period-ui 0.3.2 → 0.3.4

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 (88) hide show
  1. package/dist/components/atoms/check-box/check-box.js +1 -1
  2. package/dist/components/atoms/check-box/check-box.js.map +1 -1
  3. package/dist/components/atoms/drop-down-menu/components/full-screen-drop-down-menu.d.ts +15 -0
  4. package/dist/components/atoms/drop-down-menu/components/full-screen-drop-down-menu.d.ts.map +1 -0
  5. package/dist/components/atoms/drop-down-menu/components/full-screen-drop-down-menu.js +14 -0
  6. package/dist/components/atoms/drop-down-menu/components/full-screen-drop-down-menu.js.map +1 -0
  7. package/dist/components/atoms/drop-down-menu/components/index.d.ts +1 -0
  8. package/dist/components/atoms/drop-down-menu/components/index.d.ts.map +1 -1
  9. package/dist/components/atoms/drop-down-menu/components/index.js +1 -0
  10. package/dist/components/atoms/drop-down-menu/components/index.js.map +1 -1
  11. package/dist/components/atoms/drop-down-menu/drop-down-menu-types.d.ts +1 -0
  12. package/dist/components/atoms/drop-down-menu/drop-down-menu-types.d.ts.map +1 -1
  13. package/dist/components/atoms/drop-down-menu/drop-down-menu.d.ts +3 -1
  14. package/dist/components/atoms/drop-down-menu/drop-down-menu.d.ts.map +1 -1
  15. package/dist/components/atoms/drop-down-menu/drop-down-menu.js +5 -2
  16. package/dist/components/atoms/drop-down-menu/drop-down-menu.js.map +1 -1
  17. package/dist/components/atoms/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
  18. package/dist/components/atoms/radio-button/radio-button-group/radio-button-group.js +2 -2
  19. package/dist/components/atoms/radio-button/radio-button-group/radio-button-group.js.map +1 -1
  20. package/dist/components/atoms/radio-button/radio-button.d.ts +3 -1
  21. package/dist/components/atoms/radio-button/radio-button.d.ts.map +1 -1
  22. package/dist/components/atoms/radio-button/radio-button.js +3 -3
  23. package/dist/components/atoms/radio-button/radio-button.js.map +1 -1
  24. package/dist/components/atoms/signature/index.d.ts +3 -0
  25. package/dist/components/atoms/signature/index.d.ts.map +1 -0
  26. package/dist/components/atoms/signature/index.js +19 -0
  27. package/dist/components/atoms/signature/index.js.map +1 -0
  28. package/dist/components/atoms/signature/signature-styles.d.ts +5 -0
  29. package/dist/components/atoms/signature/signature-styles.d.ts.map +1 -0
  30. package/dist/components/atoms/signature/signature-styles.js +18 -0
  31. package/dist/components/atoms/signature/signature-styles.js.map +1 -0
  32. package/dist/components/atoms/signature/signature-types.d.ts +19 -0
  33. package/dist/components/atoms/signature/signature-types.d.ts.map +1 -0
  34. package/dist/components/atoms/signature/signature-types.js +3 -0
  35. package/dist/components/atoms/signature/signature-types.js.map +1 -0
  36. package/dist/components/atoms/signature/signature.d.ts +19 -0
  37. package/dist/components/atoms/signature/signature.d.ts.map +1 -0
  38. package/dist/components/atoms/signature/signature.js +23 -0
  39. package/dist/components/atoms/signature/signature.js.map +1 -0
  40. package/dist/components/atoms/signature/use-signature.d.ts +20 -0
  41. package/dist/components/atoms/signature/use-signature.d.ts.map +1 -0
  42. package/dist/components/atoms/signature/use-signature.js +191 -0
  43. package/dist/components/atoms/signature/use-signature.js.map +1 -0
  44. package/dist/components/index.d.ts +2 -0
  45. package/dist/components/index.d.ts.map +1 -1
  46. package/dist/components/index.js +2 -0
  47. package/dist/components/index.js.map +1 -1
  48. package/dist/components/molecules/drawer/components/drawer-component.d.ts +2 -1
  49. package/dist/components/molecules/drawer/components/drawer-component.d.ts.map +1 -1
  50. package/dist/components/molecules/drawer/components/drawer-component.js +2 -2
  51. package/dist/components/molecules/drawer/components/drawer-component.js.map +1 -1
  52. package/dist/components/molecules/drawer/drawer.d.ts +2 -1
  53. package/dist/components/molecules/drawer/drawer.d.ts.map +1 -1
  54. package/dist/components/molecules/drawer/drawer.js +2 -2
  55. package/dist/components/molecules/drawer/drawer.js.map +1 -1
  56. package/dist/components/molecules/search-bar/search-bar.d.ts +2 -1
  57. package/dist/components/molecules/search-bar/search-bar.d.ts.map +1 -1
  58. package/dist/components/molecules/search-bar/search-bar.js +25 -3
  59. package/dist/components/molecules/search-bar/search-bar.js.map +1 -1
  60. package/dist/components/molecules/select/use-select.d.ts.map +1 -1
  61. package/dist/components/molecules/select/use-select.js +7 -4
  62. package/dist/components/molecules/select/use-select.js.map +1 -1
  63. package/dist/components/molecules/text-field/components/text-field-input.d.ts +1 -1
  64. package/dist/components/molecules/text-field/text-field.d.ts +1 -1
  65. package/dist/components/molecules/three-dot-menu/index.d.ts +2 -0
  66. package/dist/components/molecules/three-dot-menu/index.d.ts.map +1 -0
  67. package/dist/components/molecules/three-dot-menu/index.js +18 -0
  68. package/dist/components/molecules/three-dot-menu/index.js.map +1 -0
  69. package/dist/components/molecules/three-dot-menu/three-dot-menu.d.ts +17 -0
  70. package/dist/components/molecules/three-dot-menu/three-dot-menu.d.ts.map +1 -0
  71. package/dist/components/molecules/three-dot-menu/three-dot-menu.js +10 -0
  72. package/dist/components/molecules/three-dot-menu/three-dot-menu.js.map +1 -0
  73. package/dist/components/organisms/filter-modal/components/filter.d.ts.map +1 -1
  74. package/dist/components/organisms/filter-modal/components/filter.js +11 -3
  75. package/dist/components/organisms/filter-modal/components/filter.js.map +1 -1
  76. package/dist/containers/form-control/form-control.d.ts.map +1 -1
  77. package/dist/containers/form-control/form-control.js +1 -1
  78. package/dist/containers/form-control/form-control.js.map +1 -1
  79. package/dist/index.css +4 -0
  80. package/dist/index.css.map +1 -1
  81. package/dist/index.d.ts +4 -2
  82. package/dist/index.d.ts.map +1 -1
  83. package/dist/index.js +57 -54
  84. package/dist/index.js.map +1 -1
  85. package/dist/utils/tailwind-utils.d.ts.map +1 -1
  86. package/dist/utils/tailwind-utils.js +8 -1
  87. package/dist/utils/tailwind-utils.js.map +1 -1
  88. package/package.json +4 -2
@@ -16,6 +16,6 @@ function Checkbox({ value, isDisabled = false, label, className, labelClassName,
16
16
  };
17
17
  const isIntermediate = variant === components_2.CheckboxVariant.INTERMEDIATE;
18
18
  const checkBoxVariantStyle = components_2.checkBoxStyles[isIntermediate ? components_2.CheckboxVariant.DEFAULT : variant];
19
- 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-center', 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', value && `${checkBoxVariantStyle} border-none`, className), children: [value && !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" })), value && 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', labelClassName), color: isDisabled ? components_1.TextColors.BLACK_03 : components_1.TextColors.BLACK, children: label }))] }) }));
19
+ 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-center', 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', value && `${checkBoxVariantStyle} border-none`, className), children: [value && !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" })), value && 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)('ml-2 select-none whitespace-normal', labelClassName), color: isDisabled ? components_1.TextColors.BLACK_03 : components_1.TextColors.BLACK, children: label }))] }) }));
20
20
  }
21
21
  //# sourceMappingURL=check-box.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"check-box.js","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box.tsx"],"names":[],"mappings":";;AAuBA,4BA4EC;;AAnGD,oDAO6B;AAC7B,kEAAyD;AACzD,oFAA6E;AAC7E,oDAAsE;AAatE,SAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,SAAS,EACT,cAAc,EACd,kBAAkB,EAClB,OAAO,GAAG,4BAAe,CAAC,OAAO,EACjC,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,GAClB;IACN,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAE3C,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,UAAU,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,OAAO,KAAK,4BAAe,CAAC,YAAY,CAAC;IAChE,MAAM,oBAAoB,GAAG,2BAAc,CAAC,cAAc,CAAC,CAAC,CAAC,4BAAe,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAEhG,OAAO,CACL,2DACE,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,kCAAkC,EAClC,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,KAAK,IAAI,GAAG,oBAAoB,cAAc,EAC9C,SAAS,CACV,aAEA,KAAK,IAAI,CAAC,cAAc,IAAI,CAC3B,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,KAAK,IAAI,cAAc,IAAI,CAC1B,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,EAER,KAAK,IAAI,CACR,uBAAC,iBAAI,IACH,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,SAAS,EAAE,IAAA,yBAAQ,EAAC,yCAAyC,EAAE,cAAc,CAAC,EAC9E,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
+ {"version":3,"file":"check-box.js","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box.tsx"],"names":[],"mappings":";;AAuBA,4BA4EC;;AAnGD,oDAO6B;AAC7B,kEAAyD;AACzD,oFAA6E;AAC7E,oDAAsE;AAatE,SAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,SAAS,EACT,cAAc,EACd,kBAAkB,EAClB,OAAO,GAAG,4BAAe,CAAC,OAAO,EACjC,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,GAClB;IACN,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAE3C,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,UAAU,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,OAAO,KAAK,4BAAe,CAAC,YAAY,CAAC;IAChE,MAAM,oBAAoB,GAAG,2BAAc,CAAC,cAAc,CAAC,CAAC,CAAC,4BAAe,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAEhG,OAAO,CACL,2DACE,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,kCAAkC,EAClC,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,KAAK,IAAI,GAAG,oBAAoB,cAAc,EAC9C,SAAS,CACV,aAEA,KAAK,IAAI,CAAC,cAAc,IAAI,CAC3B,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,KAAK,IAAI,cAAc,IAAI,CAC1B,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,EAER,KAAK,IAAI,CACR,uBAAC,iBAAI,IACH,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,SAAS,EAAE,IAAA,yBAAQ,EAAC,oCAAoC,EAAE,cAAc,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"}
@@ -0,0 +1,15 @@
1
+ import { ReactElement } from 'react';
2
+ import { DropDownMenuOptionProps } from '../../../../components';
3
+ import { MenuItemVariant } from './menu-item-types';
4
+ type Props = {
5
+ isOpen: boolean;
6
+ cancelLabel?: string;
7
+ variant?: MenuItemVariant;
8
+ selectedIDs?: string[];
9
+ emptyElement?: ReactElement;
10
+ options: DropDownMenuOptionProps[];
11
+ onClose: () => void;
12
+ };
13
+ export declare function FullScreenDropDownMenu({ isOpen, options, cancelLabel, emptyElement, selectedIDs, variant, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
14
+ export type { Props as FullScreenDropDownMenuProps };
15
+ //# sourceMappingURL=full-screen-drop-down-menu.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"full-screen-drop-down-menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/drop-down-menu/components/full-screen-drop-down-menu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,YAAY,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAGjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,EAAE,uBAAuB,EAAE,CAAC;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,OAAO,EACP,WAAW,EACX,YAAY,EACZ,WAAgB,EAChB,OAAiC,EACjC,OAAO,GACR,EAAE,KAAK,2CAiCP;AAED,YAAY,EAAE,KAAK,IAAI,2BAA2B,EAAE,CAAC"}
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.FullScreenDropDownMenu = FullScreenDropDownMenu;
4
+ const react_1 = require("react");
5
+ const jsx_runtime_1 = require("react/jsx-runtime");
6
+ const react_2 = require("@headlessui/react");
7
+ const react_3 = require("react");
8
+ const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
9
+ const menu_item_1 = require("./menu-item");
10
+ const menu_item_types_1 = require("./menu-item-types");
11
+ function FullScreenDropDownMenu({ isOpen, options, cancelLabel, emptyElement, selectedIDs = [], variant = menu_item_types_1.MenuItemVariant.DEFAULT, onClose, }) {
12
+ return ((0, jsx_runtime_1.jsx)(react_2.Transition, { show: isOpen, as: react_3.Fragment, children: (0, jsx_runtime_1.jsxs)(react_2.Dialog, { as: "div", className: "fixed z-50 inset-0", onClose: onClose, open: isOpen, static: true, children: [(0, jsx_runtime_1.jsx)("div", { className: "fixed inset-0 bg-gray-01 bg-opacity-50" }), (0, jsx_runtime_1.jsxs)("div", { className: "fixed inset-x-0 bottom-0 flex flex-col gap-2 p-4", onClick: onClose, children: [options.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col rounded-2xl overflow-hidden", children: options.map((option, index) => ((0, react_1.createElement)(menu_item_1.MenuItem, { ...option, key: option.value, id: option.value, variant: option.variant ?? variant, isSelected: selectedIDs.includes(option.value), className: (0, tailwind_utils_1.tailwind)(index !== 0 && 'border-t') }))) })) : (emptyElement), cancelLabel && ((0, jsx_runtime_1.jsx)("div", { className: "rounded-2xl overflow-hidden", children: (0, jsx_runtime_1.jsx)(menu_item_1.MenuItem, { id: "cancel", label: cancelLabel }) }))] })] }) }));
13
+ }
14
+ //# sourceMappingURL=full-screen-drop-down-menu.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"full-screen-drop-down-menu.js","sourceRoot":"","sources":["../../../../../src/components/atoms/drop-down-menu/components/full-screen-drop-down-menu.tsx"],"names":[],"mappings":";;AAiBA,wDAyCC;;;AA1DD,6CAAuD;AACvD,iCAA+C;AAE/C,qEAA4D;AAC5D,2CAAuC;AACvC,uDAAoD;AAYpD,SAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,OAAO,EACP,WAAW,EACX,YAAY,EACZ,WAAW,GAAG,EAAE,EAChB,OAAO,GAAG,iCAAe,CAAC,OAAO,EACjC,OAAO,GACD;IACN,OAAO,CACL,uBAAC,kBAAU,IAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,gBAAQ,YACpC,wBAAC,cAAM,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,oBAAoB,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,mBACpF,gCAAK,SAAS,EAAC,wCAAwC,GAAG,EAE1D,iCAAK,SAAS,EAAC,kDAAkD,EAAC,OAAO,EAAE,OAAO,aAC/E,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpB,gCAAK,SAAS,EAAC,2CAA2C,YACvD,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,2BAAC,oBAAQ,OACH,MAAM,EACV,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,EAAE,EAAE,MAAM,CAAC,KAAK,EAChB,OAAO,EAAE,MAAM,CAAC,OAAO,IAAI,OAAO,EAClC,UAAU,EAAE,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EAC9C,SAAS,EAAE,IAAA,yBAAQ,EAAC,KAAK,KAAK,CAAC,IAAI,UAAU,CAAC,GAC9C,CACH,CAAC,GACE,CACP,CAAC,CAAC,CAAC,CACF,YAAY,CACb,EAEA,WAAW,IAAI,CACd,gCAAK,SAAS,EAAC,6BAA6B,YAC1C,uBAAC,oBAAQ,IAAC,EAAE,EAAC,QAAQ,EAAC,KAAK,EAAE,WAAW,GAAI,GACxC,CACP,IACG,IACC,GACE,CACd,CAAC;AACJ,CAAC"}
@@ -1,3 +1,4 @@
1
1
  export * from './menu-item';
2
2
  export * from './menu-item-types';
3
+ export * from './full-screen-drop-down-menu';
3
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/drop-down-menu/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/drop-down-menu/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC"}
@@ -16,4 +16,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
17
  __exportStar(require("./menu-item"), exports);
18
18
  __exportStar(require("./menu-item-types"), exports);
19
+ __exportStar(require("./full-screen-drop-down-menu"), exports);
19
20
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/atoms/drop-down-menu/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,oDAAkC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/atoms/drop-down-menu/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,oDAAkC;AAClC,+DAA6C"}
@@ -6,6 +6,7 @@ export type DropDownMenuOptionProps = MultiOptions & {
6
6
  isDisabled?: boolean;
7
7
  helperLabel?: string;
8
8
  variant?: MenuItemVariant;
9
+ selectedLabel?: string;
9
10
  onClick?: () => void;
10
11
  };
11
12
  //# sourceMappingURL=drop-down-menu-types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"drop-down-menu-types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/drop-down-menu-types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,uBAAuB,GAAG,YAAY,GAAG;IACnD,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC"}
1
+ {"version":3,"file":"drop-down-menu-types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/drop-down-menu-types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,uBAAuB,GAAG,YAAY,GAAG;IACnD,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC"}
@@ -6,6 +6,8 @@ type Props = {
6
6
  isFixed?: boolean;
7
7
  isOpen?: boolean;
8
8
  isDisabled?: boolean;
9
+ fullScreen?: boolean;
10
+ cancelLabel?: string;
9
11
  className?: string;
10
12
  dropDownClassName?: string;
11
13
  selectedIDs: string[];
@@ -21,6 +23,6 @@ export type DropDownMenuRowProps = RowComponentProps<{
21
23
  selectedIDs: string[];
22
24
  menuItemRef: LegacyRef<HTMLButtonElement>;
23
25
  }>;
24
- export declare function DropDownMenu({ isOpen, options, className, dropDownClassName, emptyElement, selectedIDs, isFixed, isDisabled, variant, children, onClose, }: Props): JSX.Element;
26
+ export declare function DropDownMenu({ isOpen, options, className, dropDownClassName, emptyElement, selectedIDs, isFixed, isDisabled, fullScreen, cancelLabel, variant, children, onClose, }: Props): JSX.Element;
25
27
  export type { Props as DropDownMenuProps };
26
28
  //# sourceMappingURL=drop-down-menu.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"drop-down-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/drop-down-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAQ,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAE9D,OAAO,EAAY,eAAe,EAAE,MAAM,cAAc,CAAC;AAGzD,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,OAAO,EAAE,uBAAuB,EAAE,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;IACnD,aAAa,EAAE,uBAAuB,EAAE,CAAC;IACzC,OAAO,EAAE,eAAe,CAAC;IACzB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,WAAW,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;CAC3C,CAAC,CAAC;AAmCH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,SAAS,EACT,iBAAiB,EACjB,YAAY,EACZ,WAAgB,EAChB,OAAc,EACd,UAAkB,EAClB,OAAiC,EACjC,QAAQ,EACR,OAAO,GACR,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA2CrB;AAED,YAAY,EAAE,KAAK,IAAI,iBAAiB,EAAE,CAAC"}
1
+ {"version":3,"file":"drop-down-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/drop-down-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAQ,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAG9D,OAAO,EAAoC,eAAe,EAAE,MAAM,cAAc,CAAC;AAGjF,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,OAAO,EAAE,uBAAuB,EAAE,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;IACnD,aAAa,EAAE,uBAAuB,EAAE,CAAC;IACzC,OAAO,EAAE,eAAe,CAAC;IACzB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,WAAW,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;CAC3C,CAAC,CAAC;AAmCH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,SAAS,EACT,iBAAiB,EACjB,YAAY,EACZ,WAAgB,EAChB,OAAc,EACd,UAAkB,EAClB,UAAkB,EAClB,WAAW,EACX,OAAiC,EACjC,QAAQ,EACR,OAAO,GACR,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAyDrB;AAED,YAAY,EAAE,KAAK,IAAI,iBAAiB,EAAE,CAAC"}
@@ -4,6 +4,7 @@ exports.DropDownMenu = DropDownMenu;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const react_window_1 = require("react-window");
6
6
  const tailwind_utils_1 = require("../../../utils/tailwind-utils");
7
+ const window_dimensions_utils_1 = require("../../../utils/window-dimensions-utils");
7
8
  const components_1 = require("./components");
8
9
  const use_drop_down_menu_1 = require("./use-drop-down-menu");
9
10
  const MAX_VISIBLE_ITEMS = 5.5;
@@ -18,7 +19,8 @@ function DropDownMenuRow({ index, style, uniqueOptions, variant, selectedIDs, me
18
19
  'border-t': !isFirst,
19
20
  }) }) }));
20
21
  }
21
- function DropDownMenu({ isOpen, options, className, dropDownClassName, emptyElement, selectedIDs = [], isFixed = true, isDisabled = false, variant = components_1.MenuItemVariant.DEFAULT, children, onClose, }) {
22
+ function DropDownMenu({ isOpen, options, className, dropDownClassName, emptyElement, selectedIDs = [], isFixed = true, isDisabled = false, fullScreen = false, cancelLabel, variant = components_1.MenuItemVariant.DEFAULT, children, onClose, }) {
23
+ const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
22
24
  const { itemHeight, menuItemRef, containerRef, isDorpDownMenuOpen, handleOpenDorpDown } = (0, use_drop_down_menu_1.useDropDownMenu)({
23
25
  isOpen,
24
26
  isDisabled,
@@ -26,6 +28,7 @@ function DropDownMenu({ isOpen, options, className, dropDownClassName, emptyElem
26
28
  });
27
29
  const uniqueOptions = options?.filter((_option, index, self) => self.findIndex((option) => option.value === _option.value) === index);
28
30
  const maxHeight = itemHeight * MAX_VISIBLE_ITEMS;
29
- return ((0, jsx_runtime_1.jsxs)("div", { ref: containerRef, className: (0, tailwind_utils_1.tailwind)('relative', className), children: [(0, jsx_runtime_1.jsx)("div", { onClick: handleOpenDorpDown, children: children }), (0, jsx_runtime_1.jsx)("div", { onClick: handleOpenDorpDown, className: (0, tailwind_utils_1.tailwind)(isFixed ? 'absolute z-30 top-full' : 'flex', 'mt-2 shadow-white-tree rounded-lg min-w-[200px] w-full', 'overflow-y-auto overflow-x-hidden h-fit', { hidden: !isDorpDownMenuOpen }, dropDownClassName), children: uniqueOptions && uniqueOptions.length > 0 ? ((0, jsx_runtime_1.jsx)(react_window_1.List, { rowHeight: itemHeight, rowComponent: DropDownMenuRow, rowCount: uniqueOptions.length, rowProps: { uniqueOptions, variant, selectedIDs, menuItemRef }, style: { maxHeight: maxHeight, width: '100%' }, className: "overflow-y-auto overflow-x-hidden" })) : (emptyElement) })] }));
31
+ const isFullScreenMenu = fullScreen && isMobile;
32
+ return ((0, jsx_runtime_1.jsxs)("div", { ref: containerRef, className: (0, tailwind_utils_1.tailwind)('relative', className), children: [(0, jsx_runtime_1.jsx)("div", { onClick: handleOpenDorpDown, children: children }), isFullScreenMenu ? ((0, jsx_runtime_1.jsx)(components_1.FullScreenDropDownMenu, { isOpen: isDorpDownMenuOpen, options: uniqueOptions, selectedIDs: selectedIDs, variant: variant, cancelLabel: cancelLabel, emptyElement: emptyElement, onClose: handleOpenDorpDown })) : ((0, jsx_runtime_1.jsx)("div", { onClick: handleOpenDorpDown, className: (0, tailwind_utils_1.tailwind)(isFixed ? 'absolute z-30 top-full' : 'flex', 'mt-2 shadow-white-tree rounded-lg min-w-[200px] w-full', 'overflow-y-auto overflow-x-hidden h-fit', { hidden: !isDorpDownMenuOpen }, dropDownClassName), children: uniqueOptions && uniqueOptions.length > 0 ? ((0, jsx_runtime_1.jsx)(react_window_1.List, { rowHeight: itemHeight, rowComponent: DropDownMenuRow, rowCount: uniqueOptions.length, rowProps: { uniqueOptions, variant, selectedIDs, menuItemRef }, style: { maxHeight: maxHeight, width: '100%' }, className: "overflow-y-auto overflow-x-hidden" })) : (emptyElement) }))] }));
30
33
  }
31
34
  //# sourceMappingURL=drop-down-menu.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"drop-down-menu.js","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/drop-down-menu.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"drop-down-menu.js","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/drop-down-menu.tsx"],"names":[],"mappings":";;AAgEA,oCAuEC;;AAtID,+CAAuD;AAEvD,kEAAyD;AACzD,oFAA6E;AAC7E,6CAAiF;AACjF,6DAAuD;AAyBvD,MAAM,iBAAiB,GAAG,GAAG,CAAC;AAE9B,SAAS,eAAe,CAAC,EACvB,KAAK,EACL,KAAK,EACL,aAAa,EACb,OAAO,EACP,WAAW,EACX,WAAW,GACU;IACrB,MAAM,MAAM,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACpC,MAAM,OAAO,GAAG,KAAK,KAAK,CAAC,CAAC;IAC5B,MAAM,MAAM,GAAG,KAAK,KAAK,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;IAClD,MAAM,UAAU,GAAG,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAEtD,OAAO,CACL,gCAAK,KAAK,EAAE,KAAK,YACf,uBAAC,qBAAQ,OACH,MAAM,EACV,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACrC,EAAE,EAAE,MAAM,CAAC,KAAK,EAChB,OAAO,EAAE,MAAM,CAAC,OAAO,IAAI,OAAO,EAClC,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,IAAA,yBAAQ,EAAC;gBAClB,cAAc,EAAE,MAAM;gBACtB,cAAc,EAAE,OAAO;gBACvB,UAAU,EAAE,CAAC,OAAO;aACrB,CAAC,GACF,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,SAAS,EACT,iBAAiB,EACjB,YAAY,EACZ,WAAW,GAAG,EAAE,EAChB,OAAO,GAAG,IAAI,EACd,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,WAAW,EACX,OAAO,GAAG,4BAAe,CAAC,OAAO,EACjC,QAAQ,EACR,OAAO,GACD;IACN,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAC3C,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,GACrF,IAAA,oCAAe,EAAC;QACd,MAAM;QACN,UAAU;QACV,OAAO;KACR,CAAC,CAAC;IAEL,MAAM,aAAa,GAAG,OAAO,EAAE,MAAM,CACnC,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,KAAK,KAAK,CAC/F,CAAC;IAEF,MAAM,SAAS,GAAG,UAAU,GAAG,iBAAiB,CAAC;IACjD,MAAM,gBAAgB,GAAG,UAAU,IAAI,QAAQ,CAAC;IAEhD,OAAO,CACL,iCAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,IAAA,yBAAQ,EAAC,UAAU,EAAE,SAAS,CAAC,aAChE,gCAAK,OAAO,EAAE,kBAAkB,YAAG,QAAQ,GAAO,EAEjD,gBAAgB,CAAC,CAAC,CAAC,CAClB,uBAAC,mCAAsB,IACrB,MAAM,EAAE,kBAAkB,EAC1B,OAAO,EAAE,aAAa,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,kBAAkB,GAC3B,CACH,CAAC,CAAC,CAAC,CACF,gCACE,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAE,IAAA,yBAAQ,EACjB,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,MAAM,EAC3C,wDAAwD,EACxD,yCAAyC,EACzC,EAAE,MAAM,EAAE,CAAC,kBAAkB,EAAE,EAC/B,iBAAiB,CAClB,YAEA,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC3C,uBAAC,mBAAI,IACH,SAAS,EAAE,UAAU,EACrB,YAAY,EAAE,eAAe,EAC7B,QAAQ,EAAE,aAAa,CAAC,MAAM,EAC9B,QAAQ,EAAE,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,EAC9D,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,EAC9C,SAAS,EAAC,mCAAmC,GAC7C,CACH,CAAC,CAAC,CAAC,CACF,YAAY,CACb,GACG,CACP,IACG,CACP,CAAC;AACJ,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/radio-button/radio-button-group/radio-button-group.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAGrE,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,uBAAuB,EAAE,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,cAAc,EACd,QAAQ,GACT,EAAE,qBAAqB,2CAyCvB"}
1
+ {"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/radio-button/radio-button-group/radio-button-group.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAGrE,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,uBAAuB,EAAE,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,cAAc,EACd,QAAQ,GACT,EAAE,qBAAqB,2CA2CvB"}
@@ -20,11 +20,11 @@ function RadioButtonGroup({ data, className, selectedData, isUnselectable, onSel
20
20
  }
21
21
  return ((0, jsx_runtime_1.jsx)("div", { className: className, children: data.map((object, key) => {
22
22
  const isSelected = object.value === selectedData;
23
- const { isDisabled, label, onSelect } = object;
23
+ const { isDisabled, label, labelClassName, containerClassName, onSelect } = object;
24
24
  return ((0, jsx_runtime_1.jsx)(__1.RadioButton, { onSelect: () => {
25
25
  onChange(!isSelected, object);
26
26
  onSelect?.(!isSelected);
27
- }, label: label, value: isSelected, isDisabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('mb-[24px]', data.length - 1 === key && 'mb-0') }, key));
27
+ }, label: label, labelClassName: labelClassName, containerClassName: containerClassName, value: isSelected, isDisabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('mb-[24px]', data.length - 1 === key && 'mb-0') }, key));
28
28
  }) }));
29
29
  }
30
30
  //# sourceMappingURL=radio-button-group.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"radio-button-group.js","sourceRoot":"","sources":["../../../../../src/components/atoms/radio-button/radio-button-group/radio-button-group.tsx"],"names":[],"mappings":";;AAaA,4CA+CC;;AA3DD,2BAAkC;AAElC,qEAA4D;AAU5D,SAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,cAAc,EACd,QAAQ,GACc;IACtB,SAAS,QAAQ,CAAC,QAAiB,EAAE,MAAoB;QACvD,IAAI,CAAC,IAAI;YAAE,OAAO;QAElB,IAAI,cAAc,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChC,QAAQ,CAAC,SAAS,CAAC,CAAC;YAEpB,OAAO;QACT,CAAC;QAED,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC;QAErE,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,OAAO;QACT,CAAC;QAED,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO,CACL,gCAAK,SAAS,EAAE,SAAS,YACtB,IAAI,CAAC,GAAG,CAAC,CAAC,MAA+B,EAAE,GAAW,EAAE,EAAE;YACzD,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,KAAK,YAAY,CAAC;YACjD,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;YAE/C,OAAO,CACL,uBAAC,eAAW,IAEV,QAAQ,EAAE,GAAG,EAAE;oBACb,QAAQ,CAAC,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;oBAC9B,QAAQ,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC;gBAC1B,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,UAAU,EACjB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,IAAA,yBAAQ,EAAC,WAAW,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,KAAK,GAAG,IAAI,MAAM,CAAC,IAR9D,GAAG,CASR,CACH,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"radio-button-group.js","sourceRoot":"","sources":["../../../../../src/components/atoms/radio-button/radio-button-group/radio-button-group.tsx"],"names":[],"mappings":";;AAaA,4CAiDC;;AA7DD,2BAAkC;AAElC,qEAA4D;AAU5D,SAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,cAAc,EACd,QAAQ,GACc;IACtB,SAAS,QAAQ,CAAC,QAAiB,EAAE,MAAoB;QACvD,IAAI,CAAC,IAAI;YAAE,OAAO;QAElB,IAAI,cAAc,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChC,QAAQ,CAAC,SAAS,CAAC,CAAC;YAEpB,OAAO;QACT,CAAC;QAED,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC;QAErE,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,OAAO;QACT,CAAC;QAED,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO,CACL,gCAAK,SAAS,EAAE,SAAS,YACtB,IAAI,CAAC,GAAG,CAAC,CAAC,MAA+B,EAAE,GAAW,EAAE,EAAE;YACzD,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,KAAK,YAAY,CAAC;YACjD,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;YAEnF,OAAO,CACL,uBAAC,eAAW,IAEV,QAAQ,EAAE,GAAG,EAAE;oBACb,QAAQ,CAAC,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;oBAC9B,QAAQ,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC;gBAC1B,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE,kBAAkB,EACtC,KAAK,EAAE,UAAU,EACjB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,IAAA,yBAAQ,EAAC,WAAW,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,KAAK,GAAG,IAAI,MAAM,CAAC,IAV9D,GAAG,CAWR,CACH,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
@@ -3,8 +3,10 @@ export type RadioButtonProps = {
3
3
  value: boolean;
4
4
  isDisabled?: boolean;
5
5
  className?: string;
6
+ labelClassName?: string;
7
+ containerClassName?: string;
6
8
  radioButtonClassName?: string;
7
9
  onSelect?: (event: boolean) => void;
8
10
  };
9
- export declare function RadioButton({ label, className, value, isDisabled, radioButtonClassName, onSelect, }: RadioButtonProps): import("react/jsx-runtime").JSX.Element;
11
+ export declare function RadioButton({ label, className, value, isDisabled, labelClassName, containerClassName, radioButtonClassName, onSelect, }: RadioButtonProps): import("react/jsx-runtime").JSX.Element;
10
12
  //# sourceMappingURL=radio-button.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/radio-button/radio-button.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,SAAS,EACT,KAAa,EACb,UAAkB,EAClB,oBAAoB,EACpB,QAAQ,GACT,EAAE,gBAAgB,2CAkDlB"}
1
+ {"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/radio-button/radio-button.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,SAAS,EACT,KAAa,EACb,UAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,oBAAoB,EACpB,QAAQ,GACT,EAAE,gBAAgB,2CAkDlB"}
@@ -4,14 +4,14 @@ exports.RadioButton = RadioButton;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const components_1 = require("../../../components");
6
6
  const tailwind_utils_1 = require("../../../utils/tailwind-utils");
7
- function RadioButton({ label, className, value = false, isDisabled = false, radioButtonClassName, onSelect, }) {
7
+ function RadioButton({ label, className, value = false, isDisabled = false, labelClassName, containerClassName, radioButtonClassName, onSelect, }) {
8
8
  const handleClick = () => {
9
9
  if (isDisabled) {
10
10
  return;
11
11
  }
12
12
  onSelect?.(value);
13
13
  };
14
- return ((0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col', isDisabled ? 'cursor-not-allowed' : 'cursor-pointer', className), onClick: handleClick, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-row w-fit items-center'), children: [(0, jsx_runtime_1.jsx)("button", { role: "radio-button", type: "button", disabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('flex justify-center items-center md:h-[20px] md:w-[20px] h-[18px] w-[18px] border-2 rounded-full cursor-pointer shrink-0', 'border-gray-04 bg-white', 'hover:bg-gray-05', 'disabled:cursor-not-allowed disabled:border-gray-05 disabled:bg-white', 'focus-visible:outline-2 focus-visible:bg-gray-05 focus-visible:outline-offset-2 focus-visible:border-none focus:outline-blue-01', value &&
15
- 'border-none bg-blue-01 hover:bg-blue-02 focus-visible:bg-blue-02 disabled:bg-blue-03', radioButtonClassName), children: value && ((0, jsx_runtime_1.jsx)("div", { className: "bg-white rounded-full md:w-[10px] md:h-[10px] w-[9px] h-[9px]" })) }), label && ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, className: (0, tailwind_utils_1.tailwind)('ml-2 select-none whitespace-normal'), color: isDisabled ? components_1.TextColors.BLACK_03 : components_1.TextColors.BLACK, children: label }))] }) }));
14
+ return ((0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col', isDisabled ? 'cursor-not-allowed' : 'cursor-pointer', className), onClick: handleClick, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-row w-fit items-center', containerClassName), children: [(0, jsx_runtime_1.jsx)("button", { role: "radio-button", type: "button", disabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('flex justify-center items-center md:h-[20px] md:w-[20px] h-[18px] w-[18px] border-2 rounded-full cursor-pointer shrink-0', 'border-gray-04 bg-white', 'hover:bg-gray-05', 'disabled:cursor-not-allowed disabled:border-gray-05 disabled:bg-white', 'focus-visible:outline-2 focus-visible:bg-gray-05 focus-visible:outline-offset-2 focus-visible:border-none focus:outline-blue-01', value &&
15
+ 'border-none bg-blue-01 hover:bg-blue-02 focus-visible:bg-blue-02 disabled:bg-blue-03', radioButtonClassName), children: value && ((0, jsx_runtime_1.jsx)("div", { className: "bg-white rounded-full md:w-[10px] md:h-[10px] w-[9px] h-[9px]" })) }), label && ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, className: (0, tailwind_utils_1.tailwind)('ml-2 select-none whitespace-normal', labelClassName), color: isDisabled ? components_1.TextColors.BLACK_03 : components_1.TextColors.BLACK, children: label }))] }) }));
16
16
  }
17
17
  //# sourceMappingURL=radio-button.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"radio-button.js","sourceRoot":"","sources":["../../../../src/components/atoms/radio-button/radio-button.tsx"],"names":[],"mappings":";;AAYA,kCAyDC;;AArED,oDAAoE;AACpE,kEAAyD;AAWzD,SAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,SAAS,EACT,KAAK,GAAG,KAAK,EACb,UAAU,GAAG,KAAK,EAClB,oBAAoB,EACpB,QAAQ,GACS;IACjB,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,UAAU,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,OAAO,CACL,gCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,eAAe,EACf,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,gBAAgB,EACpD,SAAS,CACV,EACD,OAAO,EAAE,WAAW,YAEpB,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,kCAAkC,CAAC,aAC1D,mCACE,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,IAAA,yBAAQ,EACjB,0HAA0H,EAC1H,yBAAyB,EACzB,kBAAkB,EAClB,uEAAuE,EACvE,iIAAiI,EACjI,KAAK;wBACH,sFAAsF,EACxF,oBAAoB,CACrB,YAEA,KAAK,IAAI,CACR,gCAAK,SAAS,EAAC,+DAA+D,GAAG,CAClF,GACM,EACR,KAAK,IAAI,CACR,uBAAC,iBAAI,IACH,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,SAAS,EAAE,IAAA,yBAAQ,EAAC,oCAAoC,CAAC,EACzD,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,uBAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAU,CAAC,KAAK,YAEzD,KAAK,GACD,CACR,IACG,GACF,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"radio-button.js","sourceRoot":"","sources":["../../../../src/components/atoms/radio-button/radio-button.tsx"],"names":[],"mappings":";;AAcA,kCA2DC;;AAzED,oDAAoE;AACpE,kEAAyD;AAazD,SAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,SAAS,EACT,KAAK,GAAG,KAAK,EACb,UAAU,GAAG,KAAK,EAClB,cAAc,EACd,kBAAkB,EAClB,oBAAoB,EACpB,QAAQ,GACS;IACjB,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,UAAU,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,OAAO,CACL,gCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,eAAe,EACf,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,gBAAgB,EACpD,SAAS,CACV,EACD,OAAO,EAAE,WAAW,YAEpB,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,kCAAkC,EAAE,kBAAkB,CAAC,aAC9E,mCACE,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,IAAA,yBAAQ,EACjB,0HAA0H,EAC1H,yBAAyB,EACzB,kBAAkB,EAClB,uEAAuE,EACvE,iIAAiI,EACjI,KAAK;wBACH,sFAAsF,EACxF,oBAAoB,CACrB,YAEA,KAAK,IAAI,CACR,gCAAK,SAAS,EAAC,+DAA+D,GAAG,CAClF,GACM,EACR,KAAK,IAAI,CACR,uBAAC,iBAAI,IACH,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,SAAS,EAAE,IAAA,yBAAQ,EAAC,oCAAoC,EAAE,cAAc,CAAC,EACzE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,uBAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAU,CAAC,KAAK,YAEzD,KAAK,GACD,CACR,IACG,GACF,CACP,CAAC;AACJ,CAAC"}
@@ -0,0 +1,3 @@
1
+ export * from './signature';
2
+ export * from './signature-types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/signature/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC"}
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./signature"), exports);
18
+ __exportStar(require("./signature-types"), exports);
19
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/signature/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,oDAAkC"}
@@ -0,0 +1,5 @@
1
+ export declare const signatureContainerStyles: (props?: ({
2
+ isEmpty?: boolean | null | undefined;
3
+ disabled?: boolean | null | undefined;
4
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
5
+ //# sourceMappingURL=signature-styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"signature-styles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/signature/signature-styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB;;;mFAYnC,CAAC"}
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.signatureContainerStyles = void 0;
4
+ const class_variance_authority_1 = require("class-variance-authority");
5
+ exports.signatureContainerStyles = (0, class_variance_authority_1.cva)('relative w-full overflow-hidden rounded-xl', {
6
+ variants: {
7
+ isEmpty: {
8
+ true: 'bg-white signature-dashed',
9
+ false: 'bg-white border border-gray-04',
10
+ },
11
+ disabled: {
12
+ true: 'bg-gray-06 border-none signature-dashed',
13
+ false: '',
14
+ },
15
+ },
16
+ defaultVariants: { isEmpty: true, disabled: false },
17
+ });
18
+ //# sourceMappingURL=signature-styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"signature-styles.js","sourceRoot":"","sources":["../../../../src/components/atoms/signature/signature-styles.ts"],"names":[],"mappings":";;;AAAA,uEAA+C;AAElC,QAAA,wBAAwB,GAAG,IAAA,8BAAG,EAAC,4CAA4C,EAAE;IACxF,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,2BAA2B;YACjC,KAAK,EAAE,gCAAgC;SACxC;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,yCAAyC;YAC/C,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE;CACpD,CAAC,CAAC"}
@@ -0,0 +1,19 @@
1
+ export type SignaturePoint = {
2
+ x: number;
3
+ y: number;
4
+ pressure: number;
5
+ time: number;
6
+ };
7
+ export type SignatureData = SignaturePoint[][];
8
+ export type SignatureImageFormat = 'image/png' | 'image/jpeg';
9
+ export type SignatureRef = {
10
+ clear: () => void;
11
+ undo: () => void;
12
+ isEmpty: () => boolean;
13
+ getDataURL: (format?: SignatureImageFormat, quality?: number) => string;
14
+ toSVG: () => string;
15
+ getData: () => SignatureData;
16
+ loadData: (data: SignatureData) => void;
17
+ loadDataURL: (dataURL: string) => Promise<void>;
18
+ };
19
+ //# sourceMappingURL=signature-types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"signature-types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/signature/signature-types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,cAAc,EAAE,EAAE,CAAC;AAE/C,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG,YAAY,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,OAAO,EAAE,MAAM,OAAO,CAAC;IACvB,UAAU,EAAE,CAAC,MAAM,CAAC,EAAE,oBAAoB,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACxE,KAAK,EAAE,MAAM,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,aAAa,CAAC;IAC7B,QAAQ,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACjD,CAAC"}
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=signature-types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"signature-types.js","sourceRoot":"","sources":["../../../../src/components/atoms/signature/signature-types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,19 @@
1
+ import type { SignatureData, SignatureRef } from './signature-types';
2
+ type Props = {
3
+ value?: SignatureData;
4
+ defaultValue?: SignatureData;
5
+ onChange?: (data: SignatureData) => void;
6
+ onStart?: () => void;
7
+ onEnd?: (data: SignatureData) => void;
8
+ placeholder?: string;
9
+ clearLabel?: string;
10
+ helperText?: string;
11
+ disabled?: boolean;
12
+ readOnly?: boolean;
13
+ className?: string;
14
+ canvasClassName?: string;
15
+ 'aria-label'?: string;
16
+ };
17
+ export declare const Signature: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<SignatureRef>>;
18
+ export type { Props as SignatureProps };
19
+ //# sourceMappingURL=signature.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"signature.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/signature/signature.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGrE,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,SAAS,gGAwEpB,CAAC;AAEH,YAAY,EAAE,KAAK,IAAI,cAAc,EAAE,CAAC"}
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Signature = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const react_1 = require("react");
6
+ const components_1 = require("../../../components");
7
+ const tailwind_utils_1 = require("../../../utils/tailwind-utils");
8
+ const signature_styles_1 = require("./signature-styles");
9
+ const use_signature_1 = require("./use-signature");
10
+ exports.Signature = (0, react_1.forwardRef)(function Signature({ value, defaultValue, onChange, onStart, onEnd, placeholder, clearLabel, helperText, disabled = false, readOnly = false, className, canvasClassName, }, forwardedRef) {
11
+ const { clear, canvasElementRef, isCanvasEmpty } = (0, use_signature_1.useSignature)({
12
+ forwardedRef,
13
+ value,
14
+ defaultValue,
15
+ onChange,
16
+ onStart,
17
+ onEnd,
18
+ disabled,
19
+ readOnly,
20
+ });
21
+ return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col gap-3', className), children: [clearLabel && ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-end", children: (0, jsx_runtime_1.jsx)(components_1.TextButton, { label: clearLabel, isDisabled: isCanvasEmpty || disabled, onClick: clear }) })), (0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)((0, signature_styles_1.signatureContainerStyles)({ isEmpty: isCanvasEmpty, disabled })), onContextMenu: (event) => event.preventDefault(), children: [(0, jsx_runtime_1.jsx)("canvas", { ref: canvasElementRef, role: disabled || readOnly ? 'img' : 'application', "aria-disabled": disabled || undefined, className: (0, tailwind_utils_1.tailwind)('block w-full touch-none select-none md:h-[200px] h-[120px]', disabled && 'cursor-not-allowed opacity-50', readOnly && 'cursor-default', canvasClassName) }), isCanvasEmpty && placeholder && ((0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: (0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, color: disabled ? components_1.TextColors.BLACK_03 : components_1.TextColors.BLACK, className: "select-none", children: placeholder }) }))] }), helperText && ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.HELPER, color: components_1.TextColors.BLACK_02, children: helperText }))] }));
22
+ });
23
+ //# sourceMappingURL=signature.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"signature.js","sourceRoot":"","sources":["../../../../src/components/atoms/signature/signature.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmC;AACnC,oDAAgF;AAChF,kEAAyD;AACzD,yDAA8D;AAE9D,mDAA+C;AAkBlC,QAAA,SAAS,GAAG,IAAA,kBAAU,EAAsB,SAAS,SAAS,CACzE,EACE,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,KAAK,EACL,WAAW,EACX,UAAU,EACV,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,eAAe,GAChB,EACD,YAAY;IAEZ,MAAM,EAAE,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,GAAG,IAAA,4BAAY,EAAC;QAC9D,YAAY;QACZ,KAAK;QACL,YAAY;QACZ,QAAQ;QACR,OAAO;QACP,KAAK;QACL,QAAQ;QACR,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,qBAAqB,EAAE,SAAS,CAAC,aACvD,UAAU,IAAI,CACb,gCAAK,SAAS,EAAC,kBAAkB,YAC/B,uBAAC,uBAAU,IAAC,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,IAAI,QAAQ,EAAE,OAAO,EAAE,KAAK,GAAI,GACpF,CACP,EAED,iCACE,SAAS,EAAE,IAAA,yBAAQ,EAAC,IAAA,2CAAwB,EAAC,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,CAAC,EACnF,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,aAEhD,mCACE,GAAG,EAAE,gBAAgB,EACrB,IAAI,EAAE,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,mBACnC,QAAQ,IAAI,SAAS,EACpC,SAAS,EAAE,IAAA,yBAAQ,EACjB,4DAA4D,EAC5D,QAAQ,IAAI,+BAA+B,EAC3C,QAAQ,IAAI,gBAAgB,EAC5B,eAAe,CAChB,GACD,EAED,aAAa,IAAI,WAAW,IAAI,CAC/B,gCAAK,SAAS,EAAC,uEAAuE,YACpF,uBAAC,iBAAI,IACH,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,uBAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAU,CAAC,KAAK,EACxD,SAAS,EAAC,aAAa,YAEtB,WAAW,GACP,GACH,CACP,IACG,EAEL,UAAU,IAAI,CACb,uBAAC,iBAAI,IAAC,OAAO,EAAE,wBAAW,CAAC,MAAM,EAAE,KAAK,EAAE,uBAAU,CAAC,QAAQ,YAC1D,UAAU,GACN,CACR,IACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
@@ -0,0 +1,20 @@
1
+ import { ForwardedRef, RefObject } from 'react';
2
+ import type { SignatureData, SignatureRef } from './signature-types';
3
+ type UseSignatureProps = {
4
+ forwardedRef: ForwardedRef<SignatureRef>;
5
+ value?: SignatureData;
6
+ defaultValue?: SignatureData;
7
+ disabled: boolean;
8
+ readOnly: boolean;
9
+ onStart?: () => void;
10
+ onEnd?: (data: SignatureData) => void;
11
+ onChange?: (data: SignatureData) => void;
12
+ };
13
+ type UseSignatureReturn = {
14
+ clear: () => void;
15
+ canvasElementRef: RefObject<HTMLCanvasElement>;
16
+ isCanvasEmpty: boolean;
17
+ };
18
+ export declare function useSignature({ forwardedRef, value, defaultValue, disabled, readOnly, onStart, onEnd, onChange, }: UseSignatureProps): UseSignatureReturn;
19
+ export {};
20
+ //# sourceMappingURL=use-signature.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-signature.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/signature/use-signature.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,SAAS,EAMV,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,aAAa,EAAwB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAM3F,KAAK,iBAAiB,GAAG;IACvB,YAAY,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,gBAAgB,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC/C,aAAa,EAAE,OAAO,CAAC;CACxB,CAAC;AA+CF,wBAAgB,YAAY,CAAC,EAC3B,YAAY,EACZ,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,GACT,EAAE,iBAAiB,GAAG,kBAAkB,CAiMxC"}