@wix/patterns 1.62.0 → 1.64.0

package/dist/cjs/components/Collapse/Collapse.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_ = "Collapse4051275564";
+var _namespace_ = "Collapse766531764";
 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": "Collapse4051275564__root",
-  "exit": "Collapse4051275564__exit"
+  "root": "Collapse766531764__root",
+  "exit": "Collapse766531764__exit"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Collapse/Collapse.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/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse4051275564\";\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\":\"Collapse4051275564__root\",\"exit\":\"Collapse4051275564__exit\"};\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,oBAAoB;AACtC,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,0BAA0B;EAAC,MAAM,EAAC;AAA0B,CAAC;AACnF,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/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse766531764\";\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\":\"Collapse766531764__root\",\"exit\":\"Collapse766531764__exit\"};\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,mBAAmB;AACrC,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,yBAAyB;EAAC,MAAM,EAAC;AAAyB,CAAC;AACjF,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/CollectionTable/CollectionTableWSRTable.js

@@ -64,7 +64,7 @@ function _CollectionTableWSRTable(props) {
   } = table;
   const {
     result: {
-      hasAvailableItems
+      size
     }
   } = toolbarCollection;
   const {
@@ -85,7 +85,7 @@ function _CollectionTableWSRTable(props) {
   const Table = _designSystem.Table;
   const showSelection = showSelectionProp ?? selectionToolbar != null;
   const tableSkeletonEnabled = (_toolbar$container$in = toolbar.container.internalExperiments) == null ? void 0 : _toolbar$container$in.enabled('specs.cairo.TableSkeletonLoader');
-  const hideTitleBar = !hasAvailableItems || table.showLoadingState || initTask.status.isError;
+  const hideTitleBar = !size || table.showLoadingState || initTask.status.isError;
   const showBorderBox = !(tableSkeletonEnabled && table.showLoadingState) && (hideTitleBar || !showTitleBar);
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-hook": "collection-table",

package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_bi","_CollectionContext","_CollectionToolbars","_BorderOnlyBox","_commonStCss","_react2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CollectionTableWSRTable","props","_toolbar$container$in","state","filters","title","tabs","customColumns","customColumnsProp","multiLevelSorting","multiLevelSortingProp","views","extraToolbar","summaryBar","selectionToolbar","dragAndDropReorderModeToolbar","showSelection","showSelectionProp","exportButton","tags","sticky","onRowClick","search","children","tableGridSwitchButton","useShowLoaderWhenEmpty","dragAndDrop","showTitleBar","horizontalScroll","stickyColumns","stickySelectionColumn","hideBulkSelectionCheckbox","columns","primaryActionButton","onSelectionChanged","toolbar","tableState","table","keyedItems","bulk","collection","toolbarCollection","initTask","result","hasAvailableItems","showRefreshLoader","showErrorState","showEmptyState","stackingRootRef","usePageContext","handleRowCLick","useCallback","item","index","reportBi","cairoCtaClicked","ctaName","ctaIndex","Table","WSRTable","tableSkeletonEnabled","container","internalExperiments","enabled","hideTitleBar","showLoadingState","status","isError","showBorderBox","createElement","className","st","classes","fullHeight","column","__self","__source","fileName","lineNumber","columnNumber","_extends2","withWrapper","data","viewportRef","undefined","showHeaderWhenEmpty","rowDataHook","rowData","key","controlled","getStickyColumnsCount","selectedIds","onSelectionStarted","_selectedIds","_change","CollectionToolbars","titleBar","Fragment","BorderOnlyBox","style","display","Titlebar","CollectionProvider","value","Box","width","direction","minHeight","flex","verticalAlign","CollectionTableWSRTable","exports","observer"],"sources":["../../../../src/components/CollectionTable/CollectionTableWSRTable.tsx"],"sourcesContent":["import {\n  Box,\n  Table as WSRTable,\n  TableColumn as WSRTableColumn,\n  TableProps,\n} from '@wix/design-system';\nimport React, {\n  ComponentType,\n  ForwardRefExoticComponent,\n  ReactElement,\n  useCallback,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { cairoCtaClicked } from '@wix/bex-core/bi';\nimport { CollectionProvider } from '../CollectionContext';\nimport { TableState, ToolbarCollectionState } from '../../state';\nimport { CollectionToolbars } from '../CollectionToolbars';\nimport { BorderOnlyBox } from '../BorderOnlyBox';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { CollectionTableContentBaseProps } from './CollectionTableContent';\nimport { classes, st } from '../common.st.css.js';\nimport { usePageContext } from '@wix/bex-core/react';\n\nexport interface CollectionTableWSRTableBaseProps<U, T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F>,\n    CollectionTableContentBaseProps,\n    Omit<\n      TableProps<KeyedItem<U>>,\n      | 'columns'\n      | 'data'\n      | 'rowDataHook'\n      | 'onRowClick'\n      | 'onDragEnd'\n      | 'onDragStart'\n      | 'onDragCancel'\n      | 'isDragAndDropDisabled'\n      | 'hideBulkSelectionCheckbox'\n    > {\n  useShowLoaderWhenEmpty?: boolean;\n  useNewInfiniteScrollLoader?: boolean;\n\n  /**\n   * Whether to add a sticky column. <br>\n   * Sticky columns allow you to display specific columns at all times while the visitor scrolls the table horizontally.\n   * @external\n   */\n  stickySelectionColumn?: boolean;\n\n  /**\n   * Limits the amount of rows a visitor can select.\n   * @external\n   */\n  maxSelection?: number;\n\n  /**\n   * Hides bulk selection checkbox in the table titlebar, If the [`MultiBulkActionToolbar`](./?path=/story/features-actions-bulk-actions--multibulkactiontoolbar) feature is enabled, this flag will have no effect.\n   * @external\n   */\n  hideBulkSelectionCheckbox?: boolean;\n\n  BodyElementType?: ComponentType<{ children: ReactElement[] }>;\n\n  TrElementType?: ForwardRefExoticComponent<{\n    children: ReactElement[];\n    rowData: any;\n    className: string;\n  }>;\n}\n\nexport interface CollectionTableWSRTableProps<U, T, F extends FiltersMap>\n  extends CollectionTableWSRTableBaseProps<U, T, F> {\n  state: {\n    tableState: TableState<T, F>;\n    toolbar: ToolbarCollectionState<T, F>;\n    keyedItems: KeyedItem<U>[];\n  };\n\n  sticky: boolean;\n\n  columns: WSRTableColumn<KeyedItem<U>>[];\n  onRowClick?: (item: KeyedItem<U>, index: number) => void;\n}\n\nfunction _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(\n  props: CollectionTableWSRTableProps<U, T, F>,\n) {\n  const {\n    state,\n    filters,\n    title,\n    tabs,\n    customColumns: customColumnsProp,\n    multiLevelSorting: multiLevelSortingProp,\n    views,\n    extraToolbar,\n    summaryBar,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    showSelection: showSelectionProp,\n    exportButton,\n    tags,\n    sticky,\n    onRowClick,\n    search,\n    children,\n    tableGridSwitchButton,\n    useShowLoaderWhenEmpty,\n    dragAndDrop,\n    showTitleBar,\n    horizontalScroll,\n    stickyColumns,\n    stickySelectionColumn,\n    hideBulkSelectionCheckbox,\n    columns,\n    primaryActionButton,\n    onSelectionChanged,\n  } = props;\n\n  const { toolbar, tableState: table, keyedItems } = state;\n  const { bulk, collection: toolbarCollection, initTask } = toolbar;\n  const { collection } = table;\n  const {\n    result: { hasAvailableItems },\n  } = toolbarCollection;\n  const { showRefreshLoader, showErrorState, showEmptyState } = collection;\n\n  const { stackingRootRef } = usePageContext();\n\n  const handleRowCLick = useCallback(\n    (item: KeyedItem<U>, index: number) => {\n      state.toolbar.reportBi(\n        cairoCtaClicked({ ctaName: 'row_area', ctaIndex: index }),\n      );\n      onRowClick?.(item, index);\n    },\n    [onRowClick],\n  );\n\n  const Table = WSRTable as ComponentType<TableProps<KeyedItem<U>>>;\n\n  const showSelection = showSelectionProp ?? selectionToolbar != null;\n\n  const tableSkeletonEnabled = toolbar.container.internalExperiments?.enabled(\n    'specs.cairo.TableSkeletonLoader',\n  );\n\n  const hideTitleBar =\n    !hasAvailableItems || table.showLoadingState || initTask.status.isError;\n\n  const showBorderBox =\n    !(tableSkeletonEnabled && table.showLoadingState) &&\n    (hideTitleBar || !showTitleBar);\n\n  return (\n    <div\n      data-hook=\"collection-table\"\n      className={st(classes.fullHeight, classes.column)}\n    >\n      <Table\n        {...props}\n        withWrapper={false}\n        data={keyedItems}\n        viewportRef={stackingRootRef}\n        columns={columns}\n        onRowClick={onRowClick ? handleRowCLick : undefined}\n        // this forces WSR <Table/> to render the loader even when `data.length=0`\n        showHeaderWhenEmpty={\n          useShowLoaderWhenEmpty &&\n          !showRefreshLoader &&\n          !showErrorState &&\n          !showEmptyState\n        }\n        hideBulkSelectionCheckbox={\n          selectionToolbar ? false : hideBulkSelectionCheckbox\n        }\n        dragAndDrop={dragAndDrop}\n        rowDataHook={(rowData) => `table-row-${rowData.key}`}\n        controlled\n        horizontalScroll={horizontalScroll}\n        stickyColumns={table.getStickyColumnsCount({\n          horizontalScroll,\n          stickyColumns,\n          showSelection,\n          stickySelectionColumn,\n        })}\n        showSelection={showSelection}\n        selectedIds={bulk.selectedIds}\n        onSelectionStarted={state.toolbar.onSelectionStarted}\n        onSelectionChanged={\n          onSelectionChanged ??\n          ((_selectedIds, _change) => {\n            state.toolbar.onSelectionChanged(_selectedIds, _change);\n          })\n        }\n      >\n        <CollectionToolbars\n          sticky={sticky}\n          state={toolbar}\n          search={search}\n          customColumns={customColumnsProp}\n          multiLevelSorting={multiLevelSortingProp}\n          views={views}\n          title={title}\n          tabs={tabs}\n          filters={filters}\n          selectionToolbar={selectionToolbar}\n          dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n          extraToolbar={extraToolbar}\n          summaryBar={summaryBar}\n          titleBar={\n            <>\n              {showBorderBox && <BorderOnlyBox />}\n              {!hideTitleBar && (\n                <div\n                  data-hook=\"titlebar-a11y-wrapper\"\n                  style={{ display: showTitleBar ? undefined : 'none' }}\n                >\n                  <WSRTable.Titlebar />\n                </div>\n              )}\n            </>\n          }\n          tableGridSwitchButton={tableGridSwitchButton}\n          exportButton={exportButton}\n          tags={tags}\n          primaryActionButton={primaryActionButton}\n        />\n        <CollectionProvider value={collection}>\n          <Box\n            width=\"100%\"\n            direction=\"vertical\"\n            minHeight={0}\n            flex={1}\n            verticalAlign=\"middle\"\n          >\n            {children}\n          </Box>\n        </CollectionProvider>\n      </Table>\n    </div>\n  );\n}\n\nexport const CollectionTableWSRTable = observer(_CollectionTableWSRTable);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_bi","_CollectionContext","_CollectionToolbars","_BorderOnlyBox","_commonStCss","_react2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CollectionTableWSRTable","props","_toolbar$container$in","state","filters","title","tabs","customColumns","customColumnsProp","multiLevelSorting","multiLevelSortingProp","views","extraToolbar","summaryBar","selectionToolbar","dragAndDropReorderModeToolbar","showSelection","showSelectionProp","exportButton","tags","sticky","onRowClick","search","children","tableGridSwitchButton","useShowLoaderWhenEmpty","dragAndDrop","showTitleBar","horizontalScroll","stickyColumns","stickySelectionColumn","hideBulkSelectionCheckbox","columns","primaryActionButton","onSelectionChanged","toolbar","tableState","table","keyedItems","bulk","collection","toolbarCollection","initTask","result","size","showRefreshLoader","showErrorState","showEmptyState","stackingRootRef","usePageContext","handleRowCLick","useCallback","item","index","reportBi","cairoCtaClicked","ctaName","ctaIndex","Table","WSRTable","tableSkeletonEnabled","container","internalExperiments","enabled","hideTitleBar","showLoadingState","status","isError","showBorderBox","createElement","className","st","classes","fullHeight","column","__self","__source","fileName","lineNumber","columnNumber","_extends2","withWrapper","data","viewportRef","undefined","showHeaderWhenEmpty","rowDataHook","rowData","key","controlled","getStickyColumnsCount","selectedIds","onSelectionStarted","_selectedIds","_change","CollectionToolbars","titleBar","Fragment","BorderOnlyBox","style","display","Titlebar","CollectionProvider","value","Box","width","direction","minHeight","flex","verticalAlign","CollectionTableWSRTable","exports","observer"],"sources":["../../../../src/components/CollectionTable/CollectionTableWSRTable.tsx"],"sourcesContent":["import {\n  Box,\n  Table as WSRTable,\n  TableColumn as WSRTableColumn,\n  TableProps,\n} from '@wix/design-system';\nimport React, {\n  ComponentType,\n  ForwardRefExoticComponent,\n  ReactElement,\n  useCallback,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { cairoCtaClicked } from '@wix/bex-core/bi';\nimport { CollectionProvider } from '../CollectionContext';\nimport { TableState, ToolbarCollectionState } from '../../state';\nimport { CollectionToolbars } from '../CollectionToolbars';\nimport { BorderOnlyBox } from '../BorderOnlyBox';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { CollectionTableContentBaseProps } from './CollectionTableContent';\nimport { classes, st } from '../common.st.css.js';\nimport { usePageContext } from '@wix/bex-core/react';\n\nexport interface CollectionTableWSRTableBaseProps<U, T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F>,\n    CollectionTableContentBaseProps,\n    Omit<\n      TableProps<KeyedItem<U>>,\n      | 'columns'\n      | 'data'\n      | 'rowDataHook'\n      | 'onRowClick'\n      | 'onDragEnd'\n      | 'onDragStart'\n      | 'onDragCancel'\n      | 'isDragAndDropDisabled'\n      | 'hideBulkSelectionCheckbox'\n    > {\n  useShowLoaderWhenEmpty?: boolean;\n  useNewInfiniteScrollLoader?: boolean;\n\n  /**\n   * Whether to add a sticky column. <br>\n   * Sticky columns allow you to display specific columns at all times while the visitor scrolls the table horizontally.\n   * @external\n   */\n  stickySelectionColumn?: boolean;\n\n  /**\n   * Limits the amount of rows a visitor can select.\n   * @external\n   */\n  maxSelection?: number;\n\n  /**\n   * Hides bulk selection checkbox in the table titlebar, If the [`MultiBulkActionToolbar`](./?path=/story/features-actions-bulk-actions--multibulkactiontoolbar) feature is enabled, this flag will have no effect.\n   * @external\n   */\n  hideBulkSelectionCheckbox?: boolean;\n\n  BodyElementType?: ComponentType<{ children: ReactElement[] }>;\n\n  TrElementType?: ForwardRefExoticComponent<{\n    children: ReactElement[];\n    rowData: any;\n    className: string;\n  }>;\n}\n\nexport interface CollectionTableWSRTableProps<U, T, F extends FiltersMap>\n  extends CollectionTableWSRTableBaseProps<U, T, F> {\n  state: {\n    tableState: TableState<T, F>;\n    toolbar: ToolbarCollectionState<T, F>;\n    keyedItems: KeyedItem<U>[];\n  };\n\n  sticky: boolean;\n\n  columns: WSRTableColumn<KeyedItem<U>>[];\n  onRowClick?: (item: KeyedItem<U>, index: number) => void;\n}\n\nfunction _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(\n  props: CollectionTableWSRTableProps<U, T, F>,\n) {\n  const {\n    state,\n    filters,\n    title,\n    tabs,\n    customColumns: customColumnsProp,\n    multiLevelSorting: multiLevelSortingProp,\n    views,\n    extraToolbar,\n    summaryBar,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    showSelection: showSelectionProp,\n    exportButton,\n    tags,\n    sticky,\n    onRowClick,\n    search,\n    children,\n    tableGridSwitchButton,\n    useShowLoaderWhenEmpty,\n    dragAndDrop,\n    showTitleBar,\n    horizontalScroll,\n    stickyColumns,\n    stickySelectionColumn,\n    hideBulkSelectionCheckbox,\n    columns,\n    primaryActionButton,\n    onSelectionChanged,\n  } = props;\n\n  const { toolbar, tableState: table, keyedItems } = state;\n  const { bulk, collection: toolbarCollection, initTask } = toolbar;\n  const { collection } = table;\n  const {\n    result: { size },\n  } = toolbarCollection;\n  const { showRefreshLoader, showErrorState, showEmptyState } = collection;\n\n  const { stackingRootRef } = usePageContext();\n\n  const handleRowCLick = useCallback(\n    (item: KeyedItem<U>, index: number) => {\n      state.toolbar.reportBi(\n        cairoCtaClicked({ ctaName: 'row_area', ctaIndex: index }),\n      );\n      onRowClick?.(item, index);\n    },\n    [onRowClick],\n  );\n\n  const Table = WSRTable as ComponentType<TableProps<KeyedItem<U>>>;\n\n  const showSelection = showSelectionProp ?? selectionToolbar != null;\n\n  const tableSkeletonEnabled = toolbar.container.internalExperiments?.enabled(\n    'specs.cairo.TableSkeletonLoader',\n  );\n\n  const hideTitleBar =\n    !size || table.showLoadingState || initTask.status.isError;\n\n  const showBorderBox =\n    !(tableSkeletonEnabled && table.showLoadingState) &&\n    (hideTitleBar || !showTitleBar);\n\n  return (\n    <div\n      data-hook=\"collection-table\"\n      className={st(classes.fullHeight, classes.column)}\n    >\n      <Table\n        {...props}\n        withWrapper={false}\n        data={keyedItems}\n        viewportRef={stackingRootRef}\n        columns={columns}\n        onRowClick={onRowClick ? handleRowCLick : undefined}\n        // this forces WSR <Table/> to render the loader even when `data.length=0`\n        showHeaderWhenEmpty={\n          useShowLoaderWhenEmpty &&\n          !showRefreshLoader &&\n          !showErrorState &&\n          !showEmptyState\n        }\n        hideBulkSelectionCheckbox={\n          selectionToolbar ? false : hideBulkSelectionCheckbox\n        }\n        dragAndDrop={dragAndDrop}\n        rowDataHook={(rowData) => `table-row-${rowData.key}`}\n        controlled\n        horizontalScroll={horizontalScroll}\n        stickyColumns={table.getStickyColumnsCount({\n          horizontalScroll,\n          stickyColumns,\n          showSelection,\n          stickySelectionColumn,\n        })}\n        showSelection={showSelection}\n        selectedIds={bulk.selectedIds}\n        onSelectionStarted={state.toolbar.onSelectionStarted}\n        onSelectionChanged={\n          onSelectionChanged ??\n          ((_selectedIds, _change) => {\n            state.toolbar.onSelectionChanged(_selectedIds, _change);\n          })\n        }\n      >\n        <CollectionToolbars\n          sticky={sticky}\n          state={toolbar}\n          search={search}\n          customColumns={customColumnsProp}\n          multiLevelSorting={multiLevelSortingProp}\n          views={views}\n          title={title}\n          tabs={tabs}\n          filters={filters}\n          selectionToolbar={selectionToolbar}\n          dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n          extraToolbar={extraToolbar}\n          summaryBar={summaryBar}\n          titleBar={\n            <>\n              {showBorderBox && <BorderOnlyBox />}\n              {!hideTitleBar && (\n                <div\n                  data-hook=\"titlebar-a11y-wrapper\"\n                  style={{ display: showTitleBar ? undefined : 'none' }}\n                >\n                  <WSRTable.Titlebar />\n                </div>\n              )}\n            </>\n          }\n          tableGridSwitchButton={tableGridSwitchButton}\n          exportButton={exportButton}\n          tags={tags}\n          primaryActionButton={primaryActionButton}\n        />\n        <CollectionProvider value={collection}>\n          <Box\n            width=\"100%\"\n            direction=\"vertical\"\n            minHeight={0}\n            flex={1}\n            verticalAlign=\"middle\"\n          >\n            {children}\n          </Box>\n        </CollectionProvider>\n      </Table>\n    </div>\n  );\n}\n\nexport const CollectionTableWSRTable = observer(_CollectionTableWSRTable);\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionToolbar332404450";
+var _namespace_ = "CollectionToolbar4146488322";
 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": "CollectionToolbar332404450__root",
-  "left": "CollectionToolbar332404450__left",
-  "right": "CollectionToolbar332404450__right",
-  "fullWidth": "CollectionToolbar332404450__fullWidth"
+  "root": "CollectionToolbar4146488322__root",
+  "left": "CollectionToolbar4146488322__left",
+  "right": "CollectionToolbar4146488322__right",
+  "fullWidth": "CollectionToolbar4146488322__fullWidth"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/CollectionToolbar.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/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar332404450\";\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\":\"CollectionToolbar332404450__root\",\"left\":\"CollectionToolbar332404450__left\",\"right\":\"CollectionToolbar332404450__right\",\"fullWidth\":\"CollectionToolbar332404450__fullWidth\"};\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,4BAA4B;AAC9C,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,kCAAkC;EAAC,MAAM,EAAC,kCAAkC;EAAC,OAAO,EAAC,mCAAmC;EAAC,WAAW,EAAC;AAAuC,CAAC;AACnM,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/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar4146488322\";\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\":\"CollectionToolbar4146488322__root\",\"left\":\"CollectionToolbar4146488322__left\",\"right\":\"CollectionToolbar4146488322__right\",\"fullWidth\":\"CollectionToolbar4146488322__fullWidth\"};\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,6BAA6B;AAC/C,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,mCAAmC;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,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/CollectionToolbar/SearchOrCustomFilter.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_ = "SearchOrCustomFilter620743018";
+var _namespace_ = "SearchOrCustomFilter3263176028";
 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": "SearchOrCustomFilter620743018__root",
-  "search": "SearchOrCustomFilter620743018__search"
+  "root": "SearchOrCustomFilter3263176028__root",
+  "search": "SearchOrCustomFilter3263176028__search"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.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/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter620743018\";\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\":\"SearchOrCustomFilter620743018__root\",\"search\":\"SearchOrCustomFilter620743018__search\"};\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,+BAA+B;AACjD,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,qCAAqC;EAAC,QAAQ,EAAC;AAAuC,CAAC;AAC7G,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/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter3263176028\";\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\":\"SearchOrCustomFilter3263176028__root\",\"search\":\"SearchOrCustomFilter3263176028__search\"};\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,gCAAgC;AAClD,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,sCAAsC;EAAC,QAAQ,EAAC;AAAwC,CAAC;AAC/G,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/CollectionViewsDropdown/AutoCompleteReadonly.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_ = "AutoCompleteReadonly2945034048";
+var _namespace_ = "AutoCompleteReadonly2388218036";
 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": "AutoCompleteReadonly2945034048__root"
+  "root": "AutoCompleteReadonly2388218036__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.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/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly2945034048\";\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\":\"AutoCompleteReadonly2945034048__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,gCAAgC;AAClD,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;AAAsC,CAAC;AAC7D,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/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly2388218036\";\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\":\"AutoCompleteReadonly2388218036__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,gCAAgC;AAClD,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;AAAsC,CAAC;AAC7D,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/CollectionViewsDropdown/ViewsDropdown.js

@@ -87,12 +87,18 @@ function _ViewsDropdown({
     options: viewsOptions,
     fixedFooter: undefined
   };
+  const {
+    table: {
+      collection: mainCollection
+    }
+  } = state;
+  const shouldShowTotal = showTotal && mainCollection.totalStatus === 'success' || mainCollection.showRefreshLoader;
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     dataHook: dataHook,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 82,
+      lineNumber: 90,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -101,7 +107,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 83,
+      lineNumber: 91,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_AutoCompleteReadonly.AutoCompleteReadonly, (0, _extends2.default)({
@@ -128,26 +134,26 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 106,
+        lineNumber: 114,
         columnNumber: 19
       }
     }),
-    suffix: !showTotal || state.table.collection.showRefreshLoader ? undefined : /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    suffix: shouldShowTotal ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
       className: "total-count",
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 110,
+        lineNumber: 117,
         columnNumber: 15
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Input.Affix, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 111,
+        lineNumber: 118,
         columnNumber: 17
       }
-    }, "(", state.table.collection.result.total, ")")),
+    }, "(", state.table.collection.result.total, ")")) : undefined,
     className: (0, _ViewsDropdownStCss.st)(_ViewsDropdownStCss.classes.root),
     dataHook: "collection-views-dropdown",
     onSelect: option => {
@@ -170,7 +176,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 84,
+      lineNumber: 92,
       columnNumber: 9
     }
   }))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -179,7 +185,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 135,
+      lineNumber: 142,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_ManageViewPopover.ManageViewPopover, {
@@ -188,7 +194,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 136,
+      lineNumber: 143,
       columnNumber: 9
     }
   })), /*#__PURE__*/_react.default.createElement(_ViewsDropdownModals.ViewsDropdownModals, {
@@ -196,7 +202,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 139,
+      lineNumber: 146,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_ViewsDropdownModals","_ViewsDropdownStCss","_ManageViewPopover","_viewsDropdownRenderHelpers","_AutoCompleteReadonly","_ViewsDropdownPrefix","_","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_ViewsDropdown","onSelect","dataHook","state","showTotal","dropdownWidth","dropdownProps","container","useWixPatternsContainer","views","viewsState","currentView","collection","localSearchState","filteredCategoriesWithViews","translate","showLoader","result","status","isIdle","isLoading","viewsOptions","useMemo","viewsWithoutCategory","categories","map","view","buildViewOption","flatMap","category","buildCategoryOption","initTask","options","fixedFooter","createElement","Box","width","align","verticalAlign","padding","__self","__source","fileName","lineNumber","columnNumber","Loader","size","undefined","direction","AutoCompleteReadonly","_extends2","emptyStateMessage","autoCompleteReadonlyState","value","inputValue","onChange","setInputValueAndScheduleSearch","target","clearInput","clearSearch","popoverProps","placement","border","selectedId","id","selectedLabel","getViewName","textOverflow","prefix","ViewsDropdownPrefix","suffix","table","showRefreshLoader","className","Input","Affix","total","st","classes","root","option","events","emit","toString","getView","selectView","placeholder","paddingLeft","ManageViewPopover","origin","ViewsDropdownModals","ViewsDropdown","exports","observer"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  Box,\n  DropdownPropsControlled as DropdownProps,\n  Input,\n  Loader,\n} from '@wix/design-system';\nimport { CollectionViewsState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ViewsDropdownModals } from './ViewsDropdownModals';\nimport { View } from '../../model';\nimport { classes, st } from './ViewsDropdown.st.css.js';\nimport { ManageViewPopover } from './ManageViewPopover';\nimport {\n  buildCategoryOption,\n  buildViewOption,\n  getViewName,\n} from './viewsDropdownRenderHelpers';\nimport { AutoCompleteReadonly } from './AutoCompleteReadonly';\nimport { ViewsDropdownPrefix } from './ViewsDropdownPrefix';\nimport { useWixPatternsContainer } from '../..';\n\nexport type ViewsDropdownProps<T, F extends FiltersMap> = {\n  state: CollectionViewsState<T, F>;\n  onSelect?: (view: View<F>) => void;\n  dataHook: string;\n  showTotal?: boolean;\n} & Omit<DropdownProps, 'onSelect'>;\n\nfunction _ViewsDropdown<T, F extends FiltersMap>({\n  onSelect,\n  dataHook,\n  state,\n  showTotal = true,\n  dropdownWidth = '200px',\n  ...dropdownProps\n}: ViewsDropdownProps<T, F>) {\n  const container = useWixPatternsContainer();\n  const { views: viewsState } = state;\n  const { currentView, collection, localSearchState } = viewsState;\n  const { filteredCategoriesWithViews } = localSearchState;\n  const { translate: t } = collection;\n  const showLoader =\n    collection.result.status.isIdle || collection.result.status.isLoading;\n\n  const viewsOptions = useMemo(() => {\n    const { viewsWithoutCategory, categories } = filteredCategoriesWithViews;\n\n    return [\n      ...viewsWithoutCategory.map((view) =>\n        buildViewOption({ view, viewsState }),\n      ),\n      ...categories.flatMap((category) => [\n        buildCategoryOption({ category, viewsState }),\n        ...category.views.map((view) => buildViewOption({ view, viewsState })),\n      ]),\n    ];\n  }, [filteredCategoriesWithViews, container.initTask.status]);\n\n  const { options, fixedFooter } = showLoader\n    ? {\n        options: [],\n        fixedFooter: (\n          <Box\n            dataHook=\"initial-loader\"\n            width=\"100%\"\n            align=\"center\"\n            verticalAlign=\"middle\"\n            padding=\"SP2\"\n          >\n            <Loader size=\"small\" />\n          </Box>\n        ),\n      }\n    : {\n        options: viewsOptions,\n        fixedFooter: undefined,\n      };\n\n  return (\n    <Box dataHook={dataHook}>\n      <Box width={dropdownWidth} direction=\"vertical\">\n        <AutoCompleteReadonly\n          emptyStateMessage={\n            !showLoader && t('cairo.viewsDropdown.nothingMatches.text')\n          }\n          state={state.views.autoCompleteReadonlyState}\n          value={localSearchState.inputValue}\n          onChange={(e) =>\n            localSearchState.setInputValueAndScheduleSearch(e.target.value)\n          }\n          clearInput={() => localSearchState.clearSearch()}\n          dropdownWidth={dropdownWidth}\n          popoverProps={{ placement: 'bottom-start' }}\n          {...dropdownProps}\n          fixedFooter={fixedFooter}\n          border=\"round\"\n          selectedId={currentView?.id}\n          selectedLabel={\n            currentView\n              ? getViewName({ view: currentView, viewsState })\n              : undefined\n          }\n          textOverflow=\"ellipsis\"\n          prefix={<ViewsDropdownPrefix state={state} />}\n          suffix={\n            !showTotal ||\n            state.table.collection.showRefreshLoader ? undefined : (\n              <Box className=\"total-count\">\n                <Input.Affix>\n                  ({state.table.collection.result.total})\n                </Input.Affix>\n              </Box>\n            )\n          }\n          className={st(classes.root)}\n          dataHook=\"collection-views-dropdown\"\n          onSelect={(option) => {\n            viewsState.events.emit('beforeSelectView');\n            const id = option.id.toString();\n            const view = viewsState.getView(id);\n            if (view) {\n              onSelect?.(view);\n              viewsState.selectView({ id });\n              viewsState.events.emit('afterSelectView', { view });\n            }\n            localSearchState.clearSearch();\n          }}\n          options={options}\n          placeholder={t('cairo.viewDropdown.unsavedView.status')}\n        />\n      </Box>\n\n      <Box verticalAlign=\"middle\" paddingLeft=\"SP2\">\n        <ManageViewPopover origin=\"MainToolbar\" state={state} />\n      </Box>\n\n      <ViewsDropdownModals state={state} />\n    </Box>\n  );\n}\n\nexport const ViewsDropdown = observer(_ViewsDropdown);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_ViewsDropdownModals","_ViewsDropdownStCss","_ManageViewPopover","_viewsDropdownRenderHelpers","_AutoCompleteReadonly","_ViewsDropdownPrefix","_","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_ViewsDropdown","onSelect","dataHook","state","showTotal","dropdownWidth","dropdownProps","container","useWixPatternsContainer","views","viewsState","currentView","collection","localSearchState","filteredCategoriesWithViews","translate","showLoader","result","status","isIdle","isLoading","viewsOptions","useMemo","viewsWithoutCategory","categories","map","view","buildViewOption","flatMap","category","buildCategoryOption","initTask","options","fixedFooter","createElement","Box","width","align","verticalAlign","padding","__self","__source","fileName","lineNumber","columnNumber","Loader","size","undefined","table","mainCollection","shouldShowTotal","totalStatus","showRefreshLoader","direction","AutoCompleteReadonly","_extends2","emptyStateMessage","autoCompleteReadonlyState","value","inputValue","onChange","setInputValueAndScheduleSearch","target","clearInput","clearSearch","popoverProps","placement","border","selectedId","id","selectedLabel","getViewName","textOverflow","prefix","ViewsDropdownPrefix","suffix","className","Input","Affix","total","st","classes","root","option","events","emit","toString","getView","selectView","placeholder","paddingLeft","ManageViewPopover","origin","ViewsDropdownModals","ViewsDropdown","exports","observer"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  Box,\n  DropdownPropsControlled as DropdownProps,\n  Input,\n  Loader,\n} from '@wix/design-system';\nimport { CollectionViewsState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ViewsDropdownModals } from './ViewsDropdownModals';\nimport { View } from '../../model';\nimport { classes, st } from './ViewsDropdown.st.css.js';\nimport { ManageViewPopover } from './ManageViewPopover';\nimport {\n  buildCategoryOption,\n  buildViewOption,\n  getViewName,\n} from './viewsDropdownRenderHelpers';\nimport { AutoCompleteReadonly } from './AutoCompleteReadonly';\nimport { ViewsDropdownPrefix } from './ViewsDropdownPrefix';\nimport { useWixPatternsContainer } from '../..';\n\nexport type ViewsDropdownProps<T, F extends FiltersMap> = {\n  state: CollectionViewsState<T, F>;\n  onSelect?: (view: View<F>) => void;\n  dataHook: string;\n  showTotal?: boolean;\n} & Omit<DropdownProps, 'onSelect'>;\n\nfunction _ViewsDropdown<T, F extends FiltersMap>({\n  onSelect,\n  dataHook,\n  state,\n  showTotal = true,\n  dropdownWidth = '200px',\n  ...dropdownProps\n}: ViewsDropdownProps<T, F>) {\n  const container = useWixPatternsContainer();\n  const { views: viewsState } = state;\n  const { currentView, collection, localSearchState } = viewsState;\n  const { filteredCategoriesWithViews } = localSearchState;\n  const { translate: t } = collection;\n  const showLoader =\n    collection.result.status.isIdle || collection.result.status.isLoading;\n\n  const viewsOptions = useMemo(() => {\n    const { viewsWithoutCategory, categories } = filteredCategoriesWithViews;\n\n    return [\n      ...viewsWithoutCategory.map((view) =>\n        buildViewOption({ view, viewsState }),\n      ),\n      ...categories.flatMap((category) => [\n        buildCategoryOption({ category, viewsState }),\n        ...category.views.map((view) => buildViewOption({ view, viewsState })),\n      ]),\n    ];\n  }, [filteredCategoriesWithViews, container.initTask.status]);\n\n  const { options, fixedFooter } = showLoader\n    ? {\n        options: [],\n        fixedFooter: (\n          <Box\n            dataHook=\"initial-loader\"\n            width=\"100%\"\n            align=\"center\"\n            verticalAlign=\"middle\"\n            padding=\"SP2\"\n          >\n            <Loader size=\"small\" />\n          </Box>\n        ),\n      }\n    : {\n        options: viewsOptions,\n        fixedFooter: undefined,\n      };\n\n  const {\n    table: { collection: mainCollection },\n  } = state;\n\n  const shouldShowTotal =\n    (showTotal && mainCollection.totalStatus === 'success') ||\n    mainCollection.showRefreshLoader;\n\n  return (\n    <Box dataHook={dataHook}>\n      <Box width={dropdownWidth} direction=\"vertical\">\n        <AutoCompleteReadonly\n          emptyStateMessage={\n            !showLoader && t('cairo.viewsDropdown.nothingMatches.text')\n          }\n          state={state.views.autoCompleteReadonlyState}\n          value={localSearchState.inputValue}\n          onChange={(e) =>\n            localSearchState.setInputValueAndScheduleSearch(e.target.value)\n          }\n          clearInput={() => localSearchState.clearSearch()}\n          dropdownWidth={dropdownWidth}\n          popoverProps={{ placement: 'bottom-start' }}\n          {...dropdownProps}\n          fixedFooter={fixedFooter}\n          border=\"round\"\n          selectedId={currentView?.id}\n          selectedLabel={\n            currentView\n              ? getViewName({ view: currentView, viewsState })\n              : undefined\n          }\n          textOverflow=\"ellipsis\"\n          prefix={<ViewsDropdownPrefix state={state} />}\n          suffix={\n            shouldShowTotal ? (\n              <Box className=\"total-count\">\n                <Input.Affix>\n                  ({state.table.collection.result.total})\n                </Input.Affix>\n              </Box>\n            ) : undefined\n          }\n          className={st(classes.root)}\n          dataHook=\"collection-views-dropdown\"\n          onSelect={(option) => {\n            viewsState.events.emit('beforeSelectView');\n            const id = option.id.toString();\n            const view = viewsState.getView(id);\n            if (view) {\n              onSelect?.(view);\n              viewsState.selectView({ id });\n              viewsState.events.emit('afterSelectView', { view });\n            }\n            localSearchState.clearSearch();\n          }}\n          options={options}\n          placeholder={t('cairo.viewDropdown.unsavedView.status')}\n        />\n      </Box>\n\n      <Box verticalAlign=\"middle\" paddingLeft=\"SP2\">\n        <ManageViewPopover origin=\"MainToolbar\" state={state} />\n      </Box>\n\n      <ViewsDropdownModals state={state} />\n    </Box>\n  );\n}\n\nexport const ViewsDropdown = observer(_ViewsDropdown);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.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_ = "ViewsDropdown3562527549";
+var _namespace_ = "ViewsDropdown1740943687";
 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": "ViewsDropdown3562527549__root"
+  "root": "ViewsDropdown1740943687__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.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/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown3562527549\";\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\":\"ViewsDropdown3562527549__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/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown1740943687\";\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\":\"ViewsDropdown1740943687__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":[]}

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsWidget.js

@@ -31,7 +31,7 @@ const CustomFieldsWidgetContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 78,
+      lineNumber: 80,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(CardContent, {
@@ -41,7 +41,7 @@ const CustomFieldsWidgetContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 83,
+      lineNumber: 85,
       columnNumber: 7
     }
   }));
@@ -68,7 +68,7 @@ const _CustomFieldsWidgetBase = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 115,
+      lineNumber: 117,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
@@ -76,7 +76,7 @@ const _CustomFieldsWidgetBase = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 116,
+      lineNumber: 118,
       columnNumber: 7
     }
   }, t('cairo.customFields.entityPage.title')), state.widgetSize !== 'default' ? /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, {
@@ -85,7 +85,7 @@ const _CustomFieldsWidgetBase = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 120,
+      lineNumber: 122,
       columnNumber: 9
     }
   }) : null);
@@ -95,7 +95,7 @@ const _CustomFieldsWidgetBase = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 126,
+      lineNumber: 128,
       columnNumber: 34
     }
   }) : null;
@@ -113,7 +113,7 @@ const _CustomFieldsWidgetBase = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 129,
+      lineNumber: 131,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Card.Header, {
@@ -124,14 +124,14 @@ const _CustomFieldsWidgetBase = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 141,
+      lineNumber: 143,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 147,
+      lineNumber: 149,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Content, {
@@ -139,7 +139,7 @@ const _CustomFieldsWidgetBase = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 148,
+      lineNumber: 150,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(CustomFieldsWidgetContent, {
@@ -148,7 +148,7 @@ const _CustomFieldsWidgetBase = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 149,
+      lineNumber: 151,
       columnNumber: 9
     }
   })));
@@ -157,11 +157,13 @@ const CustomFieldsWidgetBase = exports.CustomFieldsWidgetBase = (0, _mobxReactLi
 const _CustomFieldsWidget = ({
   fqdn,
   fieldName,
+  filterable,
   ...rest
 }) => {
   const customFieldsState = (0, _useCustomFieldsWidget.useCustomFieldsWidget)({
     fieldName,
-    fqdn
+    fqdn,
+    filterable
   });
   const {
     status
@@ -171,7 +173,7 @@ const _CustomFieldsWidget = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 174,
+      lineNumber: 178,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(CustomFieldsWidgetBase, (0, _extends2.default)({
@@ -180,7 +182,7 @@ const _CustomFieldsWidget = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 175,
+      lineNumber: 179,
       columnNumber: 7
     }
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_react2","_mobxReactLite","_CustomFieldsWidgetContext","_useCustomFieldsWidget","_CardContainer","_useWidgetPageStatus","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CustomFieldsWidgetContent","extendedFields","emptyStateOverrides","state","useCustomFieldsWidgetContext","CardContent","useEffect","initContent","createElement","ref","widgetContentRef","setWidgetContentRef","__self","__source","fileName","lineNumber","columnNumber","_CustomFieldsWidgetBase","subtitle","dataHook","hideEmptyState","status","container","useWixPatternsContainer","translate","isLoading","dataExtension","allUserCustomFields","length","headerSubtitle","headerTitle","Box","gap","Heading","appearance","widgetSize","InfoIcon","content","ActionsButton","ActionButtonsComponent","suffix","CardContainer","stretchVertically","errorState","retryText","title","onRetry","retry","Card","Header","Divider","Content","CustomFieldsWidgetBase","exports","observer","_CustomFieldsWidget","fqdn","fieldName","rest","customFieldsState","useCustomFieldsWidget","useWidgetPageStatus","initTask","CustomFieldsWidgetContextProvider","value","_extends2","CustomFieldsWidget"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidget.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Box, Card, Heading, InfoIcon } from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { ExtendedFields } from '@wix/bex-core';\nimport {\n  CustomFieldsWidgetContextProvider,\n  useCustomFieldsWidgetContext,\n} from '../CustomFieldsWidgetContext';\nimport { useCustomFieldsWidget } from '../../hooks/useCustomFieldsWidget';\nimport { CardContainer, CardContainerProps } from '../CardContainer';\nimport { useWidgetPageStatus } from '../useWidgetPageStatus';\n\nexport interface CustomFieldsWidgetProps {\n  /**\n   * The FQDN to be used to extract schema from data-extension service.\n   */\n  fqdn: string;\n\n  /**\n   * Applies a data-hook HTML attribute that can be used in tests\n   */\n  dataHook?: string;\n\n  /**\n   * Custom fields widget subtitle.\n   * */\n  subtitle?: string;\n\n  /**\n   * Existing extended fields values, usually under `myEntity.extendedFields`.\n   */\n  extendedFields?: ExtendedFields;\n\n  hideEmptyState?: boolean;\n\n  /**\n   * The fieldName in the object passed to the `onSave` callback.\n   */\n  fieldName?: string;\n\n  /**\n   * Empty state content overrides\n   */\n  emptyStateOverrides?: {\n    /**\n     * Empty state title.\n     * */\n    title?: string;\n\n    /**\n     * Empty state subtitle.\n     * */\n    subtitle?: string;\n  };\n}\n\nexport interface CustomFieldsWidgetBaseProps\n  extends Omit<CustomFieldsWidgetProps, 'fqdn'> {\n  status: CardContainerProps['status'];\n}\n\nconst CustomFieldsWidgetContent = ({\n  extendedFields,\n  emptyStateOverrides,\n}: {\n  extendedFields: CustomFieldsWidgetBaseProps['extendedFields'];\n  emptyStateOverrides: CustomFieldsWidgetBaseProps['emptyStateOverrides'];\n}) => {\n  const state = useCustomFieldsWidgetContext();\n  const CardContent = state.CustomFieldsWidgetContent!;\n\n  useEffect(() => {\n    return state.initContent();\n  }, []);\n\n  return (\n    <div\n      ref={(widgetContentRef) => {\n        state.setWidgetContentRef(widgetContentRef);\n      }}\n    >\n      <CardContent\n        state={state}\n        extendedFields={extendedFields}\n        emptyStateOverrides={emptyStateOverrides}\n      />\n    </div>\n  );\n};\n\nconst _CustomFieldsWidgetBase = ({\n  subtitle,\n  dataHook,\n  extendedFields,\n  hideEmptyState,\n  emptyStateOverrides = {},\n  status,\n}: CustomFieldsWidgetBaseProps) => {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n\n  const state = useCustomFieldsWidgetContext();\n\n  if (\n    hideEmptyState &&\n    (state.isLoading || state.dataExtension.allUserCustomFields.length === 0)\n  ) {\n    return null;\n  }\n\n  const headerSubtitle =\n    subtitle || t('cairo.customFields.entityPage.subtitle');\n  const headerTitle = (\n    <Box gap=\"SP1\">\n      <Heading appearance=\"H3\">\n        {t('cairo.customFields.entityPage.title')}\n      </Heading>\n      {state.widgetSize !== 'default' ? (\n        <InfoIcon dataHook=\"subtitle-info-icon\" content={headerSubtitle} />\n      ) : null}\n    </Box>\n  );\n\n  const ActionsButton = state.ActionButtonsComponent;\n  const suffix = ActionsButton ? <ActionsButton state={state} /> : null;\n\n  return (\n    <CardContainer\n      stretchVertically\n      dataHook={dataHook}\n      status={status}\n      errorState={{\n        dataHook: 'error-state',\n        retryText: t('cairo.error.tryAgain.cta'),\n        title: t('cairo.customFields.technical.error.title'),\n        subtitle: t('cairo.technical.error.text'),\n        onRetry: state.retry,\n      }}\n    >\n      <Card.Header\n        dataHook=\"custom-fields-widget-header\"\n        title={headerTitle}\n        subtitle={state.widgetSize === 'default' ? headerSubtitle : null}\n        suffix={suffix}\n      />\n      <Card.Divider />\n      <Card.Content dataHook=\"custom-fields-widget-content\">\n        <CustomFieldsWidgetContent\n          extendedFields={extendedFields}\n          emptyStateOverrides={emptyStateOverrides}\n        />\n      </Card.Content>\n    </CardContainer>\n  );\n};\n\nexport const CustomFieldsWidgetBase = observer(_CustomFieldsWidgetBase);\n\nconst _CustomFieldsWidget = ({\n  fqdn,\n  fieldName,\n  ...rest\n}: CustomFieldsWidgetProps) => {\n  const customFieldsState = useCustomFieldsWidget({\n    fieldName,\n    fqdn,\n  });\n  const { status } = useWidgetPageStatus(\n    customFieldsState.initTask.status.status,\n  );\n\n  return (\n    <CustomFieldsWidgetContextProvider value={customFieldsState}>\n      <CustomFieldsWidgetBase status={status} {...rest} />\n    </CustomFieldsWidgetContextProvider>\n  );\n};\n\nexport const CustomFieldsWidget = observer(_CustomFieldsWidget);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_react2","_mobxReactLite","_CustomFieldsWidgetContext","_useCustomFieldsWidget","_CardContainer","_useWidgetPageStatus","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CustomFieldsWidgetContent","extendedFields","emptyStateOverrides","state","useCustomFieldsWidgetContext","CardContent","useEffect","initContent","createElement","ref","widgetContentRef","setWidgetContentRef","__self","__source","fileName","lineNumber","columnNumber","_CustomFieldsWidgetBase","subtitle","dataHook","hideEmptyState","status","container","useWixPatternsContainer","translate","isLoading","dataExtension","allUserCustomFields","length","headerSubtitle","headerTitle","Box","gap","Heading","appearance","widgetSize","InfoIcon","content","ActionsButton","ActionButtonsComponent","suffix","CardContainer","stretchVertically","errorState","retryText","title","onRetry","retry","Card","Header","Divider","Content","CustomFieldsWidgetBase","exports","observer","_CustomFieldsWidget","fqdn","fieldName","filterable","rest","customFieldsState","useCustomFieldsWidget","useWidgetPageStatus","initTask","CustomFieldsWidgetContextProvider","value","_extends2","CustomFieldsWidget"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidget.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Box, Card, Heading, InfoIcon } from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { ExtendedFields } from '@wix/bex-core';\nimport {\n  CustomFieldsWidgetContextProvider,\n  useCustomFieldsWidgetContext,\n} from '../CustomFieldsWidgetContext';\nimport { useCustomFieldsWidget } from '../../hooks/useCustomFieldsWidget';\nimport { CardContainer, CardContainerProps } from '../CardContainer';\nimport { useWidgetPageStatus } from '../useWidgetPageStatus';\n\nexport interface CustomFieldsWidgetProps {\n  /**\n   * The FQDN to be used to extract schema from data-extension service.\n   */\n  fqdn: string;\n\n  /**\n   * Applies a data-hook HTML attribute that can be used in tests\n   */\n  dataHook?: string;\n\n  /**\n   * Custom fields widget subtitle.\n   * */\n  subtitle?: string;\n\n  /**\n   * Existing extended fields values, usually under `myEntity.extendedFields`.\n   */\n  extendedFields?: ExtendedFields;\n\n  hideEmptyState?: boolean;\n\n  /**\n   * The fieldName in the object passed to the `onSave` callback.\n   */\n  fieldName?: string;\n\n  /**\n   * Empty state content overrides\n   */\n  emptyStateOverrides?: {\n    /**\n     * Empty state title.\n     * */\n    title?: string;\n\n    /**\n     * Empty state subtitle.\n     * */\n    subtitle?: string;\n  };\n\n  filterable?: boolean;\n}\n\nexport interface CustomFieldsWidgetBaseProps\n  extends Omit<CustomFieldsWidgetProps, 'fqdn'> {\n  status: CardContainerProps['status'];\n}\n\nconst CustomFieldsWidgetContent = ({\n  extendedFields,\n  emptyStateOverrides,\n}: {\n  extendedFields: CustomFieldsWidgetBaseProps['extendedFields'];\n  emptyStateOverrides: CustomFieldsWidgetBaseProps['emptyStateOverrides'];\n}) => {\n  const state = useCustomFieldsWidgetContext();\n  const CardContent = state.CustomFieldsWidgetContent!;\n\n  useEffect(() => {\n    return state.initContent();\n  }, []);\n\n  return (\n    <div\n      ref={(widgetContentRef) => {\n        state.setWidgetContentRef(widgetContentRef);\n      }}\n    >\n      <CardContent\n        state={state}\n        extendedFields={extendedFields}\n        emptyStateOverrides={emptyStateOverrides}\n      />\n    </div>\n  );\n};\n\nconst _CustomFieldsWidgetBase = ({\n  subtitle,\n  dataHook,\n  extendedFields,\n  hideEmptyState,\n  emptyStateOverrides = {},\n  status,\n}: CustomFieldsWidgetBaseProps) => {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n\n  const state = useCustomFieldsWidgetContext();\n\n  if (\n    hideEmptyState &&\n    (state.isLoading || state.dataExtension.allUserCustomFields.length === 0)\n  ) {\n    return null;\n  }\n\n  const headerSubtitle =\n    subtitle || t('cairo.customFields.entityPage.subtitle');\n  const headerTitle = (\n    <Box gap=\"SP1\">\n      <Heading appearance=\"H3\">\n        {t('cairo.customFields.entityPage.title')}\n      </Heading>\n      {state.widgetSize !== 'default' ? (\n        <InfoIcon dataHook=\"subtitle-info-icon\" content={headerSubtitle} />\n      ) : null}\n    </Box>\n  );\n\n  const ActionsButton = state.ActionButtonsComponent;\n  const suffix = ActionsButton ? <ActionsButton state={state} /> : null;\n\n  return (\n    <CardContainer\n      stretchVertically\n      dataHook={dataHook}\n      status={status}\n      errorState={{\n        dataHook: 'error-state',\n        retryText: t('cairo.error.tryAgain.cta'),\n        title: t('cairo.customFields.technical.error.title'),\n        subtitle: t('cairo.technical.error.text'),\n        onRetry: state.retry,\n      }}\n    >\n      <Card.Header\n        dataHook=\"custom-fields-widget-header\"\n        title={headerTitle}\n        subtitle={state.widgetSize === 'default' ? headerSubtitle : null}\n        suffix={suffix}\n      />\n      <Card.Divider />\n      <Card.Content dataHook=\"custom-fields-widget-content\">\n        <CustomFieldsWidgetContent\n          extendedFields={extendedFields}\n          emptyStateOverrides={emptyStateOverrides}\n        />\n      </Card.Content>\n    </CardContainer>\n  );\n};\n\nexport const CustomFieldsWidgetBase = observer(_CustomFieldsWidgetBase);\n\nconst _CustomFieldsWidget = ({\n  fqdn,\n  fieldName,\n  filterable,\n  ...rest\n}: CustomFieldsWidgetProps) => {\n  const customFieldsState = useCustomFieldsWidget({\n    fieldName,\n    fqdn,\n    filterable,\n  });\n  const { status } = useWidgetPageStatus(\n    customFieldsState.initTask.status.status,\n  );\n\n  return (\n    <CustomFieldsWidgetContextProvider value={customFieldsState}>\n      <CustomFieldsWidgetBase status={status} {...rest} />\n    </CustomFieldsWidgetContextProvider>\n  );\n};\n\nexport const CustomFieldsWidget = observer(_CustomFieldsWidget);\n"],"mappings":"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","ignoreList":[]}