fis-component 0.0.22 → 0.0.24

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 (152) hide show
  1. package/dist/cjs/index.js +61675 -3992
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/src/assets/icons/BadgeIcon.d.ts +3 -0
  4. package/dist/cjs/types/src/assets/icons/ChevronSelector.d.ts +2 -0
  5. package/dist/cjs/types/src/assets/icons/DateIcon.d.ts +3 -0
  6. package/dist/cjs/types/src/assets/icons/DeleteIcon.d.ts +3 -0
  7. package/dist/cjs/types/src/assets/icons/EditIcon.d.ts +3 -0
  8. package/dist/cjs/types/src/assets/icons/RiseIcon.d.ts +2 -0
  9. package/dist/cjs/types/src/assets/icons/TimeIcon.d.ts +3 -0
  10. package/dist/cjs/types/src/assets/icons/index.d.ts +7 -0
  11. package/dist/cjs/types/src/components/Avatar/Avatar.stories.d.ts +1 -1
  12. package/dist/cjs/types/src/components/Avatar/index.d.ts +2 -1
  13. package/dist/cjs/types/src/components/Avatar/styles.d.ts +3 -0
  14. package/dist/cjs/types/src/components/Badge/Badge.stories.d.ts +4 -0
  15. package/dist/cjs/types/src/components/Badge/index.d.ts +18 -0
  16. package/dist/cjs/types/src/components/Badge/styles.d.ts +12 -0
  17. package/dist/cjs/types/src/components/{GroupButton/GroupButton.stories.d.ts → ButtonGroup/ButtonGroup.stories.d.ts} +2 -2
  18. package/dist/{esm/types/src/components/GroupButton → cjs/types/src/components/ButtonGroup}/index.d.ts +2 -2
  19. package/dist/cjs/types/src/components/Checkbox/index.d.ts +5 -5
  20. package/dist/cjs/types/src/components/CheckboxGroup/index.d.ts +34 -0
  21. package/dist/cjs/types/src/components/Divider/Divider.stories.d.ts +5 -0
  22. package/dist/cjs/types/src/components/Divider/index.d.ts +9 -0
  23. package/dist/cjs/types/src/components/Divider/styles.d.ts +2 -0
  24. package/dist/cjs/types/src/components/Input/{TextArea → InputArea}/TextArea.stories.d.ts +1 -1
  25. package/dist/cjs/types/src/components/Input/{TextArea → InputArea}/index.d.ts +4 -12
  26. package/dist/cjs/types/src/components/Input/InputDate/InputDate.stories.d.ts +5 -0
  27. package/dist/cjs/types/src/components/Input/InputDate/index.d.ts +16 -0
  28. package/dist/cjs/types/src/components/Input/InputDate/styles.d.ts +10 -0
  29. package/dist/cjs/types/src/components/Input/InputField/index.d.ts +2 -2
  30. package/dist/cjs/types/src/components/Input/InputLabel/index.d.ts +4 -1
  31. package/dist/cjs/types/src/components/Input/InputText/index.d.ts +1 -7
  32. package/dist/cjs/types/src/components/Input/InputTime/InputTime.stories.d.ts +5 -0
  33. package/dist/cjs/types/src/components/Input/InputTime/index.d.ts +10 -0
  34. package/dist/cjs/types/src/components/Input/InputTime/styles.d.ts +12 -0
  35. package/dist/cjs/types/src/components/Radio/index.d.ts +1 -1
  36. package/dist/cjs/types/src/components/RadioGroup/index.d.ts +35 -0
  37. package/dist/cjs/types/src/components/Segmented/Segmented.stories.d.ts +7 -0
  38. package/dist/cjs/types/src/components/Segmented/index.d.ts +39 -0
  39. package/dist/cjs/types/src/components/Segmented/styles.d.ts +15 -0
  40. package/dist/cjs/types/src/components/Slot/Slot.stories.example.d.ts +25 -0
  41. package/dist/cjs/types/src/components/Slot/index.d.ts +8 -0
  42. package/dist/cjs/types/src/components/Slot/styles.d.ts +1 -0
  43. package/dist/cjs/types/src/components/Switch/Switch.stories.d.ts +11 -0
  44. package/dist/cjs/types/src/components/Switch/index.d.ts +51 -0
  45. package/dist/cjs/types/src/components/Switch/styles.d.ts +20 -0
  46. package/dist/cjs/types/src/components/Table/ColumnCell/ColumnCell.stories.d.ts +53 -0
  47. package/dist/cjs/types/src/components/Table/ColumnCell/index.d.ts +15 -0
  48. package/dist/cjs/types/src/components/Table/ColumnCell/styles.d.ts +12 -0
  49. package/dist/cjs/types/src/components/Table/HeaderCell/HeaderCell.stories.d.ts +51 -0
  50. package/dist/cjs/types/src/components/Table/HeaderCell/index.d.ts +14 -0
  51. package/dist/cjs/types/src/components/Table/HeaderCell/styles.d.ts +12 -0
  52. package/dist/cjs/types/src/components/Table/Sorter/FISSorter.d.ts +18 -0
  53. package/dist/cjs/types/src/components/Table/Table/Table.stories.d.ts +32 -0
  54. package/dist/cjs/types/src/components/Table/Table/index.d.ts +8 -0
  55. package/dist/cjs/types/src/components/Table/Table/styles.d.ts +1 -0
  56. package/dist/cjs/types/src/components/Table/helper.d.ts +27 -0
  57. package/dist/cjs/types/src/components/Tabs/Tabs.stories.d.ts +7 -0
  58. package/dist/cjs/types/src/components/Tabs/index.d.ts +39 -0
  59. package/dist/cjs/types/src/components/Tabs/styles.d.ts +15 -0
  60. package/dist/cjs/types/src/components/Tooltip/Tooltip.stories.d.ts +12 -0
  61. package/dist/cjs/types/src/components/Tooltip/index.d.ts +28 -0
  62. package/dist/cjs/types/src/components/Tooltip/styles.d.ts +12 -0
  63. package/dist/cjs/types/src/components/Tooltip/util.d.ts +2 -0
  64. package/dist/cjs/types/src/index.d.ts +16 -2
  65. package/dist/cjs/types/src/styles/design-system/variable.d.ts +931 -816
  66. package/dist/cjs/types/src/utils/getTheme.d.ts +2843 -4
  67. package/dist/cjs/types/src/utils/mergeRefs.d.ts +12 -0
  68. package/dist/esm/index.js +61630 -3981
  69. package/dist/esm/index.js.map +1 -1
  70. package/dist/esm/types/src/assets/icons/BadgeIcon.d.ts +3 -0
  71. package/dist/esm/types/src/assets/icons/ChevronSelector.d.ts +2 -0
  72. package/dist/esm/types/src/assets/icons/DateIcon.d.ts +3 -0
  73. package/dist/esm/types/src/assets/icons/DeleteIcon.d.ts +3 -0
  74. package/dist/esm/types/src/assets/icons/EditIcon.d.ts +3 -0
  75. package/dist/esm/types/src/assets/icons/RiseIcon.d.ts +2 -0
  76. package/dist/esm/types/src/assets/icons/TimeIcon.d.ts +3 -0
  77. package/dist/esm/types/src/assets/icons/index.d.ts +7 -0
  78. package/dist/esm/types/src/components/Avatar/Avatar.stories.d.ts +1 -1
  79. package/dist/esm/types/src/components/Avatar/index.d.ts +2 -1
  80. package/dist/esm/types/src/components/Avatar/styles.d.ts +3 -0
  81. package/dist/esm/types/src/components/Badge/Badge.stories.d.ts +4 -0
  82. package/dist/esm/types/src/components/Badge/index.d.ts +18 -0
  83. package/dist/esm/types/src/components/Badge/styles.d.ts +12 -0
  84. package/dist/esm/types/src/components/{GroupButton/GroupButton.stories.d.ts → ButtonGroup/ButtonGroup.stories.d.ts} +2 -2
  85. package/dist/{cjs/types/src/components/GroupButton → esm/types/src/components/ButtonGroup}/index.d.ts +2 -2
  86. package/dist/esm/types/src/components/Checkbox/index.d.ts +5 -5
  87. package/dist/esm/types/src/components/CheckboxGroup/index.d.ts +34 -0
  88. package/dist/esm/types/src/components/Divider/Divider.stories.d.ts +5 -0
  89. package/dist/esm/types/src/components/Divider/index.d.ts +9 -0
  90. package/dist/esm/types/src/components/Divider/styles.d.ts +2 -0
  91. package/dist/esm/types/src/components/Input/{TextArea → InputArea}/TextArea.stories.d.ts +1 -1
  92. package/dist/esm/types/src/components/Input/{TextArea → InputArea}/index.d.ts +4 -12
  93. package/dist/esm/types/src/components/Input/InputDate/InputDate.stories.d.ts +5 -0
  94. package/dist/esm/types/src/components/Input/InputDate/index.d.ts +16 -0
  95. package/dist/esm/types/src/components/Input/InputDate/styles.d.ts +10 -0
  96. package/dist/esm/types/src/components/Input/InputField/index.d.ts +2 -2
  97. package/dist/esm/types/src/components/Input/InputLabel/index.d.ts +4 -1
  98. package/dist/esm/types/src/components/Input/InputText/index.d.ts +1 -7
  99. package/dist/esm/types/src/components/Input/InputTime/InputTime.stories.d.ts +5 -0
  100. package/dist/esm/types/src/components/Input/InputTime/index.d.ts +10 -0
  101. package/dist/esm/types/src/components/Input/InputTime/styles.d.ts +12 -0
  102. package/dist/esm/types/src/components/Radio/index.d.ts +1 -1
  103. package/dist/esm/types/src/components/RadioGroup/index.d.ts +35 -0
  104. package/dist/esm/types/src/components/Segmented/Segmented.stories.d.ts +7 -0
  105. package/dist/esm/types/src/components/Segmented/index.d.ts +39 -0
  106. package/dist/esm/types/src/components/Segmented/styles.d.ts +15 -0
  107. package/dist/esm/types/src/components/Slot/Slot.stories.example.d.ts +25 -0
  108. package/dist/esm/types/src/components/Slot/index.d.ts +8 -0
  109. package/dist/esm/types/src/components/Slot/styles.d.ts +1 -0
  110. package/dist/esm/types/src/components/Switch/Switch.stories.d.ts +11 -0
  111. package/dist/esm/types/src/components/Switch/index.d.ts +51 -0
  112. package/dist/esm/types/src/components/Switch/styles.d.ts +20 -0
  113. package/dist/esm/types/src/components/Table/ColumnCell/ColumnCell.stories.d.ts +53 -0
  114. package/dist/esm/types/src/components/Table/ColumnCell/index.d.ts +15 -0
  115. package/dist/esm/types/src/components/Table/ColumnCell/styles.d.ts +12 -0
  116. package/dist/esm/types/src/components/Table/HeaderCell/HeaderCell.stories.d.ts +51 -0
  117. package/dist/esm/types/src/components/Table/HeaderCell/index.d.ts +14 -0
  118. package/dist/esm/types/src/components/Table/HeaderCell/styles.d.ts +12 -0
  119. package/dist/esm/types/src/components/Table/Sorter/FISSorter.d.ts +18 -0
  120. package/dist/esm/types/src/components/Table/Table/Table.stories.d.ts +32 -0
  121. package/dist/esm/types/src/components/Table/Table/index.d.ts +8 -0
  122. package/dist/esm/types/src/components/Table/Table/styles.d.ts +1 -0
  123. package/dist/esm/types/src/components/Table/helper.d.ts +27 -0
  124. package/dist/esm/types/src/components/Tabs/Tabs.stories.d.ts +7 -0
  125. package/dist/esm/types/src/components/Tabs/index.d.ts +39 -0
  126. package/dist/esm/types/src/components/Tabs/styles.d.ts +15 -0
  127. package/dist/esm/types/src/components/Tooltip/Tooltip.stories.d.ts +12 -0
  128. package/dist/esm/types/src/components/Tooltip/index.d.ts +28 -0
  129. package/dist/esm/types/src/components/Tooltip/styles.d.ts +12 -0
  130. package/dist/esm/types/src/components/Tooltip/util.d.ts +2 -0
  131. package/dist/esm/types/src/index.d.ts +16 -2
  132. package/dist/esm/types/src/styles/design-system/variable.d.ts +931 -816
  133. package/dist/esm/types/src/utils/getTheme.d.ts +2843 -4
  134. package/dist/esm/types/src/utils/mergeRefs.d.ts +12 -0
  135. package/dist/index.d.ts +1253 -834
  136. package/package.json +15 -15
  137. package/dist/cjs/types/src/components/GroupCheckbox/index.d.ts +0 -20
  138. package/dist/cjs/types/src/components/GroupRadio/index.d.ts +0 -21
  139. package/dist/esm/types/src/components/GroupCheckbox/index.d.ts +0 -20
  140. package/dist/esm/types/src/components/GroupRadio/index.d.ts +0 -21
  141. /package/dist/cjs/types/src/components/{GroupButton → ButtonGroup}/styles.d.ts +0 -0
  142. /package/dist/cjs/types/src/components/{GroupCheckbox/GroupCheckbox.stories.d.ts → CheckboxGroup/CheckboxGroup.stories.d.ts} +0 -0
  143. /package/dist/cjs/types/src/components/{GroupCheckbox → CheckboxGroup}/styles.d.ts +0 -0
  144. /package/dist/cjs/types/src/components/Input/{TextArea → InputArea}/styles.d.ts +0 -0
  145. /package/dist/cjs/types/src/components/{GroupRadio/GroupRadio.stories.d.ts → RadioGroup/RadioGroup.stories.d.ts} +0 -0
  146. /package/dist/cjs/types/src/components/{GroupRadio → RadioGroup}/styles.d.ts +0 -0
  147. /package/dist/esm/types/src/components/{GroupButton → ButtonGroup}/styles.d.ts +0 -0
  148. /package/dist/esm/types/src/components/{GroupCheckbox/GroupCheckbox.stories.d.ts → CheckboxGroup/CheckboxGroup.stories.d.ts} +0 -0
  149. /package/dist/esm/types/src/components/{GroupCheckbox → CheckboxGroup}/styles.d.ts +0 -0
  150. /package/dist/esm/types/src/components/Input/{TextArea → InputArea}/styles.d.ts +0 -0
  151. /package/dist/esm/types/src/components/{GroupRadio/GroupRadio.stories.d.ts → RadioGroup/RadioGroup.stories.d.ts} +0 -0
  152. /package/dist/esm/types/src/components/{GroupRadio → RadioGroup}/styles.d.ts +0 -0
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "homepage": "https://vietdiemtran.github.io/fis-component/",
3
3
  "name": "fis-component",
4
- "version": "0.0.22",
4
+ "version": "0.0.24",
5
5
  "description": "",
6
6
  "main": "dist/cjs/index.js",
7
7
  "module": "dist/esm/index.js",
@@ -39,6 +39,7 @@
39
39
  "@babel/preset-typescript": "^7.23.3",
40
40
  "@commitlint/cli": "^18.6.0",
41
41
  "@commitlint/config-conventional": "^18.6.0",
42
+ "@eslint/js": "^9.21.0",
42
43
  "@rollup/plugin-commonjs": "^25.0.8",
43
44
  "@rollup/plugin-node-resolve": "^15.2.3",
44
45
  "@rollup/plugin-typescript": "^11.1.6",
@@ -48,6 +49,7 @@
48
49
  "@storybook/addon-onboarding": "^8.5.3",
49
50
  "@storybook/blocks": "^8.5.3",
50
51
  "@storybook/builder-vite": "^8.5.3",
52
+ "@storybook/experimental-addon-test": "^8.6.3",
51
53
  "@storybook/react": "^8.5.3",
52
54
  "@storybook/react-vite": "^8.5.3",
53
55
  "@storybook/test": "^8.5.3",
@@ -55,42 +57,40 @@
55
57
  "@testing-library/react": "^14.2.1",
56
58
  "@types/jest": "^29.5.12",
57
59
  "@types/react": "^18.2.55",
60
+ "@types/react-dom": "^19.0.4",
58
61
  "@typescript-eslint/eslint-plugin": "^6.21.0",
62
+ "@vitejs/plugin-react": "^4.3.1",
63
+ "@vitest/browser": "^3.0.7",
64
+ "@vitest/coverage-v8": "^3.0.7",
59
65
  "eslint": "^8.56.0",
60
66
  "eslint-config-standard-with-typescript": "^43.0.1",
61
67
  "eslint-plugin-import": "^2.29.1",
62
68
  "eslint-plugin-n": "^16.6.2",
63
69
  "eslint-plugin-promise": "^6.1.1",
64
70
  "eslint-plugin-react": "^7.33.2",
71
+ "eslint-plugin-react-hooks": "^5.1.0",
72
+ "eslint-plugin-react-refresh": "^0.4.19",
65
73
  "eslint-plugin-storybook": "^0.11.2",
66
74
  "gh-pages": "^6.2.0",
75
+ "globals": "^15.15.0",
67
76
  "husky": "^9.0.10",
68
77
  "jest": "^29.7.0",
69
78
  "jest-environment-jsdom": "^29.7.0",
79
+ "playwright": "^1.50.1",
70
80
  "react": "^18.2.0",
71
81
  "react-dom": "^18.2.0",
72
82
  "rollup": "^4.21.3",
73
83
  "rollup-plugin-dts": "^6.1.1",
74
84
  "rollup-plugin-postcss": "^4.0.2",
85
+ "rollup-plugin-typescript2": "^0.36.0",
75
86
  "standard-version": "^9.5.0",
76
87
  "storybook": "^8.5.3",
88
+ "style-dictionary": "^4.3.2",
77
89
  "styled-components": "^6.1.15",
78
90
  "tslib": "^2.6.2",
79
91
  "typescript": "^5.3.3",
80
- "style-dictionary": "^4.3.2",
81
- "rollup-plugin-typescript2": "^0.36.0",
82
- "vite": "^4.5.3",
83
- "@vitejs/plugin-react": "^4.3.1",
84
- "@eslint/js": "^9.21.0",
85
- "@storybook/experimental-addon-test": "^8.6.3",
86
- "@types/react-dom": "^19.0.4",
87
- "@vitest/browser": "^3.0.7",
88
- "@vitest/coverage-v8": "^3.0.7",
89
- "eslint-plugin-react-hooks": "^5.1.0",
90
- "eslint-plugin-react-refresh": "^0.4.19",
91
- "globals": "^15.15.0",
92
- "playwright": "^1.50.1",
93
92
  "typescript-eslint": "^8.24.1",
93
+ "vite": "^4.5.3",
94
94
  "vitest": "^3.0.7"
95
95
  },
96
96
  "eslintConfig": {
@@ -101,4 +101,4 @@
101
101
  "dependencies": {
102
102
  "antd": "^5.23.4"
103
103
  }
104
- }
104
+ }
@@ -1,20 +0,0 @@
1
- type Value = string | number;
2
- type Option<T> = {
3
- value: T;
4
- label: string;
5
- };
6
- type CheckboxGroupProps<T extends Value> = {
7
- className?: string;
8
- groupLabel: string;
9
- options: Option<T>[] | readonly Option<T>[];
10
- value: T[];
11
- direction?: "row" | "column";
12
- disabled?: boolean;
13
- getOptionDisabled?: (option: Option<T>) => boolean;
14
- onChange: (nextValue: T[]) => void;
15
- onFocus?: () => void;
16
- onBlur?: () => void;
17
- };
18
- declare function FISCheckboxGroup<T extends Value>({ className, groupLabel, options, value, direction, disabled, getOptionDisabled, onChange, onFocus, onBlur, }: CheckboxGroupProps<T>): import("react/jsx-runtime").JSX.Element;
19
- export default FISCheckboxGroup;
20
- export type { CheckboxGroupProps };
@@ -1,21 +0,0 @@
1
- type Value = string | number;
2
- type Option<T> = {
3
- value: T;
4
- label: string;
5
- };
6
- type RadioGroupProps<T extends Value> = {
7
- className?: string;
8
- groupLabel: string;
9
- options: Option<T>[] | readonly Option<T>[];
10
- value: T | null;
11
- direction?: "row" | "column";
12
- name?: string;
13
- disabled?: boolean;
14
- getOptionDisabled?: (option: Option<T>) => boolean;
15
- onChange: (nextValue: T) => void;
16
- onFocus?: () => void;
17
- onBlur?: () => void;
18
- };
19
- declare function RadioGroup<T extends Value>({ className, groupLabel, options, name, value, direction, disabled, getOptionDisabled, onChange, onFocus, onBlur, }: RadioGroupProps<T>): import("react/jsx-runtime").JSX.Element;
20
- export default RadioGroup;
21
- export type { RadioGroupProps };
@@ -1,20 +0,0 @@
1
- type Value = string | number;
2
- type Option<T> = {
3
- value: T;
4
- label: string;
5
- };
6
- type CheckboxGroupProps<T extends Value> = {
7
- className?: string;
8
- groupLabel: string;
9
- options: Option<T>[] | readonly Option<T>[];
10
- value: T[];
11
- direction?: "row" | "column";
12
- disabled?: boolean;
13
- getOptionDisabled?: (option: Option<T>) => boolean;
14
- onChange: (nextValue: T[]) => void;
15
- onFocus?: () => void;
16
- onBlur?: () => void;
17
- };
18
- declare function FISCheckboxGroup<T extends Value>({ className, groupLabel, options, value, direction, disabled, getOptionDisabled, onChange, onFocus, onBlur, }: CheckboxGroupProps<T>): import("react/jsx-runtime").JSX.Element;
19
- export default FISCheckboxGroup;
20
- export type { CheckboxGroupProps };
@@ -1,21 +0,0 @@
1
- type Value = string | number;
2
- type Option<T> = {
3
- value: T;
4
- label: string;
5
- };
6
- type RadioGroupProps<T extends Value> = {
7
- className?: string;
8
- groupLabel: string;
9
- options: Option<T>[] | readonly Option<T>[];
10
- value: T | null;
11
- direction?: "row" | "column";
12
- name?: string;
13
- disabled?: boolean;
14
- getOptionDisabled?: (option: Option<T>) => boolean;
15
- onChange: (nextValue: T) => void;
16
- onFocus?: () => void;
17
- onBlur?: () => void;
18
- };
19
- declare function RadioGroup<T extends Value>({ className, groupLabel, options, name, value, direction, disabled, getOptionDisabled, onChange, onFocus, onBlur, }: RadioGroupProps<T>): import("react/jsx-runtime").JSX.Element;
20
- export default RadioGroup;
21
- export type { RadioGroupProps };