@solidstarters/solid-core-ui 1.1.78 → 1.1.80

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

@@ -0,0 +1,179 @@
+"use client";
+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 } from 'react';
+import { createSolidEntityApi } from '../../../redux/api/solidEntityApi';
+import { Toast } from "primereact/toast";
+export var SolidListColumnSelector = function (_a) {
+    var _b, _c;
+    var listViewMetaData = _a.listViewMetaData;
+    var toast = useRef(null);
+    var entityApi = createSolidEntityApi('userViewMetadata');
+    var useUpsertSolidEntityMutation = entityApi.useUpsertSolidEntityMutation;
+    var _d = useUpsertSolidEntityMutation(), upsertUserView = _d[0], _e = _d[1], isLoading = _e.isLoading, viewCreateError = _e.error, isSuccess = _e.isSuccess, data = _e.data;
+    var showToast = function (severity, summary, detail) {
+        var _a;
+        (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show({
+            severity: severity,
+            summary: summary,
+            detail: detail,
+            life: 3000,
+        });
+    };
+    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 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 = selectedKeys.map(function (key) {
+                            var _a;
+                            var existingChild = currentChildren.find(function (child) { return child.attrs.name === key; });
+                            if (existingChild) {
+                                return existingChild; // keep original config
+                            }
+                            else {
+                                // construct a new one if it wasn't in the original
+                                return {
+                                    type: 'field',
+                                    attrs: {
+                                        name: key,
+                                        label: ((_a = allFieldMeta[key]) === null || _a === void 0 ? void 0 : _a.displayName) || key,
+                                        sortable: true,
+                                        filterable: true,
+                                    }
+                                };
+                            }
+                        });
+                        updatedView = {
+                            layout: __assign(__assign({}, solidView.layout), { children: newChildren })
+                        };
+                        _e.label = 1;
+                    case 1:
+                        _e.trys.push([1, 5, , 6]);
+                        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("success", "Layout", "Form Layout Updated successfully!");
+                            window.location.reload();
+                        }
+                        console.log("Successfully updated:", response);
+                        return [3 /*break*/, 4];
+                    case 3:
+                        // Create new user view
+                        console.log("Error:");
+                        _e.label = 4;
+                    case 4: return [3 /*break*/, 6];
+                    case 5:
+                        error_1 = _e.sent();
+                        console.error("Error updating user view:", error_1);
+                        return [3 /*break*/, 6];
+                    case 6:
+                        console.log("Updated solidView", updatedView);
+                        return [2 /*return*/];
+                }
+            });
+        }); },
+    });
+    return (_jsxs(_Fragment, { children: [_jsx(Toast, { ref: toast }), _jsxs("form", { onSubmit: formik.handleSubmit, className: "flex flex-column gap-1 p-1", children: [_jsx("div", { className: "flex flex-column gap-3 px-3 cogwheel-column-filter", style: { maxHeight: 400, overflowY: 'auto' }, children: solidListColumns.map(function (column) {
+                            return (_jsxs("div", { className: "flex align-items-center gap-1", children: [_jsx(Checkbox, { inputId: column.key, name: "selectedColumns", value: column, onChange: function (e) {
+                                            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" }), _jsx("label", { htmlFor: column.key, className: "ml-2 text-base", children: column.name })] }, column.key));
+                        }) }), _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 op.current.hide(e); } })] })] })] }));
+};
+//# sourceMappingURL=SolidListColumnSelector.js.map

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

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