@ramesesinc/platform-core 0.1.0

package/dist/styles/index.css

@@ -0,0 +1,38 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+
+  * {
+    box-sizing: border-box;
+  }
+
+  body {
+    @apply bg-white text-gray-900;
+
+    font-family: var(--font-inter), -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+  }
+
+  input:focus,
+  textarea:focus,
+  select:focus {
+    @apply outline-none placeholder-gray-400 ring-2 ring-primary-400 border-transparent;
+    @apply transition-all duration-200;
+    @apply bg-yellow-50;
+  }
+
+    /* --- Base Styles for Headings --- */
+  h1 { @apply text-4xl font-bold mb-4; }
+  h2 { @apply text-3xl font-semibold mb-3; }
+  h3 { @apply text-2xl font-semibold mb-2; }
+  h4 { @apply text-xl font-medium mb-1; }
+  h5 { @apply text-lg font-semibold mb-1; }
+  h6 { @apply text-base font-semibold mb-1; }
+}
+
+@layer utilities {
+
+}
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdHlsZXMvaW5kZXguY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6ImluZGV4LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIkB0YWlsd2luZCBiYXNlO1xyXG5AdGFpbHdpbmQgY29tcG9uZW50cztcclxuQHRhaWx3aW5kIHV0aWxpdGllcztcclxuXHJcbkBsYXllciBiYXNlIHtcclxuXHJcbiAgKiB7XHJcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG4gIH1cclxuXHJcbiAgYm9keSB7XHJcbiAgICBAYXBwbHkgYmctd2hpdGUgdGV4dC1ncmF5LTkwMDtcclxuXHJcbiAgICBmb250LWZhbWlseTogdmFyKC0tZm9udC1pbnRlciksIC1hcHBsZS1zeXN0ZW0sIEJsaW5rTWFjU3lzdGVtRm9udCwgJ1NlZ29lIFVJJywgJ1JvYm90bycsICdPeHlnZW4nLCAnVWJ1bnR1JywgJ0NhbnRhcmVsbCcsICdGaXJhIFNhbnMnLCAnRHJvaWQgU2FucycsICdIZWx2ZXRpY2EgTmV1ZScsIHNhbnMtc2VyaWY7XHJcbiAgfVxyXG5cclxuICBpbnB1dDpmb2N1cyxcclxuICB0ZXh0YXJlYTpmb2N1cyxcclxuICBzZWxlY3Q6Zm9jdXMge1xyXG4gICAgQGFwcGx5IG91dGxpbmUtbm9uZSBwbGFjZWhvbGRlci1ncmF5LTQwMCByaW5nLTIgcmluZy1wcmltYXJ5LTQwMCBib3JkZXItdHJhbnNwYXJlbnQ7XHJcbiAgICBAYXBwbHkgdHJhbnNpdGlvbi1hbGwgZHVyYXRpb24tMjAwO1xyXG4gICAgQGFwcGx5IGJnLXllbGxvdy01MDtcclxuICB9XHJcblxyXG4gICAgLyogLS0tIEJhc2UgU3R5bGVzIGZvciBIZWFkaW5ncyAtLS0gKi9cclxuICBoMSB7IEBhcHBseSB0ZXh0LTR4bCBmb250LWJvbGQgbWItNDsgfVxyXG4gIGgyIHsgQGFwcGx5IHRleHQtM3hsIGZvbnQtc2VtaWJvbGQgbWItMzsgfVxyXG4gIGgzIHsgQGFwcGx5IHRleHQtMnhsIGZvbnQtc2VtaWJvbGQgbWItMjsgfVxyXG4gIGg0IHsgQGFwcGx5IHRleHQteGwgZm9udC1tZWRpdW0gbWItMTsgfVxyXG4gIGg1IHsgQGFwcGx5IHRleHQtbGcgZm9udC1zZW1pYm9sZCBtYi0xOyB9XHJcbiAgaDYgeyBAYXBwbHkgdGV4dC1iYXNlIGZvbnQtc2VtaWJvbGQgbWItMTsgfVxyXG59XHJcblxyXG5AbGF5ZXIgdXRpbGl0aWVzIHtcclxuXHJcbn1cclxuIl19 */

package/dist/templates/BasicTemplate.d.ts

@@ -0,0 +1,2 @@
+declare const BasicTemplate: (props: Record<string, any>) => import("react/jsx-runtime").JSX.Element;
+export default BasicTemplate;

package/dist/templates/BasicTemplate.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import ErrorMessage from "../core/ErrorMessage";
+import Panel from "../core/Panel";
+import BorderLayout from "../layouts/BorderLayout";
+const BasicTemplate = (props) => {
+    const { header, footer, center, left, right } = props;
+    const [error, setError] = useState(null);
+    const loadPanel = (section) => {
+        return _jsx(Panel, { content: section });
+    };
+    return (_jsxs("div", { className: "flex flex-col", children: [_jsx(ErrorMessage, { error: error }), _jsx(BorderLayout, { north: loadPanel(header), south: loadPanel(footer), east: loadPanel(right), west: loadPanel(left), children: loadPanel(center) })] }));
+};
+export default BasicTemplate;

package/dist/templates/CrudFormTemplate.d.ts

@@ -0,0 +1,2 @@
+declare const CrudFormTemplate: (props: Record<string, any>) => import("react/jsx-runtime").JSX.Element;
+export default CrudFormTemplate;

package/dist/templates/CrudFormTemplate.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import BorderLayout from "../layouts/BorderLayout";
+import HPanel from "../layouts/HPanel";
+import VPanel from "../layouts/VPanel";
+import { SectionProvider } from "../lib/utils/SectionProvider";
+const CrudFormTemplate = (props) => {
+    const sp = SectionProvider(props !== null && props !== void 0 ? props : {});
+    const getRight = () => {
+        const comp = sp.getSection("right");
+        if (Array.isArray(comp)) {
+            return _jsx(VPanel, { gap: 8, children: comp });
+        }
+        return comp;
+    };
+    const getLeft = () => {
+        const comp = sp.getSection("left");
+        if (Array.isArray(comp)) {
+            return _jsx(VPanel, { gap: 8, children: comp });
+        }
+        return comp;
+    };
+    const getHeader = () => {
+        const comp = sp.getSection("header");
+        if (Array.isArray(comp)) {
+            return _jsx(HPanel, { gap: 8, children: comp });
+        }
+        return comp;
+    };
+    const getFooter = () => {
+        const comp = sp.getSection("footer");
+        if (Array.isArray(comp)) {
+            return _jsx(HPanel, { gap: 8, children: comp });
+        }
+        return comp;
+    };
+    return (_jsx(BorderLayout, { north: getHeader(), south: getFooter(), east: getRight(), west: getLeft(), children: _jsx("p", { children: "CrudFormTemplate" }) }));
+};
+export default CrudFormTemplate;

package/dist/templates/DataListTemplate.d.ts

@@ -0,0 +1,2 @@
+declare const DataListTemplate: (props: Record<string, any>) => import("react/jsx-runtime").JSX.Element;
+export default DataListTemplate;

package/dist/templates/DataListTemplate.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import DataList from "../components/table/DataList";
+import Panel from "../core/Panel";
+import BorderLayout from "../layouts/BorderLayout";
+const DataListTemplate = (props) => {
+    const { title, cols, data, rowsPerPage, rowActions, bulkActions, toolbarActions, header, footer, right, left, commonActions, filters, disableTotalCount, emptyMessage, errorMessage, striped, bordered, hover, dense, showPagination, paginationPosition, showPageInfo, showTotalCount, showRowsPerPage, rowsPerPageOptions, searchable, searchPlaceholder, searchDebounce, onSearchChange, showFilterPanel, onFilterChange, sortable, defaultSort, showSortIndicator, selectable, selectionMode, onSelectionChange, selectOnRowClick, onRowClick, onRowDoubleClick, toolbarTitle, showRefreshButton, showExportButton, onError, onRefresh, onExport, className, rowClassName, } = props !== null && props !== void 0 ? props : {};
+    const attr = { title, cols, data, rowsPerPage, commonActions, rowActions, toolbarActions, bulkActions, filters };
+    const loadPanel = (section) => {
+        return _jsx(Panel, { content: section });
+    };
+    return (_jsx(BorderLayout, { className: "py-2", north: loadPanel(header), south: loadPanel(footer), east: loadPanel(right), west: loadPanel(left), children: _jsx(DataList, { attr: attr }) }));
+};
+export default DataListTemplate;

package/dist/templates/ExplorerTemplate.d.ts

@@ -0,0 +1,10 @@
+type ExplorerTemplateProps = {
+    items: any[];
+    data?: Record<string, any>;
+    menugroup?: string;
+};
+declare const ExplorerTemplate: {
+    (props: ExplorerTemplateProps): import("react/jsx-runtime").JSX.Element;
+    hasSelectionHandling: boolean;
+};
+export default ExplorerTemplate;

package/dist/templates/ExplorerTemplate.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { useState } from "react";
+import { PageView, TreeMenu } from "../components";
+import BorderLayout from "../layouts/BorderLayout";
+const ExplorerTemplate = (props) => {
+    const { items = [], data, menugroup = "mainmenu" } = props !== null && props !== void 0 ? props : {};
+    const name = "selectedPage";
+    const [open, setOpen] = useState(true);
+    return (_jsx("div", { className: "h-[calc(100vh-60px)]", children: _jsx(BorderLayout, { west: _jsxs("div", { className: "relative flex-shrink-0 h-full border-r", children: [_jsx("div", { className: "h-full transition-[width] duration-300 overflow-hidden", style: { width: open ? "230px" : "50px" }, children: _jsx("div", { className: "h-full transition-[opacity] duration-200", style: {
+                                width: "230px",
+                                opacity: open ? 1 : 0,
+                                pointerEvents: open ? "auto" : "none",
+                            }, children: _jsx(TreeMenu, { name: name, menugroup: menugroup, items: items, data: data }) }) }), _jsx("button", { onClick: () => setOpen((prev) => !prev), className: "absolute top-5 -right-4 w-8 h-8 bg-white border rounded-full flex items-center justify-center shadow z-10", children: open ? _jsx(ChevronLeft, { size: 18 }) : _jsx(ChevronRight, { size: 18 }) })] }), children: _jsx("div", { className: "px-6 py-2", children: _jsx(PageView, { name: name, depends: name }) }) }) }));
+};
+ExplorerTemplate.hasSelectionHandling = true;
+export default ExplorerTemplate;

package/dist/templates/TxnFormTemplate.d.ts

@@ -0,0 +1,2 @@
+declare const TxnFormTemplate: (props: Record<string, any>) => import("react/jsx-runtime").JSX.Element;
+export default TxnFormTemplate;

package/dist/templates/TxnFormTemplate.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ComponentView, TabMenu } from "../components";
+import { usePageContext } from "../core/PageContext";
+import BorderLayout from "../layouts/BorderLayout";
+import { render } from "../lib/utils/ExprUtil";
+const items = [
+    { id: "infos", title: "Infos", component: "TxnInfos" },
+    { id: "professionals", title: "Professionals", component: "TxnProfessionals" },
+    { id: "requirements", title: "Attachments", component: "TxnRequirements" },
+    { id: "evaluations", title: "Evaluations", component: "TxnEvaluations" },
+    { id: "fees", title: "Fees", component: "TxnFees" },
+    { id: "certificates", title: "Certificates", hidden: true, component: "TxnCertificates" },
+    { id: "issuances", title: "Issuances", component: "" },
+];
+const tasksItems = [
+    {
+        id: "tasks",
+        title: "Tasks",
+        component: "TxnTaskList",
+    },
+    {
+        id: "history",
+        title: "History",
+        component: "TxnHistoryList",
+    },
+    {
+        id: "findings",
+        title: "Findings",
+        component: "TxnFindingList",
+    },
+    {
+        id: "fees",
+        title: "Fees",
+        component: "TxnFeesList",
+    },
+];
+const TxnFormTemplate = (props) => {
+    const { title } = props || {};
+    const pageContext = usePageContext();
+    console.log(pageContext === null || pageContext === void 0 ? void 0 : pageContext.getAllData());
+    const resolvedTitle = () => {
+        const value = (pageContext === null || pageContext === void 0 ? void 0 : pageContext.getAllData()) || {};
+        if (!title)
+            return null;
+        // If it contains template expressions, render them
+        if (title.includes("{{")) {
+            return render(title, value);
+        }
+        return title;
+    };
+    const header = () => {
+        var _a;
+        return (_jsx("div", { className: "border-b", children: _jsx("p", { dangerouslySetInnerHTML: { __html: (_a = resolvedTitle()) !== null && _a !== void 0 ? _a : "" }, className: "text-2xl" }) }));
+    };
+    const summaryPanel = () => {
+        return (_jsx("div", { children: _jsxs("div", { className: "p-2", children: [_jsx("span", { className: "text-lg font-semibold", children: "Basic Information" }), _jsxs("div", { className: "grid grid-cols-2 text-sm gap-2 p-2 border-r", children: [_jsxs("div", { className: "flex justify-between pr-4", children: [_jsx("span", { className: "text-gray-500", children: "App No." }), _jsx("span", { children: pageContext === null || pageContext === void 0 ? void 0 : pageContext.get("data._id") })] }), _jsxs("div", { className: "flex justify-between pr-4", children: [_jsx("span", { className: "text-gray-500", children: "Date Submitted" }), _jsx("span", { children: pageContext === null || pageContext === void 0 ? void 0 : pageContext.get("data.dtsubmitted") })] }), _jsxs("div", { className: "flex justify-between pr-4", children: [_jsx("span", { className: "text-gray-500", children: "Tracking No." }), _jsx("span", { children: pageContext === null || pageContext === void 0 ? void 0 : pageContext.get("data.trackingno") })] }), _jsxs("div", { className: "flex justify-between pr-4", children: [_jsx("span", { className: "text-gray-500", children: "Type" }), _jsx("span", { children: pageContext === null || pageContext === void 0 ? void 0 : pageContext.get("data.type") })] }), _jsxs("div", { className: "flex justify-between pr-4", children: [_jsx("span", { className: "text-gray-500", children: "Applicant" }), _jsx("span", { children: pageContext === null || pageContext === void 0 ? void 0 : pageContext.get("data.applicant.name") })] })] })] }) }));
+    };
+    const center = () => {
+        return (_jsxs("div", { children: [_jsx("div", { className: "", children: summaryPanel() }), _jsx(TabMenu, { name: "selectedTxnTab", items: items }), _jsx(ComponentView, { name: "selectedTxnTab", depends: "selectedTxnTab" })] }));
+    };
+    const right = () => {
+        return (_jsxs("div", { className: "w-[450px] border-l", children: [_jsx(TabMenu, { name: "selectedTasksTab", items: tasksItems }), _jsx(ComponentView, { name: "selectedTasksTab", depends: "selectedTasksTab" })] }));
+    };
+    return (_jsx(BorderLayout, { north: header(), children: _jsx("div", { className: "h-[calc(100vh-95px)]", children: _jsx(BorderLayout, { east: right(), children: center() }) }) }));
+};
+export default TxnFormTemplate;

package/dist/templates/WizardTemplate.d.ts

@@ -0,0 +1,9 @@
+import { StepActionHandler } from "../core/StepHandler";
+type WizardTemplateProps = {
+    component?: string;
+    attr?: Record<string, any>;
+    stepHandler: StepActionHandler;
+    children?: React.ReactNode;
+};
+declare const WizardTemplate: (props: WizardTemplateProps) => import("react/jsx-runtime").JSX.Element;
+export default WizardTemplate;

package/dist/templates/WizardTemplate.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@ramesesinc/client";
+import { useEffect, useState } from "react";
+import { useApp } from "../core/AppContext";
+import BorderLayout from "../layouts/BorderLayout";
+const WizardTemplate = (props) => {
+    const { component, attr = {}, stepHandler, children } = props !== null && props !== void 0 ? props : {};
+    const [view, setView] = useState(null);
+    const { getComponentCache } = useApp();
+    const loadComponent = async () => {
+        if (component == null || component.trim() === "") {
+            setView(null);
+            return;
+        }
+        const comp = await getComponentCache(component);
+        const Tmpl = comp.template;
+        const el = _jsx(Tmpl, Object.assign({}, (attr !== null && attr !== void 0 ? attr : {})));
+        setView(el);
+    };
+    const render = () => {
+        if (view != null) {
+            return view;
+        }
+        return children;
+    };
+    useEffect(() => {
+        loadComponent();
+    }, []);
+    const handleNext = () => {
+        stepHandler === null || stepHandler === void 0 ? void 0 : stepHandler.next();
+    };
+    const handleBack = () => {
+        stepHandler === null || stepHandler === void 0 ? void 0 : stepHandler.back();
+    };
+    return (_jsx("div", { children: _jsx(BorderLayout, { south: _jsxs("div", { className: "flex justify-between gap-2", children: [(stepHandler === null || stepHandler === void 0 ? void 0 : stepHandler.hasPrev()) && _jsx(Button, { onClick: handleBack, children: "Back" }), (stepHandler === null || stepHandler === void 0 ? void 0 : stepHandler.hasNext()) && (_jsx("div", { className: "flex gap-2", children: _jsx(Button, { onClick: handleNext, children: "Next" }) }))] }), children: render() }) }));
+};
+export default WizardTemplate;

package/dist/templates/index.d.ts

@@ -0,0 +1,5 @@
+export { default as BasicTemplate } from "./BasicTemplate";
+export { default as DataListTemplate } from "./DataListTemplate";
+export { default as ExplorerTemplate } from "./ExplorerTemplate";
+export { default as TxnFormTemplate } from "./TxnFormTemplate";
+export { default as WizardTemplate } from "./WizardTemplate";

package/dist/templates/index.js

@@ -0,0 +1,5 @@
+export { default as BasicTemplate } from "./BasicTemplate";
+export { default as DataListTemplate } from "./DataListTemplate";
+export { default as ExplorerTemplate } from "./ExplorerTemplate";
+export { default as TxnFormTemplate } from "./TxnFormTemplate";
+export { default as WizardTemplate } from "./WizardTemplate";

package/dist/types/action.d.ts

@@ -0,0 +1,8 @@
+export type Handler = {
+    afterCreate?: () => void;
+    afterUpdate?: () => void;
+    afterPost?: () => void;
+    refresh?: () => void;
+    onSelect?: () => void;
+    onCancel?: () => void;
+};

package/dist/types/action.js

@@ -0,0 +1 @@
+export {};

package/dist/types/component.d.ts

@@ -0,0 +1,18 @@
+import { BindingModel } from "@ramesesinc/client";
+export interface AbstractComponent {
+    visibleWhen?: string;
+    depends?: string;
+}
+export interface FormComponent extends AbstractComponent {
+    title: string;
+    binding: BindingModel;
+}
+export interface SingleComponent extends AbstractComponent {
+    name: string;
+    readonly?: boolean;
+    required?: boolean;
+}
+export interface Action {
+    binding: BindingModel;
+    params?: Record<string, any>;
+}

package/dist/types/component.js

@@ -0,0 +1 @@
+export {};

package/dist/types/list.d.ts

@@ -0,0 +1,14 @@
+export interface listComponent {
+    name?: string;
+    list?: any[];
+}
+export interface MenuComponent extends listComponent {
+    menuid?: string;
+    attr?: Record<string, any>;
+}
+export interface StepperComponent extends listComponent {
+    menuid?: string;
+}
+export interface TabComponent extends listComponent {
+    menuid?: string;
+}

package/dist/types/list.js

@@ -0,0 +1 @@
+export {};

package/dist/types/template.d.ts

@@ -0,0 +1,6 @@
+export type TemplateProps = {
+    _id: string;
+    title: string;
+    template: string;
+    attr: Record<string, any>;
+};

package/dist/types/template.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@ramesesinc/platform-core",
+  "version": "0.1.0",
+  "description": "Platform Core Library",
+  "author": "Rameses Systems Inc.",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "style": "dist/index.css",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "rm -rf dist && tsc && postcss src/styles/index.css -o dist/styles/index.css && cp -r src/components dist/ && cp -r src/layouts dist/lib/ && npm run copy-res",
+    "build2": "rm -rf dist && tsc",
+    "clean": "rm -rf dist",
+    "dev": "tsc --watch",
+    "prepublishOnly": "npm run build",
+    "copy-res": "node -e \"const fs=require('fs');const apps=['etracs','agos','filipizen'];apps.forEach(a=>{const d='../../apps/'+a+'/public/_res';fs.cpSync('src/public/_res',d,{recursive:true,force:true})})\""
+  },
+  "peerDependencies": {
+    "next": ">=13.5.6 <15.0.0",
+    "nunjucks": "^3.2.4",
+    "react": ">=18.2.0",
+    "react-dom": ">=18.2.0"
+  },
+  "devDependencies": {
+    "@ramesesinc/app-forms": "0.1.0",
+    "@ramesesinc/client": "1.0.14",
+    "@ramesesinc/lib": "1.0.12",
+    "@types/crypto-js": "^4.2.2",
+    "@types/js-cookie": "^3.0.6",
+    "@types/node": "^20",
+    "@types/nunjucks": "^3.2.6",
+    "@types/pako": "^2.0.3",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "autoprefixer": "^10.4.21",
+    "clsx": "^2.1.1",
+    "eslint": "^8",
+    "eslint-config-next": "14.2.9",
+    "postcss": "^8",
+    "@ramesesinc/loader": "*",
+    "supports-color": "^10.2.2",
+    "tailwindcss": "^3.4.1",
+    "typescript": "^5",
+    "next": ">=13.5.6 <15.0.0"
+  },
+  "keywords": [
+    "ramesesinc-platform-core"
+  ],
+  "dependencies": {
+    "seti-ramesesv1": "^1.0.154"
+  }
+}