@wix/patterns 1.230.0 → 1.232.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Grid","_","_mobxReactLite","_TableGridSwitchButton","_InitialLoader","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableGridSwitch","props","state","dragAndDrop","gridState","tableState","toolbar","tableGridSwitchButton","createElement","TableGridSwitchButton","viewTypeState","__self","__source","fileName","lineNumber","columnNumber","useEffect","init","initTask","status","isLoading","isIdle","Fragment","InitialLoader","dataHook","viewType","Grid","_extends2","grid","Table","sticky","table","TableGridSwitch","exports","observer"],"sources":["../../../../src/components/TableGridSwitch/TableGridSwitch.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Grid, GridBasePropsWithoutPreset } from '../Grid';\nimport { Table, TableProps } from '..';\nimport { observer } from 'mobx-react-lite';\nimport type { TableGridSwitchState } from '../../state/TableGridSwitchState';\nimport { TableGridSwitchButton } from '../TableGridSwitchButton';\nimport { GridPresetProps } from '../Grid/Grid.types';\nimport type { TableGridSwitchDragAndDrop } from './TableGridSwitchDragAndDrop';\nimport { InitialLoader } from '../InitialLoader';\n\nexport interface TableGridSwitchBaseProps<T, F extends FiltersMap>\n  extends Omit<\n      GridBasePropsWithoutPreset<T, F>,\n      'state' | 'dragAndDrop' | 'tableGridSwitchButton' | 'sticky'\n    >,\n    Omit<\n      TableProps<T, F>,\n      'state' | 'dragAndDrop' | 'tableGridSwitchButton' | 'sticky'\n    > {\n  /**\n   * A `TableGridSwitchState` instance created using [useTableGridSwitch](./?path=/story/base-components-collections-tablegridswitch-usetablegridswitchcollection--usetablegridswitchcollection).\n   */\n  state: TableGridSwitchState<T, F>;\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * For more information, see the [Drag and Drop Overview](./?path=/story/features-sort-drag-and-drop--overview).\n   * @overrideType [TableGridSwitchDragAndDrop](./?path=/story/features-sort-drag-and-drop--tablegridswitchdraganddrop)\n   * @external\n   */\n  dragAndDrop?: typeof TableGridSwitchDragAndDrop;\n}\n\nexport type TableGridSwitchProps<T, F extends FiltersMap> = GridPresetProps<\n  T,\n  TableGridSwitchBaseProps<T, F>\n>;\n\nexport function _TableGridSwitch<T, F extends FiltersMap = FiltersMap>(\n  props: TableGridSwitchProps<T, F>,\n) {\n  const { state, dragAndDrop } = props;\n  const { gridState, tableState, toolbar } = state;\n\n  const tableGridSwitchButton = (\n    <TableGridSwitchButton state={state.viewTypeState} />\n  );\n\n  useEffect(() => state.init(), []);\n\n  const {\n    initTask: { status },\n  } = state;\n\n  const isLoading = status.isIdle || status.isLoading;\n\n  return (\n    <>\n      {isLoading ? (\n        <InitialLoader dataHook=\"initial-loader\" state={toolbar} />\n      ) : state.viewType === 'grid' ? (\n        <Grid\n          {...props}\n          tableGridSwitchButton={tableGridSwitchButton}\n          state={gridState}\n          dragAndDrop={dragAndDrop?.grid}\n        />\n      ) : (\n        <Table\n          {...props}\n          sticky\n          tableGridSwitchButton={tableGridSwitchButton}\n          state={tableState}\n          dragAndDrop={dragAndDrop?.table}\n        />\n      )}\n    </>\n  );\n}\n\nexport const TableGridSwitch = observer(_TableGridSwitch);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Grid","_","_mobxReactLite","_TableGridSwitchButton","_InitialLoader","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableGridSwitch","props","state","dragAndDrop","sections","restProps","gridState","tableState","toolbar","tableGridSwitchButton","createElement","TableGridSwitchButton","viewTypeState","__self","__source","fileName","lineNumber","columnNumber","useEffect","init","initTask","status","isLoading","isIdle","gridSections","GridSections","renderSection","undefined","tableSections","TableSections","Fragment","InitialLoader","dataHook","viewType","Grid","_extends2","grid","Table","sticky","table","TableGridSwitch","exports","observer"],"sources":["../../../../src/components/TableGridSwitch/TableGridSwitch.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Grid, GridBasePropsWithoutPreset } from '../Grid';\nimport { Table, TableProps } from '..';\nimport { observer } from 'mobx-react-lite';\nimport type { TableGridSwitchState } from '../../state/TableGridSwitchState';\nimport { TableGridSwitchButton } from '../TableGridSwitchButton';\nimport { GridPresetProps } from '../Grid/Grid.types';\nimport type { TableGridSwitchDragAndDrop } from './TableGridSwitchDragAndDrop';\nimport { InitialLoader } from '../InitialLoader';\nimport { GridSectionsContent } from '../GridSections/GridSectionsContent';\nimport type { Section } from '../CollectionSectionHeader';\nimport { TableSections } from '../TableSections';\n\nexport interface TableGridSwitchBaseProps<T, F extends FiltersMap>\n  extends Omit<\n      GridBasePropsWithoutPreset<T, F>,\n      'state' | 'dragAndDrop' | 'tableGridSwitchButton' | 'sticky' | 'sections'\n    >,\n    Omit<\n      TableProps<T, F>,\n      'state' | 'dragAndDrop' | 'tableGridSwitchButton' | 'sticky' | 'sections'\n    > {\n  /**\n   * A `TableGridSwitchState` instance created using [useTableGridSwitch](./?path=/story/base-components-collections-tablegridswitch-usetablegridswitchcollection--usetablegridswitchcollection).\n   */\n  state: TableGridSwitchState<T, F>;\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * For more information, see the [Drag and Drop Overview](./?path=/story/features-sort-drag-and-drop--overview).\n   * @overrideType [TableGridSwitchDragAndDrop](./?path=/story/features-sort-drag-and-drop--tablegridswitchdraganddrop)\n   * @external\n   */\n  dragAndDrop?: typeof TableGridSwitchDragAndDrop;\n  /**\n   * Configuration for rendering sections. When provided, the component will render with section headers\n   * that group related rows together for both Grid and Table views.\n   * @external\n   */\n  sections?: {\n    GridSections: typeof GridSectionsContent;\n    TableSections: typeof TableSections;\n    renderSection: (item: T) => Section;\n  };\n}\n\nexport type TableGridSwitchProps<T, F extends FiltersMap> = GridPresetProps<\n  T,\n  TableGridSwitchBaseProps<T, F>\n>;\n\nexport function _TableGridSwitch<T, F extends FiltersMap = FiltersMap>(\n  props: TableGridSwitchProps<T, F>,\n) {\n  const { state, dragAndDrop, sections, ...restProps } = props;\n  const { gridState, tableState, toolbar } = state;\n\n  const tableGridSwitchButton = (\n    <TableGridSwitchButton state={state.viewTypeState} />\n  );\n\n  useEffect(() => state.init(), []);\n\n  const {\n    initTask: { status },\n  } = state;\n\n  const isLoading = status.isIdle || status.isLoading;\n\n  const gridSections = sections\n    ? {\n        GridSections: sections.GridSections,\n        renderSection: sections.renderSection,\n      }\n    : undefined;\n\n  const tableSections = sections\n    ? {\n        TableSections: sections.TableSections,\n        renderSection: sections.renderSection,\n      }\n    : undefined;\n\n  return (\n    <>\n      {isLoading ? (\n        <InitialLoader dataHook=\"initial-loader\" state={toolbar} />\n      ) : state.viewType === 'grid' ? (\n        <Grid\n          {...restProps}\n          tableGridSwitchButton={tableGridSwitchButton}\n          state={gridState}\n          dragAndDrop={dragAndDrop?.grid}\n          sections={gridSections}\n        />\n      ) : (\n        <Table\n          {...restProps}\n          sticky\n          tableGridSwitchButton={tableGridSwitchButton}\n          state={tableState}\n          dragAndDrop={dragAndDrop?.table}\n          sections={tableSections}\n        />\n      )}\n    </>\n  );\n}\n\nexport const TableGridSwitch = observer(_TableGridSwitch);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TableSections/TableSectionRow.js

@@ -0,0 +1,105 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TableSectionRow = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _CollectionSectionHeader = require("../CollectionSectionHeader");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/TableSections/TableSectionRow.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const TableSectionRow = exports.TableSectionRow = /*#__PURE__*/(0, _react.forwardRef)(({
+  state,
+  RegularTrElement,
+  rowData,
+  ...props
+}, ref) => {
+  const {
+    children,
+    className,
+    style
+  } = props;
+  const isSectionRow = state.isSectionRow(rowData);
+  const regularTrElementProps = {
+    ...props,
+    rowData,
+    className: className || '',
+    children: children || []
+  };
+  if (state.isInvisibleRow(rowData)) {
+    return /*#__PURE__*/_react.default.createElement("tr", (0, _extends2.default)({}, props, {
+      ref: ref,
+      className: className,
+      style: {
+        ...style,
+        visibility: 'collapse'
+      },
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 37,
+        columnNumber: 7
+      }
+    }));
+  }
+  if (isSectionRow && Array.isArray(children) && children.length > 0) {
+    const section = state.renderSection(rowData.item);
+    if (!section) {
+      return /*#__PURE__*/_react.default.createElement(RegularTrElement, (0, _extends2.default)({}, regularTrElementProps, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 53,
+          columnNumber: 14
+        }
+      }));
+    }
+    return /*#__PURE__*/_react.default.createElement("tr", (0, _extends2.default)({}, props, {
+      ref: ref,
+      className: className,
+      style: {
+        ...style,
+        position: 'relative'
+      },
+      "data-hook": "table-section-header-row",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 57,
+        columnNumber: 7
+      }
+    }), /*#__PURE__*/_react.default.createElement("th", {
+      colSpan: children.length,
+      scope: "rowgroup",
+      style: {
+        padding: '0px'
+      },
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 67,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_CollectionSectionHeader.CollectionSectionHeader, {
+      section: section,
+      biComponentType: "TableSections",
+      skin: "neutral",
+      dataHook: "table-section-header",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 72,
+        columnNumber: 11
+      }
+    })));
+  }
+  return /*#__PURE__*/_react.default.createElement(RegularTrElement, (0, _extends2.default)({}, regularTrElementProps, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 83,
+      columnNumber: 10
+    }
+  }));
+});
+//# sourceMappingURL=TableSectionRow.js.map

package/dist/cjs/components/TableSections/TableSectionRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_CollectionSectionHeader","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TableSectionRow","exports","forwardRef","state","RegularTrElement","rowData","props","ref","children","className","style","isSectionRow","regularTrElementProps","isInvisibleRow","createElement","_extends2","visibility","__self","__source","fileName","lineNumber","columnNumber","Array","isArray","length","section","renderSection","item","position","colSpan","scope","padding","CollectionSectionHeader","biComponentType","skin","dataHook"],"sources":["../../../../src/components/TableSections/TableSectionRow.tsx"],"sourcesContent":["import React, {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  ReactElement,\n  forwardRef,\n} from 'react';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { TableSectionsState } from './TableSectionsState';\nimport { CollectionSectionHeader } from '../CollectionSectionHeader';\n\nexport interface TableSectionRowProps<T, F extends FiltersMap>\n  extends HTMLAttributes<HTMLTableRowElement> {\n  rowData: KeyedItem<T>;\n  state: TableSectionsState<T, F>;\n  RegularTrElement: ForwardRefExoticComponent<{\n    children: ReactElement[];\n    rowData: { id: string };\n    className: string;\n  }>;\n}\n\nexport const TableSectionRow = forwardRef<\n  HTMLTableRowElement,\n  TableSectionRowProps<any, any>\n>(({ state, RegularTrElement, rowData, ...props }, ref) => {\n  const { children, className, style } = props;\n  const isSectionRow = state.isSectionRow(rowData);\n  const regularTrElementProps = {\n    ...props,\n    rowData,\n    className: className || '',\n    children: (children as ReactElement[]) || [],\n  };\n\n  if (state.isInvisibleRow(rowData)) {\n    return (\n      <tr\n        {...props}\n        ref={ref}\n        className={className}\n        style={{\n          ...style,\n          visibility: 'collapse',\n        }}\n      />\n    );\n  }\n\n  if (isSectionRow && Array.isArray(children) && children.length > 0) {\n    const section = state.renderSection(rowData.item);\n\n    if (!section) {\n      return <RegularTrElement {...regularTrElementProps} />;\n    }\n\n    return (\n      <tr\n        {...props}\n        ref={ref}\n        className={className}\n        style={{\n          ...style,\n          position: 'relative',\n        }}\n        data-hook=\"table-section-header-row\"\n      >\n        <th\n          colSpan={children.length}\n          scope=\"rowgroup\"\n          style={{ padding: '0px' }}\n        >\n          <CollectionSectionHeader\n            section={section}\n            biComponentType=\"TableSections\"\n            skin=\"neutral\"\n            dataHook=\"table-section-header\"\n          />\n        </th>\n      </tr>\n    );\n  }\n\n  return <RegularTrElement {...regularTrElementProps} />;\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TableSections/TableSections.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TableSections = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _CollectionTable = require("../CollectionTable");
+var _useTableSectionRow = require("./useTableSectionRow");
+var _TableSectionsState = require("./TableSectionsState");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/TableSections/TableSections.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const _TableSections = ({
+  renderSection,
+  table,
+  columns,
+  ...collectionTableProps
+}) => {
+  const [state] = (0, _react.useState)(() => new _TableSectionsState.TableSectionsState(table, renderSection));
+  const columnsWithSections = (0, _react.useMemo)(() => columns.map(column => ({
+    ...column,
+    render: (item, rowNum) => {
+      const keyedItem = state.sectionsKeyedItems[rowNum];
+      if (keyedItem && state.isSectionRow(keyedItem)) {
+        return null;
+      }
+      return column.render(item, rowNum);
+    }
+  })), [columns]);
+  const TableSectionsTrElement = (0, _useTableSectionRow.useTableSectionRow)(state);
+  return /*#__PURE__*/_react.default.createElement(_CollectionTable.CollectionTable, (0, _extends2.default)({}, collectionTableProps, {
+    state: state.table,
+    columns: columnsWithSections,
+    keyedItems: state.sectionsKeyedItems,
+    TrElementType: TableSectionsTrElement,
+    isRowDisabled: keyedItem => {
+      return state.isSectionRow(keyedItem);
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 43,
+      columnNumber: 5
+    }
+  }));
+};
+const TableSections = exports.TableSections = (0, _mobxReactLite.observer)(_TableSections);
+//# sourceMappingURL=TableSections.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CollectionTable","_useTableSectionRow","_TableSectionsState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableSections","renderSection","table","columns","collectionTableProps","state","useState","TableSectionsState","columnsWithSections","useMemo","map","column","render","item","rowNum","keyedItem","sectionsKeyedItems","isSectionRow","TableSectionsTrElement","useTableSectionRow","createElement","CollectionTable","_extends2","keyedItems","TrElementType","isRowDisabled","__self","__source","fileName","lineNumber","columnNumber","TableSections","exports","observer"],"sources":["../../../../src/components/TableSections/TableSections.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionTable, CollectionTableBaseProps } from '../CollectionTable';\nimport { useTableSectionRow } from './useTableSectionRow';\nimport { TableState } from '../../state';\nimport { RenderSection } from '../CollectionSectionHeader';\nimport { TableSectionsState } from './TableSectionsState';\n\nexport interface TableSectionsProps<T, F extends FiltersMap>\n  extends CollectionTableBaseProps<T, F> {\n  renderSection: RenderSection<T>;\n  table: TableState<T, F>;\n}\n\nconst _TableSections = <T, F extends FiltersMap>({\n  renderSection,\n  table,\n  columns,\n  ...collectionTableProps\n}: TableSectionsProps<T, F>) => {\n  const [state] = useState(() => new TableSectionsState(table, renderSection));\n\n  const columnsWithSections = useMemo(\n    () =>\n      columns.map((column) => ({\n        ...column,\n        render: (item: T, rowNum: number) => {\n          const keyedItem = state.sectionsKeyedItems[rowNum];\n          if (keyedItem && state.isSectionRow(keyedItem)) {\n            return null;\n          }\n\n          return column.render(item, rowNum);\n        },\n      })),\n    [columns],\n  );\n\n  const TableSectionsTrElement = useTableSectionRow(state);\n\n  return (\n    <CollectionTable\n      {...collectionTableProps}\n      state={state.table}\n      columns={columnsWithSections}\n      keyedItems={state.sectionsKeyedItems}\n      TrElementType={TableSectionsTrElement}\n      isRowDisabled={(keyedItem) => {\n        return state.isSectionRow(keyedItem);\n      }}\n    />\n  );\n};\n\nexport const TableSections = observer(_TableSections);\n\nexport type TableSectionsProp<T> = {\n  TableSections: typeof TableSections;\n  renderSection: RenderSection<T>;\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TableSections/TableSectionsState.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TableSectionsState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+const SECTION_PREFIX = '$$$wix-patterns-sections$$$-';
+const INVISIBLE_ROW_ID = `${SECTION_PREFIX}invisible`;
+class TableSectionsState {
+  constructor(table, renderSection) {
+    (0, _defineProperty2.default)(this, "table", void 0);
+    (0, _defineProperty2.default)(this, "renderSection", void 0);
+    this.table = table;
+    this.renderSection = renderSection;
+    (0, _mobx.makeObservable)(this, {
+      sectionsKeyedItems: _mobx.computed
+    });
+  }
+  generateSectionId(firstItemId) {
+    return `${SECTION_PREFIX}${firstItemId}`;
+  }
+  get sectionsKeyedItems() {
+    const result = [];
+    let currentSection = null;
+
+    // For design purposes, we add an invisible row to the beginning of the table,
+    // so the width of the columns won't be affected by the section headers.
+    if (this.table.keyedItems.length > 0) {
+      result.push({
+        id: INVISIBLE_ROW_ID,
+        key: INVISIBLE_ROW_ID,
+        item: this.table.keyedItems[0].item,
+        index: result.length,
+        pageIndex: 0,
+        indexWithinPage: result.length
+      });
+    }
+    this.table.keyedItems.forEach(keyedItem => {
+      var _currentSection;
+      const section = this.renderSection(keyedItem.item);
+      if (section.id !== ((_currentSection = currentSection) == null ? void 0 : _currentSection.id)) {
+        const sectionId = this.generateSectionId(keyedItem.id);
+        const sectionKeyedItem = {
+          id: sectionId,
+          key: sectionId,
+          item: keyedItem.item,
+          index: result.length,
+          pageIndex: 0,
+          indexWithinPage: result.length
+        };
+        result.push(sectionKeyedItem);
+        currentSection = section;
+      }
+      result.push(keyedItem);
+    });
+    return result;
+  }
+  isSectionRow(keyedItem) {
+    return keyedItem.id.startsWith(SECTION_PREFIX);
+  }
+  isInvisibleRow(keyedItem) {
+    return keyedItem.id === INVISIBLE_ROW_ID;
+  }
+}
+exports.TableSectionsState = TableSectionsState;
+//# sourceMappingURL=TableSectionsState.js.map

package/dist/cjs/components/TableSections/TableSectionsState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","SECTION_PREFIX","INVISIBLE_ROW_ID","TableSectionsState","constructor","table","renderSection","_defineProperty2","default","makeObservable","sectionsKeyedItems","computed","generateSectionId","firstItemId","result","currentSection","keyedItems","length","push","id","key","item","index","pageIndex","indexWithinPage","forEach","keyedItem","_currentSection","section","sectionId","sectionKeyedItem","isSectionRow","startsWith","isInvisibleRow","exports"],"sources":["../../../../src/components/TableSections/TableSectionsState.ts"],"sourcesContent":["import { computed, makeObservable } from 'mobx';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { TableState } from '../../state';\nimport { RenderSection, Section } from '../CollectionSectionHeader';\n\nconst SECTION_PREFIX = '$$$wix-patterns-sections$$$-';\nconst INVISIBLE_ROW_ID = `${SECTION_PREFIX}invisible`;\n\nexport class TableSectionsState<T, F extends FiltersMap> {\n  table: TableState<T, F>;\n  renderSection: RenderSection<T>;\n\n  constructor(table: TableState<T, F>, renderSection: RenderSection<T>) {\n    this.table = table;\n    this.renderSection = renderSection;\n    makeObservable(this, {\n      sectionsKeyedItems: computed,\n    });\n  }\n\n  private generateSectionId(firstItemId: string): string {\n    return `${SECTION_PREFIX}${firstItemId}`;\n  }\n\n  get sectionsKeyedItems(): KeyedItem<T>[] {\n    const result: KeyedItem<T>[] = [];\n    let currentSection: Section | null = null;\n\n    // For design purposes, we add an invisible row to the beginning of the table,\n    // so the width of the columns won't be affected by the section headers.\n    if (this.table.keyedItems.length > 0) {\n      result.push({\n        id: INVISIBLE_ROW_ID,\n        key: INVISIBLE_ROW_ID,\n        item: this.table.keyedItems[0].item,\n        index: result.length,\n        pageIndex: 0,\n        indexWithinPage: result.length,\n      });\n    }\n\n    this.table.keyedItems.forEach((keyedItem) => {\n      const section = this.renderSection(keyedItem.item);\n\n      if (section.id !== currentSection?.id) {\n        const sectionId = this.generateSectionId(keyedItem.id);\n\n        const sectionKeyedItem: KeyedItem<T> = {\n          id: sectionId,\n          key: sectionId,\n          item: keyedItem.item,\n          index: result.length,\n          pageIndex: 0,\n          indexWithinPage: result.length,\n        };\n\n        result.push(sectionKeyedItem);\n        currentSection = section;\n      }\n\n      result.push(keyedItem);\n    });\n\n    return result;\n  }\n\n  isSectionRow(keyedItem: KeyedItem<T>): boolean {\n    return keyedItem.id.startsWith(SECTION_PREFIX);\n  }\n\n  isInvisibleRow(keyedItem: KeyedItem<T>): boolean {\n    return keyedItem.id === INVISIBLE_ROW_ID;\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAKA,MAAMC,cAAc,GAAG,8BAA8B;AACrD,MAAMC,gBAAgB,GAAG,GAAGD,cAAc,WAAW;AAE9C,MAAME,kBAAkB,CAA0B;EAIvDC,WAAWA,CAACC,KAAuB,EAAEC,aAA+B,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IACpE,IAAI,CAACH,KAAK,GAAGA,KAAK;IAClB,IAAI,CAACC,aAAa,GAAGA,aAAa;IAClC,IAAAG,oBAAc,EAAC,IAAI,EAAE;MACnBC,kBAAkB,EAAEC;IACtB,CAAC,CAAC;EACJ;EAEQC,iBAAiBA,CAACC,WAAmB,EAAU;IACrD,OAAO,GAAGZ,cAAc,GAAGY,WAAW,EAAE;EAC1C;EAEA,IAAIH,kBAAkBA,CAAA,EAAmB;IACvC,MAAMI,MAAsB,GAAG,EAAE;IACjC,IAAIC,cAA8B,GAAG,IAAI;;IAEzC;IACA;IACA,IAAI,IAAI,CAACV,KAAK,CAACW,UAAU,CAACC,MAAM,GAAG,CAAC,EAAE;MACpCH,MAAM,CAACI,IAAI,CAAC;QACVC,EAAE,EAAEjB,gBAAgB;QACpBkB,GAAG,EAAElB,gBAAgB;QACrBmB,IAAI,EAAE,IAAI,CAAChB,KAAK,CAACW,UAAU,CAAC,CAAC,CAAC,CAACK,IAAI;QACnCC,KAAK,EAAER,MAAM,CAACG,MAAM;QACpBM,SAAS,EAAE,CAAC;QACZC,eAAe,EAAEV,MAAM,CAACG;MAC1B,CAAC,CAAC;IACJ;IAEA,IAAI,CAACZ,KAAK,CAACW,UAAU,CAACS,OAAO,CAAEC,SAAS,IAAK;MAAA,IAAAC,eAAA;MAC3C,MAAMC,OAAO,GAAG,IAAI,CAACtB,aAAa,CAACoB,SAAS,CAACL,IAAI,CAAC;MAElD,IAAIO,OAAO,CAACT,EAAE,OAAAQ,eAAA,GAAKZ,cAAc,qBAAdY,eAAA,CAAgBR,EAAE,GAAE;QACrC,MAAMU,SAAS,GAAG,IAAI,CAACjB,iBAAiB,CAACc,SAAS,CAACP,EAAE,CAAC;QAEtD,MAAMW,gBAA8B,GAAG;UACrCX,EAAE,EAAEU,SAAS;UACbT,GAAG,EAAES,SAAS;UACdR,IAAI,EAAEK,SAAS,CAACL,IAAI;UACpBC,KAAK,EAAER,MAAM,CAACG,MAAM;UACpBM,SAAS,EAAE,CAAC;UACZC,eAAe,EAAEV,MAAM,CAACG;QAC1B,CAAC;QAEDH,MAAM,CAACI,IAAI,CAACY,gBAAgB,CAAC;QAC7Bf,cAAc,GAAGa,OAAO;MAC1B;MAEAd,MAAM,CAACI,IAAI,CAACQ,SAAS,CAAC;IACxB,CAAC,CAAC;IAEF,OAAOZ,MAAM;EACf;EAEAiB,YAAYA,CAACL,SAAuB,EAAW;IAC7C,OAAOA,SAAS,CAACP,EAAE,CAACa,UAAU,CAAC/B,cAAc,CAAC;EAChD;EAEAgC,cAAcA,CAACP,SAAuB,EAAW;IAC/C,OAAOA,SAAS,CAACP,EAAE,KAAKjB,gBAAgB;EAC1C;AACF;AAACgC,OAAA,CAAA/B,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/dist/cjs/components/TableSections/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+exports.__esModule = true;
+exports.TableSectionsProps = exports.TableSectionsProp = exports.TableSections = void 0;
+var _TableSections = require("./TableSections");
+exports.TableSections = _TableSections.TableSections;
+exports.TableSectionsProps = _TableSections.TableSectionsProps;
+exports.TableSectionsProp = _TableSections.TableSectionsProp;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/TableSections/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_TableSections","require","exports","TableSections","TableSectionsProps","TableSectionsProp"],"sources":["../../../../src/components/TableSections/index.ts"],"sourcesContent":["export {\n  TableSections,\n  TableSectionsProps,\n  TableSectionsProp,\n} from './TableSections';\n"],"mappings":";;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAIyBC,OAAA,CAAAC,aAAA,GAAAH,cAAA,CAAAG,aAAA;AAAAD,OAAA,CAAAE,kBAAA,GAAAJ,cAAA,CAAAI,kBAAA;AAAAF,OAAA,CAAAG,iBAAA,GAAAL,cAAA,CAAAK,iBAAA","ignoreList":[]}

package/dist/cjs/components/TableSections/useTableSectionRow.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.useTableSectionRow = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _TableSectionRow = require("./TableSectionRow");
+var _useTableBaseRow = require("../Table/useTableBaseRow");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/TableSections/useTableSectionRow.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const useTableSectionRow = state => {
+  const RegularTrElement = (0, _useTableBaseRow.useTableBaseRow)(state.table);
+  const [CustomSectionsTR] = (0, _react.useState)(/*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/_react.default.createElement(_TableSectionRow.TableSectionRow, (0, _extends2.default)({}, props, {
+    ref: ref,
+    state: state,
+    RegularTrElement: RegularTrElement,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 25,
+      columnNumber: 7
+    }
+  }))));
+  return CustomSectionsTR;
+};
+exports.useTableSectionRow = useTableSectionRow;
+//# sourceMappingURL=useTableSectionRow.js.map

package/dist/cjs/components/TableSections/useTableSectionRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_TableSectionRow","_useTableBaseRow","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useTableSectionRow","state","RegularTrElement","useTableBaseRow","table","CustomSectionsTR","useState","forwardRef","props","ref","createElement","TableSectionRow","_extends2","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../src/components/TableSections/useTableSectionRow.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  ReactElement,\n  JSXElementConstructor,\n  useState,\n} from 'react';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { TableSectionRow } from './TableSectionRow';\nimport { TableSectionsState } from './TableSectionsState';\nimport { useTableBaseRow } from '../Table/useTableBaseRow';\n\nexport const useTableSectionRow = <T, F extends FiltersMap>(\n  state: TableSectionsState<T, F>,\n) => {\n  const RegularTrElement = useTableBaseRow(state.table);\n\n  const [CustomSectionsTR] = useState<\n    React.ForwardRefExoticComponent<{\n      children: ReactElement<any, string | JSXElementConstructor<any>>[];\n      rowData: KeyedItem<T>;\n      className: string;\n    }>\n  >(\n    forwardRef((props, ref) => (\n      <TableSectionRow\n        {...props}\n        ref={ref as React.RefObject<HTMLTableRowElement>}\n        state={state}\n        RegularTrElement={RegularTrElement}\n      />\n    )),\n  );\n\n  return CustomSectionsTR;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOA,IAAAC,gBAAA,GAAAD,OAAA;AAEA,IAAAE,gBAAA,GAAAF,OAAA;AAA2D,IAAAG,YAAA;AAAA,SAAAJ,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEpD,MAAMkB,kBAAkB,GAC7BC,KAA+B,IAC5B;EACH,MAAMC,gBAAgB,GAAG,IAAAC,gCAAe,EAACF,KAAK,CAACG,KAAK,CAAC;EAErD,MAAM,CAACC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,eAOjC,IAAAC,iBAAU,EAAC,CAACC,KAAK,EAAEC,GAAG,kBACpBlC,MAAA,CAAAgB,OAAA,CAAAmB,aAAA,CAAChC,gBAAA,CAAAiC,eAAe,MAAAC,SAAA,CAAArB,OAAA,MACViB,KAAK;IACTC,GAAG,EAAEA,GAA4C;IACjDR,KAAK,EAAEA,KAAM;IACbC,gBAAgB,EAAEA,gBAAiB;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,EACpC,CACF,CACH,CAAC;EAED,OAAOZ,gBAAgB;AACzB,CAAC;AAACa,OAAA,CAAAlB,kBAAA,GAAAA,kBAAA","ignoreList":[]}

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_ = "TabsFilter2152734751";
+var _namespace_ = "TabsFilter516386815";
 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": "TabsFilter2152734751__root",
-  "title": "TabsFilter2152734751__title"
+  "root": "TabsFilter516386815__root",
+  "title": "TabsFilter516386815__title"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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_ = \"TabsFilter2152734751\";\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\":\"TabsFilter2152734751__root\",\"title\":\"TabsFilter2152734751__title\"};\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,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,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/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter516386815\";\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\":\"TabsFilter516386815__root\",\"title\":\"TabsFilter516386815__title\"};\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,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,CAAC,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_ = "ManageTagsModal14300602";
+var _namespace_ = "ManageTagsModal4204903436";
 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": "ManageTagsModal14300602__root"
+  "root": "ManageTagsModal4204903436__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_ = \"ManageTagsModal14300602\";\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\":\"ManageTagsModal14300602__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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_ = \"ManageTagsModal4204903436\";\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\":\"ManageTagsModal4204903436__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/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_ = "ToolbarItem3294093375";
+var _namespace_ = "ToolbarItem2434905212";
 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": "ToolbarItem3294093375__root"
+  "root": "ToolbarItem2434905212__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_ = \"ToolbarItem3294093375\";\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\":\"ToolbarItem3294093375__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":[]}
+{"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_ = \"ToolbarItem2434905212\";\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\":\"ToolbarItem2434905212__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_ = "ToolbarItemBox2768305720";
+var _namespace_ = "ToolbarItemBox1476196712";
 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": "ToolbarItemBox2768305720__root"
+  "root": "ToolbarItemBox1476196712__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_ = \"ToolbarItemBox2768305720\";\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\":\"ToolbarItemBox2768305720__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_ = \"ToolbarItemBox1476196712\";\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\":\"ToolbarItemBox1476196712__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_ = "common2212590693";
+var _namespace_ = "common3742643744";
 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": "common2212590693__root",
-  "column": "common2212590693__column",
-  "fullHeight": "common2212590693__fullHeight"
+  "root": "common3742643744__root",
+  "column": "common3742643744__column",
+  "fullHeight": "common3742643744__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_ = \"common2212590693\";\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\":\"common2212590693__root\",\"column\":\"common2212590693__column\",\"fullHeight\":\"common2212590693__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_ = \"common3742643744\";\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\":\"common3742643744__root\",\"column\":\"common3742643744__column\",\"fullHeight\":\"common3742643744__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/hooks/useCollectionOptions.js

@@ -6,7 +6,7 @@ var _designSystem = require("@wix/design-system");
 var _ = require(".");
 function useCollectionOptions({
   collection,
-  dropdownSelect,
+  dropdownCollectionFilterState,
   renderItem,
   filter
 }) {
@@ -25,20 +25,25 @@ function useCollectionOptions({
       }
     }
   } = collection;
-  const {
-    finalFilterKeyedItems,
-    finalFilterKeyedItemsMap
-  } = dropdownSelect;
-  const finalOptions = finalFilterKeyedItems.length ? finalFilterKeyedItems.map(buildOption) : [];
-  const divider = finalFilterKeyedItems.length && finalFilterKeyedItems.length !== keyedItems.length ? [(0, _designSystem.listItemSectionBuilder)({
+
+  // Original behavior: promote when not searching
+  const shouldPromote = isEmptySearch;
+
+  // Always use the snapshot from onOptionsShow to maintain consistent session behavior
+  // This prevents items from jumping during the session, even if snapshot is empty
+  const itemsToPromote = dropdownCollectionFilterState.promotedItems;
+  const promotedItems = shouldPromote ? keyedItems.filter(item => itemsToPromote.includes(item.key)) : [];
+  const finalOptions = promotedItems.length ? promotedItems.map(buildOption) : [];
+  const divider = shouldPromote && promotedItems.length && promotedItems.length !== keyedItems.length ? [(0, _designSystem.listItemSectionBuilder)({
     id: 'promoted-section-divider',
     type: 'divider'
   })] : [];
   const promotedOptions = [...finalOptions, ...divider];
-  const otherOptions = (isEmptySearch ? keyedItems.filter(({
+  const promotedItemKeys = new Set(itemsToPromote);
+  const otherOptions = (shouldPromote ? keyedItems.filter(({
     key
-  }) => !finalFilterKeyedItemsMap.has(key)) : keyedItems).map(buildOption);
-  const options = [...(isEmptySearch ? promotedOptions : []), ...otherOptions];
+  }) => !promotedItemKeys.has(key)) : keyedItems).map(buildOption);
+  const options = [...(shouldPromote ? promotedOptions : []), ...otherOptions];
   return {
     options
   };

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_","useCollectionOptions","collection","dropdownSelect","renderItem","filter","buildOption","useBuildOption","checkbox","result","keyedItems","query","search","isEmpty","isEmptySearch","finalFilterKeyedItems","finalFilterKeyedItemsMap","finalOptions","length","map","divider","listItemSectionBuilder","id","type","promotedOptions","otherOptions","key","has","options"],"sources":["../../../src/hooks/useCollectionOptions.tsx"],"sourcesContent":["import { listItemSectionBuilder } from '@wix/design-system';\nimport { FiltersMap, CollectionState, ArrayField } from '@wix/bex-core';\nimport { ListItem, useBuildOption } from '.';\nimport { DropdownSelectState } from '../state';\nimport {\n  KeyedItemOption,\n  MultiSelectCheckboxFilterBaseOption,\n} from '../components/MultiSelectCheckboxFilterBase';\n\ninterface UseCollectionOptionsProps<V, F extends FiltersMap> {\n  collection: CollectionState<V, F>;\n  dropdownSelect: DropdownSelectState<V>;\n  renderItem?: (item: V, index: number) => ListItem;\n  filter: ArrayField<V>;\n}\n\nexport function useCollectionOptions<V, F extends FiltersMap>({\n  collection,\n  dropdownSelect,\n  renderItem,\n  filter,\n}: UseCollectionOptionsProps<V, F>) {\n  const buildOption = useBuildOption<V>({\n    filter,\n    renderItem,\n    checkbox: true,\n  });\n\n  const {\n    result: { keyedItems },\n    query: {\n      search: { isEmpty: isEmptySearch },\n    },\n  } = collection;\n\n  const { finalFilterKeyedItems, finalFilterKeyedItemsMap } = dropdownSelect;\n\n  const finalOptions = finalFilterKeyedItems.length\n    ? finalFilterKeyedItems.map(buildOption)\n    : [];\n\n  const divider =\n    finalFilterKeyedItems.length &&\n    finalFilterKeyedItems.length !== keyedItems.length\n      ? [\n          listItemSectionBuilder({\n            id: 'promoted-section-divider',\n            type: 'divider',\n          }),\n        ]\n      : [];\n\n  const promotedOptions: MultiSelectCheckboxFilterBaseOption<V>[] = [\n    ...finalOptions,\n    ...divider,\n  ];\n\n  const otherOptions: KeyedItemOption<V>[] = (\n    isEmptySearch\n      ? keyedItems.filter(({ key }) => !finalFilterKeyedItemsMap.has(key))\n      : keyedItems\n  ).map(buildOption);\n\n  const options = [...(isEmptySearch ? promotedOptions : []), ...otherOptions];\n\n  return {\n    options,\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAEA,IAAAC,CAAA,GAAAD,OAAA;AAcO,SAASE,oBAAoBA,CAA0B;EAC5DC,UAAU;EACVC,cAAc;EACdC,UAAU;EACVC;AAC+B,CAAC,EAAE;EAClC,MAAMC,WAAW,GAAG,IAAAC,gBAAc,EAAI;IACpCF,MAAM;IACND,UAAU;IACVI,QAAQ,EAAE;EACZ,CAAC,CAAC;EAEF,MAAM;IACJC,MAAM,EAAE;MAAEC;IAAW,CAAC;IACtBC,KAAK,EAAE;MACLC,MAAM,EAAE;QAAEC,OAAO,EAAEC;MAAc;IACnC;EACF,CAAC,GAAGZ,UAAU;EAEd,MAAM;IAAEa,qBAAqB;IAAEC;EAAyB,CAAC,GAAGb,cAAc;EAE1E,MAAMc,YAAY,GAAGF,qBAAqB,CAACG,MAAM,GAC7CH,qBAAqB,CAACI,GAAG,CAACb,WAAW,CAAC,GACtC,EAAE;EAEN,MAAMc,OAAO,GACXL,qBAAqB,CAACG,MAAM,IAC5BH,qBAAqB,CAACG,MAAM,KAAKR,UAAU,CAACQ,MAAM,GAC9C,CACE,IAAAG,oCAAsB,EAAC;IACrBC,EAAE,EAAE,0BAA0B;IAC9BC,IAAI,EAAE;EACR,CAAC,CAAC,CACH,GACD,EAAE;EAER,MAAMC,eAAyD,GAAG,CAChE,GAAGP,YAAY,EACf,GAAGG,OAAO,CACX;EAED,MAAMK,YAAkC,GAAG,CACzCX,aAAa,GACTJ,UAAU,CAACL,MAAM,CAAC,CAAC;IAAEqB;EAAI,CAAC,KAAK,CAACV,wBAAwB,CAACW,GAAG,CAACD,GAAG,CAAC,CAAC,GAClEhB,UAAU,EACdS,GAAG,CAACb,WAAW,CAAC;EAElB,MAAMsB,OAAO,GAAG,CAAC,IAAId,aAAa,GAAGU,eAAe,GAAG,EAAE,CAAC,EAAE,GAAGC,YAAY,CAAC;EAE5E,OAAO;IACLG;EACF,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_","useCollectionOptions","collection","dropdownCollectionFilterState","renderItem","filter","buildOption","useBuildOption","checkbox","result","keyedItems","query","search","isEmpty","isEmptySearch","shouldPromote","itemsToPromote","promotedItems","item","includes","key","finalOptions","length","map","divider","listItemSectionBuilder","id","type","promotedOptions","promotedItemKeys","Set","otherOptions","has","options"],"sources":["../../../src/hooks/useCollectionOptions.tsx"],"sourcesContent":["import { listItemSectionBuilder } from '@wix/design-system';\nimport { FiltersMap, CollectionState, ArrayField } from '@wix/bex-core';\nimport { ListItem, useBuildOption } from '.';\nimport { DropdownCollectionFilterState } from '../state';\nimport {\n  KeyedItemOption,\n  MultiSelectCheckboxFilterBaseOption,\n} from '../components/MultiSelectCheckboxFilterBase';\n\ninterface UseCollectionOptionsProps<V, F extends FiltersMap> {\n  collection: CollectionState<V, F>;\n  dropdownCollectionFilterState: DropdownCollectionFilterState<V, F>;\n  renderItem?: (item: V, index: number) => ListItem;\n  filter: ArrayField<V>;\n}\n\nexport function useCollectionOptions<V, F extends FiltersMap>({\n  collection,\n  dropdownCollectionFilterState,\n  renderItem,\n  filter,\n}: UseCollectionOptionsProps<V, F>) {\n  const buildOption = useBuildOption<V>({\n    filter,\n    renderItem,\n    checkbox: true,\n  });\n\n  const {\n    result: { keyedItems },\n    query: {\n      search: { isEmpty: isEmptySearch },\n    },\n  } = collection;\n\n  // Original behavior: promote when not searching\n  const shouldPromote = isEmptySearch;\n  \n  // Always use the snapshot from onOptionsShow to maintain consistent session behavior\n  // This prevents items from jumping during the session, even if snapshot is empty\n  const itemsToPromote = dropdownCollectionFilterState.promotedItems;\n\n  const promotedItems = shouldPromote \n    ? keyedItems.filter(item => itemsToPromote.includes(item.key))\n    : [];\n\n  const finalOptions = promotedItems.length\n    ? promotedItems.map(buildOption)\n    : [];\n\n  const divider =\n    shouldPromote && \n    promotedItems.length &&\n    promotedItems.length !== keyedItems.length\n      ? [\n          listItemSectionBuilder({\n            id: 'promoted-section-divider',\n            type: 'divider',\n          }),\n        ]\n      : [];\n\n  const promotedOptions: MultiSelectCheckboxFilterBaseOption<V>[] = [\n    ...finalOptions,\n    ...divider,\n  ];\n\n  const promotedItemKeys = new Set(itemsToPromote);\n\n  const otherOptions: KeyedItemOption<V>[] = (\n    shouldPromote\n      ? keyedItems.filter(({ key }) => !promotedItemKeys.has(key))\n      : keyedItems\n  ).map(buildOption);\n\n  const options = [...(shouldPromote ? promotedOptions : []), ...otherOptions];\n\n  return {\n    options,\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAEA,IAAAC,CAAA,GAAAD,OAAA;AAcO,SAASE,oBAAoBA,CAA0B;EAC5DC,UAAU;EACVC,6BAA6B;EAC7BC,UAAU;EACVC;AAC+B,CAAC,EAAE;EAClC,MAAMC,WAAW,GAAG,IAAAC,gBAAc,EAAI;IACpCF,MAAM;IACND,UAAU;IACVI,QAAQ,EAAE;EACZ,CAAC,CAAC;EAEF,MAAM;IACJC,MAAM,EAAE;MAAEC;IAAW,CAAC;IACtBC,KAAK,EAAE;MACLC,MAAM,EAAE;QAAEC,OAAO,EAAEC;MAAc;IACnC;EACF,CAAC,GAAGZ,UAAU;;EAEd;EACA,MAAMa,aAAa,GAAGD,aAAa;;EAEnC;EACA;EACA,MAAME,cAAc,GAAGb,6BAA6B,CAACc,aAAa;EAElE,MAAMA,aAAa,GAAGF,aAAa,GAC/BL,UAAU,CAACL,MAAM,CAACa,IAAI,IAAIF,cAAc,CAACG,QAAQ,CAACD,IAAI,CAACE,GAAG,CAAC,CAAC,GAC5D,EAAE;EAEN,MAAMC,YAAY,GAAGJ,aAAa,CAACK,MAAM,GACrCL,aAAa,CAACM,GAAG,CAACjB,WAAW,CAAC,GAC9B,EAAE;EAEN,MAAMkB,OAAO,GACXT,aAAa,IACbE,aAAa,CAACK,MAAM,IACpBL,aAAa,CAACK,MAAM,KAAKZ,UAAU,CAACY,MAAM,GACtC,CACE,IAAAG,oCAAsB,EAAC;IACrBC,EAAE,EAAE,0BAA0B;IAC9BC,IAAI,EAAE;EACR,CAAC,CAAC,CACH,GACD,EAAE;EAER,MAAMC,eAAyD,GAAG,CAChE,GAAGP,YAAY,EACf,GAAGG,OAAO,CACX;EAED,MAAMK,gBAAgB,GAAG,IAAIC,GAAG,CAACd,cAAc,CAAC;EAEhD,MAAMe,YAAkC,GAAG,CACzChB,aAAa,GACTL,UAAU,CAACL,MAAM,CAAC,CAAC;IAAEe;EAAI,CAAC,KAAK,CAACS,gBAAgB,CAACG,GAAG,CAACZ,GAAG,CAAC,CAAC,GAC1DV,UAAU,EACda,GAAG,CAACjB,WAAW,CAAC;EAElB,MAAM2B,OAAO,GAAG,CAAC,IAAIlB,aAAa,GAAGa,eAAe,GAAG,EAAE,CAAC,EAAE,GAAGG,YAAY,CAAC;EAE5E,OAAO;IACLE;EACF,CAAC;AACH","ignoreList":[]}