@ramesesinc/platform-core 0.1.5 → 0.1.8

package/dist/components/action/AlertMessage.tsx

@@ -1,38 +0,0 @@
-"use client";
-
-import { usePageContext } from "../../core/PageContext";
-import { render } from "../../lib/utils/ExprUtil";
-import { AbstractComponent } from "../../types/component";
-
-/* ------------------------------------------------------------------ */
-/* Types */
-
-interface AlertMessageProps extends AbstractComponent {
-  expr: string;
-  className?: string;
-  title?: string;
-}
-
-/* ------------------------------------------------------------------ */
-/* Component */
-
-const AlertMessage = (props: AlertMessageProps) => {
-  const { expr, className = "", title } = props ?? {};
-  const pageContext = usePageContext();
-
-  /* ---------------------- Events ---------------------- */
-  const handleClick = () => {
-    if (expr) {
-      alert(render(expr, pageContext?.getAllData()));
-    }
-  };
-
-  /* ---------------------- Render ---------------------- */
-  return (
-    <button onClick={handleClick} className={`px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors ${className}`}>
-      {title || "Alert"}
-    </button>
-  );
-};
-
-export default AlertMessage;

package/dist/components/action/Button.tsx

@@ -1,230 +0,0 @@
-import { getError, mergeCN, UIButtonControl } from "@ramesesinc/client";
-import React, { ReactNode, useState } from "react";
-import { useApp } from "../../core/AppContext";
-import { usePageContext } from "../../core/PageContext";
-
-const RADIUS_STYLES = {
-  none: "rounded-none",
-  md: "rounded-md",
-  lg: "rounded-lg",
-  xl: "rounded-xl",
-  "2xl": "rounded-2xl",
-  "3xl": "rounded-3xl",
-  full: "rounded-full",
-};
-
-interface BaseButtonProps extends UIButtonControl {
-  children?: ReactNode;
-  title?: string;
-  icon?: ReactNode;
-  iconOrientation?: "left" | "right" | "top" | "bottom";
-
-  loader?: ReactNode | (() => ReactNode);
-  loaderLabel?: string;
-
-  variant?: "primary" | "secondary" | "danger" | "text" | "contained" | "outlined";
-
-  radius?: "none" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full";
-
-  size?: "sm" | "md" | "lg";
-
-  type?: "button" | "submit";
-
-  isLoading?: boolean;
-
-  actionid?: string;
-  actionParams?: Record<string, any>;
-}
-
-const BaseButton = ({
-  binding,
-  className = "",
-  title,
-  disabled = false,
-  immediate = false,
-  onClick,
-
-  children,
-
-  icon,
-  iconOrientation = "left",
-  loader,
-  loaderLabel,
-
-  variant = "text",
-  radius = "md",
-  size = "md",
-
-  isLoading = false,
-  actionid,
-  actionParams,
-}: BaseButtonProps) => {
-  const pageContext = usePageContext();
-  binding = pageContext.binding;
-  const { tenant, module } = useApp();
-
-  // --- Style Calculation ---
-  const baseStyles =
-    "inline-flex items-center justify-center px-4 py-[4px] text-md font-medium shadow-sm transition-all duration-150 ease-in-out space-x-2";
-  const focusStyles =
-    "focus:outline-none focus:ring-2 focus:ring-offset-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2";
-
-  const variantStyles = {
-    primary: "border border-transparent bg-blue-500 text-blue-50 hover:bg-blue-600 focus:ring-blue-500",
-    secondary: "border border-gray-300 bg-white text-gray-700 hover:bg-gray-50 focus:ring-indigo-300",
-    danger: "border border-transparent bg-red-600 text-white hover:bg-red-700 focus:ring-red-400",
-
-    text: "border border-transparent bg-transparent text-blue-600 hover:bg-blue-50 focus:ring-indigo-300",
-    contained: "border border-transparent bg-blue-500 text-blue-50 hover:bg-blue-600 focus:ring-blue-500",
-    outlined: "border bg-transparent border-blue-500 text-blue-600 hover:bg-blue-50 focus:ring-indigo-300",
-  };
-
-  const disabledStyles = "opacity-70 cursor-not-allowed";
-  const isVertical = iconOrientation === "top" || iconOrientation === "bottom";
-  const flexDirectionClass = isVertical ? "flex-col" : "flex-row";
-
-  // Gap is needed if an icon is present OR if no custom loader is provided (fallback uses a spinner).
-  const gapClass = icon || (isLoading && !loader) ? (isVertical ? "gap-1" : "gap-2") : "";
-
-  let roundingStyle = RADIUS_STYLES[radius || "md"];
-  if (roundingStyle == null) {
-    roundingStyle = RADIUS_STYLES["md"];
-  }
-
-  const finalClassNames = mergeCN(
-    baseStyles,
-    focusStyles,
-    variantStyles[variant],
-    flexDirectionClass,
-    gapClass,
-    roundingStyle,
-    `${disabled || isLoading ? disabledStyles : ""}`,
-    className ?? "",
-  );
-
-  const [internalLoading, setInternalLoading] = useState(false);
-
-  const loading = isLoading || internalLoading;
-
-  // --- Content Calculation ---
-  // This is the main logic block that determines what to display.
-  let content: ReactNode;
-
-  if (loading) {
-    // LOADING STATE
-    if (loader) {
-      // If a custom loader is provided, use it.
-      content = typeof loader === "function" ? loader() : loader;
-    } else {
-      // Fallback loader: Spinner + original title
-      content = (
-        <>
-          <svg className="animate-spin h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-            <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle>
-            <path
-              className="opacity-75"
-              fill="currentColor"
-              d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-            ></path>
-          </svg>
-          <span>{loaderLabel ?? children}</span>
-        </>
-      );
-    }
-  } else {
-    // NORMAL STATE
-    content = (
-      <>
-        {icon && (iconOrientation === "left" || iconOrientation === "top") && icon}
-        <span>{title || children}</span>
-        {icon && (iconOrientation === "right" || iconOrientation === "bottom") && icon}
-      </>
-    );
-  }
-
-  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {
-    if (loading || disabled) return;
-
-    try {
-      setInternalLoading(true);
-
-      if (!immediate && binding) {
-        const validationResult = binding.validate();
-        if (validationResult != null && validationResult !== "") {
-          return;
-        }
-      }
-
-      if (onClick != null) {
-        const result = onClick?.(event);
-        if (result != null && typeof result.then === "function") {
-          result
-            .then(() => {
-              // successful execution
-            })
-            .catch((err: any) => {
-              const e = getError(err);
-              binding?.setError(e.message);
-            });
-        }
-      } else if (actionid != null && actionid.trim() !== "") {
-        Promise.resolve()
-          .then(async () => {
-            // const actionFunc = await ResourceLoader.getAction(actionid || "");
-            // const opt = { tenant, module };
-            // const params = { ...actionParams, opt };
-            // resolveParams(params ?? {});
-            // const result = await actionFunc(params);
-            // console.log("result", result);
-          })
-          .catch((err: any) => {
-            console.log("action error", err);
-            const e = getError(err);
-            binding?.setError(e.message);
-          });
-      }
-    } catch (err) {
-      console.log("err", err);
-      const e = getError(err);
-      binding?.setError(e.message);
-    } finally {
-      setInternalLoading(false);
-    }
-  };
-
-  const resolveParams = (source: Record<string, any>) => {
-    Object.entries(source || {}).forEach(([key, value]) => {
-      if (value != null && typeof value === "string" && value.startsWith("{") && value.endsWith("}")) {
-        const name = value.slice(1, -1);
-        if (name === "data") {
-          source[key] = binding?.getData();
-        } else {
-          source[key] = binding?.get(name);
-        }
-      } else if (value != null && typeof value === "object") {
-        resolveParams(value);
-      }
-    });
-  };
-
-  return (
-    <button type="submit" onClick={handleClick} className={finalClassNames} disabled={disabled || loading}>
-      {content}
-    </button>
-  );
-};
-
-// Button
-const Button = (props: BaseButtonProps) => {
-  const { variant = "text" } = props ?? {};
-  return <BaseButton {...props} variant={variant} type="button" />;
-};
-
-// Submit
-const Submit = (props: BaseButtonProps) => {
-  const { variant = "primary" } = props ?? {};
-  return <BaseButton {...props} variant={variant} type="submit" />;
-};
-
-export default Button;
-export { Button, Submit };

package/dist/components/action/CancelEdit.tsx

@@ -1,40 +0,0 @@
-"use client";
-
-import React from "react";
-import { usePageContext } from "../../core/PageContext";
-import { AbstractComponent } from "../../types/component";
-
-/* ------------------------------------------------------------------ */
-/* Types */
-
-interface CancelEditProps extends AbstractComponent {
-  children?: React.ReactNode;
-  className?: string;
-  title?: string;
-}
-
-/* ------------------------------------------------------------------ */
-/* Component */
-
-const CancelEdit = (props: CancelEditProps) => {
-  const { children, className = "", title } = props ?? {};
-  const pageContext = usePageContext();
-
-  /* ---------------------- Events ---------------------- */
-  const handleClick = async () => {
-    try {
-      await pageContext?.set("mode", "read");
-    } catch (err: any) {
-      alert(err.message);
-    }
-  };
-
-  /* ---------------------- Render ---------------------- */
-  return (
-    <button onClick={handleClick} className={`px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors ${className}`}>
-      {children || title || "Cancel Edit"}
-    </button>
-  );
-};
-
-export default CancelEdit;

package/dist/components/action/DeleteData.tsx

@@ -1,73 +0,0 @@
-"use client";
-
-import React 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";
-import { AbstractComponent } from "../../types/component";
-
-/* ------------------------------------------------------------------ */
-/* Types */
-
-interface DeleteDataProps extends AbstractComponent {
-  api: string;
-  className?: string;
-  title?: string;
-  icon?: string | React.ReactNode;
-  opt?: Record<string, any>;
-  iconOnly?: boolean;
-  params: Record<string, any>;
-}
-
-/* ------------------------------------------------------------------ */
-/* Component */
-
-const DeleteData = (props: DeleteDataProps) => {
-  const { api, className = "", title, icon, opt = {}, params, iconOnly = false } = props ?? {};
-  const { data = {} } = opt;
-
-  const rowContext = useRowContext();
-  const pageView = usePageViewContext();
-  const pageContext = usePageContext();
-
-  /* ---------------------- Events ---------------------- */
-  const handleClick = async () => {
-    try {
-      if (!api) throw new Error("api not defined");
-      if (data) {
-        const allData = pageContext?.getAllData() ?? {};
-        const urlParams = getUrlPageParams();
-        const d = getValue(params, { ...allData, ...urlParams?.params, ...data });
-        await pageContext?.execService(api, d);
-      } else {
-        const vdata = pageContext?.getData() ?? {};
-        const urlParams = getUrlPageParams();
-        const d = getValue(params, { ...urlParams?.params, ...vdata });
-        await pageContext?.execService(api, vdata);
-      }
-      // pageContext?.refresh();
-    } catch (err: any) {
-      alert(err.message);
-    }
-  };
-
-  /* ---------------------- Render ---------------------- */
-  return (
-    <>
-      {iconOnly ? (
-        <span onClick={handleClick} className={`cursor-pointer ${className}`}>
-          {icon}
-        </span>
-      ) : (
-        <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 || "Remove"}
-        </button>
-      )}
-    </>
-  );
-};
-
-export default DeleteData;

package/dist/components/action/Edit.tsx

@@ -1,40 +0,0 @@
-"use client";
-
-import React from "react";
-import { usePageContext } from "../../core/PageContext";
-import { AbstractComponent } from "../../types/component";
-
-/* ------------------------------------------------------------------ */
-/* Types */
-
-interface EditProps extends AbstractComponent {
-  children?: React.ReactNode;
-  className?: string;
-  title?: string;
-}
-
-/* ------------------------------------------------------------------ */
-/* Component */
-
-const Edit = (props: EditProps) => {
-  const { children, className = "", title } = props ?? {};
-  const pageContext = usePageContext();
-
-  /* ---------------------- Events ---------------------- */
-  const handleClick = async () => {
-    try {
-      await pageContext?.set("editable", true);
-    } catch (err: any) {
-      alert(err.message);
-    }
-  };
-
-  /* ---------------------- Render ---------------------- */
-  return (
-    <button onClick={handleClick} className={`px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors ${className}`}>
-      {children || title || "Edit"}
-    </button>
-  );
-};
-
-export default Edit;

package/dist/components/action/LookupPage.tsx

@@ -1,113 +0,0 @@
-"use client";
-
-import React, { forwardRef, memo, useImperativeHandle, useRef, useState } from "react";
-import { usePageContext } from "../../core/PageContext";
-import { getValue, substituteExpr } from "../../lib/utils/BeanUtils";
-import { AbstractComponent } from "../../types/component";
-import PopupView from "../view/PopupView";
-
-/* ------------------------------------------------------------------ */
-/* Types */
-
-interface LookupPageProps extends AbstractComponent {
-  url: string;
-  name?: string;
-  result?: Record<string, any>;
-  children?: React.ReactNode;
-  className?: string;
-  title?: string;
-  icon?: string;
-  opt?: Record<string, any>;
-  iconOnly?: boolean; // ✅ added
-  popupClassName?: string;
-}
-
-/* ------------------------------------------------------------------ */
-/* Component */
-
-const LookupPage = (props: LookupPageProps) => {
-  const { url, name = "", result = null, children, className = "", title, icon, opt = {}, popupClassName = "", iconOnly = false } = props ?? {};
-  const { data = {} } = opt;
-
-  const pageContext = usePageContext();
-  const [showPopup, setShowPopup] = useState(false);
-  const [popupUrl, setPopupUrl] = useState("");
-  const slotRef = useRef<ChildrenSlotHandle>(null);
-
-  const onClose = () => {
-    slotRef.current?.update(null);
-  };
-
-  /* ---------------------- Events ---------------------- */
-  const handleClick = () => {
-    if (!url) return;
-    //combine data if specified and pageContext all data if specified
-    const surl = substituteExpr(url, { ...pageContext?.getAllData(), ...data });
-    setPopupUrl(surl);
-    setShowPopup(true);
-
-    const handler = {
-      onSelect: (itm: any) => {
-        let resdata = itm;
-        if (result != null) {
-          resdata = getValue(result, itm);
-        }
-        alert("item selected " + JSON.stringify(resdata));
-        if (name) {
-          pageContext.set(name, resdata);
-        }
-        onClose();
-        //pageContext.refresh();
-      },
-    };
-    //eventHandler={handler}
-    slotRef.current?.update(<PopupView url={surl} onClose={onClose} eventHandler={handler} />);
-  };
-
-  const handleClosePopup = () => {
-    setShowPopup(false);
-  };
-
-  /* ---------------------- Render ---------------------- */
-  return (
-    <>
-      {iconOnly ? (
-        <span onClick={handleClick} className={`cursor-pointer ${className}`}>
-          {icon}
-        </span>
-      ) : (
-        <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>
-      )}
-
-      <ChildrenSlot ref={slotRef} />
-    </>
-  );
-};
-
-export default LookupPage;
-
-type ChildrenSlotHandle = {
-  update: (content: React.ReactNode) => void;
-};
-
-const ChildrenSlot = memo(
-  forwardRef<ChildrenSlotHandle>((_, ref) => {
-    const [content, setContent] = useState<React.ReactNode>(null);
-
-    useImperativeHandle(
-      ref,
-      () => ({
-        update: (content: React.ReactNode) => {
-          // console.log("view page children slot", content);
-          setContent(content);
-        },
-      }),
-      [],
-    );
-
-    return <>{content == null ? null : content}</>;
-  }),
-);