period-ui 0.4.11 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (104) hide show
  1. package/dist/components/atoms/check-box/check-box.d.ts +1 -1
  2. package/dist/components/atoms/check-box/check-box.d.ts.map +1 -1
  3. package/dist/components/atoms/check-box/check-box.js +4 -4
  4. package/dist/components/atoms/check-box/check-box.js.map +1 -1
  5. package/dist/components/index.d.ts +4 -0
  6. package/dist/components/index.d.ts.map +1 -1
  7. package/dist/components/index.js +4 -0
  8. package/dist/components/index.js.map +1 -1
  9. package/dist/components/molecules/form/form-file-uploader/form-file-uploader.d.ts +7 -0
  10. package/dist/components/molecules/form/form-file-uploader/form-file-uploader.d.ts.map +1 -0
  11. package/dist/components/molecules/form/form-file-uploader/form-file-uploader.js +24 -0
  12. package/dist/components/molecules/form/form-file-uploader/form-file-uploader.js.map +1 -0
  13. package/dist/components/molecules/form/form-file-uploader/index.d.ts +2 -0
  14. package/dist/components/molecules/form/form-file-uploader/index.d.ts.map +1 -0
  15. package/dist/components/molecules/form/form-file-uploader/index.js +18 -0
  16. package/dist/components/molecules/form/form-file-uploader/index.js.map +1 -0
  17. package/dist/components/molecules/form/form-image-uploader/form-image-uploader.d.ts +7 -0
  18. package/dist/components/molecules/form/form-image-uploader/form-image-uploader.d.ts.map +1 -0
  19. package/dist/components/molecules/form/form-image-uploader/form-image-uploader.js +24 -0
  20. package/dist/components/molecules/form/form-image-uploader/form-image-uploader.js.map +1 -0
  21. package/dist/components/molecules/form/form-image-uploader/index.d.ts +2 -0
  22. package/dist/components/molecules/form/form-image-uploader/index.d.ts.map +1 -0
  23. package/dist/components/molecules/form/form-image-uploader/index.js +18 -0
  24. package/dist/components/molecules/form/form-image-uploader/index.js.map +1 -0
  25. package/dist/components/organisms/file-uploader/components/drop-area.d.ts +25 -0
  26. package/dist/components/organisms/file-uploader/components/drop-area.d.ts.map +1 -0
  27. package/dist/components/organisms/file-uploader/components/drop-area.js +24 -0
  28. package/dist/components/organisms/file-uploader/components/drop-area.js.map +1 -0
  29. package/dist/components/organisms/file-uploader/components/file-actions.d.ts +10 -0
  30. package/dist/components/organisms/file-uploader/components/file-actions.d.ts.map +1 -0
  31. package/dist/components/organisms/file-uploader/components/file-actions.js +9 -0
  32. package/dist/components/organisms/file-uploader/components/file-actions.js.map +1 -0
  33. package/dist/components/organisms/file-uploader/components/index.d.ts +5 -0
  34. package/dist/components/organisms/file-uploader/components/index.d.ts.map +1 -0
  35. package/dist/components/organisms/file-uploader/components/index.js +21 -0
  36. package/dist/components/organisms/file-uploader/components/index.js.map +1 -0
  37. package/dist/components/organisms/file-uploader/components/uploaded-file.d.ts +9 -0
  38. package/dist/components/organisms/file-uploader/components/uploaded-file.d.ts.map +1 -0
  39. package/dist/components/organisms/file-uploader/components/uploaded-file.js +11 -0
  40. package/dist/components/organisms/file-uploader/components/uploaded-file.js.map +1 -0
  41. package/dist/components/organisms/file-uploader/components/uploading-file.d.ts +9 -0
  42. package/dist/components/organisms/file-uploader/components/uploading-file.d.ts.map +1 -0
  43. package/dist/components/organisms/file-uploader/components/uploading-file.js +11 -0
  44. package/dist/components/organisms/file-uploader/components/uploading-file.js.map +1 -0
  45. package/dist/components/organisms/file-uploader/file-uploader-styles.d.ts +8 -0
  46. package/dist/components/organisms/file-uploader/file-uploader-styles.d.ts.map +1 -0
  47. package/dist/components/organisms/file-uploader/file-uploader-styles.js +40 -0
  48. package/dist/components/organisms/file-uploader/file-uploader-styles.js.map +1 -0
  49. package/dist/components/organisms/file-uploader/file-uploader-types.d.ts +7 -0
  50. package/dist/components/organisms/file-uploader/file-uploader-types.d.ts.map +1 -0
  51. package/dist/components/organisms/file-uploader/file-uploader-types.js +11 -0
  52. package/dist/components/organisms/file-uploader/file-uploader-types.js.map +1 -0
  53. package/dist/components/organisms/file-uploader/file-uploader.d.ts +24 -0
  54. package/dist/components/organisms/file-uploader/file-uploader.d.ts.map +1 -0
  55. package/dist/components/organisms/file-uploader/file-uploader.js +20 -0
  56. package/dist/components/organisms/file-uploader/file-uploader.js.map +1 -0
  57. package/dist/components/organisms/file-uploader/index.d.ts +4 -0
  58. package/dist/components/organisms/file-uploader/index.d.ts.map +1 -0
  59. package/dist/components/organisms/file-uploader/index.js +20 -0
  60. package/dist/components/organisms/file-uploader/index.js.map +1 -0
  61. package/dist/components/organisms/filter-modal/use-filter-modal.js +1 -1
  62. package/dist/components/organisms/filter-modal/use-filter-modal.js.map +1 -1
  63. package/dist/components/organisms/image-uploader/components/image-preview.d.ts +11 -0
  64. package/dist/components/organisms/image-uploader/components/image-preview.d.ts.map +1 -0
  65. package/dist/components/organisms/image-uploader/components/image-preview.js +10 -0
  66. package/dist/components/organisms/image-uploader/components/image-preview.js.map +1 -0
  67. package/dist/components/organisms/image-uploader/components/index.d.ts +3 -0
  68. package/dist/components/organisms/image-uploader/components/index.d.ts.map +1 -0
  69. package/dist/components/organisms/image-uploader/components/index.js +19 -0
  70. package/dist/components/organisms/image-uploader/components/index.js.map +1 -0
  71. package/dist/components/organisms/image-uploader/components/loading-area.d.ts +8 -0
  72. package/dist/components/organisms/image-uploader/components/loading-area.d.ts.map +1 -0
  73. package/dist/components/organisms/image-uploader/components/loading-area.js +11 -0
  74. package/dist/components/organisms/image-uploader/components/loading-area.js.map +1 -0
  75. package/dist/components/organisms/image-uploader/image-uploader-styles.d.ts +7 -0
  76. package/dist/components/organisms/image-uploader/image-uploader-styles.d.ts.map +1 -0
  77. package/dist/components/organisms/image-uploader/image-uploader-styles.js +23 -0
  78. package/dist/components/organisms/image-uploader/image-uploader-styles.js.map +1 -0
  79. package/dist/components/organisms/image-uploader/image-uploader-types.d.ts +11 -0
  80. package/dist/components/organisms/image-uploader/image-uploader-types.d.ts.map +1 -0
  81. package/dist/components/organisms/image-uploader/image-uploader-types.js +16 -0
  82. package/dist/components/organisms/image-uploader/image-uploader-types.js.map +1 -0
  83. package/dist/components/organisms/image-uploader/image-uploader.d.ts +25 -0
  84. package/dist/components/organisms/image-uploader/image-uploader.d.ts.map +1 -0
  85. package/dist/components/organisms/image-uploader/image-uploader.js +22 -0
  86. package/dist/components/organisms/image-uploader/image-uploader.js.map +1 -0
  87. package/dist/components/organisms/image-uploader/index.d.ts +3 -0
  88. package/dist/components/organisms/image-uploader/index.d.ts.map +1 -0
  89. package/dist/components/organisms/image-uploader/index.js +19 -0
  90. package/dist/components/organisms/image-uploader/index.js.map +1 -0
  91. package/dist/index.d.ts +3 -3
  92. package/dist/index.d.ts.map +1 -1
  93. package/dist/index.js +8 -1
  94. package/dist/index.js.map +1 -1
  95. package/dist/index.mjs +7268 -6691
  96. package/dist/styles/colors.d.ts +1 -0
  97. package/dist/styles/colors.d.ts.map +1 -1
  98. package/dist/styles/colors.js +1 -0
  99. package/dist/styles/colors.js.map +1 -1
  100. package/dist/utils/use-file-drop-zone.d.ts +16 -0
  101. package/dist/utils/use-file-drop-zone.d.ts.map +1 -0
  102. package/dist/utils/use-file-drop-zone.js +52 -0
  103. package/dist/utils/use-file-drop-zone.js.map +1 -0
  104. package/package.json +5 -10
@@ -1,4 +1,4 @@
1
- import { CheckboxVariant } from '../../../components';
1
+ import { CheckboxVariant } from './check-box-types';
2
2
  type Props = {
3
3
  value?: boolean;
4
4
  isDisabled?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"check-box.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAkB,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtE,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,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,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,cAAc,EACd,kBAAkB,EAClB,OAAiC,EACjC,aAAwB,GACzB,EAAE,KAAK,2CAmEP;AAED,YAAY,EAAE,KAAK,IAAI,aAAa,EAAE,CAAC"}
1
+ {"version":3,"file":"check-box.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAkB,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpE,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,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,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,cAAc,EACd,kBAAkB,EAClB,OAAiC,EACjC,aAAwB,GACzB,EAAE,KAAK,2CAmEP;AAED,YAAY,EAAE,KAAK,IAAI,aAAa,EAAE,CAAC"}
@@ -5,8 +5,8 @@ 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
7
  const window_dimensions_utils_1 = require("../../../utils/window-dimensions-utils");
8
- const components_2 = require("../../../components");
9
- function Checkbox({ value, isDisabled = false, label, className, labelClassName, containerClassName, variant = components_2.CheckboxVariant.DEFAULT, onCheckToggle = () => { }, }) {
8
+ const check_box_types_1 = require("./check-box-types");
9
+ function Checkbox({ value, isDisabled = false, label, className, labelClassName, containerClassName, variant = check_box_types_1.CheckboxVariant.DEFAULT, onCheckToggle = () => { }, }) {
10
10
  const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
11
11
  const handleClick = () => {
12
12
  if (isDisabled) {
@@ -14,8 +14,8 @@ function Checkbox({ value, isDisabled = false, label, className, labelClassName,
14
14
  }
15
15
  onCheckToggle?.(!value);
16
16
  };
17
- const isIntermediate = variant === components_2.CheckboxVariant.INTERMEDIATE;
18
- const checkBoxVariantStyle = components_2.checkBoxStyles[isIntermediate ? components_2.CheckboxVariant.DEFAULT : variant];
17
+ const isIntermediate = variant === check_box_types_1.CheckboxVariant.INTERMEDIATE;
18
+ const checkBoxVariantStyle = check_box_types_1.checkBoxStyles[isIntermediate ? check_box_types_1.CheckboxVariant.DEFAULT : variant];
19
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,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"}
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,uDAAoE;AAapE,SAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,SAAS,EACT,cAAc,EACd,kBAAkB,EAClB,OAAO,GAAG,iCAAe,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,iCAAe,CAAC,YAAY,CAAC;IAChE,MAAM,oBAAoB,GAAG,gCAAc,CAAC,cAAc,CAAC,CAAC,CAAC,iCAAe,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"}
@@ -32,6 +32,8 @@ export * from './molecules/password-field';
32
32
  export * from './molecules/phone-field';
33
33
  export * from './molecules/form/form-password-field';
34
34
  export * from './molecules/form/form-phone-field';
35
+ export * from './molecules/form/form-file-uploader';
36
+ export * from './molecules/form/form-image-uploader';
35
37
  export * from './molecules/callout';
36
38
  export * from './molecules/empty-state';
37
39
  export * from './molecules/table';
@@ -43,4 +45,6 @@ export * from './organisms/tool-tip';
43
45
  export * from './organisms/filter-modal';
44
46
  export * from './organisms/dropdown-button';
45
47
  export * from './organisms/document-field';
48
+ export * from './organisms/file-uploader';
49
+ export * from './organisms/image-uploader';
46
50
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,sCAAsC,CAAC;AACrD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAG3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,sCAAsC,CAAC;AACrD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC;AACrD,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAG3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC"}
@@ -48,6 +48,8 @@ __exportStar(require("./molecules/password-field"), exports);
48
48
  __exportStar(require("./molecules/phone-field"), exports);
49
49
  __exportStar(require("./molecules/form/form-password-field"), exports);
50
50
  __exportStar(require("./molecules/form/form-phone-field"), exports);
51
+ __exportStar(require("./molecules/form/form-file-uploader"), exports);
52
+ __exportStar(require("./molecules/form/form-image-uploader"), exports);
51
53
  __exportStar(require("./molecules/callout"), exports);
52
54
  __exportStar(require("./molecules/empty-state"), exports);
53
55
  __exportStar(require("./molecules/table"), exports);
@@ -59,4 +61,6 @@ __exportStar(require("./organisms/tool-tip"), exports);
59
61
  __exportStar(require("./organisms/filter-modal"), exports);
60
62
  __exportStar(require("./organisms/dropdown-button"), exports);
61
63
  __exportStar(require("./organisms/document-field"), exports);
64
+ __exportStar(require("./organisms/file-uploader"), exports);
65
+ __exportStar(require("./organisms/image-uploader"), exports);
62
66
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,oDAAkC;AAClC,mDAAiC;AACjC,qDAAmC;AACnC,gDAA8B;AAC9B,qDAAmC;AACnC,iDAA+B;AAC/B,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,0DAAwC;AACxC,yDAAuC;AACvC,oEAAkD;AAClD,sDAAoC;AACpC,+CAA6B;AAC7B,sDAAoC;AACpC,6DAA2C;AAC3C,kDAAgC;AAChC,sDAAoC;AACpC,2DAAyC;AAGzC,mDAAiC;AACjC,oDAAkC;AAClC,qDAAmC;AACnC,+DAA6C;AAC7C,mEAAiD;AACjD,iEAA+C;AAC/C,qEAAmD;AACnD,oEAAkD;AAClD,qDAAmC;AACnC,8DAA4C;AAC5C,yDAAuC;AACvC,6DAA2C;AAC3C,0DAAwC;AACxC,uEAAqD;AACrD,oEAAkD;AAClD,sDAAoC;AACpC,0DAAwC;AACxC,oDAAkC;AAClC,wDAAsC;AACtC,yDAAuC;AACvC,uDAAqC;AACrC,6DAA2C;AAG3C,uDAAqC;AACrC,2DAAyC;AACzC,8DAA4C;AAC5C,6DAA2C"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,oDAAkC;AAClC,mDAAiC;AACjC,qDAAmC;AACnC,gDAA8B;AAC9B,qDAAmC;AACnC,iDAA+B;AAC/B,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,0DAAwC;AACxC,yDAAuC;AACvC,oEAAkD;AAClD,sDAAoC;AACpC,+CAA6B;AAC7B,sDAAoC;AACpC,6DAA2C;AAC3C,kDAAgC;AAChC,sDAAoC;AACpC,2DAAyC;AAGzC,mDAAiC;AACjC,oDAAkC;AAClC,qDAAmC;AACnC,+DAA6C;AAC7C,mEAAiD;AACjD,iEAA+C;AAC/C,qEAAmD;AACnD,oEAAkD;AAClD,qDAAmC;AACnC,8DAA4C;AAC5C,yDAAuC;AACvC,6DAA2C;AAC3C,0DAAwC;AACxC,uEAAqD;AACrD,oEAAkD;AAClD,sEAAoD;AACpD,uEAAqD;AACrD,sDAAoC;AACpC,0DAAwC;AACxC,oDAAkC;AAClC,wDAAsC;AACtC,yDAAuC;AACvC,uDAAqC;AACrC,6DAA2C;AAG3C,uDAAqC;AACrC,2DAAyC;AACzC,8DAA4C;AAC5C,6DAA2C;AAC3C,4DAA0C;AAC1C,6DAA2C"}
@@ -0,0 +1,7 @@
1
+ import { FileUploaderProps } from '../../../../components';
2
+ import { FormControlProps } from '../../../../containers';
3
+ export type FormFileUploaderProps = FormControlProps & Omit<FileUploaderProps, 'id' | 'describedBy' | 'isDisabled'> & {
4
+ formControlClassName?: string;
5
+ };
6
+ export declare function FormFileUploader({ label, helperText, errorText, optionalLabel, hideRequiredMark, containerClassName, toolTipProps, inputWidth, formName, formProps, formControlClassName, id, isRequired, isDisabled, state, onSelectFile, onDelete, ...fileUploaderProps }: FormFileUploaderProps): import("react/jsx-runtime").JSX.Element;
7
+ //# sourceMappingURL=form-file-uploader.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"form-file-uploader.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-file-uploader/form-file-uploader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,iBAAiB,EAAqB,MAAM,wBAAwB,CAAC;AAC5F,OAAO,EAAe,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAEvE,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,GAClD,IAAI,CAAC,iBAAiB,EAAE,IAAI,GAAG,aAAa,GAAG,YAAY,CAAC,GAAG;IAC7D,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEJ,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,UAAU,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,SAAS,EACT,oBAAoB,EACpB,EAAE,EACF,UAAU,EACV,UAAU,EACV,KAAiC,EACjC,YAAY,EACZ,QAAQ,EACR,GAAG,iBAAiB,EACrB,EAAE,qBAAqB,2CAiDvB"}
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.FormFileUploader = FormFileUploader;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const components_1 = require("../../../../components");
6
+ const containers_1 = require("../../../../containers");
7
+ function FormFileUploader({ label, helperText, errorText, optionalLabel, hideRequiredMark, containerClassName, toolTipProps, inputWidth, formName, formProps, formControlClassName, id, isRequired, isDisabled, state = components_1.FileUploaderState.DEFAULT, onSelectFile, onDelete, ...fileUploaderProps }) {
8
+ function handleSelectFile(file) {
9
+ onSelectFile?.(file);
10
+ if (formProps && formName) {
11
+ void formProps.setFieldValue(formName, file);
12
+ void formProps.setFieldTouched(formName, true, true);
13
+ }
14
+ }
15
+ function handleDelete() {
16
+ onDelete?.();
17
+ if (formProps && formName) {
18
+ void formProps.setFieldValue(formName, null);
19
+ void formProps.setFieldTouched(formName, true, true);
20
+ }
21
+ }
22
+ return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { id: id, label: label, helperText: helperText, optionalLabel: optionalLabel, hideRequiredMark: hideRequiredMark, containerClassName: containerClassName, toolTipProps: toolTipProps, inputWidth: inputWidth, formName: formName, formProps: formProps, isRequired: isRequired, isDisabled: isDisabled, errorText: errorText || formProps?.errors[formName ?? ''], className: formControlClassName, children: ({ isErrorVisible, inputId, describedBy }) => ((0, jsx_runtime_1.jsx)(components_1.FileUploader, { ...fileUploaderProps, id: inputId, describedBy: describedBy, isDisabled: isDisabled, state: isErrorVisible ? components_1.FileUploaderState.ERROR : state, onSelectFile: handleSelectFile, onDelete: handleDelete })) }));
23
+ }
24
+ //# sourceMappingURL=form-file-uploader.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"form-file-uploader.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-file-uploader/form-file-uploader.tsx"],"names":[],"mappings":";;AAQA,4CAoEC;;AA5ED,uDAA4F;AAC5F,uDAAuE;AAOvE,SAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,UAAU,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,SAAS,EACT,oBAAoB,EACpB,EAAE,EACF,UAAU,EACV,UAAU,EACV,KAAK,GAAG,8BAAiB,CAAC,OAAO,EACjC,YAAY,EACZ,QAAQ,EACR,GAAG,iBAAiB,EACE;IACtB,SAAS,gBAAgB,CAAC,IAAU;QAClC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;QAErB,IAAI,SAAS,IAAI,QAAQ,EAAE,CAAC;YAC1B,KAAK,SAAS,CAAC,aAAa,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;YAC7C,KAAK,SAAS,CAAC,eAAe,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QACvD,CAAC;IACH,CAAC;IAED,SAAS,YAAY;QACnB,QAAQ,EAAE,EAAE,CAAC;QAEb,IAAI,SAAS,IAAI,QAAQ,EAAE,CAAC;YAC1B,KAAK,SAAS,CAAC,aAAa,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;YAC7C,KAAK,SAAS,CAAC,eAAe,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QACvD,CAAC;IACH,CAAC;IAED,OAAO,CACL,uBAAC,wBAAW,IACV,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,IAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAwB,EACjF,SAAS,EAAE,oBAAoB,YAE9B,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAC7C,uBAAC,yBAAY,OACP,iBAAiB,EACrB,EAAE,EAAE,OAAO,EACX,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,8BAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EACvD,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EAAE,YAAY,GACtB,CACH,GACW,CACf,CAAC;AACJ,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './form-file-uploader';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-file-uploader/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}
@@ -0,0 +1,18 @@
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("./form-file-uploader"), exports);
18
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-file-uploader/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uDAAqC"}
@@ -0,0 +1,7 @@
1
+ import { ImageUploaderProps } from '../../../../components';
2
+ import { FormControlProps } from '../../../../containers';
3
+ export type FormImageUploaderProps = FormControlProps & Omit<ImageUploaderProps, 'id' | 'describedBy' | 'isDisabled'> & {
4
+ formControlClassName?: string;
5
+ };
6
+ export declare function FormImageUploader({ label, helperText, errorText, optionalLabel, hideRequiredMark, containerClassName, toolTipProps, inputWidth, formName, formProps, formControlClassName, id, isRequired, isDisabled, state, onSelectFile, onDelete, ...imageUploaderProps }: FormImageUploaderProps): import("react/jsx-runtime").JSX.Element;
7
+ //# sourceMappingURL=form-image-uploader.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"form-image-uploader.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-image-uploader/form-image-uploader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,kBAAkB,EAAsB,MAAM,wBAAwB,CAAC;AAC/F,OAAO,EAAe,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAEvE,MAAM,MAAM,sBAAsB,GAAG,gBAAgB,GACnD,IAAI,CAAC,kBAAkB,EAAE,IAAI,GAAG,aAAa,GAAG,YAAY,CAAC,GAAG;IAC9D,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEJ,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,UAAU,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,SAAS,EACT,oBAAoB,EACpB,EAAE,EACF,UAAU,EACV,UAAU,EACV,KAAkC,EAClC,YAAY,EACZ,QAAQ,EACR,GAAG,kBAAkB,EACtB,EAAE,sBAAsB,2CAiDxB"}
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.FormImageUploader = FormImageUploader;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const components_1 = require("../../../../components");
6
+ const containers_1 = require("../../../../containers");
7
+ function FormImageUploader({ label, helperText, errorText, optionalLabel, hideRequiredMark, containerClassName, toolTipProps, inputWidth, formName, formProps, formControlClassName, id, isRequired, isDisabled, state = components_1.ImageUploaderState.DEFAULT, onSelectFile, onDelete, ...imageUploaderProps }) {
8
+ function handleSelectFile(file) {
9
+ onSelectFile?.(file);
10
+ if (formProps && formName) {
11
+ void formProps.setFieldValue(formName, file);
12
+ void formProps.setFieldTouched(formName, true, true);
13
+ }
14
+ }
15
+ function handleDelete() {
16
+ onDelete?.();
17
+ if (formProps && formName) {
18
+ void formProps.setFieldValue(formName, null);
19
+ void formProps.setFieldTouched(formName, true, true);
20
+ }
21
+ }
22
+ return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { id: id, label: label, helperText: helperText, optionalLabel: optionalLabel, hideRequiredMark: hideRequiredMark, containerClassName: containerClassName, toolTipProps: toolTipProps, inputWidth: inputWidth, formName: formName, formProps: formProps, isRequired: isRequired, isDisabled: isDisabled, errorText: errorText || formProps?.errors[formName ?? ''], className: formControlClassName, children: ({ isErrorVisible, inputId, describedBy }) => ((0, jsx_runtime_1.jsx)(components_1.ImageUploader, { ...imageUploaderProps, id: inputId, describedBy: describedBy, isDisabled: isDisabled, state: isErrorVisible ? components_1.ImageUploaderState.ERROR : state, onSelectFile: handleSelectFile, onDelete: handleDelete })) }));
23
+ }
24
+ //# sourceMappingURL=form-image-uploader.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"form-image-uploader.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-image-uploader/form-image-uploader.tsx"],"names":[],"mappings":";;AAQA,8CAoEC;;AA5ED,uDAA+F;AAC/F,uDAAuE;AAOvE,SAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,UAAU,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,SAAS,EACT,oBAAoB,EACpB,EAAE,EACF,UAAU,EACV,UAAU,EACV,KAAK,GAAG,+BAAkB,CAAC,OAAO,EAClC,YAAY,EACZ,QAAQ,EACR,GAAG,kBAAkB,EACE;IACvB,SAAS,gBAAgB,CAAC,IAAU;QAClC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;QAErB,IAAI,SAAS,IAAI,QAAQ,EAAE,CAAC;YAC1B,KAAK,SAAS,CAAC,aAAa,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;YAC7C,KAAK,SAAS,CAAC,eAAe,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QACvD,CAAC;IACH,CAAC;IAED,SAAS,YAAY;QACnB,QAAQ,EAAE,EAAE,CAAC;QAEb,IAAI,SAAS,IAAI,QAAQ,EAAE,CAAC;YAC1B,KAAK,SAAS,CAAC,aAAa,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;YAC7C,KAAK,SAAS,CAAC,eAAe,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QACvD,CAAC;IACH,CAAC;IAED,OAAO,CACL,uBAAC,wBAAW,IACV,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,IAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAwB,EACjF,SAAS,EAAE,oBAAoB,YAE9B,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAC7C,uBAAC,0BAAa,OACR,kBAAkB,EACtB,EAAE,EAAE,OAAO,EACX,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,+BAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EACxD,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EAAE,YAAY,GACtB,CACH,GACW,CACf,CAAC;AACJ,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './form-image-uploader';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-image-uploader/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}
@@ -0,0 +1,18 @@
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("./form-image-uploader"), exports);
18
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-image-uploader/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wDAAsC"}
@@ -0,0 +1,25 @@
1
+ import { ChangeEvent, DragEvent, RefObject } from 'react';
2
+ type DropAreaProps = {
3
+ isError?: boolean;
4
+ isDragging?: boolean;
5
+ isDisabled?: boolean;
6
+ accept?: string;
7
+ inputRef: RefObject<HTMLInputElement>;
8
+ dragAndDropText?: string;
9
+ linkTextDesktop?: string;
10
+ linkTextMobile?: string;
11
+ uploadTextDesktop?: string;
12
+ uploadTextMobile?: string;
13
+ dropActiveText?: string;
14
+ className?: string;
15
+ id?: string;
16
+ describedBy?: string;
17
+ onOpenPicker: () => void;
18
+ onInputChange: (event: ChangeEvent<HTMLInputElement>) => void;
19
+ onDragOver: (event: DragEvent<HTMLDivElement>) => void;
20
+ onDragLeave: (event: DragEvent<HTMLDivElement>) => void;
21
+ onDrop: (event: DragEvent<HTMLDivElement>) => void;
22
+ };
23
+ export declare function DropArea({ isError, isDragging, isDisabled, accept, inputRef, dragAndDropText, linkTextDesktop, linkTextMobile, uploadTextDesktop, uploadTextMobile, dropActiveText, className, id, describedBy, onOpenPicker, onInputChange, onDragOver, onDragLeave, onDrop, }: DropAreaProps): import("react/jsx-runtime").JSX.Element;
24
+ export {};
25
+ //# sourceMappingURL=drop-area.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"drop-area.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/file-uploader/components/drop-area.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAKtE,KAAK,aAAa,GAAG;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,UAAU,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACvD,WAAW,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACxD,MAAM,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CACpD,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,UAAU,EACV,UAAU,EACV,MAAM,EACN,QAAQ,EACR,eAAe,EACf,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,EAAE,EACF,WAAW,EACX,YAAY,EACZ,aAAa,EACb,UAAU,EACV,WAAW,EACX,MAAM,GACP,EAAE,aAAa,2CA+Ff"}
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.DropArea = DropArea;
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
+ const file_uploader_styles_1 = require("../file-uploader-styles");
8
+ function DropArea({ isError, isDragging, isDisabled, accept, inputRef, dragAndDropText, linkTextDesktop, linkTextMobile, uploadTextDesktop, uploadTextMobile, dropActiveText, className, id, describedBy, onOpenPicker, onInputChange, onDragOver, onDragLeave, onDrop, }) {
9
+ const tone = isDragging ? 'dragging' : isError ? 'error' : 'default';
10
+ const iconColor = isError ? components_1.IconColor.RED_01 : components_1.IconColor.BLUE_01;
11
+ function handleAreaClick() {
12
+ if (!isDisabled) {
13
+ onOpenPicker();
14
+ }
15
+ }
16
+ function handleLinkClick(event) {
17
+ event.stopPropagation();
18
+ if (!isDisabled) {
19
+ onOpenPicker();
20
+ }
21
+ }
22
+ return ((0, jsx_runtime_1.jsxs)("div", { role: "presentation", "aria-disabled": isDisabled || undefined, className: (0, tailwind_utils_1.tailwind)((0, file_uploader_styles_1.dropAreaStyles)({ tone, isInteractive: !isDisabled }), isDisabled && 'opacity-60', className), onClick: handleAreaClick, onDragOver: onDragOver, onDragLeave: onDragLeave, onDrop: onDrop, children: [(0, jsx_runtime_1.jsx)("input", { ref: inputRef, id: id, type: "file", accept: accept, hidden: true, disabled: isDisabled, "aria-describedby": describedBy, onChange: onInputChange }), isDragging ? ((0, jsx_runtime_1.jsx)(components_1.Text, { as: "p", variant: components_1.TextVariant.BODY, color: components_1.TextColors.BLACK, className: "whitespace-normal", children: dropActiveText })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: components_1.IconSymbol.UPLOAD, size: components_1.IconSize.TWO_XL, color: iconColor }), (0, jsx_runtime_1.jsxs)(components_1.Text, { as: "p", variant: components_1.TextVariant.BODY, color: components_1.TextColors.BLACK, className: "hidden whitespace-normal md:block", children: [dragAndDropText ? `${dragAndDropText} ` : '', (0, jsx_runtime_1.jsx)(components_1.Text, { as: "button", type: "button", variant: components_1.TextVariant.LINK, color: components_1.TextColors.BLUE, className: "whitespace-normal", disabled: isDisabled, onClick: handleLinkClick, children: linkTextDesktop }), ' ', uploadTextDesktop] }), (0, jsx_runtime_1.jsxs)(components_1.Text, { as: "p", variant: components_1.TextVariant.BODY, color: components_1.TextColors.BLACK, className: "whitespace-normal md:hidden", children: [(0, jsx_runtime_1.jsx)(components_1.Text, { as: "button", type: "button", variant: components_1.TextVariant.LINK, color: components_1.TextColors.BLUE, className: "whitespace-normal", disabled: isDisabled, onClick: handleLinkClick, children: linkTextMobile }), ' ', uploadTextMobile ?? uploadTextDesktop] })] }))] }));
23
+ }
24
+ //# sourceMappingURL=drop-area.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"drop-area.js","sourceRoot":"","sources":["../../../../../src/components/organisms/file-uploader/components/drop-area.tsx"],"names":[],"mappings":";;AA2BA,4BAmHC;;AA7ID,uDAAmH;AACnH,qEAA4D;AAC5D,kEAAyD;AAwBzD,SAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,UAAU,EACV,UAAU,EACV,MAAM,EACN,QAAQ,EACR,eAAe,EACf,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,EAAE,EACF,WAAW,EACX,YAAY,EACZ,aAAa,EACb,UAAU,EACV,WAAW,EACX,MAAM,GACQ;IACd,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IACrE,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,sBAAS,CAAC,MAAM,CAAC,CAAC,CAAC,sBAAS,CAAC,OAAO,CAAC;IAEjE,SAAS,eAAe;QACtB,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,YAAY,EAAE,CAAC;QACjB,CAAC;IACH,CAAC;IAED,SAAS,eAAe,CAAC,KAAoC;QAC3D,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,YAAY,EAAE,CAAC;QACjB,CAAC;IACH,CAAC;IAED,OAAO,CACL,iCACE,IAAI,EAAC,cAAc,mBACJ,UAAU,IAAI,SAAS,EACtC,SAAS,EAAE,IAAA,yBAAQ,EACjB,IAAA,qCAAc,EAAC,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,UAAU,EAAE,CAAC,EACpD,UAAU,IAAI,YAAY,EAC1B,SAAS,CACV,EACD,OAAO,EAAE,eAAe,EACxB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,aAEd,kCACE,GAAG,EAAE,QAAQ,EACb,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,MAAM,EACd,MAAM,QACN,QAAQ,EAAE,UAAU,sBACF,WAAW,EAC7B,QAAQ,EAAE,aAAa,GACvB,EAED,UAAU,CAAC,CAAC,CAAC,CACZ,uBAAC,iBAAI,IAAC,EAAE,EAAC,GAAG,EAAC,OAAO,EAAE,wBAAW,CAAC,IAAI,EAAE,KAAK,EAAE,uBAAU,CAAC,KAAK,EAAE,SAAS,EAAC,mBAAmB,YAC3F,cAAc,GACV,CACR,CAAC,CAAC,CAAC,CACF,6DACE,uBAAC,sBAAS,IAAC,IAAI,EAAE,uBAAU,CAAC,MAAM,EAAE,IAAI,EAAE,qBAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,SAAS,GAAI,EAE/E,wBAAC,iBAAI,IACH,EAAE,EAAC,GAAG,EACN,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,KAAK,EAAE,uBAAU,CAAC,KAAK,EACvB,SAAS,EAAC,mCAAmC,aAE5C,eAAe,CAAC,CAAC,CAAC,GAAG,eAAe,GAAG,CAAC,CAAC,CAAC,EAAE,EAC7C,uBAAC,iBAAI,IACH,EAAE,EAAC,QAAQ,EACX,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,KAAK,EAAE,uBAAU,CAAC,IAAI,EACtB,SAAS,EAAC,mBAAmB,EAC7B,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,eAAe,YAEvB,eAAe,GACX,EAAC,GAAG,EACV,iBAAiB,IACb,EAEP,wBAAC,iBAAI,IACH,EAAE,EAAC,GAAG,EACN,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,KAAK,EAAE,uBAAU,CAAC,KAAK,EACvB,SAAS,EAAC,6BAA6B,aAEvC,uBAAC,iBAAI,IACH,EAAE,EAAC,QAAQ,EACX,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,KAAK,EAAE,uBAAU,CAAC,IAAI,EACtB,SAAS,EAAC,mBAAmB,EAC7B,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,eAAe,YAEvB,cAAc,GACV,EAAC,GAAG,EACV,gBAAgB,IAAI,iBAAiB,IACjC,IACN,CACJ,IACG,CACP,CAAC;AACJ,CAAC"}
@@ -0,0 +1,10 @@
1
+ type FileActionsProps = {
2
+ replaceLabel?: string;
3
+ deleteLabel?: string;
4
+ isDisabled?: boolean;
5
+ onReplace?: () => void;
6
+ onDelete?: () => void;
7
+ };
8
+ export declare function FileActions({ replaceLabel, deleteLabel, isDisabled, onReplace, onDelete, }: FileActionsProps): import("react/jsx-runtime").JSX.Element;
9
+ export {};
10
+ //# sourceMappingURL=file-actions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"file-actions.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/file-uploader/components/file-actions.tsx"],"names":[],"mappings":"AAEA,KAAK,gBAAgB,GAAG;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,WAAW,EACX,UAAU,EACV,SAAS,EACT,QAAQ,GACT,EAAE,gBAAgB,2CAoBlB"}
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.FileActions = FileActions;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const components_1 = require("../../../../components");
6
+ function FileActions({ replaceLabel, deleteLabel, isDisabled, onReplace, onDelete, }) {
7
+ return ((0, jsx_runtime_1.jsxs)("div", { className: "flex shrink-0 flex-col gap-2", children: [(0, jsx_runtime_1.jsx)(components_1.IconButton, { icon: components_1.IconSymbol.PENCIL, variant: components_1.IconButtonVariant.FILLED, isDisabled: isDisabled, "aria-label": replaceLabel, onClick: onReplace }), (0, jsx_runtime_1.jsx)(components_1.IconButton, { icon: components_1.IconSymbol.TRASH, variant: components_1.IconButtonVariant.DESTRUCTIVE_FILLED, isDisabled: isDisabled, "aria-label": deleteLabel, onClick: onDelete })] }));
8
+ }
9
+ //# sourceMappingURL=file-actions.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"file-actions.js","sourceRoot":"","sources":["../../../../../src/components/organisms/file-uploader/components/file-actions.tsx"],"names":[],"mappings":";;AAUA,kCA0BC;;AApCD,uDAAmF;AAUnF,SAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,WAAW,EACX,UAAU,EACV,SAAS,EACT,QAAQ,GACS;IACjB,OAAO,CACL,iCAAK,SAAS,EAAC,8BAA8B,aAC3C,uBAAC,uBAAU,IACT,IAAI,EAAE,uBAAU,CAAC,MAAM,EACvB,OAAO,EAAE,8BAAiB,CAAC,MAAM,EACjC,UAAU,EAAE,UAAU,gBACV,YAAY,EACxB,OAAO,EAAE,SAAS,GAClB,EAEF,uBAAC,uBAAU,IACT,IAAI,EAAE,uBAAU,CAAC,KAAK,EACtB,OAAO,EAAE,8BAAiB,CAAC,kBAAkB,EAC7C,UAAU,EAAE,UAAU,gBACV,WAAW,EACvB,OAAO,EAAE,QAAQ,GACjB,IACE,CACP,CAAC;AACJ,CAAC"}
@@ -0,0 +1,5 @@
1
+ export * from './drop-area';
2
+ export * from './uploading-file';
3
+ export * from './uploaded-file';
4
+ export * from './file-actions';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/file-uploader/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC"}
@@ -0,0 +1,21 @@
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("./drop-area"), exports);
18
+ __exportStar(require("./uploading-file"), exports);
19
+ __exportStar(require("./uploaded-file"), exports);
20
+ __exportStar(require("./file-actions"), exports);
21
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/organisms/file-uploader/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,mDAAiC;AACjC,kDAAgC;AAChC,iDAA+B"}
@@ -0,0 +1,9 @@
1
+ type UploadedFileProps = {
2
+ fileName?: string;
3
+ fileSize?: string;
4
+ className?: string;
5
+ id?: string;
6
+ };
7
+ export declare function UploadedFile({ fileName, fileSize, className, id }: UploadedFileProps): import("react/jsx-runtime").JSX.Element;
8
+ export {};
9
+ //# sourceMappingURL=uploaded-file.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"uploaded-file.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/file-uploader/components/uploaded-file.tsx"],"names":[],"mappings":"AAYA,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,iBAAiB,2CA+BpF"}
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.UploadedFile = UploadedFile;
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
+ const file_uploader_styles_1 = require("../file-uploader-styles");
8
+ function UploadedFile({ fileName, fileSize, className, id }) {
9
+ return ((0, jsx_runtime_1.jsxs)("div", { id: id, className: (0, tailwind_utils_1.tailwind)((0, file_uploader_styles_1.fileContainerStyles)({ tone: 'completed' }), 'min-w-0 flex-1', className), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: components_1.IconSymbol.FILE, size: components_1.IconSize.TWO_XL, color: components_1.IconColor.BLUE_01 }), (0, jsx_runtime_1.jsx)(components_1.Text, { as: "p", variant: components_1.TextVariant.BODY, color: components_1.TextColors.BLACK, className: "whitespace-normal break-all", children: fileName })] }), fileSize && ((0, jsx_runtime_1.jsx)(components_1.Text, { as: "p", variant: components_1.TextVariant.HELPER, color: components_1.TextColors.BLACK_02, className: "whitespace-normal", children: fileSize }))] }));
10
+ }
11
+ //# sourceMappingURL=uploaded-file.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"uploaded-file.js","sourceRoot":"","sources":["../../../../../src/components/organisms/file-uploader/components/uploaded-file.tsx"],"names":[],"mappings":";;AAmBA,oCA+BC;;AAlDD,uDAQgC;AAChC,qEAA4D;AAC5D,kEAA8D;AAS9D,SAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAqB;IACnF,OAAO,CACL,iCACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,IAAA,yBAAQ,EAAC,IAAA,0CAAmB,EAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EAAE,gBAAgB,EAAE,SAAS,CAAC,aAE5F,iCAAK,SAAS,EAAC,yBAAyB,aACtC,uBAAC,sBAAS,IAAC,IAAI,EAAE,uBAAU,CAAC,IAAI,EAAE,IAAI,EAAE,qBAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,sBAAS,CAAC,OAAO,GAAI,EAErF,uBAAC,iBAAI,IACH,EAAE,EAAC,GAAG,EACN,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,KAAK,EAAE,uBAAU,CAAC,KAAK,EACvB,SAAS,EAAC,6BAA6B,YAEtC,QAAQ,GACJ,IACH,EAEL,QAAQ,IAAI,CACX,uBAAC,iBAAI,IACH,EAAE,EAAC,GAAG,EACN,OAAO,EAAE,wBAAW,CAAC,MAAM,EAC3B,KAAK,EAAE,uBAAU,CAAC,QAAQ,EAC1B,SAAS,EAAC,mBAAmB,YAE5B,QAAQ,GACJ,CACR,IACG,CACP,CAAC;AACJ,CAAC"}
@@ -0,0 +1,9 @@
1
+ type UploadingFileProps = {
2
+ fileName?: string;
3
+ progress?: number;
4
+ className?: string;
5
+ id?: string;
6
+ };
7
+ export declare function UploadingFile({ fileName, progress, className, id }: UploadingFileProps): import("react/jsx-runtime").JSX.Element;
8
+ export {};
9
+ //# sourceMappingURL=uploading-file.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"uploading-file.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/file-uploader/components/uploading-file.tsx"],"names":[],"mappings":"AAUA,KAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,QAAY,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,kBAAkB,2CAmB1F"}
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.UploadingFile = UploadingFile;
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
+ const file_uploader_styles_1 = require("../file-uploader-styles");
8
+ function UploadingFile({ fileName, progress = 0, className, id }) {
9
+ return ((0, jsx_runtime_1.jsxs)("div", { id: id, className: (0, tailwind_utils_1.tailwind)((0, file_uploader_styles_1.fileContainerStyles)({ tone: 'loading' }), className), children: [(0, jsx_runtime_1.jsx)(components_1.Text, { as: "p", variant: components_1.TextVariant.BODY, color: components_1.TextColors.BLACK, className: "whitespace-normal break-all", children: fileName }), (0, jsx_runtime_1.jsx)(components_1.ProgressIndicator, { variant: components_1.ProgressIndicatorVariant.LINEAR_DETERMINATE, showProgress: true, currentProgress: progress })] }));
10
+ }
11
+ //# sourceMappingURL=uploading-file.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"uploading-file.js","sourceRoot":"","sources":["../../../../../src/components/organisms/file-uploader/components/uploading-file.tsx"],"names":[],"mappings":";;AAiBA,sCAmBC;;AApCD,uDAMgC;AAChC,qEAA4D;AAC5D,kEAA8D;AAS9D,SAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,EAAsB;IACzF,OAAO,CACL,iCAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,IAAA,yBAAQ,EAAC,IAAA,0CAAmB,EAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,CAAC,aACnF,uBAAC,iBAAI,IACH,EAAE,EAAC,GAAG,EACN,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,KAAK,EAAE,uBAAU,CAAC,KAAK,EACvB,SAAS,EAAC,6BAA6B,YAEtC,QAAQ,GACJ,EAEP,uBAAC,8BAAiB,IAChB,OAAO,EAAE,qCAAwB,CAAC,kBAAkB,EACpD,YAAY,QACZ,eAAe,EAAE,QAAQ,GACzB,IACE,CACP,CAAC;AACJ,CAAC"}
@@ -0,0 +1,8 @@
1
+ export declare const dropAreaStyles: (props?: ({
2
+ tone?: "default" | "error" | "dragging" | null | undefined;
3
+ isInteractive?: boolean | null | undefined;
4
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
5
+ export declare const fileContainerStyles: (props?: ({
6
+ tone?: "loading" | "completed" | null | undefined;
7
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
8
+ //# sourceMappingURL=file-uploader-styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"file-uploader-styles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/file-uploader/file-uploader-styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;mFAuB1B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;mFAgB/B,CAAC"}
@@ -0,0 +1,40 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.fileContainerStyles = exports.dropAreaStyles = void 0;
4
+ const class_variance_authority_1 = require("class-variance-authority");
5
+ exports.dropAreaStyles = (0, class_variance_authority_1.cva)([
6
+ 'w-full rounded-lg',
7
+ 'flex flex-col items-center justify-center gap-2',
8
+ 'px-6 py-8 min-h-[124px]',
9
+ 'text-center',
10
+ 'border border-dashed',
11
+ 'transition-colors',
12
+ ], {
13
+ variants: {
14
+ tone: {
15
+ default: 'border-gray-04 bg-white',
16
+ dragging: 'border-blue-01 bg-blue-04',
17
+ error: 'border-red-01 bg-white',
18
+ },
19
+ isInteractive: {
20
+ true: 'cursor-pointer',
21
+ false: 'cursor-default',
22
+ },
23
+ },
24
+ defaultVariants: { tone: 'default', isInteractive: true },
25
+ });
26
+ exports.fileContainerStyles = (0, class_variance_authority_1.cva)([
27
+ 'w-full rounded-lg min-h-[124px]',
28
+ 'flex flex-col justify-center gap-1',
29
+ 'px-4 py-4',
30
+ 'border border-solid border-gray-04',
31
+ ], {
32
+ variants: {
33
+ tone: {
34
+ loading: '',
35
+ completed: 'border-l-4 border-l-blue-01',
36
+ },
37
+ },
38
+ defaultVariants: { tone: 'loading' },
39
+ });
40
+ //# sourceMappingURL=file-uploader-styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"file-uploader-styles.js","sourceRoot":"","sources":["../../../../src/components/organisms/file-uploader/file-uploader-styles.ts"],"names":[],"mappings":";;;AAAA,uEAA+C;AAElC,QAAA,cAAc,GAAG,IAAA,8BAAG,EAC/B;IACE,mBAAmB;IACnB,iDAAiD;IACjD,yBAAyB;IACzB,aAAa;IACb,sBAAsB;IACtB,mBAAmB;CACpB,EACD;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,yBAAyB;YAClC,QAAQ,EAAE,2BAA2B;YACrC,KAAK,EAAE,wBAAwB;SAChC;QACD,aAAa,EAAE;YACb,IAAI,EAAE,gBAAgB;YACtB,KAAK,EAAE,gBAAgB;SACxB;KACF;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE;CAC1D,CACF,CAAC;AAEW,QAAA,mBAAmB,GAAG,IAAA,8BAAG,EACpC;IACE,iCAAiC;IACjC,oCAAoC;IACpC,WAAW;IACX,oCAAoC;CACrC,EACD;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE;YACX,SAAS,EAAE,6BAA6B;SACzC;KACF;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;CACrC,CACF,CAAC"}
@@ -0,0 +1,7 @@
1
+ export declare enum FileUploaderState {
2
+ DEFAULT = "DEFAULT",
3
+ LOADING = "LOADING",
4
+ COMPLETED = "COMPLETED",
5
+ ERROR = "ERROR"
6
+ }
7
+ //# sourceMappingURL=file-uploader-types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"file-uploader-types.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/file-uploader/file-uploader-types.ts"],"names":[],"mappings":"AAAA,oBAAY,iBAAiB;IAC3B,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,KAAK,UAAU;CAChB"}
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.FileUploaderState = void 0;
4
+ var FileUploaderState;
5
+ (function (FileUploaderState) {
6
+ FileUploaderState["DEFAULT"] = "DEFAULT";
7
+ FileUploaderState["LOADING"] = "LOADING";
8
+ FileUploaderState["COMPLETED"] = "COMPLETED";
9
+ FileUploaderState["ERROR"] = "ERROR";
10
+ })(FileUploaderState || (exports.FileUploaderState = FileUploaderState = {}));
11
+ //# sourceMappingURL=file-uploader-types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"file-uploader-types.js","sourceRoot":"","sources":["../../../../src/components/organisms/file-uploader/file-uploader-types.ts"],"names":[],"mappings":";;;AAAA,IAAY,iBAKX;AALD,WAAY,iBAAiB;IAC3B,wCAAmB,CAAA;IACnB,wCAAmB,CAAA;IACnB,4CAAuB,CAAA;IACvB,oCAAe,CAAA;AACjB,CAAC,EALW,iBAAiB,iCAAjB,iBAAiB,QAK5B"}
@@ -0,0 +1,24 @@
1
+ import { FileUploaderState } from './file-uploader-types';
2
+ export type FileUploaderProps = {
3
+ state?: FileUploaderState;
4
+ fileName?: string;
5
+ fileSize?: string;
6
+ progress?: number;
7
+ accept?: string;
8
+ isDisabled?: boolean;
9
+ dragAndDropText?: string;
10
+ linkTextDesktop?: string;
11
+ linkTextMobile?: string;
12
+ uploadDocumentText?: string;
13
+ dropActiveText?: string;
14
+ replaceLabel?: string;
15
+ deleteLabel?: string;
16
+ className?: string;
17
+ id?: string;
18
+ describedBy?: string;
19
+ onSelectFile?: (file: File) => void;
20
+ onReplace?: () => void;
21
+ onDelete?: () => void;
22
+ };
23
+ export declare function FileUploader({ state, fileName, fileSize, progress, accept, isDisabled, dragAndDropText, linkTextDesktop, linkTextMobile, uploadDocumentText, dropActiveText, replaceLabel, deleteLabel, className, id, describedBy, onSelectFile, onReplace, onDelete, }: FileUploaderProps): JSX.Element;
24
+ //# sourceMappingURL=file-uploader.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"file-uploader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/file-uploader/file-uploader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAG1D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,KAAiC,EACjC,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,UAAkB,EAClB,eAAe,EACf,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,YAAY,EACZ,WAAW,EACX,SAAS,EACT,EAAE,EACF,WAAW,EACX,YAAY,EACZ,SAAS,EACT,QAAQ,GACT,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAuDjC"}