@pega/cosmos-react-demos 3.0.0-dev.2.1 → 3.0.0-dev.20.0

package/lib/build/Workbench/Workbench.stories.js

@@ -1,28 +1,23 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import styled, { css } from 'styled-components';
-import { treeHelpers, StandardTree, Flex, SearchInput, TextArea, defaultThemeProp, Input, Configuration, BuildTheme } from '@pega/cosmos-react-core';
-import { FlowModeller, Workbench } from '@pega/cosmos-react-build';
+import { useEffect, useState } from 'react';
+import { treeHelpers, StandardTree, Flex, SearchInput, TextArea, Input, Configuration, BuildTheme } from '@pega/cosmos-react-core';
+import { FlowModeller, LifeCycle, Workbench } from '@pega/cosmos-react-build';
 import { DirectedGraph } from '@pega/cosmos-react-build/lib/components/FlowModeller/Renderer/Utils/Graph';
 import FlowModellerHelper from '@pega/cosmos-react-build/lib/components/FlowModeller/helper';
-import { nodeLibrary, nodeActions, exampleCRMNodesData as nodesData, exampleCRMConnectorsData as connectorsData } from '../FlowModeller/FlowModeller.mocks';
+import { nodeLibrary, nodeActions, exampleCRMNodesData as nodesData, exampleCRMConnectorsData as connectorsData, FlowShapeType } from '../FlowModeller/FlowModeller.mocks';
+import { LifeCycleWorkFlowData, workFlowNodeLibrary } from '../LifeCycle/LifeCycle.mocks';
+import { addStageCallback, addStepCallback, addTaskCallback, deleteStageCallback, deleteStepCallback, deleteTaskCallback } from '../LifeCycle/utils';
 import { sideList } from './Workbench.mocks';
 export default {
     title: 'Build/Workbench',
+    component: Workbench,
     parameters: {
         layout: 'fullscreen'
     },
     decorators: [
-        StoryComp => (_jsx("div", { style: { height: '100vh' }, children: _jsx(StoryComp, {}, void 0) }, void 0))
+        StoryComp => (_jsx("div", { style: { height: '100vh' }, children: _jsx(StoryComp, {}) }))
     ]
 };
-const StyledSearch = styled.div(({ theme }) => {
-    return css `
-    margin: 0 calc(2 * ${theme.base.spacing}) calc(2 * ${theme.base.spacing})
-      calc(2 * ${theme.base.spacing});
-  `;
-});
-StyledSearch.defaultProps = defaultThemeProp;
 export const WorkbenchDemo = (args) => {
     const [open, setOpen] = useState(false);
     const [heading, setHeading] = useState('');
@@ -30,7 +25,7 @@ export const WorkbenchDemo = (args) => {
     const Content = () => {
         const [currentNodeId, setCurrentNodeId] = useState();
         const [allNodes, setAllNodes] = useState(sideList);
-        return (_jsxs(_Fragment, { children: [_jsx(SearchInput, {}, void 0), _jsx(StandardTree, { currentNodeId: currentNodeId, nodes: allNodes, onNodeClick: id => {
+        return (_jsxs(_Fragment, { children: [_jsx(SearchInput, {}), _jsx(StandardTree, { currentNodeId: currentNodeId, nodes: allNodes, onNodeClick: id => {
                         const clickedNode = treeHelpers.getNode(allNodes, id);
                         setCurrentNodeId(id);
                         // If a leaf node, just set to current
@@ -42,10 +37,10 @@ export const WorkbenchDemo = (args) => {
                                 expanded: !node.expanded
                             };
                         }));
-                    } }, void 0)] }, void 0));
+                    } })] }));
     };
     const ConfigContent = () => {
-        return (_jsxs(Flex, { container: { direction: 'column', gap: 2 }, children: [_jsx(Input, { defaultValue: heading }, void 0), _jsx(TextArea, { name: 'Description', required: true, label: 'Description', displayCharCount: true, maxLength: 300, value: description }, void 0)] }, void 0));
+        return (_jsxs(Flex, { container: { direction: 'column', gap: 2 }, children: [_jsx(Input, { defaultValue: heading }), _jsx(TextArea, { name: 'Description', required: true, label: 'Description', displayCharCount: true, maxLength: 300, value: description })] }));
     };
     const FlowChartView = () => {
         const [graphData, setGraphData] = useState({
@@ -58,13 +53,15 @@ export const WorkbenchDemo = (args) => {
             setOpen(true);
         };
         const addNode = (nodeType, metaData) => {
+            const isBranchNode = nodeType.id === FlowShapeType.GOTO.id;
             const UpdatedData = FlowModellerHelper.addNode({
                 nodeType,
                 graphData,
+                isBranchNode,
                 metaData
             });
             if (UpdatedData) {
-                const newGraphData = UpdatedData;
+                const newGraphData = UpdatedData.graphData;
                 setGraphData(newGraphData);
             }
         };
@@ -73,40 +70,224 @@ export const WorkbenchDemo = (args) => {
             const node = graph.getNode(nodeId);
             launchPropertyModal(node);
         };
-        return (_jsx(FlowModeller, { graphData: graphData, nodeLibrary: nodeLibrary, onNodeAdd: addNode, onNodeClick: selectNode, actions: nodeActions }, void 0));
+        return (_jsx(FlowModeller, { graphData: graphData, nodeLibrary: nodeLibrary, onNodeAdd: addNode, onNodeClick: selectNode, actions: nodeActions }));
     };
     const ExplorerContent = () => {
-        return _jsx(SearchInput, {}, void 0);
+        return _jsx(SearchInput, {});
     };
     const utilityPanels = [
-        { title: 'Steps', id: '1', icon: 'plus', content: _jsx(Content, {}, void 0) },
-        { title: 'Explorer', id: '2', icon: 'app', content: _jsx(ExplorerContent, {}, void 0) },
-        { title: 'Views', id: '3', icon: 'headline', content: _jsx(Content, {}, void 0) }
+        { title: 'Steps', id: '1', icon: 'plus', content: _jsx(Content, {}) },
+        { title: 'Explorer', id: '2', icon: 'app', content: _jsx(ExplorerContent, {}) },
+        { title: 'Views', id: '3', icon: 'headline', content: _jsx(Content, {}) }
     ];
     const toolbarActions = {
         undo: { id: 'undo', disabled: false, onClick: () => { } },
         redo: { id: 'redo', disabled: true, onClick: () => { } }
     };
     return (_jsx(Configuration, { theme: BuildTheme, children: _jsx(Workbench, { utilityPanels: utilityPanels, initiallyVisiblePanelId: utilityPanels[0].id, toolbar: {
-                zoom: args.zoom,
                 toolbarActions: args.showActions ? toolbarActions : undefined
             }, configurationPanel: {
                 open,
-                content: _jsx(ConfigContent, {}, void 0),
+                content: _jsx(ConfigContent, {}),
                 header: heading,
                 onDismiss: () => {
                     setOpen(false);
                 }
-            }, children: _jsx(FlowChartView, {}, void 0) }, void 0) }, void 0));
+            }, children: _jsx(FlowChartView, {}) }) }));
+};
+export const WorkbenchWithLifecycleDemo = () => {
+    const [open, setOpen] = useState(false);
+    const [heading, setHeading] = useState('');
+    const ConfigContent = () => {
+        return (_jsxs(Flex, { container: { direction: 'column', gap: 2 }, children: [_jsx(Input, { defaultValue: heading }), _jsx(TextArea, { name: 'Description', required: true, label: 'Description', displayCharCount: true, maxLength: 300, value: '' })] }));
+    };
+    const WorkFlowView = () => {
+        const workFlowState = {
+            activeElementId: '',
+            data: LifeCycleWorkFlowData
+        };
+        const [workFlowData, setWorkFlowData] = useState(workFlowState);
+        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) => {
+            const changedData = deleteStepCallback(stepData, workFlowData);
+            setWorkFlowData(changedData);
+        };
+        const addProcess = (taskData) => {
+            const changedData = addTaskCallback(taskData, workFlowData);
+            setWorkFlowData(changedData);
+        };
+        const addParallelProcess = (taskData) => {
+            const changedData = addTaskCallback(taskData, workFlowData, true);
+            setWorkFlowData(changedData);
+        };
+        const deleteProcess = (taskData) => {
+            const changedData = deleteTaskCallback(taskData, workFlowData);
+            setWorkFlowData(changedData);
+        };
+        const configureProcess = () => {
+            setHeading('Configure Process');
+            setOpen(true);
+        };
+        const onAddStage = () => {
+            const changedData = addStageCallback(workFlowData, 'stages');
+            setWorkFlowData(changedData);
+        };
+        const onAddAlternateStage = () => {
+            const changedData = addStageCallback(workFlowData, 'alternateStages');
+            setWorkFlowData(changedData);
+        };
+        const onDeleteStage = param => {
+            const changedData = deleteStageCallback(param, workFlowData);
+            if (changedData === 'firstStage') {
+                // eslint-disable-next-line no-alert
+                alert("you can't delete the create stage");
+            }
+            else {
+                setWorkFlowData(changedData);
+            }
+        };
+        const stepInputFocus = () => { };
+        const stepInputBlur = () => { };
+        const stepInputChange = () => { };
+        const taskInputFocus = () => { };
+        const taskInputBlur = () => { };
+        const taskInputChange = () => { };
+        const onStageInputFocus = () => { };
+        const onStageInputBlur = () => { };
+        const onStageInputChange = () => { };
+        const onAlternateStageInputChange = () => { };
+        useEffect(() => {
+            if (workFlowData.activeElementId) {
+                const elementId = document.getElementById(`${workFlowData.activeElementId}`);
+                if (elementId) {
+                    elementId.focus();
+                }
+            }
+        });
+        const stages = workFlowData.data.stages;
+        const alternateStages = workFlowData.data.alternateStages;
+        const categories = LifeCycleWorkFlowData.categories;
+        return (_jsx(LifeCycle, { items: stages, alternateItems: alternateStages, categories: categories, task: [
+                {
+                    actions: [
+                        {
+                            text: 'Delete Process',
+                            id: 'delete9',
+                            icon: 'trash',
+                            onClick: deleteProcess
+                        },
+                        {
+                            text: 'Configure Process',
+                            id: 'share2',
+                            icon: 'share',
+                            onClick: configureProcess
+                        }
+                    ],
+                    addStepTitle: 'step',
+                    addTask: {
+                        title: 'Process',
+                        showOnce: true,
+                        onAddTask: addProcess
+                    },
+                    onFocus: taskInputFocus,
+                    onBlur: taskInputBlur,
+                    onChange: taskInputChange,
+                    onAddStep: addProcessStep,
+                    nodeLibrary: workFlowNodeLibrary
+                }
+            ], step: [
+                {
+                    actions: [
+                        {
+                            text: 'Delete step',
+                            id: 'delete10',
+                            icon: 'trash',
+                            onClick: deleteProcessStep
+                        }
+                    ],
+                    onFocus: stepInputFocus,
+                    onBlur: stepInputBlur,
+                    onChange: stepInputChange
+                    // disabled: true
+                }
+            ], stage: {
+                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: [
+                    { text: 'Add Process', id: 'add1', onClick: addProcess },
+                    { text: 'Add Parallel Process', id: 'add3', onClick: addParallelProcess },
+                    { text: 'Delete Stage', id: 'delete11', onClick: onDeleteStage }
+                ],
+                onChange: onAlternateStageInputChange
+            }, onAddStage: onAddStage, onAddAlternateStage: onAddAlternateStage }));
+    };
+    const toolbarActions = {
+        undo: { id: 'undo', disabled: false, onClick: () => { } },
+        redo: { id: 'redo', disabled: true, onClick: () => { } }
+    };
+    return (_jsx(Configuration, { theme: BuildTheme, children: _jsx(Workbench, { initiallyVisiblePanelId: undefined, toolbar: {
+                toolbarActions
+            }, configurationPanel: {
+                open,
+                content: _jsx(ConfigContent, {}),
+                header: heading,
+                onDismiss: () => {
+                    setOpen(false);
+                }
+            }, children: _jsx(WorkFlowView, {}) }) }));
 };
 WorkbenchDemo.args = {
     showActions: true,
-    hideSidePanel: false,
-    zoom: true
+    hideSidePanel: false
 };
 WorkbenchDemo.argTypes = {
     showActions: { control: { type: 'boolean' } },
-    hideSidePanel: { control: { type: 'boolean' } },
-    zoom: { control: { type: 'boolean' } }
+    hideSidePanel: { control: { type: 'boolean' } }
 };
 //# sourceMappingURL=Workbench.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Workbench.stories.js","sourceRoot":"","sources":["../../../src/build/Workbench/Workbench.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Meta, Story } from '@storybook/react';\nimport { useState } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  StandardTreeProps,\n  treeHelpers,\n  StandardTree,\n  Flex,\n  SearchInput,\n  TextArea,\n  defaultThemeProp,\n  Input,\n  Configuration,\n  BuildTheme\n} from '@pega/cosmos-react-core';\nimport { FlowModeller, Workbench } from '@pega/cosmos-react-build';\nimport { IconNames } from '@pega/cosmos-react-core/lib/components/Icon/iconNames';\nimport {\n  NodeProps,\n  NodeType\n} from '@pega/cosmos-react-build/lib/components/FlowModeller/Node/Node.types';\nimport {\n  DirectedGraph,\n  GraphData,\n  ConnectorProps\n} from '@pega/cosmos-react-build/lib/components/FlowModeller/Renderer/Utils/Graph';\nimport FlowModellerHelper from '@pega/cosmos-react-build/lib/components/FlowModeller/helper';\nimport { AddNodeHandlerParams } from '@pega/cosmos-react-build/lib/components/FlowModeller/Renderer/Renderer.types';\n\nimport {\n  nodeLibrary,\n  nodeActions,\n  exampleCRMNodesData as nodesData,\n  exampleCRMConnectorsData as connectorsData\n} from '../FlowModeller/FlowModeller.mocks';\n\nimport { sideList } from './Workbench.mocks';\n\nexport default {\n  title: 'Build/Workbench',\n  parameters: {\n    layout: 'fullscreen'\n  },\n  decorators: [\n    StoryComp => (\n      <div style={{ height: '100vh' }}>\n        <StoryComp />\n      </div>\n    )\n  ]\n} as Meta;\n\nexport interface WorkbenchStoryProps {\n  showActions?: boolean;\n  hideSidePanel?: boolean;\n  zoom?: boolean;\n}\n\nconst StyledSearch = styled.div(({ theme }) => {\n  return css`\n    margin: 0 calc(2 * ${theme.base.spacing}) calc(2 * ${theme.base.spacing})\n      calc(2 * ${theme.base.spacing});\n  `;\n});\n\nStyledSearch.defaultProps = defaultThemeProp;\n\nexport const WorkbenchDemo: Story<WorkbenchStoryProps> = (args: WorkbenchStoryProps) => {\n  const [open, setOpen] = useState(false);\n  const [heading, setHeading] = useState('');\n  const [description, setDescription] = useState('');\n  const Content = () => {\n    const [currentNodeId, setCurrentNodeId] = useState<string | undefined>();\n    const [allNodes, setAllNodes] = useState<StandardTreeProps['nodes']>(sideList);\n\n    return (\n      <>\n        <SearchInput />\n        <StandardTree\n          currentNodeId={currentNodeId}\n          nodes={allNodes}\n          onNodeClick={id => {\n            const clickedNode = treeHelpers.getNode(allNodes, id);\n            setCurrentNodeId(id);\n            // If a leaf node, just set to current\n            if (!clickedNode?.nodes) return;\n\n            setAllNodes(tree =>\n              treeHelpers.mapNode(tree, id, node => {\n                return {\n                  ...node,\n                  expanded: !node.expanded\n                };\n              })\n            );\n          }}\n        />\n      </>\n    );\n  };\n\n  const ConfigContent = () => {\n    return (\n      <Flex container={{ direction: 'column', gap: 2 }}>\n        <Input defaultValue={heading} />\n        <TextArea\n          name='Description'\n          required\n          label='Description'\n          displayCharCount\n          maxLength={300}\n          value={description}\n        />\n      </Flex>\n    );\n  };\n\n  const FlowChartView = () => {\n    const [graphData, setGraphData] = useState<GraphData<NodeProps, ConnectorProps>>({\n      nodes: nodesData,\n      connectors: connectorsData\n    });\n\n    const launchPropertyModal = (node: NodeProps) => {\n      setHeading(node.label);\n      setDescription(node.description || '');\n      setOpen(true);\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      launchPropertyModal(node);\n    };\n\n    return (\n      <FlowModeller\n        graphData={graphData}\n        nodeLibrary={nodeLibrary}\n        onNodeAdd={addNode}\n        onNodeClick={selectNode}\n        actions={nodeActions}\n      />\n    );\n  };\n\n  const ExplorerContent = () => {\n    return <SearchInput />;\n  };\n\n  const utilityPanels = [\n    { title: 'Steps', id: '1', icon: 'plus' as IconNames, content: <Content /> },\n    { title: 'Explorer', id: '2', icon: 'app' as IconNames, content: <ExplorerContent /> },\n    { title: 'Views', id: '3', icon: 'headline' as IconNames, content: <Content /> }\n  ];\n\n  const toolbarActions = {\n    undo: { id: 'undo', disabled: false, onClick: () => {} },\n    redo: { id: 'redo', disabled: true, onClick: () => {} }\n  };\n\n  return (\n    <Configuration theme={BuildTheme}>\n      <Workbench\n        utilityPanels={utilityPanels}\n        initiallyVisiblePanelId={utilityPanels[0].id}\n        toolbar={{\n          zoom: args.zoom,\n          toolbarActions: args.showActions ? toolbarActions : undefined\n        }}\n        configurationPanel={{\n          open,\n          content: <ConfigContent />,\n          header: heading,\n          onDismiss: () => {\n            setOpen(false);\n          }\n        }}\n      >\n        <FlowChartView />\n      </Workbench>\n    </Configuration>\n  );\n};\n\nWorkbenchDemo.args = {\n  showActions: true,\n  hideSidePanel: false,\n  zoom: true\n};\n\nWorkbenchDemo.argTypes = {\n  showActions: { control: { type: 'boolean' } },\n  hideSidePanel: { control: { type: 'boolean' } },\n  zoom: { control: { type: 'boolean' } }\n};\n"]}
+{"version":3,"file":"Workbench.stories.js","sourceRoot":"","sources":["../../../src/build/Workbench/Workbench.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Meta, Story } from '@storybook/react';\nimport { useEffect, useState } from 'react';\n\nimport {\n  StandardTreeProps,\n  treeHelpers,\n  StandardTree,\n  Flex,\n  SearchInput,\n  TextArea,\n  Input,\n  Configuration,\n  BuildTheme\n} from '@pega/cosmos-react-core';\nimport {\n  CategoriesItemProps,\n  FlowModeller,\n  LibraryItem,\n  LifeCycle,\n  LifeCycleAction,\n  LifeCycleActionParam,\n  StageItemProps,\n  StepItemProps,\n  Workbench\n} from '@pega/cosmos-react-build';\nimport { IconNames } from '@pega/cosmos-react-core/lib/components/Icon/iconNames';\nimport {\n  NodeProps,\n  NodeType\n} from '@pega/cosmos-react-build/lib/components/FlowModeller/Node/Node.types';\nimport {\n  DirectedGraph,\n  GraphData,\n  ConnectorProps\n} from '@pega/cosmos-react-build/lib/components/FlowModeller/Renderer/Utils/Graph';\nimport FlowModellerHelper from '@pega/cosmos-react-build/lib/components/FlowModeller/helper';\nimport { AddNodeHandlerParams } from '@pega/cosmos-react-build/lib/components/FlowModeller/Renderer/Renderer.types';\n\nimport {\n  nodeLibrary,\n  nodeActions,\n  exampleCRMNodesData as nodesData,\n  exampleCRMConnectorsData as connectorsData,\n  FlowShapeType\n} from '../FlowModeller/FlowModeller.mocks';\nimport { LifeCycleWorkFlowData, workFlowNodeLibrary } from '../LifeCycle/LifeCycle.mocks';\nimport {\n  addStageCallback,\n  addStepCallback,\n  addTaskCallback,\n  deleteStageCallback,\n  deleteStepCallback,\n  deleteTaskCallback,\n  LifeCycleMockState\n} from '../LifeCycle/utils';\n\nimport { sideList } from './Workbench.mocks';\n\nexport default {\n  title: 'Build/Workbench',\n  component: Workbench,\n  parameters: {\n    layout: 'fullscreen'\n  },\n  decorators: [\n    StoryComp => (\n      <div style={{ height: '100vh' }}>\n        <StoryComp />\n      </div>\n    )\n  ]\n} as Meta;\n\nexport interface WorkbenchStoryProps {\n  showActions?: boolean;\n  hideSidePanel?: boolean;\n  zoom?: boolean;\n}\n\nexport const WorkbenchDemo: Story<WorkbenchStoryProps> = (args: WorkbenchStoryProps) => {\n  const [open, setOpen] = useState(false);\n  const [heading, setHeading] = useState('');\n  const [description, setDescription] = useState('');\n  const Content = () => {\n    const [currentNodeId, setCurrentNodeId] = useState<string | undefined>();\n    const [allNodes, setAllNodes] = useState<StandardTreeProps['nodes']>(sideList);\n\n    return (\n      <>\n        <SearchInput />\n        <StandardTree\n          currentNodeId={currentNodeId}\n          nodes={allNodes}\n          onNodeClick={id => {\n            const clickedNode = treeHelpers.getNode(allNodes, id);\n            setCurrentNodeId(id);\n            // If a leaf node, just set to current\n            if (!clickedNode?.nodes) return;\n\n            setAllNodes(tree =>\n              treeHelpers.mapNode(tree, id, node => {\n                return {\n                  ...node,\n                  expanded: !node.expanded\n                };\n              })\n            );\n          }}\n        />\n      </>\n    );\n  };\n\n  const ConfigContent = () => {\n    return (\n      <Flex container={{ direction: 'column', gap: 2 }}>\n        <Input defaultValue={heading} />\n        <TextArea\n          name='Description'\n          required\n          label='Description'\n          displayCharCount\n          maxLength={300}\n          value={description}\n        />\n      </Flex>\n    );\n  };\n\n  const FlowChartView = () => {\n    const [graphData, setGraphData] = useState<GraphData<NodeProps, ConnectorProps>>({\n      nodes: nodesData,\n      connectors: connectorsData\n    });\n\n    const launchPropertyModal = (node: NodeProps) => {\n      setHeading(node.label);\n      setDescription(node.description || '');\n      setOpen(true);\n    };\n\n    const addNode = (nodeType: NodeType, metaData: AddNodeHandlerParams) => {\n      const isBranchNode = nodeType.id === FlowShapeType.GOTO.id;\n      const UpdatedData = FlowModellerHelper.addNode({\n        nodeType,\n        graphData,\n        isBranchNode,\n        metaData\n      });\n      if (UpdatedData) {\n        const newGraphData: GraphData<NodeProps, ConnectorProps> = UpdatedData.graphData;\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      launchPropertyModal(node);\n    };\n\n    return (\n      <FlowModeller\n        graphData={graphData}\n        nodeLibrary={nodeLibrary}\n        onNodeAdd={addNode}\n        onNodeClick={selectNode}\n        actions={nodeActions}\n      />\n    );\n  };\n\n  const ExplorerContent = () => {\n    return <SearchInput />;\n  };\n\n  const utilityPanels = [\n    { title: 'Steps', id: '1', icon: 'plus' as IconNames, content: <Content /> },\n    { title: 'Explorer', id: '2', icon: 'app' as IconNames, content: <ExplorerContent /> },\n    { title: 'Views', id: '3', icon: 'headline' as IconNames, content: <Content /> }\n  ];\n\n  const toolbarActions = {\n    undo: { id: 'undo', disabled: false, onClick: () => {} },\n    redo: { id: 'redo', disabled: true, onClick: () => {} }\n  };\n\n  return (\n    <Configuration theme={BuildTheme}>\n      <Workbench\n        utilityPanels={utilityPanels}\n        initiallyVisiblePanelId={utilityPanels[0].id}\n        toolbar={{\n          toolbarActions: args.showActions ? toolbarActions : undefined\n        }}\n        configurationPanel={{\n          open,\n          content: <ConfigContent />,\n          header: heading,\n          onDismiss: () => {\n            setOpen(false);\n          }\n        }}\n      >\n        <FlowChartView />\n      </Workbench>\n    </Configuration>\n  );\n};\n\nexport const WorkbenchWithLifecycleDemo: Story<WorkbenchStoryProps> = () => {\n  const [open, setOpen] = useState(false);\n  const [heading, setHeading] = useState('');\n\n  const ConfigContent = () => {\n    return (\n      <Flex container={{ direction: 'column', gap: 2 }}>\n        <Input defaultValue={heading} />\n        <TextArea\n          name='Description'\n          required\n          label='Description'\n          displayCharCount\n          maxLength={300}\n          value=''\n        />\n      </Flex>\n    );\n  };\n\n  const WorkFlowView = () => {\n    const workFlowState = {\n      activeElementId: '',\n      data: LifeCycleWorkFlowData\n    } as LifeCycleMockState;\n\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 configureProcess = () => {\n      setHeading('Configure Process');\n      setOpen(true);\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: configureProcess\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\n  const toolbarActions = {\n    undo: { id: 'undo', disabled: false, onClick: () => {} },\n    redo: { id: 'redo', disabled: true, onClick: () => {} }\n  };\n\n  return (\n    <Configuration theme={BuildTheme}>\n      <Workbench\n        initiallyVisiblePanelId={undefined}\n        toolbar={{\n          toolbarActions\n        }}\n        configurationPanel={{\n          open,\n          content: <ConfigContent />,\n          header: heading,\n          onDismiss: () => {\n            setOpen(false);\n          }\n        }}\n      >\n        <WorkFlowView />\n      </Workbench>\n    </Configuration>\n  );\n};\n\nWorkbenchDemo.args = {\n  showActions: true,\n  hideSidePanel: false\n};\n\nWorkbenchDemo.argTypes = {\n  showActions: { control: { type: 'boolean' } },\n  hideSidePanel: { control: { type: 'boolean' } }\n};\n"]}

package/lib/condition-builder/ConditionBuilder/ConditionBuilder.mocks.d.ts

@@ -0,0 +1,3 @@
+import { DateFunctionsByType, RHSType } from '@pega/cosmos-react-condition-builder';
+export declare const convertRhsTypes: (useLiteralRHSType: boolean, useFieldRHSType: boolean, useRelativeDatesType: boolean, useParameterRHSType: boolean, dateFunctions?: DateFunctionsByType) => Set<RHSType>;
+//# sourceMappingURL=ConditionBuilder.mocks.d.ts.map

package/lib/condition-builder/ConditionBuilder/ConditionBuilder.mocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionBuilder.mocks.d.ts","sourceRoot":"","sources":["../../../src/condition-builder/ConditionBuilder/ConditionBuilder.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AAEpF,eAAO,MAAM,eAAe,sBACP,OAAO,mBACT,OAAO,wBACF,OAAO,uBACR,OAAO,kBACZ,mBAAmB,iBASpC,CAAC"}

package/lib/condition-builder/ConditionBuilder/ConditionBuilder.mocks.js

@@ -0,0 +1,15 @@
+export const convertRhsTypes = (useLiteralRHSType, useFieldRHSType, useRelativeDatesType, useParameterRHSType, dateFunctions) => {
+    const setRhsTypes = new Set();
+    if (useLiteralRHSType)
+        setRhsTypes.add('LITERAL');
+    if (useFieldRHSType)
+        setRhsTypes.add('FIELD');
+    if (dateFunctions)
+        setRhsTypes.add('DATE_FUNCTION');
+    if (useRelativeDatesType)
+        setRhsTypes.add('RELATIVE_DATE');
+    if (useParameterRHSType)
+        setRhsTypes.add('PARAMETER');
+    return setRhsTypes;
+};
+//# sourceMappingURL=ConditionBuilder.mocks.js.map

package/lib/condition-builder/ConditionBuilder/ConditionBuilder.mocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionBuilder.mocks.js","sourceRoot":"","sources":["../../../src/condition-builder/ConditionBuilder/ConditionBuilder.mocks.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,iBAA0B,EAC1B,eAAwB,EACxB,oBAA6B,EAC7B,mBAA4B,EAC5B,aAAmC,EACnC,EAAE;IACF,MAAM,WAAW,GAAiB,IAAI,GAAG,EAAW,CAAC;IACrD,IAAI,iBAAiB;QAAE,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IAClD,IAAI,eAAe;QAAE,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAC9C,IAAI,aAAa;QAAE,WAAW,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IACpD,IAAI,oBAAoB;QAAE,WAAW,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IAC3D,IAAI,mBAAmB;QAAE,WAAW,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IACtD,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC","sourcesContent":["import { DateFunctionsByType, RHSType } from '@pega/cosmos-react-condition-builder';\n\nexport const convertRhsTypes = (\n  useLiteralRHSType: boolean,\n  useFieldRHSType: boolean,\n  useRelativeDatesType: boolean,\n  useParameterRHSType: boolean,\n  dateFunctions?: DateFunctionsByType\n) => {\n  const setRhsTypes: Set<RHSType> = new Set<RHSType>();\n  if (useLiteralRHSType) setRhsTypes.add('LITERAL');\n  if (useFieldRHSType) setRhsTypes.add('FIELD');\n  if (dateFunctions) setRhsTypes.add('DATE_FUNCTION');\n  if (useRelativeDatesType) setRhsTypes.add('RELATIVE_DATE');\n  if (useParameterRHSType) setRhsTypes.add('PARAMETER');\n  return setRhsTypes;\n};\n"]}

package/lib/condition-builder/ConditionBuilder/ConditionBuilder.stories.d.ts

@@ -1,10 +1,19 @@
-/// <reference types="react" />
-declare const _default: {
-    title: string;
-    component: import("react").FunctionComponent<import("@pega/cosmos-react-condition-builder").ConditionBuilderProps & import("@pega/cosmos-react-core").ForwardProps>;
-};
+import { Meta, Story } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const DefaultBuilder: () => JSX.Element;
-export declare const FieldConditionDemo: () => JSX.Element;
-export declare const AtomicConditionDemo: () => JSX.Element;
+interface ConditionBuilderStoryProps {
+    validComparators?: boolean;
+    disallowNOT?: boolean;
+    renderInPopover?: boolean;
+    dateFunctions?: boolean;
+    itemDirection?: 'column' | 'row';
+    useLiteralRHSType?: boolean;
+    useParameterRHSType?: boolean;
+    useFieldRHSType?: boolean;
+    useRelativeDatesRHSType?: boolean;
+    lhsMode?: 'input' | 'label' | 'hidden';
+}
+export declare const DefaultBuilder: Story<ConditionBuilderStoryProps>;
+export declare const FieldConditionDemo: Story<ConditionBuilderStoryProps>;
+export declare const AtomicConditionDemo: Story<ConditionBuilderStoryProps>;
 //# sourceMappingURL=ConditionBuilder.stories.d.ts.map

package/lib/condition-builder/ConditionBuilder/ConditionBuilder.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionBuilder.stories.d.ts","sourceRoot":"","sources":["../../../src/condition-builder/ConditionBuilder/ConditionBuilder.stories.tsx"],"names":[],"mappings":";;;;;AAgDA,wBAGE;AAEF,eAAO,MAAM,cAAc,mBAiG1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,mBAoF9B,CAAC;AAgBF,eAAO,MAAM,mBAAmB,mBA+J/B,CAAC"}
+{"version":3,"file":"ConditionBuilder.stories.d.ts","sourceRoot":"","sources":["../../../src/condition-builder/ConditionBuilder/ConditionBuilder.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;;AA+B/C,wBAGU;AAEV,UAAU,0BAA0B;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;CACxC;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,0BAA0B,CAgH5D,CAAC;AAgBF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,0BAA0B,CAqGhE,CAAC;AAcF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,0BAA0B,CA4JjE,CAAC"}