@pega/cosmos-react-demos 2.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"LifeCycle.stories.jsx","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"]}

package/lib/build/LifeCycle/utils.d.ts

@@ -0,0 +1,65 @@
+import { StageItemProps, LifeCycleActionParam, CategoriesItemProps } from '@pega/cosmos-react-build';
+export interface LifeCycleMockState {
+    activeElementId: string;
+    data: {
+        id: string;
+        categories: CategoriesItemProps[];
+        stages: StageItemProps[];
+        alternateStages: StageItemProps[];
+    };
+}
+export declare const addStepCallback: (data: LifeCycleActionParam, lifecycleData: LifeCycleMockState) => {
+    activeElementId: string;
+    data: {
+        id: string;
+        categories: CategoriesItemProps[];
+        stages: StageItemProps[];
+        alternateStages: StageItemProps[];
+    };
+};
+export declare const deleteStepCallback: (data: LifeCycleActionParam, lifecycleData: LifeCycleMockState) => {
+    activeElementId: string;
+    data: {
+        id: string;
+        categories: CategoriesItemProps[];
+        stages: StageItemProps[];
+        alternateStages: StageItemProps[];
+    };
+};
+export declare const addTaskCallback: (data: LifeCycleActionParam, lifecycleData: LifeCycleMockState, parallel?: boolean) => {
+    activeElementId: string;
+    data: {
+        id: string;
+        categories: CategoriesItemProps[];
+        stages: StageItemProps[];
+        alternateStages: StageItemProps[];
+    };
+};
+export declare const deleteTaskCallback: (data: LifeCycleActionParam, lifecycleData: LifeCycleMockState) => {
+    activeElementId: string;
+    data: {
+        id: string;
+        categories: CategoriesItemProps[];
+        stages: StageItemProps[];
+        alternateStages: StageItemProps[];
+    };
+};
+export declare const addStageCallback: (lifecycleData: LifeCycleMockState, stageType: 'stages' | 'alternateStages') => {
+    activeElementId: string;
+    data: {
+        id: string;
+        categories: CategoriesItemProps[];
+        stages: StageItemProps[];
+        alternateStages: StageItemProps[];
+    };
+};
+export declare const deleteStageCallback: (data: LifeCycleActionParam, lifecycleData: LifeCycleMockState) => "firstStage" | {
+    activeElementId: string;
+    data: {
+        id: string;
+        categories: CategoriesItemProps[];
+        stages: StageItemProps[];
+        alternateStages: StageItemProps[];
+    };
+};
+//# sourceMappingURL=utils.d.ts.map

package/lib/build/LifeCycle/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/build/LifeCycle/utils.ts"],"names":[],"mappings":"AACA,OAAO,EACL,cAAc,EAGd,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,0BAA0B,CAAC;AAElC,MAAM,WAAW,kBAAkB;IACjC,eAAe,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE;QACJ,EAAE,EAAE,MAAM,CAAC;QACX,UAAU,EAAE,mBAAmB,EAAE,CAAC;QAClC,MAAM,EAAE,cAAc,EAAE,CAAC;QACzB,eAAe,EAAE,cAAc,EAAE,CAAC;KACnC,CAAC;CACH;AAMD,eAAO,MAAM,eAAe,SAAU,oBAAoB,iBAAiB,kBAAkB;qBAb1E,MAAM;UACjB;QACJ,EAAE,EAAE,MAAM,CAAC;QACX,UAAU,EAAE,mBAAmB,EAAE,CAAC;QAClC,MAAM,EAAE,cAAc,EAAE,CAAC;QACzB,eAAe,EAAE,cAAc,EAAE,CAAC;KACnC;CA4CF,CAAC;AAEF,eAAO,MAAM,kBAAkB,SACvB,oBAAoB,iBACX,kBAAkB;qBAtDhB,MAAM;UACjB;QACJ,EAAE,EAAE,MAAM,CAAC;QACX,UAAU,EAAE,mBAAmB,EAAE,CAAC;QAClC,MAAM,EAAE,cAAc,EAAE,CAAC;QACzB,eAAe,EAAE,cAAc,EAAE,CAAC;KACnC;CAoFF,CAAC;AAEF,eAAO,MAAM,eAAe,SACpB,oBAAoB,iBACX,kBAAkB,aACvB,OAAO;qBA/FA,MAAM;UACjB;QACJ,EAAE,EAAE,MAAM,CAAC;QACX,UAAU,EAAE,mBAAmB,EAAE,CAAC;QAClC,MAAM,EAAE,cAAc,EAAE,CAAC;QACzB,eAAe,EAAE,cAAc,EAAE,CAAC;KACnC;CA+HF,CAAC;AAEF,eAAO,MAAM,kBAAkB,SACvB,oBAAoB,iBACX,kBAAkB;qBAzIhB,MAAM;UACjB;QACJ,EAAE,EAAE,MAAM,CAAC;QACX,UAAU,EAAE,mBAAmB,EAAE,CAAC;QAClC,MAAM,EAAE,cAAc,EAAE,CAAC;QACzB,eAAe,EAAE,cAAc,EAAE,CAAC;KACnC;CAsKF,CAAC;AAEF,eAAO,MAAM,gBAAgB,kBACZ,kBAAkB,aACtB,QAAQ,GAAG,iBAAiB;qBAhLtB,MAAM;UACjB;QACJ,EAAE,EAAE,MAAM,CAAC;QACX,UAAU,EAAE,mBAAmB,EAAE,CAAC;QAClC,MAAM,EAAE,cAAc,EAAE,CAAC;QACzB,eAAe,EAAE,cAAc,EAAE,CAAC;KACnC;CAuNF,CAAC;AAEF,eAAO,MAAM,mBAAmB,SACxB,oBAAoB,iBACX,kBAAkB;qBAjOhB,MAAM;UACjB;QACJ,EAAE,EAAE,MAAM,CAAC;QACX,UAAU,EAAE,mBAAmB,EAAE,CAAC;QAClC,MAAM,EAAE,cAAc,EAAE,CAAC;QACzB,eAAe,EAAE,cAAc,EAAE,CAAC;KACnC;CA4OF,CAAC"}

package/lib/build/LifeCycle/utils.js

@@ -0,0 +1,218 @@
+import { createUID } from '@pega/cosmos-react-core';
+const getStage = (data) => {
+    return data.stage?.type === 'alternate' ? 'alternateStages' : 'stages';
+};
+export const addStepCallback = (data, lifecycleData) => {
+    const elementID = createUID();
+    const stepEmptydata = {
+        id: elementID,
+        label: '',
+        visual: {
+            imgurl: '',
+            icon: 'information',
+            color: 'congressBlue',
+            label: 'Info'
+        },
+        error: '',
+        status: { label: '', type: '' }
+    };
+    const stagetype = getStage(data);
+    const dataClone = { ...lifecycleData };
+    dataClone.activeElementId = elementID;
+    dataClone.data[stagetype].forEach((stageItems) => {
+        if (stageItems.id === data.stage?.id) {
+            stageItems.categories.forEach(categoryItem => {
+                if (categoryItem.categoryId === data.category?.categoryId) {
+                    categoryItem.tasks.forEach(taskItem => {
+                        if (Array.isArray(taskItem)) {
+                            taskItem.forEach(item => {
+                                if (item.id === data?.task?.id) {
+                                    item.steps.push(stepEmptydata);
+                                }
+                            });
+                        }
+                        else if (taskItem.id === data?.task?.id) {
+                            taskItem.steps.push(stepEmptydata);
+                        }
+                    });
+                }
+            });
+        }
+    });
+    return dataClone;
+};
+export const deleteStepCallback = (data, lifecycleData) => {
+    const stagetype = getStage(data);
+    const dataClone = { ...lifecycleData };
+    dataClone.data[stagetype].forEach((stageItems) => {
+        if (stageItems.id === data.stage?.id) {
+            stageItems.categories.forEach(categoryItem => {
+                if (categoryItem.categoryId === data.category?.categoryId) {
+                    let stepIndex = 0;
+                    categoryItem.tasks.forEach(taskItem => {
+                        if (Array.isArray(taskItem)) {
+                            taskItem.forEach((item) => {
+                                if (item.id === data.task?.id) {
+                                    item.steps.forEach((stepItem, index) => {
+                                        if (stepItem.id === data.step?.id) {
+                                            stepIndex = index;
+                                        }
+                                    });
+                                    item.steps.splice(stepIndex, 1);
+                                }
+                            });
+                        }
+                        else if (taskItem.id === data.task?.id) {
+                            taskItem.steps.forEach((stepItem, index) => {
+                                if (stepItem.id === data.step?.id) {
+                                    stepIndex = index;
+                                }
+                            });
+                            taskItem.steps.splice(stepIndex, 1);
+                        }
+                    });
+                }
+            });
+        }
+    });
+    dataClone.activeElementId = '';
+    return dataClone;
+};
+export const addTaskCallback = (data, lifecycleData, parallel = false) => {
+    const elementID = createUID();
+    let imgurl = '';
+    if (data.stage && data.stage.categories.length > 1) {
+        imgurl = 'https://pbs.twimg.com/profile_images/824369446798106628/_biA5GRt_400x400.jpg';
+    }
+    const taskEmptydata = {
+        id: elementID,
+        label: '',
+        visual: {
+            imgurl
+        },
+        error: '',
+        steps: []
+    };
+    const stagetype = getStage(data);
+    const dataClone = { ...lifecycleData };
+    const stageItems = dataClone.data[stagetype];
+    dataClone.activeElementId = elementID;
+    stageItems.forEach((stageItem) => {
+        if (stageItem.id === data.stage?.id) {
+            if (stageItem.categories.length > 1) {
+                stageItem.categories.forEach(categoryItem => {
+                    const tasks = categoryItem.tasks;
+                    if (categoryItem.categoryId === data.category?.categoryId) {
+                        tasks.push(taskEmptydata);
+                    }
+                });
+            }
+            else if (parallel || stageItem.categories[0].tasks.length === 0) {
+                stageItem.categories[0].tasks.push([taskEmptydata]);
+            }
+            else {
+                stageItem.categories[0].tasks[0].push(taskEmptydata);
+            }
+        }
+    });
+    return dataClone;
+};
+export const deleteTaskCallback = (data, lifecycleData) => {
+    const stagetype = getStage(data);
+    const dataClone = { ...lifecycleData };
+    dataClone.data[stagetype].forEach((stageItems) => {
+        if (stageItems.id === data.stage?.id) {
+            stageItems.categories.forEach(categoryItem => {
+                if (categoryItem.categoryId === data.category?.categoryId) {
+                    let taskIndex;
+                    categoryItem.tasks.forEach((taskItem, taskItemIndex) => {
+                        if (Array.isArray(taskItem)) {
+                            taskItem.forEach((item, index) => {
+                                if (item.id === data?.task?.id) {
+                                    taskIndex = index;
+                                }
+                            });
+                            if (Array.isArray(categoryItem.tasks[0]) &&
+                                categoryItem.tasks[0].length > 1 &&
+                                taskIndex) {
+                                categoryItem.tasks[0].splice(taskIndex, 1);
+                            }
+                            else if (taskItem[0].id === data?.task?.id) {
+                                categoryItem.tasks.splice(taskItemIndex, 1);
+                            }
+                        }
+                        else if (taskItem.id === data?.task?.id) {
+                            categoryItem.tasks.splice(taskItemIndex, 1);
+                        }
+                    });
+                }
+            });
+        }
+    });
+    dataClone.activeElementId = '';
+    return dataClone;
+};
+export const addStageCallback = (lifecycleData, stageType) => {
+    let type = '';
+    if (stageType === 'stages') {
+        type = 'default';
+    }
+    else {
+        type = 'alternate';
+    }
+    let categoryArray = [];
+    const elementID = createUID();
+    const personaCategoryID = createUID();
+    if (lifecycleData.data.categories.length === 0) {
+        categoryArray = [
+            {
+                id: personaCategoryID,
+                categoryId: 'Category1',
+                tasks: []
+            }
+        ];
+    }
+    else {
+        const dataCategoryID = createUID();
+        categoryArray = [
+            {
+                id: personaCategoryID,
+                categoryId: 'Category1',
+                tasks: []
+            },
+            {
+                id: dataCategoryID,
+                categoryId: 'Category2',
+                tasks: []
+            }
+        ];
+    }
+    const stagedata = {
+        id: elementID,
+        label: '',
+        type,
+        error: '',
+        categories: categoryArray
+    };
+    const dataClone = { ...lifecycleData };
+    dataClone.activeElementId = elementID;
+    dataClone.data[stageType].push(stagedata);
+    return dataClone;
+};
+export const deleteStageCallback = (data, lifecycleData) => {
+    const stagetype = getStage(data);
+    const dataClone = { ...lifecycleData };
+    let stageIndex = 0;
+    dataClone.data[stagetype].forEach((stageItem, index) => {
+        if (stageItem.id === data?.stage?.id) {
+            stageIndex = index;
+        }
+    });
+    if (stageIndex === 0 && stagetype !== 'alternateStages') {
+        return 'firstStage';
+    }
+    dataClone.activeElementId = '';
+    dataClone.data[stagetype].splice(stageIndex, 1);
+    return dataClone;
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/build/LifeCycle/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { createUID } from '@pega/cosmos-react-core';\nimport {\n  StageItemProps,\n  StepItemProps,\n  TaskItemProps,\n  LifeCycleActionParam,\n  CategoriesItemProps\n} from '@pega/cosmos-react-build';\n\nexport interface LifeCycleMockState {\n  activeElementId: string;\n  data: {\n    id: string;\n    categories: CategoriesItemProps[];\n    stages: StageItemProps[];\n    alternateStages: StageItemProps[];\n  };\n}\n\nconst getStage = (data: LifeCycleActionParam) => {\n  return data.stage?.type === 'alternate' ? 'alternateStages' : 'stages';\n};\n\nexport const addStepCallback = (data: LifeCycleActionParam, lifecycleData: LifeCycleMockState) => {\n  const elementID: string = createUID();\n  const stepEmptydata: StepItemProps = {\n    id: elementID,\n    label: '',\n    visual: {\n      imgurl: '',\n      icon: 'information',\n      color: 'congressBlue',\n      label: 'Info'\n    },\n    error: '',\n    status: { label: '', type: '' }\n  };\n  const stagetype = getStage(data);\n  const dataClone = { ...lifecycleData };\n  dataClone.activeElementId = elementID;\n  dataClone.data[stagetype].forEach((stageItems: StageItemProps) => {\n    if (stageItems.id === data.stage?.id) {\n      stageItems.categories.forEach(categoryItem => {\n        if (categoryItem.categoryId === data.category?.categoryId) {\n          categoryItem.tasks.forEach(taskItem => {\n            if (Array.isArray(taskItem)) {\n              taskItem.forEach(item => {\n                if (item.id === data?.task?.id) {\n                  item.steps.push(stepEmptydata);\n                }\n              });\n            } else if (taskItem.id === data?.task?.id) {\n              taskItem.steps.push(stepEmptydata);\n            }\n          });\n        }\n      });\n    }\n  });\n  return dataClone;\n};\n\nexport const deleteStepCallback = (\n  data: LifeCycleActionParam,\n  lifecycleData: LifeCycleMockState\n) => {\n  const stagetype = getStage(data);\n  const dataClone = { ...lifecycleData };\n  dataClone.data[stagetype].forEach((stageItems: StageItemProps) => {\n    if (stageItems.id === data.stage?.id) {\n      stageItems.categories.forEach(categoryItem => {\n        if (categoryItem.categoryId === data.category?.categoryId) {\n          let stepIndex = 0;\n          categoryItem.tasks.forEach(taskItem => {\n            if (Array.isArray(taskItem)) {\n              taskItem.forEach((item: TaskItemProps) => {\n                if (item.id === data.task?.id) {\n                  item.steps.forEach((stepItem: StepItemProps, index: number) => {\n                    if (stepItem.id === data.step?.id) {\n                      stepIndex = index;\n                    }\n                  });\n                  item.steps.splice(stepIndex, 1);\n                }\n              });\n            } else if (taskItem.id === data.task?.id) {\n              taskItem.steps.forEach((stepItem: StepItemProps, index: number) => {\n                if (stepItem.id === data.step?.id) {\n                  stepIndex = index;\n                }\n              });\n              taskItem.steps.splice(stepIndex, 1);\n            }\n          });\n        }\n      });\n    }\n  });\n  dataClone.activeElementId = '';\n  return dataClone;\n};\n\nexport const addTaskCallback = (\n  data: LifeCycleActionParam,\n  lifecycleData: LifeCycleMockState,\n  parallel: boolean = false\n) => {\n  const elementID: string = createUID();\n  let imgurl = '';\n  if (data.stage && data.stage.categories.length > 1) {\n    imgurl = 'https://pbs.twimg.com/profile_images/824369446798106628/_biA5GRt_400x400.jpg';\n  }\n  const taskEmptydata: TaskItemProps = {\n    id: elementID,\n    label: '',\n    visual: {\n      imgurl\n    },\n    error: '',\n    steps: []\n  };\n\n  const stagetype = getStage(data);\n  const dataClone = { ...lifecycleData };\n  const stageItems = dataClone.data[stagetype];\n  dataClone.activeElementId = elementID;\n  stageItems.forEach((stageItem: StageItemProps) => {\n    if (stageItem.id === data.stage?.id) {\n      if (stageItem.categories.length > 1) {\n        stageItem.categories.forEach(categoryItem => {\n          const tasks = categoryItem.tasks as TaskItemProps[];\n          if (categoryItem.categoryId === data.category?.categoryId) {\n            tasks.push(taskEmptydata);\n          }\n        });\n      } else if (parallel || stageItem.categories[0].tasks.length === 0) {\n        (stageItem.categories[0].tasks as TaskItemProps[][]).push([taskEmptydata]);\n      } else {\n        (stageItem.categories[0].tasks[0] as TaskItemProps[]).push(taskEmptydata);\n      }\n    }\n  });\n  return dataClone;\n};\n\nexport const deleteTaskCallback = (\n  data: LifeCycleActionParam,\n  lifecycleData: LifeCycleMockState\n) => {\n  const stagetype = getStage(data);\n  const dataClone = { ...lifecycleData };\n  dataClone.data[stagetype].forEach((stageItems: StageItemProps) => {\n    if (stageItems.id === data.stage?.id) {\n      stageItems.categories.forEach(categoryItem => {\n        if (categoryItem.categoryId === data.category?.categoryId) {\n          let taskIndex: number;\n          categoryItem.tasks.forEach((taskItem, taskItemIndex: number) => {\n            if (Array.isArray(taskItem)) {\n              taskItem.forEach((item, index: number) => {\n                if (item.id === data?.task?.id) {\n                  taskIndex = index;\n                }\n              });\n              if (\n                Array.isArray(categoryItem.tasks[0]) &&\n                categoryItem.tasks[0].length > 1 &&\n                taskIndex\n              ) {\n                categoryItem.tasks[0].splice(taskIndex, 1);\n              } else if (taskItem[0].id === data?.task?.id) {\n                categoryItem.tasks.splice(taskItemIndex, 1);\n              }\n            } else if (taskItem.id === data?.task?.id) {\n              categoryItem.tasks.splice(taskItemIndex, 1);\n            }\n          });\n        }\n      });\n    }\n  });\n  dataClone.activeElementId = '';\n  return dataClone;\n};\n\nexport const addStageCallback = (\n  lifecycleData: LifeCycleMockState,\n  stageType: 'stages' | 'alternateStages'\n) => {\n  let type = '';\n  if (stageType === 'stages') {\n    type = 'default';\n  } else {\n    type = 'alternate';\n  }\n  let categoryArray = [];\n  const elementID = createUID();\n  const personaCategoryID = createUID();\n  if (lifecycleData.data.categories.length === 0) {\n    categoryArray = [\n      {\n        id: personaCategoryID,\n        categoryId: 'Category1',\n        tasks: []\n      }\n    ];\n  } else {\n    const dataCategoryID = createUID();\n    categoryArray = [\n      {\n        id: personaCategoryID,\n        categoryId: 'Category1',\n        tasks: []\n      },\n      {\n        id: dataCategoryID,\n        categoryId: 'Category2',\n        tasks: []\n      }\n    ];\n  }\n  const stagedata = {\n    id: elementID,\n    label: '',\n    type,\n    error: '',\n    categories: categoryArray\n  } as StageItemProps;\n  const dataClone = { ...lifecycleData };\n  dataClone.activeElementId = elementID;\n  dataClone.data[stageType].push(stagedata);\n  return dataClone;\n};\n\nexport const deleteStageCallback = (\n  data: LifeCycleActionParam,\n  lifecycleData: LifeCycleMockState\n) => {\n  const stagetype = getStage(data);\n  const dataClone = { ...lifecycleData };\n  let stageIndex = 0;\n  dataClone.data[stagetype].forEach((stageItem: StageItemProps, index: number) => {\n    if (stageItem.id === data?.stage?.id) {\n      stageIndex = index;\n    }\n  });\n  if (stageIndex === 0 && stagetype !== 'alternateStages') {\n    return 'firstStage';\n  }\n  dataClone.activeElementId = '';\n  dataClone.data[stagetype].splice(stageIndex, 1);\n\n  return dataClone;\n};\n"]}

package/lib/build/PageTemplates/GalleryPage.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, Story } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+interface GalleryPageArgs {
+    bannerHeading: string;
+    bannerDescription: string;
+    showEmptyState: boolean;
+    emptyStateHeading: string;
+    emptyStateDescription: string;
+}
+export declare const AppShellWithGalleryPage: Story<GalleryPageArgs>;
+//# sourceMappingURL=GalleryPage.stories.d.ts.map

package/lib/build/PageTemplates/GalleryPage.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryPage.stories.d.ts","sourceRoot":"","sources":["../../../src/build/PageTemplates/GalleryPage.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;;AAO/C,wBAMU;AAEV,UAAU,eAAe;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,qBAAqB,EAAE,MAAM,CAAC;CAC/B;AAwGD,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,eAAe,CAsB1D,CAAC"}

package/lib/build/PageTemplates/GalleryPage.stories.jsx

@@ -0,0 +1,126 @@
+import { action } from '@storybook/addon-actions';
+import { createUID, range, Status } from '@pega/cosmos-react-core';
+import { AppShell, GalleryPage } from '@pega/cosmos-react-build';
+export default {
+    title: 'Build/GalleryPage',
+    component: GalleryPage,
+    parameters: {
+        layout: 'fullscreen'
+    }
+};
+const appHeader = {
+    brand: {
+        name: 'AppStudioX'
+    },
+    utils: {
+        avatar: { name: 'Alan' },
+        search: {
+            placeholder: 'Search anything, anywhere…'
+        },
+        branchName: 'test',
+        actions: [
+            {
+                primary: 'Switch branch',
+                id: 'switchbranch',
+                onClick: () => { }
+            },
+            {
+                primary: 'Create branch',
+                id: 'createbranch',
+                onClick: () => { }
+            }
+        ]
+    },
+    links: [
+        {
+            id: '1',
+            name: 'Applications',
+            onClick: () => { }
+        },
+        {
+            id: '2',
+            name: 'Shared resources',
+            onClick: () => { }
+        },
+        {
+            id: '3',
+            name: 'Teams',
+            onClick: () => { }
+        },
+        {
+            id: '4',
+            name: 'AI & Analytics',
+            onClick: () => { }
+        },
+        {
+            id: '5',
+            name: 'Deploy',
+            onClick: () => { }
+        }
+    ]
+};
+const getOverviewCardData = () => {
+    return range(1, 14).map(num => ({
+        id: createUID(),
+        title: num % 2 !== 0
+            ? `Application ${num}`
+            : `Application ${num} with long name to simulate ellipsis`,
+        description: num % 2 !== 0
+            ? `Description for application with id ${num}`
+            : `Long Description for application with id ${num} to simulate ellipsis in the application description in stories`,
+        meta: [<Status variant='success'>in production</Status>, '1.0.0'],
+        visual: num % 2 !== 0
+            ? {
+                icon: {
+                    name: 'phone-in-solid',
+                    bgColor: '#0ac7c8'
+                }
+            }
+            : {
+                image: {
+                    src: 'https://www.pega.com/sites/default/files/styles/2560/public/media/images/2019-01/pega-logo_0.png',
+                    alt: 'Image for the card summary'
+                }
+            }
+    }));
+};
+const GalleryPageDemo = ({ args }) => (<GalleryPage heading={args.bannerHeading} description={args.bannerDescription} image={{
+        src: 'https://www.pega.com/sites/default/files/styles/2560/public/media/images/2019-01/pega-logo_0.png',
+        alt: 'Image for the banner'
+    }} items={args.showEmptyState ? [] : getOverviewCardData()} emptyState={{
+        heading: args.emptyStateHeading,
+        description: args.emptyStateDescription
+    }} action={{
+        text: 'New application',
+        onClick: action('Clicked New application button')
+    }} onItemClick={action('Clicked interactive card')}/>);
+export const AppShellWithGalleryPage = (args) => {
+    return (<AppShell navigation={{
+            nodes: [],
+            currentNodeId: '1',
+            onNodeClick: () => { }
+        }} appInfo={{
+            text: 'U+ Desk',
+            visual: {
+                icon: {
+                    name: 'phone-in-solid',
+                    bgColor: '#0ac7c8'
+                }
+            }
+        }} appHeader={appHeader} main={<GalleryPageDemo args={args}/>} hideNav/>);
+};
+AppShellWithGalleryPage.args = {
+    bannerHeading: 'Applications',
+    bannerDescription: 'Edit or create new applications',
+    showEmptyState: false,
+    emptyStateHeading: 'Create your first application',
+    emptyStateDescription: "You're on your way to creating your first professional application."
+};
+AppShellWithGalleryPage.argTypes = {
+    bannerHeading: { control: { type: 'text' } },
+    bannerDescription: { control: { type: 'text' } },
+    showEmptyState: { control: { type: 'boolean' } },
+    emptyStateHeading: { control: { type: 'text' } },
+    emptyStateDescription: { control: { type: 'text' } }
+};
+//# sourceMappingURL=GalleryPage.stories.jsx.map

package/lib/build/PageTemplates/GalleryPage.stories.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryPage.stories.jsx","sourceRoot":"","sources":["../../../src/build/PageTemplates/GalleryPage.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAGlD,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEjE,eAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;CACM,CAAC;AAUV,MAAM,SAAS,GAAG;IAChB,KAAK,EAAE;QACL,IAAI,EAAE,YAAY;KACnB;IACD,KAAK,EAAE;QACL,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;QACxB,MAAM,EAAE;YACN,WAAW,EAAE,4BAA4B;SAC1C;QACD,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE;YACP;gBACE,OAAO,EAAE,eAAe;gBACxB,EAAE,EAAE,cAAc;gBAClB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;aAClB;YACD;gBACE,OAAO,EAAE,eAAe;gBACxB,EAAE,EAAE,cAAc;gBAClB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;aAClB;SACF;KACF;IACD,KAAK,EAAE;QACL;YACE,EAAE,EAAE,GAAG;YACP,IAAI,EAAE,cAAc;YACpB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;SAClB;QACD;YACE,EAAE,EAAE,GAAG;YACP,IAAI,EAAE,kBAAkB;YACxB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;SAClB;QACD;YACE,EAAE,EAAE,GAAG;YACP,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;SAClB;QACD;YACE,EAAE,EAAE,GAAG;YACP,IAAI,EAAE,gBAAgB;YACtB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;SAClB;QACD;YACE,EAAE,EAAE,GAAG;YACP,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;SAClB;KACF;CACF,CAAC;AAEF,MAAM,mBAAmB,GAAG,GAAG,EAAE;IAC/B,OAAO,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAC9B,EAAE,EAAE,SAAS,EAAE;QACf,KAAK,EACH,GAAG,GAAG,CAAC,KAAK,CAAC;YACX,CAAC,CAAC,eAAe,GAAG,EAAE;YACtB,CAAC,CAAC,eAAe,GAAG,sCAAsC;QAC9D,WAAW,EACT,GAAG,GAAG,CAAC,KAAK,CAAC;YACX,CAAC,CAAC,uCAAuC,GAAG,EAAE;YAC9C,CAAC,CAAC,4CAA4C,GAAG,iEAAiE;QACtH,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,aAAa,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC;QACjE,MAAM,EACJ,GAAG,GAAG,CAAC,KAAK,CAAC;YACX,CAAC,CAAC;gBACE,IAAI,EAAE;oBACJ,IAAI,EAAE,gBAAgB;oBACtB,OAAO,EAAE,SAAS;iBACnB;aACF;YACH,CAAC,CAAC;gBACE,KAAK,EAAE;oBACL,GAAG,EAAE,kGAAkG;oBACvG,GAAG,EAAE,4BAA4B;iBAClC;aACF;KACR,CAAC,CAAC,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,eAAe,GAAkC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACnE,CAAC,WAAW,CACV,OAAO,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAC5B,WAAW,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,CACpC,KAAK,CAAC,CAAC;QACL,GAAG,EAAE,kGAAkG;QACvG,GAAG,EAAE,sBAAsB;KAC5B,CAAC,CACF,KAAK,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB,EAAE,CAAC,CACxD,UAAU,CAAC,CAAC;QACV,OAAO,EAAE,IAAI,CAAC,iBAAiB;QAC/B,WAAW,EAAE,IAAI,CAAC,qBAAqB;KACxC,CAAC,CACF,MAAM,CAAC,CAAC;QACN,IAAI,EAAE,iBAAiB;QACvB,OAAO,EAAE,MAAM,CAAC,gCAAgC,CAAC;KAClD,CAAC,CACF,WAAW,CAAC,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,EAChD,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAA2B,CAAC,IAAqB,EAAE,EAAE;IACvF,OAAO,CACL,CAAC,QAAQ,CACP,UAAU,CAAC,CAAC;YACV,KAAK,EAAE,EAAE;YACT,aAAa,EAAE,GAAG;YAClB,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;SACtB,CAAC,CACF,OAAO,CAAC,CAAC;YACP,IAAI,EAAE,SAAS;YACf,MAAM,EAAE;gBACN,IAAI,EAAE;oBACJ,IAAI,EAAE,gBAAgB;oBACtB,OAAO,EAAE,SAAS;iBACnB;aACF;SACF,CAAC,CACF,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAG,CAAC,CACtC,OAAO,EACP,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,uBAAuB,CAAC,IAAI,GAAG;IAC7B,aAAa,EAAE,cAAc;IAC7B,iBAAiB,EAAE,iCAAiC;IACpD,cAAc,EAAE,KAAK;IACrB,iBAAiB,EAAE,+BAA+B;IAClD,qBAAqB,EAAE,qEAAqE;CAC7F,CAAC;AAEF,uBAAuB,CAAC,QAAQ,GAAG;IACjC,aAAa,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAC5C,iBAAiB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAChD,cAAc,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAChD,iBAAiB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAChD,qBAAqB,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;CACrD,CAAC","sourcesContent":["import { Meta, Story } from '@storybook/react';\nimport { action } from '@storybook/addon-actions';\nimport { FC } from 'react';\n\nimport { createUID, range, Status } from '@pega/cosmos-react-core';\nimport { AppShell, GalleryPage } from '@pega/cosmos-react-build';\n\nexport default {\n  title: 'Build/GalleryPage',\n  component: GalleryPage,\n  parameters: {\n    layout: 'fullscreen'\n  }\n} as Meta;\n\ninterface GalleryPageArgs {\n  bannerHeading: string;\n  bannerDescription: string;\n  showEmptyState: boolean;\n  emptyStateHeading: string;\n  emptyStateDescription: string;\n}\n\nconst appHeader = {\n  brand: {\n    name: 'AppStudioX'\n  },\n  utils: {\n    avatar: { name: 'Alan' },\n    search: {\n      placeholder: 'Search anything, anywhere…'\n    },\n    branchName: 'test',\n    actions: [\n      {\n        primary: 'Switch branch',\n        id: 'switchbranch',\n        onClick: () => {}\n      },\n      {\n        primary: 'Create branch',\n        id: 'createbranch',\n        onClick: () => {}\n      }\n    ]\n  },\n  links: [\n    {\n      id: '1',\n      name: 'Applications',\n      onClick: () => {}\n    },\n    {\n      id: '2',\n      name: 'Shared resources',\n      onClick: () => {}\n    },\n    {\n      id: '3',\n      name: 'Teams',\n      onClick: () => {}\n    },\n    {\n      id: '4',\n      name: 'AI & Analytics',\n      onClick: () => {}\n    },\n    {\n      id: '5',\n      name: 'Deploy',\n      onClick: () => {}\n    }\n  ]\n};\n\nconst getOverviewCardData = () => {\n  return range(1, 14).map(num => ({\n    id: createUID(),\n    title:\n      num % 2 !== 0\n        ? `Application ${num}`\n        : `Application ${num} with long name to simulate ellipsis`,\n    description:\n      num % 2 !== 0\n        ? `Description for application with id ${num}`\n        : `Long Description for application with id ${num} to simulate ellipsis in the application description in stories`,\n    meta: [<Status variant='success'>in production</Status>, '1.0.0'],\n    visual:\n      num % 2 !== 0\n        ? {\n            icon: {\n              name: 'phone-in-solid',\n              bgColor: '#0ac7c8'\n            }\n          }\n        : {\n            image: {\n              src: 'https://www.pega.com/sites/default/files/styles/2560/public/media/images/2019-01/pega-logo_0.png',\n              alt: 'Image for the card summary'\n            }\n          }\n  }));\n};\n\nconst GalleryPageDemo: FC<{ args: GalleryPageArgs }> = ({ args }) => (\n  <GalleryPage\n    heading={args.bannerHeading}\n    description={args.bannerDescription}\n    image={{\n      src: 'https://www.pega.com/sites/default/files/styles/2560/public/media/images/2019-01/pega-logo_0.png',\n      alt: 'Image for the banner'\n    }}\n    items={args.showEmptyState ? [] : getOverviewCardData()}\n    emptyState={{\n      heading: args.emptyStateHeading,\n      description: args.emptyStateDescription\n    }}\n    action={{\n      text: 'New application',\n      onClick: action('Clicked New application button')\n    }}\n    onItemClick={action('Clicked interactive card')}\n  />\n);\n\nexport const AppShellWithGalleryPage: Story<GalleryPageArgs> = (args: GalleryPageArgs) => {\n  return (\n    <AppShell\n      navigation={{\n        nodes: [],\n        currentNodeId: '1',\n        onNodeClick: () => {}\n      }}\n      appInfo={{\n        text: 'U+ Desk',\n        visual: {\n          icon: {\n            name: 'phone-in-solid',\n            bgColor: '#0ac7c8'\n          }\n        }\n      }}\n      appHeader={appHeader}\n      main={<GalleryPageDemo args={args} />}\n      hideNav\n    />\n  );\n};\n\nAppShellWithGalleryPage.args = {\n  bannerHeading: 'Applications',\n  bannerDescription: 'Edit or create new applications',\n  showEmptyState: false,\n  emptyStateHeading: 'Create your first application',\n  emptyStateDescription: \"You're on your way to creating your first professional application.\"\n};\n\nAppShellWithGalleryPage.argTypes = {\n  bannerHeading: { control: { type: 'text' } },\n  bannerDescription: { control: { type: 'text' } },\n  showEmptyState: { control: { type: 'boolean' } },\n  emptyStateHeading: { control: { type: 'text' } },\n  emptyStateDescription: { control: { type: 'text' } }\n};\n"]}

package/lib/build/PageTemplates/PageTemplates.stories.d.ts

@@ -0,0 +1,26 @@
+import { Meta, Story } from '@storybook/react';
+import { MouseEvent } from 'react';
+import { StatusProps, PageTemplateProps } from '@pega/cosmos-react-core';
+import { AppShellProps } from '@pega/cosmos-react-build';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export interface PageTemplatesStoryProps extends PageTemplateProps {
+    template: 'one column' | 'two column' | 'three column' | 'four column' | 'wide narrow' | 'narrow wide' | 'wide wide narrow' | 'narrow wide wide' | 'narrow wide narrow' | 'tabbed';
+    showBreadcrumbs?: boolean;
+    pathData?: string;
+    showActions?: boolean;
+    showBanners?: boolean;
+    subTitle?: string;
+    showBranch?: boolean;
+    branchName?: string;
+    statusVariant?: StatusProps['variant'];
+    statusLabel: string;
+    showEditButton?: boolean;
+    onEdit?: (e: MouseEvent<HTMLButtonElement>) => void;
+}
+interface AppShellStory {
+    main: AppShellProps['main'];
+    hideNavigation?: boolean;
+}
+export declare const PageTemplatesDemo: Story<PageTemplatesStoryProps & AppShellStory>;
+//# sourceMappingURL=PageTemplates.stories.d.ts.map

package/lib/build/PageTemplates/PageTemplates.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageTemplates.stories.d.ts","sourceRoot":"","sources":["../../../src/build/PageTemplates/PageTemplates.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EASL,UAAU,EACX,MAAM,OAAO,CAAC;AAGf,OAAO,EAwBL,WAAW,EACX,iBAAiB,EAClB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAY,aAAa,EAA6B,MAAM,0BAA0B,CAAC;;AAW9F,wBAKU;AAEV,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;IAChE,QAAQ,EACJ,YAAY,GACZ,YAAY,GACZ,cAAc,GACd,aAAa,GACb,aAAa,GACb,aAAa,GACb,kBAAkB,GAClB,kBAAkB,GAClB,oBAAoB,GACpB,QAAQ,CAAC;IACb,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACvC,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CACrD;AAQD,UAAU,aAAa;IACrB,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAkVD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,uBAAuB,GAAG,aAAa,CA2L5E,CAAC"}