intergalactic 15.122.0 → 15.124.0-prerelease.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddFilter.js","names":["React","Flex","ScreenReaderOnly","Button","createComponent","Component","Root","DropdownMenu","MathPlusM","CloseM","AddFilterSelect","AddFilterInput","AddFilterDropdown","extractFrom","localizedMessages","i18nEnhance","focusSourceEnhance","RootAddFilter","_Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","Map","state","visibleFilters","Set","clearFiltersMessage","addDropdownItems","getDefaultAddDropdownOptions","children","_createClass","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","_slicedToArray","filters","persistentFilters","VisibleFilteredChildren","filtersSelectionDropdown","clearAllFiltersProps","createElement","_assignProps","AddFilterDropdownMenu","ClearAllFilters","role","i18n","locale","componentsNames","_RootAddFilter$getFil3","_RootAddFilter$getFil4","_ref5","displayName","label","forwardRef","_React$useState","useState","_React$useState2","setVisible","optionsWithoutVisible","useMemo","includes","Trigger","tag","use","addonLeft","Menu","_ref3","Item","onClick","_ref4","theme","ml","AddFilter","Select","Input","Dropdown"],"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/es6/AddFilter.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AddFilter.types.js.map

package/add-filter/lib/es6/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/es6/components/AddFilterDropdown.js

@@ -0,0 +1,84 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { assignProps as _assignProps } from 'intergalactic/core';
+import React from 'react';
+import createComponent, { Component, Root } from 'intergalactic/core';
+import Dropdown from 'intergalactic/dropdown';
+import { FilterTrigger } from 'intergalactic/base-trigger';
+var AddFilterDropdownRoot = /*#__PURE__*/function (_Component) {
+  _inherits(AddFilterDropdownRoot, _Component);
+  var _super = _createSuper(AddFilterDropdownRoot);
+  function AddFilterDropdownRoot() {
+    _classCallCheck(this, AddFilterDropdownRoot);
+    return _super.apply(this, arguments);
+  }
+  _createClass(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: 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.createElement(Dropdown, _assignProps({}, _ref));
+    }
+  }]);
+  return AddFilterDropdownRoot;
+}(Component);
+_defineProperty(AddFilterDropdownRoot, "displayName", 'AddFilterDropdown');
+_defineProperty(AddFilterDropdownRoot, "defaultProps", function () {
+  return {
+    defaultVisible: true
+  };
+});
+var AddFilterDropdown = createComponent(AddFilterDropdownRoot, {
+  Trigger: Dropdown.Trigger,
+  Popper: Dropdown.Popper
+});
+export default AddFilterDropdown;
+//# sourceMappingURL=AddFilterDropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddFilterDropdown.js","names":["React","createComponent","Component","Root","Dropdown","FilterTrigger","AddFilterDropdownRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","uncontrolledProps","visible","componentWillUnmount","_this$asProps$onUnmou","_this$asProps","asProps","onUnmount","call","getTriggerProps","_ref2","onClear","setFocusRef","tag","triggerRef","empty","autoFocus","getPopperProps","_this","_ref3","onKeyDown","e","onApply","handlers","render","_ref","createElement","_assignProps","_defineProperty","defaultVisible","AddFilterDropdown","Trigger","Popper"],"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":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,IAAI,QAAQ,eAAe;AAChE,OAAOC,QAAQ,MAAM,mBAAmB;AAExC,SAASC,aAAa,QAAQ,uBAAuB;AAAC,IAQhDC,qBAAqB,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,qBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,qBAAA;EAAA,SAAAA,sBAAA;IAAAK,eAAA,OAAAL,qBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,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,EAAExB,aAAa;QAClByB,UAAU,EAAEF,WAAW;QACvBG,KAAK,EAAEf,KAAK,IAAI,IAAI;QACpBW,OAAO,EAAPA,OAAO;QACPK,SAAS,EAAE;MACb,CAAC;IACH;EAAC;IAAAjB,GAAA;IAAAC,KAAA,EAED,SAAAiB,eAAA,EAAiB;MAAA,IAAAC,KAAA;MACf,IAAAC,KAAA,GAA2B,IAAI,CAACb,OAAO;QAA/BN,KAAK,GAAAmB,KAAA,CAALnB,KAAK;QAAEW,OAAO,GAAAQ,KAAA,CAAPR,OAAO;MAEtB,OAAO;QACLS,SAAS,EAAE,SAAAA,UAACC,CAAsC,EAAK;UACrD,IAAI,CAACrB,KAAK,IAAIqB,CAAC,CAACtB,GAAG,KAAK,QAAQ,EAAE;YAChCY,OAAO,EAAE;UACX;QACF,CAAC;QACDW,OAAO,EAAE,SAAAA,QAAA,EAAM;UACbJ,KAAI,CAACK,QAAQ,CAACrB,OAAO,CAAC,KAAK,CAAC;QAC9B;MACF,CAAC;IACH;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAwB,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAnB,OAAA;MACP,oBAAOtB,KAAA,CAAA0C,aAAA,CAActC,QAAQ,EAAAuC,YAAA,KAAAF,IAAA,EAAI;IACnC;EAAC;EAAA,OAAAnC,qBAAA;AAAA,EAlDiCJ,SAAS;AAAA0C,eAAA,CAAvCtC,qBAAqB,iBACJ,mBAAmB;AAAAsC,eAAA,CADpCtC,qBAAqB,kBAGH,YAAM;EAC1B,OAAO;IACLuC,cAAc,EAAE;EAClB,CAAC;AACH,CAAC;AA8CH,IAAMC,iBAAiB,GAAG7C,eAAe,CAACK,qBAAqB,EAAE;EAC/DyC,OAAO,EAAE3C,QAAQ,CAAC2C,OAAO;EACzBC,MAAM,EAAE5C,QAAQ,CAAC4C;AACnB,CAAC,CAAC;AAEF,eAAeF,iBAAiB"}

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

@@ -0,0 +1,80 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { assignProps as _assignProps2 } from 'intergalactic/core';
+import { assignProps as _assignProps } from 'intergalactic/core';
+import React from 'react';
+import createComponent, { Component, Root } from 'intergalactic/core';
+import Input from 'intergalactic/input';
+import { ButtonLink } from 'intergalactic/button';
+var AddFilterInputRoot = /*#__PURE__*/function (_Component) {
+  _inherits(AddFilterInputRoot, _Component);
+  var _super = _createSuper(AddFilterInputRoot);
+  function AddFilterInputRoot() {
+    _classCallCheck(this, AddFilterInputRoot);
+    return _super.apply(this, arguments);
+  }
+  _createClass(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 _objectSpread(_objectSpread({}, 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.createElement(Input, _assignProps({
+        "w": 'auto',
+        "inline": false
+      }, _ref));
+    }
+  }]);
+  return AddFilterInputRoot;
+}(Component);
+_defineProperty(AddFilterInputRoot, "displayName", 'AddFilterInput');
+var Clear = function Clear() {
+  var _ref2 = arguments[0];
+  return /*#__PURE__*/React.createElement(ButtonLink, _assignProps2({}, _ref2));
+};
+var AddFilterInput = createComponent(AddFilterInputRoot, {
+  Value: Input.Value,
+  Addon: Input.Addon,
+  Clear: Clear
+});
+export default AddFilterInput;
+//# sourceMappingURL=AddFilterInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddFilterInput.js","names":["React","createComponent","Component","Root","Input","ButtonLink","AddFilterInputRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","componentWillUnmount","_this$asProps$onUnmou","_this$asProps","asProps","onUnmount","call","getValueProps","props","_ref3","onClear","setFocusRef","_objectSpread","ref","onBlur","setTimeout","onKeyDown","e","autoFocus","getClearProps","_ref4","onClick","render","_ref","createElement","_assignProps","_defineProperty","Clear","_ref2","arguments[0]","_assignProps2","AddFilterInput","Value","Addon"],"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":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,IAAI,QAAQ,eAAe;AAChE,OAAOC,KAAK,MAAM,gBAAgB;AAGlC,SAASC,UAAU,QAAQ,iBAAiB;AAAC,IAOvCC,kBAAkB,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,kBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,kBAAA;EAAA,SAAAA,mBAAA;IAAAK,eAAA,OAAAL,kBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,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,OAAAC,aAAA,CAAAA,aAAA,KACKJ,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,oBAAOpB,KAAA,CAAAwC,aAAA,CAAcpC,KAAK,EAAAqC,YAAA;QAAA,KAAK,MAAM;QAAA,UAAU;MAAK,GAAAF,IAAA,EAAI;IAC1D;EAAC;EAAA,OAAAjC,kBAAA;AAAA,EArC8BJ,SAAS;AAAAwC,eAAA,CAApCpC,kBAAkB,iBACD,gBAAgB;AAuCvC,IAAMqC,KAAK,GAAG,SAARA,KAAKA,CAAA,EAAS;EAAA,IAAAC,KAAA,GAAAC,YAAA;EAClB,oBAAO7C,KAAA,CAAAwC,aAAA,CAAcnC,UAAU,EAAAyC,aAAA,KAAAF,KAAA,EAAI;AACrC,CAAC;AAED,IAAMG,cAAc,GAAG9C,eAAe,CAACK,kBAAkB,EAAE;EACzD0C,KAAK,EAAE5C,KAAK,CAAC4C,KAAK;EAClBC,KAAK,EAAE7C,KAAK,CAAC6C,KAAK;EAClBN,KAAK,EAALA;AACF,CAAC,CAAC;AAEF,eAAeI,cAAc"}