@semcore/select 16.0.0-prerelease.4 → 16.0.0-prerelease.7

package/lib/esm/InputSearch.mjs

@@ -1,119 +1,139 @@
-import h from "@babel/runtime/helpers/esm/objectSpread2";
-import x from "@babel/runtime/helpers/esm/classCallCheck";
-import P from "@babel/runtime/helpers/esm/createClass";
-import S from "@babel/runtime/helpers/esm/assertThisInitialized";
-import V from "@babel/runtime/helpers/esm/inherits";
-import E from "@babel/runtime/helpers/esm/createSuper";
-import i from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as u, createComponent as z, assignProps as p, Component as b } from "@semcore/core";
-import t from "react";
-import R from "@semcore/icon/Search/m";
-import T from "@semcore/icon/Close/m";
-import f from "@semcore/input";
-import { ButtonLink as k } from "@semcore/button";
-import { selectContext as M } from "./context.mjs";
-import O from "@semcore/core/lib/utils/enhances/i18nEnhance";
-import { localizedMessages as v } from "./translations/__intergalactic-dynamic-locales.mjs";
-var w = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled, createComponent, assignProps, Component } from "@semcore/core";
+import React from "react";
+import SearchM from "@semcore/icon/Search/m";
+import CloseM from "@semcore/icon/Close/m";
+import Input from "@semcore/input";
+import { ButtonLink } from "@semcore/button";
+import { selectContext } from "./context.mjs";
+import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
+import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
+var style = (
   /*__reshadow_css_start__*/
-  (u.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
     ".___SInputSearch_l5y2o_gg_._size_m_l5y2o_gg_{height:32px}.___SSearchClear_l5y2o_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_l5y2o_gg_.__hide_l5y2o_gg_{visibility:hidden}.___SOutline_l5y2o_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}",
     "l5y2o_gg_"
   ), {
-    __SInputSearch: "___SInputSearch_l5y2o_gg_",
-    _size_m: "_size_m_l5y2o_gg_",
-    __SSearchClear: "___SSearchClear_l5y2o_gg_",
-    _hide: "__hide_l5y2o_gg_",
-    __SOutline: "___SOutline_l5y2o_gg_"
+    "__SInputSearch": "___SInputSearch_l5y2o_gg_",
+    "_size_m": "_size_m_l5y2o_gg_",
+    "__SSearchClear": "___SSearchClear_l5y2o_gg_",
+    "_hide": "__hide_l5y2o_gg_",
+    "__SOutline": "___SOutline_l5y2o_gg_"
   })
-), s = /* @__PURE__ */ function(_) {
-  V(n, _);
-  var o = E(n);
-  function n() {
-    var e;
-    x(this, n);
-    for (var a = arguments.length, r = new Array(a), l = 0; l < a; l++)
-      r[l] = arguments[l];
-    return e = o.call.apply(o, [this].concat(r)), i(S(e), "inputRef", /* @__PURE__ */ t.createRef()), i(S(e), "closeIconRef", /* @__PURE__ */ t.createRef()), i(S(e), "handleClear", function(m) {
-      e.handlers.value("", m), setTimeout(function() {
-        if (document.activeElement === document.body || document.activeElement === e.closeIconRef.current) {
-          var c;
-          (c = e.inputRef.current) === null || c === void 0 || c.focus();
+);
+var InputSearchRoot = /* @__PURE__ */ function(_Component) {
+  _inherits(InputSearchRoot2, _Component);
+  var _super = _createSuper(InputSearchRoot2);
+  function InputSearchRoot2() {
+    var _this;
+    _classCallCheck(this, InputSearchRoot2);
+    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);
-    }), e;
+    });
+    return _this;
   }
-  return P(n, [{
+  _createClass(InputSearchRoot2, [{
     key: "uncontrolledProps",
-    value: function() {
+    value: function uncontrolledProps() {
       return {
         value: null
       };
     }
   }, {
     key: "getValueProps",
-    value: function() {
-      var a = this.asProps, r = a.value, l = a.getI18nText;
+    value: function getValueProps() {
+      var _this$asProps = this.asProps, value = _this$asProps.value, getI18nText = _this$asProps.getI18nText;
       return {
-        value: r,
+        value,
         onChange: this.handlers.value,
-        autoFocus: !0,
+        autoFocus: true,
         ref: this.inputRef,
-        placeholder: l("Select.InputSearch.Value:placeholder"),
-        "aria-label": l("Select.InputSearch.Value:aria-label")
+        placeholder: getI18nText("Select.InputSearch.Value:placeholder"),
+        "aria-label": getI18nText("Select.InputSearch.Value:aria-label")
       };
     }
   }, {
     key: "getClearProps",
-    value: function() {
-      var a = this.asProps, r = a.value, l = a.getI18nText;
+    value: function getClearProps() {
+      var _this$asProps2 = this.asProps, value = _this$asProps2.value, getI18nText = _this$asProps2.getI18nText;
       return {
         ref: this.closeIconRef,
         /* hide through css because the width of the input changes */
-        hide: !r,
-        "aria-hidden": !r,
-        "aria-label": l("clearSearch"),
+        hide: !value,
+        "aria-hidden": !value,
+        "aria-label": getI18nText("clearSearch"),
         onClick: this.handleClear
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var a = this.asProps, r, l = d.Value, m = f, c = this.asProps, y = c.size, g = c.styles, C = c.children, I = c.Children;
-      return r = u(g), /* @__PURE__ */ t.createElement(m, r.cn("SInputSearch", {
-        size: y || this.context.size || "m",
-        styles: g
-      }), C ? /* @__PURE__ */ t.createElement(I, r.cn("Children", {})) : /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(d.SearchIcon, null), /* @__PURE__ */ t.createElement(l, r.cn("Value", h({}, p({}, a)))), /* @__PURE__ */ t.createElement(d.Clear, null)));
+    value: function render() {
+      var _ref = this.asProps, _ref5;
+      var Value = InputSearch.Value;
+      var SInputSearch = Input;
+      var _this$asProps3 = this.asProps, size = _this$asProps3.size, styles = _this$asProps3.styles, hasChildren = _this$asProps3.children, Children = _this$asProps3.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)));
     }
-  }]), n;
-}(b);
-i(s, "displayName", "InputSearch");
-i(s, "style", w);
-i(s, "enhance", [O(v)]);
-i(s, "defaultProps", {
+  }]);
+  return InputSearchRoot2;
+}(Component);
+_defineProperty(InputSearchRoot, "displayName", "InputSearch");
+_defineProperty(InputSearchRoot, "style", style);
+_defineProperty(InputSearchRoot, "enhance", [i18nEnhance(localizedMessages)]);
+_defineProperty(InputSearchRoot, "defaultProps", {
   defaultValue: "",
-  i18n: v,
+  i18n: localizedMessages,
   locale: "en"
 });
-i(s, "contextType", M);
-var A = function(o) {
-  var n = arguments[0], e, a = f.Addon, r = o.styles;
-  return e = u(r), /* @__PURE__ */ t.createElement(a, e.cn("SSearchIcon", h({}, p({}, n))), /* @__PURE__ */ t.createElement(R, e.cn("SearchM", {})));
-}, F = function(o) {
-  var n = arguments[0], e, a = f.Value, r = o.styles;
-  return e = u(r), /* @__PURE__ */ t.createElement(a, e.cn("SSearchValue", h({}, p({}, n))));
-}, L = function(o) {
-  var n = arguments[0], e, a = k, r = o.styles;
-  return e = u(r), /* @__PURE__ */ t.createElement(a, e.cn("SSearchClear", h({}, p({
-    addonLeft: T,
-    use: "secondary"
-  }, n))));
-}, d = z(s, {
-  SearchIcon: A,
-  Value: F,
-  Clear: L
+_defineProperty(InputSearchRoot, "contextType", selectContext);
+var SearchIcon = function SearchIcon2(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({}, assignProps({}, _ref2))), /* @__PURE__ */ React.createElement(SearchM, _ref6.cn("SearchM", {})));
+};
+var SearchValue = function SearchValue2(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({}, assignProps({}, _ref3))));
+};
+var SearchClear = function SearchClear2(props) {
+  var _ref4 = arguments[0], _ref8;
+  var SSearchClear = ButtonLink;
+  var styles = props.styles;
+  return _ref8 = sstyled(styles), /* @__PURE__ */ React.createElement(SSearchClear, _ref8.cn("SSearchClear", _objectSpread({}, assignProps({
+    "addonLeft": CloseM,
+    "use": "secondary"
+  }, _ref4))));
+};
+var InputSearch = createComponent(InputSearchRoot, {
+  SearchIcon,
+  Value: SearchValue,
+  Clear: SearchClear
 });
 export {
-  d as default
+  InputSearch as default
 };