@pega/cosmos-react-build 8.0.0-build.9.1 → 8.0.1
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.
- package/lib/components/AppShell/AppShell.styles.d.ts +1 -1
- package/lib/components/AppShell/AppShell.styles.d.ts.map +1 -1
- package/lib/components/AppShell/AppShell.styles.js +1 -46
- package/lib/components/AppShell/AppShell.styles.js.map +1 -1
- package/lib/components/AppShell/Header/AppHeader.d.ts +2 -3
- package/lib/components/AppShell/Header/AppHeader.d.ts.map +1 -1
- package/lib/components/AppShell/Header/AppHeader.js +4 -4
- package/lib/components/AppShell/Header/AppHeader.js.map +1 -1
- package/lib/components/AppShell/Header/AppHeader.styles.d.ts +2 -2
- package/lib/components/AppShell/Header/AppHeader.styles.d.ts.map +1 -1
- package/lib/components/BackgroundPicker/BackgroundPicker.d.ts +6 -0
- package/lib/components/BackgroundPicker/BackgroundPicker.d.ts.map +1 -0
- package/lib/components/BackgroundPicker/BackgroundPicker.js +82 -0
- package/lib/components/BackgroundPicker/BackgroundPicker.js.map +1 -0
- package/lib/components/BackgroundPicker/BackgroundPicker.styles.d.ts +15 -0
- package/lib/components/BackgroundPicker/BackgroundPicker.styles.d.ts.map +1 -0
- package/lib/components/BackgroundPicker/BackgroundPicker.styles.js +152 -0
- package/lib/components/BackgroundPicker/BackgroundPicker.styles.js.map +1 -0
- package/lib/components/BackgroundPicker/BackgroundPicker.test-ids.d.ts +5 -0
- package/lib/components/BackgroundPicker/BackgroundPicker.test-ids.d.ts.map +1 -0
- package/lib/components/BackgroundPicker/BackgroundPicker.test-ids.js +30 -0
- package/lib/components/BackgroundPicker/BackgroundPicker.test-ids.js.map +1 -0
- package/lib/components/BackgroundPicker/BackgroundPicker.types.d.ts +98 -0
- package/lib/components/BackgroundPicker/BackgroundPicker.types.d.ts.map +1 -0
- package/lib/components/BackgroundPicker/BackgroundPicker.types.js +29 -0
- package/lib/components/BackgroundPicker/BackgroundPicker.types.js.map +1 -0
- package/lib/components/BackgroundPicker/GradientConfig.d.ts +6 -0
- package/lib/components/BackgroundPicker/GradientConfig.d.ts.map +1 -0
- package/lib/components/BackgroundPicker/GradientConfig.js +149 -0
- package/lib/components/BackgroundPicker/GradientConfig.js.map +1 -0
- package/lib/components/BackgroundPicker/ImageConfig.d.ts +6 -0
- package/lib/components/BackgroundPicker/ImageConfig.d.ts.map +1 -0
- package/lib/components/BackgroundPicker/ImageConfig.js +64 -0
- package/lib/components/BackgroundPicker/ImageConfig.js.map +1 -0
- package/lib/components/BackgroundPicker/SolidColorConfig.d.ts +6 -0
- package/lib/components/BackgroundPicker/SolidColorConfig.d.ts.map +1 -0
- package/lib/components/BackgroundPicker/SolidColorConfig.js +24 -0
- package/lib/components/BackgroundPicker/SolidColorConfig.js.map +1 -0
- package/lib/components/BackgroundPicker/index.d.ts +3 -0
- package/lib/components/BackgroundPicker/index.d.ts.map +1 -0
- package/lib/components/BackgroundPicker/index.js +2 -0
- package/lib/components/BackgroundPicker/index.js.map +1 -0
- package/lib/components/BackgroundPicker/utils.d.ts +24 -0
- package/lib/components/BackgroundPicker/utils.d.ts.map +1 -0
- package/lib/components/BackgroundPicker/utils.js +186 -0
- package/lib/components/BackgroundPicker/utils.js.map +1 -0
- package/lib/components/DynamicContentEditor/DynamicContentEditor.d.ts +2 -3
- package/lib/components/DynamicContentEditor/DynamicContentEditor.d.ts.map +1 -1
- package/lib/components/DynamicContentEditor/DynamicContentEditor.js.map +1 -1
- package/lib/components/DynamicInput/BooleanControl.d.ts +3 -5
- package/lib/components/DynamicInput/BooleanControl.d.ts.map +1 -1
- package/lib/components/DynamicInput/BooleanControl.js.map +1 -1
- package/lib/components/DynamicInput/DynamicInput.d.ts +1 -2
- package/lib/components/DynamicInput/DynamicInput.d.ts.map +1 -1
- package/lib/components/DynamicInput/DynamicInput.js +33 -33
- package/lib/components/DynamicInput/DynamicInput.js.map +1 -1
- package/lib/components/DynamicInput/DynamicInput.styles.d.ts +2 -2
- package/lib/components/DynamicInput/DynamicInput.styles.d.ts.map +1 -1
- package/lib/components/DynamicInput/DynamicInput.styles.js +1 -0
- package/lib/components/DynamicInput/DynamicInput.styles.js.map +1 -1
- package/lib/components/DynamicInput/DynamicInput.types.d.ts +61 -11
- package/lib/components/DynamicInput/DynamicInput.types.d.ts.map +1 -1
- package/lib/components/DynamicInput/DynamicInput.types.js.map +1 -1
- package/lib/components/Expression/Expression.d.ts +6 -0
- package/lib/components/Expression/Expression.d.ts.map +1 -0
- package/lib/components/Expression/Expression.js +36 -0
- package/lib/components/Expression/Expression.js.map +1 -0
- package/lib/components/Expression/Expression.styles.d.ts +7 -0
- package/lib/components/Expression/Expression.styles.d.ts.map +1 -0
- package/lib/components/Expression/Expression.styles.js +47 -0
- package/lib/components/Expression/Expression.styles.js.map +1 -0
- package/lib/components/Expression/Expression.test-ids.d.ts +2 -0
- package/lib/components/Expression/Expression.test-ids.d.ts.map +1 -0
- package/lib/components/Expression/Expression.test-ids.js +8 -0
- package/lib/components/Expression/Expression.test-ids.js.map +1 -0
- package/lib/components/Expression/Expression.types.d.ts +53 -0
- package/lib/components/Expression/Expression.types.d.ts.map +1 -0
- package/lib/components/Expression/Expression.types.js +2 -0
- package/lib/components/Expression/Expression.types.js.map +1 -0
- package/lib/components/Expression/index.d.ts +3 -0
- package/lib/components/Expression/index.d.ts.map +1 -0
- package/lib/components/Expression/index.js +2 -0
- package/lib/components/Expression/index.js.map +1 -0
- package/lib/components/ExpressionBuilder/CodeEditor/CodeEditor.d.ts +7 -5
- package/lib/components/ExpressionBuilder/CodeEditor/CodeEditor.d.ts.map +1 -1
- package/lib/components/ExpressionBuilder/CodeEditor/CodeEditor.js +393 -76
- package/lib/components/ExpressionBuilder/CodeEditor/CodeEditor.js.map +1 -1
- package/lib/components/ExpressionBuilder/CodeEditor/CodeEditor.styles.d.ts +9 -2
- package/lib/components/ExpressionBuilder/CodeEditor/CodeEditor.styles.d.ts.map +1 -1
- package/lib/components/ExpressionBuilder/CodeEditor/CodeEditor.styles.js +100 -26
- package/lib/components/ExpressionBuilder/CodeEditor/CodeEditor.styles.js.map +1 -1
- package/lib/components/ExpressionBuilder/CodeEditor/CodeEditor.test-ids.d.ts +2 -0
- package/lib/components/ExpressionBuilder/CodeEditor/CodeEditor.test-ids.d.ts.map +1 -0
- package/lib/components/ExpressionBuilder/CodeEditor/CodeEditor.test-ids.js +6 -0
- package/lib/components/ExpressionBuilder/CodeEditor/CodeEditor.test-ids.js.map +1 -0
- package/lib/components/ExpressionBuilder/CodeEditor/CodeEditor.types.d.ts +32 -6
- package/lib/components/ExpressionBuilder/CodeEditor/CodeEditor.types.d.ts.map +1 -1
- package/lib/components/ExpressionBuilder/CodeEditor/CodeEditor.types.js.map +1 -1
- package/lib/components/ExpressionBuilder/CodeEditor/getCodeSuggestions.d.ts.map +1 -1
- package/lib/components/ExpressionBuilder/CodeEditor/getCodeSuggestions.js +1 -0
- package/lib/components/ExpressionBuilder/CodeEditor/getCodeSuggestions.js.map +1 -1
- package/lib/components/ExpressionBuilder/CodeEditor/mode/jsonLinter.d.ts +3 -0
- package/lib/components/ExpressionBuilder/CodeEditor/mode/jsonLinter.d.ts.map +1 -0
- package/lib/components/ExpressionBuilder/CodeEditor/mode/jsonLinter.js +34 -0
- package/lib/components/ExpressionBuilder/CodeEditor/mode/jsonLinter.js.map +1 -0
- package/lib/components/ExpressionBuilder/ExpressionBuilder.d.ts +2 -3
- package/lib/components/ExpressionBuilder/ExpressionBuilder.d.ts.map +1 -1
- package/lib/components/ExpressionBuilder/ExpressionBuilder.js.map +1 -1
- package/lib/components/ExpressionBuilder/ExpressionBuilder.styles.d.ts +1 -1
- package/lib/components/ExpressionBuilder/ExpressionBuilder.styles.d.ts.map +1 -1
- package/lib/components/ExpressionBuilder/ExpressionBuilder.types.d.ts +3 -1
- package/lib/components/ExpressionBuilder/ExpressionBuilder.types.d.ts.map +1 -1
- package/lib/components/ExpressionBuilder/ExpressionBuilder.types.js.map +1 -1
- package/lib/components/ExpressionBuilder/ExpressionDetails.d.ts +2 -3
- package/lib/components/ExpressionBuilder/ExpressionDetails.d.ts.map +1 -1
- package/lib/components/ExpressionBuilder/ExpressionDetails.js.map +1 -1
- package/lib/components/ExpressionBuilder/ExpressionList.d.ts +2 -3
- package/lib/components/ExpressionBuilder/ExpressionList.d.ts.map +1 -1
- package/lib/components/ExpressionBuilder/ExpressionList.js.map +1 -1
- package/lib/components/ExpressionBuilder/index.d.ts +1 -1
- package/lib/components/ExpressionBuilder/index.d.ts.map +1 -1
- package/lib/components/ExpressionBuilder/index.js.map +1 -1
- package/lib/components/FieldReference/FieldReference.styles.d.ts +1 -0
- package/lib/components/FieldReference/FieldReference.styles.d.ts.map +1 -1
- package/lib/components/FieldReference/FieldReference.styles.js +45 -37
- package/lib/components/FieldReference/FieldReference.styles.js.map +1 -1
- package/lib/components/FieldReference/FieldReference.test-ids.d.ts +1 -0
- package/lib/components/FieldReference/FieldReference.test-ids.d.ts.map +1 -1
- package/lib/components/FieldReference/FieldReference.test-ids.js +3 -0
- package/lib/components/FieldReference/FieldReference.test-ids.js.map +1 -1
- package/lib/components/FieldReference/FieldReference.types.d.ts +6 -1
- package/lib/components/FieldReference/FieldReference.types.d.ts.map +1 -1
- package/lib/components/FieldReference/FieldReference.types.js.map +1 -1
- package/lib/components/FieldReference/FieldReferenceDisplay.d.ts.map +1 -1
- package/lib/components/FieldReference/FieldReferenceDisplay.js +11 -7
- package/lib/components/FieldReference/FieldReferenceDisplay.js.map +1 -1
- package/lib/components/FieldReference/FieldReferenceInput.d.ts.map +1 -1
- package/lib/components/FieldReference/FieldReferenceInput.js +17 -11
- package/lib/components/FieldReference/FieldReferenceInput.js.map +1 -1
- package/lib/components/FieldReference/FieldReferenceMenuList.d.ts +5 -4
- package/lib/components/FieldReference/FieldReferenceMenuList.d.ts.map +1 -1
- package/lib/components/FieldReference/FieldReferenceMenuList.js +7 -5
- package/lib/components/FieldReference/FieldReferenceMenuList.js.map +1 -1
- package/lib/components/FieldReference/index.d.ts +2 -2
- package/lib/components/FieldReference/index.d.ts.map +1 -1
- package/lib/components/FieldReference/index.js +1 -1
- package/lib/components/FieldReference/index.js.map +1 -1
- package/lib/components/IconTile/IconTile.d.ts +7 -3
- package/lib/components/IconTile/IconTile.d.ts.map +1 -1
- package/lib/components/IconTile/IconTile.js +40 -4
- package/lib/components/IconTile/IconTile.js.map +1 -1
- package/lib/components/IconTile/IconTile.types.d.ts +17 -15
- package/lib/components/IconTile/IconTile.types.d.ts.map +1 -1
- package/lib/components/IconTile/IconTile.types.js.map +1 -1
- package/lib/components/IconTile/Tiles/Ai.d.ts +1 -1
- package/lib/components/IconTile/Tiles/Ai.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/Ai.js.map +1 -1
- package/lib/components/IconTile/Tiles/Automation.d.ts +1 -1
- package/lib/components/IconTile/Tiles/Automation.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/Automation.js.map +1 -1
- package/lib/components/IconTile/Tiles/AutomationAppend.d.ts +1 -1
- package/lib/components/IconTile/Tiles/AutomationAppend.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/AutomationAppend.js.map +1 -1
- package/lib/components/IconTile/Tiles/AutomationCall.d.ts +1 -1
- package/lib/components/IconTile/Tiles/AutomationCall.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/AutomationCall.js.map +1 -1
- package/lib/components/IconTile/Tiles/AutomationForEach.d.ts +1 -1
- package/lib/components/IconTile/Tiles/AutomationForEach.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/AutomationForEach.js.map +1 -1
- package/lib/components/IconTile/Tiles/AutomationReturn.d.ts +1 -1
- package/lib/components/IconTile/Tiles/AutomationReturn.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/AutomationReturn.js.map +1 -1
- package/lib/components/IconTile/Tiles/AutomationSet.d.ts +1 -1
- package/lib/components/IconTile/Tiles/AutomationSet.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/AutomationSet.js.map +1 -1
- package/lib/components/IconTile/Tiles/Case.d.ts +1 -1
- package/lib/components/IconTile/Tiles/Case.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/Case.js.map +1 -1
- package/lib/components/IconTile/Tiles/CaseGoTo.d.ts +1 -1
- package/lib/components/IconTile/Tiles/CaseGoTo.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/CaseGoTo.js.map +1 -1
- package/lib/components/IconTile/Tiles/CaseProcess.d.ts +1 -1
- package/lib/components/IconTile/Tiles/CaseProcess.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/CaseProcess.js.map +1 -1
- package/lib/components/IconTile/Tiles/CaseSla.d.ts +1 -1
- package/lib/components/IconTile/Tiles/CaseSla.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/CaseSla.js.map +1 -1
- package/lib/components/IconTile/Tiles/CaseStage.d.ts +1 -1
- package/lib/components/IconTile/Tiles/CaseStage.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/CaseStage.js.map +1 -1
- package/lib/components/IconTile/Tiles/CaseWait.d.ts +1 -1
- package/lib/components/IconTile/Tiles/CaseWait.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/CaseWait.js.map +1 -1
- package/lib/components/IconTile/Tiles/LogicDecisionStep.d.ts +1 -1
- package/lib/components/IconTile/Tiles/LogicDecisionStep.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/LogicDecisionStep.js.map +1 -1
- package/lib/components/IconTile/Tiles/LogicFunction.d.ts +1 -1
- package/lib/components/IconTile/Tiles/LogicFunction.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/LogicFunction.js.map +1 -1
- package/lib/components/IconTile/Tiles/LogicValidation.d.ts +1 -1
- package/lib/components/IconTile/Tiles/LogicValidation.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/LogicValidation.js.map +1 -1
- package/lib/components/IconTile/Tiles/LogicWhen.d.ts +1 -1
- package/lib/components/IconTile/Tiles/LogicWhen.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/LogicWhen.js.map +1 -1
- package/lib/components/IconTile/Tiles/RuleAuthenticate.d.ts +1 -1
- package/lib/components/IconTile/Tiles/RuleAuthenticate.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/RuleAuthenticate.js.map +1 -1
- package/lib/components/IconTile/Tiles/RuleConfiguration.d.ts +1 -1
- package/lib/components/IconTile/Tiles/RuleConfiguration.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/RuleConfiguration.js.map +1 -1
- package/lib/components/IconTile/Tiles/RuleConnector.d.ts +1 -1
- package/lib/components/IconTile/Tiles/RuleConnector.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/RuleConnector.js.map +1 -1
- package/lib/components/IconTile/Tiles/RuleDataPage.d.ts +1 -1
- package/lib/components/IconTile/Tiles/RuleDataPage.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/RuleDataPage.js.map +1 -1
- package/lib/components/IconTile/Tiles/RuleField.d.ts +1 -1
- package/lib/components/IconTile/Tiles/RuleField.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/RuleField.js.map +1 -1
- package/lib/components/IconTile/Tiles/RuleInsight.d.ts +1 -1
- package/lib/components/IconTile/Tiles/RuleInsight.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/RuleInsight.js.map +1 -1
- package/lib/components/IconTile/Tiles/RuleIntegrationSystem.d.ts +1 -1
- package/lib/components/IconTile/Tiles/RuleIntegrationSystem.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/RuleIntegrationSystem.js.map +1 -1
- package/lib/components/IconTile/Tiles/RuleLiveData.d.ts +1 -1
- package/lib/components/IconTile/Tiles/RuleLiveData.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/RuleLiveData.js.map +1 -1
- package/lib/components/IconTile/Tiles/RuleParagraph.d.ts +1 -1
- package/lib/components/IconTile/Tiles/RuleParagraph.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/RuleParagraph.js.map +1 -1
- package/lib/components/IconTile/Tiles/RulePermission.d.ts +1 -1
- package/lib/components/IconTile/Tiles/RulePermission.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/RulePermission.js.map +1 -1
- package/lib/components/IconTile/Tiles/RulePersona.d.ts +1 -1
- package/lib/components/IconTile/Tiles/RulePersona.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/RulePersona.js.map +1 -1
- package/lib/components/IconTile/Tiles/RulePortal.d.ts +1 -1
- package/lib/components/IconTile/Tiles/RulePortal.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/RulePortal.js.map +1 -1
- package/lib/components/IconTile/Tiles/RuleRecord.d.ts +1 -1
- package/lib/components/IconTile/Tiles/RuleRecord.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/RuleRecord.js.map +1 -1
- package/lib/components/IconTile/Tiles/RuleSystem.d.ts +1 -1
- package/lib/components/IconTile/Tiles/RuleSystem.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/RuleSystem.js.map +1 -1
- package/lib/components/IconTile/Tiles/RuleView.d.ts +1 -1
- package/lib/components/IconTile/Tiles/RuleView.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/RuleView.js.map +1 -1
- package/lib/components/IconTile/Tiles/Task.d.ts +1 -1
- package/lib/components/IconTile/Tiles/Task.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/Task.js.map +1 -1
- package/lib/components/IconTile/Tiles/TaskAction.d.ts +1 -1
- package/lib/components/IconTile/Tiles/TaskAction.d.ts.map +1 -1
- package/lib/components/IconTile/Tiles/TaskAction.js.map +1 -1
- package/lib/components/IconTile/iconUtils.d.ts +11 -0
- package/lib/components/IconTile/iconUtils.d.ts.map +1 -0
- package/lib/components/IconTile/iconUtils.js +41 -0
- package/lib/components/IconTile/iconUtils.js.map +1 -0
- package/lib/components/IconTile/index.d.ts +1 -0
- package/lib/components/IconTile/index.d.ts.map +1 -1
- package/lib/components/IconTile/index.js.map +1 -1
- package/lib/components/ItemLibrary/ItemLibrary.d.ts +10 -10
- package/lib/components/ItemLibrary/ItemLibrary.d.ts.map +1 -1
- package/lib/components/ItemLibrary/ItemLibrary.js +26 -18
- package/lib/components/ItemLibrary/ItemLibrary.js.map +1 -1
- package/lib/components/LifeCycle/Category.d.ts +8 -6
- package/lib/components/LifeCycle/Category.d.ts.map +1 -1
- package/lib/components/LifeCycle/Category.js +53 -36
- package/lib/components/LifeCycle/Category.js.map +1 -1
- package/lib/components/LifeCycle/LifeCycle.d.ts +8 -4
- package/lib/components/LifeCycle/LifeCycle.d.ts.map +1 -1
- package/lib/components/LifeCycle/LifeCycle.js +113 -19
- package/lib/components/LifeCycle/LifeCycle.js.map +1 -1
- package/lib/components/LifeCycle/LifeCycle.test-ids.d.ts +6 -0
- package/lib/components/LifeCycle/LifeCycle.test-ids.d.ts.map +1 -0
- package/lib/components/LifeCycle/LifeCycle.test-ids.js +10 -0
- package/lib/components/LifeCycle/LifeCycle.test-ids.js.map +1 -0
- package/lib/components/LifeCycle/LifeCycle.types.d.ts +713 -58
- package/lib/components/LifeCycle/LifeCycle.types.d.ts.map +1 -1
- package/lib/components/LifeCycle/LifeCycle.types.js +71 -61
- package/lib/components/LifeCycle/LifeCycle.types.js.map +1 -1
- package/lib/components/LifeCycle/LifeCycleContext.d.ts +16 -4
- package/lib/components/LifeCycle/LifeCycleContext.d.ts.map +1 -1
- package/lib/components/LifeCycle/LifeCycleContext.js +7 -1
- package/lib/components/LifeCycle/LifeCycleContext.js.map +1 -1
- package/lib/components/LifeCycle/LifeCycleDragDropList.d.ts +21 -0
- package/lib/components/LifeCycle/LifeCycleDragDropList.d.ts.map +1 -0
- package/lib/components/LifeCycle/LifeCycleDragDropList.js +298 -0
- package/lib/components/LifeCycle/LifeCycleDragDropList.js.map +1 -0
- package/lib/components/LifeCycle/LifeCycleList.d.ts +8 -6
- package/lib/components/LifeCycle/LifeCycleList.d.ts.map +1 -1
- package/lib/components/LifeCycle/LifeCycleList.js +20 -30
- package/lib/components/LifeCycle/LifeCycleList.js.map +1 -1
- package/lib/components/LifeCycle/Stage.d.ts +12 -7
- package/lib/components/LifeCycle/Stage.d.ts.map +1 -1
- package/lib/components/LifeCycle/Stage.js +87 -72
- package/lib/components/LifeCycle/Stage.js.map +1 -1
- package/lib/components/LifeCycle/Step.d.ts +21 -14
- package/lib/components/LifeCycle/Step.d.ts.map +1 -1
- package/lib/components/LifeCycle/Step.js +75 -51
- package/lib/components/LifeCycle/Step.js.map +1 -1
- package/lib/components/LifeCycle/Task.d.ts +18 -7
- package/lib/components/LifeCycle/Task.d.ts.map +1 -1
- package/lib/components/LifeCycle/Task.js +119 -55
- package/lib/components/LifeCycle/Task.js.map +1 -1
- package/lib/components/LifeCycle/index.d.ts +2 -1
- package/lib/components/LifeCycle/index.d.ts.map +1 -1
- package/lib/components/LifeCycle/index.js +1 -0
- package/lib/components/LifeCycle/index.js.map +1 -1
- package/lib/components/LifeCycle/utils.d.ts +14 -0
- package/lib/components/LifeCycle/utils.d.ts.map +1 -0
- package/lib/components/LifeCycle/utils.js +250 -0
- package/lib/components/LifeCycle/utils.js.map +1 -0
- package/lib/components/MobileBuildSummary/MobileBuildSummary.d.ts +2 -3
- package/lib/components/MobileBuildSummary/MobileBuildSummary.d.ts.map +1 -1
- package/lib/components/MobileBuildSummary/MobileBuildSummary.js.map +1 -1
- package/lib/components/ObjectSelect/ObjectPicker.d.ts +2 -2
- package/lib/components/ObjectSelect/ObjectPicker.d.ts.map +1 -1
- package/lib/components/ObjectSelect/ObjectPicker.js.map +1 -1
- package/lib/components/PageTemplates/GalleryPage.d.ts +2 -2
- package/lib/components/PageTemplates/GalleryPage.d.ts.map +1 -1
- package/lib/components/PageTemplates/GalleryPage.js.map +1 -1
- package/lib/components/PageTemplates/PageTemplates.d.ts +5 -5
- package/lib/components/PageTemplates/PageTemplates.d.ts.map +1 -1
- package/lib/components/PageTemplates/PageTemplates.js.map +1 -1
- package/lib/components/PageTemplates/ShowcasePage.d.ts +2 -2
- package/lib/components/PageTemplates/ShowcasePage.d.ts.map +1 -1
- package/lib/components/PageTemplates/ShowcasePage.js.map +1 -1
- package/lib/components/RuleSelect/RuleSelect.js +3 -3
- package/lib/components/RuleSelect/RuleSelect.js.map +1 -1
- package/lib/components/Workbench/Workbench.d.ts +2 -3
- package/lib/components/Workbench/Workbench.d.ts.map +1 -1
- package/lib/components/Workbench/Workbench.js.map +1 -1
- package/lib/components/Workbench/Workbench.styles.d.ts +2 -2
- package/lib/components/Workbench/Workbench.styles.d.ts.map +1 -1
- package/lib/index.d.ts +4 -2
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +4 -2
- package/lib/index.js.map +1 -1
- package/lib/{components/FieldReference → utils}/typeIconMapping.d.ts +8 -0
- package/lib/utils/typeIconMapping.d.ts.map +1 -0
- package/lib/{components/FieldReference → utils}/typeIconMapping.js +15 -3
- package/lib/utils/typeIconMapping.js.map +1 -0
- package/package.json +16 -14
- package/lib/components/FieldReference/typeIconMapping.d.ts.map +0 -1
- package/lib/components/FieldReference/typeIconMapping.js.map +0 -1
- package/lib/components/FlowModeller/AddNode.d.ts +0 -18
- package/lib/components/FlowModeller/AddNode.d.ts.map +0 -1
- package/lib/components/FlowModeller/AddNode.js +0 -86
- package/lib/components/FlowModeller/AddNode.js.map +0 -1
- package/lib/components/FlowModeller/Connector.d.ts +0 -6
- package/lib/components/FlowModeller/Connector.d.ts.map +0 -1
- package/lib/components/FlowModeller/Connector.js +0 -69
- package/lib/components/FlowModeller/Connector.js.map +0 -1
- package/lib/components/FlowModeller/DeletePopover.d.ts +0 -19
- package/lib/components/FlowModeller/DeletePopover.d.ts.map +0 -1
- package/lib/components/FlowModeller/DeletePopover.js +0 -136
- package/lib/components/FlowModeller/DeletePopover.js.map +0 -1
- package/lib/components/FlowModeller/FlowModeller.d.ts +0 -5
- package/lib/components/FlowModeller/FlowModeller.d.ts.map +0 -1
- package/lib/components/FlowModeller/FlowModeller.js +0 -317
- package/lib/components/FlowModeller/FlowModeller.js.map +0 -1
- package/lib/components/FlowModeller/FlowModeller.types.d.ts +0 -27
- package/lib/components/FlowModeller/FlowModeller.types.d.ts.map +0 -1
- package/lib/components/FlowModeller/FlowModeller.types.js +0 -2
- package/lib/components/FlowModeller/FlowModeller.types.js.map +0 -1
- package/lib/components/FlowModeller/FlowModellerContext.d.ts +0 -10
- package/lib/components/FlowModeller/FlowModellerContext.d.ts.map +0 -1
- package/lib/components/FlowModeller/FlowModellerContext.js +0 -8
- package/lib/components/FlowModeller/FlowModellerContext.js.map +0 -1
- package/lib/components/FlowModeller/Node/Node.types.d.ts +0 -75
- package/lib/components/FlowModeller/Node/Node.types.d.ts.map +0 -1
- package/lib/components/FlowModeller/Node/Node.types.js +0 -27
- package/lib/components/FlowModeller/Node/Node.types.js.map +0 -1
- package/lib/components/FlowModeller/Node/NodeTemplate.styles.d.ts +0 -20
- package/lib/components/FlowModeller/Node/NodeTemplate.styles.d.ts.map +0 -1
- package/lib/components/FlowModeller/Node/NodeTemplate.styles.js +0 -151
- package/lib/components/FlowModeller/Node/NodeTemplate.styles.js.map +0 -1
- package/lib/components/FlowModeller/Node/NodeTemplates.d.ts +0 -6
- package/lib/components/FlowModeller/Node/NodeTemplates.d.ts.map +0 -1
- package/lib/components/FlowModeller/Node/NodeTemplates.js +0 -69
- package/lib/components/FlowModeller/Node/NodeTemplates.js.map +0 -1
- package/lib/components/FlowModeller/Node.d.ts +0 -5
- package/lib/components/FlowModeller/Node.d.ts.map +0 -1
- package/lib/components/FlowModeller/Node.js +0 -22
- package/lib/components/FlowModeller/Node.js.map +0 -1
- package/lib/components/FlowModeller/Renderer/Renderer.d.ts +0 -5
- package/lib/components/FlowModeller/Renderer/Renderer.d.ts.map +0 -1
- package/lib/components/FlowModeller/Renderer/Renderer.js +0 -48
- package/lib/components/FlowModeller/Renderer/Renderer.js.map +0 -1
- package/lib/components/FlowModeller/Renderer/Renderer.types.d.ts +0 -18
- package/lib/components/FlowModeller/Renderer/Renderer.types.d.ts.map +0 -1
- package/lib/components/FlowModeller/Renderer/Renderer.types.js +0 -2
- package/lib/components/FlowModeller/Renderer/Renderer.types.js.map +0 -1
- package/lib/components/FlowModeller/Renderer/Utils/Graph.d.ts +0 -59
- package/lib/components/FlowModeller/Renderer/Utils/Graph.d.ts.map +0 -1
- package/lib/components/FlowModeller/Renderer/Utils/Graph.js +0 -258
- package/lib/components/FlowModeller/Renderer/Utils/Graph.js.map +0 -1
- package/lib/components/FlowModeller/Renderer/Utils/GraphLayout.d.ts +0 -36
- package/lib/components/FlowModeller/Renderer/Utils/GraphLayout.d.ts.map +0 -1
- package/lib/components/FlowModeller/Renderer/Utils/GraphLayout.js +0 -120
- package/lib/components/FlowModeller/Renderer/Utils/GraphLayout.js.map +0 -1
- package/lib/components/FlowModeller/Renderer/Utils/GraphTraversal.d.ts +0 -28
- package/lib/components/FlowModeller/Renderer/Utils/GraphTraversal.d.ts.map +0 -1
- package/lib/components/FlowModeller/Renderer/Utils/GraphTraversal.js +0 -172
- package/lib/components/FlowModeller/Renderer/Utils/GraphTraversal.js.map +0 -1
- package/lib/components/FlowModeller/Utils/addNodeUtils.d.ts +0 -18
- package/lib/components/FlowModeller/Utils/addNodeUtils.d.ts.map +0 -1
- package/lib/components/FlowModeller/Utils/addNodeUtils.js +0 -141
- package/lib/components/FlowModeller/Utils/addNodeUtils.js.map +0 -1
- package/lib/components/FlowModeller/Utils/deleteNodeUtils.d.ts +0 -30
- package/lib/components/FlowModeller/Utils/deleteNodeUtils.d.ts.map +0 -1
- package/lib/components/FlowModeller/Utils/deleteNodeUtils.js +0 -81
- package/lib/components/FlowModeller/Utils/deleteNodeUtils.js.map +0 -1
- package/lib/components/FlowModeller/helper.d.ts +0 -39
- package/lib/components/FlowModeller/helper.d.ts.map +0 -1
- package/lib/components/FlowModeller/helper.js +0 -198
- package/lib/components/FlowModeller/helper.js.map +0 -1
- package/lib/components/FlowModeller/index.d.ts +0 -20
- package/lib/components/FlowModeller/index.d.ts.map +0 -1
- package/lib/components/FlowModeller/index.js +0 -12
- package/lib/components/FlowModeller/index.js.map +0 -1
- package/lib/components/IconTile/IconTile.styles.d.ts +0 -7
- package/lib/components/IconTile/IconTile.styles.d.ts.map +0 -1
- package/lib/components/IconTile/IconTile.styles.js +0 -68
- package/lib/components/IconTile/IconTile.styles.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typeIconMapping.d.ts","sourceRoot":"","sources":["../../src/utils/typeIconMapping.ts"],"names":[],"mappings":"AA6BA,OAAO,EAAgB,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAkCvE,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,eAAe,CAAC;AAGrD,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCS,CAAC;AAGtC,eAAO,MAAM,cAAc,SAAU,MAAM,KAAG,SA8D7C,CAAC"}
|
|
@@ -26,8 +26,9 @@ import * as WidgetIcon from '@pega/cosmos-react-core/lib/components/Icon/streaml
|
|
|
26
26
|
import * as UserIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/user.icon';
|
|
27
27
|
import * as Box4Icon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/box-4.icon';
|
|
28
28
|
import * as TypeCursorIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/type-cursor.icon';
|
|
29
|
+
import * as FieldCursorIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/field-cursor.icon';
|
|
29
30
|
import { registerIcon } from '@pega/cosmos-react-core';
|
|
30
|
-
registerIcon(LocationIcon, PaperClipIcon, BooleanIcon, ChartIcon, CurrencyIcon, CalendarEmptyIcon, DatavizDatetimeFieldIcon, NumberDecimalIcon, MailIcon, TableBoltIcon, CaseIcon, DatavizNumericFieldIcon, FiletypeTextIcon, PercentageIcon, PhoneIcon, ListIcon, PolarisIcon, PaperSearchIcon, RuleIcon, FoldersIcon, DatavizStringFieldIcon, ClockIcon, ChainIcon, NewspaperIcon, WidgetIcon, UserIcon, Box4Icon, TypeCursorIcon);
|
|
31
|
+
registerIcon(LocationIcon, PaperClipIcon, BooleanIcon, ChartIcon, CurrencyIcon, CalendarEmptyIcon, DatavizDatetimeFieldIcon, NumberDecimalIcon, MailIcon, TableBoltIcon, CaseIcon, DatavizNumericFieldIcon, FiletypeTextIcon, PercentageIcon, PhoneIcon, ListIcon, PolarisIcon, PaperSearchIcon, RuleIcon, FoldersIcon, DatavizStringFieldIcon, ClockIcon, ChainIcon, NewspaperIcon, WidgetIcon, UserIcon, Box4Icon, TypeCursorIcon, FieldCursorIcon);
|
|
31
32
|
// This is the authoritative list of allowed types in authoring lists
|
|
32
33
|
export const typeIconMapping = {
|
|
33
34
|
Address: { set: LocationIcon.set, name: LocationIcon.name },
|
|
@@ -40,7 +41,9 @@ export const typeIconMapping = {
|
|
|
40
41
|
Decimal: { set: NumberDecimalIcon.set, name: NumberDecimalIcon.name },
|
|
41
42
|
Email: { set: MailIcon.set, name: MailIcon.name },
|
|
42
43
|
'Embedded field': { set: TableBoltIcon.set, name: TableBoltIcon.name },
|
|
44
|
+
Field: { set: FieldCursorIcon.set, name: FieldCursorIcon.name },
|
|
43
45
|
'Field reference': { set: CaseIcon.set, name: CaseIcon.name },
|
|
46
|
+
Insight: { set: ChartIcon.set, name: ChartIcon.name },
|
|
44
47
|
Integer: { set: DatavizNumericFieldIcon.set, name: DatavizNumericFieldIcon.name },
|
|
45
48
|
List: { set: ChartIcon.set, name: ChartIcon.name },
|
|
46
49
|
Location: { set: LocationIcon.set, name: LocationIcon.name },
|
|
@@ -86,7 +89,9 @@ export const getIconMapping = (type) => {
|
|
|
86
89
|
if (type.includes('Query')) {
|
|
87
90
|
return { set: PaperSearchIcon.set, name: PaperSearchIcon.name };
|
|
88
91
|
}
|
|
89
|
-
if (type.includes('Embedded data') ||
|
|
92
|
+
if (type.includes('Embedded data') ||
|
|
93
|
+
type.includes('Embedded Data') ||
|
|
94
|
+
type.includes('Data Reference')) {
|
|
90
95
|
return { set: TableBoltIcon.set, name: TableBoltIcon.name };
|
|
91
96
|
}
|
|
92
97
|
if (type.endsWith('single') ||
|
|
@@ -94,9 +99,16 @@ export const getIconMapping = (type) => {
|
|
|
94
99
|
type.endsWith('multi') ||
|
|
95
100
|
type.endsWith('multi)') ||
|
|
96
101
|
type.endsWith('Reference') ||
|
|
97
|
-
type.endsWith('reference')
|
|
102
|
+
type.endsWith('reference') ||
|
|
103
|
+
type === 'ExploreDataObject') {
|
|
98
104
|
return { set: CaseIcon.set, name: CaseIcon.name };
|
|
99
105
|
}
|
|
106
|
+
if (type.includes('Date only')) {
|
|
107
|
+
return { set: CalendarEmptyIcon.set, name: CalendarEmptyIcon.name };
|
|
108
|
+
}
|
|
109
|
+
if (type.includes('Time only')) {
|
|
110
|
+
return { set: ClockIcon.set, name: ClockIcon.name };
|
|
111
|
+
}
|
|
100
112
|
return typeIconMapping[type] || undefined;
|
|
101
113
|
};
|
|
102
114
|
//# sourceMappingURL=typeIconMapping.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typeIconMapping.js","sourceRoot":"","sources":["../../src/utils/typeIconMapping.ts"],"names":[],"mappings":"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","sourcesContent":["import * as LocationIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/location.icon';\nimport * as PaperClipIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/paper-clip.icon';\nimport * as BooleanIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/circle-mixed-left.icon';\nimport * as ChartIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/search-analytics.icon';\nimport * as CurrencyIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/currency.icon';\nimport * as CalendarEmptyIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/calendar-empty.icon';\nimport * as DatavizDatetimeFieldIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/dataviz-datetime-field.icon';\nimport * as NumberDecimalIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/number-decimal.icon';\nimport * as MailIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/mail.icon';\nimport * as TableBoltIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/table-bolt.icon';\nimport * as CaseIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/case.icon';\nimport * as DatavizNumericFieldIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/dataviz-numeric-field.icon';\nimport * as FiletypeTextIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/filetype-text.icon';\nimport * as PercentageIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/percentage.icon';\nimport * as PhoneIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/phone.icon';\nimport * as ListIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/list.icon';\nimport * as PolarisIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/polaris.icon';\nimport * as PaperSearchIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/paper-search.icon';\nimport * as RuleIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/rule.icon';\nimport * as FoldersIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/folders.icon';\nimport * as DatavizStringFieldIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/dataviz-string-field.icon';\nimport * as ClockIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/clock.icon';\nimport * as ChainIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/chain.icon';\nimport * as NewspaperIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/newspaper.icon';\nimport * as WidgetIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/widget.icon';\nimport * as UserIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/user.icon';\nimport * as Box4Icon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/box-4.icon';\nimport * as TypeCursorIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/type-cursor.icon';\nimport * as FieldCursorIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/field-cursor.icon';\nimport { registerIcon, type IconProps } from '@pega/cosmos-react-core';\n\nregisterIcon(\n LocationIcon,\n PaperClipIcon,\n BooleanIcon,\n ChartIcon,\n CurrencyIcon,\n CalendarEmptyIcon,\n DatavizDatetimeFieldIcon,\n NumberDecimalIcon,\n MailIcon,\n TableBoltIcon,\n CaseIcon,\n DatavizNumericFieldIcon,\n FiletypeTextIcon,\n PercentageIcon,\n PhoneIcon,\n ListIcon,\n PolarisIcon,\n PaperSearchIcon,\n RuleIcon,\n FoldersIcon,\n DatavizStringFieldIcon,\n ClockIcon,\n ChainIcon,\n NewspaperIcon,\n WidgetIcon,\n UserIcon,\n Box4Icon,\n TypeCursorIcon,\n FieldCursorIcon\n);\n\nexport type FieldType = keyof typeof typeIconMapping;\n\n// This is the authoritative list of allowed types in authoring lists\nexport const typeIconMapping = {\n Address: { set: LocationIcon.set, name: LocationIcon.name },\n Attachment: { set: PaperClipIcon.set, name: PaperClipIcon.name },\n Boolean: { set: BooleanIcon.set, name: BooleanIcon.name },\n Chart: { set: ChartIcon.set, name: ChartIcon.name },\n Currency: { set: CurrencyIcon.set, name: CurrencyIcon.name },\n Date: { set: CalendarEmptyIcon.set, name: CalendarEmptyIcon.name },\n 'Date & time': { set: DatavizDatetimeFieldIcon.set, name: DatavizDatetimeFieldIcon.name },\n Decimal: { set: NumberDecimalIcon.set, name: NumberDecimalIcon.name },\n Email: { set: MailIcon.set, name: MailIcon.name },\n 'Embedded field': { set: TableBoltIcon.set, name: TableBoltIcon.name },\n Field: { set: FieldCursorIcon.set, name: FieldCursorIcon.name },\n 'Field reference': { set: CaseIcon.set, name: CaseIcon.name },\n Insight: { set: ChartIcon.set, name: ChartIcon.name },\n Integer: { set: DatavizNumericFieldIcon.set, name: DatavizNumericFieldIcon.name },\n List: { set: ChartIcon.set, name: ChartIcon.name },\n Location: { set: LocationIcon.set, name: LocationIcon.name },\n Paragraph: { set: FiletypeTextIcon.set, name: FiletypeTextIcon.name },\n Percentage: { set: PercentageIcon.set, name: PercentageIcon.name },\n Phone: { set: PhoneIcon.set, name: PhoneIcon.name },\n Picklist: { set: ListIcon.set, name: ListIcon.name },\n Prediction: { set: PolarisIcon.set, name: PolarisIcon.name },\n Query: { set: PaperSearchIcon.set, name: PaperSearchIcon.name },\n 'Rule reference': { set: RuleIcon.set, name: RuleIcon.name },\n Tab: { set: FoldersIcon.set, name: FoldersIcon.name },\n Text: { set: DatavizStringFieldIcon.set, name: DatavizStringFieldIcon.name },\n 'Text (paragraph)': { set: FiletypeTextIcon.set, name: FiletypeTextIcon.name },\n Time: { set: ClockIcon.set, name: ClockIcon.name },\n URL: { set: ChainIcon.set, name: ChainIcon.name },\n View: { set: NewspaperIcon.set, name: NewspaperIcon.name },\n Widget: { set: WidgetIcon.set, name: WidgetIcon.name },\n 'User reference': { set: UserIcon.set, name: UserIcon.name }\n} satisfies Record<string, IconProps>;\n\n// This function supports legacy types and implementations\nexport const getIconMapping = (type: string): IconProps => {\n if (type.includes('Group')) {\n return { set: Box4Icon.set, name: Box4Icon.name };\n }\n\n if (type.includes('Dropdown')) {\n return { set: ListIcon.set, name: ListIcon.name };\n }\n\n if (type.includes('TextArea')) {\n return { set: TypeCursorIcon.set, name: TypeCursorIcon.name };\n }\n\n if (type.includes('Text (single line)')) {\n return { set: DatavizStringFieldIcon.set, name: DatavizStringFieldIcon.name };\n }\n\n if (type.includes('DateTime')) {\n return { set: DatavizDatetimeFieldIcon.set, name: DatavizDatetimeFieldIcon.name };\n }\n\n if (type.includes('User')) {\n return { set: UserIcon.set, name: UserIcon.name };\n }\n\n if (type.includes('Rule reference')) {\n return { set: RuleIcon.set, name: RuleIcon.name };\n }\n\n if (type.includes('Query')) {\n return { set: PaperSearchIcon.set, name: PaperSearchIcon.name };\n }\n\n if (\n type.includes('Embedded data') ||\n type.includes('Embedded Data') ||\n type.includes('Data Reference')\n ) {\n return { set: TableBoltIcon.set, name: TableBoltIcon.name };\n }\n\n if (\n type.endsWith('single') ||\n type.endsWith('single)') ||\n type.endsWith('multi') ||\n type.endsWith('multi)') ||\n type.endsWith('Reference') ||\n type.endsWith('reference') ||\n type === 'ExploreDataObject'\n ) {\n return { set: CaseIcon.set, name: CaseIcon.name };\n }\n\n if (type.includes('Date only')) {\n return { set: CalendarEmptyIcon.set, name: CalendarEmptyIcon.name };\n }\n\n if (type.includes('Time only')) {\n return { set: ClockIcon.set, name: ClockIcon.name };\n }\n\n return typeIconMapping[type as FieldType] || undefined;\n};\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pega/cosmos-react-build",
|
|
3
|
-
"version": "8.0.
|
|
3
|
+
"version": "8.0.1",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "git+https://github.com/pegasystems/cosmos-react.git",
|
|
@@ -19,32 +19,34 @@
|
|
|
19
19
|
"build": "tsc -b tsconfig.build.json"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@pega/cosmos-react-core": "8.0.
|
|
23
|
-
"@pega/cosmos-react-dnd": "8.0.
|
|
24
|
-
"@pega/cosmos-react-rte": "8.0.
|
|
25
|
-
"@types/codemirror": "^5.60.
|
|
22
|
+
"@pega/cosmos-react-core": "8.0.1",
|
|
23
|
+
"@pega/cosmos-react-dnd": "8.0.1",
|
|
24
|
+
"@pega/cosmos-react-rte": "8.0.1",
|
|
25
|
+
"@types/codemirror": "^5.60.15",
|
|
26
26
|
"@types/dagre": "^0.7.46",
|
|
27
|
-
"@types/react": "^17.0.62",
|
|
28
|
-
"@types/react-dom": "^17.0.20",
|
|
27
|
+
"@types/react": "^17.0.62 || ^18.3.3",
|
|
28
|
+
"@types/react-dom": "^17.0.20 || ^18.3.0",
|
|
29
29
|
"@types/styled-components": "^5.1.26",
|
|
30
30
|
"codemirror": "^5.65.9",
|
|
31
|
+
"css-gradient-parser": "^0.0.16",
|
|
31
32
|
"dagre": "^0.8.5",
|
|
32
33
|
"polished": "^4.1.0",
|
|
33
|
-
"react": "^17.0.0",
|
|
34
|
-
"react-codemirror2": "^
|
|
35
|
-
"react-dom": "^17.0.0",
|
|
34
|
+
"react": "^17.0.0 || ^18.0.0",
|
|
35
|
+
"react-codemirror2": "^8.0.1",
|
|
36
|
+
"react-dom": "^17.0.0 || ^18.0.0",
|
|
36
37
|
"styled-components": "^5.2.0",
|
|
37
|
-
"tinymce": "^6.8.
|
|
38
|
+
"tinymce": "^6.8.5"
|
|
38
39
|
},
|
|
39
40
|
"devDependencies": {
|
|
41
|
+
"@storybook/addon-actions": "~8.2.9",
|
|
40
42
|
"@storybook/react": "~8.2.9",
|
|
41
|
-
"@testing-library/react": "^
|
|
42
|
-
"@testing-library/user-event": "^14.
|
|
43
|
+
"@testing-library/react": "^16.0.0",
|
|
44
|
+
"@testing-library/user-event": "^14.6.1",
|
|
43
45
|
"typescript": "~5.5.4"
|
|
44
46
|
},
|
|
45
47
|
"overrides": {
|
|
46
48
|
"react-codemirror2": {
|
|
47
|
-
"react": "^17.0.0"
|
|
49
|
+
"react": "^17.0.0 || ^18.0.0"
|
|
48
50
|
}
|
|
49
51
|
}
|
|
50
52
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"typeIconMapping.d.ts","sourceRoot":"","sources":["../../../src/components/FieldReference/typeIconMapping.ts"],"names":[],"mappings":"AA4BA,OAAO,EAAgB,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAiCvE,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,eAAe,CAAC;AAGrD,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BS,CAAC;AAGtC,eAAO,MAAM,cAAc,SAAU,MAAM,KAAG,SAiD7C,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"typeIconMapping.js","sourceRoot":"","sources":["../../../src/components/FieldReference/typeIconMapping.ts"],"names":[],"mappings":"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","sourcesContent":["import * as LocationIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/location.icon';\nimport * as PaperClipIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/paper-clip.icon';\nimport * as BooleanIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/circle-mixed-left.icon';\nimport * as ChartIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/search-analytics.icon';\nimport * as CurrencyIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/currency.icon';\nimport * as CalendarEmptyIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/calendar-empty.icon';\nimport * as DatavizDatetimeFieldIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/dataviz-datetime-field.icon';\nimport * as NumberDecimalIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/number-decimal.icon';\nimport * as MailIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/mail.icon';\nimport * as TableBoltIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/table-bolt.icon';\nimport * as CaseIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/case.icon';\nimport * as DatavizNumericFieldIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/dataviz-numeric-field.icon';\nimport * as FiletypeTextIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/filetype-text.icon';\nimport * as PercentageIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/percentage.icon';\nimport * as PhoneIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/phone.icon';\nimport * as ListIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/list.icon';\nimport * as PolarisIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/polaris.icon';\nimport * as PaperSearchIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/paper-search.icon';\nimport * as RuleIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/rule.icon';\nimport * as FoldersIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/folders.icon';\nimport * as DatavizStringFieldIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/dataviz-string-field.icon';\nimport * as ClockIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/clock.icon';\nimport * as ChainIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/chain.icon';\nimport * as NewspaperIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/newspaper.icon';\nimport * as WidgetIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/widget.icon';\nimport * as UserIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/user.icon';\nimport * as Box4Icon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/box-4.icon';\nimport * as TypeCursorIcon from '@pega/cosmos-react-core/lib/components/Icon/streamline-icons/type-cursor.icon';\nimport { registerIcon, type IconProps } from '@pega/cosmos-react-core';\n\nregisterIcon(\n LocationIcon,\n PaperClipIcon,\n BooleanIcon,\n ChartIcon,\n CurrencyIcon,\n CalendarEmptyIcon,\n DatavizDatetimeFieldIcon,\n NumberDecimalIcon,\n MailIcon,\n TableBoltIcon,\n CaseIcon,\n DatavizNumericFieldIcon,\n FiletypeTextIcon,\n PercentageIcon,\n PhoneIcon,\n ListIcon,\n PolarisIcon,\n PaperSearchIcon,\n RuleIcon,\n FoldersIcon,\n DatavizStringFieldIcon,\n ClockIcon,\n ChainIcon,\n NewspaperIcon,\n WidgetIcon,\n UserIcon,\n Box4Icon,\n TypeCursorIcon\n);\n\nexport type FieldType = keyof typeof typeIconMapping;\n\n// This is the authoritative list of allowed types in authoring lists\nexport const typeIconMapping = {\n Address: { set: LocationIcon.set, name: LocationIcon.name },\n Attachment: { set: PaperClipIcon.set, name: PaperClipIcon.name },\n Boolean: { set: BooleanIcon.set, name: BooleanIcon.name },\n Chart: { set: ChartIcon.set, name: ChartIcon.name },\n Currency: { set: CurrencyIcon.set, name: CurrencyIcon.name },\n Date: { set: CalendarEmptyIcon.set, name: CalendarEmptyIcon.name },\n 'Date & time': { set: DatavizDatetimeFieldIcon.set, name: DatavizDatetimeFieldIcon.name },\n Decimal: { set: NumberDecimalIcon.set, name: NumberDecimalIcon.name },\n Email: { set: MailIcon.set, name: MailIcon.name },\n 'Embedded field': { set: TableBoltIcon.set, name: TableBoltIcon.name },\n 'Field reference': { set: CaseIcon.set, name: CaseIcon.name },\n Integer: { set: DatavizNumericFieldIcon.set, name: DatavizNumericFieldIcon.name },\n List: { set: ChartIcon.set, name: ChartIcon.name },\n Location: { set: LocationIcon.set, name: LocationIcon.name },\n Paragraph: { set: FiletypeTextIcon.set, name: FiletypeTextIcon.name },\n Percentage: { set: PercentageIcon.set, name: PercentageIcon.name },\n Phone: { set: PhoneIcon.set, name: PhoneIcon.name },\n Picklist: { set: ListIcon.set, name: ListIcon.name },\n Prediction: { set: PolarisIcon.set, name: PolarisIcon.name },\n Query: { set: PaperSearchIcon.set, name: PaperSearchIcon.name },\n 'Rule reference': { set: RuleIcon.set, name: RuleIcon.name },\n Tab: { set: FoldersIcon.set, name: FoldersIcon.name },\n Text: { set: DatavizStringFieldIcon.set, name: DatavizStringFieldIcon.name },\n 'Text (paragraph)': { set: FiletypeTextIcon.set, name: FiletypeTextIcon.name },\n Time: { set: ClockIcon.set, name: ClockIcon.name },\n URL: { set: ChainIcon.set, name: ChainIcon.name },\n View: { set: NewspaperIcon.set, name: NewspaperIcon.name },\n Widget: { set: WidgetIcon.set, name: WidgetIcon.name },\n 'User reference': { set: UserIcon.set, name: UserIcon.name }\n} satisfies Record<string, IconProps>;\n\n// This function supports legacy types and implementations\nexport const getIconMapping = (type: string): IconProps => {\n if (type.includes('Group')) {\n return { set: Box4Icon.set, name: Box4Icon.name };\n }\n\n if (type.includes('Dropdown')) {\n return { set: ListIcon.set, name: ListIcon.name };\n }\n\n if (type.includes('TextArea')) {\n return { set: TypeCursorIcon.set, name: TypeCursorIcon.name };\n }\n\n if (type.includes('Text (single line)')) {\n return { set: DatavizStringFieldIcon.set, name: DatavizStringFieldIcon.name };\n }\n\n if (type.includes('DateTime')) {\n return { set: DatavizDatetimeFieldIcon.set, name: DatavizDatetimeFieldIcon.name };\n }\n\n if (type.includes('User')) {\n return { set: UserIcon.set, name: UserIcon.name };\n }\n\n if (type.includes('Rule reference')) {\n return { set: RuleIcon.set, name: RuleIcon.name };\n }\n\n if (type.includes('Query')) {\n return { set: PaperSearchIcon.set, name: PaperSearchIcon.name };\n }\n\n if (type.includes('Embedded data') || type.includes('Embedded Data')) {\n return { set: TableBoltIcon.set, name: TableBoltIcon.name };\n }\n\n if (\n type.endsWith('single') ||\n type.endsWith('single)') ||\n type.endsWith('multi') ||\n type.endsWith('multi)') ||\n type.endsWith('Reference') ||\n type.endsWith('reference')\n ) {\n return { set: CaseIcon.set, name: CaseIcon.name };\n }\n\n return typeIconMapping[type as FieldType] || undefined;\n};\n"]}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import type { FC, MouseEvent } from 'react';
|
|
2
|
-
import type { PlottedGraphNode } from './Renderer/Utils/GraphLayout';
|
|
3
|
-
export declare const StyledDot: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@pega/cosmos-react-core").IconProps>, import("styled-components").DefaultTheme, {
|
|
4
|
-
highlight?: boolean;
|
|
5
|
-
}, never>;
|
|
6
|
-
export declare const StyledPlus: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@pega/cosmos-react-core").IconProps>, import("styled-components").DefaultTheme, {}, never>;
|
|
7
|
-
export declare const StyledWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
8
|
-
export declare const StyledButton: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").ButtonProps & import("@pega/cosmos-react-core").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
|
|
9
|
-
export interface AddNodeProps extends PlottedGraphNode {
|
|
10
|
-
onClick?: (ev: Event) => void;
|
|
11
|
-
addNodeHandler: (e: MouseEvent<HTMLButtonElement>) => void;
|
|
12
|
-
highlight?: boolean;
|
|
13
|
-
}
|
|
14
|
-
export declare const StyledConnectorLabel: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").TextProps & import("@pega/cosmos-react-core").ForwardProps>, import("styled-components").DefaultTheme, {
|
|
15
|
-
highlight: boolean;
|
|
16
|
-
}, never>;
|
|
17
|
-
export declare const AddButton: FC<Pick<AddNodeProps, 'addNodeHandler' | 'highlight'>>;
|
|
18
|
-
//# sourceMappingURL=AddNode.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AddNode.d.ts","sourceRoot":"","sources":["../../../src/components/FlowModeller/AddNode.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAY5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGrE,eAAO,MAAM,SAAS;gBAA8B,OAAO;SAWzD,CAAC;AAIH,eAAO,MAAM,UAAU,0LAEtB,CAAC;AAEF,eAAO,MAAM,aAAa,yGASxB,CAAC;AAIH,eAAO,MAAM,YAAY,qOA0BvB,CAAC;AAIH,MAAM,WAAW,YAAa,SAAQ,gBAAgB;IACpD,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,KAAK,IAAI,CAAC;IAC9B,cAAc,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,oBAAoB;eAA6B,OAAO;SAQnE,CAAC;AAIH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,gBAAgB,GAAG,WAAW,CAAC,CAgC5E,CAAC"}
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import styled, { css } from 'styled-components';
|
|
3
|
-
import { useContext, useState, useEffect } from 'react';
|
|
4
|
-
import { Button, defaultThemeProp, Flex, Icon, useI18n, StyledTooltip, Text } from '@pega/cosmos-react-core';
|
|
5
|
-
import FlowModellerContext from './FlowModellerContext';
|
|
6
|
-
export const StyledDot = styled(Icon)(({ theme, highlight }) => {
|
|
7
|
-
return css `
|
|
8
|
-
position: absolute;
|
|
9
|
-
color: ${theme.base.colors.slate.dark};
|
|
10
|
-
${highlight &&
|
|
11
|
-
css `
|
|
12
|
-
{
|
|
13
|
-
color: ${theme.base.colors.red.dark};
|
|
14
|
-
}
|
|
15
|
-
`}
|
|
16
|
-
`;
|
|
17
|
-
});
|
|
18
|
-
StyledDot.defaultProps = defaultThemeProp;
|
|
19
|
-
export const StyledPlus = styled(Icon) `
|
|
20
|
-
opacity: 0;
|
|
21
|
-
`;
|
|
22
|
-
export const StyledWrapper = styled.div(({ theme }) => {
|
|
23
|
-
return css `
|
|
24
|
-
margin-block-start: ${theme.base.spacing};
|
|
25
|
-
|
|
26
|
-
${StyledTooltip} {
|
|
27
|
-
min-width: 12ch;
|
|
28
|
-
text-align: center;
|
|
29
|
-
}
|
|
30
|
-
`;
|
|
31
|
-
});
|
|
32
|
-
StyledWrapper.defaultProps = defaultThemeProp;
|
|
33
|
-
export const StyledButton = styled(Button)(({ theme }) => {
|
|
34
|
-
return css `
|
|
35
|
-
top: -0.25rem;
|
|
36
|
-
border: 0;
|
|
37
|
-
background: transparent;
|
|
38
|
-
color: ${theme.base.colors.black};
|
|
39
|
-
&:hover,
|
|
40
|
-
&:focus {
|
|
41
|
-
background: ${theme.base.colors.white};
|
|
42
|
-
${StyledDot} {
|
|
43
|
-
opacity: 0;
|
|
44
|
-
}
|
|
45
|
-
${StyledPlus} {
|
|
46
|
-
opacity: 1;
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
&[aria-haspopup='menu'] {
|
|
50
|
-
background: ${theme.base.colors.white};
|
|
51
|
-
${StyledDot} {
|
|
52
|
-
opacity: 0;
|
|
53
|
-
}
|
|
54
|
-
${StyledPlus} {
|
|
55
|
-
opacity: 1;
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
`;
|
|
59
|
-
});
|
|
60
|
-
StyledButton.defaultProps = defaultThemeProp;
|
|
61
|
-
export const StyledConnectorLabel = styled(Text)(({ theme }) => {
|
|
62
|
-
return css `
|
|
63
|
-
border-radius: ${theme.base['border-radius']};
|
|
64
|
-
background: ${theme.base.colors.slate.dark};
|
|
65
|
-
color: ${theme.base.colors.white};
|
|
66
|
-
text-align: center;
|
|
67
|
-
padding: calc(0.5 * ${theme.base.spacing});
|
|
68
|
-
`;
|
|
69
|
-
});
|
|
70
|
-
StyledConnectorLabel.defaultProps = defaultThemeProp;
|
|
71
|
-
export const AddButton = ({ addNodeHandler, highlight }) => {
|
|
72
|
-
const t = useI18n();
|
|
73
|
-
const [hasMenuActive, setHasMenuActive] = useState(false);
|
|
74
|
-
const { showNodeLibrary } = useContext(FlowModellerContext);
|
|
75
|
-
const addNodeClickHandler = (e) => {
|
|
76
|
-
setHasMenuActive(true);
|
|
77
|
-
addNodeHandler(e);
|
|
78
|
-
};
|
|
79
|
-
useEffect(() => {
|
|
80
|
-
if (!showNodeLibrary) {
|
|
81
|
-
setHasMenuActive(false);
|
|
82
|
-
}
|
|
83
|
-
}, [showNodeLibrary]);
|
|
84
|
-
return (_jsx(Flex, { container: { justify: 'center' }, as: StyledWrapper, children: _jsxs(StyledButton, { label: t('add_node'), "aria-haspopup": hasMenuActive ? 'menu' : false, icon: true, onClick: addNodeClickHandler, children: [_jsx(StyledDot, { name: 'circle-solid', highlight: highlight }), _jsx(StyledPlus, { name: 'plus' })] }) }));
|
|
85
|
-
};
|
|
86
|
-
//# sourceMappingURL=AddNode.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AddNode.js","sourceRoot":"","sources":["../../../src/components/FlowModeller/AddNode.tsx"],"names":[],"mappings":"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","sourcesContent":["import styled, { css } from 'styled-components';\nimport { useContext, useState, useEffect } from 'react';\nimport type { FC, MouseEvent } from 'react';\n\nimport {\n Button,\n defaultThemeProp,\n Flex,\n Icon,\n useI18n,\n StyledTooltip,\n Text\n} from '@pega/cosmos-react-core';\n\nimport type { PlottedGraphNode } from './Renderer/Utils/GraphLayout';\nimport FlowModellerContext from './FlowModellerContext';\n\nexport const StyledDot = styled(Icon)<{ highlight?: boolean }>(({ theme, highlight }) => {\n return css`\n position: absolute;\n color: ${theme.base.colors.slate.dark};\n ${highlight &&\n css`\n {\n color: ${theme.base.colors.red.dark};\n }\n `}\n `;\n});\n\nStyledDot.defaultProps = defaultThemeProp;\n\nexport const StyledPlus = styled(Icon)`\n opacity: 0;\n`;\n\nexport const StyledWrapper = styled.div(({ theme }) => {\n return css`\n margin-block-start: ${theme.base.spacing};\n\n ${StyledTooltip} {\n min-width: 12ch;\n text-align: center;\n }\n `;\n});\n\nStyledWrapper.defaultProps = defaultThemeProp;\n\nexport const StyledButton = styled(Button)(({ theme }) => {\n return css`\n top: -0.25rem;\n border: 0;\n background: transparent;\n color: ${theme.base.colors.black};\n &:hover,\n &:focus {\n background: ${theme.base.colors.white};\n ${StyledDot} {\n opacity: 0;\n }\n ${StyledPlus} {\n opacity: 1;\n }\n }\n &[aria-haspopup='menu'] {\n background: ${theme.base.colors.white};\n ${StyledDot} {\n opacity: 0;\n }\n ${StyledPlus} {\n opacity: 1;\n }\n }\n `;\n});\n\nStyledButton.defaultProps = defaultThemeProp;\n\nexport interface AddNodeProps extends PlottedGraphNode {\n onClick?: (ev: Event) => void;\n addNodeHandler: (e: MouseEvent<HTMLButtonElement>) => void;\n highlight?: boolean;\n}\n\nexport const StyledConnectorLabel = styled(Text)<{ highlight: boolean }>(({ theme }) => {\n return css`\n border-radius: ${theme.base['border-radius']};\n background: ${theme.base.colors.slate.dark};\n color: ${theme.base.colors.white};\n text-align: center;\n padding: calc(0.5 * ${theme.base.spacing});\n `;\n});\n\nStyledConnectorLabel.defaultProps = defaultThemeProp;\n\nexport const AddButton: FC<Pick<AddNodeProps, 'addNodeHandler' | 'highlight'>> = ({\n addNodeHandler,\n highlight\n}) => {\n const t = useI18n();\n const [hasMenuActive, setHasMenuActive] = useState(false);\n const { showNodeLibrary } = useContext(FlowModellerContext);\n\n const addNodeClickHandler = (e: MouseEvent<HTMLButtonElement>) => {\n setHasMenuActive(true);\n addNodeHandler(e);\n };\n\n useEffect(() => {\n if (!showNodeLibrary) {\n setHasMenuActive(false);\n }\n }, [showNodeLibrary]);\n\n return (\n <Flex container={{ justify: 'center' }} as={StyledWrapper}>\n <StyledButton\n label={t('add_node')}\n aria-haspopup={hasMenuActive ? 'menu' : false}\n icon\n onClick={addNodeClickHandler}\n >\n <StyledDot name='circle-solid' highlight={highlight} />\n <StyledPlus name='plus' />\n </StyledButton>\n </Flex>\n );\n};\n"]}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { PlaceHolderConnector } from './Utils/addNodeUtils';
|
|
2
|
-
import type { PlottedGraphConnector } from './Renderer/Utils/GraphLayout';
|
|
3
|
-
type ConnectorProps = Pick<PlottedGraphConnector, 'id' | 'data' | 'labelLayout' | 'points'> & Partial<Pick<PlaceHolderConnector, 'realConnectors'>>;
|
|
4
|
-
declare const Connector: ({ id, labelLayout, data, realConnectors, points }: ConnectorProps) => JSX.Element | null;
|
|
5
|
-
export default Connector;
|
|
6
|
-
//# sourceMappingURL=Connector.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Connector.d.ts","sourceRoot":"","sources":["../../../src/components/FlowModeller/Connector.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAEjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AA0E1E,KAAK,cAAc,GAAG,IAAI,CAAC,qBAAqB,EAAE,IAAI,GAAG,MAAM,GAAG,aAAa,GAAG,QAAQ,CAAC,GACzF,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,CAAC,CAAC;AAExD,QAAA,MAAM,SAAS,sDAAuD,cAAc,uBA8CnF,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useContext } from 'react';
|
|
3
|
-
import styled, { css } from 'styled-components';
|
|
4
|
-
import { defaultThemeProp, Flex, Text, useTheme } from '@pega/cosmos-react-core';
|
|
5
|
-
import { AddButton } from './AddNode';
|
|
6
|
-
import FlowModellerContext from './FlowModellerContext';
|
|
7
|
-
const StyledLabel = styled(Text)(({ theme, highlight }) => {
|
|
8
|
-
return css `
|
|
9
|
-
border-radius: ${theme.base['border-radius']};
|
|
10
|
-
background: ${theme.base.colors.slate.dark};
|
|
11
|
-
${highlight &&
|
|
12
|
-
css `
|
|
13
|
-
{
|
|
14
|
-
background-color: ${theme.base.colors.red.dark};
|
|
15
|
-
}
|
|
16
|
-
`}
|
|
17
|
-
color: ${theme.base.colors.white};
|
|
18
|
-
text-align: center;
|
|
19
|
-
padding: calc(0.5 * ${theme.base.spacing}) ${theme.base.spacing};
|
|
20
|
-
overflow: hidden;
|
|
21
|
-
text-overflow: ellipsis;
|
|
22
|
-
max-width: 32ch;
|
|
23
|
-
white-space: nowrap;
|
|
24
|
-
`;
|
|
25
|
-
});
|
|
26
|
-
StyledLabel.defaultProps = defaultThemeProp;
|
|
27
|
-
const curveRadius = 12;
|
|
28
|
-
const genLine = (points) => {
|
|
29
|
-
const lineStr = points
|
|
30
|
-
.map((point, idx, arr) => {
|
|
31
|
-
const { x, y } = point;
|
|
32
|
-
const prev = arr[idx - 1];
|
|
33
|
-
const next = arr[idx + 1];
|
|
34
|
-
const line = `L${x},${y}`;
|
|
35
|
-
// if the point is extreme end, no need to add a curve
|
|
36
|
-
if (!prev || !next)
|
|
37
|
-
return line;
|
|
38
|
-
// if point is colinear with prev and next, no need to add a curve
|
|
39
|
-
if (prev.x === next.x || prev.y === next.y)
|
|
40
|
-
return line;
|
|
41
|
-
if (point.x > next.x)
|
|
42
|
-
// BOTTOM-RIGHT ↲
|
|
43
|
-
return `L${x},${y - curveRadius}a${curveRadius},${curveRadius} 0 0 1 -${curveRadius},${curveRadius}`;
|
|
44
|
-
// BOTTOM-LEFT ↳
|
|
45
|
-
if (point.x < next.x)
|
|
46
|
-
return `L${x},${y - curveRadius}a${curveRadius},${curveRadius} 0 0 0 ${curveRadius},${curveRadius}`;
|
|
47
|
-
// TOP-LEFT ↱
|
|
48
|
-
if (point.x < prev.x)
|
|
49
|
-
return `L${x + curveRadius},${y}a${curveRadius},${curveRadius} 0 0 0 -${curveRadius},${curveRadius}`;
|
|
50
|
-
// TOP-RIGHT ↴
|
|
51
|
-
if (point.x > prev.x)
|
|
52
|
-
return `L${x - curveRadius},${y}a${curveRadius},${curveRadius} 0 0 1 ${curveRadius},${curveRadius}`;
|
|
53
|
-
return `L${x},${y}`;
|
|
54
|
-
})
|
|
55
|
-
.join('');
|
|
56
|
-
return `M${lineStr.substr(1)}`;
|
|
57
|
-
};
|
|
58
|
-
const Connector = ({ id, labelLayout, data, realConnectors, points }) => {
|
|
59
|
-
const refId = realConnectors || id;
|
|
60
|
-
const { readOnly, highlights } = useContext(FlowModellerContext);
|
|
61
|
-
const theme = useTheme();
|
|
62
|
-
const metaData = {
|
|
63
|
-
refType: 'connector',
|
|
64
|
-
refId
|
|
65
|
-
};
|
|
66
|
-
return data.type === 'default' ? (_jsxs("g", { children: [_jsx("path", { id: id, d: genLine(points), stroke: highlights?.connectors?.[id] ? theme.base.colors.red.medium : theme.base.colors.slate.dark, strokeWidth: highlights?.connectors?.[id] ? 2 : 1, fill: 'none' }), labelLayout && (_jsxs("foreignObject", { x: labelLayout.x - labelLayout.width, y: points[3].y - 20, width: labelLayout.width, height: labelLayout.height, children: [labelLayout?.value && (_jsx(Flex, { container: { justify: 'center' }, children: _jsx(StyledLabel, { highlight: !!highlights?.connectors?.[id], children: labelLayout.value }) })), !readOnly && (_jsx(AddButton, { highlight: !!highlights?.connectors?.[id], addNodeHandler: (e) => data?.onNodeCreate(e.currentTarget, metaData) }))] }))] }, id)) : null;
|
|
67
|
-
};
|
|
68
|
-
export default Connector;
|
|
69
|
-
//# sourceMappingURL=Connector.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Connector.js","sourceRoot":"","sources":["../../../src/components/FlowModeller/Connector.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useContext } from 'react';\nimport type { MouseEvent } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { defaultThemeProp, Flex, Text, useTheme } from '@pega/cosmos-react-core';\n\nimport { AddButton } from './AddNode';\nimport type { AddNodeHandlerParams } from './Renderer/Renderer.types';\nimport type { PlaceHolderConnector } from './Utils/addNodeUtils';\nimport FlowModellerContext from './FlowModellerContext';\nimport type { PlottedGraphConnector } from './Renderer/Utils/GraphLayout';\n\nconst StyledLabel = styled(Text)<{ highlight: boolean }>(({ theme, highlight }) => {\n return css`\n border-radius: ${theme.base['border-radius']};\n background: ${theme.base.colors.slate.dark};\n ${highlight &&\n css`\n {\n background-color: ${theme.base.colors.red.dark};\n }\n `}\n color: ${theme.base.colors.white};\n text-align: center;\n padding: calc(0.5 * ${theme.base.spacing}) ${theme.base.spacing};\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 32ch;\n white-space: nowrap;\n `;\n});\n\nStyledLabel.defaultProps = defaultThemeProp;\n\ninterface Points {\n x: number;\n y: number;\n}\n\nconst curveRadius = 12;\nconst genLine = (points: Points[]) => {\n const lineStr: string = points\n .map((point: Points, idx: number, arr: Points[]) => {\n const { x, y } = point;\n const prev = arr[idx - 1];\n const next = arr[idx + 1];\n const line = `L${x},${y}`;\n\n // if the point is extreme end, no need to add a curve\n if (!prev || !next) return line;\n\n // if point is colinear with prev and next, no need to add a curve\n if (prev.x === next.x || prev.y === next.y) return line;\n\n if (point.x > next.x)\n // BOTTOM-RIGHT ↲\n return `L${x},${\n y - curveRadius\n }a${curveRadius},${curveRadius} 0 0 1 -${curveRadius},${curveRadius}`;\n\n // BOTTOM-LEFT ↳\n if (point.x < next.x)\n return `L${x},${\n y - curveRadius\n }a${curveRadius},${curveRadius} 0 0 0 ${curveRadius},${curveRadius}`;\n\n // TOP-LEFT ↱\n if (point.x < prev.x)\n return `L${\n x + curveRadius\n },${y}a${curveRadius},${curveRadius} 0 0 0 -${curveRadius},${curveRadius}`;\n\n // TOP-RIGHT ↴\n if (point.x > prev.x)\n return `L${\n x - curveRadius\n },${y}a${curveRadius},${curveRadius} 0 0 1 ${curveRadius},${curveRadius}`;\n\n return `L${x},${y}`;\n })\n .join('');\n return `M${lineStr.substr(1)}`;\n};\n\ntype ConnectorProps = Pick<PlottedGraphConnector, 'id' | 'data' | 'labelLayout' | 'points'> &\n Partial<Pick<PlaceHolderConnector, 'realConnectors'>>;\n\nconst Connector = ({ id, labelLayout, data, realConnectors, points }: ConnectorProps) => {\n const refId = realConnectors || id;\n const { readOnly, highlights } = useContext(FlowModellerContext);\n const theme = useTheme();\n\n const metaData: AddNodeHandlerParams = {\n refType: 'connector',\n refId\n };\n return data.type === 'default' ? (\n <g key={id}>\n <path\n id={id}\n d={genLine(points)}\n stroke={\n highlights?.connectors?.[id] ? theme.base.colors.red.medium : theme.base.colors.slate.dark\n }\n strokeWidth={highlights?.connectors?.[id] ? 2 : 1}\n fill='none'\n />\n {labelLayout && (\n <foreignObject\n x={labelLayout.x - labelLayout.width}\n y={points[3].y - 20}\n width={labelLayout.width}\n height={labelLayout.height}\n >\n {labelLayout?.value && (\n <Flex container={{ justify: 'center' }}>\n <StyledLabel highlight={!!highlights?.connectors?.[id]}>\n {labelLayout.value}\n </StyledLabel>\n </Flex>\n )}\n {!readOnly && (\n <AddButton\n highlight={!!highlights?.connectors?.[id]}\n addNodeHandler={(e: MouseEvent<HTMLButtonElement>) =>\n data?.onNodeCreate(e.currentTarget, metaData)\n }\n />\n )}\n </foreignObject>\n )}\n </g>\n ) : null;\n};\n\nexport default Connector;\n"]}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import type { ChangeEvent, Ref } from 'react';
|
|
2
|
-
import type { PopoverProps } from '@pega/cosmos-react-core';
|
|
3
|
-
import type { GraphData } from './Renderer/Utils/Graph';
|
|
4
|
-
import type { GraphDataAsMap, DeleteNodeOutcome } from './Utils/deleteNodeUtils';
|
|
5
|
-
export interface DeletePopoverProps {
|
|
6
|
-
show: boolean;
|
|
7
|
-
target: PopoverProps['target'];
|
|
8
|
-
flowGraphData: GraphData;
|
|
9
|
-
rendererGraphData: GraphData;
|
|
10
|
-
nodeId: string;
|
|
11
|
-
onChange?: (itemsToDelete: GraphDataAsMap, itemsToRetain: GraphDataAsMap | undefined, ev?: ChangeEvent) => void;
|
|
12
|
-
onSubmit?: (outcome: DeleteNodeOutcome, ev: Event) => void;
|
|
13
|
-
onCancel?: () => void;
|
|
14
|
-
ref?: Ref<HTMLDivElement>;
|
|
15
|
-
}
|
|
16
|
-
export declare const StyledDeletePopover: import("styled-components").StyledComponent<(<Modifiers extends string = string>(props: PopoverProps<Modifiers> & import("@pega/cosmos-react-core").ForwardProps) => import("react").ReactElement | null), import("styled-components").DefaultTheme, {}, never>;
|
|
17
|
-
declare const DeletePopover: import("react").ForwardRefExoticComponent<Omit<DeletePopoverProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
18
|
-
export default DeletePopover;
|
|
19
|
-
//# sourceMappingURL=DeletePopover.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DeletePopover.d.ts","sourceRoot":"","sources":["../../../src/components/FlowModeller/DeletePopover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAsB,WAAW,EAAmB,GAAG,EAAE,MAAM,OAAO,CAAC;AAanF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EAElB,MAAM,yBAAyB,CAAC;AAGjC,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;IAC/B,aAAa,EAAE,SAAS,CAAC;IACzB,iBAAiB,EAAE,SAAS,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CACT,aAAa,EAAE,cAAc,EAC7B,aAAa,EAAE,cAAc,GAAG,SAAS,EACzC,EAAE,CAAC,EAAE,WAAW,KACb,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,iBAAiB,EAAE,EAAE,EAAE,KAAK,KAAK,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,mBAAmB,iQAE/B,CAAC;AAEF,QAAA,MAAM,aAAa,4HA6NjB,CAAC;AAEH,eAAe,aAAa,CAAC"}
|
|
@@ -1,136 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { useState, useEffect, forwardRef } from 'react';
|
|
3
|
-
import styled from 'styled-components';
|
|
4
|
-
import { Button, Select, Option, Text, Flex, useI18n, Icon, Popover } from '@pega/cosmos-react-core';
|
|
5
|
-
import { DirectedGraph } from './Renderer/Utils/Graph';
|
|
6
|
-
import deleteNodeUtils from './Utils/deleteNodeUtils';
|
|
7
|
-
export const StyledDeletePopover = styled(Popover) `
|
|
8
|
-
max-width: 25rem;
|
|
9
|
-
`;
|
|
10
|
-
const DeletePopover = forwardRef(function DeletePopover({ show, target, flowGraphData, rendererGraphData, nodeId, onChange, onSubmit, onCancel }, ref) {
|
|
11
|
-
const [currentSelection, setCurrentSelection] = useState(0);
|
|
12
|
-
const t = useI18n();
|
|
13
|
-
const graph = new DirectedGraph(rendererGraphData);
|
|
14
|
-
const deleteOptionsResult = deleteNodeUtils.getDeleteNodeOptions(graph, nodeId);
|
|
15
|
-
const deleteOptions = deleteOptionsResult.options;
|
|
16
|
-
const nodeType = graph.getNode(nodeId).type.name;
|
|
17
|
-
useEffect(() => {
|
|
18
|
-
if (deleteOptionsResult) {
|
|
19
|
-
const itemsToDelete = nodeType !== 'Decision'
|
|
20
|
-
? deleteOptionsResult.allItems
|
|
21
|
-
: deleteOptions[currentSelection].restItems;
|
|
22
|
-
// add the actual node to be deleted also, to the list
|
|
23
|
-
itemsToDelete.nodes[nodeId] = graph.getNode(nodeId);
|
|
24
|
-
onChange?.(itemsToDelete, deleteOptions[currentSelection].pathItems);
|
|
25
|
-
}
|
|
26
|
-
}, [rendererGraphData]);
|
|
27
|
-
const onChangeHandler = (ev) => {
|
|
28
|
-
const newSelection = ev.target.selectedIndex >= deleteOptions.length ? -1 : ev.target.selectedIndex;
|
|
29
|
-
setCurrentSelection(newSelection);
|
|
30
|
-
let itemsToDelete;
|
|
31
|
-
if (deleteOptionsResult)
|
|
32
|
-
itemsToDelete = deleteOptionsResult.allItems;
|
|
33
|
-
let itemsToRetain;
|
|
34
|
-
if (newSelection !== -1) {
|
|
35
|
-
itemsToDelete = deleteOptions[newSelection].restItems;
|
|
36
|
-
itemsToRetain = deleteOptions[newSelection].pathItems;
|
|
37
|
-
}
|
|
38
|
-
// add the actual node to be deleted also, to the list
|
|
39
|
-
if (itemsToDelete)
|
|
40
|
-
itemsToDelete.nodes[nodeId] = graph.getNode(nodeId);
|
|
41
|
-
if (itemsToDelete)
|
|
42
|
-
onChange?.(itemsToDelete, itemsToRetain, ev);
|
|
43
|
-
};
|
|
44
|
-
const submitHandler = (ev) => {
|
|
45
|
-
let error = true;
|
|
46
|
-
const finalGraph = new DirectedGraph(flowGraphData);
|
|
47
|
-
const finalDeleteOptionsResult = deleteNodeUtils.getDeleteNodeOptions(finalGraph, nodeId);
|
|
48
|
-
let newTargetNode = finalDeleteOptionsResult?.destinationNodeId
|
|
49
|
-
? finalGraph.getNode(finalDeleteOptionsResult.destinationNodeId)
|
|
50
|
-
: undefined;
|
|
51
|
-
let itemsToDelete = finalDeleteOptionsResult.allItems;
|
|
52
|
-
const selectedOption = currentSelection === -1 || nodeType !== 'Decision'
|
|
53
|
-
? undefined
|
|
54
|
-
: finalDeleteOptionsResult?.options[currentSelection];
|
|
55
|
-
let finalMetaData = selectedOption;
|
|
56
|
-
if (selectedOption) {
|
|
57
|
-
const pathConnectors = selectedOption.pathItems.connectors;
|
|
58
|
-
const connectors = Object.keys(pathConnectors);
|
|
59
|
-
for (let i = 0; i < connectors.length; i += 1) {
|
|
60
|
-
const connectorData = pathConnectors[connectors[i]];
|
|
61
|
-
if (connectorData &&
|
|
62
|
-
finalGraph.getNode(connectorData.fromNodeId).type?.minConnectors !== 0 &&
|
|
63
|
-
connectorData.toNodeId === finalDeleteOptionsResult.destinationNodeId) {
|
|
64
|
-
error = false;
|
|
65
|
-
break;
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
if (error) {
|
|
69
|
-
onSubmit?.({
|
|
70
|
-
graphData: {
|
|
71
|
-
nodes: [],
|
|
72
|
-
connectors: []
|
|
73
|
-
},
|
|
74
|
-
updates: {
|
|
75
|
-
connectors: []
|
|
76
|
-
},
|
|
77
|
-
deletes: { nodes: {}, connectors: {} },
|
|
78
|
-
error: true
|
|
79
|
-
}, ev);
|
|
80
|
-
return;
|
|
81
|
-
}
|
|
82
|
-
finalMetaData = finalDeleteOptionsResult.options.find(current => selectedOption.connector.id === current.connector.id);
|
|
83
|
-
if (finalMetaData) {
|
|
84
|
-
// get the ref of the first node of the retaining path
|
|
85
|
-
newTargetNode = finalGraph.getNode(finalMetaData.connector.toNodeId);
|
|
86
|
-
itemsToDelete = finalMetaData.restItems;
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
// get the in-connectors of the selected node
|
|
90
|
-
const nodeInConnectors = finalGraph.getInConnectors(nodeId);
|
|
91
|
-
// iterate and set the targetNode to the above first node instead of the selected node.
|
|
92
|
-
nodeInConnectors.forEach(con => {
|
|
93
|
-
finalGraph.setConnector(con.id, {
|
|
94
|
-
toNodeId: newTargetNode ? newTargetNode.id : undefined
|
|
95
|
-
});
|
|
96
|
-
});
|
|
97
|
-
const resultGraphData = finalGraph.getGraphData();
|
|
98
|
-
itemsToDelete.nodes[nodeId] = finalGraph.getNode(nodeId);
|
|
99
|
-
// filter the highlighted nodes, including the selected node
|
|
100
|
-
const nodes = resultGraphData.nodes.filter(item => {
|
|
101
|
-
return itemsToDelete.nodes[item.id] === undefined;
|
|
102
|
-
});
|
|
103
|
-
if (finalMetaData) {
|
|
104
|
-
itemsToDelete.connectors[finalMetaData.connector.id] = finalMetaData.connector;
|
|
105
|
-
}
|
|
106
|
-
// filter the highlighted connectors
|
|
107
|
-
const connectors = resultGraphData.connectors.filter(item => {
|
|
108
|
-
return itemsToDelete.connectors[item.id] === undefined;
|
|
109
|
-
});
|
|
110
|
-
const outcome = {
|
|
111
|
-
graphData: {
|
|
112
|
-
nodes: nodes,
|
|
113
|
-
connectors
|
|
114
|
-
},
|
|
115
|
-
updates: {
|
|
116
|
-
connectors: nodeInConnectors
|
|
117
|
-
},
|
|
118
|
-
deletes: itemsToDelete,
|
|
119
|
-
error: false
|
|
120
|
-
};
|
|
121
|
-
onSubmit?.(outcome, ev);
|
|
122
|
-
};
|
|
123
|
-
const onCancelHandler = () => {
|
|
124
|
-
onCancel?.();
|
|
125
|
-
};
|
|
126
|
-
return (_jsx(StyledDeletePopover, { show: show, target: target, placement: 'right-end', ref: ref, modifiers: [
|
|
127
|
-
{
|
|
128
|
-
name: 'offset',
|
|
129
|
-
options: { offset: [0, 8] }
|
|
130
|
-
}
|
|
131
|
-
], children: _jsxs(Flex, { container: { gap: 2, pad: 2, direction: 'column' }, children: [_jsxs(Flex, { container: { alignItems: 'center', justify: 'between' }, children: [_jsx(Text, { variant: 'h4', children: t('delete_step_title') }), _jsx(Button, { variant: 'simple', icon: true, label: t('close'), onClick: onCancelHandler, children: _jsx(Icon, { name: 'times' }) })] }), nodeType === 'Decision' ? (_jsxs(_Fragment, { children: [_jsx(Text, { children: t('delete_decision_step') }), _jsxs(Select, { id: 'select-demo', label: t('delete_step_outcome'), required: true, onChange: onChangeHandler, children: [deleteOptions.map((item, index) => {
|
|
132
|
-
return (_jsx(Option, { selected: currentSelection === index, children: item.connector.label ? item.connector.label : item.connector.id }, item.connector.id));
|
|
133
|
-
}), _jsx(Option, { selected: currentSelection === -1, children: t('delete_all_outcomes') }, 'none')] })] })) : (_jsx(Text, { children: t('delete_step') })), _jsxs(Flex, { container: { direction: 'row', justify: 'between' }, children: [_jsx(Button, { onClick: onCancelHandler, children: t('cancel') }), _jsx(Button, { variant: 'primary', onClick: submitHandler, children: t('delete') })] })] }) }));
|
|
134
|
-
});
|
|
135
|
-
export default DeletePopover;
|
|
136
|
-
//# sourceMappingURL=DeletePopover.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DeletePopover.js","sourceRoot":"","sources":["../../../src/components/FlowModeller/DeletePopover.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useEffect, forwardRef } from 'react';\nimport type { ChangeEventHandler, ChangeEvent, PropsWithoutRef, Ref } from 'react';\nimport styled from 'styled-components';\n\nimport {\n Button,\n Select,\n Option,\n Text,\n Flex,\n useI18n,\n Icon,\n Popover\n} from '@pega/cosmos-react-core';\nimport type { PopoverProps } from '@pega/cosmos-react-core';\n\nimport { DirectedGraph } from './Renderer/Utils/Graph';\nimport type { GraphData } from './Renderer/Utils/Graph';\nimport deleteNodeUtils from './Utils/deleteNodeUtils';\nimport type {\n GraphDataAsMap,\n DeleteNodeOutcome,\n DeleteNodeModalOption\n} from './Utils/deleteNodeUtils';\nimport type { NodeProps } from './Node/Node.types';\n\nexport interface DeletePopoverProps {\n show: boolean;\n target: PopoverProps['target'];\n flowGraphData: GraphData;\n rendererGraphData: GraphData;\n nodeId: string;\n onChange?: (\n itemsToDelete: GraphDataAsMap,\n itemsToRetain: GraphDataAsMap | undefined,\n ev?: ChangeEvent\n ) => void;\n onSubmit?: (outcome: DeleteNodeOutcome, ev: Event) => void;\n onCancel?: () => void;\n ref?: Ref<HTMLDivElement>;\n}\n\nexport const StyledDeletePopover = styled(Popover)`\n max-width: 25rem;\n`;\n\nconst DeletePopover = forwardRef(function DeletePopover(\n {\n show,\n target,\n flowGraphData,\n rendererGraphData,\n nodeId,\n onChange,\n onSubmit,\n onCancel\n }: PropsWithoutRef<DeletePopoverProps>,\n ref: DeletePopoverProps['ref']\n) {\n const [currentSelection, setCurrentSelection] = useState<number>(0);\n\n const t = useI18n();\n\n const graph = new DirectedGraph(rendererGraphData);\n\n const deleteOptionsResult = deleteNodeUtils.getDeleteNodeOptions(graph, nodeId);\n\n const deleteOptions: DeleteNodeModalOption[] = deleteOptionsResult.options;\n const nodeType = (graph.getNode(nodeId) as NodeProps).type.name;\n\n useEffect(() => {\n if (deleteOptionsResult) {\n const itemsToDelete: GraphDataAsMap =\n nodeType !== 'Decision'\n ? deleteOptionsResult.allItems\n : deleteOptions[currentSelection].restItems;\n\n // add the actual node to be deleted also, to the list\n itemsToDelete.nodes[nodeId] = graph.getNode(nodeId);\n\n onChange?.(itemsToDelete, deleteOptions[currentSelection].pathItems);\n }\n }, [rendererGraphData]);\n\n const onChangeHandler: ChangeEventHandler = (ev: ChangeEvent<HTMLSelectElement>) => {\n const newSelection =\n ev.target.selectedIndex >= deleteOptions.length ? -1 : ev.target.selectedIndex;\n\n setCurrentSelection(newSelection);\n\n let itemsToDelete;\n if (deleteOptionsResult) itemsToDelete = deleteOptionsResult.allItems;\n\n let itemsToRetain;\n\n if (newSelection !== -1) {\n itemsToDelete = deleteOptions[newSelection].restItems;\n itemsToRetain = deleteOptions[newSelection].pathItems;\n }\n\n // add the actual node to be deleted also, to the list\n if (itemsToDelete) itemsToDelete.nodes[nodeId] = graph.getNode(nodeId);\n\n if (itemsToDelete) onChange?.(itemsToDelete, itemsToRetain, ev);\n };\n\n const submitHandler = (ev: Event) => {\n let error = true;\n const finalGraph = new DirectedGraph(flowGraphData);\n const finalDeleteOptionsResult = deleteNodeUtils.getDeleteNodeOptions(finalGraph, nodeId);\n\n let newTargetNode = finalDeleteOptionsResult?.destinationNodeId\n ? finalGraph.getNode(finalDeleteOptionsResult.destinationNodeId)\n : undefined;\n let itemsToDelete = finalDeleteOptionsResult.allItems;\n\n const selectedOption =\n currentSelection === -1 || nodeType !== 'Decision'\n ? undefined\n : finalDeleteOptionsResult?.options[currentSelection];\n let finalMetaData = selectedOption;\n\n if (selectedOption) {\n const pathConnectors = selectedOption.pathItems.connectors;\n const connectors = Object.keys(pathConnectors);\n for (let i = 0; i < connectors.length; i += 1) {\n const connectorData = pathConnectors[connectors[i]];\n if (\n connectorData &&\n finalGraph.getNode(connectorData.fromNodeId).type?.minConnectors !== 0 &&\n connectorData.toNodeId === finalDeleteOptionsResult.destinationNodeId\n ) {\n error = false;\n break;\n }\n }\n if (error) {\n onSubmit?.(\n {\n graphData: {\n nodes: [],\n connectors: []\n },\n updates: {\n connectors: []\n },\n deletes: { nodes: {}, connectors: {} },\n error: true\n },\n ev\n );\n return;\n }\n\n finalMetaData = finalDeleteOptionsResult.options.find(\n current => selectedOption.connector.id === current.connector.id\n );\n\n if (finalMetaData) {\n // get the ref of the first node of the retaining path\n newTargetNode = finalGraph.getNode(finalMetaData.connector.toNodeId);\n itemsToDelete = finalMetaData.restItems;\n }\n }\n\n // get the in-connectors of the selected node\n const nodeInConnectors = finalGraph.getInConnectors(nodeId);\n\n // iterate and set the targetNode to the above first node instead of the selected node.\n\n nodeInConnectors.forEach(con => {\n finalGraph.setConnector(con.id, {\n toNodeId: newTargetNode ? newTargetNode.id : undefined\n });\n });\n\n const resultGraphData = finalGraph.getGraphData();\n\n itemsToDelete.nodes[nodeId] = finalGraph.getNode(nodeId);\n\n // filter the highlighted nodes, including the selected node\n const nodes = resultGraphData.nodes.filter(item => {\n return itemsToDelete.nodes[item.id] === undefined;\n });\n\n if (finalMetaData) {\n itemsToDelete.connectors[finalMetaData.connector.id] = finalMetaData.connector;\n }\n\n // filter the highlighted connectors\n const connectors = resultGraphData.connectors.filter(item => {\n return itemsToDelete.connectors[item.id] === undefined;\n });\n\n const outcome: DeleteNodeOutcome = {\n graphData: {\n nodes: nodes as NodeProps[],\n connectors\n },\n updates: {\n connectors: nodeInConnectors\n },\n deletes: itemsToDelete,\n error: false\n };\n onSubmit?.(outcome, ev);\n };\n\n const onCancelHandler = () => {\n onCancel?.();\n };\n\n return (\n <StyledDeletePopover\n show={show}\n target={target}\n placement='right-end'\n ref={ref}\n modifiers={[\n {\n name: 'offset',\n options: { offset: [0, 8] }\n }\n ]}\n >\n <Flex container={{ gap: 2, pad: 2, direction: 'column' }}>\n <Flex container={{ alignItems: 'center', justify: 'between' }}>\n <Text variant='h4'>{t('delete_step_title')}</Text>\n <Button variant='simple' icon label={t('close')} onClick={onCancelHandler}>\n <Icon name='times' />\n </Button>\n </Flex>\n {nodeType === 'Decision' ? (\n <>\n <Text>{t('delete_decision_step')}</Text>\n <Select\n id='select-demo'\n label={t('delete_step_outcome')}\n required\n onChange={onChangeHandler}\n >\n {deleteOptions.map((item, index) => {\n return (\n <Option key={item.connector.id} selected={currentSelection === index}>\n {item.connector.label ? item.connector.label : item.connector.id}\n </Option>\n );\n })}\n\n <Option key='none' selected={currentSelection === -1}>\n {t('delete_all_outcomes')}\n </Option>\n </Select>\n </>\n ) : (\n <Text>{t('delete_step')}</Text>\n )}\n\n <Flex container={{ direction: 'row', justify: 'between' }}>\n <Button onClick={onCancelHandler}>{t('cancel')}</Button>\n <Button variant='primary' onClick={submitHandler}>\n {t('delete')}\n </Button>\n </Flex>\n </Flex>\n </StyledDeletePopover>\n );\n});\n\nexport default DeletePopover;\n"]}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { PropsWithoutRef } from 'react';
|
|
2
|
-
import type { FlowModellerProps } from './FlowModeller.types';
|
|
3
|
-
declare const FlowModeller: ({ graphData, highlightData, onNodeActionClick, onNodeAdd, nodeLibrary, onNodeClick, onDelete, actions, readOnly, selectedNodeId }: PropsWithoutRef<FlowModellerProps>) => JSX.Element;
|
|
4
|
-
export default FlowModeller;
|
|
5
|
-
//# sourceMappingURL=FlowModeller.d.ts.map
|