@wix/patterns 1.337.0 → 1.339.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","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  cloneElement,\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    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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAQA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAEA,IAAAG,kBAAA,GAAAH,OAAA;AAOA,IAAAI,oBAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,uBAAA,GAAAN,OAAA;AACA,IAAAO,0BAAA,GAAAP,OAAA;AAKA,IAAAQ,gCAAA,GAAAR,OAAA;AACA,IAAAS,6BAAA,GAAAT,OAAA;AACA,IAAAU,0CAAA,GAAAV,OAAA;AACA,IAAAW,8CAAA,GAAAX,OAAA;AACA,IAAAY,YAAA,GAAAZ,OAAA;AACA,IAAAa,8BAAA,GAAAb,OAAA;AACA,IAAAc,YAAA,GAAAd,OAAA;AACA,IAAAe,eAAA,GAAAf,OAAA;AACA,IAAAgB,iBAAA,GAAAhB,OAAA;AAAuD,IAAAiB,YAAA;AAAA,SAAAlB,wBAAAmB,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAArB,uBAAA,YAAAA,CAAAmB,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AA0BvD,SAASkB,kBAAkBA,CACzBC,KAAmC,EACnC;EAAA,IAAAC,qBAAA,EAAAC,qBAAA,EAAAC,qBAAA,EAAAC,qBAAA;EACA,MAAM;IACJC,KAAK;IACLC,MAAM,GAAG,IAAI;IACbC,KAAK;IACLC,IAAI;IACJC,aAAa;IACbC,iBAAiB;IACjBC,KAAK;IACLC,QAAQ;IACRC,OAAO,EAAEC,WAAW;IACpBC,qBAAqB;IACrBC,YAAY;IACZC,6BAA6B;IAC7BC,mBAAmB;IACnBC,gBAAgB;IAChBC;EACF,CAAC,GAAGpB,KAAK;EAET,MAAMqB,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAE9B,MAAMC,uBAAuB,GAAG,IAAAC,0DAA4B,EAACxB,KAAK,EAAE;IAClEyB,aAAa,EAAE,IAAI;IACnBJ;EACF,CAAC,CAAC;EACF,MAAMK,kBAAkB,GAAGL,QAAQ,GAAGE,uBAAuB,GAAGI,SAAS;EAEzE,IAAAC,wCAAmB,EACjBV,mBAAmB,EACnB,qBAAqB,EACrB,qBACF,CAAC;EACD,MAAM;IACJW,UAAU;IACVC,kBAAkB;IAClBC,OAAO,EAAE;MAAEC;IAAW,CAAC;IACvBC,SAAS,EAAE;MAAEC;IAAc;EAC7B,CAAC,GAAG7B,KAAK;EAET,MAAM8B,wBAAwB,GAAGA,CAAA,KAAM;IACrC,oBACE3E,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAAC9D,YAAA,CAAA+D,WAAW,MAAAC,SAAA,CAAAhD,OAAA;MAACsB,QAAQ,EAAC;IAAsB,GAAKQ,WAAW,CAAEpB,KAAK;MAAAuC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA9D,YAAA;QAAA+D,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAG,CAAC;EAE3E,CAAC;EAED,MAAMC,aAAa,GAAGV,aAAa,GAAGP,SAAS,GAAG,IAAAkB,8BAAc,EAACvC,MAAM,CAAC,iBACtE,IAAAwC,mBAAY,EAACxC,MAAM,EAA6B;IAC9CyC,UAAU,EACRrB,kBAAkB,IACjBpB,MAAM,CAA6BN,KAAK,CAAC+C;EAC9C,CAAC,CAAC,IACAzC,MAAM,gBACR9C,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAAC1D,iBAAA,CAAAsE,gBAAgB;IAACC,IAAI,EAAC,OAAO;IAACF,UAAU,EAAErB,kBAAmB;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9D,YAAA;MAAA+D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GAEjErC,MACD;EAED,MAAM4C,iBAAiB,GAAGpB,kBAAkB,CAACqB,iBAAiB,CAC3DC,KAA6D;EAEhE,MAAMC,gBAAgB,GAAGnB,aAAa,GAClCP,SAAS,GACThB,KAAK,iBACHnD,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAACrE,eAAA,CAAAuF,cAAc;IAAC1C,QAAQ,EAAC,qCAAqC;IAAA2B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9D,YAAA;MAAA+D,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC3DhC,KACa,CACjB;EAEL,MAAM4C,wBAAwB,GAC5B,EAAAtD,qBAAA,GAAAI,KAAK,CAACmD,mBAAmB,qBAAzBvD,qBAAA,CAA2BwD,UAAU,CAACF,wBAAwB,OAAArD,qBAAA,GAC9DG,KAAK,CAACqD,uBAAuB,qBAA7BxD,qBAAA,CAA+BuD,UAAU,CAACF,wBAAwB;EAEpE,MAAMI,cAAc,GAAG,IAAAC,cAAO,EAAC,MAAM;IAAA,IAAAC,sBAAA,EAAAC,sBAAA;IACnC,IAAI,CAACzD,KAAK,CAAC4B,SAAS,CAAC8B,QAAQ,CAACC,MAAM,CAACC,SAAS,EAAE;MAC9C;IACF;IAEA,IAAI5C,QAAQ,EAAE;MACZ,OAAOM,SAAS;IAClB;IAEA,IAAIb,WAAW,EAAE;MACf,OAAOA,WAAW;IACpB;IACA,MAAMoD,cAAc,GAAG,CACrB,IAAI,EAAAL,sBAAA,GAAAxD,KAAK,CAACqD,uBAAuB,qBAA7BG,sBAAA,CAA+BM,uBAAuB,CAAC,CAAC,KAAI,EAAE,CAAC,GAAAL,sBAAA,GACnEzD,KAAK,CAACmD,mBAAmB,qBAAzBM,sBAAA,CAA2BM,sBAAsB,CAAC,CAAC,CACpD,CAACC,MAAM,CAACC,OAAO,CAAC;IAEjB,OACExD,WAAW,KACVyC,wBAAwB,iBACvB/F,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAACmB,wBAAwB;MAACgB,MAAM,EAAE,CAAE;MAAAhC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA9D,YAAA;QAAA+D,UAAA;QAAAC,YAAA;MAAA;IAAA,GACjCuB,cACuB,CAC3B,CAAC;EAEN,CAAC,EAAE,CAACpD,WAAW,EAAEO,QAAQ,EAAEhB,KAAK,CAAC4B,SAAS,CAAC8B,QAAQ,CAACC,MAAM,CAAC,CAAC;EAE5D,IAAIQ,IAA8B;EAElC,IAAIhE,IAAI,EAAE;IACRgE,IAAI,gBACFhH,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAACrE,eAAA,CAAAuF,cAAc;MAACmB,kBAAkB;MAAC1B,UAAU;MAAC2B,MAAM,EAAC,QAAQ;MAAAnC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA9D,YAAA;QAAA+D,UAAA;QAAAC,YAAA;MAAA;IAAA,GAC1DnC,IACa,CACjB;EACH,CAAC,MAAM,IAAID,KAAK,IAAI,CAACc,QAAQ,EAAE;IAC7BmD,IAAI,GAAGjE,KAAK;EACd;EAEA,IAAAoE,gEAA+B,EAAC;IAC9BH,IAAI;IACJb,cAAc;IACdN,gBAAgB;IAChBhD;EACF,CAAC,CAAC;;EAEF;EACA,MAAM,CAACuE,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAAU,CAAC;EAE3D,IAAAC,gBAAS,EAAC,MAAM;IAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA;IACdL,eAAe,CACb,CAAC,CAACL,IAAI,IACJ,CAAC,CAACnB,gBAAgB,IACjB,EAAA2B,qBAAA,GAAA3E,KAAK,CAAC8E,mBAAmB,qBAAzBH,qBAAA,CAA2BI,kBAAkB,CAAChC,KAAK,MAAKzB,SAAS,IAChE,EAAAsD,sBAAA,GAAA5E,KAAK,CAAC8E,mBAAmB,qBAAzBF,sBAAA,CAA2BG,kBAAkB,CAAChC,KAAK,MAAK,IAAI,IAC5D,EAAA8B,sBAAA,GAAA7E,KAAK,CAAC8E,mBAAmB,qBAAzBD,sBAAA,CAA2BE,kBAAkB,CAAChC,KAAK,IAAG,CAC5D,CAAC;EACH,CAAC,EAAE,CAACoB,IAAI,EAAEnB,gBAAgB,EAAEhD,KAAK,CAACgF,8BAA8B,CAAC,CAAC;EAElE,MAAMC,gBAAgB,GACpBvE,qBAAqB,KAAK6B,aAAa,IAAIM,iBAAiB,CAAC;EAE/D,MAAMqC,qCAAqC,IAAApF,qBAAA,GACzCE,KAAK,CAAC4B,SAAS,CAACuD,WAAW,qBAA3BrF,qBAAA,CAA6BX,GAAG,CAC9B,kDACF,CAAC;EAEH,MAAMiG,0BAA0B,GAC9BF,qCAAqC,KAAK,GAAG,IAC7CA,qCAAqC,KAAK,GAAG;EAE/C,MAAMG,sCAAsC,IAAAtF,qBAAA,GAC1CC,KAAK,CAAC4B,SAAS,CAAC0D,mBAAmB,qBAAnCvF,qBAAA,CAAqCwF,OAAO,CAC1C,6CACF,CAAC;EAEH,MAAMC,6BAA6B,GACjCxE,QAAQ,IAAIW,UAAU,CAAC8D,kBAAkB,GACrCC,oFAAyC,GACzCC,4FAA6C;EAEnD,MAAMC,cAAc,gBAClBzI,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAAA5E,MAAA,CAAA8B,OAAA,CAAA4G,QAAA,qBACE1I,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAACxE,aAAA,CAAAuI,YAAY,CAACC,SAAS;IACrBC,QAAQ,EAAC,OAAO;IAChBC,SAAS,EAAE,IAAAC,0BAAE,EAACC,+BAAO,CAAChC,IAAI,EAAE;MAAEzB,UAAU,EAAE,CAAC,CAACvC;IAAK,CAAC,CAAE;IACpDI,QAAQ,EAAC,kCAAkC;IAAA2B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9D,YAAA;MAAA+D,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE1C6B,IAAI,iBACHhH,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAAA5E,MAAA,CAAA8B,OAAA,CAAA4G,QAAA,QACG7C,gBAAgB,iBACf7F,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAACnE,0BAAA,CAAAwI,yBAAyB;IACxBpG,KAAK,EAAEA,KAAM;IACbqG,cAAc,eACZlJ,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAAC7D,8BAAA,CAAAoI,6BAA6B;MAC5B/F,QAAQ,EAAC,wBAAwB;MACjCgG,KAAK,EAAC,OAAO;MAAArE,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA9D,YAAA;QAAA+D,UAAA;QAAAC,YAAA;MAAA;IAAA,CACd,CACF;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9D,YAAA;MAAA+D,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEAU,gBACwB,CAC5B,EACA,CAACA,gBAAgB,GAAGM,cAAc,GAAGhC,SACtC,CAEkB,CAAC,eAEzBnE,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAACxE,aAAA,CAAAuI,YAAY,CAACC,SAAS;IACrBC,QAAQ,EAAEhF,QAAQ,GAAGM,SAAS,GAAG,KAAM;IACvC2E,SAAS,EAAE,IAAAC,0BAAE,EACXC,+BAAO,CAACK,KAAK,EACb,CAAC,CAAC,EACF,GAAG,CAACjC,YAAY,GAAGjD,SAAS,GAAG6E,+BAAO,CAACM,SAAS,CAClD,CAAE;IAAAvE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9D,YAAA;MAAA+D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFnF,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAACyD,6BAA6B;IAC5BxF,KAAK,EAAEA,KAAM;IACbgD,gBAAgB,EAAEA,gBAAiB;IACnCM,cAAc,EAAEA,cAAe;IAC/BT,iBAAiB,EAAEA,iBAAkB;IACrCxC,iBAAiB,EAAEA,iBAAkB;IACrCD,aAAa,EAAEY,QAAQ,IAAIa,aAAa,GAAGP,SAAS,GAAGlB,aAAc;IACrEO,YAAY,EAAEA,YAAa;IAC3BV,MAAM,EAAEsC,aAAc;IACtB6C,0BAA0B,EAAEA,0BAA2B;IACvDjB,IAAI,EAAEA,IAAK;IAAAjC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9D,YAAA;MAAA+D,UAAA;MAAAC,YAAA;IAAA;EAAA,CACZ,CAAC,EAEDzB,mBAAmB,iBAClB1D,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAACxE,aAAA,CAAAuI,YAAY,CAACY,IAAI;IAAAxE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9D,YAAA;MAAA+D,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEzB,mBAAuC,CAC5D,EACAE,WAAW,iBACV5D,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAACxE,aAAA,CAAAuI,YAAY,CAACY,IAAI;IAAAxE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9D,YAAA;MAAA+D,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAER,wBAAwB,CAAC,CAAqB,CACnE,EACAhB,gBAAgB,iBACf3D,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAACxE,aAAA,CAAAuI,YAAY,CAACY,IAAI;IAAAxE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9D,YAAA;MAAA+D,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAExB,gBAAoC,CACzD,EACAmE,gBAAgB,iBACf9H,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAACxE,aAAA,CAAAoJ,GAAG;IAACC,SAAS,EAAC,SAAS;IAACC,WAAW,EAAC,KAAK;IAAA3E,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9D,YAAA;MAAA+D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxCnF,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAACxE,aAAA,CAAAuJ,OAAO;IACNC,SAAS,EAAC,UAAU;IACpBxG,QAAQ,EAAC,wCAAwC;IAAA2B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9D,YAAA;MAAA+D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAClD,CACE,CACN,EACA5B,qBAAqB,iBACpBvD,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAACxE,aAAA,CAAAuI,YAAY,CAACY,IAAI;IAAAxE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9D,YAAA;MAAA+D,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAE5B,qBAAyC,CAEzC,CACxB,CACH;EAED,MAAMsG,mBAAmB,gBACvB7J,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAACnE,0BAAA,CAAAwI,yBAAyB;IACxBpG,KAAK,EAAEA,KAAM;IACbqG,cAAc,eACZlJ,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAAC7D,8BAAA,CAAAoI,6BAA6B;MAC5B/F,QAAQ,EAAC,kBAAkB;MAC3BgG,KAAK,EAAC,OAAO;MAAArE,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA9D,YAAA;QAAA+D,UAAA;QAAAC,YAAA;MAAA;IAAA,CACd,CACF;IACD2E,kBAAkB,EAAE5B,sCAAuC;IAAAnD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9D,YAAA;MAAA+D,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE1DsD,cACwB,CAC5B;EAED,oBACEzI,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAACvE,kBAAA,CAAA0J,kBAAkB;IAACnE,KAAK,EAAEvB,UAAW;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9D,YAAA;MAAA+D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpCnF,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAACxE,aAAA,CAAAoJ,GAAG;IAACI,SAAS,EAAC,UAAU;IAACxG,QAAQ,EAAEA,QAAS;IAAA2B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9D,YAAA;MAAA+D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC3CnF,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAACxE,aAAA,CAAAoJ,GAAG;IACFQ,SAAS,EACPtF,aAAa,GAAG,MAAM,GAAG3B,KAAK,YAALA,KAAK,CAAEP,KAAK,CAACyH,QAAQ,GAAG,MAAM,GAAG,MAC3D;IAAAlF,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9D,YAAA;MAAA+D,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEAtC,KAAK,CAACqH,2BAA2B,GAChCzG,6BAA6B,gBAE7BzD,MAAA,CAAA8B,OAAA,CAAA8C,aAAA,CAACxE,aAAA,CAAAuI,YAAY;IACXwB,qBAAqB;IACrBrB,SAAS,EAAE,IAAAC,0BAAE,EAACC,+BAAO,CAACoB,IAAI,EAAE;MAC1BjH,KAAK,EAAE,CAACqB,UAAU,CAAC8D,kBAAkB;MACrC+B,MAAM,EAAExG;IACV,CAAC,CAAE;IACHT,QAAQ,EAAC,0BAA0B;IAAA2B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9D,YAAA;MAAA+D,UAAA;MAAAC,YAAA;IAAA;EAAA,GAElC0E,mBACW,CAEb,CACF,CACa,CAAC;AAEzB;AAEO,MAAMS,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAACjI,kBAAkB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_CollectionContext","_assertComponentType","_ToolbarItemBox","_CollectionToolbarStCss","_InitialLoadingConditional","_useCollectionToolbarSyncedProps","_useIsCollectionToolbarExists","_CollectionToolbarActionsToolbarItemsGroup","_MoreActions","_CollectionToolbarSkeletonItem","_useIsMobile","_isValidElement","_CollectionSearch","_CollectionToolbarLeftGroup","_CollectionToolbarActionsGroupResponsiveLayout","_toolbarModeUtils","_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","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","responsiveMode","getToolbarMode","isDisabled","hasTabs","hasTitle","hasViews","toolbarElement","Fragment","TableToolbar","ItemGroup","position","className","st","classes","CollectionToolbarLeftGroup","mode","right","fullWidth","Item","Box","alignSelf","paddingLeft","Divider","direction","toolbarWithSkeleton","InitialLoadingConditional","loadingElement","CollectionToolbarSkeletonItem","width","hideLoadingElement","CollectionProvider","minHeight","subtitle","isReorderModeToolbarVisible","removeVerticalPadding","root","mobile","CollectionToolbar","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.tsx"],"sourcesContent":["import React, {\n  cloneElement,\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 { MoreActions } from '../MoreActions';\nimport { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { isValidElement } from '../isValidElement';\nimport { CollectionSearch } from '../CollectionSearch';\nimport { CollectionToolbarLeftGroup } from './CollectionToolbarLeftGroup';\nimport { CollectionToolbarActionsGroupResponsiveLayout } from './CollectionToolbarActionsGroupResponsiveLayout';\nimport { getToolbarMode } from './toolbarModeUtils';\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    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 responsiveMode = getToolbarMode({\n    isDisabled: responsive.responsiveDisabled,\n    hasTabs: !!tabs,\n    hasTitle: !!left && !viewsToolbarItem,\n    hasViews: !!viewsToolbarItem,\n  });\n\n  const toolbarElement = (\n    <>\n      <TableToolbar.ItemGroup\n        position=\"start\"\n        className={st(classes.left, {\n          expandable: !!tabs,\n          title: responsiveMode === 'title',\n        })}\n        dataHook=\"collection-table-toolbar-filters\"\n      >\n        <CollectionToolbarLeftGroup\n          state={state}\n          left={left}\n          viewsToolbarItem={viewsToolbarItem}\n          filtersElement={filtersElement}\n          mode={responsiveMode}\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          hasTabs={!!tabs}\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                responsiveMode,\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

@@ -1,21 +1,36 @@
 .root {
-  -st-states: views, mobile;
+  -st-states: views, mobile, responsiveMode(enum(title, views, tabs, disabled));
 }
 
 .left {
-  -st-states: expandable;
+  -st-states: expandable, title;
   min-width: 0;
 }
 
-.root:views .left {
-  flex-shrink: 1;
-  flex-grow: 0;
-}
-
 .left:expandable {
   flex: auto;
 }
 
+.left:title > * {
+  width: 100%;
+}
+
+.root:responsiveMode(title) .left {
+  flex: 1 100;
+  min-width: 50px;
+}
+
+.root:responsiveMode(tabs) .left,
+.root:responsiveMode(tabs) .left:expandable {
+  flex: 1 100 auto;
+  min-width: 140px;
+}
+
+.root:responsiveMode(tabs) .left > * {
+  flex-shrink: 1;
+  min-width: 0;
+}
+
 .root .right {
   justify-content: flex-end !important;
   flex-grow: 1;
@@ -30,6 +45,12 @@
   flex-basis: 0;
 }
 
+.root:responsiveMode(tabs) .right,
+.root:responsiveMode(title) .right {
+  flex: 0 1 auto;
+  min-width: 0;
+}
+
 .root .right.fullWidth {
   margin-inline-start: 0 !important;
 }

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_ = "CollectionToolbar2067268736";
+var _namespace_ = "CollectionToolbar1811998541";
 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": "CollectionToolbar2067268736__root",
-  "left": "CollectionToolbar2067268736__left",
-  "right": "CollectionToolbar2067268736__right",
-  "fullWidth": "CollectionToolbar2067268736__fullWidth"
+  "root": "CollectionToolbar1811998541__root",
+  "left": "CollectionToolbar1811998541__left",
+  "right": "CollectionToolbar1811998541__right",
+  "fullWidth": "CollectionToolbar1811998541__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_ = \"CollectionToolbar2067268736\";\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\":\"CollectionToolbar2067268736__root\",\"left\":\"CollectionToolbar2067268736__left\",\"right\":\"CollectionToolbar2067268736__right\",\"fullWidth\":\"CollectionToolbar2067268736__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_ = \"CollectionToolbar1811998541\";\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\":\"CollectionToolbar1811998541__root\",\"left\":\"CollectionToolbar1811998541__left\",\"right\":\"CollectionToolbar1811998541__right\",\"fullWidth\":\"CollectionToolbar1811998541__fullWidth\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"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":[]}
+{"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  hasTabs?: boolean;\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,71 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CollectionToolbarLeftGroup = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _mobxReactLite = require("mobx-react-lite");
+var _InitialLoadingConditional = require("../InitialLoadingConditional");
+var _CollectionToolbarSkeletonItem = require("./CollectionToolbarSkeletonItem");
+var _ToolbarLeftGroupState = require("../../state/Toolbar/ToolbarLeftGroupState");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionToolbar/CollectionToolbarLeftGroup.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 _CollectionToolbarLeftGroup(props) {
+  const {
+    state,
+    left,
+    viewsToolbarItem,
+    filtersElement,
+    mode
+  } = props;
+  const {
+    toolbar: {
+      responsive
+    }
+  } = state;
+  const isLeftElementMode = mode === 'tabs' || mode === 'title';
+  const container = (0, _react.useRef)(null);
+  const [leftGroupState] = (0, _react.useState)(() => new _ToolbarLeftGroupState.ToolbarLeftGroupState({
+    responsive,
+    mode,
+    minWidth: mode === 'title' ? 50 : 140,
+    getTabsState: () => state.tabs
+  }));
+  (0, _react.useEffect)(() => {
+    var _container$current;
+    return leftGroupState.init((_container$current = container.current) == null ? void 0 : _container$current.parentElement);
+  }, []);
+  const content = left ?? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, viewsToolbarItem && /*#__PURE__*/_react.default.createElement(_InitialLoadingConditional.InitialLoadingConditional, {
+    state: state,
+    loadingElement: /*#__PURE__*/_react.default.createElement(_CollectionToolbarSkeletonItem.CollectionToolbarSkeletonItem, {
+      dataHook: "toolbar-views-skeleton",
+      width: "100px",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 49,
+        columnNumber: 13
+      }
+    }),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 46,
+      columnNumber: 9
+    }
+  }, viewsToolbarItem), !viewsToolbarItem ? filtersElement : undefined);
+  if (isLeftElementMode && !responsive.responsiveDisabled) {
+    return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      ref: element => container.current = element,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 64,
+        columnNumber: 7
+      }
+    }, content);
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, content);
+}
+const CollectionToolbarLeftGroup = exports.CollectionToolbarLeftGroup = (0, _mobxReactLite.observer)(_CollectionToolbarLeftGroup);
+//# sourceMappingURL=CollectionToolbarLeftGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_InitialLoadingConditional","_CollectionToolbarSkeletonItem","_ToolbarLeftGroupState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionToolbarLeftGroup","props","state","left","viewsToolbarItem","filtersElement","mode","toolbar","responsive","isLeftElementMode","container","useRef","leftGroupState","useState","ToolbarLeftGroupState","minWidth","getTabsState","tabs","useEffect","_container$current","init","current","parentElement","content","createElement","Fragment","InitialLoadingConditional","loadingElement","CollectionToolbarSkeletonItem","dataHook","width","__self","__source","fileName","lineNumber","columnNumber","undefined","responsiveDisabled","Box","ref","element","CollectionToolbarLeftGroup","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbarLeftGroup.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, useRef, useState } from 'react';\nimport { Box } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport { InitialLoadingConditional } from '../InitialLoadingConditional';\nimport { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';\nimport { ToolbarLeftGroupState } from '../../state/Toolbar/ToolbarLeftGroupState';\nimport { ToolbarMode } from './toolbarModeUtils';\n\nexport interface CollectionToolbarLeftGroupProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  left?: ReactElement;\n  viewsToolbarItem?: ReactElement;\n  filtersElement?: ReactElement;\n  mode: ToolbarMode;\n}\n\nfunction _CollectionToolbarLeftGroup<T, F extends FiltersMap>(\n  props: CollectionToolbarLeftGroupProps<T, F>,\n) {\n  const { state, left, viewsToolbarItem, filtersElement, mode } = props;\n\n  const {\n    toolbar: { responsive },\n  } = state;\n\n  const isLeftElementMode = mode === 'tabs' || mode === 'title';\n  const container = useRef<HTMLDivElement | null>(null);\n\n  const [leftGroupState] = useState(\n    () =>\n      new ToolbarLeftGroupState({\n        responsive,\n        mode,\n        minWidth: mode === 'title' ? 50 : 140,\n        getTabsState: () => state.tabs,\n      }),\n  );\n\n  useEffect(() => leftGroupState.init(container.current?.parentElement), []);\n\n  const content = 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\n  if (isLeftElementMode && !responsive.responsiveDisabled) {\n    return (\n      <Box ref={(element) => (container.current = element)}>{content}</Box>\n    );\n  }\n\n  return <>{content}</>;\n}\n\nexport const CollectionToolbarLeftGroup = observer(_CollectionToolbarLeftGroup);\n"],"mappings":"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","ignoreList":[]}

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

@@ -22,7 +22,6 @@ function _SearchOrCustomFilter(props) {
     }
   } = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
   const {
-    _nextToShrink,
     search: searchResponsive,
     responsiveDisabled
   } = responsive;
@@ -66,7 +65,7 @@ function _SearchOrCustomFilter(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 68,
+          lineNumber: 64,
           columnNumber: 9
         }
       }, isMobile && /*#__PURE__*/(0, _react.isValidElement)(_search) && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -74,7 +73,7 @@ function _SearchOrCustomFilter(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 70,
+          lineNumber: 66,
           columnNumber: 13
         }
       }, /*#__PURE__*/(0, _react.cloneElement)(_search, {
@@ -90,7 +89,7 @@ function _SearchOrCustomFilter(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 80,
+          lineNumber: 76,
           columnNumber: 11
         }
       }, search));
@@ -100,20 +99,19 @@ function _SearchOrCustomFilter(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 93,
+        lineNumber: 89,
         columnNumber: 7
       }
     }, child);
   }
-  const shouldShrink = _nextToShrink._count >= searchResponsive._count && searchResponsive._shouldShrink;
+  const shouldShrink = searchResponsive._shouldShrink;
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "horizontal",
-    maxWidth: "240px",
-    minWidth: shouldShrink ? '139px' : '140px',
+    width: shouldShrink ? '140px' : '240px',
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 104,
+      lineNumber: 98,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -121,7 +119,7 @@ function _SearchOrCustomFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 109,
+      lineNumber: 99,
       columnNumber: 7
     }
   }, search));

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

@@ -1 +1 @@
-{"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","isExpandable","useMemo","isValidElement","element","cloneElement","onExpandTransitionStart","collapsed","runInAction","onExpandTransitionEnd","expandable","child","createElement","Fragment","__self","__source","fileName","lineNumber","columnNumber","Box","visibility","dataHook","value","onChange","className","st","classes","searchMobile","expanded","TableToolbar","Item","undefined","shouldShrink","_count","_shouldShrink","direction","maxWidth","minWidth","width","SearchOrCustomFilter","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.tsx"],"sourcesContent":["import { Box, TableToolbar } from '@wix/design-system';\nimport React, { cloneElement, Fragment, isValidElement, 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 { search, isExpandable } = useMemo(() => {\n    if (!isValidElement(_search)) {\n      return {\n        search: _search,\n        isExpandable: false,\n      };\n    }\n    const element = cloneElement(_search as CollectionSearchElement, {\n      onExpandTransitionStart: (collapsed?: boolean) => {\n        runInAction(() => {\n          if (!collapsed) {\n            state._searchExpanded = true;\n          }\n        });\n      },\n      onExpandTransitionEnd: (collapsed?: boolean) => {\n        runInAction(() => {\n          if (collapsed) {\n            state._searchExpanded = false;\n          }\n        });\n      },\n    });\n    return {\n      search: element,\n      isExpandable: element.props.expandable,\n    };\n  }, [_search]);\n\n  if (responsiveDisabled || isMobile) {\n    let child = search;\n\n    if (isMobile) {\n      child = (\n        <Fragment>\n          {isMobile && isValidElement(_search) && (\n            <Box visibility=\"hidden\">\n              {/* render extra hidden search for measurement as the actual search is positioned absolutely */}\n              {cloneElement(_search as CollectionSearchElement, {\n                dataHook: `collection-search-mobile-measurement`,\n                // bypass stateful behavior on mobile for measurement\n                value: '',\n                onChange: () => {},\n              })}\n            </Box>\n          )}\n          <Box\n            className={st(classes.searchMobile, {\n              expandable: isExpandable,\n              expanded: isSearchExpanded,\n            })}\n          >\n            {search}\n          </Box>\n        </Fragment>\n      );\n    }\n\n    return (\n      <TableToolbar.Item className={st(isMobile ? undefined : classes.search)}>\n        {child}\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","searchResponsive","responsiveDisabled","isMobile","useIsMobile","isSearchExpanded","_searchExpanded","isExpandable","useMemo","isValidElement","element","cloneElement","onExpandTransitionStart","collapsed","runInAction","onExpandTransitionEnd","expandable","child","createElement","Fragment","__self","__source","fileName","lineNumber","columnNumber","Box","visibility","dataHook","value","onChange","className","st","classes","searchMobile","expanded","TableToolbar","Item","undefined","shouldShrink","_shouldShrink","direction","width","SearchOrCustomFilter","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.tsx"],"sourcesContent":["import { Box, TableToolbar } from '@wix/design-system';\nimport React, { cloneElement, Fragment, isValidElement, 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 { search: searchResponsive, responsiveDisabled } = responsive;\n\n  const isMobile = useIsMobile();\n\n  const isSearchExpanded = state._searchExpanded;\n\n  const { search, isExpandable } = useMemo(() => {\n    if (!isValidElement(_search)) {\n      return {\n        search: _search,\n        isExpandable: false,\n      };\n    }\n    const element = cloneElement(_search as CollectionSearchElement, {\n      onExpandTransitionStart: (collapsed?: boolean) => {\n        runInAction(() => {\n          if (!collapsed) {\n            state._searchExpanded = true;\n          }\n        });\n      },\n      onExpandTransitionEnd: (collapsed?: boolean) => {\n        runInAction(() => {\n          if (collapsed) {\n            state._searchExpanded = false;\n          }\n        });\n      },\n    });\n    return {\n      search: element,\n      isExpandable: element.props.expandable,\n    };\n  }, [_search]);\n\n  if (responsiveDisabled || isMobile) {\n    let child = search;\n\n    if (isMobile) {\n      child = (\n        <Fragment>\n          {isMobile && isValidElement(_search) && (\n            <Box visibility=\"hidden\">\n              {/* render extra hidden search for measurement as the actual search is positioned absolutely */}\n              {cloneElement(_search as CollectionSearchElement, {\n                dataHook: `collection-search-mobile-measurement`,\n                // bypass stateful behavior on mobile for measurement\n                value: '',\n                onChange: () => {},\n              })}\n            </Box>\n          )}\n          <Box\n            className={st(classes.searchMobile, {\n              expandable: isExpandable,\n              expanded: isSearchExpanded,\n            })}\n          >\n            {search}\n          </Box>\n        </Fragment>\n      );\n    }\n\n    return (\n      <TableToolbar.Item className={st(isMobile ? undefined : classes.search)}>\n        {child}\n      </TableToolbar.Item>\n    );\n  }\n\n  const shouldShrink = searchResponsive._shouldShrink;\n\n  return (\n    <Box direction=\"horizontal\" width={shouldShrink ? '140px' : '240px'}>\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":[]}

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

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SearchOrCustomFilter3266924804";
+var _namespace_ = "SearchOrCustomFilter2883258947";
 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": "SearchOrCustomFilter3266924804__root",
-  "search": "SearchOrCustomFilter3266924804__search",
-  "searchMobile": "SearchOrCustomFilter3266924804__searchMobile"
+  "root": "SearchOrCustomFilter2883258947__root",
+  "search": "SearchOrCustomFilter2883258947__search",
+  "searchMobile": "SearchOrCustomFilter2883258947__searchMobile"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter3266924804\";\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\":\"SearchOrCustomFilter3266924804__root\",\"search\":\"SearchOrCustomFilter3266924804__search\",\"searchMobile\":\"SearchOrCustomFilter3266924804__searchMobile\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,QAAQ,EAAC,wCAAwC;EAAC,cAAc,EAAC;AAA8C,CAAC;AAC7K,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter2883258947\";\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\":\"SearchOrCustomFilter2883258947__root\",\"search\":\"SearchOrCustomFilter2883258947__search\",\"searchMobile\":\"SearchOrCustomFilter2883258947__searchMobile\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,QAAQ,EAAC,wCAAwC;EAAC,cAAc,EAAC;AAA8C,CAAC;AAC7K,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/toolbarModeUtils.js

@@ -0,0 +1,25 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getToolbarMode = getToolbarMode;
+function getToolbarMode({
+  isDisabled,
+  hasTabs,
+  hasTitle,
+  hasViews
+}) {
+  if (isDisabled) {
+    return 'disabled';
+  }
+  if (hasTabs) {
+    return 'tabs';
+  }
+  if (hasViews) {
+    return 'views';
+  }
+  if (hasTitle) {
+    return 'title';
+  }
+  return 'disabled';
+}
+//# sourceMappingURL=toolbarModeUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getToolbarMode","isDisabled","hasTabs","hasTitle","hasViews"],"sources":["../../../../src/components/CollectionToolbar/toolbarModeUtils.ts"],"sourcesContent":["export type ToolbarMode = 'title' | 'views' | 'tabs' | 'disabled';\n\nexport function getToolbarMode({\n  isDisabled,\n  hasTabs,\n  hasTitle,\n  hasViews,\n}: {\n  isDisabled: boolean;\n  hasViews: boolean;\n  hasTabs: boolean;\n  hasTitle: boolean;\n}): ToolbarMode {\n  if (isDisabled) {\n    return 'disabled';\n  }\n  if (hasTabs) {\n    return 'tabs';\n  }\n  if (hasViews) {\n    return 'views';\n  }\n  if (hasTitle) {\n    return 'title';\n  }\n  return 'disabled';\n}\n"],"mappings":";;;;AAEO,SAASA,cAAcA,CAAC;EAC7BC,UAAU;EACVC,OAAO;EACPC,QAAQ;EACRC;AAMF,CAAC,EAAe;EACd,IAAIH,UAAU,EAAE;IACd,OAAO,UAAU;EACnB;EACA,IAAIC,OAAO,EAAE;IACX,OAAO,MAAM;EACf;EACA,IAAIE,QAAQ,EAAE;IACZ,OAAO,OAAO;EAChB;EACA,IAAID,QAAQ,EAAE;IACZ,OAAO,OAAO;EAChB;EACA,OAAO,UAAU;AACnB","ignoreList":[]}

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

@@ -12,7 +12,7 @@ function useCollectionToolbarSyncedProps(props) {
     viewsToolbarItem
   } = props;
   const syncedProps = (0, _bexCore.useSyncProps)({
-    useResponsiveLayout: !left && !!viewsToolbarItem
+    useResponsiveLayout: !!viewsToolbarItem || !!left
   }, {
     useResponsiveLayout: _mobx.observable.ref
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobx","_react","useCollectionToolbarSyncedProps","props","state","left","viewsToolbarItem","syncedProps","useSyncProps","useResponsiveLayout","observable","ref","useState","_syncedProps"],"sources":["../../../../src/components/CollectionToolbar/useCollectionToolbarSyncedProps.ts"],"sourcesContent":["import { FiltersMap, useSyncProps } from '@wix/bex-core';\nimport { observable } from 'mobx';\nimport { ReactElement, useState } from 'react';\nimport { ToolbarCollectionState } from '../../state';\n\nexport interface UseCollectionToolbarSyncedPropsParams<\n  T,\n  F extends FiltersMap,\n> {\n  left?: ReactElement;\n  viewsToolbarItem?: ReactElement;\n  filtersElement?: ReactElement;\n  state: ToolbarCollectionState<T, F>;\n}\n\nexport function useCollectionToolbarSyncedProps<T, F extends FiltersMap>(\n  props: UseCollectionToolbarSyncedPropsParams<T, F>,\n) {\n  const { state, left, viewsToolbarItem } = props;\n\n  const syncedProps = useSyncProps(\n    {\n      useResponsiveLayout: !left && !!viewsToolbarItem,\n    },\n    {\n      useResponsiveLayout: observable.ref,\n    },\n  );\n\n  useState(() => {\n    state._syncedProps = syncedProps;\n  });\n\n  return syncedProps;\n}\n"],"mappings":";;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAaO,SAASG,+BAA+BA,CAC7CC,KAAkD,EAClD;EACA,MAAM;IAAEC,KAAK;IAAEC,IAAI;IAAEC;EAAiB,CAAC,GAAGH,KAAK;EAE/C,MAAMI,WAAW,GAAG,IAAAC,qBAAY,EAC9B;IACEC,mBAAmB,EAAE,CAACJ,IAAI,IAAI,CAAC,CAACC;EAClC,CAAC,EACD;IACEG,mBAAmB,EAAEC,gBAAU,CAACC;EAClC,CACF,CAAC;EAED,IAAAC,eAAQ,EAAC,MAAM;IACbR,KAAK,CAACS,YAAY,GAAGN,WAAW;EAClC,CAAC,CAAC;EAEF,OAAOA,WAAW;AACpB","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_mobx","_react","useCollectionToolbarSyncedProps","props","state","left","viewsToolbarItem","syncedProps","useSyncProps","useResponsiveLayout","observable","ref","useState","_syncedProps"],"sources":["../../../../src/components/CollectionToolbar/useCollectionToolbarSyncedProps.ts"],"sourcesContent":["import { FiltersMap, useSyncProps } from '@wix/bex-core';\nimport { observable } from 'mobx';\nimport { ReactElement, useState } from 'react';\nimport { ToolbarCollectionState } from '../../state';\n\nexport interface UseCollectionToolbarSyncedPropsParams<\n  T,\n  F extends FiltersMap,\n> {\n  left?: ReactElement;\n  viewsToolbarItem?: ReactElement;\n  filtersElement?: ReactElement;\n  state: ToolbarCollectionState<T, F>;\n}\n\nexport function useCollectionToolbarSyncedProps<T, F extends FiltersMap>(\n  props: UseCollectionToolbarSyncedPropsParams<T, F>,\n) {\n  const { state, left, viewsToolbarItem } = props;\n\n  const syncedProps = useSyncProps(\n    {\n      useResponsiveLayout: !!viewsToolbarItem || !!left,\n    },\n    {\n      useResponsiveLayout: observable.ref,\n    },\n  );\n\n  useState(() => {\n    state._syncedProps = syncedProps;\n  });\n\n  return syncedProps;\n}\n"],"mappings":";;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAaO,SAASG,+BAA+BA,CAC7CC,KAAkD,EAClD;EACA,MAAM;IAAEC,KAAK;IAAEC,IAAI;IAAEC;EAAiB,CAAC,GAAGH,KAAK;EAE/C,MAAMI,WAAW,GAAG,IAAAC,qBAAY,EAC9B;IACEC,mBAAmB,EAAE,CAAC,CAACH,gBAAgB,IAAI,CAAC,CAACD;EAC/C,CAAC,EACD;IACEI,mBAAmB,EAAEC,gBAAU,CAACC;EAClC,CACF,CAAC;EAED,IAAAC,eAAQ,EAAC,MAAM;IACbR,KAAK,CAACS,YAAY,GAAGN,WAAW;EAClC,CAAC,CAAC;EAEF,OAAOA,WAAW;AACpB","ignoreList":[]}

package/dist/cjs/components/CollectionToolbarFilters/CollectionToolbarFiltersState.js

@@ -7,12 +7,14 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _bexCore = require("@wix/bex-core");
 var _bi = require("@wix/bex-core/bi");
 var _mobx = require("mobx");
+var _react = require("react");
 class CollectionToolbarFiltersState {
   constructor(params) {
     (0, _defineProperty2.default)(this, "toolbar", void 0);
     (0, _defineProperty2.default)(this, "panelTitle", new _bexCore.ValueBox(undefined));
     (0, _defineProperty2.default)(this, "totalInlineFilters", new _bexCore.ValueBox(null));
     (0, _defineProperty2.default)(this, "filterElements", new _bexCore.ValueBox([]));
+    (0, _defineProperty2.default)(this, "moreFiltersButtonRef", /*#__PURE__*/(0, _react.createRef)());
     (0, _defineProperty2.default)(this, "onClearButtonClicked", void 0);
     (0, _defineProperty2.default)(this, "onFiltersButtonClick", (0, _mobx.action)(() => {
       const actionStartTime = performance.now();

package/dist/cjs/components/CollectionToolbarFilters/CollectionToolbarFiltersState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_bi","_mobx","CollectionToolbarFiltersState","constructor","params","_defineProperty2","default","ValueBox","undefined","action","actionStartTime","performance","now","reportBi","toolbar","isOpened","panels","toggleSidePanel","window","setTimeout","withoutDefaults","cairoFiltersPanelUsed","_commonDynamicBiParams","origin","feature","timeFromAction","Math","round","makeObservable","panelFilterElements","computed","panelFilters","totalInlineFilters","value","filterElements","slice","map","element","props","filter","exports"],"sources":["../../../../src/components/CollectionToolbarFilters/CollectionToolbarFiltersState.ts"],"sourcesContent":["import { ToolbarCollectionState } from '../../state';\nimport { FiltersMap, ValueBox, withoutDefaults } from '@wix/bex-core';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { action, computed, makeObservable } from 'mobx';\nimport { ReactNode } from 'react';\nimport { FilterElement } from './filterElement';\n\nexport interface CollectionToolbarFiltersStateParams<T, F extends FiltersMap> {\n  readonly toolbar: ToolbarCollectionState<T, F>;\n}\n\nexport class CollectionToolbarFiltersState<T, F extends FiltersMap> {\n  readonly toolbar;\n\n  readonly panelTitle = new ValueBox<ReactNode>(undefined);\n  readonly totalInlineFilters = new ValueBox<number | null>(null);\n  readonly filterElements = new ValueBox<FilterElement[]>([]);\n\n  onClearButtonClicked?: () => unknown;\n\n  constructor(params: CollectionToolbarFiltersStateParams<T, F>) {\n    this.toolbar = params.toolbar;\n\n    makeObservable(this, {\n      panelFilterElements: computed,\n      panelFilters: computed,\n    });\n  }\n\n  get panelFilterElements() {\n    const {\n      totalInlineFilters: { value: totalInlineFilters },\n      filterElements: { value: filterElements },\n    } = this;\n    return totalInlineFilters != null\n      ? filterElements.slice(totalInlineFilters)\n      : [];\n  }\n\n  get panelFilters() {\n    return this.panelFilterElements.map((element) => element.props.filter);\n  }\n\n  onFiltersButtonClick = action(() => {\n    const actionStartTime = performance.now();\n    const { reportBi } = this.toolbar;\n\n    const isOpened = this.toolbar.panels.toggleSidePanel('filters');\n    // to be called after the panel is opened/closed and call stack is cleared\n    window.setTimeout(() => {\n      reportBi(\n        withoutDefaults(cairoFiltersPanelUsed)({\n          ...this.toolbar._commonDynamicBiParams(),\n          isOpened,\n          origin: 'Filter Button',\n          feature: 'Filter',\n          timeFromAction: Math.round(performance.now() - actionStartTime),\n        }),\n      );\n    });\n  });\n}\n"],"mappings":";;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAQO,MAAMG,6BAA6B,CAA0B;EASlEC,WAAWA,CAACC,MAAiD,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,sBANzC,IAAIC,iBAAQ,CAAYC,SAAS,CAAC;IAAA,IAAAH,gBAAA,CAAAC,OAAA,8BAC1B,IAAIC,iBAAQ,CAAgB,IAAI,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,0BACrC,IAAIC,iBAAQ,CAAkB,EAAE,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,gCA2BpC,IAAAG,YAAM,EAAC,MAAM;MAClC,MAAMC,eAAe,GAAGC,WAAW,CAACC,GAAG,CAAC,CAAC;MACzC,MAAM;QAAEC;MAAS,CAAC,GAAG,IAAI,CAACC,OAAO;MAEjC,MAAMC,QAAQ,GAAG,IAAI,CAACD,OAAO,CAACE,MAAM,CAACC,eAAe,CAAC,SAAS,CAAC;MAC/D;MACAC,MAAM,CAACC,UAAU,CAAC,MAAM;QACtBN,QAAQ,CACN,IAAAO,wBAAe,EAACC,yBAAqB,CAAC,CAAC;UACrC,GAAG,IAAI,CAACP,OAAO,CAACQ,sBAAsB,CAAC,CAAC;UACxCP,QAAQ;UACRQ,MAAM,EAAE,eAAe;UACvBC,OAAO,EAAE,QAAQ;UACjBC,cAAc,EAAEC,IAAI,CAACC,KAAK,CAAChB,WAAW,CAACC,GAAG,CAAC,CAAC,GAAGF,eAAe;QAChE,CAAC,CACH,CAAC;MACH,CAAC,CAAC;IACJ,CAAC,CAAC;IAvCA,IAAI,CAACI,OAAO,GAAGV,MAAM,CAACU,OAAO;IAE7B,IAAAc,oBAAc,EAAC,IAAI,EAAE;MACnBC,mBAAmB,EAAEC,cAAQ;MAC7BC,YAAY,EAAED;IAChB,CAAC,CAAC;EACJ;EAEA,IAAID,mBAAmBA,CAAA,EAAG;IACxB,MAAM;MACJG,kBAAkB,EAAE;QAAEC,KAAK,EAAED;MAAmB,CAAC;MACjDE,cAAc,EAAE;QAAED,KAAK,EAAEC;MAAe;IAC1C,CAAC,GAAG,IAAI;IACR,OAAOF,kBAAkB,IAAI,IAAI,GAC7BE,cAAc,CAACC,KAAK,CAACH,kBAAkB,CAAC,GACxC,EAAE;EACR;EAEA,IAAID,YAAYA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACF,mBAAmB,CAACO,GAAG,CAAEC,OAAO,IAAKA,OAAO,CAACC,KAAK,CAACC,MAAM,CAAC;EACxE;AAoBF;AAACC,OAAA,CAAAtC,6BAAA,GAAAA,6BAAA","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_bi","_mobx","_react","CollectionToolbarFiltersState","constructor","params","_defineProperty2","default","ValueBox","undefined","createRef","action","actionStartTime","performance","now","reportBi","toolbar","isOpened","panels","toggleSidePanel","window","setTimeout","withoutDefaults","cairoFiltersPanelUsed","_commonDynamicBiParams","origin","feature","timeFromAction","Math","round","makeObservable","panelFilterElements","computed","panelFilters","totalInlineFilters","value","filterElements","slice","map","element","props","filter","exports"],"sources":["../../../../src/components/CollectionToolbarFilters/CollectionToolbarFiltersState.ts"],"sourcesContent":["import { ToolbarCollectionState } from '../../state';\nimport { FiltersMap, ValueBox, withoutDefaults } from '@wix/bex-core';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { action, computed, makeObservable } from 'mobx';\nimport { ReactNode, RefObject, createRef } from 'react';\nimport { FilterElement } from './filterElement';\nimport { Button } from '@wix/design-system';\n\nexport interface CollectionToolbarFiltersStateParams<T, F extends FiltersMap> {\n  readonly toolbar: ToolbarCollectionState<T, F>;\n}\n\nexport class CollectionToolbarFiltersState<T, F extends FiltersMap> {\n  readonly toolbar;\n\n  readonly panelTitle = new ValueBox<ReactNode>(undefined);\n  readonly totalInlineFilters = new ValueBox<number | null>(null);\n  readonly filterElements = new ValueBox<FilterElement[]>([]);\n  readonly moreFiltersButtonRef: RefObject<Button> =\n    createRef<Button>();\n\n  onClearButtonClicked?: () => unknown;\n\n  constructor(params: CollectionToolbarFiltersStateParams<T, F>) {\n    this.toolbar = params.toolbar;\n\n    makeObservable(this, {\n      panelFilterElements: computed,\n      panelFilters: computed,\n    });\n  }\n\n  get panelFilterElements() {\n    const {\n      totalInlineFilters: { value: totalInlineFilters },\n      filterElements: { value: filterElements },\n    } = this;\n    return totalInlineFilters != null\n      ? filterElements.slice(totalInlineFilters)\n      : [];\n  }\n\n  get panelFilters() {\n    return this.panelFilterElements.map((element) => element.props.filter);\n  }\n\n  onFiltersButtonClick = action(() => {\n    const actionStartTime = performance.now();\n    const { reportBi } = this.toolbar;\n\n    const isOpened = this.toolbar.panels.toggleSidePanel('filters');\n    // to be called after the panel is opened/closed and call stack is cleared\n    window.setTimeout(() => {\n      reportBi(\n        withoutDefaults(cairoFiltersPanelUsed)({\n          ...this.toolbar._commonDynamicBiParams(),\n          isOpened,\n          origin: 'Filter Button',\n          feature: 'Filter',\n          timeFromAction: Math.round(performance.now() - actionStartTime),\n        }),\n      );\n    });\n  });\n}\n"],"mappings":";;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAQO,MAAMI,6BAA6B,CAA0B;EAWlEC,WAAWA,CAACC,MAAiD,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,sBARzC,IAAIC,iBAAQ,CAAYC,SAAS,CAAC;IAAA,IAAAH,gBAAA,CAAAC,OAAA,8BAC1B,IAAIC,iBAAQ,CAAgB,IAAI,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,0BACrC,IAAIC,iBAAQ,CAAkB,EAAE,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,6CAEzD,IAAAG,gBAAS,EAAS,CAAC;IAAA,IAAAJ,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,gCA2BE,IAAAI,YAAM,EAAC,MAAM;MAClC,MAAMC,eAAe,GAAGC,WAAW,CAACC,GAAG,CAAC,CAAC;MACzC,MAAM;QAAEC;MAAS,CAAC,GAAG,IAAI,CAACC,OAAO;MAEjC,MAAMC,QAAQ,GAAG,IAAI,CAACD,OAAO,CAACE,MAAM,CAACC,eAAe,CAAC,SAAS,CAAC;MAC/D;MACAC,MAAM,CAACC,UAAU,CAAC,MAAM;QACtBN,QAAQ,CACN,IAAAO,wBAAe,EAACC,yBAAqB,CAAC,CAAC;UACrC,GAAG,IAAI,CAACP,OAAO,CAACQ,sBAAsB,CAAC,CAAC;UACxCP,QAAQ;UACRQ,MAAM,EAAE,eAAe;UACvBC,OAAO,EAAE,QAAQ;UACjBC,cAAc,EAAEC,IAAI,CAACC,KAAK,CAAChB,WAAW,CAACC,GAAG,CAAC,CAAC,GAAGF,eAAe;QAChE,CAAC,CACH,CAAC;MACH,CAAC,CAAC;IACJ,CAAC,CAAC;IAvCA,IAAI,CAACI,OAAO,GAAGX,MAAM,CAACW,OAAO;IAE7B,IAAAc,oBAAc,EAAC,IAAI,EAAE;MACnBC,mBAAmB,EAAEC,cAAQ;MAC7BC,YAAY,EAAED;IAChB,CAAC,CAAC;EACJ;EAEA,IAAID,mBAAmBA,CAAA,EAAG;IACxB,MAAM;MACJG,kBAAkB,EAAE;QAAEC,KAAK,EAAED;MAAmB,CAAC;MACjDE,cAAc,EAAE;QAAED,KAAK,EAAEC;MAAe;IAC1C,CAAC,GAAG,IAAI;IACR,OAAOF,kBAAkB,IAAI,IAAI,GAC7BE,cAAc,CAACC,KAAK,CAACH,kBAAkB,CAAC,GACxC,EAAE;EACR;EAEA,IAAID,YAAYA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACF,mBAAmB,CAACO,GAAG,CAAEC,OAAO,IAAKA,OAAO,CAACC,KAAK,CAACC,MAAM,CAAC;EACxE;AAoBF;AAACC,OAAA,CAAAvC,6BAAA,GAAAA,6BAAA","ignoreList":[]}

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "AutoCompleteReadonly1578371289";
+var _namespace_ = "AutoCompleteReadonly1467974692";
 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": "AutoCompleteReadonly1578371289__root"
+  "root": "AutoCompleteReadonly1467974692__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map

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

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.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_ = "ViewsDropdown445946096";
+var _namespace_ = "ViewsDropdown988678590";
 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": "ViewsDropdown445946096__root"
+  "root": "ViewsDropdown988678590__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};