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

package/jsx/core/FieldGroup/FieldGroupList.mocks.jsx

@@ -1,109 +0,0 @@
-import { createUID, DateInput, FileInput, Input, Option, Select, TextArea } from '@pega/cosmos-react-core';
-export const fieldGroupReducer = (groupMeta, FieldRenderer) => (items, payload) => {
-    switch (payload.action) {
-        case 'add':
-            return [
-                ...items,
-                {
-                    name: `${groupMeta.label} ${items.length + 1}`,
-                    headingTag: 'h3',
-                    id: createUID(),
-                    children: groupMeta.fields.map(props => <FieldRenderer {...props} key={props.label}/>)
-                }
-            ];
-        case 'delete':
-            return items
-                .filter(group => group.id !== payload.id)
-                .map((group, i) => ({
-                ...group,
-                name: `${groupMeta.label} ${i + 1}`,
-                headingTag: 'h3'
-            }));
-        default:
-            return items;
-    }
-};
-export const DemoFieldRenderer = ({ label, type }) => {
-    if (type === 'text') {
-        return <Input label={label} key={label}/>;
-    }
-    return null;
-};
-export const demoGroupMeta = {
-    label: 'Applicant',
-    fields: [
-        {
-            type: 'text',
-            label: 'Applicant name'
-        }
-    ]
-};
-export const ExpensesFieldRenderer = ({ label, type }) => {
-    if (type === 'text') {
-        return <Input label={label}/>;
-    }
-    if (type === 'select') {
-        return (<Select label={label}>
-        <Option>Select</Option>
-        <Option>Advertising</Option>
-        <Option>Car and truck expenses</Option>
-        <Option>Commissions and fees</Option>
-        <Option>Contract labor</Option>
-        <Option>Legal and professional services</Option>
-        <Option>Office expense</Option>
-        <Option>Rent or lease</Option>
-        <Option>Vehicles, machinery, and equipment</Option>
-        <Option>Repairs and maintenance</Option>
-        <Option>Travel and meals</Option>
-        <Option>Deductible meals</Option>
-        <Option>Utilities</Option>
-        <Option>Other</Option>
-      </Select>);
-    }
-    if (type === 'file') {
-        return <FileInput label={label} multiple/>;
-    }
-    if (type === 'textarea') {
-        return <TextArea label={label}/>;
-    }
-    if (type === 'date') {
-        return <DateInput label={label}/>;
-    }
-    return null;
-};
-export const expensesGroupMeta = {
-    label: 'Expense',
-    fields: [
-        { type: 'select', label: 'Type of expense' },
-        { type: 'date', label: 'Date of expense' },
-        { type: 'file', label: 'Receipts' },
-        { type: 'textarea', label: 'Notes' }
-    ]
-};
-export const InsuranceFieldRenderer = ({ label, type }) => {
-    if (type === 'text') {
-        return <Input label={label}/>;
-    }
-    if (type === 'select') {
-        return (<Select label={label}>
-        <Option>Select</Option>
-        <Option>Mother</Option>
-        <Option>Father</Option>
-        <Option>Guardian</Option>
-        <Option>Child</Option>
-        <Option>Spouse</Option>
-        <Option>Sibling</Option>
-        <Option>Other</Option>
-      </Select>);
-    }
-    return null;
-};
-export const insuranceGroupMeta = {
-    label: 'Entry',
-    fields: [
-        { type: 'text', label: 'First name' },
-        { type: 'text', label: 'Last name' },
-        { type: 'select', label: 'Relationship' }
-    ]
-};
-//# sourceMappingURL=FieldGroupList.mocks.jsx.map

package/jsx/core/FieldGroup/FieldGroupList.mocks.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldGroupList.mocks.jsx","sourceRoot":"","sources":["../../../src/core/FieldGroup/FieldGroupList.mocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  createUID,\n  DateInput,\n  FileInput,\n  Input,\n  Option,\n  Select,\n  TextArea\n} from '@pega/cosmos-react-core';\nimport type { FieldGroupListItemProps } from '@pega/cosmos-react-core';\n\ntype FieldGroupReducerPayload =\n  | {\n      action: 'add';\n    }\n  | {\n      action: 'delete';\n      id: string;\n    };\n\nexport interface FieldMeta {\n  label: string;\n  type: 'text' | 'date' | 'file' | 'select' | 'textarea';\n}\n\nexport interface GroupMeta {\n  label: string;\n  fields: FieldMeta[];\n}\n\nexport const fieldGroupReducer =\n  (groupMeta: GroupMeta, FieldRenderer: (props: FieldMeta) => JSX.Element | null) =>\n  (\n    items: FieldGroupListItemProps[],\n    payload: FieldGroupReducerPayload\n  ): FieldGroupListItemProps[] => {\n    switch (payload.action) {\n      case 'add':\n        return [\n          ...items,\n          {\n            name: `${groupMeta.label} ${items.length + 1}`,\n            headingTag: 'h3',\n            id: createUID(),\n            children: groupMeta.fields.map(props => <FieldRenderer {...props} key={props.label} />)\n          }\n        ];\n\n      case 'delete':\n        return items\n          .filter(group => group.id !== payload.id)\n          .map((group, i) => ({\n            ...group,\n            name: `${groupMeta.label} ${i + 1}`,\n            headingTag: 'h3'\n          }));\n\n      default:\n        return items;\n    }\n  };\n\nexport const DemoFieldRenderer = ({ label, type }: FieldMeta) => {\n  if (type === 'text') {\n    return <Input label={label} key={label} />;\n  }\n\n  return null;\n};\n\nexport const demoGroupMeta: GroupMeta = {\n  label: 'Applicant',\n  fields: [\n    {\n      type: 'text',\n      label: 'Applicant name'\n    }\n  ]\n};\n\nexport const ExpensesFieldRenderer = ({ label, type }: FieldMeta) => {\n  if (type === 'text') {\n    return <Input label={label} />;\n  }\n  if (type === 'select') {\n    return (\n      <Select label={label}>\n        <Option>Select</Option>\n        <Option>Advertising</Option>\n        <Option>Car and truck expenses</Option>\n        <Option>Commissions and fees</Option>\n        <Option>Contract labor</Option>\n        <Option>Legal and professional services</Option>\n        <Option>Office expense</Option>\n        <Option>Rent or lease</Option>\n        <Option>Vehicles, machinery, and equipment</Option>\n        <Option>Repairs and maintenance</Option>\n        <Option>Travel and meals</Option>\n        <Option>Deductible meals</Option>\n        <Option>Utilities</Option>\n        <Option>Other</Option>\n      </Select>\n    );\n  }\n  if (type === 'file') {\n    return <FileInput label={label} multiple />;\n  }\n  if (type === 'textarea') {\n    return <TextArea label={label} />;\n  }\n  if (type === 'date') {\n    return <DateInput label={label} />;\n  }\n\n  return null;\n};\n\nexport const expensesGroupMeta: GroupMeta = {\n  label: 'Expense',\n  fields: [\n    { type: 'select', label: 'Type of expense' },\n    { type: 'date', label: 'Date of expense' },\n    { type: 'file', label: 'Receipts' },\n    { type: 'textarea', label: 'Notes' }\n  ]\n};\n\nexport const InsuranceFieldRenderer = ({ label, type }: FieldMeta) => {\n  if (type === 'text') {\n    return <Input label={label} />;\n  }\n  if (type === 'select') {\n    return (\n      <Select label={label}>\n        <Option>Select</Option>\n        <Option>Mother</Option>\n        <Option>Father</Option>\n        <Option>Guardian</Option>\n        <Option>Child</Option>\n        <Option>Spouse</Option>\n        <Option>Sibling</Option>\n        <Option>Other</Option>\n      </Select>\n    );\n  }\n\n  return null;\n};\n\nexport const insuranceGroupMeta: GroupMeta = {\n  label: 'Entry',\n  fields: [\n    { type: 'text', label: 'First name' },\n    { type: 'text', label: 'Last name' },\n    { type: 'select', label: 'Relationship' }\n  ]\n};\n"]}

package/jsx/core/FieldGroup/FieldGroupList.stories.d.ts

@@ -1,13 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").ReactRenderer, import("@storybook/csf").Args>;
-export default _default;
-interface FieldGroupListDemoProps {
-    allowAdd?: boolean;
-    allowDelete?: boolean;
-    itemLevelDelete?: boolean;
-    contextualLabel?: string;
-}
-export declare const ExpensesDemo: StoryFn<FieldGroupListDemoProps>;
-export declare const InsuranceDemo: StoryFn<FieldGroupListDemoProps>;
-export declare const FieldGroupListDemo: StoryFn<FieldGroupListDemoProps>;
-//# sourceMappingURL=FieldGroupList.stories.d.ts.map

package/jsx/core/FieldGroup/FieldGroupList.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldGroupList.stories.d.ts","sourceRoot":"","sources":["../../../src/core/FieldGroup/FieldGroupList.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;;AActD,wBAeU;AAEV,UAAU,uBAAuB;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,uBAAuB,CAsEzD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,OAAO,CAAC,uBAAuB,CAuE1D,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,uBAAuB,CA4C/D,CAAC"}

package/jsx/core/FieldGroup/FieldGroupList.stories.jsx

@@ -1,136 +0,0 @@
-import { useReducer } from 'react';
-import { action } from '@storybook/addon-actions';
-import { Button, createUID, FieldGroupList, Form, Text } from '@pega/cosmos-react-core';
-import { DemoFieldRenderer, demoGroupMeta, ExpensesFieldRenderer, expensesGroupMeta, fieldGroupReducer, InsuranceFieldRenderer, insuranceGroupMeta } from './FieldGroupList.mocks';
-export default {
-    title: 'Core/FieldGroupList',
-    component: FieldGroupList,
-    args: {
-        allowAdd: true,
-        allowDelete: true,
-        itemLevelDelete: false,
-        contextualLabel: 'record'
-    },
-    argTypes: {
-        allowAdd: { control: { type: 'boolean' } },
-        allowDelete: { control: { type: 'boolean' } },
-        itemLevelDelete: { control: { type: 'boolean' } },
-        contextualLabel: { control: { type: 'text' } }
-    }
-};
-export const ExpensesDemo = (args) => {
-    const [state, dispatch] = useReducer(fieldGroupReducer(expensesGroupMeta, ExpensesFieldRenderer), [
-        {
-            name: `${expensesGroupMeta.label} 1`,
-            id: createUID(),
-            headingTag: 'h3',
-            children: expensesGroupMeta.fields.map(ExpensesFieldRenderer)
-        }
-    ]);
-    return (<Form actions={<>
-          <Button name='Cancel' variant='secondary' onClick={(e) => {
-                action('Click')(`${e.currentTarget.name}:${e.type}`);
-            }}>
-            Cancel
-          </Button>
-          <Button name='Submit' type='submit' variant='primary'>
-            Submit
-          </Button>
-        </>} onSubmit={(e) => {
-            e.preventDefault();
-            action('Submit')(`Form:${e.type}`);
-        }} style={{ margin: 'auto', maxWidth: '37.5rem' }}>
-      <Text variant='h2'>Expense report</Text>
-      <FieldGroupList items={args.itemLevelDelete
-            ? state.map((item, i) => ({
-                ...item,
-                onDelete: args.allowDelete && i !== 0
-                    ? id => {
-                        dispatch({ action: 'delete', id });
-                    }
-                    : undefined
-            }))
-            : state} onAdd={args.allowAdd
-            ? () => {
-                dispatch({ action: 'add' });
-            }
-            : undefined} onDelete={args.allowDelete && !args.itemLevelDelete
-            ? id => {
-                dispatch({ action: 'delete', id });
-            }
-            : undefined} contextualLabel={args.contextualLabel}/>
-    </Form>);
-};
-export const InsuranceDemo = (args) => {
-    const [state, dispatch] = useReducer(fieldGroupReducer(insuranceGroupMeta, InsuranceFieldRenderer), [
-        {
-            name: `${insuranceGroupMeta.label} 1`,
-            id: createUID(),
-            headingTag: 'h3',
-            children: insuranceGroupMeta.fields.map(InsuranceFieldRenderer)
-        }
-    ]);
-    return (<Form actions={<>
-          <Button name='Cancel' variant='secondary' onClick={(e) => {
-                action('Click')(`${e.currentTarget.name}:${e.type}`);
-            }}>
-            Cancel
-          </Button>
-          <Button name='Submit' type='submit' variant='primary'>
-            Submit
-          </Button>
-        </>} onSubmit={(e) => {
-            e.preventDefault();
-            action('Submit')(`Form:${e.type}`);
-        }} style={{ margin: 'auto', maxWidth: '37.5rem' }}>
-      <Text variant='h1'>Insurance step 1</Text>
-      <Text variant='h2'>Dependants</Text>
-      <FieldGroupList items={args.itemLevelDelete
-            ? state.map((item, i) => ({
-                ...item,
-                onDelete: args.allowDelete && i !== 0
-                    ? id => {
-                        dispatch({ action: 'delete', id });
-                    }
-                    : undefined
-            }))
-            : state} onAdd={args.allowAdd
-            ? () => {
-                dispatch({ action: 'add' });
-            }
-            : undefined} onDelete={args.allowDelete && !args.itemLevelDelete
-            ? id => {
-                dispatch({ action: 'delete', id });
-            }
-            : undefined} contextualLabel={args.contextualLabel}/>
-    </Form>);
-};
-export const FieldGroupListDemo = (args) => {
-    const [state, dispatch] = useReducer(fieldGroupReducer(demoGroupMeta, DemoFieldRenderer), [
-        {
-            name: `${demoGroupMeta.label} 1`,
-            id: createUID(),
-            headingTag: 'h3',
-            children: demoGroupMeta.fields.map(DemoFieldRenderer)
-        }
-    ]);
-    return (<FieldGroupList items={args.itemLevelDelete
-            ? state.map((item, i) => ({
-                ...item,
-                onDelete: args.allowDelete && i !== 0
-                    ? id => {
-                        dispatch({ action: 'delete', id });
-                    }
-                    : undefined
-            }))
-            : state} onAdd={args.allowAdd
-            ? () => {
-                dispatch({ action: 'add' });
-            }
-            : undefined} onDelete={args.allowDelete && !args.itemLevelDelete
-            ? id => {
-                dispatch({ action: 'delete', id });
-            }
-            : undefined} contextualLabel={args.contextualLabel}/>);
-};
-//# sourceMappingURL=FieldGroupList.stories.jsx.map

package/jsx/core/FieldGroup/FieldGroupList.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldGroupList.stories.jsx","sourceRoot":"","sources":["../../../src/core/FieldGroup/FieldGroupList.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useReducer } from 'react';\nimport type { MouseEvent, FormEvent } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport type { Meta, StoryFn } from '@storybook/react';\n\nimport { Button, createUID, FieldGroupList, Form, Text } from '@pega/cosmos-react-core';\n\nimport {\n  DemoFieldRenderer,\n  demoGroupMeta,\n  ExpensesFieldRenderer,\n  expensesGroupMeta,\n  fieldGroupReducer,\n  InsuranceFieldRenderer,\n  insuranceGroupMeta\n} from './FieldGroupList.mocks';\n\nexport default {\n  title: 'Core/FieldGroupList',\n  component: FieldGroupList,\n  args: {\n    allowAdd: true,\n    allowDelete: true,\n    itemLevelDelete: false,\n    contextualLabel: 'record'\n  },\n  argTypes: {\n    allowAdd: { control: { type: 'boolean' } },\n    allowDelete: { control: { type: 'boolean' } },\n    itemLevelDelete: { control: { type: 'boolean' } },\n    contextualLabel: { control: { type: 'text' } }\n  }\n} as Meta;\n\ninterface FieldGroupListDemoProps {\n  allowAdd?: boolean;\n  allowDelete?: boolean;\n  itemLevelDelete?: boolean;\n  contextualLabel?: string;\n}\n\nexport const ExpensesDemo: StoryFn<FieldGroupListDemoProps> = (args: FieldGroupListDemoProps) => {\n  const [state, dispatch] = useReducer(\n    fieldGroupReducer(expensesGroupMeta, ExpensesFieldRenderer),\n    [\n      {\n        name: `${expensesGroupMeta.label} 1`,\n        id: createUID(),\n        headingTag: 'h3',\n        children: expensesGroupMeta.fields.map(ExpensesFieldRenderer)\n      }\n    ]\n  );\n\n  return (\n    <Form\n      actions={\n        <>\n          <Button\n            name='Cancel'\n            variant='secondary'\n            onClick={(e: MouseEvent<HTMLButtonElement>) => {\n              action('Click')(`${e.currentTarget.name}:${e.type}`);\n            }}\n          >\n            Cancel\n          </Button>\n          <Button name='Submit' type='submit' variant='primary'>\n            Submit\n          </Button>\n        </>\n      }\n      onSubmit={(e: FormEvent) => {\n        e.preventDefault();\n        action('Submit')(`Form:${e.type}`);\n      }}\n      style={{ margin: 'auto', maxWidth: '37.5rem' }}\n    >\n      <Text variant='h2'>Expense report</Text>\n      <FieldGroupList\n        items={\n          args.itemLevelDelete\n            ? state.map((item, i) => ({\n                ...item,\n                onDelete:\n                  args.allowDelete && i !== 0\n                    ? id => {\n                        dispatch({ action: 'delete', id });\n                      }\n                    : undefined\n              }))\n            : state\n        }\n        onAdd={\n          args.allowAdd\n            ? () => {\n                dispatch({ action: 'add' });\n              }\n            : undefined\n        }\n        onDelete={\n          args.allowDelete && !args.itemLevelDelete\n            ? id => {\n                dispatch({ action: 'delete', id });\n              }\n            : undefined\n        }\n        contextualLabel={args.contextualLabel}\n      />\n    </Form>\n  );\n};\n\nexport const InsuranceDemo: StoryFn<FieldGroupListDemoProps> = (args: FieldGroupListDemoProps) => {\n  const [state, dispatch] = useReducer(\n    fieldGroupReducer(insuranceGroupMeta, InsuranceFieldRenderer),\n    [\n      {\n        name: `${insuranceGroupMeta.label} 1`,\n        id: createUID(),\n        headingTag: 'h3',\n        children: insuranceGroupMeta.fields.map(InsuranceFieldRenderer)\n      }\n    ]\n  );\n\n  return (\n    <Form\n      actions={\n        <>\n          <Button\n            name='Cancel'\n            variant='secondary'\n            onClick={(e: MouseEvent<HTMLButtonElement>) => {\n              action('Click')(`${e.currentTarget.name}:${e.type}`);\n            }}\n          >\n            Cancel\n          </Button>\n          <Button name='Submit' type='submit' variant='primary'>\n            Submit\n          </Button>\n        </>\n      }\n      onSubmit={(e: FormEvent) => {\n        e.preventDefault();\n        action('Submit')(`Form:${e.type}`);\n      }}\n      style={{ margin: 'auto', maxWidth: '37.5rem' }}\n    >\n      <Text variant='h1'>Insurance step 1</Text>\n      <Text variant='h2'>Dependants</Text>\n      <FieldGroupList\n        items={\n          args.itemLevelDelete\n            ? state.map((item, i) => ({\n                ...item,\n                onDelete:\n                  args.allowDelete && i !== 0\n                    ? id => {\n                        dispatch({ action: 'delete', id });\n                      }\n                    : undefined\n              }))\n            : state\n        }\n        onAdd={\n          args.allowAdd\n            ? () => {\n                dispatch({ action: 'add' });\n              }\n            : undefined\n        }\n        onDelete={\n          args.allowDelete && !args.itemLevelDelete\n            ? id => {\n                dispatch({ action: 'delete', id });\n              }\n            : undefined\n        }\n        contextualLabel={args.contextualLabel}\n      />\n    </Form>\n  );\n};\n\nexport const FieldGroupListDemo: StoryFn<FieldGroupListDemoProps> = (\n  args: FieldGroupListDemoProps\n) => {\n  const [state, dispatch] = useReducer(fieldGroupReducer(demoGroupMeta, DemoFieldRenderer), [\n    {\n      name: `${demoGroupMeta.label} 1`,\n      id: createUID(),\n      headingTag: 'h3',\n      children: demoGroupMeta.fields.map(DemoFieldRenderer)\n    }\n  ]);\n\n  return (\n    <FieldGroupList\n      items={\n        args.itemLevelDelete\n          ? state.map((item, i) => ({\n              ...item,\n              onDelete:\n                args.allowDelete && i !== 0\n                  ? id => {\n                      dispatch({ action: 'delete', id });\n                    }\n                  : undefined\n            }))\n          : state\n      }\n      onAdd={\n        args.allowAdd\n          ? () => {\n              dispatch({ action: 'add' });\n            }\n          : undefined\n      }\n      onDelete={\n        args.allowDelete && !args.itemLevelDelete\n          ? id => {\n              dispatch({ action: 'delete', id });\n            }\n          : undefined\n      }\n      contextualLabel={args.contextualLabel}\n    />\n  );\n};\n"]}

package/jsx/core/FieldValueList/FieldValueList.mocks.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-export declare const mockData: ({
-    id: string;
-    name: string;
-    value: import("react").JSX.Element;
-} | {
-    id: string;
-    name: string;
-    value: string;
-} | {
-    id: string;
-    name: string;
-    value?: undefined;
-})[];
-export declare const mockNumericData: {
-    id: string;
-    name: string;
-    value: number;
-}[];
-//# sourceMappingURL=FieldValueList.mocks.d.ts.map

package/jsx/core/FieldValueList/FieldValueList.mocks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldValueList.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/FieldValueList/FieldValueList.mocks.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,QAAQ;;;;;;;;;;;;IAiCpB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;GAqB3B,CAAC"}

package/jsx/core/FieldValueList/FieldValueList.mocks.jsx

@@ -1,54 +0,0 @@
-import { Link, Status, Text } from '@pega/cosmos-react-core';
-export const mockData = [
-    {
-        id: 'id',
-        name: 'ID',
-        value: (<Text variant='h1' as='span'>
-        C-1234
-      </Text>)
-    },
-    {
-        id: 'status',
-        name: 'Status',
-        value: <Status variant='pending'>pending</Status>
-    },
-    {
-        id: 'link',
-        name: 'Link',
-        value: (<Link href='https://www.pega.com' target='_blank'>
-        C-ABC
-      </Link>)
-    },
-    {
-        id: 'created',
-        name: 'Created',
-        value: new Date().toLocaleDateString()
-    },
-    {
-        id: 'no value',
-        name: 'No Value'
-    }
-];
-export const mockNumericData = [
-    {
-        id: 'open',
-        name: 'Open',
-        value: 405
-    },
-    {
-        id: 'close',
-        name: 'Close',
-        value: 401
-    },
-    {
-        id: 'year_high',
-        name: '52 week high',
-        value: 445
-    },
-    {
-        id: 'year_low',
-        name: '52 week low',
-        value: 335
-    }
-];
-//# sourceMappingURL=FieldValueList.mocks.jsx.map

package/jsx/core/FieldValueList/FieldValueList.mocks.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldValueList.mocks.jsx","sourceRoot":"","sources":["../../../src/core/FieldValueList/FieldValueList.mocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB;QACE,EAAE,EAAE,IAAI;QACR,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,CACL,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAC1B;;MACF,EAAE,IAAI,CAAC,CACR;KACF;IACD;QACE,EAAE,EAAE,QAAQ;QACZ,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC;KAClD;IACD;QACE,EAAE,EAAE,MAAM;QACV,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,CACL,CAAC,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,MAAM,CAAC,QAAQ,CAC/C;;MACF,EAAE,IAAI,CAAC,CACR;KACF;IACD;QACE,EAAE,EAAE,SAAS;QACb,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,IAAI,IAAI,EAAE,CAAC,kBAAkB,EAAE;KACvC;IACD;QACE,EAAE,EAAE,UAAU;QACd,IAAI,EAAE,UAAU;KACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B;QACE,EAAE,EAAE,MAAM;QACV,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,GAAG;KACX;IACD;QACE,EAAE,EAAE,OAAO;QACX,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,GAAG;KACX;IACD;QACE,EAAE,EAAE,WAAW;QACf,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,GAAG;KACX;IACD;QACE,EAAE,EAAE,UAAU;QACd,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,GAAG;KACX;CACF,CAAC","sourcesContent":["import { Link, Status, Text } from '@pega/cosmos-react-core';\n\nexport const mockData = [\n  {\n    id: 'id',\n    name: 'ID',\n    value: (\n      <Text variant='h1' as='span'>\n        C-1234\n      </Text>\n    )\n  },\n  {\n    id: 'status',\n    name: 'Status',\n    value: <Status variant='pending'>pending</Status>\n  },\n  {\n    id: 'link',\n    name: 'Link',\n    value: (\n      <Link href='https://www.pega.com' target='_blank'>\n        C-ABC\n      </Link>\n    )\n  },\n  {\n    id: 'created',\n    name: 'Created',\n    value: new Date().toLocaleDateString()\n  },\n  {\n    id: 'no value',\n    name: 'No Value'\n  }\n];\n\nexport const mockNumericData = [\n  {\n    id: 'open',\n    name: 'Open',\n    value: 405\n  },\n  {\n    id: 'close',\n    name: 'Close',\n    value: 401\n  },\n  {\n    id: 'year_high',\n    name: '52 week high',\n    value: 445\n  },\n  {\n    id: 'year_low',\n    name: '52 week low',\n    value: 335\n  }\n];\n"]}

package/jsx/core/FieldValueList/FieldValueList.stories.d.ts

@@ -1,11 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { FieldValueListProps, 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 FieldValueListStoryProps extends OmitStrict<FieldValueListProps, 'fields'> {
-    name: string;
-    value: string;
-    inContentContainer?: boolean;
-}
-export declare const FieldValueListDemo: StoryFn<FieldValueListStoryProps>;
-//# sourceMappingURL=FieldValueList.stories.d.ts.map

package/jsx/core/FieldValueList/FieldValueList.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldValueList.stories.d.ts","sourceRoot":"","sources":["../../../src/core/FieldValueList/FieldValueList.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;;AAK/E,wBAGU;AAEV,UAAU,wBAAyB,SAAQ,UAAU,CAAC,mBAAmB,EAAE,QAAQ,CAAC;IAClF,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,wBAAwB,CAoBhE,CAAC"}

package/jsx/core/FieldValueList/FieldValueList.stories.jsx

@@ -1,37 +0,0 @@
-import { Fragment } from 'react';
-import { FieldValueList } from '@pega/cosmos-react-core';
-import { StyledDemoContainer } from './FieldValueList.styles';
-import { mockData, mockNumericData } from './FieldValueList.mocks';
-export default {
-    title: 'Core/FieldValueList',
-    component: FieldValueList
-};
-export const FieldValueListDemo = (args) => {
-    const Wrapper = args.inContentContainer ? StyledDemoContainer : Fragment;
-    const data = mockData.concat([
-        {
-            id: 'dynamic',
-            name: args.name,
-            value: args.value
-        }
-    ]);
-    return (<Wrapper>
-      <FieldValueList variant={args.variant} fields={args.variant === 'value-comparison' ? mockNumericData : data}/>
-    </Wrapper>);
-};
-FieldValueListDemo.args = {
-    variant: 'inline',
-    inContentContainer: true,
-    name: 'Name',
-    value: 'Value'
-};
-FieldValueListDemo.argTypes = {
-    variant: {
-        options: ['inline', 'stacked', 'value-comparison'],
-        control: { type: 'select' }
-    },
-    inContentContainer: { control: { type: 'boolean' } },
-    name: { control: { type: 'text' } },
-    value: { control: { type: 'text' } }
-};
-//# sourceMappingURL=FieldValueList.stories.jsx.map

package/jsx/core/FieldValueList/FieldValueList.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldValueList.stories.jsx","sourceRoot":"","sources":["../../../src/core/FieldValueList/FieldValueList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAGzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEnE,eAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,cAAc;CAClB,CAAC;AAQV,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CACnE,IAA8B,EAC9B,EAAE;IACF,MAAM,OAAO,GAAG,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC;IACzE,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC;QAC3B;YACE,EAAE,EAAE,SAAS;YACb,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB;KACF,CAAC,CAAC;IAEH,OAAO,CACL,CAAC,OAAO,CACN;MAAA,CAAC,cAAc,CACb,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CACtB,MAAM,CAAC,CAAC,IAAI,CAAC,OAAO,KAAK,kBAAkB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,EAEzE;IAAA,EAAE,OAAO,CAAC,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAkB,CAAC,IAAI,GAAG;IACxB,OAAO,EAAE,QAAQ;IACjB,kBAAkB,EAAE,IAAI;IACxB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;CACf,CAAC;AAEF,kBAAkB,CAAC,QAAQ,GAAG;IAC5B,OAAO,EAAE;QACP,OAAO,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,kBAAkB,CAAC;QAClD,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;KAC5B;IACD,kBAAkB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IACpD,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACnC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;CACrC,CAAC","sourcesContent":["import { Fragment } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\n\nimport { FieldValueList } from '@pega/cosmos-react-core';\nimport type { FieldValueListProps, OmitStrict } from '@pega/cosmos-react-core';\n\nimport { StyledDemoContainer } from './FieldValueList.styles';\nimport { mockData, mockNumericData } from './FieldValueList.mocks';\n\nexport default {\n  title: 'Core/FieldValueList',\n  component: FieldValueList\n} as Meta;\n\ninterface FieldValueListStoryProps extends OmitStrict<FieldValueListProps, 'fields'> {\n  name: string;\n  value: string;\n  inContentContainer?: boolean;\n}\n\nexport const FieldValueListDemo: StoryFn<FieldValueListStoryProps> = (\n  args: FieldValueListStoryProps\n) => {\n  const Wrapper = args.inContentContainer ? StyledDemoContainer : Fragment;\n  const data = mockData.concat([\n    {\n      id: 'dynamic',\n      name: args.name,\n      value: args.value\n    }\n  ]);\n\n  return (\n    <Wrapper>\n      <FieldValueList\n        variant={args.variant}\n        fields={args.variant === 'value-comparison' ? mockNumericData : data}\n      />\n    </Wrapper>\n  );\n};\n\nFieldValueListDemo.args = {\n  variant: 'inline',\n  inContentContainer: true,\n  name: 'Name',\n  value: 'Value'\n};\n\nFieldValueListDemo.argTypes = {\n  variant: {\n    options: ['inline', 'stacked', 'value-comparison'],\n    control: { type: 'select' }\n  },\n  inContentContainer: { control: { type: 'boolean' } },\n  name: { control: { type: 'text' } },\n  value: { control: { type: 'text' } }\n};\n"]}

package/jsx/core/FieldValueList/FieldValueList.styles.d.ts

@@ -1,2 +0,0 @@
-export declare const StyledDemoContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-//# sourceMappingURL=FieldValueList.styles.d.ts.map

package/jsx/core/FieldValueList/FieldValueList.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldValueList.styles.d.ts","sourceRoot":"","sources":["../../../src/core/FieldValueList/FieldValueList.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,yGAU9B,CAAC"}

package/jsx/core/FieldValueList/FieldValueList.styles.js

@@ -1,8 +0,0 @@
-import styled, { css } from 'styled-components';
-export const StyledDemoContainer = styled.div(({ theme }) => {
-    const { base: { 'content-width': { md } } } = theme;
-    return css `
-    max-width: ${md};
-  `;
-});
-//# sourceMappingURL=FieldValueList.styles.js.map

package/jsx/core/FieldValueList/FieldValueList.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldValueList.styles.js","sourceRoot":"","sources":["../../../src/core/FieldValueList/FieldValueList.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1D,MAAM,EACJ,IAAI,EAAE,EACJ,eAAe,EAAE,EAAE,EAAE,EAAE,EACxB,EACF,GAAG,KAAK,CAAC;IAEV,OAAO,GAAG,CAAA;iBACK,EAAE;GAChB,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nexport const StyledDemoContainer = styled.div(({ theme }) => {\n  const {\n    base: {\n      'content-width': { md }\n    }\n  } = theme;\n\n  return css`\n    max-width: ${md};\n  `;\n});\n"]}

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

@@ -1,4 +0,0 @@
-import type { FileItemProps, FileDisplayProps } from '@pega/cosmos-react-core';
-export declare const displayFiles: FileDisplayProps[];
-export declare const fileItems: FileItemProps[];
-//# sourceMappingURL=FileDisplay.mocks.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FileDisplay.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/File/FileDisplay.mocks.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE/E,eAAO,MAAM,YAAY,EAAE,gBAAgB,EAsD1C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,aAAa,EAoEpC,CAAC"}

package/jsx/core/File/FileDisplay.mocks.js

@@ -1,126 +0,0 @@
-import { createUID } from '@pega/cosmos-react-core/lib/utils';
-export const displayFiles = [
-    {
-        id: createUID(),
-        onPreview: () => { },
-        onDownload: () => { },
-        displayText: 'Aquaman',
-        thumbnail: 'https://image.tmdb.org/t/p/w342//7lTnXOy0iNtBAdRP3TZvaKJ77F6.jpg',
-        value: 'https://image.tmdb.org/t/p/w342//7lTnXOy0iNtBAdRP3TZvaKJ77F6.jpg'
-    },
-    {
-        id: createUID(),
-        onPreview: () => { },
-        onDownload: () => { },
-        displayText: 'How to train your dragon.pdf',
-        thumbnail: 'https://image.tmdb.org/t/p/w342//ygGmAO60t8GyqUo9xYeYxSZAR3b.jpg',
-        value: 'https://image.tmdb.org/t/p/w342//ygGmAO60t8GyqUo9xYeYxSZAR3b.jpg'
-    },
-    {
-        id: createUID(),
-        onPreview: () => { },
-        onDownload: () => { },
-        displayText: 'The Marvels',
-        thumbnail: 'https://image.tmdb.org/t/p/w342//9GBhzXMFjgcZ3FdR9w3bUMMTps5.jpg',
-        value: 'https://image.tmdb.org/t/p/w342//9GBhzXMFjgcZ3FdR9w3bUMMTps5.jpg'
-    },
-    {
-        id: createUID(),
-        onPreview: () => { },
-        onDownload: () => { },
-        displayText: 'Migration',
-        value: 'https://image.tmdb.org/t/p/w342//ldfCF9RhR40mppkzmftxapaHeTo.jpg',
-        thumbnail: 'https://image.tmdb.org/t/p/w342//ldfCF9RhR40mppkzmftxapaHeTo.jpg'
-    },
-    {
-        id: createUID(),
-        onPreview: () => { },
-        onDownload: () => { },
-        displayText: 'Constellation.pdf',
-        value: 'https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf'
-    },
-    {
-        id: createUID(),
-        onPreview: () => { },
-        onDownload: () => { },
-        displayText: 'Infinity.doc',
-        value: 'https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.doc'
-    },
-    {
-        id: createUID(),
-        onPreview: () => { },
-        onDownload: () => { },
-        displayText: 'Architecture.ppt',
-        value: 'https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.ppt'
-    }
-];
-export const fileItems = [
-    {
-        id: createUID(),
-        name: 'Aquaman',
-        thumbnail: 'https://image.tmdb.org/t/p/w342//7lTnXOy0iNtBAdRP3TZvaKJ77F6.jpg',
-        format: 'jpg',
-        onDelete: () => { },
-        onPreview: () => { },
-        onDownload: () => { },
-        onEdit: () => { }
-    },
-    {
-        id: createUID(),
-        name: 'How to train your dragon.pdf',
-        thumbnail: 'https://image.tmdb.org/t/p/w342//ygGmAO60t8GyqUo9xYeYxSZAR3b.jpg',
-        format: 'jpg',
-        onDelete: () => { },
-        onPreview: () => { },
-        onDownload: () => { },
-        onEdit: () => { }
-    },
-    {
-        id: createUID(),
-        name: 'The Marvels',
-        thumbnail: 'https://image.tmdb.org/t/p/w342//9GBhzXMFjgcZ3FdR9w3bUMMTps5.jpg',
-        format: 'jpg',
-        onDelete: () => { },
-        onPreview: () => { },
-        onDownload: () => { },
-        onEdit: () => { }
-    },
-    {
-        id: createUID(),
-        name: 'Migration',
-        thumbnail: 'https://image.tmdb.org/t/p/w342//ldfCF9RhR40mppkzmftxapaHeTo.jpg',
-        format: 'jpg',
-        onDelete: () => { },
-        onPreview: () => { },
-        onDownload: () => { },
-        onEdit: () => { }
-    },
-    {
-        id: createUID(),
-        name: 'Constellation.pdf',
-        format: 'pdf',
-        onDelete: () => { },
-        onPreview: () => { },
-        onDownload: () => { },
-        onEdit: () => { }
-    },
-    {
-        id: createUID(),
-        name: 'Infinity.doc',
-        format: 'doc',
-        onDelete: () => { },
-        onPreview: () => { },
-        onDownload: () => { },
-        onEdit: () => { }
-    },
-    {
-        id: createUID(),
-        name: 'Architecture.ppt',
-        format: 'ppt',
-        onDelete: () => { },
-        onPreview: () => { },
-        onDownload: () => { },
-        onEdit: () => { }
-    }
-];
-//# sourceMappingURL=FileDisplay.mocks.js.map

package/jsx/core/File/FileDisplay.mocks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileDisplay.mocks.js","sourceRoot":"","sources":["../../../src/core/File/FileDisplay.mocks.ts"],"names":[],"mappings":"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","sourcesContent":["import { createUID } from '@pega/cosmos-react-core/lib/utils';\nimport type { FileItemProps, FileDisplayProps } from '@pega/cosmos-react-core';\n\nexport const displayFiles: FileDisplayProps[] = [\n  {\n    id: createUID(),\n    onPreview: () => {},\n    onDownload: () => {},\n    displayText: 'Aquaman',\n    thumbnail: 'https://image.tmdb.org/t/p/w342//7lTnXOy0iNtBAdRP3TZvaKJ77F6.jpg',\n    value: 'https://image.tmdb.org/t/p/w342//7lTnXOy0iNtBAdRP3TZvaKJ77F6.jpg'\n  },\n  {\n    id: createUID(),\n    onPreview: () => {},\n    onDownload: () => {},\n    displayText: 'How to train your dragon.pdf',\n    thumbnail: 'https://image.tmdb.org/t/p/w342//ygGmAO60t8GyqUo9xYeYxSZAR3b.jpg',\n    value: 'https://image.tmdb.org/t/p/w342//ygGmAO60t8GyqUo9xYeYxSZAR3b.jpg'\n  },\n  {\n    id: createUID(),\n    onPreview: () => {},\n    onDownload: () => {},\n    displayText: 'The Marvels',\n    thumbnail: 'https://image.tmdb.org/t/p/w342//9GBhzXMFjgcZ3FdR9w3bUMMTps5.jpg',\n    value: 'https://image.tmdb.org/t/p/w342//9GBhzXMFjgcZ3FdR9w3bUMMTps5.jpg'\n  },\n  {\n    id: createUID(),\n    onPreview: () => {},\n    onDownload: () => {},\n    displayText: 'Migration',\n    value: 'https://image.tmdb.org/t/p/w342//ldfCF9RhR40mppkzmftxapaHeTo.jpg',\n    thumbnail: 'https://image.tmdb.org/t/p/w342//ldfCF9RhR40mppkzmftxapaHeTo.jpg'\n  },\n  {\n    id: createUID(),\n    onPreview: () => {},\n    onDownload: () => {},\n    displayText: 'Constellation.pdf',\n    value: 'https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf'\n  },\n  {\n    id: createUID(),\n    onPreview: () => {},\n    onDownload: () => {},\n    displayText: 'Infinity.doc',\n    value: 'https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.doc'\n  },\n  {\n    id: createUID(),\n    onPreview: () => {},\n    onDownload: () => {},\n    displayText: 'Architecture.ppt',\n    value: 'https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.ppt'\n  }\n];\n\nexport const fileItems: FileItemProps[] = [\n  {\n    id: createUID(),\n    name: 'Aquaman',\n    thumbnail: 'https://image.tmdb.org/t/p/w342//7lTnXOy0iNtBAdRP3TZvaKJ77F6.jpg',\n    format: 'jpg',\n    onDelete: () => {},\n    onPreview: () => {},\n    onDownload: () => {},\n    onEdit: () => {}\n  },\n  {\n    id: createUID(),\n    name: 'How to train your dragon.pdf',\n    thumbnail: 'https://image.tmdb.org/t/p/w342//ygGmAO60t8GyqUo9xYeYxSZAR3b.jpg',\n    format: 'jpg',\n    onDelete: () => {},\n    onPreview: () => {},\n    onDownload: () => {},\n    onEdit: () => {}\n  },\n  {\n    id: createUID(),\n    name: 'The Marvels',\n    thumbnail: 'https://image.tmdb.org/t/p/w342//9GBhzXMFjgcZ3FdR9w3bUMMTps5.jpg',\n    format: 'jpg',\n    onDelete: () => {},\n    onPreview: () => {},\n    onDownload: () => {},\n    onEdit: () => {}\n  },\n  {\n    id: createUID(),\n    name: 'Migration',\n    thumbnail: 'https://image.tmdb.org/t/p/w342//ldfCF9RhR40mppkzmftxapaHeTo.jpg',\n    format: 'jpg',\n    onDelete: () => {},\n    onPreview: () => {},\n    onDownload: () => {},\n    onEdit: () => {}\n  },\n  {\n    id: createUID(),\n    name: 'Constellation.pdf',\n    format: 'pdf',\n    onDelete: () => {},\n    onPreview: () => {},\n    onDownload: () => {},\n    onEdit: () => {}\n  },\n  {\n    id: createUID(),\n    name: 'Infinity.doc',\n    format: 'doc',\n    onDelete: () => {},\n    onPreview: () => {},\n    onDownload: () => {},\n    onEdit: () => {}\n  },\n  {\n    id: createUID(),\n    name: 'Architecture.ppt',\n    format: 'ppt',\n    onDelete: () => {},\n    onPreview: () => {},\n    onDownload: () => {},\n    onEdit: () => {}\n  }\n];\n"]}