xmlui 0.11.4 → 0.11.7

package/dist/scripts/src/components/NumberBox/NumberBoxNative.js

@@ -1,513 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NumberBox = exports.defaultProps = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const NumberBox_module_scss_1 = __importDefault(require("./NumberBox.module.scss"));
-const constants_1 = require("../../components-core/constants");
-const misc_1 = require("../../components-core/utils/misc");
-const numberbox_abstractions_1 = require("./numberbox-abstractions");
-const IconNative_1 = require("../Icon/IconNative");
-const InputAdornment_1 = require("../Input/InputAdornment");
-const ButtonNative_1 = require("../Button/ButtonNative");
-const parts_1 = require("../../components-core/parts");
-const PART_SPINNER_UP = "spinnerUp";
-const PART_SPINNER_DOWN = "spinnerDown";
-// Default props for NumberBox component
-exports.defaultProps = {
-    enabled: true,
-    validationStatus: "none",
-    hasSpinBox: true,
-    integersOnly: false,
-    zeroOrPositive: false,
-    min: -numberbox_abstractions_1.NUMBERBOX_MAX_VALUE,
-    max: numberbox_abstractions_1.NUMBERBOX_MAX_VALUE,
-    step: 1,
-    updateState: constants_1.noop,
-    onDidChange: constants_1.noop,
-    onFocus: constants_1.noop,
-    onBlur: constants_1.noop,
-};
-exports.NumberBox = (0, react_1.forwardRef)(function NumberBox(_a, forwardedRef) {
-    var _b;
-    var { id, value, initialValue, style, className, enabled = exports.defaultProps.enabled, placeholder, validationStatus = exports.defaultProps.validationStatus, hasSpinBox = exports.defaultProps.hasSpinBox, step = exports.defaultProps.step, integersOnly = exports.defaultProps.integersOnly, zeroOrPositive = exports.defaultProps.zeroOrPositive, min = zeroOrPositive ? 0 : exports.defaultProps.min, max = exports.defaultProps.max, maxLength, updateState = exports.defaultProps.updateState, onDidChange = exports.defaultProps.onDidChange, onFocus = exports.defaultProps.onFocus, onBlur = exports.defaultProps.onBlur, registerComponentApi, startText, startIcon, endText, endIcon, gap, spinnerUpIcon, spinnerDownIcon, autoFocus, readOnly, required, direction } = _a, rest = __rest(_a, ["id", "value", "initialValue", "style", "className", "enabled", "placeholder", "validationStatus", "hasSpinBox", "step", "integersOnly", "zeroOrPositive", "min", "max", "maxLength", "updateState", "onDidChange", "onFocus", "onBlur", "registerComponentApi", "startText", "startIcon", "endText", "endIcon", "gap", "spinnerUpIcon", "spinnerDownIcon", "autoFocus", "readOnly", "required", "direction"]);
-    const _id = (0, react_1.useId)();
-    id = id || _id;
-    // --- Ensure the provided value is a number or null
-    // Ensure the provided minimum is not smaller than the 0 if zeroOrPositive is set to true
-    min = Math.max(zeroOrPositive ? 0 : -numberbox_abstractions_1.NUMBERBOX_MAX_VALUE, min);
-    // Step must be an integer since floating point arithmetic needs a deeper dive.
-    // probably some way to integrate with https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
-    // since there are footguns, like 0.1 + 0.2 = 0.0000...04
-    const _step = (_b = (0, numberbox_abstractions_1.toUsableNumber)(step, true)) !== null && _b !== void 0 ? _b : numberbox_abstractions_1.DEFAULT_STEP;
-    const inputRef = (0, react_1.useRef)(null);
-    const upButton = (0, react_1.useRef)(null);
-    const downButton = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        if (autoFocus) {
-            setTimeout(() => {
-                var _a;
-                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            }, 0);
-        }
-    }, [autoFocus]);
-    // --- Convert to representable string value (from number | null | undefined)
-    const [valueStrRep, setValueStrRep] = react_1.default.useState((0, numberbox_abstractions_1.mapToRepresentation)(value));
-    (0, react_1.useEffect)(() => {
-        setValueStrRep((0, numberbox_abstractions_1.mapToRepresentation)(value));
-    }, [value]);
-    // --- Initialize the related field with the input's initial value
-    (0, react_1.useEffect)(() => {
-        updateState({ value: initialValue }, { initial: true });
-    }, [initialValue, updateState]);
-    // --- Handle the value change events for this input
-    const updateValue = (0, react_1.useCallback)((newValue, rep) => {
-        setValueStrRep(rep);
-        updateState({ value: newValue });
-        onDidChange(newValue);
-    }, [onDidChange, updateState]);
-    // --- Keypress
-    const onInputChange = (0, react_1.useCallback)((event) => {
-        // const newValue = sanitizeInput(event.target.value.trim(), value, integersOnly, zeroOrPositive, min, max);
-        // if (!newValue) return;
-        // updateValue(newValue[0], newValue[1]);
-        const value = event.target.value;
-        const repr = value;
-        updateValue(value, repr);
-    }, [updateValue]);
-    // --- Stepper logic
-    const handleIncStep = (0, react_1.useCallback)(() => {
-        if (readOnly)
-            return;
-        const newValue = applyStep(valueStrRep, _step, min, max, integersOnly);
-        if (newValue === undefined)
-            return;
-        updateValue(newValue, newValue.toString());
-    }, [valueStrRep, _step, min, max, integersOnly, updateValue, readOnly]);
-    const handleDecStep = (0, react_1.useCallback)(() => {
-        if (readOnly)
-            return;
-        const newValue = applyStep(valueStrRep, -_step, min, max, integersOnly);
-        if (newValue === undefined)
-            return;
-        updateValue(newValue, newValue.toString());
-    }, [valueStrRep, _step, min, max, integersOnly, updateValue, readOnly]);
-    // --- Register stepper logic to buttons
-    useLongPress(upButton.current, handleIncStep);
-    useLongPress(downButton.current, handleDecStep);
-    // --- Shared character validation logic
-    const processCharacterInput = (0, react_1.useCallback)((char, currentValue, currentPos, predictedValue, isForPaste = false) => {
-        // --- Are the caret after the exponential separator?
-        const beforeCaret = currentValue.substring(0, currentPos);
-        const expPos = beforeCaret.indexOf(numberbox_abstractions_1.EXPONENTIAL_SEPARATOR);
-        let shouldAccept = true;
-        let shouldPreventDefault = false;
-        let newValue = currentValue;
-        let newPos = currentPos;
-        switch (char) {
-            case "-":
-                shouldAccept = false;
-                shouldPreventDefault = true;
-                if (zeroOrPositive) {
-                    // --- No minus sign allowed
-                    break;
-                }
-                if (expPos === -1) {
-                    // --- Change the first char to "-" if we are before the exponential separator and it's not already there
-                    if (!currentValue.startsWith("-")) {
-                        newValue = "-" + currentValue;
-                        newPos = currentPos + 1;
-                    }
-                }
-                else {
-                    // --- Change the char after the exponential separator to "-" if it's not already there
-                    if (currentValue[expPos + 1] !== "-") {
-                        newValue =
-                            currentValue.substring(0, expPos + 1) + "-" + currentValue.substring(expPos + 1);
-                        newPos = currentPos + 1;
-                    }
-                }
-                break;
-            case "+":
-                shouldAccept = false;
-                shouldPreventDefault = true;
-                if (expPos === -1) {
-                    // --- Remove the first char if it's "-" and we are before the exponential separator
-                    if (currentValue.startsWith("-")) {
-                        newValue = currentValue.substring(1);
-                        newPos = Math.max(0, currentPos - 1);
-                    }
-                }
-                else {
-                    // --- Remove the char after the exponential separator if it's "-"
-                    if (currentValue[expPos + 1] === "-") {
-                        newValue = currentValue.substring(0, expPos + 1) + currentValue.substring(expPos + 2);
-                        newPos = Math.max(expPos + 1, currentPos - 1);
-                    }
-                }
-                break;
-            case "0":
-                // --- Prevent leading zeros (before decimal or exponential separator)
-                if (currentValue === "0") {
-                    shouldAccept = false;
-                    shouldPreventDefault = true;
-                }
-                break;
-            case "1":
-            case "2":
-            case "3":
-            case "4":
-            case "5":
-            case "6":
-            case "7":
-            case "8":
-            case "9":
-                // --- Replace leading zero with this digit
-                if (currentValue === "0" && currentPos === 1) {
-                    if (isForPaste) {
-                        newValue = char;
-                        shouldAccept = false; // Don't add it again for paste
-                    }
-                    else {
-                        newValue = char;
-                        newPos = 1;
-                        shouldPreventDefault = true;
-                    }
-                }
-                break;
-            case numberbox_abstractions_1.DECIMAL_SEPARATOR:
-                // --- Prevent multiple decimal separators (integers only),
-                // --- or decimal separator after the exponential separator
-                if (integersOnly || currentValue.includes(numberbox_abstractions_1.DECIMAL_SEPARATOR) || expPos !== -1) {
-                    shouldAccept = false;
-                    shouldPreventDefault = true;
-                }
-                else if (predictedValue.startsWith(numberbox_abstractions_1.DECIMAL_SEPARATOR) && currentPos === 0) {
-                    newValue = "0" + predictedValue;
-                    newPos = currentPos + 2;
-                    shouldPreventDefault = true;
-                }
-                break;
-            case numberbox_abstractions_1.EXPONENTIAL_SEPARATOR:
-                // --- Prevent exponential notation for integers
-                if (integersOnly) {
-                    shouldAccept = false;
-                    shouldPreventDefault = true;
-                    break;
-                }
-                // --- Prevent multiple exponential separators
-                if (currentValue.includes(numberbox_abstractions_1.EXPONENTIAL_SEPARATOR)) {
-                    shouldAccept = false;
-                    shouldPreventDefault = true;
-                }
-                break;
-            default:
-                // --- Only allow digits for single characters
-                if (char >= "0" && char <= "9") {
-                    // --- Prevent digits before minus sign
-                    if (currentValue.startsWith("-") && currentPos === 0) {
-                        shouldAccept = false;
-                        shouldPreventDefault = true;
-                        break;
-                    }
-                    // --- For beforeInput, check for too many digits after exponential separator
-                    if (!isForPaste && expPos !== -1) {
-                        const tooManyDigitsAfterExponentialSeparator = (pos, maxDigits) => {
-                            let numDigitsAfter = 0;
-                            while (pos < currentValue.length) {
-                                if (/\d/.test(currentValue[pos++])) {
-                                    numDigitsAfter++;
-                                }
-                                else {
-                                    numDigitsAfter = maxDigits + 1;
-                                    break;
-                                }
-                            }
-                            return numDigitsAfter > maxDigits;
-                        };
-                        if (tooManyDigitsAfterExponentialSeparator(expPos + 1, 1)) {
-                            shouldAccept = false;
-                            shouldPreventDefault = true;
-                        }
-                    }
-                }
-                else {
-                    // --- Reject non-digit characters
-                    shouldAccept = false;
-                    shouldPreventDefault = true;
-                }
-                break;
-        }
-        return { shouldAccept, newValue, newPos, shouldPreventDefault };
-    }, [integersOnly, zeroOrPositive]);
-    // --- This logic prevents the user from typing invalid characters (in the current typing context)
-    const handleOnBeforeInput = (event) => {
-        var _a, _b;
-        const currentValue = (_a = event.target.value) !== null && _a !== void 0 ? _a : "";
-        const currentPos = event.target.selectionStart;
-        const expectedNewValue = currentValue.substring(0, currentPos) +
-            event.data +
-            currentValue.substring(event.target.selectionEnd);
-        // --- Handle multi-character input (paste) through the legacy path
-        if (((_b = event.data) === null || _b === void 0 ? void 0 : _b.length) > 1) {
-            let shouldPreventDefault = false;
-            const selectionStart = event.target.selectionStart;
-            let newInput = event.data;
-            // --- Decide whether to accept the optional sign character
-            if (newInput.startsWith("-")) {
-                if (selectionStart > 0) {
-                    shouldPreventDefault = true;
-                }
-            }
-            else if (newInput.startsWith("+")) {
-                shouldPreventDefault = true;
-            }
-            if (!shouldPreventDefault) {
-                // --- Check for integers
-                if (integersOnly && !numberbox_abstractions_1.INT_REGEXP.test(expectedNewValue)) {
-                    // --- The result is not an integer, drop the pasted input
-                    shouldPreventDefault = true;
-                }
-                else if (!numberbox_abstractions_1.FLOAT_REGEXP.test(expectedNewValue)) {
-                    // --- The result is not a float, drop the pasted input
-                    shouldPreventDefault = true;
-                }
-            }
-            if (shouldPreventDefault) {
-                event.preventDefault();
-            }
-            return;
-        }
-        // --- Single character processing
-        const result = processCharacterInput(event.data, currentValue, currentPos, expectedNewValue, false);
-        if (result.shouldPreventDefault) {
-            event.preventDefault();
-        }
-        // --- Apply value changes if needed
-        if (result.newValue !== currentValue) {
-            const setNewValue = (newValue, pos) => {
-                var _a;
-                event.target.value = newValue;
-                updateValue(newValue, newValue);
-                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.setSelectionRange(pos, pos);
-            };
-            setNewValue(result.newValue, result.newPos);
-        }
-    };
-    // --- Handle paste events by applying the same character validation logic
-    const handleOnPaste = (0, react_1.useCallback)((event) => {
-        var _a, _b, _c;
-        event.preventDefault();
-        const pastedText = event.clipboardData.getData("text/plain");
-        if (!pastedText)
-            return;
-        const inputElement = event.currentTarget;
-        const currentValue = (_a = inputElement.value) !== null && _a !== void 0 ? _a : "";
-        const selectionStart = (_b = inputElement.selectionStart) !== null && _b !== void 0 ? _b : 0;
-        const selectionEnd = (_c = inputElement.selectionEnd) !== null && _c !== void 0 ? _c : 0;
-        const expectedNewValue = currentValue.substring(0, selectionStart) +
-            pastedText +
-            currentValue.substring(selectionEnd);
-        // --- Start with the value before the selection
-        let resultValue = currentValue.substring(0, selectionStart);
-        let currentPos = selectionStart;
-        // --- Process each character from the pasted text
-        for (let i = 0; i < pastedText.length; i++) {
-            const char = pastedText[i];
-            const result = processCharacterInput(char, resultValue, currentPos, expectedNewValue, true);
-            if (result.shouldAccept) {
-                resultValue =
-                    resultValue.substring(0, currentPos) + char + resultValue.substring(currentPos);
-                currentPos++;
-            }
-            else if (result.newValue !== resultValue) {
-                // --- Handle special cases like sign changes or zero replacement
-                resultValue = result.newValue;
-                currentPos = result.newPos;
-            }
-        }
-        // --- Add the rest of the original value after the selection
-        resultValue += currentValue.substring(selectionEnd);
-        // --- Final validation - ensure the result is a valid number format
-        let isValidFinal = false;
-        if (integersOnly) {
-            isValidFinal = numberbox_abstractions_1.INT_REGEXP.test(resultValue) || resultValue === "" || resultValue === "-";
-        }
-        else {
-            isValidFinal = numberbox_abstractions_1.FLOAT_REGEXP.test(resultValue) || resultValue === "" || resultValue === "-";
-        }
-        // --- Apply the result if valid
-        if (isValidFinal) {
-            inputElement.value = resultValue;
-            updateValue(resultValue, resultValue);
-            inputElement.setSelectionRange(currentPos, currentPos);
-        }
-    }, [processCharacterInput, updateValue, integersOnly]);
-    // --- Setting steppers with keyboard
-    const handleOnKey = (0, react_1.useCallback)((event) => {
-        if (event.code === "ArrowUp") {
-            event.preventDefault();
-            handleIncStep();
-        }
-        if (event.code === "ArrowDown") {
-            event.preventDefault();
-            handleDecStep();
-        }
-    }, [handleIncStep, handleDecStep]);
-    // --- Manage obtaining and losing focus & blur
-    const handleOnFocus = (0, react_1.useCallback)(() => {
-        onFocus === null || onFocus === void 0 ? void 0 : onFocus();
-    }, [onFocus]);
-    const handleOnBlur = (0, react_1.useCallback)(() => {
-        var _a, _b;
-        // --- Get the current input value
-        const currentInputValue = (_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "";
-        // --- Check if we need to add a trailing zero
-        let finalValue = currentInputValue;
-        if (!integersOnly && currentInputValue.endsWith(numberbox_abstractions_1.DECIMAL_SEPARATOR)) {
-            // --- Add trailing zero if the value ends with decimal separator
-            finalValue = currentInputValue + "0";
-        }
-        // --- Convert to number and clamp to min/max bounds
-        const numericValue = (0, numberbox_abstractions_1.toUsableNumber)(finalValue, integersOnly);
-        if (!(0, numberbox_abstractions_1.isEmptyLike)(numericValue)) {
-            const clampedValue = (0, numberbox_abstractions_1.clamp)(numericValue, min, max);
-            if (clampedValue !== numericValue) {
-                const clampedString = clampedValue.toString();
-                finalValue = clampedString;
-                // --- Update the input field immediately
-                if (inputRef.current) {
-                    inputRef.current.value = clampedString;
-                }
-            }
-        }
-        // --- Update the state if the final value is different from current input
-        if (finalValue !== currentInputValue) {
-            updateValue(finalValue, finalValue);
-        }
-        else {
-            // --- Use the standard representation mapping
-            setValueStrRep((0, numberbox_abstractions_1.mapToRepresentation)(value));
-        }
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur();
-    }, [value, onBlur, integersOnly, updateValue, min, max]);
-    const focus = (0, react_1.useCallback)(() => {
-        var _a;
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    }, []);
-    const setValue = (0, misc_1.useEvent)((newValue) => {
-        updateValue(newValue, (0, numberbox_abstractions_1.isEmptyLike)(newValue) ? "" : String(newValue));
-    });
-    (0, react_1.useEffect)(() => {
-        registerComponentApi === null || registerComponentApi === void 0 ? void 0 : registerComponentApi({
-            focus,
-            setValue,
-        });
-    }, [focus, registerComponentApi, setValue]);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, rest, { className: (0, classnames_1.default)(className, NumberBox_module_scss_1.default.inputRoot, {
-            [NumberBox_module_scss_1.default.readOnly]: readOnly,
-            [NumberBox_module_scss_1.default.disabled]: !enabled,
-            [NumberBox_module_scss_1.default.noSpinBox]: !hasSpinBox,
-            [NumberBox_module_scss_1.default.error]: validationStatus === "error",
-            [NumberBox_module_scss_1.default.warning]: validationStatus === "warning",
-            [NumberBox_module_scss_1.default.valid]: validationStatus === "valid",
-            [NumberBox_module_scss_1.default.rtl]: direction === "rtl",
-        }), id: id, ref: forwardedRef, tabIndex: -1, onFocus: () => {
-            var _a;
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }, style: Object.assign(Object.assign({}, style), { gap }), children: [(0, jsx_runtime_1.jsx)(InputAdornment_1.Adornment, { "data-part-id": parts_1.PART_START_ADORNMENT, text: startText, iconName: startIcon, className: (0, classnames_1.default)(NumberBox_module_scss_1.default.adornment) }), (0, jsx_runtime_1.jsx)("input", { id: id, "data-part-id": parts_1.PART_INPUT, type: "text", inputMode: "numeric", className: (0, classnames_1.default)(NumberBox_module_scss_1.default.input, {
-                    [NumberBox_module_scss_1.default.readOnly]: readOnly,
-                }), disabled: !enabled, value: valueStrRep, step: step, placeholder: placeholder, onChange: onInputChange, onFocus: handleOnFocus, onBlur: handleOnBlur, onBeforeInput: handleOnBeforeInput, onPaste: handleOnPaste, onKeyDown: handleOnKey, readOnly: readOnly, ref: inputRef, autoFocus: autoFocus, maxLength: maxLength, required: required }), (0, jsx_runtime_1.jsx)(InputAdornment_1.Adornment, { "data-part-id": parts_1.PART_END_ADORNMENT, text: endText, iconName: endIcon, className: (0, classnames_1.default)(NumberBox_module_scss_1.default.adornment) }), hasSpinBox && ((0, jsx_runtime_1.jsxs)("div", { className: NumberBox_module_scss_1.default.spinnerBox, children: [(0, jsx_runtime_1.jsx)(ButtonNative_1.Button, { "data-part-id": PART_SPINNER_UP, "data-spinner": "up", type: "button", role: "spinbutton", variant: "ghost", themeColor: "secondary", tabIndex: -1, className: NumberBox_module_scss_1.default.spinnerButton, disabled: !enabled || readOnly, ref: upButton, children: (0, jsx_runtime_1.jsx)(IconNative_1.Icon, { name: spinnerUpIcon || "spinnerUp:NumberBox", fallback: "chevronup", size: "sm" }) }), (0, jsx_runtime_1.jsx)(ButtonNative_1.Button, { "data-part-id": PART_SPINNER_DOWN, "data-spinner": "down", type: "button", role: "spinbutton", tabIndex: -1, variant: "ghost", themeColor: "secondary", className: NumberBox_module_scss_1.default.spinnerButton, disabled: !enabled || readOnly, ref: downButton, children: (0, jsx_runtime_1.jsx)(IconNative_1.Icon, { name: spinnerDownIcon || "spinnerDown:NumberBox", fallback: "chevrondown", size: "sm" }) })] }))] })));
-});
-function applyStep(valueStrRep, step, min, max, integersOnly) {
-    const currentValue = (0, numberbox_abstractions_1.toUsableNumber)(valueStrRep, integersOnly);
-    if ((0, numberbox_abstractions_1.isEmptyLike)(currentValue)) {
-        return;
-    }
-    return (0, numberbox_abstractions_1.clamp)(currentValue + step, min, max);
-}
-function useLongPress(elementRef, action, delay = 500) {
-    const timeoutId = (0, react_1.useRef)(0);
-    const intervalId = (0, react_1.useRef)(0);
-    const savedAction = (0, react_1.useRef)(action);
-    // Remember the latest action callback, since it is different every render
-    (0, react_1.useEffect)(() => {
-        savedAction.current = action;
-    }, [action]);
-    (0, react_1.useEffect)(() => {
-        const onMouseDown = () => {
-            var _a;
-            (_a = savedAction.current) === null || _a === void 0 ? void 0 : _a.call(savedAction);
-            timeoutId.current = window.setTimeout(() => {
-                intervalId.current = window.setInterval(() => {
-                    var _a;
-                    (_a = savedAction.current) === null || _a === void 0 ? void 0 : _a.call(savedAction);
-                }, 100);
-            }, delay);
-        };
-        const onMouseUp = () => {
-            clearTimeout(timeoutId.current);
-            clearInterval(intervalId.current);
-        };
-        const onMouseOut = () => {
-            clearTimeout(timeoutId.current);
-            clearInterval(intervalId.current);
-        };
-        elementRef === null || elementRef === void 0 ? void 0 : elementRef.addEventListener("mousedown", onMouseDown);
-        elementRef === null || elementRef === void 0 ? void 0 : elementRef.addEventListener("mouseup", onMouseUp);
-        elementRef === null || elementRef === void 0 ? void 0 : elementRef.addEventListener("mouseout", onMouseOut);
-        return () => {
-            elementRef === null || elementRef === void 0 ? void 0 : elementRef.removeEventListener("mousedown", onMouseDown);
-            elementRef === null || elementRef === void 0 ? void 0 : elementRef.removeEventListener("mouseup", onMouseUp);
-            elementRef === null || elementRef === void 0 ? void 0 : elementRef.removeEventListener("mouseout", onMouseOut);
-        };
-    }, [elementRef, action, delay]);
-}

package/dist/scripts/src/components/NumberBox/numberbox-abstractions.js

@@ -1,109 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_STEP = exports.FLOAT_REGEXP = exports.INT_REGEXP = exports.EXPONENTIAL_SEPARATOR = exports.DECIMAL_SEPARATOR = exports.NUMBERBOX_MAX_VALUE = void 0;
-exports.isEmptyLike = isEmptyLike;
-exports.mapToRepresentation = mapToRepresentation;
-exports.isOutOfBounds = isOutOfBounds;
-exports.clamp = clamp;
-exports.toUsableNumber = toUsableNumber;
-exports.isUsableFloat = isUsableFloat;
-exports.isUsableInteger = isUsableInteger;
-exports.NUMBERBOX_MAX_VALUE = 999999999999999;
-exports.DECIMAL_SEPARATOR = ".";
-exports.EXPONENTIAL_SEPARATOR = "e";
-exports.INT_REGEXP = /^-?\d+$/;
-exports.FLOAT_REGEXP = /^-?\d+(\.\d+)?([eE][+-]?\d+)?$/;
-exports.DEFAULT_STEP = 1;
-function isEmptyLike(value) {
-    return typeof value === "undefined" || value === null || value === "";
-}
-function mapToRepresentation(value) {
-    if (typeof value === "string")
-        return value;
-    if (typeof value === "number")
-        return value.toString();
-    return "";
-}
-function isOutOfBounds(value, min, max) {
-    return value < min || value > max;
-}
-function clamp(value, min, max) {
-    let clamped = value;
-    if (value < min)
-        clamped = min;
-    if (value > max)
-        clamped = max;
-    return clamped;
-}
-function toUsableNumber(value, isInteger = false) {
-    const isUsable = isInteger ? isUsableInteger : isUsableFloat;
-    if (!isUsable(value))
-        return null;
-    if (typeof value === "string") {
-        value = isInteger ? Number.parseInt(value) : +value;
-    }
-    return value;
-}
-/**
- * Check whether the input value is a usable number for operations.
- * Passes if it's of type number or a non-empty string that evaluates to a number.
- */
-function isUsableFloat(value) {
-    if (typeof value === "string" && value.length > 0) {
-        return !Number.isNaN(+value) && naiveFloatBounding(value);
-    }
-    return typeof value === "number";
-}
-// TEMP
-// Rounding and arithmetic with large floats is a hassle if loss of precision is apparent.
-// Just bound the incoming floating point value to the max value available.
-// This is an edge case but makes it so that we stay consistent and can do arithmetic with the spinner box.
-function naiveFloatBounding(value) {
-    const integerPart = value.split(".")[0];
-    return Math.abs(Number.parseInt(integerPart)) <= exports.NUMBERBOX_MAX_VALUE;
-}
-/**
- * Check whether the input value is a usable integer for operations.
- * Passes if it's of type number and is an integer
- * or a non-empty string that evaluates to an integer.
- */
-function isUsableInteger(value) {
-    if (typeof value === "string" &&
-        value.length > 0 &&
-        ![exports.EXPONENTIAL_SEPARATOR, exports.DECIMAL_SEPARATOR].some((item) => value.includes(item))) {
-        return Number.isSafeInteger(+value);
-    }
-    else if (typeof value === "number") {
-        return Number.isSafeInteger(value);
-    }
-    return false;
-}
-// TODO:
-class NumberFormatter2 {
-    constructor(locale, options) {
-        this.locale = locale;
-        this.options = options;
-        this.formatter = new Intl.NumberFormat(locale, options);
-    }
-    set input(value) {
-    }
-    buildModel() {
-        var _a, _b;
-        const parts = this.formatter.formatToParts(1234.5);
-        this.model.group = ((_a = parts.find((p) => p.type === "group")) === null || _a === void 0 ? void 0 : _a.value) || "";
-        this.model.decimal = ((_b = parts.find((p) => p.type === "decimal")) === null || _b === void 0 ? void 0 : _b.value) || "";
-    }
-    parse(value) {
-        return 0;
-    }
-    format(value) {
-        return this.formatter.format(value);
-    }
-    /**
-     * Strip all non-numeric characters but keep the type of string
-     * @param value
-     */
-    sanitize(value) {
-        return "";
-    }
-}

package/dist/scripts/src/components/Option/Option.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.optionComponentRenderer = exports.OptionMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const renderers_1 = require("../../components-core/renderers");
-const container_helpers_1 = require("../container-helpers");
-const metadata_helpers_1 = require("../metadata-helpers");
-const OptionNative_1 = require("./OptionNative");
-const COMP = "Option";
-exports.OptionMd = (0, metadata_helpers_1.createMetadata)({
-    status: "stable",
-    description: "`Option` defines selectable items for choice-based components, providing both " +
-        "the underlying value and display text for selection interfaces. It serves as " +
-        "a non-visual data structure that describes individual choices within " +
-        "[Select](/components/Select), [AutoComplete](/components/AutoComplete), " +
-        "and other selection components.",
-    props: {
-        label: (0, metadata_helpers_1.d)(`This property defines the text to display for the option. If \`label\` is not defined, ` +
-            `\`Option\` will use the \`value\` as the label.`),
-        value: (0, metadata_helpers_1.d)("This property defines the value of the option. If `value` is not defined, " +
-            "`Option` will use the `label` as the value. If neither is defined, " +
-            "the option is not displayed."),
-        enabled: {
-            description: "This boolean property indicates whether the option is enabled or disabled.",
-            valueType: "boolean",
-            defaultValue: OptionNative_1.defaultProps.enabled,
-        },
-        keywords: (0, metadata_helpers_1.d)("An array of keywords that can be used for searching and filtering the option. " +
-            "These keywords are not displayed but help users find the option through search."),
-    },
-});
-exports.optionComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.OptionMd, ({ node, extractValue, className, renderChild, layoutContext }) => {
-    var _a, _b;
-    const label = extractValue.asOptionalString(node.props.label);
-    let value = extractValue(node.props.value);
-    if (label === undefined && value === undefined) {
-        return null;
-    }
-    const hasTextNodeChild = ((_a = node.children) === null || _a === void 0 ? void 0 : _a.length) === 1 && (node.children[0].type === "TextNode" || node.children[0].type === "TextNodeCData");
-    const textNodeChild = hasTextNodeChild ? renderChild(node.children) : undefined;
-    return ((0, jsx_runtime_1.jsx)(OptionNative_1.OptionNative, { label: label || textNodeChild, value: value !== undefined && value !== "" ? value : label, enabled: extractValue.asOptionalBoolean(node.props.enabled), keywords: extractValue.asOptionalStringArray(node.props.keywords), className: className, optionRenderer: ((_b = node.children) === null || _b === void 0 ? void 0 : _b.length) > 0
-            ? !hasTextNodeChild ? (contextVars) => ((0, jsx_runtime_1.jsx)(container_helpers_1.MemoizedItem, { node: node.children, renderChild: renderChild, contextVars: contextVars, layoutContext: layoutContext })) : undefined
-            : undefined, children: !hasTextNodeChild && renderChild(node.children) }));
-});