@solidxai/core-ui 0.0.1

package/dist/components/common/SolidExportStepper.tsx

@@ -0,0 +1,135 @@
+
+import { Button } from "primereact/button";
+import { OverlayPanel } from "primereact/overlaypanel";
+import React, { useRef, useState } from "react";
+
+interface Step {
+  label: string;
+  value: string;
+}
+
+interface Props {
+  solidFormViewWorkflowData: Step[];
+  activeValue: string;
+  setActiveValue: (value: string) => void;
+}
+
+export const SolidExportStepper = ({ solidFormViewWorkflowData, activeValue ,setActiveValue}: Props) => {
+  const formStepperOverlay = useRef<OverlayPanel>(null);
+  const activeIndex = solidFormViewWorkflowData.findIndex(step => step.value === activeValue);
+  const visibleSteps = solidFormViewWorkflowData.length > 5
+    ? solidFormViewWorkflowData.slice(0, 5)
+    : solidFormViewWorkflowData;
+    const handleStepClick = (value: string) => {
+        setActiveValue(value);
+      };
+  return (
+    <div className="flex solid-dynamic-stepper export-stepper">
+      {visibleSteps.map((step: any, index: number) => {
+                         const isActive = index === activeIndex;
+                         const isBeforeActive = index < activeIndex;
+                         const isAfterActive = index > activeIndex;
+                         const isFirstVisible = index === 0;
+                         const isLastVisible = index === visibleSteps.length - 1;
+                         const isNextAfterActive = index === activeIndex + 1;
+                         const isTwoStepsOnly = visibleSteps.length === 2;
+                         return (
+                             <Button
+                             key={index}
+                             type="button"
+                             className={`solid-step-button export relative ${isTwoStepsOnly ? 'two-step-button' : ''} ${isActive ? 'p-button-primary' : ''} ${isBeforeActive ? 'p-button-secondary' : ''}`}
+                             text={!isActive && !isBeforeActive}
+                                 onClick={() => handleStepClick(step.value)}
+                             >
+                                 {step.label}
+                                 <>
+                                     {isNextAfterActive && solidFormViewWorkflowData.map((step: any) => step.value).includes(activeValue) &&
+                                         (
+                                             <div className="absolute active-step-arrow">
+                                                 <svg viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" fill="#000000" transform="rotate(30)"
+                                                     height="60px"
+                                                     width="60px"
+                                                 >
+                                                     <g id="SVGRepo_iconCarrier">
+                                                         <g id="color">
+                                                             <polygon fill={"var(--primary-color)"} points="36,62 65,12 7,12" />
+                                                         </g>
+                                                         <g id="line">
+                                                             <polyline fill="none" stroke="" strokeMiterlimit="10" strokeWidth="1.5" points="36,62 65,12 7,12" />
+                                                         </g>
+                                                     </g>
+                                                 </svg>
+                                             </div>
+                                         )}
+     
+                                     {(isActive || isBeforeActive) && !isFirstVisible && (!isTwoStepsOnly || index === 1) && (
+                                         <div className="absolute active-before-step-arrow">
+                                             <svg viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" fill="#000000" transform="rotate(30)"
+                                                 height="55px"
+                                                 width="55px"
+                                             >
+                                                 <g id="SVGRepo_iconCarrier">
+                                                     <g id="color">
+                                                         <polygon fill="#EAEDF1" points="36,62 65,12 7,12" />
+                                                     </g>
+                                                     <g id="line">
+                                                         <polyline fill="none" stroke="var(--solid-stepper-border)" strokeMiterlimit="10" strokeWidth="1.5" points="36,62 65,12 7,12" />
+                                                     </g>
+                                                 </g>
+                                             </svg>
+                                         </div>
+                                     )}
+     
+                                     {isAfterActive && !isLastVisible && (
+                                         <div className="absolute inactive-step-arrow">
+                                             <svg viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" fill="#000000" transform="rotate(30)"
+                                                 height="55px"
+                                                 width="55px"
+                                             >
+                                                 <g id="SVGRepo_iconCarrier">
+                                                     <g id="color">
+                                                         <polygon fill="#EAEDF1" points="36,62 65,12 7,12" />
+                                                     </g>
+                                                     <g id="line">
+                                                         <polyline fill="none" stroke="var(--solid-stepper-border)" strokeMiterlimit="10" strokeWidth="1.5" points="36,62 65,12 7,12" />
+                                                     </g>
+                                                 </g>
+                                             </svg>
+                                         </div>
+                                     )}
+                                 </>
+                                 {solidFormViewWorkflowData.length > 5 && index === 4 && (
+                                     <div className='absolute' style={{ right: 5 }}>
+                                         <Button
+                                             type='button'
+                                             icon="pi pi-angle-down"
+                                             text
+                                             size='small'
+                                             style={{ height: 24, width: '1.5rem', padding: 0 }}
+                                             onClick={(e) =>
+                                                 // @ts-ignore 
+                                                 formStepperOverlay.current.toggle(e)
+                                             }
+                                         />
+                                         <OverlayPanel ref={formStepperOverlay} className="solid-custom-overlay solid-form-stepper-overlay">
+                                             <div className='flex flex-column gap-1 p-1'>
+                                                 {solidFormViewWorkflowData.slice(5).map((step: any, index: number) => (
+                                                     <Button
+                                                         key={index}
+                                                         type='button'
+                                                         label={step.label}
+                                                         size='small'
+                                                         text
+                                                         onClick={() => handleStepClick(step.value)}
+                                                     />
+                                                 ))}
+                                             </div>
+                                         </OverlayPanel>
+                                     </div>
+                                 )}
+                             </Button>
+                         )
+                     })}
+    </div>
+  );
+};

package/dist/components/common/SolidFieldTooltip.d.ts

@@ -0,0 +1,2 @@
+export declare const SolidFieldTooltip: ({ fieldContext }: any) => any;
+//# sourceMappingURL=SolidFieldTooltip.d.ts.map

package/dist/components/common/SolidFieldTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidFieldTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidFieldTooltip.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,qBAAsB,GAAG,QAkBtD,CAAA"}

package/dist/components/common/SolidFieldTooltip.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tooltip } from 'primereact/tooltip';
+export var SolidFieldTooltip = function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j;
+    var fieldContext = _a.fieldContext;
+    var solidFormViewMetaData = fieldContext.solidFormViewMetaData;
+    var fieldLayoutInfo = fieldContext.field;
+    var fieldMetadata = fieldContext.fieldMetadata;
+    var showTooltip = (_e = (_d = (_c = (_b = solidFormViewMetaData.data.solidView) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.attrs) === null || _d === void 0 ? void 0 : _d.showTooltip) !== null && _e !== void 0 ? _e : true;
+    var tooltipPosition = (_h = (_g = (_f = solidFormViewMetaData.data.solidView) === null || _f === void 0 ? void 0 : _f.layout) === null || _g === void 0 ? void 0 : _g.attrs) === null || _h === void 0 ? void 0 : _h.tooltipPosition;
+    var fieldDescription = (_j = fieldLayoutInfo.attrs.description) !== null && _j !== void 0 ? _j : fieldMetadata.description;
+    return (showTooltip && fieldDescription &&
+        _jsxs(_Fragment, { children: [_jsx(Tooltip, { className: 'solid-field-tooltip', target: ".solid-field-tooltip-icon" }), _jsx("i", { className: "pi pi-info-circle solid-field-tooltip-icon", "data-pr-tooltip": fieldDescription, "data-pr-position": tooltipPosition })] }));
+};
+//# sourceMappingURL=SolidFieldTooltip.js.map

package/dist/components/common/SolidFieldTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidFieldTooltip.js","sourceRoot":"","sources":["../../../src/components/common/SolidFieldTooltip.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAG7C,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,EAAqB;;QAAnB,YAAY,kBAAA;IAC5C,IAAM,qBAAqB,GAAG,YAAY,CAAC,qBAAqB,CAAC;IACjE,IAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC;IAC3C,IAAM,aAAa,GAAG,YAAY,CAAC,aAAa,CAAC;IACjD,IAAM,WAAW,GAAG,MAAA,MAAA,MAAA,MAAA,qBAAqB,CAAC,IAAI,CAAC,SAAS,0CAAE,MAAM,0CAAE,KAAK,0CAAE,WAAW,mCAAI,IAAI,CAAC;IAC7F,IAAM,eAAe,GAAG,MAAA,MAAA,MAAA,qBAAqB,CAAC,IAAI,CAAC,SAAS,0CAAE,MAAM,0CAAE,KAAK,0CAAE,eAAe,CAAC;IAC7F,IAAM,gBAAgB,GAAG,MAAA,eAAe,CAAC,KAAK,CAAC,WAAW,mCAAI,aAAa,CAAC,WAAW,CAAC;IAExF,OAAO,CACH,WAAW,IAAI,gBAAgB;QAC/B,8BACI,KAAC,OAAO,IAAC,SAAS,EAAC,qBAAqB,EAAC,MAAM,EAAC,2BAA2B,GAAG,EAC9E,YAAG,SAAS,EAAC,4CAA4C,qBACpC,gBAAgB,sBACf,eAAe,GACnC,IACH,CACN,CAAA;AACL,CAAC,CAAA"}

package/dist/components/common/SolidFieldTooltip.tsx

@@ -0,0 +1,23 @@
+
+import { Tooltip } from 'primereact/tooltip';
+import React from 'react'
+
+export const SolidFieldTooltip = ({ fieldContext }: any) => {
+    const solidFormViewMetaData = fieldContext.solidFormViewMetaData;
+    const fieldLayoutInfo = fieldContext.field;
+    const fieldMetadata = fieldContext.fieldMetadata;
+    const showTooltip = solidFormViewMetaData.data.solidView?.layout?.attrs?.showTooltip ?? true;
+    const tooltipPosition = solidFormViewMetaData.data.solidView?.layout?.attrs?.tooltipPosition;
+    const fieldDescription = fieldLayoutInfo.attrs.description ?? fieldMetadata.description;
+
+    return (
+        showTooltip && fieldDescription &&
+        <>
+            <Tooltip className='solid-field-tooltip' target=".solid-field-tooltip-icon" />
+            <i className="pi pi-info-circle solid-field-tooltip-icon"
+                data-pr-tooltip={fieldDescription}
+                data-pr-position={tooltipPosition}
+            />
+        </>
+    )
+}

package/dist/components/common/SolidFormHeader.d.ts

@@ -0,0 +1,12 @@
+interface Props {
+    solidFormViewMetaData?: any;
+    initialEntityData?: any;
+    modelName?: any;
+    id?: any;
+    solidWorkflowFieldValue?: any;
+    setSolidWorkflowFieldValue?: any;
+    onStepperUpdate?: () => void;
+}
+export declare const SolidFormHeader: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidFormHeader.d.ts.map

package/dist/components/common/SolidFormHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidFormHeader.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidFormHeader.tsx"],"names":[],"mappings":"AAIA,UAAU,KAAK;IACX,qBAAqB,CAAC,EAAE,GAAG,CAAC;IAC5B,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,uBAAuB,CAAC,EAAE,GAAG,CAAA;IAC7B,0BAA0B,CAAC,EAAE,GAAG,CAAA;IAChC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;CAC/B;AAED,eAAO,MAAM,eAAe,UAAW,KAAK,4CAU3C,CAAA"}

package/dist/components/common/SolidFormHeader.js

@@ -0,0 +1,21 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SolidBreadcrumb } from './SolidBreadcrumb';
+import { SolidFormStepper } from './SolidFormStepper';
+export var SolidFormHeader = function (props) {
+    var _a;
+    var solidFormViewMetaData = props.solidFormViewMetaData, id = props.id;
+    return (_jsxs("div", { className: 'flex flex-column gap-2 align-items-start xl:flex-row xl:align-items-center justify-content-between solid-dynamic-breadcrumb-stepper', children: [_jsx(SolidBreadcrumb, __assign({}, props)), ((_a = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidFormViewWorkflowData.length) > 0 &&
+                _jsx(SolidFormStepper, __assign({}, props))] }));
+};
+//# sourceMappingURL=SolidFormHeader.js.map

package/dist/components/common/SolidFormHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidFormHeader.js","sourceRoot":"","sources":["../../../src/components/common/SolidFormHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAYtD,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,KAAY;;IAChC,IAAA,qBAAqB,GAAS,KAAK,sBAAd,EAAE,EAAE,GAAK,KAAK,GAAV,CAAW;IAC5C,OAAO,CACH,eAAK,SAAS,EAAC,qIAAqI,aAChJ,KAAC,eAAe,eAAK,KAAK,EAAI,EAC7B,CAAA,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,IAAI,0CAAE,yBAAyB,CAAC,MAAM,IAAG,CAAC;gBAC9D,KAAC,gBAAgB,eAAK,KAAK,EAAI,IAEjC,CACT,CAAA;AACL,CAAC,CAAA"}

package/dist/components/common/SolidFormHeader.tsx

@@ -0,0 +1,25 @@
+
+import { SolidBreadcrumb } from './SolidBreadcrumb';
+import { SolidFormStepper } from './SolidFormStepper';
+
+interface Props {
+    solidFormViewMetaData?: any;
+    initialEntityData?: any;
+    modelName?: any;
+    id?: any,
+    solidWorkflowFieldValue?: any
+    setSolidWorkflowFieldValue?: any
+    onStepperUpdate?: () => void
+}
+
+export const SolidFormHeader = (props: Props) => {
+    const { solidFormViewMetaData, id } = props;
+    return (
+        <div className='flex flex-column gap-2 align-items-start xl:flex-row xl:align-items-center justify-content-between solid-dynamic-breadcrumb-stepper'>
+            <SolidBreadcrumb {...props} />
+            {solidFormViewMetaData?.data?.solidFormViewWorkflowData.length > 0 &&
+                <SolidFormStepper {...props} />
+            }
+        </div>
+    )
+}

package/dist/components/common/SolidFormStepper.d.ts

@@ -0,0 +1,12 @@
+interface Props {
+    solidFormViewMetaData?: any;
+    modelName?: any;
+    initialEntityData?: any;
+    id?: any;
+    solidWorkflowFieldValue?: any;
+    setSolidWorkflowFieldValue?: any;
+    onStepperUpdate?: () => void;
+}
+export declare const SolidFormStepper: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidFormStepper.d.ts.map

package/dist/components/common/SolidFormStepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidFormStepper.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidFormStepper.tsx"],"names":[],"mappings":"AASA,UAAU,KAAK;IACX,qBAAqB,CAAC,EAAE,GAAG,CAAC;IAC5B,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,uBAAuB,CAAC,EAAE,GAAG,CAAA;IAC7B,0BAA0B,CAAC,EAAE,GAAG,CAAA;IAChC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;CAC/B;AAED,eAAO,MAAM,gBAAgB,UAAW,KAAK,4CA4T5C,CAAA"}

package/dist/components/common/SolidFormStepper.js

@@ -0,0 +1,273 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { OverlayPanel } from 'primereact/overlaypanel';
+import { useEffect, useRef, useState } from 'react';
+import { createSolidEntityApi } from '../../redux/api/solidEntityApi';
+import { useFormik } from 'formik';
+import { Toast } from 'primereact/toast';
+import { useSearchParams } from "../../hooks/useSearchParams";
+import { ERROR_MESSAGES } from '../../constants/error-messages';
+import showToast from "../../helpers/showToast";
+export var SolidFormStepper = function (props) {
+    var _a;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+    var solidFormViewMetaData = props.solidFormViewMetaData, modelName = props.modelName, initialEntityData = props.initialEntityData, id = props.id, solidWorkflowFieldValue = props.solidWorkflowFieldValue, setSolidWorkflowFieldValue = props.setSolidWorkflowFieldValue, onStepperUpdate = props.onStepperUpdate;
+    var toast = useRef(null);
+    var formStepperOverlay = useRef(null);
+    var containerRef = useRef(null);
+    var leftFormStepperOverlay = useRef(null);
+    var searchParams = useSearchParams();
+    var viewMode = searchParams.get('viewMode');
+    var solidFormViewWorkflowData = (_b = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidFormViewWorkflowData;
+    var solidWorkflowField = (_f = (_e = (_d = (_c = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _c === void 0 ? void 0 : _c.solidView) === null || _d === void 0 ? void 0 : _d.layout) === null || _e === void 0 ? void 0 : _e.attrs) === null || _f === void 0 ? void 0 : _f.workflowField;
+    var solidWorkflowFieldEnabled = (_k = (_j = (_h = (_g = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _g === void 0 ? void 0 : _g.solidView) === null || _h === void 0 ? void 0 : _h.layout) === null || _j === void 0 ? void 0 : _j.attrs) === null || _k === void 0 ? void 0 : _k.workflowFieldUpdateEnabled;
+    var defaultWorkflowFieldValue = (_o = (_m = (_l = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _l === void 0 ? void 0 : _l.solidFieldsMetadata) === null || _m === void 0 ? void 0 : _m[solidWorkflowField]) === null || _o === void 0 ? void 0 : _o.defaultValue;
+    var defaultWorkflowFieldDisplayName = (_r = (_q = (_p = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _p === void 0 ? void 0 : _p.solidFieldsMetadata) === null || _q === void 0 ? void 0 : _q[solidWorkflowField]) === null || _r === void 0 ? void 0 : _r.displayName;
+    var activeStep = (_s = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _s === void 0 ? void 0 : _s.solidFormViewWorkflowData[0].value;
+    var _u = useState(""), solidWorkflowFieldKey = _u[0], setSolidWorkflowFieldKey = _u[1];
+    var _v = useState(1), visibleStepsCount = _v[0], setVisibleStepsCount = _v[1];
+    // Dynamic responsive logic
+    useEffect(function () {
+        var calculateVisibleSteps = function () {
+            if (!containerRef.current || !solidFormViewWorkflowData || solidFormViewWorkflowData.length === 0)
+                return;
+            var containerWidth = containerRef.current.offsetWidth;
+            var overflowButtonWidth = 50;
+            var arrowWidth = 30; // Width for arrow between buttons
+            var spacing = 0; // No gap needed as arrows connect buttons
+            var tempContainer = document.createElement('div');
+            tempContainer.style.visibility = 'hidden';
+            tempContainer.style.position = 'absolute';
+            document.body.appendChild(tempContainer);
+            var buttonWidths = [];
+            solidFormViewWorkflowData.forEach(function (step) {
+                var tempButton = document.createElement('button');
+                tempButton.className = 'arrow-step-button';
+                tempButton.textContent = step.label;
+                tempButton.style.padding = '0.5rem 1.5rem';
+                tempButton.style.minWidth = '100px';
+                tempContainer.appendChild(tempButton);
+                buttonWidths.push(Math.max(100, tempButton.offsetWidth));
+            });
+            document.body.removeChild(tempContainer);
+            var count = 0;
+            var totalWidth = 0;
+            for (var i = 0; i < buttonWidths.length; i++) {
+                var buttonWidth = buttonWidths[i];
+                var arrowSpace = i > 0 ? arrowWidth : 0;
+                var needsOverflow = i < buttonWidths.length - 1;
+                var requiredWidth = totalWidth + buttonWidth + arrowSpace + (needsOverflow ? overflowButtonWidth : 0);
+                if (requiredWidth <= containerWidth) {
+                    totalWidth += buttonWidth + arrowSpace;
+                    count++;
+                }
+                else {
+                    break;
+                }
+            }
+            count = Math.max(1, count);
+            setVisibleStepsCount(count);
+        };
+        calculateVisibleSteps();
+        var resizeObserver = new ResizeObserver(calculateVisibleSteps);
+        if (containerRef.current) {
+            resizeObserver.observe(containerRef.current);
+        }
+        var timeoutId = setTimeout(calculateVisibleSteps, 100);
+        return function () {
+            resizeObserver.disconnect();
+            clearTimeout(timeoutId);
+        };
+    }, [solidFormViewWorkflowData]);
+    useEffect(function () {
+        if (!solidWorkflowField)
+            return;
+        setSolidWorkflowFieldKey(solidWorkflowField);
+        setSolidWorkflowFieldValue(function () {
+            var _a, _b, _c, _d;
+            if ((initialEntityData === null || initialEntityData === void 0 ? void 0 : initialEntityData[solidWorkflowField]) !== undefined) {
+                if (((_c = (_b = (_a = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidFieldsMetadata) === null || _b === void 0 ? void 0 : _b[solidWorkflowField]) === null || _c === void 0 ? void 0 : _c.type) === "relation") {
+                    return ((_d = initialEntityData[solidWorkflowField]) === null || _d === void 0 ? void 0 : _d.id) || initialEntityData[solidWorkflowField];
+                }
+                else {
+                    return initialEntityData[solidWorkflowField];
+                }
+            }
+            else if (defaultWorkflowFieldValue !== undefined) {
+                return defaultWorkflowFieldValue;
+            }
+            else {
+                return activeStep;
+            }
+        });
+    }, [solidWorkflowField, initialEntityData, defaultWorkflowFieldValue, activeStep]);
+    var formik = useFormik({
+        enableReinitialize: true,
+        initialValues: (_a = {
+                id: +id
+            },
+            _a[solidWorkflowFieldKey] = solidWorkflowFieldValue || "",
+            _a),
+        onSubmit: function (values) {
+            handleStepChange(values);
+        }
+    });
+    var entityApi = createSolidEntityApi(modelName);
+    var usePatchUpdateSolidEntityMutation = entityApi.usePatchUpdateSolidEntityMutation;
+    var _w = usePatchUpdateSolidEntityMutation(), updateStepper = _w[0], _x = _w[1], isStepperUpdateSuccessfull = _x.isSuccess, isStepperUpdateError = _x.isError, stepperUpdateError = _x.error;
+    var handleStepChange = function (values) { return __awaiter(void 0, void 0, void 0, function () {
+        var result, error_1;
+        var _a;
+        var _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    _c.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, updateStepper({ id: values.id, data: (_a = {}, _a[solidWorkflowFieldKey] = values[solidWorkflowFieldKey], _a) }).unwrap()];
+                case 1:
+                    result = _c.sent();
+                    if ((result === null || result === void 0 ? void 0 : result.statusCode) === 200) {
+                        showToast(toast, "success", ERROR_MESSAGES.FIELD_UPDATE(defaultWorkflowFieldDisplayName), ERROR_MESSAGES.FIELD_UPDATE_SUCCESSFULLY(defaultWorkflowFieldDisplayName));
+                        if ((_b = result === null || result === void 0 ? void 0 : result.data) === null || _b === void 0 ? void 0 : _b[solidWorkflowFieldKey]) {
+                            setSolidWorkflowFieldValue(result.data[solidWorkflowFieldKey]);
+                        }
+                        if (onStepperUpdate) {
+                            onStepperUpdate();
+                        }
+                    }
+                    return [3 /*break*/, 3];
+                case 2:
+                    error_1 = _c.sent();
+                    console.error(ERROR_MESSAGES.UPDATING_STEPPER, error_1);
+                    showToast(toast, "error", ERROR_MESSAGES.UPDATE_FAILED, ERROR_MESSAGES.FAILED_UPDATE_FROM);
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleButtonClick = function (stepValue) {
+        if (solidWorkflowFieldEnabled === false || id === "new" || viewMode === "view") {
+            return;
+        }
+        else {
+            formik.setFieldValue(solidWorkflowFieldKey, stepValue);
+            formik.handleSubmit();
+        }
+    };
+    var activeIndex = (_t = solidFormViewWorkflowData === null || solidFormViewWorkflowData === void 0 ? void 0 : solidFormViewWorkflowData.findIndex(function (step) { return step.value === solidWorkflowFieldValue; })) !== null && _t !== void 0 ? _t : -1;
+    var visibleSteps = [];
+    var previousSteps = [];
+    var nextSteps = [];
+    var isSingleVisibleStep = visibleStepsCount === 1;
+    if (solidFormViewWorkflowData && solidFormViewWorkflowData.length > 0) {
+        if (activeIndex === -1) {
+            visibleSteps = solidFormViewWorkflowData.slice(0, visibleStepsCount);
+            nextSteps = solidFormViewWorkflowData.slice(visibleStepsCount);
+        }
+        else if (visibleStepsCount === 1) {
+            visibleSteps = [solidFormViewWorkflowData[activeIndex]];
+            previousSteps = solidFormViewWorkflowData.slice(0, activeIndex);
+            nextSteps = solidFormViewWorkflowData.slice(activeIndex + 1);
+        }
+        else {
+            var totalSteps = solidFormViewWorkflowData.length;
+            if (activeIndex < visibleStepsCount) {
+                visibleSteps = solidFormViewWorkflowData.slice(0, visibleStepsCount);
+                nextSteps = solidFormViewWorkflowData.slice(visibleStepsCount);
+            }
+            else {
+                var slotsAvailable = visibleStepsCount - 1;
+                var afterActive = Math.min(Math.floor(slotsAvailable / 2), totalSteps - activeIndex - 1);
+                var beforeActive = slotsAvailable - afterActive;
+                var startIndex = Math.max(0, activeIndex - beforeActive);
+                var endIndex = Math.min(totalSteps, activeIndex + afterActive + 1);
+                previousSteps = solidFormViewWorkflowData.slice(0, startIndex);
+                visibleSteps = solidFormViewWorkflowData.slice(startIndex, endIndex);
+                nextSteps = solidFormViewWorkflowData.slice(endIndex);
+            }
+        }
+    }
+    var hasPreviousSteps = previousSteps.length > 0 && !isSingleVisibleStep;
+    var hasNextSteps = nextSteps.length > 0 || (isSingleVisibleStep && previousSteps.length > 0);
+    return (_jsxs(_Fragment, { children: [_jsx(Toast, { ref: toast }), _jsxs("div", { ref: containerRef, className: 'arrow-stepper-container', children: [hasPreviousSteps && (_jsxs("div", { style: { display: 'flex', alignItems: 'center' }, children: [_jsx("button", { type: 'button', className: "overflow-button overlow-left-button", onClick: function (e) {
+                                    // @ts-ignore
+                                    leftFormStepperOverlay.current.toggle(e);
+                                }, children: _jsx("i", { className: "pi pi-ellipsis-h" }) }), _jsx(OverlayPanel, { ref: leftFormStepperOverlay, className: "solid-custom-overlay solid-form-stepper-overlay", children: _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.25rem', padding: '0.5rem' }, children: previousSteps.map(function (step, index) {
+                                        var stepIndex = index;
+                                        var isStepActive = stepIndex === activeIndex;
+                                        var isStepBeforeActive = stepIndex < activeIndex;
+                                        return (_jsx("button", { type: 'button', className: "overlay-step-button ".concat(isStepActive ? 'active' : '', " ").concat(isStepBeforeActive ? 'completed' : ''), onClick: function () {
+                                                handleButtonClick(step.value);
+                                                // @ts-ignore
+                                                leftFormStepperOverlay.current.hide();
+                                            }, children: step.label }, stepIndex));
+                                    }) }) })] })), visibleSteps.map(function (step) {
+                        var stepIndex = solidFormViewWorkflowData.findIndex(function (s) { return s.value === step.value; });
+                        var isActive = stepIndex === activeIndex;
+                        var isBeforeActive = stepIndex < activeIndex;
+                        var isSingleButton = visibleSteps.length === 1;
+                        return (_jsx("button", { type: "button", className: "arrow-step-button ".concat(isSingleButton ? 'single-button' : '', " ").concat(isActive
+                                ? 'arrow-step-active'
+                                : isBeforeActive
+                                    ? 'arrow-step-completed'
+                                    : 'arrow-step-future'), onClick: function () { return handleButtonClick(step.value); }, title: step.label, children: _jsx("span", { className: "step-text", children: step.label }) }, step.value));
+                    }), hasNextSteps && (_jsxs("div", { style: { display: 'flex', alignItems: 'center' }, children: [_jsx("button", { type: 'button', className: "overflow-button overflow-right-button", onClick: function (e) {
+                                    // @ts-ignore
+                                    formStepperOverlay.current.toggle(e);
+                                }, children: _jsx("i", { className: "pi pi-ellipsis-h" }) }), _jsx(OverlayPanel, { ref: formStepperOverlay, className: "solid-custom-overlay solid-form-stepper-overlay", children: _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.25rem', padding: '0.5rem' }, children: (isSingleVisibleStep
+                                        ? __spreadArray(__spreadArray([], previousSteps, true), nextSteps, true) : nextSteps).map(function (step) {
+                                        var stepIndex = solidFormViewWorkflowData.findIndex(function (s) { return s.value === step.value; });
+                                        var isStepActive = stepIndex === activeIndex;
+                                        var isStepBeforeActive = stepIndex < activeIndex;
+                                        return (_jsx("button", { type: 'button', className: "overlay-step-button ".concat(isStepActive ? 'active' : '', " ").concat(isStepBeforeActive ? 'completed' : ''), onClick: function () {
+                                                handleButtonClick(step.value);
+                                                // @ts-ignore
+                                                formStepperOverlay.current.hide();
+                                            }, children: step.label }, stepIndex));
+                                    }) }) })] }))] })] }));
+};
+//# sourceMappingURL=SolidFormStepper.js.map

package/dist/components/common/SolidFormStepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidFormStepper.js","sourceRoot":"","sources":["../../../src/components/common/SolidFormStepper.tsx"],"names":[],"mappings":"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"}