@undefine-ui/design-system 3.7.1 → 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 +276 -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 +277 -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,
|
|
@@ -6192,6 +6193,10 @@ var MuiTextField = {
|
|
|
6192
6193
|
width: 20,
|
|
6193
6194
|
height: 20,
|
|
6194
6195
|
color: theme.vars.palette.icon.black
|
|
6196
|
+
},
|
|
6197
|
+
[`& .${import_InputAdornment.inputAdornmentClasses.root} span`]: {
|
|
6198
|
+
...theme.typography.h8,
|
|
6199
|
+
color: theme.vars.palette.icon.black
|
|
6195
6200
|
}
|
|
6196
6201
|
},
|
|
6197
6202
|
// Size small - 16x16 icons
|
|
@@ -6519,6 +6524,7 @@ __export(components_exports2, {
|
|
|
6519
6524
|
RHFSwitch: () => RHFSwitch,
|
|
6520
6525
|
RHFTextField: () => RHFTextField,
|
|
6521
6526
|
RHFTimePicker: () => RHFTimePicker,
|
|
6527
|
+
RHFToggleButton: () => RHFToggleButton,
|
|
6522
6528
|
RHFUpload: () => RHFUpload,
|
|
6523
6529
|
RadioDefault: () => RadioDefault,
|
|
6524
6530
|
RadioSelect: () => RadioSelect,
|
|
@@ -9817,15 +9823,118 @@ var RHFAutocomplete = ({
|
|
|
9817
9823
|
);
|
|
9818
9824
|
};
|
|
9819
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
|
+
|
|
9820
9929
|
// src/components/HookForm/RHFDateRangePicker.tsx
|
|
9821
9930
|
var import_react20 = require("react");
|
|
9822
|
-
var
|
|
9931
|
+
var import_react_hook_form10 = require("react-hook-form");
|
|
9823
9932
|
var import_date_fns3 = require("date-fns");
|
|
9824
9933
|
var import_Box22 = __toESM(require("@mui/material/Box"), 1);
|
|
9825
9934
|
var import_Popover4 = __toESM(require("@mui/material/Popover"), 1);
|
|
9826
9935
|
var import_TextField6 = __toESM(require("@mui/material/TextField"), 1);
|
|
9827
9936
|
var import_InputAdornment3 = __toESM(require("@mui/material/InputAdornment"), 1);
|
|
9828
|
-
var
|
|
9937
|
+
var import_jsx_runtime98 = require("react/jsx-runtime");
|
|
9829
9938
|
function RHFDateRangePicker({
|
|
9830
9939
|
name,
|
|
9831
9940
|
label,
|
|
@@ -9839,10 +9948,10 @@ function RHFDateRangePicker({
|
|
|
9839
9948
|
size = "medium",
|
|
9840
9949
|
fullWidth = true
|
|
9841
9950
|
}) {
|
|
9842
|
-
const { control } = (0,
|
|
9951
|
+
const { control } = (0, import_react_hook_form10.useFormContext)();
|
|
9843
9952
|
const [anchorEl, setAnchorEl] = (0, import_react20.useState)(null);
|
|
9844
9953
|
const open = Boolean(anchorEl);
|
|
9845
|
-
const watchedValue = (0,
|
|
9954
|
+
const watchedValue = (0, import_react_hook_form10.useWatch)({ control, name });
|
|
9846
9955
|
const value = watchedValue ?? {
|
|
9847
9956
|
start: null,
|
|
9848
9957
|
end: null,
|
|
@@ -9873,8 +9982,8 @@ function RHFDateRangePicker({
|
|
|
9873
9982
|
const handleClose = (0, import_react20.useCallback)(() => {
|
|
9874
9983
|
setAnchorEl(null);
|
|
9875
9984
|
}, []);
|
|
9876
|
-
return /* @__PURE__ */ (0,
|
|
9877
|
-
|
|
9985
|
+
return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
9986
|
+
import_react_hook_form10.Controller,
|
|
9878
9987
|
{
|
|
9879
9988
|
name,
|
|
9880
9989
|
control,
|
|
@@ -9883,8 +9992,8 @@ function RHFDateRangePicker({
|
|
|
9883
9992
|
field.onChange({ ...range, preset });
|
|
9884
9993
|
handleClose();
|
|
9885
9994
|
};
|
|
9886
|
-
return /* @__PURE__ */ (0,
|
|
9887
|
-
/* @__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)(
|
|
9888
9997
|
import_TextField6.default,
|
|
9889
9998
|
{
|
|
9890
9999
|
label,
|
|
@@ -9898,13 +10007,13 @@ function RHFDateRangePicker({
|
|
|
9898
10007
|
slotProps: {
|
|
9899
10008
|
input: {
|
|
9900
10009
|
readOnly: true,
|
|
9901
|
-
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" } }) }),
|
|
9902
10011
|
sx: { cursor: disabled ? "default" : "pointer" }
|
|
9903
10012
|
}
|
|
9904
10013
|
}
|
|
9905
10014
|
}
|
|
9906
10015
|
) }),
|
|
9907
|
-
/* @__PURE__ */ (0,
|
|
10016
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
9908
10017
|
import_Popover4.default,
|
|
9909
10018
|
{
|
|
9910
10019
|
open,
|
|
@@ -9929,7 +10038,7 @@ function RHFDateRangePicker({
|
|
|
9929
10038
|
}
|
|
9930
10039
|
}
|
|
9931
10040
|
},
|
|
9932
|
-
children: /* @__PURE__ */ (0,
|
|
10041
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
9933
10042
|
DateRangePicker,
|
|
9934
10043
|
{
|
|
9935
10044
|
value: { start: value.start, end: value.end },
|
|
@@ -9950,17 +10059,17 @@ function RHFDateRangePicker({
|
|
|
9950
10059
|
}
|
|
9951
10060
|
|
|
9952
10061
|
// src/components/HookForm/RHFCheckbox.tsx
|
|
9953
|
-
var
|
|
10062
|
+
var import_react_hook_form11 = require("react-hook-form");
|
|
9954
10063
|
var import_Stack8 = __toESM(require("@mui/material/Stack"), 1);
|
|
9955
10064
|
var import_Box23 = __toESM(require("@mui/material/Box"), 1);
|
|
9956
10065
|
var import_Typography13 = __toESM(require("@mui/material/Typography"), 1);
|
|
9957
10066
|
var import_Checkbox3 = __toESM(require("@mui/material/Checkbox"), 1);
|
|
9958
10067
|
var import_FormGroup2 = __toESM(require("@mui/material/FormGroup"), 1);
|
|
9959
|
-
var
|
|
9960
|
-
var
|
|
9961
|
-
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);
|
|
9962
10071
|
var import_FormControlLabel5 = __toESM(require("@mui/material/FormControlLabel"), 1);
|
|
9963
|
-
var
|
|
10072
|
+
var import_jsx_runtime99 = require("react/jsx-runtime");
|
|
9964
10073
|
var RHFCheckbox = ({
|
|
9965
10074
|
name,
|
|
9966
10075
|
description,
|
|
@@ -9970,18 +10079,18 @@ var RHFCheckbox = ({
|
|
|
9970
10079
|
slotProps,
|
|
9971
10080
|
...other
|
|
9972
10081
|
}) => {
|
|
9973
|
-
const { control } = (0,
|
|
10082
|
+
const { control } = (0, import_react_hook_form11.useFormContext)();
|
|
9974
10083
|
const baseAriaLabel = `Checkbox for ${name}`;
|
|
9975
|
-
return /* @__PURE__ */ (0,
|
|
9976
|
-
|
|
10084
|
+
return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
10085
|
+
import_react_hook_form11.Controller,
|
|
9977
10086
|
{
|
|
9978
10087
|
name,
|
|
9979
10088
|
control,
|
|
9980
|
-
render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ (0,
|
|
9981
|
-
/* @__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)(
|
|
9982
10091
|
import_FormControlLabel5.default,
|
|
9983
10092
|
{
|
|
9984
|
-
control: /* @__PURE__ */ (0,
|
|
10093
|
+
control: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
9985
10094
|
import_Checkbox3.default,
|
|
9986
10095
|
{
|
|
9987
10096
|
...field,
|
|
@@ -9996,9 +10105,9 @@ var RHFCheckbox = ({
|
|
|
9996
10105
|
}
|
|
9997
10106
|
}
|
|
9998
10107
|
),
|
|
9999
|
-
label: /* @__PURE__ */ (0,
|
|
10000
|
-
/* @__PURE__ */ (0,
|
|
10001
|
-
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 })
|
|
10002
10111
|
] }),
|
|
10003
10112
|
sx: {
|
|
10004
10113
|
alignItems: description ? "flex-start" : "center",
|
|
@@ -10007,7 +10116,7 @@ var RHFCheckbox = ({
|
|
|
10007
10116
|
...other
|
|
10008
10117
|
}
|
|
10009
10118
|
),
|
|
10010
|
-
(!!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 })
|
|
10011
10120
|
] })
|
|
10012
10121
|
}
|
|
10013
10122
|
);
|
|
@@ -10021,24 +10130,24 @@ var RHFMultiCheckbox = ({
|
|
|
10021
10130
|
row,
|
|
10022
10131
|
...other
|
|
10023
10132
|
}) => {
|
|
10024
|
-
const { control } = (0,
|
|
10133
|
+
const { control } = (0, import_react_hook_form11.useFormContext)();
|
|
10025
10134
|
const getSelected = (currentValues, optionValue) => currentValues.includes(optionValue) ? currentValues.filter((value) => value !== optionValue) : [...currentValues, optionValue];
|
|
10026
|
-
return /* @__PURE__ */ (0,
|
|
10027
|
-
|
|
10135
|
+
return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
10136
|
+
import_react_hook_form11.Controller,
|
|
10028
10137
|
{
|
|
10029
10138
|
name,
|
|
10030
10139
|
control,
|
|
10031
10140
|
defaultValue: [],
|
|
10032
|
-
render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ (0,
|
|
10033
|
-
|
|
10141
|
+
render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
|
|
10142
|
+
import_FormControl4.default,
|
|
10034
10143
|
{
|
|
10035
10144
|
component: "fieldset",
|
|
10036
10145
|
error: !!error2,
|
|
10037
10146
|
sx: slotProps?.formControl?.sx,
|
|
10038
10147
|
...slotProps?.formControl,
|
|
10039
10148
|
children: [
|
|
10040
|
-
label && /* @__PURE__ */ (0,
|
|
10041
|
-
|
|
10149
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
10150
|
+
import_FormLabel4.default,
|
|
10042
10151
|
{
|
|
10043
10152
|
component: "legend",
|
|
10044
10153
|
...slotProps?.formLabel,
|
|
@@ -10046,12 +10155,12 @@ var RHFMultiCheckbox = ({
|
|
|
10046
10155
|
children: label
|
|
10047
10156
|
}
|
|
10048
10157
|
),
|
|
10049
|
-
/* @__PURE__ */ (0,
|
|
10158
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_FormGroup2.default, { row, ...other, children: options.map((option) => {
|
|
10050
10159
|
const itemAriaLabel = option.label || `Option ${option.value}`;
|
|
10051
|
-
return /* @__PURE__ */ (0,
|
|
10160
|
+
return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
10052
10161
|
import_FormControlLabel5.default,
|
|
10053
10162
|
{
|
|
10054
|
-
control: /* @__PURE__ */ (0,
|
|
10163
|
+
control: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
10055
10164
|
import_Checkbox3.default,
|
|
10056
10165
|
{
|
|
10057
10166
|
checked: (field.value || []).includes(option.value),
|
|
@@ -10069,9 +10178,9 @@ var RHFMultiCheckbox = ({
|
|
|
10069
10178
|
}
|
|
10070
10179
|
}
|
|
10071
10180
|
),
|
|
10072
|
-
label: /* @__PURE__ */ (0,
|
|
10073
|
-
/* @__PURE__ */ (0,
|
|
10074
|
-
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 })
|
|
10075
10184
|
] }),
|
|
10076
10185
|
sx: {
|
|
10077
10186
|
alignItems: option?.description ? "flex-start" : "center"
|
|
@@ -10080,8 +10189,8 @@ var RHFMultiCheckbox = ({
|
|
|
10080
10189
|
option.value
|
|
10081
10190
|
);
|
|
10082
10191
|
}) }),
|
|
10083
|
-
(!!error2 || helperText) && /* @__PURE__ */ (0,
|
|
10084
|
-
|
|
10192
|
+
(!!error2 || helperText) && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
10193
|
+
import_FormHelperText6.default,
|
|
10085
10194
|
{
|
|
10086
10195
|
sx: { mx: 0, ...slotProps?.formHelperText?.sx },
|
|
10087
10196
|
...slotProps?.formHelperText,
|
|
@@ -10096,7 +10205,7 @@ var RHFMultiCheckbox = ({
|
|
|
10096
10205
|
};
|
|
10097
10206
|
|
|
10098
10207
|
// src/components/HookForm/RHFGooglePlacesAutocomplete.tsx
|
|
10099
|
-
var
|
|
10208
|
+
var import_react_hook_form12 = require("react-hook-form");
|
|
10100
10209
|
|
|
10101
10210
|
// src/components/GooglePlacesAutocomplete/types.ts
|
|
10102
10211
|
var parseAddressComponents = (addressComponents) => {
|
|
@@ -10127,7 +10236,7 @@ var parseAddressComponents = (addressComponents) => {
|
|
|
10127
10236
|
|
|
10128
10237
|
// src/components/GooglePlacesAutocomplete/GooglePlacesContext.tsx
|
|
10129
10238
|
var import_react21 = require("react");
|
|
10130
|
-
var
|
|
10239
|
+
var import_jsx_runtime100 = require("react/jsx-runtime");
|
|
10131
10240
|
var GOOGLE_NAMESPACE = "_google_callback";
|
|
10132
10241
|
var GooglePlacesContext = (0, import_react21.createContext)(void 0);
|
|
10133
10242
|
var GooglePlacesProvider = ({
|
|
@@ -10179,7 +10288,7 @@ var GooglePlacesProvider = ({
|
|
|
10179
10288
|
}),
|
|
10180
10289
|
[apiKey, loaded, error2]
|
|
10181
10290
|
);
|
|
10182
|
-
return /* @__PURE__ */ (0,
|
|
10291
|
+
return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(GooglePlacesContext.Provider, { value, children });
|
|
10183
10292
|
};
|
|
10184
10293
|
var useGooglePlacesContext = () => {
|
|
10185
10294
|
const context = (0, import_react21.useContext)(GooglePlacesContext);
|
|
@@ -10348,9 +10457,9 @@ var useGooglePlacesAutocomplete = (options = {}) => {
|
|
|
10348
10457
|
};
|
|
10349
10458
|
|
|
10350
10459
|
// src/components/GooglePlacesAutocomplete/GooglePlacesAutocomplete.tsx
|
|
10351
|
-
var
|
|
10352
|
-
var DefaultLocationIcon = (props) => /* @__PURE__ */ (0,
|
|
10353
|
-
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)(
|
|
10354
10463
|
import_Box24.default,
|
|
10355
10464
|
{
|
|
10356
10465
|
sx: (theme) => ({
|
|
@@ -10362,7 +10471,7 @@ var GoogleMapsAttribution = () => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)
|
|
|
10362
10471
|
fill: theme.palette.text.secondary
|
|
10363
10472
|
}
|
|
10364
10473
|
}),
|
|
10365
|
-
children: /* @__PURE__ */ (0,
|
|
10474
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
10366
10475
|
"svg",
|
|
10367
10476
|
{
|
|
10368
10477
|
"aria-label": "Google Maps",
|
|
@@ -10370,14 +10479,14 @@ var GoogleMapsAttribution = () => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)
|
|
|
10370
10479
|
preserveAspectRatio: "xMidYMid meet",
|
|
10371
10480
|
viewBox: "0 0 98 18",
|
|
10372
10481
|
width: "77",
|
|
10373
|
-
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" })
|
|
10374
10483
|
}
|
|
10375
10484
|
)
|
|
10376
10485
|
}
|
|
10377
10486
|
);
|
|
10378
|
-
var CustomPaper = (props) => /* @__PURE__ */ (0,
|
|
10487
|
+
var CustomPaper = (props) => /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_Paper2.default, { elevation: 8, ...props, children: [
|
|
10379
10488
|
props.children,
|
|
10380
|
-
/* @__PURE__ */ (0,
|
|
10489
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)(GoogleMapsAttribution, {})
|
|
10381
10490
|
] });
|
|
10382
10491
|
var GooglePlacesAutocomplete = ({
|
|
10383
10492
|
// Autocomplete options
|
|
@@ -10459,10 +10568,10 @@ var GooglePlacesAutocomplete = ({
|
|
|
10459
10568
|
if (parts.length === 0) {
|
|
10460
10569
|
parts.push({ text: mainText, highlight: false });
|
|
10461
10570
|
}
|
|
10462
|
-
return /* @__PURE__ */ (0,
|
|
10463
|
-
/* @__PURE__ */ (0,
|
|
10464
|
-
/* @__PURE__ */ (0,
|
|
10465
|
-
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)(
|
|
10466
10575
|
import_Box24.default,
|
|
10467
10576
|
{
|
|
10468
10577
|
component: "span",
|
|
@@ -10473,11 +10582,11 @@ var GooglePlacesAutocomplete = ({
|
|
|
10473
10582
|
},
|
|
10474
10583
|
index
|
|
10475
10584
|
)),
|
|
10476
|
-
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 })
|
|
10477
10586
|
] })
|
|
10478
10587
|
] }) }, key);
|
|
10479
10588
|
};
|
|
10480
|
-
return /* @__PURE__ */ (0,
|
|
10589
|
+
return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
10481
10590
|
import_Autocomplete4.default,
|
|
10482
10591
|
{
|
|
10483
10592
|
getOptionLabel: (option) => typeof option === "string" ? option : option.description,
|
|
@@ -10497,7 +10606,7 @@ var GooglePlacesAutocomplete = ({
|
|
|
10497
10606
|
paper: CustomPaper
|
|
10498
10607
|
},
|
|
10499
10608
|
renderOption,
|
|
10500
|
-
renderInput: (params) => /* @__PURE__ */ (0,
|
|
10609
|
+
renderInput: (params) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
10501
10610
|
import_TextField7.default,
|
|
10502
10611
|
{
|
|
10503
10612
|
...params,
|
|
@@ -10509,8 +10618,8 @@ var GooglePlacesAutocomplete = ({
|
|
|
10509
10618
|
slotProps: {
|
|
10510
10619
|
input: {
|
|
10511
10620
|
...params.InputProps,
|
|
10512
|
-
endAdornment: /* @__PURE__ */ (0,
|
|
10513
|
-
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 }),
|
|
10514
10623
|
params.InputProps.endAdornment
|
|
10515
10624
|
] })
|
|
10516
10625
|
}
|
|
@@ -10524,7 +10633,7 @@ var GooglePlacesAutocomplete = ({
|
|
|
10524
10633
|
};
|
|
10525
10634
|
|
|
10526
10635
|
// src/components/HookForm/RHFGooglePlacesAutocomplete.tsx
|
|
10527
|
-
var
|
|
10636
|
+
var import_jsx_runtime102 = require("react/jsx-runtime");
|
|
10528
10637
|
var RHFGooglePlacesAutocomplete = ({
|
|
10529
10638
|
name,
|
|
10530
10639
|
helperText,
|
|
@@ -10534,10 +10643,10 @@ var RHFGooglePlacesAutocomplete = ({
|
|
|
10534
10643
|
fetchPlaceDetails,
|
|
10535
10644
|
...other
|
|
10536
10645
|
}) => {
|
|
10537
|
-
const { control, setValue: setFormValue } = (0,
|
|
10646
|
+
const { control, setValue: setFormValue } = (0, import_react_hook_form12.useFormContext)();
|
|
10538
10647
|
const shouldFetchDetails = valueType === "details" || fetchPlaceDetails;
|
|
10539
|
-
return /* @__PURE__ */ (0,
|
|
10540
|
-
|
|
10648
|
+
return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
10649
|
+
import_react_hook_form12.Controller,
|
|
10541
10650
|
{
|
|
10542
10651
|
name,
|
|
10543
10652
|
control,
|
|
@@ -10604,7 +10713,7 @@ var RHFGooglePlacesAutocomplete = ({
|
|
|
10604
10713
|
setFormValue(name, details, { shouldValidate: true });
|
|
10605
10714
|
}
|
|
10606
10715
|
};
|
|
10607
|
-
return /* @__PURE__ */ (0,
|
|
10716
|
+
return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
10608
10717
|
GooglePlacesAutocomplete,
|
|
10609
10718
|
{
|
|
10610
10719
|
value: getDisplayValue(),
|
|
@@ -10624,14 +10733,14 @@ var RHFGooglePlacesAutocomplete = ({
|
|
|
10624
10733
|
|
|
10625
10734
|
// src/components/HookForm/RHFDatePicker.tsx
|
|
10626
10735
|
var import_react23 = require("react");
|
|
10627
|
-
var
|
|
10736
|
+
var import_react_hook_form13 = require("react-hook-form");
|
|
10628
10737
|
var import_TextField8 = __toESM(require("@mui/material/TextField"), 1);
|
|
10629
10738
|
var import_x_date_pickers = require("@mui/x-date-pickers");
|
|
10630
10739
|
var import_AdapterDateFns2 = require("@mui/x-date-pickers/AdapterDateFns");
|
|
10631
10740
|
var import_DatePicker = require("@mui/x-date-pickers/DatePicker");
|
|
10632
10741
|
var import_TimePicker = require("@mui/x-date-pickers/TimePicker");
|
|
10633
10742
|
var import_DateTimePicker = require("@mui/x-date-pickers/DateTimePicker");
|
|
10634
|
-
var
|
|
10743
|
+
var import_jsx_runtime103 = require("react/jsx-runtime");
|
|
10635
10744
|
var RHFDatePickerComponent = ({
|
|
10636
10745
|
name,
|
|
10637
10746
|
slotProps,
|
|
@@ -10640,7 +10749,7 @@ var RHFDatePickerComponent = ({
|
|
|
10640
10749
|
format: format4 = "MMM d, yyyy",
|
|
10641
10750
|
...other
|
|
10642
10751
|
}) => {
|
|
10643
|
-
const { control } = (0,
|
|
10752
|
+
const { control } = (0, import_react_hook_form13.useFormContext)();
|
|
10644
10753
|
const [isOpen, setIsOpen] = (0, import_react23.useState)(false);
|
|
10645
10754
|
const [cleared, setCleared] = (0, import_react23.useState)(false);
|
|
10646
10755
|
(0, import_react23.useEffect)(() => {
|
|
@@ -10651,12 +10760,12 @@ var RHFDatePickerComponent = ({
|
|
|
10651
10760
|
return () => {
|
|
10652
10761
|
};
|
|
10653
10762
|
}, [cleared]);
|
|
10654
|
-
return /* @__PURE__ */ (0,
|
|
10655
|
-
|
|
10763
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
10764
|
+
import_react_hook_form13.Controller,
|
|
10656
10765
|
{
|
|
10657
10766
|
name,
|
|
10658
10767
|
control,
|
|
10659
|
-
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)(
|
|
10660
10769
|
import_DatePicker.DatePicker,
|
|
10661
10770
|
{
|
|
10662
10771
|
...field,
|
|
@@ -10697,7 +10806,7 @@ var RHFTimePickerComponent = ({
|
|
|
10697
10806
|
format: format4 = "h:mma",
|
|
10698
10807
|
...other
|
|
10699
10808
|
}) => {
|
|
10700
|
-
const { control } = (0,
|
|
10809
|
+
const { control } = (0, import_react_hook_form13.useFormContext)();
|
|
10701
10810
|
const [isOpen, setIsOpen] = (0, import_react23.useState)(false);
|
|
10702
10811
|
const [cleared, setCleared] = (0, import_react23.useState)(false);
|
|
10703
10812
|
(0, import_react23.useEffect)(() => {
|
|
@@ -10708,12 +10817,12 @@ var RHFTimePickerComponent = ({
|
|
|
10708
10817
|
return () => {
|
|
10709
10818
|
};
|
|
10710
10819
|
}, [cleared]);
|
|
10711
|
-
return /* @__PURE__ */ (0,
|
|
10712
|
-
|
|
10820
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
10821
|
+
import_react_hook_form13.Controller,
|
|
10713
10822
|
{
|
|
10714
10823
|
name,
|
|
10715
10824
|
control,
|
|
10716
|
-
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)(
|
|
10717
10826
|
import_TimePicker.TimePicker,
|
|
10718
10827
|
{
|
|
10719
10828
|
...field,
|
|
@@ -10754,7 +10863,7 @@ var RHFDateTimePickerComponent = ({
|
|
|
10754
10863
|
format: format4 = "MMM d, yyyy h:mma",
|
|
10755
10864
|
...other
|
|
10756
10865
|
}) => {
|
|
10757
|
-
const { control } = (0,
|
|
10866
|
+
const { control } = (0, import_react_hook_form13.useFormContext)();
|
|
10758
10867
|
const [isOpen, setIsOpen] = (0, import_react23.useState)(false);
|
|
10759
10868
|
const [cleared, setCleared] = (0, import_react23.useState)(false);
|
|
10760
10869
|
(0, import_react23.useEffect)(() => {
|
|
@@ -10765,12 +10874,12 @@ var RHFDateTimePickerComponent = ({
|
|
|
10765
10874
|
return () => {
|
|
10766
10875
|
};
|
|
10767
10876
|
}, [cleared]);
|
|
10768
|
-
return /* @__PURE__ */ (0,
|
|
10769
|
-
|
|
10877
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
10878
|
+
import_react_hook_form13.Controller,
|
|
10770
10879
|
{
|
|
10771
10880
|
name,
|
|
10772
10881
|
control,
|
|
10773
|
-
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)(
|
|
10774
10883
|
import_DateTimePicker.DateTimePicker,
|
|
10775
10884
|
{
|
|
10776
10885
|
...field,
|
|
@@ -10813,20 +10922,21 @@ var Field = {
|
|
|
10813
10922
|
Text: RHFTextField,
|
|
10814
10923
|
Radio: RHFRadioGroup,
|
|
10815
10924
|
Checkbox: RHFCheckbox,
|
|
10816
|
-
Autocomplete: RHFAutocomplete,
|
|
10817
|
-
MultiCheckbox: RHFMultiCheckbox,
|
|
10818
10925
|
Date: RHFDatePicker,
|
|
10819
10926
|
Time: RHFTimePicker,
|
|
10820
10927
|
DateTime: RHFDateTimePicker,
|
|
10821
10928
|
DateRange: RHFDateRangePicker,
|
|
10929
|
+
Autocomplete: RHFAutocomplete,
|
|
10930
|
+
ToggleButton: RHFToggleButton,
|
|
10931
|
+
MultiCheckbox: RHFMultiCheckbox,
|
|
10822
10932
|
GooglePlacesAutocomplete: RHFGooglePlacesAutocomplete
|
|
10823
10933
|
};
|
|
10824
10934
|
|
|
10825
10935
|
// src/components/FormLabel/index.tsx
|
|
10826
10936
|
var import_Tooltip2 = __toESM(require("@mui/material/Tooltip"), 1);
|
|
10827
10937
|
var import_Typography15 = __toESM(require("@mui/material/Typography"), 1);
|
|
10828
|
-
var
|
|
10829
|
-
var
|
|
10938
|
+
var import_FormLabel5 = __toESM(require("@mui/material/FormLabel"), 1);
|
|
10939
|
+
var import_jsx_runtime104 = require("react/jsx-runtime");
|
|
10830
10940
|
var CustomFormLabel = ({
|
|
10831
10941
|
label,
|
|
10832
10942
|
tooltip: tooltip2,
|
|
@@ -10834,26 +10944,26 @@ var CustomFormLabel = ({
|
|
|
10834
10944
|
optional,
|
|
10835
10945
|
sx,
|
|
10836
10946
|
...rest
|
|
10837
|
-
}) => /* @__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: [
|
|
10838
10948
|
label,
|
|
10839
|
-
optional && /* @__PURE__ */ (0,
|
|
10840
|
-
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" } }) }) })
|
|
10841
10951
|
] });
|
|
10842
10952
|
|
|
10843
10953
|
// src/components/CopyButton/index.tsx
|
|
10844
10954
|
var import_Tooltip3 = __toESM(require("@mui/material/Tooltip"), 1);
|
|
10845
10955
|
var import_IconButton6 = __toESM(require("@mui/material/IconButton"), 1);
|
|
10846
|
-
var
|
|
10956
|
+
var import_jsx_runtime105 = require("react/jsx-runtime");
|
|
10847
10957
|
var CopyButton = ({ text: text2, size = "small" }) => {
|
|
10848
10958
|
const { copy, isCopied } = useCopyToClipboard();
|
|
10849
|
-
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)(
|
|
10850
10960
|
import_IconButton6.default,
|
|
10851
10961
|
{
|
|
10852
10962
|
size,
|
|
10853
10963
|
onClick: () => copy(text2),
|
|
10854
10964
|
"aria-label": "copy token",
|
|
10855
10965
|
sx: { color: "icon.black" },
|
|
10856
|
-
children: /* @__PURE__ */ (0,
|
|
10966
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Icon, { icon: isCopied ? "ClipboardCheck" : "Copy", sx: { width: 20, height: 20 } })
|
|
10857
10967
|
}
|
|
10858
10968
|
) });
|
|
10859
10969
|
};
|
|
@@ -10862,9 +10972,9 @@ var CopyButton = ({ text: text2, size = "small" }) => {
|
|
|
10862
10972
|
var import_Portal2 = __toESM(require("@mui/material/Portal"), 1);
|
|
10863
10973
|
var import_Box25 = __toESM(require("@mui/material/Box"), 1);
|
|
10864
10974
|
var import_LinearProgress = __toESM(require("@mui/material/LinearProgress"), 1);
|
|
10865
|
-
var
|
|
10975
|
+
var import_jsx_runtime106 = require("react/jsx-runtime");
|
|
10866
10976
|
var LoadingScreen = ({ portal, sx, ...rest }) => {
|
|
10867
|
-
const content = /* @__PURE__ */ (0,
|
|
10977
|
+
const content = /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
10868
10978
|
import_Box25.default,
|
|
10869
10979
|
{
|
|
10870
10980
|
sx: {
|
|
@@ -10878,16 +10988,16 @@ var LoadingScreen = ({ portal, sx, ...rest }) => {
|
|
|
10878
10988
|
...sx
|
|
10879
10989
|
},
|
|
10880
10990
|
...rest,
|
|
10881
|
-
children: /* @__PURE__ */ (0,
|
|
10991
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_LinearProgress.default, { color: "primary", sx: { width: 1, maxWidth: 360 } })
|
|
10882
10992
|
}
|
|
10883
10993
|
);
|
|
10884
10994
|
if (portal) {
|
|
10885
|
-
return /* @__PURE__ */ (0,
|
|
10995
|
+
return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_Portal2.default, { children: content });
|
|
10886
10996
|
}
|
|
10887
10997
|
return content;
|
|
10888
10998
|
};
|
|
10889
10999
|
var SplashScreen = ({ portal, sx, ...rest }) => {
|
|
10890
|
-
const content = /* @__PURE__ */ (0,
|
|
11000
|
+
const content = /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
10891
11001
|
import_Box25.default,
|
|
10892
11002
|
{
|
|
10893
11003
|
sx: {
|
|
@@ -10904,17 +11014,17 @@ var SplashScreen = ({ portal, sx, ...rest }) => {
|
|
|
10904
11014
|
...sx
|
|
10905
11015
|
},
|
|
10906
11016
|
...rest,
|
|
10907
|
-
children: /* @__PURE__ */ (0,
|
|
11017
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(AnimatedLogo, {})
|
|
10908
11018
|
}
|
|
10909
11019
|
);
|
|
10910
11020
|
if (portal) {
|
|
10911
|
-
return /* @__PURE__ */ (0,
|
|
11021
|
+
return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_Portal2.default, { children: content });
|
|
10912
11022
|
}
|
|
10913
11023
|
return content;
|
|
10914
11024
|
};
|
|
10915
11025
|
|
|
10916
11026
|
// src/theme/core/components/mui-x-data-grid.tsx
|
|
10917
|
-
var
|
|
11027
|
+
var import_jsx_runtime107 = require("react/jsx-runtime");
|
|
10918
11028
|
var MuiDataGrid = {
|
|
10919
11029
|
/** **************************************
|
|
10920
11030
|
* DEFAULT PROPS
|
|
@@ -10922,9 +11032,9 @@ var MuiDataGrid = {
|
|
|
10922
11032
|
defaultProps: {
|
|
10923
11033
|
slots: {
|
|
10924
11034
|
/* Column */
|
|
10925
|
-
columnSortedAscendingIcon: (props) => /* @__PURE__ */ (0,
|
|
10926
|
-
columnSortedDescendingIcon: (props) => /* @__PURE__ */ (0,
|
|
10927
|
-
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)(
|
|
10928
11038
|
DataGridArrowUpIcon,
|
|
10929
11039
|
{
|
|
10930
11040
|
fontSize: props.fontSize,
|
|
@@ -10932,28 +11042,28 @@ var MuiDataGrid = {
|
|
|
10932
11042
|
sx: { color: "text.disabled" }
|
|
10933
11043
|
}
|
|
10934
11044
|
),
|
|
10935
|
-
columnMenuIcon: (props) => /* @__PURE__ */ (0,
|
|
10936
|
-
columnMenuSortAscendingIcon: (props) => /* @__PURE__ */ (0,
|
|
10937
|
-
columnMenuSortDescendingIcon: (props) => /* @__PURE__ */ (0,
|
|
10938
|
-
columnMenuFilterIcon: (props) => /* @__PURE__ */ (0,
|
|
10939
|
-
columnMenuHideIcon: (props) => /* @__PURE__ */ (0,
|
|
10940
|
-
columnMenuManageColumnsIcon: (props) => /* @__PURE__ */ (0,
|
|
10941
|
-
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 }),
|
|
10942
11052
|
/* Filter */
|
|
10943
|
-
filterPanelDeleteIcon: (props) => /* @__PURE__ */ (0,
|
|
10944
|
-
openFilterButtonIcon: (props) => /* @__PURE__ */ (0,
|
|
10945
|
-
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 }),
|
|
10946
11056
|
/* Density */
|
|
10947
|
-
densityCompactIcon: (props) => /* @__PURE__ */ (0,
|
|
10948
|
-
densityStandardIcon: (props) => /* @__PURE__ */ (0,
|
|
10949
|
-
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 }),
|
|
10950
11060
|
/* Export */
|
|
10951
|
-
exportIcon: (props) => /* @__PURE__ */ (0,
|
|
11061
|
+
exportIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridExportIcon, { ...props }),
|
|
10952
11062
|
/* Quick Filter */
|
|
10953
|
-
quickFilterIcon: (props) => /* @__PURE__ */ (0,
|
|
10954
|
-
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 }),
|
|
10955
11065
|
/* Actions Column */
|
|
10956
|
-
moreActionsIcon: (props) => /* @__PURE__ */ (0,
|
|
11066
|
+
moreActionsIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Icon, { icon: "MoreHorizontal", sx: { width: 20, height: 20 }, ...props })
|
|
10957
11067
|
},
|
|
10958
11068
|
slotProps: {
|
|
10959
11069
|
basePopper: { placement: "bottom-end" },
|
|
@@ -11130,15 +11240,15 @@ var MuiDataGrid = {
|
|
|
11130
11240
|
}
|
|
11131
11241
|
};
|
|
11132
11242
|
var dataGrid = { MuiDataGrid };
|
|
11133
|
-
var DataGridArrowUpIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11134
|
-
/* @__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)(
|
|
11135
11245
|
"path",
|
|
11136
11246
|
{
|
|
11137
11247
|
fill: "currentColor",
|
|
11138
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"
|
|
11139
11249
|
}
|
|
11140
11250
|
),
|
|
11141
|
-
/* @__PURE__ */ (0,
|
|
11251
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11142
11252
|
"path",
|
|
11143
11253
|
{
|
|
11144
11254
|
fill: "currentColor",
|
|
@@ -11147,15 +11257,15 @@ var DataGridArrowUpIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runti
|
|
|
11147
11257
|
}
|
|
11148
11258
|
)
|
|
11149
11259
|
] });
|
|
11150
|
-
var DataGridArrowDownIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11151
|
-
/* @__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)(
|
|
11152
11262
|
"path",
|
|
11153
11263
|
{
|
|
11154
11264
|
fill: "currentColor",
|
|
11155
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"
|
|
11156
11266
|
}
|
|
11157
11267
|
),
|
|
11158
|
-
/* @__PURE__ */ (0,
|
|
11268
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11159
11269
|
"path",
|
|
11160
11270
|
{
|
|
11161
11271
|
fill: "currentColor",
|
|
@@ -11164,15 +11274,15 @@ var DataGridArrowDownIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_run
|
|
|
11164
11274
|
}
|
|
11165
11275
|
)
|
|
11166
11276
|
] });
|
|
11167
|
-
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)(
|
|
11168
11278
|
"path",
|
|
11169
11279
|
{
|
|
11170
11280
|
fill: "currentColor",
|
|
11171
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"
|
|
11172
11282
|
}
|
|
11173
11283
|
) });
|
|
11174
|
-
var DataGridExportIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11175
|
-
/* @__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)(
|
|
11176
11286
|
"path",
|
|
11177
11287
|
{
|
|
11178
11288
|
fill: "currentColor",
|
|
@@ -11181,7 +11291,7 @@ var DataGridExportIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtim
|
|
|
11181
11291
|
clipRule: "evenodd"
|
|
11182
11292
|
}
|
|
11183
11293
|
),
|
|
11184
|
-
/* @__PURE__ */ (0,
|
|
11294
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11185
11295
|
"path",
|
|
11186
11296
|
{
|
|
11187
11297
|
fill: "currentColor",
|
|
@@ -11189,9 +11299,9 @@ var DataGridExportIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtim
|
|
|
11189
11299
|
}
|
|
11190
11300
|
)
|
|
11191
11301
|
] });
|
|
11192
|
-
var DataGridEyeIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11193
|
-
/* @__PURE__ */ (0,
|
|
11194
|
-
/* @__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)(
|
|
11195
11305
|
"path",
|
|
11196
11306
|
{
|
|
11197
11307
|
fill: "currentColor",
|
|
@@ -11201,7 +11311,7 @@ var DataGridEyeIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime10
|
|
|
11201
11311
|
}
|
|
11202
11312
|
)
|
|
11203
11313
|
] });
|
|
11204
|
-
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)(
|
|
11205
11315
|
"path",
|
|
11206
11316
|
{
|
|
11207
11317
|
fill: "currentColor",
|
|
@@ -11210,23 +11320,23 @@ var DataGridEyeCloseIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runt
|
|
|
11210
11320
|
clipRule: "evenodd"
|
|
11211
11321
|
}
|
|
11212
11322
|
) });
|
|
11213
|
-
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)(
|
|
11214
11324
|
"path",
|
|
11215
11325
|
{
|
|
11216
11326
|
fill: "currentColor",
|
|
11217
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"
|
|
11218
11328
|
}
|
|
11219
11329
|
) });
|
|
11220
|
-
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)(
|
|
11221
11331
|
"path",
|
|
11222
11332
|
{
|
|
11223
11333
|
fill: "currentColor",
|
|
11224
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"
|
|
11225
11335
|
}
|
|
11226
11336
|
) });
|
|
11227
|
-
var DataGridMoreIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11228
|
-
/* @__PURE__ */ (0,
|
|
11229
|
-
/* @__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)(
|
|
11230
11340
|
"path",
|
|
11231
11341
|
{
|
|
11232
11342
|
fill: "currentColor",
|
|
@@ -11234,16 +11344,16 @@ var DataGridMoreIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime1
|
|
|
11234
11344
|
}
|
|
11235
11345
|
)
|
|
11236
11346
|
] }) });
|
|
11237
|
-
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)(
|
|
11238
11348
|
"path",
|
|
11239
11349
|
{
|
|
11240
11350
|
fill: "currentColor",
|
|
11241
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"
|
|
11242
11352
|
}
|
|
11243
11353
|
) });
|
|
11244
|
-
var DataGridDensityComfortableIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11245
|
-
/* @__PURE__ */ (0,
|
|
11246
|
-
/* @__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)(
|
|
11247
11357
|
"path",
|
|
11248
11358
|
{
|
|
11249
11359
|
fill: "currentColor",
|
|
@@ -11251,9 +11361,9 @@ var DataGridDensityComfortableIcon = ({ ...props }) => /* @__PURE__ */ (0, impor
|
|
|
11251
11361
|
}
|
|
11252
11362
|
)
|
|
11253
11363
|
] }) });
|
|
11254
|
-
var DataGridDensityStandardIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11255
|
-
/* @__PURE__ */ (0,
|
|
11256
|
-
/* @__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)(
|
|
11257
11367
|
"path",
|
|
11258
11368
|
{
|
|
11259
11369
|
fill: "currentColor",
|
|
@@ -11414,13 +11524,13 @@ var buttonGroup = { MuiButtonGroup };
|
|
|
11414
11524
|
var import_Chip2 = require("@mui/material/Chip");
|
|
11415
11525
|
var import_InputBase5 = require("@mui/material/InputBase");
|
|
11416
11526
|
var import_Autocomplete5 = require("@mui/material/Autocomplete");
|
|
11417
|
-
var
|
|
11527
|
+
var import_jsx_runtime108 = require("react/jsx-runtime");
|
|
11418
11528
|
var MuiAutocomplete = {
|
|
11419
11529
|
/** **************************************
|
|
11420
11530
|
* DEFAULT PROPS
|
|
11421
11531
|
*************************************** */
|
|
11422
11532
|
defaultProps: {
|
|
11423
|
-
popupIcon: /* @__PURE__ */ (0,
|
|
11533
|
+
popupIcon: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Icon, { icon: "NavArrowDown" }),
|
|
11424
11534
|
forcePopupIcon: true
|
|
11425
11535
|
},
|
|
11426
11536
|
/** **************************************
|
|
@@ -11534,8 +11644,8 @@ var MuiAutocomplete = {
|
|
|
11534
11644
|
var autocomplete = { MuiAutocomplete };
|
|
11535
11645
|
|
|
11536
11646
|
// src/theme/core/components/toggle-button.ts
|
|
11537
|
-
var
|
|
11538
|
-
var
|
|
11647
|
+
var import_ToggleButtonGroup2 = require("@mui/material/ToggleButtonGroup");
|
|
11648
|
+
var import_ToggleButton2 = require("@mui/material/ToggleButton");
|
|
11539
11649
|
var COLORS9 = ["primary", "secondary", "info", "success", "warning", "error"];
|
|
11540
11650
|
function styleColors6(ownerState, styles) {
|
|
11541
11651
|
const outputStyle = COLORS9.reduce((acc, color) => {
|
|
@@ -11564,7 +11674,7 @@ var MuiToggleButton = {
|
|
|
11564
11674
|
}
|
|
11565
11675
|
})),
|
|
11566
11676
|
selected: {
|
|
11567
|
-
[`&.${
|
|
11677
|
+
[`&.${import_ToggleButton2.toggleButtonClasses.selected}`]: {
|
|
11568
11678
|
color: theme.vars.palette.common.white,
|
|
11569
11679
|
backgroundColor: theme.vars.palette.primary.light,
|
|
11570
11680
|
borderColor: "currentColor",
|
|
@@ -11576,7 +11686,7 @@ var MuiToggleButton = {
|
|
|
11576
11686
|
},
|
|
11577
11687
|
disabled: {
|
|
11578
11688
|
...ownerState.disabled && {
|
|
11579
|
-
[`&.${
|
|
11689
|
+
[`&.${import_ToggleButton2.toggleButtonClasses.selected}`]: {
|
|
11580
11690
|
color: theme.vars.palette.action.disabled,
|
|
11581
11691
|
backgroundColor: theme.vars.palette.action.selected,
|
|
11582
11692
|
borderColor: theme.vars.palette.action.disabledBackground
|
|
@@ -11604,21 +11714,21 @@ var MuiToggleButtonGroup = {
|
|
|
11604
11714
|
borderRadius: Number(theme.shape.borderRadius) * 2
|
|
11605
11715
|
}),
|
|
11606
11716
|
grouped: ({ theme }) => ({
|
|
11607
|
-
[`&.${
|
|
11717
|
+
[`&.${import_ToggleButton2.toggleButtonClasses.root}`]: {
|
|
11608
11718
|
padding: theme.spacing(1, 2),
|
|
11609
11719
|
border: "none"
|
|
11610
11720
|
},
|
|
11611
|
-
[`&.${
|
|
11721
|
+
[`&.${import_ToggleButtonGroup2.toggleButtonGroupClasses.firstButton}`]: {
|
|
11612
11722
|
border: "none",
|
|
11613
11723
|
borderTopLeftRadius: "inherit",
|
|
11614
11724
|
borderBottomLeftRadius: "inherit"
|
|
11615
11725
|
},
|
|
11616
|
-
[`&.${
|
|
11726
|
+
[`&.${import_ToggleButtonGroup2.toggleButtonGroupClasses.lastButton}`]: {
|
|
11617
11727
|
border: "none",
|
|
11618
11728
|
borderTopRightRadius: "inherit",
|
|
11619
11729
|
borderBottomRightRadius: "inherit"
|
|
11620
11730
|
},
|
|
11621
|
-
[`&.${
|
|
11731
|
+
[`&.${import_ToggleButton2.toggleButtonClasses.selected}`]: { boxShadow: "none" }
|
|
11622
11732
|
})
|
|
11623
11733
|
}
|
|
11624
11734
|
};
|
|
@@ -11630,7 +11740,7 @@ var import_Typography16 = __toESM(require("@mui/material/Typography"), 1);
|
|
|
11630
11740
|
var import_Button5 = require("@mui/material/Button");
|
|
11631
11741
|
var import_styles36 = require("@mui/material/styles");
|
|
11632
11742
|
var import_DialogActions = require("@mui/material/DialogActions");
|
|
11633
|
-
var
|
|
11743
|
+
var import_jsx_runtime109 = require("react/jsx-runtime");
|
|
11634
11744
|
var CustomCalendarHeaderRoot = (0, import_styles36.styled)("div")(({ theme }) => ({
|
|
11635
11745
|
display: "flex",
|
|
11636
11746
|
justifyContent: "space-between",
|
|
@@ -11668,9 +11778,9 @@ function CustomCalendarHeader(props) {
|
|
|
11668
11778
|
onViewChange("year");
|
|
11669
11779
|
}
|
|
11670
11780
|
};
|
|
11671
|
-
return /* @__PURE__ */ (0,
|
|
11672
|
-
/* @__PURE__ */ (0,
|
|
11673
|
-
/* @__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)(
|
|
11674
11784
|
import_Typography16.default,
|
|
11675
11785
|
{
|
|
11676
11786
|
variant: "subtitle1",
|
|
@@ -11685,7 +11795,7 @@ function CustomCalendarHeader(props) {
|
|
|
11685
11795
|
children: monthLabel
|
|
11686
11796
|
}
|
|
11687
11797
|
),
|
|
11688
|
-
/* @__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 }) })
|
|
11689
11799
|
] });
|
|
11690
11800
|
}
|
|
11691
11801
|
var localeText = {
|
|
@@ -11693,13 +11803,13 @@ var localeText = {
|
|
|
11693
11803
|
};
|
|
11694
11804
|
var defaultProps = {
|
|
11695
11805
|
date: {
|
|
11696
|
-
openPickerIcon: () => /* @__PURE__ */ (0,
|
|
11806
|
+
openPickerIcon: () => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Icon, { icon: "Calendar", sx: { width: 20, height: 20 } }),
|
|
11697
11807
|
calendarHeader: CustomCalendarHeader
|
|
11698
11808
|
},
|
|
11699
11809
|
time: {
|
|
11700
|
-
openPickerIcon: () => /* @__PURE__ */ (0,
|
|
11701
|
-
rightArrowIcon: () => /* @__PURE__ */ (0,
|
|
11702
|
-
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" })
|
|
11703
11813
|
}
|
|
11704
11814
|
};
|
|
11705
11815
|
var dateViews = ["year", "month", "day"];
|
|
@@ -12130,18 +12240,18 @@ var import__8 = require("@fontsource/geist/500.css");
|
|
|
12130
12240
|
var import__9 = require("@fontsource/geist/600.css");
|
|
12131
12241
|
var import__10 = require("@fontsource/geist/700.css");
|
|
12132
12242
|
var import_satoshi = require("./satoshi-4X3TX4PE.css");
|
|
12133
|
-
var
|
|
12243
|
+
var import_jsx_runtime110 = require("react/jsx-runtime");
|
|
12134
12244
|
var ThemeProvider = ({ children }) => {
|
|
12135
12245
|
const settings = useSettings();
|
|
12136
12246
|
const theme = createTheme(settings);
|
|
12137
|
-
return /* @__PURE__ */ (0,
|
|
12247
|
+
return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
|
|
12138
12248
|
import_styles41.ThemeProvider,
|
|
12139
12249
|
{
|
|
12140
12250
|
theme,
|
|
12141
12251
|
defaultMode: schemeConfig.defaultMode,
|
|
12142
12252
|
modeStorageKey: schemeConfig.modeStorageKey,
|
|
12143
12253
|
children: [
|
|
12144
|
-
/* @__PURE__ */ (0,
|
|
12254
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_CssBaseline.default, {}),
|
|
12145
12255
|
children
|
|
12146
12256
|
]
|
|
12147
12257
|
}
|
|
@@ -12223,6 +12333,7 @@ __reExport(index_exports, components_exports2, module.exports);
|
|
|
12223
12333
|
RHFSwitch,
|
|
12224
12334
|
RHFTextField,
|
|
12225
12335
|
RHFTimePicker,
|
|
12336
|
+
RHFToggleButton,
|
|
12226
12337
|
RHFUpload,
|
|
12227
12338
|
RadioDefault,
|
|
12228
12339
|
RadioSelect,
|