intergalactic 15.129.0 → 15.130.0-prerelease.0

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

@@ -1,254 +1,302 @@
-import A from "@babel/runtime/helpers/esm/slicedToArray";
-import I from "@babel/runtime/helpers/esm/classCallCheck";
-import b from "@babel/runtime/helpers/esm/createClass";
-import F from "@babel/runtime/helpers/esm/assertThisInitialized";
-import T from "@babel/runtime/helpers/esm/inherits";
-import S from "@babel/runtime/helpers/esm/createSuper";
-import c from "@babel/runtime/helpers/esm/defineProperty";
-import _, { assignProps as D, Component as M } from 'intergalactic/core';
-import m from "react";
-import { Flex as w, ScreenReaderOnly as R } from 'intergalactic/flex-box';
-import C from 'intergalactic/button';
-import h from 'intergalactic/dropdown-menu';
-import k from 'intergalactic/icon/MathPlus/m';
-import x from 'intergalactic/icon/Close/m';
-import V from "./components/AddFilterSelect.mjs";
-import E from "./components/AddFilterInput.mjs";
-import $ from "./components/AddFilterDropdown.mjs";
-import { extractFrom as N } from 'intergalactic/utils/lib/findComponent';
-import { localizedMessages as P } from "./translations/__intergalactic-dynamic-locales.mjs";
-import O from 'intergalactic/utils/lib/enhances/i18nEnhance';
-import W from 'intergalactic/utils/lib/enhances/focusSourceEnhance';
-var f = /* @__PURE__ */ function(n) {
-  T(s, n);
-  var p = S(s);
-  function s(o) {
-    var e;
-    return I(this, s), e = p.call(this, o), c(F(e), "addFilterTrigger", /* @__PURE__ */ m.createRef()), c(F(e), "filtersFocusMap", /* @__PURE__ */ new Map()), c(F(e), "clearMessageTimer", void 0), c(F(e), "addDropdownItems", void 0), e.state = {
+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 createComponent, { assignProps, Component } from 'intergalactic/core';
+import React from "react";
+import { Flex, ScreenReaderOnly } from 'intergalactic/flex-box';
+import Button from 'intergalactic/button';
+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.mjs";
+import AddFilterInput from "./components/AddFilterInput.mjs";
+import AddFilterDropdown from "./components/AddFilterDropdown.mjs";
+import { extractFrom } from 'intergalactic/utils/lib/findComponent';
+import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
+import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import focusSourceEnhance from 'intergalactic/utils/lib/enhances/focusSourceEnhance';
+var RootAddFilter = /* @__PURE__ */ function(_Component) {
+  _inherits(RootAddFilter2, _Component);
+  var _super = _createSuper(RootAddFilter2);
+  function RootAddFilter2(props) {
+    var _this;
+    _classCallCheck(this, RootAddFilter2);
+    _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "addFilterTrigger", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "filtersFocusMap", /* @__PURE__ */ new Map());
+    _defineProperty(_assertThisInitialized(_this), "clearMessageTimer", void 0);
+    _defineProperty(_assertThisInitialized(_this), "addDropdownItems", void 0);
+    _this.state = {
       visibleFilters: /* @__PURE__ */ new Set(),
       clearFiltersMessage: ""
-    }, e.addDropdownItems = s.getDefaultAddDropdownOptions(o.children), e;
+    };
+    _this.addDropdownItems = RootAddFilter2.getDefaultAddDropdownOptions(props.children);
+    return _this;
   }
-  return b(s, [{
+  _createClass(RootAddFilter2, [{
     key: "componentWillUnmount",
-    value: function() {
+    value: function componentWillUnmount() {
       clearTimeout(this.clearMessageTimer);
     }
   }, {
     key: "focusFilterAfterItemCleared",
-    value: function(e) {
-      var t = this, r = this.asProps.focusSourceRef;
-      if (r.current === "keyboard") {
-        var l = Array.from(this.state.visibleFilters).findIndex(function(i) {
-          return i === e;
-        });
-        setTimeout(function() {
-          var i, a = Array.from(t.state.visibleFilters), u = a.at(l), d = (i = t.filtersFocusMap.get(u)) !== null && i !== void 0 ? i : t.addFilterTrigger.current;
-          d == null || d.focus();
-        }, 20);
+    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(e) {
-      return Array.from(this.state.visibleFilters).map(function(t) {
-        return e.find(function(r) {
-          var l = r.props;
-          return l.name === t;
+    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(e) {
-      var t = this, r = e.name, l = this.asProps.filterData;
+    value: function getItemCommonProps(props) {
+      var _this3 = this;
+      var name = props.name;
+      var filterData = this.asProps.filterData;
       return {
-        name: r,
-        value: l[r],
-        setFocusRef: function(a) {
-          t.filtersFocusMap.set(r, a);
+        name,
+        value: filterData[name],
+        setFocusRef: function setFocusRef(ref) {
+          _this3.filtersFocusMap.set(name, ref);
         },
-        onClear: function() {
-          t.hideFilter(r), t.focusFilterAfterItemCleared(r);
+        onClear: function onClear() {
+          _this3.hideFilter(name);
+          _this3.focusFilterAfterItemCleared(name);
         }
       };
     }
   }, {
     key: "getInputProps",
-    value: function(e) {
-      return this.getItemCommonProps(e);
+    value: function getInputProps(props) {
+      return this.getItemCommonProps(props);
     }
   }, {
     key: "getDropdownAndSelectProps",
-    value: function(e, t) {
-      var r = this, l = this.getItemCommonProps(e), i = l.setFocusRef, a = l.value, u = l.onClear;
+    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: a,
-        onClear: u,
-        setFocusRef: i,
-        onVisibleChange: function(g) {
+        value,
+        onClear,
+        setFocusRef,
+        onVisibleChange: function onVisibleChange(visible) {
           setTimeout(function() {
-            var v = r.getItemCommonProps(e), y = v.onClear;
-            !g && t() && y();
+            var _this4$getItemCommonP = _this4.getItemCommonProps(props), onClear2 = _this4$getItemCommonP.onClear;
+            if (!visible && isEmpty()) {
+              onClear2();
+            }
           }, 0);
         }
       };
     }
   }, {
     key: "getSelectProps",
-    value: function(e) {
-      var t = this, r = function() {
-        var i = e.multiselect, a = t.getItemCommonProps(e), u = a.value;
-        return i && Array.isArray(u) ? !(u != null && u.length) : !u;
+    value: function getSelectProps(props) {
+      var _this5 = this;
+      var isEmpty = function isEmpty2() {
+        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(e, r);
+      return this.getDropdownAndSelectProps(props, isEmpty);
     }
   }, {
     key: "getDropdownProps",
-    value: function(e) {
-      var t = this, r = function() {
-        var i = t.getItemCommonProps(e), a = i.value;
-        return a == null;
+    value: function getDropdownProps(props) {
+      var _this6 = this;
+      var isEmpty = function isEmpty2() {
+        var _this6$getItemCommonP = _this6.getItemCommonProps(props), value = _this6$getItemCommonP.value;
+        return value == null;
       };
-      return this.getDropdownAndSelectProps(e, r);
+      return this.getDropdownAndSelectProps(props, isEmpty);
     }
   }, {
     key: "clearAll",
-    value: function() {
-      var e = this;
+    value: function clearAll() {
+      var _this7 = this;
       this.setState({
         visibleFilters: /* @__PURE__ */ new Set()
-      }), this.props.onClearAll(), this.announceClearMessageToSR(), setTimeout(function() {
-        var t;
-        (t = e.addFilterTrigger.current) === null || t === void 0 || t.focus();
+      });
+      this.props.onClearAll();
+      this.announceClearMessageToSR();
+      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() {
-      var e = this, t = this.asProps.getI18nText, r = t("AddFilter.ScreenReaderMessage.FiltersCleared");
+    value: function announceClearMessageToSR() {
+      var _this8 = this;
+      var getI18nText = this.asProps.getI18nText;
+      var clearFiltersMessage = getI18nText("AddFilter.ScreenReaderMessage.FiltersCleared");
       this.setState({
-        clearFiltersMessage: r
-      }), this.clearMessageTimer = setTimeout(function() {
-        e.setState({
+        clearFiltersMessage
+      });
+      this.clearMessageTimer = setTimeout(function() {
+        _this8.setState({
           clearFiltersMessage: ""
         });
       }, 300);
     }
   }, {
     key: "toggleFieldVisibility",
-    value: function(e, t) {
-      var r = new Set(Array.from(this.state.visibleFilters));
-      t ? r.add(e) : r.delete(e), this.setState({
-        visibleFilters: r
+    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
       });
     }
   }, {
     key: "hideFilter",
-    value: function(e) {
-      this.toggleFieldVisibility(e, !1);
+    value: function hideFilter(name) {
+      this.toggleFieldVisibility(name, false);
     }
   }, {
     key: "getFilterSelectionMenuProps",
-    value: function() {
-      var e = this, t = this.asProps.getI18nText;
+    value: function getFilterSelectionMenuProps() {
+      var _this9 = this;
+      var getI18nText = this.asProps.getI18nText;
       return {
         ref: this.addFilterTrigger,
         options: this.addDropdownItems,
-        toggleFieldVisibility: function(l, i) {
-          return e.toggleFieldVisibility(l, i);
+        toggleFieldVisibility: function toggleFieldVisibility(name, status) {
+          return _this9.toggleFieldVisibility(name, status);
         },
         visibleFilters: this.state.visibleFilters,
-        getI18nText: t
+        getI18nText
       };
     }
   }, {
     key: "getClearAllFiltersProps",
-    value: function() {
-      var e = this, t = this.asProps, r = t.getI18nText, l = t.filterData;
+    value: function getClearAllFiltersProps() {
+      var _this10 = this;
+      var _this$asProps = this.asProps, getI18nText = _this$asProps.getI18nText, filterData = _this$asProps.filterData;
       return {
-        hasFilterData: Object.values(l).filter(function(i) {
-          return Array.isArray(i) ? i == null ? void 0 : i.length : i;
+        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() {
-          e.clearAll();
+        clearAll: function clearAll() {
+          _this10.clearAll();
         },
-        getI18nText: r
+        getI18nText
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var e = this.asProps, t = this.asProps.Children, r = s.getFilterPatternItems(t), l = A(r, 2), i = l[0], a = l[1], u = this.getVisibleFilters(i), d = this.getFilterSelectionMenuProps(), g = this.getClearAllFiltersProps();
-      return /* @__PURE__ */ m.createElement(w, D({
-        gap: 2,
-        flexWrap: !0
-      }, e), a, u, /* @__PURE__ */ m.createElement(L, d), /* @__PURE__ */ m.createElement(z, g), /* @__PURE__ */ m.createElement(R, {
+    value: function render() {
+      var _ref = this.asProps;
+      var Children = this.asProps.Children;
+      var _RootAddFilter$getFil = RootAddFilter2.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));
     }
-  }]), s;
-}(M);
-c(f, "displayName", "AddFilter");
-c(f, "enhance", [O(P), W()]);
-c(f, "defaultProps", {
-  i18n: P,
+  }]);
+  return RootAddFilter2;
+}(Component);
+_defineProperty(RootAddFilter, "displayName", "AddFilter");
+_defineProperty(RootAddFilter, "enhance", [i18nEnhance(localizedMessages), focusSourceEnhance()]);
+_defineProperty(RootAddFilter, "defaultProps", {
+  i18n: localizedMessages,
   locale: "en"
 });
-c(f, "componentsNames", ["AddFilter.Input", "AddFilter.Select", "AddFilter.Dropdown"]);
-c(f, "getFilterPatternItems", function(n) {
-  return N(n, f.componentsNames);
+_defineProperty(RootAddFilter, "componentsNames", ["AddFilter.Input", "AddFilter.Select", "AddFilter.Dropdown"]);
+_defineProperty(RootAddFilter, "getFilterPatternItems", function(children) {
+  return extractFrom(children, RootAddFilter.componentsNames);
 });
-c(f, "getDefaultAddDropdownOptions", function(n) {
-  var p = f.getFilterPatternItems(n), s = A(p, 1), o = s[0];
-  return o.map(function(e) {
-    var t = e.props, r = t.name, l = t.displayName;
+_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: l ?? r,
-      value: r
+      label: displayName !== null && displayName !== void 0 ? displayName : name,
+      value: name
     };
   });
 });
-var L = /* @__PURE__ */ m.forwardRef(function(n, p) {
-  var s = n.options, o = n.toggleFieldVisibility, e = n.visibleFilters, t = n.getI18nText, r = m.useState(!1), l = A(r, 2), i = l[0], a = l[1], u = m.useMemo(function() {
-    return s.filter(function(d) {
-      return !Array.from(e).includes(d.value);
+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);
     });
-  }, [s, e]);
-  return u.length ? /* @__PURE__ */ m.createElement(h, {
-    visible: i,
-    onVisibleChange: a
-  }, /* @__PURE__ */ m.createElement(h.Trigger, {
-    ref: p,
-    tag: C,
+  }, [options, visibleFilters]);
+  if (!optionsWithoutVisible.length) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(DropdownMenu, {
+    visible,
+    onVisibleChange: setVisible
+  }, /* @__PURE__ */ React.createElement(DropdownMenu.Trigger, {
+    ref,
+    tag: Button,
     use: "tertiary",
-    addonLeft: k
-  }, t("AddFilter.DropdownTrigger.Text")), /* @__PURE__ */ m.createElement(h.Menu, null, u.map(function(d) {
-    var g = d.label, v = d.value;
-    return /* @__PURE__ */ m.createElement(h.Item, {
-      key: v,
-      onClick: function() {
-        o(v, !0), a(!1);
+    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);
       }
-    }, g);
-  }))) : null;
+    }, label);
+  })));
 });
-function z(n) {
-  var p = n.hasFilterData, s = n.clearAll, o = n.getI18nText;
-  return p ? /* @__PURE__ */ m.createElement(C, {
+function ClearAllFilters(_ref4) {
+  var hasFilterData = _ref4.hasFilterData, clearAll = _ref4.clearAll, getI18nText = _ref4.getI18nText;
+  return hasFilterData ? /* @__PURE__ */ React.createElement(Button, {
     use: "tertiary",
     theme: "muted",
-    addonLeft: x,
+    addonLeft: CloseM,
     ml: "auto",
-    onClick: s
-  }, o("AddFilter.Button.Text")) : null;
+    onClick: clearAll
+  }, getI18nText("AddFilter.Button.Text")) : null;
 }
-var ue = _(f, {
-  Select: V,
-  Input: E,
-  Dropdown: $
+var AddFilter = createComponent(RootAddFilter, {
+  Select: AddFilterSelect,
+  Input: AddFilterInput,
+  Dropdown: AddFilterDropdown
 });
 export {
-  ue as default
+  AddFilter as default
 };

package/add-filter/lib/esm/components/AddFilterDropdown.mjs

@@ -1,74 +1,79 @@
-import c from "@babel/runtime/helpers/esm/classCallCheck";
-import d from "@babel/runtime/helpers/esm/createClass";
-import v from "@babel/runtime/helpers/esm/inherits";
-import g from "@babel/runtime/helpers/esm/createSuper";
-import l from "@babel/runtime/helpers/esm/defineProperty";
-import P, { assignProps as y, Component as h } from 'intergalactic/core';
-import _ from "react";
-import p from 'intergalactic/dropdown';
-import { FilterTrigger as C } from 'intergalactic/base-trigger';
-var s = /* @__PURE__ */ function(a) {
-  v(o, a);
-  var u = g(o);
-  function o() {
-    return c(this, o), u.apply(this, arguments);
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+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 createComponent, { assignProps, Component } from 'intergalactic/core';
+import React from "react";
+import Dropdown from 'intergalactic/dropdown';
+import { FilterTrigger } from 'intergalactic/base-trigger';
+var AddFilterDropdownRoot = /* @__PURE__ */ function(_Component) {
+  _inherits(AddFilterDropdownRoot2, _Component);
+  var _super = _createSuper(AddFilterDropdownRoot2);
+  function AddFilterDropdownRoot2() {
+    _classCallCheck(this, AddFilterDropdownRoot2);
+    return _super.apply(this, arguments);
   }
-  return d(o, [{
+  _createClass(AddFilterDropdownRoot2, [{
     key: "uncontrolledProps",
-    value: function() {
+    value: function uncontrolledProps() {
       return {
         visible: [null]
       };
     }
   }, {
     key: "componentWillUnmount",
-    value: function() {
-      var r, e;
-      (r = (e = this.asProps).onUnmount) === null || r === void 0 || r.call(e);
+    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: "getTriggerProps",
-    value: function() {
-      var r = this.asProps, e = r.value, n = r.onClear, i = r.setFocusRef;
+    value: function getTriggerProps() {
+      var _ref2 = this.asProps, value = _ref2.value, onClear = _ref2.onClear, setFocusRef = _ref2.setFocusRef;
       return {
-        tag: C,
-        triggerRef: i,
-        empty: e == null,
-        onClear: n,
-        autoFocus: !0
+        tag: FilterTrigger,
+        triggerRef: setFocusRef,
+        empty: value == null,
+        onClear,
+        autoFocus: true
       };
     }
   }, {
     key: "getPopperProps",
-    value: function() {
-      var r = this, e = this.asProps, n = e.value, i = e.onClear;
+    value: function getPopperProps() {
+      var _this = this;
+      var _ref3 = this.asProps, value = _ref3.value, onClear = _ref3.onClear;
       return {
-        onKeyDown: function(m) {
-          !n && m.key === "Escape" && i();
+        onKeyDown: function onKeyDown(e) {
+          if (!value && e.key === "Escape") {
+            onClear();
+          }
         },
-        onApply: function() {
-          r.handlers.visible(!1);
+        onApply: function onApply() {
+          _this.handlers.visible(false);
         }
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var r = this.asProps;
-      return /* @__PURE__ */ _.createElement(p, y({}, r));
+    value: function render() {
+      var _ref = this.asProps;
+      return /* @__PURE__ */ React.createElement(Dropdown, assignProps({}, _ref));
     }
-  }]), o;
-}(h);
-l(s, "displayName", "AddFilterDropdown");
-l(s, "defaultProps", function() {
+  }]);
+  return AddFilterDropdownRoot2;
+}(Component);
+_defineProperty(AddFilterDropdownRoot, "displayName", "AddFilterDropdown");
+_defineProperty(AddFilterDropdownRoot, "defaultProps", function() {
   return {
-    defaultVisible: !0
+    defaultVisible: true
   };
 });
-var $ = P(s, {
-  Trigger: p.Trigger,
-  Popper: p.Popper
+var AddFilterDropdown = createComponent(AddFilterDropdownRoot, {
+  Trigger: Dropdown.Trigger,
+  Popper: Dropdown.Popper
 });
 export {
-  $ as default
+  AddFilterDropdown as default
 };