@wix/patterns 0.8.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_AutoCompleteReadonlyState","_AutoCompleteReadonlyStCss","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_AutoCompleteReadonly","props","_String","value","selectedLabel","dropdownWidth","clearInput","state","useState","AutoCompleteReadonlyState","useEffect","disableEditing","valueOrSelected","useMemo","createElement","AutoComplete","_extends2","ref","instance","autoComplete","onSelect","option","sameOptionWasPicked","onFocus","onBlur","onClickOutside","suffix","String","trim","undefined","placeholder","onKeyDown","nativeEvent","code","onTabKeyDown","clearButton","onClear","onInputClearButtonClick","onOptionsShow","focusOnClearClick","className","st","classes","root","inputElement","Input","__self","__source","fileName","lineNumber","columnNumber","AutoCompleteReadonly","exports","observer"],"sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.tsx"],"sourcesContent":["import { AutoComplete, AutoCompleteProps, Input } from '@wix/design-system';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { AutoCompleteReadonlyState } from './AutoCompleteReadonlyState';\nimport { classes, st } from './AutoCompleteReadonly.st.css.js';\n\nexport interface AutoCompleteReadonlyProps extends AutoCompleteProps {\n  selectedLabel?: string;\n  state?: AutoCompleteReadonlyState;\n  clearInput?: () => void;\n}\n\nfunction _AutoCompleteReadonly(props: AutoCompleteReadonlyProps) {\n  const { value, selectedLabel, dropdownWidth, clearInput } = props;\n\n  const [state] = useState(\n    () => props.state ?? new AutoCompleteReadonlyState(),\n  );\n\n  useEffect(() => {\n    state.clearInput = clearInput;\n  }, [clearInput]);\n\n  const { disableEditing } = state;\n\n  const valueOrSelected = useMemo(() => {\n    return disableEditing ? selectedLabel || '' : value;\n  }, [value, disableEditing, selectedLabel]);\n\n  return (\n    <AutoComplete\n      ref={(instance) => {\n        state.autoComplete = instance;\n      }}\n      {...props}\n      dropdownWidth={dropdownWidth}\n      onSelect={(option, sameOptionWasPicked) => {\n        props.onSelect?.(option, sameOptionWasPicked);\n        state.onSelect();\n      }}\n      onFocus={state.onFocus}\n      onBlur={(e) => {\n        props.onBlur?.(e);\n        state.onBlur();\n      }}\n      onClickOutside={(e) => {\n        props.onClickOutside?.(e);\n        state.onClickOutside();\n      }}\n      suffix={\n        !disableEditing && String(value)?.trim() ? undefined : props.suffix\n      }\n      placeholder={\n        !disableEditing && selectedLabel != null\n          ? String(selectedLabel)\n          : props.placeholder\n      }\n      onKeyDown={(e) => {\n        if (e.nativeEvent.code === 'Tab') {\n          state.onTabKeyDown();\n        }\n      }}\n      clearButton={!disableEditing}\n      onClear={\n        !disableEditing\n          ? (e) => {\n              props.onClear?.(e);\n              state.onInputClearButtonClick();\n            }\n          : undefined\n      }\n      value={valueOrSelected}\n      onOptionsShow={state.onOptionsShow}\n      focusOnClearClick\n      className={st(classes.root, {\n        disableEditing,\n      })}\n      inputElement={<Input disableEditing={disableEditing} />}\n    />\n  );\n}\n\nexport const AutoCompleteReadonly = observer(_AutoCompleteReadonly);\n"],"mappings":"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"}

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css

@@ -0,0 +1,11 @@
+.root {
+  -st-states: disableEditing;
+}
+
+.root:disableEditing {
+  cursor: pointer;
+}
+
+.root:disableEditing input {
+  cursor: pointer;
+}

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

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "AutoCompleteReadonly1333768702";
+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": "AutoCompleteReadonly1333768702__root"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=AutoCompleteReadonly.st.css.js.map

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

@@ -0,0 +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_ = \"AutoCompleteReadonly1333768702\";\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\":\"AutoCompleteReadonly1333768702__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"}

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

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.AutoCompleteReadonlyState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+var _events = require("events");
+class AutoCompleteReadonlyState {
+  constructor() {
+    (0, _defineProperty2.default)(this, "disableEditing", true);
+    (0, _defineProperty2.default)(this, "isFocused", false);
+    (0, _defineProperty2.default)(this, "autoComplete", null);
+    (0, _defineProperty2.default)(this, "clearInput", void 0);
+    (0, _defineProperty2.default)(this, "events", new _events.EventEmitter());
+    (0, _defineProperty2.default)(this, "onFocus", (0, _mobx.action)(() => {
+      this.isFocused = true;
+      this.disableEditing = false;
+    }));
+    (0, _defineProperty2.default)(this, "onBlur", (0, _mobx.action)(() => {
+      this.isFocused = false;
+      this.events.emit('blur');
+      // verify that eventually disableEditing=true if isFocused=false
+      // not doing this immediately not to hide `inputClearButton` too soon when it's clicked
+      setTimeout((0, _mobx.action)(() => {
+        if (!this.isFocused) {
+          var _this$clearInput;
+          this.disableEditing = true;
+          (_this$clearInput = this.clearInput) == null || _this$clearInput.call(this);
+        }
+      }), 300);
+    }));
+    (0, _defineProperty2.default)(this, "onItemClick", (0, _mobx.action)(() => {
+      this.disableEditing = true;
+    }));
+    (0, _defineProperty2.default)(this, "onClickOutside", (0, _mobx.action)(() => {
+      var _this$clearInput2;
+      this.disableEditing = true;
+      (_this$clearInput2 = this.clearInput) == null || _this$clearInput2.call(this);
+    }));
+    (0, _defineProperty2.default)(this, "onInputClearButtonClick", (0, _mobx.action)(() => {
+      var _this$clearInput3;
+      (_this$clearInput3 = this.clearInput) == null || _this$clearInput3.call(this);
+    }));
+    (0, _defineProperty2.default)(this, "onTabKeyDown", (0, _mobx.action)(() => {
+      var _this$clearInput4;
+      this.disableEditing = true;
+      (_this$clearInput4 = this.clearInput) == null || _this$clearInput4.call(this);
+    }));
+    (0, _defineProperty2.default)(this, "onSelect", (0, _mobx.action)(() => {
+      this.disableEditing = true;
+    }));
+    (0, _defineProperty2.default)(this, "onOptionsShow", (0, _mobx.action)(() => {
+      this.disableEditing = false;
+    }));
+    (0, _mobx.makeObservable)(this, {
+      disableEditing: _mobx.observable.ref
+    });
+  }
+}
+exports.AutoCompleteReadonlyState = AutoCompleteReadonlyState;
+//# sourceMappingURL=AutoCompleteReadonlyState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","_events","AutoCompleteReadonlyState","constructor","_defineProperty2","default","EventEmitter","action","isFocused","disableEditing","events","emit","setTimeout","_this$clearInput","clearInput","call","_this$clearInput2","_this$clearInput3","_this$clearInput4","makeObservable","observable","ref","exports"],"sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonlyState.ts"],"sourcesContent":["import { action, makeObservable, observable } from 'mobx';\nimport { AutoComplete } from '@wix/design-system';\nimport { EventEmitter } from 'events';\nimport { TypedEmitter } from '@wix/bex-core/events';\n\nexport class AutoCompleteReadonlyState {\n  disableEditing = true;\n  isFocused = false;\n  autoComplete: AutoComplete | null = null;\n  clearInput?: () => void;\n\n  readonly events = new EventEmitter() as TypedEmitter<{\n    blur: () => unknown;\n  }>;\n\n  constructor() {\n    makeObservable(this, {\n      disableEditing: observable.ref,\n    });\n  }\n\n  onFocus = action(() => {\n    this.isFocused = true;\n    this.disableEditing = false;\n  });\n\n  onBlur = action(() => {\n    this.isFocused = false;\n    this.events.emit('blur');\n    // verify that eventually disableEditing=true if isFocused=false\n    // not doing this immediately not to hide `inputClearButton` too soon when it's clicked\n    setTimeout(\n      action(() => {\n        if (!this.isFocused) {\n          this.disableEditing = true;\n          this.clearInput?.();\n        }\n      }),\n      300,\n    );\n  });\n\n  onItemClick = action(() => {\n    this.disableEditing = true;\n  });\n\n  onClickOutside = action(() => {\n    this.disableEditing = true;\n    this.clearInput?.();\n  });\n\n  onInputClearButtonClick = action(() => {\n    this.clearInput?.();\n  });\n\n  onTabKeyDown = action(() => {\n    this.disableEditing = true;\n    this.clearInput?.();\n  });\n\n  onSelect = action(() => {\n    this.disableEditing = true;\n  });\n\n  onOptionsShow = action(() => {\n    this.disableEditing = false;\n  });\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAGO,MAAME,yBAAyB,CAAC;EAUrCC,WAAWA,CAAA,EAAG;IAAA,IAAAC,gBAAA,CAAAC,OAAA,0BATG,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA,qBACT,KAAK;IAAA,IAAAD,gBAAA,CAAAC,OAAA,wBACmB,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,kBAGtB,IAAIC,oBAAY,CAAC,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,mBAU1B,IAAAE,YAAM,EAAC,MAAM;MACrB,IAAI,CAACC,SAAS,GAAG,IAAI;MACrB,IAAI,CAACC,cAAc,GAAG,KAAK;IAC7B,CAAC,CAAC;IAAA,IAAAL,gBAAA,CAAAC,OAAA,kBAEO,IAAAE,YAAM,EAAC,MAAM;MACpB,IAAI,CAACC,SAAS,GAAG,KAAK;MACtB,IAAI,CAACE,MAAM,CAACC,IAAI,CAAC,MAAM,CAAC;MACxB;MACA;MACAC,UAAU,CACR,IAAAL,YAAM,EAAC,MAAM;QACX,IAAI,CAAC,IAAI,CAACC,SAAS,EAAE;UAAA,IAAAK,gBAAA;UACnB,IAAI,CAACJ,cAAc,GAAG,IAAI;UAC1B,CAAAI,gBAAA,OAAI,CAACC,UAAU,aAAfD,gBAAA,CAAAE,IAAA,KAAkB,CAAC;QACrB;MACF,CAAC,CAAC,EACF,GACF,CAAC;IACH,CAAC,CAAC;IAAA,IAAAX,gBAAA,CAAAC,OAAA,uBAEY,IAAAE,YAAM,EAAC,MAAM;MACzB,IAAI,CAACE,cAAc,GAAG,IAAI;IAC5B,CAAC,CAAC;IAAA,IAAAL,gBAAA,CAAAC,OAAA,0BAEe,IAAAE,YAAM,EAAC,MAAM;MAAA,IAAAS,iBAAA;MAC5B,IAAI,CAACP,cAAc,GAAG,IAAI;MAC1B,CAAAO,iBAAA,OAAI,CAACF,UAAU,aAAfE,iBAAA,CAAAD,IAAA,KAAkB,CAAC;IACrB,CAAC,CAAC;IAAA,IAAAX,gBAAA,CAAAC,OAAA,mCAEwB,IAAAE,YAAM,EAAC,MAAM;MAAA,IAAAU,iBAAA;MACrC,CAAAA,iBAAA,OAAI,CAACH,UAAU,aAAfG,iBAAA,CAAAF,IAAA,KAAkB,CAAC;IACrB,CAAC,CAAC;IAAA,IAAAX,gBAAA,CAAAC,OAAA,wBAEa,IAAAE,YAAM,EAAC,MAAM;MAAA,IAAAW,iBAAA;MAC1B,IAAI,CAACT,cAAc,GAAG,IAAI;MAC1B,CAAAS,iBAAA,OAAI,CAACJ,UAAU,aAAfI,iBAAA,CAAAH,IAAA,KAAkB,CAAC;IACrB,CAAC,CAAC;IAAA,IAAAX,gBAAA,CAAAC,OAAA,oBAES,IAAAE,YAAM,EAAC,MAAM;MACtB,IAAI,CAACE,cAAc,GAAG,IAAI;IAC5B,CAAC,CAAC;IAAA,IAAAL,gBAAA,CAAAC,OAAA,yBAEc,IAAAE,YAAM,EAAC,MAAM;MAC3B,IAAI,CAACE,cAAc,GAAG,KAAK;IAC7B,CAAC,CAAC;IAlDA,IAAAU,oBAAc,EAAC,IAAI,EAAE;MACnBV,cAAc,EAAEW,gBAAU,CAACC;IAC7B,CAAC,CAAC;EACJ;AAgDF;AAACC,OAAA,CAAApB,yBAAA,GAAAA,yBAAA"}

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

@@ -0,0 +1,45 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CollectionViewsDropdown = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ViewsDropdown = require("./ViewsDropdown");
+var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
+var _setViewsState = require("../../state/setViewsState");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionViewsDropdown/CollectionViewsDropdown.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const CollectionViewsDropdown = props => {
+  const {
+    onSelect,
+    showTotal
+  } = props;
+  const toolbarCollectionState = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  const [state] = (0, _react.useState)(() => (0, _setViewsState.setViewsState)(toolbarCollectionState, props));
+  (0, _react.useEffect)(() => {
+    const dispose = state.init();
+    const {
+      featuredComponents
+    } = toolbarCollectionState;
+    return () => {
+      featuredComponents.subToolbarExtension.set(null);
+      dispose();
+    };
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_ViewsDropdown.ViewsDropdown, {
+    dataHook: "collection-views",
+    state: state,
+    showTotal: showTotal,
+    onSelect: onSelect,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 102,
+      columnNumber: 5
+    }
+  });
+};
+exports.CollectionViewsDropdown = CollectionViewsDropdown;
+CollectionViewsDropdown.setViewsState = _setViewsState.setViewsState;
+CollectionViewsDropdown.displayName = 'CollectionViewsDropdown';
+//# sourceMappingURL=CollectionViewsDropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ViewsDropdown","_ToolbarCollectionContext","_setViewsState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","CollectionViewsDropdown","props","onSelect","showTotal","toolbarCollectionState","useToolbarCollectionContext","state","useState","setViewsState","useEffect","dispose","init","featuredComponents","subToolbarExtension","createElement","ViewsDropdown","dataHook","__self","__source","fileName","lineNumber","columnNumber","exports","displayName"],"sources":["../../../../src/components/CollectionViewsDropdown/CollectionViewsDropdown.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { ViewsDropdown } from './ViewsDropdown';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { setViewsState } from '../../state/setViewsState';\nimport { AllItemsViewProps, Category, View } from '../../model';\n\nexport interface CollectionViewsDropdownProps<F extends FiltersMap> {\n  /**\n   * Array of `View` or `Category` objects that will appear as predefined views or groups of views. If you provide the array of `View` objects - they will be placed under the category `Predefined Views`.<br><br>\n   * Each predefined `View` object has the following properties:<br>\n   * `id` - A unique identifier (note: category IDs `saved-views` and `predefined-views` are taken by Cairo, don't use them)<br>\n   * `name` - The name of the view as it appears in the dropdown<br>\n   * `filters` - The filters to apply to the table when this view is selected<br>\n   * `selectedColumns` - The custom columns array<br>\n   * `sortDirections` - The sort directions array<br>\n   * `isDefaultView` - Whether to automatically select the view when the table loads<br><br>\n   * Each predefined `Category` object has the following properties:<br>\n   * `id` - A unique identifier<br>\n   * `name` - The name of the category as it appears in the dropdown<br>\n   * `info` - [InfoIconProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form--infoicon)<br>\n   * `views`: Array of `View` objects which will appear under the category<br>\n   * @external\n   */\n  presets?: Category<F>[] | Omit<View<F>, 'createdAt'>[];\n  /**\n   * A link to appear as \"Learn More\" button in the \"Save View\" modal\n   * @external\n   */\n  learnMoreLink?: string;\n  /**\n   * A function to be called after a view is saved\n   * @external\n   */\n  onSaveViewChanges?: (view: View<F>) => void | Promise<void>;\n  /**\n   * A function to be called after a new view is saved\n   * @external\n   */\n  onSaveView?: (view: View<F>) => void | Promise<void>;\n  /**\n   * A function to be called after a view is deleted\n   * @external\n   */\n  onDeleteView?: (view: View<F>) => void | Promise<void>;\n  /**\n   * A function to be called after a view is renamed\n   * @external\n   */\n  onRenameView?: (view: View<F>) => void | Promise<void>;\n  /**\n   * A function to be called after a view is set as default / reset\n   * @external\n   */\n  onSetAsDefaultView?: (\n    view: View<F>,\n    isDefault: boolean,\n  ) => void | Promise<void>;\n  /**\n   * A function to be called after a view is selected\n   * @external\n   */\n  onSelect?: (view: View<F>) => void;\n  /**\n   * Shows a total count for the selected view\n   * @default true\n   * @external\n   */\n  showTotal?: boolean;\n  /**\n   * All items view props\n   * @external\n   */\n  allItemsViewProps?: AllItemsViewProps<F>;\n  /**\n   * The value to override the placeholder in the \"Save View\" modal\n   * @external\n   */\n  viewNamePlaceholder?: string;\n}\n\nexport const CollectionViewsDropdown = <F extends FiltersMap>(\n  props: CollectionViewsDropdownProps<F>,\n) => {\n  const { onSelect, showTotal } = props;\n\n  const toolbarCollectionState = useToolbarCollectionContext<unknown, F>();\n\n  const [state] = useState(() => setViewsState(toolbarCollectionState, props));\n\n  useEffect(() => {\n    const dispose = state.init();\n    const { featuredComponents } = toolbarCollectionState;\n\n    return () => {\n      featuredComponents.subToolbarExtension.set(null);\n      dispose();\n    };\n  }, []);\n\n  return (\n    <ViewsDropdown\n      dataHook=\"collection-views\"\n      state={state}\n      showTotal={showTotal}\n      onSelect={onSelect}\n    />\n  );\n};\n\nCollectionViewsDropdown.setViewsState = setViewsState;\nCollectionViewsDropdown.displayName = 'CollectionViewsDropdown';\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,yBAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAA0D,IAAAI,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AA6EnD,MAAMY,uBAAuB,GAClCC,KAAsC,IACnC;EACH,MAAM;IAAEC,QAAQ;IAAEC;EAAU,CAAC,GAAGF,KAAK;EAErC,MAAMG,sBAAsB,GAAG,IAAAC,qDAA2B,EAAa,CAAC;EAExE,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM,IAAAC,4BAAa,EAACJ,sBAAsB,EAAEH,KAAK,CAAC,CAAC;EAE5E,IAAAQ,gBAAS,EAAC,MAAM;IACd,MAAMC,OAAO,GAAGJ,KAAK,CAACK,IAAI,CAAC,CAAC;IAC5B,MAAM;MAAEC;IAAmB,CAAC,GAAGR,sBAAsB;IAErD,OAAO,MAAM;MACXQ,kBAAkB,CAACC,mBAAmB,CAACd,GAAG,CAAC,IAAI,CAAC;MAChDW,OAAO,CAAC,CAAC;IACX,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEtC,MAAA,CAAAa,OAAA,CAAA6B,aAAA,CAACvC,cAAA,CAAAwC,aAAa;IACZC,QAAQ,EAAC,kBAAkB;IAC3BV,KAAK,EAAEA,KAAM;IACbH,SAAS,EAAEA,SAAU;IACrBD,QAAQ,EAAEA,QAAS;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzC,YAAA;MAAA0C,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpB,CAAC;AAEN,CAAC;AAACC,OAAA,CAAAtB,uBAAA,GAAAA,uBAAA;AAEFA,uBAAuB,CAACQ,aAAa,GAAGA,4BAAa;AACrDR,uBAAuB,CAACuB,WAAW,GAAG,yBAAyB"}

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

@@ -0,0 +1,79 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CollectionViewsDropdownUniDriver = void 0;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _unidriver2 = require("../../unidriver");
+var _ViewsDropdownListItemUni = require("./ViewsDropdownListItem.uni.driver");
+const CollectionViewsDropdownUniDriver = (base, body) => {
+  const viewsDropdownDriverBase = () => base.$('[data-hook="collection-views-dropdown"]');
+  const getDropdownLayoutBase = async () => body.$(`[data-content-element="${await viewsDropdownDriverBase().attr('data-content-hook')}"]`);
+  const viewsDropdownDriver = () => (0, _unidriver.DropdownUniDriver)(viewsDropdownDriverBase(), body);
+  const getViewListItemById = id => {
+    return (0, _ViewsDropdownListItemUni.ViewsDropdownListItemUniDriver)(viewsDropdownDriverBase().$(`[data-hook="dropdown-item-${id}"]`), body);
+  };
+  const getViewListItemAt = index => {
+    return (0, _ViewsDropdownListItemUni.ViewsDropdownListItemUniDriver)(viewsDropdownDriverBase().$$('[data-hook="view-item"]').get(index), body);
+  };
+  const getCategoryListItemById = id => {
+    return (0, _unidriver.ListItemSectionUniDriver)(viewsDropdownDriverBase().$(`[data-hook="dropdown-item-${id}"]`), body);
+  };
+  const getCategoryListItemAt = index => {
+    return (0, _unidriver.ListItemSectionUniDriver)(viewsDropdownDriverBase().$$('[data-hook="view-category"]').get(index), body);
+  };
+  return {
+    ...(0, _unidriver2.baseUniDriverFactory)(base),
+    _input: () => viewsDropdownDriverBase().$('input'),
+    exists: () => viewsDropdownDriver().exists(),
+    initialLoaderExists: async () => (await getDropdownLayoutBase()).$('[data-hook="initial-loader"]').exists(),
+    /** Get the currently selected view name */
+    getSelected: () => viewsDropdownDriver().inputDriver.getValue(),
+    /** Get the dropdown input text */
+    getInputValue: () => viewsDropdownDriver().inputDriver.getValue(),
+    /** Indicates input is ready-only */
+    getInputReadOnly: () => viewsDropdownDriver().inputDriver.getReadOnly(),
+    /** Indicates input is focused */
+    isInputFocused: () => viewsDropdownDriver().inputDriver.isFocus(),
+    /** Get the currently selected view id */
+    getSelectedId: () => viewsDropdownDriver().dropdownLayoutDriver.getSelectedOptionId(),
+    /** Checks if total is shown */
+    hasTotal: () => viewsDropdownDriver().inputDriver.suffixComponentExists('.total-count'),
+    /** Opens views dropdown */
+    open: () => viewsDropdownDriver().inputDriver.click(),
+    /** Enter dropdown input text */
+    enterText: value => viewsDropdownDriver().inputDriver.enterText(value),
+    /** Click dropdown input clear button */
+    clickInputClearButton: () => viewsDropdownDriver().inputDriver.clickClear(),
+    /** Indicates input clear button exists  */
+    inputClearButtonExists: () => viewsDropdownDriver().inputDriver.hasClearButton(),
+    /** Get number of views */
+    getViewsCount: async () => viewsDropdownDriverBase().$$('[data-hook="view-item"]').count(),
+    /** Get array of all view names in the dropdown */
+    getViewsContent: async () => viewsDropdownDriverBase().$$('[data-hook="view-item"]').text(),
+    /** Get array popover content , like empty state */
+    getViewsPopoverContent: async () => viewsDropdownDriverBase().$$('[data-hook="popover-content"]').text(),
+    /** Indicates whether the dropdown is open */
+    isOpen: () => viewsDropdownDriver().dropdownLayoutDriver.isShown(),
+    /** Get the placeholder test of the dropdown */
+    getPlaceholderText: () => viewsDropdownDriver().inputDriver.getPlaceholder(),
+    /** Get view list item driver by view id */
+    getViewListItemById,
+    /** Get view list item driver by view index */
+    getViewListItemAt,
+    /** Get category list item driver by category id */
+    getCategoryListItemById,
+    /** Get category list item driver by category index */
+    getCategoryListItemAt,
+    /** Get "all items" view list item */
+    getAllItemsView: () => getCategoryListItemById('all-items-view'),
+    /** Get number of categories */
+    getCategoriesCount: async () => viewsDropdownDriverBase().$$('[data-hook="view-category"]').count(),
+    /** Get array of all category names in the dropdown */
+    getCategoriesContent: async () => viewsDropdownDriverBase().$$('[data-hook="view-category"]').text(),
+    /** Check if view pending changes */
+    isViewPendingChanges: async () => viewsDropdownDriver().inputDriver.prefixComponentExists('[data-hook="view-pending-changes"]'),
+    isDefaultView: async () => viewsDropdownDriver().inputDriver.prefixComponentExists('[data-hook="view-default"]')
+  };
+};
+exports.CollectionViewsDropdownUniDriver = CollectionViewsDropdownUniDriver;
+//# sourceMappingURL=CollectionViewsDropdown.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_unidriver2","_ViewsDropdownListItemUni","CollectionViewsDropdownUniDriver","base","body","viewsDropdownDriverBase","$","getDropdownLayoutBase","attr","viewsDropdownDriver","DropdownUniDriver","getViewListItemById","id","ViewsDropdownListItemUniDriver","getViewListItemAt","index","$$","get","getCategoryListItemById","ListItemSectionUniDriver","getCategoryListItemAt","baseUniDriverFactory","_input","exists","initialLoaderExists","getSelected","inputDriver","getValue","getInputValue","getInputReadOnly","getReadOnly","isInputFocused","isFocus","getSelectedId","dropdownLayoutDriver","getSelectedOptionId","hasTotal","suffixComponentExists","open","click","enterText","value","clickInputClearButton","clickClear","inputClearButtonExists","hasClearButton","getViewsCount","count","getViewsContent","text","getViewsPopoverContent","isOpen","isShown","getPlaceholderText","getPlaceholder","getAllItemsView","getCategoriesCount","getCategoriesContent","isViewPendingChanges","prefixComponentExists","isDefaultView","exports"],"sources":["../../../../src/components/CollectionViewsDropdown/CollectionViewsDropdown.uni.driver.ts"],"sourcesContent":["import type { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  DropdownUniDriver,\n  ListItemSectionUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { ViewsDropdownListItemUniDriver } from './ViewsDropdownListItem.uni.driver';\n\nexport const CollectionViewsDropdownUniDriver = (\n  base: UniDriver,\n  body: UniDriver,\n) => {\n  const viewsDropdownDriverBase = () =>\n    base.$('[data-hook=\"collection-views-dropdown\"]');\n\n  const getDropdownLayoutBase = async () =>\n    body.$(\n      `[data-content-element=\"${await viewsDropdownDriverBase().attr(\n        'data-content-hook',\n      )}\"]`,\n    );\n\n  const viewsDropdownDriver = () =>\n    DropdownUniDriver(viewsDropdownDriverBase(), body);\n\n  const getViewListItemById = (id: string) => {\n    return ViewsDropdownListItemUniDriver(\n      viewsDropdownDriverBase().$(`[data-hook=\"dropdown-item-${id}\"]`),\n      body,\n    );\n  };\n\n  const getViewListItemAt = (index: number) => {\n    return ViewsDropdownListItemUniDriver(\n      viewsDropdownDriverBase().$$('[data-hook=\"view-item\"]').get(index),\n      body,\n    );\n  };\n\n  const getCategoryListItemById = (id: string) => {\n    return ListItemSectionUniDriver(\n      viewsDropdownDriverBase().$(`[data-hook=\"dropdown-item-${id}\"]`),\n      body,\n    );\n  };\n\n  const getCategoryListItemAt = (index: number) => {\n    return ListItemSectionUniDriver(\n      viewsDropdownDriverBase().$$('[data-hook=\"view-category\"]').get(index),\n      body,\n    );\n  };\n\n  return {\n    ...baseUniDriverFactory(base),\n    _input: () => viewsDropdownDriverBase().$('input'),\n    exists: () => viewsDropdownDriver().exists(),\n    initialLoaderExists: async () =>\n      (await getDropdownLayoutBase())\n        .$('[data-hook=\"initial-loader\"]')\n        .exists(),\n    /** Get the currently selected view name */\n    getSelected: () => viewsDropdownDriver().inputDriver.getValue(),\n    /** Get the dropdown input text */\n    getInputValue: () => viewsDropdownDriver().inputDriver.getValue(),\n    /** Indicates input is ready-only */\n    getInputReadOnly: () => viewsDropdownDriver().inputDriver.getReadOnly(),\n    /** Indicates input is focused */\n    isInputFocused: () => viewsDropdownDriver().inputDriver.isFocus(),\n    /** Get the currently selected view id */\n    getSelectedId: () =>\n      viewsDropdownDriver().dropdownLayoutDriver.getSelectedOptionId(),\n    /** Checks if total is shown */\n    hasTotal: () =>\n      viewsDropdownDriver().inputDriver.suffixComponentExists('.total-count'),\n    /** Opens views dropdown */\n    open: () => viewsDropdownDriver().inputDriver.click(),\n    /** Enter dropdown input text */\n    enterText: (value: string) =>\n      viewsDropdownDriver().inputDriver.enterText(value),\n    /** Click dropdown input clear button */\n    clickInputClearButton: () => viewsDropdownDriver().inputDriver.clickClear(),\n    /** Indicates input clear button exists  */\n    inputClearButtonExists: () =>\n      viewsDropdownDriver().inputDriver.hasClearButton(),\n    /** Get number of views */\n    getViewsCount: async () =>\n      viewsDropdownDriverBase().$$('[data-hook=\"view-item\"]').count(),\n    /** Get array of all view names in the dropdown */\n    getViewsContent: async () =>\n      viewsDropdownDriverBase().$$('[data-hook=\"view-item\"]').text(),\n    /** Get array popover content , like empty state */\n    getViewsPopoverContent: async () =>\n      viewsDropdownDriverBase().$$('[data-hook=\"popover-content\"]').text(),\n    /** Indicates whether the dropdown is open */\n    isOpen: () => viewsDropdownDriver().dropdownLayoutDriver.isShown(),\n    /** Get the placeholder test of the dropdown */\n    getPlaceholderText: () =>\n      viewsDropdownDriver().inputDriver.getPlaceholder(),\n    /** Get view list item driver by view id */\n    getViewListItemById,\n    /** Get view list item driver by view index */\n    getViewListItemAt,\n    /** Get category list item driver by category id */\n    getCategoryListItemById,\n    /** Get category list item driver by category index */\n    getCategoryListItemAt,\n    /** Get \"all items\" view list item */\n    getAllItemsView: () => getCategoryListItemById('all-items-view'),\n    /** Get number of categories */\n    getCategoriesCount: async () =>\n      viewsDropdownDriverBase().$$('[data-hook=\"view-category\"]').count(),\n    /** Get array of all category names in the dropdown */\n    getCategoriesContent: async () =>\n      viewsDropdownDriverBase().$$('[data-hook=\"view-category\"]').text(),\n    /** Check if view pending changes */\n    isViewPendingChanges: async () =>\n      viewsDropdownDriver().inputDriver.prefixComponentExists(\n        '[data-hook=\"view-pending-changes\"]',\n      ),\n    isDefaultView: async () =>\n      viewsDropdownDriver().inputDriver.prefixComponentExists(\n        '[data-hook=\"view-default\"]',\n      ),\n  };\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,180 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ManageViewPopover = void 0;
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionViewsDropdown/ManageViewPopover.tsx";
+function _ManageViewPopover(props) {
+  var _views$currentView, _views$currentView2, _views$currentView3, _views$currentView4, _views$currentView5, _views$currentView6;
+  const {
+    state
+  } = props;
+  const {
+    views,
+    table,
+    emitter,
+    isViewChanged
+  } = state;
+  const {
+    collection
+  } = table;
+  const {
+    translate: t
+  } = collection;
+  return /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, {
+    minWidth: 271,
+    onShow: () => {
+      emitter.emit('openManageViewPopoverMenu');
+    },
+    dataHook: "manage-view-popover",
+    triggerElement: /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+      size: "small",
+      as: "button",
+      dataHook: "manage-view-popover-button",
+      suffixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronDown, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 43,
+          columnNumber: 23
+        }
+      }),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 39,
+        columnNumber: 9
+      }
+    }, t('cairo.manageView.CTA')),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 32,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+    text: t('cairo.manageView.saveChanges.CTA'),
+    dataHook: "save-changes-to-view",
+    disabled: !views.isCurrentViewSelected || !isViewChanged || ((_views$currentView = views.currentView) == null ? void 0 : _views$currentView.isPreset),
+    subtitle: (_views$currentView2 = views.currentView) != null && _views$currentView2.isPreset ? t('cairo.manageView.saveChanges.disabled.predefinedView.tooltip') : !isViewChanged ? t('cairo.manageView.saveChanges.disabled.tooltip') : undefined,
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Confirm, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 64,
+        columnNumber: 21
+      }
+    }),
+    onClick: () => {
+      state.saveViewChanges();
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 49,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+    dataHook: "save-new-view",
+    disabled: views.reachedViewsLimit,
+    onClick: () => {
+      views.saveViewModal.open();
+      table.closeSidePanel();
+    },
+    text: t('cairo.manageView.saveNewView.CTA'),
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Duplicate, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 77,
+        columnNumber: 21
+      }
+    }),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 69,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+    dataHook: "rename-view",
+    disabled: ((_views$currentView3 = views.currentView) == null ? void 0 : _views$currentView3.isPreset) || isViewChanged,
+    subtitle: (_views$currentView4 = views.currentView) != null && _views$currentView4.isPreset ? t('cairo.manageView.Rename.disabled.predefinedView.tooltip') : isViewChanged ? t('cairo.manageView.Rename.disabled.tooltip') : undefined,
+    onClick: () => {
+      views.renameViewModal.open();
+      table.closeSidePanel();
+    },
+    text: t('cairo.manageView.Rename.CTA'),
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Edit, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 94,
+        columnNumber: 21
+      }
+    }),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 79,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+    dataHook: "set-as-default-view",
+    disabled: !views.currentView || isViewChanged && !views.isDefaultView,
+    subtitle: isViewChanged && !views.isDefaultView ? t('cairo.manageView.setAsDefault.tooltip') : undefined,
+    onClick: () => {
+      state.setAsDefaultView();
+    },
+    text: views.isDefaultView ? t('cairo.manageView.setAsDefault.reset.CTA') : t('cairo.manageView.setAsDefault.CTA'),
+    prefixIcon: views.isDefaultView ? /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.FlagDismiss, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 112,
+        columnNumber: 43
+      }
+    }) : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Flag, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 112,
+        columnNumber: 61
+      }
+    }),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 96,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+    dataHook: "delete-view",
+    disabled: !views.isCurrentViewSelected || ((_views$currentView5 = views.currentView) == null ? void 0 : _views$currentView5.isPreset),
+    subtitle: views.isCurrentViewSelected && (_views$currentView6 = views.currentView) != null && _views$currentView6.isPreset ? t('cairo.manageView.Delete.disabled.predefinedView.tooltip') : undefined,
+    onClick: () => {
+      state.deleteView();
+    },
+    text: t('cairo.manageView.Delete.CTA'),
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Delete, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 126,
+        columnNumber: 21
+      }
+    }),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 114,
+      columnNumber: 7
+    }
+  }));
+}
+const ManageViewPopover = exports.ManageViewPopover = (0, _mobxReactLite.observer)(_ManageViewPopover);
+//# sourceMappingURL=ManageViewPopover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_wixUiIconsCommon","_jsxFileName","_ManageViewPopover","props","_views$currentView","_views$currentView2","_views$currentView3","_views$currentView4","_views$currentView5","_views$currentView6","state","views","table","emitter","isViewChanged","collection","translate","t","default","createElement","PopoverMenu","minWidth","onShow","emit","dataHook","triggerElement","TextButton","size","as","suffixIcon","ChevronDown","__self","__source","fileName","lineNumber","columnNumber","MenuItem","text","disabled","isCurrentViewSelected","currentView","isPreset","subtitle","undefined","prefixIcon","Confirm","onClick","saveViewChanges","reachedViewsLimit","saveViewModal","open","closeSidePanel","Duplicate","renameViewModal","Edit","isDefaultView","setAsDefaultView","FlagDismiss","Flag","deleteView","Delete","ManageViewPopover","exports","observer"],"sources":["../../../../src/components/CollectionViewsDropdown/ManageViewPopover.tsx"],"sourcesContent":["import { TextButton, PopoverMenu } from '@wix/design-system';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  ChevronDown,\n  Confirm,\n  Duplicate,\n  Edit,\n  Delete,\n  Flag,\n  FlagDismiss,\n} from '@wix/wix-ui-icons-common';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionViewsState } from '../../state';\n\nexport interface ManageViewPopoverProps<T, F extends FiltersMap> {\n  state: CollectionViewsState<T, F>;\n  origin: string;\n}\n\nfunction _ManageViewPopover<T, F extends FiltersMap>(\n  props: ManageViewPopoverProps<T, F>,\n) {\n  const { state } = props;\n  const { views, table, emitter, isViewChanged } = state;\n\n  const { collection } = table;\n\n  const { translate: t } = collection;\n\n  return (\n    <PopoverMenu\n      minWidth={271}\n      onShow={() => {\n        emitter.emit('openManageViewPopoverMenu');\n      }}\n      dataHook=\"manage-view-popover\"\n      triggerElement={\n        <TextButton\n          size=\"small\"\n          as=\"button\"\n          dataHook=\"manage-view-popover-button\"\n          suffixIcon={<ChevronDown />}\n        >\n          {t('cairo.manageView.CTA')}\n        </TextButton>\n      }\n    >\n      <PopoverMenu.MenuItem\n        text={t('cairo.manageView.saveChanges.CTA')}\n        dataHook=\"save-changes-to-view\"\n        disabled={\n          !views.isCurrentViewSelected ||\n          !isViewChanged ||\n          views.currentView?.isPreset\n        }\n        subtitle={\n          views.currentView?.isPreset\n            ? t('cairo.manageView.saveChanges.disabled.predefinedView.tooltip')\n            : !isViewChanged\n            ? t('cairo.manageView.saveChanges.disabled.tooltip')\n            : undefined\n        }\n        prefixIcon={<Confirm />}\n        onClick={() => {\n          state.saveViewChanges();\n        }}\n      />\n      <PopoverMenu.MenuItem\n        dataHook=\"save-new-view\"\n        disabled={views.reachedViewsLimit}\n        onClick={() => {\n          views.saveViewModal.open();\n          table.closeSidePanel();\n        }}\n        text={t('cairo.manageView.saveNewView.CTA')}\n        prefixIcon={<Duplicate />}\n      />\n      <PopoverMenu.MenuItem\n        dataHook=\"rename-view\"\n        disabled={views.currentView?.isPreset || isViewChanged}\n        subtitle={\n          views.currentView?.isPreset\n            ? t('cairo.manageView.Rename.disabled.predefinedView.tooltip')\n            : isViewChanged\n            ? t('cairo.manageView.Rename.disabled.tooltip')\n            : undefined\n        }\n        onClick={() => {\n          views.renameViewModal.open();\n          table.closeSidePanel();\n        }}\n        text={t('cairo.manageView.Rename.CTA')}\n        prefixIcon={<Edit />}\n      />\n      <PopoverMenu.MenuItem\n        dataHook=\"set-as-default-view\"\n        disabled={!views.currentView || (isViewChanged && !views.isDefaultView)}\n        subtitle={\n          isViewChanged && !views.isDefaultView\n            ? t('cairo.manageView.setAsDefault.tooltip')\n            : undefined\n        }\n        onClick={() => {\n          state.setAsDefaultView();\n        }}\n        text={\n          views.isDefaultView\n            ? t('cairo.manageView.setAsDefault.reset.CTA')\n            : t('cairo.manageView.setAsDefault.CTA')\n        }\n        prefixIcon={views.isDefaultView ? <FlagDismiss /> : <Flag />}\n      />\n      <PopoverMenu.MenuItem\n        dataHook=\"delete-view\"\n        disabled={!views.isCurrentViewSelected || views.currentView?.isPreset}\n        subtitle={\n          views.isCurrentViewSelected && views.currentView?.isPreset\n            ? t('cairo.manageView.Delete.disabled.predefinedView.tooltip')\n            : undefined\n        }\n        onClick={() => {\n          state.deleteView();\n        }}\n        text={t('cairo.manageView.Delete.CTA')}\n        prefixIcon={<Delete />}\n      />\n    </PopoverMenu>\n  );\n}\n\nexport const ManageViewPopover = observer(_ManageViewPopover);\n"],"mappings":"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"}

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

@@ -0,0 +1,60 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ManageViewPopoverUniDriver = void 0;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _unidriver2 = require("../../unidriver");
+const ManageViewPopoverUniDriver = (base, body) => {
+  const manageViewPopoverDriverBase = () => base.$('[data-hook="manage-view-popover"]');
+  const manageViewPopoverDriver = () => (0, _unidriver.PopoverMenuUniDriver)(manageViewPopoverDriverBase(), body);
+  const getContentElement = async () => (0, _unidriver.PopoverUniDriver)(manageViewPopoverDriverBase(), body).getContentElementUniDriver();
+  const getDropdownLayoutDriver = async () => {
+    const contentElement = await getContentElement();
+    return (0, _unidriver.DropdownLayoutUniDriver)(contentElement.$(`[data-hook="dropdown-base-dropdownlayout"]`), body);
+  };
+  return {
+    ...(0, _unidriver2.baseUniDriverFactory)(base),
+    exists: () => manageViewPopoverDriver().exists(),
+    /** Opens the manage view popover */
+    open: () => manageViewPopoverDriver().getTriggerElement('manage-view-popover-button').click(),
+    /** Indicates whether the manage view popover is open */
+    isOpen: () => manageViewPopoverDriver().isMenuOpen(),
+    /** Trigger save changes action */
+    clickSaveChanges: () => manageViewPopoverDriver().clickAtChildByDataHook('save-changes-to-view'),
+    /** Trigger save new view action */
+    clickSaveNewView: () => manageViewPopoverDriver().clickAtChildByDataHook('save-new-view'),
+    /** Trigger rename view action */
+    clickRenameView: () => manageViewPopoverDriver().clickAtChildByDataHook('rename-view'),
+    /** Trigger set as default view action */
+    clickSetAsDefaultView: () => manageViewPopoverDriver().clickAtChildByDataHook('set-as-default-view'),
+    /** Trigger delete view action */
+    clickDeleteView: () => manageViewPopoverDriver().clickAtChildByDataHook('delete-view'),
+    /** Get save changes btn */
+    getSaveChangesBtn: async () => {
+      const dropdownLayoutDriver = await getDropdownLayoutDriver();
+      return dropdownLayoutDriver.optionById(0);
+    },
+    /** Get save new view btn */
+    getSaveNewViewBtn: async () => {
+      const dropdownLayoutDriver = await getDropdownLayoutDriver();
+      return dropdownLayoutDriver.optionById(1);
+    },
+    /** Get rename view btn */
+    getRenameViewBtn: async () => {
+      const dropdownLayoutDriver = await getDropdownLayoutDriver();
+      return dropdownLayoutDriver.optionById(2);
+    },
+    /** Get set as default view btn */
+    getSetAsDefaultViewBtn: async () => {
+      const dropdownLayoutDriver = await getDropdownLayoutDriver();
+      return dropdownLayoutDriver.optionById(3);
+    },
+    /** Get delete view btn */
+    getDeleteViewBtn: async () => {
+      const dropdownLayoutDriver = await getDropdownLayoutDriver();
+      return dropdownLayoutDriver.optionById(4);
+    }
+  };
+};
+exports.ManageViewPopoverUniDriver = ManageViewPopoverUniDriver;
+//# sourceMappingURL=ManageViewPopover.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_unidriver2","ManageViewPopoverUniDriver","base","body","manageViewPopoverDriverBase","$","manageViewPopoverDriver","PopoverMenuUniDriver","getContentElement","PopoverUniDriver","getContentElementUniDriver","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  PopoverUniDriver,\n  PopoverMenuUniDriver,\n  DropdownLayoutUniDriver,\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    PopoverUniDriver(\n      manageViewPopoverDriverBase(),\n      body,\n    ).getContentElementUniDriver();\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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"}