@pega/cosmos-react-demos 2.0.0 → 2.1.3

package/lib/build/LifeCycle/LifeCycle.stories.js

@@ -0,0 +1,511 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { LifeCycle } from '@pega/cosmos-react-build';
+import { LifeCycleEmptyData, LifeCycleEmptyPlanViewData, LifeCyclePlanViewData, LifeCycleWorkFlowData } from './LifeCycle.mocks';
+import { addStepCallback, deleteStepCallback, addTaskCallback, deleteTaskCallback, addStageCallback, deleteStageCallback } from './utils';
+export default {
+    title: 'Build/LifeCycle',
+    component: LifeCycle
+};
+export const PlanView = () => {
+    const workFlowState = {
+        activeElementId: '',
+        data: LifeCyclePlanViewData
+    };
+    const [planViewData, setPlanViewData] = useState(workFlowState);
+    const addStep = (stepData) => {
+        const changedData = addStepCallback(stepData, planViewData);
+        setPlanViewData(changedData);
+    };
+    const deleteStep = (stepData) => {
+        const changedData = deleteStepCallback(stepData, planViewData);
+        setPlanViewData(changedData);
+    };
+    const addTask = (taskData) => {
+        const changedData = addTaskCallback(taskData, planViewData);
+        setPlanViewData(changedData);
+    };
+    const deleteTask = (taskData) => {
+        const changedData = deleteTaskCallback(taskData, planViewData);
+        setPlanViewData(changedData);
+    };
+    const onAddStage = () => {
+        const changedData = addStageCallback(planViewData, 'stages');
+        setPlanViewData(changedData);
+    };
+    const onAddAlternateStage = () => {
+        const changedData = addStageCallback(planViewData, 'alternateStages');
+        setPlanViewData(changedData);
+    };
+    const onDeleteStage = param => {
+        const changedData = deleteStageCallback(param, planViewData);
+        if (changedData === 'firstStage') {
+            // eslint-disable-next-line no-alert
+            alert("you can't delete the create stage");
+        }
+        else {
+            setPlanViewData(changedData);
+        }
+    };
+    const onStepInputChange = () => {
+        // console.log('persona Task Input', value);
+    };
+    const onTaskInputChange = () => {
+        //  console.log('persona Task Input', value);
+    };
+    const onStageInputChange = () => {
+        // console.log('on stage Input stage', { value, stageArray });
+    };
+    const onAlternateStageInputChange = () => {
+        // console.log('on stage Input stage', { value, stageArray });
+    };
+    useEffect(() => {
+        if (planViewData.activeElementId) {
+            const elementId = document.getElementById(`${planViewData.activeElementId}`);
+            if (elementId) {
+                elementId.focus();
+            }
+        }
+    });
+    const stages = planViewData.data.stages;
+    const alternateStages = planViewData.data.alternateStages;
+    const categories = planViewData.data.categories;
+    return (_jsx(LifeCycle, { items: stages, alternateItems: alternateStages, categories: categories, task: [
+            {
+                actions: [
+                    { text: 'Add step', id: 'delete1', icon: 'plus', onClick: addStep },
+                    {
+                        text: 'Delete task',
+                        id: 'delete2',
+                        icon: 'trash',
+                        onClick: deleteTask
+                    }
+                ],
+                addStepTitle: 'channels',
+                addTask: {
+                    title: 'Persona',
+                    showOnce: false,
+                    onAddTask: addTask
+                },
+                onAddStep: addStep,
+                onChange: onTaskInputChange
+            },
+            {
+                actions: [
+                    { text: 'Add step', id: 'delete3', icon: 'plus', onClick: addStep },
+                    {
+                        text: 'Delete task',
+                        id: 'delete4',
+                        icon: 'trash',
+                        onClick: deleteTask
+                    }
+                ],
+                addStepTitle: 'Data and Systems',
+                addTask: {
+                    title: 'Data',
+                    showOnce: false,
+                    onAddTask: addTask
+                },
+                onAddStep: addStep,
+                onChange: onTaskInputChange
+            }
+        ], step: [
+            {
+                actions: [
+                    {
+                        text: 'Delete Step',
+                        id: 'delete5',
+                        icon: 'trash',
+                        onClick: deleteStep
+                    }
+                ],
+                onChange: onStepInputChange
+            },
+            {
+                actions: [
+                    {
+                        text: 'Delete Step',
+                        id: 'delete6',
+                        icon: 'trash',
+                        onClick: deleteStep
+                    }
+                ],
+                onChange: onStepInputChange
+            }
+        ], stage: {
+            actions: [
+                { text: 'Add Alternate Stage', id: 'add2', onClick: onAddAlternateStage },
+                { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }
+            ],
+            onChange: onStageInputChange
+        }, alternateStage: {
+            actions: [{ text: 'Delete Stage', id: 'delete11', icon: 'trash', onClick: onDeleteStage }],
+            onChange: onAlternateStageInputChange
+        }, onAddStage: onAddStage, onAddAlternateStage: onAddAlternateStage }, void 0));
+};
+export const EmptyPlanView = () => {
+    const emptyPlanView = {
+        activeElementId: '',
+        data: LifeCycleEmptyPlanViewData
+    };
+    const [emptyplanViewData, setPlanViewData] = useState(emptyPlanView);
+    const addStep = (stepData) => {
+        const changedData = addStepCallback(stepData, emptyplanViewData);
+        setPlanViewData(changedData);
+    };
+    const deleteStep = (stepData) => {
+        const changedData = deleteStepCallback(stepData, emptyplanViewData);
+        setPlanViewData(changedData);
+    };
+    const addTask = (taskData) => {
+        const changedData = addTaskCallback(taskData, emptyplanViewData);
+        setPlanViewData(changedData);
+    };
+    const deleteTask = (taskData) => {
+        const changedData = deleteTaskCallback(taskData, emptyplanViewData);
+        setPlanViewData(changedData);
+    };
+    const onAddStage = () => {
+        const changedData = addStageCallback(emptyplanViewData, 'stages');
+        setPlanViewData(changedData);
+    };
+    const onAddAlternateStage = () => {
+        const changedData = addStageCallback(emptyplanViewData, 'alternateStages');
+        setPlanViewData(changedData);
+    };
+    const onDeleteStage = param => {
+        const changedData = deleteStageCallback(param, emptyplanViewData);
+        if (changedData === 'firstStage') {
+            // eslint-disable-next-line no-alert
+            alert("you can't delete the create stage");
+        }
+        else {
+            setPlanViewData(changedData);
+        }
+    };
+    const personaStepInputChange = () => {
+        // console.log('Step input change', data);
+    };
+    const personaTaskInputChange = () => {
+        //  console.log('persona Task Input', value);
+    };
+    const onStageInputChange = () => {
+        // console.log('on stage Input stage', { value, stageArray });
+    };
+    const onAlternateStageInputChange = () => {
+        // console.log('on stage Input stage', { value, stageArray });
+    };
+    useEffect(() => {
+        if (emptyplanViewData.activeElementId) {
+            const elementId = document.getElementById(`${emptyplanViewData.activeElementId}`);
+            if (elementId) {
+                elementId.focus();
+            }
+        }
+    });
+    const stages = emptyplanViewData.data.stages;
+    const alternateStages = emptyplanViewData.data.alternateStages;
+    const categories = emptyplanViewData.data.categories;
+    return (_jsx(LifeCycle, { items: stages, alternateItems: alternateStages, categories: categories, task: [
+            {
+                actions: [
+                    { text: 'Add step', id: 'delete1', icon: 'plus', onClick: addStep },
+                    {
+                        text: 'Delete task',
+                        id: 'delete2',
+                        icon: 'trash',
+                        onClick: deleteTask
+                    }
+                ],
+                addStepTitle: 'channels',
+                addTask: {
+                    title: 'Persona',
+                    showOnce: false,
+                    onAddTask: addTask
+                },
+                onAddStep: addStep,
+                onChange: personaTaskInputChange
+            },
+            {
+                actions: [
+                    { text: 'Add step', id: 'delete3', icon: 'plus', onClick: addStep },
+                    {
+                        text: 'Delete task',
+                        id: 'delete4',
+                        icon: 'trash',
+                        onClick: deleteTask
+                    }
+                ],
+                addStepTitle: 'Data and Systems',
+                addTask: {
+                    title: 'Data',
+                    showOnce: false,
+                    onAddTask: addTask
+                },
+                onAddStep: addStep,
+                onChange: personaTaskInputChange
+            }
+        ], step: [
+            {
+                actions: [
+                    {
+                        text: 'Delete Step',
+                        id: 'delete5',
+                        icon: 'trash',
+                        onClick: deleteStep
+                    }
+                ],
+                onChange: personaStepInputChange
+            },
+            {
+                actions: [
+                    {
+                        text: 'Delete Step',
+                        id: 'delete6',
+                        icon: 'trash',
+                        onClick: deleteStep
+                    }
+                ],
+                onChange: personaStepInputChange
+            }
+        ], stage: {
+            actions: [
+                { text: 'Add Alternate Stage', id: 'add2', onClick: onAddAlternateStage },
+                { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }
+            ],
+            onChange: onStageInputChange
+        }, alternateStage: {
+            actions: [{ text: 'Delete Stage', id: 'delete11', icon: 'trash', onClick: onDeleteStage }],
+            onChange: onAlternateStageInputChange
+        }, onAddStage: onAddStage, onAddAlternateStage: onAddAlternateStage }, void 0));
+};
+export const WorkFlowView = () => {
+    const workFlowState = {
+        activeElementId: '',
+        data: LifeCycleWorkFlowData
+    };
+    const [workFlowData, setWorkFlowData] = useState(workFlowState);
+    const addProcessStep = (stepData) => {
+        const changedData = addStepCallback(stepData, workFlowData);
+        setWorkFlowData(changedData);
+    };
+    const deleteProcessStep = (stepData) => {
+        const changedData = deleteStepCallback(stepData, workFlowData);
+        setWorkFlowData(changedData);
+    };
+    const addProcess = (taskData) => {
+        const changedData = addTaskCallback(taskData, workFlowData);
+        setWorkFlowData(changedData);
+    };
+    const addParallelProcess = (taskData) => {
+        const changedData = addTaskCallback(taskData, workFlowData, true);
+        setWorkFlowData(changedData);
+    };
+    const deleteProcess = (taskData) => {
+        const changedData = deleteTaskCallback(taskData, workFlowData);
+        setWorkFlowData(changedData);
+    };
+    const onAddStage = () => {
+        const changedData = addStageCallback(workFlowData, 'stages');
+        setWorkFlowData(changedData);
+    };
+    const onAddAlternateStage = () => {
+        const changedData = addStageCallback(workFlowData, 'alternateStages');
+        setWorkFlowData(changedData);
+    };
+    const onDeleteStage = param => {
+        const changedData = deleteStageCallback(param, workFlowData);
+        if (changedData === 'firstStage') {
+            // eslint-disable-next-line no-alert
+            alert("you can't delete the create stage");
+        }
+        else {
+            setWorkFlowData(changedData);
+        }
+    };
+    const stepInputChange = () => {
+        // console.log('step Input change');
+    };
+    const taskInputChange = () => {
+        // console.log('Task Input change', value);
+    };
+    const onStageInputChange = () => {
+        // console.log(stageArray);
+    };
+    const onAlternateStageInputChange = () => { };
+    useEffect(() => {
+        if (workFlowData.activeElementId) {
+            const elementId = document.getElementById(`${workFlowData.activeElementId}`);
+            if (elementId) {
+                elementId.focus();
+            }
+        }
+    });
+    const stages = workFlowData.data.stages;
+    const alternateStages = workFlowData.data.alternateStages;
+    const categories = LifeCycleWorkFlowData.categories;
+    return (_jsx(LifeCycle, { items: stages, alternateItems: alternateStages, categories: categories, task: [
+            {
+                actions: [
+                    { text: 'Add step', id: 'delete8', icon: 'plus', onClick: addProcessStep },
+                    {
+                        text: 'Delete Process',
+                        id: 'delete9',
+                        icon: 'trash',
+                        onClick: deleteProcess
+                    }
+                ],
+                addStepTitle: 'step',
+                addTask: {
+                    title: 'Process',
+                    showOnce: true,
+                    onAddTask: addProcess
+                },
+                onChange: taskInputChange,
+                onAddStep: addProcessStep
+            }
+        ], step: [
+            {
+                actions: [
+                    {
+                        text: 'Delete Step',
+                        id: 'delete10',
+                        icon: 'trash',
+                        onClick: deleteProcessStep
+                    }
+                ],
+                onChange: stepInputChange
+                // disabled: true
+            }
+        ], stage: {
+            actions: [
+                { text: 'Add Process', id: 'add1', onClick: addProcess },
+                { text: 'Add Parallel Process', id: 'add3', onClick: addParallelProcess },
+                { text: 'Add Alternate Stage', id: 'add2', onClick: onAddAlternateStage },
+                { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }
+            ],
+            onChange: onStageInputChange
+        }, alternateStage: {
+            actions: [
+                { text: 'Add Process', id: 'add1', onClick: addProcess },
+                { text: 'Add Parallel Process', id: 'add3', onClick: addParallelProcess },
+                { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }
+            ],
+            onChange: onAlternateStageInputChange
+        }, onAddStage: onAddStage, onAddAlternateStage: onAddAlternateStage }, void 0));
+};
+export const EmptyWorkFlowView = () => {
+    const emptyState = {
+        activeElementId: '',
+        data: LifeCycleEmptyData
+    };
+    const [emptyStateData, setEmptyStateData] = useState(emptyState);
+    const addProcessStep = (stepData) => {
+        const changedData = addStepCallback(stepData, emptyStateData);
+        setEmptyStateData(changedData);
+    };
+    const deleteProcessStep = (stepData) => {
+        const changedData = deleteStepCallback(stepData, emptyStateData);
+        setEmptyStateData(changedData);
+    };
+    const addProcess = (taskData) => {
+        const changedData = addTaskCallback(taskData, emptyStateData);
+        setEmptyStateData(changedData);
+    };
+    const addParallelProcess = (taskData) => {
+        const changedData = addTaskCallback(taskData, emptyStateData, true);
+        setEmptyStateData(changedData);
+    };
+    const deleteProcess = (taskData) => {
+        const changedData = deleteTaskCallback(taskData, emptyStateData);
+        setEmptyStateData(changedData);
+    };
+    const onAddStage = () => {
+        const changedData = addStageCallback(emptyStateData, 'stages');
+        setEmptyStateData(changedData);
+    };
+    const onAddAlternateStage = () => {
+        const changedData = addStageCallback(emptyStateData, 'alternateStages');
+        setEmptyStateData(changedData);
+    };
+    const stepInputChange = () => {
+        // console.log('step Input change');
+    };
+    const taskInputChange = () => {
+        // console.log('Task Input change', value);
+    };
+    const onStageInputChange = () => {
+        // console.log(stageArray);
+    };
+    const onAlternateStageInputChange = () => { };
+    const onDeleteStage = param => {
+        const changedData = deleteStageCallback(param, emptyStateData);
+        if (changedData === 'firstStage') {
+            // eslint-disable-next-line no-alert
+            alert("you can't delete the create stage");
+        }
+        else {
+            setEmptyStateData(changedData);
+        }
+    };
+    useEffect(() => {
+        if (emptyStateData.activeElementId) {
+            const elementId = document.getElementById(`${emptyStateData.activeElementId}`);
+            if (elementId) {
+                elementId.focus();
+            }
+        }
+    });
+    const stages = emptyStateData.data.stages;
+    const alternateStages = emptyStateData.data.alternateStages;
+    const categories = LifeCycleEmptyData.categories;
+    return (_jsx(LifeCycle, { items: stages, alternateItems: alternateStages, categories: categories, task: [
+            {
+                actions: [
+                    { text: 'Add step', id: 'delete8', icon: 'plus', onClick: addProcessStep },
+                    {
+                        text: 'Delete Process',
+                        id: 'delete9',
+                        icon: 'trash',
+                        onClick: deleteProcess
+                    }
+                ],
+                addStepTitle: 'step',
+                addTask: {
+                    title: 'Process',
+                    showOnce: true,
+                    onAddTask: addProcess
+                },
+                onChange: taskInputChange,
+                onAddStep: addProcessStep
+            }
+        ], step: [
+            {
+                actions: [
+                    {
+                        text: 'Delete Step',
+                        id: 'delete10',
+                        icon: 'trash',
+                        onClick: deleteProcessStep
+                    }
+                ],
+                onChange: stepInputChange
+            }
+        ], stage: {
+            actions: [
+                { text: 'Add Process', id: 'add1', onClick: addProcess },
+                { text: 'Add Parallel Process', id: 'add3', onClick: addParallelProcess },
+                { text: 'Add Alternate Stage', id: 'add2', onClick: onAddAlternateStage },
+                { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }
+            ],
+            onChange: onStageInputChange
+        }, alternateStage: {
+            actions: [
+                { text: 'Add Process', id: 'add1', onClick: addProcess },
+                { text: 'Add Parallel Process', id: 'add3', onClick: addParallelProcess },
+                { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }
+            ],
+            onChange: onAlternateStageInputChange
+        }, onAddStage: onAddStage, onAddAlternateStage: onAddAlternateStage }, void 0));
+};
+//# sourceMappingURL=LifeCycle.stories.js.map

package/lib/build/LifeCycle/LifeCycle.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LifeCycle.stories.js","sourceRoot":"","sources":["../../../src/build/LifeCycle/LifeCycle.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EACL,SAAS,EAKV,MAAM,0BAA0B,CAAC;AAElC,OAAO,EACL,kBAAkB,EAClB,0BAA0B,EAC1B,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,gBAAgB,EAChB,mBAAmB,EAEpB,MAAM,SAAS,CAAC;AAEjB,eAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,SAAS;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,aAAa,GAAG;QACpB,eAAe,EAAE,EAAE;QACnB,IAAI,EAAE,qBAAqB;KACN,CAAC;IACxB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;IAEhE,MAAM,OAAO,GAAG,CAAC,QAA8B,EAAE,EAAE;QACjD,MAAM,WAAW,GAAG,eAAe,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAC5D,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,QAA8B,EAAE,EAAE;QACpD,MAAM,WAAW,GAAG,kBAAkB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAC/D,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,CAAC,QAA8B,EAAE,EAAE;QACjD,MAAM,WAAW,GAAG,eAAe,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAC5D,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,QAA8B,EAAE,EAAE;QACpD,MAAM,WAAW,GAAG,kBAAkB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAC/D,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,WAAW,GAAG,gBAAgB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QAC7D,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,MAAM,WAAW,GAAG,gBAAgB,CAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC;QACtE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,aAAa,GAA+B,KAAK,CAAC,EAAE;QACxD,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;QAC7D,IAAI,WAAW,KAAK,YAAY,EAAE;YAChC,oCAAoC;YACpC,KAAK,CAAC,mCAAmC,CAAC,CAAC;SAC5C;aAAM;YACL,eAAe,CAAC,WAAW,CAAC,CAAC;SAC9B;IACH,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,4CAA4C;IAC9C,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,6CAA6C;IAC/C,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,8DAA8D;IAChE,CAAC,CAAC;IAEF,MAAM,2BAA2B,GAAG,GAAG,EAAE;QACvC,8DAA8D;IAChE,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,eAAe,EAAE;YAChC,MAAM,SAAS,GAAuB,QAAQ,CAAC,cAAc,CAC3D,GAAG,YAAY,CAAC,eAAe,EAAE,CAClC,CAAC;YACF,IAAI,SAAS,EAAE;gBACb,SAAS,CAAC,KAAK,EAAE,CAAC;aACnB;SACF;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,YAAY,CAAC,IAAI,CAAC,MAA0B,CAAC;IAE5D,MAAM,eAAe,GAAG,YAAY,CAAC,IAAI,CAAC,eAAmC,CAAC;IAE9E,MAAM,UAAU,GAA0B,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC;IAEvE,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAE,MAAM,EACb,cAAc,EAAE,eAAe,EAC/B,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE;YACJ;gBACE,OAAO,EAAE;oBACP,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE;oBACnE;wBACE,IAAI,EAAE,aAAa;wBACnB,EAAE,EAAE,SAAS;wBACb,IAAI,EAAE,OAAO;wBACb,OAAO,EAAE,UAAU;qBACpB;iBACF;gBACD,YAAY,EAAE,UAAU;gBACxB,OAAO,EAAE;oBACP,KAAK,EAAE,SAAS;oBAChB,QAAQ,EAAE,KAAK;oBACf,SAAS,EAAE,OAAO;iBACnB;gBACD,SAAS,EAAE,OAAO;gBAClB,QAAQ,EAAE,iBAAiB;aAC5B;YACD;gBACE,OAAO,EAAE;oBACP,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE;oBACnE;wBACE,IAAI,EAAE,aAAa;wBACnB,EAAE,EAAE,SAAS;wBACb,IAAI,EAAE,OAAO;wBACb,OAAO,EAAE,UAAU;qBACpB;iBACF;gBACD,YAAY,EAAE,kBAAkB;gBAChC,OAAO,EAAE;oBACP,KAAK,EAAE,MAAM;oBACb,QAAQ,EAAE,KAAK;oBACf,SAAS,EAAE,OAAO;iBACnB;gBACD,SAAS,EAAE,OAAO;gBAClB,QAAQ,EAAE,iBAAiB;aAC5B;SACF,EACD,IAAI,EAAE;YACJ;gBACE,OAAO,EAAE;oBACP;wBACE,IAAI,EAAE,aAAa;wBACnB,EAAE,EAAE,SAAS;wBACb,IAAI,EAAE,OAAO;wBACb,OAAO,EAAE,UAAU;qBACpB;iBACF;gBACD,QAAQ,EAAE,iBAAiB;aAC5B;YACD;gBACE,OAAO,EAAE;oBACP;wBACE,IAAI,EAAE,aAAa;wBACnB,EAAE,EAAE,SAAS;wBACb,IAAI,EAAE,OAAO;wBACb,OAAO,EAAE,UAAU;qBACpB;iBACF;gBACD,QAAQ,EAAE,iBAAiB;aAC5B;SACF,EACD,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,EAAE,IAAI,EAAE,qBAAqB,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,mBAAmB,EAAE;gBACzE,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE;aACjE;YACD,QAAQ,EAAE,kBAAkB;SAC7B,EACD,cAAc,EAAE;YACd,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC;YAC1F,QAAQ,EAAE,2BAA2B;SACtC,EACD,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,WACxC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,aAAa,GAAG;QACpB,eAAe,EAAE,EAAE;QACnB,IAAI,EAAE,0BAA0B;KACX,CAAC;IACxB,MAAM,CAAC,iBAAiB,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;IAErE,MAAM,OAAO,GAAG,CAAC,QAA8B,EAAE,EAAE;QACjD,MAAM,WAAW,GAAG,eAAe,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;QACjE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,QAA8B,EAAE,EAAE;QACpD,MAAM,WAAW,GAAG,kBAAkB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;QACpE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,CAAC,QAA8B,EAAE,EAAE;QACjD,MAAM,WAAW,GAAG,eAAe,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;QACjE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,QAA8B,EAAE,EAAE;QACpD,MAAM,WAAW,GAAG,kBAAkB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;QACpE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,WAAW,GAAG,gBAAgB,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC;QAClE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,MAAM,WAAW,GAAG,gBAAgB,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CAAC;QAC3E,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,aAAa,GAA+B,KAAK,CAAC,EAAE;QACxD,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC;QAClE,IAAI,WAAW,KAAK,YAAY,EAAE;YAChC,oCAAoC;YACpC,KAAK,CAAC,mCAAmC,CAAC,CAAC;SAC5C;aAAM;YACL,eAAe,CAAC,WAAW,CAAC,CAAC;SAC9B;IACH,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,0CAA0C;IAC5C,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,6CAA6C;IAC/C,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,8DAA8D;IAChE,CAAC,CAAC;IAEF,MAAM,2BAA2B,GAAG,GAAG,EAAE;QACvC,8DAA8D;IAChE,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,CAAC,eAAe,EAAE;YACrC,MAAM,SAAS,GAAuB,QAAQ,CAAC,cAAc,CAC3D,GAAG,iBAAiB,CAAC,eAAe,EAAE,CACvC,CAAC;YACF,IAAI,SAAS,EAAE;gBACb,SAAS,CAAC,KAAK,EAAE,CAAC;aACnB;SACF;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,iBAAiB,CAAC,IAAI,CAAC,MAA0B,CAAC;IACjE,MAAM,eAAe,GAAG,iBAAiB,CAAC,IAAI,CAAC,eAAmC,CAAC;IACnF,MAAM,UAAU,GAAG,iBAAiB,CAAC,IAAI,CAAC,UAAmC,CAAC;IAE9E,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAE,MAAM,EACb,cAAc,EAAE,eAAe,EAC/B,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE;YACJ;gBACE,OAAO,EAAE;oBACP,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE;oBACnE;wBACE,IAAI,EAAE,aAAa;wBACnB,EAAE,EAAE,SAAS;wBACb,IAAI,EAAE,OAAO;wBACb,OAAO,EAAE,UAAU;qBACpB;iBACF;gBACD,YAAY,EAAE,UAAU;gBACxB,OAAO,EAAE;oBACP,KAAK,EAAE,SAAS;oBAChB,QAAQ,EAAE,KAAK;oBACf,SAAS,EAAE,OAAO;iBACnB;gBACD,SAAS,EAAE,OAAO;gBAClB,QAAQ,EAAE,sBAAsB;aACjC;YACD;gBACE,OAAO,EAAE;oBACP,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE;oBACnE;wBACE,IAAI,EAAE,aAAa;wBACnB,EAAE,EAAE,SAAS;wBACb,IAAI,EAAE,OAAO;wBACb,OAAO,EAAE,UAAU;qBACpB;iBACF;gBACD,YAAY,EAAE,kBAAkB;gBAChC,OAAO,EAAE;oBACP,KAAK,EAAE,MAAM;oBACb,QAAQ,EAAE,KAAK;oBACf,SAAS,EAAE,OAAO;iBACnB;gBACD,SAAS,EAAE,OAAO;gBAClB,QAAQ,EAAE,sBAAsB;aACjC;SACF,EACD,IAAI,EAAE;YACJ;gBACE,OAAO,EAAE;oBACP;wBACE,IAAI,EAAE,aAAa;wBACnB,EAAE,EAAE,SAAS;wBACb,IAAI,EAAE,OAAO;wBACb,OAAO,EAAE,UAAU;qBACpB;iBACF;gBACD,QAAQ,EAAE,sBAAsB;aACjC;YACD;gBACE,OAAO,EAAE;oBACP;wBACE,IAAI,EAAE,aAAa;wBACnB,EAAE,EAAE,SAAS;wBACb,IAAI,EAAE,OAAO;wBACb,OAAO,EAAE,UAAU;qBACpB;iBACF;gBACD,QAAQ,EAAE,sBAAsB;aACjC;SACF,EACD,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,EAAE,IAAI,EAAE,qBAAqB,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,mBAAmB,EAAE;gBACzE,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE;aACjE;YACD,QAAQ,EAAE,kBAAkB;SAC7B,EACD,cAAc,EAAE;YACd,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC;YAC1F,QAAQ,EAAE,2BAA2B;SACtC,EACD,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,WACxC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,aAAa,GAAG;QACpB,eAAe,EAAE,EAAE;QACnB,IAAI,EAAE,qBAAqB;KACN,CAAC;IACxB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;IAEhE,MAAM,cAAc,GAAG,CAAC,QAA8B,EAAE,EAAE;QACxD,MAAM,WAAW,GAAG,eAAe,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAC5D,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,QAA8B,EAAE,EAAE;QAC3D,MAAM,WAAW,GAAG,kBAAkB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAC/D,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,QAA8B,EAAE,EAAE;QACpD,MAAM,WAAW,GAAG,eAAe,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAC5D,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,QAA8B,EAAE,EAAE;QAC5D,MAAM,WAAW,GAAG,eAAe,CAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC;QAClE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,QAA8B,EAAE,EAAE;QACvD,MAAM,WAAW,GAAG,kBAAkB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAC/D,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,WAAW,GAAG,gBAAgB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QAC7D,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,MAAM,WAAW,GAAG,gBAAgB,CAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC;QACtE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,aAAa,GAA+B,KAAK,CAAC,EAAE;QACxD,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;QAC7D,IAAI,WAAW,KAAK,YAAY,EAAE;YAChC,oCAAoC;YACpC,KAAK,CAAC,mCAAmC,CAAC,CAAC;SAC5C;aAAM;YACL,eAAe,CAAC,WAAW,CAAC,CAAC;SAC9B;IACH,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,oCAAoC;IACtC,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,2CAA2C;IAC7C,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,2BAA2B;IAC7B,CAAC,CAAC;IAEF,MAAM,2BAA2B,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAC7C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,eAAe,EAAE;YAChC,MAAM,SAAS,GAAuB,QAAQ,CAAC,cAAc,CAC3D,GAAG,YAAY,CAAC,eAAe,EAAE,CAClC,CAAC;YACF,IAAI,SAAS,EAAE;gBACb,SAAS,CAAC,KAAK,EAAE,CAAC;aACnB;SACF;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,YAAY,CAAC,IAAI,CAAC,MAA0B,CAAC;IAC5D,MAAM,eAAe,GAAG,YAAY,CAAC,IAAI,CAAC,eAAmC,CAAC;IAC9E,MAAM,UAAU,GAA0B,qBAAqB,CAAC,UAAU,CAAC;IAE3E,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAE,MAAM,EACb,cAAc,EAAE,eAAe,EAC/B,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE;YACJ;gBACE,OAAO,EAAE;oBACP,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE;oBAC1E;wBACE,IAAI,EAAE,gBAAgB;wBACtB,EAAE,EAAE,SAAS;wBACb,IAAI,EAAE,OAAO;wBACb,OAAO,EAAE,aAAa;qBACvB;iBACF;gBACD,YAAY,EAAE,MAAM;gBACpB,OAAO,EAAE;oBACP,KAAK,EAAE,SAAS;oBAChB,QAAQ,EAAE,IAAI;oBACd,SAAS,EAAE,UAAU;iBACtB;gBACD,QAAQ,EAAE,eAAe;gBACzB,SAAS,EAAE,cAAc;aAC1B;SACF,EACD,IAAI,EAAE;YACJ;gBACE,OAAO,EAAE;oBACP;wBACE,IAAI,EAAE,aAAa;wBACnB,EAAE,EAAE,UAAU;wBACd,IAAI,EAAE,OAAO;wBACb,OAAO,EAAE,iBAAiB;qBAC3B;iBACF;gBACD,QAAQ,EAAE,eAAe;gBACzB,iBAAiB;aAClB;SACF,EACD,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE;gBACxD,EAAE,IAAI,EAAE,sBAAsB,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,kBAAkB,EAAE;gBACzE,EAAE,IAAI,EAAE,qBAAqB,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,mBAAmB,EAAE;gBACzE,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE;aACjE;YACD,QAAQ,EAAE,kBAAkB;SAC7B,EACD,cAAc,EAAE;YACd,OAAO,EAAE;gBACP,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE;gBACxD,EAAE,IAAI,EAAE,sBAAsB,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,kBAAkB,EAAE;gBACzE,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE;aACjE;YACD,QAAQ,EAAE,2BAA2B;SACtC,EACD,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,WACxC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,UAAU,GAAG;QACjB,eAAe,EAAE,EAAE;QACnB,IAAI,EAAE,kBAAkB;KACH,CAAC;IACxB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAqB,UAAU,CAAC,CAAC;IAErF,MAAM,cAAc,GAAG,CAAC,QAA8B,EAAE,EAAE;QACxD,MAAM,WAAW,GAAG,eAAe,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAC9D,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,QAA8B,EAAE,EAAE;QAC3D,MAAM,WAAW,GAAG,kBAAkB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACjE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,QAA8B,EAAE,EAAE;QACpD,MAAM,WAAW,GAAG,eAAe,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAC9D,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,QAA8B,EAAE,EAAE;QAC5D,MAAM,WAAW,GAAG,eAAe,CAAC,QAAQ,EAAE,cAAc,EAAE,IAAI,CAAC,CAAC;QACpE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,QAA8B,EAAE,EAAE;QACvD,MAAM,WAAW,GAAG,kBAAkB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACjE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,WAAW,GAAG,gBAAgB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;QAC/D,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,MAAM,WAAW,GAAG,gBAAgB,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;QACxE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,oCAAoC;IACtC,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,2CAA2C;IAC7C,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,2BAA2B;IAC7B,CAAC,CAAC;IAEF,MAAM,2BAA2B,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAE7C,MAAM,aAAa,GAA+B,KAAK,CAAC,EAAE;QACxD,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;QAC/D,IAAI,WAAW,KAAK,YAAY,EAAE;YAChC,oCAAoC;YACpC,KAAK,CAAC,mCAAmC,CAAC,CAAC;SAC5C;aAAM;YACL,iBAAiB,CAAC,WAAW,CAAC,CAAC;SAChC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,CAAC,eAAe,EAAE;YAClC,MAAM,SAAS,GAAuB,QAAQ,CAAC,cAAc,CAC3D,GAAG,cAAc,CAAC,eAAe,EAAE,CACpC,CAAC;YACF,IAAI,SAAS,EAAE;gBACb,SAAS,CAAC,KAAK,EAAE,CAAC;aACnB;SACF;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,cAAc,CAAC,IAAI,CAAC,MAA0B,CAAC;IAC9D,MAAM,eAAe,GAAqB,cAAc,CAAC,IAAI,CAAC,eAAe,CAAC;IAC9E,MAAM,UAAU,GAA0B,kBAAkB,CAAC,UAAU,CAAC;IAExE,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAE,MAAM,EACb,cAAc,EAAE,eAAe,EAC/B,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE;YACJ;gBACE,OAAO,EAAE;oBACP,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE;oBAC1E;wBACE,IAAI,EAAE,gBAAgB;wBACtB,EAAE,EAAE,SAAS;wBACb,IAAI,EAAE,OAAO;wBACb,OAAO,EAAE,aAAa;qBACvB;iBACF;gBACD,YAAY,EAAE,MAAM;gBACpB,OAAO,EAAE;oBACP,KAAK,EAAE,SAAS;oBAChB,QAAQ,EAAE,IAAI;oBACd,SAAS,EAAE,UAAU;iBACtB;gBACD,QAAQ,EAAE,eAAe;gBACzB,SAAS,EAAE,cAAc;aAC1B;SACF,EACD,IAAI,EAAE;YACJ;gBACE,OAAO,EAAE;oBACP;wBACE,IAAI,EAAE,aAAa;wBACnB,EAAE,EAAE,UAAU;wBACd,IAAI,EAAE,OAAO;wBACb,OAAO,EAAE,iBAAiB;qBAC3B;iBACF;gBACD,QAAQ,EAAE,eAAe;aAC1B;SACF,EACD,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE;gBACxD,EAAE,IAAI,EAAE,sBAAsB,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,kBAAkB,EAAE;gBACzE,EAAE,IAAI,EAAE,qBAAqB,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,mBAAmB,EAAE;gBACzE,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE;aACjE;YACD,QAAQ,EAAE,kBAAkB;SAC7B,EACD,cAAc,EAAE;YACd,OAAO,EAAE;gBACP,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE;gBACxD,EAAE,IAAI,EAAE,sBAAsB,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,kBAAkB,EAAE;gBACzE,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE;aACjE;YACD,QAAQ,EAAE,2BAA2B;SACtC,EACD,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,WACxC,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport {\n  LifeCycle,\n  StageItemProps,\n  CategoriesItemProps,\n  LifeCycleActionParam,\n  LifeCycleAction\n} from '@pega/cosmos-react-build';\n\nimport {\n  LifeCycleEmptyData,\n  LifeCycleEmptyPlanViewData,\n  LifeCyclePlanViewData,\n  LifeCycleWorkFlowData\n} from './LifeCycle.mocks';\nimport {\n  addStepCallback,\n  deleteStepCallback,\n  addTaskCallback,\n  deleteTaskCallback,\n  addStageCallback,\n  deleteStageCallback,\n  LifeCycleMockState\n} from './utils';\n\nexport default {\n  title: 'Build/LifeCycle',\n  component: LifeCycle\n};\n\nexport const PlanView = () => {\n  const workFlowState = {\n    activeElementId: '',\n    data: LifeCyclePlanViewData\n  } as LifeCycleMockState;\n  const [planViewData, setPlanViewData] = useState(workFlowState);\n\n  const addStep = (stepData: LifeCycleActionParam) => {\n    const changedData = addStepCallback(stepData, planViewData);\n    setPlanViewData(changedData);\n  };\n\n  const deleteStep = (stepData: LifeCycleActionParam) => {\n    const changedData = deleteStepCallback(stepData, planViewData);\n    setPlanViewData(changedData);\n  };\n\n  const addTask = (taskData: LifeCycleActionParam) => {\n    const changedData = addTaskCallback(taskData, planViewData);\n    setPlanViewData(changedData);\n  };\n\n  const deleteTask = (taskData: LifeCycleActionParam) => {\n    const changedData = deleteTaskCallback(taskData, planViewData);\n    setPlanViewData(changedData);\n  };\n\n  const onAddStage = () => {\n    const changedData = addStageCallback(planViewData, 'stages');\n    setPlanViewData(changedData);\n  };\n\n  const onAddAlternateStage = () => {\n    const changedData = addStageCallback(planViewData, 'alternateStages');\n    setPlanViewData(changedData);\n  };\n\n  const onDeleteStage: LifeCycleAction['onClick'] = param => {\n    const changedData = deleteStageCallback(param, planViewData);\n    if (changedData === 'firstStage') {\n      // eslint-disable-next-line no-alert\n      alert(\"you can't delete the create stage\");\n    } else {\n      setPlanViewData(changedData);\n    }\n  };\n\n  const onStepInputChange = () => {\n    // console.log('persona Task Input', value);\n  };\n\n  const onTaskInputChange = () => {\n    //  console.log('persona Task Input', value);\n  };\n\n  const onStageInputChange = () => {\n    // console.log('on stage Input stage', { value, stageArray });\n  };\n\n  const onAlternateStageInputChange = () => {\n    // console.log('on stage Input stage', { value, stageArray });\n  };\n\n  useEffect(() => {\n    if (planViewData.activeElementId) {\n      const elementId: HTMLElement | null = document.getElementById(\n        `${planViewData.activeElementId}`\n      );\n      if (elementId) {\n        elementId.focus();\n      }\n    }\n  });\n\n  const stages = planViewData.data.stages as StageItemProps[];\n\n  const alternateStages = planViewData.data.alternateStages as StageItemProps[];\n\n  const categories: CategoriesItemProps[] = planViewData.data.categories;\n\n  return (\n    <LifeCycle\n      items={stages}\n      alternateItems={alternateStages}\n      categories={categories}\n      task={[\n        {\n          actions: [\n            { text: 'Add step', id: 'delete1', icon: 'plus', onClick: addStep },\n            {\n              text: 'Delete task',\n              id: 'delete2',\n              icon: 'trash',\n              onClick: deleteTask\n            }\n          ],\n          addStepTitle: 'channels',\n          addTask: {\n            title: 'Persona',\n            showOnce: false,\n            onAddTask: addTask\n          },\n          onAddStep: addStep,\n          onChange: onTaskInputChange\n        },\n        {\n          actions: [\n            { text: 'Add step', id: 'delete3', icon: 'plus', onClick: addStep },\n            {\n              text: 'Delete task',\n              id: 'delete4',\n              icon: 'trash',\n              onClick: deleteTask\n            }\n          ],\n          addStepTitle: 'Data and Systems',\n          addTask: {\n            title: 'Data',\n            showOnce: false,\n            onAddTask: addTask\n          },\n          onAddStep: addStep,\n          onChange: onTaskInputChange\n        }\n      ]}\n      step={[\n        {\n          actions: [\n            {\n              text: 'Delete Step',\n              id: 'delete5',\n              icon: 'trash',\n              onClick: deleteStep\n            }\n          ],\n          onChange: onStepInputChange\n        },\n        {\n          actions: [\n            {\n              text: 'Delete Step',\n              id: 'delete6',\n              icon: 'trash',\n              onClick: deleteStep\n            }\n          ],\n          onChange: onStepInputChange\n        }\n      ]}\n      stage={{\n        actions: [\n          { text: 'Add Alternate Stage', id: 'add2', onClick: onAddAlternateStage },\n          { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }\n        ],\n        onChange: onStageInputChange\n      }}\n      alternateStage={{\n        actions: [{ text: 'Delete Stage', id: 'delete11', icon: 'trash', onClick: onDeleteStage }],\n        onChange: onAlternateStageInputChange\n      }}\n      onAddStage={onAddStage}\n      onAddAlternateStage={onAddAlternateStage}\n    />\n  );\n};\n\nexport const EmptyPlanView = () => {\n  const emptyPlanView = {\n    activeElementId: '',\n    data: LifeCycleEmptyPlanViewData\n  } as LifeCycleMockState;\n  const [emptyplanViewData, setPlanViewData] = useState(emptyPlanView);\n\n  const addStep = (stepData: LifeCycleActionParam) => {\n    const changedData = addStepCallback(stepData, emptyplanViewData);\n    setPlanViewData(changedData);\n  };\n\n  const deleteStep = (stepData: LifeCycleActionParam) => {\n    const changedData = deleteStepCallback(stepData, emptyplanViewData);\n    setPlanViewData(changedData);\n  };\n\n  const addTask = (taskData: LifeCycleActionParam) => {\n    const changedData = addTaskCallback(taskData, emptyplanViewData);\n    setPlanViewData(changedData);\n  };\n\n  const deleteTask = (taskData: LifeCycleActionParam) => {\n    const changedData = deleteTaskCallback(taskData, emptyplanViewData);\n    setPlanViewData(changedData);\n  };\n\n  const onAddStage = () => {\n    const changedData = addStageCallback(emptyplanViewData, 'stages');\n    setPlanViewData(changedData);\n  };\n\n  const onAddAlternateStage = () => {\n    const changedData = addStageCallback(emptyplanViewData, 'alternateStages');\n    setPlanViewData(changedData);\n  };\n\n  const onDeleteStage: LifeCycleAction['onClick'] = param => {\n    const changedData = deleteStageCallback(param, emptyplanViewData);\n    if (changedData === 'firstStage') {\n      // eslint-disable-next-line no-alert\n      alert(\"you can't delete the create stage\");\n    } else {\n      setPlanViewData(changedData);\n    }\n  };\n\n  const personaStepInputChange = () => {\n    // console.log('Step input change', data);\n  };\n\n  const personaTaskInputChange = () => {\n    //  console.log('persona Task Input', value);\n  };\n\n  const onStageInputChange = () => {\n    // console.log('on stage Input stage', { value, stageArray });\n  };\n\n  const onAlternateStageInputChange = () => {\n    // console.log('on stage Input stage', { value, stageArray });\n  };\n\n  useEffect(() => {\n    if (emptyplanViewData.activeElementId) {\n      const elementId: HTMLElement | null = document.getElementById(\n        `${emptyplanViewData.activeElementId}`\n      );\n      if (elementId) {\n        elementId.focus();\n      }\n    }\n  });\n\n  const stages = emptyplanViewData.data.stages as StageItemProps[];\n  const alternateStages = emptyplanViewData.data.alternateStages as StageItemProps[];\n  const categories = emptyplanViewData.data.categories as CategoriesItemProps[];\n\n  return (\n    <LifeCycle\n      items={stages}\n      alternateItems={alternateStages}\n      categories={categories}\n      task={[\n        {\n          actions: [\n            { text: 'Add step', id: 'delete1', icon: 'plus', onClick: addStep },\n            {\n              text: 'Delete task',\n              id: 'delete2',\n              icon: 'trash',\n              onClick: deleteTask\n            }\n          ],\n          addStepTitle: 'channels',\n          addTask: {\n            title: 'Persona',\n            showOnce: false,\n            onAddTask: addTask\n          },\n          onAddStep: addStep,\n          onChange: personaTaskInputChange\n        },\n        {\n          actions: [\n            { text: 'Add step', id: 'delete3', icon: 'plus', onClick: addStep },\n            {\n              text: 'Delete task',\n              id: 'delete4',\n              icon: 'trash',\n              onClick: deleteTask\n            }\n          ],\n          addStepTitle: 'Data and Systems',\n          addTask: {\n            title: 'Data',\n            showOnce: false,\n            onAddTask: addTask\n          },\n          onAddStep: addStep,\n          onChange: personaTaskInputChange\n        }\n      ]}\n      step={[\n        {\n          actions: [\n            {\n              text: 'Delete Step',\n              id: 'delete5',\n              icon: 'trash',\n              onClick: deleteStep\n            }\n          ],\n          onChange: personaStepInputChange\n        },\n        {\n          actions: [\n            {\n              text: 'Delete Step',\n              id: 'delete6',\n              icon: 'trash',\n              onClick: deleteStep\n            }\n          ],\n          onChange: personaStepInputChange\n        }\n      ]}\n      stage={{\n        actions: [\n          { text: 'Add Alternate Stage', id: 'add2', onClick: onAddAlternateStage },\n          { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }\n        ],\n        onChange: onStageInputChange\n      }}\n      alternateStage={{\n        actions: [{ text: 'Delete Stage', id: 'delete11', icon: 'trash', onClick: onDeleteStage }],\n        onChange: onAlternateStageInputChange\n      }}\n      onAddStage={onAddStage}\n      onAddAlternateStage={onAddAlternateStage}\n    />\n  );\n};\n\nexport const WorkFlowView = () => {\n  const workFlowState = {\n    activeElementId: '',\n    data: LifeCycleWorkFlowData\n  } as LifeCycleMockState;\n  const [workFlowData, setWorkFlowData] = useState(workFlowState);\n\n  const addProcessStep = (stepData: LifeCycleActionParam) => {\n    const changedData = addStepCallback(stepData, workFlowData);\n    setWorkFlowData(changedData);\n  };\n\n  const deleteProcessStep = (stepData: LifeCycleActionParam) => {\n    const changedData = deleteStepCallback(stepData, workFlowData);\n    setWorkFlowData(changedData);\n  };\n\n  const addProcess = (taskData: LifeCycleActionParam) => {\n    const changedData = addTaskCallback(taskData, workFlowData);\n    setWorkFlowData(changedData);\n  };\n\n  const addParallelProcess = (taskData: LifeCycleActionParam) => {\n    const changedData = addTaskCallback(taskData, workFlowData, true);\n    setWorkFlowData(changedData);\n  };\n\n  const deleteProcess = (taskData: LifeCycleActionParam) => {\n    const changedData = deleteTaskCallback(taskData, workFlowData);\n    setWorkFlowData(changedData);\n  };\n\n  const onAddStage = () => {\n    const changedData = addStageCallback(workFlowData, 'stages');\n    setWorkFlowData(changedData);\n  };\n\n  const onAddAlternateStage = () => {\n    const changedData = addStageCallback(workFlowData, 'alternateStages');\n    setWorkFlowData(changedData);\n  };\n\n  const onDeleteStage: LifeCycleAction['onClick'] = param => {\n    const changedData = deleteStageCallback(param, workFlowData);\n    if (changedData === 'firstStage') {\n      // eslint-disable-next-line no-alert\n      alert(\"you can't delete the create stage\");\n    } else {\n      setWorkFlowData(changedData);\n    }\n  };\n\n  const stepInputChange = () => {\n    // console.log('step Input change');\n  };\n\n  const taskInputChange = () => {\n    // console.log('Task Input change', value);\n  };\n\n  const onStageInputChange = () => {\n    // console.log(stageArray);\n  };\n\n  const onAlternateStageInputChange = () => {};\n  useEffect(() => {\n    if (workFlowData.activeElementId) {\n      const elementId: HTMLElement | null = document.getElementById(\n        `${workFlowData.activeElementId}`\n      );\n      if (elementId) {\n        elementId.focus();\n      }\n    }\n  });\n\n  const stages = workFlowData.data.stages as StageItemProps[];\n  const alternateStages = workFlowData.data.alternateStages as StageItemProps[];\n  const categories: CategoriesItemProps[] = LifeCycleWorkFlowData.categories;\n\n  return (\n    <LifeCycle\n      items={stages}\n      alternateItems={alternateStages}\n      categories={categories}\n      task={[\n        {\n          actions: [\n            { text: 'Add step', id: 'delete8', icon: 'plus', onClick: addProcessStep },\n            {\n              text: 'Delete Process',\n              id: 'delete9',\n              icon: 'trash',\n              onClick: deleteProcess\n            }\n          ],\n          addStepTitle: 'step',\n          addTask: {\n            title: 'Process',\n            showOnce: true,\n            onAddTask: addProcess\n          },\n          onChange: taskInputChange,\n          onAddStep: addProcessStep\n        }\n      ]}\n      step={[\n        {\n          actions: [\n            {\n              text: 'Delete Step',\n              id: 'delete10',\n              icon: 'trash',\n              onClick: deleteProcessStep\n            }\n          ],\n          onChange: stepInputChange\n          // disabled: true\n        }\n      ]}\n      stage={{\n        actions: [\n          { text: 'Add Process', id: 'add1', onClick: addProcess },\n          { text: 'Add Parallel Process', id: 'add3', onClick: addParallelProcess },\n          { text: 'Add Alternate Stage', id: 'add2', onClick: onAddAlternateStage },\n          { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }\n        ],\n        onChange: onStageInputChange\n      }}\n      alternateStage={{\n        actions: [\n          { text: 'Add Process', id: 'add1', onClick: addProcess },\n          { text: 'Add Parallel Process', id: 'add3', onClick: addParallelProcess },\n          { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }\n        ],\n        onChange: onAlternateStageInputChange\n      }}\n      onAddStage={onAddStage}\n      onAddAlternateStage={onAddAlternateStage}\n    />\n  );\n};\n\nexport const EmptyWorkFlowView = () => {\n  const emptyState = {\n    activeElementId: '',\n    data: LifeCycleEmptyData\n  } as LifeCycleMockState;\n  const [emptyStateData, setEmptyStateData] = useState<LifeCycleMockState>(emptyState);\n\n  const addProcessStep = (stepData: LifeCycleActionParam) => {\n    const changedData = addStepCallback(stepData, emptyStateData);\n    setEmptyStateData(changedData);\n  };\n\n  const deleteProcessStep = (stepData: LifeCycleActionParam) => {\n    const changedData = deleteStepCallback(stepData, emptyStateData);\n    setEmptyStateData(changedData);\n  };\n\n  const addProcess = (taskData: LifeCycleActionParam) => {\n    const changedData = addTaskCallback(taskData, emptyStateData);\n    setEmptyStateData(changedData);\n  };\n\n  const addParallelProcess = (taskData: LifeCycleActionParam) => {\n    const changedData = addTaskCallback(taskData, emptyStateData, true);\n    setEmptyStateData(changedData);\n  };\n\n  const deleteProcess = (taskData: LifeCycleActionParam) => {\n    const changedData = deleteTaskCallback(taskData, emptyStateData);\n    setEmptyStateData(changedData);\n  };\n\n  const onAddStage = () => {\n    const changedData = addStageCallback(emptyStateData, 'stages');\n    setEmptyStateData(changedData);\n  };\n\n  const onAddAlternateStage = () => {\n    const changedData = addStageCallback(emptyStateData, 'alternateStages');\n    setEmptyStateData(changedData);\n  };\n\n  const stepInputChange = () => {\n    // console.log('step Input change');\n  };\n\n  const taskInputChange = () => {\n    // console.log('Task Input change', value);\n  };\n\n  const onStageInputChange = () => {\n    // console.log(stageArray);\n  };\n\n  const onAlternateStageInputChange = () => {};\n\n  const onDeleteStage: LifeCycleAction['onClick'] = param => {\n    const changedData = deleteStageCallback(param, emptyStateData);\n    if (changedData === 'firstStage') {\n      // eslint-disable-next-line no-alert\n      alert(\"you can't delete the create stage\");\n    } else {\n      setEmptyStateData(changedData);\n    }\n  };\n\n  useEffect(() => {\n    if (emptyStateData.activeElementId) {\n      const elementId: HTMLElement | null = document.getElementById(\n        `${emptyStateData.activeElementId}`\n      );\n      if (elementId) {\n        elementId.focus();\n      }\n    }\n  });\n\n  const stages = emptyStateData.data.stages as StageItemProps[];\n  const alternateStages: StageItemProps[] = emptyStateData.data.alternateStages;\n  const categories: CategoriesItemProps[] = LifeCycleEmptyData.categories;\n\n  return (\n    <LifeCycle\n      items={stages}\n      alternateItems={alternateStages}\n      categories={categories}\n      task={[\n        {\n          actions: [\n            { text: 'Add step', id: 'delete8', icon: 'plus', onClick: addProcessStep },\n            {\n              text: 'Delete Process',\n              id: 'delete9',\n              icon: 'trash',\n              onClick: deleteProcess\n            }\n          ],\n          addStepTitle: 'step',\n          addTask: {\n            title: 'Process',\n            showOnce: true,\n            onAddTask: addProcess\n          },\n          onChange: taskInputChange,\n          onAddStep: addProcessStep\n        }\n      ]}\n      step={[\n        {\n          actions: [\n            {\n              text: 'Delete Step',\n              id: 'delete10',\n              icon: 'trash',\n              onClick: deleteProcessStep\n            }\n          ],\n          onChange: stepInputChange\n        }\n      ]}\n      stage={{\n        actions: [\n          { text: 'Add Process', id: 'add1', onClick: addProcess },\n          { text: 'Add Parallel Process', id: 'add3', onClick: addParallelProcess },\n          { text: 'Add Alternate Stage', id: 'add2', onClick: onAddAlternateStage },\n          { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }\n        ],\n        onChange: onStageInputChange\n      }}\n      alternateStage={{\n        actions: [\n          { text: 'Add Process', id: 'add1', onClick: addProcess },\n          { text: 'Add Parallel Process', id: 'add3', onClick: addParallelProcess },\n          { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }\n        ],\n        onChange: onAlternateStageInputChange\n      }}\n      onAddStage={onAddStage}\n      onAddAlternateStage={onAddAlternateStage}\n    />\n  );\n};\n"]}