@availity/mui-file-selector 1.9.0 → 1.9.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/CHANGELOG.md +16 -0
- package/dist/index.js +86 -90
- package/dist/index.mjs +62 -66
- package/package.json +13 -12
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,22 @@
|
|
|
2
2
|
|
|
3
3
|
This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
|
|
4
4
|
|
|
5
|
+
## [1.9.1](https://github.com/Availity/element/compare/@availity/mui-file-selector@1.9.0...@availity/mui-file-selector@1.9.1) (2025-10-30)
|
|
6
|
+
|
|
7
|
+
### Dependency Updates
|
|
8
|
+
|
|
9
|
+
* `mui-paper` updated to version `1.9.0`
|
|
10
|
+
* `mui-alert` updated to version `1.9.0`
|
|
11
|
+
* `mui-button` updated to version `1.9.0`
|
|
12
|
+
* `mui-divider` updated to version `1.9.0`
|
|
13
|
+
* `mui-form-utils` updated to version `1.9.0`
|
|
14
|
+
* `mui-icon` updated to version `1.9.0`
|
|
15
|
+
* `mui-layout` updated to version `1.9.0`
|
|
16
|
+
* `mui-list` updated to version `1.9.0`
|
|
17
|
+
* `mui-progress` updated to version `1.9.0`
|
|
18
|
+
* `mui-typography` updated to version `1.9.0`
|
|
19
|
+
* `mui-dialog` updated to version `1.9.0`
|
|
20
|
+
* `mui-textfield` updated to version `1.9.0`
|
|
5
21
|
## [1.9.0](https://github.com/Availity/element/compare/@availity/mui-file-selector@1.8.1...@availity/mui-file-selector@1.9.0) (2025-09-24)
|
|
6
22
|
|
|
7
23
|
|
package/dist/index.js
CHANGED
|
@@ -821,15 +821,11 @@ var DialogContent = (_a) => {
|
|
|
821
821
|
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_DialogContent.default, __spreadProps(__spreadValues({}, rest), { children }));
|
|
822
822
|
};
|
|
823
823
|
|
|
824
|
-
// ../dialog/src/lib/DialogContentText.tsx
|
|
825
|
-
var import_DialogContentText = __toESM(require("@mui/material/DialogContentText"));
|
|
826
|
-
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
827
|
-
|
|
828
824
|
// ../dialog/src/lib/DialogTitle.tsx
|
|
829
825
|
var import_DialogTitle = __toESM(require("@mui/material/DialogTitle"));
|
|
830
826
|
var import_mui_alert2 = require("@availity/mui-alert");
|
|
831
827
|
var import_styles3 = require("@mui/material/styles");
|
|
832
|
-
var
|
|
828
|
+
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
833
829
|
var AlertIcon = (0, import_styles3.styled)("div", {
|
|
834
830
|
name: "MuiDialogTitle",
|
|
835
831
|
slot: "AvIcon",
|
|
@@ -842,8 +838,8 @@ var AlertIcon = (0, import_styles3.styled)("div", {
|
|
|
842
838
|
});
|
|
843
839
|
var DialogTitle = (_a) => {
|
|
844
840
|
var _b = _a, { children, component = "h2", icon, variant = "h5" } = _b, rest = __objRest(_b, ["children", "component", "icon", "variant"]);
|
|
845
|
-
return /* @__PURE__ */ (0,
|
|
846
|
-
icon ? /* @__PURE__ */ (0,
|
|
841
|
+
return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_DialogTitle.default, __spreadProps(__spreadValues({ component, variant }, rest), { children: [
|
|
842
|
+
icon ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AlertIcon, { children: import_mui_alert2.AlertIcons[icon] }) : null,
|
|
847
843
|
children
|
|
848
844
|
] }));
|
|
849
845
|
};
|
|
@@ -861,7 +857,7 @@ var import_TextField = __toESM(require("@mui/material/TextField"));
|
|
|
861
857
|
var import_mui_form_utils2 = require("@availity/mui-form-utils");
|
|
862
858
|
var import_mui_layout3 = require("@availity/mui-layout");
|
|
863
859
|
var import_mui_typography3 = require("@availity/mui-typography");
|
|
864
|
-
var
|
|
860
|
+
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
865
861
|
var TextFieldFormHelperText = (_a) => {
|
|
866
862
|
var _b = _a, {
|
|
867
863
|
charCount,
|
|
@@ -875,16 +871,16 @@ var TextFieldFormHelperText = (_a) => {
|
|
|
875
871
|
"showCharacterCount"
|
|
876
872
|
]);
|
|
877
873
|
if (showCharacterCount) {
|
|
878
|
-
return /* @__PURE__ */ (0,
|
|
879
|
-
/* @__PURE__ */ (0,
|
|
880
|
-
/* @__PURE__ */ (0,
|
|
881
|
-
/* @__PURE__ */ (0,
|
|
874
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_mui_layout3.Grid, { container: true, justifyContent: "space-between", flexWrap: "nowrap", children: [
|
|
875
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_mui_form_utils2.FormHelperText, __spreadProps(__spreadValues({}, FormHelperTextProps2), { sx: { marginRight: "12px" }, children: helperText })),
|
|
876
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_mui_typography3.Typography, { variant: "caption", marginTop: "4px", lineHeight: "1.25rem", children: [
|
|
877
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_mui_typography3.Typography, { component: "span", variant: "inherit", color: charCount > maxLength ? "error" : "textPrimary", children: charCount || 0 }),
|
|
882
878
|
"/",
|
|
883
879
|
maxLength
|
|
884
880
|
] })
|
|
885
881
|
] });
|
|
886
882
|
}
|
|
887
|
-
return /* @__PURE__ */ (0,
|
|
883
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_mui_form_utils2.FormHelperText, __spreadProps(__spreadValues({}, FormHelperTextProps2), { children: helperText }));
|
|
888
884
|
};
|
|
889
885
|
var TextField = (0, import_react3.forwardRef)((props, ref) => {
|
|
890
886
|
var _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
|
|
@@ -916,14 +912,14 @@ var TextField = (0, import_react3.forwardRef)((props, ref) => {
|
|
|
916
912
|
const maxLength = (inputProps == null ? void 0 : inputProps.maxLength) || ((_c = (_b = rest.slotProps) == null ? void 0 : _b.htmlInput) == null ? void 0 : _c.maxLength);
|
|
917
913
|
const allReadOnly = (InputProps2 == null ? void 0 : InputProps2.readOnly) || (inputProps == null ? void 0 : inputProps.readOnly) || ((_e = (_d = rest.slotProps) == null ? void 0 : _d.htmlInput) == null ? void 0 : _e.readOnly) || ((_g = (_f = rest.slotProps) == null ? void 0 : _f.input) == null ? void 0 : _g.readOnly);
|
|
918
914
|
const resolvedProps = (props2) => !props2 || Object.keys(props2).length === 0 ? void 0 : props2;
|
|
919
|
-
return /* @__PURE__ */ (0,
|
|
915
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
920
916
|
import_TextField.default,
|
|
921
917
|
__spreadProps(__spreadValues({}, rest), {
|
|
922
918
|
onChange: (event) => {
|
|
923
919
|
setCharCount(event.target.value.length);
|
|
924
920
|
if (rest.onChange) rest.onChange(event);
|
|
925
921
|
},
|
|
926
|
-
helperText: helperText || /* @__PURE__ */ (0,
|
|
922
|
+
helperText: helperText || /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, {}),
|
|
927
923
|
slots: { formHelperText: TextFieldFormHelperText },
|
|
928
924
|
slotProps: {
|
|
929
925
|
input: resolvedProps(__spreadProps(__spreadValues(__spreadValues(__spreadValues({}, InputProps2), import_mui_form_utils2.InputPropOverrides), (_h = rest.slotProps) == null ? void 0 : _h.input), {
|
|
@@ -956,7 +952,7 @@ var TextField = (0, import_react3.forwardRef)((props, ref) => {
|
|
|
956
952
|
});
|
|
957
953
|
|
|
958
954
|
// src/lib/UploadProgressBar.tsx
|
|
959
|
-
var
|
|
955
|
+
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
960
956
|
var ERROR_MAPPINGS = [
|
|
961
957
|
{
|
|
962
958
|
pattern: /but has an extension for/i,
|
|
@@ -1005,24 +1001,24 @@ var UploadProgressBar = ({ upload, onProgress, onError, onSuccess }) => {
|
|
|
1005
1001
|
upload.onProgress.push(handleOnProgress);
|
|
1006
1002
|
upload.onSuccess.push(handleOnSuccess);
|
|
1007
1003
|
upload.onError.push(handleOnError);
|
|
1008
|
-
return errorMessage ? /* @__PURE__ */ (0,
|
|
1009
|
-
/* @__PURE__ */ (0,
|
|
1004
|
+
return errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_mui_layout4.Box, { sx: { display: "flex", flexWrap: "wrap", columnGap: "4px" }, children: [
|
|
1005
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
|
|
1010
1006
|
import_mui_list2.ListItemText,
|
|
1011
1007
|
{
|
|
1012
1008
|
slotProps: { primary: { color: "text.error", variant: "body2", component: "div" } },
|
|
1013
1009
|
sx: { wordWrap: "break-word" },
|
|
1014
1010
|
children: [
|
|
1015
|
-
/* @__PURE__ */ (0,
|
|
1011
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_icon5.WarningTriangleIcon, { sx: { verticalAlign: "middle", mt: "-2px" } }),
|
|
1016
1012
|
" ",
|
|
1017
1013
|
errorMessage
|
|
1018
1014
|
]
|
|
1019
1015
|
}
|
|
1020
1016
|
),
|
|
1021
|
-
upload.status === "encrypted" && /* @__PURE__ */ (0,
|
|
1022
|
-
/* @__PURE__ */ (0,
|
|
1023
|
-
/* @__PURE__ */ (0,
|
|
1024
|
-
/* @__PURE__ */ (0,
|
|
1025
|
-
/* @__PURE__ */ (0,
|
|
1017
|
+
upload.status === "encrypted" && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "pwRequired", children: [
|
|
1018
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_button3.Button, { color: "secondary", size: "small", onClick: toggleModal, children: "Enter Password" }),
|
|
1019
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Dialog, { open: modalOpen, onClose: toggleModal, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("form", { onSubmit: verifyPassword, children: [
|
|
1020
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DialogTitle, { children: "Enter Password" }),
|
|
1021
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
1026
1022
|
TextField,
|
|
1027
1023
|
{
|
|
1028
1024
|
type: showPassword ? "text" : "password",
|
|
@@ -1031,22 +1027,22 @@ var UploadProgressBar = ({ upload, onProgress, onError, onSuccess }) => {
|
|
|
1031
1027
|
onChange: handlePasswordChange,
|
|
1032
1028
|
autoFocus: true,
|
|
1033
1029
|
InputProps: {
|
|
1034
|
-
endAdornment: /* @__PURE__ */ (0,
|
|
1030
|
+
endAdornment: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_form_utils3.InputAdornment, { position: "end", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
1035
1031
|
import_mui_button3.IconButton,
|
|
1036
1032
|
{
|
|
1037
1033
|
title: "password visibility",
|
|
1038
1034
|
onClick: () => setShowPassword((prev) => !prev),
|
|
1039
1035
|
edge: "end",
|
|
1040
|
-
children: showPassword ? /* @__PURE__ */ (0,
|
|
1036
|
+
children: showPassword ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_icon5.EyeIcon, { fontSize: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_icon5.EyeSlashIcon, { fontSize: "small" })
|
|
1041
1037
|
}
|
|
1042
1038
|
) })
|
|
1043
1039
|
}
|
|
1044
1040
|
}
|
|
1045
1041
|
) }),
|
|
1046
|
-
/* @__PURE__ */ (0,
|
|
1042
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DialogActions, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_button3.Button, { color: "primary", type: "submit", children: "Ok" }) })
|
|
1047
1043
|
] }) })
|
|
1048
1044
|
] })
|
|
1049
|
-
] }) : /* @__PURE__ */ (0,
|
|
1045
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_progress.LinearProgress, { value: statePercentage, "aria-label": `${upload.file.name}-progress` });
|
|
1050
1046
|
};
|
|
1051
1047
|
|
|
1052
1048
|
// src/lib/useUploadCore.tsx
|
|
@@ -1077,7 +1073,7 @@ function useUploadCore(file, options, queryOptions) {
|
|
|
1077
1073
|
}
|
|
1078
1074
|
|
|
1079
1075
|
// src/lib/FileList.tsx
|
|
1080
|
-
var
|
|
1076
|
+
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
1081
1077
|
var FileRow = ({
|
|
1082
1078
|
file,
|
|
1083
1079
|
options,
|
|
@@ -1089,12 +1085,12 @@ var FileRow = ({
|
|
|
1089
1085
|
const Icon = getFileExtIcon(file.name);
|
|
1090
1086
|
const { data: upload } = useUploadCore(file, options, queryOptions);
|
|
1091
1087
|
if (!upload) return null;
|
|
1092
|
-
if (CustomRow) return /* @__PURE__ */ (0,
|
|
1093
|
-
return /* @__PURE__ */ (0,
|
|
1088
|
+
if (CustomRow) return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CustomRow, { upload, options, onRemoveFile });
|
|
1089
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
|
|
1094
1090
|
import_mui_list3.ListItem,
|
|
1095
1091
|
{
|
|
1096
1092
|
disableGutters: true,
|
|
1097
|
-
secondaryAction: !disableRemove && /* @__PURE__ */ (0,
|
|
1093
|
+
secondaryAction: !disableRemove && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
1098
1094
|
import_mui_button4.IconButton,
|
|
1099
1095
|
{
|
|
1100
1096
|
title: "remove file",
|
|
@@ -1102,17 +1098,17 @@ var FileRow = ({
|
|
|
1102
1098
|
onClick: () => {
|
|
1103
1099
|
onRemoveFile(upload.id, upload);
|
|
1104
1100
|
},
|
|
1105
|
-
children: /* @__PURE__ */ (0,
|
|
1101
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_icon6.DeleteIcon, {})
|
|
1106
1102
|
}
|
|
1107
1103
|
),
|
|
1108
1104
|
children: [
|
|
1109
|
-
/* @__PURE__ */ (0,
|
|
1110
|
-
/* @__PURE__ */ (0,
|
|
1111
|
-
/* @__PURE__ */ (0,
|
|
1112
|
-
/* @__PURE__ */ (0,
|
|
1113
|
-
/* @__PURE__ */ (0,
|
|
1105
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_mui_layout5.Grid, { container: true, spacing: 2, alignItems: "center", justifyContent: "space-between", width: "100%", flexWrap: "wrap", children: [
|
|
1106
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_layout5.Grid, { size: { xs: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_list3.ListItemIcon, { sx: { minWidth: "1.5rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, {}) }) }),
|
|
1107
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_layout5.Grid, { size: { xs: 4 }, sx: { minWidth: "8rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_list3.ListItemText, { sx: { wordBreak: "break-all" }, children: upload.trimFileName(upload.file.name) }) }),
|
|
1108
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_layout5.Grid, { size: { xs: 2 }, sx: { minWidth: "3rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_list3.ListItemText, { sx: { textAlign: "end" }, children: formatBytes(upload.file.size) }) }),
|
|
1109
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_layout5.Grid, { size: { xs: "grow" }, sx: { minWidth: "6rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(UploadProgressBar, { upload }) })
|
|
1114
1110
|
] }),
|
|
1115
|
-
/* @__PURE__ */ (0,
|
|
1111
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_divider3.Divider, {})
|
|
1116
1112
|
]
|
|
1117
1113
|
}
|
|
1118
1114
|
);
|
|
@@ -1126,8 +1122,8 @@ var FileList = ({
|
|
|
1126
1122
|
disableRemove
|
|
1127
1123
|
}) => {
|
|
1128
1124
|
if (files.length === 0) return null;
|
|
1129
|
-
return /* @__PURE__ */ (0,
|
|
1130
|
-
return /* @__PURE__ */ (0,
|
|
1125
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_list3.List, { children: files.map((file) => {
|
|
1126
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
1131
1127
|
FileRow,
|
|
1132
1128
|
{
|
|
1133
1129
|
file,
|
|
@@ -1148,7 +1144,7 @@ var import_mui_button5 = require("@availity/mui-button");
|
|
|
1148
1144
|
var import_mui_icon7 = require("@availity/mui-icon");
|
|
1149
1145
|
var import_mui_layout6 = require("@availity/mui-layout");
|
|
1150
1146
|
var import_mui_divider4 = require("@availity/mui-divider");
|
|
1151
|
-
var
|
|
1147
|
+
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
1152
1148
|
var FileRow2 = ({
|
|
1153
1149
|
upload,
|
|
1154
1150
|
options,
|
|
@@ -1158,12 +1154,12 @@ var FileRow2 = ({
|
|
|
1158
1154
|
}) => {
|
|
1159
1155
|
const Icon = getFileExtIcon(upload.file.name);
|
|
1160
1156
|
if (!upload) return null;
|
|
1161
|
-
if (CustomRow) return /* @__PURE__ */ (0,
|
|
1162
|
-
return /* @__PURE__ */ (0,
|
|
1157
|
+
if (CustomRow) return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CustomRow, { upload, options, onRemoveFile });
|
|
1158
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
|
|
1163
1159
|
import_mui_list4.ListItem,
|
|
1164
1160
|
{
|
|
1165
1161
|
disableGutters: true,
|
|
1166
|
-
secondaryAction: !disableRemove && /* @__PURE__ */ (0,
|
|
1162
|
+
secondaryAction: !disableRemove && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
1167
1163
|
import_mui_button5.IconButton,
|
|
1168
1164
|
{
|
|
1169
1165
|
title: "remove file",
|
|
@@ -1171,17 +1167,17 @@ var FileRow2 = ({
|
|
|
1171
1167
|
onClick: () => {
|
|
1172
1168
|
onRemoveFile(upload.id, upload);
|
|
1173
1169
|
},
|
|
1174
|
-
children: /* @__PURE__ */ (0,
|
|
1170
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_mui_icon7.DeleteIcon, {})
|
|
1175
1171
|
}
|
|
1176
1172
|
),
|
|
1177
1173
|
children: [
|
|
1178
|
-
/* @__PURE__ */ (0,
|
|
1179
|
-
/* @__PURE__ */ (0,
|
|
1180
|
-
/* @__PURE__ */ (0,
|
|
1181
|
-
/* @__PURE__ */ (0,
|
|
1182
|
-
/* @__PURE__ */ (0,
|
|
1174
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_mui_layout6.Grid, { container: true, spacing: 2, alignItems: "center", justifyContent: "space-between", width: "100%", flexWrap: "wrap", children: [
|
|
1175
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_mui_layout6.Grid, { size: { xs: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_mui_list4.ListItemIcon, { sx: { minWidth: "1.5rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, {}) }) }),
|
|
1176
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_mui_layout6.Grid, { size: { xs: 4 }, sx: { minWidth: "8rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_mui_list4.ListItemText, { sx: { wordBreak: "break-all" }, children: upload.trimFileName(upload.file.name) }) }),
|
|
1177
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_mui_layout6.Grid, { size: { xs: 2 }, sx: { minWidth: "3rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_mui_list4.ListItemText, { sx: { textAlign: "end" }, children: formatBytes(upload.file.size) }) }),
|
|
1178
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_mui_layout6.Grid, { size: { xs: "grow" }, sx: { minWidth: "6rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(UploadProgressBar, { upload }) })
|
|
1183
1179
|
] }),
|
|
1184
|
-
/* @__PURE__ */ (0,
|
|
1180
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_mui_divider4.Divider, {})
|
|
1185
1181
|
]
|
|
1186
1182
|
}
|
|
1187
1183
|
);
|
|
@@ -1194,8 +1190,8 @@ var FileList2 = ({
|
|
|
1194
1190
|
disableRemove
|
|
1195
1191
|
}) => {
|
|
1196
1192
|
if (uploads.length === 0) return null;
|
|
1197
|
-
return /* @__PURE__ */ (0,
|
|
1198
|
-
return /* @__PURE__ */ (0,
|
|
1193
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_mui_list4.List, { children: uploads.map((upload) => {
|
|
1194
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
1199
1195
|
FileRow2,
|
|
1200
1196
|
{
|
|
1201
1197
|
upload,
|
|
@@ -1219,7 +1215,7 @@ var import_mui_alert3 = require("@availity/mui-alert");
|
|
|
1219
1215
|
|
|
1220
1216
|
// src/lib/FileTypesMessage.tsx
|
|
1221
1217
|
var import_mui_typography4 = require("@availity/mui-typography");
|
|
1222
|
-
var
|
|
1218
|
+
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
1223
1219
|
var FileTypesMessage = ({
|
|
1224
1220
|
allowedFileTypes = [],
|
|
1225
1221
|
customSizeMessage,
|
|
@@ -1232,7 +1228,7 @@ var FileTypesMessage = ({
|
|
|
1232
1228
|
const fileSizeMsg = customSizeMessage || (typeof maxFileSize === "number" ? `Maximum file size is ${formatBytes(maxFileSize)}. ` : null);
|
|
1233
1229
|
const totalFileSizeMsg = customTotalSizeMessage || (typeof maxTotalSize === "number" ? `Maximum total upload size is ${formatBytes(maxTotalSize)}. ` : null);
|
|
1234
1230
|
const fileTypesMsg = customTypesMessage || (allowedFileTypes.length > 0 ? `Supported file types include: ${allowedFileTypes.join(", ")}` : "All file types allowed.");
|
|
1235
|
-
return /* @__PURE__ */ (0,
|
|
1231
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_mui_typography4.Typography, { variant, children: [
|
|
1236
1232
|
fileSizeMsg,
|
|
1237
1233
|
totalFileSizeMsg,
|
|
1238
1234
|
fileTypesMsg
|
|
@@ -1241,9 +1237,9 @@ var FileTypesMessage = ({
|
|
|
1241
1237
|
|
|
1242
1238
|
// src/lib/HeaderMessage.tsx
|
|
1243
1239
|
var import_mui_typography5 = require("@availity/mui-typography");
|
|
1244
|
-
var
|
|
1240
|
+
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
1245
1241
|
var HeaderMessage = ({ maxFiles, maxSize, maxTotalSize }) => {
|
|
1246
|
-
return /* @__PURE__ */ (0,
|
|
1242
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_mui_typography5.Typography, { variant: "h6", children: [
|
|
1247
1243
|
"Attach up to ",
|
|
1248
1244
|
maxFiles,
|
|
1249
1245
|
" file(s), with a maximum individual size of ",
|
|
@@ -1254,7 +1250,7 @@ var HeaderMessage = ({ maxFiles, maxSize, maxTotalSize }) => {
|
|
|
1254
1250
|
};
|
|
1255
1251
|
|
|
1256
1252
|
// src/lib/FileSelector.tsx
|
|
1257
|
-
var
|
|
1253
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
1258
1254
|
var CLOUD_URL = "/cloud/web/appl/vault/upload/v1/resumable";
|
|
1259
1255
|
var FileSelector = ({
|
|
1260
1256
|
name,
|
|
@@ -1327,10 +1323,10 @@ var FileSelector = ({
|
|
|
1327
1323
|
const otherRejections = fileRejections.filter(
|
|
1328
1324
|
(rejection) => !rejection.errors.some((error) => error.code === TOO_MANY_FILES_CODE)
|
|
1329
1325
|
);
|
|
1330
|
-
return /* @__PURE__ */ (0,
|
|
1331
|
-
enableDropArea ? /* @__PURE__ */ (0,
|
|
1332
|
-
label ? /* @__PURE__ */ (0,
|
|
1333
|
-
/* @__PURE__ */ (0,
|
|
1326
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
|
|
1327
|
+
enableDropArea ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
|
|
1328
|
+
label ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_mui_typography6.Typography, { marginBottom: "4px", children: label }) : null,
|
|
1329
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
1334
1330
|
Dropzone,
|
|
1335
1331
|
{
|
|
1336
1332
|
name,
|
|
@@ -1349,7 +1345,7 @@ var FileSelector = ({
|
|
|
1349
1345
|
validator
|
|
1350
1346
|
}
|
|
1351
1347
|
),
|
|
1352
|
-
/* @__PURE__ */ (0,
|
|
1348
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
1353
1349
|
FileTypesMessage,
|
|
1354
1350
|
{
|
|
1355
1351
|
allowedFileTypes,
|
|
@@ -1362,10 +1358,10 @@ var FileSelector = ({
|
|
|
1362
1358
|
}
|
|
1363
1359
|
),
|
|
1364
1360
|
children
|
|
1365
|
-
] }) : /* @__PURE__ */ (0,
|
|
1366
|
-
/* @__PURE__ */ (0,
|
|
1367
|
-
/* @__PURE__ */ (0,
|
|
1368
|
-
/* @__PURE__ */ (0,
|
|
1361
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_mui_layout7.Grid, { container: true, rowSpacing: 3, flexDirection: "column", children: [
|
|
1362
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_mui_layout7.Grid, { children: [
|
|
1363
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(HeaderMessage, { maxFiles, maxSize, maxTotalSize }),
|
|
1364
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
1369
1365
|
FileTypesMessage,
|
|
1370
1366
|
{
|
|
1371
1367
|
allowedFileTypes,
|
|
@@ -1376,8 +1372,8 @@ var FileSelector = ({
|
|
|
1376
1372
|
}
|
|
1377
1373
|
)
|
|
1378
1374
|
] }),
|
|
1379
|
-
children ? /* @__PURE__ */ (0,
|
|
1380
|
-
/* @__PURE__ */ (0,
|
|
1375
|
+
children ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_mui_layout7.Grid, { children }) : null,
|
|
1376
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_mui_layout7.Grid, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
1381
1377
|
Dropzone,
|
|
1382
1378
|
{
|
|
1383
1379
|
name,
|
|
@@ -1397,20 +1393,20 @@ var FileSelector = ({
|
|
|
1397
1393
|
}
|
|
1398
1394
|
) })
|
|
1399
1395
|
] }),
|
|
1400
|
-
tooManyFilesRejections.length > 0 && /* @__PURE__ */ (0,
|
|
1396
|
+
tooManyFilesRejections.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
|
|
1401
1397
|
import_mui_alert3.Alert,
|
|
1402
1398
|
{
|
|
1403
1399
|
severity: "error",
|
|
1404
1400
|
onClose: () => tooManyFilesRejections.forEach((rejection) => handleRemoveRejection(rejection.id)),
|
|
1405
1401
|
children: [
|
|
1406
|
-
/* @__PURE__ */ (0,
|
|
1402
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_mui_alert3.AlertTitle, { children: "Items not allowed." }),
|
|
1407
1403
|
"Too many files are selected for upload, maximum ",
|
|
1408
1404
|
maxFiles,
|
|
1409
1405
|
" allowed."
|
|
1410
1406
|
]
|
|
1411
1407
|
}
|
|
1412
1408
|
),
|
|
1413
|
-
otherRejections.length > 0 && otherRejections.map((rejection) => /* @__PURE__ */ (0,
|
|
1409
|
+
otherRejections.length > 0 && otherRejections.map((rejection) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
1414
1410
|
ErrorAlert,
|
|
1415
1411
|
{
|
|
1416
1412
|
errors: rejection.errors,
|
|
@@ -1420,7 +1416,7 @@ var FileSelector = ({
|
|
|
1420
1416
|
},
|
|
1421
1417
|
rejection.id
|
|
1422
1418
|
)),
|
|
1423
|
-
/* @__PURE__ */ (0,
|
|
1419
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
1424
1420
|
FileList,
|
|
1425
1421
|
{
|
|
1426
1422
|
files: files || [],
|
|
@@ -1440,7 +1436,7 @@ var import_react_hook_form5 = require("react-hook-form");
|
|
|
1440
1436
|
var import_mui_layout8 = require("@availity/mui-layout");
|
|
1441
1437
|
var import_mui_typography7 = require("@availity/mui-typography");
|
|
1442
1438
|
var import_mui_alert4 = require("@availity/mui-alert");
|
|
1443
|
-
var
|
|
1439
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
1444
1440
|
var FileSelector2 = ({
|
|
1445
1441
|
name,
|
|
1446
1442
|
allowedFileNameCharacters,
|
|
@@ -1509,10 +1505,10 @@ var FileSelector2 = ({
|
|
|
1509
1505
|
const otherRejections = fileRejections.filter(
|
|
1510
1506
|
(rejection) => !rejection.errors.some((error) => error.code === TOO_MANY_FILES_CODE)
|
|
1511
1507
|
);
|
|
1512
|
-
return /* @__PURE__ */ (0,
|
|
1513
|
-
enableDropArea ? /* @__PURE__ */ (0,
|
|
1514
|
-
label ? /* @__PURE__ */ (0,
|
|
1515
|
-
/* @__PURE__ */ (0,
|
|
1508
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
|
|
1509
|
+
enableDropArea ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
|
|
1510
|
+
label ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_mui_typography7.Typography, { marginBottom: "4px", children: label }) : null,
|
|
1511
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
1516
1512
|
Dropzone2,
|
|
1517
1513
|
{
|
|
1518
1514
|
name,
|
|
@@ -1531,7 +1527,7 @@ var FileSelector2 = ({
|
|
|
1531
1527
|
validator
|
|
1532
1528
|
}
|
|
1533
1529
|
),
|
|
1534
|
-
/* @__PURE__ */ (0,
|
|
1530
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
1535
1531
|
FileTypesMessage,
|
|
1536
1532
|
{
|
|
1537
1533
|
allowedFileTypes,
|
|
@@ -1544,10 +1540,10 @@ var FileSelector2 = ({
|
|
|
1544
1540
|
}
|
|
1545
1541
|
),
|
|
1546
1542
|
children
|
|
1547
|
-
] }) : /* @__PURE__ */ (0,
|
|
1548
|
-
/* @__PURE__ */ (0,
|
|
1549
|
-
/* @__PURE__ */ (0,
|
|
1550
|
-
/* @__PURE__ */ (0,
|
|
1543
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_mui_layout8.Grid, { container: true, rowSpacing: 3, flexDirection: "column", children: [
|
|
1544
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_mui_layout8.Grid, { children: [
|
|
1545
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(HeaderMessage, { maxFiles, maxSize, maxTotalSize }),
|
|
1546
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
1551
1547
|
FileTypesMessage,
|
|
1552
1548
|
{
|
|
1553
1549
|
allowedFileTypes,
|
|
@@ -1558,8 +1554,8 @@ var FileSelector2 = ({
|
|
|
1558
1554
|
}
|
|
1559
1555
|
)
|
|
1560
1556
|
] }),
|
|
1561
|
-
children ? /* @__PURE__ */ (0,
|
|
1562
|
-
/* @__PURE__ */ (0,
|
|
1557
|
+
children ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_mui_layout8.Grid, { children }) : null,
|
|
1558
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_mui_layout8.Grid, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
1563
1559
|
Dropzone2,
|
|
1564
1560
|
{
|
|
1565
1561
|
name,
|
|
@@ -1579,20 +1575,20 @@ var FileSelector2 = ({
|
|
|
1579
1575
|
}
|
|
1580
1576
|
) })
|
|
1581
1577
|
] }),
|
|
1582
|
-
tooManyFilesRejections.length > 0 && /* @__PURE__ */ (0,
|
|
1578
|
+
tooManyFilesRejections.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
|
|
1583
1579
|
import_mui_alert4.Alert,
|
|
1584
1580
|
{
|
|
1585
1581
|
severity: "error",
|
|
1586
1582
|
onClose: () => tooManyFilesRejections.forEach((rejection) => handleRemoveRejection(rejection.id)),
|
|
1587
1583
|
children: [
|
|
1588
|
-
/* @__PURE__ */ (0,
|
|
1584
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_mui_alert4.AlertTitle, { children: "Items not allowed." }),
|
|
1589
1585
|
"Too many files are selected for upload, maximum ",
|
|
1590
1586
|
maxFiles,
|
|
1591
1587
|
" allowed."
|
|
1592
1588
|
]
|
|
1593
1589
|
}
|
|
1594
1590
|
),
|
|
1595
|
-
otherRejections.length > 0 && otherRejections.map((rejection) => /* @__PURE__ */ (0,
|
|
1591
|
+
otherRejections.length > 0 && otherRejections.map((rejection) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
1596
1592
|
ErrorAlert,
|
|
1597
1593
|
{
|
|
1598
1594
|
errors: rejection.errors,
|
|
@@ -1602,7 +1598,7 @@ var FileSelector2 = ({
|
|
|
1602
1598
|
},
|
|
1603
1599
|
rejection.id
|
|
1604
1600
|
)),
|
|
1605
|
-
/* @__PURE__ */ (0,
|
|
1601
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
1606
1602
|
FileList2,
|
|
1607
1603
|
{
|
|
1608
1604
|
uploads: uploads || [],
|
package/dist/index.mjs
CHANGED
|
@@ -780,15 +780,11 @@ var DialogContent = (_a) => {
|
|
|
780
780
|
return /* @__PURE__ */ jsx7(MuiDialogContent, __spreadProps(__spreadValues({}, rest), { children }));
|
|
781
781
|
};
|
|
782
782
|
|
|
783
|
-
// ../dialog/src/lib/DialogContentText.tsx
|
|
784
|
-
import MuiDialogContentText from "@mui/material/DialogContentText";
|
|
785
|
-
import { jsx as jsx8 } from "react/jsx-runtime";
|
|
786
|
-
|
|
787
783
|
// ../dialog/src/lib/DialogTitle.tsx
|
|
788
784
|
import MuiDialogTitle from "@mui/material/DialogTitle";
|
|
789
785
|
import { AlertIcons } from "@availity/mui-alert";
|
|
790
786
|
import { styled as styled3 } from "@mui/material/styles";
|
|
791
|
-
import { jsx as
|
|
787
|
+
import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
792
788
|
var AlertIcon = styled3("div", {
|
|
793
789
|
name: "MuiDialogTitle",
|
|
794
790
|
slot: "AvIcon",
|
|
@@ -802,7 +798,7 @@ var AlertIcon = styled3("div", {
|
|
|
802
798
|
var DialogTitle = (_a) => {
|
|
803
799
|
var _b = _a, { children, component = "h2", icon, variant = "h5" } = _b, rest = __objRest(_b, ["children", "component", "icon", "variant"]);
|
|
804
800
|
return /* @__PURE__ */ jsxs6(MuiDialogTitle, __spreadProps(__spreadValues({ component, variant }, rest), { children: [
|
|
805
|
-
icon ? /* @__PURE__ */
|
|
801
|
+
icon ? /* @__PURE__ */ jsx8(AlertIcon, { children: AlertIcons[icon] }) : null,
|
|
806
802
|
children
|
|
807
803
|
] }));
|
|
808
804
|
};
|
|
@@ -826,7 +822,7 @@ import {
|
|
|
826
822
|
} from "@availity/mui-form-utils";
|
|
827
823
|
import { Grid } from "@availity/mui-layout";
|
|
828
824
|
import { Typography as Typography3 } from "@availity/mui-typography";
|
|
829
|
-
import { Fragment as Fragment5, jsx as
|
|
825
|
+
import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
830
826
|
var TextFieldFormHelperText = (_a) => {
|
|
831
827
|
var _b = _a, {
|
|
832
828
|
charCount,
|
|
@@ -841,15 +837,15 @@ var TextFieldFormHelperText = (_a) => {
|
|
|
841
837
|
]);
|
|
842
838
|
if (showCharacterCount) {
|
|
843
839
|
return /* @__PURE__ */ jsxs7(Grid, { container: true, justifyContent: "space-between", flexWrap: "nowrap", children: [
|
|
844
|
-
/* @__PURE__ */
|
|
840
|
+
/* @__PURE__ */ jsx9(FormHelperText, __spreadProps(__spreadValues({}, FormHelperTextProps2), { sx: { marginRight: "12px" }, children: helperText })),
|
|
845
841
|
/* @__PURE__ */ jsxs7(Typography3, { variant: "caption", marginTop: "4px", lineHeight: "1.25rem", children: [
|
|
846
|
-
/* @__PURE__ */
|
|
842
|
+
/* @__PURE__ */ jsx9(Typography3, { component: "span", variant: "inherit", color: charCount > maxLength ? "error" : "textPrimary", children: charCount || 0 }),
|
|
847
843
|
"/",
|
|
848
844
|
maxLength
|
|
849
845
|
] })
|
|
850
846
|
] });
|
|
851
847
|
}
|
|
852
|
-
return /* @__PURE__ */
|
|
848
|
+
return /* @__PURE__ */ jsx9(FormHelperText, __spreadProps(__spreadValues({}, FormHelperTextProps2), { children: helperText }));
|
|
853
849
|
};
|
|
854
850
|
var TextField = forwardRef((props, ref) => {
|
|
855
851
|
var _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
|
|
@@ -881,14 +877,14 @@ var TextField = forwardRef((props, ref) => {
|
|
|
881
877
|
const maxLength = (inputProps == null ? void 0 : inputProps.maxLength) || ((_c = (_b = rest.slotProps) == null ? void 0 : _b.htmlInput) == null ? void 0 : _c.maxLength);
|
|
882
878
|
const allReadOnly = (InputProps2 == null ? void 0 : InputProps2.readOnly) || (inputProps == null ? void 0 : inputProps.readOnly) || ((_e = (_d = rest.slotProps) == null ? void 0 : _d.htmlInput) == null ? void 0 : _e.readOnly) || ((_g = (_f = rest.slotProps) == null ? void 0 : _f.input) == null ? void 0 : _g.readOnly);
|
|
883
879
|
const resolvedProps = (props2) => !props2 || Object.keys(props2).length === 0 ? void 0 : props2;
|
|
884
|
-
return /* @__PURE__ */
|
|
880
|
+
return /* @__PURE__ */ jsx9(
|
|
885
881
|
MuiTextField,
|
|
886
882
|
__spreadProps(__spreadValues({}, rest), {
|
|
887
883
|
onChange: (event) => {
|
|
888
884
|
setCharCount(event.target.value.length);
|
|
889
885
|
if (rest.onChange) rest.onChange(event);
|
|
890
886
|
},
|
|
891
|
-
helperText: helperText || /* @__PURE__ */
|
|
887
|
+
helperText: helperText || /* @__PURE__ */ jsx9(Fragment5, {}),
|
|
892
888
|
slots: { formHelperText: TextFieldFormHelperText },
|
|
893
889
|
slotProps: {
|
|
894
890
|
input: resolvedProps(__spreadProps(__spreadValues(__spreadValues(__spreadValues({}, InputProps2), InputPropOverrides), (_h = rest.slotProps) == null ? void 0 : _h.input), {
|
|
@@ -921,7 +917,7 @@ var TextField = forwardRef((props, ref) => {
|
|
|
921
917
|
});
|
|
922
918
|
|
|
923
919
|
// src/lib/UploadProgressBar.tsx
|
|
924
|
-
import { jsx as
|
|
920
|
+
import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
925
921
|
var ERROR_MAPPINGS = [
|
|
926
922
|
{
|
|
927
923
|
pattern: /but has an extension for/i,
|
|
@@ -977,17 +973,17 @@ var UploadProgressBar = ({ upload, onProgress, onError, onSuccess }) => {
|
|
|
977
973
|
slotProps: { primary: { color: "text.error", variant: "body2", component: "div" } },
|
|
978
974
|
sx: { wordWrap: "break-word" },
|
|
979
975
|
children: [
|
|
980
|
-
/* @__PURE__ */
|
|
976
|
+
/* @__PURE__ */ jsx10(WarningTriangleIcon, { sx: { verticalAlign: "middle", mt: "-2px" } }),
|
|
981
977
|
" ",
|
|
982
978
|
errorMessage
|
|
983
979
|
]
|
|
984
980
|
}
|
|
985
981
|
),
|
|
986
982
|
upload.status === "encrypted" && /* @__PURE__ */ jsxs8("div", { className: "pwRequired", children: [
|
|
987
|
-
/* @__PURE__ */
|
|
988
|
-
/* @__PURE__ */
|
|
989
|
-
/* @__PURE__ */
|
|
990
|
-
/* @__PURE__ */
|
|
983
|
+
/* @__PURE__ */ jsx10(Button2, { color: "secondary", size: "small", onClick: toggleModal, children: "Enter Password" }),
|
|
984
|
+
/* @__PURE__ */ jsx10(Dialog, { open: modalOpen, onClose: toggleModal, children: /* @__PURE__ */ jsxs8("form", { onSubmit: verifyPassword, children: [
|
|
985
|
+
/* @__PURE__ */ jsx10(DialogTitle, { children: "Enter Password" }),
|
|
986
|
+
/* @__PURE__ */ jsx10(DialogContent, { children: /* @__PURE__ */ jsx10(
|
|
991
987
|
TextField,
|
|
992
988
|
{
|
|
993
989
|
type: showPassword ? "text" : "password",
|
|
@@ -996,22 +992,22 @@ var UploadProgressBar = ({ upload, onProgress, onError, onSuccess }) => {
|
|
|
996
992
|
onChange: handlePasswordChange,
|
|
997
993
|
autoFocus: true,
|
|
998
994
|
InputProps: {
|
|
999
|
-
endAdornment: /* @__PURE__ */
|
|
995
|
+
endAdornment: /* @__PURE__ */ jsx10(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx10(
|
|
1000
996
|
IconButton2,
|
|
1001
997
|
{
|
|
1002
998
|
title: "password visibility",
|
|
1003
999
|
onClick: () => setShowPassword((prev) => !prev),
|
|
1004
1000
|
edge: "end",
|
|
1005
|
-
children: showPassword ? /* @__PURE__ */
|
|
1001
|
+
children: showPassword ? /* @__PURE__ */ jsx10(EyeIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx10(EyeSlashIcon, { fontSize: "small" })
|
|
1006
1002
|
}
|
|
1007
1003
|
) })
|
|
1008
1004
|
}
|
|
1009
1005
|
}
|
|
1010
1006
|
) }),
|
|
1011
|
-
/* @__PURE__ */
|
|
1007
|
+
/* @__PURE__ */ jsx10(DialogActions, { children: /* @__PURE__ */ jsx10(Button2, { color: "primary", type: "submit", children: "Ok" }) })
|
|
1012
1008
|
] }) })
|
|
1013
1009
|
] })
|
|
1014
|
-
] }) : /* @__PURE__ */
|
|
1010
|
+
] }) : /* @__PURE__ */ jsx10(LinearProgress, { value: statePercentage, "aria-label": `${upload.file.name}-progress` });
|
|
1015
1011
|
};
|
|
1016
1012
|
|
|
1017
1013
|
// src/lib/useUploadCore.tsx
|
|
@@ -1042,7 +1038,7 @@ function useUploadCore(file, options, queryOptions) {
|
|
|
1042
1038
|
}
|
|
1043
1039
|
|
|
1044
1040
|
// src/lib/FileList.tsx
|
|
1045
|
-
import { jsx as
|
|
1041
|
+
import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
1046
1042
|
var FileRow = ({
|
|
1047
1043
|
file,
|
|
1048
1044
|
options,
|
|
@@ -1054,12 +1050,12 @@ var FileRow = ({
|
|
|
1054
1050
|
const Icon = getFileExtIcon(file.name);
|
|
1055
1051
|
const { data: upload } = useUploadCore(file, options, queryOptions);
|
|
1056
1052
|
if (!upload) return null;
|
|
1057
|
-
if (CustomRow) return /* @__PURE__ */
|
|
1053
|
+
if (CustomRow) return /* @__PURE__ */ jsx11(CustomRow, { upload, options, onRemoveFile });
|
|
1058
1054
|
return /* @__PURE__ */ jsxs9(
|
|
1059
1055
|
ListItem2,
|
|
1060
1056
|
{
|
|
1061
1057
|
disableGutters: true,
|
|
1062
|
-
secondaryAction: !disableRemove && /* @__PURE__ */
|
|
1058
|
+
secondaryAction: !disableRemove && /* @__PURE__ */ jsx11(
|
|
1063
1059
|
IconButton3,
|
|
1064
1060
|
{
|
|
1065
1061
|
title: "remove file",
|
|
@@ -1067,17 +1063,17 @@ var FileRow = ({
|
|
|
1067
1063
|
onClick: () => {
|
|
1068
1064
|
onRemoveFile(upload.id, upload);
|
|
1069
1065
|
},
|
|
1070
|
-
children: /* @__PURE__ */
|
|
1066
|
+
children: /* @__PURE__ */ jsx11(DeleteIcon, {})
|
|
1071
1067
|
}
|
|
1072
1068
|
),
|
|
1073
1069
|
children: [
|
|
1074
1070
|
/* @__PURE__ */ jsxs9(Grid2, { container: true, spacing: 2, alignItems: "center", justifyContent: "space-between", width: "100%", flexWrap: "wrap", children: [
|
|
1075
|
-
/* @__PURE__ */
|
|
1076
|
-
/* @__PURE__ */
|
|
1077
|
-
/* @__PURE__ */
|
|
1078
|
-
/* @__PURE__ */
|
|
1071
|
+
/* @__PURE__ */ jsx11(Grid2, { size: { xs: "auto" }, children: /* @__PURE__ */ jsx11(ListItemIcon, { sx: { minWidth: "1.5rem" }, children: /* @__PURE__ */ jsx11(Icon, {}) }) }),
|
|
1072
|
+
/* @__PURE__ */ jsx11(Grid2, { size: { xs: 4 }, sx: { minWidth: "8rem" }, children: /* @__PURE__ */ jsx11(ListItemText2, { sx: { wordBreak: "break-all" }, children: upload.trimFileName(upload.file.name) }) }),
|
|
1073
|
+
/* @__PURE__ */ jsx11(Grid2, { size: { xs: 2 }, sx: { minWidth: "3rem" }, children: /* @__PURE__ */ jsx11(ListItemText2, { sx: { textAlign: "end" }, children: formatBytes(upload.file.size) }) }),
|
|
1074
|
+
/* @__PURE__ */ jsx11(Grid2, { size: { xs: "grow" }, sx: { minWidth: "6rem" }, children: /* @__PURE__ */ jsx11(UploadProgressBar, { upload }) })
|
|
1079
1075
|
] }),
|
|
1080
|
-
/* @__PURE__ */
|
|
1076
|
+
/* @__PURE__ */ jsx11(Divider3, {})
|
|
1081
1077
|
]
|
|
1082
1078
|
}
|
|
1083
1079
|
);
|
|
@@ -1091,8 +1087,8 @@ var FileList = ({
|
|
|
1091
1087
|
disableRemove
|
|
1092
1088
|
}) => {
|
|
1093
1089
|
if (files.length === 0) return null;
|
|
1094
|
-
return /* @__PURE__ */
|
|
1095
|
-
return /* @__PURE__ */
|
|
1090
|
+
return /* @__PURE__ */ jsx11(List2, { children: files.map((file) => {
|
|
1091
|
+
return /* @__PURE__ */ jsx11(
|
|
1096
1092
|
FileRow,
|
|
1097
1093
|
{
|
|
1098
1094
|
file,
|
|
@@ -1113,7 +1109,7 @@ import { IconButton as IconButton4 } from "@availity/mui-button";
|
|
|
1113
1109
|
import { DeleteIcon as DeleteIcon2 } from "@availity/mui-icon";
|
|
1114
1110
|
import { Grid as Grid3 } from "@availity/mui-layout";
|
|
1115
1111
|
import { Divider as Divider4 } from "@availity/mui-divider";
|
|
1116
|
-
import { jsx as
|
|
1112
|
+
import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
1117
1113
|
var FileRow2 = ({
|
|
1118
1114
|
upload,
|
|
1119
1115
|
options,
|
|
@@ -1123,12 +1119,12 @@ var FileRow2 = ({
|
|
|
1123
1119
|
}) => {
|
|
1124
1120
|
const Icon = getFileExtIcon(upload.file.name);
|
|
1125
1121
|
if (!upload) return null;
|
|
1126
|
-
if (CustomRow) return /* @__PURE__ */
|
|
1122
|
+
if (CustomRow) return /* @__PURE__ */ jsx12(CustomRow, { upload, options, onRemoveFile });
|
|
1127
1123
|
return /* @__PURE__ */ jsxs10(
|
|
1128
1124
|
ListItem3,
|
|
1129
1125
|
{
|
|
1130
1126
|
disableGutters: true,
|
|
1131
|
-
secondaryAction: !disableRemove && /* @__PURE__ */
|
|
1127
|
+
secondaryAction: !disableRemove && /* @__PURE__ */ jsx12(
|
|
1132
1128
|
IconButton4,
|
|
1133
1129
|
{
|
|
1134
1130
|
title: "remove file",
|
|
@@ -1136,17 +1132,17 @@ var FileRow2 = ({
|
|
|
1136
1132
|
onClick: () => {
|
|
1137
1133
|
onRemoveFile(upload.id, upload);
|
|
1138
1134
|
},
|
|
1139
|
-
children: /* @__PURE__ */
|
|
1135
|
+
children: /* @__PURE__ */ jsx12(DeleteIcon2, {})
|
|
1140
1136
|
}
|
|
1141
1137
|
),
|
|
1142
1138
|
children: [
|
|
1143
1139
|
/* @__PURE__ */ jsxs10(Grid3, { container: true, spacing: 2, alignItems: "center", justifyContent: "space-between", width: "100%", flexWrap: "wrap", children: [
|
|
1144
|
-
/* @__PURE__ */
|
|
1145
|
-
/* @__PURE__ */
|
|
1146
|
-
/* @__PURE__ */
|
|
1147
|
-
/* @__PURE__ */
|
|
1140
|
+
/* @__PURE__ */ jsx12(Grid3, { size: { xs: "auto" }, children: /* @__PURE__ */ jsx12(ListItemIcon2, { sx: { minWidth: "1.5rem" }, children: /* @__PURE__ */ jsx12(Icon, {}) }) }),
|
|
1141
|
+
/* @__PURE__ */ jsx12(Grid3, { size: { xs: 4 }, sx: { minWidth: "8rem" }, children: /* @__PURE__ */ jsx12(ListItemText3, { sx: { wordBreak: "break-all" }, children: upload.trimFileName(upload.file.name) }) }),
|
|
1142
|
+
/* @__PURE__ */ jsx12(Grid3, { size: { xs: 2 }, sx: { minWidth: "3rem" }, children: /* @__PURE__ */ jsx12(ListItemText3, { sx: { textAlign: "end" }, children: formatBytes(upload.file.size) }) }),
|
|
1143
|
+
/* @__PURE__ */ jsx12(Grid3, { size: { xs: "grow" }, sx: { minWidth: "6rem" }, children: /* @__PURE__ */ jsx12(UploadProgressBar, { upload }) })
|
|
1148
1144
|
] }),
|
|
1149
|
-
/* @__PURE__ */
|
|
1145
|
+
/* @__PURE__ */ jsx12(Divider4, {})
|
|
1150
1146
|
]
|
|
1151
1147
|
}
|
|
1152
1148
|
);
|
|
@@ -1159,8 +1155,8 @@ var FileList2 = ({
|
|
|
1159
1155
|
disableRemove
|
|
1160
1156
|
}) => {
|
|
1161
1157
|
if (uploads.length === 0) return null;
|
|
1162
|
-
return /* @__PURE__ */
|
|
1163
|
-
return /* @__PURE__ */
|
|
1158
|
+
return /* @__PURE__ */ jsx12(List3, { children: uploads.map((upload) => {
|
|
1159
|
+
return /* @__PURE__ */ jsx12(
|
|
1164
1160
|
FileRow2,
|
|
1165
1161
|
{
|
|
1166
1162
|
upload,
|
|
@@ -1219,7 +1215,7 @@ var HeaderMessage = ({ maxFiles, maxSize, maxTotalSize }) => {
|
|
|
1219
1215
|
};
|
|
1220
1216
|
|
|
1221
1217
|
// src/lib/FileSelector.tsx
|
|
1222
|
-
import { Fragment as Fragment6, jsx as
|
|
1218
|
+
import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
1223
1219
|
var CLOUD_URL = "/cloud/web/appl/vault/upload/v1/resumable";
|
|
1224
1220
|
var FileSelector = ({
|
|
1225
1221
|
name,
|
|
@@ -1294,8 +1290,8 @@ var FileSelector = ({
|
|
|
1294
1290
|
);
|
|
1295
1291
|
return /* @__PURE__ */ jsxs13(Fragment6, { children: [
|
|
1296
1292
|
enableDropArea ? /* @__PURE__ */ jsxs13(Fragment6, { children: [
|
|
1297
|
-
label ? /* @__PURE__ */
|
|
1298
|
-
/* @__PURE__ */
|
|
1293
|
+
label ? /* @__PURE__ */ jsx13(Typography6, { marginBottom: "4px", children: label }) : null,
|
|
1294
|
+
/* @__PURE__ */ jsx13(
|
|
1299
1295
|
Dropzone,
|
|
1300
1296
|
{
|
|
1301
1297
|
name,
|
|
@@ -1314,7 +1310,7 @@ var FileSelector = ({
|
|
|
1314
1310
|
validator
|
|
1315
1311
|
}
|
|
1316
1312
|
),
|
|
1317
|
-
/* @__PURE__ */
|
|
1313
|
+
/* @__PURE__ */ jsx13(
|
|
1318
1314
|
FileTypesMessage,
|
|
1319
1315
|
{
|
|
1320
1316
|
allowedFileTypes,
|
|
@@ -1329,8 +1325,8 @@ var FileSelector = ({
|
|
|
1329
1325
|
children
|
|
1330
1326
|
] }) : /* @__PURE__ */ jsxs13(Grid4, { container: true, rowSpacing: 3, flexDirection: "column", children: [
|
|
1331
1327
|
/* @__PURE__ */ jsxs13(Grid4, { children: [
|
|
1332
|
-
/* @__PURE__ */
|
|
1333
|
-
/* @__PURE__ */
|
|
1328
|
+
/* @__PURE__ */ jsx13(HeaderMessage, { maxFiles, maxSize, maxTotalSize }),
|
|
1329
|
+
/* @__PURE__ */ jsx13(
|
|
1334
1330
|
FileTypesMessage,
|
|
1335
1331
|
{
|
|
1336
1332
|
allowedFileTypes,
|
|
@@ -1341,8 +1337,8 @@ var FileSelector = ({
|
|
|
1341
1337
|
}
|
|
1342
1338
|
)
|
|
1343
1339
|
] }),
|
|
1344
|
-
children ? /* @__PURE__ */
|
|
1345
|
-
/* @__PURE__ */
|
|
1340
|
+
children ? /* @__PURE__ */ jsx13(Grid4, { children }) : null,
|
|
1341
|
+
/* @__PURE__ */ jsx13(Grid4, { children: /* @__PURE__ */ jsx13(
|
|
1346
1342
|
Dropzone,
|
|
1347
1343
|
{
|
|
1348
1344
|
name,
|
|
@@ -1368,14 +1364,14 @@ var FileSelector = ({
|
|
|
1368
1364
|
severity: "error",
|
|
1369
1365
|
onClose: () => tooManyFilesRejections.forEach((rejection) => handleRemoveRejection(rejection.id)),
|
|
1370
1366
|
children: [
|
|
1371
|
-
/* @__PURE__ */
|
|
1367
|
+
/* @__PURE__ */ jsx13(AlertTitle2, { children: "Items not allowed." }),
|
|
1372
1368
|
"Too many files are selected for upload, maximum ",
|
|
1373
1369
|
maxFiles,
|
|
1374
1370
|
" allowed."
|
|
1375
1371
|
]
|
|
1376
1372
|
}
|
|
1377
1373
|
),
|
|
1378
|
-
otherRejections.length > 0 && otherRejections.map((rejection) => /* @__PURE__ */
|
|
1374
|
+
otherRejections.length > 0 && otherRejections.map((rejection) => /* @__PURE__ */ jsx13(
|
|
1379
1375
|
ErrorAlert,
|
|
1380
1376
|
{
|
|
1381
1377
|
errors: rejection.errors,
|
|
@@ -1385,7 +1381,7 @@ var FileSelector = ({
|
|
|
1385
1381
|
},
|
|
1386
1382
|
rejection.id
|
|
1387
1383
|
)),
|
|
1388
|
-
/* @__PURE__ */
|
|
1384
|
+
/* @__PURE__ */ jsx13(
|
|
1389
1385
|
FileList,
|
|
1390
1386
|
{
|
|
1391
1387
|
files: files || [],
|
|
@@ -1405,7 +1401,7 @@ import { useFormContext as useFormContext4 } from "react-hook-form";
|
|
|
1405
1401
|
import { Grid as Grid5 } from "@availity/mui-layout";
|
|
1406
1402
|
import { Typography as Typography7 } from "@availity/mui-typography";
|
|
1407
1403
|
import { Alert as Alert3, AlertTitle as AlertTitle3 } from "@availity/mui-alert";
|
|
1408
|
-
import { Fragment as Fragment7, jsx as
|
|
1404
|
+
import { Fragment as Fragment7, jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
1409
1405
|
var FileSelector2 = ({
|
|
1410
1406
|
name,
|
|
1411
1407
|
allowedFileNameCharacters,
|
|
@@ -1476,8 +1472,8 @@ var FileSelector2 = ({
|
|
|
1476
1472
|
);
|
|
1477
1473
|
return /* @__PURE__ */ jsxs14(Fragment7, { children: [
|
|
1478
1474
|
enableDropArea ? /* @__PURE__ */ jsxs14(Fragment7, { children: [
|
|
1479
|
-
label ? /* @__PURE__ */
|
|
1480
|
-
/* @__PURE__ */
|
|
1475
|
+
label ? /* @__PURE__ */ jsx14(Typography7, { marginBottom: "4px", children: label }) : null,
|
|
1476
|
+
/* @__PURE__ */ jsx14(
|
|
1481
1477
|
Dropzone2,
|
|
1482
1478
|
{
|
|
1483
1479
|
name,
|
|
@@ -1496,7 +1492,7 @@ var FileSelector2 = ({
|
|
|
1496
1492
|
validator
|
|
1497
1493
|
}
|
|
1498
1494
|
),
|
|
1499
|
-
/* @__PURE__ */
|
|
1495
|
+
/* @__PURE__ */ jsx14(
|
|
1500
1496
|
FileTypesMessage,
|
|
1501
1497
|
{
|
|
1502
1498
|
allowedFileTypes,
|
|
@@ -1511,8 +1507,8 @@ var FileSelector2 = ({
|
|
|
1511
1507
|
children
|
|
1512
1508
|
] }) : /* @__PURE__ */ jsxs14(Grid5, { container: true, rowSpacing: 3, flexDirection: "column", children: [
|
|
1513
1509
|
/* @__PURE__ */ jsxs14(Grid5, { children: [
|
|
1514
|
-
/* @__PURE__ */
|
|
1515
|
-
/* @__PURE__ */
|
|
1510
|
+
/* @__PURE__ */ jsx14(HeaderMessage, { maxFiles, maxSize, maxTotalSize }),
|
|
1511
|
+
/* @__PURE__ */ jsx14(
|
|
1516
1512
|
FileTypesMessage,
|
|
1517
1513
|
{
|
|
1518
1514
|
allowedFileTypes,
|
|
@@ -1523,8 +1519,8 @@ var FileSelector2 = ({
|
|
|
1523
1519
|
}
|
|
1524
1520
|
)
|
|
1525
1521
|
] }),
|
|
1526
|
-
children ? /* @__PURE__ */
|
|
1527
|
-
/* @__PURE__ */
|
|
1522
|
+
children ? /* @__PURE__ */ jsx14(Grid5, { children }) : null,
|
|
1523
|
+
/* @__PURE__ */ jsx14(Grid5, { children: /* @__PURE__ */ jsx14(
|
|
1528
1524
|
Dropzone2,
|
|
1529
1525
|
{
|
|
1530
1526
|
name,
|
|
@@ -1550,14 +1546,14 @@ var FileSelector2 = ({
|
|
|
1550
1546
|
severity: "error",
|
|
1551
1547
|
onClose: () => tooManyFilesRejections.forEach((rejection) => handleRemoveRejection(rejection.id)),
|
|
1552
1548
|
children: [
|
|
1553
|
-
/* @__PURE__ */
|
|
1549
|
+
/* @__PURE__ */ jsx14(AlertTitle3, { children: "Items not allowed." }),
|
|
1554
1550
|
"Too many files are selected for upload, maximum ",
|
|
1555
1551
|
maxFiles,
|
|
1556
1552
|
" allowed."
|
|
1557
1553
|
]
|
|
1558
1554
|
}
|
|
1559
1555
|
),
|
|
1560
|
-
otherRejections.length > 0 && otherRejections.map((rejection) => /* @__PURE__ */
|
|
1556
|
+
otherRejections.length > 0 && otherRejections.map((rejection) => /* @__PURE__ */ jsx14(
|
|
1561
1557
|
ErrorAlert,
|
|
1562
1558
|
{
|
|
1563
1559
|
errors: rejection.errors,
|
|
@@ -1567,7 +1563,7 @@ var FileSelector2 = ({
|
|
|
1567
1563
|
},
|
|
1568
1564
|
rejection.id
|
|
1569
1565
|
)),
|
|
1570
|
-
/* @__PURE__ */
|
|
1566
|
+
/* @__PURE__ */ jsx14(
|
|
1571
1567
|
FileList2,
|
|
1572
1568
|
{
|
|
1573
1569
|
uploads: uploads || [],
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@availity/mui-file-selector",
|
|
3
|
-
"version": "1.9.
|
|
3
|
+
"version": "1.9.1",
|
|
4
4
|
"description": "Availity MUI file-selector Component - part of the @availity/element design system",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -41,15 +41,15 @@
|
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
43
|
"@availity/api-axios": "^11.0.0",
|
|
44
|
-
"@availity/mui-alert": "^1.0.
|
|
45
|
-
"@availity/mui-button": "^1.1.
|
|
46
|
-
"@availity/mui-divider": "^1.0.
|
|
47
|
-
"@availity/mui-form-utils": "^1.3.
|
|
48
|
-
"@availity/mui-icon": "^1.1.
|
|
49
|
-
"@availity/mui-layout": "^1.0.
|
|
50
|
-
"@availity/mui-list": "^1.0.
|
|
51
|
-
"@availity/mui-progress": "^1.0.
|
|
52
|
-
"@availity/mui-typography": "^1.0.
|
|
44
|
+
"@availity/mui-alert": "^1.0.7",
|
|
45
|
+
"@availity/mui-button": "^1.1.5",
|
|
46
|
+
"@availity/mui-divider": "^1.0.3",
|
|
47
|
+
"@availity/mui-form-utils": "^1.3.3",
|
|
48
|
+
"@availity/mui-icon": "^1.1.1",
|
|
49
|
+
"@availity/mui-layout": "^1.0.3",
|
|
50
|
+
"@availity/mui-list": "^1.0.8",
|
|
51
|
+
"@availity/mui-progress": "^1.0.4",
|
|
52
|
+
"@availity/mui-typography": "^1.0.3",
|
|
53
53
|
"@availity/upload-core": "^8.0.0",
|
|
54
54
|
"@tanstack/react-query": "^4.36.1",
|
|
55
55
|
"react-dropzone": "^11.7.1",
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
"uuid": "^9.0.1"
|
|
59
59
|
},
|
|
60
60
|
"devDependencies": {
|
|
61
|
-
"@availity/mui-paper": "^1.0.
|
|
61
|
+
"@availity/mui-paper": "^1.0.3",
|
|
62
62
|
"@mui/material": "^6.4.5",
|
|
63
63
|
"react": "18.2.0",
|
|
64
64
|
"react-dom": "18.2.0",
|
|
@@ -71,5 +71,6 @@
|
|
|
71
71
|
},
|
|
72
72
|
"publishConfig": {
|
|
73
73
|
"access": "public"
|
|
74
|
-
}
|
|
74
|
+
},
|
|
75
|
+
"sideEffects": false
|
|
75
76
|
}
|