@solidxai/core-ui 0.1.5-beta.9 → 0.1.6

package/dist/components/core/list/PLAN.md

@@ -0,0 +1,92 @@
+# List View Rewrite Plan (Shadcn + Single Sort)
+
+## Goal
+- [ ] Rebuild list view UX on shadcn primitives while preserving current behavior.
+- [ ] Remove PrimeReact dependencies from list flow.
+- [ ] Replace multi-sort with single-sort everywhere (UI, state, query, imperative API).
+
+## Scope
+- [ ] `SolidListView.tsx`
+- [ ] `SolidListViewColumn.tsx` + `columns/*`
+- [ ] `SolidListViewConfigure.tsx`
+- [ ] `SolidColumnSelector/SolidListColumnSelector.tsx`
+- [ ] `core/common/SolidGlobalSearchElement.tsx`
+- [ ] `core/common/FilterComponent.tsx`
+- [ ] `core/common/SolidGenericImport/*`
+- [ ] `components/common/SolidExport.tsx`
+
+## Phase 1: Architecture Baseline
+- [ ] Define target component map (shadcn): table, dropdown-menu, dialog, popover, tabs, select, checkbox, input, pagination.
+- [ ] Freeze current contract of `SolidListViewHandle` and decide required signature changes for single-sort.
+- [ ] Add migration notes for preserved extension points:
+  - [ ] `onListLoad`
+  - [ ] `onBeforeListDataLoad`
+  - [ ] custom header/row buttons
+
+## Phase 2: Sorting (Drop Multi-sort)
+- [x] Replace `multiSortMeta` state with single sort state (`sortField`, `sortOrder`).
+- [x] Update DataTable/table trigger logic to emit one active sort only.
+- [x] Update `setQueryString()` to serialize exactly one sort expression.
+- [x] Update localStorage restore/persist shape to single-sort.
+- [x] Update `SolidListViewHandle.setSort(...)` to single-sort API.
+- [x] Remove/cleanup all code paths referencing `event.multiSortMeta`.
+
+## Phase 3: Core Table + Pagination
+- [x] Implement shadcn table container and row rendering.
+- [x] Recreate selectable rows (active + deleted split behavior).
+- [x] Recreate paginator with:
+  - [x] rows per page
+  - [x] current page report
+  - [x] next/prev controls
+- [x] Preserve row click routing and session back-navigation markers.
+- [ ] Preserve archived/recover flows.
+
+## Phase 4: Filters + Search
+- [ ] Keep predicate model unchanged (`custom_filter_predicate`, `search_predicate`, `saved_filter_predicate`, `predefined_search_predicate`, grouping/aggregation).
+- [ ] Migrate `SolidGlobalSearchElement` dialogs/popovers to shadcn.
+- [ ] Migrate `FilterComponent` rule builder UI to shadcn controls.
+- [ ] Preserve saved filter URL behavior (`savedQuery`) and local cache behavior.
+- [ ] Confirm relation filter hydration still works.
+
+## Phase 5: Configure Menu + Column Selector
+- [ ] Replace cog overlay/context menu with shadcn dropdown/popover.
+- [ ] Rebuild "Customize Layout" panel in shadcn.
+- [ ] Keep drag-reorder + checkbox visibility behavior in `SolidListColumnSelector`.
+- [ ] Remove page reload after layout save; refetch/re-render list metadata instead.
+- [ ] Fix permission guard checks in configure actions (`actionsAllowed.includes(...)`).
+
+## Phase 6: Import / Export
+- [ ] Migrate `SolidExport` dialog and controls to shadcn.
+- [ ] Preserve template CRUD and filtered export path.
+- [ ] Migrate `SolidGenericImport` stepper/dialog flow to shadcn.
+- [ ] Preserve upload, mapping, sync import, and failed-record download behavior.
+
+## Phase 7: Column Renderers
+- [ ] Keep `SolidListViewColumn` type dispatch pattern.
+- [ ] Migrate per-column cell UI to shadcn styling where applicable.
+- [ ] Preserve widgets loaded via extension registry.
+- [ ] Verify relation columns (many-to-one, one-to-many, many-to-many) behavior parity.
+
+## Phase 8: Cleanup
+- [ ] Remove unused PrimeReact imports/styles from list modules.
+- [ ] Delete obsolete list-specific filter components if fully replaced.
+- [ ] Consolidate duplicated filter helpers between `core/list` and `core/filter` if safe.
+
+## Validation Checklist
+- [ ] List metadata fetch works for list pages and embedded mode.
+- [ ] API query contains correct: `offset`, `limit`, `filters`, `populate`, `populateMedia`, `sort`, `locale`.
+- [ ] Single sort works from UI and imperative API.
+- [ ] Pagination state persists/restores correctly.
+- [ ] Global search + custom filters + saved filters + predefined searches work together.
+- [ ] Grouping/aggregation predicates are preserved in query payload.
+- [ ] Column selector save updates layout reliably.
+- [ ] Import and export end-to-end succeed.
+- [ ] Row actions (default + custom) still honor permissions/roles.
+
+## Suggested Execution Order
+- [ ] 1) Sorting refactor first (single-sort data model).
+- [ ] 2) Table shell + pagination.
+- [ ] 3) Configure menu + column selector.
+- [ ] 4) Global search/filter builder.
+- [ ] 5) Import/export.
+- [ ] 6) Column renderer pass + cleanup.

package/dist/components/core/list/SolidColumnSelector/SolidListColumnSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidListColumnSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/SolidColumnSelector/SolidListColumnSelector.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,uBAAuB,0CAA2C,GAAG,wDA2MjF,CAAA"}
+{"version":3,"file":"SolidListColumnSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/SolidColumnSelector/SolidListColumnSelector.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,uBAAuB,0CAA2C,GAAG,wDA0MjF,CAAA"}

package/dist/components/core/list/SolidColumnSelector/SolidListColumnSelector.js

@@ -58,18 +58,18 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useFormik } from 'formik';
 import { Button } from 'primereact/button';
 import { Checkbox } from 'primereact/checkbox';
-import { useRef, useState } from 'react';
+import { useState } from 'react';
+import { useDispatch } from 'react-redux';
 import { createSolidEntityApi } from '../../../../redux/api/solidEntityApi';
-import { Toast } from "primereact/toast";
 import { DragDropContext, Droppable, Draggable } from '@hello-pangea/dnd';
 import styles from './SolidListColumnSelector.module.css';
 import { ERROR_MESSAGES } from '../../../../constants/error-messages';
-import showToast from "../../../../helpers/showToast";
+import { showToast } from '../../../../redux/features/toastSlice';
 export var SolidListColumnSelector = function (_a) {
     var _b, _c;
     var listViewMetaData = _a.listViewMetaData, customizeLayout = _a.customizeLayout;
     console.log("listViewMetaData column selector", listViewMetaData);
-    var toast = useRef(null);
+    var dispatch = useDispatch();
     var _d = useState(false), isDragging = _d[0], setIsDragging = _d[1];
     var entityApi = createSolidEntityApi('userViewMetadata');
     var useUpsertSolidEntityMutation = entityApi.useUpsertSolidEntityMutation;
@@ -170,7 +170,7 @@ export var SolidListColumnSelector = function (_a) {
                     case 2:
                         response = _e.sent();
                         if (response.statusCode === 200) {
-                            showToast(toast, "success", ERROR_MESSAGES.LAYOUT, ERROR_MESSAGES.FORM_LAYOUT_UPDATE);
+                            dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.LAYOUT, detail: ERROR_MESSAGES.FORM_LAYOUT_UPDATE }));
                             window.location.reload();
                         }
                         _e.label = 3;
@@ -193,14 +193,14 @@ export var SolidListColumnSelector = function (_a) {
         reordered.splice(result.destination.index, 0, moved);
         setFields(reordered);
     };
-    return (_jsxs(_Fragment, { children: [_jsx(Toast, { ref: toast }), _jsxs("form", { onSubmit: formik.handleSubmit, className: "flex flex-column gap-1 px-2", children: [_jsx(DragDropContext, { onDragEnd: onDragEnd, onDragStart: function () { return setIsDragging(true); }, children: _jsx(Droppable, { droppableId: "columns", children: function (provided) { return (_jsxs("div", __assign({}, provided.droppableProps, { ref: provided.innerRef, className: "flex flex-column cogwheel-column-filter px-1 ".concat(isDragging ? styles.SolidColumnDragContextActive : ''), style: { maxHeight: 400, overflowY: 'auto' }, children: [fields.map(function (column, index) { return (_jsx(Draggable, { draggableId: column.key, index: index, children: function (provided, snapshot) { return (_jsxs("div", __assign({ ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, { className: "flex align-items-center justify-content-between gap-3 px-3 py-2 ".concat(snapshot.isDragging ? styles.SolidColumnDraggedActiveElement : ''), style: __assign({}, provided.draggableProps.style), children: [_jsxs("div", { className: 'flex align-items-center gap-1', children: [_jsx(Checkbox, { inputId: column.key, name: "selectedColumns", value: column, onChange: function () {
-                                                                var isChecked = formik.values.selectedColumns.some(function (item) { return item.key === column.key; });
-                                                                formik.setFieldValue("selectedColumns", isChecked
-                                                                    ? formik.values.selectedColumns.filter(function (item) { return item.key !== column.key; })
-                                                                    : __spreadArray(__spreadArray([], formik.values.selectedColumns, true), [column], false));
-                                                            }, checked: formik.values.selectedColumns.some(function (item) { return item.key === column.key; }), className: "text-base flex align-items-center" }), _jsx("label", { htmlFor: column.key, className: "ml-2 text-base", children: column.name })] }), _jsx(DragActive, { active: snapshot.isDragging })] }))); } }, column.key)); }), provided.placeholder] }))); } }) }), _jsxs("div", { className: "p-3 flex gap-2", children: [_jsx(Button, { type: 'submit', label: "Apply", size: "small" }), _jsx(Button, { type: 'button', outlined: true, label: "Cancel", size: "small", 
-                                // @ts-ignore
-                                onClick: function (e) { return customizeLayout.current.hide(e); } })] })] })] }));
+    return (_jsx(_Fragment, { children: _jsxs("form", { onSubmit: formik.handleSubmit, className: "flex flex-column gap-1 px-2", children: [_jsx(DragDropContext, { onDragEnd: onDragEnd, onDragStart: function () { return setIsDragging(true); }, children: _jsx(Droppable, { droppableId: "columns", children: function (provided) { return (_jsxs("div", __assign({}, provided.droppableProps, { ref: provided.innerRef, className: "flex flex-column cogwheel-column-filter px-1 ".concat(isDragging ? styles.SolidColumnDragContextActive : ''), style: { maxHeight: 400, overflowY: 'auto' }, children: [fields.map(function (column, index) { return (_jsx(Draggable, { draggableId: column.key, index: index, children: function (provided, snapshot) { return (_jsxs("div", __assign({ ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, { className: "flex align-items-center justify-content-between gap-3 px-3 py-2 ".concat(snapshot.isDragging ? styles.SolidColumnDraggedActiveElement : ''), style: __assign({}, provided.draggableProps.style), children: [_jsxs("div", { className: 'flex align-items-center gap-1', children: [_jsx(Checkbox, { inputId: column.key, name: "selectedColumns", value: column, onChange: function () {
+                                                            var isChecked = formik.values.selectedColumns.some(function (item) { return item.key === column.key; });
+                                                            formik.setFieldValue("selectedColumns", isChecked
+                                                                ? formik.values.selectedColumns.filter(function (item) { return item.key !== column.key; })
+                                                                : __spreadArray(__spreadArray([], formik.values.selectedColumns, true), [column], false));
+                                                        }, checked: formik.values.selectedColumns.some(function (item) { return item.key === column.key; }), className: "text-base flex align-items-center" }), _jsx("label", { htmlFor: column.key, className: "ml-2 text-base", children: column.name })] }), _jsx(DragActive, { active: snapshot.isDragging })] }))); } }, column.key)); }), provided.placeholder] }))); } }) }), _jsxs("div", { className: "p-3 flex gap-2", children: [_jsx(Button, { type: 'submit', label: "Apply", size: "small" }), _jsx(Button, { type: 'button', outlined: true, label: "Cancel", size: "small", 
+                            // @ts-ignore
+                            onClick: function (e) { return customizeLayout.current.hide(e); } })] })] }) }));
 };
 var DragActive = function (_a) {
     var active = _a.active;

package/dist/components/core/list/SolidColumnSelector/SolidListColumnSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidListColumnSelector.js","sourceRoot":"","sources":["../../../../../src/components/core/list/SolidColumnSelector/SolidListColumnSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useFormik } from 'formik';\nimport { Button } from 'primereact/button';\nimport { Checkbox } from 'primereact/checkbox';\nimport React, { useRef, useState } from 'react'\nimport { createSolidEntityApi } from '../../../../redux/api/solidEntityApi';\nimport { Toast } from \"primereact/toast\";\nimport { DragDropContext, Droppable, Draggable, DropResult } from '@hello-pangea/dnd';\nimport styles from './SolidListColumnSelector.module.css'\nimport { ERROR_MESSAGES } from '../../../../constants/error-messages';\nimport showToast from \"../../../../helpers/showToast\";\n\ninterface FieldMetadata {\n    displayName: string;\n}\n\ninterface FilterColumns {\n    name: string;\n    key: string;\n}\n\nexport const SolidListColumnSelector = ({ listViewMetaData, customizeLayout }: any) => {\n    console.log(\"listViewMetaData column selector\", listViewMetaData);\n\n    const toast = useRef<Toast>(null);\n    const [isDragging, setIsDragging] = useState(false);\n    const entityApi = createSolidEntityApi('userViewMetadata');\n    const {\n        useUpsertSolidEntityMutation\n    } = entityApi;\n\n    const [upsertUserView, { isLoading, error: viewCreateError, isSuccess, data: data }] = useUpsertSolidEntityMutation();\n\n    if (!listViewMetaData) {\n        return;\n    }\n    if (!listViewMetaData.data) {\n        return;\n    }\n\n    const solidView = listViewMetaData?.data?.solidView;\n\n    // This is a key value map of field name vs field metadata.\n    const solidFieldsMetadata = listViewMetaData?.data?.solidFieldsMetadata as Record<string, FieldMetadata>;\n\n\n    if (!solidView || !solidFieldsMetadata) {\n        return;\n    }\n\n    const checkedFieldNames = new Set(solidView.layout.children.map((col: { attrs: { name: string } }) => col.attrs.name));\n\n    const solidListColumns: FilterColumns[] = Object.entries(solidFieldsMetadata).map(([key, field]) => ({\n        name: field.displayName,\n        key,\n    }));\n\n    const [fields, setFields] = useState<FilterColumns[]>(() => {\n        const selectedOrder = solidView.layout.children.map((child: any) => child.attrs.name);\n\n        const allColumns: FilterColumns[] = Object.entries(solidFieldsMetadata).map(([key, field]) => ({\n            name: field.displayName,\n            key,\n        }));\n\n        const selectedFields: FilterColumns[] = [];\n        const remainingFields: FilterColumns[] = [];\n\n        const usedKeys = new Set<string>();\n\n        // First, add selected fields in the order of solidView\n        for (const key of selectedOrder) {\n            const column = allColumns.find(col => col.key === key);\n            if (column) {\n                selectedFields.push(column);\n                usedKeys.add(key);\n            }\n        }\n\n        // Then, add remaining fields that are not selected\n        for (const col of allColumns) {\n            if (!usedKeys.has(col.key)) {\n                remainingFields.push(col);\n            }\n        }\n\n        return [...selectedFields, ...remainingFields];\n    });\n\n    const formik = useFormik({\n        initialValues: {\n            selectedColumns: solidListColumns.filter(col => checkedFieldNames.has(col.key)),\n        },\n        onSubmit: async (values) => {\n            const selectedKeys = values.selectedColumns.map(col => col.key);\n\n            // Step 1: Extract current children\n            const currentChildren = solidView.layout.children;\n\n            // Step 2: Create a map of all available metadata\n            const allFieldMeta = solidFieldsMetadata;\n\n            // Step 3: Filter children to include only selected keys\n            const newChildren = fields\n                .filter(col => selectedKeys.includes(col.key))\n                .map(({ key }) => {\n                    const existingChild = currentChildren.find((child: any) => child.attrs.name === key);\n                    if (existingChild) return existingChild;\n                \n                    // @ts-ignore\n                    const fieldType = allFieldMeta[key]?.type;\n                    const isTextType = fieldType === \"shortText\" || fieldType === \"longText\" || fieldType ===\"selectionStatic\" || fieldType ===\"selectionDynamic\";\n                \n                    return {\n                        type: 'field',\n                        attrs: {\n                            name: key,\n                            label: allFieldMeta[key]?.displayName || key,\n                            ...(isTextType ? { isSearchable: true } : {}),\n                        },\n                    };\n                });\n                \n            // Now build updated solidView\n            const updatedView = {\n                layout: {\n                    ...solidView.layout,\n                    children: newChildren\n                }\n            };\n\n            try {\n                if (listViewMetaData?.data?.solidView?.id) {\n                    // Update existing user view\n                    const response = await upsertUserView({\n                        viewMetadataId: listViewMetaData?.data?.solidView?.id,\n                        layout: JSON.stringify(updatedView.layout),\n                    }).unwrap();\n                    if (response.statusCode === 200) {\n                        showToast(toast, \"success\", ERROR_MESSAGES.LAYOUT, ERROR_MESSAGES.FORM_LAYOUT_UPDATE);\n                        window.location.reload();\n                    }\n                }\n            } catch (error) {\n                console.error(ERROR_MESSAGES.UPDATING_USER, error);\n            }\n        },\n    });\n\n    const onDragEnd = (result: DropResult) => {\n        setIsDragging(false);\n        if (!result.destination) return;\n        const reordered = [...fields];\n        const [moved] = reordered.splice(result.source.index, 1);\n        reordered.splice(result.destination.index, 0, moved);\n        setFields(reordered);\n    };\n\n    return (\n        <>\n            <Toast ref={toast} />\n            <form onSubmit={formik.handleSubmit} className=\"flex flex-column gap-1 px-2\">\n                <DragDropContext onDragEnd={onDragEnd} onDragStart={() => setIsDragging(true)}>\n                    <Droppable droppableId=\"columns\">\n                        {(provided): React.ReactElement => (\n                            <div\n                                {...provided.droppableProps}\n                                ref={provided.innerRef}\n                                className={`flex flex-column cogwheel-column-filter px-1 ${isDragging ? styles.SolidColumnDragContextActive : ''}`}\n                                style={{ maxHeight: 400, overflowY: 'auto' }}\n                            >\n                                {fields.map((column, index) => (\n                                    <Draggable key={column.key} draggableId={column.key} index={index}>\n                                        {(provided, snapshot): React.ReactElement => (\n                                            <div\n                                                ref={provided.innerRef}\n                                                {...provided.draggableProps}\n                                                {...provided.dragHandleProps}\n                                                className={`flex align-items-center justify-content-between gap-3 px-3 py-2 ${snapshot.isDragging ? styles.SolidColumnDraggedActiveElement : ''}`}\n                                                style={{\n                                                    ...provided.draggableProps.style,\n                                                }}\n                                            >\n                                                <div className='flex align-items-center gap-1'>\n                                                    <Checkbox\n                                                        inputId={column.key}\n                                                        name=\"selectedColumns\"\n                                                        value={column}\n                                                        onChange={() => {\n                                                            const isChecked = formik.values.selectedColumns.some(item => item.key === column.key);\n                                                            formik.setFieldValue(\n                                                                \"selectedColumns\",\n                                                                isChecked\n                                                                    ? formik.values.selectedColumns.filter(item => item.key !== column.key)\n                                                                    : [...formik.values.selectedColumns, column]\n                                                            );\n                                                        }}\n                                                        checked={formik.values.selectedColumns.some(item => item.key === column.key)}\n                                                        className=\"text-base flex align-items-center\"\n                                                    />\n                                                    <label htmlFor={column.key} className=\"ml-2 text-base\">\n                                                        {column.name}\n                                                    </label>\n                                                </div>\n                                                <DragActive active={snapshot.isDragging} />\n                                            </div>\n                                        )}\n                                    </Draggable>\n                                ))}\n                                {provided.placeholder}\n                            </div>\n                        )}\n                    </Droppable>\n                </DragDropContext>\n                <div className=\"p-3 flex gap-2\">\n                    <Button type='submit' label=\"Apply\" size=\"small\" />\n                    <Button type='button' outlined label=\"Cancel\" size=\"small\"\n                        // @ts-ignore\n                        onClick={(e) => customizeLayout.current.hide(e)}\n                    />\n                </div>\n            </form>\n        </>\n    )\n}\n\nconst DragActive = ({ active }: any) => {\n    return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n            <path d=\"M7.46354 11.7331C7.46354 12.0997 7.33299 12.4136 7.07187 12.6747C6.81076 12.9359 6.49687 13.0664 6.13021 13.0664C5.76354 13.0664 5.44965 12.9359 5.18854 12.6747C4.92743 12.4136 4.79688 12.0997 4.79688 11.7331C4.79688 11.3664 4.92743 11.0525 5.18854 10.7914C5.44965 10.5303 5.76354 10.3997 6.13021 10.3997C6.49687 10.3997 6.81076 10.5303 7.07187 10.7914C7.33299 11.0525 7.46354 11.3664 7.46354 11.7331ZM7.46354 7.73307C7.46354 8.09974 7.33299 8.41363 7.07187 8.67474C6.81076 8.93585 6.49687 9.06641 6.13021 9.06641C5.76354 9.06641 5.44965 8.93585 5.18854 8.67474C4.92743 8.41363 4.79688 8.09974 4.79688 7.73307C4.79688 7.36641 4.92743 7.05252 5.18854 6.79141C5.44965 6.5303 5.76354 6.39974 6.13021 6.39974C6.49687 6.39974 6.81076 6.5303 7.07187 6.79141C7.33299 7.05252 7.46354 7.36641 7.46354 7.73307ZM7.46354 3.73307C7.46354 4.09974 7.33299 4.41363 7.07187 4.67474C6.81076 4.93585 6.49687 5.06641 6.13021 5.06641C5.76354 5.06641 5.44965 4.93585 5.18854 4.67474C4.92743 4.41363 4.79688 4.09974 4.79688 3.73307C4.79688 3.36641 4.92743 3.05252 5.18854 2.79141C5.44965 2.5303 5.76354 2.39974 6.13021 2.39974C6.49687 2.39974 6.81076 2.5303 7.07187 2.79141C7.33299 3.05252 7.46354 3.36641 7.46354 3.73307Z\" fill=\"var(--icon-color)\" fill-opacity={active ? \"0.75\" : \"0.25\"} />\n            <path d=\"M11.737 11.7331C11.737 12.0997 11.6064 12.4136 11.3453 12.6747C11.0842 12.9359 10.7703 13.0664 10.4036 13.0664C10.037 13.0664 9.72309 12.9359 9.46198 12.6747C9.20087 12.4136 9.07031 12.0997 9.07031 11.7331C9.07031 11.3664 9.20087 11.0525 9.46198 10.7914C9.72309 10.5303 10.037 10.3997 10.4036 10.3997C10.7703 10.3997 11.0842 10.5303 11.3453 10.7914C11.6064 11.0525 11.737 11.3664 11.737 11.7331ZM11.737 7.73307C11.737 8.09974 11.6064 8.41363 11.3453 8.67474C11.0842 8.93585 10.7703 9.06641 10.4036 9.06641C10.037 9.06641 9.72309 8.93585 9.46198 8.67474C9.20087 8.41363 9.07031 8.09974 9.07031 7.73307C9.07031 7.36641 9.20087 7.05252 9.46198 6.79141C9.72309 6.5303 10.037 6.39974 10.4036 6.39974C10.7703 6.39974 11.0842 6.5303 11.3453 6.79141C11.6064 7.05252 11.737 7.36641 11.737 7.73307ZM11.737 3.73307C11.737 4.09974 11.6064 4.41363 11.3453 4.67474C11.0842 4.93585 10.7703 5.06641 10.4036 5.06641C10.037 5.06641 9.72309 4.93585 9.46198 4.67474C9.20087 4.41363 9.07031 4.09974 9.07031 3.73307C9.07031 3.36641 9.20087 3.05252 9.46198 2.79141C9.72309 2.5303 10.037 2.39974 10.4036 2.39974C10.7703 2.39974 11.0842 2.5303 11.3453 2.79141C11.6064 3.05252 11.737 3.36641 11.737 3.73307Z\" fill=\"var(--icon-color)\" fill-opacity={active ? \"0.75\" : \"0.25\"} />\n        </svg>\n    )\n}"]}
+{"version":3,"file":"SolidListColumnSelector.js","sourceRoot":"","sources":["../../../../../src/components/core/list/SolidColumnSelector/SolidListColumnSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useFormik } from 'formik';\nimport { Button } from 'primereact/button';\nimport { Checkbox } from 'primereact/checkbox';\nimport React, { useState } from 'react'\nimport { useDispatch } from 'react-redux';\nimport { createSolidEntityApi } from '../../../../redux/api/solidEntityApi';\nimport { DragDropContext, Droppable, Draggable, DropResult } from '@hello-pangea/dnd';\nimport styles from './SolidListColumnSelector.module.css'\nimport { ERROR_MESSAGES } from '../../../../constants/error-messages';\nimport { showToast } from '../../../../redux/features/toastSlice';\n\ninterface FieldMetadata {\n    displayName: string;\n}\n\ninterface FilterColumns {\n    name: string;\n    key: string;\n}\n\nexport const SolidListColumnSelector = ({ listViewMetaData, customizeLayout }: any) => {\n    console.log(\"listViewMetaData column selector\", listViewMetaData);\n\n    const dispatch = useDispatch();\n    const [isDragging, setIsDragging] = useState(false);\n    const entityApi = createSolidEntityApi('userViewMetadata');\n    const {\n        useUpsertSolidEntityMutation\n    } = entityApi;\n\n    const [upsertUserView, { isLoading, error: viewCreateError, isSuccess, data: data }] = useUpsertSolidEntityMutation();\n\n    if (!listViewMetaData) {\n        return;\n    }\n    if (!listViewMetaData.data) {\n        return;\n    }\n\n    const solidView = listViewMetaData?.data?.solidView;\n\n    // This is a key value map of field name vs field metadata.\n    const solidFieldsMetadata = listViewMetaData?.data?.solidFieldsMetadata as Record<string, FieldMetadata>;\n\n\n    if (!solidView || !solidFieldsMetadata) {\n        return;\n    }\n\n    const checkedFieldNames = new Set(solidView.layout.children.map((col: { attrs: { name: string } }) => col.attrs.name));\n\n    const solidListColumns: FilterColumns[] = Object.entries(solidFieldsMetadata).map(([key, field]) => ({\n        name: field.displayName,\n        key,\n    }));\n\n    const [fields, setFields] = useState<FilterColumns[]>(() => {\n        const selectedOrder = solidView.layout.children.map((child: any) => child.attrs.name);\n\n        const allColumns: FilterColumns[] = Object.entries(solidFieldsMetadata).map(([key, field]) => ({\n            name: field.displayName,\n            key,\n        }));\n\n        const selectedFields: FilterColumns[] = [];\n        const remainingFields: FilterColumns[] = [];\n\n        const usedKeys = new Set<string>();\n\n        // First, add selected fields in the order of solidView\n        for (const key of selectedOrder) {\n            const column = allColumns.find(col => col.key === key);\n            if (column) {\n                selectedFields.push(column);\n                usedKeys.add(key);\n            }\n        }\n\n        // Then, add remaining fields that are not selected\n        for (const col of allColumns) {\n            if (!usedKeys.has(col.key)) {\n                remainingFields.push(col);\n            }\n        }\n\n        return [...selectedFields, ...remainingFields];\n    });\n\n    const formik = useFormik({\n        initialValues: {\n            selectedColumns: solidListColumns.filter(col => checkedFieldNames.has(col.key)),\n        },\n        onSubmit: async (values) => {\n            const selectedKeys = values.selectedColumns.map(col => col.key);\n\n            // Step 1: Extract current children\n            const currentChildren = solidView.layout.children;\n\n            // Step 2: Create a map of all available metadata\n            const allFieldMeta = solidFieldsMetadata;\n\n            // Step 3: Filter children to include only selected keys\n            const newChildren = fields\n                .filter(col => selectedKeys.includes(col.key))\n                .map(({ key }) => {\n                    const existingChild = currentChildren.find((child: any) => child.attrs.name === key);\n                    if (existingChild) return existingChild;\n                \n                    // @ts-ignore\n                    const fieldType = allFieldMeta[key]?.type;\n                    const isTextType = fieldType === \"shortText\" || fieldType === \"longText\" || fieldType ===\"selectionStatic\" || fieldType ===\"selectionDynamic\";\n                \n                    return {\n                        type: 'field',\n                        attrs: {\n                            name: key,\n                            label: allFieldMeta[key]?.displayName || key,\n                            ...(isTextType ? { isSearchable: true } : {}),\n                        },\n                    };\n                });\n                \n            // Now build updated solidView\n            const updatedView = {\n                layout: {\n                    ...solidView.layout,\n                    children: newChildren\n                }\n            };\n\n            try {\n                if (listViewMetaData?.data?.solidView?.id) {\n                    // Update existing user view\n                    const response = await upsertUserView({\n                        viewMetadataId: listViewMetaData?.data?.solidView?.id,\n                        layout: JSON.stringify(updatedView.layout),\n                    }).unwrap();\n                    if (response.statusCode === 200) {\n                        dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.LAYOUT, detail: ERROR_MESSAGES.FORM_LAYOUT_UPDATE }));\n                        window.location.reload();\n                    }\n                }\n            } catch (error) {\n                console.error(ERROR_MESSAGES.UPDATING_USER, error);\n            }\n        },\n    });\n\n    const onDragEnd = (result: DropResult) => {\n        setIsDragging(false);\n        if (!result.destination) return;\n        const reordered = [...fields];\n        const [moved] = reordered.splice(result.source.index, 1);\n        reordered.splice(result.destination.index, 0, moved);\n        setFields(reordered);\n    };\n\n    return (\n        <>\n            <form onSubmit={formik.handleSubmit} className=\"flex flex-column gap-1 px-2\">\n                <DragDropContext onDragEnd={onDragEnd} onDragStart={() => setIsDragging(true)}>\n                    <Droppable droppableId=\"columns\">\n                        {(provided): React.ReactElement => (\n                            <div\n                                {...provided.droppableProps}\n                                ref={provided.innerRef}\n                                className={`flex flex-column cogwheel-column-filter px-1 ${isDragging ? styles.SolidColumnDragContextActive : ''}`}\n                                style={{ maxHeight: 400, overflowY: 'auto' }}\n                            >\n                                {fields.map((column, index) => (\n                                    <Draggable key={column.key} draggableId={column.key} index={index}>\n                                        {(provided, snapshot): React.ReactElement => (\n                                            <div\n                                                ref={provided.innerRef}\n                                                {...provided.draggableProps}\n                                                {...provided.dragHandleProps}\n                                                className={`flex align-items-center justify-content-between gap-3 px-3 py-2 ${snapshot.isDragging ? styles.SolidColumnDraggedActiveElement : ''}`}\n                                                style={{\n                                                    ...provided.draggableProps.style,\n                                                }}\n                                            >\n                                                <div className='flex align-items-center gap-1'>\n                                                    <Checkbox\n                                                        inputId={column.key}\n                                                        name=\"selectedColumns\"\n                                                        value={column}\n                                                        onChange={() => {\n                                                            const isChecked = formik.values.selectedColumns.some(item => item.key === column.key);\n                                                            formik.setFieldValue(\n                                                                \"selectedColumns\",\n                                                                isChecked\n                                                                    ? formik.values.selectedColumns.filter(item => item.key !== column.key)\n                                                                    : [...formik.values.selectedColumns, column]\n                                                            );\n                                                        }}\n                                                        checked={formik.values.selectedColumns.some(item => item.key === column.key)}\n                                                        className=\"text-base flex align-items-center\"\n                                                    />\n                                                    <label htmlFor={column.key} className=\"ml-2 text-base\">\n                                                        {column.name}\n                                                    </label>\n                                                </div>\n                                                <DragActive active={snapshot.isDragging} />\n                                            </div>\n                                        )}\n                                    </Draggable>\n                                ))}\n                                {provided.placeholder}\n                            </div>\n                        )}\n                    </Droppable>\n                </DragDropContext>\n                <div className=\"p-3 flex gap-2\">\n                    <Button type='submit' label=\"Apply\" size=\"small\" />\n                    <Button type='button' outlined label=\"Cancel\" size=\"small\"\n                        // @ts-ignore\n                        onClick={(e) => customizeLayout.current.hide(e)}\n                    />\n                </div>\n            </form>\n        </>\n    )\n}\n\nconst DragActive = ({ active }: any) => {\n    return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n            <path d=\"M7.46354 11.7331C7.46354 12.0997 7.33299 12.4136 7.07187 12.6747C6.81076 12.9359 6.49687 13.0664 6.13021 13.0664C5.76354 13.0664 5.44965 12.9359 5.18854 12.6747C4.92743 12.4136 4.79688 12.0997 4.79688 11.7331C4.79688 11.3664 4.92743 11.0525 5.18854 10.7914C5.44965 10.5303 5.76354 10.3997 6.13021 10.3997C6.49687 10.3997 6.81076 10.5303 7.07187 10.7914C7.33299 11.0525 7.46354 11.3664 7.46354 11.7331ZM7.46354 7.73307C7.46354 8.09974 7.33299 8.41363 7.07187 8.67474C6.81076 8.93585 6.49687 9.06641 6.13021 9.06641C5.76354 9.06641 5.44965 8.93585 5.18854 8.67474C4.92743 8.41363 4.79688 8.09974 4.79688 7.73307C4.79688 7.36641 4.92743 7.05252 5.18854 6.79141C5.44965 6.5303 5.76354 6.39974 6.13021 6.39974C6.49687 6.39974 6.81076 6.5303 7.07187 6.79141C7.33299 7.05252 7.46354 7.36641 7.46354 7.73307ZM7.46354 3.73307C7.46354 4.09974 7.33299 4.41363 7.07187 4.67474C6.81076 4.93585 6.49687 5.06641 6.13021 5.06641C5.76354 5.06641 5.44965 4.93585 5.18854 4.67474C4.92743 4.41363 4.79688 4.09974 4.79688 3.73307C4.79688 3.36641 4.92743 3.05252 5.18854 2.79141C5.44965 2.5303 5.76354 2.39974 6.13021 2.39974C6.49687 2.39974 6.81076 2.5303 7.07187 2.79141C7.33299 3.05252 7.46354 3.36641 7.46354 3.73307Z\" fill=\"var(--icon-color)\" fill-opacity={active ? \"0.75\" : \"0.25\"} />\n            <path d=\"M11.737 11.7331C11.737 12.0997 11.6064 12.4136 11.3453 12.6747C11.0842 12.9359 10.7703 13.0664 10.4036 13.0664C10.037 13.0664 9.72309 12.9359 9.46198 12.6747C9.20087 12.4136 9.07031 12.0997 9.07031 11.7331C9.07031 11.3664 9.20087 11.0525 9.46198 10.7914C9.72309 10.5303 10.037 10.3997 10.4036 10.3997C10.7703 10.3997 11.0842 10.5303 11.3453 10.7914C11.6064 11.0525 11.737 11.3664 11.737 11.7331ZM11.737 7.73307C11.737 8.09974 11.6064 8.41363 11.3453 8.67474C11.0842 8.93585 10.7703 9.06641 10.4036 9.06641C10.037 9.06641 9.72309 8.93585 9.46198 8.67474C9.20087 8.41363 9.07031 8.09974 9.07031 7.73307C9.07031 7.36641 9.20087 7.05252 9.46198 6.79141C9.72309 6.5303 10.037 6.39974 10.4036 6.39974C10.7703 6.39974 11.0842 6.5303 11.3453 6.79141C11.6064 7.05252 11.737 7.36641 11.737 7.73307ZM11.737 3.73307C11.737 4.09974 11.6064 4.41363 11.3453 4.67474C11.0842 4.93585 10.7703 5.06641 10.4036 5.06641C10.037 5.06641 9.72309 4.93585 9.46198 4.67474C9.20087 4.41363 9.07031 4.09974 9.07031 3.73307C9.07031 3.36641 9.20087 3.05252 9.46198 2.79141C9.72309 2.5303 10.037 2.39974 10.4036 2.39974C10.7703 2.39974 11.0842 2.5303 11.3453 2.79141C11.6064 3.05252 11.737 3.36641 11.737 3.73307Z\" fill=\"var(--icon-color)\" fill-opacity={active ? \"0.75\" : \"0.25\"} />\n        </svg>\n    )\n}"]}

package/dist/components/core/list/SolidColumnSelector/SolidListColumnSelector.tsx

@@ -1,13 +1,13 @@
 import { useFormik } from 'formik';
 import { Button } from 'primereact/button';
 import { Checkbox } from 'primereact/checkbox';
-import React, { useRef, useState } from 'react'
+import React, { useState } from 'react'
+import { useDispatch } from 'react-redux';
 import { createSolidEntityApi } from '../../../../redux/api/solidEntityApi';
-import { Toast } from "primereact/toast";
 import { DragDropContext, Droppable, Draggable, DropResult } from '@hello-pangea/dnd';
 import styles from './SolidListColumnSelector.module.css'
 import { ERROR_MESSAGES } from '../../../../constants/error-messages';
-import showToast from "../../../../helpers/showToast";
+import { showToast } from '../../../../redux/features/toastSlice';
 
 interface FieldMetadata {
     displayName: string;
@@ -21,7 +21,7 @@ interface FilterColumns {
 export const SolidListColumnSelector = ({ listViewMetaData, customizeLayout }: any) => {
     console.log("listViewMetaData column selector", listViewMetaData);
 
-    const toast = useRef<Toast>(null);
+    const dispatch = useDispatch();
     const [isDragging, setIsDragging] = useState(false);
     const entityApi = createSolidEntityApi('userViewMetadata');
     const {
@@ -136,7 +136,7 @@ export const SolidListColumnSelector = ({ listViewMetaData, customizeLayout }: a
                         layout: JSON.stringify(updatedView.layout),
                     }).unwrap();
                     if (response.statusCode === 200) {
-                        showToast(toast, "success", ERROR_MESSAGES.LAYOUT, ERROR_MESSAGES.FORM_LAYOUT_UPDATE);
+                        dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.LAYOUT, detail: ERROR_MESSAGES.FORM_LAYOUT_UPDATE }));
                         window.location.reload();
                     }
                 }
@@ -157,7 +157,6 @@ export const SolidListColumnSelector = ({ listViewMetaData, customizeLayout }: a
 
     return (
         <>
-            <Toast ref={toast} />
             <form onSubmit={formik.handleSubmit} className="flex flex-column gap-1 px-2">
                 <DragDropContext onDragEnd={onDragEnd} onDragStart={() => setIsDragging(true)}>
                     <Droppable droppableId="columns">

package/dist/components/core/list/SolidDataTable.d.ts

@@ -0,0 +1,58 @@
+import React from "react";
+export type DataTableStateEvent = {
+    sortField?: string;
+    sortOrder?: 1 | -1 | 0;
+};
+type HeaderRenderer = React.ReactNode | (() => React.ReactNode);
+type BodyRenderer = (rowData: any) => React.ReactNode;
+export type SolidColumnProps = {
+    field?: string;
+    header?: HeaderRenderer;
+    body?: BodyRenderer;
+    sortable?: boolean;
+    selectionMode?: "multiple" | "single" | null;
+    headerStyle?: React.CSSProperties;
+    style?: React.CSSProperties;
+    className?: string;
+    headerClassName?: string;
+    frozen?: boolean;
+    alignFrozen?: "left" | "right";
+    [key: string]: any;
+};
+export declare function Column(_props: SolidColumnProps): null;
+type SolidDataTableProps = {
+    value: any[];
+    children: React.ReactNode;
+    size?: "small" | "normal" | "large";
+    viewportHeight?: string;
+    dataKey?: string;
+    emptyMessage?: React.ReactNode;
+    rows?: number;
+    first?: number;
+    totalRecords?: number;
+    rowsPerPageOptions?: number[];
+    onPage?: (event: {
+        first: number;
+        rows: number;
+    }) => void;
+    onSort?: (event: DataTableStateEvent) => void;
+    sortField?: string;
+    sortOrder?: 1 | -1 | 0;
+    removableSort?: boolean;
+    selection?: any[];
+    selectionMode?: "checkbox" | null;
+    onSelectionChange?: (event: {
+        value: any[];
+    }) => void;
+    onRowClick?: (event: {
+        data: any;
+    }) => void;
+    rowClassName?: (rowData: any) => string;
+    tableClassName?: string;
+    paginatorClassName?: string;
+    currentPageReportTemplate?: string;
+    [key: string]: any;
+};
+export declare function SolidDataTable({ value, children, size, viewportHeight, dataKey, emptyMessage, rows, first, totalRecords, rowsPerPageOptions, onPage, onSort, sortField, sortOrder, removableSort, selection, selectionMode, onSelectionChange, onRowClick, rowClassName, tableClassName, paginatorClassName, currentPageReportTemplate, }: SolidDataTableProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidDataTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidDataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidDataTable.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,141 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+export function Column(_props) {
+    return null;
+}
+var cx = function () {
+    var parts = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        parts[_i] = arguments[_i];
+    }
+    return parts.filter(Boolean).join(" ");
+};
+function renderHeaderNode(header) {
+    if (typeof header === "function")
+        return header();
+    return header !== null && header !== void 0 ? header : null;
+}
+function normalizeColumns(children) {
+    return React.Children.toArray(children).filter(function (child) {
+        return React.isValidElement(child);
+    });
+}
+function resolveSortIcon(active, order) {
+    if (!active || order === 0)
+        return "pi pi-sort-alt";
+    return order === 1 ? "pi pi-sort-amount-up-alt" : "pi pi-sort-amount-down";
+}
+function nextSortOrder(active, order, removableSort) {
+    if (removableSort === void 0) { removableSort = true; }
+    if (!active || order === 0)
+        return 1;
+    if (order === 1)
+        return -1;
+    return removableSort ? 0 : 1;
+}
+export function SolidDataTable(_a) {
+    var value = _a.value, children = _a.children, _b = _a.size, size = _b === void 0 ? "normal" : _b, viewportHeight = _a.viewportHeight, _c = _a.dataKey, dataKey = _c === void 0 ? "id" : _c, emptyMessage = _a.emptyMessage, _d = _a.rows, rows = _d === void 0 ? 25 : _d, _e = _a.first, first = _e === void 0 ? 0 : _e, _f = _a.totalRecords, totalRecords = _f === void 0 ? 0 : _f, _g = _a.rowsPerPageOptions, rowsPerPageOptions = _g === void 0 ? [10, 25, 50, 100] : _g, onPage = _a.onPage, onSort = _a.onSort, sortField = _a.sortField, _h = _a.sortOrder, sortOrder = _h === void 0 ? 0 : _h, _j = _a.removableSort, removableSort = _j === void 0 ? true : _j, _k = _a.selection, selection = _k === void 0 ? [] : _k, selectionMode = _a.selectionMode, onSelectionChange = _a.onSelectionChange, onRowClick = _a.onRowClick, rowClassName = _a.rowClassName, tableClassName = _a.tableClassName, paginatorClassName = _a.paginatorClassName, _l = _a.currentPageReportTemplate, currentPageReportTemplate = _l === void 0 ? "{first} - {last} of {totalRecords}" : _l;
+    var columns = normalizeColumns(children);
+    var pageRows = value !== null && value !== void 0 ? value : [];
+    var selectedKeys = new Set((selection || []).map(function (row) { return String(row === null || row === void 0 ? void 0 : row[dataKey]); }));
+    var allSelected = pageRows.length > 0 && pageRows.every(function (row) { return selectedKeys.has(String(row === null || row === void 0 ? void 0 : row[dataKey])); });
+    var start = totalRecords === 0 ? 0 : first + 1;
+    var end = Math.min(first + rows, totalRecords);
+    var currentPage = rows > 0 ? Math.floor(first / rows) + 1 : 1;
+    var totalPages = rows > 0 ? Math.max(1, Math.ceil(totalRecords / rows)) : 1;
+    var report = currentPageReportTemplate
+        .replace("{first}", String(start))
+        .replace("{last}", String(end))
+        .replace("{totalRecords}", String(totalRecords));
+    var emitSelection = function (nextSelection) {
+        onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange({ value: nextSelection });
+    };
+    var toggleSelectAll = function (checked) {
+        if (!checked) {
+            var pageKeys_1 = new Set(pageRows.map(function (row) { return String(row === null || row === void 0 ? void 0 : row[dataKey]); }));
+            emitSelection((selection || []).filter(function (row) { return !pageKeys_1.has(String(row === null || row === void 0 ? void 0 : row[dataKey])); }));
+            return;
+        }
+        var merged = __spreadArray([], (selection || []), true);
+        var mergedKeys = new Set(merged.map(function (row) { return String(row === null || row === void 0 ? void 0 : row[dataKey]); }));
+        pageRows.forEach(function (row) {
+            var key = String(row === null || row === void 0 ? void 0 : row[dataKey]);
+            if (!mergedKeys.has(key))
+                merged.push(row);
+        });
+        emitSelection(merged);
+    };
+    var toggleRowSelection = function (rowData, checked) {
+        var key = String(rowData === null || rowData === void 0 ? void 0 : rowData[dataKey]);
+        if (!checked) {
+            emitSelection((selection || []).filter(function (row) { return String(row === null || row === void 0 ? void 0 : row[dataKey]) !== key; }));
+            return;
+        }
+        emitSelection(__spreadArray(__spreadArray([], (selection || []), true), [rowData], false));
+    };
+    var densityClass = size === "small"
+        ? "solid-table-density-compact"
+        : size === "large"
+            ? "solid-table-density-comfortable"
+            : "solid-table-density-cozy";
+    return (_jsxs("div", { className: cx("solid-data-table-root w-full min-h-0", densityClass), style: {
+            height: viewportHeight || "100%",
+            maxHeight: viewportHeight || "100%",
+        }, children: [_jsx("div", { className: "solid-data-table-viewport min-h-0 rounded-md border border-border/60 bg-background", children: _jsxs("table", { className: cx("w-full text-sm border-collapse", tableClassName), children: [_jsx("thead", { className: "solid-data-table-head sticky top-0 z-2", children: _jsx("tr", { children: columns.map(function (column, index) {
+                                    var props = column.props;
+                                    var isSelectionColumn = props.selectionMode === "multiple";
+                                    var isSortable = Boolean(props.sortable && props.field && !isSelectionColumn);
+                                    var isActiveSort = isSortable && sortField === props.field;
+                                    var iconClass = resolveSortIcon(Boolean(isActiveSort), sortOrder);
+                                    return (_jsx("th", { className: cx("solid-data-table-th text-left text-foreground whitespace-nowrap", isSelectionColumn ? "solid-data-table-selection-col" : undefined, props.headerClassName), style: __assign(__assign({}, props.style), props.headerStyle), children: isSelectionColumn ? (_jsx("input", { type: "checkbox", checked: allSelected, onChange: function (e) { return toggleSelectAll(e.currentTarget.checked); }, "aria-label": "Select all rows" })) : (_jsxs("button", { type: "button", className: cx("solid-table-header-button", isSortable ? "is-sortable" : undefined), onClick: function () {
+                                                if (!isSortable)
+                                                    return;
+                                                var nextOrder = nextSortOrder(Boolean(isActiveSort), sortOrder, removableSort);
+                                                onSort === null || onSort === void 0 ? void 0 : onSort({
+                                                    sortField: nextOrder === 0 ? undefined : props.field,
+                                                    sortOrder: nextOrder,
+                                                });
+                                            }, children: [renderHeaderNode(props.header), isSortable ? _jsx("i", { className: iconClass, "aria-hidden": "true" }) : null] })) }, "header-".concat(index)));
+                                }) }) }), _jsx("tbody", { children: pageRows.length === 0 ? (_jsx("tr", { children: _jsx("td", { className: "px-3 py-6 text-center text-muted-foreground", colSpan: Math.max(columns.length, 1), children: emptyMessage || "No records found" }) })) : (pageRows.map(function (rowData) {
+                                var key = String(rowData === null || rowData === void 0 ? void 0 : rowData[dataKey]);
+                                var rowSelected = selectedKeys.has(key);
+                                return (_jsx("tr", { className: cx("solid-data-table-row", rowClassName === null || rowClassName === void 0 ? void 0 : rowClassName(rowData)), onClick: function (event) {
+                                        var target = event.target;
+                                        if (target.closest("button,a,input,label,[data-no-row-click='true']"))
+                                            return;
+                                        onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick({ data: rowData });
+                                    }, children: columns.map(function (column, index) {
+                                        var props = column.props;
+                                        var isSelectionColumn = props.selectionMode === "multiple";
+                                        var content = isSelectionColumn
+                                            ? (_jsx("input", { type: "checkbox", checked: rowSelected, onChange: function (e) { return toggleRowSelection(rowData, e.currentTarget.checked); }, onClick: function (e) { return e.stopPropagation(); }, "aria-label": "Select row" }))
+                                            : props.body
+                                                ? props.body(rowData)
+                                                : props.field
+                                                    ? rowData === null || rowData === void 0 ? void 0 : rowData[props.field]
+                                                    : null;
+                                        return (_jsx("td", { className: cx("solid-data-table-td align-top text-foreground", isSelectionColumn ? "solid-data-table-selection-col" : undefined, props.className), style: props.style, children: content }, "cell-".concat(key, "-").concat(index)));
+                                    }) }, key));
+                            })) })] }) }), typeof onPage === "function" ? (_jsxs("div", { className: cx("w-full solid-table-paginator solid-table-paginator-align-end flex items-center justify-end gap-3 text-sm rounded-md border border-border/60 px-3 py-1.5 bg-background", paginatorClassName), children: [_jsxs("div", { className: "solid-paginator-meta flex items-center gap-2 ml-auto", children: [_jsx("span", { className: "solid-paginator-label", children: "Rows" }), _jsx("select", { value: rows, onChange: function (e) { return onPage({ first: 0, rows: Number(e.target.value) }); }, className: "solid-paginator-select", children: rowsPerPageOptions.map(function (option) { return (_jsx("option", { value: option, children: option }, option)); }) }), _jsx("span", { className: "solid-paginator-report", children: report })] }), _jsxs("div", { className: "solid-paginator-actions flex items-center gap-2", children: [_jsx("button", { type: "button", className: "solid-paginator-btn", onClick: function () { return onPage({ first: Math.max(0, first - rows), rows: rows }); }, disabled: currentPage <= 1, children: "Previous" }), _jsx("button", { type: "button", className: "solid-paginator-btn", onClick: function () { return onPage({ first: Math.min((totalPages - 1) * rows, first + rows), rows: rows }); }, disabled: currentPage >= totalPages, children: "Next" })] })] })) : null] }));
+}
+//# sourceMappingURL=SolidDataTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidDataTable.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidDataTable.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n\nexport type DataTableStateEvent = {\n  sortField?: string;\n  sortOrder?: 1 | -1 | 0;\n};\n\ntype HeaderRenderer = React.ReactNode | (() => React.ReactNode);\ntype BodyRenderer = (rowData: any) => React.ReactNode;\n\nexport type SolidColumnProps = {\n  field?: string;\n  header?: HeaderRenderer;\n  body?: BodyRenderer;\n  sortable?: boolean;\n  selectionMode?: \"multiple\" | \"single\" | null;\n  headerStyle?: React.CSSProperties;\n  style?: React.CSSProperties;\n  className?: string;\n  headerClassName?: string;\n  frozen?: boolean;\n  alignFrozen?: \"left\" | \"right\";\n  [key: string]: any;\n};\n\nexport function Column(_props: SolidColumnProps) {\n  return null;\n}\n\ntype SolidDataTableProps = {\n  value: any[];\n  children: React.ReactNode;\n  size?: \"small\" | \"normal\" | \"large\";\n  viewportHeight?: string;\n  dataKey?: string;\n  emptyMessage?: React.ReactNode;\n  rows?: number;\n  first?: number;\n  totalRecords?: number;\n  rowsPerPageOptions?: number[];\n  onPage?: (event: { first: number; rows: number }) => void;\n  onSort?: (event: DataTableStateEvent) => void;\n  sortField?: string;\n  sortOrder?: 1 | -1 | 0;\n  removableSort?: boolean;\n  selection?: any[];\n  selectionMode?: \"checkbox\" | null;\n  onSelectionChange?: (event: { value: any[] }) => void;\n  onRowClick?: (event: { data: any }) => void;\n  rowClassName?: (rowData: any) => string;\n  tableClassName?: string;\n  paginatorClassName?: string;\n  currentPageReportTemplate?: string;\n  [key: string]: any;\n};\n\nconst cx = (...parts: Array<string | undefined | false>) => parts.filter(Boolean).join(\" \");\n\nfunction renderHeaderNode(header?: HeaderRenderer) {\n  if (typeof header === \"function\") return header();\n  return header ?? null;\n}\n\nfunction normalizeColumns(children: React.ReactNode): React.ReactElement<SolidColumnProps>[] {\n  return React.Children.toArray(children).filter((child): child is React.ReactElement<SolidColumnProps> => {\n    return React.isValidElement(child);\n  });\n}\n\nfunction resolveSortIcon(active: boolean, order: 1 | -1 | 0): string {\n  if (!active || order === 0) return \"pi pi-sort-alt\";\n  return order === 1 ? \"pi pi-sort-amount-up-alt\" : \"pi pi-sort-amount-down\";\n}\n\nfunction nextSortOrder(active: boolean, order: 1 | -1 | 0, removableSort = true): 1 | -1 | 0 {\n  if (!active || order === 0) return 1;\n  if (order === 1) return -1;\n  return removableSort ? 0 : 1;\n}\n\nexport function SolidDataTable({\n  value,\n  children,\n  size = \"normal\",\n  viewportHeight,\n  dataKey = \"id\",\n  emptyMessage,\n  rows = 25,\n  first = 0,\n  totalRecords = 0,\n  rowsPerPageOptions = [10, 25, 50, 100],\n  onPage,\n  onSort,\n  sortField,\n  sortOrder = 0,\n  removableSort = true,\n  selection = [],\n  selectionMode,\n  onSelectionChange,\n  onRowClick,\n  rowClassName,\n  tableClassName,\n  paginatorClassName,\n  currentPageReportTemplate = \"{first} - {last} of {totalRecords}\",\n}: SolidDataTableProps) {\n  const columns = normalizeColumns(children);\n  const pageRows = value ?? [];\n\n  const selectedKeys = new Set((selection || []).map((row: any) => String(row?.[dataKey])));\n  const allSelected = pageRows.length > 0 && pageRows.every((row: any) => selectedKeys.has(String(row?.[dataKey])));\n\n  const start = totalRecords === 0 ? 0 : first + 1;\n  const end = Math.min(first + rows, totalRecords);\n  const currentPage = rows > 0 ? Math.floor(first / rows) + 1 : 1;\n  const totalPages = rows > 0 ? Math.max(1, Math.ceil(totalRecords / rows)) : 1;\n\n  const report = currentPageReportTemplate\n    .replace(\"{first}\", String(start))\n    .replace(\"{last}\", String(end))\n    .replace(\"{totalRecords}\", String(totalRecords));\n\n  const emitSelection = (nextSelection: any[]) => {\n    onSelectionChange?.({ value: nextSelection });\n  };\n\n  const toggleSelectAll = (checked: boolean) => {\n    if (!checked) {\n      const pageKeys = new Set(pageRows.map((row: any) => String(row?.[dataKey])));\n      emitSelection((selection || []).filter((row: any) => !pageKeys.has(String(row?.[dataKey]))));\n      return;\n    }\n    const merged = [...(selection || [])];\n    const mergedKeys = new Set(merged.map((row: any) => String(row?.[dataKey])));\n    pageRows.forEach((row: any) => {\n      const key = String(row?.[dataKey]);\n      if (!mergedKeys.has(key)) merged.push(row);\n    });\n    emitSelection(merged);\n  };\n\n  const toggleRowSelection = (rowData: any, checked: boolean) => {\n    const key = String(rowData?.[dataKey]);\n    if (!checked) {\n      emitSelection((selection || []).filter((row: any) => String(row?.[dataKey]) !== key));\n      return;\n    }\n    emitSelection([...(selection || []), rowData]);\n  };\n\n  const densityClass =\n    size === \"small\"\n      ? \"solid-table-density-compact\"\n      : size === \"large\"\n        ? \"solid-table-density-comfortable\"\n        : \"solid-table-density-cozy\";\n\n  return (\n    <div\n      className={cx(\"solid-data-table-root w-full min-h-0\", densityClass)}\n      style={{\n        height: viewportHeight || \"100%\",\n        maxHeight: viewportHeight || \"100%\",\n      }}\n    >\n      <div className=\"solid-data-table-viewport min-h-0 rounded-md border border-border/60 bg-background\">\n        <table className={cx(\"w-full text-sm border-collapse\", tableClassName)}>\n          <thead className=\"solid-data-table-head sticky top-0 z-2\">\n            <tr>\n              {columns.map((column, index) => {\n                const props = column.props;\n                const isSelectionColumn = props.selectionMode === \"multiple\";\n                const isSortable = Boolean(props.sortable && props.field && !isSelectionColumn);\n                const isActiveSort = isSortable && sortField === props.field;\n                const iconClass = resolveSortIcon(Boolean(isActiveSort), sortOrder);\n                return (\n                  <th\n                    key={`header-${index}`}\n                    className={cx(\n                      \"solid-data-table-th text-left text-foreground whitespace-nowrap\",\n                      isSelectionColumn ? \"solid-data-table-selection-col\" : undefined,\n                      props.headerClassName\n                    )}\n                    style={{ ...props.style, ...props.headerStyle }}\n                  >\n                    {isSelectionColumn ? (\n                      <input\n                        type=\"checkbox\"\n                        checked={allSelected}\n                        onChange={(e) => toggleSelectAll(e.currentTarget.checked)}\n                        aria-label=\"Select all rows\"\n                      />\n                    ) : (\n                      <button\n                        type=\"button\"\n                        className={cx(\"solid-table-header-button\", isSortable ? \"is-sortable\" : undefined)}\n                        onClick={() => {\n                          if (!isSortable) return;\n                          const nextOrder = nextSortOrder(Boolean(isActiveSort), sortOrder, removableSort);\n                          onSort?.({\n                            sortField: nextOrder === 0 ? undefined : props.field,\n                            sortOrder: nextOrder,\n                          });\n                        }}\n                      >\n                        {renderHeaderNode(props.header)}\n                        {isSortable ? <i className={iconClass} aria-hidden=\"true\" /> : null}\n                      </button>\n                    )}\n                  </th>\n                );\n              })}\n            </tr>\n          </thead>\n          <tbody>\n            {pageRows.length === 0 ? (\n              <tr>\n                <td className=\"px-3 py-6 text-center text-muted-foreground\" colSpan={Math.max(columns.length, 1)}>\n                  {emptyMessage || \"No records found\"}\n                </td>\n              </tr>\n            ) : (\n              pageRows.map((rowData: any) => {\n                const key = String(rowData?.[dataKey]);\n                const rowSelected = selectedKeys.has(key);\n                return (\n                  <tr\n                    key={key}\n                    className={cx(\"solid-data-table-row\", rowClassName?.(rowData))}\n                    onClick={(event) => {\n                      const target = event.target as HTMLElement;\n                      if (target.closest(\"button,a,input,label,[data-no-row-click='true']\")) return;\n                      onRowClick?.({ data: rowData });\n                    }}\n                  >\n                    {columns.map((column, index) => {\n                      const props = column.props;\n                      const isSelectionColumn = props.selectionMode === \"multiple\";\n                      const content = isSelectionColumn\n                        ? (\n                          <input\n                            type=\"checkbox\"\n                            checked={rowSelected}\n                            onChange={(e) => toggleRowSelection(rowData, e.currentTarget.checked)}\n                            onClick={(e) => e.stopPropagation()}\n                            aria-label=\"Select row\"\n                          />\n                        )\n                        : props.body\n                          ? props.body(rowData)\n                          : props.field\n                            ? rowData?.[props.field]\n                            : null;\n                      return (\n                        <td\n                          key={`cell-${key}-${index}`}\n                          className={cx(\n                            \"solid-data-table-td align-top text-foreground\",\n                            isSelectionColumn ? \"solid-data-table-selection-col\" : undefined,\n                            props.className\n                          )}\n                          style={props.style}\n                        >\n                          {content}\n                        </td>\n                      );\n                    })}\n                  </tr>\n                );\n              })\n            )}\n          </tbody>\n        </table>\n      </div>\n\n      {typeof onPage === \"function\" ? (\n        <div\n          className={cx(\"w-full solid-table-paginator solid-table-paginator-align-end flex items-center justify-end gap-3 text-sm rounded-md border border-border/60 px-3 py-1.5 bg-background\", paginatorClassName)}\n        >\n          <div className=\"solid-paginator-meta flex items-center gap-2 ml-auto\">\n            <span className=\"solid-paginator-label\">Rows</span>\n            <select\n              value={rows}\n              onChange={(e) => onPage({ first: 0, rows: Number(e.target.value) })}\n              className=\"solid-paginator-select\"\n            >\n              {rowsPerPageOptions.map((option) => (\n                <option key={option} value={option}>{option}</option>\n              ))}\n            </select>\n            <span className=\"solid-paginator-report\">{report}</span>\n          </div>\n          <div className=\"solid-paginator-actions flex items-center gap-2\">\n            <button\n              type=\"button\"\n              className=\"solid-paginator-btn\"\n              onClick={() => onPage({ first: Math.max(0, first - rows), rows })}\n              disabled={currentPage <= 1}\n            >\n              Previous\n            </button>\n            <button\n              type=\"button\"\n              className=\"solid-paginator-btn\"\n              onClick={() => onPage({ first: Math.min((totalPages - 1) * rows, first + rows), rows })}\n              disabled={currentPage >= totalPages}\n            >\n              Next\n            </button>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"]}