@alma-oss/spirit-web-react 4.2.1 → 4.4.2

package/dist/components/FileUploader/useFileUploaderInput.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("react"),v=require("../../common/utilities/warning.cjs"),I=require("../../hooks/useDragAndDrop.cjs"),Z=require("./FileUploaderContext.cjs"),_=w=>{const{maxFileSize:E,maxUploadedFiles:a,queueLimitBehavior:g,isMultiple:f,onError:n,accept:p}=w,[x,D]=F.useState(!1),[U,A]=F.useState(!1),{fileQueue:c,addToQueue:M,clearQueue:z,errorMessages:s}=Z.useFileUploaderContext(),y=e=>`file__${e.replace(/\./g,"_").replace(/\s/g,"_")}`,S=e=>{if(e.size>E)throw new Error(`${e.name}: ${s?.errorMaxFileSize}`)},T=()=>{if(a>1&&!f)throw new Error("`isMultiple` props must be set when maxUploadedFiles is greater than `1`")},b=e=>{if(f&&c.has(y(e.name)))throw new Error(`${e.name}: ${s?.errorFileDuplicity}`)},Q=()=>{if(c.size>=a)throw new Error(s?.errorMaxUploadedFiles)},B=e=>{const i=e.name.split(".").pop()?.toLowerCase(),u=e.type,r=p&&!(p===""||p==="*"||p==="*/*");let t;if(!r)t=!0;else{const o=p.replace(/ /g,"").split(","),d=o.filter(l=>l.match(/\./g)),q=o.filter(l=>l.match(/\//g));d.forEach(l=>{const m=l.replace(".","").replace("*","");i.match(m)&&(t=!0)}),q.forEach(l=>{const m=l.replace("*","");u.match(m)&&(t=!0)})}if(!t)throw new Error(`${e.name}: ${s?.errorFileNotSupported}`)},H=e=>{g&&(g==="hide"?A(e?.size>=a):D(e?.size>=a))},L=()=>{f||z()},h=e=>{try{L(),b(e),S(e),B(e),Q(),T(),M(y(e.name),e)}catch(i){n?n(i):v.default(!1,i)}},$=e=>{const i=Array.from(e.dataTransfer.items),u=Array.from(e.dataTransfer.files);let r=0,t;r+=c.size,e.dataTransfer.items?i.forEach(o=>{if(o.kind==="file"){const d=o.getAsFile();d&&r<a?(h(d),r+=1):t=!0}}):u.forEach(o=>{r<a?(h(o),r+=1):t=!0}),t&&n&&s?.errorMaxUploadedFiles&&n(new Error(s?.errorMaxUploadedFiles))},k=e=>{const{files:i}=e.target,u=Array.prototype.slice.call(i);let r=0,t;r+=c.size,u.forEach(o=>{r<a?(h(o),r+=1):t=!0}),t&&n&&s?.errorMaxUploadedFiles&&n(new Error(s?.errorMaxUploadedFiles)),e.target.blur(),e.target.value=""};F.useEffect(()=>{H(c)},[c]);const C=I.useDragAndDrop({onDrop:$});return{isDropZoneHidden:U,isDisabledByQueueLimitBehavior:x,onChange:k,...C}};exports.useFileUploaderInput=_;
+//# sourceMappingURL=useFileUploaderInput.cjs.map

package/dist/components/FileUploader/useFileUploaderInput.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFileUploaderInput.cjs","sources":["../../../src/components/FileUploader/useFileUploaderInput.ts"],"sourcesContent":["'use client';\n\nimport { type ChangeEvent, type DragEvent, useEffect, useState } from 'react';\nimport { warning } from '../../common/utilities';\nimport { useDragAndDrop } from '../../hooks';\nimport {\n  type DragAndDropHandlingProps,\n  type FileQueueMapType,\n  type FileUploaderQueueLimitBehaviorType,\n} from '../../types';\nimport { useFileUploaderContext } from './FileUploaderContext';\n\nexport interface UseFileUploaderInputProps {\n  accept?: string;\n  queueLimitBehavior?: FileUploaderQueueLimitBehaviorType;\n  isMultiple?: boolean;\n  maxFileSize: number;\n  maxUploadedFiles: number;\n  onError?: (error: string | Error) => void;\n}\n\nexport interface UseFileUploaderInputReturn extends DragAndDropHandlingProps<HTMLDivElement> {\n  isDragging: boolean;\n  isDropZoneHidden: boolean;\n  isDisabledByQueueLimitBehavior: boolean;\n  onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport const useFileUploaderInput = (props: UseFileUploaderInputProps): UseFileUploaderInputReturn => {\n  const { maxFileSize, maxUploadedFiles, queueLimitBehavior, isMultiple, onError, accept } = props;\n\n  const [disabledByQueueLimitBehavior, setDisabledByQueueLimitBehavior] = useState(false);\n  const [dropZoneHidden, setDropZoneHidden] = useState(false);\n\n  const { fileQueue, addToQueue, clearQueue, errorMessages } = useFileUploaderContext();\n\n  const getUpdatedFileName = (name: string): string => `file__${name.replace(/\\./g, '_').replace(/\\s/g, '_')}`;\n\n  const checkAllowedFileSize = (file: File) => {\n    if (file.size > maxFileSize) {\n      throw new Error(`${file.name}: ${errorMessages?.errorMaxFileSize}`);\n    }\n  };\n\n  const checkIsMultiple = () => {\n    if (maxUploadedFiles > 1 && !isMultiple) {\n      throw new Error('`isMultiple` props must be set when maxUploadedFiles is greater than `1`');\n    }\n  };\n\n  const checkFileDuplicity = (file: File) => {\n    if (isMultiple && fileQueue.has(getUpdatedFileName(file.name))) {\n      throw new Error(`${file.name}: ${errorMessages?.errorFileDuplicity}`);\n    }\n  };\n\n  const checkQueueSize = () => {\n    if (fileQueue.size >= maxUploadedFiles) {\n      throw new Error(errorMessages?.errorMaxUploadedFiles);\n    }\n  };\n\n  const checkAllowedFileType = (file: File) => {\n    const fileExtension = file.name.split('.').pop()?.toLowerCase() as string;\n    const fileType = file.type;\n    const shouldValidate = accept && !(accept === '' || accept === '*' || accept === '*/*');\n    let isTypeSupported;\n\n    if (!shouldValidate) {\n      isTypeSupported = true;\n    } else {\n      const acceptArray = accept.replace(/ /g, '').split(',');\n      const acceptExtensions = acceptArray.filter((exp) => exp.match(/\\./g));\n      const acceptTypes = acceptArray.filter((exp) => exp.match(/\\//g));\n\n      acceptExtensions.forEach((acceptExtension) => {\n        const expression = acceptExtension.replace('.', '').replace('*', '');\n\n        if (fileExtension.match(expression)) {\n          isTypeSupported = true;\n        }\n      });\n\n      acceptTypes.forEach((acceptType) => {\n        const expression = acceptType.replace('*', '');\n\n        if (fileType.match(expression)) {\n          isTypeSupported = true;\n        }\n      });\n    }\n\n    if (!isTypeSupported) {\n      throw new Error(`${file.name}: ${errorMessages?.errorFileNotSupported}`);\n    }\n  };\n\n  const updateDropZoneVisibility = (queue: FileQueueMapType) => {\n    if (!queueLimitBehavior) {\n      return;\n    }\n\n    if (queueLimitBehavior === 'hide') {\n      setDropZoneHidden(queue?.size >= maxUploadedFiles);\n    } else {\n      setDisabledByQueueLimitBehavior(queue?.size >= maxUploadedFiles);\n    }\n  };\n\n  const clearQueueHandler = () => {\n    if (!isMultiple) {\n      clearQueue();\n    }\n  };\n\n  const fileProcessHandler = (file: File) => {\n    try {\n      clearQueueHandler();\n      checkFileDuplicity(file);\n      checkAllowedFileSize(file);\n      checkAllowedFileType(file);\n      checkQueueSize();\n      checkIsMultiple();\n      addToQueue(getUpdatedFileName(file.name), file);\n    } catch (error) {\n      if (onError) {\n        onError(error);\n      } else {\n        warning(false, error);\n      }\n    }\n  };\n\n  const onDropHandler = (event: DragEvent<HTMLDivElement>) => {\n    const transferItems = Array.from(event.dataTransfer.items);\n    const transferFiles = Array.from(event.dataTransfer.files);\n\n    let counter = 0;\n    let overLimit;\n    counter += fileQueue.size;\n\n    if (event.dataTransfer.items) {\n      transferItems.forEach((item) => {\n        if (item.kind === 'file') {\n          const file = item.getAsFile();\n          if (file && counter < maxUploadedFiles) {\n            fileProcessHandler(file);\n            counter += 1;\n          } else {\n            overLimit = true;\n          }\n        }\n      });\n    } else {\n      transferFiles.forEach((file) => {\n        if (counter < maxUploadedFiles) {\n          fileProcessHandler(file);\n          counter += 1;\n        } else {\n          overLimit = true;\n        }\n      });\n    }\n\n    if (overLimit && onError && errorMessages?.errorMaxUploadedFiles) {\n      onError(new Error(errorMessages?.errorMaxUploadedFiles));\n    }\n  };\n\n  const onChangeHandler = (event: ChangeEvent<HTMLInputElement>) => {\n    const { files } = event.target;\n    const filesArray = Array.prototype.slice.call(files);\n\n    let counter = 0;\n    let overLimit;\n    counter += fileQueue.size;\n\n    filesArray.forEach((file: File) => {\n      if (counter < maxUploadedFiles) {\n        fileProcessHandler(file);\n        counter += 1;\n      } else {\n        overLimit = true;\n      }\n    });\n\n    if (overLimit && onError && errorMessages?.errorMaxUploadedFiles) {\n      onError(new Error(errorMessages?.errorMaxUploadedFiles));\n    }\n\n    event.target.blur();\n    // eslint-disable-next-line no-param-reassign -- Resetting input value is required for file inputs\n    event.target.value = '';\n  };\n\n  useEffect(() => {\n    updateDropZoneVisibility(fileQueue);\n    // We only want a dependency for fileQueue\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [fileQueue]);\n\n  const dragAndDropProps = useDragAndDrop({\n    onDrop: onDropHandler,\n  });\n\n  return {\n    isDropZoneHidden: dropZoneHidden,\n    isDisabledByQueueLimitBehavior: disabledByQueueLimitBehavior,\n    onChange: onChangeHandler,\n    ...dragAndDropProps,\n  };\n};\n"],"names":["useFileUploaderInput","props","maxFileSize","maxUploadedFiles","queueLimitBehavior","isMultiple","onError","accept","disabledByQueueLimitBehavior","setDisabledByQueueLimitBehavior","useState","dropZoneHidden","setDropZoneHidden","fileQueue","addToQueue","clearQueue","errorMessages","useFileUploaderContext","getUpdatedFileName","name","checkAllowedFileSize","file","checkIsMultiple","checkFileDuplicity","checkQueueSize","checkAllowedFileType","fileExtension","fileType","shouldValidate","isTypeSupported","acceptArray","acceptExtensions","exp","acceptTypes","acceptExtension","expression","acceptType","updateDropZoneVisibility","queue","clearQueueHandler","fileProcessHandler","error","warning","onDropHandler","event","transferItems","transferFiles","counter","overLimit","item","onChangeHandler","files","filesArray","useEffect","dragAndDropProps","useDragAndDrop"],"mappings":"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"}

package/dist/components/FileUploader/useFileUploaderInput.d.ts

@@ -0,0 +1,17 @@
+import { ChangeEvent } from 'react';
+import { DragAndDropHandlingProps, FileUploaderQueueLimitBehaviorType } from '../../types';
+export interface UseFileUploaderInputProps {
+    accept?: string;
+    queueLimitBehavior?: FileUploaderQueueLimitBehaviorType;
+    isMultiple?: boolean;
+    maxFileSize: number;
+    maxUploadedFiles: number;
+    onError?: (error: string | Error) => void;
+}
+export interface UseFileUploaderInputReturn extends DragAndDropHandlingProps<HTMLDivElement> {
+    isDragging: boolean;
+    isDropZoneHidden: boolean;
+    isDisabledByQueueLimitBehavior: boolean;
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const useFileUploaderInput: (props: UseFileUploaderInputProps) => UseFileUploaderInputReturn;

package/dist/components/FileUploader/useFileUploaderInput.js

@@ -0,0 +1,80 @@
+"use client";
+import { useState as g, useEffect as _ } from "react";
+import v from "../../common/utilities/warning.js";
+import { useDragAndDrop as I } from "../../hooks/useDragAndDrop.js";
+import { useFileUploaderContext as N } from "./FileUploaderContext.js";
+const G = (w) => {
+  const { maxFileSize: E, maxUploadedFiles: a, queueLimitBehavior: F, isMultiple: f, onError: n, accept: p } = w, [x, D] = g(!1), [z, A] = g(!1), { fileQueue: c, addToQueue: M, clearQueue: U, errorMessages: s } = N(), y = (e) => `file__${e.replace(/\./g, "_").replace(/\s/g, "_")}`, Q = (e) => {
+    if (e.size > E)
+      throw new Error(`${e.name}: ${s?.errorMaxFileSize}`);
+  }, T = () => {
+    if (a > 1 && !f)
+      throw new Error("`isMultiple` props must be set when maxUploadedFiles is greater than `1`");
+  }, B = (e) => {
+    if (f && c.has(y(e.name)))
+      throw new Error(`${e.name}: ${s?.errorFileDuplicity}`);
+  }, H = () => {
+    if (c.size >= a)
+      throw new Error(s?.errorMaxUploadedFiles);
+  }, L = (e) => {
+    const i = e.name.split(".").pop()?.toLowerCase(), d = e.type, r = p && !(p === "" || p === "*" || p === "*/*");
+    let o;
+    if (!r)
+      o = !0;
+    else {
+      const t = p.replace(/ /g, "").split(","), u = t.filter((l) => l.match(/\./g)), Z = t.filter((l) => l.match(/\//g));
+      u.forEach((l) => {
+        const h = l.replace(".", "").replace("*", "");
+        i.match(h) && (o = !0);
+      }), Z.forEach((l) => {
+        const h = l.replace("*", "");
+        d.match(h) && (o = !0);
+      });
+    }
+    if (!o)
+      throw new Error(`${e.name}: ${s?.errorFileNotSupported}`);
+  }, S = (e) => {
+    F && (F === "hide" ? A(e?.size >= a) : D(e?.size >= a));
+  }, $ = () => {
+    f || U();
+  }, m = (e) => {
+    try {
+      $(), B(e), Q(e), L(e), H(), T(), M(y(e.name), e);
+    } catch (i) {
+      n ? n(i) : v(!1, i);
+    }
+  }, b = (e) => {
+    const i = Array.from(e.dataTransfer.items), d = Array.from(e.dataTransfer.files);
+    let r = 0, o;
+    r += c.size, e.dataTransfer.items ? i.forEach((t) => {
+      if (t.kind === "file") {
+        const u = t.getAsFile();
+        u && r < a ? (m(u), r += 1) : o = !0;
+      }
+    }) : d.forEach((t) => {
+      r < a ? (m(t), r += 1) : o = !0;
+    }), o && n && s?.errorMaxUploadedFiles && n(new Error(s?.errorMaxUploadedFiles));
+  }, k = (e) => {
+    const { files: i } = e.target, d = Array.prototype.slice.call(i);
+    let r = 0, o;
+    r += c.size, d.forEach((t) => {
+      r < a ? (m(t), r += 1) : o = !0;
+    }), o && n && s?.errorMaxUploadedFiles && n(new Error(s?.errorMaxUploadedFiles)), e.target.blur(), e.target.value = "";
+  };
+  _(() => {
+    S(c);
+  }, [c]);
+  const C = I({
+    onDrop: b
+  });
+  return {
+    isDropZoneHidden: z,
+    isDisabledByQueueLimitBehavior: x,
+    onChange: k,
+    ...C
+  };
+};
+export {
+  G as useFileUploaderInput
+};
+//# sourceMappingURL=useFileUploaderInput.js.map

package/dist/components/FileUploader/useFileUploaderInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFileUploaderInput.js","sources":["../../../src/components/FileUploader/useFileUploaderInput.ts"],"sourcesContent":["'use client';\n\nimport { type ChangeEvent, type DragEvent, useEffect, useState } from 'react';\nimport { warning } from '../../common/utilities';\nimport { useDragAndDrop } from '../../hooks';\nimport {\n  type DragAndDropHandlingProps,\n  type FileQueueMapType,\n  type FileUploaderQueueLimitBehaviorType,\n} from '../../types';\nimport { useFileUploaderContext } from './FileUploaderContext';\n\nexport interface UseFileUploaderInputProps {\n  accept?: string;\n  queueLimitBehavior?: FileUploaderQueueLimitBehaviorType;\n  isMultiple?: boolean;\n  maxFileSize: number;\n  maxUploadedFiles: number;\n  onError?: (error: string | Error) => void;\n}\n\nexport interface UseFileUploaderInputReturn extends DragAndDropHandlingProps<HTMLDivElement> {\n  isDragging: boolean;\n  isDropZoneHidden: boolean;\n  isDisabledByQueueLimitBehavior: boolean;\n  onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport const useFileUploaderInput = (props: UseFileUploaderInputProps): UseFileUploaderInputReturn => {\n  const { maxFileSize, maxUploadedFiles, queueLimitBehavior, isMultiple, onError, accept } = props;\n\n  const [disabledByQueueLimitBehavior, setDisabledByQueueLimitBehavior] = useState(false);\n  const [dropZoneHidden, setDropZoneHidden] = useState(false);\n\n  const { fileQueue, addToQueue, clearQueue, errorMessages } = useFileUploaderContext();\n\n  const getUpdatedFileName = (name: string): string => `file__${name.replace(/\\./g, '_').replace(/\\s/g, '_')}`;\n\n  const checkAllowedFileSize = (file: File) => {\n    if (file.size > maxFileSize) {\n      throw new Error(`${file.name}: ${errorMessages?.errorMaxFileSize}`);\n    }\n  };\n\n  const checkIsMultiple = () => {\n    if (maxUploadedFiles > 1 && !isMultiple) {\n      throw new Error('`isMultiple` props must be set when maxUploadedFiles is greater than `1`');\n    }\n  };\n\n  const checkFileDuplicity = (file: File) => {\n    if (isMultiple && fileQueue.has(getUpdatedFileName(file.name))) {\n      throw new Error(`${file.name}: ${errorMessages?.errorFileDuplicity}`);\n    }\n  };\n\n  const checkQueueSize = () => {\n    if (fileQueue.size >= maxUploadedFiles) {\n      throw new Error(errorMessages?.errorMaxUploadedFiles);\n    }\n  };\n\n  const checkAllowedFileType = (file: File) => {\n    const fileExtension = file.name.split('.').pop()?.toLowerCase() as string;\n    const fileType = file.type;\n    const shouldValidate = accept && !(accept === '' || accept === '*' || accept === '*/*');\n    let isTypeSupported;\n\n    if (!shouldValidate) {\n      isTypeSupported = true;\n    } else {\n      const acceptArray = accept.replace(/ /g, '').split(',');\n      const acceptExtensions = acceptArray.filter((exp) => exp.match(/\\./g));\n      const acceptTypes = acceptArray.filter((exp) => exp.match(/\\//g));\n\n      acceptExtensions.forEach((acceptExtension) => {\n        const expression = acceptExtension.replace('.', '').replace('*', '');\n\n        if (fileExtension.match(expression)) {\n          isTypeSupported = true;\n        }\n      });\n\n      acceptTypes.forEach((acceptType) => {\n        const expression = acceptType.replace('*', '');\n\n        if (fileType.match(expression)) {\n          isTypeSupported = true;\n        }\n      });\n    }\n\n    if (!isTypeSupported) {\n      throw new Error(`${file.name}: ${errorMessages?.errorFileNotSupported}`);\n    }\n  };\n\n  const updateDropZoneVisibility = (queue: FileQueueMapType) => {\n    if (!queueLimitBehavior) {\n      return;\n    }\n\n    if (queueLimitBehavior === 'hide') {\n      setDropZoneHidden(queue?.size >= maxUploadedFiles);\n    } else {\n      setDisabledByQueueLimitBehavior(queue?.size >= maxUploadedFiles);\n    }\n  };\n\n  const clearQueueHandler = () => {\n    if (!isMultiple) {\n      clearQueue();\n    }\n  };\n\n  const fileProcessHandler = (file: File) => {\n    try {\n      clearQueueHandler();\n      checkFileDuplicity(file);\n      checkAllowedFileSize(file);\n      checkAllowedFileType(file);\n      checkQueueSize();\n      checkIsMultiple();\n      addToQueue(getUpdatedFileName(file.name), file);\n    } catch (error) {\n      if (onError) {\n        onError(error);\n      } else {\n        warning(false, error);\n      }\n    }\n  };\n\n  const onDropHandler = (event: DragEvent<HTMLDivElement>) => {\n    const transferItems = Array.from(event.dataTransfer.items);\n    const transferFiles = Array.from(event.dataTransfer.files);\n\n    let counter = 0;\n    let overLimit;\n    counter += fileQueue.size;\n\n    if (event.dataTransfer.items) {\n      transferItems.forEach((item) => {\n        if (item.kind === 'file') {\n          const file = item.getAsFile();\n          if (file && counter < maxUploadedFiles) {\n            fileProcessHandler(file);\n            counter += 1;\n          } else {\n            overLimit = true;\n          }\n        }\n      });\n    } else {\n      transferFiles.forEach((file) => {\n        if (counter < maxUploadedFiles) {\n          fileProcessHandler(file);\n          counter += 1;\n        } else {\n          overLimit = true;\n        }\n      });\n    }\n\n    if (overLimit && onError && errorMessages?.errorMaxUploadedFiles) {\n      onError(new Error(errorMessages?.errorMaxUploadedFiles));\n    }\n  };\n\n  const onChangeHandler = (event: ChangeEvent<HTMLInputElement>) => {\n    const { files } = event.target;\n    const filesArray = Array.prototype.slice.call(files);\n\n    let counter = 0;\n    let overLimit;\n    counter += fileQueue.size;\n\n    filesArray.forEach((file: File) => {\n      if (counter < maxUploadedFiles) {\n        fileProcessHandler(file);\n        counter += 1;\n      } else {\n        overLimit = true;\n      }\n    });\n\n    if (overLimit && onError && errorMessages?.errorMaxUploadedFiles) {\n      onError(new Error(errorMessages?.errorMaxUploadedFiles));\n    }\n\n    event.target.blur();\n    // eslint-disable-next-line no-param-reassign -- Resetting input value is required for file inputs\n    event.target.value = '';\n  };\n\n  useEffect(() => {\n    updateDropZoneVisibility(fileQueue);\n    // We only want a dependency for fileQueue\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [fileQueue]);\n\n  const dragAndDropProps = useDragAndDrop({\n    onDrop: onDropHandler,\n  });\n\n  return {\n    isDropZoneHidden: dropZoneHidden,\n    isDisabledByQueueLimitBehavior: disabledByQueueLimitBehavior,\n    onChange: onChangeHandler,\n    ...dragAndDropProps,\n  };\n};\n"],"names":["useFileUploaderInput","props","maxFileSize","maxUploadedFiles","queueLimitBehavior","isMultiple","onError","accept","disabledByQueueLimitBehavior","setDisabledByQueueLimitBehavior","useState","dropZoneHidden","setDropZoneHidden","fileQueue","addToQueue","clearQueue","errorMessages","useFileUploaderContext","getUpdatedFileName","name","checkAllowedFileSize","file","checkIsMultiple","checkFileDuplicity","checkQueueSize","checkAllowedFileType","fileExtension","fileType","shouldValidate","isTypeSupported","acceptArray","acceptExtensions","exp","acceptTypes","acceptExtension","expression","acceptType","updateDropZoneVisibility","queue","clearQueueHandler","fileProcessHandler","error","warning","onDropHandler","event","transferItems","transferFiles","counter","overLimit","item","onChangeHandler","files","filesArray","useEffect","dragAndDropProps","useDragAndDrop"],"mappings":"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"}

package/dist/components/FileUploader/useFileUploaderStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("classnames"),R=require("../../hooks/useClassNamePrefix.cjs"),o=require("./constants.cjs"),V=e=>{const a=R.useClassNamePrefix("FileUploader"),U="has-drag-and-drop",m=`${a}--fluid`,l=`${a}Input`,_=`${l}--disabled`,b=`${l}--${e?.validationState}`,I="is-dragging",$=`${l}__dragAndDropLabel`,p=`${l}__dropZone`,S=`${p}Label`,L=`${l}__helperText`,D="d-none",H=`${l}__input`,x=`${l}__label`,y=`${l}__label--hidden`,F=`${l}__label--required`,v=`${l}__link`,A=["link-primary","link-underlined"],T=`${l}__validationText`,q=`${a}List`,i=`${a}Attachment`,M=`${i}__name`,P=`${i}__action`,k=`${i}__image`,N=`${i}__slot`,{meta:n,imageObjectFit:r}=e||{};let c,u;const C=n!=null&&["x","y","cropWidth","cropHeight","originalWidth","originalHeight"].every(d=>n[d]!=null);if(C){const{x:d,y:W,cropWidth:g,cropHeight:f,originalWidth:B,originalHeight:O}=n,h=o.IMAGE_DIMENSION;let t;f>g?t=h/g:t=h/f;const Z=Math.round(d*t),j=Math.round(W*t),E=Math.round(B*t),G=Math.round(O*t);c={[o.FileUploaderCropCSS.TOP]:`-${j}px`,[o.FileUploaderCropCSS.LEFT]:`-${Z}px`,[o.FileUploaderCropCSS.WIDTH]:`${E}px`,[o.FileUploaderCropCSS.HEIGHT]:`${G}px`}}return r&&(u={"--file-uploader-attachment-image-object-fit":r}),{classProps:{root:s(a,{[m]:e?.isFluid}),input:{root:s(l,{[U]:e?.isDragAndDropSupported,[_]:e?.isDisabled||e?.isDisabledByQueueLimitBehavior&&e?.queueLimitBehavior==="disable",[I]:e?.isDragging,[D]:e?.isDropZoneHidden&&e.queueLimitBehavior==="hide",[b]:e?.validationState}),label:s(x,{[F]:e?.isRequired,[y]:e?.isLabelHidden}),input:H,dropLabel:$,helper:L,link:s(v,...A),validationText:T,dropZone:{root:p,label:S}},list:q,attachment:{root:i,button:P,name:M,image:k,slot:N},...C&&{imageCropStyles:c},...r&&{attachmentStyles:u}}}};exports.useFileUploaderStyleProps=V;
+//# sourceMappingURL=useFileUploaderStyleProps.cjs.map

package/dist/components/FileUploader/useFileUploaderStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFileUploaderStyleProps.cjs","sources":["../../../src/components/FileUploader/useFileUploaderStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { type CSSProperties } from 'react';\nimport { type ObjectFit } from '../../constants';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type FileMetadata, type FileUploaderQueueLimitBehaviorType, type Validation } from '../../types';\nimport { FileUploaderCropCSS, IMAGE_DIMENSION } from './constants';\n\nexport interface FileUploaderStyleProps extends Validation {\n  imageObjectFit?: (typeof ObjectFit)[keyof typeof ObjectFit];\n  isDisabled?: boolean;\n  isDisabledByQueueLimitBehavior?: boolean;\n  isDragAndDropSupported?: boolean;\n  isDragging?: boolean;\n  isDropZoneHidden?: boolean;\n  isFluid?: boolean;\n  isLabelHidden?: boolean;\n  meta?: FileMetadata;\n  queueLimitBehavior?: FileUploaderQueueLimitBehaviorType;\n}\n\ntype ImageCropCSS = {\n  [FileUploaderCropCSS.TOP]?: string;\n  [FileUploaderCropCSS.LEFT]?: string;\n  [FileUploaderCropCSS.WIDTH]?: string;\n  [FileUploaderCropCSS.HEIGHT]?: string;\n} & CSSProperties;\n\ntype ImageObjectFit = {\n  '--file-uploader-attachment-image-object-fit': string;\n};\n\ntype ImageCropMeta = {\n  x: number;\n  y: number;\n  cropWidth: number;\n  cropHeight: number;\n  originalWidth: number;\n  originalHeight: number;\n};\n\nexport interface FileUploaderStyleReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    input: {\n      root: string;\n      label: string;\n      input: string;\n      dropLabel: string;\n      helper: string;\n      link: string;\n      validationText: string;\n      dropZone: {\n        root: string;\n        label: string;\n      };\n    };\n    list: string;\n    attachment: {\n      root: string;\n      button: string;\n      name: string;\n      image: string;\n      slot: string;\n    };\n    imageCropStyles?: ImageCropCSS;\n    attachmentStyles?: ImageObjectFit;\n  };\n}\n\nexport const useFileUploaderStyleProps = (props?: FileUploaderStyleProps): FileUploaderStyleReturn => {\n  const fileUploaderClass = useClassNamePrefix('FileUploader');\n  const fileUploaderHasDragAndDropClass = 'has-drag-and-drop';\n  const fileUploaderFluidClass = `${fileUploaderClass}--fluid`;\n  const fileUploaderInputClass = `${fileUploaderClass}Input`;\n  const fileUploaderInputDisabledClass = `${fileUploaderInputClass}--disabled`;\n  const fileUploaderInputValidationClass = `${fileUploaderInputClass}--${props?.validationState}`;\n  const fileUploaderInputDraggingClass = 'is-dragging';\n  const fileUploaderInputDropLabelClass = `${fileUploaderInputClass}__dragAndDropLabel`;\n  const fileUploaderInputDropZoneClass = `${fileUploaderInputClass}__dropZone`;\n  const fileUploaderInputDropZoneLabelClass = `${fileUploaderInputDropZoneClass}Label`;\n  const fileUploaderInputHelperClass = `${fileUploaderInputClass}__helperText`;\n  const fileUploaderInputHiddenClass = 'd-none';\n  const fileUploaderInputInputClass = `${fileUploaderInputClass}__input`;\n  const fileUploaderInputLabelClass = `${fileUploaderInputClass}__label`;\n  const fileUploaderInputLabelHiddenClass = `${fileUploaderInputClass}__label--hidden`;\n  const fileUploaderInputLabelRequiredClass = `${fileUploaderInputClass}__label--required`;\n  const fileUploaderInputLinkClass = `${fileUploaderInputClass}__link`;\n  const fileUploaderInputLinkUtilityClasses = ['link-primary', 'link-underlined'];\n  const fileUploaderInputValidationTextClass = `${fileUploaderInputClass}__validationText`;\n  const fileUploaderListClass = `${fileUploaderClass}List`;\n  const fileUploaderAttachmentClass = `${fileUploaderClass}Attachment`;\n  const fileUploaderAttachmentNameClass = `${fileUploaderAttachmentClass}__name`;\n  const fileUploaderAttachmentButtonClass = `${fileUploaderAttachmentClass}__action`;\n  const fileUploaderAttachmentImageClass = `${fileUploaderAttachmentClass}__image`;\n  const fileUploaderAttachmentSlotClass = `${fileUploaderAttachmentClass}__slot`;\n\n  const { meta, imageObjectFit } = props || {};\n  let imageCropCSS: ImageCropCSS | undefined;\n  let imageObjectFitCSS: ImageObjectFit | undefined;\n  const hasCoordsInMeta =\n    meta != null &&\n    ['x', 'y', 'cropWidth', 'cropHeight', 'originalWidth', 'originalHeight'].every((coord) => meta[coord] != null);\n\n  if (hasCoordsInMeta) {\n    const { x, y, cropWidth, cropHeight, originalWidth, originalHeight } = meta as ImageCropMeta;\n    const previewHeight = IMAGE_DIMENSION;\n    let scale;\n    if (cropHeight > cropWidth) {\n      // scale for portrait images\n      scale = previewHeight / cropWidth;\n    } else {\n      // scale for landscape images\n      scale = previewHeight / cropHeight;\n    }\n\n    const cropX = Math.round(x * scale);\n    const cropY = Math.round(y * scale);\n    const imageWidth = Math.round(originalWidth * scale);\n    const imageHeight = Math.round(originalHeight * scale);\n\n    imageCropCSS = {\n      [FileUploaderCropCSS.TOP]: `-${cropY}px`,\n      [FileUploaderCropCSS.LEFT]: `-${cropX}px`,\n      [FileUploaderCropCSS.WIDTH]: `${imageWidth}px`,\n      [FileUploaderCropCSS.HEIGHT]: `${imageHeight}px`,\n    };\n  }\n\n  if (imageObjectFit) {\n    imageObjectFitCSS = {\n      '--file-uploader-attachment-image-object-fit': imageObjectFit,\n    };\n  }\n\n  return {\n    classProps: {\n      root: classNames(fileUploaderClass, { [fileUploaderFluidClass]: props?.isFluid }),\n      input: {\n        root: classNames(fileUploaderInputClass, {\n          [fileUploaderHasDragAndDropClass]: props?.isDragAndDropSupported,\n          [fileUploaderInputDisabledClass]:\n            props?.isDisabled || (props?.isDisabledByQueueLimitBehavior && props?.queueLimitBehavior === 'disable'),\n          [fileUploaderInputDraggingClass]: props?.isDragging,\n          [fileUploaderInputHiddenClass]: props?.isDropZoneHidden && props.queueLimitBehavior === 'hide',\n          [fileUploaderInputValidationClass]: props?.validationState,\n        }),\n        label: classNames(fileUploaderInputLabelClass, {\n          [fileUploaderInputLabelRequiredClass]: props?.isRequired,\n          [fileUploaderInputLabelHiddenClass]: props?.isLabelHidden,\n        }),\n        input: fileUploaderInputInputClass,\n        dropLabel: fileUploaderInputDropLabelClass,\n        helper: fileUploaderInputHelperClass,\n        link: classNames(fileUploaderInputLinkClass, ...fileUploaderInputLinkUtilityClasses),\n        validationText: fileUploaderInputValidationTextClass,\n        dropZone: {\n          root: fileUploaderInputDropZoneClass,\n          label: fileUploaderInputDropZoneLabelClass,\n        },\n      },\n      list: fileUploaderListClass,\n      attachment: {\n        root: fileUploaderAttachmentClass,\n        button: fileUploaderAttachmentButtonClass,\n        name: fileUploaderAttachmentNameClass,\n        image: fileUploaderAttachmentImageClass,\n        slot: fileUploaderAttachmentSlotClass,\n      },\n      ...(hasCoordsInMeta && { imageCropStyles: imageCropCSS }),\n      ...(imageObjectFit && { attachmentStyles: imageObjectFitCSS }),\n    },\n  };\n};\n"],"names":["useFileUploaderStyleProps","props","fileUploaderClass","useClassNamePrefix","fileUploaderHasDragAndDropClass","fileUploaderFluidClass","fileUploaderInputClass","fileUploaderInputDisabledClass","fileUploaderInputValidationClass","fileUploaderInputDraggingClass","fileUploaderInputDropLabelClass","fileUploaderInputDropZoneClass","fileUploaderInputDropZoneLabelClass","fileUploaderInputHelperClass","fileUploaderInputHiddenClass","fileUploaderInputInputClass","fileUploaderInputLabelClass","fileUploaderInputLabelHiddenClass","fileUploaderInputLabelRequiredClass","fileUploaderInputLinkClass","fileUploaderInputLinkUtilityClasses","fileUploaderInputValidationTextClass","fileUploaderListClass","fileUploaderAttachmentClass","fileUploaderAttachmentNameClass","fileUploaderAttachmentButtonClass","fileUploaderAttachmentImageClass","fileUploaderAttachmentSlotClass","meta","imageObjectFit","imageCropCSS","imageObjectFitCSS","hasCoordsInMeta","coord","x","y","cropWidth","cropHeight","originalWidth","originalHeight","previewHeight","IMAGE_DIMENSION","scale","cropX","cropY","imageWidth","imageHeight","FileUploaderCropCSS","classNames"],"mappings":"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"}

package/dist/components/FileUploader/useFileUploaderStyleProps.d.ts

@@ -0,0 +1,55 @@
+import { CSSProperties } from 'react';
+import { ObjectFit } from '../../constants';
+import { FileMetadata, FileUploaderQueueLimitBehaviorType, Validation } from '../../types';
+import { FileUploaderCropCSS } from './constants';
+export interface FileUploaderStyleProps extends Validation {
+    imageObjectFit?: (typeof ObjectFit)[keyof typeof ObjectFit];
+    isDisabled?: boolean;
+    isDisabledByQueueLimitBehavior?: boolean;
+    isDragAndDropSupported?: boolean;
+    isDragging?: boolean;
+    isDropZoneHidden?: boolean;
+    isFluid?: boolean;
+    isLabelHidden?: boolean;
+    meta?: FileMetadata;
+    queueLimitBehavior?: FileUploaderQueueLimitBehaviorType;
+}
+type ImageCropCSS = {
+    [FileUploaderCropCSS.TOP]?: string;
+    [FileUploaderCropCSS.LEFT]?: string;
+    [FileUploaderCropCSS.WIDTH]?: string;
+    [FileUploaderCropCSS.HEIGHT]?: string;
+} & CSSProperties;
+type ImageObjectFit = {
+    '--file-uploader-attachment-image-object-fit': string;
+};
+export interface FileUploaderStyleReturn {
+    classProps: {
+        root: string;
+        input: {
+            root: string;
+            label: string;
+            input: string;
+            dropLabel: string;
+            helper: string;
+            link: string;
+            validationText: string;
+            dropZone: {
+                root: string;
+                label: string;
+            };
+        };
+        list: string;
+        attachment: {
+            root: string;
+            button: string;
+            name: string;
+            image: string;
+            slot: string;
+        };
+        imageCropStyles?: ImageCropCSS;
+        attachmentStyles?: ImageObjectFit;
+    };
+}
+export declare const useFileUploaderStyleProps: (props?: FileUploaderStyleProps) => FileUploaderStyleReturn;
+export {};

package/dist/components/FileUploader/useFileUploaderStyleProps.js

@@ -0,0 +1,63 @@
+import o from "classnames";
+import { useClassNamePrefix as R } from "../../hooks/useClassNamePrefix.js";
+import { FileUploaderCropCSS as n, IMAGE_DIMENSION as V } from "./constants.js";
+const Y = (e) => {
+  const a = R("FileUploader"), C = "has-drag-and-drop", U = `${a}--fluid`, t = `${a}Input`, _ = `${t}--disabled`, I = `${t}--${e?.validationState}`, $ = "is-dragging", b = `${t}__dragAndDropLabel`, p = `${t}__dropZone`, L = `${p}Label`, D = `${t}__helperText`, H = "d-none", S = `${t}__input`, x = `${t}__label`, A = `${t}__label--hidden`, v = `${t}__label--required`, y = `${t}__link`, F = ["link-primary", "link-underlined"], T = `${t}__validationText`, M = `${a}List`, i = `${a}Attachment`, k = `${i}__name`, W = `${i}__action`, q = `${i}__image`, B = `${i}__slot`, { meta: s, imageObjectFit: r } = e || {};
+  let c, u;
+  const f = s != null && ["x", "y", "cropWidth", "cropHeight", "originalWidth", "originalHeight"].every((d) => s[d] != null);
+  if (f) {
+    const { x: d, y: N, cropWidth: m, cropHeight: g, originalWidth: Z, originalHeight: E } = s, h = V;
+    let l;
+    g > m ? l = h / m : l = h / g;
+    const O = Math.round(d * l), P = Math.round(N * l), j = Math.round(Z * l), G = Math.round(E * l);
+    c = {
+      [n.TOP]: `-${P}px`,
+      [n.LEFT]: `-${O}px`,
+      [n.WIDTH]: `${j}px`,
+      [n.HEIGHT]: `${G}px`
+    };
+  }
+  return r && (u = {
+    "--file-uploader-attachment-image-object-fit": r
+  }), {
+    classProps: {
+      root: o(a, { [U]: e?.isFluid }),
+      input: {
+        root: o(t, {
+          [C]: e?.isDragAndDropSupported,
+          [_]: e?.isDisabled || e?.isDisabledByQueueLimitBehavior && e?.queueLimitBehavior === "disable",
+          [$]: e?.isDragging,
+          [H]: e?.isDropZoneHidden && e.queueLimitBehavior === "hide",
+          [I]: e?.validationState
+        }),
+        label: o(x, {
+          [v]: e?.isRequired,
+          [A]: e?.isLabelHidden
+        }),
+        input: S,
+        dropLabel: b,
+        helper: D,
+        link: o(y, ...F),
+        validationText: T,
+        dropZone: {
+          root: p,
+          label: L
+        }
+      },
+      list: M,
+      attachment: {
+        root: i,
+        button: W,
+        name: k,
+        image: q,
+        slot: B
+      },
+      ...f && { imageCropStyles: c },
+      ...r && { attachmentStyles: u }
+    }
+  };
+};
+export {
+  Y as useFileUploaderStyleProps
+};
+//# sourceMappingURL=useFileUploaderStyleProps.js.map

package/dist/components/FileUploader/useFileUploaderStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFileUploaderStyleProps.js","sources":["../../../src/components/FileUploader/useFileUploaderStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { type CSSProperties } from 'react';\nimport { type ObjectFit } from '../../constants';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type FileMetadata, type FileUploaderQueueLimitBehaviorType, type Validation } from '../../types';\nimport { FileUploaderCropCSS, IMAGE_DIMENSION } from './constants';\n\nexport interface FileUploaderStyleProps extends Validation {\n  imageObjectFit?: (typeof ObjectFit)[keyof typeof ObjectFit];\n  isDisabled?: boolean;\n  isDisabledByQueueLimitBehavior?: boolean;\n  isDragAndDropSupported?: boolean;\n  isDragging?: boolean;\n  isDropZoneHidden?: boolean;\n  isFluid?: boolean;\n  isLabelHidden?: boolean;\n  meta?: FileMetadata;\n  queueLimitBehavior?: FileUploaderQueueLimitBehaviorType;\n}\n\ntype ImageCropCSS = {\n  [FileUploaderCropCSS.TOP]?: string;\n  [FileUploaderCropCSS.LEFT]?: string;\n  [FileUploaderCropCSS.WIDTH]?: string;\n  [FileUploaderCropCSS.HEIGHT]?: string;\n} & CSSProperties;\n\ntype ImageObjectFit = {\n  '--file-uploader-attachment-image-object-fit': string;\n};\n\ntype ImageCropMeta = {\n  x: number;\n  y: number;\n  cropWidth: number;\n  cropHeight: number;\n  originalWidth: number;\n  originalHeight: number;\n};\n\nexport interface FileUploaderStyleReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    input: {\n      root: string;\n      label: string;\n      input: string;\n      dropLabel: string;\n      helper: string;\n      link: string;\n      validationText: string;\n      dropZone: {\n        root: string;\n        label: string;\n      };\n    };\n    list: string;\n    attachment: {\n      root: string;\n      button: string;\n      name: string;\n      image: string;\n      slot: string;\n    };\n    imageCropStyles?: ImageCropCSS;\n    attachmentStyles?: ImageObjectFit;\n  };\n}\n\nexport const useFileUploaderStyleProps = (props?: FileUploaderStyleProps): FileUploaderStyleReturn => {\n  const fileUploaderClass = useClassNamePrefix('FileUploader');\n  const fileUploaderHasDragAndDropClass = 'has-drag-and-drop';\n  const fileUploaderFluidClass = `${fileUploaderClass}--fluid`;\n  const fileUploaderInputClass = `${fileUploaderClass}Input`;\n  const fileUploaderInputDisabledClass = `${fileUploaderInputClass}--disabled`;\n  const fileUploaderInputValidationClass = `${fileUploaderInputClass}--${props?.validationState}`;\n  const fileUploaderInputDraggingClass = 'is-dragging';\n  const fileUploaderInputDropLabelClass = `${fileUploaderInputClass}__dragAndDropLabel`;\n  const fileUploaderInputDropZoneClass = `${fileUploaderInputClass}__dropZone`;\n  const fileUploaderInputDropZoneLabelClass = `${fileUploaderInputDropZoneClass}Label`;\n  const fileUploaderInputHelperClass = `${fileUploaderInputClass}__helperText`;\n  const fileUploaderInputHiddenClass = 'd-none';\n  const fileUploaderInputInputClass = `${fileUploaderInputClass}__input`;\n  const fileUploaderInputLabelClass = `${fileUploaderInputClass}__label`;\n  const fileUploaderInputLabelHiddenClass = `${fileUploaderInputClass}__label--hidden`;\n  const fileUploaderInputLabelRequiredClass = `${fileUploaderInputClass}__label--required`;\n  const fileUploaderInputLinkClass = `${fileUploaderInputClass}__link`;\n  const fileUploaderInputLinkUtilityClasses = ['link-primary', 'link-underlined'];\n  const fileUploaderInputValidationTextClass = `${fileUploaderInputClass}__validationText`;\n  const fileUploaderListClass = `${fileUploaderClass}List`;\n  const fileUploaderAttachmentClass = `${fileUploaderClass}Attachment`;\n  const fileUploaderAttachmentNameClass = `${fileUploaderAttachmentClass}__name`;\n  const fileUploaderAttachmentButtonClass = `${fileUploaderAttachmentClass}__action`;\n  const fileUploaderAttachmentImageClass = `${fileUploaderAttachmentClass}__image`;\n  const fileUploaderAttachmentSlotClass = `${fileUploaderAttachmentClass}__slot`;\n\n  const { meta, imageObjectFit } = props || {};\n  let imageCropCSS: ImageCropCSS | undefined;\n  let imageObjectFitCSS: ImageObjectFit | undefined;\n  const hasCoordsInMeta =\n    meta != null &&\n    ['x', 'y', 'cropWidth', 'cropHeight', 'originalWidth', 'originalHeight'].every((coord) => meta[coord] != null);\n\n  if (hasCoordsInMeta) {\n    const { x, y, cropWidth, cropHeight, originalWidth, originalHeight } = meta as ImageCropMeta;\n    const previewHeight = IMAGE_DIMENSION;\n    let scale;\n    if (cropHeight > cropWidth) {\n      // scale for portrait images\n      scale = previewHeight / cropWidth;\n    } else {\n      // scale for landscape images\n      scale = previewHeight / cropHeight;\n    }\n\n    const cropX = Math.round(x * scale);\n    const cropY = Math.round(y * scale);\n    const imageWidth = Math.round(originalWidth * scale);\n    const imageHeight = Math.round(originalHeight * scale);\n\n    imageCropCSS = {\n      [FileUploaderCropCSS.TOP]: `-${cropY}px`,\n      [FileUploaderCropCSS.LEFT]: `-${cropX}px`,\n      [FileUploaderCropCSS.WIDTH]: `${imageWidth}px`,\n      [FileUploaderCropCSS.HEIGHT]: `${imageHeight}px`,\n    };\n  }\n\n  if (imageObjectFit) {\n    imageObjectFitCSS = {\n      '--file-uploader-attachment-image-object-fit': imageObjectFit,\n    };\n  }\n\n  return {\n    classProps: {\n      root: classNames(fileUploaderClass, { [fileUploaderFluidClass]: props?.isFluid }),\n      input: {\n        root: classNames(fileUploaderInputClass, {\n          [fileUploaderHasDragAndDropClass]: props?.isDragAndDropSupported,\n          [fileUploaderInputDisabledClass]:\n            props?.isDisabled || (props?.isDisabledByQueueLimitBehavior && props?.queueLimitBehavior === 'disable'),\n          [fileUploaderInputDraggingClass]: props?.isDragging,\n          [fileUploaderInputHiddenClass]: props?.isDropZoneHidden && props.queueLimitBehavior === 'hide',\n          [fileUploaderInputValidationClass]: props?.validationState,\n        }),\n        label: classNames(fileUploaderInputLabelClass, {\n          [fileUploaderInputLabelRequiredClass]: props?.isRequired,\n          [fileUploaderInputLabelHiddenClass]: props?.isLabelHidden,\n        }),\n        input: fileUploaderInputInputClass,\n        dropLabel: fileUploaderInputDropLabelClass,\n        helper: fileUploaderInputHelperClass,\n        link: classNames(fileUploaderInputLinkClass, ...fileUploaderInputLinkUtilityClasses),\n        validationText: fileUploaderInputValidationTextClass,\n        dropZone: {\n          root: fileUploaderInputDropZoneClass,\n          label: fileUploaderInputDropZoneLabelClass,\n        },\n      },\n      list: fileUploaderListClass,\n      attachment: {\n        root: fileUploaderAttachmentClass,\n        button: fileUploaderAttachmentButtonClass,\n        name: fileUploaderAttachmentNameClass,\n        image: fileUploaderAttachmentImageClass,\n        slot: fileUploaderAttachmentSlotClass,\n      },\n      ...(hasCoordsInMeta && { imageCropStyles: imageCropCSS }),\n      ...(imageObjectFit && { attachmentStyles: imageObjectFitCSS }),\n    },\n  };\n};\n"],"names":["useFileUploaderStyleProps","props","fileUploaderClass","useClassNamePrefix","fileUploaderHasDragAndDropClass","fileUploaderFluidClass","fileUploaderInputClass","fileUploaderInputDisabledClass","fileUploaderInputValidationClass","fileUploaderInputDraggingClass","fileUploaderInputDropLabelClass","fileUploaderInputDropZoneClass","fileUploaderInputDropZoneLabelClass","fileUploaderInputHelperClass","fileUploaderInputHiddenClass","fileUploaderInputInputClass","fileUploaderInputLabelClass","fileUploaderInputLabelHiddenClass","fileUploaderInputLabelRequiredClass","fileUploaderInputLinkClass","fileUploaderInputLinkUtilityClasses","fileUploaderInputValidationTextClass","fileUploaderListClass","fileUploaderAttachmentClass","fileUploaderAttachmentNameClass","fileUploaderAttachmentButtonClass","fileUploaderAttachmentImageClass","fileUploaderAttachmentSlotClass","meta","imageObjectFit","imageCropCSS","imageObjectFitCSS","hasCoordsInMeta","coord","x","y","cropWidth","cropHeight","originalWidth","originalHeight","previewHeight","IMAGE_DIMENSION","scale","cropX","cropY","imageWidth","imageHeight","FileUploaderCropCSS","classNames"],"mappings":"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"}

package/dist/components/FileUploader/utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../common/utilities/warning.cjs"),d=(r,n,a)=>{const t=document.createElement("input"),e=new DataTransfer;if(r)e.items?.add(r);else{a?a("File not found"):u.default(!1,"File not found");return}return t.setAttribute("type","file"),t.setAttribute("name",`${n}[]`),t.setAttribute("hidden",""),t.files=e.files,t},l=(r,n,a)=>{const t=document.createElement("input");return t.setAttribute("type","text"),t.setAttribute("name",`${n}_meta`),t.setAttribute("value",JSON.stringify(a)),t.setAttribute("hidden",""),t},m=(r,n,a)=>{const t=new FileReader;t.onload=e=>{const i=new Image;i.onload=()=>{const s=document.createElement("canvas"),o=s.getContext("2d");s.width=n,s.height=i.height/i.width*n,o?.drawImage(i,0,0,s.width,s.height);const c=s.toDataURL("image/jpeg",.8);a(c)},e.target&&e.target.result&&(i.src=e.target.result.toString())},t.readAsDataURL(r)},g=r=>{const n=atob(r),a=new Array(n.length);for(let e=0;e<n.length;e++)a[e]=n.charCodeAt(e);return new Uint8Array(a)};exports.base64ToByteArray=g;exports.getAttachmentInput=d;exports.getAttachmentMetaInput=l;exports.image2Base64Preview=m;
+//# sourceMappingURL=utils.cjs.map

package/dist/components/FileUploader/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","sources":["../../../src/components/FileUploader/utils.ts"],"sourcesContent":["import { warning } from '../../common/utilities';\nimport { type FileMetadata } from '../../types/fileUploader';\n\nconst getAttachmentInput = (\n  file: File,\n  name: string,\n  onError?: (error: string) => void,\n): HTMLInputElement | undefined => {\n  const attachmentInputElement = document.createElement('input');\n  const dataContainer = new DataTransfer();\n\n  if (file) {\n    dataContainer.items?.add(file);\n  } else {\n    if (onError) {\n      onError('File not found');\n    } else {\n      warning(false, 'File not found');\n    }\n\n    return;\n  }\n\n  attachmentInputElement.setAttribute('type', 'file');\n  attachmentInputElement.setAttribute('name', `${name}[]`);\n  attachmentInputElement.setAttribute('hidden', '');\n\n  attachmentInputElement.files = dataContainer.files;\n\n  return attachmentInputElement;\n};\n\nconst getAttachmentMetaInput = (file: File, name: string, meta: FileMetadata): HTMLInputElement => {\n  const attachmentInputElement = document.createElement('input');\n\n  attachmentInputElement.setAttribute('type', 'text');\n  attachmentInputElement.setAttribute('name', `${name}_meta`);\n  attachmentInputElement.setAttribute('value', JSON.stringify(meta));\n  attachmentInputElement.setAttribute('hidden', '');\n\n  return attachmentInputElement;\n};\n\nconst image2Base64Preview = (file: File, maxWidth: number, callback: (base64Preview: string) => void) => {\n  const reader = new FileReader();\n\n  reader.onload = (event) => {\n    const image = new Image();\n    image.onload = () => {\n      const canvas = document.createElement('canvas');\n      const context = canvas.getContext('2d');\n      canvas.width = maxWidth;\n      canvas.height = (image.height / image.width) * maxWidth;\n      context?.drawImage(image, 0, 0, canvas.width, canvas.height);\n      const compressedDataURL = canvas.toDataURL('image/jpeg', 0.8);\n      callback(compressedDataURL);\n    };\n\n    if (event.target && event.target.result) {\n      image.src = event.target.result.toString();\n    }\n  };\n\n  reader.readAsDataURL(file);\n};\n\nconst base64ToByteArray = (base64Image: string) => {\n  const byteCharacters = atob(base64Image);\n  const byteNumbers = new Array(byteCharacters.length);\n  for (let i = 0; i < byteCharacters.length; i++) {\n    byteNumbers[i] = byteCharacters.charCodeAt(i);\n  }\n  const byteArray = new Uint8Array(byteNumbers);\n\n  return byteArray;\n};\n\nexport { base64ToByteArray, getAttachmentInput, getAttachmentMetaInput, image2Base64Preview };\n"],"names":["getAttachmentInput","file","name","onError","attachmentInputElement","dataContainer","warning","getAttachmentMetaInput","meta","image2Base64Preview","maxWidth","callback","reader","event","image","canvas","context","compressedDataURL","base64ToByteArray","base64Image","byteCharacters","byteNumbers","i"],"mappings":"sIAGMA,EAAqB,CACzBC,EACAC,EACAC,IACiC,CACjC,MAAMC,EAAyB,SAAS,cAAc,OAAO,EACvDC,EAAgB,IAAI,aAE1B,GAAIJ,EACFI,EAAc,OAAO,IAAIJ,CAAI,MACxB,CACDE,EACFA,EAAQ,gBAAgB,EAExBG,EAAAA,QAAQ,GAAO,gBAAgB,EAGjC,MACF,CAEA,OAAAF,EAAuB,aAAa,OAAQ,MAAM,EAClDA,EAAuB,aAAa,OAAQ,GAAGF,CAAI,IAAI,EACvDE,EAAuB,aAAa,SAAU,EAAE,EAEhDA,EAAuB,MAAQC,EAAc,MAEtCD,CACT,EAEMG,EAAyB,CAACN,EAAYC,EAAcM,IAAyC,CACjG,MAAMJ,EAAyB,SAAS,cAAc,OAAO,EAE7D,OAAAA,EAAuB,aAAa,OAAQ,MAAM,EAClDA,EAAuB,aAAa,OAAQ,GAAGF,CAAI,OAAO,EAC1DE,EAAuB,aAAa,QAAS,KAAK,UAAUI,CAAI,CAAC,EACjEJ,EAAuB,aAAa,SAAU,EAAE,EAEzCA,CACT,EAEMK,EAAsB,CAACR,EAAYS,EAAkBC,IAA8C,CACvG,MAAMC,EAAS,IAAI,WAEnBA,EAAO,OAAUC,GAAU,CACzB,MAAMC,EAAQ,IAAI,MAClBA,EAAM,OAAS,IAAM,CACnB,MAAMC,EAAS,SAAS,cAAc,QAAQ,EACxCC,EAAUD,EAAO,WAAW,IAAI,EACtCA,EAAO,MAAQL,EACfK,EAAO,OAAUD,EAAM,OAASA,EAAM,MAASJ,EAC/CM,GAAS,UAAUF,EAAO,EAAG,EAAGC,EAAO,MAAOA,EAAO,MAAM,EAC3D,MAAME,EAAoBF,EAAO,UAAU,aAAc,EAAG,EAC5DJ,EAASM,CAAiB,CAC5B,EAEIJ,EAAM,QAAUA,EAAM,OAAO,SAC/BC,EAAM,IAAMD,EAAM,OAAO,OAAO,SAAA,EAEpC,EAEAD,EAAO,cAAcX,CAAI,CAC3B,EAEMiB,EAAqBC,GAAwB,CACjD,MAAMC,EAAiB,KAAKD,CAAW,EACjCE,EAAc,IAAI,MAAMD,EAAe,MAAM,EACnD,QAASE,EAAI,EAAGA,EAAIF,EAAe,OAAQE,IACzCD,EAAYC,CAAC,EAAIF,EAAe,WAAWE,CAAC,EAI9C,OAFkB,IAAI,WAAWD,CAAW,CAG9C"}

package/dist/components/FileUploader/utils.d.ts

@@ -0,0 +1,6 @@
+import { FileMetadata } from '../../types/fileUploader';
+declare const getAttachmentInput: (file: File, name: string, onError?: (error: string) => void) => HTMLInputElement | undefined;
+declare const getAttachmentMetaInput: (file: File, name: string, meta: FileMetadata) => HTMLInputElement;
+declare const image2Base64Preview: (file: File, maxWidth: number, callback: (base64Preview: string) => void) => void;
+declare const base64ToByteArray: (base64Image: string) => Uint8Array<ArrayBuffer>;
+export { base64ToByteArray, getAttachmentInput, getAttachmentMetaInput, image2Base64Preview };

package/dist/components/FileUploader/utils.js

@@ -0,0 +1,37 @@
+import u from "../../common/utilities/warning.js";
+const d = (r, n, a) => {
+  const t = document.createElement("input"), e = new DataTransfer();
+  if (r)
+    e.items?.add(r);
+  else {
+    a ? a("File not found") : u(!1, "File not found");
+    return;
+  }
+  return t.setAttribute("type", "file"), t.setAttribute("name", `${n}[]`), t.setAttribute("hidden", ""), t.files = e.files, t;
+}, l = (r, n, a) => {
+  const t = document.createElement("input");
+  return t.setAttribute("type", "text"), t.setAttribute("name", `${n}_meta`), t.setAttribute("value", JSON.stringify(a)), t.setAttribute("hidden", ""), t;
+}, g = (r, n, a) => {
+  const t = new FileReader();
+  t.onload = (e) => {
+    const i = new Image();
+    i.onload = () => {
+      const s = document.createElement("canvas"), o = s.getContext("2d");
+      s.width = n, s.height = i.height / i.width * n, o?.drawImage(i, 0, 0, s.width, s.height);
+      const c = s.toDataURL("image/jpeg", 0.8);
+      a(c);
+    }, e.target && e.target.result && (i.src = e.target.result.toString());
+  }, t.readAsDataURL(r);
+}, h = (r) => {
+  const n = atob(r), a = new Array(n.length);
+  for (let e = 0; e < n.length; e++)
+    a[e] = n.charCodeAt(e);
+  return new Uint8Array(a);
+};
+export {
+  h as base64ToByteArray,
+  d as getAttachmentInput,
+  l as getAttachmentMetaInput,
+  g as image2Base64Preview
+};
+//# sourceMappingURL=utils.js.map

package/dist/components/FileUploader/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/FileUploader/utils.ts"],"sourcesContent":["import { warning } from '../../common/utilities';\nimport { type FileMetadata } from '../../types/fileUploader';\n\nconst getAttachmentInput = (\n  file: File,\n  name: string,\n  onError?: (error: string) => void,\n): HTMLInputElement | undefined => {\n  const attachmentInputElement = document.createElement('input');\n  const dataContainer = new DataTransfer();\n\n  if (file) {\n    dataContainer.items?.add(file);\n  } else {\n    if (onError) {\n      onError('File not found');\n    } else {\n      warning(false, 'File not found');\n    }\n\n    return;\n  }\n\n  attachmentInputElement.setAttribute('type', 'file');\n  attachmentInputElement.setAttribute('name', `${name}[]`);\n  attachmentInputElement.setAttribute('hidden', '');\n\n  attachmentInputElement.files = dataContainer.files;\n\n  return attachmentInputElement;\n};\n\nconst getAttachmentMetaInput = (file: File, name: string, meta: FileMetadata): HTMLInputElement => {\n  const attachmentInputElement = document.createElement('input');\n\n  attachmentInputElement.setAttribute('type', 'text');\n  attachmentInputElement.setAttribute('name', `${name}_meta`);\n  attachmentInputElement.setAttribute('value', JSON.stringify(meta));\n  attachmentInputElement.setAttribute('hidden', '');\n\n  return attachmentInputElement;\n};\n\nconst image2Base64Preview = (file: File, maxWidth: number, callback: (base64Preview: string) => void) => {\n  const reader = new FileReader();\n\n  reader.onload = (event) => {\n    const image = new Image();\n    image.onload = () => {\n      const canvas = document.createElement('canvas');\n      const context = canvas.getContext('2d');\n      canvas.width = maxWidth;\n      canvas.height = (image.height / image.width) * maxWidth;\n      context?.drawImage(image, 0, 0, canvas.width, canvas.height);\n      const compressedDataURL = canvas.toDataURL('image/jpeg', 0.8);\n      callback(compressedDataURL);\n    };\n\n    if (event.target && event.target.result) {\n      image.src = event.target.result.toString();\n    }\n  };\n\n  reader.readAsDataURL(file);\n};\n\nconst base64ToByteArray = (base64Image: string) => {\n  const byteCharacters = atob(base64Image);\n  const byteNumbers = new Array(byteCharacters.length);\n  for (let i = 0; i < byteCharacters.length; i++) {\n    byteNumbers[i] = byteCharacters.charCodeAt(i);\n  }\n  const byteArray = new Uint8Array(byteNumbers);\n\n  return byteArray;\n};\n\nexport { base64ToByteArray, getAttachmentInput, getAttachmentMetaInput, image2Base64Preview };\n"],"names":["getAttachmentInput","file","name","onError","attachmentInputElement","dataContainer","warning","getAttachmentMetaInput","meta","image2Base64Preview","maxWidth","callback","reader","event","image","canvas","context","compressedDataURL","base64ToByteArray","base64Image","byteCharacters","byteNumbers","i"],"mappings":";AAGA,MAAMA,IAAqB,CACzBC,GACAC,GACAC,MACiC;AACjC,QAAMC,IAAyB,SAAS,cAAc,OAAO,GACvDC,IAAgB,IAAI,aAAA;AAE1B,MAAIJ;AACF,IAAAI,EAAc,OAAO,IAAIJ,CAAI;AAAA,OACxB;AACL,IAAIE,IACFA,EAAQ,gBAAgB,IAExBG,EAAQ,IAAO,gBAAgB;AAGjC;AAAA,EACF;AAEA,SAAAF,EAAuB,aAAa,QAAQ,MAAM,GAClDA,EAAuB,aAAa,QAAQ,GAAGF,CAAI,IAAI,GACvDE,EAAuB,aAAa,UAAU,EAAE,GAEhDA,EAAuB,QAAQC,EAAc,OAEtCD;AACT,GAEMG,IAAyB,CAACN,GAAYC,GAAcM,MAAyC;AACjG,QAAMJ,IAAyB,SAAS,cAAc,OAAO;AAE7D,SAAAA,EAAuB,aAAa,QAAQ,MAAM,GAClDA,EAAuB,aAAa,QAAQ,GAAGF,CAAI,OAAO,GAC1DE,EAAuB,aAAa,SAAS,KAAK,UAAUI,CAAI,CAAC,GACjEJ,EAAuB,aAAa,UAAU,EAAE,GAEzCA;AACT,GAEMK,IAAsB,CAACR,GAAYS,GAAkBC,MAA8C;AACvG,QAAMC,IAAS,IAAI,WAAA;AAEnB,EAAAA,EAAO,SAAS,CAACC,MAAU;AACzB,UAAMC,IAAQ,IAAI,MAAA;AAClB,IAAAA,EAAM,SAAS,MAAM;AACnB,YAAMC,IAAS,SAAS,cAAc,QAAQ,GACxCC,IAAUD,EAAO,WAAW,IAAI;AACtC,MAAAA,EAAO,QAAQL,GACfK,EAAO,SAAUD,EAAM,SAASA,EAAM,QAASJ,GAC/CM,GAAS,UAAUF,GAAO,GAAG,GAAGC,EAAO,OAAOA,EAAO,MAAM;AAC3D,YAAME,IAAoBF,EAAO,UAAU,cAAc,GAAG;AAC5D,MAAAJ,EAASM,CAAiB;AAAA,IAC5B,GAEIJ,EAAM,UAAUA,EAAM,OAAO,WAC/BC,EAAM,MAAMD,EAAM,OAAO,OAAO,SAAA;AAAA,EAEpC,GAEAD,EAAO,cAAcX,CAAI;AAC3B,GAEMiB,IAAoB,CAACC,MAAwB;AACjD,QAAMC,IAAiB,KAAKD,CAAW,GACjCE,IAAc,IAAI,MAAMD,EAAe,MAAM;AACnD,WAASE,IAAI,GAAGA,IAAIF,EAAe,QAAQE;AACzC,IAAAD,EAAYC,CAAC,IAAIF,EAAe,WAAWE,CAAC;AAI9C,SAFkB,IAAI,WAAWD,CAAW;AAG9C;"}

package/dist/components/FileUploader.d.ts

@@ -0,0 +1,2 @@
+export * from './FileUploader/index'
+export {}

package/dist/components/Flex/Flex.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const S=require("react/jsx-runtime"),g=require("react"),r=require("../../constants/dictionaries.cjs"),f=require("../../constants/direction.cjs"),T=require("../../hooks/styleProps.cjs"),q=require("../../utils/mergeStyleProps.cjs"),F=require("./useFlexStyleProps.cjs"),o={alignmentX:r.AlignmentXExtended.STRETCH,alignmentY:r.AlignmentYExtended.STRETCH,direction:f.DirectionExtended.HORIZONTAL,elementType:"div",isWrapping:!1},R=(n,i)=>{const l={...o,...n},{elementType:p=o.elementType,direction:c,children:u,...d}=l,t=p,{classProps:y,props:P,styleProps:a}=F.useFlexStyleProps({direction:c,...d}),{styleProps:m,props:s}=T.useStyleProps({...P}),x=q.mergeStyleProps(t,{classProps:y,flexStyle:a,styleProps:m,otherProps:s});return S.jsx(t,{...s,...x,ref:i,children:u})},e=g.forwardRef(R);e.spiritComponent="Flex";e.displayName="Flex";exports.default=e;
+//# sourceMappingURL=Flex.cjs.map

package/dist/components/Flex/Flex.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.cjs","sources":["../../../src/components/Flex/Flex.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { AlignmentXExtended, AlignmentYExtended, DirectionExtended } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type FlexProps, type PolymorphicComponent, type PolymorphicRef, type SpiritFlexProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useFlexStyleProps } from './useFlexStyleProps';\n\nconst defaultProps = {\n  alignmentX: AlignmentXExtended.STRETCH,\n  alignmentY: AlignmentYExtended.STRETCH,\n  direction: DirectionExtended.HORIZONTAL,\n  elementType: 'div',\n  isWrapping: false,\n};\n\nconst _Flex = <E extends ElementType = 'div'>(props: SpiritFlexProps<E>, ref: PolymorphicRef<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const {\n    elementType = defaultProps.elementType,\n    /**\n     * @deprecated \"row\" and \"column\" values will be removed in the next major version. Please use \"horizontal\" and \"vertical\" instead.\n     * @see https://jira.almacareer.tech/browse/DS-1629\n     */\n    direction,\n    children,\n    ...restProps\n  } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps, styleProps: flexStyle } = useFlexStyleProps({ direction, ...restProps });\n  const { styleProps, props: otherProps } = useStyleProps({ ...modifiedProps });\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, flexStyle, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst Flex = forwardRef<HTMLDivElement, SpiritFlexProps<'div'>>(_Flex) as unknown as PolymorphicComponent<\n  'div',\n  FlexProps\n>;\n\nFlex.spiritComponent = 'Flex';\nFlex.displayName = 'Flex';\n\nexport default Flex;\n"],"names":["defaultProps","AlignmentXExtended","AlignmentYExtended","DirectionExtended","_Flex","props","ref","propsWithDefaults","elementType","direction","children","restProps","Component","classProps","modifiedProps","flexStyle","useFlexStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","Flex","forwardRef"],"mappings":"oYASMA,EAAe,CACnB,WAAYC,EAAAA,mBAAmB,QAC/B,WAAYC,EAAAA,mBAAmB,QAC/B,UAAWC,EAAAA,kBAAkB,WAC7B,YAAa,MACb,WAAY,EACd,EAEMC,EAAQ,CAAgCC,EAA2BC,IAAwC,CAC/G,MAAMC,EAAoB,CAAE,GAAGP,EAAc,GAAGK,CAAA,EAC1C,CACJ,YAAAG,EAAcR,EAAa,YAK3B,UAAAS,EACA,SAAAC,EACA,GAAGC,CAAA,EACDJ,EAEEK,EAAYJ,EAEZ,CAAE,WAAAK,EAAY,MAAOC,EAAe,WAAYC,CAAA,EAAcC,oBAAkB,CAAE,UAAAP,EAAW,GAAGE,CAAA,CAAW,EAC3G,CAAA,WAAEM,EAAY,MAAOC,CAAA,EAAeC,gBAAc,CAAE,GAAGL,EAAe,EACtEM,EAAmBC,EAAAA,gBAAgBT,EAAW,CAAE,WAAAC,EAAY,UAAAE,EAAA,WAAWE,EAAY,WAAAC,EAAY,EAErG,aACGN,EAAA,CAAW,GAAGM,EAAa,GAAGE,EAAkB,IAAAd,EAC9C,SAAAI,EACH,CAEJ,EAEMY,EAAOC,EAAAA,WAAmDnB,CAAK,EAKrEkB,EAAK,gBAAkB,OACvBA,EAAK,YAAc"}

package/dist/components/Flex/Flex.d.ts

@@ -0,0 +1,3 @@
+import { FlexProps, PolymorphicComponent } from '../../types';
+declare const Flex: PolymorphicComponent<"div", FlexProps>;
+export default Flex;

package/dist/components/Flex/Flex.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as P } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import { AlignmentYExtended as T, AlignmentXExtended as g } from "../../constants/dictionaries.js";
+import { DirectionExtended as S } from "../../constants/direction.js";
+import { useStyleProps as E } from "../../hooks/styleProps.js";
+import { mergeStyleProps as F } from "../../utils/mergeStyleProps.js";
+import { useFlexStyleProps as C } from "./useFlexStyleProps.js";
+const o = {
+  alignmentX: g.STRETCH,
+  alignmentY: T.STRETCH,
+  direction: S.HORIZONTAL,
+  elementType: "div",
+  isWrapping: !1
+}, R = (s, n) => {
+  const p = { ...o, ...s }, {
+    elementType: i = o.elementType,
+    /**
+     * @deprecated "row" and "column" values will be removed in the next major version. Please use "horizontal" and "vertical" instead.
+     * @see https://jira.almacareer.tech/browse/DS-1629
+     */
+    direction: l,
+    children: m,
+    ...d
+  } = p, e = i, { classProps: c, props: f, styleProps: a } = C({ direction: l, ...d }), { styleProps: x, props: t } = E({ ...f }), y = F(e, { classProps: c, flexStyle: a, styleProps: x, otherProps: t });
+  return /* @__PURE__ */ P(e, { ...t, ...y, ref: n, children: m });
+}, r = u(R);
+r.spiritComponent = "Flex";
+r.displayName = "Flex";
+export {
+  r as default
+};
+//# sourceMappingURL=Flex.js.map

package/dist/components/Flex/Flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.js","sources":["../../../src/components/Flex/Flex.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { AlignmentXExtended, AlignmentYExtended, DirectionExtended } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type FlexProps, type PolymorphicComponent, type PolymorphicRef, type SpiritFlexProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useFlexStyleProps } from './useFlexStyleProps';\n\nconst defaultProps = {\n  alignmentX: AlignmentXExtended.STRETCH,\n  alignmentY: AlignmentYExtended.STRETCH,\n  direction: DirectionExtended.HORIZONTAL,\n  elementType: 'div',\n  isWrapping: false,\n};\n\nconst _Flex = <E extends ElementType = 'div'>(props: SpiritFlexProps<E>, ref: PolymorphicRef<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const {\n    elementType = defaultProps.elementType,\n    /**\n     * @deprecated \"row\" and \"column\" values will be removed in the next major version. Please use \"horizontal\" and \"vertical\" instead.\n     * @see https://jira.almacareer.tech/browse/DS-1629\n     */\n    direction,\n    children,\n    ...restProps\n  } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps, styleProps: flexStyle } = useFlexStyleProps({ direction, ...restProps });\n  const { styleProps, props: otherProps } = useStyleProps({ ...modifiedProps });\n  const mergedStyleProps = mergeStyleProps(Component, { classProps, flexStyle, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst Flex = forwardRef<HTMLDivElement, SpiritFlexProps<'div'>>(_Flex) as unknown as PolymorphicComponent<\n  'div',\n  FlexProps\n>;\n\nFlex.spiritComponent = 'Flex';\nFlex.displayName = 'Flex';\n\nexport default Flex;\n"],"names":["defaultProps","AlignmentXExtended","AlignmentYExtended","DirectionExtended","_Flex","props","ref","propsWithDefaults","elementType","direction","children","restProps","Component","classProps","modifiedProps","flexStyle","useFlexStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","Flex","forwardRef"],"mappings":";;;;;;;;AASA,MAAMA,IAAe;AAAA,EACnB,YAAYC,EAAmB;AAAA,EAC/B,YAAYC,EAAmB;AAAA,EAC/B,WAAWC,EAAkB;AAAA,EAC7B,aAAa;AAAA,EACb,YAAY;AACd,GAEMC,IAAQ,CAAgCC,GAA2BC,MAAwC;AAC/G,QAAMC,IAAoB,EAAE,GAAGP,GAAc,GAAGK,EAAA,GAC1C;AAAA,IACJ,aAAAG,IAAcR,EAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAK3B,WAAAS;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDJ,GAEEK,IAAYJ,GAEZ,EAAE,YAAAK,GAAY,OAAOC,GAAe,YAAYC,EAAA,IAAcC,EAAkB,EAAE,WAAAP,GAAW,GAAGE,EAAA,CAAW,GAC3G,EAAE,YAAAM,GAAY,OAAOC,EAAA,IAAeC,EAAc,EAAE,GAAGL,GAAe,GACtEM,IAAmBC,EAAgBT,GAAW,EAAE,YAAAC,GAAY,WAAAE,GAAW,YAAAE,GAAY,YAAAC,GAAY;AAErG,2BACGN,GAAA,EAAW,GAAGM,GAAa,GAAGE,GAAkB,KAAAd,GAC9C,UAAAI,GACH;AAEJ,GAEMY,IAAOC,EAAmDnB,CAAK;AAKrEkB,EAAK,kBAAkB;AACvBA,EAAK,cAAc;"}

package/dist/components/Flex/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Flex.cjs"),t=require("./useFlexStyleProps.cjs");exports.Flex=e.default;exports.useFlexStyleProps=t.useFlexStyleProps;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Flex/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Flex/index.js

@@ -0,0 +1,7 @@
+import { default as t } from "./Flex.js";
+import { useFlexStyleProps as s } from "./useFlexStyleProps.js";
+export {
+  t as Flex,
+  s as useFlexStyleProps
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Flex/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/Flex/useFlexStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("classnames"),t=require("../../constants/direction.cjs"),l=require("../../hooks/useAlignmentClass.cjs"),d=require("../../hooks/useClassNamePrefix.cjs"),C=require("../../hooks/useDeprecationMessage.cjs"),n=require("../../hooks/useSpacingStyle.cjs"),y=require("../../hooks/useWrapClass.cjs"),f=require("../../utils/string.cjs"),P=require("../../utils/stylePropsClassesGenerator.cjs");function q(o){const{alignmentX:r,alignmentY:i,direction:s,spacing:a,spacingX:c,spacingY:u,isWrapping:p,...g}=o;C.useDeprecationMessage({method:"custom",trigger:s==="row"||s==="column",componentName:"Flex",customText:"Direction values `row` and `column` are deprecated and will be removed in the next major release. Use `horizontal` and `vertical` values instead."});const e=d.useClassNamePrefix("Flex"),m={...n.useSpacingStyle(a,"flex",t.DirectionAxis.X),...n.useSpacingStyle(a,"flex",t.DirectionAxis.Y),...n.useSpacingStyle(c,"flex",t.DirectionAxis.X),...n.useSpacingStyle(u,"flex",t.DirectionAxis.Y)},x=P.generateStylePropsClassNames(e,f.stringOrObjectKebabCaseToCamelCase(s));return{classProps:S(e,y.useWrapClass(e,p),{[l.useAlignmentClass(e,r,"alignmentX")]:r,[l.useAlignmentClass(e,i,"alignmentY")]:i,[x]:s}),props:g,styleProps:m}}exports.useFlexStyleProps=q;
+//# sourceMappingURL=useFlexStyleProps.cjs.map

package/dist/components/Flex/useFlexStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFlexStyleProps.cjs","sources":["../../../src/components/Flex/useFlexStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { type CSSProperties } from 'react';\nimport { DirectionAxis } from '../../constants';\nimport {\n  useAlignmentClass,\n  useClassNamePrefix,\n  useDeprecationMessage,\n  useSpacingStyle,\n  useWrapClass,\n} from '../../hooks';\nimport { type FlexAlignmentXType, type FlexAlignmentYType, type FlexStyleProps, type SpacingType } from '../../types';\nimport { generateStylePropsClassNames, stringOrObjectKebabCaseToCamelCase } from '../../utils';\n\ninterface FlexCSSProperties extends CSSProperties {\n  [key: string]: string | undefined | number;\n}\n\nexport interface FlexStyle<T> {\n  /** className props */\n  classProps: string;\n  /** Props for the flex element. */\n  props: T;\n  /** Style props for the element */\n  styleProps: FlexCSSProperties;\n}\n\nexport function useFlexStyleProps(props: FlexStyleProps): FlexStyle<FlexStyleProps> {\n  const { alignmentX, alignmentY, direction, spacing, spacingX, spacingY, isWrapping, ...restProps } = props;\n\n  // @see https://jira.almacareer.tech/browse/DS-1629\n  useDeprecationMessage({\n    method: 'custom',\n    trigger: direction === 'row' || direction === 'column',\n    componentName: 'Flex',\n    customText:\n      'Direction values `row` and `column` are deprecated and will be removed in the next major release. Use `horizontal` and `vertical` values instead.',\n  });\n\n  const flexClass = useClassNamePrefix('Flex');\n\n  const flexStyle = {\n    ...useSpacingStyle(spacing as SpacingType, 'flex', DirectionAxis.X),\n    ...useSpacingStyle(spacing as SpacingType, 'flex', DirectionAxis.Y),\n    ...useSpacingStyle(spacingX as SpacingType, 'flex', DirectionAxis.X),\n    ...useSpacingStyle(spacingY as SpacingType, 'flex', DirectionAxis.Y),\n  };\n\n  const directionClass = generateStylePropsClassNames(flexClass, stringOrObjectKebabCaseToCamelCase(direction!));\n\n  const classes = classNames(flexClass, useWrapClass(flexClass, isWrapping), {\n    [useAlignmentClass(flexClass, alignmentX as FlexAlignmentXType, 'alignmentX')]: alignmentX,\n    [useAlignmentClass(flexClass, alignmentY as FlexAlignmentYType, 'alignmentY')]: alignmentY,\n    [directionClass]: direction,\n  });\n\n  return {\n    classProps: classes,\n    props: restProps,\n    styleProps: flexStyle,\n  };\n}\n"],"names":["useFlexStyleProps","props","alignmentX","alignmentY","direction","spacing","spacingX","spacingY","isWrapping","restProps","useDeprecationMessage","flexClass","useClassNamePrefix","flexStyle","useSpacingStyle","DirectionAxis","directionClass","generateStylePropsClassNames","stringOrObjectKebabCaseToCamelCase","classNames","useWrapClass","useAlignmentClass"],"mappings":"8dA0BO,SAASA,EAAkBC,EAAkD,CAClF,KAAM,CAAE,WAAAC,EAAY,WAAAC,EAAA,UAAYC,EAAW,QAAAC,EAAS,SAAAC,EAAU,SAAAC,EAAU,WAAAC,EAAY,GAAGC,CAAA,EAAcR,EAGrGS,wBAAsB,CACpB,OAAQ,SACR,QAASN,IAAc,OAASA,IAAc,SAC9C,cAAe,OACf,WACE,mJAAA,CACH,EAED,MAAMO,EAAYC,EAAAA,mBAAmB,MAAM,EAErCC,EAAY,CAChB,GAAGC,EAAAA,gBAAgBT,EAAwB,OAAQU,EAAAA,cAAc,CAAC,EAClE,GAAGD,EAAAA,gBAAgBT,EAAwB,OAAQU,EAAAA,cAAc,CAAC,EAClE,GAAGD,EAAAA,gBAAgBR,EAAyB,OAAQS,EAAAA,cAAc,CAAC,EACnE,GAAGD,kBAAgBP,EAAyB,OAAQQ,EAAAA,cAAc,CAAC,CAAA,EAG/DC,EAAiBC,EAAAA,6BAA6BN,EAAWO,EAAAA,mCAAmCd,CAAU,CAAC,EAQ7G,MAAO,CACL,WAPce,EAAWR,EAAWS,EAAAA,aAAaT,EAAWH,CAAU,EAAG,CACzE,CAACa,EAAAA,kBAAkBV,EAAWT,EAAkC,YAAY,CAAC,EAAGA,EAChF,CAACmB,EAAAA,kBAAkBV,EAAWR,EAAkC,YAAY,CAAC,EAAGA,EAChF,CAACa,CAAc,EAAGZ,CAAA,CACnB,EAIC,MAAOK,EACP,WAAYI,CAAA,CAEhB"}

package/dist/components/Flex/useFlexStyleProps.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties } from 'react';
+import { FlexStyleProps } from '../../types';
+interface FlexCSSProperties extends CSSProperties {
+    [key: string]: string | undefined | number;
+}
+export interface FlexStyle<T> {
+    classProps: string;
+    props: T;
+    styleProps: FlexCSSProperties;
+}
+export declare function useFlexStyleProps(props: FlexStyleProps): FlexStyle<FlexStyleProps>;
+export {};

package/dist/components/Flex/useFlexStyleProps.js

@@ -0,0 +1,37 @@
+import x from "classnames";
+import { DirectionAxis as r } from "../../constants/direction.js";
+import { useAlignmentClass as i } from "../../hooks/useAlignmentClass.js";
+import { useClassNamePrefix as d } from "../../hooks/useClassNamePrefix.js";
+import { useDeprecationMessage as C } from "../../hooks/useDeprecationMessage.js";
+import { useSpacingStyle as o } from "../../hooks/useSpacingStyle.js";
+import { useWrapClass as P } from "../../hooks/useWrapClass.js";
+import { stringOrObjectKebabCaseToCamelCase as y } from "../../utils/string.js";
+import { generateStylePropsClassNames as S } from "../../utils/stylePropsClassesGenerator.js";
+function A(l) {
+  const { alignmentX: t, alignmentY: a, direction: s, spacing: n, spacingX: m, spacingY: c, isWrapping: p, ...f } = l;
+  C({
+    method: "custom",
+    trigger: s === "row" || s === "column",
+    componentName: "Flex",
+    customText: "Direction values `row` and `column` are deprecated and will be removed in the next major release. Use `horizontal` and `vertical` values instead."
+  });
+  const e = d("Flex"), g = {
+    ...o(n, "flex", r.X),
+    ...o(n, "flex", r.Y),
+    ...o(m, "flex", r.X),
+    ...o(c, "flex", r.Y)
+  }, u = S(e, y(s));
+  return {
+    classProps: x(e, P(e, p), {
+      [i(e, t, "alignmentX")]: t,
+      [i(e, a, "alignmentY")]: a,
+      [u]: s
+    }),
+    props: f,
+    styleProps: g
+  };
+}
+export {
+  A as useFlexStyleProps
+};
+//# sourceMappingURL=useFlexStyleProps.js.map

package/dist/components/Flex/useFlexStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFlexStyleProps.js","sources":["../../../src/components/Flex/useFlexStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { type CSSProperties } from 'react';\nimport { DirectionAxis } from '../../constants';\nimport {\n  useAlignmentClass,\n  useClassNamePrefix,\n  useDeprecationMessage,\n  useSpacingStyle,\n  useWrapClass,\n} from '../../hooks';\nimport { type FlexAlignmentXType, type FlexAlignmentYType, type FlexStyleProps, type SpacingType } from '../../types';\nimport { generateStylePropsClassNames, stringOrObjectKebabCaseToCamelCase } from '../../utils';\n\ninterface FlexCSSProperties extends CSSProperties {\n  [key: string]: string | undefined | number;\n}\n\nexport interface FlexStyle<T> {\n  /** className props */\n  classProps: string;\n  /** Props for the flex element. */\n  props: T;\n  /** Style props for the element */\n  styleProps: FlexCSSProperties;\n}\n\nexport function useFlexStyleProps(props: FlexStyleProps): FlexStyle<FlexStyleProps> {\n  const { alignmentX, alignmentY, direction, spacing, spacingX, spacingY, isWrapping, ...restProps } = props;\n\n  // @see https://jira.almacareer.tech/browse/DS-1629\n  useDeprecationMessage({\n    method: 'custom',\n    trigger: direction === 'row' || direction === 'column',\n    componentName: 'Flex',\n    customText:\n      'Direction values `row` and `column` are deprecated and will be removed in the next major release. Use `horizontal` and `vertical` values instead.',\n  });\n\n  const flexClass = useClassNamePrefix('Flex');\n\n  const flexStyle = {\n    ...useSpacingStyle(spacing as SpacingType, 'flex', DirectionAxis.X),\n    ...useSpacingStyle(spacing as SpacingType, 'flex', DirectionAxis.Y),\n    ...useSpacingStyle(spacingX as SpacingType, 'flex', DirectionAxis.X),\n    ...useSpacingStyle(spacingY as SpacingType, 'flex', DirectionAxis.Y),\n  };\n\n  const directionClass = generateStylePropsClassNames(flexClass, stringOrObjectKebabCaseToCamelCase(direction!));\n\n  const classes = classNames(flexClass, useWrapClass(flexClass, isWrapping), {\n    [useAlignmentClass(flexClass, alignmentX as FlexAlignmentXType, 'alignmentX')]: alignmentX,\n    [useAlignmentClass(flexClass, alignmentY as FlexAlignmentYType, 'alignmentY')]: alignmentY,\n    [directionClass]: direction,\n  });\n\n  return {\n    classProps: classes,\n    props: restProps,\n    styleProps: flexStyle,\n  };\n}\n"],"names":["useFlexStyleProps","props","alignmentX","alignmentY","direction","spacing","spacingX","spacingY","isWrapping","restProps","useDeprecationMessage","flexClass","useClassNamePrefix","flexStyle","useSpacingStyle","DirectionAxis","directionClass","generateStylePropsClassNames","stringOrObjectKebabCaseToCamelCase","classNames","useWrapClass","useAlignmentClass"],"mappings":";;;;;;;;;AA0BO,SAASA,EAAkBC,GAAkD;AAClF,QAAM,EAAE,YAAAC,GAAY,YAAAC,GAAY,WAAAC,GAAW,SAAAC,GAAS,UAAAC,GAAU,UAAAC,GAAU,YAAAC,GAAY,GAAGC,EAAA,IAAcR;AAGrG,EAAAS,EAAsB;AAAA,IACpB,QAAQ;AAAA,IACR,SAASN,MAAc,SAASA,MAAc;AAAA,IAC9C,eAAe;AAAA,IACf,YACE;AAAA,EAAA,CACH;AAED,QAAMO,IAAYC,EAAmB,MAAM,GAErCC,IAAY;AAAA,IAChB,GAAGC,EAAgBT,GAAwB,QAAQU,EAAc,CAAC;AAAA,IAClE,GAAGD,EAAgBT,GAAwB,QAAQU,EAAc,CAAC;AAAA,IAClE,GAAGD,EAAgBR,GAAyB,QAAQS,EAAc,CAAC;AAAA,IACnE,GAAGD,EAAgBP,GAAyB,QAAQQ,EAAc,CAAC;AAAA,EAAA,GAG/DC,IAAiBC,EAA6BN,GAAWO,EAAmCd,CAAU,CAAC;AAQ7G,SAAO;AAAA,IACL,YAPce,EAAWR,GAAWS,EAAaT,GAAWH,CAAU,GAAG;AAAA,MACzE,CAACa,EAAkBV,GAAWT,GAAkC,YAAY,CAAC,GAAGA;AAAA,MAChF,CAACmB,EAAkBV,GAAWR,GAAkC,YAAY,CAAC,GAAGA;AAAA,MAChF,CAACa,CAAc,GAAGZ;AAAA,IAAA,CACnB;AAAA,IAIC,OAAOK;AAAA,IACP,YAAYI;AAAA,EAAA;AAEhB;"}

package/dist/components/Flex.d.ts

@@ -0,0 +1,2 @@
+export * from './Flex/index'
+export {}

package/dist/components/Footer/Footer.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),S=require("react"),T=require("../../constants/dictionaries.cjs"),e=require("../../constants/style.cjs"),q=require("../../hooks/styleProps.cjs"),f=require("../../utils/mergeStyleProps.cjs"),s=require("./constants.cjs"),C=require("./useFooterStyleProps.cjs"),n={backgroundColor:T.BackgroundColors.SECONDARY,elementType:"footer",paddingBottom:s.PADDING_BOTTOM,paddingTop:s.PADDING_TOP},D=(p,l)=>{const i={...n,...p},{elementType:c=n.elementType,children:d,backgroundColor:u,...a}=i,t=c,{classProps:P}=C.useFooterStyleProps({backgroundColor:u}),{styleProps:y,props:r}=q.useStyleProps(a,{paddingBottom:e.PaddingStyleProps.paddingBottom,paddingTop:e.PaddingStyleProps.paddingTop,textAlignment:e.TextStyleProps.textAlignment}),g=f.mergeStyleProps(t,{classProps:P,styleProps:y,otherProps:r});return m.jsx(t,{...r,...g,ref:l,children:d})},o=S.forwardRef(D);o.spiritComponent="Footer";o.displayName="Footer";exports.default=o;
+//# sourceMappingURL=Footer.cjs.map