@solidxai/core-ui 0.1.7-beta.0 → 0.1.7-beta.10

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

@@ -0,0 +1,71 @@
+import React from "react";
+
+type SolidDataTablePaginationProps = {
+  rows: number;
+  first: number;
+  totalRecords: number;
+  rowsPerPageOptions?: number[];
+  onPage: (event: { first: number; rows: number }) => void;
+  currentPageReportTemplate?: string;
+  className?: string;
+};
+
+const cx = (...parts: Array<string | undefined | false>) => parts.filter(Boolean).join(" ");
+
+export function SolidDataTablePagination({
+  rows,
+  first,
+  totalRecords,
+  rowsPerPageOptions = [10, 25, 50, 100],
+  onPage,
+  currentPageReportTemplate = "{first} - {last} of {totalRecords}",
+  className,
+}: SolidDataTablePaginationProps) {
+  const safeRows = rows > 0 ? rows : 25;
+  const start = totalRecords === 0 ? 0 : first + 1;
+  const end = Math.min(first + safeRows, totalRecords);
+  const currentPage = Math.floor(first / safeRows) + 1;
+  const totalPages = Math.max(1, Math.ceil(totalRecords / safeRows));
+
+  const report = currentPageReportTemplate
+    .replace("{first}", String(start))
+    .replace("{last}", String(end))
+    .replace("{totalRecords}", String(totalRecords));
+
+  return (
+    <div className={cx("w-full solid-table-paginator flex items-center justify-end gap-3 text-sm rounded-md border border-border/60 px-3 py-1.5 bg-background", className)}>
+      <div className="solid-paginator-meta flex items-center gap-2 ml-auto">
+        <span className="solid-paginator-label">Rows</span>
+        <select
+          value={safeRows}
+          onChange={(e) => onPage({ first: 0, rows: Number(e.target.value) })}
+          className="solid-paginator-select"
+        >
+          {rowsPerPageOptions.map((option) => (
+            <option key={option} value={option}>{option}</option>
+          ))}
+        </select>
+        <span className="solid-paginator-report">{report}</span>
+      </div>
+      <div className="solid-paginator-actions flex items-center gap-2">
+        <button
+          type="button"
+          className="solid-paginator-btn"
+          onClick={() => onPage({ first: Math.max(0, first - safeRows), rows: safeRows })}
+          disabled={currentPage <= 1}
+        >
+          Previous
+        </button>
+        <button
+          type="button"
+          className="solid-paginator-btn"
+          onClick={() => onPage({ first: Math.min((totalPages - 1) * safeRows, first + safeRows), rows: safeRows })}
+          disabled={currentPage >= totalPages}
+        >
+          Next
+        </button>
+      </div>
+    </div>
+  );
+}
+

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

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

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

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

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

@@ -1,44 +1,65 @@
 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";
+import { useState } from "react";
+import { Download, SquarePen } from "lucide-react";
+import { SolidGenericImport } from "../common/SolidGenericImport/SolidGenericImport";
+import { SolidButton } from "../../shad-cn-ui";
 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)
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+    var createButtonUrl = _a.createButtonUrl, createActionQueryParams = _a.createActionQueryParams, actionsAllowed = _a.actionsAllowed, params = _a.params, solidListViewMetaData = _a.solidListViewMetaData, handleFetchUpdatedRecords = _a.handleFetchUpdatedRecords;
+    var _t = useState(false), openImportDialog = _t[0], setOpenImportDialog = _t[1];
+    var session = useSession().data;
+    var user = session === null || session === void 0 ? void 0 : session.user;
+    var layoutAttrs = (_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 ? _e : {};
+    var displayName = (_h = (_g = (_f = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _f === void 0 ? void 0 : _f.solidView) === null || _g === void 0 ? void 0 : _g.displayName) !== null && _h !== void 0 ? _h : "records";
+    var entityName = displayName.toLowerCase();
+    var noDataText = (_o = (_m = (_l = (_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.layout) === null || _l === void 0 ? void 0 : _l.attrs) === null || _m === void 0 ? void 0 : _m.listViewNoDataHelperText) !== null && _o !== void 0 ? _o : (env("NEXT_PUBLIC_DEFAULT_LIST_VIEW_NODATA_HELPER_TEXT") && ((_q = (_p = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _p === void 0 ? void 0 : _p.solidView) === null || _q === void 0 ? void 0 : _q.displayName)
         ? "".concat(env("NEXT_PUBLIC_DEFAULT_LIST_VIEW_NODATA_HELPER_TEXT"), " ").concat(solidListViewMetaData.data.solidView.displayName)
-        : null);
+        : "There are no ".concat(entityName, " records yet."));
     var handleCustomButtonClick = useHandleListCustomButtonClick();
+    var normalizeAction = function (value) {
+        if (value === true || value === undefined)
+            return { enabled: true, roles: [] };
+        if (value === false)
+            return { enabled: false, roles: [] };
+        if (Array.isArray(value))
+            return { enabled: true, roles: value };
+        return { enabled: true, roles: [] };
+    };
+    var importAction = normalizeAction(layoutAttrs.import);
+    var canCreate = actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
+        (layoutAttrs === null || layoutAttrs === void 0 ? void 0 : layoutAttrs.create) !== false &&
+        params.embeded !== true &&
+        layoutAttrs.showDefaultAddButton !== false;
+    var canImport = params.embeded !== true &&
+        importAction.enabled &&
+        actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
+        actionsAllowed.includes("".concat(permissionExpression('importTransaction', 'create'))) &&
+        (importAction.roles.length === 0 || hasAnyRole(user === null || user === void 0 ? void 0 : user.roles, importAction.roles));
     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);
-                        } }));
-                })) }));
+        var _a;
+        var headerButtons = (_a = layoutAttrs === null || layoutAttrs === void 0 ? void 0 : layoutAttrs.headerButtons) !== null && _a !== void 0 ? _a : [];
+        if (layoutAttrs.showDefaultAddButton !== false || !headerButtons.length)
+            return null;
+        return (_jsx("div", { className: "solid-empty-listview-custom-actions", children: headerButtons.map(function (button) {
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+                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(SolidButton, { type: "button", className: "solid-empty-listview-secondary-action ".concat((_e = (_d = button === null || button === void 0 ? void 0 : button.attrs) === null || _d === void 0 ? void 0 : _d.className) !== null && _e !== void 0 ? _e : ''), variant: ((_f = button === null || button === void 0 ? void 0 : button.attrs) === null || _f === void 0 ? void 0 : _f.showText) === false ? "primary" : "ghost", size: "small", icon: (_g = button === null || button === void 0 ? void 0 : button.attrs) === null || _g === void 0 ? void 0 : _g.icon, leftIcon: !((_h = button === null || button === void 0 ? void 0 : button.attrs) === null || _h === void 0 ? void 0 : _h.icon) ? _jsx(SquarePen, { size: 14 }) : undefined, onClick: function () {
+                        var event = {
+                            params: params,
+                            solidListViewMetaData: solidListViewMetaData.data
+                        };
+                        handleCustomButtonClick(button.attrs, event);
+                    }, children: button.attrs.label }, ((_j = button === null || button === void 0 ? void 0 : button.attrs) === null || _j === void 0 ? void 0 : _j.name) || ((_k = button === null || button === void 0 ? void 0 : button.attrs) === null || _k === void 0 ? void 0 : _k.label)));
+            }) }));
     };
-    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, {})] }) }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: 'solid-empty-listview-placeholder-container', children: _jsxs("div", { className: "solid-empty-listview-placeholder-panel", children: [_jsxs("div", { className: "solid-empty-listview-header", children: [_jsx("div", { className: "solid-empty-listview-header-title", children: displayName }), _jsx("div", { className: "solid-empty-listview-header-subtitle", children: noDataText })] }), _jsxs("div", { className: "solid-empty-listview-body", children: [_jsxs("div", { className: "solid-empty-listview-actions", children: [canCreate && (_jsx("div", { className: "solid-empty-listview-create-action", children: _jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, title: (_s = (_r = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _r === void 0 ? void 0 : _r.solidView) === null || _s === void 0 ? void 0 : _s.displayName }) })), canImport && (_jsx(SolidButton, { type: "button", variant: "outline", leftIcon: _jsx(Download, { size: 14 }), className: "solid-empty-listview-import-button", onClick: function () { return setOpenImportDialog(true); }, children: "Import" }))] }), _jsxs("div", { className: "solid-empty-listview-description", children: ["Click Create or Import to add ", entityName, " entities."] }), _jsx(CustomActionButtons, {})] })] }) }), openImportDialog && (_jsx(SolidGenericImport, { openImportDialog: openImportDialog, setOpenImportDialog: setOpenImportDialog, listViewMetaData: solidListViewMetaData, handleFetchUpdatedRecords: handleFetchUpdatedRecords }))] }));
 };
 //# sourceMappingURL=SolidEmptyListViewPlaceholder.js.map

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

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

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

@@ -1,115 +1,147 @@
 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";
+import { useState } from "react";
+import { Download, SquarePen } from "lucide-react";
+import { SolidGenericImport } from "../common/SolidGenericImport/SolidGenericImport";
+import { SolidButton } from "../../shad-cn-ui";
 
-export const SolidEmptyListViewPlaceholder = ({ createButtonUrl, createActionQueryParams, actionsAllowed, params, solidListViewMetaData }: any) => {
+export const SolidEmptyListViewPlaceholder = ({
+    createButtonUrl,
+    createActionQueryParams,
+    actionsAllowed,
+    params,
+    solidListViewMetaData,
+    handleFetchUpdatedRecords,
+}: any) => {
+    const [openImportDialog, setOpenImportDialog] = useState(false);
+    const { data: session } = useSession();
+    const user = session?.user;
+
+    const layoutAttrs = solidListViewMetaData?.data?.solidView?.layout?.attrs ?? {};
+    const displayName = solidListViewMetaData?.data?.solidView?.displayName ?? "records";
+    const entityName = displayName.toLowerCase();
     const noDataText = solidListViewMetaData?.data?.solidView?.layout?.attrs?.listViewNoDataHelperText
         ?? (env("NEXT_PUBLIC_DEFAULT_LIST_VIEW_NODATA_HELPER_TEXT") && solidListViewMetaData?.data?.solidView?.displayName
             ? `${env("NEXT_PUBLIC_DEFAULT_LIST_VIEW_NODATA_HELPER_TEXT")} ${solidListViewMetaData.data.solidView.displayName}`
-            : null)
+            : `There are no ${entityName} records yet.`);
 
-    const handleCustomButtonClick = useHandleListCustomButtonClick()
+    const handleCustomButtonClick = useHandleListCustomButtonClick();
 
-    const CustomActionButtons = () => {
-        return (
-            <div>
-                {solidListViewMetaData?.data?.solidView?.layout?.attrs.showDefaultAddButton === false && solidListViewMetaData?.data?.solidView?.layout?.attrs?.headerButtons &&
-                    solidListViewMetaData?.data?.solidView?.layout?.attrs?.headerButtons.map((button: any) => {
+    const normalizeAction = (value: boolean | string[] | undefined) => {
+        if (value === true || value === undefined) return { enabled: true, roles: [] as string[] };
+        if (value === false) return { enabled: false, roles: [] as string[] };
+        if (Array.isArray(value)) return { enabled: true, roles: value };
+        return { enabled: true, roles: [] as string[] };
+    };
 
-                        const { data: session, status } = useSession();
-                        const user = session?.user;
+    const importAction = normalizeAction(layoutAttrs.import);
+    const canCreate =
+        actionsAllowed.includes(`${permissionExpression(params.modelName, 'create')}`) &&
+        layoutAttrs?.create !== false &&
+        params.embeded !== true &&
+        layoutAttrs.showDefaultAddButton !== false;
+    const canImport =
+        params.embeded !== true &&
+        importAction.enabled &&
+        actionsAllowed.includes(`${permissionExpression(params.modelName, 'create')}`) &&
+        actionsAllowed.includes(`${permissionExpression('importTransaction', 'create')}`) &&
+        (importAction.roles.length === 0 || hasAnyRole(user?.roles, importAction.roles));
 
-                        const hasRole = !button?.attrs?.roles || button?.attrs?.roles.length === 0 ? true : hasAnyRole(user?.roles, button?.attrs?.roles);
+    const CustomActionButtons = () => {
+        const headerButtons = layoutAttrs?.headerButtons ?? [];
+        if (layoutAttrs.showDefaultAddButton !== false || !headerButtons.length) return null;
 
-                        if (!hasRole) return null;
-                        return (
-                            <Button
-                                text={button?.attrs?.showText ?? true}
-                                type="button"
-                                className={`w-full text-left ${button?.attrs?.className ?? 'gap-2'} `}
-                                label={button.attrs.label}
-                                size="small"
-                                iconPos="left"
-                                icon={button?.attrs?.icon ? button?.attrs?.icon : "pi pi-pencil"}
-                                onClick={() => {
-                                    const event = {
-                                        params,
-                                        solidListViewMetaData: solidListViewMetaData.data
-                                    }
-                                    handleCustomButtonClick(button.attrs, event)
-                                }}
-                            />
-                        );
-                    })
-                }
+        return (
+            <div className="solid-empty-listview-custom-actions">
+                {headerButtons.map((button: any) => {
+                    const hasRole = !button?.attrs?.roles || button?.attrs?.roles.length === 0 ? true : hasAnyRole(user?.roles, button?.attrs?.roles);
+                    if (!hasRole) return null;
+
+                    return (
+                        <SolidButton
+                            key={button?.attrs?.name || button?.attrs?.label}
+                            type="button"
+                            className={`solid-empty-listview-secondary-action ${button?.attrs?.className ?? ''}`}
+                            variant={button?.attrs?.showText === false ? "primary" : "ghost"}
+                            size="small"
+                            icon={button?.attrs?.icon}
+                            leftIcon={!button?.attrs?.icon ? <SquarePen size={14} /> : undefined}
+                            onClick={() => {
+                                const event = {
+                                    params,
+                                    solidListViewMetaData: solidListViewMetaData.data
+                                };
+                                handleCustomButtonClick(button.attrs, event);
+                            }}
+                        >
+                            {button.attrs.label}
+                        </SolidButton>
+                    );
+                })}
             </div>
-        )
-    }
+        );
+    };
 
     return (
         <>
-            {/* <div className="page-header">
-                <p className="m-0 view-title">{solidListViewMetaData?.data?.solidView?.layout?.displayName}</p>
-            </div> */}
             <div className='solid-empty-listview-placeholder-container'>
-                {env("NEXT_PUBLIC_DEFAULT_LIST_VIEW_NODATA_IMAGE") &&
-                    <Image
-                        alt={solidListViewMetaData?.data?.solidView?.displayName}
-                        src={env("NEXT_PUBLIC_DEFAULT_LIST_VIEW_NODATA_IMAGE")}
-                        className='relative'
-                        height={385}
-                        width={617}
-                    />
-                }
-                <div className='text-base font-bold'>
-                    No Data Available.
-                </div>
-                {noDataText &&
-                    <div className='text-sm mt-1'>
-                        {noDataText}
+                <div className="solid-empty-listview-placeholder-panel">
+                    <div className="solid-empty-listview-header">
+                        <div className="solid-empty-listview-header-title">{displayName}</div>
+                        <div className="solid-empty-listview-header-subtitle">{noDataText}</div>
                     </div>
-                }
-                {
-                    actionsAllowed.includes(`${permissionExpression(params.modelName, 'create')}`) &&
-                    solidListViewMetaData?.data?.solidView?.layout?.attrs?.create !== false &&
-                    params.embeded !== true &&
-                    solidListViewMetaData?.data?.solidView?.layout?.attrs.showDefaultAddButton !== false &&
 
-                    <div className='mt-2'>
-                        <SolidCreateButton createButtonUrl={createButtonUrl} createActionQueryParams={createActionQueryParams} title={solidListViewMetaData?.data?.solidView?.displayName} />
-                    </div>
-                }
-                <CustomActionButtons />
-                {/* <div>
-                    {solidListViewMetaData?.data?.solidView?.layout?.attrs.showDefaultAddButton === false && solidListViewMetaData?.data?.solidView?.layout?.attrs?.headerButtons &&
-                        solidListViewMetaData?.data?.solidView?.layout?.attrs?.headerButtons.map((button: any) => {
-                            return (
-                                <Button
-                                    text
+                    <div className="solid-empty-listview-body">
+                        {/* <div className="solid-empty-listview-icon-wrap">
+                            <FolderOpen className="solid-empty-listview-icon" aria-hidden="true" />
+                        </div>
+                        <div className="solid-empty-listview-title">
+                            No {displayName} Data Available
+                        </div> */}
+
+                        <div className="solid-empty-listview-actions">
+                            {canCreate && (
+                                <div className="solid-empty-listview-create-action">
+                                    <SolidCreateButton
+                                        createButtonUrl={createButtonUrl}
+                                        createActionQueryParams={createActionQueryParams}
+                                        title={solidListViewMetaData?.data?.solidView?.displayName}
+                                    />
+                                </div>
+                            )}
+                            {canImport && (
+                                <SolidButton
                                     type="button"
-                                    className={`w-full text-left gap-2 ${button?.attrs?.className ? button?.attrs?.className : ''}`}
-                                    label={button.attrs.label}
-                                    size="small"
-                                    iconPos="left"
-                                    icon={button?.attrs?.icon ? button?.attrs?.icon : "pi pi-pencil"}
-                                    onClick={() => {
-                                        const event = {
-                                            params,
-                                            solidListViewMetaData: solidListViewMetaData.data
-                                        }
-                                        handleCustomButtonClick(button.attrs, event)
-                                    }}
-                                />
-                            );
-                        })
-                    }
-                </div> */}
+                                    variant="outline"
+                                    leftIcon={<Download size={14} />}
+                                    className="solid-empty-listview-import-button"
+                                    onClick={() => setOpenImportDialog(true)}
+                                >
+                                    Import
+                                </SolidButton>
+                            )}
+                        </div>
+
+                        <div className="solid-empty-listview-description">
+                            Click Create or Import to add {entityName} entities.
+                        </div>
+
+                        <CustomActionButtons />
+                    </div>
+                </div>
             </div>
+            {openImportDialog && (
+                <SolidGenericImport
+                    openImportDialog={openImportDialog}
+                    setOpenImportDialog={setOpenImportDialog}
+                    listViewMetaData={solidListViewMetaData}
+                    handleFetchUpdatedRecords={handleFetchUpdatedRecords}
+                />
+            )}
         </>
-    )
-}
+    );
+};

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

@@ -1,10 +1,8 @@
 /// <reference types="react" />
-import "yet-another-react-lightbox/styles.css";
-import "yet-another-react-lightbox/plugins/counter.css";
 export declare const getFilterObjectFromLocalStorage: () => any;
 export declare const getFilterObjectFromLocalStorageByUrl: (url: string) => any;
-export declare const setFilterObjectToLocalStorage: (queryObject: string) => string | null;
-export declare const setFilterObjectToLocalStorageByUrl: (url: string, queryObject: string) => string | null;
+export declare const setFilterObjectToLocalStorage: (queryObject: any) => string | null;
+export declare const setFilterObjectToLocalStorageByUrl: (url: string, queryObject: any) => string | null;
 type SolidListViewParams = {
     moduleName: string;
     modelName: string;
@@ -54,10 +52,7 @@ export type SolidListViewHandle = {
      * Updates sorting state and resets page offset to the first page.
      * Use this for programmatic sort controls to match DataTable behavior.
      */
-    setSort: (nextMultiSortMeta: {
-        field: string;
-        order: 1 | -1;
-    }[]) => void;
+    setSort: (nextSortField: string, nextSortOrder: 1 | -1 | 0) => void;
     /**
      * Toggles inclusion of archived/soft-deleted records.
      * Use this to switch between active-only and inclusive list views.
@@ -70,10 +65,8 @@ export type SolidListViewHandle = {
     getState: () => {
         first: number;
         rows: number;
-        multiSortMeta: {
-            field: string;
-            order: 1 | -1;
-        }[];
+        sortField: string;
+        sortOrder: 1 | -1 | 0;
         showArchived: boolean;
         filters: any;
         filterPredicates: any;

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

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