@salutejs/plasma-new-hope 0.326.1-canary.2043.15849605311.0 → 0.327.0-canary.1741.15743877104.0

package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js

@@ -1,21 +1,22 @@
 import React from 'react';
+import { safeUseId } from '@salutejs/plasma-core';
 import { DropdownItem } from '../DropdownItem/DropdownItem.js';
 import { ListWrapper, Ul } from '../../Dropdown.styles.js';
 import { FloatingPopover } from '../../FloatingPopover.js';
-import { safeUseId } from '../../../../utils/react.js';
 import { getPlacement } from '../../utils/getPlacement.js';
 
-var DropdownInner = function DropdownInner(_ref) {
-  var item = _ref.item,
-    currentLevel = _ref.currentLevel,
-    path = _ref.path,
-    dispatchPath = _ref.dispatchPath,
-    index = _ref.index,
-    trigger = _ref.trigger,
-    listMaxHeight = _ref.listMaxHeight,
-    listOverflow = _ref.listOverflow,
-    listWidth = _ref.listWidth;
-  var handleToggle = function handleToggle(opened) {
+const DropdownInner = ({
+  item,
+  currentLevel,
+  path,
+  dispatchPath,
+  index,
+  trigger,
+  listMaxHeight,
+  listOverflow,
+  listWidth
+}) => {
+  const handleToggle = opened => {
     if (opened) {
       dispatchPath({
         type: 'changed_on_level',
@@ -29,13 +30,13 @@ var DropdownInner = function DropdownInner(_ref) {
       });
     }
   };
-  var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
-  var treeId = safeUseId();
-  var listId = "".concat(treeId, "_tree_level_").concat(currentLevel + 2);
-  var nextLevel = currentLevel + 1;
-  if (item !== null && item !== void 0 && item.items) {
+  const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
+  const treeId = safeUseId();
+  const listId = `${treeId}_tree_level_${currentLevel + 2}`;
+  const nextLevel = currentLevel + 1;
+  if (item?.items) {
     return /*#__PURE__*/React.createElement(FloatingPopover, {
-      placement: getPlacement((item === null || item === void 0 ? void 0 : item.placement) || 'right'),
+      placement: getPlacement(item?.placement || 'right'),
       opened: isCurrentListOpen,
       onToggle: handleToggle,
       trigger: item.trigger || trigger,
@@ -57,20 +58,18 @@ var DropdownInner = function DropdownInner(_ref) {
       role: "group",
       listMaxHeight: listMaxHeight,
       listOverflow: listOverflow
-    }, item.items.map(function (innerItem, innerIndex) {
-      return /*#__PURE__*/React.createElement(DropdownInner, {
-        key: "".concat(innerIndex, "/").concat(currentLevel),
-        item: innerItem,
-        currentLevel: nextLevel,
-        path: path,
-        dispatchPath: dispatchPath,
-        index: innerIndex,
-        trigger: trigger,
-        listMaxHeight: listMaxHeight,
-        listOverflow: listOverflow,
-        listWidth: listWidth
-      });
-    }))));
+    }, item.items.map((innerItem, innerIndex) => /*#__PURE__*/React.createElement(DropdownInner, {
+      key: `${innerIndex}/${currentLevel}`,
+      item: innerItem,
+      currentLevel: nextLevel,
+      path: path,
+      dispatchPath: dispatchPath,
+      index: innerIndex,
+      trigger: trigger,
+      listMaxHeight: listMaxHeight,
+      listOverflow: listOverflow,
+      listWidth: listWidth
+    })))));
   }
   return /*#__PURE__*/React.createElement(DropdownItem, {
     item: item,

package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownInner.js","sources":["../../../../../src/components/Dropdown/ui/DropdownInner/DropdownInner.tsx"],"sourcesContent":["import React from 'react';\nimport type { FC } from 'react';\nimport { safeUseId } from 'src/utils';\n\nimport { DropdownItem } from '../DropdownItem/DropdownItem';\nimport { Ul, ListWrapper } from '../../Dropdown.styles';\nimport { FloatingPopover } from '../../FloatingPopover';\nimport { getPlacement } from '../../utils';\n\nimport { DropdownInnerProps } from './DropdownInner.type';\n\nconst DropdownInner: FC<DropdownInnerProps> = ({\n    item,\n    currentLevel,\n    path,\n    dispatchPath,\n    index,\n    trigger,\n    listMaxHeight,\n    listOverflow,\n    listWidth,\n}) => {\n    const handleToggle = (opened: boolean): void => {\n        if (opened) {\n            dispatchPath({ type: 'changed_on_level', value: item.value.toString(), level: currentLevel + 1 });\n        } else {\n            dispatchPath({ type: 'cut_by_level', level: currentLevel + 1 });\n        }\n    };\n\n    const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();\n\n    const treeId = safeUseId();\n    const listId = `${treeId}_tree_level_${currentLevel + 2}`;\n    const nextLevel = currentLevel + 1;\n\n    if (item?.items) {\n        return (\n            <FloatingPopover\n                placement={getPlacement(item?.placement || 'right')}\n                opened={isCurrentListOpen}\n                onToggle={handleToggle}\n                trigger={item.trigger || trigger}\n                target={\n                    <DropdownItem\n                        item={item}\n                        index={index}\n                        path={path}\n                        currentLevel={currentLevel}\n                        ariaControls={listId}\n                        ariaExpanded={isCurrentListOpen}\n                        ariaLevel={nextLevel}\n                        ariaLabel={item.label}\n                    />\n                }\n                isInner\n            >\n                <ListWrapper listWidth={listWidth}>\n                    <Ul id={listId} role=\"group\" listMaxHeight={listMaxHeight} listOverflow={listOverflow}>\n                        {item.items.map((innerItem, innerIndex) => (\n                            <DropdownInner\n                                key={`${innerIndex}/${currentLevel}`}\n                                item={innerItem}\n                                currentLevel={nextLevel}\n                                path={path}\n                                dispatchPath={dispatchPath}\n                                index={innerIndex}\n                                trigger={trigger}\n                                listMaxHeight={listMaxHeight}\n                                listOverflow={listOverflow}\n                                listWidth={listWidth}\n                            />\n                        ))}\n                    </Ul>\n                </ListWrapper>\n            </FloatingPopover>\n        );\n    }\n\n    return <DropdownItem item={item} path={path} index={index} currentLevel={currentLevel} ariaLevel={nextLevel} />;\n};\n\nexport { DropdownInner };\n"],"names":["DropdownInner","_ref","item","currentLevel","path","dispatchPath","index","trigger","listMaxHeight","listOverflow","listWidth","handleToggle","opened","type","value","toString","level","isCurrentListOpen","treeId","safeUseId","listId","concat","nextLevel","items","React","createElement","FloatingPopover","placement","getPlacement","onToggle","target","DropdownItem","ariaControls","ariaExpanded","ariaLevel","ariaLabel","label","isInner","ListWrapper","Ul","id","role","map","innerItem","innerIndex","key"],"mappings":";;;;;;;AAWA,IAAMA,aAAqC,GAAG,SAAxCA,aAAqCA,CAAAC,IAAA,EAUrC;AAAA,EAAA,IATFC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,YAAY,GAAAJ,IAAA,CAAZI,YAAY;IACZC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IACPC,aAAa,GAAAP,IAAA,CAAbO,aAAa;IACbC,YAAY,GAAAR,IAAA,CAAZQ,YAAY;IACZC,SAAS,GAAAT,IAAA,CAATS,SAAS,CAAA;AAET,EAAA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,MAAe,EAAW;AAC5C,IAAA,IAAIA,MAAM,EAAE;AACRP,MAAAA,YAAY,CAAC;AAAEQ,QAAAA,IAAI,EAAE,kBAAkB;AAAEC,QAAAA,KAAK,EAAEZ,IAAI,CAACY,KAAK,CAACC,QAAQ,EAAE;QAAEC,KAAK,EAAEb,YAAY,GAAG,CAAA;AAAE,OAAC,CAAC,CAAA;AACrG,KAAC,MAAM;AACHE,MAAAA,YAAY,CAAC;AAAEQ,QAAAA,IAAI,EAAE,cAAc;QAAEG,KAAK,EAAEb,YAAY,GAAG,CAAA;AAAE,OAAC,CAAC,CAAA;AACnE,KAAA;GACH,CAAA;AAED,EAAA,IAAMc,iBAAiB,GAAGb,IAAI,CAACD,YAAY,GAAG,CAAC,CAAC,KAAKD,IAAI,CAACY,KAAK,CAACC,QAAQ,EAAE,CAAA;AAE1E,EAAA,IAAMG,MAAM,GAAGC,SAAS,EAAE,CAAA;EAC1B,IAAMC,MAAM,GAAAC,EAAAA,CAAAA,MAAA,CAAMH,MAAM,EAAAG,cAAAA,CAAAA,CAAAA,MAAA,CAAelB,YAAY,GAAG,CAAC,CAAE,CAAA;AACzD,EAAA,IAAMmB,SAAS,GAAGnB,YAAY,GAAG,CAAC,CAAA;AAElC,EAAA,IAAID,IAAI,KAAJA,IAAAA,IAAAA,IAAI,eAAJA,IAAI,CAAEqB,KAAK,EAAE;AACb,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,eAAe,EAAA;AACZC,MAAAA,SAAS,EAAEC,YAAY,CAAC,CAAA1B,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAEyB,SAAS,KAAI,OAAO,CAAE;AACpDf,MAAAA,MAAM,EAAEK,iBAAkB;AAC1BY,MAAAA,QAAQ,EAAElB,YAAa;AACvBJ,MAAAA,OAAO,EAAEL,IAAI,CAACK,OAAO,IAAIA,OAAQ;AACjCuB,MAAAA,MAAM,eACFN,KAAA,CAAAC,aAAA,CAACM,YAAY,EAAA;AACT7B,QAAAA,IAAI,EAAEA,IAAK;AACXI,QAAAA,KAAK,EAAEA,KAAM;AACbF,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,YAAY,EAAEA,YAAa;AAC3B6B,QAAAA,YAAY,EAAEZ,MAAO;AACrBa,QAAAA,YAAY,EAAEhB,iBAAkB;AAChCiB,QAAAA,SAAS,EAAEZ,SAAU;QACrBa,SAAS,EAAEjC,IAAI,CAACkC,KAAAA;AAAM,OACzB,CACJ;MACDC,OAAO,EAAA,IAAA;AAAA,KAAA,eAEPb,KAAA,CAAAC,aAAA,CAACa,WAAW,EAAA;AAAC5B,MAAAA,SAAS,EAAEA,SAAAA;AAAU,KAAA,eAC9Bc,KAAA,CAAAC,aAAA,CAACc,EAAE,EAAA;AAACC,MAAAA,EAAE,EAAEpB,MAAO;AAACqB,MAAAA,IAAI,EAAC,OAAO;AAACjC,MAAAA,aAAa,EAAEA,aAAc;AAACC,MAAAA,YAAY,EAAEA,YAAAA;KACpEP,EAAAA,IAAI,CAACqB,KAAK,CAACmB,GAAG,CAAC,UAACC,SAAS,EAAEC,UAAU,EAAA;AAAA,MAAA,oBAClCpB,KAAA,CAAAC,aAAA,CAACzB,aAAa,EAAA;QACV6C,GAAG,EAAA,EAAA,CAAAxB,MAAA,CAAKuB,UAAU,OAAAvB,MAAA,CAAIlB,YAAY,CAAG;AACrCD,QAAAA,IAAI,EAAEyC,SAAU;AAChBxC,QAAAA,YAAY,EAAEmB,SAAU;AACxBlB,QAAAA,IAAI,EAAEA,IAAK;AACXC,QAAAA,YAAY,EAAEA,YAAa;AAC3BC,QAAAA,KAAK,EAAEsC,UAAW;AAClBrC,QAAAA,OAAO,EAAEA,OAAQ;AACjBC,QAAAA,aAAa,EAAEA,aAAc;AAC7BC,QAAAA,YAAY,EAAEA,YAAa;AAC3BC,QAAAA,SAAS,EAAEA,SAAAA;AAAU,OACxB,CAAC,CAAA;KACL,CACD,CACK,CACA,CAAC,CAAA;AAE1B,GAAA;AAEA,EAAA,oBAAOc,KAAA,CAAAC,aAAA,CAACM,YAAY,EAAA;AAAC7B,IAAAA,IAAI,EAAEA,IAAK;AAACE,IAAAA,IAAI,EAAEA,IAAK;AAACE,IAAAA,KAAK,EAAEA,KAAM;AAACH,IAAAA,YAAY,EAAEA,YAAa;AAAC+B,IAAAA,SAAS,EAAEZ,SAAAA;AAAU,GAAE,CAAC,CAAA;AACnH;;;;"}
+{"version":3,"file":"DropdownInner.js","sources":["../../../../../src/components/Dropdown/ui/DropdownInner/DropdownInner.tsx"],"sourcesContent":["import React from 'react';\nimport type { FC } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { DropdownItem } from '../DropdownItem/DropdownItem';\nimport { Ul, ListWrapper } from '../../Dropdown.styles';\nimport { FloatingPopover } from '../../FloatingPopover';\nimport { getPlacement } from '../../utils';\n\nimport { DropdownInnerProps } from './DropdownInner.type';\n\nconst DropdownInner: FC<DropdownInnerProps> = ({\n    item,\n    currentLevel,\n    path,\n    dispatchPath,\n    index,\n    trigger,\n    listMaxHeight,\n    listOverflow,\n    listWidth,\n}) => {\n    const handleToggle = (opened: boolean): void => {\n        if (opened) {\n            dispatchPath({ type: 'changed_on_level', value: item.value.toString(), level: currentLevel + 1 });\n        } else {\n            dispatchPath({ type: 'cut_by_level', level: currentLevel + 1 });\n        }\n    };\n\n    const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();\n\n    const treeId = safeUseId();\n    const listId = `${treeId}_tree_level_${currentLevel + 2}`;\n    const nextLevel = currentLevel + 1;\n\n    if (item?.items) {\n        return (\n            <FloatingPopover\n                placement={getPlacement(item?.placement || 'right')}\n                opened={isCurrentListOpen}\n                onToggle={handleToggle}\n                trigger={item.trigger || trigger}\n                target={\n                    <DropdownItem\n                        item={item}\n                        index={index}\n                        path={path}\n                        currentLevel={currentLevel}\n                        ariaControls={listId}\n                        ariaExpanded={isCurrentListOpen}\n                        ariaLevel={nextLevel}\n                        ariaLabel={item.label}\n                    />\n                }\n                isInner\n            >\n                <ListWrapper listWidth={listWidth}>\n                    <Ul id={listId} role=\"group\" listMaxHeight={listMaxHeight} listOverflow={listOverflow}>\n                        {item.items.map((innerItem, innerIndex) => (\n                            <DropdownInner\n                                key={`${innerIndex}/${currentLevel}`}\n                                item={innerItem}\n                                currentLevel={nextLevel}\n                                path={path}\n                                dispatchPath={dispatchPath}\n                                index={innerIndex}\n                                trigger={trigger}\n                                listMaxHeight={listMaxHeight}\n                                listOverflow={listOverflow}\n                                listWidth={listWidth}\n                            />\n                        ))}\n                    </Ul>\n                </ListWrapper>\n            </FloatingPopover>\n        );\n    }\n\n    return <DropdownItem item={item} path={path} index={index} currentLevel={currentLevel} ariaLevel={nextLevel} />;\n};\n\nexport { DropdownInner };\n"],"names":["DropdownInner","item","currentLevel","path","dispatchPath","index","trigger","listMaxHeight","listOverflow","listWidth","handleToggle","opened","type","value","toString","level","isCurrentListOpen","treeId","safeUseId","listId","nextLevel","items","React","createElement","FloatingPopover","placement","getPlacement","onToggle","target","DropdownItem","ariaControls","ariaExpanded","ariaLevel","ariaLabel","label","isInner","ListWrapper","Ul","id","role","map","innerItem","innerIndex","key"],"mappings":";;;;;;;AAWMA,MAAAA,aAAqC,GAAGA,CAAC;EAC3CC,IAAI;EACJC,YAAY;EACZC,IAAI;EACJC,YAAY;EACZC,KAAK;EACLC,OAAO;EACPC,aAAa;EACbC,YAAY;AACZC,EAAAA,SAAAA;AACJ,CAAC,KAAK;EACF,MAAMC,YAAY,GAAIC,MAAe,IAAW;AAC5C,IAAA,IAAIA,MAAM,EAAE;AACRP,MAAAA,YAAY,CAAC;AAAEQ,QAAAA,IAAI,EAAE,kBAAkB;AAAEC,QAAAA,KAAK,EAAEZ,IAAI,CAACY,KAAK,CAACC,QAAQ,EAAE;QAAEC,KAAK,EAAEb,YAAY,GAAG,CAAA;AAAE,OAAC,CAAC,CAAA;AACrG,KAAC,MAAM;AACHE,MAAAA,YAAY,CAAC;AAAEQ,QAAAA,IAAI,EAAE,cAAc;QAAEG,KAAK,EAAEb,YAAY,GAAG,CAAA;AAAE,OAAC,CAAC,CAAA;AACnE,KAAA;GACH,CAAA;AAED,EAAA,MAAMc,iBAAiB,GAAGb,IAAI,CAACD,YAAY,GAAG,CAAC,CAAC,KAAKD,IAAI,CAACY,KAAK,CAACC,QAAQ,EAAE,CAAA;AAE1E,EAAA,MAAMG,MAAM,GAAGC,SAAS,EAAE,CAAA;EAC1B,MAAMC,MAAM,GAAG,CAAGF,EAAAA,MAAM,eAAef,YAAY,GAAG,CAAC,CAAE,CAAA,CAAA;AACzD,EAAA,MAAMkB,SAAS,GAAGlB,YAAY,GAAG,CAAC,CAAA;EAElC,IAAID,IAAI,EAAEoB,KAAK,EAAE;AACb,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,eAAe,EAAA;MACZC,SAAS,EAAEC,YAAY,CAACzB,IAAI,EAAEwB,SAAS,IAAI,OAAO,CAAE;AACpDd,MAAAA,MAAM,EAAEK,iBAAkB;AAC1BW,MAAAA,QAAQ,EAAEjB,YAAa;AACvBJ,MAAAA,OAAO,EAAEL,IAAI,CAACK,OAAO,IAAIA,OAAQ;AACjCsB,MAAAA,MAAM,eACFN,KAAA,CAAAC,aAAA,CAACM,YAAY,EAAA;AACT5B,QAAAA,IAAI,EAAEA,IAAK;AACXI,QAAAA,KAAK,EAAEA,KAAM;AACbF,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,YAAY,EAAEA,YAAa;AAC3B4B,QAAAA,YAAY,EAAEX,MAAO;AACrBY,QAAAA,YAAY,EAAEf,iBAAkB;AAChCgB,QAAAA,SAAS,EAAEZ,SAAU;QACrBa,SAAS,EAAEhC,IAAI,CAACiC,KAAAA;AAAM,OACzB,CACJ;MACDC,OAAO,EAAA,IAAA;AAAA,KAAA,eAEPb,KAAA,CAAAC,aAAA,CAACa,WAAW,EAAA;AAAC3B,MAAAA,SAAS,EAAEA,SAAAA;AAAU,KAAA,eAC9Ba,KAAA,CAAAC,aAAA,CAACc,EAAE,EAAA;AAACC,MAAAA,EAAE,EAAEnB,MAAO;AAACoB,MAAAA,IAAI,EAAC,OAAO;AAAChC,MAAAA,aAAa,EAAEA,aAAc;AAACC,MAAAA,YAAY,EAAEA,YAAAA;AAAa,KAAA,EACjFP,IAAI,CAACoB,KAAK,CAACmB,GAAG,CAAC,CAACC,SAAS,EAAEC,UAAU,kBAClCpB,KAAA,CAAAC,aAAA,CAACvB,aAAa,EAAA;AACV2C,MAAAA,GAAG,EAAE,CAAA,EAAGD,UAAU,CAAA,CAAA,EAAIxC,YAAY,CAAG,CAAA;AACrCD,MAAAA,IAAI,EAAEwC,SAAU;AAChBvC,MAAAA,YAAY,EAAEkB,SAAU;AACxBjB,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,YAAY,EAAEA,YAAa;AAC3BC,MAAAA,KAAK,EAAEqC,UAAW;AAClBpC,MAAAA,OAAO,EAAEA,OAAQ;AACjBC,MAAAA,aAAa,EAAEA,aAAc;AAC7BC,MAAAA,YAAY,EAAEA,YAAa;AAC3BC,MAAAA,SAAS,EAAEA,SAAAA;AAAU,KACxB,CACJ,CACD,CACK,CACA,CAAC,CAAA;AAE1B,GAAA;AAEA,EAAA,oBAAOa,KAAA,CAAAC,aAAA,CAACM,YAAY,EAAA;AAAC5B,IAAAA,IAAI,EAAEA,IAAK;AAACE,IAAAA,IAAI,EAAEA,IAAK;AAACE,IAAAA,KAAK,EAAEA,KAAM;AAACH,IAAAA,YAAY,EAAEA,YAAa;AAAC8B,IAAAA,SAAS,EAAEZ,SAAAA;AAAU,GAAE,CAAC,CAAA;AACnH;;;;"}

package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { useRef, useContext, useEffect } from 'react';
 import { classes } from '../../Dropdown.tokens.js';
 import { cx } from '../../../../utils/index.js';
@@ -6,48 +6,51 @@ import { Context } from '../../Dropdown.context.js';
 import { Divider, Wrapper, RenderItemWrapper, CellWrapper, StyledCell, DisclosureIconWrapper, StyledIconDisclosureRight } from './DropdownItem.styles.js';
 import { getItemId } from '../../utils/getItemId.js';
 
-var _excluded = ["value", "label", "disabled", "isDisabled", "contentLeft", "contentRight", "dividerBefore", "dividerAfter", "className"];
-var DropdownItem = function DropdownItem(_ref) {
-  var item = _ref.item,
-    path = _ref.path,
-    currentLevel = _ref.currentLevel,
-    index = _ref.index,
-    ariaControls = _ref.ariaControls,
-    ariaExpanded = _ref.ariaExpanded,
-    ariaLevel = _ref.ariaLevel,
-    ariaLabel = _ref.ariaLabel;
-  var value = item.value,
-    label = item.label,
-    disabled = item.disabled,
-    isDisabled = item.isDisabled,
-    contentLeft = item.contentLeft,
-    contentRight = item.contentRight,
-    dividerBefore = item.dividerBefore,
-    dividerAfter = item.dividerAfter,
-    className = item.className,
-    rest = _objectWithoutProperties(item, _excluded);
-  var ref = useRef(null);
-  var _useContext = useContext(Context),
-    focusedPath = _useContext.focusedPath,
-    size = _useContext.size,
-    variant = _useContext.variant,
-    itemRole = _useContext.itemRole,
-    handleGlobalToggle = _useContext.handleGlobalToggle,
-    closeOnSelect = _useContext.closeOnSelect,
-    onHover = _useContext.onHover,
-    onItemSelect = _useContext.onItemSelect,
-    onItemClick = _useContext.onItemClick,
-    hasArrow = _useContext.hasArrow,
-    treeId = _useContext.treeId,
-    renderItem = _useContext.renderItem;
-  var hasDescendants = Boolean(item.items);
-  var disclosureIconSize = size === 'xs' ? 'xs' : 's';
-  var itemDisabled = Boolean(disabled || isDisabled);
-  var isDisabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;
-  var focusedClass = currentLevel === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? classes.dropdownItemIsFocused : undefined;
-  var activeClass = value === (path === null || path === void 0 ? void 0 : path[currentLevel + 1]) ? classes.dropdownItemIsActive : undefined;
-  useEffect(function () {
-    if (focusedClass && ref !== null && ref !== void 0 && ref.current) {
+const DropdownItem = ({
+  item,
+  path,
+  currentLevel,
+  index,
+  ariaControls,
+  ariaExpanded,
+  ariaLevel,
+  ariaLabel
+}) => {
+  const {
+    value,
+    label,
+    disabled,
+    isDisabled,
+    contentLeft,
+    contentRight,
+    dividerBefore,
+    dividerAfter,
+    className,
+    ...rest
+  } = item;
+  const ref = useRef(null);
+  const {
+    focusedPath,
+    size,
+    variant,
+    itemRole,
+    handleGlobalToggle,
+    closeOnSelect,
+    onHover,
+    onItemSelect,
+    onItemClick,
+    hasArrow,
+    treeId,
+    renderItem
+  } = useContext(Context);
+  const hasDescendants = Boolean(item.items);
+  const disclosureIconSize = size === 'xs' ? 'xs' : 's';
+  const itemDisabled = Boolean(disabled || isDisabled);
+  const isDisabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;
+  const focusedClass = currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel] ? classes.dropdownItemIsFocused : undefined;
+  const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;
+  useEffect(() => {
+    if (focusedClass && ref?.current) {
       ref.current.scrollIntoView({
         behavior: 'smooth',
         block: 'center',
@@ -55,7 +58,7 @@ var DropdownItem = function DropdownItem(_ref) {
       });
     }
   }, [focusedClass]);
-  var handleClick = function handleClick(event) {
+  const handleClick = event => {
     if (itemDisabled) {
       event.stopPropagation();
       return;
@@ -72,7 +75,7 @@ var DropdownItem = function DropdownItem(_ref) {
       handleGlobalToggle(false, event);
     }
   };
-  var handleHover = function handleHover() {
+  const handleHover = () => {
     if (onHover) {
       onHover(index);
     }

package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownItem.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.tsx"],"sourcesContent":["import React, { useEffect, useRef, FC, useContext } from 'react';\n\nimport { classes } from '../../Dropdown.tokens';\nimport { cx } from '../../../../utils';\nimport { Context } from '../../Dropdown.context';\nimport { getItemId } from '../../utils';\n\nimport {\n    Wrapper,\n    DisclosureIconWrapper,\n    Divider,\n    CellWrapper,\n    StyledCell,\n    RenderItemWrapper,\n    StyledIconDisclosureRight,\n} from './DropdownItem.styles';\nimport type { DropdownItemProps } from './DropdownItem.type';\n\nexport const DropdownItem: FC<DropdownItemProps> = ({\n    item,\n    path,\n    currentLevel,\n    index,\n    ariaControls,\n    ariaExpanded,\n    ariaLevel,\n    ariaLabel,\n}) => {\n    const {\n        value,\n        label,\n        disabled,\n        isDisabled,\n        contentLeft,\n        contentRight,\n        dividerBefore,\n        dividerAfter,\n        className,\n        ...rest\n    } = item;\n\n    const ref = useRef<HTMLLIElement | null>(null);\n\n    const {\n        focusedPath,\n        size,\n        variant,\n        itemRole,\n        handleGlobalToggle,\n        closeOnSelect,\n        onHover,\n        onItemSelect,\n        onItemClick,\n        hasArrow,\n        treeId,\n        renderItem,\n    } = useContext(Context);\n\n    const hasDescendants = Boolean(item.items);\n    const disclosureIconSize = size === 'xs' ? 'xs' : 's';\n    const itemDisabled = Boolean(disabled || isDisabled);\n    const isDisabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;\n    const focusedClass =\n        currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel]\n            ? classes.dropdownItemIsFocused\n            : undefined;\n    const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;\n\n    useEffect(() => {\n        if (focusedClass && ref?.current) {\n            ref.current.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center',\n                inline: 'center',\n            });\n        }\n    }, [focusedClass]);\n\n    const handleClick = (event: React.MouseEvent<HTMLLIElement>): void => {\n        if (itemDisabled) {\n            event.stopPropagation();\n            return;\n        }\n\n        if (onItemSelect) {\n            onItemSelect(item, event);\n        }\n\n        if (onItemClick) {\n            onItemClick(item, event);\n        }\n\n        // Закрываем весь дропдаун целиком при клике на айтем без потомков. Только при closeOnSelect === true.\n        if (closeOnSelect && !hasDescendants) {\n            handleGlobalToggle(false, event);\n        }\n    };\n\n    const handleHover = () => {\n        if (onHover) {\n            onHover(index);\n        }\n    };\n\n    return (\n        <>\n            {dividerBefore && <Divider variant={variant} />}\n\n            <Wrapper\n                {...rest}\n                ref={ref}\n                className={cx(isDisabledClassName, focusedClass, activeClass, className)}\n                id={getItemId(treeId, value.toString())}\n                role={itemRole}\n                onClick={handleClick}\n                onMouseEnter={handleHover}\n                variant={variant}\n                aria-disabled={disabled || isDisabled}\n                aria-controls={ariaControls}\n                aria-expanded={ariaExpanded}\n                aria-level={ariaLevel}\n                aria-label={ariaLabel}\n            >\n                {renderItem ? (\n                    <RenderItemWrapper>{renderItem(item)}</RenderItemWrapper>\n                ) : (\n                    <CellWrapper>\n                        <StyledCell\n                            contentLeft={contentLeft}\n                            contentRight={contentRight}\n                            alignContentLeft=\"center\"\n                            alignContentRight=\"center\"\n                            title={label}\n                        />\n                    </CellWrapper>\n                )}\n\n                {item.items && hasArrow && (\n                    <DisclosureIconWrapper>\n                        <StyledIconDisclosureRight size={disclosureIconSize} color=\"inherit\" />\n                    </DisclosureIconWrapper>\n                )}\n            </Wrapper>\n\n            {dividerAfter && <Divider variant={variant} />}\n        </>\n    );\n};\n"],"names":["DropdownItem","_ref","item","path","currentLevel","index","ariaControls","ariaExpanded","ariaLevel","ariaLabel","value","label","disabled","isDisabled","contentLeft","contentRight","dividerBefore","dividerAfter","className","rest","_objectWithoutProperties","_excluded","ref","useRef","_useContext","useContext","Context","focusedPath","size","variant","itemRole","handleGlobalToggle","closeOnSelect","onHover","onItemSelect","onItemClick","hasArrow","treeId","renderItem","hasDescendants","Boolean","items","disclosureIconSize","itemDisabled","isDisabledClassName","classes","dropdownItemIsDisabled","undefined","focusedClass","length","dropdownItemIsFocused","activeClass","dropdownItemIsActive","useEffect","current","scrollIntoView","behavior","block","inline","handleClick","event","stopPropagation","handleHover","React","createElement","Fragment","Divider","Wrapper","_extends","cx","id","getItemId","toString","role","onClick","onMouseEnter","RenderItemWrapper","CellWrapper","StyledCell","alignContentLeft","alignContentRight","title","DisclosureIconWrapper","StyledIconDisclosureRight","color"],"mappings":"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"}
+{"version":3,"file":"DropdownItem.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.tsx"],"sourcesContent":["import React, { useEffect, useRef, FC, useContext } from 'react';\n\nimport { classes } from '../../Dropdown.tokens';\nimport { cx } from '../../../../utils';\nimport { Context } from '../../Dropdown.context';\nimport { getItemId } from '../../utils';\n\nimport {\n    Wrapper,\n    DisclosureIconWrapper,\n    Divider,\n    CellWrapper,\n    StyledCell,\n    RenderItemWrapper,\n    StyledIconDisclosureRight,\n} from './DropdownItem.styles';\nimport type { DropdownItemProps } from './DropdownItem.type';\n\nexport const DropdownItem: FC<DropdownItemProps> = ({\n    item,\n    path,\n    currentLevel,\n    index,\n    ariaControls,\n    ariaExpanded,\n    ariaLevel,\n    ariaLabel,\n}) => {\n    const {\n        value,\n        label,\n        disabled,\n        isDisabled,\n        contentLeft,\n        contentRight,\n        dividerBefore,\n        dividerAfter,\n        className,\n        ...rest\n    } = item;\n\n    const ref = useRef<HTMLLIElement | null>(null);\n\n    const {\n        focusedPath,\n        size,\n        variant,\n        itemRole,\n        handleGlobalToggle,\n        closeOnSelect,\n        onHover,\n        onItemSelect,\n        onItemClick,\n        hasArrow,\n        treeId,\n        renderItem,\n    } = useContext(Context);\n\n    const hasDescendants = Boolean(item.items);\n    const disclosureIconSize = size === 'xs' ? 'xs' : 's';\n    const itemDisabled = Boolean(disabled || isDisabled);\n    const isDisabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;\n    const focusedClass =\n        currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel]\n            ? classes.dropdownItemIsFocused\n            : undefined;\n    const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;\n\n    useEffect(() => {\n        if (focusedClass && ref?.current) {\n            ref.current.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center',\n                inline: 'center',\n            });\n        }\n    }, [focusedClass]);\n\n    const handleClick = (event: React.MouseEvent<HTMLLIElement>): void => {\n        if (itemDisabled) {\n            event.stopPropagation();\n            return;\n        }\n\n        if (onItemSelect) {\n            onItemSelect(item, event);\n        }\n\n        if (onItemClick) {\n            onItemClick(item, event);\n        }\n\n        // Закрываем весь дропдаун целиком при клике на айтем без потомков. Только при closeOnSelect === true.\n        if (closeOnSelect && !hasDescendants) {\n            handleGlobalToggle(false, event);\n        }\n    };\n\n    const handleHover = () => {\n        if (onHover) {\n            onHover(index);\n        }\n    };\n\n    return (\n        <>\n            {dividerBefore && <Divider variant={variant} />}\n\n            <Wrapper\n                {...rest}\n                ref={ref}\n                className={cx(isDisabledClassName, focusedClass, activeClass, className)}\n                id={getItemId(treeId, value.toString())}\n                role={itemRole}\n                onClick={handleClick}\n                onMouseEnter={handleHover}\n                variant={variant}\n                aria-disabled={disabled || isDisabled}\n                aria-controls={ariaControls}\n                aria-expanded={ariaExpanded}\n                aria-level={ariaLevel}\n                aria-label={ariaLabel}\n            >\n                {renderItem ? (\n                    <RenderItemWrapper>{renderItem(item)}</RenderItemWrapper>\n                ) : (\n                    <CellWrapper>\n                        <StyledCell\n                            contentLeft={contentLeft}\n                            contentRight={contentRight}\n                            alignContentLeft=\"center\"\n                            alignContentRight=\"center\"\n                            title={label}\n                        />\n                    </CellWrapper>\n                )}\n\n                {item.items && hasArrow && (\n                    <DisclosureIconWrapper>\n                        <StyledIconDisclosureRight size={disclosureIconSize} color=\"inherit\" />\n                    </DisclosureIconWrapper>\n                )}\n            </Wrapper>\n\n            {dividerAfter && <Divider variant={variant} />}\n        </>\n    );\n};\n"],"names":["DropdownItem","item","path","currentLevel","index","ariaControls","ariaExpanded","ariaLevel","ariaLabel","value","label","disabled","isDisabled","contentLeft","contentRight","dividerBefore","dividerAfter","className","rest","ref","useRef","focusedPath","size","variant","itemRole","handleGlobalToggle","closeOnSelect","onHover","onItemSelect","onItemClick","hasArrow","treeId","renderItem","useContext","Context","hasDescendants","Boolean","items","disclosureIconSize","itemDisabled","isDisabledClassName","classes","dropdownItemIsDisabled","undefined","focusedClass","length","dropdownItemIsFocused","activeClass","dropdownItemIsActive","useEffect","current","scrollIntoView","behavior","block","inline","handleClick","event","stopPropagation","handleHover","React","createElement","Fragment","Divider","Wrapper","_extends","cx","id","getItemId","toString","role","onClick","onMouseEnter","RenderItemWrapper","CellWrapper","StyledCell","alignContentLeft","alignContentRight","title","DisclosureIconWrapper","StyledIconDisclosureRight","color"],"mappings":"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"}

package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js

@@ -1,97 +1,77 @@
 import './DropdownItem.styles_1algi32.css';
 import { styled } from '@linaria/react';
 import { tokens } from '../../Dropdown.tokens.js';
-import { IconDisclosureRight } from '../../../_Icon/Icons/IconDisclosureRight.js';
-import { component, mergeConfig } from '../../../../engines/common.js';
+import { mergeConfig, component } from '../../../../engines/common.js';
 import { cellConfig } from '../../../Cell/Cell.js';
+import { IconDisclosureRight } from '../../../_Icon/Icons/IconDisclosureRight.js';
 
-var mergedCellConfig = /*#__PURE__*/mergeConfig(cellConfig);
-var Cell = /*#__PURE__*/component(mergedCellConfig);
-var CellWrapper = /*#__PURE__*/styled('div')({
+const mergedCellConfig = mergeConfig(cellConfig);
+const Cell = component(mergedCellConfig);
+const CellWrapper = /*#__PURE__*/styled('div')({
   name: "CellWrapper",
-  "class": "c1gkzlls",
+  class: "c1gkzlls",
   propsAsIs: false
 });
-var _exp29 = function _exp29() {
-  return Cell;
-};
-var StyledCell = /*#__PURE__*/styled(_exp29())({
+const _exp29 = /*#__PURE__*/() => Cell;
+const StyledCell = /*#__PURE__*/styled(_exp29())({
   name: "StyledCell",
-  "class": "sz6s14y",
+  class: "sz6s14y",
   propsAsIs: true
 });
-var DisclosureIconWrapper = /*#__PURE__*/styled('div')({
+const DisclosureIconWrapper = /*#__PURE__*/styled('div')({
   name: "DisclosureIconWrapper",
-  "class": "d1m97l2m",
+  class: "d1m97l2m",
   propsAsIs: false
 });
-var _exp32 = function _exp32() {
-  return IconDisclosureRight;
-};
-var _exp34 = function _exp34() {
-  return function (_ref) {
-    var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'xs' : _ref$size;
-    return "var(".concat(tokens.itemDisclosureIconSize, ", ").concat({
-      xs: "1rem",
-      s: "1.5rem",
-      m: "2rem"
-    }[size], ")");
-  };
-};
-var StyledIconDisclosureRight = /*#__PURE__*/styled(_exp32())({
+const _exp32 = /*#__PURE__*/() => IconDisclosureRight;
+const _exp34 = /*#__PURE__*/() => ({
+  size = 'xs'
+}) => `var(${tokens.itemDisclosureIconSize}, ${{
+  xs: "1rem",
+  s: "1.5rem",
+  m: "2rem"
+}[size]})`;
+const StyledIconDisclosureRight = /*#__PURE__*/styled(_exp32())({
   name: "StyledIconDisclosureRight",
-  "class": "soib72h",
+  class: "soib72h",
   propsAsIs: true,
   vars: {
-    "soib72h-0": [/*#__PURE__*/_exp34()]
+    "soib72h-0": [_exp34()]
   }
 });
-var _exp35 = function _exp35() {
-  return function (_ref2) {
-    var variant = _ref2.variant;
-    return "var(".concat(variant === 'tight' ? tokens.dividerMarginTopTight : tokens.dividerMarginTop, ")");
-  };
-};
-var _exp37 = function _exp37() {
-  return function (_ref3) {
-    var variant = _ref3.variant;
-    return "var(".concat(variant === 'tight' ? tokens.dividerMarginBottomTight : tokens.dividerMarginBottom, ")");
-  };
-};
-var Divider = /*#__PURE__*/styled('div')({
+const _exp35 = /*#__PURE__*/() => ({
+  variant
+}) => `var(${variant === 'tight' ? tokens.dividerMarginTopTight : tokens.dividerMarginTop})`;
+const _exp37 = /*#__PURE__*/() => ({
+  variant
+}) => `var(${variant === 'tight' ? tokens.dividerMarginBottomTight : tokens.dividerMarginBottom})`;
+const Divider = /*#__PURE__*/styled('div')({
   name: "Divider",
-  "class": "d6l2f0g",
+  class: "d6l2f0g",
   propsAsIs: false,
   vars: {
-    "d6l2f0g-0": [/*#__PURE__*/_exp35()],
-    "d6l2f0g-1": [/*#__PURE__*/_exp37()]
+    "d6l2f0g-0": [_exp35()],
+    "d6l2f0g-1": [_exp37()]
   }
 });
-var _exp40 = function _exp40() {
-  return function (_ref4) {
-    var variant = _ref4.variant;
-    return "var(".concat(variant === 'tight' ? tokens.itemGapTight : tokens.itemGap, ")");
-  };
-};
-var _exp43 = function _exp43() {
-  return function (_ref5) {
-    var variant = _ref5.variant;
-    return "var(".concat(variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding, ")");
-  };
-};
-var Wrapper = /*#__PURE__*/styled('li')({
+const _exp40 = /*#__PURE__*/() => ({
+  variant
+}) => `var(${variant === 'tight' ? tokens.itemGapTight : tokens.itemGap})`;
+const _exp43 = /*#__PURE__*/() => ({
+  variant
+}) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`;
+const Wrapper = /*#__PURE__*/styled('li')({
   name: "Wrapper",
-  "class": "w1jav4ek",
+  class: "w1jav4ek",
   propsAsIs: false,
   vars: {
-    "w1jav4ek-0": [/*#__PURE__*/_exp40()],
-    "w1jav4ek-1": [/*#__PURE__*/_exp43()]
+    "w1jav4ek-0": [_exp40()],
+    "w1jav4ek-1": [_exp43()]
   }
 });
-var RenderItemWrapper = /*#__PURE__*/styled('div')({
+const RenderItemWrapper = /*#__PURE__*/styled('div')({
   name: "RenderItemWrapper",
-  "class": "r1fqtjio",
+  class: "r1fqtjio",
   propsAsIs: false
 });
 

package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownItem.styles.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens, constants } from '../../Dropdown.tokens';\nimport { addFocus, applyEllipsis } from '../../../../mixins';\nimport { DropdownProps } from '../../Dropdown.types';\nimport { cellConfig, cellTokens } from '../../../Cell';\nimport { component, mergeConfig } from '../../../../engines';\nimport { IconDisclosureRight } from '../../../_Icon';\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nexport const CellWrapper = styled.div`\n    ${cellTokens.cellTitleColor}: var(${constants.cellTitleColor});\n    ${cellTokens.cellBackgroundColor}: var(${constants.cellBackgroundColor});\n    ${cellTokens.cellPadding}: var(${tokens.cellPadding});\n    ${cellTokens.cellPaddingLeftContent}: var(${tokens.cellPaddingLeftContent});\n    ${cellTokens.cellPaddingContent}: var(${tokens.cellPaddingContent});\n    ${cellTokens.cellPaddingRightContent}: var(${tokens.cellPaddingRightContent});\n    ${cellTokens.cellTextboxGap}: var(${tokens.cellTextboxGap});\n    ${cellTokens.cellGap}: var(${tokens.cellGap});\n    ${cellTokens.cellTitleFontFamily}: var(${tokens.cellTitleFontFamily});\n    ${cellTokens.cellTitleFontSize}: var(${tokens.cellTitleFontSize});\n    ${cellTokens.cellTitleFontStyle}: var(${tokens.cellTitleFontStyle});\n    ${cellTokens.cellTitleFontWeight}: var(${tokens.cellTitleFontWeight});\n    ${cellTokens.cellTitleLetterSpacing}: var(${tokens.cellTitleLetterSpacing});\n    ${cellTokens.cellTitleLineHeight}: var(${tokens.cellTitleLineHeight});\n    width: 100%;\n`;\n\nexport const StyledCell = styled(Cell)``;\n\nexport const DisclosureIconWrapper = styled.div`\n    line-height: 0;\n    color: var(${tokens.disclosureIconColor}, var(${constants.disclosureIconColor}));\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n    xs: '1rem',\n    s: '1.5rem',\n    m: '2rem',\n};\n\nexport const StyledIconDisclosureRight = styled(IconDisclosureRight)`\n    width: ${({ size = 'xs' }) => `var(${tokens.itemDisclosureIconSize}, ${sizeMap[size]})`};\n    height: ${({ size = 'xs' }) => `var(${tokens.itemDisclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const Divider = styled.div<{ variant: DropdownProps['variant'] }>`\n    height: 1px;\n    margin-top: ${({ variant }) =>\n        `var(${variant === 'tight' ? tokens.dividerMarginTopTight : tokens.dividerMarginTop})`};\n    margin-right: var(${tokens.dividerMarginRight});\n    margin-bottom: ${({ variant }) =>\n        `var(${variant === 'tight' ? tokens.dividerMarginBottomTight : tokens.dividerMarginBottom})`};\n    margin-left: var(${tokens.dividerMarginLeft});\n    background: var(${tokens.dividerColor});\n`;\n\nexport const Wrapper = styled.li<{ variant: DropdownProps['variant'] }>`\n    display: flex;\n    align-items: center;\n    gap: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemGapTight : tokens.itemGap})`};\n    min-height: var(${tokens.itemHeight});\n    margin: var(${tokens.itemMargin}, 0);\n    box-sizing: content-box;\n    padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n    font-family: var(${tokens.itemFontFamily});\n    font-size: var(${tokens.itemFontSize});\n    font-style: var(${tokens.itemFontStyle});\n    font-weight: var(${tokens.itemFontWeightBold});\n    letter-spacing: var(${tokens.itemFontLetterSpacing});\n    line-height: var(${tokens.itemFontLineHeight});\n    background-color: var(${constants.itemBackground});\n    border-radius: var(\n        ${tokens.itemBorderRadius},\n        calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.borderWidth}, 0rem))\n    );\n    user-select: none;\n    background-clip: padding-box;\n\n    &:hover:not(.${classes.dropdownItemIsDisabled}) {\n        cursor: pointer;\n        background-color: var(${tokens.itemBackgroundHover});\n    }\n\n    &.${classes.dropdownItemIsActive} {\n        background-color: var(${tokens.itemBackgroundHover});\n    }\n\n    &.${classes.dropdownItemIsDisabled} {\n        opacity: ${constants.opacity};\n        cursor: not-allowed;\n    }\n\n    :focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineSize: '0',\n        outlineOffset: '0',\n        outlineColor: `var(${constants.focusColor})`,\n        outlineRadius: `calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.borderWidth}, 0rem))`,\n        hasTransition: false,\n        customFocusRules: `\n            &.${classes.dropdownItemIsFocused}:before {\n                outline: none;\n                box-shadow: inset 0 0 0 0.0625rem var(${constants.focusColor});\n            }\n        `,\n    })};\n`;\n\nexport const RenderItemWrapper = styled.div`\n    ${applyEllipsis()};\n    flex: 1;\n`;\n"],"names":["mergedCellConfig","mergeConfig","cellConfig","Cell","component","CellWrapper","styled","name","class","propsAsIs","_exp29","StyledCell","DisclosureIconWrapper","_exp32","IconDisclosureRight","_exp34","_ref","_ref$size","size","concat","tokens","itemDisclosureIconSize","xs","s","m","StyledIconDisclosureRight","vars","_exp35","_ref2","variant","dividerMarginTopTight","dividerMarginTop","_exp37","_ref3","dividerMarginBottomTight","dividerMarginBottom","Divider","_exp40","_ref4","itemGapTight","itemGap","_exp43","_ref5","itemPaddingTight","itemPadding","Wrapper","RenderItemWrapper"],"mappings":"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"}
+{"version":3,"file":"DropdownItem.styles.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens, constants } from '../../Dropdown.tokens';\nimport { addFocus, applyEllipsis } from '../../../../mixins';\nimport { DropdownProps } from '../../Dropdown.types';\nimport { cellConfig, cellTokens } from '../../../Cell';\nimport { component, mergeConfig } from '../../../../engines';\nimport { IconDisclosureRight } from '../../../_Icon';\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nexport const CellWrapper = styled.div`\n    ${cellTokens.cellTitleColor}: var(${constants.cellTitleColor});\n    ${cellTokens.cellBackgroundColor}: var(${constants.cellBackgroundColor});\n    ${cellTokens.cellPadding}: var(${tokens.cellPadding});\n    ${cellTokens.cellPaddingLeftContent}: var(${tokens.cellPaddingLeftContent});\n    ${cellTokens.cellPaddingContent}: var(${tokens.cellPaddingContent});\n    ${cellTokens.cellPaddingRightContent}: var(${tokens.cellPaddingRightContent});\n    ${cellTokens.cellTextboxGap}: var(${tokens.cellTextboxGap});\n    ${cellTokens.cellGap}: var(${tokens.cellGap});\n    ${cellTokens.cellTitleFontFamily}: var(${tokens.cellTitleFontFamily});\n    ${cellTokens.cellTitleFontSize}: var(${tokens.cellTitleFontSize});\n    ${cellTokens.cellTitleFontStyle}: var(${tokens.cellTitleFontStyle});\n    ${cellTokens.cellTitleFontWeight}: var(${tokens.cellTitleFontWeight});\n    ${cellTokens.cellTitleLetterSpacing}: var(${tokens.cellTitleLetterSpacing});\n    ${cellTokens.cellTitleLineHeight}: var(${tokens.cellTitleLineHeight});\n    width: 100%;\n`;\n\nexport const StyledCell = styled(Cell)``;\n\nexport const DisclosureIconWrapper = styled.div`\n    line-height: 0;\n    color: var(${tokens.disclosureIconColor}, var(${constants.disclosureIconColor}));\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n    xs: '1rem',\n    s: '1.5rem',\n    m: '2rem',\n};\n\nexport const StyledIconDisclosureRight = styled(IconDisclosureRight)`\n    width: ${({ size = 'xs' }) => `var(${tokens.itemDisclosureIconSize}, ${sizeMap[size]})`};\n    height: ${({ size = 'xs' }) => `var(${tokens.itemDisclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const Divider = styled.div<{ variant: DropdownProps['variant'] }>`\n    height: 1px;\n    margin-top: ${({ variant }) =>\n        `var(${variant === 'tight' ? tokens.dividerMarginTopTight : tokens.dividerMarginTop})`};\n    margin-right: var(${tokens.dividerMarginRight});\n    margin-bottom: ${({ variant }) =>\n        `var(${variant === 'tight' ? tokens.dividerMarginBottomTight : tokens.dividerMarginBottom})`};\n    margin-left: var(${tokens.dividerMarginLeft});\n    background: var(${tokens.dividerColor});\n`;\n\nexport const Wrapper = styled.li<{ variant: DropdownProps['variant'] }>`\n    display: flex;\n    align-items: center;\n    gap: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemGapTight : tokens.itemGap})`};\n    min-height: var(${tokens.itemHeight});\n    margin: var(${tokens.itemMargin}, 0);\n    box-sizing: content-box;\n    padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n    font-family: var(${tokens.itemFontFamily});\n    font-size: var(${tokens.itemFontSize});\n    font-style: var(${tokens.itemFontStyle});\n    font-weight: var(${tokens.itemFontWeightBold});\n    letter-spacing: var(${tokens.itemFontLetterSpacing});\n    line-height: var(${tokens.itemFontLineHeight});\n    background-color: var(${constants.itemBackground});\n    border-radius: var(\n        ${tokens.itemBorderRadius},\n        calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.borderWidth}, 0rem))\n    );\n    user-select: none;\n    background-clip: padding-box;\n\n    &:hover:not(.${classes.dropdownItemIsDisabled}) {\n        cursor: pointer;\n        background-color: var(${tokens.itemBackgroundHover});\n    }\n\n    &.${classes.dropdownItemIsActive} {\n        background-color: var(${tokens.itemBackgroundHover});\n    }\n\n    &.${classes.dropdownItemIsDisabled} {\n        opacity: ${constants.opacity};\n        cursor: not-allowed;\n    }\n\n    :focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineSize: '0',\n        outlineOffset: '0',\n        outlineColor: `var(${constants.focusColor})`,\n        outlineRadius: `calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.borderWidth}, 0rem))`,\n        hasTransition: false,\n        customFocusRules: `\n            &.${classes.dropdownItemIsFocused}:before {\n                outline: none;\n                box-shadow: inset 0 0 0 0.0625rem var(${constants.focusColor});\n            }\n        `,\n    })};\n`;\n\nexport const RenderItemWrapper = styled.div`\n    ${applyEllipsis()};\n    flex: 1;\n`;\n"],"names":["mergedCellConfig","mergeConfig","cellConfig","Cell","component","CellWrapper","styled","name","class","propsAsIs","_exp29","StyledCell","DisclosureIconWrapper","_exp32","IconDisclosureRight","_exp34","size","tokens","itemDisclosureIconSize","xs","s","m","StyledIconDisclosureRight","vars","_exp35","variant","dividerMarginTopTight","dividerMarginTop","_exp37","dividerMarginBottomTight","dividerMarginBottom","Divider","_exp40","itemGapTight","itemGap","_exp43","itemPaddingTight","itemPadding","Wrapper","RenderItemWrapper"],"mappings":"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"}

package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js

@@ -1,22 +1,85 @@
 import './DropdownItem.styles_1lyg81y.css';
 import { styled } from '@linaria/react';
+import { tokens, classes } from '../../Dropdown.tokens.js';
+import { addFocus } from '../../../../mixins/addFocus.js';
 
-var StyledContentLeft = /*#__PURE__*/styled('div')({
+const StyledContentLeft = /*#__PURE__*/styled('div')({
   name: "StyledContentLeft",
-  "class": "s1iqs5in",
+  class: "s1iqs5in",
   propsAsIs: false
 });
-var StyledContentRight = /*#__PURE__*/styled('div')({
+const StyledContentRight = /*#__PURE__*/styled('div')({
   name: "StyledContentRight",
-  "class": "sfg3dyd",
+  class: "sfg3dyd",
   propsAsIs: false
 });
-var StyledText = /*#__PURE__*/styled('div')({
+const StyledText = /*#__PURE__*/styled('div')({
   name: "StyledText",
-  "class": "s1dea6tl",
+  class: "s1dea6tl",
   propsAsIs: false
 });
-var base = "b1b2nce8";
+
+// INFO: Для возможности переиспользования стилей в других компонентах
+`
+    box-sizing: content-box;
+    display: flex;
+    align-items: center;
+    user-select: none;
+
+    :focus {
+        outline: none;
+    }
+
+    ${addFocus({
+  outlineSize: '0.0625rem',
+  outlineOffset: '0',
+  outlineColor: `var(${tokens.focusColor})`,
+  outlineRadius: `var(${tokens.itemBorderRadius})`,
+  hasTransition: false
+})};
+
+    width: auto;
+
+    font-family: var(${tokens.itemFontFamily});
+    font-size: var(${tokens.itemFontSize});
+    font-style: var(${tokens.itemFontStyle});
+    font-weight: var(${tokens.itemFontWeightBold});
+    letter-spacing: var(${tokens.itemFontLetterSpacing});
+    line-height: var(${tokens.itemFontLineHeight});
+
+    background: var(${tokens.itemBackground});
+    color: var(${tokens.itemColor});
+    border-radius: var(${tokens.itemBorderRadius});
+
+    width: var(${tokens.itemWidth});
+    height: var(${tokens.itemHeight});
+
+    padding: var(${tokens.itemPaddingTop}) var(${tokens.itemPaddingRight}) var(${tokens.itemPaddingBottom})
+        var(${tokens.itemPaddingLeft});
+
+    margin: var(${tokens.itemMarginTop}) var(${tokens.itemMarginRight}) var(${tokens.itemMarginBottom})
+        var(${tokens.itemMarginLeft});
+
+    &:hover:not(.${classes.dropdownItemIsDisabled}) {
+        cursor: pointer;
+        background: var(${tokens.itemBackgroundHover});
+    }
+
+    &.${String(classes.dropdownItemIsSelected)} {
+        color: var(${tokens.itemColorSelected});
+        background: var(${tokens.itemBackgroundSelected});
+
+        &:hover:not(.${classes.dropdownItemIsDisabled}) {
+            background: var(${tokens.itemBackgroundSelectedHover});
+        }
+    }
+
+    &.${classes.dropdownItemIsDisabled} {
+        opacity: var(${tokens.disabledOpacity});
+        cursor: not-allowed;
+    }
+`;
+const base = "b1b2nce8";
 
 export { StyledContentLeft, StyledContentRight, StyledText, base };
 //# sourceMappingURL=DropdownItem.styles.js.map

package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownItem.styles.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Dropdown.tokens';\nimport { addFocus, applyEllipsis } from '../../../../mixins';\n\nexport const StyledContentLeft = styled.div`\n    display: inline-flex;\n\n    min-width: var(${tokens.itemContentLeftWidth});\n    color: var(${tokens.itemContentLeftColor});\n`;\n\nexport const StyledContentRight = styled.div`\n    margin-left: auto;\n    display: inline-flex;\n\n    min-width: var(${tokens.itemContentRightWidth});\n    color: var(${tokens.itemContentRightColor});\n`;\n\nexport const StyledText = styled.div`\n    ${applyEllipsis()};\n`;\n\n// INFO: Для возможности переиспользования стилей в других компонентах\nexport const baseContent = `\n    box-sizing: content-box;\n    display: flex;\n    align-items: center;\n    user-select: none;\n\n    :focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineSize: '0.0625rem',\n        outlineOffset: '0',\n        outlineColor: `var(${tokens.focusColor})`,\n        outlineRadius: `var(${tokens.itemBorderRadius})`,\n        hasTransition: false,\n    })};\n\n    width: auto;\n\n    font-family: var(${tokens.itemFontFamily});\n    font-size: var(${tokens.itemFontSize});\n    font-style: var(${tokens.itemFontStyle});\n    font-weight: var(${tokens.itemFontWeightBold});\n    letter-spacing: var(${tokens.itemFontLetterSpacing});\n    line-height: var(${tokens.itemFontLineHeight});\n\n    background: var(${tokens.itemBackground});\n    color: var(${tokens.itemColor});\n    border-radius: var(${tokens.itemBorderRadius});\n\n    width: var(${tokens.itemWidth});\n    height: var(${tokens.itemHeight});\n\n    padding: var(${tokens.itemPaddingTop}) var(${tokens.itemPaddingRight}) var(${tokens.itemPaddingBottom})\n        var(${tokens.itemPaddingLeft});\n\n    margin: var(${tokens.itemMarginTop}) var(${tokens.itemMarginRight}) var(${tokens.itemMarginBottom})\n        var(${tokens.itemMarginLeft});\n\n    &:hover:not(.${classes.dropdownItemIsDisabled}) {\n        cursor: pointer;\n        background: var(${tokens.itemBackgroundHover});\n    }\n\n    &.${String(classes.dropdownItemIsSelected)} {\n        color: var(${tokens.itemColorSelected});\n        background: var(${tokens.itemBackgroundSelected});\n\n        &:hover:not(.${classes.dropdownItemIsDisabled}) {\n            background: var(${tokens.itemBackgroundSelectedHover});\n        }\n    }\n\n    &.${classes.dropdownItemIsDisabled} {\n        opacity: var(${tokens.disabledOpacity});\n        cursor: not-allowed;\n    }\n`;\n\nexport const base = css`\n    ${baseContent};\n`;\n"],"names":["StyledContentLeft","styled","name","class","propsAsIs","StyledContentRight","StyledText","base"],"mappings":";;AAMO,IAAMA,iBAAiB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKtC,EAAA;AAEM,IAAMC,kBAAkB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMvC,EAAA;AAEM,IAAME,UAAU,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE/B,EAAA;AA+DM,IAAMG,IAAI,GAEhB;;;;"}
+{"version":3,"file":"DropdownItem.styles.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Dropdown.tokens';\nimport { addFocus, applyEllipsis } from '../../../../mixins';\n\nexport const StyledContentLeft = styled.div`\n    display: inline-flex;\n\n    min-width: var(${tokens.itemContentLeftWidth});\n    color: var(${tokens.itemContentLeftColor});\n`;\n\nexport const StyledContentRight = styled.div`\n    margin-left: auto;\n    display: inline-flex;\n\n    min-width: var(${tokens.itemContentRightWidth});\n    color: var(${tokens.itemContentRightColor});\n`;\n\nexport const StyledText = styled.div`\n    ${applyEllipsis()};\n`;\n\n// INFO: Для возможности переиспользования стилей в других компонентах\nexport const baseContent = `\n    box-sizing: content-box;\n    display: flex;\n    align-items: center;\n    user-select: none;\n\n    :focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineSize: '0.0625rem',\n        outlineOffset: '0',\n        outlineColor: `var(${tokens.focusColor})`,\n        outlineRadius: `var(${tokens.itemBorderRadius})`,\n        hasTransition: false,\n    })};\n\n    width: auto;\n\n    font-family: var(${tokens.itemFontFamily});\n    font-size: var(${tokens.itemFontSize});\n    font-style: var(${tokens.itemFontStyle});\n    font-weight: var(${tokens.itemFontWeightBold});\n    letter-spacing: var(${tokens.itemFontLetterSpacing});\n    line-height: var(${tokens.itemFontLineHeight});\n\n    background: var(${tokens.itemBackground});\n    color: var(${tokens.itemColor});\n    border-radius: var(${tokens.itemBorderRadius});\n\n    width: var(${tokens.itemWidth});\n    height: var(${tokens.itemHeight});\n\n    padding: var(${tokens.itemPaddingTop}) var(${tokens.itemPaddingRight}) var(${tokens.itemPaddingBottom})\n        var(${tokens.itemPaddingLeft});\n\n    margin: var(${tokens.itemMarginTop}) var(${tokens.itemMarginRight}) var(${tokens.itemMarginBottom})\n        var(${tokens.itemMarginLeft});\n\n    &:hover:not(.${classes.dropdownItemIsDisabled}) {\n        cursor: pointer;\n        background: var(${tokens.itemBackgroundHover});\n    }\n\n    &.${String(classes.dropdownItemIsSelected)} {\n        color: var(${tokens.itemColorSelected});\n        background: var(${tokens.itemBackgroundSelected});\n\n        &:hover:not(.${classes.dropdownItemIsDisabled}) {\n            background: var(${tokens.itemBackgroundSelectedHover});\n        }\n    }\n\n    &.${classes.dropdownItemIsDisabled} {\n        opacity: var(${tokens.disabledOpacity});\n        cursor: not-allowed;\n    }\n`;\n\nexport const base = css`\n    ${baseContent};\n`;\n"],"names":["StyledContentLeft","styled","name","class","propsAsIs","StyledContentRight","StyledText","addFocus","outlineSize","outlineOffset","outlineColor","tokens","focusColor","outlineRadius","itemBorderRadius","hasTransition","itemFontFamily","itemFontSize","itemFontStyle","itemFontWeightBold","itemFontLetterSpacing","itemFontLineHeight","itemBackground","itemColor","itemWidth","itemHeight","itemPaddingTop","itemPaddingRight","itemPaddingBottom","itemPaddingLeft","itemMarginTop","itemMarginRight","itemMarginBottom","itemMarginLeft","classes","dropdownItemIsDisabled","itemBackgroundHover","String","dropdownItemIsSelected","itemColorSelected","itemBackgroundSelected","itemBackgroundSelectedHover","disabledOpacity","base"],"mappings":"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"}