@wix/patterns 1.202.0 → 1.204.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_PickerEmptyState","_jsxFileName","_Picker","props","state","renderEmptyState","renderError","dataHook","children","flex","hasFilterDropdown","collection","minContentHeight","showRefreshLoader","result","status","isEmptyAndNotFetching","child","isIdle","default","createElement","Box","height","align","verticalAlign","minHeight","__self","__source","fileName","lineNumber","columnNumber","Loader","direction","overflow","isError","err","error","isOnline","paddingTop","paddingBottom","PickerEmptyState","Picker","exports","observer"],"sources":["../../../../src/components/Picker/Picker.tsx"],"sourcesContent":["import React, { CSSProperties, ReactElement, ReactNode } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { ComputedQuery, FiltersMap, PickerState } from '@wix/bex-core';\nimport { Box, BoxProps, Loader } from '@wix/design-system';\nimport { PickerEmptyState } from '../PickerEmptyState';\n\nexport interface PickerProps<T, F extends FiltersMap> {\n  dataHook?: BoxProps['dataHook'];\n  flex?: CSSProperties['flex'];\n  state: PickerState<T, F>;\n  renderError: (params: { err: unknown; isOnline: boolean }) => ReactElement;\n  renderEmptyState?: (params: {\n    hasAvailableItems: boolean;\n    query: ComputedQuery<F>;\n  }) => ReactElement;\n  hasFilterDropdown?: boolean;\n  children: ReactNode;\n}\n\nfunction _Picker<T, F extends FiltersMap = FiltersMap>(\n  props: PickerProps<T, F>,\n) {\n  const {\n    state,\n    renderEmptyState,\n    renderError,\n    dataHook,\n    children,\n    flex,\n    hasFilterDropdown,\n  } = props;\n  const { collection, minContentHeight } = state;\n  const {\n    showRefreshLoader,\n    result: { status, isEmptyAndNotFetching },\n  } = collection;\n\n  let child: ReactNode;\n  if (status.isIdle || showRefreshLoader) {\n    // the loader container should be according to the last number of items height (`contentHeight`)\n    child = (\n      <Box\n        height=\"100%\"\n        align=\"center\"\n        verticalAlign=\"middle\"\n        minHeight={minContentHeight}\n      >\n        <Loader dataHook=\"search-loader\" />\n      </Box>\n    );\n\n    child = (\n      <Box direction=\"vertical\" overflow=\"auto\">\n        {child}\n      </Box>\n    );\n  } else if (status.isError) {\n    child = renderError({\n      err: status.error,\n      isOnline: collection.isOnline(),\n    });\n    child = (\n      <Box\n        align=\"center\"\n        verticalAlign=\"middle\"\n        paddingTop=\"SP2\"\n        paddingBottom=\"SP9\"\n        height=\"100%\"\n        minHeight={minContentHeight}\n      >\n        {child}\n      </Box>\n    );\n\n    child = (\n      <Box direction=\"vertical\" overflow=\"auto\">\n        {child}\n      </Box>\n    );\n  } else if (isEmptyAndNotFetching) {\n    child = (\n      <PickerEmptyState\n        state={state}\n        hasFilterDropdown={hasFilterDropdown}\n        renderEmptyState={renderEmptyState}\n      />\n    );\n  } else {\n    child = (\n      <Box minHeight={minContentHeight} direction=\"vertical\">\n        {children}\n      </Box>\n    );\n  }\n\n  return (\n    <Box dataHook={dataHook} direction=\"vertical\" overflow=\"hidden\" flex={flex}>\n      {child}\n    </Box>\n  );\n}\n\nexport const Picker = observer(_Picker);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_PickerEmptyStateContainer","_jsxFileName","_Picker","props","state","renderEmptyState","renderError","dataHook","children","flex","hasFilterDropdown","collection","minContentHeight","showRefreshLoader","result","status","isEmptyAndNotFetching","child","isIdle","default","createElement","Box","height","align","verticalAlign","minHeight","__self","__source","fileName","lineNumber","columnNumber","Loader","direction","overflow","isError","err","error","isOnline","paddingTop","paddingBottom","PickerEmptyStateContainer","Picker","exports","observer"],"sources":["../../../../src/components/Picker/Picker.tsx"],"sourcesContent":["import React, { CSSProperties, ReactElement, ReactNode } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { ComputedQuery, FiltersMap, PickerState } from '@wix/bex-core';\nimport { Box, BoxProps, Loader } from '@wix/design-system';\nimport { PickerEmptyStateContainer } from '../PickerEmptyState/PickerEmptyStateContainer';\n\nexport interface PickerProps<T, F extends FiltersMap> {\n  dataHook?: BoxProps['dataHook'];\n  flex?: CSSProperties['flex'];\n  state: PickerState<T, F>;\n  renderError: (params: { err: unknown; isOnline: boolean }) => ReactElement;\n  renderEmptyState?: (params: {\n    hasAvailableItems: boolean;\n    query: ComputedQuery<F>;\n  }) => ReactElement | null | undefined;\n  hasFilterDropdown?: boolean;\n  children: ReactNode;\n}\n\nfunction _Picker<T, F extends FiltersMap = FiltersMap>(\n  props: PickerProps<T, F>,\n) {\n  const {\n    state,\n    renderEmptyState,\n    renderError,\n    dataHook,\n    children,\n    flex,\n    hasFilterDropdown,\n  } = props;\n  const { collection, minContentHeight } = state;\n  const {\n    showRefreshLoader,\n    result: { status, isEmptyAndNotFetching },\n  } = collection;\n\n  let child: ReactNode;\n  if (status.isIdle || showRefreshLoader) {\n    // the loader container should be according to the last number of items height (`contentHeight`)\n    child = (\n      <Box\n        height=\"100%\"\n        align=\"center\"\n        verticalAlign=\"middle\"\n        minHeight={minContentHeight}\n      >\n        <Loader dataHook=\"search-loader\" />\n      </Box>\n    );\n\n    child = (\n      <Box direction=\"vertical\" overflow=\"auto\">\n        {child}\n      </Box>\n    );\n  } else if (status.isError) {\n    child = renderError({\n      err: status.error,\n      isOnline: collection.isOnline(),\n    });\n    child = (\n      <Box\n        align=\"center\"\n        verticalAlign=\"middle\"\n        paddingTop=\"SP2\"\n        paddingBottom=\"SP9\"\n        height=\"100%\"\n        minHeight={minContentHeight}\n      >\n        {child}\n      </Box>\n    );\n\n    child = (\n      <Box direction=\"vertical\" overflow=\"auto\">\n        {child}\n      </Box>\n    );\n  } else if (isEmptyAndNotFetching) {\n    child = (\n      <PickerEmptyStateContainer\n        state={state}\n        hasFilterDropdown={hasFilterDropdown}\n        renderEmptyState={renderEmptyState}\n      />\n    );\n  } else {\n    child = (\n      <Box minHeight={minContentHeight} direction=\"vertical\">\n        {children}\n      </Box>\n    );\n  }\n\n  return (\n    <Box dataHook={dataHook} direction=\"vertical\" overflow=\"hidden\" flex={flex}>\n      {child}\n    </Box>\n  );\n}\n\nexport const Picker = observer(_Picker);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/PickerContent/PickerContent.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_ = "PickerContent4194059294";
+var _namespace_ = "PickerContent2349561760";
 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": "PickerContent4194059294__root"
+  "root": "PickerContent2349561760__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContent.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/PickerContent/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContent4194059294\";\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\":\"PickerContent4194059294__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/PickerContent/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContent2349561760\";\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\":\"PickerContent2349561760__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/PickerContent/PickerContentAdditionalStep.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_ = "PickerContentAdditionalStep3302559713";
+var _namespace_ = "PickerContentAdditionalStep1138835195";
 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": "PickerContentAdditionalStep3302559713__root",
-  "titles": "PickerContentAdditionalStep3302559713__titles",
-  "suffix": "PickerContentAdditionalStep3302559713__suffix"
+  "root": "PickerContentAdditionalStep1138835195__root",
+  "titles": "PickerContentAdditionalStep1138835195__titles",
+  "suffix": "PickerContentAdditionalStep1138835195__suffix"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.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/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep3302559713\";\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\":\"PickerContentAdditionalStep3302559713__root\",\"titles\":\"PickerContentAdditionalStep3302559713__titles\",\"suffix\":\"PickerContentAdditionalStep3302559713__suffix\"};\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,uCAAuC;AACzD,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,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,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/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep1138835195\";\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\":\"PickerContentAdditionalStep1138835195__root\",\"titles\":\"PickerContentAdditionalStep1138835195__titles\",\"suffix\":\"PickerContentAdditionalStep1138835195__suffix\"};\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,uCAAuC;AACzD,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,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,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/PickerContent/PickerContentItemsSelection.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_CollectionSearch","_Picker","_CollectionContext","_MaxSelection","_MaybeTooltip","_SelectAllCheckbox","_MultiCollectionSupportProvider","_PickerContentBaseWrapped","_FilterRenderingContext","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_PickerContentItemsSelection","props","modalState","primaryButtonProps","renderEmptyState","renderError","state","multiple","customContentButtonText","customContentButtonPrefixIcon","customContentButtonOnClick","customContent","showSelectAllCheckbox","enablePrimaryButton","hideSearch","renderPickerContent","customMaxSelectionLabel","renderCustomNotification","filterComponent","showSelectedCount","rest","_customContent","picker","strictFiltersOnly","collection","result","isEmptyAndNotFetching","isEmptyAfterStrictFilters","bulkSelect","translate","showInitialLoader","isEmpty","isSelectEmpty","useEffect","value","init","reachedMax","reachedMaxSelection","filterRenderingContextValue","useState","location","onCustomContentButtonClick","useCallback","onCreateNewButtonClick","renderItem","item","index","renderedItem","key","itemKey","disabled","selectedIds","includes","search","createElement","CollectionSearch","minWidthPixels","__self","__source","fileName","lineNumber","columnNumber","renderSideActions","Infinity","SelectAllCheckbox","shouldShowCustomContentButton","Box","MaybeTooltip","dataHook","content","TextButton","prefixIcon","onClick","Text","total","selectedCount","renderFiltersComponent","gap","width","FilterRenderingContextProvider","Fragment","showMaxSelection","showMaxSelectionLabel","PickerContentBaseWrapped","_extends2","secondaryButtonText","style","sideActions","CollectionProvider","display","paddingLeft","paddingRight","paddingBottom","paddingTop","showHeaderDivider","selected","BulkSelectionMaxSelectionLabel","customLabel","MultiCollectionSupportProvider","multi","Picker","hasFilterDropdown","PickerContentItemsSelection","exports","observer"],"sources":["../../../../src/components/PickerContent/PickerContentItemsSelection.tsx"],"sourcesContent":["import React, { ReactElement, useCallback, useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomModalContent, PickerModalState } from '../../hooks';\nimport { ComputedQuery, FiltersMap } from '@wix/bex-core';\nimport {\n  Box,\n  FloatingNotification,\n  FloatingNotificationProps,\n  IconElement,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport { CollectionSearch } from '../CollectionSearch';\nimport { Picker, PickerProps } from '../Picker';\nimport { CollectionProvider } from '../CollectionContext';\nimport {\n  BulkSelectionMaxSelectionLabel,\n  MaxSelectionLabelProps,\n  MultipleSelection,\n  reachedMaxSelection,\n  showMaxSelectionLabel,\n} from '../MaxSelection';\nimport { PickerContentState } from '../../state';\nimport { MaybeTooltip } from '../MaybeTooltip';\nimport { PickerListItemProps } from '../PickerListItemProps';\nimport { SelectAllCheckbox } from './SelectAllCheckbox';\nimport { MultiCollectionSupportProvider } from '../MultiCollectionSupportProvider';\nimport {\n  PickerContentBaseWrapped,\n  PickerContentBaseWrappedProps,\n} from './PickerContentBaseWrapped';\nimport { FilterRenderingContextProvider } from '../FilterRenderingContext';\n\nexport interface PickerContentItemsSelectionProps<T, F extends FiltersMap>\n  extends Partial<PickerContentBaseWrappedProps> {\n  modalState: PickerModalState<T, F>;\n  customContentButtonText?: string;\n  customContentButtonPrefixIcon?: IconElement;\n\n  /**\n   * A callback to be called when the custom content button is clicked\n   */\n  customContentButtonOnClick?: (param: {\n    onClose: (newItems?: T[]) => void;\n  }) => void;\n\n  customContent?: CustomModalContent<T>;\n  /**\n   * Shows \"Select All\" checkbox as a side action (overrides \"customContent\" prop).\n   * If `multiple={number}` or `multiple={false}` are used, this prop does nothing.\n   */\n  showSelectAllCheckbox?: boolean;\n\n  multiple?: MultipleSelection;\n\n  /**\n   * Shows a SingleSelectFilter component in a picker modal to filter items;\n   */\n  filterComponent?: ReactElement;\n  /**\n   * A function that render a item row in the selector list\n   */\n  renderItem: (item: T, index: number) => Partial<PickerListItemProps>;\n  /**\n   * A render function to be rendered when there're no items to show in the table.<br>\n   * You can use the built in [`<CollectionEmptyState />`](./?path=/story/features-display-empty-states--collectionemptystate).<br>\n   * The function accepts the following parameters\n   *   * `hasAvailableItems`: Indicates whether other items might have been shown using other filtering / search\n   *   * `query`: An instance of [ComputedQuery](./?path=/story/common-types--computedquery) that represents the query that resulted with an empty state\n   */\n  renderEmptyState?: (params: {\n    hasAvailableItems: boolean;\n    query: ComputedQuery<F>;\n  }) => ReactElement<any, any>;\n  renderError: PickerProps<T, F>['renderError'];\n  /**\n   * When set to `true`, the modal primary button will be always enabled.\n   */\n  enablePrimaryButton?: boolean;\n  /** Hides the search input of the picker */\n  hideSearch?: boolean;\n  /**\n   * Function that returns label for multi selection like:\n   * '2 items selected (24 max)`\n   * This function accepts argument {num: number, max: number}\n   */\n  customMaxSelectionLabel?: MaxSelectionLabelProps['customLabel'];\n  /**\n   * Function that returns custom notification that will be displayed in the picker modal.\n   * Useful to describe additional information about the selection (for instance how to increase limit of selected items).\n   * @param data.selected - number of selected items\n   * @param data.total - total number of items\n   */\n  renderCustomNotification?: (data: {\n    selected?: number;\n    total?: number;\n  }) => ReactElement<FloatingNotificationProps, typeof FloatingNotification>;\n  /** Displays count of selected items in <CustomModalLayout /> `sideActions` */\n  showSelectedCount?: boolean;\n}\n\ninterface PickerContentItemsSelectionStateProps<T, F extends FiltersMap> {\n  state: PickerContentState<T, F>;\n  renderPickerContent: (params: {\n    state: PickerContentState<T, F>;\n    renderItem: PickerContentItemsSelectionProps<T, F>['renderItem'];\n  }) => ReactElement;\n}\n\nexport type PickerContentItemsSelectionFullProps<\n  T,\n  F extends FiltersMap = FiltersMap,\n> = PickerContentItemsSelectionProps<T, F> &\n  PickerContentItemsSelectionStateProps<T, F>;\n\nfunction _PickerContentItemsSelection<T, F extends FiltersMap = FiltersMap>(\n  props: PickerContentItemsSelectionFullProps<T, F>,\n) {\n  const {\n    modalState,\n    primaryButtonProps,\n    renderEmptyState,\n    renderError,\n    state,\n    multiple,\n    customContentButtonText,\n    customContentButtonPrefixIcon,\n    customContentButtonOnClick,\n    customContent,\n    showSelectAllCheckbox,\n    enablePrimaryButton,\n    hideSearch,\n    renderPickerContent,\n    customMaxSelectionLabel,\n    renderCustomNotification,\n    filterComponent,\n    showSelectedCount,\n    ...rest\n  } = props;\n  const { _customContent } = modalState;\n\n  const { picker } = state;\n\n  const { strictFiltersOnly, collection } = picker;\n\n  const {\n    result: { isEmptyAndNotFetching: isEmptyAfterStrictFilters },\n  } = strictFiltersOnly;\n\n  const { bulkSelect, translate: t, showInitialLoader } = collection;\n\n  const { isEmpty: isSelectEmpty } = bulkSelect;\n\n  useEffect(() => {\n    _customContent.value = () => customContent;\n    return state.init();\n  }, []);\n\n  const reachedMax = reachedMaxSelection({\n    collection,\n    multiple,\n  });\n\n  const [filterRenderingContextValue] = useState(() => ({\n    location: 'modal' as const,\n  }));\n  const onCustomContentButtonClick = useCallback(() => {\n    state.onCreateNewButtonClick(customContentButtonOnClick);\n  }, [customContentButtonOnClick]);\n\n  const renderItem: (typeof props)['renderItem'] = (item, index) => {\n    const renderedItem = props.renderItem(item, index);\n    const key = collection.itemKey(item);\n    return {\n      ...renderedItem,\n      disabled:\n        (reachedMax && !collection.bulkSelect.selectedIds.includes(key)) ||\n        renderedItem.disabled,\n    };\n  };\n\n  const search = <CollectionSearch minWidthPixels=\"100%\" />;\n\n  const renderSideActions = () => {\n    if (\n      showSelectAllCheckbox &&\n      !showInitialLoader &&\n      (multiple === true || multiple === Infinity)\n    ) {\n      return <SelectAllCheckbox state={state} />;\n    }\n\n    const shouldShowCustomContentButton =\n      customContent || customContentButtonOnClick;\n\n    if (shouldShowCustomContentButton) {\n      return (\n        <Box>\n          <MaybeTooltip\n            dataHook=\"custom-content-button-tooltip\"\n            content={reachedMax && t('cairo.picker.createNew.button.tooltip')}\n          >\n            <div>\n              <TextButton\n                dataHook=\"custom-content-button\"\n                prefixIcon={customContentButtonPrefixIcon}\n                disabled={reachedMax}\n                onClick={onCustomContentButtonClick}\n              >\n                {customContentButtonText ?? t('cairo.picker.createNew.button')}\n              </TextButton>\n            </div>\n          </MaybeTooltip>\n        </Box>\n      );\n    }\n    if (showSelectedCount) {\n      return (\n        <Text dataHook=\"cairo-selected-items-count\">\n          {t('cairo.selector.modal.items.selected', {\n            total: collection.bulkSelect.selectedCount,\n          })}\n        </Text>\n      );\n    }\n    return null;\n  };\n\n  const renderFiltersComponent = () => {\n    return (\n      <Box gap=\"12px\">\n        <Box width=\"200px\">\n          <FilterRenderingContextProvider value={filterRenderingContextValue}>\n            {filterComponent}\n          </FilterRenderingContextProvider>\n        </Box>\n        {!hideSearch && <>{search}</>}\n      </Box>\n    );\n  };\n\n  const showMaxSelection = showMaxSelectionLabel(multiple);\n  return (\n    <PickerContentBaseWrapped\n      secondaryButtonText={t('cairo.cancel.button')}\n      primaryButtonProps={{\n        disabled: isSelectEmpty && !enablePrimaryButton,\n        ...primaryButtonProps,\n        style: {\n          ...primaryButtonProps?.style,\n        },\n      }}\n      sideActions={renderSideActions()}\n      {...rest}\n    >\n      <CollectionProvider value={picker.collection}>\n        {((!isEmptyAfterStrictFilters && !hideSearch) ||\n          filterComponent ||\n          renderCustomNotification ||\n          showMaxSelection) && (\n          <Box\n            display=\"grid\"\n            paddingLeft=\"SP5\"\n            paddingRight=\"SP5\"\n            paddingBottom=\"SP3\"\n            paddingTop={rest.showHeaderDivider ? 'SP3' : '3px'}\n            gap=\"SP3\"\n          >\n            {filterComponent ? renderFiltersComponent() : !hideSearch && search}\n            {renderCustomNotification ? (\n              <span data-hook=\"custom-notification\">\n                {renderCustomNotification({\n                  selected: collection.bulkSelect.selectedCount,\n                  total: collection.result.total,\n                })}\n              </span>\n            ) : null}\n            {showMaxSelection && (\n              <BulkSelectionMaxSelectionLabel\n                dataHook=\"selection-max-label\"\n                multiple={multiple}\n                customLabel={customMaxSelectionLabel}\n                t={t}\n                selectedCount={collection.bulkSelect.selectedCount}\n              />\n            )}\n          </Box>\n        )}\n        <MultiCollectionSupportProvider value={picker.multi}>\n          <Picker\n            dataHook=\"picker\"\n            state={picker}\n            renderEmptyState={renderEmptyState}\n            renderError={renderError}\n            hasFilterDropdown={!!filterComponent}\n          >\n            {renderPickerContent?.({ state, renderItem })}\n          </Picker>\n        </MultiCollectionSupportProvider>\n      </CollectionProvider>\n    </PickerContentBaseWrapped>\n  );\n}\nexport const PickerContentItemsSelection = observer(\n  _PickerContentItemsSelection,\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_CollectionSearch","_Picker","_CollectionContext","_MaxSelection","_MaybeTooltip","_SelectAllCheckbox","_MultiCollectionSupportProvider","_PickerContentBaseWrapped","_FilterRenderingContext","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_PickerContentItemsSelection","props","modalState","primaryButtonProps","renderEmptyState","renderError","state","multiple","customContentButtonText","customContentButtonPrefixIcon","customContentButtonOnClick","customContent","showSelectAllCheckbox","enablePrimaryButton","hideSearch","renderPickerContent","customMaxSelectionLabel","renderCustomNotification","filterComponent","showSelectedCount","rest","_customContent","picker","strictFiltersOnly","collection","result","isEmptyAndNotFetching","isEmptyAfterStrictFilters","bulkSelect","translate","showInitialLoader","isEmpty","isSelectEmpty","useEffect","value","init","reachedMax","reachedMaxSelection","filterRenderingContextValue","useState","location","onCustomContentButtonClick","useCallback","onCreateNewButtonClick","renderItem","item","index","renderedItem","key","itemKey","disabled","selectedIds","includes","search","createElement","CollectionSearch","minWidthPixels","__self","__source","fileName","lineNumber","columnNumber","renderSideActions","Infinity","SelectAllCheckbox","shouldShowCustomContentButton","Box","MaybeTooltip","dataHook","content","TextButton","prefixIcon","onClick","Text","total","selectedCount","renderFiltersComponent","gap","width","FilterRenderingContextProvider","Fragment","showMaxSelection","showMaxSelectionLabel","PickerContentBaseWrapped","_extends2","secondaryButtonText","style","sideActions","CollectionProvider","display","paddingLeft","paddingRight","paddingBottom","paddingTop","showHeaderDivider","selected","BulkSelectionMaxSelectionLabel","customLabel","MultiCollectionSupportProvider","multi","Picker","hasFilterDropdown","PickerContentItemsSelection","exports","observer"],"sources":["../../../../src/components/PickerContent/PickerContentItemsSelection.tsx"],"sourcesContent":["import React, { ReactElement, useCallback, useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomModalContent, PickerModalState } from '../../hooks';\nimport { ComputedQuery, FiltersMap } from '@wix/bex-core';\nimport {\n  Box,\n  FloatingNotification,\n  FloatingNotificationProps,\n  IconElement,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport { CollectionSearch } from '../CollectionSearch';\nimport { Picker, PickerProps } from '../Picker';\nimport { CollectionProvider } from '../CollectionContext';\nimport {\n  BulkSelectionMaxSelectionLabel,\n  MaxSelectionLabelProps,\n  MultipleSelection,\n  reachedMaxSelection,\n  showMaxSelectionLabel,\n} from '../MaxSelection';\nimport { PickerContentState } from '../../state';\nimport { MaybeTooltip } from '../MaybeTooltip';\nimport { PickerListItemProps } from '../PickerListItemProps';\nimport { SelectAllCheckbox } from './SelectAllCheckbox';\nimport { MultiCollectionSupportProvider } from '../MultiCollectionSupportProvider';\nimport {\n  PickerContentBaseWrapped,\n  PickerContentBaseWrappedProps,\n} from './PickerContentBaseWrapped';\nimport { FilterRenderingContextProvider } from '../FilterRenderingContext';\n\nexport interface PickerContentItemsSelectionProps<T, F extends FiltersMap>\n  extends Partial<PickerContentBaseWrappedProps> {\n  modalState: PickerModalState<T, F>;\n  customContentButtonText?: string;\n  customContentButtonPrefixIcon?: IconElement;\n\n  /**\n   * A callback to be called when the custom content button is clicked\n   */\n  customContentButtonOnClick?: (param: {\n    onClose: (newItems?: T[]) => void;\n  }) => void;\n\n  customContent?: CustomModalContent<T>;\n  /**\n   * Shows \"Select All\" checkbox as a side action (overrides \"customContent\" prop).\n   * If `multiple={number}` or `multiple={false}` are used, this prop does nothing.\n   */\n  showSelectAllCheckbox?: boolean;\n\n  multiple?: MultipleSelection;\n\n  /**\n   * Shows a SingleSelectFilter component in a picker modal to filter items;\n   */\n  filterComponent?: ReactElement;\n  /**\n   * A function that render a item row in the selector list\n   */\n  renderItem: (item: T, index: number) => Partial<PickerListItemProps>;\n  /**\n   * A render function to be rendered when there're no items to show in the table.<br>\n   * You can use the built in [`<CollectionEmptyState />`](./?path=/story/features-display-empty-states--collectionemptystate).<br>\n   * The function accepts the following parameters\n   *   * `hasAvailableItems`: Indicates whether other items might have been shown using other filtering / search\n   *   * `query`: An instance of [ComputedQuery](./?path=/story/common-types--computedquery) that represents the query that resulted with an empty state\n   */\n  renderEmptyState?: (params: {\n    hasAvailableItems: boolean;\n    query: ComputedQuery<F>;\n  }) => ReactElement<any, any> | null | undefined;\n  renderError: PickerProps<T, F>['renderError'];\n  /**\n   * When set to `true`, the modal primary button will be always enabled.\n   */\n  enablePrimaryButton?: boolean;\n  /** Hides the search input of the picker */\n  hideSearch?: boolean;\n  /**\n   * Function that returns label for multi selection like:\n   * '2 items selected (24 max)`\n   * This function accepts argument {num: number, max: number}\n   */\n  customMaxSelectionLabel?: MaxSelectionLabelProps['customLabel'];\n  /**\n   * Function that returns custom notification that will be displayed in the picker modal.\n   * Useful to describe additional information about the selection (for instance how to increase limit of selected items).\n   * @param data.selected - number of selected items\n   * @param data.total - total number of items\n   */\n  renderCustomNotification?: (data: {\n    selected?: number;\n    total?: number;\n  }) => ReactElement<FloatingNotificationProps, typeof FloatingNotification>;\n  /** Displays count of selected items in <CustomModalLayout /> `sideActions` */\n  showSelectedCount?: boolean;\n}\n\ninterface PickerContentItemsSelectionStateProps<T, F extends FiltersMap> {\n  state: PickerContentState<T, F>;\n  renderPickerContent: (params: {\n    state: PickerContentState<T, F>;\n    renderItem: PickerContentItemsSelectionProps<T, F>['renderItem'];\n  }) => ReactElement;\n}\n\nexport type PickerContentItemsSelectionFullProps<\n  T,\n  F extends FiltersMap = FiltersMap,\n> = PickerContentItemsSelectionProps<T, F> &\n  PickerContentItemsSelectionStateProps<T, F>;\n\nfunction _PickerContentItemsSelection<T, F extends FiltersMap = FiltersMap>(\n  props: PickerContentItemsSelectionFullProps<T, F>,\n) {\n  const {\n    modalState,\n    primaryButtonProps,\n    renderEmptyState,\n    renderError,\n    state,\n    multiple,\n    customContentButtonText,\n    customContentButtonPrefixIcon,\n    customContentButtonOnClick,\n    customContent,\n    showSelectAllCheckbox,\n    enablePrimaryButton,\n    hideSearch,\n    renderPickerContent,\n    customMaxSelectionLabel,\n    renderCustomNotification,\n    filterComponent,\n    showSelectedCount,\n    ...rest\n  } = props;\n  const { _customContent } = modalState;\n\n  const { picker } = state;\n\n  const { strictFiltersOnly, collection } = picker;\n\n  const {\n    result: { isEmptyAndNotFetching: isEmptyAfterStrictFilters },\n  } = strictFiltersOnly;\n\n  const { bulkSelect, translate: t, showInitialLoader } = collection;\n\n  const { isEmpty: isSelectEmpty } = bulkSelect;\n\n  useEffect(() => {\n    _customContent.value = () => customContent;\n    return state.init();\n  }, []);\n\n  const reachedMax = reachedMaxSelection({\n    collection,\n    multiple,\n  });\n\n  const [filterRenderingContextValue] = useState(() => ({\n    location: 'modal' as const,\n  }));\n  const onCustomContentButtonClick = useCallback(() => {\n    state.onCreateNewButtonClick(customContentButtonOnClick);\n  }, [customContentButtonOnClick]);\n\n  const renderItem: (typeof props)['renderItem'] = (item, index) => {\n    const renderedItem = props.renderItem(item, index);\n    const key = collection.itemKey(item);\n    return {\n      ...renderedItem,\n      disabled:\n        (reachedMax && !collection.bulkSelect.selectedIds.includes(key)) ||\n        renderedItem.disabled,\n    };\n  };\n\n  const search = <CollectionSearch minWidthPixels=\"100%\" />;\n\n  const renderSideActions = () => {\n    if (\n      showSelectAllCheckbox &&\n      !showInitialLoader &&\n      (multiple === true || multiple === Infinity)\n    ) {\n      return <SelectAllCheckbox state={state} />;\n    }\n\n    const shouldShowCustomContentButton =\n      customContent || customContentButtonOnClick;\n\n    if (shouldShowCustomContentButton) {\n      return (\n        <Box>\n          <MaybeTooltip\n            dataHook=\"custom-content-button-tooltip\"\n            content={reachedMax && t('cairo.picker.createNew.button.tooltip')}\n          >\n            <div>\n              <TextButton\n                dataHook=\"custom-content-button\"\n                prefixIcon={customContentButtonPrefixIcon}\n                disabled={reachedMax}\n                onClick={onCustomContentButtonClick}\n              >\n                {customContentButtonText ?? t('cairo.picker.createNew.button')}\n              </TextButton>\n            </div>\n          </MaybeTooltip>\n        </Box>\n      );\n    }\n    if (showSelectedCount) {\n      return (\n        <Text dataHook=\"cairo-selected-items-count\">\n          {t('cairo.selector.modal.items.selected', {\n            total: collection.bulkSelect.selectedCount,\n          })}\n        </Text>\n      );\n    }\n    return null;\n  };\n\n  const renderFiltersComponent = () => {\n    return (\n      <Box gap=\"12px\">\n        <Box width=\"200px\">\n          <FilterRenderingContextProvider value={filterRenderingContextValue}>\n            {filterComponent}\n          </FilterRenderingContextProvider>\n        </Box>\n        {!hideSearch && <>{search}</>}\n      </Box>\n    );\n  };\n\n  const showMaxSelection = showMaxSelectionLabel(multiple);\n  return (\n    <PickerContentBaseWrapped\n      secondaryButtonText={t('cairo.cancel.button')}\n      primaryButtonProps={{\n        disabled: isSelectEmpty && !enablePrimaryButton,\n        ...primaryButtonProps,\n        style: {\n          ...primaryButtonProps?.style,\n        },\n      }}\n      sideActions={renderSideActions()}\n      {...rest}\n    >\n      <CollectionProvider value={picker.collection}>\n        {((!isEmptyAfterStrictFilters && !hideSearch) ||\n          filterComponent ||\n          renderCustomNotification ||\n          showMaxSelection) && (\n          <Box\n            display=\"grid\"\n            paddingLeft=\"SP5\"\n            paddingRight=\"SP5\"\n            paddingBottom=\"SP3\"\n            paddingTop={rest.showHeaderDivider ? 'SP3' : '3px'}\n            gap=\"SP3\"\n          >\n            {filterComponent ? renderFiltersComponent() : !hideSearch && search}\n            {renderCustomNotification ? (\n              <span data-hook=\"custom-notification\">\n                {renderCustomNotification({\n                  selected: collection.bulkSelect.selectedCount,\n                  total: collection.result.total,\n                })}\n              </span>\n            ) : null}\n            {showMaxSelection && (\n              <BulkSelectionMaxSelectionLabel\n                dataHook=\"selection-max-label\"\n                multiple={multiple}\n                customLabel={customMaxSelectionLabel}\n                t={t}\n                selectedCount={collection.bulkSelect.selectedCount}\n              />\n            )}\n          </Box>\n        )}\n        <MultiCollectionSupportProvider value={picker.multi}>\n          <Picker\n            dataHook=\"picker\"\n            state={picker}\n            renderEmptyState={renderEmptyState}\n            renderError={renderError}\n            hasFilterDropdown={!!filterComponent}\n          >\n            {renderPickerContent?.({ state, renderItem })}\n          </Picker>\n        </MultiCollectionSupportProvider>\n      </CollectionProvider>\n    </PickerContentBaseWrapped>\n  );\n}\nexport const PickerContentItemsSelection = observer(\n  _PickerContentItemsSelection,\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/PickerEmptyState/PickerEmptyState.js

@@ -8,19 +8,19 @@ var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
 var _CollectionEmptyStateBase = require("../CollectionEmptyStateBase");
+var _mobxReactLite = require("mobx-react-lite");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/PickerEmptyState/PickerEmptyState.tsx";
-const PickerEmptyState = ({
-  state,
-  hasFilterDropdown,
-  renderEmptyState
-}) => {
+function _PickerEmptyState(props) {
   const {
-    collection,
-    minContentHeight
+    state,
+    hasFilterDropdown,
+    ...rest
+  } = props;
+  const {
+    collection
   } = state;
   const {
     result: {
-      originQuery,
       hasAvailableItems
     },
     translate: t
@@ -37,36 +37,36 @@ const PickerEmptyState = ({
       direction: "vertical",
       gap: "18px",
       align: "center",
-      __self: void 0,
+      __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 49,
+        lineNumber: 43,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
       dataHook: "picker-no-results-state-subtitle",
       size: "small",
-      __self: void 0,
+      __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 50,
+        lineNumber: 44,
         columnNumber: 9
       }
     }, t('cairo.search.nothingMatches.text')), /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
       dataHook: "picker-no-results-state-reset-button",
       prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Revert, {
-        __self: void 0,
+        __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 55,
+          lineNumber: 49,
           columnNumber: 23
         }
       }),
       onClick: () => collection.clearSearch(),
-      __self: void 0,
+      __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 53,
+        lineNumber: 47,
         columnNumber: 9
       }
     }, t('cairo.emptyState.reset.button')))
@@ -87,36 +87,36 @@ const PickerEmptyState = ({
       direction: "vertical",
       gap: "18px",
       align: "center",
-      __self: void 0,
+      __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 78,
+        lineNumber: 72,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
       size: "small",
       dataHook: "picker-no-results-state-subtitle",
-      __self: void 0,
+      __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 79,
+        lineNumber: 73,
         columnNumber: 9
       }
     }, t('cairo.selectorModal.searchEmptyState.subtitle')), /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
       dataHook: "picker-no-results-state-reset-button",
       prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Revert, {
-        __self: void 0,
+        __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 84,
+          lineNumber: 78,
           columnNumber: 23
         }
       }),
       onClick: () => collection.clearSearch(),
-      __self: void 0,
+      __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 82,
+        lineNumber: 76,
         columnNumber: 9
       }
     }, t('cairo.emptyState.reset.button')))
@@ -136,39 +136,14 @@ const PickerEmptyState = ({
     }
     return searchOnlyNoResultsStateProps;
   };
-  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    direction: "vertical",
-    overflow: "auto",
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 111,
-      columnNumber: 5
-    }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    align: "center",
-    verticalAlign: "middle",
-    paddingTop: "SP2",
-    paddingBottom: "SP9",
-    height: "100%",
-    minHeight: minContentHeight,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 112,
-      columnNumber: 7
-    }
-  }, (renderEmptyState == null ? void 0 : renderEmptyState({
-    hasAvailableItems,
-    query: originQuery
-  })) ?? /*#__PURE__*/_react.default.createElement(_CollectionEmptyStateBase.CollectionEmptyStateBase, (0, _extends2.default)({}, getEmptyStateConfig(), {
-    __self: void 0,
+  return /*#__PURE__*/_react.default.createElement(_CollectionEmptyStateBase.CollectionEmptyStateBase, (0, _extends2.default)({}, getEmptyStateConfig(), rest, {
+    __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 123,
-      columnNumber: 15
+      lineNumber: 104,
+      columnNumber: 10
     }
-  }))));
-};
-exports.PickerEmptyState = PickerEmptyState;
+  }));
+}
+const PickerEmptyState = exports.PickerEmptyState = (0, _mobxReactLite.observer)(_PickerEmptyState);
 //# sourceMappingURL=PickerEmptyState.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_wixUiIconsCommon","require","_react","_interopRequireDefault","_designSystem","_CollectionEmptyStateBase","_jsxFileName","PickerEmptyState","state","hasFilterDropdown","renderEmptyState","collection","minContentHeight","result","originQuery","hasAvailableItems","translate","t","showFilterOnlyEmptyState","Boolean","query","search","isEmpty","showFilterWithSearchEmptyState","searchOnlyNoResultsStateProps","dataHook","title","term","rawSearch","subtitle","default","createElement","Box","direction","gap","align","__self","__source","fileName","lineNumber","columnNumber","Text","size","TextButton","prefixIcon","Revert","onClick","clearSearch","filterOnlyEmptyStateProps","filterWithSearchEmptyStateProps","getEmptyStateConfig","overflow","verticalAlign","paddingTop","paddingBottom","height","minHeight","CollectionEmptyStateBase","_extends2","exports"],"sources":["../../../../src/components/PickerEmptyState/PickerEmptyState.tsx"],"sourcesContent":["import {\n  ComputedQuery,\n  FiltersMap,\n  OptionalFiltersMap,\n  PickerState,\n} from '@wix/bex-core';\nimport { Revert } from '@wix/wix-ui-icons-common';\nimport React, { ReactElement } from 'react';\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport {\n  CollectionEmptyStateBase,\n  CollectionEmptyStateBaseProps,\n} from '../CollectionEmptyStateBase';\n\ninterface PickerEmptyStateProps<T, F extends FiltersMap = OptionalFiltersMap> {\n  hasFilterDropdown?: boolean;\n  state: PickerState<T, F>;\n  renderEmptyState?: (params: {\n    hasAvailableItems: boolean;\n    query: ComputedQuery<F>;\n  }) => ReactElement;\n}\nexport const PickerEmptyState = <T, F extends FiltersMap>({\n  state,\n  hasFilterDropdown,\n  renderEmptyState,\n}: PickerEmptyStateProps<T, F>) => {\n  const { collection, minContentHeight } = state;\n  const {\n    result: { originQuery, hasAvailableItems },\n    translate: t,\n  } = collection;\n\n  const showFilterOnlyEmptyState = Boolean(\n    hasFilterDropdown && collection.query.search.isEmpty,\n  );\n\n  const showFilterWithSearchEmptyState = Boolean(\n    hasFilterDropdown && !collection.query.search.isEmpty,\n  );\n\n  const searchOnlyNoResultsStateProps = {\n    state: collection,\n    dataHook: 'picker-no-results-state',\n    title: t('cairo.search.nothingMatches.title', {\n      term: collection.result.originQuery.rawSearch,\n    }),\n    subtitle: (\n      <Box direction=\"vertical\" gap=\"18px\" align=\"center\">\n        <Text dataHook=\"picker-no-results-state-subtitle\" size=\"small\">\n          {t('cairo.search.nothingMatches.text')}\n        </Text>\n        <TextButton\n          dataHook=\"picker-no-results-state-reset-button\"\n          prefixIcon={<Revert />}\n          onClick={() => collection.clearSearch()}\n        >\n          {t('cairo.emptyState.reset.button')}\n        </TextButton>\n      </Box>\n    ),\n  };\n\n  const filterOnlyEmptyStateProps: CollectionEmptyStateBaseProps<T, F> = {\n    state: collection,\n    dataHook: 'picker-empty-state-only-filter',\n    title: t('cairo.search.noresults.title'),\n    subtitle: t('cairo.selectorModal.searchEmptyState.changeFilter.subtitle'),\n  };\n\n  const filterWithSearchEmptyStateProps: CollectionEmptyStateBaseProps<T, F> = {\n    state: collection,\n    dataHook: 'picker-empty-state-filter-with-search',\n    title: t('cairo.search.nothingMatches.title', {\n      term: collection.result.originQuery.rawSearch,\n    }),\n    subtitle: (\n      <Box direction=\"vertical\" gap=\"18px\" align=\"center\">\n        <Text size=\"small\" dataHook=\"picker-no-results-state-subtitle\">\n          {t('cairo.selectorModal.searchEmptyState.subtitle')}\n        </Text>\n        <TextButton\n          dataHook=\"picker-no-results-state-reset-button\"\n          prefixIcon={<Revert />}\n          onClick={() => collection.clearSearch()}\n        >\n          {t('cairo.emptyState.reset.button')}\n        </TextButton>\n      </Box>\n    ),\n  };\n\n  const getEmptyStateConfig = (): CollectionEmptyStateBaseProps<T, F> => {\n    if (!hasAvailableItems) {\n      return {\n        state: collection,\n        dataHook: 'picker-empty-state',\n      };\n    }\n    if (showFilterOnlyEmptyState) {\n      return filterOnlyEmptyStateProps;\n    }\n    if (showFilterWithSearchEmptyState) {\n      return filterWithSearchEmptyStateProps;\n    }\n\n    return searchOnlyNoResultsStateProps;\n  };\n\n  return (\n    <Box direction=\"vertical\" overflow=\"auto\">\n      <Box\n        align=\"center\"\n        verticalAlign=\"middle\"\n        paddingTop=\"SP2\"\n        paddingBottom=\"SP9\"\n        height=\"100%\"\n        minHeight={minContentHeight}\n      >\n        {renderEmptyState?.({\n          hasAvailableItems,\n          query: originQuery,\n        }) ?? <CollectionEmptyStateBase {...getEmptyStateConfig()} />}\n      </Box>\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_wixUiIconsCommon","require","_react","_interopRequireDefault","_designSystem","_CollectionEmptyStateBase","_mobxReactLite","_jsxFileName","_PickerEmptyState","props","state","hasFilterDropdown","rest","collection","result","hasAvailableItems","translate","t","showFilterOnlyEmptyState","Boolean","query","search","isEmpty","showFilterWithSearchEmptyState","searchOnlyNoResultsStateProps","dataHook","title","term","originQuery","rawSearch","subtitle","default","createElement","Box","direction","gap","align","__self","__source","fileName","lineNumber","columnNumber","Text","size","TextButton","prefixIcon","Revert","onClick","clearSearch","filterOnlyEmptyStateProps","filterWithSearchEmptyStateProps","getEmptyStateConfig","CollectionEmptyStateBase","_extends2","PickerEmptyState","exports","observer"],"sources":["../../../../src/components/PickerEmptyState/PickerEmptyState.tsx"],"sourcesContent":["import { FiltersMap, OptionalFiltersMap, PickerState } from '@wix/bex-core';\nimport { Revert } from '@wix/wix-ui-icons-common';\nimport React from 'react';\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport {\n  CollectionEmptyStateBase,\n  CollectionEmptyStateBaseProps,\n} from '../CollectionEmptyStateBase';\nimport { observer } from 'mobx-react-lite';\n\ninterface PickerEmptyStateProps<T, F extends FiltersMap = OptionalFiltersMap>\n  extends Omit<CollectionEmptyStateBaseProps<T, F>, 'state'> {\n  hasFilterDropdown?: boolean;\n  state: PickerState<T, F>;\n}\n\nfunction _PickerEmptyState<T, F extends FiltersMap>(\n  props: PickerEmptyStateProps<T, F>,\n) {\n  const { state, hasFilterDropdown, ...rest } = props;\n  const { collection } = state;\n\n  const {\n    result: { hasAvailableItems },\n    translate: t,\n  } = collection;\n\n  const showFilterOnlyEmptyState = Boolean(\n    hasFilterDropdown && collection.query.search.isEmpty,\n  );\n\n  const showFilterWithSearchEmptyState = Boolean(\n    hasFilterDropdown && !collection.query.search.isEmpty,\n  );\n\n  const searchOnlyNoResultsStateProps = {\n    state: collection,\n    dataHook: 'picker-no-results-state',\n    title: t('cairo.search.nothingMatches.title', {\n      term: collection.result.originQuery.rawSearch,\n    }),\n    subtitle: (\n      <Box direction=\"vertical\" gap=\"18px\" align=\"center\">\n        <Text dataHook=\"picker-no-results-state-subtitle\" size=\"small\">\n          {t('cairo.search.nothingMatches.text')}\n        </Text>\n        <TextButton\n          dataHook=\"picker-no-results-state-reset-button\"\n          prefixIcon={<Revert />}\n          onClick={() => collection.clearSearch()}\n        >\n          {t('cairo.emptyState.reset.button')}\n        </TextButton>\n      </Box>\n    ),\n  };\n\n  const filterOnlyEmptyStateProps: CollectionEmptyStateBaseProps<T, F> = {\n    state: collection,\n    dataHook: 'picker-empty-state-only-filter',\n    title: t('cairo.search.noresults.title'),\n    subtitle: t('cairo.selectorModal.searchEmptyState.changeFilter.subtitle'),\n  };\n\n  const filterWithSearchEmptyStateProps: CollectionEmptyStateBaseProps<T, F> = {\n    state: collection,\n    dataHook: 'picker-empty-state-filter-with-search',\n    title: t('cairo.search.nothingMatches.title', {\n      term: collection.result.originQuery.rawSearch,\n    }),\n    subtitle: (\n      <Box direction=\"vertical\" gap=\"18px\" align=\"center\">\n        <Text size=\"small\" dataHook=\"picker-no-results-state-subtitle\">\n          {t('cairo.selectorModal.searchEmptyState.subtitle')}\n        </Text>\n        <TextButton\n          dataHook=\"picker-no-results-state-reset-button\"\n          prefixIcon={<Revert />}\n          onClick={() => collection.clearSearch()}\n        >\n          {t('cairo.emptyState.reset.button')}\n        </TextButton>\n      </Box>\n    ),\n  };\n\n  const getEmptyStateConfig = (): CollectionEmptyStateBaseProps<T, F> => {\n    if (!hasAvailableItems) {\n      return {\n        state: collection,\n        dataHook: 'picker-empty-state',\n      };\n    }\n    if (showFilterOnlyEmptyState) {\n      return filterOnlyEmptyStateProps;\n    }\n    if (showFilterWithSearchEmptyState) {\n      return filterWithSearchEmptyStateProps;\n    }\n\n    return searchOnlyNoResultsStateProps;\n  };\n\n  return <CollectionEmptyStateBase {...getEmptyStateConfig()} {...rest} />;\n}\n\nexport const PickerEmptyState = observer(_PickerEmptyState);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/PickerEmptyState/PickerEmptyStateContainer.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.PickerEmptyStateContainer = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _PickerEmptyState = require("./PickerEmptyState");
+var _mobxReactLite = require("mobx-react-lite");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/PickerEmptyState/PickerEmptyStateContainer.tsx";
+function _PickerEmptyStateContainer({
+  state,
+  renderEmptyState,
+  hasFilterDropdown
+}) {
+  const {
+    minContentHeight,
+    collection
+  } = state;
+  const {
+    result: {
+      originQuery,
+      hasAvailableItems
+    }
+  } = collection;
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    overflow: "auto",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 36,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    align: "center",
+    verticalAlign: "middle",
+    paddingTop: "SP2",
+    paddingBottom: "SP9",
+    height: "100%",
+    minHeight: minContentHeight,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 37,
+      columnNumber: 7
+    }
+  }, (renderEmptyState == null ? void 0 : renderEmptyState({
+    hasAvailableItems,
+    query: originQuery
+  })) ?? /*#__PURE__*/_react.default.createElement(_PickerEmptyState.PickerEmptyState, {
+    state: state,
+    hasFilterDropdown: hasFilterDropdown,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 49,
+      columnNumber: 11
+    }
+  })));
+}
+const PickerEmptyStateContainer = exports.PickerEmptyStateContainer = (0, _mobxReactLite.observer)(_PickerEmptyStateContainer);
+//# sourceMappingURL=PickerEmptyStateContainer.js.map

package/dist/cjs/components/PickerEmptyState/PickerEmptyStateContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_PickerEmptyState","_mobxReactLite","_jsxFileName","_PickerEmptyStateContainer","state","renderEmptyState","hasFilterDropdown","minContentHeight","collection","result","originQuery","hasAvailableItems","default","createElement","Box","direction","overflow","__self","__source","fileName","lineNumber","columnNumber","align","verticalAlign","paddingTop","paddingBottom","height","minHeight","query","PickerEmptyState","PickerEmptyStateContainer","exports","observer"],"sources":["../../../../src/components/PickerEmptyState/PickerEmptyStateContainer.tsx"],"sourcesContent":["import {\n  ComputedQuery,\n  FiltersMap,\n  OptionalFiltersMap,\n  PickerState,\n} from '@wix/bex-core';\nimport React, { ReactElement } from 'react';\nimport { Box } from '@wix/design-system';\nimport { PickerEmptyState } from './PickerEmptyState';\nimport { observer } from 'mobx-react-lite';\n\ninterface PickerEmptyStateContainerProps<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n> {\n  hasFilterDropdown?: boolean;\n  state: PickerState<T, F>;\n  renderEmptyState?: (params: {\n    hasAvailableItems: boolean;\n    query: ComputedQuery<F>;\n  }) => ReactElement | null | undefined;\n}\n\nfunction _PickerEmptyStateContainer<T, F extends FiltersMap>({\n  state,\n  renderEmptyState,\n  hasFilterDropdown,\n}: PickerEmptyStateContainerProps<T, F>) {\n  const { minContentHeight, collection } = state;\n\n  const {\n    result: { originQuery, hasAvailableItems },\n  } = collection;\n\n  return (\n    <Box direction=\"vertical\" overflow=\"auto\">\n      <Box\n        align=\"center\"\n        verticalAlign=\"middle\"\n        paddingTop=\"SP2\"\n        paddingBottom=\"SP9\"\n        height=\"100%\"\n        minHeight={minContentHeight}\n      >\n        {renderEmptyState?.({\n          hasAvailableItems,\n          query: originQuery,\n        }) ?? (\n          <PickerEmptyState\n            state={state}\n            hasFilterDropdown={hasFilterDropdown}\n          />\n        )}\n      </Box>\n    </Box>\n  );\n}\n\nexport const PickerEmptyStateContainer = observer(_PickerEmptyStateContainer);\n"],"mappings":";;;;;AAMA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAA2C,IAAAI,YAAA;AAc3C,SAASC,0BAA0BA,CAA0B;EAC3DC,KAAK;EACLC,gBAAgB;EAChBC;AACoC,CAAC,EAAE;EACvC,MAAM;IAAEC,gBAAgB;IAAEC;EAAW,CAAC,GAAGJ,KAAK;EAE9C,MAAM;IACJK,MAAM,EAAE;MAAEC,WAAW;MAAEC;IAAkB;EAC3C,CAAC,GAAGH,UAAU;EAEd,oBACEZ,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,QAAQ,EAAC,MAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvCzB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;IACFQ,KAAK,EAAC,QAAQ;IACdC,aAAa,EAAC,QAAQ;IACtBC,UAAU,EAAC,KAAK;IAChBC,aAAa,EAAC,KAAK;IACnBC,MAAM,EAAC,MAAM;IACbC,SAAS,EAAEpB,gBAAiB;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE3B,CAAAhB,gBAAgB,oBAAhBA,gBAAgB,CAAG;IAClBM,iBAAiB;IACjBiB,KAAK,EAAElB;EACT,CAAC,CAAC,kBACAd,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,iBAAA,CAAA6B,gBAAgB;IACfzB,KAAK,EAAEA,KAAM;IACbE,iBAAiB,EAAEA,iBAAkB;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACtC,CAEA,CACF,CAAC;AAEV;AAEO,MAAMS,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,IAAAE,uBAAQ,EAAC7B,0BAA0B,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

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

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SkeletonCard2448494793";
+var _namespace_ = "SkeletonCard3381493816";
 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": "SkeletonCard2448494793__root",
-  "headerLoading": "SkeletonCard2448494793__headerLoading"
+  "root": "SkeletonCard3381493816__root",
+  "headerLoading": "SkeletonCard3381493816__headerLoading"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

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

package/dist/cjs/components/SlidingModal/SlidingModal.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_ = "SlidingModal2566849308";
+var _namespace_ = "SlidingModal3339831655";
 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": "SlidingModal2566849308__root"
+  "root": "SlidingModal3339831655__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};