@rio-cloud/rio-uikit 1.13.2 → 2.0.0-beta.2

package/components/numberControl/NumberControl.js

@@ -1,113 +1,117 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useRef, useEffect, forwardRef } from 'react';
-import classNames from 'classnames';
-import noop from 'lodash/fp/noop';
-import NumberInput, { DEFAULT_STEP, DEFAULT_MIN, DEFAULT_MAX, DEFAULT_VALUE, convertNonIntegerToDefault, } from '../numberInput/NumberInput';
-const INITIAL_TICK = 700;
-const TICK_TIME = 50;
-const DEFAULT_DIGIT_PRECISION = 3;
-const NumberControl = forwardRef((props, ref) => {
-    const { id, min = DEFAULT_MIN, max = DEFAULT_MAX, step = DEFAULT_STEP, value, onChange, onValueChanged = () => { }, onKeyDown = noop, disabled, bsSize, className, unit, inputAddon, errorMessage, warningMessage, messageWhiteSpace, digitPrecision = DEFAULT_DIGIT_PRECISION, placeholder, noDefault, ...remainingProps } = props;
-    // Note, "onChange" should replace "onValueChanged" in the future but it's widely used
-    const callback = onChange || onValueChanged;
-    const timeout = useRef(null);
-    const [isHoldingDownInc, setIsHoldingDownInc] = useState(false);
-    const [isHoldingDownDec, setIsHoldingDownDec] = useState(false);
-    const [internalValue, setInternalValue] = useState(value);
-    const initialTimeout = (callbackFn) => {
-        if (timeout.current !== null) {
-            clearTimeout(timeout.current);
-        }
-        timeout.current = setTimeout(() => {
-            callbackFn();
-        }, INITIAL_TICK);
-    };
-    const recursiveTimeout = (callbackFn) => {
-        timeout.current = setTimeout(() => {
-            callbackFn();
-        }, TICK_TIME);
-    };
-    // Update internal state if external value has changed
-    useEffect(() => {
-        if (internalValue !== value) {
-            setInternalValue(value);
-        }
-    }, [value]);
-    // Notify external component if internal value has changed
-    useEffect(() => {
-        if (internalValue !== value) {
-            callback(internalValue);
-        }
-    }, [internalValue]);
-    useEffect(() => {
-        // Call increment function for a loop when button is holding down
-        if (isHoldingDownInc && !disabled) {
-            initialTimeout(incrementRecursively);
-        }
-        // Call decrement function for a loop when button is holding down
-        if (isHoldingDownDec && !disabled) {
-            initialTimeout(decrementRecursively);
-        }
-    }, [isHoldingDownInc, isHoldingDownDec]);
-    const incrementInternalValue = () => {
-        setInternalValue(val => {
-            const currentValue = convertNonIntegerToDefault(val, DEFAULT_VALUE);
-            const newValue = Number((currentValue + step).toFixed(digitPrecision));
-            const newValueLimited = newValue <= max ? newValue : val;
-            return newValueLimited;
-        });
-    };
-    const decrementInternalValue = () => {
-        setInternalValue(val => {
-            const currentValue = convertNonIntegerToDefault(val, DEFAULT_VALUE);
-            const newValue = Number((currentValue - step).toFixed(digitPrecision));
-            const newValueLimited = newValue >= min ? newValue : val;
-            return newValueLimited;
-        });
-    };
-    const incrementRecursively = () => {
-        incrementInternalValue();
-        recursiveTimeout(incrementRecursively);
-    };
-    const decrementRecursively = () => {
-        decrementInternalValue();
-        recursiveTimeout(decrementRecursively);
-    };
-    const handleMouseDownOnIncrement = () => {
-        if (disabled) {
-            return;
-        }
-        setIsHoldingDownInc(true);
-        // increment for first click
-        incrementInternalValue();
-    };
-    const handleMouseDownOnDecrement = () => {
-        if (disabled) {
-            return;
-        }
-        setIsHoldingDownDec(true);
-        // decrement for first click
-        decrementInternalValue();
-    };
-    const handleStopHolding = () => {
-        if (timeout.current !== null) {
-            clearTimeout(timeout.current);
-        }
-        setIsHoldingDownInc(false);
-        setIsHoldingDownDec(false);
-    };
-    const handleUpdatedNumberInputValue = (newValue) => {
-        // Set the internal value when the value of the actual input has changed,
-        // for instance the user has typed in a number manually and to
-        // use this number as base to increase or decrease from.
-        // Ignore empty value in case the user has removed it
-        if (newValue !== undefined && !(isHoldingDownDec && isHoldingDownInc)) {
-            setInternalValue(Number(newValue));
-        }
-        callback(newValue);
-    };
-    const classes = classNames('NumberControl', className);
-    const controls = (_jsxs("div", { className: 'display-flex padding-left-10', onMouseOut: handleStopHolding, onBlur: handleStopHolding, children: [_jsx("div", { onMouseDown: handleMouseDownOnDecrement, onMouseUp: handleStopHolding, role: 'button', "aria-label": 'decrement-button', className: 'decrementButton display-flex align-items-center text-color-gray hover-text-color-dark cursor-pointer', children: _jsx("div", { className: 'rioglyph rioglyph-minus scale-90' }) }), _jsx("div", { onMouseDown: handleMouseDownOnIncrement, onMouseUp: handleStopHolding, role: 'button', "aria-label": 'increment-button', className: 'incrementButton display-flex align-items-center text-color-gray hover-text-color-dark cursor-pointer margin-left-5', children: _jsx("div", { className: 'rioglyph rioglyph-plus scale-90' }) })] }));
-    return (_jsx("div", { ...remainingProps, className: classes, children: _jsx(NumberInput, { id: id, ref: ref, min: min, max: max, value: internalValue, step: step, bsSize: bsSize, disabled: disabled, inputAddon: inputAddon, errorMessage: errorMessage, warningMessage: warningMessage, messageWhiteSpace: messageWhiteSpace, controls: controls, unit: unit, onChange: handleUpdatedNumberInputValue, onKeyDown: onKeyDown, digitPrecision: digitPrecision, placeholder: placeholder, noDefault: noDefault }) }));
+import { jsx as t, jsxs as q } from "react/jsx-runtime";
+import { forwardRef as J, useRef as Q, useState as g, useEffect as I } from "react";
+import Y from "classnames";
+import { noop as Z } from "es-toolkit/function";
+import $, { DEFAULT_MIN as ee, DEFAULT_MAX as ne, DEFAULT_STEP as te, convertNonIntegerToDefault as V, DEFAULT_VALUE as L } from "../numberInput/NumberInput.js";
+const oe = 700, re = 50, se = 3, de = J((E, A) => {
+  const {
+    id: U,
+    min: D = ee,
+    max: N = ne,
+    step: a = te,
+    value: o,
+    onChange: u,
+    onKeyDown: _ = Z,
+    disabled: r,
+    bsSize: C,
+    className: F,
+    unit: S,
+    inputAddon: H,
+    errorMessage: R,
+    warningMessage: O,
+    messageWhiteSpace: P,
+    digitPrecision: m = se,
+    placeholder: B,
+    noDefault: K,
+    ...j
+  } = E, n = Q(null), [d, h] = g(!1), [f, T] = g(!1), [s, l] = g(o), b = (e) => {
+    n.current !== null && clearTimeout(n.current), n.current = setTimeout(() => {
+      e();
+    }, oe);
+  }, w = (e) => {
+    n.current = setTimeout(() => {
+      e();
+    }, re);
+  };
+  I(() => {
+    s !== o && l(o);
+  }, [o]), I(() => {
+    s !== o && u && u(s);
+  }, [s]), I(() => {
+    d && !r && b(y), f && !r && b(M);
+  }, [d, f]);
+  const v = () => {
+    l((e) => {
+      const p = V(e, L), i = Number((p + a).toFixed(m));
+      return i <= N ? i : e;
+    });
+  }, x = () => {
+    l((e) => {
+      const p = V(e, L), i = Number((p - a).toFixed(m));
+      return i >= D ? i : e;
+    });
+  }, y = () => {
+    v(), w(y);
+  }, M = () => {
+    x(), w(M);
+  }, k = () => {
+    r || (h(!0), v());
+  }, z = () => {
+    r || (T(!0), x());
+  }, c = () => {
+    n.current !== null && clearTimeout(n.current), h(!1), T(!1);
+  }, G = (e) => {
+    e !== void 0 && !(f && d) && l(Number(e)), u?.(e);
+  }, W = Y("NumberControl", F);
+  return /* @__PURE__ */ t("div", { ...j, className: W, children: /* @__PURE__ */ t(
+    $,
+    {
+      id: U,
+      ref: A,
+      min: D,
+      max: N,
+      value: s,
+      step: a,
+      bsSize: C,
+      disabled: r,
+      inputAddon: H,
+      errorMessage: R,
+      warningMessage: O,
+      messageWhiteSpace: P,
+      controls: /* @__PURE__ */ q("div", { className: "display-flex padding-left-10", onMouseOut: c, onBlur: c, children: [
+        /* @__PURE__ */ t(
+          "div",
+          {
+            onMouseDown: z,
+            onMouseUp: c,
+            role: "button",
+            "aria-label": "decrement-button",
+            className: "decrementButton display-flex align-items-center text-color-gray hover-text-color-dark cursor-pointer",
+            children: /* @__PURE__ */ t("div", { className: "rioglyph rioglyph-minus scale-90" })
+          }
+        ),
+        /* @__PURE__ */ t(
+          "div",
+          {
+            onMouseDown: k,
+            onMouseUp: c,
+            role: "button",
+            "aria-label": "increment-button",
+            className: "incrementButton display-flex align-items-center text-color-gray hover-text-color-dark cursor-pointer margin-left-5",
+            children: /* @__PURE__ */ t("div", { className: "rioglyph rioglyph-plus scale-90" })
+          }
+        )
+      ] }),
+      unit: S,
+      onChange: G,
+      onKeyDown: _,
+      digitPrecision: m,
+      placeholder: B,
+      noDefault: K
+    }
+  ) });
 });
-export default NumberControl;
+export {
+  de as default
+};
+//# sourceMappingURL=NumberControl.js.map

package/components/numberControl/NumberControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberControl.js","sources":["../../../src/components/numberControl/NumberControl.tsx"],"sourcesContent":["import { useState, useRef, useEffect, forwardRef, type ForwardedRef } from 'react';\nimport classNames from 'classnames';\nimport { noop } from 'es-toolkit/function';\n\nimport NumberInput, {\n    DEFAULT_STEP,\n    DEFAULT_MIN,\n    DEFAULT_MAX,\n    DEFAULT_VALUE,\n    convertNonIntegerToDefault,\n    type NumberInputProps,\n} from '../numberInput/NumberInput';\n\nconst INITIAL_TICK = 700;\nconst TICK_TIME = 50;\n\nconst DEFAULT_DIGIT_PRECISION = 3;\n\nexport type NumberControlProps = NumberInputProps;\n\nconst NumberControl = forwardRef((props: NumberControlProps, ref: ForwardedRef<HTMLInputElement>) => {\n    const {\n        id,\n        min = DEFAULT_MIN,\n        max = DEFAULT_MAX,\n        step = DEFAULT_STEP,\n        value,\n        onChange,\n        onKeyDown = noop,\n        disabled,\n        bsSize,\n        className,\n        unit,\n        inputAddon,\n        errorMessage,\n        warningMessage,\n        messageWhiteSpace,\n        digitPrecision = DEFAULT_DIGIT_PRECISION,\n        placeholder,\n        noDefault,\n        ...remainingProps\n    } = props;\n\n    const timeout = useRef<NodeJS.Timeout | null>(null);\n\n    const [isHoldingDownInc, setIsHoldingDownInc] = useState(false);\n    const [isHoldingDownDec, setIsHoldingDownDec] = useState(false);\n    const [internalValue, setInternalValue] = useState(value);\n\n    const initialTimeout = (callbackFn: VoidFunction) => {\n        if (timeout.current !== null) {\n            clearTimeout(timeout.current);\n        }\n        timeout.current = setTimeout(() => {\n            callbackFn();\n        }, INITIAL_TICK);\n    };\n\n    const recursiveTimeout = (callbackFn: VoidFunction) => {\n        timeout.current = setTimeout(() => {\n            callbackFn();\n        }, TICK_TIME);\n    };\n\n    // Update internal state if external value has changed\n    useEffect(() => {\n        if (internalValue !== value) {\n            setInternalValue(value);\n        }\n    }, [value]);\n\n    // Notify external component if internal value has changed\n    useEffect(() => {\n        if (internalValue !== value && onChange) {\n            onChange(internalValue);\n        }\n    }, [internalValue]);\n\n    useEffect(() => {\n        // Call increment function for a loop when button is holding down\n        if (isHoldingDownInc && !disabled) {\n            initialTimeout(incrementRecursively);\n        }\n\n        // Call decrement function for a loop when button is holding down\n        if (isHoldingDownDec && !disabled) {\n            initialTimeout(decrementRecursively);\n        }\n    }, [isHoldingDownInc, isHoldingDownDec]);\n\n    const incrementInternalValue = () => {\n        setInternalValue(val => {\n            const currentValue = convertNonIntegerToDefault(val, DEFAULT_VALUE);\n            const newValue = Number((currentValue + step).toFixed(digitPrecision));\n            const newValueLimited = newValue <= max ? newValue : val;\n            return newValueLimited;\n        });\n    };\n\n    const decrementInternalValue = () => {\n        setInternalValue(val => {\n            const currentValue = convertNonIntegerToDefault(val, DEFAULT_VALUE);\n            const newValue = Number((currentValue - step).toFixed(digitPrecision));\n            const newValueLimited = newValue >= min ? newValue : val;\n            return newValueLimited;\n        });\n    };\n\n    const incrementRecursively = () => {\n        incrementInternalValue();\n        recursiveTimeout(incrementRecursively);\n    };\n\n    const decrementRecursively = () => {\n        decrementInternalValue();\n        recursiveTimeout(decrementRecursively);\n    };\n\n    const handleMouseDownOnIncrement = () => {\n        if (disabled) {\n            return;\n        }\n        setIsHoldingDownInc(true);\n\n        // increment for first click\n        incrementInternalValue();\n    };\n\n    const handleMouseDownOnDecrement = () => {\n        if (disabled) {\n            return;\n        }\n        setIsHoldingDownDec(true);\n\n        // decrement for first click\n        decrementInternalValue();\n    };\n\n    const handleStopHolding = () => {\n        if (timeout.current !== null) {\n            clearTimeout(timeout.current);\n        }\n        setIsHoldingDownInc(false);\n        setIsHoldingDownDec(false);\n    };\n\n    const handleUpdatedNumberInputValue = (newValue: number | undefined) => {\n        // Set the internal value when the value of the actual input has changed,\n        // for instance the user has typed in a number manually and to\n        // use this number as base to increase or decrease from.\n        // Ignore empty value in case the user has removed it\n        if (newValue !== undefined && !(isHoldingDownDec && isHoldingDownInc)) {\n            setInternalValue(Number(newValue));\n        }\n        onChange?.(newValue);\n    };\n\n    const classes = classNames('NumberControl', className);\n\n    const controls = (\n        <div className='display-flex padding-left-10' onMouseOut={handleStopHolding} onBlur={handleStopHolding}>\n            <div\n                onMouseDown={handleMouseDownOnDecrement}\n                onMouseUp={handleStopHolding}\n                role='button'\n                aria-label='decrement-button'\n                className='decrementButton display-flex align-items-center text-color-gray hover-text-color-dark cursor-pointer'\n            >\n                <div className='rioglyph rioglyph-minus scale-90' />\n            </div>\n            <div\n                onMouseDown={handleMouseDownOnIncrement}\n                onMouseUp={handleStopHolding}\n                role='button'\n                aria-label='increment-button'\n                className='incrementButton display-flex align-items-center text-color-gray hover-text-color-dark cursor-pointer margin-left-5'\n            >\n                <div className='rioglyph rioglyph-plus scale-90' />\n            </div>\n        </div>\n    );\n\n    return (\n        <div {...remainingProps} className={classes}>\n            <NumberInput\n                id={id}\n                ref={ref}\n                min={min}\n                max={max}\n                value={internalValue}\n                step={step}\n                bsSize={bsSize}\n                disabled={disabled}\n                inputAddon={inputAddon}\n                errorMessage={errorMessage}\n                warningMessage={warningMessage}\n                messageWhiteSpace={messageWhiteSpace}\n                controls={controls}\n                unit={unit}\n                onChange={handleUpdatedNumberInputValue}\n                onKeyDown={onKeyDown}\n                digitPrecision={digitPrecision}\n                placeholder={placeholder}\n                noDefault={noDefault}\n            />\n        </div>\n    );\n});\n\nexport default NumberControl;\n"],"names":["INITIAL_TICK","TICK_TIME","DEFAULT_DIGIT_PRECISION","NumberControl","forwardRef","props","ref","id","min","DEFAULT_MIN","max","DEFAULT_MAX","step","DEFAULT_STEP","value","onChange","onKeyDown","noop","disabled","bsSize","className","unit","inputAddon","errorMessage","warningMessage","messageWhiteSpace","digitPrecision","placeholder","noDefault","remainingProps","timeout","useRef","isHoldingDownInc","setIsHoldingDownInc","useState","isHoldingDownDec","setIsHoldingDownDec","internalValue","setInternalValue","initialTimeout","callbackFn","recursiveTimeout","useEffect","incrementRecursively","decrementRecursively","incrementInternalValue","val","currentValue","convertNonIntegerToDefault","DEFAULT_VALUE","newValue","decrementInternalValue","handleMouseDownOnIncrement","handleMouseDownOnDecrement","handleStopHolding","handleUpdatedNumberInputValue","classes","classNames","jsx","NumberInput"],"mappings":"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"}

package/components/numberInput/NumberInput.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare const DEFAULT_VALUE = 0;
 export declare const DEFAULT_STEP = 1;
 export declare const DEFAULT_MIN = 0;
@@ -60,10 +60,6 @@ export type NumberInputProps = Omit<React.HTMLProps<HTMLInputElement>, 'onChange
      * @param value The new value of the input.
      */
     onChange?: (value?: number) => void;
-    /**
-     * @deprecated Please use `onChange` instead.
-     */
-    onValueChanged?: (value?: number) => void;
     /**
      * Callback function that gets triggered after filtering out invalid keystrokes.
      *

package/components/numberInput/NumberInput.js

@@ -1,164 +1,147 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useRef, forwardRef } from 'react';
-import classNames from 'classnames';
-import noop from 'lodash/fp/noop';
-import useAfterMount from '../../hooks/useAfterMount';
-const DEFAULT_DIGIT_PRECISION = 3;
-export const DEFAULT_VALUE = 0;
-export const DEFAULT_STEP = 1;
-export const DEFAULT_MIN = 0;
-export const DEFAULT_MAX = Number.MAX_VALUE;
-const validKeys = [
-    '0',
-    '1',
-    '2',
-    '3',
-    '4',
-    '5',
-    '6',
-    '7',
-    '8',
-    '9',
-    '.',
-    ',',
-    '-',
-    'Backspace',
-    'Tab',
-    'ArrowLeft',
-    'ArrowRight',
-    'ArrowDown',
-    'ArrowUp',
-];
-// Note: even if limits are set and input type is number, many browsers allow to enter invalid data
-// like entering characters or values outside the boundaries, hence we have to check the input here
-// See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number
-const getValueFromProps = (val, min, max, placeholder, noDefault) => {
-    // Show placeholder or nothing if given instead of 0 if requested for
-    if (val === undefined && (placeholder || noDefault)) {
-        return '';
+import { jsx as l, jsxs as N, Fragment as J } from "react/jsx-runtime";
+import { forwardRef as Q, useRef as Y, useState as Z } from "react";
+import _ from "classnames";
+import { noop as ee } from "es-toolkit/function";
+import re from "../../hooks/useAfterMount.js";
+const ne = 3, C = 0, se = 1, te = 0, oe = Number.MAX_VALUE, ae = [
+  "0",
+  "1",
+  "2",
+  "3",
+  "4",
+  "5",
+  "6",
+  "7",
+  "8",
+  "9",
+  ".",
+  ",",
+  "-",
+  "Backspace",
+  "Tab",
+  "ArrowLeft",
+  "ArrowRight",
+  "ArrowDown",
+  "ArrowUp"
+], x = (r, n, s, u, h) => r === void 0 && (u || h) ? "" : M(Number(r), n, s) || C, M = (r, n, s) => r < n ? n : r > s ? s : r, w = (r, n) => typeof r == "number" && Number.isFinite(r) ? r : n, F = (r, n, s) => n.key === r && s.current.includes(r), I = (r, n, s, u) => s.key === r && n.includes(u.current), de = Q((r, n) => {
+  const {
+    id: s,
+    min: u,
+    max: h,
+    value: b,
+    step: P = se,
+    disabled: T = !1,
+    noDefault: d = !1,
+    onChange: y,
+    onKeyDown: S = ee,
+    bsSize: m = "md",
+    unit: A,
+    inputAddon: K,
+    errorMessage: V,
+    warningMessage: D,
+    messageWhiteSpace: R = "normal",
+    controls: E,
+    placeholder: c,
+    digitPrecision: v = ne,
+    className: B = "",
+    ...W
+  } = r, o = Y(""), a = w(u, te), i = w(h, oe), f = x(b, a, i, c, d), [p, k] = Z({
+    value: f,
+    enteredValue: f,
+    isValid: !0
+  });
+  re(() => {
+    k({
+      value: x(b, a, i, c, d),
+      enteredValue: f,
+      isValid: !0
+    });
+  }, [b, a, i, c, d, f]);
+  const L = (e) => {
+    if (e === "-" || e === "") {
+      k({
+        value: e,
+        enteredValue: e,
+        isValid: !0
+      });
+      return;
     }
-    return clampNumber(Number(val), min, max) || DEFAULT_VALUE;
-};
-const clampNumber = (value, min, max) => {
-    if (value < min) {
-        return min;
+    const t = Number(e), g = !Number.isNaN(t) && t >= a && t <= i, U = M(t, a, i);
+    k({
+      value: U,
+      enteredValue: t,
+      isValid: g
+    }), g && y && y(U);
+  }, j = (e) => {
+    L(e.target.value);
+  }, G = (e) => {
+    e.ctrlKey || e.altKey || e.metaKey || ((F(".", e, o) || F(",", e, o) || F("-", e, o) || I(",", [".", "-"], e, o) || I(".", [",", "-"], e, o) || I("-", [".", ","], e, o) || e.key === "Process" || e.key === "Dead") && e.preventDefault(), ae.includes(e.key) || e.preventDefault(), o.current = e.key, S(e));
+  }, O = () => {
+    const e = p.enteredValue;
+    if (e === "") {
+      y?.();
+      return;
     }
-    if (value > max) {
-        return max;
+    if (!p.value && (d || c))
+      return;
+    const t = w(Number(e), C), g = M(Number(t.toFixed(v)), a, i);
+    L(g);
+  }, X = (e) => {
+    const t = e.target;
+    t instanceof HTMLInputElement && t.blur();
+  }, $ = _(
+    "input-group",
+    m === "sm" && "input-group-sm",
+    m === "lg" && "input-group-lg"
+  ), z = _(
+    "form-control",
+    "no-controls",
+    m === "sm" && "input-sm",
+    m === "lg" && "input-lg",
+    B
+  ), H = V || D, q = /* @__PURE__ */ l(
+    "input",
+    {
+      ...W,
+      id: s,
+      type: "number",
+      step: P,
+      min: a,
+      max: i,
+      value: p.isValid ? p.value : p.enteredValue,
+      className: z,
+      disabled: T,
+      onBlur: O,
+      onChange: j,
+      onKeyDown: G,
+      ref: n,
+      "aria-label": "number-input",
+      placeholder: c,
+      onWheel: X
     }
-    return value;
-};
-export const convertNonIntegerToDefault = (value, fallback) => {
-    return typeof value === 'number' && Number.isFinite(value) ? value : fallback;
-};
-const isMultipleKeyInput = (key, event, previousKeyRef) => {
-    return event.key === key && previousKeyRef.current.includes(key);
-};
-const isInvalidAfter = (key, possiblePreviousKeys, event, previousKeyRef) => {
-    return event.key === key && possiblePreviousKeys.includes(previousKeyRef.current);
-};
-const NumberInput = forwardRef((props, ref) => {
-    const { id, min: propMin, max: propMax, value: propValue, step = DEFAULT_STEP, disabled = false, noDefault = false, onChange, onValueChanged = noop, onKeyDown = noop, bsSize = 'md', unit, inputAddon, errorMessage, warningMessage, messageWhiteSpace = 'normal', controls, placeholder, digitPrecision = DEFAULT_DIGIT_PRECISION, className = '', ...remainingProps } = props;
-    const previousKeyRef = useRef('');
-    const callback = onChange || onValueChanged;
-    const min = convertNonIntegerToDefault(propMin, DEFAULT_MIN);
-    const max = convertNonIntegerToDefault(propMax, DEFAULT_MAX);
-    const value = getValueFromProps(propValue, min, max, placeholder, noDefault);
-    // Define local state and define initial values
-    const [state, setState] = useState({
-        value,
-        enteredValue: value,
-        isValid: true,
-    });
-    // Update internal value whenever the value prop from outside changes
-    useAfterMount(() => {
-        setState({
-            value: getValueFromProps(propValue, min, max, placeholder, noDefault),
-            enteredValue: value,
-            isValid: true,
-        });
-    }, [propValue, min, max, placeholder, noDefault, value]);
-    const applyValue = (newValue) => {
-        if (newValue === '-' || newValue === '') {
-            setState({
-                value: newValue,
-                enteredValue: newValue,
-                isValid: true,
-            });
-            return;
-        }
-        const enteredValue = Number(newValue);
-        const isValid = !isNaN(enteredValue) && enteredValue >= min && enteredValue <= max;
-        const newValidValue = clampNumber(enteredValue, min, max);
-        setState({
-            value: newValidValue,
-            enteredValue,
-            isValid,
-        });
-        // Only call back the caller for valid values
-        isValid && callback(newValidValue);
-    };
-    const handleOnChange = (event) => {
-        applyValue(event.target.value);
-    };
-    // Prevent entering exponent to avoid side effects
-    // See https://bugzilla.mozilla.org/show_bug.cgi?id=1398528
-    // Also preventing letter inputs or multiple consecutive characters
-    // that is possible by Firefox and Safari
-    const handleKeyDown = (event) => {
-        // Allow for key combination like "ctrl + a"
-        if (event.ctrlKey || event.altKey || event.metaKey) {
-            return;
-        }
-        // Check for multiple dots, commas or dashes (consecutive)
-        if (isMultipleKeyInput('.', event, previousKeyRef) ||
-            isMultipleKeyInput(',', event, previousKeyRef) ||
-            isMultipleKeyInput('-', event, previousKeyRef) ||
-            isInvalidAfter(',', ['.', '-'], event, previousKeyRef) ||
-            isInvalidAfter('.', [',', '-'], event, previousKeyRef) ||
-            isInvalidAfter('-', ['.', ','], event, previousKeyRef) ||
-            event.key === 'Process' ||
-            event.key === 'Dead') {
-            event.preventDefault();
-        }
-        // Filter out everything that is not a number
-        if (!validKeys.includes(event.key)) {
-            event.preventDefault();
-        }
-        previousKeyRef.current = event.key;
-        onKeyDown(event);
-    };
-    const handleBlur = () => {
-        // When the value is removed, keep the input empty but trigger the outside callback
-        // since the user has finished his input
-        const lastEnteredValue = state.enteredValue;
-        if (lastEnteredValue === '') {
-            callback();
-            return;
-        }
-        // If there is no value defined and a placeholder is given or the default is not wanted,
-        // keep the input empty
-        if (!state.value && (noDefault || placeholder)) {
-            return;
-        }
-        // Otherwise, validate the input, round it according to digitPrecision,
-        // and clamp the value if the entered value exceeds the limitations
-        const convertedEnteredValue = convertNonIntegerToDefault(Number(lastEnteredValue), DEFAULT_VALUE);
-        const validNumber = clampNumber(Number(convertedEnteredValue.toFixed(digitPrecision)), min, max);
-        applyValue(validNumber);
-    };
-    const handleWheel = (event) => {
-        const target = event.target;
-        if (target instanceof HTMLInputElement) {
-            target.blur();
-        }
-    };
-    const inputGroupClassNames = classNames('input-group', bsSize === 'sm' && 'input-group-sm', bsSize === 'lg' && 'input-group-lg');
-    const inputClassNames = classNames('form-control', 'no-controls', bsSize === 'sm' && 'input-sm', bsSize === 'lg' && 'input-lg', className);
-    const hasFeedback = errorMessage || warningMessage;
-    const input = (_jsx("input", { ...remainingProps, id: id, type: 'number', step: step, min: min, max: max, value: state.isValid ? state.value : state.enteredValue, className: inputClassNames, disabled: disabled, onBlur: handleBlur, 
-        // onChange={state.value ? handleOnChange : undefined}
-        onChange: handleOnChange, onKeyDown: handleKeyDown, ref: ref, "aria-label": 'number-input', placeholder: placeholder, onWheel: handleWheel }));
-    return (_jsxs("div", { className: inputGroupClassNames, children: [inputAddon && (_jsx("div", { className: 'input-group-addon', children: _jsx("span", { className: inputAddon }) })), _jsxs("div", { className: 'form-control-feedback-wrapper', children: [input, hasFeedback && (_jsxs(_Fragment, { children: [errorMessage && _jsx("span", { className: 'form-control-feedback rioglyph rioglyph-error-sign' }), warningMessage && _jsx("span", { className: 'form-control-feedback rioglyph rioglyph-warning-sign' }), _jsx("span", { className: `help-block white-space-${messageWhiteSpace}`, children: _jsx("span", { children: errorMessage || warningMessage }) })] }))] }), (unit || controls) && (_jsxs("div", { className: `input-group-addon ${disabled ? 'disabled pointer-events-none' : ''}`, children: [unit && unit, controls && controls] }))] }));
+  );
+  return /* @__PURE__ */ N("div", { className: $, children: [
+    K && /* @__PURE__ */ l("div", { className: "input-group-addon", children: /* @__PURE__ */ l("span", { className: K }) }),
+    /* @__PURE__ */ N("div", { className: "form-control-feedback-wrapper", children: [
+      q,
+      H && /* @__PURE__ */ N(J, { children: [
+        V && /* @__PURE__ */ l("span", { className: "form-control-feedback rioglyph rioglyph-error-sign" }),
+        D && /* @__PURE__ */ l("span", { className: "form-control-feedback rioglyph rioglyph-warning-sign" }),
+        /* @__PURE__ */ l("span", { className: `help-block white-space-${R}`, children: /* @__PURE__ */ l("span", { children: V || D }) })
+      ] })
+    ] }),
+    (A || E) && /* @__PURE__ */ N("div", { className: `input-group-addon ${T ? "disabled pointer-events-none" : ""}`, children: [
+      A && A,
+      E && E
+    ] })
+  ] });
 });
-export default NumberInput;
+export {
+  oe as DEFAULT_MAX,
+  te as DEFAULT_MIN,
+  se as DEFAULT_STEP,
+  C as DEFAULT_VALUE,
+  w as convertNonIntegerToDefault,
+  de as default
+};
+//# sourceMappingURL=NumberInput.js.map

package/components/numberInput/NumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","sources":["../../../src/components/numberInput/NumberInput.tsx"],"sourcesContent":["import React, { useState, useRef, forwardRef, type ForwardedRef } from 'react';\nimport classNames from 'classnames';\nimport { noop } from 'es-toolkit/function';\n\nimport useAfterMount from '../../hooks/useAfterMount';\n\nconst DEFAULT_DIGIT_PRECISION = 3;\nexport const DEFAULT_VALUE = 0;\nexport const DEFAULT_STEP = 1;\nexport const DEFAULT_MIN = 0;\nexport const DEFAULT_MAX = Number.MAX_VALUE;\n\nconst validKeys = [\n    '0',\n    '1',\n    '2',\n    '3',\n    '4',\n    '5',\n    '6',\n    '7',\n    '8',\n    '9',\n    '.',\n    ',',\n    '-',\n    'Backspace',\n    'Tab',\n    'ArrowLeft',\n    'ArrowRight',\n    'ArrowDown',\n    'ArrowUp',\n];\n\n// Note: even if limits are set and input type is number, many browsers allow to enter invalid data\n// like entering characters or values outside the boundaries, hence we have to check the input here\n// See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number\n\nconst getValueFromProps = (\n    val: number | undefined,\n    min: number,\n    max: number,\n    placeholder: string | undefined,\n    noDefault: boolean\n) => {\n    // Show placeholder or nothing if given instead of 0 if requested for\n    if (val === undefined && (placeholder || noDefault)) {\n        return '';\n    }\n    return clampNumber(Number(val), min, max) || DEFAULT_VALUE;\n};\n\nconst clampNumber = (value: number, min: number, max: number) => {\n    if (value < min) {\n        return min;\n    }\n    if (value > max) {\n        return max;\n    }\n    return value;\n};\n\nexport const convertNonIntegerToDefault = (value: number | undefined, fallback: number) => {\n    return typeof value === 'number' && Number.isFinite(value) ? value : fallback;\n};\n\nconst isMultipleKeyInput = (\n    key: string,\n    event: React.KeyboardEvent<HTMLInputElement>,\n    previousKeyRef: React.MutableRefObject<string>\n) => {\n    return event.key === key && previousKeyRef.current.includes(key);\n};\n\nconst isInvalidAfter = (\n    key: string,\n    possiblePreviousKeys: string[],\n    event: React.KeyboardEvent<HTMLInputElement>,\n    previousKeyRef: React.MutableRefObject<string>\n) => {\n    return event.key === key && possiblePreviousKeys.includes(previousKeyRef.current);\n};\n\nexport type NumberInputProps = Omit<React.HTMLProps<HTMLInputElement>, 'onChange' | 'controls'> & {\n    /**\n     * A native input id attribute.\n     *\n     * Passed through as HTML attribute to the input element.\n     */\n    id?: string;\n\n    /**\n     * The minimum value of the input.\n     *\n     * @default 0\n     */\n    min?: number;\n\n    /**\n     * The maximum value of the input.\n     *\n     * @default Number.MAX_VALUE\n     */\n    max?: number;\n\n    /**\n     * The initial value of the input.\n     *\n     * Used to control the component from the outside.\n     *\n     * @default 0\n     */\n    value?: number;\n\n    /**\n     * Lets you omit the default value of \"0\" when the vale is not defined.\n     *\n     * The input will be empty in this case.\n     *\n     * @default false\n     */\n    noDefault?: boolean;\n\n    /**\n     * The size of increment or decrement (only works with number type).\n     *\n     * @default 1\n     */\n    step?: number;\n\n    /**\n     * Enables or disabled the input.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Callback function triggered when the input value changes.\n     *\n     * When the value is removed by the user, the input is kept empty, but it triggers the callback without any value\n     * since the user has finished his input.\n     *\n     * @param value The new value of the input.\n     */\n    onChange?: (value?: number) => void;\n\n    /**\n     * Callback function that gets triggered after filtering out invalid keystrokes.\n     *\n     * @param event The keyboard event.\n     */\n    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n\n    /**\n     * Defines the size of the input to be rendered.\n     *\n     * @default 'md'\n     */\n    bsSize?: 'sm' | 'md' | 'lg';\n\n    /**\n     * A unit for this value.\n     *\n     * This will be shown in a dedicated input addon.\n     */\n    unit?: string | React.ReactNode;\n\n    /**\n     * A rioglyph icon tio be shown in front of the input.\n     */\n    inputAddon?: string;\n\n    /**\n     * Input error message.\n     */\n    errorMessage?: string | React.ReactNode;\n\n    /**\n     * Input warning message.\n     */\n    warningMessage?: string | React.ReactNode;\n\n    /**\n     * Feedback message width.\n     *\n     * @default 'normal'\n     */\n    messageWhiteSpace?: 'normal' | 'nowrap' | 'pre-line';\n\n    /**\n     * This prop is used by the NumberControl component to pass on the +/- spinner controls.\n     *\n     * @internal\n     */\n    controls?: React.ReactNode;\n\n    /**\n     * The input placeholder if no value is given.\n     */\n    placeholder?: string;\n\n    /**\n     * Number of digits after the comma the value should be fixed to.\n     *\n     * @default 3\n     */\n    digitPrecision?: number;\n\n    /**\n     * Additional classes to be set on the component.\n     */\n    className?: string;\n};\n\nconst NumberInput = forwardRef((props: NumberInputProps, ref: ForwardedRef<HTMLInputElement>) => {\n    const {\n        id,\n        min: propMin,\n        max: propMax,\n        value: propValue,\n        step = DEFAULT_STEP,\n        disabled = false,\n        noDefault = false,\n        onChange,\n        onKeyDown = noop,\n        bsSize = 'md',\n        unit,\n        inputAddon,\n        errorMessage,\n        warningMessage,\n        messageWhiteSpace = 'normal',\n        controls,\n        placeholder,\n        digitPrecision = DEFAULT_DIGIT_PRECISION,\n        className = '',\n        ...remainingProps\n    } = props;\n\n    const previousKeyRef = useRef<string>('');\n\n    const min = convertNonIntegerToDefault(propMin, DEFAULT_MIN);\n    const max = convertNonIntegerToDefault(propMax, DEFAULT_MAX);\n\n    const value = getValueFromProps(propValue, min, max, placeholder, noDefault);\n\n    // Define local state and define initial values\n    const [state, setState] = useState({\n        value,\n        enteredValue: value,\n        isValid: true,\n    });\n\n    // Update internal value whenever the value prop from outside changes\n    useAfterMount(() => {\n        setState({\n            value: getValueFromProps(propValue, min, max, placeholder, noDefault),\n            enteredValue: value,\n            isValid: true,\n        });\n    }, [propValue, min, max, placeholder, noDefault, value]);\n\n    const applyValue = (newValue: string | number) => {\n        if (newValue === '-' || newValue === '') {\n            setState({\n                value: newValue,\n                enteredValue: newValue,\n                isValid: true,\n            });\n            return;\n        }\n\n        const enteredValue = Number(newValue);\n        const isValid = !Number.isNaN(enteredValue) && enteredValue >= min && enteredValue <= max;\n        const newValidValue = clampNumber(enteredValue, min, max);\n\n        setState({\n            value: newValidValue,\n            enteredValue,\n            isValid,\n        });\n\n        // Only call back the caller for valid values\n        isValid && onChange && onChange(newValidValue);\n    };\n\n    const handleOnChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        applyValue(event.target.value);\n    };\n\n    // Prevent entering exponent to avoid side effects\n    // See https://bugzilla.mozilla.org/show_bug.cgi?id=1398528\n    // Also preventing letter inputs or multiple consecutive characters\n    // that is possible by Firefox and Safari\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        // Allow for key combination like \"ctrl + a\"\n        if (event.ctrlKey || event.altKey || event.metaKey) {\n            return;\n        }\n\n        // Check for multiple dots, commas or dashes (consecutive)\n        if (\n            isMultipleKeyInput('.', event, previousKeyRef) ||\n            isMultipleKeyInput(',', event, previousKeyRef) ||\n            isMultipleKeyInput('-', event, previousKeyRef) ||\n            isInvalidAfter(',', ['.', '-'], event, previousKeyRef) ||\n            isInvalidAfter('.', [',', '-'], event, previousKeyRef) ||\n            isInvalidAfter('-', ['.', ','], event, previousKeyRef) ||\n            event.key === 'Process' ||\n            event.key === 'Dead'\n        ) {\n            event.preventDefault();\n        }\n\n        // Filter out everything that is not a number\n        if (!validKeys.includes(event.key)) {\n            event.preventDefault();\n        }\n\n        previousKeyRef.current = event.key;\n\n        onKeyDown(event);\n    };\n\n    const handleBlur = () => {\n        // When the value is removed, keep the input empty but trigger the outside callback\n        // since the user has finished his input\n        const lastEnteredValue = state.enteredValue;\n        if (lastEnteredValue === '') {\n            onChange?.();\n            return;\n        }\n\n        // If there is no value defined and a placeholder is given or the default is not wanted,\n        // keep the input empty\n        if (!state.value && (noDefault || placeholder)) {\n            return;\n        }\n\n        // Otherwise, validate the input, round it according to digitPrecision,\n        // and clamp the value if the entered value exceeds the limitations\n        const convertedEnteredValue = convertNonIntegerToDefault(Number(lastEnteredValue), DEFAULT_VALUE);\n        const validNumber = clampNumber(Number(convertedEnteredValue.toFixed(digitPrecision)), min, max);\n        applyValue(validNumber);\n    };\n\n    const handleWheel = (event: React.WheelEvent<HTMLInputElement>) => {\n        const target = event.target;\n        if (target instanceof HTMLInputElement) {\n            target.blur();\n        }\n    };\n\n    const inputGroupClassNames = classNames(\n        'input-group',\n        bsSize === 'sm' && 'input-group-sm',\n        bsSize === 'lg' && 'input-group-lg'\n    );\n\n    const inputClassNames = classNames(\n        'form-control',\n        'no-controls',\n        bsSize === 'sm' && 'input-sm',\n        bsSize === 'lg' && 'input-lg',\n        className\n    );\n\n    const hasFeedback = errorMessage || warningMessage;\n\n    const input = (\n        <input\n            {...remainingProps}\n            id={id}\n            type='number'\n            step={step}\n            min={min}\n            max={max}\n            value={state.isValid ? state.value : state.enteredValue}\n            className={inputClassNames}\n            disabled={disabled}\n            onBlur={handleBlur}\n            // onChange={state.value ? handleOnChange : undefined}\n            onChange={handleOnChange}\n            onKeyDown={handleKeyDown}\n            ref={ref}\n            aria-label='number-input'\n            placeholder={placeholder}\n            onWheel={handleWheel}\n        />\n    );\n\n    return (\n        <div className={inputGroupClassNames}>\n            {inputAddon && (\n                <div className='input-group-addon'>\n                    <span className={inputAddon} />\n                </div>\n            )}\n            <div className='form-control-feedback-wrapper'>\n                {input}\n                {hasFeedback && (\n                    <>\n                        {errorMessage && <span className='form-control-feedback rioglyph rioglyph-error-sign' />}\n                        {warningMessage && <span className='form-control-feedback rioglyph rioglyph-warning-sign' />}\n                        <span className={`help-block white-space-${messageWhiteSpace}`}>\n                            <span>{errorMessage || warningMessage}</span>\n                        </span>\n                    </>\n                )}\n            </div>\n            {(unit || controls) && (\n                <div className={`input-group-addon ${disabled ? 'disabled pointer-events-none' : ''}`}>\n                    {unit && unit}\n                    {controls && controls}\n                </div>\n            )}\n        </div>\n    );\n});\n\nexport default NumberInput;\n"],"names":["DEFAULT_DIGIT_PRECISION","DEFAULT_VALUE","DEFAULT_STEP","DEFAULT_MIN","DEFAULT_MAX","validKeys","getValueFromProps","val","min","max","placeholder","noDefault","clampNumber","value","convertNonIntegerToDefault","fallback","isMultipleKeyInput","key","event","previousKeyRef","isInvalidAfter","possiblePreviousKeys","NumberInput","forwardRef","props","ref","id","propMin","propMax","propValue","step","disabled","onChange","onKeyDown","noop","bsSize","unit","inputAddon","errorMessage","warningMessage","messageWhiteSpace","controls","digitPrecision","className","remainingProps","useRef","state","setState","useState","useAfterMount","applyValue","newValue","enteredValue","isValid","newValidValue","handleOnChange","handleKeyDown","handleBlur","lastEnteredValue","convertedEnteredValue","validNumber","handleWheel","target","inputGroupClassNames","classNames","inputClassNames","hasFeedback","input","jsx","jsxs","Fragment"],"mappings":"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"}