@wix/patterns 1.359.0 → 1.360.0

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.js

@@ -2,7 +2,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.ViewsDropdown = void 0;
+exports.ViewsDropdown = exports.VIEWS_REDESIGN_EXPERIMENT = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
@@ -12,10 +12,12 @@ var _ViewsDropdownStCss = require("./ViewsDropdown.st.css.js");
 var _ManageViewPopover = require("./ManageViewPopover");
 var _viewsDropdownRenderHelpers = require("./viewsDropdownRenderHelpers");
 var _AutoCompleteReadonly = require("./AutoCompleteReadonly");
+var _SaveToNewViewFooter = require("./SaveToNewViewFooter");
 var _ViewsDropdownPrefix = require("./ViewsDropdownPrefix");
 var _ = require("../..");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.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); }
+const VIEWS_REDESIGN_EXPERIMENT = exports.VIEWS_REDESIGN_EXPERIMENT = 'specs.cairo.ViewsRedesign';
 function _ViewsDropdown({
   onSelect,
   dataHook,
@@ -24,7 +26,9 @@ function _ViewsDropdown({
   dropdownWidth = '200px',
   ...dropdownProps
 }) {
+  var _container$internalEx;
   const container = (0, _.useWixPatternsContainer)();
+  const isRedesign = (_container$internalEx = container.internalExperiments) == null ? void 0 : _container$internalEx.enabled(VIEWS_REDESIGN_EXPERIMENT);
   const {
     views: viewsState
   } = state;
@@ -40,27 +44,49 @@ function _ViewsDropdown({
     translate: t
   } = collection;
   const showLoader = collection.result.status.isIdle || collection.result.status.isLoading;
+  const manageViewRef = (0, _react.useRef)(null);
   const viewsOptions = (0, _react.useMemo)(() => {
     const {
       viewsWithoutCategory,
       categories
     } = filteredCategoriesWithViews;
-    return [...viewsWithoutCategory.map(view => (0, _viewsDropdownRenderHelpers.buildViewOption)({
-      view,
-      viewsState
-    })), ...categories.flatMap(category => [
-    // Skip category header if category has no displayable name
-    ...((0, _viewsDropdownRenderHelpers.getCategoryName)({
+    const buildOption = view => {
+      const isSelected = (currentView == null ? void 0 : currentView.id) === view.id;
+      const option = (0, _viewsDropdownRenderHelpers.buildViewOption)({
+        view,
+        viewsState,
+        suffix: isRedesign && isSelected ? /*#__PURE__*/_react.default.createElement(_ManageViewPopover.ManageViewPopover, {
+          ref: manageViewRef,
+          origin: "MainToolbar",
+          state: state,
+          redesign: true,
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 68,
+            columnNumber: 13
+          }
+        }) : undefined
+      });
+      if (isRedesign && isSelected) {
+        return {
+          ...option,
+          onDrillIn: () => {
+            var _manageViewRef$curren;
+            return (_manageViewRef$curren = manageViewRef.current) == null ? void 0 : _manageViewRef$curren.focusTrigger();
+          }
+        };
+      }
+      return option;
+    };
+    return [...viewsWithoutCategory.map(buildOption), ...categories.flatMap(category => [...((0, _viewsDropdownRenderHelpers.getCategoryName)({
       category,
       viewsState
     }) ? [(0, _viewsDropdownRenderHelpers.buildCategoryOption)({
       category,
       viewsState
-    })] : []), ...category.views.map(view => (0, _viewsDropdownRenderHelpers.buildViewOption)({
-      view,
-      viewsState
-    }))])];
-  }, [filteredCategoriesWithViews, container.initTask.status]);
+    })] : []), ...category.views.map(buildOption)])];
+  }, [filteredCategoriesWithViews, container.initTask.status, currentView == null ? void 0 : currentView.id, isRedesign]);
   const {
     options,
     fixedFooter
@@ -75,7 +101,7 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 69,
+        lineNumber: 107,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
@@ -83,13 +109,21 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 76,
+        lineNumber: 114,
         columnNumber: 13
       }
     }))
   } : {
     options: viewsOptions,
-    fixedFooter: undefined
+    fixedFooter: isRedesign ? /*#__PURE__*/_react.default.createElement(_SaveToNewViewFooter.SaveToNewViewFooter, {
+      state: state,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 121,
+        columnNumber: 11
+      }
+    }) : undefined
   };
   const {
     table: {
@@ -102,7 +136,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 95,
+      lineNumber: 135,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -111,7 +145,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 96,
+      lineNumber: 136,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_AutoCompleteReadonly.AutoCompleteReadonly, (0, _extends2.default)({
@@ -120,7 +154,7 @@ function _ViewsDropdown({
     value: localSearchState.inputValue,
     onChange: e => localSearchState.setInputValueAndScheduleSearch(e.target.value),
     clearInput: () => localSearchState.clearSearch(),
-    dropdownWidth: dropdownWidth,
+    dropdownWidth: isRedesign ? '264px' : dropdownWidth,
     popoverProps: {
       placement: 'bottom-start'
     }
@@ -147,7 +181,7 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 124,
+        lineNumber: 164,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_ViewsDropdownPrefix.ViewsDropdownPrefix, {
@@ -155,7 +189,7 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 129,
+        lineNumber: 169,
         columnNumber: 15
       }
     })),
@@ -169,7 +203,7 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 134,
+        lineNumber: 174,
         columnNumber: 15
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -177,14 +211,14 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 141,
+        lineNumber: 181,
         columnNumber: 17
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Input.Affix, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 142,
+        lineNumber: 182,
         columnNumber: 19
       }
     }, "(", state.table.collection.result.total, ")"))) : undefined,
@@ -210,17 +244,17 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 97,
+      lineNumber: 137,
       columnNumber: 9
     }
-  }))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  }))), !isRedesign && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     verticalAlign: "middle",
     paddingLeft: "SP2",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 167,
-      columnNumber: 7
+      lineNumber: 208,
+      columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_ManageViewPopover.ManageViewPopover, {
     origin: "MainToolbar",
@@ -228,15 +262,15 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 168,
-      columnNumber: 9
+      lineNumber: 209,
+      columnNumber: 11
     }
   })), /*#__PURE__*/_react.default.createElement(_ViewsDropdownModals.ViewsDropdownModals, {
     state: state,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 171,
+      lineNumber: 213,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_ViewsDropdownModals","_ViewsDropdownStCss","_ManageViewPopover","_viewsDropdownRenderHelpers","_AutoCompleteReadonly","_ViewsDropdownPrefix","_","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ViewsDropdown","onSelect","dataHook","state","showTotal","dropdownWidth","dropdownProps","container","useWixPatternsContainer","views","viewsState","currentView","collection","localSearchState","filteredCategoriesWithViews","translate","showLoader","result","status","isIdle","isLoading","viewsOptions","useMemo","viewsWithoutCategory","categories","map","view","buildViewOption","flatMap","category","getCategoryName","buildCategoryOption","initTask","options","fixedFooter","createElement","Box","width","align","verticalAlign","padding","__self","__source","fileName","lineNumber","columnNumber","Loader","size","undefined","table","mainCollection","shouldShowTotal","totalStatus","showRefreshLoader","direction","AutoCompleteReadonly","_extends2","emptyStateMessage","autoCompleteReadonlyState","value","inputValue","onChange","setInputValueAndScheduleSearch","target","clearInput","clearSearch","popoverProps","placement","onInputClicked","viewsStateBIReporter","clickOnViewDropdownBI","border","selectedId","id","selectedLabel","getViewName","textOverflow","prefix","onClick","focusInput","style","cursor","display","ViewsDropdownPrefix","suffix","className","Input","Affix","total","st","classes","root","option","events","emit","toString","getView","selectView","placeholder","paddingLeft","ManageViewPopover","origin","ViewsDropdownModals","ViewsDropdown","exports","observer"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  Box,\n  DropdownPropsControlled as DropdownProps,\n  Input,\n  Loader,\n} from '@wix/design-system';\nimport { CollectionViewsState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ViewsDropdownModals } from './ViewsDropdownModals';\nimport { View } from '../../model';\nimport { classes, st } from './ViewsDropdown.st.css.js';\nimport { ManageViewPopover } from './ManageViewPopover';\nimport {\n  buildCategoryOption,\n  buildViewOption,\n  getCategoryName,\n  getViewName,\n} from './viewsDropdownRenderHelpers';\nimport { AutoCompleteReadonly } from './AutoCompleteReadonly';\nimport { ViewsDropdownPrefix } from './ViewsDropdownPrefix';\nimport { useWixPatternsContainer } from '../..';\n\nexport type ViewsDropdownProps<T, F extends FiltersMap> = {\n  state: CollectionViewsState<T, F>;\n  onSelect?: (view: View<F>) => void;\n  dataHook: string;\n  showTotal?: boolean;\n} & Omit<DropdownProps, 'onSelect'>;\n\nfunction _ViewsDropdown<T, F extends FiltersMap>({\n  onSelect,\n  dataHook,\n  state,\n  showTotal = true,\n  dropdownWidth = '200px',\n  ...dropdownProps\n}: ViewsDropdownProps<T, F>) {\n  const container = useWixPatternsContainer();\n  const { views: viewsState } = state;\n  const { currentView, collection, localSearchState } = viewsState;\n  const { filteredCategoriesWithViews } = localSearchState;\n  const { translate: t } = collection;\n  const showLoader =\n    collection.result.status.isIdle || collection.result.status.isLoading;\n\n  const viewsOptions = useMemo(() => {\n    const { viewsWithoutCategory, categories } = filteredCategoriesWithViews;\n\n    return [\n      ...viewsWithoutCategory.map((view) =>\n        buildViewOption({ view, viewsState }),\n      ),\n      ...categories.flatMap((category) => [\n        // Skip category header if category has no displayable name\n        ...(getCategoryName({ category, viewsState })\n          ? [buildCategoryOption({ category, viewsState })]\n          : []),\n        ...category.views.map((view) => buildViewOption({ view, viewsState })),\n      ]),\n    ];\n  }, [filteredCategoriesWithViews, container.initTask.status]);\n\n  const { options, fixedFooter } = showLoader\n    ? {\n        options: [],\n        fixedFooter: (\n          <Box\n            dataHook=\"initial-loader\"\n            width=\"100%\"\n            align=\"center\"\n            verticalAlign=\"middle\"\n            padding=\"SP2\"\n          >\n            <Loader size=\"small\" />\n          </Box>\n        ),\n      }\n    : {\n        options: viewsOptions,\n        fixedFooter: undefined,\n      };\n\n  const {\n    table: { collection: mainCollection },\n  } = state;\n\n  const shouldShowTotal =\n    showTotal &&\n    (mainCollection.totalStatus === 'success' ||\n      mainCollection.showRefreshLoader);\n\n  return (\n    <Box dataHook={dataHook}>\n      <Box width={dropdownWidth} direction=\"vertical\">\n        <AutoCompleteReadonly\n          emptyStateMessage={\n            !showLoader && t('cairo.viewsDropdown.nothingMatches.text')\n          }\n          state={state.views.autoCompleteReadonlyState}\n          value={localSearchState.inputValue}\n          onChange={(e) =>\n            localSearchState.setInputValueAndScheduleSearch(e.target.value)\n          }\n          clearInput={() => localSearchState.clearSearch()}\n          dropdownWidth={dropdownWidth}\n          popoverProps={{ placement: 'bottom-start' }}\n          {...dropdownProps}\n          onInputClicked={(e) => {\n            state.viewsStateBIReporter.clickOnViewDropdownBI();\n            dropdownProps?.onInputClicked?.(e);\n          }}\n          fixedFooter={fixedFooter}\n          border=\"round\"\n          selectedId={currentView?.id}\n          selectedLabel={\n            currentView\n              ? getViewName({ view: currentView, viewsState })\n              : undefined\n          }\n          textOverflow=\"ellipsis\"\n          prefix={\n            <div\n              data-hook=\"views-dropdown-prefix\"\n              onClick={() => viewsState.autoCompleteReadonlyState.focusInput()}\n              style={{ cursor: 'pointer', display: 'inline-flex' }}\n            >\n              <ViewsDropdownPrefix state={state} />\n            </div>\n          }\n          suffix={\n            shouldShowTotal ? (\n              <div\n                data-hook=\"views-dropdown-suffix\"\n                onClick={() =>\n                  viewsState.autoCompleteReadonlyState.focusInput()\n                }\n                style={{ cursor: 'pointer', display: 'inline-flex' }}\n              >\n                <Box className=\"total-count\">\n                  <Input.Affix>\n                    ({state.table.collection.result.total})\n                  </Input.Affix>\n                </Box>\n              </div>\n            ) : undefined\n          }\n          className={st(classes.root)}\n          dataHook=\"collection-views-dropdown\"\n          onSelect={(option) => {\n            viewsState.events.emit('beforeSelectView');\n            const id = option.id.toString();\n            const view = viewsState.getView(id);\n            if (view) {\n              onSelect?.(view);\n              viewsState.selectView({ id });\n              viewsState.events.emit('afterSelectView', { view });\n            }\n            localSearchState.clearSearch();\n          }}\n          options={options}\n          placeholder={t('cairo.viewDropdown.unsavedView.status')}\n        />\n      </Box>\n\n      <Box verticalAlign=\"middle\" paddingLeft=\"SP2\">\n        <ManageViewPopover origin=\"MainToolbar\" state={state} />\n      </Box>\n\n      <ViewsDropdownModals state={state} />\n    </Box>\n  );\n}\n\nexport const ViewsDropdown = observer(_ViewsDropdown);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_ViewsDropdownModals","_ViewsDropdownStCss","_ManageViewPopover","_viewsDropdownRenderHelpers","_AutoCompleteReadonly","_SaveToNewViewFooter","_ViewsDropdownPrefix","_","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","VIEWS_REDESIGN_EXPERIMENT","exports","_ViewsDropdown","onSelect","dataHook","state","showTotal","dropdownWidth","dropdownProps","_container$internalEx","container","useWixPatternsContainer","isRedesign","internalExperiments","enabled","views","viewsState","currentView","collection","localSearchState","filteredCategoriesWithViews","translate","showLoader","result","status","isIdle","isLoading","manageViewRef","useRef","viewsOptions","useMemo","viewsWithoutCategory","categories","buildOption","view","isSelected","id","option","buildViewOption","suffix","createElement","ManageViewPopover","ref","origin","redesign","__self","__source","fileName","lineNumber","columnNumber","undefined","onDrillIn","_manageViewRef$curren","current","focusTrigger","map","flatMap","category","getCategoryName","buildCategoryOption","initTask","options","fixedFooter","Box","width","align","verticalAlign","padding","Loader","size","SaveToNewViewFooter","table","mainCollection","shouldShowTotal","totalStatus","showRefreshLoader","direction","AutoCompleteReadonly","_extends2","emptyStateMessage","autoCompleteReadonlyState","value","inputValue","onChange","setInputValueAndScheduleSearch","target","clearInput","clearSearch","popoverProps","placement","onInputClicked","viewsStateBIReporter","clickOnViewDropdownBI","border","selectedId","selectedLabel","getViewName","textOverflow","prefix","onClick","focusInput","style","cursor","display","ViewsDropdownPrefix","className","Input","Affix","total","st","classes","root","events","emit","toString","getView","selectView","placeholder","paddingLeft","ViewsDropdownModals","ViewsDropdown","observer"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  Box,\n  DropdownPropsControlled as DropdownProps,\n  Input,\n  Loader,\n} from '@wix/design-system';\nimport { CollectionViewsState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ViewsDropdownModals } from './ViewsDropdownModals';\nimport { View } from '../../model';\nimport { classes, st } from './ViewsDropdown.st.css.js';\nimport {\n  ManageViewPopover,\n  ManageViewPopoverHandle,\n} from './ManageViewPopover';\nimport {\n  buildCategoryOption,\n  buildViewOption,\n  getCategoryName,\n  getViewName,\n} from './viewsDropdownRenderHelpers';\nimport { AutoCompleteReadonly } from './AutoCompleteReadonly';\nimport { SaveToNewViewFooter } from './SaveToNewViewFooter';\nimport { ViewsDropdownPrefix } from './ViewsDropdownPrefix';\nimport { useWixPatternsContainer } from '../..';\n\nexport const VIEWS_REDESIGN_EXPERIMENT = 'specs.cairo.ViewsRedesign';\n\nexport type ViewsDropdownProps<T, F extends FiltersMap> = {\n  state: CollectionViewsState<T, F>;\n  onSelect?: (view: View<F>) => void;\n  dataHook: string;\n  showTotal?: boolean;\n} & Omit<DropdownProps, 'onSelect'>;\n\nfunction _ViewsDropdown<T, F extends FiltersMap>({\n  onSelect,\n  dataHook,\n  state,\n  showTotal = true,\n  dropdownWidth = '200px',\n  ...dropdownProps\n}: ViewsDropdownProps<T, F>) {\n  const container = useWixPatternsContainer();\n  const isRedesign = container.internalExperiments?.enabled(\n    VIEWS_REDESIGN_EXPERIMENT,\n  );\n  const { views: viewsState } = state;\n  const { currentView, collection, localSearchState } = viewsState;\n  const { filteredCategoriesWithViews } = localSearchState;\n  const { translate: t } = collection;\n  const showLoader =\n    collection.result.status.isIdle || collection.result.status.isLoading;\n\n  const manageViewRef = useRef<ManageViewPopoverHandle>(null);\n  const viewsOptions = useMemo(() => {\n    const { viewsWithoutCategory, categories } = filteredCategoriesWithViews;\n\n    const buildOption = (view: (typeof viewsWithoutCategory)[number]) => {\n      const isSelected = currentView?.id === view.id;\n      const option = buildViewOption({\n        view,\n        viewsState,\n        suffix:\n          isRedesign && isSelected ? (\n            <ManageViewPopover\n              ref={manageViewRef}\n              origin=\"MainToolbar\"\n              state={state}\n              redesign\n            />\n          ) : undefined,\n      });\n\n      if (isRedesign && isSelected) {\n        return {\n          ...option,\n          onDrillIn: () => manageViewRef.current?.focusTrigger(),\n        };\n      }\n\n      return option;\n    };\n\n    return [\n      ...viewsWithoutCategory.map(buildOption),\n      ...categories.flatMap((category) => [\n        ...(getCategoryName({ category, viewsState })\n          ? [buildCategoryOption({ category, viewsState })]\n          : []),\n        ...category.views.map(buildOption),\n      ]),\n    ];\n  }, [\n    filteredCategoriesWithViews,\n    container.initTask.status,\n    currentView?.id,\n    isRedesign,\n  ]);\n\n  const { options, fixedFooter } = showLoader\n    ? {\n        options: [],\n        fixedFooter: (\n          <Box\n            dataHook=\"initial-loader\"\n            width=\"100%\"\n            align=\"center\"\n            verticalAlign=\"middle\"\n            padding=\"SP2\"\n          >\n            <Loader size=\"small\" />\n          </Box>\n        ),\n      }\n    : {\n        options: viewsOptions,\n        fixedFooter: isRedesign ? (\n          <SaveToNewViewFooter state={state} />\n        ) : undefined,\n      };\n\n  const {\n    table: { collection: mainCollection },\n  } = state;\n\n  const shouldShowTotal =\n    showTotal &&\n    (mainCollection.totalStatus === 'success' ||\n      mainCollection.showRefreshLoader);\n\n  return (\n    <Box dataHook={dataHook}>\n      <Box width={dropdownWidth} direction=\"vertical\">\n        <AutoCompleteReadonly\n          emptyStateMessage={\n            !showLoader && t('cairo.viewsDropdown.nothingMatches.text')\n          }\n          state={state.views.autoCompleteReadonlyState}\n          value={localSearchState.inputValue}\n          onChange={(e) =>\n            localSearchState.setInputValueAndScheduleSearch(e.target.value)\n          }\n          clearInput={() => localSearchState.clearSearch()}\n          dropdownWidth={isRedesign ? '264px' : dropdownWidth}\n          popoverProps={{ placement: 'bottom-start' }}\n          {...dropdownProps}\n          onInputClicked={(e) => {\n            state.viewsStateBIReporter.clickOnViewDropdownBI();\n            dropdownProps?.onInputClicked?.(e);\n          }}\n          fixedFooter={fixedFooter}\n          border=\"round\"\n          selectedId={currentView?.id}\n          selectedLabel={\n            currentView\n              ? getViewName({ view: currentView, viewsState })\n              : undefined\n          }\n          textOverflow=\"ellipsis\"\n          prefix={\n            <div\n              data-hook=\"views-dropdown-prefix\"\n              onClick={() => viewsState.autoCompleteReadonlyState.focusInput()}\n              style={{ cursor: 'pointer', display: 'inline-flex' }}\n            >\n              <ViewsDropdownPrefix state={state} />\n            </div>\n          }\n          suffix={\n            shouldShowTotal ? (\n              <div\n                data-hook=\"views-dropdown-suffix\"\n                onClick={() =>\n                  viewsState.autoCompleteReadonlyState.focusInput()\n                }\n                style={{ cursor: 'pointer', display: 'inline-flex' }}\n              >\n                <Box className=\"total-count\">\n                  <Input.Affix>\n                    ({state.table.collection.result.total})\n                  </Input.Affix>\n                </Box>\n              </div>\n            ) : undefined\n          }\n          className={st(classes.root)}\n          dataHook=\"collection-views-dropdown\"\n          onSelect={(option) => {\n            viewsState.events.emit('beforeSelectView');\n            const id = option.id.toString();\n            const view = viewsState.getView(id);\n            if (view) {\n              onSelect?.(view);\n              viewsState.selectView({ id });\n              viewsState.events.emit('afterSelectView', { view });\n            }\n            localSearchState.clearSearch();\n          }}\n          options={options}\n          placeholder={t('cairo.viewDropdown.unsavedView.status')}\n        />\n      </Box>\n\n      {!isRedesign && (\n        <Box verticalAlign=\"middle\" paddingLeft=\"SP2\">\n          <ManageViewPopover origin=\"MainToolbar\" state={state} />\n        </Box>\n      )}\n\n      <ViewsDropdownModals state={state} />\n    </Box>\n  );\n}\n\nexport const ViewsDropdown = observer(_ViewsDropdown);\n"],"mappings":"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","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_ = "ViewsDropdown3368516299";
+var _namespace_ = "ViewsDropdown2380321708";
 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": "ViewsDropdown3368516299__root"
+  "root": "ViewsDropdown2380321708__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_ = \"ViewsDropdown3368516299\";\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\":\"ViewsDropdown3368516299__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_ = \"ViewsDropdown2380321708\";\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\":\"ViewsDropdown2380321708__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/CollectionViewsDropdown/ViewsDropdownPrefix.js

@@ -8,11 +8,16 @@ var _designSystem = require("@wix/design-system");
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
+var _ = require("../..");
+var _ViewsDropdown = require("./ViewsDropdown");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionViewsDropdown/ViewsDropdownPrefix.tsx";
 function _ViewsDropdownPrefix(props) {
+  var _container$internalEx;
   const {
     state
   } = props;
+  const container = (0, _.useWixPatternsContainer)();
+  const isRedesign = (_container$internalEx = container.internalExperiments) == null ? void 0 : _container$internalEx.enabled(_ViewsDropdown.VIEWS_REDESIGN_EXPERIMENT);
   const {
     views
   } = state;
@@ -26,7 +31,7 @@ function _ViewsDropdownPrefix(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 27,
+        lineNumber: 37,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -34,7 +39,7 @@ function _ViewsDropdownPrefix(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 28,
+        lineNumber: 38,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
@@ -43,7 +48,7 @@ function _ViewsDropdownPrefix(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 29,
+        lineNumber: 39,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -52,24 +57,25 @@ function _ViewsDropdownPrefix(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 37,
+        lineNumber: 47,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.StatusAlertSmall, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 38,
+        lineNumber: 48,
         columnNumber: 15
       }
     })))));
   }
   if (views.isDefaultView) {
+    const DefaultIcon = isRedesign ? _wixUiIconsCommon.PinSmall : _wixUiIconsCommon.FlagSmall;
     return /*#__PURE__*/_react.default.createElement(_designSystem.Input.Affix, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 48,
+        lineNumber: 59,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -77,14 +83,14 @@ function _ViewsDropdownPrefix(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 49,
+        lineNumber: 60,
         columnNumber: 9
       }
-    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.FlagSmall, {
+    }, /*#__PURE__*/_react.default.createElement(DefaultIcon, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 50,
+        lineNumber: 61,
         columnNumber: 11
       }
     })));

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdownPrefix.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_wixUiIconsCommon","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","_ViewsDropdownPrefix","props","state","views","collection","translate","t","isCurrentViewSelected","isViewChanged","default","createElement","Input","Affix","__self","__source","fileName","lineNumber","columnNumber","Box","dataHook","Tooltip","appendTo","content","verticalAlign","color","StatusAlertSmall","isDefaultView","FlagSmall","ViewsDropdownPrefix","exports","observer"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdownPrefix.tsx"],"sourcesContent":["import { Box, Input, Tooltip } from '@wix/design-system';\nimport { FlagSmall, StatusAlertSmall } from '@wix/wix-ui-icons-common';\nimport React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionViewsState } from '../../state';\nimport { observer } from 'mobx-react-lite';\n\nexport type ViewsDropdownPrefixProps<T, F extends FiltersMap> = {\n  state: CollectionViewsState<T, F>;\n};\n\nexport function _ViewsDropdownPrefix<T, F extends FiltersMap>(\n  props: ViewsDropdownPrefixProps<T, F>,\n) {\n  const { state } = props;\n\n  const { views } = state;\n  const {\n    collection: { translate: t },\n  } = views;\n\n  if (\n    !views.isCurrentViewSelected ||\n    (views.isCurrentViewSelected && state.isViewChanged)\n  ) {\n    return (\n      <Input.Affix>\n        <Box dataHook=\"view-pending-changes\">\n          <Tooltip\n            appendTo=\"window\"\n            content={\n              views.isCurrentViewSelected\n                ? t('cairo.manageView.tooltip')\n                : t('cairo.manageView.unsaved.tooltip')\n            }\n          >\n            <Box verticalAlign=\"middle\" color=\"D40\">\n              <StatusAlertSmall />\n            </Box>\n          </Tooltip>\n        </Box>\n      </Input.Affix>\n    );\n  }\n\n  if (views.isDefaultView) {\n    return (\n      <Input.Affix>\n        <Box dataHook=\"view-default\">\n          <FlagSmall />\n        </Box>\n      </Input.Affix>\n    );\n  }\n\n  return null;\n}\n\nexport const ViewsDropdownPrefix = observer(_ViewsDropdownPrefix);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAGA,IAAAI,cAAA,GAAAJ,OAAA;AAA2C,IAAAK,YAAA;AAMpC,SAASC,oBAAoBA,CAClCC,KAAqC,EACrC;EACA,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EAEvB,MAAM;IAAEE;EAAM,CAAC,GAAGD,KAAK;EACvB,MAAM;IACJE,UAAU,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC7B,CAAC,GAAGH,KAAK;EAET,IACE,CAACA,KAAK,CAACI,qBAAqB,IAC3BJ,KAAK,CAACI,qBAAqB,IAAIL,KAAK,CAACM,aAAc,EACpD;IACA,oBACEZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,KAAK,CAACC,KAAK;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACVrB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAyB,GAAG;MAACC,QAAQ,EAAC,sBAAsB;MAAAN,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAClCrB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAA2B,OAAO;MACNC,QAAQ,EAAC,QAAQ;MACjBC,OAAO,EACLnB,KAAK,CAACI,qBAAqB,GACvBD,CAAC,CAAC,0BAA0B,CAAC,GAC7BA,CAAC,CAAC,kCAAkC,CACzC;MAAAO,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEDrB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAyB,GAAG;MAACK,aAAa,EAAC,QAAQ;MAACC,KAAK,EAAC,KAAK;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACrCrB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACf,iBAAA,CAAA8B,gBAAgB;MAAAZ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAChB,CACE,CACN,CACM,CAAC;EAElB;EAEA,IAAId,KAAK,CAACuB,aAAa,EAAE;IACvB,oBACE9B,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,KAAK,CAACC,KAAK;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACVrB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAyB,GAAG;MAACC,QAAQ,EAAC,cAAc;MAAAN,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAC1BrB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACf,iBAAA,CAAAgC,SAAS;MAAAd,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACT,CACM,CAAC;EAElB;EAEA,OAAO,IAAI;AACb;AAEO,MAAMW,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,IAAAE,uBAAQ,EAAC9B,oBAAoB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_wixUiIconsCommon","_react","_interopRequireDefault","_mobxReactLite","_","_ViewsDropdown","_jsxFileName","_ViewsDropdownPrefix","props","_container$internalEx","state","container","useWixPatternsContainer","isRedesign","internalExperiments","enabled","VIEWS_REDESIGN_EXPERIMENT","views","collection","translate","t","isCurrentViewSelected","isViewChanged","default","createElement","Input","Affix","__self","__source","fileName","lineNumber","columnNumber","Box","dataHook","Tooltip","appendTo","content","verticalAlign","color","StatusAlertSmall","isDefaultView","DefaultIcon","PinSmall","FlagSmall","ViewsDropdownPrefix","exports","observer"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdownPrefix.tsx"],"sourcesContent":["import { Box, Input, Tooltip } from '@wix/design-system';\nimport {\n  FlagSmall,\n  PinSmall,\n  StatusAlertSmall,\n} from '@wix/wix-ui-icons-common';\nimport React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionViewsState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '../..';\nimport { VIEWS_REDESIGN_EXPERIMENT } from './ViewsDropdown';\n\nexport type ViewsDropdownPrefixProps<T, F extends FiltersMap> = {\n  state: CollectionViewsState<T, F>;\n};\n\nexport function _ViewsDropdownPrefix<T, F extends FiltersMap>(\n  props: ViewsDropdownPrefixProps<T, F>,\n) {\n  const { state } = props;\n  const container = useWixPatternsContainer();\n  const isRedesign = container.internalExperiments?.enabled(\n    VIEWS_REDESIGN_EXPERIMENT,\n  );\n\n  const { views } = state;\n  const {\n    collection: { translate: t },\n  } = views;\n\n  if (\n    !views.isCurrentViewSelected ||\n    (views.isCurrentViewSelected && state.isViewChanged)\n  ) {\n    return (\n      <Input.Affix>\n        <Box dataHook=\"view-pending-changes\">\n          <Tooltip\n            appendTo=\"window\"\n            content={\n              views.isCurrentViewSelected\n                ? t('cairo.manageView.tooltip')\n                : t('cairo.manageView.unsaved.tooltip')\n            }\n          >\n            <Box verticalAlign=\"middle\" color=\"D40\">\n              <StatusAlertSmall />\n            </Box>\n          </Tooltip>\n        </Box>\n      </Input.Affix>\n    );\n  }\n\n  if (views.isDefaultView) {\n    const DefaultIcon = isRedesign ? PinSmall : FlagSmall;\n    return (\n      <Input.Affix>\n        <Box dataHook=\"view-default\">\n          <DefaultIcon />\n        </Box>\n      </Input.Affix>\n    );\n  }\n\n  return null;\n}\n\nexport const ViewsDropdownPrefix = observer(_ViewsDropdownPrefix);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionViewsDropdown/viewsDropdownRenderHelpers.js

@@ -6,7 +6,6 @@ exports.buildCategoryOption = buildCategoryOption;
 exports.buildViewOption = buildViewOption;
 exports.getCategoryName = getCategoryName;
 exports.getViewName = getViewName;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _designSystem = require("@wix/design-system");
 var _index = require("../../index");
 var _react = _interopRequireDefault(require("react"));
@@ -27,24 +26,31 @@ function buildCategoryOption({
   viewsState,
   category
 }) {
+  const {
+    translate: t
+  } = viewsState.collection;
+  const categoryName = getCategoryName({
+    category,
+    viewsState
+  });
   return (0, _designSystem.listItemSectionBuilder)({
     id: category.id,
-    title: getCategoryName({
-      category,
-      viewsState
-    }),
+    title: categoryName,
     type: 'subheader',
     dataHook: 'view-category',
-    suffix: category.info ? /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, (0, _extends2.default)({
-      size: 'small'
-    }, category.info, {
+    suffix: /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, {
+      size: "small",
+      content: t('cairo.viewDropdown.category.info'),
+      tooltipProps: {
+        maxWidth: 240
+      },
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 43,
+        lineNumber: 46,
         columnNumber: 7
       }
-    })) : undefined
+    })
   });
 }
 function getViewName({
@@ -57,7 +63,8 @@ function getViewName({
 }
 function buildViewOption({
   viewsState,
-  view
+  view,
+  suffix
 }) {
   const viewName = getViewName({
     view,
@@ -67,7 +74,8 @@ function buildViewOption({
     id: view.id,
     title: viewName,
     label: viewName,
-    dataHook: `view-item`
+    dataHook: 'view-item',
+    suffix
   });
 }
 //# sourceMappingURL=viewsDropdownRenderHelpers.js.map

package/dist/cjs/components/CollectionViewsDropdown/viewsDropdownRenderHelpers.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_index","_react","_interopRequireDefault","_jsxFileName","getCategoryName","category","viewsState","translate","t","collection","id","PREDEFINED_VIEWS_ID","name","buildCategoryOption","listItemSectionBuilder","title","type","dataHook","suffix","info","default","createElement","InfoIcon","_extends2","size","__self","__source","fileName","lineNumber","columnNumber","undefined","getViewName","view","length","buildViewOption","viewName","listItemSelectBuilder","label"],"sources":["../../../../src/components/CollectionViewsDropdown/viewsDropdownRenderHelpers.tsx"],"sourcesContent":["import {\n  InfoIcon,\n  listItemSectionBuilder,\n  listItemSelectBuilder,\n} from '@wix/design-system';\nimport {\n  BasicCategory,\n  PREDEFINED_VIEWS_ID,\n  PrivateView,\n  ViewsState,\n} from '../../index';\nimport { FiltersMap } from '@wix/bex-core';\nimport React from 'react';\n\nexport function getCategoryName<F extends FiltersMap>({\n  category,\n  viewsState,\n}: {\n  viewsState: ViewsState<F>;\n  category: BasicCategory;\n}) {\n  const { translate: t } = viewsState.collection;\n\n  if (category.id === PREDEFINED_VIEWS_ID) {\n    return t('cairo.viewDropdown.category.predefinedViews');\n  }\n  return category.name;\n}\n\nexport function buildCategoryOption<F extends FiltersMap>({\n  viewsState,\n  category,\n}: {\n  viewsState: ViewsState<F>;\n  category: BasicCategory;\n}) {\n  return listItemSectionBuilder({\n    id: category.id,\n    title: getCategoryName({ category, viewsState }),\n    type: 'subheader',\n    dataHook: 'view-category',\n    suffix: category.info ? (\n      <InfoIcon {...{ size: 'small', ...category.info }} />\n    ) : undefined,\n  });\n}\n\nexport function getViewName<F extends FiltersMap>({\n  view,\n}: {\n  viewsState: ViewsState<F>;\n  view: PrivateView<F>;\n}) {\n  if (view.name.length > 0) {\n    return view.name;\n  }\n\n  return '';\n}\n\nexport function buildViewOption<F extends FiltersMap>({\n  viewsState,\n  view,\n}: {\n  viewsState: ViewsState<F>;\n  view: PrivateView<F>;\n}) {\n  const viewName = getViewName({ view, viewsState });\n\n  return listItemSelectBuilder({\n    id: view.id,\n    title: viewName,\n    label: viewName,\n    dataHook: `view-item`,\n  });\n}\n"],"mappings":";;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AAOA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA0B,IAAAI,YAAA;AAEnB,SAASC,eAAeA,CAAuB;EACpDC,QAAQ;EACRC;AAIF,CAAC,EAAE;EACD,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGF,UAAU,CAACG,UAAU;EAE9C,IAAIJ,QAAQ,CAACK,EAAE,KAAKC,0BAAmB,EAAE;IACvC,OAAOH,CAAC,CAAC,6CAA6C,CAAC;EACzD;EACA,OAAOH,QAAQ,CAACO,IAAI;AACtB;AAEO,SAASC,mBAAmBA,CAAuB;EACxDP,UAAU;EACVD;AAIF,CAAC,EAAE;EACD,OAAO,IAAAS,oCAAsB,EAAC;IAC5BJ,EAAE,EAAEL,QAAQ,CAACK,EAAE;IACfK,KAAK,EAAEX,eAAe,CAAC;MAAEC,QAAQ;MAAEC;IAAW,CAAC,CAAC;IAChDU,IAAI,EAAE,WAAW;IACjBC,QAAQ,EAAE,eAAe;IACzBC,MAAM,EAAEb,QAAQ,CAACc,IAAI,gBACnBlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAAwB,QAAQ,MAAAC,SAAA,CAAAH,OAAA;MAAOI,IAAI,EAAE;IAAO,GAAKnB,QAAQ,CAACc,IAAI;MAAAM,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxB,YAAA;QAAAyB,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAK,CAAC,GACnDC;EACN,CAAC,CAAC;AACJ;AAEO,SAASC,WAAWA,CAAuB;EAChDC;AAIF,CAAC,EAAE;EACD,IAAIA,IAAI,CAACpB,IAAI,CAACqB,MAAM,GAAG,CAAC,EAAE;IACxB,OAAOD,IAAI,CAACpB,IAAI;EAClB;EAEA,OAAO,EAAE;AACX;AAEO,SAASsB,eAAeA,CAAuB;EACpD5B,UAAU;EACV0B;AAIF,CAAC,EAAE;EACD,MAAMG,QAAQ,GAAGJ,WAAW,CAAC;IAAEC,IAAI;IAAE1B;EAAW,CAAC,CAAC;EAElD,OAAO,IAAA8B,mCAAqB,EAAC;IAC3B1B,EAAE,EAAEsB,IAAI,CAACtB,EAAE;IACXK,KAAK,EAAEoB,QAAQ;IACfE,KAAK,EAAEF,QAAQ;IACflB,QAAQ,EAAE;EACZ,CAAC,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_index","_react","_interopRequireDefault","_jsxFileName","getCategoryName","category","viewsState","translate","t","collection","id","PREDEFINED_VIEWS_ID","name","buildCategoryOption","categoryName","listItemSectionBuilder","title","type","dataHook","suffix","default","createElement","InfoIcon","size","content","tooltipProps","maxWidth","__self","__source","fileName","lineNumber","columnNumber","getViewName","view","length","buildViewOption","viewName","listItemSelectBuilder","label"],"sources":["../../../../src/components/CollectionViewsDropdown/viewsDropdownRenderHelpers.tsx"],"sourcesContent":["import {\n  InfoIcon,\n  listItemSectionBuilder,\n  listItemSelectBuilder,\n} from '@wix/design-system';\nimport {\n  BasicCategory,\n  PREDEFINED_VIEWS_ID,\n  PrivateView,\n  ViewsState,\n} from '../../index';\nimport { FiltersMap, TranslationsKeys } from '@wix/bex-core';\nimport React, { ReactNode } from 'react';\n\nexport function getCategoryName<F extends FiltersMap>({\n  category,\n  viewsState,\n}: {\n  viewsState: ViewsState<F>;\n  category: BasicCategory;\n}) {\n  const { translate: t } = viewsState.collection;\n\n  if (category.id === PREDEFINED_VIEWS_ID) {\n    return t('cairo.viewDropdown.category.predefinedViews');\n  }\n  return category.name;\n}\n\nexport function buildCategoryOption<F extends FiltersMap>({\n  viewsState,\n  category,\n}: {\n  viewsState: ViewsState<F>;\n  category: BasicCategory;\n}) {\n  const { translate: t } = viewsState.collection;\n  const categoryName = getCategoryName({ category, viewsState });\n\n  return listItemSectionBuilder({\n    id: category.id,\n    title: categoryName,\n    type: 'subheader',\n    dataHook: 'view-category',\n    suffix: (\n      <InfoIcon\n        size=\"small\"\n        content={t('cairo.viewDropdown.category.info' as TranslationsKeys)}\n        tooltipProps={{ maxWidth: 240 }}\n      />\n    ),\n  });\n}\n\nexport function getViewName<F extends FiltersMap>({\n  view,\n}: {\n  viewsState: ViewsState<F>;\n  view: PrivateView<F>;\n}) {\n  if (view.name.length > 0) {\n    return view.name;\n  }\n\n  return '';\n}\n\nexport function buildViewOption<F extends FiltersMap>({\n  viewsState,\n  view,\n  suffix,\n}: {\n  viewsState: ViewsState<F>;\n  view: PrivateView<F>;\n  suffix?: ReactNode;\n}) {\n  const viewName = getViewName({ view, viewsState });\n  return listItemSelectBuilder({\n    id: view.id,\n    title: viewName,\n    label: viewName,\n    dataHook: 'view-item',\n    suffix,\n  });\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AAOA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAyC,IAAAI,YAAA;AAElC,SAASC,eAAeA,CAAuB;EACpDC,QAAQ;EACRC;AAIF,CAAC,EAAE;EACD,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGF,UAAU,CAACG,UAAU;EAE9C,IAAIJ,QAAQ,CAACK,EAAE,KAAKC,0BAAmB,EAAE;IACvC,OAAOH,CAAC,CAAC,6CAA6C,CAAC;EACzD;EACA,OAAOH,QAAQ,CAACO,IAAI;AACtB;AAEO,SAASC,mBAAmBA,CAAuB;EACxDP,UAAU;EACVD;AAIF,CAAC,EAAE;EACD,MAAM;IAAEE,SAAS,EAAEC;EAAE,CAAC,GAAGF,UAAU,CAACG,UAAU;EAC9C,MAAMK,YAAY,GAAGV,eAAe,CAAC;IAAEC,QAAQ;IAAEC;EAAW,CAAC,CAAC;EAE9D,OAAO,IAAAS,oCAAsB,EAAC;IAC5BL,EAAE,EAAEL,QAAQ,CAACK,EAAE;IACfM,KAAK,EAAEF,YAAY;IACnBG,IAAI,EAAE,WAAW;IACjBC,QAAQ,EAAE,eAAe;IACzBC,MAAM,eACJlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAAwB,QAAQ;MACPC,IAAI,EAAC,OAAO;MACZC,OAAO,EAAEhB,CAAC,CAAC,kCAAsD,CAAE;MACnEiB,YAAY,EAAE;QAAEC,QAAQ,EAAE;MAAI,CAAE;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA1B,YAAA;QAAA2B,UAAA;QAAAC,YAAA;MAAA;IAAA,CACjC;EAEL,CAAC,CAAC;AACJ;AAEO,SAASC,WAAWA,CAAuB;EAChDC;AAIF,CAAC,EAAE;EACD,IAAIA,IAAI,CAACrB,IAAI,CAACsB,MAAM,GAAG,CAAC,EAAE;IACxB,OAAOD,IAAI,CAACrB,IAAI;EAClB;EAEA,OAAO,EAAE;AACX;AAEO,SAASuB,eAAeA,CAAuB;EACpD7B,UAAU;EACV2B,IAAI;EACJd;AAKF,CAAC,EAAE;EACD,MAAMiB,QAAQ,GAAGJ,WAAW,CAAC;IAAEC,IAAI;IAAE3B;EAAW,CAAC,CAAC;EAClD,OAAO,IAAA+B,mCAAqB,EAAC;IAC3B3B,EAAE,EAAEuB,IAAI,CAACvB,EAAE;IACXM,KAAK,EAAEoB,QAAQ;IACfE,KAAK,EAAEF,QAAQ;IACflB,QAAQ,EAAE,WAAW;IACrBC;EACF,CAAC,CAAC;AACJ","ignoreList":[]}

package/dist/cjs/components/DragHandle/DragHandle.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_ = "DragHandle2342184303";
+var _namespace_ = "DragHandle2576753877";
 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": "DragHandle2342184303__root"
+  "root": "DragHandle2576753877__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/DragHandle/DragHandle.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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle2342184303\";\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\":\"DragHandle2342184303__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,sBAAsB;AACxC,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;AAA4B,CAAC;AACnD,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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle2576753877\";\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\":\"DragHandle2576753877__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,sBAAsB;AACxC,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;AAA4B,CAAC;AACnD,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/EntityPage/EntityPagePlain.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_ = "EntityPagePlain1608197167";
+var _namespace_ = "EntityPagePlain875261530";
 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": "EntityPagePlain1608197167__root"
+  "root": "EntityPagePlain875261530__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EntityPage/EntityPagePlain.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/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain1608197167\";\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\":\"EntityPagePlain1608197167__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,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;EAAC,oCAAoC,EAAC;AAAsC,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/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain875261530\";\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\":\"EntityPagePlain875261530__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,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;EAAC,oCAAoC,EAAC;AAAsC,CAAC","ignoreList":[]}

package/dist/cjs/components/Fade/Fade.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_ = "Fade1887979394";
+var _namespace_ = "Fade3970104487";
 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": "Fade1887979394__root"
+  "root": "Fade3970104487__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};