@solidxai/core-ui 0.1.13-beta.0 → 0.1.13-beta.2

package/dist/adapters/auth/sessionInvalidation.d.ts

@@ -0,0 +1,3 @@
+export declare function isSessionInvalidError(payload: unknown, status?: unknown): boolean;
+export declare function handleSessionInvalidation(): Promise<void>;
+//# sourceMappingURL=sessionInvalidation.d.ts.map

package/dist/adapters/auth/sessionInvalidation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sessionInvalidation.d.ts","sourceRoot":"","sources":["../../../src/adapters/auth/sessionInvalidation.ts"],"names":[],"mappings":"AAKA,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,CAKjF;AAED,wBAAsB,yBAAyB,kBAS9C"}

package/dist/{components/core/extension/solid-core/dashboard/dashboardQuestionOnFormLoadHandler.js → adapters/auth/sessionInvalidation.js}

@@ -34,29 +34,37 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { SolidViewLayoutManager } from "../../../../../components/core/common/SolidViewLayoutManager";
-var dashboardQuestionOnFormLoadHandler = function (event) { return __awaiter(void 0, void 0, void 0, function () {
-    var formData, formViewLayout, layout, layoutManager;
-    return __generator(this, function (_a) {
-        formData = event.formData, formViewLayout = event.formViewLayout;
-        layout = formViewLayout;
-        layoutManager = new SolidViewLayoutManager(layout);
-        if (formData.sourceType === 'sql') {
-            layoutManager.updateNodeAttributes('labelSql', { visible: true });
-            layoutManager.updateNodeAttributes('kpiSql', { visible: true });
-            layoutManager.updateNodeAttributes('providerName', { visible: false });
-        }
-        if (formData.sourceType === 'provider') {
-            layoutManager.updateNodeAttributes('labelSql', { visible: false });
-            layoutManager.updateNodeAttributes('kpiSql', { visible: false });
-            layoutManager.updateNodeAttributes('providerName', { visible: true });
-        }
-        return [2 /*return*/, {
-                layoutChanged: true,
-                dataChanged: false,
-                newLayout: layoutManager.getLayout(),
-            }];
+import { signOut } from "./signOut";
+import { SESSION_INVALID_ERROR_CODE } from "../../constants/error-messages";
+var isHandlingSessionInvalidation = false;
+export function isSessionInvalidError(payload, status) {
+    if (status !== 401)
+        return false;
+    if (!payload || typeof payload !== "object")
+        return false;
+    return payload.errorCode === SESSION_INVALID_ERROR_CODE;
+}
+export function handleSessionInvalidation() {
+    return __awaiter(this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (isHandlingSessionInvalidation)
+                        return [2 /*return*/];
+                    isHandlingSessionInvalidation = true;
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, , 3, 4]);
+                    return [4 /*yield*/, signOut({ callbackUrl: "/auth/login" })];
+                case 2:
+                    _a.sent();
+                    return [3 /*break*/, 4];
+                case 3:
+                    isHandlingSessionInvalidation = false;
+                    return [7 /*endfinally*/];
+                case 4: return [2 /*return*/];
+            }
+        });
     });
-}); };
-export default dashboardQuestionOnFormLoadHandler;
-//# sourceMappingURL=dashboardQuestionOnFormLoadHandler.js.map
+}
+//# sourceMappingURL=sessionInvalidation.js.map

package/dist/adapters/auth/sessionInvalidation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sessionInvalidation.js","sourceRoot":"","sources":["../../../src/adapters/auth/sessionInvalidation.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAE5E,IAAI,6BAA6B,GAAG,KAAK,CAAC;AAE1C,MAAM,UAAU,qBAAqB,CAAC,OAAgB,EAAE,MAAgB;IACtE,IAAI,MAAM,KAAK,GAAG;QAAE,OAAO,KAAK,CAAC;IACjC,IAAI,CAAC,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IAE1D,OAAQ,OAAmC,CAAC,SAAS,KAAK,0BAA0B,CAAC;AACvF,CAAC;AAED,MAAM,UAAgB,yBAAyB;;;;;oBAC7C,IAAI,6BAA6B;wBAAE,sBAAO;oBAE1C,6BAA6B,GAAG,IAAI,CAAC;;;;oBAEnC,qBAAM,OAAO,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC,EAAA;;oBAA7C,SAA6C,CAAC;;;oBAE9C,6BAA6B,GAAG,KAAK,CAAC;;;;;;CAEzC","sourcesContent":["import { signOut } from \"./signOut\";\nimport { SESSION_INVALID_ERROR_CODE } from \"../../constants/error-messages\";\n\nlet isHandlingSessionInvalidation = false;\n\nexport function isSessionInvalidError(payload: unknown, status?: unknown): boolean {\n  if (status !== 401) return false;\n  if (!payload || typeof payload !== \"object\") return false;\n\n  return (payload as { errorCode?: unknown }).errorCode === SESSION_INVALID_ERROR_CODE;\n}\n\nexport async function handleSessionInvalidation() {\n  if (isHandlingSessionInvalidation) return;\n\n  isHandlingSessionInvalidation = true;\n  try {\n    await signOut({ callbackUrl: \"/auth/login\" });\n  } finally {\n    isHandlingSessionInvalidation = false;\n  }\n}\n"]}

package/dist/adapters/auth/sessionInvalidation.ts

@@ -0,0 +1,22 @@
+import { signOut } from "./signOut";
+import { SESSION_INVALID_ERROR_CODE } from "../../constants/error-messages";
+
+let isHandlingSessionInvalidation = false;
+
+export function isSessionInvalidError(payload: unknown, status?: unknown): boolean {
+  if (status !== 401) return false;
+  if (!payload || typeof payload !== "object") return false;
+
+  return (payload as { errorCode?: unknown }).errorCode === SESSION_INVALID_ERROR_CODE;
+}
+
+export async function handleSessionInvalidation() {
+  if (isHandlingSessionInvalidation) return;
+
+  isHandlingSessionInvalidation = true;
+  try {
+    await signOut({ callbackUrl: "/auth/login" });
+  } finally {
+    isHandlingSessionInvalidation = false;
+  }
+}

package/dist/adapters/auth/signOut.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"signOut.d.ts","sourceRoot":"","sources":["../../../src/adapters/auth/signOut.ts"],"names":[],"mappings":"AAGA,KAAK,cAAc,GAAG;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAsB,OAAO,CAAC,OAAO,GAAE,cAAmB,iBAazD"}
+{"version":3,"file":"signOut.d.ts","sourceRoot":"","sources":["../../../src/adapters/auth/signOut.ts"],"names":[],"mappings":"AAGA,KAAK,cAAc,GAAG;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAsB,OAAO,CAAC,OAAO,GAAE,cAAmB,iBAWzD"}

package/dist/adapters/auth/signOut.js

@@ -45,8 +45,6 @@ export function signOut(options) {
             eventBus.emit(AppEvents.SessionCleared);
             if (options.callbackUrl && typeof window !== "undefined") {
                 currentPathname = window.location.pathname;
-                // Only force the post-logout redirect when the admin app shell is active.
-                // Other shells can react to SessionCleared and decide their own navigation.
                 if (currentPathname.startsWith("/admin")) {
                     window.location.href = options.callbackUrl;
                 }

package/dist/adapters/auth/signOut.js.map

@@ -1 +1 @@
-{"version":3,"file":"signOut.js","sourceRoot":"","sources":["../../../src/adapters/auth/signOut.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAM7D,MAAM,UAAgB,OAAO,CAAC,OAA4B;IAA5B,wBAAA,EAAA,YAA4B;;;;YACxD,YAAY,EAAE,CAAC;YACf,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;YACxC,IAAI,OAAO,CAAC,WAAW,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;gBAClD,eAAe,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC;gBAEjD,0EAA0E;gBAC1E,4EAA4E;gBAC5E,IAAI,eAAe,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;oBACxC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,OAAO,CAAC,WAAW,CAAC;iBAC5C;aACF;YACD,sBAAO;;;CACR","sourcesContent":["import { clearSession } from \"./storage\";\nimport { eventBus, AppEvents } from \"../../helpers/eventBus\";\n\ntype SignOutOptions = {\n  callbackUrl?: string;\n};\n\nexport async function signOut(options: SignOutOptions = {}) {\n  clearSession();\n  eventBus.emit(AppEvents.SessionCleared);\n  if (options.callbackUrl && typeof window !== \"undefined\") {\n    const currentPathname = window.location.pathname;\n\n    // Only force the post-logout redirect when the admin app shell is active.\n    // Other shells can react to SessionCleared and decide their own navigation.\n    if (currentPathname.startsWith(\"/admin\")) {\n      window.location.href = options.callbackUrl;\n    }\n  }\n  return;\n}\n"]}
+{"version":3,"file":"signOut.js","sourceRoot":"","sources":["../../../src/adapters/auth/signOut.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAM7D,MAAM,UAAgB,OAAO,CAAC,OAA4B;IAA5B,wBAAA,EAAA,YAA4B;;;;YACxD,YAAY,EAAE,CAAC;YACf,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;YACxC,IAAI,OAAO,CAAC,WAAW,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;gBAClD,eAAe,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC;gBAEjD,IAAI,eAAe,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;oBACxC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,OAAO,CAAC,WAAW,CAAC;iBAC5C;aACF;YACD,sBAAO;;;CACR","sourcesContent":["import { clearSession } from \"./storage\";\nimport { eventBus, AppEvents } from \"../../helpers/eventBus\";\n\ntype SignOutOptions = {\n  callbackUrl?: string;\n};\n\nexport async function signOut(options: SignOutOptions = {}) {\n  clearSession();\n  eventBus.emit(AppEvents.SessionCleared);\n  if (options.callbackUrl && typeof window !== \"undefined\") {\n    const currentPathname = window.location.pathname;\n\n    if (currentPathname.startsWith(\"/admin\")) {\n      window.location.href = options.callbackUrl;\n    }\n  }\n  return;\n}\n"]}

package/dist/adapters/auth/signOut.ts

@@ -11,8 +11,6 @@ export async function signOut(options: SignOutOptions = {}) {
   if (options.callbackUrl && typeof window !== "undefined") {
     const currentPathname = window.location.pathname;
 
-    // Only force the post-logout redirect when the admin app shell is active.
-    // Other shells can react to SessionCleared and decide their own navigation.
     if (currentPathname.startsWith("/admin")) {
       window.location.href = options.callbackUrl;
     }

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

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

package/dist/components/common/SolidFieldTooltip.js

@@ -1,4 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect } from "react";
+import { SolidPopover, SolidPopoverContent, SolidPopoverTrigger, } from "../shad-cn-ui";
 import { SolidTooltip, SolidTooltipContent, SolidTooltipTrigger, } from "../shad-cn-ui/SolidTooltip";
 import { SolidIcon } from "../shad-cn-ui";
 export var SolidFieldTooltip = function (_a) {
@@ -7,10 +9,40 @@ export var SolidFieldTooltip = function (_a) {
     var solidFormViewMetaData = fieldContext.solidFormViewMetaData;
     var fieldLayoutInfo = fieldContext.field;
     var fieldMetadata = fieldContext.fieldMetadata;
+    var _g = React.useState(false), useTapPopover = _g[0], setUseTapPopover = _g[1];
     var showTooltip = (_e = (_d = (_c = (_b = solidFormViewMetaData.data.solidView) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.attrs) === null || _d === void 0 ? void 0 : _d.showTooltip) !== null && _e !== void 0 ? _e : true;
     var fieldDescription = (_f = fieldLayoutInfo.attrs.description) !== null && _f !== void 0 ? _f : fieldMetadata.description;
+    useEffect(function () {
+        if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
+            return;
+        }
+        var touchMedia = window.matchMedia("(hover: none), (pointer: coarse)");
+        var responsiveMedia = window.matchMedia("(max-width: 991px)");
+        var updateMode = function () {
+            setUseTapPopover(touchMedia.matches || responsiveMedia.matches);
+        };
+        updateMode();
+        var addChangeListener = function (mediaQuery, listener) {
+            if (typeof mediaQuery.addEventListener === "function") {
+                mediaQuery.addEventListener("change", listener);
+                return function () { return mediaQuery.removeEventListener("change", listener); };
+            }
+            mediaQuery.addListener(listener);
+            return function () { return mediaQuery.removeListener(listener); };
+        };
+        var removeTouchListener = addChangeListener(touchMedia, updateMode);
+        var removeResponsiveListener = addChangeListener(responsiveMedia, updateMode);
+        return function () {
+            removeTouchListener();
+            removeResponsiveListener();
+        };
+    }, []);
     if (!showTooltip || !fieldDescription)
         return null;
-    return (_jsxs(SolidTooltip, { children: [_jsx(SolidTooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "solid-field-tooltip-icon", "aria-label": "Field info", children: _jsx(SolidIcon, { name: "si-info-circle" }) }) }), _jsx(SolidTooltipContent, { side: "top", align: "center", children: fieldDescription })] }));
+    var triggerButton = (_jsx("button", { type: "button", className: "solid-field-tooltip-icon", "aria-label": "Field info", children: _jsx(SolidIcon, { name: "si-info-circle" }) }));
+    if (useTapPopover) {
+        return (_jsxs(SolidPopover, { children: [_jsx(SolidPopoverTrigger, { asChild: true, children: triggerButton }), _jsx(SolidPopoverContent, { side: "top", align: "center", sideOffset: 6, className: "solid-field-tooltip-popover", children: fieldDescription })] }));
+    }
+    return (_jsxs(SolidTooltip, { children: [_jsx(SolidTooltipTrigger, { asChild: true, children: triggerButton }), _jsx(SolidTooltipContent, { side: "top", align: "center", children: fieldDescription })] }));
 };
 //# sourceMappingURL=SolidFieldTooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidFieldTooltip.js","sourceRoot":"","sources":["../../../src/components/common/SolidFieldTooltip.tsx"],"names":[],"mappings":";AACA,OAAO,EACH,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,GACtB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,EAAqB;;QAAnB,YAAY,kBAAA;IAC5C,IAAM,qBAAqB,GAAG,YAAY,CAAC,qBAAqB,CAAC;IACjE,IAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC;IAC3C,IAAM,aAAa,GAAG,YAAY,CAAC,aAAa,CAAC;IACjD,IAAM,WAAW,GACb,MAAA,MAAA,MAAA,MAAA,qBAAqB,CAAC,IAAI,CAAC,SAAS,0CAAE,MAAM,0CAAE,KAAK,0CAAE,WAAW,mCAAI,IAAI,CAAC;IAC7E,IAAM,gBAAgB,GAClB,MAAA,eAAe,CAAC,KAAK,CAAC,WAAW,mCAAI,aAAa,CAAC,WAAW,CAAC;IAEnE,IAAI,CAAC,WAAW,IAAI,CAAC,gBAAgB;QAAE,OAAO,IAAI,CAAC;IAEnD,OAAO,CACH,MAAC,YAAY,eACT,KAAC,mBAAmB,IAAC,OAAO,kBACxB,iBACI,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,0BAA0B,gBACzB,YAAY,YAEvB,KAAC,SAAS,IAAC,IAAI,EAAC,gBAAgB,GAAG,GAC9B,GACS,EACtB,KAAC,mBAAmB,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,QAAQ,YACzC,gBAAgB,GACC,IACX,CAClB,CAAC;AACN,CAAC,CAAC","sourcesContent":["import React from \"react\";\nimport {\n    SolidTooltip,\n    SolidTooltipContent,\n    SolidTooltipTrigger,\n} from \"../shad-cn-ui/SolidTooltip\";\nimport { SolidIcon } from \"../shad-cn-ui\";\n\nexport const SolidFieldTooltip = ({ fieldContext }: any) => {\n    const solidFormViewMetaData = fieldContext.solidFormViewMetaData;\n    const fieldLayoutInfo = fieldContext.field;\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const showTooltip =\n        solidFormViewMetaData.data.solidView?.layout?.attrs?.showTooltip ?? true;\n    const fieldDescription =\n        fieldLayoutInfo.attrs.description ?? fieldMetadata.description;\n\n    if (!showTooltip || !fieldDescription) return null;\n\n    return (\n        <SolidTooltip>\n            <SolidTooltipTrigger asChild>\n                <button\n                    type=\"button\"\n                    className=\"solid-field-tooltip-icon\"\n                    aria-label=\"Field info\"\n                >\n                    <SolidIcon name=\"si-info-circle\" />\n                </button>\n            </SolidTooltipTrigger>\n            <SolidTooltipContent side=\"top\" align=\"center\">\n                {fieldDescription}\n            </SolidTooltipContent>\n        </SolidTooltip>\n    );\n};\n"]}
+{"version":3,"file":"SolidFieldTooltip.js","sourceRoot":"","sources":["../../../src/components/common/SolidFieldTooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect } from \"react\";\nimport {SolidPopover,SolidPopoverContent,SolidPopoverTrigger,} from \"../shad-cn-ui\";\nimport {\n    SolidTooltip,\n    SolidTooltipContent,\n    SolidTooltipTrigger,\n} from \"../shad-cn-ui/SolidTooltip\";\nimport { SolidIcon } from \"../shad-cn-ui\";\n\nexport const SolidFieldTooltip = ({ fieldContext }: any) => {\n    const solidFormViewMetaData = fieldContext.solidFormViewMetaData;\n    const fieldLayoutInfo = fieldContext.field;\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const [useTapPopover, setUseTapPopover] = React.useState(false);\n    const showTooltip =\n        solidFormViewMetaData.data.solidView?.layout?.attrs?.showTooltip ?? true;\n    const fieldDescription =\n        fieldLayoutInfo.attrs.description ?? fieldMetadata.description;\n\n    useEffect(() => {\n        if (typeof window === \"undefined\" || typeof window.matchMedia !== \"function\") {\n            return;\n        }\n\n        const touchMedia = window.matchMedia(\"(hover: none), (pointer: coarse)\");\n        const responsiveMedia = window.matchMedia(\"(max-width: 991px)\");\n        const updateMode = () => {\n            setUseTapPopover(touchMedia.matches || responsiveMedia.matches);\n        };\n\n        updateMode();\n\n        const addChangeListener = (mediaQuery: MediaQueryList, listener: () => void) => {\n            if (typeof mediaQuery.addEventListener === \"function\") {\n                mediaQuery.addEventListener(\"change\", listener);\n                return () => mediaQuery.removeEventListener(\"change\", listener);\n            }\n\n            mediaQuery.addListener(listener);\n            return () => mediaQuery.removeListener(listener);\n        };\n\n        const removeTouchListener = addChangeListener(touchMedia, updateMode);\n        const removeResponsiveListener = addChangeListener(responsiveMedia, updateMode);\n\n        return () => {\n            removeTouchListener();\n            removeResponsiveListener();\n        };\n    }, []);\n\n    if (!showTooltip || !fieldDescription) return null;\n\n    const triggerButton = (\n        <button\n            type=\"button\"\n            className=\"solid-field-tooltip-icon\"\n            aria-label=\"Field info\"\n        >\n            <SolidIcon name=\"si-info-circle\" />\n        </button>\n    );\n\n    if (useTapPopover) {\n        return (\n            <SolidPopover>\n                <SolidPopoverTrigger asChild>\n                    {triggerButton}\n                </SolidPopoverTrigger>\n                <SolidPopoverContent\n                    side=\"top\"\n                    align=\"center\"\n                    sideOffset={6}\n                    className=\"solid-field-tooltip-popover\"\n                >\n                    {fieldDescription}\n                </SolidPopoverContent>\n            </SolidPopover>\n        );\n    }\n\n    return (\n        <SolidTooltip>\n            <SolidTooltipTrigger asChild>\n                {triggerButton}\n            </SolidTooltipTrigger>\n            <SolidTooltipContent side=\"top\" align=\"center\">\n                {fieldDescription}\n            </SolidTooltipContent>\n        </SolidTooltip>\n    );\n};\n"]}

package/dist/components/common/SolidFieldTooltip.tsx

@@ -1,4 +1,5 @@
-import React from "react";
+import React, { useEffect } from "react";
+import {SolidPopover,SolidPopoverContent,SolidPopoverTrigger,} from "../shad-cn-ui";
 import {
     SolidTooltip,
     SolidTooltipContent,
@@ -10,23 +11,78 @@ export const SolidFieldTooltip = ({ fieldContext }: any) => {
     const solidFormViewMetaData = fieldContext.solidFormViewMetaData;
     const fieldLayoutInfo = fieldContext.field;
     const fieldMetadata = fieldContext.fieldMetadata;
+    const [useTapPopover, setUseTapPopover] = React.useState(false);
     const showTooltip =
         solidFormViewMetaData.data.solidView?.layout?.attrs?.showTooltip ?? true;
     const fieldDescription =
         fieldLayoutInfo.attrs.description ?? fieldMetadata.description;
 
+    useEffect(() => {
+        if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
+            return;
+        }
+
+        const touchMedia = window.matchMedia("(hover: none), (pointer: coarse)");
+        const responsiveMedia = window.matchMedia("(max-width: 991px)");
+        const updateMode = () => {
+            setUseTapPopover(touchMedia.matches || responsiveMedia.matches);
+        };
+
+        updateMode();
+
+        const addChangeListener = (mediaQuery: MediaQueryList, listener: () => void) => {
+            if (typeof mediaQuery.addEventListener === "function") {
+                mediaQuery.addEventListener("change", listener);
+                return () => mediaQuery.removeEventListener("change", listener);
+            }
+
+            mediaQuery.addListener(listener);
+            return () => mediaQuery.removeListener(listener);
+        };
+
+        const removeTouchListener = addChangeListener(touchMedia, updateMode);
+        const removeResponsiveListener = addChangeListener(responsiveMedia, updateMode);
+
+        return () => {
+            removeTouchListener();
+            removeResponsiveListener();
+        };
+    }, []);
+
     if (!showTooltip || !fieldDescription) return null;
 
+    const triggerButton = (
+        <button
+            type="button"
+            className="solid-field-tooltip-icon"
+            aria-label="Field info"
+        >
+            <SolidIcon name="si-info-circle" />
+        </button>
+    );
+
+    if (useTapPopover) {
+        return (
+            <SolidPopover>
+                <SolidPopoverTrigger asChild>
+                    {triggerButton}
+                </SolidPopoverTrigger>
+                <SolidPopoverContent
+                    side="top"
+                    align="center"
+                    sideOffset={6}
+                    className="solid-field-tooltip-popover"
+                >
+                    {fieldDescription}
+                </SolidPopoverContent>
+            </SolidPopover>
+        );
+    }
+
     return (
         <SolidTooltip>
             <SolidTooltipTrigger asChild>
-                <button
-                    type="button"
-                    className="solid-field-tooltip-icon"
-                    aria-label="Field info"
-                >
-                    <SolidIcon name="si-info-circle" />
-                </button>
+                {triggerButton}
             </SolidTooltipTrigger>
             <SolidTooltipContent side="top" align="center">
                 {fieldDescription}

package/dist/components/core/card/CardGrid.d.ts

@@ -1,3 +1,3 @@
-export declare const CardGrid: ({ records, solidCardViewMetaData, editButtonUrl, onRecover, setLightboxUrls, setOpenLightbox, showArchived, }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const CardGrid: ({ records, solidCardViewMetaData, editButtonUrl, onDelete, onRecover, setLightboxUrls, setOpenLightbox, showArchived, }: any) => import("react/jsx-runtime").JSX.Element;
 export default CardGrid;
 //# sourceMappingURL=CardGrid.d.ts.map

package/dist/components/core/card/CardGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardGrid.d.ts","sourceRoot":"","sources":["../../../../src/components/core/card/CardGrid.tsx"],"names":[],"mappings":"AAiBA,eAAO,MAAM,QAAQ,kHAQlB,GAAG,4CA2DL,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"CardGrid.d.ts","sourceRoot":"","sources":["../../../../src/components/core/card/CardGrid.tsx"],"names":[],"mappings":"AAiBA,eAAO,MAAM,QAAQ,4HASlB,GAAG,4CA4DL,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/core/card/CardGrid.js

@@ -20,7 +20,7 @@ var findCardNode = function (nodes) {
 };
 export var CardGrid = function (_a) {
     var _b, _c, _d;
-    var records = _a.records, solidCardViewMetaData = _a.solidCardViewMetaData, editButtonUrl = _a.editButtonUrl, onRecover = _a.onRecover, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox, showArchived = _a.showArchived;
+    var records = _a.records, solidCardViewMetaData = _a.solidCardViewMetaData, editButtonUrl = _a.editButtonUrl, onDelete = _a.onDelete, onRecover = _a.onRecover, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox, showArchived = _a.showArchived;
     var cardNode = findCardNode(((_c = (_b = solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.solidView) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.children) || []);
     var cardWidget = ((_d = cardNode === null || cardNode === void 0 ? void 0 : cardNode.attrs) === null || _d === void 0 ? void 0 : _d.cardWidget) || (cardNode === null || cardNode === void 0 ? void 0 : cardNode.cardWidget);
     var DynamicCardWidget = cardWidget ? getExtensionComponent(cardWidget) : null;
@@ -36,7 +36,7 @@ export var CardGrid = function (_a) {
                             ? "Register the widget in the extension registry or update the card metadata to point at a valid component."
                             : "Configure attrs.cardWidget on the card metadata so the grid can render each record." })] }) }));
     }
-    return (_jsx("div", { className: "solid-card-view-grid", children: records.map(function (record) { return (_jsx(CardItem, { data: record, solidCardViewMetaData: solidCardViewMetaData, editButtonUrl: editButtonUrl, cardNode: cardNode, DynamicCardWidget: DynamicCardWidget, onRecover: onRecover, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, showArchived: showArchived }, record.id)); }) }));
+    return (_jsx("div", { className: "solid-card-view-grid", children: records.map(function (record) { return (_jsx(CardItem, { data: record, solidCardViewMetaData: solidCardViewMetaData, editButtonUrl: editButtonUrl, onDelete: onDelete, cardNode: cardNode, DynamicCardWidget: DynamicCardWidget, onRecover: onRecover, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, showArchived: showArchived }, record.id)); }) }));
 };
 export default CardGrid;
 //# sourceMappingURL=CardGrid.js.map

package/dist/components/core/card/CardGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardGrid.js","sourceRoot":"","sources":["../../../../src/components/core/card/CardGrid.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport CardItem from \"./CardItem\";\nimport { getExtensionComponent } from \"../../../helpers/registry\";\n\nconst findCardNode = (nodes: any[] = []): any => {\n  for (const node of nodes) {\n    if (!node) continue;\n    if (node.type === \"card\") return node;\n    if (Array.isArray(node?.children) && node.children.length > 0) {\n      const nestedCard = findCardNode(node.children);\n      if (nestedCard) return nestedCard;\n    }\n  }\n\n  return null;\n};\n\nexport const CardGrid = ({\n  records,\n  solidCardViewMetaData,\n  editButtonUrl,\n  onRecover,\n  setLightboxUrls,\n  setOpenLightbox,\n  showArchived,\n}: any) => {\n  const cardNode = findCardNode(solidCardViewMetaData?.solidView?.layout?.children || []);\n  const cardWidget = cardNode?.attrs?.cardWidget || cardNode?.cardWidget;\n  const DynamicCardWidget = cardWidget ? getExtensionComponent(cardWidget) : null;\n  const cardConfigurationIssue = !cardWidget\n    ? { type: \"missing_widget_reference\" }\n    : !DynamicCardWidget\n      ? { type: \"missing_widget\", cardWidget }\n      : null;\n\n  if (cardConfigurationIssue) {\n    return (\n      <div className=\"solid-kanban-config-placeholder-container\">\n        <div className=\"solid-kanban-config-placeholder-panel\">\n          <div className=\"solid-kanban-config-placeholder-badge\">CARD CONFIGURATION</div>\n          <div className=\"solid-kanban-config-placeholder-title\">\n            {cardConfigurationIssue.type === \"missing_widget\"\n              ? \"Card widget could not be resolved\"\n              : \"Card widget is not configured\"}\n          </div>\n          <div className=\"solid-kanban-config-placeholder-description\">\n            {cardConfigurationIssue.type === \"missing_widget\" ? (\n              <>\n                This card view references <code>{cardConfigurationIssue.cardWidget}</code>, but no matching card widget is registered.\n              </>\n            ) : (\n              <>\n                This card view does not define a <code>cardWidget</code> on the card node.\n              </>\n            )}\n          </div>\n          <div className=\"solid-kanban-config-placeholder-hint\">\n            {cardConfigurationIssue.type === \"missing_widget\"\n              ? \"Register the widget in the extension registry or update the card metadata to point at a valid component.\"\n              : \"Configure attrs.cardWidget on the card metadata so the grid can render each record.\"}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"solid-card-view-grid\">\n      {records.map((record: any) => (\n        <CardItem\n          key={record.id}\n          data={record}\n          solidCardViewMetaData={solidCardViewMetaData}\n          editButtonUrl={editButtonUrl}\n          cardNode={cardNode}\n          DynamicCardWidget={DynamicCardWidget}\n          onRecover={onRecover}\n          setLightboxUrls={setLightboxUrls}\n          setOpenLightbox={setOpenLightbox}\n          showArchived={showArchived}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport default CardGrid;\n"]}
+{"version":3,"file":"CardGrid.js","sourceRoot":"","sources":["../../../../src/components/core/card/CardGrid.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport CardItem from \"./CardItem\";\nimport { getExtensionComponent } from \"../../../helpers/registry\";\n\nconst findCardNode = (nodes: any[] = []): any => {\n  for (const node of nodes) {\n    if (!node) continue;\n    if (node.type === \"card\") return node;\n    if (Array.isArray(node?.children) && node.children.length > 0) {\n      const nestedCard = findCardNode(node.children);\n      if (nestedCard) return nestedCard;\n    }\n  }\n\n  return null;\n};\n\nexport const CardGrid = ({\n  records,\n  solidCardViewMetaData,\n  editButtonUrl,\n  onDelete,\n  onRecover,\n  setLightboxUrls,\n  setOpenLightbox,\n  showArchived,\n}: any) => {\n  const cardNode = findCardNode(solidCardViewMetaData?.solidView?.layout?.children || []);\n  const cardWidget = cardNode?.attrs?.cardWidget || cardNode?.cardWidget;\n  const DynamicCardWidget = cardWidget ? getExtensionComponent(cardWidget) : null;\n  const cardConfigurationIssue = !cardWidget\n    ? { type: \"missing_widget_reference\" }\n    : !DynamicCardWidget\n      ? { type: \"missing_widget\", cardWidget }\n      : null;\n\n  if (cardConfigurationIssue) {\n    return (\n      <div className=\"solid-kanban-config-placeholder-container\">\n        <div className=\"solid-kanban-config-placeholder-panel\">\n          <div className=\"solid-kanban-config-placeholder-badge\">CARD CONFIGURATION</div>\n          <div className=\"solid-kanban-config-placeholder-title\">\n            {cardConfigurationIssue.type === \"missing_widget\"\n              ? \"Card widget could not be resolved\"\n              : \"Card widget is not configured\"}\n          </div>\n          <div className=\"solid-kanban-config-placeholder-description\">\n            {cardConfigurationIssue.type === \"missing_widget\" ? (\n              <>\n                This card view references <code>{cardConfigurationIssue.cardWidget}</code>, but no matching card widget is registered.\n              </>\n            ) : (\n              <>\n                This card view does not define a <code>cardWidget</code> on the card node.\n              </>\n            )}\n          </div>\n          <div className=\"solid-kanban-config-placeholder-hint\">\n            {cardConfigurationIssue.type === \"missing_widget\"\n              ? \"Register the widget in the extension registry or update the card metadata to point at a valid component.\"\n              : \"Configure attrs.cardWidget on the card metadata so the grid can render each record.\"}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"solid-card-view-grid\">\n      {records.map((record: any) => (\n        <CardItem\n          key={record.id}\n          data={record}\n          solidCardViewMetaData={solidCardViewMetaData}\n          editButtonUrl={editButtonUrl}\n          onDelete={onDelete}\n          cardNode={cardNode}\n          DynamicCardWidget={DynamicCardWidget}\n          onRecover={onRecover}\n          setLightboxUrls={setLightboxUrls}\n          setOpenLightbox={setOpenLightbox}\n          showArchived={showArchived}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport default CardGrid;\n"]}

package/dist/components/core/card/CardGrid.tsx

@@ -19,6 +19,7 @@ export const CardGrid = ({
   records,
   solidCardViewMetaData,
   editButtonUrl,
+  onDelete,
   onRecover,
   setLightboxUrls,
   setOpenLightbox,
@@ -72,6 +73,7 @@ export const CardGrid = ({
           data={record}
           solidCardViewMetaData={solidCardViewMetaData}
           editButtonUrl={editButtonUrl}
+          onDelete={onDelete}
           cardNode={cardNode}
           DynamicCardWidget={DynamicCardWidget}
           onRecover={onRecover}

package/dist/components/core/card/CardItem.d.ts

@@ -5,6 +5,7 @@ interface CardItemProps {
     editButtonUrl?: string;
     cardNode?: any;
     DynamicCardWidget?: any;
+    onDelete?: (record: any) => void;
     onRecover?: (record: any) => void;
     setLightboxUrls?: any;
     setOpenLightbox?: any;

package/dist/components/core/card/CardItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardItem.d.ts","sourceRoot":"","sources":["../../../../src/components/core/card/CardItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,UAAU,aAAa;IACrB,IAAI,EAAE,GAAG,CAAC;IACV,qBAAqB,EAAE,GAAG,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqFrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"CardItem.d.ts","sourceRoot":"","sources":["../../../../src/components/core/card/CardItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,UAAU,aAAa;IACrB,IAAI,EAAE,GAAG,CAAC;IACV,qBAAqB,EAAE,GAAG,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+FrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/core/card/CardItem.js

@@ -4,7 +4,7 @@ import { storeCurrentModelViewContext } from "../../../helpers/modelViewPersiste
 import { SolidDropdownMenu, SolidDropdownMenuContent, SolidDropdownMenuItem, SolidDropdownMenuTrigger, SolidIcon, } from "../../shad-cn-ui";
 var CardItem = function (_a) {
     var _b, _c;
-    var data = _a.data, solidCardViewMetaData = _a.solidCardViewMetaData, editButtonUrl = _a.editButtonUrl, cardNode = _a.cardNode, DynamicCardWidget = _a.DynamicCardWidget, onRecover = _a.onRecover, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox, showArchived = _a.showArchived;
+    var data = _a.data, solidCardViewMetaData = _a.solidCardViewMetaData, editButtonUrl = _a.editButtonUrl, cardNode = _a.cardNode, DynamicCardWidget = _a.DynamicCardWidget, onDelete = _a.onDelete, onRecover = _a.onRecover, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox, showArchived = _a.showArchived;
     var router = useRouter();
     var isArchivedRecord = (data === null || data === void 0 ? void 0 : data.deletedAt) !== null && (data === null || data === void 0 ? void 0 : data.deletedAt) !== undefined;
     var openRecord = function () {
@@ -19,7 +19,7 @@ var CardItem = function (_a) {
         storeCurrentModelViewContext();
         router.push("".concat(editButtonUrl, "/").concat(data === null || data === void 0 ? void 0 : data.id));
     };
-    return (_jsx("div", { className: "solid-card-view-item", children: _jsxs("div", { className: "solid-card-view-card solid-kanban-card".concat(isArchivedRecord ? " greyed-out-row" : ""), onClick: openRecord, style: { cursor: isArchivedRecord ? "default" : "pointer" }, children: [_jsx("div", { className: "solid-kanban-action", onClick: function (e) { return e.stopPropagation(); }, children: _jsxs(SolidDropdownMenu, { children: [_jsx(SolidDropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "solid-header-cog-trigger solid-kanban-action-trigger", "aria-label": "Open card actions", children: _jsx(SolidIcon, { name: "si-ellipsis-v", "aria-hidden": true }) }) }), _jsxs(SolidDropdownMenuContent, { className: "solid-custom-overlay", align: "end", children: [!isArchivedRecord ? (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: openEdit, children: [_jsx(SolidIcon, { name: "si-pencil", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Edit" })] })) : null, showArchived && (data === null || data === void 0 ? void 0 : data.deletedAt) !== null && (data === null || data === void 0 ? void 0 : data.deletedAt) !== undefined && onRecover ? (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: function () { return onRecover(data); }, children: [_jsx(SolidIcon, { name: "si-refresh", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Recover" })] })) : null] })] }) }), DynamicCardWidget ? (_jsx(DynamicCardWidget, { rowData: data, solidKanbanViewMetaData: solidCardViewMetaData, solidView: solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.solidView, solidFieldsMetadata: solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.solidFieldsMetadata, card: cardNode, layoutAttrs: ((_c = (_b = solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.solidView) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.attrs) || {}, groupedView: false, editButtonUrl: editButtonUrl, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, openRecord: openRecord, openEdit: openEdit })) : null] }) }));
+    return (_jsx("div", { className: "solid-card-view-item", children: _jsxs("div", { className: "solid-card-view-card solid-kanban-card".concat(isArchivedRecord ? " greyed-out-row" : ""), onClick: openRecord, style: { cursor: isArchivedRecord ? "default" : "pointer" }, children: [_jsx("div", { className: "solid-kanban-action", onClick: function (e) { return e.stopPropagation(); }, children: _jsxs(SolidDropdownMenu, { children: [_jsx(SolidDropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "solid-header-cog-trigger solid-kanban-action-trigger", "aria-label": "Open card actions", children: _jsx(SolidIcon, { name: "si-ellipsis-v", "aria-hidden": true }) }) }), _jsxs(SolidDropdownMenuContent, { className: "solid-custom-overlay", align: "end", children: [!isArchivedRecord ? (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: openEdit, children: [_jsx(SolidIcon, { name: "si-pencil", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Edit" })] })) : null, showArchived && (data === null || data === void 0 ? void 0 : data.deletedAt) !== null && (data === null || data === void 0 ? void 0 : data.deletedAt) !== undefined && onRecover ? (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item", onSelect: function () { return onRecover(data); }, children: [_jsx(SolidIcon, { name: "si-refresh", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Recover" })] })) : null, onDelete && !isArchivedRecord ? (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item solid-header-dropdown-item-danger", onSelect: function () { return onDelete(data); }, children: [_jsx(SolidIcon, { name: "si-trash", className: "solid-header-action-button-icon", "aria-hidden": true }), _jsx("span", { className: "solid-header-action-button-label", children: "Delete" })] })) : null] })] }) }), DynamicCardWidget ? (_jsx(DynamicCardWidget, { rowData: data, solidKanbanViewMetaData: solidCardViewMetaData, solidView: solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.solidView, solidFieldsMetadata: solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.solidFieldsMetadata, card: cardNode, layoutAttrs: ((_c = (_b = solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.solidView) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.attrs) || {}, groupedView: false, editButtonUrl: editButtonUrl, setLightboxUrls: setLightboxUrls, setOpenLightbox: setOpenLightbox, openRecord: openRecord, openEdit: openEdit })) : null] }) }));
 };
 export default CardItem;
 //# sourceMappingURL=CardItem.js.map

package/dist/components/core/card/CardItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardItem.js","sourceRoot":"","sources":["../../../../src/components/core/card/CardItem.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport React from \"react\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { storeCurrentModelViewContext } from \"../../../helpers/modelViewPersistence\";\nimport {\n  SolidDropdownMenu,\n  SolidDropdownMenuContent,\n  SolidDropdownMenuItem,\n  SolidDropdownMenuTrigger,\n  SolidIcon,\n} from \"../../shad-cn-ui\";\n\ninterface CardItemProps {\n  data: any;\n  solidCardViewMetaData: any;\n  editButtonUrl?: string;\n  cardNode?: any;\n  DynamicCardWidget?: any;\n  onRecover?: (record: any) => void;\n  setLightboxUrls?: any;\n  setOpenLightbox?: any;\n  showArchived?: boolean;\n}\n\nconst CardItem: React.FC<CardItemProps> = ({\n  data,\n  solidCardViewMetaData,\n  editButtonUrl,\n  cardNode,\n  DynamicCardWidget,\n  onRecover,\n  setLightboxUrls,\n  setOpenLightbox,\n  showArchived,\n}) => {\n  const router = useRouter();\n  const isArchivedRecord = data?.deletedAt !== null && data?.deletedAt !== undefined;\n\n  const openRecord = () => {\n    if (isArchivedRecord) return;\n    storeCurrentModelViewContext();\n    router.push(`${editButtonUrl}/${data?.id}`);\n  };\n\n  const openEdit = () => {\n    if (isArchivedRecord) return;\n    storeCurrentModelViewContext();\n    router.push(`${editButtonUrl}/${data?.id}`);\n  };\n\n  return (\n    <div className=\"solid-card-view-item\">\n      <div\n        className={`solid-card-view-card solid-kanban-card${isArchivedRecord ? \" greyed-out-row\" : \"\"}`}\n        onClick={openRecord}\n        style={{ cursor: isArchivedRecord ? \"default\" : \"pointer\" }}\n      >\n        <div className=\"solid-kanban-action\" onClick={(e) => e.stopPropagation()}>\n          <SolidDropdownMenu>\n            <SolidDropdownMenuTrigger asChild>\n              <button\n                type=\"button\"\n                className=\"solid-header-cog-trigger solid-kanban-action-trigger\"\n                aria-label=\"Open card actions\"\n              >\n                <SolidIcon name=\"si-ellipsis-v\" aria-hidden />\n              </button>\n            </SolidDropdownMenuTrigger>\n            <SolidDropdownMenuContent className=\"solid-custom-overlay\" align=\"end\">\n              {!isArchivedRecord ? (\n                <SolidDropdownMenuItem\n                  className=\"solid-header-dropdown-item\"\n                  onSelect={openEdit}\n                >\n                  <SolidIcon name=\"si-pencil\" className=\"solid-header-action-button-icon\" aria-hidden />\n                  <span className=\"solid-header-action-button-label\">Edit</span>\n                </SolidDropdownMenuItem>\n              ) : null}\n              {showArchived && data?.deletedAt !== null && data?.deletedAt !== undefined && onRecover ? (\n                <SolidDropdownMenuItem\n                  className=\"solid-header-dropdown-item\"\n                  onSelect={() => onRecover(data)}\n                >\n                  <SolidIcon name=\"si-refresh\" className=\"solid-header-action-button-icon\" aria-hidden />\n                  <span className=\"solid-header-action-button-label\">Recover</span>\n                </SolidDropdownMenuItem>\n              ) : null}\n            </SolidDropdownMenuContent>\n          </SolidDropdownMenu>\n        </div>\n        {DynamicCardWidget ? (\n          <DynamicCardWidget\n            rowData={data}\n            solidKanbanViewMetaData={solidCardViewMetaData}\n            solidView={solidCardViewMetaData?.solidView}\n            solidFieldsMetadata={solidCardViewMetaData?.solidFieldsMetadata}\n            card={cardNode}\n            layoutAttrs={solidCardViewMetaData?.solidView?.layout?.attrs || {}}\n            groupedView={false}\n            editButtonUrl={editButtonUrl}\n            setLightboxUrls={setLightboxUrls}\n            setOpenLightbox={setOpenLightbox}\n            openRecord={openRecord}\n            openEdit={openEdit}\n          />\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nexport default CardItem;\n"]}
+{"version":3,"file":"CardItem.js","sourceRoot":"","sources":["../../../../src/components/core/card/CardItem.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport React from \"react\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { storeCurrentModelViewContext } from \"../../../helpers/modelViewPersistence\";\nimport {\n  SolidDropdownMenu,\n  SolidDropdownMenuContent,\n  SolidDropdownMenuItem,\n  SolidDropdownMenuTrigger,\n  SolidIcon,\n} from \"../../shad-cn-ui\";\n\ninterface CardItemProps {\n  data: any;\n  solidCardViewMetaData: any;\n  editButtonUrl?: string;\n  cardNode?: any;\n  DynamicCardWidget?: any;\n  onDelete?: (record: any) => void;\n  onRecover?: (record: any) => void;\n  setLightboxUrls?: any;\n  setOpenLightbox?: any;\n  showArchived?: boolean;\n}\n\nconst CardItem: React.FC<CardItemProps> = ({\n  data,\n  solidCardViewMetaData,\n  editButtonUrl,\n  cardNode,\n  DynamicCardWidget,\n  onDelete,\n  onRecover,\n  setLightboxUrls,\n  setOpenLightbox,\n  showArchived,\n}) => {\n  const router = useRouter();\n  const isArchivedRecord = data?.deletedAt !== null && data?.deletedAt !== undefined;\n\n  const openRecord = () => {\n    if (isArchivedRecord) return;\n    storeCurrentModelViewContext();\n    router.push(`${editButtonUrl}/${data?.id}`);\n  };\n\n  const openEdit = () => {\n    if (isArchivedRecord) return;\n    storeCurrentModelViewContext();\n    router.push(`${editButtonUrl}/${data?.id}`);\n  };\n\n  return (\n    <div className=\"solid-card-view-item\">\n      <div\n        className={`solid-card-view-card solid-kanban-card${isArchivedRecord ? \" greyed-out-row\" : \"\"}`}\n        onClick={openRecord}\n        style={{ cursor: isArchivedRecord ? \"default\" : \"pointer\" }}\n      >\n        <div className=\"solid-kanban-action\" onClick={(e) => e.stopPropagation()}>\n          <SolidDropdownMenu>\n            <SolidDropdownMenuTrigger asChild>\n              <button\n                type=\"button\"\n                className=\"solid-header-cog-trigger solid-kanban-action-trigger\"\n                aria-label=\"Open card actions\"\n              >\n                <SolidIcon name=\"si-ellipsis-v\" aria-hidden />\n              </button>\n            </SolidDropdownMenuTrigger>\n            <SolidDropdownMenuContent className=\"solid-custom-overlay\" align=\"end\">\n              {!isArchivedRecord ? (\n                <SolidDropdownMenuItem\n                  className=\"solid-header-dropdown-item\"\n                  onSelect={openEdit}\n                >\n                  <SolidIcon name=\"si-pencil\" className=\"solid-header-action-button-icon\" aria-hidden />\n                  <span className=\"solid-header-action-button-label\">Edit</span>\n                </SolidDropdownMenuItem>\n              ) : null}\n              {showArchived && data?.deletedAt !== null && data?.deletedAt !== undefined && onRecover ? (\n                <SolidDropdownMenuItem\n                  className=\"solid-header-dropdown-item\"\n                  onSelect={() => onRecover(data)}\n                >\n                  <SolidIcon name=\"si-refresh\" className=\"solid-header-action-button-icon\" aria-hidden />\n                  <span className=\"solid-header-action-button-label\">Recover</span>\n                </SolidDropdownMenuItem>\n              ) : null}\n              {onDelete && !isArchivedRecord ? (\n                <SolidDropdownMenuItem\n                  className=\"solid-header-dropdown-item solid-header-dropdown-item-danger\"\n                  onSelect={() => onDelete(data)}\n                >\n                  <SolidIcon name=\"si-trash\" className=\"solid-header-action-button-icon\" aria-hidden />\n                  <span className=\"solid-header-action-button-label\">Delete</span>\n                </SolidDropdownMenuItem>\n              ) : null}\n            </SolidDropdownMenuContent>\n          </SolidDropdownMenu>\n        </div>\n        {DynamicCardWidget ? (\n          <DynamicCardWidget\n            rowData={data}\n            solidKanbanViewMetaData={solidCardViewMetaData}\n            solidView={solidCardViewMetaData?.solidView}\n            solidFieldsMetadata={solidCardViewMetaData?.solidFieldsMetadata}\n            card={cardNode}\n            layoutAttrs={solidCardViewMetaData?.solidView?.layout?.attrs || {}}\n            groupedView={false}\n            editButtonUrl={editButtonUrl}\n            setLightboxUrls={setLightboxUrls}\n            setOpenLightbox={setOpenLightbox}\n            openRecord={openRecord}\n            openEdit={openEdit}\n          />\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nexport default CardItem;\n"]}

package/dist/components/core/card/CardItem.tsx

@@ -16,6 +16,7 @@ interface CardItemProps {
   editButtonUrl?: string;
   cardNode?: any;
   DynamicCardWidget?: any;
+  onDelete?: (record: any) => void;
   onRecover?: (record: any) => void;
   setLightboxUrls?: any;
   setOpenLightbox?: any;
@@ -28,6 +29,7 @@ const CardItem: React.FC<CardItemProps> = ({
   editButtonUrl,
   cardNode,
   DynamicCardWidget,
+  onDelete,
   onRecover,
   setLightboxUrls,
   setOpenLightbox,
@@ -85,6 +87,15 @@ const CardItem: React.FC<CardItemProps> = ({
                   <span className="solid-header-action-button-label">Recover</span>
                 </SolidDropdownMenuItem>
               ) : null}
+              {onDelete && !isArchivedRecord ? (
+                <SolidDropdownMenuItem
+                  className="solid-header-dropdown-item solid-header-dropdown-item-danger"
+                  onSelect={() => onDelete(data)}
+                >
+                  <SolidIcon name="si-trash" className="solid-header-action-button-icon" aria-hidden />
+                  <span className="solid-header-action-button-label">Delete</span>
+                </SolidDropdownMenuItem>
+              ) : null}
             </SolidDropdownMenuContent>
           </SolidDropdownMenu>
         </div>

package/dist/components/core/card/SolidCardView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidCardView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/card/SolidCardView.tsx"],"names":[],"mappings":"AAmCA,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AA8DF,eAAO,MAAM,aAAa,WAAY,mBAAmB,4CAkexD,CAAC"}
+{"version":3,"file":"SolidCardView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/card/SolidCardView.tsx"],"names":[],"mappings":"AAoCA,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AA8DF,eAAO,MAAM,aAAa,WAAY,mBAAmB,4CA8hBxD,CAAC"}