@azrico/reactgrid 1.3.50 → 1.3.52

package/dist/src/example.js

@@ -21,9 +21,9 @@ Object.keys(_DataGrid).forEach(function (key) {
   });
 });
 var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const columns = [{
   name: 'name',
   title: 'Name',
@@ -116,9 +116,10 @@ function ExampleGrid() {
   }
   const onRowDoubleClick = _react.default.useCallback((index, rowdata) => {
     console.log('dbl', (rowdata === null || rowdata === void 0 ? void 0 : rowdata.data) || rowdata);
+    alert('dbl: ' + index);
   }, []);
   const onRowClick = _react.default.useCallback((index, rowdata) => {
-    //console.log(rowdata?.data || rowdata);
+    console.log('click:', (rowdata === null || rowdata === void 0 ? void 0 : rowdata.data) || rowdata);
   }, []);
   _react.default.useEffect(() => {
     setTimeout(() => {

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

@@ -1,4 +1,4 @@
-import { ColumnDefinition } from '../views/DataGrid';
+import { ColumnDefinition } from '../types/types';
 export type MakeWriteable<Type> = {
     -readonly [Key in keyof Type]: Type[Key];
 };
@@ -10,7 +10,7 @@ export declare function ApplyDataSource(datasource: any, props: any): Promise<an
  * @param column_data
  * @returns
  */
-export declare function ApplyColumnData(column_data: any): ColumnDefinition[];
+export declare function applyColumnData(column_data: any): ColumnDefinition[];
 export declare function to_datasource(arr: any[], idProperty: string, valueAsID?: boolean): any[];
 /**
  * Gets name of a column from its column object

package/dist/src/func/func_grid.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ApplyColumnData = ApplyColumnData;
 exports.ApplyDataSource = ApplyDataSource;
+exports.applyColumnData = applyColumnData;
 exports.find_realData = find_realData;
 exports.get_col_header = get_col_header;
 exports.get_col_name = get_col_name;
@@ -17,7 +17,7 @@ var _BoolEditor = _interopRequireDefault(require("@inovua/reactdatagrid-communit
 var _SelectEditor = _interopRequireDefault(require("@inovua/reactdatagrid-community/SelectEditor"));
 var _func_child = require("./func_child");
 var _object = require("@azrico/object");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // import NumericEditor from '@inovua/reactdatagrid-community/NumericEditor';
 
 const defaultColumnOptions = {
@@ -73,7 +73,7 @@ async function ApplyDataSource(datasource, props) {
  * @param column_data
  * @returns
  */
-function ApplyColumnData(column_data) {
+function applyColumnData(column_data) {
   const final_columns = [];
   if (!column_data) column_data = {};
   if (Array.isArray(column_data)) column_data = {

package/dist/src/hooks/useColumnData.d.ts

@@ -0,0 +1,2 @@
+import { AzGridProps, LooseColumnDefinition } from '../types/types';
+export declare function useColumnData(inputOrProps: undefined | any[] | LooseColumnDefinition[] | AzGridProps): import("@inovua/reactdatagrid-community/types").TypeColumn[];

package/dist/src/hooks/useColumnData.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useColumnData = useColumnData;
+var _react = _interopRequireDefault(require("react"));
+var _func_grid = require("../func/func_grid");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function useColumnData(inputOrProps) {
+  if (inputOrProps == null) return [];
+  if (Array.isArray(inputOrProps)) return useThisColumnData(inputOrProps);
+  return usePropsColumnData(inputOrProps);
+}
+function useThisColumnData(cols) {
+  return _react.default.useMemo(() => {
+    return (0, _func_grid.applyColumnData)(cols);
+  }, [cols]);
+}
+function usePropsColumnData(props) {
+  return _react.default.useMemo(() => {
+    return (0, _func_grid.applyColumnData)(props);
+  }, [props.columns, props.leftColumns, props.rightColumns, props.editableColumns, props.columnExtensions, props.customColumns]);
+}

package/dist/src/hooks/useDatasource.d.ts

@@ -0,0 +1,2 @@
+import { AzGridProps } from '../types/types';
+export declare function useDataSource(ds: any, props: AzGridProps): (dt: any) => Promise<any>;

package/dist/src/hooks/useDatasource.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDataSource = useDataSource;
+var _react = _interopRequireDefault(require("react"));
+var _func_grid = require("../func/func_grid");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function useDataSource(ds, props) {
+  const cached_data = _react.default.useRef();
+  const last_cache_info = _react.default.useRef();
+  return _react.default.useCallback(async dt => {
+    return await (0, _func_grid.ApplyDataSource)(ds, {
+      skip: dt === null || dt === void 0 ? void 0 : dt.skip,
+      limit: dt === null || dt === void 0 ? void 0 : dt.limit,
+      cached_data: cached_data,
+      last_cache_info: last_cache_info
+    });
+  }, [ds]);
+}

package/dist/src/hooks/useGridEvents.d.ts

@@ -0,0 +1,9 @@
+import { DataGridWrapperProps, GridType } from '../types/types';
+export declare function useGridEvents(grid: GridType, props: DataGridWrapperProps): {
+    onRowClick: (rowProps: any, event: any) => void | undefined;
+    onRowContextMenu: (rowProps: any, event: any) => boolean;
+    onRenderRow: (rowProps: any) => void;
+    update_menuRow: (r?: any, el?: any) => void;
+    menuAnchorEl: any;
+    menuRow: any;
+};

package/dist/src/hooks/useGridEvents.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridEvents = useGridEvents;
+var _react = _interopRequireDefault(require("react"));
+var _func_grid = require("../func/func_grid");
+var _func_child = require("../func/func_child");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function useGridMenuRow() {
+  const [menuAnchorEl, set_menuAnchorEl] = _react.default.useState(null);
+  const [menuRow, set_menuRow] = _react.default.useState(null);
+  const update_menuRow = _react.default.useCallback((r = null, el = null) => {
+    set_menuRow(r || null);
+    set_menuAnchorEl(el || null);
+  }, []);
+  return {
+    update_menuRow,
+    menuAnchorEl,
+    menuRow
+  };
+}
+function useGridEvents(grid, props) {
+  const click_data = _react.default.useRef(null);
+  const {
+    update_menuRow,
+    menuAnchorEl,
+    menuRow
+  } = useGridMenuRow();
+  const refreshColumn = _react.default.useCallback(col => {
+    const dt = grid.ungroupedData;
+    for (let index = 0; index < dt.length; index++) {
+      grid.setItemPropertyAt(index, col, dt[index][col]);
+    }
+  }, [grid]);
+  const refresh = _react.default.useCallback(() => {
+    const dt = grid.ungroupedData;
+    for (let index = 0; index < dt.length; index++) {
+      grid.setItemAt(index, {}, {
+        replace: false
+      });
+    }
+  }, [grid]);
+  _react.default.useEffect(() => {
+    if (!grid) return;
+    grid['refresh'] = refresh;
+    grid['refreshColumn'] = refreshColumn;
+  }, [grid, props.dataSource, refresh, refreshColumn]);
+  /* -------------------------------------------------------------------------- */
+  /*                                   events                                   */
+  /* -------------------------------------------------------------------------- */
+  const onRowClick = _react.default.useCallback((rowProps, event) => {
+    const nowDate = Date.now();
+    const lastclick = click_data.current[(0, _func_grid.get_row_id)(rowProps)];
+    if (lastclick) {
+      const diffTime = Math.abs(nowDate - lastclick);
+      if (diffTime < 400) {
+        click_data.current[(0, _func_grid.get_row_id)(rowProps)] = null;
+        return props.onRowDoubleClick && props.onRowDoubleClick(rowProps.rowIndex, rowProps.data);
+      }
+    }
+    click_data.current[(0, _func_grid.get_row_id)(rowProps)] = nowDate;
+    return props.onRowClick && props.onRowClick(rowProps.rowIndex, rowProps.data);
+  }, [props.onRowClick, props.onRowDoubleClick]);
+  _react.default.useEffect(() => {
+    click_data.current = {};
+  }, [props.dataSource]);
+  /* ------------------------------- ContextMenu ------------------------------ */
+  const onRowContextMenu = _react.default.useCallback((rowProps, event) => {
+    if (!rowProps || !rowProps.data || _func_child.func_selection.has_selection()) {
+      update_menuRow(null, null);
+      return true;
+    }
+    event.preventDefault();
+    const realRow = (0, _func_grid.find_realData)(rowProps.dataSourceArray, event.target, rowProps.data);
+    const anEl = _func_child.func_selection.getVirtualElement(event.clientX, event.clientY);
+    update_menuRow(realRow, anEl);
+    return false;
+  }, []);
+  /* -------------------------------------------------------------------------- */
+  const onRenderRow = _react.default.useCallback(rowProps => {
+    // save the original handlers to be called later
+    rowProps['data-row-id'] = (0, _func_grid.get_row_id)(rowProps.data);
+  }, []);
+  return {
+    onRowClick,
+    onRowContextMenu,
+    onRenderRow,
+    update_menuRow,
+    menuAnchorEl,
+    menuRow
+  };
+}

package/dist/src/hooks/useGridSearch.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { DataGridWrapperProps, GridType } from '../types/types';
+export declare function useGridSearch(grid: GridType, props: DataGridWrapperProps): {
+    filteredData: any;
+    element: React.JSX.Element;
+};

package/dist/src/hooks/useGridSearch.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridSearch = useGridSearch;
+var _react = _interopRequireDefault(require("react"));
+var _lodash = _interopRequireDefault(require("lodash.debounce"));
+var _object = require("@azrico/object");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function useGridSearch(grid, props) {
+  const [search, set_search] = _react.default.useState('');
+  const [filteredData, set_filteredData] = _react.default.useState([]);
+  const currentSearch = _react.default.useRef('');
+  const currentDS = _react.default.useRef([]);
+  const try_search = _react.default.useCallback((0, _lodash.default)(() => {
+    if (!Array.isArray(currentDS.current)) {
+      return;
+    }
+    let newData = [];
+    if (currentSearch.current) {
+      const visibleColumns = grid.visibleColumns;
+      const columns_to_search = (0, _object.array_intersection)(props.advancedFilterFields || [], visibleColumns.map(r => r.id));
+      const lowerSearchText = currentSearch.current.toLowerCase().trim();
+      if (!lowerSearchText || columns_to_search.length === 0) newData = currentDS.current;else {
+        newData = currentDS.current.filter(p => {
+          for (let index = 0; index < columns_to_search.length; index++) {
+            const col = columns_to_search[index];
+            const v = (p[col] + '').toLowerCase(); //value of column
+            if (v && v.indexOf(lowerSearchText) != -1) {
+              //if one column is matching then the row is a match
+              return true;
+            }
+          }
+          return false;
+        });
+      }
+    } else newData = currentDS.current;
+    set_filteredData(newData);
+  }, 1000), [grid]);
+  _react.default.useEffect(() => {
+    (0, _object.fn_eval)(props.dataSource).then(r => {
+      currentDS.current = typeof r === 'object' ? r.data || r : r;
+      searchIfNeeded();
+    });
+  }, [props.dataSource]);
+  _react.default.useEffect(() => {
+    currentSearch.current = search;
+    searchIfNeeded();
+  }, [search]);
+  function searchIfNeeded() {
+    if (!search) {
+      set_filteredData(props.dataSource);
+    } else try_search();
+  }
+  const element = _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("form", {
+    className: 'azgrid-searcharea'
+  }, _react.default.createElement("label", null, "Search", _react.default.createElement("input", {
+    type: "text",
+    name: "name",
+    value: search,
+    onChange: e => set_search(e.target.value)
+  }))));
+  return {
+    filteredData,
+    element
+  };
+}

package/dist/src/index.d.ts

@@ -1,4 +1,5 @@
 export * from './views/DataGrid';
+export * from './types/types';
 export { get_row_id, set_row_id, get_col_name, get_col_header } from './func/func_grid';
 import AzGrid from './views/DataGrid';
 export default AzGrid;

package/dist/src/index.js

@@ -46,13 +46,25 @@ Object.keys(_DataGrid).forEach(function (key) {
     }
   });
 });
+var _types = require("./types/types");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _types[key];
+    }
+  });
+});
 var _func_grid = require("./func/func_grid");
 var _example = _interopRequireDefault(require("./example"));
 var _react = _interopRequireDefault(require("react"));
 var _client = _interopRequireDefault(require("react-dom/client"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /* -------------------------------------------------------------------------- */
 //
 var _default = exports.default = _DataGrid.default;

package/dist/src/themes/base_styles.css

@@ -38,15 +38,17 @@
 }
 
 .azgrid-searcharea {
+	font-family: 'Nunito Sans', 'Iran Sans', sans-serif;
 	margin: 5px;
 	font-size: large;
 }
 .azgrid-searcharea label {
-	gap: 5px;
+	gap: 10px;
 	display: flex;
 	align-items: center;
 }
-.azgrid-searcharea label input {
+.azgrid-searcharea input {
 	padding: 5px;
+	padding-left: 7px;
 	font-size: large;
 }

package/dist/src/themes/grid.css

@@ -2,19 +2,19 @@
 	z-index: 1000;
 	font-family: 'Nunito Sans', 'Iran Sans', sans-serif;
 }
-.InovuaReactDataGrid--theme-amber-dark {
+
+.InovuaReactDataGrid {
+	--grid-bg: oklch(var(--b1, 100% 0 106));
+	--grid-fg: oklch(var(--bc, 23.5% 0 0));
+	--grid-bg-hover: oklch(var(--b2, 94.75% 0.014 277.06));
+	--grid-bg-hover2: oklch(var(--b3, 94.75% 0.014 277.06));
+	--grid-fg-hover: oklch(var(--bc, 23.5% 0 0));
+}.InovuaReactDataGrid--theme-amber-dark {
 	--grid-bg: #313943;
 	--grid-fg: #c5cae9;
-	--grid-bg-hover: oklch(var(--b2, #313943));
+	--grid-bg-hover: oklch(var(--b2, 40.8% 0.011 128.75));
 	--grid-fg-hover: #ececec;
 }
-.InovuaReactDataGrid {
-	--grid-bg: oklch(var(--b1, #fff));
-	--grid-fg: oklch(var(--bc, #1e1e1e));
-	--grid-bg-hover: oklch(var(--b2, #ebedf7));
-	--grid-bg-hover2: oklch(var(--b3, #ebedf7));
-	--grid-fg-hover: oklch(var(--bc, #1e1e1e));
-}
 .InovuaReactDataGrid__row {
 	color: var(--grid-fg);
 	border-top-width: 1px;

package/dist/src/types/types.d.ts

@@ -0,0 +1,85 @@
+import { ModifyFields } from '../func/func_grid';
+import { ConvertableToMenuItem } from '@azrico/controls';
+import React from 'react';
+import { TypeCellSelection, TypeColumn, TypeDataGridProps, TypeDataSource, TypeEditInfo, TypeFilterTypes, TypeFilterValue, TypeRowDetailsInfo, TypeRowProps, TypeRowSelection, TypeComputedProps } 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 CellSelectionValue = TypeCellSelection;
+export type DataRowDefinition = any;
+export type FilterTypes = TypeFilterTypes;
+export type FilterValues = TypeFilterValue;
+export type DataSourceDefinition = TypeDataSource;
+export type OnSelectionChangeFunc = (config: TypeOnSelectionChangeArg) => void;
+export type OnCellSelectionChangeFunc = (s: {
+    [key: string]: boolean;
+}) => void;
+export type RowDetailsFunc = (rowDetailsInfo: TypeRowDetailsInfo) => React.ReactNode;
+export type loose_column_names = {
+    key: string;
+    field: string;
+    columnName: string;
+    name: string;
+};
+export type loose_column_fields = loose_column_names & {
+    title: string;
+    type: string;
+    items: any[];
+};
+export type LooseColumnDefinition = Partial<loose_column_fields & ColumnDefinition>;
+export type CustomColumnDefinition = {
+    name: string;
+    render: (cell: any, formatterParams: any, onRendered: any) => React.ReactNode | undefined | null;
+};
+export type AzGridOptions = Partial<TypeDataGridProps>;
+export type AzGridProps = {
+    dataSource?: any[] | ((args: any) => any[] | Promise<any[] | any>);
+    details_dataSource?: any[] | ((args: any) => any[] | Promise<any[] | any>);
+    details_columns?: LooseColumnDefinition[];
+    details_filter?: FilterValues;
+    licenseKey?: string;
+    gridRef?: React.MutableRefObject<TypeComputedProps>;
+    gridOptions?: AzGridOptions;
+    columns?: LooseColumnDefinition[];
+    columnExtensions?: Partial<LooseColumnDefinition>;
+    editableColumns?: string[];
+    leftColumns?: string[];
+    rightColumns?: string[];
+    customColumns?: CustomColumnDefinition[];
+    contextMenuItems?: ConvertableToMenuItem;
+    highlightedRow?: any;
+    RowDetail?: RowDetailsFunc;
+    selected?: RowSelectionValue;
+    cellSelection?: CellSelectionValue;
+    onEditComplete?: (editInfo: TypeEditInfo) => void;
+    onSelectionChange?: OnSelectionChangeFunc;
+    onCellSelectionChange?: OnCellSelectionChangeFunc;
+    onRowClick?: (rowIndex: number, row: any) => void;
+    onRowDoubleClick?: (rowIndex: number, row: any) => void;
+    onLimitChange?: (v: number) => void;
+    onSkipChange?: (v: number) => void;
+    skip?: number;
+    limit?: number;
+    editable?: boolean | ((editValue: any, cellProps: any) => boolean);
+    advancedFilterFields?: string[];
+    loading?: boolean;
+    dark?: boolean;
+    delayedSize?: boolean;
+    allowChildRows?: boolean;
+    looseCacheCheck?: boolean;
+    className?: string;
+};
+export type DataGridProps = ModifyFields<AzGridProps, {
+    columns: ColumnDefinition[];
+    dataSource: any;
+}>;
+export type GridType = TypeComputedProps;
+export type DataGridWrapperProps = ModifyFields<DataGridProps, {
+    gridRef: React.MutableRefObject<TypeComputedProps>;
+    static_gridOptions: AzGridOptions;
+    dynamic_gridOptions: AzGridOptions;
+    children?: React.ReactNode;
+}>;

package/dist/src/types/types.js

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

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

@@ -3,78 +3,7 @@ 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 { TypeCellSelection, TypeColumn, TypeDataGridProps, TypeDataSource, TypeEditInfo, TypeFilterTypes, TypeFilterValue, TypeRowDetailsInfo, TypeRowProps, TypeRowSelection, TypeComputedProps } 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 CellSelectionValue = TypeCellSelection;
-export type DataRowDefinition = any;
-export type FilterTypes = TypeFilterTypes;
-export type FilterValues = TypeFilterValue;
-export type DataSourceDefinition = TypeDataSource;
-export type OnSelectionChangeFunc = (config: TypeOnSelectionChangeArg) => void;
-export type OnCellSelectionChangeFunc = (s: {
-    [key: string]: boolean;
-}) => 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;
-    type: string;
-    items: any[];
-};
-export type LooseColumnDefinition = Partial<loose_column_fields & ColumnDefinition>;
-export type CustomColumnDefinition = {
-    name: string;
-    render: (cell: any, formatterParams: any, onRendered: any) => React.ReactNode | undefined | null;
-};
-export type AzGridOptions = Partial<TypeDataGridProps>;
-export type AzGridProps = {
-    dataSource?: any[] | ((args: any) => any[] | Promise<any[] | any>);
-    details_dataSource?: any[] | ((args: any) => any[] | Promise<any[] | any>);
-    details_columns?: LooseColumnDefinition[];
-    details_filter?: FilterValues;
-    licenseKey?: string;
-    gridRef?: React.MutableRefObject<TypeComputedProps>;
-    gridOptions?: AzGridOptions;
-    columns?: LooseColumnDefinition[];
-    columnExtensions?: Partial<LooseColumnDefinition>;
-    editableColumns?: string[];
-    leftColumns?: string[];
-    rightColumns?: string[];
-    customColumns?: CustomColumnDefinition[];
-    contextMenuItems?: ConvertableToMenuItem;
-    highlightedRow?: any;
-    RowDetail?: RowDetailsFunc;
-    selected?: RowSelectionValue;
-    cellSelection?: CellSelectionValue;
-    onEditComplete?: (editInfo: TypeEditInfo) => void;
-    onSelectionChange?: OnSelectionChangeFunc;
-    onCellSelectionChange?: OnCellSelectionChangeFunc;
-    onRowClick?: (rowIndex: number, row: any) => void;
-    onRowDoubleClick?: (rowIndex: number, row: any) => void;
-    onLimitChange?: (v: number) => void;
-    onSkipChange?: (v: number) => void;
-    skip?: number;
-    limit?: number;
-    editable?: boolean | ((editValue: any, cellProps: any) => boolean);
-    advancedFilterFields?: string[];
-    loading?: boolean;
-    dark?: boolean;
-    delayedSize?: boolean;
-    allowChildRows?: boolean;
-    looseCacheCheck?: boolean;
-    className?: string;
-};
+import { AzGridProps } from '../types/types';
 export declare function AzGrid(props: AzGridProps): React.JSX.Element;
 export default AzGrid;