@wix/patterns 1.427.0 → 1.431.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_mobxReactLite","_designSystem","_hooks","_react2","_providers","_useFilterCollectionStates","_AutoCompleteFilterState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionAutoComplete","props","filter","collection","renderItem","renderSection","onSelect","onClear","readOnly","placeholder","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","collectionFilter","useState","CollectionFilterState","state","AutoCompleteFilterState","resetOnClose","translate","useDropdownTranslationContext","useEffect","init","result","keyedItems","fetchedLastPage","buildOption","useBuildOption","builtOptions","map","options","useBuildGroupedOptions","items","fixedFooter","showInitialLoader","useFilterCollectionStates","createElement","AutoComplete","_extends2","dataHook","name","closeOnSelect","border","onClose","dropdown","dropdownSelect","close","onInputBlur","onBlur","clearButton","clearSelectionAndSearch","undefined","option","sameOptionWasPicked","keyedItem","setSingle","searchInputValue","itemName","item","infiniteScroll","value","onChange","target","search","clearResult","hasMore","loadMore","fetchNextPageIfNeeded","__self","__source","fileName","lineNumber","columnNumber","CollectionAutoComplete","exports","observer"],"sources":["../../../../src/components/CollectionAutoComplete/CollectionAutoComplete.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { CollectionFilterState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionState, Filter, FiltersMap, KeyedItem } from '@wix/bex-core';\nimport {\n  AutoComplete,\n  AutoCompleteProps,\n  DropdownLayoutOption,\n} from '@wix/design-system';\nimport { ListItem, useBuildGroupedOptions, useBuildOption } from '../../hooks';\nimport { SingleSelectFilterBaseProps } from '../SingleSelectFilterBase';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  useFilterToolbarState,\n  useDropdownTranslationContext,\n} from '../../providers';\nimport { FilterProps } from '../../model';\nimport { useFilterCollectionStates } from '../../hooks/useFilterCollectionStates';\nimport { AutoCompleteFilterState } from '../AutoCompleteFilter/AutoCompleteFilterState';\n\nexport type KeyedItemOption<T> = DropdownLayoutOption & {\n  keyedItem: KeyedItem<T>;\n};\n\nexport interface CollectionAutoCompleteProps<V, F extends FiltersMap>\n  extends Omit<AutoCompleteProps, 'options'>,\n    FilterProps<V[]> {\n  /**\n   * [ArrayFilter](./?path=/story/features-filter-factories--arrayfilter) state object\n   */\n  filter: Filter<V[]>;\n  /**\n   * Function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) extended by `{section?: string}`.\n   */\n  renderItem?: (item: V, index: number) => ListItem;\n  /**\n   * A function that returns  [ListItemSectionProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemsection) <br/>\n   * According to make it works you need return `sectionId` in `renderItem` method. <br/>\n   * ⚠️ Server should return section items sorted by sections in strict order. Otherwise, when using infinite scrolling the behavior of the sections will be unexpected. <br/>\n   * (Optional)\n   */\n  renderSection?: SingleSelectFilterBaseProps<V>['renderSection'];\n  /**\n   * A collection state object to fetch the dropdown items.<br>\n   * Typically, a collection created using [useFilterCollection](./?path=/story/features-filter-hooks--usefiltercollection) hook.\n   */\n  collection: CollectionState<V, F>;\n}\n\nfunction _CollectionAutoComplete<V, F extends FiltersMap>(\n  props: CollectionAutoCompleteProps<V, F>,\n) {\n  const {\n    filter,\n    collection,\n    renderItem,\n    renderSection,\n    onSelect,\n    onClear,\n    readOnly,\n    placeholder,\n    ...rest\n  } = props;\n\n  const container = useWixPatternsContainer();\n  const toolbar = useFilterToolbarState();\n\n  const [collectionFilter] = useState(\n    () =>\n      new CollectionFilterState({\n        collection,\n        filter,\n      }),\n  );\n\n  const [state] = useState(\n    () =>\n      new AutoCompleteFilterState({\n        collectionFilter,\n        resetOnClose: false,\n        container,\n        toolbar,\n      }),\n  );\n\n  const { translate } = useDropdownTranslationContext();\n\n  useEffect(() => {\n    return state.init();\n  }, []);\n\n  const {\n    result: { keyedItems },\n    fetchedLastPage,\n  } = collection;\n\n  const buildOption = useBuildOption({\n    filter,\n    renderItem,\n  });\n\n  const builtOptions = keyedItems.map(buildOption);\n  const options = useBuildGroupedOptions({\n    items: builtOptions,\n    renderSection,\n  });\n\n  const { fixedFooter, showInitialLoader } = useFilterCollectionStates({\n    collection,\n    fixedFooter: rest.fixedFooter,\n  });\n\n  return (\n    <AutoComplete\n      dataHook={`collection-filter-${filter.name}`}\n      closeOnSelect\n      border=\"round\"\n      options={options}\n      onClose={() => {\n        state.dropdown.dropdownSelect.close();\n        state.onInputBlur();\n      }}\n      onBlur={state.onInputBlur}\n      readOnly={readOnly}\n      clearButton={!readOnly}\n      onClear={\n        !readOnly\n          ? (e) => {\n              onClear?.(e);\n              state.clearSelectionAndSearch();\n            }\n          : undefined\n      }\n      placeholder={placeholder ?? translate('placeholder')}\n      onSelect={(option, sameOptionWasPicked) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        state.dropdown.dropdownSelect.setSingle(keyedItem);\n        onSelect?.(option, sameOptionWasPicked);\n        state.searchInputValue = state.collection.itemName(keyedItem.item);\n      }}\n      infiniteScroll\n      value={state.searchInputValue}\n      onChange={(e) => {\n        state.searchInputValue = e.target.value;\n        collection.search(e.target.value, { clearResult: true });\n      }}\n      hasMore={!showInitialLoader && !fetchedLastPage}\n      loadMore={collection.fetchNextPageIfNeeded}\n      {...rest}\n      fixedFooter={fixedFooter}\n    />\n  );\n}\n\nexport const CollectionAutoComplete = observer(_CollectionAutoComplete);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_mobxReactLite","_designSystem","_hooks","_react2","_providers","_useFilterCollectionStates","_useBmHarmonyTheme","_AutoCompleteFilterState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionAutoComplete","props","filter","collection","renderItem","renderSection","onSelect","onClear","readOnly","placeholder","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","isBmHarmonyTheme","useBmHarmonyTheme","collectionFilter","useState","CollectionFilterState","state","AutoCompleteFilterState","resetOnClose","translate","useDropdownTranslationContext","useEffect","init","result","keyedItems","fetchedLastPage","buildOption","useBuildOption","builtOptions","map","options","useBuildGroupedOptions","items","fixedFooter","showInitialLoader","useFilterCollectionStates","createElement","AutoComplete","_extends2","dataHook","name","closeOnSelect","border","size","undefined","onClose","dropdown","dropdownSelect","close","onInputBlur","onBlur","clearButton","clearSelectionAndSearch","option","sameOptionWasPicked","keyedItem","setSingle","searchInputValue","itemName","item","infiniteScroll","value","onChange","target","search","clearResult","hasMore","loadMore","fetchNextPageIfNeeded","__self","__source","fileName","lineNumber","columnNumber","CollectionAutoComplete","exports","observer"],"sources":["../../../../src/components/CollectionAutoComplete/CollectionAutoComplete.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { CollectionFilterState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionState, Filter, FiltersMap, KeyedItem } from '@wix/bex-core';\nimport {\n  AutoComplete,\n  AutoCompleteProps,\n  DropdownLayoutOption,\n} from '@wix/design-system';\nimport { ListItem, useBuildGroupedOptions, useBuildOption } from '../../hooks';\nimport { SingleSelectFilterBaseProps } from '../SingleSelectFilterBase';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  useFilterToolbarState,\n  useDropdownTranslationContext,\n} from '../../providers';\nimport { FilterProps } from '../../model';\nimport { useFilterCollectionStates } from '../../hooks/useFilterCollectionStates';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { AutoCompleteFilterState } from '../AutoCompleteFilter/AutoCompleteFilterState';\n\nexport type KeyedItemOption<T> = DropdownLayoutOption & {\n  keyedItem: KeyedItem<T>;\n};\n\nexport interface CollectionAutoCompleteProps<V, F extends FiltersMap>\n  extends Omit<AutoCompleteProps, 'options'>,\n    FilterProps<V[]> {\n  /**\n   * [ArrayFilter](./?path=/story/features-filter-factories--arrayfilter) state object\n   */\n  filter: Filter<V[]>;\n  /**\n   * Function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) extended by `{section?: string}`.\n   */\n  renderItem?: (item: V, index: number) => ListItem;\n  /**\n   * A function that returns  [ListItemSectionProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemsection) <br/>\n   * According to make it works you need return `sectionId` in `renderItem` method. <br/>\n   * ⚠️ Server should return section items sorted by sections in strict order. Otherwise, when using infinite scrolling the behavior of the sections will be unexpected. <br/>\n   * (Optional)\n   */\n  renderSection?: SingleSelectFilterBaseProps<V>['renderSection'];\n  /**\n   * A collection state object to fetch the dropdown items.<br>\n   * Typically, a collection created using [useFilterCollection](./?path=/story/features-filter-hooks--usefiltercollection) hook.\n   */\n  collection: CollectionState<V, F>;\n}\n\nfunction _CollectionAutoComplete<V, F extends FiltersMap>(\n  props: CollectionAutoCompleteProps<V, F>,\n) {\n  const {\n    filter,\n    collection,\n    renderItem,\n    renderSection,\n    onSelect,\n    onClear,\n    readOnly,\n    placeholder,\n    ...rest\n  } = props;\n\n  const container = useWixPatternsContainer();\n  const toolbar = useFilterToolbarState();\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  const [collectionFilter] = useState(\n    () =>\n      new CollectionFilterState({\n        collection,\n        filter,\n      }),\n  );\n\n  const [state] = useState(\n    () =>\n      new AutoCompleteFilterState({\n        collectionFilter,\n        resetOnClose: false,\n        container,\n        toolbar,\n      }),\n  );\n\n  const { translate } = useDropdownTranslationContext();\n\n  useEffect(() => {\n    return state.init();\n  }, []);\n\n  const {\n    result: { keyedItems },\n    fetchedLastPage,\n  } = collection;\n\n  const buildOption = useBuildOption({\n    filter,\n    renderItem,\n  });\n\n  const builtOptions = keyedItems.map(buildOption);\n  const options = useBuildGroupedOptions({\n    items: builtOptions,\n    renderSection,\n  });\n\n  const { fixedFooter, showInitialLoader } = useFilterCollectionStates({\n    collection,\n    fixedFooter: rest.fixedFooter,\n  });\n\n  return (\n    <AutoComplete\n      dataHook={`collection-filter-${filter.name}`}\n      closeOnSelect\n      border={isBmHarmonyTheme ? 'standard' : 'round'}\n      size={isBmHarmonyTheme ? 'small' : undefined}\n      options={options}\n      onClose={() => {\n        state.dropdown.dropdownSelect.close();\n        state.onInputBlur();\n      }}\n      onBlur={state.onInputBlur}\n      readOnly={readOnly}\n      clearButton={!readOnly}\n      onClear={\n        !readOnly\n          ? (e) => {\n              onClear?.(e);\n              state.clearSelectionAndSearch();\n            }\n          : undefined\n      }\n      placeholder={placeholder ?? translate('placeholder')}\n      onSelect={(option, sameOptionWasPicked) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        state.dropdown.dropdownSelect.setSingle(keyedItem);\n        onSelect?.(option, sameOptionWasPicked);\n        state.searchInputValue = state.collection.itemName(keyedItem.item);\n      }}\n      infiniteScroll\n      value={state.searchInputValue}\n      onChange={(e) => {\n        state.searchInputValue = e.target.value;\n        collection.search(e.target.value, { clearResult: true });\n      }}\n      hasMore={!showInitialLoader && !fetchedLastPage}\n      loadMore={collection.fetchNextPageIfNeeded}\n      {...rest}\n      fixedFooter={fixedFooter}\n    />\n  );\n}\n\nexport const CollectionAutoComplete = observer(_CollectionAutoComplete);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionItemActions/CollectionItemActions.js

@@ -14,6 +14,7 @@ var _CollectionItemActionsHelper = require("./CollectionItemActionsHelper");
 var _getDefaultActionCellProps = require("./getDefaultActionCellProps");
 var _useExtensionMenuItems = require("../../hooks/useExtensionMenuItems");
 var _useIsMobile = require("../../hooks/useIsMobile");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionItemActions/CollectionItemActions.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); }
 function _CollectionItemActions({
@@ -21,6 +22,7 @@ function _CollectionItemActions({
   renderActionCell
 }) {
   const isMobile = (0, _useIsMobile.useIsMobile)();
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const {
     confirmModal
   } = state;
@@ -54,7 +56,7 @@ function _CollectionItemActions({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 65,
+        lineNumber: 67,
         columnNumber: 7
       }
     });
@@ -80,12 +82,16 @@ function _CollectionItemActions({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 115,
+      lineNumber: 117,
       columnNumber: 9
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.TableActionCell, (0, _extends2.default)({
     dataHook: "collection-action-cell"
   }, tableActionCellProps, {
+    moreActionsProps: isBmHarmonyTheme ? {
+      ...tableActionCellProps.moreActionsProps,
+      priority: 'tertiary'
+    } : tableActionCellProps.moreActionsProps,
     popoverMenuProps: {
       ...(0, _getDefaultActionCellProps.getDefaultActionCellProps)(),
       onShow: () => (0, _CollectionItemActionsHelper.reportOnPopoverMenuShow)(toolbarBIReporter, actionCellProps, state.keyedItem),
@@ -97,7 +103,7 @@ function _CollectionItemActions({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 117,
+      lineNumber: 119,
       columnNumber: 7
     }
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_ActionModal","_DisabledActionCellMenu","_ToolbarCollectionContext","_CollectionItemActionsHelper","_getDefaultActionCellProps","_useExtensionMenuItems","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionItemActions","state","renderActionCell","isMobile","useIsMobile","confirmModal","toolbarState","useToolbarCollectionContext","toolbarBIReporter","actionCellProps","secondaryMenuDisabled","secondaryMenuDisabledTooltip","tableActionCellProps","keyedItem","actionCellAPI","existingExtension","containerId","menuItemExtensions","undefined","extensionMenuItems","useExtensionMenuItems","extension","useEffect","createElement","DisabledActionCellMenu","dataHook","tooltipContent","container","translate","size","ariaLabel","__self","__source","fileName","lineNumber","columnNumber","secondaryActionCellPropsWithBI","createSecondaryActionCellPropWithBi","primaryActionCellPropsWithBI","createPrimaryActionCellPropsWithBI","Array","isArray","length","map","action","index","priority","Fragment","value","MessageActionModal","_extends2","TableActionCell","popoverMenuProps","getDefaultActionCellProps","onShow","reportOnPopoverMenuShow","primaryAction","secondaryActions","CollectionItemActions","exports","observer"],"sources":["../../../../src/components/CollectionItemActions/CollectionItemActions.tsx"],"sourcesContent":["import { TableActionCell } from '@wix/design-system';\nimport React, { useEffect } from 'react';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { ItemActionsState } from '../../state';\nimport { MessageActionModal } from '../ActionModal';\nimport { ActionCellProps, TableActionCellMainAction } from '../ActionCell';\nimport { DisabledActionCellMenu } from '../ActionCell/DisabledActionCellMenu';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport {\n  createPrimaryActionCellPropsWithBI,\n  createSecondaryActionCellPropWithBi,\n  reportOnPopoverMenuShow,\n} from './CollectionItemActionsHelper';\nimport { getDefaultActionCellProps } from './getDefaultActionCellProps';\nimport { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nexport interface CollectionItemActionsProps<\n  T,\n  F extends FiltersMap = FiltersMap,\n> {\n  collection: CollectionState<T, F>;\n  state: ItemActionsState<T, F>;\n  renderActionCell?: (state: ItemActionsState<T, F>) => ActionCellProps;\n}\n\nfunction _CollectionItemActions<T, F extends FiltersMap = FiltersMap>({\n  state,\n  renderActionCell,\n}: CollectionItemActionsProps<T, F>) {\n  const isMobile = useIsMobile();\n\n  const { confirmModal } = state;\n  const toolbarState = useToolbarCollectionContext();\n  const { toolbarBIReporter } = toolbarState;\n  const actionCellProps = renderActionCell?.(state) ?? {};\n  const {\n    secondaryMenuDisabled,\n    secondaryMenuDisabledTooltip,\n    ...tableActionCellProps\n  } = actionCellProps;\n  const keyedItem = state.actionCellAPI.keyedItem;\n\n  const existingExtension = actionCellProps.containerId\n    ? toolbarState.menuItemExtensions.get(actionCellProps.containerId)\n    : undefined;\n\n  const extensionMenuItems = useExtensionMenuItems({\n    containerId: actionCellProps.containerId,\n    extension: existingExtension,\n  });\n\n  useEffect(() => {\n    if (extensionMenuItems && actionCellProps.containerId) {\n      toolbarState.menuItemExtensions.set(\n        actionCellProps.containerId,\n        extensionMenuItems,\n      );\n    }\n  }, [extensionMenuItems, actionCellProps.containerId]);\n\n  if (secondaryMenuDisabled) {\n    return (\n      <DisabledActionCellMenu\n        dataHook=\"collection-action-cell-disabled\"\n        tooltipContent={\n          secondaryMenuDisabledTooltip ??\n          toolbarState.container.translate('cairo.disabled')\n        }\n        size={actionCellProps.size ?? 'medium'}\n        ariaLabel={toolbarState.container.translate('cairo.moreActions')}\n      />\n    );\n  }\n\n  const secondaryActionCellPropsWithBI = createSecondaryActionCellPropWithBi({\n    toolbarBIReporter,\n    actionCellProps,\n    keyedItem,\n    extensionMenuItems,\n  });\n\n  let primaryActionCellPropsWithBI = !isMobile\n    ? createPrimaryActionCellPropsWithBI(\n        toolbarBIReporter,\n        actionCellProps,\n        keyedItem,\n      )\n    : [];\n\n  if (\n    Array.isArray(primaryActionCellPropsWithBI) &&\n    primaryActionCellPropsWithBI.length > 1\n  ) {\n    primaryActionCellPropsWithBI = primaryActionCellPropsWithBI.map(\n      (action, index) => {\n        return {\n          ...action,\n          priority:\n            index ===\n            (primaryActionCellPropsWithBI as TableActionCellMainAction[])\n              .length! -\n              1\n              ? 'primary'\n              : 'secondary',\n        };\n      },\n    );\n  }\n\n  return (\n    <>\n      {confirmModal.value && (\n        <MessageActionModal state={confirmModal} {...confirmModal.value} />\n      )}\n      <TableActionCell\n        dataHook=\"collection-action-cell\"\n        {...tableActionCellProps}\n        popoverMenuProps={{\n          ...getDefaultActionCellProps(),\n          onShow: () =>\n            reportOnPopoverMenuShow(\n              toolbarBIReporter,\n              actionCellProps,\n              state.keyedItem,\n            ),\n          ...actionCellProps.popoverMenuProps,\n          ...getDefaultActionCellProps(),\n        }}\n        primaryAction={primaryActionCellPropsWithBI}\n        secondaryActions={secondaryActionCellPropsWithBI}\n      />\n    </>\n  );\n}\n\nexport const CollectionItemActions = observer(_CollectionItemActions);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_ActionModal","_DisabledActionCellMenu","_ToolbarCollectionContext","_CollectionItemActionsHelper","_getDefaultActionCellProps","_useExtensionMenuItems","_useIsMobile","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionItemActions","state","renderActionCell","isMobile","useIsMobile","isBmHarmonyTheme","useBmHarmonyTheme","confirmModal","toolbarState","useToolbarCollectionContext","toolbarBIReporter","actionCellProps","secondaryMenuDisabled","secondaryMenuDisabledTooltip","tableActionCellProps","keyedItem","actionCellAPI","existingExtension","containerId","menuItemExtensions","undefined","extensionMenuItems","useExtensionMenuItems","extension","useEffect","createElement","DisabledActionCellMenu","dataHook","tooltipContent","container","translate","size","ariaLabel","__self","__source","fileName","lineNumber","columnNumber","secondaryActionCellPropsWithBI","createSecondaryActionCellPropWithBi","primaryActionCellPropsWithBI","createPrimaryActionCellPropsWithBI","Array","isArray","length","map","action","index","priority","Fragment","value","MessageActionModal","_extends2","TableActionCell","moreActionsProps","popoverMenuProps","getDefaultActionCellProps","onShow","reportOnPopoverMenuShow","primaryAction","secondaryActions","CollectionItemActions","exports","observer"],"sources":["../../../../src/components/CollectionItemActions/CollectionItemActions.tsx"],"sourcesContent":["import { TableActionCell } from '@wix/design-system';\nimport React, { useEffect } from 'react';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { ItemActionsState } from '../../state';\nimport { MessageActionModal } from '../ActionModal';\nimport { ActionCellProps, TableActionCellMainAction } from '../ActionCell';\nimport { DisabledActionCellMenu } from '../ActionCell/DisabledActionCellMenu';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport {\n  createPrimaryActionCellPropsWithBI,\n  createSecondaryActionCellPropWithBi,\n  reportOnPopoverMenuShow,\n} from './CollectionItemActionsHelper';\nimport { getDefaultActionCellProps } from './getDefaultActionCellProps';\nimport { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface CollectionItemActionsProps<\n  T,\n  F extends FiltersMap = FiltersMap,\n> {\n  collection: CollectionState<T, F>;\n  state: ItemActionsState<T, F>;\n  renderActionCell?: (state: ItemActionsState<T, F>) => ActionCellProps;\n}\n\nfunction _CollectionItemActions<T, F extends FiltersMap = FiltersMap>({\n  state,\n  renderActionCell,\n}: CollectionItemActionsProps<T, F>) {\n  const isMobile = useIsMobile();\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  const { confirmModal } = state;\n  const toolbarState = useToolbarCollectionContext();\n  const { toolbarBIReporter } = toolbarState;\n  const actionCellProps = renderActionCell?.(state) ?? {};\n  const {\n    secondaryMenuDisabled,\n    secondaryMenuDisabledTooltip,\n    ...tableActionCellProps\n  } = actionCellProps;\n  const keyedItem = state.actionCellAPI.keyedItem;\n\n  const existingExtension = actionCellProps.containerId\n    ? toolbarState.menuItemExtensions.get(actionCellProps.containerId)\n    : undefined;\n\n  const extensionMenuItems = useExtensionMenuItems({\n    containerId: actionCellProps.containerId,\n    extension: existingExtension,\n  });\n\n  useEffect(() => {\n    if (extensionMenuItems && actionCellProps.containerId) {\n      toolbarState.menuItemExtensions.set(\n        actionCellProps.containerId,\n        extensionMenuItems,\n      );\n    }\n  }, [extensionMenuItems, actionCellProps.containerId]);\n\n  if (secondaryMenuDisabled) {\n    return (\n      <DisabledActionCellMenu\n        dataHook=\"collection-action-cell-disabled\"\n        tooltipContent={\n          secondaryMenuDisabledTooltip ??\n          toolbarState.container.translate('cairo.disabled')\n        }\n        size={actionCellProps.size ?? 'medium'}\n        ariaLabel={toolbarState.container.translate('cairo.moreActions')}\n      />\n    );\n  }\n\n  const secondaryActionCellPropsWithBI = createSecondaryActionCellPropWithBi({\n    toolbarBIReporter,\n    actionCellProps,\n    keyedItem,\n    extensionMenuItems,\n  });\n\n  let primaryActionCellPropsWithBI = !isMobile\n    ? createPrimaryActionCellPropsWithBI(\n        toolbarBIReporter,\n        actionCellProps,\n        keyedItem,\n      )\n    : [];\n\n  if (\n    Array.isArray(primaryActionCellPropsWithBI) &&\n    primaryActionCellPropsWithBI.length > 1\n  ) {\n    primaryActionCellPropsWithBI = primaryActionCellPropsWithBI.map(\n      (action, index) => {\n        return {\n          ...action,\n          priority:\n            index ===\n            (primaryActionCellPropsWithBI as TableActionCellMainAction[])\n              .length! -\n              1\n              ? 'primary'\n              : 'secondary',\n        };\n      },\n    );\n  }\n\n  return (\n    <>\n      {confirmModal.value && (\n        <MessageActionModal state={confirmModal} {...confirmModal.value} />\n      )}\n      <TableActionCell\n        dataHook=\"collection-action-cell\"\n        {...tableActionCellProps}\n        moreActionsProps={\n          isBmHarmonyTheme\n            ? {\n                ...tableActionCellProps.moreActionsProps,\n                priority: 'tertiary',\n              }\n            : tableActionCellProps.moreActionsProps\n        }\n        popoverMenuProps={{\n          ...getDefaultActionCellProps(),\n          onShow: () =>\n            reportOnPopoverMenuShow(\n              toolbarBIReporter,\n              actionCellProps,\n              state.keyedItem,\n            ),\n          ...actionCellProps.popoverMenuProps,\n          ...getDefaultActionCellProps(),\n        }}\n        primaryAction={primaryActionCellPropsWithBI}\n        secondaryActions={secondaryActionCellPropsWithBI}\n      />\n    </>\n  );\n}\n\nexport const CollectionItemActions = observer(_CollectionItemActions);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionPageNew/CollectionPage.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_ = "CollectionPage252974580";
+var _namespace_ = "CollectionPage3956579968";
 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": "CollectionPage252974580__root"
+  "root": "CollectionPage3956579968__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionPageNew/CollectionPage.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/CollectionPageNew/CollectionPage.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPage252974580\";\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\":\"CollectionPage252974580__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\",\"wds-page-header-padding-horizontal-small\":\"--wds-page-header-padding-horizontal-small\",\"wds-color-fill-surface-sunken\":\"--wds-color-fill-surface-sunken\",\"wds-space-300\":\"--wds-space-300\"}; \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;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,0CAA0C,EAAC,4CAA4C;EAAC,+BAA+B,EAAC,iCAAiC;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionPageNew/CollectionPage.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPage3956579968\";\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\":\"CollectionPage3956579968__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\",\"wds-page-header-padding-horizontal-small\":\"--wds-page-header-padding-horizontal-small\",\"wds-color-fill-surface-sunken\":\"--wds-color-fill-surface-sunken\",\"wds-space-300\":\"--wds-space-300\"}; \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;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,0CAA0C,EAAC,4CAA4C;EAAC,+BAA+B,EAAC,iCAAiC;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionSearch.js

@@ -9,6 +9,7 @@ var _designSystem = require("@wix/design-system");
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@wix/bex-core/react");
 var _useIsMobile = require("../hooks/useIsMobile");
+var _useBmHarmonyTheme = require("../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionSearch.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 CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)(function CollectionSearch({
@@ -27,6 +28,7 @@ const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)
     translate: t
   } = collection;
   const isMobile = (0, _useIsMobile.useIsMobile)();
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const [isSearchExpanded, setIsSearchExpanded] = (0, _react.useState)(!!search.value);
   const searchInputRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(() => {
@@ -70,6 +72,7 @@ const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)
     placeholder: t('cairo.searchPlaceholder', {
       defaultValue: ''
     }),
+    border: isBmHarmonyTheme ? 'standard' : undefined,
     textOverflow: "ellipsis",
     onFocus: () => {
       setIsSearchExpanded(true);
@@ -85,7 +88,7 @@ const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 67,
+      lineNumber: 69,
       columnNumber: 5
     }
   }));
@@ -97,7 +100,7 @@ const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 101,
+        lineNumber: 104,
         columnNumber: 7
       }
     }, searchElement, showCancelButton && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -107,7 +110,7 @@ const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 104,
+        lineNumber: 107,
         columnNumber: 11
       }
     }, t('cairo.cancel.button')));

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

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireWildcard","_react2","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CollectionSearch","exports","observer","onSearchChange","onSearchClick","onSearchBlur","visibility","expandable","rest","collection","useCollectionContext","query","search","translate","isMobile","useIsMobile","isSearchExpanded","setIsSearchExpanded","useState","value","searchInputRef","useRef","useEffect","focus","_searchInputRef$curre","current","handleCancel","useCallback","clearSearch","blur","showCancelButton","searchElement","createElement","Search","_extends2","dataHook","onChange","target","clearResult","ref","onClear","expandDirection","undefined","placeholder","defaultValue","textOverflow","onFocus","onBlur","__self","__source","fileName","lineNumber","columnNumber","Box","width","gap","verticalAlign","TextButton","onClick","size"],"sources":["../../../src/components/CollectionSearch.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { Box, Search, SearchProps, TextButton } from '@wix/design-system';\nimport React, {\n  CSSProperties,\n  useState,\n  useRef,\n  useCallback,\n  useEffect,\n} from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useCollectionContext } from '@wix/bex-core/react';\nimport { useIsMobile } from '../hooks/useIsMobile';\n\nexport interface CollectionSearchProps extends Partial<SearchProps> {\n  onSearchChange?: (value: string) => unknown;\n  onSearchClick?: () => unknown;\n  onSearchBlur?: (value: string) => unknown;\n  visibility?: CSSProperties['visibility'];\n}\n\nexport const CollectionSearch = observer(function CollectionSearch<\n  T,\n  F extends FiltersMap = FiltersMap,\n>({\n  onSearchChange,\n  onSearchClick,\n  onSearchBlur,\n  visibility,\n  expandable,\n  ...rest\n}: CollectionSearchProps) {\n  const collection = useCollectionContext<T, F>();\n  const {\n    query: { search },\n    translate: t,\n  } = collection;\n\n  const isMobile = useIsMobile();\n  const [isSearchExpanded, setIsSearchExpanded] = useState(!!search.value);\n\n  const searchInputRef = useRef<Search>(null);\n\n  useEffect(() => {\n    collection.searchInputRef = {\n      focus: () => {\n        searchInputRef.current?.focus();\n      },\n    };\n    return () => {\n      collection.searchInputRef = null;\n    };\n  }, [collection]);\n\n  const handleCancel = useCallback(() => {\n    collection.clearSearch();\n    onSearchChange?.('');\n\n    if (searchInputRef.current) {\n      searchInputRef.current.blur();\n      setIsSearchExpanded(false);\n    }\n  }, [collection, onSearchChange]);\n\n  const showCancelButton = isMobile && isSearchExpanded;\n\n  const searchElement = (\n    <Search\n      dataHook=\"collection-search\"\n      onChange={(e) => {\n        const value = e.target.value;\n        collection.search(e.target.value, { clearResult: true });\n        onSearchChange?.(value);\n      }}\n      ref={searchInputRef}\n      value={search.value}\n      onClear={() => {\n        const value = '';\n        collection.clearSearch();\n        onSearchChange?.(value);\n      }}\n      expandable={expandable}\n      expandDirection={isMobile ? 'left' : undefined}\n      placeholder={t('cairo.searchPlaceholder', { defaultValue: '' })}\n      textOverflow=\"ellipsis\"\n      onFocus={() => {\n        setIsSearchExpanded(true);\n      }}\n      onBlur={(e) => {\n        const value = e.target.value;\n        if (!value) {\n          setIsSearchExpanded(false);\n        }\n        onSearchBlur?.(value);\n      }}\n      {...rest}\n    />\n  );\n\n  if (isMobile && expandable) {\n    return (\n      <Box width=\"100%\" gap=\"SP2\" verticalAlign=\"middle\">\n        {searchElement}\n        {showCancelButton && (\n          <TextButton\n            dataHook=\"collection-search-cancel\"\n            onClick={handleCancel}\n            size=\"small\"\n          >\n            {t('cairo.cancel.button')}\n          </TextButton>\n        )}\n      </Box>\n    );\n  }\n\n  return searchElement;\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireWildcard","_react2","_useIsMobile","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CollectionSearch","exports","observer","onSearchChange","onSearchClick","onSearchBlur","visibility","expandable","rest","collection","useCollectionContext","query","search","translate","isMobile","useIsMobile","isBmHarmonyTheme","useBmHarmonyTheme","isSearchExpanded","setIsSearchExpanded","useState","value","searchInputRef","useRef","useEffect","focus","_searchInputRef$curre","current","handleCancel","useCallback","clearSearch","blur","showCancelButton","searchElement","createElement","Search","_extends2","dataHook","onChange","target","clearResult","ref","onClear","expandDirection","undefined","placeholder","defaultValue","border","textOverflow","onFocus","onBlur","__self","__source","fileName","lineNumber","columnNumber","Box","width","gap","verticalAlign","TextButton","onClick","size"],"sources":["../../../src/components/CollectionSearch.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { Box, Search, SearchProps, TextButton } from '@wix/design-system';\nimport React, {\n  CSSProperties,\n  useState,\n  useRef,\n  useCallback,\n  useEffect,\n} from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useCollectionContext } from '@wix/bex-core/react';\nimport { useIsMobile } from '../hooks/useIsMobile';\nimport { useBmHarmonyTheme } from '../hooks/useBmHarmonyTheme';\n\nexport interface CollectionSearchProps extends Partial<SearchProps> {\n  onSearchChange?: (value: string) => unknown;\n  onSearchClick?: () => unknown;\n  onSearchBlur?: (value: string) => unknown;\n  visibility?: CSSProperties['visibility'];\n}\n\nexport const CollectionSearch = observer(function CollectionSearch<\n  T,\n  F extends FiltersMap = FiltersMap,\n>({\n  onSearchChange,\n  onSearchClick,\n  onSearchBlur,\n  visibility,\n  expandable,\n  ...rest\n}: CollectionSearchProps) {\n  const collection = useCollectionContext<T, F>();\n  const {\n    query: { search },\n    translate: t,\n  } = collection;\n\n  const isMobile = useIsMobile();\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n  const [isSearchExpanded, setIsSearchExpanded] = useState(!!search.value);\n\n  const searchInputRef = useRef<Search>(null);\n\n  useEffect(() => {\n    collection.searchInputRef = {\n      focus: () => {\n        searchInputRef.current?.focus();\n      },\n    };\n    return () => {\n      collection.searchInputRef = null;\n    };\n  }, [collection]);\n\n  const handleCancel = useCallback(() => {\n    collection.clearSearch();\n    onSearchChange?.('');\n\n    if (searchInputRef.current) {\n      searchInputRef.current.blur();\n      setIsSearchExpanded(false);\n    }\n  }, [collection, onSearchChange]);\n\n  const showCancelButton = isMobile && isSearchExpanded;\n\n  const searchElement = (\n    <Search\n      dataHook=\"collection-search\"\n      onChange={(e) => {\n        const value = e.target.value;\n        collection.search(e.target.value, { clearResult: true });\n        onSearchChange?.(value);\n      }}\n      ref={searchInputRef}\n      value={search.value}\n      onClear={() => {\n        const value = '';\n        collection.clearSearch();\n        onSearchChange?.(value);\n      }}\n      expandable={expandable}\n      expandDirection={isMobile ? 'left' : undefined}\n      placeholder={t('cairo.searchPlaceholder', { defaultValue: '' })}\n      border={isBmHarmonyTheme ? 'standard' : undefined}\n      textOverflow=\"ellipsis\"\n      onFocus={() => {\n        setIsSearchExpanded(true);\n      }}\n      onBlur={(e) => {\n        const value = e.target.value;\n        if (!value) {\n          setIsSearchExpanded(false);\n        }\n        onSearchBlur?.(value);\n      }}\n      {...rest}\n    />\n  );\n\n  if (isMobile && expandable) {\n    return (\n      <Box width=\"100%\" gap=\"SP2\" verticalAlign=\"middle\">\n        {searchElement}\n        {showCancelButton && (\n          <TextButton\n            dataHook=\"collection-search-cancel\"\n            onClick={handleCancel}\n            size=\"small\"\n          >\n            {t('cairo.cancel.button')}\n          </TextButton>\n        )}\n      </Box>\n    );\n  }\n\n  return searchElement;\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.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_ = "CollectionSectionHeader2589279026";
+var _namespace_ = "CollectionSectionHeader2922683827";
 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": "CollectionSectionHeader2589279026__root",
-  "summaryIcon": "CollectionSectionHeader2589279026__summaryIcon"
+  "root": "CollectionSectionHeader2922683827__root",
+  "summaryIcon": "CollectionSectionHeader2922683827__summaryIcon"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.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/CollectionSectionHeader/CollectionSectionHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionSectionHeader2589279026\";\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\":\"CollectionSectionHeader2589279026__root\",\"summaryIcon\":\"CollectionSectionHeader2589279026__summaryIcon\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-secondary\":\"--wds-color-text-standard-secondary\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mCAAmC;AACrD,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,yCAAyC;EAAC,aAAa,EAAC;AAAgD,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;EAAC,mCAAmC,EAAC;AAAqC,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/CollectionSectionHeader/CollectionSectionHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionSectionHeader2922683827\";\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\":\"CollectionSectionHeader2922683827__root\",\"summaryIcon\":\"CollectionSectionHeader2922683827__summaryIcon\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-secondary\":\"--wds-color-text-standard-secondary\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mCAAmC;AACrD,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,yCAAyC;EAAC,aAAa,EAAC;AAAgD,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;EAAC,mCAAmC,EAAC;AAAqC,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeaderActionBar.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _bexCore = require("@wix/bex-core");
 var _bi = require("@wix/bex-core/bi");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeaderActionBar.tsx";
 const CollectionSectionHeaderActionBar = ({
   sectionId,
@@ -75,14 +75,14 @@ const CollectionSectionHeaderActionBar = ({
       lineNumber: 68,
       columnNumber: 9
     }
-  }, collapsed ? /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronDown, {
+  }, collapsed ? /*#__PURE__*/_react.default.createElement(_lazy.ChevronDown, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
       lineNumber: 75,
       columnNumber: 24
     }
-  }) : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronUp, {
+  }) : /*#__PURE__*/_react.default.createElement(_lazy.ChevronUp, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,

package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeaderActionBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_ToolbarCollectionContext","_bexCore","_bi","_wixUiIconsCommon","_jsxFileName","CollectionSectionHeaderActionBar","sectionId","sectionIndex","section","biComponentType","collapsible","onToggleCollapse","toolbarBIReporter","useToolbarCollectionContext","primaryAction","collapsed","handlePrimaryActionClick","reportBi","wixPatternsSectionHeaderPrimaryActionClicked","cta","id","componentType","onClick","handleCollapseActionClick","withoutDefaults","cairoSectionCtaClicked","location","sectionType","ctaName","default","createElement","Box","direction","gap","placeItems","__self","__source","fileName","lineNumber","columnNumber","TextButton","prefixIcon","dataHook","size","label","IconButton","skin","priority","ChevronDown","ChevronUp","exports"],"sources":["../../../../src/components/CollectionSectionHeader/CollectionSectionHeaderActionBar.tsx"],"sourcesContent":["import { Box, IconButton, TextButton } from '@wix/design-system';\nimport React from 'react';\nimport { Section } from './CollectionSectionHeader.types';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { withoutDefaults } from '@wix/bex-core';\nimport {\n  wixPatternsSectionHeaderPrimaryActionClicked,\n  cairoSectionCtaClicked,\n} from '@wix/bex-core/bi';\nimport { ChevronDown, ChevronUp } from '@wix/wix-ui-icons-common';\n\nexport interface CollectionSectionHeaderActionBarProps {\n  sectionId: string;\n  sectionIndex: number;\n  section: Section & { collapsed?: boolean };\n  biComponentType: string;\n  collapsible?: boolean;\n  onToggleCollapse?: (sectionId: string) => void;\n}\n\nexport const CollectionSectionHeaderActionBar = ({\n  sectionId,\n  sectionIndex,\n  section,\n  biComponentType,\n  collapsible,\n  onToggleCollapse,\n}: CollectionSectionHeaderActionBarProps) => {\n  const { toolbarBIReporter } = useToolbarCollectionContext();\n  const { primaryAction, collapsed } = section;\n\n  const handlePrimaryActionClick = () => {\n    toolbarBIReporter.reportBi(\n      wixPatternsSectionHeaderPrimaryActionClicked({\n        sectionId,\n        cta: primaryAction?.id,\n        componentType: biComponentType,\n      }),\n    );\n    primaryAction?.onClick?.();\n  };\n\n  const handleCollapseActionClick = () => {\n    toolbarBIReporter.reportBi(\n      withoutDefaults(cairoSectionCtaClicked)({\n        location: 'Section Toolbar',\n        sectionType: 'table',\n        ctaName: collapsed ? 'expand' : 'collapse',\n        sectionIndex,\n      } as {}),\n    );\n    onToggleCollapse?.(sectionId);\n  };\n\n  return (\n    <Box direction=\"horizontal\" gap=\"SP2\" placeItems=\"center\">\n      {primaryAction && (\n        <TextButton\n          prefixIcon={primaryAction.prefixIcon}\n          dataHook=\"collection-section-header-primary-action\"\n          onClick={handlePrimaryActionClick}\n          size=\"small\"\n        >\n          {primaryAction.label}\n        </TextButton>\n      )}\n      {collapsible && (\n        <IconButton\n          size=\"tiny\"\n          dataHook=\"collection-section-header-collapse-action\"\n          skin=\"light\"\n          priority=\"primary\"\n          onClick={handleCollapseActionClick}\n        >\n          {collapsed ? <ChevronDown /> : <ChevronUp />}\n        </IconButton>\n      )}\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_ToolbarCollectionContext","_bexCore","_bi","_lazy","_jsxFileName","CollectionSectionHeaderActionBar","sectionId","sectionIndex","section","biComponentType","collapsible","onToggleCollapse","toolbarBIReporter","useToolbarCollectionContext","primaryAction","collapsed","handlePrimaryActionClick","reportBi","wixPatternsSectionHeaderPrimaryActionClicked","cta","id","componentType","onClick","handleCollapseActionClick","withoutDefaults","cairoSectionCtaClicked","location","sectionType","ctaName","default","createElement","Box","direction","gap","placeItems","__self","__source","fileName","lineNumber","columnNumber","TextButton","prefixIcon","dataHook","size","label","IconButton","skin","priority","ChevronDown","ChevronUp","exports"],"sources":["../../../../src/components/CollectionSectionHeader/CollectionSectionHeaderActionBar.tsx"],"sourcesContent":["import { Box, IconButton, TextButton } from '@wix/design-system';\nimport React from 'react';\nimport { Section } from './CollectionSectionHeader.types';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { withoutDefaults } from '@wix/bex-core';\nimport {\n  wixPatternsSectionHeaderPrimaryActionClicked,\n  cairoSectionCtaClicked,\n} from '@wix/bex-core/bi';\nimport { ChevronDown, ChevronUp } from '@wix/wix-ui-icons-common/lazy';\n\nexport interface CollectionSectionHeaderActionBarProps {\n  sectionId: string;\n  sectionIndex: number;\n  section: Section & { collapsed?: boolean };\n  biComponentType: string;\n  collapsible?: boolean;\n  onToggleCollapse?: (sectionId: string) => void;\n}\n\nexport const CollectionSectionHeaderActionBar = ({\n  sectionId,\n  sectionIndex,\n  section,\n  biComponentType,\n  collapsible,\n  onToggleCollapse,\n}: CollectionSectionHeaderActionBarProps) => {\n  const { toolbarBIReporter } = useToolbarCollectionContext();\n  const { primaryAction, collapsed } = section;\n\n  const handlePrimaryActionClick = () => {\n    toolbarBIReporter.reportBi(\n      wixPatternsSectionHeaderPrimaryActionClicked({\n        sectionId,\n        cta: primaryAction?.id,\n        componentType: biComponentType,\n      }),\n    );\n    primaryAction?.onClick?.();\n  };\n\n  const handleCollapseActionClick = () => {\n    toolbarBIReporter.reportBi(\n      withoutDefaults(cairoSectionCtaClicked)({\n        location: 'Section Toolbar',\n        sectionType: 'table',\n        ctaName: collapsed ? 'expand' : 'collapse',\n        sectionIndex,\n      } as {}),\n    );\n    onToggleCollapse?.(sectionId);\n  };\n\n  return (\n    <Box direction=\"horizontal\" gap=\"SP2\" placeItems=\"center\">\n      {primaryAction && (\n        <TextButton\n          prefixIcon={primaryAction.prefixIcon}\n          dataHook=\"collection-section-header-primary-action\"\n          onClick={handlePrimaryActionClick}\n          size=\"small\"\n        >\n          {primaryAction.label}\n        </TextButton>\n      )}\n      {collapsible && (\n        <IconButton\n          size=\"tiny\"\n          dataHook=\"collection-section-header-collapse-action\"\n          skin=\"light\"\n          priority=\"primary\"\n          onClick={handleCollapseActionClick}\n        >\n          {collapsed ? <ChevronDown /> : <ChevronUp />}\n        </IconButton>\n      )}\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionTable/CollectionTable.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_ = "CollectionTable3761963699";
+var _namespace_ = "CollectionTable109442077";
 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": "CollectionTable3761963699__root"
+  "root": "CollectionTable109442077__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionTable/CollectionTable.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/CollectionTable/CollectionTable.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionTable3761963699\";\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\":\"CollectionTable3761963699__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionTable/CollectionTable.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionTable109442077\";\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\":\"CollectionTable109442077__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/CollectionTable/CollectionTableWSRTable.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_ = "CollectionTableWSRTable3587764784";
+var _namespace_ = "CollectionTableWSRTable2186714947";
 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": "CollectionTableWSRTable3587764784__root"
+  "root": "CollectionTableWSRTable2186714947__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.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/CollectionTable/CollectionTableWSRTable.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionTableWSRTable3587764784\";\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\":\"CollectionTableWSRTable3587764784__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,mCAAmC;AACrD,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;AAAyC,CAAC;AAChE,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/CollectionTable/CollectionTableWSRTable.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionTableWSRTable2186714947\";\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\":\"CollectionTableWSRTable2186714947__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,mCAAmC;AACrD,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;AAAyC,CAAC;AAChE,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":[]}