@ceed/cds 0.0.125 → 0.0.127

package/dist/components/CurrencyInput/CurrencyInput.js

@@ -0,0 +1,137 @@
+"use strict";
+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 __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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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.CurrencyInput = void 0;
+var react_1 = __importStar(require("react"));
+var intl_messageformat_1 = require("intl-messageformat");
+var react_number_format_1 = require("react-number-format");
+var Input_1 = __importDefault(require("../Input"));
+var FormControl_1 = __importDefault(require("../FormControl"));
+var FormLabel_1 = __importDefault(require("../FormLabel"));
+var FormHelperText_1 = __importDefault(require("../FormHelperText"));
+var use_currency_setting_1 = require("./hooks/use-currency-setting");
+var TextMaskAdapter = react_1.default.forwardRef(function TextMaskAdapter(props, ref) {
+    // prop destruction
+    var onChange = props.onChange, innerProps = __rest(props, ["onChange"]);
+    // lib hooks
+    // state, ref, querystring hooks
+    // form hooks
+    // query hooks
+    // calculated values
+    // effects
+    // handlers
+    return (react_1.default.createElement(react_number_format_1.NumericFormat, __assign({}, innerProps, { onValueChange: function (_a) {
+            var value = _a.value;
+            onChange === null || onChange === void 0 ? void 0 : onChange({
+                target: { name: props.name, value: value },
+            });
+        }, valueIsNumericString: true, getInputRef: ref, allowNegative: false })));
+});
+var CurrencyInput = react_1.default.forwardRef(function CurrencyInput(props, ref) {
+    // prop destruction
+    var _a = props.currency, currency = _a === void 0 ? "USD" : _a, name = props.name, onChange = props.onChange, label = props.label, error = props.error, helperText = props.helperText, required = props.required, disabled = props.disabled, useMinorUnit = props.useMinorUnit, innerProps = __rest(props, ["currency", "name", "onChange", "label", "error", "helperText", "required", "disabled", "useMinorUnit"]);
+    // lib hooks
+    var _b = (0, use_currency_setting_1.useCurrencySetting)(currency), symbol = _b.symbol, thousandSeparator = _b.thousandSeparator, decimalSeparator = _b.decimalSeparator, placeholder = _b.placeholder, fixedDecimalScale = _b.fixedDecimalScale, decimalScale = _b.decimalScale;
+    // state, ref, querystring hooks
+    var _c = (0, react_1.useState)(props.value), _value = _c[0], setValue = _c[1];
+    var value = (0, react_1.useMemo)(function () {
+        if (_value && useMinorUnit) {
+            return _value / Math.pow(10, decimalScale);
+        }
+        return _value;
+    }, [_value, useMinorUnit, decimalScale]);
+    var max = (0, react_1.useMemo)(function () {
+        if (props.max && useMinorUnit) {
+            return props.max / Math.pow(10, decimalScale);
+        }
+        return props.max;
+    }, [props.max, useMinorUnit, decimalScale]);
+    var _d = (0, react_1.useState)(!!max && !!value && value > max), isOverLimit = _d[0], setIsOverLimit = _d[1];
+    // form hooks
+    // query hooks
+    // calculated values
+    // effects
+    // handlers
+    var handleChange = (0, react_1.useCallback)(function (event) {
+        var _a;
+        var amount = useMinorUnit
+            ? Number((_a = event.target.value) === null || _a === void 0 ? void 0 : _a.replace(decimalSeparator, ""))
+            : Number(event.target.value);
+        if (!!max && Number(event.target.value) > max) {
+            setIsOverLimit(true);
+        }
+        else {
+            setIsOverLimit(false);
+        }
+        setValue(amount);
+        onChange === null || onChange === void 0 ? void 0 : onChange(__assign(__assign({}, event), { target: { name: name, value: amount } }));
+    }, [decimalSeparator, max, name, onChange, useMinorUnit]);
+    var currencyFormatter = (react_1.default.createElement(Input_1.default, __assign({}, innerProps, { size: "sm", ref: ref, value: value, placeholder: placeholder, onChange: handleChange, disabled: disabled, required: required, color: error || isOverLimit ? "danger" : props.color, slotProps: {
+            input: {
+                component: TextMaskAdapter,
+                decimalSeparator: decimalSeparator,
+                thousandSeparator: thousandSeparator,
+                prefix: symbol,
+                fixedDecimalScale: fixedDecimalScale,
+                decimalScale: decimalScale,
+                "aria-label": innerProps["aria-label"],
+            },
+        }, sx: {
+            fontFamily: "monospace",
+        } })));
+    if (label) {
+        return (react_1.default.createElement(FormControl_1.default, { size: "sm", disabled: disabled, required: required, error: error || isOverLimit },
+            react_1.default.createElement(FormLabel_1.default, null, label),
+            currencyFormatter,
+            isOverLimit ? (react_1.default.createElement(FormHelperText_1.default, null, new intl_messageformat_1.IntlMessageFormat("limit: {amount, number, ::currency/".concat(currency, " unit-width-narrow}")).format({ amount: max }))) : (helperText && react_1.default.createElement(FormHelperText_1.default, null, helperText))));
+    }
+    return currencyFormatter;
+});
+exports.CurrencyInput = CurrencyInput;

package/dist/components/CurrencyInput/hooks/use-currency-setting.js

@@ -0,0 +1,172 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCurrencySetting = void 0;
+var intl_messageformat_1 = __importDefault(require("intl-messageformat"));
+/**
+ * @see https://docs.adyen.com/development-resources/currency-codes/
+ */
+var CURRENCY_DECIMAL_MAP = {
+    AED: 2,
+    ALL: 2,
+    AMD: 2,
+    ANG: 2,
+    AOA: 2,
+    ARS: 2,
+    AUD: 2,
+    AWG: 2,
+    AZN: 2,
+    BAM: 2,
+    BBD: 2,
+    BDT: 2,
+    BGN: 2,
+    BHD: 3,
+    BMD: 2,
+    BND: 2,
+    BOB: 2,
+    BRL: 2,
+    BSD: 2,
+    BWP: 2,
+    BYN: 2,
+    BZD: 2,
+    CAD: 2,
+    CHF: 2,
+    CLP: 2,
+    CNH: 2,
+    CNY: 2,
+    COP: 2,
+    CRC: 2,
+    CUP: 2,
+    CVE: 0,
+    CZK: 2,
+    DJF: 0,
+    DKK: 2,
+    DOP: 2,
+    DZD: 2,
+    EGP: 2,
+    ETB: 2,
+    EUR: 2,
+    FJD: 2,
+    FKP: 2,
+    GBP: 2,
+    GEL: 2,
+    GHS: 2,
+    GIP: 2,
+    GMD: 2,
+    GNF: 0,
+    GTQ: 2,
+    GYD: 2,
+    HKD: 2,
+    HNL: 2,
+    HTG: 2,
+    HUF: 2,
+    IDR: 0,
+    ILS: 2,
+    INR: 2,
+    IQD: 3,
+    ISK: 2,
+    JMD: 2,
+    JOD: 3,
+    JPY: 0,
+    KES: 2,
+    KGS: 2,
+    KHR: 2,
+    KMF: 0,
+    KRW: 0,
+    KWD: 3,
+    KYD: 2,
+    KZT: 2,
+    LAK: 2,
+    LBP: 2,
+    LKR: 2,
+    LYD: 3,
+    MAD: 2,
+    MDL: 2,
+    MKD: 2,
+    MMK: 2,
+    MNT: 2,
+    MOP: 2,
+    MRU: 2,
+    MUR: 2,
+    MVR: 2,
+    MWK: 2,
+    MXN: 2,
+    MYR: 2,
+    MZN: 2,
+    NAD: 2,
+    NGN: 2,
+    NIO: 2,
+    NOK: 2,
+    NPR: 2,
+    NZD: 2,
+    OMR: 3,
+    PAB: 2,
+    PEN: 2,
+    PGK: 2,
+    PHP: 2,
+    PKR: 2,
+    PLN: 2,
+    PYG: 0,
+    QAR: 2,
+    RON: 2,
+    RSD: 2,
+    RUB: 2,
+    RWF: 0,
+    SAR: 2,
+    SBD: 2,
+    SCR: 2,
+    SEK: 2,
+    SGD: 2,
+    SHP: 2,
+    SLE: 2,
+    SOS: 2,
+    SRD: 2,
+    STN: 2,
+    SVC: 2,
+    SZL: 2,
+    THB: 2,
+    TND: 3,
+    TOP: 2,
+    TRY: 2,
+    TTD: 2,
+    TWD: 2,
+    TZS: 2,
+    UAH: 2,
+    UGX: 0,
+    USD: 2,
+    UYU: 2,
+    UZS: 2,
+    VEF: 2,
+    VND: 0,
+    VUV: 0,
+    WST: 2,
+    XAF: 0,
+    XCD: 2,
+    XOF: 0,
+    XPF: 0,
+    YER: 2,
+    ZAR: 2,
+    ZMW: 2,
+};
+var useCurrencySetting = function (currencyCode) {
+    if (currencyCode === void 0) { currencyCode = "USD"; }
+    var _a = new intl_messageformat_1.default("{amount, number, ::currency/".concat(currencyCode, " unit-width-narrow}"))
+        .format({ amount: 1000 })
+        .toString()
+        .replace(/\d/g, "")
+        .split(""), symbol = _a[0], thousandSeparator = _a[1], decimalSeparator = _a[2], rest = _a.slice(3);
+    var decimalScale = CURRENCY_DECIMAL_MAP[currencyCode];
+    return {
+        symbol: "".concat(symbol, " "),
+        thousandSeparator: thousandSeparator,
+        decimalSeparator: decimalSeparator,
+        placeholder: decimalSeparator
+            ? "".concat(symbol, " 0").concat(decimalSeparator).concat(Array.from(Array(decimalScale)).map(function () { return 0; }).join(''))
+            : "".concat(symbol, " 0"),
+        fixedDecimalScale: !!decimalSeparator,
+        decimalScale: decimalScale,
+    };
+};
+exports.useCurrencySetting = useCurrencySetting;

package/dist/components/CurrencyInput/index.js

@@ -0,0 +1,19 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var CurrencyInput_1 = require("./CurrencyInput");
+__exportStar(require("./CurrencyInput"), exports);
+exports.default = CurrencyInput_1.CurrencyInput;