period-ui 0.1.0 → 0.1.2

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 (245) hide show
  1. package/LICENSE +21 -0
  2. package/package.json +5 -5
  3. package/dist/components/atoms/billo-icon/billo-icon.d.ts +0 -125
  4. package/dist/components/atoms/billo-icon/billo-icon.d.ts.map +0 -1
  5. package/dist/components/atoms/billo-icon/billo-icon.js +0 -128
  6. package/dist/components/atoms/billo-icon/billo-icon.js.map +0 -1
  7. package/dist/components/atoms/billo-icon/billo-icon.stories.d.ts +0 -7
  8. package/dist/components/atoms/billo-icon/billo-icon.stories.d.ts.map +0 -1
  9. package/dist/components/atoms/billo-icon/billo-icon.stories.js +0 -38
  10. package/dist/components/atoms/billo-icon/billo-icon.stories.js.map +0 -1
  11. package/dist/components/atoms/billo-icon/billo-icon.test.d.ts +0 -2
  12. package/dist/components/atoms/billo-icon/billo-icon.test.d.ts.map +0 -1
  13. package/dist/components/atoms/billo-icon/billo-icon.test.js +0 -37
  14. package/dist/components/atoms/billo-icon/billo-icon.test.js.map +0 -1
  15. package/dist/components/atoms/button/button.d.ts +0 -9
  16. package/dist/components/atoms/button/button.d.ts.map +0 -1
  17. package/dist/components/atoms/button/button.js +0 -30
  18. package/dist/components/atoms/button/button.js.map +0 -1
  19. package/dist/components/atoms/button/button.stories.d.ts +0 -9
  20. package/dist/components/atoms/button/button.stories.d.ts.map +0 -1
  21. package/dist/components/atoms/button/button.stories.js +0 -40
  22. package/dist/components/atoms/button/button.stories.js.map +0 -1
  23. package/dist/components/atoms/button/button.test.d.ts +0 -2
  24. package/dist/components/atoms/button/button.test.d.ts.map +0 -1
  25. package/dist/components/atoms/button/button.test.js +0 -72
  26. package/dist/components/atoms/button/button.test.js.map +0 -1
  27. package/dist/components/atoms/check-box/check-box.d.ts +0 -22
  28. package/dist/components/atoms/check-box/check-box.d.ts.map +0 -1
  29. package/dist/components/atoms/check-box/check-box.js +0 -43
  30. package/dist/components/atoms/check-box/check-box.js.map +0 -1
  31. package/dist/components/atoms/check-box/check-box.stories.d.ts +0 -13
  32. package/dist/components/atoms/check-box/check-box.stories.d.ts.map +0 -1
  33. package/dist/components/atoms/check-box/check-box.stories.js +0 -41
  34. package/dist/components/atoms/check-box/check-box.stories.js.map +0 -1
  35. package/dist/components/atoms/check-box/check-box.test.d.ts +0 -2
  36. package/dist/components/atoms/check-box/check-box.test.d.ts.map +0 -1
  37. package/dist/components/atoms/check-box/check-box.test.js +0 -40
  38. package/dist/components/atoms/check-box/check-box.test.js.map +0 -1
  39. package/dist/components/atoms/chip/chip/chip.d.ts +0 -9
  40. package/dist/components/atoms/chip/chip/chip.d.ts.map +0 -1
  41. package/dist/components/atoms/chip/chip/chip.js +0 -13
  42. package/dist/components/atoms/chip/chip/chip.js.map +0 -1
  43. package/dist/components/atoms/chip/chip/chip.stories.d.ts +0 -8
  44. package/dist/components/atoms/chip/chip/chip.stories.d.ts.map +0 -1
  45. package/dist/components/atoms/chip/chip/chip.stories.js +0 -29
  46. package/dist/components/atoms/chip/chip/chip.stories.js.map +0 -1
  47. package/dist/components/atoms/chip/chip/chip.test.d.ts +0 -2
  48. package/dist/components/atoms/chip/chip/chip.test.d.ts.map +0 -1
  49. package/dist/components/atoms/chip/chip/chip.test.js +0 -38
  50. package/dist/components/atoms/chip/chip/chip.test.js.map +0 -1
  51. package/dist/components/atoms/chip/chip/components/clear-button.d.ts +0 -11
  52. package/dist/components/atoms/chip/chip/components/clear-button.d.ts.map +0 -1
  53. package/dist/components/atoms/chip/chip/components/clear-button.js +0 -11
  54. package/dist/components/atoms/chip/chip/components/clear-button.js.map +0 -1
  55. package/dist/components/atoms/chip/chips-list/chips-list.d.ts +0 -14
  56. package/dist/components/atoms/chip/chips-list/chips-list.d.ts.map +0 -1
  57. package/dist/components/atoms/chip/chips-list/chips-list.js +0 -11
  58. package/dist/components/atoms/chip/chips-list/chips-list.js.map +0 -1
  59. package/dist/components/atoms/chip/chips-list/chips-list.stories.d.ts +0 -8
  60. package/dist/components/atoms/chip/chips-list/chips-list.stories.d.ts.map +0 -1
  61. package/dist/components/atoms/chip/chips-list/chips-list.stories.js +0 -45
  62. package/dist/components/atoms/chip/chips-list/chips-list.stories.js.map +0 -1
  63. package/dist/components/atoms/chip/chips-list/chips-list.test.d.ts +0 -2
  64. package/dist/components/atoms/chip/chips-list/chips-list.test.d.ts.map +0 -1
  65. package/dist/components/atoms/chip/chips-list/chips-list.test.js +0 -36
  66. package/dist/components/atoms/chip/chips-list/chips-list.test.js.map +0 -1
  67. package/dist/components/atoms/drop-down-menu/components/menu-item.d.ts +0 -21
  68. package/dist/components/atoms/drop-down-menu/components/menu-item.d.ts.map +0 -1
  69. package/dist/components/atoms/drop-down-menu/components/menu-item.js +0 -29
  70. package/dist/components/atoms/drop-down-menu/components/menu-item.js.map +0 -1
  71. package/dist/components/atoms/drop-down-menu/drop-down-menu.d.ts +0 -22
  72. package/dist/components/atoms/drop-down-menu/drop-down-menu.d.ts.map +0 -1
  73. package/dist/components/atoms/drop-down-menu/drop-down-menu.js +0 -25
  74. package/dist/components/atoms/drop-down-menu/drop-down-menu.js.map +0 -1
  75. package/dist/components/atoms/drop-down-menu/drop-down-menu.stories.d.ts +0 -16
  76. package/dist/components/atoms/drop-down-menu/drop-down-menu.stories.d.ts.map +0 -1
  77. package/dist/components/atoms/drop-down-menu/drop-down-menu.stories.js +0 -222
  78. package/dist/components/atoms/drop-down-menu/drop-down-menu.stories.js.map +0 -1
  79. package/dist/components/atoms/drop-down-menu/drop-down-menu.test.d.ts +0 -2
  80. package/dist/components/atoms/drop-down-menu/drop-down-menu.test.d.ts.map +0 -1
  81. package/dist/components/atoms/drop-down-menu/drop-down-menu.test.js +0 -64
  82. package/dist/components/atoms/drop-down-menu/drop-down-menu.test.js.map +0 -1
  83. package/dist/components/atoms/icon-button/icon-button.d.ts +0 -12
  84. package/dist/components/atoms/icon-button/icon-button.d.ts.map +0 -1
  85. package/dist/components/atoms/icon-button/icon-button.js +0 -11
  86. package/dist/components/atoms/icon-button/icon-button.js.map +0 -1
  87. package/dist/components/atoms/icon-button/icon-button.stories.d.ts +0 -9
  88. package/dist/components/atoms/icon-button/icon-button.stories.d.ts.map +0 -1
  89. package/dist/components/atoms/icon-button/icon-button.stories.js +0 -58
  90. package/dist/components/atoms/icon-button/icon-button.stories.js.map +0 -1
  91. package/dist/components/atoms/icon-button/icon-button.test.d.ts +0 -2
  92. package/dist/components/atoms/icon-button/icon-button.test.d.ts.map +0 -1
  93. package/dist/components/atoms/icon-button/icon-button.test.js +0 -71
  94. package/dist/components/atoms/icon-button/icon-button.test.js.map +0 -1
  95. package/dist/components/atoms/search-bar/components/clear-button.d.ts +0 -10
  96. package/dist/components/atoms/search-bar/components/clear-button.d.ts.map +0 -1
  97. package/dist/components/atoms/search-bar/components/clear-button.js +0 -11
  98. package/dist/components/atoms/search-bar/components/clear-button.js.map +0 -1
  99. package/dist/components/atoms/search-bar/search-bar.d.ts +0 -12
  100. package/dist/components/atoms/search-bar/search-bar.d.ts.map +0 -1
  101. package/dist/components/atoms/search-bar/search-bar.js +0 -15
  102. package/dist/components/atoms/search-bar/search-bar.js.map +0 -1
  103. package/dist/components/atoms/search-bar/search-bar.stories.d.ts +0 -9
  104. package/dist/components/atoms/search-bar/search-bar.stories.d.ts.map +0 -1
  105. package/dist/components/atoms/search-bar/search-bar.stories.js +0 -39
  106. package/dist/components/atoms/search-bar/search-bar.stories.js.map +0 -1
  107. package/dist/components/atoms/search-bar/search-bar.test.d.ts +0 -2
  108. package/dist/components/atoms/search-bar/search-bar.test.d.ts.map +0 -1
  109. package/dist/components/atoms/search-bar/search-bar.test.js +0 -34
  110. package/dist/components/atoms/search-bar/search-bar.test.js.map +0 -1
  111. package/dist/components/atoms/text/text.d.ts +0 -35
  112. package/dist/components/atoms/text/text.d.ts.map +0 -1
  113. package/dist/components/atoms/text/text.js +0 -57
  114. package/dist/components/atoms/text/text.js.map +0 -1
  115. package/dist/components/atoms/text/text.stories.d.ts +0 -15
  116. package/dist/components/atoms/text/text.stories.d.ts.map +0 -1
  117. package/dist/components/atoms/text/text.stories.js +0 -70
  118. package/dist/components/atoms/text/text.stories.js.map +0 -1
  119. package/dist/components/atoms/text/text.test.d.ts +0 -2
  120. package/dist/components/atoms/text/text.test.d.ts.map +0 -1
  121. package/dist/components/atoms/text/text.test.js +0 -93
  122. package/dist/components/atoms/text/text.test.js.map +0 -1
  123. package/dist/components/atoms/text-button/text-button.d.ts +0 -19
  124. package/dist/components/atoms/text-button/text-button.d.ts.map +0 -1
  125. package/dist/components/atoms/text-button/text-button.js +0 -23
  126. package/dist/components/atoms/text-button/text-button.js.map +0 -1
  127. package/dist/components/atoms/text-button/text-button.stories.d.ts +0 -13
  128. package/dist/components/atoms/text-button/text-button.stories.d.ts.map +0 -1
  129. package/dist/components/atoms/text-button/text-button.stories.js +0 -71
  130. package/dist/components/atoms/text-button/text-button.stories.js.map +0 -1
  131. package/dist/components/atoms/text-button/text-button.test.d.ts +0 -2
  132. package/dist/components/atoms/text-button/text-button.test.d.ts.map +0 -1
  133. package/dist/components/atoms/text-button/text-button.test.js +0 -53
  134. package/dist/components/atoms/text-button/text-button.test.js.map +0 -1
  135. package/dist/components/index.d.ts +0 -14
  136. package/dist/components/index.d.ts.map +0 -1
  137. package/dist/components/index.js +0 -30
  138. package/dist/components/index.js.map +0 -1
  139. package/dist/components/molecules/form/form-select/form-select.d.ts +0 -7
  140. package/dist/components/molecules/form/form-select/form-select.d.ts.map +0 -1
  141. package/dist/components/molecules/form/form-select/form-select.js +0 -29
  142. package/dist/components/molecules/form/form-select/form-select.js.map +0 -1
  143. package/dist/components/molecules/form/form-select/form-select.stories.d.ts +0 -20
  144. package/dist/components/molecules/form/form-select/form-select.stories.d.ts.map +0 -1
  145. package/dist/components/molecules/form/form-select/form-select.stories.js +0 -158
  146. package/dist/components/molecules/form/form-select/form-select.stories.js.map +0 -1
  147. package/dist/components/molecules/form/form-select/form-select.test.d.ts +0 -2
  148. package/dist/components/molecules/form/form-select/form-select.test.d.ts.map +0 -1
  149. package/dist/components/molecules/form/form-select/form-select.test.js +0 -24
  150. package/dist/components/molecules/form/form-select/form-select.test.js.map +0 -1
  151. package/dist/components/molecules/form/form.d.ts +0 -33
  152. package/dist/components/molecules/form/form.d.ts.map +0 -1
  153. package/dist/components/molecules/form/form.js +0 -44
  154. package/dist/components/molecules/form/form.js.map +0 -1
  155. package/dist/components/molecules/form/formStoryStubs.d.ts +0 -11
  156. package/dist/components/molecules/form/formStoryStubs.d.ts.map +0 -1
  157. package/dist/components/molecules/form/formStoryStubs.js +0 -81
  158. package/dist/components/molecules/form/formStoryStubs.js.map +0 -1
  159. package/dist/components/molecules/form/formTestStubs.d.ts +0 -6
  160. package/dist/components/molecules/form/formTestStubs.d.ts.map +0 -1
  161. package/dist/components/molecules/form/formTestStubs.js +0 -41
  162. package/dist/components/molecules/form/formTestStubs.js.map +0 -1
  163. package/dist/components/molecules/select/components/select-input.d.ts +0 -8
  164. package/dist/components/molecules/select/components/select-input.d.ts.map +0 -1
  165. package/dist/components/molecules/select/components/select-input.js +0 -11
  166. package/dist/components/molecules/select/components/select-input.js.map +0 -1
  167. package/dist/components/molecules/select/select.d.ts +0 -16
  168. package/dist/components/molecules/select/select.d.ts.map +0 -1
  169. package/dist/components/molecules/select/select.js +0 -30
  170. package/dist/components/molecules/select/select.js.map +0 -1
  171. package/dist/components/molecules/select/select.stories.d.ts +0 -10
  172. package/dist/components/molecules/select/select.stories.d.ts.map +0 -1
  173. package/dist/components/molecules/select/select.stories.js +0 -53
  174. package/dist/components/molecules/select/select.stories.js.map +0 -1
  175. package/dist/components/molecules/select/select.test.d.ts +0 -2
  176. package/dist/components/molecules/select/select.test.d.ts.map +0 -1
  177. package/dist/components/molecules/select/select.test.js +0 -57
  178. package/dist/components/molecules/select/select.test.js.map +0 -1
  179. package/dist/components/molecules/select/use-select.d.ts +0 -23
  180. package/dist/components/molecules/select/use-select.d.ts.map +0 -1
  181. package/dist/components/molecules/select/use-select.js +0 -149
  182. package/dist/components/molecules/select/use-select.js.map +0 -1
  183. package/dist/containers/form-control/components/form-error.d.ts +0 -7
  184. package/dist/containers/form-control/components/form-error.d.ts.map +0 -1
  185. package/dist/containers/form-control/components/form-error.js +0 -10
  186. package/dist/containers/form-control/components/form-error.js.map +0 -1
  187. package/dist/containers/form-control/components/form-helper.d.ts +0 -9
  188. package/dist/containers/form-control/components/form-helper.d.ts.map +0 -1
  189. package/dist/containers/form-control/components/form-helper.js +0 -10
  190. package/dist/containers/form-control/components/form-helper.js.map +0 -1
  191. package/dist/containers/form-control/components/form-label.d.ts +0 -10
  192. package/dist/containers/form-control/components/form-label.d.ts.map +0 -1
  193. package/dist/containers/form-control/components/form-label.js +0 -10
  194. package/dist/containers/form-control/components/form-label.js.map +0 -1
  195. package/dist/containers/form-control/form-control.d.ts +0 -33
  196. package/dist/containers/form-control/form-control.d.ts.map +0 -1
  197. package/dist/containers/form-control/form-control.js +0 -33
  198. package/dist/containers/form-control/form-control.js.map +0 -1
  199. package/dist/containers/index.d.ts +0 -2
  200. package/dist/containers/index.d.ts.map +0 -1
  201. package/dist/containers/index.js +0 -18
  202. package/dist/containers/index.js.map +0 -1
  203. package/dist/index.d.ts.map +0 -1
  204. package/dist/index.js.map +0 -1
  205. package/dist/tsconfig.tsbuildinfo +0 -1
  206. package/dist/types/button-types.d.ts +0 -6
  207. package/dist/types/button-types.d.ts.map +0 -1
  208. package/dist/types/button-types.js +0 -10
  209. package/dist/types/button-types.js.map +0 -1
  210. package/dist/types/options-type.d.ts +0 -5
  211. package/dist/types/options-type.d.ts.map +0 -1
  212. package/dist/types/options-type.js +0 -3
  213. package/dist/types/options-type.js.map +0 -1
  214. package/dist/types/select-types.d.ts +0 -6
  215. package/dist/types/select-types.d.ts.map +0 -1
  216. package/dist/types/select-types.js +0 -3
  217. package/dist/types/select-types.js.map +0 -1
  218. package/dist/types/text-types.d.ts +0 -14
  219. package/dist/types/text-types.d.ts.map +0 -1
  220. package/dist/types/text-types.js +0 -3
  221. package/dist/types/text-types.js.map +0 -1
  222. package/dist/utils/string-utils/string-utils.d.ts +0 -6
  223. package/dist/utils/string-utils/string-utils.d.ts.map +0 -1
  224. package/dist/utils/string-utils/string-utils.js +0 -15
  225. package/dist/utils/string-utils/string-utils.js.map +0 -1
  226. package/dist/utils/string-utils/string-utils.test.d.ts +0 -2
  227. package/dist/utils/string-utils/string-utils.test.d.ts.map +0 -1
  228. package/dist/utils/string-utils/string-utils.test.js +0 -25
  229. package/dist/utils/string-utils/string-utils.test.js.map +0 -1
  230. package/dist/utils/string-utils.d.ts +0 -6
  231. package/dist/utils/string-utils.d.ts.map +0 -1
  232. package/dist/utils/string-utils.js +0 -15
  233. package/dist/utils/string-utils.js.map +0 -1
  234. package/dist/utils/tailwind-utils.d.ts +0 -3
  235. package/dist/utils/tailwind-utils.d.ts.map +0 -1
  236. package/dist/utils/tailwind-utils.js +0 -12
  237. package/dist/utils/tailwind-utils.js.map +0 -1
  238. package/dist/utils/window-dimensions-utils.d.ts +0 -9
  239. package/dist/utils/window-dimensions-utils.d.ts.map +0 -1
  240. package/dist/utils/window-dimensions-utils.js +0 -37
  241. package/dist/utils/window-dimensions-utils.js.map +0 -1
  242. package/dist/vitest.setup.d.ts +0 -2
  243. package/dist/vitest.setup.d.ts.map +0 -1
  244. package/dist/vitest.setup.js +0 -3
  245. package/dist/vitest.setup.js.map +0 -1
@@ -1,22 +0,0 @@
1
- export declare enum CheckboxVariant {
2
- DEFAULT = "DEFAULT",
3
- INTERMEDIATE = "INTERMEDIATE",
4
- DESTRUCTIVE = "DESTRUCTIVE"
5
- }
6
- type ExcludedVariants = Exclude<CheckboxVariant, CheckboxVariant.INTERMEDIATE>;
7
- export declare const checkBoxStyles: {
8
- [type in ExcludedVariants]: string;
9
- };
10
- type Props = {
11
- value?: boolean;
12
- isDisabled?: boolean;
13
- label?: string;
14
- className?: string;
15
- labelName?: string;
16
- containerClassName?: string;
17
- variant?: CheckboxVariant;
18
- onCheckToggle?: (value: boolean) => void;
19
- };
20
- export declare function Checkbox({ value, isDisabled, label, className, labelName, containerClassName, variant, onCheckToggle, }: Props): import("react/jsx-runtime").JSX.Element;
21
- export {};
22
- //# sourceMappingURL=check-box.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"check-box.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box.tsx"],"names":[],"mappings":"AAYA,oBAAY,eAAe;IACzB,OAAO,YAAY;IACnB,YAAY,iBAAiB;IAC7B,WAAW,gBAAgB;CAC5B;AAED,KAAK,gBAAgB,GAAG,OAAO,CAAC,eAAe,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;AAE/E,eAAO,MAAM,cAAc,EAAE;KAC1B,IAAI,IAAI,gBAAgB,GAAG,MAAM;CAMnC,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,UAAkB,EAClB,KAAK,EACL,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,OAAiC,EACjC,aAAwB,GACzB,EAAE,KAAK,2CAgFP"}
@@ -1,43 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.checkBoxStyles = exports.CheckboxVariant = void 0;
4
- exports.Checkbox = Checkbox;
5
- const jsx_runtime_1 = require("react/jsx-runtime");
6
- const react_1 = require("react");
7
- const components_1 = require("../../../components");
8
- const tailwind_utils_1 = require("../../../utils/tailwind-utils");
9
- const window_dimensions_utils_1 = require("../../../utils/window-dimensions-utils");
10
- var CheckboxVariant;
11
- (function (CheckboxVariant) {
12
- CheckboxVariant["DEFAULT"] = "DEFAULT";
13
- CheckboxVariant["INTERMEDIATE"] = "INTERMEDIATE";
14
- CheckboxVariant["DESTRUCTIVE"] = "DESTRUCTIVE";
15
- })(CheckboxVariant || (exports.CheckboxVariant = CheckboxVariant = {}));
16
- exports.checkBoxStyles = {
17
- [CheckboxVariant.DEFAULT]: 'bg-blue-01 hover:bg-blue-02 focus-visible:bg-blue-02 disabled:bg-blue-03',
18
- [CheckboxVariant.DESTRUCTIVE]: 'bg-red-01 hover:bg-red-02 focus-visible:bg-red-02 disabled:bg-red-03',
19
- };
20
- function Checkbox({ value, isDisabled = false, label, className, labelName, containerClassName, variant = CheckboxVariant.DEFAULT, onCheckToggle = () => { }, }) {
21
- const [isChecked, setIsChecked] = (0, react_1.useState)(false);
22
- const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
23
- (0, react_1.useEffect)(() => {
24
- if (value === undefined) {
25
- return;
26
- }
27
- setIsChecked(value);
28
- }, [value]);
29
- const handleClick = () => {
30
- if (isDisabled) {
31
- return;
32
- }
33
- setIsChecked((current) => !current);
34
- if (!onCheckToggle) {
35
- return;
36
- }
37
- onCheckToggle(isChecked);
38
- };
39
- const isIntermediate = variant === CheckboxVariant.INTERMEDIATE;
40
- const checkBoxVariantStyle = exports.checkBoxStyles[isIntermediate ? CheckboxVariant.DEFAULT : variant];
41
- return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-row w-fit items-start', isDisabled ? 'cursor-not-allowed' : 'cursor-pointer', containerClassName), onClick: handleClick, children: [(0, jsx_runtime_1.jsxs)("button", { role: "checkbox", type: "button", disabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('flex justify-center items-center border-2 border-gray-04 rounded shrink-0', 'h-[18px] w-[18px] md:h-5 md:w-5', 'hover:border-gray-03 hover:bg-gray-05', 'disabled:bg-gray-06 disabled:border-gray-04 disabled:cursor-not-allowed', 'focus-visible:border-none focus-visible:outline-2 focus-visible:bg-gray-05 focus-visible:outline-offset-2 focus:outline-blue-01', isChecked && `${checkBoxVariantStyle} border-none`, className), children: [isChecked && !isIntermediate && ((0, jsx_runtime_1.jsx)(components_1.BilloIcon, { size: isMobile ? components_1.IconSize.XXS : components_1.IconSize.XS, icon: components_1.IconSymbol.CHECK, className: "no-selectable text-white" })), isChecked && isIntermediate && ((0, jsx_runtime_1.jsx)(components_1.BilloIcon, { size: isMobile ? components_1.IconSize.XXS : components_1.IconSize.XS, icon: components_1.IconSymbol.MINUS, className: "text-white" }))] }), label && ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, className: (0, tailwind_utils_1.tailwind)('flex ml-2 select-none whitespace-normal', labelName), color: isDisabled ? components_1.TextColors.BLACK_03 : components_1.TextColors.BLACK, children: label }))] }) }));
42
- }
43
- //# sourceMappingURL=check-box.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"check-box.js","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box.tsx"],"names":[],"mappings":";;;AAwCA,4BAyFC;;AAjID,iCAA4C;AAC5C,oDAO6B;AAC7B,kEAAyD;AACzD,oFAA6E;AAE7E,IAAY,eAIX;AAJD,WAAY,eAAe;IACzB,sCAAmB,CAAA;IACnB,gDAA6B,CAAA;IAC7B,8CAA2B,CAAA;AAC7B,CAAC,EAJW,eAAe,+BAAf,eAAe,QAI1B;AAIY,QAAA,cAAc,GAEvB;IACF,CAAC,eAAe,CAAC,OAAO,CAAC,EACvB,0EAA0E;IAC5E,CAAC,eAAe,CAAC,WAAW,CAAC,EAC3B,sEAAsE;CACzE,CAAC;AAaF,SAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,OAAO,GAAG,eAAe,CAAC,OAAO,EACjC,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,GAClB;IACN,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAC3D,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAE3C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QAED,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,UAAU,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,YAAY,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;QAEpC,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QACD,aAAa,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,OAAO,KAAK,eAAe,CAAC,YAAY,CAAC;IAChE,MAAM,oBAAoB,GAAG,sBAAc,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAEhG,OAAO,CACL,2DACE,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,iCAAiC,EACjC,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,gBAAgB,EACpD,kBAAkB,CACnB,EACD,OAAO,EAAE,WAAW,aAEpB,oCACE,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,IAAA,yBAAQ,EACjB,2EAA2E,EAC3E,iCAAiC,EACjC,uCAAuC,EACvC,yEAAyE,EACzE,iIAAiI,EACjI,SAAS,IAAI,GAAG,oBAAoB,cAAc,EAClD,SAAS,CACV,aAEA,SAAS,IAAI,CAAC,cAAc,IAAI,CAC/B,uBAAC,sBAAS,IACR,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC3C,IAAI,EAAE,uBAAU,CAAC,KAAK,EACtB,SAAS,EAAC,0BAA0B,GACpC,CACH,EAEA,SAAS,IAAI,cAAc,IAAI,CAC9B,uBAAC,sBAAS,IACR,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC3C,IAAI,EAAE,uBAAU,CAAC,KAAK,EACtB,SAAS,EAAC,YAAY,GACtB,CACH,IACM,EACR,KAAK,IAAI,CACR,uBAAC,iBAAI,IACH,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,SAAS,EAAE,IAAA,yBAAQ,EAAC,yCAAyC,EAAE,SAAS,CAAC,EACzE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,uBAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAU,CAAC,KAAK,YAEzD,KAAK,GACD,CACR,IACG,GACL,CACJ,CAAC;AACJ,CAAC"}
@@ -1,13 +0,0 @@
1
- import { Checkbox } from '@/components';
2
- import type { Meta, StoryObj } from '@storybook/react';
3
- declare const meta: Meta<typeof Checkbox>;
4
- export default meta;
5
- type Story = StoryObj<typeof Checkbox>;
6
- export declare const Default: Story;
7
- export declare const Disabled: Story;
8
- export declare const DisabledCheck: Story;
9
- export declare const Destructive: Story;
10
- export declare const DestructiveDisabled: Story;
11
- export declare const Intermediate: Story;
12
- export declare const IntermediateDisabled: Story;
13
- //# sourceMappingURL=check-box.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"check-box.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAmB,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAO/B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AA4BvC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAIjC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAIlC,CAAC"}
@@ -1,41 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.IntermediateDisabled = exports.Intermediate = exports.DestructiveDisabled = exports.Destructive = exports.DisabledCheck = exports.Disabled = exports.Default = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const components_1 = require("@/components");
6
- const react_1 = require("react");
7
- const meta = {
8
- title: 'Components/Atoms/Checkbox',
9
- component: components_1.Checkbox,
10
- parameters: {
11
- layout: 'centered',
12
- },
13
- tags: ['autodocs'],
14
- };
15
- exports.default = meta;
16
- const CheckboxTemplate = ({ label = 'Check box Check box Check box Check box', isDisabled = false, variant = components_1.CheckboxVariant.DEFAULT, initialChecked = false, }) => {
17
- const [checked, setChecked] = (0, react_1.useState)(initialChecked);
18
- return ((0, jsx_runtime_1.jsx)(components_1.Checkbox, { label: label, isDisabled: isDisabled, value: checked, variant: variant, onCheckToggle: () => setChecked((prev) => !prev) }));
19
- };
20
- exports.Default = {
21
- render: () => (0, jsx_runtime_1.jsx)(CheckboxTemplate, {}),
22
- };
23
- exports.Disabled = {
24
- render: () => (0, jsx_runtime_1.jsx)(CheckboxTemplate, { isDisabled: true }),
25
- };
26
- exports.DisabledCheck = {
27
- render: () => (0, jsx_runtime_1.jsx)(CheckboxTemplate, { isDisabled: true, initialChecked: true }),
28
- };
29
- exports.Destructive = {
30
- render: () => (0, jsx_runtime_1.jsx)(CheckboxTemplate, { variant: components_1.CheckboxVariant.DESTRUCTIVE }),
31
- };
32
- exports.DestructiveDisabled = {
33
- render: () => ((0, jsx_runtime_1.jsx)(CheckboxTemplate, { variant: components_1.CheckboxVariant.DESTRUCTIVE, isDisabled: true, initialChecked: true })),
34
- };
35
- exports.Intermediate = {
36
- render: () => (0, jsx_runtime_1.jsx)(CheckboxTemplate, { variant: components_1.CheckboxVariant.INTERMEDIATE }),
37
- };
38
- exports.IntermediateDisabled = {
39
- render: () => ((0, jsx_runtime_1.jsx)(CheckboxTemplate, { variant: components_1.CheckboxVariant.INTERMEDIATE, isDisabled: true, initialChecked: true })),
40
- };
41
- //# sourceMappingURL=check-box.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"check-box.stories.js","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box.stories.tsx"],"names":[],"mappings":";;;;AAAA,6CAAyD;AAEzD,iCAAiC;AAEjC,MAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,qBAAQ;IACnB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,kBAAe,IAAI,CAAC;AAWpB,MAAM,gBAAgB,GAAG,CAAC,EACxB,KAAK,GAAG,yCAAyC,EACjD,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,4BAAe,CAAC,OAAO,EACjC,cAAc,GAAG,KAAK,GACH,EAAE,EAAE;IACvB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,cAAc,CAAC,CAAC;IAEvD,OAAO,CACL,uBAAC,qBAAQ,IACP,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,GAChD,CACH,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,uBAAC,gBAAgB,KAAG;CACnC,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,uBAAC,gBAAgB,IAAC,UAAU,SAAG;CAC9C,CAAC;AAEW,QAAA,aAAa,GAAU;IAClC,MAAM,EAAE,GAAG,EAAE,CAAC,uBAAC,gBAAgB,IAAC,UAAU,QAAC,cAAc,SAAG;CAC7D,CAAC;AAEW,QAAA,WAAW,GAAU;IAChC,MAAM,EAAE,GAAG,EAAE,CAAC,uBAAC,gBAAgB,IAAC,OAAO,EAAE,4BAAe,CAAC,WAAW,GAAI;CACzE,CAAC;AAEW,QAAA,mBAAmB,GAAU;IACxC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,uBAAC,gBAAgB,IAAC,OAAO,EAAE,4BAAe,CAAC,WAAW,EAAE,UAAU,QAAC,cAAc,SAAG,CACrF;CACF,CAAC;AAEW,QAAA,YAAY,GAAU;IACjC,MAAM,EAAE,GAAG,EAAE,CAAC,uBAAC,gBAAgB,IAAC,OAAO,EAAE,4BAAe,CAAC,YAAY,GAAI;CAC1E,CAAC;AAEW,QAAA,oBAAoB,GAAU;IACzC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,uBAAC,gBAAgB,IAAC,OAAO,EAAE,4BAAe,CAAC,YAAY,EAAE,UAAU,QAAC,cAAc,SAAG,CACtF;CACF,CAAC"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=check-box.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"check-box.test.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box.test.tsx"],"names":[],"mappings":""}
@@ -1,40 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const jsx_runtime_1 = require("react/jsx-runtime");
4
- const react_1 = require("@testing-library/react");
5
- const vitest_1 = require("vitest");
6
- const check_box_1 = require("./check-box");
7
- (0, vitest_1.describe)('Checkbox component', () => {
8
- (0, vitest_1.beforeEach)(() => {
9
- vitest_1.vi.clearAllMocks();
10
- });
11
- (0, vitest_1.it)('renders with label', () => {
12
- (0, react_1.render)((0, jsx_runtime_1.jsx)(check_box_1.Checkbox, { label: "Accept terms" }));
13
- (0, vitest_1.expect)(react_1.screen.getByText('Accept terms')).toBeInTheDocument();
14
- });
15
- (0, vitest_1.it)('calls onCheckToggle with the correct value when clicked', () => {
16
- const onCheckToggle = vitest_1.vi.fn();
17
- (0, react_1.render)((0, jsx_runtime_1.jsx)(check_box_1.Checkbox, { label: "Option", onCheckToggle: onCheckToggle }));
18
- const checkboxButton = react_1.screen.getByRole('checkbox');
19
- react_1.fireEvent.click(checkboxButton);
20
- (0, vitest_1.expect)(onCheckToggle).toHaveBeenCalledWith(false);
21
- });
22
- (0, vitest_1.it)('does not call onCheckToggle if disabled', () => {
23
- const onCheckToggle = vitest_1.vi.fn();
24
- (0, react_1.render)((0, jsx_runtime_1.jsx)(check_box_1.Checkbox, { label: "Option", isDisabled: true, onCheckToggle: onCheckToggle }));
25
- const checkboxButton = react_1.screen.getByRole('checkbox');
26
- react_1.fireEvent.click(checkboxButton);
27
- (0, vitest_1.expect)(onCheckToggle).not.toHaveBeenCalled();
28
- });
29
- (0, vitest_1.it)('does not render icon when unchecked', () => {
30
- (0, react_1.render)((0, jsx_runtime_1.jsx)(check_box_1.Checkbox, { label: "Unchecked", value: false }));
31
- const icon = react_1.screen.getByRole('checkbox').querySelector('svg');
32
- (0, vitest_1.expect)(icon).toBeNull();
33
- });
34
- (0, vitest_1.it)('applies disabled styles', () => {
35
- (0, react_1.render)((0, jsx_runtime_1.jsx)(check_box_1.Checkbox, { label: "Disabled", isDisabled: true }));
36
- const button = react_1.screen.getByRole('checkbox');
37
- (0, vitest_1.expect)(button).toHaveClass('disabled:bg-gray-06');
38
- });
39
- });
40
- //# sourceMappingURL=check-box.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"check-box.test.js","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAmE;AACnE,mCAA8D;AAC9D,2CAAuC;AAEvC,IAAA,iBAAQ,EAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,IAAA,mBAAU,EAAC,GAAG,EAAE;QACd,WAAE,CAAC,aAAa,EAAE,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,oBAAoB,EAAE,GAAG,EAAE;QAC5B,IAAA,cAAM,EAAC,uBAAC,oBAAQ,IAAC,KAAK,EAAC,cAAc,GAAG,CAAC,CAAC;QAC1C,IAAA,eAAM,EAAC,cAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,yDAAyD,EAAE,GAAG,EAAE;QACjE,MAAM,aAAa,GAAG,WAAE,CAAC,EAAE,EAAE,CAAC;QAC9B,IAAA,cAAM,EAAC,uBAAC,oBAAQ,IAAC,KAAK,EAAC,QAAQ,EAAC,aAAa,EAAE,aAAa,GAAI,CAAC,CAAC;QAElE,MAAM,cAAc,GAAG,cAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QACpD,iBAAS,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QAEhC,IAAA,eAAM,EAAC,aAAa,CAAC,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,yCAAyC,EAAE,GAAG,EAAE;QACjD,MAAM,aAAa,GAAG,WAAE,CAAC,EAAE,EAAE,CAAC;QAC9B,IAAA,cAAM,EAAC,uBAAC,oBAAQ,IAAC,KAAK,EAAC,QAAQ,EAAC,UAAU,QAAC,aAAa,EAAE,aAAa,GAAI,CAAC,CAAC;QAE7E,MAAM,cAAc,GAAG,cAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QACpD,iBAAS,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QAEhC,IAAA,eAAM,EAAC,aAAa,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,qCAAqC,EAAE,GAAG,EAAE;QAC7C,IAAA,cAAM,EAAC,uBAAC,oBAAQ,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC;QACrD,MAAM,IAAI,GAAG,cAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC/D,IAAA,eAAM,EAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;IAC1B,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,IAAA,cAAM,EAAC,uBAAC,oBAAQ,IAAC,KAAK,EAAC,UAAU,EAAC,UAAU,SAAG,CAAC,CAAC;QACjD,MAAM,MAAM,GAAG,cAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAC5C,IAAA,eAAM,EAAC,MAAM,CAAC,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
@@ -1,9 +0,0 @@
1
- type Props = {
2
- id: string;
3
- label: string;
4
- className?: string;
5
- onClick?: () => void;
6
- };
7
- export declare function Chip({ id, label, className, onClick }: Props): import("react/jsx-runtime").JSX.Element;
8
- export {};
9
- //# sourceMappingURL=chip.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/chip/chip/chip.tsx"],"names":[],"mappings":"AAKA,KAAK,KAAK,GAAG;IACX,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,IAAI,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,KAAK,2CAwB5D"}
@@ -1,13 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Chip = Chip;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const __1 = require("../../..");
6
- const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
7
- const window_dimensions_utils_1 = require("../../../../utils/window-dimensions-utils");
8
- const clear_button_1 = require("./components/clear-button");
9
- function Chip({ id, label, className, onClick }) {
10
- const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
11
- return ((0, jsx_runtime_1.jsxs)("div", { "data-chip": true, className: (0, tailwind_utils_1.tailwind)('flex flex-row pl-4 pr-1 md:pr-[2px] w-fit rounded-lg items-center justify-center', 'bg-gray-06 border border-gray-04', 'max-h-[34px] md:max-h-10', { 'py-2 px-4 md:px-4': !onClick }, className), children: [(0, jsx_runtime_1.jsx)(__1.Text, { variant: __1.TextVariant.BODY, className: (0, tailwind_utils_1.tailwind)('w-full truncate max-w-96 mr-1 md:mr-[2px]'), color: __1.TextColors.BLACK_02, children: label }), onClick && (0, jsx_runtime_1.jsx)(clear_button_1.ClearButton, { onClick: onClick, size: isMobile ? __1.IconSize.XXS : __1.IconSize.XS })] }, id));
12
- }
13
- //# sourceMappingURL=chip.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../../../src/components/atoms/chip/chip/chip.tsx"],"names":[],"mappings":";;AAYA,oBAwBC;;AApCD,gCAAmE;AACnE,qEAA4D;AAC5D,uFAAgF;AAChF,4DAAwD;AASxD,SAAgB,IAAI,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAS;IAC3D,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAC3C,OAAO,CACL,oDAGE,SAAS,EAAE,IAAA,yBAAQ,EACjB,kFAAkF,EAClF,kCAAkC,EAClC,0BAA0B,EAC1B,EAAE,mBAAmB,EAAE,CAAC,OAAO,EAAE,EACjC,SAAS,CACV,aAED,uBAAC,QAAI,IACH,OAAO,EAAE,eAAW,CAAC,IAAI,EACzB,SAAS,EAAE,IAAA,yBAAQ,EAAC,2CAA2C,CAAC,EAChE,KAAK,EAAE,cAAU,CAAC,QAAQ,YAEzB,KAAK,GACD,EACN,OAAO,IAAI,uBAAC,0BAAW,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,YAAQ,CAAC,EAAE,GAAI,KAjBrF,EAAE,CAkBH,CACP,CAAC;AACJ,CAAC"}
@@ -1,8 +0,0 @@
1
- import { Chip } from '@/components';
2
- import type { Meta, StoryObj } from '@storybook/react';
3
- declare const meta: Meta<typeof Chip>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
7
- export declare const NonClosable: Story;
8
- //# sourceMappingURL=chip.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"chip.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/chip/chip/chip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAO3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAQnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC"}
@@ -1,29 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.NonClosable = exports.Default = void 0;
4
- const components_1 = require("@/components");
5
- const meta = {
6
- title: 'Components/Atoms/Chip',
7
- component: components_1.Chip,
8
- parameters: {
9
- layout: 'centered',
10
- },
11
- tags: ['autodocs'],
12
- };
13
- exports.default = meta;
14
- const noop = () => { };
15
- const baseArgs = {
16
- label: 'test',
17
- };
18
- exports.Default = {
19
- args: {
20
- ...baseArgs,
21
- onClick: noop,
22
- },
23
- };
24
- exports.NonClosable = {
25
- args: {
26
- ...baseArgs,
27
- },
28
- };
29
- //# sourceMappingURL=chip.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"chip.stories.js","sourceRoot":"","sources":["../../../../../src/components/atoms/chip/chip/chip.stories.tsx"],"names":[],"mappings":";;;AAAA,6CAAoC;AAGpC,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,iBAAI;IACf,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIpB,MAAM,IAAI,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;AAEtB,MAAM,QAAQ,GAAG;IACf,KAAK,EAAE,MAAM;CACd,CAAC;AAEW,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,GAAG,QAAQ;QACX,OAAO,EAAE,IAAI;KACd;CACF,CAAC;AAEW,QAAA,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,GAAG,QAAQ;KACZ;CACF,CAAC"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=chip.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"chip.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/chip/chip/chip.test.tsx"],"names":[],"mappings":""}
@@ -1,38 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const jsx_runtime_1 = require("react/jsx-runtime");
4
- const react_1 = require("@testing-library/react");
5
- const vitest_1 = require("vitest");
6
- const chip_1 = require("./chip");
7
- vitest_1.vi.mock('./components/clear-button', () => ({
8
- ClearButton: ({ onClick }) => ((0, jsx_runtime_1.jsx)("button", { "data-testid": "clear-button", onClick: onClick, children: "X" })),
9
- }));
10
- (0, vitest_1.describe)('Chip component', () => {
11
- (0, vitest_1.beforeEach)(() => {
12
- vitest_1.vi.clearAllMocks();
13
- });
14
- (0, vitest_1.it)('renders the label as text', () => {
15
- (0, react_1.render)((0, jsx_runtime_1.jsx)(chip_1.Chip, { id: "1", label: "Test Chip" }));
16
- (0, vitest_1.expect)(react_1.screen.getByText('Test Chip')).toBeInTheDocument();
17
- });
18
- (0, vitest_1.it)('does not render ClearButton if onClick is not provided', () => {
19
- (0, react_1.render)((0, jsx_runtime_1.jsx)(chip_1.Chip, { id: "3", label: "Without Button" }));
20
- (0, vitest_1.expect)(react_1.screen.queryByTestId('clear-button')).not.toBeInTheDocument();
21
- });
22
- (0, vitest_1.it)('renders ClearButton if onClick is provided', () => {
23
- const onClick = vitest_1.vi.fn();
24
- (0, react_1.render)((0, jsx_runtime_1.jsx)(chip_1.Chip, { id: "4", label: "With Button", onClick: onClick }));
25
- (0, vitest_1.expect)(react_1.screen.getByTestId('clear-button')).toBeInTheDocument();
26
- });
27
- (0, vitest_1.it)('calls onClick when ClearButton is clicked', () => {
28
- const onClick = vitest_1.vi.fn();
29
- (0, react_1.render)((0, jsx_runtime_1.jsx)(chip_1.Chip, { id: "5", label: "With Button", onClick: onClick }));
30
- react_1.fireEvent.click(react_1.screen.getByTestId('clear-button'));
31
- (0, vitest_1.expect)(onClick).toHaveBeenCalled();
32
- });
33
- (0, vitest_1.it)('applies custom className if provided', () => {
34
- const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(chip_1.Chip, { id: "6", label: "Styled Chip", className: "custom-class" }));
35
- (0, vitest_1.expect)(container.firstChild).toHaveClass('custom-class');
36
- });
37
- });
38
- //# sourceMappingURL=chip.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"chip.test.js","sourceRoot":"","sources":["../../../../../src/components/atoms/chip/chip/chip.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAmE;AACnE,mCAA8D;AAC9D,iCAA8B;AAE9B,WAAE,CAAC,IAAI,CAAC,2BAA2B,EAAE,GAAG,EAAE,CAAC,CAAC;IAC1C,WAAW,EAAE,CAAC,EAAE,OAAO,EAA2B,EAAE,EAAE,CAAC,CACrD,kDAAoB,cAAc,EAAC,OAAO,EAAE,OAAO,kBAE1C,CACV;CACF,CAAC,CAAC,CAAC;AAEJ,IAAA,iBAAQ,EAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,IAAA,mBAAU,EAAC,GAAG,EAAE;QACd,WAAE,CAAC,aAAa,EAAE,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,2BAA2B,EAAE,GAAG,EAAE;QACnC,IAAA,cAAM,EAAC,uBAAC,WAAI,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAC,WAAW,GAAG,CAAC,CAAC;QAC1C,IAAA,eAAM,EAAC,cAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,wDAAwD,EAAE,GAAG,EAAE;QAChE,IAAA,cAAM,EAAC,uBAAC,WAAI,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAC,gBAAgB,GAAG,CAAC,CAAC;QAC/C,IAAA,eAAM,EAAC,cAAM,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IACvE,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,4CAA4C,EAAE,GAAG,EAAE;QACpD,MAAM,OAAO,GAAG,WAAE,CAAC,EAAE,EAAE,CAAC;QACxB,IAAA,cAAM,EAAC,uBAAC,WAAI,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAE,OAAO,GAAI,CAAC,CAAC;QAC9D,IAAA,eAAM,EAAC,cAAM,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,MAAM,OAAO,GAAG,WAAE,CAAC,EAAE,EAAE,CAAC;QACxB,IAAA,cAAM,EAAC,uBAAC,WAAI,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAE,OAAO,GAAI,CAAC,CAAC;QAC9D,iBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC;QACpD,IAAA,eAAM,EAAC,OAAO,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,WAAI,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAC,aAAa,EAAC,SAAS,EAAC,cAAc,GAAG,CAAC,CAAC;QAC3F,IAAA,eAAM,EAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
@@ -1,11 +0,0 @@
1
- import { IconColor, IconSize } from '../../../../../components';
2
- type Props = {
3
- isDisabled?: boolean;
4
- size?: IconSize;
5
- color?: IconColor;
6
- onClick: () => void;
7
- className?: string;
8
- };
9
- export declare function ClearButton({ isDisabled, size, onClick, className, }: Props): JSX.Element;
10
- export {};
11
- //# sourceMappingURL=clear-button.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"clear-button.d.ts","sourceRoot":"","sources":["../../../../../../src/components/atoms/chip/chip/components/clear-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,QAAQ,EAAc,MAAM,2BAA2B,CAAC;AAGvF,KAAK,KAAK,GAAG;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,UAAkB,EAClB,IAAkB,EAClB,OAAO,EACP,SAAS,GACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAiCrB"}
@@ -1,11 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.ClearButton = ClearButton;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const components_1 = require("../../../../../components");
6
- const tailwind_utils_1 = require("../../../../../utils/tailwind-utils");
7
- function ClearButton({ isDisabled = false, size = components_1.IconSize.LG, onClick, className, }) {
8
- return ((0, jsx_runtime_1.jsx)("button", { type: "button", disabled: isDisabled, onClick: onClick, className: (0, tailwind_utils_1.tailwind)('group', 'flex cursor-pointer justify-center items-center', 'min-w-[34px] h-[34px] md:min-w-[40px] md:h-[40px] outline-none', isDisabled && 'cursor-not-allowed', className), children: (0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: components_1.IconSymbol.ICON_X, size: size, color: isDisabled ? components_1.IconColor.GRAY_03 : components_1.IconColor.GRAY_02, touchTarget: (0, tailwind_utils_1.tailwind)('w-[28px] h-[28px] md:w-[34px] md:h-[34px]', 'rounded-full self-center outline-none', 'group-active:bg-gray-04', 'group-hover:bg-gray-05', 'group-focus-visible:bg-gray-05 group-focus-visible:ring-2 group-focus-visible:ring-offset-2 group-focus-visible:ring-blue-01', 'group-focus-visible:w-[25px] group-focus-visible:h-[25px] md:group-focus-visible:w-[31px] md:group-focus-visible:h-[31px]'), className: (0, tailwind_utils_1.tailwind)(!isDisabled &&
9
- 'group-active:text-gray-01 group-hover:text-gray-01 group-focus-visible:text-gray-01') }) }));
10
- }
11
- //# sourceMappingURL=clear-button.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"clear-button.js","sourceRoot":"","sources":["../../../../../../src/components/atoms/chip/chip/components/clear-button.tsx"],"names":[],"mappings":";;AAWA,kCAsCC;;AAjDD,0DAAuF;AACvF,wEAA+D;AAU/D,SAAgB,WAAW,CAAC,EAC1B,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,qBAAQ,CAAC,EAAE,EAClB,OAAO,EACP,SAAS,GACH;IACN,OAAO,CACL,mCACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,yBAAQ,EACjB,OAAO,EACP,iDAAiD,EACjD,gEAAgE,EAChE,UAAU,IAAI,oBAAoB,EAClC,SAAS,CACV,YAED,uBAAC,sBAAS,IACR,IAAI,EAAE,uBAAU,CAAC,MAAM,EACvB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,sBAAS,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAS,CAAC,OAAO,EACzD,WAAW,EAAE,IAAA,yBAAQ,EACnB,2CAA2C,EAC3C,uCAAuC,EACvC,yBAAyB,EACzB,wBAAwB,EACxB,8HAA8H,EAC9H,2HAA2H,CAC5H,EACD,SAAS,EAAE,IAAA,yBAAQ,EACjB,CAAC,UAAU;gBACT,qFAAqF,CACxF,GACD,GACK,CACV,CAAC;AACJ,CAAC"}
@@ -1,14 +0,0 @@
1
- import { OptionsProps } from '../../../../types/options-type';
2
- import { ReactElement } from 'react';
3
- export type ChipOptionsProps = OptionsProps & {
4
- onClear: () => void;
5
- };
6
- type Props = {
7
- data: ChipOptionsProps[];
8
- className?: string;
9
- firstComponent?: ReactElement;
10
- lasItemComponent?: ReactElement;
11
- };
12
- export declare function ChipList({ data, className, firstComponent, lasItemComponent }: Props): import("react/jsx-runtime").JSX.Element;
13
- export {};
14
- //# sourceMappingURL=chips-list.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"chips-list.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/chip/chips-list/chips-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAG9D,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG;IAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,gBAAgB,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,gBAAgB,CAAC,EAAE,YAAY,CAAC;CACjC,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,gBAAgB,EAAE,EAAE,KAAK,2CAoBpF"}
@@ -1,11 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.ChipList = ChipList;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const __1 = require("../../..");
6
- const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
7
- function ChipList({ data, className, firstComponent, lasItemComponent }) {
8
- const uniqueData = data?.filter((_data, index, self) => self.findIndex((data) => data.value === _data.value) === index);
9
- return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-wrap items-center overflow-y-auto w-full', 'gap-x-1 gap-y-1', className), children: [firstComponent && firstComponent, uniqueData.map((item) => ((0, jsx_runtime_1.jsx)(__1.Chip, { id: item.value, label: item.label, onClick: item.onClear }, item.value))), lasItemComponent && lasItemComponent] }));
10
- }
11
- //# sourceMappingURL=chips-list.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"chips-list.js","sourceRoot":"","sources":["../../../../../src/components/atoms/chip/chips-list/chips-list.tsx"],"names":[],"mappings":";;AAgBA,4BAoBC;;AAnCD,gCAAgC;AAChC,qEAA4D;AAc5D,SAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,gBAAgB,EAAS;IACnF,MAAM,UAAU,GAAG,IAAI,EAAE,MAAM,CAC7B,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,CACvF,CAAC;IAEF,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,oDAAoD,EACpD,iBAAiB,EACjB,SAAS,CACV,aAEA,cAAc,IAAI,cAAc,EAChC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAsB,EAAE,EAAE,CAAC,CAC1C,uBAAC,QAAI,IAAC,EAAE,EAAE,IAAI,CAAC,KAAK,EAAmB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,IAApD,IAAI,CAAC,KAAK,CAA8C,CACpF,CAAC,EACD,gBAAgB,IAAI,gBAAgB,IACjC,CACP,CAAC;AACJ,CAAC"}
@@ -1,8 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { ChipList } from '@/components';
3
- declare const meta: Meta<typeof ChipList>;
4
- export default meta;
5
- type Story = StoryObj<typeof ChipList>;
6
- export declare const Default: Story;
7
- export declare const Scrollable: Story;
8
- //# sourceMappingURL=chips-list.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"chips-list.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/chip/chips-list/chips-list.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,QAAQ,EAAoB,MAAM,cAAc,CAAC;AAE1D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAO/B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAgBvC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAC"}
@@ -1,45 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Scrollable = exports.Default = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const react_1 = require("react");
6
- const test_1 = require("@storybook/test");
7
- const components_1 = require("@/components");
8
- const meta = {
9
- title: 'Components/Atoms/ChipList',
10
- component: components_1.ChipList,
11
- parameters: {
12
- layout: 'centered',
13
- },
14
- tags: ['autodocs'],
15
- };
16
- exports.default = meta;
17
- const createChipData = (label) => ({
18
- label,
19
- value: label,
20
- onClear: (0, test_1.fn)(),
21
- });
22
- const initialData = ['test 1', 'test 2', 'test 3'].map((label) => createChipData(label));
23
- const scrollableData = [
24
- ...initialData,
25
- ...['test 4', 'test 5', 'test 6', 'test 7', 'test 8', 'test 9'].map((label) => createChipData(label)),
26
- ];
27
- exports.Default = {
28
- render: (args) => {
29
- const [data, setData] = (0, react_1.useState)(initialData);
30
- const handleClear = (value) => {
31
- setData((prev) => prev.filter((item) => item.value !== value));
32
- };
33
- return ((0, jsx_runtime_1.jsx)(components_1.ChipList, { ...args, data: data.map((chip) => ({ ...chip, onClear: () => handleClear(chip.value) })) }));
34
- },
35
- };
36
- exports.Scrollable = {
37
- render: (args) => {
38
- const [data, setData] = (0, react_1.useState)(scrollableData);
39
- const handleClear = (value) => {
40
- setData((prev) => prev.filter((item) => item.value !== value));
41
- };
42
- return ((0, jsx_runtime_1.jsx)("div", { className: "max-w-[360px] max-h-[90px] overflow-auto border p-2 rounded", children: (0, jsx_runtime_1.jsx)(components_1.ChipList, { ...args, data: data.map((chip) => ({ ...chip, onClear: () => handleClear(chip.value) })) }) }));
43
- },
44
- };
45
- //# sourceMappingURL=chips-list.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"chips-list.stories.js","sourceRoot":"","sources":["../../../../../src/components/atoms/chip/chips-list/chips-list.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAiC;AACjC,0CAAqC;AACrC,6CAA0D;AAE1D,MAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,qBAAQ;IACnB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIpB,MAAM,cAAc,GAAG,CAAC,KAAa,EAAoB,EAAE,CAAC,CAAC;IAC3D,KAAK;IACL,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,IAAA,SAAE,GAAE;CACd,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;AACzF,MAAM,cAAc,GAAG;IACrB,GAAG,WAAW;IACd,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAC5E,cAAc,CAAC,KAAK,CAAC,CACtB;CACF,CAAC;AAEW,QAAA,OAAO,GAAU;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACf,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,WAAW,CAAC,CAAC;QAE9C,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE;YACpC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC;QACjE,CAAC,CAAC;QAEF,OAAO,CACL,uBAAC,qBAAQ,OACH,IAAI,EACR,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,GAC/E,CACH,CAAC;IACJ,CAAC;CACF,CAAC;AAEW,QAAA,UAAU,GAAU;IAC/B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACf,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,cAAc,CAAC,CAAC;QAEjD,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE;YACpC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC;QACjE,CAAC,CAAC;QAEF,OAAO,CACL,gCAAK,SAAS,EAAC,6DAA6D,YAC1E,uBAAC,qBAAQ,OACH,IAAI,EACR,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,GAC/E,GACE,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=chips-list.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"chips-list.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/chip/chips-list/chips-list.test.tsx"],"names":[],"mappings":""}
@@ -1,36 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const jsx_runtime_1 = require("react/jsx-runtime");
4
- const react_1 = require("@testing-library/react");
5
- const vitest_1 = require("vitest");
6
- const chips_list_1 = require("./chips-list");
7
- (0, vitest_1.describe)('ChipList component', () => {
8
- (0, vitest_1.beforeEach)(() => {
9
- vitest_1.vi.clearAllMocks();
10
- });
11
- const mockData = [
12
- { label: 'Chip 1', value: 'Chip 1', onClear: vitest_1.vi.fn() },
13
- { label: 'Chip 2', value: 'Chip 2', onClear: vitest_1.vi.fn() },
14
- ];
15
- (0, vitest_1.it)('renders chip with label "Chip 1"', () => {
16
- (0, react_1.render)((0, jsx_runtime_1.jsx)(chips_list_1.ChipList, { data: mockData }));
17
- (0, vitest_1.expect)(react_1.screen.getByText('Chip 1')).toBeInTheDocument();
18
- });
19
- (0, vitest_1.it)('renders chip with label "Chip 2"', () => {
20
- (0, react_1.render)((0, jsx_runtime_1.jsx)(chips_list_1.ChipList, { data: mockData }));
21
- (0, vitest_1.expect)(react_1.screen.getByText('Chip 2')).toBeInTheDocument();
22
- });
23
- (0, vitest_1.it)('renders firstComponent if provided', () => {
24
- (0, react_1.render)((0, jsx_runtime_1.jsx)(chips_list_1.ChipList, { data: mockData, firstComponent: (0, jsx_runtime_1.jsx)("div", { "data-testid": "first", children: "First" }) }));
25
- (0, vitest_1.expect)(react_1.screen.getByTestId('first')).toBeInTheDocument();
26
- });
27
- (0, vitest_1.it)('renders lasItemComponent if provided', () => {
28
- (0, react_1.render)((0, jsx_runtime_1.jsx)(chips_list_1.ChipList, { data: mockData, lasItemComponent: (0, jsx_runtime_1.jsx)("div", { "data-testid": "last", children: "Last" }) }));
29
- (0, vitest_1.expect)(react_1.screen.getByTestId('last')).toBeInTheDocument();
30
- });
31
- (0, vitest_1.it)('applies custom className if provided', () => {
32
- const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(chips_list_1.ChipList, { data: mockData, className: "custom-class" }));
33
- (0, vitest_1.expect)(container.firstChild).toHaveClass('custom-class');
34
- });
35
- });
36
- //# sourceMappingURL=chips-list.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"chips-list.test.js","sourceRoot":"","sources":["../../../../../src/components/atoms/chip/chips-list/chips-list.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAwD;AACxD,mCAA8D;AAC9D,6CAA0D;AAE1D,IAAA,iBAAQ,EAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,IAAA,mBAAU,EAAC,GAAG,EAAE;QACd,WAAE,CAAC,aAAa,EAAE,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAuB;QACnC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAE,CAAC,EAAE,EAAE,EAAE;QACtD,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAE,CAAC,EAAE,EAAE,EAAE;KACvD,CAAC;IAEF,IAAA,WAAE,EAAC,kCAAkC,EAAE,GAAG,EAAE;QAC1C,IAAA,cAAM,EAAC,uBAAC,qBAAQ,IAAC,IAAI,EAAE,QAAQ,GAAI,CAAC,CAAC;QACrC,IAAA,eAAM,EAAC,cAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,kCAAkC,EAAE,GAAG,EAAE;QAC1C,IAAA,cAAM,EAAC,uBAAC,qBAAQ,IAAC,IAAI,EAAE,QAAQ,GAAI,CAAC,CAAC;QACrC,IAAA,eAAM,EAAC,cAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,oCAAoC,EAAE,GAAG,EAAE;QAC5C,IAAA,cAAM,EAAC,uBAAC,qBAAQ,IAAC,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,+CAAiB,OAAO,sBAAY,GAAI,CAAC,CAAC;QAC3F,IAAA,eAAM,EAAC,cAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,IAAA,cAAM,EAAC,uBAAC,qBAAQ,IAAC,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAE,+CAAiB,MAAM,qBAAW,GAAI,CAAC,CAAC;QAC3F,IAAA,eAAM,EAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,IAAA,WAAE,EAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,qBAAQ,IAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAC,cAAc,GAAG,CAAC,CAAC;QACpF,IAAA,eAAM,EAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
@@ -1,21 +0,0 @@
1
- import { IconSymbol } from '../../../../components';
2
- export declare enum MenuItemVariant {
3
- DEFAULT = "DEFAULT",
4
- TEXT_BUTTON = "TEXT_BUTTON",
5
- DESTRUCTIVE = "DESTRUCTIVE",
6
- CHECK_BOX = "CHECK_BOX"
7
- }
8
- type Props = {
9
- isDisabled?: boolean;
10
- isSelected?: boolean;
11
- id: string;
12
- label: string;
13
- className?: string;
14
- helperLabel?: string;
15
- variant?: MenuItemVariant;
16
- icon?: IconSymbol;
17
- onClick?: () => void;
18
- };
19
- export declare function MenuItem({ isDisabled, isSelected, id, label, className, helperLabel, variant, icon, onClick, }: Props): JSX.Element;
20
- export {};
21
- //# sourceMappingURL=menu-item.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/drop-down-menu/components/menu-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,UAAU,EAKX,MAAM,wBAAwB,CAAC;AAIhC,oBAAY,eAAe;IACzB,OAAO,YAAY;IACnB,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;IAC3B,SAAS,cAAc;CACxB;AAED,KAAK,KAAK,GAAG;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,UAAkB,EAClB,UAAkB,EAClB,EAAE,EACF,KAAK,EACL,SAAS,EACT,WAAW,EACX,OAAiC,EACjC,IAAI,EACJ,OAAkB,GACnB,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA2FrB"}
@@ -1,29 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.MenuItemVariant = void 0;
4
- exports.MenuItem = MenuItem;
5
- const jsx_runtime_1 = require("react/jsx-runtime");
6
- const components_1 = require("../../../../components");
7
- const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
8
- const window_dimensions_utils_1 = require("../../../../utils/window-dimensions-utils");
9
- var MenuItemVariant;
10
- (function (MenuItemVariant) {
11
- MenuItemVariant["DEFAULT"] = "DEFAULT";
12
- MenuItemVariant["TEXT_BUTTON"] = "TEXT_BUTTON";
13
- MenuItemVariant["DESTRUCTIVE"] = "DESTRUCTIVE";
14
- MenuItemVariant["CHECK_BOX"] = "CHECK_BOX";
15
- })(MenuItemVariant || (exports.MenuItemVariant = MenuItemVariant = {}));
16
- function MenuItem({ isDisabled = false, isSelected = false, id, label, className, helperLabel, variant = MenuItemVariant.DEFAULT, icon, onClick = () => { }, }) {
17
- const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
18
- const isDestructive = variant === MenuItemVariant.DESTRUCTIVE;
19
- const isTextButton = variant === MenuItemVariant.TEXT_BUTTON;
20
- const isCheckBox = variant === MenuItemVariant.CHECK_BOX;
21
- return ((0, jsx_runtime_1.jsxs)("button", { type: "button", disabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('group', 'flex flex-row items-center p-4 w-full', 'cursor-pointer bg-white outline-none', 'disabled:cursor-not-allowed disabled:bg-white hover:bg-gray-05 active:bg-gray-04', 'focus-visible:border-2 focus-visible:border-blue-01 focus-visible:p-[14px]', isTextButton &&
22
- 'py-2 hover:bg-blue-03 active:bg-blue-03 focus-visible:py-[6px] focus-visible:bg-blue-03', isSelected && 'bg-gray-04 hover:bg-gray-04', className), "data-testid": id, onClick: onClick, children: [icon && ((0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: icon, size: isMobile ? components_1.IconSize.LG : components_1.IconSize.XL, className: (0, tailwind_utils_1.tailwind)('mr-2', isDestructive
23
- ? 'text-red-01 group-disabled:text-red-03'
24
- : 'text-gray-01 group-disabled:text-gray-03') })), isCheckBox && ((0, jsx_runtime_1.jsx)(components_1.Checkbox, { isDisabled: isDisabled, value: isSelected, onCheckToggle: onClick, containerClassName: "mr-2", className: (0, tailwind_utils_1.tailwind)(!isSelected && 'group-hover:border-gray-03 group-hover:bg-gray-05', !isSelected &&
25
- 'group-disabled:bg-gray-06 group-disabled:border-gray-04 group-disabled:cursor-not-allowed') })), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-start", children: [isTextButton ? ((0, jsx_runtime_1.jsx)(components_1.TextButton, { isDisabled: isDisabled, onClick: onClick, label: label, className: (0, tailwind_utils_1.tailwind)('text-blue-01', 'group-disabled:text-blue-03', 'group-hover:bg-blue-03', 'group-active:bg-blue-03 group-active:text-blue-00', 'group-focus-visible:bg-blue-03') })) : ((0, jsx_runtime_1.jsx)(components_1.Text, { className: (0, tailwind_utils_1.tailwind)('whitespace-normal', isDestructive
26
- ? 'text-red-01 group-disabled:text-red-03'
27
- : 'text-gray-01 group-disabled:text-gray-03'), children: label })), helperLabel && ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.HELPER, color: components_1.TextColors.BLACK, className: "group-disabled:text-gray-03 whitespace-normal", children: helperLabel }))] })] }, id));
28
- }
29
- //# sourceMappingURL=menu-item.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"menu-item.js","sourceRoot":"","sources":["../../../../../src/components/atoms/drop-down-menu/components/menu-item.tsx"],"names":[],"mappings":";;;AAgCA,4BAqGC;;AArID,uDASgC;AAChC,qEAA4D;AAC5D,uFAAgF;AAEhF,IAAY,eAKX;AALD,WAAY,eAAe;IACzB,sCAAmB,CAAA;IACnB,8CAA2B,CAAA;IAC3B,8CAA2B,CAAA;IAC3B,0CAAuB,CAAA;AACzB,CAAC,EALW,eAAe,+BAAf,eAAe,QAK1B;AAcD,SAAgB,QAAQ,CAAC,EACvB,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,EAAE,EACF,KAAK,EACL,SAAS,EACT,WAAW,EACX,OAAO,GAAG,eAAe,CAAC,OAAO,EACjC,IAAI,EACJ,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,GACZ;IACN,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAC3C,MAAM,aAAa,GAAG,OAAO,KAAK,eAAe,CAAC,WAAW,CAAC;IAC9D,MAAM,YAAY,GAAG,OAAO,KAAK,eAAe,CAAC,WAAW,CAAC;IAC7D,MAAM,UAAU,GAAG,OAAO,KAAK,eAAe,CAAC,SAAS,CAAC;IAEzD,OAAO,CACL,oCACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,IAAA,yBAAQ,EACjB,OAAO,EACP,uCAAuC,EACvC,sCAAsC,EACtC,kFAAkF,EAClF,4EAA4E,EAC5E,YAAY;YACV,yFAAyF,EAC3F,UAAU,IAAI,6BAA6B,EAC3C,SAAS,CACV,iBAEY,EAAE,EACf,OAAO,EAAE,OAAO,aAEf,IAAI,IAAI,CACP,uBAAC,sBAAS,IACR,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC1C,SAAS,EAAE,IAAA,yBAAQ,EACjB,MAAM,EACN,aAAa;oBACX,CAAC,CAAC,wCAAwC;oBAC1C,CAAC,CAAC,0CAA0C,CAC/C,GACD,CACH,EAEA,UAAU,IAAI,CACb,uBAAC,qBAAQ,IACP,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,UAAU,EACjB,aAAa,EAAE,OAAO,EACtB,kBAAkB,EAAC,MAAM,EACzB,SAAS,EAAE,IAAA,yBAAQ,EACjB,CAAC,UAAU,IAAI,mDAAmD,EAClE,CAAC,UAAU;oBACT,2FAA2F,CAC9F,GACD,CACH,EAED,iCAAK,SAAS,EAAC,2BAA2B,aACvC,YAAY,CAAC,CAAC,CAAC,CACd,uBAAC,uBAAU,IACT,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,yBAAQ,EACjB,cAAc,EACd,6BAA6B,EAC7B,wBAAwB,EACxB,mDAAmD,EACnD,gCAAgC,CACjC,GACD,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,iBAAI,IACH,SAAS,EAAE,IAAA,yBAAQ,EACjB,mBAAmB,EACnB,aAAa;4BACX,CAAC,CAAC,wCAAwC;4BAC1C,CAAC,CAAC,0CAA0C,CAC/C,YAEA,KAAK,GACD,CACR,EAEA,WAAW,IAAI,CACd,uBAAC,iBAAI,IACH,OAAO,EAAE,wBAAW,CAAC,MAAM,EAC3B,KAAK,EAAE,uBAAU,CAAC,KAAK,EACvB,SAAS,EAAC,+CAA+C,YAExD,WAAW,GACP,CACR,IACG,KAnED,EAAE,CAoEA,CACV,CAAC;AACJ,CAAC"}