realgrid-react 0.9.0

package/README.md

@@ -0,0 +1,95 @@
+# RealGrid-React
+
+## Overview
+`realgrid-react` is a React component for integrating RealGrid into your React applications. It provides a seamless way to add powerful grid functionalities to your project.
+
+[RealGrid](https://www.npmjs.com/package/realgrid) React Wrapper
+
+## Table of Contents
+
+- [Install](#install)
+- [License](#license)
+- [Usage](#usage)
+    - [Styles](#styles)
+    - [Library Target](#library-target)
+- [Example](#example)
+- [Support](#support)
+
+## Installation
+To install the `realgrid-react` component, use npm or yarn:
+
+```bash
+npm install realgrid-react
+# or
+yarn add realgrid-react
+```
+
+### License
+
+> The License file is required for proper use. More information, visit: http://service.realgrid.com/start
+
+## Usage
+
+### basic example
+Here's a basic example of how to use realgrid-react in your project:
+
+```jsx
+
+import RealGrid from 'realgrid'
+import '/realgrid/dist/realgrid-style.css'
+import { useRef } from 'react'
+import { RGDataColumn, RealGridReact } from 'realgrid-react'
+
+const RealGridComponent = () => {
+    const grid = useRef(null)
+    const data = [
+        { id: 1, name: 'John Doe', age: 30 },
+        { id: 2, name: 'Jane Smith', age: 27 },
+        { id: 3, name: 'Alice Johnson', age: 35 },
+        { id: 4, name: 'Bob Brown', age: 22 },
+        { id: 5, name: 'Charlie Davis', age: 28 },
+        { id: 6, name: 'Dana White', age: 33 }
+    ]
+    RealGrid.setLicenseKey('Your LicenseKey')
+
+    return (
+        <>
+            <div style={{ width: '100%', height: '550px' }}>
+                <RealGridReact ref={grid} rows={data} autoGenerateField={true}>
+                    <RGDataColumn name='id' fieldName='id' />
+                    <RGDataColumn name='name' fieldName='name' />
+                    <RGDataColumn name='age' fieldName='age' />
+                </RealGridReact>
+            </div>
+        </>
+    )
+}
+
+export default RealGridComponent
+
+
+```
+
+
+### styles
+
+- The themes are located in './dist'
+
+``` jsx
+import "../node_modules/realgrid/dist/realgrid-style.css";
+```
+
+### Library Target
+
+- index.es.js for ES
+- index.cjs.js for commonjs
+
+
+
+### Example
+> visit: https://github.com/realgrid/realgrid2-examples
+
+### Support
+If you encounter any issues or have questions, 
+please open an issue on GitHub or contact our support team at support@realgrid.com
+or visit https://docs.realgrid.com/

package/dist/index.cjs.js

@@ -0,0 +1 @@
+"use strict";var C=Object.defineProperty;var $=(o,r,t)=>r in o?C(o,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[r]=t;var n=(o,r,t)=>($(o,typeof r!="symbol"?r+"":r,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),_=require("realgrid");function B(o){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:()=>o[t]})}}return r.default=o,Object.freeze(r)}const u=B(_),m=(o,...r)=>(r.forEach(t=>{for(const s in t){if(s==="children")continue;const e=t[s];e===null?o[s]=null:e===void 0?delete o[s]:Array.isArray(e)?o[s]=[...e]:typeof e=="object"?e instanceof Date?o[s]=new Date(e):o[s]=m(o[s]==null?{}:o[s],e):o[s]=e}}),o),h=(o,r={},t={})=>{o=o||{};const s=["children","rows","$grid"];for(const[e,i]of Object.entries(r))if(!s.includes(e))if(!t.hasOwnProperty(e))o[e]=null;else if(Array.isArray(i))(!t[e]||JSON.stringify(i)!=JSON.stringify(t[e]))&&(o[e]=t[e]);else if(i instanceof Object&&!(i instanceof Date||Array.isArray(i)||typeof i=="function"))if(!(t[e]instanceof Object))o[e]=t[e];else{const d=h({},i,t[e]);Object.keys(d).length&&(o[e]=d)}else typeof i=="function"?i.toString()!==t[e].toString()&&(o[e]=t[e]):i!==t[e]&&(o[e]=t[e]);for(const[e,i]of Object.entries(t))s.includes(e)||r.hasOwnProperty(e)||(o[e]=i);return o};class w extends l.Component{constructor(t){super(t);n(this,"_gridView",null);n(this,"_dataProvider",null);n(this,"_mountCBs",[]);n(this,"_mountTimer");n(this,"gridContainer");this.gridContainer=l.createRef()}getProps(t){return t||{}}$_connectEvents(t,s,e){for(let i in e)i&&typeof i=="string"&&i.startsWith("on")&&(t.hasOwnProperty(i)&&(t[i]=e[i]),s.hasOwnProperty(i)&&(s[i]=e[i]),i==="onDataRowInserting"&&(s.onRowInserting=e[i]))}$_executeCallback(){if(this.gridView&&(clearTimeout(this._mountTimer),!(!this._mountCBs||!this._mountCBs.length))){this.gridView.beginUpdate();try{this.dataProvider.beginUpdate();try{for(;this._mountCBs&&this._mountCBs.length;){const t=this._mountCBs.shift();t==null||t.call(this)}}finally{this.dataProvider.endUpdate()}}finally{this.gridView.endUpdate(!0),this._mountTimer=null,this._mountCBs=[]}}}addCallback(t){this._mountCBs.push(t),clearTimeout(this._mountTimer),this._mountTimer=setTimeout(()=>{this.$_executeCallback()},20)}removeCallback(t){const s=this._mountCBs.indexOf(t);s>=0&&this._mountCBs.splice(s,1)}componentDidMount(){const{grid:t,dataProvider:s,props:e}=this.createObject();if(this._gridView=t,this._dataProvider=s,this.$_executeCallback(),t.setOptions(e.gridProps||{}),s.setOptions(e.dataProps||{}),e.rowStyleCallback&&t.setRowStyleCallback(e.rowStyleCallback),e.cellStyleCallback&&t.setCellStyleCallback(e.cellStyleCallback),e.layout&&t.setColumnLayout(e.layout),e.onInitialized){const i=e.onInitialized.constructor.name;i==="Function"?e.onInitialized(t):i==="AsyncFunction"&&Promise.resolve(e.onInitialized(t))}}componentWillUnmount(){this.beforeDestroy(),this._gridView=this._gridView&&this._gridView.destroy(),this._dataProvider=this._dataProvider&&this._dataProvider.destroy()}componentDidUpdate(t,s,e){this.$_executeCallback();const i=this.getProps(this.props)||{},d=this.gridView,c=this.dataProvider;this.$_connectEvents(d,c,i);let p=h({},t.dataProps,i.dataProps);c.setOptions(p),p=h({},t.gridProps,i.gridProps),d.setOptions(p),p=h([],t.layout||[],i.layout||[]),p&&p.length>0&&d.setColumnLayout(i.layout)}render(){const t={};t.$grid=this;let s=0;const e=l.Children.map(this.props.children,i=>(i&&i.type.CType==="$$RGColumn$$"?t.displayIndex=s++:delete t.displayIndex,i&&l.cloneElement(i,t)));return l.createElement("div",{style:{width:"100%",height:"100%"},ref:i=>this.gridContainer=i},e)}}class R extends w{constructor(){super(...arguments);n(this,"createObject",()=>{var i;const t=m({},this.getProps(this.props)),s=new u.GridView(this.gridContainer,t.accessibility,t.waiOptions),e=new u.LocalDataProvider((i=t.dataProps)==null?void 0:i.undoable);return s.setDataSource(e),{grid:s,dataProvider:e,props:t}});n(this,"beforeDestroy",()=>{const t=m({},this.getProps(this.props));return t.onDestroy&&t.onDestroy.call(this,this.gridView),{props:t}})}get gridView(){return this._gridView}get dataProvider(){return this._dataProvider}componentDidMount(){var s;super.componentDidMount();const t=this.props.rows;t&&Array.isArray(t)&&t.length>0&&((s=this.dataProvider)==null||s.setRows(t))}componentDidUpdate(t,s,e){super.componentDidUpdate(t,s,e),t.rows!=this.props.rows&&this.dataProvider.setRows(this.props.rows)}}class P extends w{constructor(){super(...arguments);n(this,"createObject",()=>{var i;const t=m({},this.getProps(this.props)),s=new u.TreeView(this.gridContainer),e=new u.LocalTreeDataProvider((i=t.dataProps)==null?void 0:i.undoable);return s.setTreeOptions(t.treeOptions||{}),s.setDataSource(e),{grid:s,dataProvider:e,props:t}});n(this,"beforeDestroy",()=>{const t=m({},this.getProps(this.props));return t.onDestroy&&t.onDestroy.call(this,this.gridView),{props:t}})}get gridView(){return this._gridView}get dataProvider(){return this._dataProvider}componentDidMount(){var s,e;super.componentDidMount();const t=this.props.rows;Array.isArray(t)?(s=this.dataProvider)==null||s.setRows(t,this.props.treeField,this.props.needSorting,this.props.childrenField,this.props.iconField):(e=this.dataProvider)==null||e.setObjectRows(this.props.json,this.props.rowsProp,this.props.childrenProp,this.props.iconProp)}componentDidUpdate(t,s,e){var d,c;const i=this.props.rows;(this.props.treeField||this.props.rowsProp)&&t.rows!==i&&(Array.isArray(i)?(d=this.dataProvider)==null||d.setRows(i,this.props.treeField,this.props.needSorting,this.props.childrenField,this.props.iconField):(c=this.dataProvider)==null||c.setObjectRows(this.props.json,this.props.rowsProp,this.props.childrenProp,this.props.iconProp)),super.componentDidUpdate(t,s,e)}}class a extends l.Component{constructor(t){super(t);n(this,"$parent");n(this,"$model");this.$parent=t.$grid}_doUpdate(){}componentDidMount(){const t=this.$parent;t&&t.addCallback(this.mountCB)}componentWillUnmount(){const t=this.$parent;t&&(t.removeCallback(this.mountCB),this.unMountCB()),this.$model=null}componentDidUpdate(t,s,e){let i=h({},this.props,t);this.$model&&this.$model.assignFrom&&this.$model.assignFrom(i),this._doUpdate()}render(){return l.createElement(l.Fragment)}}class f extends a{constructor(){super(...arguments);n(this,"_column");n(this,"mountCB",()=>{const t=this.$parent.gridView;t&&(this._column=this.$model=t.addColumn({...this.props,type:"series"},this.props.displayIndex??-1))});n(this,"unMountCB",()=>{const t=this.$parent.gridView;this._column&&t&&!t._view.disposing&&t.removeColumn(this._column.name)})}componentDidMount(){super.componentDidMount()}componentWillUnmount(){super.componentWillUnmount()}componentDidUpdate(t,s,e){if(super.componentDidUpdate(t,s,e),t.width!==this.props.width){const i=this.$model.layout;i&&(i.cellWidth=this.props.width)}}}n(f,"CType","$$RGColumn$$");class D extends a{constructor(){super(...arguments);n(this,"mountCB",()=>{var t;(t=this.$parent.gridView)==null||t.setStateBar({...this.props}),this.$model=this.$parent.gridView.stateBar});n(this,"unMountCB",()=>{var t;(t=this.$parent.gridView)==null||t.setStateBar({})})}}class V extends a{constructor(){super(...arguments);n(this,"mountCB",()=>{var t;(t=this.$parent.gridView)==null||t.setRowIndicator({...this.props}),this.$model=this.$parent.gridView.rowIndicator});n(this,"unMountCB",()=>{})}}class b extends a{constructor(){super(...arguments);n(this,"mountCB",()=>{var t;(t=this.$parent.gridView)==null||t.setHeaderSummaries({...this.props}),this.$model=this.$parent.gridView.headerSummaries});n(this,"unMountCB",()=>{})}componentDidMount(){super.componentDidMount()}componentWillUnmount(){super.componentWillUnmount()}}class G extends a{constructor(){super(...arguments);n(this,"mountCB",()=>{var t;(t=this.$parent.gridView)==null||t.setHeaderSummary({...this.props}),this.$model=this.$parent.gridView.headerSummary});n(this,"unMountCB",()=>{})}}class v extends a{constructor(){super(...arguments);n(this,"mountCB",()=>{var t;(t=this.$parent.gridView)==null||t.setHeader({...this.props}),this.$model=this.$parent.gridView.header});n(this,"unMountCB",()=>{})}}class S extends a{constructor(){super(...arguments);n(this,"mountCB",()=>{var t;this.$parent.gridView instanceof u.GridView&&((t=this.$parent.gridView)==null||t.setGroupPanel({visible:!0,...this.props}),this.$model=this.$parent.gridView.groupPanel)});n(this,"unMountCB",()=>{})}}class F extends a{constructor(){super(...arguments);n(this,"mountCB",()=>{var t;(t=this.$parent.gridView)==null||t.setFooter({...this.props}),this.$model=this.$parent.gridView.footer});n(this,"unMountCB",()=>{})}}class M extends a{constructor(){super(...arguments);n(this,"mountCB",()=>{var t;(t=this.$parent.gridView)==null||t.setFooters({...this.props}),this.$model=this.$parent.gridView.footers});n(this,"unMountCB",()=>{})}}class x extends a{constructor(){super(...arguments);n(this,"mountCB",()=>{var t;(t=this.$parent.gridView)==null||t.setFilterPanel({...this.props}),this.$model=this.$parent.gridView.filterPanel});n(this,"unMountCB",()=>{})}}class O extends a{constructor(){super(...arguments);n(this,"_field");n(this,"mountCB",()=>{const t=this.$parent.gridView,s=t==null?void 0:t.getDataSource();s&&!s.fieldByName(this.props.fieldName)&&(this._field=s.addField(this.props))});n(this,"unMountCB",()=>{if(this._field){const t=this.$parent.gridView,s=t==null?void 0:t.getDataSource();s&&s.removeField(this._field.fieldName)}})}}class g extends a{constructor(){super(...arguments);n(this,"fieldName");n(this,"mounted");n(this,"_column");n(this,"mountCB",()=>{const t=this.$parent.gridView,s=this.$parent.props.autoGenerateField,e=t==null?void 0:t.getDataSource();let i=this.props.fieldName;s&&(!i&&this.props.field&&(i=this.props.field.fieldName),e&&!e.fieldByName(i)&&e.addField(this.props.field||i)),t&&(this._column=this.$model=t.addColumn({...this.props,fieldName:i},this.props.displayIndex??-1))});n(this,"unMountCB",()=>{const t=this.$parent.gridView;if(this._column&&t&&!t._view.disposing){let s=this._column.fieldName;t.removeColumn(this._column.name);const e=this.$parent.props.autoGenerateField,i=t==null?void 0:t.getDataSource();e&&s&&i&&(t.columnByField(s)||i.removeField(s))}})}componentDidMount(){super.componentDidMount()}componentWillUnmount(){super.componentWillUnmount()}componentDidUpdate(t,s,e){if(super.componentDidUpdate(t,s,e),t.width!==this.props.width){const i=this.$model.layout;i&&(i.cellWidth=this.props.width)}}}n(g,"CType","$$RGColumn$$");class U extends a{constructor(){super(...arguments);n(this,"mountCB",()=>{var t;(t=this.$parent.gridView)==null||t.setCheckBar({...this.props}),this.$model=this.$parent.gridView.checkBar});n(this,"unMountCB",()=>{})}}class y extends a{constructor(){super(...arguments);n(this,"_column");n(this,"mountCB",()=>{const t=this.$parent.gridView;t&&(this._column=this.$model=t.addColumn({...this.props,type:"literal"},this.props.displayIndex??-1))});n(this,"unMountCB",()=>{const t=this.$parent.gridView;this._column&&t&&!t._view.disposing&&t.removeColumn(this._column.name)})}componentDidMount(){super.componentDidMount()}componentWillUnmount(){super.componentWillUnmount()}componentDidUpdate(t,s,e){if(super.componentDidUpdate(t,s,e),t.width!==this.props.width){const i=this.$model.layout;i&&(i.cellWidth=this.props.width)}}}n(y,"CType","$$RGColumn$$");exports.RGCheckBar=U;exports.RGDataColumn=g;exports.RGDataField=O;exports.RGFilterPanel=x;exports.RGFooter=F;exports.RGFooters=M;exports.RGGroupPanel=S;exports.RGHeader=v;exports.RGHeaderSummaries=b;exports.RGHeaderSummary=G;exports.RGLiteralColumn=y;exports.RGRowIndicator=V;exports.RGSeriesColumn=f;exports.RGStateBar=D;exports.RealGridReact=R;exports.RealTreeReact=P;

package/dist/index.d.ts

@@ -0,0 +1,437 @@
+import { default as default_2 } from 'react';
+import { ReactNode } from 'react';
+import * as RealGrid from 'realgrid';
+
+declare abstract class ComponentBase<T extends IComponentBase> extends default_2.Component<T> {
+    protected $parent?: RealBaseReact<{}>;
+    protected $model?: any;
+    constructor(props: T);
+    protected abstract mountCB: () => void;
+    protected abstract unMountCB: () => void;
+    protected _doUpdate(): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: Readonly<{
+        [key in keyof T]: T[key];
+    }>, prevState: Readonly<{}>, snapshot?: any): void;
+    render(): default_2.FunctionComponentElement<{
+        children?: default_2.ReactNode;
+    }>;
+}
+
+declare type GridType<G> = G extends RealGrid.GridView ? RealGrid.GridView : G extends RealGrid.TreeView ? RealGrid.TreeView : any;
+
+declare interface IComponentBase {
+    children?: ReactNode;
+    $grid?: RealBaseReact<{}>;
+}
+
+declare interface IRealGridBaseProps<G> extends Omit<IComponentBase, '$grid'> {
+    /**
+     * DataField생성 여부.
+     *
+     * @remarks
+     * `true`이면 Column생성시 DataField도 생성한다.
+     *
+     * @defaultValue `false`
+     */
+    autoGenerateField?: boolean;
+    /**
+     * 그리드에 표시할 Data
+     */
+    rows?: RealGrid.DataValues[];
+    /**
+     * 그리드가 생성된 이후 호출된다.
+     *
+     * @param grid - 그리드 객체
+     * @returns
+     */
+    onInitialized?: (grid: GridType<G>) => void;
+    /**
+     * 그리드가 제거되기 직전에 호출된다.
+     * @param grid - 그리드 객체
+     * @returns
+     */
+    onDestroy?: (grid: GridType<G>) => void;
+    /**
+     * 행 스타일 변경을 위한 콜백
+     */
+    rowStyleCallback?: RealGrid.RowStyleCallback;
+    /**
+     * 셀 스타일 변경을 위한 콜백
+     */
+    cellStyleCallback?: RealGrid.CellStyleCallback;
+    gridProps?: RealGrid.GridOptions;
+    layout?: (string | Exclude<RealGrid.CellLayoutGroupItem, Function> | RealGrid.CellLayoutColumnItem)[];
+    onCurrentChanging?: (grid: GridType<G>, oldIndex: RealGrid.CellIndex, newIndex: RealGrid.CellIndex) => boolean;
+    onCurrentChanged?: (grid: GridType<G>, newIndex: RealGrid.CellIndex) => void;
+    onCurrentRowChanged?: (grid: GridType<G>, oldRow: number, newRow: number) => void;
+    onValidateColumn?: (grid: GridType<G>, column: RealGrid.GridColumn, inserting: boolean, value: any, itemIndex: number, dataRow: number) => RealGrid.ValidationError;
+    onValidateRow?: (grid: GridType<G>, itemIndex: number, dataRow: number, inserting: boolean, values: any[]) => RealGrid.ValidationError;
+    onValidationFail?: (grid: GridType<G>, itemIndex: number, column: RealGrid.GridColumn, error: RealGrid.ValidationError) => RealGrid.ValidationError;
+    onColumnCheckedChanged?: (grid: GridType<G>, column: RealGrid.GridColumn, checked: boolean) => void;
+    onMenuItemClicked?: (grid: GridType<G>, item: RealGrid.PopupMenuItem, clickData: RealGrid.ClickData) => void;
+    onContextMenuPopup?: (grid: GridType<G>, x: number, y: number, clickData: RealGrid.ClickData, menu: string, rightClick: boolean) => boolean | string;
+    onContextMenuItemClicked?: (grid: GridType<G>, item: RealGrid.PopupMenuItem, clickData: RealGrid.ClickData) => void;
+    onCellButtonClicked?: (grid: GridType<G>, index: RealGrid.CellIndex, column: RealGrid.GridColumn) => void;
+    onScrollToBottom?: (grid: GridType<G>) => void;
+    onTopIndexChanged?: (grid: GridType<G>, itemIndex: number) => void;
+    onTopIndexChanging?: (grid: GridType<G>, currentTop: number, delta: number, focusing: boolean, adjust: boolean) => number;
+    onLeftPosChanged?: (grid: GridType<G>, pos: number) => void;
+    onRowsDeleting?: (grid: GridType<G>, rows: number[]) => boolean;
+    onRowInserting?: (grid: GridType<G>, itemIndex: number, dataRow: number) => boolean;
+    onSelectionCleared?: (grid: GridType<G>) => void;
+    onSelectionChanged?: (grid: GridType<G>, selection: Selection) => void;
+    onSelectionAdded?: (grid: GridType<G>, selection: Selection) => void;
+    onSelectionEnded?: (grid: GridType<G>, selection: Selection) => void;
+    onShowEditor?: (grid: GridType<G>, index: RealGrid.CellIndex, props: any, attrs: any) => boolean;
+    onShowEditCommand?: (grid: GridType<G>, index: RealGrid.CellIndex) => boolean;
+    onHideEditor?: (grid: GridType<G>, index: RealGrid.CellIndex) => void;
+    onEditChange?: (grid: GridType<G>, index: RealGrid.CellIndex, value: any) => void;
+    onGetEditValue?: (grid: GridType<G>, index: RealGrid.CellIndex, editResult: Object) => void;
+    onEditCommit?: (grid: GridType<G>, index: RealGrid.CellIndex, oldValue: any, newValue: any) => boolean;
+    onEditCanceled?: (grid: GridType<G>, index: RealGrid.CellIndex) => void;
+    onItemEditCanceled?: (grid: GridType<G>, itemIndex: number, state: string) => void;
+    onItemEditCancel?: (grid: GridType<G>, itemIndex: number, state: string) => boolean;
+    onEditSearch?: (grid: GridType<G>, index: RealGrid.CellIndex, text: string) => void;
+    onSearchCellButtonClick?: (grid: GridType<G>, index: RealGrid.CellIndex, text: string) => void;
+    onCellEdited?: (grid: GridType<G>, itemIndex: number, row: number, field: number) => void;
+    onEditRowChanged?: (grid: GridType<G>, itemIndex: number, row: number, field: number, oldValue: any, newValue: any) => void;
+    onEditRowPasted?: (grid: GridType<G>, itemIndex: number, row: number, fields: number[], oldValues: any[], newValues: any[]) => void;
+    onRowsPasted?: (grid: GridType<G>, items: number[]) => void;
+    onCellPasting?: (grid: GridType<G>, index: RealGrid.CellIndex, value: any) => boolean;
+    onItemChecked?: (grid: GridType<G>, itemIndex: number, checked: boolean) => void;
+    onItemAllChecked?: (grid: GridType<G>, checked: boolean) => void;
+    onErrorClicked?: (grid: GridType<G>, error: string) => void;
+    onSorting?: (grid: GridType<G>, fields: number[], directions: string[]) => boolean;
+    onSortingChanged?: (grid: GridType<G>) => void;
+    onFiltering?: (grid: GridType<G>) => boolean;
+    onFilteringChanged?: (grid: GridType<G>, column: RealGrid.GridColumn, filter: RealGrid.ColumnFilter) => void;
+    onWheel?: (grid: GridType<G>, event: WheelEvent) => boolean;
+    onKeyDown?: (grid: GridType<G>, event: KeyboardEvent) => boolean;
+    onKeyPress?: (grid: GridType<G>, event: KeyboardEvent) => void;
+    onKeyUp?: (grid: GridType<G>, event: KeyboardEvent) => void;
+    onShowTooltip?: (grid: GridType<G>, index: RealGrid.CellIndex, value: any) => boolean | string;
+    onShowHeaderTooltip?: (grid: GridType<G>, column: RealGrid.GridColumn, value: any, layout: RealGrid.CellLayoutItem) => any;
+    onColumnPropertyChanged?: (grid: GridType<G>, column: RealGrid.GridColumn, property: string, newValue: any, oldValue: any) => void;
+    onLayoutPropertyChanged?: (grid: GridType<G>, layout: RealGrid.CellLayoutItem, property: string, newValue: any, oldValue: any) => void;
+    onGridActivated?: (grid: GridType<G>) => void;
+    onCopy?: (grid: GridType<G>, selection: Selection | Selection[], event: ClipboardEvent) => boolean;
+    onCut?: (grid: GridType<G>, selection: Selection | Selection[], event: ClipboardEvent) => boolean;
+    onPaste?: (grid: GridType<G>, index: RealGrid.CellIndex, event: ClipboardEvent) => boolean;
+    onPasted?: (grid: GridType<G>) => void;
+    onItemsChecked?: (grid: GridType<G>, items: number[], checked: boolean) => void;
+    onCellClicked?: (grid: GridType<G>, clickData: RealGrid.ClickData) => void;
+    onCellDblClicked?: (grid: GridType<G>, clickData: RealGrid.ClickData) => void;
+    onCellItemClicked?: (grid: GridType<G>, index: RealGrid.CellIndex, clickData: RealGrid.ClickData) => boolean;
+    onCommandStackChanged?: (grid: GridType<G>, undoable: boolean, redoable: boolean) => void;
+    onDataLoadComplated?: (grid: GridType<G>) => void;
+    onLayoutExpanding?: (grid: GridType<G>, layout: RealGrid.CellLayoutGroupItem) => boolean;
+    onLayoutExpanded?: (grid: GridType<G>, layout: RealGrid.CellLayoutGroupItem) => void;
+    onLayoutCollapsing?: (grid: GridType<G>, layout: RealGrid.CellLayoutGroupItem) => boolean;
+    onLayoutCollapsed?: (grid: GridType<G>, layout: RealGrid.CellLayoutGroupItem) => void;
+    dataProps?: RealGrid.DataOptions;
+}
+
+declare interface IRealGridCheckBar extends IComponentBase, RealGrid.CheckBar {
+}
+
+declare interface IRealGridDataColumn extends RealGrid.DataColumn {
+    field?: RealGrid.DataField;
+}
+
+declare interface IRealGridDataField extends IComponentBase, RealGrid.DataField {
+}
+
+declare interface IRealGridFilterPanel extends IComponentBase, RealGrid.FilterPanel {
+}
+
+declare interface IRealGridFooter extends IComponentBase, RealGrid.GridFooter {
+}
+
+declare interface IRealGridFooters extends IComponentBase, RealGrid.GridFooterCollection {
+}
+
+declare interface IRealGridGroupPanel extends IComponentBase, RealGrid.GroupPanel {
+}
+
+declare interface IRealGridHeader extends IComponentBase, RealGrid.GridHeader {
+}
+
+declare interface IRealGridheaderSummaries extends IComponentBase, RealGrid.HeaderSummaryCollection {
+}
+
+declare interface IRealGridHeaderSummary extends IComponentBase, RealGrid.HeaderSummary {
+}
+
+declare interface IRealGridLiteralColumn extends IComponentBase, RealGrid.LiteralColumn {
+}
+
+declare interface IRealGridRowIndicator extends IComponentBase, RealGrid.RowIndicator {
+}
+
+declare interface IRealGridSeriesColumn extends IComponentBase, RealGrid.SeriesColumn {
+}
+
+declare interface IRealGridStateBar extends IComponentBase, RealGrid.StateBar {
+}
+
+declare interface IRealGridTreeProps extends IRealGridBaseProps<RealGrid.TreeView> {
+    treeOptions?: RealGrid.TreeOptions;
+    treeField?: string;
+    needSorting?: boolean;
+    childrenField?: string;
+    iconField?: string;
+    json?: any;
+    rowsProp?: string;
+    childrenProp?: string;
+    iconProp?: string;
+    onTreeItemExpanding?: (tree: RealGrid.TreeView, itemIndex: number, rowId: number) => boolean;
+    onTreeItemExpanded?: (tree: RealGrid.TreeView, itemIndex: number, rowId: number) => void;
+    onTreeItemCollapsing?: (tree: RealGrid.TreeView, itemIndex: number, rowId: number) => void;
+    onTreeItemCollapsed?: (tree: RealGrid.TreeView, itemIndex: number, rowId: number) => void;
+    onTreeItemChanged?: (tree: RealGrid.TreeView, itemIndex: number, rowId: number) => void;
+    onRowCountChanged?: (provider: RealGrid.LocalTreeDataProvider, newCount: number) => void;
+    onRowAdding?: (provider: RealGrid.LocalTreeDataProvider, row: number, index: number, child: any) => boolean;
+    onRowAdded?: (provider: RealGrid.LocalTreeDataProvider, row: number) => void;
+    onRowsAdded?: (provider: RealGrid.LocalTreeDataProvider, parent: number, rows: number[]) => void;
+    onRowDeleting?: (provider: RealGrid.LocalTreeDataProvider, row: number) => boolean;
+    onRowDeleted?: (provider: RealGrid.LocalTreeDataProvider, row: number) => void;
+    onRowsDeleted?: (provider: RealGrid.LocalTreeDataProvider, rows: number[]) => void;
+    onRowUpdating?: (provider: RealGrid.LocalTreeDataProvider, row: number) => boolean;
+    onRowUpdated?: (provider: RealGrid.LocalTreeDataProvider, row: number) => void;
+    onRowsUpdating?: (provider: RealGrid.LocalTreeDataProvider, rows: number[]) => boolean;
+    onRowsUpdated?: (provider: RealGrid.LocalTreeDataProvider, rows: number[]) => void;
+    onValueChanged?: (provider: RealGrid.LocalTreeDataProvider, row: number, field: number) => void;
+    onDataChanged?: (provider: RealGrid.LocalTreeDataProvider) => void;
+    onRowStateChanged?: (provider: RealGrid.LocalTreeDataProvider, row: number) => void;
+    onRowStatesChanged?: (provider: RealGrid.LocalTreeDataProvider, rows: number[]) => void;
+    onRowSiblingMoving?: (provider: RealGrid.LocalTreeDataProvider, row: number, offset: number) => boolean;
+    onRowSiblingMoved?: (provider: RealGrid.LocalTreeDataProvider, row: number, offset: number) => void;
+    onRowsSiblingMoving?: (provider: RealGrid.LocalTreeDataProvider, rows: number[], offset: number) => boolean;
+    onRowsSiblingMoved?: (provider: RealGrid.LocalTreeDataProvider, rows: number[], offset: number) => void;
+    onRowParentChanging?: (provider: RealGrid.LocalTreeDataProvider, row: number, parent: number, index: number) => boolean;
+    onRowParentChanged?: (provider: RealGrid.LocalTreeDataProvider, row: number, parent: number, index: number) => void;
+}
+
+declare interface IRealGridViewProps extends IRealGridBaseProps<RealGrid.GridView> {
+    gridProps?: RealGrid.ViewOptions;
+    accessibility?: boolean;
+    waiOptions?: RealGrid.WaiOptions;
+    onPageChanging?: (grid: RealGrid.GridView, page: number) => boolean;
+    onPageChanged?: (grid: RealGrid.GridView, page: number) => void;
+    onPageCountChanged?: (grid: RealGrid.GridView, pageCount: number) => void;
+    onGrouping?: (grid: RealGrid.GridView, fields: number[]) => boolean;
+    onGrouped?: (grid: RealGrid.GridView) => void;
+    onExpanding?: (grid: RealGrid.GridView, itemIndex: number) => boolean;
+    onExpanded?: (grid: RealGrid.GridView, itemIndex: number) => void;
+    onCollapsing?: (grid: RealGrid.GridView, itemIndex: number) => boolean;
+    onCollapsed?: (grid: RealGrid.GridView, itemIndex: number) => void;
+    onRowCountChanged?: (provider: RealGrid.LocalDataProvider, newCount: number) => void;
+    onRowUpdating?: (provider: RealGrid.LocalDataProvider, row: number) => boolean;
+    onRowUpdated?: (provider: RealGrid.LocalDataProvider, row: number) => void;
+    onRowsUpdated?: (provider: RealGrid.LocalDataProvider, row: number, count: number) => void;
+    onRowListUpdated?: (provider: RealGrid.LocalDataProvider, rows: number[]) => void;
+    onDataRowInserting?: (provider: RealGrid.LocalDataProvider, row: number, values: RealGrid.DataValues) => boolean;
+    onRowInserted?: (provider: RealGrid.LocalDataProvider, row: number) => void;
+    onRowsInserted?: (provider: RealGrid.LocalDataProvider, row: number, count: number) => void;
+    onRowDeleting?: (provider: RealGrid.LocalDataProvider, row: number) => boolean;
+    onRowDeleted?: (provider: RealGrid.LocalDataProvider, row: number) => void;
+    onRowsDeleted?: (provider: RealGrid.LocalDataProvider, rows: number[]) => void;
+    onRowMoving?: (provider: RealGrid.LocalDataProvider, row: number, newRow: number) => boolean;
+    onRowMoved?: (provider: RealGrid.LocalDataProvider, row: number, newRow: number) => void;
+    onRowsMoving?: (provider: RealGrid.LocalDataProvider, row: number, count: number, newRow: number) => boolean;
+    onRowsMoved?: (provider: RealGrid.LocalDataProvider, row: number, count: number, newRow: number) => void;
+    onRowListMoving?: (provider: RealGrid.LocalDataProvider, rows: number[], newRow: number) => boolean;
+    onRowListMoved?: (provider: RealGrid.LocalDataProvider, rows: number[], newRow: number) => void;
+    onValueChanged?: (provider: RealGrid.LocalDataProvider, row: number, field: number) => void;
+    onDataChanged?: (provider: RealGrid.LocalDataProvider) => void;
+    onRowStateChanged?: (provider: RealGrid.LocalDataProvider, row: number) => void;
+    onRowStatesChanged?: (provider: RealGrid.LocalDataProvider, rows: number[]) => void;
+    onRowStatesCleared?: (provider: RealGrid.LocalDataProvider) => void;
+    onRestoreRows?: (provider: RealGrid.LocalDataProvider, rows: number[]) => void;
+}
+
+declare abstract class RealBaseReact<G, T = {}> extends default_2.Component<T & Omit<IRealGridBaseProps<G>, '$grid'>> {
+    protected _gridView: GridType<G> | null;
+    protected _dataProvider: RealGrid.DataProviderBase | null;
+    private _mountCBs;
+    private _mountTimer;
+    protected gridContainer: default_2.LegacyRef<HTMLDivElement>;
+    constructor(props: T);
+    abstract get gridView(): GridType<G>;
+    abstract get dataProvider(): RealGrid.LocalDataProvider | RealGrid.LocalTreeDataProvider;
+    protected abstract createObject: () => {
+        grid: GridType<G>;
+        dataProvider: RealGrid.DataProviderBase;
+        props: any;
+    };
+    protected abstract beforeDestroy: () => {
+        props: any;
+    };
+    protected getProps(props: T): T;
+    private $_connectEvents;
+    private $_executeCallback;
+    addCallback(callback: Function): void;
+    removeCallback(callback: Function): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: IRealGridBaseProps<G>, prevState: Readonly<{}>, snapshot?: any): void;
+    render(): default_2.ReactNode;
+}
+
+export declare class RealGridReact extends RealBaseReact<GridType<RealGrid.GridView>, IRealGridViewProps> {
+    get gridView(): RealGrid.GridView;
+    get dataProvider(): RealGrid.LocalDataProvider;
+    protected createObject: () => {
+        grid: RealGrid.GridView;
+        dataProvider: RealGrid.LocalDataProvider;
+        props: any;
+    };
+    protected beforeDestroy: () => {
+        props: any;
+    };
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: IRealGridViewProps, prevState: Readonly<{
+        isChildMounted: boolean;
+    }>, snapshot?: any): void;
+}
+
+export declare class RealTreeReact extends RealBaseReact<GridType<RealGrid.TreeView>, IRealGridTreeProps> {
+    get gridView(): RealGrid.TreeView;
+    get dataProvider(): RealGrid.LocalTreeDataProvider;
+    protected createObject: () => {
+        grid: GridType<RealGrid.TreeView>;
+        dataProvider: RealGrid.LocalTreeDataProvider;
+        props: any;
+    };
+    protected beforeDestroy: () => {
+        props: any;
+    };
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: IRealGridTreeProps, prevState: Readonly<{}>, snapshot?: any): void;
+}
+
+export declare class RGCheckBar extends ComponentBase<IRealGridCheckBar> {
+    protected mountCB: () => void;
+    protected unMountCB: () => void;
+}
+
+/**
+ * DataColumn을 추가한다.
+ * 그리드의 autoGenerateField속성이 true이면 컬럼과 Field를 동시에 추가한다.
+ * textField외 dateField등 추가적인 값이 필요하면 field에 필요한 값들을 적어준다.
+ * field생성후에는 fieldName을 변경하기 위해서는 browser를 refresh해야 한다.
+ * <RGDataColumn field={{fieldName: "field", dataType: "date", datetimeFormat: "yyyyMMdd"}} .../>
+ */
+export declare class RGDataColumn extends ComponentBase<IComponentBase & IRealGridDataColumn> implements IRealGridDataColumn {
+    static readonly CType = "$$RGColumn$$";
+    fieldName?: string;
+    mounted?: boolean;
+    private _column;
+    protected mountCB: () => void;
+    protected unMountCB: () => void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: Readonly<{
+        [key in keyof IRealGridDataColumn]: IRealGridDataColumn[key];
+    }>, prevState: Readonly<{}>, snapshot?: any): void;
+}
+
+/**
+ * DataField를 추가한다.
+ *
+ */
+export declare class RGDataField extends ComponentBase<IRealGridDataField> {
+    private _field;
+    protected mountCB: () => void;
+    protected unMountCB: () => void;
+}
+
+export declare class RGFilterPanel extends ComponentBase<Exclude<IRealGridFilterPanel, Function>> {
+    protected mountCB: () => void;
+    protected unMountCB: () => void;
+}
+
+/**
+ * Footer의 속성을 변경할때 사용한다.
+ */
+export declare class RGFooter extends ComponentBase<IRealGridFooter> {
+    protected mountCB: () => void;
+    protected unMountCB: () => void;
+}
+
+/**
+ * Footer를 여러개 만들때 사용한다.
+ */
+export declare class RGFooters extends ComponentBase<Exclude<IRealGridFooters, Function>> {
+    protected mountCB: () => void;
+    protected unMountCB: () => void;
+}
+
+export declare class RGGroupPanel extends ComponentBase<IRealGridGroupPanel> {
+    protected mountCB: () => void;
+    protected unMountCB: () => void;
+}
+
+export declare class RGHeader extends ComponentBase<IRealGridHeader> {
+    protected mountCB: () => void;
+    protected unMountCB: () => void;
+}
+
+/**
+ * 여러개의 headerSummary를 만들때 사용한다.
+ */
+export declare class RGHeaderSummaries extends ComponentBase<Exclude<IRealGridheaderSummaries, Function>> {
+    protected mountCB: () => void;
+    protected unMountCB: () => void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+}
+
+/**
+ * headerSummary의 속성을 변경한다.
+ */
+export declare class RGHeaderSummary extends ComponentBase<IRealGridHeaderSummary> {
+    protected mountCB: () => void;
+    protected unMountCB: () => void;
+}
+
+export declare class RGLiteralColumn extends ComponentBase<IRealGridLiteralColumn> {
+    static readonly CType = "$$RGColumn$$";
+    private _column;
+    protected mountCB: () => void;
+    protected unMountCB: () => void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: Readonly<{
+        [key in keyof IRealGridLiteralColumn]: IRealGridLiteralColumn[key];
+    }>, prevState: Readonly<{}>, snapshot?: any): void;
+}
+
+export declare class RGRowIndicator extends ComponentBase<IRealGridRowIndicator> {
+    protected mountCB: () => void;
+    protected unMountCB: () => void;
+}
+
+/**
+ * SeriesColumn을 추가한다.
+ */
+export declare class RGSeriesColumn extends ComponentBase<IRealGridSeriesColumn> {
+    static readonly CType = "$$RGColumn$$";
+    private _column;
+    protected mountCB: () => void;
+    protected unMountCB: () => void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: Readonly<{
+        [key in keyof IRealGridSeriesColumn]: IRealGridSeriesColumn[key];
+    }>, prevState: Readonly<{}>, snapshot?: any): void;
+}
+
+export declare class RGStateBar extends ComponentBase<IRealGridStateBar> {
+    protected mountCB: () => void;
+    protected unMountCB: () => void;
+}
+
+export { }

package/dist/index.es.js

@@ -0,0 +1,442 @@
+var f = Object.defineProperty;
+var C = (n, r, t) => r in n ? f(n, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[r] = t;
+var o = (n, r, t) => (C(n, typeof r != "symbol" ? r + "" : r, t), t);
+import p from "react";
+import * as u from "realgrid";
+const m = (n, ...r) => (r.forEach((t) => {
+  for (const s in t) {
+    if (s === "children")
+      continue;
+    const e = t[s];
+    e === null ? n[s] = null : e === void 0 ? delete n[s] : Array.isArray(e) ? n[s] = [...e] : typeof e == "object" ? e instanceof Date ? n[s] = new Date(e) : n[s] = m(n[s] == null ? {} : n[s], e) : n[s] = e;
+  }
+}), n), c = (n, r = {}, t = {}) => {
+  n = n || {};
+  const s = ["children", "rows", "$grid"];
+  for (const [e, i] of Object.entries(r))
+    if (!s.includes(e))
+      if (!t.hasOwnProperty(e))
+        n[e] = null;
+      else if (Array.isArray(i))
+        (!t[e] || JSON.stringify(i) != JSON.stringify(t[e])) && (n[e] = t[e]);
+      else if (i instanceof Object && !(i instanceof Date || Array.isArray(i) || typeof i == "function"))
+        if (!(t[e] instanceof Object))
+          n[e] = t[e];
+        else {
+          const d = c({}, i, t[e]);
+          Object.keys(d).length && (n[e] = d);
+        }
+      else
+        typeof i == "function" ? i.toString() !== t[e].toString() && (n[e] = t[e]) : i !== t[e] && (n[e] = t[e]);
+  for (const [e, i] of Object.entries(t))
+    s.includes(e) || r.hasOwnProperty(e) || (n[e] = i);
+  return n;
+};
+class w extends p.Component {
+  constructor(t) {
+    super(t);
+    // property field
+    o(this, "_gridView", null);
+    o(this, "_dataProvider", null);
+    // field
+    o(this, "_mountCBs", []);
+    o(this, "_mountTimer");
+    o(this, "gridContainer");
+    this.gridContainer = p.createRef();
+  }
+  getProps(t) {
+    return t || {};
+  }
+  // private methods
+  $_connectEvents(t, s, e) {
+    for (let i in e)
+      i && typeof i == "string" && i.startsWith("on") && (t.hasOwnProperty(i) && (t[i] = e[i]), s.hasOwnProperty(i) && (s[i] = e[i]), i === "onDataRowInserting" && (s.onRowInserting = e[i]));
+  }
+  $_executeCallback() {
+    if (this.gridView && (clearTimeout(this._mountTimer), !(!this._mountCBs || !this._mountCBs.length))) {
+      this.gridView.beginUpdate();
+      try {
+        this.dataProvider.beginUpdate();
+        try {
+          for (; this._mountCBs && this._mountCBs.length; ) {
+            const t = this._mountCBs.shift();
+            t == null || t.call(this);
+          }
+        } finally {
+          this.dataProvider.endUpdate();
+        }
+      } finally {
+        this.gridView.endUpdate(!0), this._mountTimer = null, this._mountCBs = [];
+      }
+    }
+  }
+  // public Method
+  addCallback(t) {
+    this._mountCBs.push(t), clearTimeout(this._mountTimer), this._mountTimer = setTimeout(() => {
+      this.$_executeCallback();
+    }, 20);
+  }
+  removeCallback(t) {
+    const s = this._mountCBs.indexOf(t);
+    s >= 0 && this._mountCBs.splice(s, 1);
+  }
+  componentDidMount() {
+    const { grid: t, dataProvider: s, props: e } = this.createObject();
+    if (this._gridView = t, this._dataProvider = s, this.$_executeCallback(), t.setOptions(e.gridProps || {}), s.setOptions(e.dataProps || {}), e.rowStyleCallback && t.setRowStyleCallback(e.rowStyleCallback), e.cellStyleCallback && t.setCellStyleCallback(e.cellStyleCallback), e.layout && t.setColumnLayout(e.layout), e.onInitialized) {
+      const i = e.onInitialized.constructor.name;
+      i === "Function" ? e.onInitialized(t) : i === "AsyncFunction" && Promise.resolve(e.onInitialized(t));
+    }
+  }
+  componentWillUnmount() {
+    this.beforeDestroy(), this._gridView = this._gridView && this._gridView.destroy(), this._dataProvider = this._dataProvider && this._dataProvider.destroy();
+  }
+  componentDidUpdate(t, s, e) {
+    this.$_executeCallback();
+    const i = this.getProps(this.props) || {}, d = this.gridView, h = this.dataProvider;
+    this.$_connectEvents(d, h, i);
+    let l = c({}, t.dataProps, i.dataProps);
+    h.setOptions(l), l = c({}, t.gridProps, i.gridProps), d.setOptions(l), l = c([], t.layout || [], i.layout || []), l && l.length > 0 && d.setColumnLayout(i.layout);
+  }
+  render() {
+    const t = {};
+    t.$grid = this;
+    let s = 0;
+    const e = p.Children.map(this.props.children, (i) => (i && i.type.CType === "$$RGColumn$$" ? t.displayIndex = s++ : delete t.displayIndex, i && p.cloneElement(i, t)));
+    return p.createElement("div", { style: { width: "100%", height: "100%" }, ref: (i) => this.gridContainer = i }, e);
+  }
+}
+class P extends w {
+  constructor() {
+    super(...arguments);
+    o(this, "createObject", () => {
+      var i;
+      const t = m({}, this.getProps(this.props)), s = new u.GridView(this.gridContainer, t.accessibility, t.waiOptions), e = new u.LocalDataProvider((i = t.dataProps) == null ? void 0 : i.undoable);
+      return s.setDataSource(e), {
+        grid: s,
+        dataProvider: e,
+        props: t
+      };
+    });
+    o(this, "beforeDestroy", () => {
+      const t = m({}, this.getProps(this.props));
+      return t.onDestroy && t.onDestroy.call(this, this.gridView), { props: t };
+    });
+  }
+  get gridView() {
+    return this._gridView;
+  }
+  get dataProvider() {
+    return this._dataProvider;
+  }
+  componentDidMount() {
+    var s;
+    super.componentDidMount();
+    const t = this.props.rows;
+    t && Array.isArray(t) && t.length > 0 && ((s = this.dataProvider) == null || s.setRows(t));
+  }
+  componentDidUpdate(t, s, e) {
+    super.componentDidUpdate(t, s, e), t.rows != this.props.rows && this.dataProvider.setRows(this.props.rows);
+  }
+}
+class V extends w {
+  constructor() {
+    super(...arguments);
+    o(this, "createObject", () => {
+      var i;
+      const t = m({}, this.getProps(this.props)), s = new u.TreeView(this.gridContainer), e = new u.LocalTreeDataProvider((i = t.dataProps) == null ? void 0 : i.undoable);
+      return s.setTreeOptions(t.treeOptions || {}), s.setDataSource(e), {
+        grid: s,
+        dataProvider: e,
+        props: t
+      };
+    });
+    o(this, "beforeDestroy", () => {
+      const t = m({}, this.getProps(this.props));
+      return t.onDestroy && t.onDestroy.call(this, this.gridView), { props: t };
+    });
+  }
+  get gridView() {
+    return this._gridView;
+  }
+  get dataProvider() {
+    return this._dataProvider;
+  }
+  componentDidMount() {
+    var s, e;
+    super.componentDidMount();
+    const t = this.props.rows;
+    Array.isArray(t) ? (s = this.dataProvider) == null || s.setRows(t, this.props.treeField, this.props.needSorting, this.props.childrenField, this.props.iconField) : (e = this.dataProvider) == null || e.setObjectRows(this.props.json, this.props.rowsProp, this.props.childrenProp, this.props.iconProp);
+  }
+  componentDidUpdate(t, s, e) {
+    var d, h;
+    const i = this.props.rows;
+    (this.props.treeField || this.props.rowsProp) && t.rows !== i && (Array.isArray(i) ? (d = this.dataProvider) == null || d.setRows(i, this.props.treeField, this.props.needSorting, this.props.childrenField, this.props.iconField) : (h = this.dataProvider) == null || h.setObjectRows(this.props.json, this.props.rowsProp, this.props.childrenProp, this.props.iconProp)), super.componentDidUpdate(t, s, e);
+  }
+}
+class a extends p.Component {
+  // 실제로 어떤 모델 또는 객체를 참조하는지.
+  constructor(t) {
+    super(t);
+    o(this, "$parent");
+    o(this, "$model");
+    this.$parent = t.$grid;
+  }
+  _doUpdate() {
+  }
+  componentDidMount() {
+    const t = this.$parent;
+    t && t.addCallback(this.mountCB);
+  }
+  componentWillUnmount() {
+    const t = this.$parent;
+    t && (t.removeCallback(this.mountCB), this.unMountCB()), this.$model = null;
+  }
+  componentDidUpdate(t, s, e) {
+    let i = c({}, this.props, t);
+    this.$model && this.$model.assignFrom && this.$model.assignFrom(i), this._doUpdate();
+  }
+  render() {
+    return p.createElement(p.Fragment);
+  }
+}
+class g extends a {
+  constructor() {
+    super(...arguments);
+    o(this, "_column");
+    o(this, "mountCB", () => {
+      const t = this.$parent.gridView;
+      t && (this._column = this.$model = t.addColumn({ ...this.props, type: "series" }, this.props.displayIndex ?? -1));
+    });
+    o(this, "unMountCB", () => {
+      const t = this.$parent.gridView;
+      this._column && t && !t._view.disposing && t.removeColumn(this._column.name);
+    });
+  }
+  componentDidMount() {
+    super.componentDidMount();
+  }
+  componentWillUnmount() {
+    super.componentWillUnmount();
+  }
+  componentDidUpdate(t, s, e) {
+    if (super.componentDidUpdate(t, s, e), t.width !== this.props.width) {
+      const i = this.$model.layout;
+      i && (i.cellWidth = this.props.width);
+    }
+  }
+}
+o(g, "CType", "$$RGColumn$$");
+class D extends a {
+  constructor() {
+    super(...arguments);
+    o(this, "mountCB", () => {
+      var t;
+      (t = this.$parent.gridView) == null || t.setStateBar({ ...this.props }), this.$model = this.$parent.gridView.stateBar;
+    });
+    o(this, "unMountCB", () => {
+      var t;
+      (t = this.$parent.gridView) == null || t.setStateBar({});
+    });
+  }
+}
+class v extends a {
+  constructor() {
+    super(...arguments);
+    o(this, "mountCB", () => {
+      var t;
+      (t = this.$parent.gridView) == null || t.setRowIndicator({ ...this.props }), this.$model = this.$parent.gridView.rowIndicator;
+    });
+    o(this, "unMountCB", () => {
+    });
+  }
+}
+class b extends a {
+  constructor() {
+    super(...arguments);
+    o(this, "mountCB", () => {
+      var t;
+      (t = this.$parent.gridView) == null || t.setHeaderSummaries({ ...this.props }), this.$model = this.$parent.gridView.headerSummaries;
+    });
+    o(this, "unMountCB", () => {
+    });
+  }
+  componentDidMount() {
+    super.componentDidMount();
+  }
+  componentWillUnmount() {
+    super.componentWillUnmount();
+  }
+}
+class R extends a {
+  constructor() {
+    super(...arguments);
+    o(this, "mountCB", () => {
+      var t;
+      (t = this.$parent.gridView) == null || t.setHeaderSummary({ ...this.props }), this.$model = this.$parent.gridView.headerSummary;
+    });
+    o(this, "unMountCB", () => {
+    });
+  }
+}
+class x extends a {
+  constructor() {
+    super(...arguments);
+    o(this, "mountCB", () => {
+      var t;
+      (t = this.$parent.gridView) == null || t.setHeader({ ...this.props }), this.$model = this.$parent.gridView.header;
+    });
+    o(this, "unMountCB", () => {
+    });
+  }
+}
+class M extends a {
+  constructor() {
+    super(...arguments);
+    o(this, "mountCB", () => {
+      var t;
+      this.$parent.gridView instanceof u.GridView && ((t = this.$parent.gridView) == null || t.setGroupPanel({ visible: !0, ...this.props }), this.$model = this.$parent.gridView.groupPanel);
+    });
+    o(this, "unMountCB", () => {
+    });
+  }
+}
+class S extends a {
+  constructor() {
+    super(...arguments);
+    o(this, "mountCB", () => {
+      var t;
+      (t = this.$parent.gridView) == null || t.setFooter({ ...this.props }), this.$model = this.$parent.gridView.footer;
+    });
+    o(this, "unMountCB", () => {
+    });
+  }
+}
+class F extends a {
+  constructor() {
+    super(...arguments);
+    o(this, "mountCB", () => {
+      var t;
+      (t = this.$parent.gridView) == null || t.setFooters({ ...this.props }), this.$model = this.$parent.gridView.footers;
+    });
+    o(this, "unMountCB", () => {
+    });
+  }
+}
+class U extends a {
+  constructor() {
+    super(...arguments);
+    o(this, "mountCB", () => {
+      var t;
+      (t = this.$parent.gridView) == null || t.setFilterPanel({ ...this.props }), this.$model = this.$parent.gridView.filterPanel;
+    });
+    o(this, "unMountCB", () => {
+    });
+  }
+}
+class O extends a {
+  constructor() {
+    super(...arguments);
+    o(this, "_field");
+    o(this, "mountCB", () => {
+      const t = this.$parent.gridView, s = t == null ? void 0 : t.getDataSource();
+      s && !s.fieldByName(this.props.fieldName) && (this._field = s.addField(this.props));
+    });
+    o(this, "unMountCB", () => {
+      if (this._field) {
+        const t = this.$parent.gridView, s = t == null ? void 0 : t.getDataSource();
+        s && s.removeField(this._field.fieldName);
+      }
+    });
+  }
+}
+class y extends a {
+  constructor() {
+    super(...arguments);
+    o(this, "fieldName");
+    o(this, "mounted");
+    o(this, "_column");
+    o(this, "mountCB", () => {
+      const t = this.$parent.gridView, s = this.$parent.props.autoGenerateField, e = t == null ? void 0 : t.getDataSource();
+      let i = this.props.fieldName;
+      s && (!i && this.props.field && (i = this.props.field.fieldName), e && !e.fieldByName(i) && e.addField(this.props.field || i)), t && (this._column = this.$model = t.addColumn({ ...this.props, fieldName: i }, this.props.displayIndex ?? -1));
+    });
+    o(this, "unMountCB", () => {
+      const t = this.$parent.gridView;
+      if (this._column && t && !t._view.disposing) {
+        let s = this._column.fieldName;
+        t.removeColumn(this._column.name);
+        const e = this.$parent.props.autoGenerateField, i = t == null ? void 0 : t.getDataSource();
+        e && s && i && (t.columnByField(s) || i.removeField(s));
+      }
+    });
+  }
+  componentDidMount() {
+    super.componentDidMount();
+  }
+  componentWillUnmount() {
+    super.componentWillUnmount();
+  }
+  componentDidUpdate(t, s, e) {
+    if (super.componentDidUpdate(t, s, e), t.width !== this.props.width) {
+      const i = this.$model.layout;
+      i && (i.cellWidth = this.props.width);
+    }
+  }
+}
+o(y, "CType", "$$RGColumn$$");
+class G extends a {
+  constructor() {
+    super(...arguments);
+    o(this, "mountCB", () => {
+      var t;
+      (t = this.$parent.gridView) == null || t.setCheckBar({ ...this.props }), this.$model = this.$parent.gridView.checkBar;
+    });
+    o(this, "unMountCB", () => {
+    });
+  }
+}
+class $ extends a {
+  constructor() {
+    super(...arguments);
+    o(this, "_column");
+    o(this, "mountCB", () => {
+      const t = this.$parent.gridView;
+      t && (this._column = this.$model = t.addColumn({ ...this.props, type: "literal" }, this.props.displayIndex ?? -1));
+    });
+    o(this, "unMountCB", () => {
+      const t = this.$parent.gridView;
+      this._column && t && !t._view.disposing && t.removeColumn(this._column.name);
+    });
+  }
+  componentDidMount() {
+    super.componentDidMount();
+  }
+  componentWillUnmount() {
+    super.componentWillUnmount();
+  }
+  componentDidUpdate(t, s, e) {
+    if (super.componentDidUpdate(t, s, e), t.width !== this.props.width) {
+      const i = this.$model.layout;
+      i && (i.cellWidth = this.props.width);
+    }
+  }
+}
+o($, "CType", "$$RGColumn$$");
+export {
+  G as RGCheckBar,
+  y as RGDataColumn,
+  O as RGDataField,
+  U as RGFilterPanel,
+  S as RGFooter,
+  F as RGFooters,
+  M as RGGroupPanel,
+  x as RGHeader,
+  b as RGHeaderSummaries,
+  R as RGHeaderSummary,
+  $ as RGLiteralColumn,
+  v as RGRowIndicator,
+  g as RGSeriesColumn,
+  D as RGStateBar,
+  P as RealGridReact,
+  V as RealTreeReact
+};

package/license.txt

@@ -0,0 +1,3 @@
+Copyright <2024> <WooriTech>
+
+inquiry: https://realgrid.com/

package/package.json

@@ -0,0 +1,33 @@
+{
+    "name": "realgrid-react",
+    "private": false,
+    "version": "0.9.0",
+    "description": "RealGrid2 wrapping Component for React",
+    "author": {
+        "name": "WooriTech",
+        "url": "http://www.realgrid.com",
+        "email": "support@realgrid.com"
+    },
+    "keywords": [
+        "realgrid",
+        "grid",
+        "datagrid",
+        "reports",
+        "dataviz",
+        "pivot",
+        "visualization",
+        "realreport",
+        "realchart"
+    ],
+    "type": "module",
+    "main": "./dist/index.cjs.js",
+    "module": "./dist/index.es.js",
+    "types": "./dist/index.d.ts",
+    "peerDependencies": {
+        "react": "^16.2.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.2.0 || ^17.0.0 || ^18.0.0"
+    },
+    "dependencies": {
+        "realgrid": "^2.8.3"
+    }
+}