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

package/jsx/build/FieldReference/FieldReference.mocks.js

@@ -1,727 +0,0 @@
-import { useMemo, useRef, useState } from 'react';
-import { typeIconMapping, fieldReferenceMenuHelpers } from '@pega/cosmos-react-build';
-import { loadingTimeoutMS } from '../../core/Progress/Progress.mocks';
-export const actions = [
-    {
-        id: 'configure',
-        text: 'Configure field',
-        icon: 'gear',
-        onClick: () => { }
-    }
-];
-export const link = {
-    href: '#field',
-    previewable: true,
-    onPreview: () => { }
-};
-const getGeneratedMenuItems = (parentItem) => {
-    const types = Object.keys(typeIconMapping);
-    return [...Array(2000)].map((_, i) => {
-        const hasLongName = Math.random() > 0.5;
-        const id = `${parentItem?.id ? `${parentItem?.id}-` : ''}${i + 1}`;
-        const name = `Field${hasLongName ? ' with a long long long long name' : ''} ${id}`;
-        const type = types[Math.floor(Math.random() * types.length)];
-        const item = {
-            id,
-            name,
-            type,
-            icon: typeIconMapping[type]
-        };
-        if (type === 'Field reference') {
-            item.type = `${name} (reference single)`;
-            item.items = [];
-            item.selected = false;
-        }
-        else if (type === 'Embedded field') {
-            item.type = `${name} (reference multi)`;
-            item.items = [];
-        }
-        return item;
-    });
-};
-const getStaticMenuItems = (parentItem) => {
-    if (parentItem?.id.endsWith('cloneCase'))
-        return [
-            {
-                id: 'status',
-                name: 'Status',
-                type: 'Text',
-                icon: { set: 'streamline', name: 'dataviz-string-field' }
-            },
-            {
-                id: 'description',
-                name: 'Description',
-                type: 'Paragraph',
-                icon: { set: 'streamline', name: 'filetype-text' }
-            },
-            {
-                id: 'completed',
-                name: 'Completed',
-                type: 'Boolean',
-                icon: { set: 'streamline', name: 'circle-mixed-left' }
-            },
-            {
-                id: 'releaseDate',
-                name: 'Release date',
-                type: 'Date',
-                icon: { set: 'streamline', name: 'calendar-empty' }
-            },
-            {
-                id: 'lastUpdated',
-                name: 'Last updated',
-                type: 'Time',
-                icon: { set: 'streamline', name: 'clock' }
-            },
-            {
-                id: 'createdAt',
-                name: 'Created at',
-                type: 'Date & Time',
-                icon: { set: 'streamline', name: 'dataviz-datetime-field' }
-            },
-            {
-                id: 'availability',
-                name: 'Availability',
-                type: 'Integer',
-                icon: { set: 'streamline', name: 'dataviz-numeric-field' }
-            },
-            {
-                id: 'hoursSpent',
-                name: 'Hours spent',
-                type: 'Decimal',
-                icon: { set: 'streamline', name: 'number-decimal' }
-            },
-            {
-                id: 'costAnalysis',
-                name: 'Cost analysis',
-                type: 'Currency',
-                icon: { set: 'streamline', name: 'currency' }
-            },
-            {
-                id: 'contactEmail',
-                name: 'Contact email',
-                type: 'Email',
-                icon: { set: 'streamline', name: 'mail' }
-            },
-            {
-                id: 'contactPhone',
-                name: 'Contact phone',
-                type: 'Phone',
-                icon: { set: 'streamline', name: 'phone' }
-            },
-            {
-                id: 'severity',
-                name: 'Severity',
-                type: 'Picklist',
-                icon: { set: 'streamline', name: 'list' }
-            }
-        ];
-    if (parentItem?.id.endsWith('downDepStories') ||
-        parentItem?.id.endsWith('downDepBugs') ||
-        parentItem?.id.endsWith('upDepEpics') ||
-        parentItem?.id.endsWith('upDepStories') ||
-        parentItem?.id.endsWith('upDepBugs'))
-        return [
-            {
-                id: 'status',
-                name: 'Status',
-                type: 'Text',
-                icon: { set: 'streamline', name: 'dataviz-string-field' }
-            },
-            {
-                id: 'description',
-                name: 'Description',
-                type: 'Paragraph',
-                icon: { set: 'streamline', name: 'filetype-text' }
-            },
-            {
-                id: 'completed',
-                name: 'Completed',
-                type: 'Boolean',
-                icon: { set: 'streamline', name: 'circle-mixed-left' }
-            },
-            {
-                id: 'release',
-                name: 'Release',
-                type: 'Release (reference)',
-                items: [],
-                icon: { set: 'streamline', name: 'case' }
-            },
-            {
-                id: 'product',
-                name: 'Product',
-                type: 'Product (reference)',
-                items: [],
-                icon: { set: 'streamline', name: 'case' },
-                selected: false
-            },
-            {
-                id: 'releaseDate',
-                name: 'Release date',
-                type: 'Date',
-                icon: { set: 'streamline', name: 'calendar-empty' }
-            },
-            {
-                id: 'lastUpdated',
-                name: 'Last updated',
-                type: 'Time',
-                icon: { set: 'streamline', name: 'clock' }
-            },
-            {
-                id: 'createdAt',
-                name: 'Created at',
-                type: 'Date & Time',
-                icon: { set: 'streamline', name: 'dataviz-datetime-field' }
-            },
-            {
-                id: 'availability',
-                name: 'Availability',
-                type: 'Integer',
-                icon: { set: 'streamline', name: 'dataviz-numeric-field' }
-            },
-            {
-                id: 'hoursSpent',
-                name: 'Hours spent',
-                type: 'Decimal',
-                icon: { set: 'streamline', name: 'number-decimal' }
-            },
-            {
-                id: 'costAnalysis',
-                name: 'Cost analysis',
-                type: 'Currency',
-                icon: { set: 'streamline', name: 'currency' }
-            },
-            {
-                id: 'contactEmail',
-                name: 'Contact email',
-                type: 'Email',
-                icon: { set: 'streamline', name: 'mail' }
-            },
-            {
-                id: 'contactPhone',
-                name: 'Contact phone',
-                type: 'Phone',
-                icon: { set: 'streamline', name: 'phone' }
-            },
-            {
-                id: 'severity',
-                name: 'Severity',
-                type: 'Picklist',
-                icon: { set: 'streamline', name: 'list' }
-            },
-            {
-                id: 'verifiedBy',
-                name: 'Verified by',
-                type: 'User reference',
-                icon: { set: 'streamline', name: 'user' }
-            },
-            {
-                id: 'assignTo',
-                name: 'Assign to',
-                type: 'Picklist',
-                icon: { set: 'streamline', name: 'list' }
-            },
-            {
-                id: 'ASReleaseID',
-                name: 'ASIntegration_Infinity ReleaseID',
-                type: 'Text',
-                icon: { set: 'streamline', name: 'dataviz-string-field' }
-            },
-            {
-                id: 'ASProductID',
-                name: 'ASIntegration_Infinity ProductID',
-                type: 'Text',
-                icon: { set: 'streamline', name: 'dataviz-string-field' }
-            },
-            {
-                id: 'ASBuildID',
-                name: 'ASIntegration_Infinity BuildID',
-                type: 'Text',
-                icon: { set: 'streamline', name: 'dataviz-string-field' }
-            },
-            {
-                id: 'ASFeatureID',
-                name: 'ASIntegration_Infinity FeatureID',
-                type: 'Text',
-                icon: { set: 'streamline', name: 'dataviz-string-field' }
-            }
-        ];
-    if (parentItem?.id.endsWith('release') ||
-        parentItem?.id.endsWith('product') ||
-        parentItem?.id.endsWith('aliasVariables') ||
-        parentItem?.id.endsWith('parameters'))
-        return [
-            {
-                id: 'status',
-                name: 'Status',
-                type: 'Text',
-                icon: { set: 'streamline', name: 'dataviz-string-field' }
-            },
-            {
-                id: 'description',
-                name: 'Description',
-                type: 'Paragraph',
-                icon: { set: 'streamline', name: 'filetype-text' }
-            },
-            {
-                id: 'completed',
-                name: 'Completed',
-                type: 'Boolean',
-                icon: { set: 'streamline', name: 'circle-mixed-left' }
-            },
-            {
-                id: 'releaseDate',
-                name: 'Release date',
-                type: 'Date',
-                icon: { set: 'streamline', name: 'calendar-empty' }
-            },
-            {
-                id: 'lastUpdated',
-                name: 'Last updated',
-                type: 'Time',
-                icon: { set: 'streamline', name: 'clock' }
-            },
-            {
-                id: 'createdAt',
-                name: 'Created at',
-                type: 'Date & Time',
-                icon: { set: 'streamline', name: 'dataviz-datetime-field' }
-            },
-            {
-                id: 'availability',
-                name: 'Availability',
-                type: 'Integer',
-                icon: { set: 'streamline', name: 'dataviz-numeric-field' }
-            },
-            {
-                id: 'hoursSpent',
-                name: 'Hours spent',
-                type: 'Decimal',
-                icon: { set: 'streamline', name: 'number-decimal' }
-            },
-            {
-                id: 'costAnalysis',
-                name: 'Cost analysis',
-                type: 'Currency',
-                icon: { set: 'streamline', name: 'currency' }
-            }
-        ];
-    return [
-        {
-            id: 'resolutionNote',
-            name: 'Resolution note',
-            type: 'Paragraph',
-            icon: { set: 'streamline', name: 'filetype-text' }
-        },
-        {
-            id: 'preBlockStatus',
-            name: 'Pre-blocked status',
-            type: 'Text',
-            icon: { set: 'streamline', name: 'dataviz-string-field' }
-        },
-        {
-            id: 'sprintResAction',
-            name: 'Sprint resolution action',
-            type: 'Picklist',
-            icon: { set: 'streamline', name: 'list' }
-        },
-        {
-            id: 'cloneCase',
-            name: 'Clone case',
-            type: 'Embedded field',
-            items: [],
-            icon: { set: 'streamline', name: 'table-bolt' }
-        },
-        {
-            id: 'downDepStories',
-            name: 'Downstream dependency stories',
-            type: 'Downstream dependency (reference)',
-            items: [],
-            icon: { set: 'streamline', name: 'case' },
-            selected: false
-        },
-        {
-            id: 'downDepBugs',
-            name: 'Downstream dependency bugs',
-            type: 'Downstream dependency (reference)',
-            items: [],
-            icon: { set: 'streamline', name: 'case' },
-            selected: false
-        },
-        {
-            id: 'passed',
-            name: 'Passed',
-            type: 'Integer',
-            icon: { set: 'streamline', name: 'dataviz-numeric-field' }
-        },
-        {
-            id: 'notExecuted',
-            name: 'Not executed',
-            type: 'Integer',
-            icon: { set: 'streamline', name: 'dataviz-numeric-field' }
-        },
-        {
-            id: 'upDepEpics',
-            name: 'Upstream dependency epics',
-            type: 'Upstream dependency (reference)',
-            items: [],
-            icon: { set: 'streamline', name: 'case' },
-            selected: false
-        },
-        {
-            id: 'upDepStories',
-            name: 'Upstream dependency stories',
-            type: 'Upstream dependency (reference)',
-            items: [],
-            icon: { set: 'streamline', name: 'case' },
-            selected: false
-        },
-        {
-            id: 'upDepBugs',
-            name: 'Upstream dependency bugs',
-            type: 'Upstream dependency (reference)',
-            items: [],
-            icon: { set: 'streamline', name: 'case' },
-            selected: false
-        },
-        {
-            id: 'status',
-            name: 'Status',
-            type: 'Text',
-            icon: { set: 'streamline', name: 'dataviz-string-field' }
-        },
-        {
-            id: 'description',
-            name: 'Description',
-            type: 'Paragraph',
-            icon: { set: 'streamline', name: 'filetype-text' }
-        },
-        {
-            id: 'completed',
-            name: 'Completed',
-            type: 'Boolean',
-            icon: { set: 'streamline', name: 'circle-mixed-left' }
-        },
-        {
-            id: 'releaseDate',
-            name: 'Release date',
-            type: 'Date',
-            icon: { set: 'streamline', name: 'calendar-empty' }
-        },
-        {
-            id: 'lastUpdated',
-            name: 'Last updated',
-            type: 'Time',
-            icon: { set: 'streamline', name: 'clock' }
-        },
-        {
-            id: 'createdAt',
-            name: 'Created at',
-            type: 'Date & Time',
-            icon: { set: 'streamline', name: 'dataviz-datetime-field' }
-        },
-        {
-            id: 'availability',
-            name: 'Availability',
-            type: 'Integer',
-            icon: { set: 'streamline', name: 'dataviz-numeric-field' }
-        },
-        {
-            id: 'hoursSpent',
-            name: 'Hours spent',
-            type: 'Decimal',
-            icon: { set: 'streamline', name: 'number-decimal' }
-        },
-        {
-            id: 'costAnalysis',
-            name: 'Cost analysis',
-            type: 'Currency',
-            icon: { set: 'streamline', name: 'currency' }
-        },
-        {
-            id: 'contactEmail',
-            name: 'Contact email',
-            type: 'Email',
-            icon: { set: 'streamline', name: 'mail' }
-        },
-        {
-            id: 'contactPhone',
-            name: 'Contact phone',
-            type: 'Phone',
-            icon: { set: 'streamline', name: 'phone' }
-        },
-        {
-            id: 'severity',
-            name: 'Severity',
-            type: 'Picklist',
-            icon: { set: 'streamline', name: 'list' }
-        },
-        {
-            id: 'updateUser',
-            name: 'UpdateUser',
-            type: 'User reference',
-            icon: { set: 'streamline', name: 'user' }
-        },
-        {
-            id: 'updateUserID',
-            name: 'UpdateUserID',
-            type: 'Text',
-            icon: { set: 'streamline', name: 'dataviz-string-field' }
-        },
-        {
-            id: 'updateUserDateTime',
-            name: 'UpdateDateTime',
-            type: 'Date & Time',
-            icon: { set: 'streamline', name: 'dataviz-datetime-field' }
-        }
-    ];
-};
-const defaultContext = {
-    id: 'userStory',
-    name: 'User story'
-};
-const defaultAltContexts = [
-    {
-        id: 'aliasVariables',
-        name: 'Aliases and Variables',
-        items: []
-    },
-    {
-        id: 'parameters',
-        name: 'Parameters',
-        items: []
-    }
-];
-export const fieldPaths = {
-    Text: [
-        {
-            id: 'bugStatus',
-            name: 'Bug status',
-            type: 'Text',
-            icon: { set: 'streamline', name: 'dataviz-string-field' }
-        }
-    ],
-    Paragraph: [
-        {
-            id: 'description',
-            name: 'Description',
-            type: 'Paragraph',
-            icon: { set: 'streamline', name: 'filetype-text' }
-        }
-    ],
-    Boolean: [
-        {
-            id: 'completed',
-            name: 'Completed',
-            type: 'Boolean',
-            icon: { set: 'streamline', name: 'circle-mixed-left' }
-        }
-    ],
-    Date: [
-        {
-            id: 'releaseDate',
-            name: 'Release date',
-            type: 'Date',
-            icon: { set: 'streamline', name: 'calendar-empty' }
-        }
-    ],
-    Time: [
-        {
-            id: 'lastUpdated',
-            name: 'Last updated',
-            type: 'Time',
-            icon: { set: 'streamline', name: 'clock' }
-        }
-    ],
-    'Date & Time': [
-        {
-            id: 'createdAt',
-            name: 'Created at',
-            type: 'Date & Time',
-            icon: { set: 'streamline', name: 'dataviz-datetime-field' }
-        }
-    ],
-    Integer: [
-        {
-            id: 'availability',
-            name: 'Availability',
-            type: 'Integer',
-            icon: { set: 'streamline', name: 'dataviz-numeric-field' }
-        }
-    ],
-    Decimal: [
-        {
-            id: 'hoursSpent',
-            name: 'Hours spent',
-            type: 'Decimal',
-            icon: { set: 'streamline', name: 'number-decimal' }
-        }
-    ],
-    Currency: [
-        {
-            id: 'costAnalysis',
-            name: 'Cost analysis',
-            type: 'Currency',
-            icon: { set: 'streamline', name: 'currency' }
-        }
-    ],
-    Email: [
-        {
-            id: 'contactEmail',
-            name: 'Contact email',
-            type: 'Email',
-            icon: { set: 'streamline', name: 'mail' }
-        }
-    ],
-    Phone: [
-        {
-            id: 'contactPhone',
-            name: 'Contact phone',
-            type: 'Phone',
-            icon: { set: 'streamline', name: 'phone' }
-        }
-    ],
-    Percentage: [
-        {
-            id: 'testsPassed',
-            name: 'Tests passed',
-            type: 'Percentage',
-            icon: { set: 'streamline', name: 'percentage' }
-        }
-    ],
-    Picklist: [
-        {
-            id: 'severity',
-            name: 'Severity',
-            type: 'Picklist',
-            icon: { set: 'streamline', name: 'list' }
-        }
-    ],
-    URL: [
-        {
-            id: 'backlog',
-            name: 'Backlog',
-            type: 'URL',
-            icon: { set: 'streamline', name: 'chain' }
-        }
-    ],
-    Location: [
-        {
-            id: 'location',
-            name: 'Office location',
-            type: 'Location',
-            icon: { set: 'streamline', name: 'location' }
-        }
-    ],
-    Attachment: [
-        {
-            id: 'attachments',
-            name: 'Attachments',
-            type: 'Attachment',
-            icon: { set: 'streamline', name: 'paper-clip' }
-        }
-    ],
-    'User reference': [
-        {
-            id: 'verifiedBy',
-            name: 'Verified by',
-            type: 'User reference',
-            icon: { set: 'streamline', name: 'user' }
-        }
-    ],
-    'Embedded field': [
-        {
-            id: 'release',
-            name: 'Release',
-            type: 'Embedded field',
-            icon: { set: 'streamline', name: 'table-bolt' }
-        }
-    ],
-    'Field reference': [
-        {
-            id: 'userStory',
-            name: 'User story',
-            type: 'Field reference',
-            icon: { set: 'streamline', name: 'case' }
-        },
-        {
-            id: 'upstreamDepBugs',
-            name: 'Upstream dependency bugs',
-            type: 'Field reference',
-            icon: { set: 'streamline', name: 'case' }
-        }
-    ]
-};
-export const useFieldReferenceMock = (dataSet) => {
-    const getMenuItems = dataSet === 'static' ? getStaticMenuItems : getGeneratedMenuItems;
-    const [items, setItems] = useState(getMenuItems());
-    const [itemsShown, setItemsShown] = useState(25);
-    const [parentItem, setParentItem] = useState(undefined);
-    const [menuLoading, setMenuLoading] = useState(false);
-    const [filterValue, setFilterValue] = useState('');
-    const [selected, setSelected] = useState([]);
-    const [altContexts, setAltContexts] = useState(defaultAltContexts);
-    const [currentContext, setCurrentContext] = useState(defaultContext);
-    const selectionTimeoutRef = useRef();
-    const altContextTimeoutRef = useRef();
-    const itemsToRender = useMemo(() => {
-        const newItems = fieldReferenceMenuHelpers.filterBySearch(items, filterValue);
-        return dataSet === 'static' ? newItems : newItems.slice(0, itemsShown);
-    }, [filterValue, items, itemsShown]);
-    const handleSelectedChange = selectedValue => {
-        window.clearTimeout(selectionTimeoutRef.current);
-        if (!selectedValue.length) {
-            setSelected([]);
-            setItems(getMenuItems());
-            setParentItem(undefined);
-            setAltContexts(defaultAltContexts);
-            setCurrentContext(defaultContext);
-        }
-        else {
-            const lastItem = selectedValue.at(-1);
-            setSelected(selectedValue);
-            if (lastItem.items) {
-                setAltContexts(undefined);
-                setMenuLoading(true);
-                setItems([]);
-                setItemsShown(25);
-                setParentItem(lastItem);
-                selectionTimeoutRef.current = window.setTimeout(() => {
-                    setMenuLoading(false);
-                    setItems(getMenuItems(lastItem));
-                }, loadingTimeoutMS);
-            }
-            else {
-                setItems(curr => fieldReferenceMenuHelpers.selectItem(curr, lastItem.id));
-            }
-        }
-    };
-    const handleAltContextClick = altContext => {
-        window.clearTimeout(altContextTimeoutRef.current);
-        setSelected([]);
-        setAltContexts(undefined);
-        setMenuLoading(true);
-        setItems([]);
-        setItemsShown(25);
-        setParentItem(altContext);
-        altContextTimeoutRef.current = window.setTimeout(() => {
-            setMenuLoading(false);
-            setItems(getMenuItems(altContext));
-            setCurrentContext({ ...altContext });
-        }, loadingTimeoutMS);
-    };
-    return {
-        parentItem,
-        menuLoading,
-        altContexts,
-        currentContext,
-        itemsToRender,
-        handleAltContextClick,
-        selected,
-        handleSelectedChange,
-        filterValue,
-        setFilterValue,
-        setMenuLoading,
-        setItemsShown
-    };
-};
-//# sourceMappingURL=FieldReference.mocks.js.map