intergalactic 15.126.0-prerelease.9 → 15.126.0

package/input-mask/lib/esm/InputMask.mjs

@@ -0,0 +1,257 @@
+import B from "@babel/runtime/helpers/esm/slicedToArray";
+import U from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import Z from "@babel/runtime/helpers/esm/typeof";
+import k from "@babel/runtime/helpers/esm/objectSpread2";
+import d from "@babel/runtime/helpers/esm/assertThisInitialized";
+import $ from "@babel/runtime/helpers/esm/classCallCheck";
+import F from "@babel/runtime/helpers/esm/createClass";
+import H from "@babel/runtime/helpers/esm/inherits";
+import L from "@babel/runtime/helpers/esm/createSuper";
+import l from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as G } from 'intergalactic/utils/lib/core/index';
+import J, { assignProps as N, Component as j, sstyled as K } from 'intergalactic/core';
+import u from "react";
+import { createTextMaskInputElement as Q } from "text-mask-core";
+import I from 'intergalactic/input';
+import X from 'intergalactic/utils/lib/fire';
+import Y from 'intergalactic/utils/lib/logger';
+import ee from 'intergalactic/neighbor-location';
+import te, { inputProps as re } from 'intergalactic/utils/lib/inputProps';
+import { ScreenReaderOnly as ae, Flex as ne, Box as oe } from 'intergalactic/flex-box';
+import { forkRef as se } from 'intergalactic/utils/lib/ref';
+import ie from 'intergalactic/utils/lib/uniqueID';
+var le = ["title", "placeholder", "mask", "neighborLocation", "value", "includeInputProps", "Children", "forwardRef", "uid", "inputW", "inputRole"], ue = (
+  /*__reshadow_css_start__*/
+  (G.insert(
+    /*__inner_css_start__*/
+    ".___SMask_bgwcr_gg_,.___SValue_bgwcr_gg_{letter-spacing:.1em;text-overflow:inherit}.___SMask_bgwcr_gg_{line-height:1.25;position:absolute;left:.8em;pointer-events:none;white-space:nowrap;color:var(--intergalactic-text-primary, #191b23)}.___SMask_bgwcr_gg_[data-neighbor-location=both],.___SMask_bgwcr_gg_[data-neighbor-location=left]{left:0}.___SMaskHidden_bgwcr_gg_{opacity:0}.___SMaskHidden_bgwcr_gg_:before,.___SMaskVisible_bgwcr_gg_::before,.___SPlaceholder_bgwcr_gg_:before{content:attr(data-content)}.___SPlaceholder_bgwcr_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}",
+    "bgwcr_gg_"
+  ), {
+    __SValue: "___SValue_bgwcr_gg_",
+    __SMask: "___SMask_bgwcr_gg_",
+    __SMaskHidden: "___SMaskHidden_bgwcr_gg_",
+    __SPlaceholder: "___SPlaceholder_bgwcr_gg_",
+    __SMaskVisible: "___SMaskVisible_bgwcr_gg_"
+  })
+);
+function D(h) {
+  for (var P = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "", c = h.length, e = function(a, r) {
+    return r !== void 0 ? r !== a : /\w|\+|\(/.test(a);
+  }, n = 0, t = c - 1; t >= 0; t--)
+    if (h[t] !== "_" && e(h[t], P[t])) {
+      n = t + 1;
+      break;
+    }
+  return n;
+}
+var E = /* @__PURE__ */ function(h) {
+  H(c, h);
+  var P = L(c);
+  function c() {
+    return $(this, c), P.apply(this, arguments);
+  }
+  return F(c, [{
+    key: "render",
+    value: function() {
+      var n = this.asProps;
+      return /* @__PURE__ */ u.createElement(I, N({
+        ref: I
+      }, n));
+    }
+  }]), c;
+}(j);
+l(E, "displayName", "InputMask");
+l(E, "style", ue);
+var A = /* @__PURE__ */ function(h) {
+  H(c, h);
+  var P = L(c);
+  function c() {
+    var e;
+    $(this, c);
+    for (var n = arguments.length, t = new Array(n), o = 0; o < n; o++)
+      t[o] = arguments[o];
+    return e = P.call.apply(P, [this].concat(t)), l(d(e), "inputRef", /* @__PURE__ */ u.createRef()), l(d(e), "maskRef", /* @__PURE__ */ u.createRef()), l(d(e), "textMaskCoreInstance", void 0), l(d(e), "usedMask", void 0), l(d(e), "prevConfirmedValue", void 0), l(d(e), "state", {
+      lastConformed: void 0,
+      maskWidth: void 0
+    }), l(d(e), "initTextMaskCore", function() {
+      var a = e.asProps, r = a.mask, p = a.value, f = a.hideMask, M = a.pipe;
+      if (r !== void 0) {
+        e.usedMask = r, e.setState({
+          lastConformed: void 0
+        });
+        var s = !1;
+        e.textMaskCoreInstance = Q(k(k({}, e.asProps), {}, {
+          inputElement: e.inputRef.current,
+          mask: e.maskStrToRegexArray(r),
+          guide: !f,
+          showMask: !f,
+          placeholderChar: "_",
+          pipe: function(i, W) {
+            var b = i, _ = null;
+            if (M) {
+              var v = M(i, W);
+              Z(v) === "object" && v ? (i = v.value, _ = v.indexesOfPipedChars) : i = v;
+            }
+            for (var C = 0, g = 0; g < ((R = i) === null || R === void 0 ? void 0 : R.length); g++) {
+              var R;
+              !e.asProps.maskOnlySymbols[i[g]] && /\w/.test(i[g]) && (C = g + 1);
+            }
+            if (i === !1)
+              return s ? (e.setState({
+                lastConformed: e.prevConfirmedValue
+              }), _ !== null ? {
+                value: i,
+                indexesOfPipedChars: _
+              } : i) : (e.setState({
+                lastConformed: b
+              }), _ !== null ? {
+                value: b,
+                indexesOfPipedChars: _
+              } : b);
+            s = !0;
+            var S = i.substring(0, C), x = i.substring(C), y = S ? {
+              all: i,
+              userInput: S,
+              maskOnly: x
+            } : void 0;
+            return e.prevConfirmedValue = y, e.setState({
+              lastConformed: y
+            }), _ !== null ? {
+              value: S,
+              indexesOfPipedChars: _
+            } : S;
+          }
+        })), e.textMaskCoreInstance.update(p);
+        var w = e.textMaskCoreInstance, V = w.state.previousConformedValue;
+        e.handlers.value(V);
+      }
+    }), l(d(e), "onFocus", function() {
+      setTimeout(function() {
+        e.setSelectionRange();
+      }, 0);
+    }), l(d(e), "setSelectionRange", function() {
+      if (e.inputRef.current) {
+        var a = e.inputRef.current.value, r = D(a);
+        e.inputRef.current.setSelectionRange(r, r);
+      }
+    }), l(d(e), "maskStrToRegexArray", function(a) {
+      if (typeof a != "string") return a;
+      var r = e.asProps.aliases;
+      return a.split("").map(function(p) {
+        return (r == null ? void 0 : r[p]) || p;
+      });
+    }), l(d(e), "handleMouseDownPlaceholder", function(a) {
+      var r;
+      a.preventDefault(), (r = e.inputRef.current) === null || r === void 0 || r.focus();
+    }), e;
+  }
+  return F(c, [{
+    key: "componentDidMount",
+    value: function() {
+      this.initTextMaskCore(), this.setState({
+        maskWidth: this.maskRef.current ? this.maskRef.current.offsetWidth : void 0
+      });
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function(n) {
+      var t = this, o = ["mask", "hideMask", "pipe", "keepCharPositions"], a = o.some(function(r) {
+        return t.asProps[r] !== n[r];
+      });
+      a && this.initTextMaskCore(), n.value !== this.props.value && this.textMaskCoreInstance.update(this.props.value), (a || n.value !== this.props.value) && this.setState(function(r) {
+        var p, f = (p = t.maskRef.current) === null || p === void 0 ? void 0 : p.offsetWidth;
+        return f !== r.maskWidth ? {
+          maskWidth: f
+        } : r;
+      });
+    }
+  }, {
+    key: "uncontrolledProps",
+    value: function() {
+      var n = this;
+      return {
+        value: [function(t) {
+          var o = n.textMaskCoreInstance, a = n.asProps.placeholder;
+          if (!o)
+            return t;
+          o.update(t);
+          var r = o.state, p = r.previousConformedValue, f = r.previousPlaceholder, M = D(p, f);
+          return M === 0 && a ? "" : p;
+        }, function(t) {
+          var o = n.textMaskCoreInstance;
+          if (o) {
+            var a = o.state.previousPlaceholder;
+            t.length === a.length && t.indexOf("_") === -1 && X(n, "onSuccess", t);
+          }
+        }]
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var n = this.asProps, t = this, o = ne, a = I.Value, r = oe, p = "span", f = "span", M = "span", s = this.asProps, w = s.title, V = s.placeholder;
+      s.mask;
+      var O = s.neighborLocation, i = s.value, W = s.includeInputProps, b = s.Children, _ = s.forwardRef, v = s.uid, C = s.inputW, g = s.inputRole, R = U(s, le);
+      Y.warn(!w, "title is required for describing mask format", this.asProps["data-ui-name"] || E.displayName);
+      var S = te(R, W, !0), x = B(S, 2), y = x[0], z = x[1], q = se(this.inputRef, _);
+      return /* @__PURE__ */ u.createElement(ee.Detect, {
+        neighborLocation: O
+      }, function(T) {
+        var m;
+        return m = K(t.asProps.styles), /* @__PURE__ */ u.createElement(u.Fragment, null, /* @__PURE__ */ u.createElement(o, m.cn("SInputMask", k(k({
+          position: "relative",
+          flex: 1
+        }, z), {}, {
+          __excludeProps: ["onFocus", "onChange", "forwardRef", "ref"]
+        })), /* @__PURE__ */ u.createElement(r, m.cn("SMask", {
+          tag: "span",
+          "aria-hidden": "true",
+          "data-neighbor-location": T,
+          ref: t.maskRef
+        }), t.state.lastConformed && /* @__PURE__ */ u.createElement(f, m.cn("SMaskHidden", {
+          "data-content": t.state.lastConformed.userInput
+        })), t.state.lastConformed ? /* @__PURE__ */ u.createElement(M, m.cn("SMaskVisible", {
+          "data-content": t.state.lastConformed.maskOnly
+        })) : /* @__PURE__ */ u.createElement(p, m.cn("SPlaceholder", {
+          "data-content": V
+        }))), /* @__PURE__ */ u.createElement(a, m.cn("SValue", k({}, N(k(k({
+          neighborLocation: T,
+          ref: q,
+          onFocus: t.onFocus,
+          value: i,
+          w: C,
+          wMin: t.state.maskWidth,
+          "aria-describedby": "hint-".concat(v)
+        }, y), {}, {
+          role: g,
+          __excludeProps: ["placeholder", "title"]
+        }), n)))), /* @__PURE__ */ u.createElement(b, m.cn("Children", {}))), /* @__PURE__ */ u.createElement(ae, m.cn("ScreenReaderOnly", {
+          id: "hint-".concat(v)
+        }), w));
+      });
+    }
+  }]), c;
+}(j);
+l(A, "defaultProps", {
+  includeInputProps: re,
+  defaultValue: "",
+  hideMask: !1,
+  keepCharPositions: !1,
+  aliases: {
+    9: /\d/,
+    a: /[a-zA-Zа-яА-Я]/,
+    "*": /[\da-zA-Zа-яА-Я]/
+  },
+  maskOnlySymbols: {
+    _: !0
+  }
+});
+l(A, "enhance", [ie()]);
+const We = J(E, {
+  Value: A,
+  Addon: I.Addon
+});
+export {
+  We as default,
+  D as getAfterPositionValue
+};

package/input-mask/lib/esm/index.mjs

@@ -0,0 +1,5 @@
+import { default as o, getAfterPositionValue as f } from "./InputMask.mjs";
+export {
+  o as default,
+  f as getAfterPositionValue
+};

package/input-mask/package.json

@@ -1 +1 @@
-{"name":"intergalactic/input-mask","description":"Semrush InputMask Component","version":"5.43.0-prerelease.9","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder"},"dependencies":{"@semcore/input":"4.42.0-prerelease.9","@semcore/utils":"4.47.1-prerelease.9","text-mask-core":"5.1.2","@semcore/neighbor-location":"4.39.0-prerelease.9","@semcore/flex-box":"5.41.0-prerelease.9"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.9","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/input-mask"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/input-mask","description":"Semrush InputMask Component","version":"5.43.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/input":"4.42.0","@semcore/utils":"4.48.0","text-mask-core":"5.1.2","@semcore/neighbor-location":"4.40.0","@semcore/flex-box":"5.41.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/input-mask"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/input-number/index.d.ts

@@ -12,6 +12,10 @@ export type InputNumberProps = InputProps & {
    * @default m
    * */
   size?: InputNumberSize;
+  /**
+   * Locale value
+   */
+  locale?: string;
 };
 
 /** @deprecated */
@@ -33,7 +37,6 @@ export type InputNumberValueProps = InputValueProps & {
   value?: InputNumberValue;
   /** Called when the input value changes, it returns its current value in numeric format */
   onChange?: (value: InputNumberValue, event?: React.SyntheticEvent<HTMLInputElement>) => void;
-  locale?: string;
 };
 
 /** @deprecated */

package/input-number/lib/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { Intergalactic, PropGetterFn, UnknownProperties } from '@semcore/core';\nimport { InputAddonProps, InputProps, InputValueProps } from '@semcore/input';\n\nexport type InputNumberValue = string;\nexport type InputNumberSize = 'm' | 'l';\n\n/** @deprecated */\nexport interface IInputNumberProps extends InputNumberProps, UnknownProperties {}\nexport type InputNumberProps = InputProps & {\n  /** Input size\n   * @default m\n   * */\n  size?: InputNumberSize;\n};\n\n/** @deprecated */\nexport interface IInputNumberValueProps extends InputNumberValueProps, UnknownProperties {}\nexport type InputNumberValueProps = InputValueProps & {\n  /** Minimum value\n   * @default Number.MIN_SAFE_INTEGER\n   */\n  min?: number;\n  /** Maximum value\n   * @default Number.MAX_SAFE_INTEGER\n   */\n  max?: number;\n  /** Value change step\n   * @default 1\n   */\n  step?: number;\n  /** Numeric value */\n  value?: InputNumberValue;\n  /** Called when the input value changes, it returns its current value in numeric format */\n  onChange?: (value: InputNumberValue, event?: React.SyntheticEvent<HTMLInputElement>) => void;\n  locale?: string;\n};\n\n/** @deprecated */\nexport interface IInputNumberControlsProps extends InputNumberControlsProps, UnknownProperties {}\nexport type InputNumberControlsProps = InputAddonProps & {\n  /** Always displays controls (steppers)\n   * @default false\n   */\n  showControls?: boolean;\n};\n\n/** @deprecated */\nexport interface IInputNumberCtx extends InputNumberCtx, UnknownProperties {}\nexport type InputNumberCtx = {\n  getValueProps: PropGetterFn;\n  getControlsProps: PropGetterFn;\n  getAddonProps: PropGetterFn;\n};\n\ndeclare const InputNumber: Intergalactic.Component<'div', InputNumberProps, InputNumberCtx> & {\n  Value: Intergalactic.Component<'input', InputNumberValueProps>;\n  Controls: Intergalactic.Component<'div', InputNumberControlsProps>;\n  Addon: Intergalactic.Component<'div', InputAddonProps>;\n};\n\nexport default InputNumber;\n\ndeclare const IncrementIcon: React.FC;\ndeclare const DecrementIcon: React.FC;\ndeclare const parseValueWithMinMax: (value: number, min?: number, max?: number) => number;\n\nexport { IncrementIcon, DecrementIcon, parseValueWithMinMax };\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { Intergalactic, PropGetterFn, UnknownProperties } from '@semcore/core';\nimport { InputAddonProps, InputProps, InputValueProps } from '@semcore/input';\n\nexport type InputNumberValue = string;\nexport type InputNumberSize = 'm' | 'l';\n\n/** @deprecated */\nexport interface IInputNumberProps extends InputNumberProps, UnknownProperties {}\nexport type InputNumberProps = InputProps & {\n  /** Input size\n   * @default m\n   * */\n  size?: InputNumberSize;\n  /**\n   * Locale value\n   */\n  locale?: string;\n};\n\n/** @deprecated */\nexport interface IInputNumberValueProps extends InputNumberValueProps, UnknownProperties {}\nexport type InputNumberValueProps = InputValueProps & {\n  /** Minimum value\n   * @default Number.MIN_SAFE_INTEGER\n   */\n  min?: number;\n  /** Maximum value\n   * @default Number.MAX_SAFE_INTEGER\n   */\n  max?: number;\n  /** Value change step\n   * @default 1\n   */\n  step?: number;\n  /** Numeric value */\n  value?: InputNumberValue;\n  /** Called when the input value changes, it returns its current value in numeric format */\n  onChange?: (value: InputNumberValue, event?: React.SyntheticEvent<HTMLInputElement>) => void;\n};\n\n/** @deprecated */\nexport interface IInputNumberControlsProps extends InputNumberControlsProps, UnknownProperties {}\nexport type InputNumberControlsProps = InputAddonProps & {\n  /** Always displays controls (steppers)\n   * @default false\n   */\n  showControls?: boolean;\n};\n\n/** @deprecated */\nexport interface IInputNumberCtx extends InputNumberCtx, UnknownProperties {}\nexport type InputNumberCtx = {\n  getValueProps: PropGetterFn;\n  getControlsProps: PropGetterFn;\n  getAddonProps: PropGetterFn;\n};\n\ndeclare const InputNumber: Intergalactic.Component<'div', InputNumberProps, InputNumberCtx> & {\n  Value: Intergalactic.Component<'input', InputNumberValueProps>;\n  Controls: Intergalactic.Component<'div', InputNumberControlsProps>;\n  Addon: Intergalactic.Component<'div', InputAddonProps>;\n};\n\nexport default InputNumber;\n\ndeclare const IncrementIcon: React.FC;\ndeclare const DecrementIcon: React.FC;\ndeclare const parseValueWithMinMax: (value: number, min?: number, max?: number) => number;\n\nexport { IncrementIcon, DecrementIcon, parseValueWithMinMax };\n"],"mappings":""}

package/input-number/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { Intergalactic, PropGetterFn, UnknownProperties } from '@semcore/core';\nimport { InputAddonProps, InputProps, InputValueProps } from '@semcore/input';\n\nexport type InputNumberValue = string;\nexport type InputNumberSize = 'm' | 'l';\n\n/** @deprecated */\nexport interface IInputNumberProps extends InputNumberProps, UnknownProperties {}\nexport type InputNumberProps = InputProps & {\n  /** Input size\n   * @default m\n   * */\n  size?: InputNumberSize;\n};\n\n/** @deprecated */\nexport interface IInputNumberValueProps extends InputNumberValueProps, UnknownProperties {}\nexport type InputNumberValueProps = InputValueProps & {\n  /** Minimum value\n   * @default Number.MIN_SAFE_INTEGER\n   */\n  min?: number;\n  /** Maximum value\n   * @default Number.MAX_SAFE_INTEGER\n   */\n  max?: number;\n  /** Value change step\n   * @default 1\n   */\n  step?: number;\n  /** Numeric value */\n  value?: InputNumberValue;\n  /** Called when the input value changes, it returns its current value in numeric format */\n  onChange?: (value: InputNumberValue, event?: React.SyntheticEvent<HTMLInputElement>) => void;\n  locale?: string;\n};\n\n/** @deprecated */\nexport interface IInputNumberControlsProps extends InputNumberControlsProps, UnknownProperties {}\nexport type InputNumberControlsProps = InputAddonProps & {\n  /** Always displays controls (steppers)\n   * @default false\n   */\n  showControls?: boolean;\n};\n\n/** @deprecated */\nexport interface IInputNumberCtx extends InputNumberCtx, UnknownProperties {}\nexport type InputNumberCtx = {\n  getValueProps: PropGetterFn;\n  getControlsProps: PropGetterFn;\n  getAddonProps: PropGetterFn;\n};\n\ndeclare const InputNumber: Intergalactic.Component<'div', InputNumberProps, InputNumberCtx> & {\n  Value: Intergalactic.Component<'input', InputNumberValueProps>;\n  Controls: Intergalactic.Component<'div', InputNumberControlsProps>;\n  Addon: Intergalactic.Component<'div', InputAddonProps>;\n};\n\nexport default InputNumber;\n\ndeclare const IncrementIcon: React.FC;\ndeclare const DecrementIcon: React.FC;\ndeclare const parseValueWithMinMax: (value: number, min?: number, max?: number) => number;\n\nexport { IncrementIcon, DecrementIcon, parseValueWithMinMax };\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { Intergalactic, PropGetterFn, UnknownProperties } from '@semcore/core';\nimport { InputAddonProps, InputProps, InputValueProps } from '@semcore/input';\n\nexport type InputNumberValue = string;\nexport type InputNumberSize = 'm' | 'l';\n\n/** @deprecated */\nexport interface IInputNumberProps extends InputNumberProps, UnknownProperties {}\nexport type InputNumberProps = InputProps & {\n  /** Input size\n   * @default m\n   * */\n  size?: InputNumberSize;\n  /**\n   * Locale value\n   */\n  locale?: string;\n};\n\n/** @deprecated */\nexport interface IInputNumberValueProps extends InputNumberValueProps, UnknownProperties {}\nexport type InputNumberValueProps = InputValueProps & {\n  /** Minimum value\n   * @default Number.MIN_SAFE_INTEGER\n   */\n  min?: number;\n  /** Maximum value\n   * @default Number.MAX_SAFE_INTEGER\n   */\n  max?: number;\n  /** Value change step\n   * @default 1\n   */\n  step?: number;\n  /** Numeric value */\n  value?: InputNumberValue;\n  /** Called when the input value changes, it returns its current value in numeric format */\n  onChange?: (value: InputNumberValue, event?: React.SyntheticEvent<HTMLInputElement>) => void;\n};\n\n/** @deprecated */\nexport interface IInputNumberControlsProps extends InputNumberControlsProps, UnknownProperties {}\nexport type InputNumberControlsProps = InputAddonProps & {\n  /** Always displays controls (steppers)\n   * @default false\n   */\n  showControls?: boolean;\n};\n\n/** @deprecated */\nexport interface IInputNumberCtx extends InputNumberCtx, UnknownProperties {}\nexport type InputNumberCtx = {\n  getValueProps: PropGetterFn;\n  getControlsProps: PropGetterFn;\n  getAddonProps: PropGetterFn;\n};\n\ndeclare const InputNumber: Intergalactic.Component<'div', InputNumberProps, InputNumberCtx> & {\n  Value: Intergalactic.Component<'input', InputNumberValueProps>;\n  Controls: Intergalactic.Component<'div', InputNumberControlsProps>;\n  Addon: Intergalactic.Component<'div', InputAddonProps>;\n};\n\nexport default InputNumber;\n\ndeclare const IncrementIcon: React.FC;\ndeclare const DecrementIcon: React.FC;\ndeclare const parseValueWithMinMax: (value: number, min?: number, max?: number) => number;\n\nexport { IncrementIcon, DecrementIcon, parseValueWithMinMax };\n"],"mappings":""}

package/input-number/lib/esm/InputNumber.mjs

@@ -0,0 +1,322 @@
+import A from "@babel/runtime/helpers/esm/slicedToArray";
+import D from "@babel/runtime/helpers/esm/objectSpread2";
+import x from "@babel/runtime/helpers/esm/classCallCheck";
+import I from "@babel/runtime/helpers/esm/createClass";
+import d from "@babel/runtime/helpers/esm/assertThisInitialized";
+import C from "@babel/runtime/helpers/esm/inherits";
+import k from "@babel/runtime/helpers/esm/createSuper";
+import u from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as M } from 'intergalactic/utils/lib/core/index';
+import z, { sstyled as w, assignProps as R, Component as $ } from 'intergalactic/core';
+import h from "react";
+import V from 'intergalactic/input';
+import { IncrementIcon as W, DecrementIcon as K } from "./buttons.mjs";
+import { localizedMessages as F } from "./translations/__intergalactic-dynamic-locales.mjs";
+import L from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import { forkRef as B } from 'intergalactic/utils/lib/ref';
+import { callAllEventHandlers as G } from 'intergalactic/utils/lib/assignProps';
+var N = (
+  /*__reshadow_css_start__*/
+  (M.insert(
+    /*__inner_css_start__*/
+    ".___SValue_1uuai_gg_:focus~.___SControls_1uuai_gg_{display:flex}.___SControls_1uuai_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_1uuai_gg_.__showControls_1uuai_gg_{display:flex}.___SDown_1uuai_gg_,.___SUp_1uuai_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);box-sizing:border-box;display:inline-flex;justify-content:center;border:0;background:0 0;cursor:pointer}.___SDown_1uuai_gg_:focus,.___SUp_1uuai_gg_:focus{outline:0}@media (hover:hover){.___SDown_1uuai_gg_:hover,.___SUp_1uuai_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SUp_1uuai_gg_{padding-bottom:1px}.___SDown_1uuai_gg_{padding-top:1px}.___SValue_1uuai_gg_::-webkit-inner-spin-button,.___SValue_1uuai_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_1uuai_gg_._type_number_1uuai_gg_{-moz-appearance:textfield}.___SValue_1uuai_gg_.__disabled_1uuai_gg_~.___SControls_1uuai_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SValueHidden_1uuai_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}",
+    "1uuai_gg_"
+  ), {
+    __SValue: "___SValue_1uuai_gg_",
+    __SControls: "___SControls_1uuai_gg_",
+    _showControls: "__showControls_1uuai_gg_",
+    __SUp: "___SUp_1uuai_gg_",
+    __SDown: "___SDown_1uuai_gg_",
+    _disabled: "__disabled_1uuai_gg_",
+    __SValueHidden: "___SValueHidden_1uuai_gg_",
+    _type_number: "_type_number_1uuai_gg_"
+  })
+);
+function H(m) {
+  var g = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : Number.MIN_SAFE_INTEGER, c = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : Number.MAX_SAFE_INTEGER;
+  return Math.max(g, Math.min(c, m));
+}
+var P = /* @__PURE__ */ function(m) {
+  C(c, m);
+  var g = k(c);
+  function c() {
+    var a;
+    x(this, c);
+    for (var n = arguments.length, s = new Array(n), o = 0; o < n; o++)
+      s[o] = arguments[o];
+    return a = g.call.apply(g, [this].concat(s)), u(d(a), "inputRef", /* @__PURE__ */ h.createRef()), u(d(a), "increment", function(e) {
+      var r, t;
+      (r = a.inputRef.current) === null || r === void 0 || (t = r.stepUp) === null || t === void 0 || t.call(r, e);
+    }), u(d(a), "decrement", function(e) {
+      var r, t;
+      (r = a.inputRef.current) === null || r === void 0 || (t = r.stepDown) === null || t === void 0 || t.call(r, e);
+    }), a;
+  }
+  return I(c, [{
+    key: "getValueProps",
+    value: function() {
+      var n = new Intl.NumberFormat(this.asProps.locale, {
+        style: "decimal"
+      });
+      return {
+        inputRef: this.inputRef,
+        increment: this.increment,
+        decrement: this.decrement,
+        numberFormatter: n
+      };
+    }
+  }, {
+    key: "getControlsProps",
+    value: function() {
+      var n = this.asProps, s = n.size, o = n.getI18nText;
+      return {
+        size: s,
+        increment: this.increment,
+        decrement: this.decrement,
+        getI18nText: o
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var n = this.asProps, s, o = V;
+      return s = w(this.asProps.style), /* @__PURE__ */ h.createElement(o, s.cn("SInputNumber", D({}, R({}, n))));
+    }
+  }]), c;
+}($);
+u(P, "displayName", "InputNumber");
+u(P, "style", N);
+u(P, "enhance", [L(F)]);
+u(P, "defaultProps", {
+  size: "m",
+  i18n: F,
+  locale: "en"
+});
+var E = /* @__PURE__ */ function(m) {
+  C(c, m);
+  var g = k(c);
+  function c() {
+    var a;
+    x(this, c);
+    for (var n = arguments.length, s = new Array(n), o = 0; o < n; o++)
+      s[o] = arguments[o];
+    return a = g.call.apply(g, [this].concat(s)), u(d(a), "valueInputRef", /* @__PURE__ */ h.createRef()), u(d(a), "cursorPosition", -1), u(d(a), "getFormattedValue", function(e) {
+      return e.replace(new RegExp("[".concat(a.separatorThousands, "]"), "g"), "").replace(a.separatorDecimal, ".");
+    }), u(d(a), "valueParser", function(e, r, t) {
+      var l = a.props.numberFormatter, i = a.getFormattedValue(String(e));
+      if (Number.isNaN(Number(i)))
+        return {
+          parsedValue: r,
+          displayValue: t
+        };
+      var f = "";
+      if (/\.[0-9]*0$/.test(i)) {
+        var p = i.split(a.separatorDecimal), _ = A(p, 2), v = _[0], S = _[1];
+        f = l.format(v) + a.separatorDecimal + S;
+      } else i !== "" && (f = l.format(i));
+      return {
+        parsedValue: i,
+        displayValue: f
+      };
+    }), u(d(a), "handleValidation", function(e) {
+      var r = a.asProps, t = r.value, l = r.displayValue, i = r.min, f = r.max, p = r.step, _ = a.valueParser(e.currentTarget.value, t, l), v = _.parsedValue, S = p < 1 ? p.toString().split(".")[1].length : 1;
+      if (Number.isNaN(t) || Number.isNaN(Number.parseFloat(v)))
+        e.currentTarget.value = "", a.handlers.value("", e);
+      else {
+        var y = H(Number.parseFloat(v), i, f), b = a.round(y % p, p);
+        b !== 0 && (b >= p / 2 ? y += p - b : Math.abs(b) < p && (y -= b));
+        var U = Number(y.toFixed(S));
+        a.handlers.value(String(U), e);
+      }
+    }), u(d(a), "onWheel", function(e) {
+      G(a.asProps.onWheel, a.handleWheel)(e);
+    }), u(d(a), "handleWheel", function(e) {
+      e.target === a.valueInputRef.current && document.activeElement === a.valueInputRef.current && (e.preventDefault(), e.wheelDelta > 0 ? a.stepUp(e) : e.wheelDelta < 0 && a.stepDown(e));
+    }), u(d(a), "handleChange", function(e) {
+      var r = a.getFormattedValue(e.currentTarget.value), t = a.asProps, l = t.numberFormatter, i = t.value;
+      if (r === "." || r === "-")
+        return a.handlers.displayValue(r), !1;
+      if (r.endsWith("-"))
+        return !1;
+      if (r.endsWith("."))
+        return r.length > i.length ? (a.handlers.displayValue(l.format(r) + a.separatorDecimal), !1) : (a.handlers.value(r.slice(0, -1), e), !1);
+      var f = /[0-9.-]+/.test(r);
+      (f || r === "") && a.handlers.value(r, e);
+    }), u(d(a), "handleKeyUp", function(e) {
+      e.key === "Shift" && (a.cursorPosition = -1);
+    }), u(d(a), "handleKeyDown", function(e) {
+      var r = e.currentTarget, t = r.value, l = t.length, i = a.asProps.displayValue;
+      if (e.key === "." || e.key === ",") {
+        if (t.indexOf(a.separatorDecimal) === -1 && e.key === ",")
+          e.currentTarget.value = t + ".";
+        else if (t.indexOf(a.separatorDecimal) !== -1) {
+          e.preventDefault(), e.stopPropagation();
+          return;
+        }
+      }
+      if (e.key === "Backspace" && t.endsWith(a.separatorDecimal))
+        return e.preventDefault(), e.stopPropagation(), a.handlers.displayValue(i.slice(0, -1)), !1;
+      if (r.selectionStart !== l && (e.key === "Backspace" || e.key === a.separatorDecimal || ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"].includes(e.key))) {
+        var f = t.slice(r.selectionEnd);
+        requestAnimationFrame(function() {
+          var _ = a.state.displayValue, v = _.lastIndexOf(f), S = v, y = v;
+          r.setSelectionRange(S, y);
+        });
+      }
+      var p = 2;
+      switch (e.shiftKey && a.cursorPosition === -1 && (a.cursorPosition = r.selectionStart), e.key) {
+        case "ArrowLeft": {
+          e.preventDefault(), a.moveSelectionLeft(r, p);
+          break;
+        }
+        case "ArrowRight": {
+          e.preventDefault(), a.moveSelectionRight(r, p);
+          break;
+        }
+        case "ArrowDown": {
+          e.preventDefault(), a.stepDown(e);
+          break;
+        }
+        case "ArrowUp": {
+          e.preventDefault(), a.stepUp(e);
+          break;
+        }
+      }
+    }), u(d(a), "moveSelectionLeft", function(e, r) {
+      var t = e.value, l = e.selectionStart - 1 >= 0 ? e.selectionStart - 1 : 0, i = t[e.selectionStart - r] === a.separatorThousands ? e.selectionStart - r : l;
+      a.cursorPosition === -1 ? e.setSelectionRange(i, i) : e.selectionStart <= a.cursorPosition && e.selectionEnd === a.cursorPosition ? e.setSelectionRange(i, e.selectionEnd) : e.setSelectionRange(e.selectionStart, t[e.selectionEnd - r] === a.separatorThousands ? e.selectionEnd - r : e.selectionEnd - 1);
+    }), u(d(a), "moveSelectionRight", function(e, r) {
+      var t = e.value, l = e.selectionEnd + 1, i = t[e.selectionEnd] === a.separatorThousands ? e.selectionEnd + r : l;
+      a.cursorPosition === -1 ? e.setSelectionRange(i, i) : e.selectionEnd >= a.cursorPosition && e.selectionStart === a.cursorPosition ? e.setSelectionRange(e.selectionStart, i) : e.setSelectionRange(t[e.selectionStart] === a.separatorThousands ? e.selectionStart + r : e.selectionStart + 1, e.selectionEnd);
+    }), u(d(a), "handleClick", function(e) {
+      var r = e.target, t = r.value;
+      t[r.selectionStart - 1] === a.separatorThousands && r.setSelectionRange(r.selectionStart - 1, r.selectionEnd - 1);
+    }), u(d(a), "handleBlur", function(e) {
+      a.cursorPosition = -1, a.handleValidation(e);
+    }), u(d(a), "stepUp", function(e) {
+      var r = a.asProps, t = r.max, l = t === void 0 ? Number.MAX_SAFE_INTEGER : t, i = r.min, f = r.step, p = r.value, _;
+      if (p === "" ? _ = i ?? 0 : _ = Number.parseFloat(p), !Number.isNaN(_)) {
+        var v = _ + f <= l ? _ + f : l;
+        a.handlers.value(v.toString(), e);
+      }
+    }), u(d(a), "stepDown", function(e) {
+      var r = a.asProps, t = r.max, l = r.min, i = l === void 0 ? Number.MIN_SAFE_INTEGER : l, f = r.step, p = r.value, _;
+      if (p === "" ? _ = t ?? 0 : _ = Number.parseFloat(p), !Number.isNaN(_)) {
+        var v = _ - f >= i ? _ - f : i;
+        a.handlers.value(v.toString(), e);
+      }
+    }), a;
+  }
+  return I(c, [{
+    key: "uncontrolledProps",
+    value: function() {
+      var n = this;
+      return {
+        displayValue: null,
+        value: [null, function(s) {
+          var o = n.asProps, e = o.value, r = o.displayValue, t = n.valueParser(s, e, r), l = t.parsedValue, i = t.displayValue;
+          return n.handlers.displayValue(i), l;
+        }]
+      };
+    }
+  }, {
+    key: "separatorDecimal",
+    get: function() {
+      var n = this.props.numberFormatter;
+      return n.format(11.11).replace(/\d/g, "");
+    }
+  }, {
+    key: "separatorThousands",
+    get: function() {
+      var n = this.props.numberFormatter;
+      return n.format(1111).replace(/\d/g, "");
+    }
+  }, {
+    key: "round",
+    value: function(n, s) {
+      var o = Math.floor(s) === s ? 0 : s.toString().split(".")[1].length || 0;
+      return o === 0 ? Number.parseFloat(n) : Number.parseFloat(n).toPrecision(o);
+    }
+  }, {
+    key: "componentDidMount",
+    value: (
+      // https://stackoverflow.com/questions/57358640/cancel-wheel-event-with-e-preventdefault-in-react-event-bubbling
+      function() {
+        var n;
+        (n = this.valueInputRef.current) === null || n === void 0 || n.addEventListener("wheel", this.onWheel);
+        var s = this.asProps, o = s.inputRef, e = s.value;
+        if (o.current && (o.current.stepUp = this.stepUp, o.current.stepDown = this.stepDown), e !== "") {
+          var r = this.valueParser(e, "", ""), t = r.displayValue;
+          this.handlers.displayValue(t);
+        }
+      }
+    )
+  }, {
+    key: "componentDidUpdate",
+    value: function(n) {
+      if (n.value !== this.props.value) {
+        var s = this.valueParser(this.props.value, n.value, n.displayValue), o = s.displayValue;
+        this.handlers.displayValue(o);
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function() {
+      var n;
+      (n = this.valueInputRef.current) === null || n === void 0 || n.removeEventListener("wheel", this.onWheel);
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var n = this.asProps, s, o = V.Value, e = this.asProps, r = e.styles, t = e.min, l = e.max, i = e.step, f = e.forwardRef, p = e.inputRef, _ = e.displayValue;
+      return s = w(r), /* @__PURE__ */ h.createElement(h.Fragment, null, /* @__PURE__ */ h.createElement(o, s.cn("SValue", D({}, R({
+        autoComplete: "off",
+        onBlur: this.handleValidation,
+        "use:onChange": this.handleChange,
+        onKeyDown: this.handleKeyDown,
+        onKeyUp: this.handleKeyUp,
+        onClick: this.handleClick,
+        "use:ref": B(this.valueInputRef, p, f),
+        "use:value": _,
+        inputMode: Number.isInteger(i) ? "numeric" : "decimal",
+        min: t,
+        max: l,
+        step: i
+      }, n)))));
+    }
+  }]), c;
+}($);
+u(E, "style", N);
+u(E, "defaultProps", {
+  defaultValue: "",
+  defaultDisplayValue: "",
+  step: 1
+});
+function T(m) {
+  var g = arguments[0], c, a = m.Children, n = m.increment, s = m.decrement, o = m.size, e = m.styles, r = m.getI18nText, t = V.Addon, l = "button", i = "button";
+  return c = w(e), /* @__PURE__ */ h.createElement(t, c.cn("SControls", D({}, R({
+    "aria-hidden": "true"
+  }, g))), /* @__PURE__ */ h.createElement(l, c.cn("SUp", {
+    onClick: n,
+    tabIndex: -1,
+    type: "button",
+    size: o,
+    "aria-label": r("increment")
+  }), /* @__PURE__ */ h.createElement(W, c.cn("IncrementIcon", {}))), /* @__PURE__ */ h.createElement(i, c.cn("SDown", {
+    onClick: s,
+    tabIndex: -1,
+    type: "button",
+    size: o,
+    "aria-label": r("decrement")
+  }), /* @__PURE__ */ h.createElement(K, c.cn("DecrementIcon", {}))), /* @__PURE__ */ h.createElement(a, c.cn("Children", {})));
+}
+T.style = N;
+const le = z(P, {
+  Value: E,
+  Controls: T,
+  Addon: V.Addon
+});
+export {
+  le as default,
+  H as parseValueWithMinMax
+};

package/input-number/lib/esm/buttons.mjs

@@ -0,0 +1,24 @@
+import e from "react";
+var n = function() {
+  return /* @__PURE__ */ e.createElement("svg", {
+    fill: "currentColor",
+    width: "10",
+    height: "5",
+    viewBox: "0 0 10 5"
+  }, /* @__PURE__ */ e.createElement("path", {
+    d: "M0,5l5,-5l5,5Z"
+  }));
+}, c = function() {
+  return /* @__PURE__ */ e.createElement("svg", {
+    fill: "currentColor",
+    width: "10",
+    height: "5",
+    viewBox: "0 0 10 5"
+  }, /* @__PURE__ */ e.createElement("path", {
+    d: "M0,0l10,0l-5,5Z"
+  }));
+};
+export {
+  c as DecrementIcon,
+  n as IncrementIcon
+};