@wix/patterns 1.18.0 → 1.21.0

package/dist/cjs/components/Grid/GridFolders.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_ToolbarCollectionContentAutoSizer","_mobxReactLite","_useGridBaseSyncProps","_getToolbarCollectionFeaturesInitializers","_GridFoldersSectionsGroup","_CollectionCard","_ToolbarCollection","_GridFoldersPlaceholderStates","_minimalRequiredWdsRuntimeCheck","_useToolbarCollectionSyncProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridFolders","props","state","exportModal","dataHook","cardProps","emptyState","noResultsState","renderError","topNotification","toolbar","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","useToolbarCollectionSyncProps","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","useGridBaseSyncProps","items","renderAddItem","renderFolderAddItem","folders","useEffect","init","featuresInitializers","getToolbarCollectionFeaturesInitializers","createElement","CollectionCard","_extends2","__self","__source","fileName","lineNumber","columnNumber","ToolbarCollection","GridFoldersPlaceholderStates","ToolbarCollectionContentAutoSizer","GridFoldersSectionsGroup","featuredComponents","value","GridFolders","exports","observer"],"sources":["../../../../src/components/Grid/GridFolders.tsx"],"sourcesContent":["import { AddItemProps } from '@wix/design-system';\nimport React, { ReactElement, ReactNode, useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionContentAutoSizer } from '../ToolbarCollectionContentAutoSizer';\nimport { observer } from 'mobx-react-lite';\nimport { GridFoldersState } from '../../state';\nimport { ActionCell } from '../ActionCell';\nimport { SupportedCardGalleryItemProps } from './SupportedCardGalleryItemProps';\nimport { useGridBaseSyncProps } from './useGridBaseSyncProps';\nimport { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';\nimport { GridFoldersSectionsGroup } from './GridFoldersSectionsGroup';\nimport { GridFoldersPresetProps } from './GridFolders.types';\nimport { GridItemBaseProps } from './GridItemBaseProps';\nimport { CollectionCard } from '../CollectionCard';\nimport {\n  ToolbarCollection,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\nimport { GridFoldersPlaceholderStates } from './GridFoldersPlaceholderStates';\nimport { PartialAllFilters } from '../../state/FoldersAndItemsCollectionsState';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\nimport { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';\n\nexport interface GridFoldersBaseProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> extends Omit<\n      ToolbarCollectionBaseProps<T1, PartialAllFilters<F1, F2>>,\n      'emptyState' | 'noResultsState' | 'topNotification'\n    >,\n    GridItemBaseProps<T1, F1> {\n  dataHook?: string;\n  /** A GridFoldersState instance created using [useGridFolders](./?path=/story/common-hooks--usegridfolders). */\n  state: GridFoldersState<T1, F1, T2, F2>;\n  /** Optional custom title for the items section */\n  itemsSectionTitle?: string;\n  foldersSectionTitle?: string;\n  /** Same as `renderItem`, but for a folder item. */\n  renderFolderItem?: (\n    item: T2,\n    index: number,\n  ) => Partial<SupportedCardGalleryItemProps>;\n  /** Same as `preset` but for a folder item */\n  folderPreset?: 'full' | 'title';\n  /** Same as `actionCell`, but for a folder item. */\n  folderActionCell?: ActionCell<T2, F2>;\n  /** Same as `renderAddItem`, but for a folder item. */\n  renderFolderAddItem?: () => ReactElement<AddItemProps>;\n  /**\n   * Shown when the collection is empty.\n   * Pass [`<CollectionEmptyState />`](./?path=/story/components-collection-features--empty-state) component.\n   */\n  emptyState?: ReactNode;\n\n  /**\n   * Enable to configure Wix Patterns default NoResultsState behaviour.\n   * Will be shown in when the the results after search or filter is empty.\n   * Pass [`<NoResultsState />`](./?path=/story/components-collection-features--no-results-state) component.\n   */\n  noResultsState?: ReactNode;\n  topNotification?: ReactElement;\n}\n\nexport type GridFoldersBasePropsWithoutPreset<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = Omit<\n  GridFoldersBaseProps<T1, F1, T2, F2>,\n  'preset' | 'folderPreset' | 'renderItem' | 'renderFolderItem'\n>;\n\nexport type GridFoldersProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = GridFoldersPresetProps<\n  T1,\n  T2,\n  GridFoldersBasePropsWithoutPreset<T1, F1, T2, F2>\n>;\n\nfunction _GridFolders<T1, F1 extends FiltersMap, T2, F2 extends FiltersMap>(\n  props: GridFoldersProps<T1, F1, T2, F2>,\n) {\n  const {\n    state,\n    exportModal,\n    dataHook,\n    cardProps,\n    emptyState,\n    noResultsState,\n    renderError,\n    topNotification,\n  } = props;\n\n  const { toolbar } = state;\n\n  if (process.env.NODE_ENV !== 'production') {\n    // https://github.com/wix-private/wix-design-systems/pull/13091/files#diff-0befb17e7fa12b244a3efce19b067187b39d3a96d4f7e62a59f4f0fd876dc37cR102\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.89.0',\n      requiredBy: 'Cairo/GridFolders',\n    });\n  }\n\n  useToolbarCollectionSyncProps({\n    ...props,\n    state: state.toolbar,\n    isUsingDragAndDrop: false,\n    isUsingBulkActionsToolbar: false,\n    isUsingHorizontalScroll: false,\n    isUsingFolders: true,\n    isUsingTableVirtualization: false,\n  });\n\n  useGridBaseSyncProps({ ...props, state: state.items });\n  useGridBaseSyncProps({\n    ...props,\n    renderAddItem: props.renderFolderAddItem,\n    state: state.folders,\n  });\n\n  useEffect(\n    () =>\n      state.init({\n        featuresInitializers: getToolbarCollectionFeaturesInitializers(props),\n      }),\n    [],\n  );\n\n  return (\n    <CollectionCard\n      renderError={false}\n      state={toolbar}\n      dataHook={dataHook}\n      {...cardProps}\n    >\n      <ToolbarCollection {...props} state={toolbar}>\n        <GridFoldersPlaceholderStates\n          state={state}\n          emptyState={emptyState}\n          noResultsState={noResultsState}\n          renderError={renderError}\n          topNotification={topNotification}\n        >\n          <ToolbarCollectionContentAutoSizer>\n            <GridFoldersSectionsGroup {...props} />\n          </ToolbarCollectionContentAutoSizer>\n        </GridFoldersPlaceholderStates>\n      </ToolbarCollection>\n      {exportModal ?? toolbar.featuredComponents.exportModal.value}\n    </CollectionCard>\n  );\n}\n\nexport const GridFolders = observer(_GridFolders);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ToolbarCollectionContentAutoSizer","_mobxReactLite","_useGridBaseSyncProps","_getToolbarCollectionFeaturesInitializers","_GridFoldersSectionsGroup","_CollectionCard","_ToolbarCollection","_GridFoldersPlaceholderStates","_minimalRequiredWdsRuntimeCheck","_useToolbarCollectionSyncProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridFolders","props","state","exportModal","dataHook","cardProps","emptyState","noResultsState","renderError","topNotification","toolbar","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","useToolbarCollectionSyncProps","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","useGridBaseSyncProps","items","renderAddItem","renderFolderAddItem","folders","useEffect","init","featuresInitializers","getToolbarCollectionFeaturesInitializers","createElement","CollectionCard","_extends2","__self","__source","fileName","lineNumber","columnNumber","ToolbarCollection","GridFoldersPlaceholderStates","ToolbarCollectionContentAutoSizer","GridFoldersSectionsGroup","featuredComponents","value","GridFolders","exports","observer"],"sources":["../../../../src/components/Grid/GridFolders.tsx"],"sourcesContent":["import { AddItemProps } from '@wix/design-system';\nimport React, { ReactElement, useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionContentAutoSizer } from '../ToolbarCollectionContentAutoSizer';\nimport { observer } from 'mobx-react-lite';\nimport { GridFoldersState } from '../../state';\nimport { ActionCell } from '../ActionCell';\nimport { SupportedCardGalleryItemProps } from './SupportedCardGalleryItemProps';\nimport { useGridBaseSyncProps } from './useGridBaseSyncProps';\nimport { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';\nimport { GridFoldersSectionsGroup } from './GridFoldersSectionsGroup';\nimport { GridFoldersPresetProps } from './GridFolders.types';\nimport { GridItemBaseProps } from './GridItemBaseProps';\nimport { CollectionCard } from '../CollectionCard';\nimport {\n  ToolbarCollection,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\nimport { GridFoldersPlaceholderStates } from './GridFoldersPlaceholderStates';\nimport { PartialAllFilters } from '../../state/FoldersAndItemsCollectionsState';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\nimport { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';\n\nexport interface GridFoldersBaseProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> extends Omit<\n      ToolbarCollectionBaseProps<T1, PartialAllFilters<F1, F2>>,\n      'topNotification'\n    >,\n    GridItemBaseProps<T1, F1> {\n  dataHook?: string;\n  /** A GridFoldersState instance created using [useGridFolders](./?path=/story/base-components-collections-gridfolders-usegridfolders--usegridfolders). */\n  state: GridFoldersState<T1, F1, T2, F2>;\n  /** Optional custom title for the items section */\n  itemsSectionTitle?: string;\n  foldersSectionTitle?: string;\n  /** Same as `renderItem`, but for a folder item. */\n  renderFolderItem?: (\n    item: T2,\n    index: number,\n  ) => Partial<SupportedCardGalleryItemProps>;\n  /** Same as `preset` but for a folder item */\n  folderPreset?: 'full' | 'title';\n  /** Same as `actionCell`, but for a folder item. */\n  folderActionCell?: ActionCell<T2, F2>;\n  /** Same as `renderAddItem`, but for a folder item. */\n  renderFolderAddItem?: () => ReactElement<AddItemProps>;\n  topNotification?: ReactElement;\n}\n\nexport type GridFoldersBasePropsWithoutPreset<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = Omit<\n  GridFoldersBaseProps<T1, F1, T2, F2>,\n  'preset' | 'folderPreset' | 'renderItem' | 'renderFolderItem'\n>;\n\nexport type GridFoldersProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = GridFoldersPresetProps<\n  T1,\n  T2,\n  GridFoldersBasePropsWithoutPreset<T1, F1, T2, F2>\n>;\n\nfunction _GridFolders<T1, F1 extends FiltersMap, T2, F2 extends FiltersMap>(\n  props: GridFoldersProps<T1, F1, T2, F2>,\n) {\n  const {\n    state,\n    exportModal,\n    dataHook,\n    cardProps,\n    emptyState,\n    noResultsState,\n    renderError,\n    topNotification,\n  } = props;\n\n  const { toolbar } = state;\n\n  if (process.env.NODE_ENV !== 'production') {\n    // https://github.com/wix-private/wix-design-systems/pull/13091/files#diff-0befb17e7fa12b244a3efce19b067187b39d3a96d4f7e62a59f4f0fd876dc37cR102\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.89.0',\n      requiredBy: 'Cairo/GridFolders',\n    });\n  }\n\n  useToolbarCollectionSyncProps({\n    ...props,\n    state: state.toolbar,\n    isUsingDragAndDrop: false,\n    isUsingBulkActionsToolbar: false,\n    isUsingHorizontalScroll: false,\n    isUsingFolders: true,\n    isUsingTableVirtualization: false,\n  });\n\n  useGridBaseSyncProps({ ...props, state: state.items });\n  useGridBaseSyncProps({\n    ...props,\n    renderAddItem: props.renderFolderAddItem,\n    state: state.folders,\n  });\n\n  useEffect(\n    () =>\n      state.init({\n        featuresInitializers: getToolbarCollectionFeaturesInitializers(props),\n      }),\n    [],\n  );\n\n  return (\n    <CollectionCard\n      renderError={false}\n      state={toolbar}\n      dataHook={dataHook}\n      {...cardProps}\n    >\n      <ToolbarCollection {...props} state={toolbar}>\n        <GridFoldersPlaceholderStates\n          state={state}\n          emptyState={emptyState}\n          noResultsState={noResultsState}\n          renderError={renderError}\n          topNotification={topNotification}\n        >\n          <ToolbarCollectionContentAutoSizer>\n            <GridFoldersSectionsGroup {...props} />\n          </ToolbarCollectionContentAutoSizer>\n        </GridFoldersPlaceholderStates>\n      </ToolbarCollection>\n      {exportModal ?? toolbar.featuredComponents.exportModal.value}\n    </CollectionCard>\n  );\n}\n\nexport const GridFolders = observer(_GridFolders);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Grid/GridFolders.uni.driver.js

@@ -30,9 +30,9 @@ function GridFoldersUniDriver(base, body) {
     clickToggleShowAllFoldersButton: () => toggleShowAllFoldersButtonBase().click(),
     /** Indicates the "Show All"/"Show Less" exists */
     toggleShowAllFoldersButtonExists: () => toggleShowAllFoldersButtonBase().exists(),
-    /** Gets a [GridFoldersSectionUniDriver](./?path=/story/common-components--gridfolderssection) for the folders section */
+    /** Gets a [GridFoldersSectionUniDriver](./?path=/story/base-components-collections-gridfolders-gridfolderssection--gridfolderssection) for the folders section */
     foldersSection: () => (0, _GridFoldersSectionUni.GridFoldersSectionUniDriver)(foldersSectionBase(), body),
-    /** Gets a [GridFoldersSectionUniDriver](./?path=/story/common-components--gridfolderssection) for the items section */
+    /** Gets a [GridFoldersSectionUniDriver](./?path=/story/base-components-collections-gridfolders-gridfolderssection--gridfolderssection) for the items section */
     itemsSection: () => (0, _GridFoldersSectionUni.GridFoldersSectionUniDriver)(itemsSectionBase(), body),
     /** Indicates the initial skeleton loader exists */
     initialLoaderExists: () => base.$('[data-hook="initial-loader"]').exists(),

package/dist/cjs/components/Grid/GridFolders.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_ToolbarCollectionErrorStateUni","_CollectionEmptyStateUni","_CollectionToolbarUni","_unidriver2","_GridFoldersSectionUni","_AppliedFiltersTagListUni","_SummaryBarUni","GridFoldersUniDriver","base","body","toolbarBase","$","foldersSectionBase","itemsSectionBase","toggleShowAllFoldersButtonBase","toolbar","CollectionToolbarUniDriver","getSummaryBar","SummaryBarUniDriver","baseUniDriverFactory","getErrorStateByDataHook","dataHook","ToolbarCollectionErrorStateUniDriver","getEmptyStateByDataHook","CollectionEmptyStateUniDriver","getCardErrorStateByDataHook","_toggleShowAllFoldersButton","TextButtonUniDriver","clickToggleShowAllFoldersButton","click","toggleShowAllFoldersButtonExists","exists","foldersSection","GridFoldersSectionUniDriver","itemsSection","initialLoaderExists","subToolbar","AppliedFiltersTagListUniDriver","_default","exports","default"],"sources":["../../../../src/components/Grid/GridFolders.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { ToolbarCollectionErrorStateUniDriver } from '../ErrorState/ToolbarCollectionErrorState.uni.driver';\nimport { CollectionEmptyStateUniDriver } from '../EmptyState/CollectionEmptyState.uni.driver';\nimport { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';\nimport { TextButtonUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { GridFoldersSectionUniDriver } from './GridFoldersSection.uni.driver';\nimport { AppliedFiltersTagListUniDriver } from '../AppliedFiltersTagList/AppliedFiltersTagList.uni.driver';\nimport { SummaryBarUniDriver } from '../SummaryBar/SummaryBar.uni.driver';\n\nexport function GridFoldersUniDriver(base: UniDriver, body: UniDriver) {\n  const toolbarBase = () => base.$('[data-hook=\"collection-toolbar\"]');\n\n  const foldersSectionBase = () => base.$('[data-hook=\"folders-section\"]');\n  const itemsSectionBase = () => base.$('[data-hook=\"items-section\"]');\n\n  const toggleShowAllFoldersButtonBase = () =>\n    foldersSectionBase().$('[data-hook=\"toggle-show-all-folders-button\"]');\n\n  const toolbar = () => CollectionToolbarUniDriver(toolbarBase(), body);\n  const getSummaryBar = () => SummaryBarUniDriver(base, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    /** Gets a [CollectionToolbarUniDriver](./?path=/story/common-components--collectiontoolbar) */\n    toolbar: () => toolbar(),\n\n    getErrorStateByDataHook: (dataHook = 'grid-folders-error-state') =>\n      ToolbarCollectionErrorStateUniDriver(\n        base.$(`[data-hook=\"${dataHook}\"]`),\n        body,\n      ),\n    getEmptyStateByDataHook: (dataHook = 'grid-folders-empty-state') =>\n      CollectionEmptyStateUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body),\n    getCardErrorStateByDataHook: (dataHook = 'collection-card-error-state') =>\n      ToolbarCollectionErrorStateUniDriver(\n        base.$(`[data-hook=\"${dataHook}\"]`),\n        body,\n      ),\n\n    _toggleShowAllFoldersButton: () =>\n      TextButtonUniDriver(toggleShowAllFoldersButtonBase(), body),\n\n    /** Clicks the \"Show All\"/\"Show Less\" toggle button */\n    clickToggleShowAllFoldersButton: () =>\n      toggleShowAllFoldersButtonBase().click(),\n    /** Indicates the \"Show All\"/\"Show Less\" exists */\n    toggleShowAllFoldersButtonExists: () =>\n      toggleShowAllFoldersButtonBase().exists(),\n\n    /** Gets a [GridFoldersSectionUniDriver](./?path=/story/common-components--gridfolderssection) for the folders section */\n    foldersSection: () =>\n      GridFoldersSectionUniDriver(foldersSectionBase(), body),\n    /** Gets a [GridFoldersSectionUniDriver](./?path=/story/common-components--gridfolderssection) for the items section */\n    itemsSection: () => GridFoldersSectionUniDriver(itemsSectionBase(), body),\n    /** Indicates the initial skeleton loader exists */\n    initialLoaderExists: () => base.$('[data-hook=\"initial-loader\"]').exists(),\n    /** Gets [CollectionSubToolbarUniDriver](./?path=/story/common-components--collectionsubtoolbar) */\n    subToolbar: () =>\n      AppliedFiltersTagListUniDriver(\n        base.$('[data-hook=\"collection-table-sub-toolbar\"]'),\n        body,\n      ),\n    getSummaryBar,\n  };\n}\n\nexport default GridFoldersUniDriver;\n"],"mappings":";;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,+BAAA,GAAAD,OAAA;AACA,IAAAE,wBAAA,GAAAF,OAAA;AACA,IAAAG,qBAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAL,OAAA;AACA,IAAAM,yBAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AAEO,SAASQ,oBAAoBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACrE,MAAMC,WAAW,GAAGA,CAAA,KAAMF,IAAI,CAACG,CAAC,CAAC,kCAAkC,CAAC;EAEpE,MAAMC,kBAAkB,GAAGA,CAAA,KAAMJ,IAAI,CAACG,CAAC,CAAC,+BAA+B,CAAC;EACxE,MAAME,gBAAgB,GAAGA,CAAA,KAAML,IAAI,CAACG,CAAC,CAAC,6BAA6B,CAAC;EAEpE,MAAMG,8BAA8B,GAAGA,CAAA,KACrCF,kBAAkB,CAAC,CAAC,CAACD,CAAC,CAAC,8CAA8C,CAAC;EAExE,MAAMI,OAAO,GAAGA,CAAA,KAAM,IAAAC,gDAA0B,EAACN,WAAW,CAAC,CAAC,EAAED,IAAI,CAAC;EACrE,MAAMQ,aAAa,GAAGA,CAAA,KAAM,IAAAC,kCAAmB,EAACV,IAAI,EAAEC,IAAI,CAAC;EAE3D,OAAO;IACL,GAAG,IAAAU,+BAAoB,EAACX,IAAI,CAAC;IAC7B;IACAO,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAAC,CAAC;IAExBK,uBAAuB,EAAEA,CAACC,QAAQ,GAAG,0BAA0B,KAC7D,IAAAC,oEAAoC,EAClCd,IAAI,CAACG,CAAC,CAAE,eAAcU,QAAS,IAAG,CAAC,EACnCZ,IACF,CAAC;IACHc,uBAAuB,EAAEA,CAACF,QAAQ,GAAG,0BAA0B,KAC7D,IAAAG,sDAA6B,EAAChB,IAAI,CAACG,CAAC,CAAE,eAAcU,QAAS,IAAG,CAAC,EAAEZ,IAAI,CAAC;IAC1EgB,2BAA2B,EAAEA,CAACJ,QAAQ,GAAG,6BAA6B,KACpE,IAAAC,oEAAoC,EAClCd,IAAI,CAACG,CAAC,CAAE,eAAcU,QAAS,IAAG,CAAC,EACnCZ,IACF,CAAC;IAEHiB,2BAA2B,EAAEA,CAAA,KAC3B,IAAAC,+BAAmB,EAACb,8BAA8B,CAAC,CAAC,EAAEL,IAAI,CAAC;IAE7D;IACAmB,+BAA+B,EAAEA,CAAA,KAC/Bd,8BAA8B,CAAC,CAAC,CAACe,KAAK,CAAC,CAAC;IAC1C;IACAC,gCAAgC,EAAEA,CAAA,KAChChB,8BAA8B,CAAC,CAAC,CAACiB,MAAM,CAAC,CAAC;IAE3C;IACAC,cAAc,EAAEA,CAAA,KACd,IAAAC,kDAA2B,EAACrB,kBAAkB,CAAC,CAAC,EAAEH,IAAI,CAAC;IACzD;IACAyB,YAAY,EAAEA,CAAA,KAAM,IAAAD,kDAA2B,EAACpB,gBAAgB,CAAC,CAAC,EAAEJ,IAAI,CAAC;IACzE;IACA0B,mBAAmB,EAAEA,CAAA,KAAM3B,IAAI,CAACG,CAAC,CAAC,8BAA8B,CAAC,CAACoB,MAAM,CAAC,CAAC;IAC1E;IACAK,UAAU,EAAEA,CAAA,KACV,IAAAC,wDAA8B,EAC5B7B,IAAI,CAACG,CAAC,CAAC,4CAA4C,CAAC,EACpDF,IACF,CAAC;IACHQ;EACF,CAAC;AACH;AAAC,IAAAqB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcjC,oBAAoB","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_ToolbarCollectionErrorStateUni","_CollectionEmptyStateUni","_CollectionToolbarUni","_unidriver2","_GridFoldersSectionUni","_AppliedFiltersTagListUni","_SummaryBarUni","GridFoldersUniDriver","base","body","toolbarBase","$","foldersSectionBase","itemsSectionBase","toggleShowAllFoldersButtonBase","toolbar","CollectionToolbarUniDriver","getSummaryBar","SummaryBarUniDriver","baseUniDriverFactory","getErrorStateByDataHook","dataHook","ToolbarCollectionErrorStateUniDriver","getEmptyStateByDataHook","CollectionEmptyStateUniDriver","getCardErrorStateByDataHook","_toggleShowAllFoldersButton","TextButtonUniDriver","clickToggleShowAllFoldersButton","click","toggleShowAllFoldersButtonExists","exists","foldersSection","GridFoldersSectionUniDriver","itemsSection","initialLoaderExists","subToolbar","AppliedFiltersTagListUniDriver","_default","exports","default"],"sources":["../../../../src/components/Grid/GridFolders.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { ToolbarCollectionErrorStateUniDriver } from '../ErrorState/ToolbarCollectionErrorState.uni.driver';\nimport { CollectionEmptyStateUniDriver } from '../EmptyState/CollectionEmptyState.uni.driver';\nimport { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';\nimport { TextButtonUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { GridFoldersSectionUniDriver } from './GridFoldersSection.uni.driver';\nimport { AppliedFiltersTagListUniDriver } from '../AppliedFiltersTagList/AppliedFiltersTagList.uni.driver';\nimport { SummaryBarUniDriver } from '../SummaryBar/SummaryBar.uni.driver';\n\nexport function GridFoldersUniDriver(base: UniDriver, body: UniDriver) {\n  const toolbarBase = () => base.$('[data-hook=\"collection-toolbar\"]');\n\n  const foldersSectionBase = () => base.$('[data-hook=\"folders-section\"]');\n  const itemsSectionBase = () => base.$('[data-hook=\"items-section\"]');\n\n  const toggleShowAllFoldersButtonBase = () =>\n    foldersSectionBase().$('[data-hook=\"toggle-show-all-folders-button\"]');\n\n  const toolbar = () => CollectionToolbarUniDriver(toolbarBase(), body);\n  const getSummaryBar = () => SummaryBarUniDriver(base, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    /** Gets a [CollectionToolbarUniDriver](./?path=/story/common-components--collectiontoolbar) */\n    toolbar: () => toolbar(),\n\n    getErrorStateByDataHook: (dataHook = 'grid-folders-error-state') =>\n      ToolbarCollectionErrorStateUniDriver(\n        base.$(`[data-hook=\"${dataHook}\"]`),\n        body,\n      ),\n    getEmptyStateByDataHook: (dataHook = 'grid-folders-empty-state') =>\n      CollectionEmptyStateUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body),\n    getCardErrorStateByDataHook: (dataHook = 'collection-card-error-state') =>\n      ToolbarCollectionErrorStateUniDriver(\n        base.$(`[data-hook=\"${dataHook}\"]`),\n        body,\n      ),\n\n    _toggleShowAllFoldersButton: () =>\n      TextButtonUniDriver(toggleShowAllFoldersButtonBase(), body),\n\n    /** Clicks the \"Show All\"/\"Show Less\" toggle button */\n    clickToggleShowAllFoldersButton: () =>\n      toggleShowAllFoldersButtonBase().click(),\n    /** Indicates the \"Show All\"/\"Show Less\" exists */\n    toggleShowAllFoldersButtonExists: () =>\n      toggleShowAllFoldersButtonBase().exists(),\n\n    /** Gets a [GridFoldersSectionUniDriver](./?path=/story/base-components-collections-gridfolders-gridfolderssection--gridfolderssection) for the folders section */\n    foldersSection: () =>\n      GridFoldersSectionUniDriver(foldersSectionBase(), body),\n    /** Gets a [GridFoldersSectionUniDriver](./?path=/story/base-components-collections-gridfolders-gridfolderssection--gridfolderssection) for the items section */\n    itemsSection: () => GridFoldersSectionUniDriver(itemsSectionBase(), body),\n    /** Indicates the initial skeleton loader exists */\n    initialLoaderExists: () => base.$('[data-hook=\"initial-loader\"]').exists(),\n    /** Gets [CollectionSubToolbarUniDriver](./?path=/story/common-components--collectionsubtoolbar) */\n    subToolbar: () =>\n      AppliedFiltersTagListUniDriver(\n        base.$('[data-hook=\"collection-table-sub-toolbar\"]'),\n        body,\n      ),\n    getSummaryBar,\n  };\n}\n\nexport default GridFoldersUniDriver;\n"],"mappings":";;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,+BAAA,GAAAD,OAAA;AACA,IAAAE,wBAAA,GAAAF,OAAA;AACA,IAAAG,qBAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAL,OAAA;AACA,IAAAM,yBAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AAEO,SAASQ,oBAAoBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACrE,MAAMC,WAAW,GAAGA,CAAA,KAAMF,IAAI,CAACG,CAAC,CAAC,kCAAkC,CAAC;EAEpE,MAAMC,kBAAkB,GAAGA,CAAA,KAAMJ,IAAI,CAACG,CAAC,CAAC,+BAA+B,CAAC;EACxE,MAAME,gBAAgB,GAAGA,CAAA,KAAML,IAAI,CAACG,CAAC,CAAC,6BAA6B,CAAC;EAEpE,MAAMG,8BAA8B,GAAGA,CAAA,KACrCF,kBAAkB,CAAC,CAAC,CAACD,CAAC,CAAC,8CAA8C,CAAC;EAExE,MAAMI,OAAO,GAAGA,CAAA,KAAM,IAAAC,gDAA0B,EAACN,WAAW,CAAC,CAAC,EAAED,IAAI,CAAC;EACrE,MAAMQ,aAAa,GAAGA,CAAA,KAAM,IAAAC,kCAAmB,EAACV,IAAI,EAAEC,IAAI,CAAC;EAE3D,OAAO;IACL,GAAG,IAAAU,+BAAoB,EAACX,IAAI,CAAC;IAC7B;IACAO,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAAC,CAAC;IAExBK,uBAAuB,EAAEA,CAACC,QAAQ,GAAG,0BAA0B,KAC7D,IAAAC,oEAAoC,EAClCd,IAAI,CAACG,CAAC,CAAE,eAAcU,QAAS,IAAG,CAAC,EACnCZ,IACF,CAAC;IACHc,uBAAuB,EAAEA,CAACF,QAAQ,GAAG,0BAA0B,KAC7D,IAAAG,sDAA6B,EAAChB,IAAI,CAACG,CAAC,CAAE,eAAcU,QAAS,IAAG,CAAC,EAAEZ,IAAI,CAAC;IAC1EgB,2BAA2B,EAAEA,CAACJ,QAAQ,GAAG,6BAA6B,KACpE,IAAAC,oEAAoC,EAClCd,IAAI,CAACG,CAAC,CAAE,eAAcU,QAAS,IAAG,CAAC,EACnCZ,IACF,CAAC;IAEHiB,2BAA2B,EAAEA,CAAA,KAC3B,IAAAC,+BAAmB,EAACb,8BAA8B,CAAC,CAAC,EAAEL,IAAI,CAAC;IAE7D;IACAmB,+BAA+B,EAAEA,CAAA,KAC/Bd,8BAA8B,CAAC,CAAC,CAACe,KAAK,CAAC,CAAC;IAC1C;IACAC,gCAAgC,EAAEA,CAAA,KAChChB,8BAA8B,CAAC,CAAC,CAACiB,MAAM,CAAC,CAAC;IAE3C;IACAC,cAAc,EAAEA,CAAA,KACd,IAAAC,kDAA2B,EAACrB,kBAAkB,CAAC,CAAC,EAAEH,IAAI,CAAC;IACzD;IACAyB,YAAY,EAAEA,CAAA,KAAM,IAAAD,kDAA2B,EAACpB,gBAAgB,CAAC,CAAC,EAAEJ,IAAI,CAAC;IACzE;IACA0B,mBAAmB,EAAEA,CAAA,KAAM3B,IAAI,CAACG,CAAC,CAAC,8BAA8B,CAAC,CAACoB,MAAM,CAAC,CAAC;IAC1E;IACAK,UAAU,EAAEA,CAAA,KACV,IAAAC,wDAA8B,EAC5B7B,IAAI,CAACG,CAAC,CAAC,4CAA4C,CAAC,EACpDF,IACF,CAAC;IACHQ;EACF,CAAC;AACH;AAAC,IAAAqB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcjC,oBAAoB","ignoreList":[]}

package/dist/cjs/components/Grid/GridPlaceholderStates.js

@@ -25,7 +25,18 @@ function _GridPlaceholderStates(props) {
       query: collection.result.originQuery
     }) : topNotification,
     emptyState: emptyState,
-    noResultsState: noResultsState,
+    noResultsState: typeof noResultsState === 'function' ? () => {
+      const {
+        result: {
+          originQuery,
+          hasAvailableItems
+        }
+      } = collection;
+      return noResultsState({
+        hasAvailableItems,
+        query: originQuery
+      });
+    } : noResultsState,
     renderError: renderError,
     loadingState: null,
     __self: this,

package/dist/cjs/components/Grid/GridPlaceholderStates.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_PlaceholderStatesBase","_jsxFileName","_GridPlaceholderStates","props","state","emptyState","noResultsState","renderError","topNotification","children","collection","default","createElement","PlaceholderStatesBase","multi","query","result","originQuery","loadingState","__self","__source","fileName","lineNumber","columnNumber","GridPlaceholderStates","exports","observer"],"sources":["../../../../src/components/Grid/GridPlaceholderStates.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { PlaceholderStatesBase } from '../PlaceholderStates/PlaceholderStatesBase';\nimport { ToolbarCollectionState } from '../../state';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { FiltersMap } from '@wix/bex-core';\n\nexport interface GridPlaceholderStatesProps<T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F> {\n  state: ToolbarCollectionState<T, F>;\n}\n\nfunction _GridPlaceholderStates<T, F extends FiltersMap>(\n  props: GridPlaceholderStatesProps<T, F>,\n) {\n  const {\n    state,\n    emptyState,\n    noResultsState,\n    renderError,\n    topNotification,\n    children,\n  } = props;\n  const { collection } = state;\n  return (\n    <PlaceholderStatesBase\n      state={state.multi}\n      topNotification={\n        typeof topNotification === 'function'\n          ? () => topNotification({ query: collection.result.originQuery })\n          : topNotification\n      }\n      emptyState={emptyState}\n      noResultsState={noResultsState}\n      renderError={renderError}\n      loadingState={null}\n    >\n      {children}\n    </PlaceholderStatesBase>\n  );\n}\n\nexport const GridPlaceholderStates = observer(_GridPlaceholderStates);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAAmF,IAAAG,YAAA;AAUnF,SAASC,sBAAsBA,CAC7BC,KAAuC,EACvC;EACA,MAAM;IACJC,KAAK;IACLC,UAAU;IACVC,cAAc;IACdC,WAAW;IACXC,eAAe;IACfC;EACF,CAAC,GAAGN,KAAK;EACT,MAAM;IAAEO;EAAW,CAAC,GAAGN,KAAK;EAC5B,oBACER,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,sBAAA,CAAAa,qBAAqB;IACpBT,KAAK,EAAEA,KAAK,CAACU,KAAM;IACnBN,eAAe,EACb,OAAOA,eAAe,KAAK,UAAU,GACjC,MAAMA,eAAe,CAAC;MAAEO,KAAK,EAAEL,UAAU,CAACM,MAAM,CAACC;IAAY,CAAC,CAAC,GAC/DT,eACL;IACDH,UAAU,EAAEA,UAAW;IACvBC,cAAc,EAAEA,cAAe;IAC/BC,WAAW,EAAEA,WAAY;IACzBW,YAAY,EAAE,IAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAElBd,QACoB,CAAC;AAE5B;AAEO,MAAMe,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,uBAAQ,EAACxB,sBAAsB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_PlaceholderStatesBase","_jsxFileName","_GridPlaceholderStates","props","state","emptyState","noResultsState","renderError","topNotification","children","collection","default","createElement","PlaceholderStatesBase","multi","query","result","originQuery","hasAvailableItems","loadingState","__self","__source","fileName","lineNumber","columnNumber","GridPlaceholderStates","exports","observer"],"sources":["../../../../src/components/Grid/GridPlaceholderStates.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { PlaceholderStatesBase } from '../PlaceholderStates/PlaceholderStatesBase';\nimport { ToolbarCollectionState } from '../../state';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { FiltersMap } from '@wix/bex-core';\n\nexport interface GridPlaceholderStatesProps<T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F> {\n  state: ToolbarCollectionState<T, F>;\n}\n\nfunction _GridPlaceholderStates<T, F extends FiltersMap>(\n  props: GridPlaceholderStatesProps<T, F>,\n) {\n  const {\n    state,\n    emptyState,\n    noResultsState,\n    renderError,\n    topNotification,\n    children,\n  } = props;\n  const { collection } = state;\n  return (\n    <PlaceholderStatesBase\n      state={state.multi}\n      topNotification={\n        typeof topNotification === 'function'\n          ? () => topNotification({ query: collection.result.originQuery })\n          : topNotification\n      }\n      emptyState={emptyState}\n      noResultsState={\n        typeof noResultsState === 'function'\n          ? () => {\n              const {\n                result: { originQuery, hasAvailableItems },\n              } = collection;\n              return noResultsState({\n                hasAvailableItems,\n                query: originQuery,\n              });\n            }\n          : noResultsState\n      }\n      renderError={renderError}\n      loadingState={null}\n    >\n      {children}\n    </PlaceholderStatesBase>\n  );\n}\n\nexport const GridPlaceholderStates = observer(_GridPlaceholderStates);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAAmF,IAAAG,YAAA;AAUnF,SAASC,sBAAsBA,CAC7BC,KAAuC,EACvC;EACA,MAAM;IACJC,KAAK;IACLC,UAAU;IACVC,cAAc;IACdC,WAAW;IACXC,eAAe;IACfC;EACF,CAAC,GAAGN,KAAK;EACT,MAAM;IAAEO;EAAW,CAAC,GAAGN,KAAK;EAC5B,oBACER,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,sBAAA,CAAAa,qBAAqB;IACpBT,KAAK,EAAEA,KAAK,CAACU,KAAM;IACnBN,eAAe,EACb,OAAOA,eAAe,KAAK,UAAU,GACjC,MAAMA,eAAe,CAAC;MAAEO,KAAK,EAAEL,UAAU,CAACM,MAAM,CAACC;IAAY,CAAC,CAAC,GAC/DT,eACL;IACDH,UAAU,EAAEA,UAAW;IACvBC,cAAc,EACZ,OAAOA,cAAc,KAAK,UAAU,GAChC,MAAM;MACJ,MAAM;QACJU,MAAM,EAAE;UAAEC,WAAW;UAAEC;QAAkB;MAC3C,CAAC,GAAGR,UAAU;MACd,OAAOJ,cAAc,CAAC;QACpBY,iBAAiB;QACjBH,KAAK,EAAEE;MACT,CAAC,CAAC;IACJ,CAAC,GACDX,cACL;IACDC,WAAW,EAAEA,WAAY;IACzBY,YAAY,EAAE,IAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAElBf,QACoB,CAAC;AAE5B;AAEO,MAAMgB,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,uBAAQ,EAACzB,sBAAsB,CAAC","ignoreList":[]}

package/dist/cjs/components/GridDragAndDropDndKit/dndTestEventHandlers.js

@@ -40,9 +40,27 @@ const sortableItemTestEvents = ({
         }
       });
     },
+    onMouseMove: event => {
+      if (disabled != null && disabled.droppable || state.activeId == null) {
+        return;
+      }
+      state.onDragMove({
+        active: {
+          id: state.activeId
+        },
+        delta: {
+          x: event.nativeEvent.clientX
+        }
+      });
+      state.onDragOver({
+        over: {
+          id
+        }
+      });
+    },
     onKeyDown: e => {
       const keyboardCodes = state.keyboardCodes;
-      if (state.status === 'start' && keyboardCodes.move.includes(e.nativeEvent.code)) {
+      if (state.status === 'start' || state.status === 'over' && keyboardCodes.move.includes(e.nativeEvent.code)) {
         state.onDragOver({
           over: {
             id
@@ -73,12 +91,12 @@ const dragHandleTestEvents = ({
               id: state.activeId
             },
             over: {
-              id
+              id: state.overId
             }
           });
           state.onDragEnd({
             over: {
-              id
+              id: state.overId
             }
           });
           return;

package/dist/cjs/components/GridDragAndDropDndKit/dndTestEventHandlers.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","sortableItemTestEvents","id","disabled","state","onPointerDown","draggable","onDragStart","active","onPointerUp","droppable","activeId","isCancelled","beforeDrop","over","onDragEnd","onKeyDown","e","keyboardCodes","status","move","includes","nativeEvent","code","onDragOver","exports","dragHandleTestEvents","action","_state$handleEvents","handleEvents","end","cancel","onDragCancel","start"],"sources":["../../../../src/components/GridDragAndDropDndKit/dndTestEventHandlers.ts"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { DragAndDropState } from '../DragAndDrop';\nimport { FiltersMap } from '@wix/bex-core';\nimport { action } from 'mobx';\n\nexport interface DndTestEventHandlersParams<T, F extends FiltersMap> {\n  id: string | number;\n  disabled?: {\n    draggable?: boolean;\n    droppable?: boolean;\n  };\n  state: DragAndDropState<T, F>;\n}\n\nexport const sortableItemTestEvents = <T, F extends FiltersMap>({\n  id,\n  disabled,\n  state,\n}: DndTestEventHandlersParams<T, F>): Partial<HTMLAttributes<HTMLElement>> => {\n  return {\n    onPointerDown: () => {\n      if (disabled?.draggable) {\n        return;\n      }\n      state.onDragStart({ active: { id } });\n    },\n    onPointerUp: () => {\n      if (disabled?.droppable || state.activeId == null) {\n        return;\n      }\n      const isCancelled = state.beforeDrop({\n        active: {\n          id: state.activeId,\n        },\n        over: {\n          id,\n        },\n      });\n      if (isCancelled) {\n        return;\n      }\n      state.onDragEnd({\n        over: {\n          id,\n        },\n      });\n    },\n    onKeyDown: (e) => {\n      const keyboardCodes = state.keyboardCodes;\n\n      if (\n        state.status === 'start' &&\n        keyboardCodes.move.includes(e.nativeEvent.code)\n      ) {\n        state.onDragOver({\n          over: {\n            id,\n          },\n        });\n        return;\n      }\n    },\n  };\n};\n\nexport const dragHandleTestEvents = <T, F extends FiltersMap>({\n  id,\n  state,\n}: DndTestEventHandlersParams<T, F>): Partial<HTMLAttributes<HTMLElement>> => {\n  return {\n    onKeyDown: action((e) => {\n      state.handleEvents?.onKeyDown?.(e);\n\n      const keyboardCodes = state.keyboardCodes;\n\n      if (state.status === 'start' || state.status === 'over') {\n        if (keyboardCodes.end.includes(e.nativeEvent.code)) {\n          if (state.activeId == null) {\n            return;\n          }\n          state.beforeDrop({\n            active: { id: state.activeId },\n            over: { id },\n          });\n          state.onDragEnd({ over: { id } });\n          return;\n        }\n\n        if (keyboardCodes.cancel.includes(e.nativeEvent.code)) {\n          state.onDragCancel();\n          return;\n        }\n      }\n\n      if (keyboardCodes.start.includes(e.nativeEvent.code)) {\n        state.onDragStart({ active: { id } });\n        return;\n      }\n    }),\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobx","require","sortableItemTestEvents","id","disabled","state","onPointerDown","draggable","onDragStart","active","onPointerUp","droppable","activeId","isCancelled","beforeDrop","over","onDragEnd","onMouseMove","event","onDragMove","delta","x","nativeEvent","clientX","onDragOver","onKeyDown","e","keyboardCodes","status","move","includes","code","exports","dragHandleTestEvents","action","_state$handleEvents","handleEvents","end","overId","cancel","onDragCancel","start"],"sources":["../../../../src/components/GridDragAndDropDndKit/dndTestEventHandlers.ts"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { DragAndDropState } from '../DragAndDrop';\nimport { FiltersMap } from '@wix/bex-core';\nimport { action } from 'mobx';\n\nexport interface DndTestEventHandlersParams<T, F extends FiltersMap> {\n  id: string | number;\n  disabled?: {\n    draggable?: boolean;\n    droppable?: boolean;\n  };\n  state: DragAndDropState<T, F>;\n}\n\nexport const sortableItemTestEvents = <T, F extends FiltersMap>({\n  id,\n  disabled,\n  state,\n}: DndTestEventHandlersParams<T, F>): Partial<HTMLAttributes<HTMLElement>> => {\n  return {\n    onPointerDown: () => {\n      if (disabled?.draggable) {\n        return;\n      }\n      state.onDragStart({ active: { id } });\n    },\n    onPointerUp: () => {\n      if (disabled?.droppable || state.activeId == null) {\n        return;\n      }\n      const isCancelled = state.beforeDrop({\n        active: {\n          id: state.activeId,\n        },\n        over: {\n          id,\n        },\n      });\n      if (isCancelled) {\n        return;\n      }\n      state.onDragEnd({\n        over: {\n          id,\n        },\n      });\n    },\n    onMouseMove: (event) => {\n      if (disabled?.droppable || state.activeId == null) {\n        return;\n      }\n\n      state.onDragMove({\n        active: { id: state.activeId },\n        delta: {\n          x: event.nativeEvent.clientX,\n        },\n      });\n\n      state.onDragOver({\n        over: {\n          id,\n        },\n      });\n    },\n    onKeyDown: (e) => {\n      const keyboardCodes = state.keyboardCodes;\n\n      if (\n        state.status === 'start' ||\n        (state.status === 'over' &&\n          keyboardCodes.move.includes(e.nativeEvent.code))\n      ) {\n        state.onDragOver({\n          over: {\n            id,\n          },\n        });\n        return;\n      }\n    },\n  };\n};\n\nexport const dragHandleTestEvents = <T, F extends FiltersMap>({\n  id,\n  state,\n}: DndTestEventHandlersParams<T, F>): Partial<HTMLAttributes<HTMLElement>> => {\n  return {\n    onKeyDown: action((e) => {\n      state.handleEvents?.onKeyDown?.(e);\n\n      const keyboardCodes = state.keyboardCodes;\n\n      if (state.status === 'start' || state.status === 'over') {\n        if (keyboardCodes.end.includes(e.nativeEvent.code)) {\n          if (state.activeId == null) {\n            return;\n          }\n          state.beforeDrop({\n            active: { id: state.activeId },\n            over: { id: state.overId as string },\n          });\n          state.onDragEnd({ over: { id: state.overId as string } });\n          return;\n        }\n\n        if (keyboardCodes.cancel.includes(e.nativeEvent.code)) {\n          state.onDragCancel();\n          return;\n        }\n      }\n\n      if (keyboardCodes.start.includes(e.nativeEvent.code)) {\n        state.onDragStart({ active: { id } });\n        return;\n      }\n    }),\n  };\n};\n"],"mappings":";;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAWO,MAAMC,sBAAsB,GAAGA,CAA0B;EAC9DC,EAAE;EACFC,QAAQ;EACRC;AACgC,CAAC,KAA2C;EAC5E,OAAO;IACLC,aAAa,EAAEA,CAAA,KAAM;MACnB,IAAIF,QAAQ,YAARA,QAAQ,CAAEG,SAAS,EAAE;QACvB;MACF;MACAF,KAAK,CAACG,WAAW,CAAC;QAAEC,MAAM,EAAE;UAAEN;QAAG;MAAE,CAAC,CAAC;IACvC,CAAC;IACDO,WAAW,EAAEA,CAAA,KAAM;MACjB,IAAIN,QAAQ,YAARA,QAAQ,CAAEO,SAAS,IAAIN,KAAK,CAACO,QAAQ,IAAI,IAAI,EAAE;QACjD;MACF;MACA,MAAMC,WAAW,GAAGR,KAAK,CAACS,UAAU,CAAC;QACnCL,MAAM,EAAE;UACNN,EAAE,EAAEE,KAAK,CAACO;QACZ,CAAC;QACDG,IAAI,EAAE;UACJZ;QACF;MACF,CAAC,CAAC;MACF,IAAIU,WAAW,EAAE;QACf;MACF;MACAR,KAAK,CAACW,SAAS,CAAC;QACdD,IAAI,EAAE;UACJZ;QACF;MACF,CAAC,CAAC;IACJ,CAAC;IACDc,WAAW,EAAGC,KAAK,IAAK;MACtB,IAAId,QAAQ,YAARA,QAAQ,CAAEO,SAAS,IAAIN,KAAK,CAACO,QAAQ,IAAI,IAAI,EAAE;QACjD;MACF;MAEAP,KAAK,CAACc,UAAU,CAAC;QACfV,MAAM,EAAE;UAAEN,EAAE,EAAEE,KAAK,CAACO;QAAS,CAAC;QAC9BQ,KAAK,EAAE;UACLC,CAAC,EAAEH,KAAK,CAACI,WAAW,CAACC;QACvB;MACF,CAAC,CAAC;MAEFlB,KAAK,CAACmB,UAAU,CAAC;QACfT,IAAI,EAAE;UACJZ;QACF;MACF,CAAC,CAAC;IACJ,CAAC;IACDsB,SAAS,EAAGC,CAAC,IAAK;MAChB,MAAMC,aAAa,GAAGtB,KAAK,CAACsB,aAAa;MAEzC,IACEtB,KAAK,CAACuB,MAAM,KAAK,OAAO,IACvBvB,KAAK,CAACuB,MAAM,KAAK,MAAM,IACtBD,aAAa,CAACE,IAAI,CAACC,QAAQ,CAACJ,CAAC,CAACJ,WAAW,CAACS,IAAI,CAAE,EAClD;QACA1B,KAAK,CAACmB,UAAU,CAAC;UACfT,IAAI,EAAE;YACJZ;UACF;QACF,CAAC,CAAC;QACF;MACF;IACF;EACF,CAAC;AACH,CAAC;AAAC6B,OAAA,CAAA9B,sBAAA,GAAAA,sBAAA;AAEK,MAAM+B,oBAAoB,GAAGA,CAA0B;EAC5D9B,EAAE;EACFE;AACgC,CAAC,KAA2C;EAC5E,OAAO;IACLoB,SAAS,EAAE,IAAAS,YAAM,EAAER,CAAC,IAAK;MAAA,IAAAS,mBAAA;MACvB,CAAAA,mBAAA,GAAA9B,KAAK,CAAC+B,YAAY,aAAlBD,mBAAA,CAAoBV,SAAS,YAA7BU,mBAAA,CAAoBV,SAAS,CAAGC,CAAC,CAAC;MAElC,MAAMC,aAAa,GAAGtB,KAAK,CAACsB,aAAa;MAEzC,IAAItB,KAAK,CAACuB,MAAM,KAAK,OAAO,IAAIvB,KAAK,CAACuB,MAAM,KAAK,MAAM,EAAE;QACvD,IAAID,aAAa,CAACU,GAAG,CAACP,QAAQ,CAACJ,CAAC,CAACJ,WAAW,CAACS,IAAI,CAAC,EAAE;UAClD,IAAI1B,KAAK,CAACO,QAAQ,IAAI,IAAI,EAAE;YAC1B;UACF;UACAP,KAAK,CAACS,UAAU,CAAC;YACfL,MAAM,EAAE;cAAEN,EAAE,EAAEE,KAAK,CAACO;YAAS,CAAC;YAC9BG,IAAI,EAAE;cAAEZ,EAAE,EAAEE,KAAK,CAACiC;YAAiB;UACrC,CAAC,CAAC;UACFjC,KAAK,CAACW,SAAS,CAAC;YAAED,IAAI,EAAE;cAAEZ,EAAE,EAAEE,KAAK,CAACiC;YAAiB;UAAE,CAAC,CAAC;UACzD;QACF;QAEA,IAAIX,aAAa,CAACY,MAAM,CAACT,QAAQ,CAACJ,CAAC,CAACJ,WAAW,CAACS,IAAI,CAAC,EAAE;UACrD1B,KAAK,CAACmC,YAAY,CAAC,CAAC;UACpB;QACF;MACF;MAEA,IAAIb,aAAa,CAACc,KAAK,CAACX,QAAQ,CAACJ,CAAC,CAACJ,WAAW,CAACS,IAAI,CAAC,EAAE;QACpD1B,KAAK,CAACG,WAAW,CAAC;UAAEC,MAAM,EAAE;YAAEN;UAAG;QAAE,CAAC,CAAC;QACrC;MACF;IACF,CAAC;EACH,CAAC;AACH,CAAC;AAAC6B,OAAA,CAAAC,oBAAA,GAAAA,oBAAA","ignoreList":[]}

package/dist/cjs/components/Heading/Heading.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_ = "Heading3086828720";
+var _namespace_ = "Heading3162647008";
 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": "Heading3086828720__root"
+  "root": "Heading3162647008__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Heading/Heading.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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading3086828720\";\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\":\"Heading3086828720__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,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAyB,CAAC;AAChD,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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading3162647008\";\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\":\"Heading3162647008__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,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAyB,CAAC;AAChD,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/InputOverflow/InputOverflow.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_ = "InputOverflow2985215072";
+var _namespace_ = "InputOverflow1620435090";
 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": "InputOverflow2985215072__root"
+  "root": "InputOverflow1620435090__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

package/dist/cjs/components/MaxHeightText/MaxHeightText.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_ = "MaxHeightText1839863797";
+var _namespace_ = "MaxHeightText901261314";
 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": "MaxHeightText1839863797__root"
+  "root": "MaxHeightText901261314__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

package/dist/cjs/components/MaxLines/MaxLines.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/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines3284760458\";\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\":\"MaxLines3284760458__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,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA0B,CAAC;AACjD,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/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines4251040669\";\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\":\"MaxLines4251040669__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,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA0B,CAAC;AACjD,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/MultiBulkActionToolbar/MultiBulkActionToolbar.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_ = "MultiBulkActionToolbar2948040443";
+var _namespace_ = "MultiBulkActionToolbar458747536";
 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": "MultiBulkActionToolbar2948040443__root"
+  "root": "MultiBulkActionToolbar458747536__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.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/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultiBulkActionToolbar2948040443\";\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\":\"MultiBulkActionToolbar2948040443__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,kCAAkC;AACpD,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;AAAwC,CAAC;AAC/D,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/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultiBulkActionToolbar458747536\";\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\":\"MultiBulkActionToolbar458747536__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,iCAAiC;AACnD,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;AAAuC,CAAC;AAC9D,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/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_state","_bexCore","_react2","_mobxReactLite","_MultiSelectCheckboxFilterBase","_hooks","_InputOverflow","_providers","_usePlaceholderStateOptions","_useCollectionFilterInitialFetchTiming","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MultiSelectCheckboxFilter","props","filter","collection","renderItem","onSelect","onClose","onDeselect","placeholder","placeholderProp","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","buildOption","useBuildOption","checkbox","collectionFilter","useState","CollectionFilterState","dropdownCollectionFilterState","DropdownCollectionFilterState","resetOnClose","dropdownSelect","init","inputState","shouldShowPlaceholder","disableEditing","select","selectedKeys","selectedValues","finalFilterKeyedItems","finalFilterKeyedItemsMap","translate","textOverflowState","TextOverflowState","observable","isOverflow","result","keyedItems","fetchedLastPage","query","search","isEmpty","isEmptySearch","promotedOptions","length","map","listItemSectionBuilder","id","type","otherOptions","key","options","fixedFooter","showInitialLoader","usePlaceholderStateOptions","selectedValuesText","useMemo","item","itemName","join","skipInitialFetch","onFocus","useCollectionFilterInitialFetchTiming","useEffect","process","env","NODE_ENV","total","createElement","MultiSelectCheckboxFilterBase","_extends2","infiniteScroll","selectedOptions","hasMore","loadMore","fetchNextPageIfNeeded","hasPendingFilter","closeAndChangeSelectedItems","onBlur","option","keyedItem","refreshIfChanged","actionType","clickedValueKey","delete","value","onChange","target","clearResult","onOptionsShow","onKeyDown","nativeEvent","code","onTabKeyDown","onClickOutside","onClear","clearSearch","clearButton","clearButtonTooltipContent","focusOnClearClick","inputElement","InputOverflow","selected","focused","isFocused","text","state","__self","__source","fileName","lineNumber","columnNumber","MultiSelectCheckboxFilter","exports","observer"],"sources":["../../../../src/components/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.tsx"],"sourcesContent":["import { listItemSectionBuilder } from '@wix/design-system';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport {\n  CollectionFilterState,\n  DropdownCollectionFilterState,\n} from '../../state';\nimport { CollectionState, FiltersMap, TextOverflowState } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  KeyedItemOption,\n  MultiSelectCheckboxFilterBase,\n  MultiSelectCheckboxFilterBaseOption,\n  MultiSelectCheckboxFilterBaseProps,\n} from '../MultiSelectCheckboxFilterBase';\nimport { ListItem, useBuildOption } from '../../hooks';\nimport { InputOverflow } from '../InputOverflow';\nimport { useFilterToolbarState } from '../../providers';\nimport { usePlaceholderStateOptions } from '../../hooks/usePlaceholderStateOptions';\nimport {\n  useCollectionFilterInitialFetchTiming,\n  CollectionFilterInitialFetchTimingProps,\n} from '../../hooks/useCollectionFilterInitialFetchTiming';\n\nexport interface MultiSelectCheckboxFilterProps<\n  V,\n  F extends FiltersMap = FiltersMap,\n> extends Omit<\n      MultiSelectCheckboxFilterBaseProps<V>,\n      'options' | 'dropdownSelect'\n    >,\n    CollectionFilterInitialFetchTimingProps {\n  /**\n   * A collection state object to fetch the dropdown items.<br>\n   * A collection created using [useFilterCollection](./?path=/story/common-hooks--usefiltercollection) or [useStaticListFilterCollection](./?path=/story/common-hooks--usestaticlistfiltercollection)\n   * @external\n   */\n  collection: CollectionState<V, F>;\n  /**\n   * A function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) (Optional)\n   */\n  renderItem?: (item: V, index: number) => ListItem;\n}\n\nfunction _MultiSelectCheckboxFilter<V, F extends FiltersMap = FiltersMap>(\n  props: MultiSelectCheckboxFilterProps<V, F>,\n) {\n  const {\n    filter,\n    collection,\n    renderItem,\n    onSelect,\n    onClose,\n    onDeselect,\n    placeholder: placeholderProp,\n    ...rest\n  } = props;\n\n  const container = useWixPatternsContainer();\n  const toolbar = useFilterToolbarState();\n\n  const buildOption = useBuildOption<V>({\n    filter,\n    renderItem,\n    checkbox: true,\n  });\n\n  const [collectionFilter] = useState(\n    () =>\n      new CollectionFilterState({\n        collection,\n        filter,\n      }),\n  );\n\n  const [dropdownCollectionFilterState] = useState(\n    () =>\n      new DropdownCollectionFilterState<V, F>({\n        resetOnClose: false,\n        collectionFilter,\n        container,\n        toolbar,\n      }),\n  );\n\n  const { dropdownSelect, init, inputState, shouldShowPlaceholder } =\n    dropdownCollectionFilterState;\n  const { disableEditing } = inputState;\n\n  const {\n    select: { selectedKeys, selectedValues },\n    finalFilterKeyedItems,\n    finalFilterKeyedItemsMap,\n    container: { translate: t },\n  } = dropdownSelect;\n\n  const [textOverflowState] = useState(\n    () =>\n      new TextOverflowState({\n        observable: () => dropdownSelect.select.selectedValues,\n      }),\n  );\n  const { isOverflow } = textOverflowState;\n\n  const {\n    result: { keyedItems },\n    fetchedLastPage,\n    query: {\n      search: { isEmpty: isEmptySearch },\n    },\n  } = collection;\n\n  const promotedOptions: MultiSelectCheckboxFilterBaseOption<V>[] =\n    finalFilterKeyedItems.length\n      ? [\n          ...finalFilterKeyedItems.map(buildOption),\n          listItemSectionBuilder({\n            id: 'promoted-section-divider',\n            type: 'divider',\n          }),\n        ]\n      : [];\n\n  const otherOptions: KeyedItemOption<V>[] = (\n    isEmptySearch\n      ? keyedItems.filter(\n          ({ key }) => !finalFilterKeyedItemsMap.has(key) ?? true,\n        )\n      : keyedItems\n  ).map(buildOption);\n\n  const { options, fixedFooter, showInitialLoader } =\n    usePlaceholderStateOptions(\n      [...(isEmptySearch ? promotedOptions : []), ...otherOptions],\n      {\n        collection,\n      },\n    );\n\n  const selectedValuesText = useMemo(() => {\n    return selectedValues.map(({ item }) => filter.itemName(item)).join(', ');\n  }, [selectedValues]);\n\n  const { skipInitialFetch, onFocus } =\n    useCollectionFilterInitialFetchTiming(props);\n\n  useEffect(() => init({ skipInitialFetch }), []);\n\n  const placeholder = useMemo(() => {\n    if (!shouldShowPlaceholder) {\n      return '';\n    }\n\n    if (selectedValues.length !== 0) {\n      if (\n        (process.env.NODE_ENV === 'test' && selectedValuesText.length > 40) ||\n        isOverflow\n      ) {\n        return t('cairo.dropdownSearch.filters.selected', {\n          total: selectedValues.length,\n        });\n      }\n\n      return selectedValuesText;\n    }\n\n    return (\n      placeholderProp ?? t('cairo.dropdownSearch.select.filers.placeholder')\n    );\n  }, [\n    selectedValues,\n    selectedValuesText,\n    shouldShowPlaceholder,\n    isOverflow,\n    placeholderProp,\n  ]);\n\n  return (\n    <MultiSelectCheckboxFilterBase\n      {...rest}\n      fixedFooter={fixedFooter}\n      infiniteScroll\n      filter={filter}\n      dropdownSelect={dropdownSelect}\n      options={options}\n      selectedOptions={selectedKeys}\n      hasMore={!showInitialLoader && !fetchedLastPage}\n      loadMore={collection.fetchNextPageIfNeeded}\n      onClose={() => {\n        if (!dropdownSelect.hasPendingFilter) {\n          dropdownSelect.closeAndChangeSelectedItems();\n        }\n        inputState.onBlur();\n        onClose?.();\n      }}\n      onSelect={(id, option) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        dropdownSelect.select.set(keyedItem);\n        if (dropdownSelect.hasPendingFilter) {\n          dropdownSelect.refreshIfChanged({\n            actionType: 'add',\n            clickedValueKey: keyedItem.key,\n          });\n        }\n        onSelect?.(id, option);\n      }}\n      onDeselect={(id, option) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        dropdownSelect.select.delete(keyedItem);\n        if (dropdownSelect.hasPendingFilter) {\n          dropdownSelect.refreshIfChanged({\n            actionType: 'remove',\n            clickedValueKey: keyedItem.key,\n          });\n        }\n        onDeselect?.(id, option);\n      }}\n      value={collection.query.search.value}\n      onFocus={() => {\n        inputState.onFocus();\n        onFocus();\n      }}\n      onBlur={() => {\n        inputState.onBlur();\n      }}\n      onChange={(e) => {\n        collection.search(e.target.value, { clearResult: true });\n      }}\n      onOptionsShow={inputState.onOptionsShow}\n      onKeyDown={(e) => {\n        if (e.nativeEvent.code === 'Tab') {\n          inputState.onTabKeyDown();\n        }\n      }}\n      onClickOutside={(e) => {\n        props.onClickOutside?.(e);\n        inputState.onClickOutside();\n      }}\n      onClear={() => {\n        inputState.onBlur();\n        collection.clearSearch();\n      }}\n      disableEditing={disableEditing}\n      placeholder={placeholder}\n      clearButton={!disableEditing}\n      clearButtonTooltipContent={t('cairo.dropdownSearch.select.filers.clear')}\n      focusOnClearClick\n      inputElement={\n        <InputOverflow\n          selected={selectedValues.length > 0}\n          focused={inputState.isFocused}\n          text={selectedValuesText}\n          state={textOverflowState}\n        />\n      }\n    />\n  );\n}\n\nexport const MultiSelectCheckboxFilter = observer(_MultiSelectCheckboxFilter);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAIA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,8BAAA,GAAAP,OAAA;AAMA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,cAAA,GAAAT,OAAA;AACA,IAAAU,UAAA,GAAAV,OAAA;AACA,IAAAW,2BAAA,GAAAX,OAAA;AACA,IAAAY,sCAAA,GAAAZ,OAAA;AAG2D,IAAAa,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAb,wBAAAa,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAsB3D,SAASW,0BAA0BA,CACjCC,KAA2C,EAC3C;EACA,MAAM;IACJC,MAAM;IACNC,UAAU;IACVC,UAAU;IACVC,QAAQ;IACRC,OAAO;IACPC,UAAU;IACVC,WAAW,EAAEC,eAAe;IAC5B,GAAGC;EACL,CAAC,GAAGT,KAAK;EAET,MAAMU,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAMC,OAAO,GAAG,IAAAC,gCAAqB,EAAC,CAAC;EAEvC,MAAMC,WAAW,GAAG,IAAAC,qBAAc,EAAI;IACpCd,MAAM;IACNE,UAAU;IACVa,QAAQ,EAAE;EACZ,CAAC,CAAC;EAEF,MAAM,CAACC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EACjC,MACE,IAAIC,4BAAqB,CAAC;IACxBjB,UAAU;IACVD;EACF,CAAC,CACL,CAAC;EAED,MAAM,CAACmB,6BAA6B,CAAC,GAAG,IAAAF,eAAQ,EAC9C,MACE,IAAIG,oCAA6B,CAAO;IACtCC,YAAY,EAAE,KAAK;IACnBL,gBAAgB;IAChBP,SAAS;IACTE;EACF,CAAC,CACL,CAAC;EAED,MAAM;IAAEW,cAAc;IAAEC,IAAI;IAAEC,UAAU;IAAEC;EAAsB,CAAC,GAC/DN,6BAA6B;EAC/B,MAAM;IAAEO;EAAe,CAAC,GAAGF,UAAU;EAErC,MAAM;IACJG,MAAM,EAAE;MAAEC,YAAY;MAAEC;IAAe,CAAC;IACxCC,qBAAqB;IACrBC,wBAAwB;IACxBtB,SAAS,EAAE;MAAEuB,SAAS,EAAElD;IAAE;EAC5B,CAAC,GAAGwC,cAAc;EAElB,MAAM,CAACW,iBAAiB,CAAC,GAAG,IAAAhB,eAAQ,EAClC,MACE,IAAIiB,0BAAiB,CAAC;IACpBC,UAAU,EAAEA,CAAA,KAAMb,cAAc,CAACK,MAAM,CAACE;EAC1C,CAAC,CACL,CAAC;EACD,MAAM;IAAEO;EAAW,CAAC,GAAGH,iBAAiB;EAExC,MAAM;IACJI,MAAM,EAAE;MAAEC;IAAW,CAAC;IACtBC,eAAe;IACfC,KAAK,EAAE;MACLC,MAAM,EAAE;QAAEC,OAAO,EAAEC;MAAc;IACnC;EACF,CAAC,GAAG1C,UAAU;EAEd,MAAM2C,eAAyD,GAC7Dd,qBAAqB,CAACe,MAAM,GACxB,CACE,GAAGf,qBAAqB,CAACgB,GAAG,CAACjC,WAAW,CAAC,EACzC,IAAAkC,oCAAsB,EAAC;IACrBC,EAAE,EAAE,0BAA0B;IAC9BC,IAAI,EAAE;EACR,CAAC,CAAC,CACH,GACD,EAAE;EAER,MAAMC,YAAkC,GAAG,CACzCP,aAAa,GACTL,UAAU,CAACtC,MAAM,CACf,CAAC;IAAEmD;EAAI,CAAC,KAAK,CAACpB,wBAAwB,CAAC9C,GAAG,CAACkE,GAAG,CAAC,IAAI,IACrD,CAAC,GACDb,UAAU,EACdQ,GAAG,CAACjC,WAAW,CAAC;EAElB,MAAM;IAAEuC,OAAO;IAAEC,WAAW;IAAEC;EAAkB,CAAC,GAC/C,IAAAC,sDAA0B,EACxB,CAAC,IAAIZ,aAAa,GAAGC,eAAe,GAAG,EAAE,CAAC,EAAE,GAAGM,YAAY,CAAC,EAC5D;IACEjD;EACF,CACF,CAAC;EAEH,MAAMuD,kBAAkB,GAAG,IAAAC,cAAO,EAAC,MAAM;IACvC,OAAO5B,cAAc,CAACiB,GAAG,CAAC,CAAC;MAAEY;IAAK,CAAC,KAAK1D,MAAM,CAAC2D,QAAQ,CAACD,IAAI,CAAC,CAAC,CAACE,IAAI,CAAC,IAAI,CAAC;EAC3E,CAAC,EAAE,CAAC/B,cAAc,CAAC,CAAC;EAEpB,MAAM;IAAEgC,gBAAgB;IAAEC;EAAQ,CAAC,GACjC,IAAAC,4EAAqC,EAAChE,KAAK,CAAC;EAE9C,IAAAiE,gBAAS,EAAC,MAAMzC,IAAI,CAAC;IAAEsC;EAAiB,CAAC,CAAC,EAAE,EAAE,CAAC;EAE/C,MAAMvD,WAAW,GAAG,IAAAmD,cAAO,EAAC,MAAM;IAChC,IAAI,CAAChC,qBAAqB,EAAE;MAC1B,OAAO,EAAE;IACX;IAEA,IAAII,cAAc,CAACgB,MAAM,KAAK,CAAC,EAAE;MAC/B,IACGoB,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,IAAIX,kBAAkB,CAACX,MAAM,GAAG,EAAE,IAClET,UAAU,EACV;QACA,OAAOtD,CAAC,CAAC,uCAAuC,EAAE;UAChDsF,KAAK,EAAEvC,cAAc,CAACgB;QACxB,CAAC,CAAC;MACJ;MAEA,OAAOW,kBAAkB;IAC3B;IAEA,OACEjD,eAAe,IAAIzB,CAAC,CAAC,gDAAgD,CAAC;EAE1E,CAAC,EAAE,CACD+C,cAAc,EACd2B,kBAAkB,EAClB/B,qBAAqB,EACrBW,UAAU,EACV7B,eAAe,CAChB,CAAC;EAEF,oBACE1C,MAAA,CAAAmB,OAAA,CAAAqF,aAAA,CAAClG,8BAAA,CAAAmG,6BAA6B,MAAAC,SAAA,CAAAvF,OAAA,MACxBwB,IAAI;IACR6C,WAAW,EAAEA,WAAY;IACzBmB,cAAc;IACdxE,MAAM,EAAEA,MAAO;IACfsB,cAAc,EAAEA,cAAe;IAC/B8B,OAAO,EAAEA,OAAQ;IACjBqB,eAAe,EAAE7C,YAAa;IAC9B8C,OAAO,EAAE,CAACpB,iBAAiB,IAAI,CAACf,eAAgB;IAChDoC,QAAQ,EAAE1E,UAAU,CAAC2E,qBAAsB;IAC3CxE,OAAO,EAAEA,CAAA,KAAM;MACb,IAAI,CAACkB,cAAc,CAACuD,gBAAgB,EAAE;QACpCvD,cAAc,CAACwD,2BAA2B,CAAC,CAAC;MAC9C;MACAtD,UAAU,CAACuD,MAAM,CAAC,CAAC;MACnB3E,OAAO,YAAPA,OAAO,CAAG,CAAC;IACb,CAAE;IACFD,QAAQ,EAAEA,CAAC6C,EAAE,EAAEgC,MAAM,KAAK;MACxB,MAAM;QAAEC;MAAU,CAAC,GAAGD,MAA4B;MAClD1D,cAAc,CAACK,MAAM,CAAC9B,GAAG,CAACoF,SAAS,CAAC;MACpC,IAAI3D,cAAc,CAACuD,gBAAgB,EAAE;QACnCvD,cAAc,CAAC4D,gBAAgB,CAAC;UAC9BC,UAAU,EAAE,KAAK;UACjBC,eAAe,EAAEH,SAAS,CAAC9B;QAC7B,CAAC,CAAC;MACJ;MACAhD,QAAQ,YAARA,QAAQ,CAAG6C,EAAE,EAAEgC,MAAM,CAAC;IACxB,CAAE;IACF3E,UAAU,EAAEA,CAAC2C,EAAE,EAAEgC,MAAM,KAAK;MAC1B,MAAM;QAAEC;MAAU,CAAC,GAAGD,MAA4B;MAClD1D,cAAc,CAACK,MAAM,CAAC0D,MAAM,CAACJ,SAAS,CAAC;MACvC,IAAI3D,cAAc,CAACuD,gBAAgB,EAAE;QACnCvD,cAAc,CAAC4D,gBAAgB,CAAC;UAC9BC,UAAU,EAAE,QAAQ;UACpBC,eAAe,EAAEH,SAAS,CAAC9B;QAC7B,CAAC,CAAC;MACJ;MACA9C,UAAU,YAAVA,UAAU,CAAG2C,EAAE,EAAEgC,MAAM,CAAC;IAC1B,CAAE;IACFM,KAAK,EAAErF,UAAU,CAACuC,KAAK,CAACC,MAAM,CAAC6C,KAAM;IACrCxB,OAAO,EAAEA,CAAA,KAAM;MACbtC,UAAU,CAACsC,OAAO,CAAC,CAAC;MACpBA,OAAO,CAAC,CAAC;IACX,CAAE;IACFiB,MAAM,EAAEA,CAAA,KAAM;MACZvD,UAAU,CAACuD,MAAM,CAAC,CAAC;IACrB,CAAE;IACFQ,QAAQ,EAAG5G,CAAC,IAAK;MACfsB,UAAU,CAACwC,MAAM,CAAC9D,CAAC,CAAC6G,MAAM,CAACF,KAAK,EAAE;QAAEG,WAAW,EAAE;MAAK,CAAC,CAAC;IAC1D,CAAE;IACFC,aAAa,EAAElE,UAAU,CAACkE,aAAc;IACxCC,SAAS,EAAGhH,CAAC,IAAK;MAChB,IAAIA,CAAC,CAACiH,WAAW,CAACC,IAAI,KAAK,KAAK,EAAE;QAChCrE,UAAU,CAACsE,YAAY,CAAC,CAAC;MAC3B;IACF,CAAE;IACFC,cAAc,EAAGpH,CAAC,IAAK;MACrBoB,KAAK,CAACgG,cAAc,YAApBhG,KAAK,CAACgG,cAAc,CAAGpH,CAAC,CAAC;MACzB6C,UAAU,CAACuE,cAAc,CAAC,CAAC;IAC7B,CAAE;IACFC,OAAO,EAAEA,CAAA,KAAM;MACbxE,UAAU,CAACuD,MAAM,CAAC,CAAC;MACnB9E,UAAU,CAACgG,WAAW,CAAC,CAAC;IAC1B,CAAE;IACFvE,cAAc,EAAEA,cAAe;IAC/BpB,WAAW,EAAEA,WAAY;IACzB4F,WAAW,EAAE,CAACxE,cAAe;IAC7ByE,yBAAyB,EAAErH,CAAC,CAAC,0CAA0C,CAAE;IACzEsH,iBAAiB;IACjBC,YAAY,eACVxI,MAAA,CAAAmB,OAAA,CAAAqF,aAAA,CAAChG,cAAA,CAAAiI,aAAa;MACZC,QAAQ,EAAE1E,cAAc,CAACgB,MAAM,GAAG,CAAE;MACpC2D,OAAO,EAAEhF,UAAU,CAACiF,SAAU;MAC9BC,IAAI,EAAElD,kBAAmB;MACzBmD,KAAK,EAAE1E,iBAAkB;MAAA2E,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArI,YAAA;QAAAsI,UAAA;QAAAC,YAAA;MAAA;IAAA,CAC1B,CACF;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArI,YAAA;MAAAsI,UAAA;MAAAC,YAAA;IAAA;EAAA,EACF,CAAC;AAEN;AAEO,MAAMC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,IAAAE,uBAAQ,EAACrH,0BAA0B,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_state","_bexCore","_react2","_mobxReactLite","_MultiSelectCheckboxFilterBase","_hooks","_InputOverflow","_providers","_usePlaceholderStateOptions","_useCollectionFilterInitialFetchTiming","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MultiSelectCheckboxFilter","props","filter","collection","renderItem","onSelect","onClose","onDeselect","placeholder","placeholderProp","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","buildOption","useBuildOption","checkbox","collectionFilter","useState","CollectionFilterState","dropdownCollectionFilterState","DropdownCollectionFilterState","resetOnClose","dropdownSelect","init","inputState","shouldShowPlaceholder","disableEditing","select","selectedKeys","selectedValues","finalFilterKeyedItems","finalFilterKeyedItemsMap","translate","textOverflowState","TextOverflowState","observable","isOverflow","result","keyedItems","fetchedLastPage","query","search","isEmpty","isEmptySearch","promotedOptions","length","map","listItemSectionBuilder","id","type","otherOptions","key","options","fixedFooter","showInitialLoader","usePlaceholderStateOptions","selectedValuesText","useMemo","item","itemName","join","skipInitialFetch","onFocus","useCollectionFilterInitialFetchTiming","useEffect","process","env","NODE_ENV","total","createElement","MultiSelectCheckboxFilterBase","_extends2","infiniteScroll","selectedOptions","hasMore","loadMore","fetchNextPageIfNeeded","hasPendingFilter","closeAndChangeSelectedItems","onBlur","option","keyedItem","refreshIfChanged","actionType","clickedValueKey","delete","value","onChange","target","clearResult","onOptionsShow","onKeyDown","nativeEvent","code","onTabKeyDown","onClickOutside","onClear","clearSearch","clearButton","clearButtonTooltipContent","focusOnClearClick","inputElement","InputOverflow","selected","focused","isFocused","text","state","__self","__source","fileName","lineNumber","columnNumber","MultiSelectCheckboxFilter","exports","observer"],"sources":["../../../../src/components/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.tsx"],"sourcesContent":["import { listItemSectionBuilder } from '@wix/design-system';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport {\n  CollectionFilterState,\n  DropdownCollectionFilterState,\n} from '../../state';\nimport { CollectionState, FiltersMap, TextOverflowState } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  KeyedItemOption,\n  MultiSelectCheckboxFilterBase,\n  MultiSelectCheckboxFilterBaseOption,\n  MultiSelectCheckboxFilterBaseProps,\n} from '../MultiSelectCheckboxFilterBase';\nimport { ListItem, useBuildOption } from '../../hooks';\nimport { InputOverflow } from '../InputOverflow';\nimport { useFilterToolbarState } from '../../providers';\nimport { usePlaceholderStateOptions } from '../../hooks/usePlaceholderStateOptions';\nimport {\n  useCollectionFilterInitialFetchTiming,\n  CollectionFilterInitialFetchTimingProps,\n} from '../../hooks/useCollectionFilterInitialFetchTiming';\n\nexport interface MultiSelectCheckboxFilterProps<\n  V,\n  F extends FiltersMap = FiltersMap,\n> extends Omit<\n      MultiSelectCheckboxFilterBaseProps<V>,\n      'options' | 'dropdownSelect'\n    >,\n    CollectionFilterInitialFetchTimingProps {\n  /**\n   * A collection state object to fetch the dropdown items.<br>\n   * A collection created using [useFilterCollection](./?path=/story/features-filter-hooks--usefiltercollection) or [useStaticListFilterCollection](./?path=/story/features-filter-hooks--usestaticlistfiltercollection)\n   * @external\n   */\n  collection: CollectionState<V, F>;\n  /**\n   * A function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) (Optional)\n   */\n  renderItem?: (item: V, index: number) => ListItem;\n}\n\nfunction _MultiSelectCheckboxFilter<V, F extends FiltersMap = FiltersMap>(\n  props: MultiSelectCheckboxFilterProps<V, F>,\n) {\n  const {\n    filter,\n    collection,\n    renderItem,\n    onSelect,\n    onClose,\n    onDeselect,\n    placeholder: placeholderProp,\n    ...rest\n  } = props;\n\n  const container = useWixPatternsContainer();\n  const toolbar = useFilterToolbarState();\n\n  const buildOption = useBuildOption<V>({\n    filter,\n    renderItem,\n    checkbox: true,\n  });\n\n  const [collectionFilter] = useState(\n    () =>\n      new CollectionFilterState({\n        collection,\n        filter,\n      }),\n  );\n\n  const [dropdownCollectionFilterState] = useState(\n    () =>\n      new DropdownCollectionFilterState<V, F>({\n        resetOnClose: false,\n        collectionFilter,\n        container,\n        toolbar,\n      }),\n  );\n\n  const { dropdownSelect, init, inputState, shouldShowPlaceholder } =\n    dropdownCollectionFilterState;\n  const { disableEditing } = inputState;\n\n  const {\n    select: { selectedKeys, selectedValues },\n    finalFilterKeyedItems,\n    finalFilterKeyedItemsMap,\n    container: { translate: t },\n  } = dropdownSelect;\n\n  const [textOverflowState] = useState(\n    () =>\n      new TextOverflowState({\n        observable: () => dropdownSelect.select.selectedValues,\n      }),\n  );\n  const { isOverflow } = textOverflowState;\n\n  const {\n    result: { keyedItems },\n    fetchedLastPage,\n    query: {\n      search: { isEmpty: isEmptySearch },\n    },\n  } = collection;\n\n  const promotedOptions: MultiSelectCheckboxFilterBaseOption<V>[] =\n    finalFilterKeyedItems.length\n      ? [\n          ...finalFilterKeyedItems.map(buildOption),\n          listItemSectionBuilder({\n            id: 'promoted-section-divider',\n            type: 'divider',\n          }),\n        ]\n      : [];\n\n  const otherOptions: KeyedItemOption<V>[] = (\n    isEmptySearch\n      ? keyedItems.filter(\n          ({ key }) => !finalFilterKeyedItemsMap.has(key) ?? true,\n        )\n      : keyedItems\n  ).map(buildOption);\n\n  const { options, fixedFooter, showInitialLoader } =\n    usePlaceholderStateOptions(\n      [...(isEmptySearch ? promotedOptions : []), ...otherOptions],\n      {\n        collection,\n      },\n    );\n\n  const selectedValuesText = useMemo(() => {\n    return selectedValues.map(({ item }) => filter.itemName(item)).join(', ');\n  }, [selectedValues]);\n\n  const { skipInitialFetch, onFocus } =\n    useCollectionFilterInitialFetchTiming(props);\n\n  useEffect(() => init({ skipInitialFetch }), []);\n\n  const placeholder = useMemo(() => {\n    if (!shouldShowPlaceholder) {\n      return '';\n    }\n\n    if (selectedValues.length !== 0) {\n      if (\n        (process.env.NODE_ENV === 'test' && selectedValuesText.length > 40) ||\n        isOverflow\n      ) {\n        return t('cairo.dropdownSearch.filters.selected', {\n          total: selectedValues.length,\n        });\n      }\n\n      return selectedValuesText;\n    }\n\n    return (\n      placeholderProp ?? t('cairo.dropdownSearch.select.filers.placeholder')\n    );\n  }, [\n    selectedValues,\n    selectedValuesText,\n    shouldShowPlaceholder,\n    isOverflow,\n    placeholderProp,\n  ]);\n\n  return (\n    <MultiSelectCheckboxFilterBase\n      {...rest}\n      fixedFooter={fixedFooter}\n      infiniteScroll\n      filter={filter}\n      dropdownSelect={dropdownSelect}\n      options={options}\n      selectedOptions={selectedKeys}\n      hasMore={!showInitialLoader && !fetchedLastPage}\n      loadMore={collection.fetchNextPageIfNeeded}\n      onClose={() => {\n        if (!dropdownSelect.hasPendingFilter) {\n          dropdownSelect.closeAndChangeSelectedItems();\n        }\n        inputState.onBlur();\n        onClose?.();\n      }}\n      onSelect={(id, option) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        dropdownSelect.select.set(keyedItem);\n        if (dropdownSelect.hasPendingFilter) {\n          dropdownSelect.refreshIfChanged({\n            actionType: 'add',\n            clickedValueKey: keyedItem.key,\n          });\n        }\n        onSelect?.(id, option);\n      }}\n      onDeselect={(id, option) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        dropdownSelect.select.delete(keyedItem);\n        if (dropdownSelect.hasPendingFilter) {\n          dropdownSelect.refreshIfChanged({\n            actionType: 'remove',\n            clickedValueKey: keyedItem.key,\n          });\n        }\n        onDeselect?.(id, option);\n      }}\n      value={collection.query.search.value}\n      onFocus={() => {\n        inputState.onFocus();\n        onFocus();\n      }}\n      onBlur={() => {\n        inputState.onBlur();\n      }}\n      onChange={(e) => {\n        collection.search(e.target.value, { clearResult: true });\n      }}\n      onOptionsShow={inputState.onOptionsShow}\n      onKeyDown={(e) => {\n        if (e.nativeEvent.code === 'Tab') {\n          inputState.onTabKeyDown();\n        }\n      }}\n      onClickOutside={(e) => {\n        props.onClickOutside?.(e);\n        inputState.onClickOutside();\n      }}\n      onClear={() => {\n        inputState.onBlur();\n        collection.clearSearch();\n      }}\n      disableEditing={disableEditing}\n      placeholder={placeholder}\n      clearButton={!disableEditing}\n      clearButtonTooltipContent={t('cairo.dropdownSearch.select.filers.clear')}\n      focusOnClearClick\n      inputElement={\n        <InputOverflow\n          selected={selectedValues.length > 0}\n          focused={inputState.isFocused}\n          text={selectedValuesText}\n          state={textOverflowState}\n        />\n      }\n    />\n  );\n}\n\nexport const MultiSelectCheckboxFilter = observer(_MultiSelectCheckboxFilter);\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_mobxReactLite","_MultiSelectFilterBase","_hooks","_react2","_providers","_usePlaceholderStateOptions","_useCollectionFilterInitialFetchTiming","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MultiSelectCollectionFilter","props","filter","collection","renderItem","initialFetchTiming","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","buildOption","useBuildOption","collectionFilter","useState","CollectionFilterState","dropdownSelect","init","DropdownCollectionFilterState","resetOnClose","query","search","skipInitialFetch","onFocus","useCollectionFilterInitialFetchTiming","useEffect","result","keyedItems","fetchedLastPage","options","fixedFooter","showInitialLoader","usePlaceholderStateOptions","map","createElement","MultiSelectFilterBase","_extends2","infiniteScroll","value","onChange","target","hasMore","loadMore","fetchNextPageIfNeeded","__self","__source","fileName","lineNumber","columnNumber","MultiSelectCollectionFilter","exports","observer","displayName"],"sources":["../../../../src/components/MultiSelectCollectionFilter/MultiSelectCollectionFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  CollectionFilterState,\n  DropdownCollectionFilterState,\n} from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport {\n  MultiSelectFilterBase,\n  MultiSelectFilterBaseProps,\n} from '../MultiSelectFilterBase';\nimport { ListItem, useBuildOption } from '../../hooks';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useFilterToolbarState } from '../../providers';\nimport { usePlaceholderStateOptions } from '../../hooks/usePlaceholderStateOptions';\nimport {\n  CollectionFilterInitialFetchTimingProps,\n  useCollectionFilterInitialFetchTiming,\n} from '../../hooks/useCollectionFilterInitialFetchTiming';\n\nexport interface MultiSelectCollectionFilterProps<V, F extends FiltersMap>\n  extends Omit<MultiSelectFilterBaseProps<V>, 'options' | 'dropdownSelect'>,\n    CollectionFilterInitialFetchTimingProps {\n  /**\n   * A collection state object to fetch the dropdown items.<br>\n   * A collection created using [useFilterCollection](./?path=/story/common-hooks--usefiltercollection) or [useStaticListFilterCollection](./?path=/story/common-hooks--usestaticlistfiltercollection)\n   * @external\n   */\n  collection: CollectionState<V, F>;\n  /**\n   * A function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) (Optional)\n   * @external\n   */\n  renderItem?: (item: V, index: number) => ListItem;\n}\n\nfunction _MultiSelectCollectionFilter<V, F extends FiltersMap>(\n  props: MultiSelectCollectionFilterProps<V, F>,\n) {\n  const { filter, collection, renderItem, initialFetchTiming, ...rest } = props;\n\n  const container = useWixPatternsContainer();\n  const toolbar = useFilterToolbarState();\n\n  const buildOption = useBuildOption<V>({\n    filter,\n    renderItem,\n  });\n\n  const [collectionFilter] = useState(\n    () =>\n      new CollectionFilterState({\n        collection,\n        filter,\n      }),\n  );\n\n  const [{ dropdownSelect, init }] = useState(\n    () =>\n      new DropdownCollectionFilterState({\n        collectionFilter,\n        resetOnClose: true,\n        container,\n        toolbar,\n      }),\n  );\n\n  const {\n    query: { search },\n  } = collection;\n\n  const { skipInitialFetch, onFocus } =\n    useCollectionFilterInitialFetchTiming(props);\n\n  useEffect(() => init({ skipInitialFetch }), []);\n\n  const {\n    result: { keyedItems },\n    fetchedLastPage,\n  } = collection;\n\n  const { options, fixedFooter, showInitialLoader } =\n    usePlaceholderStateOptions(keyedItems.map(buildOption), {\n      collection,\n      fixedFooter: rest.fixedFooter,\n    });\n\n  return (\n    <MultiSelectFilterBase\n      {...rest}\n      fixedFooter={fixedFooter}\n      infiniteScroll\n      value={search.value}\n      onChange={(e) => {\n        collection.search(e.target.value);\n      }}\n      onFocus={onFocus}\n      filter={filter}\n      dropdownSelect={dropdownSelect}\n      options={options}\n      hasMore={!showInitialLoader && !fetchedLastPage}\n      loadMore={collection.fetchNextPageIfNeeded}\n    />\n  );\n}\n\nexport const MultiSelectCollectionFilter = observer(\n  _MultiSelectCollectionFilter,\n);\n\nMultiSelectCollectionFilter.displayName = 'MultiSelectCollectionFilter';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_mobxReactLite","_MultiSelectFilterBase","_hooks","_react2","_providers","_usePlaceholderStateOptions","_useCollectionFilterInitialFetchTiming","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MultiSelectCollectionFilter","props","filter","collection","renderItem","initialFetchTiming","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","buildOption","useBuildOption","collectionFilter","useState","CollectionFilterState","dropdownSelect","init","DropdownCollectionFilterState","resetOnClose","query","search","skipInitialFetch","onFocus","useCollectionFilterInitialFetchTiming","useEffect","result","keyedItems","fetchedLastPage","options","fixedFooter","showInitialLoader","usePlaceholderStateOptions","map","createElement","MultiSelectFilterBase","_extends2","infiniteScroll","value","onChange","target","hasMore","loadMore","fetchNextPageIfNeeded","__self","__source","fileName","lineNumber","columnNumber","MultiSelectCollectionFilter","exports","observer","displayName"],"sources":["../../../../src/components/MultiSelectCollectionFilter/MultiSelectCollectionFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  CollectionFilterState,\n  DropdownCollectionFilterState,\n} from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport {\n  MultiSelectFilterBase,\n  MultiSelectFilterBaseProps,\n} from '../MultiSelectFilterBase';\nimport { ListItem, useBuildOption } from '../../hooks';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useFilterToolbarState } from '../../providers';\nimport { usePlaceholderStateOptions } from '../../hooks/usePlaceholderStateOptions';\nimport {\n  CollectionFilterInitialFetchTimingProps,\n  useCollectionFilterInitialFetchTiming,\n} from '../../hooks/useCollectionFilterInitialFetchTiming';\n\nexport interface MultiSelectCollectionFilterProps<V, F extends FiltersMap>\n  extends Omit<MultiSelectFilterBaseProps<V>, 'options' | 'dropdownSelect'>,\n    CollectionFilterInitialFetchTimingProps {\n  /**\n   * A collection state object to fetch the dropdown items.<br>\n   * A collection created using [useFilterCollection](./?path=/story/features-filter-hooks--usefiltercollection) or [useStaticListFilterCollection](./?path=/story/features-filter-hooks--usestaticlistfiltercollection)\n   * @external\n   */\n  collection: CollectionState<V, F>;\n  /**\n   * A function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) (Optional)\n   * @external\n   */\n  renderItem?: (item: V, index: number) => ListItem;\n}\n\nfunction _MultiSelectCollectionFilter<V, F extends FiltersMap>(\n  props: MultiSelectCollectionFilterProps<V, F>,\n) {\n  const { filter, collection, renderItem, initialFetchTiming, ...rest } = props;\n\n  const container = useWixPatternsContainer();\n  const toolbar = useFilterToolbarState();\n\n  const buildOption = useBuildOption<V>({\n    filter,\n    renderItem,\n  });\n\n  const [collectionFilter] = useState(\n    () =>\n      new CollectionFilterState({\n        collection,\n        filter,\n      }),\n  );\n\n  const [{ dropdownSelect, init }] = useState(\n    () =>\n      new DropdownCollectionFilterState({\n        collectionFilter,\n        resetOnClose: true,\n        container,\n        toolbar,\n      }),\n  );\n\n  const {\n    query: { search },\n  } = collection;\n\n  const { skipInitialFetch, onFocus } =\n    useCollectionFilterInitialFetchTiming(props);\n\n  useEffect(() => init({ skipInitialFetch }), []);\n\n  const {\n    result: { keyedItems },\n    fetchedLastPage,\n  } = collection;\n\n  const { options, fixedFooter, showInitialLoader } =\n    usePlaceholderStateOptions(keyedItems.map(buildOption), {\n      collection,\n      fixedFooter: rest.fixedFooter,\n    });\n\n  return (\n    <MultiSelectFilterBase\n      {...rest}\n      fixedFooter={fixedFooter}\n      infiniteScroll\n      value={search.value}\n      onChange={(e) => {\n        collection.search(e.target.value);\n      }}\n      onFocus={onFocus}\n      filter={filter}\n      dropdownSelect={dropdownSelect}\n      options={options}\n      hasMore={!showInitialLoader && !fetchedLastPage}\n      loadMore={collection.fetchNextPageIfNeeded}\n    />\n  );\n}\n\nexport const MultiSelectCollectionFilter = observer(\n  _MultiSelectCollectionFilter,\n);\n\nMultiSelectCollectionFilter.displayName = 'MultiSelectCollectionFilter';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/NestedTable/MainCellLayout.js

@@ -11,6 +11,7 @@ function MainCellLayout(props) {
     dataHook,
     image,
     breadcrumbs,
+    dragHandle,
     expandCollapseButton,
     title,
     subtitle,
@@ -24,17 +25,17 @@ function MainCellLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 25,
+      lineNumber: 27,
       columnNumber: 5
     }
-  }, expandCollapseButton, image && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  }, dragHandle, expandCollapseButton, image && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     height: "40px",
     paddingInlineEnd: "12px",
     dataHook: "image",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 33,
+      lineNumber: 36,
       columnNumber: 9
     }
   }, image), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -44,7 +45,7 @@ function MainCellLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 37,
+      lineNumber: 40,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -53,7 +54,7 @@ function MainCellLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 38,
+      lineNumber: 41,
       columnNumber: 9
     }
   }, breadcrumbs, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -63,7 +64,7 @@ function MainCellLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 40,
+      lineNumber: 43,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -74,7 +75,7 @@ function MainCellLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 45,
+      lineNumber: 48,
       columnNumber: 13
     }
   }, title))), subtitle && /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -86,7 +87,7 @@ function MainCellLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52,
+      lineNumber: 55,
       columnNumber: 11
     }
   }, subtitle)));