@kwantis-id3/frontend-library 0.27.1 → 1.0.0-rc.10

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 (79) hide show
  1. package/README.md +6 -332
  2. package/dist/esm/index.js +398 -114
  3. package/dist/esm/index.js.map +1 -1
  4. package/dist/esm/types/components/Accordion/Accordion.d.ts +3 -38
  5. package/dist/esm/types/components/Accordion/AccordionInterfaces.d.ts +21 -0
  6. package/dist/esm/types/components/Accordion/AccordionStyled.d.ts +23 -14
  7. package/dist/esm/types/components/Accordion/index.d.ts +2 -1
  8. package/dist/esm/types/components/Button/Button.d.ts +2 -25
  9. package/dist/esm/types/components/Button/ButtonInterfaces.d.ts +24 -0
  10. package/dist/esm/types/components/Button/ButtonStyled.d.ts +41 -0
  11. package/dist/esm/types/components/Button/index.d.ts +2 -1
  12. package/dist/esm/types/components/Card/Card.d.ts +15 -0
  13. package/dist/esm/types/components/Card/CardInterfaces.d.ts +6 -0
  14. package/dist/esm/types/components/Card/CardStyled.d.ts +24 -0
  15. package/dist/esm/types/components/Card/index.d.ts +2 -0
  16. package/dist/esm/types/components/Drawer/Drawer.d.ts +3 -0
  17. package/dist/esm/types/components/Drawer/DrawerInterfaces.d.ts +21 -0
  18. package/dist/esm/types/components/Drawer/DrawerStyled.d.ts +25 -0
  19. package/dist/esm/types/components/Drawer/index.d.ts +2 -0
  20. package/dist/esm/types/components/Dropdown/Dropdown.d.ts +2 -42
  21. package/dist/esm/types/components/Dropdown/DropdownInterfaces.d.ts +43 -0
  22. package/dist/esm/types/components/Dropdown/DropdownStyled.d.ts +10 -11
  23. package/dist/esm/types/components/Dropdown/index.d.ts +2 -1
  24. package/dist/esm/types/components/Indicator/ErrorIndicator.d.ts +3 -0
  25. package/dist/esm/types/components/Indicator/Indicator.d.ts +7 -0
  26. package/dist/esm/types/components/Indicator/IndicatorInterfaces.d.ts +11 -0
  27. package/dist/esm/types/components/Indicator/LiveIndicator.d.ts +3 -0
  28. package/dist/esm/types/components/Indicator/SuccessIndicator.d.ts +3 -0
  29. package/dist/esm/types/components/Indicator/WarningIndicator.d.ts +3 -0
  30. package/dist/esm/types/components/Indicator/index.d.ts +2 -0
  31. package/dist/esm/types/components/InputField/InputField.d.ts +3 -12
  32. package/dist/esm/types/components/InputField/InputFieldInterfaces.d.ts +8 -0
  33. package/dist/esm/types/components/InputField/{StyledInputField.d.ts → InputFieldStyled.d.ts} +2 -2
  34. package/dist/esm/types/components/InputField/index.d.ts +2 -1
  35. package/dist/esm/types/components/Modal/Modal.d.ts +3 -19
  36. package/dist/esm/types/components/Modal/ModalInterfaces.d.ts +16 -0
  37. package/dist/esm/types/components/Modal/{StyledModal.d.ts → ModalStyled.d.ts} +4 -2
  38. package/dist/esm/types/components/Modal/index.d.ts +2 -2
  39. package/dist/esm/types/components/MultiViewList/MultiViewList.d.ts +3 -0
  40. package/dist/esm/types/components/MultiViewList/MultiViewListInterfaces.d.ts +5 -0
  41. package/dist/esm/types/components/MultiViewList/MultiViewListStyled.d.ts +4 -0
  42. package/dist/esm/types/components/MultiViewList/index.d.ts +2 -0
  43. package/dist/esm/types/components/SelectFilter/MultiSelect.d.ts +2 -4
  44. package/dist/esm/types/components/SelectFilter/SingleSelect.d.ts +2 -4
  45. package/dist/esm/types/components/SelectFilter/index.d.ts +2 -2
  46. package/dist/esm/types/components/Slider/Slider.d.ts +5 -7
  47. package/dist/esm/types/components/Slider/SliderStyled.d.ts +4 -4
  48. package/dist/esm/types/components/Slider/index.d.ts +1 -1
  49. package/dist/esm/types/components/Table/DebouncedFilter.d.ts +7 -0
  50. package/dist/esm/types/components/Table/DebouncedInput.d.ts +5 -0
  51. package/dist/esm/types/components/Table/Table.d.ts +3 -0
  52. package/dist/esm/types/components/Table/TableInterfaces.d.ts +21 -0
  53. package/dist/esm/types/components/Table/TableStyled.d.ts +14 -0
  54. package/dist/esm/types/components/Table/index.d.ts +2 -0
  55. package/dist/esm/types/components/Tag/Tag.d.ts +4 -0
  56. package/dist/esm/types/components/Tag/TagInterfaces.d.ts +22 -0
  57. package/dist/esm/types/components/Tag/TagStyled.d.ts +7 -0
  58. package/dist/esm/types/components/Tag/index.d.ts +2 -0
  59. package/dist/esm/types/components/ThemeContext/ThemeContext.d.ts +6 -72
  60. package/dist/esm/types/components/ThemeContext/ThemeInterfaces.d.ts +109 -0
  61. package/dist/esm/types/components/ThemeContext/index.d.ts +2 -1
  62. package/dist/esm/types/components/TreeView/ControlledTreeView.d.ts +4 -0
  63. package/dist/esm/types/components/TreeView/TreeUtils.d.ts +3 -0
  64. package/dist/esm/types/components/TreeView/TreeViewInterfaces.d.ts +77 -0
  65. package/dist/esm/types/components/TreeView/TreeViewSyled.d.ts +24 -0
  66. package/dist/esm/types/components/TreeView/UncontrolledTreeView.d.ts +3 -0
  67. package/dist/esm/types/components/TreeView/index.d.ts +3 -0
  68. package/dist/esm/types/components/index.d.ts +15 -8
  69. package/dist/esm/types/utils/colors.d.ts +30 -0
  70. package/dist/esm/types/utils/index.d.ts +1 -0
  71. package/dist/esm/types/utils/styled.d.ts +1 -38
  72. package/dist/esm/types/utils/testing.d.ts +53 -0
  73. package/dist/esm/types/utils/transientOptions.d.ts +7 -0
  74. package/dist/esm/types/utils/usePrefersColorScheme.d.ts +1 -0
  75. package/dist/index.d.ts +423 -133
  76. package/package.json +33 -26
  77. package/src/types/emotion.d.ts +8 -0
  78. package/src/types/tanstack.d.ts +7 -0
  79. package/changelog.md +0 -192
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kwantis-id3/frontend-library",
3
- "version": "0.27.1",
3
+ "version": "1.0.0-rc.10",
4
4
  "description": "Kwantis frontend components collection",
5
5
  "scriptsComments": {
6
6
  "storybook": "Starts storybook in development mode",
@@ -42,65 +42,67 @@
42
42
  },
43
43
  "license": "apache-2.0",
44
44
  "devDependencies": {
45
+ "@iconify/react": "^5.2.0",
45
46
  "@rollup/plugin-commonjs": "^24.0.1",
46
47
  "@rollup/plugin-node-resolve": "^15.0.1",
47
48
  "@rollup/plugin-terser": "^0.4.4",
48
49
  "@rollup/plugin-typescript": "^11.0.0",
49
- "@storybook/addon-essentials": "7.4.6",
50
- "@storybook/addon-interactions": "7.4.6",
51
- "@storybook/addon-links": "7.4.6",
52
- "@storybook/blocks": "7.4.6",
53
- "@storybook/react": "7.4.6",
54
- "@storybook/react-webpack5": "7.4.6",
55
- "@storybook/testing-library": "0.2.2",
50
+ "@storybook/addon-essentials": "^8.6.4",
51
+ "@storybook/addon-interactions": "^8.6.4",
52
+ "@storybook/addon-links": "^8.6.4",
53
+ "@storybook/addon-webpack5-compiler-swc": "^2.1.0",
54
+ "@storybook/blocks": "^8.6.4",
55
+ "@storybook/react": "^8.6.4",
56
+ "@storybook/react-webpack5": "^8.6.4",
57
+ "@storybook/test": "^8.6.4",
58
+ "@storybook/types": "^8.6.4",
56
59
  "@testing-library/jest-dom": "^5.16.5",
57
- "@testing-library/react": "^14.0.0",
58
- "@testing-library/user-event": "^14.5.1",
59
- "@types/react": "^18.0.33",
60
+ "@testing-library/react": "^16.2.0",
61
+ "@testing-library/user-event": "^14.6.1",
62
+ "@types/react": "^19.0.10",
63
+ "@types/react-dom": "^19.0.0",
60
64
  "@types/testing-library__jest-dom": "^5.14.5",
61
65
  "@types/tinycolor2": "^1.4.3",
62
66
  "@typescript-eslint/eslint-plugin": "^5.58.0",
63
67
  "@typescript-eslint/parser": "^5.58.0",
64
- "@vitest/coverage-v8": "^1.1.0",
68
+ "@vitest/coverage-v8": "^3.0.5",
65
69
  "chromatic": "^11.0.4",
66
70
  "eslint": "^8.38.0",
67
71
  "eslint-config-prettier": "^8.8.0",
68
72
  "eslint-plugin-react": "^7.32.2",
69
73
  "eslint-plugin-react-hooks": "^4.6.0",
70
- "eslint-plugin-storybook": "^0.6.14",
74
+ "eslint-plugin-storybook": "^0.11.4",
71
75
  "jsdom": "^23.0.1",
72
76
  "prop-types": "15.8.1",
73
- "react": "18.2.0",
74
- "react-dom": "18.2.0",
75
77
  "rollup": "^3.20.2",
76
78
  "rollup-plugin-dts": "^5.3.0",
77
79
  "rollup-plugin-peer-deps-external": "^2.2.4",
78
- "storybook": "7.4.6",
80
+ "storybook": "^8.6.4",
79
81
  "ts-node": "^10.9.1",
80
82
  "tslib": "^2.5.0",
81
- "typescript": "^5.0.3",
82
- "vitest": "^1.1.0"
83
+ "typescript": "^5.7.3",
84
+ "vitest": "^3.0.5"
83
85
  },
84
86
  "peerDependencies": {
85
- "react": ">= 17.0.2"
87
+ "@tanstack/react-table": "^8.0.0",
88
+ "react": "^18.0.0 || ^19.0.0",
89
+ "react-dom": "^18.0.0 || ^19.0.0"
86
90
  },
87
91
  "main": "dist/cjs/index.js",
88
92
  "module": "dist/esm/index.js",
89
93
  "files": [
90
- "dist"
94
+ "dist",
95
+ "src/types"
91
96
  ],
92
97
  "types": "dist/index.d.ts",
93
98
  "dependencies": {
94
99
  "@emotion/jest": "^11.11.0",
95
- "@emotion/react": "11.10.6",
96
- "@emotion/styled": "11.10.6",
97
- "react-collapsible": "^2.10.0",
98
- "react-icons-kit": "^2.0.0",
100
+ "@emotion/react": "11.14.0",
101
+ "@emotion/styled": "11.14.0",
99
102
  "react-range": "^1.8.14",
100
103
  "react-select": "^5.7.3",
101
104
  "tinycolor2": "^1.6.0"
102
105
  },
103
- "readme": "ERROR: No README data found!",
104
106
  "pnpm": {
105
107
  "overrides": {
106
108
  "@adobe/css-tools@<4.3.1": ">=4.3.1",
@@ -112,5 +114,10 @@
112
114
  "word-wrap@<1.2.4": ">=1.2.4",
113
115
  "@babel/traverse@<7.23.2": ">=7.23.2"
114
116
  }
115
- }
117
+ },
118
+ "engines": {
119
+ "node": ">=20.0.0",
120
+ "pnpm": ">=10.0.0"
121
+ },
122
+ "packageManager": "pnpm@10.0.0+sha512.b8fef5494bd3fe4cbd4edabd0745df2ee5be3e4b0b8b08fa643aa3e4c6702ccc0f00d68fa8a8c9858a735a0032485a44990ed2810526c875e416f001b17df12b"
116
123
  }
@@ -0,0 +1,8 @@
1
+ import "@emotion/styled";
2
+ import { IThemeContextValue } from "../components/ThemeContext/ThemeInterfaces";
3
+
4
+ // override the default theme
5
+ declare module "@emotion/react" {
6
+ // eslint-disable-next-line
7
+ export interface Theme extends IThemeContextValue {}
8
+ }
@@ -0,0 +1,7 @@
1
+ import "@tanstack/react-table";
2
+
3
+ declare module "@tanstack/react-table" {
4
+ interface ColumnMeta<TData extends RowData, TValue> {
5
+ isHidden?: boolean;
6
+ }
7
+ }
package/changelog.md DELETED
@@ -1,192 +0,0 @@
1
- # v0.27.0
2
- ## Minor Changes
3
- - The Modal component now doesn't use `setIsOpen` to close itself, but it now calls the `onClose` callback directly. This change was made to allow the user to pass a custom `onClose` callback that can be used to perform some actions before closing the modal.
4
- - The modal component now accepts 3 new props:
5
- - `width`: a string that can be used to set the width of the modal. It can be a percentage or a fixed value.
6
- - `height`: a string that can be used to set the height of the modal. It can be a percentage or a fixed value.
7
- - `sx`: a prop to pass CSS properties to the dialog element.
8
-
9
- # v0.26.0
10
- ## Minor Changes
11
- - The InputField component now accepts all input attributes as props (plus some custom ones)
12
-
13
- # v0.25.1
14
- ## Patch Changes
15
- - Fixed InputField padding
16
- - added step prop to InputField
17
-
18
- &nbsp;
19
- # v0.25.0
20
- ## Minor Changes
21
- - InputField component now accepts a ref
22
-
23
- &nbsp;
24
- # v0.24.0
25
- ## Minor Changes
26
- - The onchange callback for InputField component will no longer have a string as a parameter, but an HTML onchange event.
27
-
28
- &nbsp;
29
- # v0.23.0
30
- ## Minor Changes
31
- - Added the `onOpen` callback to the `Modal` component.
32
-
33
- &nbsp;
34
- # v0.22.2
35
- ## Patch Changes
36
- - Modal `onClose` didn't work when closing the modal by updating the `isOpen` prop.
37
-
38
- &nbsp;
39
- # v0.22.1
40
- ## Patch Changes
41
- - InputField font size is now `inherit`
42
-
43
- &nbsp;
44
- # v0.22.0
45
- ## Minor Changes
46
- - Dropdown Items now accept a isHidden prop
47
- - Dropdown Items now accept a closeOnClick prop that can be used to close the dropdown when the item is clicked
48
-
49
- ## Patch Changes
50
- - Fixed input field font family
51
-
52
- &nbsp;
53
- # v0.21.0
54
- ## Minor Changes
55
- - Now the `ThemeContextProps` interface is exported, so that it can be used to type the `useTheme` hook return value.
56
- - Refactored the styling of the `Dropdown` component. It's cleaner and more readable now, both in mobile and desktop view.
57
-
58
- &nbsp;
59
- # v0.20.3
60
- ## Patch Changes
61
- - Fixed `isDefaultOpen` prop
62
-
63
- &nbsp;
64
- # v0.20.2
65
- ## Patch Changes
66
- - Added comments to each prop field in all components to better describe them
67
- - Added `isDefaultOpen` prop to Accordion component, usable when the component is uncontrolled
68
-
69
- &nbsp;
70
- # v0.20.1
71
- ## Patch Changes
72
- - Added labels to styled components to better identify them in the DOM
73
-
74
- &nbsp;
75
- # v0.20.0
76
- ## Minor Changes
77
- - Migrated from `jest` to `vitest` for testing
78
-
79
- &nbsp;
80
- # v0.19.0
81
- ## Minor Changes
82
- - TextField is now InputField
83
- - It now accepts a `type` prop, that can be used to customize the input type (e.g. `text`, `password`, `email`, etc.)
84
- - Not all the input types are supported. The supported ones are:
85
- - `text`
86
- - `password`
87
- - `email`
88
- - `number`
89
- - `tel`
90
- - `url`
91
- - `search`
92
- - `date`
93
- - `time`
94
- - `datetime-local`
95
- - `month`
96
- - `week`
97
- - `color`
98
-
99
- &nbsp;
100
- # v0.18.2
101
- ## Patch changes
102
- - Modal now can be closed correctly with `ESC` key
103
-
104
- &nbsp;
105
- # v0.18.1
106
- ## Patch changes
107
- - Modal now has overflow shown
108
-
109
- &nbsp;
110
- # v0.18.0
111
- ## Minor changes
112
- - Created the `Modal` component
113
-
114
- &nbsp;
115
- # v0.17.2
116
- ## Patch changes
117
- - SingleSelect and MultiSelect component now accept a `menuPosition` prop, that can be used to customize the position of the menu (fixed or absolute).
118
-
119
- &nbsp;
120
- # v0.17.1
121
- ## Patch changes
122
- - Added `type` prop to Button component.
123
-
124
- &nbsp;
125
- # v0.17.0
126
- ## Minor Changes
127
- - For all input derived components, standard input attributes are now present in the props.
128
- - For Select and MultiSelect were added:
129
- - `name`
130
- - `required`
131
- - For TextField were added:
132
- - `name`
133
- - `required`
134
- - `pattern`
135
- - `readOnly`
136
- - `autoFocus`
137
- - `list`
138
-
139
- &nbsp;
140
- # v0.16.3
141
- ## Patch changes
142
- - Fixed the Dropdown component, items were not clicked when in mobile view
143
- - The html `id` in SingleSelect and MultiSelect components was forwarded to the wrong prop. Now it's forwarded to the `inputId` prop, as it should be.
144
-
145
- &nbsp;
146
- # v0.16.2
147
- ## Patch changes
148
- - Removed padding from Dropdown trigger
149
-
150
- &nbsp;
151
- # v0.16.1
152
- ## Patch changes
153
- - Exported DropdownItem type
154
-
155
- &nbsp;
156
- # v0.16.0
157
- ## Minor changes
158
- - Created the `Dropdown` component, that can be used to create multi-level dropdowns.
159
- - Created its related tests and stories.
160
- - `Accordion` component now accepts a `customTrigger` prop, that can be used to customize the trigger element.
161
-
162
- &nbsp;
163
- # v0.15.0
164
- ## Minor changes
165
- - updated the `getColor` function, so that it can now access the theme from a string path (e.g. `primary.contrastText`)
166
-
167
- Also improved code formatting.
168
-
169
- &nbsp;
170
- # v0.14.2
171
- ## Patch changes
172
- - Removed invalid not-null assertions in tests and stories
173
- - `css` prop is now allowed from eslint
174
- - Updated readme to describe how to avoid FOUC in case of fetching theme from an API
175
-
176
- &nbsp;
177
- # v0.14.1
178
- ## Patch changes
179
- - Updated storybook to v7.4.6
180
- - Updated readme
181
- - Renamed Button and Accordion folders (previously they weren't capitalized)
182
-
183
- &nbsp;
184
- # v0.14.0
185
- ## Minor changes
186
- - Created the `TextField` component, that can be used to create text inputs.
187
- - Created its related tests and stories.
188
-
189
- ## Patch changes
190
- - changed some tests description
191
- - removed unused imports
192
- - updated readme to better describe the theming functionalities