intergalactic 15.122.0-prerelease.0 → 15.123.0

package/add-filter/lib/cjs/components/AddFilterSelect.js

@@ -0,0 +1,103 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _core = _interopRequireWildcard(require("intergalactic/core"));
+var _react = _interopRequireDefault(require("react"));
+var _select = _interopRequireDefault(require("intergalactic/select"));
+var _baseTrigger = require("intergalactic/base-trigger");
+var AddFilterSelectRoot = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(AddFilterSelectRoot, _Component);
+  var _super = (0, _createSuper2["default"])(AddFilterSelectRoot);
+  function AddFilterSelectRoot() {
+    (0, _classCallCheck2["default"])(this, AddFilterSelectRoot);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(AddFilterSelectRoot, [{
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      var _this$asProps$onUnmou, _this$asProps;
+      (_this$asProps$onUnmou = (_this$asProps = this.asProps).onUnmount) === null || _this$asProps$onUnmou === void 0 ? void 0 : _this$asProps$onUnmou.call(_this$asProps);
+    }
+  }, {
+    key: "uncontrolledProps",
+    value: function uncontrolledProps() {
+      return {
+        visible: [null]
+      };
+    }
+  }, {
+    key: "isValueEmpty",
+    value: function isValueEmpty() {
+      var _ref2 = this.asProps,
+        value = _ref2.value,
+        multiselect = _ref2.multiselect;
+      return multiselect && Array.isArray(value) ? !(value !== null && value !== void 0 && value.length) : !value;
+    }
+  }, {
+    key: "getTriggerProps",
+    value: function getTriggerProps() {
+      var _this = this;
+      var _ref3 = this.asProps,
+        onClear = _ref3.onClear,
+        setFocusRef = _ref3.setFocusRef;
+      return {
+        tag: _baseTrigger.FilterTrigger,
+        triggerRef: setFocusRef,
+        onKeyDown: function onKeyDown(e) {
+          if (_this.isValueEmpty() && e.key === 'Escape') {
+            onClear();
+          }
+        },
+        empty: this.isValueEmpty(),
+        onClear: onClear,
+        autoFocus: true
+      };
+    }
+  }, {
+    key: "getPopperProps",
+    value: function getPopperProps() {
+      var _this2 = this;
+      return {
+        onApply: function onApply() {
+          _this2.handlers.visible(false);
+        }
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps;
+      return /*#__PURE__*/_react["default"].createElement(_select["default"], (0, _core.assignProps)({}, _ref));
+    }
+  }]);
+  return AddFilterSelectRoot;
+}(_core.Component);
+(0, _defineProperty2["default"])(AddFilterSelectRoot, "displayName", 'AddFilterSelect');
+(0, _defineProperty2["default"])(AddFilterSelectRoot, "defaultProps", function () {
+  return {
+    defaultVisible: true
+  };
+});
+var AddFilterSelect = (0, _core["default"])(AddFilterSelectRoot, {
+  Trigger: _select["default"].Trigger,
+  Menu: _select["default"].Menu,
+  Option: [_select["default"].Option, {
+    Checkbox: _select["default"].Option.Checkbox
+  }],
+  List: _select["default"].List,
+  Popper: _select["default"].Popper,
+  InputSearch: _select["default"].InputSearch
+});
+var _default = AddFilterSelect;
+exports["default"] = _default;
+//# sourceMappingURL=AddFilterSelect.js.map

package/add-filter/lib/cjs/components/AddFilterSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddFilterSelect.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_select","_baseTrigger","AddFilterSelectRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","componentWillUnmount","_this$asProps$onUnmou","_this$asProps","asProps","onUnmount","call","uncontrolledProps","visible","isValueEmpty","_ref2","multiselect","Array","isArray","length","getTriggerProps","_this","_ref3","onClear","setFocusRef","tag","FilterTrigger","triggerRef","onKeyDown","e","empty","autoFocus","getPopperProps","_this2","onApply","handlers","render","_ref","createElement","Select","assignProps","Component","_defineProperty2","defaultVisible","AddFilterSelect","createComponent","Trigger","Menu","Option","Checkbox","List","Popper","InputSearch","_default","exports"],"sources":["../../../src/components/AddFilterSelect.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root } from '@semcore/core';\nimport Select, { SelectProps } from '@semcore/select';\nimport { AddFilterItemProps, AddFilterSelectType } from '../AddFilter.types';\nimport { FilterTrigger } from '@semcore/base-trigger';\n\ntype AsPropsWithOnClear<T> = T & {\n  onClear: () => void;\n  unsetFocusRef: () => void;\n  setFocusRef: (el: HTMLElement) => {};\n};\nclass AddFilterSelectRoot extends Component<SelectProps & AddFilterItemProps> {\n  static displayName = 'AddFilterSelect';\n\n  static defaultProps = () => {\n    return {\n      defaultVisible: true,\n    };\n  };\n\n  componentWillUnmount() {\n    this.asProps.onUnmount?.();\n  }\n\n  uncontrolledProps() {\n    return {\n      visible: [null],\n    };\n  }\n\n  isValueEmpty() {\n    const { value, multiselect } = this.asProps as AsPropsWithOnClear<typeof this.asProps>;\n    return multiselect && Array.isArray(value) ? !value?.length : !value;\n  }\n\n  getTriggerProps() {\n    const { onClear, setFocusRef } = this.asProps as AsPropsWithOnClear<typeof this.asProps>;\n\n    return {\n      tag: FilterTrigger,\n      triggerRef: setFocusRef,\n      onKeyDown: (e: React.KeyboardEvent<HTMLImageElement>) => {\n        if (this.isValueEmpty() && e.key === 'Escape') {\n          onClear();\n        }\n      },\n      empty: this.isValueEmpty(),\n      onClear,\n      autoFocus: true,\n    };\n  }\n\n  getPopperProps() {\n    return {\n      onApply: () => {\n        this.handlers.visible(false);\n      },\n    };\n  }\n\n  render() {\n    return <Root render={Select} />;\n  }\n}\n\nconst AddFilterSelect: typeof AddFilterSelectType = createComponent(AddFilterSelectRoot, {\n  Trigger: Select.Trigger,\n  Menu: Select.Menu,\n  Option: [\n    Select.Option,\n    {\n      Checkbox: Select.Option.Checkbox,\n    },\n  ],\n  List: Select.List,\n  Popper: Select.Popper,\n  InputSearch: Select.InputSearch,\n});\n\nexport default AddFilterSelect;\n"],"mappings":"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"}

package/add-filter/lib/cjs/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _AddFilter["default"];
+  }
+});
+var _AddFilter = _interopRequireWildcard(require("./AddFilter"));
+Object.keys(_AddFilter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _AddFilter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AddFilter[key];
+    }
+  });
+});
+var _AddFilter2 = require("./AddFilter.types");
+Object.keys(_AddFilter2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _AddFilter2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AddFilter2[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/add-filter/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_AddFilter","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_AddFilter2"],"sources":["../../src/index.ts"],"sourcesContent":["export { default } from './AddFilter';\nexport * from './AddFilter';\nexport * from './AddFilter.types';\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,UAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,UAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAd,UAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,WAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,WAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,WAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,WAAA,CAAAT,GAAA;IAAA;EAAA;AAAA"}

package/add-filter/lib/cjs/translations/__intergalactic-dynamic-locales.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.localizedMessages = void 0;
+var _de = _interopRequireDefault(require("./de.json"));
+var _en = _interopRequireDefault(require("./en.json"));
+var _es = _interopRequireDefault(require("./es.json"));
+var _fr = _interopRequireDefault(require("./fr.json"));
+var _it = _interopRequireDefault(require("./it.json"));
+var _ja = _interopRequireDefault(require("./ja.json"));
+var _ko = _interopRequireDefault(require("./ko.json"));
+var _nl = _interopRequireDefault(require("./nl.json"));
+var _pt = _interopRequireDefault(require("./pt.json"));
+var _tr = _interopRequireDefault(require("./tr.json"));
+var _vi = _interopRequireDefault(require("./vi.json"));
+var _zh = _interopRequireDefault(require("./zh.json"));
+var _pl = _interopRequireDefault(require("./pl.json"));
+var _sv = _interopRequireDefault(require("./sv.json"));
+var localizedMessages = {
+  de: _de["default"],
+  en: _en["default"],
+  es: _es["default"],
+  fr: _fr["default"],
+  it: _it["default"],
+  ja: _ja["default"],
+  ko: _ko["default"],
+  nl: _nl["default"],
+  pt: _pt["default"],
+  tr: _tr["default"],
+  vi: _vi["default"],
+  zh: _zh["default"],
+  pl: _pl["default"],
+  sv: _sv["default"]
+};
+exports.localizedMessages = localizedMessages;
+//# sourceMappingURL=__intergalactic-dynamic-locales.js.map

package/add-filter/lib/cjs/translations/__intergalactic-dynamic-locales.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pt","_tr","_vi","_zh","_pl","_sv","localizedMessages","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv","exports"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\nimport pl from './pl.json';\nimport sv from './sv.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,IAAMc,iBAAiB,GAAG;EAC/BC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC;AAACC,OAAA,CAAAf,iBAAA,GAAAA,iBAAA"}

package/add-filter/lib/cjs/translations/de.json

@@ -0,0 +1,4 @@
+{
+  "AddFilter.DropdownTrigger.Text": "Filter hinzufügen",
+  "AddFilter.Button.Text": "Filter löschen"
+}

package/add-filter/lib/cjs/translations/en.json

@@ -0,0 +1,5 @@
+{
+  "AddFilter.DropdownTrigger.Text": "Add filter",
+  "AddFilter.Button.Text": "Clear filters",
+  "AddFilter.ScreenReaderMessage.FiltersCleared": "Filters cleared"
+}

package/add-filter/lib/cjs/translations/es.json

@@ -0,0 +1,4 @@
+{
+  "AddFilter.DropdownTrigger.Text": "Agregar filtro",
+  "AddFilter.Button.Text": "Borrar filtros"
+}

package/add-filter/lib/cjs/translations/fr.json

@@ -0,0 +1,4 @@
+{
+  "AddFilter.DropdownTrigger.Text": "Ajouter un filtre",
+  "AddFilter.Button.Text": "Effacer les filtres"
+}

package/add-filter/lib/cjs/translations/it.json

@@ -0,0 +1,4 @@
+{
+  "AddFilter.DropdownTrigger.Text": "Aggiungi filtro",
+  "AddFilter.Button.Text": "Rimuovi filtri"
+}

package/add-filter/lib/cjs/translations/ja.json

@@ -0,0 +1,4 @@
+{
+  "AddFilter.DropdownTrigger.Text": "フィルタを追加",
+  "AddFilter.Button.Text": "フィルタをクリア"
+}

package/add-filter/lib/cjs/translations/ko.json

@@ -0,0 +1,4 @@
+{
+  "AddFilter.DropdownTrigger.Text": "필터 추가",
+  "AddFilter.Button.Text": "필터 지우기"
+}

package/add-filter/lib/cjs/translations/nl.json

@@ -0,0 +1,4 @@
+{
+  "AddFilter.DropdownTrigger.Text": "Filter toevoegen",
+  "AddFilter.Button.Text": "Filters wissen"
+}

package/add-filter/lib/cjs/translations/pl.json

@@ -0,0 +1,4 @@
+{
+  "AddFilter.DropdownTrigger.Text": "Dodaj filtr",
+  "AddFilter.Button.Text": "Wyczyść filtry"
+}

package/add-filter/lib/cjs/translations/pt.json

@@ -0,0 +1,4 @@
+{
+  "AddFilter.DropdownTrigger.Text": "Adicionar filtro",
+  "AddFilter.Button.Text": "Limpar filtros"
+}

package/add-filter/lib/cjs/translations/sv.json

@@ -0,0 +1,4 @@
+{
+  "AddFilter.DropdownTrigger.Text": "Tillämpa filter",
+  "AddFilter.Button.Text": "Rensa filter"
+}

package/add-filter/lib/cjs/translations/tr.json

@@ -0,0 +1,4 @@
+{
+  "AddFilterPattern.DropdownTrigger.Text": "Filtre ekle",
+  "AddFilterPattern.Button.Text": "Filtreleri temizle"
+}

package/add-filter/lib/cjs/translations/vi.json

@@ -0,0 +1,4 @@
+{
+  "AddFilter.DropdownTrigger.Text": "Thêm bộ lọc",
+  "AddFilter.Button.Text": "Xóa bộ lọc"
+}

package/add-filter/lib/cjs/translations/zh.json

@@ -0,0 +1,4 @@
+{
+  "AddFilter.DropdownTrigger.Text": "添加筛选器",
+  "AddFilter.Button.Text": "清除筛选器"
+}

package/add-filter/lib/es6/AddFilter.mjs

@@ -0,0 +1,328 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { assignProps as _assignProps } from 'intergalactic/core';
+import React from 'react';
+import { Flex, ScreenReaderOnly } from 'intergalactic/flex-box';
+import Button from 'intergalactic/button';
+import createComponent, { Component, Root } from 'intergalactic/core';
+import DropdownMenu from 'intergalactic/dropdown-menu';
+import MathPlusM from 'intergalactic/icon/MathPlus/m';
+import CloseM from 'intergalactic/icon/Close/m';
+import AddFilterSelect from './components/AddFilterSelect';
+import AddFilterInput from './components/AddFilterInput';
+import AddFilterDropdown from './components/AddFilterDropdown';
+import { extractFrom } from 'intergalactic/utils/lib/findComponent';
+import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
+import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import focusSourceEnhance from 'intergalactic/utils/lib/enhances/focusSourceEnhance';
+var RootAddFilter = /*#__PURE__*/function (_Component) {
+  _inherits(RootAddFilter, _Component);
+  var _super = _createSuper(RootAddFilter);
+  function RootAddFilter(props) {
+    var _this;
+    _classCallCheck(this, RootAddFilter);
+    _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "addFilterTrigger", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "filtersFocusMap", new Map());
+    _defineProperty(_assertThisInitialized(_this), "clearMessageTimer", void 0);
+    _defineProperty(_assertThisInitialized(_this), "addDropdownItems", void 0);
+    _this.state = {
+      visibleFilters: new Set(),
+      clearFiltersMessage: ''
+    };
+    _this.addDropdownItems = RootAddFilter.getDefaultAddDropdownOptions(props.children);
+    return _this;
+  }
+  _createClass(RootAddFilter, [{
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      clearTimeout(this.clearMessageTimer);
+    }
+  }, {
+    key: "focusFilterAfterItemCleared",
+    value: function focusFilterAfterItemCleared(name) {
+      var _this2 = this;
+      var focusSourceRef = this.asProps.focusSourceRef;
+      if (focusSourceRef.current !== 'keyboard') {
+        return;
+      }
+      var deletedIndex = Array.from(this.state.visibleFilters).findIndex(function (n) {
+        return n === name;
+      });
+      setTimeout(function () {
+        var _this2$filtersFocusMa;
+        var currentVisibleFiltersList = Array.from(_this2.state.visibleFilters);
+        var focusFilterName = currentVisibleFiltersList.at(deletedIndex);
+        var itemToFocus = (_this2$filtersFocusMa = _this2.filtersFocusMap.get(focusFilterName)) !== null && _this2$filtersFocusMa !== void 0 ? _this2$filtersFocusMa : _this2.addFilterTrigger.current;
+        itemToFocus === null || itemToFocus === void 0 ? void 0 : itemToFocus.focus();
+      }, 20);
+    }
+  }, {
+    key: "getVisibleFilters",
+    value: function getVisibleFilters(allFilters) {
+      return Array.from(this.state.visibleFilters).map(function (name) {
+        return allFilters.find(function (_ref2) {
+          var props = _ref2.props;
+          return props.name === name;
+        });
+      });
+    }
+  }, {
+    key: "getItemCommonProps",
+    value: function getItemCommonProps(props) {
+      var _this3 = this;
+      var name = props.name;
+      var filterData = this.asProps.filterData;
+      return {
+        name: name,
+        value: filterData[name],
+        setFocusRef: function setFocusRef(ref) {
+          _this3.filtersFocusMap.set(name, ref);
+        },
+        onClear: function onClear() {
+          _this3.hideFilter(name);
+          _this3.focusFilterAfterItemCleared(name);
+        }
+      };
+    }
+  }, {
+    key: "getInputProps",
+    value: function getInputProps(props) {
+      return this.getItemCommonProps(props);
+    }
+  }, {
+    key: "getDropdownAndSelectProps",
+    value: function getDropdownAndSelectProps(props, isEmpty) {
+      var _this4 = this;
+      var _this$getItemCommonPr = this.getItemCommonProps(props),
+        setFocusRef = _this$getItemCommonPr.setFocusRef,
+        value = _this$getItemCommonPr.value,
+        onClear = _this$getItemCommonPr.onClear;
+      return {
+        value: value,
+        onClear: onClear,
+        setFocusRef: setFocusRef,
+        onVisibleChange: function onVisibleChange(visible) {
+          // waiting for filterData update
+          setTimeout(function () {
+            var _this4$getItemCommonP = _this4.getItemCommonProps(props),
+              onClear = _this4$getItemCommonP.onClear;
+            if (!visible && isEmpty()) {
+              onClear();
+            }
+          }, 0);
+        }
+      };
+    }
+  }, {
+    key: "getSelectProps",
+    value: function getSelectProps(props) {
+      var _this5 = this;
+      var isEmpty = function isEmpty() {
+        var multiselect = props.multiselect;
+        var _this5$getItemCommonP = _this5.getItemCommonProps(props),
+          value = _this5$getItemCommonP.value;
+        return multiselect && Array.isArray(value) ? !(value !== null && value !== void 0 && value.length) : !value;
+      };
+      return this.getDropdownAndSelectProps(props, isEmpty);
+    }
+  }, {
+    key: "getDropdownProps",
+    value: function getDropdownProps(props) {
+      var _this6 = this;
+      var isEmpty = function isEmpty() {
+        var _this6$getItemCommonP = _this6.getItemCommonProps(props),
+          value = _this6$getItemCommonP.value;
+        return value == null;
+      };
+      return this.getDropdownAndSelectProps(props, isEmpty);
+    }
+  }, {
+    key: "clearAll",
+    value: function clearAll() {
+      var _this7 = this;
+      this.setState({
+        visibleFilters: new Set()
+      });
+      this.props.onClearAll();
+      this.announceClearMessageToSR();
+
+      // waiting for AddFilter button appear in the DOM
+      setTimeout(function () {
+        var _this7$addFilterTrigg;
+        (_this7$addFilterTrigg = _this7.addFilterTrigger.current) === null || _this7$addFilterTrigg === void 0 ? void 0 : _this7$addFilterTrigg.focus();
+      }, 20);
+    }
+  }, {
+    key: "announceClearMessageToSR",
+    value: function announceClearMessageToSR() {
+      var _this8 = this;
+      var getI18nText = this.asProps.getI18nText;
+      var clearFiltersMessage = getI18nText('AddFilter.ScreenReaderMessage.FiltersCleared');
+      this.setState({
+        clearFiltersMessage: clearFiltersMessage
+      });
+      this.clearMessageTimer = setTimeout(function () {
+        _this8.setState({
+          clearFiltersMessage: ''
+        });
+      }, 300);
+    }
+  }, {
+    key: "toggleFieldVisibility",
+    value: function toggleFieldVisibility(name, status) {
+      var visibleFilters = new Set(Array.from(this.state.visibleFilters));
+      if (status) {
+        visibleFilters.add(name);
+      } else {
+        visibleFilters["delete"](name);
+      }
+      this.setState({
+        visibleFilters: visibleFilters
+      });
+    }
+  }, {
+    key: "hideFilter",
+    value: function hideFilter(name) {
+      this.toggleFieldVisibility(name, false);
+    }
+  }, {
+    key: "getFilterSelectionMenuProps",
+    value: function getFilterSelectionMenuProps() {
+      var _this9 = this;
+      var getI18nText = this.asProps.getI18nText;
+      return {
+        ref: this.addFilterTrigger,
+        options: this.addDropdownItems,
+        toggleFieldVisibility: function toggleFieldVisibility(name, status) {
+          return _this9.toggleFieldVisibility(name, status);
+        },
+        visibleFilters: this.state.visibleFilters,
+        getI18nText: getI18nText
+      };
+    }
+  }, {
+    key: "getClearAllFiltersProps",
+    value: function getClearAllFiltersProps() {
+      var _this10 = this;
+      var _this$asProps = this.asProps,
+        getI18nText = _this$asProps.getI18nText,
+        filterData = _this$asProps.filterData;
+      return {
+        hasFilterData: Object.values(filterData).filter(function (value) {
+          return Array.isArray(value) ? value === null || value === void 0 ? void 0 : value.length : value;
+        }).length > 0,
+        clearAll: function clearAll() {
+          _this10.clearAll();
+        },
+        getI18nText: getI18nText
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps;
+      var Children = this.asProps.Children;
+      var _RootAddFilter$getFil = RootAddFilter.getFilterPatternItems(Children),
+        _RootAddFilter$getFil2 = _slicedToArray(_RootAddFilter$getFil, 2),
+        filters = _RootAddFilter$getFil2[0],
+        persistentFilters = _RootAddFilter$getFil2[1];
+      var VisibleFilteredChildren = this.getVisibleFilters(filters);
+      var filtersSelectionDropdown = this.getFilterSelectionMenuProps();
+      var clearAllFiltersProps = this.getClearAllFiltersProps();
+      return /*#__PURE__*/React.createElement(Flex, _assignProps({
+        "gap": 2,
+        "flexWrap": true
+      }, _ref), persistentFilters, VisibleFilteredChildren, /*#__PURE__*/React.createElement(AddFilterDropdownMenu, filtersSelectionDropdown), /*#__PURE__*/React.createElement(ClearAllFilters, clearAllFiltersProps), /*#__PURE__*/React.createElement(ScreenReaderOnly, {
+        "aria-live": "polite",
+        role: "status"
+      }, this.state.clearFiltersMessage));
+    }
+  }]);
+  return RootAddFilter;
+}(Component);
+_defineProperty(RootAddFilter, "displayName", 'AddFilter');
+_defineProperty(RootAddFilter, "enhance", [i18nEnhance(localizedMessages), focusSourceEnhance()]);
+_defineProperty(RootAddFilter, "defaultProps", {
+  i18n: localizedMessages,
+  locale: 'en'
+});
+_defineProperty(RootAddFilter, "componentsNames", ['AddFilter.Input', 'AddFilter.Select', 'AddFilter.Dropdown']);
+_defineProperty(RootAddFilter, "getFilterPatternItems", function (children) {
+  return extractFrom(children, RootAddFilter.componentsNames);
+});
+_defineProperty(RootAddFilter, "getDefaultAddDropdownOptions", function (children) {
+  var _RootAddFilter$getFil3 = RootAddFilter.getFilterPatternItems(children),
+    _RootAddFilter$getFil4 = _slicedToArray(_RootAddFilter$getFil3, 1),
+    filters = _RootAddFilter$getFil4[0];
+  return filters.map(function (_ref5) {
+    var props = _ref5.props;
+    var name = props.name,
+      displayName = props.displayName;
+    return {
+      label: displayName !== null && displayName !== void 0 ? displayName : name,
+      value: name
+    };
+  });
+});
+var AddFilterDropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var options = props.options,
+    toggleFieldVisibility = props.toggleFieldVisibility,
+    visibleFilters = props.visibleFilters,
+    getI18nText = props.getI18nText;
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    visible = _React$useState2[0],
+    setVisible = _React$useState2[1];
+  var optionsWithoutVisible = React.useMemo(function () {
+    return options.filter(function (filter) {
+      return !Array.from(visibleFilters).includes(filter.value);
+    });
+  }, [options, visibleFilters]);
+  if (!optionsWithoutVisible.length) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(DropdownMenu, {
+    visible: visible,
+    onVisibleChange: setVisible
+  }, /*#__PURE__*/React.createElement(DropdownMenu.Trigger, {
+    ref: ref,
+    tag: Button,
+    use: "tertiary",
+    addonLeft: MathPlusM
+  }, getI18nText('AddFilter.DropdownTrigger.Text')), /*#__PURE__*/React.createElement(DropdownMenu.Menu, null, optionsWithoutVisible.map(function (_ref3) {
+    var label = _ref3.label,
+      value = _ref3.value;
+    return /*#__PURE__*/React.createElement(DropdownMenu.Item, {
+      key: value,
+      onClick: function onClick() {
+        toggleFieldVisibility(value, true);
+        setVisible(false);
+      }
+    }, label);
+  })));
+});
+function ClearAllFilters(_ref4) {
+  var hasFilterData = _ref4.hasFilterData,
+    clearAll = _ref4.clearAll,
+    getI18nText = _ref4.getI18nText;
+  return hasFilterData ? /*#__PURE__*/React.createElement(Button, {
+    use: "tertiary",
+    theme: "muted",
+    addonLeft: CloseM,
+    ml: "auto",
+    onClick: clearAll
+  }, getI18nText('AddFilter.Button.Text')) : null;
+}
+var AddFilter = createComponent(RootAddFilter, {
+  Select: AddFilterSelect,
+  Input: AddFilterInput,
+  Dropdown: AddFilterDropdown
+});
+export default AddFilter;
+//# sourceMappingURL=AddFilter.mjs.map