npm - acinguiux-ds-react-framework - Versions diffs - 0.1.26 → 0.1.27 - Mend

acinguiux-ds-react-framework 0.1.26 → 0.1.27

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 (4341) hide show

package/build/esm/components/DeprecatedTree/Tree.js.map CHANGED Viewed

	@@ -1 +1 @@
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","Styled.ExpandButton","CaretSmallDown","CaretSmallRight","Styled.Tree","TreeCheckboxes","TREE_CLASS"],"mappings":";;;;;;;;;AAaA,MAAMA,IAAkD;AAAA,EACtD,CAACC,EAAM,KAAK,GAAG;AAAA,EACf,CAACA,EAAM,MAAM,GAAG;AAAA,EAChB,CAACA,EAAM,KAAK,GAAG;AACjB,GAEMC,IAAa,CAACC,MAClBA,EAAa,IAAI,CAACC,MAAwB;AACxC,MAAIA,EAAU,UAAU;AACtB,UAAMC,IAAKH,EAAWE,EAAU,QAAQ;AAExC,WAAO,EAAE,GAAGA,GAAW,UAAU,IAAM,UAAUC,EAAA;AAAA,EACnD;AAEA,SAAO,EAAE,GAAGD,GAAW,UAAU,GAAA;AACnC,CAAC,GAEGE,IAAa,CAACC,MAClBA,EAAK,IAAI,CAACC,MACJA,EAAK,WACHA,EAAK,WACA,EAAE,GAAGA,GAAM,UAAU,IAAM,UAAUN,EAAWM,EAAK,QAAQ,EAAA,IAG/D,EAAE,GAAGA,GAAM,UAAUF,EAAWE,EAAK,QAAQ,GAAG,MAAM,WAAA,IAGxD,EAAE,GAAGA,GAAM,MAAM,WAAA,CACzB,GAOGC,IAAO,CAAC;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,aAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO,GAAGb,EAAM,MAAM;AAAA,EACtB,UAAAc;AAAA,EACA,GAAGC;AACL,MAAgC;AAC9B,QAAMC,IAAWC,EAAQ,MAAOH,IAAWT,EAAWS,CAAQ,IAAI,QAAY,CAACA,CAAQ,CAAC,GAClFI,IAAeC;AAAA,IACnB,CAAC,EAAE,QAAAC,GAAQ,SAAAC,GAAS,UAAAC,QAAgC;AAClD,YAAMC,IAAYxB,EAAYc,CAAI;AAElC,aAAIO,IAAe,gBAAAI,EAAC,QAAA,EAAK,OAAO,EAAE,YAAY,GAAGD,CAAS,KAAA,EAAK,CAAG,IAC9DF,IAAgBX,uBAAgBe,GAAA,EAAQ,MAAMzB,EAAM,OAAO,IAK7D,gBAAAwB,EAACE,GAAA,EACC,UAAA,gBAAAF,EAJSF,IAAWK,IAAiBC,KAI/B,OAAOL,GAAW,QAAQA,EAAA,CAAW,EAAA,CAC7C;AAAA,IAEJ;AAAA,IACA,CAACb,GAAaG,CAAI;AAAA,EAAA;AAGpB,SACE,gBAAAW;AAAA,IAACK;AAAAA,IAAA;AAAA,MACC,MAAAhB;AAAA,MACA,WAAWF,IAAY,gBAAAa,EAACM,GAAA,EAAe,MAAAjB,GAAY,UAAAD,GAAoB,IAAK;AAAA,MAC5E,WAAWmB;AAAA,MACX,cAAAb;AAAA,MACA,UAAAT;AAAA,MACA,UAAUO;AAAA,MACT,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV;"}
1	+ {"version":3,"file":"Tree.js","sources":["../../../../src/components/DeprecatedTree/Tree.tsx"],"sourcesContent":["import { type ReactElement, useCallback, useMemo } from 'react';\r\n\r\nimport type { TreeNodeProps as RCTreeNodeProps } from 'rc-tree';\r\nimport type { DataNode } from 'rc-tree/lib/interface';\r\nimport { Sizes, TREE_CLASS } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport CaretSmallDown from '../Icon/components/CaretSmallDown';\r\nimport CaretSmallRight from '../Icon/components/CaretSmallRight';\r\nimport Loading from '../Loading/Loading';\r\nimport * as Styled from './Tree.styles';\r\nimport type { DeprecatedTreeSize, ITreeProps } from './Tree.types';\r\nimport TreeCheckboxes from './components/TreeCheckboxes/TreeCheckboxes';\r\n\r\nconst CARET_SIZES: Record<DeprecatedTreeSize, number> = {\r\n [Sizes.Small]: 16,\r\n [Sizes.Medium]: 24,\r\n [Sizes.Large]: 28,\r\n};\r\n\r\nconst fixDisable = (childrenNode: DataNode[]) =>\r\n childrenNode.map((childNode): DataNode => {\r\n if (childNode.children) {\r\n const cn = fixDisable(childNode.children);\r\n\r\n return { ...childNode, disabled: true, children: cn };\r\n }\r\n\r\n return { ...childNode, disabled: true };\r\n });\r\n\r\nconst findInTree = (tree: DataNode[]): DataNode[] =>\r\n tree.map((node) => {\r\n if (node.children) {\r\n if (node.disabled) {\r\n return { ...node, disabled: true, children: fixDisable(node.children) };\r\n }\r\n\r\n return { ...node, children: findInTree(node.children), role: 'treeitem' };\r\n }\r\n\r\n return { ...node, role: 'treeitem' };\r\n });\r\n\r\n/*\r\n \r\n * @deprecated\r\n * Use Tree instead of DeprecatedTree\r\n */\r\nconst Tree = ({\r\n showIcon = false,\r\n loadingIcon,\r\n checkable = true,\r\n disabled = false,\r\n size = `${Sizes.Medium}`,\r\n treeData,\r\n ...rest\r\n}: ITreeProps): ReactElement => {\r\n const dataTree = useMemo(() => (treeData ? findInTree(treeData) : undefined), [treeData]);\r\n const switcherIcon = useCallback(\r\n ({ isLeaf, loading, expanded }: RCTreeNodeProps) => {\r\n const caretSize = CARET_SIZES[size];\r\n\r\n if (isLeaf) return <span style={{ marginLeft: `${caretSize}px` }} />;\r\n if (loading) return loadingIcon ?? <Loading size={Sizes.Small} />;\r\n\r\n const Icon = expanded ? CaretSmallDown : CaretSmallRight;\r\n\r\n return (\r\n <Styled.ExpandButton>\r\n <Icon width={caretSize} height={caretSize} />\r\n </Styled.ExpandButton>\r\n );\r\n },\r\n [loadingIcon, size],\r\n );\r\n\r\n return (\r\n <Styled.Tree\r\n size={size}\r\n checkable={checkable ? <TreeCheckboxes size={size} disabled={disabled} /> : undefined}\r\n prefixCls={TREE_CLASS}\r\n switcherIcon={switcherIcon}\r\n showIcon={showIcon}\r\n treeData={dataTree}\r\n {...rest}\r\n />\r\n );\r\n};\r\n\r\nexport default Tree;\r\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","Styled.ExpandButton","CaretSmallDown","CaretSmallRight","Styled.Tree","TreeCheckboxes","TREE_CLASS"],"mappings":";;;;;;;;;AAaA,MAAMA,IAAkD;AAAA,EACtD,CAACC,EAAM,KAAK,GAAG;AAAA,EACf,CAACA,EAAM,MAAM,GAAG;AAAA,EAChB,CAACA,EAAM,KAAK,GAAG;AACjB,GAEMC,IAAa,CAACC,MAClBA,EAAa,IAAI,CAACC,MAAwB;AACxC,MAAIA,EAAU,UAAU;AACtB,UAAMC,IAAKH,EAAWE,EAAU,QAAQ;AAExC,WAAO,EAAE,GAAGA,GAAW,UAAU,IAAM,UAAUC,EAAA;AAAA,EACnD;AAEA,SAAO,EAAE,GAAGD,GAAW,UAAU,GAAA;AACnC,CAAC,GAEGE,IAAa,CAACC,MAClBA,EAAK,IAAI,CAACC,MACJA,EAAK,WACHA,EAAK,WACA,EAAE,GAAGA,GAAM,UAAU,IAAM,UAAUN,EAAWM,EAAK,QAAQ,EAAA,IAG/D,EAAE,GAAGA,GAAM,UAAUF,EAAWE,EAAK,QAAQ,GAAG,MAAM,WAAA,IAGxD,EAAE,GAAGA,GAAM,MAAM,WAAA,CACzB,GAOGC,IAAO,CAAC;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,aAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO,GAAGb,EAAM,MAAM;AAAA,EACtB,UAAAc;AAAA,EACA,GAAGC;AACL,MAAgC;AAC9B,QAAMC,IAAWC,EAAQ,MAAOH,IAAWT,EAAWS,CAAQ,IAAI,QAAY,CAACA,CAAQ,CAAC,GAClFI,IAAeC;AAAA,IACnB,CAAC,EAAE,QAAAC,GAAQ,SAAAC,GAAS,UAAAC,QAAgC;AAClD,YAAMC,IAAYxB,EAAYc,CAAI;AAElC,aAAIO,IAAe,gBAAAI,EAAC,QAAA,EAAK,OAAO,EAAE,YAAY,GAAGD,CAAS,KAAA,EAAK,CAAG,IAC9DF,IAAgBX,uBAAgBe,GAAA,EAAQ,MAAMzB,EAAM,OAAO,IAK7D,gBAAAwB,EAACE,GAAA,EACC,UAAA,gBAAAF,EAJSF,IAAWK,IAAiBC,KAI/B,OAAOL,GAAW,QAAQA,EAAA,CAAW,EAAA,CAC7C;AAAA,IAEJ;AAAA,IACA,CAACb,GAAaG,CAAI;AAAA,EAAA;AAGpB,SACE,gBAAAW;AAAA,IAACK;AAAAA,IAAA;AAAA,MACC,MAAAhB;AAAA,MACA,WAAWF,IAAY,gBAAAa,EAACM,GAAA,EAAe,MAAAjB,GAAY,UAAAD,GAAoB,IAAK;AAAA,MAC5E,WAAWmB;AAAA,MACX,cAAAb;AAAA,MACA,UAAAT;AAAA,MACA,UAAUO;AAAA,MACT,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/build/esm/components/DeprecatedTree/Tree.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
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":";;;AAQA,MAAMA,IAAWC;AAAA,IACb,CAAC,EAAE,WAAAC,EAAA,MAAgBD;AAAA,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,GAGGC,IAAOC,EAAOC,CAAmD;AAAA,IACnE,CAAC,EAAE,WAAAH,GAAW,OAAAI,GAAO,MAAAC,QAAWN;AAAA,MAC9BK,EAAM,WAAW,WAAW,YAAY,CAAC;AAAA;AAAA;AAAA,aAGlCA,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEE,EAAU,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,SAASC,KAAQ,UAAU,QAAQ,CAAC;AAAA;AAAA;AAAA,mBAG5CD,EAAM,MAAM,EAAE,YAAY,WAAW,UAAU,IAAM,EAAEE,EAAU,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,GAGGO,IAAeL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
1	+ {"version":3,"file":"Tree.styles.js","sources":["../../../../src/components/DeprecatedTree/Tree.styles.ts"],"sourcesContent":["import type { FunctionComponent } from 'react';\r\n\r\nimport RCTree, { type TreeProps as RcTreeProps } from 'rc-tree';\r\nimport { styled, css } from 'styled-components';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\n\r\nimport type { ITreeProps } from './Tree.types';\r\n\r\nconst Checkbox = css<Required<Pick<RcTreeProps, 'prefixCls'>>>`\r\n ${({ prefixCls }) => css`\r\n &.${prefixCls}-checkbox {\r\n .acinguiux-checkbox-label {\r\n display: none;\r\n }\r\n\r\n .${prefixCls}-checkbox-wrapper-checked, .${prefixCls}-checkbox-wrapper-indeterminate {\r\n display: none;\r\n }\r\n\r\n &-checked {\r\n .${prefixCls}-checkbox-wrapper-checked {\r\n display: initial;\r\n }\r\n\r\n .${prefixCls}-checkbox-wrapper-unchecked, .${prefixCls}-checkbox-wrapper-indeterminate {\r\n display: none;\r\n }\r\n }\r\n\r\n &-indeterminate {\r\n .${prefixCls}-checkbox-wrapper-indeterminate {\r\n display: initial;\r\n }\r\n\r\n .${prefixCls}-checkbox-wrapper-unchecked, .${prefixCls}-checkbox-wrapper-checked {\r\n display: none;\r\n }\r\n }\r\n }\r\n `}\r\n`;\r\n\r\nconst Tree = styled(RCTree as unknown as FunctionComponent<RcTreeProps>)<RcTreeProps & Pick<ITreeProps, 'size'>>`\r\n ${({ prefixCls, theme, size }) => css<RcTreeProps & Pick<ITreeProps, 'size'>>`\r\n ${theme.typography('heading', 'extraSmall')}\r\n margin: 0;\r\n border: 1px solid transparent;\r\n color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong]};\r\n\r\n .${prefixCls} {\r\n /* Caret toggle /\r\n &-switcher {\r\n display: flex;\r\n margin-right: 8px;\r\n }\r\n\r\n / Indent placeholder /\r\n &-indent-unit {\r\n display: inline-flex;\r\n width: 32px;\r\n }\r\n\r\n / Node text /\r\n &-node-content-wrapper {\r\n display: flex;\r\n align-items: center;\r\n gap: 2px;\r\n }\r\n\r\n / SVG icon */\r\n &-iconEle {\r\n display: flex;\r\n }\r\n\r\n &-checkbox {\r\n margin-right: 8px;\r\n }\r\n\r\n &-treenode {\r\n display: flex;\r\n align-items: center;\r\n margin: 4px 0;\r\n padding: 0;\r\n white-space: nowrap;\r\n list-style: none;\r\n outline: 0;\r\n\r\n ${theme.typography('label', size ?? 'medium', 'strong')}\r\n\r\n &-disabled {\r\n color: ${theme.layer({ foundation: 'surface', disabled: true })[Variables.TextOnFoundationSubtle]};\r\n cursor: not-allowed;\r\n\r\n .${prefixCls}-checkbox {\r\n pointer-events: none;\r\n }\r\n }\r\n\r\n span {\r\n ${Checkbox}\r\n }\r\n\r\n &:not(&-show-line) {\r\n .${prefixCls}-treenode {\r\n .${prefixCls}-switcher-noop {\r\n background: none;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n `}\r\n`;\r\n\r\nconst ExpandButton = styled.button`\r\n display: flex;\r\n align-items: center;\r\n border: none;\r\n background: transparent;\r\n padding: 0;\r\n margin: 0;\r\n`;\r\n\r\nexport { Tree, ExpandButton };\r\n"],"names":["Checkbox","css","prefixCls","Tree","styled","RCTree","theme","size","Variables","ExpandButton"],"mappings":";;;AAQA,MAAMA,IAAWC;AAAA,IACb,CAAC,EAAE,WAAAC,EAAA,MAAgBD;AAAA,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,GAGGC,IAAOC,EAAOC,CAAmD;AAAA,IACnE,CAAC,EAAE,WAAAH,GAAW,OAAAI,GAAO,MAAAC,QAAWN;AAAA,MAC9BK,EAAM,WAAW,WAAW,YAAY,CAAC;AAAA;AAAA;AAAA,aAGlCA,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEE,EAAU,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,SAASC,KAAQ,UAAU,QAAQ,CAAC;AAAA;AAAA;AAAA,mBAG5CD,EAAM,MAAM,EAAE,YAAY,WAAW,UAAU,IAAM,EAAEE,EAAU,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,GAGGO,IAAeL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/build/esm/components/DeprecatedTree/components/TreeCheckboxes/TreeCheckboxes.js.map CHANGED Viewed

	@@ -1 +1 @@
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":";;;;AAWA,MAAMA,IAAiB,CAAC,EAAE,MAAAC,GAAM,UAAAC,QAAkF;AAChH,QAAMC,IAAaC,EAAgC,IAAI,GACjDC,IAAeD,EAAgC,IAAI,GACnDE,IAAmBF,EAAgC,IAAI,GAEvDG,IAAU,CAACC,MAA+D;AAC9E,UAAMC,IAAaD,EAAM,kBAAkBL,EAAW,UAAUE,IAAeF;AAC/E,eAAW,MAAM;AACf,MAAAM,EAAW,SAAS,MAAA;AAAA,IACtB,GAAG,CAAC;AAAA,EACN;AAEA,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,SAAS;AAAA,QACT,WAAWC;AAAA,QACX,MAAAb;AAAA,QACA,UAAAC;AAAA,QACA,SAAAK;AAAA,QACA,KAAKJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEP,gBAAAS;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,WAAWE;AAAA,QACX,MAAAd;AAAA,QACA,UAAAC;AAAA,QACA,SAAAK;AAAA,QACA,KAAKF;AAAA,MAAA;AAAA,IAAA;AAAA,IAEP,gBAAAO;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,eAAe;AAAA,QACf,SAAS;AAAA,QACT,WAAWG;AAAA,QACX,MAAAf;AAAA,QACA,UAAAC;AAAA,QACA,SAAAK;AAAA,QACA,KAAKD;AAAA,MAAA;AAAA,IAAA;AAAA,EACP,GACF;AAEJ;"}
1	+ {"version":3,"file":"TreeCheckboxes.js","sources":["../../../../../../src/components/DeprecatedTree/components/TreeCheckboxes/TreeCheckboxes.tsx"],"sourcesContent":["import { type MouseEvent, type ReactElement, useRef } from 'react';\r\n\r\nimport {\r\n TREE_CHECKBOX_CHECKED_CLASS,\r\n TREE_CHECKBOX_UNCHECKED_CLASS,\r\n TREE_CHECKBOX_INDETERMINATE_CLASS,\r\n} from 'acinguiux-ds-react-base/consts';\r\n\r\nimport type { ICheckboxProps } from '../../../Checkbox/Checkbox.types';\r\nimport Checkbox from '../../../Checkbox/Checkbox';\r\n\r\nconst TreeCheckboxes = ({ size, disabled }: { size: ICheckboxProps['size']; disabled: boolean }): ReactElement => {\r\n const checkedRef = useRef<HTMLInputElement \| null>(null);\r\n const uncheckedRef = useRef<HTMLInputElement \| null>(null);\r\n const indeterminateRef = useRef<HTMLInputElement \| null>(null);\r\n\r\n const onClick = (event: MouseEvent<HTMLInputElement, globalThis.MouseEvent>) => {\r\n const refToFocus = event.currentTarget === checkedRef.current ? uncheckedRef : checkedRef;\r\n setTimeout(() => {\r\n refToFocus.current?.focus();\r\n }, 0);\r\n };\r\n\r\n return (\r\n <>\r\n <Checkbox\r\n aria-label=\"Checked\"\r\n checked={true}\r\n className={TREE_CHECKBOX_CHECKED_CLASS}\r\n size={size}\r\n disabled={disabled}\r\n onClick={onClick}\r\n ref={checkedRef}\r\n />\r\n <Checkbox\r\n aria-label=\"Unchecked\"\r\n className={TREE_CHECKBOX_UNCHECKED_CLASS}\r\n size={size}\r\n disabled={disabled}\r\n onClick={onClick}\r\n ref={uncheckedRef}\r\n />\r\n <Checkbox\r\n aria-label=\"Indeterminate\"\r\n indeterminate={true}\r\n checked={true}\r\n className={TREE_CHECKBOX_INDETERMINATE_CLASS}\r\n size={size}\r\n disabled={disabled}\r\n onClick={onClick}\r\n ref={indeterminateRef}\r\n />\r\n </>\r\n );\r\n};\r\n\r\nexport default TreeCheckboxes;\r\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":";;;;AAWA,MAAMA,IAAiB,CAAC,EAAE,MAAAC,GAAM,UAAAC,QAAkF;AAChH,QAAMC,IAAaC,EAAgC,IAAI,GACjDC,IAAeD,EAAgC,IAAI,GACnDE,IAAmBF,EAAgC,IAAI,GAEvDG,IAAU,CAACC,MAA+D;AAC9E,UAAMC,IAAaD,EAAM,kBAAkBL,EAAW,UAAUE,IAAeF;AAC/E,eAAW,MAAM;AACf,MAAAM,EAAW,SAAS,MAAA;AAAA,IACtB,GAAG,CAAC;AAAA,EACN;AAEA,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,SAAS;AAAA,QACT,WAAWC;AAAA,QACX,MAAAb;AAAA,QACA,UAAAC;AAAA,QACA,SAAAK;AAAA,QACA,KAAKJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEP,gBAAAS;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,WAAWE;AAAA,QACX,MAAAd;AAAA,QACA,UAAAC;AAAA,QACA,SAAAK;AAAA,QACA,KAAKF;AAAA,MAAA;AAAA,IAAA;AAAA,IAEP,gBAAAO;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,eAAe;AAAA,QACf,SAAS;AAAA,QACT,WAAWG;AAAA,QACX,MAAAf;AAAA,QACA,UAAAC;AAAA,QACA,SAAAK;AAAA,QACA,KAAKD;AAAA,MAAA;AAAA,IAAA;AAAA,EACP,GACF;AAEJ;"}

package/build/esm/components/Divider/Divider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Divider.js","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { DIVIDER_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { DividerUtils } from 'acinguiux-ds-react-base/components/Divider';\n\nimport * as Styled from './Divider.styles';\nimport type { IDividerProps } from './Divider.types';\n\nconst Divider = forwardRef<HTMLHRElement, IDividerProps>(({ className, ...rest }, ref) => {\n const { size, direction, contrast, sentiment, sentimentProminence, shape, ...props } = DividerUtils.useProps(rest);\n\n return (\n <Styled.Divider\n ref={ref}\n className={classNames(DIVIDER_CLASS, className)}\n {...props}\n $size={size}\n $direction={direction}\n $sentiment={sentiment}\n $sentimentProminence={sentimentProminence}\n $contrast={contrast}\n $shape={shape}\n />\n );\n});\n\nexport default Divider;\n"],"names":["Divider","forwardRef","className","rest","ref","size","direction","contrast","sentiment","sentimentProminence","shape","props","DividerUtils.useProps","jsx","Styled.Divider","classNames","DIVIDER_CLASS"],"mappings":";;;;;;AASA,MAAMA,IAAUC,EAAyC,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAAQC,MAAQ;AACxF,QAAM,EAAE,MAAAC,GAAM,WAAAC,GAAW,UAAAC,GAAU,WAAAC,GAAW,qBAAAC,GAAqB,OAAAC,GAAO,GAAGC,MAAUC,EAAsBT,CAAI;AAEjH,SACE,gBAAAU;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAV;AAAA,MACA,WAAWW,EAAWC,GAAed,CAAS;AAAA,MAC7C,GAAGS;AAAA,MACJ,OAAON;AAAA,MACP,YAAYC;AAAA,MACZ,YAAYE;AAAA,MACZ,sBAAsBC;AAAA,MACtB,WAAWF;AAAA,MACX,QAAQG;AAAA,IAAA;AAAA,EAAA;AAGd,CAAC;"}
1	+ {"version":3,"file":"Divider.js","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import { forwardRef } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { DIVIDER_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { DividerUtils } from 'acinguiux-ds-react-base/components/Divider';\r\n\r\nimport * as Styled from './Divider.styles';\r\nimport type { IDividerProps } from './Divider.types';\r\n\r\nconst Divider = forwardRef<HTMLHRElement, IDividerProps>(({ className, ...rest }, ref) => {\r\n const { size, direction, contrast, sentiment, sentimentProminence, shape, ...props } = DividerUtils.useProps(rest);\r\n\r\n return (\r\n <Styled.Divider\r\n ref={ref}\r\n className={classNames(DIVIDER_CLASS, className)}\r\n {...props}\r\n $size={size}\r\n $direction={direction}\r\n $sentiment={sentiment}\r\n $sentimentProminence={sentimentProminence}\r\n $contrast={contrast}\r\n $shape={shape}\r\n />\r\n );\r\n});\r\n\r\nexport default Divider;\r\n"],"names":["Divider","forwardRef","className","rest","ref","size","direction","contrast","sentiment","sentimentProminence","shape","props","DividerUtils.useProps","jsx","Styled.Divider","classNames","DIVIDER_CLASS"],"mappings":";;;;;;AASA,MAAMA,IAAUC,EAAyC,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAAQC,MAAQ;AACxF,QAAM,EAAE,MAAAC,GAAM,WAAAC,GAAW,UAAAC,GAAU,WAAAC,GAAW,qBAAAC,GAAqB,OAAAC,GAAO,GAAGC,MAAUC,EAAsBT,CAAI;AAEjH,SACE,gBAAAU;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAV;AAAA,MACA,WAAWW,EAAWC,GAAed,CAAS;AAAA,MAC7C,GAAGS;AAAA,MACJ,OAAON;AAAA,MACP,YAAYC;AAAA,MACZ,YAAYE;AAAA,MACZ,sBAAsBC;AAAA,MACtB,WAAWF;AAAA,MACX,QAAQG;AAAA,IAAA;AAAA,EAAA;AAGd,CAAC;"}

package/build/esm/components/Divider/Divider.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Divider.styles.js","sources":["../../../../src/components/Divider/Divider.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Directions } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { DividerUtils } from 'acinguiux-ds-react-base/components/Divider';\n\nimport type { IDividerProps } from './Divider.types';\n\nexport const Divider = styled.hr<\n Required<PickTransient<IDividerProps, 'size' \| 'contrast' \| 'shape'>> &\n PickTransient<IDividerProps, 'direction' \| 'sentiment' \| 'sentimentProminence'>\n>`\n ${({ $size, $direction, $contrast, $sentiment, $sentimentProminence, $shape, theme }) => {\n const { borderRadius, borderWidth, color, width } = DividerUtils.useStyles({\n size: $size,\n contrast: $contrast,\n sentimentProminence: $sentimentProminence,\n sentiment: $sentiment,\n shape: $shape,\n theme,\n });\n\n return css`\n margin: 0;\n border-radius: ${borderRadius}px;\n border: ${borderWidth}px solid ${color};\n background-color: ${width === 1 ? color : 'transparent'};\n\n ${$direction === Directions.Horizontal &&\n css`\n width: 100%;\n height: ${width}px;\n `}\n\n ${$direction === Directions.Vertical &&\n css`\n height: 100%;\n width: ${width}px;\n `}\n `;\n }}\n`;\n"],"names":["Divider","styled","$size","$direction","$contrast","$sentiment","$sentimentProminence","$shape","theme","borderRadius","borderWidth","color","width","DividerUtils.useStyles","css","Directions"],"mappings":";;;AAOO,MAAMA,IAAUC,EAAO;AAAA,IAI1B,CAAC,EAAE,OAAAC,GAAO,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,sBAAAC,GAAsB,QAAAC,GAAQ,OAAAC,QAAY;AACvF,QAAM,EAAE,cAAAC,GAAc,aAAAC,GAAa,OAAAC,GAAO,OAAAC,EAAA,IAAUC,EAAuB;AAAA,IACzE,MAAMX;AAAA,IACN,UAAUE;AAAA,IACV,qBAAqBE;AAAA,IACrB,WAAWD;AAAA,IACX,OAAOE;AAAA,IACP,OAAAC;AAAA,EAAA,CACD;AAED,SAAOM;AAAA;AAAA,uBAEYL,CAAY;AAAA,gBACnBC,CAAW,YAAYC,CAAK;AAAA,0BAClBC,MAAU,IAAID,IAAQ,aAAa;AAAA;AAAA,QAErDR,MAAeY,EAAW,cAC5BD;AAAA;AAAA,kBAEYF,CAAK;AAAA,OAChB;AAAA;AAAA,QAECT,MAAeY,EAAW,YAC5BD;AAAA;AAAA,iBAEWF,CAAK;AAAA,OACf;AAAA;AAEL,CAAC;AAAA;"}
1	+ {"version":3,"file":"Divider.styles.js","sources":["../../../../src/components/Divider/Divider.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { Directions } from 'acinguiux-ds-react-base/consts';\r\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\r\nimport { DividerUtils } from 'acinguiux-ds-react-base/components/Divider';\r\n\r\nimport type { IDividerProps } from './Divider.types';\r\n\r\nexport const Divider = styled.hr<\r\n Required<PickTransient<IDividerProps, 'size' \| 'contrast' \| 'shape'>> &\r\n PickTransient<IDividerProps, 'direction' \| 'sentiment' \| 'sentimentProminence'>\r\n>`\r\n ${({ $size, $direction, $contrast, $sentiment, $sentimentProminence, $shape, theme }) => {\r\n const { borderRadius, borderWidth, color, width } = DividerUtils.useStyles({\r\n size: $size,\r\n contrast: $contrast,\r\n sentimentProminence: $sentimentProminence,\r\n sentiment: $sentiment,\r\n shape: $shape,\r\n theme,\r\n });\r\n\r\n return css`\r\n margin: 0;\r\n border-radius: ${borderRadius}px;\r\n border: ${borderWidth}px solid ${color};\r\n background-color: ${width === 1 ? color : 'transparent'};\r\n\r\n ${$direction === Directions.Horizontal &&\r\n css`\r\n width: 100%;\r\n height: ${width}px;\r\n `}\r\n\r\n ${$direction === Directions.Vertical &&\r\n css`\r\n height: 100%;\r\n width: ${width}px;\r\n `}\r\n `;\r\n }}\r\n`;\r\n"],"names":["Divider","styled","$size","$direction","$contrast","$sentiment","$sentimentProminence","$shape","theme","borderRadius","borderWidth","color","width","DividerUtils.useStyles","css","Directions"],"mappings":";;;AAOO,MAAMA,IAAUC,EAAO;AAAA,IAI1B,CAAC,EAAE,OAAAC,GAAO,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,sBAAAC,GAAsB,QAAAC,GAAQ,OAAAC,QAAY;AACvF,QAAM,EAAE,cAAAC,GAAc,aAAAC,GAAa,OAAAC,GAAO,OAAAC,EAAA,IAAUC,EAAuB;AAAA,IACzE,MAAMX;AAAA,IACN,UAAUE;AAAA,IACV,qBAAqBE;AAAA,IACrB,WAAWD;AAAA,IACX,OAAOE;AAAA,IACP,OAAAC;AAAA,EAAA,CACD;AAED,SAAOM;AAAA;AAAA,uBAEYL,CAAY;AAAA,gBACnBC,CAAW,YAAYC,CAAK;AAAA,0BAClBC,MAAU,IAAID,IAAQ,aAAa;AAAA;AAAA,QAErDR,MAAeY,EAAW,cAC5BD;AAAA;AAAA,kBAEYF,CAAK;AAAA,OAChB;AAAA;AAAA,QAECT,MAAeY,EAAW,YAC5BD;AAAA;AAAA,iBAEWF,CAAK;AAAA,OACf;AAAA;AAEL,CAAC;AAAA;"}

package/build/esm/components/Drawer/Drawer.consts.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Drawer.consts.js","sources":["../../../../src/components/Drawer/Drawer.consts.ts"],"sourcesContent":["export const defaultMaskMotion = {\n motionName: 'mask-motion',\n motionAppear: true,\n motionEnter: true,\n motionLeave: true,\n motionDeadline: 300,\n};\n\nexport const defaultMotion = (placement: string) => ({\n motionName: `panel-motion-${placement}`,\n motionAppear: true,\n motionEnter: true,\n motionLeave: true,\n motionDeadline: 300,\n});\n"],"names":["defaultMaskMotion","defaultMotion","placement"],"mappings":"AAAO,MAAMA,IAAoB;AAAA,EAC/B,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,aAAa;AAAA,EACb,aAAa;AAAA,EACb,gBAAgB;AAClB,GAEaC,IAAgB,CAACC,OAAuB;AAAA,EACnD,YAAY,gBAAgBA,CAAS;AAAA,EACrC,cAAc;AAAA,EACd,aAAa;AAAA,EACb,aAAa;AAAA,EACb,gBAAgB;AAClB;"}
1	+ {"version":3,"file":"Drawer.consts.js","sources":["../../../../src/components/Drawer/Drawer.consts.ts"],"sourcesContent":["export const defaultMaskMotion = {\r\n motionName: 'mask-motion',\r\n motionAppear: true,\r\n motionEnter: true,\r\n motionLeave: true,\r\n motionDeadline: 300,\r\n};\r\n\r\nexport const defaultMotion = (placement: string) => ({\r\n motionName: `panel-motion-${placement}`,\r\n motionAppear: true,\r\n motionEnter: true,\r\n motionLeave: true,\r\n motionDeadline: 300,\r\n});\r\n"],"names":["defaultMaskMotion","defaultMotion","placement"],"mappings":"AAAO,MAAMA,IAAoB;AAAA,EAC/B,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,aAAa;AAAA,EACb,aAAa;AAAA,EACb,gBAAgB;AAClB,GAEaC,IAAgB,CAACC,OAAuB;AAAA,EACnD,YAAY,gBAAgBA,CAAS;AAAA,EACrC,cAAc;AAAA,EACd,aAAa;AAAA,EACb,aAAa;AAAA,EACb,gBAAgB;AAClB;"}

package/build/esm/components/Drawer/Drawer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Drawer.js","sources":["../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import { type ReactElement, useRef, useLayoutEffect } from 'react';\n\nimport classNames from 'classnames';\nimport RcDrawer, { type DrawerProps } from 'rc-drawer';\nimport { Sizes, Alignments, Directions, DRAWER_CLASS, Variants } from 'acinguiux-ds-react-base/consts';\n\nimport Button from '../Button/Button';\nimport ChevronLeft from '../Icon/components/ChevronLeft';\nimport CrossIcon from '../Icon/components/Cross';\nimport * as Styled from './Drawer.styles';\nimport { defaultMotion, defaultMaskMotion } from './Drawer.consts';\nimport type { IDrawerProps } from './Drawer.types';\nimport ActionBar from '../_internalComponents/ActionBar/ActionBar';\nimport InfoBar from '../_internalComponents/InfoBar/InfoBar';\n\nconst DrawerHoc = ({ className, rootClassName, ...props }: DrawerProps): ReactElement => (\n <RcDrawer rootClassName={classNames(rootClassName, className)} {...props} />\n);\n\nconst Drawer = ({\n children,\n className,\n size = Sizes.Medium,\n header,\n actionsAlignment = Alignments.Right,\n actionsDirection = Directions.Horizontal,\n sticky = false,\n zIndex,\n elevation,\n onClose,\n closeButton = true,\n backButton = false,\n padding = true,\n bgColor = false,\n headerBorder = true,\n footerBorder = true,\n actions,\n getContainer,\n maskMotion = defaultMaskMotion,\n motion = defaultMotion,\n open = false,\n ...rest\n}: IDrawerProps): ReactElement => {\n const cachedActiveElement = useRef<HTMLElement \| null>(null);\n\n useLayoutEffect(() => {\n if (open && document.activeElement && !cachedActiveElement.current) {\n cachedActiveElement.current = document.activeElement as HTMLElement;\n }\n\n if (!open && cachedActiveElement.current) {\n cachedActiveElement.current.focus();\n cachedActiveElement.current = null;\n }\n }, [open, cachedActiveElement]);\n\n return (\n <Styled.Drawer\n as={DrawerHoc}\n className={`${className} this-new-class-name`}\n prefixCls={DRAWER_CLASS}\n onClose={onClose}\n getContainer={getContainer}\n motion={motion}\n maskMotion={maskMotion}\n $bgColor={bgColor}\n $sticky={sticky}\n $elevation={elevation}\n $zIndex={zIndex}\n autoFocus={true}\n open={open}\n {...rest}\n >\n {!!header && (\n <Styled.DrawerHeader $size={size} $headerBorder={headerBorder} $elevation={elevation}>\n {backButton ? (\n <Button\n icon={<ChevronLeft />}\n iconOnly={true}\n variant={Variants.Transparent}\n size={size}\n onClick={onClose}\n aria-label=\"Back\"\n />\n ) : null}\n <Styled.DrawerHeaderContent>\n <InfoBar size={size} direction={Directions.Vertical} {...header} />\n </Styled.DrawerHeaderContent>\n {closeButton ? (\n <Button\n icon={<CrossIcon />}\n iconOnly={true}\n variant={Variants.Transparent}\n size={size}\n onClick={onClose}\n aria-label=\"Close\"\n />\n ) : null}\n </Styled.DrawerHeader>\n )}\n\n <Styled.DrawerContent\n $sticky={sticky}\n $size={size}\n $padding={padding}\n $headerBorder={headerBorder}\n $footerBorder={footerBorder}\n $bgColor={bgColor}\n $hasHeader={Boolean(header)}\n $hasFooter={Boolean(actions)}\n >\n {children}\n </Styled.DrawerContent>\n\n {!!actions && (\n <Styled.DrawerFooter $size={size} $footerBorder={footerBorder} $elevation={elevation}>\n <ActionBar size={size} actions={actions} alignment={actionsAlignment} direction={actionsDirection} />\n </Styled.DrawerFooter>\n )}\n </Styled.Drawer>\n );\n};\n\nexport default Drawer;\n"],"names":["DrawerHoc","className","rootClassName","props","jsx","RcDrawer","classNames","Drawer","children","size","Sizes","header","actionsAlignment","Alignments","actionsDirection","Directions","sticky","zIndex","elevation","onClose","closeButton","backButton","padding","bgColor","headerBorder","footerBorder","actions","getContainer","maskMotion","defaultMaskMotion","motion","defaultMotion","open","rest","cachedActiveElement","useRef","useLayoutEffect","jsxs","Styled.Drawer","DRAWER_CLASS","Styled.DrawerHeader","Button","ChevronLeft","Variants","Styled.DrawerHeaderContent","InfoBar","CrossIcon","Styled.DrawerContent","Styled.DrawerFooter","ActionBar"],"mappings":"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"}
1	+ {"version":3,"file":"Drawer.js","sources":["../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import { type ReactElement, useRef, useLayoutEffect } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport RcDrawer, { type DrawerProps } from 'rc-drawer';\r\nimport { Sizes, Alignments, Directions, DRAWER_CLASS, Variants } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport Button from '../Button/Button';\r\nimport ChevronLeft from '../Icon/components/ChevronLeft';\r\nimport CrossIcon from '../Icon/components/Cross';\r\nimport * as Styled from './Drawer.styles';\r\nimport { defaultMotion, defaultMaskMotion } from './Drawer.consts';\r\nimport type { IDrawerProps } from './Drawer.types';\r\nimport ActionBar from '../_internalComponents/ActionBar/ActionBar';\r\nimport InfoBar from '../_internalComponents/InfoBar/InfoBar';\r\n\r\nconst DrawerHoc = ({ className, rootClassName, ...props }: DrawerProps): ReactElement => (\r\n <RcDrawer rootClassName={classNames(rootClassName, className)} {...props} />\r\n);\r\n\r\nconst Drawer = ({\r\n children,\r\n className,\r\n size = Sizes.Medium,\r\n header,\r\n actionsAlignment = Alignments.Right,\r\n actionsDirection = Directions.Horizontal,\r\n sticky = false,\r\n zIndex,\r\n elevation,\r\n onClose,\r\n closeButton = true,\r\n backButton = false,\r\n padding = true,\r\n bgColor = false,\r\n headerBorder = true,\r\n footerBorder = true,\r\n actions,\r\n getContainer,\r\n maskMotion = defaultMaskMotion,\r\n motion = defaultMotion,\r\n open = false,\r\n ...rest\r\n}: IDrawerProps): ReactElement => {\r\n const cachedActiveElement = useRef<HTMLElement \| null>(null);\r\n\r\n useLayoutEffect(() => {\r\n if (open && document.activeElement && !cachedActiveElement.current) {\r\n cachedActiveElement.current = document.activeElement as HTMLElement;\r\n }\r\n\r\n if (!open && cachedActiveElement.current) {\r\n cachedActiveElement.current.focus();\r\n cachedActiveElement.current = null;\r\n }\r\n }, [open, cachedActiveElement]);\r\n\r\n return (\r\n <Styled.Drawer\r\n as={DrawerHoc}\r\n className={`${className} this-new-class-name`}\r\n prefixCls={DRAWER_CLASS}\r\n onClose={onClose}\r\n getContainer={getContainer}\r\n motion={motion}\r\n maskMotion={maskMotion}\r\n $bgColor={bgColor}\r\n $sticky={sticky}\r\n $elevation={elevation}\r\n $zIndex={zIndex}\r\n autoFocus={true}\r\n open={open}\r\n {...rest}\r\n >\r\n {!!header && (\r\n <Styled.DrawerHeader $size={size} $headerBorder={headerBorder} $elevation={elevation}>\r\n {backButton ? (\r\n <Button\r\n icon={<ChevronLeft />}\r\n iconOnly={true}\r\n variant={Variants.Transparent}\r\n size={size}\r\n onClick={onClose}\r\n aria-label=\"Back\"\r\n />\r\n ) : null}\r\n <Styled.DrawerHeaderContent>\r\n <InfoBar size={size} direction={Directions.Vertical} {...header} />\r\n </Styled.DrawerHeaderContent>\r\n {closeButton ? (\r\n <Button\r\n icon={<CrossIcon />}\r\n iconOnly={true}\r\n variant={Variants.Transparent}\r\n size={size}\r\n onClick={onClose}\r\n aria-label=\"Close\"\r\n />\r\n ) : null}\r\n </Styled.DrawerHeader>\r\n )}\r\n\r\n <Styled.DrawerContent\r\n $sticky={sticky}\r\n $size={size}\r\n $padding={padding}\r\n $headerBorder={headerBorder}\r\n $footerBorder={footerBorder}\r\n $bgColor={bgColor}\r\n $hasHeader={Boolean(header)}\r\n $hasFooter={Boolean(actions)}\r\n >\r\n {children}\r\n </Styled.DrawerContent>\r\n\r\n {!!actions && (\r\n <Styled.DrawerFooter $size={size} $footerBorder={footerBorder} $elevation={elevation}>\r\n <ActionBar size={size} actions={actions} alignment={actionsAlignment} direction={actionsDirection} />\r\n </Styled.DrawerFooter>\r\n )}\r\n </Styled.Drawer>\r\n );\r\n};\r\n\r\nexport default Drawer;\r\n"],"names":["DrawerHoc","className","rootClassName","props","jsx","RcDrawer","classNames","Drawer","children","size","Sizes","header","actionsAlignment","Alignments","actionsDirection","Directions","sticky","zIndex","elevation","onClose","closeButton","backButton","padding","bgColor","headerBorder","footerBorder","actions","getContainer","maskMotion","defaultMaskMotion","motion","defaultMotion","open","rest","cachedActiveElement","useRef","useLayoutEffect","jsxs","Styled.Drawer","DRAWER_CLASS","Styled.DrawerHeader","Button","ChevronLeft","Variants","Styled.DrawerHeaderContent","InfoBar","CrossIcon","Styled.DrawerContent","Styled.DrawerFooter","ActionBar"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport RcDropdown from 'rc-dropdown';\nimport { DROPDOWN_CLASS, DROPDOWN_CONTAINER_OVERLAY_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport * as Styled from './Dropdown.styles';\nimport type { IDropdownProps } from './Dropdown.types';\n\nconst DropdownComponent = ({\n className,\n overlayClassName,\n trigger = 'click',\n children,\n arrow = false,\n placement = 'bottomLeft',\n overlay,\n ...rest\n}: IDropdownProps): ReactElement => (\n <RcDropdown\n // @ts-expect-error won't fix because deprecated anyway\n className={className}\n placement={placement}\n arrow={arrow}\n trigger={trigger}\n getPopupContainer={(element) => element}\n {...rest}\n prefixCls={DROPDOWN_CLASS}\n overlayClassName={classNames(DROPDOWN_CONTAINER_OVERLAY_CLASS, overlayClassName, className)}\n overlay={<Styled.DropdownContainer>{overlay}</Styled.DropdownContainer>}\n >\n {children}\n </RcDropdown>\n);\n\n/*\n \n * @deprecated\n * Use Popover instead of Dropdown\n */\n// eslint-disable-next-line new-cap\nconst Dropdown = Styled.Dropdown(DropdownComponent, DROPDOWN_CLASS, DROPDOWN_CONTAINER_OVERLAY_CLASS);\n\nexport default Dropdown;\n"],"names":["DropdownComponent","className","overlayClassName","trigger","children","arrow","placement","overlay","rest","jsx","RcDropdown","element","DROPDOWN_CLASS","classNames","DROPDOWN_CONTAINER_OVERLAY_CLASS","Styled.DropdownContainer","Dropdown","Styled.Dropdown"],"mappings":";;;;;AASA,MAAMA,IAAoB,CAAC;AAAA,EACzB,WAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IAEC,WAAAT;AAAA,IACA,WAAAK;AAAA,IACA,OAAAD;AAAA,IACA,SAAAF;AAAA,IACA,mBAAmB,CAACQ,MAAYA;AAAA,IAC/B,GAAGH;AAAA,IACJ,WAAWI;AAAA,IACX,kBAAkBC,EAAWC,GAAkCZ,GAAkBD,CAAS;AAAA,IAC1F,SAAS,gBAAAQ,EAACM,GAAA,EAA0B,UAAAR,EAAA,CAAQ;AAAA,IAE3C,UAAAH;AAAA,EAAA;AACH,GASIY,IAAWC,EAAgBjB,GAAmBY,GAAgBE,CAAgC;"}
1	+ {"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport RcDropdown from 'rc-dropdown';\r\nimport { DROPDOWN_CLASS, DROPDOWN_CONTAINER_OVERLAY_CLASS } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport * as Styled from './Dropdown.styles';\r\nimport type { IDropdownProps } from './Dropdown.types';\r\n\r\nconst DropdownComponent = ({\r\n className,\r\n overlayClassName,\r\n trigger = 'click',\r\n children,\r\n arrow = false,\r\n placement = 'bottomLeft',\r\n overlay,\r\n ...rest\r\n}: IDropdownProps): ReactElement => (\r\n <RcDropdown\r\n // @ts-expect-error won't fix because deprecated anyway\r\n className={className}\r\n placement={placement}\r\n arrow={arrow}\r\n trigger={trigger}\r\n getPopupContainer={(element) => element}\r\n {...rest}\r\n prefixCls={DROPDOWN_CLASS}\r\n overlayClassName={classNames(DROPDOWN_CONTAINER_OVERLAY_CLASS, overlayClassName, className)}\r\n overlay={<Styled.DropdownContainer>{overlay}</Styled.DropdownContainer>}\r\n >\r\n {children}\r\n </RcDropdown>\r\n);\r\n\r\n/*\r\n \r\n * @deprecated\r\n * Use Popover instead of Dropdown\r\n */\r\n// eslint-disable-next-line new-cap\r\nconst Dropdown = Styled.Dropdown(DropdownComponent, DROPDOWN_CLASS, DROPDOWN_CONTAINER_OVERLAY_CLASS);\r\n\r\nexport default Dropdown;\r\n"],"names":["DropdownComponent","className","overlayClassName","trigger","children","arrow","placement","overlay","rest","jsx","RcDropdown","element","DROPDOWN_CLASS","classNames","DROPDOWN_CONTAINER_OVERLAY_CLASS","Styled.DropdownContainer","Dropdown","Styled.Dropdown"],"mappings":";;;;;AASA,MAAMA,IAAoB,CAAC;AAAA,EACzB,WAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IAEC,WAAAT;AAAA,IACA,WAAAK;AAAA,IACA,OAAAD;AAAA,IACA,SAAAF;AAAA,IACA,mBAAmB,CAACQ,MAAYA;AAAA,IAC/B,GAAGH;AAAA,IACJ,WAAWI;AAAA,IACX,kBAAkBC,EAAWC,GAAkCZ,GAAkBD,CAAS;AAAA,IAC1F,SAAS,gBAAAQ,EAACM,GAAA,EAA0B,UAAAR,EAAA,CAAQ;AAAA,IAE3C,UAAAH;AAAA,EAAA;AACH,GASIY,IAAWC,EAAgBjB,GAAmBY,GAAgBE,CAAgC;"}

package/build/esm/components/Dropdown/Dropdown.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropdown.styles.js","sources":["../../../../src/components/Dropdown/Dropdown.styles.ts"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport { styled, css } from 'styled-components';\nimport { ZIndexes } from 'acinguiux-ds-react-base/consts';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport type { IDropdownProps } from './Dropdown.types';\n\nconst Dropdown = (\n Component: ({ className, trigger, children, arrow, placement, ...rest }: IDropdownProps) => ReactElement,\n prefixCls: string,\n overlayClassName: string,\n) => styled(Component)`\n ${({ theme }) => css`\n &.${prefixCls} {\n position: absolute;\n display: flex;\n flex-direction: column;\n color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong]};\n\n &-hidden {\n display: none !important;\n }\n\n .${prefixCls}-arrow {\n width: 24px;\n height: 12px;\n margin: 0 16px;\n overflow: hidden;\n\n &::before {\n content: '';\n display: block;\n width: 12px;\n height: 12px;\n background: ${theme.layer({ foundation: 'raised' })[Variables.BackgroundFoundation]};\n box-shadow:\n rgb(0 0 0 / 2%) 0 0 4px 0,\n rgb(0 0 0 / 4%) 0 0 0 1px;\n transform: translateX(50%) translateY(50%) rotate(45deg);\n }\n }\n\n &-placement-topLeft,\n &-placement-bottomLeft {\n .${prefixCls}-arrow {\n margin-right: auto;\n }\n }\n\n &-placement-topCenter,\n &-placement-bottomCenter {\n .${prefixCls}-arrow {\n margin: auto;\n }\n }\n\n &-placement-topRight,\n &-placement-bottomRight {\n .${prefixCls}-arrow {\n margin-left: auto;\n }\n }\n\n &-placement-topLeft,\n &-placement-topCenter,\n &-placement-topRight {\n flex-direction: column-reverse;\n .${prefixCls}-arrow {\n &::before {\n transform: translateX(50%) translateY(-50%) rotate(45deg);\n }\n }\n }\n }\n\n &.${overlayClassName} {\n z-index: ${ZIndexes.POPOVER};\n }\n `}\n`;\n\nconst DropdownContainer = styled.div`\n ${({ theme }) => css`\n border-radius: 2px;\n background: ${theme.layer({ foundation: 'raised' })[Variables.BackgroundFoundation]};\n filter: ${theme.dropShadows.low3};\n `}\n`;\n\nexport { Dropdown, DropdownContainer };\n"],"names":["Dropdown","Component","prefixCls","overlayClassName","styled","theme","css","Variables","ZIndexes","DropdownContainer"],"mappings":";;;AAQA,MAAMA,IAAW,CACfC,GACAC,GACAC,MACGC,EAAOH,CAAS;AAAA,IACjB,CAAC,EAAE,OAAAI,EAAA,MAAYC;AAAA,QACXJ,CAAS;AAAA;AAAA;AAAA;AAAA,eAIFG,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEE,EAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAM9EL,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAWMG,EAAM,MAAM,EAAE,YAAY,UAAU,EAAEE,EAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAUlFL,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOTA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOTA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WASTA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAQZC,CAAgB;AAAA,iBACPK,EAAS,OAAO;AAAA;AAAA,GAE9B;AAAA,GAGGC,IAAoBL,EAAO;AAAA,IAC7B,CAAC,EAAE,OAAAC,EAAA,MAAYC;AAAA;AAAA,kBAEDD,EAAM,MAAM,EAAE,YAAY,UAAU,EAAEE,EAAU,oBAAoB,CAAC;AAAA,cACzEF,EAAM,YAAY,IAAI;AAAA,GACjC;AAAA;"}
1	+ {"version":3,"file":"Dropdown.styles.js","sources":["../../../../src/components/Dropdown/Dropdown.styles.ts"],"sourcesContent":["import type { ReactElement } from 'react';\r\n\r\nimport { styled, css } from 'styled-components';\r\nimport { ZIndexes } from 'acinguiux-ds-react-base/consts';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\n\r\nimport type { IDropdownProps } from './Dropdown.types';\r\n\r\nconst Dropdown = (\r\n Component: ({ className, trigger, children, arrow, placement, ...rest }: IDropdownProps) => ReactElement,\r\n prefixCls: string,\r\n overlayClassName: string,\r\n) => styled(Component)`\r\n ${({ theme }) => css`\r\n &.${prefixCls} {\r\n position: absolute;\r\n display: flex;\r\n flex-direction: column;\r\n color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong]};\r\n\r\n &-hidden {\r\n display: none !important;\r\n }\r\n\r\n .${prefixCls}-arrow {\r\n width: 24px;\r\n height: 12px;\r\n margin: 0 16px;\r\n overflow: hidden;\r\n\r\n &::before {\r\n content: '';\r\n display: block;\r\n width: 12px;\r\n height: 12px;\r\n background: ${theme.layer({ foundation: 'raised' })[Variables.BackgroundFoundation]};\r\n box-shadow:\r\n rgb(0 0 0 / 2%) 0 0 4px 0,\r\n rgb(0 0 0 / 4%) 0 0 0 1px;\r\n transform: translateX(50%) translateY(50%) rotate(45deg);\r\n }\r\n }\r\n\r\n &-placement-topLeft,\r\n &-placement-bottomLeft {\r\n .${prefixCls}-arrow {\r\n margin-right: auto;\r\n }\r\n }\r\n\r\n &-placement-topCenter,\r\n &-placement-bottomCenter {\r\n .${prefixCls}-arrow {\r\n margin: auto;\r\n }\r\n }\r\n\r\n &-placement-topRight,\r\n &-placement-bottomRight {\r\n .${prefixCls}-arrow {\r\n margin-left: auto;\r\n }\r\n }\r\n\r\n &-placement-topLeft,\r\n &-placement-topCenter,\r\n &-placement-topRight {\r\n flex-direction: column-reverse;\r\n .${prefixCls}-arrow {\r\n &::before {\r\n transform: translateX(50%) translateY(-50%) rotate(45deg);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.${overlayClassName} {\r\n z-index: ${ZIndexes.POPOVER};\r\n }\r\n `}\r\n`;\r\n\r\nconst DropdownContainer = styled.div`\r\n ${({ theme }) => css`\r\n border-radius: 2px;\r\n background: ${theme.layer({ foundation: 'raised' })[Variables.BackgroundFoundation]};\r\n filter: ${theme.dropShadows.low3};\r\n `}\r\n`;\r\n\r\nexport { Dropdown, DropdownContainer };\r\n"],"names":["Dropdown","Component","prefixCls","overlayClassName","styled","theme","css","Variables","ZIndexes","DropdownContainer"],"mappings":";;;AAQA,MAAMA,IAAW,CACfC,GACAC,GACAC,MACGC,EAAOH,CAAS;AAAA,IACjB,CAAC,EAAE,OAAAI,EAAA,MAAYC;AAAA,QACXJ,CAAS;AAAA;AAAA;AAAA;AAAA,eAIFG,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEE,EAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAM9EL,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAWMG,EAAM,MAAM,EAAE,YAAY,UAAU,EAAEE,EAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAUlFL,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOTA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOTA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WASTA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAQZC,CAAgB;AAAA,iBACPK,EAAS,OAAO;AAAA;AAAA,GAE9B;AAAA,GAGGC,IAAoBL,EAAO;AAAA,IAC7B,CAAC,EAAE,OAAAC,EAAA,MAAYC;AAAA;AAAA,kBAEDD,EAAM,MAAM,EAAE,YAAY,UAAU,EAAEE,EAAU,oBAAoB,CAAC;AAAA,cACzEF,EAAM,YAAY,IAAI;AAAA,GACjC;AAAA;"}

package/build/esm/components/EmptyState/EmptyState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EmptyState.js","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Alignments, EMPTY_STATE_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { EmptyStateUtils } from 'acinguiux-ds-react-base/components/EmptyState';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport Button from '../Button/Button';\nimport * as Styled from './EmptyState.styles';\nimport type { IEmptyStateProps } from './EmptyState.types';\nimport ButtonLink from '../Button/ButtonLink';\nimport SentimentButton from '../Button/SentimentButton';\n\nconst EmptyState = forwardRef(\n (\n {\n className,\n image,\n icon,\n pictogram,\n title,\n description,\n size = Sizes.Medium,\n actions,\n actionsAlignment = Alignments.Center,\n ...rest\n }: IEmptyStateProps,\n ref: ForwardedRef<HTMLDivElement>,\n ) => (\n <Styled.EmptyState ref={ref} $size={size} className={classNames(EMPTY_STATE_CLASS, className)} {...rest}>\n {!!(image ?? pictogram ?? icon) && (\n <Styled.VisualPlaceholder\n $size={size}\n $variant={EmptyStateUtils.getVisualPlaceholderVariant(!!image, !!pictogram, !!icon)}\n $iconSentiment={icon?.sentiment ?? FabricsVariables.Sentiments.Neutral}\n >\n {image ?? pictogram ?? icon?.component}\n </Styled.VisualPlaceholder>\n )}\n\n {!!(title ?? description) && (\n <Styled.TextPlaceholder $size={size}>\n {!!title && <Styled.Title $size={size}>{title}</Styled.Title>}\n {typeof description === 'string' ? (\n <Styled.Description $size={size}>{description}</Styled.Description>\n ) : (\n description\n )}\n </Styled.TextPlaceholder>\n )}\n\n {!!actions?.length && (\n <Styled.Actions $size={size} $actionsAlignment={actionsAlignment}>\n {actions.map((actionButton) => {\n if ('href' in actionButton && actionButton.href) {\n return (\n <ButtonLink key={actionButton.label} size={size} href={actionButton.href} {...actionButton.props}>\n {actionButton.label}\n </ButtonLink>\n );\n }\n\n if ('action' in actionButton) {\n if (actionButton.props && 'sentiment' in actionButton.props && actionButton.props.sentiment) {\n return (\n <SentimentButton\n key={actionButton.label}\n size={size}\n onClick={actionButton.action}\n {...actionButton.props}\n >\n {actionButton.label}\n </SentimentButton>\n );\n }\n\n return (\n <Button key={actionButton.label} size={size} onClick={actionButton.action} {...actionButton.props}>\n {actionButton.label}\n </Button>\n );\n }\n\n return null;\n })}\n </Styled.Actions>\n )}\n </Styled.EmptyState>\n ),\n);\n\nexport default EmptyState;\n"],"names":["EmptyState","forwardRef","className","image","icon","pictogram","title","description","size","Sizes","actions","actionsAlignment","Alignments","rest","ref","jsxs","Styled.EmptyState","classNames","EMPTY_STATE_CLASS","jsx","Styled.VisualPlaceholder","EmptyStateUtils.getVisualPlaceholderVariant","FabricsVariables","Styled.TextPlaceholder","Styled.Title","Styled.Description","Styled.Actions","actionButton","ButtonLink","SentimentButton","Button"],"mappings":";;;;;;;;;;;AAaA,MAAMA,IAAaC;AAAA,EACjB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,MAAAC,IAAOC,EAAM;AAAA,IACb,SAAAC;AAAA,IACA,kBAAAC,IAAmBC,EAAW;AAAA,IAC9B,GAAGC;AAAA,EAAA,GAELC,MAEA,gBAAAC,EAACC,GAAA,EAAkB,KAAAF,GAAU,OAAON,GAAM,WAAWS,EAAWC,GAAmBhB,CAAS,GAAI,GAAGW,GAChG,UAAA;AAAA,IAAA,CAAC,EAAEV,KAASE,KAAaD,MACxB,gBAAAe;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,OAAOZ;AAAA,QACP,UAAUa,EAA4C,CAAC,CAAClB,GAAO,CAAC,CAACE,GAAW,CAAC,CAACD,CAAI;AAAA,QAClF,gBAAgBA,GAAM,aAAakB,EAAiB,WAAW;AAAA,QAE9D,UAAAnB,KAASE,KAAaD,GAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAIhC,CAAC,EAAEE,KAASC,wBACVgB,GAAA,EAAuB,OAAOf,GAC5B,UAAA;AAAA,MAAA,CAAC,CAACF,KAAS,gBAAAa,EAACK,GAAA,EAAa,OAAOhB,GAAO,UAAAF,GAAM;AAAA,MAC7C,OAAOC,KAAgB,WACtB,gBAAAY,EAACM,GAAA,EAAmB,OAAOjB,GAAO,UAAAD,EAAA,CAAY,IAE9CA;AAAA,IAAA,GAEJ;AAAA,IAGD,CAAC,CAACG,GAAS,4BACTgB,GAAA,EAAe,OAAOlB,GAAM,mBAAmBG,GAC7C,UAAAD,EAAQ,IAAI,CAACiB,MACR,UAAUA,KAAgBA,EAAa,OAEvC,gBAAAR,EAACS,GAAA,EAAoC,MAAApB,GAAY,MAAMmB,EAAa,MAAO,GAAGA,EAAa,OACxF,UAAAA,EAAa,MAAA,GADCA,EAAa,KAE9B,IAIA,YAAYA,IACVA,EAAa,SAAS,eAAeA,EAAa,SAASA,EAAa,MAAM,YAE9E,gBAAAR;AAAA,MAACU;AAAA,MAAA;AAAA,QAEC,MAAArB;AAAA,QACA,SAASmB,EAAa;AAAA,QACrB,GAAGA,EAAa;AAAA,QAEhB,UAAAA,EAAa;AAAA,MAAA;AAAA,MALTA,EAAa;AAAA,IAAA,IAWtB,gBAAAR,EAACW,GAAA,EAAgC,MAAAtB,GAAY,SAASmB,EAAa,QAAS,GAAGA,EAAa,OACzF,UAAAA,EAAa,MAAA,GADHA,EAAa,KAE1B,IAIG,IACR,EAAA,CACH;AAAA,EAAA,EAAA,CAEJ;AAEJ;"}
1	+ {"version":3,"file":"EmptyState.js","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Sizes, Alignments, EMPTY_STATE_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { EmptyStateUtils } from 'acinguiux-ds-react-base/components/EmptyState';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\n\r\nimport Button from '../Button/Button';\r\nimport * as Styled from './EmptyState.styles';\r\nimport type { IEmptyStateProps } from './EmptyState.types';\r\nimport ButtonLink from '../Button/ButtonLink';\r\nimport SentimentButton from '../Button/SentimentButton';\r\n\r\nconst EmptyState = forwardRef(\r\n (\r\n {\r\n className,\r\n image,\r\n icon,\r\n pictogram,\r\n title,\r\n description,\r\n size = Sizes.Medium,\r\n actions,\r\n actionsAlignment = Alignments.Center,\r\n ...rest\r\n }: IEmptyStateProps,\r\n ref: ForwardedRef<HTMLDivElement>,\r\n ) => (\r\n <Styled.EmptyState ref={ref} $size={size} className={classNames(EMPTY_STATE_CLASS, className)} {...rest}>\r\n {!!(image ?? pictogram ?? icon) && (\r\n <Styled.VisualPlaceholder\r\n $size={size}\r\n $variant={EmptyStateUtils.getVisualPlaceholderVariant(!!image, !!pictogram, !!icon)}\r\n $iconSentiment={icon?.sentiment ?? FabricsVariables.Sentiments.Neutral}\r\n >\r\n {image ?? pictogram ?? icon?.component}\r\n </Styled.VisualPlaceholder>\r\n )}\r\n\r\n {!!(title ?? description) && (\r\n <Styled.TextPlaceholder $size={size}>\r\n {!!title && <Styled.Title $size={size}>{title}</Styled.Title>}\r\n {typeof description === 'string' ? (\r\n <Styled.Description $size={size}>{description}</Styled.Description>\r\n ) : (\r\n description\r\n )}\r\n </Styled.TextPlaceholder>\r\n )}\r\n\r\n {!!actions?.length && (\r\n <Styled.Actions $size={size} $actionsAlignment={actionsAlignment}>\r\n {actions.map((actionButton) => {\r\n if ('href' in actionButton && actionButton.href) {\r\n return (\r\n <ButtonLink key={actionButton.label} size={size} href={actionButton.href} {...actionButton.props}>\r\n {actionButton.label}\r\n </ButtonLink>\r\n );\r\n }\r\n\r\n if ('action' in actionButton) {\r\n if (actionButton.props && 'sentiment' in actionButton.props && actionButton.props.sentiment) {\r\n return (\r\n <SentimentButton\r\n key={actionButton.label}\r\n size={size}\r\n onClick={actionButton.action}\r\n {...actionButton.props}\r\n >\r\n {actionButton.label}\r\n </SentimentButton>\r\n );\r\n }\r\n\r\n return (\r\n <Button key={actionButton.label} size={size} onClick={actionButton.action} {...actionButton.props}>\r\n {actionButton.label}\r\n </Button>\r\n );\r\n }\r\n\r\n return null;\r\n })}\r\n </Styled.Actions>\r\n )}\r\n </Styled.EmptyState>\r\n ),\r\n);\r\n\r\nexport default EmptyState;\r\n"],"names":["EmptyState","forwardRef","className","image","icon","pictogram","title","description","size","Sizes","actions","actionsAlignment","Alignments","rest","ref","jsxs","Styled.EmptyState","classNames","EMPTY_STATE_CLASS","jsx","Styled.VisualPlaceholder","EmptyStateUtils.getVisualPlaceholderVariant","FabricsVariables","Styled.TextPlaceholder","Styled.Title","Styled.Description","Styled.Actions","actionButton","ButtonLink","SentimentButton","Button"],"mappings":";;;;;;;;;;;AAaA,MAAMA,IAAaC;AAAA,EACjB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,MAAAC,IAAOC,EAAM;AAAA,IACb,SAAAC;AAAA,IACA,kBAAAC,IAAmBC,EAAW;AAAA,IAC9B,GAAGC;AAAA,EAAA,GAELC,MAEA,gBAAAC,EAACC,GAAA,EAAkB,KAAAF,GAAU,OAAON,GAAM,WAAWS,EAAWC,GAAmBhB,CAAS,GAAI,GAAGW,GAChG,UAAA;AAAA,IAAA,CAAC,EAAEV,KAASE,KAAaD,MACxB,gBAAAe;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,OAAOZ;AAAA,QACP,UAAUa,EAA4C,CAAC,CAAClB,GAAO,CAAC,CAACE,GAAW,CAAC,CAACD,CAAI;AAAA,QAClF,gBAAgBA,GAAM,aAAakB,EAAiB,WAAW;AAAA,QAE9D,UAAAnB,KAASE,KAAaD,GAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAIhC,CAAC,EAAEE,KAASC,wBACVgB,GAAA,EAAuB,OAAOf,GAC5B,UAAA;AAAA,MAAA,CAAC,CAACF,KAAS,gBAAAa,EAACK,GAAA,EAAa,OAAOhB,GAAO,UAAAF,GAAM;AAAA,MAC7C,OAAOC,KAAgB,WACtB,gBAAAY,EAACM,GAAA,EAAmB,OAAOjB,GAAO,UAAAD,EAAA,CAAY,IAE9CA;AAAA,IAAA,GAEJ;AAAA,IAGD,CAAC,CAACG,GAAS,4BACTgB,GAAA,EAAe,OAAOlB,GAAM,mBAAmBG,GAC7C,UAAAD,EAAQ,IAAI,CAACiB,MACR,UAAUA,KAAgBA,EAAa,OAEvC,gBAAAR,EAACS,GAAA,EAAoC,MAAApB,GAAY,MAAMmB,EAAa,MAAO,GAAGA,EAAa,OACxF,UAAAA,EAAa,MAAA,GADCA,EAAa,KAE9B,IAIA,YAAYA,IACVA,EAAa,SAAS,eAAeA,EAAa,SAASA,EAAa,MAAM,YAE9E,gBAAAR;AAAA,MAACU;AAAA,MAAA;AAAA,QAEC,MAAArB;AAAA,QACA,SAASmB,EAAa;AAAA,QACrB,GAAGA,EAAa;AAAA,QAEhB,UAAAA,EAAa;AAAA,MAAA;AAAA,MALTA,EAAa;AAAA,IAAA,IAWtB,gBAAAR,EAACW,GAAA,EAAgC,MAAAtB,GAAY,SAASmB,EAAa,QAAS,GAAGA,EAAa,OACzF,UAAAA,EAAa,MAAA,GADHA,EAAa,KAE1B,IAIG,IACR,EAAA,CACH;AAAA,EAAA,EAAA,CAEJ;AAEJ;"}

package/build/esm/components/EmptyState/EmptyState.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EmptyState.styles.js","sources":["../../../../src/components/EmptyState/EmptyState.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Sizes, Directions, Alignments } from 'acinguiux-ds-react-base/consts';\nimport { type EmptyStateTypes, EmptyStateConsts } from 'acinguiux-ds-react-base/components/EmptyState';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\n\nimport type { IEmptyStateProps } from './EmptyState.types';\n\nconst EmptyState = styled.div<Required<PickTransient<IEmptyStateProps, 'size'>>>`\n ${({ $size }) => css`\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: ${EmptyStateConsts.consts[$size].gap}px;\n `}\n`;\n\nconst VisualPlaceholder = styled.div<\n Required<PickTransient<IEmptyStateProps, 'size'>> & {\n $iconSentiment?: EmptyStateTypes.IconSentiment;\n $variant: EmptyStateTypes.Variant;\n }\n>`\n ${({ $size, $iconSentiment, $variant, theme }) => css`\n display: flex;\n align-items: center;\n justify-content: center;\n\n ${$variant === 'image' &&\n css`\n img {\n width: ${EmptyStateConsts.consts[$size].image}px;\n height: ${EmptyStateConsts.consts[$size].image}px;\n }\n `}\n\n ${($variant === 'icon' \|\| $variant === 'pictogram') &&\n css`\n svg {\n width: ${EmptyStateConsts.consts[$size][$variant]}px;\n height: ${EmptyStateConsts.consts[$size][$variant]}px;\n\n ${$variant === 'icon' &&\n $iconSentiment &&\n css`\n fill: ${theme.layer({ sentiment: $iconSentiment })[Variables.BackgroundSentiment]};\n `}\n }\n `}\n `}\n`;\n\nconst TextPlaceholder = styled.div<Required<PickTransient<IEmptyStateProps, 'size'>>>`\n ${({ $size }) => css`\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: ${EmptyStateConsts.consts[$size].textGap}px;\n `}\n`;\n\nconst Title = styled.span<{ $size: EmptyStateTypes.Size }>`\n ${({ $size, theme }) => css`\n ${$size === Sizes.XSmall && theme.typography('heading', 'extraSmall')};\n ${$size === Sizes.Small && theme.typography('heading', 'small')};\n ${$size === Sizes.Medium && theme.typography('heading', 'medium')};\n ${$size === Sizes.Large && theme.typography('heading', 'large')};\n\n max-width: 480px;\n text-align: center;\n `}\n`;\n\nconst Description = styled.span<{ $size: EmptyStateTypes.Size }>`\n ${({ $size, theme }) => css`\n ${($size === Sizes.XSmall \|\| $size === Sizes.Small) && theme.typography('paragraph', 'small')};\n ${$size === Sizes.Medium && theme.typography('paragraph')};\n ${$size === Sizes.Large && theme.typography('paragraph', 'large')};\n\n max-width: 480px;\n text-align: center;\n `}\n`;\n\nconst Actions = styled.div<\n Required<PickTransient<IEmptyStateProps, 'size'>> & PickTransient<IEmptyStateProps, 'actionsAlignment'>\n>`\n ${({ $size, $actionsAlignment }) => css`\n display: flex;\n gap: ${EmptyStateConsts.consts[$size].actionsGap}px;\n flex-direction: ${$actionsAlignment === Directions.Vertical ? 'column-reverse' : 'row'};\n\n ${($actionsAlignment === Alignments.Fill \|\| $actionsAlignment === Directions.Vertical) &&\n css`\n width: 100%;\n justify-content: space-between;\n `}\n `}\n`;\n\nexport { EmptyState, VisualPlaceholder, TextPlaceholder, Title, Description, Actions };\n"],"names":["EmptyState","styled","$size","css","EmptyStateConsts.consts","VisualPlaceholder","$iconSentiment","$variant","theme","Variables","TextPlaceholder","Title","Sizes","Description","Actions","$actionsAlignment","Directions","Alignments"],"mappings":";;;;AAQA,MAAMA,IAAaC,EAAO;AAAA,IACtB,CAAC,EAAE,OAAAC,EAAA,MAAYC;AAAA;AAAA;AAAA;AAAA;AAAA,WAKRC,EAAwBF,CAAK,EAAE,GAAG;AAAA,GAC1C;AAAA,GAGGG,IAAoBJ,EAAO;AAAA,IAM7B,CAAC,EAAE,OAAAC,GAAO,gBAAAI,GAAgB,UAAAC,GAAU,OAAAC,QAAYL;AAAA;AAAA;AAAA;AAAA;AAAA,MAK9CI,MAAa,WACfJ;AAAA;AAAA,iBAEaC,EAAwBF,CAAK,EAAE,KAAK;AAAA,kBACnCE,EAAwBF,CAAK,EAAE,KAAK;AAAA;AAAA,KAEjD;AAAA;AAAA,OAEEK,MAAa,UAAUA,MAAa,gBACvCJ;AAAA;AAAA,iBAEaC,EAAwBF,CAAK,EAAEK,CAAQ,CAAC;AAAA,kBACvCH,EAAwBF,CAAK,EAAEK,CAAQ,CAAC;AAAA;AAAA,UAEhDA,MAAa,UACfD,KACAH;AAAA,kBACUK,EAAM,MAAM,EAAE,WAAWF,GAAgB,EAAEG,EAAU,mBAAmB,CAAC;AAAA,SAClF;AAAA;AAAA,KAEJ;AAAA,GACF;AAAA,GAGGC,IAAkBT,EAAO;AAAA,IAC3B,CAAC,EAAE,OAAAC,EAAA,MAAYC;AAAA;AAAA;AAAA;AAAA,WAIRC,EAAwBF,CAAK,EAAE,OAAO;AAAA,GAC9C;AAAA,GAGGS,IAAQV,EAAO;AAAA,IACjB,CAAC,EAAE,OAAAC,GAAO,OAAAM,EAAA,MAAYL;AAAA,MACpBD,MAAUU,EAAM,UAAUJ,EAAM,WAAW,WAAW,YAAY,CAAC;AAAA,MACnEN,MAAUU,EAAM,SAASJ,EAAM,WAAW,WAAW,OAAO,CAAC;AAAA,MAC7DN,MAAUU,EAAM,UAAUJ,EAAM,WAAW,WAAW,QAAQ,CAAC;AAAA,MAC/DN,MAAUU,EAAM,SAASJ,EAAM,WAAW,WAAW,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA,GAIhE;AAAA,GAGGK,IAAcZ,EAAO;AAAA,IACvB,CAAC,EAAE,OAAAC,GAAO,OAAAM,EAAA,MAAYL;AAAA,OACnBD,MAAUU,EAAM,UAAUV,MAAUU,EAAM,UAAUJ,EAAM,WAAW,aAAa,OAAO,CAAC;AAAA,MAC3FN,MAAUU,EAAM,UAAUJ,EAAM,WAAW,WAAW,CAAC;AAAA,MACvDN,MAAUU,EAAM,SAASJ,EAAM,WAAW,aAAa,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA,GAIlE;AAAA,GAGGM,IAAUb,EAAO;AAAA,IAGnB,CAAC,EAAE,OAAAC,GAAO,mBAAAa,EAAA,MAAwBZ;AAAA;AAAA,WAE3BC,EAAwBF,CAAK,EAAE,UAAU;AAAA,sBAC9Ba,MAAsBC,EAAW,WAAW,mBAAmB,KAAK;AAAA;AAAA,OAEnFD,MAAsBE,EAAW,QAAQF,MAAsBC,EAAW,aAC7Eb;AAAA;AAAA;AAAA,KAGC;AAAA,GACF;AAAA;"}
1	+ {"version":3,"file":"EmptyState.styles.js","sources":["../../../../src/components/EmptyState/EmptyState.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { Sizes, Directions, Alignments } from 'acinguiux-ds-react-base/consts';\r\nimport { type EmptyStateTypes, EmptyStateConsts } from 'acinguiux-ds-react-base/components/EmptyState';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\r\n\r\nimport type { IEmptyStateProps } from './EmptyState.types';\r\n\r\nconst EmptyState = styled.div<Required<PickTransient<IEmptyStateProps, 'size'>>>`\r\n ${({ $size }) => css`\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: ${EmptyStateConsts.consts[$size].gap}px;\r\n `}\r\n`;\r\n\r\nconst VisualPlaceholder = styled.div<\r\n Required<PickTransient<IEmptyStateProps, 'size'>> & {\r\n $iconSentiment?: EmptyStateTypes.IconSentiment;\r\n $variant: EmptyStateTypes.Variant;\r\n }\r\n>`\r\n ${({ $size, $iconSentiment, $variant, theme }) => css`\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n ${$variant === 'image' &&\r\n css`\r\n img {\r\n width: ${EmptyStateConsts.consts[$size].image}px;\r\n height: ${EmptyStateConsts.consts[$size].image}px;\r\n }\r\n `}\r\n\r\n ${($variant === 'icon' \|\| $variant === 'pictogram') &&\r\n css`\r\n svg {\r\n width: ${EmptyStateConsts.consts[$size][$variant]}px;\r\n height: ${EmptyStateConsts.consts[$size][$variant]}px;\r\n\r\n ${$variant === 'icon' &&\r\n $iconSentiment &&\r\n css`\r\n fill: ${theme.layer({ sentiment: $iconSentiment })[Variables.BackgroundSentiment]};\r\n `}\r\n }\r\n `}\r\n `}\r\n`;\r\n\r\nconst TextPlaceholder = styled.div<Required<PickTransient<IEmptyStateProps, 'size'>>>`\r\n ${({ $size }) => css`\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n gap: ${EmptyStateConsts.consts[$size].textGap}px;\r\n `}\r\n`;\r\n\r\nconst Title = styled.span<{ $size: EmptyStateTypes.Size }>`\r\n ${({ $size, theme }) => css`\r\n ${$size === Sizes.XSmall && theme.typography('heading', 'extraSmall')};\r\n ${$size === Sizes.Small && theme.typography('heading', 'small')};\r\n ${$size === Sizes.Medium && theme.typography('heading', 'medium')};\r\n ${$size === Sizes.Large && theme.typography('heading', 'large')};\r\n\r\n max-width: 480px;\r\n text-align: center;\r\n `}\r\n`;\r\n\r\nconst Description = styled.span<{ $size: EmptyStateTypes.Size }>`\r\n ${({ $size, theme }) => css`\r\n ${($size === Sizes.XSmall \|\| $size === Sizes.Small) && theme.typography('paragraph', 'small')};\r\n ${$size === Sizes.Medium && theme.typography('paragraph')};\r\n ${$size === Sizes.Large && theme.typography('paragraph', 'large')};\r\n\r\n max-width: 480px;\r\n text-align: center;\r\n `}\r\n`;\r\n\r\nconst Actions = styled.div<\r\n Required<PickTransient<IEmptyStateProps, 'size'>> & PickTransient<IEmptyStateProps, 'actionsAlignment'>\r\n>`\r\n ${({ $size, $actionsAlignment }) => css`\r\n display: flex;\r\n gap: ${EmptyStateConsts.consts[$size].actionsGap}px;\r\n flex-direction: ${$actionsAlignment === Directions.Vertical ? 'column-reverse' : 'row'};\r\n\r\n ${($actionsAlignment === Alignments.Fill \|\| $actionsAlignment === Directions.Vertical) &&\r\n css`\r\n width: 100%;\r\n justify-content: space-between;\r\n `}\r\n `}\r\n`;\r\n\r\nexport { EmptyState, VisualPlaceholder, TextPlaceholder, Title, Description, Actions };\r\n"],"names":["EmptyState","styled","$size","css","EmptyStateConsts.consts","VisualPlaceholder","$iconSentiment","$variant","theme","Variables","TextPlaceholder","Title","Sizes","Description","Actions","$actionsAlignment","Directions","Alignments"],"mappings":";;;;AAQA,MAAMA,IAAaC,EAAO;AAAA,IACtB,CAAC,EAAE,OAAAC,EAAA,MAAYC;AAAA;AAAA;AAAA;AAAA;AAAA,WAKRC,EAAwBF,CAAK,EAAE,GAAG;AAAA,GAC1C;AAAA,GAGGG,IAAoBJ,EAAO;AAAA,IAM7B,CAAC,EAAE,OAAAC,GAAO,gBAAAI,GAAgB,UAAAC,GAAU,OAAAC,QAAYL;AAAA;AAAA;AAAA;AAAA;AAAA,MAK9CI,MAAa,WACfJ;AAAA;AAAA,iBAEaC,EAAwBF,CAAK,EAAE,KAAK;AAAA,kBACnCE,EAAwBF,CAAK,EAAE,KAAK;AAAA;AAAA,KAEjD;AAAA;AAAA,OAEEK,MAAa,UAAUA,MAAa,gBACvCJ;AAAA;AAAA,iBAEaC,EAAwBF,CAAK,EAAEK,CAAQ,CAAC;AAAA,kBACvCH,EAAwBF,CAAK,EAAEK,CAAQ,CAAC;AAAA;AAAA,UAEhDA,MAAa,UACfD,KACAH;AAAA,kBACUK,EAAM,MAAM,EAAE,WAAWF,GAAgB,EAAEG,EAAU,mBAAmB,CAAC;AAAA,SAClF;AAAA;AAAA,KAEJ;AAAA,GACF;AAAA,GAGGC,IAAkBT,EAAO;AAAA,IAC3B,CAAC,EAAE,OAAAC,EAAA,MAAYC;AAAA;AAAA;AAAA;AAAA,WAIRC,EAAwBF,CAAK,EAAE,OAAO;AAAA,GAC9C;AAAA,GAGGS,IAAQV,EAAO;AAAA,IACjB,CAAC,EAAE,OAAAC,GAAO,OAAAM,EAAA,MAAYL;AAAA,MACpBD,MAAUU,EAAM,UAAUJ,EAAM,WAAW,WAAW,YAAY,CAAC;AAAA,MACnEN,MAAUU,EAAM,SAASJ,EAAM,WAAW,WAAW,OAAO,CAAC;AAAA,MAC7DN,MAAUU,EAAM,UAAUJ,EAAM,WAAW,WAAW,QAAQ,CAAC;AAAA,MAC/DN,MAAUU,EAAM,SAASJ,EAAM,WAAW,WAAW,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA,GAIhE;AAAA,GAGGK,IAAcZ,EAAO;AAAA,IACvB,CAAC,EAAE,OAAAC,GAAO,OAAAM,EAAA,MAAYL;AAAA,OACnBD,MAAUU,EAAM,UAAUV,MAAUU,EAAM,UAAUJ,EAAM,WAAW,aAAa,OAAO,CAAC;AAAA,MAC3FN,MAAUU,EAAM,UAAUJ,EAAM,WAAW,WAAW,CAAC;AAAA,MACvDN,MAAUU,EAAM,SAASJ,EAAM,WAAW,aAAa,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA,GAIlE;AAAA,GAGGM,IAAUb,EAAO;AAAA,IAGnB,CAAC,EAAE,OAAAC,GAAO,mBAAAa,EAAA,MAAwBZ;AAAA;AAAA,WAE3BC,EAAwBF,CAAK,EAAE,UAAU;AAAA,sBAC9Ba,MAAsBC,EAAW,WAAW,mBAAmB,KAAK;AAAA;AAAA,OAEnFD,MAAsBE,EAAW,QAAQF,MAAsBC,EAAW,aAC7Eb;AAAA;AAAA;AAAA,KAGC;AAAA,GACF;AAAA;"}

package/build/esm/components/FileUploader/FileUpload.utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileUpload.utils.js","sources":["../../../../src/components/FileUploader/FileUpload.utils.ts"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\nimport { FileUploaderTypes } from 'acinguiux-ds-react-base/components/FileUploader';\nimport { HeadingTypes } from 'acinguiux-ds-react-base/components/Text';\n\nexport const HeadingSizeLevel: Record<FileUploaderTypes.Size, HeadingTypes.Level> = {\n [Sizes.XSmall]: 6,\n [Sizes.Small]: 6,\n [Sizes.Medium]: 5,\n [Sizes.Large]: 4,\n} as const;\n"],"names":["HeadingSizeLevel","Sizes"],"mappings":";AAIO,MAAMA,IAAuE;AAAA,EAClF,CAACC,EAAM,MAAM,GAAG;AAAA,EAChB,CAACA,EAAM,KAAK,GAAG;AAAA,EACf,CAACA,EAAM,MAAM,GAAG;AAAA,EAChB,CAACA,EAAM,KAAK,GAAG;AACjB;"}
1	+ {"version":3,"file":"FileUpload.utils.js","sources":["../../../../src/components/FileUploader/FileUpload.utils.ts"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport { FileUploaderTypes } from 'acinguiux-ds-react-base/components/FileUploader';\r\nimport { HeadingTypes } from 'acinguiux-ds-react-base/components/Text';\r\n\r\nexport const HeadingSizeLevel: Record<FileUploaderTypes.Size, HeadingTypes.Level> = {\r\n [Sizes.XSmall]: 6,\r\n [Sizes.Small]: 6,\r\n [Sizes.Medium]: 5,\r\n [Sizes.Large]: 4,\r\n} as const;\r\n"],"names":["HeadingSizeLevel","Sizes"],"mappings":";AAIO,MAAMA,IAAuE;AAAA,EAClF,CAACC,EAAM,MAAM,GAAG;AAAA,EAChB,CAACA,EAAM,KAAK,GAAG;AAAA,EACf,CAACA,EAAM,MAAM,GAAG;AAAA,EAChB,CAACA,EAAM,KAAK,GAAG;AACjB;"}

package/build/esm/components/FileUploader/FileUploader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileUploader.js","sources":["../../../../src/components/FileUploader/FileUploader.tsx"],"sourcesContent":["import { forwardRef, useMemo, useRef } from 'react';\n\nimport { Directions, Sizes } from 'acinguiux-ds-react-base/consts';\nimport { FileUploaderTypes, FileUploaderConsts } from 'acinguiux-ds-react-base/components/FileUploader';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { IFileUploaderProps } from './FileUploader.types';\nimport * as Styled from './FileUploader.styles';\nimport Flexbox from '../Flexbox/Flexbox';\nimport FileUpload from './components/FileUpload/FileUpload';\nimport { StyledAlert, StyledAlertCircle } from './components/FileUpload/FileUpload.styles';\nimport FileUploadErrorMessage from './components/FileUploadErrorMessage/FileUploadErrorMessage';\nimport FileUploadContent from './components/FileUploadContent/FileUploadContent';\nimport useFileUploaderProps from './hooks/useFileUploaderProps';\n\nconst FileUploader = forwardRef<HTMLDivElement, IFileUploaderProps>(\n (\n {\n size = `${Sizes.Medium}`,\n filePreview = `${FileUploaderTypes.FilePreview.Image}`,\n progressBarType = 'line',\n disabled = false,\n showIcon = true,\n showUploads = true,\n showErrors = true,\n showAcceptedFiles,\n showDescription = true,\n showButton = true,\n dropzoneAlignment = `${Directions.Vertical}`,\n ...props\n },\n ref,\n ) => {\n const {\n renderFileUploads,\n hasError,\n accept,\n acceptedTextMapper,\n isFirstFileUploadComplete,\n handleOnRemoveFile,\n onChange,\n onClick,\n dropResult: { isDropTarget, dropProps },\n isSingleFileType,\n fileType,\n fileUploads,\n renderSingleDeleteFile,\n fileInputRef,\n } = useFileUploaderProps(props);\n\n const dropzoneRef = useRef<HTMLLabelElement \| null>(null);\n const dropzoneRect = useRef<DOMRect \| null>(null);\n\n // Stops the dropzone from collapsing when files are moved over it\n // Don't want to use hard coded width/height\n dropzoneRect.current = useMemo(\n () => (isDropTarget ? (dropzoneRef.current?.getBoundingClientRect() ?? null) : null),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [isDropTarget, dropzoneRef.current],\n );\n\n const { onError, onProgress, initialFiles, ...dropzoneProps } = props;\n\n return (\n <Styled.DropzoneContainer\n data-invalid={hasError}\n data-disabled={disabled}\n size={size}\n ref={ref}\n gap=\"16px\"\n flexDirection={fileType === FileUploaderTypes.FileType.MultiHorizontal ? 'row' : 'column'}\n >\n <Styled.DropZone\n {...dropzoneProps}\n size={size}\n rect={dropzoneRect.current}\n isDropTarget={isDropTarget}\n ref={dropzoneRef}\n tabIndex={0}\n data-dropzone={true}\n onKeyDown={(e) => {\n if ((e.key === 'Enter' \|\| e.code === 'Space') && fileInputRef.current) {\n fileInputRef.current.click();\n }\n props.onKeyDown?.(e);\n }}\n >\n <FileUploadContent\n renderSingleDeleteFile={renderSingleDeleteFile}\n fileUploads={fileUploads}\n isSingleFileType={isSingleFileType}\n isDropTarget={isDropTarget}\n filePreview={filePreview}\n isFirstFileUploadComplete={isFirstFileUploadComplete}\n progressBarType={progressBarType}\n renderErrorsInside={hasError}\n acceptedTextMapper={acceptedTextMapper}\n size={size}\n disabled={disabled}\n showIcon={showIcon}\n showAcceptedFiles={showAcceptedFiles ?? showDescription}\n showButton={showButton}\n maxFileSize={props.maxFileSize}\n dropzoneAlignment={dropzoneAlignment}\n />\n <Styled.FileInput\n {...dropProps}\n onClick={onClick}\n ref={fileInputRef}\n onChange={onChange}\n multiple={fileType !== FileUploaderTypes.FileType.Single}\n tabIndex={-1}\n aria-hidden=\"true\"\n type=\"file\"\n accept={accept}\n />\n </Styled.DropZone>\n {renderFileUploads && (\n <Flexbox flexDirection=\"column\" gap={`${FileUploaderConsts.consts[size].attachedFiles.gap}`}>\n {showErrors &&\n (fileUploads as FileUploaderTypes.IFileUploadError[])\n .filter((fileUpload) => !!fileUpload.errors)\n .map((fileUpload) => (\n <StyledAlert\n key={fileUpload.fileName}\n sentiment={FabricsVariables.Sentiments.Negative}\n title=\"The following files could not be uploaded:\"\n size={size}\n onClose={() => handleOnRemoveFile(fileUpload.fileName)}\n closeButton={true}\n icon={<StyledAlertCircle size={size} />}\n >\n <FileUploadErrorMessage\n size={size}\n disabled={disabled}\n fileUploadError={fileUpload}\n acceptedTextMapper={acceptedTextMapper}\n maxFilesSize={props.maxFileSize}\n />\n </StyledAlert>\n ))}\n {showUploads &&\n (fileUploads as FileUploaderTypes.IFileUpload[])\n .filter((fileUpload) => !fileUpload.errors)\n .map((fileUpload) => (\n <FileUpload\n key={fileUpload.fileName}\n {...fileUpload}\n handleOnRemoveFile={handleOnRemoveFile}\n filePreview={filePreview}\n size={size}\n disabled={disabled}\n />\n ))}\n </Flexbox>\n )}\n </Styled.DropzoneContainer>\n );\n },\n);\n\nexport default FileUploader;\n"],"names":["FileUploader","forwardRef","size","Sizes","filePreview","FileUploaderTypes.FilePreview","progressBarType","disabled","showIcon","showUploads","showErrors","showAcceptedFiles","showDescription","showButton","dropzoneAlignment","Directions","props","ref","renderFileUploads","hasError","accept","acceptedTextMapper","isFirstFileUploadComplete","handleOnRemoveFile","onChange","onClick","isDropTarget","dropProps","isSingleFileType","fileType","fileUploads","renderSingleDeleteFile","fileInputRef","useFileUploaderProps","dropzoneRef","useRef","dropzoneRect","useMemo","onError","onProgress","initialFiles","dropzoneProps","jsxs","Styled.DropzoneContainer","FileUploaderTypes.FileType","Styled.DropZone","jsx","FileUploadContent","Styled.FileInput","Flexbox","FileUploaderConsts.consts","fileUpload","StyledAlert","FabricsVariables","StyledAlertCircle","FileUploadErrorMessage","FileUpload"],"mappings":"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"}
1	+ {"version":3,"file":"FileUploader.js","sources":["../../../../src/components/FileUploader/FileUploader.tsx"],"sourcesContent":["import { forwardRef, useMemo, useRef } from 'react';\r\n\r\nimport { Directions, Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport { FileUploaderTypes, FileUploaderConsts } from 'acinguiux-ds-react-base/components/FileUploader';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\n\r\nimport type { IFileUploaderProps } from './FileUploader.types';\r\nimport * as Styled from './FileUploader.styles';\r\nimport Flexbox from '../Flexbox/Flexbox';\r\nimport FileUpload from './components/FileUpload/FileUpload';\r\nimport { StyledAlert, StyledAlertCircle } from './components/FileUpload/FileUpload.styles';\r\nimport FileUploadErrorMessage from './components/FileUploadErrorMessage/FileUploadErrorMessage';\r\nimport FileUploadContent from './components/FileUploadContent/FileUploadContent';\r\nimport useFileUploaderProps from './hooks/useFileUploaderProps';\r\n\r\nconst FileUploader = forwardRef<HTMLDivElement, IFileUploaderProps>(\r\n (\r\n {\r\n size = `${Sizes.Medium}`,\r\n filePreview = `${FileUploaderTypes.FilePreview.Image}`,\r\n progressBarType = 'line',\r\n disabled = false,\r\n showIcon = true,\r\n showUploads = true,\r\n showErrors = true,\r\n showAcceptedFiles,\r\n showDescription = true,\r\n showButton = true,\r\n dropzoneAlignment = `${Directions.Vertical}`,\r\n ...props\r\n },\r\n ref,\r\n ) => {\r\n const {\r\n renderFileUploads,\r\n hasError,\r\n accept,\r\n acceptedTextMapper,\r\n isFirstFileUploadComplete,\r\n handleOnRemoveFile,\r\n onChange,\r\n onClick,\r\n dropResult: { isDropTarget, dropProps },\r\n isSingleFileType,\r\n fileType,\r\n fileUploads,\r\n renderSingleDeleteFile,\r\n fileInputRef,\r\n } = useFileUploaderProps(props);\r\n\r\n const dropzoneRef = useRef<HTMLLabelElement \| null>(null);\r\n const dropzoneRect = useRef<DOMRect \| null>(null);\r\n\r\n // Stops the dropzone from collapsing when files are moved over it\r\n // Don't want to use hard coded width/height\r\n dropzoneRect.current = useMemo(\r\n () => (isDropTarget ? (dropzoneRef.current?.getBoundingClientRect() ?? null) : null),\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n [isDropTarget, dropzoneRef.current],\r\n );\r\n\r\n const { onError, onProgress, initialFiles, ...dropzoneProps } = props;\r\n\r\n return (\r\n <Styled.DropzoneContainer\r\n data-invalid={hasError}\r\n data-disabled={disabled}\r\n size={size}\r\n ref={ref}\r\n gap=\"16px\"\r\n flexDirection={fileType === FileUploaderTypes.FileType.MultiHorizontal ? 'row' : 'column'}\r\n >\r\n <Styled.DropZone\r\n {...dropzoneProps}\r\n size={size}\r\n rect={dropzoneRect.current}\r\n isDropTarget={isDropTarget}\r\n ref={dropzoneRef}\r\n tabIndex={0}\r\n data-dropzone={true}\r\n onKeyDown={(e) => {\r\n if ((e.key === 'Enter' \|\| e.code === 'Space') && fileInputRef.current) {\r\n fileInputRef.current.click();\r\n }\r\n props.onKeyDown?.(e);\r\n }}\r\n >\r\n <FileUploadContent\r\n renderSingleDeleteFile={renderSingleDeleteFile}\r\n fileUploads={fileUploads}\r\n isSingleFileType={isSingleFileType}\r\n isDropTarget={isDropTarget}\r\n filePreview={filePreview}\r\n isFirstFileUploadComplete={isFirstFileUploadComplete}\r\n progressBarType={progressBarType}\r\n renderErrorsInside={hasError}\r\n acceptedTextMapper={acceptedTextMapper}\r\n size={size}\r\n disabled={disabled}\r\n showIcon={showIcon}\r\n showAcceptedFiles={showAcceptedFiles ?? showDescription}\r\n showButton={showButton}\r\n maxFileSize={props.maxFileSize}\r\n dropzoneAlignment={dropzoneAlignment}\r\n />\r\n <Styled.FileInput\r\n {...dropProps}\r\n onClick={onClick}\r\n ref={fileInputRef}\r\n onChange={onChange}\r\n multiple={fileType !== FileUploaderTypes.FileType.Single}\r\n tabIndex={-1}\r\n aria-hidden=\"true\"\r\n type=\"file\"\r\n accept={accept}\r\n />\r\n </Styled.DropZone>\r\n {renderFileUploads && (\r\n <Flexbox flexDirection=\"column\" gap={`${FileUploaderConsts.consts[size].attachedFiles.gap}`}>\r\n {showErrors &&\r\n (fileUploads as FileUploaderTypes.IFileUploadError[])\r\n .filter((fileUpload) => !!fileUpload.errors)\r\n .map((fileUpload) => (\r\n <StyledAlert\r\n key={fileUpload.fileName}\r\n sentiment={FabricsVariables.Sentiments.Negative}\r\n title=\"The following files could not be uploaded:\"\r\n size={size}\r\n onClose={() => handleOnRemoveFile(fileUpload.fileName)}\r\n closeButton={true}\r\n icon={<StyledAlertCircle size={size} />}\r\n >\r\n <FileUploadErrorMessage\r\n size={size}\r\n disabled={disabled}\r\n fileUploadError={fileUpload}\r\n acceptedTextMapper={acceptedTextMapper}\r\n maxFilesSize={props.maxFileSize}\r\n />\r\n </StyledAlert>\r\n ))}\r\n {showUploads &&\r\n (fileUploads as FileUploaderTypes.IFileUpload[])\r\n .filter((fileUpload) => !fileUpload.errors)\r\n .map((fileUpload) => (\r\n <FileUpload\r\n key={fileUpload.fileName}\r\n {...fileUpload}\r\n handleOnRemoveFile={handleOnRemoveFile}\r\n filePreview={filePreview}\r\n size={size}\r\n disabled={disabled}\r\n />\r\n ))}\r\n </Flexbox>\r\n )}\r\n </Styled.DropzoneContainer>\r\n );\r\n },\r\n);\r\n\r\nexport default FileUploader;\r\n"],"names":["FileUploader","forwardRef","size","Sizes","filePreview","FileUploaderTypes.FilePreview","progressBarType","disabled","showIcon","showUploads","showErrors","showAcceptedFiles","showDescription","showButton","dropzoneAlignment","Directions","props","ref","renderFileUploads","hasError","accept","acceptedTextMapper","isFirstFileUploadComplete","handleOnRemoveFile","onChange","onClick","isDropTarget","dropProps","isSingleFileType","fileType","fileUploads","renderSingleDeleteFile","fileInputRef","useFileUploaderProps","dropzoneRef","useRef","dropzoneRect","useMemo","onError","onProgress","initialFiles","dropzoneProps","jsxs","Styled.DropzoneContainer","FileUploaderTypes.FileType","Styled.DropZone","jsx","FileUploadContent","Styled.FileInput","Flexbox","FileUploaderConsts.consts","fileUpload","StyledAlert","FabricsVariables","StyledAlertCircle","FileUploadErrorMessage","FileUpload"],"mappings":"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"}

package/build/esm/components/FileUploader/FileUploader.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileUploader.styles.js","sources":["../../../../src/components/FileUploader/FileUploader.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { type FileUploaderTypes, FileUploaderConsts } from 'acinguiux-ds-react-base/components/FileUploader';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport Flexbox from '../Flexbox/Flexbox';\nimport { FileName, StyledCheckCircle, StyledErrorCross, StyledFile } from './components/FileUpload/FileUpload.styles';\nimport { AddIcon, Heading, Subtitle, UploadCloudIcon } from './components/FileUploadContent/FileUploadContent.styles';\n\nconst fileUploaderConsts = FileUploaderConsts.consts;\n\nexport const FileInput = styled.input`\n position: absolute;\n opacity: 0;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n cursor: pointer;\n`;\n\ninterface IDropzoneProps {\n size: FileUploaderTypes.Size;\n rect: DOMRect \| null;\n isDropTarget: boolean;\n}\n\nexport const DropZone = styled.label<IDropzoneProps>`\n ${({ size, isDropTarget, rect, theme }) => {\n const layer = theme.layer({ selectedProminence: 'subtle' });\n\n return css`\n display: flex;\n align-items: center;\n position: relative;\n color: ${layer[Variables.TextOnFoundationStrong]};\n border: dashed 1px ${layer[Variables.BorderOnFoundationMedium]};\n border-radius: ${fileUploaderConsts[size].dropzone.borderRadius}px;\n padding: ${fileUploaderConsts[size].dropzone.padding}px;\n min-width: 640px;\n max-height: min-content;\n\n ${StyledErrorCross}.acinguiux-icon,\n ${UploadCloudIcon}.acinguiux-icon,\n ${StyledCheckCircle}.acinguiux-icon,\n ${StyledFile}.acinguiux-icon {\n width: ${fileUploaderConsts[size].dropzone.stateIconSize}px;\n height: ${fileUploaderConsts[size].dropzone.stateIconSize}px;\n }\n\n ${AddIcon}.acinguiux-icon {\n width: ${fileUploaderConsts[size].dropzone.buttonIconSize}px;\n height: ${fileUploaderConsts[size].dropzone.buttonIconSize}px;\n margin: 0;\n }\n\n ${Heading} {\n font-size: ${fileUploaderConsts[size].dropzone.headingSize}px;\n line-height: ${fileUploaderConsts[size].dropzone.headingSize + 4}px;\n }\n\n ${Subtitle} {\n font-size: ${fileUploaderConsts[size].dropzone.subtitleSize}px;\n }\n\n ${isDropTarget &&\n css`\n background-color: ${layer[Variables.BackgroundSelected]};\n border-color: ${layer[Variables.BorderOnSelectedOnBackground]};\n border-style: solid;\n `}\n\n ${rect &&\n css`\n height: ${rect.height}px;\n width: ${rect.width}px;\n `}\n `;\n }}\n`;\n\ninterface IDropzoneContainerProps {\n size: FileUploaderTypes.Size;\n}\n\nexport const DropzoneContainer = styled(Flexbox)<IDropzoneContainerProps>`\n ${({ theme, size }) => {\n const invalidLayer = theme.layer({ sentiment: 'negative', sentimentProminence: 'subtle' });\n const disabledLayer = theme.layer({ disabled: true });\n\n return css`\n &:not([data-disabled='true']):not([data-invalid='true']) ${DropZone}:hover {\n cursor: pointer;\n background-color: ${theme.layer({ state: FabricsVariables.States.Hover })[Variables.BackgroundFoundation]};\n }\n\n ${FileName} {\n font-size: ${fileUploaderConsts[size].attachedFile.nameSize}px;\n }\n\n &[data-invalid='true'] ${DropZone} {\n background-color: ${invalidLayer[Variables.BackgroundSentiment]};\n border-color: ${invalidLayer[Variables.BorderOnSentimentOnBackground]};\n border-width: 1.5px;\n\n ${Heading}, ${Subtitle}, & svg path {\n color: ${invalidLayer[Variables.TextOnSentimentOnBackground]};\n fill: currentColor;\n }\n }\n\n &[data-disabled='true'] {\n pointer-events: none;\n user-select: none;\n ${DropZone} {\n background-color: ${disabledLayer[Variables.BackgroundFoundation]};\n }\n\n svg,\n path {\n fill: ${disabledLayer[Variables.TextOnFoundationStrong]};\n }\n\n * {\n color: ${disabledLayer[Variables.TextOnFoundationStrong]};\n border-color: ${disabledLayer[Variables.BorderOnFoundationMedium]};\n }\n }\n `;\n }}\n`;\n"],"names":["fileUploaderConsts","FileUploaderConsts.consts","FileInput","styled","DropZone","size","isDropTarget","rect","theme","layer","css","Variables","StyledErrorCross","UploadCloudIcon","StyledCheckCircle","StyledFile","AddIcon","Heading","Subtitle","DropzoneContainer","Flexbox","invalidLayer","disabledLayer","FabricsVariables","FileName"],"mappings":";;;;;;;AASA,MAAMA,IAAqBC,GAEdC,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBnBC,IAAWD,EAAO;AAAA,IAC3B,CAAC,EAAE,MAAAE,GAAM,cAAAC,GAAc,MAAAC,GAAM,OAAAC,QAAY;AACzC,QAAMC,IAAQD,EAAM,MAAM,EAAE,oBAAoB,UAAU;AAE1D,SAAOE;AAAA;AAAA;AAAA;AAAA,eAIID,EAAME,EAAU,sBAAsB,CAAC;AAAA,2BAC3BF,EAAME,EAAU,wBAAwB,CAAC;AAAA,uBAC7CX,EAAmBK,CAAI,EAAE,SAAS,YAAY;AAAA,iBACpDL,EAAmBK,CAAI,EAAE,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA,QAIlDO,CAAgB;AAAA,QAChBC,CAAe;AAAA,QACfC,CAAiB;AAAA,QACjBC,CAAU;AAAA,iBACDf,EAAmBK,CAAI,EAAE,SAAS,aAAa;AAAA,kBAC9CL,EAAmBK,CAAI,EAAE,SAAS,aAAa;AAAA;AAAA;AAAA,QAGzDW,CAAO;AAAA,iBACEhB,EAAmBK,CAAI,EAAE,SAAS,cAAc;AAAA,kBAC/CL,EAAmBK,CAAI,EAAE,SAAS,cAAc;AAAA;AAAA;AAAA;AAAA,QAI1DY,CAAO;AAAA,qBACMjB,EAAmBK,CAAI,EAAE,SAAS,WAAW;AAAA,uBAC3CL,EAAmBK,CAAI,EAAE,SAAS,cAAc,CAAC;AAAA;AAAA;AAAA,QAGhEa,CAAQ;AAAA,qBACKlB,EAAmBK,CAAI,EAAE,SAAS,YAAY;AAAA;AAAA;AAAA,QAG3DC,KACFI;AAAA,4BACsBD,EAAME,EAAU,kBAAkB,CAAC;AAAA,wBACvCF,EAAME,EAAU,4BAA4B,CAAC;AAAA;AAAA,OAE9D;AAAA;AAAA,QAECJ,KACFG;AAAA,kBACYH,EAAK,MAAM;AAAA,iBACZA,EAAK,KAAK;AAAA,OACpB;AAAA;AAEL,CAAC;AAAA,GAOUY,IAAoBhB,EAAOiB,CAAO;AAAA,IAC3C,CAAC,EAAE,OAAAZ,GAAO,MAAAH,QAAW;AACrB,QAAMgB,IAAeb,EAAM,MAAM,EAAE,WAAW,YAAY,qBAAqB,UAAU,GACnFc,IAAgBd,EAAM,MAAM,EAAE,UAAU,IAAM;AAEpD,SAAOE;AAAA,iEACsDN,CAAQ;AAAA;AAAA,4BAE7CI,EAAM,MAAM,EAAE,OAAOe,EAAiB,OAAO,OAAO,EAAEZ,EAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA,QAGzGa,CAAQ;AAAA,qBACKxB,EAAmBK,CAAI,EAAE,aAAa,QAAQ;AAAA;AAAA;AAAA,+BAGpCD,CAAQ;AAAA,4BACXiB,EAAaV,EAAU,mBAAmB,CAAC;AAAA,wBAC/CU,EAAaV,EAAU,6BAA6B,CAAC;AAAA;AAAA;AAAA,UAGnEM,CAAO,KAAKC,CAAQ;AAAA,mBACXG,EAAaV,EAAU,2BAA2B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQ5DP,CAAQ;AAAA,8BACYkB,EAAcX,EAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKzDW,EAAcX,EAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAAA,mBAI9CW,EAAcX,EAAU,sBAAsB,CAAC;AAAA,0BACxCW,EAAcX,EAAU,wBAAwB,CAAC;AAAA;AAAA;AAAA;AAIzE,CAAC;AAAA;"}
1	+ {"version":3,"file":"FileUploader.styles.js","sources":["../../../../src/components/FileUploader/FileUploader.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { type FileUploaderTypes, FileUploaderConsts } from 'acinguiux-ds-react-base/components/FileUploader';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\n\r\nimport Flexbox from '../Flexbox/Flexbox';\r\nimport { FileName, StyledCheckCircle, StyledErrorCross, StyledFile } from './components/FileUpload/FileUpload.styles';\r\nimport { AddIcon, Heading, Subtitle, UploadCloudIcon } from './components/FileUploadContent/FileUploadContent.styles';\r\n\r\nconst fileUploaderConsts = FileUploaderConsts.consts;\r\n\r\nexport const FileInput = styled.input`\r\n position: absolute;\r\n opacity: 0;\r\n width: 100%;\r\n height: 100%;\r\n left: 0;\r\n top: 0;\r\n cursor: pointer;\r\n`;\r\n\r\ninterface IDropzoneProps {\r\n size: FileUploaderTypes.Size;\r\n rect: DOMRect \| null;\r\n isDropTarget: boolean;\r\n}\r\n\r\nexport const DropZone = styled.label<IDropzoneProps>`\r\n ${({ size, isDropTarget, rect, theme }) => {\r\n const layer = theme.layer({ selectedProminence: 'subtle' });\r\n\r\n return css`\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n color: ${layer[Variables.TextOnFoundationStrong]};\r\n border: dashed 1px ${layer[Variables.BorderOnFoundationMedium]};\r\n border-radius: ${fileUploaderConsts[size].dropzone.borderRadius}px;\r\n padding: ${fileUploaderConsts[size].dropzone.padding}px;\r\n min-width: 640px;\r\n max-height: min-content;\r\n\r\n ${StyledErrorCross}.acinguiux-icon,\r\n ${UploadCloudIcon}.acinguiux-icon,\r\n ${StyledCheckCircle}.acinguiux-icon,\r\n ${StyledFile}.acinguiux-icon {\r\n width: ${fileUploaderConsts[size].dropzone.stateIconSize}px;\r\n height: ${fileUploaderConsts[size].dropzone.stateIconSize}px;\r\n }\r\n\r\n ${AddIcon}.acinguiux-icon {\r\n width: ${fileUploaderConsts[size].dropzone.buttonIconSize}px;\r\n height: ${fileUploaderConsts[size].dropzone.buttonIconSize}px;\r\n margin: 0;\r\n }\r\n\r\n ${Heading} {\r\n font-size: ${fileUploaderConsts[size].dropzone.headingSize}px;\r\n line-height: ${fileUploaderConsts[size].dropzone.headingSize + 4}px;\r\n }\r\n\r\n ${Subtitle} {\r\n font-size: ${fileUploaderConsts[size].dropzone.subtitleSize}px;\r\n }\r\n\r\n ${isDropTarget &&\r\n css`\r\n background-color: ${layer[Variables.BackgroundSelected]};\r\n border-color: ${layer[Variables.BorderOnSelectedOnBackground]};\r\n border-style: solid;\r\n `}\r\n\r\n ${rect &&\r\n css`\r\n height: ${rect.height}px;\r\n width: ${rect.width}px;\r\n `}\r\n `;\r\n }}\r\n`;\r\n\r\ninterface IDropzoneContainerProps {\r\n size: FileUploaderTypes.Size;\r\n}\r\n\r\nexport const DropzoneContainer = styled(Flexbox)<IDropzoneContainerProps>`\r\n ${({ theme, size }) => {\r\n const invalidLayer = theme.layer({ sentiment: 'negative', sentimentProminence: 'subtle' });\r\n const disabledLayer = theme.layer({ disabled: true });\r\n\r\n return css`\r\n &:not([data-disabled='true']):not([data-invalid='true']) ${DropZone}:hover {\r\n cursor: pointer;\r\n background-color: ${theme.layer({ state: FabricsVariables.States.Hover })[Variables.BackgroundFoundation]};\r\n }\r\n\r\n ${FileName} {\r\n font-size: ${fileUploaderConsts[size].attachedFile.nameSize}px;\r\n }\r\n\r\n &[data-invalid='true'] ${DropZone} {\r\n background-color: ${invalidLayer[Variables.BackgroundSentiment]};\r\n border-color: ${invalidLayer[Variables.BorderOnSentimentOnBackground]};\r\n border-width: 1.5px;\r\n\r\n ${Heading}, ${Subtitle}, & svg path {\r\n color: ${invalidLayer[Variables.TextOnSentimentOnBackground]};\r\n fill: currentColor;\r\n }\r\n }\r\n\r\n &[data-disabled='true'] {\r\n pointer-events: none;\r\n user-select: none;\r\n ${DropZone} {\r\n background-color: ${disabledLayer[Variables.BackgroundFoundation]};\r\n }\r\n\r\n svg,\r\n path {\r\n fill: ${disabledLayer[Variables.TextOnFoundationStrong]};\r\n }\r\n\r\n * {\r\n color: ${disabledLayer[Variables.TextOnFoundationStrong]};\r\n border-color: ${disabledLayer[Variables.BorderOnFoundationMedium]};\r\n }\r\n }\r\n `;\r\n }}\r\n`;\r\n"],"names":["fileUploaderConsts","FileUploaderConsts.consts","FileInput","styled","DropZone","size","isDropTarget","rect","theme","layer","css","Variables","StyledErrorCross","UploadCloudIcon","StyledCheckCircle","StyledFile","AddIcon","Heading","Subtitle","DropzoneContainer","Flexbox","invalidLayer","disabledLayer","FabricsVariables","FileName"],"mappings":";;;;;;;AASA,MAAMA,IAAqBC,GAEdC,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBnBC,IAAWD,EAAO;AAAA,IAC3B,CAAC,EAAE,MAAAE,GAAM,cAAAC,GAAc,MAAAC,GAAM,OAAAC,QAAY;AACzC,QAAMC,IAAQD,EAAM,MAAM,EAAE,oBAAoB,UAAU;AAE1D,SAAOE;AAAA;AAAA;AAAA;AAAA,eAIID,EAAME,EAAU,sBAAsB,CAAC;AAAA,2BAC3BF,EAAME,EAAU,wBAAwB,CAAC;AAAA,uBAC7CX,EAAmBK,CAAI,EAAE,SAAS,YAAY;AAAA,iBACpDL,EAAmBK,CAAI,EAAE,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA,QAIlDO,CAAgB;AAAA,QAChBC,CAAe;AAAA,QACfC,CAAiB;AAAA,QACjBC,CAAU;AAAA,iBACDf,EAAmBK,CAAI,EAAE,SAAS,aAAa;AAAA,kBAC9CL,EAAmBK,CAAI,EAAE,SAAS,aAAa;AAAA;AAAA;AAAA,QAGzDW,CAAO;AAAA,iBACEhB,EAAmBK,CAAI,EAAE,SAAS,cAAc;AAAA,kBAC/CL,EAAmBK,CAAI,EAAE,SAAS,cAAc;AAAA;AAAA;AAAA;AAAA,QAI1DY,CAAO;AAAA,qBACMjB,EAAmBK,CAAI,EAAE,SAAS,WAAW;AAAA,uBAC3CL,EAAmBK,CAAI,EAAE,SAAS,cAAc,CAAC;AAAA;AAAA;AAAA,QAGhEa,CAAQ;AAAA,qBACKlB,EAAmBK,CAAI,EAAE,SAAS,YAAY;AAAA;AAAA;AAAA,QAG3DC,KACFI;AAAA,4BACsBD,EAAME,EAAU,kBAAkB,CAAC;AAAA,wBACvCF,EAAME,EAAU,4BAA4B,CAAC;AAAA;AAAA,OAE9D;AAAA;AAAA,QAECJ,KACFG;AAAA,kBACYH,EAAK,MAAM;AAAA,iBACZA,EAAK,KAAK;AAAA,OACpB;AAAA;AAEL,CAAC;AAAA,GAOUY,IAAoBhB,EAAOiB,CAAO;AAAA,IAC3C,CAAC,EAAE,OAAAZ,GAAO,MAAAH,QAAW;AACrB,QAAMgB,IAAeb,EAAM,MAAM,EAAE,WAAW,YAAY,qBAAqB,UAAU,GACnFc,IAAgBd,EAAM,MAAM,EAAE,UAAU,IAAM;AAEpD,SAAOE;AAAA,iEACsDN,CAAQ;AAAA;AAAA,4BAE7CI,EAAM,MAAM,EAAE,OAAOe,EAAiB,OAAO,OAAO,EAAEZ,EAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA,QAGzGa,CAAQ;AAAA,qBACKxB,EAAmBK,CAAI,EAAE,aAAa,QAAQ;AAAA;AAAA;AAAA,+BAGpCD,CAAQ;AAAA,4BACXiB,EAAaV,EAAU,mBAAmB,CAAC;AAAA,wBAC/CU,EAAaV,EAAU,6BAA6B,CAAC;AAAA;AAAA;AAAA,UAGnEM,CAAO,KAAKC,CAAQ;AAAA,mBACXG,EAAaV,EAAU,2BAA2B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQ5DP,CAAQ;AAAA,8BACYkB,EAAcX,EAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKzDW,EAAcX,EAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAAA,mBAI9CW,EAAcX,EAAU,sBAAsB,CAAC;AAAA,0BACxCW,EAAcX,EAAU,wBAAwB,CAAC;AAAA;AAAA;AAAA;AAIzE,CAAC;AAAA;"}

package/build/esm/components/FileUploader/components/FileUpload/FileUpload.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileUpload.js","sources":["../../../../../../src/components/FileUploader/components/FileUpload/FileUpload.tsx"],"sourcesContent":["import { Sizes, Variants, TextElementTypes } from 'acinguiux-ds-react-base/consts';\n\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport * as Styled from './FileUpload.styles';\nimport type { IFileUploadProps } from './FileUpload.types';\nimport Cross from '../../../Icon/components/Cross';\nimport TrashAlt from '../../../Icon/components/TrashAlt';\nimport { HeadingSizeLevel } from '../../FileUpload.utils';\nimport { FileLoadingSuccess, FileSize, getIsUploadComplete } from './FileUpload.utils';\n\nconst FileUpload = ({\n progressPercentage,\n disabled,\n filePreview,\n size,\n file,\n handleOnRemoveFile,\n}: IFileUploadProps) => {\n const isUploadComplete = getIsUploadComplete(progressPercentage);\n\n return (\n <Styled.AttachedFiles key={file.name} size={size}>\n <FileLoadingSuccess size={size} progressPercentage={progressPercentage} file={file} filePreview={filePreview} />\n <Flexbox flexDirection=\"column\">\n <Styled.FileName type={TextElementTypes.Span} level={HeadingSizeLevel[size]}>\n {file.name}\n </Styled.FileName>\n {isUploadComplete && (\n <FileSize fileSize={file.size} size={size === Sizes.XSmall ? Sizes.Small : size} disabled={disabled} />\n )}\n </Flexbox>\n <Styled.RemoveFileButton\n onClick={() => handleOnRemoveFile(file.name)}\n aria-label={`${isUploadComplete ? 'Remove' : 'Cancel'} ${file.name}`}\n variant={Variants.Transparent}\n size={size === Sizes.XSmall ? Sizes.Small : size}\n icon={isUploadComplete ? <TrashAlt /> : <Cross />}\n iconOnly={true}\n />\n </Styled.AttachedFiles>\n );\n};\n\nexport default FileUpload;\n"],"names":["FileUpload","progressPercentage","disabled","filePreview","size","file","handleOnRemoveFile","isUploadComplete","getIsUploadComplete","jsxs","Styled.AttachedFiles","jsx","FileLoadingSuccess","Flexbox","Styled.FileName","TextElementTypes","HeadingSizeLevel","FileSize","Sizes","Styled.RemoveFileButton","Variants","TrashAlt","Cross"],"mappings":";;;;;;;;AAUA,MAAMA,IAAa,CAAC;AAAA,EAClB,oBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,oBAAAC;AACF,MAAwB;AACtB,QAAMC,IAAmBC,EAAoBP,CAAkB;AAE/D,SACE,gBAAAQ,EAACC,GAAA,EAAqC,MAAAN,GACpC,UAAA;AAAA,IAAA,gBAAAO,EAACC,GAAA,EAAmB,MAAAR,GAAY,oBAAAH,GAAwC,MAAAI,GAAY,aAAAF,GAA0B;AAAA,IAC9G,gBAAAM,EAACI,GAAA,EAAQ,eAAc,UACrB,UAAA;AAAA,MAAA,gBAAAF,EAACG,GAAA,EAAgB,MAAMC,EAAiB,MAAM,OAAOC,EAAiBZ,CAAI,GACvE,UAAAC,EAAK,KAAA,CACR;AAAA,MACCE,KACC,gBAAAI,EAACM,GAAA,EAAS,UAAUZ,EAAK,MAAM,MAAMD,MAASc,EAAM,SAASA,EAAM,QAAQd,GAAM,UAAAF,EAAA,CAAoB;AAAA,IAAA,GAEzG;AAAA,IACA,gBAAAS;AAAA,MAACQ;AAAAA,MAAA;AAAA,QACC,SAAS,MAAMb,EAAmBD,EAAK,IAAI;AAAA,QAC3C,cAAY,GAAGE,IAAmB,WAAW,QAAQ,IAAIF,EAAK,IAAI;AAAA,QAClE,SAASe,EAAS;AAAA,QAClB,MAAMhB,MAASc,EAAM,SAASA,EAAM,QAAQd;AAAA,QAC5C,MAAMG,IAAmB,gBAAAI,EAACU,GAAA,CAAA,CAAS,sBAAMC,GAAA,EAAM;AAAA,QAC/C,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,EAAA,GAjByBjB,EAAK,IAkBhC;AAEJ;"}
1	+ {"version":3,"file":"FileUpload.js","sources":["../../../../../../src/components/FileUploader/components/FileUpload/FileUpload.tsx"],"sourcesContent":["import { Sizes, Variants, TextElementTypes } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport Flexbox from '../../../Flexbox/Flexbox';\r\nimport * as Styled from './FileUpload.styles';\r\nimport type { IFileUploadProps } from './FileUpload.types';\r\nimport Cross from '../../../Icon/components/Cross';\r\nimport TrashAlt from '../../../Icon/components/TrashAlt';\r\nimport { HeadingSizeLevel } from '../../FileUpload.utils';\r\nimport { FileLoadingSuccess, FileSize, getIsUploadComplete } from './FileUpload.utils';\r\n\r\nconst FileUpload = ({\r\n progressPercentage,\r\n disabled,\r\n filePreview,\r\n size,\r\n file,\r\n handleOnRemoveFile,\r\n}: IFileUploadProps) => {\r\n const isUploadComplete = getIsUploadComplete(progressPercentage);\r\n\r\n return (\r\n <Styled.AttachedFiles key={file.name} size={size}>\r\n <FileLoadingSuccess size={size} progressPercentage={progressPercentage} file={file} filePreview={filePreview} />\r\n <Flexbox flexDirection=\"column\">\r\n <Styled.FileName type={TextElementTypes.Span} level={HeadingSizeLevel[size]}>\r\n {file.name}\r\n </Styled.FileName>\r\n {isUploadComplete && (\r\n <FileSize fileSize={file.size} size={size === Sizes.XSmall ? Sizes.Small : size} disabled={disabled} />\r\n )}\r\n </Flexbox>\r\n <Styled.RemoveFileButton\r\n onClick={() => handleOnRemoveFile(file.name)}\r\n aria-label={`${isUploadComplete ? 'Remove' : 'Cancel'} ${file.name}`}\r\n variant={Variants.Transparent}\r\n size={size === Sizes.XSmall ? Sizes.Small : size}\r\n icon={isUploadComplete ? <TrashAlt /> : <Cross />}\r\n iconOnly={true}\r\n />\r\n </Styled.AttachedFiles>\r\n );\r\n};\r\n\r\nexport default FileUpload;\r\n"],"names":["FileUpload","progressPercentage","disabled","filePreview","size","file","handleOnRemoveFile","isUploadComplete","getIsUploadComplete","jsxs","Styled.AttachedFiles","jsx","FileLoadingSuccess","Flexbox","Styled.FileName","TextElementTypes","HeadingSizeLevel","FileSize","Sizes","Styled.RemoveFileButton","Variants","TrashAlt","Cross"],"mappings":";;;;;;;;AAUA,MAAMA,IAAa,CAAC;AAAA,EAClB,oBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,oBAAAC;AACF,MAAwB;AACtB,QAAMC,IAAmBC,EAAoBP,CAAkB;AAE/D,SACE,gBAAAQ,EAACC,GAAA,EAAqC,MAAAN,GACpC,UAAA;AAAA,IAAA,gBAAAO,EAACC,GAAA,EAAmB,MAAAR,GAAY,oBAAAH,GAAwC,MAAAI,GAAY,aAAAF,GAA0B;AAAA,IAC9G,gBAAAM,EAACI,GAAA,EAAQ,eAAc,UACrB,UAAA;AAAA,MAAA,gBAAAF,EAACG,GAAA,EAAgB,MAAMC,EAAiB,MAAM,OAAOC,EAAiBZ,CAAI,GACvE,UAAAC,EAAK,KAAA,CACR;AAAA,MACCE,KACC,gBAAAI,EAACM,GAAA,EAAS,UAAUZ,EAAK,MAAM,MAAMD,MAASc,EAAM,SAASA,EAAM,QAAQd,GAAM,UAAAF,EAAA,CAAoB;AAAA,IAAA,GAEzG;AAAA,IACA,gBAAAS;AAAA,MAACQ;AAAAA,MAAA;AAAA,QACC,SAAS,MAAMb,EAAmBD,EAAK,IAAI;AAAA,QAC3C,cAAY,GAAGE,IAAmB,WAAW,QAAQ,IAAIF,EAAK,IAAI;AAAA,QAClE,SAASe,EAAS;AAAA,QAClB,MAAMhB,MAASc,EAAM,SAASA,EAAM,QAAQd;AAAA,QAC5C,MAAMG,IAAmB,gBAAAI,EAACU,GAAA,CAAA,CAAS,sBAAMC,GAAA,EAAM;AAAA,QAC/C,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,EAAA,GAjByBjB,EAAK,IAkBhC;AAEJ;"}

package/build/esm/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 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":";;;;;;;;;;;;;;;;;;;AA2BA,MAAM,EAAE,QAAAA,MAAWC,GAENC,IAAgBC,EAAO;AAAA,IAChC,CAAC,EAAE,MAAAC,GAAM,OAAAC,EAAA,MAAYC;AAAA,wBACDD,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEE,EAAU,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,KACFE;AAAA,iBACaN,EAAOI,CAAI,EAAE,aAAa,OAAO;AAAA,KAC7C;AAAA,GACF;AAAA,GAGUI,IAAaF;AAAA,IACtB,CAAC,EAAE,MAAAF,EAAA,MAAWE;AAAA,aACLN,EAAOI,CAAI,EAAE,aAAa,aAAa;AAAA,cACtCJ,EAAOI,CAAI,EAAE,aAAa,aAAa;AAAA;AAAA,GAElD;AAAA,GAGUK,IAAoBN,EAAOO,CAAW;AAAA,MAC7CC,CAAU;AAAA,MACVH,CAAU;AAAA;AAAA,GAIHI,IAAoBT,EAAOU,CAAW;AAAA,MAC7CF,CAAU;AAAA,MACVH,CAAU;AAAA;AAAA;AAAA;AAAA,YAIJ,CAAC,EAAE,OAAAH,EAAA,MACTA,EAAM,MAAM,EAAE,WAAW,YAAY,qBAAqB,cAAA,CAAe,EACvEE,EAAU,2BACZ,CAAC;AAAA;AAAA,GAIMO,IAAmBX,EAAOY,CAAW;AAAA;AAAA,YAEtC,CAAC,EAAE,OAAAV,QAAYA,EAAM,MAAM,EAAE,WAAW,WAAA,CAAY,EAAEE,EAAU,2BAA2B,CAAC;AAAA;AAAA,GAIlGS,IAA4B;AAAA,EAChC,KAAKC;AAAA,EACL,MAAMC;AAAA,EACN,KAAKA;AAAA,EACL,KAAKC;AAAA,EACL,KAAKC;AAAA,EACL,KAAKC;AACP,GAMMC,IAAc,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAA6B;AAC/D,QAAMC,IAAYC,EAAK,aAAaH,CAAQ;AAE5C,MAAIE,MAAc;AAChB,WAAO,gBAAAE,EAACC,GAAA,EAAM,GAAGJ,EAAA,CAAO;AAK1B,QAAMK,IAFWb,EAA0BS,CAAmD,KAEhEG;AAE9B,SAAO,gBAAAD,EAACE,GAAA,EAAW,GAAGL,EAAA,CAAO;AAC/B,GAEaM,IAAa3B,EAAOmB,CAAW;AAAA,MACtCX,CAAU;AAAA,MACVH,CAAU;AAAA;AAAA,GAIHuB,IAAW5B,EAAO6B,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOzBC,KAAmB9B,EAAO+B,CAAM;AAAA;AAAA,GAIhCC,KAAchC,EAAOiC,CAAK;AAAA,IACnC,CAAC,EAAE,MAAAhC,EAAA,MAAWE;AAAA;AAAA,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,CAA+B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAM/BA,CAA+B;AAAA,MAC/BC,CAAyB;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';\r\n\r\nimport { styled, css } from 'styled-components';\r\nimport mime from 'mime';\r\nimport { type FileUploaderTypes, FileUploaderConsts } from 'acinguiux-ds-react-base/components/FileUploader';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { ICON_CLASS } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport Alert from '../../../Alert/Alert';\r\nimport { MessageAndButtonContainer, MessageAndIconVerticalContainer } from '../../../Alert/Alert.styles';\r\nimport AlertCircle from '../../../Icon/components/AlertCircle';\r\nimport Button from '../../../Button/Button';\r\nimport Heading from '../../../Text/components/Heading/Heading';\r\nimport CheckCircle from '../../../Icon/components/CheckCircle';\r\nimport CrossCircle from '../../../Icon/components/CrossCircle';\r\nimport FilePng from '../../../Icon/components/FilePng';\r\nimport FileJpg from '../../../Icon/components/FileJpg';\r\nimport FileSvg from '../../../Icon/components/FileSvg';\r\nimport FilePdf from '../../../Icon/components/FilePdf';\r\nimport FileXls from '../../../Icon/components/FileXls';\r\nimport File from '../../../Icon/components/File';\r\nimport type { IFileUploaderTextProps } from '../FileUploadContent/FileUploadContent.types';\r\n\r\ninterface IAttachedFilesProps {\r\n size: FileUploaderTypes.Size;\r\n}\r\n\r\nconst { consts } = FileUploaderConsts;\r\n\r\nexport const AttachedFiles = styled.div<IAttachedFilesProps>`\r\n ${({ size, theme }) => css`\r\n background-color: ${theme.layer({ foundation: 'section' })[Variables.BackgroundFoundation]};\r\n min-height: ${consts[size].attachedFile.height}px;\r\n max-height: ${consts[size].attachedFile.height}px;\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n border-radius: ${consts[size].attachedFile.borderRadius}px;\r\n\r\n ${size &&\r\n css`\r\n padding: ${consts[size].attachedFile.padding};\r\n `}\r\n `}\r\n`;\r\n\r\nexport const IconStyles = css<IAttachedFilesProps>`\r\n ${({ size }) => css`\r\n width: ${consts[size].attachedFile.stateIconSize}px;\r\n height: ${consts[size].attachedFile.stateIconSize}px;\r\n margin: 0;\r\n `}\r\n`;\r\n\r\nexport const StyledAlertCircle = styled(AlertCircle)<IAttachedFilesProps>`\r\n &.${ICON_CLASS} {\r\n ${IconStyles}\r\n }\r\n`;\r\n\r\nexport const StyledCheckCircle = styled(CheckCircle)<IAttachedFilesProps>`\r\n &.${ICON_CLASS} {\r\n ${IconStyles}\r\n }\r\n\r\n & path {\r\n fill: ${({ theme }) =>\r\n theme.layer({ sentiment: 'positive', sentimentProminence: 'transparent' })[\r\n Variables.TextOnSentimentOnBackground\r\n ]};\r\n }\r\n`;\r\n\r\nexport const StyledErrorCross = styled(CrossCircle)<IAttachedFilesProps>`\r\n & path {\r\n fill: ${({ theme }) => theme.layer({ sentiment: 'negative' })[Variables.TextOnSentimentOnBackground]};\r\n }\r\n`;\r\n\r\nconst extensionIconComponentMap = {\r\n png: FilePng,\r\n jpeg: FileJpg,\r\n jpg: FileJpg,\r\n svg: FileSvg,\r\n pdf: FilePdf,\r\n xls: FileXls,\r\n};\r\n\r\ninterface StyledFileProps extends Omit<SVGProps<SVGSVGElement>, 'ref'> {\r\n fileType: string;\r\n}\r\n\r\nconst GenericFile = ({ fileType, ...props }: StyledFileProps) => {\r\n const extension = mime.getExtension(fileType);\r\n\r\n if (extension === null) {\r\n return <File {...props} />;\r\n }\r\n\r\n const iconFile = extensionIconComponentMap[extension as keyof typeof extensionIconComponentMap];\r\n\r\n const Component = iconFile ?? File;\r\n\r\n return <Component {...props} />;\r\n};\r\n\r\nexport const StyledFile = styled(GenericFile)<IAttachedFilesProps>`\r\n &.${ICON_CLASS} {\r\n ${IconStyles}\r\n }\r\n`;\r\n\r\nexport const FileName = styled(Heading)<IFileUploaderTextProps>`\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n max-width: 300px;\r\n`;\r\n\r\nexport const RemoveFileButton = styled(Button)`\r\n margin-left: auto;\r\n`;\r\n\r\nexport const StyledAlert = styled(Alert)<IAttachedFilesProps>`\r\n ${({ size }) => css`\r\n & > div {\r\n padding: ${consts[size].attachedFile.padding};\r\n }\r\n\r\n & button {\r\n width: ${consts[size].attachedFile.deleteButtonSize}px;\r\n height: ${consts[size].attachedFile.deleteButtonSize}px;\r\n }\r\n\r\n ${MessageAndIconVerticalContainer} {\r\n & > div {\r\n padding: 0;\r\n }\r\n gap: 16px;\r\n }\r\n ${MessageAndIconVerticalContainer},\r\n ${MessageAndButtonContainer} {\r\n align-items: center;\r\n padding: 0;\r\n }\r\n `}\r\n`;\r\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":";;;;;;;;;;;;;;;;;;;AA2BA,MAAM,EAAE,QAAAA,MAAWC,GAENC,IAAgBC,EAAO;AAAA,IAChC,CAAC,EAAE,MAAAC,GAAM,OAAAC,EAAA,MAAYC;AAAA,wBACDD,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEE,EAAU,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,KACFE;AAAA,iBACaN,EAAOI,CAAI,EAAE,aAAa,OAAO;AAAA,KAC7C;AAAA,GACF;AAAA,GAGUI,IAAaF;AAAA,IACtB,CAAC,EAAE,MAAAF,EAAA,MAAWE;AAAA,aACLN,EAAOI,CAAI,EAAE,aAAa,aAAa;AAAA,cACtCJ,EAAOI,CAAI,EAAE,aAAa,aAAa;AAAA;AAAA,GAElD;AAAA,GAGUK,IAAoBN,EAAOO,CAAW;AAAA,MAC7CC,CAAU;AAAA,MACVH,CAAU;AAAA;AAAA,GAIHI,IAAoBT,EAAOU,CAAW;AAAA,MAC7CF,CAAU;AAAA,MACVH,CAAU;AAAA;AAAA;AAAA;AAAA,YAIJ,CAAC,EAAE,OAAAH,EAAA,MACTA,EAAM,MAAM,EAAE,WAAW,YAAY,qBAAqB,cAAA,CAAe,EACvEE,EAAU,2BACZ,CAAC;AAAA;AAAA,GAIMO,IAAmBX,EAAOY,CAAW;AAAA;AAAA,YAEtC,CAAC,EAAE,OAAAV,QAAYA,EAAM,MAAM,EAAE,WAAW,WAAA,CAAY,EAAEE,EAAU,2BAA2B,CAAC;AAAA;AAAA,GAIlGS,IAA4B;AAAA,EAChC,KAAKC;AAAA,EACL,MAAMC;AAAA,EACN,KAAKA;AAAA,EACL,KAAKC;AAAA,EACL,KAAKC;AAAA,EACL,KAAKC;AACP,GAMMC,IAAc,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAA6B;AAC/D,QAAMC,IAAYC,EAAK,aAAaH,CAAQ;AAE5C,MAAIE,MAAc;AAChB,WAAO,gBAAAE,EAACC,GAAA,EAAM,GAAGJ,EAAA,CAAO;AAK1B,QAAMK,IAFWb,EAA0BS,CAAmD,KAEhEG;AAE9B,SAAO,gBAAAD,EAACE,GAAA,EAAW,GAAGL,EAAA,CAAO;AAC/B,GAEaM,IAAa3B,EAAOmB,CAAW;AAAA,MACtCX,CAAU;AAAA,MACVH,CAAU;AAAA;AAAA,GAIHuB,IAAW5B,EAAO6B,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOzBC,KAAmB9B,EAAO+B,CAAM;AAAA;AAAA,GAIhCC,KAAchC,EAAOiC,CAAK;AAAA,IACnC,CAAC,EAAE,MAAAhC,EAAA,MAAWE;AAAA;AAAA,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,CAA+B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAM/BA,CAA+B;AAAA,MAC/BC,CAAyB;AAAA;AAAA;AAAA;AAAA,GAI5B;AAAA;"}

package/build/esm/components/FileUploader/components/FileUpload/FileUpload.utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileUpload.utils.js","sources":["../../../../../../src/components/FileUploader/components/FileUpload/FileUpload.utils.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Contrasts, Sizes, TextElementTypes } from 'acinguiux-ds-react-base/consts';\nimport { FileUploaderTypes } from 'acinguiux-ds-react-base/components/FileUploader';\nimport type { TextTypes } from 'acinguiux-ds-react-base/components/Text';\nimport type { ProgressBarTypes } from 'acinguiux-ds-react-base/components/ProgressBar';\n\nimport Label from '../../../Text/components/Label/Label';\nimport * as Styled from './FileUpload.styles';\nimport PreviewImage from '../PreviewImage/PreviewImage';\nimport ProgressBar from '../../../ProgressBar/ProgressBar';\n\nexport const getIsUploadComplete = (progressPercentage: number) => progressPercentage === 100;\n\nconst sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\nexport const convertBytesToHumanReadableFormat = (size: number): string => {\n const index = size === 0 ? 0 : Math.floor(Math.log(size) / Math.log(1024));\n\n return `${Number((size / 1024 ** index).toFixed(2))} ${sizes[index]}`;\n};\n\nconst progressBarSizes: Record<'dropzone' \| 'attachedFile', Record<FileUploaderTypes.Size, ProgressBarTypes.Size>> = {\n dropzone: {\n [Sizes.XSmall]: Sizes.XSmall,\n [Sizes.Small]: Sizes.XSmall,\n [Sizes.Medium]: Sizes.Medium,\n [Sizes.Large]: Sizes.Large,\n },\n attachedFile: {\n [Sizes.XSmall]: Sizes.Smallest,\n [Sizes.Small]: Sizes.Smallest,\n [Sizes.Medium]: Sizes.XSmall,\n [Sizes.Large]: Sizes.XSmall,\n },\n};\n\nconst getProgressBarSize = (size: FileUploaderTypes.Size, label: boolean): ProgressBarTypes.Size => {\n return progressBarSizes[label ? 'dropzone' : 'attachedFile'][size];\n};\n\ninterface IFileSizeProps {\n fileSize: number;\n size: FileUploaderTypes.Size;\n disabled?: boolean;\n contrast?: TextTypes.Contrast;\n}\n\nexport const FileSize = ({ fileSize, size, disabled, contrast = Contrasts.Subtle }: IFileSizeProps) => (\n <Label\n type={TextElementTypes.Span}\n size={size === Sizes.XSmall ? Sizes.Small : size}\n contrast={contrast}\n disabled={disabled}\n >\n {convertBytesToHumanReadableFormat(fileSize)}\n </Label>\n);\n\nconst getPreviewComponent = (\n file: File,\n filePreview: `${FileUploaderTypes.FilePreview}`,\n size: FileUploaderTypes.Size,\n) => {\n const previewComponentMap: { [key in FileUploaderTypes.FilePreview]: ReactNode } = {\n [FileUploaderTypes.FilePreview.None]: <Styled.StyledCheckCircle size={size} />,\n [FileUploaderTypes.FilePreview.Icon]: <Styled.StyledFile size={size} fileType={file.type} />,\n [FileUploaderTypes.FilePreview.Image]: <PreviewImage size={size} file={file} />,\n };\n\n const component = previewComponentMap[filePreview];\n\n if (!component) {\n throw new Error(`preview component for ${filePreview} does not exist`);\n }\n\n return component;\n};\n\ninterface IFileLoadingSuccessProps {\n size: FileUploaderTypes.Size;\n file: File;\n progressPercentage: number;\n filePreview: `${FileUploaderTypes.FilePreview}`;\n type?: ProgressBarTypes.Type;\n label?: boolean;\n}\n\nexport const FileLoadingSuccess = ({\n size,\n progressPercentage,\n file,\n filePreview,\n type = 'circle',\n label = false,\n}: IFileLoadingSuccessProps) => {\n const isUploadComplete = getIsUploadComplete(progressPercentage);\n const previewComponent = getPreviewComponent(file, filePreview, size);\n const progressBarSize = getProgressBarSize(size, label);\n\n // If the upload process is initiated manually, the loader should not be displayed until the upload has actually started.\n if (progressPercentage === 0) {\n return null;\n }\n\n return isUploadComplete ? (\n previewComponent\n ) : (\n <ProgressBar size={progressBarSize} muted={true} type={type} label={label} value={progressPercentage} />\n );\n};\n"],"names":["getIsUploadComplete","progressPercentage","sizes","convertBytesToHumanReadableFormat","size","index","progressBarSizes","Sizes","getProgressBarSize","label","FileSize","fileSize","disabled","contrast","Contrasts","jsx","Label","TextElementTypes","getPreviewComponent","file","filePreview","component","FileUploaderTypes.FilePreview","Styled.StyledCheckCircle","Styled.StyledFile","PreviewImage","FileLoadingSuccess","type","isUploadComplete","previewComponent","progressBarSize","ProgressBar"],"mappings":";;;;;;;AAYO,MAAMA,IAAsB,CAACC,MAA+BA,MAAuB,KAEpFC,IAAQ,CAAC,KAAK,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,IAAI,GACrDC,IAAoC,CAACC,MAAyB;AACzE,QAAMC,IAAQD,MAAS,IAAI,IAAI,KAAK,MAAM,KAAK,IAAIA,CAAI,IAAI,KAAK,IAAI,IAAI,CAAC;AAEzE,SAAO,GAAG,QAAQA,IAAO,QAAQC,GAAO,QAAQ,CAAC,CAAC,CAAC,IAAIH,EAAMG,CAAK,CAAC;AACrE,GAEMC,IAA+G;AAAA,EACnH,UAAU;AAAA,IACR,CAACC,EAAM,MAAM,GAAGA,EAAM;AAAA,IACtB,CAACA,EAAM,KAAK,GAAGA,EAAM;AAAA,IACrB,CAACA,EAAM,MAAM,GAAGA,EAAM;AAAA,IACtB,CAACA,EAAM,KAAK,GAAGA,EAAM;AAAA,EAAA;AAAA,EAEvB,cAAc;AAAA,IACZ,CAACA,EAAM,MAAM,GAAGA,EAAM;AAAA,IACtB,CAACA,EAAM,KAAK,GAAGA,EAAM;AAAA,IACrB,CAACA,EAAM,MAAM,GAAGA,EAAM;AAAA,IACtB,CAACA,EAAM,KAAK,GAAGA,EAAM;AAAA,EAAA;AAEzB,GAEMC,IAAqB,CAACJ,GAA8BK,MACjDH,EAAiBG,IAAQ,aAAa,cAAc,EAAEL,CAAI,GAUtDM,IAAW,CAAC,EAAE,UAAAC,GAAU,MAAAP,GAAM,UAAAQ,GAAU,UAAAC,IAAWC,EAAU,OAAA,MACxE,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAMC,EAAiB;AAAA,IACvB,MAAMb,MAASG,EAAM,SAASA,EAAM,QAAQH;AAAA,IAC5C,UAAAS;AAAA,IACA,UAAAD;AAAA,IAEC,YAAkCD,CAAQ;AAAA,EAAA;AAC7C,GAGIO,IAAsB,CAC1BC,GACAC,GACAhB,MACG;AAOH,QAAMiB,IAN6E;AAAA,IACjF,CAACC,EAA8B,IAAI,GAAG,gBAAAP,EAACQ,GAAA,EAAyB,MAAAnB,EAAA,CAAY;AAAA,IAC5E,CAACkB,EAA8B,IAAI,GAAG,gBAAAP,EAACS,GAAA,EAAkB,MAAApB,GAAY,UAAUe,EAAK,MAAM;AAAA,IAC1F,CAACG,EAA8B,KAAK,GAAG,gBAAAP,EAACU,GAAA,EAAa,MAAArB,GAAY,MAAAe,EAAA,CAAY;AAAA,EAAA,EAGzCC,CAAW;AAEjD,MAAI,CAACC;AACH,UAAM,IAAI,MAAM,yBAAyBD,CAAW,iBAAiB;AAGvE,SAAOC;AACT,GAWaK,IAAqB,CAAC;AAAA,EACjC,MAAAtB;AAAA,EACA,oBAAAH;AAAA,EACA,MAAAkB;AAAA,EACA,aAAAC;AAAA,EACA,MAAAO,IAAO;AAAA,EACP,OAAAlB,IAAQ;AACV,MAAgC;AAC9B,QAAMmB,IAAmB5B,EAAoBC,CAAkB,GACzD4B,IAAmBX,EAAoBC,GAAMC,GAAahB,CAAI,GAC9D0B,IAAkBtB,EAAmBJ,GAAMK,CAAK;AAGtD,SAAIR,MAAuB,IAClB,OAGF2B,IACLC,IAEA,gBAAAd,EAACgB,GAAA,EAAY,MAAMD,GAAiB,OAAO,IAAM,MAAAH,GAAY,OAAAlB,GAAc,OAAOR,EAAA,CAAoB;AAE1G;"}
1	+ {"version":3,"file":"FileUpload.utils.js","sources":["../../../../../../src/components/FileUploader/components/FileUpload/FileUpload.utils.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\r\n\r\nimport { Contrasts, Sizes, TextElementTypes } from 'acinguiux-ds-react-base/consts';\r\nimport { FileUploaderTypes } from 'acinguiux-ds-react-base/components/FileUploader';\r\nimport type { TextTypes } from 'acinguiux-ds-react-base/components/Text';\r\nimport type { ProgressBarTypes } from 'acinguiux-ds-react-base/components/ProgressBar';\r\n\r\nimport Label from '../../../Text/components/Label/Label';\r\nimport * as Styled from './FileUpload.styles';\r\nimport PreviewImage from '../PreviewImage/PreviewImage';\r\nimport ProgressBar from '../../../ProgressBar/ProgressBar';\r\n\r\nexport const getIsUploadComplete = (progressPercentage: number) => progressPercentage === 100;\r\n\r\nconst sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\r\nexport const convertBytesToHumanReadableFormat = (size: number): string => {\r\n const index = size === 0 ? 0 : Math.floor(Math.log(size) / Math.log(1024));\r\n\r\n return `${Number((size / 1024 ** index).toFixed(2))} ${sizes[index]}`;\r\n};\r\n\r\nconst progressBarSizes: Record<'dropzone' \| 'attachedFile', Record<FileUploaderTypes.Size, ProgressBarTypes.Size>> = {\r\n dropzone: {\r\n [Sizes.XSmall]: Sizes.XSmall,\r\n [Sizes.Small]: Sizes.XSmall,\r\n [Sizes.Medium]: Sizes.Medium,\r\n [Sizes.Large]: Sizes.Large,\r\n },\r\n attachedFile: {\r\n [Sizes.XSmall]: Sizes.Smallest,\r\n [Sizes.Small]: Sizes.Smallest,\r\n [Sizes.Medium]: Sizes.XSmall,\r\n [Sizes.Large]: Sizes.XSmall,\r\n },\r\n};\r\n\r\nconst getProgressBarSize = (size: FileUploaderTypes.Size, label: boolean): ProgressBarTypes.Size => {\r\n return progressBarSizes[label ? 'dropzone' : 'attachedFile'][size];\r\n};\r\n\r\ninterface IFileSizeProps {\r\n fileSize: number;\r\n size: FileUploaderTypes.Size;\r\n disabled?: boolean;\r\n contrast?: TextTypes.Contrast;\r\n}\r\n\r\nexport const FileSize = ({ fileSize, size, disabled, contrast = Contrasts.Subtle }: IFileSizeProps) => (\r\n <Label\r\n type={TextElementTypes.Span}\r\n size={size === Sizes.XSmall ? Sizes.Small : size}\r\n contrast={contrast}\r\n disabled={disabled}\r\n >\r\n {convertBytesToHumanReadableFormat(fileSize)}\r\n </Label>\r\n);\r\n\r\nconst getPreviewComponent = (\r\n file: File,\r\n filePreview: `${FileUploaderTypes.FilePreview}`,\r\n size: FileUploaderTypes.Size,\r\n) => {\r\n const previewComponentMap: { [key in FileUploaderTypes.FilePreview]: ReactNode } = {\r\n [FileUploaderTypes.FilePreview.None]: <Styled.StyledCheckCircle size={size} />,\r\n [FileUploaderTypes.FilePreview.Icon]: <Styled.StyledFile size={size} fileType={file.type} />,\r\n [FileUploaderTypes.FilePreview.Image]: <PreviewImage size={size} file={file} />,\r\n };\r\n\r\n const component = previewComponentMap[filePreview];\r\n\r\n if (!component) {\r\n throw new Error(`preview component for ${filePreview} does not exist`);\r\n }\r\n\r\n return component;\r\n};\r\n\r\ninterface IFileLoadingSuccessProps {\r\n size: FileUploaderTypes.Size;\r\n file: File;\r\n progressPercentage: number;\r\n filePreview: `${FileUploaderTypes.FilePreview}`;\r\n type?: ProgressBarTypes.Type;\r\n label?: boolean;\r\n}\r\n\r\nexport const FileLoadingSuccess = ({\r\n size,\r\n progressPercentage,\r\n file,\r\n filePreview,\r\n type = 'circle',\r\n label = false,\r\n}: IFileLoadingSuccessProps) => {\r\n const isUploadComplete = getIsUploadComplete(progressPercentage);\r\n const previewComponent = getPreviewComponent(file, filePreview, size);\r\n const progressBarSize = getProgressBarSize(size, label);\r\n\r\n // If the upload process is initiated manually, the loader should not be displayed until the upload has actually started.\r\n if (progressPercentage === 0) {\r\n return null;\r\n }\r\n\r\n return isUploadComplete ? (\r\n previewComponent\r\n ) : (\r\n <ProgressBar size={progressBarSize} muted={true} type={type} label={label} value={progressPercentage} />\r\n );\r\n};\r\n"],"names":["getIsUploadComplete","progressPercentage","sizes","convertBytesToHumanReadableFormat","size","index","progressBarSizes","Sizes","getProgressBarSize","label","FileSize","fileSize","disabled","contrast","Contrasts","jsx","Label","TextElementTypes","getPreviewComponent","file","filePreview","component","FileUploaderTypes.FilePreview","Styled.StyledCheckCircle","Styled.StyledFile","PreviewImage","FileLoadingSuccess","type","isUploadComplete","previewComponent","progressBarSize","ProgressBar"],"mappings":";;;;;;;AAYO,MAAMA,IAAsB,CAACC,MAA+BA,MAAuB,KAEpFC,IAAQ,CAAC,KAAK,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,IAAI,GACrDC,IAAoC,CAACC,MAAyB;AACzE,QAAMC,IAAQD,MAAS,IAAI,IAAI,KAAK,MAAM,KAAK,IAAIA,CAAI,IAAI,KAAK,IAAI,IAAI,CAAC;AAEzE,SAAO,GAAG,QAAQA,IAAO,QAAQC,GAAO,QAAQ,CAAC,CAAC,CAAC,IAAIH,EAAMG,CAAK,CAAC;AACrE,GAEMC,IAA+G;AAAA,EACnH,UAAU;AAAA,IACR,CAACC,EAAM,MAAM,GAAGA,EAAM;AAAA,IACtB,CAACA,EAAM,KAAK,GAAGA,EAAM;AAAA,IACrB,CAACA,EAAM,MAAM,GAAGA,EAAM;AAAA,IACtB,CAACA,EAAM,KAAK,GAAGA,EAAM;AAAA,EAAA;AAAA,EAEvB,cAAc;AAAA,IACZ,CAACA,EAAM,MAAM,GAAGA,EAAM;AAAA,IACtB,CAACA,EAAM,KAAK,GAAGA,EAAM;AAAA,IACrB,CAACA,EAAM,MAAM,GAAGA,EAAM;AAAA,IACtB,CAACA,EAAM,KAAK,GAAGA,EAAM;AAAA,EAAA;AAEzB,GAEMC,IAAqB,CAACJ,GAA8BK,MACjDH,EAAiBG,IAAQ,aAAa,cAAc,EAAEL,CAAI,GAUtDM,IAAW,CAAC,EAAE,UAAAC,GAAU,MAAAP,GAAM,UAAAQ,GAAU,UAAAC,IAAWC,EAAU,OAAA,MACxE,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAMC,EAAiB;AAAA,IACvB,MAAMb,MAASG,EAAM,SAASA,EAAM,QAAQH;AAAA,IAC5C,UAAAS;AAAA,IACA,UAAAD;AAAA,IAEC,YAAkCD,CAAQ;AAAA,EAAA;AAC7C,GAGIO,IAAsB,CAC1BC,GACAC,GACAhB,MACG;AAOH,QAAMiB,IAN6E;AAAA,IACjF,CAACC,EAA8B,IAAI,GAAG,gBAAAP,EAACQ,GAAA,EAAyB,MAAAnB,EAAA,CAAY;AAAA,IAC5E,CAACkB,EAA8B,IAAI,GAAG,gBAAAP,EAACS,GAAA,EAAkB,MAAApB,GAAY,UAAUe,EAAK,MAAM;AAAA,IAC1F,CAACG,EAA8B,KAAK,GAAG,gBAAAP,EAACU,GAAA,EAAa,MAAArB,GAAY,MAAAe,EAAA,CAAY;AAAA,EAAA,EAGzCC,CAAW;AAEjD,MAAI,CAACC;AACH,UAAM,IAAI,MAAM,yBAAyBD,CAAW,iBAAiB;AAGvE,SAAOC;AACT,GAWaK,IAAqB,CAAC;AAAA,EACjC,MAAAtB;AAAA,EACA,oBAAAH;AAAA,EACA,MAAAkB;AAAA,EACA,aAAAC;AAAA,EACA,MAAAO,IAAO;AAAA,EACP,OAAAlB,IAAQ;AACV,MAAgC;AAC9B,QAAMmB,IAAmB5B,EAAoBC,CAAkB,GACzD4B,IAAmBX,EAAoBC,GAAMC,GAAahB,CAAI,GAC9D0B,IAAkBtB,EAAmBJ,GAAMK,CAAK;AAGtD,SAAIR,MAAuB,IAClB,OAGF2B,IACLC,IAEA,gBAAAd,EAACgB,GAAA,EAAY,MAAMD,GAAiB,OAAO,IAAM,MAAAH,GAAY,OAAAlB,GAAc,OAAOR,EAAA,CAAoB;AAE1G;"}