@wix/patterns 1.427.0 → 1.431.0

package/dist/cjs/components/ActionCell/DisabledActionCellMenu.js

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.DisabledActionCellMenu = DisabledActionCellMenu;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _DisabledTooltip = require("../DisabledTooltip");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ActionCell/DisabledActionCellMenu.tsx";
 function DisabledActionCellMenu({
@@ -13,7 +13,7 @@ function DisabledActionCellMenu({
   tooltipContent,
   size = 'medium',
   skin = 'standard',
-  icon = /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.More, {
+  icon = /*#__PURE__*/_react.default.createElement(_lazy.More, {
     __self: this,
     __source: {
       fileName: _jsxFileName,

package/dist/cjs/components/ActionCell/DisabledActionCellMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_DisabledTooltip","_jsxFileName","DisabledActionCellMenu","dataHook","tooltipContent","size","skin","icon","default","createElement","More","__self","__source","fileName","lineNumber","columnNumber","ariaLabel","buttonAriaLabel","button","IconButton","disabled","priority","Box","verticalAlign","align","width","DisabledTooltip","undefined","content"],"sources":["../../../../src/components/ActionCell/DisabledActionCellMenu.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { Box, IconButton, IconButtonProps } from '@wix/design-system';\nimport { More } from '@wix/wix-ui-icons-common';\nimport { DisabledTooltip } from '../DisabledTooltip';\n\nexport interface DisabledActionCellMenuProps {\n  dataHook?: string;\n  tooltipContent?: React.ReactNode;\n  size?: IconButtonProps['size'];\n  skin?: IconButtonProps['skin'];\n  icon?: ReactElement;\n  ariaLabel?: string;\n}\n\nexport function DisabledActionCellMenu({\n  dataHook,\n  tooltipContent,\n  size = 'medium',\n  skin = 'standard',\n  icon = <More />,\n  ariaLabel,\n}: DisabledActionCellMenuProps) {\n  const buttonAriaLabel =\n    typeof tooltipContent === 'string'\n      ? tooltipContent\n      : ariaLabel;\n\n  const button = (\n    <IconButton\n      dataHook={dataHook}\n      disabled\n      priority=\"secondary\"\n      size={size}\n      skin={skin}\n      ariaLabel={buttonAriaLabel}\n    >\n      {icon}\n    </IconButton>\n  );\n\n  return (\n    <Box verticalAlign=\"middle\" align=\"center\" width=\"100%\">\n      {tooltipContent ? (\n        <DisabledTooltip\n          dataHook={dataHook ? `${dataHook}-tooltip` : undefined}\n          content={tooltipContent}\n        >\n          {button}\n        </DisabledTooltip>\n      ) : (\n        button\n      )}\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAAqD,IAAAI,YAAA;AAW9C,SAASC,sBAAsBA,CAAC;EACrCC,QAAQ;EACRC,cAAc;EACdC,IAAI,GAAG,QAAQ;EACfC,IAAI,GAAG,UAAU;EACjBC,IAAI,gBAAGZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,iBAAA,CAAAW,IAAI;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;EACfC;AAC2B,CAAC,EAAE;EAC9B,MAAMC,eAAe,GACnB,OAAOb,cAAc,KAAK,QAAQ,GAC9BA,cAAc,GACdY,SAAS;EAEf,MAAME,MAAM,gBACVvB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAqB,UAAU;IACThB,QAAQ,EAAEA,QAAS;IACnBiB,QAAQ;IACRC,QAAQ,EAAC,WAAW;IACpBhB,IAAI,EAAEA,IAAK;IACXC,IAAI,EAAEA,IAAK;IACXU,SAAS,EAAEC,eAAgB;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE1BR,IACS,CACb;EAED,oBACEZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAwB,GAAG;IAACC,aAAa,EAAC,QAAQ;IAACC,KAAK,EAAC,QAAQ;IAACC,KAAK,EAAC,MAAM;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GACpDX,cAAc,gBACbT,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,gBAAA,CAAA0B,eAAe;IACdvB,QAAQ,EAAEA,QAAQ,GAAG,GAAGA,QAAQ,UAAU,GAAGwB,SAAU;IACvDC,OAAO,EAAExB,cAAe;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEvBG,MACc,CAAC,GAElBA,MAEC,CAAC;AAEV","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_DisabledTooltip","_jsxFileName","DisabledActionCellMenu","dataHook","tooltipContent","size","skin","icon","default","createElement","More","__self","__source","fileName","lineNumber","columnNumber","ariaLabel","buttonAriaLabel","button","IconButton","disabled","priority","Box","verticalAlign","align","width","DisabledTooltip","undefined","content"],"sources":["../../../../src/components/ActionCell/DisabledActionCellMenu.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { Box, IconButton, IconButtonProps } from '@wix/design-system';\nimport { More } from '@wix/wix-ui-icons-common/lazy';\nimport { DisabledTooltip } from '../DisabledTooltip';\n\nexport interface DisabledActionCellMenuProps {\n  dataHook?: string;\n  tooltipContent?: React.ReactNode;\n  size?: IconButtonProps['size'];\n  skin?: IconButtonProps['skin'];\n  icon?: ReactElement;\n  ariaLabel?: string;\n}\n\nexport function DisabledActionCellMenu({\n  dataHook,\n  tooltipContent,\n  size = 'medium',\n  skin = 'standard',\n  icon = <More />,\n  ariaLabel,\n}: DisabledActionCellMenuProps) {\n  const buttonAriaLabel =\n    typeof tooltipContent === 'string'\n      ? tooltipContent\n      : ariaLabel;\n\n  const button = (\n    <IconButton\n      dataHook={dataHook}\n      disabled\n      priority=\"secondary\"\n      size={size}\n      skin={skin}\n      ariaLabel={buttonAriaLabel}\n    >\n      {icon}\n    </IconButton>\n  );\n\n  return (\n    <Box verticalAlign=\"middle\" align=\"center\" width=\"100%\">\n      {tooltipContent ? (\n        <DisabledTooltip\n          dataHook={dataHook ? `${dataHook}-tooltip` : undefined}\n          content={tooltipContent}\n        >\n          {button}\n        </DisabledTooltip>\n      ) : (\n        button\n      )}\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAAqD,IAAAI,YAAA;AAW9C,SAASC,sBAAsBA,CAAC;EACrCC,QAAQ;EACRC,cAAc;EACdC,IAAI,GAAG,QAAQ;EACfC,IAAI,GAAG,UAAU;EACjBC,IAAI,gBAAGZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAAW,IAAI;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;EACfC;AAC2B,CAAC,EAAE;EAC9B,MAAMC,eAAe,GACnB,OAAOb,cAAc,KAAK,QAAQ,GAC9BA,cAAc,GACdY,SAAS;EAEf,MAAME,MAAM,gBACVvB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAqB,UAAU;IACThB,QAAQ,EAAEA,QAAS;IACnBiB,QAAQ;IACRC,QAAQ,EAAC,WAAW;IACpBhB,IAAI,EAAEA,IAAK;IACXC,IAAI,EAAEA,IAAK;IACXU,SAAS,EAAEC,eAAgB;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE1BR,IACS,CACb;EAED,oBACEZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAwB,GAAG;IAACC,aAAa,EAAC,QAAQ;IAACC,KAAK,EAAC,QAAQ;IAACC,KAAK,EAAC,MAAM;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GACpDX,cAAc,gBACbT,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,gBAAA,CAAA0B,eAAe;IACdvB,QAAQ,EAAEA,QAAQ,GAAG,GAAGA,QAAQ,UAAU,GAAGwB,SAAU;IACvDC,OAAO,EAAExB,cAAe;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEvBG,MACc,CAAC,GAElBA,MAEC,CAAC;AAEV","ignoreList":[]}

package/dist/cjs/components/ActionControl/ActionButton.js

@@ -56,7 +56,6 @@ function ActionButton(props) {
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
-    skin: "standard",
     priority: priority,
     size: size,
     prefixIcon: prefixIcon,

package/dist/cjs/components/ActionControl/ActionButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_DisabledTooltip","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ActionButton","props","actionItem","suffixIcon","size","priority","fullWidth","tooltip","prefixIcon","label","onClick","dataHook","disabled","ref","setRef","useCallback","element","buttonEl","querySelector","current","createElement","style","width","__self","__source","fileName","lineNumber","columnNumber","DisabledTooltip","content","Button","skin","ellipsis"],"sources":["../../../../src/components/ActionControl/ActionButton.tsx"],"sourcesContent":["import { Button, ButtonProps } from '@wix/design-system';\nimport React, { useCallback } from 'react';\nimport { DisabledTooltip } from '../DisabledTooltip';\nimport { ActionSubItemPrivate } from './ActionSubItemProps';\n\nexport interface ActionButtonProps {\n  actionItem: ActionSubItemPrivate;\n  suffixIcon?: ButtonProps['suffixIcon'];\n  size?: ButtonProps['size'];\n  priority?: ButtonProps['priority'];\n  fullWidth?: ButtonProps['fullWidth'];\n}\n\nexport function ActionButton(props: ActionButtonProps) {\n  const { actionItem, suffixIcon, size, priority, fullWidth } = props;\n  const { tooltip, prefixIcon, label, onClick, dataHook, disabled, ref } =\n    actionItem;\n\n  const setRef = useCallback(\n    (element: HTMLElement | null) => {\n      if (!element || !ref) {\n        return;\n      }\n\n      const buttonEl =\n        (element.querySelector('button') as HTMLButtonElement | null) ?? null;\n\n      if (typeof ref === 'function') {\n        ref(buttonEl);\n      } else {\n        (ref as React.MutableRefObject<HTMLButtonElement | null>).current =\n          buttonEl;\n      }\n    },\n    [ref],\n  );\n\n  return (\n    <div ref={setRef} style={{ width: '100%' }}>\n      <DisabledTooltip content={tooltip} dataHook={`${dataHook}-tooltip`}>\n        <Button\n          skin=\"standard\"\n          priority={priority}\n          size={size}\n          prefixIcon={prefixIcon}\n          ellipsis\n          onClick={onClick}\n          dataHook={dataHook}\n          disabled={disabled}\n          suffixIcon={suffixIcon}\n          fullWidth={fullWidth}\n        >\n          {label}\n        </Button>\n      </DisabledTooltip>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_DisabledTooltip","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ActionButton","props","actionItem","suffixIcon","size","priority","fullWidth","tooltip","prefixIcon","label","onClick","dataHook","disabled","ref","setRef","useCallback","element","buttonEl","querySelector","current","createElement","style","width","__self","__source","fileName","lineNumber","columnNumber","DisabledTooltip","content","Button","ellipsis"],"sources":["../../../../src/components/ActionControl/ActionButton.tsx"],"sourcesContent":["import { Button, ButtonProps } from '@wix/design-system';\nimport React, { useCallback } from 'react';\nimport { DisabledTooltip } from '../DisabledTooltip';\nimport { ActionSubItemPrivate } from './ActionSubItemProps';\n\nexport interface ActionButtonProps {\n  actionItem: ActionSubItemPrivate;\n  suffixIcon?: ButtonProps['suffixIcon'];\n  size?: ButtonProps['size'];\n  priority?: ButtonProps['priority'];\n  fullWidth?: ButtonProps['fullWidth'];\n}\n\nexport function ActionButton(props: ActionButtonProps) {\n  const { actionItem, suffixIcon, size, priority, fullWidth } = props;\n  const { tooltip, prefixIcon, label, onClick, dataHook, disabled, ref } =\n    actionItem;\n\n  const setRef = useCallback(\n    (element: HTMLElement | null) => {\n      if (!element || !ref) {\n        return;\n      }\n\n      const buttonEl =\n        (element.querySelector('button') as HTMLButtonElement | null) ?? null;\n\n      if (typeof ref === 'function') {\n        ref(buttonEl);\n      } else {\n        (ref as React.MutableRefObject<HTMLButtonElement | null>).current =\n          buttonEl;\n      }\n    },\n    [ref],\n  );\n\n  return (\n    <div ref={setRef} style={{ width: '100%' }}>\n      <DisabledTooltip content={tooltip} dataHook={`${dataHook}-tooltip`}>\n        <Button\n          priority={priority}\n          size={size}\n          prefixIcon={prefixIcon}\n          ellipsis\n          onClick={onClick}\n          dataHook={dataHook}\n          disabled={disabled}\n          suffixIcon={suffixIcon}\n          fullWidth={fullWidth}\n        >\n          {label}\n        </Button>\n      </DisabledTooltip>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ActionControl/ActionPopover.js

@@ -6,7 +6,7 @@ exports.ActionPopover = ActionPopover;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _designSystem = require("@wix/design-system");
 var _react = _interopRequireWildcard(require("react"));
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _DisabledTooltip = require("../DisabledTooltip");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ActionControl/ActionPopover.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -120,7 +120,6 @@ function ActionPopover(props) {
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
-      skin: "standard",
       priority: priority,
       size: size,
       fullWidth: fullWidth,
@@ -132,11 +131,11 @@ function ActionPopover(props) {
       ellipsis: true,
       prefixIcon: actionItem.prefixIcon,
       disabled: actionItem.disabled,
-      suffixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronDown, {
+      suffixIcon: /*#__PURE__*/_react.default.createElement(_lazy.ChevronDown, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 118,
+          lineNumber: 117,
           columnNumber: 27
         }
       }),

package/dist/cjs/components/ActionControl/ActionPopover.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_wixUiIconsCommon","_DisabledTooltip","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","isActionSubitemLabel","item","ActionPopover","props","actionItem","size","priority","onPopoverClick","fullWidth","dataHook","subItems","popoverMenuProps","createCombinedRef","useCallback","wdsRef","wrapper","buttonEl","querySelector","current","externalRef","ref","allActions","useMemo","filter","subItemGroup","length","reduce","result","group","index","array","nodes","forEach","itemIndex","push","createElement","PopoverMenu","SectionTitle","key","title","sectionTitle","__self","__source","fileName","lineNumber","columnNumber","MenuItem","prefixIcon","disabled","text","label","subtitle","onClick","Divider","_extends2","undefined","triggerElement","toggle","style","display","DisabledTooltip","content","tooltip","Button","skin","ellipsis","suffixIcon","ChevronDown"],"sources":["../../../../src/components/ActionControl/ActionPopover.tsx"],"sourcesContent":["import { PopoverMenu, Button, ButtonProps } from '@wix/design-system';\nimport React, {\n  ReactNode,\n  useMemo,\n  useCallback,\n  MutableRefObject,\n  RefObject,\n} from 'react';\nimport { ChevronDown } from '@wix/wix-ui-icons-common';\nimport {\n  ActionSubItemPrivate,\n  ActionSubitemLabelPrivate,\n} from './ActionSubItemProps';\nimport { DisabledTooltip } from '../DisabledTooltip';\n\nfunction isActionSubitemLabel(\n  item: NonNullable<ActionSubItemPrivate['subItems']>[number][number],\n): item is ActionSubitemLabelPrivate {\n  return typeof item === 'object' && item !== null && 'sectionTitle' in item;\n}\n\nexport function ActionPopover(props: {\n  actionItem: ActionSubItemPrivate;\n  size?: ButtonProps['size'];\n  priority?: ButtonProps['priority'];\n  fullWidth?: ButtonProps['fullWidth'];\n  onPopoverClick?: () => void;\n}) {\n  const { actionItem, size, priority, onPopoverClick, fullWidth } = props;\n  const { dataHook, subItems, popoverMenuProps } = actionItem;\n\n  const createCombinedRef = useCallback(\n    (wdsRef?: RefObject<HTMLElement>) => {\n      return (wrapper: HTMLDivElement | null) => {\n        const buttonEl = wrapper?.querySelector('button') ?? null;\n\n        if (wdsRef) {\n          (wdsRef as MutableRefObject<HTMLElement | null>).current = buttonEl;\n        }\n\n        const externalRef = actionItem.ref;\n        if (externalRef) {\n          if (typeof externalRef === 'function') {\n            externalRef(buttonEl);\n          } else {\n            (externalRef as MutableRefObject<HTMLElement | null>).current =\n              buttonEl;\n          }\n        }\n      };\n    },\n    [actionItem.ref],\n  );\n\n  const allActions = useMemo(() => {\n    return subItems\n      ?.filter((subItemGroup) => subItemGroup?.length)\n      .reduce<ReactNode[]>((result, group, index, array) => {\n        const nodes: ReactNode[] = [];\n\n        group.forEach((item, itemIndex) => {\n          if (isActionSubitemLabel(item)) {\n            nodes.push(\n              <PopoverMenu.SectionTitle\n                key={`section-${index}-${itemIndex}`}\n                title={item.sectionTitle}\n                dataHook={item.dataHook}\n              />,\n            );\n          } else {\n            nodes.push(\n              <PopoverMenu.MenuItem\n                prefixIcon={item.prefixIcon}\n                disabled={item.disabled}\n                text={item.label}\n                key={item.label}\n                subtitle={item.subtitle}\n                dataHook={item.dataHook}\n                onClick={item.onClick}\n              />,\n            );\n          }\n        });\n\n        if (index !== array.length - 1) {\n          nodes.push(<PopoverMenu.Divider key={`divider-${index}`} />);\n        }\n\n        return [...result, ...nodes];\n      }, []);\n  }, [subItems]);\n\n  return (\n    <PopoverMenu\n      {...popoverMenuProps}\n      dataHook={dataHook ? `${dataHook}-popover` : undefined}\n      triggerElement={({ toggle, ref: wdsRef }) => (\n        // Wrapper div needed due to type mismatch: PopoverMenu expects RefObject<HTMLElement>\n        // but Button's ref returns a class instance, not an HTMLElement.\n        <div ref={createCombinedRef(wdsRef)} style={{ display: 'contents' }}>\n          <DisabledTooltip\n            content={actionItem.tooltip}\n            dataHook={dataHook ? `${dataHook}-tooltip` : undefined}\n          >\n            <Button\n              skin=\"standard\"\n              priority={priority}\n              size={size}\n              fullWidth={fullWidth}\n              dataHook={actionItem.dataHook}\n              onClick={() => {\n                onPopoverClick?.();\n                toggle();\n              }}\n              ellipsis\n              prefixIcon={actionItem.prefixIcon}\n              disabled={actionItem.disabled}\n              suffixIcon={<ChevronDown />}\n            >\n              {actionItem.label}\n            </Button>\n          </DisabledTooltip>\n        </div>\n      )}\n    >\n      {allActions}\n    </PopoverMenu>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_lazy","_DisabledTooltip","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","isActionSubitemLabel","item","ActionPopover","props","actionItem","size","priority","onPopoverClick","fullWidth","dataHook","subItems","popoverMenuProps","createCombinedRef","useCallback","wdsRef","wrapper","buttonEl","querySelector","current","externalRef","ref","allActions","useMemo","filter","subItemGroup","length","reduce","result","group","index","array","nodes","forEach","itemIndex","push","createElement","PopoverMenu","SectionTitle","key","title","sectionTitle","__self","__source","fileName","lineNumber","columnNumber","MenuItem","prefixIcon","disabled","text","label","subtitle","onClick","Divider","_extends2","undefined","triggerElement","toggle","style","display","DisabledTooltip","content","tooltip","Button","ellipsis","suffixIcon","ChevronDown"],"sources":["../../../../src/components/ActionControl/ActionPopover.tsx"],"sourcesContent":["import { PopoverMenu, Button, ButtonProps } from '@wix/design-system';\nimport React, {\n  ReactNode,\n  useMemo,\n  useCallback,\n  MutableRefObject,\n  RefObject,\n} from 'react';\nimport { ChevronDown } from '@wix/wix-ui-icons-common/lazy';\nimport {\n  ActionSubItemPrivate,\n  ActionSubitemLabelPrivate,\n} from './ActionSubItemProps';\nimport { DisabledTooltip } from '../DisabledTooltip';\n\nfunction isActionSubitemLabel(\n  item: NonNullable<ActionSubItemPrivate['subItems']>[number][number],\n): item is ActionSubitemLabelPrivate {\n  return typeof item === 'object' && item !== null && 'sectionTitle' in item;\n}\n\nexport function ActionPopover(props: {\n  actionItem: ActionSubItemPrivate;\n  size?: ButtonProps['size'];\n  priority?: ButtonProps['priority'];\n  fullWidth?: ButtonProps['fullWidth'];\n  onPopoverClick?: () => void;\n}) {\n  const { actionItem, size, priority, onPopoverClick, fullWidth } = props;\n  const { dataHook, subItems, popoverMenuProps } = actionItem;\n\n  const createCombinedRef = useCallback(\n    (wdsRef?: RefObject<HTMLElement>) => {\n      return (wrapper: HTMLDivElement | null) => {\n        const buttonEl = wrapper?.querySelector('button') ?? null;\n\n        if (wdsRef) {\n          (wdsRef as MutableRefObject<HTMLElement | null>).current = buttonEl;\n        }\n\n        const externalRef = actionItem.ref;\n        if (externalRef) {\n          if (typeof externalRef === 'function') {\n            externalRef(buttonEl);\n          } else {\n            (externalRef as MutableRefObject<HTMLElement | null>).current =\n              buttonEl;\n          }\n        }\n      };\n    },\n    [actionItem.ref],\n  );\n\n  const allActions = useMemo(() => {\n    return subItems\n      ?.filter((subItemGroup) => subItemGroup?.length)\n      .reduce<ReactNode[]>((result, group, index, array) => {\n        const nodes: ReactNode[] = [];\n\n        group.forEach((item, itemIndex) => {\n          if (isActionSubitemLabel(item)) {\n            nodes.push(\n              <PopoverMenu.SectionTitle\n                key={`section-${index}-${itemIndex}`}\n                title={item.sectionTitle}\n                dataHook={item.dataHook}\n              />,\n            );\n          } else {\n            nodes.push(\n              <PopoverMenu.MenuItem\n                prefixIcon={item.prefixIcon}\n                disabled={item.disabled}\n                text={item.label}\n                key={item.label}\n                subtitle={item.subtitle}\n                dataHook={item.dataHook}\n                onClick={item.onClick}\n              />,\n            );\n          }\n        });\n\n        if (index !== array.length - 1) {\n          nodes.push(<PopoverMenu.Divider key={`divider-${index}`} />);\n        }\n\n        return [...result, ...nodes];\n      }, []);\n  }, [subItems]);\n\n  return (\n    <PopoverMenu\n      {...popoverMenuProps}\n      dataHook={dataHook ? `${dataHook}-popover` : undefined}\n      triggerElement={({ toggle, ref: wdsRef }) => (\n        // Wrapper div needed due to type mismatch: PopoverMenu expects RefObject<HTMLElement>\n        // but Button's ref returns a class instance, not an HTMLElement.\n        <div ref={createCombinedRef(wdsRef)} style={{ display: 'contents' }}>\n          <DisabledTooltip\n            content={actionItem.tooltip}\n            dataHook={dataHook ? `${dataHook}-tooltip` : undefined}\n          >\n            <Button\n              priority={priority}\n              size={size}\n              fullWidth={fullWidth}\n              dataHook={actionItem.dataHook}\n              onClick={() => {\n                onPopoverClick?.();\n                toggle();\n              }}\n              ellipsis\n              prefixIcon={actionItem.prefixIcon}\n              disabled={actionItem.disabled}\n              suffixIcon={<ChevronDown />}\n            >\n              {actionItem.label}\n            </Button>\n          </DisabledTooltip>\n        </div>\n      )}\n    >\n      {allActions}\n    </PopoverMenu>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/AppliedFiltersTagList/AppliedFiltersTagListState.js

@@ -12,6 +12,7 @@ var _util = require("@wix/bex-core/util");
 var _groupBy = _interopRequireDefault(require("lodash/groupBy"));
 var _FilterTagContent = require("./FilterTagContent");
 var _react = _interopRequireDefault(require("react"));
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/AppliedFiltersTagList/AppliedFiltersTagListState.tsx";
 class AppliedFiltersTagListState {
   constructor(params) {
@@ -170,10 +171,16 @@ class AppliedFiltersTagListState {
         filter,
         values: [value],
         maxWidth: this.maxWidth,
+        ...(this.isBmHarmonyTheme ? {
+          skin: 'neutral'
+        } : {}),
         ...(filterProps == null || filterProps.renderToolbarTag == null ? void 0 : filterProps.renderToolbarTag(value))
       };
     });
   }
+  get isBmHarmonyTheme() {
+    return this.table.container.experiments.enabled(_useBmHarmonyTheme.BM_HARMONY_THEME_EXPERIMENT);
+  }
   generateAggregatedTag(filterValuesGroup, filterProps) {
     return {
       children: /*#__PURE__*/_react.default.createElement(_FilterTagContent.FilterTagContent, {
@@ -181,7 +188,7 @@ class AppliedFiltersTagListState {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 215,
+          lineNumber: 223,
           columnNumber: 9
         }
       }, filterValuesGroup.map(({
@@ -196,7 +203,10 @@ class AppliedFiltersTagListState {
       values: filterValuesGroup.map(({
         value
       }) => value),
-      maxWidth: this.maxWidth
+      maxWidth: this.maxWidth,
+      ...(this.isBmHarmonyTheme ? {
+        skin: 'neutral'
+      } : {})
     };
   }
 }

package/dist/cjs/components/AppliedFiltersTagList/AppliedFiltersTagListState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_bi","_mobx","_events","_util","_groupBy","_interopRequireDefault","_FilterTagContent","_react","_jsxFileName","AppliedFiltersTagListState","constructor","params","_defineProperty2","default","EventEmitter","action","_toolbarFiltersState$","table","collection","toolbarFiltersState","query","nonPersistentFilters","emitter","emit","origin","filter","_hideFromToolbar","forEach","reset","emitEvents","moreFiltersButtonRef","current","focus","makeObservable","filterValues","computed","tags","filterPropsMap","init","multi","collections","disposers","map","addEventListener","ls","events","listeners","l","d","filtersProps","Map","filterProps","toTag","key","_filterPropsMap$get","value","filterValue","explodeTags","get","toArray","id","Array","isArray","itemKey","activeFiltersEntries","_","flatMap","groupedFilters","groupBy","Object","entries","filterValuesGroup","renderToolbarTag","generateNonAggregatedTag","generateAggregatedTag","_reportFilterToggleBiOnNextResult","values","filterValuesKeys","reportBi","onFetch","off","withoutDefaults","cairoFilterToggled","_commonDynamicBiParams","actionType","filterName","name","join","numFiltersActive","activeFiltersCount","filteredListSize","result","total","isCustomField","on","onTagRemove","onAppliedFilterTagRemove","isLastTag","length","remove","_table$toolbarFilters","children","itemName","dataHook","maxWidth","createElement","FilterTagContent","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../src/components/AppliedFiltersTagList/AppliedFiltersTagListState.tsx"],"sourcesContent":["import {\n  CollectionState,\n  Filter,\n  FilterItem,\n  FiltersMap,\n  withoutDefaults,\n} from '@wix/bex-core';\nimport { cairoFilterToggled } from '@wix/bex-core/bi';\nimport { action, computed, makeObservable } from 'mobx';\nimport { ToolbarCollectionState } from '../../state';\nimport { EventEmitter } from 'events';\nimport { TypedEmitter } from '@wix/bex-core/events';\nimport { addEventListener } from '@wix/bex-core/util';\nimport groupBy from 'lodash/groupBy';\nimport { FilterTagContent } from './FilterTagContent';\nimport React from 'react';\nimport { FilterProps } from '../../model';\n\nexport interface FilterTagValue<V> {\n  id: string;\n  filter: Filter<V>;\n  value: FilterItem<V>;\n}\n\nexport interface AppliedFiltersTagListStateParams<T, F extends FiltersMap> {\n  readonly table: ToolbarCollectionState<T, F>;\n}\n\nexport class AppliedFiltersTagListState<T, F extends FiltersMap> {\n  readonly table;\n  readonly events = new EventEmitter() as TypedEmitter<{\n    fetch: (collection: CollectionState<unknown, {}>) => () => unknown;\n  }>;\n\n  maxWidth = '408px';\n  constructor(params: Readonly<AppliedFiltersTagListStateParams<T, F>>) {\n    this.table = params.table;\n\n    makeObservable(this, {\n      filterValues: computed,\n      tags: computed,\n      filterPropsMap: computed,\n    });\n  }\n\n  init() {\n    const {\n      multi: { collections },\n    } = this.table;\n\n    const disposers = [\n      ...collections.map((collection) =>\n        addEventListener(collection.emitter, 'fetch', () => {\n          const ls = this.events.listeners('fetch').map((l) => l(collection));\n          return () => {\n            ls.forEach((l) => l());\n          };\n        }),\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d());\n    };\n  }\n\n  get filterPropsMap() {\n    const {\n      table: { filtersProps },\n    } = this;\n\n    return new Map(\n      filtersProps?.map((filterProps) => [filterProps.filter, filterProps]) ??\n        [],\n    );\n  }\n\n  toTag<V>(key: string, filter: Filter<V>) {\n    const { filterPropsMap } = this;\n    const { value: filterValue } = filter;\n\n    const explodeTags = filterPropsMap.get(filter)?.explodeTags;\n\n    return filter.toArray.map((value) => ({\n      id:\n        Array.isArray(filterValue) || explodeTags\n          ? `${key}-${filter.itemKey(value)}`\n          : key,\n      filter,\n      value,\n    }));\n  }\n\n  get filterValues() {\n    const {\n      table: { activeFiltersEntries },\n    } = this;\n\n    return activeFiltersEntries\n      .filter(([_, filter]) => !filter._hideFromToolbar)\n      .flatMap(([key, filter]) => this.toTag(key, filter));\n  }\n\n  get tags() {\n    const { filterValues, filterPropsMap } = this;\n    const groupedFilters = groupBy(filterValues, 'filter.name');\n\n    return Object.entries(groupedFilters).flatMap(([_, filterValuesGroup]) => {\n      const filterProps = filterPropsMap.get(filterValuesGroup[0].filter);\n\n      if (filterProps?.renderToolbarTag) {\n        return this.generateNonAggregatedTag(filterValuesGroup, filterProps);\n      }\n\n      return this.generateAggregatedTag(filterValuesGroup, filterProps);\n    });\n  }\n\n  _reportFilterToggleBiOnNextResult<V>(\n    filter: Filter<V>,\n    values: FilterItem<V>[],\n  ) {\n    const filterValuesKeys = values.map((value) => filter.itemKey(value));\n\n    const { table, events } = this;\n    const { reportBi } = table;\n\n    const onFetch = (collection: CollectionState<unknown>) => {\n      events.off('fetch', onFetch);\n\n      return action(() => {\n        reportBi(\n          withoutDefaults(cairoFilterToggled)({\n            ...table._commonDynamicBiParams(),\n            ...collection._commonDynamicBiParams(),\n            actionType: 'remove',\n            origin: 'sub-toolbar',\n            filterName: filter.name,\n            filterValue: filterValuesKeys.join(),\n            numFiltersActive: collection.query.activeFiltersCount,\n            filteredListSize: collection.result.total,\n            isCustomField: !!filter.isCustomField,\n          }),\n        );\n      });\n    };\n\n    events.on('fetch', onFetch);\n  }\n\n  onClearButtonClick = action(() => {\n    const { table } = this;\n    const { collection, toolbarFiltersState } = table;\n    const {\n      query: { nonPersistentFilters },\n    } = collection;\n    collection.emitter.emit('beforeClearFilters', { origin: 'toolbar' });\n    nonPersistentFilters\n      .filter((filter) => !filter._hideFromToolbar)\n      .forEach((filter) => {\n        filter?.reset({ emitEvents: ['change', 'refresh'] });\n      });\n\n    toolbarFiltersState?.moreFiltersButtonRef?.current?.focus();\n  });\n\n  onTagRemove<V>(\n    filter: Filter<V>,\n    values: FilterItem<V>[],\n    onAppliedFilterTagRemove?: (value: FilterItem<V>) => void,\n  ) {\n    const { table, tags } = this;\n    const isLastTag = tags.length === 1;\n\n    this._reportFilterToggleBiOnNextResult(filter, values);\n\n    filter.remove(values, {\n      emitEvents: ['change', 'refresh'],\n    });\n\n    values.forEach((value) => {\n      onAppliedFilterTagRemove?.(value);\n    });\n\n    if (isLastTag) {\n      table.toolbarFiltersState?.moreFiltersButtonRef?.current?.focus();\n    }\n  }\n\n  private generateNonAggregatedTag<V>(\n    filterValuesGroup: FilterTagValue<V>[],\n    filterProps?: FilterProps<V>,\n  ) {\n    return filterValuesGroup.map(({ id, filter, value }) => {\n      return {\n        children: filter.itemName(value),\n        key: id,\n        filterProps,\n        id,\n        dataHook: id,\n        filter,\n        values: [value],\n        maxWidth: this.maxWidth,\n        ...filterProps?.renderToolbarTag?.(value),\n      };\n    });\n  }\n\n  private generateAggregatedTag<V>(\n    filterValuesGroup: FilterTagValue<V>[],\n    filterProps?: FilterProps<V>,\n  ) {\n    return {\n      children: (\n        <FilterTagContent filterProps={filterProps}>\n          {filterValuesGroup\n            .map(({ filter, value }: FilterTagValue<V>) =>\n              filter.itemName(value),\n            )\n            .join(', ')}\n        </FilterTagContent>\n      ),\n      key: filterProps?.filter.name!,\n      filterProps,\n      id: filterProps?.filter.name!,\n      dataHook: filterProps?.filter.name!,\n      filter: filterValuesGroup[0].filter,\n      values: filterValuesGroup.map(({ value }) => value),\n      maxWidth: this.maxWidth,\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_bi","_mobx","_events","_util","_groupBy","_interopRequireDefault","_FilterTagContent","_react","_useBmHarmonyTheme","_jsxFileName","AppliedFiltersTagListState","constructor","params","_defineProperty2","default","EventEmitter","action","_toolbarFiltersState$","table","collection","toolbarFiltersState","query","nonPersistentFilters","emitter","emit","origin","filter","_hideFromToolbar","forEach","reset","emitEvents","moreFiltersButtonRef","current","focus","makeObservable","filterValues","computed","tags","filterPropsMap","init","multi","collections","disposers","map","addEventListener","ls","events","listeners","l","d","filtersProps","Map","filterProps","toTag","key","_filterPropsMap$get","value","filterValue","explodeTags","get","toArray","id","Array","isArray","itemKey","activeFiltersEntries","_","flatMap","groupedFilters","groupBy","Object","entries","filterValuesGroup","renderToolbarTag","generateNonAggregatedTag","generateAggregatedTag","_reportFilterToggleBiOnNextResult","values","filterValuesKeys","reportBi","onFetch","off","withoutDefaults","cairoFilterToggled","_commonDynamicBiParams","actionType","filterName","name","join","numFiltersActive","activeFiltersCount","filteredListSize","result","total","isCustomField","on","onTagRemove","onAppliedFilterTagRemove","isLastTag","length","remove","_table$toolbarFilters","children","itemName","dataHook","maxWidth","isBmHarmonyTheme","skin","container","experiments","enabled","BM_HARMONY_THEME_EXPERIMENT","createElement","FilterTagContent","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../src/components/AppliedFiltersTagList/AppliedFiltersTagListState.tsx"],"sourcesContent":["import {\n  CollectionState,\n  Filter,\n  FilterItem,\n  FiltersMap,\n  withoutDefaults,\n} from '@wix/bex-core';\nimport { cairoFilterToggled } from '@wix/bex-core/bi';\nimport { action, computed, makeObservable } from 'mobx';\nimport { ToolbarCollectionState } from '../../state';\nimport { EventEmitter } from 'events';\nimport { TypedEmitter } from '@wix/bex-core/events';\nimport { addEventListener } from '@wix/bex-core/util';\nimport groupBy from 'lodash/groupBy';\nimport { FilterTagContent } from './FilterTagContent';\nimport React from 'react';\nimport { FilterProps } from '../../model';\nimport { BM_HARMONY_THEME_EXPERIMENT } from '../../hooks/useBmHarmonyTheme';\n\nexport interface FilterTagValue<V> {\n  id: string;\n  filter: Filter<V>;\n  value: FilterItem<V>;\n}\n\nexport interface AppliedFiltersTagListStateParams<T, F extends FiltersMap> {\n  readonly table: ToolbarCollectionState<T, F>;\n}\n\nexport class AppliedFiltersTagListState<T, F extends FiltersMap> {\n  readonly table;\n  readonly events = new EventEmitter() as TypedEmitter<{\n    fetch: (collection: CollectionState<unknown, {}>) => () => unknown;\n  }>;\n\n  maxWidth = '408px';\n  constructor(params: Readonly<AppliedFiltersTagListStateParams<T, F>>) {\n    this.table = params.table;\n\n    makeObservable(this, {\n      filterValues: computed,\n      tags: computed,\n      filterPropsMap: computed,\n    });\n  }\n\n  init() {\n    const {\n      multi: { collections },\n    } = this.table;\n\n    const disposers = [\n      ...collections.map((collection) =>\n        addEventListener(collection.emitter, 'fetch', () => {\n          const ls = this.events.listeners('fetch').map((l) => l(collection));\n          return () => {\n            ls.forEach((l) => l());\n          };\n        }),\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d());\n    };\n  }\n\n  get filterPropsMap() {\n    const {\n      table: { filtersProps },\n    } = this;\n\n    return new Map(\n      filtersProps?.map((filterProps) => [filterProps.filter, filterProps]) ??\n        [],\n    );\n  }\n\n  toTag<V>(key: string, filter: Filter<V>) {\n    const { filterPropsMap } = this;\n    const { value: filterValue } = filter;\n\n    const explodeTags = filterPropsMap.get(filter)?.explodeTags;\n\n    return filter.toArray.map((value) => ({\n      id:\n        Array.isArray(filterValue) || explodeTags\n          ? `${key}-${filter.itemKey(value)}`\n          : key,\n      filter,\n      value,\n    }));\n  }\n\n  get filterValues() {\n    const {\n      table: { activeFiltersEntries },\n    } = this;\n\n    return activeFiltersEntries\n      .filter(([_, filter]) => !filter._hideFromToolbar)\n      .flatMap(([key, filter]) => this.toTag(key, filter));\n  }\n\n  get tags() {\n    const { filterValues, filterPropsMap } = this;\n    const groupedFilters = groupBy(filterValues, 'filter.name');\n\n    return Object.entries(groupedFilters).flatMap(([_, filterValuesGroup]) => {\n      const filterProps = filterPropsMap.get(filterValuesGroup[0].filter);\n\n      if (filterProps?.renderToolbarTag) {\n        return this.generateNonAggregatedTag(filterValuesGroup, filterProps);\n      }\n\n      return this.generateAggregatedTag(filterValuesGroup, filterProps);\n    });\n  }\n\n  _reportFilterToggleBiOnNextResult<V>(\n    filter: Filter<V>,\n    values: FilterItem<V>[],\n  ) {\n    const filterValuesKeys = values.map((value) => filter.itemKey(value));\n\n    const { table, events } = this;\n    const { reportBi } = table;\n\n    const onFetch = (collection: CollectionState<unknown>) => {\n      events.off('fetch', onFetch);\n\n      return action(() => {\n        reportBi(\n          withoutDefaults(cairoFilterToggled)({\n            ...table._commonDynamicBiParams(),\n            ...collection._commonDynamicBiParams(),\n            actionType: 'remove',\n            origin: 'sub-toolbar',\n            filterName: filter.name,\n            filterValue: filterValuesKeys.join(),\n            numFiltersActive: collection.query.activeFiltersCount,\n            filteredListSize: collection.result.total,\n            isCustomField: !!filter.isCustomField,\n          }),\n        );\n      });\n    };\n\n    events.on('fetch', onFetch);\n  }\n\n  onClearButtonClick = action(() => {\n    const { table } = this;\n    const { collection, toolbarFiltersState } = table;\n    const {\n      query: { nonPersistentFilters },\n    } = collection;\n    collection.emitter.emit('beforeClearFilters', { origin: 'toolbar' });\n    nonPersistentFilters\n      .filter((filter) => !filter._hideFromToolbar)\n      .forEach((filter) => {\n        filter?.reset({ emitEvents: ['change', 'refresh'] });\n      });\n\n    toolbarFiltersState?.moreFiltersButtonRef?.current?.focus();\n  });\n\n  onTagRemove<V>(\n    filter: Filter<V>,\n    values: FilterItem<V>[],\n    onAppliedFilterTagRemove?: (value: FilterItem<V>) => void,\n  ) {\n    const { table, tags } = this;\n    const isLastTag = tags.length === 1;\n\n    this._reportFilterToggleBiOnNextResult(filter, values);\n\n    filter.remove(values, {\n      emitEvents: ['change', 'refresh'],\n    });\n\n    values.forEach((value) => {\n      onAppliedFilterTagRemove?.(value);\n    });\n\n    if (isLastTag) {\n      table.toolbarFiltersState?.moreFiltersButtonRef?.current?.focus();\n    }\n  }\n\n  private generateNonAggregatedTag<V>(\n    filterValuesGroup: FilterTagValue<V>[],\n    filterProps?: FilterProps<V>,\n  ) {\n    return filterValuesGroup.map(({ id, filter, value }) => {\n      return {\n        children: filter.itemName(value),\n        key: id,\n        filterProps,\n        id,\n        dataHook: id,\n        filter,\n        values: [value],\n        maxWidth: this.maxWidth,\n        ...(this.isBmHarmonyTheme ? { skin: 'neutral' as const } : {}),\n        ...filterProps?.renderToolbarTag?.(value),\n      };\n    });\n  }\n\n  private get isBmHarmonyTheme() {\n    return this.table.container.experiments.enabled(\n      BM_HARMONY_THEME_EXPERIMENT,\n    );\n  }\n\n  private generateAggregatedTag<V>(\n    filterValuesGroup: FilterTagValue<V>[],\n    filterProps?: FilterProps<V>,\n  ) {\n    return {\n      children: (\n        <FilterTagContent filterProps={filterProps}>\n          {filterValuesGroup\n            .map(({ filter, value }: FilterTagValue<V>) =>\n              filter.itemName(value),\n            )\n            .join(', ')}\n        </FilterTagContent>\n      ),\n      key: filterProps?.filter.name!,\n      filterProps,\n      id: filterProps?.filter.name!,\n      dataHook: filterProps?.filter.name!,\n      filter: filterValuesGroup[0].filter,\n      values: filterValuesGroup.map(({ value }) => value),\n      maxWidth: this.maxWidth,\n      ...(this.isBmHarmonyTheme ? { skin: 'neutral' as const } : {}),\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsCTAButton.js

@@ -6,9 +6,10 @@ exports.ArchivedItemsCTAButton = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _designSystem = require("@wix/design-system");
 var _react = _interopRequireWildcard(require("react"));
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _react2 = require("@wix/bex-core/react");
 var _mobxReactLite = require("mobx-react-lite");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsCTAButton.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // Lazy load the ArchivedItemsPanel - only loads when panel is opened
@@ -25,6 +26,7 @@ function _ArchivedItemsCTAButton({
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
+  const isHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const style = (0, _react.useMemo)(() => ({
     display: 'flex',
     alignItems: 'center',
@@ -43,23 +45,23 @@ function _ArchivedItemsCTAButton({
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
     onClick: handleOpenArchivedPanel,
     dataHook: `${dataHook}-archived-items-button`,
-    showDivider: true,
+    showDivider: !isHarmonyTheme,
     verticalPadding: "tiny",
-    horizontalPadding: "small",
+    horizontalPadding: isHarmonyTheme ? 'tiny' : 'small',
     options: [{
       value: /*#__PURE__*/_react.default.createElement("div", {
         style: style,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 77,
+          lineNumber: 79,
           columnNumber: 15
         }
-      }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Archive, {
+      }, /*#__PURE__*/_react.default.createElement(_lazy.Archive, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 78,
+          lineNumber: 80,
           columnNumber: 17
         }
       }), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -68,7 +70,7 @@ function _ArchivedItemsCTAButton({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 79,
+          lineNumber: 81,
           columnNumber: 17
         }
       }, t('cairo.table.custom-columns.section-divider')))
@@ -77,23 +79,24 @@ function _ArchivedItemsCTAButton({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 87,
+          lineNumber: 89,
           columnNumber: 15
         }
       }), /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
         size: "tiny",
-        skin: "light",
+        skin: isHarmonyTheme ? 'dark' : 'light',
+        priority: isHarmonyTheme ? 'tertiary' : undefined,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 88,
+          lineNumber: 90,
           columnNumber: 17
         }
-      }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronRight, {
+      }, /*#__PURE__*/_react.default.createElement(_lazy.ChevronRight, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 89,
+          lineNumber: 95,
           columnNumber: 19
         }
       }))),
@@ -102,7 +105,7 @@ function _ArchivedItemsCTAButton({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 68,
+      lineNumber: 70,
       columnNumber: 7
     }
   }), archive.isOpen && /*#__PURE__*/_react.default.createElement(_react.Suspense, {
@@ -110,7 +113,7 @@ function _ArchivedItemsCTAButton({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 98,
+      lineNumber: 104,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(ArchivedItemsPanel, {
@@ -123,7 +126,7 @@ function _ArchivedItemsCTAButton({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 99,
+      lineNumber: 105,
       columnNumber: 11
     }
   })));

package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsCTAButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_wixUiIconsCommon","_react2","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ArchivedItemsPanel","lazy","Promise","resolve","then","module","_ArchivedItemsCTAButton","archive","deleteFieldModal","onCloseSidePanel","dataHook","actionContainerProps","translate","useWixPatternsContainer","style","useMemo","display","alignItems","gap","handleOpenArchivedPanel","useCallback","openPanel","handleCloseArchivedPanel","closePanel","handleCloseAllPanels","createElement","Fragment","TableListItem","onClick","showDivider","verticalPadding","horizontalPadding","options","value","__self","__source","fileName","lineNumber","columnNumber","Archive","Text","size","weight","Box","_extends2","IconButton","skin","ChevronRight","align","isOpen","Suspense","fallback","items","onBackButtonClick","onCloseButtonClick","ArchivedItemsCTAButton","exports","observer"],"sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsCTAButton.tsx"],"sourcesContent":["import {\n  TableListItem,\n  Text,\n  IconButton,\n  Box,\n  BoxProps,\n} from '@wix/design-system';\nimport React, {\n  CSSProperties,\n  useMemo,\n  useCallback,\n  lazy,\n  Suspense,\n} from 'react';\nimport { Archive, ChevronRight } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport type { DeleteFieldModalState, FieldArchive } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\n\n// Lazy load the ArchivedItemsPanel - only loads when panel is opened\nconst ArchivedItemsPanel = lazy(() =>\n  import('./ArchivedItemsPanel').then((module) => ({\n    default: module.ArchivedItemsPanel,\n  })),\n);\n\nexport interface ArchivedItemsCTAButtonProps {\n  archive: FieldArchive;\n  deleteFieldModal: DeleteFieldModalState;\n  onCloseSidePanel: () => void;\n  dataHook?: string;\n  actionContainerProps?: BoxProps;\n}\n\nfunction _ArchivedItemsCTAButton({\n  archive,\n  deleteFieldModal,\n  onCloseSidePanel,\n  dataHook = 'custom-columns',\n  actionContainerProps,\n}: ArchivedItemsCTAButtonProps) {\n  const { translate: t } = useWixPatternsContainer();\n\n  const style = useMemo<CSSProperties>(\n    () => ({\n      display: 'flex',\n      alignItems: 'center',\n      gap: '8px',\n    }),\n    [],\n  );\n\n  const handleOpenArchivedPanel = useCallback(() => {\n    archive.openPanel();\n  }, [archive]);\n\n  const handleCloseArchivedPanel = useCallback(() => {\n    archive.closePanel();\n  }, [archive]);\n\n  const handleCloseAllPanels = useCallback(() => {\n    archive.closePanel();\n    onCloseSidePanel();\n  }, [archive, onCloseSidePanel]);\n\n  return (\n    <>\n      <TableListItem\n        onClick={handleOpenArchivedPanel}\n        dataHook={`${dataHook}-archived-items-button`}\n        showDivider\n        verticalPadding=\"tiny\"\n        horizontalPadding=\"small\"\n        options={[\n          {\n            value: (\n              <div style={style}>\n                <Archive />\n                <Text size=\"small\" weight=\"normal\">\n                  {t('cairo.table.custom-columns.section-divider')}\n                </Text>\n              </div>\n            ),\n          },\n          {\n            value: (\n              <Box {...actionContainerProps}>\n                <IconButton size=\"tiny\" skin=\"light\">\n                  <ChevronRight />\n                </IconButton>\n              </Box>\n            ),\n            align: 'right' as const,\n          },\n        ]}\n      />\n      {archive.isOpen && (\n        <Suspense fallback={null}>\n          <ArchivedItemsPanel\n            archive={archive}\n            deleteFieldModal={deleteFieldModal}\n            items={archive.items}\n            onBackButtonClick={handleCloseArchivedPanel}\n            onCloseButtonClick={handleCloseAllPanels}\n            dataHook={dataHook}\n          />\n        </Suspense>\n      )}\n    </>\n  );\n}\n\nexport const ArchivedItemsCTAButton = observer(_ArchivedItemsCTAButton);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_lazy","_react2","_mobxReactLite","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ArchivedItemsPanel","lazy","Promise","resolve","then","module","_ArchivedItemsCTAButton","archive","deleteFieldModal","onCloseSidePanel","dataHook","actionContainerProps","translate","useWixPatternsContainer","isHarmonyTheme","useBmHarmonyTheme","style","useMemo","display","alignItems","gap","handleOpenArchivedPanel","useCallback","openPanel","handleCloseArchivedPanel","closePanel","handleCloseAllPanels","createElement","Fragment","TableListItem","onClick","showDivider","verticalPadding","horizontalPadding","options","value","__self","__source","fileName","lineNumber","columnNumber","Archive","Text","size","weight","Box","_extends2","IconButton","skin","priority","undefined","ChevronRight","align","isOpen","Suspense","fallback","items","onBackButtonClick","onCloseButtonClick","ArchivedItemsCTAButton","exports","observer"],"sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsCTAButton.tsx"],"sourcesContent":["import {\n  TableListItem,\n  Text,\n  IconButton,\n  Box,\n  BoxProps,\n} from '@wix/design-system';\nimport React, {\n  CSSProperties,\n  useMemo,\n  useCallback,\n  lazy,\n  Suspense,\n} from 'react';\nimport { Archive, ChevronRight } from '@wix/wix-ui-icons-common/lazy';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport type { DeleteFieldModalState, FieldArchive } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\n// Lazy load the ArchivedItemsPanel - only loads when panel is opened\nconst ArchivedItemsPanel = lazy(() =>\n  import('./ArchivedItemsPanel').then((module) => ({\n    default: module.ArchivedItemsPanel,\n  })),\n);\n\nexport interface ArchivedItemsCTAButtonProps {\n  archive: FieldArchive;\n  deleteFieldModal: DeleteFieldModalState;\n  onCloseSidePanel: () => void;\n  dataHook?: string;\n  actionContainerProps?: BoxProps;\n}\n\nfunction _ArchivedItemsCTAButton({\n  archive,\n  deleteFieldModal,\n  onCloseSidePanel,\n  dataHook = 'custom-columns',\n  actionContainerProps,\n}: ArchivedItemsCTAButtonProps) {\n  const { translate: t } = useWixPatternsContainer();\n  const isHarmonyTheme = useBmHarmonyTheme();\n\n  const style = useMemo<CSSProperties>(\n    () => ({\n      display: 'flex',\n      alignItems: 'center',\n      gap: '8px',\n    }),\n    [],\n  );\n\n  const handleOpenArchivedPanel = useCallback(() => {\n    archive.openPanel();\n  }, [archive]);\n\n  const handleCloseArchivedPanel = useCallback(() => {\n    archive.closePanel();\n  }, [archive]);\n\n  const handleCloseAllPanels = useCallback(() => {\n    archive.closePanel();\n    onCloseSidePanel();\n  }, [archive, onCloseSidePanel]);\n\n  return (\n    <>\n      <TableListItem\n        onClick={handleOpenArchivedPanel}\n        dataHook={`${dataHook}-archived-items-button`}\n        showDivider={!isHarmonyTheme}\n        verticalPadding=\"tiny\"\n        horizontalPadding={isHarmonyTheme ? 'tiny' : 'small'}\n        options={[\n          {\n            value: (\n              <div style={style}>\n                <Archive />\n                <Text size=\"small\" weight=\"normal\">\n                  {t('cairo.table.custom-columns.section-divider')}\n                </Text>\n              </div>\n            ),\n          },\n          {\n            value: (\n              <Box {...actionContainerProps}>\n                <IconButton\n                  size=\"tiny\"\n                  skin={isHarmonyTheme ? 'dark' : 'light'}\n                  priority={isHarmonyTheme ? 'tertiary' : undefined}\n                >\n                  <ChevronRight />\n                </IconButton>\n              </Box>\n            ),\n            align: 'right' as const,\n          },\n        ]}\n      />\n      {archive.isOpen && (\n        <Suspense fallback={null}>\n          <ArchivedItemsPanel\n            archive={archive}\n            deleteFieldModal={deleteFieldModal}\n            items={archive.items}\n            onBackButtonClick={handleCloseArchivedPanel}\n            onCloseButtonClick={handleCloseAllPanels}\n            dataHook={dataHook}\n          />\n        </Suspense>\n      )}\n    </>\n  );\n}\n\nexport const ArchivedItemsCTAButton = observer(_ArchivedItemsCTAButton);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsList.js

@@ -7,6 +7,7 @@ exports._ArchivedItemsList = _ArchivedItemsList;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
 var _ArchivedItemsListItem = require("./ArchivedItemsListItem");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsList.tsx";
 function _ArchivedItemsList({
   items,
@@ -14,27 +15,27 @@ function _ArchivedItemsList({
   onDelete,
   dataHook = 'custom-columns'
 }) {
+  const isHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
     dataHook: `${dataHook}-archived-items-list`,
-    backgroundColor: "D60",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 20,
+      lineNumber: 23,
       columnNumber: 5
     }
   }, items.map((item, index) => /*#__PURE__*/_react.default.createElement(_ArchivedItemsListItem.ArchivedItemsListItem, {
     key: item.id,
     item: item,
-    showDivider: index < items.length - 1,
+    showDivider: isHarmonyTheme ? false : index < items.length - 1,
     onRestore: onRestore,
     onDelete: onDelete,
     dataHook: dataHook,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 26,
+      lineNumber: 25,
       columnNumber: 9
     }
   })));

package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsList.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_ArchivedItemsListItem","_jsxFileName","_ArchivedItemsList","items","onRestore","onDelete","dataHook","default","createElement","Box","direction","backgroundColor","__self","__source","fileName","lineNumber","columnNumber","map","item","index","ArchivedItemsListItem","key","id","showDivider","length","ArchivedItemsList","exports"],"sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsList.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@wix/design-system';\nimport { ArchivedItemsListItem } from './ArchivedItemsListItem';\nimport type { ArchivedItem } from './types';\n\nexport interface ArchivedItemsListProps {\n  items: ArchivedItem[];\n  onRestore: (item: ArchivedItem) => void;\n  onDelete: (item: ArchivedItem) => void;\n  dataHook?: string;\n}\n\nexport function _ArchivedItemsList({\n  items,\n  onRestore,\n  onDelete,\n  dataHook = 'custom-columns',\n}: ArchivedItemsListProps) {\n  return (\n    <Box\n      direction=\"vertical\"\n      dataHook={`${dataHook}-archived-items-list`}\n      backgroundColor=\"D60\"\n    >\n      {items.map((item, index) => (\n        <ArchivedItemsListItem\n          key={item.id}\n          item={item}\n          showDivider={index < items.length - 1}\n          onRestore={onRestore}\n          onDelete={onDelete}\n          dataHook={dataHook}\n        />\n      ))}\n    </Box>\n  );\n}\n\nexport const ArchivedItemsList = _ArchivedItemsList;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAAgE,IAAAG,YAAA;AAUzD,SAASC,kBAAkBA,CAAC;EACjCC,KAAK;EACLC,SAAS;EACTC,QAAQ;EACRC,QAAQ,GAAG;AACW,CAAC,EAAE;EACzB,oBACEV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAU,GAAG;IACFC,SAAS,EAAC,UAAU;IACpBJ,QAAQ,EAAE,GAAGA,QAAQ,sBAAuB;IAC5CK,eAAe,EAAC,KAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEpBb,KAAK,CAACc,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBACrBvB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,sBAAA,CAAAoB,qBAAqB;IACpBC,GAAG,EAAEH,IAAI,CAACI,EAAG;IACbJ,IAAI,EAAEA,IAAK;IACXK,WAAW,EAAEJ,KAAK,GAAGhB,KAAK,CAACqB,MAAM,GAAG,CAAE;IACtCpB,SAAS,EAAEA,SAAU;IACrBC,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpB,CACF,CACE,CAAC;AAEV;AAEO,MAAMS,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGvB,kBAAkB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_ArchivedItemsListItem","_useBmHarmonyTheme","_jsxFileName","_ArchivedItemsList","items","onRestore","onDelete","dataHook","isHarmonyTheme","useBmHarmonyTheme","default","createElement","Box","direction","__self","__source","fileName","lineNumber","columnNumber","map","item","index","ArchivedItemsListItem","key","id","showDivider","length","ArchivedItemsList","exports"],"sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsList.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@wix/design-system';\nimport { ArchivedItemsListItem } from './ArchivedItemsListItem';\nimport type { ArchivedItem } from './types';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface ArchivedItemsListProps {\n  items: ArchivedItem[];\n  onRestore: (item: ArchivedItem) => void;\n  onDelete: (item: ArchivedItem) => void;\n  dataHook?: string;\n}\n\nexport function _ArchivedItemsList({\n  items,\n  onRestore,\n  onDelete,\n  dataHook = 'custom-columns',\n}: ArchivedItemsListProps) {\n  const isHarmonyTheme = useBmHarmonyTheme();\n\n  return (\n    <Box direction=\"vertical\" dataHook={`${dataHook}-archived-items-list`}>\n      {items.map((item, index) => (\n        <ArchivedItemsListItem\n          key={item.id}\n          item={item}\n          showDivider={isHarmonyTheme ? false : index < items.length - 1}\n          onRestore={onRestore}\n          onDelete={onDelete}\n          dataHook={dataHook}\n        />\n      ))}\n    </Box>\n  );\n}\n\nexport const ArchivedItemsList = _ArchivedItemsList;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAEA,IAAAG,kBAAA,GAAAH,OAAA;AAAkE,IAAAI,YAAA;AAS3D,SAASC,kBAAkBA,CAAC;EACjCC,KAAK;EACLC,SAAS;EACTC,QAAQ;EACRC,QAAQ,GAAG;AACW,CAAC,EAAE;EACzB,MAAMC,cAAc,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAE1C,oBACEb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,GAAG;IAACC,SAAS,EAAC,UAAU;IAACN,QAAQ,EAAE,GAAGA,QAAQ,sBAAuB;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,GACnEd,KAAK,CAACe,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBACrBzB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,sBAAA,CAAAsB,qBAAqB;IACpBC,GAAG,EAAEH,IAAI,CAACI,EAAG;IACbJ,IAAI,EAAEA,IAAK;IACXK,WAAW,EAAEjB,cAAc,GAAG,KAAK,GAAGa,KAAK,GAAGjB,KAAK,CAACsB,MAAM,GAAG,CAAE;IAC/DrB,SAAS,EAAEA,SAAU;IACrBC,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpB,CACF,CACE,CAAC;AAEV;AAEO,MAAMS,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGxB,kBAAkB","ignoreList":[]}