@ramesesinc/platform-core 0.1.9 → 0.1.11

package/dist/components/action/DeleteData.d.ts

@@ -8,6 +8,7 @@ interface DeleteDataProps extends AbstractComponent {
     opt?: Record<string, any>;
     iconOnly?: boolean;
     params: Record<string, any>;
+    confirmMessage?: string;
 }
 declare const DeleteData: (props: DeleteDataProps) => import("react/jsx-runtime").JSX.Element;
 export default DeleteData;

package/dist/components/action/DeleteData.js

@@ -1,20 +1,23 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { AlertCircle } from "lucide-react";
+import { useState } from "react";
 import { usePageContext } from "../../core/PageContext";
 import { usePageViewContext } from "../../core/PageViewContext";
 import { useRowContext } from "../../core/RowContext";
 import { getValue } from "../../lib/utils/BeanUtils";
 import { getUrlPageParams } from "../../lib/utils/PageUtils";
+const ConfirmDialog = ({ message, onConfirm, onCancel }) => (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/40", children: _jsxs("div", { className: "bg-white rounded-xl shadow-xl w-full max-w-sm p-6", children: [_jsxs("div", { className: "flex items-center gap-3 mb-3", children: [_jsx(AlertCircle, { className: "text-red-500 shrink-0", size: 24 }), _jsx("p", { className: "text-base font-semibold text-gray-800", children: "Confirm Deletion" })] }), _jsxs("p", { className: "text-sm mb-6", children: [message, " This cannot be undone."] }), _jsxs("div", { className: "flex justify-end gap-3", children: [_jsx("button", { onClick: onCancel, className: "px-4 py-2 text-sm rounded-md border border-gray-300 text-gray-700 hover:bg-gray-100 transition-colors", children: "Cancel" }), _jsx("button", { onClick: onConfirm, className: "px-4 py-2 text-sm rounded-md bg-red-500 text-white hover:bg-red-600 transition-colors", children: "Delete" })] })] }) }));
 /* ------------------------------------------------------------------ */
 /* Component */
 const DeleteData = (props) => {
-    const { api, className = "", title, icon, opt = {}, params, iconOnly = false } = props !== null && props !== void 0 ? props : {};
+    const { api, className = "", title, icon, opt = {}, params, iconOnly = false, confirmMessage } = props !== null && props !== void 0 ? props : {};
     const { data = {} } = opt;
     const rowContext = useRowContext();
     const pageView = usePageViewContext();
     const pageContext = usePageContext();
-    /* ---------------------- Events ---------------------- */
-    const handleClick = async () => {
+    const [showConfirm, setShowConfirm] = useState(false);
+    const doDelete = async () => {
         var _a, _b;
         try {
             if (!api)
@@ -31,13 +34,21 @@ const DeleteData = (props) => {
                 const d = getValue(params, Object.assign(Object.assign({}, urlParams === null || urlParams === void 0 ? void 0 : urlParams.params), vdata));
                 await (pageContext === null || pageContext === void 0 ? void 0 : pageContext.execService(api, vdata));
             }
-            // pageContext?.refresh();
+            pageContext === null || pageContext === void 0 ? void 0 : pageContext.notifyDepends("datalist");
         }
         catch (err) {
             alert(err.message);
         }
     };
+    const handleClick = () => setShowConfirm(true);
+    const handleConfirm = async () => {
+        setShowConfirm(false);
+        await doDelete();
+    };
+    const handleCancel = () => setShowConfirm(false);
+    const itemLabel = (data === null || data === void 0 ? void 0 : data._id) ? `Delete item ${data._id}?` : "Delete this item?";
+    const message = confirmMessage !== null && confirmMessage !== void 0 ? confirmMessage : itemLabel;
     /* ---------------------- Render ---------------------- */
-    return (_jsx(_Fragment, { children: iconOnly ? (_jsx("span", { onClick: handleClick, className: `cursor-pointer ${className}`, children: icon })) : (_jsxs("button", { onClick: handleClick, className: `px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors ${className}`, children: [icon && _jsx("span", { className: "dl-action-icon", children: icon }), title || "Remove"] })) }));
+    return (_jsxs(_Fragment, { children: [showConfirm && _jsx(ConfirmDialog, { message: message, onConfirm: handleConfirm, onCancel: handleCancel }), iconOnly ? (_jsx("span", { onClick: handleClick, className: `cursor-pointer ${className}`, children: icon })) : (_jsxs("button", { onClick: handleClick, className: `px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors ${className}`, children: [icon && _jsx("span", { className: "dl-action-icon", children: icon }), title || "Remove"] }))] }));
 };
 export default DeleteData;

package/dist/components/action/LookupPage.d.ts

@@ -7,10 +7,11 @@ interface LookupPageProps extends AbstractComponent {
     children?: React.ReactNode;
     className?: string;
     title?: string;
-    icon?: string;
+    icon?: string | React.ReactNode;
     opt?: Record<string, any>;
     iconOnly?: boolean;
     popupClassName?: string;
+    variant?: "primary" | "secondary" | "danger" | "text" | "contained" | "outlined";
 }
 declare const LookupPage: (props: LookupPageProps) => import("react/jsx-runtime").JSX.Element;
 export default LookupPage;

package/dist/components/action/LookupPage.js

@@ -1,5 +1,6 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from "@ramesesinc/client";
 import { useRef } from "react";
 import { usePageContext } from "../../core/PageContext";
 import { getValue, substituteExpr } from "../../lib/utils/BeanUtils";
@@ -7,7 +8,7 @@ import { usePopupView } from "../view/PopupView";
 /* ------------------------------------------------------------------ */
 /* Component */
 const LookupPage = (props) => {
-    const { url, name = "", result = null, children, className = "", title, icon, opt = {}, popupClassName = "", iconOnly = false } = props !== null && props !== void 0 ? props : {};
+    const { url, name = "", result = null, children, className = "", title, icon, opt = {}, popupClassName = "", iconOnly = false, variant = "contained", } = props !== null && props !== void 0 ? props : {};
     const { data = {} } = opt;
     const pageContext = usePageContext();
     const popupView = usePopupView();
@@ -35,6 +36,6 @@ const LookupPage = (props) => {
         popupRef.current = showPopupRef;
     };
     /* ---------------------- Render ---------------------- */
-    return (_jsx(_Fragment, { children: iconOnly ? (_jsx("span", { onClick: handleClick, className: `cursor-pointer ${className}`, children: icon })) : (_jsxs("button", { onClick: handleClick, className: `px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors ${className}`, children: [icon && _jsx("span", { className: "dl-action-icon", children: icon }), title || "View Page"] })) }));
+    return (_jsx(_Fragment, { children: iconOnly ? (_jsx("span", { onClick: handleClick, className: `cursor-pointer ${className}`, children: icon })) : (_jsx(Button, { onClick: handleClick, className: `${className}`, icon: icon, variant: variant, children: title || "Lookup Page" })) }));
 };
 export default LookupPage;

package/dist/components/action/Play.d.ts

@@ -0,0 +1,6 @@
+type PlayProps = {
+    name?: string;
+    opt?: Record<string, any>;
+};
+declare const Play: (props: PlayProps) => import("react/jsx-runtime").JSX.Element;
+export default Play;

package/dist/components/action/Play.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Pause, Play as PlayIcon, Square } from "lucide-react";
+import { useEffect, useState } from "react";
+import { useDataContext } from "../../core/DataContext";
+const Play = (props) => {
+    const { name = "play", opt } = props !== null && props !== void 0 ? props : {};
+    const dataContext = useDataContext();
+    const [state, setState] = useState("idle");
+    const handlePlayPause = () => {
+        if (state === "idle") {
+            setState("playing");
+            dataContext === null || dataContext === void 0 ? void 0 : dataContext.set(name, 100); // ← start
+        }
+        else if (state === "playing") {
+            setState("paused");
+            dataContext === null || dataContext === void 0 ? void 0 : dataContext.set(name, -1); // ← pause
+        }
+        else if (state === "paused") {
+            setState("playing");
+            dataContext === null || dataContext === void 0 ? void 0 : dataContext.set(name, 100); // ← resume
+        }
+    };
+    const handleStop = () => {
+        setState("idle");
+        dataContext === null || dataContext === void 0 ? void 0 : dataContext.set(name, 0); // ← stop
+    };
+    // ← listen to progress finishing
+    useEffect(() => {
+        if (!name)
+            return;
+        const unsubscribe = dataContext === null || dataContext === void 0 ? void 0 : dataContext.dependsTo(name, (val) => {
+            if (val === 0) {
+                setState("idle");
+            }
+        });
+        return () => unsubscribe === null || unsubscribe === void 0 ? void 0 : unsubscribe();
+    }, [name]);
+    return (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("span", { onClick: handlePlayPause, className: "cursor-pointer hover:opacity-70 transition-opacity", children: state === "playing" ? (_jsx(Pause, { size: 18, className: "text-yellow-500", fill: "currentColor" })) : state === "paused" ? (_jsx(PlayIcon, { size: 18, className: "text-blue-500", fill: "currentColor" })) : (_jsx(PlayIcon, { size: 18, className: "text-green-500", fill: "currentColor" })) }), state === "paused" && (_jsx("span", { onClick: handleStop, className: "cursor-pointer hover:opacity-70 transition-opacity", children: _jsx(Square, { size: 18, className: "text-red-500", fill: "currentColor" }) }))] }));
+};
+export default Play;

package/dist/components/action/ProgressBar.d.ts

@@ -0,0 +1,8 @@
+type ProgressBarProps = {
+    value?: number;
+    depends?: string;
+    caption?: string;
+    opt?: Record<string, any>;
+};
+declare const ProgressBar: (props: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export default ProgressBar;

package/dist/components/action/ProgressBar.js

@@ -0,0 +1,146 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { useDataContext } from "../../core/DataContext";
+const ProgressBar = (props) => {
+    const { value: propValue, depends, caption, opt } = props !== null && props !== void 0 ? props : {};
+    const [animValue, setAnimValue] = useState(0);
+    const [active, setActive] = useState(false);
+    const dataContext = useDataContext();
+    const intervalRef = useRef(null);
+    const doneRef = useRef(false);
+    const startProgress = () => {
+        if (intervalRef.current)
+            clearInterval(intervalRef.current);
+        setActive(true);
+        intervalRef.current = setInterval(() => {
+            setAnimValue((prev) => {
+                if (prev >= 100) {
+                    clearInterval(intervalRef.current);
+                    doneRef.current = true;
+                    return 100;
+                }
+                return prev + 2;
+            });
+        }, 50);
+    };
+    const pauseProgress = () => {
+        if (intervalRef.current)
+            clearInterval(intervalRef.current);
+        setActive(false);
+    };
+    const stopProgress = () => {
+        if (intervalRef.current)
+            clearInterval(intervalRef.current);
+        doneRef.current = false;
+        setActive(false);
+        setAnimValue(0);
+    };
+    useEffect(() => {
+        if (animValue >= 100) {
+            setActive(false);
+            const timeout = setTimeout(() => {
+                dataContext === null || dataContext === void 0 ? void 0 : dataContext.set(depends !== null && depends !== void 0 ? depends : "", 0);
+            }, 1500);
+            return () => clearTimeout(timeout);
+        }
+    }, [animValue]);
+    useEffect(() => {
+        if (!depends)
+            return;
+        const unsubscribe = dataContext === null || dataContext === void 0 ? void 0 : dataContext.dependsTo(depends, (val) => {
+            if (val === 100) {
+                startProgress();
+            }
+            else if (val === -1) {
+                pauseProgress();
+            }
+            else if (val === 0 && !doneRef.current) {
+                stopProgress();
+            }
+        });
+        return () => unsubscribe === null || unsubscribe === void 0 ? void 0 : unsubscribe();
+    }, [depends]);
+    useEffect(() => {
+        return () => {
+            if (intervalRef.current)
+                clearInterval(intervalRef.current);
+        };
+    }, []);
+    const getColor = () => {
+        if (animValue < 25)
+            return { bar: "#ef4444", glow: "#ff000080" };
+        if (animValue < 50)
+            return { bar: "#f97316", glow: "#ff6a0080" };
+        if (animValue < 75)
+            return { bar: "#eab308", glow: "#ffcc0080" };
+        return { bar: "#22c55e", glow: "#00ff6680" };
+    };
+    const { bar, glow } = getColor();
+    return (_jsxs("div", { className: "flex flex-col gap-1 w-full", children: [_jsxs("div", { className: "relative w-full rounded-sm overflow-hidden", style: {
+                    height: "16px",
+                    background: "#1a1a2e",
+                    border: "1px solid #333",
+                    boxShadow: "inset 0 2px 4px rgba(0,0,0,0.5)",
+                }, children: [_jsxs("div", { style: {
+                            width: `${animValue}%`,
+                            height: "100%",
+                            background: `linear-gradient(90deg, ${bar}cc, ${bar})`,
+                            boxShadow: `0 0 8px ${glow}, 0 0 2px ${bar}`,
+                            transition: "width 0.3s ease",
+                            position: "relative",
+                        }, children: [_jsx("div", { style: {
+                                    position: "absolute",
+                                    top: 0,
+                                    left: 0,
+                                    right: 0,
+                                    height: "50%",
+                                    background: "linear-gradient(180deg, rgba(255,255,255,0.2), transparent)",
+                                } }), _jsx("div", { style: {
+                                    position: "absolute",
+                                    top: 0,
+                                    bottom: 0,
+                                    width: "20px",
+                                    right: 0,
+                                    background: "linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent)",
+                                    animation: active ? "sweep 1s ease-in-out infinite" : "none",
+                                } })] }), [25, 50, 75].map((seg) => (_jsx("div", { style: {
+                            position: "absolute",
+                            top: 0,
+                            bottom: 0,
+                            left: `${seg}%`,
+                            width: "1px",
+                            background: "rgba(0,0,0,0.4)",
+                            zIndex: 1,
+                        } }, seg)))] }), caption && (_jsxs("div", { className: "flex items-center justify-center gap-1", children: [_jsxs("span", { style: {
+                            fontFamily: "monospace",
+                            fontSize: "11px",
+                            fontWeight: "bold",
+                            color: bar,
+                            textShadow: `0 0 6px ${glow}`,
+                            letterSpacing: "0.05em",
+                            animation: active ? "blink 1s step-end infinite" : "none",
+                        }, children: [caption.toUpperCase(), active && "..."] }), _jsxs("span", { style: {
+                            fontFamily: "monospace",
+                            fontSize: "11px",
+                            fontWeight: "bold",
+                            color: bar,
+                            textShadow: `0 0 6px ${glow}`,
+                        }, children: [animValue, "%"] })] })), !caption && (_jsx("div", { className: "flex justify-end", children: _jsxs("span", { style: {
+                        fontFamily: "monospace",
+                        fontSize: "11px",
+                        fontWeight: "bold",
+                        color: bar,
+                        textShadow: `0 0 6px ${glow}`,
+                    }, children: [animValue, "%"] }) })), _jsx("style", { children: `
+        @keyframes sweep {
+          0% { opacity: 0; transform: translateX(-20px); }
+          50% { opacity: 1; }
+          100% { opacity: 0; transform: translateX(20px); }
+        }
+        @keyframes blink {
+          0%, 100% { opacity: 1; }
+          50% { opacity: 0.3; }
+        }
+      ` })] }));
+};
+export default ProgressBar;

package/dist/components/action/ViewPage.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { AbstractComponent } from "../../types/component";
 import { PopupOptions } from "../../core/PopupContext";
+import { AbstractComponent } from "../../types/component";
 interface ViewPageProps extends AbstractComponent {
     url: string;
     mode?: "popup" | "window";
@@ -10,7 +10,9 @@ interface ViewPageProps extends AbstractComponent {
     opt?: Record<string, any>;
     iconOnly?: boolean;
     popupClassName?: string;
+    variant?: "primary" | "secondary" | "danger" | "text" | "contained" | "outlined";
     popupOptions?: PopupOptions;
+    action?: "read" | "create" | "edit";
 }
 declare const ViewPage: (props: ViewPageProps) => import("react/jsx-runtime").JSX.Element;
 export default ViewPage;

package/dist/components/action/ViewPage.js

@@ -1,5 +1,6 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from "@ramesesinc/client";
 import { useRef } from "react";
 import { useDataContext } from "../../core/DataContext";
 import { usePageContext } from "../../core/PageContext";
@@ -10,7 +11,7 @@ import { usePopupView } from "../view/PopupView";
 /* ------------------------------------------------------------------ */
 /* Component */
 const ViewPage = (props) => {
-    const { url, mode, className = "", title, icon, iconOnly = false, opt = {}, popupClassName = "", popupOptions = {} } = props !== null && props !== void 0 ? props : {};
+    const { url, mode, className = "", title, icon, iconOnly = false, opt = {}, popupClassName = "", popupOptions = {}, variant, action } = props !== null && props !== void 0 ? props : {};
     const { data = {} } = opt;
     const dataContext = useDataContext();
     const pageView = usePageViewContext();
@@ -22,8 +23,8 @@ const ViewPage = (props) => {
         var _a;
         (_a = popupShowRef.current) === null || _a === void 0 ? void 0 : _a.close();
     };
-    const handleClick = (e) => {
-        e.preventDefault();
+    const handleClick = () => {
+        // e.preventDefault();
         if (!url)
             return;
         const getUrlParams = () => {
@@ -47,9 +48,9 @@ const ViewPage = (props) => {
         const urlData = getUrlData();
         const surl = substituteExpr(url, Object.assign(Object.assign({}, urlParams), urlData));
         let preferredMode = mode;
-        if ((preferredMode == null || preferredMode.trim() === '') && dataContext.getType() === 'row') {
-            preferredMode = "window";
-        }
+        // if ((preferredMode == null || preferredMode.trim() === "") && dataContext.getType() === "row") {
+        //   preferredMode = "window";
+        // }
         if (preferredMode === "popup") {
             const handler = {
                 onSave: (itm) => {
@@ -61,10 +62,12 @@ const ViewPage = (props) => {
                 },
             };
             const showPopupOptions = Object.assign({}, popupOptions);
-            if (popupClassName != null && popupClassName.trim() !== '') {
+            if (popupClassName != null && popupClassName.trim() !== "") {
                 showPopupOptions.className = popupClassName;
             }
-            const showPopupRef = popupView.create({ url: surl, onClose: onClose, eventHandler: handler }).show(showPopupOptions);
+            const showPopupRef = popupView
+                .create({ url: surl, onClose: onClose, eventHandler: handler, options: { action: "create" } })
+                .show(showPopupOptions);
             popupShowRef.current = showPopupRef;
         }
         else if (preferredMode === "window") {
@@ -73,10 +76,19 @@ const ViewPage = (props) => {
         }
         else {
             popupShowRef.current = null;
+            // store page context params in chain before navigating
+            const chainInfo = pageView.getPageChainInfo();
+            const allData = pageContext.getAllData();
+            chainInfo.params = Object.assign(Object.assign({}, chainInfo.params), allData);
             pageView.pushPage(surl);
         }
     };
     /* ---------------------- Render ---------------------- */
-    return (_jsx(_Fragment, { children: iconOnly ? (_jsx("span", { onClick: handleClick, className: `cursor-pointer ${className}`, children: icon })) : (_jsxs("button", { onClick: handleClick, className: `px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors ${className}`, children: [icon && _jsx("span", { className: "dl-action-icon", children: icon }), title || "View Page"] })) }));
+    return (_jsx(_Fragment, { children: iconOnly ? (_jsx("span", { onClick: handleClick, className: `cursor-pointer ${className}`, children: icon })) : (
+        // <button onClick={handleClick} className={`px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors ${className}`}>
+        //   {icon && <span className="dl-action-icon">{icon}</span>}
+        //   {title || "View Page"}
+        // </button>
+        _jsx(Button, { onClick: handleClick, className: `${className}`, icon: icon, variant: variant, children: title || "View Page" })) }));
 };
 export default ViewPage;

package/dist/components/common/UIMenu.d.ts

@@ -7,6 +7,7 @@ export type MenuItem = {
 export type MenuGroup = {
     title: string;
     icon?: React.ReactNode | string;
+    hidden?: boolean;
     items: MenuItem[];
 };
 export type UIMenuProps = {

package/dist/components/common/UIMenu.js

@@ -20,14 +20,15 @@ const useUIMenu = (props) => {
             return;
         }
         const fetchMenus = async () => {
-            var _a, _b;
+            var _a, _b, _c;
             setLoading(true);
             setError(null);
             try {
                 // 2️⃣ Custom API
                 if (data === null || data === void 0 ? void 0 : data.api) {
                     const res = await (pageContext === null || pageContext === void 0 ? void 0 : pageContext.execService(data.api, (_a = data.params) !== null && _a !== void 0 ? _a : {}));
-                    setMenus(Array.isArray(res) ? res : []);
+                    const newData = (_b = res.data) !== null && _b !== void 0 ? _b : res;
+                    setMenus(Array.isArray(newData) ? newData : newData ? [newData] : []);
                     return;
                 }
                 // 3️⃣ Menugroup — fetch categories + items, map to MenuGroup[]
@@ -42,13 +43,14 @@ const useUIMenu = (props) => {
                     const mappedItems = categories.map((cat) => ({
                         title: cat.title,
                         icon: cat.icon,
+                        hidden: cat.hidden,
                         items: sorted.filter((m) => m.category === cat.id),
                     }));
                     setMenus(mappedItems);
                 }
             }
             catch (err) {
-                setError((_b = err === null || err === void 0 ? void 0 : err.message) !== null && _b !== void 0 ? _b : "Failed to load menus");
+                setError((_c = err === null || err === void 0 ? void 0 : err.message) !== null && _c !== void 0 ? _c : "Failed to load menus");
             }
             finally {
                 setLoading(false);

package/dist/components/index.d.ts

@@ -1,8 +1,8 @@
 export { default as Button } from "./action/Button";
 export { default as DateField } from "./input/DateField";
 export { default as DayPicker } from "./input/DayPicker";
+export { default as Combo } from "./input/Combo";
 export { default as MonthPicker } from "./input/MonthPicker";
-export { default as Select } from "./input/Select";
 export { default as Text } from "./input/Text";
 export { default as YearPicker } from "./input/YearPicker";
 export { default as HtmlCode } from "./input/HtmlCode";
@@ -10,6 +10,7 @@ export { default as JsonCode } from "./input/JsonCode";
 export { default as ScriptCode } from "./input/ScriptCode";
 export { default as SqlCode } from "./input/SqlCode";
 export { default as StringDecision } from "./input/StringDecision";
+export { default as EditableMenu } from "./list/EditableMenu";
 export { default as TabMenu } from "./list/TabMenu";
 export { default as TreeMenu } from "./list/TreeMenu";
 export { default as Label } from "./output/Label";
@@ -27,7 +28,9 @@ export type { ShowPopupViewRef, CreatePopupViewRef, UsePopupViewResult } from ".
 export { default as AlertMessage } from "./action/AlertMessage";
 export { default as DeleteData } from "./action/DeleteData";
 export { default as Edit } from "./action/Edit";
+export { default as Play } from "./action/Play";
 export { default as ProcessRunner } from "./action/ProcessRunner";
+export { default as ProgressBar } from "./action/ProgressBar";
 export { default as Refresh } from "./action/Refresh";
 export { default as SaveData } from "./action/SaveData";
 export { default as SelectData } from "./action/SelectData";

package/dist/components/index.js

@@ -2,8 +2,8 @@ export { default as Button } from "./action/Button";
 //inputs
 export { default as DateField } from "./input/DateField";
 export { default as DayPicker } from "./input/DayPicker";
+export { default as Combo } from "./input/Combo";
 export { default as MonthPicker } from "./input/MonthPicker";
-export { default as Select } from "./input/Select";
 export { default as Text } from "./input/Text";
 export { default as YearPicker } from "./input/YearPicker";
 //codes
@@ -14,6 +14,7 @@ export { default as SqlCode } from "./input/SqlCode";
 //conditions
 export { default as StringDecision } from "./input/StringDecision";
 //export { default as YearPicker } from "./input/YearPicker";
+export { default as EditableMenu } from "./list/EditableMenu";
 export { default as TabMenu } from "./list/TabMenu";
 export { default as TreeMenu } from "./list/TreeMenu";
 export { default as Label } from "./output/Label";
@@ -31,7 +32,9 @@ export { default as PopupView } from "./view/PopupView";
 export { default as AlertMessage } from "./action/AlertMessage";
 export { default as DeleteData } from "./action/DeleteData";
 export { default as Edit } from "./action/Edit";
+export { default as Play } from "./action/Play";
 export { default as ProcessRunner } from "./action/ProcessRunner";
+export { default as ProgressBar } from "./action/ProgressBar";
 export { default as Refresh } from "./action/Refresh";
 export { default as SaveData } from "./action/SaveData";
 export { default as SelectData } from "./action/SelectData";

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

@@ -0,0 +1,21 @@
+import { UIInputProps } from "../common/UIInput";
+type SelectOption = {
+    label: string;
+    value: string;
+};
+type ComboProps = UIInputProps & {
+    name?: string;
+    depends?: string;
+    required?: boolean;
+    immediate?: boolean;
+    items?: SelectOption[];
+    data?: Record<string, any>;
+    placeholder?: string;
+    onChange?: (value: string) => void;
+    variant?: "primary" | "secondary" | "danger" | "text" | "contained" | "outlined";
+    radius?: "none" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full";
+    size?: "sm" | "md" | "lg";
+    className?: string;
+};
+declare const Combo: (props: ComboProps) => import("react/jsx-runtime").JSX.Element;
+export default Combo;