@solidxai/core-ui 0.1.7-beta.0 → 0.1.7-beta.3

package/dist/components/core/common/SolidAccountSettings/SolidVersionInfo.js

@@ -1,17 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { useLazyGetSolidVersionInfoQuery } from "../../../../redux/api/solidSettingsApi";
-import { Tag } from "primereact/tag";
-import { ProgressSpinner } from "primereact/progressspinner";
+import styles from "./SolidAccountSettings.module.css";
 var PACKAGE_LABELS = {
-    'solid-core': 'Solid Core',
-    'solid-core-ui': 'Solid Core UI',
-    'solid-code-builder': 'Solid Code Builder',
+    "solid-core": "Solid Core",
+    "solid-core-ui": "Solid Core UI",
+    "solid-code-builder": "Solid Code Builder",
 };
-var PACKAGE_ICONS = {
-    'solid-core': 'pi pi-server',
-    'solid-core-ui': 'pi pi-desktop',
-    'solid-code-builder': 'pi pi-code',
+var PACKAGE_HINTS = {
+    "solid-core": "@solidxai/core",
+    "solid-core-ui": "@solidxai/core-ui",
+    "solid-code-builder": "@solidxai/code-builder",
 };
 export var SolidVersionInfo = function () {
     var _a;
@@ -20,15 +19,15 @@ export var SolidVersionInfo = function () {
         trigger("");
     }, [trigger]);
     if (isLoading) {
-        return (_jsx("div", { className: "flex align-items-center justify-content-center", style: { minHeight: '200px' }, children: _jsx(ProgressSpinner, { style: { width: '40px', height: '40px' } }) }));
+        return (_jsx("div", { className: styles.versionLoaderWrap, children: _jsx("span", { className: "solid-btn-spinner", "aria-hidden": "true" }) }));
     }
     if (isError || !data) {
-        return (_jsx("div", { className: "flex align-items-center justify-content-center p-4", children: _jsx("p", { className: "text-500", children: "Unable to load version information." }) }));
+        return _jsx("p", { className: styles.versionError, children: "Unable to load version information." });
     }
     var packages = ((_a = data === null || data === void 0 ? void 0 : data.data) !== null && _a !== void 0 ? _a : data);
-    return (_jsxs("div", { className: "flex flex-column gap-3", children: [_jsx("h5", { className: "m-0 font-bold", children: "Version Information" }), _jsx("p", { className: "m-0 text-500", style: { fontSize: '0.875rem' }, children: "Packages powering this application" }), _jsx("div", { className: "flex flex-column gap-2 mt-2", children: Object.entries(packages).map(function (_a) {
+    return (_jsxs("div", { className: styles.versionPanel, children: [_jsx("h3", { className: styles.sectionTitle, children: "Version Information" }), _jsx("p", { className: styles.versionCaption, children: "Packages powering this application" }), _jsx("div", { className: styles.versionList, children: Object.entries(packages).map(function (_a) {
                     var key = _a[0], info = _a[1];
-                    return (_jsxs("div", { className: "flex align-items-center justify-content-between p-3 border-round surface-ground", children: [_jsxs("div", { className: "flex align-items-center gap-3", children: [_jsx("i", { className: "".concat(PACKAGE_ICONS[key] || 'pi pi-box', " text-primary"), style: { fontSize: '1.25rem' } }), _jsxs("div", { className: "flex flex-column", children: [_jsx("span", { className: "font-semibold", children: PACKAGE_LABELS[key] || key }), _jsxs("span", { className: "text-500", style: { fontSize: '0.75rem' }, children: ["@solidxai/", key === 'solid-core' ? 'core' : key === 'solid-core-ui' ? 'core-ui' : 'code-builder'] })] })] }), _jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(Tag, { value: info.version, severity: "info", className: "text-sm" }), _jsx(Tag, { value: info.repo, severity: info.repo === 'local' ? 'warning' : 'success', className: "text-sm" })] })] }, key));
+                    return (_jsxs("div", { className: styles.versionRow, children: [_jsxs("div", { children: [_jsx("div", { className: styles.versionName, children: PACKAGE_LABELS[key] || key }), _jsx("div", { className: styles.versionHint, children: PACKAGE_HINTS[key] || key })] }), _jsxs("div", { className: styles.versionTags, children: [_jsx("span", { className: styles.versionTag, children: info.version }), _jsx("span", { className: "".concat(styles.versionTag, " ").concat(info.repo === "local" ? styles.repoLocal : styles.repoNpm), children: info.repo })] })] }, key));
                 }) })] }));
 };
 //# sourceMappingURL=SolidVersionInfo.js.map

package/dist/components/core/common/SolidAccountSettings/SolidVersionInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidVersionInfo.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidAccountSettings/SolidVersionInfo.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect } from \"react\";\nimport { useLazyGetSolidVersionInfoQuery } from \"../../../../redux/api/solidSettingsApi\";\nimport { Tag } from \"primereact/tag\";\nimport { ProgressSpinner } from \"primereact/progressspinner\";\ninterface PackageVersionInfo {\n    repo: 'local' | 'npm';\n    version: string;\n}\n\nconst PACKAGE_LABELS: Record<string, string> = {\n    'solid-core': 'Solid Core',\n    'solid-core-ui': 'Solid Core UI',\n    'solid-code-builder': 'Solid Code Builder',\n};\n\nconst PACKAGE_ICONS: Record<string, string> = {\n    'solid-core': 'pi pi-server',\n    'solid-core-ui': 'pi pi-desktop',\n    'solid-code-builder': 'pi pi-code',\n};\n\nexport const SolidVersionInfo = () => {\n    const [trigger, { data, isLoading, isError }] = useLazyGetSolidVersionInfoQuery();\n\n    useEffect(() => {\n        trigger(\"\");\n    }, [trigger]);\n\n    if (isLoading) {\n        return (\n            <div className=\"flex align-items-center justify-content-center\" style={{ minHeight: '200px' }}>\n                <ProgressSpinner style={{ width: '40px', height: '40px' }} />\n            </div>\n        );\n    }\n\n    if (isError || !data) {\n        return (\n            <div className=\"flex align-items-center justify-content-center p-4\">\n                <p className=\"text-500\">Unable to load version information.</p>\n            </div>\n        );\n    }\n\n    const packages = ((data as any)?.data ?? data) as Record<string, PackageVersionInfo>;\n\n    return (\n        <div className=\"flex flex-column gap-3\">\n            <h5 className=\"m-0 font-bold\">Version Information</h5>\n            <p className=\"m-0 text-500\" style={{ fontSize: '0.875rem' }}>\n                Packages powering this application\n            </p>\n            <div className=\"flex flex-column gap-2 mt-2\">\n                {Object.entries(packages).map(([key, info]) => (\n                    <div\n                        key={key}\n                        className=\"flex align-items-center justify-content-between p-3 border-round surface-ground\"\n                    >\n                        <div className=\"flex align-items-center gap-3\">\n                            <i className={`${PACKAGE_ICONS[key] || 'pi pi-box'} text-primary`} style={{ fontSize: '1.25rem' }}></i>\n                            <div className=\"flex flex-column\">\n                                <span className=\"font-semibold\">{PACKAGE_LABELS[key] || key}</span>\n                                <span className=\"text-500\" style={{ fontSize: '0.75rem' }}>@solidxai/{key === 'solid-core' ? 'core' : key === 'solid-core-ui' ? 'core-ui' : 'code-builder'}</span>\n                            </div>\n                        </div>\n                        <div className=\"flex align-items-center gap-2\">\n                            <Tag\n                                value={info.version}\n                                severity=\"info\"\n                                className=\"text-sm\"\n                            />\n                            <Tag\n                                value={info.repo}\n                                severity={info.repo === 'local' ? 'warning' : 'success'}\n                                className=\"text-sm\"\n                            />\n                        </div>\n                    </div>\n                ))}\n            </div>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"SolidVersionInfo.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidAccountSettings/SolidVersionInfo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AACzF,OAAO,MAAM,MAAM,mCAAmC,CAAC;AAOvD,IAAM,cAAc,GAA2B;IAC7C,YAAY,EAAE,YAAY;IAC1B,eAAe,EAAE,eAAe;IAChC,oBAAoB,EAAE,oBAAoB;CAC3C,CAAC;AAEF,IAAM,aAAa,GAA2B;IAC5C,YAAY,EAAE,gBAAgB;IAC9B,eAAe,EAAE,mBAAmB;IACpC,oBAAoB,EAAE,wBAAwB;CAC/C,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG;;IACxB,IAAA,KAA0C,+BAA+B,EAAE,EAA1E,OAAO,QAAA,EAAE,UAA4B,EAA1B,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,OAAO,aAAuC,CAAC;IAElF,SAAS,CAAC;QACR,OAAO,CAAC,EAAE,CAAC,CAAC;IACd,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,SAAS,EAAE;QACb,OAAO,CACL,cAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,YACtC,eAAM,SAAS,EAAC,mBAAmB,iBAAa,MAAM,GAAG,GACrD,CACP,CAAC;KACH;IAED,IAAI,OAAO,IAAI,CAAC,IAAI,EAAE;QACpB,OAAO,YAAG,SAAS,EAAE,MAAM,CAAC,YAAY,oDAAyC,CAAC;KACnF;IAED,IAAM,QAAQ,GAAG,CAAC,MAAC,IAAY,aAAZ,IAAI,uBAAJ,IAAI,CAAU,IAAI,mCAAI,IAAI,CAAuC,CAAC;IAErF,OAAO,CACL,eAAK,SAAS,EAAE,MAAM,CAAC,YAAY,aACjC,aAAI,SAAS,EAAE,MAAM,CAAC,YAAY,oCAA0B,EAC5D,YAAG,SAAS,EAAE,MAAM,CAAC,cAAc,mDAAwC,EAE3E,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAC/B,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,UAAC,EAAW;wBAAV,GAAG,QAAA,EAAE,IAAI,QAAA;oBAAM,OAAA,CAC7C,eAAe,SAAS,EAAE,MAAM,CAAC,UAAU,aACzC,0BACE,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,cAAc,CAAC,GAAG,CAAC,IAAI,GAAG,GAAO,EACtE,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,aAAa,CAAC,GAAG,CAAC,IAAI,GAAG,GAAO,IACjE,EACN,eAAK,SAAS,EAAE,MAAM,CAAC,WAAW,aAChC,eAAM,SAAS,EAAE,MAAM,CAAC,UAAU,YAAG,IAAI,CAAC,OAAO,GAAQ,EACzD,eAAM,SAAS,EAAE,UAAG,MAAM,CAAC,UAAU,cAAI,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAE,YACjG,IAAI,CAAC,IAAI,GACL,IACH,KAVE,GAAG,CAWP,CACP;gBAb8C,CAa9C,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useEffect } from \"react\";\nimport { useLazyGetSolidVersionInfoQuery } from \"../../../../redux/api/solidSettingsApi\";\nimport styles from \"./SolidAccountSettings.module.css\";\n\ninterface PackageVersionInfo {\n  repo: \"local\" | \"npm\";\n  version: string;\n}\n\nconst PACKAGE_LABELS: Record<string, string> = {\n  \"solid-core\": \"Solid Core\",\n  \"solid-core-ui\": \"Solid Core UI\",\n  \"solid-code-builder\": \"Solid Code Builder\",\n};\n\nconst PACKAGE_HINTS: Record<string, string> = {\n  \"solid-core\": \"@solidxai/core\",\n  \"solid-core-ui\": \"@solidxai/core-ui\",\n  \"solid-code-builder\": \"@solidxai/code-builder\",\n};\n\nexport const SolidVersionInfo = () => {\n  const [trigger, { data, isLoading, isError }] = useLazyGetSolidVersionInfoQuery();\n\n  useEffect(() => {\n    trigger(\"\");\n  }, [trigger]);\n\n  if (isLoading) {\n    return (\n      <div className={styles.versionLoaderWrap}>\n        <span className=\"solid-btn-spinner\" aria-hidden=\"true\" />\n      </div>\n    );\n  }\n\n  if (isError || !data) {\n    return <p className={styles.versionError}>Unable to load version information.</p>;\n  }\n\n  const packages = ((data as any)?.data ?? data) as Record<string, PackageVersionInfo>;\n\n  return (\n    <div className={styles.versionPanel}>\n      <h3 className={styles.sectionTitle}>Version Information</h3>\n      <p className={styles.versionCaption}>Packages powering this application</p>\n\n      <div className={styles.versionList}>\n        {Object.entries(packages).map(([key, info]) => (\n          <div key={key} className={styles.versionRow}>\n            <div>\n              <div className={styles.versionName}>{PACKAGE_LABELS[key] || key}</div>\n              <div className={styles.versionHint}>{PACKAGE_HINTS[key] || key}</div>\n            </div>\n            <div className={styles.versionTags}>\n              <span className={styles.versionTag}>{info.version}</span>\n              <span className={`${styles.versionTag} ${info.repo === \"local\" ? styles.repoLocal : styles.repoNpm}`}>\n                {info.repo}\n              </span>\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/components/core/common/SolidAccountSettings/SolidVersionInfo.tsx

@@ -1,83 +1,66 @@
 import { useEffect } from "react";
 import { useLazyGetSolidVersionInfoQuery } from "../../../../redux/api/solidSettingsApi";
-import { Tag } from "primereact/tag";
-import { ProgressSpinner } from "primereact/progressspinner";
+import styles from "./SolidAccountSettings.module.css";
+
 interface PackageVersionInfo {
-    repo: 'local' | 'npm';
-    version: string;
+  repo: "local" | "npm";
+  version: string;
 }
 
 const PACKAGE_LABELS: Record<string, string> = {
-    'solid-core': 'Solid Core',
-    'solid-core-ui': 'Solid Core UI',
-    'solid-code-builder': 'Solid Code Builder',
+  "solid-core": "Solid Core",
+  "solid-core-ui": "Solid Core UI",
+  "solid-code-builder": "Solid Code Builder",
 };
 
-const PACKAGE_ICONS: Record<string, string> = {
-    'solid-core': 'pi pi-server',
-    'solid-core-ui': 'pi pi-desktop',
-    'solid-code-builder': 'pi pi-code',
+const PACKAGE_HINTS: Record<string, string> = {
+  "solid-core": "@solidxai/core",
+  "solid-core-ui": "@solidxai/core-ui",
+  "solid-code-builder": "@solidxai/code-builder",
 };
 
 export const SolidVersionInfo = () => {
-    const [trigger, { data, isLoading, isError }] = useLazyGetSolidVersionInfoQuery();
+  const [trigger, { data, isLoading, isError }] = useLazyGetSolidVersionInfoQuery();
 
-    useEffect(() => {
-        trigger("");
-    }, [trigger]);
+  useEffect(() => {
+    trigger("");
+  }, [trigger]);
 
-    if (isLoading) {
-        return (
-            <div className="flex align-items-center justify-content-center" style={{ minHeight: '200px' }}>
-                <ProgressSpinner style={{ width: '40px', height: '40px' }} />
-            </div>
-        );
-    }
+  if (isLoading) {
+    return (
+      <div className={styles.versionLoaderWrap}>
+        <span className="solid-btn-spinner" aria-hidden="true" />
+      </div>
+    );
+  }
 
-    if (isError || !data) {
-        return (
-            <div className="flex align-items-center justify-content-center p-4">
-                <p className="text-500">Unable to load version information.</p>
-            </div>
-        );
-    }
+  if (isError || !data) {
+    return <p className={styles.versionError}>Unable to load version information.</p>;
+  }
 
-    const packages = ((data as any)?.data ?? data) as Record<string, PackageVersionInfo>;
+  const packages = ((data as any)?.data ?? data) as Record<string, PackageVersionInfo>;
 
-    return (
-        <div className="flex flex-column gap-3">
-            <h5 className="m-0 font-bold">Version Information</h5>
-            <p className="m-0 text-500" style={{ fontSize: '0.875rem' }}>
-                Packages powering this application
-            </p>
-            <div className="flex flex-column gap-2 mt-2">
-                {Object.entries(packages).map(([key, info]) => (
-                    <div
-                        key={key}
-                        className="flex align-items-center justify-content-between p-3 border-round surface-ground"
-                    >
-                        <div className="flex align-items-center gap-3">
-                            <i className={`${PACKAGE_ICONS[key] || 'pi pi-box'} text-primary`} style={{ fontSize: '1.25rem' }}></i>
-                            <div className="flex flex-column">
-                                <span className="font-semibold">{PACKAGE_LABELS[key] || key}</span>
-                                <span className="text-500" style={{ fontSize: '0.75rem' }}>@solidxai/{key === 'solid-core' ? 'core' : key === 'solid-core-ui' ? 'core-ui' : 'code-builder'}</span>
-                            </div>
-                        </div>
-                        <div className="flex align-items-center gap-2">
-                            <Tag
-                                value={info.version}
-                                severity="info"
-                                className="text-sm"
-                            />
-                            <Tag
-                                value={info.repo}
-                                severity={info.repo === 'local' ? 'warning' : 'success'}
-                                className="text-sm"
-                            />
-                        </div>
-                    </div>
-                ))}
+  return (
+    <div className={styles.versionPanel}>
+      <h3 className={styles.sectionTitle}>Version Information</h3>
+      <p className={styles.versionCaption}>Packages powering this application</p>
+
+      <div className={styles.versionList}>
+        {Object.entries(packages).map(([key, info]) => (
+          <div key={key} className={styles.versionRow}>
+            <div>
+              <div className={styles.versionName}>{PACKAGE_LABELS[key] || key}</div>
+              <div className={styles.versionHint}>{PACKAGE_HINTS[key] || key}</div>
             </div>
-        </div>
-    );
+            <div className={styles.versionTags}>
+              <span className={styles.versionTag}>{info.version}</span>
+              <span className={`${styles.versionTag} ${info.repo === "local" ? styles.repoLocal : styles.repoNpm}`}>
+                {info.repo}
+              </span>
+            </div>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SolidCreateButton.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidCreateButton.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB,0FAAmG,GAAG,4CAqDnI,CAAC"}
+{"version":3,"file":"SolidCreateButton.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidCreateButton.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB,0FAAmG,GAAG,4CA0DnI,CAAC"}

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

@@ -1,8 +1,9 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from "../../common/Link";
 import { usePathname } from "../../../hooks/usePathname";
-import { Button } from 'primereact/button';
 import { normalizeSolidListTreeKanbanActionPath } from "../../../helpers/routePaths";
+import { SolidButton } from "../../shad-cn-ui";
+import { Plus } from "lucide-react";
 export var SolidCreateButton = function (_a) {
     var _b, _c, _d;
     var createButtonUrl = _a.createButtonUrl, createActionQueryParams = _a.createActionQueryParams, solidListViewLayout = _a.solidListViewLayout, _e = _a.responsiveIconOnly, responsiveIconOnly = _e === void 0 ? false : _e;
@@ -16,9 +17,10 @@ export var SolidCreateButton = function (_a) {
         return "".concat(normalizeSolidListTreeKanbanActionPath(pathName, "form"), "/new?viewMode=edit");
     };
     var createPath = resolveCreatePath();
-    var icon = ((_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.addButtonIcon) || "pi pi-plus";
+    var icon = (_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.addButtonIcon;
     var label = ((_c = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _c === void 0 ? void 0 : _c.addButtonTitle) || "Add";
     var className = ((_d = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _d === void 0 ? void 0 : _d.addButtonClassName) || "";
-    return (_jsx("div", { children: _jsx(Link, { href: createPath, children: responsiveIconOnly ? (_jsxs(_Fragment, { children: [_jsx(Button, { type: "button", icon: icon, className: "".concat(className, " p-button-sm lg:hidden solid-icon-button "), size: 'small' }), _jsx(Button, { type: "button", icon: icon, label: label, className: "".concat(className, " hidden lg:inline-flex"), size: 'small' })] })) : (_jsx(Button, { type: "button", icon: icon, label: label, className: "".concat(className), size: 'small' })) }) }));
+    var defaultIcon = _jsx(Plus, { size: 14 });
+    return (_jsx("div", { children: _jsx(Link, { href: createPath, children: responsiveIconOnly ? (_jsxs(_Fragment, { children: [_jsx(SolidButton, { type: "button", icon: icon, leftIcon: !icon ? defaultIcon : undefined, className: "".concat(className, " lg:hidden solid-icon-button "), size: 'sm' }), _jsx(SolidButton, { type: "button", icon: icon, leftIcon: !icon ? defaultIcon : undefined, className: "".concat(className, " hidden lg:inline-flex"), size: 'sm', children: label })] })) : (_jsx(SolidButton, { type: "button", icon: icon, leftIcon: !icon ? defaultIcon : undefined, className: "".concat(className), size: 'sm', children: label })) }) }));
 };
 //# sourceMappingURL=SolidCreateButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidCreateButton.js","sourceRoot":"","sources":["../../../../src/components/core/common/SolidCreateButton.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,sCAAsC,EAAE,MAAM,6BAA6B,CAAC;AAErF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,EAAkG;;QAAhG,eAAe,qBAAA,EAAE,uBAAuB,6BAAA,EAAE,mBAAmB,yBAAA,EAAE,0BAA0B,EAA1B,kBAAkB,mBAAG,KAAK,KAAA;IACzH,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,IAAM,iBAAiB,GAAG;QACtB,IAAI,eAAe,EAAE;YACjB,IAAM,aAAa,GAAG,sCAAsC,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;YACxF,IAAM,KAAK,GAAG,IAAI,eAAe,CAAC,uBAAuB,CAAC,CAAC,QAAQ,EAAE,CAAC;YACtE,OAAO,KAAK,CAAC,CAAC,CAAC,UAAG,aAAa,cAAI,KAAK,CAAE,CAAC,CAAC,CAAC,aAAa,CAAC;SAC9D;QAED,OAAO,UAAG,sCAAsC,CAAC,QAAQ,EAAE,MAAM,CAAC,uBAAoB,CAAC;IAC3F,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG,iBAAiB,EAAE,CAAC;IAEvC,IAAM,IAAI,GAAG,CAAA,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,KAAK,0CAAE,aAAa,KAAI,YAAY,CAAC;IACvE,IAAM,KAAK,GAAG,CAAA,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,KAAK,0CAAE,cAAc,KAAI,KAAK,CAAC;IAClE,IAAM,SAAS,GAAG,CAAA,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,KAAK,0CAAE,kBAAkB,KAAI,EAAE,CAAC;IAEvE,OAAO,CACH,wBACI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,YACjB,kBAAkB,CAAC,CAAC,CAAC,CAClB,8BACI,KAAC,MAAM,IACH,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAG,SAAS,8CAA2C,EAClE,IAAI,EAAC,OAAO,GACd,EAEF,KAAC,MAAM,IACH,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAG,SAAS,2BAAwB,EAC/C,IAAI,EAAC,OAAO,GAEd,IACH,CACN,CAAC,CAAC,CAAC,CACA,KAAC,MAAM,IACH,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAG,SAAS,CAAE,EACzB,IAAI,EAAC,OAAO,GACd,CACL,GAEE,GACL,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import Link from \"../../common/Link\";\nimport { usePathname } from \"../../../hooks/usePathname\";\nimport { Button } from 'primereact/button';\nimport { normalizeSolidListTreeKanbanActionPath } from \"../../../helpers/routePaths\";\n\nexport const SolidCreateButton = ({ createButtonUrl, createActionQueryParams, solidListViewLayout, responsiveIconOnly = false }: any) => {\n    const pathName = usePathname();\n\n    const resolveCreatePath = () => {\n        if (createButtonUrl) {\n            const normalizedUrl = normalizeSolidListTreeKanbanActionPath(pathName, createButtonUrl);\n            const query = new URLSearchParams(createActionQueryParams).toString();\n            return query ? `${normalizedUrl}?${query}` : normalizedUrl;\n        }\n\n        return `${normalizeSolidListTreeKanbanActionPath(pathName, \"form\")}/new?viewMode=edit`;\n    };\n\n    const createPath = resolveCreatePath();\n\n    const icon = solidListViewLayout?.attrs?.addButtonIcon || \"pi pi-plus\";\n    const label = solidListViewLayout?.attrs?.addButtonTitle || \"Add\";\n    const className = solidListViewLayout?.attrs?.addButtonClassName || \"\";\n\n    return (\n        <div>\n            <Link href={createPath}>\n                {responsiveIconOnly ? (\n                    <>\n                        <Button\n                            type=\"button\"\n                            icon={icon}\n                            className={`${className} p-button-sm lg:hidden solid-icon-button `}\n                            size='small'\n                        />\n\n                        <Button\n                            type=\"button\"\n                            icon={icon}\n                            label={label}\n                            className={`${className} hidden lg:inline-flex`}\n                            size='small'\n\n                        />\n                    </>\n                ) : (\n                    <Button\n                        type=\"button\"\n                        icon={icon}\n                        label={label}\n                        className={`${className}`}\n                        size='small'\n                    />\n                )}\n\n            </Link>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"SolidCreateButton.js","sourceRoot":"","sources":["../../../../src/components/core/common/SolidCreateButton.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,sCAAsC,EAAE,MAAM,6BAA6B,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,EAAkG;;QAAhG,eAAe,qBAAA,EAAE,uBAAuB,6BAAA,EAAE,mBAAmB,yBAAA,EAAE,0BAA0B,EAA1B,kBAAkB,mBAAG,KAAK,KAAA;IACzH,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,IAAM,iBAAiB,GAAG;QACtB,IAAI,eAAe,EAAE;YACjB,IAAM,aAAa,GAAG,sCAAsC,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;YACxF,IAAM,KAAK,GAAG,IAAI,eAAe,CAAC,uBAAuB,CAAC,CAAC,QAAQ,EAAE,CAAC;YACtE,OAAO,KAAK,CAAC,CAAC,CAAC,UAAG,aAAa,cAAI,KAAK,CAAE,CAAC,CAAC,CAAC,aAAa,CAAC;SAC9D;QAED,OAAO,UAAG,sCAAsC,CAAC,QAAQ,EAAE,MAAM,CAAC,uBAAoB,CAAC;IAC3F,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG,iBAAiB,EAAE,CAAC;IAEvC,IAAM,IAAI,GAAG,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,KAAK,0CAAE,aAAa,CAAC;IACvD,IAAM,KAAK,GAAG,CAAA,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,KAAK,0CAAE,cAAc,KAAI,KAAK,CAAC;IAClE,IAAM,SAAS,GAAG,CAAA,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,KAAK,0CAAE,kBAAkB,KAAI,EAAE,CAAC;IACvE,IAAM,WAAW,GAAG,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC;IAEvC,OAAO,CACH,wBACI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,YACjB,kBAAkB,CAAC,CAAC,CAAC,CAClB,8BACI,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACzC,SAAS,EAAE,UAAG,SAAS,kCAA+B,EACtD,IAAI,EAAC,IAAI,GACX,EAEF,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACzC,SAAS,EAAE,UAAG,SAAS,2BAAwB,EAC/C,IAAI,EAAC,IAAI,YAER,KAAK,GACI,IACf,CACN,CAAC,CAAC,CAAC,CACA,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACzC,SAAS,EAAE,UAAG,SAAS,CAAE,EACzB,IAAI,EAAC,IAAI,YAER,KAAK,GACI,CACjB,GAEE,GACL,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import Link from \"../../common/Link\";\nimport { usePathname } from \"../../../hooks/usePathname\";\nimport { normalizeSolidListTreeKanbanActionPath } from \"../../../helpers/routePaths\";\nimport { SolidButton } from \"../../shad-cn-ui\";\nimport { Plus } from \"lucide-react\";\n\nexport const SolidCreateButton = ({ createButtonUrl, createActionQueryParams, solidListViewLayout, responsiveIconOnly = false }: any) => {\n    const pathName = usePathname();\n\n    const resolveCreatePath = () => {\n        if (createButtonUrl) {\n            const normalizedUrl = normalizeSolidListTreeKanbanActionPath(pathName, createButtonUrl);\n            const query = new URLSearchParams(createActionQueryParams).toString();\n            return query ? `${normalizedUrl}?${query}` : normalizedUrl;\n        }\n\n        return `${normalizeSolidListTreeKanbanActionPath(pathName, \"form\")}/new?viewMode=edit`;\n    };\n\n    const createPath = resolveCreatePath();\n\n    const icon = solidListViewLayout?.attrs?.addButtonIcon;\n    const label = solidListViewLayout?.attrs?.addButtonTitle || \"Add\";\n    const className = solidListViewLayout?.attrs?.addButtonClassName || \"\";\n    const defaultIcon = <Plus size={14} />;\n\n    return (\n        <div>\n            <Link href={createPath}>\n                {responsiveIconOnly ? (\n                    <>\n                        <SolidButton\n                            type=\"button\"\n                            icon={icon}\n                            leftIcon={!icon ? defaultIcon : undefined}\n                            className={`${className} lg:hidden solid-icon-button `}\n                            size='sm'\n                        />\n\n                        <SolidButton\n                            type=\"button\"\n                            icon={icon}\n                            leftIcon={!icon ? defaultIcon : undefined}\n                            className={`${className} hidden lg:inline-flex`}\n                            size='sm'\n                        >\n                            {label}\n                        </SolidButton>\n                    </>\n                ) : (\n                    <SolidButton\n                        type=\"button\"\n                        icon={icon}\n                        leftIcon={!icon ? defaultIcon : undefined}\n                        className={`${className}`}\n                        size='sm'\n                    >\n                        {label}\n                    </SolidButton>\n                )}\n\n            </Link>\n        </div>\n    );\n};\n"]}

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

@@ -1,7 +1,8 @@
 import Link from "../../common/Link";
 import { usePathname } from "../../../hooks/usePathname";
-import { Button } from 'primereact/button';
 import { normalizeSolidListTreeKanbanActionPath } from "../../../helpers/routePaths";
+import { SolidButton } from "../../shad-cn-ui";
+import { Plus } from "lucide-react";
 
 export const SolidCreateButton = ({ createButtonUrl, createActionQueryParams, solidListViewLayout, responsiveIconOnly = false }: any) => {
     const pathName = usePathname();
@@ -18,39 +19,44 @@ export const SolidCreateButton = ({ createButtonUrl, createActionQueryParams, so
 
     const createPath = resolveCreatePath();
 
-    const icon = solidListViewLayout?.attrs?.addButtonIcon || "pi pi-plus";
+    const icon = solidListViewLayout?.attrs?.addButtonIcon;
     const label = solidListViewLayout?.attrs?.addButtonTitle || "Add";
     const className = solidListViewLayout?.attrs?.addButtonClassName || "";
+    const defaultIcon = <Plus size={14} />;
 
     return (
         <div>
             <Link href={createPath}>
                 {responsiveIconOnly ? (
                     <>
-                        <Button
+                        <SolidButton
                             type="button"
                             icon={icon}
-                            className={`${className} p-button-sm lg:hidden solid-icon-button `}
-                            size='small'
+                            leftIcon={!icon ? defaultIcon : undefined}
+                            className={`${className} lg:hidden solid-icon-button `}
+                            size='sm'
                         />
 
-                        <Button
+                        <SolidButton
                             type="button"
                             icon={icon}
-                            label={label}
+                            leftIcon={!icon ? defaultIcon : undefined}
                             className={`${className} hidden lg:inline-flex`}
-                            size='small'
-
-                        />
+                            size='sm'
+                        >
+                            {label}
+                        </SolidButton>
                     </>
                 ) : (
-                    <Button
+                    <SolidButton
                         type="button"
                         icon={icon}
-                        label={label}
+                        leftIcon={!icon ? defaultIcon : undefined}
                         className={`${className}`}
-                        size='small'
-                    />
+                        size='sm'
+                    >
+                        {label}
+                    </SolidButton>
                 )}
 
             </Link>

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

@@ -1 +1 @@
-{"version":3,"file":"SolidGenericImport.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidGenericImport.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,kBAAkB,2FAK5B,GAAG,4CAgDL,CAAA"}
+{"version":3,"file":"SolidGenericImport.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidGenericImport.tsx"],"names":[],"mappings":"AAgBA,eAAO,MAAM,kBAAkB,2FAK5B,GAAG,4CA0FL,CAAA"}

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

@@ -1,24 +1,43 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Dialog } from 'primereact/dialog';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { SolidImportStepper } from './SolidImportStepper';
 import { SolidImportInstructions } from './SolidImportInstructions';
-// import { SolidImportWrapper } from './SolidImportWrapper';
 import { SolidImportDropzone } from './SolidImportDropzone';
 import { SolidImportTransaction } from './SolidImportTransaction';
 import { SolidImportTransactionStatus } from './SolidImportTransactionStatus';
+import { SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogDescription, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, } from "../../../shad-cn-ui";
 export var SolidGenericImport = function (_a) {
     var _b, _c, _d;
     var openImportDialog = _a.openImportDialog, setOpenImportDialog = _a.setOpenImportDialog, listViewMetaData = _a.listViewMetaData, handleFetchUpdatedRecords = _a.handleFetchUpdatedRecords;
     var _e = useState(1), importStep = _e[0], setImportStep = _e[1];
-    var _f = useState(null), transactionId = _f[0], setTransactionId = _f[1];
-    var _g = useState(null), importStatusResult = _g[0], setImportStatusResult = _g[1];
+    var _f = useState(1), maxStepReached = _f[0], setMaxStepReached = _f[1];
+    var _g = useState(null), transactionId = _g[0], setTransactionId = _g[1];
+    var _h = useState(null), importStatusResult = _h[0], setImportStatusResult = _h[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 (_jsxs(Dialog, { header: _jsx("h5", { className: 'm-0', children: "Import Data" }), visible: openImportDialog, style: { width: '60vw' }, onHide: function () { if (!openImportDialog)
-            return; setOpenImportDialog(false); }, headerClassName: "px-4 py-2 secondary-border-bottom solid-import-dialog-header", contentClassName: "p-0", className: 'solid-import-dialog', children: [_jsx(SolidImportStepper, { importStep: importStep, setImportStep: setImportStep }), _jsxs("div", { className: 'px-3 md:px-4 py-3', children: [importStep === 1 &&
-                        _jsx(SolidImportInstructions, { setImportStep: setImportStep, listViewMetaData: listViewMetaData }), importStep === 2 &&
-                        _jsx(SolidImportDropzone, { setImportStep: setImportStep, setTransactionId: setTransactionId, modelMetadataId: modelMetadataId }), importStep === 3 &&
-                        _jsx(SolidImportTransaction, { transactionId: transactionId, setImportStatusResult: setImportStatusResult, setImportStep: setImportStep }), importStep === 4 &&
-                        _jsx(SolidImportTransactionStatus, { importStatusResult: importStatusResult, transactionId: transactionId, setOpenImportDialog: setOpenImportDialog, handleFetchUpdatedRecords: handleFetchUpdatedRecords })] })] }));
+    useEffect(function () {
+        if (openImportDialog) {
+            setImportStep(1);
+            setMaxStepReached(1);
+            setTransactionId(null);
+            setImportStatusResult(null);
+        }
+    }, [openImportDialog]);
+    var handleStepChange = function (nextStep) {
+        setImportStep(nextStep);
+        setMaxStepReached(function (current) { return Math.max(current, nextStep); });
+    };
+    var renderStepContent = function () {
+        if (importStep === 1) {
+            return (_jsx(SolidImportInstructions, { setImportStep: handleStepChange, listViewMetaData: listViewMetaData }));
+        }
+        if (importStep === 2) {
+            return (_jsx(SolidImportDropzone, { setImportStep: handleStepChange, setTransactionId: setTransactionId, modelMetadataId: modelMetadataId }));
+        }
+        if (importStep === 3) {
+            return (_jsx(SolidImportTransaction, { transactionId: transactionId, setImportStatusResult: setImportStatusResult, setImportStep: handleStepChange }));
+        }
+        return (_jsx(SolidImportTransactionStatus, { importStatusResult: importStatusResult, transactionId: transactionId, setOpenImportDialog: setOpenImportDialog, handleFetchUpdatedRecords: handleFetchUpdatedRecords }));
+    };
+    return (_jsxs(SolidDialog, { open: openImportDialog, onOpenChange: setOpenImportDialog, className: 'solid-import-dialog', style: { width: "min(840px, calc(100vw - 1.5rem))" }, children: [_jsxs(SolidDialogHeader, { className: "solid-filter-dialog-head solid-import-dialog-head", children: [_jsxs("div", { children: [_jsx(SolidDialogTitle, { className: "solid-filter-dialog-title m-0", children: "Import Data" }), _jsx(SolidDialogDescription, { className: "solid-filter-dialog-subtitle solid-import-dialog-subtitle", children: "Upload a CSV or Excel file, map its columns, and import records in four short steps." })] }), _jsx(SolidDialogClose, { className: "solid-filter-dialog-close" })] }), _jsx(SolidDialogSeparator, { className: "solid-filter-dialog-sep" }), _jsx(SolidDialogBody, { className: 'solid-import-dialog-body', children: _jsxs("div", { className: "solid-import-shell", children: [_jsx(SolidImportStepper, { importStep: importStep, maxStepReached: maxStepReached, setImportStep: handleStepChange }), renderStepContent()] }) })] }));
 };
 //# sourceMappingURL=SolidGenericImport.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidGenericImport.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidGenericImport.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,6DAA6D;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAE9E,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,EAK7B;;QAJF,gBAAgB,sBAAA,EAChB,mBAAmB,yBAAA,EACnB,gBAAgB,sBAAA,EAChB,yBAAyB,+BAAA;IAEnB,IAAA,KAA8B,QAAQ,CAAS,CAAC,CAAC,EAAhD,UAAU,QAAA,EAAE,aAAa,QAAuB,CAAA;IACjD,IAAA,KAAoC,QAAQ,CAAC,IAAI,CAAC,EAAjD,aAAa,QAAA,EAAE,gBAAgB,QAAkB,CAAC;IACnD,IAAA,KAA8C,QAAQ,CAAM,IAAI,CAAC,EAAhE,kBAAkB,QAAA,EAAE,qBAAqB,QAAuB,CAAA;IACvE,IAAM,eAAe,GAAG,MAAA,MAAA,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,0CAAE,SAAS,0CAAE,KAAK,0CAAE,EAAE,CAAC;IACrE,OAAO,CACH,MAAC,MAAM,IACH,MAAM,EAAE,aAAI,SAAS,EAAC,KAAK,4BAAiB,EAC5C,OAAO,EAAE,gBAAgB,EACzB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,MAAM,EAAE,cAAQ,IAAI,CAAC,gBAAgB;YAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAC5E,eAAe,EAAC,8DAA8D,EAC9E,gBAAgB,EAAC,KAAK,EACtB,SAAS,EAAC,qBAAqB,aAE/B,KAAC,kBAAkB,IAAC,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,GAAI,EAC5E,eAAK,SAAS,EAAC,mBAAmB,aAC7B,UAAU,KAAK,CAAC;wBACb,KAAC,uBAAuB,IAAC,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,GAAI,EAKhG,UAAU,KAAK,CAAC;wBACb,KAAC,mBAAmB,IAChB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,GAClC,EAEL,UAAU,KAAK,CAAC;wBACb,KAAC,sBAAsB,IACnB,aAAa,EAAE,aAAa,EAC5B,qBAAqB,EAAE,qBAAqB,EAC5C,aAAa,EAAE,aAAa,GAC9B,EAEL,UAAU,KAAK,CAAC;wBACb,KAAC,4BAA4B,IACzB,kBAAkB,EAAE,kBAAkB,EACtC,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,EACxC,yBAAyB,EAAE,yBAAyB,GACtD,IAEJ,IACD,CACZ,CAAA;AACL,CAAC,CAAA","sourcesContent":["\nimport { Dialog } from 'primereact/dialog';\nimport React, { useState } from 'react'\nimport { SolidImportStepper } from './SolidImportStepper';\nimport { SolidImportInstructions } from './SolidImportInstructions';\n// import { SolidImportWrapper } from './SolidImportWrapper';\nimport { SolidImportDropzone } from './SolidImportDropzone';\nimport { SolidImportTransaction } from './SolidImportTransaction';\nimport { SolidImportTransactionStatus } from './SolidImportTransactionStatus';\n\nexport const SolidGenericImport = ({\n    openImportDialog,\n    setOpenImportDialog,\n    listViewMetaData,\n    handleFetchUpdatedRecords\n}: any) => {\n    const [importStep, setImportStep] = useState<number>(1)\n    const [transactionId, setTransactionId] = useState(null);\n    const [importStatusResult, setImportStatusResult] = useState<any>(null)\n    const modelMetadataId = listViewMetaData?.data?.solidView?.model?.id;\n    return (\n        <Dialog\n            header={<h5 className='m-0'>Import Data</h5>}\n            visible={openImportDialog}\n            style={{ width: '60vw' }}\n            onHide={() => { if (!openImportDialog) return; setOpenImportDialog(false); }}\n            headerClassName=\"px-4 py-2 secondary-border-bottom solid-import-dialog-header\"\n            contentClassName=\"p-0\"\n            className='solid-import-dialog'\n        >\n            <SolidImportStepper importStep={importStep} setImportStep={setImportStep} />\n            <div className='px-3 md:px-4 py-3'>\n                {importStep === 1 &&\n                    <SolidImportInstructions setImportStep={setImportStep} listViewMetaData={listViewMetaData} />\n                }\n                {/* {importStep === 2 &&\n                    <SolidImportWrapper handleFetchUpdatedRecords={handleFetchUpdatedRecords} setImportStep={setImportStep} listViewMetaData={listViewMetaData} setOpenImportDialog={setOpenImportDialog} />\n                } */}\n                {importStep === 2 &&\n                    <SolidImportDropzone\n                        setImportStep={setImportStep}\n                        setTransactionId={setTransactionId}\n                        modelMetadataId={modelMetadataId}\n                    />\n                }\n                {importStep === 3 &&\n                    <SolidImportTransaction\n                        transactionId={transactionId}\n                        setImportStatusResult={setImportStatusResult}\n                        setImportStep={setImportStep}\n                    />\n                }\n                {importStep === 4 &&\n                    <SolidImportTransactionStatus\n                        importStatusResult={importStatusResult}\n                        transactionId={transactionId}\n                        setOpenImportDialog={setOpenImportDialog}\n                        handleFetchUpdatedRecords={handleFetchUpdatedRecords}\n                    />\n                }\n            </div>\n        </Dialog>\n    )\n}"]}
+{"version":3,"file":"SolidGenericImport.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidGenericImport.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from 'react'\nimport { SolidImportStepper } from './SolidImportStepper';\nimport { SolidImportInstructions } from './SolidImportInstructions';\nimport { SolidImportDropzone } from './SolidImportDropzone';\nimport { SolidImportTransaction } from './SolidImportTransaction';\nimport { SolidImportTransactionStatus } from './SolidImportTransactionStatus';\nimport {\n    SolidDialog,\n    SolidDialogBody,\n    SolidDialogClose,\n    SolidDialogDescription,\n    SolidDialogHeader,\n    SolidDialogSeparator,\n    SolidDialogTitle,\n} from \"../../../shad-cn-ui\";\n\nexport const SolidGenericImport = ({\n    openImportDialog,\n    setOpenImportDialog,\n    listViewMetaData,\n    handleFetchUpdatedRecords\n}: any) => {\n    const [importStep, setImportStep] = useState<number>(1)\n    const [maxStepReached, setMaxStepReached] = useState<number>(1);\n    const [transactionId, setTransactionId] = useState(null);\n    const [importStatusResult, setImportStatusResult] = useState<any>(null)\n    const modelMetadataId = listViewMetaData?.data?.solidView?.model?.id;\n\n    useEffect(() => {\n        if (openImportDialog) {\n            setImportStep(1);\n            setMaxStepReached(1);\n            setTransactionId(null);\n            setImportStatusResult(null);\n        }\n    }, [openImportDialog]);\n\n    const handleStepChange = (nextStep: number) => {\n        setImportStep(nextStep);\n        setMaxStepReached((current) => Math.max(current, nextStep));\n    };\n\n    const renderStepContent = () => {\n        if (importStep === 1) {\n            return (\n                <SolidImportInstructions\n                    setImportStep={handleStepChange}\n                    listViewMetaData={listViewMetaData}\n                />\n            );\n        }\n\n        if (importStep === 2) {\n            return (\n                <SolidImportDropzone\n                    setImportStep={handleStepChange}\n                    setTransactionId={setTransactionId}\n                    modelMetadataId={modelMetadataId}\n                />\n            );\n        }\n\n        if (importStep === 3) {\n            return (\n                <SolidImportTransaction\n                    transactionId={transactionId}\n                    setImportStatusResult={setImportStatusResult}\n                    setImportStep={handleStepChange}\n                />\n            );\n        }\n\n        return (\n            <SolidImportTransactionStatus\n                importStatusResult={importStatusResult}\n                transactionId={transactionId}\n                setOpenImportDialog={setOpenImportDialog}\n                handleFetchUpdatedRecords={handleFetchUpdatedRecords}\n            />\n        );\n    };\n\n    return (\n        <SolidDialog\n            open={openImportDialog}\n            onOpenChange={setOpenImportDialog}\n            className='solid-import-dialog'\n            style={{ width: \"min(840px, calc(100vw - 1.5rem))\" }}\n        >\n            <SolidDialogHeader className=\"solid-filter-dialog-head solid-import-dialog-head\">\n                <div>\n                    <SolidDialogTitle className=\"solid-filter-dialog-title m-0\">Import Data</SolidDialogTitle>\n                    <SolidDialogDescription className=\"solid-filter-dialog-subtitle solid-import-dialog-subtitle\">\n                        Upload a CSV or Excel file, map its columns, and import records in four short steps.\n                    </SolidDialogDescription>\n                </div>\n                <SolidDialogClose className=\"solid-filter-dialog-close\" />\n            </SolidDialogHeader>\n            <SolidDialogSeparator className=\"solid-filter-dialog-sep\" />\n            <SolidDialogBody className='solid-import-dialog-body'>\n                <div className=\"solid-import-shell\">\n                    <SolidImportStepper\n                        importStep={importStep}\n                        maxStepReached={maxStepReached}\n                        setImportStep={handleStepChange}\n                    />\n                    {renderStepContent()}\n                </div>\n            </SolidDialogBody>\n        </SolidDialog>\n    )\n}\n"]}

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

@@ -1,12 +1,18 @@
-
-import { Dialog } from 'primereact/dialog';
-import React, { useState } from 'react'
+import React, { useEffect, useState } from 'react'
 import { SolidImportStepper } from './SolidImportStepper';
 import { SolidImportInstructions } from './SolidImportInstructions';
-// import { SolidImportWrapper } from './SolidImportWrapper';
 import { SolidImportDropzone } from './SolidImportDropzone';
 import { SolidImportTransaction } from './SolidImportTransaction';
 import { SolidImportTransactionStatus } from './SolidImportTransactionStatus';
+import {
+    SolidDialog,
+    SolidDialogBody,
+    SolidDialogClose,
+    SolidDialogDescription,
+    SolidDialogHeader,
+    SolidDialogSeparator,
+    SolidDialogTitle,
+} from "../../../shad-cn-ui";
 
 export const SolidGenericImport = ({
     openImportDialog,
@@ -15,50 +21,92 @@ export const SolidGenericImport = ({
     handleFetchUpdatedRecords
 }: any) => {
     const [importStep, setImportStep] = useState<number>(1)
+    const [maxStepReached, setMaxStepReached] = useState<number>(1);
     const [transactionId, setTransactionId] = useState(null);
     const [importStatusResult, setImportStatusResult] = useState<any>(null)
     const modelMetadataId = listViewMetaData?.data?.solidView?.model?.id;
+
+    useEffect(() => {
+        if (openImportDialog) {
+            setImportStep(1);
+            setMaxStepReached(1);
+            setTransactionId(null);
+            setImportStatusResult(null);
+        }
+    }, [openImportDialog]);
+
+    const handleStepChange = (nextStep: number) => {
+        setImportStep(nextStep);
+        setMaxStepReached((current) => Math.max(current, nextStep));
+    };
+
+    const renderStepContent = () => {
+        if (importStep === 1) {
+            return (
+                <SolidImportInstructions
+                    setImportStep={handleStepChange}
+                    listViewMetaData={listViewMetaData}
+                />
+            );
+        }
+
+        if (importStep === 2) {
+            return (
+                <SolidImportDropzone
+                    setImportStep={handleStepChange}
+                    setTransactionId={setTransactionId}
+                    modelMetadataId={modelMetadataId}
+                />
+            );
+        }
+
+        if (importStep === 3) {
+            return (
+                <SolidImportTransaction
+                    transactionId={transactionId}
+                    setImportStatusResult={setImportStatusResult}
+                    setImportStep={handleStepChange}
+                />
+            );
+        }
+
+        return (
+            <SolidImportTransactionStatus
+                importStatusResult={importStatusResult}
+                transactionId={transactionId}
+                setOpenImportDialog={setOpenImportDialog}
+                handleFetchUpdatedRecords={handleFetchUpdatedRecords}
+            />
+        );
+    };
+
     return (
-        <Dialog
-            header={<h5 className='m-0'>Import Data</h5>}
-            visible={openImportDialog}
-            style={{ width: '60vw' }}
-            onHide={() => { if (!openImportDialog) return; setOpenImportDialog(false); }}
-            headerClassName="px-4 py-2 secondary-border-bottom solid-import-dialog-header"
-            contentClassName="p-0"
+        <SolidDialog
+            open={openImportDialog}
+            onOpenChange={setOpenImportDialog}
             className='solid-import-dialog'
+            style={{ width: "min(840px, calc(100vw - 1.5rem))" }}
         >
-            <SolidImportStepper importStep={importStep} setImportStep={setImportStep} />
-            <div className='px-3 md:px-4 py-3'>
-                {importStep === 1 &&
-                    <SolidImportInstructions setImportStep={setImportStep} listViewMetaData={listViewMetaData} />
-                }
-                {/* {importStep === 2 &&
-                    <SolidImportWrapper handleFetchUpdatedRecords={handleFetchUpdatedRecords} setImportStep={setImportStep} listViewMetaData={listViewMetaData} setOpenImportDialog={setOpenImportDialog} />
-                } */}
-                {importStep === 2 &&
-                    <SolidImportDropzone
-                        setImportStep={setImportStep}
-                        setTransactionId={setTransactionId}
-                        modelMetadataId={modelMetadataId}
-                    />
-                }
-                {importStep === 3 &&
-                    <SolidImportTransaction
-                        transactionId={transactionId}
-                        setImportStatusResult={setImportStatusResult}
-                        setImportStep={setImportStep}
-                    />
-                }
-                {importStep === 4 &&
-                    <SolidImportTransactionStatus
-                        importStatusResult={importStatusResult}
-                        transactionId={transactionId}
-                        setOpenImportDialog={setOpenImportDialog}
-                        handleFetchUpdatedRecords={handleFetchUpdatedRecords}
+            <SolidDialogHeader className="solid-filter-dialog-head solid-import-dialog-head">
+                <div>
+                    <SolidDialogTitle className="solid-filter-dialog-title m-0">Import Data</SolidDialogTitle>
+                    <SolidDialogDescription className="solid-filter-dialog-subtitle solid-import-dialog-subtitle">
+                        Upload a CSV or Excel file, map its columns, and import records in four short steps.
+                    </SolidDialogDescription>
+                </div>
+                <SolidDialogClose className="solid-filter-dialog-close" />
+            </SolidDialogHeader>
+            <SolidDialogSeparator className="solid-filter-dialog-sep" />
+            <SolidDialogBody className='solid-import-dialog-body'>
+                <div className="solid-import-shell">
+                    <SolidImportStepper
+                        importStep={importStep}
+                        maxStepReached={maxStepReached}
+                        setImportStep={handleStepChange}
                     />
-                }
-            </div>
-        </Dialog>
+                    {renderStepContent()}
+                </div>
+            </SolidDialogBody>
+        </SolidDialog>
     )
-}
+}