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

package/dist/components/UNSTABLE_File/useFileImageStyles.js

@@ -0,0 +1,21 @@
+import { FileImageCropCSS as n, DEFAULT_FILE_IMAGE_DIMENSION as u } from "./constants.js";
+const S = ["x", "y", "cropWidth", "cropHeight", "originalWidth", "originalHeight"], H = (t) => t != null && S.every((o) => t[o] != null), I = (t) => {
+  const { x: o, y: e, cropWidth: r, cropHeight: s, originalWidth: a, originalHeight: l } = t, c = u;
+  let i;
+  s > r ? i = c / r : i = c / s;
+  const p = Math.round(o * i), g = Math.round(e * i), h = Math.round(a * i), d = Math.round(l * i);
+  return {
+    [n.TOP]: `-${g}px`,
+    [n.LEFT]: `-${p}px`,
+    [n.WIDTH]: `${h}px`,
+    [n.HEIGHT]: `${d}px`
+  };
+};
+function m(t, o) {
+  const e = H(t), r = e ? I(t) : void 0;
+  return { hasCoordsInMeta: e, imageCropStyles: r, imageObjectFitStyles: o ? { "--spirit-file-image-object-fit": o } : void 0 };
+}
+export {
+  m as useFileImageStyles
+};
+//# sourceMappingURL=useFileImageStyles.js.map

package/dist/components/UNSTABLE_File/useFileImageStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFileImageStyles.js","sources":["../../../src/components/UNSTABLE_File/useFileImageStyles.ts"],"sourcesContent":["import { type CSSProperties } from 'react';\nimport { DEFAULT_FILE_IMAGE_DIMENSION, FileImageCropCSS } from './constants';\nimport { type UnstableFileItemMetadata } from './types';\n\n// Crop math mirrors `useFileUploaderStyleProps` in FileUploader; preview size uses\n// `DEFAULT_FILE_IMAGE_DIMENSION` (UNSTABLE preview slot) instead of `IMAGE_DIMENSION` (54px attachment).\n\nexport type FileImageCropStyles = {\n  [FileImageCropCSS.TOP]?: string;\n  [FileImageCropCSS.LEFT]?: string;\n  [FileImageCropCSS.WIDTH]?: string;\n  [FileImageCropCSS.HEIGHT]?: string;\n} & CSSProperties;\n\nexport type FileImageObjectFitStyles = {\n  '--spirit-file-image-object-fit': string;\n};\n\ntype FileImageCropMeta = {\n  x: number;\n  y: number;\n  cropWidth: number;\n  cropHeight: number;\n  originalWidth: number;\n  originalHeight: number;\n};\n\nconst CROP_META_KEYS = ['x', 'y', 'cropWidth', 'cropHeight', 'originalWidth', 'originalHeight'] as const;\n\nconst hasValidCropMeta = (meta: UnstableFileItemMetadata | undefined): meta is FileImageCropMeta =>\n  meta != null && CROP_META_KEYS.every((key) => meta[key] != null);\n\nconst computeCropCSS = (meta: FileImageCropMeta): FileImageCropStyles => {\n  const { x, y, cropWidth, cropHeight, originalWidth, originalHeight } = meta;\n  const previewHeight = DEFAULT_FILE_IMAGE_DIMENSION;\n  let scale: number;\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  return {\n    [FileImageCropCSS.TOP]: `-${cropY}px`,\n    [FileImageCropCSS.LEFT]: `-${cropX}px`,\n    [FileImageCropCSS.WIDTH]: `${imageWidth}px`,\n    [FileImageCropCSS.HEIGHT]: `${imageHeight}px`,\n  };\n};\n\nexport function useFileImageStyles(meta?: UnstableFileItemMetadata, imageObjectFit?: string) {\n  const hasCoordsInMeta = hasValidCropMeta(meta);\n  const imageCropStyles = hasCoordsInMeta ? computeCropCSS(meta) : undefined;\n  const imageObjectFitStyles = imageObjectFit ? { '--spirit-file-image-object-fit': imageObjectFit } : undefined;\n\n  return { hasCoordsInMeta, imageCropStyles, imageObjectFitStyles };\n}\n"],"names":["CROP_META_KEYS","hasValidCropMeta","meta","key","computeCropCSS","x","y","cropWidth","cropHeight","originalWidth","originalHeight","previewHeight","DEFAULT_FILE_IMAGE_DIMENSION","scale","cropX","cropY","imageWidth","imageHeight","FileImageCropCSS","useFileImageStyles","imageObjectFit","hasCoordsInMeta","imageCropStyles"],"mappings":";AA2BA,MAAMA,IAAiB,CAAC,KAAK,KAAK,aAAa,cAAc,iBAAiB,gBAAgB,GAExFC,IAAmB,CAACC,MACxBA,KAAQ,QAAQF,EAAe,MAAM,CAACG,MAAQD,EAAKC,CAAG,KAAK,IAAI,GAE3DC,IAAiB,CAACF,MAAiD;AACvE,QAAM,EAAE,GAAAG,GAAG,GAAAC,GAAG,WAAAC,GAAW,YAAAC,GAAY,eAAAC,GAAe,gBAAAC,MAAmBR,GACjES,IAAgBC;AACtB,MAAIC;AACJ,EAAIL,IAAaD,IAEfM,IAAQF,IAAgBJ,IAGxBM,IAAQF,IAAgBH;AAG1B,QAAMM,IAAQ,KAAK,MAAMT,IAAIQ,CAAK,GAC5BE,IAAQ,KAAK,MAAMT,IAAIO,CAAK,GAC5BG,IAAa,KAAK,MAAMP,IAAgBI,CAAK,GAC7CI,IAAc,KAAK,MAAMP,IAAiBG,CAAK;AAErD,SAAO;AAAA,IACL,CAACK,EAAiB,GAAG,GAAG,IAAIH,CAAK;AAAA,IACjC,CAACG,EAAiB,IAAI,GAAG,IAAIJ,CAAK;AAAA,IAClC,CAACI,EAAiB,KAAK,GAAG,GAAGF,CAAU;AAAA,IACvC,CAACE,EAAiB,MAAM,GAAG,GAAGD,CAAW;AAAA,EAAA;AAE7C;AAEO,SAASE,EAAmBjB,GAAiCkB,GAAyB;AAC3F,QAAMC,IAAkBpB,EAAiBC,CAAI,GACvCoB,IAAkBD,IAAkBjB,EAAeF,CAAI,IAAI;AAGjE,SAAO,EAAE,iBAAAmB,GAAiB,iBAAAC,GAAiB,sBAFdF,IAAiB,EAAE,kCAAkCA,MAAmB,OAE1D;AAC7C;"}

package/dist/components/UNSTABLE_File/useFileStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("classnames"),r=require("../../hooks/useClassNamePrefix.cjs"),n=require("./useFileImageStyles.cjs"),o=t=>{const e=r.useClassNamePrefix("UNSTABLE_File"),{imageCropStyles:a,imageObjectFitStyles:s,hasCoordsInMeta:i}=n.useFileImageStyles(t?.meta,t?.imageObjectFit);return{classProps:{root:l(e,{[`${e}--disabled`]:t?.isDisabled,[`has-${t?.validationState}`]:t?.validationState}),preview:`${e}__preview`,content:`${e}__content`,text:`${e}__text`,name:`${e}__name`,helperText:`${e}__helperText`,validationText:`${e}__validationText`,...i&&{imageCropStyles:a},...s&&{imageObjectFitStyles:s}}}};exports.useFileStyleProps=o;
+//# sourceMappingURL=useFileStyleProps.cjs.map

package/dist/components/UNSTABLE_File/useFileStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFileStyleProps.cjs","sources":["../../../src/components/UNSTABLE_File/useFileStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type StyleProps, type Validation } from '../../types';\nimport { type UnstableFilePreviewStyleProps } from './types';\nimport { type FileImageCropStyles, type FileImageObjectFitStyles, useFileImageStyles } from './useFileImageStyles';\n\nexport interface FileStyleProps extends StyleProps, Validation, UnstableFilePreviewStyleProps {\n  isDisabled?: boolean;\n}\n\nexport interface FileStyle {\n  classProps: {\n    root: string;\n    preview: string;\n    content: string;\n    text: string;\n    name: string;\n    helperText: string;\n    validationText: string;\n    imageCropStyles?: FileImageCropStyles;\n    imageObjectFitStyles?: FileImageObjectFitStyles;\n  };\n}\n\nexport const useFileStyleProps = (props?: FileStyleProps): FileStyle => {\n  const fileClass = useClassNamePrefix('UNSTABLE_File');\n\n  const { imageCropStyles, imageObjectFitStyles, hasCoordsInMeta } = useFileImageStyles(\n    props?.meta,\n    props?.imageObjectFit,\n  );\n\n  return {\n    classProps: {\n      root: classNames(fileClass, {\n        [`${fileClass}--disabled`]: props?.isDisabled,\n        [`has-${props?.validationState}`]: props?.validationState,\n      }),\n      preview: `${fileClass}__preview`,\n      content: `${fileClass}__content`,\n      text: `${fileClass}__text`,\n      name: `${fileClass}__name`,\n      helperText: `${fileClass}__helperText`,\n      validationText: `${fileClass}__validationText`,\n      ...(hasCoordsInMeta && { imageCropStyles }),\n      ...(imageObjectFitStyles && { imageObjectFitStyles }),\n    },\n  };\n};\n"],"names":["useFileStyleProps","props","fileClass","useClassNamePrefix","imageCropStyles","imageObjectFitStyles","hasCoordsInMeta","useFileImageStyles","classNames"],"mappings":"oMAwBaA,EAAqBC,GAAsC,CACtE,MAAMC,EAAYC,EAAAA,mBAAmB,eAAe,EAE9C,CAAE,gBAAAC,EAAiB,qBAAAC,EAAsB,gBAAAC,CAAA,EAAoBC,EAAAA,mBACjEN,GAAO,KACPA,GAAO,cAAA,EAGT,MAAO,CACL,WAAY,CACV,KAAMO,EAAWN,EAAW,CAC1B,CAAC,GAAGA,CAAS,YAAY,EAAGD,GAAO,WACnC,CAAC,OAAOA,GAAO,eAAe,EAAE,EAAGA,GAAO,eAAA,CAC3C,EACD,QAAS,GAAGC,CAAS,YACrB,QAAS,GAAGA,CAAS,YACrB,KAAM,GAAGA,CAAS,SAClB,KAAM,GAAGA,CAAS,SAClB,WAAY,GAAGA,CAAS,eACxB,eAAgB,GAAGA,CAAS,mBAC5B,GAAII,GAAmB,CAAE,gBAAAF,CAAA,EACzB,GAAIC,GAAwB,CAAE,qBAAAA,CAAA,CAAqB,CACrD,CAEJ"}

package/dist/components/UNSTABLE_File/useFileStyleProps.js

@@ -0,0 +1,29 @@
+import l from "classnames";
+import { useClassNamePrefix as o } from "../../hooks/useClassNamePrefix.js";
+import { useFileImageStyles as r } from "./useFileImageStyles.js";
+const c = (t) => {
+  const e = o("UNSTABLE_File"), { imageCropStyles: i, imageObjectFitStyles: a, hasCoordsInMeta: s } = r(
+    t?.meta,
+    t?.imageObjectFit
+  );
+  return {
+    classProps: {
+      root: l(e, {
+        [`${e}--disabled`]: t?.isDisabled,
+        [`has-${t?.validationState}`]: t?.validationState
+      }),
+      preview: `${e}__preview`,
+      content: `${e}__content`,
+      text: `${e}__text`,
+      name: `${e}__name`,
+      helperText: `${e}__helperText`,
+      validationText: `${e}__validationText`,
+      ...s && { imageCropStyles: i },
+      ...a && { imageObjectFitStyles: a }
+    }
+  };
+};
+export {
+  c as useFileStyleProps
+};
+//# sourceMappingURL=useFileStyleProps.js.map

package/dist/components/UNSTABLE_File/useFileStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFileStyleProps.js","sources":["../../../src/components/UNSTABLE_File/useFileStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type StyleProps, type Validation } from '../../types';\nimport { type UnstableFilePreviewStyleProps } from './types';\nimport { type FileImageCropStyles, type FileImageObjectFitStyles, useFileImageStyles } from './useFileImageStyles';\n\nexport interface FileStyleProps extends StyleProps, Validation, UnstableFilePreviewStyleProps {\n  isDisabled?: boolean;\n}\n\nexport interface FileStyle {\n  classProps: {\n    root: string;\n    preview: string;\n    content: string;\n    text: string;\n    name: string;\n    helperText: string;\n    validationText: string;\n    imageCropStyles?: FileImageCropStyles;\n    imageObjectFitStyles?: FileImageObjectFitStyles;\n  };\n}\n\nexport const useFileStyleProps = (props?: FileStyleProps): FileStyle => {\n  const fileClass = useClassNamePrefix('UNSTABLE_File');\n\n  const { imageCropStyles, imageObjectFitStyles, hasCoordsInMeta } = useFileImageStyles(\n    props?.meta,\n    props?.imageObjectFit,\n  );\n\n  return {\n    classProps: {\n      root: classNames(fileClass, {\n        [`${fileClass}--disabled`]: props?.isDisabled,\n        [`has-${props?.validationState}`]: props?.validationState,\n      }),\n      preview: `${fileClass}__preview`,\n      content: `${fileClass}__content`,\n      text: `${fileClass}__text`,\n      name: `${fileClass}__name`,\n      helperText: `${fileClass}__helperText`,\n      validationText: `${fileClass}__validationText`,\n      ...(hasCoordsInMeta && { imageCropStyles }),\n      ...(imageObjectFitStyles && { imageObjectFitStyles }),\n    },\n  };\n};\n"],"names":["useFileStyleProps","props","fileClass","useClassNamePrefix","imageCropStyles","imageObjectFitStyles","hasCoordsInMeta","useFileImageStyles","classNames"],"mappings":";;;AAwBO,MAAMA,IAAoB,CAACC,MAAsC;AACtE,QAAMC,IAAYC,EAAmB,eAAe,GAE9C,EAAE,iBAAAC,GAAiB,sBAAAC,GAAsB,iBAAAC,EAAA,IAAoBC;AAAA,IACjEN,GAAO;AAAA,IACPA,GAAO;AAAA,EAAA;AAGT,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMO,EAAWN,GAAW;AAAA,QAC1B,CAAC,GAAGA,CAAS,YAAY,GAAGD,GAAO;AAAA,QACnC,CAAC,OAAOA,GAAO,eAAe,EAAE,GAAGA,GAAO;AAAA,MAAA,CAC3C;AAAA,MACD,SAAS,GAAGC,CAAS;AAAA,MACrB,SAAS,GAAGA,CAAS;AAAA,MACrB,MAAM,GAAGA,CAAS;AAAA,MAClB,MAAM,GAAGA,CAAS;AAAA,MAClB,YAAY,GAAGA,CAAS;AAAA,MACxB,gBAAgB,GAAGA,CAAS;AAAA,MAC5B,GAAII,KAAmB,EAAE,iBAAAF,EAAA;AAAA,MACzB,GAAIC,KAAwB,EAAE,sBAAAA,EAAA;AAAA,IAAqB;AAAA,EACrD;AAEJ;"}

package/dist/components/UNSTABLE_File.d.ts

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

package/dist/components/UNSTABLE_FileUpload/UNSTABLE_FileUpload.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),H=require("classnames"),m=require("react"),w=require("../../hooks/styleProps.cjs"),z=require("../../hooks/useAriaDescribedBy.cjs"),G=require("../Field/HelperText.cjs"),x=require("../Field/Label.cjs"),J=require("../Field/useAriaIds.cjs"),K=require("../Field/ValidationText.cjs"),Q=require("../Field/useValidationTextRole.cjs"),W=require("../Icon/Icon.cjs"),X=require("./useFileUploadState.cjs"),Y=require("./useFileUploadStyleProps.cjs"),o=N=>{const[t,S]=m.useState(!1),{"aria-describedby":v="",accept:g,children:b,dropZoneRef:h,hasValidationIcon:D,helperText:f,iconName:T="upload",id:l,inputRef:F,isDisabled:i,isFluid:y,isLabelHidden:q,isMultiple:A,isRequired:U,label:j,labelText:_,linkText:E,name:n,onFilesSelected:P,validationState:r,validationText:d,...L}=N,c=n!==void 0,{isDragging:R,onChange:B,onDragEnter:I,onDragLeave:V,onDragOver:$,onDrop:M}=X.useFileUploadState({onFilesSelected:c?P:void 0}),{classProps:s}=Y.useFileUploadStyleProps({isDisabled:i,isDragAndDropSupported:t,isDragging:R,isFluid:y,isLabelHidden:q,isRequired:U,validationState:r}),{styleProps:u,props:O}=w.useStyleProps(L),[Z,p]=J.default(v),k=z.useAriaDescribedBy(Z),C=Q.useValidationTextRole({validationState:r,validationText:d}),a=`${l}-input`;return m.useEffect(()=>{S("draggable"in document.createElement("span"))},[]),e.jsxs("div",{id:l,...O,...u,className:H(s.root,u.className),children:[c&&e.jsxs("div",{onDragOver:!i&&t?$:void 0,onDragEnter:!i&&t?I:void 0,onDragLeave:!i&&t?V:void 0,onDrop:!i&&t?M:void 0,className:s.input.root,children:[e.jsx(x.default,{htmlFor:a,UNSAFE_className:s.input.label,children:j}),e.jsx("input",{...k,type:"file",accept:g,id:a,ref:F,name:n,className:s.input.input,onChange:B,multiple:A,disabled:i}),e.jsxs("div",{ref:h,className:s.input.dropZone.root,children:[e.jsx(W.default,{name:T,"aria-hidden":"true"}),e.jsxs(x.default,{htmlFor:a,UNSAFE_className:s.input.dropZone.label,children:[e.jsx("span",{className:s.input.link,children:E})," ",e.jsx("span",{className:s.input.dropLabel,children:_})]}),e.jsx(G.default,{UNSAFE_className:s.input.helper,id:`${a}__helperText`,registerAria:p,helperText:f})]}),r&&e.jsx(K.default,{UNSAFE_className:s.input.validationText,elementType:"span",...D&&{hasValidationStateIcon:r},id:`${a}__validationText`,validationText:d,registerAria:p,role:C})]}),b]})};o.spiritComponent="UNSTABLE_FileUpload";o.displayName="UNSTABLE_FileUpload";exports.default=o;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),G=require("classnames"),v=require("react"),J=require("../../hooks/styleProps.cjs"),K=require("../../hooks/useAriaIdRefs.cjs"),Q=require("../Button/Button.cjs"),W=require("../Field/HelperText.cjs"),g=require("../Field/Label.cjs"),X=require("../Field/ValidationText.cjs"),Y=require("../Field/useValidationTextRole.cjs"),ee=require("../Icon/Icon.cjs"),te=require("./useFileUploadState.cjs"),se=require("./useFileUploadStyleProps.cjs"),l=S=>{const[h,N]=v.useState(!1),{"aria-describedby":b="",accept:f,buttonText:T="Browse",children:y,dropZoneRef:A,hasValidationIcon:F,helperText:j,iconName:q="upload",id:U,inputRef:P,isCompact:d,isDisabled:s,isDragAndDropSupported:o,isLabelHidden:E,isMultiple:R,isRequired:_,label:B,labelText:c,linkText:I,name:p,onFilesSelected:L,rootId:n,validationState:a,validationText:u,...V}=S,m=p!==void 0,i=o??h,{isDragging:Z,onChange:C,onDragEnter:M,onDragLeave:O,onDragOver:$,onDrop:H}=te.useFileUploadState({onFilesSelected:m?L:void 0}),{classProps:t}=se.useFileUploadStyleProps({isCompact:d,isDisabled:s,isDragAndDropSupported:i,isDragging:Z,isLabelHidden:E,isRequired:_,validationState:a}),{styleProps:x,props:k}=J.useStyleProps(V),[w,D]=K.useAriaDescribedBy(b),z=Y.useValidationTextRole({validationState:a,validationText:u}),r=U;return v.useEffect(()=>{o===void 0&&N("draggable"in document.createElement("span"))},[o]),e.jsxs("div",{...k,...x,...n!=null&&n!==""?{id:n}:{},className:G(t.root,x.className),children:[m&&e.jsxs("div",{onDragOver:!s&&i?$:void 0,onDragEnter:!s&&i?M:void 0,onDragLeave:!s&&i?O:void 0,onDrop:!s&&i?H:void 0,className:t.input.root,children:[e.jsx(g.default,{htmlFor:r,UNSAFE_className:t.input.label,children:B}),e.jsx("input",{...w,type:"file",accept:f,id:r,ref:P,name:p,className:t.input.input,onChange:C,multiple:R,disabled:s}),e.jsxs("div",{ref:A,className:t.input.dropZone.root,children:[!d&&e.jsx(ee.default,{name:q,boxSize:28,"aria-hidden":"true"}),e.jsxs("div",{className:t.input.dropZone.content,children:[e.jsxs(g.default,{htmlFor:r,UNSAFE_className:t.input.dropZone.label,children:[I,c&&e.jsxs(e.Fragment,{children:[" ",e.jsx("span",{className:t.input.dropLabel,children:c})]})]}),e.jsx(W.default,{UNSAFE_className:t.input.helper,id:`${r}-helper`,registerAria:D,helperText:j})]}),e.jsx(Q.default,{"aria-hidden":"true",isDisabled:s,elementType:"div",type:null,children:T})]}),a&&e.jsx(X.default,{UNSAFE_className:t.input.validationText,elementType:"div",...F&&{hasValidationStateIcon:a},id:`${r}-validation`,validationText:u,registerAria:D,role:z})]}),y]})};l.spiritComponent="UNSTABLE_FileUpload";l.displayName="UNSTABLE_FileUpload";exports.default=l;
 //# sourceMappingURL=UNSTABLE_FileUpload.cjs.map

package/dist/components/UNSTABLE_FileUpload/UNSTABLE_FileUpload.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UNSTABLE_FileUpload.cjs","sources":["../../../src/components/UNSTABLE_FileUpload/UNSTABLE_FileUpload.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useEffect, useState } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { HelperText, Label, ValidationText, useAriaIds } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Icon } from '../Icon';\nimport { type UnstableFileUploadProps } from './types';\nimport { useFileUploadState } from './useFileUploadState';\nimport { useFileUploadStyleProps } from './useFileUploadStyleProps';\n\nconst UNSTABLE_FileUpload = (props: UnstableFileUploadProps) => {\n  const [isDragAndDropSupported, setIsDragAndDropSupported] = useState(false);\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    accept,\n    children,\n    dropZoneRef,\n    hasValidationIcon,\n    helperText,\n    iconName = 'upload',\n    id,\n    inputRef,\n    isDisabled,\n    isFluid,\n    isLabelHidden,\n    isMultiple,\n    isRequired,\n    label,\n    labelText,\n    linkText,\n    name,\n    onFilesSelected,\n    validationState,\n    validationText,\n    ...restProps\n  } = props;\n\n  const hasInput = name !== undefined;\n\n  const { isDragging, onChange, onDragEnter, onDragLeave, onDragOver, onDrop } = useFileUploadState({\n    onFilesSelected: hasInput ? onFilesSelected : undefined,\n  });\n\n  const { classProps } = useFileUploadStyleProps({\n    hasValidationIcon,\n    isDisabled,\n    isDragAndDropSupported,\n    isDragging,\n    isFluid,\n    isLabelHidden,\n    isRequired,\n    validationState,\n  });\n\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  const [ids, register] = useAriaIds(ariaDescribedBy);\n  const ariaDescribedByProp = useAriaDescribedBy(ids);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n  const inputId = `${id}-input`;\n\n  useEffect(() => {\n    setIsDragAndDropSupported('draggable' in document.createElement('span'));\n  }, []);\n\n  return (\n    <div id={id} {...transferProps} {...styleProps} className={classNames(classProps.root, styleProps.className)}>\n      {hasInput && (\n        <div\n          onDragOver={!isDisabled && isDragAndDropSupported ? onDragOver : undefined}\n          onDragEnter={!isDisabled && isDragAndDropSupported ? onDragEnter : undefined}\n          onDragLeave={!isDisabled && isDragAndDropSupported ? onDragLeave : undefined}\n          onDrop={!isDisabled && isDragAndDropSupported ? onDrop : undefined}\n          className={classProps.input.root}\n        >\n          <Label htmlFor={inputId} UNSAFE_className={classProps.input.label}>\n            {label}\n          </Label>\n          <input\n            {...ariaDescribedByProp}\n            type=\"file\"\n            accept={accept}\n            id={inputId}\n            ref={inputRef}\n            name={name}\n            className={classProps.input.input}\n            onChange={onChange}\n            multiple={isMultiple}\n            disabled={isDisabled}\n          />\n          <div ref={dropZoneRef} className={classProps.input.dropZone.root}>\n            <Icon name={iconName} aria-hidden=\"true\" />\n            <Label htmlFor={inputId} UNSAFE_className={classProps.input.dropZone.label}>\n              <span className={classProps.input.link}>{linkText}</span>\n              &nbsp;\n              <span className={classProps.input.dropLabel}>{labelText}</span>\n            </Label>\n            <HelperText\n              UNSAFE_className={classProps.input.helper}\n              id={`${inputId}__helperText`}\n              registerAria={register}\n              helperText={helperText}\n            />\n          </div>\n          {validationState && (\n            <ValidationText\n              UNSAFE_className={classProps.input.validationText}\n              elementType=\"span\"\n              {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n              id={`${inputId}__validationText`}\n              validationText={validationText}\n              registerAria={register}\n              role={validationTextRole}\n            />\n          )}\n        </div>\n      )}\n      {children}\n    </div>\n  );\n};\n\nUNSTABLE_FileUpload.spiritComponent = 'UNSTABLE_FileUpload';\nUNSTABLE_FileUpload.displayName = 'UNSTABLE_FileUpload';\n\nexport default UNSTABLE_FileUpload;\n"],"names":["UNSTABLE_FileUpload","props","isDragAndDropSupported","setIsDragAndDropSupported","useState","ariaDescribedBy","accept","children","dropZoneRef","hasValidationIcon","helperText","iconName","id","inputRef","isDisabled","isFluid","isLabelHidden","isMultiple","isRequired","label","labelText","linkText","name","onFilesSelected","validationState","validationText","restProps","hasInput","isDragging","onChange","onDragEnter","onDragLeave","onDragOver","onDrop","useFileUploadState","classProps","useFileUploadStyleProps","styleProps","transferProps","useStyleProps","ids","register","useAriaIds","ariaDescribedByProp","useAriaDescribedBy","validationTextRole","useValidationTextRole","inputId","useEffect","jsxs","classNames","jsx","Label","Icon","HelperText","ValidationText"],"mappings":"mlBAYMA,EAAuBC,GAAmC,CAC9D,KAAM,CAACC,EAAwBC,CAAyB,EAAIC,EAAAA,SAAS,EAAK,EACpE,CACJ,mBAAoBC,EAAkB,GACtC,OAAAC,EACA,SAAAC,EACA,YAAAC,EACA,kBAAAC,EACA,WAAAC,EACA,SAAAC,EAAW,SACX,GAAAC,EACA,SAAAC,EACA,WAAAC,EACA,QAAAC,EACA,cAAAC,EACA,WAAAC,EACA,WAAAC,EACA,MAAAC,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,GAAGC,CAAA,EACDzB,EAEE0B,EAAWL,IAAS,OAEpB,CAAE,WAAAM,EAAY,SAAAC,EAAU,YAAAC,EAAa,YAAAC,EAAa,WAAAC,EAAY,OAAAC,CAAA,EAAWC,qBAAmB,CAChG,gBAAiBP,EAAWJ,EAAkB,MAAA,CAC/C,EAEK,CAAE,WAAAY,CAAA,EAAeC,0BAAwB,CAE7C,WAAAtB,EACA,uBAAAZ,EACA,WAAA0B,EACA,QAAAb,EACA,cAAAC,EACA,WAAAE,EACA,gBAAAM,CAAA,CACD,EAEK,CAAA,WAAEa,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcb,CAAS,EAE9D,CAACc,EAAKC,CAAQ,EAAIC,EAAAA,QAAWrC,CAAe,EAC5CsC,EAAsBC,EAAAA,mBAAmBJ,CAAG,EAC5CK,EAAqBC,EAAAA,sBAAsB,CAC/C,gBAAAtB,EACA,eAAAC,CAAA,CACD,EACKsB,EAAU,GAAGnC,CAAE,SAErBoC,OAAAA,EAAAA,UAAU,IAAM,CACd7C,EAA0B,cAAe,SAAS,cAAc,MAAM,CAAC,CACzE,EAAG,CAAA,CAAE,EAGH8C,EAAAA,KAAC,MAAA,CAAI,GAAArC,EAAS,GAAG0B,EAAgB,GAAGD,EAAY,UAAWa,EAAWf,EAAW,KAAME,EAAW,SAAS,EACxG,SAAA,CAAAV,GACCsB,EAAAA,KAAC,MAAA,CACC,WAAY,CAACnC,GAAcZ,EAAyB8B,EAAa,OACjE,YAAa,CAAClB,GAAcZ,EAAyB4B,EAAc,OACnE,YAAa,CAAChB,GAAcZ,EAAyB6B,EAAc,OACnE,OAAQ,CAACjB,GAAcZ,EAAyB+B,EAAS,OACzD,UAAWE,EAAW,MAAM,KAE5B,SAAA,CAAAgB,EAAAA,IAACC,EAAAA,SAAM,QAASL,EAAS,iBAAkBZ,EAAW,MAAM,MACzD,SAAAhB,CAAA,CACH,EACAgC,EAAAA,IAAC,QAAA,CACE,GAAGR,EACJ,KAAK,OACL,OAAArC,EACA,GAAIyC,EACJ,IAAKlC,EACL,KAAAS,EACA,UAAWa,EAAW,MAAM,MAC5B,SAAAN,EACA,SAAUZ,EACV,SAAUH,CAAA,CAAA,EAEZmC,EAAAA,KAAC,OAAI,IAAKzC,EAAa,UAAW2B,EAAW,MAAM,SAAS,KAC1D,SAAA,CAAAgB,EAAAA,IAACE,EAAAA,QAAA,CAAK,KAAM1C,EAAU,cAAY,OAAO,EACzCsC,EAAAA,KAACG,EAAAA,SAAM,QAASL,EAAS,iBAAkBZ,EAAW,MAAM,SAAS,MACnE,SAAA,CAAAgB,MAAC,OAAA,CAAK,UAAWhB,EAAW,MAAM,KAAO,SAAAd,EAAS,EAAO,UAExD,OAAA,CAAK,UAAWc,EAAW,MAAM,UAAY,SAAAf,CAAA,CAAU,CAAA,EAC1D,EACA+B,EAAAA,IAACG,EAAAA,QAAA,CACC,iBAAkBnB,EAAW,MAAM,OACnC,GAAI,GAAGY,CAAO,eACd,aAAcN,EACd,WAAA/B,CAAA,CAAA,CACF,EACF,EACCc,GACC2B,EAAAA,IAACI,EAAAA,QAAA,CACC,iBAAkBpB,EAAW,MAAM,eACnC,YAAY,OACX,GAAI1B,GAAqB,CAAE,uBAAwBe,CAAA,EACpD,GAAI,GAAGuB,CAAO,mBACd,eAAAtB,EACA,aAAcgB,EACd,KAAMI,CAAA,CAAA,CACR,CAAA,CAAA,EAILtC,CAAA,EACH,CAEJ,EAEAP,EAAoB,gBAAkB,sBACtCA,EAAoB,YAAc"}
+{"version":3,"file":"UNSTABLE_FileUpload.cjs","sources":["../../../src/components/UNSTABLE_FileUpload/UNSTABLE_FileUpload.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useEffect, useState } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { Button } from '../Button';\nimport { HelperText, Label, ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Icon } from '../Icon';\nimport { type UnstableFileUploadProps } from './types';\nimport { useFileUploadState } from './useFileUploadState';\nimport { useFileUploadStyleProps } from './useFileUploadStyleProps';\n\nconst UNSTABLE_FileUpload = (props: UnstableFileUploadProps) => {\n  const [isDragAndDropDetected, setIsDragAndDropDetected] = useState(false);\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    accept,\n    buttonText = 'Browse',\n    children,\n    dropZoneRef,\n    hasValidationIcon,\n    helperText,\n    iconName = 'upload',\n    id,\n    inputRef,\n    isCompact,\n    isDisabled,\n    isDragAndDropSupported: isDragAndDropSupportedProp,\n    isLabelHidden,\n    isMultiple,\n    isRequired,\n    label,\n    labelText,\n    linkText,\n    name,\n    onFilesSelected,\n    rootId,\n    validationState,\n    validationText,\n    ...restProps\n  } = props;\n\n  const hasInput = name !== undefined;\n\n  const isDragAndDropSupported = isDragAndDropSupportedProp ?? isDragAndDropDetected;\n\n  const { isDragging, onChange, onDragEnter, onDragLeave, onDragOver, onDrop } = useFileUploadState({\n    onFilesSelected: hasInput ? onFilesSelected : undefined,\n  });\n\n  const { classProps } = useFileUploadStyleProps({\n    hasValidationIcon,\n    isCompact,\n    isDisabled,\n    isDragAndDropSupported,\n    isDragging,\n    isLabelHidden,\n    isRequired,\n    validationState,\n  });\n\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  const [ariaDescribedByProp, register] = useAriaDescribedBy(ariaDescribedBy);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n  const inputId = id;\n\n  useEffect(() => {\n    if (isDragAndDropSupportedProp !== undefined) {\n      return;\n    }\n    setIsDragAndDropDetected('draggable' in document.createElement('span'));\n  }, [isDragAndDropSupportedProp]);\n\n  return (\n    <div\n      {...transferProps}\n      {...styleProps}\n      {...(rootId != null && rootId !== '' ? { id: rootId } : {})}\n      className={classNames(classProps.root, styleProps.className)}\n    >\n      {hasInput && (\n        <div\n          onDragOver={!isDisabled && isDragAndDropSupported ? onDragOver : undefined}\n          onDragEnter={!isDisabled && isDragAndDropSupported ? onDragEnter : undefined}\n          onDragLeave={!isDisabled && isDragAndDropSupported ? onDragLeave : undefined}\n          onDrop={!isDisabled && isDragAndDropSupported ? onDrop : undefined}\n          className={classProps.input.root}\n        >\n          <Label htmlFor={inputId} UNSAFE_className={classProps.input.label}>\n            {label}\n          </Label>\n          <input\n            {...ariaDescribedByProp}\n            type=\"file\"\n            accept={accept}\n            id={inputId}\n            ref={inputRef}\n            name={name}\n            className={classProps.input.input}\n            onChange={onChange}\n            multiple={isMultiple}\n            disabled={isDisabled}\n          />\n          <div ref={dropZoneRef} className={classProps.input.dropZone.root}>\n            {!isCompact && <Icon name={iconName} boxSize={28} aria-hidden=\"true\" />}\n            <div className={classProps.input.dropZone.content}>\n              <Label htmlFor={inputId} UNSAFE_className={classProps.input.dropZone.label}>\n                {linkText}\n                {labelText && (\n                  <>\n                    {' '}\n                    <span className={classProps.input.dropLabel}>{labelText}</span>\n                  </>\n                )}\n              </Label>\n              <HelperText\n                UNSAFE_className={classProps.input.helper}\n                id={`${inputId}-helper`}\n                registerAria={register}\n                helperText={helperText}\n              />\n            </div>\n            {/* @ts-expect-error - Div cannot have type=\"button\". This will be solved with https://jira.almacareer.tech/browse/DS-2168 */}\n            <Button aria-hidden=\"true\" isDisabled={isDisabled} elementType=\"div\" type={null}>\n              {buttonText}\n            </Button>\n          </div>\n          {validationState && (\n            <ValidationText\n              UNSAFE_className={classProps.input.validationText}\n              elementType=\"div\"\n              {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n              id={`${inputId}-validation`}\n              validationText={validationText}\n              registerAria={register}\n              role={validationTextRole}\n            />\n          )}\n        </div>\n      )}\n      {children}\n    </div>\n  );\n};\n\nUNSTABLE_FileUpload.spiritComponent = 'UNSTABLE_FileUpload';\nUNSTABLE_FileUpload.displayName = 'UNSTABLE_FileUpload';\n\nexport default UNSTABLE_FileUpload;\n"],"names":["UNSTABLE_FileUpload","props","isDragAndDropDetected","setIsDragAndDropDetected","useState","ariaDescribedBy","accept","buttonText","children","dropZoneRef","hasValidationIcon","helperText","iconName","id","inputRef","isCompact","isDisabled","isDragAndDropSupportedProp","isLabelHidden","isMultiple","isRequired","label","labelText","linkText","name","onFilesSelected","rootId","validationState","validationText","restProps","hasInput","isDragAndDropSupported","isDragging","onChange","onDragEnter","onDragLeave","onDragOver","onDrop","useFileUploadState","classProps","useFileUploadStyleProps","styleProps","transferProps","useStyleProps","ariaDescribedByProp","register","useAriaDescribedBy","validationTextRole","useValidationTextRole","inputId","useEffect","jsxs","classNames","jsx","Label","Icon","Fragment","HelperText","Button","ValidationText"],"mappings":"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"}

package/dist/components/UNSTABLE_FileUpload/UNSTABLE_FileUpload.js

@@ -1,121 +1,138 @@
 "use client";
-import { jsxs as s, jsx as i } from "react/jsx-runtime";
-import M from "classnames";
-import { useState as w, useEffect as z } from "react";
-import { useStyleProps as G } from "../../hooks/styleProps.js";
-import { useAriaDescribedBy as J } from "../../hooks/useAriaDescribedBy.js";
-import K from "../Field/HelperText.js";
-import u from "../Field/Label.js";
-import Q from "../Field/useAriaIds.js";
-import W from "../Field/ValidationText.js";
-import { useValidationTextRole as X } from "../Field/useValidationTextRole.js";
-import Y from "../Icon/Icon.js";
-import { useFileUploadState as ee } from "./useFileUploadState.js";
-import { useFileUploadStyleProps as ie } from "./useFileUploadStyleProps.js";
-const f = (N) => {
-  const [r, h] = w(!1), {
-    "aria-describedby": v = "",
-    accept: g,
-    children: D,
-    dropZoneRef: S,
-    hasValidationIcon: b,
-    helperText: T,
-    iconName: x = "upload",
-    id: n,
-    inputRef: F,
+import { jsxs as r, jsx as i, Fragment as G } from "react/jsx-runtime";
+import J from "classnames";
+import { useState as K, useEffect as Q } from "react";
+import { useStyleProps as W } from "../../hooks/styleProps.js";
+import { useAriaDescribedBy as X } from "../../hooks/useAriaIdRefs.js";
+import Y from "../Button/Button.js";
+import ee from "../Field/HelperText.js";
+import v from "../Field/Label.js";
+import oe from "../Field/ValidationText.js";
+import { useValidationTextRole as ie } from "../Field/useValidationTextRole.js";
+import re from "../Icon/Icon.js";
+import { useFileUploadState as te } from "./useFileUploadState.js";
+import { useFileUploadStyleProps as ae } from "./useFileUploadStyleProps.js";
+const g = (h) => {
+  const [N, S] = K(!1), {
+    "aria-describedby": b = "",
+    accept: A,
+    buttonText: T = "Browse",
+    children: x,
+    dropZoneRef: F,
+    hasValidationIcon: y,
+    helperText: U,
+    iconName: E = "upload",
+    id: B,
+    inputRef: L,
+    isCompact: d,
     isDisabled: o,
-    isFluid: A,
-    isLabelHidden: U,
-    isMultiple: E,
+    isDragAndDropSupported: s,
+    isLabelHidden: P,
+    isMultiple: I,
     isRequired: _,
-    label: y,
-    labelText: L,
-    linkText: I,
-    name: l,
-    onFilesSelected: P,
-    validationState: t,
-    validationText: p,
-    ...B
-  } = N, d = l !== void 0, { isDragging: R, onChange: V, onDragEnter: Z, onDragLeave: $, onDragOver: j, onDrop: k } = ee({
-    onFilesSelected: d ? P : void 0
-  }), { classProps: e } = ie({
+    label: R,
+    labelText: p,
+    linkText: V,
+    name: c,
+    onFilesSelected: Z,
+    rootId: l,
+    validationState: n,
+    validationText: m,
+    ...C
+  } = h, u = c !== void 0, t = s ?? N, { isDragging: j, onChange: H, onDragEnter: O, onDragLeave: $, onDragOver: k, onDrop: q } = te({
+    onFilesSelected: u ? Z : void 0
+  }), { classProps: e } = ae({
+    isCompact: d,
     isDisabled: o,
-    isDragAndDropSupported: r,
-    isDragging: R,
-    isFluid: A,
-    isLabelHidden: U,
+    isDragAndDropSupported: t,
+    isDragging: j,
+    isLabelHidden: P,
     isRequired: _,
-    validationState: t
-  }), { styleProps: c, props: C } = G(B), [H, m] = Q(v), O = J(H), q = X({
-    validationState: t,
-    validationText: p
-  }), a = `${n}-input`;
-  return z(() => {
-    h("draggable" in document.createElement("span"));
-  }, []), /* @__PURE__ */ s("div", { id: n, ...C, ...c, className: M(e.root, c.className), children: [
-    d && /* @__PURE__ */ s(
-      "div",
-      {
-        onDragOver: !o && r ? j : void 0,
-        onDragEnter: !o && r ? Z : void 0,
-        onDragLeave: !o && r ? $ : void 0,
-        onDrop: !o && r ? k : void 0,
-        className: e.input.root,
-        children: [
-          /* @__PURE__ */ i(u, { htmlFor: a, UNSAFE_className: e.input.label, children: y }),
-          /* @__PURE__ */ i(
-            "input",
-            {
-              ...O,
-              type: "file",
-              accept: g,
-              id: a,
-              ref: F,
-              name: l,
-              className: e.input.input,
-              onChange: V,
-              multiple: E,
-              disabled: o
-            }
-          ),
-          /* @__PURE__ */ s("div", { ref: S, className: e.input.dropZone.root, children: [
-            /* @__PURE__ */ i(Y, { name: x, "aria-hidden": "true" }),
-            /* @__PURE__ */ s(u, { htmlFor: a, UNSAFE_className: e.input.dropZone.label, children: [
-              /* @__PURE__ */ i("span", { className: e.input.link, children: I }),
-              " ",
-              /* @__PURE__ */ i("span", { className: e.input.dropLabel, children: L })
-            ] }),
-            /* @__PURE__ */ i(
-              K,
-              {
-                UNSAFE_className: e.input.helper,
-                id: `${a}__helperText`,
-                registerAria: m,
-                helperText: T
-              }
-            )
-          ] }),
-          t && /* @__PURE__ */ i(
-            W,
-            {
-              UNSAFE_className: e.input.validationText,
-              elementType: "span",
-              ...b && { hasValidationStateIcon: t },
-              id: `${a}__validationText`,
-              validationText: p,
-              registerAria: m,
-              role: q
-            }
-          )
-        ]
-      }
-    ),
-    D
-  ] });
+    validationState: n
+  }), { styleProps: D, props: w } = W(C), [z, f] = X(b), M = ie({
+    validationState: n,
+    validationText: m
+  }), a = B;
+  return Q(() => {
+    s === void 0 && S("draggable" in document.createElement("span"));
+  }, [s]), /* @__PURE__ */ r(
+    "div",
+    {
+      ...w,
+      ...D,
+      ...l != null && l !== "" ? { id: l } : {},
+      className: J(e.root, D.className),
+      children: [
+        u && /* @__PURE__ */ r(
+          "div",
+          {
+            onDragOver: !o && t ? k : void 0,
+            onDragEnter: !o && t ? O : void 0,
+            onDragLeave: !o && t ? $ : void 0,
+            onDrop: !o && t ? q : void 0,
+            className: e.input.root,
+            children: [
+              /* @__PURE__ */ i(v, { htmlFor: a, UNSAFE_className: e.input.label, children: R }),
+              /* @__PURE__ */ i(
+                "input",
+                {
+                  ...z,
+                  type: "file",
+                  accept: A,
+                  id: a,
+                  ref: L,
+                  name: c,
+                  className: e.input.input,
+                  onChange: H,
+                  multiple: I,
+                  disabled: o
+                }
+              ),
+              /* @__PURE__ */ r("div", { ref: F, className: e.input.dropZone.root, children: [
+                !d && /* @__PURE__ */ i(re, { name: E, boxSize: 28, "aria-hidden": "true" }),
+                /* @__PURE__ */ r("div", { className: e.input.dropZone.content, children: [
+                  /* @__PURE__ */ r(v, { htmlFor: a, UNSAFE_className: e.input.dropZone.label, children: [
+                    V,
+                    p && /* @__PURE__ */ r(G, { children: [
+                      " ",
+                      /* @__PURE__ */ i("span", { className: e.input.dropLabel, children: p })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ i(
+                    ee,
+                    {
+                      UNSAFE_className: e.input.helper,
+                      id: `${a}-helper`,
+                      registerAria: f,
+                      helperText: U
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ i(Y, { "aria-hidden": "true", isDisabled: o, elementType: "div", type: null, children: T })
+              ] }),
+              n && /* @__PURE__ */ i(
+                oe,
+                {
+                  UNSAFE_className: e.input.validationText,
+                  elementType: "div",
+                  ...y && { hasValidationStateIcon: n },
+                  id: `${a}-validation`,
+                  validationText: m,
+                  registerAria: f,
+                  role: M
+                }
+              )
+            ]
+          }
+        ),
+        x
+      ]
+    }
+  );
 };
-f.spiritComponent = "UNSTABLE_FileUpload";
-f.displayName = "UNSTABLE_FileUpload";
+g.spiritComponent = "UNSTABLE_FileUpload";
+g.displayName = "UNSTABLE_FileUpload";
 export {
-  f as default
+  g as default
 };
 //# sourceMappingURL=UNSTABLE_FileUpload.js.map

package/dist/components/UNSTABLE_FileUpload/UNSTABLE_FileUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSTABLE_FileUpload.js","sources":["../../../src/components/UNSTABLE_FileUpload/UNSTABLE_FileUpload.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useEffect, useState } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { HelperText, Label, ValidationText, useAriaIds } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Icon } from '../Icon';\nimport { type UnstableFileUploadProps } from './types';\nimport { useFileUploadState } from './useFileUploadState';\nimport { useFileUploadStyleProps } from './useFileUploadStyleProps';\n\nconst UNSTABLE_FileUpload = (props: UnstableFileUploadProps) => {\n  const [isDragAndDropSupported, setIsDragAndDropSupported] = useState(false);\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    accept,\n    children,\n    dropZoneRef,\n    hasValidationIcon,\n    helperText,\n    iconName = 'upload',\n    id,\n    inputRef,\n    isDisabled,\n    isFluid,\n    isLabelHidden,\n    isMultiple,\n    isRequired,\n    label,\n    labelText,\n    linkText,\n    name,\n    onFilesSelected,\n    validationState,\n    validationText,\n    ...restProps\n  } = props;\n\n  const hasInput = name !== undefined;\n\n  const { isDragging, onChange, onDragEnter, onDragLeave, onDragOver, onDrop } = useFileUploadState({\n    onFilesSelected: hasInput ? onFilesSelected : undefined,\n  });\n\n  const { classProps } = useFileUploadStyleProps({\n    hasValidationIcon,\n    isDisabled,\n    isDragAndDropSupported,\n    isDragging,\n    isFluid,\n    isLabelHidden,\n    isRequired,\n    validationState,\n  });\n\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  const [ids, register] = useAriaIds(ariaDescribedBy);\n  const ariaDescribedByProp = useAriaDescribedBy(ids);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n  const inputId = `${id}-input`;\n\n  useEffect(() => {\n    setIsDragAndDropSupported('draggable' in document.createElement('span'));\n  }, []);\n\n  return (\n    <div id={id} {...transferProps} {...styleProps} className={classNames(classProps.root, styleProps.className)}>\n      {hasInput && (\n        <div\n          onDragOver={!isDisabled && isDragAndDropSupported ? onDragOver : undefined}\n          onDragEnter={!isDisabled && isDragAndDropSupported ? onDragEnter : undefined}\n          onDragLeave={!isDisabled && isDragAndDropSupported ? onDragLeave : undefined}\n          onDrop={!isDisabled && isDragAndDropSupported ? onDrop : undefined}\n          className={classProps.input.root}\n        >\n          <Label htmlFor={inputId} UNSAFE_className={classProps.input.label}>\n            {label}\n          </Label>\n          <input\n            {...ariaDescribedByProp}\n            type=\"file\"\n            accept={accept}\n            id={inputId}\n            ref={inputRef}\n            name={name}\n            className={classProps.input.input}\n            onChange={onChange}\n            multiple={isMultiple}\n            disabled={isDisabled}\n          />\n          <div ref={dropZoneRef} className={classProps.input.dropZone.root}>\n            <Icon name={iconName} aria-hidden=\"true\" />\n            <Label htmlFor={inputId} UNSAFE_className={classProps.input.dropZone.label}>\n              <span className={classProps.input.link}>{linkText}</span>\n              &nbsp;\n              <span className={classProps.input.dropLabel}>{labelText}</span>\n            </Label>\n            <HelperText\n              UNSAFE_className={classProps.input.helper}\n              id={`${inputId}__helperText`}\n              registerAria={register}\n              helperText={helperText}\n            />\n          </div>\n          {validationState && (\n            <ValidationText\n              UNSAFE_className={classProps.input.validationText}\n              elementType=\"span\"\n              {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n              id={`${inputId}__validationText`}\n              validationText={validationText}\n              registerAria={register}\n              role={validationTextRole}\n            />\n          )}\n        </div>\n      )}\n      {children}\n    </div>\n  );\n};\n\nUNSTABLE_FileUpload.spiritComponent = 'UNSTABLE_FileUpload';\nUNSTABLE_FileUpload.displayName = 'UNSTABLE_FileUpload';\n\nexport default UNSTABLE_FileUpload;\n"],"names":["UNSTABLE_FileUpload","props","isDragAndDropSupported","setIsDragAndDropSupported","useState","ariaDescribedBy","accept","children","dropZoneRef","hasValidationIcon","helperText","iconName","id","inputRef","isDisabled","isFluid","isLabelHidden","isMultiple","isRequired","label","labelText","linkText","name","onFilesSelected","validationState","validationText","restProps","hasInput","isDragging","onChange","onDragEnter","onDragLeave","onDragOver","onDrop","useFileUploadState","classProps","useFileUploadStyleProps","styleProps","transferProps","useStyleProps","ids","register","useAriaIds","ariaDescribedByProp","useAriaDescribedBy","validationTextRole","useValidationTextRole","inputId","useEffect","jsxs","classNames","jsx","Label","Icon","HelperText","ValidationText"],"mappings":"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"}
+{"version":3,"file":"UNSTABLE_FileUpload.js","sources":["../../../src/components/UNSTABLE_FileUpload/UNSTABLE_FileUpload.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { useEffect, useState } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { Button } from '../Button';\nimport { HelperText, Label, ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Icon } from '../Icon';\nimport { type UnstableFileUploadProps } from './types';\nimport { useFileUploadState } from './useFileUploadState';\nimport { useFileUploadStyleProps } from './useFileUploadStyleProps';\n\nconst UNSTABLE_FileUpload = (props: UnstableFileUploadProps) => {\n  const [isDragAndDropDetected, setIsDragAndDropDetected] = useState(false);\n  const {\n    'aria-describedby': ariaDescribedBy = '',\n    accept,\n    buttonText = 'Browse',\n    children,\n    dropZoneRef,\n    hasValidationIcon,\n    helperText,\n    iconName = 'upload',\n    id,\n    inputRef,\n    isCompact,\n    isDisabled,\n    isDragAndDropSupported: isDragAndDropSupportedProp,\n    isLabelHidden,\n    isMultiple,\n    isRequired,\n    label,\n    labelText,\n    linkText,\n    name,\n    onFilesSelected,\n    rootId,\n    validationState,\n    validationText,\n    ...restProps\n  } = props;\n\n  const hasInput = name !== undefined;\n\n  const isDragAndDropSupported = isDragAndDropSupportedProp ?? isDragAndDropDetected;\n\n  const { isDragging, onChange, onDragEnter, onDragLeave, onDragOver, onDrop } = useFileUploadState({\n    onFilesSelected: hasInput ? onFilesSelected : undefined,\n  });\n\n  const { classProps } = useFileUploadStyleProps({\n    hasValidationIcon,\n    isCompact,\n    isDisabled,\n    isDragAndDropSupported,\n    isDragging,\n    isLabelHidden,\n    isRequired,\n    validationState,\n  });\n\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  const [ariaDescribedByProp, register] = useAriaDescribedBy(ariaDescribedBy);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n  const inputId = id;\n\n  useEffect(() => {\n    if (isDragAndDropSupportedProp !== undefined) {\n      return;\n    }\n    setIsDragAndDropDetected('draggable' in document.createElement('span'));\n  }, [isDragAndDropSupportedProp]);\n\n  return (\n    <div\n      {...transferProps}\n      {...styleProps}\n      {...(rootId != null && rootId !== '' ? { id: rootId } : {})}\n      className={classNames(classProps.root, styleProps.className)}\n    >\n      {hasInput && (\n        <div\n          onDragOver={!isDisabled && isDragAndDropSupported ? onDragOver : undefined}\n          onDragEnter={!isDisabled && isDragAndDropSupported ? onDragEnter : undefined}\n          onDragLeave={!isDisabled && isDragAndDropSupported ? onDragLeave : undefined}\n          onDrop={!isDisabled && isDragAndDropSupported ? onDrop : undefined}\n          className={classProps.input.root}\n        >\n          <Label htmlFor={inputId} UNSAFE_className={classProps.input.label}>\n            {label}\n          </Label>\n          <input\n            {...ariaDescribedByProp}\n            type=\"file\"\n            accept={accept}\n            id={inputId}\n            ref={inputRef}\n            name={name}\n            className={classProps.input.input}\n            onChange={onChange}\n            multiple={isMultiple}\n            disabled={isDisabled}\n          />\n          <div ref={dropZoneRef} className={classProps.input.dropZone.root}>\n            {!isCompact && <Icon name={iconName} boxSize={28} aria-hidden=\"true\" />}\n            <div className={classProps.input.dropZone.content}>\n              <Label htmlFor={inputId} UNSAFE_className={classProps.input.dropZone.label}>\n                {linkText}\n                {labelText && (\n                  <>\n                    {' '}\n                    <span className={classProps.input.dropLabel}>{labelText}</span>\n                  </>\n                )}\n              </Label>\n              <HelperText\n                UNSAFE_className={classProps.input.helper}\n                id={`${inputId}-helper`}\n                registerAria={register}\n                helperText={helperText}\n              />\n            </div>\n            {/* @ts-expect-error - Div cannot have type=\"button\". This will be solved with https://jira.almacareer.tech/browse/DS-2168 */}\n            <Button aria-hidden=\"true\" isDisabled={isDisabled} elementType=\"div\" type={null}>\n              {buttonText}\n            </Button>\n          </div>\n          {validationState && (\n            <ValidationText\n              UNSAFE_className={classProps.input.validationText}\n              elementType=\"div\"\n              {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n              id={`${inputId}-validation`}\n              validationText={validationText}\n              registerAria={register}\n              role={validationTextRole}\n            />\n          )}\n        </div>\n      )}\n      {children}\n    </div>\n  );\n};\n\nUNSTABLE_FileUpload.spiritComponent = 'UNSTABLE_FileUpload';\nUNSTABLE_FileUpload.displayName = 'UNSTABLE_FileUpload';\n\nexport default UNSTABLE_FileUpload;\n"],"names":["UNSTABLE_FileUpload","props","isDragAndDropDetected","setIsDragAndDropDetected","useState","ariaDescribedBy","accept","buttonText","children","dropZoneRef","hasValidationIcon","helperText","iconName","id","inputRef","isCompact","isDisabled","isDragAndDropSupportedProp","isLabelHidden","isMultiple","isRequired","label","labelText","linkText","name","onFilesSelected","rootId","validationState","validationText","restProps","hasInput","isDragAndDropSupported","isDragging","onChange","onDragEnter","onDragLeave","onDragOver","onDrop","useFileUploadState","classProps","useFileUploadStyleProps","styleProps","transferProps","useStyleProps","ariaDescribedByProp","register","useAriaDescribedBy","validationTextRole","useValidationTextRole","inputId","useEffect","jsxs","classNames","jsx","Label","Icon","Fragment","HelperText","Button","ValidationText"],"mappings":"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"}

package/dist/components/UNSTABLE_FileUpload/useFileUploadStyleProps.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("classnames"),L=require("../../hooks/useClassNamePrefix.cjs"),D=e=>{const a=L.useClassNamePrefix("FileUploader"),t="has-drag-and-drop",n=`${a}--fluid`,l=`${a}Input`,o=`${l}--disabled`,d=`${l}--${e?.validationState}`,p="is-dragging",r=`${l}__dragAndDropLabel`,i=`${l}__dropZone`,u=`${i}Label`,c=`${l}__helperText`,f=`${l}__input`,U=`${l}__label`,C=`${l}__label--hidden`,b=`${l}__label--required`,_=`${l}__link`,I=["link-primary","link-underlined"],$=`${l}__validationText`,g=`${a}List`;return{classProps:{root:s(a,{[n]:e?.isFluid}),input:{root:s(l,{[t]:e?.isDragAndDropSupported,[o]:e?.isDisabled,[p]:e?.isDragging,[d]:e?.validationState}),label:s(U,{[b]:e?.isRequired,[C]:e?.isLabelHidden}),input:f,dropLabel:r,helper:c,link:s(_,...I),validationText:$,dropZone:{root:i,label:u}},list:g}}};exports.useFileUploadStyleProps=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("classnames"),$=require("../../hooks/useClassNamePrefix.cjs"),g=e=>{const o=$.useClassNamePrefix("UNSTABLE_FileUpload"),s="has-drag-and-drop",l=`${o}Input`,t=`${l}--disabled`,n=`${l}__dropZone--disabled`,i=`${l}__dropZone--compact`,d=`${l}--${e?.validationState}`,p="is-dragging",r=`${l}__dragAndDropLabel`,u=`${l}__dropZone`,c=`${l}__dropZoneContent`,_=`${l}__dropZoneLabel`,C=`${l}__helperText`,b=`${l}__input`,U=`${l}__label`,f=`${l}__label--hidden`,D=`${l}__label--required`,I=`${l}__validationText`;return{classProps:{root:o,input:{root:a(l,{[s]:e?.isDragAndDropSupported,[t]:e?.isDisabled,[p]:e?.isDragging,[d]:e?.validationState}),label:a(U,{[D]:e?.isRequired,[f]:e?.isLabelHidden}),input:b,dropLabel:r,helper:C,validationText:I,dropZone:{root:a(u,{[n]:e?.isDisabled,[i]:e?.isCompact}),content:c,label:_}}}}};exports.useFileUploadStyleProps=g;
 //# sourceMappingURL=useFileUploadStyleProps.cjs.map

package/dist/components/UNSTABLE_FileUpload/useFileUploadStyleProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useFileUploadStyleProps.cjs","sources":["../../../src/components/UNSTABLE_FileUpload/useFileUploadStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type StyleProps, type Validation } from '../../types';\n\nexport interface FileUploadStyleProps extends StyleProps, Validation {\n  isDisabled?: boolean;\n  isDragAndDropSupported?: boolean;\n  isDragging?: boolean;\n  isFluid?: boolean;\n  isLabelHidden?: boolean;\n  isRequired?: boolean;\n}\n\nexport interface FileUploadStyle {\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  };\n}\n\nexport const useFileUploadStyleProps = (props?: FileUploadStyleProps): FileUploadStyle => {\n  const fileUploadClass = useClassNamePrefix('FileUploader');\n  const fileUploadHasDragAndDropClass = 'has-drag-and-drop';\n  const fileUploadFluidClass = `${fileUploadClass}--fluid`;\n  const fileUploadInputClass = `${fileUploadClass}Input`;\n  const fileUploadInputDisabledClass = `${fileUploadInputClass}--disabled`;\n  const fileUploadInputValidationClass = `${fileUploadInputClass}--${props?.validationState}`;\n  const fileUploadInputDraggingClass = 'is-dragging';\n  const fileUploadInputDropLabelClass = `${fileUploadInputClass}__dragAndDropLabel`;\n  const fileUploadInputDropZoneClass = `${fileUploadInputClass}__dropZone`;\n  const fileUploadInputDropZoneLabelClass = `${fileUploadInputDropZoneClass}Label`;\n  const fileUploadInputHelperClass = `${fileUploadInputClass}__helperText`;\n  const fileUploadInputInputClass = `${fileUploadInputClass}__input`;\n  const fileUploadInputLabelClass = `${fileUploadInputClass}__label`;\n  const fileUploadInputLabelHiddenClass = `${fileUploadInputClass}__label--hidden`;\n  const fileUploadInputLabelRequiredClass = `${fileUploadInputClass}__label--required`;\n  const fileUploadInputLinkClass = `${fileUploadInputClass}__link`;\n  const fileUploadInputLinkUtilityClasses = ['link-primary', 'link-underlined'];\n  const fileUploadInputValidationTextClass = `${fileUploadInputClass}__validationText`;\n  const fileUploadListClass = `${fileUploadClass}List`;\n\n  return {\n    classProps: {\n      root: classNames(fileUploadClass, { [fileUploadFluidClass]: props?.isFluid }),\n      input: {\n        root: classNames(fileUploadInputClass, {\n          [fileUploadHasDragAndDropClass]: props?.isDragAndDropSupported,\n          [fileUploadInputDisabledClass]: props?.isDisabled,\n          [fileUploadInputDraggingClass]: props?.isDragging,\n          [fileUploadInputValidationClass]: props?.validationState,\n        }),\n        label: classNames(fileUploadInputLabelClass, {\n          [fileUploadInputLabelRequiredClass]: props?.isRequired,\n          [fileUploadInputLabelHiddenClass]: props?.isLabelHidden,\n        }),\n        input: fileUploadInputInputClass,\n        dropLabel: fileUploadInputDropLabelClass,\n        helper: fileUploadInputHelperClass,\n        link: classNames(fileUploadInputLinkClass, ...fileUploadInputLinkUtilityClasses),\n        validationText: fileUploadInputValidationTextClass,\n        dropZone: {\n          root: fileUploadInputDropZoneClass,\n          label: fileUploadInputDropZoneLabelClass,\n        },\n      },\n      list: fileUploadListClass,\n    },\n  };\n};\n"],"names":["useFileUploadStyleProps","props","fileUploadClass","useClassNamePrefix","fileUploadHasDragAndDropClass","fileUploadFluidClass","fileUploadInputClass","fileUploadInputDisabledClass","fileUploadInputValidationClass","fileUploadInputDraggingClass","fileUploadInputDropLabelClass","fileUploadInputDropZoneClass","fileUploadInputDropZoneLabelClass","fileUploadInputHelperClass","fileUploadInputInputClass","fileUploadInputLabelClass","fileUploadInputLabelHiddenClass","fileUploadInputLabelRequiredClass","fileUploadInputLinkClass","fileUploadInputLinkUtilityClasses","fileUploadInputValidationTextClass","fileUploadListClass","classNames"],"mappings":"8JAkCaA,EAA2BC,GAAkD,CACxF,MAAMC,EAAkBC,EAAAA,mBAAmB,cAAc,EACnDC,EAAgC,oBAChCC,EAAuB,GAAGH,CAAe,UACzCI,EAAuB,GAAGJ,CAAe,QACzCK,EAA+B,GAAGD,CAAoB,aACtDE,EAAiC,GAAGF,CAAoB,KAAKL,GAAO,eAAe,GACnFQ,EAA+B,cAC/BC,EAAgC,GAAGJ,CAAoB,qBACvDK,EAA+B,GAAGL,CAAoB,aACtDM,EAAoC,GAAGD,CAA4B,QACnEE,EAA6B,GAAGP,CAAoB,eACpDQ,EAA4B,GAAGR,CAAoB,UACnDS,EAA4B,GAAGT,CAAoB,UACnDU,EAAkC,GAAGV,CAAoB,kBACzDW,EAAoC,GAAGX,CAAoB,oBAC3DY,EAA2B,GAAGZ,CAAoB,SAClDa,EAAoC,CAAC,eAAgB,iBAAiB,EACtEC,EAAqC,GAAGd,CAAoB,mBAC5De,EAAsB,GAAGnB,CAAe,OAE9C,MAAO,CACL,WAAY,CACV,KAAMoB,EAAWpB,EAAiB,CAAE,CAACG,CAAoB,EAAGJ,GAAO,QAAS,EAC5E,MAAO,CACL,KAAMqB,EAAWhB,EAAsB,CACrC,CAACF,CAA6B,EAAGH,GAAO,uBACxC,CAACM,CAA4B,EAAGN,GAAO,WACvC,CAACQ,CAA4B,EAAGR,GAAO,WACvC,CAACO,CAA8B,EAAGP,GAAO,eAAA,CAC1C,EACD,MAAOqB,EAAWP,EAA2B,CAC3C,CAACE,CAAiC,EAAGhB,GAAO,WAC5C,CAACe,CAA+B,EAAGf,GAAO,aAAA,CAC3C,EACD,MAAOa,EACP,UAAWJ,EACX,OAAQG,EACR,KAAMS,EAAWJ,EAA0B,GAAGC,CAAiC,EAC/E,eAAgBC,EAChB,SAAU,CACR,KAAMT,EACN,MAAOC,CAAA,CACT,EAEF,KAAMS,CAAA,CACR,CAEJ"}
+{"version":3,"file":"useFileUploadStyleProps.cjs","sources":["../../../src/components/UNSTABLE_FileUpload/useFileUploadStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type StyleProps, type Validation } from '../../types';\n\nexport interface FileUploadStyleProps extends StyleProps, Validation {\n  isDisabled?: boolean;\n  isCompact?: boolean;\n  isDragAndDropSupported?: boolean;\n  isDragging?: boolean;\n  isLabelHidden?: boolean;\n  isRequired?: boolean;\n}\n\nexport interface FileUploadStyle {\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      validationText: string;\n      dropZone: {\n        root: string;\n        content: string;\n        label: string;\n      };\n    };\n  };\n}\n\nexport const useFileUploadStyleProps = (props?: FileUploadStyleProps): FileUploadStyle => {\n  const fileUploadClass = useClassNamePrefix('UNSTABLE_FileUpload');\n  const fileUploadHasDragAndDropClass = 'has-drag-and-drop';\n  const fileUploadInputClass = `${fileUploadClass}Input`;\n  const fileUploadInputDisabledClass = `${fileUploadInputClass}--disabled`;\n  const fileUploadDropZoneDisabledClass = `${fileUploadInputClass}__dropZone--disabled`;\n  const fileUploadDropZoneCompactClass = `${fileUploadInputClass}__dropZone--compact`;\n  const fileUploadInputValidationClass = `${fileUploadInputClass}--${props?.validationState}`;\n  const fileUploadInputDraggingClass = 'is-dragging';\n  const fileUploadInputDropLabelClass = `${fileUploadInputClass}__dragAndDropLabel`;\n  const fileUploadInputDropZoneClass = `${fileUploadInputClass}__dropZone`;\n  const fileUploadInputDropZoneContentClass = `${fileUploadInputClass}__dropZoneContent`;\n  const fileUploadInputDropZoneLabelClass = `${fileUploadInputClass}__dropZoneLabel`;\n  const fileUploadInputHelperClass = `${fileUploadInputClass}__helperText`;\n  const fileUploadInputInputClass = `${fileUploadInputClass}__input`;\n  const fileUploadInputLabelClass = `${fileUploadInputClass}__label`;\n  const fileUploadInputLabelHiddenClass = `${fileUploadInputClass}__label--hidden`;\n  const fileUploadInputLabelRequiredClass = `${fileUploadInputClass}__label--required`;\n  const fileUploadInputValidationTextClass = `${fileUploadInputClass}__validationText`;\n\n  return {\n    classProps: {\n      root: fileUploadClass,\n      input: {\n        root: classNames(fileUploadInputClass, {\n          [fileUploadHasDragAndDropClass]: props?.isDragAndDropSupported,\n          [fileUploadInputDisabledClass]: props?.isDisabled,\n          [fileUploadInputDraggingClass]: props?.isDragging,\n          [fileUploadInputValidationClass]: props?.validationState,\n        }),\n        label: classNames(fileUploadInputLabelClass, {\n          [fileUploadInputLabelRequiredClass]: props?.isRequired,\n          [fileUploadInputLabelHiddenClass]: props?.isLabelHidden,\n        }),\n        input: fileUploadInputInputClass,\n        dropLabel: fileUploadInputDropLabelClass,\n        helper: fileUploadInputHelperClass,\n        validationText: fileUploadInputValidationTextClass,\n        dropZone: {\n          root: classNames(fileUploadInputDropZoneClass, {\n            [fileUploadDropZoneDisabledClass]: props?.isDisabled,\n            [fileUploadDropZoneCompactClass]: props?.isCompact,\n          }),\n          content: fileUploadInputDropZoneContentClass,\n          label: fileUploadInputDropZoneLabelClass,\n        },\n      },\n    },\n  };\n};\n"],"names":["useFileUploadStyleProps","props","fileUploadClass","useClassNamePrefix","fileUploadHasDragAndDropClass","fileUploadInputClass","fileUploadInputDisabledClass","fileUploadDropZoneDisabledClass","fileUploadDropZoneCompactClass","fileUploadInputValidationClass","fileUploadInputDraggingClass","fileUploadInputDropLabelClass","fileUploadInputDropZoneClass","fileUploadInputDropZoneContentClass","fileUploadInputDropZoneLabelClass","fileUploadInputHelperClass","fileUploadInputInputClass","fileUploadInputLabelClass","fileUploadInputLabelHiddenClass","fileUploadInputLabelRequiredClass","fileUploadInputValidationTextClass","classNames"],"mappings":"8JAiCaA,EAA2BC,GAAkD,CACxF,MAAMC,EAAkBC,EAAAA,mBAAmB,qBAAqB,EAC1DC,EAAgC,oBAChCC,EAAuB,GAAGH,CAAe,QACzCI,EAA+B,GAAGD,CAAoB,aACtDE,EAAkC,GAAGF,CAAoB,uBACzDG,EAAiC,GAAGH,CAAoB,sBACxDI,EAAiC,GAAGJ,CAAoB,KAAKJ,GAAO,eAAe,GACnFS,EAA+B,cAC/BC,EAAgC,GAAGN,CAAoB,qBACvDO,EAA+B,GAAGP,CAAoB,aACtDQ,EAAsC,GAAGR,CAAoB,oBAC7DS,EAAoC,GAAGT,CAAoB,kBAC3DU,EAA6B,GAAGV,CAAoB,eACpDW,EAA4B,GAAGX,CAAoB,UACnDY,EAA4B,GAAGZ,CAAoB,UACnDa,EAAkC,GAAGb,CAAoB,kBACzDc,EAAoC,GAAGd,CAAoB,oBAC3De,EAAqC,GAAGf,CAAoB,mBAElE,MAAO,CACL,WAAY,CACV,KAAMH,EACN,MAAO,CACL,KAAMmB,EAAWhB,EAAsB,CACrC,CAACD,CAA6B,EAAGH,GAAO,uBACxC,CAACK,CAA4B,EAAGL,GAAO,WACvC,CAACS,CAA4B,EAAGT,GAAO,WACvC,CAACQ,CAA8B,EAAGR,GAAO,eAAA,CAC1C,EACD,MAAOoB,EAAWJ,EAA2B,CAC3C,CAACE,CAAiC,EAAGlB,GAAO,WAC5C,CAACiB,CAA+B,EAAGjB,GAAO,aAAA,CAC3C,EACD,MAAOe,EACP,UAAWL,EACX,OAAQI,EACR,eAAgBK,EAChB,SAAU,CACR,KAAMC,EAAWT,EAA8B,CAC7C,CAACL,CAA+B,EAAGN,GAAO,WAC1C,CAACO,CAA8B,EAAGP,GAAO,SAAA,CAC1C,EACD,QAASY,EACT,MAAOC,CAAA,CACT,CACF,CACF,CAEJ"}

package/dist/components/UNSTABLE_FileUpload/useFileUploadStyleProps.js

@@ -1,36 +1,38 @@
 import e from "classnames";
-import { useClassNamePrefix as L } from "../../hooks/useClassNamePrefix.js";
-const k = (a) => {
-  const s = L("FileUploader"), t = "has-drag-and-drop", n = `${s}--fluid`, l = `${s}Input`, o = `${l}--disabled`, d = `${l}--${a?.validationState}`, p = "is-dragging", r = `${l}__dragAndDropLabel`, i = `${l}__dropZone`, u = `${i}Label`, c = `${l}__helperText`, f = `${l}__input`, U = `${l}__label`, C = `${l}__label--hidden`, _ = `${l}__label--required`, b = `${l}__link`, I = ["link-primary", "link-underlined"], $ = `${l}__validationText`, g = `${s}List`;
+import { useClassNamePrefix as $ } from "../../hooks/useClassNamePrefix.js";
+const L = (a) => {
+  const o = $("UNSTABLE_FileUpload"), s = "has-drag-and-drop", l = `${o}Input`, n = `${l}--disabled`, t = `${l}__dropZone--disabled`, i = `${l}__dropZone--compact`, d = `${l}--${a?.validationState}`, p = "is-dragging", r = `${l}__dragAndDropLabel`, c = `${l}__dropZone`, u = `${l}__dropZoneContent`, _ = `${l}__dropZoneLabel`, C = `${l}__helperText`, f = `${l}__input`, U = `${l}__label`, b = `${l}__label--hidden`, D = `${l}__label--required`, I = `${l}__validationText`;
   return {
     classProps: {
-      root: e(s, { [n]: a?.isFluid }),
+      root: o,
       input: {
         root: e(l, {
-          [t]: a?.isDragAndDropSupported,
-          [o]: a?.isDisabled,
+          [s]: a?.isDragAndDropSupported,
+          [n]: a?.isDisabled,
           [p]: a?.isDragging,
           [d]: a?.validationState
         }),
         label: e(U, {
-          [_]: a?.isRequired,
-          [C]: a?.isLabelHidden
+          [D]: a?.isRequired,
+          [b]: a?.isLabelHidden
         }),
         input: f,
         dropLabel: r,
-        helper: c,
-        link: e(b, ...I),
-        validationText: $,
+        helper: C,
+        validationText: I,
         dropZone: {
-          root: i,
-          label: u
+          root: e(c, {
+            [t]: a?.isDisabled,
+            [i]: a?.isCompact
+          }),
+          content: u,
+          label: _
         }
-      },
-      list: g
+      }
     }
   };
 };
 export {
-  k as useFileUploadStyleProps
+  L as useFileUploadStyleProps
 };
 //# sourceMappingURL=useFileUploadStyleProps.js.map