npm - @pega/cosmos-react-build - Versions diffs - 9.0.0-build.9.4 → 9.0.0-build.9.6 - Mend

@pega/cosmos-react-build 9.0.0-build.9.4 → 9.0.0-build.9.6

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 (60) hide show

package/lib/components/Automation/Automation.utils.js ADDED Viewed

@@ -0,0 +1,208 @@
+import { treeHelpers } from '@pega/cosmos-react-core';
+import { AutomationActions } from './Automation.types';
+export const automationTreeHelpers = {
+    /**
+     * Get the index of a node
+     * @param nodes Rulesteps
+     * @param id Id of required node
+     * @returns Index of the node in list of nodes
+     */
+    getNodeIndex(nodes, id) {
+        return (nodes ?? []).findIndex(n => n.id === id);
+    },
+    /**
+     * Add a node
+     * @param nodes Current tree nodes
+     * @param index Index in list where new node should be appended.
+     * @param newNode New node
+     * @returns Updated node list
+     */
+    addNode(nodes, index, newNode) {
+        return [...(nodes ?? []).slice(0, index), newNode, ...(nodes ?? []).slice(index)];
+    },
+    /**
+     * Add a step before a node.
+     * @param nodes Current tree nodes
+     * @param id Id of node clicked
+     * @param newNode New node
+     * @returns Updated tree
+     */
+    addStepBefore(nodes, id, newNode) {
+        const parentNode = treeHelpers.getParentNode([...nodes], id);
+        if (!parentNode) {
+            return this.addNode(nodes, this.getNodeIndex(nodes, id), newNode);
+        }
+        return treeHelpers.mapNode([...nodes], parentNode.id, node => {
+            return {
+                ...node,
+                nodes: this.addNode(node.nodes || [], this.getNodeIndex(node.nodes || [], id), newNode)
+            };
+        });
+    },
+    /**
+     * Add step after a node.
+     * @param nodes Current tree nodes
+     * @param id Id of node clicked
+     * @param newNode New node
+     * @returns Updated tree
+     */
+    addStepAfter(nodes, id, newNode) {
+        const parentNode = treeHelpers.getParentNode([...nodes], id);
+        if (!parentNode) {
+            return this.addNode(nodes, this.getNodeIndex(nodes, id) + 1, newNode);
+        }
+        return treeHelpers.mapNode([...nodes], parentNode.id, node => {
+            return {
+                ...node,
+                nodes: this.addNode(node.nodes || [], this.getNodeIndex(node.nodes || [], id) + 1, newNode)
+            };
+        });
+    },
+    /**
+     * Add sub-step on a node.
+     * @param nodes Current tree nodes
+     * @param id Id of node clicked
+     * @param newNode New node
+     * @returns Updated tree
+     */
+    addSubStep(nodes, id, newNode) {
+        return treeHelpers.appendTo([...nodes], id, [newNode]);
+    },
+    /**
+     * Delete the node.
+     * @param nodes Current tree nodes
+     * @param id Id of node clicked
+     * @returns Updated tree
+     */
+    deleteStep(nodes, id) {
+        const parentNode = treeHelpers.getParentNode([...nodes], id);
+        if (!parentNode) {
+            return nodes.filter(node => node.id !== id);
+        }
+        return treeHelpers.mapNode([...nodes], parentNode.id, node => ({
+            ...node,
+            nodes: [...(node.nodes ?? [])].filter(n => n.id !== id)
+        }));
+    },
+    /**
+     * Toggle expand/collapse of node.
+     * @param nodes Current tree nodes
+     * @param id Id of node clicked
+     * @param expand Option to set expand collapse if user specifies explicitly
+     * @returns Updated tree
+     */
+    toggleExpandCollapse(nodes, id) {
+        return treeHelpers.mapNode([...nodes], id, node => ({
+            ...node,
+            expanded: !node.expanded,
+            mountContent: true
+        }));
+    },
+    /**
+     * Change step type of a node.
+     * @param nodes Current tree nodes
+     * @param id Id of node clicked
+     * @param stepName Name of step,
+     * @param stepVisual Visual of step
+     * @returns Updated tree
+     */
+    changeStep(nodes, id, stepName, stepVisual) {
+        return treeHelpers.mapNode([...nodes], id, node => ({
+            ...node,
+            stepName,
+            stepVisual
+        }));
+    },
+    /**
+     * Expand all nodes of tree.
+     * @param nodes Current tree nodes
+     * @returns Updated tree
+     */
+    expandAll(nodes) {
+        return treeHelpers.mapTree([...nodes], node => ({
+            ...node,
+            expanded: true,
+            mountContent: true
+        }));
+    },
+    /**
+     * Collapse all nodes of tree.
+     * @param nodes Current tree nodes
+     * @returns Updated tree
+     */
+    collapseAll(nodes) {
+        return treeHelpers.mapTree([...nodes], node => ({
+            ...node,
+            expanded: false
+        }));
+    },
+    /**
+     * Calculate the step numbers and append to tree
+     * @param nodes Current tree nodes
+     * @param prefix Helper prefix text
+     * @param depth Depth of node
+     * @returns Updated tree with step numbers
+     */
+    calculateStepIndices(nodes, prefix = '', depth = 0) {
+        return nodes?.map((node, index) => {
+            let currentPrefix = prefix ? `${prefix}.${index + 1}` : `${index + 1}`;
+            if (node.stepName === AutomationActions.ActionErrorHandler) {
+                const segments = currentPrefix.split('.');
+                segments[segments.length - 1] = 'Err';
+                currentPrefix = segments.join('.');
+            }
+            return {
+                ...node,
+                stepNumber: currentPrefix,
+                nodes: node.nodes ? this.calculateStepIndices(node.nodes, currentPrefix, depth + 1) : []
+            };
+        });
+    },
+    /**
+     *
+     * @param nodes Rule steps
+     * @param stepId Current step id
+     * @returns Next node.
+     */
+    getNextNode(nodes, stepId) {
+        const nodelist = treeHelpers.flatten(nodes);
+        const currentNodeIndex = this.getNodeIndex(nodelist, stepId);
+        return currentNodeIndex === nodelist.length - 1
+            ? nodelist[nodelist.length - 1]
+            : nodelist[currentNodeIndex + 1];
+    },
+    /**
+     *
+     * @param nodes Rule steps
+     * @param stepId Current step id
+     * @returns Previous node.
+     */
+    getPreviousNode(nodes, stepId) {
+        const nodelist = treeHelpers.flatten(nodes);
+        const currentNodeIndex = this.getNodeIndex(nodelist, stepId);
+        return currentNodeIndex === 0 ? nodelist[0] : nodelist[currentNodeIndex - 1];
+    },
+    /**
+     * Converts rule step data to AutomationWrapperProps
+     * @param ruleStepData Raw rule data
+     * @param fn Helper function to create node.
+     * @returns Tree in AutomationWrapperProps structure.
+     */
+    constructRuleStepTree(ruleStepData, fn) {
+        if (!ruleStepData || ruleStepData.length === 0) {
+            return [];
+        }
+        return ruleStepData.map(({ Id, Type, RuleSteps, ...rest }) => {
+            return {
+                ...fn(Id, Type),
+                meta: { Id, Type, ...rest },
+                nodes: this.constructRuleStepTree(Array.isArray(RuleSteps) ? RuleSteps : [], fn)
+            };
+        });
+    }
+};
+const AUTOMATION_ACTION_TYPES_SET = new Set(Object.values(AutomationActions));
+export const isValidAutomationActionType = (value) => {
+    return AUTOMATION_ACTION_TYPES_SET.has(value);
+};
+//# sourceMappingURL=Automation.utils.js.map

package/lib/components/Automation/Automation.utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Automation.utils.js","sourceRoot":"","sources":["../../../src/components/Automation/Automation.utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { treeHelpers } from '@pega/cosmos-react-core';\n\nimport { AutomationActions } from './Automation.types';\nimport type { RuleStepData, RuleStepTreeNode, AutomationActionType } from './Automation.types';\n\nexport const automationTreeHelpers = {\n /**\n * Get the index of a node\n * @param nodes Rulesteps\n * @param id Id of required node\n * @returns Index of the node in list of nodes\n */\n getNodeIndex(nodes: RuleStepTreeNode[], id: RuleStepTreeNode['id']): number {\n return (nodes ?? []).findIndex(n => n.id === id);\n },\n\n /**\n * Add a node\n * @param nodes Current tree nodes\n * @param index Index in list where new node should be appended.\n * @param newNode New node\n * @returns Updated node list\n */\n addNode(nodes: RuleStepTreeNode[], index: number, newNode: RuleStepTreeNode): RuleStepTreeNode[] {\n return [...(nodes ?? []).slice(0, index), newNode, ...(nodes ?? []).slice(index)];\n },\n\n /**\n * Add a step before a node.\n * @param nodes Current tree nodes\n * @param id Id of node clicked\n * @param newNode New node\n * @returns Updated tree\n */\n addStepBefore(\n nodes: RuleStepTreeNode[],\n id: RuleStepTreeNode['id'],\n newNode: RuleStepTreeNode\n ): RuleStepTreeNode[] {\n const parentNode = treeHelpers.getParentNode([...nodes], id);\n if (!parentNode) {\n return this.addNode(nodes, this.getNodeIndex(nodes, id), newNode);\n }\n return treeHelpers.mapNode([...nodes], parentNode.id, node => {\n return {\n ...node,\n nodes: this.addNode(node.nodes || [], this.getNodeIndex(node.nodes || [], id), newNode)\n };\n });\n },\n\n /**\n * Add step after a node.\n * @param nodes Current tree nodes\n * @param id Id of node clicked\n * @param newNode New node\n * @returns Updated tree\n */\n addStepAfter(\n nodes: RuleStepTreeNode[],\n id: RuleStepTreeNode['id'],\n newNode: RuleStepTreeNode\n ): RuleStepTreeNode[] {\n const parentNode = treeHelpers.getParentNode([...nodes], id);\n if (!parentNode) {\n return this.addNode(nodes, this.getNodeIndex(nodes, id) + 1, newNode);\n }\n return treeHelpers.mapNode([...nodes], parentNode.id, node => {\n return {\n ...node,\n nodes: this.addNode(node.nodes || [], this.getNodeIndex(node.nodes || [], id) + 1, newNode)\n };\n });\n },\n\n /**\n * Add sub-step on a node.\n * @param nodes Current tree nodes\n * @param id Id of node clicked\n * @param newNode New node\n * @returns Updated tree\n */\n addSubStep(\n nodes: RuleStepTreeNode[],\n id: RuleStepTreeNode['id'],\n newNode: RuleStepTreeNode\n ): RuleStepTreeNode[] {\n return treeHelpers.appendTo([...nodes], id, [newNode]);\n },\n\n /**\n * Delete the node.\n * @param nodes Current tree nodes\n * @param id Id of node clicked\n * @returns Updated tree\n */\n deleteStep(nodes: RuleStepTreeNode[], id: RuleStepTreeNode['id']): RuleStepTreeNode[] {\n const parentNode = treeHelpers.getParentNode([...nodes], id);\n if (!parentNode) {\n return nodes.filter(node => node.id !== id);\n }\n return treeHelpers.mapNode([...nodes], parentNode.id, node => ({\n ...node,\n nodes: [...(node.nodes ?? [])].filter(n => n.id !== id)\n }));\n },\n\n /**\n * Toggle expand/collapse of node.\n * @param nodes Current tree nodes\n * @param id Id of node clicked\n * @param expand Option to set expand collapse if user specifies explicitly\n * @returns Updated tree\n */\n toggleExpandCollapse(nodes: RuleStepTreeNode[], id: RuleStepTreeNode['id']): RuleStepTreeNode[] {\n return treeHelpers.mapNode([...nodes], id, node => ({\n ...node,\n expanded: !node.expanded,\n mountContent: true\n }));\n },\n\n /**\n * Change step type of a node.\n * @param nodes Current tree nodes\n * @param id Id of node clicked\n * @param stepName Name of step,\n * @param stepVisual Visual of step\n * @returns Updated tree\n */\n changeStep(\n nodes: RuleStepTreeNode[],\n id: RuleStepTreeNode['id'],\n stepName: RuleStepTreeNode['stepName'],\n stepVisual: RuleStepTreeNode['stepVisual']\n ): RuleStepTreeNode[] {\n return treeHelpers.mapNode([...nodes], id, node => ({\n ...node,\n stepName,\n stepVisual\n }));\n },\n\n /**\n * Expand all nodes of tree.\n * @param nodes Current tree nodes\n * @returns Updated tree\n */\n expandAll(nodes: RuleStepTreeNode[]): RuleStepTreeNode[] {\n return treeHelpers.mapTree([...nodes], node => ({\n ...node,\n expanded: true,\n mountContent: true\n }));\n },\n\n /**\n * Collapse all nodes of tree.\n * @param nodes Current tree nodes\n * @returns Updated tree\n */\n collapseAll(nodes: RuleStepTreeNode[]): RuleStepTreeNode[] {\n return treeHelpers.mapTree([...nodes], node => ({\n ...node,\n expanded: false\n }));\n },\n\n /**\n * Calculate the step numbers and append to tree\n * @param nodes Current tree nodes\n * @param prefix Helper prefix text\n * @param depth Depth of node\n * @returns Updated tree with step numbers\n */\n calculateStepIndices(\n nodes: RuleStepTreeNode[],\n prefix: string = '',\n depth: number = 0\n ): RuleStepTreeNode[] {\n return nodes?.map((node, index) => {\n let currentPrefix = prefix ? `${prefix}.${index + 1}` : `${index + 1}`;\n if (node.stepName === AutomationActions.ActionErrorHandler) {\n const segments = currentPrefix.split('.');\n segments[segments.length - 1] = 'Err';\n currentPrefix = segments.join('.');\n }\n return {\n ...node,\n stepNumber: currentPrefix,\n nodes: node.nodes ? this.calculateStepIndices(node.nodes, currentPrefix, depth + 1) : []\n };\n });\n },\n\n /**\n *\n * @param nodes Rule steps\n * @param stepId Current step id\n * @returns Next node.\n */\n getNextNode(nodes: RuleStepTreeNode[], stepId: RuleStepTreeNode['stepId']): RuleStepTreeNode {\n const nodelist = treeHelpers.flatten(nodes);\n const currentNodeIndex = this.getNodeIndex(nodelist, stepId);\n return currentNodeIndex === nodelist.length - 1\n ? nodelist[nodelist.length - 1]\n : nodelist[currentNodeIndex + 1];\n },\n\n /**\n *\n * @param nodes Rule steps\n * @param stepId Current step id\n * @returns Previous node.\n */\n getPreviousNode(nodes: RuleStepTreeNode[], stepId: RuleStepTreeNode['stepId']): RuleStepTreeNode {\n const nodelist = treeHelpers.flatten(nodes);\n const currentNodeIndex = this.getNodeIndex(nodelist, stepId);\n return currentNodeIndex === 0 ? nodelist[0] : nodelist[currentNodeIndex - 1];\n },\n\n /**\n * Converts rule step data to AutomationWrapperProps\n * @param ruleStepData Raw rule data\n * @param fn Helper function to create node.\n * @returns Tree in AutomationWrapperProps structure.\n */\n constructRuleStepTree(\n ruleStepData: RuleStepData[],\n fn: (stepId: RuleStepTreeNode['stepId'], stepName: AutomationActionType) => RuleStepTreeNode\n ): RuleStepTreeNode[] {\n if (!ruleStepData || ruleStepData.length === 0) {\n return [];\n }\n\n return ruleStepData.map(({ Id, Type, RuleSteps, ...rest }) => {\n return {\n ...fn(Id, Type),\n meta: { Id, Type, ...rest },\n nodes: this.constructRuleStepTree(Array.isArray(RuleSteps) ? RuleSteps : [], fn)\n };\n });\n }\n};\n\nconst AUTOMATION_ACTION_TYPES_SET = new Set<string>(Object.values(AutomationActions));\n\nexport const isValidAutomationActionType = (value: string): value is AutomationActionType => {\n return AUTOMATION_ACTION_TYPES_SET.has(value);\n};\n"]}

package/lib/components/Automation/AutomationContext.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import type { AutomationContextValue } from './Automation.types';
+declare const AutomationContext: import("react").Context<AutomationContextValue>;
+export default AutomationContext;
+//# sourceMappingURL=AutomationContext.d.ts.map

package/lib/components/Automation/AutomationContext.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"AutomationContext.d.ts","sourceRoot":"","sources":["../../../src/components/Automation/AutomationContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAEjE,QAAA,MAAM,iBAAiB,iDAKrB,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/lib/components/Automation/AutomationContext.js ADDED Viewed

@@ -0,0 +1,9 @@
+import { createContext } from 'react';
+const AutomationContext = createContext({
+    firstNodeId: undefined,
+    focusInsideNode: false,
+    focusInsideTree: false,
+    focusedNodeId: undefined
+});
+export default AutomationContext;
+//# sourceMappingURL=AutomationContext.js.map

package/lib/components/Automation/AutomationContext.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AutomationContext.js","sourceRoot":"","sources":["../../../src/components/Automation/AutomationContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAItC,MAAM,iBAAiB,GAAG,aAAa,CAAyB;IAC9D,WAAW,EAAE,SAAS;IACtB,eAAe,EAAE,KAAK;IACtB,eAAe,EAAE,KAAK;IACtB,aAAa,EAAE,SAAS;CACzB,CAAC,CAAC;AAEH,eAAe,iBAAiB,CAAC","sourcesContent":["import { createContext } from 'react';\n\nimport type { AutomationContextValue } from './Automation.types';\n\nconst AutomationContext = createContext<AutomationContextValue>({\n firstNodeId: undefined,\n focusInsideNode: false,\n focusInsideTree: false,\n focusedNodeId: undefined\n});\n\nexport default AutomationContext;\n"]}

package/lib/components/Automation/RuleStep.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import type { ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';
+import type { RuleStepProps } from './Automation.types';
+declare const _default: ForwardRefForwardPropsComponent<RuleStepProps> & {
+    getTestIds: (testIdProp?: import("@pega/cosmos-react-core").TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["expand-collapse-button", "error-icon", "step-number", "switch-menu", "summary", "summary-tooltip", "comment", "comment-tooltip", "add-step-menu", "step-actions", "content"]>;
+};
+export default _default;
+//# sourceMappingURL=RuleStep.d.ts.map

package/lib/components/Automation/RuleStep.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"RuleStep.d.ts","sourceRoot":"","sources":["../../../src/components/Automation/RuleStep.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,yBAAyB,CAAC;AAgB/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;;;;AAgVxD,wBAAyD"}

package/lib/components/Automation/RuleStep.js ADDED Viewed

@@ -0,0 +1,151 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useState, useRef, useEffect, useContext, useMemo } from 'react';
+import { useDirection, Progress, Tooltip, useElement, Flex, Button, MenuButton, Icon, VisuallyHiddenText, ExpandCollapse, useConsolidatedRef, Text, useI18n, useTestIds, withTestIds, useEvent, Actions, getFocusables, registerIcon } from '@pega/cosmos-react-core';
+import * as caretDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-down.icon';
+import * as caretLeftIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-left.icon';
+import * as caretRightIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-right.icon';
+import IconTile from '../IconTile';
+import { StyledContainer, StyledStepHeader, StyledErrorIcon, StyledSummary, StyledComment, StyledContent } from './Automation.styles';
+import { AutomationActions } from './Automation.types';
+import { getRuleStepTestIds } from './Automation.test-ids';
+import AutomationContext from './AutomationContext';
+import { isValidAutomationActionType } from './Automation.utils';
+registerIcon(caretDownIcon, caretLeftIcon, caretRightIcon);
+const RuleStep = forwardRef(({ testId, stepId, stepName, stepNumber, stepVisual, switchMenu, summary, comment, addStepMenu, content, onExpandCollapse, stepActions, expanded, error, readOnly, loading, mountContent = expanded, ...restProps }, ref) => {
+    const t = useI18n();
+    const { rtl } = useDirection();
+    const testIds = useTestIds(testId, getRuleStepTestIds);
+    const ruleStepRef = useConsolidatedRef(ref);
+    const ruleStepActionsRef = useRef(null);
+    const [summaryEl, setSummaryEl] = useElement(null);
+    const [commentEl, setCommentEl] = useElement(null);
+    const [ruleStepTabIndex, setRuleStepTabIndex] = useState(-1);
+    const { focusedNodeId, focusInsideNode, firstNodeId } = useContext(AutomationContext);
+    const focused = stepId === focusedNodeId;
+    const translatedStepName = useMemo(() => {
+        switch (stepName) {
+            case AutomationActions.ActionSet:
+            case AutomationActions.ActionSetRow:
+                return t('action_set');
+            case AutomationActions.ActionWhen:
+                return t('action_when');
+            case AutomationActions.ActionAppend:
+                return t('action_append');
+            case AutomationActions.ActionCall:
+                return t('action_call');
+            case AutomationActions.ActionCreate:
+                return t('action_create');
+            case AutomationActions.ActionForEach:
+                return t('action_for_each');
+            case AutomationActions.ActionExit:
+            case AutomationActions.ActionExitAutomation:
+            case AutomationActions.ActionExitIteration:
+            case AutomationActions.ActionExitForEach:
+                return t('action_exit');
+            case AutomationActions.ActionReturn:
+                return t('action_return');
+            case AutomationActions.ActionRemove:
+            case AutomationActions.ActionRemoveRow:
+                return t('action_remove');
+            case AutomationActions.ActionErrorHandler:
+                return t('action_error_handler');
+            default:
+                return stepName;
+        }
+    }, [stepName]);
+    const stepDetail = `${stepNumber}, ${translatedStepName}, ${summary || ''}, ${comment || ''}`;
+    const setFocusableElementsTabIndex = (tabIndex) => {
+        const focusables = getFocusables(ruleStepRef, { includeNegativeTabIndex: true });
+        focusables.forEach(item => item.setAttribute('tabIndex', tabIndex.toString()));
+        return focusables;
+    };
+    const onKeyDown = (e) => {
+        switch (e.key) {
+            case 'Escape': {
+                if (focusInsideNode && focused) {
+                    ruleStepRef.current?.focus();
+                }
+                setFocusableElementsTabIndex('-1');
+                break;
+            }
+            case 'Enter': {
+                if (!focusInsideNode) {
+                    e.preventDefault();
+                    const focusables = setFocusableElementsTabIndex('0');
+                    if (focused) {
+                        focusables[0]?.focus();
+                    }
+                }
+                break;
+            }
+            case 'ArrowRight': {
+                if (!focusInsideNode && !expanded) {
+                    onExpandCollapse?.(stepId);
+                    setFocusableElementsTabIndex('-1');
+                }
+                break;
+            }
+            case 'ArrowLeft': {
+                if (!focusInsideNode && expanded) {
+                    onExpandCollapse?.(stepId);
+                }
+                break;
+            }
+            default:
+                break;
+        }
+    };
+    useEvent('keydown', onKeyDown, { target: ruleStepRef });
+    // effect to focus the current step
+    useEffect(() => {
+        if (!focusInsideNode) {
+            setFocusableElementsTabIndex('-1');
+            if (focused) {
+                ruleStepRef.current?.focus();
+            }
+        }
+        else {
+            const focusables = setFocusableElementsTabIndex('0');
+            if (focused) {
+                focusables[0]?.focus();
+            }
+        }
+    }, [focused, focusedNodeId, focusInsideNode]);
+    // effect to calculate tabIndex for step
+    useEffect(() => {
+        if (focusedNodeId) {
+            setRuleStepTabIndex(stepId === focusedNodeId && !focusInsideNode ? 0 : -1);
+        }
+        else {
+            setRuleStepTabIndex(stepId === firstNodeId ? 0 : -1);
+        }
+    }, [focusedNodeId, firstNodeId, focusInsideNode]);
+    useEffect(() => {
+        if (expanded) {
+            setFocusableElementsTabIndex(focusInsideNode ? '0' : '-1');
+        }
+        if (!expanded && !focusInsideNode) {
+            setFocusableElementsTabIndex('-1');
+        }
+    }, [expanded]);
+    return (_jsxs(Flex, { item: { grow: 1 }, as: StyledContainer, "data-testid": `${stepNumber}-${testIds.root}`, tabIndex: ruleStepTabIndex, ref: ruleStepRef, role: 'treeitem', "aria-expanded": expanded, "aria-describedby": stepId, "aria-label": `${expanded ? t('expanded_step', [stepDetail]) : t('collapsed_step', [stepDetail])}`, ...restProps, children: [_jsxs(Flex, { container: { justify: 'between', pad: 1 }, children: [_jsxs(Flex, { as: StyledStepHeader, container: { direction: 'column' }, children: [_jsxs(Flex, { item: { shrink: 1, grow: 1, basis: 'auto' }, container: { gap: 1, alignItems: 'center' }, children: [_jsx(Button, { icon: true, variant: 'simple', compact: true, onClick: () => onExpandCollapse?.(stepId), "data-testid": `${stepNumber}-${testIds.expandCollapseButton}`, "aria-label": `${expanded ? t('collapse_step', [stepNumber]) : t('expand_step', [stepNumber])}`, "aria-expanded": expanded, label: expanded ? t('collapse') : t('expand'), tabIndex: focusInsideNode ? 0 : -1, children: _jsx(Icon, { name: expanded ? 'caret-down' : `caret-${rtl ? 'left' : 'right'}` }) }), _jsx(Text, { "data-testid": `${stepNumber}-${testIds.stepNumber}`, children: stepNumber }), error && (_jsx(StyledErrorIcon, { "data-testid": `${stepNumber}-${testIds.errorIcon}`, name: 'warn-solid' })), _jsx(Flex, { item: { shrink: 0 }, children: stepVisual && _jsx(IconTile, { ...stepVisual }) }), switchMenu && !readOnly ? (_jsx(MenuButton, { testId: `${stepNumber}${testIds.switchMenu}`, ...switchMenu, tabIndex: focusInsideNode ? 0 : -1, variant: 'text', text: translatedStepName, menu: {
+                                            ...switchMenu.menu,
+                                            onItemClick: (id) => {
+                                                if (isValidAutomationActionType(id)) {
+                                                    switchMenu?.menu.onItemClick?.(id, stepId, stepNumber);
+                                                }
+                                            }
+                                        } })) : (translatedStepName), summary && (_jsxs(_Fragment, { children: [_jsx(StyledSummary, { "data-testid": `${stepNumber}-${testIds.summary}`, variant: 'secondary', ref: setSummaryEl, children: summary }), _jsx(Tooltip, { smart: true, target: summaryEl, hideDelay: 'none', "data-testid": `${stepNumber}-${testIds.summaryTooltip}`, children: summary })] }))] }), comment && (_jsxs(_Fragment, { children: [_jsx(StyledComment, { ref: setCommentEl, "data-testid": `${stepNumber}-${testIds.comment}`, variant: 'secondary', children: comment }), _jsx(Tooltip, { smart: true, target: commentEl, hideDelay: 'none', "data-testid": `${stepNumber}-${testIds.commentTooltip}`, children: comment })] }))] }), _jsxs(Flex, { ref: ruleStepActionsRef, item: { shrink: 0 }, container: { justify: 'center', alignItems: 'center' }, children: [addStepMenu && !readOnly && (_jsx(MenuButton, { testId: `${stepNumber}-${testIds.addStepMenu}`, ...addStepMenu, icon: 'plus', iconOnly: true, compact: true, text: t('add_step'), variant: 'simple', tabIndex: focusInsideNode ? 0 : -1, menu: {
+                                    ...addStepMenu.menu,
+                                    scrollAt: 20,
+                                    mode: 'action',
+                                    variant: 'drill-down',
+                                    onItemClick: (id) => {
+                                        if (isValidAutomationActionType(id)) {
+                                            addStepMenu?.menu.onItemClick?.(id, stepId, stepNumber);
+                                        }
+                                    }
+                                } })), stepActions && (_jsx(Actions, { "data-testid": `${stepNumber}-${testIds.stepActions}`, compact: true, contextualLabel: `step-${stepNumber}`, items: stepActions, tabIndex: focusInsideNode ? 0 : -1 }))] })] }), _jsx(VisuallyHiddenText, { id: stepId, children: error ? `Step name ${translatedStepName} has errors` : `Step name ${translatedStepName}` }), (content || loading) && (_jsx(ExpandCollapse, { transitionSpeed: '0.1s', collapsed: !expanded, children: _jsxs(StyledContent, { "data-testid": `${stepNumber}-${testIds.content}`, children: [(expanded || mountContent) && content, loading && (_jsx(Progress, { variant: 'ring', placement: 'local', focusOnVisible: true, message: t('loading') }))] }) }))] }));
+});
+export default withTestIds(RuleStep, getRuleStepTestIds);
+//# sourceMappingURL=RuleStep.js.map

package/lib/components/Automation/RuleStep.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"RuleStep.js","sourceRoot":"","sources":["../../../src/components/Automation/RuleStep.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useState, useRef, useEffect, useContext, useMemo } from 'react';\nimport type { PropsWithoutRef } from 'react';\n\nimport {\n useDirection,\n Progress,\n Tooltip,\n useElement,\n Flex,\n Button,\n MenuButton,\n Icon,\n VisuallyHiddenText,\n ExpandCollapse,\n useConsolidatedRef,\n Text,\n useI18n,\n useTestIds,\n withTestIds,\n useEvent,\n Actions,\n getFocusables,\n registerIcon\n} from '@pega/cosmos-react-core';\nimport type { ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';\nimport * as caretDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-down.icon';\nimport * as caretLeftIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-left.icon';\nimport * as caretRightIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-right.icon';\n\nimport IconTile from '../IconTile';\n\nimport {\n StyledContainer,\n StyledStepHeader,\n StyledErrorIcon,\n StyledSummary,\n StyledComment,\n StyledContent\n} from './Automation.styles';\nimport { AutomationActions } from './Automation.types';\nimport type { RuleStepProps } from './Automation.types';\nimport { getRuleStepTestIds } from './Automation.test-ids';\nimport AutomationContext from './AutomationContext';\nimport { isValidAutomationActionType } from './Automation.utils';\n\nregisterIcon(caretDownIcon, caretLeftIcon, caretRightIcon);\n\nconst RuleStep: ForwardRefForwardPropsComponent<RuleStepProps> = forwardRef(\n (\n {\n testId,\n stepId,\n stepName,\n stepNumber,\n stepVisual,\n switchMenu,\n summary,\n comment,\n addStepMenu,\n content,\n onExpandCollapse,\n stepActions,\n expanded,\n error,\n readOnly,\n loading,\n mountContent = expanded,\n ...restProps\n }: PropsWithoutRef<RuleStepProps>,\n ref: RuleStepProps['ref']\n ) => {\n const t = useI18n();\n const { rtl } = useDirection();\n const testIds = useTestIds(testId, getRuleStepTestIds);\n\n const ruleStepRef = useConsolidatedRef(ref);\n const ruleStepActionsRef = useRef<HTMLDivElement | null>(null);\n\n const [summaryEl, setSummaryEl] = useElement(null);\n const [commentEl, setCommentEl] = useElement(null);\n\n const [ruleStepTabIndex, setRuleStepTabIndex] = useState(-1);\n const { focusedNodeId, focusInsideNode, firstNodeId } = useContext(AutomationContext);\n\n const focused = stepId === focusedNodeId;\n\n const translatedStepName = useMemo(() => {\n switch (stepName) {\n case AutomationActions.ActionSet:\n case AutomationActions.ActionSetRow:\n return t('action_set');\n\n case AutomationActions.ActionWhen:\n return t('action_when');\n\n case AutomationActions.ActionAppend:\n return t('action_append');\n\n case AutomationActions.ActionCall:\n return t('action_call');\n\n case AutomationActions.ActionCreate:\n return t('action_create');\n\n case AutomationActions.ActionForEach:\n return t('action_for_each');\n\n case AutomationActions.ActionExit:\n case AutomationActions.ActionExitAutomation:\n case AutomationActions.ActionExitIteration:\n case AutomationActions.ActionExitForEach:\n return t('action_exit');\n\n case AutomationActions.ActionReturn:\n return t('action_return');\n\n case AutomationActions.ActionRemove:\n case AutomationActions.ActionRemoveRow:\n return t('action_remove');\n\n case AutomationActions.ActionErrorHandler:\n return t('action_error_handler');\n\n default:\n return stepName;\n }\n }, [stepName]);\n\n const stepDetail = `${stepNumber}, ${translatedStepName}, ${summary || ''}, ${comment || ''}`;\n\n const setFocusableElementsTabIndex = (tabIndex: number | string) => {\n const focusables = getFocusables(ruleStepRef, { includeNegativeTabIndex: true });\n focusables.forEach(item => item.setAttribute('tabIndex', tabIndex.toString()));\n\n return focusables;\n };\n\n const onKeyDown = (e: KeyboardEvent) => {\n switch (e.key) {\n case 'Escape': {\n if (focusInsideNode && focused) {\n ruleStepRef.current?.focus();\n }\n setFocusableElementsTabIndex('-1');\n break;\n }\n case 'Enter': {\n if (!focusInsideNode) {\n e.preventDefault();\n const focusables = setFocusableElementsTabIndex('0');\n if (focused) {\n focusables[0]?.focus();\n }\n }\n break;\n }\n case 'ArrowRight': {\n if (!focusInsideNode && !expanded) {\n onExpandCollapse?.(stepId);\n setFocusableElementsTabIndex('-1');\n }\n break;\n }\n case 'ArrowLeft': {\n if (!focusInsideNode && expanded) {\n onExpandCollapse?.(stepId);\n }\n break;\n }\n default:\n break;\n }\n };\n\n useEvent('keydown', onKeyDown, { target: ruleStepRef });\n\n // effect to focus the current step\n useEffect(() => {\n if (!focusInsideNode) {\n setFocusableElementsTabIndex('-1');\n if (focused) {\n ruleStepRef.current?.focus();\n }\n } else {\n const focusables = setFocusableElementsTabIndex('0');\n if (focused) {\n focusables[0]?.focus();\n }\n }\n }, [focused, focusedNodeId, focusInsideNode]);\n\n // effect to calculate tabIndex for step\n useEffect(() => {\n if (focusedNodeId) {\n setRuleStepTabIndex(stepId === focusedNodeId && !focusInsideNode ? 0 : -1);\n } else {\n setRuleStepTabIndex(stepId === firstNodeId ? 0 : -1);\n }\n }, [focusedNodeId, firstNodeId, focusInsideNode]);\n\n useEffect(() => {\n if (expanded) {\n setFocusableElementsTabIndex(focusInsideNode ? '0' : '-1');\n }\n if (!expanded && !focusInsideNode) {\n setFocusableElementsTabIndex('-1');\n }\n }, [expanded]);\n\n return (\n <Flex\n item={{ grow: 1 }}\n as={StyledContainer}\n data-testid={`${stepNumber}-${testIds.root}`}\n tabIndex={ruleStepTabIndex}\n ref={ruleStepRef}\n role='treeitem'\n aria-expanded={expanded}\n aria-describedby={stepId}\n aria-label={`${expanded ? t('expanded_step', [stepDetail]) : t('collapsed_step', [stepDetail])}`}\n {...restProps}\n >\n <Flex container={{ justify: 'between', pad: 1 }}>\n <Flex as={StyledStepHeader} container={{ direction: 'column' }}>\n <Flex\n item={{ shrink: 1, grow: 1, basis: 'auto' }}\n container={{ gap: 1, alignItems: 'center' }}\n >\n <Button\n icon\n variant='simple'\n compact\n onClick={() => onExpandCollapse?.(stepId)}\n data-testid={`${stepNumber}-${testIds.expandCollapseButton}`}\n aria-label={`${expanded ? t('collapse_step', [stepNumber]) : t('expand_step', [stepNumber])}`}\n aria-expanded={expanded}\n label={expanded ? t('collapse') : t('expand')}\n tabIndex={focusInsideNode ? 0 : -1}\n >\n <Icon name={expanded ? 'caret-down' : `caret-${rtl ? 'left' : 'right'}`} />\n </Button>\n\n <Text data-testid={`${stepNumber}-${testIds.stepNumber}`}>{stepNumber}</Text>\n\n {error && (\n <StyledErrorIcon\n data-testid={`${stepNumber}-${testIds.errorIcon}`}\n name='warn-solid'\n />\n )}\n\n <Flex item={{ shrink: 0 }}>{stepVisual && <IconTile {...stepVisual} />}</Flex>\n\n {switchMenu && !readOnly ? (\n <MenuButton\n testId={`${stepNumber}${testIds.switchMenu}`}\n {...switchMenu}\n tabIndex={focusInsideNode ? 0 : -1}\n variant='text'\n text={translatedStepName}\n menu={{\n ...switchMenu.menu,\n onItemClick: (id: string) => {\n if (isValidAutomationActionType(id)) {\n switchMenu?.menu.onItemClick?.(id, stepId, stepNumber);\n }\n }\n }}\n />\n ) : (\n translatedStepName\n )}\n\n {summary && (\n <>\n <StyledSummary\n data-testid={`${stepNumber}-${testIds.summary}`}\n variant='secondary'\n ref={setSummaryEl}\n >\n {summary}\n </StyledSummary>\n <Tooltip\n smart\n target={summaryEl}\n hideDelay='none'\n data-testid={`${stepNumber}-${testIds.summaryTooltip}`}\n >\n {summary}\n </Tooltip>\n </>\n )}\n </Flex>\n\n {comment && (\n <>\n <StyledComment\n ref={setCommentEl}\n data-testid={`${stepNumber}-${testIds.comment}`}\n variant='secondary'\n >\n {comment}\n </StyledComment>\n <Tooltip\n smart\n target={commentEl}\n hideDelay='none'\n data-testid={`${stepNumber}-${testIds.commentTooltip}`}\n >\n {comment}\n </Tooltip>\n </>\n )}\n </Flex>\n\n <Flex\n ref={ruleStepActionsRef}\n item={{ shrink: 0 }}\n container={{ justify: 'center', alignItems: 'center' }}\n >\n {addStepMenu && !readOnly && (\n <MenuButton\n testId={`${stepNumber}-${testIds.addStepMenu}`}\n {...addStepMenu}\n icon='plus'\n iconOnly\n compact\n text={t('add_step')}\n variant='simple'\n tabIndex={focusInsideNode ? 0 : -1}\n menu={{\n ...addStepMenu.menu,\n scrollAt: 20,\n mode: 'action',\n variant: 'drill-down',\n onItemClick: (id: string) => {\n if (isValidAutomationActionType(id)) {\n addStepMenu?.menu.onItemClick?.(id, stepId, stepNumber);\n }\n }\n }}\n />\n )}\n\n {stepActions && (\n <Actions\n data-testid={`${stepNumber}-${testIds.stepActions}`}\n compact\n contextualLabel={`step-${stepNumber}`}\n items={stepActions}\n tabIndex={focusInsideNode ? 0 : -1}\n />\n )}\n </Flex>\n </Flex>\n\n <VisuallyHiddenText id={stepId}>\n {error ? `Step name ${translatedStepName} has errors` : `Step name ${translatedStepName}`}\n </VisuallyHiddenText>\n\n {(content || loading) && (\n <ExpandCollapse transitionSpeed='0.1s' collapsed={!expanded}>\n <StyledContent data-testid={`${stepNumber}-${testIds.content}`}>\n {(expanded || mountContent) && content}\n\n {loading && (\n <Progress variant='ring' placement='local' focusOnVisible message={t('loading')} />\n )}\n </StyledContent>\n </ExpandCollapse>\n )}\n </Flex>\n );\n }\n);\n\nexport default withTestIds(RuleStep, getRuleStepTestIds);\n"]}

package/lib/components/Automation/index.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export { default } from './Automation';
+export { default as RuleStep } from './RuleStep';
+export { automationTreeHelpers } from './Automation.utils';
+export type { RuleStepProps, AutomationProps, RuleStepTreeNode, AutomationActionType, AutomationActions } from './Automation.types';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Automation/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Automation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,YAAY,EACV,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,oBAAoB,CAAC"}

package/lib/components/Automation/index.js ADDED Viewed

@@ -0,0 +1,4 @@
+export { default } from './Automation';
+export { default as RuleStep } from './RuleStep';
+export { automationTreeHelpers } from './Automation.utils';
+//# sourceMappingURL=index.js.map

package/lib/components/Automation/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Automation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["export { default } from './Automation';\nexport { default as RuleStep } from './RuleStep';\nexport { automationTreeHelpers } from './Automation.utils';\nexport type {\n RuleStepProps,\n AutomationProps,\n RuleStepTreeNode,\n AutomationActionType,\n AutomationActions\n} from './Automation.types';\n"]}

package/lib/components/EmptyRuleTemplate/EmptyRuleTemplate.d.ts ADDED Viewed

@@ -0,0 +1,34 @@
+import type { Ref } from 'react';
+import type { ImageProps, LinkProps, MenuButtonProps, Action, TestIdProp, BaseProps, NoChildrenProp, ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';
+export interface EmptyRuleTemplateProps extends BaseProps, NoChildrenProp, TestIdProp {
+    /** The heading of the template */
+    title: string;
+    /** description of the template */
+    description?: string;
+    /** Image of the template */
+    image?: ImageProps;
+    /** Link pointing to external resource for more information */
+    moreInfo?: {
+        label: string;
+        href: LinkProps['href'];
+    };
+    /** Call to action in the template */
+    primaryAction?: Pick<Action, 'text' | 'onClick' | 'disabled'>;
+    /** Select menu to choose the first action to proceed further */
+    actionsMenu?: Pick<MenuButtonProps, 'text' | 'onClick' | 'onKeyDown' | 'menu'> & {
+        disabled?: boolean;
+    };
+    /** Ref to the template. */
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const StyledEmptyRuleContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledEmptyRuleContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledImageContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledButtonContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isStacked: boolean;
+}, never>;
+declare const _default: ForwardRefForwardPropsComponent<EmptyRuleTemplateProps> & {
+    getTestIds: (testIdProp?: TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["title", "description", "image", "more-info", "action", "actions-menu"]>;
+};
+export default _default;
+//# sourceMappingURL=EmptyRuleTemplate.d.ts.map

package/lib/components/EmptyRuleTemplate/EmptyRuleTemplate.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"EmptyRuleTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyRuleTemplate/EmptyRuleTemplate.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAmB,MAAM,OAAO,CAAC;AAiBlD,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,eAAe,EACf,MAAM,EACN,UAAU,EACV,SAAS,EACT,cAAc,EACd,+BAA+B,EAChC,MAAM,yBAAyB,CAAC;AAKjC,MAAM,WAAW,sBAAuB,SAAQ,SAAS,EAAE,cAAc,EAAE,UAAU;IACnF,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;KACzB,CAAC;IACF,qCAAqC;IACrC,aAAa,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;IAC9D,gEAAgE;IAChE,WAAW,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC,GAAG;QAC/E,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;IACF,2BAA2B;IAC3B,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,wBAAwB,yGAcpC,CAAC;AAIF,eAAO,MAAM,sBAAsB,yGAYlC,CAAC;AAIF,eAAO,MAAM,oBAAoB,yGAS/B,CAAC;AAIH,eAAO,MAAM,qBAAqB;eAA2C,OAAO;SASlF,CAAC;;;;AA8FH,wBAA2E"}

package/lib/components/EmptyRuleTemplate/EmptyRuleTemplate.js ADDED Viewed

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import styled, { css } from 'styled-components';
+import { Flex, Text, Image, Link, Button, MenuButton, ShowMoreLess, useTestIds, useBreakpoint, useConsolidatedRef, withTestIds, defaultThemeProp } from '@pega/cosmos-react-core';
+import { StyledMenuButton } from '@pega/cosmos-react-core/lib/components/MenuButton/MenuButton';
+import { getEmptyRuleTemplateTestIds } from './EmptyRuleTemplate.test-ids';
+export const StyledEmptyRuleContainer = styled.div(({ theme: { base: { 'content-width': { sm } } } }) => {
+    return css `
+      min-width: ${sm};
+      height: 100%;
+      text-align: center;
+    `;
+});
+StyledEmptyRuleContainer.defaultProps = defaultThemeProp;
+export const StyledEmptyRuleContent = styled.div(({ theme: { base: { 'content-width': { xl } } } }) => {
+    return css `
+      max-width: ${xl};
+    `;
+});
+StyledEmptyRuleContent.defaultProps = defaultThemeProp;
+export const StyledImageContainer = styled.div(({ theme }) => {
+    return css `
+    width: calc(30 * ${theme.base.spacing});
+    img {
+      object-fit: contain;
+      min-width: 100%;
+    }
+  `;
+});
+StyledImageContainer.defaultProps = defaultThemeProp;
+export const StyledButtonContainer = styled.div(({ isStacked }) => {
+    return (isStacked &&
+        css `
+      ${StyledMenuButton} {
+        margin-inline-start: 0;
+      }
+    `);
+});
+const EmptyRuleTemplate = forwardRef(function EmptyRuleTemplate({ testId, title, image, description, moreInfo, primaryAction, actionsMenu }, ref) {
+    const testIds = useTestIds(testId, getEmptyRuleTemplateTestIds);
+    const templateRef = useConsolidatedRef(ref);
+    const isSmallOrAbove = useBreakpoint('sm', { breakpointRef: templateRef });
+    return (_jsx(Flex, { as: StyledEmptyRuleContainer, container: { justify: 'center', alignItems: 'center' }, ref: templateRef, children: _jsxs(Flex, { as: StyledEmptyRuleContent, container: {
+                direction: 'column',
+                alignItems: 'center',
+                rowGap: 2,
+                pad: [4, 2]
+            }, children: [image && (_jsx(StyledImageContainer, { children: _jsx(Image, { ...image, "data-testId": testIds.image }) })), _jsxs(Flex, { container: { direction: 'column', alignItems: 'center', rowGap: 1 }, children: [_jsx(Text, { "data-testId": testIds.title, variant: 'h2', children: title }), description && (_jsx(ShowMoreLess, { lines: 2, children: _jsx(Text, { "data-testId": testIds.description, variant: 'secondary', children: description }) })), moreInfo && (_jsx(Link, { testId: testIds.moreInfo, href: moreInfo.href, children: moreInfo.label })), (primaryAction || actionsMenu) && (_jsxs(Flex, { as: StyledButtonContainer, isStacked: !isSmallOrAbove, container: {
+                                direction: isSmallOrAbove ? 'row' : 'column',
+                                gap: isSmallOrAbove ? 0 : 1
+                            }, children: [primaryAction && (_jsx(Button, { "data-testid": testIds.action, onClick: primaryAction.onClick, disabled: primaryAction.disabled, children: primaryAction.text })), actionsMenu && (_jsx(MenuButton, { testId: testIds.actionsMenu, ...actionsMenu, disabled: actionsMenu.disabled }))] }))] })] }) }));
+});
+export default withTestIds(EmptyRuleTemplate, getEmptyRuleTemplateTestIds);
+//# sourceMappingURL=EmptyRuleTemplate.js.map

package/lib/components/EmptyRuleTemplate/EmptyRuleTemplate.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"EmptyRuleTemplate.js","sourceRoot":"","sources":["../../../src/components/EmptyRuleTemplate/EmptyRuleTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef } from 'react';\nimport type { Ref, PropsWithoutRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n Flex,\n Text,\n Image,\n Link,\n Button,\n MenuButton,\n ShowMoreLess,\n useTestIds,\n useBreakpoint,\n useConsolidatedRef,\n withTestIds,\n defaultThemeProp\n} from '@pega/cosmos-react-core';\nimport type {\n ImageProps,\n LinkProps,\n MenuButtonProps,\n Action,\n TestIdProp,\n BaseProps,\n NoChildrenProp,\n ForwardRefForwardPropsComponent\n} from '@pega/cosmos-react-core';\nimport { StyledMenuButton } from '@pega/cosmos-react-core/lib/components/MenuButton/MenuButton';\n\nimport { getEmptyRuleTemplateTestIds } from './EmptyRuleTemplate.test-ids';\n\nexport interface EmptyRuleTemplateProps extends BaseProps, NoChildrenProp, TestIdProp {\n /** The heading of the template */\n title: string;\n /** description of the template */\n description?: string;\n /** Image of the template */\n image?: ImageProps;\n /** Link pointing to external resource for more information */\n moreInfo?: {\n label: string;\n href: LinkProps['href'];\n };\n /** Call to action in the template */\n primaryAction?: Pick<Action, 'text' | 'onClick' | 'disabled'>;\n /** Select menu to choose the first action to proceed further */\n actionsMenu?: Pick<MenuButtonProps, 'text' | 'onClick' | 'onKeyDown' | 'menu'> & {\n disabled?: boolean;\n };\n /** Ref to the template. */\n ref?: Ref<HTMLDivElement>;\n}\n\nexport const StyledEmptyRuleContainer = styled.div(\n ({\n theme: {\n base: {\n 'content-width': { sm }\n }\n }\n }) => {\n return css`\n min-width: ${sm};\n height: 100%;\n text-align: center;\n `;\n }\n);\n\nStyledEmptyRuleContainer.defaultProps = defaultThemeProp;\n\nexport const StyledEmptyRuleContent = styled.div(\n ({\n theme: {\n base: {\n 'content-width': { xl }\n }\n }\n }) => {\n return css`\n max-width: ${xl};\n `;\n }\n);\n\nStyledEmptyRuleContent.defaultProps = defaultThemeProp;\n\nexport const StyledImageContainer = styled.div(({ theme }) => {\n return css`\n width: calc(30 * ${theme.base.spacing});\n\n img {\n object-fit: contain;\n min-width: 100%;\n }\n `;\n});\n\nStyledImageContainer.defaultProps = defaultThemeProp;\n\nexport const StyledButtonContainer = styled.div(({ isStacked }: { isStacked: boolean }) => {\n return (\n isStacked &&\n css`\n ${StyledMenuButton} {\n margin-inline-start: 0;\n }\n `\n );\n});\n\nconst EmptyRuleTemplate: ForwardRefForwardPropsComponent<EmptyRuleTemplateProps> = forwardRef(\n function EmptyRuleTemplate(\n {\n testId,\n title,\n image,\n description,\n moreInfo,\n primaryAction,\n actionsMenu\n }: PropsWithoutRef<EmptyRuleTemplateProps>,\n ref: EmptyRuleTemplateProps['ref']\n ) {\n const testIds = useTestIds(testId, getEmptyRuleTemplateTestIds);\n const templateRef = useConsolidatedRef<HTMLDivElement>(ref);\n const isSmallOrAbove = useBreakpoint('sm', { breakpointRef: templateRef });\n\n return (\n <Flex\n as={StyledEmptyRuleContainer}\n container={{ justify: 'center', alignItems: 'center' }}\n ref={templateRef}\n >\n <Flex\n as={StyledEmptyRuleContent}\n container={{\n direction: 'column',\n alignItems: 'center',\n rowGap: 2,\n pad: [4, 2]\n }}\n >\n {image && (\n <StyledImageContainer>\n <Image {...image} data-testId={testIds.image} />\n </StyledImageContainer>\n )}\n\n <Flex container={{ direction: 'column', alignItems: 'center', rowGap: 1 }}>\n <Text data-testId={testIds.title} variant='h2'>\n {title}\n </Text>\n\n {description && (\n <ShowMoreLess lines={2}>\n <Text data-testId={testIds.description} variant='secondary'>\n {description}\n </Text>\n </ShowMoreLess>\n )}\n\n {moreInfo && (\n <Link testId={testIds.moreInfo} href={moreInfo.href}>\n {moreInfo.label}\n </Link>\n )}\n\n {(primaryAction || actionsMenu) && (\n <Flex\n as={StyledButtonContainer}\n isStacked={!isSmallOrAbove}\n container={{\n direction: isSmallOrAbove ? 'row' : 'column',\n gap: isSmallOrAbove ? 0 : 1\n }}\n >\n {primaryAction && (\n <Button\n data-testid={testIds.action}\n onClick={primaryAction.onClick}\n disabled={primaryAction.disabled}\n >\n {primaryAction.text}\n </Button>\n )}\n\n {actionsMenu && (\n <MenuButton\n testId={testIds.actionsMenu}\n {...actionsMenu}\n disabled={actionsMenu.disabled}\n />\n )}\n </Flex>\n )}\n </Flex>\n </Flex>\n </Flex>\n );\n }\n);\n\nexport default withTestIds(EmptyRuleTemplate, getEmptyRuleTemplateTestIds);\n"]}

package/lib/components/EmptyRuleTemplate/EmptyRuleTemplate.test-ids.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export declare const getEmptyRuleTemplateTestIds: (testIdProp?: import("@pega/cosmos-react-core").TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["title", "description", "image", "more-info", "action", "actions-menu"]>;
2	+ //# sourceMappingURL=EmptyRuleTemplate.test-ids.d.ts.map

package/lib/components/EmptyRuleTemplate/EmptyRuleTemplate.test-ids.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"EmptyRuleTemplate.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyRuleTemplate/EmptyRuleTemplate.test-ids.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,2BAA2B,6MAO7B,CAAC"}