@mmb-digital/ds-lilly 0.10.13 → 0.10.14

package/dist/ds-lilly.js

@@ -97956,7 +97956,7 @@ var CompactButtons_rest = (undefined && undefined.__rest) || function (s, e) {
 
 
 var CompactButtons = function (_a) {
-    var background = _a.background, buttons = _a.buttons, isSmall = _a.isSmall, _b = _a.maxVisibleButtons, maxVisibleButtons = _b === void 0 ? buttons.length : _b, theme = _a.theme, _c = _a.type, type = _c === void 0 ? 'filled' : _c;
+    var background = _a.background, buttons = _a.buttons, isSmall = _a.isSmall, otherButton = _a.otherButton, _b = _a.maxVisibleButtons, maxVisibleButtons = _b === void 0 ? buttons.length : _b, theme = _a.theme, _c = _a.type, type = _c === void 0 ? 'filled' : _c;
     var container = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useRef"])(null);
     var refs = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useRef"])([]);
     var dropdownRef = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useRef"])();
@@ -98091,7 +98091,7 @@ var CompactButtons = function (_a) {
                         label),
                     external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("i", { className: "c-compact-buttons__button_separator" })));
             }),
-            !isButtonVisible(buttons.length - 1) && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Dropdown, { forceVisibility: isDropdownVisible, placement: "bottom-end", trigger: null, triggerComponent: external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Button, { "aria-hidden": true, ariaLabel: "other", color: background, isSmall: isSmall, theme: "c-compact-buttons__button c-compact-buttons__opener", type: type, onClick: toggleDropdownVisibility, onKeyDown: handleOpenerKeyPress },
+            !isButtonVisible(buttons.length - 1) && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Dropdown, { forceVisibility: isDropdownVisible, placement: "bottom-end", trigger: null, triggerComponent: external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Button, CompactButtons_assign({ color: background, isSmall: isSmall, theme: "c-compact-buttons__button c-compact-buttons__opener", type: type, onClick: toggleDropdownVisibility, onKeyDown: handleOpenerKeyPress }, otherButton),
                     external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { name: "other" }),
                     external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { className: "c-compact-buttons__dropdown__opener" })), onVisibleChange: function (state) { return setIsDropdownVisible(state); } },
                 external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(DropdownMenu, { ref: dropdownRef, tabIndex: 0, onKeyDown: handleOptionKeyPress }, buttons.map(function (_a, i) {
@@ -107950,7 +107950,7 @@ function es_reducer(state, action) {
 
 
 var FileList = function (_a) {
-    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 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 handleOnShow = function (id) { return function () { return onShow && onShow(id); }; };
     var handleOnDeleteAction = function (id) { return function () { return handleOnDelete && handleOnDelete(id); }; };
     var renderImage = function (file) {
@@ -107991,14 +107991,13 @@ 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),
-                    !(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); } })))),
+                    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 &&
@@ -108079,7 +108078,7 @@ var FileUpload_spreadArray = (undefined && undefined.__spreadArray) || function
 
 
 var FileUpload_FileUpload = function (_a) {
-    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 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 _g = useDropzone({
         getFilesFromEvent: function (event) { return applyFileLimit(event); },
         onDropRejected: function (files) {
@@ -108172,7 +108171,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, { disableRemovalOfUploaded: disableRemovalOfUploaded, files: files, handleOnDelete: handleOnDelete, hideImagePreview: hideImagePreview, messages: messages, selectMultiple: selectMultiple, uploadProgress: uploadProgress, uploadedFiles: uploadedFiles, withProgressBar: withProgressBar, onShow: onShow })));
+        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 })));
 };
 
 // CONCATENATED MODULE: ./src/components/Form/FileUpload/FileUpload.hook.tsx
@@ -108190,22 +108189,14 @@ var FileUpload_hook_assign = (undefined && undefined.__assign) || function () {
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 
 
-var useFileUpload = function (initialFiles, initialUploadedFiles) {
+var useFileUpload = function (initialFiles) {
     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, uploadedFiles: uploadedFiles }))); };
-    var markFileAsUploaded = function (file) {
-        setUploadedFiles(function (prev) { return prev.filter(function (_a) {
-            var id = _a.id;
-            return id !== file.id;
-        }).concat(file); });
-    };
+    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 }))); };
     return {
         FileUpload: FileUpload,
         files: files,
-        handleClearFiles: handleClearFiles,
-        markFileAsUploaded: markFileAsUploaded
+        handleClearFiles: handleClearFiles
     };
 };
 

package/dist/types/src/components/Components/CompactButtons/CompactButtons.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactElement, ReactNode, SyntheticEvent } from 'react';
 import { IconNameType, TargetType } from '../../..';
-import { ComponentPropsType, DisabledTooltipPropsType } from '../../../utils';
+import { AriaPropsType, ComponentPropsType, DisabledTooltipPropsType } from '../../../utils';
 interface CompactButtonsButtonType extends ComponentPropsType, DisabledTooltipPropsType {
     /** Allow click event propagation */
     allowEventPropagation?: boolean;
@@ -34,6 +34,9 @@ interface CompactButtonsButtonType extends ComponentPropsType, DisabledTooltipPr
     /** Title of the button element */
     title?: string;
 }
+interface CompactButtonOtherPropsType extends AriaPropsType {
+    role?: string;
+}
 export interface CompactButtonsPropsType extends ComponentPropsType {
     /** Background color of compacted buttons wrapper. Default color is `primary` */
     background?: 'green' | 'gold' | 'red' | 'secondary';
@@ -45,7 +48,9 @@ export interface CompactButtonsPropsType extends ComponentPropsType {
     maxVisibleButtons?: number;
     /** Type of the buttons. Primary is filled with color, secondary is border-only and transparent is for links. */
     type?: 'border' | 'filled';
+    /** Props for other button */
+    otherButton: CompactButtonOtherPropsType;
 }
-export declare const CompactButtons: ({ background, buttons, isSmall, maxVisibleButtons, theme, type }: CompactButtonsPropsType) => JSX.Element;
+export declare const CompactButtons: ({ background, buttons, isSmall, otherButton, maxVisibleButtons, theme, type }: CompactButtonsPropsType) => JSX.Element;
 export {};
 //# sourceMappingURL=CompactButtons.d.ts.map

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

@@ -6,8 +6,6 @@ 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. */
@@ -56,8 +54,6 @@ 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;
@@ -75,5 +71,5 @@ export declare type FileType = {
     /** List of all errors */
     errors?: FileError[];
 };
-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;
+export declare const FileUpload: ({ accept, fileLimit, files, hideImagePreview, hideTitle, maxSizeBytes, messages, minSizeBytes, onDelete, onError, onSelectFile, onShow, selectMultiple, setFiles, theme, uploadProgress, withProgressBar }: FileUploadPropsType) => JSX.Element;
 //# sourceMappingURL=FileUpload.d.ts.map

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

@@ -3,7 +3,6 @@ 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[], initialUploadedFiles?: FileType[] | undefined) => FileUploadHookType;
+export declare const useFileUpload: (initialFiles: FileType[]) => FileUploadHookType;
 //# sourceMappingURL=FileUpload.hook.d.ts.map

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

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

package/dist/types/src/utils/classBinder.d.ts

@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import { ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { TooltipType } from '../components/Components';
 import { Theme } from '../types';
 export declare const cx: typeof classNames;
@@ -17,4 +17,8 @@ export interface DisabledTooltipPropsType {
     /** Tooltip type - dark, light, grey */
     disabledTooltipType?: TooltipType;
 }
+export interface AriaPropsType extends ComponentPropsType {
+    ariaHidden?: boolean;
+    ariaLabel: string | ReactElement;
+}
 //# sourceMappingURL=classBinder.d.ts.map

package/package.json

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