@solidxai/core-ui 0.1.12-beta.5 → 0.1.12-beta.6

package/dist/components/common/SingleSelectAutoCompleteField.tsx

@@ -0,0 +1,73 @@
+
+import { AutoComplete } from "primereact/autocomplete";
+import { useEffect, useState } from "react";
+import { getVirtualScrollerOptions } from "../../helpers/autoCompleteVirtualScroll";
+
+
+
+// UsesCases
+// Suppose you have a moduelId field In create Dto then you need to creaate a module key in firmik and use that to store the autocomplete state and along with it update the moduleId  Field with id
+// In case of relationType the Id field will always will be id   
+// Else the value will be whatever valuekey use passed 
+
+export const SingleSelectAutoCompleteField = ({ disabled, formik, isFormFieldValid, relationField, fieldName, fieldNameId, labelKey, valueKey, searchData, existingData, additionalAction, formErrors }: any) => {
+
+    const [selectedItem, setSelectedItem] = useState(existingData);
+    const [filteredItem, setFilteredItem] = useState([]);
+    useEffect(() => {
+        // if (existingData) {
+        setSelectedItem(existingData)
+        // formik.setFieldValue(fieldName, existingData);
+
+        // }
+    }, [existingData])
+    const searchItems = async (event: any) => {
+        const data = await searchData(event);
+        setFilteredItem(data);
+
+    };    
+
+
+    return (
+        <>
+            <AutoComplete
+                disabled={disabled ? disabled : false}
+                value={selectedItem}
+                suggestions={filteredItem}
+                // invalid={(isFormFieldValid(formik, fieldName) || (formErrors[fieldName]))}
+                invalid={isFormFieldValid(formik, fieldName)}
+
+                completeMethod={searchItems}
+                // virtualScrollerOptions={{ itemSize: 38 }}
+                virtualScrollerOptions={getVirtualScrollerOptions({
+                    itemsLength: filteredItem.length,
+                  })}
+                  
+                // style={{
+                //     maxHeight: 39.67
+                // }}
+                field={labelKey}
+                dropdown
+                onChange={(e) => {
+                    // formik.handleChange(e)
+                    setSelectedItem(e.value);
+                    if (additionalAction) {
+                        additionalAction(e);
+                    }
+                    if (relationField === true) {
+                        formik.setFieldValue(fieldName, e.value);
+                        formik.setFieldValue(fieldNameId, e.value.id);
+                    } else {
+                        formik.setFieldValue(fieldName, e.value[valueKey]);
+
+                    }
+
+                }}
+                className="solid-standard-autocomplete"
+            />
+
+        </>
+
+
+    )
+}

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

@@ -0,0 +1,12 @@
+interface Step {
+    label: string;
+    value: string;
+}
+interface Props {
+    solidFormViewWorkflowData: Step[];
+    activeValue: string;
+    setActiveValue: (value: string) => void;
+}
+export declare const SolidExportStepper: ({ solidFormViewWorkflowData, activeValue, setActiveValue }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidExportStepper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidExportStepper.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidExportStepper.tsx"],"names":[],"mappings":"AAKA,UAAU,IAAI;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,KAAK;IACb,yBAAyB,EAAE,IAAI,EAAE,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,kBAAkB,+DAA+D,KAAK,4CAsHlG,CAAC"}

package/dist/components/common/SolidExportStepper.js

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

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

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

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/core/common/LoadDynamicJsxComponent.d.ts

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

package/dist/components/core/common/LoadDynamicJsxComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadDynamicJsxComponent.d.ts","sourceRoot":"./","sources":["components/core/common/LoadDynamicJsxComponent.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,uBAAuB,gBAAiB,GAAG,4CAoDvD,CAAA"}

package/dist/components/core/common/LoadDynamicJsxComponent.js

@@ -0,0 +1,50 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ERROR_MESSAGES } from "../../../constants/error-messages";
+import dynamic from "next/dynamic";
+import { useState, useEffect } from "react";
+// Fallback component for missing components
+const FallbackComponent = ({ componentName }) => (_jsxs("div", { style: { color: "red" }, children: ["Could not load ", _jsx("strong", { children: componentName })] }));
+export const LoadDynamicJsxComponent = ({ context }) => {
+    // const Component = dynamic<Props>(
+    //     async () => {
+    //         try {
+    //             const componentName = context?.rowAction?.action?.customComponent.split('/').pop();
+    //             const mod = await import();
+    //             // Return the default export or a named export matching the componentName
+    //             return mod.default || mod[componentName];
+    //         } catch (error) {
+    //             console.error(`Failed to load component "${context?.rowAction?.action?.customComponent}":`, error);
+    //             // Return a fallback component if the import fails
+    //             return () => <GenerateModelCodeRowAction context={context} />;
+    //         }
+    //     },
+    //     { ssr: false } // Disable server-side rendering
+    // );
+    const [Component, setComponent] = useState(null);
+    const componentPath = context?.rowAction?.action?.customComponent;
+    const componentKey = componentPath?.split("/")?.pop();
+    const componentMap = {
+        "GenerateModelCodeRowAction": dynamic(() => import("../extension/solid-core/modelMetadata/list/GenerateModelCodeRowAction"), { ssr: false }),
+        "GenerateModuleCodeRowAction": dynamic(() => import("../extension/solid-core/moduleMetadata/list/GenerateModuleCodeRowAction"), { ssr: false }),
+    };
+    useEffect(() => {
+        if (!componentKey)
+            return;
+        if (componentMap[componentKey]) {
+            setComponent(() => () => setComponent(() => componentMap[componentKey]));
+        }
+        else {
+            import(componentPath)
+                .then((mod) => setComponent(() => mod.default || mod))
+                .catch((err) => {
+                console.error(` ${ERROR_MESSAGES.LOADING_COMPONENT} ${componentPath}:`, err);
+                setComponent(() => () => _jsx(FallbackComponent, { componentName: componentKey }));
+            });
+        }
+    }, [componentKey]);
+    if (!Component)
+        return _jsx("p", { children: "Loading..." });
+    return _jsx(Component, { context: context });
+};
+//# sourceMappingURL=LoadDynamicJsxComponent.js.map

package/dist/components/core/common/LoadDynamicJsxComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadDynamicJsxComponent.js","sourceRoot":"./","sources":["components/core/common/LoadDynamicJsxComponent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,OAAO,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,4CAA4C;AAC5C,MAAM,iBAAiB,GAAG,CAAC,EAAE,aAAa,EAAO,EAAE,EAAE,CAAC,CAClD,eAAK,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,gCACT,2BAAS,aAAa,GAAU,IAC7C,CACT,CAAC;AAMF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,OAAO,EAAO,EAAE,EAAE;IAGxD,oCAAoC;IACpC,oBAAoB;IACpB,gBAAgB;IAEhB,kGAAkG;IAClG,0CAA0C;IAC1C,wFAAwF;IACxF,wDAAwD;IACxD,4BAA4B;IAC5B,kHAAkH;IAClH,iEAAiE;IACjE,6EAA6E;IAC7E,YAAY;IACZ,SAAS;IACT,sDAAsD;IACtD,KAAK;IACL,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAM,IAAI,CAAC,CAAC;IACtD,MAAM,aAAa,GAAG,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,eAAe,CAAC;IAClE,MAAM,YAAY,GAAG,aAAa,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC;IAEtD,MAAM,YAAY,GAAwB;QACtC,4BAA4B,EAAE,OAAO,CACnC,GAAG,EAAE,CAAC,MAAM,CAAC,uEAAuE,CAAC,EACrF,EAAE,GAAG,EAAE,KAAK,EAAE,CACf;QACD,6BAA6B,EAAE,OAAO,CAClC,GAAG,EAAE,CAAC,MAAM,CAAC,yEAAyE,CAAC,EACvF,EAAE,GAAG,EAAE,KAAK,EAAE,CACjB;KACJ,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,YAAY;YAAE,OAAO;QAE1B,IAAI,YAAY,CAAC,YAAY,CAAC,EAAE;YAC5B,YAAY,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;SAC5E;aAAM;YACP,MAAM,CAAC,aAAa,CAAC;iBAChB,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,CAAC;iBACrD,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;gBACf,OAAO,CAAC,KAAK,CAAC,IAAI,cAAc,CAAC,iBAAiB,IAAI,aAAa,GAAG,EAAE,GAAG,CAAC,CAAC;gBAC7E,YAAY,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,KAAC,iBAAiB,IAAC,aAAa,EAAE,YAAY,GAAI,CAAC,CAAC;YAC7E,CAAC,CAAC,CAAC;SACN;IACL,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,IAAI,CAAC,SAAS;QAAE,OAAO,qCAAiB,CAAC;IAEzC,OAAO,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,GAAI,CAAC;AAC3C,CAAC,CAAA","sourcesContent":["'use client';\nimport { ERROR_MESSAGES } from \"../../../constants/error-messages\";\nimport dynamic from \"next/dynamic\";\nimport { useState, useEffect } from \"react\";\n// Fallback component for missing components\nconst FallbackComponent = ({ componentName }: any) => (\n    <div style={{ color: \"red\" }}>\n        Could not load <strong>{componentName}</strong>\n    </div>\n);\n\ntype Props = {\n    context: any;\n};\n\nexport const LoadDynamicJsxComponent = ({ context }: any) => {\n\n    \n    // const Component = dynamic<Props>(\n    //     async () => {\n    //         try {\n               \n    //             const componentName = context?.rowAction?.action?.customComponent.split('/').pop();\n    //             const mod = await import();\n    //             // Return the default export or a named export matching the componentName\n    //             return mod.default || mod[componentName];\n    //         } catch (error) {\n    //             console.error(`Failed to load component \"${context?.rowAction?.action?.customComponent}\":`, error);\n    //             // Return a fallback component if the import fails\n    //             return () => <GenerateModelCodeRowAction context={context} />;\n    //         }\n    //     },\n    //     { ssr: false } // Disable server-side rendering\n    // );\n    const [Component, setComponent] = useState<any>(null);\n    const componentPath = context?.rowAction?.action?.customComponent;\n    const componentKey = componentPath?.split(\"/\")?.pop();\n\n    const componentMap: Record<string, any> = {\n        \"GenerateModelCodeRowAction\": dynamic(\n          () => import(\"../extension/solid-core/modelMetadata/list/GenerateModelCodeRowAction\"),\n          { ssr: false }\n        ),\n        \"GenerateModuleCodeRowAction\": dynamic(\n            () => import(\"../extension/solid-core/moduleMetadata/list/GenerateModuleCodeRowAction\"),\n            { ssr: false }\n        ),\n    };\n\n    useEffect(() => {\n        if (!componentKey) return;\n\n        if (componentMap[componentKey]) {\n            setComponent(() => () => setComponent(() => componentMap[componentKey]));\n        } else {\n        import(componentPath)\n            .then((mod) => setComponent(() => mod.default || mod))\n            .catch((err) => {\n            console.error(` ${ERROR_MESSAGES.LOADING_COMPONENT} ${componentPath}:`, err);\n            setComponent(() => () => <FallbackComponent componentName={componentKey} />);\n            });\n        }\n    }, [componentKey]);\n\n    if (!Component) return <p>Loading...</p>;\n\n    return <Component context={context} />;\n}\n\n\n"]}

package/dist/components/core/common/LoadDynamicJsxComponent.tsx

@@ -0,0 +1,70 @@
+'use client';
+import { ERROR_MESSAGES } from "../../../constants/error-messages";
+import dynamic from "next/dynamic";
+import { useState, useEffect } from "react";
+// Fallback component for missing components
+const FallbackComponent = ({ componentName }: any) => (
+    <div style={{ color: "red" }}>
+        Could not load <strong>{componentName}</strong>
+    </div>
+);
+
+type Props = {
+    context: any;
+};
+
+export const LoadDynamicJsxComponent = ({ context }: any) => {
+
+    
+    // const Component = dynamic<Props>(
+    //     async () => {
+    //         try {
+               
+    //             const componentName = context?.rowAction?.action?.customComponent.split('/').pop();
+    //             const mod = await import();
+    //             // Return the default export or a named export matching the componentName
+    //             return mod.default || mod[componentName];
+    //         } catch (error) {
+    //             console.error(`Failed to load component "${context?.rowAction?.action?.customComponent}":`, error);
+    //             // Return a fallback component if the import fails
+    //             return () => <GenerateModelCodeRowAction context={context} />;
+    //         }
+    //     },
+    //     { ssr: false } // Disable server-side rendering
+    // );
+    const [Component, setComponent] = useState<any>(null);
+    const componentPath = context?.rowAction?.action?.customComponent;
+    const componentKey = componentPath?.split("/")?.pop();
+
+    const componentMap: Record<string, any> = {
+        "GenerateModelCodeRowAction": dynamic(
+          () => import("../extension/solid-core/modelMetadata/list/GenerateModelCodeRowAction"),
+          { ssr: false }
+        ),
+        "GenerateModuleCodeRowAction": dynamic(
+            () => import("../extension/solid-core/moduleMetadata/list/GenerateModuleCodeRowAction"),
+            { ssr: false }
+        ),
+    };
+
+    useEffect(() => {
+        if (!componentKey) return;
+
+        if (componentMap[componentKey]) {
+            setComponent(() => () => setComponent(() => componentMap[componentKey]));
+        } else {
+        import(componentPath)
+            .then((mod) => setComponent(() => mod.default || mod))
+            .catch((err) => {
+            console.error(` ${ERROR_MESSAGES.LOADING_COMPONENT} ${componentPath}:`, err);
+            setComponent(() => () => <FallbackComponent componentName={componentKey} />);
+            });
+        }
+    }, [componentKey]);
+
+    if (!Component) return <p>Loading...</p>;
+
+    return <Component context={context} />;
+}
+
+

package/dist/components/core/common/SolidGenericImport/SolidImportWrapper.d.ts

@@ -0,0 +1,2 @@
+export declare const SolidImportWrapper: ({ setImportStep, listViewMetaData, setOpenImportDialog, handleFetchUpdatedRecords }: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidImportWrapper.d.ts.map

package/dist/components/core/common/SolidGenericImport/SolidImportWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidImportWrapper.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportWrapper.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,wFAAyF,GAAG,4CAuB1H,CAAA"}

package/dist/components/core/common/SolidGenericImport/SolidImportWrapper.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { SolidImportDropzone } from './SolidImportDropzone';
+import { SolidImportTransaction } from './SolidImportTransaction';
+export var SolidImportWrapper = function (_a) {
+    var _b, _c, _d;
+    var setImportStep = _a.setImportStep, listViewMetaData = _a.listViewMetaData, setOpenImportDialog = _a.setOpenImportDialog, handleFetchUpdatedRecords = _a.handleFetchUpdatedRecords;
+    var _e = useState(false), importTransactionContext = _e[0], setImportTransactionContext = _e[1];
+    var _f = useState(null), transactionId = _f[0], setTransactionId = _f[1];
+    var modelMetadataId = (_d = (_c = (_b = listViewMetaData === null || listViewMetaData === void 0 ? void 0 : listViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.model) === null || _d === void 0 ? void 0 : _d.id;
+    return (_jsx("div", { children: !importTransactionContext ?
+            _jsx(SolidImportDropzone, { setImportStep: setImportStep, setImportTransactionContext: setImportTransactionContext, setTransactionId: setTransactionId, modelMetadataId: modelMetadataId })
+            :
+                _jsx(SolidImportTransaction, { transactionId: transactionId, setImportTransactionContext: setImportTransactionContext, setOpenImportDialog: setOpenImportDialog, handleFetchUpdatedRecords: handleFetchUpdatedRecords }) }));
+};
+//# sourceMappingURL=SolidImportWrapper.js.map

package/dist/components/core/common/SolidGenericImport/SolidImportWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidImportWrapper.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportWrapper.tsx"],"names":[],"mappings":";AACA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAEjE,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,EAAwF;;QAAtF,aAAa,mBAAA,EAAE,gBAAgB,sBAAA,EAAE,mBAAmB,yBAAA,EAAE,yBAAyB,+BAAA;IAC1G,IAAA,KAA0D,QAAQ,CAAC,KAAK,CAAC,EAAxE,wBAAwB,QAAA,EAAE,2BAA2B,QAAmB,CAAC;IAC1E,IAAA,KAAoC,QAAQ,CAAC,IAAI,CAAC,EAAjD,aAAa,QAAA,EAAE,gBAAgB,QAAkB,CAAC;IACzD,IAAM,eAAe,GAAG,MAAA,MAAA,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,0CAAE,SAAS,0CAAE,KAAK,0CAAE,EAAE,CAAC;IACrE,OAAO,CACH,wBACK,CAAC,wBAAwB,CAAC,CAAC;YACxB,KAAC,mBAAmB,IAChB,aAAa,EAAE,aAAa,EAC5B,2BAA2B,EAAE,2BAA2B,EACxD,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,GAClC;YACF,CAAC;gBACD,KAAC,sBAAsB,IACnB,aAAa,EAAE,aAAa,EAC5B,2BAA2B,EAAE,2BAA2B,EACxD,mBAAmB,EAAE,mBAAmB,EACxC,yBAAyB,EAAE,yBAAyB,GACtD,GAEJ,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["\nimport React, { useState } from 'react'\nimport { SolidImportDropzone } from './SolidImportDropzone'\nimport { SolidImportTransaction } from './SolidImportTransaction'\n\nexport const SolidImportWrapper = ({ setImportStep, listViewMetaData, setOpenImportDialog, handleFetchUpdatedRecords }: any) => {\n    const [importTransactionContext, setImportTransactionContext] = useState(false);\n    const [transactionId, setTransactionId] = useState(null);\n    const modelMetadataId = listViewMetaData?.data?.solidView?.model?.id;\n    return (\n        <div>\n            {!importTransactionContext ?\n                <SolidImportDropzone\n                    setImportStep={setImportStep}\n                    setImportTransactionContext={setImportTransactionContext}\n                    setTransactionId={setTransactionId}\n                    modelMetadataId={modelMetadataId}\n                />\n                :\n                <SolidImportTransaction\n                    transactionId={transactionId}\n                    setImportTransactionContext={setImportTransactionContext}\n                    setOpenImportDialog={setOpenImportDialog}\n                    handleFetchUpdatedRecords={handleFetchUpdatedRecords}\n                />\n            }\n        </div>\n    )\n}"]}

package/dist/components/core/common/SolidGenericImport/SolidImportWrapper.tsx

@@ -0,0 +1,29 @@
+
+import React, { useState } from 'react'
+import { SolidImportDropzone } from './SolidImportDropzone'
+import { SolidImportTransaction } from './SolidImportTransaction'
+
+export const SolidImportWrapper = ({ setImportStep, listViewMetaData, setOpenImportDialog, handleFetchUpdatedRecords }: any) => {
+    const [importTransactionContext, setImportTransactionContext] = useState(false);
+    const [transactionId, setTransactionId] = useState(null);
+    const modelMetadataId = listViewMetaData?.data?.solidView?.model?.id;
+    return (
+        <div>
+            {!importTransactionContext ?
+                <SolidImportDropzone
+                    setImportStep={setImportStep}
+                    setImportTransactionContext={setImportTransactionContext}
+                    setTransactionId={setTransactionId}
+                    modelMetadataId={modelMetadataId}
+                />
+                :
+                <SolidImportTransaction
+                    transactionId={transactionId}
+                    setImportTransactionContext={setImportTransactionContext}
+                    setOpenImportDialog={setOpenImportDialog}
+                    handleFetchUpdatedRecords={handleFetchUpdatedRecords}
+                />
+            }
+        </div>
+    )
+}

package/dist/components/core/dashboard/DashboardFilter.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { SqlExpression } from "../../../types/solid-core";
+import { DashboardVariableRecord } from "./SolidDashboard";
+interface DashboardFilterProps {
+    dashboardVariables: DashboardVariableRecord[];
+    initialFilters: SqlExpression[];
+    onApply: (filters: SqlExpression[]) => void;
+    visible: boolean;
+    onHide: () => void;
+}
+export declare const DashboardFilter: React.FC<DashboardFilterProps>;
+export {};
+//# sourceMappingURL=DashboardFilter.d.ts.map

package/dist/components/core/dashboard/DashboardFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/core/dashboard/DashboardFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAI3D,UAAU,oBAAoB;IAC1B,kBAAkB,EAAE,uBAAuB,EAAE,CAAC;IAC9C,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,OAAO,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AAoKD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA0K1D,CAAC"}