@pega/cosmos-react-demos 7.11.3 → 7.11.4-10

package/jsx/core/File/FileDisplay.stories.d.ts

@@ -1,27 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { FileDisplayProps, FileUploadItemProps, FileDisplayListProps } from '@pega/cosmos-react-core';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").ReactRenderer, import("@storybook/csf").Args>;
-export default _default;
-interface FileDisplayDemoProps {
-    withDisplayText?: boolean;
-    withValue?: boolean;
-    withPreview?: boolean;
-    withDownload?: boolean;
-    compact?: boolean;
-}
-export declare const FileDisplayTypes: StoryFn<FileDisplayDemoProps>;
-export declare const FileDisplayDemo: StoryFn<FileDisplayProps & FileDisplayDemoProps>;
-export declare const FileDisplayListDemo: StoryFn<Pick<FileDisplayListProps, 'variant' | 'compact' | 'items' | 'heading' | 'onDownloadAll'> & {
-    enableDownloadAll?: boolean;
-    withValue?: boolean;
-    withPreview?: boolean;
-    withDownload?: boolean;
-}>;
-interface FileUploadItemDemoProps extends FileDisplayDemoProps {
-    name: FileUploadItemProps['name'];
-    meta?: FileUploadItemProps['meta'];
-    error?: FileUploadItemProps['error'];
-    progress?: FileUploadItemProps['progress'];
-}
-export declare const FileUploadItemDemo: StoryFn<FileUploadItemDemoProps>;
-//# sourceMappingURL=FileDisplay.stories.d.ts.map

package/jsx/core/File/FileDisplay.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileDisplay.stories.d.ts","sourceRoot":"","sources":["../../../src/core/File/FileDisplay.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAWtD,OAAO,KAAK,EACV,gBAAgB,EAEhB,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,yBAAyB,CAAC;;AAIjC,wBAaU;AAEV,UAAU,oBAAoB;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAC,oBAAoB,CA+K1D,CAAC;AAUF,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,gBAAgB,GAAG,oBAAoB,CA4B5E,CAAC;AAcF,eAAO,MAAM,mBAAmB,EAAE,OAAO,CACvC,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,eAAe,CAAC,GAAG;IAC1F,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAoCF,CAAC;AAqBF,UAAU,uBAAwB,SAAQ,oBAAoB;IAC5D,IAAI,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAC;CAC5C;AAED,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,uBAAuB,CA2B/D,CAAC"}

package/jsx/core/File/FileDisplay.stories.jsx

@@ -1,179 +0,0 @@
-import { useRef, useState } from 'react';
-import { action } from '@storybook/addon-actions';
-import { FileDisplay, FieldValueList, useToaster, FileUploadItem, FileDisplayList } from '@pega/cosmos-react-core';
-import { displayFiles } from './FileDisplay.mocks';
-export default {
-    title: 'Core/File/Display',
-    component: FileDisplay,
-    args: {
-        withValue: true,
-        withPreview: true,
-        withDownload: true
-    },
-    argTypes: {
-        withValue: { control: { type: 'boolean' } },
-        withPreview: { control: { type: 'boolean' } },
-        withDownload: { control: { type: 'boolean' } }
-    }
-};
-export const FileDisplayTypes = (args) => {
-    const { push } = useToaster();
-    const handlePreview = args.withPreview
-        ? (id) => push({ content: `Previewed ${id}` })
-        : undefined;
-    const handleDownload = args.withDownload
-        ? (id) => push({ content: `Downloaded ${id}` })
-        : undefined;
-    const imageSrc = 'https://www.pega.com/sites/default/files/styles/480/public/media/images/2021-02/pwi-2021-prevcard.jpg';
-    const fields = [
-        {
-            id: '1',
-            name: 'Image file with thumbnail',
-            value: (<FileDisplay id='item-1' displayText={args.withDisplayText ? 'image.jpg' : undefined} value={args.withValue ? 'https://pbs.twimg.com/media/ENNN5PAXkAE-hag.jpg' : undefined} thumbnail={imageSrc} onPreview={handlePreview} onDownload={handleDownload}/>)
-        },
-        {
-            id: '2',
-            name: 'Video file',
-            value: (<FileDisplay id='item-2' displayText={args.withDisplayText ? 'video.avi' : undefined} value={args.withValue ? 'https://pega.com/media/some-video.avi' : undefined} onPreview={handlePreview} onDownload={handleDownload}/>)
-        },
-        {
-            id: '3',
-            name: 'Audio file',
-            value: (<FileDisplay id='item-3' displayText={args.withDisplayText ? 'recording.mp3' : undefined} value={args.withValue ? 'https://pega.com/media/sprint-review-recording.mp3' : undefined} onPreview={handlePreview} onDownload={handleDownload}/>)
-        },
-        {
-            id: '4',
-            name: 'Document file',
-            value: (<FileDisplay id='item-4' displayText={args.withDisplayText ? 'document.doc' : undefined} value={args.withValue ? 'https://pega.com/media/document.doc' : undefined} onPreview={handlePreview} onDownload={handleDownload}/>)
-        },
-        {
-            id: '5',
-            name: 'PDF file',
-            value: (<FileDisplay id='item-5' displayText={args.withDisplayText ? 'invoice.pdf' : undefined} value={args.withValue ? 'https://pega.com/media/invoice.pdf' : undefined} onPreview={handlePreview} onDownload={handleDownload}/>)
-        },
-        {
-            id: '6',
-            name: 'Presentation file',
-            value: (<FileDisplay id='item-6' displayText={args.withDisplayText ? 'review.pps' : undefined} value={args.withValue ? 'https://pega.com/media/review.pps' : undefined} onPreview={handlePreview} onDownload={handleDownload}/>)
-        },
-        {
-            id: '7',
-            name: 'Spreadsheet file',
-            value: (<FileDisplay id='item-7' displayText={args.withDisplayText ? 'welfare.xlsx' : undefined} value={args.withValue ? 'https://pega.com/media/welfare.xlsx' : undefined} onPreview={handlePreview} onDownload={handleDownload}/>)
-        },
-        {
-            id: '8',
-            name: 'Email',
-            value: (<FileDisplay id='item-8' displayText={args.withDisplayText ? 'message.eml' : undefined} value={args.withValue ? 'https://pega.com/media/message.eml' : undefined} onPreview={handlePreview} onDownload={handleDownload}/>)
-        },
-        {
-            id: '9',
-            name: 'Database',
-            value: (<FileDisplay id='item-9' displayText={args.withDisplayText ? 'data.odb' : undefined} value={args.withValue ? 'https://pega.com/media/data.odb' : undefined} onPreview={handlePreview} onDownload={handleDownload}/>)
-        },
-        {
-            id: '10',
-            name: 'Zip file',
-            value: (<FileDisplay id='item-10' displayText={args.withDisplayText ? 'compress.zip' : undefined} value={args.withValue ? 'https://pega.com/media/compress.zip' : undefined} onPreview={handlePreview} onDownload={handleDownload}/>)
-        },
-        {
-            id: '11',
-            name: 'Unknown file type',
-            value: (<FileDisplay id='item-11' displayText={args.withDisplayText ? 'foo.xyz' : undefined} value={args.withValue ? 'https://pega.com/media/foo.xyz' : undefined} onPreview={handlePreview} onDownload={handleDownload}/>)
-        },
-        {
-            id: '12',
-            name: 'Image file',
-            value: (<FileDisplay id='item-12' displayText={args.withDisplayText ? 'image.jpg' : undefined} value={args.withValue ? 'https://pbs.twimg.com/media/ENNN5PAXkAE-hag.jpg' : undefined} onPreview={handlePreview} onDownload={handleDownload}/>)
-        }
-    ];
-    return <FieldValueList fields={fields}/>;
-};
-FileDisplayTypes.args = {
-    withDisplayText: true
-};
-FileDisplayTypes.argTypes = {
-    withDisplayText: { control: { type: 'boolean' } }
-};
-export const FileDisplayDemo = (args) => {
-    const { push } = useToaster();
-    const handlePreview = args.withPreview
-        ? (id) => push({ content: `Previewed ${id}` })
-        : undefined;
-    const handleDownload = args.withDownload
-        ? (id) => push({ content: `Downloaded ${id}` })
-        : undefined;
-    const imageSrc = args.withPreview
-        ? 'https://www.pega.com/sites/default/files/styles/480/public/media/images/2021-02/pwi-2021-prevcard.jpg'
-        : 'https://pega.com/media/compress.zip';
-    return (<FileDisplay id='item-1' variant={args.variant} displayText={args.displayText} value={args.withValue ? imageSrc : undefined} onPreview={handlePreview} onDownload={handleDownload} compact={args.compact}/>);
-};
-FileDisplayDemo.args = {
-    variant: 'file',
-    displayText: 'Pega World iNspire',
-    compact: false
-};
-FileDisplayDemo.argTypes = {
-    variant: { options: ['file', 'text', 'link'], control: { type: 'radio' } },
-    displayText: { control: { type: 'text' } },
-    compact: { control: { type: 'boolean' } }
-};
-export const FileDisplayListDemo = (args) => {
-    const [loading, setLoading] = useState(false);
-    const timeout = useRef();
-    const items = args.items ?? displayFiles;
-    const delayedFiles = !loading ? items : undefined;
-    const handleDownloadAll = () => action(`${items.length} files Downloaded`);
-    return (<FileDisplayList variant={args.variant} items={args.compact ? delayedFiles : items} compact={args.compact} count={args.compact ? items.length : undefined} heading={args.compact ? args.heading ?? 'Files' : undefined} onDownloadAll={args.enableDownloadAll ? handleDownloadAll : undefined} onDialogOpen={() => {
-            setLoading(true);
-            timeout.current = setTimeout(() => {
-                setLoading(false);
-                timeout.current = undefined;
-            }, 2000);
-        }} onDialogClose={() => {
-            clearTimeout(timeout.current);
-            timeout.current = undefined;
-            setLoading(false);
-        }} progress={args.compact && loading}/>);
-};
-FileDisplayListDemo.parameters = {
-    controls: { exclude: ['withPreview', 'withDownload', 'withValue'] }
-};
-FileDisplayListDemo.args = {
-    variant: 'file',
-    compact: false,
-    enableDownloadAll: true
-};
-FileDisplayListDemo.argTypes = {
-    variant: { options: ['file', 'text', 'link'], control: { type: 'radio' } },
-    compact: { control: { type: 'boolean' } },
-    enableDownloadAll: { control: { type: 'boolean' } },
-    withValue: { table: { disable: true } },
-    withPreview: { table: { disable: true } },
-    withDownload: { table: { disable: true } }
-};
-export const FileUploadItemDemo = (args) => {
-    const { push } = useToaster();
-    const handlePreview = args.withPreview
-        ? (name) => push({ content: `Previewed ${name}` })
-        : undefined;
-    const handleDownload = args.withDownload
-        ? (name) => push({ content: `Downloaded ${name}` })
-        : undefined;
-    const imageSrc = 'https://www.pega.com/sites/default/files/styles/480/public/media/images/2021-02/pwi-2021-prevcard.jpg';
-    return (<FileUploadItem name={args.name} meta={args.meta} error={args.error} progress={args.progress} thumbnail={imageSrc} onPreview={handlePreview} onDownload={handleDownload}/>);
-};
-FileUploadItemDemo.args = {
-    name: 'Pega World iNspire',
-    meta: 'Some additional information',
-    error: false,
-    progress: 100
-};
-FileUploadItemDemo.argTypes = {
-    withValue: { table: { disable: true } },
-    name: { control: { type: 'text' } },
-    meta: { control: { type: 'text' } },
-    error: { control: { type: 'boolean' } },
-    progress: { control: { type: 'number' } }
-};
-//# sourceMappingURL=FileDisplay.stories.jsx.map

package/jsx/core/File/FileDisplay.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileDisplay.stories.jsx","sourceRoot":"","sources":["../../../src/core/File/FileDisplay.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useRef, useState } from 'react';\nimport { action } from '@storybook/addon-actions';\n\nimport {\n  FileDisplay,\n  FieldValueList,\n  useToaster,\n  FileUploadItem,\n  FileDisplayList\n} from '@pega/cosmos-react-core';\nimport type {\n  FileDisplayProps,\n  FileItemProps,\n  FileUploadItemProps,\n  FileDisplayListProps\n} from '@pega/cosmos-react-core';\n\nimport { displayFiles } from './FileDisplay.mocks';\n\nexport default {\n  title: 'Core/File/Display',\n  component: FileDisplay,\n  args: {\n    withValue: true,\n    withPreview: true,\n    withDownload: true\n  },\n  argTypes: {\n    withValue: { control: { type: 'boolean' } },\n    withPreview: { control: { type: 'boolean' } },\n    withDownload: { control: { type: 'boolean' } }\n  }\n} as Meta;\n\ninterface FileDisplayDemoProps {\n  withDisplayText?: boolean;\n  withValue?: boolean;\n  withPreview?: boolean;\n  withDownload?: boolean;\n  compact?: boolean;\n}\n\nexport const FileDisplayTypes: StoryFn<FileDisplayDemoProps> = (args: FileDisplayDemoProps) => {\n  const { push } = useToaster();\n\n  const handlePreview = args.withPreview\n    ? (id: FileItemProps['id']) => push({ content: `Previewed ${id}` })\n    : undefined;\n\n  const handleDownload = args.withDownload\n    ? (id: FileItemProps['id']) => push({ content: `Downloaded ${id}` })\n    : undefined;\n\n  const imageSrc =\n    'https://www.pega.com/sites/default/files/styles/480/public/media/images/2021-02/pwi-2021-prevcard.jpg';\n\n  const fields = [\n    {\n      id: '1',\n      name: 'Image file with thumbnail',\n      value: (\n        <FileDisplay\n          id='item-1'\n          displayText={args.withDisplayText ? 'image.jpg' : undefined}\n          value={args.withValue ? 'https://pbs.twimg.com/media/ENNN5PAXkAE-hag.jpg' : undefined}\n          thumbnail={imageSrc}\n          onPreview={handlePreview}\n          onDownload={handleDownload}\n        />\n      )\n    },\n    {\n      id: '2',\n      name: 'Video file',\n      value: (\n        <FileDisplay\n          id='item-2'\n          displayText={args.withDisplayText ? 'video.avi' : undefined}\n          value={args.withValue ? 'https://pega.com/media/some-video.avi' : undefined}\n          onPreview={handlePreview}\n          onDownload={handleDownload}\n        />\n      )\n    },\n    {\n      id: '3',\n      name: 'Audio file',\n      value: (\n        <FileDisplay\n          id='item-3'\n          displayText={args.withDisplayText ? 'recording.mp3' : undefined}\n          value={args.withValue ? 'https://pega.com/media/sprint-review-recording.mp3' : undefined}\n          onPreview={handlePreview}\n          onDownload={handleDownload}\n        />\n      )\n    },\n    {\n      id: '4',\n      name: 'Document file',\n      value: (\n        <FileDisplay\n          id='item-4'\n          displayText={args.withDisplayText ? 'document.doc' : undefined}\n          value={args.withValue ? 'https://pega.com/media/document.doc' : undefined}\n          onPreview={handlePreview}\n          onDownload={handleDownload}\n        />\n      )\n    },\n    {\n      id: '5',\n      name: 'PDF file',\n      value: (\n        <FileDisplay\n          id='item-5'\n          displayText={args.withDisplayText ? 'invoice.pdf' : undefined}\n          value={args.withValue ? 'https://pega.com/media/invoice.pdf' : undefined}\n          onPreview={handlePreview}\n          onDownload={handleDownload}\n        />\n      )\n    },\n    {\n      id: '6',\n      name: 'Presentation file',\n      value: (\n        <FileDisplay\n          id='item-6'\n          displayText={args.withDisplayText ? 'review.pps' : undefined}\n          value={args.withValue ? 'https://pega.com/media/review.pps' : undefined}\n          onPreview={handlePreview}\n          onDownload={handleDownload}\n        />\n      )\n    },\n    {\n      id: '7',\n      name: 'Spreadsheet file',\n      value: (\n        <FileDisplay\n          id='item-7'\n          displayText={args.withDisplayText ? 'welfare.xlsx' : undefined}\n          value={args.withValue ? 'https://pega.com/media/welfare.xlsx' : undefined}\n          onPreview={handlePreview}\n          onDownload={handleDownload}\n        />\n      )\n    },\n    {\n      id: '8',\n      name: 'Email',\n      value: (\n        <FileDisplay\n          id='item-8'\n          displayText={args.withDisplayText ? 'message.eml' : undefined}\n          value={args.withValue ? 'https://pega.com/media/message.eml' : undefined}\n          onPreview={handlePreview}\n          onDownload={handleDownload}\n        />\n      )\n    },\n    {\n      id: '9',\n      name: 'Database',\n      value: (\n        <FileDisplay\n          id='item-9'\n          displayText={args.withDisplayText ? 'data.odb' : undefined}\n          value={args.withValue ? 'https://pega.com/media/data.odb' : undefined}\n          onPreview={handlePreview}\n          onDownload={handleDownload}\n        />\n      )\n    },\n    {\n      id: '10',\n      name: 'Zip file',\n      value: (\n        <FileDisplay\n          id='item-10'\n          displayText={args.withDisplayText ? 'compress.zip' : undefined}\n          value={args.withValue ? 'https://pega.com/media/compress.zip' : undefined}\n          onPreview={handlePreview}\n          onDownload={handleDownload}\n        />\n      )\n    },\n    {\n      id: '11',\n      name: 'Unknown file type',\n      value: (\n        <FileDisplay\n          id='item-11'\n          displayText={args.withDisplayText ? 'foo.xyz' : undefined}\n          value={args.withValue ? 'https://pega.com/media/foo.xyz' : undefined}\n          onPreview={handlePreview}\n          onDownload={handleDownload}\n        />\n      )\n    },\n    {\n      id: '12',\n      name: 'Image file',\n      value: (\n        <FileDisplay\n          id='item-12'\n          displayText={args.withDisplayText ? 'image.jpg' : undefined}\n          value={args.withValue ? 'https://pbs.twimg.com/media/ENNN5PAXkAE-hag.jpg' : undefined}\n          onPreview={handlePreview}\n          onDownload={handleDownload}\n        />\n      )\n    }\n  ];\n\n  return <FieldValueList fields={fields} />;\n};\n\nFileDisplayTypes.args = {\n  withDisplayText: true\n};\n\nFileDisplayTypes.argTypes = {\n  withDisplayText: { control: { type: 'boolean' } }\n};\n\nexport const FileDisplayDemo: StoryFn<FileDisplayProps & FileDisplayDemoProps> = (\n  args: FileDisplayProps & FileDisplayDemoProps\n) => {\n  const { push } = useToaster();\n\n  const handlePreview = args.withPreview\n    ? (id: FileItemProps['id']) => push({ content: `Previewed ${id}` })\n    : undefined;\n\n  const handleDownload = args.withDownload\n    ? (id: FileItemProps['id']) => push({ content: `Downloaded ${id}` })\n    : undefined;\n\n  const imageSrc = args.withPreview\n    ? 'https://www.pega.com/sites/default/files/styles/480/public/media/images/2021-02/pwi-2021-prevcard.jpg'\n    : 'https://pega.com/media/compress.zip';\n\n  return (\n    <FileDisplay\n      id='item-1'\n      variant={args.variant}\n      displayText={args.displayText}\n      value={args.withValue ? imageSrc : undefined}\n      onPreview={handlePreview}\n      onDownload={handleDownload}\n      compact={args.compact}\n    />\n  );\n};\n\nFileDisplayDemo.args = {\n  variant: 'file',\n  displayText: 'Pega World iNspire',\n  compact: false\n};\n\nFileDisplayDemo.argTypes = {\n  variant: { options: ['file', 'text', 'link'], control: { type: 'radio' } },\n  displayText: { control: { type: 'text' } },\n  compact: { control: { type: 'boolean' } }\n};\n\nexport const FileDisplayListDemo: StoryFn<\n  Pick<FileDisplayListProps, 'variant' | 'compact' | 'items' | 'heading' | 'onDownloadAll'> & {\n    enableDownloadAll?: boolean;\n    withValue?: boolean;\n    withPreview?: boolean;\n    withDownload?: boolean;\n  }\n> = (\n  args: Pick<FileDisplayListProps, 'variant' | 'compact' | 'items' | 'heading'> & {\n    enableDownloadAll?: boolean;\n  }\n) => {\n  const [loading, setLoading] = useState(false);\n  const timeout = useRef<ReturnType<typeof setTimeout>>();\n  const items = args.items ?? displayFiles;\n  const delayedFiles = !loading ? items : undefined;\n\n  const handleDownloadAll = () => action(`${items.length} files Downloaded`);\n\n  return (\n    <FileDisplayList\n      variant={args.variant}\n      items={args.compact ? delayedFiles : items}\n      compact={args.compact}\n      count={args.compact ? items.length : undefined}\n      heading={args.compact ? args.heading ?? 'Files' : undefined}\n      onDownloadAll={args.enableDownloadAll ? handleDownloadAll : undefined}\n      onDialogOpen={() => {\n        setLoading(true);\n        timeout.current = setTimeout(() => {\n          setLoading(false);\n          timeout.current = undefined;\n        }, 2000);\n      }}\n      onDialogClose={() => {\n        clearTimeout(timeout.current);\n        timeout.current = undefined;\n        setLoading(false);\n      }}\n      progress={args.compact && loading}\n    />\n  );\n};\n\nFileDisplayListDemo.parameters = {\n  controls: { exclude: ['withPreview', 'withDownload', 'withValue'] }\n};\n\nFileDisplayListDemo.args = {\n  variant: 'file',\n  compact: false,\n  enableDownloadAll: true\n};\n\nFileDisplayListDemo.argTypes = {\n  variant: { options: ['file', 'text', 'link'], control: { type: 'radio' } },\n  compact: { control: { type: 'boolean' } },\n  enableDownloadAll: { control: { type: 'boolean' } },\n  withValue: { table: { disable: true } },\n  withPreview: { table: { disable: true } },\n  withDownload: { table: { disable: true } }\n};\n\ninterface FileUploadItemDemoProps extends FileDisplayDemoProps {\n  name: FileUploadItemProps['name'];\n  meta?: FileUploadItemProps['meta'];\n  error?: FileUploadItemProps['error'];\n  progress?: FileUploadItemProps['progress'];\n}\n\nexport const FileUploadItemDemo: StoryFn<FileUploadItemDemoProps> = (\n  args: FileUploadItemDemoProps\n) => {\n  const { push } = useToaster();\n\n  const handlePreview = args.withPreview\n    ? (name: FileUploadItemProps['name']) => push({ content: `Previewed ${name}` })\n    : undefined;\n\n  const handleDownload = args.withDownload\n    ? (name: FileUploadItemProps['name']) => push({ content: `Downloaded ${name}` })\n    : undefined;\n\n  const imageSrc =\n    'https://www.pega.com/sites/default/files/styles/480/public/media/images/2021-02/pwi-2021-prevcard.jpg';\n\n  return (\n    <FileUploadItem\n      name={args.name}\n      meta={args.meta}\n      error={args.error}\n      progress={args.progress}\n      thumbnail={imageSrc}\n      onPreview={handlePreview}\n      onDownload={handleDownload}\n    />\n  );\n};\n\nFileUploadItemDemo.args = {\n  name: 'Pega World iNspire',\n  meta: 'Some additional information',\n  error: false,\n  progress: 100\n};\n\nFileUploadItemDemo.argTypes = {\n  withValue: { table: { disable: true } },\n  name: { control: { type: 'text' } },\n  meta: { control: { type: 'text' } },\n  error: { control: { type: 'boolean' } },\n  progress: { control: { type: 'number' } }\n};\n"]}

package/jsx/core/File/FileInput.stories.d.ts

@@ -1,13 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { FileInputProps, OmitStrict } from '@pega/cosmos-react-core';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").ReactRenderer, import("@storybook/csf").Args>;
-export default _default;
-interface FileInputStoryProps extends OmitStrict<FileInputProps, 'accept'> {
-    sizeLimit?: number;
-    showAdditionalInfo?: boolean;
-    accept?: string;
-}
-export declare const FileInputDemo: StoryFn<FileInputStoryProps & {
-    enableDownloadAll?: boolean;
-}>;
-//# sourceMappingURL=FileInput.stories.d.ts.map

package/jsx/core/File/FileInput.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileInput.stories.d.ts","sourceRoot":"","sources":["../../../src/core/File/FileInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAYtD,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;;AAS1E,wBAGU;AAEV,UAAU,mBAAoB,SAAQ,UAAU,CAAC,cAAc,EAAE,QAAQ,CAAC;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,aAAa,EAAE,OAAO,CAAC,mBAAmB,GAAG;IAAE,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAAE,CAqKxF,CAAC"}

package/jsx/core/File/FileInput.stories.jsx

@@ -1,162 +0,0 @@
-import { useState, useMemo, useCallback, useRef, useContext } from 'react';
-import { action } from '@storybook/addon-actions';
-import { FileInput, useAfterInitialEffect, Flex, Link, createUID, hasProp } from '@pega/cosmos-react-core';
-import { FileServiceContext } from './FileService.mock';
-export default {
-    title: 'Core/File/Input',
-    component: FileInput
-};
-export const FileInputDemo = (args) => {
-    const { files, setFiles, attachFile, deleteFile, cancelFile } = useContext(FileServiceContext);
-    const errCounts = useRef({ invalidType: 0, invalidSize: 0 });
-    const [hasError, setHasError] = useState(false);
-    const [loading, setLoading] = useState(false);
-    const [uploadedFileCount, setUploadedFileCount] = useState(0);
-    const [filesBeforeCancel, setFilesBeforeCancel] = useState([]);
-    const sizeLimit = args.sizeLimit || 100;
-    const isMockFileItems = (fileItems) => {
-        return fileItems.every(item => hasProp(item, 'format'));
-    };
-    const onFilesAdded = useCallback((addedFiles) => {
-        errCounts.current = { invalidType: 0, invalidSize: 0 };
-        const newFiles = addedFiles.filter(f => {
-            let isValidSize = true;
-            if (f.size / 1000000 > sizeLimit) {
-                errCounts.current.invalidSize += 1;
-                isValidSize = false;
-            }
-            return isValidSize;
-        });
-        setHasError(newFiles.length < addedFiles.length);
-        newFiles.forEach((File) => {
-            const id = createUID();
-            attachFile({
-                id,
-                thumbnail: File.type.startsWith('image') ? URL.createObjectURL(File) : undefined,
-                name: File.name,
-                format: File.name.split('.').pop(),
-                category: 'category-1',
-                File
-            });
-        });
-    }, [attachFile]);
-    useAfterInitialEffect(() => {
-        if (files.length === 0)
-            setHasError(false);
-    }, [files.length]);
-    const info = useMemo(() => {
-        return hasError
-            ? errCounts.current.invalidSize > 0 && (<div>{`File size must be less than ${sizeLimit}MB`}</div>)
-            : null;
-    }, [hasError]);
-    const items = isMockFileItems(files)
-        ? files.map(({ id, name, format, progress, thumbnail }) => {
-            const isLoaded = progress === 100;
-            return {
-                id,
-                name,
-                format,
-                progress: progress ?? 0,
-                thumbnail: isLoaded ? thumbnail : undefined,
-                onEdit: isLoaded ? action('edit') : undefined,
-                onCancel: () => {
-                    cancelFile(id);
-                },
-                onPreview: isLoaded ? action('on preview') : undefined,
-                onDownload: isLoaded ? action('on download') : undefined,
-                onDelete: isLoaded
-                    ? () => {
-                        setTimeout(() => {
-                            deleteFile(id);
-                        }, 1000);
-                    }
-                    : undefined
-            };
-        })
-        : [];
-    const handleDownloadAll = () => action(`${items.length} files downloaded`);
-    return (<FileInput label={args.label} labelHidden={args.labelHidden} multiple={args.multiple} status={hasError ? 'error' : args.status} info={info || args.info} required={args.required} disabled={args.disabled} readOnly={args.readOnly} onFilesAdded={onFilesAdded} onDownloadAll={args.enableDownloadAll ? handleDownloadAll : undefined} files={args.files || items} compact={args.compact} previewFromActions={args.previewFromActions} count={args.compact && args.multiple ? uploadedFileCount : undefined} modal={args.compact && args.multiple
-            ? {
-                onBeforeOpen: () => {
-                    if (items.length > 0) {
-                        setLoading(true);
-                        setFilesBeforeCancel(files);
-                        setTimeout(() => {
-                            setLoading(false);
-                        }, 1000);
-                    }
-                    else {
-                        setFilesBeforeCancel(files);
-                    }
-                },
-                onCancel: ({ close }) => {
-                    if (filesBeforeCancel)
-                        setFiles(filesBeforeCancel);
-                    close();
-                },
-                onSubmit: ({ close }) => {
-                    setLoading(true);
-                    setTimeout(() => {
-                        setLoading(false);
-                        setUploadedFileCount(items.length);
-                        close();
-                    }, 1000);
-                },
-                loading
-            }
-            : undefined} additionalInfo={args.showAdditionalInfo
-            ? {
-                content: (<Flex container={{ direction: 'column', alignItems: 'start', gap: 2 }}>
-                  <p>
-                    Lorem ipsum dolor sit amet, consectetur it, sed do tempor incididunt ut labore
-                    magna aliqua. Nibh praesent tristique magna sit amet. Nec tincidunt praesent
-                    semper feugiat nibh sed pulvinar proin gravida.
-                  </p>
-                  <p>
-                    Pharetra pharetra massa massa ultricies mi quis hendrerit dolor. Est velit
-                    egestas dui id ornare arcu odio ut. Varius sit amet mattis vulputate enim nulla
-                    aliquet porttitor lacus.
-                  </p>
-                  <Link href='/' target='_blank'>
-                    Neque vitae
-                  </Link>
-                </Flex>)
-            }
-            : undefined} accept={args.accept?.split(',')}/>);
-};
-FileInputDemo.args = {
-    multiple: true,
-    sizeLimit: 100,
-    label: 'File input label',
-    labelHidden: false,
-    info: '',
-    status: undefined,
-    required: false,
-    disabled: false,
-    readOnly: false,
-    showAdditionalInfo: false,
-    accept: 'application/pdf, .jpeg, image/png, .doc, .docx',
-    compact: false,
-    previewFromActions: false,
-    enableDownloadAll: true
-};
-FileInputDemo.argTypes = {
-    multiple: { control: { type: 'boolean' } },
-    sizeLimit: { control: { type: 'number' } },
-    label: { control: { type: 'text' } },
-    labelHidden: { control: { type: 'boolean' } },
-    info: { control: { type: 'text' } },
-    status: {
-        options: [undefined, 'success', 'warning', 'error', 'pending'],
-        control: { type: 'select' }
-    },
-    required: { control: { type: 'boolean' } },
-    disabled: { control: { type: 'boolean' } },
-    readOnly: { control: { type: 'boolean' } },
-    showAdditionalInfo: { control: { type: 'boolean' } },
-    accept: { control: { type: 'text' } },
-    compact: { control: { type: 'boolean' } },
-    previewFromActions: { control: { type: 'boolean' } },
-    enableDownloadAll: { control: { type: 'boolean' } }
-};
-//# sourceMappingURL=FileInput.stories.jsx.map

package/jsx/core/File/FileInput.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileInput.stories.jsx","sourceRoot":"","sources":["../../../src/core/File/FileInput.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useState, useMemo, useCallback, useRef, useContext } from 'react';\nimport { action } from '@storybook/addon-actions';\n\nimport {\n  FileInput,\n  useAfterInitialEffect,\n  Flex,\n  Link,\n  createUID,\n  hasProp\n} from '@pega/cosmos-react-core';\nimport type { FileInputProps, OmitStrict } from '@pega/cosmos-react-core';\n\nimport { FileServiceContext } from './FileService.mock';\nimport type {\n  MockFileItem,\n  MockFileAttachmentResource,\n  MockFileUploadItem\n} from './FileService.mock';\n\nexport default {\n  title: 'Core/File/Input',\n  component: FileInput\n} as Meta;\n\ninterface FileInputStoryProps extends OmitStrict<FileInputProps, 'accept'> {\n  sizeLimit?: number;\n  showAdditionalInfo?: boolean;\n  accept?: string;\n}\n\nexport const FileInputDemo: StoryFn<FileInputStoryProps & { enableDownloadAll?: boolean }> = (\n  args: FileInputStoryProps & { enableDownloadAll?: boolean }\n) => {\n  const { files, setFiles, attachFile, deleteFile, cancelFile } = useContext(FileServiceContext);\n\n  const errCounts = useRef({ invalidType: 0, invalidSize: 0 });\n  const [hasError, setHasError] = useState(false);\n  const [loading, setLoading] = useState(false);\n  const [uploadedFileCount, setUploadedFileCount] = useState(0);\n  const [filesBeforeCancel, setFilesBeforeCancel] = useState<\n    (MockFileAttachmentResource | MockFileUploadItem | MockFileItem)[]\n  >([]);\n  const sizeLimit = args.sizeLimit || 100;\n\n  const isMockFileItems = (\n    fileItems: (MockFileAttachmentResource | MockFileUploadItem | MockFileItem)[]\n  ): fileItems is MockFileItem[] => {\n    return fileItems.every(item => hasProp(item, 'format'));\n  };\n\n  // Fires anytime files are added to the input either through selection or drop\n  const onFilesAdded = useCallback(\n    (addedFiles: File[]) => {\n      errCounts.current = { invalidType: 0, invalidSize: 0 };\n\n      const newFiles = addedFiles.filter(f => {\n        let isValidSize = true;\n\n        if (f.size / 1000000 > sizeLimit) {\n          errCounts.current.invalidSize += 1;\n          isValidSize = false;\n        }\n\n        return isValidSize;\n      });\n\n      setHasError(newFiles.length < addedFiles.length);\n\n      newFiles.forEach((File: File) => {\n        const id = createUID();\n        attachFile({\n          id,\n          thumbnail: File.type.startsWith('image') ? URL.createObjectURL(File) : undefined,\n          name: File.name,\n          format: File.name.split('.').pop(),\n          category: 'category-1',\n          File\n        });\n      });\n    },\n    [attachFile]\n  );\n\n  useAfterInitialEffect(() => {\n    if (files.length === 0) setHasError(false);\n  }, [files.length]);\n\n  const info = useMemo(() => {\n    return hasError\n      ? errCounts.current.invalidSize > 0 && (\n          <div>{`File size must be less than ${sizeLimit}MB`}</div>\n        )\n      : null;\n  }, [hasError]);\n\n  const items = isMockFileItems(files)\n    ? files.map(({ id, name, format, progress, thumbnail }) => {\n        const isLoaded = progress === 100;\n        return {\n          id,\n          name,\n          format,\n          progress: progress ?? 0,\n          thumbnail: isLoaded ? thumbnail : undefined,\n          onEdit: isLoaded ? action('edit') : undefined,\n          onCancel: () => {\n            cancelFile(id);\n          },\n          onPreview: isLoaded ? action('on preview') : undefined,\n          onDownload: isLoaded ? action('on download') : undefined,\n          onDelete: isLoaded\n            ? () => {\n                setTimeout(() => {\n                  deleteFile(id);\n                }, 1000);\n              }\n            : undefined\n        };\n      })\n    : [];\n\n  const handleDownloadAll = () => action(`${items.length} files downloaded`);\n\n  return (\n    <FileInput\n      label={args.label}\n      labelHidden={args.labelHidden}\n      multiple={args.multiple}\n      status={hasError ? 'error' : args.status}\n      info={info || args.info}\n      required={args.required}\n      disabled={args.disabled}\n      readOnly={args.readOnly}\n      onFilesAdded={onFilesAdded}\n      onDownloadAll={args.enableDownloadAll ? handleDownloadAll : undefined}\n      files={args.files || items}\n      compact={args.compact}\n      previewFromActions={args.previewFromActions}\n      count={args.compact && args.multiple ? uploadedFileCount : undefined}\n      modal={\n        args.compact && args.multiple\n          ? {\n              onBeforeOpen: () => {\n                if (items.length > 0) {\n                  setLoading(true);\n                  setFilesBeforeCancel(files);\n                  setTimeout(() => {\n                    setLoading(false);\n                  }, 1000);\n                } else {\n                  setFilesBeforeCancel(files);\n                }\n              },\n              onCancel: ({ close }) => {\n                if (filesBeforeCancel) setFiles(filesBeforeCancel);\n                close();\n              },\n              onSubmit: ({ close }) => {\n                setLoading(true);\n                setTimeout(() => {\n                  setLoading(false);\n                  setUploadedFileCount(items.length);\n                  close();\n                }, 1000);\n              },\n              loading\n            }\n          : undefined\n      }\n      additionalInfo={\n        args.showAdditionalInfo\n          ? {\n              content: (\n                <Flex container={{ direction: 'column', alignItems: 'start', gap: 2 }}>\n                  <p>\n                    Lorem ipsum dolor sit amet, consectetur it, sed do tempor incididunt ut labore\n                    magna aliqua. Nibh praesent tristique magna sit amet. Nec tincidunt praesent\n                    semper feugiat nibh sed pulvinar proin gravida.\n                  </p>\n                  <p>\n                    Pharetra pharetra massa massa ultricies mi quis hendrerit dolor. Est velit\n                    egestas dui id ornare arcu odio ut. Varius sit amet mattis vulputate enim nulla\n                    aliquet porttitor lacus.\n                  </p>\n                  <Link href='/' target='_blank'>\n                    Neque vitae\n                  </Link>\n                </Flex>\n              )\n            }\n          : undefined\n      }\n      accept={args.accept?.split(',')}\n    />\n  );\n};\n\nFileInputDemo.args = {\n  multiple: true,\n  sizeLimit: 100,\n  label: 'File input label',\n  labelHidden: false,\n  info: '',\n  status: undefined,\n  required: false,\n  disabled: false,\n  readOnly: false,\n  showAdditionalInfo: false,\n  accept: 'application/pdf, .jpeg, image/png, .doc, .docx',\n  compact: false,\n  previewFromActions: false,\n  enableDownloadAll: true\n};\n\nFileInputDemo.argTypes = {\n  multiple: { control: { type: 'boolean' } },\n  sizeLimit: { control: { type: 'number' } },\n  label: { control: { type: 'text' } },\n  labelHidden: { control: { type: 'boolean' } },\n  info: { control: { type: 'text' } },\n  status: {\n    options: [undefined, 'success', 'warning', 'error', 'pending'],\n    control: { type: 'select' }\n  },\n  required: { control: { type: 'boolean' } },\n  disabled: { control: { type: 'boolean' } },\n  readOnly: { control: { type: 'boolean' } },\n  showAdditionalInfo: { control: { type: 'boolean' } },\n  accept: { control: { type: 'text' } },\n  compact: { control: { type: 'boolean' } },\n  previewFromActions: { control: { type: 'boolean' } },\n  enableDownloadAll: { control: { type: 'boolean' } }\n};\n"]}

package/jsx/core/File/FileService.mock.d.ts

@@ -1,31 +0,0 @@
-import type { ReactNode, FunctionComponent, Dispatch, SetStateAction } from 'react';
-import type { FileUploadItemProps, FileItemProps, OmitStrict } from '@pega/cosmos-react-core';
-export interface MockFileAttachmentResource {
-    id: string;
-    name: string;
-    category: string;
-    thumbnail?: string;
-    createDate?: number;
-    modifiedDate?: number;
-}
-export interface MockFileUploadItem extends Pick<MockFileAttachmentResource, 'id' | 'category'>, OmitStrict<FileUploadItemProps, 'id'> {
-    File: File;
-}
-export interface MockFileItem extends OmitStrict<FileItemProps, 'id'>, Pick<MockFileAttachmentResource, 'id' | 'category'> {
-    File: File;
-}
-export interface FileServiceContextValue {
-    files: (MockFileAttachmentResource | MockFileUploadItem | MockFileItem)[];
-    setFiles: Dispatch<SetStateAction<FileServiceContextValue['files']>>;
-    attachFile: (file: MockFileItem) => void;
-    cancelFile: (id: MockFileAttachmentResource['id']) => void;
-    deleteFile: (id: MockFileAttachmentResource['id']) => void;
-}
-export declare const FileServiceContext: import("react").Context<FileServiceContextValue>;
-export declare const mockCategories: ('HR' | 'Marketing' | 'Sales' | 'Accounting' | 'Engineering')[];
-export declare const mockAttachmentListRequest: () => Promise<MockFileAttachmentResource[]>;
-declare const Provider: FunctionComponent<{
-    children: ReactNode;
-}>;
-export default Provider;
-//# sourceMappingURL=FileService.mock.d.ts.map

package/jsx/core/File/FileService.mock.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileService.mock.d.ts","sourceRoot":"","sources":["../../../src/core/File/FileService.mock.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGpF,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAK9F,MAAM,WAAW,0BAA0B;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAKD,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,0BAA0B,EAAE,IAAI,GAAG,UAAU,CAAC,EACzD,UAAU,CAAC,mBAAmB,EAAE,IAAI,CAAC;IACvC,IAAI,EAAE,IAAI,CAAC;CACZ;AAED,MAAM,WAAW,YACf,SAAQ,UAAU,CAAC,aAAa,EAAE,IAAI,CAAC,EACrC,IAAI,CAAC,0BAA0B,EAAE,IAAI,GAAG,UAAU,CAAC;IACrD,IAAI,EAAE,IAAI,CAAC;CACZ;AAKD,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,CAAC,0BAA0B,GAAG,kBAAkB,GAAG,YAAY,CAAC,EAAE,CAAC;IAC1E,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACrE,UAAU,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACzC,UAAU,EAAE,CAAC,EAAE,EAAE,0BAA0B,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC3D,UAAU,EAAE,CAAC,EAAE,EAAE,0BAA0B,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;CAC5D;AAKD,eAAO,MAAM,kBAAkB,kDAM7B,CAAC;AA8BH,eAAO,MAAM,cAAc,EAAE,CAAC,IAAI,GAAG,WAAW,GAAG,OAAO,GAAG,YAAY,GAAG,aAAa,CAAC,EAMzF,CAAC;AAEF,eAAO,MAAM,yBAAyB,QAAO,QAAQ,0BAA0B,EAAE,CA+BhF,CAAC;AAKF,QAAA,MAAM,QAAQ,EAAE,iBAAiB,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CA4ExD,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/jsx/core/File/FileService.mock.jsx

@@ -1,119 +0,0 @@
-import { createContext, useState, useCallback, useMemo } from 'react';
-import { createUID, hasProp, useAfterInitialEffect } from '@pega/cosmos-react-core';
-export const FileServiceContext = createContext({
-    files: [],
-    setFiles: () => { },
-    attachFile: () => { },
-    cancelFile: () => { },
-    deleteFile: () => { }
-});
-const postFile = ({ file, onProgress, onLoad, currentProgress }) => {
-    onProgress(file, currentProgress);
-    setTimeout(() => {
-        const progress = currentProgress + 5;
-        if (progress <= 100)
-            postFile({ file, onProgress, onLoad, currentProgress: progress });
-        else
-            onLoad(file);
-    }, 100);
-};
-const getMockPriorDate = (h) => {
-    const d = new Date();
-    return d.setHours(d.getHours() - h);
-};
-export const mockCategories = [
-    'HR',
-    'Marketing',
-    'Sales',
-    'Accounting',
-    'Engineering'
-];
-export const mockAttachmentListRequest = () => {
-    return new Promise(resolve => {
-        setTimeout(() => {
-            resolve([
-                {
-                    id: createUID(),
-                    name: 'File.doc',
-                    category: mockCategories[0],
-                    createDate: getMockPriorDate(1)
-                },
-                {
-                    id: createUID(),
-                    name: 'File.ppt',
-                    category: mockCategories[1],
-                    createDate: getMockPriorDate(4)
-                },
-                {
-                    id: createUID(),
-                    name: 'File.xls',
-                    category: mockCategories[2],
-                    createDate: getMockPriorDate(30)
-                },
-                {
-                    id: createUID(),
-                    name: 'emptyFile',
-                    category: '',
-                    createDate: getMockPriorDate(144)
-                }
-            ]);
-        }, 1000);
-    });
-};
-const Provider = ({ children }) => {
-    const [files, setFiles] = useState([]);
-    const attachFile = useCallback((file) => {
-        if (files.some(f => f.id === file.id))
-            return;
-        setFiles(current => [file, ...current]);
-    }, [files]);
-    const cancelFile = (id) => {
-        setFiles(current => current.filter(f => f.id !== id));
-    };
-    const deleteFile = useCallback(async (id) => {
-        const file = files.find(f => f.id === id);
-        setFiles(current => current.filter(f => f.id !== file.id));
-    }, [files]);
-    const setProgress = useCallback((file, progress) => {
-        setFiles(current => current.map(f => {
-            if (file.id === f.id) {
-                f.progress = progress;
-            }
-            return f;
-        }));
-    }, []);
-    useAfterInitialEffect(() => {
-        files.forEach(file => {
-            if (!hasProp(file, 'File') || typeof file.progress === 'number')
-                return;
-            postFile({
-                file,
-                onProgress: setProgress,
-                currentProgress: 0,
-                onLoad(loadedFile) {
-                    setFiles(cur => {
-                        return cur.map(f => {
-                            if (f.id === loadedFile.id) {
-                                return {
-                                    ...loadedFile,
-                                    createDate: Date.now()
-                                };
-                            }
-                            return f;
-                        });
-                    });
-                }
-            });
-        });
-    }, [files.length, setProgress]);
-    const value = useMemo(() => ({
-        files,
-        setFiles,
-        attachFile,
-        cancelFile,
-        deleteFile
-    }), [files, attachFile, cancelFile, deleteFile]);
-    return <FileServiceContext.Provider value={value}>{children}</FileServiceContext.Provider>;
-};
-export default Provider;
-//# sourceMappingURL=FileService.mock.jsx.map