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

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/types.d.ts

@@ -1,12 +1,13 @@
 import { MutableRefObject, ReactNode } from 'react';
 import { SpiritInputElementProps, Validation, ValidationTextType } from '../../types/shared';
-import { UnstableAttachmentItem } from '../UNSTABLE_Attachment/types';
+import { UnstableFileItem } from '../UNSTABLE_File/types';
 export interface UnstableFileUploadTextProps {
+    buttonText?: string;
     helperText?: string;
     labelText?: string;
     linkText?: string;
 }
-export type UnstableFileUploadAttachmentsItem = UnstableAttachmentItem;
+export type UnstableFileUploadAttachmentsItem = UnstableFileItem;
 export type FilesSelectedType = (files: File[]) => void;
 export interface UnstableFileUploadInputProps extends Omit<SpiritInputElementProps, 'onError' | 'label'>, UnstableFileUploadTextProps, Validation {
     accept?: string;
@@ -16,6 +17,8 @@ export interface UnstableFileUploadInputProps extends Omit<SpiritInputElementPro
     id: string;
     inputRef?: MutableRefObject<HTMLInputElement>;
     isDisabled?: boolean;
+    isCompact?: boolean;
+    isDragAndDropSupported?: boolean;
     isLabelHidden?: boolean;
     isMultiple?: boolean;
     isRequired?: boolean;
@@ -26,5 +29,5 @@ export interface UnstableFileUploadInputProps extends Omit<SpiritInputElementPro
 }
 export interface UnstableFileUploadProps extends UnstableFileUploadInputProps {
     id: string;
-    isFluid?: boolean;
+    rootId?: string;
 }

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.d.ts

@@ -1,9 +1,9 @@
 import { StyleProps, Validation } from '../../types';
 export interface FileUploadStyleProps extends StyleProps, Validation {
     isDisabled?: boolean;
+    isCompact?: boolean;
     isDragAndDropSupported?: boolean;
     isDragging?: boolean;
-    isFluid?: boolean;
     isLabelHidden?: boolean;
     isRequired?: boolean;
 }
@@ -16,14 +16,13 @@ export interface FileUploadStyle {
             input: string;
             dropLabel: string;
             helper: string;
-            link: string;
             validationText: string;
             dropZone: {
                 root: string;
+                content: string;
                 label: string;
             };
         };
-        list: string;
     };
 }
 export declare const useFileUploadStyleProps: (props?: FileUploadStyleProps) => FileUploadStyle;

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

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

@@ -1 +1 @@
-{"version":3,"file":"useFileUploadStyleProps.js","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":";;AAkCO,MAAMA,IAA0B,CAACC,MAAkD;AACxF,QAAMC,IAAkBC,EAAmB,cAAc,GACnDC,IAAgC,qBAChCC,IAAuB,GAAGH,CAAe,WACzCI,IAAuB,GAAGJ,CAAe,SACzCK,IAA+B,GAAGD,CAAoB,cACtDE,IAAiC,GAAGF,CAAoB,KAAKL,GAAO,eAAe,IACnFQ,IAA+B,eAC/BC,IAAgC,GAAGJ,CAAoB,sBACvDK,IAA+B,GAAGL,CAAoB,cACtDM,IAAoC,GAAGD,CAA4B,SACnEE,IAA6B,GAAGP,CAAoB,gBACpDQ,IAA4B,GAAGR,CAAoB,WACnDS,IAA4B,GAAGT,CAAoB,WACnDU,IAAkC,GAAGV,CAAoB,mBACzDW,IAAoC,GAAGX,CAAoB,qBAC3DY,IAA2B,GAAGZ,CAAoB,UAClDa,IAAoC,CAAC,gBAAgB,iBAAiB,GACtEC,IAAqC,GAAGd,CAAoB,oBAC5De,IAAsB,GAAGnB,CAAe;AAE9C,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMoB,EAAWpB,GAAiB,EAAE,CAACG,CAAoB,GAAGJ,GAAO,SAAS;AAAA,MAC5E,OAAO;AAAA,QACL,MAAMqB,EAAWhB,GAAsB;AAAA,UACrC,CAACF,CAA6B,GAAGH,GAAO;AAAA,UACxC,CAACM,CAA4B,GAAGN,GAAO;AAAA,UACvC,CAACQ,CAA4B,GAAGR,GAAO;AAAA,UACvC,CAACO,CAA8B,GAAGP,GAAO;AAAA,QAAA,CAC1C;AAAA,QACD,OAAOqB,EAAWP,GAA2B;AAAA,UAC3C,CAACE,CAAiC,GAAGhB,GAAO;AAAA,UAC5C,CAACe,CAA+B,GAAGf,GAAO;AAAA,QAAA,CAC3C;AAAA,QACD,OAAOa;AAAA,QACP,WAAWJ;AAAA,QACX,QAAQG;AAAA,QACR,MAAMS,EAAWJ,GAA0B,GAAGC,CAAiC;AAAA,QAC/E,gBAAgBC;AAAA,QAChB,UAAU;AAAA,UACR,MAAMT;AAAA,UACN,OAAOC;AAAA,QAAA;AAAA,MACT;AAAA,MAEF,MAAMS;AAAA,IAAA;AAAA,EACR;AAEJ;"}
+{"version":3,"file":"useFileUploadStyleProps.js","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":";;AAiCO,MAAMA,IAA0B,CAACC,MAAkD;AACxF,QAAMC,IAAkBC,EAAmB,qBAAqB,GAC1DC,IAAgC,qBAChCC,IAAuB,GAAGH,CAAe,SACzCI,IAA+B,GAAGD,CAAoB,cACtDE,IAAkC,GAAGF,CAAoB,wBACzDG,IAAiC,GAAGH,CAAoB,uBACxDI,IAAiC,GAAGJ,CAAoB,KAAKJ,GAAO,eAAe,IACnFS,IAA+B,eAC/BC,IAAgC,GAAGN,CAAoB,sBACvDO,IAA+B,GAAGP,CAAoB,cACtDQ,IAAsC,GAAGR,CAAoB,qBAC7DS,IAAoC,GAAGT,CAAoB,mBAC3DU,IAA6B,GAAGV,CAAoB,gBACpDW,IAA4B,GAAGX,CAAoB,WACnDY,IAA4B,GAAGZ,CAAoB,WACnDa,IAAkC,GAAGb,CAAoB,mBACzDc,IAAoC,GAAGd,CAAoB,qBAC3De,IAAqC,GAAGf,CAAoB;AAElE,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMH;AAAA,MACN,OAAO;AAAA,QACL,MAAMmB,EAAWhB,GAAsB;AAAA,UACrC,CAACD,CAA6B,GAAGH,GAAO;AAAA,UACxC,CAACK,CAA4B,GAAGL,GAAO;AAAA,UACvC,CAACS,CAA4B,GAAGT,GAAO;AAAA,UACvC,CAACQ,CAA8B,GAAGR,GAAO;AAAA,QAAA,CAC1C;AAAA,QACD,OAAOoB,EAAWJ,GAA2B;AAAA,UAC3C,CAACE,CAAiC,GAAGlB,GAAO;AAAA,UAC5C,CAACiB,CAA+B,GAAGjB,GAAO;AAAA,QAAA,CAC3C;AAAA,QACD,OAAOe;AAAA,QACP,WAAWL;AAAA,QACX,QAAQI;AAAA,QACR,gBAAgBK;AAAA,QAChB,UAAU;AAAA,UACR,MAAMC,EAAWT,GAA8B;AAAA,YAC7C,CAACL,CAA+B,GAAGN,GAAO;AAAA,YAC1C,CAACO,CAA8B,GAAGP,GAAO;AAAA,UAAA,CAC1C;AAAA,UACD,SAASY;AAAA,UACT,OAAOC;AAAA,QAAA;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/components/UNSTABLE_Picker/PickerContext.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../constants/dictionaries.cjs"),t=e.createContext({size:r.Sizes.MEDIUM}),i=t.Provider,o=()=>e.useContext(t);exports.PickerContextProvider=i;exports.usePickerContext=o;
+//# sourceMappingURL=PickerContext.cjs.map

package/dist/components/UNSTABLE_Picker/PickerContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerContext.cjs","sources":["../../../src/components/UNSTABLE_Picker/PickerContext.ts"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport { Sizes } from '../../constants';\nimport type { UnstablePickerContextType } from './types';\n\nconst PickerContext = createContext<UnstablePickerContextType>({ size: Sizes.MEDIUM });\n\nexport const PickerContextProvider = PickerContext.Provider;\n\nexport const usePickerContext = () => useContext(PickerContext);\n"],"names":["PickerContext","createContext","Sizes","PickerContextProvider","usePickerContext","useContext"],"mappings":"oKAMMA,EAAgBC,EAAAA,cAAyC,CAAE,KAAMC,EAAAA,MAAM,OAAQ,EAExEC,EAAwBH,EAAc,SAEtCI,EAAmB,IAAMC,EAAAA,WAAWL,CAAa"}

package/dist/components/UNSTABLE_Picker/PickerContext.d.ts

@@ -0,0 +1,3 @@
+import { UnstablePickerContextType } from './types';
+export declare const PickerContextProvider: React.Provider<UnstablePickerContextType>;
+export declare const usePickerContext: () => UnstablePickerContextType;

package/dist/components/UNSTABLE_Picker/PickerContext.js

@@ -0,0 +1,9 @@
+"use client";
+import { useContext as t, createContext as o } from "react";
+import { Sizes as r } from "../../constants/dictionaries.js";
+const e = o({ size: r.MEDIUM }), c = e.Provider, n = () => t(e);
+export {
+  c as PickerContextProvider,
+  n as usePickerContext
+};
+//# sourceMappingURL=PickerContext.js.map

package/dist/components/UNSTABLE_Picker/PickerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerContext.js","sources":["../../../src/components/UNSTABLE_Picker/PickerContext.ts"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport { Sizes } from '../../constants';\nimport type { UnstablePickerContextType } from './types';\n\nconst PickerContext = createContext<UnstablePickerContextType>({ size: Sizes.MEDIUM });\n\nexport const PickerContextProvider = PickerContext.Provider;\n\nexport const usePickerContext = () => useContext(PickerContext);\n"],"names":["PickerContext","createContext","Sizes","PickerContextProvider","usePickerContext","useContext"],"mappings":";;;AAMA,MAAMA,IAAgBC,EAAyC,EAAE,MAAMC,EAAM,QAAQ,GAExEC,IAAwBH,EAAc,UAEtCI,IAAmB,MAAMC,EAAWL,CAAa;"}

package/dist/components/UNSTABLE_Picker/PickerPopoverContext.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o=require("../../constants/selection.cjs"),r={id:"",isDisabled:!1,onSelectionChange:()=>{},selectedKeys:[],selectionMode:o.MULTIPLE_SELECTION_MODE},t=e.createContext(r),n=t.Provider,c=()=>e.useContext(t);exports.PickerPopoverContextProvider=n;exports.usePickerPopoverContext=c;
+//# sourceMappingURL=PickerPopoverContext.cjs.map

package/dist/components/UNSTABLE_Picker/PickerPopoverContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerPopoverContext.cjs","sources":["../../../src/components/UNSTABLE_Picker/PickerPopoverContext.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport { MULTIPLE_SELECTION_MODE } from '../../constants';\nimport type { UnstablePickerPopoverContextValue } from './types';\n\nconst defaultContext: UnstablePickerPopoverContextValue = {\n  id: '',\n  isDisabled: false,\n  onSelectionChange: () => {},\n  selectedKeys: [],\n  selectionMode: MULTIPLE_SELECTION_MODE,\n};\n\nconst PickerPopoverContext = createContext<UnstablePickerPopoverContextValue>(defaultContext);\n\nexport const PickerPopoverContextProvider = PickerPopoverContext.Provider;\n\nexport const usePickerPopoverContext = (): UnstablePickerPopoverContextValue => useContext(PickerPopoverContext);\n"],"names":["defaultContext","MULTIPLE_SELECTION_MODE","PickerPopoverContext","createContext","PickerPopoverContextProvider","usePickerPopoverContext","useContext"],"mappings":"iKAMMA,EAAoD,CACxD,GAAI,GACJ,WAAY,GACZ,kBAAmB,IAAM,CAAC,EAC1B,aAAc,CAAA,EACd,cAAeC,EAAAA,uBACjB,EAEMC,EAAuBC,EAAAA,cAAiDH,CAAc,EAE/EI,EAA+BF,EAAqB,SAEpDG,EAA0B,IAAyCC,EAAAA,WAAWJ,CAAoB"}

package/dist/components/UNSTABLE_Picker/PickerPopoverContext.d.ts

@@ -0,0 +1,3 @@
+import { UnstablePickerPopoverContextValue } from './types';
+export declare const PickerPopoverContextProvider: React.Provider<UnstablePickerPopoverContextValue>;
+export declare const usePickerPopoverContext: () => UnstablePickerPopoverContextValue;

package/dist/components/UNSTABLE_Picker/PickerPopoverContext.js

@@ -0,0 +1,16 @@
+"use client";
+import { createContext as o, useContext as t } from "react";
+import { MULTIPLE_SELECTION_MODE as r } from "../../constants/selection.js";
+const n = {
+  id: "",
+  isDisabled: !1,
+  onSelectionChange: () => {
+  },
+  selectedKeys: [],
+  selectionMode: r
+}, e = o(n), c = e.Provider, P = () => t(e);
+export {
+  c as PickerPopoverContextProvider,
+  P as usePickerPopoverContext
+};
+//# sourceMappingURL=PickerPopoverContext.js.map

package/dist/components/UNSTABLE_Picker/PickerPopoverContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerPopoverContext.js","sources":["../../../src/components/UNSTABLE_Picker/PickerPopoverContext.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport { MULTIPLE_SELECTION_MODE } from '../../constants';\nimport type { UnstablePickerPopoverContextValue } from './types';\n\nconst defaultContext: UnstablePickerPopoverContextValue = {\n  id: '',\n  isDisabled: false,\n  onSelectionChange: () => {},\n  selectedKeys: [],\n  selectionMode: MULTIPLE_SELECTION_MODE,\n};\n\nconst PickerPopoverContext = createContext<UnstablePickerPopoverContextValue>(defaultContext);\n\nexport const PickerPopoverContextProvider = PickerPopoverContext.Provider;\n\nexport const usePickerPopoverContext = (): UnstablePickerPopoverContextValue => useContext(PickerPopoverContext);\n"],"names":["defaultContext","MULTIPLE_SELECTION_MODE","PickerPopoverContext","createContext","PickerPopoverContextProvider","usePickerPopoverContext","useContext"],"mappings":";;;AAMA,MAAMA,IAAoD;AAAA,EACxD,IAAI;AAAA,EACJ,YAAY;AAAA,EACZ,mBAAmB,MAAM;AAAA,EAAC;AAAA,EAC1B,cAAc,CAAA;AAAA,EACd,eAAeC;AACjB,GAEMC,IAAuBC,EAAiDH,CAAc,GAE/EI,IAA+BF,EAAqB,UAEpDG,IAA0B,MAAyCC,EAAWJ,CAAoB;"}

package/dist/components/UNSTABLE_Picker/UNSTABLE_Picker.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),ge=require("classnames"),r=require("react"),me=require("../../constants/selection.cjs"),Pe=require("../../hooks/styleProps.cjs"),be=require("../../hooks/useAriaIdRefs.cjs"),ve=require("../../hooks/useI18n.cjs"),B=require("../../hooks/useSelectionState.cjs"),U=require("../../translations/replaceTranslationParams.cjs"),xe=require("../Dropdown/Dropdown.cjs"),fe=require("../Dropdown/DropdownPopover.cjs"),Te=require("../Field/HelperText.cjs"),ye=require("../Field/Label.cjs"),ke=require("../Field/ValidationText.cjs"),Se=require("../Field/useValidationTextRole.cjs"),qe=require("../Icon/Icon.cjs"),he=require("../VisuallyHidden/VisuallyHidden.cjs"),Ie=require("./constants.cjs"),Le=require("./PickerContext.cjs"),Ae=require("./PickerPopoverContext.cjs"),w=require("./UNSTABLE_PickerTag.cjs"),Ne=require("./usePickerId.cjs"),Re=require("./usePickerPopoverTabOutToTrigger.cjs"),je=require("./usePickerSelectionGridKeyboard.cjs"),Ce=require("./usePickerStyleProps.cjs"),p=require("./utils.cjs"),Ee=(O,V)=>{const{t:n}=ve.useI18n(),{"aria-describedby":G="",addButtonLabel:F=n("picker.add"),children:x,closeButtonLabel:H=n("common.close"),emptySelectionLabel:q,helperText:$,id:z,isAggregated:f=!1,isDisabled:o=!1,isFluid:Z=!1,isLabelHidden:J=!1,isOpen:t,isRequired:Q=!1,label:i,onSelectionChange:c,onToggle:g,removeAllLabel:W=n("picker.removeAll"),renderTags:h,selectedKeys:d,selectionAriaLabel:X=n("picker.selectionAriaLabel"),selectionMode:u=me.MULTIPLE_SELECTION_MODE,size:I=Ie.DEFAULT_SIZE,tagDescriptionText:Y=n("picker.tagDescriptionText"),hasValidationIcon:ee,validationState:m,validationText:L,...re}=O,[te,A]=be.useAriaDescribedBy(G),se=Se.useValidationTextRole({validationState:m,validationText:L}),{classProps:s}=Ce.usePickerStyleProps({isDisabled:o,isFluid:Z,isLabelHidden:J,isRequired:Q,size:I,validationState:m}),{styleProps:N,props:oe}=Pe.useStyleProps(re),{labelId:R,pickerId:P,popoverId:j,selectionId:ie,tagDescriptionId:C}=Ne.usePickerId(z),E=r.useMemo(()=>p.collectPickerItems(x),[x]),_=r.useMemo(()=>p.getPickerItemLabelMap(E),[E]),b=r.useMemo(()=>B.getSelectedKeys(d,u),[d,u]),a=r.useMemo(()=>p.getSelectedItems(b,_),[b,_]),D=l=>B.isSingleSelectionMode(u)?c([]):c(d.filter(v=>v!==l)),ae=()=>c([]),K=r.useRef(null),M=r.useRef(null),T=r.useCallback(()=>{t&&(g(),Promise.resolve().then(()=>{M.current?.focus()}))},[t,g]),{onPopoverKeyDownCapture:le}=Re.usePickerPopoverTabOutToTrigger({isOpen:t,onClose:T}),ne=p.getPickerSelectionGridKeyboardRowCount(a.length,{isAggregated:f}),{getKeyboardGridRowProps:y,removeTagAtIndex:k}=je.usePickerSelectionGridKeyboard({isDisabled:o,isPopoverOpen:t,onRemoveAtIndex:l=>{f?ae():D(a[l].value)},selectionRef:K,tagCount:ne}),ce=q?U.replaceTranslationParams(q,{label:i}):i,de=p.getAggregatedTagLabel(i,a),ue=a.length?h?h({getKeyboardGridRowProps:y,onRemove:D,removeTagAtIndex:k}):f?e.jsx(w.default,{tagKeyboardProps:y(0),isDisabled:o,label:de,onRemove:()=>k(0),removeLabel:W}):a.map((l,v)=>e.jsx(w.default,{tagKeyboardProps:y(v),isDisabled:o,label:l.label,onRemove:()=>k(v)},l.value)):e.jsx("span",{"aria-hidden":"true",className:s.selectionEmpty,children:ce}),pe=r.useMemo(()=>({id:P,isDisabled:o,onSelectionChange:c,selectedKeys:b,selectionMode:u}),[b,o,c,P,u]);return r.useImperativeHandle(V,()=>({close:T,selectedKeys:d}),[T,d]),e.jsx(Le.PickerContextProvider,{value:{size:I,tagDescriptionId:C},children:e.jsxs("div",{...N,className:ge(s.root,N.className),...oe,children:[e.jsx(ye.default,{id:R,UNSAFE_className:s.label,elementType:"span",children:i}),e.jsxs(xe.default,{id:j,isOpen:t,onToggle:g,children:[e.jsxs("div",{role:"group","aria-label":i,className:s.inputContainer,children:[e.jsx("div",{ref:K,...te,id:ie,role:a.length?"grid":"group","aria-label":U.replaceTranslationParams(X,{label:i}),"aria-live":"off","aria-atomic":!1,"aria-relevant":"additions",className:s.selection,children:ue}),e.jsxs("button",{ref:M,type:"button",className:s.trigger,"aria-haspopup":"dialog","aria-expanded":t,"aria-controls":j,onClick:g,disabled:o,children:[e.jsx(he.default,{children:t?H:F}),e.jsx(qe.default,{name:`chevron-${t?"up":"down"}`,boxSize:20})]})]}),e.jsx(fe.default,{"aria-labelledby":R,role:"dialog","aria-modal":"true",onKeyDownCapture:le,children:e.jsx(Ae.PickerPopoverContextProvider,{value:pe,children:x})})]}),e.jsx(Te.default,{UNSAFE_className:s.helperText,id:`${P}-helper-text`,registerAria:A,helperText:$}),m&&e.jsx(ke.default,{UNSAFE_className:s.validationText,id:`${P}-validation-text`,...ee&&{hasValidationStateIcon:m},validationText:L,registerAria:A,role:se}),e.jsx("span",{id:C,hidden:!0,children:Y})]})})},S=r.forwardRef(Ee);S.spiritComponent="UNSTABLE_Picker";S.displayName="UNSTABLE_Picker";exports.default=S;
+//# sourceMappingURL=UNSTABLE_Picker.cjs.map