intergalactic 15.87.0-prerelease.3 → 15.88.0

package/libs/select/lib/cjs/context.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+var selectContext = /*#__PURE__*/_react["default"].createContext({});
+exports.selectContext = selectContext;
+//# sourceMappingURL=context.js.map

package/libs/select/lib/cjs/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":["_react","_interopRequireDefault","require","selectContext","React","createContext","exports"],"sources":["../../src/context.js"],"sourcesContent":["import React from 'react';\n\nexport const selectContext = React.createContext({});\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,IAAMC,aAAa,gBAAGC,iBAAK,CAACC,aAAa,CAAC,CAAC,CAAC,CAAC;AAACC,OAAA,CAAAH,aAAA,GAAAA,aAAA"}

package/libs/select/lib/cjs/index.d.js

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

package/libs/select/lib/cjs/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport DropdownMenu, {\n  DropdownMenuContext,\n  DropdownMenuItemProps,\n  DropdownMenuProps,\n  DropdownMenuHandlers,\n  DropdownMenuTriggerProps,\n} from '@semcore/dropdown-menu';\nimport { ButtonTrigger, BaseTriggerProps, ButtonTriggerProps } from '@semcore/base-trigger';\nimport Divider from '@semcore/divider';\nimport Input, { InputValueProps } from '@semcore/input';\nimport { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface ISelectInputSearch extends SelectInputSearch, UnknownProperties {}\nexport type SelectInputSearch = InputValueProps & {};\n\nexport type OptionValue = string | number;\nexport type SelectValue = string | number | Array<string | number> | null;\n\nexport type SelectOption = {\n  value: OptionValue;\n  children?: React.ReactNode;\n  label?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface ISelectProps<T extends SelectValue = SelectValue> extends SelectProps<T> {}\nexport type SelectProps<T extends SelectValue = SelectValue> = DropdownMenuProps &\n  BaseTriggerProps & {\n    /**\n     * Multiple select\n     */\n    multiselect?: boolean;\n    /**\n     * Options array\n     */\n    options?: SelectOption[];\n    /**\n     * The value or values array selected by default when using multiselect\n     * @type SelectValue\n     */\n    defaultValue?: T;\n    /**\n     * The selected value or values array when using multiselect\n     * @type SelectValue\n     */\n    value?: T;\n    /**\n     * Callback on value change\n     * @type (value: SelectValue, e: React.SyntheticEvent) => boolean | void\n     */\n    onChange?:\n      | ((value: T, e: React.SyntheticEvent) => boolean | void)\n      | React.Dispatch<React.SetStateAction<T>>;\n    /**\n     * Trigger placeholder at not selected value\n     */\n    placeholder?: React.ReactNode;\n    /**\n     * Trigger state\n     */\n    state?: 'normal' | 'valid' | 'invalid';\n    /**\n     * Disables select\n     */\n    disabled?: boolean;\n    /**\n     * Input name\n     */\n    name?: string;\n    locale?: string;\n    /**\n     * If enabled, after opening select popper view will be scrolled to selected option or, if there are multiple selected options, to the first selected option.\n     * @default true\n     */\n    scrollToSelected?: boolean;\n  };\n\n/** @deprecated */\nexport interface ISelectOption extends SelectOption, UnknownProperties {}\n\n/** @deprecated */\nexport interface ISelectOptionProps extends SelectOptionProps, UnknownProperties {}\nexport type SelectOptionProps = DropdownMenuItemProps & {\n  /** Value of the option */\n  value: string | number;\n};\n\n/** @deprecated */\nexport interface ISelectOptionCheckboxProps extends SelectOptionCheckboxProps, UnknownProperties {}\nexport type SelectOptionCheckboxProps = SelectOptionProps & {\n  /** Checkbox theme */\n  theme?: string;\n};\n\ndeclare const InputSearch: Intergalactic.Component<'div', SelectInputSearch> & {\n  SearchIcon: typeof Input.Addon;\n  Value: typeof Input.Value;\n  Clear: typeof Input.Addon;\n};\n\n/** @deprecated */\nexport interface ISelectContext extends SelectContext, UnknownProperties {}\nexport type SelectContext = DropdownMenuContext & {\n  getOptionProps: PropGetterFn;\n  getOptionCheckboxProps: PropGetterFn;\n  getDividerProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ISelectHandlers extends SelectHandlers, UnknownProperties {}\nexport type SelectHandlers = DropdownMenuHandlers & {\n  value: (index: SelectValue) => void;\n};\n\ntype IntergalacticSelectComponent = (<\n  Value extends SelectValue,\n  Tag extends Intergalactic.Tag = 'div',\n>(\n  props: Intergalactic.InternalTypings.ComponentProps<\n    Tag,\n    'div',\n    SelectProps<Value>,\n    SelectContext,\n    [handlers: SelectHandlers]\n  >,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n  Intergalactic.InternalTypings.ComponentAdditive<'div'>;\n\ndeclare const Select: IntergalacticSelectComponent & {\n  Trigger: Intergalactic.Component<\n    'div',\n    DropdownMenuTriggerProps & ButtonTriggerProps,\n    {},\n    [handlers: SelectHandlers]\n  > & {\n    Addon: typeof ButtonTrigger.Addon;\n    Text: typeof ButtonTrigger.Text;\n  };\n  Popper: typeof DropdownMenu.Popper;\n  List: typeof DropdownMenu.List;\n  Menu: typeof DropdownMenu.Menu;\n  Option: Intergalactic.Component<\n    'option',\n    SelectOptionProps,\n    SelectContext,\n    [handlers: SelectHandlers]\n  > & {\n    Addon: typeof DropdownMenu.Item.Addon;\n    Checkbox: Intergalactic.Component<'div', BoxProps & { theme?: string; selected?: boolean }>;\n  };\n  OptionTitle: typeof DropdownMenu.ItemTitle;\n  OptionHint: typeof DropdownMenu.ItemHint;\n  Divider: typeof Divider;\n  InputSearch: typeof InputSearch;\n  Input: typeof InputSearch;\n};\n\nexport { InputSearch };\nexport default Select;\n"],"mappings":""}

package/libs/select/lib/cjs/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "InputSearch", {
+  enumerable: true,
+  get: function get() {
+    return _InputSearch["default"];
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Select["default"];
+  }
+});
+var _InputSearch = _interopRequireDefault(require("./InputSearch"));
+var _Select = _interopRequireDefault(require("./Select"));
+//# sourceMappingURL=index.js.map

package/libs/select/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_InputSearch","_interopRequireDefault","require","_Select"],"sources":["../../src/index.js"],"sourcesContent":["export { default as InputSearch } from './InputSearch';\nexport { default } from './Select';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA"}

package/libs/select/lib/cjs/translations/__intergalactic-dynamic-locales.js

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

package/libs/select/lib/cjs/translations/__intergalactic-dynamic-locales.js.map

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

package/libs/select/lib/cjs/translations/de.json

@@ -0,0 +1,6 @@
+{
+  "clearSearch": "Suchfeld leeren",
+  "selectPlaceholder": "Option auswählen",
+  "triggerHint": "Drücken Sie Tab, um zum Popover zu gehen",
+  "optionsList": "Liste der Optionen"
+}

package/libs/select/lib/cjs/translations/en.json

@@ -0,0 +1,6 @@
+{
+  "clearSearch": "Clear search field",
+  "selectPlaceholder": "Select option",
+  "triggerHint": "Press Tab to go to popover",
+  "optionsList": "List of options"
+}

package/libs/select/lib/cjs/translations/es.json

@@ -0,0 +1,6 @@
+{
+  "clearSearch": "Borrar campo de búsqueda",
+  "selectPlaceholder": "Seleccionar opción",
+  "triggerHint": "Presiona Tab para ir a Popover",
+  "optionsList": "Lista de opciones"
+}

package/libs/select/lib/cjs/translations/fr.json

@@ -0,0 +1,6 @@
+{
+  "clearSearch": "Effacer le champ de recherche",
+  "selectPlaceholder": "Sélectionner une option",
+  "triggerHint": "Appuyez sur la touche Tab pour accéder au popover",
+  "optionsList": "Liste des options"
+}

package/libs/select/lib/cjs/translations/it.json

@@ -0,0 +1,6 @@
+{
+  "clearSearch": "Svuota il campo di ricerca",
+  "selectPlaceholder": "Seleziona opzione",
+  "triggerHint": "Premi Tab per andare a Popover",
+  "optionsList": "Lista delle opzioni"
+}

package/libs/select/lib/cjs/translations/ja.json

@@ -0,0 +1,6 @@
+{
+  "clearSearch": "サーチフィールドをクリア",
+  "selectPlaceholder": "オプションを選択",
+  "triggerHint": "Tabキーを押してポップオーバーに移動",
+  "optionsList": "オプションのリスト"
+}

package/libs/select/lib/cjs/translations/ko.json

@@ -0,0 +1,6 @@
+{
+  "clearSearch": "검색란 지우기",
+  "selectPlaceholder": "옵션 선택",
+  "triggerHint": "팝업창으로 이동하려면 Tab 키를 누르세요",
+  "optionsList": "옵션 목록"
+}

package/libs/select/lib/cjs/translations/nl.json

@@ -0,0 +1,6 @@
+{
+  "clearSearch": "Wis zoekveld",
+  "selectPlaceholder": "Selecteer optie",
+  "triggerHint": "Druk op Tab om naar de pop-over te gaan",
+  "optionsList": "Overzicht van opties"
+}

package/libs/select/lib/cjs/translations/pl.json

@@ -0,0 +1,6 @@
+{
+  "clearSearch": "Wyczyść pole wyszukiwania",
+  "selectPlaceholder": "Wybierz opcję",
+  "triggerHint": "Naciśnij Tab, aby przejść do okienka popover",
+  "optionsList": "Lista opcji"
+}

package/libs/select/lib/cjs/translations/pt.json

@@ -0,0 +1,6 @@
+{
+  "clearSearch": "Limpar campo de pesquisa",
+  "selectPlaceholder": "Selecione a opção",
+  "triggerHint": "Pressione Tab para acessar o pop-over",
+  "optionsList": "Lista de opções"
+}

package/libs/select/lib/cjs/translations/sv.json

@@ -0,0 +1,6 @@
+{
+  "clearSearch": "Rensa sökfält",
+  "selectPlaceholder": "Välj alternativ",
+  "triggerHint": "Tryck på Tab för att gå till popover",
+  "optionsList": "Lista över alternativ"
+}

package/libs/select/lib/cjs/translations/tr.json

@@ -0,0 +1,6 @@
+{
+  "clearSearch": "Arama alanını temizle",
+  "selectPlaceholder": "Seçeneği seçin",
+  "triggerHint": "Popover'a gitmek için Tab tuşuna basın",
+  "optionsList": "Seçenek listesi"
+}

package/libs/select/lib/cjs/translations/vi.json

@@ -0,0 +1,6 @@
+{
+  "clearSearch": "Xoá trường tìm kiếm",
+  "selectPlaceholder": "Chọn tùy chọn",
+  "triggerHint": "Nhấn Tab để chuyển đến cửa sổ bật lên",
+  "optionsList": "Danh sách tuỳ chọn"
+}

package/libs/select/lib/cjs/translations/zh.json

@@ -0,0 +1,6 @@
+{
+  "clearSearch": "清除搜索字段",
+  "selectPlaceholder": "选择选项",
+  "triggerHint": "按 T​​ab 转到弹出框",
+  "optionsList": "选项列表"
+}

package/libs/select/lib/es6/InputSearch.js

@@ -0,0 +1,146 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+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 { sstyled as _sstyled } from "@semcore/core";
+import { assignProps as _assignProps4 } from "@semcore/core";
+import { assignProps as _assignProps3 } from "@semcore/core";
+import { assignProps as _assignProps2 } from "@semcore/core";
+import { assignProps as _assignProps } from "@semcore/core";
+import React from 'react';
+import createComponent, { Component, sstyled, Root } from '@semcore/core';
+import SearchM from '@semcore/icon/Search/m';
+import CloseM from '@semcore/icon/Close/m';
+import Input from '@semcore/input';
+import { selectContext } from './context';
+import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
+import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
+/*__reshadow-styles__:"./style/input-search.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInputSearch_zgtge_gg_._size_m_zgtge_gg_{height:32px}.___SSearchClear_zgtge_gg_.__hide_zgtge_gg_{visibility:hidden}.___SOutline_zgtge_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "zgtge_gg_") /*__reshadow_css_end__*/, {
+  "__SInputSearch": "___SInputSearch_zgtge_gg_",
+  "_size_m": "_size_m_zgtge_gg_",
+  "__SSearchClear": "___SSearchClear_zgtge_gg_",
+  "_hide": "__hide_zgtge_gg_",
+  "__SOutline": "___SOutline_zgtge_gg_"
+});
+var InputSearchRoot = /*#__PURE__*/function (_Component) {
+  _inherits(InputSearchRoot, _Component);
+  var _super = _createSuper(InputSearchRoot);
+  function InputSearchRoot() {
+    var _this;
+    _classCallCheck(this, InputSearchRoot);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "inputRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "closeIconRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "handleClear", function (e) {
+      _this.handlers.value('', e);
+      setTimeout(function () {
+        if (document.activeElement === document.body || document.activeElement === _this.closeIconRef.current) {
+          var _this$inputRef$curren;
+          (_this$inputRef$curren = _this.inputRef.current) === null || _this$inputRef$curren === void 0 ? void 0 : _this$inputRef$curren.focus();
+        }
+      }, 0);
+    });
+    return _this;
+  }
+  _createClass(InputSearchRoot, [{
+    key: "uncontrolledProps",
+    value: function uncontrolledProps() {
+      return {
+        value: null
+      };
+    }
+  }, {
+    key: "getValueProps",
+    value: function getValueProps() {
+      var value = this.asProps.value;
+      return {
+        value: value,
+        onChange: this.handlers.value,
+        autoFocus: true,
+        ref: this.inputRef
+      };
+    }
+  }, {
+    key: "getClearProps",
+    value: function getClearProps() {
+      var _this$asProps = this.asProps,
+        value = _this$asProps.value,
+        getI18nText = _this$asProps.getI18nText;
+      return {
+        role: 'button',
+        ref: this.closeIconRef,
+        /* hide through css because the width of the input changes */
+        hide: !value,
+        'aria-hidden': !value,
+        interactive: true,
+        'aria-label': getI18nText('clearSearch'),
+        onClick: this.handleClear
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref5;
+      var Value = InputSearch.Value;
+      var SInputSearch = Input;
+      var _this$asProps2 = this.asProps,
+        size = _this$asProps2.size,
+        styles = _this$asProps2.styles,
+        hasChildren = _this$asProps2.children,
+        Children = _this$asProps2.Children;
+      return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SInputSearch, _ref5.cn("SInputSearch", {
+        "size": size || this.context.size || 'm',
+        "styles": styles
+      }), hasChildren ? /*#__PURE__*/React.createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(InputSearch.SearchIcon, null), /*#__PURE__*/React.createElement(Value, _ref5.cn("Value", _objectSpread({}, _assignProps({}, _ref)))), /*#__PURE__*/React.createElement(InputSearch.Clear, null)));
+    }
+  }]);
+  return InputSearchRoot;
+}(Component);
+_defineProperty(InputSearchRoot, "displayName", 'InputSearch');
+_defineProperty(InputSearchRoot, "style", style);
+_defineProperty(InputSearchRoot, "enhance", [i18nEnhance(localizedMessages)]);
+_defineProperty(InputSearchRoot, "defaultProps", {
+  defaultValue: '',
+  i18n: localizedMessages,
+  locale: 'en'
+});
+_defineProperty(InputSearchRoot, "contextType", selectContext);
+var SearchIcon = function SearchIcon(props) {
+  var _ref2 = arguments[0],
+    _ref6;
+  var SSearchIcon = Input.Addon;
+  var styles = props.styles;
+  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SSearchIcon, _ref6.cn("SSearchIcon", _objectSpread({}, _assignProps2({}, _ref2))), /*#__PURE__*/React.createElement(SearchM, _ref6.cn("SearchM", {})));
+};
+var SearchValue = function SearchValue(props) {
+  var _ref3 = arguments[0],
+    _ref7;
+  var SSearchValue = Input.Value;
+  var styles = props.styles;
+  return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SSearchValue, _ref7.cn("SSearchValue", _objectSpread({}, _assignProps3({}, _ref3))));
+};
+var SearchClear = function SearchClear(props) {
+  var _ref4 = arguments[0],
+    _ref8;
+  var SSearchClear = Input.Addon;
+  var styles = props.styles,
+    Children = props.Children;
+  return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SSearchClear, _ref8.cn("SSearchClear", _objectSpread({}, _assignProps4({
+    "tag": CloseM
+  }, _ref4))), /*#__PURE__*/React.createElement(Children, _ref8.cn("Children", {})));
+};
+var InputSearch = createComponent(InputSearchRoot, {
+  SearchIcon: SearchIcon,
+  Value: SearchValue,
+  Clear: SearchClear
+});
+export default InputSearch;
+//# sourceMappingURL=InputSearch.js.map

package/libs/select/lib/es6/InputSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputSearch.js","names":["React","createComponent","Component","sstyled","Root","SearchM","CloseM","Input","selectContext","i18nEnhance","localizedMessages","style","_sstyled","insert","InputSearchRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","e","handlers","value","setTimeout","document","activeElement","body","closeIconRef","current","_this$inputRef$curren","inputRef","focus","_createClass","key","uncontrolledProps","getValueProps","asProps","onChange","autoFocus","ref","getClearProps","_this$asProps","getI18nText","role","hide","interactive","onClick","handleClear","render","_ref","_ref5","Value","InputSearch","SInputSearch","_this$asProps2","size","styles","hasChildren","children","Children","createElement","cn","context","Fragment","SearchIcon","_objectSpread","_assignProps","Clear","defaultValue","i18n","locale","props","_ref2","arguments[0]","_ref6","SSearchIcon","Addon","_assignProps2","SearchValue","_ref3","_ref7","SSearchValue","_assignProps3","SearchClear","_ref4","_ref8","SSearchClear","_assignProps4"],"sources":["../../src/InputSearch.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport SearchM from '@semcore/icon/Search/m';\nimport CloseM from '@semcore/icon/Close/m';\nimport Input from '@semcore/input';\nimport { selectContext } from './context';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/input-search.shadow.css';\n\nclass InputSearchRoot extends Component {\n  static displayName = 'InputSearch';\n\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n  static defaultProps = {\n    defaultValue: '',\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n  inputRef = React.createRef();\n  closeIconRef = React.createRef();\n\n  static contextType = selectContext;\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleClear = (e) => {\n    this.handlers.value('', e);\n    setTimeout(() => {\n      if (\n        document.activeElement === document.body ||\n        document.activeElement === this.closeIconRef.current\n      ) {\n        this.inputRef.current?.focus();\n      }\n    }, 0);\n  };\n\n  getValueProps() {\n    const { value } = this.asProps;\n    return {\n      value,\n      onChange: this.handlers.value,\n      autoFocus: true,\n      ref: this.inputRef,\n    };\n  }\n  getClearProps() {\n    const { value, getI18nText } = this.asProps;\n    return {\n      role: 'button',\n      ref: this.closeIconRef,\n      /* hide through css because the width of the input changes */\n      hide: !value,\n      'aria-hidden': !value,\n      interactive: true,\n      'aria-label': getI18nText('clearSearch'),\n      onClick: this.handleClear,\n    };\n  }\n\n  render() {\n    const Value = Root;\n    const SInputSearch = Input;\n    const { size, styles, children: hasChildren, Children } = this.asProps;\n\n    return sstyled(styles)(\n      <SInputSearch size={size || this.context.size || 'm'} styles={styles}>\n        {hasChildren ? (\n          <Children />\n        ) : (\n          <>\n            <InputSearch.SearchIcon />\n            <Value render={InputSearch.Value} />\n            <InputSearch.Clear />\n          </>\n        )}\n      </SInputSearch>,\n    );\n  }\n}\n\nconst SearchIcon = (props) => {\n  const SSearchIcon = Root;\n  const { styles } = props;\n  return sstyled(styles)(\n    <SSearchIcon render={Input.Addon}>\n      <SearchM />\n    </SSearchIcon>,\n  );\n};\nconst SearchValue = (props) => {\n  const SSearchValue = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SSearchValue render={Input.Value} />);\n};\nconst SearchClear = (props) => {\n  const SSearchClear = Root;\n  const { styles, Children } = props;\n  return sstyled(styles)(\n    <SSearchClear render={Input.Addon} tag={CloseM}>\n      <Children />\n    </SSearchClear>,\n  );\n};\n\nconst InputSearch = createComponent(InputSearchRoot, {\n  SearchIcon: SearchIcon,\n  Value: SearchValue,\n  Clear: SearchClear,\n});\n\nexport default InputSearch;\n"],"mappings":"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"}