@pega/react-sdk-components 0.23.26 → 0.23.27

package/lib/components/infra/MultiStep/MultiStep.css

@@ -16,16 +16,15 @@
 }
 
 .psdk-current-svg-icon {
-  width: 1.0rem;
+  width: 1rem;
   filter: var(--app-primary-color-filter);
 }
 
 .psdk-not-current-svg-icon {
-  width: 1.0rem;
+  width: 1rem;
   filter: var(--app-neutral-color-filter);
 }
 
-
 mat-vertical-stepper {
   background-color: transparent;
 }
@@ -36,17 +35,16 @@ mat-horizontal-stepper {
 .psdk-sub-step-current {
   padding-left: 0.625rem;
   font-weight: bold;
-  color: rgba(0,0,0,.87);
+  color: rgba(0, 0, 0, 0.87);
 }
 
 .psdk-sub-step-not-current {
   padding-left: 0.625rem;
-  color: rgba(0,0,0,.54);
+  color: rgba(0, 0, 0, 0.54);
 }
 
 .psdk-flow-container-top {
   border-radius: 0.3125rem;
-
 }
 .psdk-flow-container {
   padding-left: 2.1875rem;
@@ -57,8 +55,6 @@ mat-horizontal-stepper {
   padding-bottom: 0.625rem;
 }
 
-
-
 .psdk-vertical-stepper {
   background-color: transparent;
   display: block;
@@ -112,7 +108,7 @@ mat-horizontal-stepper {
 }
 
 .psdk-vertical-step-label {
-  color: rgba(0,0,0,.54);
+  color: rgba(0, 0, 0, 0.54);
   display: inline-block;
   white-space: nowrap;
   overflow: hidden;
@@ -124,7 +120,7 @@ mat-horizontal-stepper {
 }
 
 .psdk-vertical-step-label-selected {
-  color: rgba(0,0,0,.87);
+  color: rgba(0, 0, 0, 0.87);
   display: inline-block;
   white-space: nowrap;
   overflow: hidden;
@@ -147,14 +143,14 @@ mat-horizontal-stepper {
 }
 
 .psdk-vertical-step-line::before {
-  content: "";
+  content: '';
   position: absolute;
   left: 0;
   border-left-width: 1px;
   border-left-style: solid;
   top: -16px;
   bottom: -16px;
-  border-left-color: rgba(0,0,0,.12);
+  border-left-color: rgba(0, 0, 0, 0.12);
 }
 
 .psdk-horizontal-stepper {
@@ -217,7 +213,7 @@ mat-horizontal-stepper {
 }
 
 .psdk-horizontal-step-label {
-  color: rgba(0,0,0,.54);
+  color: rgba(0, 0, 0, 0.54);
   display: inline-block;
   min-width: 50px;
   vertical-align: middle;
@@ -227,7 +223,7 @@ mat-horizontal-stepper {
 }
 
 .psdk-horizontal-step-label-selected {
-  color: rgba(0,0,0,.87);
+  color: rgba(0, 0, 0, 0.87);
   display: inline-block;
   min-width: 50px;
   vertical-align: middle;
@@ -237,7 +233,7 @@ mat-horizontal-stepper {
 }
 
 .psdk-horizontal-step-line {
-  border-top-color: rgba(0,0,0,.12);
+  border-top-color: rgba(0, 0, 0, 0.12);
   border-top-width: 1px;
   border-top-style: solid;
   flex: auto;

package/lib/components/infra/MultiStep/MultiStep.d.ts

@@ -1,21 +1,13 @@
-/// <reference types="react" />
-import PropTypes from "prop-types";
+import { PropsWithChildren } from 'react';
+import { PConnProps } from '../../../types/PConnProps';
 import './MultiStep.css';
-declare function MultiStep(props: any): JSX.Element;
-declare namespace MultiStep {
-    var propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
-        itemKey: PropTypes.Requireable<string>;
-        actionButtons: PropTypes.Requireable<object>;
-        onButtonPress: PropTypes.Requireable<(...args: any[]) => any>;
-        bIsVertical: PropTypes.Requireable<boolean>;
-        arCurrentStepIndicies: PropTypes.Requireable<any[]>;
-        arNavigationSteps: PropTypes.Requireable<any[]>;
-    };
-    var defaultProps: {
-        itemKey: null;
-    };
+interface MultiStepProps extends PConnProps {
+    itemKey: string;
+    actionButtons: any[];
+    onButtonPress: any;
+    bIsVertical: boolean;
+    arNavigationSteps: any[];
 }
-export default MultiStep;
+export default function MultiStep(props: PropsWithChildren<MultiStepProps>): JSX.Element;
+export {};
 //# sourceMappingURL=MultiStep.d.ts.map

package/lib/components/infra/MultiStep/MultiStep.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiStep.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/MultiStep/MultiStep.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,iBAAiB,CAAC;AAMzB,iBAAwB,SAAS,CAAC,KAAK,KAAA,eAuMpC;kBAvMqB,SAAS;;;;;;;;;;;;;;;eAAT,SAAS"}
+{"version":3,"file":"MultiStep.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/MultiStep/MultiStep.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,iBAAiB,CAAC;AAEzB,UAAU,cAAe,SAAQ,UAAU;IAEzC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,GAAG,EAAE,CAAC;IACrB,aAAa,EAAE,GAAG,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,GAAG,EAAE,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,eA4KzE"}

package/lib/components/infra/MultiStep/MultiStep.js

@@ -1,42 +1,43 @@
-import React from "react";
-import PropTypes from "prop-types";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 import './MultiStep.css';
-import AssignmentCard from '../AssignmentCard';
-// import { useConstellationContext } from "../../bridge/Context/StoreContext";
 export default function MultiStep(props) {
-    const { getPConnect, children, itemKey, actionButtons, onButtonPress } = props;
+    // Get emitted components from map (so we can get any override that may exist)
+    const AssignmentCard = getComponentFromMap('AssignmentCard');
+    const { getPConnect, children, itemKey = '', actionButtons, onButtonPress } = props;
     const { bIsVertical, arNavigationSteps } = props;
-    // const svgCurrent = Utils.getImageSrc("circle-solid", PCore.getAssetLoader().getStaticServerUrl());
-    // const svgNotCurrent = Utils.getImageSrc("circle-solid", PCore.getAssetLoader().getStaticServerUrl());
+    // const svgCurrent = Utils.getImageSrc("circle-solid", Utils.getSDKStaticConentUrl());
+    // const svgNotCurrent = Utils.getImageSrc("circle-solid", Utils.getSDKStaticConentUrl());
     function _getVIconClass(status) {
-        if (status === "current") {
-            return "psdk-vertical-step-icon-selected";
+        if (status === 'current') {
+            return 'psdk-vertical-step-icon-selected';
         }
-        return "psdk-vertical-step-icon";
+        return 'psdk-vertical-step-icon';
     }
     function _getVLabelClass(status) {
-        if (status === "current") {
-            return "psdk-vertical-step-label-selected";
+        if (status === 'current') {
+            return 'psdk-vertical-step-label-selected';
         }
-        return "psdk-vertical-step-label";
+        return 'psdk-vertical-step-label';
     }
     function _getVBodyClass(index) {
         if (index < arNavigationSteps.length - 1) {
-            return "psdk-vertical-step-body psdk-vertical-step-line";
+            return 'psdk-vertical-step-body psdk-vertical-step-line';
         }
-        return "psdk-vertical-step-body";
+        return 'psdk-vertical-step-body';
     }
     function _getHIconClass(status) {
-        if (status === "current") {
-            return "psdk-horizontal-step-icon-selected";
+        if (status === 'current') {
+            return 'psdk-horizontal-step-icon-selected';
         }
-        return "psdk-horizontal-step-icon";
+        return 'psdk-horizontal-step-icon';
     }
     function _getHLabelClass(status) {
-        if (status === "current") {
-            return "psdk-horizontal-step-label-selected";
+        if (status === 'current') {
+            return 'psdk-horizontal-step-label-selected';
         }
-        return "psdk-horizontal-step-label";
+        return 'psdk-horizontal-step-label';
     }
     function _showHLine(index) {
         // eslint-disable-next-line sonarjs/prefer-single-boolean-return
@@ -48,83 +49,17 @@ export default function MultiStep(props) {
     function buttonPress(sAction, sButtonType) {
         onButtonPress(sAction, sButtonType);
     }
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", null, bIsVertical ?
-            React.createElement("div", { className: "psdk-vertical-stepper" }, arNavigationSteps.map((mainStep, index) => {
-                return (React.createElement(React.Fragment, { key: mainStep.actionID },
-                    React.createElement("div", { className: "psdk-vertical-step" },
-                        React.createElement("div", { className: "psdk-vertical-step-header" },
-                            React.createElement("div", { className: _getVIconClass(mainStep.visited_status) },
-                                React.createElement("div", { className: "psdk-vertical-step-icon-content" },
-                                    React.createElement("span", null, index + 1))),
-                            React.createElement("div", { className: _getVLabelClass(mainStep.visited_status) }, mainStep.name)),
-                        React.createElement("div", { className: _getVBodyClass(index) },
-                            mainStep?.steps &&
-                                React.createElement(React.Fragment, null,
-                                    React.createElement("ul", { style: { paddingInlineStart: "0rem", marginLeft: "-7px" } }, mainStep.steps.forEach((subStep) => {
-                                        React.createElement("li", { className: "psdk-sub-step-list" },
-                                            React.createElement("div", { style: { display: "inline-flex" } },
-                                                subStep.visited_status === 'current' &&
-                                                    React.createElement("img", { className: "psdk-current-svg-icon", src: "{svgCurrent}" }),
-                                                subStep.visited_status !== 'current' &&
-                                                    React.createElement("img", { className: "psdk-not-current-svg-icon", src: "{svgNotCurrent}" }),
-                                                subStep.visited_status === 'current' &&
-                                                    React.createElement("label", { className: "psdk-sub-step-current" }, subStep.name),
-                                                subStep.visited_status !== 'current' &&
-                                                    React.createElement("label", { className: "psdk-sub-step-not-current" }, subStep.name)),
-                                            subStep.visited_status === 'current' &&
-                                                React.createElement("div", null,
-                                                    React.createElement(AssignmentCard, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress }, children)));
-                                    }))),
-                            !mainStep?.steps && mainStep.visited_status === 'current' &&
-                                React.createElement(AssignmentCard, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress }, children)))));
-            }))
-            :
-                React.createElement("div", { className: "psdk-horizontal-stepper" },
-                    React.createElement("div", { className: "psdk-horizontal-stepper-header-container" }, arNavigationSteps.map((mainStep, index) => {
-                        return (React.createElement(React.Fragment, { key: mainStep.actionID },
-                            React.createElement("div", { className: "psdk-horizontal-step-header" },
-                                React.createElement("div", { className: _getHIconClass(mainStep.visited_status) },
-                                    React.createElement("div", { className: "psdk-horizontal-step-icon-content" },
-                                        React.createElement("span", null, index + 1))),
-                                React.createElement("div", { className: _getHLabelClass(mainStep.visited_status) },
-                                    React.createElement("div", { className: "psdk-horizontal-step-text-label" }, mainStep.name))),
-                            _showHLine(index) &&
-                                React.createElement("div", { className: "psdk-horizontal-step-line" })));
-                    })),
-                    arNavigationSteps.map((mainStep) => {
-                        return (React.createElement(React.Fragment, { key: mainStep.actionID },
-                            mainStep.steps &&
-                                React.createElement(React.Fragment, null,
-                                    React.createElement("ul", { style: { paddingInlineStart: "0rem", marginLeft: "35px" } }, mainStep.steps.map((subStep) => (React.createElement(React.Fragment, null,
-                                        React.createElement("li", { className: "psdk-sub-step-list" },
-                                            React.createElement("div", { style: { display: "inline-flex" } },
-                                                subStep.visited_status === 'current' &&
-                                                    React.createElement("img", { className: "psdk-current-svg-icon", src: "{svgCurrent}" }),
-                                                subStep.visited_status !== 'current' &&
-                                                    React.createElement("img", { className: "psdk-not-current-svg-icon", src: "{svgNotCurrent}" }),
-                                                subStep.visited_status === 'current' &&
-                                                    React.createElement("label", { className: "psdk-sub-step-current" }, subStep.name),
-                                                subStep.visited_status !== 'current' &&
-                                                    React.createElement("label", { className: "psdk-sub-step-not-current" }, subStep.name)),
-                                            subStep.visited_status === 'current' &&
-                                                React.createElement(AssignmentCard, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress }, children))))))),
-                            !mainStep?.steps && mainStep.visited_status === 'current' &&
-                                React.createElement(AssignmentCard, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress }, children)));
-                    })))));
+    return (_jsx("div", { children: bIsVertical ? (_jsx("div", { className: 'psdk-vertical-stepper', children: arNavigationSteps.map((mainStep, index) => {
+                return (_jsx(React.Fragment, { children: _jsxs("div", { className: 'psdk-vertical-step', children: [_jsxs("div", { className: 'psdk-vertical-step-header', children: [_jsx("div", { className: _getVIconClass(mainStep.visited_status), children: _jsx("div", { className: 'psdk-vertical-step-icon-content', children: _jsx("span", { children: index + 1 }) }) }), _jsx("div", { className: _getVLabelClass(mainStep.visited_status), children: mainStep.name })] }), _jsxs("div", { className: _getVBodyClass(index), children: [mainStep?.steps && (_jsx("ul", { style: {
+                                            paddingInlineStart: '0rem',
+                                            marginLeft: '-7px'
+                                        }, children: mainStep.steps.forEach(subStep => {
+                                            _jsxs("li", { className: 'psdk-sub-step-list', children: [_jsxs("div", { style: { display: 'inline-flex' }, children: [subStep.visited_status === 'current' && _jsx("img", { className: 'psdk-current-svg-icon', src: '{svgCurrent}' }), subStep.visited_status !== 'current' && _jsx("img", { className: 'psdk-not-current-svg-icon', src: '{svgNotCurrent}' }), subStep.visited_status === 'current' && _jsx("label", { className: 'psdk-sub-step-current', children: subStep.name }), subStep.visited_status !== 'current' && _jsx("label", { className: 'psdk-sub-step-not-current', children: subStep.name })] }), subStep.visited_status === 'current' && (_jsx("div", { children: _jsx(AssignmentCard, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress, children: children }) }))] });
+                                        }) })), !mainStep?.steps && mainStep.visited_status === 'current' && (_jsx(AssignmentCard, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress, children: children }))] })] }) }, mainStep.actionID));
+            }) })) : (_jsxs("div", { className: 'psdk-horizontal-stepper', children: [_jsx("div", { className: 'psdk-horizontal-stepper-header-container', children: arNavigationSteps.map((mainStep, index) => {
+                        return (_jsxs(React.Fragment, { children: [_jsxs("div", { className: 'psdk-horizontal-step-header', children: [_jsx("div", { className: _getHIconClass(mainStep.visited_status), children: _jsx("div", { className: 'psdk-horizontal-step-icon-content', children: _jsx("span", { children: index + 1 }) }) }), _jsx("div", { className: _getHLabelClass(mainStep.visited_status), children: _jsx("div", { className: 'psdk-horizontal-step-text-label', children: mainStep.name }) })] }), _showHLine(index) && _jsx("div", { className: 'psdk-horizontal-step-line' })] }, mainStep.actionID));
+                    }) }), arNavigationSteps.map(mainStep => {
+                    return (_jsxs(React.Fragment, { children: [mainStep.steps && (_jsx("ul", { style: { paddingInlineStart: '0rem', marginLeft: '35px' }, children: mainStep.steps.map(subStep => (_jsxs("li", { className: 'psdk-sub-step-list', children: [_jsxs("div", { style: { display: 'inline-flex' }, children: [subStep.visited_status === 'current' && _jsx("img", { className: 'psdk-current-svg-icon', src: '{svgCurrent}' }), subStep.visited_status !== 'current' && _jsx("img", { className: 'psdk-not-current-svg-icon', src: '{svgNotCurrent}' }), subStep.visited_status === 'current' && _jsx("label", { className: 'psdk-sub-step-current', children: subStep.name }), subStep.visited_status !== 'current' && _jsx("label", { className: 'psdk-sub-step-not-current', children: subStep.name })] }), subStep.visited_status === 'current' && (_jsx(AssignmentCard, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress, children: children }))] }))) })), !mainStep?.steps && mainStep.visited_status === 'current' && (_jsx(AssignmentCard, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress, children: children }))] }, mainStep.actionID));
+                })] })) }));
 }
-MultiStep.propTypes = {
-    children: PropTypes.node.isRequired,
-    getPConnect: PropTypes.func.isRequired,
-    itemKey: PropTypes.string,
-    actionButtons: PropTypes.object,
-    onButtonPress: PropTypes.func,
-    bIsVertical: PropTypes.bool,
-    // eslint-disable-next-line react/no-unused-prop-types
-    arCurrentStepIndicies: PropTypes.array,
-    arNavigationSteps: PropTypes.array
-};
-MultiStep.defaultProps = {
-    itemKey: null
-};
 //# sourceMappingURL=MultiStep.js.map

package/lib/components/infra/MultiStep/MultiStep.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiStep.js","sourceRoot":"","sources":["../../../../src/components/infra/MultiStep/MultiStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,iBAAiB,CAAC;AAEzB,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAE/C,+EAA+E;AAE/E,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK;IACnC,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAC,GAAG,KAAK,CAAC;IAC9E,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IAEjD,qGAAqG;IACrG,wGAAwG;IAExG,SAAS,cAAc,CAAC,MAAM;QAC1B,IAAI,MAAM,KAAK,SAAS,EAAE;YACxB,OAAO,kCAAkC,CAAC;SAC3C;QAED,OAAO,yBAAyB,CAAC;IACnC,CAAC;IAED,SAAS,eAAe,CAAC,MAAM;QAC7B,IAAI,MAAM,KAAK,SAAS,EAAE;YACxB,OAAO,mCAAmC,CAAC;SAC5C;QAED,OAAO,0BAA0B,CAAC;IACpC,CAAC;IAED,SAAS,cAAc,CAAC,KAAa;QACnC,IAAI,KAAK,GAAG,iBAAiB,CAAC,MAAM,GAAG,CAAC,EAAE;YACxC,OAAO,iDAAiD,CAAC;SAC1D;QAED,OAAO,yBAAyB,CAAC;IACnC,CAAC;IAED,SAAS,cAAc,CAAC,MAAM;QAC5B,IAAI,MAAM,KAAK,SAAS,EAAE;YACxB,OAAO,oCAAoC,CAAC;SAC7C;QAED,OAAO,2BAA2B,CAAC;IACrC,CAAC;IAED,SAAS,eAAe,CAAC,MAAM;QAC7B,IAAI,MAAM,KAAK,SAAS,EAAE;YACxB,OAAO,qCAAqC,CAAC;SAC9C;QAED,OAAO,4BAA4B,CAAC;IACtC,CAAC;IAED,SAAS,UAAU,CAAC,KAAa;QAC/B,gEAAgE;QAChE,IAAI,KAAK,GAAG,iBAAiB,CAAC,MAAM,GAAG,CAAC,EAAE;YACxC,OAAO,IAAI,CAAC;SACb;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IAED,SAAS,WAAW,CAAC,OAAe,EAAE,WAAmB;QACvD,aAAa,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;IACtC,CAAC;IAEH,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACX,iCACK,WAAW,CAAC,CAAC;YACZ,6BAAK,SAAS,EAAC,uBAAuB,IACjC,iBAAiB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE;gBACzC,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,QAAQ,CAAC,QAAQ;oBACtC,6BAAK,SAAS,EAAC,oBAAoB;wBAC/B,6BAAK,SAAS,EAAC,2BAA2B;4BACtC,6BAAK,SAAS,EAAG,cAAc,CAAC,QAAQ,CAAC,cAAc,CAAC;gCACpD,6BAAK,SAAS,EAAC,iCAAiC;oCAC5C,kCAAO,KAAK,GAAG,CAAC,CAAQ,CACtB,CACJ;4BACN,6BAAK,SAAS,EAAG,eAAe,CAAC,QAAQ,CAAC,cAAc,CAAC,IACpD,QAAQ,CAAC,IAAI,CACZ,CACJ;wBACN,6BAAK,SAAS,EAAG,cAAc,CAAC,KAAK,CAAC;4BACjC,QAAQ,EAAE,KAAK;gCAChB,oBAAC,KAAK,CAAC,QAAQ;oCACf,4BAAI,KAAK,EAAE,EAAC,kBAAkB,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAC,IACtD,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;wCAChC,4BAAI,SAAS,EAAC,oBAAoB;4CAClC,6BAAK,KAAK,EAAE,EAAC,OAAO,EAAE,aAAa,EAAC;gDAC/B,OAAO,CAAC,cAAc,KAAK,SAAS;oDACrC,6BAAK,SAAS,EAAC,uBAAuB,EAAC,GAAG,EAAC,cAAc,GAAG;gDAE3D,OAAO,CAAC,cAAc,KAAK,SAAS;oDACrC,6BAAK,SAAS,EAAC,2BAA2B,EAAC,GAAG,EAAC,iBAAiB,GAAG;gDAElE,OAAO,CAAC,cAAc,KAAK,SAAS;oDACrC,+BAAO,SAAS,EAAC,uBAAuB,IAAE,OAAO,CAAC,IAAI,CAAS;gDAE9D,OAAO,CAAC,cAAc,KAAK,SAAS;oDACrC,+BAAO,SAAS,EAAC,2BAA2B,IAAE,OAAO,CAAC,IAAI,CAAS,CAEjE;4CACL,OAAO,CAAC,cAAc,KAAK,SAAS;gDACjC;oDACI,oBAAC,cAAc,IAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,IAC/G,QAAQ,CACI,CACf,CAIL,CAAA;oCACT,CAAC,CAAC,CAED,CACY;4BAEhB,CAAC,QAAQ,EAAE,KAAK,IAAI,QAAQ,CAAC,cAAc,KAAK,SAAS;gCAC1D,oBAAC,cAAc,IAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,IAC3G,QAAQ,CACC,CAEhB,CACJ,CACW,CACpB,CAAA;YAAA,CAAC,CAAC,CACD;YAER,CAAC;gBACC,6BAAK,SAAS,EAAC,yBAAyB;oBACnC,6BAAK,SAAS,EAAC,0CAA0C,IACxD,iBAAiB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE;wBACxC,OAAO,CACP,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,QAAQ,CAAC,QAAQ;4BACtC,6BAAK,SAAS,EAAC,6BAA6B;gCACxC,6BAAK,SAAS,EAAG,cAAc,CAAC,QAAQ,CAAC,cAAc,CAAC;oCACpD,6BAAK,SAAS,EAAC,mCAAmC;wCAClD,kCAAO,KAAK,GAAG,CAAC,CAAQ,CAClB,CACJ;gCACN,6BAAK,SAAS,EAAG,eAAe,CAAC,QAAQ,CAAC,cAAc,CAAC;oCACrD,6BAAK,SAAS,EAAC,iCAAiC,IAC/C,QAAQ,CAAC,IAAI,CACR,CACJ,CACJ;4BACJ,UAAU,CAAC,KAAK,CAAC;gCACf,6BAAK,SAAS,EAAC,2BAA2B,GAAO,CAEpC,CACnB,CAAA;oBAAA,CAAC,CAAC,CACG;oBACL,iBAAiB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;wBACjC,OAAO,CACN,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,QAAQ,CAAC,QAAQ;4BACrC,QAAQ,CAAC,KAAK;gCACZ,oBAAC,KAAK,CAAC,QAAQ;oCACf,4BAAI,KAAK,EAAE,EAAC,kBAAkB,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAC,IAC1D,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC7B,oBAAC,KAAK,CAAC,QAAQ;wCACf,4BAAI,SAAS,EAAC,oBAAoB;4CAClC,6BAAK,KAAK,EAAE,EAAC,OAAO,EAAE,aAAa,EAAC;gDAC/B,OAAO,CAAC,cAAc,KAAK,SAAS;oDACrC,6BAAK,SAAS,EAAC,uBAAuB,EAAC,GAAG,EAAC,cAAc,GAAG;gDAE3D,OAAO,CAAC,cAAc,KAAK,SAAS;oDACrC,6BAAK,SAAS,EAAC,2BAA2B,EAAC,GAAG,EAAC,iBAAiB,GAAG;gDAElE,OAAO,CAAC,cAAc,KAAK,SAAS;oDACrC,+BAAO,SAAS,EAAC,uBAAuB,IAAE,OAAO,CAAC,IAAI,CAAS;gDAE9D,OAAO,CAAC,cAAc,KAAK,SAAS;oDACrC,+BAAO,SAAS,EAAC,2BAA2B,IAAE,OAAO,CAAC,IAAI,CAAS,CAEjE;4CACL,OAAO,CAAC,cAAc,KAAK,SAAS;gDACrC,oBAAC,cAAc,IAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,IAC3G,QAAQ,CACC,CAEf,CACY,CAClB,CAAC,CAEC,CACY;4BAEjB,CAAC,QAAQ,EAAE,KAAK,IAAI,QAAQ,CAAC,cAAc,KAAK,SAAS;gCACvD,oBAAC,cAAc,IAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,IAC/G,QAAQ,CACI,CAEJ,CACnB,CAAA;oBAAA,CAAC,CAAC,CACF,CAGN,CAEO,CAElB,CAAA;AACH,CAAC;AAED,SAAS,CAAC,SAAS,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACnC,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACtC,OAAO,EAAE,SAAS,CAAC,MAAM;IACzB,aAAa,EAAE,SAAS,CAAC,MAAM;IAC/B,aAAa,EAAE,SAAS,CAAC,IAAI;IAC7B,WAAW,EAAE,SAAS,CAAC,IAAI;IAC3B,sDAAsD;IACtD,qBAAqB,EAAE,SAAS,CAAC,KAAK;IACtC,iBAAiB,EAAE,SAAS,CAAC,KAAK;CACnC,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG;IACvB,OAAO,EAAE,IAAI;CACd,CAAC","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport './MultiStep.css';\n\nimport AssignmentCard from '../AssignmentCard';\n\n// import { useConstellationContext } from \"../../bridge/Context/StoreContext\";\n\nexport default function MultiStep(props) {\n    const { getPConnect, children, itemKey, actionButtons, onButtonPress} = props;\n    const { bIsVertical, arNavigationSteps } = props;\n\n    // const svgCurrent = Utils.getImageSrc(\"circle-solid\", PCore.getAssetLoader().getStaticServerUrl());\n    // const svgNotCurrent = Utils.getImageSrc(\"circle-solid\", PCore.getAssetLoader().getStaticServerUrl());\n\n    function _getVIconClass(status): string {\n        if (status === \"current\") {\n          return \"psdk-vertical-step-icon-selected\";\n        }\n\n        return \"psdk-vertical-step-icon\";\n      }\n\n      function _getVLabelClass(status): string {\n        if (status === \"current\") {\n          return \"psdk-vertical-step-label-selected\";\n        }\n\n        return \"psdk-vertical-step-label\";\n      }\n\n      function _getVBodyClass(index: number): string {\n        if (index < arNavigationSteps.length - 1) {\n          return \"psdk-vertical-step-body psdk-vertical-step-line\";\n        }\n\n        return \"psdk-vertical-step-body\";\n      }\n\n      function _getHIconClass(status): string {\n        if (status === \"current\") {\n          return \"psdk-horizontal-step-icon-selected\";\n        }\n\n        return \"psdk-horizontal-step-icon\";\n      }\n\n      function _getHLabelClass(status): string {\n        if (status === \"current\") {\n          return \"psdk-horizontal-step-label-selected\";\n        }\n\n        return \"psdk-horizontal-step-label\";\n      }\n\n      function _showHLine(index: number): boolean {\n        // eslint-disable-next-line sonarjs/prefer-single-boolean-return\n        if (index < arNavigationSteps.length - 1) {\n          return true;\n        }\n\n        return false;\n      }\n\n      function buttonPress(sAction: string, sButtonType: string) {\n        onButtonPress(sAction, sButtonType);\n      }\n\n    return (\n      <React.Fragment>\n          <div>\n              {bIsVertical ?\n                <div className=\"psdk-vertical-stepper\">\n                    {arNavigationSteps.map((mainStep, index) =>   {\n                      return (\n                        <React.Fragment key={mainStep.actionID}>\n                        <div className=\"psdk-vertical-step\">\n                            <div className=\"psdk-vertical-step-header\">\n                                <div className={ _getVIconClass(mainStep.visited_status)}>\n                                    <div className=\"psdk-vertical-step-icon-content\">\n                                        <span>{index + 1}</span>\n                                    </div>\n                                </div>\n                                <div className={ _getVLabelClass(mainStep.visited_status)}>\n                                    {mainStep.name}\n                                </div>\n                            </div>\n                            <div className={ _getVBodyClass(index)}>\n                                {mainStep?.steps &&\n                                <React.Fragment>\n                                <ul style={{paddingInlineStart: \"0rem\", marginLeft: \"-7px\"}}>\n                                    {mainStep.steps.forEach((subStep) => {\n                                        <li className=\"psdk-sub-step-list\">\n                                        <div style={{display: \"inline-flex\"}}>\n                                            {subStep.visited_status === 'current' &&\n                                            <img className=\"psdk-current-svg-icon\" src=\"{svgCurrent}\" />\n                                            }\n                                            {subStep.visited_status !== 'current' &&\n                                            <img className=\"psdk-not-current-svg-icon\" src=\"{svgNotCurrent}\" />\n                                            }\n                                            {subStep.visited_status === 'current' &&\n                                            <label className=\"psdk-sub-step-current\">{subStep.name}</label>\n                                            }\n                                            {subStep.visited_status !== 'current' &&\n                                            <label className=\"psdk-sub-step-not-current\">{subStep.name}</label>\n                                            }\n                                        </div>\n                                        {subStep.visited_status === 'current' &&\n                                            <div>\n                                                <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress} >\n                                                    {children}\n                                                </AssignmentCard>\n                                            </div>\n                                        }\n\n\n                                        </li>\n                                    })}\n\n                                </ul>\n                                </React.Fragment>\n                                }\n                                {!mainStep?.steps && mainStep.visited_status === 'current' &&\n                                <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress} >\n                                        {children}\n                                 </AssignmentCard>\n                                }\n                            </div>\n                        </div>\n                        </React.Fragment>\n                    )})}\n                </div>\n\n              :\n                <div className=\"psdk-horizontal-stepper\">\n                     <div className=\"psdk-horizontal-stepper-header-container\">\n                     {arNavigationSteps.map((mainStep, index) => {\n                        return (\n                        <React.Fragment key={mainStep.actionID}>\n                        <div className=\"psdk-horizontal-step-header\">\n                            <div className={ _getHIconClass(mainStep.visited_status)}>\n                                <div className=\"psdk-horizontal-step-icon-content\">\n                                <span>{index + 1}</span>\n                                </div>\n                            </div>\n                            <div className={ _getHLabelClass(mainStep.visited_status)}>\n                                <div className=\"psdk-horizontal-step-text-label\">\n                                {mainStep.name}\n                                </div>\n                            </div>\n                        </div>\n                        { _showHLine(index) &&\n                            <div className=\"psdk-horizontal-step-line\"></div>\n                        }\n                        </React.Fragment>\n                     )})}\n                     </div>\n                     {arNavigationSteps.map((mainStep) => {\n                        return (\n                         <React.Fragment key={mainStep.actionID}>\n                         {mainStep.steps &&\n                            <React.Fragment>\n                            <ul style={{paddingInlineStart: \"0rem\", marginLeft: \"35px\"}}>\n                            {mainStep.steps.map((subStep) => (\n                                <React.Fragment>\n                                <li className=\"psdk-sub-step-list\">\n                                <div style={{display: \"inline-flex\"}}>\n                                    {subStep.visited_status === 'current' &&\n                                    <img className=\"psdk-current-svg-icon\" src=\"{svgCurrent}\" />\n                                    }\n                                    {subStep.visited_status !== 'current' &&\n                                    <img className=\"psdk-not-current-svg-icon\" src=\"{svgNotCurrent}\" />\n                                    }\n                                    {subStep.visited_status === 'current' &&\n                                    <label className=\"psdk-sub-step-current\">{subStep.name}</label>\n                                    }\n                                    {subStep.visited_status !== 'current' &&\n                                    <label className=\"psdk-sub-step-not-current\">{subStep.name}</label>\n                                    }\n                                </div>\n                                {subStep.visited_status === 'current' &&\n                                <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress} >\n                                        {children}\n                                 </AssignmentCard>\n                                }\n                              </li>\n                              </React.Fragment>\n                            ))}\n\n                          </ul>\n                          </React.Fragment>\n                        }\n                        { !mainStep?.steps && mainStep.visited_status === 'current' &&\n                            <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress} >\n                                {children}\n                            </AssignmentCard>\n                        }\n                        </React.Fragment>\n                     )})}\n                </div>\n              }\n\n          </div>\n\n      </React.Fragment>\n\n    )\n  }\n\n  MultiStep.propTypes = {\n    children: PropTypes.node.isRequired,\n    getPConnect: PropTypes.func.isRequired,\n    itemKey: PropTypes.string,\n    actionButtons: PropTypes.object,\n    onButtonPress: PropTypes.func,\n    bIsVertical: PropTypes.bool,\n    // eslint-disable-next-line react/no-unused-prop-types\n    arCurrentStepIndicies: PropTypes.array,\n    arNavigationSteps: PropTypes.array\n  };\n\n  MultiStep.defaultProps = {\n    itemKey: null\n  };\n"]}
+{"version":3,"file":"MultiStep.js","sourceRoot":"","sources":["../../../../src/components/infra/MultiStep/MultiStep.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { PropsWithChildren } from 'react';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\nimport './MultiStep.css';\n\ninterface MultiStepProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  itemKey: string;\n  actionButtons: any[];\n  onButtonPress: any;\n  bIsVertical: boolean;\n  arNavigationSteps: any[];\n}\n\nexport default function MultiStep(props: PropsWithChildren<MultiStepProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const AssignmentCard = getComponentFromMap('AssignmentCard');\n\n  const { getPConnect, children, itemKey = '', actionButtons, onButtonPress } = props;\n  const { bIsVertical, arNavigationSteps } = props;\n\n  // const svgCurrent = Utils.getImageSrc(\"circle-solid\", Utils.getSDKStaticConentUrl());\n  // const svgNotCurrent = Utils.getImageSrc(\"circle-solid\", Utils.getSDKStaticConentUrl());\n\n  function _getVIconClass(status): string {\n    if (status === 'current') {\n      return 'psdk-vertical-step-icon-selected';\n    }\n\n    return 'psdk-vertical-step-icon';\n  }\n\n  function _getVLabelClass(status): string {\n    if (status === 'current') {\n      return 'psdk-vertical-step-label-selected';\n    }\n\n    return 'psdk-vertical-step-label';\n  }\n\n  function _getVBodyClass(index: number): string {\n    if (index < arNavigationSteps.length - 1) {\n      return 'psdk-vertical-step-body psdk-vertical-step-line';\n    }\n\n    return 'psdk-vertical-step-body';\n  }\n\n  function _getHIconClass(status): string {\n    if (status === 'current') {\n      return 'psdk-horizontal-step-icon-selected';\n    }\n\n    return 'psdk-horizontal-step-icon';\n  }\n\n  function _getHLabelClass(status): string {\n    if (status === 'current') {\n      return 'psdk-horizontal-step-label-selected';\n    }\n\n    return 'psdk-horizontal-step-label';\n  }\n\n  function _showHLine(index: number): boolean {\n    // eslint-disable-next-line sonarjs/prefer-single-boolean-return\n    if (index < arNavigationSteps.length - 1) {\n      return true;\n    }\n\n    return false;\n  }\n\n  function buttonPress(sAction: string, sButtonType: string) {\n    onButtonPress(sAction, sButtonType);\n  }\n\n  return (\n    <div>\n      {bIsVertical ? (\n        <div className='psdk-vertical-stepper'>\n          {arNavigationSteps.map((mainStep, index) => {\n            return (\n              <React.Fragment key={mainStep.actionID}>\n                <div className='psdk-vertical-step'>\n                  <div className='psdk-vertical-step-header'>\n                    <div className={_getVIconClass(mainStep.visited_status)}>\n                      <div className='psdk-vertical-step-icon-content'>\n                        <span>{index + 1}</span>\n                      </div>\n                    </div>\n                    <div className={_getVLabelClass(mainStep.visited_status)}>{mainStep.name}</div>\n                  </div>\n                  <div className={_getVBodyClass(index)}>\n                    {mainStep?.steps && (\n                      <ul\n                        style={{\n                          paddingInlineStart: '0rem',\n                          marginLeft: '-7px'\n                        }}\n                      >\n                        {mainStep.steps.forEach(subStep => {\n                          <li className='psdk-sub-step-list'>\n                            <div style={{ display: 'inline-flex' }}>\n                              {subStep.visited_status === 'current' && <img className='psdk-current-svg-icon' src='{svgCurrent}' />}\n                              {subStep.visited_status !== 'current' && <img className='psdk-not-current-svg-icon' src='{svgNotCurrent}' />}\n                              {subStep.visited_status === 'current' && <label className='psdk-sub-step-current'>{subStep.name}</label>}\n                              {subStep.visited_status !== 'current' && <label className='psdk-sub-step-not-current'>{subStep.name}</label>}\n                            </div>\n                            {subStep.visited_status === 'current' && (\n                              <div>\n                                <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress}>\n                                  {children}\n                                </AssignmentCard>\n                              </div>\n                            )}\n                          </li>;\n                        })}\n                      </ul>\n                    )}\n                    {!mainStep?.steps && mainStep.visited_status === 'current' && (\n                      <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress}>\n                        {children}\n                      </AssignmentCard>\n                    )}\n                  </div>\n                </div>\n              </React.Fragment>\n            );\n          })}\n        </div>\n      ) : (\n        <div className='psdk-horizontal-stepper'>\n          <div className='psdk-horizontal-stepper-header-container'>\n            {arNavigationSteps.map((mainStep, index) => {\n              return (\n                <React.Fragment key={mainStep.actionID}>\n                  <div className='psdk-horizontal-step-header'>\n                    <div className={_getHIconClass(mainStep.visited_status)}>\n                      <div className='psdk-horizontal-step-icon-content'>\n                        <span>{index + 1}</span>\n                      </div>\n                    </div>\n                    <div className={_getHLabelClass(mainStep.visited_status)}>\n                      <div className='psdk-horizontal-step-text-label'>{mainStep.name}</div>\n                    </div>\n                  </div>\n                  {_showHLine(index) && <div className='psdk-horizontal-step-line' />}\n                </React.Fragment>\n              );\n            })}\n          </div>\n          {arNavigationSteps.map(mainStep => {\n            return (\n              <React.Fragment key={mainStep.actionID}>\n                {mainStep.steps && (\n                  <ul style={{ paddingInlineStart: '0rem', marginLeft: '35px' }}>\n                    {mainStep.steps.map(subStep => (\n                      <li className='psdk-sub-step-list'>\n                        <div style={{ display: 'inline-flex' }}>\n                          {subStep.visited_status === 'current' && <img className='psdk-current-svg-icon' src='{svgCurrent}' />}\n                          {subStep.visited_status !== 'current' && <img className='psdk-not-current-svg-icon' src='{svgNotCurrent}' />}\n                          {subStep.visited_status === 'current' && <label className='psdk-sub-step-current'>{subStep.name}</label>}\n                          {subStep.visited_status !== 'current' && <label className='psdk-sub-step-not-current'>{subStep.name}</label>}\n                        </div>\n                        {subStep.visited_status === 'current' && (\n                          <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress}>\n                            {children}\n                          </AssignmentCard>\n                        )}\n                      </li>\n                    ))}\n                  </ul>\n                )}\n                {!mainStep?.steps && mainStep.visited_status === 'current' && (\n                  <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress}>\n                    {children}\n                  </AssignmentCard>\n                )}\n              </React.Fragment>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/lib/components/infra/MultiStep/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/infra/MultiStep/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC","sourcesContent":["export { default } from './MultiStep';"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/infra/MultiStep/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC","sourcesContent":["export { default } from './MultiStep';\n"]}