no-frills-ui 0.0.14-alpha.8 → 0.0.14-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (150) hide show
  1. package/README.md +2 -3
  2. package/dist/index.js +841 -710
  3. package/dist/index.js.map +1 -1
  4. package/lib-esm/components/Accordion/Accordion.d.ts +9 -13
  5. package/lib-esm/components/Accordion/Accordion.js +3 -10
  6. package/lib-esm/components/Accordion/Accordion.js.map +1 -1
  7. package/lib-esm/components/Accordion/AccordionStep.d.ts +22 -22
  8. package/lib-esm/components/Accordion/AccordionStep.js +33 -28
  9. package/lib-esm/components/Accordion/AccordionStep.js.map +1 -1
  10. package/lib-esm/components/Badge/Badge.d.ts +13 -16
  11. package/lib-esm/components/Badge/Badge.js +10 -20
  12. package/lib-esm/components/Badge/Badge.js.map +1 -1
  13. package/lib-esm/components/Button/ActionButton.d.ts +9 -5
  14. package/lib-esm/components/Button/ActionButton.js +18 -3
  15. package/lib-esm/components/Button/ActionButton.js.map +1 -1
  16. package/lib-esm/components/Button/Button.d.ts +9 -5
  17. package/lib-esm/components/Button/Button.js +17 -5
  18. package/lib-esm/components/Button/Button.js.map +1 -1
  19. package/lib-esm/components/Button/IconButton.d.ts +9 -5
  20. package/lib-esm/components/Button/IconButton.js +18 -3
  21. package/lib-esm/components/Button/IconButton.js.map +1 -1
  22. package/lib-esm/components/Button/LinkButton.d.ts +9 -5
  23. package/lib-esm/components/Button/LinkButton.js +18 -3
  24. package/lib-esm/components/Button/LinkButton.js.map +1 -1
  25. package/lib-esm/components/Button/RaisedButton.d.ts +9 -5
  26. package/lib-esm/components/Button/RaisedButton.js +18 -3
  27. package/lib-esm/components/Button/RaisedButton.js.map +1 -1
  28. package/lib-esm/components/Card/Card.d.ts +4 -6
  29. package/lib-esm/components/Card/Card.js +16 -3
  30. package/lib-esm/components/Card/Card.js.map +1 -1
  31. package/lib-esm/components/Chip/Chip.d.ts +2 -2
  32. package/lib-esm/components/Chip/Chip.js +14 -8
  33. package/lib-esm/components/Chip/Chip.js.map +1 -1
  34. package/lib-esm/components/ChipInput/ChipInput.d.ts +28 -39
  35. package/lib-esm/components/ChipInput/ChipInput.js +35 -36
  36. package/lib-esm/components/ChipInput/ChipInput.js.map +1 -1
  37. package/lib-esm/components/Dialog/AlertDialog.d.ts +11 -12
  38. package/lib-esm/components/Dialog/AlertDialog.js +4 -11
  39. package/lib-esm/components/Dialog/AlertDialog.js.map +1 -1
  40. package/lib-esm/components/Dialog/ConfirmDialog.d.ts +13 -14
  41. package/lib-esm/components/Dialog/ConfirmDialog.js +4 -12
  42. package/lib-esm/components/Dialog/ConfirmDialog.js.map +1 -1
  43. package/lib-esm/components/Dialog/Dialog.d.ts +8 -14
  44. package/lib-esm/components/Dialog/Dialog.js +11 -9
  45. package/lib-esm/components/Dialog/Dialog.js.map +1 -1
  46. package/lib-esm/components/Dialog/PromptDialog.d.ts +18 -19
  47. package/lib-esm/components/Dialog/PromptDialog.js +10 -18
  48. package/lib-esm/components/Dialog/PromptDialog.js.map +1 -1
  49. package/lib-esm/components/DragAndDrop/DragAndDrop.d.ts +37 -59
  50. package/lib-esm/components/DragAndDrop/DragAndDrop.js +23 -26
  51. package/lib-esm/components/DragAndDrop/DragAndDrop.js.map +1 -1
  52. package/lib-esm/components/DragAndDrop/DragItem.d.ts +2 -2
  53. package/lib-esm/components/DragAndDrop/DragItem.js +40 -38
  54. package/lib-esm/components/DragAndDrop/DragItem.js.map +1 -1
  55. package/lib-esm/components/DragAndDrop/types.d.ts +3 -3
  56. package/lib-esm/components/DragAndDrop/types.js.map +1 -1
  57. package/lib-esm/components/Drawer/Drawer.d.ts +24 -31
  58. package/lib-esm/components/Drawer/Drawer.js +49 -45
  59. package/lib-esm/components/Drawer/Drawer.js.map +1 -1
  60. package/lib-esm/components/Groups/Group.d.ts +6 -8
  61. package/lib-esm/components/Groups/Group.js +12 -10
  62. package/lib-esm/components/Groups/Group.js.map +1 -1
  63. package/lib-esm/components/Input/Checkbox.d.ts +12 -15
  64. package/lib-esm/components/Input/Checkbox.js +30 -26
  65. package/lib-esm/components/Input/Checkbox.js.map +1 -1
  66. package/lib-esm/components/Input/Dropdown.d.ts +8 -18
  67. package/lib-esm/components/Input/Dropdown.js +42 -17
  68. package/lib-esm/components/Input/Dropdown.js.map +1 -1
  69. package/lib-esm/components/Input/Input.d.ts +8 -3
  70. package/lib-esm/components/Input/Input.js +20 -19
  71. package/lib-esm/components/Input/Input.js.map +1 -1
  72. package/lib-esm/components/Input/Radio.d.ts +4 -8
  73. package/lib-esm/components/Input/Radio.js +16 -13
  74. package/lib-esm/components/Input/Radio.js.map +1 -1
  75. package/lib-esm/components/Input/RadioButton.d.ts +4 -8
  76. package/lib-esm/components/Input/RadioButton.js +15 -12
  77. package/lib-esm/components/Input/RadioButton.js.map +1 -1
  78. package/lib-esm/components/Input/Select.d.ts +6 -13
  79. package/lib-esm/components/Input/Select.js +21 -18
  80. package/lib-esm/components/Input/Select.js.map +1 -1
  81. package/lib-esm/components/Input/TextArea.d.ts +6 -13
  82. package/lib-esm/components/Input/TextArea.js +29 -24
  83. package/lib-esm/components/Input/TextArea.js.map +1 -1
  84. package/lib-esm/components/Input/Toggle.d.ts +4 -9
  85. package/lib-esm/components/Input/Toggle.js +12 -10
  86. package/lib-esm/components/Input/Toggle.js.map +1 -1
  87. package/lib-esm/components/Menu/Menu.d.ts +4 -14
  88. package/lib-esm/components/Menu/Menu.js +24 -16
  89. package/lib-esm/components/Menu/Menu.js.map +1 -1
  90. package/lib-esm/components/Menu/MenuContext.d.ts +4 -4
  91. package/lib-esm/components/Menu/MenuContext.js +1 -0
  92. package/lib-esm/components/Menu/MenuContext.js.map +1 -1
  93. package/lib-esm/components/Menu/MenuItem.d.ts +10 -4
  94. package/lib-esm/components/Menu/MenuItem.js +19 -5
  95. package/lib-esm/components/Menu/MenuItem.js.map +1 -1
  96. package/lib-esm/components/Modal/Modal.d.ts +17 -23
  97. package/lib-esm/components/Modal/Modal.js +37 -34
  98. package/lib-esm/components/Modal/Modal.js.map +1 -1
  99. package/lib-esm/components/Notification/Notification.d.ts +39 -34
  100. package/lib-esm/components/Notification/Notification.js +16 -39
  101. package/lib-esm/components/Notification/Notification.js.map +1 -1
  102. package/lib-esm/components/Notification/NotificationManager.d.ts +4 -4
  103. package/lib-esm/components/Notification/NotificationManager.js +18 -14
  104. package/lib-esm/components/Notification/NotificationManager.js.map +1 -1
  105. package/lib-esm/components/Notification/index.d.ts +1 -0
  106. package/lib-esm/components/Notification/style.d.ts +2 -3
  107. package/lib-esm/components/Notification/style.js +11 -11
  108. package/lib-esm/components/Notification/style.js.map +1 -1
  109. package/lib-esm/components/Popover/Popover.d.ts +21 -20
  110. package/lib-esm/components/Popover/Popover.js +42 -44
  111. package/lib-esm/components/Popover/Popover.js.map +1 -1
  112. package/lib-esm/components/Spinner/Spinner.d.ts +14 -15
  113. package/lib-esm/components/Spinner/Spinner.js +12 -13
  114. package/lib-esm/components/Spinner/Spinner.js.map +1 -1
  115. package/lib-esm/components/Stepper/Step.d.ts +15 -12
  116. package/lib-esm/components/Stepper/Step.js +10 -8
  117. package/lib-esm/components/Stepper/Step.js.map +1 -1
  118. package/lib-esm/components/Stepper/Stepper.d.ts +11 -17
  119. package/lib-esm/components/Stepper/Stepper.js +25 -23
  120. package/lib-esm/components/Stepper/Stepper.js.map +1 -1
  121. package/lib-esm/components/Tabs/Tab.d.ts +10 -16
  122. package/lib-esm/components/Tabs/Tab.js +0 -8
  123. package/lib-esm/components/Tabs/Tab.js.map +1 -1
  124. package/lib-esm/components/Tabs/Tabs.d.ts +11 -22
  125. package/lib-esm/components/Tabs/Tabs.js +39 -31
  126. package/lib-esm/components/Tabs/Tabs.js.map +1 -1
  127. package/lib-esm/components/Toast/Toast.d.ts +7 -7
  128. package/lib-esm/components/Toast/Toast.js +13 -12
  129. package/lib-esm/components/Toast/Toast.js.map +1 -1
  130. package/lib-esm/components/Toast/ToastStory.d.ts +21 -24
  131. package/lib-esm/components/Tooltip/Tooltip.d.ts +11 -14
  132. package/lib-esm/components/Tooltip/Tooltip.js +11 -21
  133. package/lib-esm/components/Tooltip/Tooltip.js.map +1 -1
  134. package/lib-esm/icons/CheckCircle.js +2 -2
  135. package/lib-esm/icons/CheckCircle.js.map +1 -1
  136. package/lib-esm/icons/ErrorOutline.js +2 -2
  137. package/lib-esm/icons/ErrorOutline.js.map +1 -1
  138. package/lib-esm/icons/Info.js +2 -2
  139. package/lib-esm/icons/Info.js.map +1 -1
  140. package/lib-esm/icons/ReportProblem.js +2 -2
  141. package/lib-esm/icons/ReportProblem.js.map +1 -1
  142. package/lib-esm/index.js +43 -0
  143. package/lib-esm/shared/LayerManager.d.ts +5 -4
  144. package/lib-esm/shared/LayerManager.js +123 -111
  145. package/lib-esm/shared/LayerManager.js.map +1 -1
  146. package/lib-esm/shared/styles.js +4 -4
  147. package/lib-esm/shared/styles.js.map +1 -1
  148. package/package.json +66 -31
  149. package/lib-esm/components/index.js +0 -43
  150. /package/lib-esm/{components/index.js.map → index.js.map} +0 -0
package/package.json CHANGED
@@ -1,16 +1,16 @@
1
1
  {
2
2
  "name": "no-frills-ui",
3
- "version": "0.0.14-alpha.8",
3
+ "version": "0.0.14-rc.0",
4
4
  "description": "React components that are made of styled native components. Mostly!",
5
5
  "main": "dist/index.js",
6
- "module": "lib-esm/components/index.js",
7
- "jsnext:main": "lib-esm/components/index.js",
8
- "types": "lib-esm/components/index.d.ts",
6
+ "module": "lib-esm/index.js",
7
+ "jsnext:main": "lib-esm/index.js",
8
+ "types": "lib-esm/index.d.ts",
9
9
  "sideEffects": false,
10
10
  "exports": {
11
11
  ".": {
12
- "types": "./lib-esm/components/index.d.ts",
13
- "import": "./lib-esm/components/index.js",
12
+ "types": "./lib-esm/index.d.ts",
13
+ "import": "./lib-esm/index.js",
14
14
  "require": "./dist/index.js"
15
15
  }
16
16
  },
@@ -22,15 +22,48 @@
22
22
  "clean": "shx rm -rf dist lib-esm",
23
23
  "build": "NODE_ENV=production tsc --emitDeclarationOnly && rollup -c",
24
24
  "build:dev": "NODE_ENV=development tsc --emitDeclarationOnly && rollup -c",
25
- "test": "echo \"Warning: No tests implemented yet\" && exit 0",
25
+ "build:storybook": "storybook build",
26
+ "test": "jest",
27
+ "test:watch": "jest --watch",
28
+ "test:coverage": "jest --coverage",
29
+ "size": "size-limit",
30
+ "size:why": "size-limit --why",
26
31
  "lint": "eslint . --ext .js,.jsx,.mjs,.ts,.tsx",
27
32
  "lint:fix": "eslint . --ext .js,.jsx,.mjs,.ts,.tsx --fix",
28
33
  "format": "prettier --write \"**/*.{js,jsx,mjs,ts,tsx,html,json,md,mdx,yml,yaml}\"",
29
34
  "format:check": "prettier --check \"**/*.{js,jsx,mjs,ts,tsx,html,json,md,mdx,yml,yaml}\"",
30
35
  "storybook": "storybook dev -p 6006",
31
- "build-storybook": "storybook build",
32
36
  "prepare": "husky && npm run clean && npm run build"
33
37
  },
38
+ "size-limit": [
39
+ {
40
+ "name": "Full Bundle (CJS)",
41
+ "path": "dist/index.js",
42
+ "limit": "25 KB",
43
+ "gzip": true
44
+ },
45
+ {
46
+ "name": "Tree-shaking - Single Component (Button)",
47
+ "path": "lib-esm/index.js",
48
+ "import": "{ Button }",
49
+ "limit": "5 KB",
50
+ "gzip": true
51
+ },
52
+ {
53
+ "name": "Tree-shaking - Multiple Components",
54
+ "path": "lib-esm/index.js",
55
+ "import": "{ Button, Card, Input }",
56
+ "limit": "10 KB",
57
+ "gzip": true
58
+ },
59
+ {
60
+ "name": "Tree-shaking - All exports",
61
+ "path": "lib-esm/index.js",
62
+ "import": "*",
63
+ "limit": "25 KB",
64
+ "gzip": true
65
+ }
66
+ ],
34
67
  "repository": {
35
68
  "type": "git",
36
69
  "url": "git+https://github.com/pushkar8723/no-frills-ui.git"
@@ -54,17 +87,29 @@
54
87
  "react-dom": "^18.0.0 || ^19.0.0"
55
88
  },
56
89
  "devDependencies": {
57
- "@rollup/plugin-node-resolve": "^8.0.1",
90
+ "@axe-core/react": "^4.11.0",
91
+ "@emotion/react": "^11.0.0",
92
+ "@emotion/styled": "^11.0.0",
93
+ "@rollup/plugin-commonjs": "^29.0.0",
94
+ "@rollup/plugin-node-resolve": "^16.0.3",
58
95
  "@rollup/plugin-swc": "^0.4.0",
59
96
  "@rollup/plugin-terser": "^0.4.4",
97
+ "@size-limit/preset-small-lib": "^12.0.0",
60
98
  "@storybook/addon-docs": "^10.0.2",
61
99
  "@storybook/addon-links": "^10.0.2",
62
100
  "@storybook/addon-webpack5-compiler-swc": "^4.0.1",
63
101
  "@storybook/cli": "^10.0.2",
64
102
  "@storybook/react-webpack5": "^10.0.2",
65
- "@swc/plugin-emotion": "^12.0.0",
66
- "@types/react": "^18.3.12",
67
- "@types/react-dom": "^18.3.1",
103
+ "@swc/core": "^1.15.4",
104
+ "@swc/plugin-emotion": "^14.0.1",
105
+ "@testing-library/dom": "^10.4.1",
106
+ "@testing-library/jest-dom": "^6.9.1",
107
+ "@testing-library/react": "^16.3.1",
108
+ "@types/jest": "^30.0.0",
109
+ "@types/jest-axe": "^3.5.9",
110
+ "@types/node": "^25.0.2",
111
+ "@types/react": "^19.2.7",
112
+ "@types/react-dom": "^19.2.3",
68
113
  "@typescript-eslint/eslint-plugin": "^8",
69
114
  "@typescript-eslint/parser": "^8",
70
115
  "eslint": "^8",
@@ -75,32 +120,22 @@
75
120
  "eslint-plugin-react": "^7",
76
121
  "eslint-plugin-react-hooks": "^4",
77
122
  "husky": "^9",
123
+ "jest": "^30.2.0",
124
+ "jest-axe": "^10.0.0",
125
+ "jest-environment-jsdom": "^30.2.0",
78
126
  "lint-staged": "^15",
79
127
  "prettier": "^3",
80
- "react": "^18.3.1",
81
- "react-dom": "^18.3.1",
128
+ "react": "^19.2.3",
129
+ "react-dom": "^19.2.3",
82
130
  "remark-gfm": "^4.0.1",
83
131
  "rollup": "^4.52.5",
84
- "rollup-plugin-commonjs": "^10.1.0",
85
- "rollup-plugin-node-resolve": "^5.2.0",
86
132
  "rollup-plugin-peer-deps-external": "^2.2.4",
87
- "rollup-plugin-typescript2": "^0.36.0",
88
- "shx": "^0.3.2",
133
+ "shx": "^0.4.0",
134
+ "size-limit": "^12.0.0",
89
135
  "storybook": "^10.0.2",
136
+ "ts-jest": "^29.4.6",
90
137
  "tslib": "^2.0.0",
91
138
  "typescript": "^5.7.2"
92
139
  },
93
- "dependencies": {
94
- "@emotion/react": "^11.13.5",
95
- "@emotion/styled": "^11.13.5",
96
- "prop-types": "^15.7.2"
97
- },
98
- "bit": {
99
- "env": {
100
- "compiler": "bit.envs/compilers/react-typescript@3.1.53"
101
- },
102
- "componentsDefaultDirectory": "components/{name}",
103
- "packageManager": "npm"
104
- },
105
- "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
140
+ "packageManager": "yarn@4.12.0"
106
141
  }
@@ -1,43 +0,0 @@
1
- export { default as Accordion } from './Accordion/Accordion.js';
2
- export { default as AccordionStep, AccordionStepBody, AccordionStepFooter } from './Accordion/AccordionStep.js';
3
- export { BADGE_TYPE, default as Badge } from './Badge/Badge.js';
4
- export { default as Button } from './Button/Button.js';
5
- export { default as Card } from './Card/Card.js';
6
- export { default as Chip } from './Chip/Chip.js';
7
- export { default as ChipInput } from './ChipInput/ChipInput.js';
8
- export { default as Dialog } from './Dialog/Dialog.js';
9
- export { default as DragAndDrop } from './DragAndDrop/DragAndDrop.js';
10
- export { default as Group } from './Groups/Group.js';
11
- export { default as Input } from './Input/Input.js';
12
- export { default as TextArea } from './Input/TextArea.js';
13
- export { default as Select } from './Input/Select.js';
14
- export { default as Checkbox } from './Input/Checkbox.js';
15
- export { default as Toggle } from './Input/Toggle.js';
16
- export { default as Radio } from './Input/Radio.js';
17
- export { default as RadioButton, RadioGroup } from './Input/RadioButton.js';
18
- export { default as Dropdown } from './Input/Dropdown.js';
19
- export { default as Menu } from './Menu/Menu.js';
20
- export { default as MenuItem } from './Menu/MenuItem.js';
21
- export { POPOVER_POSITION, default as Popover } from './Popover/Popover.js';
22
- export { default as Spinner } from './Spinner/Spinner.js';
23
- export { default as Stepper } from './Stepper/Stepper.js';
24
- export { default as Step } from './Stepper/Step.js';
25
- export { default as Tabs } from './Tabs/Tabs.js';
26
- export { default as Tab } from './Tabs/Tab.js';
27
- export { TOOLTIP_POSITION, default as Tooltip } from './Tooltip/Tooltip.js';
28
- export { default as LinkButton } from './Button/LinkButton.js';
29
- export { default as RaisedButton } from './Button/RaisedButton.js';
30
- export { default as ActionButton } from './Button/ActionButton.js';
31
- export { default as IconButton } from './Button/IconButton.js';
32
- export { Body as CardBody, Footer as CardFooter, Header as CardHeader, Body as DialogBody, Footer as DialogFooter, Header as DialogHeader, Body as DrawerBody, Footer as DrawerFooter, Header as DrawerHeader, Body as ModalBody, Footer as ModalFooter, Header as ModalHeader, Body as StepBody, Footer as StepFooter } from '../shared/styles.js';
33
- export { default as AlertDialog } from './Dialog/AlertDialog.js';
34
- export { default as ConfirmDialog } from './Dialog/ConfirmDialog.js';
35
- export { default as PromptDialog } from './Dialog/PromptDialog.js';
36
- export { ORIENTATION } from './DragAndDrop/types.js';
37
- export { DRAWER_POSITION, default as Drawer } from './Drawer/Drawer.js';
38
- export { default as GroupLabel } from './Groups/GroupLabel.js';
39
- export { default as Modal } from './Modal/Modal.js';
40
- export { default as Notification } from './Notification/Notification.js';
41
- export { NOTIFICATION_POSITION, NOTIFICATION_TYPE } from './Notification/types.js';
42
- export { TOAST_TYPE, default as Toast } from './Toast/Toast.js';
43
- //# sourceMappingURL=index.js.map