@solidxai/core-ui 0.0.1

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

@@ -0,0 +1,209 @@
+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 __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 };
+    }
+};
+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, Fragment as _Fragment } from "react/jsx-runtime";
+import { useFormik } from 'formik';
+import { Button } from 'primereact/button';
+import { Checkbox } from 'primereact/checkbox';
+import { useRef, useState } from 'react';
+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";
+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 _d = useState(false), isDragging = _d[0], setIsDragging = _d[1];
+    var entityApi = createSolidEntityApi('userViewMetadata');
+    var useUpsertSolidEntityMutation = entityApi.useUpsertSolidEntityMutation;
+    var _e = useUpsertSolidEntityMutation(), upsertUserView = _e[0], _f = _e[1], isLoading = _f.isLoading, viewCreateError = _f.error, isSuccess = _f.isSuccess, data = _f.data;
+    if (!listViewMetaData) {
+        return;
+    }
+    if (!listViewMetaData.data) {
+        return;
+    }
+    var solidView = (_b = listViewMetaData === null || listViewMetaData === void 0 ? void 0 : listViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView;
+    // This is a key value map of field name vs field metadata.
+    var solidFieldsMetadata = (_c = listViewMetaData === null || listViewMetaData === void 0 ? void 0 : listViewMetaData.data) === null || _c === void 0 ? void 0 : _c.solidFieldsMetadata;
+    if (!solidView || !solidFieldsMetadata) {
+        return;
+    }
+    var checkedFieldNames = new Set(solidView.layout.children.map(function (col) { return col.attrs.name; }));
+    var solidListColumns = Object.entries(solidFieldsMetadata).map(function (_a) {
+        var key = _a[0], field = _a[1];
+        return ({
+            name: field.displayName,
+            key: key,
+        });
+    });
+    var _g = useState(function () {
+        var selectedOrder = solidView.layout.children.map(function (child) { return child.attrs.name; });
+        var allColumns = Object.entries(solidFieldsMetadata).map(function (_a) {
+            var key = _a[0], field = _a[1];
+            return ({
+                name: field.displayName,
+                key: key,
+            });
+        });
+        var selectedFields = [];
+        var remainingFields = [];
+        var usedKeys = new Set();
+        var _loop_1 = function (key) {
+            var column = allColumns.find(function (col) { return col.key === key; });
+            if (column) {
+                selectedFields.push(column);
+                usedKeys.add(key);
+            }
+        };
+        // First, add selected fields in the order of solidView
+        for (var _i = 0, selectedOrder_1 = selectedOrder; _i < selectedOrder_1.length; _i++) {
+            var key = selectedOrder_1[_i];
+            _loop_1(key);
+        }
+        // Then, add remaining fields that are not selected
+        for (var _a = 0, allColumns_1 = allColumns; _a < allColumns_1.length; _a++) {
+            var col = allColumns_1[_a];
+            if (!usedKeys.has(col.key)) {
+                remainingFields.push(col);
+            }
+        }
+        return __spreadArray(__spreadArray([], selectedFields, true), remainingFields, true);
+    }), fields = _g[0], setFields = _g[1];
+    var formik = useFormik({
+        initialValues: {
+            selectedColumns: solidListColumns.filter(function (col) { return checkedFieldNames.has(col.key); }),
+        },
+        onSubmit: function (values) { return __awaiter(void 0, void 0, void 0, function () {
+            var selectedKeys, currentChildren, allFieldMeta, newChildren, updatedView, response, error_1;
+            var _a, _b, _c, _d;
+            return __generator(this, function (_e) {
+                switch (_e.label) {
+                    case 0:
+                        selectedKeys = values.selectedColumns.map(function (col) { return col.key; });
+                        currentChildren = solidView.layout.children;
+                        allFieldMeta = solidFieldsMetadata;
+                        newChildren = fields
+                            .filter(function (col) { return selectedKeys.includes(col.key); })
+                            .map(function (_a) {
+                            var _b, _c;
+                            var key = _a.key;
+                            var existingChild = currentChildren.find(function (child) { return child.attrs.name === key; });
+                            if (existingChild)
+                                return existingChild;
+                            // @ts-ignore
+                            var fieldType = (_b = allFieldMeta[key]) === null || _b === void 0 ? void 0 : _b.type;
+                            var isTextType = fieldType === "shortText" || fieldType === "longText" || fieldType === "selectionStatic" || fieldType === "selectionDynamic";
+                            return {
+                                type: 'field',
+                                attrs: __assign({ name: key, label: ((_c = allFieldMeta[key]) === null || _c === void 0 ? void 0 : _c.displayName) || key }, (isTextType ? { isSearchable: true } : {})),
+                            };
+                        });
+                        updatedView = {
+                            layout: __assign(__assign({}, solidView.layout), { children: newChildren })
+                        };
+                        _e.label = 1;
+                    case 1:
+                        _e.trys.push([1, 4, , 5]);
+                        if (!((_b = (_a = listViewMetaData === null || listViewMetaData === void 0 ? void 0 : listViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView) === null || _b === void 0 ? void 0 : _b.id)) return [3 /*break*/, 3];
+                        return [4 /*yield*/, upsertUserView({
+                                viewMetadataId: (_d = (_c = listViewMetaData === null || listViewMetaData === void 0 ? void 0 : listViewMetaData.data) === null || _c === void 0 ? void 0 : _c.solidView) === null || _d === void 0 ? void 0 : _d.id,
+                                layout: JSON.stringify(updatedView.layout),
+                            }).unwrap()];
+                    case 2:
+                        response = _e.sent();
+                        if (response.statusCode === 200) {
+                            showToast(toast, "success", ERROR_MESSAGES.LAYOUT, ERROR_MESSAGES.FORM_LAYOUT_UPDATE);
+                            window.location.reload();
+                        }
+                        _e.label = 3;
+                    case 3: return [3 /*break*/, 5];
+                    case 4:
+                        error_1 = _e.sent();
+                        console.error(ERROR_MESSAGES.UPDATING_USER, error_1);
+                        return [3 /*break*/, 5];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        }); },
+    });
+    var onDragEnd = function (result) {
+        setIsDragging(false);
+        if (!result.destination)
+            return;
+        var reordered = __spreadArray([], fields, true);
+        var moved = reordered.splice(result.source.index, 1)[0];
+        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); } })] })] })] }));
+};
+var DragActive = function (_a) {
+    var active = _a.active;
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [_jsx("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" }), _jsx("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" })] }));
+};
+//# sourceMappingURL=SolidListColumnSelector.js.map

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

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

package/dist/components/core/list/SolidColumnSelector/SolidListColumnSelector.module.css

@@ -0,0 +1,12 @@
+.SolidColumnDragContextActive {
+    background: var(--surface-b);
+    border-radius: 6px;
+    transition: background 0.2s ease;
+}
+
+.SolidColumnDraggedActiveElement {
+    background-color: var(--surface-c);
+    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
+    transition: all 0.2s ease;
+    border-radius: 4px;
+}

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

@@ -0,0 +1,233 @@
+import { useFormik } from 'formik';
+import { Button } from 'primereact/button';
+import { Checkbox } from 'primereact/checkbox';
+import React, { useRef, useState } from 'react'
+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";
+
+interface FieldMetadata {
+    displayName: string;
+}
+
+interface FilterColumns {
+    name: string;
+    key: string;
+}
+
+export const SolidListColumnSelector = ({ listViewMetaData, customizeLayout }: any) => {
+    console.log("listViewMetaData column selector", listViewMetaData);
+
+    const toast = useRef<Toast>(null);
+    const [isDragging, setIsDragging] = useState(false);
+    const entityApi = createSolidEntityApi('userViewMetadata');
+    const {
+        useUpsertSolidEntityMutation
+    } = entityApi;
+
+    const [upsertUserView, { isLoading, error: viewCreateError, isSuccess, data: data }] = useUpsertSolidEntityMutation();
+
+    if (!listViewMetaData) {
+        return;
+    }
+    if (!listViewMetaData.data) {
+        return;
+    }
+
+    const solidView = listViewMetaData?.data?.solidView;
+
+    // This is a key value map of field name vs field metadata.
+    const solidFieldsMetadata = listViewMetaData?.data?.solidFieldsMetadata as Record<string, FieldMetadata>;
+
+
+    if (!solidView || !solidFieldsMetadata) {
+        return;
+    }
+
+    const checkedFieldNames = new Set(solidView.layout.children.map((col: { attrs: { name: string } }) => col.attrs.name));
+
+    const solidListColumns: FilterColumns[] = Object.entries(solidFieldsMetadata).map(([key, field]) => ({
+        name: field.displayName,
+        key,
+    }));
+
+    const [fields, setFields] = useState<FilterColumns[]>(() => {
+        const selectedOrder = solidView.layout.children.map((child: any) => child.attrs.name);
+
+        const allColumns: FilterColumns[] = Object.entries(solidFieldsMetadata).map(([key, field]) => ({
+            name: field.displayName,
+            key,
+        }));
+
+        const selectedFields: FilterColumns[] = [];
+        const remainingFields: FilterColumns[] = [];
+
+        const usedKeys = new Set<string>();
+
+        // First, add selected fields in the order of solidView
+        for (const key of selectedOrder) {
+            const column = allColumns.find(col => col.key === key);
+            if (column) {
+                selectedFields.push(column);
+                usedKeys.add(key);
+            }
+        }
+
+        // Then, add remaining fields that are not selected
+        for (const col of allColumns) {
+            if (!usedKeys.has(col.key)) {
+                remainingFields.push(col);
+            }
+        }
+
+        return [...selectedFields, ...remainingFields];
+    });
+
+    const formik = useFormik({
+        initialValues: {
+            selectedColumns: solidListColumns.filter(col => checkedFieldNames.has(col.key)),
+        },
+        onSubmit: async (values) => {
+            const selectedKeys = values.selectedColumns.map(col => col.key);
+
+            // Step 1: Extract current children
+            const currentChildren = solidView.layout.children;
+
+            // Step 2: Create a map of all available metadata
+            const allFieldMeta = solidFieldsMetadata;
+
+            // Step 3: Filter children to include only selected keys
+            const newChildren = fields
+                .filter(col => selectedKeys.includes(col.key))
+                .map(({ key }) => {
+                    const existingChild = currentChildren.find((child: any) => child.attrs.name === key);
+                    if (existingChild) return existingChild;
+                
+                    // @ts-ignore
+                    const fieldType = allFieldMeta[key]?.type;
+                    const isTextType = fieldType === "shortText" || fieldType === "longText" || fieldType ==="selectionStatic" || fieldType ==="selectionDynamic";
+                
+                    return {
+                        type: 'field',
+                        attrs: {
+                            name: key,
+                            label: allFieldMeta[key]?.displayName || key,
+                            ...(isTextType ? { isSearchable: true } : {}),
+                        },
+                    };
+                });
+                
+            // Now build updated solidView
+            const updatedView = {
+                layout: {
+                    ...solidView.layout,
+                    children: newChildren
+                }
+            };
+
+            try {
+                if (listViewMetaData?.data?.solidView?.id) {
+                    // Update existing user view
+                    const response = await upsertUserView({
+                        viewMetadataId: listViewMetaData?.data?.solidView?.id,
+                        layout: JSON.stringify(updatedView.layout),
+                    }).unwrap();
+                    if (response.statusCode === 200) {
+                        showToast(toast, "success", ERROR_MESSAGES.LAYOUT, ERROR_MESSAGES.FORM_LAYOUT_UPDATE);
+                        window.location.reload();
+                    }
+                }
+            } catch (error) {
+                console.error(ERROR_MESSAGES.UPDATING_USER, error);
+            }
+        },
+    });
+
+    const onDragEnd = (result: DropResult) => {
+        setIsDragging(false);
+        if (!result.destination) return;
+        const reordered = [...fields];
+        const [moved] = reordered.splice(result.source.index, 1);
+        reordered.splice(result.destination.index, 0, moved);
+        setFields(reordered);
+    };
+
+    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">
+                        {(provided): React.ReactElement => (
+                            <div
+                                {...provided.droppableProps}
+                                ref={provided.innerRef}
+                                className={`flex flex-column cogwheel-column-filter px-1 ${isDragging ? styles.SolidColumnDragContextActive : ''}`}
+                                style={{ maxHeight: 400, overflowY: 'auto' }}
+                            >
+                                {fields.map((column, index) => (
+                                    <Draggable key={column.key} draggableId={column.key} index={index}>
+                                        {(provided, snapshot): React.ReactElement => (
+                                            <div
+                                                ref={provided.innerRef}
+                                                {...provided.draggableProps}
+                                                {...provided.dragHandleProps}
+                                                className={`flex align-items-center justify-content-between gap-3 px-3 py-2 ${snapshot.isDragging ? styles.SolidColumnDraggedActiveElement : ''}`}
+                                                style={{
+                                                    ...provided.draggableProps.style,
+                                                }}
+                                            >
+                                                <div className='flex align-items-center gap-1'>
+                                                    <Checkbox
+                                                        inputId={column.key}
+                                                        name="selectedColumns"
+                                                        value={column}
+                                                        onChange={() => {
+                                                            const isChecked = formik.values.selectedColumns.some(item => item.key === column.key);
+                                                            formik.setFieldValue(
+                                                                "selectedColumns",
+                                                                isChecked
+                                                                    ? formik.values.selectedColumns.filter(item => item.key !== column.key)
+                                                                    : [...formik.values.selectedColumns, column]
+                                                            );
+                                                        }}
+                                                        checked={formik.values.selectedColumns.some(item => item.key === column.key)}
+                                                        className="text-base flex align-items-center"
+                                                    />
+                                                    <label htmlFor={column.key} className="ml-2 text-base">
+                                                        {column.name}
+                                                    </label>
+                                                </div>
+                                                <DragActive active={snapshot.isDragging} />
+                                            </div>
+                                        )}
+                                    </Draggable>
+                                ))}
+                                {provided.placeholder}
+                            </div>
+                        )}
+                    </Droppable>
+                </DragDropContext>
+                <div className="p-3 flex gap-2">
+                    <Button type='submit' label="Apply" size="small" />
+                    <Button type='button' outlined label="Cancel" size="small"
+                        // @ts-ignore
+                        onClick={(e) => customizeLayout.current.hide(e)}
+                    />
+                </div>
+            </form>
+        </>
+    )
+}
+
+const DragActive = ({ active }: any) => {
+    return (
+        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+            <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"} />
+            <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"} />
+        </svg>
+    )
+}

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

@@ -0,0 +1,2 @@
+export declare const SolidEmptyListViewPlaceholder: ({ createButtonUrl, createActionQueryParams, actionsAllowed, params, solidListViewMetaData }: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidEmptyListViewPlaceholder.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidEmptyListViewPlaceholder.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidEmptyListViewPlaceholder.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,6BAA6B,gGAAiG,GAAG,4CAyG7I,CAAA"}

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

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { permissionExpression } from '../../../helpers/permissions';
+import { SolidCreateButton } from '../common/SolidCreateButton';
+import Image from "../../common/Image";
+import { Button } from 'primereact/button';
+import { useHandleListCustomButtonClick } from '../../../components/common/useHandleListCustomButtonClick';
+import { hasAnyRole } from '../../../helpers/rolesHelper';
+import { env } from "../../../adapters/env";
+import { useSession } from "../../../hooks/useSession";
+export var SolidEmptyListViewPlaceholder = function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+    var createButtonUrl = _a.createButtonUrl, createActionQueryParams = _a.createActionQueryParams, actionsAllowed = _a.actionsAllowed, params = _a.params, solidListViewMetaData = _a.solidListViewMetaData;
+    var noDataText = (_f = (_e = (_d = (_c = (_b = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.layout) === null || _d === void 0 ? void 0 : _d.attrs) === null || _e === void 0 ? void 0 : _e.listViewNoDataHelperText) !== null && _f !== void 0 ? _f : (env("NEXT_PUBLIC_DEFAULT_LIST_VIEW_NODATA_HELPER_TEXT") && ((_h = (_g = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _g === void 0 ? void 0 : _g.solidView) === null || _h === void 0 ? void 0 : _h.displayName)
+        ? "".concat(env("NEXT_PUBLIC_DEFAULT_LIST_VIEW_NODATA_HELPER_TEXT"), " ").concat(solidListViewMetaData.data.solidView.displayName)
+        : null);
+    var handleCustomButtonClick = useHandleListCustomButtonClick();
+    var CustomActionButtons = function () {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        return (_jsx("div", { children: ((_c = (_b = (_a = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.attrs.showDefaultAddButton) === false && ((_g = (_f = (_e = (_d = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _d === void 0 ? void 0 : _d.solidView) === null || _e === void 0 ? void 0 : _e.layout) === null || _f === void 0 ? void 0 : _f.attrs) === null || _g === void 0 ? void 0 : _g.headerButtons) &&
+                ((_l = (_k = (_j = (_h = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _h === void 0 ? void 0 : _h.solidView) === null || _j === void 0 ? void 0 : _j.layout) === null || _k === void 0 ? void 0 : _k.attrs) === null || _l === void 0 ? void 0 : _l.headerButtons.map(function (button) {
+                    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+                    var _k = useSession(), session = _k.data, status = _k.status;
+                    var user = session === null || session === void 0 ? void 0 : session.user;
+                    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;
+                    return (_jsx(Button, { text: (_e = (_d = button === null || button === void 0 ? void 0 : button.attrs) === null || _d === void 0 ? void 0 : _d.showText) !== null && _e !== void 0 ? _e : true, type: "button", className: "w-full text-left ".concat((_g = (_f = button === null || button === void 0 ? void 0 : button.attrs) === null || _f === void 0 ? void 0 : _f.className) !== null && _g !== void 0 ? _g : 'gap-2', " "), label: button.attrs.label, size: "small", iconPos: "left", icon: ((_h = button === null || button === void 0 ? void 0 : button.attrs) === null || _h === void 0 ? void 0 : _h.icon) ? (_j = button === null || button === void 0 ? void 0 : button.attrs) === null || _j === void 0 ? void 0 : _j.icon : "pi pi-pencil", onClick: function () {
+                            var event = {
+                                params: params,
+                                solidListViewMetaData: solidListViewMetaData.data
+                            };
+                            handleCustomButtonClick(button.attrs, event);
+                        } }));
+                })) }));
+    };
+    return (_jsx(_Fragment, { children: _jsxs("div", { className: 'solid-empty-listview-placeholder-container', children: [env("NEXT_PUBLIC_DEFAULT_LIST_VIEW_NODATA_IMAGE") &&
+                    _jsx(Image, { alt: (_k = (_j = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _j === void 0 ? void 0 : _j.solidView) === null || _k === void 0 ? void 0 : _k.displayName, src: env("NEXT_PUBLIC_DEFAULT_LIST_VIEW_NODATA_IMAGE"), className: 'relative', height: 385, width: 617 }), _jsx("div", { className: 'text-base font-bold', children: "No Data Available." }), noDataText &&
+                    _jsx("div", { className: 'text-sm mt-1', children: noDataText }), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
+                    ((_p = (_o = (_m = (_l = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _l === void 0 ? void 0 : _l.solidView) === null || _m === void 0 ? void 0 : _m.layout) === null || _o === void 0 ? void 0 : _o.attrs) === null || _p === void 0 ? void 0 : _p.create) !== false &&
+                    params.embeded !== true &&
+                    ((_s = (_r = (_q = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _q === void 0 ? void 0 : _q.solidView) === null || _r === void 0 ? void 0 : _r.layout) === null || _s === void 0 ? void 0 : _s.attrs.showDefaultAddButton) !== false &&
+                    _jsx("div", { className: 'mt-2', children: _jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, title: (_u = (_t = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _t === void 0 ? void 0 : _t.solidView) === null || _u === void 0 ? void 0 : _u.displayName }) }), _jsx(CustomActionButtons, {})] }) }));
+};
+//# sourceMappingURL=SolidEmptyListViewPlaceholder.js.map

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

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