@1money/react-ui 1.6.4 → 1.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/es/components/Icons/Icons.d.ts +1 -0
  2. package/es/components/Icons/Icons.js +3 -2
  3. package/es/components/Icons/SVGs.d.ts +1 -0
  4. package/es/components/Icons/SVGs.js +8 -1
  5. package/es/components/InputAmount/InputAmount.d.ts +5 -0
  6. package/es/components/InputAmount/InputAmount.js +131 -0
  7. package/es/components/InputAmount/index.d.ts +4 -0
  8. package/es/components/InputAmount/index.js +5 -0
  9. package/es/components/InputAmount/interface.d.ts +14 -0
  10. package/es/components/InputAmount/interface.js +2 -0
  11. package/es/components/InputAmount/style/InputAmount.css +1 -0
  12. package/es/components/InputAmount/style/InputAmount.scss +140 -0
  13. package/es/components/InputAmount/style/css.js +2 -0
  14. package/es/components/InputAmount/style/index.d.ts +1 -0
  15. package/es/components/InputAmount/style/index.js +2 -0
  16. package/es/index.css +1 -1
  17. package/es/index.d.ts +2 -0
  18. package/es/index.js +4 -1
  19. package/lib/components/Icons/Icons.d.ts +1 -0
  20. package/lib/components/Icons/Icons.js +2 -1
  21. package/lib/components/Icons/SVGs.d.ts +1 -0
  22. package/lib/components/Icons/SVGs.js +10 -3
  23. package/lib/components/InputAmount/InputAmount.d.ts +5 -0
  24. package/lib/components/InputAmount/InputAmount.js +138 -0
  25. package/lib/components/InputAmount/index.d.ts +4 -0
  26. package/lib/components/InputAmount/index.js +33 -0
  27. package/lib/components/InputAmount/interface.d.ts +14 -0
  28. package/lib/components/InputAmount/interface.js +6 -0
  29. package/lib/components/InputAmount/style/InputAmount.css +1 -0
  30. package/lib/components/InputAmount/style/InputAmount.scss +140 -0
  31. package/lib/components/InputAmount/style/css.js +4 -0
  32. package/lib/components/InputAmount/style/index.d.ts +1 -0
  33. package/lib/components/InputAmount/style/index.js +4 -0
  34. package/lib/index.css +1 -1
  35. package/lib/index.d.ts +2 -0
  36. package/lib/index.js +9 -1
  37. package/package.json +7 -1
@@ -0,0 +1,5 @@
1
+ import type { FC, PropsWithChildren } from 'react';
2
+ import type { InputAmountProps } from './interface';
3
+ export declare const InputAmount: FC<PropsWithChildren<InputAmountProps>>;
4
+ declare const _default: import("react").NamedExoticComponent<PropsWithChildren<InputAmountProps>>;
5
+ export default _default;
@@ -0,0 +1,131 @@
1
+ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
+ var __rest = this && this.__rest || function (s, e) {
3
+ var t = {};
4
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
6
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
7
+ }
8
+ return t;
9
+ };
10
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
11
+ import { memo, useState, useCallback, useRef, useEffect } from 'react';
12
+ import { InputNumber } from 'primereact/inputnumber';
13
+ import { numericFormatter } from 'react-number-format';
14
+ import classnames from '../../utils/classnames';
15
+ var MIN_INPUT_WIDTH = 33;
16
+ export var InputAmount = function InputAmount(props) {
17
+ var value = props.value,
18
+ children = props.children,
19
+ className = props.className,
20
+ wrapperCls = props.wrapperCls,
21
+ _props$prefixCls = props.prefixCls,
22
+ prefixCls = _props$prefixCls === void 0 ? 'input-amount' : _props$prefixCls,
23
+ invalid = props.invalid,
24
+ _props$placeholder = props.placeholder,
25
+ placeholder = _props$placeholder === void 0 ? '0' : _props$placeholder,
26
+ prefix = props.prefix,
27
+ currency = props.currency,
28
+ suffix = props.suffix,
29
+ message = props.message,
30
+ footnote = props.footnote,
31
+ onChange = props.onChange,
32
+ rest = __rest(props, ["value", "children", "className", "wrapperCls", "prefixCls", "invalid", "placeholder", "prefix", "currency", "suffix", "message", "footnote", "onChange"]);
33
+ var classes = classnames(prefixCls);
34
+ var inputRef = useRef(null);
35
+ var fakeEleRef = useRef(null);
36
+ var _useState = useState(null),
37
+ _useState2 = _slicedToArray(_useState, 2),
38
+ _value = _useState2[0],
39
+ setValue = _useState2[1];
40
+ var _useState3 = useState(MIN_INPUT_WIDTH),
41
+ _useState4 = _slicedToArray(_useState3, 2),
42
+ _width = _useState4[0],
43
+ setWidth = _useState4[1];
44
+ var handleChange = useCallback(function (e) {
45
+ setValue(e.value);
46
+ onChange === null || onChange === void 0 ? void 0 : onChange(e);
47
+ }, [onChange]);
48
+ var handleKeyDown = useCallback(function (e) {
49
+ switch (e.key) {
50
+ case '.':
51
+ setValue(function (prev) {
52
+ return "".concat(prev, ".");
53
+ });
54
+ break;
55
+ case 'Backspace':
56
+ if (_value == null) return;
57
+ // eslint-disable-next-line no-case-declarations
58
+ var str = _value.toString();
59
+ if (str[str.length - 2] === '.') {
60
+ setTimeout(function () {
61
+ setValue("".concat(str.slice(0, -1)));
62
+ }, 0);
63
+ }
64
+ break;
65
+ default:
66
+ break;
67
+ }
68
+ }, [_value]);
69
+ useEffect(function () {
70
+ var _a;
71
+ setWidth(((_a = fakeEleRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || MIN_INPUT_WIDTH);
72
+ }, [_value]);
73
+ useEffect(function () {
74
+ return setValue(value !== null && value !== void 0 ? value : null);
75
+ }, [value]);
76
+ return _jsxs("div", {
77
+ className: classes('wrapper', [wrapperCls, invalid ? classes('invalid') : undefined].join(' ').trim()),
78
+ children: [_jsxs("div", {
79
+ className: classes(void 0, className),
80
+ children: [prefix && _jsx("span", {
81
+ className: classes('prefix'),
82
+ onClick: function onClick() {
83
+ var _a;
84
+ return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
85
+ },
86
+ children: prefix
87
+ }), _jsx(InputNumber, Object.assign({}, rest, {
88
+ mode: 'decimal',
89
+ ref: inputRef,
90
+ value: value,
91
+ placeholder: placeholder,
92
+ className: classes('element'),
93
+ onChange: handleChange,
94
+ onKeyDown: handleKeyDown,
95
+ style: {
96
+ '--input-width': "".concat(_width, "px")
97
+ }
98
+ })), currency && _jsx("span", {
99
+ className: classes('currency'),
100
+ onClick: function onClick() {
101
+ var _a;
102
+ return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
103
+ },
104
+ children: currency
105
+ }), suffix && _jsx("span", {
106
+ className: classes('suffix'),
107
+ children: suffix
108
+ }), _jsx("span", {
109
+ ref: fakeEleRef,
110
+ className: classes('fake'),
111
+ onClick: function onClick(e) {
112
+ return e.stopPropagation();
113
+ },
114
+ children: numericFormatter('' + (_value == null ? '' : _value), {
115
+ thousandSeparator: true
116
+ })
117
+ })]
118
+ }), (message || footnote) && _jsxs("div", {
119
+ className: classes('extra'),
120
+ children: [message && _jsx("span", {
121
+ className: classes('message'),
122
+ children: message
123
+ }), footnote && _jsx("span", {
124
+ className: classes('footnote'),
125
+ children: footnote
126
+ })]
127
+ })]
128
+ });
129
+ };
130
+ export default /*#__PURE__*/memo(InputAmount);
131
+ //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvSW5wdXRBbW91bnQvSW5wdXRBbW91bnQuanMiLCJjb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0lucHV0QW1vdW50L0lucHV0QW1vdW50LnRzeCJdLCJuYW1lcyI6WyJfX3Jlc3QiLCJzIiwiZSIsInQiLCJwIiwiT2JqZWN0IiwicHJvdG90eXBlIiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiaW5kZXhPZiIsImdldE93blByb3BlcnR5U3ltYm9scyIsImkiLCJsZW5ndGgiLCJwcm9wZXJ0eUlzRW51bWVyYWJsZSIsImpzeCIsIl9qc3giLCJqc3hzIiwiX2pzeHMiLCJtZW1vIiwidXNlU3RhdGUiLCJ1c2VDYWxsYmFjayIsInVzZVJlZiIsInVzZUVmZmVjdCIsIklucHV0TnVtYmVyIiwibnVtZXJpY0Zvcm1hdHRlciIsImNsYXNzbmFtZXMiLCJNSU5fSU5QVVRfV0lEVEgiLCJJbnB1dEFtb3VudCIsInByb3BzIiwidmFsdWUiLCJjaGlsZHJlbiIsImNsYXNzTmFtZSIsIndyYXBwZXJDbHMiLCJfcHJvcHMkcHJlZml4Q2xzIiwicHJlZml4Q2xzIiwiaW52YWxpZCIsIl9wcm9wcyRwbGFjZWhvbGRlciIsInBsYWNlaG9sZGVyIiwicHJlZml4IiwiY3VycmVuY3kiLCJzdWZmaXgiLCJtZXNzYWdlIiwiZm9vdG5vdGUiLCJvbkNoYW5nZSIsInJlc3QiLCJjbGFzc2VzIiwiaW5wdXRSZWYiLCJmYWtlRWxlUmVmIiwiX3VzZVN0YXRlIiwiX3VzZVN0YXRlMiIsIl9zbGljZWRUb0FycmF5IiwiX3ZhbHVlIiwic2V0VmFsdWUiLCJfdXNlU3RhdGUzIiwiX3VzZVN0YXRlNCIsIl93aWR0aCIsInNldFdpZHRoIiwiaGFuZGxlQ2hhbmdlIiwiaGFuZGxlS2V5RG93biIsImtleSIsInByZXYiLCJjb25jYXQiLCJzdHIiLCJ0b1N0cmluZyIsInNldFRpbWVvdXQiLCJzbGljZSIsIl9hIiwiY3VycmVudCIsIm9mZnNldFdpZHRoIiwidW5kZWZpbmVkIiwiam9pbiIsInRyaW0iLCJvbkNsaWNrIiwiZm9jdXMiLCJhc3NpZ24iLCJtb2RlIiwicmVmIiwib25LZXlEb3duIiwic3R5bGUiLCJzdG9wUHJvcGFnYXRpb24iLCJ0aG91c2FuZFNlcGFyYXRvciJdLCJtYXBwaW5ncyI6IjtBQUFBLElBQUlBLE1BQU0sR0FBSSxJQUFJLElBQUksSUFBSSxDQUFDQSxNQUFNLElBQUssVUFBVUMsQ0FBQyxFQUFFQyxDQUFDLEVBQUU7RUFDbEQsSUFBSUMsQ0FBQyxHQUFHLENBQUMsQ0FBQztFQUNWLEtBQUssSUFBSUMsQ0FBQyxJQUFJSCxDQUFDLEVBQUUsSUFBSUksTUFBTSxDQUFDQyxTQUFTLENBQUNDLGNBQWMsQ0FBQ0MsSUFBSSxDQUFDUCxDQUFDLEVBQUVHLENBQUMsQ0FBQyxJQUFJRixDQUFDLENBQUNPLE9BQU8sQ0FBQ0wsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxFQUMvRUQsQ0FBQyxDQUFDQyxDQUFDLENBQUMsR0FBR0gsQ0FBQyxDQUFDRyxDQUFDLENBQUM7RUFDZixJQUFJSCxDQUFDLElBQUksSUFBSSxJQUFJLE9BQU9JLE1BQU0sQ0FBQ0sscUJBQXFCLEtBQUssVUFBVSxFQUMvRCxLQUFLLElBQUlDLENBQUMsR0FBRyxDQUFDLEVBQUVQLENBQUMsR0FBR0MsTUFBTSxDQUFDSyxxQkFBcUIsQ0FBQ1QsQ0FBQyxDQUFDLEVBQUVVLENBQUMsR0FBR1AsQ0FBQyxDQUFDUSxNQUFNLEVBQUVELENBQUMsRUFBRSxFQUFFO0lBQ3BFLElBQUlULENBQUMsQ0FBQ08sT0FBTyxDQUFDTCxDQUFDLENBQUNPLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxJQUFJTixNQUFNLENBQUNDLFNBQVMsQ0FBQ08sb0JBQW9CLENBQUNMLElBQUksQ0FBQ1AsQ0FBQyxFQUFFRyxDQUFDLENBQUNPLENBQUMsQ0FBQyxDQUFDLEVBQzFFUixDQUFDLENBQUNDLENBQUMsQ0FBQ08sQ0FBQyxDQUFDLENBQUMsR0FBR1YsQ0FBQyxDQUFDRyxDQUFDLENBQUNPLENBQUMsQ0FBQyxDQUFDO0VBQ3pC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TyxDQUFDLFVBQVUsQ0FBQztRQUFBZixRQUFBLEVBQUdZO01BQVEsQ0FBQSxDQUFRO0lBQUEsQ0FBQSxDQUNoRTtFQUFBLENBQUEsQ0FFSjtBQUNSLENBQUM7QUFFRCw0QkFBZXhCLElBQUksQ0FBQ1MsV0FBVyxDQUFDIiwiZmlsZSI6ImNvbXBvbmVudHMvSW5wdXRBbW91bnQvSW5wdXRBbW91bnQuanMiLCJzb3VyY2VzQ29udGVudCI6WyJ2YXIgX19yZXN0ID0gKHRoaXMgJiYgdGhpcy5fX3Jlc3QpIHx8IGZ1bmN0aW9uIChzLCBlKSB7XG4gICAgdmFyIHQgPSB7fTtcbiAgICBmb3IgKHZhciBwIGluIHMpIGlmIChPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwocywgcCkgJiYgZS5pbmRleE9mKHApIDwgMClcbiAgICAgICAgdFtwXSA9IHNbcF07XG4gICAgaWYgKHMgIT0gbnVsbCAmJiB0eXBlb2YgT2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyA9PT0gXCJmdW5jdGlvblwiKVxuICAgICAgICBmb3IgKHZhciBpID0gMCwgcCA9IE9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHMocyk7IGkgPCBwLmxlbmd0aDsgaSsrKSB7XG4gICAgICAgICAgICBpZiAoZS5pbmRleE9mKHBbaV0pIDwgMCAmJiBPYmplY3QucHJvdG90eXBlLnByb3BlcnR5SXNFbnVtZXJhYmxlLmNhbGwocywgcFtpXSkpXG4gICAgICAgICAgICAgICAgdFtwW2ldXSA9IHNbcFtpXV07XG4gICAgICAgIH1cbiAgICByZXR1cm4gdDtcbn07XG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgbWVtbywgdXNlU3RhdGUsIHVzZUNhbGxiYWNrLCB1c2VSZWYsIHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IElucHV0TnVtYmVyIH0gZnJvbSAncHJpbWVyZWFjdC9pbnB1dG51bWJlcic7XG5pbXBvcnQgeyBudW1lcmljRm9ybWF0dGVyIH0gZnJvbSAncmVhY3QtbnVtYmVyLWZvcm1hdCc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICcuLi8uLi91dGlscy9jbGFzc25hbWVzJztcbmNvbnN0IE1JTl9JTlBVVF9XSURUSCA9IDMzO1xuZXhwb3J0IGNvbnN0IElucHV0QW1vdW50ID0gcHJvcHMgPT4ge1xuICAgIGNvbnN0IHsgdmFsdWUsIGNoaWxkcmVuLCBjbGFzc05hbWUsIHdyYXBwZXJDbHMsIHByZWZpeENscyA9ICdpbnB1dC1hbW91bnQnLCBpbnZhbGlkLCBwbGFjZWhvbGRlciA9ICcwJywgcHJlZml4LCBjdXJyZW5jeSwgc3VmZml4LCBtZXNzYWdlLCBmb290bm90ZSwgb25DaGFuZ2UgfSA9IHByb3BzLCByZXN0ID0gX19yZXN0KHByb3BzLCBbXCJ2YWx1ZVwiLCBcImNoaWxkcmVuXCIsIFwiY2xhc3NOYW1lXCIsIFwid3JhcHBlckNsc1wiLCBcInByZWZpeENsc1wiLCBcImludmFsaWRcIiwgXCJwbGFjZWhvbGRlclwiLCBcInByZWZpeFwiLCBcImN1cnJlbmN5XCIsIFwic3VmZml4XCIsIFwibWVzc2FnZVwiLCBcImZvb3Rub3RlXCIsIFwib25DaGFuZ2VcIl0pO1xuICAgIGNvbnN0IGNsYXNzZXMgPSBjbGFzc25hbWVzKHByZWZpeENscyk7XG4gICAgY29uc3QgaW5wdXRSZWYgPSB1c2VSZWYobnVsbCk7XG4gICAgY29uc3QgZmFrZUVsZVJlZiA9IHVzZVJlZihudWxsKTtcbiAgICBjb25zdCBbX3ZhbHVlLCBzZXRWYWx1ZV0gPSB1c2VTdGF0ZShudWxsKTtcbiAgICBjb25zdCBbX3dpZHRoLCBzZXRXaWR0aF0gPSB1c2VTdGF0ZShNSU5fSU5QVVRfV0lEVEgpO1xuICAgIGNvbnN0IGhhbmRsZUNoYW5nZSA9IHVzZUNhbGxiYWNrKChlKSA9PiB7XG4gICAgICAgIHNldFZhbHVlKGUudmFsdWUpO1xuICAgICAgICBvbkNoYW5nZSA9PT0gbnVsbCB8fCBvbkNoYW5nZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25DaGFuZ2UoZSk7XG4gICAgfSwgW29uQ2hhbmdlXSk7XG4gICAgY29uc3QgaGFuZGxlS2V5RG93biA9IHVzZUNhbGxiYWNrKChlKSA9PiB7XG4gICAgICAgIHN3aXRjaCAoZS5rZXkpIHtcbiAgICAgICAgICAgIGNhc2UgJy4nOlxuICAgICAgICAgICAgICAgIHNldFZhbHVlKHByZXYgPT4gYCR7cHJldn0uYCk7XG4gICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICBjYXNlICdCYWNrc3BhY2UnOlxuICAgICAgICAgICAgICAgIGlmIChfdmFsdWUgPT0gbnVsbClcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1jYXNlLWRlY2xhcmF0aW9uc1xuICAgICAgICAgICAgICAgIGNvbnN0IHN0ciA9IF92YWx1ZS50b1N0cmluZygpO1xuICAgICAgICAgICAgICAgIGlmIChzdHJbc3RyLmxlbmd0aCAtIDJdID09PSAnLicpIHtcbiAgICAgICAgICAgICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBzZXRWYWx1ZShgJHtzdHIuc2xpY2UoMCwgLTEpfWApO1xuICAgICAgICAgICAgICAgICAgICB9LCAwKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICB9XG4gICAgfSwgW192YWx1ZV0pO1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIHZhciBfYTtcbiAgICAgICAgc2V0V2lkdGgoKChfYSA9IGZha2VFbGVSZWYuY3VycmVudCkgPT09IG51bGwgfHwgX2EgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9hLm9mZnNldFdpZHRoKSB8fCBNSU5fSU5QVVRfV0lEVEgpO1xuICAgIH0sIFtfdmFsdWVdKTtcbiAgICB1c2VFZmZlY3QoKCkgPT4gc2V0VmFsdWUodmFsdWUgIT09IG51bGwgJiYgdmFsdWUgIT09IHZvaWQgMCA/IHZhbHVlIDogbnVsbCksIFt2YWx1ZV0pO1xuICAgIHJldHVybiBfanN4cyhcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3Nlcygnd3JhcHBlcicsIFt3cmFwcGVyQ2xzLCBpbnZhbGlkID8gY2xhc3NlcygnaW52YWxpZCcpIDogdW5kZWZpbmVkXS5qb2luKCcgJykudHJpbSgpKSwgY2hpbGRyZW46IFtfanN4cyhcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3Nlcyh2b2lkIDAsIGNsYXNzTmFtZSksIGNoaWxkcmVuOiBbcHJlZml4ICYmIF9qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdwcmVmaXgnKSwgb25DbGljazogKCkgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBpbnB1dFJlZi5jdXJyZW50KSA9PT0gbnVsbCB8fCBfYSA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2EuZm9jdXMoKTsgfSwgY2hpbGRyZW46IHByZWZpeCB9KSwgX2pzeChJbnB1dE51bWJlciwgT2JqZWN0LmFzc2lnbih7fSwgcmVzdCwgeyBtb2RlOiAnZGVjaW1hbCcsIHJlZjogaW5wdXRSZWYsIHZhbHVlOiB2YWx1ZSwgcGxhY2Vob2xkZXI6IHBsYWNlaG9sZGVyLCBjbGFzc05hbWU6IGNsYXNzZXMoJ2VsZW1lbnQnKSwgb25DaGFuZ2U6IGhhbmRsZUNoYW5nZSwgb25LZXlEb3duOiBoYW5kbGVLZXlEb3duLCBzdHlsZTogeyAnLS1pbnB1dC13aWR0aCc6IGAke193aWR0aH1weGAgfSB9KSksIGN1cnJlbmN5ICYmIF9qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdjdXJyZW5jeScpLCBvbkNsaWNrOiAoKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IGlucHV0UmVmLmN1cnJlbnQpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5mb2N1cygpOyB9LCBjaGlsZHJlbjogY3VycmVuY3kgfSksIHN1ZmZpeCAmJiBfanN4KFwic3BhblwiLCB7IGNsYXNzTmFtZTogY2xhc3Nlcygnc3VmZml4JyksIGNoaWxkcmVuOiBzdWZmaXggfSksIF9qc3goXCJzcGFuXCIsIHsgcmVmOiBmYWtlRWxlUmVmLCBjbGFzc05hbWU6IGNsYXNzZXMoJ2Zha2UnKSwgb25DbGljazogZSA9PiBlLnN0b3BQcm9wYWdhdGlvbigpLCBjaGlsZHJlbjogbnVtZXJpY0Zvcm1hdHRlcignJyArIChfdmFsdWUgPT0gbnVsbCA/ICcnIDogX3ZhbHVlKSwge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRob3VzYW5kU2VwYXJhdG9yOiB0cnVlLFxuICAgICAgICAgICAgICAgICAgICAgICAgfSkgfSldIH0pLCAobWVzc2FnZSB8fCBmb290bm90ZSkgJiYgX2pzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2V4dHJhJyksIGNoaWxkcmVuOiBbbWVzc2FnZSAmJiBfanN4KFwic3BhblwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygnbWVzc2FnZScpLCBjaGlsZHJlbjogbWVzc2FnZSB9KSwgZm9vdG5vdGUgJiYgX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2Zvb3Rub3RlJyksIGNoaWxkcmVuOiBmb290bm90ZSB9KV0gfSldIH0pO1xufTtcbmV4cG9ydCBkZWZhdWx0IG1lbW8oSW5wdXRBbW91bnQpOyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
@@ -0,0 +1,4 @@
1
+ import InputAmount from './InputAmount';
2
+ export { InputAmount } from './InputAmount';
3
+ export default InputAmount;
4
+ export * from './interface';
@@ -0,0 +1,5 @@
1
+ import InputAmount from './InputAmount';
2
+ export { InputAmount } from './InputAmount';
3
+ export default InputAmount;
4
+ export * from './interface';
5
+ //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvSW5wdXRBbW91bnQvaW5kZXgudHMiXSwibmFtZXMiOlsiSW5wdXRBbW91bnQiXSwibWFwcGluZ3MiOiJBQUFBLE9BQU9BLFdBQVcsTUFBTSxlQUFlO0FBRXZDLFNBQVNBLFdBQVcsUUFBUSxlQUFlO0FBRTNDLGVBQWVBLFdBQVc7QUFFMUIsY0FBYyxhQUFhIiwiZmlsZSI6ImNvbXBvbmVudHMvSW5wdXRBbW91bnQvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
@@ -0,0 +1,14 @@
1
+ import type { RefObject, ReactNode } from 'react';
2
+ import type { InputNumberProps, InputNumber } from 'primereact/inputnumber';
3
+ export interface InputAmountProps extends Omit<InputNumberProps, 'prefix' | 'suffix' | 'currency'> {
4
+ ref?: RefObject<InputNumber | null>;
5
+ className?: string;
6
+ prefixCls?: string;
7
+ wrapperCls?: string;
8
+ invalid?: boolean;
9
+ prefix?: ReactNode;
10
+ currency?: ReactNode;
11
+ suffix?: ReactNode;
12
+ message?: ReactNode;
13
+ footnote?: ReactNode;
14
+ }
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy9JbnB1dEFtb3VudC9pbnRlcmZhY2UuanMiLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMiLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvSW5wdXRBbW91bnQvaW50ZXJmYWNlLmpzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7fTsiXSwibWFwcGluZ3MiOiJBQUFBIiwiaWdub3JlTGlzdCI6W119
@@ -0,0 +1 @@
1
+ .om-react-ui-input-amount{display:inline-flex;gap:8px;align-items:center;justify-content:start;width:100%;padding-bottom:16px;border-bottom:1px solid #d1d2d2}.om-react-ui-input-amount-wrapper{display:inline-flex;flex-direction:column;gap:16px;width:100%}.om-react-ui-input-amount:has(.p-inputwrapper-focus:not(.p-invalid)){border-bottom-color:#073387}.om-react-ui-input-amount-element{display:inline-flex;flex-grow:0;color:#073387;font-weight:500;font-size:52px;font-family:var(--font-aeonik),Aeonik;line-height:56px;letter-spacing:-.25px}.om-react-ui-input-amount-element input{position:relative;width:var(--input-width);padding:0;color:inherit;font-weight:inherit;font-size:inherit;font-family:inherit;line-height:inherit;letter-spacing:inherit;border:none;border-radius:0;box-shadow:none}.om-react-ui-input-amount-element input::placeholder{color:inherit}.om-react-ui-input-amount-fake{position:absolute;top:0;left:-9999px;z-index:-1;display:inline-block;font-weight:500;font-size:52px;font-family:var(--font-aeonik),Aeonik;line-height:56px;letter-spacing:-.25px;white-space:pre;visibility:hidden;opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;inset-block-start:0;inset-inline-start:0}.om-react-ui-input-amount-currency,.om-react-ui-input-amount-prefix,.om-react-ui-input-amount-suffix{display:inline-flex;flex-grow:0;flex-shrink:0;align-items:center}.om-react-ui-input-amount-prefix{color:#073387}.om-react-ui-input-amount-currency,.om-react-ui-input-amount-prefix{font-weight:500;font-size:52px;font-family:var(--font-aeonik),Aeonik;line-height:56px;letter-spacing:-.25px}.om-react-ui-input-amount-currency{color:#e3e4e4}.om-react-ui-input-amount-suffix{margin-left:auto}.om-react-ui-input-amount-extra{display:inline-flex;flex-direction:column;gap:16px}.om-react-ui-input-amount-message{color:#131313;font-weight:400;font-size:12px;font-family:var(--font-inter),Inter;line-height:140%}.om-react-ui-input-amount-footnote{color:#073387;font-weight:500;font-size:16px;font-family:var(--font-inter),Inter;line-height:140%}.om-react-ui-input-amount-invalid .om-react-ui-input-amount{border-bottom-color:#ae0000}.om-react-ui-input-amount-invalid .om-react-ui-input-amount-element,.om-react-ui-input-amount-invalid .om-react-ui-input-amount-message,.om-react-ui-input-amount-invalid .om-react-ui-input-amount-prefix{color:#ae0000}
@@ -0,0 +1,140 @@
1
+ @use '../../../variable.scss'as *;
2
+
3
+ $component: 'input-amount';
4
+ $cls: #{$prefix}-#{$component};
5
+
6
+ .#{$cls} {
7
+ &-wrapper {
8
+ display: inline-flex;
9
+ flex-direction: column;
10
+ gap: 16px;
11
+ width: 100%;
12
+ }
13
+
14
+ display: inline-flex;
15
+ gap: 8px;
16
+ align-items: center;
17
+ justify-content: start;
18
+ width: 100%;
19
+ padding-bottom: 16px;
20
+ border-bottom: 1px solid $color-grey-bold;
21
+
22
+ &:has(.p-inputwrapper-focus:not(.p-invalid)) {
23
+ border-bottom-color: $color-primary;
24
+ }
25
+
26
+ &-element {
27
+ display: inline-flex;
28
+ flex-grow: 0;
29
+ color: $color-primary;
30
+ font-weight: 500;
31
+ font-size: 52px;
32
+ font-family: var(--font-aeonik), Aeonik;
33
+ line-height: 56px;
34
+ letter-spacing: -0.25px;
35
+
36
+ input {
37
+ position: relative;
38
+ width: var(--input-width);
39
+ padding: 0;
40
+ color: inherit;
41
+ font-weight: inherit;
42
+ font-size: inherit;
43
+ font-family: inherit;
44
+ line-height: inherit;
45
+ letter-spacing: inherit;
46
+ border: none;
47
+ border-radius: 0;
48
+ box-shadow: none;
49
+
50
+ &::placeholder {
51
+ color: inherit;
52
+ }
53
+ }
54
+ }
55
+
56
+ &-fake {
57
+ position: absolute;
58
+ top: 0;
59
+ left: -9999px;
60
+ z-index: -1;
61
+ display: inline-block;
62
+ font-weight: 500;
63
+ font-size: 52px;
64
+ font-family: var(--font-aeonik), Aeonik;
65
+ line-height: 56px;
66
+ letter-spacing: -0.25px;
67
+ white-space: pre;
68
+ visibility: hidden;
69
+ opacity: 0;
70
+ user-select: none;
71
+ pointer-events: none;
72
+ inset-block-start: 0;
73
+ inset-inline-start: 0;
74
+ }
75
+
76
+ &-prefix,
77
+ &-currency,
78
+ &-suffix {
79
+ display: inline-flex;
80
+ flex-grow: 0;
81
+ flex-shrink: 0;
82
+ align-items: center;
83
+ }
84
+
85
+ &-prefix {
86
+ color: $color-primary;
87
+ font-weight: 500;
88
+ font-size: 52px;
89
+ font-family: var(--font-aeonik), Aeonik;
90
+ line-height: 56px;
91
+ letter-spacing: -0.25px;
92
+ }
93
+
94
+ &-currency {
95
+ color: $color-grey-deep;
96
+ font-weight: 500;
97
+ font-size: 52px;
98
+ font-family: var(--font-aeonik), Aeonik;
99
+ line-height: 56px;
100
+ letter-spacing: -0.25px;
101
+ }
102
+
103
+ &-suffix {
104
+ margin-left: auto;
105
+ }
106
+
107
+ &-extra {
108
+ display: inline-flex;
109
+ flex-direction: column;
110
+ gap: 16px;
111
+ }
112
+
113
+ &-message {
114
+ color: $color-primary-black;
115
+ font-weight: 400;
116
+ font-size: 12px;
117
+ font-family: var(--font-inter), Inter;
118
+ line-height: 140%;
119
+ }
120
+
121
+ &-footnote {
122
+ color: $color-primary;
123
+ font-weight: 500;
124
+ font-size: 16px;
125
+ font-family: var(--font-inter), Inter;
126
+ line-height: 140%;
127
+ }
128
+
129
+ &-invalid {
130
+ .#{$cls} {
131
+ border-bottom-color: $color-negative;
132
+ }
133
+
134
+ .#{$cls}-prefix,
135
+ .#{$cls}-element,
136
+ .#{$cls}-message {
137
+ color: $color-negative;
138
+ }
139
+ }
140
+ }
@@ -0,0 +1,2 @@
1
+ import './InputAmount.css';
2
+ //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvSW5wdXRBbW91bnQvc3JjL2NvbXBvbmVudHMvSW5wdXRBbW91bnQvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxvQkFBb0IiLCJmaWxlIjoiY29tcG9uZW50cy9JbnB1dEFtb3VudC9zdHlsZS9jc3MuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
@@ -0,0 +1 @@
1
+ import './InputAmount.scss';
@@ -0,0 +1,2 @@
1
+ import './InputAmount.scss';
2
+ //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvSW5wdXRBbW91bnQvc3JjL2NvbXBvbmVudHMvSW5wdXRBbW91bnQvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxvQkFBb0IiLCJmaWxlIjoiY29tcG9uZW50cy9JbnB1dEFtb3VudC9zdHlsZS9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==