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

package/dist/components/core/form/fields/relations/RolesGroupedByModuleWidget.js

@@ -0,0 +1,168 @@
+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, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import qs from 'qs';
+import { useRelationEntityHandler } from './widgets/helpers/useRelationEntityHandler';
+import { SolidAccordion, SolidAccordionItem, SolidAccordionTrigger, SolidAccordionContent } from '../../../../shad-cn-ui/SolidAccordion';
+import { SolidCheckbox } from '../../../../shad-cn-ui/SolidCheckbox';
+import { SolidMessage } from '../../../../shad-cn-ui/SolidMessage';
+import { SolidPanel } from '../../../../shad-cn-ui/SolidPanel';
+import { SolidButton } from '../../../../shad-cn-ui/SolidButton';
+import { capitalize } from 'lodash';
+import { InlineRelationEntityDialog } from './widgets/helpers/InlineRelationEntityDialog';
+import { SolidFieldTooltip } from '../../../../../components/common/SolidFieldTooltip';
+import { solidGet } from '../../../../../http/solidHttp';
+import styles from '../solidFields.module.css';
+/**
+ * RolesGroupedByModuleWidget
+ *
+ * Groups roles by their associated module on the User form:
+ *   - Roles with no module → "Default Roles" accordion (first)
+ *   - Roles linked to a module → "<Module Display Name> Roles" accordion
+ *
+ * Each checkbox immediately fires a link/unlink API call.
+ */
+export var RolesGroupedByModuleWidget = function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    var formik = _a.formik, fieldContext = _a.fieldContext;
+    var fieldMetadata = fieldContext.fieldMetadata;
+    var fieldLayoutInfo = fieldContext.field;
+    var fieldLabel = (_b = fieldLayoutInfo.attrs.label) !== null && _b !== void 0 ? _b : fieldMetadata.displayName;
+    var showFieldLabel = (_c = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _c === void 0 ? void 0 : _c.showLabel;
+    var readOnlyPermission = fieldContext.readOnly;
+    var _o = useState(false), visibleCreateDialog = _o[0], setVisibleCreateDialog = _o[1];
+    var _p = useState([]), allRoles = _p[0], setAllRoles = _p[1];
+    var _q = useState([]), groups = _q[0], setGroups = _q[1];
+    var _r = useState([]), openItems = _r[0], setOpenItems = _r[1];
+    var _s = useRelationEntityHandler({ fieldContext: fieldContext }), currentValues = _s.currentValues, fetchCurrentValues = _s.fetchCurrentValues, linkItem = _s.linkItem, unlinkItem = _s.unlinkItem, addNewRelation = _s.addNewRelation;
+    // Sync currentValues to Formik for validation
+    useEffect(function () {
+        formik.setFieldValue(fieldLayoutInfo.attrs.name, currentValues);
+    }, [currentValues]);
+    // On mount: load currently linked roles
+    useEffect(function () {
+        fetchCurrentValues();
+    }, [(_d = fieldContext.data) === null || _d === void 0 ? void 0 : _d.id]);
+    // Fetch all roles with module populated
+    useEffect(function () {
+        var fetchRoles = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var qsStr, response, records, e_1;
+            var _a, _b, _c;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        _d.trys.push([0, 2, , 3]);
+                        qsStr = qs.stringify({ offset: 0, limit: 1000, populate: ['module'] }, { encodeValuesOnly: true });
+                        return [4 /*yield*/, solidGet("/role-metadata?".concat(qsStr))];
+                    case 1:
+                        response = _d.sent();
+                        records = (_c = (_b = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.records) !== null && _c !== void 0 ? _c : [];
+                        setAllRoles(records);
+                        return [3 /*break*/, 3];
+                    case 2:
+                        e_1 = _d.sent();
+                        console.error('RolesGroupedByModuleWidget: failed to fetch roles', e_1);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); };
+        fetchRoles();
+    }, [(_e = fieldContext.data) === null || _e === void 0 ? void 0 : _e.id]);
+    // Rebuild groups whenever allRoles changes
+    useEffect(function () {
+        if (!allRoles.length)
+            return;
+        var groupMap = new Map();
+        groupMap.set(null, { displayName: 'Default', roles: [] });
+        allRoles.forEach(function (role) {
+            var _a, _b, _c, _d, _e;
+            var moduleId = (_c = (_a = role.moduleId) !== null && _a !== void 0 ? _a : (_b = role.module) === null || _b === void 0 ? void 0 : _b.id) !== null && _c !== void 0 ? _c : null;
+            var moduleDisplayName = (_e = (_d = role.module) === null || _d === void 0 ? void 0 : _d.displayName) !== null && _e !== void 0 ? _e : 'Default';
+            var item = { label: role.name, value: role.id, original: role };
+            if (moduleId === null || moduleId === undefined) {
+                groupMap.get(null).roles.push(item);
+            }
+            else {
+                if (!groupMap.has(moduleId)) {
+                    groupMap.set(moduleId, { displayName: moduleDisplayName, roles: [] });
+                }
+                groupMap.get(moduleId).roles.push(item);
+            }
+        });
+        // Default group first, then modules sorted alphabetically by displayName
+        var built = [];
+        built.push({ moduleId: null, moduleDisplayName: 'Default', roles: groupMap.get(null).roles });
+        var moduleKeys = Array.from(groupMap.keys())
+            .filter(function (k) { return k !== null; })
+            .sort(function (a, b) {
+            var dA = groupMap.get(a).displayName;
+            var dB = groupMap.get(b).displayName;
+            return dA.localeCompare(dB);
+        });
+        moduleKeys.forEach(function (moduleId) {
+            var g = groupMap.get(moduleId);
+            built.push({ moduleId: moduleId, moduleDisplayName: g.displayName, roles: g.roles });
+        });
+        var nonEmpty = built.filter(function (g) { return g.roles.length > 0; });
+        setGroups(nonEmpty);
+        setOpenItems(nonEmpty.map(function (g) { var _a; return String((_a = g.moduleId) !== null && _a !== void 0 ? _a : 'default'); }));
+    }, [allRoles]);
+    var handleCheckboxChange = function (item) {
+        var isLinked = currentValues.some(function (s) { return s.value === item.value; });
+        if (isLinked)
+            unlinkItem(item);
+        else
+            linkItem(item);
+    };
+    var isUnsaved = ((_f = fieldContext.data) === null || _f === void 0 ? void 0 : _f.id) === undefined || ((_g = fieldContext.data) === null || _g === void 0 ? void 0 : _g.id) === 'new';
+    var entityName = ((_l = (_k = (_j = (_h = fieldContext.solidFormViewMetaData) === null || _h === void 0 ? void 0 : _h.data) === null || _j === void 0 ? void 0 : _j.solidView) === null || _k === void 0 ? void 0 : _k.model) === null || _l === void 0 ? void 0 : _l.displayName) ||
+        capitalize(fieldContext.modelName);
+    var isFormFieldValid = function (fmk, fieldName) {
+        return fmk.touched[fieldName] && fmk.errors[fieldName];
+    };
+    return (_jsxs("div", { children: [isUnsaved && (_jsx("div", { className: "mb-2", children: _jsx(SolidMessage, { severity: "warn", text: "Please save the ".concat(entityName, " first to assign ").concat(fieldLabel, "."), className: "w-full justify-content-start" }) })), _jsxs("div", { className: "flex align-items-center gap-3 mb-2", children: [showFieldLabel !== false && (_jsxs("label", { className: "".concat(styles.fieldLabel, " form-field-label"), children: [fieldLabel, fieldMetadata.required && _jsx("span", { className: "text-red-500", children: " *" }), _jsx(SolidFieldTooltip, { fieldContext: fieldContext })] })), fieldLayoutInfo.attrs.inlineCreate && (_jsxs(_Fragment, { children: [_jsx(SolidButton, { icon: "si si-plus", rounded: true, variant: "outline", "aria-label": "Add role", type: "button", size: "sm", onClick: function () { return setVisibleCreateDialog(true); }, className: "custom-add-button", disabled: isUnsaved }), _jsx(InlineRelationEntityDialog, { visible: visibleCreateDialog, setVisible: setVisibleCreateDialog, fieldContext: fieldContext, onCreate: addNewRelation })] }))] }), groups.length === 0 && !isUnsaved && (_jsx(SolidPanel, { children: _jsx("p", { className: "text-sm text-muted-foreground m-0", children: "No roles defined." }) })), groups.length > 0 && (_jsx(SolidAccordion, { type: "multiple", value: openItems, onValueChange: setOpenItems, className: "w-full", children: groups.map(function (group) {
+                    var _a;
+                    var key = String((_a = group.moduleId) !== null && _a !== void 0 ? _a : 'default');
+                    var title = group.moduleId === null
+                        ? 'Default Roles'
+                        : "".concat(group.moduleDisplayName, " Roles");
+                    return (_jsxs(SolidAccordionItem, { value: key, children: [_jsx(SolidAccordionTrigger, { children: title }), _jsx(SolidAccordionContent, { children: _jsx("div", { className: "formgrid grid pt-1", children: group.roles.map(function (item, i) { return (_jsxs("div", { className: "field col-6 flex gap-2 ".concat(i >= 2 ? 'mt-3' : ''), children: [_jsx(SolidCheckbox, { disabled: readOnlyPermission || isUnsaved, id: "role-".concat(item.value), checked: currentValues.some(function (s) { return s.value === item.value; }), onChange: function () { return handleCheckboxChange(item); } }), _jsx("label", { htmlFor: "role-".concat(item.value), className: "".concat(styles.fieldLabel, " form-field-label m-0"), children: item.label })] }, item.value)); }) }) })] }, key));
+                }) })), isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (_jsx("div", { className: "mt-1", children: _jsx(SolidMessage, { severity: "error", text: (_m = formik === null || formik === void 0 ? void 0 : formik.errors[fieldLayoutInfo.attrs.name]) === null || _m === void 0 ? void 0 : _m.toString() }) }))] }));
+};
+//# sourceMappingURL=RolesGroupedByModuleWidget.js.map

package/dist/components/core/form/fields/relations/RolesGroupedByModuleWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RolesGroupedByModuleWidget.js","sourceRoot":"","sources":["../../../../../../src/components/core/form/fields/relations/RolesGroupedByModuleWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\nimport qs from 'qs';\nimport { SolidFormFieldWidgetProps } from '../../../../../types/solid-core';\nimport { useRelationEntityHandler, RelationItem } from './widgets/helpers/useRelationEntityHandler';\nimport { SolidAccordion, SolidAccordionItem, SolidAccordionTrigger, SolidAccordionContent } from '../../../../shad-cn-ui/SolidAccordion';\nimport { SolidCheckbox } from '../../../../shad-cn-ui/SolidCheckbox';\nimport { SolidMessage } from '../../../../shad-cn-ui/SolidMessage';\nimport { SolidPanel } from '../../../../shad-cn-ui/SolidPanel';\nimport { SolidButton } from '../../../../shad-cn-ui/SolidButton';\nimport { capitalize } from 'lodash';\nimport { InlineRelationEntityDialog } from './widgets/helpers/InlineRelationEntityDialog';\nimport { SolidFieldTooltip } from '../../../../../components/common/SolidFieldTooltip';\nimport { solidGet } from '../../../../../http/solidHttp';\nimport styles from '../solidFields.module.css';\n\ntype RoleGroup = {\n    moduleId: number | null;\n    moduleDisplayName: string;\n    roles: RelationItem[];\n};\n\n/**\n * RolesGroupedByModuleWidget\n *\n * Groups roles by their associated module on the User form:\n *   - Roles with no module → \"Default Roles\" accordion (first)\n *   - Roles linked to a module → \"<Module Display Name> Roles\" accordion\n *\n * Each checkbox immediately fires a link/unlink API call.\n */\nexport const RolesGroupedByModuleWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n    const readOnlyPermission = fieldContext.readOnly;\n\n    const [visibleCreateDialog, setVisibleCreateDialog] = useState(false);\n    const [allRoles, setAllRoles] = useState<any[]>([]);\n    const [groups, setGroups] = useState<RoleGroup[]>([]);\n    const [openItems, setOpenItems] = useState<string[]>([]);\n\n    const {\n        currentValues,\n        fetchCurrentValues,\n        linkItem,\n        unlinkItem,\n        addNewRelation,\n    } = useRelationEntityHandler({ fieldContext });\n\n    // Sync currentValues to Formik for validation\n    useEffect(() => {\n        formik.setFieldValue(fieldLayoutInfo.attrs.name, currentValues);\n    }, [currentValues]);\n\n    // On mount: load currently linked roles\n    useEffect(() => {\n        fetchCurrentValues();\n    }, [fieldContext.data?.id]);\n\n    // Fetch all roles with module populated\n    useEffect(() => {\n        const fetchRoles = async () => {\n            try {\n                const qsStr = qs.stringify(\n                    { offset: 0, limit: 1000, populate: ['module'] },\n                    { encodeValuesOnly: true }\n                );\n                const response = await solidGet(`/role-metadata?${qsStr}`);\n                const records = response?.data?.data?.records ?? [];\n                setAllRoles(records);\n            } catch (e) {\n                console.error('RolesGroupedByModuleWidget: failed to fetch roles', e);\n            }\n        };\n        fetchRoles();\n    }, [fieldContext.data?.id]);\n\n    // Rebuild groups whenever allRoles changes\n    useEffect(() => {\n        if (!allRoles.length) return;\n\n        const groupMap = new Map<number | null, { displayName: string; roles: RelationItem[] }>();\n        groupMap.set(null, { displayName: 'Default', roles: [] });\n\n        allRoles.forEach((role: any) => {\n            const moduleId: number | null = role.moduleId ?? role.module?.id ?? null;\n            const moduleDisplayName: string = role.module?.displayName ?? 'Default';\n            const item: RelationItem = { label: role.name, value: role.id, original: role };\n\n            if (moduleId === null || moduleId === undefined) {\n                groupMap.get(null)!.roles.push(item);\n            } else {\n                if (!groupMap.has(moduleId)) {\n                    groupMap.set(moduleId, { displayName: moduleDisplayName, roles: [] });\n                }\n                groupMap.get(moduleId)!.roles.push(item);\n            }\n        });\n\n        // Default group first, then modules sorted alphabetically by displayName\n        const built: RoleGroup[] = [];\n        built.push({ moduleId: null, moduleDisplayName: 'Default', roles: groupMap.get(null)!.roles });\n\n        const moduleKeys = Array.from(groupMap.keys())\n            .filter((k) => k !== null)\n            .sort((a, b) => {\n                const dA = groupMap.get(a as number)!.displayName;\n                const dB = groupMap.get(b as number)!.displayName;\n                return dA.localeCompare(dB);\n            });\n\n        moduleKeys.forEach((moduleId) => {\n            const g = groupMap.get(moduleId as number)!;\n            built.push({ moduleId: moduleId as number, moduleDisplayName: g.displayName, roles: g.roles });\n        });\n\n        const nonEmpty = built.filter((g) => g.roles.length > 0);\n        setGroups(nonEmpty);\n        setOpenItems(nonEmpty.map((g) => String(g.moduleId ?? 'default')));\n    }, [allRoles]);\n\n    const handleCheckboxChange = (item: RelationItem) => {\n        const isLinked = currentValues.some((s) => s.value === item.value);\n        if (isLinked) unlinkItem(item);\n        else linkItem(item);\n    };\n\n    const isUnsaved = fieldContext.data?.id === undefined || fieldContext.data?.id === 'new';\n    const entityName =\n        fieldContext.solidFormViewMetaData?.data?.solidView?.model?.displayName ||\n        capitalize(fieldContext.modelName);\n\n    const isFormFieldValid = (fmk: any, fieldName: string) =>\n        fmk.touched[fieldName] && fmk.errors[fieldName];\n\n    return (\n        <div>\n            {isUnsaved && (\n                <div className=\"mb-2\">\n                    <SolidMessage\n                        severity=\"warn\"\n                        text={`Please save the ${entityName} first to assign ${fieldLabel}.`}\n                        className=\"w-full justify-content-start\"\n                    />\n                </div>\n            )}\n\n            <div className=\"flex align-items-center gap-3 mb-2\">\n                {showFieldLabel !== false && (\n                    <label className={`${styles.fieldLabel} form-field-label`}>\n                        {fieldLabel}\n                        {fieldMetadata.required && <span className=\"text-red-500\"> *</span>}\n                        <SolidFieldTooltip fieldContext={fieldContext} />\n                    </label>\n                )}\n                {fieldLayoutInfo.attrs.inlineCreate && (\n                    <>\n                        <SolidButton\n                            icon=\"si si-plus\"\n                            rounded\n                            variant=\"outline\"\n                            aria-label=\"Add role\"\n                            type=\"button\"\n                            size=\"sm\"\n                            onClick={() => setVisibleCreateDialog(true)}\n                            className=\"custom-add-button\"\n                            disabled={isUnsaved}\n                        />\n                        <InlineRelationEntityDialog\n                            visible={visibleCreateDialog}\n                            setVisible={setVisibleCreateDialog}\n                            fieldContext={fieldContext}\n                            onCreate={addNewRelation}\n                        />\n                    </>\n                )}\n            </div>\n\n            {groups.length === 0 && !isUnsaved && (\n                <SolidPanel>\n                    <p className=\"text-sm text-muted-foreground m-0\">No roles defined.</p>\n                </SolidPanel>\n            )}\n\n            {groups.length > 0 && (\n                <SolidAccordion\n                    type=\"multiple\"\n                    value={openItems}\n                    onValueChange={setOpenItems}\n                    className=\"w-full\"\n                >\n                    {groups.map((group) => {\n                        const key = String(group.moduleId ?? 'default');\n                        const title =\n                            group.moduleId === null\n                                ? 'Default Roles'\n                                : `${group.moduleDisplayName} Roles`;\n                        return (\n                            <SolidAccordionItem key={key} value={key}>\n                                <SolidAccordionTrigger>{title}</SolidAccordionTrigger>\n                                <SolidAccordionContent>\n                                    <div className=\"formgrid grid pt-1\">\n                                        {group.roles.map((item, i) => (\n                                            <div\n                                                key={item.value}\n                                                className={`field col-6 flex gap-2 ${i >= 2 ? 'mt-3' : ''}`}\n                                            >\n                                                <SolidCheckbox\n                                                    disabled={readOnlyPermission || isUnsaved}\n                                                    id={`role-${item.value}`}\n                                                    checked={currentValues.some((s) => s.value === item.value)}\n                                                    onChange={() => handleCheckboxChange(item)}\n                                                />\n                                                <label\n                                                    htmlFor={`role-${item.value}`}\n                                                    className={`${styles.fieldLabel} form-field-label m-0`}\n                                                >\n                                                    {item.label}\n                                                </label>\n                                            </div>\n                                        ))}\n                                    </div>\n                                </SolidAccordionContent>\n                            </SolidAccordionItem>\n                        );\n                    })}\n                </SolidAccordion>\n            )}\n\n            {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (\n                <div className=\"mt-1\">\n                    <SolidMessage\n                        severity=\"error\"\n                        text={formik?.errors[fieldLayoutInfo.attrs.name]?.toString()}\n                    />\n                </div>\n            )}\n        </div>\n    );\n};\n"]}

package/dist/components/core/form/fields/relations/RolesGroupedByModuleWidget.tsx

@@ -0,0 +1,241 @@
+import { useEffect, useState } from 'react';
+import qs from 'qs';
+import { SolidFormFieldWidgetProps } from '../../../../../types/solid-core';
+import { useRelationEntityHandler, RelationItem } from './widgets/helpers/useRelationEntityHandler';
+import { SolidAccordion, SolidAccordionItem, SolidAccordionTrigger, SolidAccordionContent } from '../../../../shad-cn-ui/SolidAccordion';
+import { SolidCheckbox } from '../../../../shad-cn-ui/SolidCheckbox';
+import { SolidMessage } from '../../../../shad-cn-ui/SolidMessage';
+import { SolidPanel } from '../../../../shad-cn-ui/SolidPanel';
+import { SolidButton } from '../../../../shad-cn-ui/SolidButton';
+import { capitalize } from 'lodash';
+import { InlineRelationEntityDialog } from './widgets/helpers/InlineRelationEntityDialog';
+import { SolidFieldTooltip } from '../../../../../components/common/SolidFieldTooltip';
+import { solidGet } from '../../../../../http/solidHttp';
+import styles from '../solidFields.module.css';
+
+type RoleGroup = {
+    moduleId: number | null;
+    moduleDisplayName: string;
+    roles: RelationItem[];
+};
+
+/**
+ * RolesGroupedByModuleWidget
+ *
+ * Groups roles by their associated module on the User form:
+ *   - Roles with no module → "Default Roles" accordion (first)
+ *   - Roles linked to a module → "<Module Display Name> Roles" accordion
+ *
+ * Each checkbox immediately fires a link/unlink API call.
+ */
+export const RolesGroupedByModuleWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {
+    const fieldMetadata = fieldContext.fieldMetadata;
+    const fieldLayoutInfo = fieldContext.field;
+    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
+    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;
+    const readOnlyPermission = fieldContext.readOnly;
+
+    const [visibleCreateDialog, setVisibleCreateDialog] = useState(false);
+    const [allRoles, setAllRoles] = useState<any[]>([]);
+    const [groups, setGroups] = useState<RoleGroup[]>([]);
+    const [openItems, setOpenItems] = useState<string[]>([]);
+
+    const {
+        currentValues,
+        fetchCurrentValues,
+        linkItem,
+        unlinkItem,
+        addNewRelation,
+    } = useRelationEntityHandler({ fieldContext });
+
+    // Sync currentValues to Formik for validation
+    useEffect(() => {
+        formik.setFieldValue(fieldLayoutInfo.attrs.name, currentValues);
+    }, [currentValues]);
+
+    // On mount: load currently linked roles
+    useEffect(() => {
+        fetchCurrentValues();
+    }, [fieldContext.data?.id]);
+
+    // Fetch all roles with module populated
+    useEffect(() => {
+        const fetchRoles = async () => {
+            try {
+                const qsStr = qs.stringify(
+                    { offset: 0, limit: 1000, populate: ['module'] },
+                    { encodeValuesOnly: true }
+                );
+                const response = await solidGet(`/role-metadata?${qsStr}`);
+                const records = response?.data?.data?.records ?? [];
+                setAllRoles(records);
+            } catch (e) {
+                console.error('RolesGroupedByModuleWidget: failed to fetch roles', e);
+            }
+        };
+        fetchRoles();
+    }, [fieldContext.data?.id]);
+
+    // Rebuild groups whenever allRoles changes
+    useEffect(() => {
+        if (!allRoles.length) return;
+
+        const groupMap = new Map<number | null, { displayName: string; roles: RelationItem[] }>();
+        groupMap.set(null, { displayName: 'Default', roles: [] });
+
+        allRoles.forEach((role: any) => {
+            const moduleId: number | null = role.moduleId ?? role.module?.id ?? null;
+            const moduleDisplayName: string = role.module?.displayName ?? 'Default';
+            const item: RelationItem = { label: role.name, value: role.id, original: role };
+
+            if (moduleId === null || moduleId === undefined) {
+                groupMap.get(null)!.roles.push(item);
+            } else {
+                if (!groupMap.has(moduleId)) {
+                    groupMap.set(moduleId, { displayName: moduleDisplayName, roles: [] });
+                }
+                groupMap.get(moduleId)!.roles.push(item);
+            }
+        });
+
+        // Default group first, then modules sorted alphabetically by displayName
+        const built: RoleGroup[] = [];
+        built.push({ moduleId: null, moduleDisplayName: 'Default', roles: groupMap.get(null)!.roles });
+
+        const moduleKeys = Array.from(groupMap.keys())
+            .filter((k) => k !== null)
+            .sort((a, b) => {
+                const dA = groupMap.get(a as number)!.displayName;
+                const dB = groupMap.get(b as number)!.displayName;
+                return dA.localeCompare(dB);
+            });
+
+        moduleKeys.forEach((moduleId) => {
+            const g = groupMap.get(moduleId as number)!;
+            built.push({ moduleId: moduleId as number, moduleDisplayName: g.displayName, roles: g.roles });
+        });
+
+        const nonEmpty = built.filter((g) => g.roles.length > 0);
+        setGroups(nonEmpty);
+        setOpenItems(nonEmpty.map((g) => String(g.moduleId ?? 'default')));
+    }, [allRoles]);
+
+    const handleCheckboxChange = (item: RelationItem) => {
+        const isLinked = currentValues.some((s) => s.value === item.value);
+        if (isLinked) unlinkItem(item);
+        else linkItem(item);
+    };
+
+    const isUnsaved = fieldContext.data?.id === undefined || fieldContext.data?.id === 'new';
+    const entityName =
+        fieldContext.solidFormViewMetaData?.data?.solidView?.model?.displayName ||
+        capitalize(fieldContext.modelName);
+
+    const isFormFieldValid = (fmk: any, fieldName: string) =>
+        fmk.touched[fieldName] && fmk.errors[fieldName];
+
+    return (
+        <div>
+            {isUnsaved && (
+                <div className="mb-2">
+                    <SolidMessage
+                        severity="warn"
+                        text={`Please save the ${entityName} first to assign ${fieldLabel}.`}
+                        className="w-full justify-content-start"
+                    />
+                </div>
+            )}
+
+            <div className="flex align-items-center gap-3 mb-2">
+                {showFieldLabel !== false && (
+                    <label className={`${styles.fieldLabel} form-field-label`}>
+                        {fieldLabel}
+                        {fieldMetadata.required && <span className="text-red-500"> *</span>}
+                        <SolidFieldTooltip fieldContext={fieldContext} />
+                    </label>
+                )}
+                {fieldLayoutInfo.attrs.inlineCreate && (
+                    <>
+                        <SolidButton
+                            icon="si si-plus"
+                            rounded
+                            variant="outline"
+                            aria-label="Add role"
+                            type="button"
+                            size="sm"
+                            onClick={() => setVisibleCreateDialog(true)}
+                            className="custom-add-button"
+                            disabled={isUnsaved}
+                        />
+                        <InlineRelationEntityDialog
+                            visible={visibleCreateDialog}
+                            setVisible={setVisibleCreateDialog}
+                            fieldContext={fieldContext}
+                            onCreate={addNewRelation}
+                        />
+                    </>
+                )}
+            </div>
+
+            {groups.length === 0 && !isUnsaved && (
+                <SolidPanel>
+                    <p className="text-sm text-muted-foreground m-0">No roles defined.</p>
+                </SolidPanel>
+            )}
+
+            {groups.length > 0 && (
+                <SolidAccordion
+                    type="multiple"
+                    value={openItems}
+                    onValueChange={setOpenItems}
+                    className="w-full"
+                >
+                    {groups.map((group) => {
+                        const key = String(group.moduleId ?? 'default');
+                        const title =
+                            group.moduleId === null
+                                ? 'Default Roles'
+                                : `${group.moduleDisplayName} Roles`;
+                        return (
+                            <SolidAccordionItem key={key} value={key}>
+                                <SolidAccordionTrigger>{title}</SolidAccordionTrigger>
+                                <SolidAccordionContent>
+                                    <div className="formgrid grid pt-1">
+                                        {group.roles.map((item, i) => (
+                                            <div
+                                                key={item.value}
+                                                className={`field col-6 flex gap-2 ${i >= 2 ? 'mt-3' : ''}`}
+                                            >
+                                                <SolidCheckbox
+                                                    disabled={readOnlyPermission || isUnsaved}
+                                                    id={`role-${item.value}`}
+                                                    checked={currentValues.some((s) => s.value === item.value)}
+                                                    onChange={() => handleCheckboxChange(item)}
+                                                />
+                                                <label
+                                                    htmlFor={`role-${item.value}`}
+                                                    className={`${styles.fieldLabel} form-field-label m-0`}
+                                                >
+                                                    {item.label}
+                                                </label>
+                                            </div>
+                                        ))}
+                                    </div>
+                                </SolidAccordionContent>
+                            </SolidAccordionItem>
+                        );
+                    })}
+                </SolidAccordion>
+            )}
+
+            {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (
+                <div className="mt-1">
+                    <SolidMessage
+                        severity="error"
+                        text={formik?.errors[fieldLayoutInfo.attrs.name]?.toString()}
+                    />
+                </div>
+            )}
+        </div>
+    );
+};

package/dist/components/core/list/SolidEmptyListViewPlaceholder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidEmptyListViewPlaceholder.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidEmptyListViewPlaceholder.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,6BAA6B,4HAOvC,GAAG,4CAmIL,CAAC"}
+{"version":3,"file":"SolidEmptyListViewPlaceholder.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidEmptyListViewPlaceholder.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,6BAA6B,4HAOvC,GAAG,4CAoIL,CAAC"}

package/dist/components/core/list/SolidEmptyListViewPlaceholder.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { permissionExpression } from '../../../helpers/permissions';
 import { SolidCreateButton } from '../common/SolidCreateButton';
 import { useHandleListCustomButtonClick } from '../../../components/common/useHandleListCustomButtonClick';
+import { isButtonVisibleInCurrentEnv } from '../../../helpers/buttonEnvironment';
 import { hasAnyRole } from '../../../helpers/rolesHelper';
 import { env } from "../../../adapters/env";
 import { useSession } from "../../../hooks/useSession";
@@ -51,6 +52,8 @@ export var SolidEmptyListViewPlaceholder = function (_a) {
                 var hasRole = !((_a = button === null || button === void 0 ? void 0 : button.attrs) === null || _a === void 0 ? void 0 : _a.roles) || ((_b = button === null || button === void 0 ? void 0 : button.attrs) === null || _b === void 0 ? void 0 : _b.roles.length) === 0 ? true : hasAnyRole(user === null || user === void 0 ? void 0 : user.roles, (_c = button === null || button === void 0 ? void 0 : button.attrs) === null || _c === void 0 ? void 0 : _c.roles);
                 if (!hasRole)
                     return null;
+                if (!isButtonVisibleInCurrentEnv(button === null || button === void 0 ? void 0 : button.attrs))
+                    return null;
                 return (_jsx(SolidButton, { type: "button", className: "solid-empty-listview-secondary-action ".concat((_e = (_d = button === null || button === void 0 ? void 0 : button.attrs) === null || _d === void 0 ? void 0 : _d.className) !== null && _e !== void 0 ? _e : ''), variant: ((_f = button === null || button === void 0 ? void 0 : button.attrs) === null || _f === void 0 ? void 0 : _f.showText) === false ? "primary" : "ghost", size: "small", icon: (_g = button === null || button === void 0 ? void 0 : button.attrs) === null || _g === void 0 ? void 0 : _g.icon, leftIcon: !((_h = button === null || button === void 0 ? void 0 : button.attrs) === null || _h === void 0 ? void 0 : _h.icon) ? _jsx(SquarePen, { size: 14 }) : undefined, onClick: function () {
                         var event = {
                             params: params,

package/dist/components/core/list/SolidEmptyListViewPlaceholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidEmptyListViewPlaceholder.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidEmptyListViewPlaceholder.tsx"],"names":[],"mappings":"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","sourcesContent":["import { permissionExpression } from '../../../helpers/permissions'\nimport { SolidCreateButton } from '../common/SolidCreateButton'\nimport { useHandleListCustomButtonClick } from '../../../components/common/useHandleListCustomButtonClick'\nimport { hasAnyRole } from '../../../helpers/rolesHelper'\nimport { env } from \"../../../adapters/env\";\nimport { useSession } from \"../../../hooks/useSession\";\nimport { useState } from \"react\";\nimport { Download, SquarePen } from \"lucide-react\";\nimport { SolidGenericImport } from \"../common/SolidGenericImport/SolidGenericImport\";\nimport { SolidButton } from \"../../shad-cn-ui\";\n\nexport const SolidEmptyListViewPlaceholder = ({\n    createButtonUrl,\n    createActionQueryParams,\n    actionsAllowed,\n    params,\n    solidListViewMetaData,\n    handleFetchUpdatedRecords,\n}: any) => {\n    const [openImportDialog, setOpenImportDialog] = useState(false);\n    const { data: session } = useSession();\n    const user = session?.user;\n\n    const layoutAttrs = solidListViewMetaData?.data?.solidView?.layout?.attrs ?? {};\n    const displayName = solidListViewMetaData?.data?.solidView?.displayName ?? \"records\";\n    const entityName = displayName.toLowerCase();\n    const noDataText = solidListViewMetaData?.data?.solidView?.layout?.attrs?.listViewNoDataHelperText\n        ?? (env(\"NEXT_PUBLIC_DEFAULT_LIST_VIEW_NODATA_HELPER_TEXT\") && solidListViewMetaData?.data?.solidView?.displayName\n            ? `${env(\"NEXT_PUBLIC_DEFAULT_LIST_VIEW_NODATA_HELPER_TEXT\")} ${solidListViewMetaData.data.solidView.displayName}`\n            : `There are no ${entityName} records yet.`);\n\n    const handleCustomButtonClick = useHandleListCustomButtonClick();\n\n    const normalizeAction = (value: boolean | string[] | undefined) => {\n        if (value === true || value === undefined) return { enabled: true, roles: [] as string[] };\n        if (value === false) return { enabled: false, roles: [] as string[] };\n        if (Array.isArray(value)) return { enabled: true, roles: value };\n        return { enabled: true, roles: [] as string[] };\n    };\n\n    const importAction = normalizeAction(layoutAttrs.import);\n    const canCreate =\n        actionsAllowed.includes(`${permissionExpression(params.modelName, 'create')}`) &&\n        layoutAttrs?.create !== false &&\n        params.embeded !== true &&\n        layoutAttrs.showDefaultAddButton !== false;\n    const canImport =\n        params.embeded !== true &&\n        importAction.enabled &&\n        actionsAllowed.includes(`${permissionExpression(params.modelName, 'create')}`) &&\n        actionsAllowed.includes(`${permissionExpression('importTransaction', 'create')}`) &&\n        (importAction.roles.length === 0 || hasAnyRole(user?.roles, importAction.roles));\n\n    const CustomActionButtons = () => {\n        const headerButtons = layoutAttrs?.headerButtons ?? [];\n        if (layoutAttrs.showDefaultAddButton !== false || !headerButtons.length) return null;\n\n        return (\n            <div className=\"solid-empty-listview-custom-actions\">\n                {headerButtons.map((button: any) => {\n                    const hasRole = !button?.attrs?.roles || button?.attrs?.roles.length === 0 ? true : hasAnyRole(user?.roles, button?.attrs?.roles);\n                    if (!hasRole) return null;\n\n                    return (\n                        <SolidButton\n                            key={button?.attrs?.name || button?.attrs?.label}\n                            type=\"button\"\n                            className={`solid-empty-listview-secondary-action ${button?.attrs?.className ?? ''}`}\n                            variant={button?.attrs?.showText === false ? \"primary\" : \"ghost\"}\n                            size=\"small\"\n                            icon={button?.attrs?.icon}\n                            leftIcon={!button?.attrs?.icon ? <SquarePen size={14} /> : undefined}\n                            onClick={() => {\n                                const event = {\n                                    params,\n                                    solidListViewMetaData: solidListViewMetaData.data\n                                };\n                                handleCustomButtonClick(button.attrs, event);\n                            }}\n                        >\n                            {button.attrs.label}\n                        </SolidButton>\n                    );\n                })}\n            </div>\n        );\n    };\n\n    return (\n        <>\n            <div className='solid-empty-listview-placeholder-container'>\n                <div className=\"solid-empty-listview-placeholder-panel\">\n                    <div className=\"solid-empty-listview-header\">\n                        <div className=\"solid-empty-listview-header-title\">{displayName}</div>\n                        <div className=\"solid-empty-listview-header-subtitle\">{noDataText}</div>\n                    </div>\n\n                    <div className=\"solid-empty-listview-body\">\n                        {/* <div className=\"solid-empty-listview-icon-wrap\">\n                            <FolderOpen className=\"solid-empty-listview-icon\" aria-hidden=\"true\" />\n                        </div>\n                        <div className=\"solid-empty-listview-title\">\n                            No {displayName} Data Available\n                        </div> */}\n\n                        <div className=\"solid-empty-listview-actions\">\n                            {canCreate && (\n                                <div className=\"solid-empty-listview-create-action\">\n                                    <SolidCreateButton\n                                        createButtonUrl={createButtonUrl}\n                                        createActionQueryParams={createActionQueryParams}\n                                        solidListViewLayout={solidListViewMetaData?.data?.solidView?.layout}\n                                        title={solidListViewMetaData?.data?.solidView?.displayName}\n                                    />\n                                </div>\n                            )}\n                            {canImport && (\n                                <SolidButton\n                                    type=\"button\"\n                                    variant=\"outline\"\n                                    leftIcon={<Download size={14} />}\n                                    className=\"solid-empty-listview-import-button\"\n                                    onClick={() => setOpenImportDialog(true)}\n                                >\n                                    Import\n                                </SolidButton>\n                            )}\n                        </div>\n\n                        <CustomActionButtons />\n\n                        {(canCreate || canImport) && (\n                            <div className=\"solid-empty-listview-description\">\n                                Click Create or Import to add {entityName} entities.\n                            </div>\n                        )}\n                    </div>\n                </div>\n            </div>\n            {openImportDialog && (\n                <SolidGenericImport\n                    openImportDialog={openImportDialog}\n                    setOpenImportDialog={setOpenImportDialog}\n                    listViewMetaData={solidListViewMetaData}\n                    handleFetchUpdatedRecords={handleFetchUpdatedRecords}\n                />\n            )}\n        </>\n    );\n};\n"]}
+{"version":3,"file":"SolidEmptyListViewPlaceholder.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidEmptyListViewPlaceholder.tsx"],"names":[],"mappings":"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","sourcesContent":["import { permissionExpression } from '../../../helpers/permissions'\nimport { SolidCreateButton } from '../common/SolidCreateButton'\nimport { useHandleListCustomButtonClick } from '../../../components/common/useHandleListCustomButtonClick'\nimport { isButtonVisibleInCurrentEnv } from '../../../helpers/buttonEnvironment'\nimport { hasAnyRole } from '../../../helpers/rolesHelper'\nimport { env } from \"../../../adapters/env\";\nimport { useSession } from \"../../../hooks/useSession\";\nimport { useState } from \"react\";\nimport { Download, SquarePen } from \"lucide-react\";\nimport { SolidGenericImport } from \"../common/SolidGenericImport/SolidGenericImport\";\nimport { SolidButton } from \"../../shad-cn-ui\";\n\nexport const SolidEmptyListViewPlaceholder = ({\n    createButtonUrl,\n    createActionQueryParams,\n    actionsAllowed,\n    params,\n    solidListViewMetaData,\n    handleFetchUpdatedRecords,\n}: any) => {\n    const [openImportDialog, setOpenImportDialog] = useState(false);\n    const { data: session } = useSession();\n    const user = session?.user;\n\n    const layoutAttrs = solidListViewMetaData?.data?.solidView?.layout?.attrs ?? {};\n    const displayName = solidListViewMetaData?.data?.solidView?.displayName ?? \"records\";\n    const entityName = displayName.toLowerCase();\n    const noDataText = solidListViewMetaData?.data?.solidView?.layout?.attrs?.listViewNoDataHelperText\n        ?? (env(\"NEXT_PUBLIC_DEFAULT_LIST_VIEW_NODATA_HELPER_TEXT\") && solidListViewMetaData?.data?.solidView?.displayName\n            ? `${env(\"NEXT_PUBLIC_DEFAULT_LIST_VIEW_NODATA_HELPER_TEXT\")} ${solidListViewMetaData.data.solidView.displayName}`\n            : `There are no ${entityName} records yet.`);\n\n    const handleCustomButtonClick = useHandleListCustomButtonClick();\n\n    const normalizeAction = (value: boolean | string[] | undefined) => {\n        if (value === true || value === undefined) return { enabled: true, roles: [] as string[] };\n        if (value === false) return { enabled: false, roles: [] as string[] };\n        if (Array.isArray(value)) return { enabled: true, roles: value };\n        return { enabled: true, roles: [] as string[] };\n    };\n\n    const importAction = normalizeAction(layoutAttrs.import);\n    const canCreate =\n        actionsAllowed.includes(`${permissionExpression(params.modelName, 'create')}`) &&\n        layoutAttrs?.create !== false &&\n        params.embeded !== true &&\n        layoutAttrs.showDefaultAddButton !== false;\n    const canImport =\n        params.embeded !== true &&\n        importAction.enabled &&\n        actionsAllowed.includes(`${permissionExpression(params.modelName, 'create')}`) &&\n        actionsAllowed.includes(`${permissionExpression('importTransaction', 'create')}`) &&\n        (importAction.roles.length === 0 || hasAnyRole(user?.roles, importAction.roles));\n\n    const CustomActionButtons = () => {\n        const headerButtons = layoutAttrs?.headerButtons ?? [];\n        if (layoutAttrs.showDefaultAddButton !== false || !headerButtons.length) return null;\n\n        return (\n            <div className=\"solid-empty-listview-custom-actions\">\n                {headerButtons.map((button: any) => {\n                    const hasRole = !button?.attrs?.roles || button?.attrs?.roles.length === 0 ? true : hasAnyRole(user?.roles, button?.attrs?.roles);\n                    if (!hasRole) return null;\n                    if (!isButtonVisibleInCurrentEnv(button?.attrs)) return null;\n\n                    return (\n                        <SolidButton\n                            key={button?.attrs?.name || button?.attrs?.label}\n                            type=\"button\"\n                            className={`solid-empty-listview-secondary-action ${button?.attrs?.className ?? ''}`}\n                            variant={button?.attrs?.showText === false ? \"primary\" : \"ghost\"}\n                            size=\"small\"\n                            icon={button?.attrs?.icon}\n                            leftIcon={!button?.attrs?.icon ? <SquarePen size={14} /> : undefined}\n                            onClick={() => {\n                                const event = {\n                                    params,\n                                    solidListViewMetaData: solidListViewMetaData.data\n                                };\n                                handleCustomButtonClick(button.attrs, event);\n                            }}\n                        >\n                            {button.attrs.label}\n                        </SolidButton>\n                    );\n                })}\n            </div>\n        );\n    };\n\n    return (\n        <>\n            <div className='solid-empty-listview-placeholder-container'>\n                <div className=\"solid-empty-listview-placeholder-panel\">\n                    <div className=\"solid-empty-listview-header\">\n                        <div className=\"solid-empty-listview-header-title\">{displayName}</div>\n                        <div className=\"solid-empty-listview-header-subtitle\">{noDataText}</div>\n                    </div>\n\n                    <div className=\"solid-empty-listview-body\">\n                        {/* <div className=\"solid-empty-listview-icon-wrap\">\n                            <FolderOpen className=\"solid-empty-listview-icon\" aria-hidden=\"true\" />\n                        </div>\n                        <div className=\"solid-empty-listview-title\">\n                            No {displayName} Data Available\n                        </div> */}\n\n                        <div className=\"solid-empty-listview-actions\">\n                            {canCreate && (\n                                <div className=\"solid-empty-listview-create-action\">\n                                    <SolidCreateButton\n                                        createButtonUrl={createButtonUrl}\n                                        createActionQueryParams={createActionQueryParams}\n                                        solidListViewLayout={solidListViewMetaData?.data?.solidView?.layout}\n                                        title={solidListViewMetaData?.data?.solidView?.displayName}\n                                    />\n                                </div>\n                            )}\n                            {canImport && (\n                                <SolidButton\n                                    type=\"button\"\n                                    variant=\"outline\"\n                                    leftIcon={<Download size={14} />}\n                                    className=\"solid-empty-listview-import-button\"\n                                    onClick={() => setOpenImportDialog(true)}\n                                >\n                                    Import\n                                </SolidButton>\n                            )}\n                        </div>\n\n                        <CustomActionButtons />\n\n                        {(canCreate || canImport) && (\n                            <div className=\"solid-empty-listview-description\">\n                                Click Create or Import to add {entityName} entities.\n                            </div>\n                        )}\n                    </div>\n                </div>\n            </div>\n            {openImportDialog && (\n                <SolidGenericImport\n                    openImportDialog={openImportDialog}\n                    setOpenImportDialog={setOpenImportDialog}\n                    listViewMetaData={solidListViewMetaData}\n                    handleFetchUpdatedRecords={handleFetchUpdatedRecords}\n                />\n            )}\n        </>\n    );\n};\n"]}

package/dist/components/core/list/SolidEmptyListViewPlaceholder.tsx

@@ -1,6 +1,7 @@
 import { permissionExpression } from '../../../helpers/permissions'
 import { SolidCreateButton } from '../common/SolidCreateButton'
 import { useHandleListCustomButtonClick } from '../../../components/common/useHandleListCustomButtonClick'
+import { isButtonVisibleInCurrentEnv } from '../../../helpers/buttonEnvironment'
 import { hasAnyRole } from '../../../helpers/rolesHelper'
 import { env } from "../../../adapters/env";
 import { useSession } from "../../../hooks/useSession";
@@ -60,6 +61,7 @@ export const SolidEmptyListViewPlaceholder = ({
                 {headerButtons.map((button: any) => {
                     const hasRole = !button?.attrs?.roles || button?.attrs?.roles.length === 0 ? true : hasAnyRole(user?.roles, button?.attrs?.roles);
                     if (!hasRole) return null;
+                    if (!isButtonVisibleInCurrentEnv(button?.attrs)) return null;
 
                     return (
                         <SolidButton

package/dist/components/core/list/SolidListView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidListView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListView.tsx"],"names":[],"mappings":";AAyDA,eAAO,MAAM,+BAA+B,WAgB3C,CAAC;AAGF,eAAO,MAAM,oCAAoC,QAAS,MAAM,QAgB/D,CAAC;AAEF,eAAO,MAAM,6BAA6B,gBAAiB,GAAG,kBAU7D,CAAC;AAGF,eAAO,MAAM,kCAAkC,QAAS,MAAM,eAAe,GAAG,kBAU/E,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6BAA6B,CAAC,EAAE,GAAG,CAAC;IACpC,8BAA8B,CAAC,EAAE,GAAG,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,iBAAiB,CAAC,EAAE,GAAG,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;;;OAKG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB;;;;;;OAMG;IACH,WAAW,EAAE,CAAC,MAAM,EAAE;QACpB,uBAAuB,CAAC,EAAE,GAAG,CAAC;QAC9B,gBAAgB,CAAC,EAAE,GAAG,CAAC;QACvB,sBAAsB,CAAC,EAAE,GAAG,CAAC;QAC7B,2BAA2B,CAAC,EAAE,GAAG,CAAC;KACnC,KAAK,IAAI,CAAC;IACX;;;;OAIG;IACH,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D;;;OAGG;IACH,OAAO,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IACpE;;;OAGG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,QAAQ,EAAE,MAAM;QACd,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QACtB,YAAY,EAAE,OAAO,CAAC;QACtB,OAAO,EAAE,GAAG,CAAC;QACb,gBAAgB,EAAE,GAAG,CAAC;QACtB,QAAQ,EAAE,GAAG,EAAE,CAAC;QAChB,YAAY,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,OAAO,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,aAAa,qHAqpDxB,CAAC"}
+{"version":3,"file":"SolidListView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListView.tsx"],"names":[],"mappings":";AA0DA,eAAO,MAAM,+BAA+B,WAgB3C,CAAC;AAGF,eAAO,MAAM,oCAAoC,QAAS,MAAM,QAgB/D,CAAC;AAEF,eAAO,MAAM,6BAA6B,gBAAiB,GAAG,kBAU7D,CAAC;AAGF,eAAO,MAAM,kCAAkC,QAAS,MAAM,eAAe,GAAG,kBAU/E,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6BAA6B,CAAC,EAAE,GAAG,CAAC;IACpC,8BAA8B,CAAC,EAAE,GAAG,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,iBAAiB,CAAC,EAAE,GAAG,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;;;OAKG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB;;;;;;OAMG;IACH,WAAW,EAAE,CAAC,MAAM,EAAE;QACpB,uBAAuB,CAAC,EAAE,GAAG,CAAC;QAC9B,gBAAgB,CAAC,EAAE,GAAG,CAAC;QACvB,sBAAsB,CAAC,EAAE,GAAG,CAAC;QAC7B,2BAA2B,CAAC,EAAE,GAAG,CAAC;KACnC,KAAK,IAAI,CAAC;IACX;;;;OAIG;IACH,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D;;;OAGG;IACH,OAAO,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IACpE;;;OAGG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,QAAQ,EAAE,MAAM;QACd,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QACtB,YAAY,EAAE,OAAO,CAAC;QACtB,OAAO,EAAE,GAAG,CAAC;QACb,gBAAgB,EAAE,GAAG,CAAC;QACtB,QAAQ,EAAE,GAAG,EAAE,CAAC;QAChB,YAAY,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,OAAO,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,aAAa,qHA6pDxB,CAAC"}