@azrico/reactgrid 1.1.12 → 1.1.13

package/dist/src/views/DataGrid.js

@@ -1,355 +0,0 @@
-"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 _controls = require("@azrico/controls");
-var _react = _interopRequireDefault(require("react"));
-var _helpers = require("../func/helpers");
-var _reactdatagridEnterprise = _interopRequireDefault(require("@inovua/reactdatagrid-enterprise"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _object = require("@azrico/object");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/* -------------------------------------------------------------------------- */
-// const defaultfilterTypes: FilterTypes = {
-// 	string: {
-// 		type: 'string',
-// 		emptyValue: '',
-// 		operators: [
-// 			{
-// 				name: 'contains',
-// 				fn: ({ value, filterValue, data }) => {
-// 					console.log('fn');
-// 					return !filterValue ? true : value.indexOf(filterValue) != -1;
-// 				},
-// 			},
-// 		],
-// 	},
-// };
-const defaultOptions = {
-  //filterTypes: defaultfilterTypes,
-  remoteFilter: false,
-  remoteSort: false,
-  rowReorderColumn: false,
-  resizable: true,
-  rowIndexColumn: true
-};
-const forcedOptions = {
-  idProperty: '__table_id',
-  nodesProperty: '__children'
-};
-const defaultColumnOptions = {
-  draggable: false,
-  lockable: false
-};
-const dynamic_option_names = ['selected', 'loading', 'limit', 'skip'];
-/* -------------------------------------------------------------------------- */
-function AzGrid(props) {
-  /* -------------------------------------------------------------------------- */
-  /*                                   Columns                                  */
-  /* -------------------------------------------------------------------------- */
-  const cached_columns = _react.default.useMemo(() => {
-    return 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 => {
-    let result_data = undefined;
-    let isUsingCache = false;
-    const cacheInfo = {
-      ds: props.dataSource,
-      skip: dt.skip,
-      limit: dt.limit
-    };
-    //check if we can used cached data
-    //if the datasource is changed since last render, we should invalidate cache
-    if (!validateCache(last_cache_info.current, cacheInfo, props.looseCacheCheck)) {
-      cached_data.current = undefined;
-      last_cache_info.current = cacheInfo;
-    }
-    if (cached_data.current) {
-      //cache is valid, use the cache
-      isUsingCache = true;
-      result_data = cached_data.current;
-    } else {
-      //cache is invalid, use the datasource again
-      isUsingCache = false;
-      if (typeof props.dataSource === 'function') {
-        result_data = await props.dataSource(dt);
-      } else result_data = props.dataSource;
-    }
-    //making sure the datasource is a valid object :
-    if (!result_data) result_data = [];
-    if (Array.isArray(result_data) || typeof result_data !== 'object') result_data = {
-      data: result_data
-    };
-    if (!Array.isArray(result_data.data)) result_data.data = [result_data.data];
-    //no need to fix parent/child when using cache (it should be already fixed)
-    if (!isUsingCache && props.allowChildRows) result_data.data = (0, _helpers.fix_parent_child_relations)(result_data.data);
-    if (!result_data.count) result_data.count = result_data.data.length;
-    //update cache
-    cached_data.current = result_data;
-    return result_data;
-  }, [props.dataSource]);
-  return _react.default.createElement(DataGrid, {
-    ...props,
-    columns: cached_columns,
-    dataSource: dataSource,
-    highlightedRow: props.highlightedRow
-  });
-}
-/* -------------------------------------------------------------------------- */
-function DataGrid(props) {
-  const {
-    columns,
-    dataSource,
-    dark,
-    contextMenuItems
-  } = props;
-  /* -------------------------------------------------------------------------- */
-  const gridRef = _react.default.useRef(null);
-  const click_data = _react.default.useRef(null);
-  const [menuAnchorEl, set_menuAnchorEl] = _react.default.useState(null);
-  const [menuRow, set_menuRow] = _react.default.useState(null);
-  _react.default.useEffect(() => {
-    click_data.current = {};
-  }, [dataSource]);
-  /* --------------------------------- events --------------------------------- */
-  const onRowContextMenu = _react.default.useCallback((rowProps, event) => {
-    if (_helpers.func_selection.has_selection()) return;
-    update_menuRow(rowProps.data);
-    update_menuAnchorEl(_helpers.func_selection.getVirtualElement(event.clientX, event.clientY));
-    event.preventDefault();
-  }, []);
-  const onRowClick = _react.default.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) {
-        props.onRowDoubleClick && props.onRowDoubleClick(rowProps.rowIndex, rowProps.data);
-      }
-    }
-    click_data.current[get_row_id(rowProps)] = nowDate;
-    props.onRowClick && props.onRowClick(rowProps.rowIndex, rowProps.data);
-  }, []);
-  /* ------------------------------- 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);
-  }, []);
-  /* -------------------------------------------------------------------------- */
-  /*                               Create the grid                              */
-  /* -------------------------------------------------------------------------- */
-  const base_gridOptions = _react.default.useMemo(() => {
-    const firstcolumn = columns[0];
-    const licenseKey = props.licenseKey || get_default_key();
-    const events = {
-      onRowClick: onRowClick,
-      onSkipChange: props.onSkipChange,
-      onLimitChange: props.onLimitChange,
-      onRowContextMenu: onRowContextMenu
-    };
-    const extra_ops = {
-      onSelectionChange: props.onSelectionChange,
-      licenseKey: licenseKey,
-      treeColumn: props.allowChildRows ? firstcolumn.name : undefined,
-      renderRowDetails: props.RowDetail,
-      theme: dark ? 'amber-dark' : 'default-light'
-    };
-    return {
-      ...defaultOptions,
-      ...events,
-      ...extra_ops
-    };
-  }, [columns, props.allowChildRows, props.RowDetail]);
-  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]));
-  // const { width, height, ref: resize_ref } = useResizeDetector();
-  return _react.default.createElement("div", {
-    className: (0, _clsx.default)(props.className, 'azgrid-nooverflow', 'azgrid-filler')
-  }, _react.default.createElement(_reactdatagridEnterprise.default, {
-    ...static_gridOptions,
-    ...dynamic_gridOptions,
-    handle: ref => gridRef.current = ref ? ref.current : null,
-    className: 'azgrid-filler',
-    columns: columns,
-    dataSource: dataSource
-  }), _react.default.createElement(_controls.ContextMenu, {
-    menuAnchorEl: menuAnchorEl,
-    set_menuAnchorEl: update_menuAnchorEl,
-    menuRow: menuRow,
-    items: contextMenuItems
-  }));
-}
-/* -------------------------------------------------------------------------- */
-/* -------------------------------------------------------------------------- */
-/* -------------------------------------------------------------------------- */
-/* -------------------------------------------------------------------------- */
-/**
- * Gets name of a column from its column object
- * @param obj
- * @returns
- */
-function get_col_name(obj) {
-  if (!obj) return 'default';
-  if (typeof obj == 'string') return obj;
-  if (typeof obj != 'object') return 'default';
-  return obj.name || obj.field || obj.key || obj.columnName || 'default';
-}
-/**
- * Gets name of a column from its column object
- * @param obj
- * @returns
- */
-function get_row_id(obj) {
-  if (!obj) return 'default';
-  if (typeof obj == 'string') return obj;
-  if (typeof obj != 'object') return 'default';
-  return obj.__table_id || obj.id || 'default';
-}
-/**
- * Gets default activation key for grid plugin
- * @returns
- */
-function get_default_key() {
-  return 'ExpiryDate=2999-01-01,Z=1040577552';
-}
-//check if two cache objects are the same
-function validateCache(current, old, looseCheck = false) {
-  if (!old || !(0, _object.object_equals)(current, old)) return false;
-  if (looseCheck) return true;
-  if (current.ds != old.ds) return false;
-  return true;
-}
-/**
- * merges together all different props for columns
- * to build a single final column data array
- * @param props
- * @returns
- */
-function ApplyColumnData(props) {
-  const final_columns = [];
-  let mcols = props.columns || [];
-  let mcolExts = props.columnExtensions || [];
-  let rightColumns = props.rightColumns || [];
-  let leftColumns = props.leftColumns || [];
-  let editableColumns = props.editableColumns || [];
-  let customColumns = props.customColumns || [];
-  if (!Array.isArray(mcols)) return [];
-  /* ------------------------------- fix columns ------------------------------ */
-  mcols.map(r => {
-    if (r == null) return null;
-    if (typeof r === 'string') return {
-      field: r,
-      header: r
-    };
-    if (typeof r === 'object') {
-      let final_cl = {
-        name: get_col_name(r),
-        header: r.header || r.title || r.name || '-',
-        width: r.width || undefined
-      };
-      delete r.field;
-      delete r.key;
-      delete r.columnName;
-      final_cl = {
-        ...defaultColumnOptions,
-        ...r,
-        ...final_cl
-      };
-      return final_cl;
-    }
-    return null;
-  }).forEach(r => {
-    if (r != null) final_columns.push(r);
-  });
-  /* ---------------------------- apply extensions ---------------------------- */
-  if (mcolExts && Array.isArray(mcolExts)) for (let index = 0; index < mcolExts.length; index++) {
-    const ext = mcolExts[index];
-    const ext_cl = get_col_name(ext);
-    const mcol = final_columns.find(s => s.name === ext_cl);
-    if (mcol) {
-      for (const key in ext) {
-        if (!mcol[key] && key != 'name') mcol[key] = ext[key];
-      }
-    }
-    // if (ext.widthGrow) mcol.widthGrow = ext.widthGrow;
-  }
-  /* ------------------------------- frozen cols ------------------------------ */
-  if (Array.isArray(leftColumns)) {
-    for (let index = 0; index < leftColumns.length; index++) {
-      const r = get_col_name(leftColumns[index]);
-      const mcol = final_columns.find(s => s.name === r);
-      if (mcol) {
-        mcol.locked = 'start';
-      }
-    }
-  }
-  if (Array.isArray(rightColumns)) {
-    for (let index = 0; index < rightColumns.length; index++) {
-      const r = get_col_name(rightColumns[index]);
-      const mcol = final_columns.find(s => s.name === r);
-      if (mcol) {
-        mcol.locked = 'end';
-      }
-    }
-  }
-  /* -------------------------------- ediatable ------------------------------- */
-  if (Array.isArray(editableColumns)) {
-    for (let index = 0; index < editableColumns.length; index++) {
-      const r = get_col_name(editableColumns[index]);
-      const mcol = final_columns.find(s => s.name === r);
-      if (mcol) {
-        // mcol.editor = editorWrapper;
-        // mcol.editorOptions = {
-        //     editOnClick: true,
-        // };
-      }
-    }
-  }
-  if (Array.isArray(customColumns)) {
-    for (let index = 0; index < customColumns.length; index++) {
-      const r = customColumns[index];
-      const rn = get_col_name(r);
-      const mcol = final_columns.find(s => s.name === rn);
-      if (mcol) {
-        //@ts-ignore
-        mcol.render = r.render;
-      }
-    }
-  }
-  if (!Array.isArray(final_columns) || final_columns.length <= 0) return [];
-  return final_columns;
-}
-/* -------------------------------------------------------------------------- */
-var _default = AzGrid;
-exports.default = _default;

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

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

package/dist/src/views/index.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-exports.default = void 0;
-var _DataGrid = _interopRequireWildcard(require("./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;
-exports.default = _default;