@ramesesinc/platform-core 0.1.9 → 0.1.11

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.d.ts

@@ -1,6 +1,9 @@
+import React from "react";
 import { StepActionHandler } from "../core/StepHandler";
 type WizardTemplateProps = {
+    title?: string;
     component?: string;
+    componentid?: string;
     attr?: Record<string, any>;
     stepHandler: StepActionHandler;
     children?: React.ReactNode;

package/dist/templates/WizardTemplate.js

@@ -1,21 +1,26 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from "@ramesesinc/client";
-import { useEffect, useState } from "react";
+import React, { useEffect, useState } from "react";
 import { useApp } from "../core/AppContext";
 import BorderLayout from "../layouts/BorderLayout";
+import { ResourceLoader } from "../lib/utils/ResourceLoader";
 const WizardTemplate = (props) => {
-    const { component, attr = {}, stepHandler, children } = props !== null && props !== void 0 ? props : {};
+    const { title, component, componentid, 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);
+        var _a;
+        if (componentid === null || componentid === void 0 ? void 0 : componentid.trim()) {
+            const comp = await getComponentCache(componentid);
+            setView(comp.template);
             return;
         }
-        const comp = await getComponentCache(component);
-        const Tmpl = comp.template;
-        const el = _jsx(Tmpl, Object.assign({}, (attr !== null && attr !== void 0 ? attr : {})));
-        setView(el);
+        if (component === null || component === void 0 ? void 0 : component.trim()) {
+            const Comp = ResourceLoader.getComponent(component);
+            setView(_jsx(React.Suspense, { fallback: _jsx("div", { children: "Loading..." }), children: _jsx(Comp, Object.assign({}, ((_a = props.attr) !== null && _a !== void 0 ? _a : {}))) }));
+            return;
+        }
+        setView(null);
     };
     const render = () => {
         if (view != null) {
@@ -24,14 +29,16 @@ const WizardTemplate = (props) => {
         return children;
     };
     useEffect(() => {
+        setView(null);
         loadComponent();
-    }, []);
+    }, [component, componentid]);
     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() }) }));
+    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, { north: _jsx("div", { className: "mb-2 font-semibold text-lg", children: title }), 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.11",
   "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;