@pinnacle0/web-ui 0.3.36 → 0.3.39

package/admin/RichEditor/index.d.ts

@@ -0,0 +1,34 @@
+import React from "react";
+import type { EditorState } from "braft-editor";
+import type { ControlledFormValue } from "../../internal/type";
+import type { UploaderProps } from "../../util/UploadUtil/type";
+import "braft-editor/dist/index.css";
+import "./index.less";
+/**
+ * onChange/value is of the HTML content.
+ * If the HTML content is only empty rows (e.g: pure <p/>), onChange also emit "".
+ *
+ * CAVEAT:
+ * This component is storing the editor state internally (un-controlled).
+ * The props.value only represents the initial value.
+ * Because createEditorState must only be created only ONCE, in the constructor.
+ * Therefore, we cannot create new editor state every time based on current props.value.
+ *
+ * Ref: https://www.yuque.com/braft-editor/be/lzwpnr#1bbbb204
+ */
+export interface Props<SuccessResponseType, ErrorResponseType> extends ControlledFormValue<string>, UploaderProps<SuccessResponseType, ErrorResponseType> {
+    imageURLParser: (response: SuccessResponseType) => string;
+}
+interface State {
+    editorState: EditorState;
+}
+export declare class RichEditor<SuccessResponseType, ErrorResponseType> extends React.PureComponent<Props<SuccessResponseType, ErrorResponseType>, State> {
+    static displayName: string;
+    private readonly editorControls;
+    private readonly imageControls;
+    private readonly mediaConfig;
+    constructor(props: Props<SuccessResponseType, ErrorResponseType>);
+    onChange: (editorState: EditorState) => void;
+    render(): JSX.Element;
+}
+export {};

package/admin/RichEditor/index.js

@@ -0,0 +1,104 @@
+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 __());
+    };
+})();
+import React from "react";
+import BraftEditor from "braft-editor";
+import { LocaleUtil } from "../../util/LocaleUtil";
+import "braft-editor/dist/index.css";
+import "./index.less";
+import { UploadUtil } from "../../util/UploadUtil";
+var RichEditor = /** @class */ (function (_super) {
+    __extends(RichEditor, _super);
+    function RichEditor(props) {
+        var _this = _super.call(this, props) || this;
+        // API reference: https://www.yuque.com/braft-editor/be/gz44tn
+        _this.editorControls = [
+            "font-size",
+            "text-align",
+            "text-color",
+            "bold",
+            "italic",
+            "underline",
+            "strike-through",
+            "separator",
+            "list-ul",
+            "list-ol",
+            "separator",
+            "link",
+            "media",
+            "separator",
+            "remove-styles",
+        ];
+        _this.imageControls = [];
+        _this.mediaConfig = {
+            pasteImage: false,
+            accepts: {
+                image: "image/png,image/jpeg,image/gif,image/svg",
+                video: false,
+                audio: false,
+            },
+            externals: {
+                image: false,
+                audio: false,
+                video: false,
+                embed: false,
+            },
+            uploadFn: function (params) {
+                var _a = _this.props, formField = _a.formField, uploadURL = _a.uploadURL, imageURLParser = _a.imageURLParser, onUploadFailure = _a.onUploadFailure, onUploadSuccess = _a.onUploadSuccess;
+                var file = params.file, success = params.success, progress = params.progress;
+                UploadUtil.createRequest({
+                    uploadURL: uploadURL,
+                    file: file,
+                    formField: formField,
+                    onSuccess: function (logEntry, response) {
+                        var imageURL = imageURLParser(response);
+                        success({
+                            url: imageURL,
+                            meta: {
+                                id: imageURL,
+                                title: "",
+                                alt: "image",
+                                // Below are for video settings, not available here
+                                loop: true,
+                                autoPlay: true,
+                                controls: true,
+                                poster: "",
+                            },
+                        });
+                        onUploadSuccess === null || onUploadSuccess === void 0 ? void 0 : onUploadSuccess(logEntry, response);
+                    },
+                    onError: onUploadFailure,
+                    onProgress: progress,
+                });
+            },
+        };
+        _this.onChange = function (editorState) {
+            _this.setState({ editorState: editorState });
+            var onChange = _this.props.onChange;
+            var textContent = editorState.toText().trim();
+            onChange(textContent === "" ? "" : editorState.toHTML());
+        };
+        _this.state = { editorState: BraftEditor.createEditorState(_this.props.value) };
+        return _this;
+    }
+    RichEditor.prototype.render = function () {
+        var editorState = this.state.editorState;
+        return (React.createElement(BraftEditor, { language: LocaleUtil.current(), controls: this.editorControls, media: this.mediaConfig, imageControls: this.imageControls, value: editorState, stripPastedStyles: true, onChange: this.onChange }));
+    };
+    RichEditor.displayName = "RichEditor";
+    return RichEditor;
+}(React.PureComponent));
+export { RichEditor };
+//# sourceMappingURL=index.js.map

package/admin/RichEditor/index.js.map

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

package/core/Amount/AmountPercentage.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import type { Props as AmountProps } from "./index";
+export interface Props extends Omit<AmountProps, "postfix" | "scale" | "value"> {
+    /**
+     * Value of display amount in decimal, e.g: 0.2 for 20%.
+     */
+    value: number | null | undefined;
+    /**
+     * Number of decimal points used for percentage values.
+     *
+     * 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;
+}
+export declare class AmountPercentage extends React.PureComponent<Props> {
+    static displayName: string;
+    render(): JSX.Element;
+}

package/core/Amount/AmountPercentage.js

@@ -0,0 +1,54 @@
+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 { Amount } from "./index";
+var AmountPercentage = /** @class */ (function (_super) {
+    __extends(AmountPercentage, _super);
+    function AmountPercentage() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    AmountPercentage.prototype.render = function () {
+        var _a = this.props, percentageScale = _a.percentageScale, value = _a.value, restProps = __rest(_a, ["percentageScale", "value"]);
+        var percentageValue = value !== null && value !== undefined ? value * 100 : value;
+        return React.createElement(Amount, __assign({ value: percentageValue, scale: percentageScale, postfix: "%" }, restProps));
+    };
+    AmountPercentage.displayName = "AmountPercentage";
+    return AmountPercentage;
+}(React.PureComponent));
+export { AmountPercentage };
+//# sourceMappingURL=AmountPercentage.js.map

package/core/Amount/AmountPercentage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmountPercentage.js","sourceRoot":"","sources":["../../../src/core/Amount/AmountPercentage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,MAAM,EAAC,MAAM,SAAS,CAAC;AAgB/B;IAAsC,oCAA0B;IAAhE;;IAQA,CAAC;IALG,iCAAM,GAAN;QACI,IAAM,KAAyC,IAAI,CAAC,KAAK,EAAlD,eAAe,qBAAA,EAAE,KAAK,WAAA,EAAK,SAAS,cAArC,4BAAsC,CAAa,CAAC;QAC1D,IAAM,eAAe,GAAG,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;QACpF,OAAO,oBAAC,MAAM,aAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE,OAAO,EAAC,GAAG,IAAK,SAAS,EAAI,CAAC;IACjG,CAAC;IANM,4BAAW,GAAG,kBAAkB,CAAC;IAO5C,uBAAC;CAAA,AARD,CAAsC,KAAK,CAAC,aAAa,GAQxD;SARY,gBAAgB"}

package/core/Amount/index.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import type { PickOptional } from "../../internal/type";
+import { AmountPercentage } from "./AmountPercentage";
+import "./index.less";
+export interface Props {
+    value: number | null | undefined;
+    scale: number;
+    rounding?: "floor" | "ceil" | "round";
+    plusSignForPositive?: boolean;
+    thousandSplitter?: boolean;
+    nullText?: string;
+    prefix?: string;
+    postfix?: string;
+    colorScheme?: "green+red-" | "highlight" | "highlight+" | "green-red+";
+    bold?: boolean;
+    underline?: boolean;
+    del?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare class Amount extends React.PureComponent<Props> {
+    static displayName: string;
+    static defaultProps: PickOptional<Props>;
+    static Percentage: typeof AmountPercentage;
+    render(): JSX.Element;
+}

package/core/Amount/index.js

@@ -0,0 +1,65 @@
+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 __());
+    };
+})();
+import React from "react";
+import { classNames } from "../../util/ClassNames";
+import { NumberUtil } from "../../internal/NumberUtil";
+import { AmountPercentage } from "./AmountPercentage";
+import "./index.less";
+var Amount = /** @class */ (function (_super) {
+    __extends(Amount, _super);
+    function Amount() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Amount.prototype.render = function () {
+        var _a = this.props, value = _a.value, scale = _a.scale, rounding = _a.rounding, thousandSplitter = _a.thousandSplitter, plusSignForPositive = _a.plusSignForPositive, prefix = _a.prefix, postfix = _a.postfix, colorScheme = _a.colorScheme, bold = _a.bold, del = _a.del, underline = _a.underline, style = _a.style, className = _a.className, nullText = _a.nullText;
+        if (value !== null && value !== undefined && Number.isFinite(value)) {
+            var roundedString = NumberUtil.roundingToString(value, rounding, scale);
+            var parts = roundedString.split(".");
+            if (thousandSplitter) {
+                parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+            }
+            if (plusSignForPositive && value > 0) {
+                parts[0] = "+" + parts[0];
+            }
+            var fullClassNames = classNames("g-amount", { bold: bold, del: del, underline: underline }, className, {
+                "color-green": (colorScheme === "green+red-" && value > 0) || (colorScheme === "green-red+" && value < 0),
+                "color-red": (colorScheme === "green+red-" && value < 0) || (colorScheme === "green-red+" && value > 0),
+                "color-highlight": colorScheme === "highlight" || (colorScheme === "highlight+" && value > 0),
+            });
+            return (React.createElement("div", { className: fullClassNames, style: style },
+                prefix && React.createElement("div", { className: "prefix" }, prefix),
+                React.createElement("div", { className: "digits" },
+                    parts[0],
+                    parts[1] && (React.createElement(React.Fragment, null,
+                        ".",
+                        React.createElement("small", null, parts[1])))),
+                postfix && React.createElement("div", { className: "postfix" }, postfix)));
+        }
+        else {
+            return React.createElement("span", { className: classNames("g-amount", "null-text", className) }, nullText);
+        }
+    };
+    Amount.displayName = "Amount";
+    Amount.defaultProps = {
+        rounding: "round",
+        thousandSplitter: true,
+        nullText: "-",
+    };
+    Amount.Percentage = AmountPercentage;
+    return Amount;
+}(React.PureComponent));
+export { Amount };
+//# sourceMappingURL=index.js.map

package/core/Amount/index.js.map

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

package/core/AmountConditionInput.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+import type { ControlledFormValue } from "../internal/type";
+export declare enum Operator {
+    GREATER_THAN = "GREATER_THAN",
+    GREATER_EQUAL = "GREATER_EQUAL",
+    LESS_THAN = "LESS_THAN",
+    LESS_EQUAL = "LESS_EQUAL",
+    EQUALS = "EQUALS",
+    NOT_EQUALS = "NOT_EQUALS"
+}
+export interface AmountConditionValue {
+    condition: Operator;
+    amount: number | null;
+}
+export interface Props extends ControlledFormValue<AmountConditionValue> {
+    scale: number;
+    operators?: Operator[];
+}
+export declare class AmountConditionInput extends React.PureComponent<Props> {
+    static displayName: string;
+    private readonly operators;
+    private readonly selectStyle;
+    private readonly inputStyle;
+    operatorTranslator: (value: Operator) => string;
+    onConditionChange: (value: Operator) => void;
+    onAmountChange: (value: number | null) => void;
+    render(): JSX.Element;
+}

package/core/AmountConditionInput.js

@@ -0,0 +1,66 @@
+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 __());
+    };
+})();
+import React from "react";
+import { NumberInput } from "./NumberInput";
+import { Input } from "./Input";
+import { EnumSelect } from "./EnumSelect";
+export var Operator;
+(function (Operator) {
+    Operator["GREATER_THAN"] = "GREATER_THAN";
+    Operator["GREATER_EQUAL"] = "GREATER_EQUAL";
+    Operator["LESS_THAN"] = "LESS_THAN";
+    Operator["LESS_EQUAL"] = "LESS_EQUAL";
+    Operator["EQUALS"] = "EQUALS";
+    Operator["NOT_EQUALS"] = "NOT_EQUALS";
+})(Operator || (Operator = {}));
+var AmountConditionInput = /** @class */ (function (_super) {
+    __extends(AmountConditionInput, _super);
+    function AmountConditionInput() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.operators = _this.props.operators || [Operator.GREATER_THAN, Operator.GREATER_EQUAL, Operator.LESS_THAN, Operator.LESS_EQUAL, Operator.EQUALS];
+        _this.selectStyle = { width: 55 };
+        _this.inputStyle = { width: 180, borderTopLeftRadius: 0, borderBottomLeftRadius: 0 };
+        _this.operatorTranslator = function (value) {
+            switch (value) {
+                case Operator.GREATER_THAN:
+                    return ">";
+                case Operator.GREATER_EQUAL:
+                    return "≥";
+                case Operator.LESS_THAN:
+                    return "<";
+                case Operator.LESS_EQUAL:
+                    return "≤";
+                case Operator.EQUALS:
+                    return "=";
+                case Operator.NOT_EQUALS:
+                    return "≠";
+            }
+        };
+        _this.onConditionChange = function (value) { return _this.props.onChange({ condition: value, amount: _this.props.value.amount }); };
+        _this.onAmountChange = function (value) { return _this.props.onChange({ condition: _this.props.value.condition, amount: value }); };
+        return _this;
+    }
+    AmountConditionInput.prototype.render = function () {
+        var _a = this.props, scale = _a.scale, value = _a.value;
+        return (React.createElement(Input.Group, { compact: true },
+            React.createElement(EnumSelect, { value: value.condition, onChange: this.onConditionChange, translator: this.operatorTranslator, list: this.operators, style: this.selectStyle }),
+            React.createElement(NumberInput, { allowNull: true, scale: scale, value: value.amount, onChange: this.onAmountChange, inputStyle: this.inputStyle })));
+    };
+    AmountConditionInput.displayName = "AmountConditionInput";
+    return AmountConditionInput;
+}(React.PureComponent));
+export { AmountConditionInput };
+//# sourceMappingURL=AmountConditionInput.js.map

package/core/AmountConditionInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmountConditionInput.js","sourceRoot":"","sources":["../../src/core/AmountConditionInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAGxC,MAAM,CAAN,IAAY,QAOX;AAPD,WAAY,QAAQ;IAChB,yCAA6B,CAAA;IAC7B,2CAA+B,CAAA;IAC/B,mCAAuB,CAAA;IACvB,qCAAyB,CAAA;IACzB,6BAAiB,CAAA;IACjB,qCAAyB,CAAA;AAC7B,CAAC,EAPW,QAAQ,KAAR,QAAQ,QAOnB;AAYD;IAA0C,wCAA0B;IAApE;QAAA,qEAqCC;QAlCoB,eAAS,GAAe,KAAI,CAAC,KAAK,CAAC,SAAS,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,QAAQ,CAAC,aAAa,EAAE,QAAQ,CAAC,SAAS,EAAE,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC1J,iBAAW,GAAwB,EAAC,KAAK,EAAE,EAAE,EAAC,CAAC;QAC/C,gBAAU,GAAwB,EAAC,KAAK,EAAE,GAAG,EAAE,mBAAmB,EAAE,CAAC,EAAE,sBAAsB,EAAE,CAAC,EAAC,CAAC;QAEnH,wBAAkB,GAAG,UAAC,KAAe;YACjC,QAAQ,KAAK,EAAE;gBACX,KAAK,QAAQ,CAAC,YAAY;oBACtB,OAAO,GAAG,CAAC;gBACf,KAAK,QAAQ,CAAC,aAAa;oBACvB,OAAO,GAAG,CAAC;gBACf,KAAK,QAAQ,CAAC,SAAS;oBACnB,OAAO,GAAG,CAAC;gBACf,KAAK,QAAQ,CAAC,UAAU;oBACpB,OAAO,GAAG,CAAC;gBACf,KAAK,QAAQ,CAAC,MAAM;oBAChB,OAAO,GAAG,CAAC;gBACf,KAAK,QAAQ,CAAC,UAAU;oBACpB,OAAO,GAAG,CAAC;aAClB;QACL,CAAC,CAAC;QAEF,uBAAiB,GAAG,UAAC,KAAe,IAAK,OAAA,KAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAC,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,KAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,EAAC,CAAC,EAAxE,CAAwE,CAAC;QAElH,oBAAc,GAAG,UAAC,KAAoB,IAAK,OAAA,KAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAC,SAAS,EAAE,KAAI,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAC,CAAC,EAA3E,CAA2E,CAAC;;IAW3H,CAAC;IATG,qCAAM,GAAN;QACU,IAAA,KAAiB,IAAI,CAAC,KAAK,EAA1B,KAAK,WAAA,EAAE,KAAK,WAAc,CAAC;QAClC,OAAO,CACH,oBAAC,KAAK,CAAC,KAAK,IAAC,OAAO;YAChB,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAAE,UAAU,EAAE,IAAI,CAAC,kBAAkB,EAAE,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,GAAI;YAC5J,oBAAC,WAAW,IAAC,SAAS,QAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,cAAc,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,GAAI,CAC9G,CACjB,CAAC;IACN,CAAC;IAnCM,gCAAW,GAAG,sBAAsB,CAAC;IAoChD,2BAAC;CAAA,AArCD,CAA0C,KAAK,CAAC,aAAa,GAqC5D;SArCY,oBAAoB"}

package/core/AmountRangeInput.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import type { ControlledFormValue, PickOptional } from "../internal/type";
+export declare type AmountRangeValue<T extends boolean> = T extends true ? [number | null, number | null] : [number, number];
+export interface Props<T extends boolean> extends ControlledFormValue<AmountRangeValue<T>> {
+    allowNull: T;
+    scale?: number;
+    disabled?: boolean;
+    min?: number;
+    shouldNotEqual?: true;
+    style?: React.CSSProperties;
+    inputStyle?: React.CSSProperties;
+}
+export declare class AmountRangeInput<T extends boolean> extends React.PureComponent<Props<T>> {
+    static displayName: string;
+    static defaultProps: PickOptional<Props<any>>;
+    private readonly minInputStyle;
+    private readonly maxInputStyle;
+    private readonly connectorStyle;
+    onMinAmountChange: (value: number | null) => void;
+    onMaxAmountChange: (value: number | null) => void;
+    onConnectorInputChange: () => void;
+    render(): JSX.Element;
+}

package/core/AmountRangeInput.js

@@ -0,0 +1,59 @@
+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 { NumberInput } from "./NumberInput";
+import { Input } from "./Input";
+import { i18n } from "../internal/i18n/core";
+var AmountRangeInput = /** @class */ (function (_super) {
+    __extends(AmountRangeInput, _super);
+    function AmountRangeInput() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.minInputStyle = { borderTopRightRadius: 0, borderBottomRightRadius: 0, width: 80, textAlign: "right" };
+        _this.maxInputStyle = { borderTopLeftRadius: 0, borderBottomLeftRadius: 0, width: 80, borderLeftWidth: 0, textAlign: "left" };
+        _this.connectorStyle = { width: 30, borderLeftWidth: 0, borderRightWidth: 0, backgroundColor: "#fff", pointerEvents: "none" };
+        _this.onMinAmountChange = function (value) { return _this.props.onChange([value, _this.props.value[1]]); };
+        _this.onMaxAmountChange = function (value) { return _this.props.onChange([_this.props.value[0], value]); };
+        _this.onConnectorInputChange = function () { };
+        return _this;
+    }
+    AmountRangeInput.prototype.render = function () {
+        var _a = this.props, value = _a.value, scale = _a.scale, disabled = _a.disabled, min = _a.min, shouldNotEqual = _a.shouldNotEqual, allowNull = _a.allowNull, style = _a.style, inputStyle = _a.inputStyle;
+        var t = i18n();
+        return (React.createElement(Input.Group, { compact: true, style: style },
+            React.createElement(NumberInput, { disabled: disabled, allowNull: allowNull, min: min, scale: scale, placeholder: t.minimum, value: value[0], onChange: this.onMinAmountChange, inputStyle: __assign(__assign({}, this.minInputStyle), inputStyle) }),
+            React.createElement(Input, { style: this.connectorStyle, disabled: true, value: "~", onChange: this.onConnectorInputChange }),
+            React.createElement(NumberInput, { disabled: disabled, allowNull: allowNull, min: value[0] !== null ? (shouldNotEqual ? value[0] + 1 : value[0]) : 0, scale: scale, placeholder: t.maximum, value: value[1], onChange: this.onMaxAmountChange, inputStyle: __assign(__assign({}, this.maxInputStyle), inputStyle) })));
+    };
+    AmountRangeInput.displayName = "AmountRangeInput";
+    AmountRangeInput.defaultProps = {
+        scale: 2,
+        min: 0,
+    };
+    return AmountRangeInput;
+}(React.PureComponent));
+export { AmountRangeInput };
+//# sourceMappingURL=AmountRangeInput.js.map

package/core/AmountRangeInput.js.map

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

package/core/AuthenticationCodeInput.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import type { Props as InputProps } from "./Input";
+import type { PickOptional } from "../internal/type";
+export interface Props extends Omit<InputProps, "suffix"> {
+    onSend: () => Promise<boolean>;
+    nextSendInterval?: number;
+    autoSendOnMount?: boolean;
+    sendButtonText?: string;
+}
+interface State {
+    isSending: boolean;
+    nextSendRemainingSecond: number | null;
+}
+export declare class AuthenticationCodeInput extends React.PureComponent<Props, State> {
+    static displayName: string;
+    static defaultProps: PickOptional<Props>;
+    private timer;
+    constructor(props: Props);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    updateNextSendRemainingSecond: () => void;
+    onSend: () => Promise<void>;
+    render(): JSX.Element;
+}
+export {};