@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.4

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

@@ -1,2 +1,2 @@
-export declare const SolidFieldTooltip: ({ fieldContext }: any) => any;
+export declare const SolidFieldTooltip: ({ fieldContext }: any) => import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=SolidFieldTooltip.d.ts.map

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

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

package/dist/components/common/SolidFieldTooltip.js

@@ -1,15 +1,16 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Tooltip } from 'primereact/tooltip';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SolidTooltip, SolidTooltipContent, SolidTooltipTrigger, } from "../shad-cn-ui/SolidTooltip";
+import { SolidIcon } from "../shad-cn-ui";
 export var SolidFieldTooltip = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j;
+    var _b, _c, _d, _e, _f;
     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 })] }));
+    var fieldDescription = (_f = fieldLayoutInfo.attrs.description) !== null && _f !== void 0 ? _f : fieldMetadata.description;
+    if (!showTooltip || !fieldDescription)
+        return null;
+    return (_jsxs(SolidTooltip, { children: [_jsx(SolidTooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "solid-field-tooltip-icon", "aria-label": "Field info", children: _jsx(SolidIcon, { name: "si-info-circle" }) }) }), _jsx(SolidTooltipContent, { side: "top", align: "center", children: fieldDescription })] }));
 };
 //# sourceMappingURL=SolidFieldTooltip.js.map

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

@@ -1 +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","sourcesContent":["\nimport { Tooltip } from 'primereact/tooltip';\nimport React from 'react'\n\nexport const SolidFieldTooltip = ({ fieldContext }: any) => {\n    const solidFormViewMetaData = fieldContext.solidFormViewMetaData;\n    const fieldLayoutInfo = fieldContext.field;\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const showTooltip = solidFormViewMetaData.data.solidView?.layout?.attrs?.showTooltip ?? true;\n    const tooltipPosition = solidFormViewMetaData.data.solidView?.layout?.attrs?.tooltipPosition;\n    const fieldDescription = fieldLayoutInfo.attrs.description ?? fieldMetadata.description;\n\n    return (\n        showTooltip && fieldDescription &&\n        <>\n            <Tooltip className='solid-field-tooltip' target=\".solid-field-tooltip-icon\" />\n            <i className=\"pi pi-info-circle solid-field-tooltip-icon\"\n                data-pr-tooltip={fieldDescription}\n                data-pr-position={tooltipPosition}\n            />\n        </>\n    )\n}"]}
+{"version":3,"file":"SolidFieldTooltip.js","sourceRoot":"","sources":["../../../src/components/common/SolidFieldTooltip.tsx"],"names":[],"mappings":";AACA,OAAO,EACH,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,GACtB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,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,GACb,MAAA,MAAA,MAAA,MAAA,qBAAqB,CAAC,IAAI,CAAC,SAAS,0CAAE,MAAM,0CAAE,KAAK,0CAAE,WAAW,mCAAI,IAAI,CAAC;IAC7E,IAAM,gBAAgB,GAClB,MAAA,eAAe,CAAC,KAAK,CAAC,WAAW,mCAAI,aAAa,CAAC,WAAW,CAAC;IAEnE,IAAI,CAAC,WAAW,IAAI,CAAC,gBAAgB;QAAE,OAAO,IAAI,CAAC;IAEnD,OAAO,CACH,MAAC,YAAY,eACT,KAAC,mBAAmB,IAAC,OAAO,kBACxB,iBACI,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,0BAA0B,gBACzB,YAAY,YAEvB,KAAC,SAAS,IAAC,IAAI,EAAC,gBAAgB,GAAG,GAC9B,GACS,EACtB,KAAC,mBAAmB,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,QAAQ,YACzC,gBAAgB,GACC,IACX,CAClB,CAAC;AACN,CAAC,CAAC","sourcesContent":["import React from \"react\";\nimport {\n    SolidTooltip,\n    SolidTooltipContent,\n    SolidTooltipTrigger,\n} from \"../shad-cn-ui/SolidTooltip\";\nimport { SolidIcon } from \"../shad-cn-ui\";\n\nexport const SolidFieldTooltip = ({ fieldContext }: any) => {\n    const solidFormViewMetaData = fieldContext.solidFormViewMetaData;\n    const fieldLayoutInfo = fieldContext.field;\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const showTooltip =\n        solidFormViewMetaData.data.solidView?.layout?.attrs?.showTooltip ?? true;\n    const fieldDescription =\n        fieldLayoutInfo.attrs.description ?? fieldMetadata.description;\n\n    if (!showTooltip || !fieldDescription) return null;\n\n    return (\n        <SolidTooltip>\n            <SolidTooltipTrigger asChild>\n                <button\n                    type=\"button\"\n                    className=\"solid-field-tooltip-icon\"\n                    aria-label=\"Field info\"\n                >\n                    <SolidIcon name=\"si-info-circle\" />\n                </button>\n            </SolidTooltipTrigger>\n            <SolidTooltipContent side=\"top\" align=\"center\">\n                {fieldDescription}\n            </SolidTooltipContent>\n        </SolidTooltip>\n    );\n};\n"]}

package/dist/components/common/SolidFieldTooltip.tsx

@@ -1,23 +1,36 @@
-
-import { Tooltip } from 'primereact/tooltip';
-import React from 'react'
+import React from "react";
+import {
+    SolidTooltip,
+    SolidTooltipContent,
+    SolidTooltipTrigger,
+} from "../shad-cn-ui/SolidTooltip";
+import { SolidIcon } from "../shad-cn-ui";
 
 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;
+    const showTooltip =
+        solidFormViewMetaData.data.solidView?.layout?.attrs?.showTooltip ?? true;
+    const fieldDescription =
+        fieldLayoutInfo.attrs.description ?? fieldMetadata.description;
+
+    if (!showTooltip || !fieldDescription) return null;
 
     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}
-            />
-        </>
-    )
-}
+        <SolidTooltip>
+            <SolidTooltipTrigger asChild>
+                <button
+                    type="button"
+                    className="solid-field-tooltip-icon"
+                    aria-label="Field info"
+                >
+                    <SolidIcon name="si-info-circle" />
+                </button>
+            </SolidTooltipTrigger>
+            <SolidTooltipContent side="top" align="center">
+                {fieldDescription}
+            </SolidTooltipContent>
+        </SolidTooltip>
+    );
+};

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

@@ -7,6 +7,6 @@ interface Props {
     setSolidWorkflowFieldValue?: any;
     onStepperUpdate?: () => void;
 }
-export declare const SolidFormHeader: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const SolidFormHeader: (props: Props) => import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=SolidFormHeader.d.ts.map

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

@@ -1 +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"}
+{"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,mDAe3C,CAAA"}

package/dist/components/common/SolidFormHeader.js

@@ -10,12 +10,14 @@ var __assign = (this && this.__assign) || function () {
     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))] }));
+    var _a, _b;
+    var solidFormViewMetaData = props.solidFormViewMetaData;
+    var hasWorkflowStepper = ((_b = (_a = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidFormViewWorkflowData) === null || _b === void 0 ? void 0 : _b.length) > 0;
+    if (!hasWorkflowStepper) {
+        return null;
+    }
+    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("div", {}), _jsx(SolidFormStepper, __assign({}, props))] }));
 };
 //# sourceMappingURL=SolidFormHeader.js.map

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

@@ -1 +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","sourcesContent":["\nimport { SolidBreadcrumb } from './SolidBreadcrumb';\nimport { SolidFormStepper } from './SolidFormStepper';\n\ninterface Props {\n    solidFormViewMetaData?: any;\n    initialEntityData?: any;\n    modelName?: any;\n    id?: any,\n    solidWorkflowFieldValue?: any\n    setSolidWorkflowFieldValue?: any\n    onStepperUpdate?: () => void\n}\n\nexport const SolidFormHeader = (props: Props) => {\n    const { solidFormViewMetaData, id } = props;\n    return (\n        <div className='flex flex-column gap-2 align-items-start xl:flex-row xl:align-items-center justify-content-between solid-dynamic-breadcrumb-stepper'>\n            <SolidBreadcrumb {...props} />\n            {solidFormViewMetaData?.data?.solidFormViewWorkflowData.length > 0 &&\n                <SolidFormStepper {...props} />\n            }\n        </div>\n    )\n}"]}
+{"version":3,"file":"SolidFormHeader.js","sourceRoot":"","sources":["../../../src/components/common/SolidFormHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAYtD,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,KAAY;;IAChC,IAAA,qBAAqB,GAAK,KAAK,sBAAV,CAAW;IACxC,IAAM,kBAAkB,GAAG,CAAA,MAAA,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,IAAI,0CAAE,yBAAyB,0CAAE,MAAM,IAAG,CAAC,CAAC;IAE9F,IAAI,CAAC,kBAAkB,EAAE;QACrB,OAAO,IAAI,CAAC;KACf;IAED,OAAO,CACH,eAAK,SAAS,EAAC,qIAAqI,aAEhJ,eAAW,EACX,KAAC,gBAAgB,eAAK,KAAK,EAAI,IAC7B,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["\nimport { SolidBreadcrumb } from './SolidBreadcrumb';\nimport { SolidFormStepper } from './SolidFormStepper';\n\ninterface Props {\n    solidFormViewMetaData?: any;\n    initialEntityData?: any;\n    modelName?: any;\n    id?: any,\n    solidWorkflowFieldValue?: any\n    setSolidWorkflowFieldValue?: any\n    onStepperUpdate?: () => void\n}\n\nexport const SolidFormHeader = (props: Props) => {\n    const { solidFormViewMetaData } = props;\n    const hasWorkflowStepper = solidFormViewMetaData?.data?.solidFormViewWorkflowData?.length > 0;\n\n    if (!hasWorkflowStepper) {\n        return null;\n    }\n\n    return (\n        <div className='flex flex-column gap-2 align-items-start xl:flex-row xl:align-items-center justify-content-between solid-dynamic-breadcrumb-stepper'>\n            {/* <SolidBreadcrumb {...props} /> */}\n            <div></div>\n            <SolidFormStepper {...props} />\n        </div>\n    )\n}\n"]}

package/dist/components/common/SolidFormHeader.tsx

@@ -13,13 +13,18 @@ interface Props {
 }
 
 export const SolidFormHeader = (props: Props) => {
-    const { solidFormViewMetaData, id } = props;
+    const { solidFormViewMetaData } = props;
+    const hasWorkflowStepper = solidFormViewMetaData?.data?.solidFormViewWorkflowData?.length > 0;
+
+    if (!hasWorkflowStepper) {
+        return null;
+    }
+
     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} />
-            }
+            {/* <SolidBreadcrumb {...props} /> */}
+            <div></div>
+            <SolidFormStepper {...props} />
         </div>
     )
-}
+}

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

@@ -1 +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,4CA2T5C,CAAA"}
+{"version":3,"file":"SolidFormStepper.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidFormStepper.tsx"],"names":[],"mappings":"AAUA,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,4CAuS5C,CAAA"}

package/dist/components/common/SolidFormStepper.js

@@ -44,7 +44,6 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     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';
@@ -52,14 +51,14 @@ import { useSearchParams } from "../../hooks/useSearchParams";
 import { ERROR_MESSAGES } from '../../constants/error-messages';
 import { useDispatch } from 'react-redux';
 import { showToast } from '../../redux/features/toastSlice';
+import { SolidPopover, SolidPopoverContent, SolidPopoverTrigger } from '../shad-cn-ui';
+import { SolidIcon } from '../shad-cn-ui/SolidIcon';
 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 dispatch = useDispatch();
-    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;
@@ -67,7 +66,7 @@ export var SolidFormStepper = function (props) {
     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 activeStep = (_s = solidFormViewWorkflowData === null || solidFormViewWorkflowData === void 0 ? void 0 : solidFormViewWorkflowData[0]) === null || _s === void 0 ? void 0 : _s.value;
     var _u = useState(""), solidWorkflowFieldKey = _u[0], setSolidWorkflowFieldKey = _u[1];
     var _v = useState(1), visibleStepsCount = _v[0], setVisibleStepsCount = _v[1];
     // Dynamic responsive logic
@@ -233,18 +232,11 @@ export var SolidFormStepper = function (props) {
     }
     var hasPreviousSteps = previousSteps.length > 0 && !isSingleVisibleStep;
     var hasNextSteps = nextSteps.length > 0 || (isSingleVisibleStep && previousSteps.length > 0);
-    return (_jsx(_Fragment, { children: _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) {
+    return (_jsx(_Fragment, { children: _jsxs("div", { ref: containerRef, className: 'arrow-stepper-container', children: [hasPreviousSteps && (_jsxs(SolidPopover, { autoCloseGroup: "solid-form-stepper-overflow", children: [_jsx(SolidPopoverTrigger, { asChild: true, children: _jsx("button", { type: 'button', className: "overflow-button overflow-left-button", children: _jsx(SolidIcon, { name: "si-ellipsis-h" }) }) }), _jsx(SolidPopoverContent, { 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));
+                                    return (_jsx("button", { type: 'button', className: "overlay-step-button ".concat(isStepActive ? 'active' : '', " ").concat(isStepBeforeActive ? 'completed' : ''), onClick: function () { return handleButtonClick(step.value); }, children: step.label }, stepIndex));
                                 }) }) })] })), visibleSteps.map(function (step) {
                     var stepIndex = solidFormViewWorkflowData.findIndex(function (s) { return s.value === step.value; });
                     var isActive = stepIndex === activeIndex;
@@ -255,19 +247,12 @@ export var SolidFormStepper = function (props) {
                             : 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
+                }), hasNextSteps && (_jsxs(SolidPopover, { autoCloseGroup: "solid-form-stepper-overflow", children: [_jsx(SolidPopoverTrigger, { asChild: true, children: _jsx("button", { type: 'button', className: "overflow-button overflow-right-button", children: _jsx(SolidIcon, { name: "si-ellipsis-h" }) }) }), _jsx(SolidPopoverContent, { 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));
+                                    return (_jsx("button", { type: 'button', className: "overlay-step-button ".concat(isStepActive ? 'active' : '', " ").concat(isStepBeforeActive ? 'completed' : ''), onClick: function () { return handleButtonClick(step.value); }, children: step.label }, stepIndex));
                                 }) }) })] }))] }) }));
 };
 //# sourceMappingURL=SolidFormStepper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidFormStepper.js","sourceRoot":"","sources":["../../../src/components/common/SolidFormStepper.tsx"],"names":[],"mappings":"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","sourcesContent":["import { OverlayPanel } from 'primereact/overlaypanel';\nimport { useEffect, useRef, useState } from 'react'\nimport { createSolidEntityApi } from '../../redux/api/solidEntityApi';\nimport { useFormik } from 'formik';\nimport { useSearchParams } from \"../../hooks/useSearchParams\";\nimport { ERROR_MESSAGES } from '../../constants/error-messages';\nimport { useDispatch } from 'react-redux';\nimport { showToast } from '../../redux/features/toastSlice';\n\ninterface Props {\n    solidFormViewMetaData?: any;\n    modelName?: any,\n    initialEntityData?: any;\n    id?: any,\n    solidWorkflowFieldValue?: any\n    setSolidWorkflowFieldValue?: any\n    onStepperUpdate?: () => void\n}\n\nexport const SolidFormStepper = (props: Props) => {\n    const { solidFormViewMetaData, modelName, initialEntityData, id, solidWorkflowFieldValue, setSolidWorkflowFieldValue, onStepperUpdate } = props;\n    const dispatch = useDispatch();\n    const formStepperOverlay = useRef(null);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const leftFormStepperOverlay = useRef(null);\n\n    const searchParams = useSearchParams();\n    const viewMode = searchParams.get('viewMode');\n\n    const solidFormViewWorkflowData = solidFormViewMetaData?.data?.solidFormViewWorkflowData;\n    const solidWorkflowField = solidFormViewMetaData?.data?.solidView?.layout?.attrs?.workflowField;\n    const solidWorkflowFieldEnabled = solidFormViewMetaData?.data?.solidView?.layout?.attrs?.workflowFieldUpdateEnabled;\n    const defaultWorkflowFieldValue = solidFormViewMetaData?.data?.solidFieldsMetadata?.[solidWorkflowField]?.defaultValue\n    const defaultWorkflowFieldDisplayName = solidFormViewMetaData?.data?.solidFieldsMetadata?.[solidWorkflowField]?.displayName\n    const activeStep = solidFormViewMetaData?.data?.solidFormViewWorkflowData[0].value\n    const [solidWorkflowFieldKey, setSolidWorkflowFieldKey] = useState<string>(\"\");\n    const [visibleStepsCount, setVisibleStepsCount] = useState<number>(1);\n\n    // Dynamic responsive logic\n    useEffect(() => {\n        const calculateVisibleSteps = () => {\n            if (!containerRef.current || !solidFormViewWorkflowData || solidFormViewWorkflowData.length === 0) return;\n\n            const containerWidth = containerRef.current.offsetWidth;\n            const overflowButtonWidth = 50;\n            const arrowWidth = 30; // Width for arrow between buttons\n            const spacing = 0; // No gap needed as arrows connect buttons\n\n            const tempContainer = document.createElement('div');\n            tempContainer.style.visibility = 'hidden';\n            tempContainer.style.position = 'absolute';\n            document.body.appendChild(tempContainer);\n\n            const buttonWidths: number[] = [];\n\n            solidFormViewWorkflowData.forEach((step: any) => {\n                const tempButton = document.createElement('button');\n                tempButton.className = 'arrow-step-button';\n                tempButton.textContent = step.label;\n                tempButton.style.padding = '0.5rem 1.5rem';\n                tempButton.style.minWidth = '100px';\n                tempContainer.appendChild(tempButton);\n                buttonWidths.push(Math.max(100, tempButton.offsetWidth));\n            });\n\n            document.body.removeChild(tempContainer);\n\n            let count = 0;\n            let totalWidth = 0;\n\n            for (let i = 0; i < buttonWidths.length; i++) {\n                const buttonWidth = buttonWidths[i];\n                const arrowSpace = i > 0 ? arrowWidth : 0;\n                const needsOverflow = i < buttonWidths.length - 1;\n                const requiredWidth = totalWidth + buttonWidth + arrowSpace + (needsOverflow ? overflowButtonWidth : 0);\n\n                if (requiredWidth <= containerWidth) {\n                    totalWidth += buttonWidth + arrowSpace;\n                    count++;\n                } else {\n                    break;\n                }\n            }\n\n            count = Math.max(1, count);\n            setVisibleStepsCount(count);\n        };\n\n        calculateVisibleSteps();\n\n        const resizeObserver = new ResizeObserver(calculateVisibleSteps);\n        if (containerRef.current) {\n            resizeObserver.observe(containerRef.current);\n        }\n\n        const timeoutId = setTimeout(calculateVisibleSteps, 100);\n\n        return () => {\n            resizeObserver.disconnect();\n            clearTimeout(timeoutId);\n        };\n    }, [solidFormViewWorkflowData]);\n\n    useEffect(() => {\n        if (!solidWorkflowField) return;\n\n        setSolidWorkflowFieldKey(solidWorkflowField);\n\n        setSolidWorkflowFieldValue(() => {\n            if (initialEntityData?.[solidWorkflowField] !== undefined) {\n                if (solidFormViewMetaData?.data?.solidFieldsMetadata?.[solidWorkflowField]?.type === \"relation\") {\n                    return initialEntityData[solidWorkflowField]?.id || initialEntityData[solidWorkflowField];\n                } else {\n                    return initialEntityData[solidWorkflowField];\n                }\n            } else if (defaultWorkflowFieldValue !== undefined) {\n                return defaultWorkflowFieldValue;\n            } else {\n                return activeStep;\n            }\n        });\n    }, [solidWorkflowField, initialEntityData, defaultWorkflowFieldValue, activeStep]);\n\n    const formik = useFormik({\n        enableReinitialize: true,\n        initialValues: {\n            id: +id,\n            [solidWorkflowFieldKey]: solidWorkflowFieldValue || \"\",\n        },\n        onSubmit: (values) => {\n            handleStepChange(values);\n        }\n    });\n\n    const entityApi = createSolidEntityApi(modelName);\n    const { usePatchUpdateSolidEntityMutation } = entityApi;\n\n    const [\n        updateStepper,\n        { isSuccess: isStepperUpdateSuccessfull, isError: isStepperUpdateError, error: stepperUpdateError },\n    ] = usePatchUpdateSolidEntityMutation();\n\n    const handleStepChange = async (values: any) => {\n        try {\n            const result = await updateStepper({ id: values.id, data: { [solidWorkflowFieldKey]: values[solidWorkflowFieldKey] } }).unwrap();\n            if (result?.statusCode === 200) {\n                dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.FIELD_UPDATE(defaultWorkflowFieldDisplayName), detail: ERROR_MESSAGES.FIELD_UPDATE_SUCCESSFULLY(defaultWorkflowFieldDisplayName) }));\n                if (result?.data?.[solidWorkflowFieldKey]) {\n                    setSolidWorkflowFieldValue(result.data[solidWorkflowFieldKey]);\n                }\n                if (onStepperUpdate) {\n                    onStepperUpdate();\n                }\n            }\n        } catch (error) {\n            console.error(ERROR_MESSAGES.UPDATING_STEPPER, error);\n            dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.UPDATE_FAILED, detail: ERROR_MESSAGES.FAILED_UPDATE_FROM }));\n        }\n    }\n\n    const handleButtonClick = (stepValue: any) => {\n        if (solidWorkflowFieldEnabled === false || id === \"new\" || viewMode === \"view\") {\n            return\n        } else {\n            formik.setFieldValue(solidWorkflowFieldKey, stepValue);\n            formik.handleSubmit();\n        }\n    }\n\n    const activeIndex = solidFormViewWorkflowData?.findIndex((step: any) => step.value === solidWorkflowFieldValue) ?? -1;\n\n    let visibleSteps: any[] = [];\n    let previousSteps: any[] = [];\n    let nextSteps: any[] = [];\n    const isSingleVisibleStep = visibleStepsCount === 1;\n\n    if (solidFormViewWorkflowData && solidFormViewWorkflowData.length > 0) {\n        if (activeIndex === -1) {\n            visibleSteps = solidFormViewWorkflowData.slice(0, visibleStepsCount);\n            nextSteps = solidFormViewWorkflowData.slice(visibleStepsCount);\n        } else if (visibleStepsCount === 1) {\n            visibleSteps = [solidFormViewWorkflowData[activeIndex]];\n            previousSteps = solidFormViewWorkflowData.slice(0, activeIndex);\n            nextSteps = solidFormViewWorkflowData.slice(activeIndex + 1);\n        } else {\n            const totalSteps = solidFormViewWorkflowData.length;\n\n            if (activeIndex < visibleStepsCount) {\n                visibleSteps = solidFormViewWorkflowData.slice(0, visibleStepsCount);\n                nextSteps = solidFormViewWorkflowData.slice(visibleStepsCount);\n            } else {\n                const slotsAvailable = visibleStepsCount - 1;\n                const afterActive = Math.min(Math.floor(slotsAvailable / 2), totalSteps - activeIndex - 1);\n                const beforeActive = slotsAvailable - afterActive;\n\n                const startIndex = Math.max(0, activeIndex - beforeActive);\n                const endIndex = Math.min(totalSteps, activeIndex + afterActive + 1);\n\n                previousSteps = solidFormViewWorkflowData.slice(0, startIndex);\n                visibleSteps = solidFormViewWorkflowData.slice(startIndex, endIndex);\n                nextSteps = solidFormViewWorkflowData.slice(endIndex);\n            }\n        }\n    }\n\n    const hasPreviousSteps =\n        previousSteps.length > 0 && !isSingleVisibleStep;\n\n    const hasNextSteps =\n        nextSteps.length > 0 || (isSingleVisibleStep && previousSteps.length > 0);\n\n    return (\n        <>\n            <div ref={containerRef} className='arrow-stepper-container'>\n                {hasPreviousSteps && (\n                    <div style={{ display: 'flex', alignItems: 'center' }}>\n                        <button\n                            type='button'\n                            className=\"overflow-button overlow-left-button\"\n                            onClick={(e) => {\n                                // @ts-ignore\n                                leftFormStepperOverlay.current.toggle(e)\n                            }}\n                        >\n                            <i className=\"pi pi-ellipsis-h\" />\n                        </button>\n                        <OverlayPanel\n                            ref={leftFormStepperOverlay}\n                            className=\"solid-custom-overlay solid-form-stepper-overlay\"\n                        >\n                            <div style={{ display: 'flex', flexDirection: 'column', gap: '0.25rem', padding: '0.5rem' }}>\n                                {previousSteps.map((step: any, index: number) => {\n                                    const stepIndex = index;\n                                    const isStepActive = stepIndex === activeIndex;\n                                    const isStepBeforeActive = stepIndex < activeIndex;\n\n                                    return (\n                                        <button\n                                            key={stepIndex}\n                                            type='button'\n                                            className={`overlay-step-button ${isStepActive ? 'active' : ''} ${isStepBeforeActive ? 'completed' : ''}`}\n                                            onClick={() => {\n                                                handleButtonClick(step.value);\n                                                // @ts-ignore\n                                                leftFormStepperOverlay.current.hide();\n                                            }}\n                                        >\n                                            {step.label}\n                                        </button>\n                                    )\n                                })}\n                            </div>\n                        </OverlayPanel>\n                    </div>\n                )}\n\n                {visibleSteps.map((step: any) => {\n                    const stepIndex = solidFormViewWorkflowData.findIndex(\n                        (s: any) => s.value === step.value\n                    );\n\n                    const isActive = stepIndex === activeIndex;\n                    const isBeforeActive = stepIndex < activeIndex;\n                    const isSingleButton = visibleSteps.length === 1;\n\n                    return (\n                        <button\n                            key={step.value}\n                            type=\"button\"\n                            className={`arrow-step-button ${isSingleButton ? 'single-button' : ''\n                                } ${isActive\n                                    ? 'arrow-step-active'\n                                    : isBeforeActive\n                                        ? 'arrow-step-completed'\n                                        : 'arrow-step-future'\n                                }`}\n                            onClick={() => handleButtonClick(step.value)}\n                            title={step.label}\n                        >\n                            <span className=\"step-text\">{step.label}</span>\n                        </button>\n                    );\n                })}\n\n                {hasNextSteps && (\n                    <div style={{ display: 'flex', alignItems: 'center' }}>\n                        <button\n                            type='button'\n                            className=\"overflow-button overflow-right-button\"\n                            onClick={(e) => {\n                                // @ts-ignore\n                                formStepperOverlay.current.toggle(e)\n                            }}\n                        >\n                            <i className=\"pi pi-ellipsis-h\" />\n                        </button>\n                        <OverlayPanel\n                            ref={formStepperOverlay}\n                            className=\"solid-custom-overlay solid-form-stepper-overlay\"\n                        >\n                            <div style={{ display: 'flex', flexDirection: 'column', gap: '0.25rem', padding: '0.5rem' }}>\n                                {(isSingleVisibleStep\n                                    ? [...previousSteps, ...nextSteps]\n                                    : nextSteps).map((step: any) => {\n\n                                        const stepIndex = solidFormViewWorkflowData.findIndex(\n                                            (s: any) => s.value === step.value\n                                        );\n\n                                        const isStepActive = stepIndex === activeIndex;\n                                        const isStepBeforeActive = stepIndex < activeIndex;\n\n                                        return (\n                                            <button\n                                                key={stepIndex}\n                                                type='button'\n                                                className={`overlay-step-button ${isStepActive ? 'active' : ''} ${isStepBeforeActive ? 'completed' : ''}`}\n                                                onClick={() => {\n                                                    handleButtonClick(step.value);\n                                                    // @ts-ignore\n                                                    formStepperOverlay.current.hide();\n                                                }}\n                                            >\n                                                {step.label}\n                                            </button>\n                                        )\n                                    })}\n                            </div>\n                        </OverlayPanel>\n                    </div>\n                )}\n            </div>\n        </>\n    )\n}\n"]}
+{"version":3,"file":"SolidFormStepper.js","sourceRoot":"","sources":["../../../src/components/common/SolidFormStepper.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { createSolidEntityApi } from '../../redux/api/solidEntityApi';\nimport { useFormik } from 'formik';\nimport { useSearchParams } from \"../../hooks/useSearchParams\";\nimport { ERROR_MESSAGES } from '../../constants/error-messages';\nimport { useDispatch } from 'react-redux';\nimport { showToast } from '../../redux/features/toastSlice';\nimport { SolidPopover, SolidPopoverContent, SolidPopoverTrigger } from '../shad-cn-ui';\nimport { SolidIcon } from '../shad-cn-ui/SolidIcon';\n\ninterface Props {\n    solidFormViewMetaData?: any;\n    modelName?: any,\n    initialEntityData?: any;\n    id?: any,\n    solidWorkflowFieldValue?: any\n    setSolidWorkflowFieldValue?: any\n    onStepperUpdate?: () => void\n}\n\nexport const SolidFormStepper = (props: Props) => {\n    const { solidFormViewMetaData, modelName, initialEntityData, id, solidWorkflowFieldValue, setSolidWorkflowFieldValue, onStepperUpdate } = props;\n    const dispatch = useDispatch();\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const searchParams = useSearchParams();\n    const viewMode = searchParams.get('viewMode');\n\n    const solidFormViewWorkflowData = solidFormViewMetaData?.data?.solidFormViewWorkflowData;\n    const solidWorkflowField = solidFormViewMetaData?.data?.solidView?.layout?.attrs?.workflowField;\n    const solidWorkflowFieldEnabled = solidFormViewMetaData?.data?.solidView?.layout?.attrs?.workflowFieldUpdateEnabled;\n    const defaultWorkflowFieldValue = solidFormViewMetaData?.data?.solidFieldsMetadata?.[solidWorkflowField]?.defaultValue;\n    const defaultWorkflowFieldDisplayName = solidFormViewMetaData?.data?.solidFieldsMetadata?.[solidWorkflowField]?.displayName;\n    const activeStep = solidFormViewWorkflowData?.[0]?.value;\n    const [solidWorkflowFieldKey, setSolidWorkflowFieldKey] = useState<string>(\"\");\n    const [visibleStepsCount, setVisibleStepsCount] = useState<number>(1);\n\n    // Dynamic responsive logic\n    useEffect(() => {\n        const calculateVisibleSteps = () => {\n            if (!containerRef.current || !solidFormViewWorkflowData || solidFormViewWorkflowData.length === 0) return;\n\n            const containerWidth = containerRef.current.offsetWidth;\n            const overflowButtonWidth = 50;\n            const arrowWidth = 30; // Width for arrow between buttons\n            const spacing = 0; // No gap needed as arrows connect buttons\n\n            const tempContainer = document.createElement('div');\n            tempContainer.style.visibility = 'hidden';\n            tempContainer.style.position = 'absolute';\n            document.body.appendChild(tempContainer);\n\n            const buttonWidths: number[] = [];\n\n            solidFormViewWorkflowData.forEach((step: any) => {\n                const tempButton = document.createElement('button');\n                tempButton.className = 'arrow-step-button';\n                tempButton.textContent = step.label;\n                tempButton.style.padding = '0.5rem 1.5rem';\n                tempButton.style.minWidth = '100px';\n                tempContainer.appendChild(tempButton);\n                buttonWidths.push(Math.max(100, tempButton.offsetWidth));\n            });\n\n            document.body.removeChild(tempContainer);\n\n            let count = 0;\n            let totalWidth = 0;\n\n            for (let i = 0; i < buttonWidths.length; i++) {\n                const buttonWidth = buttonWidths[i];\n                const arrowSpace = i > 0 ? arrowWidth : 0;\n                const needsOverflow = i < buttonWidths.length - 1;\n                const requiredWidth = totalWidth + buttonWidth + arrowSpace + (needsOverflow ? overflowButtonWidth : 0);\n\n                if (requiredWidth <= containerWidth) {\n                    totalWidth += buttonWidth + arrowSpace;\n                    count++;\n                } else {\n                    break;\n                }\n            }\n\n            count = Math.max(1, count);\n            setVisibleStepsCount(count);\n        };\n\n        calculateVisibleSteps();\n\n        const resizeObserver = new ResizeObserver(calculateVisibleSteps);\n        if (containerRef.current) {\n            resizeObserver.observe(containerRef.current);\n        }\n\n        const timeoutId = setTimeout(calculateVisibleSteps, 100);\n\n        return () => {\n            resizeObserver.disconnect();\n            clearTimeout(timeoutId);\n        };\n    }, [solidFormViewWorkflowData]);\n\n    useEffect(() => {\n        if (!solidWorkflowField) return;\n\n        setSolidWorkflowFieldKey(solidWorkflowField);\n\n        setSolidWorkflowFieldValue(() => {\n            if (initialEntityData?.[solidWorkflowField] !== undefined) {\n                if (solidFormViewMetaData?.data?.solidFieldsMetadata?.[solidWorkflowField]?.type === \"relation\") {\n                    return initialEntityData[solidWorkflowField]?.id || initialEntityData[solidWorkflowField];\n                } else {\n                    return initialEntityData[solidWorkflowField];\n                }\n            } else if (defaultWorkflowFieldValue !== undefined) {\n                return defaultWorkflowFieldValue;\n            } else {\n                return activeStep;\n            }\n        });\n    }, [solidWorkflowField, initialEntityData, defaultWorkflowFieldValue, activeStep]);\n\n    const formik = useFormik({\n        enableReinitialize: true,\n        initialValues: {\n            id: +id,\n            [solidWorkflowFieldKey]: solidWorkflowFieldValue || \"\",\n        },\n        onSubmit: (values) => {\n            handleStepChange(values);\n        }\n    });\n\n    const entityApi = createSolidEntityApi(modelName);\n    const { usePatchUpdateSolidEntityMutation } = entityApi;\n\n    const [\n        updateStepper,\n        { isSuccess: isStepperUpdateSuccessfull, isError: isStepperUpdateError, error: stepperUpdateError },\n    ] = usePatchUpdateSolidEntityMutation();\n\n    const handleStepChange = async (values: any) => {\n        try {\n            const result = await updateStepper({ id: values.id, data: { [solidWorkflowFieldKey]: values[solidWorkflowFieldKey] } }).unwrap();\n            if (result?.statusCode === 200) {\n                dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.FIELD_UPDATE(defaultWorkflowFieldDisplayName), detail: ERROR_MESSAGES.FIELD_UPDATE_SUCCESSFULLY(defaultWorkflowFieldDisplayName) }));\n                if (result?.data?.[solidWorkflowFieldKey]) {\n                    setSolidWorkflowFieldValue(result.data[solidWorkflowFieldKey]);\n                }\n                if (onStepperUpdate) {\n                    onStepperUpdate();\n                }\n            }\n        } catch (error) {\n            console.error(ERROR_MESSAGES.UPDATING_STEPPER, error);\n            dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.UPDATE_FAILED, detail: ERROR_MESSAGES.FAILED_UPDATE_FROM }));\n        }\n    }\n\n    const handleButtonClick = (stepValue: any) => {\n        if (solidWorkflowFieldEnabled === false || id === \"new\" || viewMode === \"view\") {\n            return\n        } else {\n            formik.setFieldValue(solidWorkflowFieldKey, stepValue);\n            formik.handleSubmit();\n        }\n    }\n\n    const activeIndex = solidFormViewWorkflowData?.findIndex((step: any) => step.value === solidWorkflowFieldValue) ?? -1;\n\n    let visibleSteps: any[] = [];\n    let previousSteps: any[] = [];\n    let nextSteps: any[] = [];\n    const isSingleVisibleStep = visibleStepsCount === 1;\n\n    if (solidFormViewWorkflowData && solidFormViewWorkflowData.length > 0) {\n        if (activeIndex === -1) {\n            visibleSteps = solidFormViewWorkflowData.slice(0, visibleStepsCount);\n            nextSteps = solidFormViewWorkflowData.slice(visibleStepsCount);\n        } else if (visibleStepsCount === 1) {\n            visibleSteps = [solidFormViewWorkflowData[activeIndex]];\n            previousSteps = solidFormViewWorkflowData.slice(0, activeIndex);\n            nextSteps = solidFormViewWorkflowData.slice(activeIndex + 1);\n        } else {\n            const totalSteps = solidFormViewWorkflowData.length;\n\n            if (activeIndex < visibleStepsCount) {\n                visibleSteps = solidFormViewWorkflowData.slice(0, visibleStepsCount);\n                nextSteps = solidFormViewWorkflowData.slice(visibleStepsCount);\n            } else {\n                const slotsAvailable = visibleStepsCount - 1;\n                const afterActive = Math.min(Math.floor(slotsAvailable / 2), totalSteps - activeIndex - 1);\n                const beforeActive = slotsAvailable - afterActive;\n\n                const startIndex = Math.max(0, activeIndex - beforeActive);\n                const endIndex = Math.min(totalSteps, activeIndex + afterActive + 1);\n\n                previousSteps = solidFormViewWorkflowData.slice(0, startIndex);\n                visibleSteps = solidFormViewWorkflowData.slice(startIndex, endIndex);\n                nextSteps = solidFormViewWorkflowData.slice(endIndex);\n            }\n        }\n    }\n\n    const hasPreviousSteps =\n        previousSteps.length > 0 && !isSingleVisibleStep;\n\n    const hasNextSteps =\n        nextSteps.length > 0 || (isSingleVisibleStep && previousSteps.length > 0);\n\n    return (\n        <>\n            <div ref={containerRef} className='arrow-stepper-container'>\n                {hasPreviousSteps && (\n                    <SolidPopover autoCloseGroup=\"solid-form-stepper-overflow\">\n                        <SolidPopoverTrigger asChild>\n                            <button\n                                type='button'\n                                className=\"overflow-button overflow-left-button\"\n                            >\n                                <SolidIcon name=\"si-ellipsis-h\" />\n                            </button>\n                        </SolidPopoverTrigger>\n                        <SolidPopoverContent className=\"solid-custom-overlay solid-form-stepper-overlay\">\n                            <div style={{ display: 'flex', flexDirection: 'column', gap: '0.25rem', padding: '0.5rem' }}>\n                                {previousSteps.map((step: any, index: number) => {\n                                    const stepIndex = index;\n                                    const isStepActive = stepIndex === activeIndex;\n                                    const isStepBeforeActive = stepIndex < activeIndex;\n\n                                    return (\n                                        <button\n                                            key={stepIndex}\n                                            type='button'\n                                            className={`overlay-step-button ${isStepActive ? 'active' : ''} ${isStepBeforeActive ? 'completed' : ''}`}\n                                            onClick={() => handleButtonClick(step.value)}\n                                        >\n                                            {step.label}\n                                        </button>\n                                    )\n                                })}\n                            </div>\n                        </SolidPopoverContent>\n                    </SolidPopover>\n                )}\n\n                {visibleSteps.map((step: any) => {\n                    const stepIndex = solidFormViewWorkflowData.findIndex(\n                        (s: any) => s.value === step.value\n                    );\n\n                    const isActive = stepIndex === activeIndex;\n                    const isBeforeActive = stepIndex < activeIndex;\n                    const isSingleButton = visibleSteps.length === 1;\n\n                    return (\n                        <button\n                            key={step.value}\n                            type=\"button\"\n                            className={`arrow-step-button ${isSingleButton ? 'single-button' : ''\n                                } ${isActive\n                                    ? 'arrow-step-active'\n                                    : isBeforeActive\n                                        ? 'arrow-step-completed'\n                                        : 'arrow-step-future'\n                                }`}\n                            onClick={() => handleButtonClick(step.value)}\n                            title={step.label}\n                        >\n                            <span className=\"step-text\">{step.label}</span>\n                        </button>\n                    );\n                })}\n\n                {hasNextSteps && (\n                    <SolidPopover autoCloseGroup=\"solid-form-stepper-overflow\">\n                        <SolidPopoverTrigger asChild>\n                            <button\n                                type='button'\n                                className=\"overflow-button overflow-right-button\"\n                            >\n                                <SolidIcon name=\"si-ellipsis-h\" />\n                            </button>\n                        </SolidPopoverTrigger>\n                        <SolidPopoverContent className=\"solid-custom-overlay solid-form-stepper-overlay\">\n                            <div style={{ display: 'flex', flexDirection: 'column', gap: '0.25rem', padding: '0.5rem' }}>\n                                {(isSingleVisibleStep\n                                    ? [...previousSteps, ...nextSteps]\n                                    : nextSteps).map((step: any) => {\n\n                                        const stepIndex = solidFormViewWorkflowData.findIndex(\n                                            (s: any) => s.value === step.value\n                                        );\n\n                                        const isStepActive = stepIndex === activeIndex;\n                                        const isStepBeforeActive = stepIndex < activeIndex;\n\n                                        return (\n                                            <button\n                                                key={stepIndex}\n                                                type='button'\n                                                className={`overlay-step-button ${isStepActive ? 'active' : ''} ${isStepBeforeActive ? 'completed' : ''}`}\n                                                onClick={() => handleButtonClick(step.value)}\n                                            >\n                                                {step.label}\n                                            </button>\n                                        )\n                                    })}\n                            </div>\n                        </SolidPopoverContent>\n                    </SolidPopover>\n                )}\n            </div>\n        </>\n    )\n}\n"]}

package/dist/components/common/SolidFormStepper.tsx

@@ -1,4 +1,3 @@
-import { OverlayPanel } from 'primereact/overlaypanel';
 import { useEffect, useRef, useState } from 'react'
 import { createSolidEntityApi } from '../../redux/api/solidEntityApi';
 import { useFormik } from 'formik';
@@ -6,6 +5,8 @@ import { useSearchParams } from "../../hooks/useSearchParams";
 import { ERROR_MESSAGES } from '../../constants/error-messages';
 import { useDispatch } from 'react-redux';
 import { showToast } from '../../redux/features/toastSlice';
+import { SolidPopover, SolidPopoverContent, SolidPopoverTrigger } from '../shad-cn-ui';
+import { SolidIcon } from '../shad-cn-ui/SolidIcon';
 
 interface Props {
     solidFormViewMetaData?: any;
@@ -20,9 +21,7 @@ interface Props {
 export const SolidFormStepper = (props: Props) => {
     const { solidFormViewMetaData, modelName, initialEntityData, id, solidWorkflowFieldValue, setSolidWorkflowFieldValue, onStepperUpdate } = props;
     const dispatch = useDispatch();
-    const formStepperOverlay = useRef(null);
     const containerRef = useRef<HTMLDivElement>(null);
-    const leftFormStepperOverlay = useRef(null);
 
     const searchParams = useSearchParams();
     const viewMode = searchParams.get('viewMode');
@@ -30,9 +29,9 @@ export const SolidFormStepper = (props: Props) => {
     const solidFormViewWorkflowData = solidFormViewMetaData?.data?.solidFormViewWorkflowData;
     const solidWorkflowField = solidFormViewMetaData?.data?.solidView?.layout?.attrs?.workflowField;
     const solidWorkflowFieldEnabled = solidFormViewMetaData?.data?.solidView?.layout?.attrs?.workflowFieldUpdateEnabled;
-    const defaultWorkflowFieldValue = solidFormViewMetaData?.data?.solidFieldsMetadata?.[solidWorkflowField]?.defaultValue
-    const defaultWorkflowFieldDisplayName = solidFormViewMetaData?.data?.solidFieldsMetadata?.[solidWorkflowField]?.displayName
-    const activeStep = solidFormViewMetaData?.data?.solidFormViewWorkflowData[0].value
+    const defaultWorkflowFieldValue = solidFormViewMetaData?.data?.solidFieldsMetadata?.[solidWorkflowField]?.defaultValue;
+    const defaultWorkflowFieldDisplayName = solidFormViewMetaData?.data?.solidFieldsMetadata?.[solidWorkflowField]?.displayName;
+    const activeStep = solidFormViewWorkflowData?.[0]?.value;
     const [solidWorkflowFieldKey, setSolidWorkflowFieldKey] = useState<string>("");
     const [visibleStepsCount, setVisibleStepsCount] = useState<number>(1);
 
@@ -213,21 +212,16 @@ export const SolidFormStepper = (props: Props) => {
         <>
             <div ref={containerRef} className='arrow-stepper-container'>
                 {hasPreviousSteps && (
-                    <div style={{ display: 'flex', alignItems: 'center' }}>
-                        <button
-                            type='button'
-                            className="overflow-button overlow-left-button"
-                            onClick={(e) => {
-                                // @ts-ignore
-                                leftFormStepperOverlay.current.toggle(e)
-                            }}
-                        >
-                            <i className="pi pi-ellipsis-h" />
-                        </button>
-                        <OverlayPanel
-                            ref={leftFormStepperOverlay}
-                            className="solid-custom-overlay solid-form-stepper-overlay"
-                        >
+                    <SolidPopover autoCloseGroup="solid-form-stepper-overflow">
+                        <SolidPopoverTrigger asChild>
+                            <button
+                                type='button'
+                                className="overflow-button overflow-left-button"
+                            >
+                                <SolidIcon name="si-ellipsis-h" />
+                            </button>
+                        </SolidPopoverTrigger>
+                        <SolidPopoverContent className="solid-custom-overlay solid-form-stepper-overlay">
                             <div style={{ display: 'flex', flexDirection: 'column', gap: '0.25rem', padding: '0.5rem' }}>
                                 {previousSteps.map((step: any, index: number) => {
                                     const stepIndex = index;
@@ -239,19 +233,15 @@ export const SolidFormStepper = (props: Props) => {
                                             key={stepIndex}
                                             type='button'
                                             className={`overlay-step-button ${isStepActive ? 'active' : ''} ${isStepBeforeActive ? 'completed' : ''}`}
-                                            onClick={() => {
-                                                handleButtonClick(step.value);
-                                                // @ts-ignore
-                                                leftFormStepperOverlay.current.hide();
-                                            }}
+                                            onClick={() => handleButtonClick(step.value)}
                                         >
                                             {step.label}
                                         </button>
                                     )
                                 })}
                             </div>
-                        </OverlayPanel>
-                    </div>
+                        </SolidPopoverContent>
+                    </SolidPopover>
                 )}
 
                 {visibleSteps.map((step: any) => {
@@ -283,21 +273,16 @@ export const SolidFormStepper = (props: Props) => {
                 })}
 
                 {hasNextSteps && (
-                    <div style={{ display: 'flex', alignItems: 'center' }}>
-                        <button
-                            type='button'
-                            className="overflow-button overflow-right-button"
-                            onClick={(e) => {
-                                // @ts-ignore
-                                formStepperOverlay.current.toggle(e)
-                            }}
-                        >
-                            <i className="pi pi-ellipsis-h" />
-                        </button>
-                        <OverlayPanel
-                            ref={formStepperOverlay}
-                            className="solid-custom-overlay solid-form-stepper-overlay"
-                        >
+                    <SolidPopover autoCloseGroup="solid-form-stepper-overflow">
+                        <SolidPopoverTrigger asChild>
+                            <button
+                                type='button'
+                                className="overflow-button overflow-right-button"
+                            >
+                                <SolidIcon name="si-ellipsis-h" />
+                            </button>
+                        </SolidPopoverTrigger>
+                        <SolidPopoverContent className="solid-custom-overlay solid-form-stepper-overlay">
                             <div style={{ display: 'flex', flexDirection: 'column', gap: '0.25rem', padding: '0.5rem' }}>
                                 {(isSingleVisibleStep
                                     ? [...previousSteps, ...nextSteps]
@@ -315,19 +300,15 @@ export const SolidFormStepper = (props: Props) => {
                                                 key={stepIndex}
                                                 type='button'
                                                 className={`overlay-step-button ${isStepActive ? 'active' : ''} ${isStepBeforeActive ? 'completed' : ''}`}
-                                                onClick={() => {
-                                                    handleButtonClick(step.value);
-                                                    // @ts-ignore
-                                                    formStepperOverlay.current.hide();
-                                                }}
+                                                onClick={() => handleButtonClick(step.value)}
                                             >
                                                 {step.label}
                                             </button>
                                         )
                                     })}
                             </div>
-                        </OverlayPanel>
-                    </div>
+                        </SolidPopoverContent>
+                    </SolidPopover>
                 )}
             </div>
         </>

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

@@ -0,0 +1,6 @@
+type SolidHeaderRequestStatusProps = {
+    label?: string | null;
+};
+export declare function SolidHeaderRequestStatus({ label }: SolidHeaderRequestStatusProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=SolidHeaderRequestStatus.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidHeaderRequestStatus.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidHeaderRequestStatus.tsx"],"names":[],"mappings":"AAEA,KAAK,6BAA6B,GAAG;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,EAAE,KAAK,EAAE,EAAE,6BAA6B,kDAShF"}

package/dist/components/common/SolidHeaderRequestStatus.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SolidSpinner } from "../shad-cn-ui";
+export function SolidHeaderRequestStatus(_a) {
+    var label = _a.label;
+    if (!label)
+        return null;
+    return (_jsxs("div", { className: "solid-header-request-status", role: "status", "aria-live": "polite", children: [_jsx("span", { className: "solid-header-request-status-label", children: label }), _jsx(SolidSpinner, { size: 14, className: "solid-header-request-status-spinner" })] }));
+}
+//# sourceMappingURL=SolidHeaderRequestStatus.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidHeaderRequestStatus.js","sourceRoot":"","sources":["../../../src/components/common/SolidHeaderRequestStatus.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAM7C,MAAM,UAAU,wBAAwB,CAAC,EAAwC;QAAtC,KAAK,WAAA;IAC9C,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAExB,OAAO,CACL,eAAK,SAAS,EAAC,6BAA6B,EAAC,IAAI,EAAC,QAAQ,eAAW,QAAQ,aAC3E,eAAM,SAAS,EAAC,mCAAmC,YAAE,KAAK,GAAQ,EAClE,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,qCAAqC,GAAG,IACtE,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { SolidSpinner } from \"../shad-cn-ui\";\n\ntype SolidHeaderRequestStatusProps = {\n  label?: string | null;\n};\n\nexport function SolidHeaderRequestStatus({ label }: SolidHeaderRequestStatusProps) {\n  if (!label) return null;\n\n  return (\n    <div className=\"solid-header-request-status\" role=\"status\" aria-live=\"polite\">\n      <span className=\"solid-header-request-status-label\">{label}</span>\n      <SolidSpinner size={14} className=\"solid-header-request-status-spinner\" />\n    </div>\n  );\n}\n"]}

package/dist/components/common/SolidHeaderRequestStatus.tsx

@@ -0,0 +1,16 @@
+import { SolidSpinner } from "../shad-cn-ui";
+
+type SolidHeaderRequestStatusProps = {
+  label?: string | null;
+};
+
+export function SolidHeaderRequestStatus({ label }: SolidHeaderRequestStatusProps) {
+  if (!label) return null;
+
+  return (
+    <div className="solid-header-request-status" role="status" aria-live="polite">
+      <span className="solid-header-request-status-label">{label}</span>
+      <SolidSpinner size={14} className="solid-header-request-status-spinner" />
+    </div>
+  );
+}

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

@@ -1 +1 @@
-{"version":3,"file":"SolidModuleHome.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidModuleHome.tsx"],"names":[],"mappings":"AAeA,KAAK,oBAAoB,GAAG;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,eAAe,mBAAkC,oBAAoB,4CA4GjF,CAAA"}
+{"version":3,"file":"SolidModuleHome.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidModuleHome.tsx"],"names":[],"mappings":"AAeA,KAAK,oBAAoB,GAAG;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,eAAe,mBAAkC,oBAAoB,4CAoHjF,CAAA"}