intergalactic 15.122.0 → 15.123.0

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

@@ -0,0 +1,336 @@
+"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
+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 _flexBox = require("intergalactic/flex-box");
+var _button = _interopRequireDefault(require("intergalactic/button"));
+var _dropdownMenu = _interopRequireDefault(require("intergalactic/dropdown-menu"));
+var _m = _interopRequireDefault(require("intergalactic/icon/MathPlus/m"));
+var _m2 = _interopRequireDefault(require("intergalactic/icon/Close/m"));
+var _AddFilterSelect = _interopRequireDefault(require("./components/AddFilterSelect"));
+var _AddFilterInput = _interopRequireDefault(require("./components/AddFilterInput"));
+var _AddFilterDropdown = _interopRequireDefault(require("./components/AddFilterDropdown"));
+var _findComponent = require("intergalactic/utils/lib/findComponent");
+var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
+var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
+var _focusSourceEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/focusSourceEnhance"));
+var RootAddFilter = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(RootAddFilter, _Component);
+  var _super = (0, _createSuper2["default"])(RootAddFilter);
+  function RootAddFilter(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, RootAddFilter);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "addFilterTrigger", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "filtersFocusMap", new Map());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "clearMessageTimer", void 0);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "addDropdownItems", void 0);
+    _this.state = {
+      visibleFilters: new Set(),
+      clearFiltersMessage: ''
+    };
+    _this.addDropdownItems = RootAddFilter.getDefaultAddDropdownOptions(props.children);
+    return _this;
+  }
+  (0, _createClass2["default"])(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 = (0, _slicedToArray2["default"])(_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["default"].createElement(_flexBox.Flex, (0, _core.assignProps)({
+        "gap": 2,
+        "flexWrap": true
+      }, _ref), persistentFilters, VisibleFilteredChildren, /*#__PURE__*/_react["default"].createElement(AddFilterDropdownMenu, filtersSelectionDropdown), /*#__PURE__*/_react["default"].createElement(ClearAllFilters, clearAllFiltersProps), /*#__PURE__*/_react["default"].createElement(_flexBox.ScreenReaderOnly, {
+        "aria-live": "polite",
+        role: "status"
+      }, this.state.clearFiltersMessage));
+    }
+  }]);
+  return RootAddFilter;
+}(_core.Component);
+(0, _defineProperty2["default"])(RootAddFilter, "displayName", 'AddFilter');
+(0, _defineProperty2["default"])(RootAddFilter, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages), (0, _focusSourceEnhance["default"])()]);
+(0, _defineProperty2["default"])(RootAddFilter, "defaultProps", {
+  i18n: _intergalacticDynamicLocales.localizedMessages,
+  locale: 'en'
+});
+(0, _defineProperty2["default"])(RootAddFilter, "componentsNames", ['AddFilter.Input', 'AddFilter.Select', 'AddFilter.Dropdown']);
+(0, _defineProperty2["default"])(RootAddFilter, "getFilterPatternItems", function (children) {
+  return (0, _findComponent.extractFrom)(children, RootAddFilter.componentsNames);
+});
+(0, _defineProperty2["default"])(RootAddFilter, "getDefaultAddDropdownOptions", function (children) {
+  var _RootAddFilter$getFil3 = RootAddFilter.getFilterPatternItems(children),
+    _RootAddFilter$getFil4 = (0, _slicedToArray2["default"])(_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["default"].forwardRef(function (props, ref) {
+  var options = props.options,
+    toggleFieldVisibility = props.toggleFieldVisibility,
+    visibleFilters = props.visibleFilters,
+    getI18nText = props.getI18nText;
+  var _React$useState = _react["default"].useState(false),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    visible = _React$useState2[0],
+    setVisible = _React$useState2[1];
+  var optionsWithoutVisible = _react["default"].useMemo(function () {
+    return options.filter(function (filter) {
+      return !Array.from(visibleFilters).includes(filter.value);
+    });
+  }, [options, visibleFilters]);
+  if (!optionsWithoutVisible.length) {
+    return null;
+  }
+  return /*#__PURE__*/_react["default"].createElement(_dropdownMenu["default"], {
+    visible: visible,
+    onVisibleChange: setVisible
+  }, /*#__PURE__*/_react["default"].createElement(_dropdownMenu["default"].Trigger, {
+    ref: ref,
+    tag: _button["default"],
+    use: "tertiary",
+    addonLeft: _m["default"]
+  }, getI18nText('AddFilter.DropdownTrigger.Text')), /*#__PURE__*/_react["default"].createElement(_dropdownMenu["default"].Menu, null, optionsWithoutVisible.map(function (_ref3) {
+    var label = _ref3.label,
+      value = _ref3.value;
+    return /*#__PURE__*/_react["default"].createElement(_dropdownMenu["default"].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["default"].createElement(_button["default"], {
+    use: "tertiary",
+    theme: "muted",
+    addonLeft: _m2["default"],
+    ml: "auto",
+    onClick: clearAll
+  }, getI18nText('AddFilter.Button.Text')) : null;
+}
+var AddFilter = (0, _core["default"])(RootAddFilter, {
+  Select: _AddFilterSelect["default"],
+  Input: _AddFilterInput["default"],
+  Dropdown: _AddFilterDropdown["default"]
+});
+var _default = AddFilter;
+exports["default"] = _default;
+//# sourceMappingURL=AddFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddFilter.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_button","_dropdownMenu","_m","_m2","_AddFilterSelect","_AddFilterInput","_AddFilterDropdown","_findComponent","_intergalacticDynamicLocales","_i18nEnhance","_focusSourceEnhance","RootAddFilter","_Component","_inherits2","_super","_createSuper2","props","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","React","createRef","Map","state","visibleFilters","Set","clearFiltersMessage","addDropdownItems","getDefaultAddDropdownOptions","children","_createClass2","key","value","componentWillUnmount","clearTimeout","clearMessageTimer","focusFilterAfterItemCleared","name","_this2","focusSourceRef","asProps","current","deletedIndex","Array","from","findIndex","n","setTimeout","_this2$filtersFocusMa","currentVisibleFiltersList","focusFilterName","at","itemToFocus","filtersFocusMap","get","addFilterTrigger","focus","getVisibleFilters","allFilters","map","find","_ref2","getItemCommonProps","_this3","filterData","setFocusRef","ref","set","onClear","hideFilter","getInputProps","getDropdownAndSelectProps","isEmpty","_this4","_this$getItemCommonPr","onVisibleChange","visible","_this4$getItemCommonP","getSelectProps","_this5","multiselect","_this5$getItemCommonP","isArray","length","getDropdownProps","_this6","_this6$getItemCommonP","clearAll","_this7","setState","onClearAll","announceClearMessageToSR","_this7$addFilterTrigg","_this8","getI18nText","toggleFieldVisibility","status","add","getFilterSelectionMenuProps","_this9","options","getClearAllFiltersProps","_this10","_this$asProps","hasFilterData","Object","values","filter","render","_ref","Children","_RootAddFilter$getFil","getFilterPatternItems","_RootAddFilter$getFil2","_slicedToArray2","filters","persistentFilters","VisibleFilteredChildren","filtersSelectionDropdown","clearAllFiltersProps","createElement","Flex","assignProps","AddFilterDropdownMenu","ClearAllFilters","ScreenReaderOnly","role","Component","i18nEnhance","localizedMessages","focusSourceEnhance","i18n","locale","extractFrom","componentsNames","_RootAddFilter$getFil3","_RootAddFilter$getFil4","_ref5","displayName","label","forwardRef","_React$useState","useState","_React$useState2","setVisible","optionsWithoutVisible","useMemo","includes","Trigger","tag","Button","use","addonLeft","MathPlusM","Menu","_ref3","Item","onClick","_ref4","theme","CloseM","ml","AddFilter","createComponent","Select","AddFilterSelect","Input","AddFilterInput","Dropdown","AddFilterDropdown","_default","exports"],"sources":["../../src/AddFilter.tsx"],"sourcesContent":["import React from 'react';\nimport { Flex, ScreenReaderOnly } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport createComponent, { Component, Root } from '@semcore/core';\nimport DropdownMenu from '@semcore/dropdown-menu';\nimport MathPlusM from '@semcore/icon/MathPlus/m';\nimport CloseM from '@semcore/icon/Close/m';\nimport AddFilterType, { AddFilterProps, AddFilterItemProps } from './AddFilter.types';\nimport AddFilterSelect from './components/AddFilterSelect';\nimport AddFilterInput from './components/AddFilterInput';\nimport AddFilterDropdown from './components/AddFilterDropdown';\nimport { extractFrom } from '@semcore/utils/lib/findComponent';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { SelectProps } from '@semcore/select';\nimport focusSourceEnhance from '@semcore/utils/lib/enhances/focusSourceEnhance';\n\ntype SelectItemProps = SelectProps & AddFilterItemProps;\n\ntype AddFilterDropdownOption = { label: string; value: string };\ntype AddFilterDropdownMenuProps = {\n  options: AddFilterDropdownOption[];\n  toggleFieldVisibility: (name: string, status: boolean) => void;\n  visibleFilters: Set<string>;\n  getI18nText: (key: string) => string;\n};\n\ntype ClearAllFiltersButtonProps = {\n  hasFilterData: boolean;\n  clearAll: () => void;\n  getI18nText: (key: string) => string;\n};\n\ntype AddFilterState = {\n  visibleFilters: Set<string>;\n  clearFiltersMessage: string;\n};\n\nclass RootAddFilter extends Component<\n  AddFilterProps,\n  {},\n  AddFilterState,\n  typeof RootAddFilter.enhance\n> {\n  addFilterTrigger = React.createRef<HTMLButtonElement>();\n  filtersFocusMap: Map<string | undefined, HTMLElement> = new Map();\n  clearMessageTimer: ReturnType<typeof setTimeout> | undefined;\n  addDropdownItems: AddFilterDropdownOption[];\n\n  static displayName = 'AddFilter';\n  static enhance = [i18nEnhance(localizedMessages), focusSourceEnhance()] as const;\n  static defaultProps = {\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  static componentsNames = ['AddFilter.Input', 'AddFilter.Select', 'AddFilter.Dropdown'];\n  static getFilterPatternItems = (children: React.ReactNode) => {\n    return extractFrom(children, RootAddFilter.componentsNames);\n  };\n\n  static getDefaultAddDropdownOptions = (children: React.ReactNode) => {\n    const [filters] = RootAddFilter.getFilterPatternItems(children);\n\n    return filters.map(({ props }: { props: AddFilterItemProps }) => {\n      const { name, displayName } = props;\n      return { label: displayName ?? name, value: name };\n    });\n  };\n\n  constructor(props: AddFilterProps) {\n    super(props);\n\n    this.state = {\n      visibleFilters: new Set(),\n      clearFiltersMessage: '',\n    };\n\n    this.addDropdownItems = RootAddFilter.getDefaultAddDropdownOptions(props.children);\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this.clearMessageTimer);\n  }\n\n  focusFilterAfterItemCleared(name?: string) {\n    const { focusSourceRef } = this.asProps;\n\n    if (focusSourceRef.current !== 'keyboard') {\n      return;\n    }\n\n    const deletedIndex = Array.from(this.state.visibleFilters).findIndex((n) => n === name);\n    setTimeout(() => {\n      const currentVisibleFiltersList = Array.from(this.state.visibleFilters);\n      const focusFilterName = currentVisibleFiltersList.at(deletedIndex);\n\n      const itemToFocus =\n        this.filtersFocusMap.get(focusFilterName) ?? this.addFilterTrigger.current;\n      itemToFocus?.focus();\n    }, 20);\n  }\n\n  getVisibleFilters(allFilters: React.ReactElement<AddFilterItemProps>[]) {\n    return Array.from(this.state.visibleFilters).map((name) => {\n      return allFilters.find(({ props }) => props.name === name);\n    });\n  }\n\n  getItemCommonProps(props: AddFilterItemProps) {\n    const { name } = props;\n    const { filterData } = this.asProps;\n\n    return {\n      name,\n      value: filterData[name],\n      setFocusRef: (ref: HTMLElement) => {\n        this.filtersFocusMap.set(name, ref);\n      },\n      onClear: () => {\n        this.hideFilter(name);\n        this.focusFilterAfterItemCleared(name);\n      },\n    };\n  }\n\n  getInputProps(props: AddFilterItemProps) {\n    return this.getItemCommonProps(props);\n  }\n\n  getDropdownAndSelectProps(props: AddFilterItemProps, isEmpty: () => boolean) {\n    const { setFocusRef, value, onClear } = this.getItemCommonProps(props);\n    return {\n      value,\n      onClear,\n      setFocusRef,\n      onVisibleChange: (visible: boolean) => {\n        // waiting for filterData update\n        setTimeout(() => {\n          const { onClear } = this.getItemCommonProps(props);\n\n          if (!visible && isEmpty()) {\n            onClear();\n          }\n        }, 0);\n      },\n    };\n  }\n\n  getSelectProps(props: SelectItemProps) {\n    const isEmpty = () => {\n      const { multiselect } = props;\n      const { value } = this.getItemCommonProps(props);\n      return multiselect && Array.isArray(value) ? !value?.length : !value;\n    };\n\n    return this.getDropdownAndSelectProps(props, isEmpty);\n  }\n\n  getDropdownProps(props: AddFilterItemProps) {\n    const isEmpty = () => {\n      const { value } = this.getItemCommonProps(props);\n      return value == null;\n    };\n    return this.getDropdownAndSelectProps(props, isEmpty);\n  }\n\n  clearAll() {\n    this.setState({\n      visibleFilters: new Set(),\n    });\n    this.props.onClearAll();\n    this.announceClearMessageToSR();\n\n    // waiting for AddFilter button appear in the DOM\n    setTimeout(() => {\n      this.addFilterTrigger.current?.focus();\n    }, 20);\n  }\n\n  announceClearMessageToSR() {\n    const { getI18nText } = this.asProps;\n    const clearFiltersMessage = getI18nText('AddFilter.ScreenReaderMessage.FiltersCleared');\n    this.setState({ clearFiltersMessage });\n\n    this.clearMessageTimer = setTimeout(() => {\n      this.setState({ clearFiltersMessage: '' });\n    }, 300);\n  }\n\n  toggleFieldVisibility(name: string, status: boolean) {\n    const visibleFilters = new Set(Array.from(this.state.visibleFilters));\n    if (status) {\n      visibleFilters.add(name);\n    } else {\n      visibleFilters.delete(name);\n    }\n\n    this.setState({ visibleFilters });\n  }\n\n  hideFilter(name: string) {\n    this.toggleFieldVisibility(name, false);\n  }\n\n  getFilterSelectionMenuProps() {\n    const { getI18nText } = this.asProps;\n\n    return {\n      ref: this.addFilterTrigger,\n      options: this.addDropdownItems,\n      toggleFieldVisibility: (name: string, status: boolean) =>\n        this.toggleFieldVisibility(name, status),\n      visibleFilters: this.state.visibleFilters,\n      getI18nText,\n    };\n  }\n\n  getClearAllFiltersProps() {\n    const { getI18nText, filterData } = this.asProps;\n\n    return {\n      hasFilterData:\n        Object.values(filterData).filter((value) => (Array.isArray(value) ? value?.length : value))\n          .length > 0,\n      clearAll: () => {\n        this.clearAll();\n      },\n      getI18nText,\n    };\n  }\n\n  render() {\n    const { Children } = this.asProps;\n    const [filters, persistentFilters] = RootAddFilter.getFilterPatternItems(Children);\n    const VisibleFilteredChildren = this.getVisibleFilters(filters);\n\n    const filtersSelectionDropdown = this.getFilterSelectionMenuProps();\n    const clearAllFiltersProps = this.getClearAllFiltersProps();\n    return (\n      <Root render={Flex} gap={2} flexWrap>\n        {persistentFilters}\n        {VisibleFilteredChildren}\n        <AddFilterDropdownMenu {...filtersSelectionDropdown} />\n        <ClearAllFilters {...clearAllFiltersProps} />\n\n        <ScreenReaderOnly aria-live='polite' role='status'>\n          {this.state.clearFiltersMessage}\n        </ScreenReaderOnly>\n      </Root>\n    );\n  }\n}\n\nconst AddFilterDropdownMenu = React.forwardRef<HTMLButtonElement, AddFilterDropdownMenuProps>(\n  function (props, ref) {\n    const { options, toggleFieldVisibility, visibleFilters, getI18nText } = props;\n    const [visible, setVisible] = React.useState(false);\n\n    const optionsWithoutVisible = React.useMemo(() => {\n      return options.filter((filter) => {\n        return !Array.from(visibleFilters).includes(filter.value);\n      });\n    }, [options, visibleFilters]);\n\n    if (!optionsWithoutVisible.length) {\n      return null;\n    }\n\n    return (\n      <DropdownMenu visible={visible} onVisibleChange={setVisible}>\n        <DropdownMenu.Trigger ref={ref} tag={Button} use='tertiary' addonLeft={MathPlusM}>\n          {getI18nText('AddFilter.DropdownTrigger.Text')}\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Menu>\n          {optionsWithoutVisible.map(({ label, value }) => (\n            <DropdownMenu.Item\n              key={value}\n              onClick={() => {\n                toggleFieldVisibility(value, true);\n                setVisible(false);\n              }}\n            >\n              {label}\n            </DropdownMenu.Item>\n          ))}\n        </DropdownMenu.Menu>\n      </DropdownMenu>\n    );\n  },\n);\n\nfunction ClearAllFilters({ hasFilterData, clearAll, getI18nText }: ClearAllFiltersButtonProps) {\n  return hasFilterData ? (\n    <Button use='tertiary' theme='muted' addonLeft={CloseM} ml='auto' onClick={clearAll}>\n      {getI18nText('AddFilter.Button.Text')}\n    </Button>\n  ) : null;\n}\n\nconst AddFilter: typeof AddFilterType = createComponent(RootAddFilter, {\n  Select: AddFilterSelect,\n  Input: AddFilterInput,\n  Dropdown: AddFilterDropdown,\n});\n\nexport default AddFilter;\n"],"mappings":"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"}

package/add-filter/lib/cjs/AddFilter.types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=AddFilter.types.js.map

package/add-filter/lib/cjs/AddFilter.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddFilter.types.js","names":[],"sources":["../../src/AddFilter.types.ts"],"sourcesContent":["import { Intergalactic } from '@semcore/utils/lib/core';\nimport { FlexProps } from '@semcore/flex-box';\nimport Select from '@semcore/select';\nimport Input from '@semcore/input';\nimport Dropdown, { DropdownTriggerProps } from '@semcore/dropdown';\nimport { FilterTrigger } from '@semcore/base-trigger';\nimport { ButtonLink } from '@semcore/button';\n\nexport type AddFilterItemProps = {\n  /**\n   * Non-persistent filter item unique `name`. Should be the same as related `key` in `FilterData` item related to Filter Control.\n   */\n  name: string;\n  /**\n   * Optional `displayName` to be displayed inside `Add filter` dropdown menu. If not specified, `name` will be used instead.\n   */\n  displayName?: string;\n  /**\n   * Action to perform on filter item unmount.\n   */\n  onUnmount?: () => void;\n};\n\ndeclare const AddFilterSelectType: Intergalactic.Component<typeof Select, AddFilterItemProps> & {\n  Trigger: typeof FilterTrigger;\n  Popper: Intergalactic.Component<typeof Select.Popper, {}, { onApply: () => void }>;\n  Option: typeof Select.Option;\n  Menu: typeof Select.Menu;\n  List: typeof Select.List;\n  InputSearch: typeof Select.InputSearch;\n};\n\ndeclare const AddFilterInputType: Intergalactic.Component<typeof Input, AddFilterItemProps> & {\n  Addon: typeof Input.Addon;\n  Value: typeof Input.Value;\n  Clear: typeof ButtonLink;\n};\n\ndeclare const AddFilterDropdownType: Intergalactic.Component<\n  typeof Dropdown,\n  AddFilterItemProps\n> & {\n  Trigger: Intergalactic.Component<\n    typeof Dropdown.Trigger,\n    DropdownTriggerProps & { onClear: () => void }\n  >;\n  Popper: Intergalactic.Component<typeof Dropdown.Popper, {}, { onApply: () => void }>;\n};\n\nexport type FilterData = Record<string, any>;\nexport type AddFilterProps = FlexProps & {\n  /**\n   * Action to perform on `Clear filters` button click.\n   */\n  onClearAll: () => void;\n  /**\n   * `FilterData` object.\n   */\n  filterData: FilterData;\n};\n\ndeclare const AddFilterType: Intergalactic.Component<'div', AddFilterProps> & {\n  Dropdown: typeof AddFilterDropdownType;\n  Input: typeof AddFilterInputType;\n  Select: typeof AddFilterSelectType;\n};\n\nexport { AddFilterInputType, AddFilterSelectType, AddFilterDropdownType };\nexport default AddFilterType;\n"],"mappings":""}

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

@@ -0,0 +1,92 @@
+"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 _dropdown = _interopRequireDefault(require("intergalactic/dropdown"));
+var _baseTrigger = require("intergalactic/base-trigger");
+var AddFilterDropdownRoot = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(AddFilterDropdownRoot, _Component);
+  var _super = (0, _createSuper2["default"])(AddFilterDropdownRoot);
+  function AddFilterDropdownRoot() {
+    (0, _classCallCheck2["default"])(this, AddFilterDropdownRoot);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(AddFilterDropdownRoot, [{
+    key: "uncontrolledProps",
+    value: function uncontrolledProps() {
+      return {
+        visible: [null]
+      };
+    }
+  }, {
+    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: "getTriggerProps",
+    value: function getTriggerProps() {
+      var _ref2 = this.asProps,
+        value = _ref2.value,
+        onClear = _ref2.onClear,
+        setFocusRef = _ref2.setFocusRef;
+      return {
+        tag: _baseTrigger.FilterTrigger,
+        triggerRef: setFocusRef,
+        empty: value == null,
+        onClear: onClear,
+        autoFocus: true
+      };
+    }
+  }, {
+    key: "getPopperProps",
+    value: function getPopperProps() {
+      var _this = this;
+      var _ref3 = this.asProps,
+        value = _ref3.value,
+        onClear = _ref3.onClear;
+      return {
+        onKeyDown: function onKeyDown(e) {
+          if (!value && e.key === 'Escape') {
+            onClear();
+          }
+        },
+        onApply: function onApply() {
+          _this.handlers.visible(false);
+        }
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps;
+      return /*#__PURE__*/_react["default"].createElement(_dropdown["default"], (0, _core.assignProps)({}, _ref));
+    }
+  }]);
+  return AddFilterDropdownRoot;
+}(_core.Component);
+(0, _defineProperty2["default"])(AddFilterDropdownRoot, "displayName", 'AddFilterDropdown');
+(0, _defineProperty2["default"])(AddFilterDropdownRoot, "defaultProps", function () {
+  return {
+    defaultVisible: true
+  };
+});
+var AddFilterDropdown = (0, _core["default"])(AddFilterDropdownRoot, {
+  Trigger: _dropdown["default"].Trigger,
+  Popper: _dropdown["default"].Popper
+});
+var _default = AddFilterDropdown;
+exports["default"] = _default;
+//# sourceMappingURL=AddFilterDropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddFilterDropdown.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_dropdown","_baseTrigger","AddFilterDropdownRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","uncontrolledProps","visible","componentWillUnmount","_this$asProps$onUnmou","_this$asProps","asProps","onUnmount","call","getTriggerProps","_ref2","onClear","setFocusRef","tag","FilterTrigger","triggerRef","empty","autoFocus","getPopperProps","_this","_ref3","onKeyDown","e","onApply","handlers","render","_ref","createElement","Dropdown","assignProps","Component","_defineProperty2","defaultVisible","AddFilterDropdown","createComponent","Trigger","Popper","_default","exports"],"sources":["../../../src/components/AddFilterDropdown.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { AddFilterItemProps } from '../AddFilter.types';\nimport { FilterTrigger } from '@semcore/base-trigger';\n\ntype AsPropsTypeWithHandlers<T> = T & {\n  onClear: () => void;\n  unsetFocusRef: () => void;\n  setFocusRef: (el: HTMLElement) => {};\n};\n\nclass AddFilterDropdownRoot extends Component<AddFilterItemProps> {\n  static displayName = 'AddFilterDropdown';\n\n  static defaultProps = () => {\n    return {\n      defaultVisible: true,\n    };\n  };\n\n  uncontrolledProps() {\n    return {\n      visible: [null],\n    };\n  }\n\n  componentWillUnmount() {\n    this.asProps.onUnmount?.();\n  }\n\n  getTriggerProps() {\n    const { value, onClear, setFocusRef } = this.asProps as AsPropsTypeWithHandlers<\n      typeof this.asProps\n    >;\n\n    return {\n      tag: FilterTrigger,\n      triggerRef: setFocusRef,\n      empty: value == null,\n      onClear,\n      autoFocus: true,\n    };\n  }\n\n  getPopperProps() {\n    const { value, onClear } = this.asProps as AsPropsTypeWithHandlers<typeof this.asProps>;\n\n    return {\n      onKeyDown: (e: React.KeyboardEvent<HTMLDivElement>) => {\n        if (!value && e.key === 'Escape') {\n          onClear();\n        }\n      },\n      onApply: () => {\n        this.handlers.visible(false);\n      },\n    };\n  }\n\n  render() {\n    return <Root render={Dropdown} />;\n  }\n}\n\nconst AddFilterDropdown = createComponent(AddFilterDropdownRoot, {\n  Trigger: Dropdown.Trigger,\n  Popper: Dropdown.Popper,\n});\n\nexport default AddFilterDropdown;\n"],"mappings":";;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAD,sBAAA,CAAAF,OAAA;AAEA,IAAAI,YAAA,GAAAJ,OAAA;AAAsD,IAQhDK,qBAAqB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,qBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,qBAAA;EAAA,SAAAA,sBAAA;IAAA,IAAAK,gBAAA,mBAAAL,qBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,qBAAA;IAAAS,GAAA;IAAAC,KAAA,EASzB,SAAAC,kBAAA,EAAoB;MAClB,OAAO;QACLC,OAAO,EAAE,CAAC,IAAI;MAChB,CAAC;IACH;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAG,qBAAA,EAAuB;MAAA,IAAAC,qBAAA,EAAAC,aAAA;MACrB,CAAAD,qBAAA,IAAAC,aAAA,OAAI,CAACC,OAAO,EAACC,SAAS,cAAAH,qBAAA,uBAAtBA,qBAAA,CAAAI,IAAA,CAAAH,aAAA,CAA0B;IAC5B;EAAC;IAAAN,GAAA;IAAAC,KAAA,EAED,SAAAS,gBAAA,EAAkB;MAChB,IAAAC,KAAA,GAAwC,IAAI,CAACJ,OAAO;QAA5CN,KAAK,GAAAU,KAAA,CAALV,KAAK;QAAEW,OAAO,GAAAD,KAAA,CAAPC,OAAO;QAAEC,WAAW,GAAAF,KAAA,CAAXE,WAAW;MAInC,OAAO;QACLC,GAAG,EAAEC,0BAAa;QAClBC,UAAU,EAAEH,WAAW;QACvBI,KAAK,EAAEhB,KAAK,IAAI,IAAI;QACpBW,OAAO,EAAPA,OAAO;QACPM,SAAS,EAAE;MACb,CAAC;IACH;EAAC;IAAAlB,GAAA;IAAAC,KAAA,EAED,SAAAkB,eAAA,EAAiB;MAAA,IAAAC,KAAA;MACf,IAAAC,KAAA,GAA2B,IAAI,CAACd,OAAO;QAA/BN,KAAK,GAAAoB,KAAA,CAALpB,KAAK;QAAEW,OAAO,GAAAS,KAAA,CAAPT,OAAO;MAEtB,OAAO;QACLU,SAAS,EAAE,SAAAA,UAACC,CAAsC,EAAK;UACrD,IAAI,CAACtB,KAAK,IAAIsB,CAAC,CAACvB,GAAG,KAAK,QAAQ,EAAE;YAChCY,OAAO,EAAE;UACX;QACF,CAAC;QACDY,OAAO,EAAE,SAAAA,QAAA,EAAM;UACbJ,KAAI,CAACK,QAAQ,CAACtB,OAAO,CAAC,KAAK,CAAC;QAC9B;MACF,CAAC;IACH;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAyB,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAApB,OAAA;MACP,oBAAOpB,MAAA,YAAAyC,aAAA,CAAcC,oBAAQ,MAAA7C,KAAA,CAAA8C,WAAA,MAAAH,IAAA,EAAI;IACnC;EAAC;EAAA,OAAApC,qBAAA;AAAA,EAlDiCwC,eAAS;AAAA,IAAAC,gBAAA,aAAvCzC,qBAAqB,iBACJ,mBAAmB;AAAA,IAAAyC,gBAAA,aADpCzC,qBAAqB,kBAGH,YAAM;EAC1B,OAAO;IACL0C,cAAc,EAAE;EAClB,CAAC;AACH,CAAC;AA8CH,IAAMC,iBAAiB,GAAG,IAAAC,gBAAe,EAAC5C,qBAAqB,EAAE;EAC/D6C,OAAO,EAAEP,oBAAQ,CAACO,OAAO;EACzBC,MAAM,EAAER,oBAAQ,CAACQ;AACnB,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYJ,iBAAiB;AAAAK,OAAA,cAAAD,QAAA"}

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

@@ -0,0 +1,87 @@
+"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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+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 _input = _interopRequireDefault(require("intergalactic/input"));
+var _button = require("intergalactic/button");
+var AddFilterInputRoot = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(AddFilterInputRoot, _Component);
+  var _super = (0, _createSuper2["default"])(AddFilterInputRoot);
+  function AddFilterInputRoot() {
+    (0, _classCallCheck2["default"])(this, AddFilterInputRoot);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(AddFilterInputRoot, [{
+    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: "getValueProps",
+    value: function getValueProps(props) {
+      var _ref3 = this.asProps,
+        value = _ref3.value,
+        onClear = _ref3.onClear,
+        setFocusRef = _ref3.setFocusRef;
+      return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
+        ref: setFocusRef,
+        onBlur: function onBlur() {
+          if (!value) {
+            setTimeout(onClear, 200);
+          }
+        },
+        onKeyDown: function onKeyDown(e) {
+          if (!value && e.key === 'Escape') {
+            onClear();
+          }
+        },
+        autoFocus: true
+      });
+    }
+  }, {
+    key: "getClearProps",
+    value: function getClearProps() {
+      var _ref4 = this.asProps,
+        onClear = _ref4.onClear;
+      return {
+        onClick: onClear
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps;
+      return /*#__PURE__*/_react["default"].createElement(_input["default"], (0, _core.assignProps)({
+        "w": 'auto',
+        "inline": false
+      }, _ref));
+    }
+  }]);
+  return AddFilterInputRoot;
+}(_core.Component);
+(0, _defineProperty2["default"])(AddFilterInputRoot, "displayName", 'AddFilterInput');
+var Clear = function Clear() {
+  var _ref2 = arguments[0];
+  return /*#__PURE__*/_react["default"].createElement(_button.ButtonLink, (0, _core.assignProps)({}, _ref2));
+};
+var AddFilterInput = (0, _core["default"])(AddFilterInputRoot, {
+  Value: _input["default"].Value,
+  Addon: _input["default"].Addon,
+  Clear: Clear
+});
+var _default = AddFilterInput;
+exports["default"] = _default;
+//# sourceMappingURL=AddFilterInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddFilterInput.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_input","_button","AddFilterInputRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","componentWillUnmount","_this$asProps$onUnmou","_this$asProps","asProps","onUnmount","call","getValueProps","props","_ref3","onClear","setFocusRef","_objectSpread2","ref","onBlur","setTimeout","onKeyDown","e","autoFocus","getClearProps","_ref4","onClick","render","_ref","createElement","Input","assignProps","Component","_defineProperty2","Clear","_ref2","arguments[0]","ButtonLink","AddFilterInput","createComponent","Value","Addon","_default","exports"],"sources":["../../../src/components/AddFilterInput.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root } from '@semcore/core';\nimport Input from '@semcore/input';\nimport { AddFilterItemProps } from '../AddFilter.types';\nimport { InputValueProps } from '@semcore/input';\nimport { ButtonLink } from '@semcore/button';\n\ntype AsPropsWithOnClear<T> = T & {\n  onClear: () => void;\n  unsetFocusRef: () => void;\n  setFocusRef: (el: HTMLElement) => {};\n};\nclass AddFilterInputRoot extends Component<AddFilterItemProps> {\n  static displayName = 'AddFilterInput';\n\n  componentWillUnmount() {\n    this.asProps.onUnmount?.();\n  }\n\n  getValueProps(props: InputValueProps) {\n    const { value, onClear, setFocusRef } = this.asProps as AsPropsWithOnClear<typeof this.asProps>;\n\n    return {\n      ...props,\n      ref: setFocusRef,\n      onBlur: () => {\n        if (!value) {\n          setTimeout(onClear, 200);\n        }\n      },\n      onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (!value && e.key === 'Escape') {\n          onClear();\n        }\n      },\n      autoFocus: true,\n    };\n  }\n\n  getClearProps() {\n    const { onClear } = this.asProps as AsPropsWithOnClear<typeof this.asProps>;\n\n    return {\n      onClick: onClear,\n    };\n  }\n\n  render() {\n    return <Root render={Input} w={'auto'} inline={false} />;\n  }\n}\n\nconst Clear = () => {\n  return <Root render={ButtonLink} />;\n};\n\nconst AddFilterInput = createComponent(AddFilterInputRoot, {\n  Value: Input.Value,\n  Addon: Input.Addon,\n  Clear,\n});\n\nexport default AddFilterInput;\n"],"mappings":";;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AAGA,IAAAI,OAAA,GAAAJ,OAAA;AAA6C,IAOvCK,kBAAkB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,kBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,kBAAA;EAAA,SAAAA,mBAAA;IAAA,IAAAK,gBAAA,mBAAAL,kBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,kBAAA;IAAAS,GAAA;IAAAC,KAAA,EAGtB,SAAAC,qBAAA,EAAuB;MAAA,IAAAC,qBAAA,EAAAC,aAAA;MACrB,CAAAD,qBAAA,IAAAC,aAAA,OAAI,CAACC,OAAO,EAACC,SAAS,cAAAH,qBAAA,uBAAtBA,qBAAA,CAAAI,IAAA,CAAAH,aAAA,CAA0B;IAC5B;EAAC;IAAAJ,GAAA;IAAAC,KAAA,EAED,SAAAO,cAAcC,KAAsB,EAAE;MACpC,IAAAC,KAAA,GAAwC,IAAI,CAACL,OAAO;QAA5CJ,KAAK,GAAAS,KAAA,CAALT,KAAK;QAAEU,OAAO,GAAAD,KAAA,CAAPC,OAAO;QAAEC,WAAW,GAAAF,KAAA,CAAXE,WAAW;MAEnC,WAAAC,cAAA,iBAAAA,cAAA,iBACKJ,KAAK;QACRK,GAAG,EAAEF,WAAW;QAChBG,MAAM,EAAE,SAAAA,OAAA,EAAM;UACZ,IAAI,CAACd,KAAK,EAAE;YACVe,UAAU,CAACL,OAAO,EAAE,GAAG,CAAC;UAC1B;QACF,CAAC;QACDM,SAAS,EAAE,SAAAA,UAACC,CAAwC,EAAK;UACvD,IAAI,CAACjB,KAAK,IAAIiB,CAAC,CAAClB,GAAG,KAAK,QAAQ,EAAE;YAChCW,OAAO,EAAE;UACX;QACF,CAAC;QACDQ,SAAS,EAAE;MAAI;IAEnB;EAAC;IAAAnB,GAAA;IAAAC,KAAA,EAED,SAAAmB,cAAA,EAAgB;MACd,IAAAC,KAAA,GAAoB,IAAI,CAAChB,OAAO;QAAxBM,OAAO,GAAAU,KAAA,CAAPV,OAAO;MAEf,OAAO;QACLW,OAAO,EAAEX;MACX,CAAC;IACH;EAAC;IAAAX,GAAA;IAAAC,KAAA,EAED,SAAAsB,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAnB,OAAA;MACP,oBAAOlB,MAAA,YAAAsC,aAAA,CAAcC,iBAAK,MAAA1C,KAAA,CAAA2C,WAAA;QAAA,KAAK,MAAM;QAAA,UAAU;MAAK,GAAAH,IAAA,EAAI;IAC1D;EAAC;EAAA,OAAAjC,kBAAA;AAAA,EArC8BqC,eAAS;AAAA,IAAAC,gBAAA,aAApCtC,kBAAkB,iBACD,gBAAgB;AAuCvC,IAAMuC,KAAK,GAAG,SAARA,KAAKA,CAAA,EAAS;EAAA,IAAAC,KAAA,GAAAC,YAAA;EAClB,oBAAO7C,MAAA,YAAAsC,aAAA,CAAcQ,kBAAU,MAAAjD,KAAA,CAAA2C,WAAA,MAAAI,KAAA,EAAI;AACrC,CAAC;AAED,IAAMG,cAAc,GAAG,IAAAC,gBAAe,EAAC5C,kBAAkB,EAAE;EACzD6C,KAAK,EAAEV,iBAAK,CAACU,KAAK;EAClBC,KAAK,EAAEX,iBAAK,CAACW,KAAK;EAClBP,KAAK,EAALA;AACF,CAAC,CAAC;AAAC,IAAAQ,QAAA,GAEYJ,cAAc;AAAAK,OAAA,cAAAD,QAAA"}