@salutejs/plasma-new-hope 0.320.1-canary.1910.14381785345.0 → 0.320.1-canary.1910.14464879960.0

package/cjs/_virtual/_rollupPluginBabelHelpers.js

@@ -498,6 +498,13 @@ function _regeneratorRuntime() {
 function _slicedToArray(r, e) {
   return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
 }
+function _taggedTemplateLiteral(e, t) {
+  return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
+    raw: {
+      value: Object.freeze(t)
+    }
+  }));
+}
 function _toArray(r) {
   return _arrayWithHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableRest();
 }
@@ -553,6 +560,7 @@ exports.objectWithoutProperties = _objectWithoutProperties;
 exports.objectWithoutPropertiesLoose = _objectWithoutPropertiesLoose;
 exports.regeneratorRuntime = _regeneratorRuntime;
 exports.slicedToArray = _slicedToArray;
+exports.taggedTemplateLiteral = _taggedTemplateLiteral;
 exports.toArray = _toArray;
 exports.toConsumableArray = _toConsumableArray;
 exports.toPrimitive = _toPrimitive;

package/cjs/_virtual/_rollupPluginBabelHelpers.js.map

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

package/cjs/components/Checkbox/Checkbox.js

@@ -18,7 +18,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var _DoneThin, _Done, _Indeterminate;
+var _DoneThin, _Done, _IndeterminateThin, _Indeterminate;
 var _excluded = ["size", "view", "focused", "disabled", "id", "label", "description", "indeterminate", "appearance", "style", "className", "singleLine", "aria-label"];
 var checkboxRoot = function checkboxRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -62,6 +62,12 @@ var checkboxRoot = function checkboxRoot(Root) {
       }
       return _Done || (_Done = /*#__PURE__*/React__default.default.createElement(IconsSvg.Done, null));
     };
+    var getIndeterminate = function getIndeterminate() {
+      if (appearance === 'outline') {
+        return _IndeterminateThin || (_IndeterminateThin = /*#__PURE__*/React__default.default.createElement(IconsSvg.IndeterminateThin, null));
+      }
+      return _Indeterminate || (_Indeterminate = /*#__PURE__*/React__default.default.createElement(IconsSvg.Indeterminate, null));
+    };
     return /*#__PURE__*/React__default.default.createElement(Root, {
       view: view,
       size: size,
@@ -83,7 +89,7 @@ var checkboxRoot = function checkboxRoot(Root) {
       className: singleLineClass
     }, /*#__PURE__*/React__default.default.createElement(Checkbox_styles.StyledTriggerWrapper, null, /*#__PURE__*/React__default.default.createElement(Checkbox_styles.StyledTrigger, {
       className: Checkbox_tokens.classes.checkboxTrigger
-    }, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/React__default.default.createElement(IconsSvg.Indeterminate, null)) : getIcon())), hasContent && /*#__PURE__*/React__default.default.createElement(Checkbox_styles.StyledContent, {
+    }, indeterminate ? getIndeterminate() : getIcon())), hasContent && /*#__PURE__*/React__default.default.createElement(Checkbox_styles.StyledContent, {
       className: singleLineClass
     }, label && /*#__PURE__*/React__default.default.createElement(Checkbox_styles.StyledLabel, {
       className: singleLineClass,

package/cjs/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 { safeUseId, useForkRef, extractTextFrom } from '@salutejs/plasma-core';\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 } 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        const getIcon = () => {\n            if (appearance === 'outline') {\n                return <DoneThin />;\n            }\n\n            return <Done />;\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 ? <Indeterminate /> : 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","tabIndex","StyledInput","_extends","type","StyledContentWrapper","htmlFor","StyledTriggerWrapper","StyledTrigger","checkboxTrigger","_Indeterminate","Indeterminate","StyledContent","StyledLabel","StyledDescription","cx","checkboxConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useRef } from 'react';\nimport { safeUseId, useForkRef, extractTextFrom } from '@salutejs/plasma-core';\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        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":";;;;;;;;;;;;;;;;;;;;;;IAwBaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAAgD,EAAA;AAAA,EAAA,oBACzEC,gBAAU,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,iDAAA,CACPjB,KAAK,EAAAkB,SAAA,CAAA,CAAA;AAET,IAAA,IAAMC,QAAQ,GAAGC,YAAM,CAA0B,IAAI,CAAC,CAAA;AACtD,IAAA,IAAMC,OAAO,GAAGC,qBAAU,CAACH,QAAQ,EAAElB,GAAG,CAAC,CAAA;AAEzCsB,IAAAA,eAAS,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,oBAAS,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,aAAO,CAAC,YAAA;AAAA,MAAA,OAAMlB,iBAAiB,IAAImB,0BAAe,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,uBAAO,CAACzB,UAAU,GAAG0B,SAAS,CAAA;IACnE,IAAMC,oBAAoB,GAAG,CAAClC,KAAK,IAAIC,WAAW,GAAG+B,uBAAO,CAACG,eAAe,GAAGF,SAAS,CAAA;AAExF,IAAA,IAAMG,OAAO,GAAG,SAAVA,OAAOA,GAAS;MAClB,IAAIjC,UAAU,KAAK,SAAS,EAAE;QAC1B,OAAAkC,SAAA,KAAAA,SAAA,gBAAOC,sBAAA,CAAAC,aAAA,CAACC,iBAAQ,EAAA,IAAE,CAAC,CAAA,CAAA;AACvB,OAAA;MAEA,OAAAC,KAAA,KAAAA,KAAA,gBAAOH,sBAAA,CAAAC,aAAA,CAACG,aAAI,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,sBAAA,CAAAC,aAAA,CAACM,0BAAiB,EAAA,IAAE,CAAC,CAAA,CAAA;AAChC,OAAA;MAEA,OAAAC,cAAA,KAAAA,cAAA,gBAAOR,sBAAA,CAAAC,aAAA,CAACQ,sBAAa,EAAA,IAAE,CAAC,CAAA,CAAA;KAC3B,CAAA;AAED,IAAA,oBACIT,sBAAA,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,sBAAA,CAAAC,aAAA,CAACU,2BAAW,EAAAC,iCAAA,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,sBAAA,CAAAC,aAAA,CAACa,oCAAoB,EAAA;AAACC,MAAAA,OAAO,EAAE7B,UAAW;AAACnB,MAAAA,SAAS,EAAE0B,eAAAA;KAClDO,eAAAA,sBAAA,CAAAC,aAAA,CAACe,oCAAoB,qBACjBhB,sBAAA,CAAAC,aAAA,CAACgB,6BAAa,EAAA;MAAClD,SAAS,EAAE2B,uBAAO,CAACwB,eAAAA;AAAgB,KAAA,EAC7CtD,aAAa,GAAGyC,gBAAgB,EAAE,GAAGP,OAAO,EAClC,CACG,CAAC,EACtBN,UAAU,iBACPQ,sBAAA,CAAAC,aAAA,CAACkB,6BAAa,EAAA;AAACpD,MAAAA,SAAS,EAAE0B,eAAAA;AAAgB,KAAA,EACrC/B,KAAK,iBACFsC,sBAAA,CAAAC,aAAA,CAACmB,2BAAW,EAAA;AACRrD,MAAAA,SAAS,EAAE0B,eAAgB;AAC3BhC,MAAAA,EAAE,EAAEsB,WAAY;MAChB,aAAaO,EAAAA,iBAAAA;KAEZ5B,EAAAA,KACQ,CAChB,EACAC,WAAW,iBACRqC,sBAAA,CAAAC,aAAA,CAACoB,iCAAiB,EAAA;AACdtD,MAAAA,SAAS,EAAEuD,QAAE,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,oBAAI;AACJC,EAAAA,UAAU,EAAE;AACRvE,IAAAA,IAAI,EAAE;AACFwE,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDxE,IAAAA,IAAI,EAAE;AACFuE,MAAAA,GAAG,EAAEE,WAAAA;KACR;AACDvE,IAAAA,QAAQ,EAAE;AACNqE,MAAAA,GAAG,EAAEG,WAAAA;KACR;AACDzE,IAAAA,OAAO,EAAE;AACLsE,MAAAA,GAAG,EAAEI,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN7E,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,IAAI,EAAE,QAAA;AACV,GAAA;AACJ;;;;;"}

package/cjs/components/Checkbox/IconsSvg.js

@@ -63,8 +63,28 @@ var Indeterminate = function Indeterminate() {
     d: "m5.09449,9.0315l8,0"
   })));
 };
+var IndeterminateThin = function IndeterminateThin() {
+  return /*#__PURE__*/React__default.default.createElement("div", {
+    style: {
+      display: 'inline-flex'
+    }
+  }, /*#__PURE__*/React__default.default.createElement("svg", {
+    width: "100%",
+    viewBox: "0 0 18 18",
+    fill: "none",
+    style: {
+      width: "var(".concat(Checkbox_tokens.tokens.triggerSize, ")")
+    }
+  }, /*#__PURE__*/React__default.default.createElement("path", {
+    strokeLinecap: "round",
+    strokeWidth: "1",
+    stroke: "var(".concat(Checkbox_tokens.tokens.iconColor, ")"),
+    d: "m5.09449,9.0315l8,0"
+  })));
+};
 
 exports.Done = Done;
 exports.DoneThin = DoneThin;
 exports.Indeterminate = Indeterminate;
+exports.IndeterminateThin = IndeterminateThin;
 //# sourceMappingURL=IconsSvg.js.map

package/cjs/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"],"names":["Done","React","createElement","style","display","width","viewBox","fill","concat","tokens","triggerSize","iconColor","d","DoneThin","height","stroke","Indeterminate","strokeLinecap","strokeWidth"],"mappings":";;;;;;;;;;;AAIaA,IAAAA,IAAI,GAAG,SAAPA,IAAIA,GAAA;EAAA,oBACbC,sBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAE,aAAA;AAAc,KAAA;GACjCH,eAAAA,sBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,KAAK,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAM;AAACJ,IAAAA,KAAK,EAAE;AAAEE,MAAAA,KAAK,EAAAG,MAAAA,CAAAA,MAAA,CAASC,sBAAM,CAACC,WAAW,EAAA,GAAA,CAAA;AAAI,KAAA;GAC3FT,eAAAA,sBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACIK,IAAAA,IAAI,SAAAC,MAAA,CAASC,sBAAM,CAACE,SAAS,EAAI,GAAA,CAAA;AACjCC,IAAAA,CAAC,EAAC,uRAAA;GACL,CACA,CACJ,CAAC,CAAA;AAAA,EACT;AAEYC,IAAAA,QAAQ,GAAG,SAAXA,QAAQA,GAAA;EAAA,oBACjBZ,sBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAE,aAAA;AAAc,KAAA;GACjCH,eAAAA,sBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,KAAK,EAAC,IAAI;AAACS,IAAAA,MAAM,EAAC,GAAG;AAACR,IAAAA,OAAO,EAAC,UAAU;AAACC,IAAAA,IAAI,EAAC,MAAM;AAACJ,IAAAA,KAAK,EAAE;AAAEE,MAAAA,KAAK,EAAAG,MAAAA,CAAAA,MAAA,CAASC,sBAAM,CAACC,WAAW,EAAA,GAAA,CAAA;AAAI,KAAA;GACnGT,eAAAA,sBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMU,IAAAA,CAAC,EAAC,oBAAoB;AAACG,IAAAA,MAAM,EAAAP,MAAAA,CAAAA,MAAA,CAASC,sBAAM,CAACE,SAAS,EAAA,GAAA,CAAA;GAAM,CACjE,CACJ,CAAC,CAAA;AAAA,EACT;AAEYK,IAAAA,aAAa,GAAG,SAAhBA,aAAaA,GAAA;EAAA,oBACtBf,sBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAE,aAAA;AAAc,KAAA;GACjCH,eAAAA,sBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,KAAK,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAM;AAACJ,IAAAA,KAAK,EAAE;AAAEE,MAAAA,KAAK,EAAAG,MAAAA,CAAAA,MAAA,CAASC,sBAAM,CAACC,WAAW,EAAA,GAAA,CAAA;AAAI,KAAA;GAC3FT,eAAAA,sBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMe,IAAAA,aAAa,EAAC,OAAO;AAACC,IAAAA,WAAW,EAAC,GAAG;AAACH,IAAAA,MAAM,SAAAP,MAAA,CAASC,sBAAM,CAACE,SAAS,EAAI,GAAA,CAAA;AAACC,IAAAA,CAAC,EAAC,qBAAA;GAAuB,CACxG,CACJ,CAAC,CAAA;AAAA;;;;;;"}
+{"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/cjs/components/Chip/Chip.js

@@ -19,7 +19,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var _excluded = ["children", "text", "contentLeft", "contentRight", "contentClearButton", "hasClear", "size", "className", "onClear", "onClick", "onClickClose", "pilled", "readOnly", "disabled"];
+var _excluded = ["children", "text", "contentLeft", "contentRight", "contentClearButton", "hasClear", "size", "className", "onClear", "onClick", "onClickClose", "pilled", "readOnly", "disabled", "_forceChipManipulationWithReadonly"];
 var chipRoot = function chipRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (props, ref) {
     var children = props.children,
@@ -40,13 +40,14 @@ var chipRoot = function chipRoot(Root) {
       readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
       _props$disabled = props.disabled,
       disabled = _props$disabled === void 0 ? false : _props$disabled,
+      _forceChipManipulationWithReadonly = props._forceChipManipulationWithReadonly,
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
     var txt = !text && typeof children === 'string' ? children : text;
     var pilledClass = pilled ? Chip_tokens.classes.pilled : undefined;
     var handleClick = function handleClick(event) {
       // TODO: #1547
       // eslint-disable-next-line no-underscore-dangle
-      if (disabled || readOnly && !rest._forceChipManipulationWithReadonly) {
+      if (disabled || readOnly && !_forceChipManipulationWithReadonly) {
         return;
       }
       onClick === null || onClick === void 0 || onClick(event);

package/cjs/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            ...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 && !(rest as any)._forceChipManipulationWithReadonly)) {\n                return;\n            }\n\n            onClick?.(event);\n            onClear?.();\n        };\n\n        const handleClickClose = (event: MouseEvent<HTMLDivElement>) => {\n            if (disabled || readOnly || !onClickClose) {\n                return;\n            }\n\n            event.stopPropagation();\n            onClickClose(event);\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}\n                size={size}\n                {...rest}\n            >\n                {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                {txt ? <StyledContentMain>{txt}</StyledContentMain> : children}\n                {contentRight && <StyledContentRight>{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","rest","_objectWithoutProperties","_excluded","txt","pilledClass","classes","undefined","handleClick","event","_forceChipManipulationWithReadonly","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            ...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            onClear?.();\n        };\n\n        const handleClickClose = (event: MouseEvent<HTMLDivElement>) => {\n            if (disabled || readOnly || !onClickClose) {\n                return;\n            }\n\n            event.stopPropagation();\n            onClickClose(event);\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}\n                size={size}\n                {...rest}\n            >\n                {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                {txt ? <StyledContentMain>{txt}</StyledContentMain> : children}\n                {contentRight && <StyledContentRight>{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/cjs/components/Combobox/ComboboxNew/Combobox.js

@@ -15,7 +15,6 @@ var base$1 = require('./variations/_size/base.js');
 var SelectNative = require('./ui/SelectNative/SelectNative.js');
 var Combobox_context = require('./Combobox.context.js');
 var initialItemsTransform = require('./utils/initialItemsTransform.js');
-var getInitialValue = require('./utils/getInitialValue.js');
 var filterItems = require('./utils/filterItems.js');
 var pathReducer = require('./reducers/pathReducer.js');
 var focusedPathReducer = require('./reducers/focusedPathReducer.js');
@@ -35,7 +34,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var _excluded = ["name", "multiple", "value", "onChange", "defaultValue", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listMaxHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "keepPlaceholder", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue", "zIndex", "beforeList", "afterList", "virtual", "hintView", "hintSize", "emptyStateDescription", "onChangeValue", "onScroll", "onToggle"];
+var _excluded = ["name", "multiple", "value", "onChange", "defaultValue", "isTargetAmount", "targetAmount", "items", "placement", "checkboxAppearance", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listMaxHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "keepPlaceholder", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue", "zIndex", "beforeList", "afterList", "virtual", "hintView", "hintSize", "emptyStateDescription", "onChangeValue", "onScroll", "onToggle"];
 
 /**
  * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.
@@ -53,6 +52,8 @@ var comboboxRoot = function comboboxRoot(Root) {
       items = props.items,
       _props$placement = props.placement,
       placement = _props$placement === void 0 ? 'bottom-start' : _props$placement,
+      _props$checkboxAppear = props.checkboxAppearance,
+      checkboxAppearance = _props$checkboxAppear === void 0 ? 'default' : _props$checkboxAppear,
       label = props.label,
       placeholder = props.placeholder,
       helperText = props.helperText,
@@ -104,7 +105,7 @@ var comboboxRoot = function comboboxRoot(Root) {
       valueToCheckedMap = _useMemo2[0],
       valueToItemMap = _useMemo2[1],
       labelToItemMap = _useMemo2[2];
-    var _useState = React.useState(((_valueToItemMap$get = valueToItemMap.get(outerValue)) === null || _valueToItemMap$get === void 0 ? void 0 : _valueToItemMap$get.label) || ''),
+    var _useState = React.useState(multiple || Array.isArray(outerValue) ? '' : ((_valueToItemMap$get = valueToItemMap.get(outerValue)) === null || _valueToItemMap$get === void 0 ? void 0 : _valueToItemMap$get.label) || (outerValue === null || outerValue === void 0 ? void 0 : outerValue.toString()) || ''),
       _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
       textValue = _useState2[0],
       setTextValue = _useState2[1];
@@ -112,7 +113,7 @@ var comboboxRoot = function comboboxRoot(Root) {
       _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
       internalValue = _useState4[0],
       setInternalValue = _useState4[1];
-    var value = outerValue !== null && outerValue !== undefined ? getInitialValue.getInitialValue(outerValue, valueToItemMap) : internalValue;
+    var value = outerValue !== null && outerValue !== undefined ? outerValue : internalValue;
     var inputRef = React.useRef(null);
     var floatingPopoverRef = React.useRef(null);
     var inputForkRef = plasmaCore.useForkRef(inputRef, ref);
@@ -233,19 +234,32 @@ var comboboxRoot = function comboboxRoot(Root) {
       if (renderValue && !isTargetAmount) {
         var resultValues = _rollupPluginBabelHelpers.toConsumableArray(value);
         value.forEach(function (_, index) {
-          var labelAfterRenderValue = renderValue(labelToItemMap.get(valueToItemMap.get(value[index]).label));
+          var _valueToItemMap$get4;
+          var stringValue = value[index];
+          var label = (_valueToItemMap$get4 = valueToItemMap.get(stringValue)) === null || _valueToItemMap$get4 === void 0 ? void 0 : _valueToItemMap$get4.label;
+          var labelAfterRenderValue = renderValue(label ? labelToItemMap.get(label) : {
+            value: stringValue,
+            label: stringValue.toString()
+          });
           if (!chipLabels.includes(labelAfterRenderValue)) {
             resultValues.splice(index, 1);
           }
         });
         var removedItemValue = getRemovedElement.getRemovedElement(value, resultValues, isTargetAmount);
-        onChange(resultValues, removedItemValue ? valueToItemMap.get(removedItemValue) : null);
+        onChange(resultValues, removedItemValue ? valueToItemMap.get(removedItemValue) || {
+          value: removedItemValue,
+          label: removedItemValue.toString()
+        } : null);
       } else {
         var newValues = chipLabels.map(function (chipLabel) {
-          return labelToItemMap.get(chipLabel).value;
+          var _labelToItemMap$get;
+          return ((_labelToItemMap$get = labelToItemMap.get(chipLabel)) === null || _labelToItemMap$get === void 0 ? void 0 : _labelToItemMap$get.value) || chipLabel;
         });
         var _removedItemValue = getRemovedElement.getRemovedElement(value, newValues, isTargetAmount);
-        onChange(newValues, _removedItemValue ? valueToItemMap.get(_removedItemValue) : null);
+        onChange(newValues, _removedItemValue ? valueToItemMap.get(_removedItemValue) || {
+          value: _removedItemValue,
+          label: _removedItemValue.toString()
+        } : null);
       }
     };
 
@@ -291,6 +305,15 @@ var comboboxRoot = function comboboxRoot(Root) {
           newValues.push(item.value);
         }
       });
+
+      // Оставляем values, которых нет в items.
+      if (Array.isArray(value)) {
+        value.forEach(function (val) {
+          if (!valueToItemMap.has(val)) {
+            newValues.push(val);
+          }
+        });
+      }
       if (!alwaysOpened && closeAfterSelect) {
         dispatchPath({
           type: 'reset'
@@ -346,10 +369,14 @@ var comboboxRoot = function comboboxRoot(Root) {
           return ["\u0412\u044B\u0431\u0440\u0430\u043D\u043E ".concat(targetAmount || value.length)];
         }
         var renderValueMapper = renderValue && function (stringValue) {
-          return renderValue(valueToItemMap.get(stringValue));
+          return renderValue(valueToItemMap.get(stringValue) || {
+            value: stringValue,
+            label: stringValue.toString()
+          });
         };
         var valueToItemMapper = function valueToItemMapper(stringValue) {
-          return valueToItemMap.get(stringValue).label;
+          var _valueToItemMap$get5;
+          return ((_valueToItemMap$get5 = valueToItemMap.get(stringValue)) === null || _valueToItemMap$get5 === void 0 ? void 0 : _valueToItemMap$get5.label) || stringValue.toString();
         };
         return value.map(renderValueMapper || valueToItemMapper);
       }
@@ -382,7 +409,7 @@ var comboboxRoot = function comboboxRoot(Root) {
     // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.
     // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.
     React.useLayoutEffect(function () {
-      var _valueToItemMap$get4;
+      var _valueToItemMap$get6;
       var checkedCopy = new Map(checked);
       checkedCopy.forEach(function (_, key) {
         checkedCopy.set(key, false);
@@ -390,17 +417,24 @@ var comboboxRoot = function comboboxRoot(Root) {
       if (!isEmpty.isEmpty(value)) {
         if (Array.isArray(value)) {
           value.forEach(function (val) {
-            checkedCopy.set(val, true);
-            updateDescendants.updateDescendants(valueToItemMap.get(val), checkedCopy, true);
-            updateAncestors.updateAncestors(valueToItemMap.get(val), checkedCopy);
+            // Только если value находится в items, т.к. value может и не существовать в items.
+            if (valueToItemMap.has(val)) {
+              checkedCopy.set(val, true);
+              updateDescendants.updateDescendants(valueToItemMap.get(val), checkedCopy, true);
+              updateAncestors.updateAncestors(valueToItemMap.get(val), checkedCopy);
+            }
           });
         } else {
-          checkedCopy.set(value, 'done');
-          updateSingleAncestors.updateSingleAncestors(valueToItemMap.get(value), checkedCopy, 'dot');
+          // Только если value находится в items, т.к. value может и не существовать в items.
+          // eslint-disable-next-line no-lonely-if
+          if (valueToItemMap.has(value)) {
+            checkedCopy.set(value, 'done');
+            updateSingleAncestors.updateSingleAncestors(valueToItemMap.get(value), checkedCopy, 'dot');
+          }
         }
       }
       setChecked(checkedCopy);
-      setTextValue(((_valueToItemMap$get4 = valueToItemMap.get(value)) === null || _valueToItemMap$get4 === void 0 ? void 0 : _valueToItemMap$get4.label) || '');
+      setTextValue(multiple ? '' : ((_valueToItemMap$get6 = valueToItemMap.get(value)) === null || _valueToItemMap$get6 === void 0 ? void 0 : _valueToItemMap$get6.label) || (value === null || value === void 0 ? void 0 : value.toString()) || '');
 
       // В deps мы кладем именно outerValue и internalValue, а не просто value.
       // Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.
@@ -438,7 +472,8 @@ var comboboxRoot = function comboboxRoot(Root) {
         handleItemClick: handleItemClick,
         variant: variant,
         renderItem: renderItem,
-        treeId: treeId
+        treeId: treeId,
+        checkboxAppearance: checkboxAppearance
       }
     }, /*#__PURE__*/React__default.default.createElement(FloatingPopover.FloatingPopover, {
       ref: floatingPopoverRef,
@@ -486,7 +521,7 @@ var comboboxRoot = function comboboxRoot(Root) {
         } : {
           enumerationType: 'plain'
         }, rest, {
-          onEnterDisabled: true // Пропс для отключения обработчика Enter внутри Textfield
+          _onEnterDisabled: true // Пропс для отключения обработчика Enter внутри Textfield
         }));
       },
       zIndex: zIndex