@wix/patterns 1.319.0 → 1.321.0

package/dist/cjs/components/PickerSelectorListContent/PickerSelectorListContent.js

@@ -16,7 +16,6 @@ function _PickerSelectorListContent(props) {
     renderItem,
     multiple,
     spacing = 30,
-    hiddenItemsWarningText,
     hasAdditionalStep,
     ...rest
   } = props;
@@ -24,8 +23,7 @@ function _PickerSelectorListContent(props) {
     picker
   } = state;
   const {
-    collection,
-    someHidden
+    collection
   } = picker;
   const {
     bulkSelect,
@@ -38,11 +36,6 @@ function _PickerSelectorListContent(props) {
     checkedSet,
     indeterminateSet
   } = bulkSelect;
-  (0, _react.useEffect)(() => {
-    if (hiddenItemsWarningText) {
-      picker.setFloatingNotificationHeight();
-    }
-  }, [hiddenItemsWarningText]);
   (0, _react.useEffect)(() => {
     const disposers = [(0, _bexCore.addEventListener)(bulkSelect.select._map.events, 'isDisabled', selectionEntry => {
       const collectionItem = bulkSelect.getCollectionItem(selectionEntry.value.key);
@@ -65,27 +58,6 @@ function _PickerSelectorListContent(props) {
     ...(renderItem == null ? void 0 : renderItem(keyedItem.item, index)),
     keyedItem
   })), [keyedItems, renderItem]);
-  const notification = someHidden && hiddenItemsWarningText && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    padding: `0 ${spacing}px 18px ${spacing}px`,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 92,
-      columnNumber: 5
-    }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.FloatingNotification, {
-    dataHook: "floating-notification",
-    width: "100%",
-    showCloseButton: false,
-    type: "warning",
-    text: hiddenItemsWarningText,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 93,
-      columnNumber: 7
-    }
-  }));
   return /*#__PURE__*/_react.default.createElement(_designSystem.SelectorListContent, (0, _extends2.default)({
     items: items,
     infiniteScrollRef: infiniteScroll => {
@@ -94,7 +66,6 @@ function _PickerSelectorListContent(props) {
     },
     searchValue: "",
     loadMore: collection.fetchNextPageIfNeeded,
-    topScrollableContent: notification,
     checkIsSelected: item => {
       const {
         keyedItem
@@ -124,7 +95,7 @@ function _PickerSelectorListContent(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 104,
+      lineNumber: 82,
       columnNumber: 5
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_bexCore","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_PickerSelectorListContent","props","state","renderItem","multiple","spacing","hiddenItemsWarningText","hasAdditionalStep","rest","picker","collection","someHidden","bulkSelect","result","keyedItems","fetchedLastPage","checkedSet","indeterminateSet","useEffect","setFloatingNotificationHeight","disposers","addEventListener","select","_map","events","selectionEntry","collectionItem","getCollectionItem","value","key","item","index","disabled","forEach","d","items","useMemo","map","keyedItem","id","title","itemName","notification","createElement","Box","padding","__self","__source","fileName","lineNumber","columnNumber","FloatingNotification","dataHook","width","showCloseButton","type","text","SelectorListContent","_extends2","infiniteScrollRef","infiniteScroll","_infiniteScroll$scrol","scrollableContent","scrollComponent","parentElement","searchValue","loadMore","fetchNextPageIfNeeded","topScrollableContent","checkIsSelected","checkIndeterminate","onToggle","toggle","clear","hasMore","PickerSelectorListContent","exports","observer"],"sources":["../../../../src/components/PickerSelectorListContent/PickerSelectorListContent.tsx"],"sourcesContent":["import {\n  Box,\n  FloatingNotification,\n  SelectorListContent,\n  SelectorListContentProps,\n  SelectorListItem,\n} from '@wix/design-system';\nimport React, { ReactNode, useEffect, useMemo } from 'react';\nimport { FiltersMap, KeyedItem, addEventListener } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { PickerContentState } from '../../state';\n\nexport type KeyedItemSelectorListItem<T> = SelectorListItem & {\n  keyedItem: KeyedItem<T>;\n};\n\nexport interface PickerSelectorListContentProps<T, F extends FiltersMap>\n  extends Partial<SelectorListContentProps> {\n  state: PickerContentState<T, F>;\n  renderItem?: (item: T, index: number) => Partial<SelectorListItem>;\n  hasAdditionalStep?: (props: { item: T }) => boolean;\n  hiddenItemsWarningText?: ReactNode;\n  spacing?: 30 | 94;\n}\n\nfunction _PickerSelectorListContent<T, F extends FiltersMap>(\n  props: PickerSelectorListContentProps<T, F>,\n) {\n  const {\n    state,\n    renderItem,\n    multiple,\n    spacing = 30,\n    hiddenItemsWarningText,\n    hasAdditionalStep,\n    ...rest\n  } = props;\n\n  const { picker } = state;\n  const { collection, someHidden } = picker;\n  const {\n    bulkSelect,\n    result: { keyedItems },\n    fetchedLastPage,\n  } = collection;\n\n  const { checkedSet, indeterminateSet } = bulkSelect;\n\n  useEffect(() => {\n    if (hiddenItemsWarningText) {\n      picker.setFloatingNotificationHeight();\n    }\n  }, [hiddenItemsWarningText]);\n\n  useEffect(() => {\n    const disposers = [\n      addEventListener(\n        bulkSelect.select._map.events,\n        'isDisabled',\n        (selectionEntry) => {\n          const collectionItem = bulkSelect.getCollectionItem(\n            selectionEntry.value.key,\n          );\n\n          if (!collectionItem) {\n            return false;\n          }\n\n          const { item, index } = collectionItem;\n          return renderItem?.(item, index).disabled || false;\n        },\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d());\n    };\n  }, [renderItem]);\n\n  const items: KeyedItemSelectorListItem<T>[] = useMemo(\n    () =>\n      keyedItems.map((keyedItem, index) => ({\n        id: keyedItem.key,\n        title: collection.itemName(keyedItem.item),\n        ...renderItem?.(keyedItem.item, index),\n        keyedItem,\n      })),\n    [keyedItems, renderItem],\n  );\n\n  const notification = someHidden && hiddenItemsWarningText && (\n    <Box padding={`0 ${spacing}px 18px ${spacing}px`}>\n      <FloatingNotification\n        dataHook=\"floating-notification\"\n        width=\"100%\"\n        showCloseButton={false}\n        type=\"warning\"\n        text={hiddenItemsWarningText}\n      />\n    </Box>\n  );\n\n  return (\n    <SelectorListContent\n      items={items}\n      infiniteScrollRef={(infiniteScroll) => {\n        collection.scrollableContent =\n          infiniteScroll?.scrollComponent?.parentElement;\n      }}\n      searchValue=\"\"\n      loadMore={collection.fetchNextPageIfNeeded}\n      topScrollableContent={notification}\n      checkIsSelected={(item) => {\n        const { keyedItem } = item as KeyedItemSelectorListItem<T>;\n        return checkedSet.has(keyedItem.key);\n      }}\n      checkIndeterminate={(item) => {\n        const { keyedItem } = item as KeyedItemSelectorListItem<T>;\n        return indeterminateSet.has(keyedItem.key);\n      }}\n      onToggle={(item) => {\n        const { keyedItem } = item as KeyedItemSelectorListItem<T>;\n        picker.toggle(keyedItem, {\n          clear: !multiple,\n          hasAdditionalStep:\n            !multiple && hasAdditionalStep?.({ item: keyedItem.item }),\n        });\n      }}\n      hasMore={!fetchedLastPage}\n      multiple={multiple}\n      {...rest}\n    />\n  );\n}\n\nexport const PickerSelectorListContent = observer(_PickerSelectorListContent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_bexCore","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_PickerSelectorListContent","props","state","renderItem","multiple","spacing","hasAdditionalStep","rest","picker","collection","bulkSelect","result","keyedItems","fetchedLastPage","checkedSet","indeterminateSet","useEffect","disposers","addEventListener","select","_map","events","selectionEntry","collectionItem","getCollectionItem","value","key","item","index","disabled","forEach","d","items","useMemo","map","keyedItem","id","title","itemName","createElement","SelectorListContent","_extends2","infiniteScrollRef","infiniteScroll","_infiniteScroll$scrol","scrollableContent","scrollComponent","parentElement","searchValue","loadMore","fetchNextPageIfNeeded","checkIsSelected","checkIndeterminate","onToggle","toggle","clear","hasMore","__self","__source","fileName","lineNumber","columnNumber","PickerSelectorListContent","exports","observer"],"sources":["../../../../src/components/PickerSelectorListContent/PickerSelectorListContent.tsx"],"sourcesContent":["import {\n  SelectorListContent,\n  SelectorListContentProps,\n  SelectorListItem,\n} from '@wix/design-system';\nimport React, { useEffect, useMemo } from 'react';\nimport { addEventListener, FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { PickerContentState } from '../../state';\n\nexport type KeyedItemSelectorListItem<T> = SelectorListItem & {\n  keyedItem: KeyedItem<T>;\n};\n\nexport interface PickerSelectorListContentProps<T, F extends FiltersMap>\n  extends Partial<SelectorListContentProps> {\n  state: PickerContentState<T, F>;\n  renderItem?: (item: T, index: number) => Partial<SelectorListItem>;\n  hasAdditionalStep?: (props: { item: T }) => boolean;\n  spacing?: 30 | 94;\n}\n\nfunction _PickerSelectorListContent<T, F extends FiltersMap>(\n  props: PickerSelectorListContentProps<T, F>,\n) {\n  const {\n    state,\n    renderItem,\n    multiple,\n    spacing = 30,\n    hasAdditionalStep,\n    ...rest\n  } = props;\n\n  const { picker } = state;\n  const { collection } = picker;\n  const {\n    bulkSelect,\n    result: { keyedItems },\n    fetchedLastPage,\n  } = collection;\n\n  const { checkedSet, indeterminateSet } = bulkSelect;\n\n  useEffect(() => {\n    const disposers = [\n      addEventListener(\n        bulkSelect.select._map.events,\n        'isDisabled',\n        (selectionEntry) => {\n          const collectionItem = bulkSelect.getCollectionItem(\n            selectionEntry.value.key,\n          );\n\n          if (!collectionItem) {\n            return false;\n          }\n\n          const { item, index } = collectionItem;\n          return renderItem?.(item, index).disabled || false;\n        },\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d());\n    };\n  }, [renderItem]);\n\n  const items: KeyedItemSelectorListItem<T>[] = useMemo(\n    () =>\n      keyedItems.map((keyedItem, index) => ({\n        id: keyedItem.key,\n        title: collection.itemName(keyedItem.item),\n        ...renderItem?.(keyedItem.item, index),\n        keyedItem,\n      })),\n    [keyedItems, renderItem],\n  );\n\n  return (\n    <SelectorListContent\n      items={items}\n      infiniteScrollRef={(infiniteScroll) => {\n        collection.scrollableContent =\n          infiniteScroll?.scrollComponent?.parentElement;\n      }}\n      searchValue=\"\"\n      loadMore={collection.fetchNextPageIfNeeded}\n      checkIsSelected={(item) => {\n        const { keyedItem } = item as KeyedItemSelectorListItem<T>;\n        return checkedSet.has(keyedItem.key);\n      }}\n      checkIndeterminate={(item) => {\n        const { keyedItem } = item as KeyedItemSelectorListItem<T>;\n        return indeterminateSet.has(keyedItem.key);\n      }}\n      onToggle={(item) => {\n        const { keyedItem } = item as KeyedItemSelectorListItem<T>;\n        picker.toggle(keyedItem, {\n          clear: !multiple,\n          hasAdditionalStep:\n            !multiple && hasAdditionalStep?.({ item: keyedItem.item }),\n        });\n      }}\n      hasMore={!fetchedLastPage}\n      multiple={multiple}\n      {...rest}\n    />\n  );\n}\n\nexport const PickerSelectorListContent = observer(_PickerSelectorListContent);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/PickerStandalone/PickerStandalone.js

@@ -22,7 +22,6 @@ function _PickerStandalone(props) {
     renderItem,
     renderEmptyState,
     renderError,
-    hiddenItemsWarningText,
     selectorListProps,
     dataHook,
     height,
@@ -67,7 +66,7 @@ function _PickerStandalone(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 139,
+      lineNumber: 135,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_MultiCollectionSupportProvider.MultiCollectionSupportProvider, {
@@ -75,7 +74,7 @@ function _PickerStandalone(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 140,
+      lineNumber: 136,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -83,7 +82,7 @@ function _PickerStandalone(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 141,
+      lineNumber: 137,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_Splash.Splash, (0, _extends2.default)({
@@ -94,7 +93,7 @@ function _PickerStandalone(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 142,
+      lineNumber: 138,
       columnNumber: 11
     }
   }), /*#__PURE__*/_react.default.createElement(_PickerStandaloneLayout.PickerStandaloneLayout, (0, _extends2.default)({
@@ -104,7 +103,7 @@ function _PickerStandalone(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 148,
+      lineNumber: 144,
       columnNumber: 13
     }
   }), /*#__PURE__*/_react.default.createElement(_Picker.Picker, {
@@ -115,12 +114,11 @@ function _PickerStandalone(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 153,
+      lineNumber: 149,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_PickerListContent.PickerListContent, (0, _extends2.default)({}, selectorListProps, {
     state: picker,
-    hiddenItemsWarningText: hiddenItemsWarningText,
     spacing: 94,
     renderItem: (keyedItem, index) => /*#__PURE__*/_react.default.createElement(_PickerStandaloneTableListItem.PickerStandaloneTableListItem, (0, _extends2.default)({}, renderItem == null ? void 0 : renderItem(keyedItem.item, index, {
       isMobileView
@@ -132,14 +130,14 @@ function _PickerStandalone(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 165,
+        lineNumber: 160,
         columnNumber: 21
       }
     })),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 159,
+      lineNumber: 155,
       columnNumber: 17
     }
   }))))))));

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

@@ -1 +1 @@
-{"version":3,"names":["_PickerStandaloneLayout","require","_Picker","_react","_interopRequireWildcard","_Splash","_CollectionContext","_PickerListContent","_PickerStandaloneTableListItem","_mobxReactLite","_MultiCollectionSupportProvider","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_PickerStandalone","props","state","renderItem","renderEmptyState","renderError","hiddenItemsWarningText","selectorListProps","dataHook","height","mobileHeight","minContentHeight","primaryActionWidth","defaultPrimaryButtonText","rest","picker","initTask","isMobileView","collection","_hasCreateNewAction","createNewAction","useState","useEffect","init","splashProps","paddingTop","paddingBottom","createElement","CollectionProvider","value","__self","__source","fileName","lineNumber","columnNumber","MultiCollectionSupportProvider","multi","Splash","_extends2","PickerStandaloneLayout","Picker","PickerListContent","spacing","keyedItem","index","PickerStandaloneTableListItem","item","PickerStandalone","exports","observer"],"sources":["../../../../src/components/PickerStandalone/PickerStandalone.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { PickerStandaloneState } from '../../state';\nimport {\n  PickerStandaloneLayout,\n  PickerStandaloneLayoutProps,\n} from '../PickerStandaloneLayout';\nimport { Picker, PickerProps } from '../Picker';\nimport React, { ReactElement, ReactNode, useEffect, useState } from 'react';\nimport { SelectorListContentProps, TextButtonProps } from '@wix/design-system';\nimport { Splash } from '../Splash';\nimport { CollectionProvider } from '../CollectionContext';\nimport { PickerListItemProps } from '../PickerListItemProps';\nimport { PickerListContent } from '../PickerListContent';\nimport { PickerStandaloneTableListItem } from './PickerStandaloneTableListItem';\nimport { observer } from 'mobx-react-lite';\nimport { MultiCollectionSupportProvider } from '../MultiCollectionSupportProvider';\n\nexport interface PickerStandaloneProps<T, F extends FiltersMap>\n  extends Partial<PickerStandaloneLayoutProps<T, F>> {\n  dataHook?: string;\n\n  /**\n   * A picker standalone state instance created with [`usePickerStandalone`](./?path=/story/base-components-collections-picker-hooks--usepickerstandalone)\n   */\n  state: PickerStandaloneState<T, F>;\n\n  /**\n   * A function that renders an item row in the `SelectorList`\n   */\n  renderItem?: (\n    item: T,\n    index: number,\n    options: { isMobileView?: boolean },\n  ) => Partial<PickerListItemProps>;\n\n  /**\n   * A render function to be rendered when there're no items to show in the table.<br>\n   * You can use the built in [`<CollectionEmptyState />`](./?path=/story/features-display-empty-states--collectionemptystate).<br>\n   * The function accepts the following parameters\n   *   * `hasAvailableItems`: Indicates whether other items might have been shown using other filtering / search\n   *   * `query`: An instance of [`ComputedQuery`](./?path=/story/common-types--computedquery) that represents the query that resulted with an empty state\n   */\n  renderEmptyState?: PickerProps<T, F>['renderEmptyState'];\n\n  renderError: PickerProps<T, F>['renderError'];\n\n  /** Show a warning at the top of the list when not all available items are currently showed */\n  hiddenItemsWarningText?: ReactNode;\n\n  /** Picker title if not provided via URL query parameter */\n  defaultTitle?: string;\n\n  /** Picker subtitle if not provided via URL query parameter */\n  defaultSubtitle?: string;\n\n  /** The text for the item primary button, if not provided via URL query parameter */\n  defaultPrimaryButtonText?: string;\n\n  /** Limits the number of lines for the title */\n  titleMaxLines?: number;\n\n  /** Hides the search input of the picker */\n  hideSearch?: boolean;\n\n  /**\n   * Additional props to pass to [SelectorList](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--selectorlist), i.e `imageSize`, `imageShape` etc.\n   */\n  selectorListProps?: Partial<SelectorListContentProps>;\n\n  /**\n   * The width of the primary action item.\n   * can be fixed or using [minmax](https://developer.mozilla.org/en-US/docs/Web/CSS/minmax())\n   */\n  primaryActionWidth?: string;\n\n  /**\n   *  Adds side action TextButton to the footer, with Add icon. Only `TextButton` React element is supported.\n   */\n  createNewAction?: ReactElement<TextButtonProps>;\n\n  minContentHeight?: number | string;\n  /**\n   * Height for mobile layout container\n   * @default 100vh\n   */\n  mobileHeight?: number | string;\n}\n\nexport function _PickerStandalone<T, F extends FiltersMap = FiltersMap>(\n  props: PickerStandaloneProps<T, F>,\n) {\n  const {\n    state,\n    renderItem,\n    renderEmptyState,\n    renderError,\n    hiddenItemsWarningText,\n    selectorListProps,\n    dataHook,\n    height,\n    mobileHeight,\n    minContentHeight,\n    primaryActionWidth,\n    defaultPrimaryButtonText,\n    ...rest\n  } = props;\n\n  const { picker, initTask, isMobileView } = state;\n\n  const { collection } = picker;\n\n  state._hasCreateNewAction = props.createNewAction != null;\n\n  useState(() => {\n    if (minContentHeight != null) {\n      picker.minContentHeight = minContentHeight;\n    }\n  });\n\n  useEffect(() => {\n    return state.init();\n  }, []);\n\n  const { splashProps } = isMobileView\n    ? {\n        splashProps: {\n          height: mobileHeight,\n        },\n      }\n    : {\n        splashProps: {\n          paddingTop: 'SP8',\n          paddingBottom: 'SP8',\n          height,\n        },\n      };\n\n  return (\n    <CollectionProvider value={collection}>\n      <MultiCollectionSupportProvider value={state.picker.multi}>\n        <div data-patterns>\n          <Splash\n            renderError={renderError}\n            dataHook={dataHook}\n            state={initTask}\n            {...splashProps}\n          >\n            <PickerStandaloneLayout\n              renderError={renderError}\n              state={state}\n              {...rest}\n            >\n              <Picker\n                dataHook=\"picker\"\n                state={picker}\n                renderEmptyState={renderEmptyState}\n                renderError={renderError}\n              >\n                <PickerListContent\n                  {...selectorListProps}\n                  state={picker}\n                  hiddenItemsWarningText={hiddenItemsWarningText}\n                  spacing={94}\n                  renderItem={(keyedItem, index) => (\n                    <PickerStandaloneTableListItem\n                      {...renderItem?.(keyedItem.item, index, { isMobileView })}\n                      defaultPrimaryButtonText={defaultPrimaryButtonText}\n                      state={state}\n                      primaryActionWidth={primaryActionWidth}\n                      keyedItem={keyedItem}\n                    />\n                  )}\n                />\n              </Picker>\n            </PickerStandaloneLayout>\n          </Splash>\n        </div>\n      </MultiCollectionSupportProvider>\n    </CollectionProvider>\n  );\n}\n\nexport const PickerStandalone = observer(_PickerStandalone);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_PickerStandaloneLayout","require","_Picker","_react","_interopRequireWildcard","_Splash","_CollectionContext","_PickerListContent","_PickerStandaloneTableListItem","_mobxReactLite","_MultiCollectionSupportProvider","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_PickerStandalone","props","state","renderItem","renderEmptyState","renderError","selectorListProps","dataHook","height","mobileHeight","minContentHeight","primaryActionWidth","defaultPrimaryButtonText","rest","picker","initTask","isMobileView","collection","_hasCreateNewAction","createNewAction","useState","useEffect","init","splashProps","paddingTop","paddingBottom","createElement","CollectionProvider","value","__self","__source","fileName","lineNumber","columnNumber","MultiCollectionSupportProvider","multi","Splash","_extends2","PickerStandaloneLayout","Picker","PickerListContent","spacing","keyedItem","index","PickerStandaloneTableListItem","item","PickerStandalone","exports","observer"],"sources":["../../../../src/components/PickerStandalone/PickerStandalone.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { PickerStandaloneState } from '../../state';\nimport {\n  PickerStandaloneLayout,\n  PickerStandaloneLayoutProps,\n} from '../PickerStandaloneLayout';\nimport { Picker, PickerProps } from '../Picker';\nimport React, { ReactElement, useEffect, useState } from 'react';\nimport { SelectorListContentProps, TextButtonProps } from '@wix/design-system';\nimport { Splash } from '../Splash';\nimport { CollectionProvider } from '../CollectionContext';\nimport { PickerListItemProps } from '../PickerListItemProps';\nimport { PickerListContent } from '../PickerListContent';\nimport { PickerStandaloneTableListItem } from './PickerStandaloneTableListItem';\nimport { observer } from 'mobx-react-lite';\nimport { MultiCollectionSupportProvider } from '../MultiCollectionSupportProvider';\n\nexport interface PickerStandaloneProps<T, F extends FiltersMap>\n  extends Partial<PickerStandaloneLayoutProps<T, F>> {\n  dataHook?: string;\n\n  /**\n   * A picker standalone state instance created with [`usePickerStandalone`](./?path=/story/base-components-collections-picker-hooks--usepickerstandalone)\n   */\n  state: PickerStandaloneState<T, F>;\n\n  /**\n   * A function that renders an item row in the `SelectorList`\n   */\n  renderItem?: (\n    item: T,\n    index: number,\n    options: { isMobileView?: boolean },\n  ) => Partial<PickerListItemProps>;\n\n  /**\n   * A render function to be rendered when there're no items to show in the table.<br>\n   * You can use the built in [`<CollectionEmptyState />`](./?path=/story/features-display-empty-states--collectionemptystate).<br>\n   * The function accepts the following parameters\n   *   * `hasAvailableItems`: Indicates whether other items might have been shown using other filtering / search\n   *   * `query`: An instance of [`ComputedQuery`](./?path=/story/common-types--computedquery) that represents the query that resulted with an empty state\n   */\n  renderEmptyState?: PickerProps<T, F>['renderEmptyState'];\n\n  renderError: PickerProps<T, F>['renderError'];\n\n  /** Picker title if not provided via URL query parameter */\n  defaultTitle?: string;\n\n  /** Picker subtitle if not provided via URL query parameter */\n  defaultSubtitle?: string;\n\n  /** The text for the item primary button, if not provided via URL query parameter */\n  defaultPrimaryButtonText?: string;\n\n  /** Limits the number of lines for the title */\n  titleMaxLines?: number;\n\n  /** Hides the search input of the picker */\n  hideSearch?: boolean;\n\n  /**\n   * Additional props to pass to [SelectorList](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--selectorlist), i.e `imageSize`, `imageShape` etc.\n   */\n  selectorListProps?: Partial<SelectorListContentProps>;\n\n  /**\n   * The width of the primary action item.\n   * can be fixed or using [minmax](https://developer.mozilla.org/en-US/docs/Web/CSS/minmax())\n   */\n  primaryActionWidth?: string;\n\n  /**\n   *  Adds side action TextButton to the footer, with Add icon. Only `TextButton` React element is supported.\n   */\n  createNewAction?: ReactElement<TextButtonProps>;\n\n  minContentHeight?: number | string;\n  /**\n   * Height for mobile layout container\n   * @default 100vh\n   */\n  mobileHeight?: number | string;\n}\n\nexport function _PickerStandalone<T, F extends FiltersMap = FiltersMap>(\n  props: PickerStandaloneProps<T, F>,\n) {\n  const {\n    state,\n    renderItem,\n    renderEmptyState,\n    renderError,\n    selectorListProps,\n    dataHook,\n    height,\n    mobileHeight,\n    minContentHeight,\n    primaryActionWidth,\n    defaultPrimaryButtonText,\n    ...rest\n  } = props;\n\n  const { picker, initTask, isMobileView } = state;\n\n  const { collection } = picker;\n\n  state._hasCreateNewAction = props.createNewAction != null;\n\n  useState(() => {\n    if (minContentHeight != null) {\n      picker.minContentHeight = minContentHeight;\n    }\n  });\n\n  useEffect(() => {\n    return state.init();\n  }, []);\n\n  const { splashProps } = isMobileView\n    ? {\n        splashProps: {\n          height: mobileHeight,\n        },\n      }\n    : {\n        splashProps: {\n          paddingTop: 'SP8',\n          paddingBottom: 'SP8',\n          height,\n        },\n      };\n\n  return (\n    <CollectionProvider value={collection}>\n      <MultiCollectionSupportProvider value={state.picker.multi}>\n        <div data-patterns>\n          <Splash\n            renderError={renderError}\n            dataHook={dataHook}\n            state={initTask}\n            {...splashProps}\n          >\n            <PickerStandaloneLayout\n              renderError={renderError}\n              state={state}\n              {...rest}\n            >\n              <Picker\n                dataHook=\"picker\"\n                state={picker}\n                renderEmptyState={renderEmptyState}\n                renderError={renderError}\n              >\n                <PickerListContent\n                  {...selectorListProps}\n                  state={picker}\n                  spacing={94}\n                  renderItem={(keyedItem, index) => (\n                    <PickerStandaloneTableListItem\n                      {...renderItem?.(keyedItem.item, index, { isMobileView })}\n                      defaultPrimaryButtonText={defaultPrimaryButtonText}\n                      state={state}\n                      primaryActionWidth={primaryActionWidth}\n                      keyedItem={keyedItem}\n                    />\n                  )}\n                />\n              </Picker>\n            </PickerStandaloneLayout>\n          </Splash>\n        </div>\n      </MultiCollectionSupportProvider>\n    </CollectionProvider>\n  );\n}\n\nexport const PickerStandalone = observer(_PickerStandalone);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/PickerStandaloneLayout/PickerStandaloneLayoutHeader.js

@@ -32,14 +32,8 @@ function _PickerStandaloneLayoutHeader(props) {
   } = state;
   const {
     collection,
-    strictFiltersOnly,
     isScrollTop
   } = picker;
-  const {
-    result: {
-      isEmptyAndNotFetching: isEmptyAfterStrictFilters
-    }
-  } = strictFiltersOnly;
   const searchRef = (0, _react.useRef)();
   const onSearchFocus = () => {
     state.setIsDuringSearch(true);
@@ -70,7 +64,7 @@ function _PickerStandaloneLayoutHeader(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 69,
+        lineNumber: 65,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_Fade.Fade, {
@@ -79,7 +73,7 @@ function _PickerStandaloneLayoutHeader(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 70,
+        lineNumber: 66,
         columnNumber: 15
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -89,7 +83,7 @@ function _PickerStandaloneLayoutHeader(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 71,
+        lineNumber: 67,
         columnNumber: 17
       }
     }, isDuringSearch ? /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronLeftLarge, {
@@ -102,7 +96,7 @@ function _PickerStandaloneLayoutHeader(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 73,
+        lineNumber: 69,
         columnNumber: 21
       }
     }) : /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -112,7 +106,7 @@ function _PickerStandaloneLayoutHeader(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 80,
+        lineNumber: 76,
         columnNumber: 21
       }
     }, logoType === 'editorx' ? /*#__PURE__*/_react.default.createElement(_EditorXLogo.EditorXLogo, {
@@ -120,7 +114,7 @@ function _PickerStandaloneLayoutHeader(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 86,
+        lineNumber: 82,
         columnNumber: 25
       }
     }) : /*#__PURE__*/_react.default.createElement(_WixLogo.WixLogo, {
@@ -128,7 +122,7 @@ function _PickerStandaloneLayoutHeader(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 88,
+        lineNumber: 84,
         columnNumber: 25
       }
     }))))), /*#__PURE__*/_react.default.createElement(_ExpandableSearch.ExpandableSearch, {
@@ -142,7 +136,7 @@ function _PickerStandaloneLayoutHeader(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 95,
+        lineNumber: 91,
         columnNumber: 13
       }
     })),
@@ -158,7 +152,7 @@ function _PickerStandaloneLayoutHeader(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 111,
+        lineNumber: 107,
         columnNumber: 11
       }
     })
@@ -174,7 +168,7 @@ function _PickerStandaloneLayoutHeader(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 125,
+        lineNumber: 121,
         columnNumber: 11
       }
     }, logoType === 'editorx' ? /*#__PURE__*/_react.default.createElement(_EditorXLogo.EditorXLogo, {
@@ -182,7 +176,7 @@ function _PickerStandaloneLayoutHeader(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 127,
+        lineNumber: 123,
         columnNumber: 15
       }
     }) : /*#__PURE__*/_react.default.createElement(_WixLogo.WixLogo, {
@@ -190,7 +184,7 @@ function _PickerStandaloneLayoutHeader(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 129,
+        lineNumber: 125,
         columnNumber: 15
       }
     })),
@@ -198,7 +192,7 @@ function _PickerStandaloneLayoutHeader(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 133,
+        lineNumber: 129,
         columnNumber: 24
       }
     }),
@@ -207,7 +201,7 @@ function _PickerStandaloneLayoutHeader(props) {
       paddingBottom: 'SP3',
       gap: 'SP3'
     },
-    titleDivider: !hideSearch && !isEmptyAfterStrictFilters && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    titleDivider: !hideSearch && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
       display: "flex",
       direction: "vertical",
       paddingLeft: "94px",
@@ -215,7 +209,7 @@ function _PickerStandaloneLayoutHeader(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 140,
+        lineNumber: 136,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_CollectionSearch.CollectionSearch, {
@@ -223,7 +217,7 @@ function _PickerStandaloneLayoutHeader(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 146,
+        lineNumber: 142,
         columnNumber: 13
       }
     }))
@@ -237,7 +231,7 @@ function _PickerStandaloneLayoutHeader(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 155,
+      lineNumber: 151,
       columnNumber: 7
     }
   }), header), headerDivider, /*#__PURE__*/_react.default.createElement(_designSystem.Box, (0, _extends2.default)({
@@ -247,7 +241,7 @@ function _PickerStandaloneLayoutHeader(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 164,
+      lineNumber: 160,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_Collapse.Collapse, {
@@ -257,7 +251,7 @@ function _PickerStandaloneLayoutHeader(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 165,
+      lineNumber: 161,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_Fade.Fade, {
@@ -266,14 +260,14 @@ function _PickerStandaloneLayoutHeader(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 166,
+      lineNumber: 162,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_PickerStandaloneLayoutTitles.PickerStandaloneLayoutTitles, (0, _extends2.default)({}, props, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 167,
+      lineNumber: 163,
       columnNumber: 13
     }
   })))), titleDivider));

package/dist/cjs/components/PickerStandaloneLayout/PickerStandaloneLayoutHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobxReactLite","_react","_interopRequireWildcard","_reactTransitionGroup","_designSystem","_wixUiIconsCommon","_CollectionSearch","_EditorXLogo","_WixLogo","_PickerStandaloneLayoutTitles","_Collapse","_Fade","_ExpandableSearch","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_PickerStandaloneLayoutHeader","props","state","hideSearch","picker","logoType","isMobileView","isDuringSearch","collection","strictFiltersOnly","isScrollTop","result","isEmptyAndNotFetching","isEmptyAfterStrictFilters","searchRef","useRef","onSearchFocus","setIsDuringSearch","onSearchBlur","query","search","isEmpty","onBackClicked","_searchRef$current","_searchRef$current2","current","focus","clearSearch","blur","headerProps","header","headerDivider","titleSearchContainerProps","titleDivider","padding","align","createElement","Fragment","SwitchTransition","__self","__source","fileName","lineNumber","columnNumber","Fade","timeout","key","style","display","ChevronLeftLarge","height","width","onClick","cursor","Box","verticalAlign","boxSizing","EditorXLogo","WixLogo","ExpandableSearch","visibility","undefined","expandable","onBlur","onFocus","inputRef","input","paddingBottom","margin","boxShadow","zIndex","Divider","paddingTop","gap","direction","paddingLeft","paddingRight","CollectionSearch","minWidthPixels","collapse","useState","TransitionState","_extends2","Collapse","in","PickerStandaloneLayoutTitles","PickerStandaloneLayoutHeader","exports","observer"],"sources":["../../../../src/components/PickerStandaloneLayout/PickerStandaloneLayoutHeader.tsx"],"sourcesContent":["import { FiltersMap, TransitionState } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { useRef, useState } from 'react';\nimport { SwitchTransition } from 'react-transition-group';\nimport { Box, Divider } from '@wix/design-system';\nimport { ChevronLeftLarge } from '@wix/wix-ui-icons-common';\nimport { CollectionSearch } from '../CollectionSearch';\nimport { EditorXLogo } from '../EditorXLogo';\nimport { WixLogo } from '../WixLogo';\nimport { PickerStandaloneLayoutTitles } from './PickerStandaloneLayoutTitles';\nimport { Collapse } from '../Collapse';\nimport { Fade } from '../Fade';\nimport { PickerStandaloneState } from '../../state';\nimport { ExpandableSearch } from '../ExpandableSearch';\n\nexport interface PickerStandaloneLayoutHeaderProps<\n  T,\n  F extends FiltersMap = FiltersMap,\n> {\n  state: PickerStandaloneState<T, F>;\n  hideSearch?: boolean;\n}\n\nfunction _PickerStandaloneLayoutHeader<T, F extends FiltersMap = FiltersMap>(\n  props: PickerStandaloneLayoutHeaderProps<T, F>,\n) {\n  const { state, hideSearch } = props;\n\n  const { picker, logoType, isMobileView, isDuringSearch } = state;\n\n  const { collection, strictFiltersOnly, isScrollTop } = picker;\n\n  const {\n    result: { isEmptyAndNotFetching: isEmptyAfterStrictFilters },\n  } = strictFiltersOnly;\n\n  const searchRef = useRef<HTMLInputElement>();\n\n  const onSearchFocus = () => {\n    state.setIsDuringSearch(true);\n  };\n\n  const onSearchBlur = () => {\n    if (collection.query.search.isEmpty) {\n      state.setIsDuringSearch(false);\n    }\n  };\n\n  const onBackClicked = async () => {\n    searchRef.current?.focus();\n    await collection.clearSearch();\n    searchRef.current?.blur();\n  };\n\n  const {\n    headerProps,\n    header,\n    headerDivider,\n    titleSearchContainerProps,\n    titleDivider,\n  } = isMobileView\n    ? {\n        headerProps: {\n          padding: '12px 24px',\n          align: 'space-between' as const,\n        },\n        header: (\n          <>\n            <SwitchTransition>\n              <Fade timeout={150} key={isDuringSearch ? 1 : 0}>\n                <div style={{ display: 'flex' }}>\n                  {isDuringSearch ? (\n                    <ChevronLeftLarge\n                      height={24}\n                      width={24}\n                      onClick={onBackClicked}\n                      style={{ cursor: 'pointer' }}\n                    />\n                  ) : (\n                    <Box\n                      align=\"center\"\n                      verticalAlign=\"middle\"\n                      boxSizing=\"border-box\"\n                    >\n                      {logoType === 'editorx' ? (\n                        <EditorXLogo height={16} />\n                      ) : (\n                        <WixLogo height={16} />\n                      )}\n                    </Box>\n                  )}\n                </div>\n              </Fade>\n            </SwitchTransition>\n            <ExpandableSearch\n              visibility={hideSearch ? 'hidden' : undefined}\n              expandable\n              onBlur={onSearchBlur}\n              onFocus={onSearchFocus}\n              inputRef={(input) => {\n                searchRef.current = input;\n              }}\n            />\n          </>\n        ),\n        headerDivider: undefined,\n        titleSearchContainerProps: {\n          paddingBottom: !isScrollTop && !collection.result.isEmpty ? 0 : 'SP2',\n        },\n        titleDivider: !isScrollTop && !collection.result.isEmpty && (\n          <Box\n            margin=\"0 15px\"\n            height=\"12px\"\n            boxShadow=\"0 5px 5px -5px rgb(32 48 60 / 20%)\"\n            zIndex={9999999}\n          />\n        ),\n      }\n    : {\n        headerProps: {\n          padding: '24px 30px',\n          align: 'center' as const,\n        },\n        header: (\n          <Box align=\"center\" verticalAlign=\"middle\" boxSizing=\"border-box\">\n            {logoType === 'editorx' ? (\n              <EditorXLogo height={18} />\n            ) : (\n              <WixLogo height={24} />\n            )}\n          </Box>\n        ),\n        headerDivider: <Divider />,\n        titleSearchContainerProps: {\n          paddingTop: 'SP4',\n          paddingBottom: 'SP3',\n          gap: 'SP3',\n        },\n        titleDivider: !hideSearch && !isEmptyAfterStrictFilters && (\n          <Box\n            display=\"flex\"\n            direction=\"vertical\"\n            paddingLeft=\"94px\"\n            paddingRight=\"94px\"\n          >\n            <CollectionSearch minWidthPixels=\"100%\" />\n          </Box>\n        ),\n      };\n\n  const [collapse] = useState(() => new TransitionState(true));\n\n  return (\n    <>\n      <Box\n        direction=\"horizontal\"\n        boxSizing=\"border-box\"\n        verticalAlign=\"middle\"\n        {...headerProps}\n      >\n        {header}\n      </Box>\n      {headerDivider}\n      <Box display=\"grid\" direction=\"vertical\" {...titleSearchContainerProps}>\n        <Collapse state={collapse} in={!isDuringSearch} timeout={300}>\n          <Fade in={!isDuringSearch} timeout={300}>\n            <PickerStandaloneLayoutTitles {...props} />\n          </Fade>\n        </Collapse>\n        {titleDivider}\n      </Box>\n    </>\n  );\n}\nexport const PickerStandaloneLayoutHeader = observer(\n  _PickerStandaloneLayoutHeader,\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_mobxReactLite","_react","_interopRequireWildcard","_reactTransitionGroup","_designSystem","_wixUiIconsCommon","_CollectionSearch","_EditorXLogo","_WixLogo","_PickerStandaloneLayoutTitles","_Collapse","_Fade","_ExpandableSearch","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_PickerStandaloneLayoutHeader","props","state","hideSearch","picker","logoType","isMobileView","isDuringSearch","collection","isScrollTop","searchRef","useRef","onSearchFocus","setIsDuringSearch","onSearchBlur","query","search","isEmpty","onBackClicked","_searchRef$current","_searchRef$current2","current","focus","clearSearch","blur","headerProps","header","headerDivider","titleSearchContainerProps","titleDivider","padding","align","createElement","Fragment","SwitchTransition","__self","__source","fileName","lineNumber","columnNumber","Fade","timeout","key","style","display","ChevronLeftLarge","height","width","onClick","cursor","Box","verticalAlign","boxSizing","EditorXLogo","WixLogo","ExpandableSearch","visibility","undefined","expandable","onBlur","onFocus","inputRef","input","paddingBottom","result","margin","boxShadow","zIndex","Divider","paddingTop","gap","direction","paddingLeft","paddingRight","CollectionSearch","minWidthPixels","collapse","useState","TransitionState","_extends2","Collapse","in","PickerStandaloneLayoutTitles","PickerStandaloneLayoutHeader","exports","observer"],"sources":["../../../../src/components/PickerStandaloneLayout/PickerStandaloneLayoutHeader.tsx"],"sourcesContent":["import { FiltersMap, TransitionState } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { useRef, useState } from 'react';\nimport { SwitchTransition } from 'react-transition-group';\nimport { Box, Divider } from '@wix/design-system';\nimport { ChevronLeftLarge } from '@wix/wix-ui-icons-common';\nimport { CollectionSearch } from '../CollectionSearch';\nimport { EditorXLogo } from '../EditorXLogo';\nimport { WixLogo } from '../WixLogo';\nimport { PickerStandaloneLayoutTitles } from './PickerStandaloneLayoutTitles';\nimport { Collapse } from '../Collapse';\nimport { Fade } from '../Fade';\nimport { PickerStandaloneState } from '../../state';\nimport { ExpandableSearch } from '../ExpandableSearch';\n\nexport interface PickerStandaloneLayoutHeaderProps<\n  T,\n  F extends FiltersMap = FiltersMap,\n> {\n  state: PickerStandaloneState<T, F>;\n  hideSearch?: boolean;\n}\n\nfunction _PickerStandaloneLayoutHeader<T, F extends FiltersMap = FiltersMap>(\n  props: PickerStandaloneLayoutHeaderProps<T, F>,\n) {\n  const { state, hideSearch } = props;\n\n  const { picker, logoType, isMobileView, isDuringSearch } = state;\n\n  const { collection, isScrollTop } = picker;\n\n  const searchRef = useRef<HTMLInputElement>();\n\n  const onSearchFocus = () => {\n    state.setIsDuringSearch(true);\n  };\n\n  const onSearchBlur = () => {\n    if (collection.query.search.isEmpty) {\n      state.setIsDuringSearch(false);\n    }\n  };\n\n  const onBackClicked = async () => {\n    searchRef.current?.focus();\n    await collection.clearSearch();\n    searchRef.current?.blur();\n  };\n\n  const {\n    headerProps,\n    header,\n    headerDivider,\n    titleSearchContainerProps,\n    titleDivider,\n  } = isMobileView\n    ? {\n        headerProps: {\n          padding: '12px 24px',\n          align: 'space-between' as const,\n        },\n        header: (\n          <>\n            <SwitchTransition>\n              <Fade timeout={150} key={isDuringSearch ? 1 : 0}>\n                <div style={{ display: 'flex' }}>\n                  {isDuringSearch ? (\n                    <ChevronLeftLarge\n                      height={24}\n                      width={24}\n                      onClick={onBackClicked}\n                      style={{ cursor: 'pointer' }}\n                    />\n                  ) : (\n                    <Box\n                      align=\"center\"\n                      verticalAlign=\"middle\"\n                      boxSizing=\"border-box\"\n                    >\n                      {logoType === 'editorx' ? (\n                        <EditorXLogo height={16} />\n                      ) : (\n                        <WixLogo height={16} />\n                      )}\n                    </Box>\n                  )}\n                </div>\n              </Fade>\n            </SwitchTransition>\n            <ExpandableSearch\n              visibility={hideSearch ? 'hidden' : undefined}\n              expandable\n              onBlur={onSearchBlur}\n              onFocus={onSearchFocus}\n              inputRef={(input) => {\n                searchRef.current = input;\n              }}\n            />\n          </>\n        ),\n        headerDivider: undefined,\n        titleSearchContainerProps: {\n          paddingBottom: !isScrollTop && !collection.result.isEmpty ? 0 : 'SP2',\n        },\n        titleDivider: !isScrollTop && !collection.result.isEmpty && (\n          <Box\n            margin=\"0 15px\"\n            height=\"12px\"\n            boxShadow=\"0 5px 5px -5px rgb(32 48 60 / 20%)\"\n            zIndex={9999999}\n          />\n        ),\n      }\n    : {\n        headerProps: {\n          padding: '24px 30px',\n          align: 'center' as const,\n        },\n        header: (\n          <Box align=\"center\" verticalAlign=\"middle\" boxSizing=\"border-box\">\n            {logoType === 'editorx' ? (\n              <EditorXLogo height={18} />\n            ) : (\n              <WixLogo height={24} />\n            )}\n          </Box>\n        ),\n        headerDivider: <Divider />,\n        titleSearchContainerProps: {\n          paddingTop: 'SP4',\n          paddingBottom: 'SP3',\n          gap: 'SP3',\n        },\n        titleDivider: !hideSearch && (\n          <Box\n            display=\"flex\"\n            direction=\"vertical\"\n            paddingLeft=\"94px\"\n            paddingRight=\"94px\"\n          >\n            <CollectionSearch minWidthPixels=\"100%\" />\n          </Box>\n        ),\n      };\n\n  const [collapse] = useState(() => new TransitionState(true));\n\n  return (\n    <>\n      <Box\n        direction=\"horizontal\"\n        boxSizing=\"border-box\"\n        verticalAlign=\"middle\"\n        {...headerProps}\n      >\n        {header}\n      </Box>\n      {headerDivider}\n      <Box display=\"grid\" direction=\"vertical\" {...titleSearchContainerProps}>\n        <Collapse state={collapse} in={!isDuringSearch} timeout={300}>\n          <Fade in={!isDuringSearch} timeout={300}>\n            <PickerStandaloneLayoutTitles {...props} />\n          </Fade>\n        </Collapse>\n        {titleDivider}\n      </Box>\n    </>\n  );\n}\nexport const PickerStandaloneLayoutHeader = observer(\n  _PickerStandaloneLayoutHeader,\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.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_ = "PickerTableListItem1427385186";
+var _namespace_ = "PickerTableListItem3790055251";
 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": "PickerTableListItem1427385186__root"
+  "root": "PickerTableListItem3790055251__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.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/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem1427385186\";\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\":\"PickerTableListItem1427385186__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,+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;AAAqC,CAAC;AAC5D,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/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem3790055251\";\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\":\"PickerTableListItem3790055251__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,+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;AAAqC,CAAC;AAC5D,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/ScrollableContent/ScrollableContent.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_ = "ScrollableContent1821868856";
+var _namespace_ = "ScrollableContent2106769415";
 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": "ScrollableContent1821868856__root"
+  "root": "ScrollableContent2106769415__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ScrollableContent/ScrollableContent.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/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent1821868856\";\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\":\"ScrollableContent1821868856__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,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;AAAmC,CAAC;AAC1D,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/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent2106769415\";\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\":\"ScrollableContent2106769415__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,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;AAAmC,CAAC;AAC1D,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/SkeletonCard/SkeletonCard.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_ = "SkeletonCard600805724";
+var _namespace_ = "SkeletonCard2728214207";
 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": "SkeletonCard600805724__root",
-  "headerLoading": "SkeletonCard600805724__headerLoading"
+  "root": "SkeletonCard2728214207__root",
+  "headerLoading": "SkeletonCard2728214207__headerLoading"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SkeletonCard/SkeletonCard.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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard600805724\";\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\":\"SkeletonCard600805724__root\",\"headerLoading\":\"SkeletonCard600805724__headerLoading\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,eAAe,EAAC;AAAsC,CAAC;AAC3G,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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard2728214207\";\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\":\"SkeletonCard2728214207__root\",\"headerLoading\":\"SkeletonCard2728214207__headerLoading\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,eAAe,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":[]}