es-grid-template 1.8.64 → 1.8.65

package/es/grid-component/table/Group.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import type { ColumnsTable, GridTableProps } from "../type";
-import type { GetRowKey } from "../type";
-type Props<T> = GridTableProps<T> & {
-    tableRef: any;
-    triggerChangeColumns?: (columns: ColumnsTable<T>, type: string) => void;
-    triggerChangeData?: (newData: T[], type: string) => void;
-    getRowKey: GetRowKey<T>;
-    triggerGroupColumns?: (groupedColumns: string[]) => void;
-    triggerPaste?: (pastedRows: T[], pastedColumnsArray: string[], newData: T[], copyRows: T[]) => void;
-    triggerFilter?: (queries: any) => void;
-    setTooltipContent?: any;
-    scrollHeight?: number;
-    originData: T[];
-    mergedFilterKeys?: any;
-    setMergedFilterKeys?: any;
-    handleFullScreen?: any;
-    isFullScreen?: boolean;
-};
-declare const Group: <RecordType extends object>(props: Props<RecordType>) => React.JSX.Element;
-export default Group;

package/es/grid-component/table/Group.js

@@ -1,195 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import React, { Fragment } from 'react';
-import { GridStyle } from "../GridStyle";
-import TableGrid from "../TableGrid";
-import { findAllChildrenKeys } from "../hooks";
-import { ColumnsGroup } from "../ColumnsGroup/ColumnsGroup";
-import { flatColumns2 } from "../hooks/columns";
-import { Collapse2, Expand2 } from "becoxy-icons";
-import { ConfigProvider } from 'rc-master-ui';
-const Group = props => {
-  const {
-    t,
-    id,
-    columns,
-    height,
-    scrollHeight,
-    style,
-    rowHoverable,
-    groupAble,
-    expandable,
-    dataSource,
-    rowKey,
-    getRowKey,
-    groupSetting,
-    groupColumns,
-    triggerGroupColumns,
-    onExpandClick,
-    isFullScreen,
-    ...rest
-  } = props;
-  const {
-    defaultExpandedRowKeys,
-    defaultExpandAllRows
-  } = expandable || {};
-  const childrenColumnName = 'children';
-  const [innerExpandedKeys, setInnerExpandedKeys] = React.useState(() => {
-    if (defaultExpandedRowKeys) {
-      return defaultExpandedRowKeys;
-    }
-    if (defaultExpandAllRows) {
-      return findAllChildrenKeys(dataSource, getRowKey, childrenColumnName) ?? [];
-    }
-    return [];
-  });
-  React.useEffect(() => {
-    if (defaultExpandAllRows) {
-      setInnerExpandedKeys(findAllChildrenKeys(dataSource, getRowKey, childrenColumnName) ?? []);
-    } else {
-      if (defaultExpandedRowKeys) {
-        setInnerExpandedKeys(defaultExpandedRowKeys);
-      }
-    }
-  }, [defaultExpandedRowKeys, defaultExpandAllRows, dataSource]);
-  const mergedExpandedKeys = React.useMemo(() => new Set(innerExpandedKeys || []), [innerExpandedKeys]);
-  const onTriggerExpand = React.useCallback(record => {
-    const key = getRowKey(record, dataSource.indexOf(record));
-    let newExpandedKeys;
-    const hasKey = mergedExpandedKeys.has(key);
-    if (hasKey) {
-      mergedExpandedKeys.delete(key);
-      newExpandedKeys = [...mergedExpandedKeys];
-    } else {
-      newExpandedKeys = [...mergedExpandedKeys, key];
-      // gọi sự kiện expand
-
-      onExpandClick?.({
-        expandedKeys: newExpandedKeys,
-        key: key,
-        rowData: record
-      });
-    }
-    setInnerExpandedKeys(newExpandedKeys);
-  }, [getRowKey, dataSource, mergedExpandedKeys, onExpandClick]);
-  const handleExpandAllGroup = () => {
-    setInnerExpandedKeys(findAllChildrenKeys(dataSource, getRowKey, childrenColumnName) ?? []);
-  };
-  const handleCollapseAllGroup = () => {
-    setInnerExpandedKeys([]);
-  };
-  const handleOnGroup = value => {
-    triggerGroupColumns?.(value);
-  };
-  const groupToolbar = () => {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: 'flex',
-        gap: '10px',
-        marginRight: 10
-      }
-    }, groupSetting?.showGroupIcon !== false && /*#__PURE__*/React.createElement(ColumnsGroup, {
-      t: t
-      // defaultGroupColumns={['name']}
-      ,
-      unClearableLevel: groupSetting?.unClearableLevel
-      // unClearableLevel={2}
-      ,
-      columns: columns ? flatColumns2(columns) : [],
-      columnsGrouped: groupColumns,
-      onSubmit: handleOnGroup
-    }), /*#__PURE__*/React.createElement(Fragment, null, innerExpandedKeys.length > 0 ? /*#__PURE__*/React.createElement(Collapse2, {
-      fontSize: 16,
-      color: '#555555',
-      onClick: handleCollapseAllGroup
-    }) : /*#__PURE__*/React.createElement(Expand2, {
-      fontSize: 16,
-      color: '#555555',
-      onClick: handleExpandAllGroup
-    })));
-  };
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(GridStyle, {
-    $heightTable: height,
-    $heightScroll: scrollHeight,
-    $isFullScreen: isFullScreen,
-    style: {
-      position: 'relative'
-    },
-    id: id
-  }, /*#__PURE__*/React.createElement(ConfigProvider, {
-    theme: {
-      components: {
-        Table: {
-          rowHoverBg: '#eb461912',
-          rowSelectedBg: '#eb4619',
-          rowSelectedHoverBg: '#eb4619',
-          cellFontSize: 12,
-          cellFontSizeSM: 13,
-          headerBg: '#ffffff',
-          cellPaddingBlockSM: 7
-        }
-      }
-    }
-  }, /*#__PURE__*/React.createElement(TableGrid, _extends({}, rest, {
-    t: t,
-    id: id,
-    rowKey: rowKey,
-    columns: columns
-    // style={{...style, minHeight: height}}
-    ,
-    rowHoverable: rowHoverable ?? true,
-    dataSource: dataSource,
-    getRowKey: getRowKey,
-    groupAble: groupAble,
-    groupSetting: groupSetting,
-    expandable: {
-      expandIconColumnIndex: 3,
-      defaultExpandAllRows: true,
-      indentSize: 25,
-      expandIcon: args => {
-        const {
-          record,
-          expanded,
-          onExpand
-        } = args;
-        if (!groupColumns || groupColumns?.length === 0) {
-          return '';
-        }
-
-        // @ts-ignore
-        if ((record?.children || record?.isChildren) && groupColumns?.length > 0) {
-          return expanded ? /*#__PURE__*/React.createElement("button", {
-            onClick: e => {
-              e.preventDefault();
-              e.stopPropagation();
-              onExpand(record, e);
-              if (groupAble) {
-                onTriggerExpand(record);
-              }
-            },
-            className: 'ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-expanded'
-          }) : /*#__PURE__*/React.createElement("button", {
-            onClick: e => {
-              e.preventDefault();
-              e.stopPropagation();
-              onExpand(record, e);
-              if (groupAble) {
-                onTriggerExpand(record);
-              }
-            },
-            className: 'ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-collapsed'
-          });
-        } else {
-          return /*#__PURE__*/React.createElement("button", {
-            className: 'ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-spaced'
-          });
-        }
-      },
-      expandedRowKeys: groupAble ? innerExpandedKeys : undefined,
-      ...expandable
-    },
-    groupToolbar: groupToolbar,
-    groupColumns: groupColumns,
-    isFullScreen: isFullScreen
-  })))));
-};
-export default Group;

package/es/grid-component/table/InfiniteTable.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import type { ColumnsTable, GetRowKey } from "../type";
-import type { TableProps } from "../type";
-type Props<T> = TableProps<T> & {
-    scrollHeight?: number;
-    tableRef: any;
-    triggerFilter?: (queries: any) => void;
-    triggerChangeColumns?: (columns: ColumnsTable<T>, type: string) => void;
-    triggerChangeData?: (newData: T[], type: string) => void;
-    getRowKey: GetRowKey<T>;
-    triggerGroupColumns?: (groupedColumns: string[]) => void;
-    setTooltipContent?: any;
-    triggerPaste?: (pastedRows: T[], pastedColumnsArray: string[], newData: T[], copyRows: T[]) => void;
-    isFilter?: boolean;
-    setIsFilter?: React.Dispatch<React.SetStateAction<boolean>>;
-    originData: T[];
-    mergedFilterKeys?: any;
-    setMergedFilterKeys?: any;
-    handleFullScreen?: any;
-    isFullScreen?: boolean;
-};
-declare const InfiniteTable: <RecordType extends object>(props: Props<RecordType>) => React.JSX.Element;
-export default InfiniteTable;

package/es/grid-component/table/InfiniteTable.js

@@ -1,101 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import React, { Fragment, useRef } from 'react';
-import { GridStyle } from "../GridStyle";
-import { ConfigProvider } from "rc-master-ui";
-import TableGrid from "../TableGrid";
-
-// type Props = {
-//   columns: any[]
-//   data: any[]
-//   currentPage: number
-//   pageSize: number
-//   total: number
-//   loading?: boolean
-//   next?: () => void
-// }
-
-const InfiniteTable = props => {
-  const {
-    next,
-    loading
-  } = props;
-  const {
-    id,
-    height,
-    scrollHeight,
-    rowHoverable,
-    pagination,
-    dataSource,
-    isFullScreen,
-    ...rest
-  } = props;
-  const {
-    currentPage,
-    pageSize,
-    total
-  } = pagination ?? {};
-  const loadingRef = useRef(false);
-  const hasMoreRef = useRef(true);
-  const loadData = page => {
-    if (!hasMoreRef.current || loadingRef.current || loading) return;
-    loadingRef.current = true;
-    setTimeout(() => {
-      next?.();
-      if (page * pageSize >= total) {
-        hasMoreRef.current = false;
-      }
-      loadingRef.current = false;
-    }, 10);
-  };
-  const handleNext = () => {
-    loadData(currentPage + 1);
-  };
-  const handleScroll = e => {
-    if (loadingRef.current || loading || dataSource?.length === 0) {
-      e.stopPropagation();
-      e.preventDefault();
-      return;
-    }
-    const {
-      scrollHeight: tbScrollHeight,
-      scrollTop,
-      clientHeight
-    } = e.currentTarget;
-    const isEnd = scrollTop + clientHeight >= tbScrollHeight - 50;
-    if (isEnd && !loadingRef.current && hasMoreRef.current && dataSource?.length > 0) {
-      handleNext();
-    }
-  };
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(GridStyle, {
-    $heightTable: height,
-    $heightScroll: scrollHeight,
-    $isFullScreen: isFullScreen,
-    style: {
-      position: 'relative'
-    },
-    id: id
-  }, /*#__PURE__*/React.createElement(ConfigProvider, {
-    theme: {
-      components: {
-        Table: {
-          rowHoverBg: '#eb461912',
-          rowSelectedBg: '#eb4619',
-          rowSelectedHoverBg: '#eb4619',
-          cellFontSize: 12,
-          cellFontSizeSM: 13,
-          headerBg: '#ffffff',
-          cellPaddingBlockSM: 7
-        }
-      }
-    }
-  }, /*#__PURE__*/React.createElement(TableGrid, _extends({}, rest, {
-    id: id,
-    dataSource: dataSource,
-    pagination: false,
-    virtualRow: true,
-    onScroll: handleScroll,
-    loading: loading,
-    isFullScreen: isFullScreen
-  })))));
-};
-export default InfiniteTable;

package/lib/grid-component/ConvertColumnTable.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { GridTableProps } from "./type";
-import 'dayjs/locale/es';
-import 'dayjs/locale/vi';
-import './styles.scss';
-declare const ConvertColumnTable: <RecordType extends object>(props: GridTableProps<RecordType>) => React.JSX.Element;
-export default ConvertColumnTable;

package/lib/grid-component/ConvertColumnTable.js

@@ -1,153 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactResizable = require("react-resizable");
-var _customParseFormat = _interopRequireDefault(require("dayjs/plugin/customParseFormat"));
-var _dayjs = _interopRequireDefault(require("dayjs"));
-require("dayjs/locale/es");
-require("dayjs/locale/vi");
-var _en_US = _interopRequireDefault(require("rc-master-ui/es/date-picker/locale/en_US"));
-var _vi_VN = _interopRequireDefault(require("rc-master-ui/es/date-picker/locale/vi_VN"));
-require("./styles.scss");
-var _InternalTable = _interopRequireDefault(require("./InternalTable"));
-var _useColumns = _interopRequireDefault(require("./hooks/useColumns"));
-var _hooks = require("./hooks");
-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; }
-// import classNames from "classnames";
-
-// import useMergedState from "rc-util/lib/hooks/useMergedState";
-
-_dayjs.default.extend(_customParseFormat.default);
-
-// const ASCEND = 'ascend';
-// const DESCEND = 'descend';
-
-const ResizableTitle = props => {
-  const {
-    onResize,
-    width,
-    ...restProps
-  } = props;
-  if (!width) {
-    return /*#__PURE__*/_react.default.createElement("th", restProps);
-  }
-  return (
-    /*#__PURE__*/
-    // @ts-ignore
-    _react.default.createElement(_reactResizable.Resizable, {
-      width: width,
-      height: 0,
-      handle: /*#__PURE__*/_react.default.createElement("span", {
-        className: "react-resizable-handle",
-        onClick: e => {
-          e.stopPropagation();
-        }
-      }),
-      onResize: onResize,
-      draggableOpts: {
-        enableUserSelectHack: false
-      }
-    }, /*#__PURE__*/_react.default.createElement("th", restProps))
-  );
-};
-const ConvertColumnTable = props => {
-  const {
-    t,
-    columns: propsColumns,
-    dataSource,
-    lang,
-    locale,
-    format,
-    allowResizing,
-    dataSourceFilter: propDataSourceFilter,
-    onFilterClick,
-    editAble,
-    rowKey: propRowKey,
-    sortMultiple,
-    groupAble,
-    groupSetting,
-    groupColumns,
-    ...rest
-  } = props;
-  const local = lang && lang === 'en' ? _en_US.default : _vi_VN.default;
-  const buddhistLocale = {
-    ...local,
-    lang: {
-      ...local.lang
-    }
-  };
-  const rowKey = (0, _react.useMemo)(() => {
-    return editAble ? 'rowId' : propRowKey ?? 'id';
-  }, [editAble, propRowKey]);
-  const [columns, setColumns] = _react.default.useState([]);
-
-  // ========================= Keys =========================
-  // const [columns, setColumns] = useMergedState(
-  //   propsColumns || [],
-  //   {
-  //     value: propsColumns,
-  //   },
-  // );
-
-  _react.default.useEffect(() => {
-    setColumns(propsColumns);
-  }, [propsColumns]);
-  const handleResize = column => (e, {
-    size
-  }) => {
-    const newColumn = {
-      ...column,
-      width: size.width
-    };
-    const newColumns = (0, _hooks.updateArrayByKey)(columns, newColumn, 'field');
-    setColumns(newColumns);
-  };
-  const [transformSelectionColumns] = (0, _useColumns.default)({
-    locale,
-    t,
-    buddhistLocale,
-    dataSource,
-    dataSourceFilter: propDataSourceFilter,
-    format,
-    sortMultiple,
-    groupAble,
-    groupSetting,
-    groupColumns,
-    handleResize
-  });
-  const mergedColumns = _react.default.useMemo(() => {
-    return transformSelectionColumns(columns);
-  }, [columns, transformSelectionColumns]);
-  const mergerdData = _react.default.useMemo(() => {
-    return dataSource;
-  }, [dataSource]);
-  return /*#__PURE__*/_react.default.createElement(_InternalTable.default, (0, _extends2.default)({}, rest, {
-    t: t,
-    editAble: editAble,
-    dataSource: mergerdData,
-    format: format,
-    locale: locale,
-    components: {
-      header: {
-        cell: allowResizing ? ResizableTitle : undefined
-      }
-    }
-    // columns={mergedColumns}
-    ,
-    columns: mergedColumns ?? [],
-    showSorterTooltip: {
-      target: 'sorter-icon'
-    },
-    rowKey: rowKey,
-    groupAble: groupAble,
-    groupSetting: groupSetting
-  }));
-};
-var _default = exports.default = ConvertColumnTable;