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

acinguiux-ds-react-framework 0.1.26 → 0.1.28

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/Popover/Popover.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popover.styles.js","sources":["../../../../src/components/Popover/Popover.styles.tsx"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\nimport { ZIndexes } from 'acinguiux-ds-react-base/consts';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { PopoverConsts, PopoverTypes } from 'acinguiux-ds-react-base/components/Popover';\n\nexport const Content = styled(PopoverPrimitive.Content)<\n Required<PickTransient<PopoverTypes.ContentProps, 'size' \| 'padding'>>\n>(\n ({ $size, $padding, theme }) => css`\n z-index: ${ZIndexes.POPOVER};\n border-radius: ${PopoverConsts.consts[$size].radius}px;\n filter: ${theme.dropShadows.low3};\n background: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\n\n ${$padding &&\n css`\n padding: ${PopoverConsts.consts[$size].padding}px;\n `};\n &.padded {\n padding: ${PopoverConsts.consts[$size].padding}px;\n }\n\n &:focus-visible {\n ${getFocusStyles(theme)};\n }\n\n & > :first-child > svg {\n fill: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\n }\n `,\n);\n\nexport const Arrow = styled(PopoverPrimitive.Arrow)(\n ({ theme }) => css`\n fill: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\n `,\n);\n"],"names":["Content","styled","PopoverPrimitive","$size","$padding","theme","css","ZIndexes","PopoverConsts.consts","Variables","getFocusStyles"],"mappings":";;;;;;AAQO,MAAMA,IAAUC,EAAOC,EAAiB,OAAO;AAAA,EAGpD,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,OAAAC,QAAYC;AAAA,eACnBC,EAAS,OAAO;AAAA,qBACVC,EAAqBL,CAAK,EAAE,MAAM;AAAA,cACzCE,EAAM,YAAY,IAAI;AAAA,kBAClBA,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEI,EAAU,oBAAoB,CAAC;AAAA;AAAA,MAElFL,KACFE;AAAA,iBACaE,EAAqBL,CAAK,EAAE,OAAO;AAAA,KAC/C;AAAA;AAAA,iBAEYK,EAAqBL,CAAK,EAAE,OAAO;AAAA;AAAA;AAAA;AAAA,QAI5CO,EAAeL,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA,cAIfA,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEI,EAAU,oBAAoB,CAAC;AAAA;AAAA;AAGpF;AAEqBR,EAAOC,EAAiB,KAAK;AAAA,EAChD,CAAC,EAAE,OAAAG,EAAA,MAAYC;AAAA,YACLD,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEI,EAAU,oBAAoB,CAAC;AAAA;AAElF;"}
1	+ {"version":3,"file":"Popover.styles.js","sources":["../../../../src/components/Popover/Popover.styles.tsx"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\r\nimport { ZIndexes } from 'acinguiux-ds-react-base/consts';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\r\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\r\nimport { PopoverConsts, PopoverTypes } from 'acinguiux-ds-react-base/components/Popover';\r\n\r\nexport const Content = styled(PopoverPrimitive.Content)<\r\n Required<PickTransient<PopoverTypes.ContentProps, 'size' \| 'padding'>>\r\n>(\r\n ({ $size, $padding, theme }) => css`\r\n z-index: ${ZIndexes.POPOVER};\r\n border-radius: ${PopoverConsts.consts[$size].radius}px;\r\n filter: ${theme.dropShadows.low3};\r\n background: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\r\n\r\n ${$padding &&\r\n css`\r\n padding: ${PopoverConsts.consts[$size].padding}px;\r\n `};\r\n &.padded {\r\n padding: ${PopoverConsts.consts[$size].padding}px;\r\n }\r\n\r\n &:focus-visible {\r\n ${getFocusStyles(theme)};\r\n }\r\n\r\n & > :first-child > svg {\r\n fill: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\r\n }\r\n `,\r\n);\r\n\r\nexport const Arrow = styled(PopoverPrimitive.Arrow)(\r\n ({ theme }) => css`\r\n fill: ${theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation]};\r\n `,\r\n);\r\n"],"names":["Content","styled","PopoverPrimitive","$size","$padding","theme","css","ZIndexes","PopoverConsts.consts","Variables","getFocusStyles"],"mappings":";;;;;;AAQO,MAAMA,IAAUC,EAAOC,EAAiB,OAAO;AAAA,EAGpD,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,OAAAC,QAAYC;AAAA,eACnBC,EAAS,OAAO;AAAA,qBACVC,EAAqBL,CAAK,EAAE,MAAM;AAAA,cACzCE,EAAM,YAAY,IAAI;AAAA,kBAClBA,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEI,EAAU,oBAAoB,CAAC;AAAA;AAAA,MAElFL,KACFE;AAAA,iBACaE,EAAqBL,CAAK,EAAE,OAAO;AAAA,KAC/C;AAAA;AAAA,iBAEYK,EAAqBL,CAAK,EAAE,OAAO;AAAA;AAAA;AAAA;AAAA,QAI5CO,EAAeL,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA,cAIfA,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEI,EAAU,oBAAoB,CAAC;AAAA;AAAA;AAGpF;AAEqBR,EAAOC,EAAiB,KAAK;AAAA,EAChD,CAAC,EAAE,OAAAG,EAAA,MAAYC;AAAA,YACLD,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEI,EAAU,oBAAoB,CAAC;AAAA;AAElF;"}

package/build/esm/components/Popover/hooks/useOpenOnHover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useOpenOnHover.js","sources":["../../../../../src/components/Popover/hooks/useOpenOnHover.ts"],"sourcesContent":["import { type MouseEventHandler, useEffect, useRef, useState } from 'react';\n\n/*\n @deprecated use `Tooltip` component instead\n */\nexport const useOpenOnHover = () => {\n const [openOnHover, setOpenOnHover] = useState(false);\n\n const delayedOpenOnHover = useRef<ReturnType<typeof setTimeout> \| null>(null);\n\n const clearDelayedOpenOnHover = () => {\n if (delayedOpenOnHover.current) {\n clearTimeout(delayedOpenOnHover.current);\n }\n };\n\n const handleOnMouseEnter: MouseEventHandler = () => {\n clearDelayedOpenOnHover();\n if (!openOnHover) {\n delayedOpenOnHover.current = setTimeout(() => setOpenOnHover(true), 200);\n }\n };\n\n const handleOnMouseLeave: MouseEventHandler = () => {\n clearDelayedOpenOnHover();\n if (openOnHover) {\n delayedOpenOnHover.current = setTimeout(() => setOpenOnHover(false), 200);\n }\n };\n\n const handleOnClick: MouseEventHandler = (e) => {\n e.preventDefault();\n };\n\n useEffect(() => {\n clearDelayedOpenOnHover();\n });\n\n return {\n triggerOnHoverProps: {\n onMouseEnter: handleOnMouseEnter,\n onMouseLeave: handleOnMouseLeave,\n onClick: handleOnClick,\n },\n contentOnHoverProps: {\n onMouseEnter: handleOnMouseEnter,\n onMouseLeave: handleOnMouseLeave,\n },\n popoverOnHoverProps: {\n open: openOnHover,\n },\n };\n};\n"],"names":["useOpenOnHover","openOnHover","setOpenOnHover","useState","delayedOpenOnHover","useRef","clearDelayedOpenOnHover","handleOnMouseEnter","handleOnMouseLeave","handleOnClick","e","useEffect"],"mappings":";AAKO,MAAMA,IAAiB,MAAM;AAClC,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9CC,IAAqBC,EAA6C,IAAI,GAEtEC,IAA0B,MAAM;AACpC,IAAIF,EAAmB,WACrB,aAAaA,EAAmB,OAAO;AAAA,EAE3C,GAEMG,IAAwC,MAAM;AAClD,IAAAD,EAAA,GACKL,MACHG,EAAmB,UAAU,WAAW,MAAMF,EAAe,EAAI,GAAG,GAAG;AAAA,EAE3E,GAEMM,IAAwC,MAAM;AAClD,IAAAF,EAAA,GACIL,MACFG,EAAmB,UAAU,WAAW,MAAMF,EAAe,EAAK,GAAG,GAAG;AAAA,EAE5E,GAEMO,IAAmC,CAACC,MAAM;AAC9C,IAAAA,EAAE,eAAA;AAAA,EACJ;AAEA,SAAAC,EAAU,MAAM;AACd,IAAAL,EAAA;AAAA,EACF,CAAC,GAEM;AAAA,IACL,qBAAqB;AAAA,MACnB,cAAcC;AAAA,MACd,cAAcC;AAAA,MACd,SAASC;AAAA,IAAA;AAAA,IAEX,qBAAqB;AAAA,MACnB,cAAcF;AAAA,MACd,cAAcC;AAAA,IAAA;AAAA,IAEhB,qBAAqB;AAAA,MACnB,MAAMP;AAAA,IAAA;AAAA,EACR;AAEJ;"}
1	+ {"version":3,"file":"useOpenOnHover.js","sources":["../../../../../src/components/Popover/hooks/useOpenOnHover.ts"],"sourcesContent":["import { type MouseEventHandler, useEffect, useRef, useState } from 'react';\r\n\r\n/*\r\n @deprecated use `Tooltip` component instead\r\n */\r\nexport const useOpenOnHover = () => {\r\n const [openOnHover, setOpenOnHover] = useState(false);\r\n\r\n const delayedOpenOnHover = useRef<ReturnType<typeof setTimeout> \| null>(null);\r\n\r\n const clearDelayedOpenOnHover = () => {\r\n if (delayedOpenOnHover.current) {\r\n clearTimeout(delayedOpenOnHover.current);\r\n }\r\n };\r\n\r\n const handleOnMouseEnter: MouseEventHandler = () => {\r\n clearDelayedOpenOnHover();\r\n if (!openOnHover) {\r\n delayedOpenOnHover.current = setTimeout(() => setOpenOnHover(true), 200);\r\n }\r\n };\r\n\r\n const handleOnMouseLeave: MouseEventHandler = () => {\r\n clearDelayedOpenOnHover();\r\n if (openOnHover) {\r\n delayedOpenOnHover.current = setTimeout(() => setOpenOnHover(false), 200);\r\n }\r\n };\r\n\r\n const handleOnClick: MouseEventHandler = (e) => {\r\n e.preventDefault();\r\n };\r\n\r\n useEffect(() => {\r\n clearDelayedOpenOnHover();\r\n });\r\n\r\n return {\r\n triggerOnHoverProps: {\r\n onMouseEnter: handleOnMouseEnter,\r\n onMouseLeave: handleOnMouseLeave,\r\n onClick: handleOnClick,\r\n },\r\n contentOnHoverProps: {\r\n onMouseEnter: handleOnMouseEnter,\r\n onMouseLeave: handleOnMouseLeave,\r\n },\r\n popoverOnHoverProps: {\r\n open: openOnHover,\r\n },\r\n };\r\n};\r\n"],"names":["useOpenOnHover","openOnHover","setOpenOnHover","useState","delayedOpenOnHover","useRef","clearDelayedOpenOnHover","handleOnMouseEnter","handleOnMouseLeave","handleOnClick","e","useEffect"],"mappings":";AAKO,MAAMA,IAAiB,MAAM;AAClC,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9CC,IAAqBC,EAA6C,IAAI,GAEtEC,IAA0B,MAAM;AACpC,IAAIF,EAAmB,WACrB,aAAaA,EAAmB,OAAO;AAAA,EAE3C,GAEMG,IAAwC,MAAM;AAClD,IAAAD,EAAA,GACKL,MACHG,EAAmB,UAAU,WAAW,MAAMF,EAAe,EAAI,GAAG,GAAG;AAAA,EAE3E,GAEMM,IAAwC,MAAM;AAClD,IAAAF,EAAA,GACIL,MACFG,EAAmB,UAAU,WAAW,MAAMF,EAAe,EAAK,GAAG,GAAG;AAAA,EAE5E,GAEMO,IAAmC,CAACC,MAAM;AAC9C,IAAAA,EAAE,eAAA;AAAA,EACJ;AAEA,SAAAC,EAAU,MAAM;AACd,IAAAL,EAAA;AAAA,EACF,CAAC,GAEM;AAAA,IACL,qBAAqB;AAAA,MACnB,cAAcC;AAAA,MACd,cAAcC;AAAA,MACd,SAASC;AAAA,IAAA;AAAA,IAEX,qBAAqB;AAAA,MACnB,cAAcF;AAAA,MACd,cAAcC;AAAA,IAAA;AAAA,IAEhB,qBAAqB;AAAA,MACnB,MAAMP;AAAA,IAAA;AAAA,EACR;AAEJ;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressBar.js","sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport { ProgressBarUtils } from 'acinguiux-ds-react-base/components/ProgressBar';\n\nimport CircleProgressBar from './components/CircleProgressBar/CircleProgressBar';\nimport LinearProgressBar from './components/LinearProgressBar/LinearProgressBar';\nimport type { IProgressBarProps } from './ProgressBar.types';\n\nconst ProgressBar = forwardRef<HTMLDivElement, IProgressBarProps>(({ className, ...props }, ref) => {\n const { type, ...progressBarProps } = ProgressBarUtils.useProps(props);\n\n if (type === 'line') {\n return <LinearProgressBar {...progressBarProps} className={className} ref={ref} />;\n }\n\n return <CircleProgressBar {...progressBarProps} className={className} ref={ref} />;\n});\n\nexport default ProgressBar;\n"],"names":["ProgressBar","forwardRef","className","props","ref","type","progressBarProps","ProgressBarUtils.useProps","jsx","LinearProgressBar","CircleProgressBar"],"mappings":";;;;;AAQA,MAAMA,IAAcC,EAA8C,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ;AAClG,QAAM,EAAE,MAAAC,GAAM,GAAGC,MAAqBC,EAA0BJ,CAAK;AAErE,SAAIE,MAAS,SACJ,gBAAAG,EAACC,GAAA,EAAmB,GAAGH,GAAkB,WAAAJ,GAAsB,KAAAE,GAAU,IAG3E,gBAAAI,EAACE,GAAA,EAAmB,GAAGJ,GAAkB,WAAAJ,GAAsB,KAAAE,GAAU;AAClF,CAAC;"}
1	+ {"version":3,"file":"ProgressBar.js","sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import { forwardRef } from 'react';\r\n\r\nimport { ProgressBarUtils } from 'acinguiux-ds-react-base/components/ProgressBar';\r\n\r\nimport CircleProgressBar from './components/CircleProgressBar/CircleProgressBar';\r\nimport LinearProgressBar from './components/LinearProgressBar/LinearProgressBar';\r\nimport type { IProgressBarProps } from './ProgressBar.types';\r\n\r\nconst ProgressBar = forwardRef<HTMLDivElement, IProgressBarProps>(({ className, ...props }, ref) => {\r\n const { type, ...progressBarProps } = ProgressBarUtils.useProps(props);\r\n\r\n if (type === 'line') {\r\n return <LinearProgressBar {...progressBarProps} className={className} ref={ref} />;\r\n }\r\n\r\n return <CircleProgressBar {...progressBarProps} className={className} ref={ref} />;\r\n});\r\n\r\nexport default ProgressBar;\r\n"],"names":["ProgressBar","forwardRef","className","props","ref","type","progressBarProps","ProgressBarUtils.useProps","jsx","LinearProgressBar","CircleProgressBar"],"mappings":";;;;;AAQA,MAAMA,IAAcC,EAA8C,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ;AAClG,QAAM,EAAE,MAAAC,GAAM,GAAGC,MAAqBC,EAA0BJ,CAAK;AAErE,SAAIE,MAAS,SACJ,gBAAAG,EAACC,GAAA,EAAmB,GAAGH,GAAkB,WAAAJ,GAAsB,KAAAE,GAAU,IAG3E,gBAAAI,EAACE,GAAA,EAAmB,GAAGJ,GAAkB,WAAAJ,GAAsB,KAAAE,GAAU;AAClF,CAAC;"}

package/build/esm/components/ProgressBar/components/CircleProgressBar/CircleProgressBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CircleProgressBar.js","sources":["../../../../../../src/components/ProgressBar/components/CircleProgressBar/CircleProgressBar.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { PROGRESS_BAR_CIRCLE } from 'acinguiux-ds-react-base/consts';\nimport { CircleProgressBarUtils } from 'acinguiux-ds-react-base/components/ProgressBar';\n\nimport * as Styled from './CircleProgressBar.styles';\nimport type { ICircleProgressBarProps } from './CircleProgressBar.types';\n\nconst CircleProgressBar = forwardRef<HTMLDivElement, ICircleProgressBarProps>(({ className, ...props }, ref) => {\n const { value, size, radius, cx, cy, viewBox, showValue, muted } = CircleProgressBarUtils.useProps(props);\n\n return (\n <Styled.Container className={classNames(PROGRESS_BAR_CIRCLE, className)} ref={ref}>\n <Styled.ProgressBar size={size} viewBox={viewBox}>\n <Styled.Background r={radius} cx={cx} cy={cy} />\n <Styled.Progress r={radius} cx={cx} cy={cy} value={value} muted={muted} />\n </Styled.ProgressBar>\n {showValue && <Styled.Label size={size}>{value}%</Styled.Label>}\n </Styled.Container>\n );\n});\n\nexport default CircleProgressBar;\n"],"names":["CircleProgressBar","forwardRef","className","props","ref","value","size","radius","cx","cy","viewBox","showValue","muted","CircleProgressBarUtils.useProps","jsxs","Styled.Container","classNames","PROGRESS_BAR_CIRCLE","Styled.ProgressBar","jsx","Styled.Background","Styled.Progress","Styled.Label"],"mappings":";;;;;;AASA,MAAMA,IAAoBC,EAAoD,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ;AAC9G,QAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,QAAAC,GAAQ,IAAAC,GAAI,IAAAC,GAAI,SAAAC,GAAS,WAAAC,GAAW,OAAAC,MAAUC,EAAgCV,CAAK;AAExG,SACE,gBAAAW,EAACC,GAAA,EAAiB,WAAWC,EAAWC,GAAqBf,CAAS,GAAG,KAAAE,GACvE,UAAA;AAAA,IAAA,gBAAAU,EAACI,GAAA,EAAmB,MAAAZ,GAAY,SAAAI,GAC9B,UAAA;AAAA,MAAA,gBAAAS,EAACC,GAAA,EAAkB,GAAGb,GAAQ,IAAAC,GAAQ,IAAAC,GAAQ;AAAA,MAC9C,gBAAAU,EAACE,GAAA,EAAgB,GAAGd,GAAQ,IAAAC,GAAQ,IAAAC,GAAQ,OAAAJ,GAAc,OAAAO,EAAA,CAAc;AAAA,IAAA,GAC1E;AAAA,IACCD,KAAa,gBAAAG,EAACQ,GAAA,EAAa,MAAAhB,GAAa,UAAA;AAAA,MAAAD;AAAA,MAAM;AAAA,IAAA,EAAA,CAAC;AAAA,EAAA,GAClD;AAEJ,CAAC;"}
1	+ {"version":3,"file":"CircleProgressBar.js","sources":["../../../../../../src/components/ProgressBar/components/CircleProgressBar/CircleProgressBar.tsx"],"sourcesContent":["import { forwardRef } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { PROGRESS_BAR_CIRCLE } from 'acinguiux-ds-react-base/consts';\r\nimport { CircleProgressBarUtils } from 'acinguiux-ds-react-base/components/ProgressBar';\r\n\r\nimport * as Styled from './CircleProgressBar.styles';\r\nimport type { ICircleProgressBarProps } from './CircleProgressBar.types';\r\n\r\nconst CircleProgressBar = forwardRef<HTMLDivElement, ICircleProgressBarProps>(({ className, ...props }, ref) => {\r\n const { value, size, radius, cx, cy, viewBox, showValue, muted } = CircleProgressBarUtils.useProps(props);\r\n\r\n return (\r\n <Styled.Container className={classNames(PROGRESS_BAR_CIRCLE, className)} ref={ref}>\r\n <Styled.ProgressBar size={size} viewBox={viewBox}>\r\n <Styled.Background r={radius} cx={cx} cy={cy} />\r\n <Styled.Progress r={radius} cx={cx} cy={cy} value={value} muted={muted} />\r\n </Styled.ProgressBar>\r\n {showValue && <Styled.Label size={size}>{value}%</Styled.Label>}\r\n </Styled.Container>\r\n );\r\n});\r\n\r\nexport default CircleProgressBar;\r\n"],"names":["CircleProgressBar","forwardRef","className","props","ref","value","size","radius","cx","cy","viewBox","showValue","muted","CircleProgressBarUtils.useProps","jsxs","Styled.Container","classNames","PROGRESS_BAR_CIRCLE","Styled.ProgressBar","jsx","Styled.Background","Styled.Progress","Styled.Label"],"mappings":";;;;;;AASA,MAAMA,IAAoBC,EAAoD,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ;AAC9G,QAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,QAAAC,GAAQ,IAAAC,GAAI,IAAAC,GAAI,SAAAC,GAAS,WAAAC,GAAW,OAAAC,MAAUC,EAAgCV,CAAK;AAExG,SACE,gBAAAW,EAACC,GAAA,EAAiB,WAAWC,EAAWC,GAAqBf,CAAS,GAAG,KAAAE,GACvE,UAAA;AAAA,IAAA,gBAAAU,EAACI,GAAA,EAAmB,MAAAZ,GAAY,SAAAI,GAC9B,UAAA;AAAA,MAAA,gBAAAS,EAACC,GAAA,EAAkB,GAAGb,GAAQ,IAAAC,GAAQ,IAAAC,GAAQ;AAAA,MAC9C,gBAAAU,EAACE,GAAA,EAAgB,GAAGd,GAAQ,IAAAC,GAAQ,IAAAC,GAAQ,OAAAJ,GAAc,OAAAO,EAAA,CAAc;AAAA,IAAA,GAC1E;AAAA,IACCD,KAAa,gBAAAG,EAACQ,GAAA,EAAa,MAAAhB,GAAa,UAAA;AAAA,MAAAD;AAAA,MAAM;AAAA,IAAA,EAAA,CAAC;AAAA,EAAA,GAClD;AAEJ,CAAC;"}

package/build/esm/components/ProgressBar/components/CircleProgressBar/CircleProgressBar.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CircleProgressBar.styles.js","sources":["../../../../../../src/components/ProgressBar/components/CircleProgressBar/CircleProgressBar.styles.ts"],"sourcesContent":["import {\n CircleProgressBarStyles,\n ProgressBarConsts,\n ProgressBarTypes,\n} from 'acinguiux-ds-react-base/components/ProgressBar';\nimport { styled, css } from 'styled-components';\n\nexport const Container = styled.div`\n ${CircleProgressBarStyles.ContainerStyles};\n`;\n\nexport const ProgressBar = styled.svg<{ size: ProgressBarTypes.Size }>`\n ${({ size }) => css<{ size: ProgressBarTypes.Size }>`\n ${CircleProgressBarStyles.ProgressBarStyles};\n\n & > * {\n stroke-width: ${ProgressBarConsts.consts[size].strokeWidth}px;\n }\n `}\n`;\n\nexport const Circle = styled.circle``;\n\nexport const Background = styled(Circle)`\n ${CircleProgressBarStyles.BackgroundStyles};\n`;\n\nexport const Progress = styled(Circle)<{ value: number; r: number; muted?: boolean }>`\n ${CircleProgressBarStyles.ProgressStyles};\n`;\n\nexport const Label = styled.span<{ size: ProgressBarTypes.Size }>`\n ${CircleProgressBarStyles.LabelStyles};\n`;\n"],"names":["Container","styled","CircleProgressBarStyles.ContainerStyles","ProgressBar","size","css","CircleProgressBarStyles.ProgressBarStyles","ProgressBarConsts.consts","Circle","Background","CircleProgressBarStyles.BackgroundStyles","Progress","CircleProgressBarStyles.ProgressStyles","Label","CircleProgressBarStyles.LabelStyles"],"mappings":";;;AAOO,MAAMA,IAAYC,EAAO;AAAA,IAC5BC,CAAuC;AAAA,GAG9BC,IAAcF,EAAO;AAAA,IAC9B,CAAC,EAAE,MAAAG,EAAA,MAAWC;AAAA,MACZC,CAAyC;AAAA;AAAA;AAAA,sBAGzBC,EAAyBH,CAAI,EAAE,WAAW;AAAA;AAAA,GAE7D;AAAA,GAGUI,IAASP,EAAO,UAEhBQ,IAAaR,EAAOO,CAAM;AAAA,IACnCE,CAAwC;AAAA,GAG/BC,IAAWV,EAAOO,CAAM;AAAA,IACjCI,CAAsC;AAAA,GAG7BC,IAAQZ,EAAO;AAAA,IACxBa,CAAmC;AAAA;"}
1	+ {"version":3,"file":"CircleProgressBar.styles.js","sources":["../../../../../../src/components/ProgressBar/components/CircleProgressBar/CircleProgressBar.styles.ts"],"sourcesContent":["import {\r\n CircleProgressBarStyles,\r\n ProgressBarConsts,\r\n ProgressBarTypes,\r\n} from 'acinguiux-ds-react-base/components/ProgressBar';\r\nimport { styled, css } from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n ${CircleProgressBarStyles.ContainerStyles};\r\n`;\r\n\r\nexport const ProgressBar = styled.svg<{ size: ProgressBarTypes.Size }>`\r\n ${({ size }) => css<{ size: ProgressBarTypes.Size }>`\r\n ${CircleProgressBarStyles.ProgressBarStyles};\r\n\r\n & > * {\r\n stroke-width: ${ProgressBarConsts.consts[size].strokeWidth}px;\r\n }\r\n `}\r\n`;\r\n\r\nexport const Circle = styled.circle``;\r\n\r\nexport const Background = styled(Circle)`\r\n ${CircleProgressBarStyles.BackgroundStyles};\r\n`;\r\n\r\nexport const Progress = styled(Circle)<{ value: number; r: number; muted?: boolean }>`\r\n ${CircleProgressBarStyles.ProgressStyles};\r\n`;\r\n\r\nexport const Label = styled.span<{ size: ProgressBarTypes.Size }>`\r\n ${CircleProgressBarStyles.LabelStyles};\r\n`;\r\n"],"names":["Container","styled","CircleProgressBarStyles.ContainerStyles","ProgressBar","size","css","CircleProgressBarStyles.ProgressBarStyles","ProgressBarConsts.consts","Circle","Background","CircleProgressBarStyles.BackgroundStyles","Progress","CircleProgressBarStyles.ProgressStyles","Label","CircleProgressBarStyles.LabelStyles"],"mappings":";;;AAOO,MAAMA,IAAYC,EAAO;AAAA,IAC5BC,CAAuC;AAAA,GAG9BC,IAAcF,EAAO;AAAA,IAC9B,CAAC,EAAE,MAAAG,EAAA,MAAWC;AAAA,MACZC,CAAyC;AAAA;AAAA;AAAA,sBAGzBC,EAAyBH,CAAI,EAAE,WAAW;AAAA;AAAA,GAE7D;AAAA,GAGUI,IAASP,EAAO,UAEhBQ,IAAaR,EAAOO,CAAM;AAAA,IACnCE,CAAwC;AAAA,GAG/BC,IAAWV,EAAOO,CAAM;AAAA,IACjCI,CAAsC;AAAA,GAG7BC,IAAQZ,EAAO;AAAA,IACxBa,CAAmC;AAAA;"}

package/build/esm/components/ProgressBar/components/LinearProgressBar/LinearProgressBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LinearProgressBar.js","sources":["../../../../../../src/components/ProgressBar/components/LinearProgressBar/LinearProgressBar.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { PROGRESS_BAR_LINEAR } from 'acinguiux-ds-react-base/consts';\n\nimport * as Styled from './LinearProgressBar.styles';\nimport type { ILinearProgressBarProps } from './LinearProgressBar.types';\n\nconst LinearProgressBar = forwardRef<HTMLDivElement, ILinearProgressBarProps>(\n ({ className, value, size, label, muted }, ref) => (\n <Styled.Container className={classNames(PROGRESS_BAR_LINEAR, className)} ref={ref}>\n <Styled.LinearBackgroundBar size={size}>\n <Styled.LinearFilledBar size={size} value={value} muted={muted} />\n </Styled.LinearBackgroundBar>\n {!!label && <Styled.Label size={size}>{value}%</Styled.Label>}\n </Styled.Container>\n ),\n);\n\nexport default LinearProgressBar;\n"],"names":["LinearProgressBar","forwardRef","className","value","size","label","muted","ref","jsxs","Styled.Container","classNames","PROGRESS_BAR_LINEAR","jsx","Styled.LinearBackgroundBar","Styled.LinearFilledBar","Styled.Label"],"mappings":";;;;;AAQA,MAAMA,IAAoBC;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,MAAAC,GAAM,OAAAC,GAAO,OAAAC,KAASC,MACzC,gBAAAC,EAACC,GAAA,EAAiB,WAAWC,EAAWC,GAAqBT,CAAS,GAAG,KAAAK,GACvE,UAAA;AAAA,IAAA,gBAAAK,EAACC,GAAA,EAA2B,MAAAT,GAC1B,UAAA,gBAAAQ,EAACE,GAAA,EAAuB,MAAAV,GAAY,OAAAD,GAAc,OAAAG,EAAA,CAAc,EAAA,CAClE;AAAA,IACC,CAAC,CAACD,uBAAUU,GAAA,EAAa,MAAAX,GAAa,UAAA;AAAA,MAAAD;AAAA,MAAM;AAAA,IAAA,EAAA,CAAC;AAAA,EAAA,EAAA,CAChD;AAEJ;"}
1	+ {"version":3,"file":"LinearProgressBar.js","sources":["../../../../../../src/components/ProgressBar/components/LinearProgressBar/LinearProgressBar.tsx"],"sourcesContent":["import { forwardRef } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { PROGRESS_BAR_LINEAR } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport * as Styled from './LinearProgressBar.styles';\r\nimport type { ILinearProgressBarProps } from './LinearProgressBar.types';\r\n\r\nconst LinearProgressBar = forwardRef<HTMLDivElement, ILinearProgressBarProps>(\r\n ({ className, value, size, label, muted }, ref) => (\r\n <Styled.Container className={classNames(PROGRESS_BAR_LINEAR, className)} ref={ref}>\r\n <Styled.LinearBackgroundBar size={size}>\r\n <Styled.LinearFilledBar size={size} value={value} muted={muted} />\r\n </Styled.LinearBackgroundBar>\r\n {!!label && <Styled.Label size={size}>{value}%</Styled.Label>}\r\n </Styled.Container>\r\n ),\r\n);\r\n\r\nexport default LinearProgressBar;\r\n"],"names":["LinearProgressBar","forwardRef","className","value","size","label","muted","ref","jsxs","Styled.Container","classNames","PROGRESS_BAR_LINEAR","jsx","Styled.LinearBackgroundBar","Styled.LinearFilledBar","Styled.Label"],"mappings":";;;;;AAQA,MAAMA,IAAoBC;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,MAAAC,GAAM,OAAAC,GAAO,OAAAC,KAASC,MACzC,gBAAAC,EAACC,GAAA,EAAiB,WAAWC,EAAWC,GAAqBT,CAAS,GAAG,KAAAK,GACvE,UAAA;AAAA,IAAA,gBAAAK,EAACC,GAAA,EAA2B,MAAAT,GAC1B,UAAA,gBAAAQ,EAACE,GAAA,EAAuB,MAAAV,GAAY,OAAAD,GAAc,OAAAG,EAAA,CAAc,EAAA,CAClE;AAAA,IACC,CAAC,CAACD,uBAAUU,GAAA,EAAa,MAAAX,GAAa,UAAA;AAAA,MAAAD;AAAA,MAAM;AAAA,IAAA,EAAA,CAAC;AAAA,EAAA,EAAA,CAChD;AAEJ;"}

package/build/esm/components/ProgressBar/components/LinearProgressBar/LinearProgressBar.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LinearProgressBar.styles.js","sources":["../../../../../../src/components/ProgressBar/components/LinearProgressBar/LinearProgressBar.styles.ts"],"sourcesContent":["import { LinearProgressBarStyles, type ProgressBarTypes } from 'acinguiux-ds-react-base/components/ProgressBar';\nimport { styled } from 'styled-components';\n\nconst Container = styled.div`\n ${LinearProgressBarStyles.ContainerStyles};\n`;\n\nconst LinearBackgroundBar = styled.div<{ size: ProgressBarTypes.Size }>`\n ${LinearProgressBarStyles.LinearBackgroundBarStyles};\n`;\n\nconst LinearFilledBar = styled.div<{\n value: number;\n size: ProgressBarTypes.Size;\n muted?: boolean;\n}>`\n ${LinearProgressBarStyles.LinearFilledBarStyles};\n`;\n\nconst Label = styled.span<{ size: ProgressBarTypes.Size }>`\n ${LinearProgressBarStyles.LabelStyles};\n`;\n\nexport { Container, LinearBackgroundBar, LinearFilledBar, Label };\n"],"names":["Container","styled","LinearProgressBarStyles.ContainerStyles","LinearBackgroundBar","LinearProgressBarStyles.LinearBackgroundBarStyles","LinearFilledBar","LinearProgressBarStyles.LinearFilledBarStyles","Label","LinearProgressBarStyles.LabelStyles"],"mappings":";;AAGA,MAAMA,IAAYC,EAAO;AAAA,IACrBC,CAAuC;AAAA,GAGrCC,IAAsBF,EAAO;AAAA,IAC/BG,CAAiD;AAAA,GAG/CC,IAAkBJ,EAAO;AAAA,IAK3BK,CAA6C;AAAA,GAG3CC,IAAQN,EAAO;AAAA,IACjBO,CAAmC;AAAA;"}
1	+ {"version":3,"file":"LinearProgressBar.styles.js","sources":["../../../../../../src/components/ProgressBar/components/LinearProgressBar/LinearProgressBar.styles.ts"],"sourcesContent":["import { LinearProgressBarStyles, type ProgressBarTypes } from 'acinguiux-ds-react-base/components/ProgressBar';\r\nimport { styled } from 'styled-components';\r\n\r\nconst Container = styled.div`\r\n ${LinearProgressBarStyles.ContainerStyles};\r\n`;\r\n\r\nconst LinearBackgroundBar = styled.div<{ size: ProgressBarTypes.Size }>`\r\n ${LinearProgressBarStyles.LinearBackgroundBarStyles};\r\n`;\r\n\r\nconst LinearFilledBar = styled.div<{\r\n value: number;\r\n size: ProgressBarTypes.Size;\r\n muted?: boolean;\r\n}>`\r\n ${LinearProgressBarStyles.LinearFilledBarStyles};\r\n`;\r\n\r\nconst Label = styled.span<{ size: ProgressBarTypes.Size }>`\r\n ${LinearProgressBarStyles.LabelStyles};\r\n`;\r\n\r\nexport { Container, LinearBackgroundBar, LinearFilledBar, Label };\r\n"],"names":["Container","styled","LinearProgressBarStyles.ContainerStyles","LinearBackgroundBar","LinearProgressBarStyles.LinearBackgroundBarStyles","LinearFilledBar","LinearProgressBarStyles.LinearFilledBarStyles","Label","LinearProgressBarStyles.LabelStyles"],"mappings":";;AAGA,MAAMA,IAAYC,EAAO;AAAA,IACrBC,CAAuC;AAAA,GAGrCC,IAAsBF,EAAO;AAAA,IAC/BG,CAAiD;AAAA,GAG/CC,IAAkBJ,EAAO;AAAA,IAK3BK,CAA6C;AAAA,GAG3CC,IAAQN,EAAO;AAAA,IACjBO,CAAmC;AAAA;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioButton.js","sources":["../../../../src/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import { forwardRef, useId } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, NOOP, RADIO_BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport * as Styled from './RadioButton.styles';\nimport type { IRadioButtonProps } from './RadioButton.types';\n\nconst RadioButton = forwardRef<HTMLInputElement, IRadioButtonProps>(\n (\n {\n id,\n className = '',\n label,\n size = `${Sizes.Medium}`,\n wrapperProps,\n checked,\n disabled = false,\n invalid = false,\n multiline = false,\n onChange = NOOP,\n ...rest\n }: IRadioButtonProps,\n ref,\n ) => {\n const uid = useId();\n\n return (\n <Styled.RadioButtonWrapper\n $size={size}\n className={classNames(RADIO_BUTTON_CLASS, className)}\n $disabled={disabled}\n $checked={checked}\n $multiline={multiline}\n $invalid={invalid}\n {...wrapperProps}\n >\n <Styled.RadioButton\n id={id ?? uid}\n type=\"radio\"\n onChange={onChange}\n disabled={disabled}\n checked={checked}\n tabIndex={0}\n aria-invalid={invalid}\n ref={ref}\n {...rest}\n />\n <Styled.RadioButtonIcon aria-hidden={true} />\n {!!label && (\n <Styled.RadioButtonLabel htmlFor={id ?? uid} $size={size}>\n {label}\n </Styled.RadioButtonLabel>\n )}\n </Styled.RadioButtonWrapper>\n );\n },\n);\n\nexport default RadioButton;\n"],"names":["RadioButton","forwardRef","id","className","label","size","Sizes","wrapperProps","checked","disabled","invalid","multiline","onChange","NOOP","rest","ref","uid","useId","jsxs","Styled.RadioButtonWrapper","classNames","RADIO_BUTTON_CLASS","jsx","Styled.RadioButton","Styled.RadioButtonIcon","Styled.RadioButtonLabel"],"mappings":";;;;;;AAQA,MAAMA,IAAcC;AAAA,EAClB,CACE;AAAA,IACE,IAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,OAAAC;AAAA,IACA,MAAAC,IAAO,GAAGC,EAAM,MAAM;AAAA,IACtB,cAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAAAC,IAAU;AAAA,IACV,WAAAC,IAAY;AAAA,IACZ,UAAAC,IAAWC;AAAA,IACX,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAMC,EAAA;AAEZ,WACE,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,OAAOd;AAAA,QACP,WAAWe,EAAWC,GAAoBlB,CAAS;AAAA,QACnD,WAAWM;AAAA,QACX,UAAUD;AAAA,QACV,YAAYG;AAAA,QACZ,UAAUD;AAAA,QACT,GAAGH;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAe;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,IAAIrB,KAAMc;AAAA,cACV,MAAK;AAAA,cACL,UAAAJ;AAAA,cACA,UAAAH;AAAA,cACA,SAAAD;AAAA,cACA,UAAU;AAAA,cACV,gBAAcE;AAAA,cACd,KAAAK;AAAA,cACC,GAAGD;AAAA,YAAA;AAAA,UAAA;AAAA,UAEN,gBAAAQ,EAACE,GAAA,EAAuB,eAAa,GAAA,CAAM;AAAA,UAC1C,CAAC,CAACpB,KACD,gBAAAkB,EAACG,GAAA,EAAwB,SAASvB,KAAMc,GAAK,OAAOX,GACjD,UAAAD,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}
1	+ {"version":3,"file":"RadioButton.js","sources":["../../../../src/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import { forwardRef, useId } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Sizes, NOOP, RADIO_BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport * as Styled from './RadioButton.styles';\r\nimport type { IRadioButtonProps } from './RadioButton.types';\r\n\r\nconst RadioButton = forwardRef<HTMLInputElement, IRadioButtonProps>(\r\n (\r\n {\r\n id,\r\n className = '',\r\n label,\r\n size = `${Sizes.Medium}`,\r\n wrapperProps,\r\n checked,\r\n disabled = false,\r\n invalid = false,\r\n multiline = false,\r\n onChange = NOOP,\r\n ...rest\r\n }: IRadioButtonProps,\r\n ref,\r\n ) => {\r\n const uid = useId();\r\n\r\n return (\r\n <Styled.RadioButtonWrapper\r\n $size={size}\r\n className={classNames(RADIO_BUTTON_CLASS, className)}\r\n $disabled={disabled}\r\n $checked={checked}\r\n $multiline={multiline}\r\n $invalid={invalid}\r\n {...wrapperProps}\r\n >\r\n <Styled.RadioButton\r\n id={id ?? uid}\r\n type=\"radio\"\r\n onChange={onChange}\r\n disabled={disabled}\r\n checked={checked}\r\n tabIndex={0}\r\n aria-invalid={invalid}\r\n ref={ref}\r\n {...rest}\r\n />\r\n <Styled.RadioButtonIcon aria-hidden={true} />\r\n {!!label && (\r\n <Styled.RadioButtonLabel htmlFor={id ?? uid} $size={size}>\r\n {label}\r\n </Styled.RadioButtonLabel>\r\n )}\r\n </Styled.RadioButtonWrapper>\r\n );\r\n },\r\n);\r\n\r\nexport default RadioButton;\r\n"],"names":["RadioButton","forwardRef","id","className","label","size","Sizes","wrapperProps","checked","disabled","invalid","multiline","onChange","NOOP","rest","ref","uid","useId","jsxs","Styled.RadioButtonWrapper","classNames","RADIO_BUTTON_CLASS","jsx","Styled.RadioButton","Styled.RadioButtonIcon","Styled.RadioButtonLabel"],"mappings":";;;;;;AAQA,MAAMA,IAAcC;AAAA,EAClB,CACE;AAAA,IACE,IAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,OAAAC;AAAA,IACA,MAAAC,IAAO,GAAGC,EAAM,MAAM;AAAA,IACtB,cAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAAAC,IAAU;AAAA,IACV,WAAAC,IAAY;AAAA,IACZ,UAAAC,IAAWC;AAAA,IACX,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAMC,EAAA;AAEZ,WACE,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,OAAOd;AAAA,QACP,WAAWe,EAAWC,GAAoBlB,CAAS;AAAA,QACnD,WAAWM;AAAA,QACX,UAAUD;AAAA,QACV,YAAYG;AAAA,QACZ,UAAUD;AAAA,QACT,GAAGH;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAe;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,IAAIrB,KAAMc;AAAA,cACV,MAAK;AAAA,cACL,UAAAJ;AAAA,cACA,UAAAH;AAAA,cACA,SAAAD;AAAA,cACA,UAAU;AAAA,cACV,gBAAcE;AAAA,cACd,KAAAK;AAAA,cACC,GAAGD;AAAA,YAAA;AAAA,UAAA;AAAA,UAEN,gBAAAQ,EAACE,GAAA,EAAuB,eAAa,GAAA,CAAM;AAAA,UAC1C,CAAC,CAACpB,KACD,gBAAAkB,EAACG,GAAA,EAAwB,SAASvB,KAAMc,GAAK,OAAOX,GACjD,UAAAD,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioButton.styles.js","sources":["../../../../src/components/RadioButton/RadioButton.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { getLabelFontStyles, getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { RadioButtonUtils, RadioButtonConsts } from 'acinguiux-ds-react-base/components/RadioButton';\nimport { InputUtils } from 'acinguiux-ds-react-base/components/Input';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\n\nimport type { IRadioButtonProps } from './RadioButton.types';\n\ntype RadioButtonWrapperPropKeys = 'checked' \| 'disabled' \| 'invalid' \| 'multiline';\ntype WrapperProps = Required<PickTransient<IRadioButtonProps, 'size'>> &\n PickTransient<IRadioButtonProps, RadioButtonWrapperPropKeys>;\n\nconst { consts } = RadioButtonConsts;\n\nconst RadioButtonIcon = styled.div`\n position: relative;\n border-radius: 100%;\n pointer-events: none;\n`;\n\nconst RadioButton = styled.input`\n position: absolute;\n opacity: 0;\n`;\n\nconst RadioButtonLabel = styled.label<PickTransient<IRadioButtonProps, 'size'>>`\n ${({ $size, theme }) => css`\n ${theme.typography('label', getLabelTypographySize($size))};\n `};\n`;\n\nconst getBorderKind = (invalid = false, checked = false) => {\n if (invalid) {\n return 'invalid';\n }\n\n if (checked) {\n return 'none';\n }\n\n return 'normal';\n};\n\nconst RadioButtonWrapper = styled.div<WrapperProps>`\n ${({ $size, $checked, $disabled, $invalid, $multiline, theme }) => {\n const getStyles = (state: FabricsVariables.StateType = FabricsVariables.States.Resting, checked = false) =>\n RadioButtonUtils.getStyles(theme, state, $disabled, $invalid, $checked \|\| checked);\n\n return css`\n position: relative;\n width: fit-content;\n display: flex;\n flex-direction: row;\n align-items: ${$multiline ? 'flex-start' : 'center'};\n gap: ${consts[$size].labelSpacing}px;\n\n ${!$multiline &&\n css`\n min-width: 0;\n `};\n\n ${RadioButtonLabel} {\n ${getLabelFontStyles(theme, $disabled)};\n ${!$multiline\n ? css`\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n `\n : css`\n white-space: pre-line;\n\n ${[`${Sizes.Large}`, `${Sizes.Medium}`].includes($size) &&\n css`\n padding-top: 2px;\n `};\n `};\n }\n\n ${RadioButton} {\n height: ${consts[$size].size}px;\n width: ${consts[$size].size}px;\n }\n\n ${RadioButtonIcon} {\n display: flex;\n align-items: center;\n justify-content: center;\n height: ${consts[$size].size}px;\n width: ${consts[$size].size}px;\n ${InputUtils.getInputBorderStyles($size, getBorderKind($invalid, $checked), true)};\n transition:\n background-color 200ms,\n border 200ms,\n color 200ms;\n\n ${getStyles()};\n\n &::after {\n width: ${consts[$size].innerCircleSize}px;\n height: ${consts[$size].innerCircleSize}px;\n content: '';\n border-radius: 100%;\n background-color: ${getStyles().color};\n opacity: 1;\n transition:\n opacity 200ms,\n transform 200ms;\n\n ${!$checked &&\n css`\n opacity: 0;\n `}\n }\n }\n\n ${!$disabled &&\n css`\n &:hover {\n ${RadioButtonIcon} {\n ${getStyles(FabricsVariables.States.Hover)};\n &::after {\n opacity: 1;\n background-color: ${getStyles(FabricsVariables.States.Hover).color};\n }\n }\n }\n\n &:active {\n ${RadioButtonIcon} {\n ${getStyles(FabricsVariables.States.Press)};\n &::after {\n opacity: 1;\n transform: scale(0.95);\n background-color: ${getStyles(FabricsVariables.States.Press).color};\n width: ${consts[$size].innerCircleSize - 2}px;\n height: ${consts[$size].innerCircleSize - 2}px;\n }\n }\n }\n\n ${RadioButton}:checked ~ ${RadioButtonIcon} {\n ${InputUtils.getInputBorderStyles($size, 'none', true)};\n ${getStyles(FabricsVariables.States.Resting, true)};\n &::after {\n opacity: 1;\n background-color: ${getStyles(FabricsVariables.States.Resting, true).color};\n }\n }\n\n ${RadioButton}:checked:hover ~ ${RadioButtonIcon} {\n ${getStyles(FabricsVariables.States.Hover, true)};\n &::after {\n opacity: 1;\n background-color: ${getStyles(FabricsVariables.States.Hover, true).color};\n }\n }\n\n ${RadioButton}:checked:active ~ ${RadioButtonIcon} {\n ${getStyles(FabricsVariables.States.Press, true)};\n &::after {\n opacity: 1;\n background-color: ${getStyles(FabricsVariables.States.Press, true).color};\n }\n }\n `}\n\n ${RadioButton}:focus-visible ~ ${RadioButtonIcon} {\n ${getFocusStyles(theme)};\n }\n `;\n }}\n`;\n\nexport { RadioButton, RadioButtonIcon, RadioButtonWrapper, RadioButtonLabel };\n"],"names":["consts","RadioButtonConsts","RadioButtonIcon","styled","RadioButton","RadioButtonLabel","$size","theme","css","getLabelTypographySize","getBorderKind","invalid","checked","RadioButtonWrapper","$checked","$disabled","$invalid","$multiline","getStyles","state","FabricsVariables","RadioButtonUtils.getStyles","getLabelFontStyles","Sizes","InputUtils.getInputBorderStyles","getFocusStyles"],"mappings":"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"}
1	+ {"version":3,"file":"RadioButton.styles.js","sources":["../../../../src/components/RadioButton/RadioButton.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\r\nimport { getLabelFontStyles, getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\r\nimport { RadioButtonUtils, RadioButtonConsts } from 'acinguiux-ds-react-base/components/RadioButton';\r\nimport { InputUtils } from 'acinguiux-ds-react-base/components/Input';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\r\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport type { IRadioButtonProps } from './RadioButton.types';\r\n\r\ntype RadioButtonWrapperPropKeys = 'checked' \| 'disabled' \| 'invalid' \| 'multiline';\r\ntype WrapperProps = Required<PickTransient<IRadioButtonProps, 'size'>> &\r\n PickTransient<IRadioButtonProps, RadioButtonWrapperPropKeys>;\r\n\r\nconst { consts } = RadioButtonConsts;\r\n\r\nconst RadioButtonIcon = styled.div`\r\n position: relative;\r\n border-radius: 100%;\r\n pointer-events: none;\r\n`;\r\n\r\nconst RadioButton = styled.input`\r\n position: absolute;\r\n opacity: 0;\r\n`;\r\n\r\nconst RadioButtonLabel = styled.label<PickTransient<IRadioButtonProps, 'size'>>`\r\n ${({ $size, theme }) => css`\r\n ${theme.typography('label', getLabelTypographySize($size))};\r\n `};\r\n`;\r\n\r\nconst getBorderKind = (invalid = false, checked = false) => {\r\n if (invalid) {\r\n return 'invalid';\r\n }\r\n\r\n if (checked) {\r\n return 'none';\r\n }\r\n\r\n return 'normal';\r\n};\r\n\r\nconst RadioButtonWrapper = styled.div<WrapperProps>`\r\n ${({ $size, $checked, $disabled, $invalid, $multiline, theme }) => {\r\n const getStyles = (state: FabricsVariables.StateType = FabricsVariables.States.Resting, checked = false) =>\r\n RadioButtonUtils.getStyles(theme, state, $disabled, $invalid, $checked \|\| checked);\r\n\r\n return css`\r\n position: relative;\r\n width: fit-content;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: ${$multiline ? 'flex-start' : 'center'};\r\n gap: ${consts[$size].labelSpacing}px;\r\n\r\n ${!$multiline &&\r\n css`\r\n min-width: 0;\r\n `};\r\n\r\n ${RadioButtonLabel} {\r\n ${getLabelFontStyles(theme, $disabled)};\r\n ${!$multiline\r\n ? css`\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n `\r\n : css`\r\n white-space: pre-line;\r\n\r\n ${[`${Sizes.Large}`, `${Sizes.Medium}`].includes($size) &&\r\n css`\r\n padding-top: 2px;\r\n `};\r\n `};\r\n }\r\n\r\n ${RadioButton} {\r\n height: ${consts[$size].size}px;\r\n width: ${consts[$size].size}px;\r\n }\r\n\r\n ${RadioButtonIcon} {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: ${consts[$size].size}px;\r\n width: ${consts[$size].size}px;\r\n ${InputUtils.getInputBorderStyles($size, getBorderKind($invalid, $checked), true)};\r\n transition:\r\n background-color 200ms,\r\n border 200ms,\r\n color 200ms;\r\n\r\n ${getStyles()};\r\n\r\n &::after {\r\n width: ${consts[$size].innerCircleSize}px;\r\n height: ${consts[$size].innerCircleSize}px;\r\n content: '';\r\n border-radius: 100%;\r\n background-color: ${getStyles().color};\r\n opacity: 1;\r\n transition:\r\n opacity 200ms,\r\n transform 200ms;\r\n\r\n ${!$checked &&\r\n css`\r\n opacity: 0;\r\n `}\r\n }\r\n }\r\n\r\n ${!$disabled &&\r\n css`\r\n &:hover {\r\n ${RadioButtonIcon} {\r\n ${getStyles(FabricsVariables.States.Hover)};\r\n &::after {\r\n opacity: 1;\r\n background-color: ${getStyles(FabricsVariables.States.Hover).color};\r\n }\r\n }\r\n }\r\n\r\n &:active {\r\n ${RadioButtonIcon} {\r\n ${getStyles(FabricsVariables.States.Press)};\r\n &::after {\r\n opacity: 1;\r\n transform: scale(0.95);\r\n background-color: ${getStyles(FabricsVariables.States.Press).color};\r\n width: ${consts[$size].innerCircleSize - 2}px;\r\n height: ${consts[$size].innerCircleSize - 2}px;\r\n }\r\n }\r\n }\r\n\r\n ${RadioButton}:checked ~ ${RadioButtonIcon} {\r\n ${InputUtils.getInputBorderStyles($size, 'none', true)};\r\n ${getStyles(FabricsVariables.States.Resting, true)};\r\n &::after {\r\n opacity: 1;\r\n background-color: ${getStyles(FabricsVariables.States.Resting, true).color};\r\n }\r\n }\r\n\r\n ${RadioButton}:checked:hover ~ ${RadioButtonIcon} {\r\n ${getStyles(FabricsVariables.States.Hover, true)};\r\n &::after {\r\n opacity: 1;\r\n background-color: ${getStyles(FabricsVariables.States.Hover, true).color};\r\n }\r\n }\r\n\r\n ${RadioButton}:checked:active ~ ${RadioButtonIcon} {\r\n ${getStyles(FabricsVariables.States.Press, true)};\r\n &::after {\r\n opacity: 1;\r\n background-color: ${getStyles(FabricsVariables.States.Press, true).color};\r\n }\r\n }\r\n `}\r\n\r\n ${RadioButton}:focus-visible ~ ${RadioButtonIcon} {\r\n ${getFocusStyles(theme)};\r\n }\r\n `;\r\n }}\r\n`;\r\n\r\nexport { RadioButton, RadioButtonIcon, RadioButtonWrapper, RadioButtonLabel };\r\n"],"names":["consts","RadioButtonConsts","RadioButtonIcon","styled","RadioButton","RadioButtonLabel","$size","theme","css","getLabelTypographySize","getBorderKind","invalid","checked","RadioButtonWrapper","$checked","$disabled","$invalid","$multiline","getStyles","state","FabricsVariables","RadioButtonUtils.getStyles","getLabelFontStyles","Sizes","InputUtils.getInputBorderStyles","getFocusStyles"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.js","sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import {\n type ChangeEventHandler,\n type FocusEvent,\n forwardRef,\n useCallback,\n useEffect,\n useId,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n type ReactElement,\n} from 'react';\n\nimport { SELECT_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport classNames from 'classnames';\nimport { SelectUtils } from 'acinguiux-ds-react-base/components/Select';\n\nimport type { ISelectProps, ValueType } from './Select.types';\nimport { Popover, PopoverTrigger } from '../Popover/Popover';\nimport { ChevronDown } from '../Icon/components';\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\nimport { SelectInput, SelectPopoverContent, SelectTag, SelectedSingleOptionLabel } from './Select.styles';\nimport ListItem from '../ListItem/ListItem';\nimport { useOptions } from './hooks/useOptions';\nimport { useElementRect } from './hooks/useElementRect';\nimport { strIncludes } from './utils/strUtils';\nimport { updateSelectedValues } from './utils/selection';\nimport { asArray } from './utils/props';\nimport Flexbox from '../Flexbox/Flexbox';\nimport { SelectLoading } from './components/SelectLoading';\nimport { onKeyDownHandle } from './utils/keydown';\nimport ListItemHeader from '../ListItem/ListItemHeader';\n\nconst Select = forwardRef<HTMLInputElement, ISelectProps>(\n (\n {\n id: idProp,\n defaultOpen,\n className,\n size = Sizes.Medium,\n mode = 'single',\n placeholder,\n loading = false,\n invalid = false,\n showSearch = true,\n allowClear,\n placement,\n disabled,\n options: originalOptions,\n popoverWidth = 'match-parent',\n onFocus,\n onBlur,\n onClick,\n children,\n optionFilterProp = 'label',\n optionLabelProp = 'label',\n optionSelectionType,\n optionShowInputControls,\n optionMutliline = false,\n onKeyDown,\n onSearch,\n onSelect,\n onDeselect,\n onClear,\n onChange,\n defaultValue,\n suffix,\n value,\n style,\n // This prop is not used in the new Select implementation, but kept for compatibility.\n // If you need virtualized options, please use the DeprecatedSelect component.\n virtual: _virtual = false,\n ...rest\n }: ISelectProps,\n ref,\n ): ReactElement => {\n const inputRef = useRef<HTMLInputElement>(null);\n const optionsContainerRef = useRef<HTMLDivElement>(null);\n const [isOpen, setIsOpen] = useState(defaultOpen ?? false);\n const id = useId();\n const [handled, setHandled] = useState(false);\n const inputId = idProp ?? `select-${id}-input`;\n const [searchValue, setSearchValue] = useState<string>('');\n const [selectedNodeValues, setSelectedNodeValues] = useState<ValueType[]>(() => asArray(defaultValue ?? value));\n const options = useOptions(children, `select-${id}`, originalOptions);\n const flatOptions = useMemo(\n () => options.flatMap((opt) => (opt.isGroup ? [opt, ...opt.options] : [opt])),\n [options],\n );\n const filteredOptions = useMemo(\n () =>\n searchValue && searchValue.trim().length > 0\n ? flatOptions.filter(\n (opt) =>\n opt?.isGroup \|\|\n strIncludes(opt?.[optionFilterProp as keyof (typeof options)[number]] as string, searchValue),\n )\n : flatOptions,\n [flatOptions, searchValue, optionFilterProp],\n );\n const availableOptionKeys = useMemo(\n () => filteredOptions.filter((opt) => opt && !opt.isGroup && opt.disabled !== true).map((opt) => opt.key),\n [filteredOptions],\n );\n\n const [currentNodeKey, setCurrentNodeKey] = useState<string \| null>(null);\n\n // Set the initial current node key to the first available option\n useEffect(() => {\n setCurrentNodeKey(flatOptions.find((opt) => !opt.isGroup && !opt.disabled)?.key ?? null);\n }, [flatOptions]);\n\n const handleOnChange = useCallback(\n (newNodeValues: ValueType[]) => {\n if (mode === 'single') {\n onChange?.(newNodeValues.length === 1 ? newNodeValues[0] : null);\n return;\n }\n\n onChange?.(newNodeValues);\n },\n [mode, onChange],\n );\n\n useEffect(() => {\n if (mode === 'single') {\n setSelectedNodeValues(value ? [value] : []);\n } else if (Array.isArray(value)) {\n setSelectedNodeValues(value);\n }\n }, [value, mode]);\n\n const selectNodeValue = useCallback(\n (nodeValue: ValueType) => {\n const {\n current: newSelectedValues,\n added,\n removed,\n } = updateSelectedValues(selectedNodeValues, nodeValue, mode, allowClear);\n\n added.forEach((addedValue) => {\n const addedOption = flatOptions.find((opt) => !opt.isGroup && opt.value === addedValue);\n if (SelectUtils.isOption(addedOption) && onSelect) {\n onSelect(addedOption.value, addedOption);\n }\n });\n removed.forEach((removedValue) => {\n const removedOption = flatOptions.find((opt) => !opt.isGroup && opt.value === removedValue);\n if (SelectUtils.isOption(removedOption) && onDeselect) {\n onDeselect(removedOption.value, removedOption);\n }\n });\n\n setSelectedNodeValues(newSelectedValues);\n handleOnChange(newSelectedValues);\n\n setSearchValue('');\n if (mode === 'single') {\n setIsOpen(false);\n }\n },\n [selectedNodeValues, mode, allowClear, handleOnChange, flatOptions, onSelect, onDeselect],\n );\n\n // define node values based on selected node keys\n // This is used for the input label and for the selected tags in multiple mode.\n const selectedNodeLabels = useMemo(\n () =>\n selectedNodeValues?.map(\n (nodeValue) =>\n (options\n .flatMap((opt) => (opt.isGroup ? opt.options : [opt]))\n .find((opt) => !opt.isGroup && opt.value === nodeValue)?.[\n optionLabelProp as keyof (typeof options)[number]\n ] ?? nodeValue) as string,\n ),\n [options, selectedNodeValues, optionLabelProp],\n );\n\n // Scroll to the current node when it changes; this is useful for keyboard navigation and for options that are not visible\n // in the viewport.\n useEffect(() => {\n if (currentNodeKey) {\n document.getElementById(currentNodeKey)?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n }\n }, [currentNodeKey]);\n\n // Calculate the width of the input wrapper to set the width of the options container (popover content)\n const inputWrapperRect = useElementRect(inputRef.current?.parentElement?.parentElement);\n\n useImperativeHandle(ref, () => inputRef.current!);\n\n const { focusKind, handleOnClick, handleOnFocus, handleOnBlur, handleOnMouseDownCapture } = useFocusRingOnKeyboard({\n inputRef,\n onFocus,\n onBlur,\n onClick,\n });\n\n const onBlurHandler = useCallback(\n (event: FocusEvent<HTMLInputElement>) => {\n if (handled) {\n return;\n }\n // If the blur event is triggered by clicking outside the select options, close the dropdown\n // If the related target is not part of the select options, close the dropdown\n // If the related target is part of the select options, keep the dropdown open\n if (\n !event.relatedTarget \|\|\n (!event.currentTarget.contains(event.relatedTarget) &&\n (event.relatedTarget as HTMLElement).id !== `select-${id}-controls` &&\n (event.relatedTarget as HTMLElement).parentElement?.id !== `select-${id}-options-container`)\n ) {\n setSearchValue('');\n handleOnBlur(event);\n setIsOpen(false);\n } else {\n handleOnFocus(event);\n inputRef.current?.focus();\n }\n },\n [handleOnBlur, handleOnFocus, id, handled],\n );\n\n const onkeydownHandler = useCallback(\n (event: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDownHandle(event, {\n isOpen,\n setIsOpen,\n input: inputRef.current,\n allowClear: Boolean(allowClear),\n availableOptionKeys,\n searchValue,\n selectedNodeValues,\n selectNodeValue,\n flatOptions,\n currentNodeKey,\n setCurrentNodeKey,\n });\n onKeyDown?.(event);\n },\n [\n onKeyDown,\n isOpen,\n allowClear,\n availableOptionKeys,\n searchValue,\n selectedNodeValues,\n selectNodeValue,\n flatOptions,\n currentNodeKey,\n ],\n );\n\n const handleSearchChange: ChangeEventHandler<HTMLInputElement> = useCallback(\n (event) => {\n const newValue = event.target.value;\n\n setSearchValue(newValue);\n onSearch?.(newValue);\n },\n [onSearch],\n );\n\n return (\n <Popover open={isOpen} onOpenChange={setIsOpen}>\n <label\n htmlFor={inputId}\n id={`select-${id}-label`}\n tabIndex={-1}\n style={{\n position: 'absolute',\n width: '1px',\n height: '1px',\n padding: '0px',\n margin: '-1px',\n overflow: 'hidden',\n clip: 'rect(0px, 0px, 0px, 0px)',\n whiteSpace: 'nowrap',\n borderWidth: '0px',\n }}\n >\n {selectedNodeValues.join(', ')}\n </label>\n <PopoverTrigger asChild={true}>\n <SelectInput\n inputRef={inputRef}\n data-focused={focusKind}\n $mode={mode}\n className={classNames(SELECT_CLASS, className)}\n style={style}\n size={size}\n allowReadOnlyClear={true}\n readOnly={!showSearch}\n onFocus={handleOnFocus}\n onBlur={onBlurHandler}\n wrapperProps={{\n onMouseDownCapture: (e) => {\n setHandled(true);\n handleOnMouseDownCapture(e);\n },\n onClick: (e) => {\n if (!e.isDefaultPrevented()) {\n inputRef.current?.click();\n }\n setHandled(false);\n handleOnClick(e);\n },\n }}\n onClick={(e) => {\n if (showSearch && !disabled && !e.isDefaultPrevented()) {\n setIsOpen(true);\n e.preventDefault();\n }\n setHandled(false);\n e.stopPropagation();\n }}\n invalid={invalid}\n loading={loading}\n disabled={disabled}\n onKeyDown={onkeydownHandler}\n value={searchValue}\n onChange={handleSearchChange}\n name=\"select-input\"\n type=\"text\"\n customPrefix={\n mode === 'multiple' &&\n selectedNodeValues.map((sNodeValue, index) => (\n <SelectTag\n sentiment=\"information\"\n $disabled={disabled}\n $invalid={invalid}\n size={size}\n closeButton={!disabled && allowClear}\n onCloseClick={() => {\n selectNodeValue(sNodeValue);\n }}\n key={`select-${id}-value-${sNodeValue}`}\n >\n {selectedNodeLabels[index]}\n </SelectTag>\n ))\n }\n customSuffix={\n selectedNodeValues.length > 0 &&\n mode === 'single' &&\n (!searchValue \|\| searchValue.trim().length === 0) && (\n <SelectedSingleOptionLabel disabled={disabled} id={`select-${id}-value`} size={size}>\n {selectedNodeLabels[0]}\n </SelectedSingleOptionLabel>\n )\n }\n suffix={{\n transparent: true,\n node: suffix ? (\n <Flexbox gap=\"2px\">\n {suffix}\n <ChevronDown />\n </Flexbox>\n ) : (\n <ChevronDown />\n ),\n onClick: (e) => {\n const clickEvent = new Event('click', { bubbles: true, cancelable: true });\n if (showSearch && !disabled) {\n setIsOpen((prev) => !prev);\n clickEvent.preventDefault();\n e.preventDefault();\n }\n inputRef.current?.dispatchEvent(clickEvent);\n },\n }}\n placeholder={\n !searchValue && ((selectedNodeValues.length === 0 && mode === 'single') \|\| mode === 'multiple')\n ? placeholder\n : ''\n }\n allowClear={allowClear && ((val) => val !== '' \|\| selectedNodeValues.length > 0)}\n onClear={() => {\n selectNodeValue(null);\n onClear?.();\n }}\n autoComplete=\"off\"\n autoCorrect=\"off\"\n multiple={mode !== 'single'}\n spellCheck=\"false\"\n aria-autocomplete=\"list\"\n role=\"combobox\"\n aria-haspopup=\"listbox\"\n aria-controls={isOpen ? `select-${id}-controls` : undefined}\n aria-labelledby={`select-${id}-label`}\n id={inputId}\n aria-activedescendant={isOpen ? (currentNodeKey ?? undefined) : undefined}\n {...rest}\n />\n </PopoverTrigger>\n <SelectPopoverContent\n role=\"listbox\"\n align=\"start\"\n side=\"bottom\"\n ref={optionsContainerRef}\n style={{\n width: popoverWidth === 'fit-content' ? 'auto' : (inputWrapperRect?.width ?? 'auto'),\n }}\n size={size === Sizes.XSmall ? Sizes.Small : size}\n sideOffset={4}\n alignOffset={0}\n tabIndex={-1}\n onOpenAutoFocus={(e) => {\n // prevent default focus behavior\n e.preventDefault();\n e.stopPropagation();\n }}\n aria-label=\"Suggestions\"\n id={`select-${id}-controls`}\n padding={false}\n >\n <div id={`select-${id}-options-container`} role=\"presentation\" tabIndex={-1}>\n {!loading &&\n filteredOptions.map((option, i) => {\n if (option.isGroup && filteredOptions.some((opt) => !opt.isGroup && opt.key.startsWith(option.key))) {\n return (\n <ListItemHeader\n size={size === Sizes.XSmall ? Sizes.Small : size}\n key={option.key}\n id={option.key}\n role=\"group\"\n label={option.label}\n divider={i !== 0}\n />\n );\n } else if (!option.isGroup) {\n return (\n <ListItem\n id={option.key}\n size={size === Sizes.XSmall ? Sizes.Small : size}\n key={option.key}\n role=\"option\"\n tabIndex={-1}\n onMouseMove={() => !option.disabled && setCurrentNodeKey(option.key)}\n onClick={() => !option.disabled && selectNodeValue(option.value ?? null)}\n onKeyDown={(event) => onkeydownHandler(event as unknown as React.KeyboardEvent<HTMLInputElement>)}\n selected={selectedNodeValues.includes(option.value ?? null)}\n aria-selected={currentNodeKey === option.key}\n disabled={option.disabled}\n multiline={optionMutliline}\n label={option.label}\n optionItem={true}\n selectionType={optionSelectionType ?? (!mode \|\| mode === 'single' ? 'radio' : 'checkbox')}\n showInputControls={optionShowInputControls}\n />\n );\n }\n return null;\n })}\n </div>\n {!loading && (filteredOptions.length === 0 \|\| filteredOptions.every((opt) => opt.isGroup)) && (\n <ListItemHeader\n style={{ textAlign: 'center' }}\n size={size === Sizes.XSmall ? Sizes.Small : size}\n id={`select-${id}-options-not-found`}\n role=\"alert\"\n aria-live=\"polite\"\n aria-atomic={true}\n aria-label=\"No options found\"\n label=\"No options found\"\n divider={false}\n />\n )}\n {loading && <SelectLoading id={id} size={size} />}\n </SelectPopoverContent>\n </Popover>\n );\n },\n);\n\nexport default Select;\n"],"names":["Select","forwardRef","idProp","defaultOpen","className","size","Sizes","mode","placeholder","loading","invalid","showSearch","allowClear","placement","disabled","originalOptions","popoverWidth","onFocus","onBlur","onClick","children","optionFilterProp","optionLabelProp","optionSelectionType","optionShowInputControls","optionMutliline","onKeyDown","onSearch","onSelect","onDeselect","onClear","onChange","defaultValue","suffix","value","style","_virtual","rest","ref","inputRef","useRef","optionsContainerRef","isOpen","setIsOpen","useState","id","useId","handled","setHandled","inputId","searchValue","setSearchValue","selectedNodeValues","setSelectedNodeValues","asArray","options","useOptions","flatOptions","useMemo","opt","filteredOptions","strIncludes","availableOptionKeys","currentNodeKey","setCurrentNodeKey","useEffect","handleOnChange","useCallback","newNodeValues","selectNodeValue","nodeValue","newSelectedValues","added","removed","updateSelectedValues","addedValue","addedOption","SelectUtils.isOption","removedValue","removedOption","selectedNodeLabels","inputWrapperRect","useElementRect","useImperativeHandle","focusKind","handleOnClick","handleOnFocus","handleOnBlur","handleOnMouseDownCapture","useFocusRingOnKeyboard","onBlurHandler","event","onkeydownHandler","onKeyDownHandle","handleSearchChange","newValue","jsxs","Popover","jsx","PopoverTrigger","SelectInput","classNames","SELECT_CLASS","sNodeValue","index","SelectTag","SelectedSingleOptionLabel","Flexbox","ChevronDown","clickEvent","prev","val","SelectPopoverContent","option","i","ListItemHeader","ListItem","SelectLoading"],"mappings":"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"}
1	+ {"version":3,"file":"Select.js","sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import {\r\n type ChangeEventHandler,\r\n type FocusEvent,\r\n forwardRef,\r\n useCallback,\r\n useEffect,\r\n useId,\r\n useImperativeHandle,\r\n useMemo,\r\n useRef,\r\n useState,\r\n type ReactElement,\r\n} from 'react';\r\n\r\nimport { SELECT_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport classNames from 'classnames';\r\nimport { SelectUtils } from 'acinguiux-ds-react-base/components/Select';\r\n\r\nimport type { ISelectProps, ValueType } from './Select.types';\r\nimport { Popover, PopoverTrigger } from '../Popover/Popover';\r\nimport { ChevronDown } from '../Icon/components';\r\nimport { useFocusRingOnKeyboard } from '../../hooks/useFocusRingOnKeyboard';\r\nimport { SelectInput, SelectPopoverContent, SelectTag, SelectedSingleOptionLabel } from './Select.styles';\r\nimport ListItem from '../ListItem/ListItem';\r\nimport { useOptions } from './hooks/useOptions';\r\nimport { useElementRect } from './hooks/useElementRect';\r\nimport { strIncludes } from './utils/strUtils';\r\nimport { updateSelectedValues } from './utils/selection';\r\nimport { asArray } from './utils/props';\r\nimport Flexbox from '../Flexbox/Flexbox';\r\nimport { SelectLoading } from './components/SelectLoading';\r\nimport { onKeyDownHandle } from './utils/keydown';\r\nimport ListItemHeader from '../ListItem/ListItemHeader';\r\n\r\nconst Select = forwardRef<HTMLInputElement, ISelectProps>(\r\n (\r\n {\r\n id: idProp,\r\n defaultOpen,\r\n className,\r\n size = Sizes.Medium,\r\n mode = 'single',\r\n placeholder,\r\n loading = false,\r\n invalid = false,\r\n showSearch = true,\r\n allowClear,\r\n placement,\r\n disabled,\r\n options: originalOptions,\r\n popoverWidth = 'match-parent',\r\n onFocus,\r\n onBlur,\r\n onClick,\r\n children,\r\n optionFilterProp = 'label',\r\n optionLabelProp = 'label',\r\n optionSelectionType,\r\n optionShowInputControls,\r\n optionMutliline = false,\r\n onKeyDown,\r\n onSearch,\r\n onSelect,\r\n onDeselect,\r\n onClear,\r\n onChange,\r\n defaultValue,\r\n suffix,\r\n value,\r\n style,\r\n // This prop is not used in the new Select implementation, but kept for compatibility.\r\n // If you need virtualized options, please use the DeprecatedSelect component.\r\n virtual: _virtual = false,\r\n ...rest\r\n }: ISelectProps,\r\n ref,\r\n ): ReactElement => {\r\n const inputRef = useRef<HTMLInputElement>(null);\r\n const optionsContainerRef = useRef<HTMLDivElement>(null);\r\n const [isOpen, setIsOpen] = useState(defaultOpen ?? false);\r\n const id = useId();\r\n const [handled, setHandled] = useState(false);\r\n const inputId = idProp ?? `select-${id}-input`;\r\n const [searchValue, setSearchValue] = useState<string>('');\r\n const [selectedNodeValues, setSelectedNodeValues] = useState<ValueType[]>(() => asArray(defaultValue ?? value));\r\n const options = useOptions(children, `select-${id}`, originalOptions);\r\n const flatOptions = useMemo(\r\n () => options.flatMap((opt) => (opt.isGroup ? [opt, ...opt.options] : [opt])),\r\n [options],\r\n );\r\n const filteredOptions = useMemo(\r\n () =>\r\n searchValue && searchValue.trim().length > 0\r\n ? flatOptions.filter(\r\n (opt) =>\r\n opt?.isGroup \|\|\r\n strIncludes(opt?.[optionFilterProp as keyof (typeof options)[number]] as string, searchValue),\r\n )\r\n : flatOptions,\r\n [flatOptions, searchValue, optionFilterProp],\r\n );\r\n const availableOptionKeys = useMemo(\r\n () => filteredOptions.filter((opt) => opt && !opt.isGroup && opt.disabled !== true).map((opt) => opt.key),\r\n [filteredOptions],\r\n );\r\n\r\n const [currentNodeKey, setCurrentNodeKey] = useState<string \| null>(null);\r\n\r\n // Set the initial current node key to the first available option\r\n useEffect(() => {\r\n setCurrentNodeKey(flatOptions.find((opt) => !opt.isGroup && !opt.disabled)?.key ?? null);\r\n }, [flatOptions]);\r\n\r\n const handleOnChange = useCallback(\r\n (newNodeValues: ValueType[]) => {\r\n if (mode === 'single') {\r\n onChange?.(newNodeValues.length === 1 ? newNodeValues[0] : null);\r\n return;\r\n }\r\n\r\n onChange?.(newNodeValues);\r\n },\r\n [mode, onChange],\r\n );\r\n\r\n useEffect(() => {\r\n if (mode === 'single') {\r\n setSelectedNodeValues(value ? [value] : []);\r\n } else if (Array.isArray(value)) {\r\n setSelectedNodeValues(value);\r\n }\r\n }, [value, mode]);\r\n\r\n const selectNodeValue = useCallback(\r\n (nodeValue: ValueType) => {\r\n const {\r\n current: newSelectedValues,\r\n added,\r\n removed,\r\n } = updateSelectedValues(selectedNodeValues, nodeValue, mode, allowClear);\r\n\r\n added.forEach((addedValue) => {\r\n const addedOption = flatOptions.find((opt) => !opt.isGroup && opt.value === addedValue);\r\n if (SelectUtils.isOption(addedOption) && onSelect) {\r\n onSelect(addedOption.value, addedOption);\r\n }\r\n });\r\n removed.forEach((removedValue) => {\r\n const removedOption = flatOptions.find((opt) => !opt.isGroup && opt.value === removedValue);\r\n if (SelectUtils.isOption(removedOption) && onDeselect) {\r\n onDeselect(removedOption.value, removedOption);\r\n }\r\n });\r\n\r\n setSelectedNodeValues(newSelectedValues);\r\n handleOnChange(newSelectedValues);\r\n\r\n setSearchValue('');\r\n if (mode === 'single') {\r\n setIsOpen(false);\r\n }\r\n },\r\n [selectedNodeValues, mode, allowClear, handleOnChange, flatOptions, onSelect, onDeselect],\r\n );\r\n\r\n // define node values based on selected node keys\r\n // This is used for the input label and for the selected tags in multiple mode.\r\n const selectedNodeLabels = useMemo(\r\n () =>\r\n selectedNodeValues?.map(\r\n (nodeValue) =>\r\n (options\r\n .flatMap((opt) => (opt.isGroup ? opt.options : [opt]))\r\n .find((opt) => !opt.isGroup && opt.value === nodeValue)?.[\r\n optionLabelProp as keyof (typeof options)[number]\r\n ] ?? nodeValue) as string,\r\n ),\r\n [options, selectedNodeValues, optionLabelProp],\r\n );\r\n\r\n // Scroll to the current node when it changes; this is useful for keyboard navigation and for options that are not visible\r\n // in the viewport.\r\n useEffect(() => {\r\n if (currentNodeKey) {\r\n document.getElementById(currentNodeKey)?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\r\n }\r\n }, [currentNodeKey]);\r\n\r\n // Calculate the width of the input wrapper to set the width of the options container (popover content)\r\n const inputWrapperRect = useElementRect(inputRef.current?.parentElement?.parentElement);\r\n\r\n useImperativeHandle(ref, () => inputRef.current!);\r\n\r\n const { focusKind, handleOnClick, handleOnFocus, handleOnBlur, handleOnMouseDownCapture } = useFocusRingOnKeyboard({\r\n inputRef,\r\n onFocus,\r\n onBlur,\r\n onClick,\r\n });\r\n\r\n const onBlurHandler = useCallback(\r\n (event: FocusEvent<HTMLInputElement>) => {\r\n if (handled) {\r\n return;\r\n }\r\n // If the blur event is triggered by clicking outside the select options, close the dropdown\r\n // If the related target is not part of the select options, close the dropdown\r\n // If the related target is part of the select options, keep the dropdown open\r\n if (\r\n !event.relatedTarget \|\|\r\n (!event.currentTarget.contains(event.relatedTarget) &&\r\n (event.relatedTarget as HTMLElement).id !== `select-${id}-controls` &&\r\n (event.relatedTarget as HTMLElement).parentElement?.id !== `select-${id}-options-container`)\r\n ) {\r\n setSearchValue('');\r\n handleOnBlur(event);\r\n setIsOpen(false);\r\n } else {\r\n handleOnFocus(event);\r\n inputRef.current?.focus();\r\n }\r\n },\r\n [handleOnBlur, handleOnFocus, id, handled],\r\n );\r\n\r\n const onkeydownHandler = useCallback(\r\n (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n onKeyDownHandle(event, {\r\n isOpen,\r\n setIsOpen,\r\n input: inputRef.current,\r\n allowClear: Boolean(allowClear),\r\n availableOptionKeys,\r\n searchValue,\r\n selectedNodeValues,\r\n selectNodeValue,\r\n flatOptions,\r\n currentNodeKey,\r\n setCurrentNodeKey,\r\n });\r\n onKeyDown?.(event);\r\n },\r\n [\r\n onKeyDown,\r\n isOpen,\r\n allowClear,\r\n availableOptionKeys,\r\n searchValue,\r\n selectedNodeValues,\r\n selectNodeValue,\r\n flatOptions,\r\n currentNodeKey,\r\n ],\r\n );\r\n\r\n const handleSearchChange: ChangeEventHandler<HTMLInputElement> = useCallback(\r\n (event) => {\r\n const newValue = event.target.value;\r\n\r\n setSearchValue(newValue);\r\n onSearch?.(newValue);\r\n },\r\n [onSearch],\r\n );\r\n\r\n return (\r\n <Popover open={isOpen} onOpenChange={setIsOpen}>\r\n <label\r\n htmlFor={inputId}\r\n id={`select-${id}-label`}\r\n tabIndex={-1}\r\n style={{\r\n position: 'absolute',\r\n width: '1px',\r\n height: '1px',\r\n padding: '0px',\r\n margin: '-1px',\r\n overflow: 'hidden',\r\n clip: 'rect(0px, 0px, 0px, 0px)',\r\n whiteSpace: 'nowrap',\r\n borderWidth: '0px',\r\n }}\r\n >\r\n {selectedNodeValues.join(', ')}\r\n </label>\r\n <PopoverTrigger asChild={true}>\r\n <SelectInput\r\n inputRef={inputRef}\r\n data-focused={focusKind}\r\n $mode={mode}\r\n className={classNames(SELECT_CLASS, className)}\r\n style={style}\r\n size={size}\r\n allowReadOnlyClear={true}\r\n readOnly={!showSearch}\r\n onFocus={handleOnFocus}\r\n onBlur={onBlurHandler}\r\n wrapperProps={{\r\n onMouseDownCapture: (e) => {\r\n setHandled(true);\r\n handleOnMouseDownCapture(e);\r\n },\r\n onClick: (e) => {\r\n if (!e.isDefaultPrevented()) {\r\n inputRef.current?.click();\r\n }\r\n setHandled(false);\r\n handleOnClick(e);\r\n },\r\n }}\r\n onClick={(e) => {\r\n if (showSearch && !disabled && !e.isDefaultPrevented()) {\r\n setIsOpen(true);\r\n e.preventDefault();\r\n }\r\n setHandled(false);\r\n e.stopPropagation();\r\n }}\r\n invalid={invalid}\r\n loading={loading}\r\n disabled={disabled}\r\n onKeyDown={onkeydownHandler}\r\n value={searchValue}\r\n onChange={handleSearchChange}\r\n name=\"select-input\"\r\n type=\"text\"\r\n customPrefix={\r\n mode === 'multiple' &&\r\n selectedNodeValues.map((sNodeValue, index) => (\r\n <SelectTag\r\n sentiment=\"information\"\r\n $disabled={disabled}\r\n $invalid={invalid}\r\n size={size}\r\n closeButton={!disabled && allowClear}\r\n onCloseClick={() => {\r\n selectNodeValue(sNodeValue);\r\n }}\r\n key={`select-${id}-value-${sNodeValue}`}\r\n >\r\n {selectedNodeLabels[index]}\r\n </SelectTag>\r\n ))\r\n }\r\n customSuffix={\r\n selectedNodeValues.length > 0 &&\r\n mode === 'single' &&\r\n (!searchValue \|\| searchValue.trim().length === 0) && (\r\n <SelectedSingleOptionLabel disabled={disabled} id={`select-${id}-value`} size={size}>\r\n {selectedNodeLabels[0]}\r\n </SelectedSingleOptionLabel>\r\n )\r\n }\r\n suffix={{\r\n transparent: true,\r\n node: suffix ? (\r\n <Flexbox gap=\"2px\">\r\n {suffix}\r\n <ChevronDown />\r\n </Flexbox>\r\n ) : (\r\n <ChevronDown />\r\n ),\r\n onClick: (e) => {\r\n const clickEvent = new Event('click', { bubbles: true, cancelable: true });\r\n if (showSearch && !disabled) {\r\n setIsOpen((prev) => !prev);\r\n clickEvent.preventDefault();\r\n e.preventDefault();\r\n }\r\n inputRef.current?.dispatchEvent(clickEvent);\r\n },\r\n }}\r\n placeholder={\r\n !searchValue && ((selectedNodeValues.length === 0 && mode === 'single') \|\| mode === 'multiple')\r\n ? placeholder\r\n : ''\r\n }\r\n allowClear={allowClear && ((val) => val !== '' \|\| selectedNodeValues.length > 0)}\r\n onClear={() => {\r\n selectNodeValue(null);\r\n onClear?.();\r\n }}\r\n autoComplete=\"off\"\r\n autoCorrect=\"off\"\r\n multiple={mode !== 'single'}\r\n spellCheck=\"false\"\r\n aria-autocomplete=\"list\"\r\n role=\"combobox\"\r\n aria-haspopup=\"listbox\"\r\n aria-controls={isOpen ? `select-${id}-controls` : undefined}\r\n aria-labelledby={`select-${id}-label`}\r\n id={inputId}\r\n aria-activedescendant={isOpen ? (currentNodeKey ?? undefined) : undefined}\r\n {...rest}\r\n />\r\n </PopoverTrigger>\r\n <SelectPopoverContent\r\n role=\"listbox\"\r\n align=\"start\"\r\n side=\"bottom\"\r\n ref={optionsContainerRef}\r\n style={{\r\n width: popoverWidth === 'fit-content' ? 'auto' : (inputWrapperRect?.width ?? 'auto'),\r\n }}\r\n size={size === Sizes.XSmall ? Sizes.Small : size}\r\n sideOffset={4}\r\n alignOffset={0}\r\n tabIndex={-1}\r\n onOpenAutoFocus={(e) => {\r\n // prevent default focus behavior\r\n e.preventDefault();\r\n e.stopPropagation();\r\n }}\r\n aria-label=\"Suggestions\"\r\n id={`select-${id}-controls`}\r\n padding={false}\r\n >\r\n <div id={`select-${id}-options-container`} role=\"presentation\" tabIndex={-1}>\r\n {!loading &&\r\n filteredOptions.map((option, i) => {\r\n if (option.isGroup && filteredOptions.some((opt) => !opt.isGroup && opt.key.startsWith(option.key))) {\r\n return (\r\n <ListItemHeader\r\n size={size === Sizes.XSmall ? Sizes.Small : size}\r\n key={option.key}\r\n id={option.key}\r\n role=\"group\"\r\n label={option.label}\r\n divider={i !== 0}\r\n />\r\n );\r\n } else if (!option.isGroup) {\r\n return (\r\n <ListItem\r\n id={option.key}\r\n size={size === Sizes.XSmall ? Sizes.Small : size}\r\n key={option.key}\r\n role=\"option\"\r\n tabIndex={-1}\r\n onMouseMove={() => !option.disabled && setCurrentNodeKey(option.key)}\r\n onClick={() => !option.disabled && selectNodeValue(option.value ?? null)}\r\n onKeyDown={(event) => onkeydownHandler(event as unknown as React.KeyboardEvent<HTMLInputElement>)}\r\n selected={selectedNodeValues.includes(option.value ?? null)}\r\n aria-selected={currentNodeKey === option.key}\r\n disabled={option.disabled}\r\n multiline={optionMutliline}\r\n label={option.label}\r\n optionItem={true}\r\n selectionType={optionSelectionType ?? (!mode \|\| mode === 'single' ? 'radio' : 'checkbox')}\r\n showInputControls={optionShowInputControls}\r\n />\r\n );\r\n }\r\n return null;\r\n })}\r\n </div>\r\n {!loading && (filteredOptions.length === 0 \|\| filteredOptions.every((opt) => opt.isGroup)) && (\r\n <ListItemHeader\r\n style={{ textAlign: 'center' }}\r\n size={size === Sizes.XSmall ? Sizes.Small : size}\r\n id={`select-${id}-options-not-found`}\r\n role=\"alert\"\r\n aria-live=\"polite\"\r\n aria-atomic={true}\r\n aria-label=\"No options found\"\r\n label=\"No options found\"\r\n divider={false}\r\n />\r\n )}\r\n {loading && <SelectLoading id={id} size={size} />}\r\n </SelectPopoverContent>\r\n </Popover>\r\n );\r\n },\r\n);\r\n\r\nexport default Select;\r\n"],"names":["Select","forwardRef","idProp","defaultOpen","className","size","Sizes","mode","placeholder","loading","invalid","showSearch","allowClear","placement","disabled","originalOptions","popoverWidth","onFocus","onBlur","onClick","children","optionFilterProp","optionLabelProp","optionSelectionType","optionShowInputControls","optionMutliline","onKeyDown","onSearch","onSelect","onDeselect","onClear","onChange","defaultValue","suffix","value","style","_virtual","rest","ref","inputRef","useRef","optionsContainerRef","isOpen","setIsOpen","useState","id","useId","handled","setHandled","inputId","searchValue","setSearchValue","selectedNodeValues","setSelectedNodeValues","asArray","options","useOptions","flatOptions","useMemo","opt","filteredOptions","strIncludes","availableOptionKeys","currentNodeKey","setCurrentNodeKey","useEffect","handleOnChange","useCallback","newNodeValues","selectNodeValue","nodeValue","newSelectedValues","added","removed","updateSelectedValues","addedValue","addedOption","SelectUtils.isOption","removedValue","removedOption","selectedNodeLabels","inputWrapperRect","useElementRect","useImperativeHandle","focusKind","handleOnClick","handleOnFocus","handleOnBlur","handleOnMouseDownCapture","useFocusRingOnKeyboard","onBlurHandler","event","onkeydownHandler","onKeyDownHandle","handleSearchChange","newValue","jsxs","Popover","jsx","PopoverTrigger","SelectInput","classNames","SELECT_CLASS","sNodeValue","index","SelectTag","SelectedSingleOptionLabel","Flexbox","ChevronDown","clickEvent","prev","val","SelectPopoverContent","option","i","ListItemHeader","ListItem","SelectLoading"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.styles.js","sources":["../../../../src/components/Select/Select.styles.ts"],"sourcesContent":["import { FC } from 'react';\n\nimport { css, styled } from 'styled-components';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { InputConsts } from 'acinguiux-ds-react-base/components/Input';\nimport { SelectConsts } from 'acinguiux-ds-react-base/components/Select';\n\nimport { PopoverContent } from '../Popover/Popover';\nimport { ITextInputPropsImpl } from '../TextInput/TextInput.types';\nimport { LoadingContainer } from '../Loading/Loading.styles';\nimport { ClearButton } from '../TextInput/TextInput.styles';\nimport TextInput from '../TextInput/TextInput';\nimport Tag from '../Tag/Tag';\nimport { TagButton, TagLabelContainer } from '../Tag/Tag.styles';\nimport { ISelectProps } from './Select.types';\nimport { Flexbox } from '../Flexbox/Flexbox.styles';\nimport Label from '../Text/components/Label/Label';\nimport { Label as LabelStyles } from '../Text/components/Label/Label.styles';\n\nexport const SelectTag = styled(Tag)<{ $disabled?: boolean; $invalid?: boolean }>`\n ${({ theme, $invalid, $disabled, size }) => css`\n &,\n & ${TagButton} {\n background-color: ${theme.layer({ disabled: $disabled, sentiment: $invalid ? 'negative' : 'information' })[\n $invalid ? Variables.BackgroundSentiment : Variables.BackgroundSelected\n ]};\n }\n\n ${$disabled &&\n css`\n & ${TagLabelContainer} > ${LabelStyles} {\n color: ${theme.layer({ disabled: $disabled, sentiment: $invalid ? 'negative' : 'information' })[\n Variables.TextOnFoundationStrong\n ]};\n }\n `};\n\n ${!$disabled &&\n css`\n &:has(${TagButton}:hover) {\n &,\n & ${TagButton} {\n background-color: ${theme.layer({ sentiment: $invalid ? 'negative' : 'information', state: 'hover' })[\n $invalid ? Variables.BackgroundSentiment : Variables.BackgroundSelected\n ]};\n }\n }\n &:has(${TagButton}:active) {\n &,\n & ${TagButton} {\n background-color: ${theme.layer({ sentiment: $invalid ? 'negative' : 'information', state: 'press' })[\n $invalid ? Variables.BackgroundSentiment : Variables.BackgroundSelected\n ]};\n }\n }\n `};\n\n padding-inline: ${SelectConsts.newConsts[size ?? 'medium'].tags.padding}px;\n gap: ${SelectConsts.newConsts[size ?? 'medium'].tags.gap}px;\n\n & ${TagLabelContainer} {\n padding-inline: 0;\n gap: ${SelectConsts.newConsts[size ?? 'medium'].tags.textGap}px;\n }\n `};\n`;\n\nexport const SelectedSingleOptionLabel = styled(Label)`\n position: absolute;\n`;\n\nexport const SelectInput = styled(TextInput as FC<ITextInputPropsImpl>)<{ $mode?: ISelectProps['mode'] }>(\n ({ $mode, size, readOnly }) => css`\n align-items: flex-start;\n max-width: 100%;\n overflow: hidden;\n\n ${readOnly &&\n css`\n &,\n & input {\n cursor: default;\n }\n `};\n\n &:has([data-affix='suffix']) {\n --select-arrow-size: ${InputConsts.consts[size ?? 'medium'].iconSize +\n InputConsts.consts[size ?? 'medium'].padding.inline +\n InputConsts.consts[size ?? 'medium'].containerGap}px;\n }\n\n &:has(${LoadingContainer}) {\n --select-loading-size: ${InputConsts.consts[size ?? 'medium'].iconSize +\n InputConsts.consts[size ?? 'medium'].padding.inline * 2 +\n InputConsts.consts[size ?? 'medium'].containerGap}px;\n }\n\n &:has(${ClearButton}) {\n --select-clear-btn-size: ${InputConsts.consts[size ?? 'medium'].iconSize +\n InputConsts.consts[size ?? 'medium'].padding.inline * 2 +\n InputConsts.consts[size ?? 'medium'].containerGap}px;\n }\n\n ${Flexbox}:has(input) {\n position: relative;\n }\n\n ${SelectedSingleOptionLabel} {\n --single-option-label-padding: ${InputConsts.consts[size ?? 'medium'].padding.inline}px;\n left: var(--single-option-label-padding);\n white-space: nowrap;\n min-width: 0;\n width: 100%;\n max-width: calc(100% - var(--single-option-label-padding));\n overflow: hidden;\n display: block;\n text-overflow: ellipsis;\n }\n\n ${$mode === 'multiple' &&\n css`\n ${Flexbox}:has(input) {\n gap: ${SelectConsts.newConsts[size ?? 'medium'].gap}px;\n &:has(${SelectTag}) {\n padding: ${SelectConsts.newConsts[size ?? 'medium'].prefixPadding}px;\n\n input {\n padding: 0;\n }\n }\n }\n\n input {\n width: auto;\n }\n `}\n\n ${LabelStyles} {\n text-overflow: ellipsis;\n }\n\n ${SelectTag} {\n height: ${SelectConsts.newConsts[size ?? 'medium'].tags.height}px;\n border-radius: ${SelectConsts.newConsts[size ?? 'medium'].tags.borderRadius}px;\n overflow: hidden;\n position: relative;\n max-width: 100%;\n ${TagLabelContainer} {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n min-width: 0;\n max-width: 100%;\n display: block;\n }\n }\n `,\n);\n\nconst listItemSize = {\n small: 32,\n medium: 40,\n large: 48,\n};\n\nexport const SelectPopoverContent = styled(PopoverContent)`\n max-height: min(300px, calc(var(--radix-popper-available-height) - 10px));\n overflow-y: auto;\n\n & > :first-child:has() {\n margin-inline: 4px;\n }\n\n & > :has() {\n min-height: calc(${({ size }) => listItemSize[size ?? 'medium']}px);\n margin: 4px 0;\n gap: 4px;\n display: flex;\n align-items: stretch;\n justify-content: start;\n flex-direction: column;\n }\n`;\n"],"names":["SelectTag","styled","Tag","theme","$invalid","$disabled","size","css","TagButton","Variables","TagLabelContainer","LabelStyles","SelectConsts.newConsts","SelectedSingleOptionLabel","Label","SelectInput","TextInput","$mode","readOnly","InputConsts.consts","LoadingContainer","ClearButton","Flexbox","listItemSize","SelectPopoverContent","PopoverContent"],"mappings":"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"}
1	+ {"version":3,"file":"Select.styles.js","sources":["../../../../src/components/Select/Select.styles.ts"],"sourcesContent":["import { FC } from 'react';\r\n\r\nimport { css, styled } from 'styled-components';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { InputConsts } from 'acinguiux-ds-react-base/components/Input';\r\nimport { SelectConsts } from 'acinguiux-ds-react-base/components/Select';\r\n\r\nimport { PopoverContent } from '../Popover/Popover';\r\nimport { ITextInputPropsImpl } from '../TextInput/TextInput.types';\r\nimport { LoadingContainer } from '../Loading/Loading.styles';\r\nimport { ClearButton } from '../TextInput/TextInput.styles';\r\nimport TextInput from '../TextInput/TextInput';\r\nimport Tag from '../Tag/Tag';\r\nimport { TagButton, TagLabelContainer } from '../Tag/Tag.styles';\r\nimport { ISelectProps } from './Select.types';\r\nimport { Flexbox } from '../Flexbox/Flexbox.styles';\r\nimport Label from '../Text/components/Label/Label';\r\nimport { Label as LabelStyles } from '../Text/components/Label/Label.styles';\r\n\r\nexport const SelectTag = styled(Tag)<{ $disabled?: boolean; $invalid?: boolean }>`\r\n ${({ theme, $invalid, $disabled, size }) => css`\r\n &,\r\n & ${TagButton} {\r\n background-color: ${theme.layer({ disabled: $disabled, sentiment: $invalid ? 'negative' : 'information' })[\r\n $invalid ? Variables.BackgroundSentiment : Variables.BackgroundSelected\r\n ]};\r\n }\r\n\r\n ${$disabled &&\r\n css`\r\n & ${TagLabelContainer} > ${LabelStyles} {\r\n color: ${theme.layer({ disabled: $disabled, sentiment: $invalid ? 'negative' : 'information' })[\r\n Variables.TextOnFoundationStrong\r\n ]};\r\n }\r\n `};\r\n\r\n ${!$disabled &&\r\n css`\r\n &:has(${TagButton}:hover) {\r\n &,\r\n & ${TagButton} {\r\n background-color: ${theme.layer({ sentiment: $invalid ? 'negative' : 'information', state: 'hover' })[\r\n $invalid ? Variables.BackgroundSentiment : Variables.BackgroundSelected\r\n ]};\r\n }\r\n }\r\n &:has(${TagButton}:active) {\r\n &,\r\n & ${TagButton} {\r\n background-color: ${theme.layer({ sentiment: $invalid ? 'negative' : 'information', state: 'press' })[\r\n $invalid ? Variables.BackgroundSentiment : Variables.BackgroundSelected\r\n ]};\r\n }\r\n }\r\n `};\r\n\r\n padding-inline: ${SelectConsts.newConsts[size ?? 'medium'].tags.padding}px;\r\n gap: ${SelectConsts.newConsts[size ?? 'medium'].tags.gap}px;\r\n\r\n & ${TagLabelContainer} {\r\n padding-inline: 0;\r\n gap: ${SelectConsts.newConsts[size ?? 'medium'].tags.textGap}px;\r\n }\r\n `};\r\n`;\r\n\r\nexport const SelectedSingleOptionLabel = styled(Label)`\r\n position: absolute;\r\n`;\r\n\r\nexport const SelectInput = styled(TextInput as FC<ITextInputPropsImpl>)<{ $mode?: ISelectProps['mode'] }>(\r\n ({ $mode, size, readOnly }) => css`\r\n align-items: flex-start;\r\n max-width: 100%;\r\n overflow: hidden;\r\n\r\n ${readOnly &&\r\n css`\r\n &,\r\n & input {\r\n cursor: default;\r\n }\r\n `};\r\n\r\n &:has([data-affix='suffix']) {\r\n --select-arrow-size: ${InputConsts.consts[size ?? 'medium'].iconSize +\r\n InputConsts.consts[size ?? 'medium'].padding.inline +\r\n InputConsts.consts[size ?? 'medium'].containerGap}px;\r\n }\r\n\r\n &:has(${LoadingContainer}) {\r\n --select-loading-size: ${InputConsts.consts[size ?? 'medium'].iconSize +\r\n InputConsts.consts[size ?? 'medium'].padding.inline * 2 +\r\n InputConsts.consts[size ?? 'medium'].containerGap}px;\r\n }\r\n\r\n &:has(${ClearButton}) {\r\n --select-clear-btn-size: ${InputConsts.consts[size ?? 'medium'].iconSize +\r\n InputConsts.consts[size ?? 'medium'].padding.inline * 2 +\r\n InputConsts.consts[size ?? 'medium'].containerGap}px;\r\n }\r\n\r\n ${Flexbox}:has(input) {\r\n position: relative;\r\n }\r\n\r\n ${SelectedSingleOptionLabel} {\r\n --single-option-label-padding: ${InputConsts.consts[size ?? 'medium'].padding.inline}px;\r\n left: var(--single-option-label-padding);\r\n white-space: nowrap;\r\n min-width: 0;\r\n width: 100%;\r\n max-width: calc(100% - var(--single-option-label-padding));\r\n overflow: hidden;\r\n display: block;\r\n text-overflow: ellipsis;\r\n }\r\n\r\n ${$mode === 'multiple' &&\r\n css`\r\n ${Flexbox}:has(input) {\r\n gap: ${SelectConsts.newConsts[size ?? 'medium'].gap}px;\r\n &:has(${SelectTag}) {\r\n padding: ${SelectConsts.newConsts[size ?? 'medium'].prefixPadding}px;\r\n\r\n input {\r\n padding: 0;\r\n }\r\n }\r\n }\r\n\r\n input {\r\n width: auto;\r\n }\r\n `}\r\n\r\n ${LabelStyles} {\r\n text-overflow: ellipsis;\r\n }\r\n\r\n ${SelectTag} {\r\n height: ${SelectConsts.newConsts[size ?? 'medium'].tags.height}px;\r\n border-radius: ${SelectConsts.newConsts[size ?? 'medium'].tags.borderRadius}px;\r\n overflow: hidden;\r\n position: relative;\r\n max-width: 100%;\r\n ${TagLabelContainer} {\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n min-width: 0;\r\n max-width: 100%;\r\n display: block;\r\n }\r\n }\r\n `,\r\n);\r\n\r\nconst listItemSize = {\r\n small: 32,\r\n medium: 40,\r\n large: 48,\r\n};\r\n\r\nexport const SelectPopoverContent = styled(PopoverContent)`\r\n max-height: min(300px, calc(var(--radix-popper-available-height) - 10px));\r\n overflow-y: auto;\r\n\r\n & > :first-child:has() {\r\n margin-inline: 4px;\r\n }\r\n\r\n & > :has() {\r\n min-height: calc(${({ size }) => listItemSize[size ?? 'medium']}px);\r\n margin: 4px 0;\r\n gap: 4px;\r\n display: flex;\r\n align-items: stretch;\r\n justify-content: start;\r\n flex-direction: column;\r\n }\r\n`;\r\n"],"names":["SelectTag","styled","Tag","theme","$invalid","$disabled","size","css","TagButton","Variables","TagLabelContainer","LabelStyles","SelectConsts.newConsts","SelectedSingleOptionLabel","Label","SelectInput","TextInput","$mode","readOnly","InputConsts.consts","LoadingContainer","ClearButton","Flexbox","listItemSize","SelectPopoverContent","PopoverContent"],"mappings":"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"}

package/build/esm/components/Select/components/Option/Option.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Option.js","sources":["../../../../../../src/components/Select/components/Option/Option.tsx"],"sourcesContent":["import type { SelectTypes } from 'acinguiux-ds-react-base/components/Select';\n\nexport type IOptionProps = SelectTypes.IOptionProps;\n\nconst Option = (_: IOptionProps) => {\n return null;\n};\n\nOption.displayName = 'Option';\n\nexport default Option;\n"],"names":["Option","_"],"mappings":"AAIA,MAAMA,IAAS,CAACC,MACP;AAGTD,EAAO,cAAc;"}
1	+ {"version":3,"file":"Option.js","sources":["../../../../../../src/components/Select/components/Option/Option.tsx"],"sourcesContent":["import type { SelectTypes } from 'acinguiux-ds-react-base/components/Select';\r\n\r\nexport type IOptionProps = SelectTypes.IOptionProps;\r\n\r\nconst Option = (_: IOptionProps) => {\r\n return null;\r\n};\r\n\r\nOption.displayName = 'Option';\r\n\r\nexport default Option;\r\n"],"names":["Option","_"],"mappings":"AAIA,MAAMA,IAAS,CAACC,MACP;AAGTD,EAAO,cAAc;"}

package/build/esm/components/Select/components/OptionGroup/OptionGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OptionGroup.js","sources":["../../../../../../src/components/Select/components/OptionGroup/OptionGroup.tsx"],"sourcesContent":["import type { SelectTypes } from 'acinguiux-ds-react-base/components/Select';\n\nexport type IOptionGroupProps = SelectTypes.IOptionGroupProps;\n\nconst OptionGroup = (_: IOptionGroupProps) => {\n return null;\n};\n\nOptionGroup.displayName = 'OptionGroup';\n\nexport default OptionGroup;\n"],"names":["OptionGroup","_"],"mappings":"AAIA,MAAMA,IAAc,CAACC,MACZ;AAGTD,EAAY,cAAc;"}
1	+ {"version":3,"file":"OptionGroup.js","sources":["../../../../../../src/components/Select/components/OptionGroup/OptionGroup.tsx"],"sourcesContent":["import type { SelectTypes } from 'acinguiux-ds-react-base/components/Select';\r\n\r\nexport type IOptionGroupProps = SelectTypes.IOptionGroupProps;\r\n\r\nconst OptionGroup = (_: IOptionGroupProps) => {\r\n return null;\r\n};\r\n\r\nOptionGroup.displayName = 'OptionGroup';\r\n\r\nexport default OptionGroup;\r\n"],"names":["OptionGroup","_"],"mappings":"AAIA,MAAMA,IAAc,CAACC,MACZ;AAGTD,EAAY,cAAc;"}

package/build/esm/components/Select/components/SelectLoading.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectLoading.js","sources":["../../../../../src/components/Select/components/SelectLoading.tsx"],"sourcesContent":["import { SelectTypes } from 'acinguiux-ds-react-base/components/Select';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\n\nimport ListItemHeader from '../../ListItem/ListItemHeader';\n\nexport type SelectLoadingProps = {\n size?: SelectTypes.Size;\n id?: string;\n};\n\nexport const SelectLoading = ({ id, size }: SelectLoadingProps) => (\n <ListItemHeader\n style={{ textAlign: 'center' }}\n size={size === Sizes.XSmall ? Sizes.Small : size}\n id={`select-${id}-options-loading`}\n role=\"alert\"\n aria-live=\"polite\"\n aria-atomic={true}\n aria-label=\"Loading...\"\n label=\"Loading...\"\n divider={false}\n />\n);\n"],"names":["SelectLoading","id","size","jsx","ListItemHeader","Sizes"],"mappings":";;;AAUO,MAAMA,IAAgB,CAAC,EAAE,IAAAC,GAAI,MAAAC,QAClC,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,OAAO,EAAE,WAAW,SAAA;AAAA,IACpB,MAAMF,MAASG,EAAM,SAASA,EAAM,QAAQH;AAAA,IAC5C,IAAI,UAAUD,CAAE;AAAA,IAChB,MAAK;AAAA,IACL,aAAU;AAAA,IACV,eAAa;AAAA,IACb,cAAW;AAAA,IACX,OAAM;AAAA,IACN,SAAS;AAAA,EAAA;AACX;"}
1	+ {"version":3,"file":"SelectLoading.js","sources":["../../../../../src/components/Select/components/SelectLoading.tsx"],"sourcesContent":["import { SelectTypes } from 'acinguiux-ds-react-base/components/Select';\r\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport ListItemHeader from '../../ListItem/ListItemHeader';\r\n\r\nexport type SelectLoadingProps = {\r\n size?: SelectTypes.Size;\r\n id?: string;\r\n};\r\n\r\nexport const SelectLoading = ({ id, size }: SelectLoadingProps) => (\r\n <ListItemHeader\r\n style={{ textAlign: 'center' }}\r\n size={size === Sizes.XSmall ? Sizes.Small : size}\r\n id={`select-${id}-options-loading`}\r\n role=\"alert\"\r\n aria-live=\"polite\"\r\n aria-atomic={true}\r\n aria-label=\"Loading...\"\r\n label=\"Loading...\"\r\n divider={false}\r\n />\r\n);\r\n"],"names":["SelectLoading","id","size","jsx","ListItemHeader","Sizes"],"mappings":";;;AAUO,MAAMA,IAAgB,CAAC,EAAE,IAAAC,GAAI,MAAAC,QAClC,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,OAAO,EAAE,WAAW,SAAA;AAAA,IACpB,MAAMF,MAASG,EAAM,SAASA,EAAM,QAAQH;AAAA,IAC5C,IAAI,UAAUD,CAAE;AAAA,IAChB,MAAK;AAAA,IACL,aAAU;AAAA,IACV,eAAa;AAAA,IACb,cAAW;AAAA,IACX,OAAM;AAAA,IACN,SAAS;AAAA,EAAA;AACX;"}

package/build/esm/components/Select/hooks/useElementRect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useElementRect.js","sources":["../../../../../src/components/Select/hooks/useElementRect.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nexport const useElementRect = (element?: HTMLElement \| null): DOMRect \| null => {\n const [clientRect, setClientRect] = useState<DOMRect \| null>(null);\n\n const updateClientRect = useCallback(() => {\n if (element) {\n setClientRect(element.getBoundingClientRect());\n }\n }, [element]);\n\n useEffect(() => {\n updateClientRect();\n window.addEventListener('resize', updateClientRect);\n\n return () => window.removeEventListener('resize', updateClientRect);\n }, [updateClientRect]);\n\n return clientRect;\n};\n"],"names":["useElementRect","element","clientRect","setClientRect","useState","updateClientRect","useCallback","useEffect"],"mappings":";AAEO,MAAMA,IAAiB,CAACC,MAAiD;AAC9E,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAyB,IAAI,GAE3DC,IAAmBC,EAAY,MAAM;AACzC,IAAIL,KACFE,EAAcF,EAAQ,uBAAuB;AAAA,EAEjD,GAAG,CAACA,CAAO,CAAC;AAEZ,SAAAM,EAAU,OACRF,EAAA,GACA,OAAO,iBAAiB,UAAUA,CAAgB,GAE3C,MAAM,OAAO,oBAAoB,UAAUA,CAAgB,IACjE,CAACA,CAAgB,CAAC,GAEdH;AACT;"}
1	+ {"version":3,"file":"useElementRect.js","sources":["../../../../../src/components/Select/hooks/useElementRect.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\r\n\r\nexport const useElementRect = (element?: HTMLElement \| null): DOMRect \| null => {\r\n const [clientRect, setClientRect] = useState<DOMRect \| null>(null);\r\n\r\n const updateClientRect = useCallback(() => {\r\n if (element) {\r\n setClientRect(element.getBoundingClientRect());\r\n }\r\n }, [element]);\r\n\r\n useEffect(() => {\r\n updateClientRect();\r\n window.addEventListener('resize', updateClientRect);\r\n\r\n return () => window.removeEventListener('resize', updateClientRect);\r\n }, [updateClientRect]);\r\n\r\n return clientRect;\r\n};\r\n"],"names":["useElementRect","element","clientRect","setClientRect","useState","updateClientRect","useCallback","useEffect"],"mappings":";AAEO,MAAMA,IAAiB,CAACC,MAAiD;AAC9E,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAyB,IAAI,GAE3DC,IAAmBC,EAAY,MAAM;AACzC,IAAIL,KACFE,EAAcF,EAAQ,uBAAuB;AAAA,EAEjD,GAAG,CAACA,CAAO,CAAC;AAEZ,SAAAM,EAAU,OACRF,EAAA,GACA,OAAO,iBAAiB,UAAUA,CAAgB,GAE3C,MAAM,OAAO,oBAAoB,UAAUA,CAAgB,IACjE,CAACA,CAAgB,CAAC,GAEdH;AACT;"}

package/build/esm/components/Select/hooks/useOptions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useOptions.js","sources":["../../../../../src/components/Select/hooks/useOptions.ts"],"sourcesContent":["import { type ReactNode, useMemo } from 'react';\n\nimport { SelectUtils, SelectTypes } from 'acinguiux-ds-react-base/components/Select';\n\nexport const useOptions = (\n children: ReactNode,\n selectId: string,\n originalOptions?: SelectTypes.IOptionParam[],\n): SelectTypes.IOption[] =>\n useMemo(() => {\n if (originalOptions) {\n return SelectUtils.ensureOptionsKeys(originalOptions, selectId);\n }\n\n const opts = Array.isArray(children) ? children.flat() : [children];\n\n return opts.flatMap((node, index) => SelectUtils.convertToOption(node, selectId, index));\n }, [children, originalOptions, selectId]);\n"],"names":["useOptions","children","selectId","originalOptions","useMemo","SelectUtils.ensureOptionsKeys","node","index","SelectUtils.convertToOption"],"mappings":";;AAIO,MAAMA,IAAa,CACxBC,GACAC,GACAC,MAEAC,EAAQ,MACFD,IACKE,EAA8BF,GAAiBD,CAAQ,KAGnD,MAAM,QAAQD,CAAQ,IAAIA,EAAS,SAAS,CAACA,CAAQ,GAEtD,QAAQ,CAACK,GAAMC,MAAUC,EAA4BF,GAAMJ,GAAUK,CAAK,CAAC,GACtF,CAACN,GAAUE,GAAiBD,CAAQ,CAAC;"}
1	+ {"version":3,"file":"useOptions.js","sources":["../../../../../src/components/Select/hooks/useOptions.ts"],"sourcesContent":["import { type ReactNode, useMemo } from 'react';\r\n\r\nimport { SelectUtils, SelectTypes } from 'acinguiux-ds-react-base/components/Select';\r\n\r\nexport const useOptions = (\r\n children: ReactNode,\r\n selectId: string,\r\n originalOptions?: SelectTypes.IOptionParam[],\r\n): SelectTypes.IOption[] =>\r\n useMemo(() => {\r\n if (originalOptions) {\r\n return SelectUtils.ensureOptionsKeys(originalOptions, selectId);\r\n }\r\n\r\n const opts = Array.isArray(children) ? children.flat() : [children];\r\n\r\n return opts.flatMap((node, index) => SelectUtils.convertToOption(node, selectId, index));\r\n }, [children, originalOptions, selectId]);\r\n"],"names":["useOptions","children","selectId","originalOptions","useMemo","SelectUtils.ensureOptionsKeys","node","index","SelectUtils.convertToOption"],"mappings":";;AAIO,MAAMA,IAAa,CACxBC,GACAC,GACAC,MAEAC,EAAQ,MACFD,IACKE,EAA8BF,GAAiBD,CAAQ,KAGnD,MAAM,QAAQD,CAAQ,IAAIA,EAAS,SAAS,CAACA,CAAQ,GAEtD,QAAQ,CAACK,GAAMC,MAAUC,EAA4BF,GAAMJ,GAAUK,CAAK,CAAC,GACtF,CAACN,GAAUE,GAAiBD,CAAQ,CAAC;"}

package/build/esm/components/Select/utils/keydown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"keydown.js","sources":["../../../../../src/components/Select/utils/keydown.ts"],"sourcesContent":["import type { Dispatch, KeyboardEvent, SetStateAction } from 'react';\n\nimport type { SelectTypes } from 'acinguiux-ds-react-base/components/Select';\n\nimport { ValueType } from '../Select.types';\n\nexport interface KeyDownHandleOptions {\n isOpen: boolean;\n setIsOpen: Dispatch<SetStateAction<boolean>>;\n input: HTMLInputElement \| null;\n allowClear: boolean;\n searchValue: string;\n selectedNodeValues: ValueType[];\n selectNodeValue: (value: ValueType) => void;\n availableOptionKeys: string[];\n flatOptions: SelectTypes.IOption[];\n currentNodeKey: string \| null;\n setCurrentNodeKey: Dispatch<SetStateAction<string \| null>>;\n}\n\n// Transforms the Select state according to the key pressed\n// Would need to be refactored into a more testable piece of logic\nexport const onKeyDownHandle = (event: KeyboardEvent<HTMLInputElement>, options: KeyDownHandleOptions): void => {\n if (!options.isOpen && ['Enter', 'ArrowUp', 'ArrowDown', ' '].includes(event.key)) {\n event.preventDefault();\n event.stopPropagation();\n options.setIsOpen(true);\n return;\n }\n\n if (event.key === 'Escape') {\n event.preventDefault();\n options.setIsOpen(false);\n\n return;\n }\n\n options.input?.focus();\n\n if (\n options.allowClear &&\n (event.key === 'Backspace' \|\| event.key === 'Delete') &&\n (!options.searchValue \|\| options.searchValue.trim().length === 0) &&\n options.selectedNodeValues.length > 0\n ) {\n options.selectNodeValue(options.selectedNodeValues[options.selectedNodeValues.length - 1]);\n }\n\n if (options.availableOptionKeys.length === 0) {\n return;\n }\n\n if (\n event.key === 'Enter' \|\|\n ((!options.searchValue \|\| options.searchValue.trim().length === 0) && event.key === ' ')\n ) {\n event.preventDefault();\n const currentNode = options.flatOptions.find((opt) => !opt.isGroup && opt.key === options.currentNodeKey);\n options.selectNodeValue(currentNode && !currentNode?.isGroup ? (currentNode.value ?? null) : null);\n }\n\n if (event.key === 'ArrowDown') {\n event.preventDefault();\n options.setCurrentNodeKey((prevKey: string \| null) => {\n const currentNodeIdx = prevKey ? options.availableOptionKeys.indexOf(prevKey) : -1;\n if (currentNodeIdx === -1 \|\| currentNodeIdx === options.availableOptionKeys.length - 1) {\n return options.availableOptionKeys?.[0] ?? null;\n }\n\n return options.availableOptionKeys?.[currentNodeIdx + 1] ?? null;\n });\n }\n\n if (event.key === 'ArrowUp') {\n event.preventDefault();\n options.setCurrentNodeKey((prevKey) => {\n const currentNodeIdx = prevKey ? options.availableOptionKeys.indexOf(prevKey) : -1;\n if (currentNodeIdx <= 0) {\n return options.availableOptionKeys?.[options.availableOptionKeys.length - 1] ?? null;\n }\n return options.availableOptionKeys?.[currentNodeIdx - 1] ?? null;\n });\n }\n};\n"],"names":["onKeyDownHandle","event","options","currentNode","opt","prevKey","currentNodeIdx"],"mappings":"AAsBO,MAAMA,IAAkB,CAACC,GAAwCC,MAAwC;AAC9G,MAAI,CAACA,EAAQ,UAAU,CAAC,SAAS,WAAW,aAAa,GAAG,EAAE,SAASD,EAAM,GAAG,GAAG;AACjF,IAAAA,EAAM,eAAA,GACNA,EAAM,gBAAA,GACNC,EAAQ,UAAU,EAAI;AACtB;AAAA,EACF;AAEA,MAAID,EAAM,QAAQ,UAAU;AAC1B,IAAAA,EAAM,eAAA,GACNC,EAAQ,UAAU,EAAK;AAEvB;AAAA,EACF;AAaA,MAXAA,EAAQ,OAAO,MAAA,GAGbA,EAAQ,eACPD,EAAM,QAAQ,eAAeA,EAAM,QAAQ,cAC3C,CAACC,EAAQ,eAAeA,EAAQ,YAAY,OAAO,WAAW,MAC/DA,EAAQ,mBAAmB,SAAS,KAEpCA,EAAQ,gBAAgBA,EAAQ,mBAAmBA,EAAQ,mBAAmB,SAAS,CAAC,CAAC,GAGvFA,EAAQ,oBAAoB,WAAW,GAI3C;AAAA,QACED,EAAM,QAAQ,YACZ,CAACC,EAAQ,eAAeA,EAAQ,YAAY,KAAA,EAAO,WAAW,MAAMD,EAAM,QAAQ,KACpF;AACA,MAAAA,EAAM,eAAA;AACN,YAAME,IAAcD,EAAQ,YAAY,KAAK,CAACE,MAAQ,CAACA,EAAI,WAAWA,EAAI,QAAQF,EAAQ,cAAc;AACxG,MAAAA,EAAQ,gBAAgBC,KAAe,CAACA,GAAa,UAAWA,EAAY,SAAS,OAAQ,IAAI;AAAA,IACnG;AAEA,IAAIF,EAAM,QAAQ,gBAChBA,EAAM,eAAA,GACNC,EAAQ,kBAAkB,CAACG,MAA2B;AACpD,YAAMC,IAAiBD,IAAUH,EAAQ,oBAAoB,QAAQG,CAAO,IAAI;AAChF,aAAIC,MAAmB,MAAMA,MAAmBJ,EAAQ,oBAAoB,SAAS,IAC5EA,EAAQ,sBAAsB,CAAC,KAAK,OAGtCA,EAAQ,sBAAsBI,IAAiB,CAAC,KAAK;AAAA,IAC9D,CAAC,IAGCL,EAAM,QAAQ,cAChBA,EAAM,eAAA,GACNC,EAAQ,kBAAkB,CAACG,MAAY;AACrC,YAAMC,IAAiBD,IAAUH,EAAQ,oBAAoB,QAAQG,CAAO,IAAI;AAChF,aAAIC,KAAkB,IACbJ,EAAQ,sBAAsBA,EAAQ,oBAAoB,SAAS,CAAC,KAAK,OAE3EA,EAAQ,sBAAsBI,IAAiB,CAAC,KAAK;AAAA,IAC9D,CAAC;AAAA;AAEL;"}
1	+ {"version":3,"file":"keydown.js","sources":["../../../../../src/components/Select/utils/keydown.ts"],"sourcesContent":["import type { Dispatch, KeyboardEvent, SetStateAction } from 'react';\r\n\r\nimport type { SelectTypes } from 'acinguiux-ds-react-base/components/Select';\r\n\r\nimport { ValueType } from '../Select.types';\r\n\r\nexport interface KeyDownHandleOptions {\r\n isOpen: boolean;\r\n setIsOpen: Dispatch<SetStateAction<boolean>>;\r\n input: HTMLInputElement \| null;\r\n allowClear: boolean;\r\n searchValue: string;\r\n selectedNodeValues: ValueType[];\r\n selectNodeValue: (value: ValueType) => void;\r\n availableOptionKeys: string[];\r\n flatOptions: SelectTypes.IOption[];\r\n currentNodeKey: string \| null;\r\n setCurrentNodeKey: Dispatch<SetStateAction<string \| null>>;\r\n}\r\n\r\n// Transforms the Select state according to the key pressed\r\n// Would need to be refactored into a more testable piece of logic\r\nexport const onKeyDownHandle = (event: KeyboardEvent<HTMLInputElement>, options: KeyDownHandleOptions): void => {\r\n if (!options.isOpen && ['Enter', 'ArrowUp', 'ArrowDown', ' '].includes(event.key)) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n options.setIsOpen(true);\r\n return;\r\n }\r\n\r\n if (event.key === 'Escape') {\r\n event.preventDefault();\r\n options.setIsOpen(false);\r\n\r\n return;\r\n }\r\n\r\n options.input?.focus();\r\n\r\n if (\r\n options.allowClear &&\r\n (event.key === 'Backspace' \|\| event.key === 'Delete') &&\r\n (!options.searchValue \|\| options.searchValue.trim().length === 0) &&\r\n options.selectedNodeValues.length > 0\r\n ) {\r\n options.selectNodeValue(options.selectedNodeValues[options.selectedNodeValues.length - 1]);\r\n }\r\n\r\n if (options.availableOptionKeys.length === 0) {\r\n return;\r\n }\r\n\r\n if (\r\n event.key === 'Enter' \|\|\r\n ((!options.searchValue \|\| options.searchValue.trim().length === 0) && event.key === ' ')\r\n ) {\r\n event.preventDefault();\r\n const currentNode = options.flatOptions.find((opt) => !opt.isGroup && opt.key === options.currentNodeKey);\r\n options.selectNodeValue(currentNode && !currentNode?.isGroup ? (currentNode.value ?? null) : null);\r\n }\r\n\r\n if (event.key === 'ArrowDown') {\r\n event.preventDefault();\r\n options.setCurrentNodeKey((prevKey: string \| null) => {\r\n const currentNodeIdx = prevKey ? options.availableOptionKeys.indexOf(prevKey) : -1;\r\n if (currentNodeIdx === -1 \|\| currentNodeIdx === options.availableOptionKeys.length - 1) {\r\n return options.availableOptionKeys?.[0] ?? null;\r\n }\r\n\r\n return options.availableOptionKeys?.[currentNodeIdx + 1] ?? null;\r\n });\r\n }\r\n\r\n if (event.key === 'ArrowUp') {\r\n event.preventDefault();\r\n options.setCurrentNodeKey((prevKey) => {\r\n const currentNodeIdx = prevKey ? options.availableOptionKeys.indexOf(prevKey) : -1;\r\n if (currentNodeIdx <= 0) {\r\n return options.availableOptionKeys?.[options.availableOptionKeys.length - 1] ?? null;\r\n }\r\n return options.availableOptionKeys?.[currentNodeIdx - 1] ?? null;\r\n });\r\n }\r\n};\r\n"],"names":["onKeyDownHandle","event","options","currentNode","opt","prevKey","currentNodeIdx"],"mappings":"AAsBO,MAAMA,IAAkB,CAACC,GAAwCC,MAAwC;AAC9G,MAAI,CAACA,EAAQ,UAAU,CAAC,SAAS,WAAW,aAAa,GAAG,EAAE,SAASD,EAAM,GAAG,GAAG;AACjF,IAAAA,EAAM,eAAA,GACNA,EAAM,gBAAA,GACNC,EAAQ,UAAU,EAAI;AACtB;AAAA,EACF;AAEA,MAAID,EAAM,QAAQ,UAAU;AAC1B,IAAAA,EAAM,eAAA,GACNC,EAAQ,UAAU,EAAK;AAEvB;AAAA,EACF;AAaA,MAXAA,EAAQ,OAAO,MAAA,GAGbA,EAAQ,eACPD,EAAM,QAAQ,eAAeA,EAAM,QAAQ,cAC3C,CAACC,EAAQ,eAAeA,EAAQ,YAAY,OAAO,WAAW,MAC/DA,EAAQ,mBAAmB,SAAS,KAEpCA,EAAQ,gBAAgBA,EAAQ,mBAAmBA,EAAQ,mBAAmB,SAAS,CAAC,CAAC,GAGvFA,EAAQ,oBAAoB,WAAW,GAI3C;AAAA,QACED,EAAM,QAAQ,YACZ,CAACC,EAAQ,eAAeA,EAAQ,YAAY,KAAA,EAAO,WAAW,MAAMD,EAAM,QAAQ,KACpF;AACA,MAAAA,EAAM,eAAA;AACN,YAAME,IAAcD,EAAQ,YAAY,KAAK,CAACE,MAAQ,CAACA,EAAI,WAAWA,EAAI,QAAQF,EAAQ,cAAc;AACxG,MAAAA,EAAQ,gBAAgBC,KAAe,CAACA,GAAa,UAAWA,EAAY,SAAS,OAAQ,IAAI;AAAA,IACnG;AAEA,IAAIF,EAAM,QAAQ,gBAChBA,EAAM,eAAA,GACNC,EAAQ,kBAAkB,CAACG,MAA2B;AACpD,YAAMC,IAAiBD,IAAUH,EAAQ,oBAAoB,QAAQG,CAAO,IAAI;AAChF,aAAIC,MAAmB,MAAMA,MAAmBJ,EAAQ,oBAAoB,SAAS,IAC5EA,EAAQ,sBAAsB,CAAC,KAAK,OAGtCA,EAAQ,sBAAsBI,IAAiB,CAAC,KAAK;AAAA,IAC9D,CAAC,IAGCL,EAAM,QAAQ,cAChBA,EAAM,eAAA,GACNC,EAAQ,kBAAkB,CAACG,MAAY;AACrC,YAAMC,IAAiBD,IAAUH,EAAQ,oBAAoB,QAAQG,CAAO,IAAI;AAChF,aAAIC,KAAkB,IACbJ,EAAQ,sBAAsBA,EAAQ,oBAAoB,SAAS,CAAC,KAAK,OAE3EA,EAAQ,sBAAsBI,IAAiB,CAAC,KAAK;AAAA,IAC9D,CAAC;AAAA;AAEL;"}

package/build/esm/components/Select/utils/props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"props.js","sources":["../../../../../src/components/Select/utils/props.ts"],"sourcesContent":["import { ValueType } from '../Select.types';\n\nexport const asArray = (value: ValueType \| ValueType[] \| undefined): ValueType[] => {\n if (value === undefined \|\| value === null) {\n return [];\n }\n\n if (Array.isArray(value)) {\n return value;\n }\n\n return [value];\n};\n"],"names":["asArray","value"],"mappings":"AAEO,MAAMA,IAAU,CAACC,MACKA,KAAU,OAC5B,CAAA,IAGL,MAAM,QAAQA,CAAK,IACdA,IAGF,CAACA,CAAK;"}
1	+ {"version":3,"file":"props.js","sources":["../../../../../src/components/Select/utils/props.ts"],"sourcesContent":["import { ValueType } from '../Select.types';\r\n\r\nexport const asArray = (value: ValueType \| ValueType[] \| undefined): ValueType[] => {\r\n if (value === undefined \|\| value === null) {\r\n return [];\r\n }\r\n\r\n if (Array.isArray(value)) {\r\n return value;\r\n }\r\n\r\n return [value];\r\n};\r\n"],"names":["asArray","value"],"mappings":"AAEO,MAAMA,IAAU,CAACC,MACKA,KAAU,OAC5B,CAAA,IAGL,MAAM,QAAQA,CAAK,IACdA,IAGF,CAACA,CAAK;"}

package/build/esm/components/Select/utils/selection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"selection.js","sources":["../../../../../src/components/Select/utils/selection.ts"],"sourcesContent":["import type { ValueType } from '../Select.types';\n\nexport const updateSelectedValues = (\n currentNodeValues: ValueType[],\n nodeValue: ValueType,\n mode: 'single' \| 'multiple',\n allowClear = false,\n): { current: ValueType[]; added: ValueType[]; removed: ValueType[] } => {\n if (!nodeValue) {\n return {\n current: allowClear ? [] : currentNodeValues,\n added: [],\n removed: allowClear ? currentNodeValues : [],\n };\n }\n\n if (mode === 'single') {\n return currentNodeValues[0] !== nodeValue\n ? {\n current: [nodeValue],\n added: [nodeValue],\n removed: currentNodeValues,\n }\n : {\n current: allowClear ? [] : currentNodeValues,\n added: [],\n removed: allowClear ? [nodeValue] : [],\n };\n }\n\n const idx = currentNodeValues.indexOf(nodeValue);\n if (idx === -1) {\n return {\n current: [...currentNodeValues, nodeValue],\n added: [nodeValue],\n removed: [],\n };\n }\n\n return {\n current: [...currentNodeValues.slice(0, idx), ...currentNodeValues.slice(idx + 1)],\n added: [],\n removed: [nodeValue],\n };\n};\n"],"names":["updateSelectedValues","currentNodeValues","nodeValue","mode","allowClear","idx"],"mappings":"AAEO,MAAMA,IAAuB,CAClCC,GACAC,GACAC,GACAC,IAAa,OAC0D;AACvE,MAAI,CAACF;AACH,WAAO;AAAA,MACL,SAASE,IAAa,CAAA,IAAKH;AAAA,MAC3B,OAAO,CAAA;AAAA,MACP,SAASG,IAAaH,IAAoB,CAAA;AAAA,IAAC;AAI/C,MAAIE,MAAS;AACX,WAAOF,EAAkB,CAAC,MAAMC,IAC5B;AAAA,MACE,SAAS,CAACA,CAAS;AAAA,MACnB,OAAO,CAACA,CAAS;AAAA,MACjB,SAASD;AAAA,IAAA,IAEX;AAAA,MACE,SAASG,IAAa,CAAA,IAAKH;AAAA,MAC3B,OAAO,CAAA;AAAA,MACP,SAASG,IAAa,CAACF,CAAS,IAAI,CAAA;AAAA,IAAC;AAI7C,QAAMG,IAAMJ,EAAkB,QAAQC,CAAS;AAC/C,SAAIG,MAAQ,KACH;AAAA,IACL,SAAS,CAAC,GAAGJ,GAAmBC,CAAS;AAAA,IACzC,OAAO,CAACA,CAAS;AAAA,IACjB,SAAS,CAAA;AAAA,EAAC,IAIP;AAAA,IACL,SAAS,CAAC,GAAGD,EAAkB,MAAM,GAAGI,CAAG,GAAG,GAAGJ,EAAkB,MAAMI,IAAM,CAAC,CAAC;AAAA,IACjF,OAAO,CAAA;AAAA,IACP,SAAS,CAACH,CAAS;AAAA,EAAA;AAEvB;"}
1	+ {"version":3,"file":"selection.js","sources":["../../../../../src/components/Select/utils/selection.ts"],"sourcesContent":["import type { ValueType } from '../Select.types';\r\n\r\nexport const updateSelectedValues = (\r\n currentNodeValues: ValueType[],\r\n nodeValue: ValueType,\r\n mode: 'single' \| 'multiple',\r\n allowClear = false,\r\n): { current: ValueType[]; added: ValueType[]; removed: ValueType[] } => {\r\n if (!nodeValue) {\r\n return {\r\n current: allowClear ? [] : currentNodeValues,\r\n added: [],\r\n removed: allowClear ? currentNodeValues : [],\r\n };\r\n }\r\n\r\n if (mode === 'single') {\r\n return currentNodeValues[0] !== nodeValue\r\n ? {\r\n current: [nodeValue],\r\n added: [nodeValue],\r\n removed: currentNodeValues,\r\n }\r\n : {\r\n current: allowClear ? [] : currentNodeValues,\r\n added: [],\r\n removed: allowClear ? [nodeValue] : [],\r\n };\r\n }\r\n\r\n const idx = currentNodeValues.indexOf(nodeValue);\r\n if (idx === -1) {\r\n return {\r\n current: [...currentNodeValues, nodeValue],\r\n added: [nodeValue],\r\n removed: [],\r\n };\r\n }\r\n\r\n return {\r\n current: [...currentNodeValues.slice(0, idx), ...currentNodeValues.slice(idx + 1)],\r\n added: [],\r\n removed: [nodeValue],\r\n };\r\n};\r\n"],"names":["updateSelectedValues","currentNodeValues","nodeValue","mode","allowClear","idx"],"mappings":"AAEO,MAAMA,IAAuB,CAClCC,GACAC,GACAC,GACAC,IAAa,OAC0D;AACvE,MAAI,CAACF;AACH,WAAO;AAAA,MACL,SAASE,IAAa,CAAA,IAAKH;AAAA,MAC3B,OAAO,CAAA;AAAA,MACP,SAASG,IAAaH,IAAoB,CAAA;AAAA,IAAC;AAI/C,MAAIE,MAAS;AACX,WAAOF,EAAkB,CAAC,MAAMC,IAC5B;AAAA,MACE,SAAS,CAACA,CAAS;AAAA,MACnB,OAAO,CAACA,CAAS;AAAA,MACjB,SAASD;AAAA,IAAA,IAEX;AAAA,MACE,SAASG,IAAa,CAAA,IAAKH;AAAA,MAC3B,OAAO,CAAA;AAAA,MACP,SAASG,IAAa,CAACF,CAAS,IAAI,CAAA;AAAA,IAAC;AAI7C,QAAMG,IAAMJ,EAAkB,QAAQC,CAAS;AAC/C,SAAIG,MAAQ,KACH;AAAA,IACL,SAAS,CAAC,GAAGJ,GAAmBC,CAAS;AAAA,IACzC,OAAO,CAACA,CAAS;AAAA,IACjB,SAAS,CAAA;AAAA,EAAC,IAIP;AAAA,IACL,SAAS,CAAC,GAAGD,EAAkB,MAAM,GAAGI,CAAG,GAAG,GAAGJ,EAAkB,MAAMI,IAAM,CAAC,CAAC;AAAA,IACjF,OAAO,CAAA;AAAA,IACP,SAAS,CAACH,CAAS;AAAA,EAAA;AAEvB;"}

package/build/esm/components/Select/utils/strUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"strUtils.js","sources":["../../../../../src/components/Select/utils/strUtils.ts"],"sourcesContent":["type stringOrArray = string \| null \| undefined \| string[];\n\nexport const strIncludes = (str: stringOrArray, search: string): boolean => {\n if (typeof str === 'object' && Array.isArray(str)) {\n return strIncludes(str.join(''), search);\n }\n\n return (typeof str === 'string' && str?.toLowerCase().includes(search.toLowerCase().trim())) ?? false;\n};\n"],"names":["strIncludes","str","search"],"mappings":"AAEO,MAAMA,IAAc,CAACC,GAAoBC,MAC1C,OAAOD,KAAQ,YAAY,MAAM,QAAQA,CAAG,IACvCD,EAAYC,EAAI,KAAK,EAAE,GAAGC,CAAM,KAGjC,OAAOD,KAAQ,YAAYA,GAAK,YAAA,EAAc,SAASC,EAAO,YAAA,EAAc,KAAA,CAAM,MAAM;"}
1	+ {"version":3,"file":"strUtils.js","sources":["../../../../../src/components/Select/utils/strUtils.ts"],"sourcesContent":["type stringOrArray = string \| null \| undefined \| string[];\r\n\r\nexport const strIncludes = (str: stringOrArray, search: string): boolean => {\r\n if (typeof str === 'object' && Array.isArray(str)) {\r\n return strIncludes(str.join(''), search);\r\n }\r\n\r\n return (typeof str === 'string' && str?.toLowerCase().includes(search.toLowerCase().trim())) ?? false;\r\n};\r\n"],"names":["strIncludes","str","search"],"mappings":"AAEO,MAAMA,IAAc,CAACC,GAAoBC,MAC1C,OAAOD,KAAQ,YAAY,MAAM,QAAQA,CAAG,IACvCD,EAAYC,EAAI,KAAK,EAAE,GAAGC,CAAM,KAGjC,OAAOD,KAAQ,YAAYA,GAAK,YAAA,EAAc,SAASC,EAAO,YAAA,EAAc,KAAA,CAAM,MAAM;"}

package/build/esm/components/Slider/RangeSlider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RangeSlider.js","sources":["../../../../src/components/Slider/RangeSlider.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, type Ref, useEffect, useMemo, useState, type ChangeEvent } from 'react';\n\nimport classNames from 'classnames';\nimport RCSlider, { SliderProps } from 'rc-slider';\nimport { Positions, Sizes, Alignments, SLIDER_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { SliderTypes } from 'acinguiux-ds-react-base/components/Slider';\n\nimport Value from './components/Value/Value';\nimport * as Styled from './Slider.styles';\nimport Label from '../Text/components/Label/Label';\n\nconst RangeSlider = forwardRef(\n (\n {\n className,\n size = `${Sizes.Medium}`,\n defaultValue = [0, 0],\n labelAlignment = `${Alignments.LeftAndRight}`,\n labelPosition = `${Positions.Side}`,\n onChange,\n reverse = false,\n disabled = false,\n value,\n min = 0,\n max = 100,\n marks,\n inputValues = false,\n labelMin,\n labelMax,\n ...rest\n }: SliderProps & SliderTypes.IRangeProps,\n ref: Ref<HTMLDivElement>,\n ): ReactElement => {\n const [innerValue, setInnerValue] = useState<number[]>(defaultValue);\n\n const innerLabelPosition = useMemo(\n () => (marks \|\| inputValues ? `${Positions.Side}` : labelPosition),\n [marks, inputValues, labelPosition],\n );\n\n const handleOnChange = (newValue: number[]) => {\n onChange?.(newValue);\n setInnerValue(newValue);\n };\n\n const handleInputOnChange = (valueType: 'min' \| 'max') => (e: ChangeEvent<HTMLInputElement>) => {\n let newValue = innerValue \|\| [];\n let newTargetValue = Number(e.target.value);\n\n if (Number.isNaN(newTargetValue)) {\n e.preventDefault();\n e.stopPropagation();\n\n return;\n }\n\n if (newTargetValue < min) {\n newTargetValue = min;\n } else if (newTargetValue > max) {\n newTargetValue = max;\n }\n\n if (valueType === 'min') {\n newValue = [newTargetValue, newValue[1]];\n } else {\n newValue = [newValue[0], newTargetValue];\n }\n\n handleOnChange(newValue);\n };\n\n useEffect(() => {\n if (value) {\n setInnerValue(value);\n }\n }, [value]);\n\n return (\n <Styled.Slider\n className={classNames(SLIDER_CLASS, className)}\n $prefixCls={SLIDER_CLASS}\n $size={size}\n $labelAlignment={labelAlignment}\n $labelPosition={innerLabelPosition}\n $reverse={reverse}\n $disabled={disabled}\n ref={ref}\n >\n {!!innerValue && (\n <Styled.RangeLabels\n $grow={labelAlignment === Alignments.LeftAndRight && innerLabelPosition !== Positions.Side}\n $disabled={disabled}\n >\n {!!labelAlignment && labelAlignment !== 'none' && (\n <Value\n size={size}\n value={String(labelAlignment === Alignments.Right \|\| reverse ? innerValue[1] : innerValue[0])}\n handleOnChange={handleInputOnChange('min')}\n inputValues={inputValues}\n disabled={disabled}\n />\n )}\n {labelAlignment === Alignments.LeftAndRight && innerLabelPosition !== Positions.Side && (\n <Value\n size={size}\n value={String(innerValue[reverse ? 0 : 1])}\n handleOnChange={handleInputOnChange('min')}\n inputValues={inputValues}\n disabled={disabled}\n />\n )}\n </Styled.RangeLabels>\n )}\n {!!labelMin && !!inputValues && <Label>{min}</Label>}\n <RCSlider\n prefixCls={SLIDER_CLASS}\n defaultValue={defaultValue}\n onChange={handleOnChange as SliderTypes.RCSliderValueType}\n reverse={reverse}\n disabled={disabled}\n value={innerValue}\n marks={marks}\n ariaLabelForHandle=\"range-slider\"\n min={min}\n max={max}\n {...rest}\n range={true}\n />\n {!!labelMax && !!inputValues && <Label>{max}</Label>}\n {!!innerValue && labelAlignment === Alignments.LeftAndRight && innerLabelPosition === Positions.Side && (\n <Value\n size={size}\n value={String(innerValue[reverse ? 0 : 1])}\n handleOnChange={handleInputOnChange('max')}\n inputValues={inputValues}\n disabled={disabled}\n />\n )}\n </Styled.Slider>\n );\n },\n);\n\nexport default RangeSlider;\n"],"names":["RangeSlider","forwardRef","className","size","Sizes","defaultValue","labelAlignment","Alignments","labelPosition","Positions","onChange","reverse","disabled","value","min","max","marks","inputValues","labelMin","labelMax","rest","ref","innerValue","setInnerValue","useState","innerLabelPosition","useMemo","handleOnChange","newValue","handleInputOnChange","valueType","e","newTargetValue","useEffect","jsxs","Styled.Slider","classNames","SLIDER_CLASS","Styled.RangeLabels","jsx","Value","Label","RCSlider"],"mappings":"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"}
1	+ {"version":3,"file":"RangeSlider.js","sources":["../../../../src/components/Slider/RangeSlider.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, type Ref, useEffect, useMemo, useState, type ChangeEvent } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport RCSlider, { SliderProps } from 'rc-slider';\r\nimport { Positions, Sizes, Alignments, SLIDER_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport type { SliderTypes } from 'acinguiux-ds-react-base/components/Slider';\r\n\r\nimport Value from './components/Value/Value';\r\nimport * as Styled from './Slider.styles';\r\nimport Label from '../Text/components/Label/Label';\r\n\r\nconst RangeSlider = forwardRef(\r\n (\r\n {\r\n className,\r\n size = `${Sizes.Medium}`,\r\n defaultValue = [0, 0],\r\n labelAlignment = `${Alignments.LeftAndRight}`,\r\n labelPosition = `${Positions.Side}`,\r\n onChange,\r\n reverse = false,\r\n disabled = false,\r\n value,\r\n min = 0,\r\n max = 100,\r\n marks,\r\n inputValues = false,\r\n labelMin,\r\n labelMax,\r\n ...rest\r\n }: SliderProps & SliderTypes.IRangeProps,\r\n ref: Ref<HTMLDivElement>,\r\n ): ReactElement => {\r\n const [innerValue, setInnerValue] = useState<number[]>(defaultValue);\r\n\r\n const innerLabelPosition = useMemo(\r\n () => (marks \|\| inputValues ? `${Positions.Side}` : labelPosition),\r\n [marks, inputValues, labelPosition],\r\n );\r\n\r\n const handleOnChange = (newValue: number[]) => {\r\n onChange?.(newValue);\r\n setInnerValue(newValue);\r\n };\r\n\r\n const handleInputOnChange = (valueType: 'min' \| 'max') => (e: ChangeEvent<HTMLInputElement>) => {\r\n let newValue = innerValue \|\| [];\r\n let newTargetValue = Number(e.target.value);\r\n\r\n if (Number.isNaN(newTargetValue)) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n return;\r\n }\r\n\r\n if (newTargetValue < min) {\r\n newTargetValue = min;\r\n } else if (newTargetValue > max) {\r\n newTargetValue = max;\r\n }\r\n\r\n if (valueType === 'min') {\r\n newValue = [newTargetValue, newValue[1]];\r\n } else {\r\n newValue = [newValue[0], newTargetValue];\r\n }\r\n\r\n handleOnChange(newValue);\r\n };\r\n\r\n useEffect(() => {\r\n if (value) {\r\n setInnerValue(value);\r\n }\r\n }, [value]);\r\n\r\n return (\r\n <Styled.Slider\r\n className={classNames(SLIDER_CLASS, className)}\r\n $prefixCls={SLIDER_CLASS}\r\n $size={size}\r\n $labelAlignment={labelAlignment}\r\n $labelPosition={innerLabelPosition}\r\n $reverse={reverse}\r\n $disabled={disabled}\r\n ref={ref}\r\n >\r\n {!!innerValue && (\r\n <Styled.RangeLabels\r\n $grow={labelAlignment === Alignments.LeftAndRight && innerLabelPosition !== Positions.Side}\r\n $disabled={disabled}\r\n >\r\n {!!labelAlignment && labelAlignment !== 'none' && (\r\n <Value\r\n size={size}\r\n value={String(labelAlignment === Alignments.Right \|\| reverse ? innerValue[1] : innerValue[0])}\r\n handleOnChange={handleInputOnChange('min')}\r\n inputValues={inputValues}\r\n disabled={disabled}\r\n />\r\n )}\r\n {labelAlignment === Alignments.LeftAndRight && innerLabelPosition !== Positions.Side && (\r\n <Value\r\n size={size}\r\n value={String(innerValue[reverse ? 0 : 1])}\r\n handleOnChange={handleInputOnChange('min')}\r\n inputValues={inputValues}\r\n disabled={disabled}\r\n />\r\n )}\r\n </Styled.RangeLabels>\r\n )}\r\n {!!labelMin && !!inputValues && <Label>{min}</Label>}\r\n <RCSlider\r\n prefixCls={SLIDER_CLASS}\r\n defaultValue={defaultValue}\r\n onChange={handleOnChange as SliderTypes.RCSliderValueType}\r\n reverse={reverse}\r\n disabled={disabled}\r\n value={innerValue}\r\n marks={marks}\r\n ariaLabelForHandle=\"range-slider\"\r\n min={min}\r\n max={max}\r\n {...rest}\r\n range={true}\r\n />\r\n {!!labelMax && !!inputValues && <Label>{max}</Label>}\r\n {!!innerValue && labelAlignment === Alignments.LeftAndRight && innerLabelPosition === Positions.Side && (\r\n <Value\r\n size={size}\r\n value={String(innerValue[reverse ? 0 : 1])}\r\n handleOnChange={handleInputOnChange('max')}\r\n inputValues={inputValues}\r\n disabled={disabled}\r\n />\r\n )}\r\n </Styled.Slider>\r\n );\r\n },\r\n);\r\n\r\nexport default RangeSlider;\r\n"],"names":["RangeSlider","forwardRef","className","size","Sizes","defaultValue","labelAlignment","Alignments","labelPosition","Positions","onChange","reverse","disabled","value","min","max","marks","inputValues","labelMin","labelMax","rest","ref","innerValue","setInnerValue","useState","innerLabelPosition","useMemo","handleOnChange","newValue","handleInputOnChange","valueType","e","newTargetValue","useEffect","jsxs","Styled.Slider","classNames","SLIDER_CLASS","Styled.RangeLabels","jsx","Value","Label","RCSlider"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, type Ref, useEffect, useMemo, useState, type ChangeEvent } from 'react';\n\nimport classNames from 'classnames';\nimport RCSlider, { SliderProps } from 'rc-slider';\nimport { Positions, Sizes, Alignments, SLIDER_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { SliderTypes } from 'acinguiux-ds-react-base/components/Slider';\n\nimport Value from './components/Value/Value';\nimport * as Styled from './Slider.styles';\nimport Label from '../Text/components/Label/Label';\n\nconst Slider = forwardRef(\n (\n {\n className,\n size = `${Sizes.Medium}`,\n defaultValue = 0,\n labelAlignment = `${Alignments.LeftAndRight}`,\n labelPosition = `${Positions.Bottom}`,\n onChange,\n reverse = false,\n disabled = false,\n value,\n min = 0,\n max = 100,\n labelMin,\n labelMax,\n marks,\n inputValues = false,\n ...rest\n }: SliderProps & SliderTypes.IProps,\n ref: Ref<HTMLDivElement>,\n ): ReactElement => {\n const [innerValue, setInnerValue] = useState<number>(defaultValue);\n\n const innerLabelPosition = useMemo(\n () => (marks \|\| inputValues ? `${Positions.Side}` : labelPosition),\n [marks, inputValues, labelPosition],\n );\n\n const handleOnChange = (newValue: number) => {\n onChange?.(newValue);\n setInnerValue(newValue);\n };\n\n const handleInputOnChange = (e: ChangeEvent<HTMLInputElement>) => {\n let newValue = Number(e.target.value);\n\n if (Number.isNaN(newValue)) {\n e.preventDefault();\n e.stopPropagation();\n\n return;\n }\n\n if (newValue < min) {\n newValue = min;\n } else if (newValue > max) {\n newValue = max;\n }\n\n handleOnChange(newValue);\n };\n\n useEffect(() => {\n if (value) {\n setInnerValue(value);\n }\n }, [value]);\n\n return (\n <Styled.Slider\n className={classNames(SLIDER_CLASS, className)}\n $prefixCls={SLIDER_CLASS}\n $size={size}\n $labelAlignment={labelAlignment}\n $labelPosition={innerLabelPosition}\n $reverse={reverse}\n $disabled={disabled}\n ref={ref}\n >\n {labelAlignment !== 'none' && (\n <Value\n size={size}\n value={String(innerValue)}\n handleOnChange={handleInputOnChange}\n inputValues={inputValues}\n disabled={disabled}\n />\n )}\n {!!labelMin && !!inputValues && <Label>{min}</Label>}\n <RCSlider\n prefixCls={SLIDER_CLASS}\n defaultValue={defaultValue}\n onChange={handleOnChange as SliderTypes.RCSliderValueType}\n reverse={reverse}\n disabled={disabled}\n value={innerValue}\n marks={marks}\n ariaLabelForHandle=\"slider\"\n min={min}\n max={max}\n {...rest}\n range={false}\n />\n {!!labelMax && !!inputValues && <Label>{max}</Label>}\n </Styled.Slider>\n );\n },\n);\n\nexport default Slider;\n"],"names":["Slider","forwardRef","className","size","Sizes","defaultValue","labelAlignment","Alignments","labelPosition","Positions","onChange","reverse","disabled","value","min","max","labelMin","labelMax","marks","inputValues","rest","ref","innerValue","setInnerValue","useState","innerLabelPosition","useMemo","handleOnChange","newValue","handleInputOnChange","useEffect","jsxs","Styled.Slider","classNames","SLIDER_CLASS","jsx","Value","Label","RCSlider"],"mappings":";;;;;;;;;AAWA,MAAMA,IAASC;AAAA,EACb,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAC,IAAO,GAAGC,EAAM,MAAM;AAAA,IACtB,cAAAC,IAAe;AAAA,IACf,gBAAAC,IAAiB,GAAGC,EAAW,YAAY;AAAA,IAC3C,eAAAC,IAAgB,GAAGC,EAAU,MAAM;AAAA,IACnC,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,KAAAC,IAAM;AAAA,IACN,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,GAAGC;AAAA,EAAA,GAELC,MACiB;AACjB,UAAM,CAACC,GAAYC,CAAa,IAAIC,EAAiBnB,CAAY,GAE3DoB,IAAqBC;AAAA,MACzB,MAAOR,KAASC,IAAc,GAAGV,EAAU,IAAI,KAAKD;AAAA,MACpD,CAACU,GAAOC,GAAaX,CAAa;AAAA,IAAA,GAG9BmB,IAAiB,CAACC,MAAqB;AAC3C,MAAAlB,IAAWkB,CAAQ,GACnBL,EAAcK,CAAQ;AAAA,IACxB,GAEMC,IAAsB,CAAC,MAAqC;AAChE,UAAID,IAAW,OAAO,EAAE,OAAO,KAAK;AAEpC,UAAI,OAAO,MAAMA,CAAQ,GAAG;AAC1B,UAAE,eAAA,GACF,EAAE,gBAAA;AAEF;AAAA,MACF;AAEA,MAAIA,IAAWd,IACbc,IAAWd,IACFc,IAAWb,MACpBa,IAAWb,IAGbY,EAAeC,CAAQ;AAAA,IACzB;AAEA,WAAAE,EAAU,MAAM;AACd,MAAIjB,KACFU,EAAcV,CAAK;AAAA,IAEvB,GAAG,CAACA,CAAK,CAAC,GAGR,gBAAAkB;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWC,EAAWC,GAAchC,CAAS;AAAA,QAC7C,YAAYgC;AAAA,QACZ,OAAO/B;AAAA,QACP,iBAAiBG;AAAA,QACjB,gBAAgBmB;AAAA,QAChB,UAAUd;AAAA,QACV,WAAWC;AAAA,QACX,KAAAS;AAAA,QAEC,UAAA;AAAA,UAAAf,MAAmB,UAClB,gBAAA6B;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAAjC;AAAA,cACA,OAAO,OAAOmB,CAAU;AAAA,cACxB,gBAAgBO;AAAA,cAChB,aAAAV;AAAA,cACA,UAAAP;AAAA,YAAA;AAAA,UAAA;AAAA,UAGH,CAAC,CAACI,KAAY,CAAC,CAACG,KAAe,gBAAAgB,EAACE,KAAO,UAAAvB,GAAI;AAAA,UAC5C,gBAAAqB;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,WAAWJ;AAAA,cACX,cAAA7B;AAAA,cACA,UAAUsB;AAAA,cACV,SAAAhB;AAAA,cACA,UAAAC;AAAA,cACA,OAAOU;AAAA,cACP,OAAAJ;AAAA,cACA,oBAAmB;AAAA,cACnB,KAAAJ;AAAA,cACA,KAAAC;AAAA,cACC,GAAGK;AAAA,cACJ,OAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAER,CAAC,CAACH,KAAY,CAAC,CAACE,KAAe,gBAAAgB,EAACE,KAAO,UAAAtB,EAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlD;AACF;"}
1	+ {"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, type Ref, useEffect, useMemo, useState, type ChangeEvent } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport RCSlider, { SliderProps } from 'rc-slider';\r\nimport { Positions, Sizes, Alignments, SLIDER_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport type { SliderTypes } from 'acinguiux-ds-react-base/components/Slider';\r\n\r\nimport Value from './components/Value/Value';\r\nimport * as Styled from './Slider.styles';\r\nimport Label from '../Text/components/Label/Label';\r\n\r\nconst Slider = forwardRef(\r\n (\r\n {\r\n className,\r\n size = `${Sizes.Medium}`,\r\n defaultValue = 0,\r\n labelAlignment = `${Alignments.LeftAndRight}`,\r\n labelPosition = `${Positions.Bottom}`,\r\n onChange,\r\n reverse = false,\r\n disabled = false,\r\n value,\r\n min = 0,\r\n max = 100,\r\n labelMin,\r\n labelMax,\r\n marks,\r\n inputValues = false,\r\n ...rest\r\n }: SliderProps & SliderTypes.IProps,\r\n ref: Ref<HTMLDivElement>,\r\n ): ReactElement => {\r\n const [innerValue, setInnerValue] = useState<number>(defaultValue);\r\n\r\n const innerLabelPosition = useMemo(\r\n () => (marks \|\| inputValues ? `${Positions.Side}` : labelPosition),\r\n [marks, inputValues, labelPosition],\r\n );\r\n\r\n const handleOnChange = (newValue: number) => {\r\n onChange?.(newValue);\r\n setInnerValue(newValue);\r\n };\r\n\r\n const handleInputOnChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n let newValue = Number(e.target.value);\r\n\r\n if (Number.isNaN(newValue)) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n return;\r\n }\r\n\r\n if (newValue < min) {\r\n newValue = min;\r\n } else if (newValue > max) {\r\n newValue = max;\r\n }\r\n\r\n handleOnChange(newValue);\r\n };\r\n\r\n useEffect(() => {\r\n if (value) {\r\n setInnerValue(value);\r\n }\r\n }, [value]);\r\n\r\n return (\r\n <Styled.Slider\r\n className={classNames(SLIDER_CLASS, className)}\r\n $prefixCls={SLIDER_CLASS}\r\n $size={size}\r\n $labelAlignment={labelAlignment}\r\n $labelPosition={innerLabelPosition}\r\n $reverse={reverse}\r\n $disabled={disabled}\r\n ref={ref}\r\n >\r\n {labelAlignment !== 'none' && (\r\n <Value\r\n size={size}\r\n value={String(innerValue)}\r\n handleOnChange={handleInputOnChange}\r\n inputValues={inputValues}\r\n disabled={disabled}\r\n />\r\n )}\r\n {!!labelMin && !!inputValues && <Label>{min}</Label>}\r\n <RCSlider\r\n prefixCls={SLIDER_CLASS}\r\n defaultValue={defaultValue}\r\n onChange={handleOnChange as SliderTypes.RCSliderValueType}\r\n reverse={reverse}\r\n disabled={disabled}\r\n value={innerValue}\r\n marks={marks}\r\n ariaLabelForHandle=\"slider\"\r\n min={min}\r\n max={max}\r\n {...rest}\r\n range={false}\r\n />\r\n {!!labelMax && !!inputValues && <Label>{max}</Label>}\r\n </Styled.Slider>\r\n );\r\n },\r\n);\r\n\r\nexport default Slider;\r\n"],"names":["Slider","forwardRef","className","size","Sizes","defaultValue","labelAlignment","Alignments","labelPosition","Positions","onChange","reverse","disabled","value","min","max","labelMin","labelMax","marks","inputValues","rest","ref","innerValue","setInnerValue","useState","innerLabelPosition","useMemo","handleOnChange","newValue","handleInputOnChange","useEffect","jsxs","Styled.Slider","classNames","SLIDER_CLASS","jsx","Value","Label","RCSlider"],"mappings":";;;;;;;;;AAWA,MAAMA,IAASC;AAAA,EACb,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAC,IAAO,GAAGC,EAAM,MAAM;AAAA,IACtB,cAAAC,IAAe;AAAA,IACf,gBAAAC,IAAiB,GAAGC,EAAW,YAAY;AAAA,IAC3C,eAAAC,IAAgB,GAAGC,EAAU,MAAM;AAAA,IACnC,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,KAAAC,IAAM;AAAA,IACN,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,GAAGC;AAAA,EAAA,GAELC,MACiB;AACjB,UAAM,CAACC,GAAYC,CAAa,IAAIC,EAAiBnB,CAAY,GAE3DoB,IAAqBC;AAAA,MACzB,MAAOR,KAASC,IAAc,GAAGV,EAAU,IAAI,KAAKD;AAAA,MACpD,CAACU,GAAOC,GAAaX,CAAa;AAAA,IAAA,GAG9BmB,IAAiB,CAACC,MAAqB;AAC3C,MAAAlB,IAAWkB,CAAQ,GACnBL,EAAcK,CAAQ;AAAA,IACxB,GAEMC,IAAsB,CAAC,MAAqC;AAChE,UAAID,IAAW,OAAO,EAAE,OAAO,KAAK;AAEpC,UAAI,OAAO,MAAMA,CAAQ,GAAG;AAC1B,UAAE,eAAA,GACF,EAAE,gBAAA;AAEF;AAAA,MACF;AAEA,MAAIA,IAAWd,IACbc,IAAWd,IACFc,IAAWb,MACpBa,IAAWb,IAGbY,EAAeC,CAAQ;AAAA,IACzB;AAEA,WAAAE,EAAU,MAAM;AACd,MAAIjB,KACFU,EAAcV,CAAK;AAAA,IAEvB,GAAG,CAACA,CAAK,CAAC,GAGR,gBAAAkB;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWC,EAAWC,GAAchC,CAAS;AAAA,QAC7C,YAAYgC;AAAA,QACZ,OAAO/B;AAAA,QACP,iBAAiBG;AAAA,QACjB,gBAAgBmB;AAAA,QAChB,UAAUd;AAAA,QACV,WAAWC;AAAA,QACX,KAAAS;AAAA,QAEC,UAAA;AAAA,UAAAf,MAAmB,UAClB,gBAAA6B;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAAjC;AAAA,cACA,OAAO,OAAOmB,CAAU;AAAA,cACxB,gBAAgBO;AAAA,cAChB,aAAAV;AAAA,cACA,UAAAP;AAAA,YAAA;AAAA,UAAA;AAAA,UAGH,CAAC,CAACI,KAAY,CAAC,CAACG,KAAe,gBAAAgB,EAACE,KAAO,UAAAvB,GAAI;AAAA,UAC5C,gBAAAqB;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,WAAWJ;AAAA,cACX,cAAA7B;AAAA,cACA,UAAUsB;AAAA,cACV,SAAAhB;AAAA,cACA,UAAAC;AAAA,cACA,OAAOU;AAAA,cACP,OAAAJ;AAAA,cACA,oBAAmB;AAAA,cACnB,KAAAJ;AAAA,cACA,KAAAC;AAAA,cACC,GAAGK;AAAA,cACJ,OAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAER,CAAC,CAACH,KAAY,CAAC,CAACE,KAAe,gBAAAgB,EAACE,KAAO,UAAAtB,EAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlD;AACF;"}