intergalactic 15.126.0-prerelease.9 → 15.126.0

package/accordion/lib/esm/Accordion.mjs

@@ -0,0 +1,223 @@
+import p from "@babel/runtime/helpers/esm/objectSpread2";
+import k from "@babel/runtime/helpers/esm/toConsumableArray";
+import h from "@babel/runtime/helpers/esm/classCallCheck";
+import x from "@babel/runtime/helpers/esm/createClass";
+import m from "@babel/runtime/helpers/esm/assertThisInitialized";
+import y from "@babel/runtime/helpers/esm/inherits";
+import b from "@babel/runtime/helpers/esm/createSuper";
+import c from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as A } from 'intergalactic/utils/lib/core/index';
+import C, { Component as I, sstyled as P, assignProps as v } from 'intergalactic/core';
+import g from "react";
+import { Flex as R } from 'intergalactic/flex-box';
+import { Collapse as $ } from 'intergalactic/animation';
+import { Text as E } from 'intergalactic/typography';
+import z from 'intergalactic/icon/ChevronRight/m';
+import w from 'intergalactic/icon/ChevronRight/l';
+import B from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+import D from 'intergalactic/utils/lib/uniqueID';
+import { cssVariableEnhance as F } from 'intergalactic/utils/lib/useCssVariable';
+var T = (
+  /*__reshadow_css_start__*/
+  (A.insert(
+    /*__inner_css_start__*/
+    '.___SItemToggle_1lx1d_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_1lx1d_gg_.__keyboardFocused_1lx1d_gg_:not(._tabIndex_-1_1lx1d_gg_)::after{position:absolute;display:block;content:"";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:3}.___SItemToggle_1lx1d_gg_.__use_1lx1d_gg_.__use_1lx1d_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_1lx1d_gg_.__use_1lx1d_gg_._use_primary_1lx1d_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);margin-bottom:var(--intergalactic-spacing-05x, 2px)}@media (hover:hover){.___SItemToggle_1lx1d_gg_.__use_1lx1d_gg_._use_primary_1lx1d_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_1lx1d_gg_.__disabled_1lx1d_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_1lx1d_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_1lx1d_gg_.__selected_1lx1d_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_1lx1d_gg_{transition:none}}',
+    "1lx1d_gg_"
+  ), {
+    __SItemToggle: "___SItemToggle_1lx1d_gg_",
+    _keyboardFocused: "__keyboardFocused_1lx1d_gg_",
+    "_tabIndex_-1": "_tabIndex_-1_1lx1d_gg_",
+    _use: "__use_1lx1d_gg_",
+    _use_primary: "_use_primary_1lx1d_gg_",
+    _disabled: "__disabled_1lx1d_gg_",
+    __SItemChevron: "___SItemChevron_1lx1d_gg_",
+    _selected: "__selected_1lx1d_gg_"
+  })
+), u = /* @__PURE__ */ function(s) {
+  y(o, s);
+  var i = b(o);
+  function o() {
+    var r;
+    h(this, o);
+    for (var e = arguments.length, n = new Array(e), t = 0; t < e; t++)
+      n[t] = arguments[t];
+    return r = i.call.apply(i, [this].concat(n)), c(m(r), "handleToggleInteraction", function(a) {
+      var l = r.asProps.value;
+      if (Array.isArray(l)) {
+        var _ = l.indexOf(a), d = k(l);
+        _ === -1 ? d.push(a) : d.splice(_, 1), r.handlers.value(d);
+      } else
+        r.handlers.value(l === a ? null : a);
+    }), r;
+  }
+  return x(o, [{
+    key: "uncontrolledProps",
+    value: function() {
+      return {
+        value: null
+      };
+    }
+  }, {
+    key: "getItemProps",
+    value: function(e) {
+      var n = e.value, t = this.asProps, a = t.value, l = t.duration, _ = t.use, d = Array.isArray(a) ? a.includes(n) : a === n;
+      return {
+        selected: d,
+        duration: l,
+        use: _,
+        $handleInteraction: this.handleToggleInteraction
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var e = this.asProps.Children;
+      return /* @__PURE__ */ g.createElement(e, null);
+    }
+  }]), o;
+}(I);
+c(u, "displayName", "Accordion");
+c(u, "style", T);
+c(u, "defaultProps", {
+  defaultValue: [],
+  use: "secondary"
+});
+c(u, "enhance", [F({
+  variable: "--intergalactic-duration-accordion",
+  fallback: "200",
+  map: Number.parseInt,
+  prop: "duration"
+})]);
+var f = /* @__PURE__ */ function(s) {
+  y(o, s);
+  var i = b(o);
+  function o() {
+    var r;
+    h(this, o);
+    for (var e = arguments.length, n = new Array(e), t = 0; t < e; t++)
+      n[t] = arguments[t];
+    return r = i.call.apply(i, [this].concat(n)), c(m(r), "handleClick", function() {
+      var a = r.asProps, l = a.value, _ = a.$handleInteraction;
+      _(l);
+    }), r;
+  }
+  return x(o, [{
+    key: "getToggleProps",
+    value: function() {
+      var e = this.asProps, n = e.value, t = e.uid;
+      e.selected;
+      var a = e.disabled, l = e.use;
+      return {
+        use: l,
+        disabled: a,
+        onClick: a ? void 0 : this.handleClick,
+        id: "igc-".concat(t, "-").concat(n, "-toggle"),
+        tag: "h3",
+        size: 300
+      };
+    }
+  }, {
+    key: "getToggleButtonProps",
+    value: function() {
+      var e = this.asProps, n = e.value, t = e.uid, a = e.selected, l = e.disabled;
+      return {
+        disabled: l,
+        id: "igc-".concat(t, "-").concat(n, "-toggle-button"),
+        "aria-expanded": a ? "true" : "false",
+        "aria-controls": a ? "igc-".concat(t, "-").concat(n, "-collapse") : void 0
+      };
+    }
+  }, {
+    key: "getCollapseProps",
+    value: function() {
+      var e = this.asProps, n = e.selected, t = e.uid, a = e.duration, l = e.value;
+      return {
+        selected: n,
+        duration: a,
+        id: "igc-".concat(t, "-").concat(l, "-collapse"),
+        role: "region",
+        "aria-labelledby": "igc-".concat(t, "-").concat(l, "-toggle-button")
+      };
+    }
+  }, {
+    key: "getChevronProps",
+    value: function() {
+      var e = this.asProps, n = e.selected, t = e.size;
+      return {
+        selected: n,
+        size: t
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var e = this.asProps.Children;
+      return /* @__PURE__ */ g.createElement(e, null);
+    }
+  }]), o;
+}(I);
+c(f, "displayName", "Item");
+c(f, "style", T);
+c(f, "enhance", [D()]);
+var S = /* @__PURE__ */ function(s) {
+  y(o, s);
+  var i = b(o);
+  function o() {
+    var r;
+    h(this, o);
+    for (var e = arguments.length, n = new Array(e), t = 0; t < e; t++)
+      n[t] = arguments[t];
+    return r = i.call.apply(i, [this].concat(n)), c(m(r), "toggleRef", /* @__PURE__ */ g.createRef()), c(m(r), "handleKeyDown", function(a) {
+      a.key === "Enter" ? r.toggleRef.current === a.target && a.currentTarget.click() : a.key === " " && (a.preventDefault(), r.toggleRef.current === a.target && a.currentTarget.click());
+    }), r;
+  }
+  return x(o, [{
+    key: "render",
+    value: function() {
+      var e = this.asProps, n, t = this.asProps, a = t.styles;
+      t.disabled;
+      var l = t.use, _ = E;
+      return n = P(a), /* @__PURE__ */ g.createElement(_, n.cn("SItemToggle", p({}, v({
+        use: l,
+        ref: this.toggleRef,
+        onKeyDown: this.handleKeyDown
+      }, e))));
+    }
+  }]), o;
+}(I);
+c(S, "enhance", [B()]);
+function K(s) {
+  var i = arguments[0], o, r = s.styles, e = s.size, n = e === "l" ? w : z;
+  return o = P(r), /* @__PURE__ */ g.createElement(n, o.cn("SItemChevron", p({}, v({}, i))));
+}
+function N(s) {
+  var i = arguments[0], o, r = s.styles, e = R;
+  return o = P(r), /* @__PURE__ */ g.createElement(e, o.cn("SToggleButton", p({}, v(p({
+    alignItems: "center",
+    role: "button"
+  }, s), i))));
+}
+function j(s) {
+  var i = arguments[0], o = s.selected, r = o;
+  return /* @__PURE__ */ g.createElement($, v({
+    visible: r,
+    interactive: !0,
+    inert: r ? void 0 : "",
+    "aria-hidden": !r
+  }, i));
+}
+var q = C(f, {
+  Toggle: S,
+  Chevron: K,
+  ToggleButton: N,
+  Collapse: j
+}), le = C(u, {
+  Item: q
+}), ie = function(i) {
+  return i;
+};
+export {
+  f as RootItem,
+  le as default,
+  ie as wrapAccordion
+};

package/accordion/lib/esm/index.mjs

@@ -0,0 +1,6 @@
+import { RootItem as t, default as e, wrapAccordion as a } from "./Accordion.mjs";
+export {
+  t as RootItem,
+  e as default,
+  a as wrapAccordion
+};

package/accordion/package.json

@@ -1 +1 @@
-{"name":"intergalactic/accordion","description":"Semrush Accordion Component","version":"5.46.0-prerelease.9","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/animation":"2.41.0-prerelease.9","@semcore/flex-box":"5.41.0-prerelease.9","@semcore/icon":"4.58.0-prerelease.9","@semcore/utils":"4.47.1-prerelease.9","@semcore/button":"5.42.0-prerelease.9","@semcore/typography":"5.52.0-prerelease.9"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.9","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/accordion"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/accordion","description":"Semrush Accordion Component","version":"5.46.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/animation":"2.41.0","@semcore/flex-box":"5.41.0","@semcore/icon":"4.60.0","@semcore/utils":"4.48.0","@semcore/button":"5.42.0","@semcore/typography":"5.52.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/accordion"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

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

@@ -0,0 +1,254 @@
+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 = {
+      visibleFilters: /* @__PURE__ */ new Set(),
+      clearFiltersMessage: ""
+    }, e.addDropdownItems = s.getDefaultAddDropdownOptions(o.children), e;
+  }
+  return b(s, [{
+    key: "componentWillUnmount",
+    value: function() {
+      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);
+      }
+    }
+  }, {
+    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;
+        });
+      });
+    }
+  }, {
+    key: "getItemCommonProps",
+    value: function(e) {
+      var t = this, r = e.name, l = this.asProps.filterData;
+      return {
+        name: r,
+        value: l[r],
+        setFocusRef: function(a) {
+          t.filtersFocusMap.set(r, a);
+        },
+        onClear: function() {
+          t.hideFilter(r), t.focusFilterAfterItemCleared(r);
+        }
+      };
+    }
+  }, {
+    key: "getInputProps",
+    value: function(e) {
+      return this.getItemCommonProps(e);
+    }
+  }, {
+    key: "getDropdownAndSelectProps",
+    value: function(e, t) {
+      var r = this, l = this.getItemCommonProps(e), i = l.setFocusRef, a = l.value, u = l.onClear;
+      return {
+        value: a,
+        onClear: u,
+        setFocusRef: i,
+        onVisibleChange: function(g) {
+          setTimeout(function() {
+            var v = r.getItemCommonProps(e), y = v.onClear;
+            !g && t() && y();
+          }, 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;
+      };
+      return this.getDropdownAndSelectProps(e, r);
+    }
+  }, {
+    key: "getDropdownProps",
+    value: function(e) {
+      var t = this, r = function() {
+        var i = t.getItemCommonProps(e), a = i.value;
+        return a == null;
+      };
+      return this.getDropdownAndSelectProps(e, r);
+    }
+  }, {
+    key: "clearAll",
+    value: function() {
+      var e = 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();
+      }, 20);
+    }
+  }, {
+    key: "announceClearMessageToSR",
+    value: function() {
+      var e = this, t = this.asProps.getI18nText, r = t("AddFilter.ScreenReaderMessage.FiltersCleared");
+      this.setState({
+        clearFiltersMessage: r
+      }), this.clearMessageTimer = setTimeout(function() {
+        e.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
+      });
+    }
+  }, {
+    key: "hideFilter",
+    value: function(e) {
+      this.toggleFieldVisibility(e, !1);
+    }
+  }, {
+    key: "getFilterSelectionMenuProps",
+    value: function() {
+      var e = this, t = this.asProps.getI18nText;
+      return {
+        ref: this.addFilterTrigger,
+        options: this.addDropdownItems,
+        toggleFieldVisibility: function(l, i) {
+          return e.toggleFieldVisibility(l, i);
+        },
+        visibleFilters: this.state.visibleFilters,
+        getI18nText: t
+      };
+    }
+  }, {
+    key: "getClearAllFiltersProps",
+    value: function() {
+      var e = this, t = this.asProps, r = t.getI18nText, l = t.filterData;
+      return {
+        hasFilterData: Object.values(l).filter(function(i) {
+          return Array.isArray(i) ? i == null ? void 0 : i.length : i;
+        }).length > 0,
+        clearAll: function() {
+          e.clearAll();
+        },
+        getI18nText: r
+      };
+    }
+  }, {
+    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, {
+        "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,
+  locale: "en"
+});
+c(f, "componentsNames", ["AddFilter.Input", "AddFilter.Select", "AddFilter.Dropdown"]);
+c(f, "getFilterPatternItems", function(n) {
+  return N(n, f.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;
+    return {
+      label: l ?? r,
+      value: r
+    };
+  });
+});
+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);
+    });
+  }, [s, e]);
+  return u.length ? /* @__PURE__ */ m.createElement(h, {
+    visible: i,
+    onVisibleChange: a
+  }, /* @__PURE__ */ m.createElement(h.Trigger, {
+    ref: p,
+    tag: C,
+    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);
+      }
+    }, g);
+  }))) : null;
+});
+function z(n) {
+  var p = n.hasFilterData, s = n.clearAll, o = n.getI18nText;
+  return p ? /* @__PURE__ */ m.createElement(C, {
+    use: "tertiary",
+    theme: "muted",
+    addonLeft: x,
+    ml: "auto",
+    onClick: s
+  }, o("AddFilter.Button.Text")) : null;
+}
+var ue = _(f, {
+  Select: V,
+  Input: E,
+  Dropdown: $
+});
+export {
+  ue as default
+};

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

@@ -0,0 +1,74 @@
+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);
+  }
+  return d(o, [{
+    key: "uncontrolledProps",
+    value: function() {
+      return {
+        visible: [null]
+      };
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function() {
+      var r, e;
+      (r = (e = this.asProps).onUnmount) === null || r === void 0 || r.call(e);
+    }
+  }, {
+    key: "getTriggerProps",
+    value: function() {
+      var r = this.asProps, e = r.value, n = r.onClear, i = r.setFocusRef;
+      return {
+        tag: C,
+        triggerRef: i,
+        empty: e == null,
+        onClear: n,
+        autoFocus: !0
+      };
+    }
+  }, {
+    key: "getPopperProps",
+    value: function() {
+      var r = this, e = this.asProps, n = e.value, i = e.onClear;
+      return {
+        onKeyDown: function(m) {
+          !n && m.key === "Escape" && i();
+        },
+        onApply: function() {
+          r.handlers.visible(!1);
+        }
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var r = this.asProps;
+      return /* @__PURE__ */ _.createElement(p, y({}, r));
+    }
+  }]), o;
+}(h);
+l(s, "displayName", "AddFilterDropdown");
+l(s, "defaultProps", function() {
+  return {
+    defaultVisible: !0
+  };
+});
+var $ = P(s, {
+  Trigger: p.Trigger,
+  Popper: p.Popper
+});
+export {
+  $ as default
+};

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

@@ -0,0 +1,68 @@
+import l from "@babel/runtime/helpers/esm/objectSpread2";
+import C from "@babel/runtime/helpers/esm/classCallCheck";
+import _ from "@babel/runtime/helpers/esm/createClass";
+import P from "@babel/runtime/helpers/esm/inherits";
+import h from "@babel/runtime/helpers/esm/createSuper";
+import y from "@babel/runtime/helpers/esm/defineProperty";
+import k, { assignProps as p, Component as g } from 'intergalactic/core';
+import m from "react";
+import a from 'intergalactic/input';
+import { ButtonLink as F } from 'intergalactic/button';
+var f = /* @__PURE__ */ function(u) {
+  P(o, u);
+  var t = h(o);
+  function o() {
+    return C(this, o), t.apply(this, arguments);
+  }
+  return _(o, [{
+    key: "componentWillUnmount",
+    value: function() {
+      var e, r;
+      (e = (r = this.asProps).onUnmount) === null || e === void 0 || e.call(r);
+    }
+  }, {
+    key: "getValueProps",
+    value: function(e) {
+      var r = this.asProps, i = r.value, s = r.onClear, c = r.setFocusRef;
+      return l(l({}, e), {}, {
+        ref: c,
+        onBlur: function() {
+          i || setTimeout(s, 200);
+        },
+        onKeyDown: function(v) {
+          !i && v.key === "Escape" && s();
+        },
+        autoFocus: !0
+      });
+    }
+  }, {
+    key: "getClearProps",
+    value: function() {
+      var e = this.asProps, r = e.onClear;
+      return {
+        onClick: r
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var e = this.asProps;
+      return /* @__PURE__ */ m.createElement(a, p({
+        w: "auto",
+        inline: !1
+      }, e));
+    }
+  }]), o;
+}(g);
+y(f, "displayName", "AddFilterInput");
+var A = function() {
+  var t = arguments[0];
+  return /* @__PURE__ */ m.createElement(F, p({}, t));
+}, S = k(f, {
+  Value: a.Value,
+  Addon: a.Addon,
+  Clear: A
+});
+export {
+  S as default
+};