period-ui 0.4.12 → 0.5.1

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 (98) 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 +2 -0
  6. package/dist/components/index.d.ts.map +1 -1
  7. package/dist/components/index.js +2 -0
  8. package/dist/components/index.js.map +1 -1
  9. package/dist/components/molecules/form/form-file-uploader/form-file-uploader.d.ts +1 -1
  10. package/dist/components/molecules/form/form-file-uploader/form-file-uploader.d.ts.map +1 -1
  11. package/dist/components/molecules/form/form-file-uploader/form-file-uploader.js +1 -1
  12. package/dist/components/molecules/form/form-file-uploader/form-file-uploader.js.map +1 -1
  13. package/dist/components/molecules/form/form-image-uploader/form-image-uploader.d.ts +7 -0
  14. package/dist/components/molecules/form/form-image-uploader/form-image-uploader.d.ts.map +1 -0
  15. package/dist/components/molecules/form/form-image-uploader/form-image-uploader.js +24 -0
  16. package/dist/components/molecules/form/form-image-uploader/form-image-uploader.js.map +1 -0
  17. package/dist/components/molecules/form/form-image-uploader/index.d.ts +2 -0
  18. package/dist/components/molecules/form/form-image-uploader/index.d.ts.map +1 -0
  19. package/dist/components/molecules/form/form-image-uploader/index.js +18 -0
  20. package/dist/components/molecules/form/form-image-uploader/index.js.map +1 -0
  21. package/dist/components/organisms/file-uploader/components/drop-area.d.ts +3 -2
  22. package/dist/components/organisms/file-uploader/components/drop-area.d.ts.map +1 -1
  23. package/dist/components/organisms/file-uploader/components/drop-area.js +3 -2
  24. package/dist/components/organisms/file-uploader/components/drop-area.js.map +1 -1
  25. package/dist/components/organisms/file-uploader/components/file-input.d.ts +13 -0
  26. package/dist/components/organisms/file-uploader/components/file-input.d.ts.map +1 -0
  27. package/dist/components/organisms/file-uploader/components/file-input.js +8 -0
  28. package/dist/components/organisms/file-uploader/components/file-input.js.map +1 -0
  29. package/dist/components/organisms/file-uploader/components/index.d.ts +1 -0
  30. package/dist/components/organisms/file-uploader/components/index.d.ts.map +1 -1
  31. package/dist/components/organisms/file-uploader/components/index.js +1 -0
  32. package/dist/components/organisms/file-uploader/components/index.js.map +1 -1
  33. package/dist/components/organisms/file-uploader/components/uploaded-file.d.ts +2 -1
  34. package/dist/components/organisms/file-uploader/components/uploaded-file.d.ts.map +1 -1
  35. package/dist/components/organisms/file-uploader/components/uploaded-file.js +2 -2
  36. package/dist/components/organisms/file-uploader/components/uploaded-file.js.map +1 -1
  37. package/dist/components/organisms/file-uploader/file-uploader-styles.d.ts +1 -1
  38. package/dist/components/organisms/file-uploader/file-uploader-styles.d.ts.map +1 -1
  39. package/dist/components/organisms/file-uploader/file-uploader-styles.js +1 -0
  40. package/dist/components/organisms/file-uploader/file-uploader-styles.js.map +1 -1
  41. package/dist/components/organisms/file-uploader/file-uploader-types.d.ts +1 -2
  42. package/dist/components/organisms/file-uploader/file-uploader-types.d.ts.map +1 -1
  43. package/dist/components/organisms/file-uploader/file-uploader-types.js +0 -1
  44. package/dist/components/organisms/file-uploader/file-uploader-types.js.map +1 -1
  45. package/dist/components/organisms/file-uploader/file-uploader.d.ts +2 -1
  46. package/dist/components/organisms/file-uploader/file-uploader.d.ts.map +1 -1
  47. package/dist/components/organisms/file-uploader/file-uploader.js +9 -6
  48. package/dist/components/organisms/file-uploader/file-uploader.js.map +1 -1
  49. package/dist/components/organisms/file-uploader/index.d.ts +1 -0
  50. package/dist/components/organisms/file-uploader/index.d.ts.map +1 -1
  51. package/dist/components/organisms/file-uploader/index.js +1 -0
  52. package/dist/components/organisms/file-uploader/index.js.map +1 -1
  53. package/dist/components/organisms/filter-modal/use-filter-modal.js +1 -1
  54. package/dist/components/organisms/filter-modal/use-filter-modal.js.map +1 -1
  55. package/dist/components/organisms/image-uploader/components/image-preview.d.ts +12 -0
  56. package/dist/components/organisms/image-uploader/components/image-preview.d.ts.map +1 -0
  57. package/dist/components/organisms/image-uploader/components/image-preview.js +10 -0
  58. package/dist/components/organisms/image-uploader/components/image-preview.js.map +1 -0
  59. package/dist/components/organisms/image-uploader/components/index.d.ts +3 -0
  60. package/dist/components/organisms/image-uploader/components/index.d.ts.map +1 -0
  61. package/dist/components/organisms/image-uploader/components/index.js +19 -0
  62. package/dist/components/organisms/image-uploader/components/index.js.map +1 -0
  63. package/dist/components/organisms/image-uploader/components/loading-area.d.ts +8 -0
  64. package/dist/components/organisms/image-uploader/components/loading-area.d.ts.map +1 -0
  65. package/dist/components/organisms/image-uploader/components/loading-area.js +11 -0
  66. package/dist/components/organisms/image-uploader/components/loading-area.js.map +1 -0
  67. package/dist/components/organisms/image-uploader/image-uploader-styles.d.ts +8 -0
  68. package/dist/components/organisms/image-uploader/image-uploader-styles.d.ts.map +1 -0
  69. package/dist/components/organisms/image-uploader/image-uploader-styles.js +27 -0
  70. package/dist/components/organisms/image-uploader/image-uploader-styles.js.map +1 -0
  71. package/dist/components/organisms/image-uploader/image-uploader-types.d.ts +10 -0
  72. package/dist/components/organisms/image-uploader/image-uploader-types.d.ts.map +1 -0
  73. package/dist/components/organisms/image-uploader/image-uploader-types.js +15 -0
  74. package/dist/components/organisms/image-uploader/image-uploader-types.js.map +1 -0
  75. package/dist/components/organisms/image-uploader/image-uploader.d.ts +26 -0
  76. package/dist/components/organisms/image-uploader/image-uploader.d.ts.map +1 -0
  77. package/dist/components/organisms/image-uploader/image-uploader.js +25 -0
  78. package/dist/components/organisms/image-uploader/image-uploader.js.map +1 -0
  79. package/dist/components/organisms/image-uploader/index.d.ts +3 -0
  80. package/dist/components/organisms/image-uploader/index.d.ts.map +1 -0
  81. package/dist/components/organisms/image-uploader/index.js +19 -0
  82. package/dist/components/organisms/image-uploader/index.js.map +1 -0
  83. package/dist/index.d.ts +3 -3
  84. package/dist/index.d.ts.map +1 -1
  85. package/dist/index.js +5 -1
  86. package/dist/index.js.map +1 -1
  87. package/dist/index.mjs +5273 -5026
  88. package/dist/styles/colors.d.ts +1 -0
  89. package/dist/styles/colors.d.ts.map +1 -1
  90. package/dist/styles/colors.js +1 -0
  91. package/dist/styles/colors.js.map +1 -1
  92. package/dist/{components/organisms/file-uploader/use-file-uploader.d.ts → utils/use-file-drop-zone.d.ts} +3 -3
  93. package/dist/utils/use-file-drop-zone.d.ts.map +1 -0
  94. package/dist/{components/organisms/file-uploader/use-file-uploader.js → utils/use-file-drop-zone.js} +3 -3
  95. package/dist/utils/use-file-drop-zone.js.map +1 -0
  96. package/package.json +5 -10
  97. package/dist/components/organisms/file-uploader/use-file-uploader.d.ts.map +0 -1
  98. package/dist/components/organisms/file-uploader/use-file-uploader.js.map +0 -1
@@ -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"}
@@ -33,6 +33,7 @@ export * from './molecules/phone-field';
33
33
  export * from './molecules/form/form-password-field';
34
34
  export * from './molecules/form/form-phone-field';
35
35
  export * from './molecules/form/form-file-uploader';
36
+ export * from './molecules/form/form-image-uploader';
36
37
  export * from './molecules/callout';
37
38
  export * from './molecules/empty-state';
38
39
  export * from './molecules/table';
@@ -45,4 +46,5 @@ export * from './organisms/filter-modal';
45
46
  export * from './organisms/dropdown-button';
46
47
  export * from './organisms/document-field';
47
48
  export * from './organisms/file-uploader';
49
+ export * from './organisms/image-uploader';
48
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,qCAAqC,CAAC;AACpD,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"}
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"}
@@ -49,6 +49,7 @@ __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
51
  __exportStar(require("./molecules/form/form-file-uploader"), exports);
52
+ __exportStar(require("./molecules/form/form-image-uploader"), exports);
52
53
  __exportStar(require("./molecules/callout"), exports);
53
54
  __exportStar(require("./molecules/empty-state"), exports);
54
55
  __exportStar(require("./molecules/table"), exports);
@@ -61,4 +62,5 @@ __exportStar(require("./organisms/filter-modal"), exports);
61
62
  __exportStar(require("./organisms/dropdown-button"), exports);
62
63
  __exportStar(require("./organisms/document-field"), exports);
63
64
  __exportStar(require("./organisms/file-uploader"), exports);
65
+ __exportStar(require("./organisms/image-uploader"), exports);
64
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,sEAAoD;AACpD,sDAAoC;AACpC,0DAAwC;AACxC,oDAAkC;AAClC,wDAAsC;AACtC,yDAAuC;AACvC,uDAAqC;AACrC,6DAA2C;AAG3C,uDAAqC;AACrC,2DAAyC;AACzC,8DAA4C;AAC5C,6DAA2C;AAC3C,4DAA0C"}
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"}
@@ -1,6 +1,6 @@
1
1
  import { FileUploaderProps } from '../../../../components';
2
2
  import { FormControlProps } from '../../../../containers';
3
- export type FormFileUploaderProps = FormControlProps & Omit<FileUploaderProps, 'id' | 'describedBy' | 'isDisabled'> & {
3
+ export type FormFileUploaderProps = FormControlProps & Omit<FileUploaderProps, 'id' | 'describedBy' | 'isDisabled' | 'isError'> & {
4
4
  formControlClassName?: string;
5
5
  };
6
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;
@@ -1 +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"}
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,GAAG,SAAS,CAAC,GAAG;IACzE,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,2CAkDvB"}
@@ -19,6 +19,6 @@ function FormFileUploader({ label, helperText, errorText, optionalLabel, hideReq
19
19
  void formProps.setFieldTouched(formName, true, true);
20
20
  }
21
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 })) }));
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, isError: isErrorVisible, state: state, onSelectFile: handleSelectFile, onDelete: handleDelete })) }));
23
23
  }
24
24
  //# sourceMappingURL=form-file-uploader.js.map
@@ -1 +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"}
1
+ {"version":3,"file":"form-file-uploader.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-file-uploader/form-file-uploader.tsx"],"names":[],"mappings":";;AAQA,4CAqEC;;AA7ED,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,OAAO,EAAE,cAAc,EACvB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EAAE,YAAY,GACtB,CACH,GACW,CACf,CAAC;AACJ,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { ImageUploaderProps } from '../../../../components';
2
+ import { FormControlProps } from '../../../../containers';
3
+ export type FormImageUploaderProps = FormControlProps & Omit<ImageUploaderProps, 'id' | 'describedBy' | 'isDisabled' | 'isError'> & {
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,GAAG,SAAS,CAAC,GAAG;IAC1E,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,2CAkDxB"}
@@ -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, isError: isErrorVisible, state: 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,8CAqEC;;AA7ED,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,OAAO,EAAE,cAAc,EACvB,KAAK,EAAE,KAAK,EACZ,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"}
@@ -8,7 +8,8 @@ type DropAreaProps = {
8
8
  dragAndDropText?: string;
9
9
  linkTextDesktop?: string;
10
10
  linkTextMobile?: string;
11
- uploadDocumentText?: string;
11
+ uploadTextDesktop?: string;
12
+ uploadTextMobile?: string;
12
13
  dropActiveText?: string;
13
14
  className?: string;
14
15
  id?: string;
@@ -19,6 +20,6 @@ type DropAreaProps = {
19
20
  onDragLeave: (event: DragEvent<HTMLDivElement>) => void;
20
21
  onDrop: (event: DragEvent<HTMLDivElement>) => void;
21
22
  };
22
- export declare function DropArea({ isError, isDragging, isDisabled, accept, inputRef, dragAndDropText, linkTextDesktop, linkTextMobile, uploadDocumentText, dropActiveText, className, id, describedBy, onOpenPicker, onInputChange, onDragOver, onDragLeave, onDrop, }: DropAreaProps): import("react/jsx-runtime").JSX.Element;
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;
23
24
  export {};
24
25
  //# sourceMappingURL=drop-area.d.ts.map
@@ -1 +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,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,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,kBAAkB,EAClB,cAAc,EACd,SAAS,EACT,EAAE,EACF,WAAW,EACX,YAAY,EACZ,aAAa,EACb,UAAU,EACV,WAAW,EACX,MAAM,GACP,EAAE,aAAa,2CA+Ff"}
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;AAMtE,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,2CA8Ff"}
@@ -5,7 +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 file_uploader_styles_1 = require("../file-uploader-styles");
8
- function DropArea({ isError, isDragging, isDisabled, accept, inputRef, dragAndDropText, linkTextDesktop, linkTextMobile, uploadDocumentText, dropActiveText, className, id, describedBy, onOpenPicker, onInputChange, onDragOver, onDragLeave, onDrop, }) {
8
+ const file_input_1 = require("./file-input");
9
+ function DropArea({ isError, isDragging, isDisabled, accept, inputRef, dragAndDropText, linkTextDesktop, linkTextMobile, uploadTextDesktop, uploadTextMobile, dropActiveText, className, id, describedBy, onOpenPicker, onInputChange, onDragOver, onDragLeave, onDrop, }) {
9
10
  const tone = isDragging ? 'dragging' : isError ? 'error' : 'default';
10
11
  const iconColor = isError ? components_1.IconColor.RED_01 : components_1.IconColor.BLUE_01;
11
12
  function handleAreaClick() {
@@ -19,6 +20,6 @@ function DropArea({ isError, isDragging, isDisabled, accept, inputRef, dragAndDr
19
20
  onOpenPicker();
20
21
  }
21
22
  }
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 }), ' ', uploadDocumentText] }), (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 }), ' ', uploadDocumentText] })] }))] }));
23
+ 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)(file_input_1.FileInput, { inputRef: inputRef, id: id, accept: accept, isDisabled: isDisabled, isError: isError, 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
  }
24
25
  //# sourceMappingURL=drop-area.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"drop-area.js","sourceRoot":"","sources":["../../../../../src/components/organisms/file-uploader/components/drop-area.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"drop-area.js","sourceRoot":"","sources":["../../../../../src/components/organisms/file-uploader/components/drop-area.tsx"],"names":[],"mappings":";;AA4BA,4BAkHC;;AA7ID,uDAAmH;AACnH,qEAA4D;AAC5D,kEAAyD;AACzD,6CAAyC;AAwBzC,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,uBAAC,sBAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,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,13 @@
1
+ import { ChangeEvent, RefObject } from 'react';
2
+ type FileInputProps = {
3
+ inputRef: RefObject<HTMLInputElement>;
4
+ accept?: string;
5
+ isDisabled?: boolean;
6
+ isError?: boolean;
7
+ id?: string;
8
+ describedBy?: string;
9
+ onChange: (event: ChangeEvent<HTMLInputElement>) => void;
10
+ };
11
+ export declare function FileInput({ inputRef, accept, isDisabled, isError, id, describedBy, onChange, }: FileInputProps): import("react/jsx-runtime").JSX.Element;
12
+ export {};
13
+ //# sourceMappingURL=file-input.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"file-input.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/file-uploader/components/file-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/C,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC1D,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,MAAM,EACN,UAAU,EACV,OAAO,EACP,EAAE,EACF,WAAW,EACX,QAAQ,GACT,EAAE,cAAc,2CAchB"}
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.FileInput = FileInput;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ function FileInput({ inputRef, accept, isDisabled, isError, id, describedBy, onChange, }) {
6
+ return ((0, jsx_runtime_1.jsx)("input", { ref: inputRef, id: id, type: "file", accept: accept, hidden: true, disabled: isDisabled, "aria-invalid": isError || undefined, "aria-describedby": describedBy, onChange: onChange }));
7
+ }
8
+ //# sourceMappingURL=file-input.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"file-input.js","sourceRoot":"","sources":["../../../../../src/components/organisms/file-uploader/components/file-input.tsx"],"names":[],"mappings":";;AAYA,8BAsBC;;AAtBD,SAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,MAAM,EACN,UAAU,EACV,OAAO,EACP,EAAE,EACF,WAAW,EACX,QAAQ,GACO;IACf,OAAO,CACL,kCACE,GAAG,EAAE,QAAQ,EACb,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,MAAM,EACd,MAAM,QACN,QAAQ,EAAE,UAAU,kBACN,OAAO,IAAI,SAAS,sBAChB,WAAW,EAC7B,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC"}
@@ -1,4 +1,5 @@
1
1
  export * from './drop-area';
2
+ export * from './file-input';
2
3
  export * from './uploading-file';
3
4
  export * from './uploaded-file';
4
5
  export * from './file-actions';
@@ -1 +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"}
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,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC"}
@@ -15,6 +15,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
15
15
  };
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
17
  __exportStar(require("./drop-area"), exports);
18
+ __exportStar(require("./file-input"), exports);
18
19
  __exportStar(require("./uploading-file"), exports);
19
20
  __exportStar(require("./uploaded-file"), exports);
20
21
  __exportStar(require("./file-actions"), exports);
@@ -1 +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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/organisms/file-uploader/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,+CAA6B;AAC7B,mDAAiC;AACjC,kDAAgC;AAChC,iDAA+B"}
@@ -1,9 +1,10 @@
1
1
  type UploadedFileProps = {
2
2
  fileName?: string;
3
3
  fileSize?: string;
4
+ isError?: boolean;
4
5
  className?: string;
5
6
  id?: string;
6
7
  };
7
- export declare function UploadedFile({ fileName, fileSize, className, id }: UploadedFileProps): import("react/jsx-runtime").JSX.Element;
8
+ export declare function UploadedFile({ fileName, fileSize, isError, className, id }: UploadedFileProps): import("react/jsx-runtime").JSX.Element;
8
9
  export {};
9
10
  //# sourceMappingURL=uploaded-file.d.ts.map
@@ -1 +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"}
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,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,iBAAiB,2CAmC7F"}
@@ -5,7 +5,7 @@ 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 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 }))] }));
8
+ function UploadedFile({ fileName, fileSize, isError, 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: isError ? 'error' : '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
10
  }
11
11
  //# sourceMappingURL=uploaded-file.js.map
@@ -1 +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"}
1
+ {"version":3,"file":"uploaded-file.js","sourceRoot":"","sources":["../../../../../src/components/organisms/file-uploader/components/uploaded-file.tsx"],"names":[],"mappings":";;AAoBA,oCAmCC;;AAvDD,uDAQgC;AAChC,qEAA4D;AAC5D,kEAA8D;AAU9D,SAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAqB;IAC5F,OAAO,CACL,iCACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,IAAA,yBAAQ,EACjB,IAAA,0CAAmB,EAAC,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,EAC9D,gBAAgB,EAChB,SAAS,CACV,aAED,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"}
@@ -3,6 +3,6 @@ export declare const dropAreaStyles: (props?: ({
3
3
  isInteractive?: boolean | null | undefined;
4
4
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
5
5
  export declare const fileContainerStyles: (props?: ({
6
- tone?: "loading" | "completed" | null | undefined;
6
+ tone?: "loading" | "error" | "completed" | null | undefined;
7
7
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
8
8
  //# sourceMappingURL=file-uploader-styles.d.ts.map
@@ -1 +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"}
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;;mFAiB/B,CAAC"}
@@ -33,6 +33,7 @@ exports.fileContainerStyles = (0, class_variance_authority_1.cva)([
33
33
  tone: {
34
34
  loading: '',
35
35
  completed: 'border-l-4 border-l-blue-01',
36
+ error: 'border-l-4 border-red-01 border-l-red-01',
36
37
  },
37
38
  },
38
39
  defaultVariants: { tone: 'loading' },
@@ -1 +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"}
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;YACxC,KAAK,EAAE,0CAA0C;SAClD;KACF;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;CACrC,CACF,CAAC"}
@@ -1,7 +1,6 @@
1
1
  export declare enum FileUploaderState {
2
2
  DEFAULT = "DEFAULT",
3
3
  LOADING = "LOADING",
4
- COMPLETED = "COMPLETED",
5
- ERROR = "ERROR"
4
+ COMPLETED = "COMPLETED"
6
5
  }
7
6
  //# sourceMappingURL=file-uploader-types.d.ts.map
@@ -1 +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"}
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;CACxB"}
@@ -6,6 +6,5 @@ var FileUploaderState;
6
6
  FileUploaderState["DEFAULT"] = "DEFAULT";
7
7
  FileUploaderState["LOADING"] = "LOADING";
8
8
  FileUploaderState["COMPLETED"] = "COMPLETED";
9
- FileUploaderState["ERROR"] = "ERROR";
10
9
  })(FileUploaderState || (exports.FileUploaderState = FileUploaderState = {}));
11
10
  //# sourceMappingURL=file-uploader-types.js.map
@@ -1 +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"}
1
+ {"version":3,"file":"file-uploader-types.js","sourceRoot":"","sources":["../../../../src/components/organisms/file-uploader/file-uploader-types.ts"],"names":[],"mappings":";;;AAAA,IAAY,iBAIX;AAJD,WAAY,iBAAiB;IAC3B,wCAAmB,CAAA;IACnB,wCAAmB,CAAA;IACnB,4CAAuB,CAAA;AACzB,CAAC,EAJW,iBAAiB,iCAAjB,iBAAiB,QAI5B"}
@@ -1,6 +1,7 @@
1
1
  import { FileUploaderState } from './file-uploader-types';
2
2
  export type FileUploaderProps = {
3
3
  state?: FileUploaderState;
4
+ isError?: boolean;
4
5
  fileName?: string;
5
6
  fileSize?: string;
6
7
  progress?: number;
@@ -20,5 +21,5 @@ export type FileUploaderProps = {
20
21
  onReplace?: () => void;
21
22
  onDelete?: () => void;
22
23
  };
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
+ export declare function FileUploader({ state, isError, fileName, fileSize, progress, accept, isDisabled, dragAndDropText, linkTextDesktop, linkTextMobile, uploadDocumentText, dropActiveText, replaceLabel, deleteLabel, className, id, describedBy, onSelectFile, onReplace, onDelete, }: FileUploaderProps): JSX.Element;
24
25
  //# sourceMappingURL=file-uploader.d.ts.map
@@ -1 +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"}
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,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,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,OAAe,EACf,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,CAoEjC"}
@@ -5,16 +5,19 @@ const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const tailwind_utils_1 = require("../../../utils/tailwind-utils");
6
6
  const components_1 = require("./components");
7
7
  const file_uploader_types_1 = require("./file-uploader-types");
8
- const use_file_uploader_1 = require("./use-file-uploader");
9
- function FileUploader({ state = file_uploader_types_1.FileUploaderState.DEFAULT, fileName, fileSize, progress, accept, isDisabled = false, dragAndDropText, linkTextDesktop, linkTextMobile, uploadDocumentText, dropActiveText, replaceLabel, deleteLabel, className, id, describedBy, onSelectFile, onReplace, onDelete, }) {
10
- const isEmptyState = state === file_uploader_types_1.FileUploaderState.DEFAULT || state === file_uploader_types_1.FileUploaderState.ERROR;
11
- const { inputRef, isDragging, openPicker, handleInputChange, handleDragOver, handleDragLeave, handleDrop, } = (0, use_file_uploader_1.useFileUploader)({ isInteractive: isEmptyState && !isDisabled, onSelectFile });
8
+ const use_file_drop_zone_1 = require("../../../utils/use-file-drop-zone");
9
+ function FileUploader({ state = file_uploader_types_1.FileUploaderState.DEFAULT, isError = false, fileName, fileSize, progress, accept, isDisabled = false, dragAndDropText, linkTextDesktop, linkTextMobile, uploadDocumentText, dropActiveText, replaceLabel, deleteLabel, className, id, describedBy, onSelectFile, onReplace, onDelete, }) {
10
+ const { inputRef, isDragging, openPicker, handleInputChange, handleDragOver, handleDragLeave, handleDrop, } = (0, use_file_drop_zone_1.useFileDropZone)({ isInteractive: !isDisabled, onSelectFile });
11
+ function handleReplace() {
12
+ onReplace?.();
13
+ openPicker();
14
+ }
12
15
  if (state === file_uploader_types_1.FileUploaderState.LOADING) {
13
16
  return (0, jsx_runtime_1.jsx)(components_1.UploadingFile, { id: id, fileName: fileName, progress: progress, className: className });
14
17
  }
15
18
  if (state === file_uploader_types_1.FileUploaderState.COMPLETED) {
16
- return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex items-start gap-3', className), children: [(0, jsx_runtime_1.jsx)(components_1.UploadedFile, { id: id, fileName: fileName, fileSize: fileSize }), (0, jsx_runtime_1.jsx)(components_1.FileActions, { replaceLabel: replaceLabel, deleteLabel: deleteLabel, isDisabled: isDisabled, onReplace: onReplace, onDelete: onDelete })] }));
19
+ return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex items-start gap-3', className), children: [(0, jsx_runtime_1.jsx)(components_1.FileInput, { inputRef: inputRef, id: id, accept: accept, isDisabled: isDisabled, isError: isError, describedBy: describedBy, onChange: handleInputChange }), (0, jsx_runtime_1.jsx)(components_1.UploadedFile, { fileName: fileName, fileSize: fileSize, isError: isError }), (0, jsx_runtime_1.jsx)(components_1.FileActions, { replaceLabel: replaceLabel, deleteLabel: deleteLabel, isDisabled: isDisabled, onReplace: handleReplace, onDelete: onDelete })] }));
17
20
  }
18
- return ((0, jsx_runtime_1.jsx)(components_1.DropArea, { id: id, describedBy: describedBy, isError: state === file_uploader_types_1.FileUploaderState.ERROR, isDragging: isDragging, isDisabled: isDisabled, accept: accept, inputRef: inputRef, className: className, dragAndDropText: dragAndDropText, linkTextDesktop: linkTextDesktop, linkTextMobile: linkTextMobile, uploadDocumentText: uploadDocumentText, dropActiveText: dropActiveText, onOpenPicker: openPicker, onInputChange: handleInputChange, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop }));
21
+ return ((0, jsx_runtime_1.jsx)(components_1.DropArea, { id: id, describedBy: describedBy, isError: isError, isDragging: isDragging, isDisabled: isDisabled, accept: accept, inputRef: inputRef, className: className, dragAndDropText: dragAndDropText, linkTextDesktop: linkTextDesktop, linkTextMobile: linkTextMobile, uploadTextDesktop: uploadDocumentText, dropActiveText: dropActiveText, onOpenPicker: openPicker, onInputChange: handleInputChange, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop }));
19
22
  }
20
23
  //# sourceMappingURL=file-uploader.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"file-uploader.js","sourceRoot":"","sources":["../../../../src/components/organisms/file-uploader/file-uploader.tsx"],"names":[],"mappings":";;AA2BA,oCA2EC;;AAtGD,kEAAyD;AACzD,6CAAkF;AAClF,+DAA0D;AAC1D,2DAAsD;AAwBtD,SAAgB,YAAY,CAAC,EAC3B,KAAK,GAAG,uCAAiB,CAAC,OAAO,EACjC,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,UAAU,GAAG,KAAK,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,GACU;IAClB,MAAM,YAAY,GAAG,KAAK,KAAK,uCAAiB,CAAC,OAAO,IAAI,KAAK,KAAK,uCAAiB,CAAC,KAAK,CAAC;IAE9F,MAAM,EACJ,QAAQ,EACR,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,UAAU,GACX,GAAG,IAAA,mCAAe,EAAC,EAAE,aAAa,EAAE,YAAY,IAAI,CAAC,UAAU,EAAE,YAAY,EAAE,CAAC,CAAC;IAElF,IAAI,KAAK,KAAK,uCAAiB,CAAC,OAAO,EAAE,CAAC;QACxC,OAAO,uBAAC,0BAAa,IAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;IACjG,CAAC;IAED,IAAI,KAAK,KAAK,uCAAiB,CAAC,SAAS,EAAE,CAAC;QAC1C,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,wBAAwB,EAAE,SAAS,CAAC,aAC3D,uBAAC,yBAAY,IAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,EAEhE,uBAAC,wBAAW,IACV,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,GAClB,IACE,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,uBAAC,qBAAQ,IACP,EAAE,EAAE,EAAE,EACN,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,KAAK,KAAK,uCAAiB,CAAC,KAAK,EAC1C,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,UAAU,EACxB,aAAa,EAAE,iBAAiB,EAChC,UAAU,EAAE,cAAc,EAC1B,WAAW,EAAE,eAAe,EAC5B,MAAM,EAAE,UAAU,GAClB,CACH,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"file-uploader.js","sourceRoot":"","sources":["../../../../src/components/organisms/file-uploader/file-uploader.tsx"],"names":[],"mappings":";;AA4BA,oCAyFC;;AArHD,kEAAyD;AACzD,6CAA6F;AAC7F,+DAA0D;AAC1D,0EAAoE;AAyBpE,SAAgB,YAAY,CAAC,EAC3B,KAAK,GAAG,uCAAiB,CAAC,OAAO,EACjC,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,UAAU,GAAG,KAAK,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,GACU;IAClB,MAAM,EACJ,QAAQ,EACR,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,UAAU,GACX,GAAG,IAAA,oCAAe,EAAC,EAAE,aAAa,EAAE,CAAC,UAAU,EAAE,YAAY,EAAE,CAAC,CAAC;IAElE,SAAS,aAAa;QACpB,SAAS,EAAE,EAAE,CAAC;QACd,UAAU,EAAE,CAAC;IACf,CAAC;IAED,IAAI,KAAK,KAAK,uCAAiB,CAAC,OAAO,EAAE,CAAC;QACxC,OAAO,uBAAC,0BAAa,IAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;IACjG,CAAC;IAED,IAAI,KAAK,KAAK,uCAAiB,CAAC,SAAS,EAAE,CAAC;QAC1C,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,wBAAwB,EAAE,SAAS,CAAC,aAC3D,uBAAC,sBAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,iBAAiB,GAC3B,EAEF,uBAAC,yBAAY,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAI,EAE1E,uBAAC,wBAAW,IACV,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,QAAQ,GAClB,IACE,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,uBAAC,qBAAQ,IACP,EAAE,EAAE,EAAE,EACN,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,kBAAkB,EACrC,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,UAAU,EACxB,aAAa,EAAE,iBAAiB,EAChC,UAAU,EAAE,cAAc,EAC1B,WAAW,EAAE,eAAe,EAC5B,MAAM,EAAE,UAAU,GAClB,CACH,CAAC;AACJ,CAAC"}
@@ -1,3 +1,4 @@
1
+ export * from './components';
1
2
  export * from './file-uploader';
2
3
  export * from './file-uploader-types';
3
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/file-uploader/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/file-uploader/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC"}
@@ -14,6 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
14
  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
15
  };
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./components"), exports);
17
18
  __exportStar(require("./file-uploader"), exports);
18
19
  __exportStar(require("./file-uploader-types"), exports);
19
20
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/organisms/file-uploader/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC;AAChC,wDAAsC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/organisms/file-uploader/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,kDAAgC;AAChC,wDAAsC"}
@@ -202,7 +202,7 @@ function useFilterModal({ isOpen, filtersOptions, onClose, onFilter, onClearFilt
202
202
  filtersOptions.forEach((filterOptions, key) => {
203
203
  const { checkBoxProps, radioButtonProps, datePickerProps, selectProps, topChipPosition } = filterOptions;
204
204
  const dataKey = getFilterDataKey(filterOptions, key);
205
- let chipsToAdd = [];
205
+ const chipsToAdd = [];
206
206
  if (Array.isArray(checkBoxProps?.checkedData) && checkBoxProps.checkedData.length > 0) {
207
207
  checkBoxProps.checkedData.forEach((checkedValue) => {
208
208
  const option = checkBoxProps.data.find((data) => data.value === checkedValue);