period-ui 0.4.11 → 0.4.12

package/dist/components/index.d.ts

@@ -32,6 +32,7 @@ export * from './molecules/password-field';
 export * from './molecules/phone-field';
 export * from './molecules/form/form-password-field';
 export * from './molecules/form/form-phone-field';
+export * from './molecules/form/form-file-uploader';
 export * from './molecules/callout';
 export * from './molecules/empty-state';
 export * from './molecules/table';
@@ -43,4 +44,5 @@ export * from './organisms/tool-tip';
 export * from './organisms/filter-modal';
 export * from './organisms/dropdown-button';
 export * from './organisms/document-field';
+export * from './organisms/file-uploader';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,sCAAsC,CAAC;AACrD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAG3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC"}
+{"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"}

package/dist/components/index.js

@@ -48,6 +48,7 @@ __exportStar(require("./molecules/password-field"), exports);
 __exportStar(require("./molecules/phone-field"), exports);
 __exportStar(require("./molecules/form/form-password-field"), exports);
 __exportStar(require("./molecules/form/form-phone-field"), exports);
+__exportStar(require("./molecules/form/form-file-uploader"), exports);
 __exportStar(require("./molecules/callout"), exports);
 __exportStar(require("./molecules/empty-state"), exports);
 __exportStar(require("./molecules/table"), exports);
@@ -59,4 +60,5 @@ __exportStar(require("./organisms/tool-tip"), exports);
 __exportStar(require("./organisms/filter-modal"), exports);
 __exportStar(require("./organisms/dropdown-button"), exports);
 __exportStar(require("./organisms/document-field"), exports);
+__exportStar(require("./organisms/file-uploader"), exports);
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,oDAAkC;AAClC,mDAAiC;AACjC,qDAAmC;AACnC,gDAA8B;AAC9B,qDAAmC;AACnC,iDAA+B;AAC/B,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,0DAAwC;AACxC,yDAAuC;AACvC,oEAAkD;AAClD,sDAAoC;AACpC,+CAA6B;AAC7B,sDAAoC;AACpC,6DAA2C;AAC3C,kDAAgC;AAChC,sDAAoC;AACpC,2DAAyC;AAGzC,mDAAiC;AACjC,oDAAkC;AAClC,qDAAmC;AACnC,+DAA6C;AAC7C,mEAAiD;AACjD,iEAA+C;AAC/C,qEAAmD;AACnD,oEAAkD;AAClD,qDAAmC;AACnC,8DAA4C;AAC5C,yDAAuC;AACvC,6DAA2C;AAC3C,0DAAwC;AACxC,uEAAqD;AACrD,oEAAkD;AAClD,sDAAoC;AACpC,0DAAwC;AACxC,oDAAkC;AAClC,wDAAsC;AACtC,yDAAuC;AACvC,uDAAqC;AACrC,6DAA2C;AAG3C,uDAAqC;AACrC,2DAAyC;AACzC,8DAA4C;AAC5C,6DAA2C"}
+{"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"}

package/dist/components/molecules/form/form-file-uploader/form-file-uploader.d.ts

@@ -0,0 +1,7 @@
+import { FileUploaderProps } from '../../../../components';
+import { FormControlProps } from '../../../../containers';
+export type FormFileUploaderProps = FormControlProps & Omit<FileUploaderProps, 'id' | 'describedBy' | 'isDisabled'> & {
+    formControlClassName?: string;
+};
+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;
+//# sourceMappingURL=form-file-uploader.d.ts.map

package/dist/components/molecules/form/form-file-uploader/form-file-uploader.d.ts.map

@@ -0,0 +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"}

package/dist/components/molecules/form/form-file-uploader/form-file-uploader.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormFileUploader = FormFileUploader;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("../../../../components");
+const containers_1 = require("../../../../containers");
+function FormFileUploader({ label, helperText, errorText, optionalLabel, hideRequiredMark, containerClassName, toolTipProps, inputWidth, formName, formProps, formControlClassName, id, isRequired, isDisabled, state = components_1.FileUploaderState.DEFAULT, onSelectFile, onDelete, ...fileUploaderProps }) {
+    function handleSelectFile(file) {
+        onSelectFile?.(file);
+        if (formProps && formName) {
+            void formProps.setFieldValue(formName, file);
+            void formProps.setFieldTouched(formName, true, true);
+        }
+    }
+    function handleDelete() {
+        onDelete?.();
+        if (formProps && formName) {
+            void formProps.setFieldValue(formName, null);
+            void formProps.setFieldTouched(formName, true, true);
+        }
+    }
+    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 })) }));
+}
+//# sourceMappingURL=form-file-uploader.js.map

package/dist/components/molecules/form/form-file-uploader/form-file-uploader.js.map

@@ -0,0 +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"}

package/dist/components/molecules/form/form-file-uploader/index.d.ts

@@ -0,0 +1,2 @@
+export * from './form-file-uploader';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/form/form-file-uploader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-file-uploader/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/dist/components/molecules/form/form-file-uploader/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./form-file-uploader"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/form/form-file-uploader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-file-uploader/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uDAAqC"}

package/dist/components/organisms/file-uploader/components/drop-area.d.ts

@@ -0,0 +1,24 @@
+import { ChangeEvent, DragEvent, RefObject } from 'react';
+type DropAreaProps = {
+    isError?: boolean;
+    isDragging?: boolean;
+    isDisabled?: boolean;
+    accept?: string;
+    inputRef: RefObject<HTMLInputElement>;
+    dragAndDropText?: string;
+    linkTextDesktop?: string;
+    linkTextMobile?: string;
+    uploadDocumentText?: string;
+    dropActiveText?: string;
+    className?: string;
+    id?: string;
+    describedBy?: string;
+    onOpenPicker: () => void;
+    onInputChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    onDragOver: (event: DragEvent<HTMLDivElement>) => void;
+    onDragLeave: (event: DragEvent<HTMLDivElement>) => void;
+    onDrop: (event: DragEvent<HTMLDivElement>) => void;
+};
+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;
+export {};
+//# sourceMappingURL=drop-area.d.ts.map

package/dist/components/organisms/file-uploader/components/drop-area.d.ts.map

@@ -0,0 +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"}

package/dist/components/organisms/file-uploader/components/drop-area.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropArea = DropArea;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("../../../../components");
+const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
+const file_uploader_styles_1 = require("../file-uploader-styles");
+function DropArea({ isError, isDragging, isDisabled, accept, inputRef, dragAndDropText, linkTextDesktop, linkTextMobile, uploadDocumentText, dropActiveText, className, id, describedBy, onOpenPicker, onInputChange, onDragOver, onDragLeave, onDrop, }) {
+    const tone = isDragging ? 'dragging' : isError ? 'error' : 'default';
+    const iconColor = isError ? components_1.IconColor.RED_01 : components_1.IconColor.BLUE_01;
+    function handleAreaClick() {
+        if (!isDisabled) {
+            onOpenPicker();
+        }
+    }
+    function handleLinkClick(event) {
+        event.stopPropagation();
+        if (!isDisabled) {
+            onOpenPicker();
+        }
+    }
+    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] })] }))] }));
+}
+//# sourceMappingURL=drop-area.js.map

package/dist/components/organisms/file-uploader/components/drop-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-area.js","sourceRoot":"","sources":["../../../../../src/components/organisms/file-uploader/components/drop-area.tsx"],"names":[],"mappings":"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"}

package/dist/components/organisms/file-uploader/components/file-actions.d.ts

@@ -0,0 +1,10 @@
+type FileActionsProps = {
+    replaceLabel?: string;
+    deleteLabel?: string;
+    isDisabled?: boolean;
+    onReplace?: () => void;
+    onDelete?: () => void;
+};
+export declare function FileActions({ replaceLabel, deleteLabel, isDisabled, onReplace, onDelete, }: FileActionsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=file-actions.d.ts.map

package/dist/components/organisms/file-uploader/components/file-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-actions.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/file-uploader/components/file-actions.tsx"],"names":[],"mappings":"AAEA,KAAK,gBAAgB,GAAG;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,WAAW,EACX,UAAU,EACV,SAAS,EACT,QAAQ,GACT,EAAE,gBAAgB,2CAoBlB"}

package/dist/components/organisms/file-uploader/components/file-actions.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileActions = FileActions;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("../../../../components");
+function FileActions({ replaceLabel, deleteLabel, isDisabled, onReplace, onDelete, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex shrink-0 flex-col gap-2", children: [(0, jsx_runtime_1.jsx)(components_1.IconButton, { icon: components_1.IconSymbol.PENCIL, variant: components_1.IconButtonVariant.FILLED, isDisabled: isDisabled, "aria-label": replaceLabel, onClick: onReplace }), (0, jsx_runtime_1.jsx)(components_1.IconButton, { icon: components_1.IconSymbol.TRASH, variant: components_1.IconButtonVariant.DESTRUCTIVE_FILLED, isDisabled: isDisabled, "aria-label": deleteLabel, onClick: onDelete })] }));
+}
+//# sourceMappingURL=file-actions.js.map

package/dist/components/organisms/file-uploader/components/file-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-actions.js","sourceRoot":"","sources":["../../../../../src/components/organisms/file-uploader/components/file-actions.tsx"],"names":[],"mappings":";;AAUA,kCA0BC;;AApCD,uDAAmF;AAUnF,SAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,WAAW,EACX,UAAU,EACV,SAAS,EACT,QAAQ,GACS;IACjB,OAAO,CACL,iCAAK,SAAS,EAAC,8BAA8B,aAC3C,uBAAC,uBAAU,IACT,IAAI,EAAE,uBAAU,CAAC,MAAM,EACvB,OAAO,EAAE,8BAAiB,CAAC,MAAM,EACjC,UAAU,EAAE,UAAU,gBACV,YAAY,EACxB,OAAO,EAAE,SAAS,GAClB,EAEF,uBAAC,uBAAU,IACT,IAAI,EAAE,uBAAU,CAAC,KAAK,EACtB,OAAO,EAAE,8BAAiB,CAAC,kBAAkB,EAC7C,UAAU,EAAE,UAAU,gBACV,WAAW,EACvB,OAAO,EAAE,QAAQ,GACjB,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/organisms/file-uploader/components/index.d.ts

@@ -0,0 +1,5 @@
+export * from './drop-area';
+export * from './uploading-file';
+export * from './uploaded-file';
+export * from './file-actions';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/organisms/file-uploader/components/index.d.ts.map

@@ -0,0 +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"}

package/dist/components/organisms/file-uploader/components/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./drop-area"), exports);
+__exportStar(require("./uploading-file"), exports);
+__exportStar(require("./uploaded-file"), exports);
+__exportStar(require("./file-actions"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/organisms/file-uploader/components/index.js.map

@@ -0,0 +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"}

package/dist/components/organisms/file-uploader/components/uploaded-file.d.ts

@@ -0,0 +1,9 @@
+type UploadedFileProps = {
+    fileName?: string;
+    fileSize?: string;
+    className?: string;
+    id?: string;
+};
+export declare function UploadedFile({ fileName, fileSize, className, id }: UploadedFileProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=uploaded-file.d.ts.map

package/dist/components/organisms/file-uploader/components/uploaded-file.d.ts.map

@@ -0,0 +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"}

package/dist/components/organisms/file-uploader/components/uploaded-file.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UploadedFile = UploadedFile;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("../../../../components");
+const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
+const file_uploader_styles_1 = require("../file-uploader-styles");
+function UploadedFile({ fileName, fileSize, className, id }) {
+    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 }))] }));
+}
+//# sourceMappingURL=uploaded-file.js.map

package/dist/components/organisms/file-uploader/components/uploaded-file.js.map

@@ -0,0 +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"}

package/dist/components/organisms/file-uploader/components/uploading-file.d.ts

@@ -0,0 +1,9 @@
+type UploadingFileProps = {
+    fileName?: string;
+    progress?: number;
+    className?: string;
+    id?: string;
+};
+export declare function UploadingFile({ fileName, progress, className, id }: UploadingFileProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=uploading-file.d.ts.map

package/dist/components/organisms/file-uploader/components/uploading-file.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"uploading-file.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/file-uploader/components/uploading-file.tsx"],"names":[],"mappings":"AAUA,KAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,QAAY,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,kBAAkB,2CAmB1F"}

package/dist/components/organisms/file-uploader/components/uploading-file.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UploadingFile = UploadingFile;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("../../../../components");
+const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
+const file_uploader_styles_1 = require("../file-uploader-styles");
+function UploadingFile({ fileName, progress = 0, className, id }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { id: id, className: (0, tailwind_utils_1.tailwind)((0, file_uploader_styles_1.fileContainerStyles)({ tone: 'loading' }), className), children: [(0, jsx_runtime_1.jsx)(components_1.Text, { as: "p", variant: components_1.TextVariant.BODY, color: components_1.TextColors.BLACK, className: "whitespace-normal break-all", children: fileName }), (0, jsx_runtime_1.jsx)(components_1.ProgressIndicator, { variant: components_1.ProgressIndicatorVariant.LINEAR_DETERMINATE, showProgress: true, currentProgress: progress })] }));
+}
+//# sourceMappingURL=uploading-file.js.map

package/dist/components/organisms/file-uploader/components/uploading-file.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uploading-file.js","sourceRoot":"","sources":["../../../../../src/components/organisms/file-uploader/components/uploading-file.tsx"],"names":[],"mappings":";;AAiBA,sCAmBC;;AApCD,uDAMgC;AAChC,qEAA4D;AAC5D,kEAA8D;AAS9D,SAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,EAAsB;IACzF,OAAO,CACL,iCAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,IAAA,yBAAQ,EAAC,IAAA,0CAAmB,EAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,CAAC,aACnF,uBAAC,iBAAI,IACH,EAAE,EAAC,GAAG,EACN,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,KAAK,EAAE,uBAAU,CAAC,KAAK,EACvB,SAAS,EAAC,6BAA6B,YAEtC,QAAQ,GACJ,EAEP,uBAAC,8BAAiB,IAChB,OAAO,EAAE,qCAAwB,CAAC,kBAAkB,EACpD,YAAY,QACZ,eAAe,EAAE,QAAQ,GACzB,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/organisms/file-uploader/file-uploader-styles.d.ts

@@ -0,0 +1,8 @@
+export declare const dropAreaStyles: (props?: ({
+    tone?: "default" | "error" | "dragging" | null | undefined;
+    isInteractive?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const fileContainerStyles: (props?: ({
+    tone?: "loading" | "completed" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=file-uploader-styles.d.ts.map

package/dist/components/organisms/file-uploader/file-uploader-styles.d.ts.map

@@ -0,0 +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"}

package/dist/components/organisms/file-uploader/file-uploader-styles.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fileContainerStyles = exports.dropAreaStyles = void 0;
+const class_variance_authority_1 = require("class-variance-authority");
+exports.dropAreaStyles = (0, class_variance_authority_1.cva)([
+    'w-full rounded-lg',
+    'flex flex-col items-center justify-center gap-2',
+    'px-6 py-8 min-h-[124px]',
+    'text-center',
+    'border border-dashed',
+    'transition-colors',
+], {
+    variants: {
+        tone: {
+            default: 'border-gray-04 bg-white',
+            dragging: 'border-blue-01 bg-blue-04',
+            error: 'border-red-01 bg-white',
+        },
+        isInteractive: {
+            true: 'cursor-pointer',
+            false: 'cursor-default',
+        },
+    },
+    defaultVariants: { tone: 'default', isInteractive: true },
+});
+exports.fileContainerStyles = (0, class_variance_authority_1.cva)([
+    'w-full rounded-lg min-h-[124px]',
+    'flex flex-col justify-center gap-1',
+    'px-4 py-4',
+    'border border-solid border-gray-04',
+], {
+    variants: {
+        tone: {
+            loading: '',
+            completed: 'border-l-4 border-l-blue-01',
+        },
+    },
+    defaultVariants: { tone: 'loading' },
+});
+//# sourceMappingURL=file-uploader-styles.js.map

package/dist/components/organisms/file-uploader/file-uploader-styles.js.map

@@ -0,0 +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"}

package/dist/components/organisms/file-uploader/file-uploader-types.d.ts

@@ -0,0 +1,7 @@
+export declare enum FileUploaderState {
+    DEFAULT = "DEFAULT",
+    LOADING = "LOADING",
+    COMPLETED = "COMPLETED",
+    ERROR = "ERROR"
+}
+//# sourceMappingURL=file-uploader-types.d.ts.map

package/dist/components/organisms/file-uploader/file-uploader-types.d.ts.map

@@ -0,0 +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"}

package/dist/components/organisms/file-uploader/file-uploader-types.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileUploaderState = void 0;
+var FileUploaderState;
+(function (FileUploaderState) {
+    FileUploaderState["DEFAULT"] = "DEFAULT";
+    FileUploaderState["LOADING"] = "LOADING";
+    FileUploaderState["COMPLETED"] = "COMPLETED";
+    FileUploaderState["ERROR"] = "ERROR";
+})(FileUploaderState || (exports.FileUploaderState = FileUploaderState = {}));
+//# sourceMappingURL=file-uploader-types.js.map

package/dist/components/organisms/file-uploader/file-uploader-types.js.map

@@ -0,0 +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"}

package/dist/components/organisms/file-uploader/file-uploader.d.ts

@@ -0,0 +1,24 @@
+import { FileUploaderState } from './file-uploader-types';
+export type FileUploaderProps = {
+    state?: FileUploaderState;
+    fileName?: string;
+    fileSize?: string;
+    progress?: number;
+    accept?: string;
+    isDisabled?: boolean;
+    dragAndDropText?: string;
+    linkTextDesktop?: string;
+    linkTextMobile?: string;
+    uploadDocumentText?: string;
+    dropActiveText?: string;
+    replaceLabel?: string;
+    deleteLabel?: string;
+    className?: string;
+    id?: string;
+    describedBy?: string;
+    onSelectFile?: (file: File) => void;
+    onReplace?: () => void;
+    onDelete?: () => void;
+};
+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;
+//# sourceMappingURL=file-uploader.d.ts.map

package/dist/components/organisms/file-uploader/file-uploader.d.ts.map

@@ -0,0 +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"}

package/dist/components/organisms/file-uploader/file-uploader.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileUploader = FileUploader;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const tailwind_utils_1 = require("../../../utils/tailwind-utils");
+const components_1 = require("./components");
+const file_uploader_types_1 = require("./file-uploader-types");
+const use_file_uploader_1 = require("./use-file-uploader");
+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, }) {
+    const isEmptyState = state === file_uploader_types_1.FileUploaderState.DEFAULT || state === file_uploader_types_1.FileUploaderState.ERROR;
+    const { inputRef, isDragging, openPicker, handleInputChange, handleDragOver, handleDragLeave, handleDrop, } = (0, use_file_uploader_1.useFileUploader)({ isInteractive: isEmptyState && !isDisabled, onSelectFile });
+    if (state === file_uploader_types_1.FileUploaderState.LOADING) {
+        return (0, jsx_runtime_1.jsx)(components_1.UploadingFile, { id: id, fileName: fileName, progress: progress, className: className });
+    }
+    if (state === file_uploader_types_1.FileUploaderState.COMPLETED) {
+        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 })] }));
+    }
+    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 }));
+}
+//# sourceMappingURL=file-uploader.js.map

package/dist/components/organisms/file-uploader/file-uploader.js.map

@@ -0,0 +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"}

package/dist/components/organisms/file-uploader/index.d.ts

@@ -0,0 +1,3 @@
+export * from './file-uploader';
+export * from './file-uploader-types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/organisms/file-uploader/index.d.ts.map

@@ -0,0 +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"}

package/dist/components/organisms/file-uploader/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./file-uploader"), exports);
+__exportStar(require("./file-uploader-types"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/organisms/file-uploader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/organisms/file-uploader/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC;AAChC,wDAAsC"}

package/dist/components/organisms/file-uploader/use-file-uploader.d.ts

@@ -0,0 +1,16 @@
+import { ChangeEvent, DragEvent } from 'react';
+type UseFileUploaderParams = {
+    isInteractive: boolean;
+    onSelectFile?: (file: File) => void;
+};
+export declare function useFileUploader({ isInteractive, onSelectFile }: UseFileUploaderParams): {
+    inputRef: import("react").RefObject<HTMLInputElement>;
+    isDragging: boolean;
+    openPicker: () => void;
+    handleInputChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    handleDragOver: (event: DragEvent<HTMLDivElement>) => void;
+    handleDragLeave: (event: DragEvent<HTMLDivElement>) => void;
+    handleDrop: (event: DragEvent<HTMLDivElement>) => void;
+};
+export {};
+//# sourceMappingURL=use-file-uploader.d.ts.map

package/dist/components/organisms/file-uploader/use-file-uploader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-file-uploader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/file-uploader/use-file-uploader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAEjE,KAAK,qBAAqB,GAAG;IAC3B,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAAE,aAAa,EAAE,YAAY,EAAE,EAAE,qBAAqB;;;sBAI7D,IAAI;+BAQO,WAAW,CAAC,gBAAgB,CAAC,KAAG,IAAI;4BAUvC,SAAS,CAAC,cAAc,CAAC,KAAG,IAAI;6BAQ/B,SAAS,CAAC,cAAc,CAAC,KAAG,IAAI;wBAKrC,SAAS,CAAC,cAAc,CAAC,KAAG,IAAI;EAwB5D"}

package/dist/components/organisms/file-uploader/use-file-uploader.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFileUploader = useFileUploader;
+const react_1 = require("react");
+function useFileUploader({ isInteractive, onSelectFile }) {
+    const inputRef = (0, react_1.useRef)(null);
+    const [isDragging, setIsDragging] = (0, react_1.useState)(false);
+    function openPicker() {
+        if (!isInteractive) {
+            return;
+        }
+        inputRef.current?.click();
+    }
+    function handleInputChange(event) {
+        const file = event.target.files?.[0];
+        if (file) {
+            onSelectFile?.(file);
+        }
+        event.target.value = '';
+    }
+    function handleDragOver(event) {
+        event.preventDefault();
+        if (isInteractive) {
+            setIsDragging(true);
+        }
+    }
+    function handleDragLeave(event) {
+        event.preventDefault();
+        setIsDragging(false);
+    }
+    function handleDrop(event) {
+        event.preventDefault();
+        setIsDragging(false);
+        if (!isInteractive) {
+            return;
+        }
+        const file = event.dataTransfer.files?.[0];
+        if (file) {
+            onSelectFile?.(file);
+        }
+    }
+    return {
+        inputRef,
+        isDragging,
+        openPicker,
+        handleInputChange,
+        handleDragOver,
+        handleDragLeave,
+        handleDrop,
+    };
+}
+//# sourceMappingURL=use-file-uploader.js.map

package/dist/components/organisms/file-uploader/use-file-uploader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-file-uploader.js","sourceRoot":"","sources":["../../../../src/components/organisms/file-uploader/use-file-uploader.ts"],"names":[],"mappings":";;AAOA,0CA2DC;AAlED,iCAAiE;AAOjE,SAAgB,eAAe,CAAC,EAAE,aAAa,EAAE,YAAY,EAAyB;IACpF,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEpD,SAAS,UAAU;QACjB,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QAED,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IAC5B,CAAC;IAED,SAAS,iBAAiB,CAAC,KAAoC;QAC7D,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;QAErC,IAAI,IAAI,EAAE,CAAC;YACT,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC;QAED,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,EAAE,CAAC;IAC1B,CAAC;IAED,SAAS,cAAc,CAAC,KAAgC;QACtD,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,IAAI,aAAa,EAAE,CAAC;YAClB,aAAa,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC;IACH,CAAC;IAED,SAAS,eAAe,CAAC,KAAgC;QACvD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,aAAa,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC;IAED,SAAS,UAAU,CAAC,KAAgC;QAClD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,aAAa,CAAC,KAAK,CAAC,CAAC;QAErB,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QAED,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;QAE3C,IAAI,IAAI,EAAE,CAAC;YACT,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC;IACH,CAAC;IAED,OAAO;QACL,QAAQ;QACR,UAAU;QACV,UAAU;QACV,iBAAiB;QACjB,cAAc;QACd,eAAe;QACf,UAAU;KACX,CAAC;AACJ,CAAC"}