@wavemaker-ai/react-runtime 1.0.0-rc.309

package/components/container/accordion/props.d.ts

@@ -0,0 +1,57 @@
+import { ReactNode } from "react";
+import { BaseProps, Prettify } from "@wavemaker-ai/react-runtime/higherOrder/props";
+import { StateHandler } from "../props";
+/**
+ * Base props specific to the WmAccordion component.
+ */
+export interface AccordionPropsBase {
+    /**
+     * When true, expanding a pane collapses all other panes.
+     * @default true
+     */
+    closeothers?: boolean;
+    /**
+     * Index of the pane to show by default (0-based).
+     * @default 0
+     */
+    defaultpaneindex?: number;
+    /**
+     * Where to persist accordion state (active pane index).
+     * @default "none"
+     */
+    statehandler?: StateHandler;
+    /**
+     * Data source for dynamic accordion. Each item renders a pane.
+     */
+    dataset?: Record<string, unknown>[];
+    /**
+     * Message shown when dataset is empty in dynamic mode.
+     * @default "No Data Found"
+     */
+    nodatamessage?: string;
+    /**
+     * Accordion type: static (children) or dynamic (dataset).
+     * @default "static"
+     */
+    type?: "static" | "dynamic";
+    /**
+     * Called when the active pane changes.
+     */
+    onChange?: (event: {
+        newPaneIndex: number;
+        oldPaneIndex: number;
+    }) => void;
+    /**
+     * Called when accordion loads. Receives props and optional callback.
+     */
+    onLoad?: (props: WmAccordionProps, onLoadCallback?: () => void) => void;
+    /**
+     * Render function for dynamic accordion. Receives item, index, and full dataset.
+     */
+    render?: (item: Record<string, unknown>, index: number, dataset: Record<string, unknown>[]) => ReactNode;
+}
+/**
+ * Combined props for the WmAccordion component, including base WaveMaker props.
+ */
+export type WmAccordionProps = Prettify<AccordionPropsBase & BaseProps>;
+export declare const DEFAULT_PROPS: Partial<WmAccordionProps>;

package/components/container/accordion/props.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_PROPS = void 0;
+/**
+ * Base props specific to the WmAccordion component.
+ */
+
+/**
+ * Combined props for the WmAccordion component, including base WaveMaker props.
+ */
+
+var DEFAULT_PROPS = exports.DEFAULT_PROPS = {
+  closeothers: true,
+  defaultpaneindex: 0,
+  statehandler: "none",
+  nodatamessage: "No Data Found",
+  type: "static"
+};

package/components/container/index.d.ts

@@ -0,0 +1,84 @@
+import React from "react";
+import { WmContainerProps } from "./props";
+export declare const WmContainer: {
+    (props: WmContainerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * The WmContainer component is a flexible layout container with support for
+ * flexbox alignment, direction, wrap, gap, and custom positioning.
+ *
+ * - [Playground](https://react-components.wavemaker.ai/?path=/story/containers-container--showcase)
+ *
+ * - [Docs](https://react-components.wavemaker.ai/?path=/story/containers-container--docs)
+ *
+ * @param props - {@link WmContainerProps}
+ */
+declare const _default: React.ComponentType<{
+    direction?: "row" | "column";
+    wrap?: boolean;
+    alignment?: import("./props").ContainerAlignment;
+    gap?: string | number;
+    columngap?: string | number;
+    clipcontent?: string | boolean;
+    position?: string;
+    overflow?: string;
+    zindex?: string | number;
+    display?: string;
+    content?: string;
+    renderPartial?: (props: WmContainerProps, onLoad?: (widget?: Record<string, unknown>) => void) => React.ReactNode;
+    onLoad?: (widget?: Record<string, unknown>) => void;
+    layoutClassName?: string;
+    layoutWidth?: string;
+    layoutHeight?: string;
+    standalone?: boolean;
+    ref?: React.RefObject<HTMLElement> | React.RefObject<null>;
+    animation?: string;
+    show?: boolean | string;
+    padding?: string;
+    margin?: string;
+    width?: number | string;
+    height?: number | string;
+    className?: string;
+    conditionalstyle?: React.CSSProperties;
+    conditionalclass?: string;
+    showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];
+    onClick?: (event?: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onDoubleClick?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onMouseEnter?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onMouseLeave?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onMouseOver?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onMouseOut?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onFocus?: (event: React.FocusEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onBlur?: (event: React.FocusEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onKeydown?: (event: React.KeyboardEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onKeyup?: (event: React.KeyboardEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onKeypress?: (event: React.KeyboardEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    eventCallback?: (eventName: string, data: any) => void;
+    forwardedRef?: React.ForwardedRef<any>;
+    viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
+    hint?: string;
+    arialabel?: string;
+    tabindex?: number;
+    styles?: React.CSSProperties;
+    children?: React.ReactNode;
+    hidden?: boolean;
+    id?: string;
+    name?: string;
+    listener?: Record<string, any>;
+    "data-widget-id"?: string;
+    iswidget?: boolean | string;
+    deferload?: boolean | string;
+    "item-id"?: string;
+    datavalue?: any;
+    prefab?: boolean;
+    inbound?: Record<string, any>;
+    outbound?: Record<string, any>;
+    key?: string;
+    formfield?: boolean;
+    updateon?: string;
+    dataset?: any;
+    prefabName?: string;
+}>;
+export default _default;

package/components/container/index.js

@@ -0,0 +1,178 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WmContainer = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _clsx2 = require("clsx");
+var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
+var _layoutsizeUtil = require("@wavemaker-ai/react-runtime/utils/layoutsize-util");
+var _attr = require("@wavemaker-ai/react-runtime/utils/attr");
+var _excluded = ["listener"],
+  _excluded2 = ["className", "styles", "children", "renderPartial", "onLoad", "id", "direction", "wrap", "alignment", "gap", "columngap", "clipcontent", "position", "zindex", "name", "onClick", "onBlur", "onFocus", "onMouseEnter", "onMouseLeave", "onMouseOver", "onMouseOut", "onDoubleClick", "onKeydown", "onKeyup", "onKeypress", "animation", "show", "conditionalstyle", "conditionalclass", "showindevice", "eventCallback", "forwardedRef", "viewParent", "hint", "arialabel", "tabindex", "iswidget", "deferload", "datavalue", "prefab", "inbound", "outbound", "formfield", "updateon", "dataset", "prefabName", "content", "overflow", "display", "layoutClassName"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
+var __jsx = _react["default"].createElement;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var DEFAULT_CLASS = "app-container";
+var WmContainer = exports.WmContainer = function WmContainer(props) {
+  var _listener$Widgets;
+  var listener = props.listener,
+    restPartialProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  var className = restPartialProps.className,
+    styles = restPartialProps.styles,
+    children = restPartialProps.children,
+    renderPartial = restPartialProps.renderPartial,
+    onLoad = restPartialProps.onLoad,
+    id = restPartialProps.id,
+    _restPartialProps$dir = restPartialProps.direction,
+    direction = _restPartialProps$dir === void 0 ? "" : _restPartialProps$dir,
+    wrap = restPartialProps.wrap,
+    _restPartialProps$ali = restPartialProps.alignment,
+    alignment = _restPartialProps$ali === void 0 ? "" : _restPartialProps$ali,
+    gap = restPartialProps.gap,
+    columngap = restPartialProps.columngap,
+    clipcontent = restPartialProps.clipcontent,
+    position = restPartialProps.position,
+    zindex = restPartialProps.zindex,
+    name = restPartialProps.name,
+    onClick = restPartialProps.onClick,
+    onBlur = restPartialProps.onBlur,
+    onFocus = restPartialProps.onFocus,
+    onMouseEnter = restPartialProps.onMouseEnter,
+    onMouseLeave = restPartialProps.onMouseLeave,
+    onMouseOver = restPartialProps.onMouseOver,
+    onMouseOut = restPartialProps.onMouseOut,
+    onDoubleClick = restPartialProps.onDoubleClick,
+    onKeydown = restPartialProps.onKeydown,
+    onKeyup = restPartialProps.onKeyup,
+    onKeypress = restPartialProps.onKeypress,
+    animation = restPartialProps.animation,
+    show = restPartialProps.show,
+    conditionalstyle = restPartialProps.conditionalstyle,
+    conditionalclass = restPartialProps.conditionalclass,
+    showindevice = restPartialProps.showindevice,
+    eventCallback = restPartialProps.eventCallback,
+    forwardedRef = restPartialProps.forwardedRef,
+    viewParent = restPartialProps.viewParent,
+    hint = restPartialProps.hint,
+    arialabel = restPartialProps.arialabel,
+    tabindex = restPartialProps.tabindex,
+    iswidget = restPartialProps.iswidget,
+    deferload = restPartialProps.deferload,
+    datavalue = restPartialProps.datavalue,
+    prefab = restPartialProps.prefab,
+    inbound = restPartialProps.inbound,
+    outbound = restPartialProps.outbound,
+    formfield = restPartialProps.formfield,
+    updateon = restPartialProps.updateon,
+    dataset = restPartialProps.dataset,
+    prefabName = restPartialProps.prefabName,
+    content = restPartialProps.content,
+    overflow = restPartialProps.overflow,
+    display = restPartialProps.display,
+    layoutClassName = restPartialProps.layoutClassName,
+    rest = (0, _objectWithoutProperties2["default"])(restPartialProps, _excluded2);
+  var isLoaded = (0, _react.useRef)(false);
+  var widget_instance = listener === null || listener === void 0 || (_listener$Widgets = listener.Widgets) === null || _listener$Widgets === void 0 ? void 0 : _listener$Widgets[name];
+  var containerRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    var _listener$Widgets2;
+    // expose nativeElement property to proxy
+    if (containerRef.current && props !== null && props !== void 0 && props.name && listener !== null && listener !== void 0 && (_listener$Widgets2 = listener.Widgets) !== null && _listener$Widgets2 !== void 0 && _listener$Widgets2[props.name]) {
+      listener.Widgets[props.name].nativeElement = containerRef.current;
+    }
+    if (containerRef.current && (props.layoutWidth || props.layoutHeight)) {
+      (0, _layoutsizeUtil.layoutSizeUtil)(containerRef.current, props.layoutWidth, props.layoutHeight);
+    }
+  }, [containerRef.current]);
+  function handleClick(event) {
+    onClick === null || onClick === void 0 || onClick(event, widget_instance);
+  }
+  function handleOnBlur(event) {
+    onBlur === null || onBlur === void 0 || onBlur(event, widget_instance);
+  }
+  function handleOnFocus(event) {
+    onFocus === null || onFocus === void 0 || onFocus(event, widget_instance);
+  }
+  function handleMouseEnter(event) {
+    onMouseEnter === null || onMouseEnter === void 0 || onMouseEnter(event, widget_instance);
+  }
+  function handleMouseLeave(event) {
+    onMouseLeave === null || onMouseLeave === void 0 || onMouseLeave(event, widget_instance);
+  }
+  function handleMouseOver(event) {
+    onMouseOver === null || onMouseOver === void 0 || onMouseOver(event, widget_instance);
+  }
+  function handleMouseOut(event) {
+    onMouseOut === null || onMouseOut === void 0 || onMouseOut(event, widget_instance);
+  }
+  function handleDoubleClick(event) {
+    onDoubleClick === null || onDoubleClick === void 0 || onDoubleClick(event, widget_instance);
+  }
+  function handleKeyDown(event) {
+    onKeydown === null || onKeydown === void 0 || onKeydown(event, widget_instance);
+  }
+  function handleKeyUp(event) {
+    onKeyup === null || onKeyup === void 0 || onKeyup(event, widget_instance);
+  }
+  var domEvents = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, onBlur && {
+    onBlur: handleOnBlur
+  }), onFocus && {
+    onFocus: handleOnFocus
+  }), onMouseEnter && {
+    onMouseEnter: handleMouseEnter
+  }), onMouseLeave && {
+    onMouseLeave: handleMouseLeave
+  }), onDoubleClick && {
+    onDoubleClick: handleDoubleClick
+  }), onKeydown && {
+    onKeyDown: handleKeyDown
+  }), onKeyup && {
+    onKeyUp: handleKeyUp
+  }), onClick && {
+    onClick: handleClick
+  }), onMouseOver && {
+    onMouseOver: handleMouseOver
+  }), onMouseOut && {
+    onMouseOut: handleMouseOut
+  });
+  (0, _react.useEffect)(function () {
+    if (onLoad && !isLoaded.current) {
+      onLoad === null || onLoad === void 0 || onLoad(props);
+      isLoaded.current = true;
+    }
+  }, [onLoad]);
+  var classNames = (className === null || className === void 0 ? void 0 : className.split(" ")) || [];
+  return __jsx("div", (0, _extends2["default"])({
+    className: (0, _clsx2.clsx)((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, className || "", Boolean(className)), DEFAULT_CLASS, !["form-elements", "dynamic-form-container"].some(function (cls) {
+      return classNames === null || classNames === void 0 ? void 0 : classNames.includes(cls);
+    })), layoutClassName),
+    "data-widget-id": props["data-widget-id"],
+    id: id,
+    hidden: props.hidden
+  }, (0, _attr.removeInvalidAttributes)(rest), domEvents, {
+    name: name,
+    style: _objectSpread(_objectSpread({}, styles), conditionalstyle),
+    ref: containerRef
+  }), renderPartial ? renderPartial(restPartialProps, onLoad) : children);
+};
+WmContainer.displayName = "WmContainer";
+
+/**
+ * The WmContainer component is a flexible layout container with support for
+ * flexbox alignment, direction, wrap, gap, and custom positioning.
+ *
+ * - [Playground](https://react-components.wavemaker.ai/?path=/story/containers-container--showcase)
+ *
+ * - [Docs](https://react-components.wavemaker.ai/?path=/story/containers-container--docs)
+ *
+ * @param props - {@link WmContainerProps}
+ */
+var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmContainer);

package/components/container/layout-grid/grid-column/index.d.ts

@@ -0,0 +1,70 @@
+import { WmGridColumnProps } from "./props";
+export declare const WmGridcolumn: {
+    (props: WmGridColumnProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * The WmGridColumn component is a grid column for WmLayoutGrid with
+ * optional column width and alignment.
+ *
+ * - [Playground](https://react-components.wavemaker.ai/?path=/story/container-gridcolumn--showcase)
+ *
+ * - [Docs](https://react-components.wavemaker.ai/?path=/story/container-gridcolumn--docs#tab-overview)
+ *
+ * @param props - {@link WmGridColumnProps}
+ */
+declare const _default: import("react").ComponentType<{
+    columnwidth?: number;
+    horizontalalign?: import("./props").GridColumnHorizontalAlign;
+    containerProps?: Record<string, unknown>;
+    standalone?: boolean;
+    ref?: React.RefObject<HTMLElement> | React.RefObject<null>;
+    animation?: string;
+    show?: boolean | string;
+    padding?: string;
+    margin?: string;
+    width?: number | string;
+    height?: number | string;
+    className?: string;
+    conditionalstyle?: import("react").CSSProperties;
+    conditionalclass?: string;
+    showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];
+    onClick?: (event?: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onDoubleClick?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onMouseEnter?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onMouseLeave?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onMouseOver?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onMouseOut?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onFocus?: (event: React.FocusEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onBlur?: (event: React.FocusEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onKeydown?: (event: React.KeyboardEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onKeyup?: (event: React.KeyboardEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onKeypress?: (event: React.KeyboardEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    eventCallback?: (eventName: string, data: any) => void;
+    forwardedRef?: React.ForwardedRef<any>;
+    viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
+    hint?: string;
+    arialabel?: string;
+    tabindex?: number;
+    styles?: import("react").CSSProperties;
+    children?: React.ReactNode;
+    hidden?: boolean;
+    id?: string;
+    name?: string;
+    listener?: Record<string, any>;
+    "data-widget-id"?: string;
+    iswidget?: boolean | string;
+    deferload?: boolean | string;
+    "item-id"?: string;
+    datavalue?: any;
+    prefab?: boolean;
+    inbound?: Record<string, any>;
+    outbound?: Record<string, any>;
+    key?: string;
+    formfield?: boolean;
+    updateon?: string;
+    dataset?: any;
+    prefabName?: string;
+}>;
+export default _default;

package/components/container/layout-grid/grid-column/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WmGridcolumn = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _material = require("@mui/material");
+var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
+var _excluded = ["columnwidth", "className", "children", "styles", "containerProps", "horizontalalign"];
+var __jsx = _react["default"].createElement;
+var DEFAULT_CLASS = "app-grid-column";
+var WmGridcolumn = exports.WmGridcolumn = function WmGridcolumn(props) {
+  var columnwidth = props.columnwidth,
+    className = props.className,
+    children = props.children,
+    styles = props.styles,
+    containerProps = props.containerProps,
+    _props$horizontalalig = props.horizontalalign,
+    horizontalalign = _props$horizontalalig === void 0 ? "right" : _props$horizontalalig,
+    otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  return __jsx(_material.Container, (0, _extends2["default"])({
+    disableGutters: true,
+    maxWidth: false,
+    style: styles,
+    className: (0, _clsx["default"])(DEFAULT_CLASS, className, columnwidth && "col-sm-".concat(columnwidth))
+  }, otherProps), children);
+};
+WmGridcolumn.displayName = "WmGridcolumn";
+
+/**
+ * The WmGridColumn component is a grid column for WmLayoutGrid with
+ * optional column width and alignment.
+ *
+ * - [Playground](https://react-components.wavemaker.ai/?path=/story/container-gridcolumn--showcase)
+ *
+ * - [Docs](https://react-components.wavemaker.ai/?path=/story/container-gridcolumn--docs#tab-overview)
+ *
+ * @param props - {@link WmGridColumnProps}
+ */
+var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmGridcolumn);

package/components/container/layout-grid/grid-column/props.d.ts

@@ -0,0 +1,27 @@
+import { BaseProps, Prettify } from "@wavemaker-ai/react-runtime/higherOrder/props";
+/**
+ * Horizontal alignment for grid column content.
+ */
+export type GridColumnHorizontalAlign = "left" | "right" | "center";
+/**
+ * Base props specific to the WmGridColumn component.
+ */
+export interface GridColumnPropsBase {
+    /**
+     * Bootstrap-style column width (e.g., 1-12 for col-sm-1 to col-sm-12).
+     */
+    columnwidth?: number;
+    /**
+     * Horizontal alignment of column content.
+     * @default "right"
+     */
+    horizontalalign?: GridColumnHorizontalAlign;
+    /**
+     * Props passed to the underlying Container component.
+     */
+    containerProps?: Record<string, unknown>;
+}
+/**
+ * Combined props for the WmGridColumn component, including base WaveMaker props.
+ */
+export type WmGridColumnProps = Prettify<GridColumnPropsBase & BaseProps>;

package/components/container/layout-grid/grid-column/props.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/components/container/layout-grid/grid-row/index.d.ts

@@ -0,0 +1,66 @@
+import { WmGridRowProps } from "./props";
+export declare const WmGridrow: {
+    (props: WmGridRowProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * The WmGridRow component is a grid row container for WmLayoutGrid.
+ *
+ * - [Playground](https://react-components.wavemaker.ai/?path=/story/container-gridrow--showcase)
+ *
+ * - [Docs](https://react-components.wavemaker.ai/?path=/story/container-gridrow--docs#tab-overview)
+ *
+ * @param props - {@link WmGridRowProps}
+ */
+declare const _default: import("react").ComponentType<{
+    standalone?: boolean;
+    ref?: React.RefObject<HTMLElement> | React.RefObject<null>;
+    animation?: string;
+    show?: boolean | string;
+    padding?: string;
+    margin?: string;
+    width?: number | string;
+    height?: number | string;
+    className?: string;
+    conditionalstyle?: import("react").CSSProperties;
+    conditionalclass?: string;
+    showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];
+    onClick?: (event?: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onDoubleClick?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onMouseEnter?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onMouseLeave?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onMouseOver?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onMouseOut?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onFocus?: (event: React.FocusEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onBlur?: (event: React.FocusEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onKeydown?: (event: React.KeyboardEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onKeyup?: (event: React.KeyboardEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    onKeypress?: (event: React.KeyboardEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
+    eventCallback?: (eventName: string, data: any) => void;
+    forwardedRef?: React.ForwardedRef<any>;
+    viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
+    hint?: string;
+    arialabel?: string;
+    tabindex?: number;
+    styles?: import("react").CSSProperties;
+    children?: React.ReactNode;
+    hidden?: boolean;
+    id?: string;
+    name?: string;
+    listener?: Record<string, any>;
+    "data-widget-id"?: string;
+    iswidget?: boolean | string;
+    deferload?: boolean | string;
+    "item-id"?: string;
+    datavalue?: any;
+    prefab?: boolean;
+    inbound?: Record<string, any>;
+    outbound?: Record<string, any>;
+    key?: string;
+    formfield?: boolean;
+    updateon?: string;
+    dataset?: any;
+    prefabName?: string;
+}>;
+export default _default;

package/components/container/layout-grid/grid-row/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WmGridrow = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _material = require("@mui/material");
+var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
+var __jsx = _react["default"].createElement;
+var DEFAULT_CLASS = "app-grid-row clearfix";
+var WmGridrow = exports.WmGridrow = function WmGridrow(props) {
+  return __jsx(_material.Container, {
+    style: props.styles,
+    className: (0, _clsx["default"])(DEFAULT_CLASS, props.className)
+  }, props.children);
+};
+WmGridrow.displayName = "WmGridrow";
+
+/**
+ * The WmGridRow component is a grid row container for WmLayoutGrid.
+ *
+ * - [Playground](https://react-components.wavemaker.ai/?path=/story/container-gridrow--showcase)
+ *
+ * - [Docs](https://react-components.wavemaker.ai/?path=/story/container-gridrow--docs#tab-overview)
+ *
+ * @param props - {@link WmGridRowProps}
+ */
+var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmGridrow);

package/components/container/layout-grid/grid-row/props.d.ts

@@ -0,0 +1,6 @@
+import { BaseProps, Prettify } from "@wavemaker-ai/react-runtime/higherOrder/props";
+/**
+ * WmGridRow uses BaseProps only. This type alias provides consistent
+ * naming and JSDoc for intellisense.
+ */
+export type WmGridRowProps = Prettify<BaseProps>;

package/components/container/layout-grid/grid-row/props.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});