@undefine-ui/design-system 3.7.2 → 3.8.1
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 +299 -171
- 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 +300 -170
- 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,
|
|
@@ -10683,8 +10788,15 @@ var RHFDatePickerComponent = ({
|
|
|
10683
10788
|
onClick: () => setIsOpen(true),
|
|
10684
10789
|
...typeof slotProps?.textField === "object" ? slotProps.textField : {}
|
|
10685
10790
|
},
|
|
10686
|
-
openPickerButton: {
|
|
10687
|
-
|
|
10791
|
+
openPickerButton: {
|
|
10792
|
+
onClick: () => setIsOpen(true),
|
|
10793
|
+
...typeof slotProps?.openPickerButton === "object" ? slotProps.openPickerButton : {}
|
|
10794
|
+
},
|
|
10795
|
+
field: {
|
|
10796
|
+
clearable,
|
|
10797
|
+
onClear: () => setCleared(true),
|
|
10798
|
+
...typeof slotProps?.field === "object" ? slotProps.field : {}
|
|
10799
|
+
}
|
|
10688
10800
|
},
|
|
10689
10801
|
...other
|
|
10690
10802
|
}
|
|
@@ -10701,7 +10813,7 @@ var RHFTimePickerComponent = ({
|
|
|
10701
10813
|
format: format4 = "h:mma",
|
|
10702
10814
|
...other
|
|
10703
10815
|
}) => {
|
|
10704
|
-
const { control } = (0,
|
|
10816
|
+
const { control } = (0, import_react_hook_form13.useFormContext)();
|
|
10705
10817
|
const [isOpen, setIsOpen] = (0, import_react23.useState)(false);
|
|
10706
10818
|
const [cleared, setCleared] = (0, import_react23.useState)(false);
|
|
10707
10819
|
(0, import_react23.useEffect)(() => {
|
|
@@ -10712,12 +10824,12 @@ var RHFTimePickerComponent = ({
|
|
|
10712
10824
|
return () => {
|
|
10713
10825
|
};
|
|
10714
10826
|
}, [cleared]);
|
|
10715
|
-
return /* @__PURE__ */ (0,
|
|
10716
|
-
|
|
10827
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
10828
|
+
import_react_hook_form13.Controller,
|
|
10717
10829
|
{
|
|
10718
10830
|
name,
|
|
10719
10831
|
control,
|
|
10720
|
-
render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ (0,
|
|
10832
|
+
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
10833
|
import_TimePicker.TimePicker,
|
|
10722
10834
|
{
|
|
10723
10835
|
...field,
|
|
@@ -10740,8 +10852,15 @@ var RHFTimePickerComponent = ({
|
|
|
10740
10852
|
onClick: () => setIsOpen(true),
|
|
10741
10853
|
...typeof slotProps?.textField === "object" ? slotProps.textField : {}
|
|
10742
10854
|
},
|
|
10743
|
-
openPickerButton: {
|
|
10744
|
-
|
|
10855
|
+
openPickerButton: {
|
|
10856
|
+
onClick: () => setIsOpen(true),
|
|
10857
|
+
...typeof slotProps?.openPickerButton === "object" ? slotProps.openPickerButton : {}
|
|
10858
|
+
},
|
|
10859
|
+
field: {
|
|
10860
|
+
clearable,
|
|
10861
|
+
onClear: () => setCleared(true),
|
|
10862
|
+
...typeof slotProps?.field === "object" ? slotProps.field : {}
|
|
10863
|
+
}
|
|
10745
10864
|
},
|
|
10746
10865
|
...other
|
|
10747
10866
|
}
|
|
@@ -10758,7 +10877,7 @@ var RHFDateTimePickerComponent = ({
|
|
|
10758
10877
|
format: format4 = "MMM d, yyyy h:mma",
|
|
10759
10878
|
...other
|
|
10760
10879
|
}) => {
|
|
10761
|
-
const { control } = (0,
|
|
10880
|
+
const { control } = (0, import_react_hook_form13.useFormContext)();
|
|
10762
10881
|
const [isOpen, setIsOpen] = (0, import_react23.useState)(false);
|
|
10763
10882
|
const [cleared, setCleared] = (0, import_react23.useState)(false);
|
|
10764
10883
|
(0, import_react23.useEffect)(() => {
|
|
@@ -10769,12 +10888,12 @@ var RHFDateTimePickerComponent = ({
|
|
|
10769
10888
|
return () => {
|
|
10770
10889
|
};
|
|
10771
10890
|
}, [cleared]);
|
|
10772
|
-
return /* @__PURE__ */ (0,
|
|
10773
|
-
|
|
10891
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
10892
|
+
import_react_hook_form13.Controller,
|
|
10774
10893
|
{
|
|
10775
10894
|
name,
|
|
10776
10895
|
control,
|
|
10777
|
-
render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ (0,
|
|
10896
|
+
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
10897
|
import_DateTimePicker.DateTimePicker,
|
|
10779
10898
|
{
|
|
10780
10899
|
...field,
|
|
@@ -10797,8 +10916,15 @@ var RHFDateTimePickerComponent = ({
|
|
|
10797
10916
|
onClick: () => setIsOpen(true),
|
|
10798
10917
|
...typeof slotProps?.textField === "object" ? slotProps.textField : {}
|
|
10799
10918
|
},
|
|
10800
|
-
openPickerButton: {
|
|
10801
|
-
|
|
10919
|
+
openPickerButton: {
|
|
10920
|
+
onClick: () => setIsOpen(true),
|
|
10921
|
+
...typeof slotProps?.openPickerButton === "object" ? slotProps.openPickerButton : {}
|
|
10922
|
+
},
|
|
10923
|
+
field: {
|
|
10924
|
+
clearable,
|
|
10925
|
+
onClear: () => setCleared(true),
|
|
10926
|
+
...typeof slotProps?.field === "object" ? slotProps.field : {}
|
|
10927
|
+
}
|
|
10802
10928
|
},
|
|
10803
10929
|
...other
|
|
10804
10930
|
}
|
|
@@ -10817,20 +10943,21 @@ var Field = {
|
|
|
10817
10943
|
Text: RHFTextField,
|
|
10818
10944
|
Radio: RHFRadioGroup,
|
|
10819
10945
|
Checkbox: RHFCheckbox,
|
|
10820
|
-
Autocomplete: RHFAutocomplete,
|
|
10821
|
-
MultiCheckbox: RHFMultiCheckbox,
|
|
10822
10946
|
Date: RHFDatePicker,
|
|
10823
10947
|
Time: RHFTimePicker,
|
|
10824
10948
|
DateTime: RHFDateTimePicker,
|
|
10825
10949
|
DateRange: RHFDateRangePicker,
|
|
10950
|
+
Autocomplete: RHFAutocomplete,
|
|
10951
|
+
ToggleButton: RHFToggleButton,
|
|
10952
|
+
MultiCheckbox: RHFMultiCheckbox,
|
|
10826
10953
|
GooglePlacesAutocomplete: RHFGooglePlacesAutocomplete
|
|
10827
10954
|
};
|
|
10828
10955
|
|
|
10829
10956
|
// src/components/FormLabel/index.tsx
|
|
10830
10957
|
var import_Tooltip2 = __toESM(require("@mui/material/Tooltip"), 1);
|
|
10831
10958
|
var import_Typography15 = __toESM(require("@mui/material/Typography"), 1);
|
|
10832
|
-
var
|
|
10833
|
-
var
|
|
10959
|
+
var import_FormLabel5 = __toESM(require("@mui/material/FormLabel"), 1);
|
|
10960
|
+
var import_jsx_runtime104 = require("react/jsx-runtime");
|
|
10834
10961
|
var CustomFormLabel = ({
|
|
10835
10962
|
label,
|
|
10836
10963
|
tooltip: tooltip2,
|
|
@@ -10838,26 +10965,26 @@ var CustomFormLabel = ({
|
|
|
10838
10965
|
optional,
|
|
10839
10966
|
sx,
|
|
10840
10967
|
...rest
|
|
10841
|
-
}) => /* @__PURE__ */ (0,
|
|
10968
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_FormLabel5.default, { sx: { mb: 0.5, display: "flex", alignItems: "center", gap: 0.5, ...sx }, ...rest, children: [
|
|
10842
10969
|
label,
|
|
10843
|
-
optional && /* @__PURE__ */ (0,
|
|
10844
|
-
tooltip2 && /* @__PURE__ */ (0,
|
|
10970
|
+
optional && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_Typography15.default, { component: "span", variant: "caption", color: "text.secondary", children: "(Optional)" }),
|
|
10971
|
+
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
10972
|
] });
|
|
10846
10973
|
|
|
10847
10974
|
// src/components/CopyButton/index.tsx
|
|
10848
10975
|
var import_Tooltip3 = __toESM(require("@mui/material/Tooltip"), 1);
|
|
10849
10976
|
var import_IconButton6 = __toESM(require("@mui/material/IconButton"), 1);
|
|
10850
|
-
var
|
|
10977
|
+
var import_jsx_runtime105 = require("react/jsx-runtime");
|
|
10851
10978
|
var CopyButton = ({ text: text2, size = "small" }) => {
|
|
10852
10979
|
const { copy, isCopied } = useCopyToClipboard();
|
|
10853
|
-
return /* @__PURE__ */ (0,
|
|
10980
|
+
return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_Tooltip3.default, { title: isCopied ? "Copied" : "Copy", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
10854
10981
|
import_IconButton6.default,
|
|
10855
10982
|
{
|
|
10856
10983
|
size,
|
|
10857
10984
|
onClick: () => copy(text2),
|
|
10858
10985
|
"aria-label": "copy token",
|
|
10859
10986
|
sx: { color: "icon.black" },
|
|
10860
|
-
children: /* @__PURE__ */ (0,
|
|
10987
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Icon, { icon: isCopied ? "ClipboardCheck" : "Copy", sx: { width: 20, height: 20 } })
|
|
10861
10988
|
}
|
|
10862
10989
|
) });
|
|
10863
10990
|
};
|
|
@@ -10866,9 +10993,9 @@ var CopyButton = ({ text: text2, size = "small" }) => {
|
|
|
10866
10993
|
var import_Portal2 = __toESM(require("@mui/material/Portal"), 1);
|
|
10867
10994
|
var import_Box25 = __toESM(require("@mui/material/Box"), 1);
|
|
10868
10995
|
var import_LinearProgress = __toESM(require("@mui/material/LinearProgress"), 1);
|
|
10869
|
-
var
|
|
10996
|
+
var import_jsx_runtime106 = require("react/jsx-runtime");
|
|
10870
10997
|
var LoadingScreen = ({ portal, sx, ...rest }) => {
|
|
10871
|
-
const content = /* @__PURE__ */ (0,
|
|
10998
|
+
const content = /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
10872
10999
|
import_Box25.default,
|
|
10873
11000
|
{
|
|
10874
11001
|
sx: {
|
|
@@ -10882,16 +11009,16 @@ var LoadingScreen = ({ portal, sx, ...rest }) => {
|
|
|
10882
11009
|
...sx
|
|
10883
11010
|
},
|
|
10884
11011
|
...rest,
|
|
10885
|
-
children: /* @__PURE__ */ (0,
|
|
11012
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_LinearProgress.default, { color: "primary", sx: { width: 1, maxWidth: 360 } })
|
|
10886
11013
|
}
|
|
10887
11014
|
);
|
|
10888
11015
|
if (portal) {
|
|
10889
|
-
return /* @__PURE__ */ (0,
|
|
11016
|
+
return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_Portal2.default, { children: content });
|
|
10890
11017
|
}
|
|
10891
11018
|
return content;
|
|
10892
11019
|
};
|
|
10893
11020
|
var SplashScreen = ({ portal, sx, ...rest }) => {
|
|
10894
|
-
const content = /* @__PURE__ */ (0,
|
|
11021
|
+
const content = /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
10895
11022
|
import_Box25.default,
|
|
10896
11023
|
{
|
|
10897
11024
|
sx: {
|
|
@@ -10908,17 +11035,17 @@ var SplashScreen = ({ portal, sx, ...rest }) => {
|
|
|
10908
11035
|
...sx
|
|
10909
11036
|
},
|
|
10910
11037
|
...rest,
|
|
10911
|
-
children: /* @__PURE__ */ (0,
|
|
11038
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(AnimatedLogo, {})
|
|
10912
11039
|
}
|
|
10913
11040
|
);
|
|
10914
11041
|
if (portal) {
|
|
10915
|
-
return /* @__PURE__ */ (0,
|
|
11042
|
+
return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_Portal2.default, { children: content });
|
|
10916
11043
|
}
|
|
10917
11044
|
return content;
|
|
10918
11045
|
};
|
|
10919
11046
|
|
|
10920
11047
|
// src/theme/core/components/mui-x-data-grid.tsx
|
|
10921
|
-
var
|
|
11048
|
+
var import_jsx_runtime107 = require("react/jsx-runtime");
|
|
10922
11049
|
var MuiDataGrid = {
|
|
10923
11050
|
/** **************************************
|
|
10924
11051
|
* DEFAULT PROPS
|
|
@@ -10926,9 +11053,9 @@ var MuiDataGrid = {
|
|
|
10926
11053
|
defaultProps: {
|
|
10927
11054
|
slots: {
|
|
10928
11055
|
/* Column */
|
|
10929
|
-
columnSortedAscendingIcon: (props) => /* @__PURE__ */ (0,
|
|
10930
|
-
columnSortedDescendingIcon: (props) => /* @__PURE__ */ (0,
|
|
10931
|
-
columnUnsortedIcon: (props) => /* @__PURE__ */ (0,
|
|
11056
|
+
columnSortedAscendingIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridArrowUpIcon, { sx: { color: "text.primary" }, ...props }),
|
|
11057
|
+
columnSortedDescendingIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridArrowDownIcon, { sx: { color: "text.primary" }, ...props }),
|
|
11058
|
+
columnUnsortedIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
10932
11059
|
DataGridArrowUpIcon,
|
|
10933
11060
|
{
|
|
10934
11061
|
fontSize: props.fontSize,
|
|
@@ -10936,28 +11063,28 @@ var MuiDataGrid = {
|
|
|
10936
11063
|
sx: { color: "text.disabled" }
|
|
10937
11064
|
}
|
|
10938
11065
|
),
|
|
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,
|
|
11066
|
+
columnMenuIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridMoreIcon, { width: 20, ...props }),
|
|
11067
|
+
columnMenuSortAscendingIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridArrowUpIcon, { ...props }),
|
|
11068
|
+
columnMenuSortDescendingIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridArrowDownIcon, { ...props }),
|
|
11069
|
+
columnMenuFilterIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridFilterIcon, { ...props }),
|
|
11070
|
+
columnMenuHideIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridEyeCloseIcon, { ...props }),
|
|
11071
|
+
columnMenuManageColumnsIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridEyeIcon, { ...props }),
|
|
11072
|
+
columnSelectorIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridEyeIcon, { ...props }),
|
|
10946
11073
|
/* Filter */
|
|
10947
|
-
filterPanelDeleteIcon: (props) => /* @__PURE__ */ (0,
|
|
10948
|
-
openFilterButtonIcon: (props) => /* @__PURE__ */ (0,
|
|
10949
|
-
columnFilteredIcon: (props) => /* @__PURE__ */ (0,
|
|
11074
|
+
filterPanelDeleteIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridCloseIcon, { ...props }),
|
|
11075
|
+
openFilterButtonIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridFilterIcon, { ...props }),
|
|
11076
|
+
columnFilteredIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridFilterIcon, { sx: { width: 16, color: "text.primary" }, ...props }),
|
|
10950
11077
|
/* Density */
|
|
10951
|
-
densityCompactIcon: (props) => /* @__PURE__ */ (0,
|
|
10952
|
-
densityStandardIcon: (props) => /* @__PURE__ */ (0,
|
|
10953
|
-
densityComfortableIcon: (props) => /* @__PURE__ */ (0,
|
|
11078
|
+
densityCompactIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridDensityCompactIcon, { ...props }),
|
|
11079
|
+
densityStandardIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridDensityStandardIcon, { ...props }),
|
|
11080
|
+
densityComfortableIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridDensityComfortableIcon, { ...props }),
|
|
10954
11081
|
/* Export */
|
|
10955
|
-
exportIcon: (props) => /* @__PURE__ */ (0,
|
|
11082
|
+
exportIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridExportIcon, { ...props }),
|
|
10956
11083
|
/* Quick Filter */
|
|
10957
|
-
quickFilterIcon: (props) => /* @__PURE__ */ (0,
|
|
10958
|
-
quickFilterClearIcon: (props) => /* @__PURE__ */ (0,
|
|
11084
|
+
quickFilterIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridSearchIcon, { sx: { width: 24, height: 24, color: "text.secondary" }, ...props }),
|
|
11085
|
+
quickFilterClearIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DataGridCloseIcon, { ...props }),
|
|
10959
11086
|
/* Actions Column */
|
|
10960
|
-
moreActionsIcon: (props) => /* @__PURE__ */ (0,
|
|
11087
|
+
moreActionsIcon: (props) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Icon, { icon: "MoreHorizontal", sx: { width: 20, height: 20 }, ...props })
|
|
10961
11088
|
},
|
|
10962
11089
|
slotProps: {
|
|
10963
11090
|
basePopper: { placement: "bottom-end" },
|
|
@@ -11134,15 +11261,15 @@ var MuiDataGrid = {
|
|
|
11134
11261
|
}
|
|
11135
11262
|
};
|
|
11136
11263
|
var dataGrid = { MuiDataGrid };
|
|
11137
|
-
var DataGridArrowUpIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11138
|
-
/* @__PURE__ */ (0,
|
|
11264
|
+
var DataGridArrowUpIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_SvgIcon3.default, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: [
|
|
11265
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11139
11266
|
"path",
|
|
11140
11267
|
{
|
|
11141
11268
|
fill: "currentColor",
|
|
11142
11269
|
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
11270
|
}
|
|
11144
11271
|
),
|
|
11145
|
-
/* @__PURE__ */ (0,
|
|
11272
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11146
11273
|
"path",
|
|
11147
11274
|
{
|
|
11148
11275
|
fill: "currentColor",
|
|
@@ -11151,15 +11278,15 @@ var DataGridArrowUpIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runti
|
|
|
11151
11278
|
}
|
|
11152
11279
|
)
|
|
11153
11280
|
] });
|
|
11154
|
-
var DataGridArrowDownIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11155
|
-
/* @__PURE__ */ (0,
|
|
11281
|
+
var DataGridArrowDownIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_SvgIcon3.default, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: [
|
|
11282
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11156
11283
|
"path",
|
|
11157
11284
|
{
|
|
11158
11285
|
fill: "currentColor",
|
|
11159
11286
|
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
11287
|
}
|
|
11161
11288
|
),
|
|
11162
|
-
/* @__PURE__ */ (0,
|
|
11289
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11163
11290
|
"path",
|
|
11164
11291
|
{
|
|
11165
11292
|
fill: "currentColor",
|
|
@@ -11168,15 +11295,15 @@ var DataGridArrowDownIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_run
|
|
|
11168
11295
|
}
|
|
11169
11296
|
)
|
|
11170
11297
|
] });
|
|
11171
|
-
var DataGridFilterIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11298
|
+
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
11299
|
"path",
|
|
11173
11300
|
{
|
|
11174
11301
|
fill: "currentColor",
|
|
11175
11302
|
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
11303
|
}
|
|
11177
11304
|
) });
|
|
11178
|
-
var DataGridExportIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11179
|
-
/* @__PURE__ */ (0,
|
|
11305
|
+
var DataGridExportIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_SvgIcon3.default, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: [
|
|
11306
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11180
11307
|
"path",
|
|
11181
11308
|
{
|
|
11182
11309
|
fill: "currentColor",
|
|
@@ -11185,7 +11312,7 @@ var DataGridExportIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtim
|
|
|
11185
11312
|
clipRule: "evenodd"
|
|
11186
11313
|
}
|
|
11187
11314
|
),
|
|
11188
|
-
/* @__PURE__ */ (0,
|
|
11315
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11189
11316
|
"path",
|
|
11190
11317
|
{
|
|
11191
11318
|
fill: "currentColor",
|
|
@@ -11193,9 +11320,9 @@ var DataGridExportIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtim
|
|
|
11193
11320
|
}
|
|
11194
11321
|
)
|
|
11195
11322
|
] });
|
|
11196
|
-
var DataGridEyeIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11197
|
-
/* @__PURE__ */ (0,
|
|
11198
|
-
/* @__PURE__ */ (0,
|
|
11323
|
+
var DataGridEyeIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_SvgIcon3.default, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: [
|
|
11324
|
+
/* @__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" }),
|
|
11325
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11199
11326
|
"path",
|
|
11200
11327
|
{
|
|
11201
11328
|
fill: "currentColor",
|
|
@@ -11205,7 +11332,7 @@ var DataGridEyeIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime10
|
|
|
11205
11332
|
}
|
|
11206
11333
|
)
|
|
11207
11334
|
] });
|
|
11208
|
-
var DataGridEyeCloseIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11335
|
+
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
11336
|
"path",
|
|
11210
11337
|
{
|
|
11211
11338
|
fill: "currentColor",
|
|
@@ -11214,23 +11341,23 @@ var DataGridEyeCloseIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runt
|
|
|
11214
11341
|
clipRule: "evenodd"
|
|
11215
11342
|
}
|
|
11216
11343
|
) });
|
|
11217
|
-
var DataGridSearchIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11344
|
+
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
11345
|
"path",
|
|
11219
11346
|
{
|
|
11220
11347
|
fill: "currentColor",
|
|
11221
11348
|
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
11349
|
}
|
|
11223
11350
|
) });
|
|
11224
|
-
var DataGridCloseIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11351
|
+
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
11352
|
"path",
|
|
11226
11353
|
{
|
|
11227
11354
|
fill: "currentColor",
|
|
11228
11355
|
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
11356
|
}
|
|
11230
11357
|
) });
|
|
11231
|
-
var DataGridMoreIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11232
|
-
/* @__PURE__ */ (0,
|
|
11233
|
-
/* @__PURE__ */ (0,
|
|
11358
|
+
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: [
|
|
11359
|
+
/* @__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" }),
|
|
11360
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11234
11361
|
"path",
|
|
11235
11362
|
{
|
|
11236
11363
|
fill: "currentColor",
|
|
@@ -11238,16 +11365,16 @@ var DataGridMoreIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime1
|
|
|
11238
11365
|
}
|
|
11239
11366
|
)
|
|
11240
11367
|
] }) });
|
|
11241
|
-
var DataGridDensityCompactIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11368
|
+
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
11369
|
"path",
|
|
11243
11370
|
{
|
|
11244
11371
|
fill: "currentColor",
|
|
11245
11372
|
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
11373
|
}
|
|
11247
11374
|
) });
|
|
11248
|
-
var DataGridDensityComfortableIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11249
|
-
/* @__PURE__ */ (0,
|
|
11250
|
-
/* @__PURE__ */ (0,
|
|
11375
|
+
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: [
|
|
11376
|
+
/* @__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" }),
|
|
11377
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11251
11378
|
"path",
|
|
11252
11379
|
{
|
|
11253
11380
|
fill: "currentColor",
|
|
@@ -11255,9 +11382,9 @@ var DataGridDensityComfortableIcon = ({ ...props }) => /* @__PURE__ */ (0, impor
|
|
|
11255
11382
|
}
|
|
11256
11383
|
)
|
|
11257
11384
|
] }) });
|
|
11258
|
-
var DataGridDensityStandardIcon = ({ ...props }) => /* @__PURE__ */ (0,
|
|
11259
|
-
/* @__PURE__ */ (0,
|
|
11260
|
-
/* @__PURE__ */ (0,
|
|
11385
|
+
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: [
|
|
11386
|
+
/* @__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" }),
|
|
11387
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11261
11388
|
"path",
|
|
11262
11389
|
{
|
|
11263
11390
|
fill: "currentColor",
|
|
@@ -11418,13 +11545,13 @@ var buttonGroup = { MuiButtonGroup };
|
|
|
11418
11545
|
var import_Chip2 = require("@mui/material/Chip");
|
|
11419
11546
|
var import_InputBase5 = require("@mui/material/InputBase");
|
|
11420
11547
|
var import_Autocomplete5 = require("@mui/material/Autocomplete");
|
|
11421
|
-
var
|
|
11548
|
+
var import_jsx_runtime108 = require("react/jsx-runtime");
|
|
11422
11549
|
var MuiAutocomplete = {
|
|
11423
11550
|
/** **************************************
|
|
11424
11551
|
* DEFAULT PROPS
|
|
11425
11552
|
*************************************** */
|
|
11426
11553
|
defaultProps: {
|
|
11427
|
-
popupIcon: /* @__PURE__ */ (0,
|
|
11554
|
+
popupIcon: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Icon, { icon: "NavArrowDown" }),
|
|
11428
11555
|
forcePopupIcon: true
|
|
11429
11556
|
},
|
|
11430
11557
|
/** **************************************
|
|
@@ -11538,8 +11665,8 @@ var MuiAutocomplete = {
|
|
|
11538
11665
|
var autocomplete = { MuiAutocomplete };
|
|
11539
11666
|
|
|
11540
11667
|
// src/theme/core/components/toggle-button.ts
|
|
11541
|
-
var
|
|
11542
|
-
var
|
|
11668
|
+
var import_ToggleButtonGroup2 = require("@mui/material/ToggleButtonGroup");
|
|
11669
|
+
var import_ToggleButton2 = require("@mui/material/ToggleButton");
|
|
11543
11670
|
var COLORS9 = ["primary", "secondary", "info", "success", "warning", "error"];
|
|
11544
11671
|
function styleColors6(ownerState, styles) {
|
|
11545
11672
|
const outputStyle = COLORS9.reduce((acc, color) => {
|
|
@@ -11568,7 +11695,7 @@ var MuiToggleButton = {
|
|
|
11568
11695
|
}
|
|
11569
11696
|
})),
|
|
11570
11697
|
selected: {
|
|
11571
|
-
[`&.${
|
|
11698
|
+
[`&.${import_ToggleButton2.toggleButtonClasses.selected}`]: {
|
|
11572
11699
|
color: theme.vars.palette.common.white,
|
|
11573
11700
|
backgroundColor: theme.vars.palette.primary.light,
|
|
11574
11701
|
borderColor: "currentColor",
|
|
@@ -11580,7 +11707,7 @@ var MuiToggleButton = {
|
|
|
11580
11707
|
},
|
|
11581
11708
|
disabled: {
|
|
11582
11709
|
...ownerState.disabled && {
|
|
11583
|
-
[`&.${
|
|
11710
|
+
[`&.${import_ToggleButton2.toggleButtonClasses.selected}`]: {
|
|
11584
11711
|
color: theme.vars.palette.action.disabled,
|
|
11585
11712
|
backgroundColor: theme.vars.palette.action.selected,
|
|
11586
11713
|
borderColor: theme.vars.palette.action.disabledBackground
|
|
@@ -11608,21 +11735,21 @@ var MuiToggleButtonGroup = {
|
|
|
11608
11735
|
borderRadius: Number(theme.shape.borderRadius) * 2
|
|
11609
11736
|
}),
|
|
11610
11737
|
grouped: ({ theme }) => ({
|
|
11611
|
-
[`&.${
|
|
11738
|
+
[`&.${import_ToggleButton2.toggleButtonClasses.root}`]: {
|
|
11612
11739
|
padding: theme.spacing(1, 2),
|
|
11613
11740
|
border: "none"
|
|
11614
11741
|
},
|
|
11615
|
-
[`&.${
|
|
11742
|
+
[`&.${import_ToggleButtonGroup2.toggleButtonGroupClasses.firstButton}`]: {
|
|
11616
11743
|
border: "none",
|
|
11617
11744
|
borderTopLeftRadius: "inherit",
|
|
11618
11745
|
borderBottomLeftRadius: "inherit"
|
|
11619
11746
|
},
|
|
11620
|
-
[`&.${
|
|
11747
|
+
[`&.${import_ToggleButtonGroup2.toggleButtonGroupClasses.lastButton}`]: {
|
|
11621
11748
|
border: "none",
|
|
11622
11749
|
borderTopRightRadius: "inherit",
|
|
11623
11750
|
borderBottomRightRadius: "inherit"
|
|
11624
11751
|
},
|
|
11625
|
-
[`&.${
|
|
11752
|
+
[`&.${import_ToggleButton2.toggleButtonClasses.selected}`]: { boxShadow: "none" }
|
|
11626
11753
|
})
|
|
11627
11754
|
}
|
|
11628
11755
|
};
|
|
@@ -11634,7 +11761,7 @@ var import_Typography16 = __toESM(require("@mui/material/Typography"), 1);
|
|
|
11634
11761
|
var import_Button5 = require("@mui/material/Button");
|
|
11635
11762
|
var import_styles36 = require("@mui/material/styles");
|
|
11636
11763
|
var import_DialogActions = require("@mui/material/DialogActions");
|
|
11637
|
-
var
|
|
11764
|
+
var import_jsx_runtime109 = require("react/jsx-runtime");
|
|
11638
11765
|
var CustomCalendarHeaderRoot = (0, import_styles36.styled)("div")(({ theme }) => ({
|
|
11639
11766
|
display: "flex",
|
|
11640
11767
|
justifyContent: "space-between",
|
|
@@ -11672,9 +11799,9 @@ function CustomCalendarHeader(props) {
|
|
|
11672
11799
|
onViewChange("year");
|
|
11673
11800
|
}
|
|
11674
11801
|
};
|
|
11675
|
-
return /* @__PURE__ */ (0,
|
|
11676
|
-
/* @__PURE__ */ (0,
|
|
11677
|
-
/* @__PURE__ */ (0,
|
|
11802
|
+
return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(CustomCalendarHeaderRoot, { children: [
|
|
11803
|
+
/* @__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 }) }),
|
|
11804
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
11678
11805
|
import_Typography16.default,
|
|
11679
11806
|
{
|
|
11680
11807
|
variant: "subtitle1",
|
|
@@ -11689,7 +11816,7 @@ function CustomCalendarHeader(props) {
|
|
|
11689
11816
|
children: monthLabel
|
|
11690
11817
|
}
|
|
11691
11818
|
),
|
|
11692
|
-
/* @__PURE__ */ (0,
|
|
11819
|
+
/* @__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
11820
|
] });
|
|
11694
11821
|
}
|
|
11695
11822
|
var localeText = {
|
|
@@ -11697,13 +11824,13 @@ var localeText = {
|
|
|
11697
11824
|
};
|
|
11698
11825
|
var defaultProps = {
|
|
11699
11826
|
date: {
|
|
11700
|
-
openPickerIcon: () => /* @__PURE__ */ (0,
|
|
11827
|
+
openPickerIcon: () => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Icon, { icon: "Calendar", sx: { width: 20, height: 20 } }),
|
|
11701
11828
|
calendarHeader: CustomCalendarHeader
|
|
11702
11829
|
},
|
|
11703
11830
|
time: {
|
|
11704
|
-
openPickerIcon: () => /* @__PURE__ */ (0,
|
|
11705
|
-
rightArrowIcon: () => /* @__PURE__ */ (0,
|
|
11706
|
-
switchViewIcon: () => /* @__PURE__ */ (0,
|
|
11831
|
+
openPickerIcon: () => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Icon, { icon: "Clock", sx: { width: 20, height: 20 } }),
|
|
11832
|
+
rightArrowIcon: () => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Icon, { icon: "NavArrowRight" }),
|
|
11833
|
+
switchViewIcon: () => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Icon, { icon: "NavArrowDownSolid" })
|
|
11707
11834
|
}
|
|
11708
11835
|
};
|
|
11709
11836
|
var dateViews = ["year", "month", "day"];
|
|
@@ -12134,18 +12261,18 @@ var import__8 = require("@fontsource/geist/500.css");
|
|
|
12134
12261
|
var import__9 = require("@fontsource/geist/600.css");
|
|
12135
12262
|
var import__10 = require("@fontsource/geist/700.css");
|
|
12136
12263
|
var import_satoshi = require("./satoshi-4X3TX4PE.css");
|
|
12137
|
-
var
|
|
12264
|
+
var import_jsx_runtime110 = require("react/jsx-runtime");
|
|
12138
12265
|
var ThemeProvider = ({ children }) => {
|
|
12139
12266
|
const settings = useSettings();
|
|
12140
12267
|
const theme = createTheme(settings);
|
|
12141
|
-
return /* @__PURE__ */ (0,
|
|
12268
|
+
return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
|
|
12142
12269
|
import_styles41.ThemeProvider,
|
|
12143
12270
|
{
|
|
12144
12271
|
theme,
|
|
12145
12272
|
defaultMode: schemeConfig.defaultMode,
|
|
12146
12273
|
modeStorageKey: schemeConfig.modeStorageKey,
|
|
12147
12274
|
children: [
|
|
12148
|
-
/* @__PURE__ */ (0,
|
|
12275
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_CssBaseline.default, {}),
|
|
12149
12276
|
children
|
|
12150
12277
|
]
|
|
12151
12278
|
}
|
|
@@ -12227,6 +12354,7 @@ __reExport(index_exports, components_exports2, module.exports);
|
|
|
12227
12354
|
RHFSwitch,
|
|
12228
12355
|
RHFTextField,
|
|
12229
12356
|
RHFTimePicker,
|
|
12357
|
+
RHFToggleButton,
|
|
12230
12358
|
RHFUpload,
|
|
12231
12359
|
RadioDefault,
|
|
12232
12360
|
RadioSelect,
|