@wix/patterns 1.358.0 → 1.360.0

package/dist/cjs/components/CollectionViewsDropdown/ManageViewPopover.uni.driver.js

@@ -20,6 +20,17 @@ const ManageViewPopoverUniDriver = (base, body) => {
     const contentElement = await getContentElement();
     return (0, _unidriver.DropdownLayoutUniDriver)(contentElement.$(`[data-hook="dropdown-base-dropdownlayout"]`), body);
   };
+
+  /**
+   * In redesign mode the "Save to New View" item is removed from the popover
+   * (moved to a dropdown footer), so all option indices shift by -1.
+   * This helper detects which mode we're in by checking for the save-new-view item.
+   */
+  const getSaveNewViewOffset = async () => {
+    const contentElement = await getContentElement();
+    const hasSaveNew = await contentElement.$('[data-hook="save-new-view"]').exists();
+    return hasSaveNew ? 1 : 0;
+  };
   return {
     ...(0, _unidriver2.baseUniDriverFactory)(base),
     exists: () => manageViewPopoverDriver().exists(),
@@ -29,7 +40,7 @@ const ManageViewPopoverUniDriver = (base, body) => {
     isOpen: () => manageViewPopoverDriver().isMenuOpen(),
     /** Trigger save changes action */
     clickSaveChanges: () => manageViewPopoverDriver().clickAtChildByDataHook('save-changes-to-view'),
-    /** Trigger save new view action */
+    /** Trigger save new view action (legacy mode only) */
     clickSaveNewView: () => manageViewPopoverDriver().clickAtChildByDataHook('save-new-view'),
     /** Trigger rename view action */
     clickRenameView: () => manageViewPopoverDriver().clickAtChildByDataHook('rename-view'),
@@ -37,30 +48,33 @@ const ManageViewPopoverUniDriver = (base, body) => {
     clickSetAsDefaultView: () => manageViewPopoverDriver().clickAtChildByDataHook('set-as-default-view'),
     /** Trigger delete view action */
     clickDeleteView: () => manageViewPopoverDriver().clickAtChildByDataHook('delete-view'),
-    /** Get save changes btn */
+    /** Get save changes btn (always at index 0) */
     getSaveChangesBtn: async () => {
       const dropdownLayoutDriver = await getDropdownLayoutDriver();
       return dropdownLayoutDriver.optionById(0);
     },
-    /** Get save new view btn */
+    /** Get save new view btn (legacy mode only, index 1) */
     getSaveNewViewBtn: async () => {
       const dropdownLayoutDriver = await getDropdownLayoutDriver();
       return dropdownLayoutDriver.optionById(1);
     },
-    /** Get rename view btn */
+    /** Get rename view btn (auto-detects redesign vs legacy offset) */
     getRenameViewBtn: async () => {
       const dropdownLayoutDriver = await getDropdownLayoutDriver();
-      return dropdownLayoutDriver.optionById(2);
+      const offset = await getSaveNewViewOffset();
+      return dropdownLayoutDriver.optionById(1 + offset);
     },
-    /** Get set as default view btn */
+    /** Get set as default view btn (auto-detects redesign vs legacy offset) */
     getSetAsDefaultViewBtn: async () => {
       const dropdownLayoutDriver = await getDropdownLayoutDriver();
-      return dropdownLayoutDriver.optionById(3);
+      const offset = await getSaveNewViewOffset();
+      return dropdownLayoutDriver.optionById(2 + offset);
     },
-    /** Get delete view btn */
+    /** Get delete view btn (auto-detects redesign vs legacy offset) */
     getDeleteViewBtn: async () => {
       const dropdownLayoutDriver = await getDropdownLayoutDriver();
-      return dropdownLayoutDriver.optionById(4);
+      const offset = await getSaveNewViewOffset();
+      return dropdownLayoutDriver.optionById(3 + offset);
     }
   };
 };

package/dist/cjs/components/CollectionViewsDropdown/ManageViewPopover.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","ManageViewPopoverUniDriver","base","body","manageViewPopoverDriverBase","$","manageViewPopoverDriver","PopoverMenuUniDriver","getContentElement","popoverDriverBase","contentDataHook","attr","baseDataHook","getDropdownLayoutDriver","contentElement","DropdownLayoutUniDriver","baseUniDriverFactory","exists","open","getTriggerElement","click","isOpen","isMenuOpen","clickSaveChanges","clickAtChildByDataHook","clickSaveNewView","clickRenameView","clickSetAsDefaultView","clickDeleteView","getSaveChangesBtn","dropdownLayoutDriver","optionById","getSaveNewViewBtn","getRenameViewBtn","getSetAsDefaultViewBtn","getDeleteViewBtn","exports"],"sources":["../../../../src/components/CollectionViewsDropdown/ManageViewPopover.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  DropdownLayoutUniDriver,\n  PopoverMenuUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\n\nexport const ManageViewPopoverUniDriver = (\n  base: UniDriver,\n  body: UniDriver,\n) => {\n  const manageViewPopoverDriverBase = () =>\n    base.$('[data-hook=\"manage-view-popover\"]');\n\n  const manageViewPopoverDriver = () =>\n    PopoverMenuUniDriver(manageViewPopoverDriverBase(), body);\n\n  const getContentElement = async () => {\n    const popoverDriverBase = manageViewPopoverDriverBase();\n\n    const contentDataHook = await popoverDriverBase.attr('data-content-hook');\n\n    if (contentDataHook) {\n      return body.$(`[data-content-element=\"${contentDataHook}\"]`);\n    }\n\n    const baseDataHook = await popoverDriverBase.attr('data-hook');\n\n    return body.$(`[data-hook=\"${baseDataHook}-content\"]`);\n  };\n\n  const getDropdownLayoutDriver = async () => {\n    const contentElement = await getContentElement();\n    return DropdownLayoutUniDriver(\n      contentElement.$(`[data-hook=\"dropdown-base-dropdownlayout\"]`),\n      body,\n    );\n  };\n\n  return {\n    ...baseUniDriverFactory(base),\n    exists: () => manageViewPopoverDriver().exists(),\n\n    /** Opens the manage view popover */\n    open: () =>\n      manageViewPopoverDriver()\n        .getTriggerElement('manage-view-popover-button')\n        .click(),\n    /** Indicates whether the manage view popover is open */\n    isOpen: () => manageViewPopoverDriver().isMenuOpen(),\n    /** Trigger save changes action */\n    clickSaveChanges: () =>\n      manageViewPopoverDriver().clickAtChildByDataHook('save-changes-to-view'),\n    /** Trigger save new view action */\n    clickSaveNewView: () =>\n      manageViewPopoverDriver().clickAtChildByDataHook('save-new-view'),\n    /** Trigger rename view action */\n    clickRenameView: () =>\n      manageViewPopoverDriver().clickAtChildByDataHook('rename-view'),\n    /** Trigger set as default view action */\n    clickSetAsDefaultView: () =>\n      manageViewPopoverDriver().clickAtChildByDataHook('set-as-default-view'),\n    /** Trigger delete view action */\n    clickDeleteView: () =>\n      manageViewPopoverDriver().clickAtChildByDataHook('delete-view'),\n    /** Get save changes btn */\n    getSaveChangesBtn: async () => {\n      const dropdownLayoutDriver = await getDropdownLayoutDriver();\n      return dropdownLayoutDriver.optionById(0);\n    },\n    /** Get save new view btn */\n    getSaveNewViewBtn: async () => {\n      const dropdownLayoutDriver = await getDropdownLayoutDriver();\n      return dropdownLayoutDriver.optionById(1);\n    },\n    /** Get rename view btn */\n    getRenameViewBtn: async () => {\n      const dropdownLayoutDriver = await getDropdownLayoutDriver();\n      return dropdownLayoutDriver.optionById(2);\n    },\n    /** Get set as default view btn */\n    getSetAsDefaultViewBtn: async () => {\n      const dropdownLayoutDriver = await getDropdownLayoutDriver();\n      return dropdownLayoutDriver.optionById(3);\n    },\n    /** Get delete view btn */\n    getDeleteViewBtn: async () => {\n      const dropdownLayoutDriver = await getDropdownLayoutDriver();\n      return dropdownLayoutDriver.optionById(4);\n    },\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","ManageViewPopoverUniDriver","base","body","manageViewPopoverDriverBase","$","manageViewPopoverDriver","PopoverMenuUniDriver","getContentElement","popoverDriverBase","contentDataHook","attr","baseDataHook","getDropdownLayoutDriver","contentElement","DropdownLayoutUniDriver","getSaveNewViewOffset","hasSaveNew","exists","baseUniDriverFactory","open","getTriggerElement","click","isOpen","isMenuOpen","clickSaveChanges","clickAtChildByDataHook","clickSaveNewView","clickRenameView","clickSetAsDefaultView","clickDeleteView","getSaveChangesBtn","dropdownLayoutDriver","optionById","getSaveNewViewBtn","getRenameViewBtn","offset","getSetAsDefaultViewBtn","getDeleteViewBtn","exports"],"sources":["../../../../src/components/CollectionViewsDropdown/ManageViewPopover.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  DropdownLayoutUniDriver,\n  PopoverMenuUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\n\nexport const ManageViewPopoverUniDriver = (\n  base: UniDriver,\n  body: UniDriver,\n) => {\n  const manageViewPopoverDriverBase = () =>\n    base.$('[data-hook=\"manage-view-popover\"]');\n\n  const manageViewPopoverDriver = () =>\n    PopoverMenuUniDriver(manageViewPopoverDriverBase(), body);\n\n  const getContentElement = async () => {\n    const popoverDriverBase = manageViewPopoverDriverBase();\n\n    const contentDataHook = await popoverDriverBase.attr('data-content-hook');\n\n    if (contentDataHook) {\n      return body.$(`[data-content-element=\"${contentDataHook}\"]`);\n    }\n\n    const baseDataHook = await popoverDriverBase.attr('data-hook');\n\n    return body.$(`[data-hook=\"${baseDataHook}-content\"]`);\n  };\n\n  const getDropdownLayoutDriver = async () => {\n    const contentElement = await getContentElement();\n    return DropdownLayoutUniDriver(\n      contentElement.$(`[data-hook=\"dropdown-base-dropdownlayout\"]`),\n      body,\n    );\n  };\n\n  /**\n   * In redesign mode the \"Save to New View\" item is removed from the popover\n   * (moved to a dropdown footer), so all option indices shift by -1.\n   * This helper detects which mode we're in by checking for the save-new-view item.\n   */\n  const getSaveNewViewOffset = async () => {\n    const contentElement = await getContentElement();\n    const hasSaveNew = await contentElement\n      .$('[data-hook=\"save-new-view\"]')\n      .exists();\n    return hasSaveNew ? 1 : 0;\n  };\n\n  return {\n    ...baseUniDriverFactory(base),\n    exists: () => manageViewPopoverDriver().exists(),\n\n    /** Opens the manage view popover */\n    open: () =>\n      manageViewPopoverDriver()\n        .getTriggerElement('manage-view-popover-button')\n        .click(),\n    /** Indicates whether the manage view popover is open */\n    isOpen: () => manageViewPopoverDriver().isMenuOpen(),\n    /** Trigger save changes action */\n    clickSaveChanges: () =>\n      manageViewPopoverDriver().clickAtChildByDataHook('save-changes-to-view'),\n    /** Trigger save new view action (legacy mode only) */\n    clickSaveNewView: () =>\n      manageViewPopoverDriver().clickAtChildByDataHook('save-new-view'),\n    /** Trigger rename view action */\n    clickRenameView: () =>\n      manageViewPopoverDriver().clickAtChildByDataHook('rename-view'),\n    /** Trigger set as default view action */\n    clickSetAsDefaultView: () =>\n      manageViewPopoverDriver().clickAtChildByDataHook('set-as-default-view'),\n    /** Trigger delete view action */\n    clickDeleteView: () =>\n      manageViewPopoverDriver().clickAtChildByDataHook('delete-view'),\n    /** Get save changes btn (always at index 0) */\n    getSaveChangesBtn: async () => {\n      const dropdownLayoutDriver = await getDropdownLayoutDriver();\n      return dropdownLayoutDriver.optionById(0);\n    },\n    /** Get save new view btn (legacy mode only, index 1) */\n    getSaveNewViewBtn: async () => {\n      const dropdownLayoutDriver = await getDropdownLayoutDriver();\n      return dropdownLayoutDriver.optionById(1);\n    },\n    /** Get rename view btn (auto-detects redesign vs legacy offset) */\n    getRenameViewBtn: async () => {\n      const dropdownLayoutDriver = await getDropdownLayoutDriver();\n      const offset = await getSaveNewViewOffset();\n      return dropdownLayoutDriver.optionById(1 + offset);\n    },\n    /** Get set as default view btn (auto-detects redesign vs legacy offset) */\n    getSetAsDefaultViewBtn: async () => {\n      const dropdownLayoutDriver = await getDropdownLayoutDriver();\n      const offset = await getSaveNewViewOffset();\n      return dropdownLayoutDriver.optionById(2 + offset);\n    },\n    /** Get delete view btn (auto-detects redesign vs legacy offset) */\n    getDeleteViewBtn: async () => {\n      const dropdownLayoutDriver = await getDropdownLayoutDriver();\n      const offset = await getSaveNewViewOffset();\n      return dropdownLayoutDriver.optionById(3 + offset);\n    },\n  };\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.SaveToNewViewFooter = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _react2 = require("@wix/bex-core/react");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionViewsDropdown/SaveToNewViewFooter.tsx";
+function _SaveToNewViewFooter({
+  state
+}) {
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const {
+    views: viewsState
+  } = state;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": "save-to-new-view-footer",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 20,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 21,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.ListItemAction, {
+    size: "medium",
+    weight: "thin",
+    dataHook: "save-to-new-view",
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 26,
+        columnNumber: 21
+      }
+    }),
+    disabled: viewsState.reachedViewsLimit,
+    onClick: () => {
+      viewsState.saveViewModal.open();
+      state.table.closeSidePanel();
+    },
+    title: t('cairo.manageView.saveNewView.CTA'),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 22,
+      columnNumber: 7
+    }
+  }));
+}
+const SaveToNewViewFooter = exports.SaveToNewViewFooter = (0, _mobxReactLite.observer)(_SaveToNewViewFooter);
+//# sourceMappingURL=SaveToNewViewFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_react2","_jsxFileName","_SaveToNewViewFooter","state","translate","t","useWixPatternsContainer","views","viewsState","default","createElement","__self","__source","fileName","lineNumber","columnNumber","Divider","ListItemAction","size","weight","dataHook","prefixIcon","Add","disabled","reachedViewsLimit","onClick","saveViewModal","open","table","closeSidePanel","title","SaveToNewViewFooter","exports","observer"],"sources":["../../../../src/components/CollectionViewsDropdown/SaveToNewViewFooter.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Divider, ListItemAction } from '@wix/design-system';\nimport { Add } from '@wix/wix-ui-icons-common';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionViewsState } from '../../state';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface SaveToNewViewFooterProps<T, F extends FiltersMap> {\n  state: CollectionViewsState<T, F>;\n}\n\nfunction _SaveToNewViewFooter<T, F extends FiltersMap>({\n  state,\n}: SaveToNewViewFooterProps<T, F>) {\n  const { translate: t } = useWixPatternsContainer();\n  const { views: viewsState } = state;\n\n  return (\n    <div data-hook=\"save-to-new-view-footer\">\n      <Divider />\n      <ListItemAction\n        size=\"medium\"\n        weight=\"thin\"\n        dataHook=\"save-to-new-view\"\n        prefixIcon={<Add />}\n        disabled={viewsState.reachedViewsLimit}\n        onClick={() => {\n          viewsState.saveViewModal.open();\n          state.table.closeSidePanel();\n        }}\n        title={t('cairo.manageView.saveNewView.CTA')}\n      />\n    </div>\n  );\n}\n\nexport const SaveToNewViewFooter = observer(_SaveToNewViewFooter);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAGA,IAAAI,OAAA,GAAAJ,OAAA;AAA8D,IAAAK,YAAA;AAM9D,SAASC,oBAAoBA,CAA0B;EACrDC;AAC8B,CAAC,EAAE;EACjC,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAM;IAAEC,KAAK,EAAEC;EAAW,CAAC,GAAGL,KAAK;EAEnC,oBACET,MAAA,CAAAe,OAAA,CAAAC,aAAA;IAAK,aAAU,yBAAyB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACtCrB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAkB,OAAO;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACXrB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAmB,cAAc;IACbC,IAAI,EAAC,QAAQ;IACbC,MAAM,EAAC,MAAM;IACbC,QAAQ,EAAC,kBAAkB;IAC3BC,UAAU,eAAE3B,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,iBAAA,CAAAuB,GAAG;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAZ,YAAA;QAAAa,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACpBQ,QAAQ,EAAEf,UAAU,CAACgB,iBAAkB;IACvCC,OAAO,EAAEA,CAAA,KAAM;MACbjB,UAAU,CAACkB,aAAa,CAACC,IAAI,CAAC,CAAC;MAC/BxB,KAAK,CAACyB,KAAK,CAACC,cAAc,CAAC,CAAC;IAC9B,CAAE;IACFC,KAAK,EAAEzB,CAAC,CAAC,kCAAkC,CAAE;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC9C,CACE,CAAC;AAEV;AAEO,MAAMgB,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,IAAAE,uBAAQ,EAAC/B,oBAAoB,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionViewsDropdown/SaveToNewViewFooter.uni.driver.js

@@ -0,0 +1,20 @@
+"use strict";
+
+exports.__esModule = true;
+exports.SaveToNewViewFooterUniDriver = void 0;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _unidriver2 = require("../../unidriver");
+const SaveToNewViewFooterUniDriver = (base, body) => {
+  const footerBase = () => base.$('[data-hook="save-to-new-view-footer"]');
+  const saveButton = () => (0, _unidriver.TextButtonUniDriver)(base.$('[data-hook="save-to-new-view"]'), body);
+  return {
+    ...(0, _unidriver2.baseUniDriverFactory)(base),
+    exists: () => footerBase().exists(),
+    /** Click the "Save to New View" button */
+    clickSaveNewView: () => saveButton().click(),
+    /** Get the "Save to New View" TextButton driver */
+    getSaveNewViewBtn: () => saveButton()
+  };
+};
+exports.SaveToNewViewFooterUniDriver = SaveToNewViewFooterUniDriver;
+//# sourceMappingURL=SaveToNewViewFooter.uni.driver.js.map

package/dist/cjs/components/CollectionViewsDropdown/SaveToNewViewFooter.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_unidriver2","SaveToNewViewFooterUniDriver","base","body","footerBase","$","saveButton","TextButtonUniDriver","baseUniDriverFactory","exists","clickSaveNewView","click","getSaveNewViewBtn","exports"],"sources":["../../../../src/components/CollectionViewsDropdown/SaveToNewViewFooter.uni.driver.ts"],"sourcesContent":["import type { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { TextButtonUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\n\nexport const SaveToNewViewFooterUniDriver = (\n  base: UniDriver,\n  body: UniDriver,\n) => {\n  const footerBase = () => base.$('[data-hook=\"save-to-new-view-footer\"]');\n  const saveButton = () =>\n    TextButtonUniDriver(base.$('[data-hook=\"save-to-new-view\"]'), body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    exists: () => footerBase().exists(),\n    /** Click the \"Save to New View\" button */\n    clickSaveNewView: () => saveButton().click(),\n    /** Get the \"Save to New View\" TextButton driver */\n    getSaveNewViewBtn: () => saveButton(),\n  };\n};\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,MAAME,4BAA4B,GAAGA,CAC1CC,IAAe,EACfC,IAAe,KACZ;EACH,MAAMC,UAAU,GAAGA,CAAA,KAAMF,IAAI,CAACG,CAAC,CAAC,uCAAuC,CAAC;EACxE,MAAMC,UAAU,GAAGA,CAAA,KACjB,IAAAC,8BAAmB,EAACL,IAAI,CAACG,CAAC,CAAC,gCAAgC,CAAC,EAAEF,IAAI,CAAC;EAErE,OAAO;IACL,GAAG,IAAAK,gCAAoB,EAACN,IAAI,CAAC;IAC7BO,MAAM,EAAEA,CAAA,KAAML,UAAU,CAAC,CAAC,CAACK,MAAM,CAAC,CAAC;IACnC;IACAC,gBAAgB,EAAEA,CAAA,KAAMJ,UAAU,CAAC,CAAC,CAACK,KAAK,CAAC,CAAC;IAC5C;IACAC,iBAAiB,EAAEA,CAAA,KAAMN,UAAU,CAAC;EACtC,CAAC;AACH,CAAC;AAACO,OAAA,CAAAZ,4BAAA,GAAAA,4BAAA","ignoreList":[]}

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_ = "ViewsDropdown3132423709";
+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": "ViewsDropdown3132423709__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_ = \"ViewsDropdown3132423709\";\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\":\"ViewsDropdown3132423709__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":[]}