npm - acinguiux-ds-react-framework - Versions diffs - 0.1.24 → 0.1.25 - Mend

acinguiux-ds-react-framework 0.1.24 → 0.1.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1571) hide show

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

@@ -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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "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;
2	+ //# sourceMappingURL=Tree.js.map

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

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

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

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

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

	@@ -0,0 +1,2 @@
1	+ "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;
2	+ //# sourceMappingURL=TreeCheckboxes.js.map

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
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 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":"sVASMA,EAAoB,CAACC,EAAY,KAAiCA,EAAY,SAAW,UAEzFC,EAAcC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAiBdC,EAASC,EAAAA,OAAOC,CAAQ;AAAA,IAC1B,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,QAAAC,EAAS,SAAAC,EAAU,WAAAC,EAAY,QAAAC,KAAc,CAClE,MAAMC,EAAQL,EAAM,MAAM,CAAE,WAAYE,EAAW,OAASV,EAAkBW,CAAU,EAAG,EAE3F,OAAOR,EAAAA;AAAAA,iBACMS,GAAWE,EAAAA,SAAS,MAAM;AAAA;AAAA;AAAA,eAG5BD,EAAME,YAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA,UAG5CR,CAAS;AAAA;AAAA;AAAA;AAAA,SAIVA,CAAS;AAAA;AAAA;AAAA;AAAA,qBAIGK,GAAWE,EAAAA,SAAS,MAAM;AAAA;AAAA,8BAEjBN,EAAM,QAAQ,QAAQ,EAAE,IAAI;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,qBAgCrCI,GAAWE,EAAAA,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAOlCP,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMTA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMTA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMTA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBASNL,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAuBXA,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAuBXA,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAuBXA,CAAW;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,wBA6BHW,EAAME,YAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA,YAGjD,CAACN,GACHN,EAAAA;AAAAA;AAAAA,WAEC;AAAA;AAAA,YAECQ,GACFR,EAAAA;AAAAA,sBACYK,EAAM,YAAY,KAAK;AAAA,WAClC;AAAA;AAAA;AAAA,KAIT,CAAC;AAAA,EAIGQ,EAAgBX,EAAAA,OAAO;AAAA,IAMzB,CAAC,CAAE,MAAAY,EAAO,SAAAC,EAAU,QAAAT,EAAS,cAAAU,EAAe,cAAAC,EAAe,WAAAC,EAAY,WAAAC,EAAY,SAAAZ,CAAA,IAAeP,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKhGM,GACFN,EAAAA;AAAAA;AAAAA,KAEC;AAAA;AAAA,MAECe,GACFf,EAAAA;AAAAA,wBACoBoB,EAAAA,OAAoBN,CAAK,EAAE,OAAO;AAAA,KACrD;AAAA;AAAA,QAEII,IAAeF,GAAiBT,IAAc,CAACW,IACpDlB,EAAAA;AAAAA,6BACyBoB,EAAAA,OAAoBN,CAAK,EAAE,OAAO;AAAA,KAC1D;AAAA;AAAA,WAEOK,IAAeF,GAAiBV,IAAc,CAACY,IACvDnB,EAAAA;AAAAA,2BACuBoB,EAAAA,OAAoBN,CAAK,EAAE,OAAO;AAAA,KACxD;AAAA,GACF;AAAA,EAGGO,EAAYnB,EAAAA,OAAO;AAAA,IACrB,CAAC,CAAE,MAAAY,EAAO,WAAAN,EAAY,MAAAH,KAAYL,EAAAA;AAAAA,eACvBW,EAAAA,SAAS,QAAQ;AAAA;AAAA;AAAA;AAAA,eAIjBS,EAAAA,OAAoBN,CAAK,EAAE,OAAO;AAAA,kBAC/BT,EAAM,MAAM,CAAE,WAAYR,EAAkBW,CAAU,EAAG,EAAEI,YAAU,oBAAoB,CAAC;AAAA,GACzG;AAAA,EAGGU,EAAsBpB,EAAAA,OAAO;AAAA;AAAA;AAAA,EAK7BqB,EAAerB,EAAAA,OAAOmB,CAAS;AAAA,IACjC,CAAC,CAAE,cAAAL,EAAe,WAAAR,EAAY,MAAAM,EAAO,MAAAT,KAAYL,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,mBAIlCoB,EAAAA,OAAoBN,CAAK,EAAE,YAAY;AAAA,eAC3CM,EAAAA,OAAoBN,CAAK,EAAE,YAAY;AAAA,mBACnCM,EAAAA,OAAoBN,CAAK,EAAE,YAAY;AAAA;AAAA;AAAA;AAAA,sBAIpC,CAACM,EAAAA,OAAoBN,CAAK,EAAE,QAAU,CAAC;AAAA,oBACzC,CAACM,EAAAA,OAAoBN,CAAK,EAAE,QAAU,CAAC;AAAA;AAAA;AAAA,MAGrDE,GACFhB,EAAAA;AAAAA;AAAAA,UAEMK,EAAM,MAAM,CAAE,WAAYR,EAAkBW,CAAU,EAAG,EAAEI,YAAU,wBAAwB,CAAC;AAAA,KACnG;AAAA,GACF;AAAA,EAGGY,EAAetB,EAAAA,OAAOmB,CAAS;AAAA,IACjC,CAAC,CAAE,cAAAJ,EAAe,WAAAT,EAAY,MAAAH,KAAYL,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAIxCiB,GACFjB,EAAAA;AAAAA;AAAAA,UAEMK,EAAM,MAAM,CAAE,WAAYR,EAAkBW,CAAU,EAAG,EAAEI,YAAU,wBAAwB,CAAC;AAAA,KACnG;AAAA,GACF;AAAA"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":"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"}
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 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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"}