@ramesesinc/platform-core 0.1.9 → 0.1.10

package/dist/layouts/VPanel.js

@@ -1,7 +1,6 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-const VPanel = ({ children, gap = 0, style, className }) => {
+export const VPanel = ({ children, gap = 0, style, className }) => {
     const panelStyle = Object.assign({ display: "flex", flexDirection: "column", gap: gap }, style);
     return (_jsx("div", { style: panelStyle, className: className, children: children }));
 };
-export default VPanel;

package/dist/layouts/index.d.ts

@@ -1,12 +1,11 @@
 export { default as BorderLayout } from "./BorderLayout";
 export * from "./CardLayout";
-export { default as CardLayout } from "./CardLayout";
 export { default as CenterLayout } from "./CenterLayout";
 export { default as GridLayout } from "./GridLayout";
 export { default as HorizontalLayout } from "./HorizontalLayout";
-export { default as HPanel } from "./HPanel";
+export * from "./HPanel";
 export { default as MainLayout } from "./MainLayout";
 export { default as PageLayout } from "./PageLayout";
-export { default as VPanel } from "./VPanel";
+export * from "./VPanel";
 export { default as XLayout } from "./XLayout";
 export { default as YLayout } from "./YLayout";

package/dist/layouts/index.js

@@ -1,12 +1,11 @@
 export { default as BorderLayout } from "./BorderLayout";
 export * from "./CardLayout";
-export { default as CardLayout } from "./CardLayout";
 export { default as CenterLayout } from "./CenterLayout";
 export { default as GridLayout } from "./GridLayout";
 export { default as HorizontalLayout } from "./HorizontalLayout";
-export { default as HPanel } from "./HPanel";
+export * from "./HPanel";
 export { default as MainLayout } from "./MainLayout";
 export { default as PageLayout } from "./PageLayout";
-export { default as VPanel } from "./VPanel";
+export * from "./VPanel";
 export { default as XLayout } from "./XLayout";
 export { default as YLayout } from "./YLayout";

package/dist/lib/utils/ExprUtil.js

@@ -1,18 +1,18 @@
-// import nunjucks from "nunjucks";
-const nunjucks = require("nunjucks");
-let _nunjucksEnv = null;
-const getNunjucksEnv = () => {
-    if (!_nunjucksEnv) {
-        _nunjucksEnv = new nunjucks.Environment(null, {
-            autoescape: false,
-            tags: {
-                variableStart: "{{",
-                variableEnd: "}}",
-            },
-        });
-    }
-    return _nunjucksEnv;
-};
+import nunjucks from "nunjucks";
+// Configure Nunjucks environment
+// export const nunjucksEnv = new nunjucks.Environment(undefined, {
+//   autoescape: false, // IMPORTANT: you already control the source
+//   throwOnUndefined: false,
+//   trimBlocks: true,
+//   lstripBlocks: true,
+// });
+const nunjucksEnv = new nunjucks.Environment(null, {
+    autoescape: false,
+    tags: {
+        variableStart: "{{",
+        variableEnd: "}}",
+    },
+});
 /**
  * Renders an expression template with the provided data
  * @param expr - The expression template string
@@ -23,22 +23,11 @@ export const render = (expr, data) => {
     if (!expr)
         return "";
     try {
-        return getNunjucksEnv().renderString(expr, data);
+        //process basic nanjucks expression {{val}}
+        return nunjucksEnv.renderString(expr, data);
     }
     catch (error) {
         console.error("Expression render error:", error);
-        return expr;
+        return expr; // Return original expression on error
     }
 };
-// import Mustache from "mustache";
-// // Disable HTML escaping since you control the source
-// Mustache.escape = (text) => text;
-// export const render = (expr: string, data: any): string => {
-//   if (!expr) return "";
-//   try {
-//     return Mustache.render(expr, data);
-//   } catch (error) {
-//     console.error("Expression render error:", error);
-//     return expr;
-//   }
-// };

package/dist/lib/utils/ResourceLoader.js

@@ -10,22 +10,34 @@ export class ResourceLoader {
     }
     static getTemplate(name, loaderKey = "default") {
         const cacheKey = `${loaderKey}:${name}`;
-        if (this.cache[cacheKey])
+        if (this.cache[cacheKey]) {
             return this.cache[cacheKey];
+        }
         const loader = loaderKey === "default" ? this.defaultLoader : this.loaders[loaderKey];
         if (!loader) {
+            console.error("No loader found for key:", loaderKey);
             const Fallback = dynamic(() => Promise.resolve({
                 default: () => React.createElement("div", { style: { color: "red" } }, `No loader registered for "${loaderKey}"`),
             }));
             this.cache[cacheKey] = Fallback;
             return Fallback;
         }
-        const Comp = loader(name);
-        // this is temporary it should be cloned
-        // if (loaderKey != "component") {
-        //   this.cache[cacheKey] = Comp;
-        // }
-        return Comp;
+        try {
+            const Comp = loader(name);
+            // this is temporary it should be cloned
+            // if (loaderKey != "component") {
+            //   this.cache[cacheKey] = Comp;
+            // }
+            return Comp;
+        }
+        catch (err) {
+            console.error("Error in loader:", err);
+            const Fallback = dynamic(() => Promise.resolve({
+                default: () => React.createElement("div", { style: { color: "red" } }, `Error loading template "${name}": ${err instanceof Error ? err.message : String(err)}`),
+            }));
+            this.cache[cacheKey] = Fallback;
+            return Fallback;
+        }
     }
     // Convenience helpers
     static getComponent(name) {

package/dist/lib/utils/SectionProvider.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { DynamicComponent } from "../../core/DynamicComponent";
-import HPanel from "../../layouts/HPanel";
+import { HPanel } from "../../layouts/HPanel";
 export const SectionProvider = (attr = {}) => {
     const sections = {};
     return {

package/dist/lib/utils/initResourceLoader.d.ts

@@ -0,0 +1,2 @@
+import { ResourceLoader } from "./ResourceLoader";
+export default ResourceLoader;

package/dist/lib/utils/initResourceLoader.js

@@ -1,95 +1,64 @@
-"use strict";
-// import dynamic from "next/dynamic";
-// import React from "react";
-// import { ResourceLoader } from "./ResourceLoader";
-// const isDev = process.env.NODE_ENV === "development";
-// console.log("dev mode, is", isDev);
-// const packageLoaders: Record<string, () => Promise<any>> = {
-//   "@ramesesinc/platform-core": () => import("@ramesesinc/platform-core"),
-//   "@ramesesinc/client": () => import("@ramesesinc/client"),
-// };
-// const templateLoaders: Record<string, () => Promise<any>> = isDev
-//   ? { "@/templates": () => import("@/templates"), ...packageLoaders }
-//   : { ...packageLoaders, "@/templates": () => import("@/templates") };
-// const componentLoaders: Record<string, () => Promise<any>> = isDev
-//   ? { "@/components": () => import("@/components"), ...packageLoaders }
-//   : { ...packageLoaders, "@/components": () => import("@/components") };
-// /* ======================== Template Loader ======================== */
-// const templateLoader = (name: string) =>
-//   dynamic(async () => {
-//     for (const loader of Object.values(templateLoaders)) {
-//       try {
-//         const mod = await loader();
-//         const Temp = (mod as Record<string, any>)[name];
-//         if (Temp) {
-//           let hasSelectionHandling = false;
-//           try {
-//             hasSelectionHandling = Temp.hasSelectionHandling ?? false;
-//           } catch (err) {}
-//           return { default: Temp, hasSelectionHandling };
-//         }
-//       } catch (err) {
-//         console.log("template loader Error", name, err);
-//       }
-//     }
-//     // fallback → template not found in any path
-//     return {
-//       default: () =>
-//         React.createElement(
-//           "div",
-//           {
-//             style: { color: "red", padding: "8px", border: "1px solid red" },
-//           },
-//           `Template "${name}" is not registered`,
-//         ),
-//     };
-//   });
-// /* ======================== Component Loader ======================== */
-// const componentLoader = (name: string) =>
-//   dynamic(async () => {
-//     for (const loader of Object.values(componentLoaders)) {
-//       try {
-//         const mod = await loader();
-//         const Comp = (mod as Record<string, any>)[name];
-//         if (Comp) {
-//           return { default: Comp };
-//         }
-//       } catch (err) {
-//         console.log("component loader Error", name, err);
-//       }
-//     }
-//     return {
-//       default: () =>
-//         React.createElement(
-//           "div",
-//           {
-//             style: { color: "red", padding: "8px", border: "1px solid red" },
-//           },
-//           `Component "${name}" is not registered`,
-//         ),
-//     };
-//   });
-// // const actionLoader = (name: string) =>
-// //   dynamic(async () => {
-// //     try {
-// //       // 1️⃣ local component
-// //       const mod = await import(`@/actions`);
-// //       return { default: mod[name as keyof typeof mod] };
-// //     } catch {
-// //       try {
-// //         // 2️⃣ package component
-// //         const pkg = await import("@ramesesinc/react-ui");
-// //         const Comp = (pkg as Record<string, any>)[name];
-// //         if (!Comp) throw new Error();
-// //         return { default: Comp };
-// //       } catch {
-// //         // 3️⃣ neither found → throw
-// //         throw new Error(`Component "${name}" not found in local components or "@ramesesinc/react-ui"`);
-// //       }
-// //     }
-// //   });
-// /* ---------------- Register loaders ---------------- */
-// ResourceLoader.setDefaultLoader(templateLoader);
-// ResourceLoader.registerLoader("component", componentLoader);
-// // ResourceLoader.registerLoader("action", actionLoader);
-// export default ResourceLoader;
+import dynamic from "next/dynamic";
+import React from "react";
+import { ResourceLoader } from "./ResourceLoader";
+/* ======================== Shared ======================== */
+const createLoaderRef = (localKey, localLoader) => {
+    const ref = { current: null };
+    return () => {
+        if (ref.current == null) {
+            const res = {};
+            if (process.env.NODE_ENV === "development") {
+                // console.log("process.env.NODE_ENV", process.env.NODE_ENV);
+                res[localKey] = localLoader;
+            }
+            // console.log("process.env.NODE_ENV", process.env.NODE_ENV);
+            res["@ramesesinc/platform-core"] = () => import("@ramesesinc/platform-core");
+            res["@ramesesinc/client"] = () => import("@ramesesinc/client");
+            ref.current = res;
+        }
+        return ref.current;
+    };
+};
+const getTemplateLoaders = createLoaderRef("@/templates", () => import("@/templates"));
+const getComponentLoaders = createLoaderRef("@/components", () => import("@/components"));
+/* ======================== Template Loader ======================== */
+const templateLoader = (name) => dynamic(async () => {
+    var _a;
+    for (const loader of Object.values(getTemplateLoaders())) {
+        try {
+            const mod = await loader();
+            const Temp = mod[name];
+            if (Temp) {
+                return { default: Temp, hasSelectionHandling: (_a = Temp.hasSelectionHandling) !== null && _a !== void 0 ? _a : false };
+            }
+        }
+        catch (err) {
+            console.log("template loader Error", name, err);
+        }
+    }
+    return {
+        default: () => React.createElement("div", { style: { color: "red", padding: "8px", border: "1px solid red" } }, `Template "${name}" is not registered`),
+    };
+});
+/* ======================== Component Loader ======================== */
+const componentLoader = (name) => dynamic(async () => {
+    for (const loader of Object.values(getComponentLoaders())) {
+        try {
+            const mod = await loader();
+            const Comp = mod[name];
+            if (Comp) {
+                return { default: Comp };
+            }
+        }
+        catch (err) {
+            console.log("component loader Error", name, err);
+        }
+    }
+    return {
+        default: () => React.createElement("div", { style: { color: "red", padding: "8px", border: "1px solid red" } }, `Component "${name}" is not registered`),
+    };
+});
+/* ---------------- Register loaders ---------------- */
+ResourceLoader.setDefaultLoader(templateLoader);
+ResourceLoader.registerLoader("component", componentLoader);
+export default ResourceLoader;

package/dist/lib/utils/nunjucks.d.ts

@@ -0,0 +1,2 @@
+import nunjucks from "nunjucks";
+export declare const nunjucksEnv: nunjucks.Environment;

package/dist/lib/utils/nunjucks.js

@@ -0,0 +1,8 @@
+import nunjucks from "nunjucks";
+// Client-side only environment
+export const nunjucksEnv = new nunjucks.Environment(undefined, {
+    autoescape: false, // IMPORTANT: you already control the source
+    throwOnUndefined: false,
+    trimBlocks: true,
+    lstripBlocks: true,
+});

package/dist/templates/CrudFormTemplate.js

@@ -1,8 +1,7 @@
 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";
+import { HPanel, VPanel } from "../layouts";
+import { SectionProvider } from "../lib";
 const CrudFormTemplate = (props) => {
     const sp = SectionProvider(props !== null && props !== void 0 ? props : {});
     const getRight = () => {

package/dist/templates/DataListTemplate.js

@@ -9,7 +9,7 @@ const DataListTemplate = (props) => {
     const getPreferredTitle = () => {
         return title !== null && title !== void 0 ? title : pageView.getUI().getTitle();
     };
-    const attr = { title: getPreferredTitle(), cols, data, rowsPerPage, commonActions, rowActions, toolbarActions, bulkActions, filters };
+    const attr = { title: getPreferredTitle(), cols, data, rowsPerPage, commonActions, rowActions, toolbarActions, bulkActions, filters, searchable };
     const loadPanel = (section) => {
         return _jsx(Panel, { content: section });
     };

package/dist/templates/WizardTemplate.js

@@ -4,6 +4,7 @@ import { useEffect, useState } from "react";
 import { useApp } from "../core/AppContext";
 import BorderLayout from "../layouts/BorderLayout";
 const WizardTemplate = (props) => {
+    console.log(props);
     const { component, attr = {}, stepHandler, children } = props !== null && props !== void 0 ? props : {};
     const [view, setView] = useState(null);
     const { getComponentCache } = useApp();
@@ -32,6 +33,7 @@ const WizardTemplate = (props) => {
     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() }) }));
+    const south = (_jsxs("div", { className: "flex justify-between gap-2 p-4 font-proxima-600", children: [_jsx("div", { className: "flex gap-2", children: (stepHandler === null || stepHandler === void 0 ? void 0 : stepHandler.hasPrev()) && (_jsx(Button, { onClick: handleBack, className: "bg-transparent text-gray-500 border-none shadow-none hover:bg-gray-100", children: "Back" })) }), _jsx("div", { className: "flex gap-2", children: (stepHandler === null || stepHandler === void 0 ? void 0 : stepHandler.hasNext()) && (_jsx(Button, { onClick: handleNext, className: "bg-primary-500 text-white hover:bg-primary-600", children: "Next" })) })] }));
+    return _jsx(BorderLayout, { south: south, children: render() });
 };
 export default WizardTemplate;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ramesesinc/platform-core",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "Platform Core Library",
   "author": "Rameses Systems Inc.",
   "license": "MIT",

package/dist/components/input/Select.d.ts

@@ -1,14 +0,0 @@
-import { UIInputProps } from "../common/UIInput";
-type SelectOption = {
-    label: string;
-    value: string;
-};
-type SelectFieldProps = UIInputProps & {
-    required?: boolean;
-    immediate?: boolean;
-    options?: SelectOption[];
-    placeholder?: string;
-    onChange?: (value: string) => void;
-};
-declare const SelectField: (props: SelectFieldProps) => import("react/jsx-runtime").JSX.Element;
-export default SelectField;

package/dist/components/input/Select.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useState } from "react";
-import UIComponent from "../common/UIComponent";
-import useUIInput from "../common/UIInput";
-const SelectField = (props) => {
-    const { immediate = true, options = [], placeholder } = props !== null && props !== void 0 ? props : {};
-    const [focused, setFocused] = useState(false);
-    const selectRef = useRef(null);
-    const valueRef = useRef("");
-    const className = "border rounded px-2 py-1 w-full";
-    const handleFocus = () => {
-        setFocused(true);
-    };
-    const handleBlur = () => {
-        if (!immediate) {
-            setValue(selectValue);
-        }
-        setFocused(false);
-    };
-    const onRefresh = () => {
-        setSelectValue(getValue());
-    };
-    const { initialValue, getValue, setValue, binding } = useUIInput(Object.assign(Object.assign({}, props), { onRefresh }));
-    valueRef.current = initialValue !== null && initialValue !== void 0 ? initialValue : "";
-    const [selectValue, setSelectValue] = useState(valueRef.current);
-    const onChange = (e) => {
-        var _a, _b;
-        const text = (_a = e.target.value) !== null && _a !== void 0 ? _a : "";
-        if (text !== selectValue) {
-            valueRef.current = text;
-            setSelectValue(valueRef.current);
-        }
-        if (immediate) {
-            setValue(text);
-        }
-        (_b = props.onChange) === null || _b === void 0 ? void 0 : _b.call(props, text);
-    };
-    return (_jsx(UIComponent, Object.assign({}, (props !== null && props !== void 0 ? props : {}), { children: _jsxs("select", { ref: selectRef, onChange: onChange, value: selectValue, onFocus: handleFocus, onBlur: handleBlur, className: className, children: [placeholder && (_jsx("option", { value: "", disabled: true, children: placeholder })), options.map((opt) => (_jsx("option", { value: opt.value, children: opt.label }, opt.value)))] }) })));
-};
-export default SelectField;