@wix/patterns 1.263.0 → 1.264.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","_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","assertComponentType","collection","featuredComponents","toolbar","responsive","addDataHookToMoreActions","createElement","MoreActions","_extends2","__self","__source","fileName","lineNumber","columnNumber","searchElement","isValidElement","React","cloneElement","CollectionSearch","size","MoreFiltersButton","moreFiltersButton","value","viewsToolbarItem","ToolbarItemBox","CollectionToolbarFilters","tagsCollectionState","components","collectionDataExtension","filtersElement","useMemo","_state$collectionData2","_state$tagsCollection2","container","initTask","status","isSuccess","undefined","featureFilters","buildCustomFieldFilters","buildTagsFilterWrapper","filter","Boolean","inline","left","removeStartPadding","expandable","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 { 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  assertComponentType(\n    primaryActionButton,\n    'PrimaryActionButton',\n    'PrimaryActionButton',\n  );\n  const {\n    collection,\n    featuredComponents,\n    toolbar: { responsive },\n  } = state;\n\n  const addDataHookToMoreActions = () => {\n    return (\n      <MoreActions dataHook=\"toolbar-more-actions\" {...moreActions!.props} />\n    );\n  };\n\n  const searchElement = isValidElement(search) ? (\n    (React.cloneElement(\n      search as CollectionSearchElement,\n      {},\n    ) as CollectionSearchElement)\n  ) : search ? (\n    <CollectionSearch size=\"small\" />\n  ) : (\n    search\n  );\n\n  const MoreFiltersButton = featuredComponents.moreFiltersButton\n    .value as PartialFunctionComponent as FunctionComponent | null;\n\n  const viewsToolbarItem = 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 (!isMobile) {\n    if (tabs) {\n      left = (\n        <ToolbarItemBox removeStartPadding expandable layout=\"button\">\n          {tabs}\n        </ToolbarItemBox>\n      );\n    } else if (title) {\n      left = title;\n    }\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 ? 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 minHeight={title?.props.subtitle ? '78px' : '60px'}>\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","_CollectionToolbarActionsToolbarItemsGroup","_CollectionToolbarActionsGroupResponsiveLayout","_MoreActions","_CollectionToolbarSkeletonItem","_useIsMobile","_isValidElement","_CollectionSearch","_react2","_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","isPanelLayout","useWixPatternsContainer","isMobile","useIsMobile","assertComponentType","collection","featuredComponents","toolbar","responsive","addDataHookToMoreActions","createElement","MoreActions","_extends2","__self","__source","fileName","lineNumber","columnNumber","searchElement","isValidElement","React","cloneElement","CollectionSearch","size","MoreFiltersButton","moreFiltersButton","value","viewsToolbarItem","ToolbarItemBox","CollectionToolbarFilters","tagsCollectionState","components","collectionDataExtension","filtersElement","useMemo","_state$collectionData2","_state$tagsCollection2","container","initTask","status","isSuccess","undefined","featureFilters","buildCustomFieldFilters","buildTagsFilterWrapper","filter","Boolean","inline","left","removeStartPadding","expandable","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 { 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';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\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 { isPanelLayout } = useWixPatternsContainer();\n\n  const isMobile = useIsMobile();\n\n  assertComponentType(\n    primaryActionButton,\n    'PrimaryActionButton',\n    'PrimaryActionButton',\n  );\n  const {\n    collection,\n    featuredComponents,\n    toolbar: { responsive },\n  } = state;\n\n  const addDataHookToMoreActions = () => {\n    return (\n      <MoreActions dataHook=\"toolbar-more-actions\" {...moreActions!.props} />\n    );\n  };\n\n  const searchElement = isValidElement(search) ? (\n    (React.cloneElement(\n      search as CollectionSearchElement,\n      {},\n    ) as CollectionSearchElement)\n  ) : search ? (\n    <CollectionSearch size=\"small\" />\n  ) : (\n    search\n  );\n\n  const MoreFiltersButton = featuredComponents.moreFiltersButton\n    .value as PartialFunctionComponent as FunctionComponent | null;\n\n  const viewsToolbarItem = 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 (!isMobile) {\n    if (tabs) {\n      left = (\n        <ToolbarItemBox removeStartPadding expandable layout=\"button\">\n          {tabs}\n        </ToolbarItemBox>\n      );\n    } else if (title) {\n      left = title;\n    }\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 ? 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_ = "CollectionToolbar1743802385";
+var _namespace_ = "CollectionToolbar363269901";
 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": "CollectionToolbar1743802385__root",
-  "left": "CollectionToolbar1743802385__left",
-  "right": "CollectionToolbar1743802385__right",
-  "fullWidth": "CollectionToolbar1743802385__fullWidth"
+  "root": "CollectionToolbar363269901__root",
+  "left": "CollectionToolbar363269901__left",
+  "right": "CollectionToolbar363269901__right",
+  "fullWidth": "CollectionToolbar363269901__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_ = \"CollectionToolbar1743802385\";\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\":\"CollectionToolbar1743802385__root\",\"left\":\"CollectionToolbar1743802385__left\",\"right\":\"CollectionToolbar1743802385__right\",\"fullWidth\":\"CollectionToolbar1743802385__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_ = \"CollectionToolbar363269901\";\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\":\"CollectionToolbar363269901__root\",\"left\":\"CollectionToolbar363269901__left\",\"right\":\"CollectionToolbar363269901__right\",\"fullWidth\":\"CollectionToolbar363269901__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,4BAA4B;AAC9C,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,kCAAkC;EAAC,MAAM,EAAC,kCAAkC;EAAC,OAAO,EAAC,mCAAmC;EAAC,WAAW,EAAC;AAAuC,CAAC;AACnM,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/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_ = "SearchOrCustomFilter1952909110";
+var _namespace_ = "SearchOrCustomFilter3001369942";
 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": "SearchOrCustomFilter1952909110__root",
-  "search": "SearchOrCustomFilter1952909110__search",
-  "searchMobile": "SearchOrCustomFilter1952909110__searchMobile"
+  "root": "SearchOrCustomFilter3001369942__root",
+  "search": "SearchOrCustomFilter3001369942__search",
+  "searchMobile": "SearchOrCustomFilter3001369942__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_ = \"SearchOrCustomFilter1952909110\";\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\":\"SearchOrCustomFilter1952909110__root\",\"search\":\"SearchOrCustomFilter1952909110__search\",\"searchMobile\":\"SearchOrCustomFilter1952909110__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_ = \"SearchOrCustomFilter3001369942\";\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\":\"SearchOrCustomFilter3001369942__root\",\"search\":\"SearchOrCustomFilter3001369942__search\",\"searchMobile\":\"SearchOrCustomFilter3001369942__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/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_ = "AutoCompleteReadonly779197060";
+var _namespace_ = "AutoCompleteReadonly789628355";
 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": "AutoCompleteReadonly779197060__root"
+  "root": "AutoCompleteReadonly789628355__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_ = \"AutoCompleteReadonly779197060\";\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\":\"AutoCompleteReadonly779197060__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,+BAA+B;AACjD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAqC,CAAC;AAC5D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly789628355\";\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\":\"AutoCompleteReadonly789628355__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,+BAA+B;AACjD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAqC,CAAC;AAC5D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/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_ = "ViewsDropdown3379161903";
+var _namespace_ = "ViewsDropdown1461627814";
 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": "ViewsDropdown3379161903__root"
+  "root": "ViewsDropdown1461627814__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

package/dist/cjs/components/CustomColumnsPanel/CustomColumnsPanel.js

@@ -14,6 +14,7 @@ var _CustomColumnsNoResults = require("./CustomColumnsNoResults");
 var _useRafRender = require("../../hooks/useRafRender");
 var _bi = require("@wix/bex-core/bi");
 var _ScrollableContent = require("../ScrollableContent");
+var _PatternsSidePanel = require("../SidePanel/PatternsSidePanel");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomColumnsPanel/CustomColumnsPanel.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 _CustomColumnsPanel({
@@ -43,10 +44,10 @@ function _CustomColumnsPanel({
 
   // Show search if they're using DEx OR if there are more than 5 columns
   const shouldShowSearch = isUsingDataExtension || totalColumns > 5;
-  return /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel, {
+  return /*#__PURE__*/_react.default.createElement(_PatternsSidePanel.PatternsSidePanel, {
     dataHook: "custom-columns-panel",
     width: "100%",
-    onCloseButtonClick: () => {
+    onClose: () => {
       table.reportBi((0, _bexCore.withoutDefaults)(_bi.cairoFiltersPanelUsed)({
         isOpened: false,
         feature: 'Custom Columns',
@@ -57,7 +58,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 42,
+      lineNumber: 43,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel.Header, {
@@ -66,7 +67,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 56,
+      lineNumber: 57,
       columnNumber: 7
     }
   }, shouldShowSearch && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -74,7 +75,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 65,
+      lineNumber: 66,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_CustomColumnsSearch.CustomColumnsSearch, {
@@ -82,7 +83,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
+      lineNumber: 67,
       columnNumber: 13
     }
   }))), /*#__PURE__*/_react.default.createElement(_ScrollableContent.ScrollableContent, {
@@ -96,7 +97,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 70,
+      lineNumber: 71,
       columnNumber: 7
     }
   }, hasSearchValue && !hasSearchResults ? /*#__PURE__*/_react.default.createElement(_CustomColumnsNoResults.CustomColumnsNoResults, {
@@ -104,7 +105,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 80,
+      lineNumber: 81,
       columnNumber: 11
     }
   }) : /*#__PURE__*/_react.default.createElement(_ColumnsList.ColumnsList, {
@@ -112,14 +113,14 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 82,
+      lineNumber: 83,
       columnNumber: 11
     }
   })), (collectionDataExtension == null || (_collectionDataExtens = collectionDataExtension.DataExtension) == null ? void 0 : _collectionDataExtens.CustomColumnsAddCustomFieldCTAButton) && /*#__PURE__*/_react.default.createElement(collectionDataExtension.DataExtension.CustomColumnsAddCustomFieldCTAButton, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 87,
+      lineNumber: 88,
       columnNumber: 9
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_bexCore","_react2","_mobxReactLite","_ColumnsList","_CustomColumnsSearch","_CustomColumnsNoResults","_useRafRender","_bi","_ScrollableContent","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomColumnsPanel","state","_collectionDataExtens","entered","useRafRender","translate","useWixPatternsContainer","table","dragAndDrop","sidePanel","collectionDataExtension","useEffect","init","hasSearchResults","columnsCollection","result","items","length","hasSearchValue","searchValue","trim","totalColumns","orderedColumns","isUsingDataExtension","shouldShowSearch","createElement","SidePanel","dataHook","width","onCloseButtonClick","reportBi","withoutDefaults","cairoFiltersPanelUsed","isOpened","feature","origin","close","__self","__source","fileName","lineNumber","columnNumber","Header","title","subtitle","Box","padding","CustomColumnsSearch","ScrollableContent","overflowY","ref","listRect","element","CustomColumnsNoResults","ColumnsList","DataExtension","CustomColumnsAddCustomFieldCTAButton","CustomColumnsPanel","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanel.tsx"],"sourcesContent":["import { SidePanel, Box } from '@wix/design-system';\nimport React, { useEffect } from 'react';\nimport { CustomColumnsState } from '../../state';\nimport { FiltersMap, withoutDefaults } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { ColumnsList } from './ColumnsList';\nimport { CustomColumnsSearch } from './CustomColumnsSearch';\nimport { CustomColumnsNoResults } from './CustomColumnsNoResults';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { ScrollableContent } from '../ScrollableContent';\n\nexport interface CustomColumnsPanelProps<T, F extends FiltersMap> {\n  state: CustomColumnsState<T, F>;\n}\n\nexport function _CustomColumnsPanel<T, F extends FiltersMap>({\n  state,\n}: CustomColumnsPanelProps<T, F>) {\n  const entered = useRafRender();\n  const { translate: t } = useWixPatternsContainer();\n\n  const { table, dragAndDrop } = state;\n  const { sidePanel, collectionDataExtension } = table;\n\n  useEffect(() => state.init(), []);\n\n  if (!entered) {\n    return null;\n  }\n\n  const hasSearchResults = state.columnsCollection.result.items.length > 0;\n  const hasSearchValue = state.searchValue.trim().length > 0;\n  const totalColumns = state.orderedColumns.length;\n  const isUsingDataExtension = !!collectionDataExtension;\n\n  // Show search if they're using DEx OR if there are more than 5 columns\n  const shouldShowSearch = isUsingDataExtension || totalColumns > 5;\n\n  return (\n    <SidePanel\n      dataHook=\"custom-columns-panel\"\n      width=\"100%\"\n      onCloseButtonClick={() => {\n        table.reportBi(\n          withoutDefaults(cairoFiltersPanelUsed)({\n            isOpened: false,\n            feature: 'Custom Columns',\n            origin: 'X Button',\n          }),\n        );\n        sidePanel.close();\n      }}\n    >\n      <SidePanel.Header\n        title={t('cairo.table.custom-columns.title')}\n        subtitle={\n          dragAndDrop\n            ? t('cairo.table.custom-columns.dragAndDrop.subtitle')\n            : t('cairo.table.custom-columns.subtitle')\n        }\n      >\n        {shouldShowSearch && (\n          <Box padding=\"0 SP3 SP2 SP3\">\n            <CustomColumnsSearch state={state} />\n          </Box>\n        )}\n      </SidePanel.Header>\n      <ScrollableContent\n        overflowY\n        dataHook=\"custom-columns-panel-scroll-container\"\n        ref={(e) => {\n          if (state.dragAndDrop) {\n            state.dragAndDrop.listRect.element = e;\n          }\n        }}\n      >\n        {hasSearchValue && !hasSearchResults ? (\n          <CustomColumnsNoResults state={state} />\n        ) : (\n          <ColumnsList state={state} />\n        )}\n      </ScrollableContent>\n      {collectionDataExtension?.DataExtension\n        ?.CustomColumnsAddCustomFieldCTAButton && (\n        <collectionDataExtension.DataExtension.CustomColumnsAddCustomFieldCTAButton />\n      )}\n    </SidePanel>\n  );\n}\n\nexport const CustomColumnsPanel = observer(_CustomColumnsPanel);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,oBAAA,GAAAP,OAAA;AACA,IAAAQ,uBAAA,GAAAR,OAAA;AACA,IAAAS,aAAA,GAAAT,OAAA;AACA,IAAAU,GAAA,GAAAV,OAAA;AACA,IAAAW,kBAAA,GAAAX,OAAA;AAAyD,IAAAY,YAAA;AAAA,SAAAV,wBAAAW,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAb,uBAAA,YAAAA,CAAAW,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;AAMlD,SAASkB,mBAAmBA,CAA0B;EAC3DC;AAC6B,CAAC,EAAE;EAAA,IAAAC,qBAAA;EAChC,MAAMC,OAAO,GAAG,IAAAC,0BAAY,EAAC,CAAC;EAC9B,MAAM;IAAEC,SAAS,EAAEvB;EAAE,CAAC,GAAG,IAAAwB,+BAAuB,EAAC,CAAC;EAElD,MAAM;IAAEC,KAAK;IAAEC;EAAY,CAAC,GAAGP,KAAK;EACpC,MAAM;IAAEQ,SAAS;IAAEC;EAAwB,CAAC,GAAGH,KAAK;EAEpD,IAAAI,gBAAS,EAAC,MAAMV,KAAK,CAACW,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjC,IAAI,CAACT,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,MAAMU,gBAAgB,GAAGZ,KAAK,CAACa,iBAAiB,CAACC,MAAM,CAACC,KAAK,CAACC,MAAM,GAAG,CAAC;EACxE,MAAMC,cAAc,GAAGjB,KAAK,CAACkB,WAAW,CAACC,IAAI,CAAC,CAAC,CAACH,MAAM,GAAG,CAAC;EAC1D,MAAMI,YAAY,GAAGpB,KAAK,CAACqB,cAAc,CAACL,MAAM;EAChD,MAAMM,oBAAoB,GAAG,CAAC,CAACb,uBAAuB;;EAEtD;EACA,MAAMc,gBAAgB,GAAGD,oBAAoB,IAAIF,YAAY,GAAG,CAAC;EAEjE,oBACEpD,MAAA,CAAAsB,OAAA,CAAAkC,aAAA,CAAC1D,aAAA,CAAA2D,SAAS;IACRC,QAAQ,EAAC,sBAAsB;IAC/BC,KAAK,EAAC,MAAM;IACZC,kBAAkB,EAAEA,CAAA,KAAM;MACxBtB,KAAK,CAACuB,QAAQ,CACZ,IAAAC,wBAAe,EAACC,yBAAqB,CAAC,CAAC;QACrCC,QAAQ,EAAE,KAAK;QACfC,OAAO,EAAE,gBAAgB;QACzBC,MAAM,EAAE;MACV,CAAC,CACH,CAAC;MACD1B,SAAS,CAAC2B,KAAK,CAAC,CAAC;IACnB,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3D,YAAA;MAAA4D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFxE,MAAA,CAAAsB,OAAA,CAAAkC,aAAA,CAAC1D,aAAA,CAAA2D,SAAS,CAACgB,MAAM;IACfC,KAAK,EAAE7D,CAAC,CAAC,kCAAkC,CAAE;IAC7C8D,QAAQ,EACNpC,WAAW,GACP1B,CAAC,CAAC,iDAAiD,CAAC,GACpDA,CAAC,CAAC,qCAAqC,CAC5C;IAAAuD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3D,YAAA;MAAA4D,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEAjB,gBAAgB,iBACfvD,MAAA,CAAAsB,OAAA,CAAAkC,aAAA,CAAC1D,aAAA,CAAA8E,GAAG;IAACC,OAAO,EAAC,eAAe;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3D,YAAA;MAAA4D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC1BxE,MAAA,CAAAsB,OAAA,CAAAkC,aAAA,CAAClD,oBAAA,CAAAwE,mBAAmB;IAAC9C,KAAK,EAAEA,KAAM;IAAAoC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3D,YAAA;MAAA4D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACjC,CAES,CAAC,eACnBxE,MAAA,CAAAsB,OAAA,CAAAkC,aAAA,CAAC9C,kBAAA,CAAAqE,iBAAiB;IAChBC,SAAS;IACTtB,QAAQ,EAAC,uCAAuC;IAChDuB,GAAG,EAAGrE,CAAC,IAAK;MACV,IAAIoB,KAAK,CAACO,WAAW,EAAE;QACrBP,KAAK,CAACO,WAAW,CAAC2C,QAAQ,CAACC,OAAO,GAAGvE,CAAC;MACxC;IACF,CAAE;IAAAwD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3D,YAAA;MAAA4D,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEDvB,cAAc,IAAI,CAACL,gBAAgB,gBAClC5C,MAAA,CAAAsB,OAAA,CAAAkC,aAAA,CAACjD,uBAAA,CAAA6E,sBAAsB;IAACpD,KAAK,EAAEA,KAAM;IAAAoC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3D,YAAA;MAAA4D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,gBAExCxE,MAAA,CAAAsB,OAAA,CAAAkC,aAAA,CAACnD,YAAA,CAAAgF,WAAW;IAACrD,KAAK,EAAEA,KAAM;IAAAoC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3D,YAAA;MAAA4D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAEb,CAAC,EACnB,CAAA/B,uBAAuB,aAAAR,qBAAA,GAAvBQ,uBAAuB,CAAE6C,aAAa,qBAAtCrD,qBAAA,CACGsD,oCAAoC,kBACtCvF,MAAA,CAAAsB,OAAA,CAAAkC,aAAA,CAACf,uBAAuB,CAAC6C,aAAa,CAACC,oCAAoC;IAAAnB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3D,YAAA;MAAA4D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAEtE,CAAC;AAEhB;AAEO,MAAMgB,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,uBAAQ,EAAC3D,mBAAmB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_bexCore","_react2","_mobxReactLite","_ColumnsList","_CustomColumnsSearch","_CustomColumnsNoResults","_useRafRender","_bi","_ScrollableContent","_PatternsSidePanel","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomColumnsPanel","state","_collectionDataExtens","entered","useRafRender","translate","useWixPatternsContainer","table","dragAndDrop","sidePanel","collectionDataExtension","useEffect","init","hasSearchResults","columnsCollection","result","items","length","hasSearchValue","searchValue","trim","totalColumns","orderedColumns","isUsingDataExtension","shouldShowSearch","createElement","PatternsSidePanel","dataHook","width","onClose","reportBi","withoutDefaults","cairoFiltersPanelUsed","isOpened","feature","origin","close","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","subtitle","Box","padding","CustomColumnsSearch","ScrollableContent","overflowY","ref","listRect","element","CustomColumnsNoResults","ColumnsList","DataExtension","CustomColumnsAddCustomFieldCTAButton","CustomColumnsPanel","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanel.tsx"],"sourcesContent":["import { Box, SidePanel } from '@wix/design-system';\nimport React, { useEffect } from 'react';\nimport { CustomColumnsState } from '../../state';\nimport { FiltersMap, withoutDefaults } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { ColumnsList } from './ColumnsList';\nimport { CustomColumnsSearch } from './CustomColumnsSearch';\nimport { CustomColumnsNoResults } from './CustomColumnsNoResults';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';\n\nexport interface CustomColumnsPanelProps<T, F extends FiltersMap> {\n  state: CustomColumnsState<T, F>;\n}\n\nexport function _CustomColumnsPanel<T, F extends FiltersMap>({\n  state,\n}: CustomColumnsPanelProps<T, F>) {\n  const entered = useRafRender();\n  const { translate: t } = useWixPatternsContainer();\n\n  const { table, dragAndDrop } = state;\n  const { sidePanel, collectionDataExtension } = table;\n\n  useEffect(() => state.init(), []);\n\n  if (!entered) {\n    return null;\n  }\n\n  const hasSearchResults = state.columnsCollection.result.items.length > 0;\n  const hasSearchValue = state.searchValue.trim().length > 0;\n  const totalColumns = state.orderedColumns.length;\n  const isUsingDataExtension = !!collectionDataExtension;\n\n  // Show search if they're using DEx OR if there are more than 5 columns\n  const shouldShowSearch = isUsingDataExtension || totalColumns > 5;\n\n  return (\n    <PatternsSidePanel\n      dataHook=\"custom-columns-panel\"\n      width=\"100%\"\n      onClose={() => {\n        table.reportBi(\n          withoutDefaults(cairoFiltersPanelUsed)({\n            isOpened: false,\n            feature: 'Custom Columns',\n            origin: 'X Button',\n          }),\n        );\n        sidePanel.close();\n      }}\n    >\n      <SidePanel.Header\n        title={t('cairo.table.custom-columns.title')}\n        subtitle={\n          dragAndDrop\n            ? t('cairo.table.custom-columns.dragAndDrop.subtitle')\n            : t('cairo.table.custom-columns.subtitle')\n        }\n      >\n        {shouldShowSearch && (\n          <Box padding=\"0 SP3 SP2 SP3\">\n            <CustomColumnsSearch state={state} />\n          </Box>\n        )}\n      </SidePanel.Header>\n      <ScrollableContent\n        overflowY\n        dataHook=\"custom-columns-panel-scroll-container\"\n        ref={(e) => {\n          if (state.dragAndDrop) {\n            state.dragAndDrop.listRect.element = e;\n          }\n        }}\n      >\n        {hasSearchValue && !hasSearchResults ? (\n          <CustomColumnsNoResults state={state} />\n        ) : (\n          <ColumnsList state={state} />\n        )}\n      </ScrollableContent>\n      {collectionDataExtension?.DataExtension\n        ?.CustomColumnsAddCustomFieldCTAButton && (\n        <collectionDataExtension.DataExtension.CustomColumnsAddCustomFieldCTAButton />\n      )}\n    </PatternsSidePanel>\n  );\n}\n\nexport const CustomColumnsPanel = observer(_CustomColumnsPanel);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldsPanel/CustomFieldsPanel.js

@@ -14,6 +14,7 @@ var _mobxReactLite = require("mobx-react-lite");
 var _CustomFieldsList = require("./CustomFieldsList");
 var _AddCustomFieldCTAButton = require("./AddCustomFieldCTAButton");
 var _bi = require("@wix/bex-core/bi");
+var _PatternsSidePanel = require("../SidePanel/PatternsSidePanel");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomFieldsPanel/CustomFieldsPanel.tsx";
 function _CustomFieldsPanel({
   state
@@ -27,10 +28,10 @@ function _CustomFieldsPanel({
   if (!entered) {
     return null;
   }
-  return /*#__PURE__*/_react2.default.createElement(_designSystem.SidePanel, {
+  return /*#__PURE__*/_react2.default.createElement(_PatternsSidePanel.PatternsSidePanel, {
     dataHook: "custom-fields-panel",
     width: "100%",
-    onCloseButtonClick: () => {
+    onClose: () => {
       state.reportBi((0, _bexCore.withoutDefaults)(_bi.cairoFiltersPanelUsed)({
         isOpened: false,
         feature: 'Manage custom fields',
@@ -41,7 +42,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 28,
+      lineNumber: 29,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react2.default.createElement(_designSystem.SidePanel.Header, {
@@ -50,7 +51,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 42,
+      lineNumber: 43,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react2.default.createElement(_ScrollableContent.ScrollableContent, {
@@ -59,7 +60,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 46,
+      lineNumber: 47,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react2.default.createElement(_CustomFieldsList.CustomFieldsList, {
@@ -67,7 +68,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 50,
+      lineNumber: 51,
       columnNumber: 9
     }
   })), /*#__PURE__*/_react2.default.createElement(_designSystem.Box, {
@@ -76,7 +77,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 53,
+      lineNumber: 54,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react2.default.createElement(_designSystem.Divider, {
@@ -84,7 +85,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 54,
+      lineNumber: 55,
       columnNumber: 9
     }
   }), /*#__PURE__*/_react2.default.createElement(_designSystem.Box, {
@@ -93,7 +94,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 55,
+      lineNumber: 56,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react2.default.createElement(_AddCustomFieldCTAButton.AddCustomFieldCTAButton, {
@@ -106,7 +107,7 @@ function _CustomFieldsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 56,
+      lineNumber: 57,
       columnNumber: 11
     }
   }))));

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

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_react","_useRafRender","_react2","_interopRequireDefault","_designSystem","_ScrollableContent","_mobxReactLite","_CustomFieldsList","_AddCustomFieldCTAButton","_bi","_jsxFileName","_CustomFieldsPanel","state","container","useWixPatternsContainer","translate","t","origin","entered","useRafRender","default","createElement","SidePanel","dataHook","width","onCloseButtonClick","reportBi","withoutDefaults","cairoFiltersPanelUsed","isOpened","feature","closeSidePanel","__self","__source","fileName","lineNumber","columnNumber","Header","title","subtitle","ScrollableContent","overflowY","CustomFieldsList","Box","direction","Divider","padding","AddCustomFieldCTAButton","onClick","openCustomFieldModal","CustomFieldsPanel","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/CustomFieldsPanel.tsx"],"sourcesContent":["import { withoutDefaults } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport React from 'react';\nimport { Box, Divider, SidePanel } from '@wix/design-system';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsList } from './CustomFieldsList';\nimport { AddCustomFieldCTAButton } from './AddCustomFieldCTAButton';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { CustomFieldsPanelState } from '../../state/CustomFields/CustomFieldsPanelState';\n\nexport interface CustomFieldsPanelProps {\n  state: CustomFieldsPanelState;\n}\nexport function _CustomFieldsPanel({ state }: CustomFieldsPanelProps) {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n  const origin = 'Custom fields panel';\n\n  const entered = useRafRender();\n\n  if (!entered) {\n    return null;\n  }\n\n  return (\n    <SidePanel\n      dataHook=\"custom-fields-panel\"\n      width=\"100%\"\n      onCloseButtonClick={() => {\n        state.reportBi(\n          withoutDefaults(cairoFiltersPanelUsed)({\n            isOpened: false,\n            feature: 'Manage custom fields',\n            origin: 'X Button',\n          }),\n        );\n        state.closeSidePanel?.();\n      }}\n    >\n      <SidePanel.Header\n        title={t('cairo.customFields.manageFields.title')}\n        subtitle={t('cairo.customFields.manageFields.subtitle')}\n      />\n      <ScrollableContent\n        overflowY\n        dataHook=\"custom-fields-panel-scroll-container\"\n      >\n        <CustomFieldsList state={state} />\n      </ScrollableContent>\n\n      <Box direction=\"vertical\" width=\"100%\">\n        <Divider direction=\"horizontal\" />\n        <Box padding=\"SP4\" direction=\"vertical\">\n          <AddCustomFieldCTAButton\n            state={state}\n            onClick={() => {\n              state.openCustomFieldModal({ origin });\n            }}\n          />\n        </Box>\n      </Box>\n    </SidePanel>\n  );\n}\n\nexport const CustomFieldsPanel = observer(_CustomFieldsPanel);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_react","_useRafRender","_react2","_interopRequireDefault","_designSystem","_ScrollableContent","_mobxReactLite","_CustomFieldsList","_AddCustomFieldCTAButton","_bi","_PatternsSidePanel","_jsxFileName","_CustomFieldsPanel","state","container","useWixPatternsContainer","translate","t","origin","entered","useRafRender","default","createElement","PatternsSidePanel","dataHook","width","onClose","reportBi","withoutDefaults","cairoFiltersPanelUsed","isOpened","feature","closeSidePanel","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","subtitle","ScrollableContent","overflowY","CustomFieldsList","Box","direction","Divider","padding","AddCustomFieldCTAButton","onClick","openCustomFieldModal","CustomFieldsPanel","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/CustomFieldsPanel.tsx"],"sourcesContent":["import { withoutDefaults } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport React from 'react';\nimport { Box, Divider, SidePanel } from '@wix/design-system';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsList } from './CustomFieldsList';\nimport { AddCustomFieldCTAButton } from './AddCustomFieldCTAButton';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { CustomFieldsPanelState } from '../../state/CustomFields/CustomFieldsPanelState';\nimport { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';\n\nexport interface CustomFieldsPanelProps {\n  state: CustomFieldsPanelState;\n}\nexport function _CustomFieldsPanel({ state }: CustomFieldsPanelProps) {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n  const origin = 'Custom fields panel';\n\n  const entered = useRafRender();\n\n  if (!entered) {\n    return null;\n  }\n\n  return (\n    <PatternsSidePanel\n      dataHook=\"custom-fields-panel\"\n      width=\"100%\"\n      onClose={() => {\n        state.reportBi(\n          withoutDefaults(cairoFiltersPanelUsed)({\n            isOpened: false,\n            feature: 'Manage custom fields',\n            origin: 'X Button',\n          }),\n        );\n        state.closeSidePanel?.();\n      }}\n    >\n      <SidePanel.Header\n        title={t('cairo.customFields.manageFields.title')}\n        subtitle={t('cairo.customFields.manageFields.subtitle')}\n      />\n      <ScrollableContent\n        overflowY\n        dataHook=\"custom-fields-panel-scroll-container\"\n      >\n        <CustomFieldsList state={state} />\n      </ScrollableContent>\n\n      <Box direction=\"vertical\" width=\"100%\">\n        <Divider direction=\"horizontal\" />\n        <Box padding=\"SP4\" direction=\"vertical\">\n          <AddCustomFieldCTAButton\n            state={state}\n            onClick={() => {\n              state.openCustomFieldModal({ origin });\n            }}\n          />\n        </Box>\n      </Box>\n    </PatternsSidePanel>\n  );\n}\n\nexport const CustomFieldsPanel = observer(_CustomFieldsPanel);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DateRangeFilter/DateRangeFilter.js

@@ -11,6 +11,7 @@ var _DateRangePicker = require("../DateRangePicker");
 var _designSystem = require("@wix/design-system");
 var _bexCore = require("@wix/bex-core");
 var _hooks = require("../../hooks");
+var _PatternsThemeProvider = require("../../themes/PatternsThemeProvider");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/DateRangeFilter/DateRangeFilter.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 _DateRangeFilter(props) {
@@ -24,6 +25,11 @@ function _DateRangeFilter(props) {
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
+  const {
+    radioGroup: {
+      spacing
+    }
+  } = (0, _PatternsThemeProvider.usePatternsTheme)();
   const state = (0, _hooks.useDateRangeFilterState)({
     filter,
     filterByTime,
@@ -52,7 +58,7 @@ function _DateRangeFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 87,
+      lineNumber: 91,
       columnNumber: 5
     }
   }));
@@ -61,17 +67,18 @@ function _DateRangeFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 97,
+      lineNumber: 101,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.RadioGroup, {
     value: state.dateRangePicker.selectedPreset,
     onChange: v => v && state.dateRangePicker.onPresetChanged(v.toString()),
+    spacing: spacing,
     dataHook: "date-range-filter-group",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 98,
+      lineNumber: 102,
       columnNumber: 9
     }
   }, Object.values(dateRangePreset).map(preset => preset === dateRangePreset.CUSTOM ? null : /*#__PURE__*/_react.default.createElement(_designSystem.RadioGroup.Radio, {
@@ -81,7 +88,7 @@ function _DateRangeFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 107,
+      lineNumber: 112,
       columnNumber: 15
     }
   }, t(_bexCore.MAP_DATE_PRESET_TO_KEY[preset]))), mode === 'COMBINE' && dateRangePreset.CUSTOM && /*#__PURE__*/_react.default.createElement(_designSystem.RadioGroup.Radio, {
@@ -90,7 +97,7 @@ function _DateRangeFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 117,
+      lineNumber: 122,
       columnNumber: 13
     }
   }, t(_bexCore.MAP_DATE_PRESET_TO_KEY[dateRangePreset.CUSTOM]))), /*#__PURE__*/_react.default.createElement(_designSystem.Collapse, {
@@ -98,7 +105,7 @@ function _DateRangeFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 125,
+      lineNumber: 130,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -107,7 +114,7 @@ function _DateRangeFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 128,
+      lineNumber: 133,
       columnNumber: 11
     }
   }, customElement)));
@@ -117,7 +124,7 @@ function _DateRangeFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 136,
+      lineNumber: 141,
       columnNumber: 5
     }
   }, innerComponent);