@azrico/reactgrid 1.1.12 → 1.1.13

package/src/views/index.ts

@@ -1,4 +1,4 @@
-export * from './DataGrid';
-
-import AzGrid from './DataGrid';
-export default AzGrid;
+export * from './DataGrid';
+
+import AzGrid from './DataGrid';
+export default AzGrid;

package/yarn-error.log

@@ -1,81 +1,81 @@
-Arguments: 
-  C:\Program Files\nodejs\node.exe C:\Program Files (x86)\Yarn\bin\yarn.js install
-
-PATH: 
-  C:\Program Files\Common Files\Oracle\Java\javapath;C:\Python310\Scripts\;C:\Python310\;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0\;C:\WINDOWS\System32\OpenSSH\;C:\Program Files (x86)\Yarn\bin\;C:\Program Files\Git\cmd;C:\Program Files\dotnet\;C:\Users\Ayhan\AppData\Local\mongodb\mongosh\bin;C:\Program Files\nodejs\;C:\ProgramData\chocolatey\bin;C:\Program Files\PuTTY\;D:\php;C:\ProgramData\ComposerSetup\bin;C:\Users\Ayhan\AppData\Roaming\.dotnet;%USERPROFILE%\AppData\Local\Microsoft\WindowsApps;C:\Users\Ayhan\AppData\Local\Programs\Microsoft VS Code\bin;C:\Users\Ayhan\AppData\Local\Yarn\bin;C:\Users\Ayhan\AppData\Roaming\npm;C:\Users\Ayhan\AppData\Local\Google\Cloud SDK\google-cloud-sdk\bin;C:\Users\Ayhan\AppData\Roaming\Composer\vendor\bin;%USERPROFILE%\.dotnet\tools;
-
-Yarn version: 
-  1.22.5
-
-Node version: 
-  16.17.0
-
-Platform: 
-  win32 x64
-
-Trace: 
-  Error: ENOENT: no such file or directory, lstat 'C:\Code\azrico-reactgrid\node_modules\make-dir'
-
-npm manifest: 
-  {
-  	"name": "@azrico/reactgrid",
-  	"version": "1.0.0",
-  	"private": true,
-  	"main": "src/test",
-  	"description": "React Datagrid",
-  	"author": "Azrideus <MehrdadTavangar@gmail.com>",
-  	"homepage": ".",
-  	"scripts": {
-  		"start": "react-scripts start",
-  		"build": "react-scripts build",
-  		"test": "react-scripts test --env=jsdom",
-  		"eject": "react-scripts eject",
-  		"deploy": "gh-pages -d build"
-  	},
-  	"dependencies": {
-  		"@azrico/controls": "1.3.0",
-  		"@emotion/react": "^11.9.3",
-  		"@emotion/styled": "^11.9.3",
-  		"@inovua/reactdatagrid-enterprise": "^5.6.1",
-  		"clsx": "^1.2.1",
-  		"react": "^18.2.0",
-  		"react-resize-detector": "^7.1.2"
-  	},
-  	"config-overrides-path": "../../config/config-overrides.js",
-  	"devDependencies": {
-  		"@mui/material": "*",
-  		"@types/react": "^18.0.25",
-  		"@types/react-dom": "^18.0.8",
-  		"react-dom": "^18.2.0",
-  		"react-scripts": "^5.0.1",
-  		"typescript": "^4.8.4"
-  	},
-  	"peerDependencies": {
-  		"@azrico/controls": "*",
-  		"@emotion/react": "*",
-  		"@emotion/styled": "*",
-  		"clsx": "*",
-  		"react": "*",
-  		"react-resize-detector": "*"
-  	},
-  	"browserslist": {
-  		"production": [
-  			">0.2%",
-  			"not dead",
-  			"not op_mini all"
-  		],
-  		"development": [
-  			"last 1 chrome version",
-  			"last 1 firefox version",
-  			"last 1 safari version"
-  		]
-  	}
-  }
-
-yarn manifest: 
-  No manifest
-
-Lockfile: 
+Arguments: 
+  C:\Program Files\nodejs\node.exe C:\Program Files (x86)\Yarn\bin\yarn.js install
+
+PATH: 
+  C:\Program Files\Common Files\Oracle\Java\javapath;C:\Python310\Scripts\;C:\Python310\;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0\;C:\WINDOWS\System32\OpenSSH\;C:\Program Files (x86)\Yarn\bin\;C:\Program Files\Git\cmd;C:\Program Files\dotnet\;C:\Users\Ayhan\AppData\Local\mongodb\mongosh\bin;C:\Program Files\nodejs\;C:\ProgramData\chocolatey\bin;C:\Program Files\PuTTY\;D:\php;C:\ProgramData\ComposerSetup\bin;C:\Users\Ayhan\AppData\Roaming\.dotnet;%USERPROFILE%\AppData\Local\Microsoft\WindowsApps;C:\Users\Ayhan\AppData\Local\Programs\Microsoft VS Code\bin;C:\Users\Ayhan\AppData\Local\Yarn\bin;C:\Users\Ayhan\AppData\Roaming\npm;C:\Users\Ayhan\AppData\Local\Google\Cloud SDK\google-cloud-sdk\bin;C:\Users\Ayhan\AppData\Roaming\Composer\vendor\bin;%USERPROFILE%\.dotnet\tools;
+
+Yarn version: 
+  1.22.5
+
+Node version: 
+  16.17.0
+
+Platform: 
+  win32 x64
+
+Trace: 
+  Error: ENOENT: no such file or directory, lstat 'C:\Code\azrico-reactgrid\node_modules\make-dir'
+
+npm manifest: 
+  {
+  	"name": "@azrico/reactgrid",
+  	"version": "1.0.0",
+  	"private": true,
+  	"main": "src/test",
+  	"description": "React Datagrid",
+  	"author": "Azrideus <MehrdadTavangar@gmail.com>",
+  	"homepage": ".",
+  	"scripts": {
+  		"start": "react-scripts start",
+  		"build": "react-scripts build",
+  		"test": "react-scripts test --env=jsdom",
+  		"eject": "react-scripts eject",
+  		"deploy": "gh-pages -d build"
+  	},
+  	"dependencies": {
+  		"@azrico/controls": "1.3.0",
+  		"@emotion/react": "^11.9.3",
+  		"@emotion/styled": "^11.9.3",
+  		"@inovua/reactdatagrid-enterprise": "^5.6.1",
+  		"clsx": "^1.2.1",
+  		"react": "^18.2.0",
+  		"react-resize-detector": "^7.1.2"
+  	},
+  	"config-overrides-path": "../../config/config-overrides.js",
+  	"devDependencies": {
+  		"@mui/material": "*",
+  		"@types/react": "^18.0.25",
+  		"@types/react-dom": "^18.0.8",
+  		"react-dom": "^18.2.0",
+  		"react-scripts": "^5.0.1",
+  		"typescript": "^4.8.4"
+  	},
+  	"peerDependencies": {
+  		"@azrico/controls": "*",
+  		"@emotion/react": "*",
+  		"@emotion/styled": "*",
+  		"clsx": "*",
+  		"react": "*",
+  		"react-resize-detector": "*"
+  	},
+  	"browserslist": {
+  		"production": [
+  			">0.2%",
+  			"not dead",
+  			"not op_mini all"
+  		],
+  		"development": [
+  			"last 1 chrome version",
+  			"last 1 firefox version",
+  			"last 1 safari version"
+  		]
+  	}
+  }
+
+yarn manifest: 
+  No manifest
+
+Lockfile: 
   # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
   # yarn lockfile v1
   
@@ -9250,4 +9250,4 @@ Lockfile:
   yocto-queue@^0.1.0:
     version "0.1.0"
     resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
-    integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
+    integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==

package/dist/index.d.ts

@@ -1,3 +0,0 @@
-export * from './src';
-import { AzGrid } from './src';
-export default AzGrid;

package/dist/index.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-exports.default = void 0;
-var _src = require("./src");
-Object.keys(_src).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _src[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _src[key];
-    }
-  });
-});
-var _default = _src.AzGrid;
-exports.default = _default;

package/dist/src/example.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export * from './views/DataGrid';
-export declare function ExampleGrid(): JSX.Element;
-export default ExampleGrid;

package/dist/src/example.js

@@ -1,123 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  ExampleGrid: true
-};
-exports.ExampleGrid = ExampleGrid;
-exports.default = void 0;
-var _DataGrid = _interopRequireWildcard(require("./views/DataGrid"));
-Object.keys(_DataGrid).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _DataGrid[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _DataGrid[key];
-    }
-  });
-});
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const columns = [{
-  name: 'name',
-  title: 'Category',
-  defaultFlex: 1
-}];
-const leftColumns = ['username', 'row'];
-const customColumns = [{
-  name: 'job',
-  render: () => {
-    return _react.default.createElement("div", null, "test");
-  }
-}];
-const filterValue = [{
-  name: 'name',
-  operator: 'contains',
-  type: 'string',
-  value: ''
-}];
-const contextMenuItems = ['test'];
-function getData() {
-  const fd = [];
-  for (let index = 0; index < 200; index++) {
-    fd.push({
-      __table_id: String(index),
-      name: 'user-' + index,
-      age: 20
-    });
-    //if (index % 5 == 0) {
-    //	const sub_selfid = 's' + index;
-    //	fd.push({
-    //		__table_id: sub_selfid,
-    //		__parent__table_id: String(index),
-    //		name: 'sub-' + index,
-    //		age: 20,
-    //	});
-    //	if (index % 2 == 0) {
-    //		const sub2_selfid = 'ss' + index;
-    //		fd.push({
-    //			__table_id: sub2_selfid,
-    //			__parent__table_id: sub_selfid,
-    //			name: 'sub2-' + index,
-    //			age: 20,
-    //		});
-    //	}
-    //}
-  }
-
-  return fd;
-}
-function ExampleGrid() {
-  const [ds_reset, set_ds_reset] = _react.default.useState(0);
-  const dataSource = _react.default.useCallback(async dt => {
-    //console.log('Start loading');
-    return await new Promise(resolve => {
-      setTimeout(() => {
-        //console.log('end loading');
-        resolve(getData());
-      }, 1000);
-    });
-  }, [ds_reset]);
-  const onRowDoubleClick = _react.default.useCallback((index, rowdata) => {
-    console.log((rowdata === null || rowdata === void 0 ? void 0 : rowdata.data) || rowdata);
-  }, []);
-  const onRowClick = _react.default.useCallback((index, rowdata) => {
-    //console.log(rowdata?.data || rowdata);
-  }, []);
-  function rst_ds() {
-    //console.log('rst_ds');
-    set_ds_reset(s => s + 1);
-  }
-  return _react.default.createElement(_DataGrid.default, {
-    dark: true,
-    onRowClick: onRowClick,
-    onRowDoubleClick: onRowDoubleClick,
-    // allowChildRows
-    // onSelectionChange={onSelectionChange}
-    // selected={selected}
-    contextMenuItems: contextMenuItems,
-    // customColumns={customColumns}
-    columns: columns,
-    // leftColumns={leftColumns}
-    gridOptions: {
-      // defaultFilterValue: filterValue,
-      // remoteFilter: false,
-      // multiSelect: true,
-      // pagination: 'local',
-      // defaultLimit: 100,
-      // limit: 100,
-      // pageSizes: [100],
-      // rowIndexColumn: true,
-      // checkboxColumn: true,
-    },
-    dataSource: dataSource
-  });
-}
-var _default = ExampleGrid;
-exports.default = _default;

package/dist/src/func/helpers.d.ts

@@ -1,29 +0,0 @@
-type mrow = {
-    __parent__table_id: any;
-    __table_id: any;
-    __children?: any[];
-};
-export declare function fix_parent_child_relations<T extends mrow>(rows: T[]): T[];
-export declare class func_selection {
-    static getVirtualElement(x?: number, y?: number): () => {
-        getBoundingClientRect: () => {
-            width: number;
-            height: number;
-            top: number;
-            right: number;
-            bottom: number;
-            left: number;
-        };
-    };
-    static generateGetBoundingClientRect(x?: number, y?: number): () => {
-        width: number;
-        height: number;
-        top: number;
-        right: number;
-        bottom: number;
-        left: number;
-    };
-    static get_selectedText(): string;
-    static has_selection(): boolean;
-}
-export {};

package/dist/src/func/helpers.js

@@ -1,80 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.fix_parent_child_relations = fix_parent_child_relations;
-exports.func_selection = void 0;
-function get_parentId(obj) {
-  return obj.__parent__table_id || obj.parent;
-}
-function get_selfId(obj) {
-  return obj.__table_id;
-}
-//given an array of rows, fixes parent,child relations
-function fix_parent_child_relations(rows) {
-  if (!Array.isArray(rows)) rows = [];
-  const converted_rows = rows.filter(r => r != null).map(r => {
-    return {
-      parent: get_parentId(r),
-      self: get_selfId(r),
-      data: r
-    };
-  });
-  const top_level_rows = converted_rows.filter(r => !r.parent);
-  //find children of top-level parents:
-  for (let index = 0; index < top_level_rows.length; index++) {
-    const mrow = top_level_rows[index];
-    assign_children(mrow, converted_rows);
-  }
-  const result = top_level_rows.map(r => r.data);
-  //console.log(result);
-  return result;
-}
-function assign_children(row, all_rows) {
-  const my_children = all_rows.filter(s => row.self == s.parent);
-  if (my_children.length > 0) {
-    //find children of my children:
-    for (let index = 0; index < my_children.length; index++) {
-      const child = my_children[index];
-      assign_children(child, all_rows);
-    }
-    row.data.__children = my_children.map(r => r.data);
-  } else if (!Array.isArray(row.data.__children) || row.data.__children.length == 0) row.data.__children = undefined;
-}
-class func_selection {
-  static getVirtualElement(x = 0, y = 0) {
-    return () => ({
-      getBoundingClientRect: func_selection.generateGetBoundingClientRect(x, y)
-    });
-  }
-  static generateGetBoundingClientRect(x = 0, y = 0) {
-    return () => ({
-      width: 0,
-      height: 0,
-      top: y,
-      right: x,
-      bottom: y,
-      left: x
-    });
-  }
-  static get_selectedText() {
-    var text = '';
-    if (window.getSelection) {
-      var _window$getSelection;
-      text = (_window$getSelection = window.getSelection()) === null || _window$getSelection === void 0 ? void 0 : _window$getSelection.toString();
-    } else if (document.selection && document.selection.type != 'Control') {
-      var _document$selection$c;
-      text = (_document$selection$c = document.selection.createRange()) === null || _document$selection$c === void 0 ? void 0 : _document$selection$c.text;
-    }
-    return text || '';
-  }
-  static has_selection() {
-    const slct = window.getSelection();
-    if (slct == null) return false;
-    if (slct.type == null) return func_selection.get_selectedText().length !== 0;
-    if (slct.type === 'Range') return true;
-    return false;
-  }
-}
-exports.func_selection = func_selection;

package/dist/src/index.d.ts

@@ -1,3 +0,0 @@
-export * from './views/DataGrid';
-import AzGrid from './views/DataGrid';
-export default AzGrid;

package/dist/src/index.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-exports.default = void 0;
-var _DataGrid = _interopRequireWildcard(require("./views/DataGrid"));
-Object.keys(_DataGrid).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _DataGrid[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _DataGrid[key];
-    }
-  });
-});
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var _default = _DataGrid.default; // const root = ReactDOM.createRoot(document.getElementById('testroot') as HTMLElement);
-// root.render(<ExampleGrid />);
-exports.default = _default;

package/dist/src/themes/base_styles.css

@@ -1,26 +0,0 @@
-.azgrid-container {
-	height: 100%;
-	width: 100%;
-}
-.azgrid-borderbox {
-	box-sizing: border-box;
-}
-.azgrid-filler {
-	height: 100%;
-	width: 100%;
-}
-.azgrid-nooverflow {
-	overflow: hidden;
-}
-.azgrid-testborder {
-	border: 3px solid red;
-}
-.azgrid-pad50px {
-	padding: 50px;
-}
-.azgrid-nopad {
-	padding: 0;
-}
-.azgrid-nomargin {
-	margin: 0;
-}

package/dist/src/themes/grid.css

@@ -1,20 +0,0 @@
-/* .InovuaReactDataGrid {
-	--grid-bg: '#fff';
-}
-.InovuaReactDataGrid {
-	background: var(--grid-bg) !important;
-}
-.InovuaReactDataGrid__header {
-	background: var(--grid-bg) !important;
-}
-.InovuaReactDataGrid__row {
-	background: var(--grid-bg) !important;
-}
-.InovuaReactDataGrid__cell {
-	background: var(--grid-bg) !important;
-} */
-.InovuaReactDataGrid__cell .InovuaReactDataGrid__cell__content {
-	height: 100%;
-	display: flex;
-	align-items: center;
-}

package/dist/src/views/DataGrid.d.ts

@@ -1,66 +0,0 @@
-import '@inovua/reactdatagrid-enterprise/index.css';
-import '@inovua/reactdatagrid-enterprise/theme/default-dark.css';
-import '@inovua/reactdatagrid-enterprise/theme/amber-dark.css';
-import '../themes/base_styles.css';
-import '../themes/grid.css';
-import { ConvertableToMenuItem } from '@azrico/controls';
-import React from 'react';
-import { TypeColumn, TypeDataGridProps, TypeDataSource, TypeFilterTypes, TypeRowDetailsInfo, TypeRowProps, TypeRowSelection } from '@inovua/reactdatagrid-community/types';
-import { TypeOnSelectionChangeArg } from '@inovua/reactdatagrid-community/types/TypeDataGridProps';
-export type ColumnDefinition = TypeColumn;
-export type CellDefinition = any;
-export type RowDefinition = any;
-export type RowProps = TypeRowProps;
-export type RowSelectionValue = TypeRowSelection;
-export type DataRowDefinition = any;
-export type FilterTypes = TypeFilterTypes;
-export type DataSourceDefinition = TypeDataSource;
-export type OnSelectionChangeFunc = (config: TypeOnSelectionChangeArg) => void;
-export type RowDetailsFunc = (rowDetailsInfo: TypeRowDetailsInfo) => React.ReactNode;
-type loose_column_names = {
-    key: string;
-    field: string;
-    columnName: string;
-    name: string;
-};
-type loose_column_fields = loose_column_names & {
-    title: string;
-};
-export type LooseColumnDefinition = Partial<loose_column_fields & ColumnDefinition>;
-type columnOrString = string | LooseColumnDefinition;
-type customColumnData = {
-    name: string;
-    render: (cell: any, formatterParams: any, onRendered: any) => React.ReactNode | undefined | null;
-};
-type GridOptions = Partial<TypeDataGridProps>;
-export type AzGridProps = {
-    columns?: columnOrString[];
-    dataSource?: any[] | ((args: any) => any[] | Promise<any[] | any>);
-    licenseKey?: string;
-    gridOptions?: GridOptions;
-    columnExtensions?: Array<{
-        name: string;
-    } & Partial<ColumnDefinition>>;
-    editableColumns?: string[];
-    leftColumns?: string[];
-    rightColumns?: string[];
-    customColumns?: customColumnData[];
-    contextMenuItems?: ConvertableToMenuItem[];
-    highlightedRow?: any;
-    RowDetail?: RowDetailsFunc;
-    selected?: RowSelectionValue;
-    onSelectionChange?: OnSelectionChangeFunc;
-    onRowClick?: (rowIndex: number, row: any) => void;
-    onRowDoubleClick?: (rowIndex: number, row: any) => void;
-    onLimitChange?: (v: number) => void;
-    onSkipChange?: (v: number) => void;
-    skip?: number;
-    limit?: number;
-    loading?: boolean;
-    dark?: boolean;
-    allowChildRows?: boolean;
-    looseCacheCheck?: boolean;
-    className?: string;
-};
-export declare function AzGrid(props: AzGridProps): JSX.Element;
-export default AzGrid;