@pinnacle0/web-ui 0.3.36 → 0.3.39

package/core/MutableTable/index.js

@@ -0,0 +1,139 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import React from "react";
+import { Table } from "../Table";
+import { i18n } from "../../internal/i18n/core";
+import "./index.less";
+var MutableTable = /** @class */ (function (_super) {
+    __extends(MutableTable, _super);
+    function MutableTable(props) {
+        var _this = _super.call(this, props) || this;
+        _this.defaultSequenceColumn = {
+            title: i18n().sequence,
+            renderer: function (index) { return (index + 1).toString(); },
+            width: 90,
+            align: "center",
+        };
+        _this.getColumns = function () {
+            var _a = _this.props, columns = _a.columns, dataSource = _a.dataSource, nextRow = _a.nextRow, fixedRowCount = _a.fixedRowCount, scrollX = _a.scrollX, sequenceColumn = _a.sequenceColumn, disabled = _a.disabled;
+            var newColumns = __spreadArray([], __read(columns), false);
+            var t = i18n();
+            if (sequenceColumn) {
+                var finalSequenceColumn_1 = sequenceColumn === "default" ? _this.defaultSequenceColumn : __assign(__assign({}, _this.defaultSequenceColumn), sequenceColumn);
+                newColumns.unshift({
+                    title: finalSequenceColumn_1.title,
+                    width: finalSequenceColumn_1.width,
+                    align: finalSequenceColumn_1.align,
+                    fixed: scrollX === "none" ? undefined : "left",
+                    renderData: function (_, index) { return finalSequenceColumn_1.renderer(index); },
+                });
+            }
+            newColumns.push({
+                title: t.action,
+                width: 100,
+                align: "center",
+                fixed: scrollX === "none" ? undefined : "right",
+                renderData: function (_, index) {
+                    var dataSourceLength = dataSource.length;
+                    return (React.createElement("div", { className: "operation" },
+                        (!fixedRowCount || fixedRowCount <= index) && (React.createElement("button", { type: "button", disabled: disabled || dataSourceLength === 1, onClick: function () { return _this.onDeleteRow(index); } }, "\uFF0D")),
+                        index === dataSourceLength - 1 && (React.createElement("button", { disabled: disabled || nextRow === undefined, type: "button", onClick: function () { return _this.onAddRow(nextRow); } }, "\uFF0B"))));
+                },
+            });
+            return newColumns;
+        };
+        _this.onDeleteRow = function (index) {
+            var _a = _this.props, dataSource = _a.dataSource, onChange = _a.onChange, onRowCountChange = _a.onRowCountChange;
+            if (onRowCountChange) {
+                onRowCountChange("remove-row");
+            }
+            if (onChange) {
+                var newData = __spreadArray([], __read(dataSource), false);
+                newData.splice(index, 1);
+                onChange(newData);
+            }
+        };
+        _this.onAddRow = function (nextRow) {
+            var _a = _this.props, dataSource = _a.dataSource, onChange = _a.onChange, onRowCountChange = _a.onRowCountChange;
+            if (onRowCountChange) {
+                onRowCountChange("add-row");
+            }
+            if (nextRow !== true && onChange) {
+                var newData = __spreadArray([], __read(dataSource), false);
+                newData.push(nextRow);
+                onChange(newData);
+            }
+        };
+        _this.ref = React.createRef();
+        return _this;
+    }
+    MutableTable.prototype.componentDidUpdate = function (prevProps) {
+        if (prevProps.dataSource.length < this.props.dataSource.length && Number(this.props.scrollY) > 0) {
+            var tableContainerRef = this.ref.current.querySelector(".ant-table-body");
+            if (tableContainerRef) {
+                tableContainerRef.scrollTop = tableContainerRef.scrollHeight;
+            }
+        }
+    };
+    MutableTable.prototype.render = function () {
+        var _a = this.props, dataSource = _a.dataSource, shouldRenderIfUpdate = _a.shouldRenderIfUpdate, scrollX = _a.scrollX, scrollY = _a.scrollY, bordered = _a.bordered;
+        return (React.createElement("div", { ref: this.ref },
+            React.createElement(Table, { className: "g-mutable-table", scrollX: scrollX, scrollY: scrollY, rowKey: "index", columns: this.getColumns(), dataSource: dataSource, shouldRenderIfUpdate: shouldRenderIfUpdate, bordered: bordered })));
+    };
+    MutableTable.displayName = "MutableTable";
+    MutableTable.defaultProps = {
+        scrollX: "none",
+    };
+    return MutableTable;
+}(React.PureComponent));
+export { MutableTable };
+//# sourceMappingURL=index.js.map

package/core/MutableTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/MutableTable/index.tsx"],"names":[],"mappings":"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"}

package/core/NumberInput/NumberInputPercentage.d.ts

@@ -0,0 +1,58 @@
+import React from "react";
+import type { PickOptional } from "../../internal/type";
+import type { Props as NumberInputProps } from "./index";
+declare type OmitPropsKeys = "displayRenderer" | "scale" | "step" | "min" | "max" | "value" | "onChange";
+export interface Props<AllowNull extends boolean> extends Omit<NumberInputProps<AllowNull>, OmitPropsKeys> {
+    /**
+     * Number of decimal points used for **percentage** values.
+     *
+     * Default value: `0`
+     *
+     * To use 2 decimal points (eg 12.34%) in percentage values, `props.percentageScale` should be `2`.
+     * Must be an integer, otherwise throws an Error.
+     */
+    percentageScale?: number;
+    /**
+     * Amount to increment/decrement by in **percentage** values.
+     *
+     * Default value is based on `props.percentageScale`:
+     * ```txt
+     * | % scale     | default % step |
+     * |-------------|----------------|
+     * |      0      |     1 (1%)     |
+     * |      1      |   0.1 (0.1%)   |
+     * |      2      |  0.01 (0.01%)  |
+     * ```
+     */
+    percentageStep?: number;
+    /**
+     * Minimum value in **decimal** number.
+     * Default value: `0`
+     * If the minimum is `10%`, then `props.min` should be `0.1`.
+     */
+    min?: number;
+    /**
+     * Maximum value in **decimal** number.
+     * Default value: `1`
+     * If the maximum is `90%`, then `props.max` should be `0.9`.
+     */
+    max?: number;
+    /**
+     * Value of input field in **decimal** number.
+     * If the value is `20%`, then `props.value` should be `0.2`.
+     */
+    value: AllowNull extends true ? number | null : number;
+    /**
+     * Callback when value of input field changed in **decimal** number.
+     * If the new value is `30%`, then the argument `newValue` will be `0.3`.
+     */
+    onChange: (newValue: AllowNull extends true ? number | null : number) => void;
+}
+export declare class NumberInputPercentage<AllowNull extends boolean> extends React.PureComponent<Props<AllowNull>> {
+    static displayName: string;
+    static defaultProps: PickOptional<Props<any>>;
+    percentageDisplayRenderer: (value: number) => string;
+    onPercentageChange: Props<AllowNull>["onChange"];
+    render(): JSX.Element;
+}
+export {};

package/core/NumberInput/NumberInputPercentage.js

@@ -0,0 +1,75 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+import React from "react";
+import { classNames } from "../../util/ClassNames";
+import { NumberInput } from "./index";
+import { truncate } from "./util";
+var NumberInputPercentage = /** @class */ (function (_super) {
+    __extends(NumberInputPercentage, _super);
+    function NumberInputPercentage() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.percentageDisplayRenderer = function (value) {
+            var percentageValue = value;
+            var percentageScale = _this.props.percentageScale;
+            return "".concat(percentageValue.toFixed(percentageScale), " %");
+        };
+        _this.onPercentageChange = function (newPercentageValue) {
+            var scale = _this.props.percentageScale + 2;
+            var onChange = _this.props.onChange;
+            var newValue = typeof newPercentageValue === "number" ? truncate(newPercentageValue / 100, scale) : newPercentageValue;
+            onChange(newValue);
+        };
+        return _this;
+    }
+    NumberInputPercentage.prototype.render = function () {
+        var _a = this.props, percentageScale = _a.percentageScale, percentageStep = _a.percentageStep, min = _a.min, max = _a.max, value = _a.value, onChange = _a.onChange, className = _a.className, restProps = __rest(_a, ["percentageScale", "percentageStep", "min", "max", "value", "onChange", "className"]);
+        var percentageValue = (typeof value === "number" ? value * 100 : value);
+        var percentageMin = min * 100;
+        var percentageMax = max * 100;
+        return (React.createElement(NumberInput, __assign({ className: classNames("percentage", className), value: percentageValue, onChange: this.onPercentageChange, min: percentageMin, max: percentageMax, scale: percentageScale, step: percentageStep, displayRenderer: this.percentageDisplayRenderer }, restProps)));
+    };
+    NumberInputPercentage.displayName = "NumberInputPercentage";
+    NumberInputPercentage.defaultProps = {
+        percentageScale: 0,
+        min: 0,
+        max: 1,
+    };
+    return NumberInputPercentage;
+}(React.PureComponent));
+export { NumberInputPercentage };
+//# sourceMappingURL=NumberInputPercentage.js.map

package/core/NumberInput/NumberInputPercentage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInputPercentage.js","sourceRoot":"","sources":["../../../src/core/NumberInput/NumberInputPercentage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AACpC,OAAO,EAAC,QAAQ,EAAC,MAAM,QAAQ,CAAC;AA0DhC;IAAsE,yCAAqC;IAA3G;QAAA,qEAyCC;QAhCG,+BAAyB,GAAG,UAAC,KAAa;YACtC,IAAM,eAAe,GAAG,KAAK,CAAC;YAC9B,IAAM,eAAe,GAAG,KAAI,CAAC,KAAK,CAAC,eAAgB,CAAC;YACpD,OAAO,UAAG,eAAe,CAAC,OAAO,CAAC,eAAe,CAAC,OAAI,CAAC;QAC3D,CAAC,CAAC;QAEF,wBAAkB,GAAiC,UAAA,kBAAkB;YACjE,IAAM,KAAK,GAAG,KAAI,CAAC,KAAK,CAAC,eAAgB,GAAG,CAAC,CAAC;YAC9C,IAAM,QAAQ,GAAG,KAAI,CAAC,KAAK,CAAC,QAA6C,CAAC;YAC1E,IAAM,QAAQ,GAAG,OAAO,kBAAkB,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,kBAAkB,GAAG,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC;YACzH,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACvB,CAAC,CAAC;;IAqBN,CAAC;IAnBG,sCAAM,GAAN;QACI,IAAM,KAAwF,IAAI,CAAC,KAAK,EAAjG,eAAe,qBAAA,EAAE,cAAc,oBAAA,EAAE,GAAG,SAAA,EAAE,GAAG,SAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,SAAS,cAApF,qFAAqF,CAAa,CAAC;QACzG,IAAM,eAAe,GAAG,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,CAAoD,CAAC;QAC7H,IAAM,aAAa,GAAG,GAAI,GAAG,GAAG,CAAC;QACjC,IAAM,aAAa,GAAG,GAAI,GAAG,GAAG,CAAC;QACjC,OAAO,CACH,oBAAC,WAAW,aACR,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,EAC9C,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,IAAI,CAAC,kBAAkB,EACjC,GAAG,EAAE,aAAa,EAClB,GAAG,EAAE,aAAa,EAClB,KAAK,EAAE,eAAe,EACtB,IAAI,EAAE,cAAc,EACpB,eAAe,EAAE,IAAI,CAAC,yBAAyB,IAC3C,SAAS,EACf,CACL,CAAC;IACN,CAAC;IAvCM,iCAAW,GAAG,uBAAuB,CAAC;IAEtC,kCAAY,GAA6B;QAC5C,eAAe,EAAE,CAAC;QAClB,GAAG,EAAE,CAAC;QACN,GAAG,EAAE,CAAC;KACT,CAAC;IAkCN,4BAAC;CAAA,AAzCD,CAAsE,KAAK,CAAC,aAAa,GAyCxF;SAzCY,qBAAqB"}

package/core/NumberInput/index.d.ts

@@ -0,0 +1,70 @@
+import React from "react";
+import { NumberInputPercentage } from "./NumberInputPercentage";
+import type { InputRef as AntInputRef } from "antd/lib";
+import type { ControlledFormValue } from "../../internal/type";
+import "./index.less";
+declare type DefaultPropsKeys = "scale" | "min" | "max" | "editable" | "stepperMode";
+declare type PropsWithDefault<AllowNull extends boolean = true> = {
+    [K in Exclude<keyof Props<AllowNull>, DefaultPropsKeys>]: Props<AllowNull>[K];
+} & {
+    [K in DefaultPropsKeys]: NonNullable<Props<AllowNull>[K]>;
+};
+export declare type InputRef = AntInputRef;
+export interface Props<AllowNull extends boolean> extends ControlledFormValue<AllowNull extends true ? number | null : number> {
+    /** Whether `null` is allowed in `value` */
+    allowNull: AllowNull;
+    /** Clear button to clear value */
+    allowClear?: boolean;
+    /** Set number of decimal points for `value`. Important due to floating point precision issues  */
+    scale?: number;
+    /** Minimum value allowed as input. Out of range values are discarded onBlur, and does not trigger onChange. */
+    min?: number;
+    /** Maximum value allowed as input. Out of range values are discarded onBlur, and does not trigger onChange. */
+    max?: number;
+    /** Whether the input field should be editable */
+    editable?: boolean;
+    /** Set the increment/decrement stepper display options */
+    stepperMode?: "none" | "always" | "hover";
+    /** Set the interval to increment/decrement with stepper */
+    step?: number;
+    /** Callback function to render value onBlur */
+    displayRenderer?: (value: number) => string;
+    /** Whether the input field is disabled */
+    disabled?: boolean;
+    /** Placeholder text to display when input field is empty */
+    placeholder?: string;
+    /** Additional className for input field */
+    className?: string;
+    /** Additional style for input field */
+    inputStyle?: React.CSSProperties;
+    /** Additional component to render after input field */
+    suffix?: React.ReactChild;
+    /** Additional component to render before input field */
+    prefix?: React.ReactChild;
+    /** Optional Input Ref */
+    inputRef?: React.RefObject<InputRef>;
+}
+interface State {
+    editingValue: string;
+    isEditing: boolean;
+}
+export declare class NumberInput<AllowNull extends boolean> extends React.PureComponent<Props<AllowNull>, State> {
+    static displayName: string;
+    static defaultProps: Pick<Props<any>, DefaultPropsKeys>;
+    static Percentage: typeof NumberInputPercentage;
+    private inputRef;
+    constructor(props: PropsWithDefault<AllowNull>);
+    componentDidUpdate(prevProps: PropsWithDefault<AllowNull>): void;
+    getStep: () => number;
+    triggerParentOnChangeIfValid: (uncheckedValue: string) => void;
+    stopPropagation: (event: React.MouseEvent) => void;
+    onMinusClick: () => void;
+    onAddClick: () => void;
+    onInputFocus: () => void;
+    onInputBlur: () => void;
+    onInputChange: (newValue: string) => void;
+    onInputPress: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    render(): JSX.Element;
+    private get typeSafeProps();
+}
+export {};

package/core/NumberInput/index.js

@@ -0,0 +1,130 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from "react";
+import { classNames } from "../../util/ClassNames";
+import { Input } from "../Input";
+import { canAdd, canMinus, clamp, getDisplayValue, rectifyInputIfValid, truncate } from "./util";
+import { NumberInputPercentage } from "./NumberInputPercentage";
+import "./index.less";
+var NumberInput = /** @class */ (function (_super) {
+    __extends(NumberInput, _super);
+    function NumberInput(props) {
+        var _this = _super.call(this, props) || this;
+        _this.inputRef = React.createRef();
+        _this.getStep = function () {
+            var _a = _this.typeSafeProps, step = _a.step, scale = _a.scale;
+            if (step !== undefined) {
+                return step;
+            }
+            return truncate(Math.pow(10, (-1 * scale)), scale);
+        };
+        _this.triggerParentOnChangeIfValid = function (uncheckedValue) {
+            _this.setState({ editingValue: uncheckedValue });
+            var typeSafeProps = _this.typeSafeProps;
+            var onChange = typeSafeProps.onChange, scale = typeSafeProps.scale, allowNull = typeSafeProps.allowNull;
+            var checkedValue = rectifyInputIfValid(uncheckedValue, typeSafeProps);
+            // if `null` is not allowed, `checkedValue` will be invalid
+            if (checkedValue === "@@INVALID") {
+                return;
+            }
+            var normalizedParentValue = typeSafeProps.value === null ? null : truncate(typeSafeProps.value, scale);
+            // Only call onChange if values are different
+            if (checkedValue !== normalizedParentValue) {
+                onChange(checkedValue);
+            }
+        };
+        _this.stopPropagation = function (event) { return event.stopPropagation(); };
+        _this.onMinusClick = function () {
+            var parentValue = _this.typeSafeProps.value;
+            var step = _this.getStep();
+            var nextValue = parentValue === null ? 0 : parentValue - step; // parentValue is kept in sync with latest valid user input, safe to use the parentValue for stepping
+            _this.triggerParentOnChangeIfValid(nextValue.toString()); // The value is checked excessively but it's better than having a unguarded class method
+        };
+        _this.onAddClick = function () {
+            var parentValue = _this.typeSafeProps.value;
+            var step = _this.getStep();
+            var prevValue = parentValue === null ? 0 : parentValue + step; // parentValue is kept in sync with latest valid user input, safe to use the parentValue for stepping
+            _this.triggerParentOnChangeIfValid(prevValue.toString()); // The value is checked excessively but it's better than having a unguarded class method
+        };
+        _this.onInputFocus = function () {
+            var _a = _this.typeSafeProps, value = _a.value, scale = _a.scale;
+            _this.setState({ isEditing: true, editingValue: value === null ? "" : truncate(value, scale).toString() });
+        };
+        _this.onInputBlur = function () {
+            _this.triggerParentOnChangeIfValid(_this.state.editingValue);
+            _this.setState({ isEditing: false });
+        };
+        _this.onInputChange = function (newValue) { return _this.triggerParentOnChangeIfValid(newValue); };
+        _this.onInputPress = function (event) {
+            var _a;
+            if (event.key === "Enter") {
+                (_a = (_this.props.inputRef || _this.inputRef).current) === null || _a === void 0 ? void 0 : _a.blur();
+            }
+        };
+        _this.state = { editingValue: props.value !== null ? props.value.toFixed(props.scale) : "", isEditing: false };
+        return _this;
+    }
+    NumberInput.prototype.componentDidUpdate = function (prevProps) {
+        var _a = this.typeSafeProps, value = _a.value, max = _a.max, min = _a.min, scale = _a.scale, onChange = _a.onChange;
+        var isEditing = this.state.isEditing;
+        if (!isEditing && value !== prevProps.value) {
+            this.setState({ editingValue: value === null ? "" : truncate(value, scale).toString() });
+        }
+        var shouldCallOnChange = max !== prevProps.max || min !== prevProps.min || scale !== prevProps.scale;
+        if (shouldCallOnChange) {
+            value === null ? onChange(value) : onChange(clamp({ value: truncate(value, scale), min: min, max: max }));
+        }
+    };
+    NumberInput.prototype.render = function () {
+        var _a = this.typeSafeProps, disabled = _a.disabled, className = _a.className, editable = _a.editable, stepperMode = _a.stepperMode, placeholder = _a.placeholder, inputStyle = _a.inputStyle, suffix = _a.suffix, prefix = _a.prefix, allowClear = _a.allowClear, inputRef = _a.inputRef;
+        var _b = this.state, editingValue = _b.editingValue, isEditing = _b.isEditing;
+        return (React.createElement("div", { className: classNames("g-number-input", "stepper-".concat(stepperMode), { disabled: disabled }, className), onClick: this.stopPropagation },
+            React.createElement("button", { type: "button", className: "minus", disabled: disabled || !canMinus(__assign(__assign({}, this.typeSafeProps), { step: this.getStep() })), onClick: this.onMinusClick }, "\uFF0D"),
+            React.createElement(Input, { inputRef: inputRef || this.inputRef, style: inputStyle, placeholder: placeholder, disabled: disabled, value: isEditing ? editingValue : getDisplayValue(this.typeSafeProps), readOnly: !editable, onFocus: this.onInputFocus, onBlur: this.onInputBlur, onChange: this.onInputChange, onKeyPress: this.onInputPress, suffix: suffix, prefix: prefix, inputMode: "decimal", className: "count-input", allowClear: allowClear }),
+            React.createElement("button", { type: "button", className: "add", disabled: disabled || !canAdd(__assign(__assign({}, this.typeSafeProps), { step: this.getStep() })), onClick: this.onAddClick }, "\uFF0B")));
+    };
+    Object.defineProperty(NumberInput.prototype, "typeSafeProps", {
+        get: function () {
+            // Use a less restrictive type here (allow null) for type inference in various places to work
+            return this.props;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    NumberInput.displayName = "NumberInput";
+    NumberInput.defaultProps = {
+        scale: 0,
+        min: -99999999,
+        max: 99999999,
+        editable: true,
+        stepperMode: "none",
+    };
+    NumberInput.Percentage = NumberInputPercentage;
+    return NumberInput;
+}(React.PureComponent));
+export { NumberInput };
+//# sourceMappingURL=index.js.map

package/core/NumberInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/NumberInput/index.tsx"],"names":[],"mappings":"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"}

package/core/NumberInput/util.d.ts

@@ -0,0 +1,34 @@
+export declare const truncate: (value: number, scale: number) => number;
+export declare const clamp: (_: {
+    value: number;
+    min: number;
+    max: number;
+}) => number;
+export declare const canAdd: (_: {
+    value: number | null;
+    step: number;
+    max: number;
+    scale: number;
+}) => boolean;
+export declare const canMinus: (_: {
+    value: number | null;
+    step: number;
+    min: number;
+    scale: number;
+}) => boolean;
+export declare const getDisplayValue: (_: {
+    value: number | null;
+    scale: number;
+    displayRenderer?: ((value: number) => string) | undefined;
+}) => string;
+/**
+ * @param userInput Raw text from the input field, may or may not be convertible to `null` or a valid number
+ * @param config    Defines the range and scale of a valid number, and if `null` is allowed to be returned
+ * @returns         A number that is ensured to be valid and is not `NaN`; or `null` if `allowNull` is true and `userInput` is an empty string; or `"@@INVALID"` if userInput cannot be converted
+ */
+export declare const rectifyInputIfValid: (userInput: string, config: {
+    min: number;
+    max: number;
+    scale: number;
+    allowNull: boolean;
+}) => null | number | "@@INVALID";

package/core/NumberInput/util.js

@@ -0,0 +1,57 @@
+export var truncate = function (value, scale) {
+    return parseFloat(value.toFixed(scale));
+};
+export var clamp = function (_) {
+    return Math.max(_.min, Math.min(_.max, _.value));
+};
+export var canAdd = function (_) {
+    if (_.value === null) {
+        return true;
+    }
+    else {
+        var nextStep = truncate(_.value + _.step, _.scale);
+        return nextStep <= truncate(_.max, _.scale);
+    }
+};
+export var canMinus = function (_) {
+    if (_.value === null) {
+        return true;
+    }
+    else {
+        var prevStep = truncate(_.value - _.step, _.scale);
+        return prevStep >= truncate(_.min, _.scale);
+    }
+};
+export var getDisplayValue = function (_) {
+    if (_.value === null) {
+        return "";
+    }
+    else if (_.displayRenderer) {
+        return _.displayRenderer(truncate(_.value, _.scale));
+    }
+    else {
+        return truncate(_.value, _.scale).toFixed(_.scale);
+    }
+};
+/**
+ * @param userInput Raw text from the input field, may or may not be convertible to `null` or a valid number
+ * @param config    Defines the range and scale of a valid number, and if `null` is allowed to be returned
+ * @returns         A number that is ensured to be valid and is not `NaN`; or `null` if `allowNull` is true and `userInput` is an empty string; or `"@@INVALID"` if userInput cannot be converted
+ */
+export var rectifyInputIfValid = function (userInput, config) {
+    var numOrNan = Number(userInput);
+    if (userInput === "") {
+        return config.allowNull ? null : "@@INVALID";
+    }
+    else if (isNaN(numOrNan)) {
+        return "@@INVALID";
+    }
+    else {
+        return clamp({
+            value: truncate(numOrNan, config.scale),
+            min: config.min,
+            max: config.max,
+        });
+    }
+};
+//# sourceMappingURL=util.js.map

package/core/NumberInput/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/core/NumberInput/util.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,KAAa,EAAE,KAAa;IACjD,OAAO,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;AAC5C,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,UAAC,CAA4C;IAC9D,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AACrD,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,CAAmE;IACtF,IAAI,CAAC,CAAC,KAAK,KAAK,IAAI,EAAE;QAClB,OAAO,IAAI,CAAC;KACf;SAAM;QACH,IAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;QACrD,OAAO,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;KAC/C;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,CAAmE;IACxF,IAAI,CAAC,CAAC,KAAK,KAAK,IAAI,EAAE;QAClB,OAAO,IAAI,CAAC;KACf;SAAM;QACH,IAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;QACrD,OAAO,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;KAC/C;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,CAAqF;IACjH,IAAI,CAAC,CAAC,KAAK,KAAK,IAAI,EAAE;QAClB,OAAO,EAAE,CAAC;KACb;SAAM,IAAI,CAAC,CAAC,eAAe,EAAE;QAC1B,OAAO,CAAC,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;KACxD;SAAM;QACH,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;KACtD;AACL,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,SAAiB,EAAE,MAAqE;IACxH,IAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IACnC,IAAI,SAAS,KAAK,EAAE,EAAE;QAClB,OAAO,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC;KAChD;SAAM,IAAI,KAAK,CAAC,QAAQ,CAAC,EAAE;QACxB,OAAO,WAAW,CAAC;KACtB;SAAM;QACH,OAAO,KAAK,CAAC;YACT,KAAK,EAAE,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC;YACvC,GAAG,EAAE,MAAM,CAAC,GAAG;YACf,GAAG,EAAE,MAAM,CAAC,GAAG;SAClB,CAAC,CAAC;KACN;AACL,CAAC,CAAC"}

package/core/OverflowableText/index.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import type { SafeReactChildren } from "../../internal/type";
+import "./index.less";
+interface Props {
+    children: SafeReactChildren;
+    maxWidth: number;
+    className?: string;
+    style?: React.CSSProperties;
+}
+interface States {
+    overflow: boolean;
+}
+export declare class OverflowableText extends React.PureComponent<Props, States> {
+    static displayName: string;
+    private readonly textRef;
+    constructor(props: Props);
+    componentDidUpdate(prevProps: Props): void;
+    componentDidMount(): void;
+    updateTextOverflow: () => void;
+    render(): JSX.Element;
+}
+export {};