@solidxai/core-ui 0.1.14 → 0.1.15-beta.0

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/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,KAAoG,MAAM,OAAO,CAAC;AAYzH,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;AA2JD,eAAO,MAAM,wBAAwB,kFAi4DnC,CAAC"}