@uxf/ui 11.48.2 → 11.48.4
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/css/dropzone.css
CHANGED
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
}
|
|
52
52
|
|
|
53
53
|
&__item {
|
|
54
|
-
@apply space-x-
|
|
54
|
+
@apply space-x-3 sm:rounded-md sm:px-6;
|
|
55
55
|
|
|
56
56
|
align-items: center;
|
|
57
57
|
border-color: theme("borderColor.lightBorder");
|
|
@@ -96,15 +96,11 @@
|
|
|
96
96
|
}
|
|
97
97
|
|
|
98
98
|
&__file-name {
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
@apply line-clamp-1;
|
|
99
|
+
@apply truncate;
|
|
102
100
|
}
|
|
103
101
|
|
|
104
102
|
&__file-name-link {
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
@apply line-clamp-1;
|
|
103
|
+
@apply truncate;
|
|
108
104
|
|
|
109
105
|
&:hover {
|
|
110
106
|
text-decoration: underline;
|
package/css/file-input.css
CHANGED
|
@@ -53,15 +53,11 @@
|
|
|
53
53
|
}
|
|
54
54
|
|
|
55
55
|
&__file-name {
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
@apply line-clamp-1;
|
|
56
|
+
@apply truncate;
|
|
59
57
|
}
|
|
60
58
|
|
|
61
59
|
&__file-name-link {
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
@apply line-clamp-1 hover:underline hover:underline-offset-2;
|
|
60
|
+
@apply truncate hover:underline hover:underline-offset-2;
|
|
65
61
|
}
|
|
66
62
|
}
|
|
67
63
|
}
|
|
@@ -43,7 +43,7 @@ function Default() {
|
|
|
43
43
|
const [files, setFiles] = (0, react_1.useState)([]);
|
|
44
44
|
const onChange = (0, action_1.action)("onChange", setFiles);
|
|
45
45
|
const onRemoveConfirm = () => Promise.resolve(confirm("Do you want to delete the file?"));
|
|
46
|
-
return (react_1.default.createElement(
|
|
46
|
+
return (react_1.default.createElement("div", { className: "max-w-screen-sm p-4" },
|
|
47
47
|
react_1.default.createElement(toggle_1.Toggle, { label: "Disabled", name: "toggle", onChange: () => setIsDisabled((prev) => !prev), value: isDisabled }),
|
|
48
48
|
react_1.default.createElement(toggle_1.Toggle, { label: "Only images upload", name: "toggle", onChange: () => setHasOnlyImagesAllowed((prev) => !prev), value: hasOnlyImagesAllowed }),
|
|
49
49
|
react_1.default.createElement("div", { className: "flex items-center" },
|
|
@@ -58,6 +58,6 @@ function Default() {
|
|
|
58
58
|
react_1.default.createElement(show_1.Show, { when: (0, is_not_empty_1.isNotEmpty)(files) },
|
|
59
59
|
react_1.default.createElement("div", { className: "mt-6" },
|
|
60
60
|
react_1.default.createElement("p", null, "File response:"),
|
|
61
|
-
react_1.default.createElement(index_1.Dropzone.List, { className: "w-
|
|
62
|
-
react_1.default.createElement("pre", { className: "
|
|
61
|
+
react_1.default.createElement(index_1.Dropzone.List, { className: "max-w-full bg-gray-200 p-4", name: "dropzone-list", onChange: onChange, onRemoveConfirm: onRemoveConfirm, renderItem: (file) => (react_1.default.createElement("li", { className: "max-w-full", key: file.id },
|
|
62
|
+
react_1.default.createElement("pre", { className: "whitespace-pre-wrap break-all" }, JSON.stringify(file, null, 4)))), value: files })))));
|
|
63
63
|
}
|
|
@@ -35,7 +35,7 @@ function Default() {
|
|
|
35
35
|
// eslint-disable-next-line no-console
|
|
36
36
|
console.log("Upload error", err);
|
|
37
37
|
};
|
|
38
|
-
return (react_1.default.createElement("div", { className: "space-y-2 p-20" },
|
|
38
|
+
return (react_1.default.createElement("div", { className: "max-w-screen-sm space-y-2 p-20" },
|
|
39
39
|
react_1.default.createElement("div", { className: "space-y-2" },
|
|
40
40
|
react_1.default.createElement(index_1.FileInput, { label: "Default file input", name: "file-input", onChange: onChange, onUploadError: onUploadError, onUploadFile: upload_file_mock_1.uploadFile, value: value }),
|
|
41
41
|
react_1.default.createElement(index_1.FileInput, { helperText: "Error file input", id: "error-file-input", isClearable: true, isInvalid: true, label: "Error file input", name: "file-input-error-message", onChange: onChange, onUploadError: onUploadError, onUploadFile: upload_file_mock_1.uploadFile, value: value }),
|