@chayns-components/core/lib/esm/components/file-list/FileList.js

A set of beautiful React components for developing your own applications with chayns.

import React, { useMemo } from 'react';
import { TextstringProvider } from '@chayns-components/textstring';
import List from '../list/List';
import { StyledFileList } from './FileList.styles';
import FileItem from './file-item/FileItem';
const FileList = ({
  files,
  onRemove,
  shouldAllowDownload
}) => {
  const content = useMemo(() => files?.map(({
    mimeType,
    size,
    name,
    id,
    source
  }) => /*#__PURE__*/React.createElement(FileItem, {
    key: id,
    id: id,
    name: name,
    size: size,
    mimeType: mimeType,
    source: source,
    onRemove: onRemove,
    shouldAllowDownload: shouldAllowDownload
  })), [files, onRemove, shouldAllowDownload]);
  return useMemo(() => /*#__PURE__*/React.createElement(TextstringProvider, {
    libraryName: "@chayns-components-core"
  }, /*#__PURE__*/React.createElement(StyledFileList, null, /*#__PURE__*/React.createElement(List, null, content))), [content]);
};
FileList.displayName = 'FileList';
export default FileList;
//# sourceMappingURL=FileList.js.map