@pega/cosmos-react-demos 2.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"FlowModeller.stories.jsx","sourceRoot":"","sources":["../../../src/build/FlowModeller/FlowModeller.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useContext, useState, useEffect } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport styled, { css } from 'styled-components';\n\nimport {\n  ModalManagerContext,\n  Modal,\n  Input,\n  Table,\n  ColumnProps,\n  Text,\n  Button,\n  Icon,\n  Flex,\n  ModalMethods\n} from '@pega/cosmos-react-core';\nimport {\n  FlowModeller,\n  ActionParams,\n  NodeProps,\n  NodeType,\n  DirectedGraph,\n  GraphData,\n  ConnectorProps,\n  FlowModellerHelper,\n  AddNodeHandlerParams\n} from '@pega/cosmos-react-build';\n\nimport {\n  nodeLibrary,\n  nodeActions,\n  exampleCRMNodesData,\n  exampleCRMConnectorsData,\n  emptyNodesData,\n  emptyConnectorsData\n} from './FlowModeller.mocks';\n\nexport default {\n  title: 'Build/FlowModeller',\n  component: FlowModeller,\n  parameters: {\n    layout: 'fullscreen'\n  }\n};\n\nconst StyledWrapper = styled.div(() => {\n  return css`\n    height: 100vh;\n    overflow: auto;\n  `;\n});\n\ninterface NodeDataType {\n  nodes: NodeProps[];\n  connectors: ConnectorProps[];\n}\n\nconst DELETE_ACTION_ID = 'action-1';\n\ninterface ModalProps {\n  updatedData: NodeDataType;\n  connectors: ConnectorProps[];\n  node: NodeProps;\n}\n\ninterface DecisionTableProps extends ModalProps {\n  onDeleteRow: (data: NodeDataType) => void;\n  onAddRow: (data: NodeDataType) => void;\n  update: ModalMethods['update'];\n}\nconst DecisionTable = ({\n  updatedData,\n  connectors,\n  onDeleteRow,\n  onAddRow,\n  node,\n  update\n}: DecisionTableProps) => {\n  const [tableData, setTableData] = useState<ConnectorProps[]>(connectors);\n  const message =\n    'Please delete the nodes in the connector manually and delete this connector again';\n  const { create } = useContext(ModalManagerContext);\n\n  const onAddCondition = () => {\n    const label = 'otherwise';\n    const updatedGraphData = FlowModellerHelper.addBranch(updatedData, node.id, label);\n    const graph = new DirectedGraph(updatedGraphData);\n    const outConnectors = graph.getOutConnectors(node.id);\n    update({\n      node,\n      connectors: outConnectors,\n      updatedData: updatedGraphData\n    });\n    onAddRow(updatedGraphData);\n  };\n\n  const onDeleteCondition = (connector: ConnectorProps) => {\n    const updatedGraphData = FlowModellerHelper.deleteConnector(updatedData, connector);\n    if (updatedGraphData) {\n      const updatedGraph = new DirectedGraph(updatedGraphData);\n      const updatedOutConnectors = updatedGraph.getOutConnectors(node.id);\n      update({\n        node,\n        connectors: updatedOutConnectors,\n        updatedData: updatedGraphData\n      });\n      onDeleteRow(updatedGraphData);\n    } else {\n      create(\n        () => {\n          return (\n            <Modal heading='Confirm'>\n              <Text>{message}</Text>\n            </Modal>\n          );\n        },\n        { center: true }\n      );\n    }\n  };\n\n  const columns: ColumnProps<ConnectorProps>[] = [\n    {\n      renderer: connector => <Input value={connector.label} readOnly />,\n      label: 'Outcome'\n    },\n    { renderer: () => <Text>No value</Text>, label: 'Decision output' },\n    {\n      renderer: connector => {\n        return (\n          <>\n            <Button\n              variant='simple'\n              label='Delete'\n              disabled={tableData.length < 3}\n              icon\n              onClick={() => {\n                onDeleteCondition(connector);\n              }}\n            >\n              <Icon name='trash' />\n            </Button>\n          </>\n        );\n      },\n      label: 'Action'\n    }\n  ];\n\n  useEffect(() => {\n    setTableData(connectors);\n  }, [connectors]);\n\n  return (\n    <>\n      <Table title='Decision outcomes' hoverHighlight data={tableData} columns={columns} />\n      <Flex container={{ pad: [1, 0] }}>\n        <Button variant='simple' onClick={onAddCondition}>\n          Add Condition\n        </Button>\n      </Flex>\n    </>\n  );\n};\n\nexport const EmptyFlowChartView = () => {\n  const [graphData, setGraphData] = useState<NodeDataType>({\n    nodes: emptyNodesData,\n    connectors: emptyConnectorsData\n  });\n  const { create } = useContext(ModalManagerContext);\n\n  const onTableActionClick = (updatedData: NodeDataType) => {\n    setGraphData(updatedData);\n  };\n  const LaunchPropertyModal = ({ node, connectors, updatedData }: ModalProps) => {\n    const { ModalContext } = useContext(ModalManagerContext);\n    const { update } = useContext(ModalContext);\n    return (\n      <Modal heading={node.label}>\n        <Input label='Description' defaultValue={node.description} />\n        {connectors.length > 1 && (\n          <DecisionTable\n            updatedData={updatedData}\n            connectors={connectors}\n            onDeleteRow={(data: NodeDataType) => {\n              onTableActionClick(data);\n            }}\n            node={node}\n            onAddRow={(data: NodeDataType) => {\n              onTableActionClick(data);\n            }}\n            update={update}\n          />\n        )}\n      </Modal>\n    );\n  };\n\n  const onNodeActionClick = (params: ActionParams) => {\n    if (params.actionId === DELETE_ACTION_ID) {\n      const modifiedGraph = FlowModellerHelper.deleteNode(graphData, params.nodeId);\n\n      if (modifiedGraph) {\n        setGraphData(modifiedGraph);\n      } else if (!modifiedGraph) {\n        // eslint-disable-next-line no-alert\n        alert('Deletion of this node is not supported ');\n      }\n    } else if (params.actionId === 'action-2') {\n      action(`ressigned ${params.nodeId}`)();\n    } else {\n      // eslint-disable-next-line no-console\n      console.warn(`Unknown action ${params.actionId}`);\n    }\n  };\n\n  const addNode = (nodeType: NodeType, metaData: AddNodeHandlerParams) => {\n    const UpdatedData = FlowModellerHelper.addNode({\n      nodeType,\n      graphData,\n      metaData\n    });\n    if (UpdatedData) {\n      const newGraphData: GraphData<NodeProps, ConnectorProps> = UpdatedData;\n      setGraphData(newGraphData);\n    }\n  };\n\n  const selectNode = (nodeId: NodeProps['id']) => {\n    const graph = new DirectedGraph(graphData);\n    const node = graph.getNode(nodeId);\n    const outConnectors = graph.getOutConnectors(nodeId);\n    // LaunchPropertyModal(node, outConnectors, graphData);\n    create(LaunchPropertyModal, {\n      node,\n      connectors: outConnectors,\n      updatedData: graphData\n    });\n  };\n\n  return (\n    <StyledWrapper>\n      <FlowModeller\n        graphData={graphData}\n        nodeLibrary={nodeLibrary}\n        onNodeAdd={addNode}\n        onNodeClick={selectNode}\n        actions={nodeActions}\n        onNodeActionClick={onNodeActionClick}\n      />\n    </StyledWrapper>\n  );\n};\n\nexport const CRMFlowChartView = () => {\n  const [graphData, setGraphData] = useState<GraphData<NodeProps, ConnectorProps>>({\n    nodes: exampleCRMNodesData,\n    connectors: exampleCRMConnectorsData\n  });\n  const { create } = useContext(ModalManagerContext);\n\n  const onTableActionClick = (updatedData: NodeDataType) => {\n    setGraphData(updatedData);\n  };\n\n  const LaunchPropertyModal = ({ node, connectors, updatedData }: ModalProps) => {\n    const { ModalContext } = useContext(ModalManagerContext);\n    const { update } = useContext(ModalContext);\n    return (\n      <Modal heading={node.label}>\n        <Input label='Description' defaultValue={node.description} />\n        {connectors.length > 1 && (\n          <DecisionTable\n            updatedData={updatedData}\n            connectors={connectors}\n            onDeleteRow={(data: NodeDataType) => {\n              onTableActionClick(data);\n            }}\n            node={node}\n            onAddRow={(data: NodeDataType) => {\n              onTableActionClick(data);\n            }}\n            update={update}\n          />\n        )}\n      </Modal>\n    );\n  };\n\n  const onNodeActionClick = (params: ActionParams) => {\n    if (params.actionId === DELETE_ACTION_ID) {\n      const modifiedGraph = FlowModellerHelper.deleteNode(graphData, params.nodeId);\n\n      if (modifiedGraph) {\n        setGraphData(modifiedGraph);\n      } else if (!modifiedGraph) {\n        // eslint-disable-next-line no-alert\n        alert('Deletion of this node is not supported ');\n      }\n    } else if (params.actionId === 'action-2') {\n      action(`ressigned ${params.nodeId}`)();\n    } else {\n      // eslint-disable-next-line no-console\n      console.warn(`Unknown action ${params.actionId}`);\n    }\n  };\n\n  const addNode = (nodeType: NodeType, metaData: AddNodeHandlerParams) => {\n    const UpdatedData = FlowModellerHelper.addNode({\n      nodeType,\n      graphData,\n      metaData\n    });\n    if (UpdatedData) {\n      const newGraphData: GraphData<NodeProps, ConnectorProps> = UpdatedData;\n      setGraphData(newGraphData);\n    }\n  };\n\n  const selectNode = (nodeId: NodeProps['id']) => {\n    const graph = new DirectedGraph(graphData);\n    const node = graph.getNode(nodeId);\n    const outConnectors = graph.getOutConnectors(nodeId);\n    create(LaunchPropertyModal, {\n      node,\n      connectors: outConnectors,\n      updatedData: graphData\n    });\n  };\n\n  return (\n    <StyledWrapper>\n      <FlowModeller\n        graphData={graphData}\n        nodeLibrary={nodeLibrary}\n        onNodeAdd={addNode}\n        onNodeClick={selectNode}\n        actions={nodeActions}\n        onNodeActionClick={onNodeActionClick}\n      />\n    </StyledWrapper>\n  );\n};\n"]}

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

@@ -0,0 +1,201 @@
+export declare const LifeCycleEmptyData: {
+    id: string;
+    categories: never[];
+    stages: {
+        id: string;
+        label: string;
+        type: string;
+        error: string;
+        categories: {
+            id: string;
+            categoryId: string;
+            tasks: {
+                id: string;
+                label: string;
+                visual: {
+                    imgurl: string;
+                };
+                error: string;
+                steps: {
+                    id: string;
+                    label: string;
+                    visual: {
+                        imgurl: string;
+                        icon: string;
+                        color: string;
+                        label: string;
+                    };
+                    status: {
+                        type: string;
+                        label: string;
+                    };
+                    error: string;
+                }[];
+            }[][];
+        }[];
+    }[];
+    alternateStages: never[];
+};
+export declare const LifeCycleEmptyPlanViewData: {
+    id: string;
+    categories: {
+        label: string;
+        id: string;
+    }[];
+    stages: {
+        id: string;
+        label: string;
+        type: string;
+        error: string;
+        categories: {
+            id: string;
+            categoryId: string;
+            tasks: never[];
+        }[];
+    }[];
+    alternateStages: never[];
+};
+export declare const LifeCyclePlanViewData: {
+    id: string;
+    categories: {
+        label: string;
+        id: string;
+    }[];
+    stages: {
+        id: string;
+        label: string;
+        type: string;
+        error: string;
+        categories: {
+            id: string;
+            categoryId: string;
+            tasks: {
+                id: string;
+                label: string;
+                visual: {
+                    imgurl: string;
+                };
+                error: string;
+                steps: {
+                    id: string;
+                    label: string;
+                    visual: {
+                        imgurl: string;
+                        icon: string;
+                        color: string;
+                        label: string;
+                    };
+                    status: {
+                        label: string;
+                        type: string;
+                    };
+                    error: string;
+                }[];
+            }[];
+        }[];
+    }[];
+    alternateStages: {
+        id: string;
+        label: string;
+        error: string;
+        type: string;
+        categories: {
+            id: string;
+            categoryId: string;
+            tasks: {
+                id: string;
+                label: string;
+                visual: {
+                    imgurl: string;
+                };
+                error: string;
+                steps: {
+                    id: string;
+                    label: string;
+                    visual: {
+                        imgurl: string;
+                        icon: string;
+                        color: string;
+                        label: string;
+                    };
+                    status: {
+                        label: string;
+                        type: string;
+                    };
+                    error: string;
+                }[];
+            }[];
+        }[];
+    }[];
+};
+export declare const LifeCycleWorkFlowData: {
+    id: string;
+    categories: never[];
+    stages: {
+        id: string;
+        label: string;
+        type: string;
+        error: string;
+        categories: {
+            id: string;
+            categoryId: string;
+            tasks: {
+                id: string;
+                label: string;
+                visual: {
+                    imgurl: string;
+                };
+                error: string;
+                steps: {
+                    id: string;
+                    label: string;
+                    visual: {
+                        imgurl: string;
+                        icon: string;
+                        color: string;
+                        label: string;
+                    };
+                    error: string;
+                    status: {
+                        label: string;
+                        type: string;
+                    };
+                }[];
+            }[][];
+        }[];
+    }[];
+    alternateStages: {
+        id: string;
+        label: string;
+        type: string;
+        error: string;
+        categories: {
+            id: string;
+            categoryId: string;
+            tasks: {
+                id: string;
+                label: string;
+                visual: {
+                    imgurl: string;
+                };
+                error: string;
+                steps: {
+                    id: string;
+                    label: string;
+                    visual: {
+                        imgurl: string;
+                        icon: string;
+                        color: string;
+                        label: string;
+                    };
+                    error: string;
+                    status: {
+                        label: string;
+                        type: string;
+                    };
+                }[];
+            }[][];
+        }[];
+    }[];
+};
+//# sourceMappingURL=LifeCycle.mocks.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LifeCycle.mocks.d.ts","sourceRoot":"","sources":["../../../src/build/LifeCycle/LifeCycle.mocks.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+C9B,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;CAiCtC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAihBjC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAogBjC,CAAC"}