npm - @pega/cosmos-react-demos - Versions diffs - 3.0.0-dev.17.0 → 3.0.0-dev.18.2 - Mend

@pega/cosmos-react-demos 3.0.0-dev.17.0 → 3.0.0-dev.18.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (157) hide show

package/lib/build/FlowModeller/FlowModeller.mocks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FlowModeller.mocks.js","sourceRoot":"","sources":["../../../src/build/FlowModeller/FlowModeller.mocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useEffect, Ref, forwardRef, FC } from 'react';\n\nimport {\n Input,\n Table,\n ColumnProps,\n Text,\n Button,\n Icon,\n Flex,\n createUID,\n Action,\n ForwardProps,\n Card,\n CardContent,\n CardHeader,\n useI18n,\n Popover,\n CardFooter\n} from '@pega/cosmos-react-core';\nimport {\n NodeProps,\n ConnectorProps,\n FlowModellerHelper,\n NodeType,\n NodeLibraryItem,\n DeleteNodeOutcome,\n START_NODETYPE,\n STOP_NODETYPE,\n GraphData\n} from '@pega/cosmos-react-build';\n\ninterface DecisionTableProps {\n updatedData: GraphData<NodeProps, ConnectorProps>;\n connectors: ConnectorProps[];\n node: NodeProps;\n onDeleteRow: (\n data: GraphData<NodeProps, ConnectorProps>,\n connector: ConnectorProps,\n deleteItems?: DeleteNodeOutcome['deletes'],\n e?: MouseEvent\n ) => void;\n onAddRow: (data: GraphData<NodeProps, ConnectorProps>) => void;\n readOnly?: boolean;\n}\ninterface DeletePopoverProps {\n targetId: string \| null;\n showPopover: boolean;\n onCancel: () => void;\n onDelete: () => void;\n}\n\nexport const DecisionTable: FC<DecisionTableProps & ForwardProps> = forwardRef(\n (\n { updatedData, connectors, onDeleteRow, onAddRow, node, readOnly }: DecisionTableProps,\n ref: Ref<HTMLButtonElement>\n ) => {\n const [tableData, setTableData] = useState<ConnectorProps[]>(connectors);\n const t = useI18n();\n\n const onAddCondition = () => {\n const label = 'Otherwise';\n const updatedGraphData = FlowModellerHelper.addConnector(\n updatedData,\n node.id,\n label\n ).graphData;\n\n // Add a label to the base connector when the number of connectors are more than one\n if (tableData.length === 1) {\n const defaultConnector: ConnectorProps = tableData[0];\n if (defaultConnector?.label === '') {\n defaultConnector.label = 'Default';\n }\n for (let i = 0; i < updatedGraphData.connectors.length; i += 1) {\n const connector: ConnectorProps = updatedGraphData.connectors[i];\n if (connector.id === defaultConnector.id) {\n connector.label = defaultConnector.label;\n break;\n }\n }\n }\n\n if (updatedGraphData) onAddRow(updatedGraphData);\n };\n\n const onDeleteCondition = (connector: ConnectorProps, e: MouseEvent) => {\n const updatedGraphData = FlowModellerHelper.deleteConnector(updatedData, connector);\n onDeleteRow(updatedGraphData!.graphData, connector, updatedGraphData!.deletes, e);\n };\n\n const columns: ColumnProps<ConnectorProps>[] = [\n {\n renderer: connector => <Input value={connector.label} readOnly />,\n label: 'Label'\n },\n { renderer: () => <Text>No value</Text>, label: 'Value' },\n {\n renderer: connector => {\n return (\n <Button\n variant='simple'\n ref={ref}\n disabled={\n readOnly \|\|\n (node.type.name === 'Decision' && connectors.length < 3) \|\|\n (node.type.name === 'Assignment' && connectors.length < 2)\n }\n id={connector.id}\n icon\n onClick={(e: MouseEvent) => onDeleteCondition(connector, e)}\n label={t('delete')}\n >\n <Icon name='trash' />\n </Button>\n );\n },\n label: 'Action'\n }\n ];\n\n useEffect(() => {\n setTableData(connectors);\n }, [connectors]);\n\n return (\n <>\n <Table title='Outcomes' hoverHighlight data={tableData} columns={columns} />\n <Flex container={{ pad: [1, 0] }}>\n <Button disabled={readOnly} variant='simple' onClick={onAddCondition}>\n Add Condition\n </Button>\n </Flex>\n </>\n );\n }\n);\n\nexport const DeletePopover: FC<DeletePopoverProps & ForwardProps> = forwardRef(\n ({ targetId, showPopover, onCancel, onDelete }, ref: Ref<HTMLDivElement>) => {\n const [elementTarget, setElementTarget] = useState<Element>();\n const t = useI18n();\n\n useEffect(() => {\n const element = document.querySelector(`button[id='${targetId}']`);\n if (element) {\n setElementTarget(element);\n }\n });\n\n return (\n <>\n {elementTarget && showPopover && (\n <Popover target={elementTarget} ref={ref} show={showPopover}>\n <Card>\n <CardHeader>\n <Text variant='h4'>Delete Outcome</Text>\n <Button variant='simple' icon label={t('close')} onClick={onCancel}>\n <Icon name='times' />\n </Button>\n </CardHeader>\n <CardContent>\n Are you sure you want to delete this outcome and all its steps?\n </CardContent>\n <CardFooter container={{ justify: 'between' }}>\n <Button onClick={onCancel}>Cancel</Button>\n <Button variant='primary' onClick={onDelete}>\n Delete\n </Button>\n </CardFooter>\n </Card>\n </Popover>\n )}\n </>\n );\n }\n);\n\nconst FlowShapeType: Record<string, NodeType> = Object.freeze({\n START: START_NODETYPE,\n STOP: STOP_NODETYPE,\n DECISION: {\n id: 'decision',\n name: 'Decision',\n color: 'darkYellow',\n icon: 'diamond',\n minConnectors: 2,\n defaults: {\n node: {\n label: 'Decision',\n description: 'Adjust the conditions using the property panel'\n },\n connector: [\n {\n label: 'Default'\n },\n {\n label: 'Otherwise'\n }\n ]\n }\n },\n QUESTION: {\n id: 'question',\n name: 'Question',\n color: 'japaneseLaurel',\n icon: 'chat-help',\n minConnectors: 3,\n defaults: {\n node: {\n label: 'Question'\n },\n connector: [\n {\n label: 'Question 1'\n },\n {\n label: 'Question 2'\n },\n {\n label: 'Question 3'\n }\n ]\n }\n },\n ASSIGNMENT: {\n id: 'assignment',\n name: 'Assignment',\n color: 'japaneseLaurel',\n icon: 'clipboard-data',\n minConnectors: 1,\n defaults: {\n node: {\n label: 'Assignment'\n },\n connector: [{ label: '' }]\n }\n },\n MESSAGE: {\n id: 'message',\n name: 'Message',\n color: 'orange',\n icon: 'chat',\n minConnectors: 1,\n defaults: {\n node: {\n label: 'Message'\n },\n connector: [{ label: '' }]\n }\n },\n SEND_EMAIL: {\n id: 'send_email',\n name: 'Send email',\n color: 'yellow',\n icon: 'mail',\n minConnectors: 1,\n defaults: {\n node: {\n label: 'Send email'\n },\n connector: [{ label: '' }]\n }\n },\n GENERATE_PDF: {\n id: 'generate_pdf',\n name: 'Generate PDF',\n color: 'congressBlue',\n icon: 'polaris',\n minConnectors: 1,\n defaults: {\n node: {\n label: 'Generate PDF'\n },\n connector: [{ label: '' }]\n }\n }\n});\n\nexport const exampleCRMNodesData: NodeProps[] = [\n {\n id: '100',\n label: 'Open',\n type: FlowShapeType.START\n },\n {\n id: '101',\n label: 'Is B2B',\n description: '',\n type: FlowShapeType.DECISION,\n additionalData: [],\n error: ''\n },\n {\n id: '102',\n label: 'Update Org Domains',\n description: '',\n type: FlowShapeType.ASSIGNMENT,\n additionalData: [],\n error: ''\n },\n {\n id: '103',\n label: 'CreateC2OFromContact',\n description: '',\n type: FlowShapeType.ASSIGNMENT,\n additionalData: [],\n error: ''\n },\n {\n id: '104',\n label: 'CreateC2AFromContact',\n description: '',\n type: FlowShapeType.ASSIGNMENT,\n additionalData: [],\n error: ''\n },\n {\n id: '105',\n label: 'Is B2C',\n description: '',\n type: FlowShapeType.DECISION,\n additionalData: [],\n error: ''\n },\n {\n id: '106',\n label: 'CreatePrimaryIndividualAccount',\n description: '',\n type: FlowShapeType.ASSIGNMENT,\n additionalData: [],\n error: ''\n },\n {\n id: '107',\n label: 'Capture Event',\n description: '',\n type: FlowShapeType.ASSIGNMENT,\n additionalData: [],\n error: ''\n },\n {\n id: '108',\n label: 'Update Private Data',\n description: '',\n type: FlowShapeType.ASSIGNMENT,\n additionalData: [],\n error: ''\n },\n {\n id: '109',\n label: 'Attach Business Card',\n description: '',\n type: FlowShapeType.ASSIGNMENT,\n additionalData: [],\n error: ''\n },\n {\n id: '110',\n label: 'Has Address',\n description: '',\n type: FlowShapeType.DECISION,\n additionalData: [],\n error: ''\n },\n {\n id: '111',\n label: 'RemoveWORelatedNBA',\n description: '',\n type: FlowShapeType.ASSIGNMENT,\n additionalData: [],\n error: ''\n },\n {\n id: '112',\n label: 'Bulk Processing',\n description: '',\n type: FlowShapeType.DECISION,\n additionalData: [],\n error: ''\n },\n {\n id: '113',\n label: 'Queue For Agent',\n description: '',\n type: FlowShapeType.ASSIGNMENT,\n additionalData: [],\n error: ''\n },\n {\n id: '114',\n label: 'Retrieve Lat Long',\n description: '',\n type: FlowShapeType.ASSIGNMENT,\n additionalData: [],\n error: ''\n },\n {\n id: '115',\n label: 'RemoveWORelatedNBA',\n description: '',\n type: FlowShapeType.ASSIGNMENT,\n additionalData: [],\n error: ''\n },\n {\n id: '121',\n label: 'STOP',\n type: FlowShapeType.STOP\n }\n];\n\nexport const exampleCRMConnectorsData: ConnectorProps[] = [\n {\n id: '100-101',\n label: '',\n fromNodeId: '100',\n toNodeId: '101'\n },\n {\n id: '101-102',\n label: 'isSellingModeB2BOrB2BB2C',\n fromNodeId: '101',\n toNodeId: '102'\n },\n {\n id: '102-103',\n label: '',\n fromNodeId: '102',\n toNodeId: '103'\n },\n {\n id: '103-104',\n label: '',\n fromNodeId: '103',\n toNodeId: '104'\n },\n {\n id: '104-105',\n label: '',\n fromNodeId: '104',\n toNodeId: '105'\n },\n {\n id: '101-105',\n label: 'Else',\n fromNodeId: '101',\n toNodeId: '105'\n },\n {\n id: '105-106',\n label: 'isSellingModeB2COrB2BB2C',\n fromNodeId: '105',\n toNodeId: '106'\n },\n {\n id: '106-107',\n label: '',\n fromNodeId: '106',\n toNodeId: '107'\n },\n {\n id: '105-107',\n label: 'Else',\n fromNodeId: '105',\n toNodeId: '107'\n },\n {\n id: '107-108',\n label: '',\n fromNodeId: '107',\n toNodeId: '108'\n },\n {\n id: '108-109',\n label: '',\n fromNodeId: '108',\n toNodeId: '109'\n },\n {\n id: '109-110',\n label: '',\n fromNodeId: '109',\n toNodeId: '110'\n },\n {\n id: '110-112',\n label: 'crmHasAddress',\n fromNodeId: '110',\n toNodeId: '112'\n },\n {\n id: '112-113',\n label: 'Bulk Processing',\n fromNodeId: '112',\n toNodeId: '113'\n },\n {\n id: '112-114',\n label: 'Manual',\n fromNodeId: '112',\n toNodeId: '114'\n },\n {\n id: '114-115',\n label: '',\n fromNodeId: '114',\n toNodeId: '115'\n },\n {\n id: '115-121',\n label: '',\n fromNodeId: '115',\n toNodeId: '121'\n },\n {\n id: '113-121',\n label: '',\n fromNodeId: '113',\n toNodeId: '121'\n },\n {\n id: '110-111',\n label: 'Else',\n fromNodeId: '110',\n toNodeId: '111'\n },\n {\n id: '111-121',\n label: '',\n fromNodeId: '111',\n toNodeId: '121'\n }\n];\n\nexport const emptyNodesData: NodeProps[] = [\n {\n id: '100',\n label: 'START',\n type: FlowShapeType.START\n },\n {\n id: '120',\n label: 'STOP',\n type: FlowShapeType.STOP\n }\n];\n\nexport const emptyConnectorsData: ConnectorProps[] = [\n {\n id: '100-120',\n label: 'happy path',\n fromNodeId: '100',\n toNodeId: '120'\n }\n];\n\nexport const nodeActions: Action[] = [\n {\n id: 'action-2',\n text: 'Reassign'\n }\n];\n\nexport const nodeLibrary: NodeLibraryItem[] = [\n {\n id: createUID(),\n primary: 'Assignment',\n type: FlowShapeType.ASSIGNMENT\n },\n {\n id: createUID(),\n primary: 'Decision',\n type: FlowShapeType.DECISION\n },\n {\n id: createUID(),\n primary: 'Send a message',\n type: FlowShapeType.MESSAGE\n },\n {\n id: createUID(),\n primary: 'Ask a question',\n type: FlowShapeType.QUESTION\n },\n {\n id: createUID(),\n primary: 'Automations',\n type: FlowShapeType.AUTOMATION,\n items: [\n {\n id: createUID(),\n primary: 'Send email',\n type: FlowShapeType.SEND_EMAIL\n },\n {\n id: createUID(),\n primary: 'Generate PDF',\n type: FlowShapeType.GENERATE_PDF\n }\n ]\n }\n];\n"]}
1	+ {"version":3,"file":"FlowModeller.mocks.js","sourceRoot":"","sources":["../../../src/build/FlowModeller/FlowModeller.mocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useEffect, Ref, forwardRef, FC } from 'react';\n\nimport {\n Input,\n Table,\n ColumnProps,\n Text,\n Button,\n Icon,\n Flex,\n createUID,\n Action,\n ForwardProps,\n Card,\n CardContent,\n CardHeader,\n useI18n,\n Popover,\n CardFooter\n} from '@pega/cosmos-react-core';\nimport {\n NodeProps,\n ConnectorProps,\n FlowModellerHelper,\n NodeType,\n NodeLibraryItem,\n DeleteNodeOutcome,\n START_NODETYPE,\n STOP_NODETYPE,\n GraphData\n} from '@pega/cosmos-react-build';\n\ninterface DecisionTableProps {\n updatedData: GraphData<NodeProps, ConnectorProps>;\n connectors: ConnectorProps[];\n node: NodeProps;\n onDeleteRow: (\n data: GraphData<NodeProps, ConnectorProps>,\n connector: ConnectorProps,\n error: string,\n deleteItems?: DeleteNodeOutcome['deletes'],\n e?: MouseEvent\n ) => void;\n onAddRow: (data: GraphData<NodeProps, ConnectorProps>) => void;\n readOnly?: boolean;\n}\ninterface DeletePopoverProps {\n targetId: string \| null;\n showPopover: boolean;\n onCancel: () => void;\n onDelete: () => void;\n}\n\nexport const DecisionTable: FC<DecisionTableProps & ForwardProps> = forwardRef(\n (\n { updatedData, connectors, onDeleteRow, onAddRow, node, readOnly }: DecisionTableProps,\n ref: Ref<HTMLButtonElement>\n ) => {\n const [tableData, setTableData] = useState<ConnectorProps[]>(connectors);\n const t = useI18n();\n\n const onAddCondition = () => {\n const label = 'Otherwise';\n const updatedGraphData = FlowModellerHelper.addConnector(\n updatedData,\n node.id,\n label\n ).graphData;\n\n // Add a label to the base connector when the number of connectors are more than one\n if (tableData.length === 1) {\n const defaultConnector: ConnectorProps = tableData[0];\n if (defaultConnector?.label === '') {\n defaultConnector.label = 'Default';\n }\n for (let i = 0; i < updatedGraphData.connectors.length; i += 1) {\n const connector: ConnectorProps = updatedGraphData.connectors[i];\n if (connector.id === defaultConnector.id) {\n connector.label = defaultConnector.label;\n break;\n }\n }\n }\n\n if (updatedGraphData) onAddRow(updatedGraphData);\n };\n\n const onDeleteCondition = (connector: ConnectorProps, e: MouseEvent) => {\n const updatedGraphData = FlowModellerHelper.deleteConnector(updatedData, connector);\n if (updatedGraphData.error) {\n onDeleteRow(\n updatedGraphData!.graphData,\n connector,\n t('delete_connector_error'),\n updatedGraphData!.deletes,\n e\n );\n } else {\n onDeleteRow(updatedGraphData!.graphData, connector, '', updatedGraphData!.deletes, e);\n }\n };\n\n const columns: ColumnProps<ConnectorProps>[] = [\n {\n renderer: ({ label }) => <Input value={label} readOnly />,\n label: 'Label'\n },\n { renderer: () => <Text>No value</Text>, label: 'Value' },\n {\n renderer: connector => {\n return (\n <Button\n variant='simple'\n ref={ref}\n disabled={\n readOnly \|\|\n (node.type.name === 'Decision' && connectors.length < 3) \|\|\n (node.type.name === 'Assignment' && connectors.length < 2)\n }\n id={connector.id}\n icon\n onClick={(e: MouseEvent) => onDeleteCondition(connector, e)}\n label={t('delete')}\n >\n <Icon name='trash' />\n </Button>\n );\n },\n label: 'Action'\n }\n ];\n\n useEffect(() => {\n setTableData(connectors);\n }, [connectors]);\n\n return (\n <>\n <Table title='Outcomes' hoverHighlight data={tableData} columns={columns} />\n <Flex container={{ pad: [1, 0] }}>\n <Button disabled={readOnly} variant='simple' onClick={onAddCondition}>\n Add Condition\n </Button>\n </Flex>\n </>\n );\n }\n);\n\nexport const DeletePopover: FC<DeletePopoverProps & ForwardProps> = forwardRef(\n ({ targetId, showPopover, onCancel, onDelete }, ref: Ref<HTMLDivElement>) => {\n const [elementTarget, setElementTarget] = useState<Element>();\n const t = useI18n();\n\n useEffect(() => {\n const element = document.querySelector(`button[id='${targetId}']`);\n if (element) {\n setElementTarget(element);\n }\n });\n\n return (\n <>\n {elementTarget && showPopover && (\n <Popover target={elementTarget} ref={ref} show={showPopover}>\n <Card>\n <CardHeader>\n <Text variant='h4'>Delete Outcome</Text>\n <Button variant='simple' icon label={t('close')} onClick={onCancel}>\n <Icon name='times' />\n </Button>\n </CardHeader>\n <CardContent>\n Are you sure you want to delete this outcome and all its steps?\n </CardContent>\n <CardFooter container={{ justify: 'between' }}>\n <Button onClick={onCancel}>Cancel</Button>\n <Button variant='primary' onClick={onDelete}>\n Delete\n </Button>\n </CardFooter>\n </Card>\n </Popover>\n )}\n </>\n );\n }\n);\n\nexport const FlowShapeType: Record<string, NodeType> = Object.freeze({\n START: START_NODETYPE,\n STOP: STOP_NODETYPE,\n DECISION: {\n id: 'decision',\n name: 'Decision',\n color: 'darkYellow',\n icon: 'diamond',\n minConnectors: 2,\n defaults: {\n node: {\n label: 'Decision',\n description: 'Adjust the conditions using the property panel'\n },\n connector: [\n {\n label: 'Default'\n },\n {\n label: 'Otherwise'\n }\n ]\n }\n },\n QUESTION: {\n id: 'question',\n name: 'Question',\n color: 'japaneseLaurel',\n icon: 'chat-help',\n minConnectors: 3,\n defaults: {\n node: {\n label: 'Question'\n },\n connector: [\n {\n label: 'Question 1'\n },\n {\n label: 'Question 2'\n },\n {\n label: 'Question 3'\n }\n ]\n }\n },\n ASSIGNMENT: {\n id: 'assignment',\n name: 'Assignment',\n color: 'japaneseLaurel',\n icon: 'clipboard-data',\n minConnectors: 1,\n defaults: {\n node: {\n label: 'Assignment'\n },\n connector: [{ label: '' }]\n }\n },\n MESSAGE: {\n id: 'message',\n name: 'Message',\n color: 'orange',\n icon: 'chat',\n minConnectors: 1,\n defaults: {\n node: {\n label: 'Message'\n },\n connector: [{ label: '' }]\n }\n },\n SEND_EMAIL: {\n id: 'send_email',\n name: 'Send email',\n color: 'yellow',\n icon: 'mail',\n minConnectors: 1,\n defaults: {\n node: {\n label: 'Send email'\n },\n connector: [{ label: '' }]\n }\n },\n GENERATE_PDF: {\n id: 'generate_pdf',\n name: 'Generate PDF',\n color: 'congressBlue',\n icon: 'polaris',\n minConnectors: 1,\n defaults: {\n node: {\n label: 'Generate PDF'\n },\n connector: [{ label: '' }]\n }\n },\n GOTO: {\n id: 'goto',\n name: 'Go to',\n color: 'red',\n icon: 'arrow-left-right',\n minConnectors: 0,\n defaults: {\n node: {\n label: 'Go to',\n description: ''\n },\n connector: []\n }\n }\n});\n\nexport const exampleCRMNodesData: NodeProps[] = [\n {\n id: '100',\n label: 'START',\n type: FlowShapeType.START\n },\n {\n id: '101',\n label: 'Is B2B',\n description: '',\n reference: '',\n type: FlowShapeType.DECISION,\n additionalData: [],\n error: ''\n },\n {\n id: '102',\n label: 'Update Org Domains',\n description: '',\n reference: '',\n type: FlowShapeType.ASSIGNMENT,\n additionalData: [],\n error: ''\n },\n {\n id: '127',\n label: 'Goto',\n description: '',\n reference: '',\n type: FlowShapeType.GOTO,\n additionalData: [],\n error: ''\n },\n {\n id: '103',\n label: 'CreateC2OFromContact',\n description: '',\n reference: '',\n type: FlowShapeType.ASSIGNMENT,\n additionalData: [],\n error: ''\n },\n {\n id: '104',\n label: 'CreateC2AFromContact',\n description: '',\n reference: '',\n type: FlowShapeType.ASSIGNMENT,\n additionalData: [],\n error: ''\n },\n {\n id: '105',\n label: 'Is B2C',\n description: '',\n reference: '',\n type: FlowShapeType.DECISION,\n additionalData: [],\n error: ''\n },\n {\n id: '106',\n label: 'CreatePrimaryIndividualAccount',\n description: '',\n reference: '',\n type: FlowShapeType.ASSIGNMENT,\n additionalData: [],\n error: ''\n },\n {\n id: '107',\n label: 'Capture Event',\n description: '',\n reference: '',\n type: FlowShapeType.ASSIGNMENT,\n additionalData: [],\n error: ''\n },\n {\n id: '108',\n label: 'Update Private Data',\n description: '',\n reference: '',\n type: FlowShapeType.ASSIGNMENT,\n additionalData: [],\n error: ''\n },\n {\n id: '109',\n label: 'Attach Business Card',\n description: '',\n reference: '',\n type: FlowShapeType.ASSIGNMENT,\n additionalData: [],\n error: ''\n },\n {\n id: '110',\n label: 'Has Address',\n description: '',\n reference: '',\n type: FlowShapeType.DECISION,\n additionalData: [],\n error: ''\n },\n {\n id: '111',\n label: 'Remove WO Related NBA',\n description: '',\n reference: '',\n type: FlowShapeType.ASSIGNMENT,\n additionalData: [],\n error: ''\n },\n {\n id: '112',\n label: 'Bulk Processing',\n description: '',\n reference: '',\n type: FlowShapeType.DECISION,\n additionalData: [],\n error: ''\n },\n {\n id: '113',\n label: 'Queue For Agent',\n description: '',\n reference: '',\n type: FlowShapeType.ASSIGNMENT,\n additionalData: [],\n error: ''\n },\n {\n id: '114',\n label: 'Retrieve Lat Long',\n description: '',\n reference: '',\n type: FlowShapeType.ASSIGNMENT,\n additionalData: [],\n error: ''\n },\n {\n id: '115',\n label: 'Remove WO Related NBA',\n description: '',\n reference: '',\n type: FlowShapeType.ASSIGNMENT,\n additionalData: [],\n error: ''\n },\n {\n id: '121',\n label: 'END',\n type: FlowShapeType.STOP\n }\n];\n\nexport const exampleCRMConnectorsData: ConnectorProps[] = [\n {\n id: '100-101',\n label: '',\n fromNodeId: '100',\n toNodeId: '101'\n },\n {\n id: '101-102',\n label: 'isSellingModeB2BOrB2BB2C',\n fromNodeId: '101',\n toNodeId: '102'\n },\n {\n id: '102-103',\n label: '',\n fromNodeId: '102',\n toNodeId: '103'\n },\n {\n id: '103-104',\n label: '',\n fromNodeId: '103',\n toNodeId: '104'\n },\n {\n id: '104-105',\n label: '',\n fromNodeId: '104',\n toNodeId: '105'\n },\n {\n id: '101-127',\n label: 'Else',\n fromNodeId: '101',\n toNodeId: '127'\n },\n {\n id: '127-105',\n label: '',\n fromNodeId: '127',\n toNodeId: '105'\n },\n {\n id: '105-106',\n label: 'isSellingModeB2COrB2BB2C',\n fromNodeId: '105',\n toNodeId: '106'\n },\n {\n id: '106-107',\n label: '',\n fromNodeId: '106',\n toNodeId: '107'\n },\n {\n id: '105-107',\n label: 'Else',\n fromNodeId: '105',\n toNodeId: '107'\n },\n {\n id: '107-108',\n label: '',\n fromNodeId: '107',\n toNodeId: '108'\n },\n {\n id: '108-109',\n label: '',\n fromNodeId: '108',\n toNodeId: '109'\n },\n {\n id: '109-110',\n label: '',\n fromNodeId: '109',\n toNodeId: '110'\n },\n {\n id: '110-112',\n label: 'crmHasAddress',\n fromNodeId: '110',\n toNodeId: '112'\n },\n {\n id: '112-113',\n label: 'Bulk Processing',\n fromNodeId: '112',\n toNodeId: '113'\n },\n {\n id: '112-114',\n label: 'Manual',\n fromNodeId: '112',\n toNodeId: '114'\n },\n {\n id: '114-115',\n label: '',\n fromNodeId: '114',\n toNodeId: '115'\n },\n {\n id: '115-121',\n label: '',\n fromNodeId: '115',\n toNodeId: '121'\n },\n {\n id: '113-121',\n label: '',\n fromNodeId: '113',\n toNodeId: '121'\n },\n {\n id: '110-111',\n label: 'Else',\n fromNodeId: '110',\n toNodeId: '111'\n },\n {\n id: '111-121',\n label: '',\n fromNodeId: '111',\n toNodeId: '121'\n }\n];\n\nexport const emptyNodesData: NodeProps[] = [\n {\n id: '100',\n label: 'START',\n type: FlowShapeType.START\n },\n {\n id: '120',\n label: 'STOP',\n type: FlowShapeType.STOP\n }\n];\n\nexport const emptyConnectorsData: ConnectorProps[] = [\n {\n id: '100-120',\n label: 'happy path',\n fromNodeId: '100',\n toNodeId: '120'\n }\n];\n\nexport const nodeActions: Action[] = [\n {\n id: 'action-2',\n text: 'Reassign'\n }\n];\n\nexport const nodeLibrary: NodeLibraryItem[] = [\n {\n id: createUID(),\n primary: 'Assignment',\n type: FlowShapeType.ASSIGNMENT\n },\n {\n id: createUID(),\n primary: 'Decision',\n type: FlowShapeType.DECISION\n },\n {\n id: createUID(),\n primary: 'Send a message',\n type: FlowShapeType.MESSAGE\n },\n {\n id: createUID(),\n primary: 'Ask a question',\n type: FlowShapeType.QUESTION\n },\n {\n id: createUID(),\n primary: 'Go to',\n type: FlowShapeType.GOTO\n },\n {\n id: createUID(),\n primary: 'Automations',\n type: FlowShapeType.AUTOMATION,\n items: [\n {\n id: createUID(),\n primary: 'Send email',\n type: FlowShapeType.SEND_EMAIL\n },\n {\n id: createUID(),\n primary: 'Generate PDF',\n type: FlowShapeType.GENERATE_PDF\n }\n ]\n }\n];\n"]}

package/lib/build/FlowModeller/FlowModeller.stories.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FlowModeller.stories.d.ts","sourceRoot":"","sources":["../../../src/build/FlowModeller/FlowModeller.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAaL,iBAAiB,EAClB,MAAM,0BAA0B,CAAC;;~~AAelC~~,wBAMU;AACV,UAAU,kBAAmB,SAAQ,iBAAiB;IACpD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,EAAE,~~KAmKhC~~,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC,~~CA8K~~/D,CAAC"}
1	+ {"version":3,"file":"FlowModeller.stories.d.ts","sourceRoot":"","sources":["../../../src/build/FlowModeller/FlowModeller.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAaL,iBAAiB,EAClB,MAAM,0BAA0B,CAAC;;AA2BlC,wBAMU;AACV,UAAU,kBAAmB,SAAQ,iBAAiB;IACpD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAsLhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAgQ/D,CAAC"}

package/lib/build/FlowModeller/FlowModeller.stories.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useState } from 'react';
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useContext, useMemo, useState } from 'react';
 import { action } from '@storybook/addon-actions';
 import { FlowModeller, DirectedGraph, FlowModellerHelper, Workbench } from '@pega/cosmos-react-build';
-import { useOuterEvent, useEscape, useElement } from '@pega/cosmos-react-core';
-import { nodeLibrary, nodeActions, exampleCRMNodesData, exampleCRMConnectorsData, emptyNodesData, emptyConnectorsData, DecisionTable, DeletePopover } from './FlowModeller.mocks';
+import { useOuterEvent, useEscape, useElement, Modal, ModalManagerContext, ComboBox, menuHelpers, Text } from '@pega/cosmos-react-core';
+import { nodeLibrary, nodeActions, exampleCRMNodesData, exampleCRMConnectorsData, emptyNodesData, emptyConnectorsData, FlowShapeType, DecisionTable, DeletePopover } from './FlowModeller.mocks';
 import { StyledWrapper } from './FlowModeller.styles';
 export default {
     title: 'Build/FlowModeller',
@@ -28,6 +28,7 @@ export const EmptyFlowChartView = () => {
     const [target, setTarget] = useState(null);
     const [deletePopoverEl, setDeletePopoverEl] = useElement(null);
     const [connectorData, setConnectorData] = useState();
+    const { create } = useContext(ModalManagerContext);
     const selectNode = (nodeId) => {
         const graph = new DirectedGraph(graphData);
         const selectedNode = graph.getNode(nodeId);
@@ -48,16 +49,26 @@ export const EmptyFlowChartView = () => {
         }
     };
     const addNode = (nodeType, metaData) => {
+        const isBranchNode = nodeType.id === FlowShapeType.GOTO.id;
         const UpdatedData = FlowModellerHelper.addNode({
             nodeType,
             graphData,
+            isBranchNode,
             metaData
         });
         if (UpdatedData) {
             setGraphData(UpdatedData.graphData);
         }
     };
-    const deleteNode = (params) => {
+    const launchModal = (errorTitle, errorMessage) => {
+        create(() => {
+            return (_jsx(Modal, { heading: errorTitle, center: true, children: _jsxs(Text, { variant: 'primary', children: [errorMessage, " "] }) }));
+        });
+    };
+    const deleteNode = (params, error) => {
+        if (error) {
+            return launchModal('Delete step error', error);
+        }
         setGraphData(params.additionalData?.graphData);
     };
     const onAddRow = (updatedData) => {
@@ -66,7 +77,10 @@ export const EmptyFlowChartView = () => {
         setNodeData({ nodes: nodeData.nodes, connectors: outConnectors });
         setGraphData(updatedData);
     };
-    const onDeleteRow = (updatedData, connector, highlightsData, e) => {
+    const onDeleteRow = (updatedData, connector, error, highlightsData, e) => {
+        if (error) {
+            return launchModal('Delete connector error', error);
+        }
         setHighlightItems(highlightsData);
         setPopover(prevState => !prevState);
         setConnectorData(connector);
@@ -125,10 +139,19 @@ export const CRMFlowChartView = (args) => {
         nodes: exampleCRMNodesData,
         connectors: exampleCRMConnectorsData
     });
+    const [nodeData, setNodeData] = useState();
+    const [items, setItems] = useState(graphData?.nodes
+        .filter(node => node.type.id !== 'start' && node.id !== nodeData?.nodes[0].id && node.type.id !== 'goto')
+        .map(option => {
+        return {
+            primary: option.label,
+            id: option.id,
+            selected: false
+        };
+    }));
     const [highlightItems, setHighlightItems] = useState();
     const [open, setOpen] = useState(false);
     // nodeData maintains the state of selected node
-    const [nodeData, setNodeData] = useState();
     const [showPopover, setPopover] = useState(false);
     const [buffer, setBuffer] = useState({
         nodes: [],
@@ -137,12 +160,7 @@ export const CRMFlowChartView = (args) => {
     const [target, setTarget] = useState(null);
     const [deletePopoverEl, setDeletePopoverEl] = useElement(null);
     const [connectorData, setConnectorData] = useState();
-    const exampleErrorNodes = exampleCRMNodesData.map((node) => {
-        if (node.id === '101' || node.id === '105' || node.id === '110' || node.id === '112') {
-            return { ...node, error: 'Something is wrong!' };
-        }
-        return node;
-    });
+    const { create } = useContext(ModalManagerContext);
     const selectNode = (nodeId) => {
         const graph = new DirectedGraph(graphData);
         const selectedNode = graph.getNode(nodeId);
@@ -163,16 +181,26 @@ export const CRMFlowChartView = (args) => {
         }
     };
     const addNode = (nodeType, metaData) => {
+        const isBranchNode = nodeType.id === FlowShapeType.GOTO.id;
         const UpdatedData = FlowModellerHelper.addNode({
             nodeType,
             graphData,
+            isBranchNode,
             metaData
         });
         if (UpdatedData) {
             setGraphData(UpdatedData.graphData);
         }
     };
-    const deleteNode = (params) => {
+    const launchModal = (errorTitle, errorMessage) => {
+        create(() => {
+            return (_jsx(Modal, { heading: errorTitle, center: true, children: _jsxs(Text, { variant: 'primary', children: [errorMessage, " "] }) }));
+        });
+    };
+    const deleteNode = (params, error) => {
+        if (error) {
+            return launchModal('Delete step error', error);
+        }
         setGraphData(params.additionalData?.graphData);
     };
     const onAddRow = (updatedData) => {
@@ -181,7 +209,10 @@ export const CRMFlowChartView = (args) => {
         setNodeData({ nodes: nodeData.nodes, connectors: outConnectors });
         setGraphData(updatedData);
     };
-    const onDeleteRow = (updatedData, connector, highlightsData, e) => {
+    const onDeleteRow = (updatedData, connector, error, highlightsData, e) => {
+        if (error) {
+            return launchModal('Delete connector error', error);
+        }
         setHighlightItems(highlightsData);
         setPopover(prevState => !prevState);
         setConnectorData(connector);
@@ -220,10 +251,51 @@ export const CRMFlowChartView = (args) => {
         setPopover(false);
     };
     const WorkbenchContent = memo(() => {
-        return (_jsx(_Fragment, { children: nodeData && (_jsx(DecisionTable, { updatedData: graphData, connectors: nodeData?.connectors, onDeleteRow: onDeleteRow, node: nodeData?.nodes[0], onAddRow: onAddRow, readOnly: args.readOnly })) }));
+        const selected = useMemo(() => menuHelpers.getSelected(items)[0], [items]);
+        const selectItem = (id) => {
+            const selectedItem = menuHelpers.getItem(items, id);
+            if (selectedItem && nodeData) {
+                const updatedNode = {
+                    ...nodeData.nodes[0],
+                    reference: selectedItem.id
+                };
+                const updatedNodes = [
+                    updatedNode,
+                    ...graphData.nodes.filter(node => nodeData?.nodes[0].id !== node.id)
+                ];
+                setNodeData({ ...nodeData, nodes: [updatedNode] });
+                setGraphData({ ...graphData, nodes: updatedNodes });
+            }
+            setItems(cur => menuHelpers.selectItem(cur, id, 'single-select'));
+        };
+        return (_jsxs(_Fragment, { children: [nodeData && nodeData.nodes[0].type.id !== 'goto' && (_jsx(DecisionTable, { updatedData: graphData, connectors: nodeData?.connectors, onDeleteRow: onDeleteRow, node: nodeData?.nodes[0], onAddRow: onAddRow, readOnly: args.readOnly })), nodeData && nodeData.nodes[0].type.id === 'goto' && (_jsx(ComboBox, { label: 'Go to', placeholder: 'Select step', menu: {
+                        items,
+                        onItemClick: selectItem
+                    }, selected: selected
+                        ? {
+                            items: {
+                                id: selected.id,
+                                text: selected.primary
+                            }
+                        }
+                        : undefined }))] }));
     });
     useEscape(onCancel);
     useOuterEvent('mousedown', [deletePopoverEl], onCancel);
+    const createGraphData = (showError) => {
+        if (showError) {
+            return {
+                ...graphData,
+                nodes: graphData.nodes.map((node) => {
+                    if (node.id === '101' || node.id === '105' || node.id === '110' || node.id === '112') {
+                        return { ...node, error: 'Something is wrong!' };
+                    }
+                    return node;
+                })
+            };
+        }
+        return graphData;
+    };
     return (_jsx(StyledWrapper, { children: _jsxs(Workbench, { initiallyVisiblePanelId: undefined, configurationPanel: {
                 open,
                 content: _jsx(WorkbenchContent, {}),
@@ -231,7 +303,7 @@ export const CRMFlowChartView = (args) => {
                 onDismiss: () => {
                     setOpen(false);
                 }
-            }, children: [_jsx(FlowModeller, { graphData: args.showErrorState ? { ...graphData, nodes: exampleErrorNodes } : graphData, nodeLibrary: nodeLibrary, onNodeAdd: addNode, onNodeClick: selectNode, actions: nodeActions, highlightData: highlightItems, onNodeActionClick: onNodeActionClick, onDelete: deleteNode, readOnly: args.readOnly }), _jsx(DeletePopover, { targetId: target, ref: setDeletePopoverEl, onDelete: onDelete, onCancel: onCancel, showPopover: showPopover })] }) }));
+            }, children: [_jsx(FlowModeller, { graphData: createGraphData(args.showErrorState || false), nodeLibrary: nodeLibrary, onNodeAdd: addNode, onNodeClick: selectNode, actions: nodeActions, highlightData: highlightItems, onNodeActionClick: onNodeActionClick, onDelete: deleteNode, readOnly: args.readOnly }), _jsx(DeletePopover, { targetId: target, ref: setDeletePopoverEl, onDelete: onDelete, onCancel: onCancel, showPopover: showPopover })] }) }));
 };
 CRMFlowChartView.args = {
     showErrorState: false,

package/lib/build/FlowModeller/FlowModeller.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FlowModeller.stories.js","sourceRoot":"","sources":["../../../src/build/FlowModeller/FlowModeller.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { memo, useState } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { Meta, Story } from '@storybook/react';\n\nimport {\n FlowModeller,\n ActionParams,\n NodeProps,\n NodeType,\n DirectedGraph,\n GraphData,\n DeleteNodeOutcome,\n ConnectorProps,\n FlowModellerHelper,\n AddNodeHandlerParams,\n RendererProps,\n Workbench,\n FlowModellerProps\n} from '@pega/cosmos-react-build';\nimport { useOuterEvent, useEscape, useElement } from '@pega/cosmos-react-core';\n\nimport {\n nodeLibrary,\n nodeActions,\n exampleCRMNodesData,\n exampleCRMConnectorsData,\n emptyNodesData,\n emptyConnectorsData,\n DecisionTable,\n DeletePopover\n} from './FlowModeller.mocks';\nimport { StyledWrapper } from './FlowModeller.styles';\n\nexport default {\n title: 'Build/FlowModeller',\n component: FlowModeller,\n parameters: {\n layout: 'fullscreen'\n }\n} as Meta;\ninterface FlowChartDemoProps extends FlowModellerProps {\n showErrorState?: boolean;\n readOnly?: boolean;\n}\n\nexport const EmptyFlowChartView: Story = () => {\n const [graphData, setGraphData] = useState<GraphData<NodeProps, ConnectorProps>>({\n nodes: emptyNodesData,\n connectors: emptyConnectorsData\n });\n const [highlightItems, setHighlightItems] = useState<RendererProps['highlights']>();\n const [open, setOpen] = useState(false);\n const [nodeData, setNodeData] = useState<GraphData<NodeProps, ConnectorProps>>();\n const [showPopover, setPopover] = useState(false);\n const [buffer, setBuffer] = useState<GraphData<NodeProps, ConnectorProps>>({\n nodes: [],\n connectors: []\n });\n const [target, setTarget] = useState<string \| null>(null);\n const [deletePopoverEl, setDeletePopoverEl] = useElement<HTMLElement>(null);\n const [connectorData, setConnectorData] = useState<ConnectorProps>();\n\n const selectNode = (nodeId: NodeProps['id']) => {\n const graph = new DirectedGraph(graphData);\n const selectedNode = graph.getNode(nodeId);\n const outConnectors = graph.getOutConnectors(nodeId);\n setOpen(true);\n setNodeData({\n nodes: [selectedNode],\n connectors: outConnectors\n });\n };\n\n const onNodeActionClick = (params: ActionParams) => {\n 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 setGraphData(UpdatedData.graphData);\n }\n };\n\n const deleteNode = (params: ActionParams) => {\n setGraphData((params.additionalData as DeleteNodeOutcome)?.graphData);\n };\n\n const onAddRow = (updatedData: GraphData<NodeProps, ConnectorProps>) => {\n const graph = new DirectedGraph(updatedData);\n const outConnectors = graph.getOutConnectors(nodeData!.nodes[0].id);\n setNodeData({ nodes: nodeData!.nodes, connectors: outConnectors });\n setGraphData(updatedData);\n };\n\n const onDeleteRow = (\n updatedData: GraphData<NodeProps, ConnectorProps>,\n connector: ConnectorProps,\n highlightsData?: RendererProps['highlights'],\n e?: MouseEvent\n ) => {\n setHighlightItems(highlightsData);\n setPopover(prevState => !prevState);\n setConnectorData(connector);\n setBuffer(updatedData);\n if (e?.target instanceof Element) {\n const targetElem = e.target;\n setTarget(targetElem?.getAttribute('id'));\n }\n };\n\n const onDelete = () => {\n setHighlightItems(undefined);\n\n const updatedGraphData: GraphData<NodeProps, ConnectorProps> = buffer;\n // Remove default labels when the current number of connectors are one\n if (nodeData?.connectors.length === 2) {\n const defaultConnector: ConnectorProps =\n nodeData?.connectors[0].id !== connectorData?.id\n ? nodeData?.connectors[0]\n : nodeData?.connectors[1];\n for (let i = 0; i < updatedGraphData.connectors.length; i += 1) {\n const connectorEdge: ConnectorProps = updatedGraphData.connectors[i];\n if (\n connectorEdge.id === defaultConnector.id &&\n (connectorEdge.label === 'Default' \|\| connectorEdge.label === 'Otherwise')\n ) {\n connectorEdge.label = '';\n break;\n }\n }\n }\n\n const graph = new DirectedGraph(updatedGraphData);\n const outConnectors = graph.getOutConnectors(nodeData!.nodes[0].id);\n setNodeData({ nodes: nodeData!.nodes, connectors: outConnectors });\n if (updatedGraphData) setGraphData(updatedGraphData);\n setPopover(false);\n };\n\n const onCancel = () => {\n setHighlightItems(undefined);\n setPopover(false);\n };\n\n const WorkbenchContent = memo(() => {\n return (\n <>\n {nodeData && (\n <DecisionTable\n updatedData={graphData}\n connectors={nodeData?.connectors}\n onDeleteRow={onDeleteRow}\n node={nodeData?.nodes[0]}\n onAddRow={onAddRow}\n />\n )}\n </>\n );\n });\n useEscape(() => {\n onCancel();\n });\n\n useOuterEvent('mousedown', [deletePopoverEl], onCancel);\n\n return (\n <StyledWrapper>\n <Workbench\n initiallyVisiblePanelId={undefined}\n configurationPanel={{\n open,\n content: <WorkbenchContent />,\n header: nodeData?.nodes[0].label as string,\n onDismiss: () => {\n setOpen(false);\n }\n }}\n >\n <FlowModeller\n graphData={graphData}\n nodeLibrary={nodeLibrary}\n onNodeAdd={addNode}\n onNodeClick={selectNode}\n actions={nodeActions}\n highlightData={highlightItems}\n onNodeActionClick={onNodeActionClick}\n onDelete={deleteNode}\n />\n <DeletePopover\n targetId={target}\n ref={setDeletePopoverEl}\n onDelete={onDelete}\n onCancel={onCancel}\n showPopover={showPopover}\n />\n </Workbench>\n </StyledWrapper>\n );\n};\n\nexport const CRMFlowChartView: Story<Partial<FlowChartDemoProps>> = (\n args: Partial<FlowChartDemoProps>\n) => {\n const [graphData, setGraphData] = useState<GraphData<NodeProps, ConnectorProps>>({\n nodes: exampleCRMNodesData,\n connectors: exampleCRMConnectorsData\n });\n const [highlightItems, setHighlightItems] = useState<RendererProps['highlights']>();\n const [open, setOpen] = useState(false);\n // nodeData maintains the state of selected node\n const [nodeData, setNodeData] = useState<GraphData<NodeProps, ConnectorProps>>();\n const [showPopover, setPopover] = useState(false);\n const [buffer, setBuffer] = useState<GraphData<NodeProps, ConnectorProps>>({\n nodes: [],\n connectors: []\n });\n const [target, setTarget] = useState<string \| null>(null);\n const [deletePopoverEl, setDeletePopoverEl] = useElement<HTMLElement>(null);\n const [connectorData, setConnectorData] = useState<ConnectorProps>();\n\n const exampleErrorNodes = exampleCRMNodesData.map((node: NodeProps) => {\n if (node.id === '101' \|\| node.id === '105' \|\| node.id === '110' \|\| node.id === '112') {\n return { ...node, error: 'Something is wrong!' };\n }\n return node;\n });\n\n const selectNode = (nodeId: NodeProps['id']) => {\n const graph = new DirectedGraph(graphData);\n const selectedNode = graph.getNode(nodeId);\n const outConnectors = graph.getOutConnectors(nodeId);\n setOpen(true);\n setNodeData({\n nodes: [selectedNode],\n connectors: outConnectors\n });\n };\n\n const onNodeActionClick = (params: ActionParams) => {\n 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 setGraphData(UpdatedData.graphData);\n }\n };\n\n const deleteNode = (params: ActionParams) => {\n setGraphData((params.additionalData as DeleteNodeOutcome)?.graphData);\n };\n\n const onAddRow = (updatedData: GraphData<NodeProps, ConnectorProps>) => {\n const graph = new DirectedGraph(updatedData);\n const outConnectors = graph.getOutConnectors(nodeData!.nodes[0].id);\n setNodeData({ nodes: nodeData!.nodes, connectors: outConnectors });\n setGraphData(updatedData);\n };\n\n const onDeleteRow = (\n updatedData: GraphData<NodeProps, ConnectorProps>,\n connector: ConnectorProps,\n highlightsData?: RendererProps['highlights'],\n e?: MouseEvent\n ) => {\n setHighlightItems(highlightsData);\n setPopover(prevState => !prevState);\n setConnectorData(connector);\n setBuffer(updatedData);\n if (e?.target instanceof Element) {\n const targetElem = e.target;\n setTarget(targetElem?.getAttribute('id'));\n }\n };\n\n const onDelete = () => {\n setPopover(false);\n setHighlightItems(undefined);\n\n const updatedGraphData: GraphData<NodeProps, ConnectorProps> = buffer;\n // Remove default labels when the current number of connectors are one\n if (nodeData?.connectors.length === 2) {\n const defaultConnector: ConnectorProps =\n nodeData?.connectors[0].id !== connectorData?.id\n ? nodeData?.connectors[0]\n : nodeData?.connectors[1];\n for (let i = 0; i < updatedGraphData.connectors.length; i += 1) {\n const connectorEdge: ConnectorProps = updatedGraphData.connectors[i];\n if (\n connectorEdge.id === defaultConnector.id &&\n (connectorEdge.label === 'Default' \|\| connectorEdge.label === 'Otherwise')\n ) {\n connectorEdge.label = '';\n break;\n }\n }\n }\n\n const graph = new DirectedGraph(updatedGraphData);\n const outConnectors = graph.getOutConnectors(nodeData!.nodes[0].id);\n setNodeData({ nodes: nodeData!.nodes, connectors: outConnectors });\n if (updatedGraphData) setGraphData(updatedGraphData);\n };\n\n const onCancel = () => {\n setHighlightItems(undefined);\n setPopover(false);\n };\n\n const WorkbenchContent = memo(() => {\n return (\n <>\n {nodeData && (\n <DecisionTable\n updatedData={graphData}\n connectors={nodeData?.connectors}\n onDeleteRow={onDeleteRow}\n node={nodeData?.nodes[0]}\n onAddRow={onAddRow}\n readOnly={args.readOnly}\n />\n )}\n </>\n );\n });\n\n useEscape(onCancel);\n\n useOuterEvent('mousedown', [deletePopoverEl], onCancel);\n\n return (\n <StyledWrapper>\n <Workbench\n initiallyVisiblePanelId={undefined}\n configurationPanel={{\n open,\n content: <WorkbenchContent />,\n header: nodeData?.nodes[0].label as string,\n onDismiss: () => {\n setOpen(false);\n }\n }}\n >\n <FlowModeller\n graphData={args.showErrorState ? { ...graphData, nodes: exampleErrorNodes } : graphData}\n nodeLibrary={nodeLibrary}\n onNodeAdd={addNode}\n onNodeClick={selectNode}\n actions={nodeActions}\n highlightData={highlightItems}\n onNodeActionClick={onNodeActionClick}\n onDelete={deleteNode}\n readOnly={args.readOnly}\n />\n <DeletePopover\n targetId={target}\n ref={setDeletePopoverEl}\n onDelete={onDelete}\n onCancel={onCancel}\n showPopover={showPopover}\n />\n </Workbench>\n </StyledWrapper>\n );\n};\n\nCRMFlowChartView.args = {\n showErrorState: false,\n readOnly: false\n};\n\nCRMFlowChartView.argTypes = {\n showErrorState: { control: { type: 'boolean' } },\n readOnly: { control: { type: 'boolean' } }\n};\n"]}
1	+ {"version":3,"file":"FlowModeller.stories.js","sourceRoot":"","sources":["../../../src/build/FlowModeller/FlowModeller.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { memo, useContext, useMemo, useState } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { Meta, Story } from '@storybook/react';\n\nimport {\n FlowModeller,\n ActionParams,\n NodeProps,\n NodeType,\n DirectedGraph,\n GraphData,\n DeleteNodeOutcome,\n ConnectorProps,\n FlowModellerHelper,\n AddNodeHandlerParams,\n RendererProps,\n Workbench,\n FlowModellerProps\n} from '@pega/cosmos-react-build';\nimport {\n useOuterEvent,\n useEscape,\n useElement,\n Modal,\n ModalManagerContext,\n ComboBox,\n menuHelpers,\n MenuItemProps,\n MenuProps,\n Text\n} from '@pega/cosmos-react-core';\n\nimport {\n nodeLibrary,\n nodeActions,\n exampleCRMNodesData,\n exampleCRMConnectorsData,\n emptyNodesData,\n emptyConnectorsData,\n FlowShapeType,\n DecisionTable,\n DeletePopover\n} from './FlowModeller.mocks';\nimport { StyledWrapper } from './FlowModeller.styles';\n\nexport default {\n title: 'Build/FlowModeller',\n component: FlowModeller,\n parameters: {\n layout: 'fullscreen'\n }\n} as Meta;\ninterface FlowChartDemoProps extends FlowModellerProps {\n showErrorState?: boolean;\n readOnly?: boolean;\n}\n\nexport const EmptyFlowChartView: Story = () => {\n const [graphData, setGraphData] = useState<GraphData<NodeProps, ConnectorProps>>({\n nodes: emptyNodesData,\n connectors: emptyConnectorsData\n });\n const [highlightItems, setHighlightItems] = useState<RendererProps['highlights']>();\n const [open, setOpen] = useState(false);\n const [nodeData, setNodeData] = useState<GraphData<NodeProps, ConnectorProps>>();\n const [showPopover, setPopover] = useState(false);\n const [buffer, setBuffer] = useState<GraphData<NodeProps, ConnectorProps>>({\n nodes: [],\n connectors: []\n });\n const [target, setTarget] = useState<string \| null>(null);\n const [deletePopoverEl, setDeletePopoverEl] = useElement<HTMLElement>(null);\n const [connectorData, setConnectorData] = useState<ConnectorProps>();\n const { create } = useContext(ModalManagerContext);\n\n const selectNode = (nodeId: NodeProps['id']) => {\n const graph = new DirectedGraph(graphData);\n const selectedNode = graph.getNode(nodeId);\n const outConnectors = graph.getOutConnectors(nodeId);\n setOpen(true);\n setNodeData({\n nodes: [selectedNode],\n connectors: outConnectors\n });\n };\n\n const onNodeActionClick = (params: ActionParams) => {\n 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 isBranchNode = nodeType.id === FlowShapeType.GOTO.id;\n const UpdatedData = FlowModellerHelper.addNode({\n nodeType,\n graphData,\n isBranchNode,\n metaData\n });\n if (UpdatedData) {\n setGraphData(UpdatedData.graphData);\n }\n };\n const launchModal = (errorTitle: string, errorMessage: string) => {\n create(() => {\n return (\n <Modal heading={errorTitle} center>\n <Text variant='primary'>{errorMessage} </Text>\n </Modal>\n );\n });\n };\n\n const deleteNode = (params: ActionParams, error: string) => {\n if (error) {\n return launchModal('Delete step error', error);\n }\n setGraphData((params.additionalData as DeleteNodeOutcome)?.graphData);\n };\n\n const onAddRow = (updatedData: GraphData<NodeProps, ConnectorProps>) => {\n const graph = new DirectedGraph(updatedData);\n const outConnectors = graph.getOutConnectors(nodeData!.nodes[0].id);\n setNodeData({ nodes: nodeData!.nodes, connectors: outConnectors });\n setGraphData(updatedData);\n };\n\n const onDeleteRow = (\n updatedData: GraphData<NodeProps, ConnectorProps>,\n connector: ConnectorProps,\n error: string,\n highlightsData?: RendererProps['highlights'],\n e?: MouseEvent\n ) => {\n if (error) {\n return launchModal('Delete connector error', error);\n }\n setHighlightItems(highlightsData);\n setPopover(prevState => !prevState);\n setConnectorData(connector);\n setBuffer(updatedData);\n if (e?.target instanceof Element) {\n const targetElem = e.target;\n setTarget(targetElem?.getAttribute('id'));\n }\n };\n\n const onDelete = () => {\n setHighlightItems(undefined);\n\n const updatedGraphData: GraphData<NodeProps, ConnectorProps> = buffer;\n // Remove default labels when the current number of connectors are one\n if (nodeData?.connectors.length === 2) {\n const defaultConnector: ConnectorProps =\n nodeData?.connectors[0].id !== connectorData?.id\n ? nodeData?.connectors[0]\n : nodeData?.connectors[1];\n for (let i = 0; i < updatedGraphData.connectors.length; i += 1) {\n const connectorEdge: ConnectorProps = updatedGraphData.connectors[i];\n if (\n connectorEdge.id === defaultConnector.id &&\n (connectorEdge.label === 'Default' \|\| connectorEdge.label === 'Otherwise')\n ) {\n connectorEdge.label = '';\n break;\n }\n }\n }\n\n const graph = new DirectedGraph(updatedGraphData);\n const outConnectors = graph.getOutConnectors(nodeData!.nodes[0].id);\n setNodeData({ nodes: nodeData!.nodes, connectors: outConnectors });\n if (updatedGraphData) setGraphData(updatedGraphData);\n setPopover(false);\n };\n\n const onCancel = () => {\n setHighlightItems(undefined);\n setPopover(false);\n };\n\n const WorkbenchContent = memo(() => {\n return (\n <>\n {nodeData && (\n <DecisionTable\n updatedData={graphData}\n connectors={nodeData?.connectors}\n onDeleteRow={onDeleteRow}\n node={nodeData?.nodes[0]}\n onAddRow={onAddRow}\n />\n )}\n </>\n );\n });\n useEscape(() => {\n onCancel();\n });\n\n useOuterEvent('mousedown', [deletePopoverEl], onCancel);\n\n return (\n <StyledWrapper>\n <Workbench\n initiallyVisiblePanelId={undefined}\n configurationPanel={{\n open,\n content: <WorkbenchContent />,\n header: nodeData?.nodes[0].label as string,\n onDismiss: () => {\n setOpen(false);\n }\n }}\n >\n <FlowModeller\n graphData={graphData}\n nodeLibrary={nodeLibrary}\n onNodeAdd={addNode}\n onNodeClick={selectNode}\n actions={nodeActions}\n highlightData={highlightItems}\n onNodeActionClick={onNodeActionClick}\n onDelete={deleteNode}\n />\n <DeletePopover\n targetId={target}\n ref={setDeletePopoverEl}\n onDelete={onDelete}\n onCancel={onCancel}\n showPopover={showPopover}\n />\n </Workbench>\n </StyledWrapper>\n );\n};\n\nexport const CRMFlowChartView: Story<Partial<FlowChartDemoProps>> = (\n args: Partial<FlowChartDemoProps>\n) => {\n const [graphData, setGraphData] = useState<GraphData<NodeProps, ConnectorProps>>({\n nodes: exampleCRMNodesData,\n connectors: exampleCRMConnectorsData\n });\n const [nodeData, setNodeData] = useState<GraphData<NodeProps, ConnectorProps>>();\n const [items, setItems] = useState<MenuProps['items']>(\n graphData?.nodes\n .filter(\n node =>\n node.type.id !== 'start' && node.id !== nodeData?.nodes[0].id && node.type.id !== 'goto'\n )\n .map(option => {\n return {\n primary: option.label,\n id: option.id,\n selected: false\n } as MenuItemProps;\n })\n );\n const [highlightItems, setHighlightItems] = useState<RendererProps['highlights']>();\n const [open, setOpen] = useState(false);\n // nodeData maintains the state of selected node\n\n const [showPopover, setPopover] = useState(false);\n const [buffer, setBuffer] = useState<GraphData<NodeProps, ConnectorProps>>({\n nodes: [],\n connectors: []\n });\n const [target, setTarget] = useState<string \| null>(null);\n const [deletePopoverEl, setDeletePopoverEl] = useElement<HTMLElement>(null);\n const [connectorData, setConnectorData] = useState<ConnectorProps>();\n const { create } = useContext(ModalManagerContext);\n\n const selectNode = (nodeId: NodeProps['id']) => {\n const graph = new DirectedGraph(graphData);\n const selectedNode = graph.getNode(nodeId);\n const outConnectors = graph.getOutConnectors(nodeId);\n setOpen(true);\n setNodeData({\n nodes: [selectedNode],\n connectors: outConnectors\n });\n };\n\n const onNodeActionClick = (params: ActionParams) => {\n 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 isBranchNode = nodeType.id === FlowShapeType.GOTO.id;\n const UpdatedData = FlowModellerHelper.addNode({\n nodeType,\n graphData,\n isBranchNode,\n metaData\n });\n if (UpdatedData) {\n setGraphData(UpdatedData.graphData);\n }\n };\n\n const launchModal = (errorTitle: string, errorMessage: string) => {\n create(() => {\n return (\n <Modal heading={errorTitle} center>\n <Text variant='primary'>{errorMessage} </Text>\n </Modal>\n );\n });\n };\n\n const deleteNode = (params: ActionParams, error: string) => {\n if (error) {\n return launchModal('Delete step error', error);\n }\n setGraphData((params.additionalData as DeleteNodeOutcome)?.graphData);\n };\n\n const onAddRow = (updatedData: GraphData<NodeProps, ConnectorProps>) => {\n const graph = new DirectedGraph(updatedData);\n const outConnectors = graph.getOutConnectors(nodeData!.nodes[0].id);\n setNodeData({ nodes: nodeData!.nodes, connectors: outConnectors });\n setGraphData(updatedData);\n };\n\n const onDeleteRow = (\n updatedData: GraphData<NodeProps, ConnectorProps>,\n connector: ConnectorProps,\n error: string,\n highlightsData?: RendererProps['highlights'],\n e?: MouseEvent\n ) => {\n if (error) {\n return launchModal('Delete connector error', error);\n }\n setHighlightItems(highlightsData);\n setPopover(prevState => !prevState);\n setConnectorData(connector);\n setBuffer(updatedData);\n if (e?.target instanceof Element) {\n const targetElem = e.target;\n setTarget(targetElem?.getAttribute('id'));\n }\n };\n\n const onDelete = () => {\n setPopover(false);\n setHighlightItems(undefined);\n\n const updatedGraphData: GraphData<NodeProps, ConnectorProps> = buffer;\n // Remove default labels when the current number of connectors are one\n if (nodeData?.connectors.length === 2) {\n const defaultConnector: ConnectorProps =\n nodeData?.connectors[0].id !== connectorData?.id\n ? nodeData?.connectors[0]\n : nodeData?.connectors[1];\n for (let i = 0; i < updatedGraphData.connectors.length; i += 1) {\n const connectorEdge: ConnectorProps = updatedGraphData.connectors[i];\n if (\n connectorEdge.id === defaultConnector.id &&\n (connectorEdge.label === 'Default' \|\| connectorEdge.label === 'Otherwise')\n ) {\n connectorEdge.label = '';\n break;\n }\n }\n }\n\n const graph = new DirectedGraph(updatedGraphData);\n const outConnectors = graph.getOutConnectors(nodeData!.nodes[0].id);\n setNodeData({ nodes: nodeData!.nodes, connectors: outConnectors });\n if (updatedGraphData) setGraphData(updatedGraphData);\n };\n\n const onCancel = () => {\n setHighlightItems(undefined);\n setPopover(false);\n };\n\n const WorkbenchContent = memo(() => {\n const selected = useMemo(() => menuHelpers.getSelected(items)[0], [items]);\n\n const selectItem = (id: MenuItemProps['id']) => {\n const selectedItem = menuHelpers.getItem(items, id);\n if (selectedItem && nodeData) {\n const updatedNode = {\n ...nodeData.nodes[0],\n reference: selectedItem.id\n };\n const updatedNodes = [\n updatedNode,\n ...graphData.nodes.filter(node => nodeData?.nodes[0].id !== node.id)\n ];\n setNodeData({ ...nodeData, nodes: [updatedNode] });\n setGraphData({ ...graphData, nodes: updatedNodes });\n }\n setItems(cur => menuHelpers.selectItem(cur, id, 'single-select'));\n };\n\n return (\n <>\n {nodeData && nodeData.nodes[0].type.id !== 'goto' && (\n <DecisionTable\n updatedData={graphData}\n connectors={nodeData?.connectors}\n onDeleteRow={onDeleteRow}\n node={nodeData?.nodes[0]}\n onAddRow={onAddRow}\n readOnly={args.readOnly}\n />\n )}\n {nodeData && nodeData.nodes[0].type.id === 'goto' && (\n <ComboBox\n label='Go to'\n placeholder='Select step'\n menu={{\n items,\n onItemClick: selectItem\n }}\n selected={\n selected\n ? {\n items: {\n id: selected.id,\n text: selected.primary\n }\n }\n : undefined\n }\n />\n )}\n </>\n );\n });\n\n useEscape(onCancel);\n\n useOuterEvent('mousedown', [deletePopoverEl], onCancel);\n\n const createGraphData = (showError: boolean) => {\n if (showError) {\n return {\n ...graphData,\n nodes: graphData.nodes.map((node: NodeProps) => {\n if (node.id === '101' \|\| node.id === '105' \|\| node.id === '110' \|\| node.id === '112') {\n return { ...node, error: 'Something is wrong!' };\n }\n return node;\n })\n };\n }\n return graphData;\n };\n\n return (\n <StyledWrapper>\n <Workbench\n initiallyVisiblePanelId={undefined}\n configurationPanel={{\n open,\n content: <WorkbenchContent />,\n header: nodeData?.nodes[0].label as string,\n onDismiss: () => {\n setOpen(false);\n }\n }}\n >\n <FlowModeller\n graphData={createGraphData(args.showErrorState \|\| false)}\n nodeLibrary={nodeLibrary}\n onNodeAdd={addNode}\n onNodeClick={selectNode}\n actions={nodeActions}\n highlightData={highlightItems}\n onNodeActionClick={onNodeActionClick}\n onDelete={deleteNode}\n readOnly={args.readOnly}\n />\n <DeletePopover\n targetId={target}\n ref={setDeletePopoverEl}\n onDelete={onDelete}\n onCancel={onCancel}\n showPopover={showPopover}\n />\n </Workbench>\n </StyledWrapper>\n );\n};\n\nCRMFlowChartView.args = {\n showErrorState: false,\n readOnly: false\n};\n\nCRMFlowChartView.argTypes = {\n showErrorState: { control: { type: 'boolean' } },\n readOnly: { control: { type: 'boolean' } }\n};\n"]}

package/lib/build/ObjectSelect/ObjectSelect.mocks.d.ts CHANGED Viewed

@@ -1,7 +1,8 @@
-import { ChangeEvent, FC, FocusEvent, MouseEvent } from 'react';
+import { ChangeEvent, FocusEvent, SetStateAction, Dispatch, FunctionComponent } from 'react';
 import { DateFunctionsByType, Field } from '@pega/cosmos-react-condition-builder';
-import { MenuItemProps, FormControlProps } from '@pega/cosmos-react-core';
+import { MenuItemProps, FormControlProps, BaseProps, NoChildrenProp, DialogProps } from '@pega/cosmos-react-core';
 import { ObjectSelectProps } from '@pega/cosmos-react-build';
+export declare const mockNetworkReq: () => Promise<unknown>;
 interface FormField extends FormControlProps {
     help?: string;
     error?: string;
@@ -14,9 +15,9 @@ interface DrawerProps {
     drawerOpen: boolean;
     setDrawerOpen: (value: boolean) => void;
 }
-export interface ObjectSelectStoryProps extends ObjectSelectProps {
-    onSubmit?: (id: string, e: MouseEvent<HTMLElement>) => void;
-    onCancel?: (id: string, e: MouseEvent<HTMLElement>) => void;
+export interface ObjectSelectStoryProps<P extends object = object> extends ObjectSelectProps<P> {
+    onSubmit: DialogProps['onSubmit'];
+    onClose: () => void;
     popoverContent?: string;
 }
 export declare const skeletonData: {
@@ -25,7 +26,7 @@ export declare const skeletonData: {
     secondary: string[];
     href: string;
 }[];
-export declare const dataPages: {
+export declare const dataPages: ({
     id: string;
     primary: string;
     metaData: {
@@ -34,13 +35,27 @@ export declare const dataPages: {
     }[];
     secondary: string[];
     href: string;
-}[];
+} | {
+    id: string;
+    primary: string;
+    metaData: {
+        name: string;
+        value: string;
+    }[];
+    href: string;
+    secondary?: undefined;
+})[];
 export declare const demoFields: Field[];
 export declare const demoDateFunctions: DateFunctionsByType;
 export declare const initFields: () => FormField[];
 export declare const fieldReducer: (fields: FormField[], { target, type }: ChangeEvent<HTMLInputElement | HTMLTextAreaElement> | FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => FormField[];
 export declare const ViewportDrawer: ({ drawerData, drawerOpen, setDrawerOpen }: DrawerProps) => JSX.Element;
 export declare const ConfigurationContent: (args: any) => JSX.Element;
-export declare const ObjectSelectComp: FC<ObjectSelectStoryProps>;
+export declare const ObjectSelectComp: <P extends object = object>({ popoverContent, ...args }: ObjectSelectStoryProps<P>) => JSX.Element;
+export interface CreateRuleFormProps extends BaseProps, NoChildrenProp {
+    scopeName: string;
+    onScopeChange: Dispatch<SetStateAction<string>>;
+}
+export declare const FormRenderer: FunctionComponent<CreateRuleFormProps>;
 export {};
 //# sourceMappingURL=ObjectSelect.mocks.d.ts.map

package/lib/build/ObjectSelect/ObjectSelect.mocks.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ObjectSelect.mocks.d.ts","sourceRoot":"","sources":["../../../src/build/ObjectSelect/ObjectSelect.mocks.tsx"],"names":[],"mappings":"AACA,OAAO,~~EAAE~~,WAAW,~~EAAE~~,~~EAAE~~,~~EAAE~~,~~UAAU~~,~~EAAE~~,~~UAAU~~,~~EAAuB~~,MAAM,OAAO,CAAC;~~AAErF~~,OAAO,EAML,mBAAmB,EACnB,KAAK,EACN,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAOL,aAAa,EAGb,gBAAgB,~~EACjB~~,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAgB,iBAAiB,EAAiB,MAAM,0BAA0B,CAAC;AAI1F,UAAU,SAAU,SAAQ,gBAAgB;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAC;CACzC;AAED,UAAU,WAAW;IACnB,UAAU,CAAC,EAAE,aAAa,GAAG;QAAE,QAAQ,EAAE,GAAG,CAAA;KAAE,CAAC;IAC/C,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC;AAED,MAAM,WAAW,~~sBAAuB~~,~~SAAQ~~,~~iBAAiB;IAC/D,QAAQ,~~CAAC,~~EAAE~~,~~CAAC~~,~~EAAE~~,~~EAAE,~~MAAM,~~EAAE~~,~~CAAC~~,~~EAAE~~,~~UAAU,~~CAAC,~~WAAW,~~CAAC,~~KAAK,IAAI,~~CAAC;~~IAC5D~~,QAAQ,~~CAAC,~~EAAE,~~CAAC~~,~~EAAE,EAAE,MAAM,EAAE,~~CAAC,~~EAAE,~~UAAU,CAAC,~~WAAW,~~CAAC,~~KAAK~~,IAAI,CAAC;~~IAC5D~~,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,YAAY;;;;;GAmCxB,CAAC;AAEF,eAAO,MAAM,SAAS~~;;;;;;;;;GAiDrB~~,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,EAmG7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,mBAqB/B,CAAC;AAEF,eAAO,MAAM,UAAU,QAAO,SAAS,EAyBtC,CAAC;AAEF,eAAO,MAAM,YAAY,WACf,SAAS,EAAE,oBAKf,YAAY,gBAAgB,GAAG,mBAAmB,CAAC,GACnD,WAAW,gBAAgB,GAAG,mBAAmB,CAAC,gBAiBvD,CAAC;AAEF,eAAO,MAAM,cAAc,8CAA+C,WAAW,gBA4CpF,CAAC;AAEF,eAAO,MAAM,oBAAoB,SAAU,GAAG,~~gBA+C7C~~,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,~~sBAAsB~~,~~CA4GvD~~,CAAC"}
1	+ {"version":3,"file":"ObjectSelect.mocks.d.ts","sourceRoot":"","sources":["../../../src/build/ObjectSelect/ObjectSelect.mocks.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EACX,UAAU,EAGV,cAAc,EACd,QAAQ,EACR,iBAAiB,EAClB,MAAM,OAAO,CAAC;AAEf,OAAO,EAML,mBAAmB,EACnB,KAAK,EACN,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAOL,aAAa,EAGb,gBAAgB,EAGhB,SAAS,EACT,cAAc,EACd,WAAW,EACZ,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAgB,iBAAiB,EAAiB,MAAM,0BAA0B,CAAC;AAI1F,eAAO,MAAM,cAAc,wBAA0D,CAAC;AAEtF,UAAU,SAAU,SAAQ,gBAAgB;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAC;CACzC;AAED,UAAU,WAAW;IACnB,UAAU,CAAC,EAAE,aAAa,GAAG;QAAE,QAAQ,EAAE,GAAG,CAAA;KAAE,CAAC;IAC/C,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC;AAED,MAAM,WAAW,sBAAsB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,iBAAiB,CAAC,CAAC,CAAC;IAC7F,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,YAAY;;;;;GAmCxB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;IAgDrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,EAmG7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,mBAqB/B,CAAC;AAEF,eAAO,MAAM,UAAU,QAAO,SAAS,EAyBtC,CAAC;AAEF,eAAO,MAAM,YAAY,WACf,SAAS,EAAE,oBAKf,YAAY,gBAAgB,GAAG,mBAAmB,CAAC,GACnD,WAAW,gBAAgB,GAAG,mBAAmB,CAAC,gBAiBvD,CAAC;AAEF,eAAO,MAAM,cAAc,8CAA+C,WAAW,gBA4CpF,CAAC;AAEF,eAAO,MAAM,oBAAoB,SAAU,GAAG,gBA8C7C,CAAC;AAEF,eAAO,MAAM,gBAAgB,oGAqG5B,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,SAAS,EAAE,cAAc;IACpE,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CACjD;AAED,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,mBAAmB,CAgC/D,CAAC"}