@uxf/form 11.3.0 → 11.6.0

package/dropzone/dropzone-input.js

@@ -52,7 +52,7 @@ function DropzoneInput(props) {
         field.onChange(value);
         (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value, event);
     };
-    return (react_1.default.createElement(dropzone_1.Dropzone, { className: props.className, helperText: ((_d = fieldState.error) === null || _d === void 0 ? void 0 : _d.message) || props.helperText, id: id, isDisabled: props.isDisabled, isInvalid: !!fieldState.error, isRequired: props.isRequired, label: props.label, maxFileSize: props.maxFileSize, maxFilesCount: props.maxFilesCount, minFileSize: props.minFileSize, noClick: props.noClick, noDrag: props.noDrag, onChange: onChange, onUploadError: props.onUploadError, onUploadFile: props.onUploadFile, ref: field.ref, value: field.value, icon: props.icon }));
+    return (react_1.default.createElement(dropzone_1.Dropzone, { accept: props.accept, className: props.className, helperText: ((_d = fieldState.error) === null || _d === void 0 ? void 0 : _d.message) || props.helperText, id: id, isDisabled: props.isDisabled, isInvalid: !!fieldState.error, isRequired: props.isRequired, label: props.label, maxFileSize: props.maxFileSize, maxFilesCount: props.maxFilesCount, minFileSize: props.minFileSize, noClick: props.noClick, noDrag: props.noDrag, onChange: onChange, onUploadError: props.onUploadError, onUploadFile: props.onUploadFile, ref: field.ref, value: field.value, icon: props.icon }));
 }
 exports.DropzoneInput = DropzoneInput;
 DropzoneInput.displayName = "UxfFormDropzoneInput";

package/dropzone/dropzone.stories.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = void 0;
 const button_1 = require("@uxf/ui/button");
 const upload_file_mock_1 = require("@uxf/ui/utils/mocks/upload-file.mock");
+const validator_exceptions_1 = require("@uxf/ui/utils/validator/validator-exceptions");
 const react_1 = __importDefault(require("react"));
 const storybook_form_1 = require("../storybook/storybook-form");
 const index_1 = require("./index");
@@ -30,8 +31,16 @@ const DUMMY_FILES = [
     },
 ];
 function Default() {
+    const onUploadError = async (e) => {
+        if (e === validator_exceptions_1.ValidatorExceptions.MaxFileSize) {
+            // eslint-disable-next-line no-alert
+            alert("Maximální velikost souboru je 1\xa0MB.");
+        }
+    };
     const storyFormDropzone = (control) => (react_1.default.createElement("div", { className: "space-y-8" },
-        react_1.default.createElement(index_1.Dropzone, { control: control, helperText: "Allow multiple files", isRequired: true, label: "Use drag and drop or click to upload", name: "dropzone", onUploadFile: upload_file_mock_1.uploadFile }),
+        react_1.default.createElement(index_1.Dropzone, { accept: {
+                "image/png": [".png"],
+            }, control: control, helperText: "Allow multiple files, 1MB max file size, only .png", isRequired: true, label: "Use drag and drop or click to upload", name: "dropzone", onUploadError: onUploadError, onUploadFile: upload_file_mock_1.uploadFile, maxFileSize: 1024 * 1024 }),
         react_1.default.createElement(button_1.Button, { type: "submit" }, "Submit"),
         react_1.default.createElement(index_1.Dropzone.List, { control: control, errorText: "Oops, n\u011Bco se pokazilo", name: "dropzone", onAbortWarning: "Opravdu chcete zru\u0161it nahr\u00E1v\u00E1n\u00ED?", onRemoveWarning: "Opravdu chcete smazat soubor?" })));
     return (react_1.default.createElement(storybook_form_1.StorybookForm, { defaultValues: { dropzone: DUMMY_FILES } }, ({ control }) => (react_1.default.createElement(react_1.default.Fragment, null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/form",
-  "version": "11.3.0",
+  "version": "11.6.0",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -12,7 +12,7 @@
   "author": "UX Fans s.r.o",
   "license": "MIT",
   "dependencies": {
-    "@uxf/ui": "11.3.0",
+    "@uxf/ui": "11.6.0",
     "coordinate-parser": "1.0.7",
     "dayjs": "1.11.10",
     "react-hook-form": "7.47.0"