@ceed/cds 0.0.126 → 0.0.127
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.
- package/dist/components/Accordions/Accordions.js +21 -15
- package/dist/components/Accordions/index.js +19 -3
- package/dist/components/Autocomplete/Autocomplete.js +75 -46
- package/dist/components/Autocomplete/index.js +19 -3
- package/dist/components/Box/Box.js +7 -4
- package/dist/components/Box/index.js +19 -3
- package/dist/components/Breadcrumbs/Breadcrumbs.js +46 -17
- package/dist/components/Breadcrumbs/index.js +19 -3
- package/dist/components/Button/Button.js +33 -7
- package/dist/components/Button/index.js +19 -3
- package/dist/components/Calendar/Calendar.js +96 -67
- package/dist/components/Calendar/hooks/use-calendar-props.js +14 -10
- package/dist/components/Calendar/hooks/use-calendar.js +32 -28
- package/dist/components/Calendar/index.js +19 -3
- package/dist/components/Calendar/types.js +2 -1
- package/dist/components/Calendar/utils/index.js +21 -9
- package/dist/components/Card/Card.js +15 -12
- package/dist/components/Card/index.js +19 -3
- package/dist/components/Checkbox/Checkbox.js +12 -6
- package/dist/components/Checkbox/index.js +19 -3
- package/dist/components/Chip/Chip.js +7 -4
- package/dist/components/Chip/index.js +19 -3
- package/dist/components/Container/Container.js +32 -6
- package/dist/components/Container/index.js +19 -3
- package/dist/components/CurrencyInput/CurrencyInput.js +51 -22
- package/dist/components/CurrencyInput/hooks/use-currency-setting.js +10 -3
- package/dist/components/CurrencyInput/index.js +19 -3
- package/dist/components/DataTable/DataTable.js +138 -109
- package/dist/components/DataTable/index.js +19 -3
- package/dist/components/DataTable/types.js +2 -1
- package/dist/components/DatePicker/DatePicker.js +76 -47
- package/dist/components/DatePicker/index.js +19 -3
- package/dist/components/DateRangePicker/DateRangePicker.js +78 -49
- package/dist/components/DateRangePicker/index.js +19 -3
- package/dist/components/DialogActions/DialogActions.js +8 -5
- package/dist/components/DialogActions/index.js +19 -3
- package/dist/components/DialogContent/DialogContent.js +8 -5
- package/dist/components/DialogContent/index.js +19 -3
- package/dist/components/DialogFrame/DialogFrame.js +18 -12
- package/dist/components/DialogFrame/index.js +19 -3
- package/dist/components/DialogTitle/DialogTitle.js +8 -5
- package/dist/components/DialogTitle/index.js +19 -3
- package/dist/components/Divider/Divider.js +12 -6
- package/dist/components/Divider/index.js +19 -3
- package/dist/components/Dropdown/Dropdown.js +7 -4
- package/dist/components/Dropdown/index.js +19 -3
- package/dist/components/FormControl/FormControl.js +10 -7
- package/dist/components/FormControl/index.js +19 -3
- package/dist/components/FormHelperText/FormHelperText.js +7 -4
- package/dist/components/FormHelperText/index.js +19 -3
- package/dist/components/FormLabel/FormLabel.js +7 -4
- package/dist/components/FormLabel/index.js +19 -3
- package/dist/components/Grid/Grid.js +7 -4
- package/dist/components/Grid/index.js +19 -3
- package/dist/components/IconButton/IconButton.js +12 -6
- package/dist/components/IconButton/index.js +19 -3
- package/dist/components/Input/Input.js +19 -13
- package/dist/components/Input/index.js +19 -3
- package/dist/components/InsetDrawer/InsetDrawer.js +12 -6
- package/dist/components/InsetDrawer/index.js +19 -3
- package/dist/components/Markdown/Markdown.js +20 -14
- package/dist/components/Markdown/index.js +19 -3
- package/dist/components/Menu/Menu.js +18 -12
- package/dist/components/Menu/index.js +19 -3
- package/dist/components/Modal/Modal.js +25 -19
- package/dist/components/Modal/index.js +19 -3
- package/dist/components/MonthPicker/MonthPicker.js +75 -46
- package/dist/components/MonthPicker/index.js +19 -3
- package/dist/components/MonthRangePicker/MonthRangePicker.js +77 -48
- package/dist/components/MonthRangePicker/index.js +19 -3
- package/dist/components/Radio/Radio.js +9 -6
- package/dist/components/Radio/index.js +19 -3
- package/dist/components/RadioList/RadioList.js +10 -4
- package/dist/components/RadioList/index.js +19 -3
- package/dist/components/Select/Select.js +43 -14
- package/dist/components/Select/index.js +19 -3
- package/dist/components/Sheet/Sheet.js +7 -4
- package/dist/components/Sheet/index.js +19 -3
- package/dist/components/Stack/Stack.js +7 -4
- package/dist/components/Stack/index.js +19 -3
- package/dist/components/Switch/Switch.js +15 -9
- package/dist/components/Switch/index.js +19 -3
- package/dist/components/Table/Table.js +24 -18
- package/dist/components/Table/index.js +19 -3
- package/dist/components/Tabs/Tabs.js +13 -10
- package/dist/components/Tabs/index.js +19 -3
- package/dist/components/Textarea/Textarea.js +18 -12
- package/dist/components/Textarea/index.js +19 -3
- package/dist/components/ThemeProvider/ThemeProvider.js +15 -9
- package/dist/components/ThemeProvider/index.js +19 -3
- package/dist/components/Tooltip/Tooltip.js +12 -6
- package/dist/components/Tooltip/index.js +19 -3
- package/dist/components/Typography/Typography.js +12 -6
- package/dist/components/Typography/index.js +19 -3
- package/dist/components/Uploader/Uploader.js +94 -69
- package/dist/components/Uploader/index.js +19 -3
- package/dist/components/index.js +108 -44
- package/dist/index.js +167 -4
- package/package.json +2 -3
|
@@ -1,22 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CardOverflow = exports.CardActions = exports.CardCover = exports.CardContent = exports.Card = void 0;
|
|
4
|
+
var joy_1 = require("@mui/joy");
|
|
5
|
+
var framer_motion_1 = require("framer-motion");
|
|
6
|
+
var MotionCard = (0, framer_motion_1.motion)(joy_1.Card);
|
|
4
7
|
var Card = MotionCard;
|
|
5
|
-
|
|
8
|
+
exports.Card = Card;
|
|
6
9
|
Card.displayName = "Card";
|
|
7
|
-
var MotionCardContent = motion(
|
|
10
|
+
var MotionCardContent = (0, framer_motion_1.motion)(joy_1.CardContent);
|
|
8
11
|
var CardContent = MotionCardContent;
|
|
9
|
-
|
|
12
|
+
exports.CardContent = CardContent;
|
|
10
13
|
CardContent.displayName = "CardContent";
|
|
11
|
-
var MotionCardCover = motion(
|
|
14
|
+
var MotionCardCover = (0, framer_motion_1.motion)(joy_1.CardCover);
|
|
12
15
|
var CardCover = MotionCardCover;
|
|
13
|
-
|
|
16
|
+
exports.CardCover = CardCover;
|
|
14
17
|
CardCover.displayName = "CardCover";
|
|
15
|
-
var MotionCardActions = motion(
|
|
18
|
+
var MotionCardActions = (0, framer_motion_1.motion)(joy_1.CardActions);
|
|
16
19
|
var CardActions = MotionCardActions;
|
|
17
|
-
|
|
20
|
+
exports.CardActions = CardActions;
|
|
18
21
|
CardActions.displayName = "CardActions";
|
|
19
|
-
var MotionCardOverflow = motion(
|
|
22
|
+
var MotionCardOverflow = (0, framer_motion_1.motion)(joy_1.CardOverflow);
|
|
20
23
|
var CardOverflow = MotionCardOverflow;
|
|
21
|
-
|
|
24
|
+
exports.CardOverflow = CardOverflow;
|
|
22
25
|
CardOverflow.displayName = "CardOverflow";
|
|
@@ -1,3 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
var Card_1 = require("./Card");
|
|
18
|
+
__exportStar(require("./Card"), exports);
|
|
19
|
+
exports.default = Card_1.Card;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
var __assign = (this && this.__assign) || function () {
|
|
2
3
|
__assign = Object.assign || function(t) {
|
|
3
4
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -9,10 +10,15 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
10
|
};
|
|
10
11
|
return __assign.apply(this, arguments);
|
|
11
12
|
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.Checkbox = void 0;
|
|
18
|
+
var react_1 = __importDefault(require("react"));
|
|
19
|
+
var joy_1 = require("@mui/joy");
|
|
20
|
+
var framer_motion_1 = require("framer-motion");
|
|
21
|
+
var MotionCheckbox = (0, framer_motion_1.motion)(joy_1.Checkbox);
|
|
16
22
|
var Checkbox = function (props) {
|
|
17
23
|
// prop destruction
|
|
18
24
|
// lib hooks
|
|
@@ -22,7 +28,7 @@ var Checkbox = function (props) {
|
|
|
22
28
|
// calculated values
|
|
23
29
|
// effects
|
|
24
30
|
// handlers
|
|
25
|
-
return
|
|
31
|
+
return react_1.default.createElement(MotionCheckbox, __assign({}, props));
|
|
26
32
|
};
|
|
27
|
-
|
|
33
|
+
exports.Checkbox = Checkbox;
|
|
28
34
|
Checkbox.displayName = "Checkbox";
|
|
@@ -1,3 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
var Checkbox_1 = require("./Checkbox");
|
|
18
|
+
__exportStar(require("./Checkbox"), exports);
|
|
19
|
+
exports.default = Checkbox_1.Checkbox;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Chip = void 0;
|
|
4
|
+
var joy_1 = require("@mui/joy");
|
|
5
|
+
var framer_motion_1 = require("framer-motion");
|
|
6
|
+
var MotionChip = (0, framer_motion_1.motion)(joy_1.Chip);
|
|
4
7
|
var Chip = MotionChip;
|
|
5
|
-
|
|
8
|
+
exports.Chip = Chip;
|
|
6
9
|
Chip.displayName = "Chip";
|
|
@@ -1,3 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
var Chip_1 = require("./Chip");
|
|
18
|
+
__exportStar(require("./Chip"), exports);
|
|
19
|
+
exports.default = Chip_1.Chip;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
var __assign = (this && this.__assign) || function () {
|
|
2
3
|
__assign = Object.assign || function(t) {
|
|
3
4
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -9,9 +10,34 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
10
|
};
|
|
10
11
|
return __assign.apply(this, arguments);
|
|
11
12
|
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
var
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
exports.Container = void 0;
|
|
38
|
+
var joy_1 = require("@mui/joy");
|
|
39
|
+
var react_1 = __importStar(require("react"));
|
|
40
|
+
var ContainerRoot = (0, joy_1.styled)("div", {
|
|
15
41
|
name: "Container",
|
|
16
42
|
slot: "root",
|
|
17
43
|
shouldForwardProp: function (prop) {
|
|
@@ -50,7 +76,7 @@ var ContainerRoot = styled("div", {
|
|
|
50
76
|
: null,
|
|
51
77
|
];
|
|
52
78
|
});
|
|
53
|
-
var Container = forwardRef(function Container(props, ref) {
|
|
79
|
+
var Container = (0, react_1.forwardRef)(function Container(props, ref) {
|
|
54
80
|
// prop destruction
|
|
55
81
|
// lib hooks
|
|
56
82
|
// state, ref, querystring hooks
|
|
@@ -59,7 +85,7 @@ var Container = forwardRef(function Container(props, ref) {
|
|
|
59
85
|
// calculated values
|
|
60
86
|
// effects
|
|
61
87
|
// handlers
|
|
62
|
-
return
|
|
88
|
+
return react_1.default.createElement(ContainerRoot, __assign({ ref: ref }, props));
|
|
63
89
|
});
|
|
64
|
-
|
|
90
|
+
exports.Container = Container;
|
|
65
91
|
Container.displayName = "Container";
|
|
@@ -1,3 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
var Container_1 = require("./Container");
|
|
18
|
+
__exportStar(require("./Container"), exports);
|
|
19
|
+
exports.default = Container_1.Container;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
var __assign = (this && this.__assign) || function () {
|
|
2
3
|
__assign = Object.assign || function(t) {
|
|
3
4
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -9,6 +10,29 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
10
|
};
|
|
10
11
|
return __assign.apply(this, arguments);
|
|
11
12
|
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
12
36
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
37
|
var t = {};
|
|
14
38
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -20,15 +44,20 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
20
44
|
}
|
|
21
45
|
return t;
|
|
22
46
|
};
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
var
|
|
47
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
48
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
49
|
+
};
|
|
50
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
51
|
+
exports.CurrencyInput = void 0;
|
|
52
|
+
var react_1 = __importStar(require("react"));
|
|
53
|
+
var intl_messageformat_1 = require("intl-messageformat");
|
|
54
|
+
var react_number_format_1 = require("react-number-format");
|
|
55
|
+
var Input_1 = __importDefault(require("../Input"));
|
|
56
|
+
var FormControl_1 = __importDefault(require("../FormControl"));
|
|
57
|
+
var FormLabel_1 = __importDefault(require("../FormLabel"));
|
|
58
|
+
var FormHelperText_1 = __importDefault(require("../FormHelperText"));
|
|
59
|
+
var use_currency_setting_1 = require("./hooks/use-currency-setting");
|
|
60
|
+
var TextMaskAdapter = react_1.default.forwardRef(function TextMaskAdapter(props, ref) {
|
|
32
61
|
// prop destruction
|
|
33
62
|
var onChange = props.onChange, innerProps = __rest(props, ["onChange"]);
|
|
34
63
|
// lib hooks
|
|
@@ -38,39 +67,39 @@ var TextMaskAdapter = React.forwardRef(function TextMaskAdapter(props, ref) {
|
|
|
38
67
|
// calculated values
|
|
39
68
|
// effects
|
|
40
69
|
// handlers
|
|
41
|
-
return (
|
|
70
|
+
return (react_1.default.createElement(react_number_format_1.NumericFormat, __assign({}, innerProps, { onValueChange: function (_a) {
|
|
42
71
|
var value = _a.value;
|
|
43
72
|
onChange === null || onChange === void 0 ? void 0 : onChange({
|
|
44
73
|
target: { name: props.name, value: value },
|
|
45
74
|
});
|
|
46
75
|
}, valueIsNumericString: true, getInputRef: ref, allowNegative: false })));
|
|
47
76
|
});
|
|
48
|
-
var CurrencyInput =
|
|
77
|
+
var CurrencyInput = react_1.default.forwardRef(function CurrencyInput(props, ref) {
|
|
49
78
|
// prop destruction
|
|
50
79
|
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"]);
|
|
51
80
|
// lib hooks
|
|
52
|
-
var _b = useCurrencySetting(currency), symbol = _b.symbol, thousandSeparator = _b.thousandSeparator, decimalSeparator = _b.decimalSeparator, placeholder = _b.placeholder, fixedDecimalScale = _b.fixedDecimalScale, decimalScale = _b.decimalScale;
|
|
81
|
+
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;
|
|
53
82
|
// state, ref, querystring hooks
|
|
54
|
-
var _c = useState(props.value), _value = _c[0], setValue = _c[1];
|
|
55
|
-
var value = useMemo(function () {
|
|
83
|
+
var _c = (0, react_1.useState)(props.value), _value = _c[0], setValue = _c[1];
|
|
84
|
+
var value = (0, react_1.useMemo)(function () {
|
|
56
85
|
if (_value && useMinorUnit) {
|
|
57
86
|
return _value / Math.pow(10, decimalScale);
|
|
58
87
|
}
|
|
59
88
|
return _value;
|
|
60
89
|
}, [_value, useMinorUnit, decimalScale]);
|
|
61
|
-
var max = useMemo(function () {
|
|
90
|
+
var max = (0, react_1.useMemo)(function () {
|
|
62
91
|
if (props.max && useMinorUnit) {
|
|
63
92
|
return props.max / Math.pow(10, decimalScale);
|
|
64
93
|
}
|
|
65
94
|
return props.max;
|
|
66
95
|
}, [props.max, useMinorUnit, decimalScale]);
|
|
67
|
-
var _d = useState(!!max && !!value && value > max), isOverLimit = _d[0], setIsOverLimit = _d[1];
|
|
96
|
+
var _d = (0, react_1.useState)(!!max && !!value && value > max), isOverLimit = _d[0], setIsOverLimit = _d[1];
|
|
68
97
|
// form hooks
|
|
69
98
|
// query hooks
|
|
70
99
|
// calculated values
|
|
71
100
|
// effects
|
|
72
101
|
// handlers
|
|
73
|
-
var handleChange = useCallback(function (event) {
|
|
102
|
+
var handleChange = (0, react_1.useCallback)(function (event) {
|
|
74
103
|
var _a;
|
|
75
104
|
var amount = useMinorUnit
|
|
76
105
|
? Number((_a = event.target.value) === null || _a === void 0 ? void 0 : _a.replace(decimalSeparator, ""))
|
|
@@ -84,7 +113,7 @@ var CurrencyInput = React.forwardRef(function CurrencyInput(props, ref) {
|
|
|
84
113
|
setValue(amount);
|
|
85
114
|
onChange === null || onChange === void 0 ? void 0 : onChange(__assign(__assign({}, event), { target: { name: name, value: amount } }));
|
|
86
115
|
}, [decimalSeparator, max, name, onChange, useMinorUnit]);
|
|
87
|
-
var currencyFormatter = (
|
|
116
|
+
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: {
|
|
88
117
|
input: {
|
|
89
118
|
component: TextMaskAdapter,
|
|
90
119
|
decimalSeparator: decimalSeparator,
|
|
@@ -98,11 +127,11 @@ var CurrencyInput = React.forwardRef(function CurrencyInput(props, ref) {
|
|
|
98
127
|
fontFamily: "monospace",
|
|
99
128
|
} })));
|
|
100
129
|
if (label) {
|
|
101
|
-
return (
|
|
102
|
-
|
|
130
|
+
return (react_1.default.createElement(FormControl_1.default, { size: "sm", disabled: disabled, required: required, error: error || isOverLimit },
|
|
131
|
+
react_1.default.createElement(FormLabel_1.default, null, label),
|
|
103
132
|
currencyFormatter,
|
|
104
|
-
isOverLimit ? (
|
|
133
|
+
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))));
|
|
105
134
|
}
|
|
106
135
|
return currencyFormatter;
|
|
107
136
|
});
|
|
108
|
-
|
|
137
|
+
exports.CurrencyInput = CurrencyInput;
|
|
@@ -1,4 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.useCurrencySetting = void 0;
|
|
7
|
+
var intl_messageformat_1 = __importDefault(require("intl-messageformat"));
|
|
2
8
|
/**
|
|
3
9
|
* @see https://docs.adyen.com/development-resources/currency-codes/
|
|
4
10
|
*/
|
|
@@ -144,9 +150,9 @@ var CURRENCY_DECIMAL_MAP = {
|
|
|
144
150
|
ZAR: 2,
|
|
145
151
|
ZMW: 2,
|
|
146
152
|
};
|
|
147
|
-
|
|
153
|
+
var useCurrencySetting = function (currencyCode) {
|
|
148
154
|
if (currencyCode === void 0) { currencyCode = "USD"; }
|
|
149
|
-
var _a = new
|
|
155
|
+
var _a = new intl_messageformat_1.default("{amount, number, ::currency/".concat(currencyCode, " unit-width-narrow}"))
|
|
150
156
|
.format({ amount: 1000 })
|
|
151
157
|
.toString()
|
|
152
158
|
.replace(/\d/g, "")
|
|
@@ -163,3 +169,4 @@ export var useCurrencySetting = function (currencyCode) {
|
|
|
163
169
|
decimalScale: decimalScale,
|
|
164
170
|
};
|
|
165
171
|
};
|
|
172
|
+
exports.useCurrencySetting = useCurrencySetting;
|
|
@@ -1,3 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
var CurrencyInput_1 = require("./CurrencyInput");
|
|
18
|
+
__exportStar(require("./CurrencyInput"), exports);
|
|
19
|
+
exports.default = CurrencyInput_1.CurrencyInput;
|