@pega/cosmos-react-demos 2.1.5 → 3.0.0-dev.10.1

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

@@ -1,7 +1,7 @@
 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 { LifeCycleEmptyData, LifeCycleEmptyPlanViewData, LifeCyclePlanViewData, LifeCycleWorkFlowData, planViewNodeLibrary, workFlowNodeLibrary } from './LifeCycle.mocks';
 import { addStepCallback, deleteStepCallback, addTaskCallback, deleteTaskCallback, addStageCallback, deleteStageCallback } from './utils';
 export default {
     title: 'Build/LifeCycle',
@@ -13,8 +13,23 @@ export const PlanView = () => {
         data: LifeCyclePlanViewData
     };
     const [planViewData, setPlanViewData] = useState(workFlowState);
-    const addStep = (stepData) => {
-        const changedData = addStepCallback(stepData, planViewData);
+    const addStep = (stepData, libItem) => {
+        const newStep = {
+            id: libItem.id,
+            label: libItem.primary,
+            visual: {
+                color: libItem.type.color,
+                icon: libItem.type.icon
+            },
+            error: '',
+            status: { label: '' }
+        };
+        const updatedTask = {
+            ...stepData.task,
+            steps: [...stepData.task.steps, newStep]
+        };
+        const updatedData = { ...stepData, task: updatedTask };
+        const changedData = addStepCallback(updatedData, planViewData);
         setPlanViewData(changedData);
     };
     const deleteStep = (stepData) => {
@@ -47,18 +62,10 @@ export const PlanView = () => {
             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 });
-    };
+    const onStepInputChange = () => { };
+    const onTaskInputChange = () => { };
+    const onStageInputChange = () => { };
+    const onAlternateStageInputChange = () => { };
     useEffect(() => {
         if (planViewData.activeElementId) {
             const elementId = document.getElementById(`${planViewData.activeElementId}`);
@@ -73,12 +80,17 @@ export const PlanView = () => {
     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
+                    },
+                    {
+                        text: 'Configure Process',
+                        id: 'share2',
+                        icon: 'share',
+                        onClick: () => { }
                     }
                 ],
                 addStepTitle: 'channels',
@@ -88,16 +100,22 @@ export const PlanView = () => {
                     onAddTask: addTask
                 },
                 onAddStep: addStep,
-                onChange: onTaskInputChange
+                onChange: onTaskInputChange,
+                nodeLibrary: planViewNodeLibrary
             },
             {
                 actions: [
-                    { text: 'Add step', id: 'delete3', icon: 'plus', onClick: addStep },
                     {
                         text: 'Delete task',
                         id: 'delete4',
                         icon: 'trash',
                         onClick: deleteTask
+                    },
+                    {
+                        text: 'Configure Process',
+                        id: 'share2',
+                        icon: 'share',
+                        onClick: () => { }
                     }
                 ],
                 addStepTitle: 'Data and Systems',
@@ -107,13 +125,14 @@ export const PlanView = () => {
                     onAddTask: addTask
                 },
                 onAddStep: addStep,
-                onChange: onTaskInputChange
+                onChange: onTaskInputChange,
+                nodeLibrary: planViewNodeLibrary
             }
         ], step: [
             {
                 actions: [
                     {
-                        text: 'Delete Step',
+                        text: 'Delete step',
                         id: 'delete5',
                         icon: 'trash',
                         onClick: deleteStep
@@ -124,7 +143,7 @@ export const PlanView = () => {
             {
                 actions: [
                     {
-                        text: 'Delete Step',
+                        text: 'Delete step',
                         id: 'delete6',
                         icon: 'trash',
                         onClick: deleteStep
@@ -141,7 +160,7 @@ export const PlanView = () => {
         }, alternateStage: {
             actions: [{ text: 'Delete Stage', id: 'delete11', icon: 'trash', onClick: onDeleteStage }],
             onChange: onAlternateStageInputChange
-        }, onAddStage: onAddStage, onAddAlternateStage: onAddAlternateStage }, void 0));
+        }, onAddStage: onAddStage, onAddAlternateStage: onAddAlternateStage }));
 };
 export const EmptyPlanView = () => {
     const emptyPlanView = {
@@ -149,8 +168,23 @@ export const EmptyPlanView = () => {
         data: LifeCycleEmptyPlanViewData
     };
     const [emptyplanViewData, setPlanViewData] = useState(emptyPlanView);
-    const addStep = (stepData) => {
-        const changedData = addStepCallback(stepData, emptyplanViewData);
+    const addStep = (stepData, libItem) => {
+        const newStep = {
+            id: libItem.id,
+            label: libItem.primary,
+            visual: {
+                color: libItem.type.color,
+                icon: libItem.type.icon
+            },
+            error: '',
+            status: { label: '' }
+        };
+        const updatedTask = {
+            ...stepData.task,
+            steps: [...stepData.task.steps, newStep]
+        };
+        const updatedData = { ...stepData, task: updatedTask };
+        const changedData = addStepCallback(updatedData, emptyplanViewData);
         setPlanViewData(changedData);
     };
     const deleteStep = (stepData) => {
@@ -183,18 +217,10 @@ export const EmptyPlanView = () => {
             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 });
-    };
+    const personaStepInputChange = () => { };
+    const personaTaskInputChange = () => { };
+    const onStageInputChange = () => { };
+    const onAlternateStageInputChange = () => { };
     useEffect(() => {
         if (emptyplanViewData.activeElementId) {
             const elementId = document.getElementById(`${emptyplanViewData.activeElementId}`);
@@ -209,7 +235,6 @@ export const EmptyPlanView = () => {
     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',
@@ -224,11 +249,11 @@ export const EmptyPlanView = () => {
                     onAddTask: addTask
                 },
                 onAddStep: addStep,
-                onChange: personaTaskInputChange
+                onChange: personaTaskInputChange,
+                nodeLibrary: planViewNodeLibrary
             },
             {
                 actions: [
-                    { text: 'Add step', id: 'delete3', icon: 'plus', onClick: addStep },
                     {
                         text: 'Delete task',
                         id: 'delete4',
@@ -243,13 +268,14 @@ export const EmptyPlanView = () => {
                     onAddTask: addTask
                 },
                 onAddStep: addStep,
-                onChange: personaTaskInputChange
+                onChange: personaTaskInputChange,
+                nodeLibrary: workFlowNodeLibrary
             }
         ], step: [
             {
                 actions: [
                     {
-                        text: 'Delete Step',
+                        text: 'Delete step',
                         id: 'delete5',
                         icon: 'trash',
                         onClick: deleteStep
@@ -260,7 +286,7 @@ export const EmptyPlanView = () => {
             {
                 actions: [
                     {
-                        text: 'Delete Step',
+                        text: 'Delete step',
                         id: 'delete6',
                         icon: 'trash',
                         onClick: deleteStep
@@ -277,7 +303,7 @@ export const EmptyPlanView = () => {
         }, alternateStage: {
             actions: [{ text: 'Delete Stage', id: 'delete11', icon: 'trash', onClick: onDeleteStage }],
             onChange: onAlternateStageInputChange
-        }, onAddStage: onAddStage, onAddAlternateStage: onAddAlternateStage }, void 0));
+        }, onAddStage: onAddStage, onAddAlternateStage: onAddAlternateStage }));
 };
 export const WorkFlowView = () => {
     const workFlowState = {
@@ -285,8 +311,23 @@ export const WorkFlowView = () => {
         data: LifeCycleWorkFlowData
     };
     const [workFlowData, setWorkFlowData] = useState(workFlowState);
-    const addProcessStep = (stepData) => {
-        const changedData = addStepCallback(stepData, workFlowData);
+    const addProcessStep = (stepData, libItem) => {
+        const newStep = {
+            id: libItem.id,
+            label: libItem.primary,
+            visual: {
+                color: libItem.type.color,
+                icon: libItem.type.icon
+            },
+            error: '',
+            status: { label: '' }
+        };
+        const updatedTask = {
+            ...stepData.task,
+            steps: [...stepData.task.steps, newStep]
+        };
+        const updatedData = { ...stepData, task: updatedTask };
+        const changedData = addStepCallback(updatedData, workFlowData);
         setWorkFlowData(changedData);
     };
     const deleteProcessStep = (stepData) => {
@@ -323,15 +364,15 @@ export const WorkFlowView = () => {
             setWorkFlowData(changedData);
         }
     };
-    const stepInputChange = () => {
-        // console.log('step Input change');
-    };
-    const taskInputChange = () => {
-        // console.log('Task Input change', value);
-    };
-    const onStageInputChange = () => {
-        // console.log(stageArray);
-    };
+    const stepInputFocus = () => { };
+    const stepInputBlur = () => { };
+    const stepInputChange = () => { };
+    const taskInputFocus = () => { };
+    const taskInputBlur = () => { };
+    const taskInputChange = () => { };
+    const onStageInputFocus = () => { };
+    const onStageInputBlur = () => { };
+    const onStageInputChange = () => { };
     const onAlternateStageInputChange = () => { };
     useEffect(() => {
         if (workFlowData.activeElementId) {
@@ -347,12 +388,17 @@ export const WorkFlowView = () => {
     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
+                    },
+                    {
+                        text: 'Configure Process',
+                        id: 'share2',
+                        icon: 'share',
+                        onClick: () => { }
                     }
                 ],
                 addStepTitle: 'step',
@@ -361,29 +407,56 @@ export const WorkFlowView = () => {
                     showOnce: true,
                     onAddTask: addProcess
                 },
+                onFocus: taskInputFocus,
+                onBlur: taskInputBlur,
                 onChange: taskInputChange,
-                onAddStep: addProcessStep
+                onAddStep: addProcessStep,
+                nodeLibrary: workFlowNodeLibrary
             }
         ], step: [
             {
                 actions: [
                     {
-                        text: 'Delete Step',
+                        text: 'Delete step',
                         id: 'delete10',
                         icon: 'trash',
                         onClick: deleteProcessStep
                     }
                 ],
+                onFocus: stepInputFocus,
+                onBlur: stepInputBlur,
                 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 }
-            ],
+            actions: {
+                start: [
+                    { text: 'Add Process', id: 'add1', onClick: addProcess },
+                    { text: 'Add Parallel Process', id: 'add3', onClick: addParallelProcess },
+                    { text: 'Add Alternate Stage', id: 'add2', onClick: onAddAlternateStage }
+                ],
+                default: [
+                    { 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 }
+                ],
+                'default-wait': [
+                    { text: 'Add Process', id: 'add1', onClick: addProcess },
+                    { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }
+                ],
+                resolution: [],
+                alternate: [
+                    { text: 'Add Process', id: 'add1', onClick: addProcess },
+                    { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }
+                ],
+                'alternate-wait': [
+                    { text: 'Add Process', id: 'add1', onClick: addProcess },
+                    { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }
+                ]
+            },
+            onFocus: onStageInputFocus,
+            onBlur: onStageInputBlur,
             onChange: onStageInputChange
         }, alternateStage: {
             actions: [
@@ -392,7 +465,7 @@ export const WorkFlowView = () => {
                 { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }
             ],
             onChange: onAlternateStageInputChange
-        }, onAddStage: onAddStage, onAddAlternateStage: onAddAlternateStage }, void 0));
+        }, onAddStage: onAddStage, onAddAlternateStage: onAddAlternateStage }));
 };
 export const EmptyWorkFlowView = () => {
     const emptyState = {
@@ -400,8 +473,23 @@ export const EmptyWorkFlowView = () => {
         data: LifeCycleEmptyData
     };
     const [emptyStateData, setEmptyStateData] = useState(emptyState);
-    const addProcessStep = (stepData) => {
-        const changedData = addStepCallback(stepData, emptyStateData);
+    const addProcessStep = (stepData, libItem) => {
+        const newStep = {
+            id: libItem.id,
+            label: libItem.primary,
+            visual: {
+                color: libItem.type.color,
+                icon: libItem.type.icon
+            },
+            error: '',
+            status: { label: '' }
+        };
+        const updatedTask = {
+            ...stepData.task,
+            steps: [...stepData.task.steps, newStep]
+        };
+        const updatedData = { ...stepData, task: updatedTask };
+        const changedData = addStepCallback(updatedData, emptyStateData);
         setEmptyStateData(changedData);
     };
     const deleteProcessStep = (stepData) => {
@@ -428,15 +516,9 @@ export const EmptyWorkFlowView = () => {
         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 stepInputChange = () => { };
+    const taskInputChange = () => { };
+    const onStageInputChange = () => { };
     const onAlternateStageInputChange = () => { };
     const onDeleteStage = param => {
         const changedData = deleteStageCallback(param, emptyStateData);
@@ -462,12 +544,17 @@ export const EmptyWorkFlowView = () => {
     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
+                    },
+                    {
+                        text: 'Configure Process',
+                        id: 'share2',
+                        icon: 'share',
+                        onClick: () => { }
                     }
                 ],
                 addStepTitle: 'step',
@@ -477,13 +564,14 @@ export const EmptyWorkFlowView = () => {
                     onAddTask: addProcess
                 },
                 onChange: taskInputChange,
-                onAddStep: addProcessStep
+                onAddStep: addProcessStep,
+                nodeLibrary: workFlowNodeLibrary
             }
         ], step: [
             {
                 actions: [
                     {
-                        text: 'Delete Step',
+                        text: 'Delete step',
                         id: 'delete10',
                         icon: 'trash',
                         onClick: deleteProcessStep
@@ -506,6 +594,6 @@ export const EmptyWorkFlowView = () => {
                 { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }
             ],
             onChange: onAlternateStageInputChange
-        }, onAddStage: onAddStage, onAddAlternateStage: onAddAlternateStage }, void 0));
+        }, onAddStage: onAddStage, onAddAlternateStage: onAddAlternateStage }));
 };
 //# sourceMappingURL=LifeCycle.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LifeCycle.stories.js","sourceRoot":"","sources":["../../../src/build/LifeCycle/LifeCycle.stories.tsx"],"names":[],"mappings":"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","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"]}
+{"version":3,"file":"LifeCycle.stories.js","sourceRoot":"","sources":["../../../src/build/LifeCycle/LifeCycle.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\nimport { Meta, Story } from '@storybook/react';\n\nimport {\n  LifeCycle,\n  StageItemProps,\n  CategoriesItemProps,\n  LifeCycleActionParam,\n  LifeCycleAction,\n  StepItemProps,\n  LibraryItem\n} from '@pega/cosmos-react-build';\n\nimport {\n  LifeCycleEmptyData,\n  LifeCycleEmptyPlanViewData,\n  LifeCyclePlanViewData,\n  LifeCycleWorkFlowData,\n  planViewNodeLibrary,\n  workFlowNodeLibrary\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} as Meta;\n\nexport const PlanView: Story = () => {\n  const workFlowState = {\n    activeElementId: '',\n    data: LifeCyclePlanViewData\n  } as LifeCycleMockState;\n  const [planViewData, setPlanViewData] = useState(workFlowState);\n\n  const addStep = (stepData: LifeCycleActionParam, libItem: LibraryItem) => {\n    const newStep: StepItemProps = {\n      id: libItem.id,\n      label: libItem.primary,\n      visual: {\n        color: libItem.type.color as StepItemProps['visual']['color'],\n        icon: libItem.type.icon\n      } as StepItemProps['visual'],\n      error: '',\n      status: { label: '' }\n    };\n    const updatedTask = {\n      ...stepData.task,\n      steps: [...stepData.task!.steps, newStep]\n    } as LifeCycleActionParam['task'];\n\n    const updatedData: LifeCycleActionParam = { ...stepData, task: updatedTask };\n\n    const changedData = addStepCallback(updatedData, 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\n  const onTaskInputChange = () => {};\n\n  const onStageInputChange = () => {};\n\n  const onAlternateStageInputChange = () => {};\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            {\n              text: 'Delete task',\n              id: 'delete2',\n              icon: 'trash',\n              onClick: deleteTask\n            },\n            {\n              text: 'Configure Process',\n              id: 'share2',\n              icon: 'share',\n              onClick: () => {}\n            }\n          ],\n          addStepTitle: 'channels',\n          addTask: {\n            title: 'Persona',\n            showOnce: false,\n            onAddTask: addTask\n          },\n          onAddStep: addStep,\n          onChange: onTaskInputChange,\n          nodeLibrary: planViewNodeLibrary\n        },\n        {\n          actions: [\n            {\n              text: 'Delete task',\n              id: 'delete4',\n              icon: 'trash',\n              onClick: deleteTask\n            },\n            {\n              text: 'Configure Process',\n              id: 'share2',\n              icon: 'share',\n              onClick: () => {}\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          nodeLibrary: planViewNodeLibrary\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: Story = () => {\n  const emptyPlanView = {\n    activeElementId: '',\n    data: LifeCycleEmptyPlanViewData\n  } as LifeCycleMockState;\n  const [emptyplanViewData, setPlanViewData] = useState(emptyPlanView);\n\n  const addStep = (stepData: LifeCycleActionParam, libItem: LibraryItem) => {\n    const newStep: StepItemProps = {\n      id: libItem.id,\n      label: libItem.primary,\n      visual: {\n        color: libItem.type.color as StepItemProps['visual']['color'],\n        icon: libItem.type.icon\n      } as StepItemProps['visual'],\n      error: '',\n      status: { label: '' }\n    };\n    const updatedTask = {\n      ...stepData.task,\n      steps: [...stepData.task!.steps, newStep]\n    } as LifeCycleActionParam['task'];\n\n    const updatedData: LifeCycleActionParam = { ...stepData, task: updatedTask };\n\n    const changedData = addStepCallback(updatedData, 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\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\n  const personaTaskInputChange = () => {};\n\n  const onStageInputChange = () => {};\n\n  const onAlternateStageInputChange = () => {};\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            {\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          nodeLibrary: planViewNodeLibrary\n        },\n        {\n          actions: [\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          nodeLibrary: workFlowNodeLibrary\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: Story = () => {\n  const workFlowState = {\n    activeElementId: '',\n    data: LifeCycleWorkFlowData\n  } as LifeCycleMockState;\n  const [workFlowData, setWorkFlowData] = useState(workFlowState);\n\n  const addProcessStep = (stepData: LifeCycleActionParam, libItem: LibraryItem) => {\n    const newStep: StepItemProps = {\n      id: libItem.id,\n      label: libItem.primary,\n      visual: {\n        color: libItem.type.color as StepItemProps['visual']['color'],\n        icon: libItem.type.icon\n      } as StepItemProps['visual'],\n      error: '',\n      status: { label: '' }\n    };\n    const updatedTask = {\n      ...stepData.task,\n      steps: [...stepData.task!.steps, newStep]\n    } as LifeCycleActionParam['task'];\n\n    const updatedData: LifeCycleActionParam = { ...stepData, task: updatedTask };\n\n    const changedData = addStepCallback(updatedData, 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 stepInputFocus = () => {};\n\n  const stepInputBlur = () => {};\n\n  const stepInputChange = () => {};\n\n  const taskInputFocus = () => {};\n\n  const taskInputBlur = () => {};\n\n  const taskInputChange = () => {};\n\n  const onStageInputFocus = () => {};\n\n  const onStageInputBlur = () => {};\n\n  const onStageInputChange = () => {};\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            {\n              text: 'Delete Process',\n              id: 'delete9',\n              icon: 'trash',\n              onClick: deleteProcess\n            },\n            {\n              text: 'Configure Process',\n              id: 'share2',\n              icon: 'share',\n              onClick: () => {}\n            }\n          ],\n          addStepTitle: 'step',\n          addTask: {\n            title: 'Process',\n            showOnce: true,\n            onAddTask: addProcess\n          },\n          onFocus: taskInputFocus,\n          onBlur: taskInputBlur,\n          onChange: taskInputChange,\n          onAddStep: addProcessStep,\n          nodeLibrary: workFlowNodeLibrary\n        }\n      ]}\n      step={[\n        {\n          actions: [\n            {\n              text: 'Delete step',\n              id: 'delete10',\n              icon: 'trash',\n              onClick: deleteProcessStep\n            }\n          ],\n          onFocus: stepInputFocus,\n          onBlur: stepInputBlur,\n          onChange: stepInputChange\n          // disabled: true\n        }\n      ]}\n      stage={{\n        actions: {\n          start: [\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          ],\n          default: [\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          'default-wait': [\n            { text: 'Add Process', id: 'add1', onClick: addProcess },\n            { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }\n          ],\n          resolution: [],\n          alternate: [\n            { text: 'Add Process', id: 'add1', onClick: addProcess },\n            { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }\n          ],\n          'alternate-wait': [\n            { text: 'Add Process', id: 'add1', onClick: addProcess },\n            { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }\n          ]\n        },\n        onFocus: onStageInputFocus,\n        onBlur: onStageInputBlur,\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: Story = () => {\n  const emptyState = {\n    activeElementId: '',\n    data: LifeCycleEmptyData\n  } as LifeCycleMockState;\n  const [emptyStateData, setEmptyStateData] = useState<LifeCycleMockState>(emptyState);\n\n  const addProcessStep = (stepData: LifeCycleActionParam, libItem: LibraryItem) => {\n    const newStep: StepItemProps = {\n      id: libItem.id,\n      label: libItem.primary,\n      visual: {\n        color: libItem.type.color as StepItemProps['visual']['color'],\n        icon: libItem.type.icon\n      } as StepItemProps['visual'],\n      error: '',\n      status: { label: '' }\n    };\n    const updatedTask = {\n      ...stepData.task,\n      steps: [...stepData.task!.steps, newStep]\n    } as LifeCycleActionParam['task'];\n\n    const updatedData: LifeCycleActionParam = { ...stepData, task: updatedTask };\n\n    const changedData = addStepCallback(updatedData, 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\n  const taskInputChange = () => {};\n\n  const onStageInputChange = () => {};\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            {\n              text: 'Delete Process',\n              id: 'delete9',\n              icon: 'trash',\n              onClick: deleteProcess\n            },\n            {\n              text: 'Configure Process',\n              id: 'share2',\n              icon: 'share',\n              onClick: () => {}\n            }\n          ],\n          addStepTitle: 'step',\n          addTask: {\n            title: 'Process',\n            showOnce: true,\n            onAddTask: addProcess\n          },\n          onChange: taskInputChange,\n          onAddStep: addProcessStep,\n          nodeLibrary: workFlowNodeLibrary\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"]}