period-ui 0.5.0 → 0.6.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 (62) hide show
  1. package/dist/components/atoms/radio-button/radio-button-group/radio-button-group-types.d.ts +1 -1
  2. package/dist/components/atoms/radio-button/radio-button-group/radio-button-group-types.d.ts.map +1 -1
  3. package/dist/components/atoms/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
  4. package/dist/components/atoms/radio-button/radio-button-group/radio-button-group.js +40 -14
  5. package/dist/components/atoms/radio-button/radio-button-group/radio-button-group.js.map +1 -1
  6. package/dist/components/atoms/radio-button/radio-button.d.ts +6 -3
  7. package/dist/components/atoms/radio-button/radio-button.d.ts.map +1 -1
  8. package/dist/components/atoms/radio-button/radio-button.js +10 -8
  9. package/dist/components/atoms/radio-button/radio-button.js.map +1 -1
  10. package/dist/components/molecules/form/form-file-uploader/form-file-uploader.d.ts +1 -1
  11. package/dist/components/molecules/form/form-file-uploader/form-file-uploader.d.ts.map +1 -1
  12. package/dist/components/molecules/form/form-file-uploader/form-file-uploader.js +1 -1
  13. package/dist/components/molecules/form/form-file-uploader/form-file-uploader.js.map +1 -1
  14. package/dist/components/molecules/form/form-image-uploader/form-image-uploader.d.ts +1 -1
  15. package/dist/components/molecules/form/form-image-uploader/form-image-uploader.d.ts.map +1 -1
  16. package/dist/components/molecules/form/form-image-uploader/form-image-uploader.js +1 -1
  17. package/dist/components/molecules/form/form-image-uploader/form-image-uploader.js.map +1 -1
  18. package/dist/components/organisms/file-uploader/components/drop-area.d.ts.map +1 -1
  19. package/dist/components/organisms/file-uploader/components/drop-area.js +2 -1
  20. package/dist/components/organisms/file-uploader/components/drop-area.js.map +1 -1
  21. package/dist/components/organisms/file-uploader/components/file-input.d.ts +13 -0
  22. package/dist/components/organisms/file-uploader/components/file-input.d.ts.map +1 -0
  23. package/dist/components/organisms/file-uploader/components/file-input.js +8 -0
  24. package/dist/components/organisms/file-uploader/components/file-input.js.map +1 -0
  25. package/dist/components/organisms/file-uploader/components/index.d.ts +1 -0
  26. package/dist/components/organisms/file-uploader/components/index.d.ts.map +1 -1
  27. package/dist/components/organisms/file-uploader/components/index.js +1 -0
  28. package/dist/components/organisms/file-uploader/components/index.js.map +1 -1
  29. package/dist/components/organisms/file-uploader/components/uploaded-file.d.ts +2 -1
  30. package/dist/components/organisms/file-uploader/components/uploaded-file.d.ts.map +1 -1
  31. package/dist/components/organisms/file-uploader/components/uploaded-file.js +2 -2
  32. package/dist/components/organisms/file-uploader/components/uploaded-file.js.map +1 -1
  33. package/dist/components/organisms/file-uploader/file-uploader-styles.d.ts +1 -1
  34. package/dist/components/organisms/file-uploader/file-uploader-styles.d.ts.map +1 -1
  35. package/dist/components/organisms/file-uploader/file-uploader-styles.js +1 -0
  36. package/dist/components/organisms/file-uploader/file-uploader-styles.js.map +1 -1
  37. package/dist/components/organisms/file-uploader/file-uploader-types.d.ts +1 -2
  38. package/dist/components/organisms/file-uploader/file-uploader-types.d.ts.map +1 -1
  39. package/dist/components/organisms/file-uploader/file-uploader-types.js +0 -1
  40. package/dist/components/organisms/file-uploader/file-uploader-types.js.map +1 -1
  41. package/dist/components/organisms/file-uploader/file-uploader.d.ts +2 -1
  42. package/dist/components/organisms/file-uploader/file-uploader.d.ts.map +1 -1
  43. package/dist/components/organisms/file-uploader/file-uploader.js +8 -5
  44. package/dist/components/organisms/file-uploader/file-uploader.js.map +1 -1
  45. package/dist/components/organisms/image-uploader/components/image-preview.d.ts +2 -1
  46. package/dist/components/organisms/image-uploader/components/image-preview.d.ts.map +1 -1
  47. package/dist/components/organisms/image-uploader/components/image-preview.js +2 -2
  48. package/dist/components/organisms/image-uploader/components/image-preview.js.map +1 -1
  49. package/dist/components/organisms/image-uploader/image-uploader-styles.d.ts +1 -0
  50. package/dist/components/organisms/image-uploader/image-uploader-styles.d.ts.map +1 -1
  51. package/dist/components/organisms/image-uploader/image-uploader-styles.js +5 -1
  52. package/dist/components/organisms/image-uploader/image-uploader-styles.js.map +1 -1
  53. package/dist/components/organisms/image-uploader/image-uploader-types.d.ts +1 -2
  54. package/dist/components/organisms/image-uploader/image-uploader-types.d.ts.map +1 -1
  55. package/dist/components/organisms/image-uploader/image-uploader-types.js +0 -1
  56. package/dist/components/organisms/image-uploader/image-uploader-types.js.map +1 -1
  57. package/dist/components/organisms/image-uploader/image-uploader.d.ts +2 -1
  58. package/dist/components/organisms/image-uploader/image-uploader.d.ts.map +1 -1
  59. package/dist/components/organisms/image-uploader/image-uploader.js +8 -5
  60. package/dist/components/organisms/image-uploader/image-uploader.js.map +1 -1
  61. package/dist/index.mjs +5642 -5543
  62. package/package.json +1 -1
@@ -4,7 +4,7 @@ exports.ImagePreview = ImagePreview;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
6
6
  const image_uploader_styles_1 = require("../image-uploader-styles");
7
- function ImagePreview({ imageUrl, imageAlt, imageFit, className, id }) {
8
- return ((0, jsx_runtime_1.jsx)("img", { id: id, src: imageUrl, alt: imageAlt, className: (0, tailwind_utils_1.tailwind)((0, image_uploader_styles_1.imagePreviewStyles)({ fit: imageFit }), className) }));
7
+ function ImagePreview({ imageUrl, imageAlt, imageFit, isError, className, id, }) {
8
+ return ((0, jsx_runtime_1.jsx)("img", { id: id, src: imageUrl, alt: imageAlt, className: (0, tailwind_utils_1.tailwind)((0, image_uploader_styles_1.imagePreviewStyles)({ fit: imageFit, isError }), className) }));
9
9
  }
10
10
  //# sourceMappingURL=image-preview.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"image-preview.js","sourceRoot":"","sources":["../../../../../src/components/organisms/image-uploader/components/image-preview.tsx"],"names":[],"mappings":";;AAYA,oCASC;;AArBD,qEAA4D;AAC5D,oEAA8D;AAW9D,SAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAqB;IAC7F,OAAO,CACL,gCACE,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,IAAA,yBAAQ,EAAC,IAAA,0CAAkB,EAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,CAAC,GACrE,CACH,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"image-preview.js","sourceRoot":"","sources":["../../../../../src/components/organisms/image-uploader/components/image-preview.tsx"],"names":[],"mappings":";;AAaA,oCAgBC;;AA7BD,qEAA4D;AAC5D,oEAA8D;AAY9D,SAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAS,EACT,EAAE,GACgB;IAClB,OAAO,CACL,gCACE,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,IAAA,yBAAQ,EAAC,IAAA,0CAAkB,EAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,GAC9E,CACH,CAAC;AACJ,CAAC"}
@@ -2,6 +2,7 @@ export declare const imageUploaderSize = "h-36 w-36 md:h-[204px] md:w-[204px]";
2
2
  export declare const imageDropAreaStyles: string[];
3
3
  export declare const imagePreviewStyles: (props?: ({
4
4
  fit?: "contain" | "cover" | null | undefined;
5
+ isError?: boolean | null | undefined;
5
6
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
6
7
  export declare const loadingAreaStyles: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
7
8
  //# sourceMappingURL=image-uploader-styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"image-uploader-styles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/image-uploader/image-uploader-styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,wCAAwC,CAAC;AAEvE,eAAO,MAAM,mBAAmB,UAAsC,CAAC;AAEvE,eAAO,MAAM,kBAAkB;;mFAQ7B,CAAC;AAEH,eAAO,MAAM,iBAAiB,yFAM5B,CAAC"}
1
+ {"version":3,"file":"image-uploader-styles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/image-uploader/image-uploader-styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,wCAAwC,CAAC;AAEvE,eAAO,MAAM,mBAAmB,UAAsC,CAAC;AAEvE,eAAO,MAAM,kBAAkB;;;mFAY7B,CAAC;AAEH,eAAO,MAAM,iBAAiB,yFAM5B,CAAC"}
@@ -10,8 +10,12 @@ exports.imagePreviewStyles = (0, class_variance_authority_1.cva)([exports.imageU
10
10
  cover: 'object-cover',
11
11
  contain: 'bg-gray-06 object-contain',
12
12
  },
13
+ isError: {
14
+ true: 'border-2 border-solid border-red-01',
15
+ false: '',
16
+ },
13
17
  },
14
- defaultVariants: { fit: 'cover' },
18
+ defaultVariants: { fit: 'cover', isError: false },
15
19
  });
16
20
  exports.loadingAreaStyles = (0, class_variance_authority_1.cva)([
17
21
  exports.imageUploaderSize,
@@ -1 +1 @@
1
- {"version":3,"file":"image-uploader-styles.js","sourceRoot":"","sources":["../../../../src/components/organisms/image-uploader/image-uploader-styles.ts"],"names":[],"mappings":";;;AAAA,uEAA+C;AAElC,QAAA,iBAAiB,GAAG,qCAAqC,CAAC;AAE1D,QAAA,mBAAmB,GAAG,CAAC,yBAAiB,EAAE,cAAc,CAAC,CAAC;AAE1D,QAAA,kBAAkB,GAAG,IAAA,8BAAG,EAAC,CAAC,yBAAiB,EAAE,UAAU,EAAE,YAAY,CAAC,EAAE;IACnF,QAAQ,EAAE;QACR,GAAG,EAAE;YACH,KAAK,EAAE,cAAc;YACrB,OAAO,EAAE,2BAA2B;SACrC;KACF;IACD,eAAe,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE;CAClC,CAAC,CAAC;AAEU,QAAA,iBAAiB,GAAG,IAAA,8BAAG,EAAC;IACnC,yBAAiB;IACjB,UAAU;IACV,kCAAkC;IAClC,YAAY;IACZ,6CAA6C;CAC9C,CAAC,CAAC"}
1
+ {"version":3,"file":"image-uploader-styles.js","sourceRoot":"","sources":["../../../../src/components/organisms/image-uploader/image-uploader-styles.ts"],"names":[],"mappings":";;;AAAA,uEAA+C;AAElC,QAAA,iBAAiB,GAAG,qCAAqC,CAAC;AAE1D,QAAA,mBAAmB,GAAG,CAAC,yBAAiB,EAAE,cAAc,CAAC,CAAC;AAE1D,QAAA,kBAAkB,GAAG,IAAA,8BAAG,EAAC,CAAC,yBAAiB,EAAE,UAAU,EAAE,YAAY,CAAC,EAAE;IACnF,QAAQ,EAAE;QACR,GAAG,EAAE;YACH,KAAK,EAAE,cAAc;YACrB,OAAO,EAAE,2BAA2B;SACrC;QACD,OAAO,EAAE;YACP,IAAI,EAAE,qCAAqC;YAC3C,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;CAClD,CAAC,CAAC;AAEU,QAAA,iBAAiB,GAAG,IAAA,8BAAG,EAAC;IACnC,yBAAiB;IACjB,UAAU;IACV,kCAAkC;IAClC,YAAY;IACZ,6CAA6C;CAC9C,CAAC,CAAC"}
@@ -1,8 +1,7 @@
1
1
  export declare enum ImageUploaderState {
2
2
  DEFAULT = "DEFAULT",
3
3
  LOADING = "LOADING",
4
- COMPLETED = "COMPLETED",
5
- ERROR = "ERROR"
4
+ COMPLETED = "COMPLETED"
6
5
  }
7
6
  export declare enum ImageUploaderFit {
8
7
  COVER = "cover",
@@ -1 +1 @@
1
- {"version":3,"file":"image-uploader-types.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/image-uploader/image-uploader-types.ts"],"names":[],"mappings":"AAAA,oBAAY,kBAAkB;IAC5B,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,KAAK,UAAU;CAChB;AAED,oBAAY,gBAAgB;IAC1B,KAAK,UAAU;IACf,OAAO,YAAY;CACpB"}
1
+ {"version":3,"file":"image-uploader-types.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/image-uploader/image-uploader-types.ts"],"names":[],"mappings":"AAAA,oBAAY,kBAAkB;IAC5B,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,SAAS,cAAc;CACxB;AAED,oBAAY,gBAAgB;IAC1B,KAAK,UAAU;IACf,OAAO,YAAY;CACpB"}
@@ -6,7 +6,6 @@ var ImageUploaderState;
6
6
  ImageUploaderState["DEFAULT"] = "DEFAULT";
7
7
  ImageUploaderState["LOADING"] = "LOADING";
8
8
  ImageUploaderState["COMPLETED"] = "COMPLETED";
9
- ImageUploaderState["ERROR"] = "ERROR";
10
9
  })(ImageUploaderState || (exports.ImageUploaderState = ImageUploaderState = {}));
11
10
  var ImageUploaderFit;
12
11
  (function (ImageUploaderFit) {
@@ -1 +1 @@
1
- {"version":3,"file":"image-uploader-types.js","sourceRoot":"","sources":["../../../../src/components/organisms/image-uploader/image-uploader-types.ts"],"names":[],"mappings":";;;AAAA,IAAY,kBAKX;AALD,WAAY,kBAAkB;IAC5B,yCAAmB,CAAA;IACnB,yCAAmB,CAAA;IACnB,6CAAuB,CAAA;IACvB,qCAAe,CAAA;AACjB,CAAC,EALW,kBAAkB,kCAAlB,kBAAkB,QAK7B;AAED,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,mCAAe,CAAA;IACf,uCAAmB,CAAA;AACrB,CAAC,EAHW,gBAAgB,gCAAhB,gBAAgB,QAG3B"}
1
+ {"version":3,"file":"image-uploader-types.js","sourceRoot":"","sources":["../../../../src/components/organisms/image-uploader/image-uploader-types.ts"],"names":[],"mappings":";;;AAAA,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,yCAAmB,CAAA;IACnB,yCAAmB,CAAA;IACnB,6CAAuB,CAAA;AACzB,CAAC,EAJW,kBAAkB,kCAAlB,kBAAkB,QAI7B;AAED,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,mCAAe,CAAA;IACf,uCAAmB,CAAA;AACrB,CAAC,EAHW,gBAAgB,gCAAhB,gBAAgB,QAG3B"}
@@ -1,6 +1,7 @@
1
1
  import { ImageUploaderFit, ImageUploaderState } from './image-uploader-types';
2
2
  export type ImageUploaderProps = {
3
3
  state?: ImageUploaderState;
4
+ isError?: boolean;
4
5
  imageUrl?: string;
5
6
  imageAlt?: string;
6
7
  imageFit?: ImageUploaderFit;
@@ -21,5 +22,5 @@ export type ImageUploaderProps = {
21
22
  onReplace?: () => void;
22
23
  onDelete?: () => void;
23
24
  };
24
- export declare function ImageUploader({ state, imageUrl, imageAlt, imageFit, accept, isDisabled, linkTextDesktop, linkTextMobile, uploadTextDesktop, uploadTextMobile, dropActiveText, loadingLabel, replaceLabel, deleteLabel, className, id, describedBy, onSelectFile, onReplace, onDelete, }: ImageUploaderProps): JSX.Element;
25
+ export declare function ImageUploader({ state, isError, imageUrl, imageAlt, imageFit, accept, isDisabled, linkTextDesktop, linkTextMobile, uploadTextDesktop, uploadTextMobile, dropActiveText, loadingLabel, replaceLabel, deleteLabel, className, id, describedBy, onSelectFile, onReplace, onDelete, }: ImageUploaderProps): JSX.Element;
25
26
  //# sourceMappingURL=image-uploader.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"image-uploader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/image-uploader/image-uploader.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE9E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,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,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,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,aAAa,CAAC,EAC5B,KAAkC,EAClC,QAAQ,EACR,QAAQ,EACR,QAAiC,EACjC,MAAkB,EAClB,UAAkB,EAClB,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,SAAS,EACT,EAAE,EACF,WAAW,EACX,YAAY,EACZ,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAuDlC"}
1
+ {"version":3,"file":"image-uploader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/image-uploader/image-uploader.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE9E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,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,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,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,aAAa,CAAC,EAC5B,KAAkC,EAClC,OAAe,EACf,QAAQ,EACR,QAAQ,EACR,QAAiC,EACjC,MAAkB,EAClB,UAAkB,EAClB,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,SAAS,EACT,EAAE,EACF,WAAW,EACX,YAAY,EACZ,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAoElC"}
@@ -8,15 +8,18 @@ const use_file_drop_zone_1 = require("../../../utils/use-file-drop-zone");
8
8
  const components_2 = require("./components");
9
9
  const image_uploader_styles_1 = require("./image-uploader-styles");
10
10
  const image_uploader_types_1 = require("./image-uploader-types");
11
- function ImageUploader({ state = image_uploader_types_1.ImageUploaderState.DEFAULT, imageUrl, imageAlt, imageFit = image_uploader_types_1.ImageUploaderFit.COVER, accept = 'image/*', isDisabled = false, linkTextDesktop, linkTextMobile, uploadTextDesktop, uploadTextMobile, dropActiveText, loadingLabel, replaceLabel, deleteLabel, className, id, describedBy, onSelectFile, onReplace, onDelete, }) {
12
- const isEmptyState = state === image_uploader_types_1.ImageUploaderState.DEFAULT || state === image_uploader_types_1.ImageUploaderState.ERROR;
13
- const { inputRef, isDragging, openPicker, handleInputChange, handleDragOver, handleDragLeave, handleDrop, } = (0, use_file_drop_zone_1.useFileDropZone)({ isInteractive: isEmptyState && !isDisabled, onSelectFile });
11
+ function ImageUploader({ state = image_uploader_types_1.ImageUploaderState.DEFAULT, isError = false, imageUrl, imageAlt, imageFit = image_uploader_types_1.ImageUploaderFit.COVER, accept = 'image/*', isDisabled = false, linkTextDesktop, linkTextMobile, uploadTextDesktop, uploadTextMobile, dropActiveText, loadingLabel, replaceLabel, deleteLabel, className, id, describedBy, onSelectFile, onReplace, onDelete, }) {
12
+ const { inputRef, isDragging, openPicker, handleInputChange, handleDragOver, handleDragLeave, handleDrop, } = (0, use_file_drop_zone_1.useFileDropZone)({ isInteractive: !isDisabled, onSelectFile });
13
+ function handleReplace() {
14
+ onReplace?.();
15
+ openPicker();
16
+ }
14
17
  if (state === image_uploader_types_1.ImageUploaderState.LOADING) {
15
18
  return (0, jsx_runtime_1.jsx)(components_2.LoadingArea, { id: id, loadingLabel: loadingLabel, className: className });
16
19
  }
17
20
  if (state === image_uploader_types_1.ImageUploaderState.COMPLETED) {
18
- 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_2.ImagePreview, { id: id, imageUrl: imageUrl, imageAlt: imageAlt, imageFit: imageFit }), (0, jsx_runtime_1.jsx)(components_1.FileActions, { replaceLabel: replaceLabel, deleteLabel: deleteLabel, isDisabled: isDisabled, onReplace: onReplace, onDelete: onDelete })] }));
21
+ 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_2.ImagePreview, { imageUrl: imageUrl, imageAlt: imageAlt, imageFit: imageFit, isError: isError }), (0, jsx_runtime_1.jsx)(components_1.FileActions, { replaceLabel: replaceLabel, deleteLabel: deleteLabel, isDisabled: isDisabled, onReplace: handleReplace, onDelete: onDelete })] }));
19
22
  }
20
- return ((0, jsx_runtime_1.jsx)(components_1.DropArea, { id: id, describedBy: describedBy, isError: state === image_uploader_types_1.ImageUploaderState.ERROR, isDragging: isDragging, isDisabled: isDisabled, accept: accept, inputRef: inputRef, className: (0, tailwind_utils_1.tailwind)(image_uploader_styles_1.imageDropAreaStyles, className), linkTextDesktop: linkTextDesktop, linkTextMobile: linkTextMobile, uploadTextDesktop: uploadTextDesktop, uploadTextMobile: uploadTextMobile, dropActiveText: dropActiveText, onOpenPicker: openPicker, onInputChange: handleInputChange, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop }));
23
+ return ((0, jsx_runtime_1.jsx)(components_1.DropArea, { id: id, describedBy: describedBy, isError: isError, isDragging: isDragging, isDisabled: isDisabled, accept: accept, inputRef: inputRef, className: (0, tailwind_utils_1.tailwind)(image_uploader_styles_1.imageDropAreaStyles, className), linkTextDesktop: linkTextDesktop, linkTextMobile: linkTextMobile, uploadTextDesktop: uploadTextDesktop, uploadTextMobile: uploadTextMobile, dropActiveText: dropActiveText, onOpenPicker: openPicker, onInputChange: handleInputChange, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop }));
21
24
  }
22
25
  //# sourceMappingURL=image-uploader.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"image-uploader.js","sourceRoot":"","sources":["../../../../src/components/organisms/image-uploader/image-uploader.tsx"],"names":[],"mappings":";;AA8BA,sCA4EC;;AA1GD,oDAA4D;AAC5D,kEAAyD;AACzD,0EAAoE;AACpE,6CAAyD;AACzD,mEAA8D;AAC9D,iEAA8E;AAyB9E,SAAgB,aAAa,CAAC,EAC5B,KAAK,GAAG,yCAAkB,CAAC,OAAO,EAClC,QAAQ,EACR,QAAQ,EACR,QAAQ,GAAG,uCAAgB,CAAC,KAAK,EACjC,MAAM,GAAG,SAAS,EAClB,UAAU,GAAG,KAAK,EAClB,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,SAAS,EACT,EAAE,EACF,WAAW,EACX,YAAY,EACZ,SAAS,EACT,QAAQ,GACW;IACnB,MAAM,YAAY,GAAG,KAAK,KAAK,yCAAkB,CAAC,OAAO,IAAI,KAAK,KAAK,yCAAkB,CAAC,KAAK,CAAC;IAEhG,MAAM,EACJ,QAAQ,EACR,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,UAAU,GACX,GAAG,IAAA,oCAAe,EAAC,EAAE,aAAa,EAAE,YAAY,IAAI,CAAC,UAAU,EAAE,YAAY,EAAE,CAAC,CAAC;IAElF,IAAI,KAAK,KAAK,yCAAkB,CAAC,OAAO,EAAE,CAAC;QACzC,OAAO,uBAAC,wBAAW,IAAC,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;IACnF,CAAC;IAED,IAAI,KAAK,KAAK,yCAAkB,CAAC,SAAS,EAAE,CAAC;QAC3C,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,EAAE,QAAQ,EAAE,QAAQ,GAAI,EAEpF,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,yCAAkB,CAAC,KAAK,EAC3C,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAA,yBAAQ,EAAC,2CAAmB,EAAE,SAAS,CAAC,EACnD,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,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":"image-uploader.js","sourceRoot":"","sources":["../../../../src/components/organisms/image-uploader/image-uploader.tsx"],"names":[],"mappings":";;AA+BA,sCA0FC;;AAzHD,oDAAuE;AACvE,kEAAyD;AACzD,0EAAoE;AACpE,6CAAyD;AACzD,mEAA8D;AAC9D,iEAA8E;AA0B9E,SAAgB,aAAa,CAAC,EAC5B,KAAK,GAAG,yCAAkB,CAAC,OAAO,EAClC,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,QAAQ,EACR,QAAQ,GAAG,uCAAgB,CAAC,KAAK,EACjC,MAAM,GAAG,SAAS,EAClB,UAAU,GAAG,KAAK,EAClB,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,SAAS,EACT,EAAE,EACF,WAAW,EACX,YAAY,EACZ,SAAS,EACT,QAAQ,GACW;IACnB,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,yCAAkB,CAAC,OAAO,EAAE,CAAC;QACzC,OAAO,uBAAC,wBAAW,IAAC,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;IACnF,CAAC;IAED,IAAI,KAAK,KAAK,yCAAkB,CAAC,SAAS,EAAE,CAAC;QAC3C,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,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAI,EAE9F,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,IAAA,yBAAQ,EAAC,2CAAmB,EAAE,SAAS,CAAC,EACnD,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,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"}