@solidxai/core-ui 0.1.14-beta.4 → 0.1.14-beta.9

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

@@ -1,114 +1,22 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
-import { SolidButton } from '../../shad-cn-ui/SolidButton';
-import { SolidIcon } from '../../shad-cn-ui/SolidIcon';
 /**
  * Renders a PDF using the browser's built-in PDF viewer.
  *
- * The signed URL is fetched into a blob first, which both keeps any auth on the
- * request and guarantees inline rendering regardless of the `Content-Disposition`
- * the storage provider sends back. Everything else — zoom, rotation, page
- * navigation, text search/selection, print, download — is handled natively by
- * the browser, so there is no pdf.js worker to configure or version-match.
+ * The signed URL is handed straight to the iframe instead of being fetched into a
+ * blob first. `fetch` is subject to CORS, so a blob-based viewer only works where
+ * the storage bucket explicitly allows the app's origin — which differs per
+ * environment and silently breaks on any bucket that hasn't been configured.
+ * Iframes are not subject to CORS, so this renders identically everywhere.
+ *
+ * Zoom, rotation, page navigation, text search/selection, print and download all
+ * come from the browser's native viewer, so there is no pdf.js worker to
+ * configure or version-match.
  */
 export default function PDFViewer(_a) {
-    var _this = this;
     var url = _a.url, _b = _a.height, height = _b === void 0 ? '70vh' : _b;
-    var _c = useState(null), blobUrl = _c[0], setBlobUrl = _c[1];
-    var _d = useState(null), error = _d[0], setError = _d[1];
-    var _e = useState(0), reloadToken = _e[0], setReloadToken = _e[1];
-    var blobUrlRef = useRef(null);
-    useEffect(function () {
-        if (!url)
-            return;
-        var controller = new AbortController();
-        setError(null);
-        setBlobUrl(null);
-        fetch(url, { signal: controller.signal })
-            .then(function (res) { return __awaiter(_this, void 0, void 0, function () {
-            var contentType, blob, nextBlobUrl;
-            var _a;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        if (!res.ok)
-                            throw new Error("Request failed with ".concat(res.status));
-                        contentType = (_a = res.headers.get('content-type')) !== null && _a !== void 0 ? _a : '';
-                        if (contentType && !contentType.includes('pdf') && !contentType.includes('octet-stream')) {
-                            throw new Error("Unexpected content type: ".concat(contentType));
-                        }
-                        return [4 /*yield*/, res.blob()];
-                    case 1:
-                        blob = _b.sent();
-                        nextBlobUrl = URL.createObjectURL(blob);
-                        // Revoke the URL this one replaces so repeated previews don't leak.
-                        if (blobUrlRef.current)
-                            URL.revokeObjectURL(blobUrlRef.current);
-                        blobUrlRef.current = nextBlobUrl;
-                        setBlobUrl(nextBlobUrl);
-                        return [2 /*return*/];
-                }
-            });
-        }); })
-            .catch(function (err) {
-            if (controller.signal.aborted)
-                return;
-            console.error('PDF load error:', err);
-            setError('Failed to load PDF');
-        });
-        return function () { return controller.abort(); };
-    }, [url, reloadToken]);
-    useEffect(function () {
-        return function () {
-            if (blobUrlRef.current)
-                URL.revokeObjectURL(blobUrlRef.current);
-        };
-    }, []);
     if (!url) {
         return (_jsx("div", { className: "flex min-h-0 items-center justify-center rounded-lg bg-[var(--solid-surface-pane)]", style: { height: height }, children: _jsx("p", { className: "text-[var(--solid-text-muted)]", children: "No PDF URL provided" }) }));
     }
-    if (error) {
-        return (_jsxs("div", { className: "flex min-h-0 flex-col items-center justify-center gap-4 rounded-lg bg-[var(--solid-danger-soft)]", style: { height: height }, children: [_jsx("p", { className: "text-[var(--solid-danger)]", children: error }), _jsx(SolidButton, { onClick: function () { return setReloadToken(function (t) { return t + 1; }); }, leftIcon: _jsx(SolidIcon, { name: "si-refresh", size: 16, "aria-hidden": true }), children: "Retry" })] }));
-    }
-    if (!blobUrl) {
-        return (_jsx("div", { className: "flex min-h-0 items-center justify-center rounded-lg bg-[var(--solid-surface-pane)]", style: { height: height }, children: _jsx("p", { className: "text-[var(--solid-text-secondary)]", children: "Loading PDF..." }) }));
-    }
-    return (_jsx("iframe", { src: blobUrl, title: "PDF preview", className: "block min-h-0 w-full rounded-lg border border-[var(--solid-border-default)] bg-[var(--solid-surface-pane)]", style: { height: height } }));
+    return (_jsxs("div", { className: "flex min-h-0 flex-col gap-2", style: { height: height }, children: [_jsx("iframe", { src: url, title: "PDF preview", className: "block min-h-0 w-full flex-1 rounded-lg border border-[var(--solid-border-default)] bg-[var(--solid-surface-pane)]" }), _jsx("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: "shrink-0 text-center text-xs text-[var(--solid-text-muted)] underline", children: "Not rendering? Open in a new tab" })] }));
 }
 //# sourceMappingURL=PDFViewer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PDFViewer.js","sourceRoot":"","sources":["../../../../src/components/core/common/PDFViewer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { SolidButton } from '../../shad-cn-ui/SolidButton';\nimport { SolidIcon } from '../../shad-cn-ui/SolidIcon';\n\nexport interface PDFViewerProps {\n    url?: string | null;\n    /** Height of the viewport the PDF renders into. */\n    height?: string;\n}\n\n/**\n * Renders a PDF using the browser's built-in PDF viewer.\n *\n * The signed URL is fetched into a blob first, which both keeps any auth on the\n * request and guarantees inline rendering regardless of the `Content-Disposition`\n * the storage provider sends back. Everything else — zoom, rotation, page\n * navigation, text search/selection, print, download — is handled natively by\n * the browser, so there is no pdf.js worker to configure or version-match.\n */\nexport default function PDFViewer({ url, height = '70vh' }: PDFViewerProps) {\n    const [blobUrl, setBlobUrl] = useState<string | null>(null);\n    const [error, setError] = useState<string | null>(null);\n    const [reloadToken, setReloadToken] = useState(0);\n    const blobUrlRef = useRef<string | null>(null);\n\n    useEffect(() => {\n        if (!url) return;\n\n        const controller = new AbortController();\n        setError(null);\n        setBlobUrl(null);\n\n        fetch(url, { signal: controller.signal })\n            .then(async (res) => {\n                if (!res.ok) throw new Error(`Request failed with ${res.status}`);\n\n                const contentType = res.headers.get('content-type') ?? '';\n                if (contentType && !contentType.includes('pdf') && !contentType.includes('octet-stream')) {\n                    throw new Error(`Unexpected content type: ${contentType}`);\n                }\n\n                const blob = await res.blob();\n                const nextBlobUrl = URL.createObjectURL(blob);\n\n                // Revoke the URL this one replaces so repeated previews don't leak.\n                if (blobUrlRef.current) URL.revokeObjectURL(blobUrlRef.current);\n                blobUrlRef.current = nextBlobUrl;\n\n                setBlobUrl(nextBlobUrl);\n            })\n            .catch((err) => {\n                if (controller.signal.aborted) return;\n                console.error('PDF load error:', err);\n                setError('Failed to load PDF');\n            });\n\n        return () => controller.abort();\n    }, [url, reloadToken]);\n\n    useEffect(() => {\n        return () => {\n            if (blobUrlRef.current) URL.revokeObjectURL(blobUrlRef.current);\n        };\n    }, []);\n\n    if (!url) {\n        return (\n            <div\n                className=\"flex min-h-0 items-center justify-center rounded-lg bg-[var(--solid-surface-pane)]\"\n                style={{ height }}\n            >\n                <p className=\"text-[var(--solid-text-muted)]\">No PDF URL provided</p>\n            </div>\n        );\n    }\n\n    if (error) {\n        return (\n            <div\n                className=\"flex min-h-0 flex-col items-center justify-center gap-4 rounded-lg bg-[var(--solid-danger-soft)]\"\n                style={{ height }}\n            >\n                <p className=\"text-[var(--solid-danger)]\">{error}</p>\n                <SolidButton\n                    onClick={() => setReloadToken((t) => t + 1)}\n                    leftIcon={<SolidIcon name=\"si-refresh\" size={16} aria-hidden />}\n                >\n                    Retry\n                </SolidButton>\n            </div>\n        );\n    }\n\n    if (!blobUrl) {\n        return (\n            <div\n                className=\"flex min-h-0 items-center justify-center rounded-lg bg-[var(--solid-surface-pane)]\"\n                style={{ height }}\n            >\n                <p className=\"text-[var(--solid-text-secondary)]\">Loading PDF...</p>\n            </div>\n        );\n    }\n\n    return (\n        <iframe\n            src={blobUrl}\n            title=\"PDF preview\"\n            className=\"block min-h-0 w-full rounded-lg border border-[var(--solid-border-default)] bg-[var(--solid-surface-pane)]\"\n            style={{ height }}\n        />\n    );\n}\n"]}
+{"version":3,"file":"PDFViewer.js","sourceRoot":"","sources":["../../../../src/components/core/common/PDFViewer.tsx"],"names":[],"mappings":";AAMA;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAwC;QAAtC,GAAG,SAAA,EAAE,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA;IACpD,IAAI,CAAC,GAAG,EAAE;QACN,OAAO,CACH,cACI,SAAS,EAAC,oFAAoF,EAC9F,KAAK,EAAE,EAAE,MAAM,QAAA,EAAE,YAEjB,YAAG,SAAS,EAAC,gCAAgC,oCAAwB,GACnE,CACT,CAAC;KACL;IAED,OAAO,CACH,eAAK,SAAS,EAAC,6BAA6B,EAAC,KAAK,EAAE,EAAE,MAAM,QAAA,EAAE,aAC1D,iBACI,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,aAAa,EACnB,SAAS,EAAC,mHAAmH,GAC/H,EAMF,YACI,IAAI,EAAE,GAAG,EACT,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,uEAAuE,iDAGjF,IACF,CACT,CAAC;AACN,CAAC","sourcesContent":["export interface PDFViewerProps {\n    url?: string | null;\n    /** Height of the viewport the PDF renders into. */\n    height?: string;\n}\n\n/**\n * Renders a PDF using the browser's built-in PDF viewer.\n *\n * The signed URL is handed straight to the iframe instead of being fetched into a\n * blob first. `fetch` is subject to CORS, so a blob-based viewer only works where\n * the storage bucket explicitly allows the app's origin — which differs per\n * environment and silently breaks on any bucket that hasn't been configured.\n * Iframes are not subject to CORS, so this renders identically everywhere.\n *\n * Zoom, rotation, page navigation, text search/selection, print and download all\n * come from the browser's native viewer, so there is no pdf.js worker to\n * configure or version-match.\n */\nexport default function PDFViewer({ url, height = '70vh' }: PDFViewerProps) {\n    if (!url) {\n        return (\n            <div\n                className=\"flex min-h-0 items-center justify-center rounded-lg bg-[var(--solid-surface-pane)]\"\n                style={{ height }}\n            >\n                <p className=\"text-[var(--solid-text-muted)]\">No PDF URL provided</p>\n            </div>\n        );\n    }\n\n    return (\n        <div className=\"flex min-h-0 flex-col gap-2\" style={{ height }}>\n            <iframe\n                src={url}\n                title=\"PDF preview\"\n                className=\"block min-h-0 w-full flex-1 rounded-lg border border-[var(--solid-border-default)] bg-[var(--solid-surface-pane)]\"\n            />\n            {/*\n                Escape hatch: a browser that won't render PDFs inline (iOS Safari, or\n                an object stored with a non-PDF content type) shows a blank frame with\n                no error event to hook. This keeps the document reachable in that case.\n            */}\n            <a\n                href={url}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"shrink-0 text-center text-xs text-[var(--solid-text-muted)] underline\"\n            >\n                Not rendering? Open in a new tab\n            </a>\n        </div>\n    );\n}\n"]}

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

@@ -1,7 +1,3 @@
-import { useEffect, useRef, useState } from 'react';
-import { SolidButton } from '../../shad-cn-ui/SolidButton';
-import { SolidIcon } from '../../shad-cn-ui/SolidIcon';
-
 export interface PDFViewerProps {
     url?: string | null;
     /** Height of the viewport the PDF renders into. */
@@ -11,58 +7,17 @@ export interface PDFViewerProps {
 /**
  * Renders a PDF using the browser's built-in PDF viewer.
  *
- * The signed URL is fetched into a blob first, which both keeps any auth on the
- * request and guarantees inline rendering regardless of the `Content-Disposition`
- * the storage provider sends back. Everything else — zoom, rotation, page
- * navigation, text search/selection, print, download — is handled natively by
- * the browser, so there is no pdf.js worker to configure or version-match.
+ * The signed URL is handed straight to the iframe instead of being fetched into a
+ * blob first. `fetch` is subject to CORS, so a blob-based viewer only works where
+ * the storage bucket explicitly allows the app's origin — which differs per
+ * environment and silently breaks on any bucket that hasn't been configured.
+ * Iframes are not subject to CORS, so this renders identically everywhere.
+ *
+ * Zoom, rotation, page navigation, text search/selection, print and download all
+ * come from the browser's native viewer, so there is no pdf.js worker to
+ * configure or version-match.
  */
 export default function PDFViewer({ url, height = '70vh' }: PDFViewerProps) {
-    const [blobUrl, setBlobUrl] = useState<string | null>(null);
-    const [error, setError] = useState<string | null>(null);
-    const [reloadToken, setReloadToken] = useState(0);
-    const blobUrlRef = useRef<string | null>(null);
-
-    useEffect(() => {
-        if (!url) return;
-
-        const controller = new AbortController();
-        setError(null);
-        setBlobUrl(null);
-
-        fetch(url, { signal: controller.signal })
-            .then(async (res) => {
-                if (!res.ok) throw new Error(`Request failed with ${res.status}`);
-
-                const contentType = res.headers.get('content-type') ?? '';
-                if (contentType && !contentType.includes('pdf') && !contentType.includes('octet-stream')) {
-                    throw new Error(`Unexpected content type: ${contentType}`);
-                }
-
-                const blob = await res.blob();
-                const nextBlobUrl = URL.createObjectURL(blob);
-
-                // Revoke the URL this one replaces so repeated previews don't leak.
-                if (blobUrlRef.current) URL.revokeObjectURL(blobUrlRef.current);
-                blobUrlRef.current = nextBlobUrl;
-
-                setBlobUrl(nextBlobUrl);
-            })
-            .catch((err) => {
-                if (controller.signal.aborted) return;
-                console.error('PDF load error:', err);
-                setError('Failed to load PDF');
-            });
-
-        return () => controller.abort();
-    }, [url, reloadToken]);
-
-    useEffect(() => {
-        return () => {
-            if (blobUrlRef.current) URL.revokeObjectURL(blobUrlRef.current);
-        };
-    }, []);
-
     if (!url) {
         return (
             <div
@@ -74,40 +29,26 @@ export default function PDFViewer({ url, height = '70vh' }: PDFViewerProps) {
         );
     }
 
-    if (error) {
-        return (
-            <div
-                className="flex min-h-0 flex-col items-center justify-center gap-4 rounded-lg bg-[var(--solid-danger-soft)]"
-                style={{ height }}
-            >
-                <p className="text-[var(--solid-danger)]">{error}</p>
-                <SolidButton
-                    onClick={() => setReloadToken((t) => t + 1)}
-                    leftIcon={<SolidIcon name="si-refresh" size={16} aria-hidden />}
-                >
-                    Retry
-                </SolidButton>
-            </div>
-        );
-    }
-
-    if (!blobUrl) {
-        return (
-            <div
-                className="flex min-h-0 items-center justify-center rounded-lg bg-[var(--solid-surface-pane)]"
-                style={{ height }}
-            >
-                <p className="text-[var(--solid-text-secondary)]">Loading PDF...</p>
-            </div>
-        );
-    }
-
     return (
-        <iframe
-            src={blobUrl}
-            title="PDF preview"
-            className="block min-h-0 w-full rounded-lg border border-[var(--solid-border-default)] bg-[var(--solid-surface-pane)]"
-            style={{ height }}
-        />
+        <div className="flex min-h-0 flex-col gap-2" style={{ height }}>
+            <iframe
+                src={url}
+                title="PDF preview"
+                className="block min-h-0 w-full flex-1 rounded-lg border border-[var(--solid-border-default)] bg-[var(--solid-surface-pane)]"
+            />
+            {/*
+                Escape hatch: a browser that won't render PDFs inline (iOS Safari, or
+                an object stored with a non-PDF content type) shows a blank frame with
+                no error event to hook. This keeps the document reachable in that case.
+            */}
+            <a
+                href={url}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="shrink-0 text-center text-xs text-[var(--solid-text-muted)] underline"
+            >
+                Not rendering? Open in a new tab
+            </a>
+        </div>
     );
 }

package/dist/components/core/common/SolidCollectionRowActionMenuItems.d.ts

@@ -0,0 +1,12 @@
+type SolidCollectionRowActionMenuItemsProps = {
+    buttons?: any[];
+    params: any;
+    rowData: any;
+    solidViewMetaData: any;
+    handleCustomButtonClick: (buttonAttrs: any, event: any) => void;
+    showSeparator?: boolean;
+    onActionComplete?: () => void;
+};
+export declare function SolidCollectionRowActionMenuItems({ buttons, params, rowData, solidViewMetaData, handleCustomButtonClick, showSeparator, onActionComplete, }: SolidCollectionRowActionMenuItemsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=SolidCollectionRowActionMenuItems.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidCollectionRowActionMenuItems.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidCollectionRowActionMenuItems.tsx"],"names":[],"mappings":"AAWA,KAAK,sCAAsC,GAAG;IAC5C,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,MAAM,EAAE,GAAG,CAAC;IACZ,OAAO,EAAE,GAAG,CAAC;IACb,iBAAiB,EAAE,GAAG,CAAC;IACvB,uBAAuB,EAAE,CAAC,WAAW,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B,CAAC;AAEF,wBAAgB,iCAAiC,CAAC,EAChD,OAAY,EACZ,MAAM,EACN,OAAO,EACP,iBAAiB,EACjB,uBAAuB,EACvB,aAAqB,EACrB,gBAAgB,GACjB,EAAE,sCAAsC,kDA6DxC"}

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

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { isButtonVisibleInCurrentEnv } from "../../../helpers/buttonEnvironment";
+import { resolveButtonPresentation } from "../../../helpers/buttonPresentation";
+import { hasAnyRole } from "../../../helpers/rolesHelper";
+import { useSession } from "../../../hooks/useSession";
+import { SolidDropdownMenuItem, SolidDropdownMenuSeparator, SolidIcon, parseSolidIconMeta, } from "../../shad-cn-ui";
+export function SolidCollectionRowActionMenuItems(_a) {
+    var _b = _a.buttons, buttons = _b === void 0 ? [] : _b, params = _a.params, rowData = _a.rowData, solidViewMetaData = _a.solidViewMetaData, handleCustomButtonClick = _a.handleCustomButtonClick, _c = _a.showSeparator, showSeparator = _c === void 0 ? false : _c, onActionComplete = _a.onActionComplete;
+    var session = useSession().data;
+    var user = session === null || session === void 0 ? void 0 : session.user;
+    var visibleButtons = buttons.filter(function (button) {
+        var _a;
+        var attrs = button === null || button === void 0 ? void 0 : button.attrs;
+        var roles = (_a = attrs === null || attrs === void 0 ? void 0 : attrs.roles) !== null && _a !== void 0 ? _a : [];
+        var presentation = resolveButtonPresentation(attrs);
+        return ((attrs === null || attrs === void 0 ? void 0 : attrs.actionInContextMenu) === true &&
+            (attrs === null || attrs === void 0 ? void 0 : attrs.visible) !== false &&
+            isButtonVisibleInCurrentEnv(attrs) &&
+            (roles.length === 0 || hasAnyRole(user === null || user === void 0 ? void 0 : user.roles, roles)) &&
+            (presentation.showIcon || presentation.showLabel));
+    });
+    if (visibleButtons.length === 0)
+        return null;
+    return (_jsxs(_Fragment, { children: [showSeparator ? _jsx(SolidDropdownMenuSeparator, {}) : null, visibleButtons.map(function (button, index) {
+                var _a, _b, _c, _d, _e, _f, _g;
+                var presentation = resolveButtonPresentation(button.attrs);
+                var iconMeta = presentation.showIcon
+                    ? parseSolidIconMeta(presentation.icon)
+                    : undefined;
+                var iconNode = presentation.showIcon
+                    ? iconMeta
+                        ? _jsx(SolidIcon, { name: iconMeta.name, spin: iconMeta.spin, className: "solid-header-action-button-icon", "aria-hidden": true })
+                        : _jsx("i", { className: "".concat(presentation.icon, " solid-header-action-button-icon"), "aria-hidden": "true" })
+                    : null;
+                return (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item ".concat((_a = presentation.buttonClassName) !== null && _a !== void 0 ? _a : ""), title: presentation.tooltip, "aria-label": presentation.isIconOnly
+                        ? ((_d = (_b = presentation.tooltip) !== null && _b !== void 0 ? _b : (_c = button === null || button === void 0 ? void 0 : button.attrs) === null || _c === void 0 ? void 0 : _c.action) !== null && _d !== void 0 ? _d : "Action")
+                        : undefined, onSelect: function () {
+                        var _a;
+                        handleCustomButtonClick(button.attrs, {
+                            params: params,
+                            rowData: rowData,
+                            solidListViewMetaData: (_a = solidViewMetaData === null || solidViewMetaData === void 0 ? void 0 : solidViewMetaData.data) !== null && _a !== void 0 ? _a : solidViewMetaData,
+                        });
+                        onActionComplete === null || onActionComplete === void 0 ? void 0 : onActionComplete();
+                    }, children: [presentation.iconPos === "left" ? iconNode : null, presentation.showLabel
+                            ? _jsx("span", { className: "solid-header-action-button-label", children: presentation.label })
+                            : null, presentation.iconPos === "right" ? iconNode : null] }, "".concat((_e = rowData === null || rowData === void 0 ? void 0 : rowData.id) !== null && _e !== void 0 ? _e : "row", "-").concat((_g = (_f = button === null || button === void 0 ? void 0 : button.attrs) === null || _f === void 0 ? void 0 : _f.action) !== null && _g !== void 0 ? _g : index)));
+            })] }));
+}
+//# sourceMappingURL=SolidCollectionRowActionMenuItems.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidCollectionRowActionMenuItems.js","sourceRoot":"","sources":["../../../../src/components/core/common/SolidCollectionRowActionMenuItems.tsx"],"names":[],"mappings":"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","sourcesContent":["import { isButtonVisibleInCurrentEnv } from \"../../../helpers/buttonEnvironment\";\nimport { resolveButtonPresentation } from \"../../../helpers/buttonPresentation\";\nimport { hasAnyRole } from \"../../../helpers/rolesHelper\";\nimport { useSession } from \"../../../hooks/useSession\";\nimport {\n  SolidDropdownMenuItem,\n  SolidDropdownMenuSeparator,\n  SolidIcon,\n  parseSolidIconMeta,\n} from \"../../shad-cn-ui\";\n\ntype SolidCollectionRowActionMenuItemsProps = {\n  buttons?: any[];\n  params: any;\n  rowData: any;\n  solidViewMetaData: any;\n  handleCustomButtonClick: (buttonAttrs: any, event: any) => void;\n  showSeparator?: boolean;\n  onActionComplete?: () => void;\n};\n\nexport function SolidCollectionRowActionMenuItems({\n  buttons = [],\n  params,\n  rowData,\n  solidViewMetaData,\n  handleCustomButtonClick,\n  showSeparator = false,\n  onActionComplete,\n}: SolidCollectionRowActionMenuItemsProps) {\n  const { data: session } = useSession();\n  const user = session?.user;\n\n  const visibleButtons = buttons.filter((button: any) => {\n    const attrs = button?.attrs;\n    const roles = attrs?.roles ?? [];\n    const presentation = resolveButtonPresentation(attrs);\n\n    return (\n      attrs?.actionInContextMenu === true &&\n      attrs?.visible !== false &&\n      isButtonVisibleInCurrentEnv(attrs) &&\n      (roles.length === 0 || hasAnyRole(user?.roles, roles)) &&\n      (presentation.showIcon || presentation.showLabel)\n    );\n  });\n\n  if (visibleButtons.length === 0) return null;\n\n  return (\n    <>\n      {showSeparator ? <SolidDropdownMenuSeparator /> : null}\n      {visibleButtons.map((button: any, index: number) => {\n        const presentation = resolveButtonPresentation(button.attrs);\n        const iconMeta = presentation.showIcon\n          ? parseSolidIconMeta(presentation.icon)\n          : undefined;\n        const iconNode = presentation.showIcon\n          ? iconMeta\n            ? <SolidIcon name={iconMeta.name} spin={iconMeta.spin} className=\"solid-header-action-button-icon\" aria-hidden />\n            : <i className={`${presentation.icon} solid-header-action-button-icon`} aria-hidden=\"true\" />\n          : null;\n\n        return (\n          <SolidDropdownMenuItem\n            key={`${rowData?.id ?? \"row\"}-${button?.attrs?.action ?? index}`}\n            className={`solid-header-dropdown-item ${presentation.buttonClassName ?? \"\"}`}\n            title={presentation.tooltip}\n            aria-label={presentation.isIconOnly\n              ? (presentation.tooltip ?? button?.attrs?.action ?? \"Action\")\n              : undefined}\n            onSelect={() => {\n              handleCustomButtonClick(button.attrs, {\n                params,\n                rowData,\n                solidListViewMetaData: solidViewMetaData?.data ?? solidViewMetaData,\n              });\n              onActionComplete?.();\n            }}\n          >\n            {presentation.iconPos === \"left\" ? iconNode : null}\n            {presentation.showLabel\n              ? <span className=\"solid-header-action-button-label\">{presentation.label}</span>\n              : null}\n            {presentation.iconPos === \"right\" ? iconNode : null}\n          </SolidDropdownMenuItem>\n        );\n      })}\n    </>\n  );\n}\n"]}

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

@@ -0,0 +1,91 @@
+import { isButtonVisibleInCurrentEnv } from "../../../helpers/buttonEnvironment";
+import { resolveButtonPresentation } from "../../../helpers/buttonPresentation";
+import { hasAnyRole } from "../../../helpers/rolesHelper";
+import { useSession } from "../../../hooks/useSession";
+import {
+  SolidDropdownMenuItem,
+  SolidDropdownMenuSeparator,
+  SolidIcon,
+  parseSolidIconMeta,
+} from "../../shad-cn-ui";
+
+type SolidCollectionRowActionMenuItemsProps = {
+  buttons?: any[];
+  params: any;
+  rowData: any;
+  solidViewMetaData: any;
+  handleCustomButtonClick: (buttonAttrs: any, event: any) => void;
+  showSeparator?: boolean;
+  onActionComplete?: () => void;
+};
+
+export function SolidCollectionRowActionMenuItems({
+  buttons = [],
+  params,
+  rowData,
+  solidViewMetaData,
+  handleCustomButtonClick,
+  showSeparator = false,
+  onActionComplete,
+}: SolidCollectionRowActionMenuItemsProps) {
+  const { data: session } = useSession();
+  const user = session?.user;
+
+  const visibleButtons = buttons.filter((button: any) => {
+    const attrs = button?.attrs;
+    const roles = attrs?.roles ?? [];
+    const presentation = resolveButtonPresentation(attrs);
+
+    return (
+      attrs?.actionInContextMenu === true &&
+      attrs?.visible !== false &&
+      isButtonVisibleInCurrentEnv(attrs) &&
+      (roles.length === 0 || hasAnyRole(user?.roles, roles)) &&
+      (presentation.showIcon || presentation.showLabel)
+    );
+  });
+
+  if (visibleButtons.length === 0) return null;
+
+  return (
+    <>
+      {showSeparator ? <SolidDropdownMenuSeparator /> : null}
+      {visibleButtons.map((button: any, index: number) => {
+        const presentation = resolveButtonPresentation(button.attrs);
+        const iconMeta = presentation.showIcon
+          ? parseSolidIconMeta(presentation.icon)
+          : undefined;
+        const iconNode = presentation.showIcon
+          ? iconMeta
+            ? <SolidIcon name={iconMeta.name} spin={iconMeta.spin} className="solid-header-action-button-icon" aria-hidden />
+            : <i className={`${presentation.icon} solid-header-action-button-icon`} aria-hidden="true" />
+          : null;
+
+        return (
+          <SolidDropdownMenuItem
+            key={`${rowData?.id ?? "row"}-${button?.attrs?.action ?? index}`}
+            className={`solid-header-dropdown-item ${presentation.buttonClassName ?? ""}`}
+            title={presentation.tooltip}
+            aria-label={presentation.isIconOnly
+              ? (presentation.tooltip ?? button?.attrs?.action ?? "Action")
+              : undefined}
+            onSelect={() => {
+              handleCustomButtonClick(button.attrs, {
+                params,
+                rowData,
+                solidListViewMetaData: solidViewMetaData?.data ?? solidViewMetaData,
+              });
+              onActionComplete?.();
+            }}
+          >
+            {presentation.iconPos === "left" ? iconNode : null}
+            {presentation.showLabel
+              ? <span className="solid-header-action-button-label">{presentation.label}</span>
+              : null}
+            {presentation.iconPos === "right" ? iconNode : null}
+          </SolidDropdownMenuItem>
+        );
+      })}
+    </>
+  );
+}

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":"AAOA,eAAO,MAAM,iBAAiB,0FAAmG,GAAG,4CA6DnI,CAAC"}
+{"version":3,"file":"SolidCreateButton.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidCreateButton.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,iBAAiB,0FAAmG,GAAG,4CAiFnI,CAAC"}

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from "../../common/Link";
 import { usePathname } from "../../../hooks/usePathname";
 import { normalizeSolidListTreeKanbanActionPath } from "../../../helpers/routePaths";
@@ -25,6 +25,6 @@ export var SolidCreateButton = function (_a) {
     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) || "";
     var defaultIcon = _jsx(Plus, { size: 14 });
-    return (_jsx("div", { children: _jsx(Link, { href: createPath, onClick: storeCurrentViewContext, 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 })) }) }));
+    return (_jsx("div", { children: _jsxs(Link, { href: createPath, onClick: storeCurrentViewContext, children: [_jsx(SolidButton, { type: "button", icon: icon, leftIcon: !icon ? defaultIcon : undefined, className: "".concat(className, " max-[576px]:hidden sm:hidden lg:flex"), size: 'sm', children: label }), _jsx(SolidButton, { type: "button", icon: icon, leftIcon: !icon ? defaultIcon : undefined, className: "".concat(className, " lg:hidden solid-icon-button "), size: 'sm' })] }) }));
 };
 //# 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,sCAAsC,EAAE,MAAM,6BAA6B,CAAC;AACrF,OAAO,EAAE,4BAA4B,EAAE,MAAM,uCAAuC,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;IACvC,IAAM,uBAAuB,GAAG;QAC5B,4BAA4B,EAAE,CAAC;IACnC,CAAC,CAAC;IAEF,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,EAAE,OAAO,EAAE,uBAAuB,YACnD,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 { storeCurrentModelViewContext } from \"../../../helpers/modelViewPersistence\";\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    const storeCurrentViewContext = () => {\n        storeCurrentModelViewContext();\n    };\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} onClick={storeCurrentViewContext}>\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"]}
+{"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,4BAA4B,EAAE,MAAM,uCAAuC,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;IACvC,IAAM,uBAAuB,GAAG;QAC5B,4BAA4B,EAAE,CAAC;IACnC,CAAC,CAAC;IAEF,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,MAAC,IAAI,IAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,uBAAuB,aAEpD,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,0CAAuC,EAC9D,IAAI,EAAC,IAAI,YAER,KAAK,GACI,EAGd,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,IAkCC,GACL,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import Link from \"../../common/Link\";\nimport { usePathname } from \"../../../hooks/usePathname\";\nimport { normalizeSolidListTreeKanbanActionPath } from \"../../../helpers/routePaths\";\nimport { storeCurrentModelViewContext } from \"../../../helpers/modelViewPersistence\";\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    const storeCurrentViewContext = () => {\n        storeCurrentModelViewContext();\n    };\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} onClick={storeCurrentViewContext}>\n                {/* Desktop Version */}\n                <SolidButton\n                    type=\"button\"\n                    icon={icon}\n                    leftIcon={!icon ? defaultIcon : undefined}\n                    className={`${className} max-[576px]:hidden sm:hidden lg:flex`}\n                    size='sm'\n                >\n                    {label}\n                </SolidButton>\n\n                {/* Mobile Version */}\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                {/* {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

@@ -31,7 +31,27 @@ export const SolidCreateButton = ({ createButtonUrl, createActionQueryParams, so
     return (
         <div>
             <Link href={createPath} onClick={storeCurrentViewContext}>
-                {responsiveIconOnly ? (
+                {/* Desktop Version */}
+                <SolidButton
+                    type="button"
+                    icon={icon}
+                    leftIcon={!icon ? defaultIcon : undefined}
+                    className={`${className} max-[576px]:hidden sm:hidden lg:flex`}
+                    size='sm'
+                >
+                    {label}
+                </SolidButton>
+
+                {/* Mobile Version */}
+                <SolidButton
+                    type="button"
+                    icon={icon}
+                    leftIcon={!icon ? defaultIcon : undefined}
+                    className={`${className} lg:hidden solid-icon-button `}
+                    size='sm'
+                />
+
+                {/* {responsiveIconOnly ? (
                     <>
                         <SolidButton
                             type="button"
@@ -61,7 +81,7 @@ export const SolidCreateButton = ({ createButtonUrl, createActionQueryParams, so
                     >
                         {label}
                     </SolidButton>
-                )}
+                )} */}
 
             </Link>
         </div>

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

@@ -1 +1 @@
-{"version":3,"file":"SolidGlobalSearchElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidGlobalSearchElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6F,MAAM,OAAO,CAAC;AAclH,OAA0B,EAAE,eAAe,EAAE,YAAY,EAAsB,MAAM,qBAAqB,CAAC;AA0B3G,MAAM,MAAM,eAAe,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACrB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,sBAAsB,EAAE,MAAM,CAAC;CAClC,CAAA;AAoUD,eAAO,MAAM,2BAA2B,sBAAuB,GAAG,aAAa,GAAG,yBAAyB,MAAM,iBAAiB,MAAM,QAavI,CAAA;AAGD,eAAO,MAAM,mBAAmB,iBAAkB,GAAG,gBAAgB,GAAG,eAAe,GAAG,qBAAqB,GAAG,kBAAkB,YAAY,EAAE,qBAAqB,eAAe,EAAE,QAwBvL,CAAA;AAoID,eAAO,MAAM,wBAAwB,kFA+0DnC,CAAC"}
+{"version":3,"file":"SolidGlobalSearchElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidGlobalSearchElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6F,MAAM,OAAO,CAAC;AAYlH,OAA0B,EAAE,eAAe,EAAE,YAAY,EAAsB,MAAM,qBAAqB,CAAC;AA0B3G,MAAM,MAAM,eAAe,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACrB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,sBAAsB,EAAE,MAAM,CAAC;CAClC,CAAA;AAoUD,eAAO,MAAM,2BAA2B,sBAAuB,GAAG,aAAa,GAAG,yBAAyB,MAAM,iBAAiB,MAAM,QAavI,CAAA;AAGD,eAAO,MAAM,mBAAmB,iBAAkB,GAAG,gBAAgB,GAAG,eAAe,GAAG,qBAAqB,GAAG,kBAAkB,YAAY,EAAE,qBAAqB,eAAe,EAAE,QAwBvL,CAAA;AAsID,eAAO,MAAM,wBAAwB,kFAu1DnC,CAAC"}