@wix/patterns 1.308.0 → 1.317.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_CollectionContext","_assertComponentType","_ToolbarItemBox","_CollectionToolbarStCss","_InitialLoadingConditional","_useCollectionToolbarSyncedProps","_useIsCollectionToolbarExists","_CollectionToolbarActionsToolbarItemsGroup","_CollectionToolbarActionsGroupResponsiveLayout","_MoreActions","_CollectionToolbarSkeletonItem","_useIsMobile","_isValidElement","_CollectionSearch","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionToolbar","props","_state$tagsCollection","_state$collectionData","_state$container$expe","_state$container$inte","state","search","title","tabs","customColumns","multiLevelSorting","views","dataHook","filters","filtersProp","tableGridSwitchButton","exportButton","dragAndDropReorderModeToolbar","primaryActionButton","secondaryActions","moreActions","isMobile","useIsMobile","hasOtherToolbarFeatures","useIsCollectionToolbarExists","excludeSearch","searchIsExpandable","undefined","assertComponentType","collection","featuredComponents","toolbar","responsive","container","isPanelLayout","addDataHookToMoreActions","createElement","MoreActions","_extends2","__self","__source","fileName","lineNumber","columnNumber","searchElement","isValidElement","React","cloneElement","expandable","CollectionSearch","size","MoreFiltersButton","moreFiltersButton","value","viewsToolbarItem","ToolbarItemBox","CollectionToolbarFilters","tagsCollectionState","components","collectionDataExtension","filtersElement","useMemo","_state$collectionData2","_state$tagsCollection2","initTask","status","isSuccess","featureFilters","buildCustomFieldFilters","buildTagsFilterWrapper","filter","Boolean","inline","left","removeStartPadding","layout","useCollectionToolbarSyncedProps","rendersStart","setRendersStart","useState","useEffect","_state$toolbarFilters","_state$toolbarFilters2","_state$toolbarFilters3","toolbarFiltersState","totalInlineFilters","toolbarFiltersStateInitialized","shouldAddDivider","analyticsCustomColumnsDiscoverability","experiments","showCustomColumnsOnTheLeft","immidiatelyInteractWithToolbarsEnabled","internalExperiments","enabled","CollectionToolbarActionsGroup","responsiveDisabled","CollectionToolbarActionsToolbarItemsGroup","CollectionToolbarActionsGroupResponsiveLayout","toolbarElement","Fragment","TableToolbar","ItemGroup","position","className","st","classes","InitialLoadingConditional","loadingElement","CollectionToolbarSkeletonItem","width","right","fullWidth","Item","Box","alignSelf","paddingLeft","Divider","direction","toolbarWithSkeleton","hideLoadingElement","CollectionProvider","minHeight","subtitle","isReorderModeToolbarVisible","removeVerticalPadding","root","mobile","CollectionToolbar","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.tsx"],"sourcesContent":["import React, {\n  FunctionComponent,\n  ReactElement,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, Divider, TableToolbar } from '@wix/design-system';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionProvider } from '../CollectionContext';\nimport { ToolbarCollectionState } from '../../state';\nimport { PartialFunctionComponent } from '../PartialFunctionComponent';\nimport type {\n  CollectionSearchElement,\n  MultiLevelSortingElement,\n} from '../assertComponentType';\nimport { assertComponentType } from '../assertComponentType';\nimport { ToolbarItemBox } from '../ToolbarItemBox';\nimport { classes, st } from './CollectionToolbar.st.css.js';\nimport { InitialLoadingConditional } from '../InitialLoadingConditional';\nimport {\n  ToolbarBaseProps,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\nimport { useCollectionToolbarSyncedProps } from './useCollectionToolbarSyncedProps';\nimport { useIsCollectionToolbarExists } from './useIsCollectionToolbarExists';\nimport { CollectionToolbarActionsToolbarItemsGroup } from './CollectionToolbarActionsToolbarItemsGroup';\nimport { CollectionToolbarActionsGroupResponsiveLayout } from './CollectionToolbarActionsGroupResponsiveLayout';\nimport { MoreActions } from '../MoreActions';\nimport { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { isValidElement } from '../isValidElement';\nimport { CollectionSearch } from '../CollectionSearch';\n\nexport interface CollectionToolbarProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  title?: ToolbarCollectionBaseProps<T, F>['title'];\n  tabs?: ToolbarCollectionBaseProps<T, F>['tabs'];\n  customColumns?: ToolbarCollectionBaseProps<T, F>['customColumns'];\n  multiLevelSorting?: MultiLevelSortingElement;\n  views?: ToolbarCollectionBaseProps<T, F>['views'];\n  search?: ToolbarBaseProps['search'];\n  dataHook?: string;\n  filters?: ToolbarCollectionBaseProps<T, F>['filters'];\n  tableGridSwitchButton?: ToolbarCollectionBaseProps<\n    T,\n    F\n  >['tableGridSwitchButton'];\n  exportButton?: ToolbarCollectionBaseProps<T, F>['exportButton'];\n  primaryActionButton?: ToolbarCollectionBaseProps<T, F>['primaryActionButton'];\n  dragAndDropReorderModeToolbar?: ToolbarCollectionBaseProps<\n    T,\n    F\n  >['dragAndDropReorderModeToolbar'];\n  secondaryActions?: ToolbarCollectionBaseProps<T, F>['secondaryActions'];\n  moreActions?: ToolbarCollectionBaseProps<T, F>['moreActions'];\n}\n\nfunction _CollectionToolbar<T, F extends FiltersMap>(\n  props: CollectionToolbarProps<T, F>,\n) {\n  const {\n    state,\n    search = true,\n    title,\n    tabs,\n    customColumns,\n    multiLevelSorting,\n    views,\n    dataHook,\n    filters: filtersProp,\n    tableGridSwitchButton,\n    exportButton,\n    dragAndDropReorderModeToolbar,\n    primaryActionButton,\n    secondaryActions,\n    moreActions,\n  } = props;\n\n  const isMobile = useIsMobile();\n\n  const hasOtherToolbarFeatures = useIsCollectionToolbarExists(props, {\n    excludeSearch: true,\n  });\n  const searchIsExpandable = isMobile ? hasOtherToolbarFeatures : undefined;\n\n  assertComponentType(\n    primaryActionButton,\n    'PrimaryActionButton',\n    'PrimaryActionButton',\n  );\n  const {\n    collection,\n    featuredComponents,\n    toolbar: { responsive },\n    container: { isPanelLayout },\n  } = state;\n\n  const addDataHookToMoreActions = () => {\n    return (\n      <MoreActions dataHook=\"toolbar-more-actions\" {...moreActions!.props} />\n    );\n  };\n\n  const searchElement = isPanelLayout ? undefined : isValidElement(search) ? (\n    React.cloneElement(search as CollectionSearchElement, {\n      expandable:\n        searchIsExpandable ??\n        (search as CollectionSearchElement).props.expandable,\n    })\n  ) : search ? (\n    <CollectionSearch size=\"small\" expandable={searchIsExpandable} />\n  ) : (\n    search\n  );\n\n  const MoreFiltersButton = featuredComponents.moreFiltersButton\n    .value as PartialFunctionComponent as FunctionComponent | null;\n\n  const viewsToolbarItem = isPanelLayout\n    ? undefined\n    : views && (\n        <ToolbarItemBox dataHook=\"collection-table-toolbar-views-item\">\n          {views}\n        </ToolbarItemBox>\n      );\n\n  const CollectionToolbarFilters =\n    state.tagsCollectionState?.components.CollectionToolbarFilters ||\n    state.collectionDataExtension?.components.CollectionToolbarFilters;\n\n  const filtersElement = useMemo(() => {\n    if (!state.container.initTask.status.isSuccess) {\n      return;\n    }\n\n    if (isMobile) {\n      return undefined;\n    }\n\n    if (filtersProp) {\n      return filtersProp;\n    }\n    const featureFilters = [\n      ...(state.collectionDataExtension?.buildCustomFieldFilters() || []),\n      state.tagsCollectionState?.buildTagsFilterWrapper(),\n    ].filter(Boolean);\n\n    return (\n      filtersProp ??\n      (CollectionToolbarFilters && (\n        <CollectionToolbarFilters inline={0}>\n          {featureFilters}\n        </CollectionToolbarFilters>\n      ))\n    );\n  }, [filtersProp, isMobile, state.container.initTask.status]);\n\n  let left: ReactElement | undefined;\n\n  if (tabs) {\n    left = (\n      <ToolbarItemBox removeStartPadding expandable layout=\"button\">\n        {tabs}\n      </ToolbarItemBox>\n    );\n  } else if (title && !isMobile) {\n    left = title;\n  }\n\n  useCollectionToolbarSyncedProps({\n    left,\n    filtersElement,\n    viewsToolbarItem,\n    state,\n  });\n\n  /* checking if something is rendered in the .left TableToolbar.ItemGroup (not empty) */\n  const [rendersStart, setRendersStart] = useState<boolean>();\n\n  useEffect(() => {\n    setRendersStart(\n      !!left ||\n        !!viewsToolbarItem ||\n        (state.toolbarFiltersState?.totalInlineFilters.value !== undefined &&\n          state.toolbarFiltersState?.totalInlineFilters.value !== null &&\n          state.toolbarFiltersState?.totalInlineFilters.value > 0),\n    );\n  }, [left, viewsToolbarItem, state.toolbarFiltersStateInitialized]);\n\n  const shouldAddDivider =\n    tableGridSwitchButton && (searchElement || MoreFiltersButton);\n\n  const analyticsCustomColumnsDiscoverability =\n    state.container.experiments?.get(\n      'specs.analytics.CustomColumnsWithLabelAndNewIcon',\n    );\n\n  const showCustomColumnsOnTheLeft =\n    analyticsCustomColumnsDiscoverability === 'b' ||\n    analyticsCustomColumnsDiscoverability === 'c';\n\n  const immidiatelyInteractWithToolbarsEnabled =\n    state.container.internalExperiments?.enabled(\n      'specs.cairo.ImmidiatelyInteractWithToolbars',\n    );\n\n  const CollectionToolbarActionsGroup = responsive.responsiveDisabled\n    ? CollectionToolbarActionsToolbarItemsGroup\n    : CollectionToolbarActionsGroupResponsiveLayout;\n\n  const toolbarElement = (\n    <>\n      <TableToolbar.ItemGroup\n        position=\"start\"\n        className={st(classes.left, { expandable: !!tabs })}\n        dataHook=\"collection-table-toolbar-filters\"\n      >\n        {left ?? (\n          <>\n            {viewsToolbarItem && (\n              <InitialLoadingConditional\n                state={state}\n                loadingElement={\n                  <CollectionToolbarSkeletonItem\n                    dataHook=\"toolbar-views-skeleton\"\n                    width=\"100px\"\n                  />\n                }\n              >\n                {viewsToolbarItem}\n              </InitialLoadingConditional>\n            )}\n            {!viewsToolbarItem ? filtersElement : undefined}\n          </>\n        )}\n      </TableToolbar.ItemGroup>\n\n      <TableToolbar.ItemGroup\n        position={isMobile ? undefined : 'end'}\n        className={st(\n          classes.right,\n          {},\n          ...[rendersStart ? undefined : classes.fullWidth],\n        )}\n      >\n        <CollectionToolbarActionsGroup\n          viewsToolbarItem={viewsToolbarItem}\n          filtersElement={filtersElement}\n          MoreFiltersButton={MoreFiltersButton}\n          multiLevelSorting={multiLevelSorting}\n          customColumns={isMobile || isPanelLayout ? undefined : customColumns}\n          exportButton={exportButton}\n          search={searchElement}\n          showCustomColumnsOnTheLeft={showCustomColumnsOnTheLeft}\n          left={left}\n        />\n\n        {primaryActionButton && (\n          <TableToolbar.Item>{primaryActionButton}</TableToolbar.Item>\n        )}\n        {moreActions && (\n          <TableToolbar.Item>{addDataHookToMoreActions()}</TableToolbar.Item>\n        )}\n        {secondaryActions && (\n          <TableToolbar.Item>{secondaryActions}</TableToolbar.Item>\n        )}\n        {shouldAddDivider && (\n          <Box alignSelf=\"stretch\" paddingLeft=\"SP2\">\n            <Divider\n              direction=\"vertical\"\n              dataHook=\"collection-table--grid-switch--divider\"\n            />\n          </Box>\n        )}\n        {tableGridSwitchButton && (\n          <TableToolbar.Item>{tableGridSwitchButton}</TableToolbar.Item>\n        )}\n      </TableToolbar.ItemGroup>\n    </>\n  );\n\n  const toolbarWithSkeleton = (\n    <InitialLoadingConditional\n      state={state}\n      loadingElement={\n        <CollectionToolbarSkeletonItem\n          dataHook=\"toolbar-skeleton\"\n          width=\"100px\"\n        />\n      }\n      hideLoadingElement={immidiatelyInteractWithToolbarsEnabled}\n    >\n      {toolbarElement}\n    </InitialLoadingConditional>\n  );\n\n  return (\n    <CollectionProvider value={collection}>\n      <Box direction=\"vertical\" dataHook={dataHook}>\n        <Box\n          minHeight={\n            isPanelLayout ? '48px' : title?.props.subtitle ? '78px' : '60px'\n          }\n        >\n          {state.isReorderModeToolbarVisible ? (\n            dragAndDropReorderModeToolbar\n          ) : (\n            <TableToolbar\n              removeVerticalPadding\n              className={st(classes.root, {\n                views: !responsive.responsiveDisabled,\n                mobile: isMobile,\n              })}\n              dataHook=\"collection-table-toolbar\"\n            >\n              {toolbarWithSkeleton}\n            </TableToolbar>\n          )}\n        </Box>\n      </Box>\n    </CollectionProvider>\n  );\n}\n\nexport const CollectionToolbar = observer(_CollectionToolbar);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_CollectionContext","_assertComponentType","_ToolbarItemBox","_CollectionToolbarStCss","_InitialLoadingConditional","_useCollectionToolbarSyncedProps","_useIsCollectionToolbarExists","_CollectionToolbarActionsToolbarItemsGroup","_CollectionToolbarActionsGroupResponsiveLayout","_MoreActions","_CollectionToolbarSkeletonItem","_useIsMobile","_isValidElement","_CollectionSearch","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionToolbar","props","_state$tagsCollection","_state$collectionData","_state$container$expe","_state$container$inte","state","search","title","tabs","customColumns","multiLevelSorting","views","dataHook","filters","filtersProp","tableGridSwitchButton","exportButton","dragAndDropReorderModeToolbar","primaryActionButton","secondaryActions","moreActions","isMobile","useIsMobile","hasOtherToolbarFeatures","useIsCollectionToolbarExists","excludeSearch","searchIsExpandable","undefined","assertComponentType","collection","featuredComponents","toolbar","responsive","container","isPanelLayout","addDataHookToMoreActions","createElement","MoreActions","_extends2","__self","__source","fileName","lineNumber","columnNumber","searchElement","isValidElement","React","cloneElement","expandable","CollectionSearch","size","MoreFiltersButton","moreFiltersButton","value","viewsToolbarItem","ToolbarItemBox","CollectionToolbarFilters","tagsCollectionState","components","collectionDataExtension","filtersElement","useMemo","_state$collectionData2","_state$tagsCollection2","initTask","status","isSuccess","featureFilters","buildCustomFieldFilters","buildTagsFilterWrapper","filter","Boolean","inline","left","removeStartPadding","layout","useCollectionToolbarSyncedProps","rendersStart","setRendersStart","useState","useEffect","_state$toolbarFilters","_state$toolbarFilters2","_state$toolbarFilters3","toolbarFiltersState","totalInlineFilters","toolbarFiltersStateInitialized","shouldAddDivider","analyticsCustomColumnsDiscoverability","experiments","showCustomColumnsOnTheLeft","immidiatelyInteractWithToolbarsEnabled","internalExperiments","enabled","CollectionToolbarActionsGroup","responsiveDisabled","CollectionToolbarActionsToolbarItemsGroup","CollectionToolbarActionsGroupResponsiveLayout","toolbarElement","Fragment","TableToolbar","ItemGroup","position","className","st","classes","InitialLoadingConditional","loadingElement","CollectionToolbarSkeletonItem","width","right","fullWidth","Item","Box","alignSelf","paddingLeft","Divider","direction","toolbarWithSkeleton","hideLoadingElement","CollectionProvider","minHeight","subtitle","isReorderModeToolbarVisible","removeVerticalPadding","root","mobile","CollectionToolbar","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.tsx"],"sourcesContent":["import React, {\n  FunctionComponent,\n  ReactElement,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, Divider, TableToolbar } from '@wix/design-system';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionProvider } from '../CollectionContext';\nimport { ToolbarCollectionState } from '../../state';\nimport { PartialFunctionComponent } from '../PartialFunctionComponent';\nimport type {\n  CollectionSearchElement,\n  MultiLevelSortingElement,\n} from '../assertComponentType';\nimport { assertComponentType } from '../assertComponentType';\nimport { ToolbarItemBox } from '../ToolbarItemBox';\nimport { classes, st } from './CollectionToolbar.st.css.js';\nimport { InitialLoadingConditional } from '../InitialLoadingConditional';\nimport {\n  ToolbarBaseProps,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\nimport { useCollectionToolbarSyncedProps } from './useCollectionToolbarSyncedProps';\nimport { useIsCollectionToolbarExists } from './useIsCollectionToolbarExists';\nimport { CollectionToolbarActionsToolbarItemsGroup } from './CollectionToolbarActionsToolbarItemsGroup';\nimport { CollectionToolbarActionsGroupResponsiveLayout } from './CollectionToolbarActionsGroupResponsiveLayout';\nimport { MoreActions } from '../MoreActions';\nimport { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { isValidElement } from '../isValidElement';\nimport { CollectionSearch } from '../CollectionSearch';\n\nexport interface CollectionToolbarProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  title?: ToolbarCollectionBaseProps<T, F>['title'];\n  tabs?: ToolbarCollectionBaseProps<T, F>['tabs'];\n  customColumns?: ToolbarCollectionBaseProps<T, F>['customColumns'];\n  multiLevelSorting?: MultiLevelSortingElement;\n  views?: ToolbarCollectionBaseProps<T, F>['views'];\n  search?: ToolbarBaseProps['search'];\n  dataHook?: string;\n  filters?: ToolbarCollectionBaseProps<T, F>['filters'];\n  tableGridSwitchButton?: ToolbarCollectionBaseProps<\n    T,\n    F\n  >['tableGridSwitchButton'];\n  exportButton?: ToolbarCollectionBaseProps<T, F>['exportButton'];\n  primaryActionButton?: ToolbarCollectionBaseProps<T, F>['primaryActionButton'];\n  dragAndDropReorderModeToolbar?: ToolbarCollectionBaseProps<\n    T,\n    F\n  >['dragAndDropReorderModeToolbar'];\n  secondaryActions?: ToolbarCollectionBaseProps<T, F>['secondaryActions'];\n  moreActions?: ToolbarCollectionBaseProps<T, F>['moreActions'];\n}\n\nfunction _CollectionToolbar<T, F extends FiltersMap>(\n  props: CollectionToolbarProps<T, F>,\n) {\n  const {\n    state,\n    search = true,\n    title,\n    tabs,\n    customColumns,\n    multiLevelSorting,\n    views,\n    dataHook,\n    filters: filtersProp,\n    tableGridSwitchButton,\n    exportButton,\n    dragAndDropReorderModeToolbar,\n    primaryActionButton,\n    secondaryActions,\n    moreActions,\n  } = props;\n\n  const isMobile = useIsMobile();\n\n  const hasOtherToolbarFeatures = useIsCollectionToolbarExists(props, {\n    excludeSearch: true,\n    isMobile,\n  });\n  const searchIsExpandable = isMobile ? hasOtherToolbarFeatures : undefined;\n\n  assertComponentType(\n    primaryActionButton,\n    'PrimaryActionButton',\n    'PrimaryActionButton',\n  );\n  const {\n    collection,\n    featuredComponents,\n    toolbar: { responsive },\n    container: { isPanelLayout },\n  } = state;\n\n  const addDataHookToMoreActions = () => {\n    return (\n      <MoreActions dataHook=\"toolbar-more-actions\" {...moreActions!.props} />\n    );\n  };\n\n  const searchElement = isPanelLayout ? undefined : isValidElement(search) ? (\n    React.cloneElement(search as CollectionSearchElement, {\n      expandable:\n        searchIsExpandable ??\n        (search as CollectionSearchElement).props.expandable,\n    })\n  ) : search ? (\n    <CollectionSearch size=\"small\" expandable={searchIsExpandable} />\n  ) : (\n    search\n  );\n\n  const MoreFiltersButton = featuredComponents.moreFiltersButton\n    .value as PartialFunctionComponent as FunctionComponent | null;\n\n  const viewsToolbarItem = isPanelLayout\n    ? undefined\n    : views && (\n        <ToolbarItemBox dataHook=\"collection-table-toolbar-views-item\">\n          {views}\n        </ToolbarItemBox>\n      );\n\n  const CollectionToolbarFilters =\n    state.tagsCollectionState?.components.CollectionToolbarFilters ||\n    state.collectionDataExtension?.components.CollectionToolbarFilters;\n\n  const filtersElement = useMemo(() => {\n    if (!state.container.initTask.status.isSuccess) {\n      return;\n    }\n\n    if (isMobile) {\n      return undefined;\n    }\n\n    if (filtersProp) {\n      return filtersProp;\n    }\n    const featureFilters = [\n      ...(state.collectionDataExtension?.buildCustomFieldFilters() || []),\n      state.tagsCollectionState?.buildTagsFilterWrapper(),\n    ].filter(Boolean);\n\n    return (\n      filtersProp ??\n      (CollectionToolbarFilters && (\n        <CollectionToolbarFilters inline={0}>\n          {featureFilters}\n        </CollectionToolbarFilters>\n      ))\n    );\n  }, [filtersProp, isMobile, state.container.initTask.status]);\n\n  let left: ReactElement | undefined;\n\n  if (tabs) {\n    left = (\n      <ToolbarItemBox removeStartPadding expandable layout=\"button\">\n        {tabs}\n      </ToolbarItemBox>\n    );\n  } else if (title && !isMobile) {\n    left = title;\n  }\n\n  useCollectionToolbarSyncedProps({\n    left,\n    filtersElement,\n    viewsToolbarItem,\n    state,\n  });\n\n  /* checking if something is rendered in the .left TableToolbar.ItemGroup (not empty) */\n  const [rendersStart, setRendersStart] = useState<boolean>();\n\n  useEffect(() => {\n    setRendersStart(\n      !!left ||\n        !!viewsToolbarItem ||\n        (state.toolbarFiltersState?.totalInlineFilters.value !== undefined &&\n          state.toolbarFiltersState?.totalInlineFilters.value !== null &&\n          state.toolbarFiltersState?.totalInlineFilters.value > 0),\n    );\n  }, [left, viewsToolbarItem, state.toolbarFiltersStateInitialized]);\n\n  const shouldAddDivider =\n    tableGridSwitchButton && (searchElement || MoreFiltersButton);\n\n  const analyticsCustomColumnsDiscoverability =\n    state.container.experiments?.get(\n      'specs.analytics.CustomColumnsWithLabelAndNewIcon',\n    );\n\n  const showCustomColumnsOnTheLeft =\n    analyticsCustomColumnsDiscoverability === 'b' ||\n    analyticsCustomColumnsDiscoverability === 'c';\n\n  const immidiatelyInteractWithToolbarsEnabled =\n    state.container.internalExperiments?.enabled(\n      'specs.cairo.ImmidiatelyInteractWithToolbars',\n    );\n\n  const CollectionToolbarActionsGroup =\n    isMobile || responsive.responsiveDisabled\n      ? CollectionToolbarActionsToolbarItemsGroup\n      : CollectionToolbarActionsGroupResponsiveLayout;\n\n  const toolbarElement = (\n    <>\n      <TableToolbar.ItemGroup\n        position=\"start\"\n        className={st(classes.left, { expandable: !!tabs })}\n        dataHook=\"collection-table-toolbar-filters\"\n      >\n        {left ?? (\n          <>\n            {viewsToolbarItem && (\n              <InitialLoadingConditional\n                state={state}\n                loadingElement={\n                  <CollectionToolbarSkeletonItem\n                    dataHook=\"toolbar-views-skeleton\"\n                    width=\"100px\"\n                  />\n                }\n              >\n                {viewsToolbarItem}\n              </InitialLoadingConditional>\n            )}\n            {!viewsToolbarItem ? filtersElement : undefined}\n          </>\n        )}\n      </TableToolbar.ItemGroup>\n\n      <TableToolbar.ItemGroup\n        position={isMobile ? undefined : 'end'}\n        className={st(\n          classes.right,\n          {},\n          ...[rendersStart ? undefined : classes.fullWidth],\n        )}\n      >\n        <CollectionToolbarActionsGroup\n          state={state}\n          viewsToolbarItem={viewsToolbarItem}\n          filtersElement={filtersElement}\n          MoreFiltersButton={MoreFiltersButton}\n          multiLevelSorting={multiLevelSorting}\n          customColumns={isMobile || isPanelLayout ? undefined : customColumns}\n          exportButton={exportButton}\n          search={searchElement}\n          showCustomColumnsOnTheLeft={showCustomColumnsOnTheLeft}\n          left={left}\n        />\n\n        {primaryActionButton && (\n          <TableToolbar.Item>{primaryActionButton}</TableToolbar.Item>\n        )}\n        {moreActions && (\n          <TableToolbar.Item>{addDataHookToMoreActions()}</TableToolbar.Item>\n        )}\n        {secondaryActions && (\n          <TableToolbar.Item>{secondaryActions}</TableToolbar.Item>\n        )}\n        {shouldAddDivider && (\n          <Box alignSelf=\"stretch\" paddingLeft=\"SP2\">\n            <Divider\n              direction=\"vertical\"\n              dataHook=\"collection-table--grid-switch--divider\"\n            />\n          </Box>\n        )}\n        {tableGridSwitchButton && (\n          <TableToolbar.Item>{tableGridSwitchButton}</TableToolbar.Item>\n        )}\n      </TableToolbar.ItemGroup>\n    </>\n  );\n\n  const toolbarWithSkeleton = (\n    <InitialLoadingConditional\n      state={state}\n      loadingElement={\n        <CollectionToolbarSkeletonItem\n          dataHook=\"toolbar-skeleton\"\n          width=\"100px\"\n        />\n      }\n      hideLoadingElement={immidiatelyInteractWithToolbarsEnabled}\n    >\n      {toolbarElement}\n    </InitialLoadingConditional>\n  );\n\n  return (\n    <CollectionProvider value={collection}>\n      <Box direction=\"vertical\" dataHook={dataHook}>\n        <Box\n          minHeight={\n            isPanelLayout ? '48px' : title?.props.subtitle ? '78px' : '60px'\n          }\n        >\n          {state.isReorderModeToolbarVisible ? (\n            dragAndDropReorderModeToolbar\n          ) : (\n            <TableToolbar\n              removeVerticalPadding\n              className={st(classes.root, {\n                views: !responsive.responsiveDisabled,\n                mobile: isMobile,\n              })}\n              dataHook=\"collection-table-toolbar\"\n            >\n              {toolbarWithSkeleton}\n            </TableToolbar>\n          )}\n        </Box>\n      </Box>\n    </CollectionProvider>\n  );\n}\n\nexport const CollectionToolbar = observer(_CollectionToolbar);\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionToolbar1834786979";
+var _namespace_ = "CollectionToolbar48805195";
 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": "CollectionToolbar1834786979__root",
-  "left": "CollectionToolbar1834786979__left",
-  "right": "CollectionToolbar1834786979__right",
-  "fullWidth": "CollectionToolbar1834786979__fullWidth"
+  "root": "CollectionToolbar48805195__root",
+  "left": "CollectionToolbar48805195__left",
+  "right": "CollectionToolbar48805195__right",
+  "fullWidth": "CollectionToolbar48805195__fullWidth"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar1834786979\";\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\":\"CollectionToolbar1834786979__root\",\"left\":\"CollectionToolbar1834786979__left\",\"right\":\"CollectionToolbar1834786979__right\",\"fullWidth\":\"CollectionToolbar1834786979__fullWidth\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar48805195\";\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\":\"CollectionToolbar48805195__root\",\"left\":\"CollectionToolbar48805195__left\",\"right\":\"CollectionToolbar48805195__right\",\"fullWidth\":\"CollectionToolbar48805195__fullWidth\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,iCAAiC;EAAC,MAAM,EAAC,iCAAiC;EAAC,OAAO,EAAC,kCAAkC;EAAC,WAAW,EAAC;AAAsC,CAAC;AAC/L,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionToolbar/CollectionToolbarActionsGroupProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbarActionsGroupProps.ts"],"sourcesContent":["import { FunctionComponent, ReactElement } from 'react';\nimport { ToolbarBaseProps } from '../ToolbarCollection';\n\nexport interface CollectionToolbarActionsGroupProps {\n  left?: ReactElement;\n  viewsToolbarItem?: ReactElement;\n  filtersElement?: ReactElement;\n  MoreFiltersButton?: FunctionComponent | null;\n  customColumns?: ReactElement | null;\n  multiLevelSorting?: ReactElement;\n  exportButton?: ReactElement;\n  search?: ToolbarBaseProps['search'];\n  showCustomColumnsOnTheLeft?: boolean;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbarActionsGroupProps.ts"],"sourcesContent":["import { FunctionComponent, ReactElement } from 'react';\nimport { ToolbarBaseProps } from '../ToolbarCollection';\nimport { ToolbarCollectionState } from '../../state';\n\nexport interface CollectionToolbarActionsGroupProps {\n  state: ToolbarCollectionState<any, any>;\n  left?: ReactElement;\n  viewsToolbarItem?: ReactElement;\n  filtersElement?: ReactElement;\n  MoreFiltersButton?: FunctionComponent | null;\n  customColumns?: ReactElement | null;\n  multiLevelSorting?: ReactElement;\n  exportButton?: ReactElement;\n  search?: ToolbarBaseProps['search'];\n  showCustomColumnsOnTheLeft?: boolean;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/CollectionToolbar/CollectionToolbarActionsGroupResponsiveLayout.js

@@ -15,6 +15,7 @@ var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cj
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function CollectionToolbarActionsGroupResponsiveLayout(props) {
   const {
+    state,
     left,
     viewsToolbarItem,
     filtersElement,
@@ -35,7 +36,7 @@ function CollectionToolbarActionsGroupResponsiveLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 33,
+      lineNumber: 34,
       columnNumber: 5
     }
   }, left ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, viewsToolbarItem && /*#__PURE__*/_react.default.createElement(_InitialLoadingConditional.InitialLoadingConditional, {
@@ -46,14 +47,14 @@ function CollectionToolbarActionsGroupResponsiveLayout(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 40,
+        lineNumber: 41,
         columnNumber: 17
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 37,
+      lineNumber: 38,
       columnNumber: 13
     }
   }, viewsToolbarItem), filtersElement) : viewsToolbarItem ? filtersElement : undefined, MoreFiltersButton && /*#__PURE__*/_react.default.createElement(_ToolbarGroupScrollWidthBox.ToolbarGroupScrollWidthBox, {
@@ -62,14 +63,14 @@ function CollectionToolbarActionsGroupResponsiveLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 56,
+      lineNumber: 57,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(MoreFiltersButton, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 57,
+      lineNumber: 58,
       columnNumber: 11
     }
   })), /*#__PURE__*/_react.default.createElement(_ToolbarGroupScrollWidthBox.ToolbarGroupScrollWidthBox, {
@@ -78,17 +79,18 @@ function CollectionToolbarActionsGroupResponsiveLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 61,
+      lineNumber: 62,
       columnNumber: 7
     }
   }, customColumns && showCustomColumnsOnTheLeft && customColumns, multiLevelSorting, exportButton && /*#__PURE__*/(0, _react.cloneElement)(exportButton, {
     toolbarType: 'default'
   }), customColumns && !showCustomColumnsOnTheLeft && customColumns), search && /*#__PURE__*/_react.default.createElement(_SearchOrCustomFilter.SearchOrCustomFilter, {
+    state: state,
     search: search,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 71,
+      lineNumber: 72,
       columnNumber: 18
     }
   }));
@@ -98,7 +100,7 @@ function CollectionToolbarActionsGroupResponsiveLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 76,
+      lineNumber: 77,
       columnNumber: 5
     }
   }, child);
@@ -106,7 +108,7 @@ function CollectionToolbarActionsGroupResponsiveLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 81,
+      lineNumber: 82,
       columnNumber: 11
     }
   }, child);
@@ -115,7 +117,7 @@ function CollectionToolbarActionsGroupResponsiveLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 84,
+      lineNumber: 85,
       columnNumber: 5
     }
   }, child);

package/dist/cjs/components/CollectionToolbar/CollectionToolbarActionsGroupResponsiveLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_HorizontalAvailableSpaceBox","_ToolbarItem","_HorizontalOverflowBox","_ToolbarGroupScrollWidthBox","_SearchOrCustomFilter","_ToolbarCollectionContext","_InitialLoadingConditional","_CollectionToolbarSkeletonItem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CollectionToolbarActionsGroupResponsiveLayout","props","left","viewsToolbarItem","filtersElement","MoreFiltersButton","multiLevelSorting","customColumns","exportButton","search","showCustomColumnsOnTheLeft","toolbarState","useToolbarCollectionContext","toolbar","responsive","child","createElement","Fragment","__self","__source","fileName","lineNumber","columnNumber","InitialLoadingConditional","state","loadingElement","CollectionToolbarSkeletonItem","dataHook","width","undefined","ToolbarGroupScrollWidthBox","filters","gap","actions","cloneElement","toolbarType","SearchOrCustomFilter","HorizontalOverflowBox","overflow","ToolbarItem","HorizontalAvailableSpaceBox","actionsAvailableSpace"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbarActionsGroupResponsiveLayout.tsx"],"sourcesContent":["import React, { cloneElement, Fragment } from 'react';\nimport { HorizontalAvailableSpaceBox } from '../Responsive/HorizontalAvailableSpaceBox';\nimport { ToolbarItem } from '../ToolbarItem/ToolbarItem';\nimport { HorizontalOverflowBox } from '../Responsive/HorizontalOverflowBox';\nimport { ToolbarGroupScrollWidthBox } from './ToolbarGroupScrollWidthBox';\nimport { SearchOrCustomFilter } from './SearchOrCustomFilter';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { CollectionToolbarActionsGroupProps } from './CollectionToolbarActionsGroupProps';\nimport { InitialLoadingConditional } from '../InitialLoadingConditional';\nimport { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';\n\nexport function CollectionToolbarActionsGroupResponsiveLayout(\n  props: CollectionToolbarActionsGroupProps,\n) {\n  const {\n    left,\n    viewsToolbarItem,\n    filtersElement,\n    MoreFiltersButton,\n    multiLevelSorting,\n    customColumns,\n    exportButton,\n    search,\n    showCustomColumnsOnTheLeft,\n  } = props;\n\n  const toolbarState = useToolbarCollectionContext();\n  const {\n    toolbar: { responsive },\n  } = toolbarState;\n\n  let child = (\n    <Fragment>\n      {left ? (\n        <>\n          {viewsToolbarItem && (\n            <InitialLoadingConditional\n              state={toolbarState}\n              loadingElement={\n                <CollectionToolbarSkeletonItem\n                  dataHook=\"toolbar-views-skeleton\"\n                  width=\"100px\"\n                />\n              }\n            >\n              {viewsToolbarItem}\n            </InitialLoadingConditional>\n          )}\n          {filtersElement}\n        </>\n      ) : viewsToolbarItem ? (\n        filtersElement\n      ) : undefined}\n\n      {MoreFiltersButton && (\n        <ToolbarGroupScrollWidthBox state={responsive.filters} gap=\"SP2\">\n          <MoreFiltersButton />\n        </ToolbarGroupScrollWidthBox>\n      )}\n\n      <ToolbarGroupScrollWidthBox state={responsive.actions} gap=\"SP2\">\n        {customColumns && showCustomColumnsOnTheLeft && customColumns}\n        {multiLevelSorting}\n        {exportButton &&\n          cloneElement(exportButton, {\n            toolbarType: 'default',\n          })}\n        {customColumns && !showCustomColumnsOnTheLeft && customColumns}\n      </ToolbarGroupScrollWidthBox>\n\n      {search && <SearchOrCustomFilter search={search} />}\n    </Fragment>\n  );\n\n  child = (\n    <HorizontalOverflowBox state={responsive.overflow} gap=\"SP2\">\n      {child}\n    </HorizontalOverflowBox>\n  );\n\n  child = <ToolbarItem>{child}</ToolbarItem>;\n\n  child = (\n    <HorizontalAvailableSpaceBox state={responsive.actionsAvailableSpace}>\n      {child}\n    </HorizontalAvailableSpaceBox>\n  );\n\n  return child;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_HorizontalAvailableSpaceBox","_ToolbarItem","_HorizontalOverflowBox","_ToolbarGroupScrollWidthBox","_SearchOrCustomFilter","_ToolbarCollectionContext","_InitialLoadingConditional","_CollectionToolbarSkeletonItem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CollectionToolbarActionsGroupResponsiveLayout","props","state","left","viewsToolbarItem","filtersElement","MoreFiltersButton","multiLevelSorting","customColumns","exportButton","search","showCustomColumnsOnTheLeft","toolbarState","useToolbarCollectionContext","toolbar","responsive","child","createElement","Fragment","__self","__source","fileName","lineNumber","columnNumber","InitialLoadingConditional","loadingElement","CollectionToolbarSkeletonItem","dataHook","width","undefined","ToolbarGroupScrollWidthBox","filters","gap","actions","cloneElement","toolbarType","SearchOrCustomFilter","HorizontalOverflowBox","overflow","ToolbarItem","HorizontalAvailableSpaceBox","actionsAvailableSpace"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbarActionsGroupResponsiveLayout.tsx"],"sourcesContent":["import React, { cloneElement, Fragment } from 'react';\nimport { HorizontalAvailableSpaceBox } from '../Responsive/HorizontalAvailableSpaceBox';\nimport { ToolbarItem } from '../ToolbarItem/ToolbarItem';\nimport { HorizontalOverflowBox } from '../Responsive/HorizontalOverflowBox';\nimport { ToolbarGroupScrollWidthBox } from './ToolbarGroupScrollWidthBox';\nimport { SearchOrCustomFilter } from './SearchOrCustomFilter';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { CollectionToolbarActionsGroupProps } from './CollectionToolbarActionsGroupProps';\nimport { InitialLoadingConditional } from '../InitialLoadingConditional';\nimport { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';\n\nexport function CollectionToolbarActionsGroupResponsiveLayout(\n  props: CollectionToolbarActionsGroupProps,\n) {\n  const {\n    state,\n    left,\n    viewsToolbarItem,\n    filtersElement,\n    MoreFiltersButton,\n    multiLevelSorting,\n    customColumns,\n    exportButton,\n    search,\n    showCustomColumnsOnTheLeft,\n  } = props;\n\n  const toolbarState = useToolbarCollectionContext();\n  const {\n    toolbar: { responsive },\n  } = toolbarState;\n\n  let child = (\n    <Fragment>\n      {left ? (\n        <>\n          {viewsToolbarItem && (\n            <InitialLoadingConditional\n              state={toolbarState}\n              loadingElement={\n                <CollectionToolbarSkeletonItem\n                  dataHook=\"toolbar-views-skeleton\"\n                  width=\"100px\"\n                />\n              }\n            >\n              {viewsToolbarItem}\n            </InitialLoadingConditional>\n          )}\n          {filtersElement}\n        </>\n      ) : viewsToolbarItem ? (\n        filtersElement\n      ) : undefined}\n\n      {MoreFiltersButton && (\n        <ToolbarGroupScrollWidthBox state={responsive.filters} gap=\"SP2\">\n          <MoreFiltersButton />\n        </ToolbarGroupScrollWidthBox>\n      )}\n\n      <ToolbarGroupScrollWidthBox state={responsive.actions} gap=\"SP2\">\n        {customColumns && showCustomColumnsOnTheLeft && customColumns}\n        {multiLevelSorting}\n        {exportButton &&\n          cloneElement(exportButton, {\n            toolbarType: 'default',\n          })}\n        {customColumns && !showCustomColumnsOnTheLeft && customColumns}\n      </ToolbarGroupScrollWidthBox>\n\n      {search && <SearchOrCustomFilter state={state} search={search} />}\n    </Fragment>\n  );\n\n  child = (\n    <HorizontalOverflowBox state={responsive.overflow} gap=\"SP2\">\n      {child}\n    </HorizontalOverflowBox>\n  );\n\n  child = <ToolbarItem>{child}</ToolbarItem>;\n\n  child = (\n    <HorizontalAvailableSpaceBox state={responsive.actionsAvailableSpace}>\n      {child}\n    </HorizontalAvailableSpaceBox>\n  );\n\n  return child;\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionToolbar/CollectionToolbarActionsToolbarItemsGroup.js

@@ -1,17 +1,20 @@
 "use strict";
 
 exports.__esModule = true;
-exports.CollectionToolbarActionsToolbarItemsGroup = CollectionToolbarActionsToolbarItemsGroup;
+exports.CollectionToolbarActionsToolbarItemsGroup = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _SearchOrCustomFilter = require("./SearchOrCustomFilter");
 var _InitialLoadingConditional = require("../InitialLoadingConditional");
 var _CollectionToolbarSkeletonItem = require("./CollectionToolbarSkeletonItem");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
+var _mobxReactLite = require("mobx-react-lite");
+var _useIsMobile = require("../../hooks/useIsMobile");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionToolbar/CollectionToolbarActionsToolbarItemsGroup.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function CollectionToolbarActionsToolbarItemsGroup(props) {
+function _CollectionToolbarActionsToolbarItemsGroup(props) {
   const {
+    state,
     left,
     viewsToolbarItem,
     filtersElement,
@@ -23,13 +26,31 @@ function CollectionToolbarActionsToolbarItemsGroup(props) {
     showCustomColumnsOnTheLeft
   } = props;
   const toolbarState = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  const searchChild = search && /*#__PURE__*/_react.default.createElement(_SearchOrCustomFilter.SearchOrCustomFilter, {
+    state: state,
+    search: search,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 30,
+      columnNumber: 5
+    }
+  });
+  const isMobile = (0, _useIsMobile.useIsMobile)();
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 27,
+      lineNumber: 36,
       columnNumber: 5
     }
+  }, (!isMobile || !state._searchExpanded) && /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 38,
+      columnNumber: 9
+    }
   }, left ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, viewsToolbarItem && /*#__PURE__*/_react.default.createElement(_InitialLoadingConditional.InitialLoadingConditional, {
     state: toolbarState,
     loadingElement: /*#__PURE__*/_react.default.createElement(_CollectionToolbarSkeletonItem.CollectionToolbarSkeletonItem, {
@@ -38,50 +59,50 @@ function CollectionToolbarActionsToolbarItemsGroup(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 34,
-        columnNumber: 17
+        lineNumber: 45,
+        columnNumber: 21
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 31,
-      columnNumber: 13
+      lineNumber: 42,
+      columnNumber: 17
     }
   }, viewsToolbarItem), filtersElement) : viewsToolbarItem ? filtersElement : undefined, MoreFiltersButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 49,
-      columnNumber: 9
+      lineNumber: 60,
+      columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(MoreFiltersButton, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 50,
-      columnNumber: 11
+      lineNumber: 61,
+      columnNumber: 15
     }
   })), customColumns && showCustomColumnsOnTheLeft && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 54,
-      columnNumber: 9
+      lineNumber: 65,
+      columnNumber: 13
     }
   }, customColumns), multiLevelSorting && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 57,
-      columnNumber: 9
+      lineNumber: 68,
+      columnNumber: 13
     }
   }, multiLevelSorting), exportButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 60,
-      columnNumber: 9
+      lineNumber: 71,
+      columnNumber: 13
     }
   }, /*#__PURE__*/(0, _react.cloneElement)(exportButton, {
     toolbarType: 'default'
@@ -89,17 +110,10 @@ function CollectionToolbarActionsToolbarItemsGroup(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 67,
-      columnNumber: 9
-    }
-  }, customColumns), search && /*#__PURE__*/_react.default.createElement(_SearchOrCustomFilter.SearchOrCustomFilter, {
-    search: search,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 70,
-      columnNumber: 18
+      lineNumber: 78,
+      columnNumber: 13
     }
-  }));
+  }, customColumns)), searchChild);
 }
+const CollectionToolbarActionsToolbarItemsGroup = exports.CollectionToolbarActionsToolbarItemsGroup = (0, _mobxReactLite.observer)(_CollectionToolbarActionsToolbarItemsGroup);
 //# sourceMappingURL=CollectionToolbarActionsToolbarItemsGroup.js.map

package/dist/cjs/components/CollectionToolbar/CollectionToolbarActionsToolbarItemsGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_SearchOrCustomFilter","_InitialLoadingConditional","_CollectionToolbarSkeletonItem","_ToolbarCollectionContext","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CollectionToolbarActionsToolbarItemsGroup","props","left","viewsToolbarItem","filtersElement","MoreFiltersButton","multiLevelSorting","customColumns","exportButton","search","showCustomColumnsOnTheLeft","toolbarState","useToolbarCollectionContext","createElement","Fragment","__self","__source","fileName","lineNumber","columnNumber","InitialLoadingConditional","state","loadingElement","CollectionToolbarSkeletonItem","dataHook","width","undefined","TableToolbar","Item","cloneElement","toolbarType","SearchOrCustomFilter"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbarActionsToolbarItemsGroup.tsx"],"sourcesContent":["import React, { cloneElement, Fragment } from 'react';\nimport { TableToolbar } from '@wix/design-system';\nimport { SearchOrCustomFilter } from './SearchOrCustomFilter';\nimport { CollectionToolbarActionsGroupProps } from './CollectionToolbarActionsGroupProps';\nimport { InitialLoadingConditional } from '../InitialLoadingConditional';\nimport { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\n\nexport function CollectionToolbarActionsToolbarItemsGroup(\n  props: CollectionToolbarActionsGroupProps,\n) {\n  const {\n    left,\n    viewsToolbarItem,\n    filtersElement,\n    MoreFiltersButton,\n    multiLevelSorting,\n    customColumns,\n    exportButton,\n    search,\n    showCustomColumnsOnTheLeft,\n  } = props;\n\n  const toolbarState = useToolbarCollectionContext();\n\n  return (\n    <Fragment>\n      {left ? (\n        <>\n          {viewsToolbarItem && (\n            <InitialLoadingConditional\n              state={toolbarState}\n              loadingElement={\n                <CollectionToolbarSkeletonItem\n                  dataHook=\"toolbar-views-skeleton\"\n                  width=\"100px\"\n                />\n              }\n            >\n              {viewsToolbarItem}\n            </InitialLoadingConditional>\n          )}\n          {filtersElement}\n        </>\n      ) : viewsToolbarItem ? (\n        filtersElement\n      ) : undefined}\n      {MoreFiltersButton && (\n        <TableToolbar.Item>\n          <MoreFiltersButton />\n        </TableToolbar.Item>\n      )}\n      {customColumns && showCustomColumnsOnTheLeft && (\n        <TableToolbar.Item>{customColumns}</TableToolbar.Item>\n      )}\n      {multiLevelSorting && (\n        <TableToolbar.Item>{multiLevelSorting}</TableToolbar.Item>\n      )}\n      {exportButton && (\n        <TableToolbar.Item>\n          {cloneElement(exportButton, {\n            toolbarType: 'default',\n          })}\n        </TableToolbar.Item>\n      )}\n      {customColumns && !showCustomColumnsOnTheLeft && (\n        <TableToolbar.Item>{customColumns}</TableToolbar.Item>\n      )}\n\n      {search && <SearchOrCustomFilter search={search} />}\n    </Fragment>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_SearchOrCustomFilter","_InitialLoadingConditional","_CollectionToolbarSkeletonItem","_ToolbarCollectionContext","_mobxReactLite","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionToolbarActionsToolbarItemsGroup","props","state","left","viewsToolbarItem","filtersElement","MoreFiltersButton","multiLevelSorting","customColumns","exportButton","search","showCustomColumnsOnTheLeft","toolbarState","useToolbarCollectionContext","searchChild","createElement","SearchOrCustomFilter","__self","__source","fileName","lineNumber","columnNumber","isMobile","useIsMobile","Fragment","_searchExpanded","InitialLoadingConditional","loadingElement","CollectionToolbarSkeletonItem","dataHook","width","undefined","TableToolbar","Item","cloneElement","toolbarType","CollectionToolbarActionsToolbarItemsGroup","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbarActionsToolbarItemsGroup.tsx"],"sourcesContent":["import React, { cloneElement, Fragment } from 'react';\nimport { TableToolbar } from '@wix/design-system';\nimport { SearchOrCustomFilter } from './SearchOrCustomFilter';\nimport { CollectionToolbarActionsGroupProps } from './CollectionToolbarActionsGroupProps';\nimport { InitialLoadingConditional } from '../InitialLoadingConditional';\nimport { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { observer } from 'mobx-react-lite';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nfunction _CollectionToolbarActionsToolbarItemsGroup(\n  props: CollectionToolbarActionsGroupProps,\n) {\n  const {\n    state,\n    left,\n    viewsToolbarItem,\n    filtersElement,\n    MoreFiltersButton,\n    multiLevelSorting,\n    customColumns,\n    exportButton,\n    search,\n    showCustomColumnsOnTheLeft,\n  } = props;\n\n  const toolbarState = useToolbarCollectionContext();\n\n  const searchChild = search && (\n    <SearchOrCustomFilter state={state} search={search} />\n  );\n\n  const isMobile = useIsMobile();\n\n  return (\n    <Fragment>\n      {(!isMobile || !state._searchExpanded) && (\n        <Fragment>\n          {left ? (\n            <>\n              {viewsToolbarItem && (\n                <InitialLoadingConditional\n                  state={toolbarState}\n                  loadingElement={\n                    <CollectionToolbarSkeletonItem\n                      dataHook=\"toolbar-views-skeleton\"\n                      width=\"100px\"\n                    />\n                  }\n                >\n                  {viewsToolbarItem}\n                </InitialLoadingConditional>\n              )}\n              {filtersElement}\n            </>\n          ) : viewsToolbarItem ? (\n            filtersElement\n          ) : undefined}\n          {MoreFiltersButton && (\n            <TableToolbar.Item>\n              <MoreFiltersButton />\n            </TableToolbar.Item>\n          )}\n          {customColumns && showCustomColumnsOnTheLeft && (\n            <TableToolbar.Item>{customColumns}</TableToolbar.Item>\n          )}\n          {multiLevelSorting && (\n            <TableToolbar.Item>{multiLevelSorting}</TableToolbar.Item>\n          )}\n          {exportButton && (\n            <TableToolbar.Item>\n              {cloneElement(exportButton, {\n                toolbarType: 'default',\n              })}\n            </TableToolbar.Item>\n          )}\n          {customColumns && !showCustomColumnsOnTheLeft && (\n            <TableToolbar.Item>{customColumns}</TableToolbar.Item>\n          )}\n        </Fragment>\n      )}\n\n      {searchChild}\n    </Fragment>\n  );\n}\n\nexport const CollectionToolbarActionsToolbarItemsGroup = observer(\n  _CollectionToolbarActionsToolbarItemsGroup,\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.js

@@ -8,16 +8,14 @@ var _SearchOrCustomFilterStCss = require("./SearchOrCustomFilter.st.css.js");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _mobxReactLite = require("mobx-react-lite");
 var _useIsMobile = require("../../hooks/useIsMobile");
+var _mobx = require("mobx");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _SearchOrCustomFilter(props) {
   const {
-    search: _search
+    search: _search,
+    state
   } = props;
-  const [isSearchExpanded, setIsSearchExpanded] = (0, _react.useState)(false);
-  const handleExpandChange = (0, _react.useCallback)(isExpanded => {
-    setIsSearchExpanded(isExpanded);
-  }, []);
   const {
     toolbar: {
       responsive
@@ -29,15 +27,21 @@ function _SearchOrCustomFilter(props) {
     responsiveDisabled
   } = responsive;
   const isMobile = (0, _useIsMobile.useIsMobile)();
+  const isSearchExpanded = state._searchExpanded;
+  const onSearchExpandChange = expanded => {
+    (0, _mobx.runInAction)(() => {
+      state._searchExpanded = expanded;
+    });
+  };
   const [search, isExpandable] = (0, _react.useMemo)(() => {
     if (! /*#__PURE__*/_react.default.isValidElement(_search)) {
       return [_search, false];
     }
     const element = /*#__PURE__*/_react.default.cloneElement(_search, {
-      onExpandChange: handleExpandChange
+      onExpandChange: onSearchExpandChange
     });
     return [element, element.props.expandable];
-  }, [_search, handleExpandChange]);
+  }, [_search, onSearchExpandChange]);
   if (responsiveDisabled || isMobile) {
     return /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
       className: (0, _SearchOrCustomFilterStCss.st)(isMobile ? _SearchOrCustomFilterStCss.classes.searchMobile : _SearchOrCustomFilterStCss.classes.search, {
@@ -47,7 +51,7 @@ function _SearchOrCustomFilter(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 45,
+        lineNumber: 52,
         columnNumber: 7
       }
     }, search);
@@ -60,7 +64,7 @@ function _SearchOrCustomFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 61,
+      lineNumber: 68,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -68,7 +72,7 @@ function _SearchOrCustomFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
+      lineNumber: 73,
       columnNumber: 7
     }
   }, search));

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_SearchOrCustomFilterStCss","_ToolbarCollectionContext","_mobxReactLite","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_SearchOrCustomFilter","props","search","_search","isSearchExpanded","setIsSearchExpanded","useState","handleExpandChange","useCallback","isExpanded","toolbar","responsive","useToolbarCollectionContext","_nextToShrink","searchResponsive","responsiveDisabled","isMobile","useIsMobile","isExpandable","useMemo","React","isValidElement","element","cloneElement","onExpandChange","expandable","createElement","TableToolbar","Item","className","st","classes","searchMobile","expanded","__self","__source","fileName","lineNumber","columnNumber","shouldShrink","_count","_shouldShrink","Box","direction","maxWidth","minWidth","width","SearchOrCustomFilter","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.tsx"],"sourcesContent":["import { Box, TableToolbar } from '@wix/design-system';\nimport React, { useState, useMemo, useCallback } from 'react';\nimport { classes, st } from './SearchOrCustomFilter.st.css.js';\nimport { ToolbarBaseProps } from '../ToolbarCollection';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { observer } from 'mobx-react-lite';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { CollectionSearchElement } from '../assertComponentType.js';\n\nexport interface SearchOrCustomFilterProps {\n  search: ToolbarBaseProps['search'];\n}\n\nfunction _SearchOrCustomFilter(props: SearchOrCustomFilterProps) {\n  const { search: _search } = props;\n  const [isSearchExpanded, setIsSearchExpanded] = useState(false);\n\n  const handleExpandChange = useCallback((isExpanded: boolean) => {\n    setIsSearchExpanded(isExpanded);\n  }, []);\n\n  const {\n    toolbar: { responsive },\n  } = useToolbarCollectionContext();\n  const {\n    _nextToShrink,\n    search: searchResponsive,\n    responsiveDisabled,\n  } = responsive;\n\n  const isMobile = useIsMobile();\n\n  const [search, isExpandable] = useMemo(() => {\n    if (!React.isValidElement(_search)) {\n      return [_search, false];\n    }\n    const element = React.cloneElement(_search as CollectionSearchElement, {\n      onExpandChange: handleExpandChange,\n    });\n    return [element, element.props.expandable];\n  }, [_search, handleExpandChange]);\n\n  if (responsiveDisabled || isMobile) {\n    return (\n      <TableToolbar.Item\n        className={st(isMobile ? classes.searchMobile : classes.search, {\n          expandable: isExpandable,\n          expanded: isSearchExpanded,\n        })}\n      >\n        {search}\n      </TableToolbar.Item>\n    );\n  }\n\n  const shouldShrink =\n    _nextToShrink._count >= searchResponsive._count &&\n    searchResponsive._shouldShrink;\n\n  return (\n    <Box\n      direction=\"horizontal\"\n      maxWidth=\"240px\"\n      minWidth={shouldShrink ? '139px' : '140px'}\n    >\n      <Box width={shouldShrink ? '140px' : '240px'}>{search}</Box>\n    </Box>\n  );\n}\n\nexport const SearchOrCustomFilter = observer(_SearchOrCustomFilter);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_SearchOrCustomFilterStCss","_ToolbarCollectionContext","_mobxReactLite","_useIsMobile","_mobx","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_SearchOrCustomFilter","props","search","_search","state","toolbar","responsive","useToolbarCollectionContext","_nextToShrink","searchResponsive","responsiveDisabled","isMobile","useIsMobile","isSearchExpanded","_searchExpanded","onSearchExpandChange","expanded","runInAction","isExpandable","useMemo","React","isValidElement","element","cloneElement","onExpandChange","expandable","createElement","TableToolbar","Item","className","st","classes","searchMobile","__self","__source","fileName","lineNumber","columnNumber","shouldShrink","_count","_shouldShrink","Box","direction","maxWidth","minWidth","width","SearchOrCustomFilter","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.tsx"],"sourcesContent":["import { Box, TableToolbar } from '@wix/design-system';\nimport React, { useMemo } from 'react';\nimport { classes, st } from './SearchOrCustomFilter.st.css.js';\nimport { ToolbarBaseProps } from '../ToolbarCollection';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { observer } from 'mobx-react-lite';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { CollectionSearchElement } from '../assertComponentType.js';\nimport { runInAction } from 'mobx';\n\nexport interface SearchOrCustomFilterProps {\n  search: ToolbarBaseProps['search'];\n  state: {\n    _searchExpanded: boolean;\n  };\n}\n\nfunction _SearchOrCustomFilter(props: SearchOrCustomFilterProps) {\n  const { search: _search, state } = props;\n\n  const {\n    toolbar: { responsive },\n  } = useToolbarCollectionContext();\n  const {\n    _nextToShrink,\n    search: searchResponsive,\n    responsiveDisabled,\n  } = responsive;\n\n  const isMobile = useIsMobile();\n\n  const isSearchExpanded = state._searchExpanded;\n\n  const onSearchExpandChange = (expanded: boolean) => {\n    runInAction(() => {\n      state._searchExpanded = expanded;\n    });\n  };\n\n  const [search, isExpandable] = useMemo(() => {\n    if (!React.isValidElement(_search)) {\n      return [_search, false];\n    }\n    const element = React.cloneElement(_search as CollectionSearchElement, {\n      onExpandChange: onSearchExpandChange,\n    });\n    return [element, element.props.expandable];\n  }, [_search, onSearchExpandChange]);\n\n  if (responsiveDisabled || isMobile) {\n    return (\n      <TableToolbar.Item\n        className={st(isMobile ? classes.searchMobile : classes.search, {\n          expandable: isExpandable,\n          expanded: isSearchExpanded,\n        })}\n      >\n        {search}\n      </TableToolbar.Item>\n    );\n  }\n\n  const shouldShrink =\n    _nextToShrink._count >= searchResponsive._count &&\n    searchResponsive._shouldShrink;\n\n  return (\n    <Box\n      direction=\"horizontal\"\n      maxWidth=\"240px\"\n      minWidth={shouldShrink ? '139px' : '140px'}\n    >\n      <Box width={shouldShrink ? '140px' : '240px'}>{search}</Box>\n    </Box>\n  );\n}\n\nexport const SearchOrCustomFilter = observer(_SearchOrCustomFilter);\n"],"mappings":"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","ignoreList":[]}