@chayns-components/core 5.0.0-beta.7 → 5.0.0-beta.700

package/lib/cjs/components/expandable-content/ExpandableContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableContent.js","names":["_framerMotion","require","_react","_interopRequireWildcard","_ExpandableContent","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ExpandableContent","children","isOpen","useMemo","createElement","AnimatePresence","initial","StyledMotionExpandableContent","animate","height","transition","duration","type","displayName","_default","exports"],"sources":["../../../../src/components/expandable-content/ExpandableContent.tsx"],"sourcesContent":["import { AnimatePresence } from 'framer-motion';\nimport React, { FC, ReactNode, useMemo } from 'react';\nimport { StyledMotionExpandableContent } from './ExpandableContent.styles';\n\nexport type ExpandableContentProps = {\n    /**\n     * The children that should be animated.\n     */\n    children: ReactNode;\n    /**\n     * Whether the content is expanded.\n     */\n    isOpen: boolean;\n};\n\nconst ExpandableContent: FC<ExpandableContentProps> = ({ children, isOpen }) =>\n    useMemo(\n        () => (\n            <AnimatePresence initial={false}>\n                <StyledMotionExpandableContent\n                    animate={{ height: isOpen ? 'auto' : '0px' }}\n                    transition={{ duration: 0.2, type: 'tween' }}\n                >\n                    {children}\n                </StyledMotionExpandableContent>\n            </AnimatePresence>\n        ),\n        [children, isOpen],\n    );\n\nExpandableContent.displayName = 'ExpandableContent';\n\nexport default ExpandableContent;\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AAA2E,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAa3E,MAAMW,iBAA6C,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAO,CAAC,KACvE,IAAAC,cAAO,EACH,mBACI1B,MAAA,CAAAS,OAAA,CAAAkB,aAAA,CAAC7B,aAAA,CAAA8B,eAAe;EAACC,OAAO,EAAE;AAAM,gBAC5B7B,MAAA,CAAAS,OAAA,CAAAkB,aAAA,CAACzB,kBAAA,CAAA4B,6BAA6B;EAC1BC,OAAO,EAAE;IAAEC,MAAM,EAAEP,MAAM,GAAG,MAAM,GAAG;EAAM,CAAE;EAC7CQ,UAAU,EAAE;IAAEC,QAAQ,EAAE,GAAG;IAAEC,IAAI,EAAE;EAAQ;AAAE,GAE5CX,QAC0B,CAClB,CACpB,EACD,CAACA,QAAQ,EAAEC,MAAM,CACrB,CAAC;AAELF,iBAAiB,CAACa,WAAW,GAAG,mBAAmB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA7B,OAAA,GAErCc,iBAAiB","ignoreList":[]}

package/lib/cjs/components/expandable-content/ExpandableContent.styles.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledMotionExpandableContent = void 0;
+var _framerMotion = require("framer-motion");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StyledMotionExpandableContent = exports.StyledMotionExpandableContent = (0, _styledComponents.default)(_framerMotion.motion.div)`
+    overflow: hidden;
+`;
+//# sourceMappingURL=ExpandableContent.styles.js.map

package/lib/cjs/components/expandable-content/ExpandableContent.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableContent.styles.js","names":["_framerMotion","require","_styledComponents","_interopRequireDefault","e","__esModule","default","StyledMotionExpandableContent","exports","styled","motion","div"],"sources":["../../../../src/components/expandable-content/ExpandableContent.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled from 'styled-components';\n\nexport const StyledMotionExpandableContent = styled(motion.div)`\n    overflow: hidden;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAuC,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,6BAA6B,GAAAC,OAAA,CAAAD,6BAAA,GAAG,IAAAE,yBAAM,EAACC,oBAAM,CAACC,GAAG,CAAC;AAC/D;AACA,CAAC","ignoreList":[]}

package/lib/cjs/components/file-input/FileInput.js

@@ -0,0 +1,245 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _chaynsApi = require("chayns-api");
+var _framerMotion = require("framer-motion");
+var _react = _interopRequireWildcard(require("react"));
+var _file = require("../../utils/file");
+var _fileDialog = require("../../utils/fileDialog");
+var _Icon = _interopRequireDefault(require("../icon/Icon"));
+var _List = _interopRequireDefault(require("../list/List"));
+var _FileListItem = _interopRequireDefault(require("./file-list/FileListItem"));
+var _FileInput = require("./FileInput.styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const FileInput = ({
+  fileSelectionIcons = ['fa fa-upload'],
+  imageSelectIcons = ['ts-image'],
+  fileTypes,
+  onMaxFilesReached,
+  maxFiles,
+  onRemove,
+  files,
+  onAdd,
+  fileSelectionPlaceholder = 'Dateien hinzufügen',
+  imageSelectPlaceholder
+}) => {
+  const [internalFiles, setInternalFiles] = (0, _react.useState)([]);
+  const [internalImages, setInternalImages] = (0, _react.useState)([]);
+  const handleAddImages = (0, _react.useCallback)(images => {
+    const newImages = [];
+    images.forEach(image => {
+      if (!(0, _file.filterDuplicateFileUrls)({
+        files: internalImages,
+        newFile: image
+      })) {
+        newImages.push(image);
+      }
+    });
+    let tmp = newImages;
+    if (maxFiles) {
+      tmp = newImages.slice(0, maxFiles - (internalFiles.length + internalImages.length + ((files === null || files === void 0 ? void 0 : files.length) ?? 0)));
+    }
+    if (tmp.length > 0 && typeof onAdd === 'function') {
+      onAdd(tmp);
+    }
+    setInternalImages(prevState => [...prevState, ...tmp]);
+  }, [files === null || files === void 0 ? void 0 : files.length, internalFiles.length, internalImages, maxFiles, onAdd]);
+  const handleAddFiles = (0, _react.useCallback)(newFiles => {
+    const newFileItems = [];
+    newFiles.forEach(file => {
+      if (fileTypes && !(0, _file.isValidFileType)({
+        file,
+        types: fileTypes
+      })) {
+        return;
+      }
+      if (file && !(0, _file.filterDuplicateFile)({
+        files: internalFiles,
+        newFile: file
+      })) {
+        newFileItems.push(file);
+      }
+    });
+    let tmp = newFileItems;
+    if (maxFiles) {
+      tmp = newFileItems.slice(0, maxFiles - (internalFiles.length + internalImages.length + ((files === null || files === void 0 ? void 0 : files.length) ?? 0)));
+    }
+    if (tmp.length > 0 && typeof onAdd === 'function') {
+      onAdd(tmp);
+    }
+    setInternalFiles(prevState => [...prevState, ...tmp]);
+  }, [fileTypes, files === null || files === void 0 ? void 0 : files.length, internalFiles, internalImages.length, maxFiles, onAdd]);
+  const handleDeleteFile = (0, _react.useCallback)(fileName => {
+    let fileToDelete;
+    const filteredFiles = internalFiles.filter(file => {
+      const {
+        name
+      } = file;
+      if (name === fileName) {
+        fileToDelete = file;
+      }
+      return name !== fileName;
+    });
+    setInternalFiles(filteredFiles);
+    if (!fileToDelete) {
+      const filteredImages = internalImages.filter(image => {
+        if (image === fileName) {
+          fileToDelete = image;
+        }
+        return image !== fileName;
+      });
+      setInternalImages(filteredImages);
+    }
+    if (!fileToDelete) {
+      files === null || files === void 0 || files.forEach(file => {
+        if (file.url === fileName || file.name === fileName) {
+          fileToDelete = file;
+        }
+      });
+    }
+    if (!fileToDelete || typeof onRemove !== 'function') {
+      return;
+    }
+    onRemove(fileToDelete);
+  }, [files, internalFiles, internalImages, onRemove]);
+  const isDisabled = (0, _react.useMemo)(() => {
+    if (maxFiles) {
+      if (internalFiles.length + internalImages.length >= maxFiles) {
+        if (typeof onMaxFilesReached === 'function') {
+          onMaxFilesReached();
+        }
+        return true;
+      }
+    }
+    return false;
+  }, [internalFiles.length, internalImages.length, maxFiles, onMaxFilesReached]);
+  const handleImageSelectionClick = (0, _react.useCallback)(async () => {
+    if (isDisabled) {
+      return;
+    }
+    const {
+      buttonType,
+      result
+    } = await (0, _chaynsApi.createDialog)({
+      dialogInput: {
+        upload: true,
+        buttons: [{
+          text: 'hello',
+          buttonType: 1
+        }, {
+          text: 'can',
+          buttonType: -1
+        }],
+        initialView: 'pixabay'
+      },
+      type: _chaynsApi.DialogType.MODULE,
+      system: {
+        url: 'https://tapp.chayns-static.space/api/dialog-image-editor/v1/remoteEntry.js',
+        scope: 'dialog_image_editor',
+        module: './ImageEditorEntry'
+      },
+      buttons: []
+    }).open();
+    if (buttonType === 1 && result !== null && result !== void 0 && result.url) {
+      handleAddImages([result.url]);
+    }
+  }, [handleAddImages, isDisabled]);
+  const handleFileSelectionClick = (0, _react.useCallback)(async () => {
+    if (isDisabled) {
+      return;
+    }
+    const newFiles = await (0, _fileDialog.selectFiles)({
+      multiple: true,
+      type: fileTypes
+    });
+    handleAddFiles(newFiles);
+  }, [fileTypes, handleAddFiles, isDisabled]);
+  const handleDrop = (0, _react.useCallback)(e => {
+    e.preventDefault();
+    const draggedFiles = Array.from(e.dataTransfer.files);
+    handleAddFiles(draggedFiles);
+  }, [handleAddFiles]);
+  const content = (0, _react.useMemo)(() => {
+    const combinedFiles = [...internalImages, ...internalFiles];
+    const items = combinedFiles.map(file => /*#__PURE__*/_react.default.createElement(_FileInput.StyledMotionFileInputList, {
+      animate: {
+        height: 'auto',
+        opacity: 1
+      },
+      exit: {
+        height: 0,
+        opacity: 0
+      },
+      key: typeof file === 'string' ? file : file.name,
+      transition: {
+        duration: 0.25,
+        type: 'tween'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_FileListItem.default, {
+      fileType: typeof file !== 'string' ? file.type : undefined,
+      fileName: typeof file !== 'string' ? file.name : undefined,
+      fileSize: typeof file !== 'string' ? file.size : undefined,
+      url: typeof file === 'string' ? file : undefined,
+      onRemove: handleDeleteFile
+    })));
+    return items;
+  }, [handleDeleteFile, internalFiles, internalImages]);
+  const uploadedFiles = (0, _react.useMemo)(() => {
+    const items = [];
+    const cutFiles = maxFiles ? files === null || files === void 0 ? void 0 : files.splice(0, maxFiles) : files;
+    cutFiles === null || cutFiles === void 0 || cutFiles.forEach(({
+      url,
+      id,
+      name
+    }) => {
+      items.push( /*#__PURE__*/_react.default.createElement(_FileInput.StyledMotionFileInputList, {
+        animate: {
+          height: 'auto',
+          opacity: 1
+        },
+        exit: {
+          height: 0,
+          opacity: 0
+        },
+        key: id,
+        transition: {
+          duration: 0.25,
+          type: 'tween'
+        }
+      }, /*#__PURE__*/_react.default.createElement(_FileListItem.default, {
+        url: url,
+        onRemove: handleDeleteFile,
+        fileName: name
+      })));
+    });
+    return items;
+  }, [files, handleDeleteFile, maxFiles]);
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_FileInput.StyledFileInput, null, /*#__PURE__*/_react.default.createElement(_FileInput.StyledFileInputWrapper, {
+    $isDisabled: isDisabled
+  }, /*#__PURE__*/_react.default.createElement(_FileInput.StyledFileInputContainer, {
+    onClick: () => void handleFileSelectionClick(),
+    onDragOver: e => e.preventDefault(),
+    onDrop: e => void handleDrop(e)
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icons: fileSelectionIcons
+  }), /*#__PURE__*/_react.default.createElement(_FileInput.StyledFileInputText, null, fileSelectionPlaceholder)), imageSelectPlaceholder && /*#__PURE__*/_react.default.createElement(_FileInput.StyledFileInputContainer, {
+    $isImageSelection: true,
+    onClick: () => void handleImageSelectionClick()
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icons: imageSelectIcons
+  }), /*#__PURE__*/_react.default.createElement(_FileInput.StyledFileInputText, null, imageSelectPlaceholder))), /*#__PURE__*/_react.default.createElement(_List.default, null, /*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence, {
+    initial: false
+  }, content)), uploadedFiles.length > 0 && /*#__PURE__*/_react.default.createElement(_FileInput.StyledUploadedFilesList, {
+    $shouldShowBorder: content.length > 0
+  }, /*#__PURE__*/_react.default.createElement(_List.default, null, /*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence, {
+    initial: false
+  }, uploadedFiles)))), [isDisabled, fileSelectionIcons, fileSelectionPlaceholder, imageSelectPlaceholder, imageSelectIcons, content, uploadedFiles, handleFileSelectionClick, handleDrop, handleImageSelectionClick]);
+};
+FileInput.displayName = 'FileInput';
+var _default = exports.default = FileInput;
+//# sourceMappingURL=FileInput.js.map

package/lib/cjs/components/file-input/FileInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileInput.js","names":["_chaynsApi","require","_framerMotion","_react","_interopRequireWildcard","_file","_fileDialog","_Icon","_interopRequireDefault","_List","_FileListItem","_FileInput","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FileInput","fileSelectionIcons","imageSelectIcons","fileTypes","onMaxFilesReached","maxFiles","onRemove","files","onAdd","fileSelectionPlaceholder","imageSelectPlaceholder","internalFiles","setInternalFiles","useState","internalImages","setInternalImages","handleAddImages","useCallback","images","newImages","forEach","image","filterDuplicateFileUrls","newFile","push","tmp","slice","length","prevState","handleAddFiles","newFiles","newFileItems","file","isValidFileType","types","filterDuplicateFile","handleDeleteFile","fileName","fileToDelete","filteredFiles","filter","name","filteredImages","url","isDisabled","useMemo","handleImageSelectionClick","buttonType","result","createDialog","dialogInput","upload","buttons","text","initialView","type","DialogType","MODULE","system","scope","module","open","handleFileSelectionClick","selectFiles","multiple","handleDrop","preventDefault","draggedFiles","Array","from","dataTransfer","content","combinedFiles","items","map","createElement","StyledMotionFileInputList","animate","height","opacity","exit","key","transition","duration","fileType","undefined","fileSize","size","uploadedFiles","cutFiles","splice","id","StyledFileInput","StyledFileInputWrapper","$isDisabled","StyledFileInputContainer","onClick","onDragOver","onDrop","icons","StyledFileInputText","$isImageSelection","AnimatePresence","initial","StyledUploadedFilesList","$shouldShowBorder","displayName","_default","exports"],"sources":["../../../../src/components/file-input/FileInput.tsx"],"sourcesContent":["import { createDialog, DialogType } from 'chayns-api';\nimport { AnimatePresence } from 'framer-motion';\nimport React, { DragEvent, FC, ReactElement, useCallback, useMemo, useState } from 'react';\nimport type { FileInputFileItem, ImageDialogResult } from '../../types/fileInput';\nimport { filterDuplicateFile, filterDuplicateFileUrls, isValidFileType } from '../../utils/file';\nimport { selectFiles } from '../../utils/fileDialog';\nimport Icon from '../icon/Icon';\nimport List from '../list/List';\nimport FileListItem from './file-list/FileListItem';\nimport {\n    StyledFileInput,\n    StyledFileInputContainer,\n    StyledFileInputText,\n    StyledFileInputWrapper,\n    StyledMotionFileInputList,\n    StyledUploadedFilesList,\n} from './FileInput.styles';\n\nexport type FileInputProps = {\n    /**\n     * Already uploaded files to display.\n     */\n    files?: FileInputFileItem[];\n    /**\n     * An array of icons that should be displayed inside the FileInput\n     */\n    fileSelectionIcons?: string[];\n    /**\n     * The text that should be displayed inside the FileInput.\n     */\n    fileSelectionPlaceholder?: string;\n    /**\n     * The filetypes that could be selected. Example for multiple types: 'image/*, video/*'.\n     */\n    fileTypes?: string;\n    /**\n     * The icon of the image selection.\n     */\n    imageSelectIcons?: string[];\n    /**\n     * If set, pictures can be select via Pixabay.\n     */\n    imageSelectPlaceholder?: string;\n    /**\n     * The maximum amount of Files that can be uploaded.\n     */\n    maxFiles?: number;\n    /**\n     * A function to be executed when files are added.\n     */\n    onAdd?: (files: File[] | string[]) => void;\n    /**\n     * Function to be executed when the maximum amount of Files are reached.\n     */\n    onMaxFilesReached?: () => void;\n    /**\n     * A function to be executed when a file is removed.\n     */\n    onRemove?: (file: File | FileInputFileItem | string) => void;\n};\n\ntype DialogInput = {\n    upload: boolean;\n    buttons: {\n        text: string;\n        buttonType: number;\n    }[];\n    initialView: string;\n};\n\nconst FileInput: FC<FileInputProps> = ({\n    fileSelectionIcons = ['fa fa-upload'],\n    imageSelectIcons = ['ts-image'],\n    fileTypes,\n    onMaxFilesReached,\n    maxFiles,\n    onRemove,\n    files,\n    onAdd,\n    fileSelectionPlaceholder = 'Dateien hinzufügen',\n    imageSelectPlaceholder,\n}) => {\n    const [internalFiles, setInternalFiles] = useState<File[]>([]);\n    const [internalImages, setInternalImages] = useState<string[]>([]);\n\n    const handleAddImages = useCallback(\n        (images: string[]) => {\n            const newImages: string[] = [];\n\n            images.forEach((image) => {\n                if (!filterDuplicateFileUrls({ files: internalImages, newFile: image })) {\n                    newImages.push(image);\n                }\n            });\n\n            let tmp = newImages;\n\n            if (maxFiles) {\n                tmp = newImages.slice(\n                    0,\n                    maxFiles -\n                        (internalFiles.length + internalImages.length + (files?.length ?? 0)),\n                );\n            }\n\n            if (tmp.length > 0 && typeof onAdd === 'function') {\n                onAdd(tmp);\n            }\n\n            setInternalImages((prevState) => [...prevState, ...tmp]);\n        },\n        [files?.length, internalFiles.length, internalImages, maxFiles, onAdd],\n    );\n\n    const handleAddFiles = useCallback(\n        (newFiles: File[]) => {\n            const newFileItems: File[] = [];\n\n            newFiles.forEach((file) => {\n                if (fileTypes && !isValidFileType({ file, types: fileTypes })) {\n                    return;\n                }\n\n                if (file && !filterDuplicateFile({ files: internalFiles, newFile: file })) {\n                    newFileItems.push(file);\n                }\n            });\n\n            let tmp = newFileItems;\n\n            if (maxFiles) {\n                tmp = newFileItems.slice(\n                    0,\n                    maxFiles -\n                        (internalFiles.length + internalImages.length + (files?.length ?? 0)),\n                );\n            }\n\n            if (tmp.length > 0 && typeof onAdd === 'function') {\n                onAdd(tmp);\n            }\n\n            setInternalFiles((prevState) => [...prevState, ...tmp]);\n        },\n        [fileTypes, files?.length, internalFiles, internalImages.length, maxFiles, onAdd],\n    );\n\n    const handleDeleteFile = useCallback(\n        (fileName?: string) => {\n            let fileToDelete: File | FileInputFileItem | string | undefined;\n\n            const filteredFiles = internalFiles.filter((file) => {\n                const { name } = file;\n\n                if (name === fileName) {\n                    fileToDelete = file;\n                }\n\n                return name !== fileName;\n            });\n\n            setInternalFiles(filteredFiles);\n\n            if (!fileToDelete) {\n                const filteredImages = internalImages.filter((image) => {\n                    if (image === fileName) {\n                        fileToDelete = image;\n                    }\n\n                    return image !== fileName;\n                });\n\n                setInternalImages(filteredImages);\n            }\n\n            if (!fileToDelete) {\n                files?.forEach((file) => {\n                    if (file.url === fileName || file.name === fileName) {\n                        fileToDelete = file;\n                    }\n                });\n            }\n\n            if (!fileToDelete || typeof onRemove !== 'function') {\n                return;\n            }\n\n            onRemove(fileToDelete);\n        },\n        [files, internalFiles, internalImages, onRemove],\n    );\n\n    const isDisabled = useMemo(() => {\n        if (maxFiles) {\n            if (internalFiles.length + internalImages.length >= maxFiles) {\n                if (typeof onMaxFilesReached === 'function') {\n                    onMaxFilesReached();\n                }\n\n                return true;\n            }\n        }\n\n        return false;\n    }, [internalFiles.length, internalImages.length, maxFiles, onMaxFilesReached]);\n\n    const handleImageSelectionClick = useCallback(async () => {\n        if (isDisabled) {\n            return;\n        }\n\n        const { buttonType, result } = (await createDialog<DialogInput>({\n            dialogInput: {\n                upload: true,\n                buttons: [\n                    { text: 'hello', buttonType: 1 },\n                    { text: 'can', buttonType: -1 },\n                ],\n                initialView: 'pixabay',\n            },\n            type: DialogType.MODULE,\n            system: {\n                url: 'https://tapp.chayns-static.space/api/dialog-image-editor/v1/remoteEntry.js',\n                scope: 'dialog_image_editor',\n                module: './ImageEditorEntry',\n            },\n            buttons: [],\n        }).open()) as ImageDialogResult;\n\n        if (buttonType === 1 && result?.url) {\n            handleAddImages([result.url]);\n        }\n    }, [handleAddImages, isDisabled]);\n\n    const handleFileSelectionClick = useCallback(async () => {\n        if (isDisabled) {\n            return;\n        }\n\n        const newFiles = await selectFiles({\n            multiple: true,\n            type: fileTypes,\n        });\n\n        handleAddFiles(newFiles);\n    }, [fileTypes, handleAddFiles, isDisabled]);\n\n    const handleDrop = useCallback(\n        (e: DragEvent<HTMLDivElement>) => {\n            e.preventDefault();\n            const draggedFiles = Array.from(e.dataTransfer.files);\n\n            handleAddFiles(draggedFiles);\n        },\n        [handleAddFiles],\n    );\n\n    const content = useMemo(() => {\n        const combinedFiles = [...internalImages, ...internalFiles];\n\n        const items: ReactElement[] = combinedFiles.map((file) => (\n            <StyledMotionFileInputList\n                animate={{ height: 'auto', opacity: 1 }}\n                exit={{ height: 0, opacity: 0 }}\n                key={typeof file === 'string' ? file : file.name}\n                transition={{ duration: 0.25, type: 'tween' }}\n            >\n                <FileListItem\n                    fileType={typeof file !== 'string' ? file.type : undefined}\n                    fileName={typeof file !== 'string' ? file.name : undefined}\n                    fileSize={typeof file !== 'string' ? file.size : undefined}\n                    url={typeof file === 'string' ? file : undefined}\n                    onRemove={handleDeleteFile}\n                />\n            </StyledMotionFileInputList>\n        ));\n\n        return items;\n    }, [handleDeleteFile, internalFiles, internalImages]);\n\n    const uploadedFiles = useMemo(() => {\n        const items: ReactElement[] = [];\n\n        const cutFiles = maxFiles ? files?.splice(0, maxFiles) : files;\n\n        cutFiles?.forEach(({ url, id, name }) => {\n            items.push(\n                <StyledMotionFileInputList\n                    animate={{ height: 'auto', opacity: 1 }}\n                    exit={{ height: 0, opacity: 0 }}\n                    key={id}\n                    transition={{ duration: 0.25, type: 'tween' }}\n                >\n                    <FileListItem url={url} onRemove={handleDeleteFile} fileName={name} />\n                </StyledMotionFileInputList>,\n            );\n        });\n\n        return items;\n    }, [files, handleDeleteFile, maxFiles]);\n\n    return useMemo(\n        () => (\n            <StyledFileInput>\n                <StyledFileInputWrapper $isDisabled={isDisabled}>\n                    <StyledFileInputContainer\n                        onClick={() => void handleFileSelectionClick()}\n                        onDragOver={(e: DragEvent<HTMLDivElement>) => e.preventDefault()}\n                        onDrop={(e: DragEvent<HTMLDivElement>) => void handleDrop(e)}\n                    >\n                        <Icon icons={fileSelectionIcons} />\n                        <StyledFileInputText>{fileSelectionPlaceholder}</StyledFileInputText>\n                    </StyledFileInputContainer>\n                    {imageSelectPlaceholder && (\n                        <StyledFileInputContainer\n                            $isImageSelection\n                            onClick={() => void handleImageSelectionClick()}\n                        >\n                            <Icon icons={imageSelectIcons} />\n                            <StyledFileInputText>{imageSelectPlaceholder}</StyledFileInputText>\n                        </StyledFileInputContainer>\n                    )}\n                </StyledFileInputWrapper>\n                <List>\n                    <AnimatePresence initial={false}>{content}</AnimatePresence>\n                </List>\n                {uploadedFiles.length > 0 && (\n                    <StyledUploadedFilesList $shouldShowBorder={content.length > 0}>\n                        <List>\n                            <AnimatePresence initial={false}>{uploadedFiles}</AnimatePresence>\n                        </List>\n                    </StyledUploadedFilesList>\n                )}\n            </StyledFileInput>\n        ),\n        [\n            isDisabled,\n            fileSelectionIcons,\n            fileSelectionPlaceholder,\n            imageSelectPlaceholder,\n            imageSelectIcons,\n            content,\n            uploadedFiles,\n            handleFileSelectionClick,\n            handleDrop,\n            handleImageSelectionClick,\n        ],\n    );\n};\n\nFileInput.displayName = 'FileInput';\n\nexport default FileInput;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/file-input/FileInput.styles.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledUploadedFilesList = exports.StyledMotionFileInputList = exports.StyledFileInputWrapper = exports.StyledFileInputText = exports.StyledFileInputContainer = exports.StyledFileInput = void 0;
+var _framerMotion = require("framer-motion");
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const StyledFileInput = exports.StyledFileInput = _styledComponents.default.div``;
+const StyledFileInputWrapper = exports.StyledFileInputWrapper = _styledComponents.default.div`
+    display: flex;
+
+    cursor: ${({
+  $isDisabled
+}) => $isDisabled ? 'default' : 'pointer'};
+    opacity: ${({
+  $isDisabled
+}) => $isDisabled ? 0.5 : 1};
+`;
+const StyledUploadedFilesList = exports.StyledUploadedFilesList = _styledComponents.default.div`
+    ${({
+  $shouldShowBorder,
+  theme
+}) => $shouldShowBorder && (0, _styledComponents.css)`
+            border-top: 1px solid ${theme.headline};
+        `}
+`;
+const StyledFileInputContainer = exports.StyledFileInputContainer = _styledComponents.default.div`
+    border: ${({
+  theme
+}) => theme.text} 1px dotted;
+    display: flex;
+    gap: 10px;
+    align-items: center;
+    padding: 15px;
+    justify-content: center;
+    width: 100%;
+
+    ${({
+  $isImageSelection
+}) => $isImageSelection && (0, _styledComponents.css)`
+            border-left: none;
+        `}
+`;
+const StyledFileInputText = exports.StyledFileInputText = _styledComponents.default.p`
+    color: ${({
+  theme
+}) => theme.text};
+`;
+const StyledMotionFileInputList = exports.StyledMotionFileInputList = (0, _styledComponents.default)(_framerMotion.motion.div)``;
+//# sourceMappingURL=FileInput.styles.js.map

package/lib/cjs/components/file-input/FileInput.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileInput.styles.js","names":["_framerMotion","require","_styledComponents","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","StyledFileInput","exports","styled","div","StyledFileInputWrapper","$isDisabled","StyledUploadedFilesList","$shouldShowBorder","theme","css","headline","StyledFileInputContainer","text","$isImageSelection","StyledFileInputText","p","StyledMotionFileInputList","motion"],"sources":["../../../../src/components/file-input/FileInput.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\nimport type { FramerMotionBugFix, WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledFileInput = styled.div``;\n\ntype StyledFileInputWrapperProps = WithTheme<{\n    $isDisabled: boolean;\n}>;\n\nexport const StyledFileInputWrapper = styled.div<StyledFileInputWrapperProps>`\n    display: flex;\n\n    cursor: ${({ $isDisabled }) => ($isDisabled ? 'default' : 'pointer')};\n    opacity: ${({ $isDisabled }) => ($isDisabled ? 0.5 : 1)};\n`;\n\ntype StyledFileInputContainerProps = WithTheme<{\n    $isImageSelection?: boolean;\n}>;\n\ntype StyledUploadedFilesListProps = WithTheme<{ $shouldShowBorder: boolean }>;\n\nexport const StyledUploadedFilesList = styled.div<StyledUploadedFilesListProps>`\n    ${({ $shouldShowBorder, theme }: StyledUploadedFilesListProps) =>\n        $shouldShowBorder &&\n        css`\n            border-top: 1px solid ${theme.headline};\n        `}\n`;\n\nexport const StyledFileInputContainer = styled.div<StyledFileInputContainerProps>`\n    border: ${({ theme }: StyledFileInputContainerProps) => theme.text} 1px dotted;\n    display: flex;\n    gap: 10px;\n    align-items: center;\n    padding: 15px;\n    justify-content: center;\n    width: 100%;\n\n    ${({ $isImageSelection }) =>\n        $isImageSelection &&\n        css`\n            border-left: none;\n        `}\n`;\n\ntype StyledFileInputTextProps = WithTheme<unknown>;\n\nexport const StyledFileInputText = styled.p<StyledFileInputTextProps>`\n    color: ${({ theme }: StyledFileInputTextProps) => theme.text};\n`;\n\nexport const StyledMotionFileInputList = styled(motion.div)<FramerMotionBugFix>``;\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,uBAAA,CAAAF,OAAA;AAAgD,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAF,wBAAAE,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAGzC,MAAMW,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAGE,yBAAM,CAACC,GAAG,EAAE;AAMpC,MAAMC,sBAAsB,GAAAH,OAAA,CAAAG,sBAAA,GAAGF,yBAAM,CAACC,GAAgC;AAC7E;AACA;AACA,cAAc,CAAC;EAAEE;AAAY,CAAC,KAAMA,WAAW,GAAG,SAAS,GAAG,SAAU;AACxE,eAAe,CAAC;EAAEA;AAAY,CAAC,KAAMA,WAAW,GAAG,GAAG,GAAG,CAAE;AAC3D,CAAC;AAQM,MAAMC,uBAAuB,GAAAL,OAAA,CAAAK,uBAAA,GAAGJ,yBAAM,CAACC,GAAiC;AAC/E,MAAM,CAAC;EAAEI,iBAAiB;EAAEC;AAAoC,CAAC,KACzDD,iBAAiB,IACjB,IAAAE,qBAAG;AACX,oCAAoCD,KAAK,CAACE,QAAQ;AAClD,SAAS;AACT,CAAC;AAEM,MAAMC,wBAAwB,GAAAV,OAAA,CAAAU,wBAAA,GAAGT,yBAAM,CAACC,GAAkC;AACjF,cAAc,CAAC;EAAEK;AAAqC,CAAC,KAAKA,KAAK,CAACI,IAAI;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,CAAC;EAAEC;AAAkB,CAAC,KACpBA,iBAAiB,IACjB,IAAAJ,qBAAG;AACX;AACA,SAAS;AACT,CAAC;AAIM,MAAMK,mBAAmB,GAAAb,OAAA,CAAAa,mBAAA,GAAGZ,yBAAM,CAACa,CAA2B;AACrE,aAAa,CAAC;EAAEP;AAAgC,CAAC,KAAKA,KAAK,CAACI,IAAI;AAChE,CAAC;AAEM,MAAMI,yBAAyB,GAAAf,OAAA,CAAAe,yBAAA,GAAG,IAAAd,yBAAM,EAACe,oBAAM,CAACd,GAAG,CAAqB,EAAE","ignoreList":[]}

package/lib/cjs/components/file-input/file-list/FileListItem.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _file = require("../../../utils/file");
+var _Icon = _interopRequireDefault(require("../../icon/Icon"));
+var _ListItem = _interopRequireDefault(require("../../list/list-item/ListItem"));
+var _FileListItem = require("./FileListItem.styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const FileListItem = ({
+  fileName,
+  fileSize,
+  fileType,
+  onRemove,
+  url
+}) => {
+  const humanFileSize = (0, _react.useMemo)(() => fileSize && (0, _file.getHumanSize)(fileSize), [fileSize]);
+  const icon = (0, _react.useMemo)(() => (0, _file.getIconByMimeType)(fileType), [fileType]);
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_FileListItem.StyledFileListItem, null, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+    title: fileName ?? url,
+    subtitle: humanFileSize,
+    icons: url ? ['fa fa-file-image'] : [icon],
+    shouldShowSingleRightElementCentered: true,
+    rightElements: [/*#__PURE__*/_react.default.createElement(_Icon.default, {
+      icons: ['ts-wrong'],
+      onClick: () => onRemove(fileName ?? url ?? '')
+    })]
+  })), [fileName, humanFileSize, icon, onRemove, url]);
+};
+FileListItem.displayName = 'FileList';
+var _default = exports.default = FileListItem;
+//# sourceMappingURL=FileListItem.js.map

package/lib/cjs/components/file-input/file-list/FileListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileListItem.js","names":["_react","_interopRequireWildcard","require","_file","_Icon","_interopRequireDefault","_ListItem","_FileListItem","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FileListItem","fileName","fileSize","fileType","onRemove","url","humanFileSize","useMemo","getHumanSize","icon","getIconByMimeType","createElement","StyledFileListItem","title","subtitle","icons","shouldShowSingleRightElementCentered","rightElements","onClick","displayName","_default","exports"],"sources":["../../../../../src/components/file-input/file-list/FileListItem.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport { getHumanSize, getIconByMimeType } from '../../../utils/file';\nimport Icon from '../../icon/Icon';\nimport ListItem from '../../list/list-item/ListItem';\nimport { StyledFileListItem } from './FileListItem.styles';\n\nexport type FileListItemProps = {\n    fileName?: string;\n    fileSize?: number;\n    fileType?: string;\n    url?: string;\n    onRemove: (name: string) => void;\n};\n\nconst FileListItem: FC<FileListItemProps> = ({ fileName, fileSize, fileType, onRemove, url }) => {\n    const humanFileSize = useMemo(() => fileSize && getHumanSize(fileSize), [fileSize]);\n\n    const icon = useMemo(() => getIconByMimeType(fileType), [fileType]);\n\n    return useMemo(\n        () => (\n            <StyledFileListItem>\n                <ListItem\n                    title={fileName ?? url}\n                    subtitle={humanFileSize}\n                    icons={url ? ['fa fa-file-image'] : [icon]}\n                    shouldShowSingleRightElementCentered\n                    rightElements={[\n                        <Icon\n                            icons={['ts-wrong']}\n                            onClick={() => onRemove(fileName ?? url ?? '')}\n                        />,\n                    ]}\n                />\n            </StyledFileListItem>\n        ),\n        [fileName, humanFileSize, icon, onRemove, url],\n    );\n};\n\nFileListItem.displayName = 'FileList';\n\nexport default FileListItem;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/file-input/file-list/FileListItem.styles.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledFileListItem = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StyledFileListItem = exports.StyledFileListItem = _styledComponents.default.div``;
+//# sourceMappingURL=FileListItem.styles.js.map

package/lib/cjs/components/file-input/file-list/FileListItem.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileListItem.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledFileListItem","exports","styled","div"],"sources":["../../../../../src/components/file-input/file-list/FileListItem.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledFileListItem = styled.div``;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAAG,EAAE","ignoreList":[]}

package/lib/cjs/components/filter-buttons/FilterButtons.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _filterButtons = require("../../types/filterButtons");
+var _FilterButton = _interopRequireDefault(require("./filter-button/FilterButton"));
+var _FilterButtons = require("./FilterButtons.styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const FilterButtons = ({
+  selectedItemIds,
+  onSelect,
+  items,
+  size = _filterButtons.FilterButtonSize.Normal
+}) => {
+  const [selectedIds, setSelectedIds] = (0, _react.useState)(['all']);
+
+  /**
+   * This function set the selectedItemKey
+   */
+  (0, _react.useEffect)(() => {
+    if (selectedItemIds) {
+      setSelectedIds(selectedItemIds);
+    }
+  }, [selectedItemIds]);
+
+  /**
+   * Function to update the selected items
+   */
+  const handleSelect = (0, _react.useCallback)(id => {
+    let newIds;
+    if (id === 'all') {
+      newIds = selectedIds.includes('all') ? ['all'] : [];
+    } else {
+      newIds = selectedIds.includes(id) ? selectedIds.filter(filteredId => filteredId !== id) : [...selectedIds.filter(filteredId => filteredId !== 'all'), id];
+    }
+    if (newIds.length === 0) {
+      newIds = ['all'];
+    }
+    setSelectedIds(newIds);
+    if (typeof onSelect === 'function') {
+      onSelect(newIds.filter(selectedId => selectedId !== 'all'));
+    }
+  }, [onSelect, selectedIds]);
+  const reactItems = (0, _react.useMemo)(() => {
+    if (items.length === 0) {
+      return null;
+    }
+    const array = [/*#__PURE__*/_react.default.createElement(_FilterButton.default, {
+      id: "all",
+      key: "all",
+      onSelect: handleSelect,
+      isSelected: selectedIds.includes('all'),
+      shape: _filterButtons.FilterButtonItemShape.Rectangular,
+      size: size,
+      text: "Alle"
+    })];
+    items.forEach(({
+      icons,
+      text,
+      color,
+      count,
+      id
+    }) => {
+      array.push( /*#__PURE__*/_react.default.createElement(_FilterButton.default, {
+        color: color,
+        icons: icons,
+        id: id,
+        key: id,
+        count: count,
+        onSelect: handleSelect,
+        isSelected: selectedIds.includes(id),
+        shape: _filterButtons.FilterButtonItemShape.Round,
+        size: size,
+        text: text
+      }));
+    });
+    return array;
+  }, [handleSelect, items, selectedIds, size]);
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_FilterButtons.StyledFilterButton, null, reactItems), [reactItems]);
+};
+FilterButtons.displayName = 'FilterButtons';
+var _default = exports.default = FilterButtons;
+//# sourceMappingURL=FilterButtons.js.map

package/lib/cjs/components/filter-buttons/FilterButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterButtons.js","names":["_react","_interopRequireWildcard","require","_filterButtons","_FilterButton","_interopRequireDefault","_FilterButtons","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FilterButtons","selectedItemIds","onSelect","items","size","FilterButtonSize","Normal","selectedIds","setSelectedIds","useState","useEffect","handleSelect","useCallback","id","newIds","includes","filter","filteredId","length","selectedId","reactItems","useMemo","array","createElement","key","isSelected","shape","FilterButtonItemShape","Rectangular","text","forEach","icons","color","count","push","Round","StyledFilterButton","displayName","_default","exports"],"sources":["../../../../src/components/filter-buttons/FilterButtons.tsx"],"sourcesContent":["import React, { FC, ReactElement, useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n    FilterButtonItemShape,\n    FilterButtonSize,\n    IFilterButtonItem,\n} from '../../types/filterButtons';\nimport FilterButton from './filter-button/FilterButton';\nimport { StyledFilterButton } from './FilterButtons.styles';\n\nexport type FilterButtonsProps = {\n    /**\n     * The items that should be displayed.\n     */\n    items: IFilterButtonItem[];\n    /**\n     * A function that should be executed when an item is selected.\n     */\n    onSelect?: (keys: string[]) => void;\n    /**\n     * The keys of items that should be selected.\n     */\n    selectedItemIds?: string[];\n    /**\n     * The size auf the filter buttons. Use the FilterButtonSize enum.\n     */\n    size?: FilterButtonSize;\n};\n\nconst FilterButtons: FC<FilterButtonsProps> = ({\n    selectedItemIds,\n    onSelect,\n    items,\n    size = FilterButtonSize.Normal,\n}) => {\n    const [selectedIds, setSelectedIds] = useState<string[]>(['all']);\n\n    /**\n     * This function set the selectedItemKey\n     */\n    useEffect(() => {\n        if (selectedItemIds) {\n            setSelectedIds(selectedItemIds);\n        }\n    }, [selectedItemIds]);\n\n    /**\n     * Function to update the selected items\n     */\n    const handleSelect = useCallback(\n        (id: string) => {\n            let newIds: string[];\n\n            if (id === 'all') {\n                newIds = selectedIds.includes('all') ? ['all'] : [];\n            } else {\n                newIds = selectedIds.includes(id)\n                    ? selectedIds.filter((filteredId) => filteredId !== id)\n                    : [...selectedIds.filter((filteredId) => filteredId !== 'all'), id];\n            }\n\n            if (newIds.length === 0) {\n                newIds = ['all'];\n            }\n\n            setSelectedIds(newIds);\n\n            if (typeof onSelect === 'function') {\n                onSelect(newIds.filter((selectedId) => selectedId !== 'all'));\n            }\n        },\n        [onSelect, selectedIds],\n    );\n\n    const reactItems = useMemo(() => {\n        if (items.length === 0) {\n            return null;\n        }\n\n        const array: ReactElement[] = [\n            <FilterButton\n                id=\"all\"\n                key=\"all\"\n                onSelect={handleSelect}\n                isSelected={selectedIds.includes('all')}\n                shape={FilterButtonItemShape.Rectangular}\n                size={size}\n                text=\"Alle\"\n            />,\n        ];\n\n        items.forEach(({ icons, text, color, count, id }) => {\n            array.push(\n                <FilterButton\n                    color={color}\n                    icons={icons}\n                    id={id}\n                    key={id}\n                    count={count}\n                    onSelect={handleSelect}\n                    isSelected={selectedIds.includes(id)}\n                    shape={FilterButtonItemShape.Round}\n                    size={size}\n                    text={text}\n                />,\n            );\n        });\n\n        return array;\n    }, [handleSelect, items, selectedIds, size]);\n\n    return useMemo(() => <StyledFilterButton>{reactItems}</StyledFilterButton>, [reactItems]);\n};\n\nFilterButtons.displayName = 'FilterButtons';\n\nexport default FilterButtons;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/filter-buttons/FilterButtons.styles.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledFilterButton = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StyledFilterButton = exports.StyledFilterButton = _styledComponents.default.div`
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+`;
+//# sourceMappingURL=FilterButtons.styles.js.map

package/lib/cjs/components/filter-buttons/FilterButtons.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterButtons.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledFilterButton","exports","styled","div"],"sources":["../../../../src/components/filter-buttons/FilterButtons.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledFilterButton = styled.div`\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAAG;AAC5C;AACA;AACA;AACA,CAAC","ignoreList":[]}