es-grid-template 1.8.64 → 1.8.66

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/es/grid-component/useContext.d.ts

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-import type { AnyObject, IFormat } from "./type";
-import type { SubmitHandler } from "react-hook-form";
-import type { GetRowKey } from "./type";
-export interface IContext<RecordType> {
-    searchValue?: any;
-    setSearchValue?: any;
-    open?: boolean;
-    setOpen?: any;
-    rowKey: string | keyof RecordType | GetRowKey<RecordType>;
-    onSave?: any;
-    format?: IFormat;
-    control?: any;
-    errors?: any;
-    trigger?: any;
-    handleSubmit?: any;
-    onSubmit?: SubmitHandler<any>;
-    getValues?: any;
-    handleCellChange?: (args: ContextCellChange<RecordType>) => void;
-    getRowKey?: GetRowKey<RecordType>;
-    id: string;
-}
-export type ContextCellChange<RecordType = AnyObject> = {
-    key: string | keyof RecordType | GetRowKey<RecordType>;
-    record: any;
-    field: string | undefined;
-    option: any;
-    indexRow: number;
-    indexCol: number;
-    newState?: any;
-    prevState?: any;
-    type: 'enter' | 'blur' | 'outClick';
-};
-export declare const TableContext: import("react").Context<IContext<any>>;

package/es/grid-component/useContext.js

@@ -1,8 +0,0 @@
-import { createContext } from 'react';
-
-// import {AnyObject} from "antd/es/_util/type";
-
-export const TableContext = /*#__PURE__*/createContext({
-  rowKey: 'rowId',
-  id: ''
-});

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

@@ -1,14 +0,0 @@
-import React from "react";
-import type { IFormat } from "./type";
-type Props = {
-    columns: any[];
-    dataSourceFilter?: any[];
-    onFilter?: (query: any, col?: any[]) => void;
-    mode?: 'sidebar' | 'dropdown';
-    defaultFilter?: any[];
-    leftFilterWidth?: number;
-    format?: IFormat;
-    t?: any;
-};
-declare const AdvanceFilter: (props: Props) => React.JSX.Element;
-export default AdvanceFilter;