npm - @wix/patterns - Versions diffs - 1.426.0 → 1.430.0 - Mend

@wix/patterns 1.426.0 → 1.430.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (891) hide show

package/dist/cjs/components/CollectionToolbars/CollectionToolbars.js CHANGED Viewed

@@ -11,6 +11,7 @@ var _CollectionToolbar = require("../CollectionToolbar");
 var _CollectionToolbarsProvider = require("./CollectionToolbarsProvider");
 var _ToolbarAndTitlebarContainer = require("./ToolbarAndTitlebarContainer");
 var _useIsMobile = require("../../hooks/useIsMobile");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _CollectionToolbarsVisualization = require("./CollectionToolbarsVisualization");
 var _useIsCollectionToolbarExists = require("../CollectionToolbar/useIsCollectionToolbarExists");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionToolbars/CollectionToolbars.tsx";
@@ -26,7 +27,7 @@ function BorderRadiusTopCard({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52,
+      lineNumber: 53,
       columnNumber: 5
     }
   }, children);
@@ -42,7 +43,7 @@ function BorderRadiusTopBottomCard({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
+      lineNumber: 67,
       columnNumber: 5
     }
   }, children);
@@ -73,6 +74,7 @@ function _CollectionToolbars(props) {
     }
   } = state;
   const isMobile = (0, _useIsMobile.useIsMobile)();
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const topNotification = isPanelLayout ? undefined : typeof topNotificationProp === 'function' ? topNotificationProp() : topNotificationProp;
   const AppliedFiltersTagList = (_featuredComponents$a = featuredComponents.appliedFiltersTagList.value) == null ? void 0 : _featuredComponents$a.component;
   const {
@@ -85,34 +87,54 @@ function _CollectionToolbars(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 126,
+      lineNumber: 128,
       columnNumber: 13
     }
-  }))), shouldDisplaySubToolbar && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  }))), shouldDisplaySubToolbar && (isBmHarmonyTheme ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
     backgroundColor: "D80",
+    dataHook: "collection-table-sub-toolbar",
+    paddingBottom: "SP4",
+    paddingLeft: "SP6",
+    paddingRight: "SP6",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 131,
-      columnNumber: 9
+      lineNumber: 134,
+      columnNumber: 11
+    }
+  }, AppliedFiltersTagList && shouldDisplayFiltersTags && /*#__PURE__*/_react.default.createElement(AppliedFiltersTagList, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 143,
+      columnNumber: 15
+    }
+  })) : /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    backgroundColor: "D80",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 147,
+      columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Table.SubToolbar, {
     dataHook: "collection-table-sub-toolbar",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 132,
-      columnNumber: 11
+      lineNumber: 148,
+      columnNumber: 13
     }
   }, AppliedFiltersTagList && shouldDisplayFiltersTags && /*#__PURE__*/_react.default.createElement(AppliedFiltersTagList, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 134,
-      columnNumber: 15
+      lineNumber: 150,
+      columnNumber: 17
     }
-  }))), summaryBar, topNotification);
+  })))), summaryBar, topNotification);
   /* wrapping with Card is WSR way to make the sticky table header not to add extra border between the header and the content https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--table#Sticky_Toolbar_&_Sub-toolbar*/
@@ -121,14 +143,14 @@ function _CollectionToolbars(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 147,
+      lineNumber: 163,
       columnNumber: 5
     }
   }, customSlot ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(BorderRadiusTopBottomCard, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 150,
+      lineNumber: 166,
       columnNumber: 11
     }
   }, toolbars), /*#__PURE__*/_react.default.createElement(_CollectionToolbarsVisualization.CollectionToolbarsVisualization, {
@@ -137,21 +159,21 @@ function _CollectionToolbars(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 151,
+      lineNumber: 167,
       columnNumber: 11
     }
   }), /*#__PURE__*/_react.default.createElement(BorderRadiusTopCard, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 155,
+      lineNumber: 171,
       columnNumber: 11
     }
   }, titleBar)) : /*#__PURE__*/_react.default.createElement(BorderRadiusTopCard, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 158,
+      lineNumber: 174,
       columnNumber: 9
     }
   }, toolbars, titleBar));
@@ -159,7 +181,7 @@ function _CollectionToolbars(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 167,
+      lineNumber: 183,
       columnNumber: 5
     }
   }, sticky && !internalScroll ? /*#__PURE__*/_react.default.createElement(_designSystem.Page.Sticky, {
@@ -169,7 +191,7 @@ function _CollectionToolbars(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 169,
+      lineNumber: 185,
       columnNumber: 9
     }
   }, child) : child);

package/dist/cjs/components/CollectionToolbars/CollectionToolbars.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_CollectionToolbar","_CollectionToolbarsProvider","_ToolbarAndTitlebarContainer","_useIsMobile","_CollectionToolbarsVisualization","_useIsCollectionToolbarExists","_jsxFileName","BorderRadiusTopCard","children","isMobile","useIsMobile","default","createElement","Box","direction","backgroundColor","borderTopLeftRadius","borderTopRightRadius","__self","__source","fileName","lineNumber","columnNumber","BorderRadiusTopBottomCard","borderRadius","_CollectionToolbars","props","_featuredComponents$a","sticky","state","selectionToolbar","extraToolbar","summaryBar","topNotification","topNotificationProp","titleBar","visualization","customSlot","collection","featuredComponents","hasSubToolbarComponents","shouldDisplayFiltersTags","bulk","selectedIds","internalScroll","container","isPanelLayout","undefined","AppliedFiltersTagList","appliedFiltersTagList","value","component","showRefreshLoader","shouldDisplaySubToolbar","shouldRenderCollectionToolbar","useIsCollectionToolbarExists","toolbars","Fragment","length","CollectionToolbar","_extends2","dataHook","Table","SubToolbar","child","ToolbarAndTitlebarContainer","toolbar","CollectionToolbarsVisualization","CollectionToolbarsProvider","Page","Sticky","style","top","CollectionToolbars","exports","observer"],"sources":["../../../../src/components/CollectionToolbars/CollectionToolbars.tsx"],"sourcesContent":["import { Box, Page, Table } from '@wix/design-system';\nimport React, { FunctionComponent, ReactNode } from 'react';\nimport { ToolbarCollectionState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionToolbar } from '../CollectionToolbar';\nimport { FiltersMap } from '@wix/bex-core';\nimport { PartialFunctionComponent } from '../PartialFunctionComponent';\nimport { CollectionToolbarsProvider } from './CollectionToolbarsProvider';\nimport { ToolbarAndTitlebarContainer } from './ToolbarAndTitlebarContainer';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { TopNotificationBasicRenderProp } from '../TableTopNotification';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport {\n CollectionToolbarsVisualization,\n CollectionToolbarsVisualizationProps,\n} from './CollectionToolbarsVisualization';\nimport { useIsCollectionToolbarExists } from '../CollectionToolbar/useIsCollectionToolbarExists';\n\nexport interface CollectionToolbarsProps<T, F extends FiltersMap>\n extends Pick<\n ToolbarCollectionBaseProps<T, F>,\n \| 'showTitleBar'\n \| 'tags'\n \| 'sticky'\n \| 'title'\n \| 'tabs'\n \| 'search'\n \| 'customColumns'\n \| 'multiLevelSorting'\n \| 'views'\n \| 'filters'\n \| 'selectionToolbar'\n \| 'dragAndDropReorderModeToolbar'\n \| 'extraToolbar'\n \| 'summaryBar'\n \| 'tableGridSwitchButton'\n \| 'exportButton'\n \| 'importButton'\n \| 'primaryActionButton'\n \| 'secondaryActions'\n \| 'moreActions'\n > {\n state: ToolbarCollectionState<T, F>;\n topNotification?: TopNotificationBasicRenderProp;\n titleBar?: ReactNode;\n visualization?: CollectionToolbarsVisualizationProps<T, F>['visualization'];\n}\n\nfunction BorderRadiusTopCard({ children }: { children?: ReactNode }) {\n const isMobile = useIsMobile();\n return (\n <Box\n direction=\"vertical\"\n backgroundColor=\"D80\"\n borderTopLeftRadius={isMobile ? 0 : 8}\n borderTopRightRadius={isMobile ? 0 : 8}\n >\n {children}\n </Box>\n );\n}\n\nfunction BorderRadiusTopBottomCard({ children }: { children?: ReactNode }) {\n const isMobile = useIsMobile();\n return (\n <Box\n direction=\"vertical\"\n backgroundColor=\"D80\"\n borderRadius={isMobile ? 0 : 8}\n >\n {children}\n </Box>\n );\n}\n\nfunction _CollectionToolbars<T, F extends FiltersMap = FiltersMap>(\n props: CollectionToolbarsProps<T, F>,\n) {\n const {\n sticky,\n state,\n selectionToolbar,\n extraToolbar,\n summaryBar,\n topNotification: topNotificationProp,\n titleBar,\n visualization: customSlot,\n } = props;\n\n const {\n collection,\n featuredComponents,\n hasSubToolbarComponents,\n shouldDisplayFiltersTags,\n bulk: { selectedIds },\n internalScroll,\n container: { isPanelLayout },\n } = state;\n\n const isMobile = useIsMobile();\n\n const topNotification = isPanelLayout\n ? undefined\n : typeof topNotificationProp === 'function'\n ? topNotificationProp()\n : topNotificationProp;\n\n const AppliedFiltersTagList = featuredComponents.appliedFiltersTagList.value\n ?.component as PartialFunctionComponent as FunctionComponent \| null;\n\n const { showRefreshLoader } = collection;\n\n const shouldDisplaySubToolbar =\n shouldDisplayFiltersTags && hasSubToolbarComponents;\n\n const shouldRenderCollectionToolbar = useIsCollectionToolbarExists(props);\n\n const toolbars = (\n <>\n {selectionToolbar && !showRefreshLoader && selectedIds.length > 0 ? (\n selectionToolbar\n ) : (\n <>\n {extraToolbar}\n {(!isMobile \|\| shouldRenderCollectionToolbar) && (\n <CollectionToolbar {...props} dataHook=\"collection-toolbar\" />\n )}\n </>\n )}\n {shouldDisplaySubToolbar && (\n <Box direction=\"vertical\" backgroundColor=\"D80\">\n <Table.SubToolbar dataHook=\"collection-table-sub-toolbar\">\n {AppliedFiltersTagList && shouldDisplayFiltersTags && (\n <AppliedFiltersTagList />\n )}\n </Table.SubToolbar>\n </Box>\n )}\n {summaryBar}\n {topNotification}\n </>\n );\n\n /* wrapping with Card is WSR way to make the sticky table header not to add extra border between the header and the content https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--table#Sticky_Toolbar_&_Sub-toolbar*/\n\n const child = (\n <ToolbarAndTitlebarContainer state={state.toolbar}>\n {customSlot ? (\n <>\n <BorderRadiusTopBottomCard>{toolbars}</BorderRadiusTopBottomCard>\n <CollectionToolbarsVisualization\n state={state}\n visualization={customSlot}\n />\n <BorderRadiusTopCard>{titleBar}</BorderRadiusTopCard>\n </>\n ) : (\n <BorderRadiusTopCard>\n {toolbars}\n {titleBar}\n </BorderRadiusTopCard>\n )}\n </ToolbarAndTitlebarContainer>\n );\n\n return (\n <CollectionToolbarsProvider>\n {sticky && !internalScroll ? (\n <Page.Sticky style={isMobile ? { top: 78 } : undefined}>\n {child}\n </Page.Sticky>\n ) : (\n child\n )}\n </CollectionToolbarsProvider>\n );\n}\n\nexport const CollectionToolbars = observer(_CollectionToolbars);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_CollectionToolbar","_CollectionToolbarsProvider","_ToolbarAndTitlebarContainer","_useIsMobile","_useBmHarmonyTheme","_CollectionToolbarsVisualization","_useIsCollectionToolbarExists","_jsxFileName","BorderRadiusTopCard","children","isMobile","useIsMobile","default","createElement","Box","direction","backgroundColor","borderTopLeftRadius","borderTopRightRadius","__self","__source","fileName","lineNumber","columnNumber","BorderRadiusTopBottomCard","borderRadius","_CollectionToolbars","props","_featuredComponents$a","sticky","state","selectionToolbar","extraToolbar","summaryBar","topNotification","topNotificationProp","titleBar","visualization","customSlot","collection","featuredComponents","hasSubToolbarComponents","shouldDisplayFiltersTags","bulk","selectedIds","internalScroll","container","isPanelLayout","isBmHarmonyTheme","useBmHarmonyTheme","undefined","AppliedFiltersTagList","appliedFiltersTagList","value","component","showRefreshLoader","shouldDisplaySubToolbar","shouldRenderCollectionToolbar","useIsCollectionToolbarExists","toolbars","Fragment","length","CollectionToolbar","_extends2","dataHook","paddingBottom","paddingLeft","paddingRight","Table","SubToolbar","child","ToolbarAndTitlebarContainer","toolbar","CollectionToolbarsVisualization","CollectionToolbarsProvider","Page","Sticky","style","top","CollectionToolbars","exports","observer"],"sources":["../../../../src/components/CollectionToolbars/CollectionToolbars.tsx"],"sourcesContent":["import { Box, Page, Table } from '@wix/design-system';\nimport React, { FunctionComponent, ReactNode } from 'react';\nimport { ToolbarCollectionState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionToolbar } from '../CollectionToolbar';\nimport { FiltersMap } from '@wix/bex-core';\nimport { PartialFunctionComponent } from '../PartialFunctionComponent';\nimport { CollectionToolbarsProvider } from './CollectionToolbarsProvider';\nimport { ToolbarAndTitlebarContainer } from './ToolbarAndTitlebarContainer';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { TopNotificationBasicRenderProp } from '../TableTopNotification';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport {\n CollectionToolbarsVisualization,\n CollectionToolbarsVisualizationProps,\n} from './CollectionToolbarsVisualization';\nimport { useIsCollectionToolbarExists } from '../CollectionToolbar/useIsCollectionToolbarExists';\n\nexport interface CollectionToolbarsProps<T, F extends FiltersMap>\n extends Pick<\n ToolbarCollectionBaseProps<T, F>,\n \| 'showTitleBar'\n \| 'tags'\n \| 'sticky'\n \| 'title'\n \| 'tabs'\n \| 'search'\n \| 'customColumns'\n \| 'multiLevelSorting'\n \| 'views'\n \| 'filters'\n \| 'selectionToolbar'\n \| 'dragAndDropReorderModeToolbar'\n \| 'extraToolbar'\n \| 'summaryBar'\n \| 'tableGridSwitchButton'\n \| 'exportButton'\n \| 'importButton'\n \| 'primaryActionButton'\n \| 'secondaryActions'\n \| 'moreActions'\n > {\n state: ToolbarCollectionState<T, F>;\n topNotification?: TopNotificationBasicRenderProp;\n titleBar?: ReactNode;\n visualization?: CollectionToolbarsVisualizationProps<T, F>['visualization'];\n}\n\nfunction BorderRadiusTopCard({ children }: { children?: ReactNode }) {\n const isMobile = useIsMobile();\n return (\n <Box\n direction=\"vertical\"\n backgroundColor=\"D80\"\n borderTopLeftRadius={isMobile ? 0 : 8}\n borderTopRightRadius={isMobile ? 0 : 8}\n >\n {children}\n </Box>\n );\n}\n\nfunction BorderRadiusTopBottomCard({ children }: { children?: ReactNode }) {\n const isMobile = useIsMobile();\n return (\n <Box\n direction=\"vertical\"\n backgroundColor=\"D80\"\n borderRadius={isMobile ? 0 : 8}\n >\n {children}\n </Box>\n );\n}\n\nfunction _CollectionToolbars<T, F extends FiltersMap = FiltersMap>(\n props: CollectionToolbarsProps<T, F>,\n) {\n const {\n sticky,\n state,\n selectionToolbar,\n extraToolbar,\n summaryBar,\n topNotification: topNotificationProp,\n titleBar,\n visualization: customSlot,\n } = props;\n\n const {\n collection,\n featuredComponents,\n hasSubToolbarComponents,\n shouldDisplayFiltersTags,\n bulk: { selectedIds },\n internalScroll,\n container: { isPanelLayout },\n } = state;\n\n const isMobile = useIsMobile();\n const isBmHarmonyTheme = useBmHarmonyTheme();\n\n const topNotification = isPanelLayout\n ? undefined\n : typeof topNotificationProp === 'function'\n ? topNotificationProp()\n : topNotificationProp;\n\n const AppliedFiltersTagList = featuredComponents.appliedFiltersTagList.value\n ?.component as PartialFunctionComponent as FunctionComponent \| null;\n\n const { showRefreshLoader } = collection;\n\n const shouldDisplaySubToolbar =\n shouldDisplayFiltersTags && hasSubToolbarComponents;\n\n const shouldRenderCollectionToolbar = useIsCollectionToolbarExists(props);\n\n const toolbars = (\n <>\n {selectionToolbar && !showRefreshLoader && selectedIds.length > 0 ? (\n selectionToolbar\n ) : (\n <>\n {extraToolbar}\n {(!isMobile \|\| shouldRenderCollectionToolbar) && (\n <CollectionToolbar {...props} dataHook=\"collection-toolbar\" />\n )}\n </>\n )}\n {shouldDisplaySubToolbar &&\n (isBmHarmonyTheme ? (\n <Box\n direction=\"vertical\"\n backgroundColor=\"D80\"\n dataHook=\"collection-table-sub-toolbar\"\n paddingBottom=\"SP4\"\n paddingLeft=\"SP6\"\n paddingRight=\"SP6\"\n >\n {AppliedFiltersTagList && shouldDisplayFiltersTags && (\n <AppliedFiltersTagList />\n )}\n </Box>\n ) : (\n <Box direction=\"vertical\" backgroundColor=\"D80\">\n <Table.SubToolbar dataHook=\"collection-table-sub-toolbar\">\n {AppliedFiltersTagList && shouldDisplayFiltersTags && (\n <AppliedFiltersTagList />\n )}\n </Table.SubToolbar>\n </Box>\n ))}\n {summaryBar}\n {topNotification}\n </>\n );\n\n /* wrapping with Card is WSR way to make the sticky table header not to add extra border between the header and the content https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--table#Sticky_Toolbar_&_Sub-toolbar*/\n\n const child = (\n <ToolbarAndTitlebarContainer state={state.toolbar}>\n {customSlot ? (\n <>\n <BorderRadiusTopBottomCard>{toolbars}</BorderRadiusTopBottomCard>\n <CollectionToolbarsVisualization\n state={state}\n visualization={customSlot}\n />\n <BorderRadiusTopCard>{titleBar}</BorderRadiusTopCard>\n </>\n ) : (\n <BorderRadiusTopCard>\n {toolbars}\n {titleBar}\n </BorderRadiusTopCard>\n )}\n </ToolbarAndTitlebarContainer>\n );\n\n return (\n <CollectionToolbarsProvider>\n {sticky && !internalScroll ? (\n <Page.Sticky style={isMobile ? { top: 78 } : undefined}>\n {child}\n </Page.Sticky>\n ) : (\n child\n )}\n </CollectionToolbarsProvider>\n );\n}\n\nexport const CollectionToolbars = observer(_CollectionToolbars);\n"],"mappings":"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","ignoreList":[]}

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

@@ -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_ = "AutoCompleteReadonly4265321389";
+var _namespace_ = "AutoCompleteReadonly3447230868";
 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": "AutoCompleteReadonly4265321389__root"
+  "root": "AutoCompleteReadonly3447230868__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

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

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

@@ -15,6 +15,7 @@ var _AutoCompleteReadonly = require("./AutoCompleteReadonly");
 var _SaveToNewViewFooter = require("./SaveToNewViewFooter");
 var _ViewsDropdownPrefix = require("./ViewsDropdownPrefix");
 var _react2 = require("@wix/bex-core/react");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 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';
@@ -29,6 +30,7 @@ function _ViewsDropdown({
   var _container$internalEx;
   const container = (0, _react2.useWixPatternsContainer)();
   const isRedesign = (_container$internalEx = container.internalExperiments) == null ? void 0 : _container$internalEx.enabled(VIEWS_REDESIGN_EXPERIMENT);
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const {
     views: viewsState
   } = state;
@@ -63,7 +65,7 @@ function _ViewsDropdown({
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 68,
+            lineNumber: 70,
             columnNumber: 13
           }
         }) : undefined
@@ -92,7 +94,7 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 100,
+        lineNumber: 102,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
@@ -100,7 +102,7 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 107,
+        lineNumber: 109,
         columnNumber: 13
       }
     }))
@@ -111,7 +113,7 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 114,
+        lineNumber: 116,
         columnNumber: 11
       }
     }) : undefined
@@ -127,7 +129,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 128,
+      lineNumber: 130,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -136,7 +138,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 129,
+      lineNumber: 131,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_AutoCompleteReadonly.AutoCompleteReadonly, (0, _extends2.default)({
@@ -161,7 +163,7 @@ function _ViewsDropdown({
       dropdownProps == null || dropdownProps.onInputClicked == null || dropdownProps.onInputClicked(e);
     },
     fixedFooter: fixedFooter,
-    border: "round",
+    border: isBmHarmonyTheme ? 'standard' : 'round',
     selectedId: currentView == null ? void 0 : currentView.id,
     selectedLabel: currentView ? (0, _viewsDropdownRenderHelpers.getViewName)({
       view: currentView,
@@ -178,7 +180,7 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 166,
+        lineNumber: 168,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_ViewsDropdownPrefix.ViewsDropdownPrefix, {
@@ -186,7 +188,7 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 171,
+        lineNumber: 173,
         columnNumber: 15
       }
     })),
@@ -200,7 +202,7 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 176,
+        lineNumber: 178,
         columnNumber: 15
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -208,14 +210,14 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 183,
+        lineNumber: 185,
         columnNumber: 17
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Input.Affix, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 184,
+        lineNumber: 186,
         columnNumber: 19
       }
     }, "(", state.table.collection.result.total, ")"))) : undefined,
@@ -241,7 +243,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 130,
+      lineNumber: 132,
       columnNumber: 9
     }
   }))), !isRedesign && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -250,7 +252,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 210,
+      lineNumber: 212,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_ManageViewPopover.ManageViewPopover, {
@@ -259,7 +261,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 211,
+      lineNumber: 213,
       columnNumber: 11
     }
   })), /*#__PURE__*/_react.default.createElement(_ViewsDropdownModals.ViewsDropdownModals, {
@@ -267,7 +269,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 215,
+      lineNumber: 217,
       columnNumber: 7
     }
   }));

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_ViewsDropdownModals","_ViewsDropdownStCss","_ManageViewPopover","_viewsDropdownRenderHelpers","_AutoCompleteReadonly","_SaveToNewViewFooter","_ViewsDropdownPrefix","_react2","_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","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","onDrillIn","_manageViewRef$curren","current","focusTrigger","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 '@wix/bex-core/react';\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 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 onDrillIn={\n isRedesign\n ? (option) => {\n if (option.id === currentView?.id) {\n manageViewRef.current?.focusTrigger();\n }\n }\n : undefined\n }\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":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_ViewsDropdownModals","_ViewsDropdownStCss","_ManageViewPopover","_viewsDropdownRenderHelpers","_AutoCompleteReadonly","_SaveToNewViewFooter","_ViewsDropdownPrefix","_react2","_useBmHarmonyTheme","_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","isBmHarmonyTheme","useBmHarmonyTheme","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","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","onDrillIn","_manageViewRef$curren","current","focusTrigger","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 '@wix/bex-core/react';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\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 isBmHarmonyTheme = useBmHarmonyTheme();\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 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 onDrillIn={\n isRedesign\n ? (option) => {\n if (option.id === currentView?.id) {\n manageViewRef.current?.focusTrigger();\n }\n }\n : undefined\n }\n onInputClicked={(e) => {\n state.viewsStateBIReporter.clickOnViewDropdownBI();\n dropdownProps?.onInputClicked?.(e);\n }}\n fixedFooter={fixedFooter}\n border={isBmHarmonyTheme ? 'standard' : '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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAQA,IAAAG,oBAAA,GAAAH,OAAA;AAEA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AAIA,IAAAM,2BAAA,GAAAN,OAAA;AAMA,IAAAO,qBAAA,GAAAP,OAAA;AACA,IAAAQ,oBAAA,GAAAR,OAAA;AACA,IAAAS,oBAAA,GAAAT,OAAA;AACA,IAAAU,OAAA,GAAAV,OAAA;AACA,IAAAW,kBAAA,GAAAX,OAAA;AAAkE,IAAAY,YAAA;AAAA,SAAAb,wBAAAc,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAhB,uBAAA,YAAAA,CAAAc,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE3D,MAAMkB,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,2BAA2B;AASpE,SAASE,cAAcA,CAA0B;EAC/CC,QAAQ;EACRC,QAAQ;EACRC,KAAK;EACLC,SAAS,GAAG,IAAI;EAChBC,aAAa,GAAG,OAAO;EACvB,GAAGC;AACqB,CAAC,EAAE;EAAA,IAAAC,qBAAA;EAC3B,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAMC,UAAU,IAAAH,qBAAA,GAAGC,SAAS,CAACG,mBAAmB,qBAA7BJ,qBAAA,CAA+BK,OAAO,CACvDd,yBACF,CAAC;EACD,MAAMe,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAC5C,MAAM;IAAEC,KAAK,EAAEC;EAAW,CAAC,GAAGb,KAAK;EACnC,MAAM;IAAEc,WAAW;IAAEC,UAAU;IAAEC;EAAiB,CAAC,GAAGH,UAAU;EAChE,MAAM;IAAEI;EAA4B,CAAC,GAAGD,gBAAgB;EACxD,MAAM;IAAEE,SAAS,EAAEzC;EAAE,CAAC,GAAGsC,UAAU;EACnC,MAAMI,UAAU,GACdJ,UAAU,CAACK,MAAM,CAACC,MAAM,CAACC,MAAM,IAAIP,UAAU,CAACK,MAAM,CAACC,MAAM,CAACE,SAAS;EAEvE,MAAMC,aAAa,GAAG,IAAAC,aAAM,EAA0B,IAAI,CAAC;EAC3D,MAAMC,YAAY,GAAG,IAAAC,cAAO,EAAC,MAAM;IACjC,MAAM;MAAEC,oBAAoB;MAAEC;IAAW,CAAC,GAAGZ,2BAA2B;IAExE,MAAMa,WAAW,GAAIC,IAA2C,IAAK;MACnE,MAAMC,UAAU,GAAG,CAAAlB,WAAW,oBAAXA,WAAW,CAAEmB,EAAE,MAAKF,IAAI,CAACE,EAAE;MAC9C,MAAMC,MAAM,GAAG,IAAAC,2CAAe,EAAC;QAC7BJ,IAAI;QACJlB,UAAU;QACVuB,MAAM,EACJ7B,UAAU,IAAIyB,UAAU,gBACtBvE,MAAA,CAAAyB,OAAA,CAAAmD,aAAA,CAACrE,kBAAA,CAAAsE,iBAAiB;UAChBC,GAAG,EAAEf,aAAc;UACnBgB,MAAM,EAAC,aAAa;UACpBxC,KAAK,EAAEA,KAAM;UACbyC,QAAQ;UAAAC,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAArE,YAAA;YAAAsE,UAAA;YAAAC,YAAA;UAAA;QAAA,CACT,CAAC,GACAC;MACR,CAAC,CAAC;MAEF,OAAOb,MAAM;IACf,CAAC;IAED,OAAO,CACL,GAAGN,oBAAoB,CAACoB,GAAG,CAAClB,WAAW,CAAC,EACxC,GAAGD,UAAU,CAACoB,OAAO,CAAEC,QAAQ,IAAK,CAClC,IAAI,IAAAC,2CAAe,EAAC;MAAED,QAAQ;MAAErC;IAAW,CAAC,CAAC,GACzC,CAAC,IAAAuC,+CAAmB,EAAC;MAAEF,QAAQ;MAAErC;IAAW,CAAC,CAAC,CAAC,GAC/C,EAAE,CAAC,EACP,GAAGqC,QAAQ,CAACtC,KAAK,CAACoC,GAAG,CAAClB,WAAW,CAAC,CACnC,CAAC,CACH;EACH,CAAC,EAAE,CACDb,2BAA2B,EAC3BZ,SAAS,CAACgD,QAAQ,CAAChC,MAAM,EACzBP,WAAW,oBAAXA,WAAW,CAAEmB,EAAE,EACf1B,UAAU,CACX,CAAC;EAEF,MAAM;IAAE+C,OAAO;IAAEC;EAAY,CAAC,GAAGpC,UAAU,GACvC;IACEmC,OAAO,EAAE,EAAE;IACXC,WAAW,eACT9F,MAAA,CAAAyB,OAAA,CAAAmD,aAAA,CAACxE,aAAA,CAAA2F,GAAG;MACFzD,QAAQ,EAAC,gBAAgB;MACzB0D,KAAK,EAAC,MAAM;MACZC,KAAK,EAAC,QAAQ;MACdC,aAAa,EAAC,QAAQ;MACtBC,OAAO,EAAC,KAAK;MAAAlB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArE,YAAA;QAAAsE,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEbrF,MAAA,CAAAyB,OAAA,CAAAmD,aAAA,CAACxE,aAAA,CAAAgG,MAAM;MAACC,IAAI,EAAC,OAAO;MAAApB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArE,YAAA;QAAAsE,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACnB;EAET,CAAC,GACD;IACEQ,OAAO,EAAE5B,YAAY;IACrB6B,WAAW,EAAEhD,UAAU,gBACrB9C,MAAA,CAAAyB,OAAA,CAAAmD,aAAA,CAAClE,oBAAA,CAAA4F,mBAAmB;MAAC/D,KAAK,EAAEA,KAAM;MAAA0C,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArE,YAAA;QAAAsE,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,GACnCC;EACN,CAAC;EAEL,MAAM;IACJiB,KAAK,EAAE;MAAEjD,UAAU,EAAEkD;IAAe;EACtC,CAAC,GAAGjE,KAAK;EAET,MAAMkE,eAAe,GACnBjE,SAAS,KACRgE,cAAc,CAACE,WAAW,KAAK,SAAS,IACvCF,cAAc,CAACG,iBAAiB,CAAC;EAErC,oBACE3G,MAAA,CAAAyB,OAAA,CAAAmD,aAAA,CAACxE,aAAA,CAAA2F,GAAG;IAACzD,QAAQ,EAAEA,QAAS;IAAA2C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArE,YAAA;MAAAsE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACtBrF,MAAA,CAAAyB,OAAA,CAAAmD,aAAA,CAACxE,aAAA,CAAA2F,GAAG;IAACC,KAAK,EAAEvD,aAAc;IAACmE,SAAS,EAAC,UAAU;IAAA3B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArE,YAAA;MAAAsE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC7CrF,MAAA,CAAAyB,OAAA,CAAAmD,aAAA,CAACnE,qBAAA,CAAAoG,oBAAoB,MAAAC,SAAA,CAAArF,OAAA;IACnBsF,iBAAiB,EACf,CAACrD,UAAU,IAAI1C,CAAC,CAAC,yCAAyC,CAC3D;IACDuB,KAAK,EAAEA,KAAK,CAACY,KAAK,CAAC6D,yBAA0B;IAC7CC,KAAK,EAAE1D,gBAAgB,CAAC2D,UAAW;IACnCC,QAAQ,EAAGpG,CAAC,IACVwC,gBAAgB,CAAC6D,8BAA8B,CAACrG,CAAC,CAACsG,MAAM,CAACJ,KAAK,CAC/D;IACDK,UAAU,EAAEA,CAAA,KAAM/D,gBAAgB,CAACgE,WAAW,CAAC,CAAE;IACjD9E,aAAa,EAAEK,UAAU,GAAG,OAAO,GAAGL,aAAc;IACpD+E,YAAY,EAAE;MAAEC,SAAS,EAAE;IAAe;EAAE,GACxC/E,aAAa;IACjBgF,SAAS,EACP5E,UAAU,GACL2B,MAAM,IAAK;MACV,IAAIA,MAAM,CAACD,EAAE,MAAKnB,WAAW,oBAAXA,WAAW,CAAEmB,EAAE,GAAE;QAAA,IAAAmD,qBAAA;QACjC,CAAAA,qBAAA,GAAA5D,aAAa,CAAC6D,OAAO,aAArBD,qBAAA,CAAuBE,YAAY,CAAC,CAAC;MACvC;IACF,CAAC,GACDvC,SACL;IACDwC,cAAc,EAAG/G,CAAC,IAAK;MACrBwB,KAAK,CAACwF,oBAAoB,CAACC,qBAAqB,CAAC,CAAC;MAClDtF,aAAa,YAAbA,aAAa,CAAEoF,cAAc,YAA7BpF,aAAa,CAAEoF,cAAc,CAAG/G,CAAC,CAAC;IACpC,CAAE;IACF+E,WAAW,EAAEA,WAAY;IACzBmC,MAAM,EAAEhF,gBAAgB,GAAG,UAAU,GAAG,OAAQ;IAChDiF,UAAU,EAAE7E,WAAW,oBAAXA,WAAW,CAAEmB,EAAG;IAC5B2D,aAAa,EACX9E,WAAW,GACP,IAAA+E,uCAAW,EAAC;MAAE9D,IAAI,EAAEjB,WAAW;MAAED;IAAW,CAAC,CAAC,GAC9CkC,SACL;IACD+C,YAAY,EAAC,UAAU;IACvBC,MAAM,eACJtI,MAAA,CAAAyB,OAAA,CAAAmD,aAAA;MACE,aAAU,uBAAuB;MACjC2D,OAAO,EAAEA,CAAA,KAAMnF,UAAU,CAAC4D,yBAAyB,CAACwB,UAAU,CAAC,CAAE;MACjEC,KAAK,EAAE;QAAEC,MAAM,EAAE,SAAS;QAAEC,OAAO,EAAE;MAAc,CAAE;MAAA1D,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArE,YAAA;QAAAsE,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAErDrF,MAAA,CAAAyB,OAAA,CAAAmD,aAAA,CAACjE,oBAAA,CAAAiI,mBAAmB;MAACrG,KAAK,EAAEA,KAAM;MAAA0C,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArE,YAAA;QAAAsE,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACjC,CACN;IACDV,MAAM,EACJ8B,eAAe,gBACbzG,MAAA,CAAAyB,OAAA,CAAAmD,aAAA;MACE,aAAU,uBAAuB;MACjC2D,OAAO,EAAEA,CAAA,KACPnF,UAAU,CAAC4D,yBAAyB,CAACwB,UAAU,CAAC,CACjD;MACDC,KAAK,EAAE;QAAEC,MAAM,EAAE,SAAS;QAAEC,OAAO,EAAE;MAAc,CAAE;MAAA1D,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArE,YAAA;QAAAsE,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAErDrF,MAAA,CAAAyB,OAAA,CAAAmD,aAAA,CAACxE,aAAA,CAAA2F,GAAG;MAAC8C,SAAS,EAAC,aAAa;MAAA5D,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArE,YAAA;QAAAsE,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAC1BrF,MAAA,CAAAyB,OAAA,CAAAmD,aAAA,CAACxE,aAAA,CAAA0I,KAAK,CAACC,KAAK;MAAA9D,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArE,YAAA;QAAAsE,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAC,GACV,EAAC9C,KAAK,CAACgE,KAAK,CAACjD,UAAU,CAACK,MAAM,CAACqF,KAAK,EAAC,GAC3B,CACV,CACF,CAAC,GACJ1D,SACL;IACDuD,SAAS,EAAE,IAAAI,sBAAE,EAACC,2BAAO,CAACC,IAAI,CAAE;IAC5B7G,QAAQ,EAAC,2BAA2B;IACpCD,QAAQ,EAAGoC,MAAM,IAAK;MACpBrB,UAAU,CAACgG,MAAM,CAACC,IAAI,CAAC,kBAAkB,CAAC;MAC1C,MAAM7E,EAAE,GAAGC,MAAM,CAACD,EAAE,CAAC8E,QAAQ,CAAC,CAAC;MAC/B,MAAMhF,IAAI,GAAGlB,UAAU,CAACmG,OAAO,CAAC/E,EAAE,CAAC;MACnC,IAAIF,IAAI,EAAE;QACRjC,QAAQ,YAARA,QAAQ,CAAGiC,IAAI,CAAC;QAChBlB,UAAU,CAACoG,UAAU,CAAC;UAAEhF;QAAG,CAAC,CAAC;QAC7BpB,UAAU,CAACgG,MAAM,CAACC,IAAI,CAAC,iBAAiB,EAAE;UAAE/E;QAAK,CAAC,CAAC;MACrD;MACAf,gBAAgB,CAACgE,WAAW,CAAC,CAAC;IAChC,CAAE;IACF1B,OAAO,EAAEA,OAAQ;IACjB4D,WAAW,EAAEzI,CAAC,CAAC,uCAAuC,CAAE;IAAAiE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArE,YAAA;MAAAsE,UAAA;MAAAC,YAAA;IAAA;EAAA,EACzD,CACE,CAAC,EAEL,CAACvC,UAAU,iBACV9C,MAAA,CAAAyB,OAAA,CAAAmD,aAAA,CAACxE,aAAA,CAAA2F,GAAG;IAACG,aAAa,EAAC,QAAQ;IAACwD,WAAW,EAAC,KAAK;IAAAzE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArE,YAAA;MAAAsE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC3CrF,MAAA,CAAAyB,OAAA,CAAAmD,aAAA,CAACrE,kBAAA,CAAAsE,iBAAiB;IAACE,MAAM,EAAC,aAAa;IAACxC,KAAK,EAAEA,KAAM;IAAA0C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArE,YAAA;MAAAsE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACpD,CACN,eAEDrF,MAAA,CAAAyB,OAAA,CAAAmD,aAAA,CAACvE,oBAAA,CAAAsJ,mBAAmB;IAACpH,KAAK,EAAEA,KAAM;IAAA0C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArE,YAAA;MAAAsE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACjC,CAAC;AAEV;AAEO,MAAMuE,aAAa,GAAAzH,OAAA,CAAAyH,aAAA,GAAG,IAAAC,uBAAQ,EAACzH,cAAc,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js CHANGED Viewed

@@ -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_ = "ViewsDropdown3062685421";
+var _namespace_ = "ViewsDropdown4280316337";
 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": "ViewsDropdown3062685421__root"
+  "root": "ViewsDropdown4280316337__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map CHANGED Viewed

	@@ -1 +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_ = \"~~ViewsDropdown3062685421~~\";\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\":\"~~ViewsDropdown3062685421__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":[]}
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_ = \"ViewsDropdown4280316337\";\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\":\"ViewsDropdown4280316337__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 CHANGED Viewed

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.ViewsDropdownPrefix = void 0;
 exports._ViewsDropdownPrefix = _ViewsDropdownPrefix;
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _react2 = require("@wix/bex-core/react");
@@ -60,7 +60,7 @@ function _ViewsDropdownPrefix(props) {
         lineNumber: 47,
         columnNumber: 13
       }
-    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.StatusAlertSmall, {
+    }, /*#__PURE__*/_react.default.createElement(_lazy.StatusAlertSmall, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
@@ -70,12 +70,11 @@ function _ViewsDropdownPrefix(props) {
     })))));
   }
   if (views.isDefaultView) {
-    const DefaultIcon = isRedesign ? _wixUiIconsCommon.PinSmall : _wixUiIconsCommon.FlagSmall;
     return /*#__PURE__*/_react.default.createElement(_designSystem.Input.Affix, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 59,
+        lineNumber: 58,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -83,15 +82,22 @@ function _ViewsDropdownPrefix(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 60,
+        lineNumber: 59,
         columnNumber: 9
       }
-    }, /*#__PURE__*/_react.default.createElement(DefaultIcon, {
+    }, isRedesign ? /*#__PURE__*/_react.default.createElement(_lazy.PinSmall, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 61,
-        columnNumber: 11
+        lineNumber: 60,
+        columnNumber: 25
+      }
+    }) : /*#__PURE__*/_react.default.createElement(_lazy.FlagSmall, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 60,
+        columnNumber: 40
       }
     })));
   }

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_designSystem","require","~~_wixUiIconsCommon~~","_react","_interopRequireDefault","_mobxReactLite","_react2","_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 '@wix/bex-core/react';\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":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,~~iBAAA~~,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAGA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AAA4D,IAAAO,YAAA;AAMrD,SAASC,oBAAoBA,CAClCC,KAAqC,EACrC;EAAA,IAAAC,qBAAA;EACA,MAAM;IAAEC;EAAM,CAAC,GAAGF,KAAK;EACvB,MAAMG,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAMC,UAAU,IAAAJ,qBAAA,GAAGE,SAAS,CAACG,mBAAmB,qBAA7BL,qBAAA,CAA+BM,OAAO,CACvDC,wCACF,CAAC;EAED,MAAM;IAAEC;EAAM,CAAC,GAAGP,KAAK;EACvB,MAAM;IACJQ,UAAU,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC7B,CAAC,GAAGH,KAAK;EAET,IACE,CAACA,KAAK,CAACI,qBAAqB,IAC3BJ,KAAK,CAACI,qBAAqB,IAAIX,KAAK,CAACY,aAAc,EACpD;IACA,oBACErB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAA2B,KAAK,CAACC,KAAK;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACV9B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAAkC,GAAG;MAACC,QAAQ,EAAC,sBAAsB;MAAAN,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAClC9B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAAoC,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,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAED9B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAAkC,GAAG;MAACK,aAAa,EAAC,QAAQ;MAACC,KAAK,EAAC,KAAK;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACrC9B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACxB,~~iBAAA~~,CAAAuC,gBAAgB;MAAAZ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAChB,CACE,CACN,CACM,CAAC;EAElB;EAEA,IAAId,KAAK,CAACuB,aAAa,EAAE;IACvB,~~MAAMC~~,~~WAAW,GAAG5B,UAAU,GAAG6B,0BAAQ,GAAGC,2BAAS;IACrD,oBACE1C,~~MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAA2B,KAAK,CAACC,KAAK;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACV9B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAAkC,GAAG;MAACC,QAAQ,EAAC,cAAc;MAAAN,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,~~gBAC1B9B~~,MAAA,CAAAsB,OAAA,CAAAC,aAAA,~~CAACiB~~,~~WAAW~~;MAAAd,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,~~CACX~~,CACM,CAAC;EAElB;EAEA,OAAO,IAAI;AACb;AAEO,~~MAAMa~~,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,IAAAE,uBAAQ,~~EAACvC~~,oBAAoB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_designSystem","require","_lazy","_react","_interopRequireDefault","_mobxReactLite","_react2","_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","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/lazy';\nimport React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionViewsState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\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 return (\n <Input.Affix>\n <Box dataHook=\"view-default\">\n {isRedesign ? <PinSmall /> : <FlagSmall />}\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":[]}