@wavemaker-ai/react-runtime 1.0.0-next.27766

package/components/data/table/index.d.ts

@@ -0,0 +1,299 @@
+import React from "react";
+import { WmTableProps } from "./props";
+import { StorageType } from "@wavemaker-ai/react-runtime/utils/state-persistance";
+export declare const WmTableComponent: React.FC<WmTableProps>;
+declare const WmTableStandalone: React.ComponentType<{
+    editmode?: import("./props").TableEditMode;
+    statehandler?: StorageType;
+    showrowindex?: boolean;
+    showheader?: boolean;
+    enablesort?: boolean;
+    enablecolumnselection?: boolean;
+    shownavigation?: boolean;
+    showrecordcount?: boolean;
+    radioselect?: boolean;
+    radioselecttitle?: string;
+    radioselectarialabel?: string;
+    multiselect?: boolean;
+    multiselecttitle?: string;
+    multiselectarialabel?: string;
+    gridfirstrowselect?: boolean;
+    isrowselectable?: boolean;
+    isrowexpansionenabled?: boolean;
+    formposition?: import("./props").TableFormPosition;
+    rowClass?: string;
+    spacing?: import("./props").TablePanelSpacing;
+    title?: string;
+    subheading?: string;
+    iconclass?: string;
+    iconurl?: string;
+    dataset?: any;
+    navigation?: import("../list/props").INavigation;
+    isdynamictable?: boolean;
+    table_reference?: string;
+    formName?: string;
+    parentForm?: string;
+    pagesize?: number;
+    navigationalign?: import("../list/props").IAlignment;
+    maxsize?: number;
+    boundarylinks?: boolean;
+    allowpagesizechange?: boolean;
+    pagesizeoptions?: string;
+    onDemandLoad?: boolean;
+    filtermode?: import("./props").TableFilterMode;
+    searchlabel?: string;
+    filteronkeypress?: boolean;
+    exportformat?: any[];
+    exportOptions?: any[];
+    exportdatasize?: number;
+    onBeforeexport?: (data: any) => boolean | void;
+    onAfterexport?: (data: any) => void;
+    confirmdelete?: string;
+    deleteoktext?: string;
+    deletecanceltext?: string;
+    errormessage?: string;
+    nodatamessage?: string;
+    loadingdatamsg?: string;
+    skeletonRows?: number;
+    skeletonColumns?: number;
+    insertmessage?: string;
+    updatemessage?: string;
+    deletemessage?: string;
+    ondemandmessage?: string;
+    viewlessmessage?: string;
+    showviewlessbutton?: boolean;
+    onRowDelete?: (deletedRowData: any, deletedRowIndex: number, updatedDataset: any[]) => void;
+    onRowUpdate?: (updatedRowData: any, rowIndex: number, updatedDataset: any[]) => void;
+    onRowclick?: (event: any, widget: any, row: any) => void;
+    onBeforedatarender?: (widget: any, data: any, columns: any) => void;
+    onDatarender?: (widget: any, data: any) => void;
+    onColumnselect?: (event: React.MouseEvent, data: {
+        field: string;
+        colDef: any;
+        data: any[];
+    }) => void;
+    onColumndeselect?: (event: React.MouseEvent, data: {
+        field: string;
+        colDef: any;
+        data: any[];
+    }) => void;
+    onSort?: (event: any, widget: any, data: any) => void;
+    onBeforerowdelete?: (event: any, widget: any, row: any, options: any) => void | boolean | Promise<void | boolean>;
+    onBeforefilter?: (widget: any, filterFields: any) => void | boolean | Promise<void | boolean>;
+    onHeaderclick?: (event: any, widget: any, column: any) => void;
+    onRowselect?: (event: any, widget: any, row: any) => void;
+    onRowdeselect?: (event: any, widget: any, row: any) => void;
+    onSetrecord?: (event: React.SyntheticEvent, widget: unknown, data: any, pageInfo: any) => void;
+    children: React.ReactNode;
+    onRowinsert?: (event: any, widget: any, data: any) => void;
+    onRowupdate?: (event: any, widget: any, data: any) => void;
+    onRowdelete?: (event: any, widget: any, row: any) => void;
+    datasource?: import("../../../variables/live-variable").LiveVariableConfig;
+    binddataset?: string;
+    onSuccess?: (operation: string, data: any) => void;
+    onError?: (event: any, widget: any, data: any, operation: string) => void;
+    customExpressionColumns?: Record<string, (rowData: any) => React.ReactNode>;
+    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;
+    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;
+    prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
+    widget?: string;
+} & import("@wavemaker-ai/react-runtime/higherOrder/withStandalone").WithStandaloneProps>;
+export { WmTableStandalone as WmTable };
+declare const WmTable: React.ComponentType<{
+    editmode?: import("./props").TableEditMode;
+    statehandler?: StorageType;
+    showrowindex?: boolean;
+    showheader?: boolean;
+    enablesort?: boolean;
+    enablecolumnselection?: boolean;
+    shownavigation?: boolean;
+    showrecordcount?: boolean;
+    radioselect?: boolean;
+    radioselecttitle?: string;
+    radioselectarialabel?: string;
+    multiselect?: boolean;
+    multiselecttitle?: string;
+    multiselectarialabel?: string;
+    gridfirstrowselect?: boolean;
+    isrowselectable?: boolean;
+    isrowexpansionenabled?: boolean;
+    formposition?: import("./props").TableFormPosition;
+    rowClass?: string;
+    spacing?: import("./props").TablePanelSpacing;
+    title?: string;
+    subheading?: string;
+    iconclass?: string;
+    iconurl?: string;
+    dataset?: any;
+    navigation?: import("../list/props").INavigation;
+    isdynamictable?: boolean;
+    table_reference?: string;
+    formName?: string;
+    parentForm?: string;
+    pagesize?: number;
+    navigationalign?: import("../list/props").IAlignment;
+    maxsize?: number;
+    boundarylinks?: boolean;
+    allowpagesizechange?: boolean;
+    pagesizeoptions?: string;
+    onDemandLoad?: boolean;
+    filtermode?: import("./props").TableFilterMode;
+    searchlabel?: string;
+    filteronkeypress?: boolean;
+    exportformat?: any[];
+    exportOptions?: any[];
+    exportdatasize?: number;
+    onBeforeexport?: (data: any) => boolean | void;
+    onAfterexport?: (data: any) => void;
+    confirmdelete?: string;
+    deleteoktext?: string;
+    deletecanceltext?: string;
+    errormessage?: string;
+    nodatamessage?: string;
+    loadingdatamsg?: string;
+    skeletonRows?: number;
+    skeletonColumns?: number;
+    insertmessage?: string;
+    updatemessage?: string;
+    deletemessage?: string;
+    ondemandmessage?: string;
+    viewlessmessage?: string;
+    showviewlessbutton?: boolean;
+    onRowDelete?: (deletedRowData: any, deletedRowIndex: number, updatedDataset: any[]) => void;
+    onRowUpdate?: (updatedRowData: any, rowIndex: number, updatedDataset: any[]) => void;
+    onRowclick?: (event: any, widget: any, row: any) => void;
+    onBeforedatarender?: (widget: any, data: any, columns: any) => void;
+    onDatarender?: (widget: any, data: any) => void;
+    onColumnselect?: (event: React.MouseEvent, data: {
+        field: string;
+        colDef: any;
+        data: any[];
+    }) => void;
+    onColumndeselect?: (event: React.MouseEvent, data: {
+        field: string;
+        colDef: any;
+        data: any[];
+    }) => void;
+    onSort?: (event: any, widget: any, data: any) => void;
+    onBeforerowdelete?: (event: any, widget: any, row: any, options: any) => void | boolean | Promise<void | boolean>;
+    onBeforefilter?: (widget: any, filterFields: any) => void | boolean | Promise<void | boolean>;
+    onHeaderclick?: (event: any, widget: any, column: any) => void;
+    onRowselect?: (event: any, widget: any, row: any) => void;
+    onRowdeselect?: (event: any, widget: any, row: any) => void;
+    onSetrecord?: (event: React.SyntheticEvent, widget: unknown, data: any, pageInfo: any) => void;
+    children: React.ReactNode;
+    onRowinsert?: (event: any, widget: any, data: any) => void;
+    onRowupdate?: (event: any, widget: any, data: any) => void;
+    onRowdelete?: (event: any, widget: any, row: any) => void;
+    datasource?: import("../../../variables/live-variable").LiveVariableConfig;
+    binddataset?: string;
+    onSuccess?: (operation: string, data: any) => void;
+    onError?: (event: any, widget: any, data: any, operation: string) => void;
+    customExpressionColumns?: Record<string, (rowData: any) => React.ReactNode>;
+    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;
+    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;
+    prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
+    widget?: string;
+}>;
+/**
+ * The WmTable component is used to display data in a tabular format.
+ *
+ * - [Playground](https://react-components.wavemaker.ai/?path=/story/data-data-table--showcase)
+ *
+ * - [Docs](https://react-components.wavemaker.ai/?path=/story/data-data-table--docs)
+ *
+ * @param props - {@link WmTableProps}
+ */
+export default WmTable;