@undefine-ui/design-system 3.7.2 → 3.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +272 -165
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +39 -16
- package/dist/index.d.ts +39 -16
- package/dist/index.js +273 -164
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -102,6 +102,7 @@ __export(index_exports, {
|
|
|
102
102
|
RHFSwitch: () => RHFSwitch,
|
|
103
103
|
RHFTextField: () => RHFTextField,
|
|
104
104
|
RHFTimePicker: () => RHFTimePicker,
|
|
105
|
+
RHFToggleButton: () => RHFToggleButton,
|
|
105
106
|
RHFUpload: () => RHFUpload,
|
|
106
107
|
RadioDefault: () => RadioDefault,
|
|
107
108
|
RadioSelect: () => RadioSelect,
|
|
@@ -6523,6 +6524,7 @@ __export(components_exports2, {
|
|
|
6523
6524
|
RHFSwitch: () => RHFSwitch,
|
|
6524
6525
|
RHFTextField: () => RHFTextField,
|
|
6525
6526
|
RHFTimePicker: () => RHFTimePicker,
|
|
6527
|
+
RHFToggleButton: () => RHFToggleButton,
|
|
6526
6528
|
RHFUpload: () => RHFUpload,
|
|
6527
6529
|
RadioDefault: () => RadioDefault,
|
|
6528
6530
|
RadioSelect: () => RadioSelect,
|
|
@@ -9821,15 +9823,118 @@ var RHFAutocomplete = ({
|
|
|
9821
9823
|
);
|
|
9822
9824
|
};
|
|
9823
9825
|
|
|
9826
|
+
// src/components/HookForm/RHFToggleButton.tsx
|
|
9827
|
+
var import_react_hook_form9 = require("react-hook-form");
|
|
9828
|
+
var import_FormLabel3 = __toESM(require("@mui/material/FormLabel"), 1);
|
|
9829
|
+
var import_FormControl3 = __toESM(require("@mui/material/FormControl"), 1);
|
|
9830
|
+
var import_FormHelperText5 = __toESM(require("@mui/material/FormHelperText"), 1);
|
|
9831
|
+
var import_ToggleButton = __toESM(require("@mui/material/ToggleButton"), 1);
|
|
9832
|
+
var import_ToggleButtonGroup = __toESM(require("@mui/material/ToggleButtonGroup"), 1);
|
|
9833
|
+
var import_jsx_runtime97 = require("react/jsx-runtime");
|
|
9834
|
+
var RHFToggleButton = ({
|
|
9835
|
+
name,
|
|
9836
|
+
label,
|
|
9837
|
+
helperText,
|
|
9838
|
+
options,
|
|
9839
|
+
fullWidth,
|
|
9840
|
+
slotProps,
|
|
9841
|
+
sx,
|
|
9842
|
+
...other
|
|
9843
|
+
}) => {
|
|
9844
|
+
const { control } = (0, import_react_hook_form9.useFormContext)();
|
|
9845
|
+
return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
9846
|
+
import_react_hook_form9.Controller,
|
|
9847
|
+
{
|
|
9848
|
+
name,
|
|
9849
|
+
control,
|
|
9850
|
+
render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
|
|
9851
|
+
import_FormControl3.default,
|
|
9852
|
+
{
|
|
9853
|
+
component: "fieldset",
|
|
9854
|
+
error: !!error2,
|
|
9855
|
+
fullWidth,
|
|
9856
|
+
...slotProps?.formControl,
|
|
9857
|
+
children: [
|
|
9858
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_FormLabel3.default, { component: "legend", sx: { mb: 1 }, ...slotProps?.formLabel, children: label }),
|
|
9859
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
9860
|
+
import_ToggleButtonGroup.default,
|
|
9861
|
+
{
|
|
9862
|
+
...field,
|
|
9863
|
+
value: field.value ?? "",
|
|
9864
|
+
onChange: (_, newValue) => {
|
|
9865
|
+
if (newValue !== null) {
|
|
9866
|
+
field.onChange(newValue);
|
|
9867
|
+
}
|
|
9868
|
+
},
|
|
9869
|
+
exclusive: true,
|
|
9870
|
+
...other,
|
|
9871
|
+
sx: {
|
|
9872
|
+
backgroundColor: "transparent",
|
|
9873
|
+
borderRadius: "100px",
|
|
9874
|
+
gap: 1.5,
|
|
9875
|
+
border: "none",
|
|
9876
|
+
display: "inline-flex",
|
|
9877
|
+
width: "auto",
|
|
9878
|
+
[`& .${import_ToggleButtonGroup.toggleButtonGroupClasses.grouped}.${import_ToggleButton.toggleButtonClasses.root}`]: {
|
|
9879
|
+
px: 1,
|
|
9880
|
+
py: 0.5,
|
|
9881
|
+
border: "none",
|
|
9882
|
+
textTransform: "none",
|
|
9883
|
+
fontSize: 14,
|
|
9884
|
+
fontWeight: 500,
|
|
9885
|
+
color: "text.primary",
|
|
9886
|
+
backgroundColor: "surface.disable",
|
|
9887
|
+
borderRadius: "100px",
|
|
9888
|
+
transition: "all 0.2s",
|
|
9889
|
+
flex: "0 0 auto",
|
|
9890
|
+
"&:hover": {
|
|
9891
|
+
backgroundColor: "rgba(0, 0, 0, 0.04)"
|
|
9892
|
+
},
|
|
9893
|
+
[`&.${import_ToggleButton.toggleButtonClasses.selected}`]: {
|
|
9894
|
+
backgroundColor: "primary.main",
|
|
9895
|
+
color: "common.white",
|
|
9896
|
+
"&:hover": {
|
|
9897
|
+
color: "common.white",
|
|
9898
|
+
backgroundColor: "primary.dark"
|
|
9899
|
+
}
|
|
9900
|
+
},
|
|
9901
|
+
[`&.${import_ToggleButton.toggleButtonClasses.disabled}`]: {
|
|
9902
|
+
color: "text.disabled",
|
|
9903
|
+
backgroundColor: "transparent"
|
|
9904
|
+
}
|
|
9905
|
+
},
|
|
9906
|
+
...sx
|
|
9907
|
+
},
|
|
9908
|
+
children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
9909
|
+
import_ToggleButton.default,
|
|
9910
|
+
{
|
|
9911
|
+
value: option.value,
|
|
9912
|
+
disabled: option.disabled,
|
|
9913
|
+
"aria-label": `${option.label}`,
|
|
9914
|
+
...option.toggleButtonProps,
|
|
9915
|
+
children: option.label
|
|
9916
|
+
},
|
|
9917
|
+
option.value
|
|
9918
|
+
))
|
|
9919
|
+
}
|
|
9920
|
+
),
|
|
9921
|
+
(error2?.message || helperText) && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_FormHelperText5.default, { sx: { mx: 0 }, ...slotProps?.formHelperText, children: error2?.message ?? helperText })
|
|
9922
|
+
]
|
|
9923
|
+
}
|
|
9924
|
+
)
|
|
9925
|
+
}
|
|
9926
|
+
);
|
|
9927
|
+
};
|
|
9928
|
+
|
|
9824
9929
|
// src/components/HookForm/RHFDateRangePicker.tsx
|
|
9825
9930
|
var import_react20 = require("react");
|
|
9826
|
-
var
|
|
9931
|
+
var import_react_hook_form10 = require("react-hook-form");
|
|
9827
9932
|
var import_date_fns3 = require("date-fns");
|
|
9828
9933
|
var import_Box22 = __toESM(require("@mui/material/Box"), 1);
|
|
9829
9934
|
var import_Popover4 = __toESM(require("@mui/material/Popover"), 1);
|
|
9830
9935
|
var import_TextField6 = __toESM(require("@mui/material/TextField"), 1);
|
|
9831
9936
|
var import_InputAdornment3 = __toESM(require("@mui/material/InputAdornment"), 1);
|
|
9832
|
-
var
|
|
9937
|
+
var import_jsx_runtime98 = require("react/jsx-runtime");
|
|
9833
9938
|
function RHFDateRangePicker({
|
|
9834
9939
|
name,
|
|
9835
9940
|
label,
|
|
@@ -9843,10 +9948,10 @@ function RHFDateRangePicker({
|
|
|
9843
9948
|
size = "medium",
|
|
9844
9949
|
fullWidth = true
|
|
9845
9950
|
}) {
|
|
9846
|
-
const { control } = (0,
|
|
9951
|
+
const { control } = (0, import_react_hook_form10.useFormContext)();
|
|
9847
9952
|
const [anchorEl, setAnchorEl] = (0, import_react20.useState)(null);
|
|
9848
9953
|
const open = Boolean(anchorEl);
|
|
9849
|
-
const watchedValue = (0,
|
|
9954
|
+
const watchedValue = (0, import_react_hook_form10.useWatch)({ control, name });
|
|
9850
9955
|
const value = watchedValue ?? {
|
|
9851
9956
|
start: null,
|
|
9852
9957
|
end: null,
|
|
@@ -9877,8 +9982,8 @@ function RHFDateRangePicker({
|
|
|
9877
9982
|
const handleClose = (0, import_react20.useCallback)(() => {
|
|
9878
9983
|
setAnchorEl(null);
|
|
9879
9984
|
}, []);
|
|
9880
|
-
return /* @__PURE__ */ (0,
|
|
9881
|
-
|
|
9985
|
+
return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
9986
|
+
import_react_hook_form10.Controller,
|
|
9882
9987
|
{
|
|
9883
9988
|
name,
|
|
9884
9989
|
control,
|
|
@@ -9887,8 +9992,8 @@ function RHFDateRangePicker({
|
|
|
9887
9992
|
field.onChange({ ...range, preset });
|
|
9888
9993
|
handleClose();
|
|
9889
9994
|
};
|
|
9890
|
-
return /* @__PURE__ */ (0,
|
|
9891
|
-
/* @__PURE__ */ (0,
|
|
9995
|
+
return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
|
|
9996
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_Box22.default, { onClick: handleClick, sx: { cursor: disabled ? "default" : "pointer" }, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
9892
9997
|
import_TextField6.default,
|
|
9893
9998
|
{
|
|
9894
9999
|
label,
|
|
@@ -9902,13 +10007,13 @@ function RHFDateRangePicker({
|
|
|
9902
10007
|
slotProps: {
|
|
9903
10008
|
input: {
|
|
9904
10009
|
readOnly: true,
|
|
9905
|
-
endAdornment: /* @__PURE__ */ (0,
|
|
10010
|
+
endAdornment: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_InputAdornment3.default, { position: "end", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Icon, { icon: "Calendar", sx: { width: 20, height: 20, color: "icon.mute" } }) }),
|
|
9906
10011
|
sx: { cursor: disabled ? "default" : "pointer" }
|
|
9907
10012
|
}
|
|
9908
10013
|
}
|
|
9909
10014
|
}
|
|
9910
10015
|
) }),
|
|
9911
|
-
/* @__PURE__ */ (0,
|
|
10016
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
9912
10017
|
import_Popover4.default,
|
|
9913
10018
|
{
|
|
9914
10019
|
open,
|
|
@@ -9933,7 +10038,7 @@ function RHFDateRangePicker({
|
|
|
9933
10038
|
}
|
|
9934
10039
|
}
|
|
9935
10040
|
},
|
|
9936
|
-
children: /* @__PURE__ */ (0,
|
|
10041
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
9937
10042
|
DateRangePicker,
|
|
9938
10043
|
{
|
|
9939
10044
|
value: { start: value.start, end: value.end },
|
|
@@ -9954,17 +10059,17 @@ function RHFDateRangePicker({
|
|
|
9954
10059
|
}
|
|
9955
10060
|
|
|
9956
10061
|
// src/components/HookForm/RHFCheckbox.tsx
|
|
9957
|
-
var
|
|
10062
|
+
var import_react_hook_form11 = require("react-hook-form");
|
|
9958
10063
|
var import_Stack8 = __toESM(require("@mui/material/Stack"), 1);
|
|
9959
10064
|
var import_Box23 = __toESM(require("@mui/material/Box"), 1);
|
|
9960
10065
|
var import_Typography13 = __toESM(require("@mui/material/Typography"), 1);
|
|
9961
10066
|
var import_Checkbox3 = __toESM(require("@mui/material/Checkbox"), 1);
|
|
9962
10067
|
var import_FormGroup2 = __toESM(require("@mui/material/FormGroup"), 1);
|
|
9963
|
-
var
|
|
9964
|
-
var
|
|
9965
|
-
var
|
|
10068
|
+
var import_FormLabel4 = __toESM(require("@mui/material/FormLabel"), 1);
|
|
10069
|
+
var import_FormControl4 = __toESM(require("@mui/material/FormControl"), 1);
|
|
10070
|
+
var import_FormHelperText6 = __toESM(require("@mui/material/FormHelperText"), 1);
|
|
9966
10071
|
var import_FormControlLabel5 = __toESM(require("@mui/material/FormControlLabel"), 1);
|
|
9967
|
-
var
|
|
10072
|
+
var import_jsx_runtime99 = require("react/jsx-runtime");
|
|
9968
10073
|
var RHFCheckbox = ({
|
|
9969
10074
|
name,
|
|
9970
10075
|
description,
|
|
@@ -9974,18 +10079,18 @@ var RHFCheckbox = ({
|
|
|
9974
10079
|
slotProps,
|
|
9975
10080
|
...other
|
|
9976
10081
|
}) => {
|
|
9977
|
-
const { control } = (0,
|
|
10082
|
+
const { control } = (0, import_react_hook_form11.useFormContext)();
|
|
9978
10083
|
const baseAriaLabel = `Checkbox for ${name}`;
|
|
9979
|
-
return /* @__PURE__ */ (0,
|
|
9980
|
-
|
|
10084
|
+
return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
10085
|
+
import_react_hook_form11.Controller,
|
|
9981
10086
|
{
|
|
9982
10087
|
name,
|
|
9983
10088
|
control,
|
|
9984
|
-
render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ (0,
|
|
9985
|
-
/* @__PURE__ */ (0,
|
|
10089
|
+
render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_Box23.default, { sx: slotProps?.wrap, children: [
|
|
10090
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
9986
10091
|
import_FormControlLabel5.default,
|
|
9987
10092
|
{
|
|
9988
|
-
control: /* @__PURE__ */ (0,
|
|
10093
|
+
control: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
9989
10094
|
import_Checkbox3.default,
|
|
9990
10095
|
{
|
|
9991
10096
|
...field,
|
|
@@ -10000,9 +10105,9 @@ var RHFCheckbox = ({
|
|
|
10000
10105
|
}
|
|
10001
10106
|
}
|
|
10002
10107
|
),
|
|
10003
|
-
label: /* @__PURE__ */ (0,
|
|
10004
|
-
/* @__PURE__ */ (0,
|
|
10005
|
-
description && /* @__PURE__ */ (0,
|
|
10108
|
+
label: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_Stack8.default, { children: [
|
|
10109
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_Typography13.default, { variant: "bodyMd", color: "text.header", fontWeight: 500, children: label }),
|
|
10110
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_Typography13.default, { variant: "body2", color: "text.body", children: description })
|
|
10006
10111
|
] }),
|
|
10007
10112
|
sx: {
|
|
10008
10113
|
alignItems: description ? "flex-start" : "center",
|
|
@@ -10011,7 +10116,7 @@ var RHFCheckbox = ({
|
|
|
10011
10116
|
...other
|
|
10012
10117
|
}
|
|
10013
10118
|
),
|
|
10014
|
-
(!!error2 || helperText) && /* @__PURE__ */ (0,
|
|
10119
|
+
(!!error2 || helperText) && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_FormHelperText6.default, { error: !!error2, ...slotProps?.formHelperText, children: error2 ? error2?.message : helperText })
|
|
10015
10120
|
] })
|
|
10016
10121
|
}
|
|
10017
10122
|
);
|
|
@@ -10025,24 +10130,24 @@ var RHFMultiCheckbox = ({
|
|
|
10025
10130
|
row,
|
|
10026
10131
|
...other
|
|
10027
10132
|
}) => {
|
|
10028
|
-
const { control } = (0,
|
|
10133
|
+
const { control } = (0, import_react_hook_form11.useFormContext)();
|
|
10029
10134
|
const getSelected = (currentValues, optionValue) => currentValues.includes(optionValue) ? currentValues.filter((value) => value !== optionValue) : [...currentValues, optionValue];
|
|
10030
|
-
return /* @__PURE__ */ (0,
|
|
10031
|
-
|
|
10135
|
+
return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
10136
|
+
import_react_hook_form11.Controller,
|
|
10032
10137
|
{
|
|
10033
10138
|
name,
|
|
10034
10139
|
control,
|
|
10035
10140
|
defaultValue: [],
|
|
10036
|
-
render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ (0,
|
|
10037
|
-
|
|
10141
|
+
render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
|
|
10142
|
+
import_FormControl4.default,
|
|
10038
10143
|
{
|
|
10039
10144
|
component: "fieldset",
|
|
10040
10145
|
error: !!error2,
|
|
10041
10146
|
sx: slotProps?.formControl?.sx,
|
|
10042
10147
|
...slotProps?.formControl,
|
|
10043
10148
|
children: [
|
|
10044
|
-
label && /* @__PURE__ */ (0,
|
|
10045
|
-
|
|
10149
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
10150
|
+
import_FormLabel4.default,
|
|
10046
10151
|
{
|
|
10047
10152
|
component: "legend",
|
|
10048
10153
|
...slotProps?.formLabel,
|
|
@@ -10050,12 +10155,12 @@ var RHFMultiCheckbox = ({
|
|
|
10050
10155
|
children: label
|
|
10051
10156
|
}
|
|
10052
10157
|
),
|
|
10053
|
-
/* @__PURE__ */ (0,
|
|
10158
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_FormGroup2.default, { row, ...other, children: options.map((option) => {
|
|
10054
10159
|
const itemAriaLabel = option.label || `Option ${option.value}`;
|
|
10055
|
-
return /* @__PURE__ */ (0,
|
|
10160
|
+
return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
10056
10161
|
import_FormControlLabel5.default,
|
|
10057
10162
|
{
|
|
10058
|
-
control: /* @__PURE__ */ (0,
|
|
10163
|
+
control: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
10059
10164
|
import_Checkbox3.default,
|
|
10060
10165
|
{
|
|
10061
10166
|
checked: (field.value || []).includes(option.value),
|
|
@@ -10073,9 +10178,9 @@ var RHFMultiCheckbox = ({
|
|
|
10073
10178
|
}
|
|
10074
10179
|
}
|
|
10075
10180
|
),
|
|
10076
|
-
label: /* @__PURE__ */ (0,
|
|
10077
|
-
/* @__PURE__ */ (0,
|
|
10078
|
-
option?.description && /* @__PURE__ */ (0,
|
|
10181
|
+
label: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_Stack8.default, { children: [
|
|
10182
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_Typography13.default, { variant: "bodyMd", color: "text.header", fontWeight: 500, children: option.label }),
|
|
10183
|
+
option?.description && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_Typography13.default, { variant: "body2", color: "text.body", children: option?.description })
|
|
10079
10184
|
] }),
|
|
10080
10185
|
sx: {
|
|
10081
10186
|
alignItems: option?.description ? "flex-start" : "center"
|
|
@@ -10084,8 +10189,8 @@ var RHFMultiCheckbox = ({
|
|
|
10084
10189
|
option.value
|
|
10085
10190
|
);
|
|
10086
10191
|
}) }),
|
|
10087
|
-
(!!error2 || helperText) && /* @__PURE__ */ (0,
|
|
10088
|
-
|
|
10192
|
+
(!!error2 || helperText) && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
10193
|
+
import_FormHelperText6.default,
|
|
10089
10194
|
{
|
|
10090
10195
|
sx: { mx: 0, ...slotProps?.formHelperText?.sx },
|
|
10091
10196
|
...slotProps?.formHelperText,
|
|
@@ -10100,7 +10205,7 @@ var RHFMultiCheckbox = ({
|
|
|
10100
10205
|
};
|
|
10101
10206
|
|
|
10102
10207
|
// src/components/HookForm/RHFGooglePlacesAutocomplete.tsx
|
|
10103
|
-
var
|
|
10208
|
+
var import_react_hook_form12 = require("react-hook-form");
|
|
10104
10209
|
|
|
10105
10210
|
// src/components/GooglePlacesAutocomplete/types.ts
|
|
10106
10211
|
var parseAddressComponents = (addressComponents) => {
|
|
@@ -10131,7 +10236,7 @@ var parseAddressComponents = (addressComponents) => {
|
|
|
10131
10236
|
|
|
10132
10237
|
// src/components/GooglePlacesAutocomplete/GooglePlacesContext.tsx
|
|
10133
10238
|
var import_react21 = require("react");
|
|
10134
|
-
var
|
|
10239
|
+
var import_jsx_runtime100 = require("react/jsx-runtime");
|
|
10135
10240
|
var GOOGLE_NAMESPACE = "_google_callback";
|
|
10136
10241
|
var GooglePlacesContext = (0, import_react21.createContext)(void 0);
|
|
10137
10242
|
var GooglePlacesProvider = ({
|
|
@@ -10183,7 +10288,7 @@ var GooglePlacesProvider = ({
|
|
|
10183
10288
|
}),
|
|
10184
10289
|
[apiKey, loaded, error2]
|
|
10185
10290
|
);
|
|
10186
|
-
return /* @__PURE__ */ (0,
|
|
10291
|
+
return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(GooglePlacesContext.Provider, { value, children });
|
|
10187
10292
|
};
|
|
10188
10293
|
var useGooglePlacesContext = () => {
|
|
10189
10294
|
const context = (0, import_react21.useContext)(GooglePlacesContext);
|
|
@@ -10352,9 +10457,9 @@ var useGooglePlacesAutocomplete = (options = {}) => {
|
|
|
10352
10457
|
};
|
|
10353
10458
|
|
|
10354
10459
|
// src/components/GooglePlacesAutocomplete/GooglePlacesAutocomplete.tsx
|
|
10355
|
-
var
|
|
10356
|
-
var DefaultLocationIcon = (props) => /* @__PURE__ */ (0,
|
|
10357
|
-
var GoogleMapsAttribution = () => /* @__PURE__ */ (0,
|
|
10460
|
+
var import_jsx_runtime101 = require("react/jsx-runtime");
|
|
10461
|
+
var DefaultLocationIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_SvgIcon2.default, { ...props, viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("path", { d: "M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z" }) });
|
|
10462
|
+
var GoogleMapsAttribution = () => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
10358
10463
|
import_Box24.default,
|
|
10359
10464
|
{
|
|
10360
10465
|
sx: (theme) => ({
|
|
@@ -10366,7 +10471,7 @@ var GoogleMapsAttribution = () => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)
|
|
|
10366
10471
|
fill: theme.palette.text.secondary
|
|
10367
10472
|
}
|
|
10368
10473
|
}),
|
|
10369
|
-
children: /* @__PURE__ */ (0,
|
|
10474
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
10370
10475
|
"svg",
|
|
10371
10476
|
{
|
|
10372
10477
|
"aria-label": "Google Maps",
|
|
@@ -10374,14 +10479,14 @@ var GoogleMapsAttribution = () => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)
|
|
|
10374
10479
|
preserveAspectRatio: "xMidYMid meet",
|
|
10375
10480
|
viewBox: "0 0 98 18",
|
|
10376
10481
|
width: "77",
|
|
10377
|
-
children: /* @__PURE__ */ (0,
|
|
10482
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("path", { d: "M7.08 13.96a6.9 6.9 0 01-4.99-2.05A6.7 6.7 0 010 6.98Q0 4.1 2.09 2.05A6.9 6.9 0 017.08 0a6.7 6.7 0 014.79 1.92l-1.35 1.35a4.8 4.8 0 00-3.44-1.36q-2.1 0-3.55 1.48a5 5 0 00-1.45 3.59q0 2.12 1.46 3.59a4.8 4.8 0 003.55 1.48 4.8 4.8 0 003.53-1.4q.84-.84 1.04-2.4H7.08v-1.9h6.42a6 6 0 01.1 1.19q0 2.8-1.65 4.46a6.4 6.4 0 01-4.87 1.96M22 12.68a4.4 4.4 0 01-3.2 1.29 4.4 4.4 0 01-3.2-1.29 4.3 4.3 0 01-1.31-3.21q0-1.92 1.31-3.21a4.4 4.4 0 013.2-1.29q1.9 0 3.2 1.29a4.3 4.3 0 011.31 3.21A4.3 4.3 0 0122 12.68m-4.99-1.26q.75.78 1.79.77 1.04 0 1.79-.77.75-.78.75-1.95 0-1.19-.74-1.96-.75-.77-1.8-.77t-1.8.77a2.7 2.7 0 00-.74 1.96q0 1.17.75 1.95m14.84 1.26q-1.3 1.29-3.2 1.29c-1.9 0-2.33-.43-3.2-1.29a4.3 4.3 0 01-1.31-3.21q0-1.92 1.31-3.21 1.3-1.29 3.2-1.29c1.9 0 2.33.43 3.2 1.29a4.3 4.3 0 011.31 3.21q0 1.92-1.31 3.21m-4.99-1.26q.75.78 1.79.77 1.04 0 1.79-.77.75-.78.75-1.95 0-1.19-.74-1.96c-.74-.77-1.09-.77-1.8-.77q-1.05 0-1.8.77a2.7 2.7 0 00-.74 1.96q0 1.17.75 1.95M38.32 18q-1.5 0-2.52-.8a4.5 4.5 0 01-1.46-1.86l1.72-.72q.27.65.85 1.12.59.48 1.41.48a2.3 2.3 0 001.76-.68q.64-.68.64-1.96v-.65h-.07a2.9 2.9 0 01-2.37 1.02 4 4 0 01-3.01-1.31 4.4 4.4 0 01-1.29-3.17 4.4 4.4 0 011.29-3.19 4 4 0 013.01-1.32q.76 0 1.39.29t.98.72h.07v-.72h1.87v8.07q0 2.35-1.2 3.52A4.2 4.2 0 0138.32 18m.13-5.81q1.02 0 1.71-.77a2.8 2.8 0 00.69-1.93q0-1.17-.69-1.96a2.2 2.2 0 00-1.71-.79q-1.03 0-1.77.78a2.8 2.8 0 00-.73 1.96q0 1.16.73 1.93.74.78 1.77.78M45.93.48v13.21h-1.98V.48zm5.41 13.48a4.38 4.38 0 01-4.46-4.49q0-1.98 1.23-3.24a4 4 0 013.01-1.26 3.8 3.8 0 012.68 1.07 5 5 0 011.17 1.8l.2.51-6.01 2.49a2.3 2.3 0 002.18 1.36q1.37 0 2.21-1.24l1.53 1.02q-.5.76-1.45 1.38-.92.6-2.29.6m-2.5-4.63l4.02-1.67a1.4 1.4 0 00-.63-.69 2 2 0 00-1.04-.26q-.87 0-1.63.72a2.4 2.4 0 00-.72 1.9m11.21 4.36V1.5h1.57l4.24 7.42h.07l4.24-7.42h1.57v12.19h-1.57V6.45l.07-2.04h-.07l-3.81 6.69h-.92l-3.81-6.69h-.07l.07 2.04v7.24zm16.31.27q-1.33 0-2.22-.77a2.5 2.5 0 01-.89-2.03q0-1.36 1.06-2.14 1.05-.77 2.61-.77 1.38 0 2.26.51v-.23q0-.91-.63-1.47A2.3 2.3 0 0077 6.51q-.68 0-1.23.32a1.6 1.6 0 00-.77.88l-1.43-.61q.28-.75 1.14-1.39a3.6 3.6 0 012.25-.64q1.6 0 2.66.94 1.05.93 1.06 2.64v5.04h-1.5v-1.16h-.08a3 3 0 01-2.74 1.43m.25-1.43q.97 0 1.76-.72.8-.72.79-1.71-.67-.54-1.99-.54-1.14 0-1.72.49-.58.5-.58 1.16 0 .61.53.97.54.35 1.21.35m9.97 1.43q-.96 0-1.71-.41a3 3 0 01-1.13-1.02h-.07l.07 1.16v3.68h-1.57V5.35h1.5v1.16h.07a3 3 0 011.13-1.02 3.67 3.67 0 014.5.87 4.5 4.5 0 011.18 3.17q0 1.9-1.18 3.17a3.7 3.7 0 01-2.79 1.26m-.26-1.43q1.1 0 1.87-.83.78-.82.78-2.19t-.78-2.19a2.5 2.5 0 00-1.87-.83q-1.11 0-1.88.82-.78.81-.77 2.2c.01 1.39.26 1.65.77 2.2q.78.82 1.88.82m8.39 1.43a3.8 3.8 0 01-3.65-2.38l1.4-.58q.67 1.57 2.26 1.57.73 0 1.2-.32a1 1 0 00.47-.85q0-.81-1.14-1.11l-1.69-.41a4 4 0 01-1.52-.77 1.9 1.9 0 01-.72-1.54q0-1.11.98-1.8a4 4 0 012.32-.69q1.11 0 1.98.5t1.24 1.44l-1.34.56q-.46-1.11-1.91-1.11-.7 0-1.18.29t-.48.78q0 .72 1.11.97l1.65.39a3 3 0 011.74.94q.56.66.56 1.5 0 1.12-.92 1.87-.9.75-2.36.75" })
|
|
10378
10483
|
}
|
|
10379
10484
|
)
|
|
10380
10485
|
}
|
|
10381
10486
|
);
|
|
10382
|
-
var CustomPaper = (props) => /* @__PURE__ */ (0,
|
|
10487
|
+
var CustomPaper = (props) => /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_Paper2.default, { elevation: 8, ...props, children: [
|
|
10383
10488
|
props.children,
|
|
10384
|
-
/* @__PURE__ */ (0,
|
|
10489
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)(GoogleMapsAttribution, {})
|
|
10385
10490
|
] });
|
|
10386
10491
|
var GooglePlacesAutocomplete = ({
|
|
10387
10492
|
// Autocomplete options
|
|
@@ -10463,10 +10568,10 @@ var GooglePlacesAutocomplete = ({
|
|
|
10463
10568
|
if (parts.length === 0) {
|
|
10464
10569
|
parts.push({ text: mainText, highlight: false });
|
|
10465
10570
|
}
|
|
10466
|
-
return /* @__PURE__ */ (0,
|
|
10467
|
-
/* @__PURE__ */ (0,
|
|
10468
|
-
/* @__PURE__ */ (0,
|
|
10469
|
-
parts.map((part, index) => /* @__PURE__ */ (0,
|
|
10571
|
+
return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("li", { ...optionProps, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_Grid.default, { container: true, sx: { alignItems: "center" }, children: [
|
|
10572
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_Grid.default, { sx: { display: "flex", width: 44 }, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(LocationIcon, { sx: { color: "text.secondary", width: 20, height: 20 } }) }),
|
|
10573
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_Grid.default, { sx: { width: "calc(100% - 44px)", wordWrap: "break-word" }, children: [
|
|
10574
|
+
parts.map((part, index) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
10470
10575
|
import_Box24.default,
|
|
10471
10576
|
{
|
|
10472
10577
|
component: "span",
|
|
@@ -10477,11 +10582,11 @@ var GooglePlacesAutocomplete = ({
|
|
|
10477
10582
|
},
|
|
10478
10583
|
index
|
|
10479
10584
|
)),
|
|
10480
|
-
option.structured_formatting.secondary_text && /* @__PURE__ */ (0,
|
|
10585
|
+
option.structured_formatting.secondary_text && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_Typography14.default, { variant: "body2", sx: { color: "text.secondary" }, children: option.structured_formatting.secondary_text })
|
|
10481
10586
|
] })
|
|
10482
10587
|
] }) }, key);
|
|
10483
10588
|
};
|
|
10484
|
-
return /* @__PURE__ */ (0,
|
|
10589
|
+
return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
10485
10590
|
import_Autocomplete4.default,
|
|
10486
10591
|
{
|
|
10487
10592
|
getOptionLabel: (option) => typeof option === "string" ? option : option.description,
|
|
@@ -10501,7 +10606,7 @@ var GooglePlacesAutocomplete = ({
|
|
|
10501
10606
|
paper: CustomPaper
|
|
10502
10607
|
},
|
|
10503
10608
|
renderOption,
|
|
10504
|
-
renderInput: (params) => /* @__PURE__ */ (0,
|
|
10609
|
+
renderInput: (params) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
10505
10610
|
import_TextField7.default,
|
|
10506
10611
|
{
|
|
10507
10612
|
...params,
|
|
@@ -10513,8 +10618,8 @@ var GooglePlacesAutocomplete = ({
|
|
|
10513
10618
|
slotProps: {
|
|
10514
10619
|
input: {
|
|
10515
10620
|
...params.InputProps,
|
|
10516
|
-
endAdornment: /* @__PURE__ */ (0,
|
|
10517
|
-
loading && /* @__PURE__ */ (0,
|
|
10621
|
+
endAdornment: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
|
|
10622
|
+
loading && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_CircularProgress2.default, { color: "inherit", size: 20 }),
|
|
10518
10623
|
params.InputProps.endAdornment
|
|
10519
10624
|
] })
|
|
10520
10625
|
}
|
|
@@ -10528,7 +10633,7 @@ var GooglePlacesAutocomplete = ({
|
|
|
10528
10633
|
};
|
|
10529
10634
|
|
|
10530
10635
|
// src/components/HookForm/RHFGooglePlacesAutocomplete.tsx
|
|
10531
|
-
var
|
|
10636
|
+
var import_jsx_runtime102 = require("react/jsx-runtime");
|
|
10532
10637
|
var RHFGooglePlacesAutocomplete = ({
|
|
10533
10638
|
name,
|
|
10534
10639
|
helperText,
|
|
@@ -10538,10 +10643,10 @@ var RHFGooglePlacesAutocomplete = ({
|
|
|
10538
10643
|
fetchPlaceDetails,
|
|
10539
10644
|
...other
|
|
10540
10645
|
}) => {
|
|
10541
|
-
const { control, setValue: setFormValue } = (0,
|
|
10646
|
+
const { control, setValue: setFormValue } = (0, import_react_hook_form12.useFormContext)();
|
|
10542
10647
|
const shouldFetchDetails = valueType === "details" || fetchPlaceDetails;
|
|
10543
|
-
return /* @__PURE__ */ (0,
|
|
10544
|
-
|
|
10648
|
+
return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
10649
|
+
import_react_hook_form12.Controller,
|
|
10545
10650
|
{
|
|
10546
10651
|
name,
|
|
10547
10652
|
control,
|
|
@@ -10608,7 +10713,7 @@ var RHFGooglePlacesAutocomplete = ({
|
|
|
10608
10713
|
setFormValue(name, details, { shouldValidate: true });
|
|
10609
10714
|
}
|
|
10610
10715
|
};
|
|
10611
|
-
return /* @__PURE__ */ (0,
|
|
10716
|
+
return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
10612
10717
|
GooglePlacesAutocomplete,
|
|
10613
10718
|
{
|
|
10614
10719
|
value: getDisplayValue(),
|
|
@@ -10628,14 +10733,14 @@ var RHFGooglePlacesAutocomplete = ({
|
|
|
10628
10733
|
|
|
10629
10734
|
// src/components/HookForm/RHFDatePicker.tsx
|
|
10630
10735
|
var import_react23 = require("react");
|
|
10631
|
-
var
|
|
10736
|
+
var import_react_hook_form13 = require("react-hook-form");
|
|
10632
10737
|
var import_TextField8 = __toESM(require("@mui/material/TextField"), 1);
|
|
10633
10738
|
var import_x_date_pickers = require("@mui/x-date-pickers");
|
|
10634
10739
|
var import_AdapterDateFns2 = require("@mui/x-date-pickers/AdapterDateFns");
|
|
10635
10740
|
var import_DatePicker = require("@mui/x-date-pickers/DatePicker");
|
|
10636
10741
|
var import_TimePicker = require("@mui/x-date-pickers/TimePicker");
|
|
10637
10742
|
var import_DateTimePicker = require("@mui/x-date-pickers/DateTimePicker");
|
|
10638
|
-
var
|
|
10743
|
+
var import_jsx_runtime103 = require("react/jsx-runtime");
|
|
10639
10744
|
var RHFDatePickerComponent = ({
|
|
10640
10745
|
name,
|
|
10641
10746
|
slotProps,
|
|
@@ -10644,7 +10749,7 @@ var RHFDatePickerComponent = ({
|
|
|
10644
10749
|
format: format4 = "MMM d, yyyy",
|
|
10645
10750
|
...other
|
|
10646
10751
|
}) => {
|
|
10647
|
-
const { control } = (0,
|
|
10752
|
+
const { control } = (0, import_react_hook_form13.useFormContext)();
|
|
10648
10753
|
const [isOpen, setIsOpen] = (0, import_react23.useState)(false);
|
|
10649
10754
|
const [cleared, setCleared] = (0, import_react23.useState)(false);
|
|
10650
10755
|
(0, import_react23.useEffect)(() => {
|
|
@@ -10655,12 +10760,12 @@ var RHFDatePickerComponent = ({
|
|
|
10655
10760
|
return () => {
|
|
10656
10761
|
};
|
|
10657
10762
|
}, [cleared]);
|
|
10658
|
-
return /* @__PURE__ */ (0,
|
|
10659
|
-
|
|
10763
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
10764
|
+
import_react_hook_form13.Controller,
|
|
10660
10765
|
{
|
|
10661
10766
|
name,
|
|
10662
10767
|
control,
|
|
10663
|
-
render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ (0,
|
|
10768
|
+
render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_x_date_pickers.LocalizationProvider, { dateAdapter: import_AdapterDateFns2.AdapterDateFns, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
10664
10769
|
import_DatePicker.DatePicker,
|
|
10665
10770
|
{
|
|
10666
10771
|
...field,
|
|
@@ -10701,7 +10806,7 @@ var RHFTimePickerComponent = ({
|
|
|
10701
10806
|
format: format4 = "h:mma",
|
|
10702
10807
|
...other
|
|
10703
10808
|
}) => {
|
|
10704
|
-
const { control } = (0,
|
|
10809
|
+
const { control } = (0, import_react_hook_form13.useFormContext)();
|
|
10705
10810
|
const [isOpen, setIsOpen] = (0, import_react23.useState)(false);
|
|
10706
10811
|
const [cleared, setCleared] = (0, import_react23.useState)(false);
|
|
10707
10812
|
(0, import_react23.useEffect)(() => {
|
|
@@ -10712,12 +10817,12 @@ var RHFTimePickerComponent = ({
|
|
|
10712
10817
|
return () => {
|
|
10713
10818
|
};
|
|
10714
10819
|
}, [cleared]);
|
|
10715
|
-
return /* @__PURE__ */ (0,
|
|
10716
|
-
|
|
10820
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
10821
|
+
import_react_hook_form13.Controller,
|
|
10717
10822
|
{
|
|
10718
10823
|
name,
|
|
10719
10824
|
control,
|
|
10720
|
-
render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ (0,
|
|
10825
|
+
render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_x_date_pickers.LocalizationProvider, { dateAdapter: import_AdapterDateFns2.AdapterDateFns, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
10721
10826
|
import_TimePicker.TimePicker,
|
|
10722
10827
|
{
|
|
10723
10828
|
...field,
|
|
@@ -10758,7 +10863,7 @@ var RHFDateTimePickerComponent = ({
|
|
|
10758
10863
|
format: format4 = "MMM d, yyyy h:mma",
|
|
10759
10864
|
...other
|
|
10760
10865
|
}) => {
|
|
10761
|
-
const { control } = (0,
|
|
10866
|
+
const { control } = (0, import_react_hook_form13.useFormContext)();
|
|
10762
10867
|
const [isOpen, setIsOpen] = (0, import_react23.useState)(false);
|
|
10763
10868
|
const [cleared, setCleared] = (0, import_react23.useState)(false);
|
|
10764
10869
|
(0, import_react23.useEffect)(() => {
|
|
@@ -10769,12 +10874,12 @@ var RHFDateTimePickerComponent = ({
|
|
|
10769
10874
|
return () => {
|
|
10770
10875
|
};
|
|
10771
10876
|
}, [cleared]);
|
|
10772
|
-
return /* @__PURE__ */ (0,
|
|
10773
|
-
|
|
10877
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
10878
|
+
import_react_hook_form13.Controller,
|
|
10774
10879
|
{
|
|
10775
10880
|
name,
|
|
10776
10881
|
control,
|
|
10777
|
-
render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ (0,
|
|
10882
|
+
render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_x_date_pickers.LocalizationProvider, { dateAdapter: import_AdapterDateFns2.AdapterDateFns, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
10778
10883
|
import_DateTimePicker.DateTimePicker,
|
|
10779
10884
|
{
|
|
10780
10885
|
...field,
|
|
@@ -10817,20 +10922,21 @@ var Field = {
|
|
|
10817
10922
|
Text: RHFTextField,
|
|
10818
10923
|
Radio: RHFRadioGroup,
|
|
10819
10924
|
Checkbox: RHFCheckbox,
|
|
10820
|
-
Autocomplete: RHFAutocomplete,
|
|
10821
|
-
MultiCheckbox: RHFMultiCheckbox,
|
|
10822
10925
|
Date: RHFDatePicker,
|
|
10823
10926
|
Time: RHFTimePicker,
|
|
10824
10927
|
DateTime: RHFDateTimePicker,
|
|
10825
10928
|
DateRange: RHFDateRangePicker,
|
|
10929
|
+
Autocomplete: RHFAutocomplete,
|
|
10930
|
+
ToggleButton: RHFToggleButton,
|
|
10931
|
+
MultiCheckbox: RHFMultiCheckbox,
|
|
10826
10932
|
GooglePlacesAutocomplete: RHFGooglePlacesAutocomplete
|
|
10827
10933
|
};
|
|
10828
10934
|
|
|
10829
10935
|
// src/components/FormLabel/index.tsx
|
|
10830
10936
|
var import_Tooltip2 = __toESM(require("@mui/material/Tooltip"), 1);
|
|
10831
10937
|
var import_Typography15 = __toESM(require("@mui/material/Typography"), 1);
|
|
10832
|
-
var
|
|
10833
|
-
var
|
|
10938
|
+
var import_FormLabel5 = __toESM(require("@mui/material/FormLabel"), 1);
|
|
10939
|
+
var import_jsx_runtime104 = require("react/jsx-runtime");
|
|
10834
10940
|
var CustomFormLabel = ({
|
|
10835
10941
|
label,
|
|
10836
10942
|
tooltip: tooltip2,
|
|
@@ -10838,26 +10944,26 @@ var CustomFormLabel = ({
|
|
|
10838
10944
|
optional,
|
|
10839
10945
|
sx,
|
|
10840
10946
|
...rest
|
|
10841
|
-
}) => /* @__PURE__ */ (0,
|
|
10947
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_FormLabel5.default, { sx: { mb: 0.5, display: "flex", alignItems: "center", gap: 0.5, ...sx }, ...rest, children: [
|
|
10842
10948
|
label,
|
|
10843
|
-
optional && /* @__PURE__ */ (0,
|
|
10844
|
-
tooltip2 && /* @__PURE__ */ (0,
|
|
10949
|
+
optional && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_Typography15.default, { component: "span", variant: "caption", color: "text.secondary", children: "(Optional)" }),
|
|
10950
|
+
tooltip2 && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_Tooltip2.default, { placement: "right", title: tooltip2, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { style: { display: "inline-flex" }, children: icon2 ?? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Icon, { icon: "InfoCircle", sx: { width: 16, height: 16, color: "icons.black" } }) }) })
|
|
10845
10951
|
] });
|
|
10846
10952
|
|
|
10847
10953
|
// src/components/CopyButton/index.tsx
|
|
10848
10954
|
var import_Tooltip3 = __toESM(require("@mui/material/Tooltip"), 1);
|
|
10849
10955
|
var import_IconButton6 = __toESM(require("@mui/material/IconButton"), 1);
|
|
10850
|
-
var
|
|
10956
|
+
var import_jsx_runtime105 = require("react/jsx-runtime");
|
|
10851
10957
|
var CopyButton = ({ text: text2, size = "small" }) => {
|
|
10852
10958
|
const { copy, isCopied } = useCopyToClipboard();
|
|
10853
|
-
return /* @__PURE__ */ (0,
|
|
10959
|
+
return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_Tooltip3.default, { title: isCopied ? "Copied" : "Copy", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
10854
10960
|
import_IconButton6.default,
|
|
10855
10961
|
{
|
|
10856
10962
|
size,
|
|
10857
10963
|
onClick: () => copy(text2),
|
|
10858
10964
|
"aria-label": "copy token",
|
|
10859
10965
|
sx: { color: "icon.black" },
|
|
10860
|
-
children: /* @__PURE__ */ (0,
|
|
10966
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Icon, { icon: isCopied ? "ClipboardCheck" : "Copy", sx: { width: 20, height: 20 } })
|
|
10861
10967
|
}
|
|
10862
10968
|
) });
|
|
10863
10969
|
};
|
|
@@ -10866,9 +10972,9 @@ var CopyButton = ({ text: text2, size = "small" }) => {
|
|
|
10866
10972
|
var import_Portal2 = __toESM(require("@mui/material/Portal"), 1);
|
|
10867
10973
|
var import_Box25 = __toESM(require("@mui/material/Box"), 1);
|
|
10868
10974
|
var import_LinearProgress = __toESM(require("@mui/material/LinearProgress"), 1);
|
|
10869
|
-
var
|
|
10975
|
+
var import_jsx_runtime106 = require("react/jsx-runtime");
|
|
10870
10976
|
var LoadingScreen = ({ portal, sx, ...rest }) => {
|
|
10871
|
-
const content = /* @__PURE__ */ (0,
|
|
10977
|
+
const content = /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
10872
10978
|
import_Box25.default,
|
|
10873
10979
|
{
|
|
10874
10980
|
sx: {
|
|
@@ -10882,16 +10988,16 @@ var LoadingScreen = ({ portal, sx, ...rest }) => {
|
|
|
10882
10988
|
...sx
|
|
10883
10989
|
},
|
|
10884
10990
|
...rest,
|
|
10885
|
-
children: /* @__PURE__ */ (0,
|
|
10991
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_LinearProgress.default, { color: "primary", sx: { width: 1, maxWidth: 360 } })
|
|
10886
10992
|
}
|
|
10887
10993
|
);
|
|
10888
10994
|
if (portal) {
|
|
10889
|
-
return /* @__PURE__ */ (0,
|
|
10995
|
+
return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_Portal2.default, { children: content });
|
|
10890
10996
|
}
|
|
10891
10997
|
return content;
|
|
10892
10998
|
};
|
|
10893
10999
|
var SplashScreen = ({ portal, sx, ...rest }) => {
|
|
10894
|
-
const content = /* @__PURE__ */ (0,
|
|
11000
|
+
const content = /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
10895
11001
|
import_Box25.default,
|
|
10896
11002
|
{
|
|
10897
11003
|
sx: {
|
|
@@ -10908,17 +11014,17 @@ var SplashScreen = ({ portal, sx, ...rest }) => {
|
|
|
10908
11014
|
...sx
|
|
10909
11015
|
},
|
|
10910
11016
|
...rest,
|
|
10911
|
-
children: /* @__PURE__ */ (0,
|
|
11017
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(AnimatedLogo, {})
|
|
10912
11018
|
}
|
|
10913
11019
|
);
|
|
10914
11020
|
if (portal) {
|
|
10915
|
-
return /* @__PURE__ */ (0,
|
|
11021
|
+
return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_Portal2.default, { children: content });
|
|
10916
11022
|
}
|
|
10917
11023
|
return content;
|
|
10918
11024
|
};
|
|
10919
11025
|
|
|
10920
11026
|
// src/theme/core/components/mui-x-data-grid.tsx
|
|
10921
|
-
var
|
|
11027
|
+
var import_jsx_runtime107 = require("react/jsx-runtime");
|
|
10922
11028
|
var MuiDataGrid = {
|
|
10923
11029
|
/** **************************************
|
|
10924
11030
|
* DEFAULT PROPS
|
|
@@ -10926,9 +11032,9 @@ var MuiDataGrid = {
|
|
|
10926
11032
|
defaultProps: {
|
|
10927
11033
|
slots: {
|
|
10928
11034
|
/* Column */
|
|
10929
|
-
columnSortedAscendingIcon: (props) => /* @__PURE__ */ (0,
|
|
10930
|
-
columnSortedDescendingIcon: (props) => /* @__PURE__ */ (0,
|
|
10931
|
-
columnUnsortedIcon: (props) => /* @__PURE__ */ (0,
|
|
11035
|
+
columnSortedAscendingIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridArrowUpIcon, { sx: { color: "text.primary" }, ...props }),
|
|
11036
|
+
columnSortedDescendingIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridArrowDownIcon, { sx: { color: "text.primary" }, ...props }),
|
|
11037
|
+
columnUnsortedIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
10932
11038
|
DataGridArrowUpIcon,
|
|
10933
11039
|
{
|
|
10934
11040
|
fontSize: props.fontSize,
|
|
@@ -10936,28 +11042,28 @@ var MuiDataGrid = {
|
|
|
10936
11042
|
sx: { color: "text.disabled" }
|
|
10937
11043
|
}
|
|
10938
11044
|
),
|
|
10939
|
-
columnMenuIcon: (props) => /* @__PURE__ */ (0,
|
|
10940
|
-
columnMenuSortAscendingIcon: (props) => /* @__PURE__ */ (0,
|
|
10941
|
-
columnMenuSortDescendingIcon: (props) => /* @__PURE__ */ (0,
|
|
10942
|
-
columnMenuFilterIcon: (props) => /* @__PURE__ */ (0,
|
|
10943
|
-
columnMenuHideIcon: (props) => /* @__PURE__ */ (0,
|
|
10944
|
-
columnMenuManageColumnsIcon: (props) => /* @__PURE__ */ (0,
|
|
10945
|
-
columnSelectorIcon: (props) => /* @__PURE__ */ (0,
|
|
11045
|
+
columnMenuIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridMoreIcon, { width: 20, ...props }),
|
|
11046
|
+
columnMenuSortAscendingIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridArrowUpIcon, { ...props }),
|
|
11047
|
+
columnMenuSortDescendingIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridArrowDownIcon, { ...props }),
|
|
11048
|
+
columnMenuFilterIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridFilterIcon, { ...props }),
|
|
11049
|
+
columnMenuHideIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridEyeCloseIcon, { ...props }),
|
|
11050
|
+
columnMenuManageColumnsIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridEyeIcon, { ...props }),
|
|
11051
|
+
columnSelectorIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridEyeIcon, { ...props }),
|
|
10946
11052
|
/* Filter */
|
|
10947
|
-
filterPanelDeleteIcon: (props) => /* @__PURE__ */ (0,
|
|
10948
|
-
openFilterButtonIcon: (props) => /* @__PURE__ */ (0,
|
|
10949
|
-
columnFilteredIcon: (props) => /* @__PURE__ */ (0,
|
|
11053
|
+
filterPanelDeleteIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridCloseIcon, { ...props }),
|
|
11054
|
+
openFilterButtonIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridFilterIcon, { ...props }),
|
|
11055
|
+
columnFilteredIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridFilterIcon, { sx: { width: 16, color: "text.primary" }, ...props }),
|
|
10950
11056
|
/* Density */
|
|
10951
|
-
densityCompactIcon: (props) => /* @__PURE__ */ (0,
|
|
10952
|
-
densityStandardIcon: (props) => /* @__PURE__ */ (0,
|
|
10953
|
-
densityComfortableIcon: (props) => /* @__PURE__ */ (0,
|
|
11057
|
+
densityCompactIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridDensityCompactIcon, { ...props }),
|
|
11058
|
+
densityStandardIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridDensityStandardIcon, { ...props }),
|
|
11059
|
+
densityComfortableIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridDensityComfortableIcon, { ...props }),
|
|
10954
11060
|
/* Export */
|
|
10955
|
-
exportIcon: (props) => /* @__PURE__ */ (0,
|
|
11061
|
+
exportIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridExportIcon, { ...props }),
|
|
10956
11062
|
/* Quick Filter */
|
|
10957
|
-
quickFilterIcon: (props) => /* @__PURE__ */ (0,
|
|
10958
|
-
quickFilterClearIcon: (props) => /* @__PURE__ */ (0,
|
|
11063
|
+
quickFilterIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridSearchIcon, { sx: { width: 24, height: 24, color: "text.secondary" }, ...props }),
|
|
11064
|
+
quickFilterClearIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridCloseIcon, { ...props }),
|
|
10959
11065
|
/* Actions Column */
|
|
10960
|
-
moreActionsIcon: (props) => /* @__PURE__ */ (0,
|
|
11066
|
+
moreActionsIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Icon, { icon: "MoreHorizontal", sx: { width: 20, height: 20 }, ...props })
|
|
10961
11067
|
},
|
|
10962
11068
|
slotProps: {
|
|
10963
11069
|
basePopper: { placement: "bottom-end" },
|
|
@@ -11134,15 +11240,15 @@ var MuiDataGrid = {
|
|
|
11134
11240
|
}
|
|
11135
11241
|
};
|
|
11136
11242
|
var dataGrid = { MuiDataGrid };
|
|
11137
|
-
var DataGridArrowUpIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11138
|
-
/* @__PURE__ */ (0,
|
|
11243
|
+
var DataGridArrowUpIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_SvgIcon3.default, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: [
|
|
11244
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11139
11245
|
"path",
|
|
11140
11246
|
{
|
|
11141
11247
|
fill: "currentColor",
|
|
11142
11248
|
d: "m8.303 11.596l3.327-3.431a.499.499 0 0 1 .74 0l6.43 6.63c.401.414.158 1.205-.37 1.205h-5.723z"
|
|
11143
11249
|
}
|
|
11144
11250
|
),
|
|
11145
|
-
/* @__PURE__ */ (0,
|
|
11251
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11146
11252
|
"path",
|
|
11147
11253
|
{
|
|
11148
11254
|
fill: "currentColor",
|
|
@@ -11151,15 +11257,15 @@ var DataGridArrowUpIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runti
|
|
|
11151
11257
|
}
|
|
11152
11258
|
)
|
|
11153
11259
|
] });
|
|
11154
|
-
var DataGridArrowDownIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11155
|
-
/* @__PURE__ */ (0,
|
|
11260
|
+
var DataGridArrowDownIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_SvgIcon3.default, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: [
|
|
11261
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11156
11262
|
"path",
|
|
11157
11263
|
{
|
|
11158
11264
|
fill: "currentColor",
|
|
11159
11265
|
d: "m8.303 12.404l3.327 3.431c.213.22.527.22.74 0l6.43-6.63C19.201 8.79 18.958 8 18.43 8h-5.723z"
|
|
11160
11266
|
}
|
|
11161
11267
|
),
|
|
11162
|
-
/* @__PURE__ */ (0,
|
|
11268
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11163
11269
|
"path",
|
|
11164
11270
|
{
|
|
11165
11271
|
fill: "currentColor",
|
|
@@ -11168,15 +11274,15 @@ var DataGridArrowDownIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_run
|
|
|
11168
11274
|
}
|
|
11169
11275
|
)
|
|
11170
11276
|
] });
|
|
11171
|
-
var DataGridFilterIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11277
|
+
var DataGridFilterIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_SvgIcon3.default, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11172
11278
|
"path",
|
|
11173
11279
|
{
|
|
11174
11280
|
fill: "currentColor",
|
|
11175
11281
|
d: "M19 3H5c-1.414 0-2.121 0-2.56.412C2 3.824 2 4.488 2 5.815v.69c0 1.037 0 1.556.26 1.986c.26.43.733.698 1.682 1.232l2.913 1.64c.636.358.955.537 1.183.735c.474.411.766.895.898 1.49c.064.284.064.618.064 1.285v2.67c0 .909 0 1.364.252 1.718c.252.355.7.53 1.594.88c1.879.734 2.818 1.101 3.486.683c.668-.417.668-1.372.668-3.282v-2.67c0-.666 0-1 .064-1.285a2.68 2.68 0 0 1 .899-1.49c.227-.197.546-.376 1.182-.735l2.913-1.64c.948-.533 1.423-.8 1.682-1.23c.26-.43.26-.95.26-1.988v-.69c0-1.326 0-1.99-.44-2.402C21.122 3 20.415 3 19 3"
|
|
11176
11282
|
}
|
|
11177
11283
|
) });
|
|
11178
|
-
var DataGridExportIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11179
|
-
/* @__PURE__ */ (0,
|
|
11284
|
+
var DataGridExportIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_SvgIcon3.default, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: [
|
|
11285
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11180
11286
|
"path",
|
|
11181
11287
|
{
|
|
11182
11288
|
fill: "currentColor",
|
|
@@ -11185,7 +11291,7 @@ var DataGridExportIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtim
|
|
|
11185
11291
|
clipRule: "evenodd"
|
|
11186
11292
|
}
|
|
11187
11293
|
),
|
|
11188
|
-
/* @__PURE__ */ (0,
|
|
11294
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11189
11295
|
"path",
|
|
11190
11296
|
{
|
|
11191
11297
|
fill: "currentColor",
|
|
@@ -11193,9 +11299,9 @@ var DataGridExportIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtim
|
|
|
11193
11299
|
}
|
|
11194
11300
|
)
|
|
11195
11301
|
] });
|
|
11196
|
-
var DataGridEyeIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11197
|
-
/* @__PURE__ */ (0,
|
|
11198
|
-
/* @__PURE__ */ (0,
|
|
11302
|
+
var DataGridEyeIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_SvgIcon3.default, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: [
|
|
11303
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("path", { fill: "currentColor", d: "M9.75 12a2.25 2.25 0 1 1 4.5 0a2.25 2.25 0 0 1-4.5 0" }),
|
|
11304
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11199
11305
|
"path",
|
|
11200
11306
|
{
|
|
11201
11307
|
fill: "currentColor",
|
|
@@ -11205,7 +11311,7 @@ var DataGridEyeIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime10
|
|
|
11205
11311
|
}
|
|
11206
11312
|
)
|
|
11207
11313
|
] });
|
|
11208
|
-
var DataGridEyeCloseIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11314
|
+
var DataGridEyeCloseIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_SvgIcon3.default, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11209
11315
|
"path",
|
|
11210
11316
|
{
|
|
11211
11317
|
fill: "currentColor",
|
|
@@ -11214,23 +11320,23 @@ var DataGridEyeCloseIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runt
|
|
|
11214
11320
|
clipRule: "evenodd"
|
|
11215
11321
|
}
|
|
11216
11322
|
) });
|
|
11217
|
-
var DataGridSearchIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11323
|
+
var DataGridSearchIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_SvgIcon3.default, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11218
11324
|
"path",
|
|
11219
11325
|
{
|
|
11220
11326
|
fill: "currentColor",
|
|
11221
11327
|
d: "m20.71 19.29l-3.4-3.39A7.92 7.92 0 0 0 19 11a8 8 0 1 0-8 8a7.92 7.92 0 0 0 4.9-1.69l3.39 3.4a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42M5 11a6 6 0 1 1 6 6a6 6 0 0 1-6-6"
|
|
11222
11328
|
}
|
|
11223
11329
|
) });
|
|
11224
|
-
var DataGridCloseIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11330
|
+
var DataGridCloseIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_SvgIcon3.default, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11225
11331
|
"path",
|
|
11226
11332
|
{
|
|
11227
11333
|
fill: "currentColor",
|
|
11228
11334
|
d: "m13.41 12l4.3-4.29a1 1 0 1 0-1.42-1.42L12 10.59l-4.29-4.3a1 1 0 0 0-1.42 1.42l4.3 4.29l-4.3 4.29a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l4.29-4.3l4.29 4.3a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42Z"
|
|
11229
11335
|
}
|
|
11230
11336
|
) });
|
|
11231
|
-
var DataGridMoreIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11232
|
-
/* @__PURE__ */ (0,
|
|
11233
|
-
/* @__PURE__ */ (0,
|
|
11337
|
+
var DataGridMoreIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_SvgIcon3.default, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("g", { fill: "none", children: [
|
|
11338
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("path", { d: "M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" }),
|
|
11339
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11234
11340
|
"path",
|
|
11235
11341
|
{
|
|
11236
11342
|
fill: "currentColor",
|
|
@@ -11238,16 +11344,16 @@ var DataGridMoreIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime1
|
|
|
11238
11344
|
}
|
|
11239
11345
|
)
|
|
11240
11346
|
] }) });
|
|
11241
|
-
var DataGridDensityCompactIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11347
|
+
var DataGridDensityCompactIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_SvgIcon3.default, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11242
11348
|
"path",
|
|
11243
11349
|
{
|
|
11244
11350
|
fill: "currentColor",
|
|
11245
11351
|
d: "M4 15.5q-.425 0-.712-.288T3 14.5V14q0-.425.288-.712T4 13h16q.425 0 .713.288T21 14v.5q0 .425-.288.713T20 15.5zM4 11q-.425 0-.712-.288T3 10v-.5q0-.425.288-.712T4 8.5h16q.425 0 .713.288T21 9.5v.5q0 .425-.288.713T20 11zm0-4.5q-.425 0-.712-.288T3 5.5V5q0-.425.288-.712T4 4h16q.425 0 .713.288T21 5v.5q0 .425-.288.713T20 6.5zM4 20q-.425 0-.712-.288T3 19v-.5q0-.425.288-.712T4 17.5h16q.425 0 .713.288T21 18.5v.5q0 .425-.288.713T20 20z"
|
|
11246
11352
|
}
|
|
11247
11353
|
) });
|
|
11248
|
-
var DataGridDensityComfortableIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11249
|
-
/* @__PURE__ */ (0,
|
|
11250
|
-
/* @__PURE__ */ (0,
|
|
11354
|
+
var DataGridDensityComfortableIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_SvgIcon3.default, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("g", { fill: "none", fillRule: "evenodd", children: [
|
|
11355
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("path", { d: "M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" }),
|
|
11356
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11251
11357
|
"path",
|
|
11252
11358
|
{
|
|
11253
11359
|
fill: "currentColor",
|
|
@@ -11255,9 +11361,9 @@ var DataGridDensityComfortableIcon = ({ ...props }) => /* @__PURE__ */ (0, impor
|
|
|
11255
11361
|
}
|
|
11256
11362
|
)
|
|
11257
11363
|
] }) });
|
|
11258
|
-
var DataGridDensityStandardIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11259
|
-
/* @__PURE__ */ (0,
|
|
11260
|
-
/* @__PURE__ */ (0,
|
|
11364
|
+
var DataGridDensityStandardIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_SvgIcon3.default, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("g", { fill: "none", children: [
|
|
11365
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("path", { d: "M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" }),
|
|
11366
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11261
11367
|
"path",
|
|
11262
11368
|
{
|
|
11263
11369
|
fill: "currentColor",
|
|
@@ -11418,13 +11524,13 @@ var buttonGroup = { MuiButtonGroup };
|
|
|
11418
11524
|
var import_Chip2 = require("@mui/material/Chip");
|
|
11419
11525
|
var import_InputBase5 = require("@mui/material/InputBase");
|
|
11420
11526
|
var import_Autocomplete5 = require("@mui/material/Autocomplete");
|
|
11421
|
-
var
|
|
11527
|
+
var import_jsx_runtime108 = require("react/jsx-runtime");
|
|
11422
11528
|
var MuiAutocomplete = {
|
|
11423
11529
|
/** **************************************
|
|
11424
11530
|
* DEFAULT PROPS
|
|
11425
11531
|
*************************************** */
|
|
11426
11532
|
defaultProps: {
|
|
11427
|
-
popupIcon: /* @__PURE__ */ (0,
|
|
11533
|
+
popupIcon: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Icon, { icon: "NavArrowDown" }),
|
|
11428
11534
|
forcePopupIcon: true
|
|
11429
11535
|
},
|
|
11430
11536
|
/** **************************************
|
|
@@ -11538,8 +11644,8 @@ var MuiAutocomplete = {
|
|
|
11538
11644
|
var autocomplete = { MuiAutocomplete };
|
|
11539
11645
|
|
|
11540
11646
|
// src/theme/core/components/toggle-button.ts
|
|
11541
|
-
var
|
|
11542
|
-
var
|
|
11647
|
+
var import_ToggleButtonGroup2 = require("@mui/material/ToggleButtonGroup");
|
|
11648
|
+
var import_ToggleButton2 = require("@mui/material/ToggleButton");
|
|
11543
11649
|
var COLORS9 = ["primary", "secondary", "info", "success", "warning", "error"];
|
|
11544
11650
|
function styleColors6(ownerState, styles) {
|
|
11545
11651
|
const outputStyle = COLORS9.reduce((acc, color) => {
|
|
@@ -11568,7 +11674,7 @@ var MuiToggleButton = {
|
|
|
11568
11674
|
}
|
|
11569
11675
|
})),
|
|
11570
11676
|
selected: {
|
|
11571
|
-
[`&.${
|
|
11677
|
+
[`&.${import_ToggleButton2.toggleButtonClasses.selected}`]: {
|
|
11572
11678
|
color: theme.vars.palette.common.white,
|
|
11573
11679
|
backgroundColor: theme.vars.palette.primary.light,
|
|
11574
11680
|
borderColor: "currentColor",
|
|
@@ -11580,7 +11686,7 @@ var MuiToggleButton = {
|
|
|
11580
11686
|
},
|
|
11581
11687
|
disabled: {
|
|
11582
11688
|
...ownerState.disabled && {
|
|
11583
|
-
[`&.${
|
|
11689
|
+
[`&.${import_ToggleButton2.toggleButtonClasses.selected}`]: {
|
|
11584
11690
|
color: theme.vars.palette.action.disabled,
|
|
11585
11691
|
backgroundColor: theme.vars.palette.action.selected,
|
|
11586
11692
|
borderColor: theme.vars.palette.action.disabledBackground
|
|
@@ -11608,21 +11714,21 @@ var MuiToggleButtonGroup = {
|
|
|
11608
11714
|
borderRadius: Number(theme.shape.borderRadius) * 2
|
|
11609
11715
|
}),
|
|
11610
11716
|
grouped: ({ theme }) => ({
|
|
11611
|
-
[`&.${
|
|
11717
|
+
[`&.${import_ToggleButton2.toggleButtonClasses.root}`]: {
|
|
11612
11718
|
padding: theme.spacing(1, 2),
|
|
11613
11719
|
border: "none"
|
|
11614
11720
|
},
|
|
11615
|
-
[`&.${
|
|
11721
|
+
[`&.${import_ToggleButtonGroup2.toggleButtonGroupClasses.firstButton}`]: {
|
|
11616
11722
|
border: "none",
|
|
11617
11723
|
borderTopLeftRadius: "inherit",
|
|
11618
11724
|
borderBottomLeftRadius: "inherit"
|
|
11619
11725
|
},
|
|
11620
|
-
[`&.${
|
|
11726
|
+
[`&.${import_ToggleButtonGroup2.toggleButtonGroupClasses.lastButton}`]: {
|
|
11621
11727
|
border: "none",
|
|
11622
11728
|
borderTopRightRadius: "inherit",
|
|
11623
11729
|
borderBottomRightRadius: "inherit"
|
|
11624
11730
|
},
|
|
11625
|
-
[`&.${
|
|
11731
|
+
[`&.${import_ToggleButton2.toggleButtonClasses.selected}`]: { boxShadow: "none" }
|
|
11626
11732
|
})
|
|
11627
11733
|
}
|
|
11628
11734
|
};
|
|
@@ -11634,7 +11740,7 @@ var import_Typography16 = __toESM(require("@mui/material/Typography"), 1);
|
|
|
11634
11740
|
var import_Button5 = require("@mui/material/Button");
|
|
11635
11741
|
var import_styles36 = require("@mui/material/styles");
|
|
11636
11742
|
var import_DialogActions = require("@mui/material/DialogActions");
|
|
11637
|
-
var
|
|
11743
|
+
var import_jsx_runtime109 = require("react/jsx-runtime");
|
|
11638
11744
|
var CustomCalendarHeaderRoot = (0, import_styles36.styled)("div")(({ theme }) => ({
|
|
11639
11745
|
display: "flex",
|
|
11640
11746
|
justifyContent: "space-between",
|
|
@@ -11672,9 +11778,9 @@ function CustomCalendarHeader(props) {
|
|
|
11672
11778
|
onViewChange("year");
|
|
11673
11779
|
}
|
|
11674
11780
|
};
|
|
11675
|
-
return /* @__PURE__ */ (0,
|
|
11676
|
-
/* @__PURE__ */ (0,
|
|
11677
|
-
/* @__PURE__ */ (0,
|
|
11781
|
+
return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(CustomCalendarHeaderRoot, { children: [
|
|
11782
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(CustomIconButton, { onClick: selectPreviousMonth, title: "Previous month", size: "small", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Icon, { icon: "NavArrowLeft", width: 16 }) }),
|
|
11783
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
11678
11784
|
import_Typography16.default,
|
|
11679
11785
|
{
|
|
11680
11786
|
variant: "subtitle1",
|
|
@@ -11689,7 +11795,7 @@ function CustomCalendarHeader(props) {
|
|
|
11689
11795
|
children: monthLabel
|
|
11690
11796
|
}
|
|
11691
11797
|
),
|
|
11692
|
-
/* @__PURE__ */ (0,
|
|
11798
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(CustomIconButton, { onClick: selectNextMonth, title: "Next month", size: "small", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Icon, { icon: "NavArrowRight", width: 16 }) })
|
|
11693
11799
|
] });
|
|
11694
11800
|
}
|
|
11695
11801
|
var localeText = {
|
|
@@ -11697,13 +11803,13 @@ var localeText = {
|
|
|
11697
11803
|
};
|
|
11698
11804
|
var defaultProps = {
|
|
11699
11805
|
date: {
|
|
11700
|
-
openPickerIcon: () => /* @__PURE__ */ (0,
|
|
11806
|
+
openPickerIcon: () => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Icon, { icon: "Calendar", sx: { width: 20, height: 20 } }),
|
|
11701
11807
|
calendarHeader: CustomCalendarHeader
|
|
11702
11808
|
},
|
|
11703
11809
|
time: {
|
|
11704
|
-
openPickerIcon: () => /* @__PURE__ */ (0,
|
|
11705
|
-
rightArrowIcon: () => /* @__PURE__ */ (0,
|
|
11706
|
-
switchViewIcon: () => /* @__PURE__ */ (0,
|
|
11810
|
+
openPickerIcon: () => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Icon, { icon: "Clock", sx: { width: 20, height: 20 } }),
|
|
11811
|
+
rightArrowIcon: () => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Icon, { icon: "NavArrowRight" }),
|
|
11812
|
+
switchViewIcon: () => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Icon, { icon: "NavArrowDownSolid" })
|
|
11707
11813
|
}
|
|
11708
11814
|
};
|
|
11709
11815
|
var dateViews = ["year", "month", "day"];
|
|
@@ -12134,18 +12240,18 @@ var import__8 = require("@fontsource/geist/500.css");
|
|
|
12134
12240
|
var import__9 = require("@fontsource/geist/600.css");
|
|
12135
12241
|
var import__10 = require("@fontsource/geist/700.css");
|
|
12136
12242
|
var import_satoshi = require("./satoshi-4X3TX4PE.css");
|
|
12137
|
-
var
|
|
12243
|
+
var import_jsx_runtime110 = require("react/jsx-runtime");
|
|
12138
12244
|
var ThemeProvider = ({ children }) => {
|
|
12139
12245
|
const settings = useSettings();
|
|
12140
12246
|
const theme = createTheme(settings);
|
|
12141
|
-
return /* @__PURE__ */ (0,
|
|
12247
|
+
return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
|
|
12142
12248
|
import_styles41.ThemeProvider,
|
|
12143
12249
|
{
|
|
12144
12250
|
theme,
|
|
12145
12251
|
defaultMode: schemeConfig.defaultMode,
|
|
12146
12252
|
modeStorageKey: schemeConfig.modeStorageKey,
|
|
12147
12253
|
children: [
|
|
12148
|
-
/* @__PURE__ */ (0,
|
|
12254
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_CssBaseline.default, {}),
|
|
12149
12255
|
children
|
|
12150
12256
|
]
|
|
12151
12257
|
}
|
|
@@ -12227,6 +12333,7 @@ __reExport(index_exports, components_exports2, module.exports);
|
|
|
12227
12333
|
RHFSwitch,
|
|
12228
12334
|
RHFTextField,
|
|
12229
12335
|
RHFTimePicker,
|
|
12336
|
+
RHFToggleButton,
|
|
12230
12337
|
RHFUpload,
|
|
12231
12338
|
RadioDefault,
|
|
12232
12339
|
RadioSelect,
|