@semcore/select 4.53.0-prerelease.1 → 4.53.0-prerelease.5

package/lib/cjs/InputSearch.js

@@ -1,7 +1,6 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,54 +8,51 @@ exports["default"] = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _index = require("@semcore/utils/lib/core/index");
-var _core = _interopRequireWildcard(require("@semcore/core"));
-var _react = _interopRequireDefault(require("react"));
-var _m = _interopRequireDefault(require("@semcore/icon/Search/m"));
-var _m2 = _interopRequireDefault(require("@semcore/icon/Close/m"));
-var _input = _interopRequireDefault(require("@semcore/input"));
+var _core = require("@semcore/core");
 var _button = require("@semcore/button");
+var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
+var _m = _interopRequireDefault(require("@semcore/icon/Close/m"));
+var _m2 = _interopRequireDefault(require("@semcore/icon/Search/m"));
+var _input = _interopRequireDefault(require("@semcore/input"));
+var _react = _interopRequireDefault(require("react"));
 var _context = require("./context");
-var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 /*!__reshadow-styles__:"./style/input-search.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_q1zk7_gg_._size_m_q1zk7_gg_{height:32px}.___SSearchClear_q1zk7_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_q1zk7_gg_.__hide_q1zk7_gg_{visibility:hidden}.___SOutline_q1zk7_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}", /*__inner_css_end__*/"q1zk7_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SInputSearch_1glfy_gg_._size_m_1glfy_gg_{height:32px}.___SSearchClear_1glfy_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_1glfy_gg_.__hide_1glfy_gg_{visibility:hidden}.___SOutline_1glfy_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}", /*__inner_css_end__*/"1glfy_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SInputSearch": "___SInputSearch_q1zk7_gg_",
-  "_size_m": "_size_m_q1zk7_gg_",
-  "__SSearchClear": "___SSearchClear_q1zk7_gg_",
-  "_hide": "__hide_q1zk7_gg_",
-  "__SOutline": "___SOutline_q1zk7_gg_"
+  "__SInputSearch": "___SInputSearch_1glfy_gg_",
+  "_size_m": "_size_m_1glfy_gg_",
+  "__SSearchClear": "___SSearchClear_1glfy_gg_",
+  "_hide": "__hide_1glfy_gg_",
+  "__SOutline": "___SOutline_1glfy_gg_"
 });
 var InputSearchRoot = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(InputSearchRoot, _Component);
-  var _super = (0, _createSuper2["default"])(InputSearchRoot);
   function InputSearchRoot() {
     var _this;
     (0, _classCallCheck2["default"])(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));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "inputRef", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "closeIconRef", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClear", function (e) {
+    _this = (0, _callSuper2["default"])(this, InputSearchRoot, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "inputRef", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])(_this, "closeIconRef", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])(_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();
+          (_this$inputRef$curren = _this.inputRef.current) === null || _this$inputRef$curren === void 0 || _this$inputRef$curren.focus();
         }
       }, 0);
     });
     return _this;
   }
-  (0, _createClass2["default"])(InputSearchRoot, [{
+  (0, _inherits2["default"])(InputSearchRoot, _Component);
+  return (0, _createClass2["default"])(InputSearchRoot, [{
     key: "uncontrolledProps",
     value: function uncontrolledProps() {
       return {
@@ -66,27 +62,33 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "getValueProps",
     value: function getValueProps() {
-      var getI18nText = this.asProps.getI18nText;
+      var _this$asProps = this.asProps,
+        value = _this$asProps.value,
+        onChange = _this$asProps.onChange,
+        getI18nText = _this$asProps.getI18nText,
+        hasChildren = _this$asProps.children;
       return {
-        autoFocus: true,
-        ref: this.inputRef,
-        placeholder: getI18nText('Select.InputSearch.Value:placeholder'),
+        value: value,
+        'onChange': hasChildren ? onChange : undefined,
+        'autoFocus': true,
+        'ref': this.inputRef,
+        'placeholder': getI18nText('Select.InputSearch.Value:placeholder'),
         'aria-label': getI18nText('Select.InputSearch.Value:aria-label')
       };
     }
   }, {
     key: "getClearProps",
     value: function getClearProps() {
-      var _this$asProps = this.asProps,
-        value = _this$asProps.value,
-        getI18nText = _this$asProps.getI18nText;
+      var _this$asProps2 = this.asProps,
+        value = _this$asProps2.value,
+        getI18nText = _this$asProps2.getI18nText;
       return {
-        ref: this.closeIconRef,
+        'ref': this.closeIconRef,
         /* hide through css because the width of the input changes */
-        hide: !value,
+        'hide': !value,
         'aria-hidden': !value,
         'aria-label': getI18nText('clearSearch'),
-        onClick: this.handleClear
+        'onClick': this.handleClear
       };
     }
   }, {
@@ -96,18 +98,17 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
         _ref5;
       var Value = InputSearch.Value;
       var SInputSearch = _input["default"];
-      var _this$asProps2 = this.asProps,
-        size = _this$asProps2.size,
-        styles = _this$asProps2.styles,
-        hasChildren = _this$asProps2.children,
-        Children = _this$asProps2.Children;
+      var _this$asProps3 = this.asProps,
+        size = _this$asProps3.size,
+        styles = _this$asProps3.styles,
+        hasChildren = _this$asProps3.children,
+        Children = _this$asProps3.Children;
       return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SInputSearch, _ref5.cn("SInputSearch", {
         "size": size || this.context.size || 'm',
         "styles": styles
       }), hasChildren ? /*#__PURE__*/_react["default"].createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(InputSearch.SearchIcon, null), /*#__PURE__*/_react["default"].createElement(Value, _ref5.cn("Value", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref)))), /*#__PURE__*/_react["default"].createElement(InputSearch.Clear, null)));
     }
   }]);
-  return InputSearchRoot;
 }(_core.Component);
 (0, _defineProperty2["default"])(InputSearchRoot, "displayName", 'InputSearch');
 (0, _defineProperty2["default"])(InputSearchRoot, "style", style);
@@ -118,35 +119,34 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
   locale: 'en'
 });
 (0, _defineProperty2["default"])(InputSearchRoot, "contextType", _context.selectContext);
-var SearchIcon = function SearchIcon(props) {
+function SearchIcon(props) {
   var _ref2 = arguments[0],
     _ref6;
   var SSearchIcon = _input["default"].Addon;
   var styles = props.styles;
-  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSearchIcon, _ref6.cn("SSearchIcon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), /*#__PURE__*/_react["default"].createElement(_m["default"], _ref6.cn("SearchM", {})));
-};
-var SearchValue = function SearchValue(props) {
+  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSearchIcon, _ref6.cn("SSearchIcon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), /*#__PURE__*/_react["default"].createElement(_m2["default"], _ref6.cn("SearchM", {})));
+}
+function SearchValue(props) {
   var _ref3 = arguments[0],
     _ref7;
   var SSearchValue = _input["default"].Value;
   var styles = props.styles;
   return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSearchValue, _ref7.cn("SSearchValue", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
-};
-var SearchClear = function SearchClear(props) {
+}
+function SearchClear(props) {
   var _ref4 = arguments[0],
     _ref8;
   var SSearchClear = _button.ButtonLink;
   var styles = props.styles;
   return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSearchClear, _ref8.cn("SSearchClear", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "addonLeft": _m2["default"],
+    "addonLeft": _m["default"],
     "use": 'secondary'
   }, _ref4))));
-};
-var InputSearch = (0, _core["default"])(InputSearchRoot, {
+}
+var InputSearch = (0, _core.createComponent)(InputSearchRoot, {
   SearchIcon: SearchIcon,
   Value: SearchValue,
   Clear: SearchClear
 });
-var _default = InputSearch;
-exports["default"] = _default;
+var _default = exports["default"] = InputSearch;
 //# sourceMappingURL=InputSearch.js.map

package/lib/cjs/InputSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputSearch.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_m","_m2","_input","_button","_context","_i18nEnhance","_intergalacticDynamicLocales","style","_index","sstyled","insert","InputSearchRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","e","handlers","value","setTimeout","document","activeElement","body","closeIconRef","current","_this$inputRef$curren","inputRef","focus","_createClass2","key","uncontrolledProps","getValueProps","getI18nText","asProps","autoFocus","ref","placeholder","getClearProps","_this$asProps","hide","onClick","handleClear","render","_ref","_ref5","Value","InputSearch","SInputSearch","Input","_this$asProps2","size","styles","hasChildren","children","Children","createElement","cn","context","Fragment","SearchIcon","_objectSpread2","assignProps","Clear","Component","i18nEnhance","localizedMessages","defaultValue","i18n","locale","selectContext","props","_ref2","arguments[0]","_ref6","SSearchIcon","Addon","SearchValue","_ref3","_ref7","SSearchValue","SearchClear","_ref4","_ref8","SSearchClear","ButtonLink","CloseM","createComponent","_default","exports"],"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 { ButtonLink } from '@semcore/button';\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 { getI18nText } = this.asProps;\n    return {\n      autoFocus: true,\n      ref: this.inputRef,\n      placeholder: getI18nText('Select.InputSearch.Value:placeholder'),\n      'aria-label': getI18nText('Select.InputSearch.Value:aria-label'),\n    };\n  }\n  getClearProps() {\n    const { value, getI18nText } = this.asProps;\n    return {\n      ref: this.closeIconRef,\n      /* hide through css because the width of the input changes */\n      hide: !value,\n      'aria-hidden': !value,\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 } = props;\n  return sstyled(styles)(<SSearchClear render={ButtonLink} addonLeft={CloseM} use={'secondary'} />);\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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"}
+{"version":3,"file":"InputSearch.js","names":["_core","require","_button","_i18nEnhance","_interopRequireDefault","_m","_m2","_input","_react","_context","_intergalacticDynamicLocales","style","sstyled","insert","InputSearchRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","React","createRef","e","handlers","value","setTimeout","document","activeElement","body","closeIconRef","current","_this$inputRef$curren","inputRef","focus","_inherits2","_createClass2","key","uncontrolledProps","getValueProps","_this$asProps","asProps","onChange","getI18nText","hasChildren","children","undefined","getClearProps","_this$asProps2","handleClear","render","_ref","_ref5","Value","InputSearch","SInputSearch","Input","_this$asProps3","size","styles","Children","createElement","cn","context","Fragment","SearchIcon","_objectSpread2","assignProps","Clear","Component","i18nEnhance","localizedMessages","defaultValue","i18n","locale","selectContext","props","_ref2","arguments[0]","_ref6","SSearchIcon","Addon","SearchValue","_ref3","_ref7","SSearchValue","SearchClear","_ref4","_ref8","SSearchClear","ButtonLink","CloseM","createComponent","_default","exports"],"sources":["../../src/InputSearch.jsx"],"sourcesContent":["import { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport CloseM from '@semcore/icon/Close/m';\nimport SearchM from '@semcore/icon/Search/m';\nimport Input from '@semcore/input';\nimport React from 'react';\n\nimport { selectContext } from './context';\nimport style from './style/input-search.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\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\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, onChange, getI18nText, children: hasChildren } = this.asProps;\n    return {\n      value,\n      'onChange': hasChildren ? onChange : undefined,\n      'autoFocus': true,\n      'ref': this.inputRef,\n      'placeholder': getI18nText('Select.InputSearch.Value:placeholder'),\n      'aria-label': getI18nText('Select.InputSearch.Value:aria-label'),\n    };\n  }\n\n  getClearProps() {\n    const { value, getI18nText } = this.asProps;\n    return {\n      'ref': this.closeIconRef,\n      /* hide through css because the width of the input changes */\n      'hide': !value,\n      'aria-hidden': !value,\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          ? (\n              <Children />\n            )\n          : (\n              <>\n                <InputSearch.SearchIcon />\n                <Value render={InputSearch.Value} />\n                <InputSearch.Clear />\n              </>\n            )}\n      </SInputSearch>,\n    );\n  }\n}\n\nfunction 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}\nfunction SearchValue(props) {\n  const SSearchValue = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SSearchValue render={Input.Value} />);\n}\nfunction SearchClear(props) {\n  const SSearchClear = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SSearchClear render={ButtonLink} addonLeft={CloseM} use='secondary' />);\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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","ignoreList":[]}