@mmb-digital/ds-lilly 0.10.11 → 0.10.12

package/dist/ds-lilly.js

@@ -107950,7 +107950,7 @@ function es_reducer(state, action) {
 
 
 var FileList = function (_a) {
-    var files = _a.files, handleOnDelete = _a.handleOnDelete, _b = _a.hideImagePreview, hideImagePreview = _b === void 0 ? false : _b, _c = _a.messages, ariaForDelete = _c.ariaForDelete, errorMessages = _c.multipleUploaderErrors, onShow = _a.onShow, _d = _a.selectMultiple, selectMultiple = _d === void 0 ? false : _d, uploadProgress = _a.uploadProgress, _e = _a.withProgressBar, withProgressBar = _e === void 0 ? false : _e;
+    var disableRemovalOfUploaded = _a.disableRemovalOfUploaded, files = _a.files, handleOnDelete = _a.handleOnDelete, _b = _a.hideImagePreview, hideImagePreview = _b === void 0 ? false : _b, _c = _a.messages, ariaForDelete = _c.ariaForDelete, errorMessages = _c.multipleUploaderErrors, onShow = _a.onShow, _d = _a.selectMultiple, selectMultiple = _d === void 0 ? false : _d, _e = _a.uploadedFiles, uploadedFiles = _e === void 0 ? [] : _e, uploadProgress = _a.uploadProgress, _f = _a.withProgressBar, withProgressBar = _f === void 0 ? false : _f;
     var handleOnShow = function (id) { return function () { return onShow && onShow(id); }; };
     var handleOnDeleteAction = function (id) { return function () { return handleOnDelete && handleOnDelete(id); }; };
     var renderImage = function (file) {
@@ -107991,13 +107991,14 @@ var FileList = function (_a) {
                     iconName = 'documents';
             }
         }
+        var isUploaded = !uploading && uploadedFiles.some(function (uploadedFile) { return uploadedFile.id === file.id; });
         return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(IconListItem, { key: file.id, iconBackgroundColor: hasErrors ? 'redNormal' : undefined, iconName: iconName },
             external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["Fragment"], null,
                 hasErrors && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('f-fileUpload__errorTitle') },
                     external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("strong", null, file.name + " " + (errorMessages === null || errorMessages === void 0 ? void 0 : errorMessages.didNotUpload)))),
                 !hasErrors && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["Fragment"], null,
                     external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Button, { isSmall: true, "aria-hidden": "true", ariaLabel: "", theme: 'f-fileUpload__fileName', type: "transparent", onClick: handleOnShow(file.id) }, file.name),
-                    external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Button, { ariaLabel: ariaForDelete + " " + file.name, color: "red", onlyIconName: uploading ? 'close' : 'bin', type: "transparent", onClick: function () { return handleOnDelete(file.id); } }))),
+                    !(isUploaded && disableRemovalOfUploaded) && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Button, { ariaLabel: ariaForDelete + " " + file.name, color: "red", onlyIconName: uploading ? 'close' : 'bin', type: "transparent", onClick: function () { return handleOnDelete(file.id); } })))),
                 hasErrors &&
                     ((_c = file === null || file === void 0 ? void 0 : file.errors) === null || _c === void 0 ? void 0 : _c.map(function (error, index) { return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { key: index, className: classBinder_cx('f-fileUpload__errorDesc') },
                         external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Text, { component: "div", size: "xSmall", type: "secondary" }, errorMessages &&
@@ -108078,7 +108079,7 @@ var FileUpload_spreadArray = (undefined && undefined.__spreadArray) || function
 
 
 var FileUpload_FileUpload = function (_a) {
-    var accept = _a.accept, _b = _a.fileLimit, fileLimit = _b === void 0 ? 1 : _b, files = _a.files, _c = _a.hideImagePreview, hideImagePreview = _c === void 0 ? false : _c, _d = _a.hideTitle, hideTitle = _d === void 0 ? false : _d, maxSizeBytes = _a.maxSizeBytes, messages = _a.messages, minSizeBytes = _a.minSizeBytes, onDelete = _a.onDelete, onError = _a.onError, onSelectFile = _a.onSelectFile, onShow = _a.onShow, _e = _a.selectMultiple, selectMultiple = _e === void 0 ? false : _e, setFiles = _a.setFiles, theme = _a.theme, uploadProgress = _a.uploadProgress, _f = _a.withProgressBar, withProgressBar = _f === void 0 ? false : _f;
+    var accept = _a.accept, disableRemovalOfUploaded = _a.disableRemovalOfUploaded, _b = _a.fileLimit, fileLimit = _b === void 0 ? 1 : _b, files = _a.files, _c = _a.hideImagePreview, hideImagePreview = _c === void 0 ? false : _c, _d = _a.hideTitle, hideTitle = _d === void 0 ? false : _d, maxSizeBytes = _a.maxSizeBytes, messages = _a.messages, minSizeBytes = _a.minSizeBytes, onDelete = _a.onDelete, onError = _a.onError, onSelectFile = _a.onSelectFile, onShow = _a.onShow, _e = _a.selectMultiple, selectMultiple = _e === void 0 ? false : _e, setFiles = _a.setFiles, theme = _a.theme, uploadProgress = _a.uploadProgress, uploadedFiles = _a.uploadedFiles, _f = _a.withProgressBar, withProgressBar = _f === void 0 ? false : _f;
     var _g = useDropzone({
         getFilesFromEvent: function (event) { return applyFileLimit(event); },
         onDropRejected: function (files) {
@@ -108171,7 +108172,7 @@ var FileUpload_FileUpload = function (_a) {
             external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('f-fileUpload__dropZone') },
                 external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { backgroundColor: "cloudNormal", name: isUploadInProgress ? 'loading' : 'upload', size: "xLarge", theme: "f-fileUpload__uploadIcon" }),
                 getTitle()))),
-        external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(FileList, { files: files, handleOnDelete: handleOnDelete, hideImagePreview: hideImagePreview, messages: messages, selectMultiple: selectMultiple, uploadProgress: uploadProgress, withProgressBar: withProgressBar, onShow: onShow })));
+        external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(FileList, { disableRemovalOfUploaded: disableRemovalOfUploaded, files: files, handleOnDelete: handleOnDelete, hideImagePreview: hideImagePreview, messages: messages, selectMultiple: selectMultiple, uploadProgress: uploadProgress, uploadedFiles: uploadedFiles, withProgressBar: withProgressBar, onShow: onShow })));
 };
 
 // CONCATENATED MODULE: ./src/components/Form/FileUpload/FileUpload.hook.tsx
@@ -108189,14 +108190,22 @@ var FileUpload_hook_assign = (undefined && undefined.__assign) || function () {
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 
 
-var useFileUpload = function (initialFiles) {
+var useFileUpload = function (initialFiles, initialUploadedFiles) {
     var _a = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(initialFiles || []), files = _a[0], setFiles = _a[1];
+    var _b = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(initialUploadedFiles || []), uploadedFiles = _b[0], setUploadedFiles = _b[1];
     var handleClearFiles = function () { return setFiles([]); };
-    var FileUpload = function (props) { return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(FileUpload_FileUpload, FileUpload_hook_assign({}, props, { files: files, setFiles: setFiles }))); };
+    var FileUpload = function (props) { return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(FileUpload_FileUpload, FileUpload_hook_assign({}, props, { files: files, setFiles: setFiles, uploadedFiles: uploadedFiles }))); };
+    var markFileAsUploaded = function (file) {
+        setUploadedFiles(function (prev) { return prev.filter(function (_a) {
+            var id = _a.id;
+            return id !== file.id;
+        }).concat(file); });
+    };
     return {
         FileUpload: FileUpload,
         files: files,
-        handleClearFiles: handleClearFiles
+        handleClearFiles: handleClearFiles,
+        markFileAsUploaded: markFileAsUploaded
     };
 };
 

package/dist/types/src/components/Form/FileUpload/FileUpload.d.ts

@@ -6,6 +6,8 @@ export interface FileUploadPropsType extends ComponentPropsType {
     accept?: string | string[];
     /** @ignore Inner component state with all files. 💀 It`s provided if you use hook. 💀*/
     files: FileListPropsType['files'];
+    /** @ignore Inner component state with all files. 💀 It`s provided if you use hook. 💀*/
+    uploadedFiles: FileListPropsType['files'];
     /** Define maximum uploadable files. */
     fileLimit?: number;
     /** Hides preview for the chosen file if it's an image. */
@@ -54,6 +56,8 @@ export interface FileUploadPropsType extends ComponentPropsType {
     uploadProgress?: FileListPropsType['uploadProgress'];
     /** Display or hide file upload progress bar, even for single file  */
     withProgressBar?: FileListPropsType['withProgressBar'];
+    /** Disable remove button for uploaded files */
+    disableRemovalOfUploaded?: boolean;
 }
 export interface FileError {
     message: string;
@@ -71,5 +75,5 @@ export declare type FileType = {
     /** List of all errors */
     errors?: FileError[];
 };
-export declare const FileUpload: ({ accept, fileLimit, files, hideImagePreview, hideTitle, maxSizeBytes, messages, minSizeBytes, onDelete, onError, onSelectFile, onShow, selectMultiple, setFiles, theme, uploadProgress, withProgressBar }: FileUploadPropsType) => JSX.Element;
+export declare const FileUpload: ({ accept, disableRemovalOfUploaded, fileLimit, files, hideImagePreview, hideTitle, maxSizeBytes, messages, minSizeBytes, onDelete, onError, onSelectFile, onShow, selectMultiple, setFiles, theme, uploadProgress, uploadedFiles, withProgressBar }: FileUploadPropsType) => JSX.Element;
 //# sourceMappingURL=FileUpload.d.ts.map

package/dist/types/src/components/Form/FileUpload/FileUpload.hook.d.ts

@@ -3,6 +3,7 @@ export interface FileUploadHookType {
     FileUpload: ({ accept, maxSizeBytes, messages, minSizeBytes, onDelete, onError, onSelectFile, onShow, selectMultiple, theme, uploadProgress }: Omit<FileUploadPropsType, 'files' | 'setFiles'>) => JSX.Element;
     files: FileType[];
     handleClearFiles: () => void;
+    markFileAsUploaded: (file: FileType) => void;
 }
-export declare const useFileUpload: (initialFiles: FileType[]) => FileUploadHookType;
+export declare const useFileUpload: (initialFiles: FileType[], initialUploadedFiles?: FileType[] | undefined) => FileUploadHookType;
 //# sourceMappingURL=FileUpload.hook.d.ts.map

package/dist/types/src/components/Form/FileUpload/_parts_/FileList.d.ts

@@ -14,8 +14,10 @@ export interface FileListPropsType {
     };
     onShow?: (id: string) => void;
     selectMultiple?: boolean;
+    uploadedFiles?: FileType[];
     uploadProgress?: Record<string, number>;
     withProgressBar?: boolean;
+    disableRemovalOfUploaded?: boolean;
 }
-export declare const FileList: ({ files, handleOnDelete, hideImagePreview, messages: { ariaForDelete, multipleUploaderErrors: errorMessages }, onShow, selectMultiple, uploadProgress, withProgressBar }: FileListPropsType) => JSX.Element;
+export declare const FileList: ({ disableRemovalOfUploaded, files, handleOnDelete, hideImagePreview, messages: { ariaForDelete, multipleUploaderErrors: errorMessages }, onShow, selectMultiple, uploadedFiles, uploadProgress, withProgressBar }: FileListPropsType) => JSX.Element;
 //# sourceMappingURL=FileList.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mmb-digital/ds-lilly",
-  "version": "0.10.11",
+  "version": "0.10.12",
   "description": "MMB LILLY design system",
   "license": "UNLICENSED",
   "sideEffects": false,