@solidxai/core-ui 0.1.9-beta.16 → 0.1.9-beta.18

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

@@ -542,7 +542,9 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
     type OverlayOption =
         | { id: string; kind: "field"; field: any }
         | { id: string; kind: "predefined"; predefined: any }
-        | { id: string; kind: "saved"; saved: any };
+        | { id: string; kind: "saved"; saved: any }
+        | { id: string; kind: "custom" }
+        | { id: string; kind: "grouping" };
     type ManagedChipItem = {
         id: string;
         type: "saved" | "search" | "predefined" | "custom" | "grouping";
@@ -657,10 +659,17 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
     const [savedFilterQueryString, setSavedFilterQueryString] = useState<string>();
     const [showOverlay, setShowOverlay] = useState(false);
     const overlayRef = useRef<HTMLDivElement | null>(null);
+    const searchInputRef = useRef<HTMLInputElement | null>(null);
     const [showChipManager, setShowChipManager] = useState(false);
     const chipManagerRef = useRef<HTMLDivElement | null>(null);
     const chipManagerTriggerRef = useRef<HTMLButtonElement | null>(null);
 
+    const focusSearchInput = () => {
+        requestAnimationFrame(() => {
+            searchInputRef.current?.focus();
+        });
+    };
+
     useEffect(() => {
         if (focusedIndex >= 0 && showOverlay) {
             const activeElement = document.querySelector(`.solid-search-overlay-option-active`);
@@ -1602,9 +1611,20 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
             kind: "saved" as const,
             saved: s,
         }));
+        const custom: OverlayOption[] = [{
+            id: "footer:custom",
+            kind: "custom" as const,
+        }];
+        const grouping: OverlayOption[] =
+            viewType === "tree"
+                ? [{
+                    id: "footer:grouping",
+                    kind: "grouping" as const,
+                }]
+                : [];
 
-        return [...fields, ...predefined, ...saved];
-    }, [inputValue, searchableFields, predefinedSearches, savedFilters]);
+        return [...fields, ...predefined, ...saved, ...custom, ...grouping];
+    }, [inputValue, searchableFields, predefinedSearches, savedFilters, viewType]);
 
     const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
         const currentValue = inputValue?.trim() || "";
@@ -1649,6 +1669,10 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                     handlePredefinedSearch(activeOption.predefined);
                 } else if (activeOption?.kind === "saved") {
                     applySavedFilter(activeOption.saved);
+                } else if (activeOption?.kind === "custom") {
+                    openCustomFilterDialog();
+                } else if (activeOption?.kind === "grouping") {
+                    openGroupingDialog();
                 } else if (currentValue) {
                     handleAddChip();
                     setShowOverlay(false);
@@ -1831,6 +1855,7 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                         <li ref={chipsRef} className="solid-global-search-input-item">
                             <div className="relative solid-global-search-element-wrapper">
                                 <SolidInput
+                                    ref={searchInputRef}
                                     className="solid-global-search-input"
                                     value={inputValue || ""}
                                     placeholder="Search."
@@ -1854,9 +1879,14 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                                 <SolidButton
                                     variant="outline"
                                     size="sm"
+                                    onMouseDown={(e) => {
+                                        // Preserve input focus so overlay keyboard navigation continues to work.
+                                        e.preventDefault();
+                                    }}
                                     onClick={() => {
                                         setShowChipManager(false);
                                         setShowOverlay(true);
+                                        focusSearchInput();
                                     }}
                                     className="custom-filter-button solid-global-search-trigger"
                                 >
@@ -2044,8 +2074,12 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                         <div className="solid-search-overlay-footer">
                             <button
                                 type="button"
-                                className="px-3 py-2 flex flex-column solid-search-overlay-footer-action"
+                                className={`px-3 py-2 flex flex-column solid-search-overlay-footer-action ${overlayOptions[focusedIndex]?.id === "footer:custom" ? "solid-search-overlay-option-active" : ""}`}
                                 onClick={openCustomFilterDialog}
+                                onMouseEnter={() => {
+                                    const optIndex = overlayOptions.findIndex((o) => o.id === "footer:custom");
+                                    if (optIndex !== -1) setFocusedIndex(optIndex);
+                                }}
                             >
                                 <div className="solid-search-overlay-footer-action-main">
                                     <div className="solid-search-overlay-panel-callout-icon">
@@ -2064,8 +2098,12 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                             {viewType === "tree" && (
                                 <button
                                     type="button"
-                                    className="px-3 py-2 flex flex-column solid-search-overlay-footer-action solid-search-overlay-footer-action-secondary"
+                                    className={`px-3 py-2 flex flex-column solid-search-overlay-footer-action solid-search-overlay-footer-action-secondary ${overlayOptions[focusedIndex]?.id === "footer:grouping" ? "solid-search-overlay-option-active" : ""}`}
                                     onClick={openGroupingDialog}
+                                    onMouseEnter={() => {
+                                        const optIndex = overlayOptions.findIndex((o) => o.id === "footer:grouping");
+                                        if (optIndex !== -1) setFocusedIndex(optIndex);
+                                    }}
                                 >
                                     <div className="solid-search-overlay-footer-action-main">
                                         <div className="solid-search-overlay-panel-callout-icon">

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

@@ -1 +1 @@
-{"version":3,"file":"SolidSaveCustomFilterForm.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidSaveCustomFilterForm.tsx"],"names":[],"mappings":";AAIA,UAAU,8BAA8B;IACpC,sBAAsB,EAAE,GAAG,CAAC;IAC5B,gBAAgB,EAAE,CAAC,EAAG,IAAA,KAAK,IAAI,CAAC;IAChC,WAAW,EAAE,GAAG,CAAA;CACnB;AAED,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAmE9E,CAAC"}
+{"version":3,"file":"SolidSaveCustomFilterForm.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidSaveCustomFilterForm.tsx"],"names":[],"mappings":";AAIA,UAAU,8BAA8B;IACpC,sBAAsB,EAAE,GAAG,CAAC;IAC5B,gBAAgB,EAAE,CAAC,EAAG,IAAA,KAAK,IAAI,CAAC;IAChC,WAAW,EAAE,GAAG,CAAA;CACnB;AAED,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAkE9E,CAAC"}

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

@@ -32,6 +32,6 @@ export var SolidSaveCustomFilterForm = function (_a) {
         };
         handleSaveFilter(formData);
     };
-    return (_jsxs("form", { onSubmit: handleSubmit, className: "solid-save-filter-form", children: [_jsxs("div", { className: "solid-save-filter-field", children: [_jsx("label", { htmlFor: "name", className: "solid-save-filter-label", children: "Name" }), _jsx(SolidInput, { id: "name", name: "name", placeholder: "Filter Title", value: formValues.name, onChange: handleChange, readOnly: currentSavedFilterData, className: "solid-save-filter-input" })] }), _jsxs("label", { htmlFor: "isPrivate", className: "solid-save-filter-checkbox-row", children: [_jsx("input", { id: "isPrivate", name: "isPrivate", type: "checkbox", className: "solid-save-filter-checkbox", checked: formValues.isPrivate, onChange: handleChange }), _jsxs("span", { className: "solid-save-filter-checkbox-copy", children: [_jsx("span", { className: "solid-save-filter-label", children: "Private Filter" }), _jsx("span", { className: "solid-save-filter-hint", children: "Only you will be able to access this saved filter." })] })] }), _jsxs("div", { className: "solid-save-filter-actions", children: [_jsx(SolidButton, { type: "submit", size: "sm", children: currentSavedFilterData ? "Update" : "Save" }), _jsx(SolidButton, { type: "button", size: "sm", variant: "outline", onClick: function () { return closeDialog(); }, children: "Cancel" })] })] }));
+    return (_jsxs("form", { onSubmit: handleSubmit, className: "solid-save-filter-form", children: [_jsxs("div", { className: "solid-save-filter-field", children: [_jsx("label", { htmlFor: "name", className: "solid-save-filter-label", children: "Name" }), _jsx(SolidInput, { id: "name", name: "name", placeholder: "Filter Title", value: formValues.name, onChange: handleChange, className: "solid-save-filter-input" })] }), _jsxs("label", { htmlFor: "isPrivate", className: "solid-save-filter-checkbox-row", children: [_jsx("input", { id: "isPrivate", name: "isPrivate", type: "checkbox", className: "solid-save-filter-checkbox", checked: formValues.isPrivate, onChange: handleChange }), _jsxs("span", { className: "solid-save-filter-checkbox-copy", children: [_jsx("span", { className: "solid-save-filter-label", children: "Private Filter" }), _jsx("span", { className: "solid-save-filter-hint", children: "Only you will be able to access this saved filter." })] })] }), _jsxs("div", { className: "solid-save-filter-actions", children: [_jsx(SolidButton, { type: "submit", size: "sm", children: currentSavedFilterData ? "Update" : "Save" }), _jsx(SolidButton, { type: "button", size: "sm", variant: "outline", onClick: function () { return closeDialog(); }, children: "Cancel" })] })] }));
 };
 //# sourceMappingURL=SolidSaveCustomFilterForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidSaveCustomFilterForm.js","sourceRoot":"","sources":["../../../../src/components/core/common/SolidSaveCustomFilterForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from \"react\";\nimport { SolidButton } from \"../../shad-cn-ui/SolidButton\";\nimport { SolidInput } from \"../../shad-cn-ui/SolidInput\";\n\ninterface SolidSaveCustomFilterFormProps {\n    currentSavedFilterData: any,\n    handleSaveFilter: ({ }) => void;\n    closeDialog: any\n}\n\nexport const SolidSaveCustomFilterForm: React.FC<SolidSaveCustomFilterFormProps> = ({ currentSavedFilterData, handleSaveFilter, closeDialog }) => {\n    const [formValues, setFormValues] = useState({ name: currentSavedFilterData ? currentSavedFilterData.name : \"\", isPrivate: currentSavedFilterData ? currentSavedFilterData.isPrivate : false });\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        const { name, value, type, checked } = e.target;\n        setFormValues((prev) => ({\n            ...prev,\n            [name]: type === \"checkbox\" ? checked : value,\n        }));\n    };\n\n    const handleSubmit = (e: React.FormEvent) => {\n        e.preventDefault();\n        const formData = {\n            id: currentSavedFilterData ? currentSavedFilterData.id : null,\n            name: formValues.name,\n            isPrivate: formValues.isPrivate === true ? true : \"\",\n        }\n        handleSaveFilter(formData);\n    };\n\n    return (\n        <form onSubmit={handleSubmit} className=\"solid-save-filter-form\">\n            <div className=\"solid-save-filter-field\">\n                <label htmlFor=\"name\" className=\"solid-save-filter-label\">Name</label>\n                <SolidInput\n                    id=\"name\"\n                    name=\"name\"\n                    placeholder=\"Filter Title\"\n                    value={formValues.name}\n                    onChange={handleChange}\n                    readOnly={currentSavedFilterData}\n                    className=\"solid-save-filter-input\"\n                />\n            </div>\n            <label htmlFor=\"isPrivate\" className=\"solid-save-filter-checkbox-row\">\n                <input\n                    id=\"isPrivate\"\n                    name=\"isPrivate\"\n                    type=\"checkbox\"\n                    className=\"solid-save-filter-checkbox\"\n                    checked={formValues.isPrivate}\n                    onChange={handleChange}\n                />\n                <span className=\"solid-save-filter-checkbox-copy\">\n                    <span className=\"solid-save-filter-label\">Private Filter</span>\n                    <span className=\"solid-save-filter-hint\">Only you will be able to access this saved filter.</span>\n                </span>\n            </label>\n            <div className=\"solid-save-filter-actions\">\n                <SolidButton\n                    type=\"submit\"\n                    size=\"sm\"\n                >\n                    {currentSavedFilterData ? \"Update\" : \"Save\"}\n                </SolidButton>\n                <SolidButton\n                    type=\"button\"\n                    size=\"sm\"\n                    variant=\"outline\"\n                    onClick={() => closeDialog()}\n                >\n                    Cancel\n                </SolidButton>\n            </div>\n        </form>\n    );\n};\n"]}
+{"version":3,"file":"SolidSaveCustomFilterForm.js","sourceRoot":"","sources":["../../../../src/components/core/common/SolidSaveCustomFilterForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAQzD,MAAM,CAAC,IAAM,yBAAyB,GAA6C,UAAC,EAAyD;QAAvD,sBAAsB,4BAAA,EAAE,gBAAgB,sBAAA,EAAE,WAAW,iBAAA;IACjI,IAAA,KAA8B,QAAQ,CAAC,EAAE,IAAI,EAAE,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,EAAE,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,EAAxL,UAAU,QAAA,EAAE,aAAa,QAA+J,CAAC;IAEhM,IAAM,YAAY,GAAG,UAAC,CAAsC;QAClD,IAAA,KAAiC,CAAC,CAAC,MAAM,EAAvC,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAa,CAAC;QAChD,aAAa,CAAC,UAAC,IAAI;;YAAK,OAAA,uBACjB,IAAI,gBACN,IAAI,IAAG,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,OAC/C;QAHsB,CAGtB,CAAC,CAAC;IACR,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,CAAkB;QACpC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAM,QAAQ,GAAG;YACb,EAAE,EAAE,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;YAC7D,IAAI,EAAE,UAAU,CAAC,IAAI;YACrB,SAAS,EAAE,UAAU,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;SACvD,CAAA;QACD,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACH,gBAAM,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAC,wBAAwB,aAC5D,eAAK,SAAS,EAAC,yBAAyB,aACpC,gBAAO,OAAO,EAAC,MAAM,EAAC,SAAS,EAAC,yBAAyB,qBAAa,EACtE,KAAC,UAAU,IACP,EAAE,EAAC,MAAM,EACT,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,cAAc,EAC1B,KAAK,EAAE,UAAU,CAAC,IAAI,EACtB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAC,yBAAyB,GACrC,IACA,EACN,iBAAO,OAAO,EAAC,WAAW,EAAC,SAAS,EAAC,gCAAgC,aACjE,gBACI,EAAE,EAAC,WAAW,EACd,IAAI,EAAC,WAAW,EAChB,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,4BAA4B,EACtC,OAAO,EAAE,UAAU,CAAC,SAAS,EAC7B,QAAQ,EAAE,YAAY,GACxB,EACF,gBAAM,SAAS,EAAC,iCAAiC,aAC7C,eAAM,SAAS,EAAC,yBAAyB,+BAAsB,EAC/D,eAAM,SAAS,EAAC,wBAAwB,mEAA0D,IAC/F,IACH,EACR,eAAK,SAAS,EAAC,2BAA2B,aACtC,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,YAER,sBAAsB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,GACjC,EACd,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,cAAM,OAAA,WAAW,EAAE,EAAb,CAAa,uBAGlB,IACZ,IACH,CACV,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { useState } from \"react\";\nimport { SolidButton } from \"../../shad-cn-ui/SolidButton\";\nimport { SolidInput } from \"../../shad-cn-ui/SolidInput\";\n\ninterface SolidSaveCustomFilterFormProps {\n    currentSavedFilterData: any,\n    handleSaveFilter: ({ }) => void;\n    closeDialog: any\n}\n\nexport const SolidSaveCustomFilterForm: React.FC<SolidSaveCustomFilterFormProps> = ({ currentSavedFilterData, handleSaveFilter, closeDialog }) => {\n    const [formValues, setFormValues] = useState({ name: currentSavedFilterData ? currentSavedFilterData.name : \"\", isPrivate: currentSavedFilterData ? currentSavedFilterData.isPrivate : false });\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        const { name, value, type, checked } = e.target;\n        setFormValues((prev) => ({\n            ...prev,\n            [name]: type === \"checkbox\" ? checked : value,\n        }));\n    };\n\n    const handleSubmit = (e: React.FormEvent) => {\n        e.preventDefault();\n        const formData = {\n            id: currentSavedFilterData ? currentSavedFilterData.id : null,\n            name: formValues.name,\n            isPrivate: formValues.isPrivate === true ? true : \"\",\n        }\n        handleSaveFilter(formData);\n    };\n\n    return (\n        <form onSubmit={handleSubmit} className=\"solid-save-filter-form\">\n            <div className=\"solid-save-filter-field\">\n                <label htmlFor=\"name\" className=\"solid-save-filter-label\">Name</label>\n                <SolidInput\n                    id=\"name\"\n                    name=\"name\"\n                    placeholder=\"Filter Title\"\n                    value={formValues.name}\n                    onChange={handleChange}\n                    className=\"solid-save-filter-input\"\n                />\n            </div>\n            <label htmlFor=\"isPrivate\" className=\"solid-save-filter-checkbox-row\">\n                <input\n                    id=\"isPrivate\"\n                    name=\"isPrivate\"\n                    type=\"checkbox\"\n                    className=\"solid-save-filter-checkbox\"\n                    checked={formValues.isPrivate}\n                    onChange={handleChange}\n                />\n                <span className=\"solid-save-filter-checkbox-copy\">\n                    <span className=\"solid-save-filter-label\">Private Filter</span>\n                    <span className=\"solid-save-filter-hint\">Only you will be able to access this saved filter.</span>\n                </span>\n            </label>\n            <div className=\"solid-save-filter-actions\">\n                <SolidButton\n                    type=\"submit\"\n                    size=\"sm\"\n                >\n                    {currentSavedFilterData ? \"Update\" : \"Save\"}\n                </SolidButton>\n                <SolidButton\n                    type=\"button\"\n                    size=\"sm\"\n                    variant=\"outline\"\n                    onClick={() => closeDialog()}\n                >\n                    Cancel\n                </SolidButton>\n            </div>\n        </form>\n    );\n};\n"]}

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

@@ -39,7 +39,6 @@ export const SolidSaveCustomFilterForm: React.FC<SolidSaveCustomFilterFormProps>
                     placeholder="Filter Title"
                     value={formValues.name}
                     onChange={handleChange}
-                    readOnly={currentSavedFilterData}
                     className="solid-save-filter-input"
                 />
             </div>

package/dist/components/core/form/SolidFormView.js

@@ -797,7 +797,7 @@ var SolidFormView = function (params) {
                         baseFormPath = normalizeSolidFormActionPath(pathname, "form");
                         queryParams = new URLSearchParams(searchParams.toString());
                         queryParams.set("viewMode", "view");
-                        router.push("".concat(baseFormPath, "/").concat((_t = result === null || result === void 0 ? void 0 : result.data) === null || _t === void 0 ? void 0 : _t.id, "?").concat(queryParams.toString()));
+                        router.replace("".concat(baseFormPath, "/").concat((_t = result === null || result === void 0 ? void 0 : result.data) === null || _t === void 0 ? void 0 : _t.id, "?").concat(queryParams.toString()));
                         setViewMode("view");
                     }
                     return [2 /*return*/, result];