@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,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++) {
|
|
@@ -20,18 +21,23 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
20
21
|
}
|
|
21
22
|
return t;
|
|
22
23
|
};
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
24
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
+
};
|
|
27
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
+
exports.Accordions = exports.Accordion = exports.AccordionDetails = exports.AccordionSummary = void 0;
|
|
29
|
+
var react_1 = __importDefault(require("react"));
|
|
30
|
+
var joy_1 = require("@mui/joy");
|
|
31
|
+
var framer_motion_1 = require("framer-motion");
|
|
32
|
+
var MotionAccordionSummary = (0, framer_motion_1.motion)(joy_1.AccordionSummary);
|
|
27
33
|
var AccordionSummary = MotionAccordionSummary;
|
|
28
|
-
|
|
34
|
+
exports.AccordionSummary = AccordionSummary;
|
|
29
35
|
AccordionSummary.displayName = "AccordionSummary";
|
|
30
|
-
var MotionAccordionDetails = motion(
|
|
36
|
+
var MotionAccordionDetails = (0, framer_motion_1.motion)(joy_1.AccordionDetails);
|
|
31
37
|
var AccordionDetails = MotionAccordionDetails;
|
|
32
|
-
|
|
38
|
+
exports.AccordionDetails = AccordionDetails;
|
|
33
39
|
AccordionDetails.displayName = "AccordionDetails";
|
|
34
|
-
var MotionAccordion = motion(
|
|
40
|
+
var MotionAccordion = (0, framer_motion_1.motion)(joy_1.Accordion);
|
|
35
41
|
function Accordion(props) {
|
|
36
42
|
// prop destruction
|
|
37
43
|
var summary = props.summary, details = props.details, variant = props.variant, color = props.color, innerProps = __rest(props, ["summary", "details", "variant", "color"]);
|
|
@@ -43,13 +49,13 @@ function Accordion(props) {
|
|
|
43
49
|
var inheritedVariant = variant === "solid" ? "solid" : undefined;
|
|
44
50
|
// effects
|
|
45
51
|
// handlers
|
|
46
|
-
return (
|
|
47
|
-
|
|
48
|
-
|
|
52
|
+
return (react_1.default.createElement(MotionAccordion, __assign({ variant: inheritedVariant, color: color }, innerProps),
|
|
53
|
+
react_1.default.createElement(AccordionSummary, { variant: inheritedVariant, color: color }, summary),
|
|
54
|
+
react_1.default.createElement(AccordionDetails, { variant: inheritedVariant, color: color }, details)));
|
|
49
55
|
}
|
|
50
|
-
|
|
56
|
+
exports.Accordion = Accordion;
|
|
51
57
|
Accordion.displayName = "Accordion";
|
|
52
|
-
var MotionAccordions = motion(
|
|
58
|
+
var MotionAccordions = (0, framer_motion_1.motion)(joy_1.AccordionGroup);
|
|
53
59
|
function Accordions(props) {
|
|
54
60
|
// prop destruction
|
|
55
61
|
var variant = props.variant, color = props.color, items = props.items, innerProps = __rest(props, ["variant", "color", "items"]);
|
|
@@ -60,7 +66,7 @@ function Accordions(props) {
|
|
|
60
66
|
// calculated values
|
|
61
67
|
// effects
|
|
62
68
|
// handlers
|
|
63
|
-
return (
|
|
69
|
+
return (react_1.default.createElement(MotionAccordions, __assign({ variant: variant, color: color }, innerProps), items.map(function (item, index) { return (react_1.default.createElement(Accordion, { summary: item.summary, details: item.details, index: index, variant: variant, color: color })); })));
|
|
64
70
|
}
|
|
65
|
-
|
|
71
|
+
exports.Accordions = Accordions;
|
|
66
72
|
Accordions.displayName = "Accordions";
|
|
@@ -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 Accordions_1 = require("./Accordions");
|
|
18
|
+
__exportStar(require("./Accordions"), exports);
|
|
19
|
+
exports.default = Accordions_1.Accordions;
|
|
@@ -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)
|
|
@@ -29,19 +53,24 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
29
53
|
}
|
|
30
54
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
31
55
|
};
|
|
32
|
-
|
|
33
|
-
|
|
56
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
57
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
58
|
+
};
|
|
59
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
60
|
+
exports.Autocomplete = void 0;
|
|
61
|
+
var react_1 = __importStar(require("react"));
|
|
62
|
+
var joy_1 = require("@mui/joy");
|
|
34
63
|
// @ts-ignore: ESM import 해야만 프레이머에서 정상적으로 동작한다. https://github.com/mui/material-ui/issues/35233
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
var AutocompletePopper = styled(Popper, {
|
|
64
|
+
var Close_js_1 = __importDefault(require("@mui/icons-material/esm/Close.js"));
|
|
65
|
+
var react_virtual_1 = require("@tanstack/react-virtual");
|
|
66
|
+
var base_1 = require("@mui/base");
|
|
67
|
+
var FormControl_1 = __importDefault(require("../FormControl"));
|
|
68
|
+
var FormLabel_1 = __importDefault(require("../FormLabel"));
|
|
69
|
+
var FormHelperText_1 = __importDefault(require("../FormHelperText"));
|
|
70
|
+
var Chip_1 = __importDefault(require("../Chip"));
|
|
71
|
+
var IconButton_1 = __importDefault(require("../IconButton"));
|
|
72
|
+
var Stack_1 = __importDefault(require("../Stack"));
|
|
73
|
+
var AutocompletePopper = (0, joy_1.styled)(base_1.Popper, {
|
|
45
74
|
name: "Autocomplete",
|
|
46
75
|
slot: "Popper",
|
|
47
76
|
})(function (_a) {
|
|
@@ -50,11 +79,11 @@ var AutocompletePopper = styled(Popper, {
|
|
|
50
79
|
zIndex: theme.zIndex.tooltip,
|
|
51
80
|
});
|
|
52
81
|
});
|
|
53
|
-
var AutocompleteListBox =
|
|
82
|
+
var AutocompleteListBox = react_1.default.forwardRef(function (props, ref) {
|
|
54
83
|
// prop destruction
|
|
55
84
|
var anchorEl = props.anchorEl, open = props.open, modifiers = props.modifiers, children = props.children, _a = props.ownerState, loading = _a.loading, _b = _a.size, fontSize = _b === void 0 ? "md" : _b, innerProps = __rest(props, ["anchorEl", "open", "modifiers", "children", "ownerState"]);
|
|
56
85
|
// state, ref, querystring hooks
|
|
57
|
-
var parentRef = useRef(null);
|
|
86
|
+
var parentRef = (0, react_1.useRef)(null);
|
|
58
87
|
// lib hooks
|
|
59
88
|
// NOTE: 부분 grouping은 불가능하다.
|
|
60
89
|
var isGrouped = children[0].every(function (child) { return child.hasOwnProperty("group"); });
|
|
@@ -67,12 +96,12 @@ var AutocompleteListBox = React.forwardRef(function (props, ref) {
|
|
|
67
96
|
}
|
|
68
97
|
if (isGrouped) {
|
|
69
98
|
return children[0].flatMap(function (child) { return __spreadArray([
|
|
70
|
-
|
|
99
|
+
react_1.default.createElement(joy_1.ListSubheader, { key: child.key, component: "li" }, child.group)
|
|
71
100
|
], child.children, true); });
|
|
72
101
|
}
|
|
73
102
|
return children[0];
|
|
74
103
|
})();
|
|
75
|
-
var virtualizer = useVirtualizer({
|
|
104
|
+
var virtualizer = (0, react_virtual_1.useVirtualizer)({
|
|
76
105
|
count: renderTargets.length,
|
|
77
106
|
// TODO: 하드코딩된 option height, autocomplete size에 대응하거나 동적 사이즈를 적용해야한다.
|
|
78
107
|
estimateSize: function () { return 36; },
|
|
@@ -84,21 +113,21 @@ var AutocompleteListBox = React.forwardRef(function (props, ref) {
|
|
|
84
113
|
// calculated values
|
|
85
114
|
var items = virtualizer.getVirtualItems();
|
|
86
115
|
// effects
|
|
87
|
-
useEffect(function () {
|
|
116
|
+
(0, react_1.useEffect)(function () {
|
|
88
117
|
if (open) {
|
|
89
118
|
virtualizer.measure();
|
|
90
119
|
}
|
|
91
120
|
}, [open, virtualizer]);
|
|
92
121
|
// handlers
|
|
93
|
-
return (
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
122
|
+
return (react_1.default.createElement(AutocompletePopper, { ref: ref, anchorEl: anchorEl, open: open, modifiers: modifiers },
|
|
123
|
+
react_1.default.createElement(joy_1.AutocompleteListbox, __assign({}, innerProps),
|
|
124
|
+
react_1.default.createElement("div", { ref: parentRef, style: { overflow: "auto" } },
|
|
125
|
+
react_1.default.createElement("div", { style: {
|
|
97
126
|
height: "".concat(virtualizer.getTotalSize(), "px"),
|
|
98
127
|
position: "relative",
|
|
99
128
|
} }, items.map(function (_a) {
|
|
100
129
|
var index = _a.index, size = _a.size, start = _a.start, key = _a.key;
|
|
101
|
-
return
|
|
130
|
+
return react_1.default.cloneElement(renderTargets[index], {
|
|
102
131
|
key: key,
|
|
103
132
|
style: {
|
|
104
133
|
position: "absolute",
|
|
@@ -110,7 +139,7 @@ var AutocompleteListBox = React.forwardRef(function (props, ref) {
|
|
|
110
139
|
transform: "translateY(".concat(start, "px)"),
|
|
111
140
|
overflow: "visible",
|
|
112
141
|
},
|
|
113
|
-
children: (
|
|
142
|
+
children: (react_1.default.createElement("div", { style: {
|
|
114
143
|
textOverflow: "ellipsis",
|
|
115
144
|
textWrap: "nowrap",
|
|
116
145
|
overflow: "hidden",
|
|
@@ -124,7 +153,7 @@ var AutocompleteDeleteSize = {
|
|
|
124
153
|
md: "24px",
|
|
125
154
|
lg: "28px",
|
|
126
155
|
};
|
|
127
|
-
var AutocompleteTagDelete = styled(
|
|
156
|
+
var AutocompleteTagDelete = (0, joy_1.styled)(IconButton_1.default, {
|
|
128
157
|
name: "Autocomplete",
|
|
129
158
|
slot: "tagDelete",
|
|
130
159
|
})(function (_a) {
|
|
@@ -142,11 +171,11 @@ function Autocomplete(props) {
|
|
|
142
171
|
var label = props.label, error = props.error, helperText = props.helperText, color = props.color, size = props.size, disabled = props.disabled, required = props.required, onChange = props.onChange, onChangeComplete = props.onChangeComplete, innerProps = __rest(props, ["label", "error", "helperText", "color", "size", "disabled", "required", "onChange", "onChangeComplete"]);
|
|
143
172
|
// lib hooks
|
|
144
173
|
// state, ref, querystring hooks
|
|
145
|
-
var _a = useState(props.value || props.defaultValue), _value = _a[0], setValue = _a[1];
|
|
174
|
+
var _a = (0, react_1.useState)(props.value || props.defaultValue), _value = _a[0], setValue = _a[1];
|
|
146
175
|
// form hooks
|
|
147
176
|
// query hooks
|
|
148
177
|
// calculated values
|
|
149
|
-
var options = useMemo(function () {
|
|
178
|
+
var options = (0, react_1.useMemo)(function () {
|
|
150
179
|
return props.options.map(function (option) {
|
|
151
180
|
if (typeof option !== "object") {
|
|
152
181
|
return {
|
|
@@ -157,19 +186,19 @@ function Autocomplete(props) {
|
|
|
157
186
|
return option;
|
|
158
187
|
});
|
|
159
188
|
}, [props.options]);
|
|
160
|
-
var optionMap = useMemo(function () {
|
|
189
|
+
var optionMap = (0, react_1.useMemo)(function () {
|
|
161
190
|
var map = new Map();
|
|
162
191
|
options.forEach(function (option) {
|
|
163
192
|
map.set(option.value, option);
|
|
164
193
|
});
|
|
165
194
|
return map;
|
|
166
195
|
}, [options]);
|
|
167
|
-
var value = useMemo(function () {
|
|
196
|
+
var value = (0, react_1.useMemo)(function () {
|
|
168
197
|
if (props.loading) {
|
|
169
198
|
return {
|
|
170
199
|
value: "",
|
|
171
200
|
label: "",
|
|
172
|
-
startDecorator: (
|
|
201
|
+
startDecorator: (react_1.default.createElement(joy_1.CircularProgress, { size: "sm", color: "neutral", variant: "plain", thickness: 3 })),
|
|
173
202
|
};
|
|
174
203
|
}
|
|
175
204
|
if (_value === null || _value === undefined) {
|
|
@@ -189,15 +218,15 @@ function Autocomplete(props) {
|
|
|
189
218
|
}
|
|
190
219
|
return convertValue(_value);
|
|
191
220
|
}, [_value, optionMap, props.loading]);
|
|
192
|
-
var applySize = useCallback(function (node) {
|
|
193
|
-
return
|
|
194
|
-
?
|
|
221
|
+
var applySize = (0, react_1.useCallback)(function (node) {
|
|
222
|
+
return react_1.default.isValidElement(node) && !props.loading
|
|
223
|
+
? react_1.default.cloneElement(node, __assign({ size: size }))
|
|
195
224
|
: node;
|
|
196
225
|
}, [size, props.loading]);
|
|
197
|
-
var startDecorator = useMemo(function () {
|
|
226
|
+
var startDecorator = (0, react_1.useMemo)(function () {
|
|
198
227
|
return applySize((value === null || value === void 0 ? void 0 : value.startDecorator) || props.startDecorator);
|
|
199
228
|
}, [value, applySize, props.startDecorator]);
|
|
200
|
-
var endDecorator = useMemo(function () {
|
|
229
|
+
var endDecorator = (0, react_1.useMemo)(function () {
|
|
201
230
|
return applySize((value === null || value === void 0 ? void 0 : value.endDecorator) || props.endDecorator);
|
|
202
231
|
}, [value, applySize, props.endDecorator]);
|
|
203
232
|
// effects
|
|
@@ -219,33 +248,33 @@ function Autocomplete(props) {
|
|
|
219
248
|
value: _value }) }));
|
|
220
249
|
}
|
|
221
250
|
};
|
|
222
|
-
var autocomplete = (
|
|
251
|
+
var autocomplete = (react_1.default.createElement(joy_1.Autocomplete, __assign({}, innerProps, { required: required, onChange: handleChange, color: error ? "danger" : color, value: value, options: options, size: size, disabled: disabled, startDecorator: startDecorator, endDecorator: endDecorator, getOptionLabel: function (option) { var _a; return "".concat((_a = option.value) !== null && _a !== void 0 ? _a : ""); }, renderTags: function (tags, getTagProps) {
|
|
223
252
|
return tags.map(function (tag, index) {
|
|
224
253
|
var _a = getTagProps({ index: index }), onClick = _a.onClick, rest = __rest(_a, ["onClick"]);
|
|
225
|
-
return applySize(
|
|
226
|
-
|
|
254
|
+
return applySize(react_1.default.createElement(Chip_1.default, __assign({ color: "primary" }, rest),
|
|
255
|
+
react_1.default.createElement(Stack_1.default, { direction: "row", alignItems: "center", gap: 2, py: 0.5 },
|
|
227
256
|
tag.value,
|
|
228
|
-
applySize(
|
|
229
|
-
|
|
257
|
+
applySize(react_1.default.createElement(AutocompleteTagDelete, { color: "primary", variant: "soft", onClick: onClick },
|
|
258
|
+
react_1.default.createElement(Close_js_1.default, null))))));
|
|
230
259
|
});
|
|
231
260
|
}, slots: {
|
|
232
261
|
listbox: AutocompleteListBox,
|
|
233
|
-
}, renderOption: function (props, option) { return (
|
|
234
|
-
option.startDecorator && (
|
|
262
|
+
}, renderOption: function (props, option) { return (react_1.default.createElement(joy_1.AutocompleteOption, __assign({}, props),
|
|
263
|
+
option.startDecorator && (react_1.default.createElement(joy_1.ListItemDecorator, { sx: function (theme) { return ({
|
|
235
264
|
marginInlineEnd: "var(--Input-gap, ".concat(theme.spacing(1), ")"),
|
|
236
265
|
}); } }, applySize(option.startDecorator))),
|
|
237
266
|
applySize(option.label),
|
|
238
|
-
option.endDecorator && (
|
|
267
|
+
option.endDecorator && (react_1.default.createElement(joy_1.ListItemDecorator, { sx: function (theme) { return ({
|
|
239
268
|
marginInlineStart: "var(--Input-gap, ".concat(theme.spacing(1), ")"),
|
|
240
269
|
}); } }, applySize(option.endDecorator))))); },
|
|
241
270
|
// TODO: Post React 18 update - validate this conversion, look like a hidden bug
|
|
242
271
|
renderGroup: function (params) { return params; } })));
|
|
243
272
|
if (label) {
|
|
244
|
-
return (
|
|
245
|
-
|
|
273
|
+
return (react_1.default.createElement(FormControl_1.default, { required: required, color: color, size: size, error: error, disabled: disabled },
|
|
274
|
+
react_1.default.createElement(FormLabel_1.default, null, label),
|
|
246
275
|
autocomplete,
|
|
247
|
-
helperText &&
|
|
276
|
+
helperText && react_1.default.createElement(FormHelperText_1.default, null, helperText)));
|
|
248
277
|
}
|
|
249
278
|
return autocomplete;
|
|
250
279
|
}
|
|
251
|
-
|
|
280
|
+
exports.Autocomplete = Autocomplete;
|
|
@@ -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 Autocomplete_1 = require("./Autocomplete");
|
|
18
|
+
__exportStar(require("./Autocomplete"), exports);
|
|
19
|
+
exports.default = Autocomplete_1.Autocomplete;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Box = void 0;
|
|
4
|
+
var joy_1 = require("@mui/joy");
|
|
5
|
+
var framer_motion_1 = require("framer-motion");
|
|
6
|
+
var MotionBox = (0, framer_motion_1.motion)(joy_1.Box);
|
|
4
7
|
var Box = MotionBox;
|
|
5
|
-
|
|
8
|
+
exports.Box = Box;
|
|
6
9
|
Box.displayName = "Box";
|
|
@@ -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 Box_1 = require("./Box");
|
|
18
|
+
__exportStar(require("./Box"), exports);
|
|
19
|
+
exports.default = Box_1.Box;
|
|
@@ -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,14 +44,19 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
20
44
|
}
|
|
21
45
|
return t;
|
|
22
46
|
};
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
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.Breadcrumbs = void 0;
|
|
52
|
+
var react_1 = __importDefault(require("react"));
|
|
53
|
+
var joy_1 = require("@mui/joy");
|
|
54
|
+
var Menu_1 = __importStar(require("../Menu"));
|
|
55
|
+
var Dropdown_1 = __importDefault(require("../Dropdown"));
|
|
56
|
+
var Typography_1 = __importDefault(require("../Typography"));
|
|
28
57
|
function Breadcrumbs(props) {
|
|
29
58
|
// prop destruction
|
|
30
|
-
var crumbs = props.crumbs, size = props.size, _a = props.startCrumbCount, startCrumbCount = _a === void 0 ? 1 : _a, _b = props.endCrumbCount, endCrumbCount = _b === void 0 ? 3 : _b, _c = props.slots, _d = _c === void 0 ? { link:
|
|
59
|
+
var crumbs = props.crumbs, size = props.size, _a = props.startCrumbCount, startCrumbCount = _a === void 0 ? 1 : _a, _b = props.endCrumbCount, endCrumbCount = _b === void 0 ? 3 : _b, _c = props.slots, _d = _c === void 0 ? { link: joy_1.Link } : _c, Link = _d.link, restSlots = __rest(_d, ["link"]), _e = props.slotProps, _f = _e === void 0 ? {
|
|
31
60
|
link: { color: "neutral" },
|
|
32
61
|
} : _e, linkProps = _f.link, restSlotProps = __rest(_f, ["link"]), innerProps = __rest(props, ["crumbs", "size", "startCrumbCount", "endCrumbCount", "slots", "slotProps"]);
|
|
33
62
|
// lib hooks
|
|
@@ -38,30 +67,30 @@ function Breadcrumbs(props) {
|
|
|
38
67
|
var _endCrumbCount = Math.max(1, endCrumbCount);
|
|
39
68
|
var Crumb = function (props) {
|
|
40
69
|
if (props.type === "link" && Link) {
|
|
41
|
-
return (
|
|
70
|
+
return (react_1.default.createElement(Link, __assign({ to: props.linkHref, href: props.linkHref }, linkProps), props.label));
|
|
42
71
|
}
|
|
43
72
|
else {
|
|
44
|
-
return
|
|
73
|
+
return react_1.default.createElement(Typography_1.default, null, props.label);
|
|
45
74
|
}
|
|
46
75
|
};
|
|
47
76
|
var frontCrumbs = crumbs
|
|
48
77
|
.slice(0, startCrumbCount)
|
|
49
|
-
.map(function (crumb) { return
|
|
78
|
+
.map(function (crumb) { return react_1.default.createElement(Crumb, __assign({}, crumb)); });
|
|
50
79
|
var backCrumbs = (startCrumbCount + _endCrumbCount > crumbs.length
|
|
51
80
|
? crumbs.slice(startCrumbCount)
|
|
52
|
-
: crumbs.slice(-_endCrumbCount)).map(function (crumb) { return
|
|
81
|
+
: crumbs.slice(-_endCrumbCount)).map(function (crumb) { return react_1.default.createElement(Crumb, __assign({}, crumb)); });
|
|
53
82
|
var collapsedCrumbs = crumbs
|
|
54
83
|
.slice(startCrumbCount, -_endCrumbCount)
|
|
55
|
-
.map(function (crumb) { return (
|
|
56
|
-
|
|
84
|
+
.map(function (crumb) { return (react_1.default.createElement(Menu_1.MenuItem, null,
|
|
85
|
+
react_1.default.createElement(Crumb, __assign({}, crumb)))); });
|
|
57
86
|
// effects
|
|
58
87
|
// handlers
|
|
59
|
-
return (
|
|
88
|
+
return (react_1.default.createElement(joy_1.Breadcrumbs, __assign({ size: size, slots: restSlots, slotProps: restSlotProps }, innerProps),
|
|
60
89
|
frontCrumbs,
|
|
61
|
-
collapsedCrumbs.length && (
|
|
62
|
-
|
|
63
|
-
|
|
90
|
+
collapsedCrumbs.length && (react_1.default.createElement(Dropdown_1.default, null,
|
|
91
|
+
react_1.default.createElement(Menu_1.MenuButton, { size: size, variant: "plain" }, "..."),
|
|
92
|
+
react_1.default.createElement(Menu_1.default, { size: size }, collapsedCrumbs))),
|
|
64
93
|
backCrumbs));
|
|
65
94
|
}
|
|
66
|
-
|
|
95
|
+
exports.Breadcrumbs = Breadcrumbs;
|
|
67
96
|
Breadcrumbs.displayName = "Breadcrumbs";
|
|
@@ -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 Breadcrumbs_1 = require("./Breadcrumbs");
|
|
18
|
+
__exportStar(require("./Breadcrumbs"), exports);
|
|
19
|
+
exports.default = Breadcrumbs_1.Breadcrumbs;
|
|
@@ -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,11 +10,36 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
10
|
};
|
|
10
11
|
return __assign.apply(this, arguments);
|
|
11
12
|
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
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.Button = void 0;
|
|
38
|
+
var react_1 = __importStar(require("react"));
|
|
39
|
+
var joy_1 = require("@mui/joy");
|
|
40
|
+
var framer_motion_1 = require("framer-motion");
|
|
41
|
+
var MotionButton = (0, framer_motion_1.motion)(joy_1.Button);
|
|
42
|
+
var Button = (0, react_1.forwardRef)(function (props, ref) {
|
|
17
43
|
// prop destruction
|
|
18
44
|
// lib hooks
|
|
19
45
|
// state, ref, querystring hooks
|
|
@@ -22,7 +48,7 @@ var Button = forwardRef(function (props, ref) {
|
|
|
22
48
|
// calculated values
|
|
23
49
|
// effects
|
|
24
50
|
// handlers
|
|
25
|
-
return (
|
|
51
|
+
return (react_1.default.createElement(MotionButton, __assign({ ref: ref }, props)));
|
|
26
52
|
});
|
|
27
|
-
|
|
53
|
+
exports.Button = Button;
|
|
28
54
|
Button.displayName = "Button";
|
|
@@ -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 Button_1 = require("./Button");
|
|
18
|
+
__exportStar(require("./Button"), exports);
|
|
19
|
+
exports.default = Button_1.Button;
|