@azrico/reactgrid 1.3.39 → 1.3.40

package/dist/src/func/func_grid.js

@@ -1,318 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ApplyColumnData = ApplyColumnData;
-exports.ApplyDataSource = ApplyDataSource;
-exports.find_realData = find_realData;
-exports.get_col_header = get_col_header;
-exports.get_col_name = get_col_name;
-exports.get_default_key = get_default_key;
-exports.get_row_id = get_row_id;
-exports.set_row_id = set_row_id;
-exports.to_datasource = to_datasource;
-exports.validateCache = validateCache;
-var _BoolEditor = _interopRequireDefault(require("@inovua/reactdatagrid-community/BoolEditor"));
-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 }; }
-// import NumericEditor from '@inovua/reactdatagrid-community/NumericEditor';
-
-const defaultColumnOptions = {
-  draggable: false,
-  lockable: false,
-  editable: false
-};
-async function ApplyDataSource(datasource, props) {
-  let result_data = undefined;
-  let isUsingCache = false;
-  const cacheInfo = {
-    ds: datasource,
-    skip: props.skip,
-    limit: props.limit
-  };
-  //check if we can used cached data
-  //if the datasource is changed since last render, we should invalidate cache
-  if (!validateCache(props.last_cache_info.current, cacheInfo, props.looseCacheCheck)) {
-    props.cached_data.current = undefined;
-    props.last_cache_info.current = cacheInfo;
-  }
-  if (props.cached_data.current) {
-    //cache is valid, use the cache
-    isUsingCache = true;
-    result_data = props.cached_data.current;
-  } else {
-    //cache is invalid, use the datasource again
-    isUsingCache = false;
-    if (typeof datasource === 'function') {
-      result_data = await datasource(props);
-    } else result_data = 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, _func_child.fix_parent_child_relations)(result_data.data);
-  }
-  if (!result_data.count) {
-    result_data.count = result_data.data.length;
-  }
-  //update cache
-  props.cached_data.current = result_data;
-  return result_data;
-}
-/**
- * merges together all different props for columns
- * to build a single final column data array
- * @param column_data
- * @returns
- */
-function ApplyColumnData(column_data) {
-  const final_columns = [];
-  if (!column_data) column_data = {};
-  if (Array.isArray(column_data)) column_data = {
-    columns: column_data
-  };
-  let mcols = column_data.columns || [];
-  let mcolExts = column_data.columnExtensions || [];
-  let rightColumns = column_data.rightColumns || [];
-  let leftColumns = column_data.leftColumns || [];
-  let editableColumns = column_data.editableColumns || [];
-  let customColumns = column_data.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: get_col_header(r),
-        width: r.width || undefined
-      };
-      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);
-    if (!ext_cl) {
-      console.warn('ColumnExtension must have a name');
-      continue;
-    }
-    const mcol = final_columns.find(s => get_col_name(s) === 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 => get_col_name(s) === 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 => get_col_name(s) === 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 => get_col_name(s) === r);
-      if (mcol) {
-        mcol.editable = true;
-      }
-    }
-  }
-  for (let index = 0; index < final_columns.length; index++) {
-    const col = final_columns[index];
-    const coltype = col.type;
-    delete col.type;
-    if (coltype) {
-      switch (coltype) {
-        case 'combo':
-        case 'select':
-          //@ts-ignore
-          col.editor = _SelectEditor.default;
-          break;
-        case 'int':
-        case 'number':
-        case 'numberic':
-          col.type = 'number';
-          break;
-        case 'truefalse':
-        case 'bool':
-        case 'boolean':
-          //@ts-ignore
-          col.editor = _BoolEditor.default;
-          break;
-      }
-      if (col.editable != false) col.editable = true;
-    }
-    //@ts-ignore
-    if (!col.editorProps) col.editorProps = {};
-    if (col.items) {
-      //@ts-ignore
-      if (!col.editorProps.idProperty) col.editorProps.idProperty = 'id';
-      //@ts-ignore
-      if (!col.editorProps.collapseOnSelect) col.editorProps.collapseOnSelect = true;
-      //@ts-ignore
-      col.editorProps.dataSource = to_datasource(col.items, col.editorProps.idProperty);
-      delete col.items;
-    }
-  }
-  /* -------------------------------------------------------------------------- */
-  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 => get_col_name(s) === rn);
-      if (mcol) {
-        //@ts-ignore
-        mcol.render = r.render;
-      }
-    }
-  }
-  /* ------------------------------ apply renames ----------------------------- */
-  for (let index = 0; index < final_columns.length; index++) {
-    const col = final_columns[index];
-    if (!col.name) {
-      col.name = get_col_name(col);
-      delete col.field;
-      delete col.key;
-      delete col.columnName;
-      if (col.flex && !col.defaultFlex) col.defaultFlex = col.flex;
-    }
-  }
-  /* -------------------------------------------------------------------------- */
-  //console.log(final_columns);
-  return final_columns;
-}
-function to_datasource(arr, idProperty, valueAsID = true) {
-  const res = [];
-  let index = 0;
-  if (Array.isArray(arr)) {
-    arr.map(s => {
-      let elem = {};
-      if (valueAsID) elem[idProperty] = String(s).toLowerCase();else elem[idProperty] = '_cid_' + index;
-      if (typeof s === 'object') elem = {
-        ...elem,
-        ...s
-      };else elem['label'] = s;
-      res.push(elem);
-      index++;
-    });
-  }
-  return res;
-}
-/**
- * Gets name of a column from its column object
- * @param obj
- * @returns
- */
-function get_col_name(obj) {
-  if (!obj) return '';
-  if (typeof obj == 'string') return obj;
-  if (typeof obj != 'object') return '';
-  return obj.name || obj.field || obj.key || obj.columnName || '';
-}
-/**
- * Gets header of a column
- * @param obj
- * @returns
- */
-function get_col_header(obj) {
-  if (!obj) return '';
-  if (typeof obj == 'string') return obj;
-  if (typeof obj != 'object') return '';
-  return obj.header || obj.title || get_col_name(obj);
-}
-/**
- * Gets name of a column from its column object
- * @param obj
- * @returns
- */
-function get_row_id(obj) {
-  if (typeof obj === 'string') return obj;
-  if (typeof obj !== 'object' || !obj) return undefined;
-  return obj.__table_id || obj.id || undefined;
-}
-function set_row_id(obj, val) {
-  if (typeof obj != 'object') return false;
-  if (val === undefined) delete obj.__table_id;else obj.__table_id = val;
-  return obj.__table_id;
-}
-/**
- * Gets default activation key for grid plugin
- * THIS KEY IS FOR DEBUGGING PURPOSE ONLY.
- * PROVIDE YOUR OWN KEY
- * @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;
-}
-/**
- * find the real index of the given row data
- * @param view
- */
-function find_realIndex(view) {
-  let current_parent = view;
-  for (let index = 0; index < 3; index++) {
-    var _current_parent;
-    current_parent = current_parent.parentElement;
-    const dataId = (_current_parent = current_parent) === null || _current_parent === void 0 ? void 0 : _current_parent.getAttribute('data-row-id');
-    if (dataId) return dataId;
-  }
-  return -1;
-}
-/**
- * find the real index of the given row data
- * sometimes when we scroll the rowData prop becomes invalid
- * but we can manually find the correct data by reading the id from clicked item's Html props
- * @param view
- */
-function find_realData(alldata, view, def = undefined) {
-  if (!Array.isArray(alldata)) return def;
-  const rid = find_realIndex(view);
-  if (rid === -1) return def;
-  // console.log('dataSource', alldata);
-  return alldata.find(s => get_row_id(s) === rid);
-}

package/dist/src/index.d.ts

@@ -1,4 +0,0 @@
-export * from './views/DataGrid';
-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

@@ -1,64 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  get_row_id: true,
-  set_row_id: true,
-  get_col_name: true,
-  get_col_header: true
-};
-exports.default = void 0;
-Object.defineProperty(exports, "get_col_header", {
-  enumerable: true,
-  get: function () {
-    return _func_grid.get_col_header;
-  }
-});
-Object.defineProperty(exports, "get_col_name", {
-  enumerable: true,
-  get: function () {
-    return _func_grid.get_col_name;
-  }
-});
-Object.defineProperty(exports, "get_row_id", {
-  enumerable: true,
-  get: function () {
-    return _func_grid.get_row_id;
-  }
-});
-Object.defineProperty(exports, "set_row_id", {
-  enumerable: true,
-  get: function () {
-    return _func_grid.set_row_id;
-  }
-});
-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 _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 _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;
-const testroot = document.getElementById('testroot');
-if (testroot) {
-  const root = _client.default.createRoot(document.getElementById('testroot'));
-  root.render(_react.default.createElement(_example.default, null));
-}

package/dist/src/themes/base_styles.css

@@ -1,52 +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-flexed {
-	flex: 1;
-}
-.azgrid-flexlayout {
-	display: flex;
-	flex-direction: column;
-}
-.azgrid-testborder {
-	border: 3px solid red;
-}
-.azgrid-pad50px {
-	padding: 50px;
-}
-.azgrid-nopad {
-	padding: 0;
-}
-.azgrid-nomargin {
-	margin: 0;
-}
-.azgrid-delayedresize {
-	transition-property: width, height;
-	transition-delay: 200ms;
-	transition-duration: 0ms;
-}
-
-.azgrid-searcharea {
-	margin: 5px;
-	font-size: large;
-}
-.azgrid-searcharea label {
-	gap: 5px;
-	display: flex;
-	align-items: center;
-}
-.azgrid-searcharea label input {
-	padding: 5px;
-	font-size: large;
-}

package/dist/src/themes/grid.css

@@ -1,65 +0,0 @@
-.InovuaReactDataGrid { 
-	 
-
-	z-index: 1000;
-	font-family: 'Nunito Sans', 'Iran Sans', sans-serif;
-}
- .InovuaReactDataGrid--theme-amber-dark {
-	--grid-bg: #313943;
-	--grid-fg:#c5cae9;
-	--grid-fg-hover:#ececec;
-}
- 
- .InovuaReactDataGrid--theme-default-light {
-	--grid-bg: #fff;
-	--grid-fg:#1e1e1e;
-	--grid-fg-hover:#000000;
-}  
- 
-.InovuaReactDataGrid__row{
-	color:var(--grid-fg); 
-}
- 
- 
-
-
-  /* --------------------------- selected row color --------------------------- */
-.InovuaReactDataGrid
-	.InovuaReactDataGrid__row--active
-	.InovuaReactDataGrid__cell:not(.InovuaReactDataGrid__cell--no-background),
-.InovuaReactDataGrid
-	.InovuaReactDataGrid__row--active.InovuaReactDataGrid__row--even
-	.InovuaReactDataGrid__cell:not(.InovuaReactDataGrid__cell--no-background),
-.InovuaReactDataGrid
-	.InovuaReactDataGrid__row--active.InovuaReactDataGrid__row--odd
-	.InovuaReactDataGrid__cell:not(.InovuaReactDataGrid__cell--no-background) {
-	color: var(--grid-fg-hover);
-}
-
-.inovua-react-toolkit-text-input {
-	font-family: inherit;
-}
-.inovua-react-toolkit-text-input input {
-	font-family: inherit;
-}
-
- 
-
-.InovuaReactDataGrid__cell .InovuaReactDataGrid__cell__content {
-	height: 100%;
-	display: flex;
-	align-items: center;
-}
-.InovuaReactDataGrid__column-header__content {
-	text-overflow: clip;
-}
-
-.InovuaReactDataGrid__row.deleted:after {
-	position: absolute;
-	content: '';
-	left: 5px;
-	top: 50%;
-	right: 5px;
-	border-top: 1.5px solid;
-	border-color: gray;
-}

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

@@ -1,80 +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 { 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;
-};
-export declare function AzGrid(props: AzGridProps): JSX.Element;
-export default AzGrid;