intergalactic 15.129.0 → 15.130.0

package/inline-input/lib/esm/InlineInput.mjs

@@ -1,305 +1,384 @@
-import b from "@babel/runtime/helpers/esm/objectSpread2";
-import R from "@babel/runtime/helpers/esm/classCallCheck";
-import k from "@babel/runtime/helpers/esm/createClass";
-import f from "@babel/runtime/helpers/esm/assertThisInitialized";
-import E from "@babel/runtime/helpers/esm/inherits";
-import $ from "@babel/runtime/helpers/esm/createSuper";
-import s from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as H } from 'intergalactic/utils/lib/core/index';
-import M, { sstyled as m, assignProps as C, Component as V } from 'intergalactic/core';
-import _ from "react";
-import { Box as I, InvalidStateBox as K } from 'intergalactic/flex-box';
-import N from 'intergalactic/utils/lib/enhances/autoFocusEnhance';
-import U from 'intergalactic/icon/Check/m';
-import w from 'intergalactic/icon/Close/m';
-import F from 'intergalactic/spin';
-import { ButtonLink as D } from 'intergalactic/button';
-import { localizedMessages as B } from "./translations/__intergalactic-dynamic-locales.mjs";
-import T from 'intergalactic/utils/lib/enhances/i18nEnhance';
-import A from 'intergalactic/input-number';
-import { hasParent as L } from 'intergalactic/utils/lib/hasParent';
-var j = (
+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 } from 'intergalactic/utils/lib/core/index';
+import createComponent, { sstyled as sstyled$1, assignProps, Component } from 'intergalactic/core';
+import React from "react";
+import { Box, InvalidStateBox } from 'intergalactic/flex-box';
+import autoFocusEnhance from 'intergalactic/utils/lib/enhances/autoFocusEnhance';
+import CheckM from 'intergalactic/icon/Check/m';
+import CloseM from 'intergalactic/icon/Close/m';
+import Spin from 'intergalactic/spin';
+import { ButtonLink } from 'intergalactic/button';
+import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
+import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import InputNumber from 'intergalactic/input-number';
+import { hasParent } from 'intergalactic/utils/lib/hasParent';
+/*!__reshadow-styles__:"./style/inline-input.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (H.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SInlineInput_yeczz_gg_{display:inline-flex;width:100%;height:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SInlineInput_yeczz_gg_ .___SConfirmIcon_yeczz_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_yeczz_gg_ .___SConfirmIcon_yeczz_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_yeczz_gg_ .___SCancelIcon_yeczz_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_yeczz_gg_ .___SCancelIcon_yeczz_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_yeczz_gg_.__disabled_yeczz_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_yeczz_gg_{min-width:0;width:100%;height:100%;padding:0 var(--intergalactic-spacing-1x, 4px);border:0;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:inherit;line-height:1.2;text-overflow:ellipsis;font-family:inherit;background:0 0;min-height:1em}.___SValue_yeczz_gg_:focus{outline:0}.___SValue_yeczz_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_yeczz_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_yeczz_gg_.__disabled_yeczz_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_yeczz_gg_::-webkit-inner-spin-button,.___SValue_yeczz_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_yeczz_gg_._type_number_yeczz_gg_{-moz-appearance:textfield}.___SUnderline_yeczz_gg_{display:flex;flex-direction:row;align-items:center;flex-grow:1;width:100%;height:100%;min-height:1em;border:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SAddon_yeczz_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;height:100%;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);padding:0 var(--intergalactic-spacing-1x, 4px)}.___SAddon_yeczz_gg_.__disabled_yeczz_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_yeczz_gg_.__focused_yeczz_gg_{z-index:1}.___SInlineInput_yeczz_gg_.__focused_yeczz_gg_ .___SUnderline_yeczz_gg_{border-bottom-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInlineInput_yeczz_gg_._state_valid_yeczz_gg_ .___SUnderline_yeczz_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_yeczz_gg_._state_valid_yeczz_gg_.__focused_yeczz_gg_ .___SUnderline_yeczz_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65);box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInlineInput_yeczz_gg_._state_invalid_yeczz_gg_ .___SUnderline_yeczz_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_yeczz_gg_._state_invalid_yeczz_gg_.__focused_yeczz_gg_ .___SUnderline_yeczz_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SValue_yeczz_gg_:focus~.___SControls_yeczz_gg_{display:flex}.___SInvalidPattern_yeczz_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}",
-    "yeczz_gg_"
-  ), {
-    __SInlineInput: "___SInlineInput_yeczz_gg_",
-    _disabled: "__disabled_yeczz_gg_",
-    __SUnderline: "___SUnderline_yeczz_gg_",
-    __SAddon: "___SAddon_yeczz_gg_",
-    _focused: "__focused_yeczz_gg_",
-    _state_valid: "_state_valid_yeczz_gg_",
-    _state_invalid: "_state_invalid_yeczz_gg_",
-    __SValue: "___SValue_yeczz_gg_",
-    __SControls: "___SControls_yeczz_gg_",
-    __SInvalidPattern: "___SInvalidPattern_yeczz_gg_",
-    __SConfirmIcon: "___SConfirmIcon_yeczz_gg_",
-    __SCancelIcon: "___SCancelIcon_yeczz_gg_",
-    _type_number: "_type_number_yeczz_gg_"
+    ".___SInlineInput_58kzi_gg_{display:inline-flex;width:100%;height:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SInlineInput_58kzi_gg_ .___SConfirmIcon_58kzi_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_58kzi_gg_ .___SConfirmIcon_58kzi_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_58kzi_gg_ .___SCancelIcon_58kzi_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_58kzi_gg_ .___SCancelIcon_58kzi_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_58kzi_gg_.__disabled_58kzi_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_58kzi_gg_{min-width:0;width:100%;height:100%;padding:0 var(--intergalactic-spacing-1x, 4px);border:0;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:inherit;line-height:1.2;text-overflow:ellipsis;font-family:inherit;background:0 0;min-height:1em}.___SValue_58kzi_gg_:focus{outline:0}.___SValue_58kzi_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_58kzi_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_58kzi_gg_.__disabled_58kzi_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_58kzi_gg_::-webkit-inner-spin-button,.___SValue_58kzi_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_58kzi_gg_._type_number_58kzi_gg_{-moz-appearance:textfield}.___SUnderline_58kzi_gg_{display:flex;flex-direction:row;align-items:center;flex-grow:1;width:100%;height:100%;min-height:1em;border:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SAddon_58kzi_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;height:100%;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);padding:0 var(--intergalactic-spacing-1x, 4px)}.___SAddon_58kzi_gg_.__disabled_58kzi_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_58kzi_gg_.__focused_58kzi_gg_{z-index:1}.___SInlineInput_58kzi_gg_.__focused_58kzi_gg_ .___SUnderline_58kzi_gg_{border-bottom-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInlineInput_58kzi_gg_._state_valid_58kzi_gg_ .___SUnderline_58kzi_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_58kzi_gg_._state_valid_58kzi_gg_.__focused_58kzi_gg_ .___SUnderline_58kzi_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65);box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInlineInput_58kzi_gg_._state_invalid_58kzi_gg_ .___SUnderline_58kzi_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_58kzi_gg_._state_invalid_58kzi_gg_.__focused_58kzi_gg_ .___SUnderline_58kzi_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SValue_58kzi_gg_:focus~.___SControls_58kzi_gg_{display:flex}.___SInvalidPattern_58kzi_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}",
+    /*__inner_css_end__*/
+    "58kzi_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SInlineInput": "___SInlineInput_58kzi_gg_",
+    "_disabled": "__disabled_58kzi_gg_",
+    "__SUnderline": "___SUnderline_58kzi_gg_",
+    "__SAddon": "___SAddon_58kzi_gg_",
+    "_focused": "__focused_58kzi_gg_",
+    "_state_valid": "_state_valid_58kzi_gg_",
+    "_state_invalid": "_state_invalid_58kzi_gg_",
+    "__SValue": "___SValue_58kzi_gg_",
+    "__SControls": "___SControls_58kzi_gg_",
+    "__SInvalidPattern": "___SInvalidPattern_58kzi_gg_",
+    "__SConfirmIcon": "___SConfirmIcon_58kzi_gg_",
+    "__SCancelIcon": "___SCancelIcon_58kzi_gg_",
+    "_type_number": "_type_number_58kzi_gg_"
   })
-), O = function(n) {
-  var l = n.x, e = n.y, t = n.rect;
-  return l >= t.x && l <= t.x + t.width && e >= t.y && e <= t.y + t.height;
-}, x = /* @__PURE__ */ function(p) {
-  E(l, p);
-  var n = $(l);
-  function l() {
-    var e;
-    R(this, l);
-    for (var t = arguments.length, u = new Array(t), g = 0; g < t; g++)
-      u[g] = arguments[g];
-    return e = n.call.apply(n, [this].concat(u)), s(f(e), "state", {
-      focused: !1
-    }), s(f(e), "rootRef", /* @__PURE__ */ _.createRef()), s(f(e), "inputRef", /* @__PURE__ */ _.createRef()), s(f(e), "inputHandlersRef", /* @__PURE__ */ _.createRef()), s(f(e), "initValue", ""), s(f(e), "lastMouseDownPosition", null), s(f(e), "lastHandledKeyboardEvent", -1), s(f(e), "handleDocumentMouseDown", function(r) {
-      e.lastMouseDownPosition = {
-        x: r.clientX,
-        y: r.clientY
-      }, e.lastHandledKeyboardEvent = -1;
-    }), s(f(e), "handleDocumentKeyDown", function() {
-      e.lastMouseDownPosition = null;
-    }), s(f(e), "increment", function(r) {
-      var i, o, a, d, c;
-      ((i = e.inputRef.current) === null || i === void 0 ? void 0 : i.value) === "" && (e.inputRef.current.value = e.inputRef.current.min || "0"), (o = e.inputRef.current) === null || o === void 0 || (a = o.stepUp) === null || a === void 0 || a.call(o, r), (d = e.inputHandlersRef.current) === null || d === void 0 || d.value((c = e.inputRef.current) === null || c === void 0 ? void 0 : c.value, r);
-    }), s(f(e), "decrement", function(r) {
-      var i, o, a, d, c;
-      ((i = e.inputRef.current) === null || i === void 0 ? void 0 : i.value) === "" && (e.inputRef.current.value = e.inputRef.current.max || "0"), (o = e.inputRef.current) === null || o === void 0 || (a = o.stepDown) === null || a === void 0 || a.call(o, r), (d = e.inputHandlersRef.current) === null || d === void 0 || d.value((c = e.inputRef.current) === null || c === void 0 ? void 0 : c.value, r);
-    }), s(f(e), "bindHandlerValueFocused", function(r) {
+);
+var pointInsideOfRect = function pointInsideOfRect2(_ref17) {
+  var x = _ref17.x, y = _ref17.y, rect = _ref17.rect;
+  return x >= rect.x && x <= rect.x + rect.width && y >= rect.y && y <= rect.y + rect.height;
+};
+var InlineInputBase = /* @__PURE__ */ function(_Component) {
+  _inherits(InlineInputBase2, _Component);
+  var _super = _createSuper(InlineInputBase2);
+  function InlineInputBase2() {
+    var _this;
+    _classCallCheck(this, InlineInputBase2);
+    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), "state", {
+      focused: false
+    });
+    _defineProperty(_assertThisInitialized(_this), "rootRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "inputRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "inputHandlersRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "initValue", "");
+    _defineProperty(_assertThisInitialized(_this), "lastMouseDownPosition", null);
+    _defineProperty(_assertThisInitialized(_this), "lastHandledKeyboardEvent", -1);
+    _defineProperty(_assertThisInitialized(_this), "handleDocumentMouseDown", function(event) {
+      _this.lastMouseDownPosition = {
+        x: event.clientX,
+        y: event.clientY
+      };
+      _this.lastHandledKeyboardEvent = -1;
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleDocumentKeyDown", function() {
+      _this.lastMouseDownPosition = null;
+    });
+    _defineProperty(_assertThisInitialized(_this), "increment", function(event) {
+      var _this$inputRef$curren, _this$inputRef$curren2, _this$inputRef$curren3, _this$inputHandlersRe, _this$inputRef$curren4;
+      if (((_this$inputRef$curren = _this.inputRef.current) === null || _this$inputRef$curren === void 0 ? void 0 : _this$inputRef$curren.value) === "") _this.inputRef.current.value = _this.inputRef.current.min || "0";
+      (_this$inputRef$curren2 = _this.inputRef.current) === null || _this$inputRef$curren2 === void 0 ? void 0 : (_this$inputRef$curren3 = _this$inputRef$curren2.stepUp) === null || _this$inputRef$curren3 === void 0 ? void 0 : _this$inputRef$curren3.call(_this$inputRef$curren2, event);
+      (_this$inputHandlersRe = _this.inputHandlersRef.current) === null || _this$inputHandlersRe === void 0 ? void 0 : _this$inputHandlersRe.value((_this$inputRef$curren4 = _this.inputRef.current) === null || _this$inputRef$curren4 === void 0 ? void 0 : _this$inputRef$curren4.value, event);
+    });
+    _defineProperty(_assertThisInitialized(_this), "decrement", function(event) {
+      var _this$inputRef$curren5, _this$inputRef$curren6, _this$inputRef$curren7, _this$inputHandlersRe2, _this$inputRef$curren8;
+      if (((_this$inputRef$curren5 = _this.inputRef.current) === null || _this$inputRef$curren5 === void 0 ? void 0 : _this$inputRef$curren5.value) === "") _this.inputRef.current.value = _this.inputRef.current.max || "0";
+      (_this$inputRef$curren6 = _this.inputRef.current) === null || _this$inputRef$curren6 === void 0 ? void 0 : (_this$inputRef$curren7 = _this$inputRef$curren6.stepDown) === null || _this$inputRef$curren7 === void 0 ? void 0 : _this$inputRef$curren7.call(_this$inputRef$curren6, event);
+      (_this$inputHandlersRe2 = _this.inputHandlersRef.current) === null || _this$inputHandlersRe2 === void 0 ? void 0 : _this$inputHandlersRe2.value((_this$inputRef$curren8 = _this.inputRef.current) === null || _this$inputRef$curren8 === void 0 ? void 0 : _this$inputRef$curren8.value, event);
+    });
+    _defineProperty(_assertThisInitialized(_this), "bindHandlerValueFocused", function(focused) {
       return function() {
-        e.setState({
-          focused: r
+        _this.setState({
+          focused
         });
       };
-    }), s(f(e), "handleMouseDownAddon", function(r) {
-      var i;
-      r.preventDefault(), (i = e.inputRef.current) === null || i === void 0 || i.focus();
-    }), s(f(e), "handleConfirm", function(r, i) {
-      var o, a;
-      (o = (a = e.asProps).onConfirm) === null || o === void 0 || o.call(a, r, i);
-    }), s(f(e), "handleCancel", function(r, i) {
-      var o, a;
-      (o = (a = e.asProps).onCancel) === null || o === void 0 || o.call(a, r, i);
-    }), s(f(e), "handleBlur", function(r) {
-      var i, o, a = e.asProps, d = a.onConfirm, c = a.onCancel, y = a.onBlurBehavior;
-      if (y && !(Date.now() - e.lastHandledKeyboardEvent < 250) && !L(r.relatedTarget, e.rootRef.current)) {
-        if (e.lastMouseDownPosition && e.rootRef.current) {
-          var S = e.lastMouseDownPosition, v = S.x, h = S.y, z = e.rootRef.current.getBoundingClientRect();
-          if (O({
-            x: v,
-            y: h,
-            rect: z
-          }))
-            return;
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleMouseDownAddon", function(event) {
+      var _this$inputRef$curren9;
+      event.preventDefault();
+      (_this$inputRef$curren9 = _this.inputRef.current) === null || _this$inputRef$curren9 === void 0 ? void 0 : _this$inputRef$curren9.focus();
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleConfirm", function(text, event) {
+      var _this$asProps$onConfi, _this$asProps;
+      (_this$asProps$onConfi = (_this$asProps = _this.asProps).onConfirm) === null || _this$asProps$onConfi === void 0 ? void 0 : _this$asProps$onConfi.call(_this$asProps, text, event);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleCancel", function(prevText, event) {
+      var _this$asProps$onCance, _this$asProps2;
+      (_this$asProps$onCance = (_this$asProps2 = _this.asProps).onCancel) === null || _this$asProps$onCance === void 0 ? void 0 : _this$asProps$onCance.call(_this$asProps2, prevText, event);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleBlur", function(event) {
+      var _this$inputRef$curren10, _this$inputRef$curren11;
+      var _this$asProps3 = _this.asProps, onConfirm = _this$asProps3.onConfirm, onCancel = _this$asProps3.onCancel, onBlurBehavior = _this$asProps3.onBlurBehavior;
+      if (!onBlurBehavior) return;
+      if (Date.now() - _this.lastHandledKeyboardEvent < 250) return;
+      if (hasParent(event.relatedTarget, _this.rootRef.current)) return;
+      if (_this.lastMouseDownPosition && _this.rootRef.current) {
+        var _this$lastMouseDownPo = _this.lastMouseDownPosition, x = _this$lastMouseDownPo.x, y = _this$lastMouseDownPo.y;
+        var rect = _this.rootRef.current.getBoundingClientRect();
+        if (pointInsideOfRect({
+          x,
+          y,
+          rect
+        })) {
+          return;
         }
-        y === "confirm" && (d == null || d((i = (o = e.inputRef.current) === null || o === void 0 ? void 0 : o.value) !== null && i !== void 0 ? i : "", r)), y === "cancel" && (c == null || c(e.initValue, r));
       }
-    }), s(f(e), "handleKeyDown", function(r) {
-      var i = e.asProps, o = i.onConfirm, a = i.onCancel;
-      if (r.key === "Enter") {
-        var d, c;
-        o == null || o((d = (c = e.inputRef.current) === null || c === void 0 ? void 0 : c.value) !== null && d !== void 0 ? d : "", r), e.lastHandledKeyboardEvent = Date.now();
+      if (onBlurBehavior === "confirm") onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm((_this$inputRef$curren10 = (_this$inputRef$curren11 = _this.inputRef.current) === null || _this$inputRef$curren11 === void 0 ? void 0 : _this$inputRef$curren11.value) !== null && _this$inputRef$curren10 !== void 0 ? _this$inputRef$curren10 : "", event);
+      if (onBlurBehavior === "cancel") onCancel === null || onCancel === void 0 ? void 0 : onCancel(_this.initValue, event);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function(event) {
+      var _this$asProps4 = _this.asProps, onConfirm = _this$asProps4.onConfirm, onCancel = _this$asProps4.onCancel;
+      if (event.key === "Enter") {
+        var _this$inputRef$curren12, _this$inputRef$curren13;
+        onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm((_this$inputRef$curren12 = (_this$inputRef$curren13 = _this.inputRef.current) === null || _this$inputRef$curren13 === void 0 ? void 0 : _this$inputRef$curren13.value) !== null && _this$inputRef$curren12 !== void 0 ? _this$inputRef$curren12 : "", event);
+        _this.lastHandledKeyboardEvent = Date.now();
       }
-      r.key === "Escape" && (a == null || a(e.initValue, r), e.lastHandledKeyboardEvent = Date.now());
-    }), e;
+      if (event.key === "Escape") {
+        onCancel === null || onCancel === void 0 ? void 0 : onCancel(_this.initValue, event);
+        _this.lastHandledKeyboardEvent = Date.now();
+      }
+    });
+    return _this;
   }
-  return k(l, [{
+  _createClass(InlineInputBase2, [{
     key: "componentDidMount",
-    value: function() {
-      this.asProps.onBlurBehavior && (document.body.addEventListener("mousedown", this.handleDocumentMouseDown), document.body.addEventListener("keydown", this.handleDocumentKeyDown));
+    value: function componentDidMount() {
+      if (!this.asProps.onBlurBehavior) return;
+      document.body.addEventListener("mousedown", this.handleDocumentMouseDown);
+      document.body.addEventListener("keydown", this.handleDocumentKeyDown);
     }
   }, {
     key: "componentWillUnmount",
-    value: function() {
-      this.asProps.onBlurBehavior && (document.body.removeEventListener("mousedown", this.handleDocumentMouseDown), document.body.removeEventListener("keydown", this.handleDocumentKeyDown));
+    value: function componentWillUnmount() {
+      if (!this.asProps.onBlurBehavior) return;
+      document.body.removeEventListener("mousedown", this.handleDocumentMouseDown);
+      document.body.removeEventListener("keydown", this.handleDocumentKeyDown);
     }
   }, {
     key: "getAddonProps",
-    value: function() {
+    value: function getAddonProps() {
       return {
         onMouseDown: this.handleMouseDownAddon
       };
     }
   }, {
     key: "getConfirmControlProps",
-    value: function() {
-      var t, u = this.asProps, g = u.loading, r = u.getI18nText;
+    value: function getConfirmControlProps() {
+      var _this$inputRef$curren14;
+      var _this$asProps5 = this.asProps, loading = _this$asProps5.loading, getI18nText = _this$asProps5.getI18nText;
       return {
-        value: (t = this.inputRef.current) === null || t === void 0 ? void 0 : t.value,
-        loading: g,
+        value: (_this$inputRef$curren14 = this.inputRef.current) === null || _this$inputRef$curren14 === void 0 ? void 0 : _this$inputRef$curren14.value,
+        loading,
         onConfirm: this.handleConfirm,
-        getI18nText: r
+        getI18nText
       };
     }
   }, {
     key: "getCancelControlProps",
-    value: function() {
-      var t = this.asProps, u = t.loading, g = t.disabled, r = t.getI18nText;
+    value: function getCancelControlProps() {
+      var _this$asProps6 = this.asProps, loading = _this$asProps6.loading, disabled = _this$asProps6.disabled, getI18nText = _this$asProps6.getI18nText;
       return {
         value: this.initValue,
         // because double disabled(root disabled and addon disabled)
-        disabled: u && !g,
+        disabled: loading && !disabled,
         onCancel: this.handleCancel,
-        getI18nText: r
+        getI18nText
       };
     }
   }, {
     key: "getValueProps",
-    value: function() {
-      var t = this.asProps.state;
+    value: function getValueProps() {
+      var state = this.asProps.state;
       return {
         ref: this.inputRef,
-        state: t,
+        state,
         onKeyDown: this.handleKeyDown,
-        onFocus: this.bindHandlerValueFocused(!0),
-        onBlur: this.bindHandlerValueFocused(!1)
+        onFocus: this.bindHandlerValueFocused(true),
+        onBlur: this.bindHandlerValueFocused(false)
       };
     }
   }, {
     key: "getNumberValueProps",
-    value: function() {
-      var t = new Intl.NumberFormat(this.asProps.locale, {
+    value: function getNumberValueProps() {
+      var numberFormatter = new Intl.NumberFormat(this.asProps.locale, {
         style: "decimal"
       });
       return {
-        numberFormatter: t,
+        numberFormatter,
         inputRef: this.inputRef,
         inputHandlerRefs: this.inputHandlersRef,
         increment: this.increment,
         decrement: this.decrement,
-        onFocus: this.bindHandlerValueFocused(!0),
-        onBlur: this.bindHandlerValueFocused(!1)
+        onFocus: this.bindHandlerValueFocused(true),
+        onBlur: this.bindHandlerValueFocused(false)
       };
     }
   }, {
     key: "getNumberControlsProps",
-    value: function() {
-      var t = this.asProps.getI18nText;
+    value: function getNumberControlsProps() {
+      var getI18nText = this.asProps.getI18nText;
       return {
         increment: this.increment,
         decrement: this.decrement,
-        getI18nText: t
+        getI18nText
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var t = this.asProps, u, g = I, r = "div", i = K, o = this.asProps, a = o.Children, d = o.styles, c = o.state, y = this.state.focused;
-      return u = m(d), /* @__PURE__ */ _.createElement(g, u.cn("SInlineInput", b({}, C({
-        ref: this.rootRef,
-        focused: y,
-        onBlur: this.handleBlur
-      }, t))), /* @__PURE__ */ _.createElement(r, u.cn("SUnderline", {}), c === "invalid" && /* @__PURE__ */ _.createElement(i, u.cn("SInvalidPattern", {})), /* @__PURE__ */ _.createElement(a, u.cn("Children", {}))));
+    value: function render() {
+      var _ref = this.asProps, _ref8;
+      var SInlineInput = Box;
+      var SUnderline = "div";
+      var SInvalidPattern = InvalidStateBox;
+      var _this$asProps7 = this.asProps, Children = _this$asProps7.Children, styles = _this$asProps7.styles, state = _this$asProps7.state;
+      var focused = this.state.focused;
+      return _ref8 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SInlineInput, _ref8.cn("SInlineInput", _objectSpread({}, assignProps({
+        "ref": this.rootRef,
+        "focused": focused,
+        "onBlur": this.handleBlur
+      }, _ref))), /* @__PURE__ */ React.createElement(SUnderline, _ref8.cn("SUnderline", {}), state === "invalid" && /* @__PURE__ */ React.createElement(SInvalidPattern, _ref8.cn("SInvalidPattern", {})), /* @__PURE__ */ React.createElement(Children, _ref8.cn("Children", {}))));
     }
-  }]), l;
-}(V);
-s(x, "displayName", "InlineInput");
-s(x, "enhance", [T(B)]);
-s(x, "defaultProps", {
+  }]);
+  return InlineInputBase2;
+}(Component);
+_defineProperty(InlineInputBase, "displayName", "InlineInput");
+_defineProperty(InlineInputBase, "enhance", [i18nEnhance(localizedMessages)]);
+_defineProperty(InlineInputBase, "defaultProps", {
   state: "normal",
   onBlurBehavior: "confirm",
-  i18n: B,
+  i18n: localizedMessages,
   locale: "en"
 });
-s(x, "style", j);
-var P = /* @__PURE__ */ function(p) {
-  E(l, p);
-  var n = $(l);
-  function l() {
-    return R(this, l), n.apply(this, arguments);
+_defineProperty(InlineInputBase, "style", style);
+var Value = /* @__PURE__ */ function(_Component2) {
+  _inherits(Value2, _Component2);
+  var _super2 = _createSuper(Value2);
+  function Value2() {
+    _classCallCheck(this, Value2);
+    return _super2.apply(this, arguments);
   }
-  return k(l, [{
+  _createClass(Value2, [{
     key: "uncontrolledProps",
-    value: function() {
+    value: function uncontrolledProps() {
       return {
-        value: function(u) {
-          return u.target.value;
+        value: function value(event) {
+          return event.target.value;
         }
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var t = this.asProps, u, g = I;
-      return u = m(this.asProps.styles), /* @__PURE__ */ _.createElement(g, u.cn("SValue", b({}, C({
-        tag: "input",
-        type: "text"
-      }, t))));
+    value: function render() {
+      var _ref2 = this.asProps, _ref9;
+      var SValue = Box;
+      return _ref9 = sstyled$1(this.asProps.styles), /* @__PURE__ */ React.createElement(SValue, _ref9.cn("SValue", _objectSpread({}, assignProps({
+        "tag": "input",
+        "type": "text"
+      }, _ref2))));
     }
-  }]), l;
-}(V);
-s(P, "defaultProps", {
+  }]);
+  return Value2;
+}(Component);
+_defineProperty(Value, "defaultProps", {
   defaultValue: ""
 });
-s(P, "enhance", [N()]);
-s(P, "hoistProps", ["disabled"]);
-var W = function(n) {
-  var l = arguments[0], e, t = I;
-  return e = m(n.styles), /* @__PURE__ */ _.createElement(t, e.cn("SAddon", b({}, C({}, l))));
-}, X = function(n) {
-  var l = arguments[0], e, t, u, g = I, r = n.Children, i = n.children, o = (t = n.title) !== null && t !== void 0 ? t : n.getI18nText("confirm"), a = _.useCallback(function(v) {
-    var h, z;
-    (h = n.onConfirm) === null || h === void 0 || h.call(n, (z = n.value) !== null && z !== void 0 ? z : "", v);
-  }, [n.onConfirm, n.value]), d = _.useCallback(function(v) {
-    (v.key === "Enter" || v.key === " ") && (v.preventDefault(), v.stopPropagation(), a(v));
-  }, [a]);
-  if (n.loading) {
-    var c;
-    return c = m(n.styles), /* @__PURE__ */ _.createElement(g, c.cn("SAddon", b({}, C({}, l))), i ? /* @__PURE__ */ _.createElement(r, c.cn("Children", {})) : /* @__PURE__ */ _.createElement(F, c.cn("Spin", {
-      size: "xs"
+_defineProperty(Value, "enhance", [autoFocusEnhance()]);
+_defineProperty(Value, "hoistProps", ["disabled"]);
+var Addon = function Addon2(props) {
+  var _ref3 = arguments[0], _ref10;
+  var SAddon = Box;
+  return _ref10 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref10.cn("SAddon", _objectSpread({}, assignProps({}, _ref3))));
+};
+var ConfirmControl = function ConfirmControl2(props) {
+  var _ref4 = arguments[0], _ref12, _props$title, _ref18;
+  var SAddon = Box;
+  var Children = props.Children, hasChildren = props.children;
+  var title = (_props$title = props.title) !== null && _props$title !== void 0 ? _props$title : props.getI18nText("confirm");
+  var handleConfirm = React.useCallback(function(event) {
+    var _props$onConfirm, _props$value;
+    (_props$onConfirm = props.onConfirm) === null || _props$onConfirm === void 0 ? void 0 : _props$onConfirm.call(props, (_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : "", event);
+  }, [props.onConfirm, props.value]);
+  var handleKeydown = React.useCallback(function(event) {
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      event.stopPropagation();
+      handleConfirm(event);
+    }
+  }, [handleConfirm]);
+  if (props.loading) {
+    var _ref11;
+    return _ref11 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref11.cn("SAddon", _objectSpread({}, assignProps({}, _ref4))), hasChildren ? /* @__PURE__ */ React.createElement(Children, _ref11.cn("Children", {})) : /* @__PURE__ */ React.createElement(Spin, _ref11.cn("Spin", {
+      "size": "xs"
     })));
   }
-  var y = m(n.styles), S = y.cn("SConfirmIcon", {});
-  return e = m(n.styles), /* @__PURE__ */ _.createElement(g, e.cn("SAddon", b({}, C({
-    onKeyDown: d
-  }, l))), i ? /* @__PURE__ */ _.createElement(r, e.cn("Children", {})) : /* @__PURE__ */ _.createElement(D, e.cn("ButtonLink", {
-    addonLeft: (u = n.icon) !== null && u !== void 0 ? u : U,
-    use: "secondary",
-    onClick: a,
-    className: S.className,
-    style: S.style,
-    "aria-label": o
+  var sstyles = sstyled$1(props.styles);
+  var sConfirmIconStyles = sstyles.cn("SConfirmIcon", {});
+  return _ref12 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref12.cn("SAddon", _objectSpread({}, assignProps({
+    "onKeyDown": handleKeydown
+  }, _ref4))), hasChildren ? /* @__PURE__ */ React.createElement(Children, _ref12.cn("Children", {})) : /* @__PURE__ */ React.createElement(ButtonLink, _ref12.cn("ButtonLink", {
+    "addonLeft": (_ref18 = props.icon) !== null && _ref18 !== void 0 ? _ref18 : CheckM,
+    "use": "secondary",
+    "onClick": handleConfirm,
+    "className": sConfirmIconStyles.className,
+    "style": sConfirmIconStyles.style,
+    "aria-label": title
   })));
-}, Y = function(n) {
-  var l = arguments[0], e, t, u, g = I, r = n.Children, i = n.children, o = (t = n.title) !== null && t !== void 0 ? t : n.getI18nText("discard"), a = _.useCallback(function(v) {
-    var h, z;
-    (h = n.onCancel) === null || h === void 0 || h.call(n, (z = n.value) !== null && z !== void 0 ? z : "", v);
-  }, [n.onCancel, n.value]), d = _.useCallback(function(v) {
-    (v.key === "Enter" || v.key === " ") && (v.preventDefault(), v.stopPropagation(), a(v));
-  }, [a]);
-  if (n.disabled) {
-    var c;
-    return c = m(n.styles), /* @__PURE__ */ _.createElement(g, c.cn("SAddon", b({}, C({}, l))), i ? /* @__PURE__ */ _.createElement(r, c.cn("Children", {})) : /* @__PURE__ */ _.createElement(w, c.cn("CloseM", {})));
+};
+var CancelControl = function CancelControl2(props) {
+  var _ref5 = arguments[0], _ref14, _props$title2, _ref19;
+  var SAddon = Box;
+  var Children = props.Children, hasChildren = props.children;
+  var title = (_props$title2 = props.title) !== null && _props$title2 !== void 0 ? _props$title2 : props.getI18nText("discard");
+  var handleCancel = React.useCallback(function(event) {
+    var _props$onCancel, _props$value2;
+    (_props$onCancel = props.onCancel) === null || _props$onCancel === void 0 ? void 0 : _props$onCancel.call(props, (_props$value2 = props.value) !== null && _props$value2 !== void 0 ? _props$value2 : "", event);
+  }, [props.onCancel, props.value]);
+  var handleKeydown = React.useCallback(function(event) {
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      event.stopPropagation();
+      handleCancel(event);
+    }
+  }, [handleCancel]);
+  if (props.disabled) {
+    var _ref13;
+    return _ref13 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref13.cn("SAddon", _objectSpread({}, assignProps({}, _ref5))), hasChildren ? /* @__PURE__ */ React.createElement(Children, _ref13.cn("Children", {})) : /* @__PURE__ */ React.createElement(CloseM, _ref13.cn("CloseM", {})));
   }
-  var y = m(n.styles), S = y.cn("SCancelIcon", {});
-  return e = m(n.styles), /* @__PURE__ */ _.createElement(g, e.cn("SAddon", b({}, C({
-    onKeyDown: d
-  }, l))), i ? /* @__PURE__ */ _.createElement(r, e.cn("Children", {})) : /* @__PURE__ */ _.createElement(D, e.cn("ButtonLink", {
-    use: "secondary",
-    addonLeft: (u = n.icon) !== null && u !== void 0 ? u : w,
-    onClick: a,
-    className: S.className,
-    style: S.style,
-    "aria-label": o
+  var sstyles = sstyled$1(props.styles);
+  var sCancelIconStyles = sstyles.cn("SCancelIcon", {});
+  return _ref14 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref14.cn("SAddon", _objectSpread({}, assignProps({
+    "onKeyDown": handleKeydown
+  }, _ref5))), hasChildren ? /* @__PURE__ */ React.createElement(Children, _ref14.cn("Children", {})) : /* @__PURE__ */ React.createElement(ButtonLink, _ref14.cn("ButtonLink", {
+    "use": "secondary",
+    "addonLeft": (_ref19 = props.icon) !== null && _ref19 !== void 0 ? _ref19 : CloseM,
+    "onClick": handleCancel,
+    "className": sCancelIconStyles.className,
+    "style": sCancelIconStyles.style,
+    "aria-label": title
   })));
-}, q = function(n) {
-  var l = arguments[0], e, t = A.Value;
-  return e = m(n.styles), /* @__PURE__ */ _.createElement(t, e.cn("SValue", b({}, C({}, l))));
 };
-function G(p) {
-  var n = arguments[0], l, e = A.Controls;
-  return l = m(p.styles), /* @__PURE__ */ _.createElement(e, l.cn("SControls", b({}, C({
-    tag: J.Addon
-  }, n))));
+var NumberValue = function NumberValue2(props) {
+  var _ref6 = arguments[0], _ref15;
+  var SValue = InputNumber.Value;
+  return _ref15 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SValue, _ref15.cn("SValue", _objectSpread({}, assignProps({}, _ref6))));
+};
+function NumberControls(props) {
+  var _ref7 = arguments[0], _ref16;
+  var SControls = InputNumber.Controls;
+  return _ref16 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SControls, _ref16.cn("SControls", _objectSpread({}, assignProps({
+    "tag": InlineInput.Addon
+  }, _ref7))));
 }
-var J = M(x, {
-  Addon: W,
-  Value: P,
-  ConfirmControl: X,
-  CancelControl: Y,
-  NumberValue: q,
-  NumberControls: G
+var InlineInput = createComponent(InlineInputBase, {
+  Addon,
+  Value,
+  ConfirmControl,
+  CancelControl,
+  NumberValue,
+  NumberControls
 });
 export {
-  J as default
+  InlineInput as default
 };