@azrico/reactgrid 1.2.33 → 1.2.35

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

@@ -1,79 +1,79 @@
-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 { TypeCellSelection, TypeColumn, TypeDataGridProps, TypeDataSource, TypeEditInfo, TypeFilterTypes, TypeFilterValue, 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 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>;
-type customColumnData = {
-    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?: any;
-    gridOptions?: AzGridOptions;
-    columns?: LooseColumnDefinition[];
-    columnExtensions?: Partial<LooseColumnDefinition>;
-    editableColumns?: string[];
-    leftColumns?: string[];
-    rightColumns?: string[];
-    customColumns?: customColumnData[];
-    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);
-    loading?: boolean;
-    dark?: boolean;
-    delayedSize?: boolean;
-    allowChildRows?: boolean;
-    looseCacheCheck?: boolean;
-    className?: string;
-};
-export declare function AzGrid(props: AzGridProps): JSX.Element;
-export default AzGrid;
+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 { TypeCellSelection, TypeColumn, TypeDataGridProps, TypeDataSource, TypeEditInfo, TypeFilterTypes, TypeFilterValue, 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 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>;
+type customColumnData = {
+    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?: any;
+    gridOptions?: AzGridOptions;
+    columns?: LooseColumnDefinition[];
+    columnExtensions?: Partial<LooseColumnDefinition>;
+    editableColumns?: string[];
+    leftColumns?: string[];
+    rightColumns?: string[];
+    customColumns?: customColumnData[];
+    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);
+    loading?: boolean;
+    dark?: boolean;
+    delayedSize?: boolean;
+    allowChildRows?: boolean;
+    looseCacheCheck?: boolean;
+    className?: string;
+};
+export declare function AzGrid(props: AzGridProps): React.JSX.Element;
+export default AzGrid;

package/dist/src/views/DataGrid.js

@@ -1,273 +1,222 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AzGrid = AzGrid;
-exports.default = void 0;
-require("@inovua/reactdatagrid-enterprise/index.css");
-require("@inovua/reactdatagrid-enterprise/theme/default-dark.css");
-require("@inovua/reactdatagrid-enterprise/theme/amber-dark.css");
-require("../themes/base_styles.css");
-require("../themes/grid.css");
-var _func_grid = require("../func/func_grid");
-var _controls = require("@azrico/controls");
-var _react = _interopRequireDefault(require("react"));
-var _func_child = require("../func/func_child");
-var _reactdatagridEnterprise = _interopRequireDefault(require("@inovua/reactdatagrid-enterprise"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _reactUseSize = require("react-use-size");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 { ApplyColumnData, ApplyDataSource, get_default_key, get_row_id, } from '../func/func_grid';
+import { ContextMenu } from '@azrico/controls';
+import React from 'react';
+import { func_selection } from '../func/func_child';
+import ReactDataGrid from '@inovua/reactdatagrid-enterprise';
+import clsx from 'clsx';
+import { useComponentSize } from 'react-use-size';
 /* -------------------------------------------------------------------------- */
 const defaultOptions = {
-  //filterTypes: defaultfilterTypes,
-  remoteFilter: false,
-  remoteSort: false,
-  editStartEvent: 'click',
-  rowReorderColumn: false,
-  resizable: true,
-  columnUserSelect: true,
-  rowIndexColumn: true,
-  rowHeight: 35
+    //filterTypes: defaultfilterTypes,
+    remoteFilter: false,
+    remoteSort: false,
+    editStartEvent: 'click',
+    rowReorderColumn: false,
+    resizable: true,
+    columnUserSelect: true,
+    rowIndexColumn: true,
+    rowHeight: 35,
 };
 const forcedOptions = {
-  idProperty: '__table_id',
-  nodesProperty: '__children'
+    idProperty: '__table_id',
+    nodesProperty: '__children',
 };
 const dynamic_option_names = ['selected', 'cellSelection', 'loading', 'limit', 'skip'];
 /* -------------------------------------------------------------------------- */
-function AzGrid(props) {
-  const gridRefBackup = _react.default.useRef(null);
-  const gridRef = props.gridRef || gridRefBackup;
-  /* -------------------------------------------------------------------------- */
-  /*                                   Columns                                  */
-  /* -------------------------------------------------------------------------- */
-  const cached_columns = _react.default.useMemo(() => {
-    return (0, _func_grid.ApplyColumnData)(props);
-  }, [props.columns, props.leftColumns, props.rightColumns, props.editableColumns, props.columnExtensions, props.customColumns]);
-  /* -------------------------------------------------------------------------- */
-  /*                                 Row changes                                */
-  /* -------------------------------------------------------------------------- */
-  const cached_data = _react.default.useRef();
-  const last_cache_info = _react.default.useRef();
-  const dataSource = _react.default.useCallback(async dt => {
-    return await (0, _func_grid.ApplyDataSource)(props.dataSource, {
-      skip: dt.skip,
-      limit: dt.limit,
-      cached_data: cached_data,
-      last_cache_info: last_cache_info
-    });
-  }, [props.dataSource]);
-  const base_gridOptions = _react.default.useMemo(() => {
-    const firstcolumn = cached_columns[0];
-    const licenseKey = props.licenseKey || (0, _func_grid.get_default_key)();
-    const events = {
-      onSkipChange: props.onSkipChange,
-      onLimitChange: props.onLimitChange,
-      onEditComplete: props.onEditComplete
-    };
-    const extra_ops = {
-      onSelectionChange: props.onSelectionChange,
-      onCellSelectionChange: props.onCellSelectionChange,
-      licenseKey: licenseKey,
-      editable: props.editable,
-      treeColumn: props.allowChildRows ? firstcolumn.name : undefined,
-      renderRowDetails: props.RowDetail,
-      theme: props.dark ? 'amber-dark' : 'default-light'
-    };
-    return {
-      ...defaultOptions,
-      ...events,
-      ...extra_ops
-    };
-  }, [cached_columns, props.allowChildRows, props.editable, props.RowDetail, props.onEditComplete]);
-  const static_gridOptions = _react.default.useMemo(() => {
-    return {
-      ...base_gridOptions,
-      ...props.gridOptions,
-      ...forcedOptions
-    };
-  }, [props.gridOptions, base_gridOptions, forcedOptions]);
-  const dynamic_gridOptions = _react.default.useMemo(() => {
-    const res = {};
-    dynamic_option_names.map(r => {
-      res[r] = props[r];
-    });
-    return res;
-  }, dynamic_option_names.map(r => props[r]));
-  return _react.default.createElement(DataGridEventsWrapper, {
-    ...props,
-    gridRef: gridRef,
-    static_gridOptions: static_gridOptions,
-    dynamic_gridOptions: dynamic_gridOptions,
-    columns: cached_columns,
-    dataSource: dataSource,
-    highlightedRow: props.highlightedRow
-  });
+export function AzGrid(props) {
+    const gridRefBackup = React.useRef(null);
+    const gridRef = props.gridRef || gridRefBackup;
+    /* -------------------------------------------------------------------------- */
+    /*                                   Columns                                  */
+    /* -------------------------------------------------------------------------- */
+    const cached_columns = React.useMemo(() => {
+        return ApplyColumnData(props);
+    }, [
+        props.columns,
+        props.leftColumns,
+        props.rightColumns,
+        props.editableColumns,
+        props.columnExtensions,
+        props.customColumns,
+    ]);
+    /* -------------------------------------------------------------------------- */
+    /*                                 Row changes                                */
+    /* -------------------------------------------------------------------------- */
+    const cached_data = React.useRef();
+    const last_cache_info = React.useRef();
+    const dataSource = React.useCallback(async (dt) => {
+        return await ApplyDataSource(props.dataSource, {
+            skip: dt.skip,
+            limit: dt.limit,
+            cached_data: cached_data,
+            last_cache_info: last_cache_info,
+        });
+    }, [props.dataSource]);
+    const base_gridOptions = React.useMemo(() => {
+        const firstcolumn = cached_columns[0];
+        const licenseKey = props.licenseKey || get_default_key();
+        const events = {
+            onSkipChange: props.onSkipChange,
+            onLimitChange: props.onLimitChange,
+            onEditComplete: props.onEditComplete,
+        };
+        const extra_ops = {
+            onSelectionChange: props.onSelectionChange,
+            onCellSelectionChange: props.onCellSelectionChange,
+            licenseKey: licenseKey,
+            editable: props.editable,
+            treeColumn: props.allowChildRows ? firstcolumn.name : undefined,
+            renderRowDetails: props.RowDetail,
+            theme: props.dark ? 'amber-dark' : 'default-light',
+        };
+        return { ...defaultOptions, ...events, ...extra_ops };
+    }, [
+        cached_columns,
+        props.allowChildRows,
+        props.editable,
+        props.RowDetail,
+        props.onEditComplete,
+    ]);
+    const static_gridOptions = React.useMemo(() => {
+        return { ...base_gridOptions, ...props.gridOptions, ...forcedOptions };
+    }, [props.gridOptions, base_gridOptions, forcedOptions]);
+    const dynamic_gridOptions = React.useMemo(() => {
+        const res = {};
+        dynamic_option_names.map((r) => {
+            res[r] = props[r];
+        });
+        return res;
+    }, dynamic_option_names.map((r) => props[r]));
+    return (React.createElement(DataGridEventsWrapper, { ...props, gridRef: gridRef, static_gridOptions: static_gridOptions, dynamic_gridOptions: dynamic_gridOptions, columns: cached_columns, dataSource: dataSource, highlightedRow: props.highlightedRow }));
 }
 /* -------------------------------------------------------------------------- */
-/**
- * Wrapper for menu events
- * @param props
- * @returns
+/**
+ * Wrapper for menu events
+ * @param props
+ * @returns
  */
 function DataGridEventsWrapper(props) {
-  /* -------------------------------------------------------------------------- */
-  const click_data = _react.default.useRef(null);
-  const [menuAnchorEl, set_menuAnchorEl] = _react.default.useState(null);
-  const [menuRow, set_menuRow] = _react.default.useState(null);
-  /* --------------------------------- events --------------------------------- */
-  const onRowContextMenu = _react.default.useCallback((rowProps, event) => {
-    if (!rowProps || !rowProps.data || _func_child.func_selection.has_selection()) return;
-    const anEl = _func_child.func_selection.getVirtualElement(event.clientX, event.clientY);
-    update_menuRow(rowProps.data);
-    update_menuAnchorEl(anEl);
-    event.preventDefault();
-  }, []);
-  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);
-      }
+    /* -------------------------------------------------------------------------- */
+    const click_data = React.useRef(null);
+    const [menuAnchorEl, set_menuAnchorEl] = React.useState(null);
+    const [menuRow, set_menuRow] = React.useState(null);
+    /* --------------------------------- events --------------------------------- */
+    const onRowContextMenu = React.useCallback((rowProps, event) => {
+        if (!rowProps || !rowProps.data || func_selection.has_selection())
+            return;
+        const anEl = func_selection.getVirtualElement(event.clientX, event.clientY);
+        update_menuRow(rowProps.data);
+        update_menuAnchorEl(anEl);
+        event.preventDefault();
+    }, []);
+    const onRowClick = React.useCallback((rowProps, event) => {
+        const nowDate = Date.now();
+        const lastclick = click_data.current[get_row_id(rowProps)];
+        if (lastclick) {
+            const diffTime = Math.abs(nowDate - lastclick);
+            if (diffTime < 400) {
+                click_data.current[get_row_id(rowProps)] = null;
+                return (props.onRowDoubleClick &&
+                    props.onRowDoubleClick(rowProps.rowIndex, rowProps.data));
+            }
+        }
+        click_data.current[get_row_id(rowProps)] = nowDate;
+        return props.onRowClick && props.onRowClick(rowProps.rowIndex, rowProps.data);
+    }, [props.onRowClick, props.onRowDoubleClick]);
+    React.useEffect(() => {
+        click_data.current = {};
+    }, [props.dataSource]);
+    /* ------------------------------- ContextMenu ------------------------------ */
+    const update_menuAnchorEl = React.useCallback((el) => {
+        if (el) {
+            set_menuAnchorEl(el);
+        }
+        else
+            set_menuAnchorEl(null);
+    }, []);
+    const update_menuRow = React.useCallback((r) => {
+        if (r) {
+            set_menuRow(r);
+        }
+        else
+            set_menuRow(null);
+    }, []);
+    /**
+     * Merge click events into grid options
+     */
+    const static_gridOptions = React.useMemo(() => {
+        const events = {
+            onRowClick: onRowClick,
+            onRowContextMenu: onRowContextMenu,
+        };
+        return { ...props.static_gridOptions, ...events };
+    }, [props.static_gridOptions, onRowClick]);
+    const contextMenu = React.useMemo(() => {
+        return (React.createElement(ContextMenu, { menuAnchorEl: menuAnchorEl, set_menuAnchorEl: update_menuAnchorEl, menuRow: menuRow, menu_items: props.contextMenuItems }));
+    }, [menuAnchorEl, menuRow, props.contextMenuItems]);
+    if (props.details_dataSource) {
+        return (React.createElement(DataGridDetailsWrapper, { ...props, static_gridOptions: static_gridOptions }, contextMenu));
+    }
+    else {
+        return (React.createElement(DataGridSizeWrapper, { ...props, static_gridOptions: static_gridOptions }, contextMenu));
     }
-    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 update_menuAnchorEl = _react.default.useCallback(el => {
-    if (el) {
-      set_menuAnchorEl(el);
-    } else set_menuAnchorEl(null);
-  }, []);
-  const update_menuRow = _react.default.useCallback(r => {
-    if (r) {
-      set_menuRow(r);
-    } else set_menuRow(null);
-  }, []);
-  /**
-   * Merge click events into grid options
-   */
-  const static_gridOptions = _react.default.useMemo(() => {
-    const events = {
-      onRowClick: onRowClick,
-      onRowContextMenu: onRowContextMenu
-    };
-    return {
-      ...props.static_gridOptions,
-      ...events
-    };
-  }, [props.static_gridOptions, onRowClick]);
-  const contextMenu = _react.default.useMemo(() => {
-    return _react.default.createElement(_controls.ContextMenu, {
-      menuAnchorEl: menuAnchorEl,
-      set_menuAnchorEl: update_menuAnchorEl,
-      menuRow: menuRow,
-      menu_items: props.contextMenuItems
-    });
-  }, [menuAnchorEl, menuRow, props.contextMenuItems]);
-  if (props.details_dataSource) {
-    return _react.default.createElement(DataGridDetailsWrapper, {
-      ...props,
-      static_gridOptions: static_gridOptions
-    }, contextMenu);
-  } else {
-    return _react.default.createElement(DataGridSizeWrapper, {
-      ...props,
-      static_gridOptions: static_gridOptions
-    }, contextMenu);
-  }
 }
 function DataGridDetailsWrapper(props) {
-  const cached_details_columns = _react.default.useMemo(() => {
-    return (0, _func_grid.ApplyColumnData)(props.details_columns);
-  }, [props.details_columns]);
-  const cached_data = _react.default.useRef();
-  const last_cache_info = _react.default.useRef();
-  const dataSource = _react.default.useCallback(async dt => {
-    const res = await (0, _func_grid.ApplyDataSource)(props.details_dataSource, {
-      skip: dt.skip,
-      limit: dt.limit,
-      cached_data: cached_data,
-      last_cache_info: last_cache_info
-    });
-    return res;
-  }, [props.dataSource]);
-  const renderDetailsGrid = ({
-    data
-  }) => {
-    return _react.default.createElement(_reactdatagridEnterprise.default, {
-      defaultFilterValue: props.details_filter,
-      dataSource: dataSource,
-      columns: cached_details_columns
-    });
-  };
-  /**
-   * Merge details into grid
-   */
-  const static_gridOptions = _react.default.useMemo(() => {
-    const finalresult = props.static_gridOptions || {};
-    finalresult['renderDetailsGrid'] = renderDetailsGrid;
-    return finalresult;
-  }, [props.static_gridOptions]);
-  return _react.default.createElement(DataGridSizeWrapper, {
-    ...props,
-    static_gridOptions: static_gridOptions
-  });
+    const cached_details_columns = React.useMemo(() => {
+        return ApplyColumnData(props.details_columns);
+    }, [props.details_columns]);
+    const cached_data = React.useRef();
+    const last_cache_info = React.useRef();
+    const dataSource = React.useCallback(async (dt) => {
+        const res = await ApplyDataSource(props.details_dataSource, {
+            skip: dt.skip,
+            limit: dt.limit,
+            cached_data: cached_data,
+            last_cache_info: last_cache_info,
+        });
+        return res;
+    }, [props.dataSource]);
+    const renderDetailsGrid = ({ data }) => {
+        return (React.createElement(ReactDataGrid, { defaultFilterValue: props.details_filter, dataSource: dataSource, columns: cached_details_columns }));
+    };
+    /**
+     * Merge details into grid
+     */
+    const static_gridOptions = React.useMemo(() => {
+        const finalresult = props.static_gridOptions || {};
+        finalresult['renderDetailsGrid'] = renderDetailsGrid;
+        return finalresult;
+    }, [props.static_gridOptions]);
+    return React.createElement(DataGridSizeWrapper, { ...props, static_gridOptions: static_gridOptions });
 }
 function DataGridSizeWrapper(props) {
-  if (props.delayedSize) {
-    return _react.default.createElement(DataGridDelayedSizeWrapper, {
-      ...props
-    });
-  } else {
-    return _react.default.createElement(DataGridCore, {
-      ...props
-    });
-  }
+    if (props.delayedSize) {
+        return React.createElement(DataGridDelayedSizeWrapper, { ...props });
+    }
+    else {
+        return React.createElement(DataGridCore, { ...props });
+    }
 }
 /* -------------------------------------------------------------------------- */
 function DataGridDelayedSizeWrapper(props) {
-  const {
-    ref,
-    height,
-    width
-  } = (0, _reactUseSize.useComponentSize)();
-  return _react.default.createElement("div", {
-    ref: ref,
-    className: 'azgrid-filler'
-  }, _react.default.createElement("div", {
-    className: 'azgrid-delayedresize',
-    style: {
-      height: height,
-      width: width
-    }
-  }, _react.default.createElement(DataGridCore, {
-    ...props
-  })));
+    const { ref, height, width } = useComponentSize();
+    return (React.createElement("div", { ref: ref, className: 'azgrid-filler' },
+        React.createElement("div", { className: 'azgrid-delayedresize', style: { height: height, width: width } },
+            React.createElement(DataGridCore, { ...props }))));
 }
 function DataGridCore(props) {
-  return _react.default.createElement("div", {
-    className: (0, _clsx.default)(props.className, 'azgrid-filler')
-  }, _react.default.createElement(_reactdatagridEnterprise.default, {
-    ...props.static_gridOptions,
-    ...props.dynamic_gridOptions,
-    handle: ref => props.gridRef.current = ref ? ref.current : null,
-    className: 'azgrid-filler',
-    columns: props.columns,
-    dataSource: props.dataSource
-  }), props.children);
+    return (React.createElement("div", { className: clsx(props.className, 'azgrid-filler') },
+        React.createElement(ReactDataGrid, { ...props.static_gridOptions, ...props.dynamic_gridOptions, handle: (ref) => (props.gridRef.current = ref ? ref.current : null), className: 'azgrid-filler', columns: props.columns, dataSource: props.dataSource }),
+        props.children));
 }
 /* -------------------------------------------------------------------------- */
 /* -------------------------------------------------------------------------- */
 /* -------------------------------------------------------------------------- */
 /* -------------------------------------------------------------------------- */
 /* -------------------------------------------------------------------------- */
-var _default = AzGrid;
-exports.default = _default;
+export default AzGrid;

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

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