@ceed/ads 1.2.5 → 1.2.6-next.2
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/InsetDrawer/InsetDrawer.d.ts +1 -7
- package/dist/index.cjs +159 -171
- package/dist/index.js +150 -162
- package/framer/index.js +29 -29
- package/package.json +3 -2
package/dist/index.cjs
CHANGED
|
@@ -4249,35 +4249,23 @@ var Divider = (props) => {
|
|
|
4249
4249
|
Divider.displayName = "Divider";
|
|
4250
4250
|
|
|
4251
4251
|
// src/components/InsetDrawer/InsetDrawer.tsx
|
|
4252
|
-
var import_react30 = __toESM(require("react"));
|
|
4253
4252
|
var import_joy40 = require("@mui/joy");
|
|
4254
|
-
var
|
|
4255
|
-
|
|
4256
|
-
|
|
4257
|
-
|
|
4258
|
-
|
|
4259
|
-
|
|
4260
|
-
|
|
4261
|
-
...innerProps,
|
|
4262
|
-
slotProps: {
|
|
4263
|
-
...innerProps.slotProps,
|
|
4264
|
-
content: {
|
|
4265
|
-
...innerProps.slotProps?.content,
|
|
4266
|
-
sx: {
|
|
4267
|
-
bgcolor: "transparent",
|
|
4268
|
-
p: { md: 3, sm: 0 },
|
|
4269
|
-
boxShadow: "none"
|
|
4270
|
-
}
|
|
4271
|
-
}
|
|
4272
|
-
}
|
|
4253
|
+
var InsetDrawer = (0, import_joy40.styled)(import_joy40.Drawer)(({ theme }) => ({
|
|
4254
|
+
[`& .${import_joy40.drawerClasses.content}`]: {
|
|
4255
|
+
backgroundColor: "transparent",
|
|
4256
|
+
boxShadow: "none",
|
|
4257
|
+
[theme.breakpoints.down("md")]: {
|
|
4258
|
+
padding: 0,
|
|
4259
|
+
width: "100%"
|
|
4273
4260
|
},
|
|
4274
|
-
|
|
4275
|
-
|
|
4276
|
-
}
|
|
4277
|
-
|
|
4261
|
+
[theme.breakpoints.up("md")]: {
|
|
4262
|
+
padding: theme.spacing(3)
|
|
4263
|
+
}
|
|
4264
|
+
}
|
|
4265
|
+
}));
|
|
4278
4266
|
|
|
4279
4267
|
// src/components/Uploader/Uploader.tsx
|
|
4280
|
-
var
|
|
4268
|
+
var import_react30 = __toESM(require("react"));
|
|
4281
4269
|
var import_joy41 = require("@mui/joy");
|
|
4282
4270
|
var import_CloudUploadRounded = __toESM(require("@mui/icons-material/CloudUploadRounded"));
|
|
4283
4271
|
var import_UploadFileRounded = __toESM(require("@mui/icons-material/UploadFileRounded"));
|
|
@@ -4395,7 +4383,7 @@ var getFileSize = (n) => {
|
|
|
4395
4383
|
};
|
|
4396
4384
|
var Preview = (props) => {
|
|
4397
4385
|
const { files, uploaded, onDelete } = props;
|
|
4398
|
-
return /* @__PURE__ */
|
|
4386
|
+
return /* @__PURE__ */ import_react30.default.createElement(PreviewRoot, { gap: 1 }, [...uploaded, ...files].map((file) => /* @__PURE__ */ import_react30.default.createElement(UploadCard, { key: file.name, size: "sm", color: "neutral" }, /* @__PURE__ */ import_react30.default.createElement(Stack_default, { direction: "row", alignItems: "center", gap: 2 }, /* @__PURE__ */ import_react30.default.createElement(UploadFileIcon, null), /* @__PURE__ */ import_react30.default.createElement(Stack_default, { flex: "1" }, /* @__PURE__ */ import_react30.default.createElement(Typography_default, { level: "body-sm", textColor: "common.black" }, file.name), !!file.size && /* @__PURE__ */ import_react30.default.createElement(
|
|
4399
4387
|
Typography_default,
|
|
4400
4388
|
{
|
|
4401
4389
|
level: "body-xs",
|
|
@@ -4404,7 +4392,7 @@ var Preview = (props) => {
|
|
|
4404
4392
|
textColor: "text.tertiary"
|
|
4405
4393
|
},
|
|
4406
4394
|
getFileSize(file.size)
|
|
4407
|
-
)), /* @__PURE__ */
|
|
4395
|
+
)), /* @__PURE__ */ import_react30.default.createElement(IconButton_default, { onClick: () => onDelete?.(file) }, /* @__PURE__ */ import_react30.default.createElement(ClearIcon2, null))))));
|
|
4408
4396
|
};
|
|
4409
4397
|
var UploaderRoot = (0, import_joy41.styled)(Stack_default, {
|
|
4410
4398
|
name: "Uploader",
|
|
@@ -4441,7 +4429,7 @@ var UploaderIcon = (0, import_joy41.styled)(import_CloudUploadRounded.default, {
|
|
|
4441
4429
|
height: "32px"
|
|
4442
4430
|
})
|
|
4443
4431
|
);
|
|
4444
|
-
var Uploader =
|
|
4432
|
+
var Uploader = import_react30.default.memo(
|
|
4445
4433
|
(props) => {
|
|
4446
4434
|
const {
|
|
4447
4435
|
accept,
|
|
@@ -4456,19 +4444,19 @@ var Uploader = import_react31.default.memo(
|
|
|
4456
4444
|
disabled,
|
|
4457
4445
|
onDelete
|
|
4458
4446
|
} = props;
|
|
4459
|
-
const dropZoneRef = (0,
|
|
4460
|
-
const inputRef = (0,
|
|
4461
|
-
const [errorText, setErrorText] = (0,
|
|
4462
|
-
const [files, setFiles] = (0,
|
|
4463
|
-
const [uploaded, setUploaded] = (0,
|
|
4447
|
+
const dropZoneRef = (0, import_react30.useRef)(null);
|
|
4448
|
+
const inputRef = (0, import_react30.useRef)(null);
|
|
4449
|
+
const [errorText, setErrorText] = (0, import_react30.useState)();
|
|
4450
|
+
const [files, setFiles] = (0, import_react30.useState)([]);
|
|
4451
|
+
const [uploaded, setUploaded] = (0, import_react30.useState)(
|
|
4464
4452
|
props.uploaded || []
|
|
4465
4453
|
);
|
|
4466
|
-
const [previewState, setPreviewState] = (0,
|
|
4467
|
-
const accepts = (0,
|
|
4454
|
+
const [previewState, setPreviewState] = (0, import_react30.useState)("idle");
|
|
4455
|
+
const accepts = (0, import_react30.useMemo)(
|
|
4468
4456
|
() => accept.split(",").map((accept2) => accept2.trim()),
|
|
4469
4457
|
[accept]
|
|
4470
4458
|
);
|
|
4471
|
-
const parsedAccepts = (0,
|
|
4459
|
+
const parsedAccepts = (0, import_react30.useMemo)(
|
|
4472
4460
|
() => accepts.flatMap((type) => {
|
|
4473
4461
|
if (["image/*", "video/*", "audio/*"].includes(type)) {
|
|
4474
4462
|
return ALL_EXTENSIONS_BY_TYPE[type];
|
|
@@ -4477,7 +4465,7 @@ var Uploader = import_react31.default.memo(
|
|
|
4477
4465
|
}),
|
|
4478
4466
|
[accepts]
|
|
4479
4467
|
);
|
|
4480
|
-
const helperText = (0,
|
|
4468
|
+
const helperText = (0, import_react30.useMemo)(() => {
|
|
4481
4469
|
const [allAcceptedTypes, acceptedTypes] = [
|
|
4482
4470
|
accepts.filter(
|
|
4483
4471
|
(accept2) => ["image/*", "video/*", "audio/*"].includes(accept2)
|
|
@@ -4510,15 +4498,15 @@ var Uploader = import_react31.default.memo(
|
|
|
4510
4498
|
}
|
|
4511
4499
|
return helperTexts.join(", ");
|
|
4512
4500
|
}, [accepts, maxFileTotalSize, maxCount]);
|
|
4513
|
-
const error = (0,
|
|
4501
|
+
const error = (0, import_react30.useMemo)(
|
|
4514
4502
|
() => !!errorText || props.error,
|
|
4515
4503
|
[props.error, errorText]
|
|
4516
4504
|
);
|
|
4517
|
-
const showDropZone = (0,
|
|
4505
|
+
const showDropZone = (0, import_react30.useMemo)(
|
|
4518
4506
|
() => !maxCount || maxCount && [...uploaded, ...files].length !== maxCount,
|
|
4519
4507
|
[files, maxCount, uploaded]
|
|
4520
4508
|
);
|
|
4521
|
-
const addFiles = (0,
|
|
4509
|
+
const addFiles = (0, import_react30.useCallback)(
|
|
4522
4510
|
(uploads) => {
|
|
4523
4511
|
try {
|
|
4524
4512
|
const types = parsedAccepts.map((type) => type.replace(".", "")) || [];
|
|
@@ -4575,7 +4563,7 @@ var Uploader = import_react31.default.memo(
|
|
|
4575
4563
|
onChange
|
|
4576
4564
|
]
|
|
4577
4565
|
);
|
|
4578
|
-
(0,
|
|
4566
|
+
(0, import_react30.useEffect)(() => {
|
|
4579
4567
|
if (!dropZoneRef.current || disabled) {
|
|
4580
4568
|
return;
|
|
4581
4569
|
}
|
|
@@ -4623,7 +4611,7 @@ var Uploader = import_react31.default.memo(
|
|
|
4623
4611
|
);
|
|
4624
4612
|
return () => cleanup?.();
|
|
4625
4613
|
}, [disabled, addFiles]);
|
|
4626
|
-
(0,
|
|
4614
|
+
(0, import_react30.useEffect)(() => {
|
|
4627
4615
|
if (inputRef.current && minCount) {
|
|
4628
4616
|
if (files.length < minCount) {
|
|
4629
4617
|
inputRef.current.setCustomValidity(
|
|
@@ -4634,14 +4622,14 @@ var Uploader = import_react31.default.memo(
|
|
|
4634
4622
|
}
|
|
4635
4623
|
}
|
|
4636
4624
|
}, [inputRef, files, minCount]);
|
|
4637
|
-
const handleFileChanged = (0,
|
|
4625
|
+
const handleFileChanged = (0, import_react30.useCallback)(
|
|
4638
4626
|
(event) => {
|
|
4639
4627
|
const files2 = Array.from(event.target.files || []);
|
|
4640
4628
|
addFiles(files2);
|
|
4641
4629
|
},
|
|
4642
4630
|
[addFiles]
|
|
4643
4631
|
);
|
|
4644
|
-
const handleDeleteFile = (0,
|
|
4632
|
+
const handleDeleteFile = (0, import_react30.useCallback)(
|
|
4645
4633
|
(deletedFile) => {
|
|
4646
4634
|
if (deletedFile instanceof File) {
|
|
4647
4635
|
setFiles((current) => {
|
|
@@ -4663,10 +4651,10 @@ var Uploader = import_react31.default.memo(
|
|
|
4663
4651
|
},
|
|
4664
4652
|
[name, onChange, onDelete]
|
|
4665
4653
|
);
|
|
4666
|
-
const handleUploaderButtonClick = (0,
|
|
4654
|
+
const handleUploaderButtonClick = (0, import_react30.useCallback)(() => {
|
|
4667
4655
|
inputRef.current?.click();
|
|
4668
4656
|
}, []);
|
|
4669
|
-
const uploader = /* @__PURE__ */
|
|
4657
|
+
const uploader = /* @__PURE__ */ import_react30.default.createElement(
|
|
4670
4658
|
FileDropZone,
|
|
4671
4659
|
{
|
|
4672
4660
|
state: previewState,
|
|
@@ -4674,8 +4662,8 @@ var Uploader = import_react31.default.memo(
|
|
|
4674
4662
|
ref: dropZoneRef,
|
|
4675
4663
|
onClick: handleUploaderButtonClick
|
|
4676
4664
|
},
|
|
4677
|
-
/* @__PURE__ */
|
|
4678
|
-
/* @__PURE__ */
|
|
4665
|
+
/* @__PURE__ */ import_react30.default.createElement(Stack_default, { alignItems: "center", gap: 1 }, /* @__PURE__ */ import_react30.default.createElement(UploaderIcon, { state: previewState, error: !!(error || errorText) })),
|
|
4666
|
+
/* @__PURE__ */ import_react30.default.createElement(
|
|
4679
4667
|
VisuallyHiddenInput,
|
|
4680
4668
|
{
|
|
4681
4669
|
disabled,
|
|
@@ -4700,7 +4688,7 @@ var Uploader = import_react31.default.memo(
|
|
|
4700
4688
|
}
|
|
4701
4689
|
)
|
|
4702
4690
|
);
|
|
4703
|
-
return /* @__PURE__ */
|
|
4691
|
+
return /* @__PURE__ */ import_react30.default.createElement(UploaderRoot, null, showDropZone && /* @__PURE__ */ import_react30.default.createElement(
|
|
4704
4692
|
FormControl_default,
|
|
4705
4693
|
{
|
|
4706
4694
|
size,
|
|
@@ -4708,10 +4696,10 @@ var Uploader = import_react31.default.memo(
|
|
|
4708
4696
|
disabled,
|
|
4709
4697
|
required: !!minCount
|
|
4710
4698
|
},
|
|
4711
|
-
label && /* @__PURE__ */
|
|
4699
|
+
label && /* @__PURE__ */ import_react30.default.createElement(FormLabel_default, null, label),
|
|
4712
4700
|
uploader,
|
|
4713
|
-
/* @__PURE__ */
|
|
4714
|
-
), [...uploaded, ...files].length > 0 && /* @__PURE__ */
|
|
4701
|
+
/* @__PURE__ */ import_react30.default.createElement(FormHelperText_default, null, /* @__PURE__ */ import_react30.default.createElement(Stack_default, null, errorText && /* @__PURE__ */ import_react30.default.createElement("div", null, errorText), /* @__PURE__ */ import_react30.default.createElement("div", null, helperText)))
|
|
4702
|
+
), [...uploaded, ...files].length > 0 && /* @__PURE__ */ import_react30.default.createElement(
|
|
4715
4703
|
Preview,
|
|
4716
4704
|
{
|
|
4717
4705
|
files,
|
|
@@ -4727,13 +4715,13 @@ Uploader.displayName = "Uploader";
|
|
|
4727
4715
|
var import_joy42 = require("@mui/joy");
|
|
4728
4716
|
|
|
4729
4717
|
// src/components/Markdown/Markdown.tsx
|
|
4730
|
-
var
|
|
4718
|
+
var import_react31 = __toESM(require("react"));
|
|
4731
4719
|
var import_joy43 = require("@mui/joy");
|
|
4732
4720
|
var import_joy44 = require("@mui/joy");
|
|
4733
|
-
var LazyReactMarkdown = (0,
|
|
4721
|
+
var LazyReactMarkdown = (0, import_react31.lazy)(() => import("react-markdown"));
|
|
4734
4722
|
var Markdown = (props) => {
|
|
4735
|
-
const [rehypeAccent2, setRehypeAccent] = (0,
|
|
4736
|
-
(0,
|
|
4723
|
+
const [rehypeAccent2, setRehypeAccent] = (0, import_react31.useState)(null);
|
|
4724
|
+
(0, import_react31.useEffect)(() => {
|
|
4737
4725
|
const loadRehypeAccent = async () => {
|
|
4738
4726
|
const module2 = await Promise.resolve().then(() => (init_rehype_accent(), rehype_accent_exports));
|
|
4739
4727
|
setRehypeAccent(() => module2.rehypeAccent);
|
|
@@ -4755,7 +4743,7 @@ var Markdown = (props) => {
|
|
|
4755
4743
|
if (!rehypeAccent2) {
|
|
4756
4744
|
return null;
|
|
4757
4745
|
}
|
|
4758
|
-
return /* @__PURE__ */
|
|
4746
|
+
return /* @__PURE__ */ import_react31.default.createElement(
|
|
4759
4747
|
Typography,
|
|
4760
4748
|
{
|
|
4761
4749
|
component: "div",
|
|
@@ -4764,23 +4752,23 @@ var Markdown = (props) => {
|
|
|
4764
4752
|
level: defaultLevel,
|
|
4765
4753
|
...innerProps
|
|
4766
4754
|
},
|
|
4767
|
-
/* @__PURE__ */
|
|
4768
|
-
|
|
4755
|
+
/* @__PURE__ */ import_react31.default.createElement(
|
|
4756
|
+
import_react31.Suspense,
|
|
4769
4757
|
{
|
|
4770
|
-
fallback: fallback || /* @__PURE__ */
|
|
4758
|
+
fallback: fallback || /* @__PURE__ */ import_react31.default.createElement(Typography, null, /* @__PURE__ */ import_react31.default.createElement(import_joy43.Skeleton, null, content || ""))
|
|
4771
4759
|
},
|
|
4772
|
-
/* @__PURE__ */
|
|
4760
|
+
/* @__PURE__ */ import_react31.default.createElement(
|
|
4773
4761
|
LazyReactMarkdown,
|
|
4774
4762
|
{
|
|
4775
4763
|
...markdownOptions,
|
|
4776
4764
|
children: content,
|
|
4777
4765
|
rehypePlugins: [[rehypeAccent2, { accentColor }]],
|
|
4778
4766
|
components: {
|
|
4779
|
-
h1: ({ children }) => /* @__PURE__ */
|
|
4780
|
-
h2: ({ children }) => /* @__PURE__ */
|
|
4781
|
-
h3: ({ children }) => /* @__PURE__ */
|
|
4782
|
-
h4: ({ children }) => /* @__PURE__ */
|
|
4783
|
-
p: ({ children, node }) => /* @__PURE__ */
|
|
4767
|
+
h1: ({ children }) => /* @__PURE__ */ import_react31.default.createElement(Typography, { color, textColor, level: "h1" }, children),
|
|
4768
|
+
h2: ({ children }) => /* @__PURE__ */ import_react31.default.createElement(Typography, { color, textColor, level: "h2" }, children),
|
|
4769
|
+
h3: ({ children }) => /* @__PURE__ */ import_react31.default.createElement(Typography, { color, textColor, level: "h3" }, children),
|
|
4770
|
+
h4: ({ children }) => /* @__PURE__ */ import_react31.default.createElement(Typography, { color, textColor, level: "h4" }, children),
|
|
4771
|
+
p: ({ children, node }) => /* @__PURE__ */ import_react31.default.createElement(
|
|
4784
4772
|
Typography,
|
|
4785
4773
|
{
|
|
4786
4774
|
color,
|
|
@@ -4790,10 +4778,10 @@ var Markdown = (props) => {
|
|
|
4790
4778
|
},
|
|
4791
4779
|
children
|
|
4792
4780
|
),
|
|
4793
|
-
a: ({ children, href }) => /* @__PURE__ */
|
|
4794
|
-
hr: () => /* @__PURE__ */
|
|
4795
|
-
b: ({ children }) => /* @__PURE__ */
|
|
4796
|
-
strong: ({ children }) => /* @__PURE__ */
|
|
4781
|
+
a: ({ children, href }) => /* @__PURE__ */ import_react31.default.createElement(import_joy44.Link, { href, target: defaultLinkAction }, children),
|
|
4782
|
+
hr: () => /* @__PURE__ */ import_react31.default.createElement(Divider, null),
|
|
4783
|
+
b: ({ children }) => /* @__PURE__ */ import_react31.default.createElement(Typography, { fontWeight: boldFontWeight }, children),
|
|
4784
|
+
strong: ({ children }) => /* @__PURE__ */ import_react31.default.createElement(Typography, { fontWeight: boldFontWeight }, children),
|
|
4797
4785
|
...markdownOptions?.components
|
|
4798
4786
|
}
|
|
4799
4787
|
}
|
|
@@ -4804,7 +4792,7 @@ var Markdown = (props) => {
|
|
|
4804
4792
|
Markdown.displayName = "Markdown";
|
|
4805
4793
|
|
|
4806
4794
|
// src/components/MenuButton/MenuButton.tsx
|
|
4807
|
-
var
|
|
4795
|
+
var import_react32 = __toESM(require("react"));
|
|
4808
4796
|
var import_joy45 = require("@mui/joy");
|
|
4809
4797
|
var import_ExpandMore = __toESM(require("@mui/icons-material/ExpandMore"));
|
|
4810
4798
|
function MenuButton(props) {
|
|
@@ -4821,7 +4809,7 @@ function MenuButton(props) {
|
|
|
4821
4809
|
startDecorator
|
|
4822
4810
|
} = props;
|
|
4823
4811
|
if (!items.length) {
|
|
4824
|
-
return /* @__PURE__ */
|
|
4812
|
+
return /* @__PURE__ */ import_react32.default.createElement(
|
|
4825
4813
|
import_joy45.Button,
|
|
4826
4814
|
{
|
|
4827
4815
|
component: props.buttonComponent ?? "button",
|
|
@@ -4832,12 +4820,12 @@ function MenuButton(props) {
|
|
|
4832
4820
|
loading,
|
|
4833
4821
|
startDecorator,
|
|
4834
4822
|
...props.buttonComponentProps ?? {},
|
|
4835
|
-
endDecorator: showIcon ? /* @__PURE__ */
|
|
4823
|
+
endDecorator: showIcon ? /* @__PURE__ */ import_react32.default.createElement(import_react32.default.Fragment, null, endDecorator, /* @__PURE__ */ import_react32.default.createElement(import_ExpandMore.default, null)) : /* @__PURE__ */ import_react32.default.createElement(import_react32.default.Fragment, null, endDecorator)
|
|
4836
4824
|
},
|
|
4837
4825
|
buttonText
|
|
4838
4826
|
);
|
|
4839
4827
|
}
|
|
4840
|
-
return /* @__PURE__ */
|
|
4828
|
+
return /* @__PURE__ */ import_react32.default.createElement(Dropdown_default, null, /* @__PURE__ */ import_react32.default.createElement(
|
|
4841
4829
|
import_joy45.MenuButton,
|
|
4842
4830
|
{
|
|
4843
4831
|
component: props.buttonComponent ?? "button",
|
|
@@ -4848,10 +4836,10 @@ function MenuButton(props) {
|
|
|
4848
4836
|
loading,
|
|
4849
4837
|
startDecorator,
|
|
4850
4838
|
...props.buttonComponentProps ?? {},
|
|
4851
|
-
endDecorator: showIcon ? /* @__PURE__ */
|
|
4839
|
+
endDecorator: showIcon ? /* @__PURE__ */ import_react32.default.createElement(import_react32.default.Fragment, null, endDecorator, /* @__PURE__ */ import_react32.default.createElement(import_ExpandMore.default, null)) : /* @__PURE__ */ import_react32.default.createElement(import_react32.default.Fragment, null, endDecorator)
|
|
4852
4840
|
},
|
|
4853
4841
|
buttonText
|
|
4854
|
-
), /* @__PURE__ */
|
|
4842
|
+
), /* @__PURE__ */ import_react32.default.createElement(Menu, { size }, items.map((i) => /* @__PURE__ */ import_react32.default.createElement(
|
|
4855
4843
|
MenuItem,
|
|
4856
4844
|
{
|
|
4857
4845
|
key: i.text,
|
|
@@ -4864,7 +4852,7 @@ function MenuButton(props) {
|
|
|
4864
4852
|
MenuButton.displayName = "MenuButton";
|
|
4865
4853
|
|
|
4866
4854
|
// src/components/MonthPicker/MonthPicker.tsx
|
|
4867
|
-
var
|
|
4855
|
+
var import_react33 = __toESM(require("react"));
|
|
4868
4856
|
var import_react_imask3 = require("react-imask");
|
|
4869
4857
|
var import_CalendarToday3 = __toESM(require("@mui/icons-material/CalendarToday"));
|
|
4870
4858
|
var import_joy46 = require("@mui/joy");
|
|
@@ -4913,10 +4901,10 @@ function parseDate3(dateString) {
|
|
|
4913
4901
|
const date = /* @__PURE__ */ new Date(`${year}/${month}`);
|
|
4914
4902
|
return date;
|
|
4915
4903
|
}
|
|
4916
|
-
var TextMaskAdapter7 =
|
|
4904
|
+
var TextMaskAdapter7 = import_react33.default.forwardRef(
|
|
4917
4905
|
function TextMaskAdapter8(props, ref) {
|
|
4918
4906
|
const { onChange, format, ...other } = props;
|
|
4919
|
-
return /* @__PURE__ */
|
|
4907
|
+
return /* @__PURE__ */ import_react33.default.createElement(
|
|
4920
4908
|
import_react_imask3.IMaskInput,
|
|
4921
4909
|
{
|
|
4922
4910
|
...other,
|
|
@@ -4945,7 +4933,7 @@ var TextMaskAdapter7 = import_react34.default.forwardRef(
|
|
|
4945
4933
|
);
|
|
4946
4934
|
}
|
|
4947
4935
|
);
|
|
4948
|
-
var MonthPicker = (0,
|
|
4936
|
+
var MonthPicker = (0, import_react33.forwardRef)(
|
|
4949
4937
|
(inProps, ref) => {
|
|
4950
4938
|
const props = (0, import_joy46.useThemeProps)({ props: inProps, name: "MonthPicker" });
|
|
4951
4939
|
const {
|
|
@@ -4966,40 +4954,40 @@ var MonthPicker = (0, import_react34.forwardRef)(
|
|
|
4966
4954
|
size,
|
|
4967
4955
|
...innerProps
|
|
4968
4956
|
} = props;
|
|
4969
|
-
const innerRef = (0,
|
|
4957
|
+
const innerRef = (0, import_react33.useRef)(null);
|
|
4970
4958
|
const [value, setValue] = useControlledState(
|
|
4971
4959
|
props.value,
|
|
4972
4960
|
props.defaultValue || "",
|
|
4973
|
-
(0,
|
|
4961
|
+
(0, import_react33.useCallback)(
|
|
4974
4962
|
(value2) => onChange?.({ target: { name: props.name, value: value2 } }),
|
|
4975
4963
|
[props.name, onChange]
|
|
4976
4964
|
),
|
|
4977
4965
|
{ disableStrict: true }
|
|
4978
4966
|
);
|
|
4979
|
-
const [anchorEl, setAnchorEl] = (0,
|
|
4967
|
+
const [anchorEl, setAnchorEl] = (0, import_react33.useState)(null);
|
|
4980
4968
|
const open = Boolean(anchorEl);
|
|
4981
|
-
(0,
|
|
4969
|
+
(0, import_react33.useEffect)(() => {
|
|
4982
4970
|
if (!anchorEl) {
|
|
4983
4971
|
innerRef.current?.blur();
|
|
4984
4972
|
}
|
|
4985
4973
|
}, [anchorEl, innerRef]);
|
|
4986
|
-
(0,
|
|
4974
|
+
(0, import_react33.useImperativeHandle)(ref, () => innerRef.current, [
|
|
4987
4975
|
innerRef
|
|
4988
4976
|
]);
|
|
4989
|
-
const handleChange = (0,
|
|
4977
|
+
const handleChange = (0, import_react33.useCallback)(
|
|
4990
4978
|
(event) => {
|
|
4991
4979
|
setValue(event.target.value);
|
|
4992
4980
|
},
|
|
4993
4981
|
[setValue]
|
|
4994
4982
|
);
|
|
4995
|
-
const handleCalendarToggle = (0,
|
|
4983
|
+
const handleCalendarToggle = (0, import_react33.useCallback)(
|
|
4996
4984
|
(event) => {
|
|
4997
4985
|
setAnchorEl(anchorEl ? null : event.currentTarget);
|
|
4998
4986
|
innerRef.current?.focus();
|
|
4999
4987
|
},
|
|
5000
4988
|
[anchorEl, setAnchorEl, innerRef]
|
|
5001
4989
|
);
|
|
5002
|
-
return /* @__PURE__ */
|
|
4990
|
+
return /* @__PURE__ */ import_react33.default.createElement(MonthPickerRoot, null, /* @__PURE__ */ import_react33.default.createElement(import_base4.FocusTrap, { open: true }, /* @__PURE__ */ import_react33.default.createElement(import_react33.default.Fragment, null, /* @__PURE__ */ import_react33.default.createElement(
|
|
5003
4991
|
Input_default,
|
|
5004
4992
|
{
|
|
5005
4993
|
...innerProps,
|
|
@@ -5021,7 +5009,7 @@ var MonthPicker = (0, import_react34.forwardRef)(
|
|
|
5021
5009
|
// NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
|
|
5022
5010
|
fontFamily: "monospace"
|
|
5023
5011
|
},
|
|
5024
|
-
endDecorator: /* @__PURE__ */
|
|
5012
|
+
endDecorator: /* @__PURE__ */ import_react33.default.createElement(
|
|
5025
5013
|
IconButton_default,
|
|
5026
5014
|
{
|
|
5027
5015
|
variant: "plain",
|
|
@@ -5031,12 +5019,12 @@ var MonthPicker = (0, import_react34.forwardRef)(
|
|
|
5031
5019
|
"aria-haspopup": "dialog",
|
|
5032
5020
|
"aria-expanded": open
|
|
5033
5021
|
},
|
|
5034
|
-
/* @__PURE__ */
|
|
5022
|
+
/* @__PURE__ */ import_react33.default.createElement(import_CalendarToday3.default, null)
|
|
5035
5023
|
),
|
|
5036
5024
|
label,
|
|
5037
5025
|
helperText
|
|
5038
5026
|
}
|
|
5039
|
-
), open && /* @__PURE__ */
|
|
5027
|
+
), open && /* @__PURE__ */ import_react33.default.createElement(import_base4.ClickAwayListener, { onClickAway: () => setAnchorEl(null) }, /* @__PURE__ */ import_react33.default.createElement(
|
|
5040
5028
|
StyledPopper3,
|
|
5041
5029
|
{
|
|
5042
5030
|
id: "month-picker-popper",
|
|
@@ -5055,7 +5043,7 @@ var MonthPicker = (0, import_react34.forwardRef)(
|
|
|
5055
5043
|
"aria-label": "Calendar Tooltip",
|
|
5056
5044
|
"aria-expanded": open
|
|
5057
5045
|
},
|
|
5058
|
-
/* @__PURE__ */
|
|
5046
|
+
/* @__PURE__ */ import_react33.default.createElement(CalendarSheet3, { tabIndex: -1, role: "presentation" }, /* @__PURE__ */ import_react33.default.createElement(
|
|
5059
5047
|
Calendar_default,
|
|
5060
5048
|
{
|
|
5061
5049
|
view: "month",
|
|
@@ -5075,14 +5063,14 @@ var MonthPicker = (0, import_react34.forwardRef)(
|
|
|
5075
5063
|
disableFuture,
|
|
5076
5064
|
disablePast
|
|
5077
5065
|
}
|
|
5078
|
-
), /* @__PURE__ */
|
|
5066
|
+
), /* @__PURE__ */ import_react33.default.createElement(
|
|
5079
5067
|
DialogActions_default,
|
|
5080
5068
|
{
|
|
5081
5069
|
sx: {
|
|
5082
5070
|
p: 1
|
|
5083
5071
|
}
|
|
5084
5072
|
},
|
|
5085
|
-
/* @__PURE__ */
|
|
5073
|
+
/* @__PURE__ */ import_react33.default.createElement(
|
|
5086
5074
|
Button_default,
|
|
5087
5075
|
{
|
|
5088
5076
|
size,
|
|
@@ -5106,7 +5094,7 @@ var MonthPicker = (0, import_react34.forwardRef)(
|
|
|
5106
5094
|
);
|
|
5107
5095
|
|
|
5108
5096
|
// src/components/MonthRangePicker/MonthRangePicker.tsx
|
|
5109
|
-
var
|
|
5097
|
+
var import_react34 = __toESM(require("react"));
|
|
5110
5098
|
var import_react_imask4 = require("react-imask");
|
|
5111
5099
|
var import_CalendarToday4 = __toESM(require("@mui/icons-material/CalendarToday"));
|
|
5112
5100
|
var import_joy47 = require("@mui/joy");
|
|
@@ -5164,10 +5152,10 @@ var parseDates2 = (str) => {
|
|
|
5164
5152
|
var formatToPattern4 = (format) => {
|
|
5165
5153
|
return `${format} - ${format}`.replace(/YYYY/g, "Y").replace(/MM/g, "m").replace(/[^YMm\s]/g, (match) => `${match}\``);
|
|
5166
5154
|
};
|
|
5167
|
-
var TextMaskAdapter9 =
|
|
5155
|
+
var TextMaskAdapter9 = import_react34.default.forwardRef(
|
|
5168
5156
|
function TextMaskAdapter10(props, ref) {
|
|
5169
5157
|
const { onChange, format, ...other } = props;
|
|
5170
|
-
return /* @__PURE__ */
|
|
5158
|
+
return /* @__PURE__ */ import_react34.default.createElement(
|
|
5171
5159
|
import_react_imask4.IMaskInput,
|
|
5172
5160
|
{
|
|
5173
5161
|
...other,
|
|
@@ -5196,7 +5184,7 @@ var TextMaskAdapter9 = import_react35.default.forwardRef(
|
|
|
5196
5184
|
);
|
|
5197
5185
|
}
|
|
5198
5186
|
);
|
|
5199
|
-
var MonthRangePicker = (0,
|
|
5187
|
+
var MonthRangePicker = (0, import_react34.forwardRef)(
|
|
5200
5188
|
(inProps, ref) => {
|
|
5201
5189
|
const props = (0, import_joy47.useThemeProps)({ props: inProps, name: "MonthRangePicker" });
|
|
5202
5190
|
const {
|
|
@@ -5217,44 +5205,44 @@ var MonthRangePicker = (0, import_react35.forwardRef)(
|
|
|
5217
5205
|
size,
|
|
5218
5206
|
...innerProps
|
|
5219
5207
|
} = props;
|
|
5220
|
-
const innerRef = (0,
|
|
5208
|
+
const innerRef = (0, import_react34.useRef)(null);
|
|
5221
5209
|
const [value, setValue] = useControlledState(
|
|
5222
5210
|
props.value,
|
|
5223
5211
|
props.defaultValue || "",
|
|
5224
|
-
(0,
|
|
5212
|
+
(0, import_react34.useCallback)(
|
|
5225
5213
|
(value2) => onChange?.({ target: { name: props.name, value: value2 } }),
|
|
5226
5214
|
[props.name, onChange]
|
|
5227
5215
|
),
|
|
5228
5216
|
{ disableStrict: true }
|
|
5229
5217
|
);
|
|
5230
|
-
const [anchorEl, setAnchorEl] = (0,
|
|
5218
|
+
const [anchorEl, setAnchorEl] = (0, import_react34.useState)(null);
|
|
5231
5219
|
const open = Boolean(anchorEl);
|
|
5232
|
-
const calendarValue = (0,
|
|
5220
|
+
const calendarValue = (0, import_react34.useMemo)(
|
|
5233
5221
|
() => value ? parseDates2(value) : void 0,
|
|
5234
5222
|
[value]
|
|
5235
5223
|
);
|
|
5236
|
-
(0,
|
|
5224
|
+
(0, import_react34.useEffect)(() => {
|
|
5237
5225
|
if (!anchorEl) {
|
|
5238
5226
|
innerRef.current?.blur();
|
|
5239
5227
|
}
|
|
5240
5228
|
}, [anchorEl, innerRef]);
|
|
5241
|
-
(0,
|
|
5229
|
+
(0, import_react34.useImperativeHandle)(ref, () => innerRef.current, [
|
|
5242
5230
|
innerRef
|
|
5243
5231
|
]);
|
|
5244
|
-
const handleChange = (0,
|
|
5232
|
+
const handleChange = (0, import_react34.useCallback)(
|
|
5245
5233
|
(event) => {
|
|
5246
5234
|
setValue(event.target.value);
|
|
5247
5235
|
},
|
|
5248
5236
|
[setValue]
|
|
5249
5237
|
);
|
|
5250
|
-
const handleCalendarToggle = (0,
|
|
5238
|
+
const handleCalendarToggle = (0, import_react34.useCallback)(
|
|
5251
5239
|
(event) => {
|
|
5252
5240
|
setAnchorEl(anchorEl ? null : event.currentTarget);
|
|
5253
5241
|
innerRef.current?.focus();
|
|
5254
5242
|
},
|
|
5255
5243
|
[anchorEl, setAnchorEl, innerRef]
|
|
5256
5244
|
);
|
|
5257
|
-
const handleCalendarChange = (0,
|
|
5245
|
+
const handleCalendarChange = (0, import_react34.useCallback)(
|
|
5258
5246
|
([date1, date2]) => {
|
|
5259
5247
|
if (!date1 || !date2) return;
|
|
5260
5248
|
setValue(formatValueString4([date1, date2], format));
|
|
@@ -5262,7 +5250,7 @@ var MonthRangePicker = (0, import_react35.forwardRef)(
|
|
|
5262
5250
|
},
|
|
5263
5251
|
[setValue, setAnchorEl, format]
|
|
5264
5252
|
);
|
|
5265
|
-
return /* @__PURE__ */
|
|
5253
|
+
return /* @__PURE__ */ import_react34.default.createElement(MonthRangePickerRoot, null, /* @__PURE__ */ import_react34.default.createElement(import_base5.FocusTrap, { open: true }, /* @__PURE__ */ import_react34.default.createElement(import_react34.default.Fragment, null, /* @__PURE__ */ import_react34.default.createElement(
|
|
5266
5254
|
Input_default,
|
|
5267
5255
|
{
|
|
5268
5256
|
...innerProps,
|
|
@@ -5284,7 +5272,7 @@ var MonthRangePicker = (0, import_react35.forwardRef)(
|
|
|
5284
5272
|
// NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
|
|
5285
5273
|
fontFamily: "monospace"
|
|
5286
5274
|
},
|
|
5287
|
-
endDecorator: /* @__PURE__ */
|
|
5275
|
+
endDecorator: /* @__PURE__ */ import_react34.default.createElement(
|
|
5288
5276
|
IconButton_default,
|
|
5289
5277
|
{
|
|
5290
5278
|
variant: "plain",
|
|
@@ -5294,12 +5282,12 @@ var MonthRangePicker = (0, import_react35.forwardRef)(
|
|
|
5294
5282
|
"aria-haspopup": "dialog",
|
|
5295
5283
|
"aria-expanded": open
|
|
5296
5284
|
},
|
|
5297
|
-
/* @__PURE__ */
|
|
5285
|
+
/* @__PURE__ */ import_react34.default.createElement(import_CalendarToday4.default, null)
|
|
5298
5286
|
),
|
|
5299
5287
|
label,
|
|
5300
5288
|
helperText
|
|
5301
5289
|
}
|
|
5302
|
-
), open && /* @__PURE__ */
|
|
5290
|
+
), open && /* @__PURE__ */ import_react34.default.createElement(import_base5.ClickAwayListener, { onClickAway: () => setAnchorEl(null) }, /* @__PURE__ */ import_react34.default.createElement(
|
|
5303
5291
|
StyledPopper4,
|
|
5304
5292
|
{
|
|
5305
5293
|
id: "month-range-picker-popper",
|
|
@@ -5318,7 +5306,7 @@ var MonthRangePicker = (0, import_react35.forwardRef)(
|
|
|
5318
5306
|
"aria-label": "Calendar Tooltip",
|
|
5319
5307
|
"aria-expanded": open
|
|
5320
5308
|
},
|
|
5321
|
-
/* @__PURE__ */
|
|
5309
|
+
/* @__PURE__ */ import_react34.default.createElement(CalendarSheet4, { tabIndex: -1, role: "presentation" }, /* @__PURE__ */ import_react34.default.createElement(
|
|
5322
5310
|
Calendar_default,
|
|
5323
5311
|
{
|
|
5324
5312
|
view: "month",
|
|
@@ -5331,14 +5319,14 @@ var MonthRangePicker = (0, import_react35.forwardRef)(
|
|
|
5331
5319
|
disableFuture,
|
|
5332
5320
|
disablePast
|
|
5333
5321
|
}
|
|
5334
|
-
), /* @__PURE__ */
|
|
5322
|
+
), /* @__PURE__ */ import_react34.default.createElement(
|
|
5335
5323
|
DialogActions_default,
|
|
5336
5324
|
{
|
|
5337
5325
|
sx: {
|
|
5338
5326
|
p: 1
|
|
5339
5327
|
}
|
|
5340
5328
|
},
|
|
5341
|
-
/* @__PURE__ */
|
|
5329
|
+
/* @__PURE__ */ import_react34.default.createElement(
|
|
5342
5330
|
Button_default,
|
|
5343
5331
|
{
|
|
5344
5332
|
size,
|
|
@@ -5358,7 +5346,7 @@ var MonthRangePicker = (0, import_react35.forwardRef)(
|
|
|
5358
5346
|
MonthRangePicker.displayName = "MonthRangePicker";
|
|
5359
5347
|
|
|
5360
5348
|
// src/components/NavigationGroup/NavigationGroup.tsx
|
|
5361
|
-
var
|
|
5349
|
+
var import_react35 = __toESM(require("react"));
|
|
5362
5350
|
var import_joy48 = require("@mui/joy");
|
|
5363
5351
|
var AccordionSummary2 = (0, import_joy48.styled)(import_joy48.AccordionSummary, {
|
|
5364
5352
|
name: "NavigationGroup",
|
|
@@ -5382,11 +5370,11 @@ var AccordionDetails2 = (0, import_joy48.styled)(import_joy48.AccordionDetails,
|
|
|
5382
5370
|
}));
|
|
5383
5371
|
function NavigationGroup(props) {
|
|
5384
5372
|
const { title, children, startDecorator, level, ...rest } = props;
|
|
5385
|
-
return /* @__PURE__ */
|
|
5373
|
+
return /* @__PURE__ */ import_react35.default.createElement(import_joy48.Accordion, { ...rest }, /* @__PURE__ */ import_react35.default.createElement(AccordionSummary2, { useIcon: !!startDecorator, level }, /* @__PURE__ */ import_react35.default.createElement(import_joy48.Stack, { direction: "row", gap: 4 }, startDecorator, title)), /* @__PURE__ */ import_react35.default.createElement(AccordionDetails2, null, children));
|
|
5386
5374
|
}
|
|
5387
5375
|
|
|
5388
5376
|
// src/components/NavigationItem/NavigationItem.tsx
|
|
5389
|
-
var
|
|
5377
|
+
var import_react36 = __toESM(require("react"));
|
|
5390
5378
|
var import_joy49 = require("@mui/joy");
|
|
5391
5379
|
var ListItemButton = (0, import_joy49.styled)(import_joy49.ListItemButton, {
|
|
5392
5380
|
name: "NavigationItem",
|
|
@@ -5415,7 +5403,7 @@ function NavigationItem(props) {
|
|
|
5415
5403
|
const handleClick = () => {
|
|
5416
5404
|
onClick?.(id);
|
|
5417
5405
|
};
|
|
5418
|
-
return /* @__PURE__ */
|
|
5406
|
+
return /* @__PURE__ */ import_react36.default.createElement(import_joy49.ListItem, { ...rest }, /* @__PURE__ */ import_react36.default.createElement(
|
|
5419
5407
|
ListItemButton,
|
|
5420
5408
|
{
|
|
5421
5409
|
level,
|
|
@@ -5424,21 +5412,21 @@ function NavigationItem(props) {
|
|
|
5424
5412
|
"aria-current": selected,
|
|
5425
5413
|
onClick: handleClick
|
|
5426
5414
|
},
|
|
5427
|
-
startDecorator && /* @__PURE__ */
|
|
5415
|
+
startDecorator && /* @__PURE__ */ import_react36.default.createElement(import_joy49.ListItemDecorator, null, startDecorator),
|
|
5428
5416
|
children
|
|
5429
5417
|
));
|
|
5430
5418
|
}
|
|
5431
5419
|
|
|
5432
5420
|
// src/components/Navigator/Navigator.tsx
|
|
5433
|
-
var
|
|
5421
|
+
var import_react37 = __toESM(require("react"));
|
|
5434
5422
|
function Navigator(props) {
|
|
5435
5423
|
const { items, level = 0, onSelect } = props;
|
|
5436
5424
|
const handleItemClick = (id) => {
|
|
5437
5425
|
onSelect?.(id);
|
|
5438
5426
|
};
|
|
5439
|
-
return /* @__PURE__ */
|
|
5427
|
+
return /* @__PURE__ */ import_react37.default.createElement("div", null, items.map((item, index) => {
|
|
5440
5428
|
if (item.type === "item") {
|
|
5441
|
-
return /* @__PURE__ */
|
|
5429
|
+
return /* @__PURE__ */ import_react37.default.createElement(
|
|
5442
5430
|
NavigationItem,
|
|
5443
5431
|
{
|
|
5444
5432
|
key: item.id,
|
|
@@ -5451,7 +5439,7 @@ function Navigator(props) {
|
|
|
5451
5439
|
item.title
|
|
5452
5440
|
);
|
|
5453
5441
|
} else if (item.type === "group") {
|
|
5454
|
-
return /* @__PURE__ */
|
|
5442
|
+
return /* @__PURE__ */ import_react37.default.createElement(
|
|
5455
5443
|
NavigationGroup,
|
|
5456
5444
|
{
|
|
5457
5445
|
key: index,
|
|
@@ -5469,17 +5457,17 @@ function Navigator(props) {
|
|
|
5469
5457
|
Navigator.displayName = "Navigator";
|
|
5470
5458
|
|
|
5471
5459
|
// src/components/PercentageInput/PercentageInput.tsx
|
|
5472
|
-
var
|
|
5460
|
+
var import_react38 = __toESM(require("react"));
|
|
5473
5461
|
var import_react_number_format2 = require("react-number-format");
|
|
5474
5462
|
var import_joy50 = require("@mui/joy");
|
|
5475
5463
|
var padDecimal = (value, decimalScale) => {
|
|
5476
5464
|
const [integer, decimal = ""] = `${value}`.split(".");
|
|
5477
5465
|
return Number(`${integer}${decimal.padEnd(decimalScale, "0")}`);
|
|
5478
5466
|
};
|
|
5479
|
-
var TextMaskAdapter11 =
|
|
5467
|
+
var TextMaskAdapter11 = import_react38.default.forwardRef(
|
|
5480
5468
|
function TextMaskAdapter12(props, ref) {
|
|
5481
5469
|
const { onChange, min, max, ...innerProps } = props;
|
|
5482
|
-
return /* @__PURE__ */
|
|
5470
|
+
return /* @__PURE__ */ import_react38.default.createElement(
|
|
5483
5471
|
import_react_number_format2.NumericFormat,
|
|
5484
5472
|
{
|
|
5485
5473
|
...innerProps,
|
|
@@ -5505,7 +5493,7 @@ var PercentageInputRoot = (0, import_joy50.styled)(Input_default, {
|
|
|
5505
5493
|
slot: "Root",
|
|
5506
5494
|
overridesResolver: (props, styles) => styles.root
|
|
5507
5495
|
})({});
|
|
5508
|
-
var PercentageInput =
|
|
5496
|
+
var PercentageInput = import_react38.default.forwardRef(function PercentageInput2(inProps, ref) {
|
|
5509
5497
|
const props = (0, import_joy50.useThemeProps)({ props: inProps, name: "PercentageInput" });
|
|
5510
5498
|
const {
|
|
5511
5499
|
name,
|
|
@@ -5527,21 +5515,21 @@ var PercentageInput = import_react39.default.forwardRef(function PercentageInput
|
|
|
5527
5515
|
const [_value, setValue] = useControlledState(
|
|
5528
5516
|
props.value,
|
|
5529
5517
|
props.defaultValue,
|
|
5530
|
-
(0,
|
|
5518
|
+
(0, import_react38.useCallback)(
|
|
5531
5519
|
(value2) => onChange?.({ target: { name, value: value2 } }),
|
|
5532
5520
|
[onChange, name]
|
|
5533
5521
|
)
|
|
5534
5522
|
);
|
|
5535
|
-
const [internalError, setInternalError] = (0,
|
|
5523
|
+
const [internalError, setInternalError] = (0, import_react38.useState)(
|
|
5536
5524
|
max && _value && _value > max || min && _value && _value < min
|
|
5537
5525
|
);
|
|
5538
|
-
const value = (0,
|
|
5526
|
+
const value = (0, import_react38.useMemo)(() => {
|
|
5539
5527
|
if (_value && useMinorUnit) {
|
|
5540
5528
|
return _value / Math.pow(10, maxDecimalScale);
|
|
5541
5529
|
}
|
|
5542
5530
|
return _value;
|
|
5543
5531
|
}, [_value, useMinorUnit, maxDecimalScale]);
|
|
5544
|
-
const handleChange = (0,
|
|
5532
|
+
const handleChange = (0, import_react38.useCallback)(
|
|
5545
5533
|
(event) => {
|
|
5546
5534
|
if (event.target.value === "") {
|
|
5547
5535
|
setValue(void 0);
|
|
@@ -5558,7 +5546,7 @@ var PercentageInput = import_react39.default.forwardRef(function PercentageInput
|
|
|
5558
5546
|
},
|
|
5559
5547
|
[setValue, useMinorUnit, maxDecimalScale, min, max]
|
|
5560
5548
|
);
|
|
5561
|
-
return /* @__PURE__ */
|
|
5549
|
+
return /* @__PURE__ */ import_react38.default.createElement(
|
|
5562
5550
|
PercentageInputRoot,
|
|
5563
5551
|
{
|
|
5564
5552
|
...innerProps,
|
|
@@ -5588,7 +5576,7 @@ var PercentageInput = import_react39.default.forwardRef(function PercentageInput
|
|
|
5588
5576
|
PercentageInput.displayName = "PercentageInput";
|
|
5589
5577
|
|
|
5590
5578
|
// src/components/ProfileMenu/ProfileMenu.tsx
|
|
5591
|
-
var
|
|
5579
|
+
var import_react39 = __toESM(require("react"));
|
|
5592
5580
|
var import_joy51 = require("@mui/joy");
|
|
5593
5581
|
var import_base6 = require("@mui/base");
|
|
5594
5582
|
var import_ArrowDropDown = __toESM(require("@mui/icons-material/ArrowDropDown"));
|
|
@@ -5598,15 +5586,15 @@ var StyledProfileCard = (0, import_joy51.styled)(import_joy3.Stack, {
|
|
|
5598
5586
|
})({});
|
|
5599
5587
|
function ProfileCard(props) {
|
|
5600
5588
|
const { children, chip, caption, size } = props;
|
|
5601
|
-
const captionLevel = (0,
|
|
5589
|
+
const captionLevel = (0, import_react39.useMemo)(
|
|
5602
5590
|
() => size === "sm" ? "body-xs" : "body-sm",
|
|
5603
5591
|
[size]
|
|
5604
5592
|
);
|
|
5605
|
-
const nameLevel = (0,
|
|
5593
|
+
const nameLevel = (0, import_react39.useMemo)(
|
|
5606
5594
|
() => size === "sm" ? "body-sm" : "body-md",
|
|
5607
5595
|
[size]
|
|
5608
5596
|
);
|
|
5609
|
-
return /* @__PURE__ */
|
|
5597
|
+
return /* @__PURE__ */ import_react39.default.createElement(StyledProfileCard, { px: 4, py: 2 }, /* @__PURE__ */ import_react39.default.createElement(import_joy3.Stack, { direction: "row", gap: 2 }, /* @__PURE__ */ import_react39.default.createElement(
|
|
5610
5598
|
Typography,
|
|
5611
5599
|
{
|
|
5612
5600
|
level: nameLevel,
|
|
@@ -5614,7 +5602,7 @@ function ProfileCard(props) {
|
|
|
5614
5602
|
textColor: "text.primary"
|
|
5615
5603
|
},
|
|
5616
5604
|
children
|
|
5617
|
-
), chip && /* @__PURE__ */
|
|
5605
|
+
), chip && /* @__PURE__ */ import_react39.default.createElement(Chip, { size, color: "neutral", variant: "outlined" }, chip)), caption && /* @__PURE__ */ import_react39.default.createElement(Typography, { level: captionLevel, textColor: "text.tertiary" }, caption));
|
|
5618
5606
|
}
|
|
5619
5607
|
ProfileCard.displayName = "ProfileCard";
|
|
5620
5608
|
var StyledProfileMenuButton = (0, import_joy51.styled)(import_joy51.MenuButton, {
|
|
@@ -5626,16 +5614,16 @@ var StyledProfileMenuButton = (0, import_joy51.styled)(import_joy51.MenuButton,
|
|
|
5626
5614
|
}));
|
|
5627
5615
|
function ProfileMenuButton(props) {
|
|
5628
5616
|
const { size = "md", src, alt, children, getInitial, ...innerProps } = props;
|
|
5629
|
-
return /* @__PURE__ */
|
|
5617
|
+
return /* @__PURE__ */ import_react39.default.createElement(
|
|
5630
5618
|
StyledProfileMenuButton,
|
|
5631
5619
|
{
|
|
5632
5620
|
variant: "plain",
|
|
5633
5621
|
color: "neutral",
|
|
5634
5622
|
size,
|
|
5635
|
-
endDecorator: /* @__PURE__ */
|
|
5623
|
+
endDecorator: /* @__PURE__ */ import_react39.default.createElement(import_ArrowDropDown.default, null),
|
|
5636
5624
|
...innerProps
|
|
5637
5625
|
},
|
|
5638
|
-
/* @__PURE__ */
|
|
5626
|
+
/* @__PURE__ */ import_react39.default.createElement(
|
|
5639
5627
|
Avatar,
|
|
5640
5628
|
{
|
|
5641
5629
|
variant: "soft",
|
|
@@ -5674,9 +5662,9 @@ function ProfileMenu(props) {
|
|
|
5674
5662
|
const [open, setOpen] = useControlledState(
|
|
5675
5663
|
_open,
|
|
5676
5664
|
defaultOpen ?? false,
|
|
5677
|
-
(0,
|
|
5665
|
+
(0, import_react39.useCallback)((value) => onOpenChange?.(value), [onOpenChange])
|
|
5678
5666
|
);
|
|
5679
|
-
return /* @__PURE__ */
|
|
5667
|
+
return /* @__PURE__ */ import_react39.default.createElement(import_base6.ClickAwayListener, { onClickAway: () => setOpen(false) }, /* @__PURE__ */ import_react39.default.createElement("div", null, /* @__PURE__ */ import_react39.default.createElement(import_joy51.Dropdown, { open }, /* @__PURE__ */ import_react39.default.createElement(
|
|
5680
5668
|
ProfileMenuButton,
|
|
5681
5669
|
{
|
|
5682
5670
|
size,
|
|
@@ -5686,7 +5674,7 @@ function ProfileMenu(props) {
|
|
|
5686
5674
|
getInitial
|
|
5687
5675
|
},
|
|
5688
5676
|
profile.name
|
|
5689
|
-
), /* @__PURE__ */
|
|
5677
|
+
), /* @__PURE__ */ import_react39.default.createElement(
|
|
5690
5678
|
ProfileMenuRoot,
|
|
5691
5679
|
{
|
|
5692
5680
|
size,
|
|
@@ -5694,7 +5682,7 @@ function ProfileMenu(props) {
|
|
|
5694
5682
|
...innerProps,
|
|
5695
5683
|
onClose: () => setOpen(false)
|
|
5696
5684
|
},
|
|
5697
|
-
/* @__PURE__ */
|
|
5685
|
+
/* @__PURE__ */ import_react39.default.createElement(
|
|
5698
5686
|
ProfileCard,
|
|
5699
5687
|
{
|
|
5700
5688
|
size,
|
|
@@ -5703,8 +5691,8 @@ function ProfileMenu(props) {
|
|
|
5703
5691
|
},
|
|
5704
5692
|
profile.name
|
|
5705
5693
|
),
|
|
5706
|
-
!!menuItems.length && /* @__PURE__ */
|
|
5707
|
-
menuItems.map(({ label, ...menuProps }) => /* @__PURE__ */
|
|
5694
|
+
!!menuItems.length && /* @__PURE__ */ import_react39.default.createElement(import_joy51.ListDivider, null),
|
|
5695
|
+
menuItems.map(({ label, ...menuProps }) => /* @__PURE__ */ import_react39.default.createElement(
|
|
5708
5696
|
MenuItem,
|
|
5709
5697
|
{
|
|
5710
5698
|
...menuProps,
|
|
@@ -5721,27 +5709,27 @@ ProfileMenu.displayName = "ProfileMenu";
|
|
|
5721
5709
|
|
|
5722
5710
|
// src/components/Radio/Radio.tsx
|
|
5723
5711
|
var import_joy52 = require("@mui/joy");
|
|
5724
|
-
var
|
|
5725
|
-
var MotionRadio = (0,
|
|
5712
|
+
var import_framer_motion26 = require("framer-motion");
|
|
5713
|
+
var MotionRadio = (0, import_framer_motion26.motion)(import_joy52.Radio);
|
|
5726
5714
|
var Radio = MotionRadio;
|
|
5727
5715
|
Radio.displayName = "Radio";
|
|
5728
|
-
var MotionRadioGroup = (0,
|
|
5716
|
+
var MotionRadioGroup = (0, import_framer_motion26.motion)(import_joy52.RadioGroup);
|
|
5729
5717
|
var RadioGroup = MotionRadioGroup;
|
|
5730
5718
|
RadioGroup.displayName = "RadioGroup";
|
|
5731
5719
|
|
|
5732
5720
|
// src/components/RadioList/RadioList.tsx
|
|
5733
|
-
var
|
|
5721
|
+
var import_react40 = __toESM(require("react"));
|
|
5734
5722
|
function RadioList(props) {
|
|
5735
5723
|
const { items, ...innerProps } = props;
|
|
5736
|
-
return /* @__PURE__ */
|
|
5724
|
+
return /* @__PURE__ */ import_react40.default.createElement(RadioGroup, { ...innerProps }, items.map((item) => /* @__PURE__ */ import_react40.default.createElement(Radio, { key: `${item.value}`, value: item.value, label: item.label })));
|
|
5737
5725
|
}
|
|
5738
5726
|
RadioList.displayName = "RadioList";
|
|
5739
5727
|
|
|
5740
5728
|
// src/components/Stepper/Stepper.tsx
|
|
5741
|
-
var
|
|
5729
|
+
var import_react41 = __toESM(require("react"));
|
|
5742
5730
|
var import_joy53 = require("@mui/joy");
|
|
5743
5731
|
var import_Check = __toESM(require("@mui/icons-material/Check"));
|
|
5744
|
-
var
|
|
5732
|
+
var import_framer_motion27 = require("framer-motion");
|
|
5745
5733
|
var Step = (0, import_joy53.styled)(import_joy53.Step)({});
|
|
5746
5734
|
Step.displayName = "Step";
|
|
5747
5735
|
var StepIndicator = (0, import_joy53.styled)(import_joy53.StepIndicator)({});
|
|
@@ -5754,7 +5742,7 @@ var StyledStepper = (0, import_joy53.styled)(import_joy53.Stepper)(({ theme }) =
|
|
|
5754
5742
|
fontSize: "var(--ceed-fontSize-xs)"
|
|
5755
5743
|
}
|
|
5756
5744
|
}));
|
|
5757
|
-
var MotionStepper = (0,
|
|
5745
|
+
var MotionStepper = (0, import_framer_motion27.motion)(StyledStepper);
|
|
5758
5746
|
function Stepper(props) {
|
|
5759
5747
|
const {
|
|
5760
5748
|
steps,
|
|
@@ -5764,7 +5752,7 @@ function Stepper(props) {
|
|
|
5764
5752
|
inactiveLineColor = "neutral.300",
|
|
5765
5753
|
activeStep
|
|
5766
5754
|
} = props;
|
|
5767
|
-
return /* @__PURE__ */
|
|
5755
|
+
return /* @__PURE__ */ import_react41.default.createElement(
|
|
5768
5756
|
MotionStepper,
|
|
5769
5757
|
{
|
|
5770
5758
|
sx: (theme) => ({
|
|
@@ -5798,15 +5786,15 @@ function Stepper(props) {
|
|
|
5798
5786
|
const completed = activeStep > i + 1;
|
|
5799
5787
|
const disabled = activeStep < i + 1;
|
|
5800
5788
|
const hasContent = step.label || step.extraContent;
|
|
5801
|
-
return /* @__PURE__ */
|
|
5789
|
+
return /* @__PURE__ */ import_react41.default.createElement(
|
|
5802
5790
|
Step,
|
|
5803
5791
|
{
|
|
5804
|
-
indicator: /* @__PURE__ */
|
|
5792
|
+
indicator: /* @__PURE__ */ import_react41.default.createElement(StepIndicator, { variant: "solid", color: "primary" }, completed ? /* @__PURE__ */ import_react41.default.createElement(import_Check.default, null) : step.indicatorContent),
|
|
5805
5793
|
active,
|
|
5806
5794
|
completed,
|
|
5807
5795
|
disabled
|
|
5808
5796
|
},
|
|
5809
|
-
hasContent && /* @__PURE__ */
|
|
5797
|
+
hasContent && /* @__PURE__ */ import_react41.default.createElement(Stack_default, null, step.label && /* @__PURE__ */ import_react41.default.createElement(Typography_default, { level: "title-sm" }, step.label), step.extraContent && /* @__PURE__ */ import_react41.default.createElement(Typography_default, { level: "body-xs" }, step.extraContent))
|
|
5810
5798
|
);
|
|
5811
5799
|
})
|
|
5812
5800
|
);
|
|
@@ -5814,11 +5802,11 @@ function Stepper(props) {
|
|
|
5814
5802
|
Stepper.displayName = "Stepper";
|
|
5815
5803
|
|
|
5816
5804
|
// src/components/Switch/Switch.tsx
|
|
5817
|
-
var
|
|
5805
|
+
var import_react42 = __toESM(require("react"));
|
|
5818
5806
|
var import_joy54 = require("@mui/joy");
|
|
5819
|
-
var
|
|
5820
|
-
var MotionSwitch = (0,
|
|
5821
|
-
var StyledThumb = (0, import_joy54.styled)(
|
|
5807
|
+
var import_framer_motion28 = require("framer-motion");
|
|
5808
|
+
var MotionSwitch = (0, import_framer_motion28.motion)(import_joy54.Switch);
|
|
5809
|
+
var StyledThumb = (0, import_joy54.styled)(import_framer_motion28.motion.div)({
|
|
5822
5810
|
"--Icon-fontSize": "calc(var(--Switch-thumbSize) * 0.75)",
|
|
5823
5811
|
display: "inline-flex",
|
|
5824
5812
|
justifyContent: "center",
|
|
@@ -5836,14 +5824,14 @@ var StyledThumb = (0, import_joy54.styled)(import_framer_motion29.motion.div)({
|
|
|
5836
5824
|
right: "var(--Switch-thumbOffset)"
|
|
5837
5825
|
}
|
|
5838
5826
|
});
|
|
5839
|
-
var Thumb = (props) => /* @__PURE__ */
|
|
5827
|
+
var Thumb = (props) => /* @__PURE__ */ import_react42.default.createElement(StyledThumb, { ...props, layout: true, transition: spring });
|
|
5840
5828
|
var spring = {
|
|
5841
5829
|
type: "spring",
|
|
5842
5830
|
stiffness: 700,
|
|
5843
5831
|
damping: 30
|
|
5844
5832
|
};
|
|
5845
5833
|
var Switch = (props) => {
|
|
5846
|
-
return /* @__PURE__ */
|
|
5834
|
+
return /* @__PURE__ */ import_react42.default.createElement(
|
|
5847
5835
|
MotionSwitch,
|
|
5848
5836
|
{
|
|
5849
5837
|
...props,
|
|
@@ -5858,26 +5846,26 @@ Switch.displayName = "Switch";
|
|
|
5858
5846
|
|
|
5859
5847
|
// src/components/Tabs/Tabs.tsx
|
|
5860
5848
|
var import_joy55 = require("@mui/joy");
|
|
5861
|
-
var
|
|
5862
|
-
var MotionTabs = (0,
|
|
5849
|
+
var import_framer_motion29 = require("framer-motion");
|
|
5850
|
+
var MotionTabs = (0, import_framer_motion29.motion)(import_joy55.Tabs);
|
|
5863
5851
|
var Tabs = MotionTabs;
|
|
5864
5852
|
Tabs.displayName = "Tabs";
|
|
5865
|
-
var MotionTab = (0, import_joy55.styled)((0,
|
|
5853
|
+
var MotionTab = (0, import_joy55.styled)((0, import_framer_motion29.motion)(import_joy55.Tab))(({ theme }) => ({
|
|
5866
5854
|
[`&:not(.${import_joy55.tabClasses.selected})`]: {
|
|
5867
5855
|
color: theme.palette.neutral[700]
|
|
5868
5856
|
}
|
|
5869
5857
|
}));
|
|
5870
5858
|
var Tab = MotionTab;
|
|
5871
5859
|
Tab.displayName = "Tab";
|
|
5872
|
-
var MotionTabList = (0,
|
|
5860
|
+
var MotionTabList = (0, import_framer_motion29.motion)(import_joy55.TabList);
|
|
5873
5861
|
var TabList = MotionTabList;
|
|
5874
5862
|
TabList.displayName = "TabList";
|
|
5875
|
-
var MotionTabPanel = (0,
|
|
5863
|
+
var MotionTabPanel = (0, import_framer_motion29.motion)(import_joy55.TabPanel);
|
|
5876
5864
|
var TabPanel = MotionTabPanel;
|
|
5877
5865
|
TabPanel.displayName = "TabPanel";
|
|
5878
5866
|
|
|
5879
5867
|
// src/components/ThemeProvider/ThemeProvider.tsx
|
|
5880
|
-
var
|
|
5868
|
+
var import_react43 = __toESM(require("react"));
|
|
5881
5869
|
var import_joy56 = require("@mui/joy");
|
|
5882
5870
|
var colorScheme = {
|
|
5883
5871
|
palette: {
|
|
@@ -6141,6 +6129,6 @@ var defaultTheme = (0, import_joy56.extendTheme)({
|
|
|
6141
6129
|
});
|
|
6142
6130
|
function ThemeProvider(props) {
|
|
6143
6131
|
const theme = props.theme || defaultTheme;
|
|
6144
|
-
return /* @__PURE__ */
|
|
6132
|
+
return /* @__PURE__ */ import_react43.default.createElement(import_react43.default.Fragment, null, /* @__PURE__ */ import_react43.default.createElement(import_joy56.CssVarsProvider, { theme }, /* @__PURE__ */ import_react43.default.createElement(import_joy56.CssBaseline, null), props.children));
|
|
6145
6133
|
}
|
|
6146
6134
|
ThemeProvider.displayName = "ThemeProvider";
|