mrkter-shared-components

How it works

How to add what we can get from lib

In src/index need to add export that will be imported in future like import Component from 'mrkter-shared-components'

How to update lib

1. Need to update version in package.json

PATCH: Bug fixes (e.g., 1.0.1 → 1.0.2).
MINOR: New features (e.g., 1.0.1 → 1.1.0).
MAJOR: Breaking changes (e.g., 1.0.1 → 2.0.0).

Or just use commands

npm version patch   # For patch updates
npm version minor   # For minor updates
npm version major   # For major updates

2. npm run build
3. Currently optional step (No test added): Test lib

npm link
cd /path/to/test-project
npm link your-library-name

4. Login into NPM: npm login
5. Publish: npm publish

What's need to be done

1. Convert publick into private package
2. Update package.json

{
  "name": "@mrkter/mrkter-shared-components",
  "version": "0.1.0",
  "private": true
}

3. Add into package.json

"publishConfig": {
  "access": "restricted"
}

What's now is ready to use

Already refactored

Divider

    <Divider />
    
    type DividerProps = {
        orientation?: Orientation;
        color?: NewColor;
        margin?: number;
    };

Refactor close to finish

DropdownWithIcon

    <DropdownWithIcon />

    type DropdownWithIconProps = {
        icon?: ReactNode;
        role: UserGroup;
        align: DropdownAlign;
        ariaLabel: string;
        innerComponent: InnerComponent[];
        buttonText?: string;
        disabled?: boolean;
        rowData?: unknown;
    };

PS. Other components that can be imported not changed at all and need to review before use