@ramesesinc/platform-core 0.1.6 → 0.1.8

package/dist/lib/layouts/CardLayout.tsx

@@ -1,73 +0,0 @@
-import { UIControl } from "@ramesesinc/client";
-import React, { ReactElement, ReactNode, Suspense } from "react";
-
-export interface CardProps {
-  name: string;
-  element: ReactNode;
-}
-/**
- * Card is a declarative wrapper for CardLayout.
- * It does not render UI by itself, only provides data (name + element).
- */
-export function Card(_props: CardProps): null {
-  return null;
-}
-
-type CardLayoutRefModel = {
-  getName: () => string | null;
-  getElement: () => ReactNode;
-  validate: () => void;
-};
-
-export type CardLayoutRef = {
-  current?: CardLayoutRefModel;
-};
-
-type CardLayoutProps = {
-  ref?: CardLayoutRef;
-  layoutid?: string;
-  className?: string;
-  children: ReactNode;
-
-  value: string;
-};
-
-const CardLayout = ({ ref, layoutid, className, children, value = "default" }: CardLayoutProps) => {
-  const preferredLayoutId = (layoutid ?? "") ? layoutid : "cardlayout";
-
-  // Extract only <Card> children
-  const cards: ReactElement<CardProps>[] = React.Children.toArray(children).filter(
-    (child): child is ReactElement<CardProps> => React.isValidElement(child) && child.type === Card,
-  );
-
-  const activeCard = cards.find((c) => c.props.name === value);
-
-  if (ref != null) {
-    ref.current = {
-      getName: () => (activeCard ? activeCard.props.name : null),
-      getElement: () => (activeCard ? activeCard.props.element : null),
-      validate: () => {
-        if (activeCard == null || activeCard.props.element == null) {
-          return;
-        }
-
-        const elem = activeCard.props.element;
-        const props = (elem as ReactElement<UIControl>).props;
-        if (props.binding != null) {
-          const result = props.binding.validate();
-          if (result != null) {
-            throw Error(result);
-          }
-        }
-      },
-    };
-  }
-
-  return (
-    <div className={`${preferredLayoutId}-container ${className ?? ""} flex flex-col h-full`}>
-      <Suspense fallback={<div>Loading...</div>}>{activeCard ? activeCard.props.element : null}</Suspense>
-    </div>
-  );
-};
-
-export default CardLayout;

package/dist/lib/layouts/CenterLayout.tsx

@@ -1,20 +0,0 @@
-import React, { ReactNode } from "react";
-
-type CenterLayoutProps = {
-  layoutid?: string;
-  className?: string;
-  children?: ReactNode;
-};
-
-const CenterLayout = ({ layoutid, className, children }: CenterLayoutProps) => {
-
-  const preferredLayoutId = ((layoutid ?? '') ? layoutid : 'pagelayout');
-
-  return (
-    <div className={`${preferredLayoutId}-container ${className ?? ''} flex items-center justify-center w-full h-full`}>
-      {children}
-    </div>
-  );
-};
-
-export default CenterLayout;

package/dist/lib/layouts/GridLayout.tsx

@@ -1,20 +0,0 @@
-import React, { ReactNode } from "react";
-
-type GridLayoutProps = {
-    className?: string;
-    cols?: number;
-    gap?: number;
-
-    children?: ReactNode;
-}
-
-const GridLayout = ({ className, cols = 3, gap = 1, children }: GridLayoutProps) => {
-
-    return (
-        <div className={`${className ?? ''} grid gap-${gap}`} style={{gridTemplateColumns: `repeat(${cols}, 1fr)`}}>
-            {children}
-        </div>
-    );
-};
-
-export default GridLayout;

package/dist/lib/layouts/HPanel.tsx

@@ -1,31 +0,0 @@
-"use client";
-
-import React, { CSSProperties, ReactNode } from "react";
-
-interface HPanelProps {
-  children?: ReactNode;
-  gap?: number | string; // spacing between items
-  style?: CSSProperties;
-  className?: string;
-  alignItems?: CSSProperties["alignItems"]; // flex alignment
-  justifyContent?: CSSProperties["justifyContent"];
-}
-
-const HPanel: React.FC<HPanelProps> = ({ children, gap = 0, style, className, alignItems = "center", justifyContent = "flex-start" }) => {
-  const panelStyle: CSSProperties = {
-    display: "flex",
-    flexDirection: "row",
-    gap: gap,
-    alignItems,
-    justifyContent,
-    ...style,
-  };
-
-  return (
-    <div style={panelStyle} className={className}>
-      {children}
-    </div>
-  );
-};
-
-export default HPanel;

package/dist/lib/layouts/HorizontalLayout.tsx

@@ -1,29 +0,0 @@
-import React, { ReactNode } from "react";
-
-type HorizontalLayoutProps = {
-    layoutid?: string;
-    className?: string;
-    gap?: number;
-    left?: ReactNode;
-    right?: ReactNode;
-    children?: ReactNode;
-};
-
-const HorizontalLayout = ({ layoutid, className, gap = 0, left, right, children }: HorizontalLayoutProps) => {
-
-    const preferredLayoutId = ((layoutid ?? '') ? layoutid : 'horizontallayout');
-
-    return (
-        <div className={`${preferredLayoutId}-container ${className ?? ""} flex flex-row h-full gap-${gap}`}>
-            {left}
-
-            <div className="flex-1">
-                {children}
-            </div>
-
-            {right}
-        </div>
-    );
-};
-
-export default HorizontalLayout;

package/dist/lib/layouts/MainLayout.tsx

@@ -1,16 +0,0 @@
-// src/layouts/MainLayout.tsx
-import { ReactNode } from "react";
-
-interface MainLayoutProps {
-  children: ReactNode;
-}
-
-export const MainLayout = ({ children }: MainLayoutProps) => {
-  return (
-    <div className="min-h-screen flex flex-col">
-      <main className="flex-1">{children}</main>
-    </div>
-  );
-};
-
-export default MainLayout;

package/dist/lib/layouts/PageLayout.tsx

@@ -1,29 +0,0 @@
-import React, { ReactNode } from "react";
-
-type PageLayoutProps = {
-    layoutid?: string;
-    className?: string;
-    gap?: number;
-    header?: ReactNode;
-    footer?: ReactNode;
-    children?: ReactNode;
-};
-
-const PageLayout = ({ layoutid, className, gap = 0, header, footer, children }: PageLayoutProps) => {
-
-    const preferredLayoutId = ((layoutid ?? '') ? layoutid : 'pagelayout');
-
-    return (
-        <div className={`${preferredLayoutId}-container ${className ?? ""} flex flex-col h-full gap-${gap}`}>
-            {header}
-
-            <div className="flex-1">
-                {children}
-            </div>
-
-            {footer}
-        </div>
-    );
-};
-
-export default PageLayout;

package/dist/lib/layouts/VPanel.tsx

@@ -1,27 +0,0 @@
-"use client";
-
-import React, { CSSProperties, ReactNode } from "react";
-
-interface VPanelProps {
-  children?: ReactNode;
-  gap?: number | string; // spacing between items
-  style?: CSSProperties; // custom styles
-  className?: string; // optional tailwind or other class
-}
-
-const VPanel: React.FC<VPanelProps> = ({ children, gap = 0, style, className }) => {
-  const panelStyle: CSSProperties = {
-    display: "flex",
-    flexDirection: "column",
-    gap: gap,
-    ...style,
-  };
-
-  return (
-    <div style={panelStyle} className={className}>
-      {children}
-    </div>
-  );
-};
-
-export default VPanel;

package/dist/lib/layouts/XLayout.tsx

@@ -1,29 +0,0 @@
-import React from "react";
-
-type XLayoutAlignment = "left" | "center" | "right";
-
-type XLayoutProps = {
-  className?: string;
-  gap?: number; 
-  align?: XLayoutAlignment;
-  children?: React.ReactNode;
-};
-
-const XLayout: React.FC<XLayoutProps> = ({
-  className,
-  gap = 2,
-  align = "left",
-  children,
-}) => {
-  let justifyClass = "justify-start"; // default = left
-  if (align === "center") justifyClass = "justify-center";
-  if (align === "right") justifyClass = "justify-end";
-
-  return (
-    <div className={`${className ?? ""} flex flex-row gap-${gap} ${justifyClass}`.trim()}>
-      {children}
-    </div>
-  );
-};
-
-export default XLayout;

package/dist/lib/layouts/YLayout.tsx

@@ -1,29 +0,0 @@
-import React from "react";
-
-type YLayoutAlignment = "top" | "center" | "bottom";
-
-type YLayoutProps = {
-  className?: string;
-  gap?: number; 
-  align?: YLayoutAlignment;
-  children?: React.ReactNode;
-};
-
-const YLayout: React.FC<YLayoutProps> = ({
-  className,
-  gap = 2,
-  align = "top",
-  children,
-}) => {
-  let justifyClass = "justify-start"; // default = left
-  if (align === "center") justifyClass = "justify-center";
-  if (align === "bottom") justifyClass = "justify-end";
-
-  return (
-    <div className={`${className ?? ""} flex flex-col gap-${gap} ${justifyClass}`.trim()}>
-      {children}
-    </div>
-  );
-};
-
-export default YLayout;

package/dist/lib/layouts/index.ts

@@ -1,13 +0,0 @@
-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 { default as MainLayout } from "./MainLayout";
-export { default as PageLayout } from "./PageLayout";
-export { default as VPanel } from "./VPanel";
-export { default as XLayout } from "./XLayout";
-export { default as YLayout } from "./YLayout";