@wix/patterns 1.432.0 → 1.434.0

package/dist/cjs/components/TabsFilter/TabsFilter.js

@@ -6,6 +6,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _mobx = require("mobx");
 var _FilterContext = require("../FilterContext");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _mobxReactLite = require("mobx-react-lite");
 var _TabTitle = require("./TabTitle");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
@@ -35,6 +36,7 @@ function _TabsFilter(props) {
     itemKey,
     itemName
   } = filter;
+  const size = (0, _useBmHarmonyTheme.useBmHarmonyTheme)() ? 'small' : undefined;
   const table = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
   const filterAllValueTotal = (0, _useFilterValueTotalState.useFilterValueTotalState)({
     ...props,
@@ -87,7 +89,7 @@ function _TabsFilter(props) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 144,
+            lineNumber: 146,
             columnNumber: 11
           }
         }),
@@ -115,7 +117,7 @@ function _TabsFilter(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 170,
+          lineNumber: 172,
           columnNumber: 9
         }
       })
@@ -135,7 +137,7 @@ function _TabsFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 209,
+      lineNumber: 211,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -153,7 +155,7 @@ function _TabsFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 210,
+      lineNumber: 212,
       columnNumber: 7
     }
   }, responsive.mode === 'tabs' ? /*#__PURE__*/_react.default.createElement(_TabsDefault.TabsDefault, {
@@ -164,11 +166,12 @@ function _TabsFilter(props) {
     state: state,
     onChange: onChange,
     type: type,
+    size: size,
     all: all,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 224,
+      lineNumber: 226,
       columnNumber: 11
     }
   }) : /*#__PURE__*/_react.default.createElement(_TabsDropdown.TabsDropdown, {
@@ -180,7 +183,7 @@ function _TabsFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 235,
+      lineNumber: 238,
       columnNumber: 11
     }
   })));

package/dist/cjs/components/TabsFilter/TabsFilter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobx","_FilterContext","_mobxReactLite","_TabTitle","_ToolbarCollectionContext","_TabsFilterState","_TabsDropdown","_types","_TabsDefault","_useFilterValueTotalState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TabsFilter","props","type","filter","data","dataProp","all","counterBadge","placeAllTabLast","onChange","mobilePopoverProps","itemKey","itemName","table","useToolbarCollectionContext","filterAllValueTotal","useFilterValueTotalState","value","undefined","container","React","useRef","state","useState","tabs","TabsFilterState","useLayoutEffect","runInAction","persistent","responsive","isAllCounterBadgeLoading","useMemo","allStatus","totalsCollection","initTask","status","isLoading","isIdle","isTableLoading","hideCounterBadge","selectedId","isEmpty","ALL_TAB_ITEM_ID","items","_mergedItems","map","index","id","name","title","createElement","TabTitle","tabIndex","text","active","__self","__source","fileName","lineNumber","columnNumber","item","minWidth","itemsMinWidths","maxWidth","itemMaxWidth","allTabItem","panelMinWidth","useEffect","init","current","itemsCount","length","FilterContextProvider","Box","ref","node","dataHook","width","height","direction","verticalAlign","flexGrow","mode","TabsDefault","TabsDropdown","popoverProps","TabsFilter","exports","observer","displayName"],"sources":["../../../../src/components/TabsFilter/TabsFilter.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { Box, DropdownProps, TabsProps } from '@wix/design-system';\nimport { Filter } from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport { FilterContextProvider } from '../FilterContext';\nimport { observer } from 'mobx-react-lite';\nimport { TabTitle } from './TabTitle';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { TabsFilterState } from './TabsFilterState';\nimport { TabsDropdown } from './TabsDropdown';\nimport { ALL_TAB_ITEM_ID, TabsFilterItemBase } from './types';\nimport { TabsDefault } from './TabsDefault';\nimport { useFilterValueTotalState } from '../TabTotal/useFilterValueTotalState';\nimport type { TabCounterBadgeProps } from '../TabTotal/TabTotalCounterBadge';\nimport type { TabTotalParensProps } from '../TabTotal/TabTotalParens';\n\n/** Type alias for TabTotalCounterBadge component element */\ntype TabTotalCounterBadge<V> = ReactElement<\n  TabCounterBadgeProps<V, unknown, any>\n>;\n/** Type alias for TabTotalParens component element */\ntype TabTotalParens<V> = ReactElement<TabTotalParensProps<V, unknown, any>>;\n\nexport interface TabsFilterProps<V> {\n  /**\n   * List of tabs.\n   * @external\n   */\n  data: V[];\n  /**\n   * Defines the selected filter.\n   * <br><br>\n   * Must be an [arrayFilter](./?path=/story/features-filter-factories--arrayfilter) object.\n   * @external\n   */\n  filter: Filter<V[]>;\n  /**\n   * Display name of the tab that indicates that all items are included.\n   * <br>\n   * Changes the value of `filter` to an empty array.\n   * @external\n   */\n  all?: string | null | false;\n\n  /**\n   * Renders a counter badge next to the tabs' texts.\n   * <br><br>\n   * See different examples of this implementation in the [Overview](./?path=/story/features-filter-components--tabsfilter) tab.\n   * @external\n   */\n  counterBadge?: (\n    value: V | null | undefined,\n  ) => TabTotalCounterBadge<V> | TabTotalParens<V> | null | undefined;\n  onChange?: (value: V | null | undefined) => unknown;\n\n  /**\n   * Tabs layout type.\n   * <br><br>\n   * If this prop is omitted, the width depends on the label width. The total width of all the tabs cannot exceed 80% of the toolbar.\n   * <br><br>\n   * Supported values:<br>\n   * - `uniformFull`: Tabs are spread out uniformly.\n   * @external\n   */\n  type?: Extract<TabsProps['type'], 'uniformFull'>;\n\n  placeAllTabLast?: boolean;\n\n  /**\n   * Custom popover props for the mobile dropdown menu. On mobile devices, tabs are displayed as a dropdown menu.\n   * @external\n   */\n  mobilePopoverProps?: DropdownProps['popoverProps'];\n}\n\nfunction _TabsFilter<V>(props: TabsFilterProps<V>) {\n  const {\n    type,\n    filter,\n    data: dataProp,\n    all,\n    counterBadge,\n    placeAllTabLast,\n    onChange,\n    mobilePopoverProps,\n  } = props;\n  const { itemKey, itemName } = filter;\n\n  const table = useToolbarCollectionContext();\n  const filterAllValueTotal = useFilterValueTotalState({\n    ...props,\n    value: undefined,\n  });\n\n  const container = React.useRef<HTMLDivElement>();\n\n  const [state] = useState(\n    () =>\n      (table.tabs ??= new TabsFilterState({\n        table,\n      })),\n  );\n\n  useLayoutEffect(() => {\n    runInAction(() => {\n      if (filter.persistent == null) {\n        filter.persistent = true;\n      }\n    });\n  }, []);\n\n  const { responsive } = state;\n\n  const isAllCounterBadgeLoading = useMemo(() => {\n    const allStatus = filterAllValueTotal.totalsCollection.initTask.status;\n    const { isLoading, isIdle } = allStatus;\n    return isLoading || isIdle;\n  }, [filterAllValueTotal.totalsCollection.initTask.status]);\n\n  const isTableLoading = useMemo(() => {\n    const { isLoading, isIdle } = table.initTask.status;\n    return isLoading || isIdle;\n  }, [table.initTask.status]);\n\n  const hideCounterBadge = isTableLoading || isAllCounterBadgeLoading;\n\n  const selectedId = filter.isEmpty\n    ? ALL_TAB_ITEM_ID\n    : itemKey(filter.value[0]);\n\n  const items = useMemo<TabsFilterItemBase[]>(() => {\n    const _mergedItems = dataProp.map((value, index) => {\n      const id = itemKey(value);\n      return {\n        id,\n        name: itemName(value),\n        title: (\n          <TabTitle\n            tabIndex={all && !placeAllTabLast ? index + 1 : index}\n            state={responsive}\n            text={itemName(value)}\n            value={value}\n            active={selectedId === id}\n            counterBadge={hideCounterBadge ? undefined : counterBadge}\n          />\n        ),\n        value,\n      };\n    });\n\n    if (!all) {\n      return _mergedItems.map((item, index) => ({\n        ...item,\n        index,\n        minWidth: responsive.itemsMinWidths[index],\n        maxWidth: responsive.itemMaxWidth,\n      }));\n    }\n\n    const allTabItem = {\n      id: ALL_TAB_ITEM_ID,\n      name: all,\n      title: (\n        <TabTitle\n          tabIndex={0}\n          state={responsive}\n          text={all}\n          value={undefined}\n          active={selectedId === ALL_TAB_ITEM_ID}\n          counterBadge={hideCounterBadge ? undefined : counterBadge}\n        />\n      ),\n    };\n\n    return (\n      placeAllTabLast\n        ? [..._mergedItems, allTabItem]\n        : [allTabItem, ..._mergedItems]\n    ).map((item, index) => ({\n      ...item,\n      minWidth: responsive.itemsMinWidths[index],\n      index,\n    }));\n  }, [\n    dataProp,\n    all,\n    counterBadge,\n    responsive.panelMinWidth,\n    hideCounterBadge,\n    selectedId,\n  ]);\n\n  useEffect(\n    () =>\n      state.init({\n        container: container.current,\n        itemsCount: items.length,\n      }),\n    [container, state],\n  );\n\n  return (\n    <FilterContextProvider value={filter}>\n      <Box\n        ref={(node) => {\n          if (node) {\n            container.current = node;\n          }\n        }}\n        dataHook=\"collection-tabs-filter\"\n        width=\"100%\"\n        height={60}\n        direction=\"vertical\"\n        verticalAlign=\"middle\"\n        flexGrow={1}\n      >\n        {responsive.mode === 'tabs' ? (\n          <TabsDefault\n            items={items}\n            data={dataProp}\n            filter={filter}\n            selectedId={selectedId}\n            state={state}\n            onChange={onChange}\n            type={type}\n            all={all}\n          />\n        ) : (\n          <TabsDropdown\n            filter={filter}\n            data={dataProp}\n            items={items}\n            selectedId={selectedId}\n            popoverProps={mobilePopoverProps}\n          />\n        )}\n      </Box>\n    </FilterContextProvider>\n  );\n}\n\nexport const TabsFilter = observer(_TabsFilter);\nTabsFilter.displayName = 'TabsFilter';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobx","_FilterContext","_useBmHarmonyTheme","_mobxReactLite","_TabTitle","_ToolbarCollectionContext","_TabsFilterState","_TabsDropdown","_types","_TabsDefault","_useFilterValueTotalState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TabsFilter","props","type","filter","data","dataProp","all","counterBadge","placeAllTabLast","onChange","mobilePopoverProps","itemKey","itemName","size","useBmHarmonyTheme","undefined","table","useToolbarCollectionContext","filterAllValueTotal","useFilterValueTotalState","value","container","React","useRef","state","useState","tabs","TabsFilterState","useLayoutEffect","runInAction","persistent","responsive","isAllCounterBadgeLoading","useMemo","allStatus","totalsCollection","initTask","status","isLoading","isIdle","isTableLoading","hideCounterBadge","selectedId","isEmpty","ALL_TAB_ITEM_ID","items","_mergedItems","map","index","id","name","title","createElement","TabTitle","tabIndex","text","active","__self","__source","fileName","lineNumber","columnNumber","item","minWidth","itemsMinWidths","maxWidth","itemMaxWidth","allTabItem","panelMinWidth","useEffect","init","current","itemsCount","length","FilterContextProvider","Box","ref","node","dataHook","width","height","direction","verticalAlign","flexGrow","mode","TabsDefault","TabsDropdown","popoverProps","TabsFilter","exports","observer","displayName"],"sources":["../../../../src/components/TabsFilter/TabsFilter.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { Box, DropdownProps, TabsProps } from '@wix/design-system';\nimport { Filter } from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport { FilterContextProvider } from '../FilterContext';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { observer } from 'mobx-react-lite';\nimport { TabTitle } from './TabTitle';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { TabsFilterState } from './TabsFilterState';\nimport { TabsDropdown } from './TabsDropdown';\nimport { ALL_TAB_ITEM_ID, TabsFilterItemBase } from './types';\nimport { TabsDefault } from './TabsDefault';\nimport { useFilterValueTotalState } from '../TabTotal/useFilterValueTotalState';\nimport type { TabCounterBadgeProps } from '../TabTotal/TabTotalCounterBadge';\nimport type { TabTotalParensProps } from '../TabTotal/TabTotalParens';\n\n/** Type alias for TabTotalCounterBadge component element */\ntype TabTotalCounterBadge<V> = ReactElement<\n  TabCounterBadgeProps<V, unknown, any>\n>;\n/** Type alias for TabTotalParens component element */\ntype TabTotalParens<V> = ReactElement<TabTotalParensProps<V, unknown, any>>;\n\nexport interface TabsFilterProps<V> {\n  /**\n   * List of tabs.\n   * @external\n   */\n  data: V[];\n  /**\n   * Defines the selected filter.\n   * <br><br>\n   * Must be an [arrayFilter](./?path=/story/features-filter-factories--arrayfilter) object.\n   * @external\n   */\n  filter: Filter<V[]>;\n  /**\n   * Display name of the tab that indicates that all items are included.\n   * <br>\n   * Changes the value of `filter` to an empty array.\n   * @external\n   */\n  all?: string | null | false;\n\n  /**\n   * Renders a counter badge next to the tabs' texts.\n   * <br><br>\n   * See different examples of this implementation in the [Overview](./?path=/story/features-filter-components--tabsfilter) tab.\n   * @external\n   */\n  counterBadge?: (\n    value: V | null | undefined,\n  ) => TabTotalCounterBadge<V> | TabTotalParens<V> | null | undefined;\n  onChange?: (value: V | null | undefined) => unknown;\n\n  /**\n   * Tabs layout type.\n   * <br><br>\n   * If this prop is omitted, the width depends on the label width. The total width of all the tabs cannot exceed 80% of the toolbar.\n   * <br><br>\n   * Supported values:<br>\n   * - `uniformFull`: Tabs are spread out uniformly.\n   * @external\n   */\n  type?: Extract<TabsProps['type'], 'uniformFull'>;\n\n  placeAllTabLast?: boolean;\n\n  /**\n   * Custom popover props for the mobile dropdown menu. On mobile devices, tabs are displayed as a dropdown menu.\n   * @external\n   */\n  mobilePopoverProps?: DropdownProps['popoverProps'];\n}\n\nfunction _TabsFilter<V>(props: TabsFilterProps<V>) {\n  const {\n    type,\n    filter,\n    data: dataProp,\n    all,\n    counterBadge,\n    placeAllTabLast,\n    onChange,\n    mobilePopoverProps,\n  } = props;\n  const { itemKey, itemName } = filter;\n  const size = useBmHarmonyTheme() ? 'small' : undefined;\n\n  const table = useToolbarCollectionContext();\n  const filterAllValueTotal = useFilterValueTotalState({\n    ...props,\n    value: undefined,\n  });\n\n  const container = React.useRef<HTMLDivElement>();\n\n  const [state] = useState(\n    () =>\n      (table.tabs ??= new TabsFilterState({\n        table,\n      })),\n  );\n\n  useLayoutEffect(() => {\n    runInAction(() => {\n      if (filter.persistent == null) {\n        filter.persistent = true;\n      }\n    });\n  }, []);\n\n  const { responsive } = state;\n\n  const isAllCounterBadgeLoading = useMemo(() => {\n    const allStatus = filterAllValueTotal.totalsCollection.initTask.status;\n    const { isLoading, isIdle } = allStatus;\n    return isLoading || isIdle;\n  }, [filterAllValueTotal.totalsCollection.initTask.status]);\n\n  const isTableLoading = useMemo(() => {\n    const { isLoading, isIdle } = table.initTask.status;\n    return isLoading || isIdle;\n  }, [table.initTask.status]);\n\n  const hideCounterBadge = isTableLoading || isAllCounterBadgeLoading;\n\n  const selectedId = filter.isEmpty\n    ? ALL_TAB_ITEM_ID\n    : itemKey(filter.value[0]);\n\n  const items = useMemo<TabsFilterItemBase[]>(() => {\n    const _mergedItems = dataProp.map((value, index) => {\n      const id = itemKey(value);\n      return {\n        id,\n        name: itemName(value),\n        title: (\n          <TabTitle\n            tabIndex={all && !placeAllTabLast ? index + 1 : index}\n            state={responsive}\n            text={itemName(value)}\n            value={value}\n            active={selectedId === id}\n            counterBadge={hideCounterBadge ? undefined : counterBadge}\n          />\n        ),\n        value,\n      };\n    });\n\n    if (!all) {\n      return _mergedItems.map((item, index) => ({\n        ...item,\n        index,\n        minWidth: responsive.itemsMinWidths[index],\n        maxWidth: responsive.itemMaxWidth,\n      }));\n    }\n\n    const allTabItem = {\n      id: ALL_TAB_ITEM_ID,\n      name: all,\n      title: (\n        <TabTitle\n          tabIndex={0}\n          state={responsive}\n          text={all}\n          value={undefined}\n          active={selectedId === ALL_TAB_ITEM_ID}\n          counterBadge={hideCounterBadge ? undefined : counterBadge}\n        />\n      ),\n    };\n\n    return (\n      placeAllTabLast\n        ? [..._mergedItems, allTabItem]\n        : [allTabItem, ..._mergedItems]\n    ).map((item, index) => ({\n      ...item,\n      minWidth: responsive.itemsMinWidths[index],\n      index,\n    }));\n  }, [\n    dataProp,\n    all,\n    counterBadge,\n    responsive.panelMinWidth,\n    hideCounterBadge,\n    selectedId,\n  ]);\n\n  useEffect(\n    () =>\n      state.init({\n        container: container.current,\n        itemsCount: items.length,\n      }),\n    [container, state],\n  );\n\n  return (\n    <FilterContextProvider value={filter}>\n      <Box\n        ref={(node) => {\n          if (node) {\n            container.current = node;\n          }\n        }}\n        dataHook=\"collection-tabs-filter\"\n        width=\"100%\"\n        height={60}\n        direction=\"vertical\"\n        verticalAlign=\"middle\"\n        flexGrow={1}\n      >\n        {responsive.mode === 'tabs' ? (\n          <TabsDefault\n            items={items}\n            data={dataProp}\n            filter={filter}\n            selectedId={selectedId}\n            state={state}\n            onChange={onChange}\n            type={type}\n            size={size}\n            all={all}\n          />\n        ) : (\n          <TabsDropdown\n            filter={filter}\n            data={dataProp}\n            items={items}\n            selectedId={selectedId}\n            popoverProps={mobilePopoverProps}\n          />\n        )}\n      </Box>\n    </FilterContextProvider>\n  );\n}\n\nexport const TabsFilter = observer(_TabsFilter);\nTabsFilter.displayName = 'TabsFilter';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TabsFilter/TabsFilter.st.css

@@ -1,8 +1,12 @@
 @property st-global(--wds-color-text-standard-primary);
 @property st-global(--wds-tabs-label-fill);
 @property st-global(--wds-tabs-label-fill-active);
+@property st-global(--wds-tabs-label-font-size-medium);
+@property st-global(--wds-tabs-label-line-height-medium);
 @property st-global(--wsr-color-B10);
 @property st-global(--wsr-color-D10);
+@property st-global(--wsr-text-font-size-medium);
+@property st-global(--wsr-text-line-height-medium);
 
 .root {
   -st-states: selected;
@@ -10,6 +14,8 @@
 
 .root .title {
   color: var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)));
+  font-size: var(--wds-tabs-label-font-size-medium, var(--wsr-text-font-size-medium, 16px));
+  line-height: var(--wds-tabs-label-line-height-medium, var(--wsr-text-line-height-medium, 22px));
 }
 
 .root:selected .title,

package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "TabsFilter773415960";
+var _namespace_ = "TabsFilter2813371047";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "TabsFilter773415960__root",
-  "title": "TabsFilter773415960__title"
+  "root": "TabsFilter2813371047__root",
+  "title": "TabsFilter2813371047__title"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
@@ -23,7 +23,11 @@ var vars = exports.vars = {
   "wds-color-text-standard-primary": "--wds-color-text-standard-primary",
   "wds-tabs-label-fill": "--wds-tabs-label-fill",
   "wds-tabs-label-fill-active": "--wds-tabs-label-fill-active",
+  "wds-tabs-label-font-size-medium": "--wds-tabs-label-font-size-medium",
+  "wds-tabs-label-line-height-medium": "--wds-tabs-label-line-height-medium",
   "wsr-color-B10": "--wsr-color-B10",
-  "wsr-color-D10": "--wsr-color-D10"
+  "wsr-color-D10": "--wsr-color-D10",
+  "wsr-text-font-size-medium": "--wsr-text-font-size-medium",
+  "wsr-text-line-height-medium": "--wsr-text-line-height-medium"
 };
 //# sourceMappingURL=TabsFilter.st.css.js.map

package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter773415960\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"TabsFilter773415960__root\",\"title\":\"TabsFilter773415960__title\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-tabs-label-fill\":\"--wds-tabs-label-fill\",\"wds-tabs-label-fill-active\":\"--wds-tabs-label-fill-active\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-D10\":\"--wsr-color-D10\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qBAAqB;AACvC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,2BAA2B;EAAC,OAAO,EAAC;AAA4B,CAAC;AACvF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter2813371047\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"TabsFilter2813371047__root\",\"title\":\"TabsFilter2813371047__title\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-tabs-label-fill\":\"--wds-tabs-label-fill\",\"wds-tabs-label-fill-active\":\"--wds-tabs-label-fill-active\",\"wds-tabs-label-font-size-medium\":\"--wds-tabs-label-font-size-medium\",\"wds-tabs-label-line-height-medium\":\"--wds-tabs-label-line-height-medium\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-D10\":\"--wsr-color-D10\",\"wsr-text-font-size-medium\":\"--wsr-text-font-size-medium\",\"wsr-text-line-height-medium\":\"--wsr-text-line-height-medium\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,4BAA4B;EAAC,OAAO,EAAC;AAA6B,CAAC;AACzF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,mCAAmC,EAAC,qCAAqC;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,2BAA2B,EAAC,6BAA6B;EAAC,6BAA6B,EAAC;AAA+B,CAAC","ignoreList":[]}

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ManageTagsModal3581084668";
+var _namespace_ = "ManageTagsModal2370684890";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ManageTagsModal3581084668__root"
+  "root": "ManageTagsModal2370684890__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal3581084668\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ManageTagsModal3581084668__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal2370684890\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ManageTagsModal2370684890__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/TagsAssignButton/TagsAssignButton.js

@@ -69,7 +69,6 @@ const _TagsAssignButton = () => {
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
-      skin: "standard",
       priority: "secondary",
       size: "small",
       ellipsis: true,
@@ -77,7 +76,7 @@ const _TagsAssignButton = () => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 55,
+          lineNumber: 54,
           columnNumber: 29
         }
       }),

package/dist/cjs/components/TagsAssignButton/TagsAssignButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_ToolbarCollectionContext","_react2","_BulkAssignTagsPopover","_DisabledTooltip","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TagsAssignButton","toolbarCollectionState","useToolbarCollectionContext","translate","useWixPatternsContainer","buttonRef","useRef","tagsBulkAssignPopoverState","tagsCollectionState","setButtonRef","useCallback","element","el","querySelector","current","triggerButtonRef","tagsBulkAssignButtonState","createElement","BulkAssignTagsPopover","state","popoverElement","Box","__self","__source","fileName","lineNumber","columnNumber","ref","style","display","DisabledTooltip","content","tooltipContent","disabled","isDisabled","dataHook","Button","skin","priority","size","ellipsis","prefixIcon","TagSmall","onClick","showPopover","TagsAssignButton","exports","observer"],"sources":["../../../../src/components/TagsAssignButton/TagsAssignButton.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { Box, Button } from '@wix/design-system';\nimport { TagSmall } from '@wix/wix-ui-icons-common/lazy';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { BulkAssignTagsPopover } from '../Tags/BulkAssignTagsPopover';\nimport { DisabledTooltip } from '../DisabledTooltip';\nimport { observer } from 'mobx-react-lite';\n\nconst _TagsAssignButton = () => {\n  const toolbarCollectionState = useToolbarCollectionContext();\n  const { translate: t } = useWixPatternsContainer();\n  const buttonRef = useRef<HTMLButtonElement | null>(null);\n\n  const { tagsBulkAssignPopoverState } =\n    toolbarCollectionState.tagsCollectionState ?? {};\n\n  const setButtonRef = useCallback(\n    (element: HTMLElement | null) => {\n      if (!element || !tagsBulkAssignPopoverState) {\n        return;\n      }\n      const el = element.querySelector('button') as HTMLButtonElement | null;\n      if (!el) {\n        return;\n      }\n      buttonRef.current = el;\n      tagsBulkAssignPopoverState.triggerButtonRef = buttonRef;\n    },\n    [tagsBulkAssignPopoverState],\n  );\n\n  if (!tagsBulkAssignPopoverState) {\n    return null;\n  }\n\n  const { tagsBulkAssignButtonState } = tagsBulkAssignPopoverState;\n\n  return (\n    <BulkAssignTagsPopover\n      state={tagsBulkAssignPopoverState}\n      popoverElement={\n        <Box>\n          <div ref={setButtonRef} style={{ display: 'contents' }}>\n            <DisabledTooltip\n              content={tagsBulkAssignButtonState.tooltipContent}\n              disabled={!tagsBulkAssignButtonState.isDisabled}\n              dataHook=\"tags-assign-button-disabled-tooltip\"\n            >\n              <Button\n                skin=\"standard\"\n                priority=\"secondary\"\n                size=\"small\"\n                ellipsis\n                prefixIcon={<TagSmall />}\n                dataHook=\"tags-assign-button\"\n                onClick={() => {\n                  tagsBulkAssignPopoverState.showPopover();\n                }}\n                disabled={tagsBulkAssignButtonState.isDisabled}\n              >\n                {t('cairo.tags.collectionPage.add.CTA')}\n              </Button>\n            </DisabledTooltip>\n          </div>\n        </Box>\n      }\n    />\n  );\n};\n\nexport const TagsAssignButton = observer(_TagsAssignButton);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_ToolbarCollectionContext","_react2","_BulkAssignTagsPopover","_DisabledTooltip","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TagsAssignButton","toolbarCollectionState","useToolbarCollectionContext","translate","useWixPatternsContainer","buttonRef","useRef","tagsBulkAssignPopoverState","tagsCollectionState","setButtonRef","useCallback","element","el","querySelector","current","triggerButtonRef","tagsBulkAssignButtonState","createElement","BulkAssignTagsPopover","state","popoverElement","Box","__self","__source","fileName","lineNumber","columnNumber","ref","style","display","DisabledTooltip","content","tooltipContent","disabled","isDisabled","dataHook","Button","priority","size","ellipsis","prefixIcon","TagSmall","onClick","showPopover","TagsAssignButton","exports","observer"],"sources":["../../../../src/components/TagsAssignButton/TagsAssignButton.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { Box, Button } from '@wix/design-system';\nimport { TagSmall } from '@wix/wix-ui-icons-common/lazy';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { BulkAssignTagsPopover } from '../Tags/BulkAssignTagsPopover';\nimport { DisabledTooltip } from '../DisabledTooltip';\nimport { observer } from 'mobx-react-lite';\n\nconst _TagsAssignButton = () => {\n  const toolbarCollectionState = useToolbarCollectionContext();\n  const { translate: t } = useWixPatternsContainer();\n  const buttonRef = useRef<HTMLButtonElement | null>(null);\n\n  const { tagsBulkAssignPopoverState } =\n    toolbarCollectionState.tagsCollectionState ?? {};\n\n  const setButtonRef = useCallback(\n    (element: HTMLElement | null) => {\n      if (!element || !tagsBulkAssignPopoverState) {\n        return;\n      }\n      const el = element.querySelector('button') as HTMLButtonElement | null;\n      if (!el) {\n        return;\n      }\n      buttonRef.current = el;\n      tagsBulkAssignPopoverState.triggerButtonRef = buttonRef;\n    },\n    [tagsBulkAssignPopoverState],\n  );\n\n  if (!tagsBulkAssignPopoverState) {\n    return null;\n  }\n\n  const { tagsBulkAssignButtonState } = tagsBulkAssignPopoverState;\n\n  return (\n    <BulkAssignTagsPopover\n      state={tagsBulkAssignPopoverState}\n      popoverElement={\n        <Box>\n          <div ref={setButtonRef} style={{ display: 'contents' }}>\n            <DisabledTooltip\n              content={tagsBulkAssignButtonState.tooltipContent}\n              disabled={!tagsBulkAssignButtonState.isDisabled}\n              dataHook=\"tags-assign-button-disabled-tooltip\"\n            >\n              <Button\n                priority=\"secondary\"\n                size=\"small\"\n                ellipsis\n                prefixIcon={<TagSmall />}\n                dataHook=\"tags-assign-button\"\n                onClick={() => {\n                  tagsBulkAssignPopoverState.showPopover();\n                }}\n                disabled={tagsBulkAssignButtonState.isDisabled}\n              >\n                {t('cairo.tags.collectionPage.add.CTA')}\n              </Button>\n            </DisabledTooltip>\n          </div>\n        </Box>\n      }\n    />\n  );\n};\n\nexport const TagsAssignButton = observer(_TagsAssignButton);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ToolbarItem236369946";
+var _namespace_ = "ToolbarItem2624997349";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ToolbarItem236369946__root"
+  "root": "ToolbarItem2624997349__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem236369946\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItem236369946__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem2624997349\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItem2624997349__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA6B,CAAC;AACpD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ToolbarItemBox2074326680";
+var _namespace_ = "ToolbarItemBox3168569819";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ToolbarItemBox2074326680__root"
+  "root": "ToolbarItemBox3168569819__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox2074326680\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItemBox2074326680__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox3168569819\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItemBox3168569819__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/common.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "common3243586050";
+var _namespace_ = "common3154596631";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "common3243586050__root",
-  "column": "common3243586050__column",
-  "fullHeight": "common3243586050__fullHeight"
+  "root": "common3154596631__root",
+  "column": "common3154596631__column",
+  "fullHeight": "common3154596631__fullHeight"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/common.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../src/components/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common3243586050\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"common3243586050__root\",\"column\":\"common3243586050__column\",\"fullHeight\":\"common3243586050__fullHeight\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../src/components/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common3154596631\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"common3154596631__root\",\"column\":\"common3154596631__column\",\"fullHeight\":\"common3154596631__fullHeight\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/exports/schema.js.map

@@ -1 +1 @@
-{"version":3,"names":["_schema","require","exports","useCollection","useTableCollection","useGridCollection","useEditableTableCollection","useLayoutSwitchCollection","useEntityPage","usePlatformizedSource","sourceMutations","Table","EditableTable","Grid","LayoutSwitch","EntityPage","EntityPageFieldsCard","_useSchemaSource","useSchemaSource","_bexCore","defineSchemaSource","sourceFetchData"],"sources":["../../../src/exports/schema.ts"],"sourcesContent":["export {\n  useCollection,\n  useTableCollection,\n  useGridCollection,\n  useEditableTableCollection,\n  useLayoutSwitchCollection,\n  useEntityPage,\n  usePlatformizedSource,\n  sourceMutations,\n  Table,\n  EditableTable,\n  Grid,\n  LayoutSwitch,\n  EntityPage,\n  EntityPageFieldsCard,\n} from '../schema';\nexport type {\n  PlatformizedSourceInput,\n  SchemaCollectionOptions,\n  SchemaEntityPageOptions,\n  SchemaEditableTableCollectionOptions,\n  SchemaLayoutSwitchCollectionOptions,\n  SchemaTableProps,\n  SchemaEditableTableProps,\n  SchemaGridProps,\n  SchemaLayoutSwitchProps,\n  SchemaEntityPageProps,\n  EntityPageFieldsCardProps,\n} from '../schema';\nexport type { FieldsSourceProvider } from '../components/fieldsSourceProvider';\n// The cairo proxy, not the core hook: it attaches the fields container to the\n// source so every state and component on that schema shares one.\nexport { useSchemaSource } from '../schema/useSchemaSource';\nexport type { FieldsSchemaSource } from '../schema/useSchemaSource';\nexport { defineSchemaSource, sourceFetchData } from '@wix/bex-core';\nexport type {\n  SchemaSource,\n  SchemaSourceInput,\n  CreatableFieldType,\n  Schema,\n  LoadedSchema,\n  SchemaLoader,\n  CollectionBackend,\n  CollectionBackendBase,\n  FieldActions,\n} from '@wix/bex-core';\n"],"mappings":";;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAemBC,OAAA,CAAAC,aAAA,GAAAH,OAAA,CAAAG,aAAA;AAAAD,OAAA,CAAAE,kBAAA,GAAAJ,OAAA,CAAAI,kBAAA;AAAAF,OAAA,CAAAG,iBAAA,GAAAL,OAAA,CAAAK,iBAAA;AAAAH,OAAA,CAAAI,0BAAA,GAAAN,OAAA,CAAAM,0BAAA;AAAAJ,OAAA,CAAAK,yBAAA,GAAAP,OAAA,CAAAO,yBAAA;AAAAL,OAAA,CAAAM,aAAA,GAAAR,OAAA,CAAAQ,aAAA;AAAAN,OAAA,CAAAO,qBAAA,GAAAT,OAAA,CAAAS,qBAAA;AAAAP,OAAA,CAAAQ,eAAA,GAAAV,OAAA,CAAAU,eAAA;AAAAR,OAAA,CAAAS,KAAA,GAAAX,OAAA,CAAAW,KAAA;AAAAT,OAAA,CAAAU,aAAA,GAAAZ,OAAA,CAAAY,aAAA;AAAAV,OAAA,CAAAW,IAAA,GAAAb,OAAA,CAAAa,IAAA;AAAAX,OAAA,CAAAY,YAAA,GAAAd,OAAA,CAAAc,YAAA;AAAAZ,OAAA,CAAAa,UAAA,GAAAf,OAAA,CAAAe,UAAA;AAAAb,OAAA,CAAAc,oBAAA,GAAAhB,OAAA,CAAAgB,oBAAA;AAiBnB,IAAAC,gBAAA,GAAAhB,OAAA;AAA4DC,OAAA,CAAAgB,eAAA,GAAAD,gBAAA,CAAAC,eAAA;AAE5D,IAAAC,QAAA,GAAAlB,OAAA;AAAoEC,OAAA,CAAAkB,kBAAA,GAAAD,QAAA,CAAAC,kBAAA;AAAAlB,OAAA,CAAAmB,eAAA,GAAAF,QAAA,CAAAE,eAAA","ignoreList":[]}
+{"version":3,"names":["_schema","require","exports","useCollection","useTableCollection","useGridCollection","useEditableTableCollection","useLayoutSwitchCollection","useEntityPage","usePlatformizedSource","sourceMutations","Table","EditableTable","Grid","LayoutSwitch","EntityPage","EntityPageFieldsCard","_useSchemaSource","useSchemaSource","_bexCore","defineSchemaSource","sourceFetchData"],"sources":["../../../src/exports/schema.ts"],"sourcesContent":["export {\n  useCollection,\n  useTableCollection,\n  useGridCollection,\n  useEditableTableCollection,\n  useLayoutSwitchCollection,\n  useEntityPage,\n  usePlatformizedSource,\n  sourceMutations,\n  Table,\n  EditableTable,\n  Grid,\n  LayoutSwitch,\n  EntityPage,\n  EntityPageFieldsCard,\n} from '../schema';\nexport type {\n  PlatformizedSourceInput,\n  SchemaCollectionOptions,\n  SchemaEntityPageOptions,\n  SchemaEditableTableCollectionOptions,\n  SchemaLayoutSwitchCollectionOptions,\n  SchemaTableProps,\n  SchemaEditableTableProps,\n  SchemaGridProps,\n  SchemaLayoutSwitchProps,\n  SchemaEntityPageProps,\n  EntityPageFieldsCardProps,\n} from '../schema';\nexport type { FieldsSourceProvider } from '../components/fieldsSourceProvider';\n// The cairo proxy, not the core hook: it attaches the fields container to the\n// source so every state and component on that schema shares one.\nexport { useSchemaSource } from '../schema/useSchemaSource';\nexport type { FieldsSchemaSource } from '../schema/useSchemaSource';\nexport { defineSchemaSource, sourceFetchData } from '@wix/bex-core';\nexport type {\n  SchemaSource,\n  SchemaSourceInput,\n  FieldModalInput,\n  FieldTypeOption,\n  Schema,\n  LoadedSchema,\n  SchemaLoader,\n  CollectionBackend,\n  CollectionBackendBase,\n  FieldActions,\n  FieldSettings,\n  FieldSettingsProps,\n  FieldSettingsSection,\n} from '@wix/bex-core';\n"],"mappings":";;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAemBC,OAAA,CAAAC,aAAA,GAAAH,OAAA,CAAAG,aAAA;AAAAD,OAAA,CAAAE,kBAAA,GAAAJ,OAAA,CAAAI,kBAAA;AAAAF,OAAA,CAAAG,iBAAA,GAAAL,OAAA,CAAAK,iBAAA;AAAAH,OAAA,CAAAI,0BAAA,GAAAN,OAAA,CAAAM,0BAAA;AAAAJ,OAAA,CAAAK,yBAAA,GAAAP,OAAA,CAAAO,yBAAA;AAAAL,OAAA,CAAAM,aAAA,GAAAR,OAAA,CAAAQ,aAAA;AAAAN,OAAA,CAAAO,qBAAA,GAAAT,OAAA,CAAAS,qBAAA;AAAAP,OAAA,CAAAQ,eAAA,GAAAV,OAAA,CAAAU,eAAA;AAAAR,OAAA,CAAAS,KAAA,GAAAX,OAAA,CAAAW,KAAA;AAAAT,OAAA,CAAAU,aAAA,GAAAZ,OAAA,CAAAY,aAAA;AAAAV,OAAA,CAAAW,IAAA,GAAAb,OAAA,CAAAa,IAAA;AAAAX,OAAA,CAAAY,YAAA,GAAAd,OAAA,CAAAc,YAAA;AAAAZ,OAAA,CAAAa,UAAA,GAAAf,OAAA,CAAAe,UAAA;AAAAb,OAAA,CAAAc,oBAAA,GAAAhB,OAAA,CAAAgB,oBAAA;AAiBnB,IAAAC,gBAAA,GAAAhB,OAAA;AAA4DC,OAAA,CAAAgB,eAAA,GAAAD,gBAAA,CAAAC,eAAA;AAE5D,IAAAC,QAAA,GAAAlB,OAAA;AAAoEC,OAAA,CAAAkB,kBAAA,GAAAD,QAAA,CAAAC,kBAAA;AAAAlB,OAAA,CAAAmB,eAAA,GAAAF,QAAA,CAAAE,eAAA","ignoreList":[]}

package/dist/cjs/hooks/useEditableTableCollection.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_EditableTable","_useOptionalCachedState","useEditableTableCollection","config","container","useWixPatternsContainer","createCollection","useCreateCollection","createOptimisticActions","useCreateOptimisticActions","state","useOptionalCachedState","EditableTableState","collection","permissions","mutations","extraCellTypes","optimisticActionParams","exports"],"sources":["../../../src/hooks/useEditableTableCollection.ts"],"sourcesContent":["import {\n  CollectionOptimisticActionsBaseParams,\n  FiltersMap,\n  OptionalFiltersMap,\n} from '@wix/bex-core';\nimport {\n  useWixPatternsContainer,\n  CollectionConfigWithConditionals,\n  useCreateCollection,\n  useCreateOptimisticActions,\n} from '@wix/bex-core/react';\nimport {\n  EditableTableState,\n  EditableTablePermissions,\n  EditableTableMutationHandlers,\n} from '../state/EditableTable';\nimport type { CellType } from '../state/EditableTable/types';\nimport { useOptionalCachedState } from './useOptionalCachedState';\n\nexport type EditableTableCollectionConfig<\n  T,\n  F extends FiltersMap,\n> = CollectionConfigWithConditionals<T, F> & {\n  permissions?: EditableTablePermissions;\n  mutations: EditableTableMutationHandlers<T>;\n  optimisticActionParams?: Partial<CollectionOptimisticActionsBaseParams<T, F>>;\n  /**\n   * Additional cell types to register alongside the built-in ones.\n   * Augment `CellTypeConfigMap` to use these types on `EditableColumn.cellType`.\n   */\n  extraCellTypes?: CellType[];\n};\n\ntype EditableTableCollection = <T, F extends FiltersMap = OptionalFiltersMap>(\n  config: EditableTableCollectionConfig<T, F>,\n) => EditableTableState<T, F>;\n\nexport const useEditableTableCollection: EditableTableCollection = <\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n>(\n  config: EditableTableCollectionConfig<T, F>,\n): EditableTableState<T, F> => {\n  const container = useWixPatternsContainer();\n  const createCollection = useCreateCollection();\n  const createOptimisticActions = useCreateOptimisticActions();\n\n  const state = useOptionalCachedState(() => {\n    return new EditableTableState<T, F>({\n      collection: createCollection<T, F>(config),\n      container,\n      permissions: config.permissions,\n      mutations: config.mutations,\n      extraCellTypes: config.extraCellTypes,\n      createOptimisticActions: (collection) =>\n        createOptimisticActions(collection, config.optimisticActionParams),\n    });\n  });\n\n  return state;\n};\n"],"mappings":";;;;AAKA,IAAAA,MAAA,GAAAC,OAAA;AAMA,IAAAC,cAAA,GAAAD,OAAA;AAMA,IAAAE,uBAAA,GAAAF,OAAA;AAoBO,MAAMG,0BAAmD,GAI9DC,MAA2C,IACd;EAC7B,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC3C,MAAMC,gBAAgB,GAAG,IAAAC,0BAAmB,EAAC,CAAC;EAC9C,MAAMC,uBAAuB,GAAG,IAAAC,iCAA0B,EAAC,CAAC;EAE5D,MAAMC,KAAK,GAAG,IAAAC,8CAAsB,EAAC,MAAM;IACzC,OAAO,IAAIC,iCAAkB,CAAO;MAClCC,UAAU,EAAEP,gBAAgB,CAAOH,MAAM,CAAC;MAC1CC,SAAS;MACTU,WAAW,EAAEX,MAAM,CAACW,WAAW;MAC/BC,SAAS,EAAEZ,MAAM,CAACY,SAAS;MAC3BC,cAAc,EAAEb,MAAM,CAACa,cAAc;MACrCR,uBAAuB,EAAGK,UAAU,IAClCL,uBAAuB,CAACK,UAAU,EAAEV,MAAM,CAACc,sBAAsB;IACrE,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,OAAOP,KAAK;AACd,CAAC;AAACQ,OAAA,CAAAhB,0BAAA,GAAAA,0BAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_EditableTable","_useOptionalCachedState","useEditableTableCollection","config","container","useWixPatternsContainer","createCollection","useCreateCollection","createOptimisticActions","useCreateOptimisticActions","state","useOptionalCachedState","EditableTableState","collection","permissions","mutations","extraCellTypes","optimisticActionParams","exports"],"sources":["../../../src/hooks/useEditableTableCollection.ts"],"sourcesContent":["import {\n  CollectionOptimisticActionsBaseParams,\n  FiltersMap,\n  OptionalFiltersMap,\n} from '@wix/bex-core';\nimport {\n  useWixPatternsContainer,\n  CollectionConfigWithConditionals,\n  useCreateCollection,\n  useCreateOptimisticActions,\n} from '@wix/bex-core/react';\nimport {\n  EditableTableState,\n  EditableTablePermissions,\n  EditableTableMutationHandlers,\n} from '../state/EditableTable';\nimport type { CellType } from '../state/EditableTable/types';\nimport { useOptionalCachedState } from './useOptionalCachedState';\n\nexport type EditableTableCollectionConfig<\n  T,\n  F extends FiltersMap,\n> = CollectionConfigWithConditionals<T, F> & {\n  permissions?: EditableTablePermissions<T>;\n  mutations: EditableTableMutationHandlers<T>;\n  optimisticActionParams?: Partial<CollectionOptimisticActionsBaseParams<T, F>>;\n  /**\n   * Additional cell types to register alongside the built-in ones.\n   * Augment `CellTypeConfigMap` to use these types on `EditableColumn.cellType`.\n   */\n  extraCellTypes?: CellType[];\n};\n\ntype EditableTableCollection = <T, F extends FiltersMap = OptionalFiltersMap>(\n  config: EditableTableCollectionConfig<T, F>,\n) => EditableTableState<T, F>;\n\nexport const useEditableTableCollection: EditableTableCollection = <\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n>(\n  config: EditableTableCollectionConfig<T, F>,\n): EditableTableState<T, F> => {\n  const container = useWixPatternsContainer();\n  const createCollection = useCreateCollection();\n  const createOptimisticActions = useCreateOptimisticActions();\n\n  const state = useOptionalCachedState(() => {\n    return new EditableTableState<T, F>({\n      collection: createCollection<T, F>(config),\n      container,\n      permissions: config.permissions,\n      mutations: config.mutations,\n      extraCellTypes: config.extraCellTypes,\n      createOptimisticActions: (collection) =>\n        createOptimisticActions(collection, config.optimisticActionParams),\n    });\n  });\n\n  return state;\n};\n"],"mappings":";;;;AAKA,IAAAA,MAAA,GAAAC,OAAA;AAMA,IAAAC,cAAA,GAAAD,OAAA;AAMA,IAAAE,uBAAA,GAAAF,OAAA;AAoBO,MAAMG,0BAAmD,GAI9DC,MAA2C,IACd;EAC7B,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC3C,MAAMC,gBAAgB,GAAG,IAAAC,0BAAmB,EAAC,CAAC;EAC9C,MAAMC,uBAAuB,GAAG,IAAAC,iCAA0B,EAAC,CAAC;EAE5D,MAAMC,KAAK,GAAG,IAAAC,8CAAsB,EAAC,MAAM;IACzC,OAAO,IAAIC,iCAAkB,CAAO;MAClCC,UAAU,EAAEP,gBAAgB,CAAOH,MAAM,CAAC;MAC1CC,SAAS;MACTU,WAAW,EAAEX,MAAM,CAACW,WAAW;MAC/BC,SAAS,EAAEZ,MAAM,CAACY,SAAS;MAC3BC,cAAc,EAAEb,MAAM,CAACa,cAAc;MACrCR,uBAAuB,EAAGK,UAAU,IAClCL,uBAAuB,CAACK,UAAU,EAAEV,MAAM,CAACc,sBAAsB;IACrE,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,OAAOP,KAAK;AACd,CAAC;AAACQ,OAAA,CAAAhB,0BAAA,GAAAA,0BAAA","ignoreList":[]}

package/dist/cjs/hooks/useOpenCollectionOverlay.js

@@ -41,14 +41,11 @@ function useOpenCollectionOverlay({
     if (!collectionId || !navigateTo || !pageLocation) {
       return;
     }
-    // Preserve the current route (pathname, existing query params, hash) and
-    // only swap in the referenced collectionId, so nested routes and required
-    // query state survive the navigation.
-    const params = new URLSearchParams(pageLocation.search);
+    const params = new URLSearchParams();
     params.set('collectionId', collectionId);
     navigateTo({
       pageId: pageLocation.pageId,
-      relativeUrl: `${pageLocation.pathname}?${params.toString()}${pageLocation.hash ?? ''}`,
+      relativeUrl: `?${params.toString()}`,
       displayMode: 'overlay',
       history: 'replace'
     });

package/dist/cjs/hooks/useOpenCollectionOverlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_react2","useOpenCollectionOverlay","collectionId","container","useWixPatternsContainer","pageLocation","usePageLocation","navigateTo","onLayerStateChange","subscriptionRef","useRef","useEffect","_subscriptionRef$curr","current","remove","open","useCallback","onReturnToForeground","_subscriptionRef$curr2","params","URLSearchParams","search","set","pageId","relativeUrl","pathname","toString","hash","displayMode","history","newState","_subscriptionRef$curr3","canOpen","Boolean","undefined"],"sources":["../../../src/hooks/useOpenCollectionOverlay.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport type OpenCollectionOverlay = (onReturnToForeground?: () => void) => void;\n\n/**\n * Builds an opener that navigates to a collection (by id) as an overlay on top\n * of the current page, and invokes `onReturnToForeground` once the overlay\n * closes and the page returns to the foreground.\n *\n * Must be called from a component that outlives the inline cell editor (e.g. a\n * cell type's `EditWrapper`): opening the overlay typically commits/unmounts\n * the editor, so the layer-state subscription is owned here and disposed only\n * on this owner's unmount (and before re-opening). The editor passes the\n * refresh it wants to run on return as `onReturnToForeground` when it calls the\n * opener, since the editor — not this owner — holds the data to refresh.\n *\n * Returns `undefined` when the host can't navigate (no `collectionId`,\n * `navigateTo`, or page location).\n */\nexport function useOpenCollectionOverlay({\n  collectionId,\n}: {\n  collectionId: string | undefined;\n}): OpenCollectionOverlay | undefined {\n  const container = useWixPatternsContainer();\n  const pageLocation = container.usePageLocation?.();\n  const navigateTo = container.navigateTo;\n  const onLayerStateChange = container.onLayerStateChange;\n\n  // The subscription is owned by this (stable) component, not the editor that\n  // triggers it, so it survives the editor unmounting when the overlay opens\n  // and is disposed on this owner's unmount (or before re-opening).\n  const subscriptionRef = useRef<{ remove: () => void } | null>(null);\n  useEffect(\n    () => () => {\n      subscriptionRef.current?.remove();\n      subscriptionRef.current = null;\n    },\n    [],\n  );\n\n  const open = useCallback<OpenCollectionOverlay>(\n    (onReturnToForeground) => {\n      if (!collectionId || !navigateTo || !pageLocation) {\n        return;\n      }\n      // Preserve the current route (pathname, existing query params, hash) and\n      // only swap in the referenced collectionId, so nested routes and required\n      // query state survive the navigation.\n      const params = new URLSearchParams(pageLocation.search);\n      params.set('collectionId', collectionId);\n      navigateTo({\n        pageId: pageLocation.pageId,\n        relativeUrl: `${pageLocation.pathname}?${params.toString()}${\n          pageLocation.hash ?? ''\n        }`,\n        displayMode: 'overlay',\n        history: 'replace',\n      });\n\n      subscriptionRef.current?.remove();\n      subscriptionRef.current =\n        onLayerStateChange?.((newState) => {\n          if (newState === 'foreground') {\n            subscriptionRef.current?.remove();\n            subscriptionRef.current = null;\n            onReturnToForeground?.();\n          }\n        }) ?? null;\n    },\n    [collectionId, navigateTo, pageLocation, onLayerStateChange],\n  );\n\n  const canOpen = Boolean(collectionId && navigateTo && pageLocation);\n  return canOpen ? open : undefined;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,wBAAwBA,CAAC;EACvCC;AAGF,CAAC,EAAqC;EACpC,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAMC,YAAY,GAAGF,SAAS,CAACG,eAAe,oBAAzBH,SAAS,CAACG,eAAe,CAAG,CAAC;EAClD,MAAMC,UAAU,GAAGJ,SAAS,CAACI,UAAU;EACvC,MAAMC,kBAAkB,GAAGL,SAAS,CAACK,kBAAkB;;EAEvD;EACA;EACA;EACA,MAAMC,eAAe,GAAG,IAAAC,aAAM,EAAgC,IAAI,CAAC;EACnE,IAAAC,gBAAS,EACP,MAAM,MAAM;IAAA,IAAAC,qBAAA;IACV,CAAAA,qBAAA,GAAAH,eAAe,CAACI,OAAO,aAAvBD,qBAAA,CAAyBE,MAAM,CAAC,CAAC;IACjCL,eAAe,CAACI,OAAO,GAAG,IAAI;EAChC,CAAC,EACD,EACF,CAAC;EAED,MAAME,IAAI,GAAG,IAAAC,kBAAW,EACrBC,oBAAoB,IAAK;IAAA,IAAAC,sBAAA;IACxB,IAAI,CAAChB,YAAY,IAAI,CAACK,UAAU,IAAI,CAACF,YAAY,EAAE;MACjD;IACF;IACA;IACA;IACA;IACA,MAAMc,MAAM,GAAG,IAAIC,eAAe,CAACf,YAAY,CAACgB,MAAM,CAAC;IACvDF,MAAM,CAACG,GAAG,CAAC,cAAc,EAAEpB,YAAY,CAAC;IACxCK,UAAU,CAAC;MACTgB,MAAM,EAAElB,YAAY,CAACkB,MAAM;MAC3BC,WAAW,EAAE,GAAGnB,YAAY,CAACoB,QAAQ,IAAIN,MAAM,CAACO,QAAQ,CAAC,CAAC,GACxDrB,YAAY,CAACsB,IAAI,IAAI,EAAE,EACvB;MACFC,WAAW,EAAE,SAAS;MACtBC,OAAO,EAAE;IACX,CAAC,CAAC;IAEF,CAAAX,sBAAA,GAAAT,eAAe,CAACI,OAAO,aAAvBK,sBAAA,CAAyBJ,MAAM,CAAC,CAAC;IACjCL,eAAe,CAACI,OAAO,GACrB,CAAAL,kBAAkB,oBAAlBA,kBAAkB,CAAIsB,QAAQ,IAAK;MACjC,IAAIA,QAAQ,KAAK,YAAY,EAAE;QAAA,IAAAC,sBAAA;QAC7B,CAAAA,sBAAA,GAAAtB,eAAe,CAACI,OAAO,aAAvBkB,sBAAA,CAAyBjB,MAAM,CAAC,CAAC;QACjCL,eAAe,CAACI,OAAO,GAAG,IAAI;QAC9BI,oBAAoB,YAApBA,oBAAoB,CAAG,CAAC;MAC1B;IACF,CAAC,CAAC,KAAI,IAAI;EACd,CAAC,EACD,CAACf,YAAY,EAAEK,UAAU,EAAEF,YAAY,EAAEG,kBAAkB,CAC7D,CAAC;EAED,MAAMwB,OAAO,GAAGC,OAAO,CAAC/B,YAAY,IAAIK,UAAU,IAAIF,YAAY,CAAC;EACnE,OAAO2B,OAAO,GAAGjB,IAAI,GAAGmB,SAAS;AACnC","ignoreList":[]}
+{"version":3,"names":["_react","require","_react2","useOpenCollectionOverlay","collectionId","container","useWixPatternsContainer","pageLocation","usePageLocation","navigateTo","onLayerStateChange","subscriptionRef","useRef","useEffect","_subscriptionRef$curr","current","remove","open","useCallback","onReturnToForeground","_subscriptionRef$curr2","params","URLSearchParams","set","pageId","relativeUrl","toString","displayMode","history","newState","_subscriptionRef$curr3","canOpen","Boolean","undefined"],"sources":["../../../src/hooks/useOpenCollectionOverlay.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport type OpenCollectionOverlay = (onReturnToForeground?: () => void) => void;\n\n/**\n * Builds an opener that navigates to a collection (by id) as an overlay on top\n * of the current page, and invokes `onReturnToForeground` once the overlay\n * closes and the page returns to the foreground.\n *\n * Must be called from a component that outlives the inline cell editor (e.g. a\n * cell type's `EditWrapper`): opening the overlay typically commits/unmounts\n * the editor, so the layer-state subscription is owned here and disposed only\n * on this owner's unmount (and before re-opening). The editor passes the\n * refresh it wants to run on return as `onReturnToForeground` when it calls the\n * opener, since the editor — not this owner — holds the data to refresh.\n *\n * Returns `undefined` when the host can't navigate (no `collectionId`,\n * `navigateTo`, or page location).\n */\nexport function useOpenCollectionOverlay({\n  collectionId,\n}: {\n  collectionId: string | undefined;\n}): OpenCollectionOverlay | undefined {\n  const container = useWixPatternsContainer();\n  const pageLocation = container.usePageLocation?.();\n  const navigateTo = container.navigateTo;\n  const onLayerStateChange = container.onLayerStateChange;\n\n  // The subscription is owned by this (stable) component, not the editor that\n  // triggers it, so it survives the editor unmounting when the overlay opens\n  // and is disposed on this owner's unmount (or before re-opening).\n  const subscriptionRef = useRef<{ remove: () => void } | null>(null);\n  useEffect(\n    () => () => {\n      subscriptionRef.current?.remove();\n      subscriptionRef.current = null;\n    },\n    [],\n  );\n\n  const open = useCallback<OpenCollectionOverlay>(\n    (onReturnToForeground) => {\n      if (!collectionId || !navigateTo || !pageLocation) {\n        return;\n      }\n\n      const params = new URLSearchParams();\n      params.set('collectionId', collectionId);\n      navigateTo({\n        pageId: pageLocation.pageId,\n        relativeUrl: `?${params.toString()}`,\n        displayMode: 'overlay',\n        history: 'replace',\n      });\n\n      subscriptionRef.current?.remove();\n      subscriptionRef.current =\n        onLayerStateChange?.((newState) => {\n          if (newState === 'foreground') {\n            subscriptionRef.current?.remove();\n            subscriptionRef.current = null;\n            onReturnToForeground?.();\n          }\n        }) ?? null;\n    },\n    [collectionId, navigateTo, pageLocation, onLayerStateChange],\n  );\n\n  const canOpen = Boolean(collectionId && navigateTo && pageLocation);\n  return canOpen ? open : undefined;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,wBAAwBA,CAAC;EACvCC;AAGF,CAAC,EAAqC;EACpC,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAMC,YAAY,GAAGF,SAAS,CAACG,eAAe,oBAAzBH,SAAS,CAACG,eAAe,CAAG,CAAC;EAClD,MAAMC,UAAU,GAAGJ,SAAS,CAACI,UAAU;EACvC,MAAMC,kBAAkB,GAAGL,SAAS,CAACK,kBAAkB;;EAEvD;EACA;EACA;EACA,MAAMC,eAAe,GAAG,IAAAC,aAAM,EAAgC,IAAI,CAAC;EACnE,IAAAC,gBAAS,EACP,MAAM,MAAM;IAAA,IAAAC,qBAAA;IACV,CAAAA,qBAAA,GAAAH,eAAe,CAACI,OAAO,aAAvBD,qBAAA,CAAyBE,MAAM,CAAC,CAAC;IACjCL,eAAe,CAACI,OAAO,GAAG,IAAI;EAChC,CAAC,EACD,EACF,CAAC;EAED,MAAME,IAAI,GAAG,IAAAC,kBAAW,EACrBC,oBAAoB,IAAK;IAAA,IAAAC,sBAAA;IACxB,IAAI,CAAChB,YAAY,IAAI,CAACK,UAAU,IAAI,CAACF,YAAY,EAAE;MACjD;IACF;IAEA,MAAMc,MAAM,GAAG,IAAIC,eAAe,CAAC,CAAC;IACpCD,MAAM,CAACE,GAAG,CAAC,cAAc,EAAEnB,YAAY,CAAC;IACxCK,UAAU,CAAC;MACTe,MAAM,EAAEjB,YAAY,CAACiB,MAAM;MAC3BC,WAAW,EAAE,IAAIJ,MAAM,CAACK,QAAQ,CAAC,CAAC,EAAE;MACpCC,WAAW,EAAE,SAAS;MACtBC,OAAO,EAAE;IACX,CAAC,CAAC;IAEF,CAAAR,sBAAA,GAAAT,eAAe,CAACI,OAAO,aAAvBK,sBAAA,CAAyBJ,MAAM,CAAC,CAAC;IACjCL,eAAe,CAACI,OAAO,GACrB,CAAAL,kBAAkB,oBAAlBA,kBAAkB,CAAImB,QAAQ,IAAK;MACjC,IAAIA,QAAQ,KAAK,YAAY,EAAE;QAAA,IAAAC,sBAAA;QAC7B,CAAAA,sBAAA,GAAAnB,eAAe,CAACI,OAAO,aAAvBe,sBAAA,CAAyBd,MAAM,CAAC,CAAC;QACjCL,eAAe,CAACI,OAAO,GAAG,IAAI;QAC9BI,oBAAoB,YAApBA,oBAAoB,CAAG,CAAC;MAC1B;IACF,CAAC,CAAC,KAAI,IAAI;EACd,CAAC,EACD,CAACf,YAAY,EAAEK,UAAU,EAAEF,YAAY,EAAEG,kBAAkB,CAC7D,CAAC;EAED,MAAMqB,OAAO,GAAGC,OAAO,CAAC5B,YAAY,IAAIK,UAAU,IAAIF,YAAY,CAAC;EACnE,OAAOwB,OAAO,GAAGd,IAAI,GAAGgB,SAAS;AACnC","ignoreList":[]}

package/dist/cjs/schema/syncSourcePermissions.js

@@ -7,17 +7,22 @@ var _mobx = require("mobx");
  * Keeps an editable table's row-action flags in sync with its source: an action
  * is disabled when the source denies the permission (`schema.itemPermissions`)
  * OR the backend can't perform it (the write method is absent, e.g. a read-only
- * source). Reactive because the schema loads asynchronously. Returns a disposer.
+ * source). The source is the only permission input — schema-entry tables do not
+ * accept consumer-supplied permissions. Reactive because the schema loads
+ * asynchronously. Returns a disposer.
  */
 function syncSourcePermissions(state, sourceState) {
   return (0, _mobx.autorun)(() => {
     const loaded = sourceState.loadedSchema;
     const perms = loaded == null ? void 0 : loaded.schema.itemPermissions;
     const backend = loaded == null ? void 0 : loaded.backend;
-    (0, _mobx.runInAction)(() => {
-      state.addItemDisabled = !((perms == null ? void 0 : perms.createItem) ?? true) || !(backend != null && backend.create);
-      state.updateItemDisabled = !((perms == null ? void 0 : perms.updateItem) ?? true) || !(backend != null && backend.update);
-      state.removeItemDisabled = !((perms == null ? void 0 : perms.deleteItem) ?? true) || !(backend != null && backend.bulkDelete);
+    const isRemoveItemDisabled = perms == null ? void 0 : perms.isRemoveItemDisabled;
+    state.setPermissions({
+      addItemDisabled: !((perms == null ? void 0 : perms.createItem) ?? true) || !(backend != null && backend.create),
+      updateItemDisabled: !((perms == null ? void 0 : perms.updateItem) ?? true) || !(backend != null && backend.update),
+      removeItemDisabled: !((perms == null ? void 0 : perms.deleteItem) ?? true) || !(backend != null && backend.bulkDelete),
+      multiDeleteDisabled: !((perms == null ? void 0 : perms.bulkDeleteItems) ?? (perms == null ? void 0 : perms.deleteItem) ?? true) || !(backend != null && backend.bulkDelete),
+      isRemoveItemDisabled: isRemoveItemDisabled ? item => isRemoveItemDisabled(item) : undefined
     });
   });
 }

package/dist/cjs/schema/syncSourcePermissions.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","syncSourcePermissions","state","sourceState","autorun","loaded","loadedSchema","perms","schema","itemPermissions","backend","runInAction","addItemDisabled","createItem","create","updateItemDisabled","updateItem","update","removeItemDisabled","deleteItem","bulkDelete"],"sources":["../../../src/schema/syncSourcePermissions.ts"],"sourcesContent":["import { autorun, runInAction } from 'mobx';\nimport type { FiltersMap, SourceState } from '@wix/bex-core';\nimport type { EditableTableState } from '../state/EditableTable';\n\n/**\n * Keeps an editable table's row-action flags in sync with its source: an action\n * is disabled when the source denies the permission (`schema.itemPermissions`)\n * OR the backend can't perform it (the write method is absent, e.g. a read-only\n * source). Reactive because the schema loads asynchronously. Returns a disposer.\n */\nexport function syncSourcePermissions<T, F extends FiltersMap>(\n  state: EditableTableState<T, F>,\n  sourceState: SourceState<T>,\n): () => void {\n  return autorun(() => {\n    const loaded = sourceState.loadedSchema;\n    const perms = loaded?.schema.itemPermissions;\n    const backend = loaded?.backend;\n    runInAction(() => {\n      state.addItemDisabled = !(perms?.createItem ?? true) || !backend?.create;\n      state.updateItemDisabled =\n        !(perms?.updateItem ?? true) || !backend?.update;\n      state.removeItemDisabled =\n        !(perms?.deleteItem ?? true) || !backend?.bulkDelete;\n    });\n  });\n}\n"],"mappings":";;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,qBAAqBA,CACnCC,KAA+B,EAC/BC,WAA2B,EACf;EACZ,OAAO,IAAAC,aAAO,EAAC,MAAM;IACnB,MAAMC,MAAM,GAAGF,WAAW,CAACG,YAAY;IACvC,MAAMC,KAAK,GAAGF,MAAM,oBAANA,MAAM,CAAEG,MAAM,CAACC,eAAe;IAC5C,MAAMC,OAAO,GAAGL,MAAM,oBAANA,MAAM,CAAEK,OAAO;IAC/B,IAAAC,iBAAW,EAAC,MAAM;MAChBT,KAAK,CAACU,eAAe,GAAG,EAAE,CAAAL,KAAK,oBAALA,KAAK,CAAEM,UAAU,KAAI,IAAI,CAAC,IAAI,EAACH,OAAO,YAAPA,OAAO,CAAEI,MAAM;MACxEZ,KAAK,CAACa,kBAAkB,GACtB,EAAE,CAAAR,KAAK,oBAALA,KAAK,CAAES,UAAU,KAAI,IAAI,CAAC,IAAI,EAACN,OAAO,YAAPA,OAAO,CAAEO,MAAM;MAClDf,KAAK,CAACgB,kBAAkB,GACtB,EAAE,CAAAX,KAAK,oBAALA,KAAK,CAAEY,UAAU,KAAI,IAAI,CAAC,IAAI,EAACT,OAAO,YAAPA,OAAO,CAAEU,UAAU;IACxD,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["_mobx","require","syncSourcePermissions","state","sourceState","autorun","loaded","loadedSchema","perms","schema","itemPermissions","backend","isRemoveItemDisabled","setPermissions","addItemDisabled","createItem","create","updateItemDisabled","updateItem","update","removeItemDisabled","deleteItem","bulkDelete","multiDeleteDisabled","bulkDeleteItems","item","undefined"],"sources":["../../../src/schema/syncSourcePermissions.ts"],"sourcesContent":["import { autorun } from 'mobx';\nimport type { FiltersMap, SourceState } from '@wix/bex-core';\nimport type { EditableTableState } from '../state/EditableTable';\n\n/**\n * Keeps an editable table's row-action flags in sync with its source: an action\n * is disabled when the source denies the permission (`schema.itemPermissions`)\n * OR the backend can't perform it (the write method is absent, e.g. a read-only\n * source). The source is the only permission input — schema-entry tables do not\n * accept consumer-supplied permissions. Reactive because the schema loads\n * asynchronously. Returns a disposer.\n */\nexport function syncSourcePermissions<T, F extends FiltersMap>(\n  state: EditableTableState<T, F>,\n  sourceState: SourceState<T>,\n): () => void {\n  return autorun(() => {\n    const loaded = sourceState.loadedSchema;\n    const perms = loaded?.schema.itemPermissions;\n    const backend = loaded?.backend;\n\n    const isRemoveItemDisabled = perms?.isRemoveItemDisabled;\n\n    state.setPermissions({\n      addItemDisabled: !(perms?.createItem ?? true) || !backend?.create,\n      updateItemDisabled: !(perms?.updateItem ?? true) || !backend?.update,\n      removeItemDisabled: !(perms?.deleteItem ?? true) || !backend?.bulkDelete,\n      multiDeleteDisabled:\n        !(perms?.bulkDeleteItems ?? perms?.deleteItem ?? true) ||\n        !backend?.bulkDelete,\n      isRemoveItemDisabled: isRemoveItemDisabled\n        ? (item: T) => isRemoveItemDisabled(item as Record<string, unknown>)\n        : undefined,\n    });\n  });\n}\n"],"mappings":";;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,qBAAqBA,CACnCC,KAA+B,EAC/BC,WAA2B,EACf;EACZ,OAAO,IAAAC,aAAO,EAAC,MAAM;IACnB,MAAMC,MAAM,GAAGF,WAAW,CAACG,YAAY;IACvC,MAAMC,KAAK,GAAGF,MAAM,oBAANA,MAAM,CAAEG,MAAM,CAACC,eAAe;IAC5C,MAAMC,OAAO,GAAGL,MAAM,oBAANA,MAAM,CAAEK,OAAO;IAE/B,MAAMC,oBAAoB,GAAGJ,KAAK,oBAALA,KAAK,CAAEI,oBAAoB;IAExDT,KAAK,CAACU,cAAc,CAAC;MACnBC,eAAe,EAAE,EAAE,CAAAN,KAAK,oBAALA,KAAK,CAAEO,UAAU,KAAI,IAAI,CAAC,IAAI,EAACJ,OAAO,YAAPA,OAAO,CAAEK,MAAM;MACjEC,kBAAkB,EAAE,EAAE,CAAAT,KAAK,oBAALA,KAAK,CAAEU,UAAU,KAAI,IAAI,CAAC,IAAI,EAACP,OAAO,YAAPA,OAAO,CAAEQ,MAAM;MACpEC,kBAAkB,EAAE,EAAE,CAAAZ,KAAK,oBAALA,KAAK,CAAEa,UAAU,KAAI,IAAI,CAAC,IAAI,EAACV,OAAO,YAAPA,OAAO,CAAEW,UAAU;MACxEC,mBAAmB,EACjB,EAAE,CAAAf,KAAK,oBAALA,KAAK,CAAEgB,eAAe,MAAIhB,KAAK,oBAALA,KAAK,CAAEa,UAAU,KAAI,IAAI,CAAC,IACtD,EAACV,OAAO,YAAPA,OAAO,CAAEW,UAAU;MACtBV,oBAAoB,EAAEA,oBAAoB,GACrCa,IAAO,IAAKb,oBAAoB,CAACa,IAA+B,CAAC,GAClEC;IACN,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ","ignoreList":[]}

package/dist/cjs/schema/useLayoutSwitchCollection.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_bexCore","_react2","_useLayoutSwitchCollection","_SchemaState","_schemaCollectionOptions","_sourceMutations","_syncSourcePermissions","_usePlatformizedSource","useLayoutSwitchCollection","source","options","container","useWixPatternsContainer","fieldsProvider","sourceState","useState","holder","SourceState","attachesItself","load","SchemaState","table","grid","spreadsheet","rest","state","useOpenLayoutSwitchCollection","Object","assign","schemaCollectionConfig","mutations","sourceMutations","undefined","setOnTable","toolbar","useEffect","spreadsheetState","syncSourcePermissions"],"sources":["../../../src/schema/useLayoutSwitchCollection.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { SourceState } from '@wix/bex-core';\nimport type {\n  FiltersMap,\n  OptionalFiltersMap,\n  SchemaSource,\n} from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport type {\n  LayoutSwitchState,\n  TableLayoutConfig,\n  GridLayoutConfig,\n  SpreadsheetLayoutConfig,\n} from '../state/LayoutSwitchState';\nimport type { FieldsSourceProvider } from '../components/fieldsSourceProvider';\nimport { useLayoutSwitchCollection as useOpenLayoutSwitchCollection } from '../hooks/useLayoutSwitchCollection';\nimport { SchemaState } from '../components/SchemaSource/SchemaState';\nimport {\n  schemaCollectionConfig,\n  type SchemaCollectionOptions,\n} from './schemaCollectionOptions';\nimport { sourceMutations } from './sourceMutations';\nimport { syncSourcePermissions } from './syncSourcePermissions';\nimport { attachesItself } from './usePlatformizedSource';\n\nexport type SchemaLayoutSwitchCollectionOptions<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n> = SchemaCollectionOptions<T, F> & {\n  table?: TableLayoutConfig;\n  grid?: GridLayoutConfig;\n  spreadsheet?: Omit<\n    SpreadsheetLayoutConfig<T, F>,\n    'createOptimisticActions' | 'mutations'\n  >;\n};\n\n/** One collection and one toolbar driven by a source, shared by every enabled\n *  layout — the source attaches before any layout mounts, so a page opening\n *  in grid view has its fields and filters too. */\nexport function useLayoutSwitchCollection<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n>(\n  source: SchemaSource<T>,\n  options?: SchemaLayoutSwitchCollectionOptions<T, F>,\n): LayoutSwitchState<T, F> {\n  const container = useWixPatternsContainer();\n  const [{ fieldsProvider, sourceState }] = useState<{\n    fieldsProvider: FieldsSourceProvider;\n    sourceState: SourceState<T>;\n  }>(() => {\n    const holder = new SourceState<T>({ container, source });\n    if (attachesItself(source)) {\n      // The schema attach path loads it otherwise; the derived row mutations\n      // read the loaded backend.\n      void holder.load();\n      return { fieldsProvider: source, sourceState: holder };\n    }\n    return {\n      fieldsProvider: new SchemaState<T>({ sourceState: holder }),\n      sourceState: holder,\n    };\n  });\n\n  const { table, grid, spreadsheet, ...rest } =\n    options ?? ({} as SchemaLayoutSwitchCollectionOptions<T, F>);\n\n  const state = useOpenLayoutSwitchCollection<T, F>(\n    Object.assign(schemaCollectionConfig<T, F>(source, rest), {\n      table,\n      grid,\n      spreadsheet: spreadsheet\n        ? { ...spreadsheet, mutations: sourceMutations(sourceState) }\n        : undefined,\n    }),\n  );\n\n  useState(() => fieldsProvider.setOnTable(state.toolbar));\n\n  // Keep the spreadsheet view's row actions gated on the source's permissions.\n  useEffect(() => {\n    const spreadsheetState = state.spreadsheetState;\n    return spreadsheetState\n      ? syncSourcePermissions(spreadsheetState, sourceState)\n      : undefined;\n  }, [state, sourceState]);\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAMA,IAAAE,OAAA,GAAAF,OAAA;AAQA,IAAAG,0BAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,wBAAA,GAAAL,OAAA;AAIA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,sBAAA,GAAAP,OAAA;AACA,IAAAQ,sBAAA,GAAAR,OAAA;AAcA;AACA;AACA;AACO,SAASS,yBAAyBA,CAIvCC,MAAuB,EACvBC,OAAmD,EAC1B;EACzB,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAM,CAAC;IAAEC,cAAc;IAAEC;EAAY,CAAC,CAAC,GAAG,IAAAC,eAAQ,EAG/C,MAAM;IACP,MAAMC,MAAM,GAAG,IAAIC,oBAAW,CAAI;MAAEN,SAAS;MAAEF;IAAO,CAAC,CAAC;IACxD,IAAI,IAAAS,qCAAc,EAACT,MAAM,CAAC,EAAE;MAC1B;MACA;MACA,KAAKO,MAAM,CAACG,IAAI,CAAC,CAAC;MAClB,OAAO;QAAEN,cAAc,EAAEJ,MAAM;QAAEK,WAAW,EAAEE;MAAO,CAAC;IACxD;IACA,OAAO;MACLH,cAAc,EAAE,IAAIO,wBAAW,CAAI;QAAEN,WAAW,EAAEE;MAAO,CAAC,CAAC;MAC3DF,WAAW,EAAEE;IACf,CAAC;EACH,CAAC,CAAC;EAEF,MAAM;IAAEK,KAAK;IAAEC,IAAI;IAAEC,WAAW;IAAE,GAAGC;EAAK,CAAC,GACzCd,OAAO,IAAK,CAAC,CAA+C;EAE9D,MAAMe,KAAK,GAAG,IAAAC,oDAA6B,EACzCC,MAAM,CAACC,MAAM,CAAC,IAAAC,+CAAsB,EAAOpB,MAAM,EAAEe,IAAI,CAAC,EAAE;IACxDH,KAAK;IACLC,IAAI;IACJC,WAAW,EAAEA,WAAW,GACpB;MAAE,GAAGA,WAAW;MAAEO,SAAS,EAAE,IAAAC,gCAAe,EAACjB,WAAW;IAAE,CAAC,GAC3DkB;EACN,CAAC,CACH,CAAC;EAED,IAAAjB,eAAQ,EAAC,MAAMF,cAAc,CAACoB,UAAU,CAACR,KAAK,CAACS,OAAO,CAAC,CAAC;;EAExD;EACA,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,gBAAgB,GAAGX,KAAK,CAACW,gBAAgB;IAC/C,OAAOA,gBAAgB,GACnB,IAAAC,4CAAqB,EAACD,gBAAgB,EAAEtB,WAAW,CAAC,GACpDkB,SAAS;EACf,CAAC,EAAE,CAACP,KAAK,EAAEX,WAAW,CAAC,CAAC;EAExB,OAAOW,KAAK;AACd","ignoreList":[]}
+{"version":3,"names":["_react","require","_bexCore","_react2","_useLayoutSwitchCollection","_SchemaState","_schemaCollectionOptions","_sourceMutations","_syncSourcePermissions","_usePlatformizedSource","useLayoutSwitchCollection","source","options","container","useWixPatternsContainer","fieldsProvider","sourceState","useState","holder","SourceState","attachesItself","load","SchemaState","table","grid","spreadsheet","rest","state","useOpenLayoutSwitchCollection","Object","assign","schemaCollectionConfig","mutations","sourceMutations","undefined","setOnTable","toolbar","useEffect","spreadsheetState","syncSourcePermissions"],"sources":["../../../src/schema/useLayoutSwitchCollection.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { SourceState } from '@wix/bex-core';\nimport type {\n  FiltersMap,\n  OptionalFiltersMap,\n  SchemaSource,\n} from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport type {\n  LayoutSwitchState,\n  TableLayoutConfig,\n  GridLayoutConfig,\n  SpreadsheetLayoutConfig,\n} from '../state/LayoutSwitchState';\nimport type { FieldsSourceProvider } from '../components/fieldsSourceProvider';\nimport { useLayoutSwitchCollection as useOpenLayoutSwitchCollection } from '../hooks/useLayoutSwitchCollection';\nimport { SchemaState } from '../components/SchemaSource/SchemaState';\nimport {\n  schemaCollectionConfig,\n  type SchemaCollectionOptions,\n} from './schemaCollectionOptions';\nimport { sourceMutations } from './sourceMutations';\nimport { syncSourcePermissions } from './syncSourcePermissions';\nimport { attachesItself } from './usePlatformizedSource';\n\nexport type SchemaLayoutSwitchCollectionOptions<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n> = SchemaCollectionOptions<T, F> & {\n  table?: TableLayoutConfig;\n  grid?: GridLayoutConfig;\n  // No `permissions` either: row-action permissions are source-driven\n  // (schema.itemPermissions + backend capabilities), not consumer-supplied.\n  spreadsheet?: Omit<\n    SpreadsheetLayoutConfig<T, F>,\n    'createOptimisticActions' | 'mutations' | 'permissions'\n  >;\n};\n\n/** One collection and one toolbar driven by a source, shared by every enabled\n *  layout — the source attaches before any layout mounts, so a page opening\n *  in grid view has its fields and filters too. */\nexport function useLayoutSwitchCollection<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n>(\n  source: SchemaSource<T>,\n  options?: SchemaLayoutSwitchCollectionOptions<T, F>,\n): LayoutSwitchState<T, F> {\n  const container = useWixPatternsContainer();\n  const [{ fieldsProvider, sourceState }] = useState<{\n    fieldsProvider: FieldsSourceProvider;\n    sourceState: SourceState<T>;\n  }>(() => {\n    const holder = new SourceState<T>({ container, source });\n    if (attachesItself(source)) {\n      // The schema attach path loads it otherwise; the derived row mutations\n      // read the loaded backend.\n      void holder.load();\n      return { fieldsProvider: source, sourceState: holder };\n    }\n    return {\n      fieldsProvider: new SchemaState<T>({ sourceState: holder }),\n      sourceState: holder,\n    };\n  });\n\n  const { table, grid, spreadsheet, ...rest } =\n    options ?? ({} as SchemaLayoutSwitchCollectionOptions<T, F>);\n\n  const state = useOpenLayoutSwitchCollection<T, F>(\n    Object.assign(schemaCollectionConfig<T, F>(source, rest), {\n      table,\n      grid,\n      spreadsheet: spreadsheet\n        ? { ...spreadsheet, mutations: sourceMutations(sourceState) }\n        : undefined,\n    }),\n  );\n\n  useState(() => fieldsProvider.setOnTable(state.toolbar));\n\n  // Keep the spreadsheet view's row actions gated on the source's permissions.\n  useEffect(() => {\n    const spreadsheetState = state.spreadsheetState;\n    return spreadsheetState\n      ? syncSourcePermissions(spreadsheetState, sourceState)\n      : undefined;\n  }, [state, sourceState]);\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAMA,IAAAE,OAAA,GAAAF,OAAA;AAQA,IAAAG,0BAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,wBAAA,GAAAL,OAAA;AAIA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,sBAAA,GAAAP,OAAA;AACA,IAAAQ,sBAAA,GAAAR,OAAA;AAgBA;AACA;AACA;AACO,SAASS,yBAAyBA,CAIvCC,MAAuB,EACvBC,OAAmD,EAC1B;EACzB,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAM,CAAC;IAAEC,cAAc;IAAEC;EAAY,CAAC,CAAC,GAAG,IAAAC,eAAQ,EAG/C,MAAM;IACP,MAAMC,MAAM,GAAG,IAAIC,oBAAW,CAAI;MAAEN,SAAS;MAAEF;IAAO,CAAC,CAAC;IACxD,IAAI,IAAAS,qCAAc,EAACT,MAAM,CAAC,EAAE;MAC1B;MACA;MACA,KAAKO,MAAM,CAACG,IAAI,CAAC,CAAC;MAClB,OAAO;QAAEN,cAAc,EAAEJ,MAAM;QAAEK,WAAW,EAAEE;MAAO,CAAC;IACxD;IACA,OAAO;MACLH,cAAc,EAAE,IAAIO,wBAAW,CAAI;QAAEN,WAAW,EAAEE;MAAO,CAAC,CAAC;MAC3DF,WAAW,EAAEE;IACf,CAAC;EACH,CAAC,CAAC;EAEF,MAAM;IAAEK,KAAK;IAAEC,IAAI;IAAEC,WAAW;IAAE,GAAGC;EAAK,CAAC,GACzCd,OAAO,IAAK,CAAC,CAA+C;EAE9D,MAAMe,KAAK,GAAG,IAAAC,oDAA6B,EACzCC,MAAM,CAACC,MAAM,CAAC,IAAAC,+CAAsB,EAAOpB,MAAM,EAAEe,IAAI,CAAC,EAAE;IACxDH,KAAK;IACLC,IAAI;IACJC,WAAW,EAAEA,WAAW,GACpB;MAAE,GAAGA,WAAW;MAAEO,SAAS,EAAE,IAAAC,gCAAe,EAACjB,WAAW;IAAE,CAAC,GAC3DkB;EACN,CAAC,CACH,CAAC;EAED,IAAAjB,eAAQ,EAAC,MAAMF,cAAc,CAACoB,UAAU,CAACR,KAAK,CAACS,OAAO,CAAC,CAAC;;EAExD;EACA,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,gBAAgB,GAAGX,KAAK,CAACW,gBAAgB;IAC/C,OAAOA,gBAAgB,GACnB,IAAAC,4CAAqB,EAACD,gBAAgB,EAAEtB,WAAW,CAAC,GACpDkB,SAAS;EACf,CAAC,EAAE,CAACP,KAAK,EAAEX,WAAW,CAAC,CAAC;EAExB,OAAOW,KAAK;AACd","ignoreList":[]}

package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionPageHeader1098151800";
+var _namespace_ = "CollectionPageHeader3390935773";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "CollectionPageHeader1098151800__root"
+  "root": "CollectionPageHeader3390935773__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};