@salutejs/plasma-new-hope 0.344.0-canary.2392.20298160025.0 → 0.344.0-canary.2398.20426736662.0

package/dist/css/es/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useRef } from 'react';\nimport { useForkRef, extractTextFrom } from '@salutejs/plasma-core';\nimport { safeUseId } from 'src/utils';\n\nimport type { RootProps } from '../../engines/types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { Done, Indeterminate, DoneThin, IndeterminateThin } from './IconsSvg';\nimport {\n    StyledContent,\n    StyledContentWrapper,\n    StyledDescription,\n    StyledInput,\n    StyledLabel,\n    StyledTrigger,\n    base,\n    StyledTriggerWrapper,\n} from './Checkbox.styles';\nimport type { CheckboxProps } from './Checkbox.types';\nimport { classes } from './Checkbox.tokens';\n\nexport const checkboxRoot = (Root: RootProps<HTMLInputElement, CheckboxProps>) =>\n    forwardRef<HTMLInputElement, CheckboxProps>((props, ref) => {\n        const {\n            size,\n            view,\n            focused,\n            disabled,\n            id,\n            label,\n            description,\n            indeterminate,\n            appearance,\n            style,\n            className,\n            singleLine = false,\n            'aria-label': ariaLabelExternal,\n            ...rest\n        } = props;\n\n        const inputRef = useRef<HTMLInputElement | null>(null);\n        const forkRef = useForkRef(inputRef, ref);\n\n        useEffect(() => {\n            if (inputRef.current) {\n                inputRef.current.indeterminate = Boolean(indeterminate);\n            }\n        }, [inputRef, indeterminate]);\n\n        const uniqId = safeUseId();\n        const uniqLabelId = `label-${uniqId}`;\n        const uniqDescriptionId = `description-${uniqId}`;\n        const checkboxId = id || `input-${uniqId}`;\n\n        const ariaLabel = useMemo(() => ariaLabelExternal || extractTextFrom(label), [ariaLabelExternal, label]);\n        const isLabelAriaHidden = typeof label === 'string';\n        const canFocused = focused ? 0 : -1;\n        const hasContent = label || description;\n        const singleLineClass = singleLine ? classes.singleLine : undefined;\n        const onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;\n\n        // Временное решение\n        const getIcon = () => {\n            if (appearance === 'outline') {\n                return <DoneThin />;\n            }\n\n            return <Done />;\n        };\n\n        const getIndeterminate = () => {\n            if (appearance === 'outline') {\n                return <IndeterminateThin />;\n            }\n\n            return <Indeterminate />;\n        };\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                disabled={disabled}\n                focused={focused}\n                style={style}\n                className={className}\n                tabIndex={-1}\n            >\n                <StyledInput\n                    {...rest}\n                    id={checkboxId}\n                    ref={forkRef}\n                    type=\"checkbox\"\n                    disabled={disabled}\n                    aria-label={ariaLabel}\n                    aria-describedby={uniqDescriptionId}\n                    tabIndex={canFocused}\n                />\n                <StyledContentWrapper htmlFor={checkboxId} className={singleLineClass}>\n                    <StyledTriggerWrapper>\n                        <StyledTrigger className={classes.checkboxTrigger}>\n                            {indeterminate ? getIndeterminate() : getIcon()}\n                        </StyledTrigger>\n                    </StyledTriggerWrapper>\n                    {hasContent && (\n                        <StyledContent className={singleLineClass}>\n                            {label && (\n                                <StyledLabel\n                                    className={singleLineClass}\n                                    id={uniqLabelId}\n                                    aria-hidden={isLabelAriaHidden}\n                                >\n                                    {label}\n                                </StyledLabel>\n                            )}\n                            {description && (\n                                <StyledDescription\n                                    className={cx(singleLineClass, onlyDescriptionClass)}\n                                    id={uniqDescriptionId}\n                                >\n                                    {description}\n                                </StyledDescription>\n                            )}\n                        </StyledContent>\n                    )}\n                </StyledContentWrapper>\n            </Root>\n        );\n    });\n\nexport const checkboxConfig = {\n    name: 'Checkbox',\n    tag: 'div',\n    layout: checkboxRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'accent',\n    },\n};\n"],"names":["checkboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","indeterminate","appearance","style","className","_props$singleLine","singleLine","ariaLabelExternal","rest","_objectWithoutProperties","_excluded","inputRef","useRef","forkRef","useForkRef","useEffect","current","Boolean","uniqId","safeUseId","uniqLabelId","concat","uniqDescriptionId","checkboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","classes","undefined","onlyDescriptionClass","onlyDescription","getIcon","_DoneThin","React","createElement","DoneThin","_Done","Done","getIndeterminate","_IndeterminateThin","IndeterminateThin","_Indeterminate","Indeterminate","tabIndex","StyledInput","_extends","type","StyledContentWrapper","htmlFor","StyledTriggerWrapper","StyledTrigger","checkboxTrigger","StyledContent","StyledLabel","StyledDescription","cx","checkboxConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":";;;;;;;;;;;;;;;IAyBaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAAgD,EAAA;AAAA,EAAA,oBACzEC,UAAU,CAAkC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACxD,IAAA,IACIC,IAAI,GAcJF,KAAK,CAdLE,IAAI;MACJC,IAAI,GAaJH,KAAK,CAbLG,IAAI;MACJC,OAAO,GAYPJ,KAAK,CAZLI,OAAO;MACPC,QAAQ,GAWRL,KAAK,CAXLK,QAAQ;MACRC,EAAE,GAUFN,KAAK,CAVLM,EAAE;MACFC,KAAK,GASLP,KAAK,CATLO,KAAK;MACLC,WAAW,GAQXR,KAAK,CARLQ,WAAW;MACXC,aAAa,GAObT,KAAK,CAPLS,aAAa;MACbC,UAAU,GAMVV,KAAK,CANLU,UAAU;MACVC,KAAK,GAKLX,KAAK,CALLW,KAAK;MACLC,SAAS,GAITZ,KAAK,CAJLY,SAAS;MAAAC,iBAAA,GAITb,KAAK,CAHLc,UAAU;AAAVA,MAAAA,UAAU,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,iBAAA;MACJE,iBAAiB,GAE/Bf,KAAK,CAFL,YAAY,CAAA;AACTgB,MAAAA,IAAI,GAAAC,wBAAA,CACPjB,KAAK,EAAAkB,SAAA,CAAA,CAAA;AAET,IAAA,IAAMC,QAAQ,GAAGC,MAAM,CAA0B,IAAI,CAAC,CAAA;AACtD,IAAA,IAAMC,OAAO,GAAGC,UAAU,CAACH,QAAQ,EAAElB,GAAG,CAAC,CAAA;AAEzCsB,IAAAA,SAAS,CAAC,YAAM;MACZ,IAAIJ,QAAQ,CAACK,OAAO,EAAE;QAClBL,QAAQ,CAACK,OAAO,CAACf,aAAa,GAAGgB,OAAO,CAAChB,aAAa,CAAC,CAAA;AAC3D,OAAA;AACJ,KAAC,EAAE,CAACU,QAAQ,EAAEV,aAAa,CAAC,CAAC,CAAA;AAE7B,IAAA,IAAMiB,MAAM,GAAGC,SAAS,EAAE,CAAA;AAC1B,IAAA,IAAMC,WAAW,GAAA,QAAA,CAAAC,MAAA,CAAYH,MAAM,CAAE,CAAA;AACrC,IAAA,IAAMI,iBAAiB,GAAA,cAAA,CAAAD,MAAA,CAAkBH,MAAM,CAAE,CAAA;AACjD,IAAA,IAAMK,UAAU,GAAGzB,EAAE,aAAAuB,MAAA,CAAaH,MAAM,CAAE,CAAA;IAE1C,IAAMM,SAAS,GAAGC,OAAO,CAAC,YAAA;AAAA,MAAA,OAAMlB,iBAAiB,IAAImB,eAAe,CAAC3B,KAAK,CAAC,CAAA;AAAA,KAAA,EAAE,CAACQ,iBAAiB,EAAER,KAAK,CAAC,CAAC,CAAA;AACxG,IAAA,IAAM4B,iBAAiB,GAAG,OAAO5B,KAAK,KAAK,QAAQ,CAAA;AACnD,IAAA,IAAM6B,UAAU,GAAGhC,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AACnC,IAAA,IAAMiC,UAAU,GAAG9B,KAAK,IAAIC,WAAW,CAAA;IACvC,IAAM8B,eAAe,GAAGxB,UAAU,GAAGyB,OAAO,CAACzB,UAAU,GAAG0B,SAAS,CAAA;IACnE,IAAMC,oBAAoB,GAAG,CAAClC,KAAK,IAAIC,WAAW,GAAG+B,OAAO,CAACG,eAAe,GAAGF,SAAS,CAAA;;AAExF;AACA,IAAA,IAAMG,OAAO,GAAG,SAAVA,OAAOA,GAAS;MAClB,IAAIjC,UAAU,KAAK,SAAS,EAAE;QAC1B,OAAAkC,SAAA,KAAAA,SAAA,gBAAOC,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAA,IAAE,CAAC,CAAA,CAAA;AACvB,OAAA;MAEA,OAAAC,KAAA,KAAAA,KAAA,gBAAOH,KAAA,CAAAC,aAAA,CAACG,IAAI,EAAA,IAAE,CAAC,CAAA,CAAA;KAClB,CAAA;AAED,IAAA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,GAAS;MAC3B,IAAIxC,UAAU,KAAK,SAAS,EAAE;QAC1B,OAAAyC,kBAAA,KAAAA,kBAAA,gBAAON,KAAA,CAAAC,aAAA,CAACM,iBAAiB,EAAA,IAAE,CAAC,CAAA,CAAA;AAChC,OAAA;MAEA,OAAAC,cAAA,KAAAA,cAAA,gBAAOR,KAAA,CAAAC,aAAA,CAACQ,aAAa,EAAA,IAAE,CAAC,CAAA,CAAA;KAC3B,CAAA;AAED,IAAA,oBACIT,KAAA,CAAAC,aAAA,CAAChD,IAAI,EAAA;AACDK,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,IAAI,EAAEA,IAAK;AACXG,MAAAA,QAAQ,EAAEA,QAAS;AACnBD,MAAAA,OAAO,EAAEA,OAAQ;AACjBO,MAAAA,KAAK,EAAEA,KAAM;AACbC,MAAAA,SAAS,EAAEA,SAAU;AACrB2C,MAAAA,QAAQ,EAAE,CAAC,CAAA;KAEXV,eAAAA,KAAA,CAAAC,aAAA,CAACU,WAAW,EAAAC,QAAA,KACJzC,IAAI,EAAA;AACRV,MAAAA,EAAE,EAAEyB,UAAW;AACf9B,MAAAA,GAAG,EAAEoB,OAAQ;AACbqC,MAAAA,IAAI,EAAC,UAAU;AACfrD,MAAAA,QAAQ,EAAEA,QAAS;AACnB,MAAA,YAAA,EAAY2B,SAAU;AACtB,MAAA,kBAAA,EAAkBF,iBAAkB;AACpCyB,MAAAA,QAAQ,EAAEnB,UAAAA;AAAW,KAAA,CACxB,CAAC,eACFS,KAAA,CAAAC,aAAA,CAACa,oBAAoB,EAAA;AAACC,MAAAA,OAAO,EAAE7B,UAAW;AAACnB,MAAAA,SAAS,EAAE0B,eAAAA;KAClDO,eAAAA,KAAA,CAAAC,aAAA,CAACe,oBAAoB,qBACjBhB,KAAA,CAAAC,aAAA,CAACgB,aAAa,EAAA;MAAClD,SAAS,EAAE2B,OAAO,CAACwB,eAAAA;AAAgB,KAAA,EAC7CtD,aAAa,GAAGyC,gBAAgB,EAAE,GAAGP,OAAO,EAClC,CACG,CAAC,EACtBN,UAAU,iBACPQ,KAAA,CAAAC,aAAA,CAACkB,aAAa,EAAA;AAACpD,MAAAA,SAAS,EAAE0B,eAAAA;AAAgB,KAAA,EACrC/B,KAAK,iBACFsC,KAAA,CAAAC,aAAA,CAACmB,WAAW,EAAA;AACRrD,MAAAA,SAAS,EAAE0B,eAAgB;AAC3BhC,MAAAA,EAAE,EAAEsB,WAAY;MAChB,aAAaO,EAAAA,iBAAAA;KAEZ5B,EAAAA,KACQ,CAChB,EACAC,WAAW,iBACRqC,KAAA,CAAAC,aAAA,CAACoB,iBAAiB,EAAA;AACdtD,MAAAA,SAAS,EAAEuD,EAAE,CAAC7B,eAAe,EAAEG,oBAAoB,CAAE;AACrDnC,MAAAA,EAAE,EAAEwB,iBAAAA;AAAkB,KAAA,EAErBtB,WACc,CAEZ,CAED,CACpB,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAM4D,cAAc,GAAG;AAC1BC,EAAAA,IAAI,EAAE,UAAU;AAChBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE1E,YAAY;AACpB2E,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRvE,IAAAA,IAAI,EAAE;AACFwE,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDxE,IAAAA,IAAI,EAAE;AACFuE,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDvE,IAAAA,QAAQ,EAAE;AACNqE,MAAAA,GAAG,EAAEG,MAAAA;KACR;AACDzE,IAAAA,OAAO,EAAE;AACLsE,MAAAA,GAAG,EAAEI,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN7E,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,IAAI,EAAE,QAAA;AACV,GAAA;AACJ;;;;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useRef } from 'react';\nimport { useForkRef, extractTextFrom } from '@salutejs/plasma-core';\nimport { safeUseId } from 'src/utils';\n\nimport type { RootProps } from '../../engines/types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { Done, Indeterminate, DoneThin, IndeterminateThin } from './IconsSvg';\nimport {\n    StyledContent,\n    StyledContentWrapper,\n    StyledDescription,\n    StyledInput,\n    StyledLabel,\n    StyledTrigger,\n    base,\n    StyledTriggerWrapper,\n} from './Checkbox.styles';\nimport type { CheckboxProps } from './Checkbox.types';\nimport { classes } from './Checkbox.tokens';\n\nexport const checkboxRoot = (Root: RootProps<HTMLInputElement, CheckboxProps>) =>\n    forwardRef<HTMLInputElement, CheckboxProps>((props, ref) => {\n        const {\n            size,\n            view,\n            focused,\n            disabled,\n            id,\n            label,\n            description,\n            indeterminate,\n            appearance,\n            style,\n            className,\n            singleLine = false,\n            'aria-label': ariaLabelExternal,\n            ...rest\n        } = props;\n\n        const inputRef = useRef<HTMLInputElement | null>(null);\n        const forkRef = useForkRef(inputRef, ref);\n\n        useEffect(() => {\n            if (inputRef.current) {\n                inputRef.current.indeterminate = Boolean(indeterminate);\n            }\n        }, [inputRef, indeterminate]);\n\n        const uniqId = safeUseId();\n        const uniqLabelId = `label-${uniqId}`;\n        const uniqDescriptionId = `description-${uniqId}`;\n        const checkboxId = id || `input-${uniqId}`;\n\n        const ariaLabel = useMemo(() => ariaLabelExternal || extractTextFrom(label), [ariaLabelExternal, label]);\n        const isLabelAriaHidden = typeof label === 'string';\n        const canFocused = focused ? 0 : -1;\n        const hasContent = label || description;\n        const singleLineClass = singleLine ? classes.singleLine : undefined;\n        const onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;\n\n        // Временное решение\n        const getIcon = () => {\n            if (appearance === 'outline') {\n                return <DoneThin />;\n            }\n\n            return <Done />;\n        };\n\n        const getIndeterminate = () => {\n            if (appearance === 'outline') {\n                return <IndeterminateThin />;\n            }\n\n            return <Indeterminate />;\n        };\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                disabled={disabled}\n                focused={focused}\n                style={style}\n                className={className}\n                tabIndex={-1}\n            >\n                <StyledInput\n                    {...rest}\n                    id={checkboxId}\n                    ref={forkRef}\n                    type=\"checkbox\"\n                    disabled={disabled}\n                    aria-label={ariaLabel}\n                    aria-describedby={uniqDescriptionId}\n                    tabIndex={canFocused}\n                />\n                <StyledContentWrapper htmlFor={checkboxId} className={singleLineClass}>\n                    <StyledTriggerWrapper>\n                        <StyledTrigger className={classes.checkboxTrigger}>\n                            {indeterminate ? getIndeterminate() : getIcon()}\n                        </StyledTrigger>\n                    </StyledTriggerWrapper>\n                    {hasContent && (\n                        <StyledContent className={singleLineClass}>\n                            {label && (\n                                <StyledLabel\n                                    className={singleLineClass}\n                                    id={uniqLabelId}\n                                    aria-hidden={isLabelAriaHidden}\n                                >\n                                    {label}\n                                </StyledLabel>\n                            )}\n                            {description && (\n                                <StyledDescription\n                                    className={cx(singleLineClass, onlyDescriptionClass)}\n                                    id={uniqDescriptionId}\n                                >\n                                    {description}\n                                </StyledDescription>\n                            )}\n                        </StyledContent>\n                    )}\n                </StyledContentWrapper>\n            </Root>\n        );\n    });\n\nexport const checkboxConfig = {\n    name: 'Checkbox',\n    tag: 'div',\n    layout: checkboxRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'accent',\n    },\n};\n"],"names":["checkboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","indeterminate","appearance","style","className","_props$singleLine","singleLine","ariaLabelExternal","rest","_objectWithoutProperties","_excluded","inputRef","useRef","forkRef","useForkRef","useEffect","current","Boolean","uniqId","safeUseId","uniqLabelId","concat","uniqDescriptionId","checkboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","classes","undefined","onlyDescriptionClass","onlyDescription","getIcon","_DoneThin","React","createElement","DoneThin","_Done","Done","getIndeterminate","_IndeterminateThin","IndeterminateThin","_Indeterminate","Indeterminate","tabIndex","StyledInput","_extends","type","StyledContentWrapper","htmlFor","StyledTriggerWrapper","StyledTrigger","checkboxTrigger","StyledContent","StyledLabel","StyledDescription","cx","checkboxConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":"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"}

package/dist/css/es/components/Checkbox/IconsSvg.js

@@ -1,29 +1,29 @@
-import React from 'react';
+import React__default from 'react';
 import { tokens } from './Checkbox.tokens.js';
 
 var Done = function Done() {
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     style: {
       display: 'inline-flex'
     }
-  }, /*#__PURE__*/React.createElement("svg", {
+  }, /*#__PURE__*/React__default.createElement("svg", {
     width: "100%",
     viewBox: "0 0 18 18",
     fill: "none",
     style: {
       width: "var(".concat(tokens.triggerSize, ")")
     }
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default.createElement("path", {
     fill: "var(".concat(tokens.iconColor, ")"),
     d: "m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z"
   })));
 };
 var DoneThin = function DoneThin() {
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     style: {
       display: 'inline-flex'
     }
-  }, /*#__PURE__*/React.createElement("svg", {
+  }, /*#__PURE__*/React__default.createElement("svg", {
     width: "10",
     height: "8",
     viewBox: "0 0 10 8",
@@ -31,24 +31,24 @@ var DoneThin = function DoneThin() {
     style: {
       width: "var(".concat(tokens.triggerSize, ")")
     }
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default.createElement("path", {
     d: "M0.5 4L3.5 7L9.5 1",
     stroke: "var(".concat(tokens.iconColor, ")")
   })));
 };
 var Indeterminate = function Indeterminate() {
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     style: {
       display: 'inline-flex'
     }
-  }, /*#__PURE__*/React.createElement("svg", {
+  }, /*#__PURE__*/React__default.createElement("svg", {
     width: "100%",
     viewBox: "0 0 18 18",
     fill: "none",
     style: {
       width: "var(".concat(tokens.triggerSize, ")")
     }
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default.createElement("path", {
     strokeLinecap: "round",
     strokeWidth: "2",
     stroke: "var(".concat(tokens.iconColor, ")"),
@@ -56,18 +56,18 @@ var Indeterminate = function Indeterminate() {
   })));
 };
 var IndeterminateThin = function IndeterminateThin() {
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     style: {
       display: 'inline-flex'
     }
-  }, /*#__PURE__*/React.createElement("svg", {
+  }, /*#__PURE__*/React__default.createElement("svg", {
     width: "100%",
     viewBox: "0 0 18 18",
     fill: "none",
     style: {
       width: "var(".concat(tokens.triggerSize, ")")
     }
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default.createElement("path", {
     strokeLinecap: "round",
     strokeWidth: "1",
     stroke: "var(".concat(tokens.iconColor, ")"),

package/dist/css/es/components/Checkbox/IconsSvg.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconsSvg.js","sources":["../../../../../src/components/Checkbox/IconsSvg.tsx"],"sourcesContent":["import React from 'react';\n\nimport { tokens } from './Checkbox.tokens';\n\nexport const Done = () => (\n    <div style={{ display: 'inline-flex' }}>\n        <svg width=\"100%\" viewBox=\"0 0 18 18\" fill=\"none\" style={{ width: `var(${tokens.triggerSize})` }}>\n            <path\n                fill={`var(${tokens.iconColor})`}\n                d=\"m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z\"\n            />\n        </svg>\n    </div>\n);\n\nexport const DoneThin = () => (\n    <div style={{ display: 'inline-flex' }}>\n        <svg width=\"10\" height=\"8\" viewBox=\"0 0 10 8\" fill=\"none\" style={{ width: `var(${tokens.triggerSize})` }}>\n            <path d=\"M0.5 4L3.5 7L9.5 1\" stroke={`var(${tokens.iconColor})`} />\n        </svg>\n    </div>\n);\n\nexport const Indeterminate = () => (\n    <div style={{ display: 'inline-flex' }}>\n        <svg width=\"100%\" viewBox=\"0 0 18 18\" fill=\"none\" style={{ width: `var(${tokens.triggerSize})` }}>\n            <path strokeLinecap=\"round\" strokeWidth=\"2\" stroke={`var(${tokens.iconColor})`} d=\"m5.09449,9.0315l8,0\" />\n        </svg>\n    </div>\n);\n\nexport const IndeterminateThin = () => (\n    <div style={{ display: 'inline-flex' }}>\n        <svg width=\"100%\" viewBox=\"0 0 18 18\" fill=\"none\" style={{ width: `var(${tokens.triggerSize})` }}>\n            <path strokeLinecap=\"round\" strokeWidth=\"1\" stroke={`var(${tokens.iconColor})`} d=\"m5.09449,9.0315l8,0\" />\n        </svg>\n    </div>\n);\n"],"names":["Done","React","createElement","style","display","width","viewBox","fill","concat","tokens","triggerSize","iconColor","d","DoneThin","height","stroke","Indeterminate","strokeLinecap","strokeWidth","IndeterminateThin"],"mappings":"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"}
+{"version":3,"file":"IconsSvg.js","sources":["../../../../../src/components/Checkbox/IconsSvg.tsx"],"sourcesContent":["import React from 'react';\n\nimport { tokens } from './Checkbox.tokens';\n\nexport const Done = () => (\n    <div style={{ display: 'inline-flex' }}>\n        <svg width=\"100%\" viewBox=\"0 0 18 18\" fill=\"none\" style={{ width: `var(${tokens.triggerSize})` }}>\n            <path\n                fill={`var(${tokens.iconColor})`}\n                d=\"m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z\"\n            />\n        </svg>\n    </div>\n);\n\nexport const DoneThin = () => (\n    <div style={{ display: 'inline-flex' }}>\n        <svg width=\"10\" height=\"8\" viewBox=\"0 0 10 8\" fill=\"none\" style={{ width: `var(${tokens.triggerSize})` }}>\n            <path d=\"M0.5 4L3.5 7L9.5 1\" stroke={`var(${tokens.iconColor})`} />\n        </svg>\n    </div>\n);\n\nexport const Indeterminate = () => (\n    <div style={{ display: 'inline-flex' }}>\n        <svg width=\"100%\" viewBox=\"0 0 18 18\" fill=\"none\" style={{ width: `var(${tokens.triggerSize})` }}>\n            <path strokeLinecap=\"round\" strokeWidth=\"2\" stroke={`var(${tokens.iconColor})`} d=\"m5.09449,9.0315l8,0\" />\n        </svg>\n    </div>\n);\n\nexport const IndeterminateThin = () => (\n    <div style={{ display: 'inline-flex' }}>\n        <svg width=\"100%\" viewBox=\"0 0 18 18\" fill=\"none\" style={{ width: `var(${tokens.triggerSize})` }}>\n            <path strokeLinecap=\"round\" strokeWidth=\"1\" stroke={`var(${tokens.iconColor})`} d=\"m5.09449,9.0315l8,0\" />\n        </svg>\n    </div>\n);\n"],"names":["Done","React","createElement","style","display","width","viewBox","fill","concat","tokens","triggerSize","iconColor","d","DoneThin","height","stroke","Indeterminate","strokeLinecap","strokeWidth","IndeterminateThin"],"mappings":"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"}

package/dist/css/es/components/Chip/Chip.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { IconClose } from '../_Icon/Icons/IconClose.js';
 import { cx } from '../../utils/index.js';
 import { base as base$1 } from './variations/_view/base.js';
@@ -54,7 +54,7 @@ var chipRoot = function chipRoot(Root) {
         onClear();
       }
     };
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       type: "button",
       ref: ref,
       className: cx(pilledClass, classes.chipItem, className),
@@ -63,11 +63,11 @@ var chipRoot = function chipRoot(Root) {
       disabled: disabled,
       readOnly: !disabled && readOnly && !_forceChipManipulationWithReadonly,
       size: size
-    }, rest), contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/React.createElement(StyledContentMain, null, txt) : children, contentRight && /*#__PURE__*/React.createElement(StyledContentRight, {
+    }, rest), contentLeft && /*#__PURE__*/React__default.createElement(StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/React__default.createElement(StyledContentMain, null, txt) : children, contentRight && /*#__PURE__*/React__default.createElement(StyledContentRight, {
       hasClear: hasClear
-    }, contentRight), hasClear && (contentClearButton || /*#__PURE__*/React.createElement(StyledContentClear, {
+    }, contentRight), hasClear && (contentClearButton || /*#__PURE__*/React__default.createElement(StyledContentClear, {
       onClick: handleClickClose
-    }, /*#__PURE__*/React.createElement(IconClose, {
+    }, /*#__PURE__*/React__default.createElement(IconClose, {
       sizeCustomProperty: tokens.closeIconSize,
       color: "inherit"
     }))));

package/dist/css/es/components/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React, { forwardRef, MouseEvent } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { IconClose } from '../_Icon/Icons/IconClose';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readonlyCSS } from './variations/_readonly/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport type { ChipProps } from './Chip.types';\nimport { StyledContentClear, StyledContentLeft, StyledContentMain, StyledContentRight, base } from './Chip.styles';\nimport { classes, tokens } from './Chip.tokens';\n\nexport const chipRoot = (Root: RootProps<HTMLButtonElement, ChipProps>) =>\n    forwardRef<HTMLButtonElement, ChipProps>((props, ref) => {\n        const {\n            children,\n            text,\n            contentLeft,\n            contentRight,\n            contentClearButton,\n            hasClear = true,\n            size,\n            className,\n            onClear,\n            onClick,\n            onClickClose,\n            pilled = false,\n            readOnly = false,\n            disabled = false,\n            // @ts-ignore\n            _forceChipManipulationWithReadonly,\n            // @ts-ignore\n            chipClickArea,\n            ...rest\n        } = props;\n\n        const txt = !text && typeof children === 'string' ? children : text;\n        const pilledClass = pilled ? classes.pilled : undefined;\n\n        const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n            // TODO: #1547\n            // eslint-disable-next-line no-underscore-dangle\n            if (disabled || (readOnly && !_forceChipManipulationWithReadonly)) {\n                return;\n            }\n\n            onClick?.(event);\n        };\n\n        const handleClickClose = (event: MouseEvent<HTMLDivElement>) => {\n            if (disabled || (readOnly && !_forceChipManipulationWithReadonly) || !onClickClose) {\n                return;\n            }\n\n            event.stopPropagation();\n            onClickClose(event);\n\n            if (onClear) {\n                onClear();\n            }\n        };\n\n        return (\n            <Root\n                type=\"button\"\n                ref={ref}\n                className={cx(pilledClass, classes.chipItem, className)}\n                tabIndex={readOnly ? -1 : 0}\n                onClick={handleClick}\n                disabled={disabled}\n                readOnly={!disabled && readOnly && !_forceChipManipulationWithReadonly}\n                size={size}\n                {...rest}\n            >\n                {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                {txt ? <StyledContentMain>{txt}</StyledContentMain> : children}\n                {contentRight && <StyledContentRight hasClear={hasClear}>{contentRight}</StyledContentRight>}\n                {hasClear &&\n                    (contentClearButton || (\n                        <StyledContentClear onClick={handleClickClose}>\n                            <IconClose sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n                        </StyledContentClear>\n                    ))}\n            </Root>\n        );\n    });\n\nexport const chipConfig = {\n    name: 'Chip',\n    tag: 'button',\n    layout: chipRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readonlyCSS,\n            attrs: true,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n        pilled: {\n            css: pilledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["chipRoot","Root","forwardRef","props","ref","children","text","contentLeft","contentRight","contentClearButton","_props$hasClear","hasClear","size","className","onClear","onClick","onClickClose","_props$pilled","pilled","_props$readOnly","readOnly","_props$disabled","disabled","_forceChipManipulationWithReadonly","rest","_objectWithoutProperties","_excluded","txt","pilledClass","classes","undefined","handleClick","event","handleClickClose","stopPropagation","React","createElement","_extends","type","cx","chipItem","tabIndex","StyledContentLeft","StyledContentMain","StyledContentRight","StyledContentClear","IconClose","sizeCustomProperty","tokens","closeIconSize","color","chipConfig","name","tag","layout","base","variations","view","css","viewCSS","sizeCSS","disabledCSS","attrs","readonlyCSS","focused","focusedCSS","pilledCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Chip.js","sources":["../../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React, { forwardRef, MouseEvent } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { IconClose } from '../_Icon/Icons/IconClose';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readonlyCSS } from './variations/_readonly/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport type { ChipProps } from './Chip.types';\nimport { StyledContentClear, StyledContentLeft, StyledContentMain, StyledContentRight, base } from './Chip.styles';\nimport { classes, tokens } from './Chip.tokens';\n\nexport const chipRoot = (Root: RootProps<HTMLButtonElement, ChipProps>) =>\n    forwardRef<HTMLButtonElement, ChipProps>((props, ref) => {\n        const {\n            children,\n            text,\n            contentLeft,\n            contentRight,\n            contentClearButton,\n            hasClear = true,\n            size,\n            className,\n            onClear,\n            onClick,\n            onClickClose,\n            pilled = false,\n            readOnly = false,\n            disabled = false,\n            // @ts-ignore\n            _forceChipManipulationWithReadonly,\n            // @ts-ignore\n            chipClickArea,\n            ...rest\n        } = props;\n\n        const txt = !text && typeof children === 'string' ? children : text;\n        const pilledClass = pilled ? classes.pilled : undefined;\n\n        const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n            // TODO: #1547\n            // eslint-disable-next-line no-underscore-dangle\n            if (disabled || (readOnly && !_forceChipManipulationWithReadonly)) {\n                return;\n            }\n\n            onClick?.(event);\n        };\n\n        const handleClickClose = (event: MouseEvent<HTMLDivElement>) => {\n            if (disabled || (readOnly && !_forceChipManipulationWithReadonly) || !onClickClose) {\n                return;\n            }\n\n            event.stopPropagation();\n            onClickClose(event);\n\n            if (onClear) {\n                onClear();\n            }\n        };\n\n        return (\n            <Root\n                type=\"button\"\n                ref={ref}\n                className={cx(pilledClass, classes.chipItem, className)}\n                tabIndex={readOnly ? -1 : 0}\n                onClick={handleClick}\n                disabled={disabled}\n                readOnly={!disabled && readOnly && !_forceChipManipulationWithReadonly}\n                size={size}\n                {...rest}\n            >\n                {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                {txt ? <StyledContentMain>{txt}</StyledContentMain> : children}\n                {contentRight && <StyledContentRight hasClear={hasClear}>{contentRight}</StyledContentRight>}\n                {hasClear &&\n                    (contentClearButton || (\n                        <StyledContentClear onClick={handleClickClose}>\n                            <IconClose sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n                        </StyledContentClear>\n                    ))}\n            </Root>\n        );\n    });\n\nexport const chipConfig = {\n    name: 'Chip',\n    tag: 'button',\n    layout: chipRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readonlyCSS,\n            attrs: true,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n        pilled: {\n            css: pilledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["chipRoot","Root","forwardRef","props","ref","children","text","contentLeft","contentRight","contentClearButton","_props$hasClear","hasClear","size","className","onClear","onClick","onClickClose","_props$pilled","pilled","_props$readOnly","readOnly","_props$disabled","disabled","_forceChipManipulationWithReadonly","rest","_objectWithoutProperties","_excluded","txt","pilledClass","classes","undefined","handleClick","event","handleClickClose","stopPropagation","React","createElement","_extends","type","cx","chipItem","tabIndex","StyledContentLeft","StyledContentMain","StyledContentRight","StyledContentClear","IconClose","sizeCustomProperty","tokens","closeIconSize","color","chipConfig","name","tag","layout","base","variations","view","css","viewCSS","sizeCSS","disabledCSS","attrs","readonlyCSS","focused","focusedCSS","pilledCSS","defaults"],"mappings":"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"}

package/dist/css/es/components/ChipGroup/ChipGroup.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { cx } from '../../utils/index.js';
 import { base } from './ChipGroup.styles.js';
 import { base as base$1 } from './variations/_view/base.js';
@@ -22,7 +22,7 @@ var chipGroupRoot = function chipGroupRoot(Root) {
       rest = _objectWithoutProperties(props, _excluded);
     var overrideStylesClass = isCommonChipStyles ? classes.chipGroupOverrideStyles : undefined;
     var wrappedClass = isWrapped ? classes.wrap : undefined;
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       ref: ref,
       view: view,
       size: size,

package/dist/css/es/components/ChipGroup/ChipGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipGroup.js","sources":["../../../../../src/components/ChipGroup/ChipGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { base } from './ChipGroup.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as gapCSS } from './variations/_gap/base';\nimport type { ChipGroupProps } from './ChipGroup.types';\nimport { classes } from './ChipGroup.tokens';\n\nexport const chipGroupRoot = (Root: RootProps<HTMLDivElement, ChipGroupProps>) =>\n    forwardRef<HTMLDivElement, ChipGroupProps>((props, ref) => {\n        const { children, view, size, className, isWrapped, gap = 'dense', isCommonChipStyles = true, ...rest } = props;\n\n        const overrideStylesClass = isCommonChipStyles ? classes.chipGroupOverrideStyles : undefined;\n        const wrappedClass = isWrapped ? classes.wrap : undefined;\n\n        return (\n            <Root\n                ref={ref}\n                view={view}\n                size={size}\n                gap={gap}\n                className={cx(overrideStylesClass, wrappedClass, className)}\n                {...rest}\n            >\n                {children}\n            </Root>\n        );\n    });\n\nexport const chipGroupConfig = {\n    name: 'ChipGroup',\n    tag: 'div',\n    layout: chipGroupRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        gap: {\n            css: gapCSS,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n        gap: 'dense',\n    },\n};\n"],"names":["chipGroupRoot","Root","forwardRef","props","ref","children","view","size","className","isWrapped","_props$gap","gap","_props$isCommonChipSt","isCommonChipStyles","rest","_objectWithoutProperties","_excluded","overrideStylesClass","classes","chipGroupOverrideStyles","undefined","wrappedClass","wrap","React","createElement","_extends","cx","chipGroupConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","gapCSS","defaults"],"mappings":";;;;;;;;;;IAYaA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,IAA+C,EAAA;AAAA,EAAA,oBACzEC,UAAU,CAAiC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACvD,IAAA,IAAQC,QAAQ,GAA0FF,KAAK,CAAvGE,QAAQ;MAAEC,IAAI,GAAoFH,KAAK,CAA7FG,IAAI;MAAEC,IAAI,GAA8EJ,KAAK,CAAvFI,IAAI;MAAEC,SAAS,GAAmEL,KAAK,CAAjFK,SAAS;MAAEC,SAAS,GAAwDN,KAAK,CAAtEM,SAAS;MAAAC,UAAA,GAAwDP,KAAK,CAA3DQ,GAAG;AAAHA,MAAAA,GAAG,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,UAAA;MAAAE,qBAAA,GAAyCT,KAAK,CAA5CU,kBAAkB;AAAlBA,MAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;AAAKE,MAAAA,IAAI,GAAAC,wBAAA,CAAKZ,KAAK,EAAAa,SAAA,CAAA,CAAA;IAE/G,IAAMC,mBAAmB,GAAGJ,kBAAkB,GAAGK,OAAO,CAACC,uBAAuB,GAAGC,SAAS,CAAA;IAC5F,IAAMC,YAAY,GAAGZ,SAAS,GAAGS,OAAO,CAACI,IAAI,GAAGF,SAAS,CAAA;AAEzD,IAAA,oBACIG,KAAA,CAAAC,aAAA,CAACvB,IAAI,EAAAwB,QAAA,CAAA;AACDrB,MAAAA,GAAG,EAAEA,GAAI;AACTE,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXI,MAAAA,GAAG,EAAEA,GAAI;AACTH,MAAAA,SAAS,EAAEkB,EAAE,CAACT,mBAAmB,EAAEI,YAAY,EAAEb,SAAS,CAAA;KACtDM,EAAAA,IAAI,CAEPT,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMsB,eAAe,GAAG;AAC3BC,EAAAA,IAAI,EAAE,WAAW;AACjBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE9B,aAAa;AACrB+B,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACR1B,IAAAA,IAAI,EAAE;AACF2B,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACD3B,IAAAA,IAAI,EAAE;AACF0B,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDxB,IAAAA,GAAG,EAAE;AACDsB,MAAAA,GAAG,EAAEG,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN/B,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTI,IAAAA,GAAG,EAAE,OAAA;AACT,GAAA;AACJ;;;;"}
+{"version":3,"file":"ChipGroup.js","sources":["../../../../../src/components/ChipGroup/ChipGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { base } from './ChipGroup.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as gapCSS } from './variations/_gap/base';\nimport type { ChipGroupProps } from './ChipGroup.types';\nimport { classes } from './ChipGroup.tokens';\n\nexport const chipGroupRoot = (Root: RootProps<HTMLDivElement, ChipGroupProps>) =>\n    forwardRef<HTMLDivElement, ChipGroupProps>((props, ref) => {\n        const { children, view, size, className, isWrapped, gap = 'dense', isCommonChipStyles = true, ...rest } = props;\n\n        const overrideStylesClass = isCommonChipStyles ? classes.chipGroupOverrideStyles : undefined;\n        const wrappedClass = isWrapped ? classes.wrap : undefined;\n\n        return (\n            <Root\n                ref={ref}\n                view={view}\n                size={size}\n                gap={gap}\n                className={cx(overrideStylesClass, wrappedClass, className)}\n                {...rest}\n            >\n                {children}\n            </Root>\n        );\n    });\n\nexport const chipGroupConfig = {\n    name: 'ChipGroup',\n    tag: 'div',\n    layout: chipGroupRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        gap: {\n            css: gapCSS,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n        gap: 'dense',\n    },\n};\n"],"names":["chipGroupRoot","Root","forwardRef","props","ref","children","view","size","className","isWrapped","_props$gap","gap","_props$isCommonChipSt","isCommonChipStyles","rest","_objectWithoutProperties","_excluded","overrideStylesClass","classes","chipGroupOverrideStyles","undefined","wrappedClass","wrap","React","createElement","_extends","cx","chipGroupConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","gapCSS","defaults"],"mappings":";;;;;;;;;;IAYaA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,IAA+C,EAAA;AAAA,EAAA,oBACzEC,UAAU,CAAiC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACvD,IAAA,IAAQC,QAAQ,GAA0FF,KAAK,CAAvGE,QAAQ;MAAEC,IAAI,GAAoFH,KAAK,CAA7FG,IAAI;MAAEC,IAAI,GAA8EJ,KAAK,CAAvFI,IAAI;MAAEC,SAAS,GAAmEL,KAAK,CAAjFK,SAAS;MAAEC,SAAS,GAAwDN,KAAK,CAAtEM,SAAS;MAAAC,UAAA,GAAwDP,KAAK,CAA3DQ,GAAG;AAAHA,MAAAA,GAAG,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,UAAA;MAAAE,qBAAA,GAAyCT,KAAK,CAA5CU,kBAAkB;AAAlBA,MAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;AAAKE,MAAAA,IAAI,GAAAC,wBAAA,CAAKZ,KAAK,EAAAa,SAAA,CAAA,CAAA;IAE/G,IAAMC,mBAAmB,GAAGJ,kBAAkB,GAAGK,OAAO,CAACC,uBAAuB,GAAGC,SAAS,CAAA;IAC5F,IAAMC,YAAY,GAAGZ,SAAS,GAAGS,OAAO,CAACI,IAAI,GAAGF,SAAS,CAAA;AAEzD,IAAA,oBACIG,cAAA,CAAAC,aAAA,CAACvB,IAAI,EAAAwB,QAAA,CAAA;AACDrB,MAAAA,GAAG,EAAEA,GAAI;AACTE,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXI,MAAAA,GAAG,EAAEA,GAAI;AACTH,MAAAA,SAAS,EAAEkB,EAAE,CAACT,mBAAmB,EAAEI,YAAY,EAAEb,SAAS,CAAA;KACtDM,EAAAA,IAAI,CAEPT,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMsB,eAAe,GAAG;AAC3BC,EAAAA,IAAI,EAAE,WAAW;AACjBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE9B,aAAa;AACrB+B,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACR1B,IAAAA,IAAI,EAAE;AACF2B,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACD3B,IAAAA,IAAI,EAAE;AACF0B,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDxB,IAAAA,GAAG,EAAE;AACDsB,MAAAA,GAAG,EAAEG,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN/B,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTI,IAAAA,GAAG,EAAE,OAAA;AACT,GAAA;AACJ;;;;"}

package/dist/css/es/components/CodeField/CodeField.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, objectSpread2 as _objectSpread2, defineProperty as _defineProperty, toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useState, useRef, useCallback, useEffect, Fragment } from 'react';
+import React__default, { forwardRef, useState, useRef, useCallback, useEffect, Fragment } from 'react';
 import cls from 'classnames';
 import { FORBIDDEN_KEYS, BACKSPACE_KEY, ONLY_DIGITS_PATTERN } from './utils/constants.js';
 import { classes } from './CodeField.tokens.js';
@@ -237,7 +237,7 @@ var codeFieldRoot = function codeFieldRoot(Root) {
       var autocompleteCode = autocompleteRef.current.value.split('');
       codeSetter(autocompleteCode);
     }, [(_autocompleteRef$curr = autocompleteRef.current) === null || _autocompleteRef$curr === void 0 ? void 0 : _autocompleteRef$curr.value, disabled]);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Root, _extends({
       ref: ref,
       view: view,
       size: size,
@@ -245,16 +245,16 @@ var codeFieldRoot = function codeFieldRoot(Root) {
       disabled: disabled,
       onClick: handleClick,
       className: cls(className, _defineProperty({}, classes.captionAlignLeft, captionAlign === 'left'))
-    }, !isWebOTPEnabled && _objectSpread2({}, rest)), /*#__PURE__*/React.createElement(CodeWrapper, {
+    }, !isWebOTPEnabled && _objectSpread2({}, rest)), /*#__PURE__*/React__default.createElement(CodeWrapper, {
       ref: inputContainerRef
     }, _toConsumableArray(Array(parts)).map(function (_, partIndex) {
-      return /*#__PURE__*/React.createElement(Fragment, {
+      return /*#__PURE__*/React__default.createElement(Fragment, {
         key: partIndex
-      }, /*#__PURE__*/React.createElement(CodeGroup, {
+      }, /*#__PURE__*/React__default.createElement(CodeGroup, {
         role: "group"
       }, _toConsumableArray(Array(codeLength / parts)).map(function (_, i) {
         var inputCorrectIndex = i + codeLength / parts * partIndex;
-        return /*#__PURE__*/React.createElement(ItemInput, _extends({
+        return /*#__PURE__*/React__default.createElement(ItemInput, _extends({
           key: partIndex + i + partIndex * i,
           ref: function ref(element) {
             inputRefs.current[inputCorrectIndex] = element;
@@ -272,12 +272,12 @@ var codeFieldRoot = function codeFieldRoot(Root) {
         }, placeholderValue && {
           placeholder: placeholderValue[inputCorrectIndex]
         }));
-      })), partIndex !== parts - 1 && (_Separator || (_Separator = /*#__PURE__*/React.createElement(Separator, null))));
-    })), caption && /*#__PURE__*/React.createElement(CaptionWrapper, {
+      })), partIndex !== parts - 1 && (_Separator || (_Separator = /*#__PURE__*/React__default.createElement(Separator, null))));
+    })), caption && /*#__PURE__*/React__default.createElement(CaptionWrapper, {
       ref: captionRef,
       captionAlign: captionAlign,
       widthValue: widthValue
-    }, caption), isWebOTPEnabled && /*#__PURE__*/React.createElement(HiddenInput, _extends({
+    }, caption), isWebOTPEnabled && /*#__PURE__*/React__default.createElement(HiddenInput, _extends({
       ref: autocompleteRef,
       autoComplete: autoComplete,
       tabIndex: -1

package/dist/css/es/components/CodeField/CodeField.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeField.js","sources":["../../../../../src/components/CodeField/CodeField.tsx"],"sourcesContent":["import React, { forwardRef, Fragment, useCallback, useEffect, useRef, useState } from 'react';\nimport cls from 'classnames';\nimport type { ChangeEvent, KeyboardEvent, ClipboardEvent } from 'react';\nimport type { RootProps } from 'src/engines';\nimport { useDidMountEffect } from 'src/hooks';\nimport { getSizeValueFromProp } from 'src/utils';\n\nimport { useCodeHook } from '../../hooks';\n\nimport type { CodeFieldProps } from './CodeField.types';\nimport { BACKSPACE_KEY, FORBIDDEN_KEYS, ONLY_DIGITS_PATTERN } from './utils/constants';\nimport {\n    getCodeValue,\n    getFieldPattern,\n    getPlaceholderValue,\n    handleCodeError,\n    handleItemError,\n    isWebOTPSupported,\n} from './utils';\nimport { classes } from './CodeField.tokens';\nimport { base, CaptionWrapper, CodeGroup, CodeWrapper, HiddenInput, ItemInput, Separator } from './CodeField.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as shapeCSS } from './variations/_shape/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { useWebOTP } from './hooks/useWebOTP';\n\nexport const codeFieldRoot = (Root: RootProps<HTMLDivElement, CodeFieldProps>) =>\n    forwardRef<HTMLInputElement, CodeFieldProps>(\n        (\n            {\n                className,\n                value: outerValue,\n                placeholder,\n                autoFocus,\n                codeLength = 6,\n                caption,\n                captionAlign = 'left',\n                width,\n                shape = 'default',\n                view,\n                size,\n                disabled,\n                isError,\n                allowedSymbols = ONLY_DIGITS_PATTERN,\n                itemErrorBehavior = 'remove-symbol',\n                codeErrorBehavior = 'remove-code',\n                autoComplete = 'one-time-code',\n                setIsError,\n                onChange,\n                onFullCodeEnter,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [innerValue, setInnerValue] = useState<Array<string>>(getCodeValue(codeLength, ''));\n            const code = typeof outerValue === 'string' ? getCodeValue(codeLength, outerValue) : innerValue;\n\n            const [originalValue, setOriginalValue] = useState<string>(code.join(''));\n\n            const inputRefs = useRef<Array<HTMLInputElement>>([]);\n            const inputContainerRef = useRef<HTMLDivElement | null>(null);\n            const captionRef = useRef<HTMLDivElement | null>(null);\n            const autocompleteRef = useRef<HTMLInputElement | null>(null);\n\n            const fieldPattern = getFieldPattern(allowedSymbols);\n            const placeholderValue = getPlaceholderValue(codeLength, placeholder);\n            const parts = codeLength === 6 ? 2 : 1;\n\n            const widthValue = width ? getSizeValueFromProp(width, 'rem') : undefined;\n            const isWebOTPEnabled = autoComplete === 'one-time-code' && !disabled && isWebOTPSupported();\n\n            const getLastActiveIndex = () => {\n                if (code.length && code.length < codeLength) {\n                    return code.length;\n                }\n\n                const lastEmptyIndex = code.findIndex((digit) => digit === '');\n                return lastEmptyIndex >= 0 ? lastEmptyIndex : codeLength - 1;\n            };\n\n            const codeSetter = (newCode: Array<string>) => {\n                const originalCode = newCode.join('');\n\n                setInnerValue(getCodeValue(codeLength, originalCode));\n                setOriginalValue(originalCode);\n\n                if (onChange) {\n                    onChange(originalCode);\n                }\n            };\n\n            useWebOTP({\n                codeString: originalValue,\n                enableSMSAutoRead: autoComplete === 'one-time-code',\n                disabled: Boolean(disabled),\n                codeLength,\n                codeSetter,\n                onFullCodeEnter,\n            });\n\n            const handleClick = () => {\n                if (disabled) {\n                    return;\n                }\n\n                const lastActiveIndex = getLastActiveIndex();\n\n                if (inputRefs.current[lastActiveIndex]) {\n                    inputRefs.current[lastActiveIndex].focus();\n                }\n            };\n\n            const handleOnKeyDown = (event: KeyboardEvent<HTMLInputElement>, index: number) => {\n                if (disabled) {\n                    return;\n                }\n\n                const { key } = event;\n                if (FORBIDDEN_KEYS.includes(key)) {\n                    event.preventDefault();\n\n                    return;\n                }\n\n                if (key === BACKSPACE_KEY) {\n                    if (index > 0) {\n                        const newCode = [...code];\n\n                        newCode[index] = '';\n\n                        if (index >= codeLength - 1 && code[index]) {\n                            codeSetter(newCode);\n                            return;\n                        }\n\n                        if (!code[index]) {\n                            newCode[index - 1] = '';\n                            inputRefs.current[index - 1]?.focus();\n                        }\n\n                        inputRefs.current[index]?.classList.remove(classes.itemError);\n                        codeSetter(newCode);\n                    }\n                }\n            };\n\n            const handleChange = (event: ChangeEvent<HTMLInputElement>, index: number) => {\n                if (disabled) {\n                    return;\n                }\n\n                const rawSymbol = event.currentTarget.value;\n                const symbol = rawSymbol.charAt(rawSymbol.length - 1);\n                const newCode = [...code];\n\n                inputRefs.current[index]?.classList.remove(classes.itemError);\n                if (isError) {\n                    captionRef.current?.classList.remove(classes.captionError);\n\n                    if (codeErrorBehavior === 'keep') {\n                        inputContainerRef.current?.classList.remove(classes.codeError, classes.codeErrorAnimation);\n                    }\n\n                    if (setIsError) {\n                        setIsError(false);\n                    }\n                }\n\n                if (!symbol) {\n                    return;\n                }\n\n                if (!fieldPattern) {\n                    newCode[index] = symbol;\n                    codeSetter(newCode);\n\n                    if (symbol && index < codeLength - 1) {\n                        inputRefs.current[index + 1]?.focus();\n                    }\n\n                    return;\n                }\n\n                if (fieldPattern.test(symbol)) {\n                    newCode[index] = symbol.charAt(symbol.length - 1);\n                    codeSetter(newCode);\n\n                    if (index < codeLength - 1) {\n                        inputRefs.current[index + 1]?.focus();\n                    }\n                } else {\n                    newCode[index] = symbol.charAt(symbol.length - 1);\n\n                    handleItemError({\n                        currentSymbol: symbol,\n                        itemErrorBehavior,\n                        index,\n                        newCode,\n                        inputRefs,\n                        setInnerValue,\n                        codeSetter,\n                        onChange,\n                    });\n                }\n            };\n\n            const handlePaste = (event: ClipboardEvent<HTMLInputElement>) => {\n                const newCode = [...code];\n\n                if (disabled) {\n                    return;\n                }\n\n                event.preventDefault();\n\n                const rawData = event.clipboardData.getData('text/plain');\n\n                const pastedData = (fieldPattern\n                    ? rawData\n                          .split('')\n                          .map((symb) => symb.match(fieldPattern)?.[0] || '')\n                          .filter(Boolean) || []\n                    : rawData.split('')\n                ).slice(0, codeLength);\n\n                pastedData.forEach((element, index) => {\n                    newCode[index] = element;\n                });\n\n                const activeIndex = Math.min(pastedData.length, codeLength - 1);\n                inputRefs.current[activeIndex]?.focus();\n\n                codeSetter(newCode);\n            };\n\n            const handleFullCodeEnter = useCallback((fullCode: string) => {\n                if (onFullCodeEnter) {\n                    onFullCodeEnter(fullCode);\n                }\n            }, []);\n\n            useCodeHook({\n                inputRefs,\n                codeLength,\n                disabled,\n                autoFocus,\n                originalValue,\n                getLastActiveIndex,\n                handleFullCodeEnter,\n            });\n\n            useDidMountEffect(() => {\n                if (isError) {\n                    handleCodeError({\n                        codeLength,\n                        codeErrorBehavior,\n                        currentCode: code,\n                        inputRefs,\n                        inputContainerRef,\n                        captionRef,\n                        setInnerValue,\n                        codeSetter,\n                    });\n                }\n            }, [isError]);\n\n            useEffect(() => {\n                if (disabled || !autocompleteRef.current) {\n                    return;\n                }\n\n                const autocompleteCode = autocompleteRef.current.value.split('');\n                codeSetter(autocompleteCode);\n            }, [autocompleteRef.current?.value, disabled]);\n\n            return (\n                <>\n                    <Root\n                        ref={ref}\n                        view={view}\n                        size={size}\n                        shape={shape}\n                        disabled={disabled}\n                        onClick={handleClick}\n                        className={cls(className, {\n                            [classes.captionAlignLeft]: captionAlign === 'left',\n                        })}\n                        {...(!isWebOTPEnabled && { ...rest })}\n                    >\n                        <CodeWrapper ref={inputContainerRef}>\n                            {[...Array(parts)].map((_, partIndex) => (\n                                <Fragment key={partIndex}>\n                                    <CodeGroup role=\"group\">\n                                        {[...Array(codeLength / parts)].map((_, i) => {\n                                            const inputCorrectIndex = i + (codeLength / parts) * partIndex;\n\n                                            return (\n                                                <ItemInput\n                                                    key={partIndex + i + partIndex * i}\n                                                    ref={(element: HTMLInputElement) => {\n                                                        inputRefs.current[inputCorrectIndex] = element;\n                                                    }}\n                                                    className={cls({\n                                                        [classes.segmented]: shape === 'segmented',\n                                                        [classes.hoverEnabled]:\n                                                            !disabled && inputCorrectIndex >= originalValue.length,\n                                                    })}\n                                                    value={code[inputCorrectIndex] || ''}\n                                                    onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                                                        handleChange(e, inputCorrectIndex);\n                                                    }}\n                                                    onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n                                                        handleOnKeyDown(e, inputCorrectIndex);\n                                                    }}\n                                                    onPaste={handlePaste}\n                                                    tabIndex={\n                                                        !disabled && originalValue.length === inputCorrectIndex ? 0 : -1\n                                                    }\n                                                    {...(placeholderValue && {\n                                                        placeholder: placeholderValue[inputCorrectIndex],\n                                                    })}\n                                                />\n                                            );\n                                        })}\n                                    </CodeGroup>\n                                    {partIndex !== parts - 1 && <Separator />}\n                                </Fragment>\n                            ))}\n                        </CodeWrapper>\n\n                        {caption && (\n                            <CaptionWrapper ref={captionRef} captionAlign={captionAlign} widthValue={widthValue}>\n                                {caption}\n                            </CaptionWrapper>\n                        )}\n\n                        {isWebOTPEnabled && (\n                            <HiddenInput ref={autocompleteRef} autoComplete={autoComplete} tabIndex={-1} {...rest} />\n                        )}\n                    </Root>\n                </>\n            );\n        },\n    );\n\nexport const codeFieldConfig = {\n    name: 'CodeField',\n    tag: 'div',\n    layout: codeFieldRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        shape: {\n            css: shapeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n        shape: 'default',\n    },\n};\n"],"names":["codeFieldRoot","Root","forwardRef","_ref","ref","_autocompleteRef$curr","className","outerValue","value","placeholder","autoFocus","_ref$codeLength","codeLength","caption","_ref$captionAlign","captionAlign","width","_ref$shape","shape","view","size","disabled","isError","_ref$allowedSymbols","allowedSymbols","ONLY_DIGITS_PATTERN","_ref$itemErrorBehavio","itemErrorBehavior","_ref$codeErrorBehavio","codeErrorBehavior","_ref$autoComplete","autoComplete","setIsError","onChange","onFullCodeEnter","rest","_objectWithoutProperties","_excluded","_useState","useState","getCodeValue","_useState2","_slicedToArray","innerValue","setInnerValue","code","_useState3","join","_useState4","originalValue","setOriginalValue","inputRefs","useRef","inputContainerRef","captionRef","autocompleteRef","fieldPattern","getFieldPattern","placeholderValue","getPlaceholderValue","parts","widthValue","getSizeValueFromProp","undefined","isWebOTPEnabled","isWebOTPSupported","getLastActiveIndex","length","lastEmptyIndex","findIndex","digit","codeSetter","newCode","originalCode","useWebOTP","codeString","enableSMSAutoRead","Boolean","handleClick","lastActiveIndex","current","focus","handleOnKeyDown","event","index","key","FORBIDDEN_KEYS","includes","preventDefault","BACKSPACE_KEY","_inputRefs$current$in","_toConsumableArray","_inputRefs$current","classList","remove","classes","itemError","handleChange","_inputRefs$current$in2","rawSymbol","currentTarget","symbol","charAt","_captionRef$current","captionError","_inputContainerRef$cu","codeError","codeErrorAnimation","_inputRefs$current2","test","_inputRefs$current3","handleItemError","currentSymbol","handlePaste","_inputRefs$current$ac","rawData","clipboardData","getData","pastedData","split","map","symb","_symb$match","match","filter","slice","forEach","element","activeIndex","Math","min","handleFullCodeEnter","useCallback","fullCode","useCodeHook","useDidMountEffect","handleCodeError","currentCode","useEffect","autocompleteCode","React","createElement","Fragment","_extends","onClick","cls","_defineProperty","captionAlignLeft","_objectSpread","CodeWrapper","Array","_","partIndex","CodeGroup","role","i","inputCorrectIndex","ItemInput","segmented","hoverEnabled","e","onKeyDown","onPaste","tabIndex","_Separator","Separator","CaptionWrapper","HiddenInput","codeFieldConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","shapeCSS","disabledCSS","attrs","defaults"],"mappings":"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"}
+{"version":3,"file":"CodeField.js","sources":["../../../../../src/components/CodeField/CodeField.tsx"],"sourcesContent":["import React, { forwardRef, Fragment, useCallback, useEffect, useRef, useState } from 'react';\nimport cls from 'classnames';\nimport type { ChangeEvent, KeyboardEvent, ClipboardEvent } from 'react';\nimport type { RootProps } from 'src/engines';\nimport { useDidMountEffect } from 'src/hooks';\nimport { getSizeValueFromProp } from 'src/utils';\n\nimport { useCodeHook } from '../../hooks';\n\nimport type { CodeFieldProps } from './CodeField.types';\nimport { BACKSPACE_KEY, FORBIDDEN_KEYS, ONLY_DIGITS_PATTERN } from './utils/constants';\nimport {\n    getCodeValue,\n    getFieldPattern,\n    getPlaceholderValue,\n    handleCodeError,\n    handleItemError,\n    isWebOTPSupported,\n} from './utils';\nimport { classes } from './CodeField.tokens';\nimport { base, CaptionWrapper, CodeGroup, CodeWrapper, HiddenInput, ItemInput, Separator } from './CodeField.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as shapeCSS } from './variations/_shape/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { useWebOTP } from './hooks/useWebOTP';\n\nexport const codeFieldRoot = (Root: RootProps<HTMLDivElement, CodeFieldProps>) =>\n    forwardRef<HTMLInputElement, CodeFieldProps>(\n        (\n            {\n                className,\n                value: outerValue,\n                placeholder,\n                autoFocus,\n                codeLength = 6,\n                caption,\n                captionAlign = 'left',\n                width,\n                shape = 'default',\n                view,\n                size,\n                disabled,\n                isError,\n                allowedSymbols = ONLY_DIGITS_PATTERN,\n                itemErrorBehavior = 'remove-symbol',\n                codeErrorBehavior = 'remove-code',\n                autoComplete = 'one-time-code',\n                setIsError,\n                onChange,\n                onFullCodeEnter,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [innerValue, setInnerValue] = useState<Array<string>>(getCodeValue(codeLength, ''));\n            const code = typeof outerValue === 'string' ? getCodeValue(codeLength, outerValue) : innerValue;\n\n            const [originalValue, setOriginalValue] = useState<string>(code.join(''));\n\n            const inputRefs = useRef<Array<HTMLInputElement>>([]);\n            const inputContainerRef = useRef<HTMLDivElement | null>(null);\n            const captionRef = useRef<HTMLDivElement | null>(null);\n            const autocompleteRef = useRef<HTMLInputElement | null>(null);\n\n            const fieldPattern = getFieldPattern(allowedSymbols);\n            const placeholderValue = getPlaceholderValue(codeLength, placeholder);\n            const parts = codeLength === 6 ? 2 : 1;\n\n            const widthValue = width ? getSizeValueFromProp(width, 'rem') : undefined;\n            const isWebOTPEnabled = autoComplete === 'one-time-code' && !disabled && isWebOTPSupported();\n\n            const getLastActiveIndex = () => {\n                if (code.length && code.length < codeLength) {\n                    return code.length;\n                }\n\n                const lastEmptyIndex = code.findIndex((digit) => digit === '');\n                return lastEmptyIndex >= 0 ? lastEmptyIndex : codeLength - 1;\n            };\n\n            const codeSetter = (newCode: Array<string>) => {\n                const originalCode = newCode.join('');\n\n                setInnerValue(getCodeValue(codeLength, originalCode));\n                setOriginalValue(originalCode);\n\n                if (onChange) {\n                    onChange(originalCode);\n                }\n            };\n\n            useWebOTP({\n                codeString: originalValue,\n                enableSMSAutoRead: autoComplete === 'one-time-code',\n                disabled: Boolean(disabled),\n                codeLength,\n                codeSetter,\n                onFullCodeEnter,\n            });\n\n            const handleClick = () => {\n                if (disabled) {\n                    return;\n                }\n\n                const lastActiveIndex = getLastActiveIndex();\n\n                if (inputRefs.current[lastActiveIndex]) {\n                    inputRefs.current[lastActiveIndex].focus();\n                }\n            };\n\n            const handleOnKeyDown = (event: KeyboardEvent<HTMLInputElement>, index: number) => {\n                if (disabled) {\n                    return;\n                }\n\n                const { key } = event;\n                if (FORBIDDEN_KEYS.includes(key)) {\n                    event.preventDefault();\n\n                    return;\n                }\n\n                if (key === BACKSPACE_KEY) {\n                    if (index > 0) {\n                        const newCode = [...code];\n\n                        newCode[index] = '';\n\n                        if (index >= codeLength - 1 && code[index]) {\n                            codeSetter(newCode);\n                            return;\n                        }\n\n                        if (!code[index]) {\n                            newCode[index - 1] = '';\n                            inputRefs.current[index - 1]?.focus();\n                        }\n\n                        inputRefs.current[index]?.classList.remove(classes.itemError);\n                        codeSetter(newCode);\n                    }\n                }\n            };\n\n            const handleChange = (event: ChangeEvent<HTMLInputElement>, index: number) => {\n                if (disabled) {\n                    return;\n                }\n\n                const rawSymbol = event.currentTarget.value;\n                const symbol = rawSymbol.charAt(rawSymbol.length - 1);\n                const newCode = [...code];\n\n                inputRefs.current[index]?.classList.remove(classes.itemError);\n                if (isError) {\n                    captionRef.current?.classList.remove(classes.captionError);\n\n                    if (codeErrorBehavior === 'keep') {\n                        inputContainerRef.current?.classList.remove(classes.codeError, classes.codeErrorAnimation);\n                    }\n\n                    if (setIsError) {\n                        setIsError(false);\n                    }\n                }\n\n                if (!symbol) {\n                    return;\n                }\n\n                if (!fieldPattern) {\n                    newCode[index] = symbol;\n                    codeSetter(newCode);\n\n                    if (symbol && index < codeLength - 1) {\n                        inputRefs.current[index + 1]?.focus();\n                    }\n\n                    return;\n                }\n\n                if (fieldPattern.test(symbol)) {\n                    newCode[index] = symbol.charAt(symbol.length - 1);\n                    codeSetter(newCode);\n\n                    if (index < codeLength - 1) {\n                        inputRefs.current[index + 1]?.focus();\n                    }\n                } else {\n                    newCode[index] = symbol.charAt(symbol.length - 1);\n\n                    handleItemError({\n                        currentSymbol: symbol,\n                        itemErrorBehavior,\n                        index,\n                        newCode,\n                        inputRefs,\n                        setInnerValue,\n                        codeSetter,\n                        onChange,\n                    });\n                }\n            };\n\n            const handlePaste = (event: ClipboardEvent<HTMLInputElement>) => {\n                const newCode = [...code];\n\n                if (disabled) {\n                    return;\n                }\n\n                event.preventDefault();\n\n                const rawData = event.clipboardData.getData('text/plain');\n\n                const pastedData = (fieldPattern\n                    ? rawData\n                          .split('')\n                          .map((symb) => symb.match(fieldPattern)?.[0] || '')\n                          .filter(Boolean) || []\n                    : rawData.split('')\n                ).slice(0, codeLength);\n\n                pastedData.forEach((element, index) => {\n                    newCode[index] = element;\n                });\n\n                const activeIndex = Math.min(pastedData.length, codeLength - 1);\n                inputRefs.current[activeIndex]?.focus();\n\n                codeSetter(newCode);\n            };\n\n            const handleFullCodeEnter = useCallback((fullCode: string) => {\n                if (onFullCodeEnter) {\n                    onFullCodeEnter(fullCode);\n                }\n            }, []);\n\n            useCodeHook({\n                inputRefs,\n                codeLength,\n                disabled,\n                autoFocus,\n                originalValue,\n                getLastActiveIndex,\n                handleFullCodeEnter,\n            });\n\n            useDidMountEffect(() => {\n                if (isError) {\n                    handleCodeError({\n                        codeLength,\n                        codeErrorBehavior,\n                        currentCode: code,\n                        inputRefs,\n                        inputContainerRef,\n                        captionRef,\n                        setInnerValue,\n                        codeSetter,\n                    });\n                }\n            }, [isError]);\n\n            useEffect(() => {\n                if (disabled || !autocompleteRef.current) {\n                    return;\n                }\n\n                const autocompleteCode = autocompleteRef.current.value.split('');\n                codeSetter(autocompleteCode);\n            }, [autocompleteRef.current?.value, disabled]);\n\n            return (\n                <>\n                    <Root\n                        ref={ref}\n                        view={view}\n                        size={size}\n                        shape={shape}\n                        disabled={disabled}\n                        onClick={handleClick}\n                        className={cls(className, {\n                            [classes.captionAlignLeft]: captionAlign === 'left',\n                        })}\n                        {...(!isWebOTPEnabled && { ...rest })}\n                    >\n                        <CodeWrapper ref={inputContainerRef}>\n                            {[...Array(parts)].map((_, partIndex) => (\n                                <Fragment key={partIndex}>\n                                    <CodeGroup role=\"group\">\n                                        {[...Array(codeLength / parts)].map((_, i) => {\n                                            const inputCorrectIndex = i + (codeLength / parts) * partIndex;\n\n                                            return (\n                                                <ItemInput\n                                                    key={partIndex + i + partIndex * i}\n                                                    ref={(element: HTMLInputElement) => {\n                                                        inputRefs.current[inputCorrectIndex] = element;\n                                                    }}\n                                                    className={cls({\n                                                        [classes.segmented]: shape === 'segmented',\n                                                        [classes.hoverEnabled]:\n                                                            !disabled && inputCorrectIndex >= originalValue.length,\n                                                    })}\n                                                    value={code[inputCorrectIndex] || ''}\n                                                    onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                                                        handleChange(e, inputCorrectIndex);\n                                                    }}\n                                                    onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n                                                        handleOnKeyDown(e, inputCorrectIndex);\n                                                    }}\n                                                    onPaste={handlePaste}\n                                                    tabIndex={\n                                                        !disabled && originalValue.length === inputCorrectIndex ? 0 : -1\n                                                    }\n                                                    {...(placeholderValue && {\n                                                        placeholder: placeholderValue[inputCorrectIndex],\n                                                    })}\n                                                />\n                                            );\n                                        })}\n                                    </CodeGroup>\n                                    {partIndex !== parts - 1 && <Separator />}\n                                </Fragment>\n                            ))}\n                        </CodeWrapper>\n\n                        {caption && (\n                            <CaptionWrapper ref={captionRef} captionAlign={captionAlign} widthValue={widthValue}>\n                                {caption}\n                            </CaptionWrapper>\n                        )}\n\n                        {isWebOTPEnabled && (\n                            <HiddenInput ref={autocompleteRef} autoComplete={autoComplete} tabIndex={-1} {...rest} />\n                        )}\n                    </Root>\n                </>\n            );\n        },\n    );\n\nexport const codeFieldConfig = {\n    name: 'CodeField',\n    tag: 'div',\n    layout: codeFieldRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        shape: {\n            css: shapeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n        shape: 'default',\n    },\n};\n"],"names":["codeFieldRoot","Root","forwardRef","_ref","ref","_autocompleteRef$curr","className","outerValue","value","placeholder","autoFocus","_ref$codeLength","codeLength","caption","_ref$captionAlign","captionAlign","width","_ref$shape","shape","view","size","disabled","isError","_ref$allowedSymbols","allowedSymbols","ONLY_DIGITS_PATTERN","_ref$itemErrorBehavio","itemErrorBehavior","_ref$codeErrorBehavio","codeErrorBehavior","_ref$autoComplete","autoComplete","setIsError","onChange","onFullCodeEnter","rest","_objectWithoutProperties","_excluded","_useState","useState","getCodeValue","_useState2","_slicedToArray","innerValue","setInnerValue","code","_useState3","join","_useState4","originalValue","setOriginalValue","inputRefs","useRef","inputContainerRef","captionRef","autocompleteRef","fieldPattern","getFieldPattern","placeholderValue","getPlaceholderValue","parts","widthValue","getSizeValueFromProp","undefined","isWebOTPEnabled","isWebOTPSupported","getLastActiveIndex","length","lastEmptyIndex","findIndex","digit","codeSetter","newCode","originalCode","useWebOTP","codeString","enableSMSAutoRead","Boolean","handleClick","lastActiveIndex","current","focus","handleOnKeyDown","event","index","key","FORBIDDEN_KEYS","includes","preventDefault","BACKSPACE_KEY","_inputRefs$current$in","_toConsumableArray","_inputRefs$current","classList","remove","classes","itemError","handleChange","_inputRefs$current$in2","rawSymbol","currentTarget","symbol","charAt","_captionRef$current","captionError","_inputContainerRef$cu","codeError","codeErrorAnimation","_inputRefs$current2","test","_inputRefs$current3","handleItemError","currentSymbol","handlePaste","_inputRefs$current$ac","rawData","clipboardData","getData","pastedData","split","map","symb","_symb$match","match","filter","slice","forEach","element","activeIndex","Math","min","handleFullCodeEnter","useCallback","fullCode","useCodeHook","useDidMountEffect","handleCodeError","currentCode","useEffect","autocompleteCode","React","createElement","Fragment","_extends","onClick","cls","_defineProperty","captionAlignLeft","_objectSpread","CodeWrapper","Array","_","partIndex","CodeGroup","role","i","inputCorrectIndex","ItemInput","segmented","hoverEnabled","e","onKeyDown","onPaste","tabIndex","_Separator","Separator","CaptionWrapper","HiddenInput","codeFieldConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","shapeCSS","disabledCSS","attrs","defaults"],"mappings":"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"}

package/dist/css/es/components/CodeInput/CodeInput.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty, toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useState, useRef, useCallback, Fragment } from 'react';
+import React__default, { forwardRef, useState, useRef, useCallback, Fragment } from 'react';
 import cls from 'classnames';
 import { FORBIDDEN_KEYS, BACKSPACE_KEY, ONLY_DIGITS_PATTERN } from '../../utils/constants.js';
 import { classes } from './CodeInput.tokens.js';
@@ -209,32 +209,32 @@ var codeInputRoot = function codeInputRoot(Root) {
         });
       }
     }, [isError]);
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       ref: ref,
       view: view,
       size: size,
       disabled: disabled,
       onClick: handleClick,
       className: cls(className, _defineProperty({}, classes.captionAlignLeft, captionAlign === 'left'))
-    }, rest), /*#__PURE__*/React.createElement(CodeWrapper, {
+    }, rest), /*#__PURE__*/React__default.createElement(CodeWrapper, {
       ref: inputContainerRef
     }, _toConsumableArray(Array(parts)).map(function (_, partIndex) {
-      return /*#__PURE__*/React.createElement(Fragment, {
+      return /*#__PURE__*/React__default.createElement(Fragment, {
         key: partIndex
-      }, /*#__PURE__*/React.createElement(CodeGroup, {
+      }, /*#__PURE__*/React__default.createElement(CodeGroup, {
         role: "group"
       }, _toConsumableArray(Array(codeLength / parts)).map(function (_, i) {
         var inputCorrectIndex = i + codeLength / parts * partIndex;
-        return /*#__PURE__*/React.createElement(ItemWrapper, {
+        return /*#__PURE__*/React__default.createElement(ItemWrapper, {
           key: String(partIndex + i + partIndex * i)
-        }, (!code[inputCorrectIndex] || Boolean(code[inputCorrectIndex]) && hidden) && /*#__PURE__*/React.createElement(ItemCircle, {
+        }, (!code[inputCorrectIndex] || Boolean(code[inputCorrectIndex]) && hidden) && /*#__PURE__*/React__default.createElement(ItemCircle, {
           role: "tab",
           tabIndex: originalValue.length === inputCorrectIndex ? 0 : -1,
           onKeyDown: function onKeyDown(e) {
             handleOnKeyDown(e, inputCorrectIndex, 'circle');
           },
           className: cls([Boolean(code[inputCorrectIndex]) && hidden ? classes.itemCirlceFilled : '', "".concat(classes.itemCircle, "-").concat(inputCorrectIndex)])
-        }), /*#__PURE__*/React.createElement(ItemInput, _extends({
+        }), /*#__PURE__*/React__default.createElement(ItemInput, _extends({
           ref: function ref(element) {
             inputRefs.current[inputCorrectIndex] = element;
           },
@@ -253,8 +253,8 @@ var codeInputRoot = function codeInputRoot(Root) {
         }, placeholderValue && {
           placeholder: placeholderValue[inputCorrectIndex]
         })));
-      })), partIndex !== parts - 1 && (_Separator || (_Separator = /*#__PURE__*/React.createElement(Separator, null))));
-    })), caption && /*#__PURE__*/React.createElement(CaptionWrapper, {
+      })), partIndex !== parts - 1 && (_Separator || (_Separator = /*#__PURE__*/React__default.createElement(Separator, null))));
+    })), caption && /*#__PURE__*/React__default.createElement(CaptionWrapper, {
       ref: captionRef,
       captionAlign: captionAlign,
       widthValue: widthValue