acinguiux-ds-react-framework 0.1.23 → 0.1.25

package/build/cjs/components/DeprecatedTable/utils/sortingUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortingUtils.js","sources":["../../../../../src/components/DeprecatedTable/utils/sortingUtils.ts"],"sourcesContent":["import type { DefaultRecordType } from 'rc-table/lib/interface';\nimport { Sorts } from 'acinguiux-ds-react-base/consts';\n\nimport type { ColumnType, CompareFn, SortState } from '../Table.types';\n\nconst getSortFunction = <T extends DefaultRecordType>(sorter: ColumnType<T>['sorter']): CompareFn<T> | false => {\n  if (typeof sorter === 'function') {\n    return sorter;\n  }\n\n  if (sorter && typeof sorter === 'object' && sorter.compare) {\n    return sorter.compare;\n  }\n\n  return false;\n};\n\nconst sortCallback =\n  <T extends DefaultRecordType>(runningSorters: SortState<T>[]) =>\n  (record1: T, record2: T) => {\n    for (const sorterState of runningSorters) {\n      const {\n        column: { sorter },\n        sortOrder,\n      } = sorterState;\n\n      const compareFn = getSortFunction(sorter);\n\n      if (compareFn && sortOrder) {\n        const compareResult = compareFn(record1, record2, sortOrder);\n\n        if (compareResult !== 0) {\n          return sortOrder === Sorts.Asc ? compareResult : -compareResult;\n        }\n      }\n    }\n\n    return 0;\n  };\n\n/**\n * getSortData for DeprecatedTable\n *\n * @deprecated use `BaseTable` component instead\n */\nconst getSortData = <T extends DefaultRecordType>(data: readonly T[], sortStates: SortState<T>[]): T[] => {\n  const innerSorterStates = sortStates\n    .slice()\n    .sort(\n      (sortState1, sortState2) => (sortState2.multiplePriority as number) - (sortState1.multiplePriority as number),\n    );\n\n  const cloneData = data.slice();\n\n  const runningSorters = innerSorterStates.filter(\n    ({ column: { sorter }, sortOrder }) => getSortFunction(sorter) && sortOrder,\n  );\n\n  if (!runningSorters.length) {\n    return cloneData;\n  }\n\n  return cloneData.sort(sortCallback(runningSorters));\n};\n\nexport { getSortData };\n"],"names":["getSortFunction","sorter","sortCallback","runningSorters","record1","record2","sorterState","sortOrder","compareFn","compareResult","Sorts","getSortData","data","sortStates","innerSorterStates","sortState1","sortState2","cloneData"],"mappings":"uKAKMA,EAAgDC,GAChD,OAAOA,GAAW,WACbA,EAGLA,GAAU,OAAOA,GAAW,UAAYA,EAAO,QAC1CA,EAAO,QAGT,GAGHC,EAC0BC,GAC9B,CAACC,EAAYC,IAAe,CAC1B,UAAWC,KAAeH,EAAgB,CACxC,KAAM,CACJ,OAAQ,CAAE,OAAAF,CAAA,EACV,UAAAM,CAAA,EACED,EAEEE,EAAYR,EAAgBC,CAAM,EAExC,GAAIO,GAAaD,EAAW,CAC1B,MAAME,EAAgBD,EAAUJ,EAASC,EAASE,CAAS,EAE3D,GAAIE,IAAkB,EACpB,OAAOF,IAAcG,EAAAA,MAAM,IAAMD,EAAgB,CAACA,CAEtD,CACF,CAEA,MAAO,EACT,EAOIE,EAAc,CAA8BC,EAAoBC,IAAoC,CACxG,MAAMC,EAAoBD,EACvB,MAAA,EACA,KACC,CAACE,EAAYC,IAAgBA,EAAW,iBAA+BD,EAAW,gBAAA,EAGhFE,EAAYL,EAAK,MAAA,EAEjBT,EAAiBW,EAAkB,OACvC,CAAC,CAAE,OAAQ,CAAE,OAAAb,CAAA,EAAU,UAAAM,KAAgBP,EAAgBC,CAAM,GAAKM,CAAA,EAGpE,OAAKJ,EAAe,OAIbc,EAAU,KAAKf,EAAaC,CAAc,CAAC,EAHzCc,CAIX"}

package/build/cjs/components/DeprecatedTree/Tree.js

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),u=require("react"),s=require("../../react-base/src/consts/index.js"),j=require("../Icon/components/CaretSmallDown.js"),p=require("../Icon/components/CaretSmallRight.js"),C=require("../Loading/Loading.js"),a=require("./Tree.styles.js"),E=require("./components/TreeCheckboxes/TreeCheckboxes.js"),g=require("../../react-base/src/consts/classes.js"),z={[s.Sizes.Small]:16,[s.Sizes.Medium]:24,[s.Sizes.Large]:28},o=t=>t.map(e=>{if(e.children){const n=o(e.children);return{...e,disabled:!0,children:n}}return{...e,disabled:!0}}),d=t=>t.map(e=>e.children?e.disabled?{...e,disabled:!0,children:o(e.children)}:{...e,children:d(e.children),role:"treeitem"}:{...e,role:"treeitem"}),L=({showIcon:t=!1,loadingIcon:e,checkable:n=!0,disabled:x=!1,size:i=`${s.Sizes.Medium}`,treeData:c,...S})=>{const h=u.useMemo(()=>c?d(c):void 0,[c]),m=u.useCallback(({isLeaf:f,loading:q,expanded:b})=>{const l=z[i];if(f)return r.jsx("span",{style:{marginLeft:`${l}px`}});if(q)return e??r.jsx(C,{size:s.Sizes.Small});const T=b?j:p;return r.jsx(a.ExpandButton,{children:r.jsx(T,{width:l,height:l})})},[e,i]);return r.jsx(a.Tree,{size:i,checkable:n?r.jsx(E,{size:i,disabled:x}):void 0,prefixCls:g.TREE_CLASS,switcherIcon:m,showIcon:t,treeData:h,...S})};module.exports=L;
+//# sourceMappingURL=Tree.js.map

package/build/cjs/components/DeprecatedTree/Tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.js","sources":["../../../../src/components/DeprecatedTree/Tree.tsx"],"sourcesContent":["import { type ReactElement, useCallback, useMemo } from 'react';\n\nimport type { TreeNodeProps as RCTreeNodeProps } from 'rc-tree';\nimport type { DataNode } from 'rc-tree/lib/interface';\nimport { Sizes, TREE_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport CaretSmallDown from '../Icon/components/CaretSmallDown';\nimport CaretSmallRight from '../Icon/components/CaretSmallRight';\nimport Loading from '../Loading/Loading';\nimport * as Styled from './Tree.styles';\nimport type { DeprecatedTreeSize, ITreeProps } from './Tree.types';\nimport TreeCheckboxes from './components/TreeCheckboxes/TreeCheckboxes';\n\nconst CARET_SIZES: Record<DeprecatedTreeSize, number> = {\n  [Sizes.Small]: 16,\n  [Sizes.Medium]: 24,\n  [Sizes.Large]: 28,\n};\n\nconst fixDisable = (childrenNode: DataNode[]) =>\n  childrenNode.map((childNode): DataNode => {\n    if (childNode.children) {\n      const cn = fixDisable(childNode.children);\n\n      return { ...childNode, disabled: true, children: cn };\n    }\n\n    return { ...childNode, disabled: true };\n  });\n\nconst findInTree = (tree: DataNode[]): DataNode[] =>\n  tree.map((node) => {\n    if (node.children) {\n      if (node.disabled) {\n        return { ...node, disabled: true, children: fixDisable(node.children) };\n      }\n\n      return { ...node, children: findInTree(node.children), role: 'treeitem' };\n    }\n\n    return { ...node, role: 'treeitem' };\n  });\n\n/**\n *\n * @deprecated\n * Use Tree instead of DeprecatedTree\n */\nconst Tree = ({\n  showIcon = false,\n  loadingIcon,\n  checkable = true,\n  disabled = false,\n  size = `${Sizes.Medium}`,\n  treeData,\n  ...rest\n}: ITreeProps): ReactElement => {\n  const dataTree = useMemo(() => (treeData ? findInTree(treeData) : undefined), [treeData]);\n  const switcherIcon = useCallback(\n    ({ isLeaf, loading, expanded }: RCTreeNodeProps) => {\n      const caretSize = CARET_SIZES[size];\n\n      if (isLeaf) return <span style={{ marginLeft: `${caretSize}px` }} />;\n      if (loading) return loadingIcon ?? <Loading size={Sizes.Small} />;\n\n      const Icon = expanded ? CaretSmallDown : CaretSmallRight;\n\n      return (\n        <Styled.ExpandButton>\n          <Icon width={caretSize} height={caretSize} />\n        </Styled.ExpandButton>\n      );\n    },\n    [loadingIcon, size],\n  );\n\n  return (\n    <Styled.Tree\n      size={size}\n      checkable={checkable ? <TreeCheckboxes size={size} disabled={disabled} /> : undefined}\n      prefixCls={TREE_CLASS}\n      switcherIcon={switcherIcon}\n      showIcon={showIcon}\n      treeData={dataTree}\n      {...rest}\n    />\n  );\n};\n\nexport default Tree;\n"],"names":["CARET_SIZES","Sizes","fixDisable","childrenNode","childNode","cn","findInTree","tree","node","Tree","showIcon","loadingIcon","checkable","disabled","size","treeData","rest","dataTree","useMemo","switcherIcon","useCallback","isLeaf","loading","expanded","caretSize","jsx","Loading","Icon","CaretSmallDown","CaretSmallRight","Styled.ExpandButton","Styled.Tree","TreeCheckboxes","TREE_CLASS"],"mappings":"4YAaMA,EAAkD,CACtD,CAACC,EAAAA,MAAM,KAAK,EAAG,GACf,CAACA,EAAAA,MAAM,MAAM,EAAG,GAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,EACjB,EAEMC,EAAcC,GAClBA,EAAa,IAAKC,GAAwB,CACxC,GAAIA,EAAU,SAAU,CACtB,MAAMC,EAAKH,EAAWE,EAAU,QAAQ,EAExC,MAAO,CAAE,GAAGA,EAAW,SAAU,GAAM,SAAUC,CAAA,CACnD,CAEA,MAAO,CAAE,GAAGD,EAAW,SAAU,EAAA,CACnC,CAAC,EAEGE,EAAcC,GAClBA,EAAK,IAAKC,GACJA,EAAK,SACHA,EAAK,SACA,CAAE,GAAGA,EAAM,SAAU,GAAM,SAAUN,EAAWM,EAAK,QAAQ,CAAA,EAG/D,CAAE,GAAGA,EAAM,SAAUF,EAAWE,EAAK,QAAQ,EAAG,KAAM,UAAA,EAGxD,CAAE,GAAGA,EAAM,KAAM,UAAA,CACzB,EAOGC,EAAO,CAAC,CACZ,SAAAC,EAAW,GACX,YAAAC,EACA,UAAAC,EAAY,GACZ,SAAAC,EAAW,GACX,KAAAC,EAAO,GAAGb,QAAM,MAAM,GACtB,SAAAc,EACA,GAAGC,CACL,IAAgC,CAC9B,MAAMC,EAAWC,UAAQ,IAAOH,EAAWT,EAAWS,CAAQ,EAAI,OAAY,CAACA,CAAQ,CAAC,EAClFI,EAAeC,EAAAA,YACnB,CAAC,CAAE,OAAAC,EAAQ,QAAAC,EAAS,SAAAC,KAAgC,CAClD,MAAMC,EAAYxB,EAAYc,CAAI,EAElC,GAAIO,EAAQ,OAAOI,MAAC,OAAA,CAAK,MAAO,CAAE,WAAY,GAAGD,CAAS,IAAA,CAAK,CAAG,EAClE,GAAIF,EAAS,OAAOX,SAAgBe,EAAA,CAAQ,KAAMzB,QAAM,MAAO,EAE/D,MAAM0B,EAAOJ,EAAWK,EAAiBC,EAEzC,OACEJ,MAACK,EAAAA,aAAA,CACC,SAAAL,EAAAA,IAACE,GAAK,MAAOH,EAAW,OAAQA,CAAA,CAAW,CAAA,CAC7C,CAEJ,EACA,CAACb,EAAaG,CAAI,CAAA,EAGpB,OACEW,EAAAA,IAACM,EAAAA,KAAA,CACC,KAAAjB,EACA,UAAWF,EAAYa,MAACO,EAAA,CAAe,KAAAlB,EAAY,SAAAD,EAAoB,EAAK,OAC5E,UAAWoB,EAAAA,WACX,aAAAd,EACA,SAAAT,EACA,SAAUO,EACT,GAAGD,CAAA,CAAA,CAGV"}

package/build/cjs/components/DeprecatedTree/Tree.styles.js

@@ -0,0 +1,111 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("rc-tree"),n=require("styled-components"),o=require("../../react-base/src/theme/types/layer.js"),c=n.css`
+  ${({prefixCls:e})=>n.css`
+    &.${e}-checkbox {
+      .acinguiux-checkbox-label {
+        display: none;
+      }
+
+      .${e}-checkbox-wrapper-checked, .${e}-checkbox-wrapper-indeterminate {
+        display: none;
+      }
+
+      &-checked {
+        .${e}-checkbox-wrapper-checked {
+          display: initial;
+        }
+
+        .${e}-checkbox-wrapper-unchecked, .${e}-checkbox-wrapper-indeterminate {
+          display: none;
+        }
+      }
+
+      &-indeterminate {
+        .${e}-checkbox-wrapper-indeterminate {
+          display: initial;
+        }
+
+        .${e}-checkbox-wrapper-unchecked, .${e}-checkbox-wrapper-checked {
+          display: none;
+        }
+      }
+    }
+  `}
+`,i=n.styled(r)`
+  ${({prefixCls:e,theme:a,size:t})=>n.css`
+    ${a.typography("heading","extraSmall")}
+    margin: 0;
+    border: 1px solid transparent;
+    color: ${a.layer({foundation:"surface"})[o.Variables.TextOnFoundationStrong]};
+
+    .${e} {
+      /* Caret toggle */
+      &-switcher {
+        display: flex;
+        margin-right: 8px;
+      }
+
+      /* Indent placeholder */
+      &-indent-unit {
+        display: inline-flex;
+        width: 32px;
+      }
+
+      /* Node text */
+      &-node-content-wrapper {
+        display: flex;
+        align-items: center;
+        gap: 2px;
+      }
+
+      /* SVG icon */
+      &-iconEle {
+        display: flex;
+      }
+
+      &-checkbox {
+        margin-right: 8px;
+      }
+
+      &-treenode {
+        display: flex;
+        align-items: center;
+        margin: 4px 0;
+        padding: 0;
+        white-space: nowrap;
+        list-style: none;
+        outline: 0;
+
+        ${a.typography("label",t??"medium","strong")}
+
+        &-disabled {
+          color: ${a.layer({foundation:"surface",disabled:!0})[o.Variables.TextOnFoundationSubtle]};
+          cursor: not-allowed;
+
+          .${e}-checkbox {
+            pointer-events: none;
+          }
+        }
+
+        span {
+          ${c}
+        }
+
+        &:not(&-show-line) {
+          .${e}-treenode {
+            .${e}-switcher-noop {
+              background: none;
+            }
+          }
+        }
+      }
+    }
+  `}
+`,d=n.styled.button`
+  display: flex;
+  align-items: center;
+  border: none;
+  background: transparent;
+  padding: 0;
+  margin: 0;
+`;exports.ExpandButton=d;exports.Tree=i;
+//# sourceMappingURL=Tree.styles.js.map

package/build/cjs/components/DeprecatedTree/Tree.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.styles.js","sources":["../../../../src/components/DeprecatedTree/Tree.styles.ts"],"sourcesContent":["import type { FunctionComponent } from 'react';\n\nimport RCTree, { type TreeProps as RcTreeProps } from 'rc-tree';\nimport { styled, css } from 'styled-components';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport type { ITreeProps } from './Tree.types';\n\nconst Checkbox = css<Required<Pick<RcTreeProps, 'prefixCls'>>>`\n  ${({ prefixCls }) => css`\n    &.${prefixCls}-checkbox {\n      .acinguiux-checkbox-label {\n        display: none;\n      }\n\n      .${prefixCls}-checkbox-wrapper-checked, .${prefixCls}-checkbox-wrapper-indeterminate {\n        display: none;\n      }\n\n      &-checked {\n        .${prefixCls}-checkbox-wrapper-checked {\n          display: initial;\n        }\n\n        .${prefixCls}-checkbox-wrapper-unchecked, .${prefixCls}-checkbox-wrapper-indeterminate {\n          display: none;\n        }\n      }\n\n      &-indeterminate {\n        .${prefixCls}-checkbox-wrapper-indeterminate {\n          display: initial;\n        }\n\n        .${prefixCls}-checkbox-wrapper-unchecked, .${prefixCls}-checkbox-wrapper-checked {\n          display: none;\n        }\n      }\n    }\n  `}\n`;\n\nconst Tree = styled(RCTree as unknown as FunctionComponent<RcTreeProps>)<RcTreeProps & Pick<ITreeProps, 'size'>>`\n  ${({ prefixCls, theme, size }) => css<RcTreeProps & Pick<ITreeProps, 'size'>>`\n    ${theme.typography('heading', 'extraSmall')}\n    margin: 0;\n    border: 1px solid transparent;\n    color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong]};\n\n    .${prefixCls} {\n      /* Caret toggle */\n      &-switcher {\n        display: flex;\n        margin-right: 8px;\n      }\n\n      /* Indent placeholder */\n      &-indent-unit {\n        display: inline-flex;\n        width: 32px;\n      }\n\n      /* Node text */\n      &-node-content-wrapper {\n        display: flex;\n        align-items: center;\n        gap: 2px;\n      }\n\n      /* SVG icon */\n      &-iconEle {\n        display: flex;\n      }\n\n      &-checkbox {\n        margin-right: 8px;\n      }\n\n      &-treenode {\n        display: flex;\n        align-items: center;\n        margin: 4px 0;\n        padding: 0;\n        white-space: nowrap;\n        list-style: none;\n        outline: 0;\n\n        ${theme.typography('label', size ?? 'medium', 'strong')}\n\n        &-disabled {\n          color: ${theme.layer({ foundation: 'surface', disabled: true })[Variables.TextOnFoundationSubtle]};\n          cursor: not-allowed;\n\n          .${prefixCls}-checkbox {\n            pointer-events: none;\n          }\n        }\n\n        span {\n          ${Checkbox}\n        }\n\n        &:not(&-show-line) {\n          .${prefixCls}-treenode {\n            .${prefixCls}-switcher-noop {\n              background: none;\n            }\n          }\n        }\n      }\n    }\n  `}\n`;\n\nconst ExpandButton = styled.button`\n  display: flex;\n  align-items: center;\n  border: none;\n  background: transparent;\n  padding: 0;\n  margin: 0;\n`;\n\nexport { Tree, ExpandButton };\n"],"names":["Checkbox","css","prefixCls","Tree","styled","RCTree","theme","size","Variables","ExpandButton"],"mappings":"6NAQMA,EAAWC,EAAAA;AAAAA,IACb,CAAC,CAAE,UAAAC,CAAA,IAAgBD,EAAAA;AAAAA,QACfC,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA,SAKRA,CAAS,+BAA+BA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA,WAK/CA,CAAS;AAAA;AAAA;AAAA;AAAA,WAITA,CAAS,iCAAiCA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMnDA,CAAS;AAAA;AAAA;AAAA;AAAA,WAITA,CAAS,iCAAiCA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA,GAK3D;AAAA,EAGGC,EAAOC,EAAAA,OAAOC,CAAmD;AAAA,IACnE,CAAC,CAAE,UAAAH,EAAW,MAAAI,EAAO,KAAAC,KAAWN,EAAAA;AAAAA,MAC9BK,EAAM,WAAW,UAAW,YAAY,CAAC;AAAA;AAAA;AAAA,aAGlCA,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEE,EAAAA,UAAU,sBAAsB,CAAC;AAAA;AAAA,OAE9EN,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAsCNI,EAAM,WAAW,QAASC,GAAQ,SAAU,QAAQ,CAAC;AAAA;AAAA;AAAA,mBAG5CD,EAAM,MAAM,CAAE,WAAY,UAAW,SAAU,GAAM,EAAEE,YAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA,aAG9FN,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMVF,CAAQ;AAAA;AAAA;AAAA;AAAA,aAIPE,CAAS;AAAA,eACPA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOrB;AAAA,EAGGO,EAAeL,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/build/cjs/components/DeprecatedTree/Tree.types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=Tree.types.js.map

package/build/cjs/components/DeprecatedTree/Tree.types.js.map

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

package/build/cjs/components/DeprecatedTree/components/TreeCheckboxes/TreeCheckboxes.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),n=require("react"),u=require("../../../../react-base/src/consts/classes.js"),a=require("../../../Checkbox/Checkbox.js"),i=({size:c,disabled:r})=>{const t=n.useRef(null),o=n.useRef(null),C=n.useRef(null),s=l=>{const E=l.currentTarget===t.current?o:t;setTimeout(()=>{E.current?.focus()},0)};return e.jsxs(e.Fragment,{children:[e.jsx(a,{"aria-label":"Checked",checked:!0,className:u.TREE_CHECKBOX_CHECKED_CLASS,size:c,disabled:r,onClick:s,ref:t}),e.jsx(a,{"aria-label":"Unchecked",className:u.TREE_CHECKBOX_UNCHECKED_CLASS,size:c,disabled:r,onClick:s,ref:o}),e.jsx(a,{"aria-label":"Indeterminate",indeterminate:!0,checked:!0,className:u.TREE_CHECKBOX_INDETERMINATE_CLASS,size:c,disabled:r,onClick:s,ref:C})]})};module.exports=i;
+//# sourceMappingURL=TreeCheckboxes.js.map

package/build/cjs/components/DeprecatedTree/components/TreeCheckboxes/TreeCheckboxes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeCheckboxes.js","sources":["../../../../../../src/components/DeprecatedTree/components/TreeCheckboxes/TreeCheckboxes.tsx"],"sourcesContent":["import { type MouseEvent, type ReactElement, useRef } from 'react';\n\nimport {\n  TREE_CHECKBOX_CHECKED_CLASS,\n  TREE_CHECKBOX_UNCHECKED_CLASS,\n  TREE_CHECKBOX_INDETERMINATE_CLASS,\n} from 'acinguiux-ds-react-base/consts';\n\nimport type { ICheckboxProps } from '../../../Checkbox/Checkbox.types';\nimport Checkbox from '../../../Checkbox/Checkbox';\n\nconst TreeCheckboxes = ({ size, disabled }: { size: ICheckboxProps['size']; disabled: boolean }): ReactElement => {\n  const checkedRef = useRef<HTMLInputElement | null>(null);\n  const uncheckedRef = useRef<HTMLInputElement | null>(null);\n  const indeterminateRef = useRef<HTMLInputElement | null>(null);\n\n  const onClick = (event: MouseEvent<HTMLInputElement, globalThis.MouseEvent>) => {\n    const refToFocus = event.currentTarget === checkedRef.current ? uncheckedRef : checkedRef;\n    setTimeout(() => {\n      refToFocus.current?.focus();\n    }, 0);\n  };\n\n  return (\n    <>\n      <Checkbox\n        aria-label=\"Checked\"\n        checked={true}\n        className={TREE_CHECKBOX_CHECKED_CLASS}\n        size={size}\n        disabled={disabled}\n        onClick={onClick}\n        ref={checkedRef}\n      />\n      <Checkbox\n        aria-label=\"Unchecked\"\n        className={TREE_CHECKBOX_UNCHECKED_CLASS}\n        size={size}\n        disabled={disabled}\n        onClick={onClick}\n        ref={uncheckedRef}\n      />\n      <Checkbox\n        aria-label=\"Indeterminate\"\n        indeterminate={true}\n        checked={true}\n        className={TREE_CHECKBOX_INDETERMINATE_CLASS}\n        size={size}\n        disabled={disabled}\n        onClick={onClick}\n        ref={indeterminateRef}\n      />\n    </>\n  );\n};\n\nexport default TreeCheckboxes;\n"],"names":["TreeCheckboxes","size","disabled","checkedRef","useRef","uncheckedRef","indeterminateRef","onClick","event","refToFocus","jsxs","Fragment","jsx","Checkbox","TREE_CHECKBOX_CHECKED_CLASS","TREE_CHECKBOX_UNCHECKED_CLASS","TREE_CHECKBOX_INDETERMINATE_CLASS"],"mappings":"0KAWMA,EAAiB,CAAC,CAAE,KAAAC,EAAM,SAAAC,KAAkF,CAChH,MAAMC,EAAaC,EAAAA,OAAgC,IAAI,EACjDC,EAAeD,EAAAA,OAAgC,IAAI,EACnDE,EAAmBF,EAAAA,OAAgC,IAAI,EAEvDG,EAAWC,GAA+D,CAC9E,MAAMC,EAAaD,EAAM,gBAAkBL,EAAW,QAAUE,EAAeF,EAC/E,WAAW,IAAM,CACfM,EAAW,SAAS,MAAA,CACtB,EAAG,CAAC,CACN,EAEA,OACEC,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,EAAAA,IAACC,EAAA,CACC,aAAW,UACX,QAAS,GACT,UAAWC,EAAAA,4BACX,KAAAb,EACA,SAAAC,EACA,QAAAK,EACA,IAAKJ,CAAA,CAAA,EAEPS,EAAAA,IAACC,EAAA,CACC,aAAW,YACX,UAAWE,EAAAA,8BACX,KAAAd,EACA,SAAAC,EACA,QAAAK,EACA,IAAKF,CAAA,CAAA,EAEPO,EAAAA,IAACC,EAAA,CACC,aAAW,gBACX,cAAe,GACf,QAAS,GACT,UAAWG,EAAAA,kCACX,KAAAf,EACA,SAAAC,EACA,QAAAK,EACA,IAAKD,CAAA,CAAA,CACP,EACF,CAEJ"}

package/build/cjs/components/Drawer/Drawer.styles.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const $=require("rc-drawer"),t=require("styled-components"),p=require("../../react-base/src/consts/index.js"),l=require("../../react-base/src/theme/types/layer.js"),r=require("../../react-base/src/components/Drawer/Drawer.consts.js"),u=(e=!1)=>e?"raised":"surface",c=t.css`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("rc-drawer"),t=require("styled-components"),p=require("../../react-base/src/consts/index.js"),l=require("../../react-base/src/theme/types/layer.js"),o=require("../../react-base/src/components/Drawer/Drawer.consts.js"),u=(a=!1)=>a?"raised":"surface",c=t.css`
   &-enter,
   &-appear,
   &-leave {
@@ -10,25 +10,25 @@
       transition: all 0.3s ease-out;
     }
   }
-`,b=t.styled($)`
-  ${({prefixCls:e,theme:a,$sticky:n,$bgColor:s,$elevation:d,$zIndex:o})=>{const i=a.layer({foundation:s?"base":u(d)});return t.css`
-      z-index: ${o??p.ZIndexes.DRAWER};
+`,$=t.styled(g)`
+  ${({prefixCls:a,theme:n,$sticky:e,$bgColor:s,$elevation:d,$zIndex:r})=>{const i=n.layer({foundation:s?"base":u(d)});return t.css`
+      z-index: ${r??p.ZIndexes.DRAWER};
       position: fixed;
       inset: 0;
       color: ${i[l.Variables.TextOnFoundationStrong]};
       pointer-events: none;
 
-      &.${e}-inline {
+      &.${a}-inline {
         position: absolute;
       }
 
-      .${e} {
+      .${a} {
         &-mask {
           position: absolute;
           inset: 0;
-          z-index: ${o??p.ZIndexes.DRAWER};
+          z-index: ${r??p.ZIndexes.DRAWER};
           pointer-events: auto;
-          background-color: ${a.globals("others").mask};
+          background-color: ${n.globals("others").mask};
 
           &.mask-motion {
             &-enter,
@@ -60,32 +60,32 @@
 
         &-content-wrapper {
           position: absolute;
-          z-index: ${o??p.ZIndexes.DRAWER};
+          z-index: ${r??p.ZIndexes.DRAWER};
           transition: transform 0.3s ease-out;
 
           &-hidden {
             display: none;
           }
 
-          .${e}-left& {
+          .${a}-left& {
             top: 0;
             bottom: 0;
             left: 0;
           }
 
-          .${e}-right& {
+          .${a}-right& {
             top: 0;
             right: 0;
             bottom: 0;
           }
 
-          .${e}-top& {
+          .${a}-top& {
             top: 0;
             right: 0;
             left: 0;
           }
 
-          .${e}-bottom& {
+          .${a}-bottom& {
             right: 0;
             bottom: 0;
             left: 0;
@@ -195,73 +195,79 @@
           background: ${i[l.Variables.BackgroundFoundation]};
           overflow: hidden;
 
-          ${!n&&t.css`
+          ${!e&&t.css`
             overflow-y: auto;
           `}
 
           ${d&&t.css`
-            filter: ${a.dropShadows.high1};
+            filter: ${n.dropShadows.high1};
           `}
         }
       }
     `}}
-`,v=t.styled.div`
-  ${({$size:e,$padding:a,$sticky:n,$headerBorder:s,$footerBorder:d,$hasHeader:o,$hasFooter:i,$bgColor:m})=>t.css`
+`,b=t.styled.div`
+  ${({$size:a,$padding:n,$sticky:e,$headerBorder:s,$footerBorder:d,$hasHeader:r,$hasFooter:i,$bgColor:m})=>t.css`
     display: flex;
     flex-direction: column;
+    height: 100%;
 
-    ${n&&t.css`
+    ${e&&t.css`
       overflow-y: auto;
     `}
 
-    ${a&&t.css`
-      padding-inline: ${r.consts[e].padding};
+    ${n&&t.css`
+      padding-inline: ${o.consts[a].padding}px;
     `}
 
-     ${(o&&(s||m)||!o)&&t.css`
-      padding-block-start: ${r.consts[e].padding};
+     ${(r&&(s||m)||!r)&&t.css`
+      padding-block-start: ${o.consts[a].padding}px;
     `}
 
         ${(i&&(d||m)||!i)&&t.css`
-      padding-block-end: ${r.consts[e].padding};
+      padding-block-end: ${o.consts[a].padding}px;
     `}
   `}
 `,f=t.styled.div`
-  ${({$size:e,$elevation:a,theme:n})=>t.css`
+  ${({$size:a,$elevation:n,theme:e})=>t.css`
     z-index: ${p.ZIndexes.ELEVATED};
     display: flex;
     align-items: flex-start;
     min-height: auto;
-    padding: ${r.consts[e].padding};
-    background: ${n.layer({foundation:u(a)})[l.Variables.BackgroundFoundation]};
+    padding: ${o.consts[a].padding}px;
+    background: ${e.layer({foundation:u(n)})[l.Variables.BackgroundFoundation]};
   `}
-`,g=t.styled.div`
+`,v=t.styled.div`
   flex: 1 0 0;
   align-self: center;
 `,y=t.styled(f)`
-  ${({$headerBorder:e,$elevation:a,$size:n,theme:s})=>t.css`
+  ${({$headerBorder:a,$elevation:n,$size:e,theme:s})=>t.css`
     gap: 12px;
 
     & > button:first-child {
-      min-width: ${r.consts[n].backIconSize};
-      width: ${r.consts[n].backIconSize};
-      max-width: ${r.consts[n].backIconSize};
+      min-width: ${o.consts[e].backIconSize};
+      width: ${o.consts[e].backIconSize};
+      max-width: ${o.consts[e].backIconSize};
     }
 
-    ${e&&t.css`
+    & > button:last-child {
+      margin-right: ${-o.consts[e].padding/2}px;
+      margin-top: ${-o.consts[e].padding/2}px;
+    }
+
+    ${a&&t.css`
       border-bottom: 1px solid
-        ${s.layer({foundation:u(a)})[l.Variables.BorderOnFoundationSubtle]};
+        ${s.layer({foundation:u(n)})[l.Variables.BorderOnFoundationSubtle]};
     `}
   `}
 `,w=t.styled(f)`
-  ${({$footerBorder:e,$elevation:a,theme:n})=>t.css`
+  ${({$footerBorder:a,$elevation:n,theme:e})=>t.css`
     width: 100%;
     margin-top: auto;
 
-    ${e&&t.css`
+    ${a&&t.css`
       border-top: 1px solid
-        ${n.layer({foundation:u(a)})[l.Variables.BorderOnFoundationSubtle]};
+        ${e.layer({foundation:u(n)})[l.Variables.BorderOnFoundationSubtle]};
     `}
   `}
-`;exports.Drawer=b;exports.DrawerContent=v;exports.DrawerFooter=w;exports.DrawerHeader=y;exports.DrawerHeaderContent=g;
+`;exports.Drawer=$;exports.DrawerContent=b;exports.DrawerFooter=w;exports.DrawerHeader=y;exports.DrawerHeaderContent=v;
 //# sourceMappingURL=Drawer.styles.js.map

package/build/cjs/components/Drawer/Drawer.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.styles.js","sources":["../../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import RcDrawer from 'rc-drawer';\nimport { styled, css } from 'styled-components';\nimport { ZIndexes } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { DrawerConsts } from 'acinguiux-ds-react-base/components/Drawer';\n\nimport type { IDrawerProps } from './Drawer.types';\n\nconst raisedOnElevation = (elevation = false): 'raised' | 'surface' => (elevation ? 'raised' : 'surface');\n\nconst panelMotion = css`\n  &-enter,\n  &-appear,\n  &-leave {\n    &-start {\n      transition: none;\n    }\n\n    &-active {\n      transition: all 0.3s ease-out;\n    }\n  }\n`;\n\ntype StyledDrawerPropKeys = 'elevation' | 'sticky' | 'bgColor' | 'zIndex';\nexport type IStyledDrawerProps = PickTransient<IDrawerProps, StyledDrawerPropKeys>;\n\nconst Drawer = styled(RcDrawer)<IStyledDrawerProps>`\n  ${({ prefixCls, theme, $sticky, $bgColor, $elevation, $zIndex }) => {\n    const layer = theme.layer({ foundation: $bgColor ? 'base' : raisedOnElevation($elevation) });\n\n    return css`\n      z-index: ${$zIndex ?? ZIndexes.DRAWER};\n      position: fixed;\n      inset: 0;\n      color: ${layer[Variables.TextOnFoundationStrong]};\n      pointer-events: none;\n\n      &.${prefixCls}-inline {\n        position: absolute;\n      }\n\n      .${prefixCls} {\n        &-mask {\n          position: absolute;\n          inset: 0;\n          z-index: ${$zIndex ?? ZIndexes.DRAWER};\n          pointer-events: auto;\n          background-color: ${theme.globals('others').mask};\n\n          &.mask-motion {\n            &-enter,\n            &-appear,\n            &-leave {\n              &-active {\n                transition: all 0.3s;\n              }\n            }\n\n            &-enter,\n            &-appear {\n              opacity: 0;\n\n              &-active {\n                opacity: 1;\n              }\n            }\n\n            &-leave {\n              opacity: 1;\n\n              &-active {\n                opacity: 0;\n              }\n            }\n          }\n        }\n\n        &-content-wrapper {\n          position: absolute;\n          z-index: ${$zIndex ?? ZIndexes.DRAWER};\n          transition: transform 0.3s ease-out;\n\n          &-hidden {\n            display: none;\n          }\n\n          .${prefixCls}-left& {\n            top: 0;\n            bottom: 0;\n            left: 0;\n          }\n\n          .${prefixCls}-right& {\n            top: 0;\n            right: 0;\n            bottom: 0;\n          }\n\n          .${prefixCls}-top& {\n            top: 0;\n            right: 0;\n            left: 0;\n          }\n\n          .${prefixCls}-bottom& {\n            right: 0;\n            bottom: 0;\n            left: 0;\n          }\n\n          &.panel-motion {\n            /* Left */\n            &-left {\n              ${panelMotion};\n              &-enter,\n              &-appear {\n                &-start {\n                  transform: translateX(-100%) !important;\n                }\n\n                &-active {\n                  transform: translateX(0);\n                }\n              }\n\n              &-leave {\n                transform: translateX(0);\n\n                &-active {\n                  transform: translateX(-100%);\n                }\n              }\n            }\n\n            /* Right */\n            &-right {\n              ${panelMotion};\n              &-enter,\n              &-appear {\n                &-start {\n                  transform: translateX(100%) !important;\n                }\n\n                &-active {\n                  transform: translateX(0);\n                }\n              }\n\n              &-leave {\n                transform: translateX(0);\n\n                &-active {\n                  transform: translateX(100%);\n                }\n              }\n            }\n\n            /* Top */\n            &-top {\n              ${panelMotion};\n              &-enter,\n              &-appear {\n                &-start {\n                  transform: translateY(-100%) !important;\n                }\n\n                &-active {\n                  transform: translateY(0);\n                }\n              }\n\n              &-leave {\n                transform: translateY(0);\n\n                &-active {\n                  transform: translateY(-100%);\n                }\n              }\n            }\n\n            /* Bottom */\n            &-bottom {\n              ${panelMotion};\n              &-enter,\n              &-appear {\n                &-start {\n                  transform: translateY(100%) !important;\n                }\n\n                &-active {\n                  transform: translateY(0);\n                }\n              }\n\n              &-leave {\n                transform: translateY(0);\n\n                &-active {\n                  transform: translateY(100%);\n                }\n              }\n            }\n          }\n        }\n\n        &-content {\n          display: flex;\n          flex-direction: column;\n          height: 100%;\n          width: 100%;\n          pointer-events: auto;\n          background: ${layer[Variables.BackgroundFoundation]};\n          overflow: hidden;\n\n          ${!$sticky &&\n          css`\n            overflow-y: auto;\n          `}\n\n          ${$elevation &&\n          css`\n            filter: ${theme.dropShadows.high1};\n          `}\n        }\n      }\n    `;\n  }}\n`;\n\ntype DrawerContentPropKeys = 'size' | 'padding' | 'sticky' | 'headerBorder' | 'footerBorder' | 'bgColor';\nconst DrawerContent = styled.div<\n  Required<PickTransient<IDrawerProps, DrawerContentPropKeys>> & {\n    $hasHeader: boolean;\n    $hasFooter: boolean;\n  }\n>`\n  ${({ $size, $padding, $sticky, $headerBorder, $footerBorder, $hasHeader, $hasFooter, $bgColor }) => css`\n    display: flex;\n    flex-direction: column;\n\n    ${$sticky &&\n    css`\n      overflow-y: auto;\n    `}\n\n    ${$padding &&\n    css`\n      padding-inline: ${DrawerConsts.consts[$size].padding};\n    `}\n\n     ${(($hasHeader && ($headerBorder || $bgColor)) || !$hasHeader) &&\n    css`\n      padding-block-start: ${DrawerConsts.consts[$size].padding};\n    `}\n\n        ${(($hasFooter && ($footerBorder || $bgColor)) || !$hasFooter) &&\n    css`\n      padding-block-end: ${DrawerConsts.consts[$size].padding};\n    `}\n  `}\n`;\n\nconst DrawerBar = styled.div<Required<PickTransient<IDrawerProps, 'size'>> & PickTransient<IDrawerProps, 'elevation'>>`\n  ${({ $size, $elevation, theme }) => css`\n    z-index: ${ZIndexes.ELEVATED};\n    display: flex;\n    align-items: flex-start;\n    min-height: auto;\n    padding: ${DrawerConsts.consts[$size].padding};\n    background: ${theme.layer({ foundation: raisedOnElevation($elevation) })[Variables.BackgroundFoundation]};\n  `}\n`;\n\nconst DrawerHeaderContent = styled.div`\n  flex: 1 0 0;\n  align-self: center;\n`;\n\nconst DrawerHeader = styled(DrawerBar)<PickTransient<IDrawerProps, 'headerBorder'>>`\n  ${({ $headerBorder, $elevation, $size, theme }) => css`\n    gap: 12px;\n\n    & > button:first-child {\n      min-width: ${DrawerConsts.consts[$size].backIconSize};\n      width: ${DrawerConsts.consts[$size].backIconSize};\n      max-width: ${DrawerConsts.consts[$size].backIconSize};\n    }\n\n    ${$headerBorder &&\n    css`\n      border-bottom: 1px solid\n        ${theme.layer({ foundation: raisedOnElevation($elevation) })[Variables.BorderOnFoundationSubtle]};\n    `}\n  `}\n`;\n\nconst DrawerFooter = styled(DrawerBar)<PickTransient<IDrawerProps, 'footerBorder'>>`\n  ${({ $footerBorder, $elevation, theme }) => css`\n    width: 100%;\n    margin-top: auto;\n\n    ${$footerBorder &&\n    css`\n      border-top: 1px solid\n        ${theme.layer({ foundation: raisedOnElevation($elevation) })[Variables.BorderOnFoundationSubtle]};\n    `}\n  `}\n`;\n\nexport { Drawer, DrawerContent, DrawerHeader, DrawerHeaderContent, DrawerFooter };\n"],"names":["raisedOnElevation","elevation","panelMotion","css","Drawer","styled","RcDrawer","prefixCls","theme","$sticky","$bgColor","$elevation","$zIndex","layer","ZIndexes","Variables","DrawerContent","$size","$padding","$headerBorder","$footerBorder","$hasHeader","$hasFooter","DrawerConsts.consts","DrawerBar","DrawerHeaderContent","DrawerHeader","DrawerFooter"],"mappings":"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"}
+{"version":3,"file":"Drawer.styles.js","sources":["../../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import RcDrawer from 'rc-drawer';\nimport { styled, css } from 'styled-components';\nimport { ZIndexes } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { DrawerConsts } from 'acinguiux-ds-react-base/components/Drawer';\n\nimport type { IDrawerProps } from './Drawer.types';\n\nconst raisedOnElevation = (elevation = false): 'raised' | 'surface' => (elevation ? 'raised' : 'surface');\n\nconst panelMotion = css`\n  &-enter,\n  &-appear,\n  &-leave {\n    &-start {\n      transition: none;\n    }\n\n    &-active {\n      transition: all 0.3s ease-out;\n    }\n  }\n`;\n\ntype StyledDrawerPropKeys = 'elevation' | 'sticky' | 'bgColor' | 'zIndex';\nexport type IStyledDrawerProps = PickTransient<IDrawerProps, StyledDrawerPropKeys>;\n\nconst Drawer = styled(RcDrawer)<IStyledDrawerProps>`\n  ${({ prefixCls, theme, $sticky, $bgColor, $elevation, $zIndex }) => {\n    const layer = theme.layer({ foundation: $bgColor ? 'base' : raisedOnElevation($elevation) });\n\n    return css`\n      z-index: ${$zIndex ?? ZIndexes.DRAWER};\n      position: fixed;\n      inset: 0;\n      color: ${layer[Variables.TextOnFoundationStrong]};\n      pointer-events: none;\n\n      &.${prefixCls}-inline {\n        position: absolute;\n      }\n\n      .${prefixCls} {\n        &-mask {\n          position: absolute;\n          inset: 0;\n          z-index: ${$zIndex ?? ZIndexes.DRAWER};\n          pointer-events: auto;\n          background-color: ${theme.globals('others').mask};\n\n          &.mask-motion {\n            &-enter,\n            &-appear,\n            &-leave {\n              &-active {\n                transition: all 0.3s;\n              }\n            }\n\n            &-enter,\n            &-appear {\n              opacity: 0;\n\n              &-active {\n                opacity: 1;\n              }\n            }\n\n            &-leave {\n              opacity: 1;\n\n              &-active {\n                opacity: 0;\n              }\n            }\n          }\n        }\n\n        &-content-wrapper {\n          position: absolute;\n          z-index: ${$zIndex ?? ZIndexes.DRAWER};\n          transition: transform 0.3s ease-out;\n\n          &-hidden {\n            display: none;\n          }\n\n          .${prefixCls}-left& {\n            top: 0;\n            bottom: 0;\n            left: 0;\n          }\n\n          .${prefixCls}-right& {\n            top: 0;\n            right: 0;\n            bottom: 0;\n          }\n\n          .${prefixCls}-top& {\n            top: 0;\n            right: 0;\n            left: 0;\n          }\n\n          .${prefixCls}-bottom& {\n            right: 0;\n            bottom: 0;\n            left: 0;\n          }\n\n          &.panel-motion {\n            /* Left */\n            &-left {\n              ${panelMotion};\n              &-enter,\n              &-appear {\n                &-start {\n                  transform: translateX(-100%) !important;\n                }\n\n                &-active {\n                  transform: translateX(0);\n                }\n              }\n\n              &-leave {\n                transform: translateX(0);\n\n                &-active {\n                  transform: translateX(-100%);\n                }\n              }\n            }\n\n            /* Right */\n            &-right {\n              ${panelMotion};\n              &-enter,\n              &-appear {\n                &-start {\n                  transform: translateX(100%) !important;\n                }\n\n                &-active {\n                  transform: translateX(0);\n                }\n              }\n\n              &-leave {\n                transform: translateX(0);\n\n                &-active {\n                  transform: translateX(100%);\n                }\n              }\n            }\n\n            /* Top */\n            &-top {\n              ${panelMotion};\n              &-enter,\n              &-appear {\n                &-start {\n                  transform: translateY(-100%) !important;\n                }\n\n                &-active {\n                  transform: translateY(0);\n                }\n              }\n\n              &-leave {\n                transform: translateY(0);\n\n                &-active {\n                  transform: translateY(-100%);\n                }\n              }\n            }\n\n            /* Bottom */\n            &-bottom {\n              ${panelMotion};\n              &-enter,\n              &-appear {\n                &-start {\n                  transform: translateY(100%) !important;\n                }\n\n                &-active {\n                  transform: translateY(0);\n                }\n              }\n\n              &-leave {\n                transform: translateY(0);\n\n                &-active {\n                  transform: translateY(100%);\n                }\n              }\n            }\n          }\n        }\n\n        &-content {\n          display: flex;\n          flex-direction: column;\n          height: 100%;\n          width: 100%;\n          pointer-events: auto;\n          background: ${layer[Variables.BackgroundFoundation]};\n          overflow: hidden;\n\n          ${!$sticky &&\n          css`\n            overflow-y: auto;\n          `}\n\n          ${$elevation &&\n          css`\n            filter: ${theme.dropShadows.high1};\n          `}\n        }\n      }\n    `;\n  }}\n`;\n\ntype DrawerContentPropKeys = 'size' | 'padding' | 'sticky' | 'headerBorder' | 'footerBorder' | 'bgColor';\nconst DrawerContent = styled.div<\n  Required<PickTransient<IDrawerProps, DrawerContentPropKeys>> & {\n    $hasHeader: boolean;\n    $hasFooter: boolean;\n  }\n>`\n  ${({ $size, $padding, $sticky, $headerBorder, $footerBorder, $hasHeader, $hasFooter, $bgColor }) => css`\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n\n    ${$sticky &&\n    css`\n      overflow-y: auto;\n    `}\n\n    ${$padding &&\n    css`\n      padding-inline: ${DrawerConsts.consts[$size].padding}px;\n    `}\n\n     ${(($hasHeader && ($headerBorder || $bgColor)) || !$hasHeader) &&\n    css`\n      padding-block-start: ${DrawerConsts.consts[$size].padding}px;\n    `}\n\n        ${(($hasFooter && ($footerBorder || $bgColor)) || !$hasFooter) &&\n    css`\n      padding-block-end: ${DrawerConsts.consts[$size].padding}px;\n    `}\n  `}\n`;\n\nconst DrawerBar = styled.div<Required<PickTransient<IDrawerProps, 'size'>> & PickTransient<IDrawerProps, 'elevation'>>`\n  ${({ $size, $elevation, theme }) => css`\n    z-index: ${ZIndexes.ELEVATED};\n    display: flex;\n    align-items: flex-start;\n    min-height: auto;\n    padding: ${DrawerConsts.consts[$size].padding}px;\n    background: ${theme.layer({ foundation: raisedOnElevation($elevation) })[Variables.BackgroundFoundation]};\n  `}\n`;\n\nconst DrawerHeaderContent = styled.div`\n  flex: 1 0 0;\n  align-self: center;\n`;\n\nconst DrawerHeader = styled(DrawerBar)<PickTransient<IDrawerProps, 'headerBorder'>>`\n  ${({ $headerBorder, $elevation, $size, theme }) => css`\n    gap: 12px;\n\n    & > button:first-child {\n      min-width: ${DrawerConsts.consts[$size].backIconSize};\n      width: ${DrawerConsts.consts[$size].backIconSize};\n      max-width: ${DrawerConsts.consts[$size].backIconSize};\n    }\n\n    & > button:last-child {\n      margin-right: ${-DrawerConsts.consts[$size].padding / 2}px;\n      margin-top: ${-DrawerConsts.consts[$size].padding / 2}px;\n    }\n\n    ${$headerBorder &&\n    css`\n      border-bottom: 1px solid\n        ${theme.layer({ foundation: raisedOnElevation($elevation) })[Variables.BorderOnFoundationSubtle]};\n    `}\n  `}\n`;\n\nconst DrawerFooter = styled(DrawerBar)<PickTransient<IDrawerProps, 'footerBorder'>>`\n  ${({ $footerBorder, $elevation, theme }) => css`\n    width: 100%;\n    margin-top: auto;\n\n    ${$footerBorder &&\n    css`\n      border-top: 1px solid\n        ${theme.layer({ foundation: raisedOnElevation($elevation) })[Variables.BorderOnFoundationSubtle]};\n    `}\n  `}\n`;\n\nexport { Drawer, DrawerContent, DrawerHeader, DrawerHeaderContent, DrawerFooter };\n"],"names":["raisedOnElevation","elevation","panelMotion","css","Drawer","styled","RcDrawer","prefixCls","theme","$sticky","$bgColor","$elevation","$zIndex","layer","ZIndexes","Variables","DrawerContent","$size","$padding","$headerBorder","$footerBorder","$hasHeader","$hasFooter","DrawerConsts.consts","DrawerBar","DrawerHeaderContent","DrawerHeader","DrawerFooter"],"mappings":"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"}

package/build/cjs/components/FileUploader/components/FileUpload/FileUpload.styles.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),t=require("styled-components"),p=require("mime"),h=require("../../../../react-base/src/components/FileUploader/FileUploader.consts.js"),s=require("../../../../react-base/src/theme/types/layer.js"),o=require("../../../../react-base/src/consts/classes.js"),y=require("../../../Alert/Alert.js"),r=require("../../../Alert/Alert.styles.js"),F=require("../../../Icon/components/AlertCircle.js"),S=require("../../../Button/Button.js"),C=require("../../../Text/components/Heading/Heading.js"),$=require("../../../Icon/components/CheckCircle.js"),m=require("../../../Icon/components/CrossCircle.js"),x=require("../../../Icon/components/FilePngOutline.js"),d=require("../../../Icon/components/FileJpgOutline.js"),q=require("../../../Icon/components/FileSvgOutline.js"),A=require("../../../Icon/components/FilePdfOutline.js"),v=require("../../../Icon/components/FileXlsOutline.js"),u=require("../../../Icon/components/File.js"),{consts:n}=h,O=t.styled.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),t=require("styled-components"),p=require("mime"),h=require("../../../../react-base/src/components/FileUploader/FileUploader.consts.js"),l=require("../../../../react-base/src/theme/types/layer.js"),o=require("../../../../react-base/src/consts/classes.js"),y=require("../../../Alert/Alert.js"),s=require("../../../Alert/Alert.styles.js"),F=require("../../../Icon/components/AlertCircle.js"),S=require("../../../Button/Button.js"),C=require("../../../Text/components/Heading/Heading.js"),$=require("../../../Icon/components/CheckCircle.js"),m=require("../../../Icon/components/CrossCircle.js"),x=require("../../../Icon/components/FilePng.js"),d=require("../../../Icon/components/FileJpg.js"),q=require("../../../Icon/components/FileSvg.js"),A=require("../../../Icon/components/FilePdf.js"),v=require("../../../Icon/components/FileXls.js"),u=require("../../../Icon/components/File.js"),{consts:n}=h,f=t.styled.div`
   ${({size:e,theme:i})=>t.css`
-    background-color: ${i.layer({foundation:"section"})[s.Variables.BackgroundFoundation]};
+    background-color: ${i.layer({foundation:"section"})[l.Variables.BackgroundFoundation]};
     min-height: ${n[e].attachedFile.height}px;
     max-height: ${n[e].attachedFile.height}px;
     display: flex;
@@ -12,31 +12,31 @@
       padding: ${n[e].attachedFile.padding};
     `}
   `}
-`,l=t.css`
+`,r=t.css`
   ${({size:e})=>t.css`
     width: ${n[e].attachedFile.stateIconSize}px;
     height: ${n[e].attachedFile.stateIconSize}px;
     margin: 0;
   `}
-`,f=t.styled(F)`
+`,I=t.styled(F)`
   &.${o.ICON_CLASS} {
-    ${l}
+    ${r}
   }
-`,I=t.styled($)`
+`,b=t.styled($)`
   &.${o.ICON_CLASS} {
-    ${l}
+    ${r}
   }
 
   & path {
-    fill: ${({theme:e})=>e.layer({sentiment:"positive",sentimentProminence:"transparent"})[s.Variables.TextOnSentimentOnBackground]};
+    fill: ${({theme:e})=>e.layer({sentiment:"positive",sentimentProminence:"transparent"})[l.Variables.TextOnSentimentOnBackground]};
   }
-`,b=t.styled(m)`
+`,B=t.styled(m)`
   & path {
-    fill: ${({theme:e})=>e.layer({sentiment:"negative"})[s.Variables.TextOnSentimentOnBackground]};
+    fill: ${({theme:e})=>e.layer({sentiment:"negative"})[l.Variables.TextOnSentimentOnBackground]};
   }
-`,B={png:x,jpeg:d,jpg:d,svg:q,pdf:A,xls:v},k=({fileType:e,...i})=>{const c=p.getExtension(e);if(c===null)return a.jsx(u,{...i});const g=B[c]??u;return a.jsx(g,{...i})},w=t.styled(k)`
+`,O={png:x,jpeg:d,jpg:d,svg:q,pdf:A,xls:v},k=({fileType:e,...i})=>{const c=p.getExtension(e);if(c===null)return a.jsx(u,{...i});const g=O[c]??u;return a.jsx(g,{...i})},w=t.styled(k)`
   &.${o.ICON_CLASS} {
-    ${l}
+    ${r}
   }
 `,_=t.styled(C)`
   white-space: nowrap;
@@ -56,17 +56,17 @@
       height: ${n[e].attachedFile.deleteButtonSize}px;
     }
 
-    ${r.MessageAndIconVerticalContainer} {
+    ${s.MessageAndIconVerticalContainer} {
       & > div {
         padding: 0;
       }
       gap: 16px;
     }
-    ${r.MessageAndIconVerticalContainer},
-    ${r.MessageAndButtonContainer} {
+    ${s.MessageAndIconVerticalContainer},
+    ${s.MessageAndButtonContainer} {
       align-items: center;
       padding: 0;
     }
   `}
-`;exports.AttachedFiles=O;exports.FileName=_;exports.IconStyles=l;exports.RemoveFileButton=j;exports.StyledAlert=M;exports.StyledAlertCircle=f;exports.StyledCheckCircle=I;exports.StyledErrorCross=b;exports.StyledFile=w;
+`;exports.AttachedFiles=f;exports.FileName=_;exports.IconStyles=r;exports.RemoveFileButton=j;exports.StyledAlert=M;exports.StyledAlertCircle=I;exports.StyledCheckCircle=b;exports.StyledErrorCross=B;exports.StyledFile=w;
 //# sourceMappingURL=FileUpload.styles.js.map

package/build/cjs/components/FileUploader/components/FileUpload/FileUpload.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.styles.js","sources":["../../../../../../src/components/FileUploader/components/FileUpload/FileUpload.styles.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\n\nimport { styled, css } from 'styled-components';\nimport mime from 'mime';\nimport { type FileUploaderTypes, FileUploaderConsts } from 'acinguiux-ds-react-base/components/FileUploader';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { ICON_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport Alert from '../../../Alert/Alert';\nimport { MessageAndButtonContainer, MessageAndIconVerticalContainer } from '../../../Alert/Alert.styles';\nimport AlertCircle from '../../../Icon/components/AlertCircle';\nimport Button from '../../../Button/Button';\nimport Heading from '../../../Text/components/Heading/Heading';\nimport CheckCircle from '../../../Icon/components/CheckCircle';\nimport CrossCircle from '../../../Icon/components/CrossCircle';\nimport FilePngOutline from '../../../Icon/components/FilePngOutline';\nimport FileJpgOutline from '../../../Icon/components/FileJpgOutline';\nimport FileSvgOutline from '../../../Icon/components/FileSvgOutline';\nimport FilePdfOutline from '../../../Icon/components/FilePdfOutline';\nimport FileXlsOutline from '../../../Icon/components/FileXlsOutline';\nimport File from '../../../Icon/components/File';\nimport type { IFileUploaderTextProps } from '../FileUploadContent/FileUploadContent.types';\n\ninterface IAttachedFilesProps {\n  size: FileUploaderTypes.Size;\n}\n\nconst { consts } = FileUploaderConsts;\n\nexport const AttachedFiles = styled.div<IAttachedFilesProps>`\n  ${({ size, theme }) => css`\n    background-color: ${theme.layer({ foundation: 'section' })[Variables.BackgroundFoundation]};\n    min-height: ${consts[size].attachedFile.height}px;\n    max-height: ${consts[size].attachedFile.height}px;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    border-radius: ${consts[size].attachedFile.borderRadius}px;\n\n    ${size &&\n    css`\n      padding: ${consts[size].attachedFile.padding};\n    `}\n  `}\n`;\n\nexport const IconStyles = css<IAttachedFilesProps>`\n  ${({ size }) => css`\n    width: ${consts[size].attachedFile.stateIconSize}px;\n    height: ${consts[size].attachedFile.stateIconSize}px;\n    margin: 0;\n  `}\n`;\n\nexport const StyledAlertCircle = styled(AlertCircle)<IAttachedFilesProps>`\n  &.${ICON_CLASS} {\n    ${IconStyles}\n  }\n`;\n\nexport const StyledCheckCircle = styled(CheckCircle)<IAttachedFilesProps>`\n  &.${ICON_CLASS} {\n    ${IconStyles}\n  }\n\n  & path {\n    fill: ${({ theme }) =>\n      theme.layer({ sentiment: 'positive', sentimentProminence: 'transparent' })[\n        Variables.TextOnSentimentOnBackground\n      ]};\n  }\n`;\n\nexport const StyledErrorCross = styled(CrossCircle)<IAttachedFilesProps>`\n  & path {\n    fill: ${({ theme }) => theme.layer({ sentiment: 'negative' })[Variables.TextOnSentimentOnBackground]};\n  }\n`;\n\nconst extensionIconComponentMap = {\n  png: FilePngOutline,\n  jpeg: FileJpgOutline,\n  jpg: FileJpgOutline,\n  svg: FileSvgOutline,\n  pdf: FilePdfOutline,\n  xls: FileXlsOutline,\n};\n\ninterface StyledFileProps extends Omit<SVGProps<SVGSVGElement>, 'ref'> {\n  fileType: string;\n}\n\nconst GenericFile = ({ fileType, ...props }: StyledFileProps) => {\n  const extension = mime.getExtension(fileType);\n\n  if (extension === null) {\n    return <File {...props} />;\n  }\n\n  const iconFile = extensionIconComponentMap[extension as keyof typeof extensionIconComponentMap];\n\n  const Component = iconFile ?? File;\n\n  return <Component {...props} />;\n};\n\nexport const StyledFile = styled(GenericFile)<IAttachedFilesProps>`\n  &.${ICON_CLASS} {\n    ${IconStyles}\n  }\n`;\n\nexport const FileName = styled(Heading)<IFileUploaderTextProps>`\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 300px;\n`;\n\nexport const RemoveFileButton = styled(Button)`\n  margin-left: auto;\n`;\n\nexport const StyledAlert = styled(Alert)<IAttachedFilesProps>`\n  ${({ size }) => css`\n    & > div {\n      padding: ${consts[size].attachedFile.padding};\n    }\n\n    & button {\n      width: ${consts[size].attachedFile.deleteButtonSize}px;\n      height: ${consts[size].attachedFile.deleteButtonSize}px;\n    }\n\n    ${MessageAndIconVerticalContainer} {\n      & > div {\n        padding: 0;\n      }\n      gap: 16px;\n    }\n    ${MessageAndIconVerticalContainer},\n    ${MessageAndButtonContainer} {\n      align-items: center;\n      padding: 0;\n    }\n  `}\n`;\n"],"names":["consts","FileUploaderConsts","AttachedFiles","styled","size","theme","css","Variables","IconStyles","StyledAlertCircle","AlertCircle","ICON_CLASS","StyledCheckCircle","CheckCircle","StyledErrorCross","CrossCircle","extensionIconComponentMap","FilePngOutline","FileJpgOutline","FileSvgOutline","FilePdfOutline","FileXlsOutline","GenericFile","fileType","props","extension","mime","jsx","File","Component","StyledFile","FileName","Heading","RemoveFileButton","Button","StyledAlert","Alert","MessageAndIconVerticalContainer","MessageAndButtonContainer"],"mappings":"siCA2BM,CAAE,OAAAA,GAAWC,EAENC,EAAgBC,EAAAA,OAAO;AAAA,IAChC,CAAC,CAAE,KAAAC,EAAM,MAAAC,CAAA,IAAYC,EAAAA;AAAAA,wBACDD,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEE,EAAAA,UAAU,oBAAoB,CAAC;AAAA,kBAC5EP,EAAOI,CAAI,EAAE,aAAa,MAAM;AAAA,kBAChCJ,EAAOI,CAAI,EAAE,aAAa,MAAM;AAAA;AAAA;AAAA;AAAA,qBAI7BJ,EAAOI,CAAI,EAAE,aAAa,YAAY;AAAA;AAAA,MAErDA,GACFE,EAAAA;AAAAA,iBACaN,EAAOI,CAAI,EAAE,aAAa,OAAO;AAAA,KAC7C;AAAA,GACF;AAAA,EAGUI,EAAaF,EAAAA;AAAAA,IACtB,CAAC,CAAE,KAAAF,CAAA,IAAWE,EAAAA;AAAAA,aACLN,EAAOI,CAAI,EAAE,aAAa,aAAa;AAAA,cACtCJ,EAAOI,CAAI,EAAE,aAAa,aAAa;AAAA;AAAA,GAElD;AAAA,EAGUK,EAAoBN,EAAAA,OAAOO,CAAW;AAAA,MAC7CC,YAAU;AAAA,MACVH,CAAU;AAAA;AAAA,EAIHI,EAAoBT,EAAAA,OAAOU,CAAW;AAAA,MAC7CF,YAAU;AAAA,MACVH,CAAU;AAAA;AAAA;AAAA;AAAA,YAIJ,CAAC,CAAE,MAAAH,CAAA,IACTA,EAAM,MAAM,CAAE,UAAW,WAAY,oBAAqB,aAAA,CAAe,EACvEE,EAAAA,UAAU,2BACZ,CAAC;AAAA;AAAA,EAIMO,EAAmBX,EAAAA,OAAOY,CAAW;AAAA;AAAA,YAEtC,CAAC,CAAE,MAAAV,KAAYA,EAAM,MAAM,CAAE,UAAW,UAAA,CAAY,EAAEE,EAAAA,UAAU,2BAA2B,CAAC;AAAA;AAAA,EAIlGS,EAA4B,CAChC,IAAKC,EACL,KAAMC,EACN,IAAKA,EACL,IAAKC,EACL,IAAKC,EACL,IAAKC,CACP,EAMMC,EAAc,CAAC,CAAE,SAAAC,EAAU,GAAGC,KAA6B,CAC/D,MAAMC,EAAYC,EAAK,aAAaH,CAAQ,EAE5C,GAAIE,IAAc,KAChB,OAAOE,MAACC,EAAA,CAAM,GAAGJ,CAAA,CAAO,EAK1B,MAAMK,EAFWb,EAA0BS,CAAmD,GAEhEG,EAE9B,OAAOD,MAACE,EAAA,CAAW,GAAGL,CAAA,CAAO,CAC/B,EAEaM,EAAa3B,EAAAA,OAAOmB,CAAW;AAAA,MACtCX,YAAU;AAAA,MACVH,CAAU;AAAA;AAAA,EAIHuB,EAAW5B,EAAAA,OAAO6B,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOzBC,EAAmB9B,EAAAA,OAAO+B,CAAM;AAAA;AAAA,EAIhCC,EAAchC,EAAAA,OAAOiC,CAAK;AAAA,IACnC,CAAC,CAAE,KAAAhC,CAAA,IAAWE,EAAAA;AAAAA;AAAAA,iBAEDN,EAAOI,CAAI,EAAE,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA,eAInCJ,EAAOI,CAAI,EAAE,aAAa,gBAAgB;AAAA,gBACzCJ,EAAOI,CAAI,EAAE,aAAa,gBAAgB;AAAA;AAAA;AAAA,MAGpDiC,iCAA+B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAM/BA,iCAA+B;AAAA,MAC/BC,2BAAyB;AAAA;AAAA;AAAA;AAAA,GAI5B;AAAA"}
+{"version":3,"file":"FileUpload.styles.js","sources":["../../../../../../src/components/FileUploader/components/FileUpload/FileUpload.styles.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\n\nimport { styled, css } from 'styled-components';\nimport mime from 'mime';\nimport { type FileUploaderTypes, FileUploaderConsts } from 'acinguiux-ds-react-base/components/FileUploader';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { ICON_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport Alert from '../../../Alert/Alert';\nimport { MessageAndButtonContainer, MessageAndIconVerticalContainer } from '../../../Alert/Alert.styles';\nimport AlertCircle from '../../../Icon/components/AlertCircle';\nimport Button from '../../../Button/Button';\nimport Heading from '../../../Text/components/Heading/Heading';\nimport CheckCircle from '../../../Icon/components/CheckCircle';\nimport CrossCircle from '../../../Icon/components/CrossCircle';\nimport FilePng from '../../../Icon/components/FilePng';\nimport FileJpg from '../../../Icon/components/FileJpg';\nimport FileSvg from '../../../Icon/components/FileSvg';\nimport FilePdf from '../../../Icon/components/FilePdf';\nimport FileXls from '../../../Icon/components/FileXls';\nimport File from '../../../Icon/components/File';\nimport type { IFileUploaderTextProps } from '../FileUploadContent/FileUploadContent.types';\n\ninterface IAttachedFilesProps {\n  size: FileUploaderTypes.Size;\n}\n\nconst { consts } = FileUploaderConsts;\n\nexport const AttachedFiles = styled.div<IAttachedFilesProps>`\n  ${({ size, theme }) => css`\n    background-color: ${theme.layer({ foundation: 'section' })[Variables.BackgroundFoundation]};\n    min-height: ${consts[size].attachedFile.height}px;\n    max-height: ${consts[size].attachedFile.height}px;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    border-radius: ${consts[size].attachedFile.borderRadius}px;\n\n    ${size &&\n    css`\n      padding: ${consts[size].attachedFile.padding};\n    `}\n  `}\n`;\n\nexport const IconStyles = css<IAttachedFilesProps>`\n  ${({ size }) => css`\n    width: ${consts[size].attachedFile.stateIconSize}px;\n    height: ${consts[size].attachedFile.stateIconSize}px;\n    margin: 0;\n  `}\n`;\n\nexport const StyledAlertCircle = styled(AlertCircle)<IAttachedFilesProps>`\n  &.${ICON_CLASS} {\n    ${IconStyles}\n  }\n`;\n\nexport const StyledCheckCircle = styled(CheckCircle)<IAttachedFilesProps>`\n  &.${ICON_CLASS} {\n    ${IconStyles}\n  }\n\n  & path {\n    fill: ${({ theme }) =>\n      theme.layer({ sentiment: 'positive', sentimentProminence: 'transparent' })[\n        Variables.TextOnSentimentOnBackground\n      ]};\n  }\n`;\n\nexport const StyledErrorCross = styled(CrossCircle)<IAttachedFilesProps>`\n  & path {\n    fill: ${({ theme }) => theme.layer({ sentiment: 'negative' })[Variables.TextOnSentimentOnBackground]};\n  }\n`;\n\nconst extensionIconComponentMap = {\n  png: FilePng,\n  jpeg: FileJpg,\n  jpg: FileJpg,\n  svg: FileSvg,\n  pdf: FilePdf,\n  xls: FileXls,\n};\n\ninterface StyledFileProps extends Omit<SVGProps<SVGSVGElement>, 'ref'> {\n  fileType: string;\n}\n\nconst GenericFile = ({ fileType, ...props }: StyledFileProps) => {\n  const extension = mime.getExtension(fileType);\n\n  if (extension === null) {\n    return <File {...props} />;\n  }\n\n  const iconFile = extensionIconComponentMap[extension as keyof typeof extensionIconComponentMap];\n\n  const Component = iconFile ?? File;\n\n  return <Component {...props} />;\n};\n\nexport const StyledFile = styled(GenericFile)<IAttachedFilesProps>`\n  &.${ICON_CLASS} {\n    ${IconStyles}\n  }\n`;\n\nexport const FileName = styled(Heading)<IFileUploaderTextProps>`\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 300px;\n`;\n\nexport const RemoveFileButton = styled(Button)`\n  margin-left: auto;\n`;\n\nexport const StyledAlert = styled(Alert)<IAttachedFilesProps>`\n  ${({ size }) => css`\n    & > div {\n      padding: ${consts[size].attachedFile.padding};\n    }\n\n    & button {\n      width: ${consts[size].attachedFile.deleteButtonSize}px;\n      height: ${consts[size].attachedFile.deleteButtonSize}px;\n    }\n\n    ${MessageAndIconVerticalContainer} {\n      & > div {\n        padding: 0;\n      }\n      gap: 16px;\n    }\n    ${MessageAndIconVerticalContainer},\n    ${MessageAndButtonContainer} {\n      align-items: center;\n      padding: 0;\n    }\n  `}\n`;\n"],"names":["consts","FileUploaderConsts","AttachedFiles","styled","size","theme","css","Variables","IconStyles","StyledAlertCircle","AlertCircle","ICON_CLASS","StyledCheckCircle","CheckCircle","StyledErrorCross","CrossCircle","extensionIconComponentMap","FilePng","FileJpg","FileSvg","FilePdf","FileXls","GenericFile","fileType","props","extension","mime","jsx","File","Component","StyledFile","FileName","Heading","RemoveFileButton","Button","StyledAlert","Alert","MessageAndIconVerticalContainer","MessageAndButtonContainer"],"mappings":"mgCA2BM,CAAE,OAAAA,GAAWC,EAENC,EAAgBC,EAAAA,OAAO;AAAA,IAChC,CAAC,CAAE,KAAAC,EAAM,MAAAC,CAAA,IAAYC,EAAAA;AAAAA,wBACDD,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEE,EAAAA,UAAU,oBAAoB,CAAC;AAAA,kBAC5EP,EAAOI,CAAI,EAAE,aAAa,MAAM;AAAA,kBAChCJ,EAAOI,CAAI,EAAE,aAAa,MAAM;AAAA;AAAA;AAAA;AAAA,qBAI7BJ,EAAOI,CAAI,EAAE,aAAa,YAAY;AAAA;AAAA,MAErDA,GACFE,EAAAA;AAAAA,iBACaN,EAAOI,CAAI,EAAE,aAAa,OAAO;AAAA,KAC7C;AAAA,GACF;AAAA,EAGUI,EAAaF,EAAAA;AAAAA,IACtB,CAAC,CAAE,KAAAF,CAAA,IAAWE,EAAAA;AAAAA,aACLN,EAAOI,CAAI,EAAE,aAAa,aAAa;AAAA,cACtCJ,EAAOI,CAAI,EAAE,aAAa,aAAa;AAAA;AAAA,GAElD;AAAA,EAGUK,EAAoBN,EAAAA,OAAOO,CAAW;AAAA,MAC7CC,YAAU;AAAA,MACVH,CAAU;AAAA;AAAA,EAIHI,EAAoBT,EAAAA,OAAOU,CAAW;AAAA,MAC7CF,YAAU;AAAA,MACVH,CAAU;AAAA;AAAA;AAAA;AAAA,YAIJ,CAAC,CAAE,MAAAH,CAAA,IACTA,EAAM,MAAM,CAAE,UAAW,WAAY,oBAAqB,aAAA,CAAe,EACvEE,EAAAA,UAAU,2BACZ,CAAC;AAAA;AAAA,EAIMO,EAAmBX,EAAAA,OAAOY,CAAW;AAAA;AAAA,YAEtC,CAAC,CAAE,MAAAV,KAAYA,EAAM,MAAM,CAAE,UAAW,UAAA,CAAY,EAAEE,EAAAA,UAAU,2BAA2B,CAAC;AAAA;AAAA,EAIlGS,EAA4B,CAChC,IAAKC,EACL,KAAMC,EACN,IAAKA,EACL,IAAKC,EACL,IAAKC,EACL,IAAKC,CACP,EAMMC,EAAc,CAAC,CAAE,SAAAC,EAAU,GAAGC,KAA6B,CAC/D,MAAMC,EAAYC,EAAK,aAAaH,CAAQ,EAE5C,GAAIE,IAAc,KAChB,OAAOE,MAACC,EAAA,CAAM,GAAGJ,CAAA,CAAO,EAK1B,MAAMK,EAFWb,EAA0BS,CAAmD,GAEhEG,EAE9B,OAAOD,MAACE,EAAA,CAAW,GAAGL,CAAA,CAAO,CAC/B,EAEaM,EAAa3B,EAAAA,OAAOmB,CAAW;AAAA,MACtCX,YAAU;AAAA,MACVH,CAAU;AAAA;AAAA,EAIHuB,EAAW5B,EAAAA,OAAO6B,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOzBC,EAAmB9B,EAAAA,OAAO+B,CAAM;AAAA;AAAA,EAIhCC,EAAchC,EAAAA,OAAOiC,CAAK;AAAA,IACnC,CAAC,CAAE,KAAAhC,CAAA,IAAWE,EAAAA;AAAAA;AAAAA,iBAEDN,EAAOI,CAAI,EAAE,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA,eAInCJ,EAAOI,CAAI,EAAE,aAAa,gBAAgB;AAAA,gBACzCJ,EAAOI,CAAI,EAAE,aAAa,gBAAgB;AAAA;AAAA;AAAA,MAGpDiC,iCAA+B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAM/BA,iCAA+B;AAAA,MAC/BC,2BAAyB;AAAA;AAAA;AAAA;AAAA,GAI5B;AAAA"}

package/build/cjs/components/FileUploader/hooks/useFileUploaderProps.js

@@ -1,2 +1,2 @@
-"use strict";const z=require("react"),b=require("react-aria"),P=require("../../../react-base/src/components/FileUploader/FileUploader.types.js"),J=require("../components/FileUpload/FileUpload.utils.js"),K=require("../components/FileUploadContent/FileUploadContent.utils.js"),U=require("./useFileUploaderProps.utils.js"),R=(c,i)=>i===void 0?[]:c.reduce((p,u)=>(u.size>i&&p.push({fileName:u.name,errors:{hasFileSizeError:!0}}),p),[]),Q=[],V=({fileType:c=P.FileType.MultiHorizontal,acceptedFileTypes:i=[],dropOptions:p,dropFilesAction:u,onProgress:y,onError:v,removeFileAction:T,maxFileSize:I,initialFiles:_=Q,files:D,onFilesChanged:N})=>{const[k,L]=z.useState(()=>_),[o,l]=D&&N?[D,N]:[k,L],d=c===P.FileType.Single,F=z.useRef(null),g=U.getMappedMimeTypes(i),q=(e,r)=>{l(t=>{const s=[...t],a=s.findIndex(f=>f.fileName===e);return s[a]={...s[a],progressPercentage:r},s}),y?.(e,r)},M=e=>{l(r=>r.map(t=>t.fileName===e?{fileName:t.fileName,errors:{hasGenericError:!0}}:t)),v?.(e)},h=e=>{if(e.length===0)return;const r=e.map(t=>({progressPercentage:0,file:t,fileName:t.name}));l(r),u(e,q,M)},S=b.useDrop({...p,hasDropButton:!0,ref:F,async onDrop(e){const r=d?[e.items[0]]:e.items,t=U.getInvalidFileTypes(r,g),s=await Promise.all(r.filter(n=>!t.includes(n)).map(n=>n.getFile())),a=R(s,I),f=t.map(n=>({fileName:n.kind==="file"||n.kind==="directory"?n.name:"text",errors:{hasFileTypeError:!0}})),m=a.concat(f);if(m.length>0){l(m);return}h(s)}}),C=e=>{F.current&&(F.current.value=""),l(r=>r.filter(t=>t.fileName!==e)),T(e)},x=d&&!!o[0]&&!S.isDropTarget,O=e=>{const r=Array.from(e.currentTarget?.files??[]),s=(d?[r[0]]:r).filter(n=>g.length>0&&!g.includes(n.type)),a=R(r,I),f=s.map(n=>({fileName:n.name,errors:{hasFileTypeError:!0}})),m=a.concat(f);if(m.length>0){l(m);return}h(r)},w=e=>{x&&(e.preventDefault(),C(o[0].fileName))},j=!d&&o.length>0,A=o.some(e=>!!e.errors)&&c==="single",B=i.join(","),G=U.getAcceptedTextMapper(i),E=o[0],H=E&&K.isFileUpload(E)?J.getIsUploadComplete(E.progressPercentage):!1;return{fileInputRef:F,fileType:c,acceptedFileTypes:i,dropOptions:p,handleOnProgress:q,handleOnError:M,handleOnDropFiles:h,dropFilesAction:u,onProgress:y,onError:v,removeFileAction:T,renderFileUploads:j,hasError:A,accept:B,acceptedTextMapper:G,isFirstFileUploadComplete:H,handleOnRemoveFile:C,onChange:O,onClick:w,dropResult:S,isSingleFileType:d,fileUploads:o,renderSingleDeleteFile:x}};module.exports=V;
+"use strict";const z=require("react"),b=require("react-aria"),P=require("../../../react-base/src/components/FileUploader/FileUploader.types.js"),J=require("../components/FileUpload/FileUpload.utils.js"),K=require("../components/FileUploadContent/FileUploadContent.utils.js"),U=require("./useFileUploaderProps.utils.js"),R=(c,s)=>s===void 0?[]:c.reduce((p,u)=>(u.size>s&&p.push({fileName:u.name,errors:{hasFileSizeError:!0}}),p),[]),Q=[],V=({fileType:c=P.FileType.MultiHorizontal,acceptedFileTypes:s=[],dropOptions:p,dropFilesAction:u,onProgress:v,onError:y,removeFileAction:T,maxFileSize:I,initialFiles:_=Q,files:D,onFilesChanged:N})=>{const[k,L]=z.useState(()=>_),[o,l]=D&&N?[D,N]:[k,L],d=c===P.FileType.Single,F=z.useRef(null),g=U.getMappedMimeTypes(s),q=(e,r)=>{l(t=>{const n=[...t],a=n.findIndex(f=>f.fileName===e);return n[a]={...n[a],progressPercentage:r},n}),v?.(e,r)},M=e=>{l(r=>r.map(t=>t.fileName===e?{fileName:t.fileName,errors:{hasGenericError:!0}}:t)),y?.(e)},h=e=>{if(e.length===0)return;const r=e.map(t=>({progressPercentage:0,file:t,fileName:t.name}));l(r),u(e,q,M)},S=b.useDrop({...p,hasDropButton:!0,ref:F,onDrop:e=>{const r=d?[e.items[0]]:e.items,t=U.getInvalidFileTypes(r,g);Promise.all(r.filter(n=>!t.includes(n)).map(n=>n.getFile())).then(n=>{const a=R(n,I),f=t.map(i=>({fileName:i.kind==="file"||i.kind==="directory"?i.name:"text",errors:{hasFileTypeError:!0}})),m=a.concat(f);m.length>0?l(m):h(n)})}}),C=e=>{F.current&&(F.current.value=""),l(r=>r.filter(t=>t.fileName!==e)),T(e)},x=d&&!!o[0]&&!S.isDropTarget,O=e=>{const r=Array.from(e.currentTarget?.files??[]),n=(d?[r[0]]:r).filter(i=>g.length>0&&!g.includes(i.type)),a=R(r,I),f=n.map(i=>({fileName:i.name,errors:{hasFileTypeError:!0}})),m=a.concat(f);if(m.length>0){l(m);return}h(r)},j=e=>{x&&(e.preventDefault(),C(o[0].fileName))},w=!d&&o.length>0,A=o.some(e=>!!e.errors)&&c==="single",B=s.join(","),G=U.getAcceptedTextMapper(s),E=o[0],H=E&&K.isFileUpload(E)?J.getIsUploadComplete(E.progressPercentage):!1;return{fileInputRef:F,fileType:c,acceptedFileTypes:s,dropOptions:p,handleOnProgress:q,handleOnError:M,handleOnDropFiles:h,dropFilesAction:u,onProgress:v,onError:y,removeFileAction:T,renderFileUploads:w,hasError:A,accept:B,acceptedTextMapper:G,isFirstFileUploadComplete:H,handleOnRemoveFile:C,onChange:O,onClick:j,dropResult:S,isSingleFileType:d,fileUploads:o,renderSingleDeleteFile:x}};module.exports=V;
 //# sourceMappingURL=useFileUploaderProps.js.map

package/build/cjs/components/FileUploader/hooks/useFileUploaderProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFileUploaderProps.js","sources":["../../../../../src/components/FileUploader/hooks/useFileUploaderProps.tsx"],"sourcesContent":["import { useRef, useState, type ChangeEventHandler, type MouseEventHandler } from 'react';\n\nimport { type FileDropItem, useDrop } from 'react-aria';\nimport { FileUploaderTypes } from 'acinguiux-ds-react-base/components/FileUploader';\n\nimport type { IFileUploaderProps } from '../FileUploader.types';\nimport type { IFileUploadProps } from '../components/FileUpload/FileUpload.types';\nimport { getIsUploadComplete } from '../components/FileUpload/FileUpload.utils';\nimport { isFileUpload } from '../components/FileUploadContent/FileUploadContent.utils';\nimport { getAcceptedTextMapper, getInvalidFileTypes, getMappedMimeTypes } from './useFileUploaderProps.utils';\n\nconst getInvalidFileSizeErrors = (files: File[], maxFileSize?: number) =>\n  maxFileSize === undefined\n    ? []\n    : files.reduce((acc: FileUploaderTypes.IFileUploadError[], file) => {\n        if (file.size > maxFileSize) {\n          acc.push({\n            fileName: file.name,\n            errors: {\n              hasFileSizeError: true,\n            },\n          });\n        }\n\n        return acc;\n      }, []);\n\nconst defaultInitialFiles: FileUploaderTypes.IFileUpload[] = [];\n\nconst useFileUploaderProps = ({\n  fileType = FileUploaderTypes.FileType.MultiHorizontal,\n  acceptedFileTypes = [],\n  dropOptions,\n  dropFilesAction,\n  onProgress,\n  onError,\n  removeFileAction,\n  maxFileSize,\n  initialFiles = defaultInitialFiles,\n  files: customFiles,\n  onFilesChanged: setCustomFiles,\n}: IFileUploaderProps) => {\n  const [internalFiles, setInternalFiles] = useState<\n    (FileUploaderTypes.IFileUpload | FileUploaderTypes.IFileUploadError)[]\n  >(() => initialFiles);\n  const [fileUploads, setFileUploads] =\n    customFiles && setCustomFiles ? [customFiles, setCustomFiles] : [internalFiles, setInternalFiles];\n  const isSingleFileType = fileType === FileUploaderTypes.FileType.Single;\n  const fileInputRef = useRef<HTMLInputElement | null>(null);\n  const acceptedMimeTypes = getMappedMimeTypes(acceptedFileTypes);\n\n  const handleOnProgress = (fileName: string, progressPercentage: number) => {\n    setFileUploads((prev) => {\n      const newFileUploads = [...(prev as FileUploaderTypes.IFileUpload[])];\n      const fileIndex = newFileUploads.findIndex((newFileUpload) => newFileUpload.fileName === fileName);\n\n      newFileUploads[fileIndex] = {\n        ...newFileUploads[fileIndex],\n        progressPercentage,\n      };\n\n      return newFileUploads;\n    });\n    onProgress?.(fileName, progressPercentage);\n  };\n\n  const handleOnError = (fileName: string) => {\n    setFileUploads((prev) =>\n      prev.map((fileUpload) =>\n        fileUpload.fileName === fileName\n          ? { fileName: fileUpload.fileName, errors: { hasGenericError: true } }\n          : fileUpload,\n      ),\n    );\n    onError?.(fileName);\n  };\n\n  const handleOnDropFiles = (files: File[]) => {\n    if (files.length === 0) {\n      return;\n    }\n\n    const mappedFiles: FileUploaderTypes.IFileUpload[] = files.map((file) => ({\n      progressPercentage: 0,\n      file,\n      fileName: file.name,\n    }));\n\n    setFileUploads(mappedFiles);\n\n    dropFilesAction(files, handleOnProgress, handleOnError);\n  };\n\n  const dropResult = useDrop({\n    ...dropOptions,\n    hasDropButton: true,\n    ref: fileInputRef,\n    async onDrop(e) {\n      const items = isSingleFileType ? [e.items[0]] : e.items;\n\n      const invalidFileTypes = getInvalidFileTypes(items, acceptedMimeTypes);\n\n      const files = await Promise.all(\n        items.filter((item) => !invalidFileTypes.includes(item)).map((item) => (item as FileDropItem).getFile()),\n      );\n\n      const invalidFileSizeErrors = getInvalidFileSizeErrors(files, maxFileSize);\n      const invalidFileTypeErrors: FileUploaderTypes.IFileUploadError[] = invalidFileTypes.map((invalidFileType) => ({\n        fileName:\n          invalidFileType.kind === 'file' || invalidFileType.kind === 'directory' ? invalidFileType.name : 'text',\n        errors: {\n          hasFileTypeError: true,\n        },\n      }));\n      const fileUploadErrorList: FileUploaderTypes.IFileUploadError[] =\n        invalidFileSizeErrors.concat(invalidFileTypeErrors);\n\n      if (fileUploadErrorList.length > 0) {\n        setFileUploads(fileUploadErrorList);\n\n        return;\n      }\n\n      handleOnDropFiles(files);\n    },\n  });\n\n  const handleOnRemoveFile: IFileUploadProps['handleOnRemoveFile'] = (fileName) => {\n    if (fileInputRef.current) {\n      fileInputRef.current.value = '';\n    }\n\n    setFileUploads((prev) => prev.filter((fileUpload) => fileUpload.fileName !== fileName));\n\n    removeFileAction(fileName);\n  };\n\n  const renderSingleDeleteFile = isSingleFileType && !!fileUploads[0] && !dropResult.isDropTarget;\n\n  const onChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n    const fileList = Array.from(e.currentTarget?.files ?? []);\n    const items = isSingleFileType ? [fileList[0]] : fileList;\n\n    const invalidFileTypes = items.filter(\n      (item) => acceptedMimeTypes.length > 0 && !acceptedMimeTypes.includes(item.type),\n    );\n\n    const invalidFileSizeErrors = getInvalidFileSizeErrors(fileList, maxFileSize);\n\n    const invalidFileTypeErrors: FileUploaderTypes.IFileUploadError[] = invalidFileTypes.map((invalidFileType) => ({\n      fileName: invalidFileType.name,\n      errors: {\n        hasFileTypeError: true,\n      },\n    }));\n    const fileUploadErrorList: FileUploaderTypes.IFileUploadError[] =\n      invalidFileSizeErrors.concat(invalidFileTypeErrors);\n\n    if (fileUploadErrorList.length > 0) {\n      setFileUploads(fileUploadErrorList);\n\n      return;\n    }\n\n    handleOnDropFiles(fileList);\n  };\n\n  const onClick: MouseEventHandler<HTMLInputElement> = (e) => {\n    if (renderSingleDeleteFile) {\n      e.preventDefault();\n\n      handleOnRemoveFile(fileUploads[0].fileName);\n    }\n  };\n\n  const renderFileUploads = !isSingleFileType && fileUploads.length > 0;\n  const hasError = fileUploads.some((fileUpload) => !!fileUpload.errors) && fileType === 'single';\n  const accept = acceptedFileTypes.join(',');\n  const acceptedTextMapper = getAcceptedTextMapper(acceptedFileTypes);\n  const firstFile: FileUploaderTypes.IFileUpload | FileUploaderTypes.IFileUploadError | undefined = fileUploads[0];\n  const isFirstFileUploadComplete =\n    firstFile && isFileUpload(firstFile) ? getIsUploadComplete(firstFile.progressPercentage) : false;\n\n  return {\n    fileInputRef,\n    fileType,\n    acceptedFileTypes,\n    dropOptions,\n    handleOnProgress,\n    handleOnError,\n    handleOnDropFiles,\n    dropFilesAction,\n    onProgress,\n    onError,\n    removeFileAction,\n    renderFileUploads,\n    hasError,\n    accept,\n    acceptedTextMapper,\n    isFirstFileUploadComplete,\n    handleOnRemoveFile,\n    onChange,\n    onClick,\n    dropResult,\n    isSingleFileType,\n    fileUploads,\n    renderSingleDeleteFile,\n  };\n};\n\nexport default useFileUploaderProps;\n"],"names":["getInvalidFileSizeErrors","files","maxFileSize","acc","file","defaultInitialFiles","useFileUploaderProps","fileType","FileUploaderTypes.FileType","acceptedFileTypes","dropOptions","dropFilesAction","onProgress","onError","removeFileAction","initialFiles","customFiles","setCustomFiles","internalFiles","setInternalFiles","useState","fileUploads","setFileUploads","isSingleFileType","fileInputRef","useRef","acceptedMimeTypes","getMappedMimeTypes","handleOnProgress","fileName","progressPercentage","prev","newFileUploads","fileIndex","newFileUpload","handleOnError","fileUpload","handleOnDropFiles","mappedFiles","dropResult","useDrop","items","invalidFileTypes","getInvalidFileTypes","item","invalidFileSizeErrors","invalidFileTypeErrors","invalidFileType","fileUploadErrorList","handleOnRemoveFile","renderSingleDeleteFile","onChange","fileList","onClick","renderFileUploads","hasError","accept","acceptedTextMapper","getAcceptedTextMapper","firstFile","isFirstFileUploadComplete","isFileUpload","getIsUploadComplete"],"mappings":"gUAWMA,EAA2B,CAACC,EAAeC,IAC/CA,IAAgB,OACZ,CAAA,EACAD,EAAM,OAAO,CAACE,EAA2CC,KACnDA,EAAK,KAAOF,GACdC,EAAI,KAAK,CACP,SAAUC,EAAK,KACf,OAAQ,CACN,iBAAkB,EAAA,CACpB,CACD,EAGID,GACN,EAAE,EAELE,EAAuD,CAAA,EAEvDC,EAAuB,CAAC,CAC5B,SAAAC,EAAWC,EAAAA,SAA2B,gBACtC,kBAAAC,EAAoB,CAAA,EACpB,YAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,QAAAC,EACA,iBAAAC,EACA,YAAAZ,EACA,aAAAa,EAAeV,EACf,MAAOW,EACP,eAAgBC,CAClB,IAA0B,CACxB,KAAM,CAACC,EAAeC,CAAgB,EAAIC,EAAAA,SAExC,IAAML,CAAY,EACd,CAACM,EAAaC,CAAc,EAChCN,GAAeC,EAAiB,CAACD,EAAaC,CAAc,EAAI,CAACC,EAAeC,CAAgB,EAC5FI,EAAmBhB,IAAaC,EAAAA,SAA2B,OAC3DgB,EAAeC,EAAAA,OAAgC,IAAI,EACnDC,EAAoBC,EAAAA,mBAAmBlB,CAAiB,EAExDmB,EAAmB,CAACC,EAAkBC,IAA+B,CACzER,EAAgBS,GAAS,CACvB,MAAMC,EAAiB,CAAC,GAAID,CAAwC,EAC9DE,EAAYD,EAAe,UAAWE,GAAkBA,EAAc,WAAaL,CAAQ,EAEjG,OAAAG,EAAeC,CAAS,EAAI,CAC1B,GAAGD,EAAeC,CAAS,EAC3B,mBAAAH,CAAA,EAGKE,CACT,CAAC,EACDpB,IAAaiB,EAAUC,CAAkB,CAC3C,EAEMK,EAAiBN,GAAqB,CAC1CP,EAAgBS,GACdA,EAAK,IAAKK,GACRA,EAAW,WAAaP,EACpB,CAAE,SAAUO,EAAW,SAAU,OAAQ,CAAE,gBAAiB,EAAA,GAC5DA,CAAA,CACN,EAEFvB,IAAUgB,CAAQ,CACpB,EAEMQ,EAAqBpC,GAAkB,CAC3C,GAAIA,EAAM,SAAW,EACnB,OAGF,MAAMqC,EAA+CrC,EAAM,IAAKG,IAAU,CACxE,mBAAoB,EACpB,KAAAA,EACA,SAAUA,EAAK,IAAA,EACf,EAEFkB,EAAegB,CAAW,EAE1B3B,EAAgBV,EAAO2B,EAAkBO,CAAa,CACxD,EAEMI,EAAaC,EAAAA,QAAQ,CACzB,GAAG9B,EACH,cAAe,GACf,IAAKc,EACL,MAAM,OAAO,EAAG,CACd,MAAMiB,EAAQlB,EAAmB,CAAC,EAAE,MAAM,CAAC,CAAC,EAAI,EAAE,MAE5CmB,EAAmBC,EAAAA,oBAAoBF,EAAOf,CAAiB,EAE/DzB,EAAQ,MAAM,QAAQ,IAC1BwC,EAAM,OAAQG,GAAS,CAACF,EAAiB,SAASE,CAAI,CAAC,EAAE,IAAKA,GAAUA,EAAsB,SAAS,CAAA,EAGnGC,EAAwB7C,EAAyBC,EAAOC,CAAW,EACnE4C,EAA8DJ,EAAiB,IAAKK,IAAqB,CAC7G,SACEA,EAAgB,OAAS,QAAUA,EAAgB,OAAS,YAAcA,EAAgB,KAAO,OACnG,OAAQ,CACN,iBAAkB,EAAA,CACpB,EACA,EACIC,EACJH,EAAsB,OAAOC,CAAqB,EAEpD,GAAIE,EAAoB,OAAS,EAAG,CAClC1B,EAAe0B,CAAmB,EAElC,MACF,CAEAX,EAAkBpC,CAAK,CACzB,CAAA,CACD,EAEKgD,EAA8DpB,GAAa,CAC3EL,EAAa,UACfA,EAAa,QAAQ,MAAQ,IAG/BF,EAAgBS,GAASA,EAAK,OAAQK,GAAeA,EAAW,WAAaP,CAAQ,CAAC,EAEtFf,EAAiBe,CAAQ,CAC3B,EAEMqB,EAAyB3B,GAAoB,CAAC,CAACF,EAAY,CAAC,GAAK,CAACkB,EAAW,aAE7EY,EAAkD,GAAM,CAC5D,MAAMC,EAAW,MAAM,KAAK,EAAE,eAAe,OAAS,EAAE,EAGlDV,GAFQnB,EAAmB,CAAC6B,EAAS,CAAC,CAAC,EAAIA,GAElB,OAC5BR,GAASlB,EAAkB,OAAS,GAAK,CAACA,EAAkB,SAASkB,EAAK,IAAI,CAAA,EAG3EC,EAAwB7C,EAAyBoD,EAAUlD,CAAW,EAEtE4C,EAA8DJ,EAAiB,IAAKK,IAAqB,CAC7G,SAAUA,EAAgB,KAC1B,OAAQ,CACN,iBAAkB,EAAA,CACpB,EACA,EACIC,EACJH,EAAsB,OAAOC,CAAqB,EAEpD,GAAIE,EAAoB,OAAS,EAAG,CAClC1B,EAAe0B,CAAmB,EAElC,MACF,CAEAX,EAAkBe,CAAQ,CAC5B,EAEMC,EAAgD,GAAM,CACtDH,IACF,EAAE,eAAA,EAEFD,EAAmB5B,EAAY,CAAC,EAAE,QAAQ,EAE9C,EAEMiC,EAAoB,CAAC/B,GAAoBF,EAAY,OAAS,EAC9DkC,EAAWlC,EAAY,KAAMe,GAAe,CAAC,CAACA,EAAW,MAAM,GAAK7B,IAAa,SACjFiD,EAAS/C,EAAkB,KAAK,GAAG,EACnCgD,EAAqBC,EAAAA,sBAAsBjD,CAAiB,EAC5DkD,EAA4FtC,EAAY,CAAC,EACzGuC,EACJD,GAAaE,eAAaF,CAAS,EAAIG,sBAAoBH,EAAU,kBAAkB,EAAI,GAE7F,MAAO,CACL,aAAAnC,EACA,SAAAjB,EACA,kBAAAE,EACA,YAAAC,EACA,iBAAAkB,EACA,cAAAO,EACA,kBAAAE,EACA,gBAAA1B,EACA,WAAAC,EACA,QAAAC,EACA,iBAAAC,EACA,kBAAAwC,EACA,SAAAC,EACA,OAAAC,EACA,mBAAAC,EACA,0BAAAG,EACA,mBAAAX,EACA,SAAAE,EACA,QAAAE,EACA,WAAAd,EACA,iBAAAhB,EACA,YAAAF,EACA,uBAAA6B,CAAA,CAEJ"}
+{"version":3,"file":"useFileUploaderProps.js","sources":["../../../../../src/components/FileUploader/hooks/useFileUploaderProps.tsx"],"sourcesContent":["import { useRef, useState, type ChangeEventHandler, type MouseEventHandler } from 'react';\n\nimport { type DropEvent, type FileDropItem, useDrop } from 'react-aria';\nimport { FileUploaderTypes } from 'acinguiux-ds-react-base/components/FileUploader';\n\nimport type { IFileUploaderProps } from '../FileUploader.types';\nimport type { IFileUploadProps } from '../components/FileUpload/FileUpload.types';\nimport { getIsUploadComplete } from '../components/FileUpload/FileUpload.utils';\nimport { isFileUpload } from '../components/FileUploadContent/FileUploadContent.utils';\nimport { getAcceptedTextMapper, getInvalidFileTypes, getMappedMimeTypes } from './useFileUploaderProps.utils';\n\nconst getInvalidFileSizeErrors = (files: File[], maxFileSize?: number) =>\n  maxFileSize === undefined\n    ? []\n    : files.reduce((acc: FileUploaderTypes.IFileUploadError[], file) => {\n        if (file.size > maxFileSize) {\n          acc.push({\n            fileName: file.name,\n            errors: {\n              hasFileSizeError: true,\n            },\n          });\n        }\n\n        return acc;\n      }, []);\n\nconst defaultInitialFiles: FileUploaderTypes.IFileUpload[] = [];\n\nconst useFileUploaderProps = ({\n  fileType = FileUploaderTypes.FileType.MultiHorizontal,\n  acceptedFileTypes = [],\n  dropOptions,\n  dropFilesAction,\n  onProgress,\n  onError,\n  removeFileAction,\n  maxFileSize,\n  initialFiles = defaultInitialFiles,\n  files: customFiles,\n  onFilesChanged: setCustomFiles,\n}: IFileUploaderProps) => {\n  const [internalFiles, setInternalFiles] = useState<\n    (FileUploaderTypes.IFileUpload | FileUploaderTypes.IFileUploadError)[]\n  >(() => initialFiles);\n  const [fileUploads, setFileUploads] =\n    customFiles && setCustomFiles ? [customFiles, setCustomFiles] : [internalFiles, setInternalFiles];\n  const isSingleFileType = fileType === FileUploaderTypes.FileType.Single;\n  const fileInputRef = useRef<HTMLInputElement | null>(null);\n  const acceptedMimeTypes = getMappedMimeTypes(acceptedFileTypes);\n\n  const handleOnProgress = (fileName: string, progressPercentage: number) => {\n    setFileUploads((prev) => {\n      const newFileUploads = [...(prev as FileUploaderTypes.IFileUpload[])];\n      const fileIndex = newFileUploads.findIndex((newFileUpload) => newFileUpload.fileName === fileName);\n\n      newFileUploads[fileIndex] = {\n        ...newFileUploads[fileIndex],\n        progressPercentage,\n      };\n\n      return newFileUploads;\n    });\n    onProgress?.(fileName, progressPercentage);\n  };\n\n  const handleOnError = (fileName: string) => {\n    setFileUploads((prev) =>\n      prev.map((fileUpload) =>\n        fileUpload.fileName === fileName\n          ? { fileName: fileUpload.fileName, errors: { hasGenericError: true } }\n          : fileUpload,\n      ),\n    );\n    onError?.(fileName);\n  };\n\n  const handleOnDropFiles = (files: File[]) => {\n    if (files.length === 0) {\n      return;\n    }\n\n    const mappedFiles: FileUploaderTypes.IFileUpload[] = files.map((file) => ({\n      progressPercentage: 0,\n      file,\n      fileName: file.name,\n    }));\n\n    setFileUploads(mappedFiles);\n\n    dropFilesAction(files, handleOnProgress, handleOnError);\n  };\n\n  const dropResult = useDrop({\n    ...dropOptions,\n    hasDropButton: true,\n    ref: fileInputRef,\n    onDrop: (e: DropEvent) => {\n      const items = isSingleFileType ? [e.items[0]] : e.items;\n\n      const invalidFileTypes = getInvalidFileTypes(items, acceptedMimeTypes);\n\n      Promise.all(\n        items.filter((item) => !invalidFileTypes.includes(item)).map((item) => (item as FileDropItem).getFile()),\n      ).then((files) => {\n        const invalidFileSizeErrors = getInvalidFileSizeErrors(files, maxFileSize);\n        const invalidFileTypeErrors: FileUploaderTypes.IFileUploadError[] = invalidFileTypes.map((invalidFileType) => ({\n          fileName:\n            invalidFileType.kind === 'file' || invalidFileType.kind === 'directory' ? invalidFileType.name : 'text',\n          errors: {\n            hasFileTypeError: true,\n          },\n        }));\n\n        const fileUploadErrorList: FileUploaderTypes.IFileUploadError[] =\n          invalidFileSizeErrors.concat(invalidFileTypeErrors);\n\n        if (fileUploadErrorList.length > 0) {\n          setFileUploads(fileUploadErrorList);\n        } else {\n          handleOnDropFiles(files);\n        }\n      });\n    },\n  });\n\n  const handleOnRemoveFile: IFileUploadProps['handleOnRemoveFile'] = (fileName) => {\n    if (fileInputRef.current) {\n      fileInputRef.current.value = '';\n    }\n\n    setFileUploads((prev) => prev.filter((fileUpload) => fileUpload.fileName !== fileName));\n\n    removeFileAction(fileName);\n  };\n\n  const renderSingleDeleteFile = isSingleFileType && !!fileUploads[0] && !dropResult.isDropTarget;\n\n  const onChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n    const fileList = Array.from(e.currentTarget?.files ?? []);\n    const items = isSingleFileType ? [fileList[0]] : fileList;\n\n    const invalidFileTypes = items.filter(\n      (item) => acceptedMimeTypes.length > 0 && !acceptedMimeTypes.includes(item.type),\n    );\n\n    const invalidFileSizeErrors = getInvalidFileSizeErrors(fileList, maxFileSize);\n\n    const invalidFileTypeErrors: FileUploaderTypes.IFileUploadError[] = invalidFileTypes.map((invalidFileType) => ({\n      fileName: invalidFileType.name,\n      errors: {\n        hasFileTypeError: true,\n      },\n    }));\n    const fileUploadErrorList: FileUploaderTypes.IFileUploadError[] =\n      invalidFileSizeErrors.concat(invalidFileTypeErrors);\n\n    if (fileUploadErrorList.length > 0) {\n      setFileUploads(fileUploadErrorList);\n\n      return;\n    }\n\n    handleOnDropFiles(fileList);\n  };\n\n  const onClick: MouseEventHandler<HTMLInputElement> = (e) => {\n    if (renderSingleDeleteFile) {\n      e.preventDefault();\n\n      handleOnRemoveFile(fileUploads[0].fileName);\n    }\n  };\n\n  const renderFileUploads = !isSingleFileType && fileUploads.length > 0;\n  const hasError = fileUploads.some((fileUpload) => !!fileUpload.errors) && fileType === 'single';\n  const accept = acceptedFileTypes.join(',');\n  const acceptedTextMapper = getAcceptedTextMapper(acceptedFileTypes);\n  const firstFile: FileUploaderTypes.IFileUpload | FileUploaderTypes.IFileUploadError | undefined = fileUploads[0];\n  const isFirstFileUploadComplete =\n    firstFile && isFileUpload(firstFile) ? getIsUploadComplete(firstFile.progressPercentage) : false;\n\n  return {\n    fileInputRef,\n    fileType,\n    acceptedFileTypes,\n    dropOptions,\n    handleOnProgress,\n    handleOnError,\n    handleOnDropFiles,\n    dropFilesAction,\n    onProgress,\n    onError,\n    removeFileAction,\n    renderFileUploads,\n    hasError,\n    accept,\n    acceptedTextMapper,\n    isFirstFileUploadComplete,\n    handleOnRemoveFile,\n    onChange,\n    onClick,\n    dropResult,\n    isSingleFileType,\n    fileUploads,\n    renderSingleDeleteFile,\n  };\n};\n\nexport default useFileUploaderProps;\n"],"names":["getInvalidFileSizeErrors","files","maxFileSize","acc","file","defaultInitialFiles","useFileUploaderProps","fileType","FileUploaderTypes.FileType","acceptedFileTypes","dropOptions","dropFilesAction","onProgress","onError","removeFileAction","initialFiles","customFiles","setCustomFiles","internalFiles","setInternalFiles","useState","fileUploads","setFileUploads","isSingleFileType","fileInputRef","useRef","acceptedMimeTypes","getMappedMimeTypes","handleOnProgress","fileName","progressPercentage","prev","newFileUploads","fileIndex","newFileUpload","handleOnError","fileUpload","handleOnDropFiles","mappedFiles","dropResult","useDrop","items","invalidFileTypes","getInvalidFileTypes","item","invalidFileSizeErrors","invalidFileTypeErrors","invalidFileType","fileUploadErrorList","handleOnRemoveFile","renderSingleDeleteFile","onChange","fileList","onClick","renderFileUploads","hasError","accept","acceptedTextMapper","getAcceptedTextMapper","firstFile","isFirstFileUploadComplete","isFileUpload","getIsUploadComplete"],"mappings":"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"}