es-grid-template 1.8.64 → 1.8.66

package/es/grid-component/TableGrid.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import 'dayjs/locale/es';
-import 'dayjs/locale/vi';
-import type { ColumnsTable, GetRowKey, GridTableProps } from "./type";
-type GridProps<T> = GridTableProps<T> & {
-    triggerChangeColumns?: (columns: ColumnsTable<T>, type: string) => void;
-    triggerChangeData?: (newData: T[], type: string) => void;
-    triggerFilter?: (queries: any) => void;
-    triggerGroupColumns?: (groupedColumns: string[]) => void;
-    tableRef: any;
-    bottomToolbar?: () => React.ReactElement;
-    getRowKey: GetRowKey<T>;
-    rowSelection?: any;
-    groupToolbar?: () => React.ReactNode;
-    isFilter?: boolean;
-    setIsFilter?: React.Dispatch<React.SetStateAction<boolean>>;
-    handleFullScreen?: any;
-    isFullScreen?: boolean;
-};
-declare const TableGrid: <RecordType extends object>(props: GridProps<RecordType>) => React.JSX.Element;
-export default TableGrid;

package/es/grid-component/TableGrid.js

@@ -1,493 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import React, { Fragment } from 'react';
-import { createStyles } from 'antd-style';
-import { numericFormatter } from "react-numeric-component";
-import { Empty, Table, Toolbar } from "rc-master-ui";
-// import  Table from "../../core/table"
-
-import 'dayjs/locale/es';
-import 'dayjs/locale/vi';
-import ContextMenu from "./ContextMenu";
-import classNames from "classnames";
-import { checkDecimalSeparator, checkThousandSeparator,
-// filterDataByColumns2,
-// filterDataByColumns3,
-filterDataByColumns4, getFormat,
-// convertFlatColumn,
-isEmpty, sumByField
-// newGuid,
-// removeColumns,
-// sumDataByField
-// updateArrayByKey
-} from "./hooks";
-// import {ConfigProvider} from "antd";
-import { flatColumns } from "./hooks/columns";
-import Pagination from "rc-master-ui/es/pagination";
-import ComponentSpinner from "./LoadingSpinner";
-import { ColumnsChoose } from "./ColumnsChoose";
-import useMergedState from "rc-util/es/hooks/useMergedState";
-import AdvanceFilter from "./AdvanceFilter";
-import { Tooltip } from "react-tooltip";
-import { Maximize, Minimize } from 'becoxy-icons';
-const useStyle = createStyles(({
-  css
-}) => {
-  const antCls = 'ui-rc';
-  return {
-    customTable: css`
-      ${antCls}-table {
-        ${antCls}-table-container {
-          ${antCls}-table-body,
-          ${antCls}-table-content {
-            scrollbar-width: thin;
-            scrollbar-color: #eaeaea transparent;
-            scrollbar-gutter: stable;
-          }
-        }
-      }
-    `
-  };
-});
-// type OnChange = NonNullable<TableProps<any>['onChange']>;
-
-const EMPTY_LIST = [];
-const TableGrid = props => {
-  const {
-    id,
-    columns,
-    tableRef,
-    dataSource,
-    locale,
-    expandable,
-    rowHoverable,
-    title,
-    format,
-    virtualRow = true,
-    t,
-    lang,
-    contextMenuOpen,
-    className,
-    contextMenuItems: propContextMenuItems,
-    contextMenuHidden,
-    contextMenuClick,
-    recordDoubleClick,
-    toolbarItems,
-    showColumnChoose,
-    showAdvanceFilter,
-    // onFilter,
-    triggerFilter,
-    selectionSettings,
-    rowSelection,
-    rowSelected,
-    rowKey = 'id',
-    pagination,
-    scroll,
-    onFilterClick,
-    dataSourceFilter: propDataSourceFilter,
-    loading,
-    triggerChangeColumns,
-    triggerGroupColumns,
-    summary,
-    showToolbar,
-    // onSorter,
-    bottomToolbar,
-    groupSetting,
-    groupAble,
-    getRowKey,
-    groupColumns,
-    groupToolbar,
-    showEmptyText,
-    // setIsFilter,
-    actionTemplate,
-    handleFullScreen,
-    fullScreen,
-    isFullScreen,
-    ...rest
-  } = props;
-  const {
-    styles
-  } = useStyle();
-  const {
-    mode,
-    type,
-    checkboxOnly,
-    hideSelectAll,
-    columnWidth,
-    selectedRowKeys,
-    defaultSelectedRowKeys
-  } = selectionSettings || {};
-  const clickRef = React.useRef(null);
-  const menuRef = React.useRef(null);
-  const viewportWidth = window.innerWidth;
-  const viewportHeight = window.innerHeight;
-  const [menuVisible, setMenuVisible] = React.useState(false);
-  const [selectedRowData, setSelectedRowData] = React.useState(null);
-  const [position, setPosition] = React.useState({
-    x: 0,
-    y: 0,
-    viewportWidth,
-    viewportHeight
-  });
-
-  // const [filterStates, setFilterState] = React.useState<any>(null)
-
-  // const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>(defaultSelected);
-
-  // ========================= Keys =========================
-  const [mergedSelectedKeys, setMergedSelectedKeys] = useMergedState(selectedRowKeys || defaultSelectedRowKeys || EMPTY_LIST, {
-    value: selectedRowKeys
-  });
-
-  // Reset if rowSelection reset
-
-  React.useEffect(() => {
-    if (!selectionSettings) {
-      setMergedSelectedKeys(EMPTY_LIST);
-    }
-  }, [!!selectionSettings]);
-  const contextMenuItems = React.useMemo(() => {
-    if (typeof contextMenuHidden === "function" && propContextMenuItems && selectedRowData) {
-      const hiddenItems = contextMenuHidden({
-        rowInfo: {
-          rowData: selectedRowData
-        }
-      });
-      return propContextMenuItems.filter(item => !hiddenItems.includes(item?.key));
-    }
-    if (contextMenuHidden && typeof contextMenuHidden !== 'function' && propContextMenuItems) {
-      return propContextMenuItems.filter(item => !contextMenuHidden.includes(item?.key));
-    }
-    return propContextMenuItems;
-  }, [propContextMenuItems, contextMenuHidden, selectedRowData]);
-  React.useLayoutEffect(() => {
-    setMenuVisible(false);
-  }, []);
-  const onContextMenu = data => event => {
-    event.preventDefault(); // Ngăn chặn menu mặc định của trình duyệt
-
-    setSelectedRowData(data);
-    contextMenuOpen?.({
-      rowInfo: {
-        rowData: data
-      },
-      event
-    });
-    setMenuVisible(true);
-
-    // Đợi DOM cập nhật và lấy kích thước menu
-    setTimeout(() => {
-      const menuElement = menuRef.current; // Lấy menu từ DOM
-      const menuWidth = menuElement?.offsetWidth || 200; // Mặc định 200px nếu chưa render
-      const menuHeight = menuElement?.offsetHeight; // Mặc định 450px nếu chưa render
-
-      // Điều chỉnh vị trí menu
-      let x = event.clientX;
-      let y = event.clientY;
-      if (x + menuWidth > viewportWidth) {
-        x = x - menuWidth - 10; // Cách cạnh phải 10px
-      }
-      if (y + menuHeight > viewportHeight) {
-        if (y < menuHeight) {
-          y = 10;
-        } else {
-          y = y - 10 - menuHeight; // Cách cạnh dưới 10px
-        }
-      }
-      setPosition(prevState => ({
-        ...prevState,
-        x,
-        y
-      }));
-    }, 100);
-    if (!menuVisible) {
-      document.addEventListener(`click`, function onClickOutside(e) {
-        const element = e.target;
-        const menuContainer = document.querySelector(".popup-context-menu");
-        const isInsideContainer = element.closest(".popup-context-menu") && menuContainer;
-        if (isInsideContainer) {
-          return;
-        }
-        setMenuVisible(false);
-        document.removeEventListener(`click`, onClickOutside);
-      });
-    }
-  };
-  const handleRowClick = () => () => {
-    // const key = getRowKey(record, index);
-
-    if (checkboxOnly !== true) {
-      if (type === 'single') {}
-    }
-  };
-  const handleRowDoubleClick = (record, index) => e => {
-    if (clickRef.current) {
-      clearTimeout(clickRef.current);
-      clickRef.current = null;
-    }
-    recordDoubleClick?.({
-      e,
-      rowIndex: index,
-      rowData: record
-    });
-  };
-  const onSelectChange = (keys, selectedRows, info, selectedRow) => {
-    if (info.type === 'all') {
-      setMergedSelectedKeys(keys);
-      rowSelected?.({
-        selected: selectedRows,
-        type: 'rowSelected',
-        rowData: {}
-      });
-    } else {
-      if (selectionSettings?.type === 'multiple') {
-        setMergedSelectedKeys(keys);
-        rowSelected?.({
-          selected: selectedRows,
-          type: 'rowSelected',
-          rowData: selectedRow
-        });
-      } else {
-        const keySet = new Set(keys);
-
-        // @ts-ignore
-        if (!keySet.has(selectedRow[rowKey])) {
-          setMergedSelectedKeys([]);
-          rowSelected?.({
-            selected: [],
-            type: 'rowSelected',
-            rowData: selectedRow
-          });
-        } else {
-          // @ts-ignore
-          setMergedSelectedKeys([selectedRow[rowKey]]);
-          rowSelected?.({
-            // @ts-ignore
-            selected: [selectedRow],
-            type: 'rowSelected',
-            rowData: selectedRow
-          });
-        }
-      }
-    }
-  };
-
-  // const handleChange = (sorter: any) => {
-  //   onSorter?.(sorter)
-  // }
-
-  // const handleOnFilter = (queries: any) => {
-  //
-  //   if (onFilter) {
-  //     onFilter?.(convertFilters(queries))
-  //   } else {
-  //     setFilterState(convertFilters(queries))
-  //     if (queries && queries.length > 0) {
-  //       // setIsFilter?.(true)
-  //     } else  {
-  //       // setIsFilter?.(false)
-  //     }
-  //   }
-  //
-  // }
-
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(ContextMenu, {
-    open: menuVisible,
-    pos: position,
-    setOpen: setMenuVisible,
-    menuRef: menuRef,
-    contextMenuItems: contextMenuItems,
-    contextMenuClick: contextMenuClick,
-    rowData: selectedRowData
-  }), /*#__PURE__*/React.createElement(Table, _extends({
-    ref: tableRef
-  }, rest, {
-    tableLayout: 'fixed',
-    locale: {
-      ...locale,
-      emptyText: showEmptyText !== false ? /*#__PURE__*/React.createElement(Empty, {
-        image: Empty.PRESENTED_IMAGE_SIMPLE,
-        description: locale?.emptyText
-      }) : /*#__PURE__*/React.createElement(React.Fragment, null)
-    },
-    loading: {
-      spinning: columns && columns.length === 0 || loading === true,
-      indicator: /*#__PURE__*/React.createElement(ComponentSpinner, null)
-    }
-    // dataSource={columns && columns.length > 0 ? filterDataByColumns3(dataSource, filterStates) : []}
-
-    // dataSource={columns && columns.length > 0 ? filterDataByColumns4(dataSource, filterStates) : []}
-    ,
-    dataSource: dataSource,
-    className: classNames(className, {
-      'table-none-column-select': selectionSettings?.mode === undefined && selectionSettings?.type !== 'multiple'
-    }, styles.customTable),
-    bordered: true,
-    virtual: virtualRow,
-    columns: columns,
-    rowKey: rowKey,
-    rowHoverable: rowHoverable,
-    size: "small",
-    scroll: scroll ? scroll : {
-      y: 500
-    }
-
-    // scroll={{ x: 'max-content', y: 700 }}
-    ,
-
-    onRow: (data, index) => {
-      return {
-        onDoubleClick: handleRowDoubleClick(data, index),
-        onClick: handleRowClick(),
-        onContextMenu: onContextMenu(data)
-      };
-    },
-    rowSelection: columns && columns.length === 0 ? undefined : {
-      ...selectionSettings,
-      // type: selectionSettings?.mode,
-      type: mode,
-      columnWidth: columnWidth ?? 50,
-      onChange: onSelectChange,
-      // selectedRowKeys: mode === 'checkbox' && type === 'single' ? selectedRowKeys : undefined,
-      selectedRowKeys: mergedSelectedKeys,
-      // defaultSelectedRowKeys: selectionSettings?.defaultSelectedRowKeys,
-      defaultSelectedRowKeys,
-      preserveSelectedRowKeys: true,
-      hideSelectAll: !type || type === 'single' || mode === 'radio' ? true : hideSelectAll ?? type !== 'multiple'
-    }
-
-    // onFilter={(val: any) => {
-    //   handleOnFilter(val)
-    //   // triggerFilter?.(convertFilters(val))
-    //   // onFilter?.(convertFilters(val))
-    //
-    // }}
-
-    // onChange={(paging, filters, sorter) => handleChange(sorter)}
-    ,
-
-    title: showToolbar !== false || fullScreen !== false ? () => {
-      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", null, title?.(dataSource)), /*#__PURE__*/React.createElement("div", {
-        style: {
-          display: 'flex',
-          justifyContent: 'space-between',
-          alignItems: 'center',
-          gap: '.75rem'
-        }
-      }, groupAble && groupToolbar?.(), toolbarItems && toolbarItems?.length > 0 && /*#__PURE__*/React.createElement("div", {
-        style: {
-          flex: 1,
-          overflow: 'hidden'
-        }
-      }, /*#__PURE__*/React.createElement(Toolbar
-      // @ts-ignore
-      // style={{width: pagination && pagination.onChange && pagination?.position && pagination?.position[0] === 'topRight' ? `calc(100% - 650px - ${groupAble ? 50 : 0}px` :  `calc(100% - 25px - ${groupAble ? 50 : 0}px`}}
-      , {
-        items: (toolbarItems ?? []).filter(it => it.position !== 'Bottom'),
-        mode: 'scroll'
-      })), /*#__PURE__*/React.createElement("div", {
-        style: {
-          display: 'flex',
-          justifyContent: 'space-between',
-          alignItems: 'center',
-          gap: '.75rem'
-        }
-      }, pagination && pagination.onChange && pagination?.position && pagination?.position[0] === 'topRight' && /*#__PURE__*/React.createElement(Pagination, _extends({
-        showSizeChanger: true,
-        responsive: true,
-        size: 'small',
-        rootClassName: 'top-pagination'
-        // @ts-ignore
-        ,
-        showTotal: (total, range) => `${range[0]}-${range[1]} / ${total} ${t ? t(pagination?.locale?.items ?? 'items') : 'items'}`
-      }, pagination)), typeof actionTemplate === 'function' ? actionTemplate() : actionTemplate, fullScreen !== false && (isFullScreen ? /*#__PURE__*/React.createElement(Minimize, {
-        fontSize: 16,
-        onClick: () => handleFullScreen?.(),
-        "data-tooltip-id": "tooltip-icon",
-        "data-tooltip-content": t ? t('Minimized') : 'Minimized'
-      }) : /*#__PURE__*/React.createElement(Maximize, {
-        fontSize: 16,
-        onClick: () => handleFullScreen?.(),
-        "data-tooltip-id": "tooltip-icon",
-        "data-tooltip-content": t ? t('Full screen') : 'Full screen'
-      })), showColumnChoose && /*#__PURE__*/React.createElement(ColumnsChoose, {
-        columns: columns,
-        t: t,
-        columnsGroup: groupColumns,
-        triggerChangeColumns: triggerChangeColumns
-      }), showAdvanceFilter && /*#__PURE__*/React.createElement(AdvanceFilter, {
-        columns: columns,
-        t: t
-        // columnsGroup={groupColumns}
-        // triggerChangeColumns={triggerChangeColumns}
-      }))));
-    } : undefined,
-    expandable: {
-      ...expandable
-    },
-    summary: () => {
-      if (typeof summary === 'function') {
-        return summary(dataSource);
-      }
-      if (!summary) {
-        return undefined;
-      }
-      return /*#__PURE__*/React.createElement(Table.Summary, {
-        fixed: true
-      }, /*#__PURE__*/React.createElement(Table.Summary.Row, null, flatColumns(!!mode ? [Table.SELECTION_COLUMN, ...columns] : [...columns]).filter(col => col.hidden !== true).map((col, index) => {
-        // const cellFormat: IFormat | undefined = col.format ? typeof col.format === 'function' ? col.format({}) : col.format : format
-
-        const colFormat = typeof col.format === 'function' ? col.format({}) : col.format;
-        const cellFormat = getFormat(colFormat, format);
-        const thousandSeparator = cellFormat?.thousandSeparator;
-        const decimalSeparator = cellFormat?.decimalSeparator;
-
-        // const dec = (col.format?.decimalScale || col.format?.decimalScale === 0) ? col.format?.decimalScale : format?.decimalScale
-        const dec = cellFormat?.decimalScale;
-
-        // const sumValue = col.type === 'number' ? sumDataByField(filterDataByColumns4(dataSource, filterStates) as any[], col?.key as string) : 0
-        const sumValue = col.type === 'number' ? sumByField(filterDataByColumns4(dataSource, [], []), col?.field) : 0;
-        const value = !isEmpty(sumValue) ? dec || dec === 0 ? parseFloat(Number(sumValue).toFixed(dec)).toString() : sumValue.toString() : '0';
-        const cellValue = col.type === 'number' && col.isSummary !== false ? value : '';
-        const numberValue = Number(value);
-        const numericFormatProps = {
-          thousandSeparator: checkThousandSeparator(thousandSeparator, decimalSeparator),
-          decimalSeparator: checkDecimalSeparator(thousandSeparator, decimalSeparator),
-          allowNegative: cellFormat?.allowNegative ?? false,
-          prefix: cellFormat?.prefix,
-          suffix: cellFormat?.suffix,
-          decimalScale: dec,
-          fixedDecimalScale: cellFormat?.fixedDecimalScale ?? false
-        };
-        return /*#__PURE__*/React.createElement(Table.Summary.Cell, {
-          key: col.key,
-          index: index,
-          align: col.align ?? 'right',
-          className: 'ui-rc-table-cell-ellipsis'
-        }, col.summaryTemplate ? col.summaryTemplate(numberValue, col.key) : numericFormatter(cellValue, numericFormatProps));
-      })));
-    },
-    pagination: !pagination || pagination && pagination?.onChange ? false : {
-      showTotal: (total, range) => `${range[0]}-${range[1]} / ${total} items`,
-      ...pagination
-    }
-  })), /*#__PURE__*/React.createElement("div", null), pagination && pagination.onChange && !pagination.position && /*#__PURE__*/React.createElement(Pagination
-  // style={{padding: '0.75rem 1rem'}}
-  , _extends({
-    rootClassName: 'pagination-template',
-    showSizeChanger: true,
-    responsive: true,
-    size: 'small'
-    // @ts-ignore
-    ,
-    showTotal: (total, range) => `${range[0]}-${range[1]} / ${total} ${t ? t(pagination?.locale?.items ?? 'items') : 'items'}`
-  }, pagination)), bottomToolbar?.(), /*#__PURE__*/React.createElement(Tooltip, {
-    id: `${id}-tooltip-header`,
-    style: {
-      zIndex: 1999,
-      maxWidth: 350
-    }
-  }), /*#__PURE__*/React.createElement(Tooltip, {
-    id: "tooltip-icon"
-  }));
-};
-export default TableGrid;

package/es/grid-component/async-select/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { BaseOptionType, DefaultOptionType } from "rc-select/lib/Select";
-import type { SelectProps } from "rc-master-ui/es/select";
-import type { LoadOptionsArgs } from "../type";
-export interface DebounceSelectProps<OptionType extends BaseOptionType = DefaultOptionType> extends SelectProps {
-    loadOptions?: (search: string, callback: (newOptions: OptionType[]) => void, args?: LoadOptionsArgs) => void;
-    debounceTimeout?: number;
-    defaultOptions?: OptionType[];
-    rowData?: any;
-}
-export declare function AsyncSelect<OptionType extends BaseOptionType>({ loadOptions, debounceTimeout, defaultOptions, rowData, ...props }: DebounceSelectProps<OptionType>): React.JSX.Element;

package/es/grid-component/async-select/index.js

@@ -1,38 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import React, { useEffect, useMemo, useState } from 'react';
-import debounce from 'lodash/debounce';
-import { Select } from "rc-master-ui";
-export function AsyncSelect({
-  loadOptions,
-  debounceTimeout = 500,
-  defaultOptions,
-  rowData,
-  ...props
-}) {
-  const [options, setOptions] = useState(defaultOptions ?? []);
-  const debounceFetcher = useMemo(() => {
-    const fetchOptions = value => {
-      if (value.trim().length === 0) {
-        setOptions(defaultOptions ?? []);
-        return;
-      }
-      if (loadOptions) {
-        loadOptions(value, newOptions => {
-          setOptions(newOptions);
-        }, {
-          rowData
-        });
-      }
-    };
-    return debounce(fetchOptions, debounceTimeout);
-  }, [loadOptions, debounceTimeout]);
-  useEffect(() => {
-    setOptions(defaultOptions ?? []);
-  }, [defaultOptions]);
-  return /*#__PURE__*/React.createElement(Select, _extends({}, props, {
-    filterOption: loadOptions ? false : props?.filterOption,
-    onSearch: debounceFetcher,
-    onSelect: () => setOptions(defaultOptions ?? []),
-    options: options
-  }));
-}

package/es/grid-component/async-table-select/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { BaseOptionType, DefaultOptionType } from "rc-select/lib/Select";
-import type { TableSelectProps } from "rc-master-ui/es/table-select";
-import type { LoadOptionsArgs } from "../type";
-export interface DebounceSelectProps<OptionType extends BaseOptionType = DefaultOptionType> extends TableSelectProps {
-    loadOptions?: (search: string, callback: (newOptions: OptionType[]) => void, args?: LoadOptionsArgs) => void;
-    debounceTimeout?: number;
-    defaultOptions?: OptionType[];
-    rowData?: any;
-}
-export declare function AsyncTableSelect<OptionType extends BaseOptionType>({ loadOptions, debounceTimeout, defaultOptions, columns, rowData, ...props }: DebounceSelectProps<OptionType>): React.JSX.Element;

package/es/grid-component/async-table-select/index.js

@@ -1,40 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import React, { useEffect, useMemo, useState } from 'react';
-import debounce from 'lodash/debounce';
-import { TableSelect } from "rc-master-ui";
-export function AsyncTableSelect({
-  loadOptions,
-  debounceTimeout = 500,
-  defaultOptions,
-  columns,
-  rowData,
-  ...props
-}) {
-  const [options, setOptions] = useState(defaultOptions ?? []);
-  const debounceFetcher = useMemo(() => {
-    const fetchOptions = value => {
-      if (value.trim().length === 0) {
-        setOptions(defaultOptions ?? []);
-        return;
-      }
-      if (loadOptions) {
-        loadOptions(value, newOptions => {
-          setOptions(newOptions);
-        }, {
-          rowData
-        });
-      }
-    };
-    return debounce(fetchOptions, debounceTimeout);
-  }, [debounceTimeout, loadOptions, defaultOptions, rowData]);
-  useEffect(() => {
-    setOptions(defaultOptions ?? []);
-  }, [defaultOptions]);
-  return /*#__PURE__*/React.createElement(TableSelect, _extends({}, props, {
-    filterOption: loadOptions ? false : props?.filterOption,
-    onSearch: debounceFetcher,
-    onSelect: () => setOptions(defaultOptions ?? []),
-    options: options,
-    columns: columns
-  }));
-}

package/es/grid-component/checkbox-control/index.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-type OptionType = {
-    value: any;
-    label: string;
-    [key: string]: any;
-};
-type Props<T> = {
-    options: T[];
-    value: any[];
-    onChange?: (value: any[]) => void;
-};
-declare const CheckboxControl: <T extends OptionType>(props: Props<T>) => React.JSX.Element;
-export default CheckboxControl;

package/es/grid-component/checkbox-control/index.js

@@ -1,40 +0,0 @@
-import React, { useMemo } from "react";
-import { Checkbox } from "rc-master-ui";
-const CheckboxControl = props => {
-  const {
-    options,
-    value,
-    onChange
-  } = props;
-  const selected = useMemo(() => {
-    return value ? value : [];
-  }, [value]);
-  const list = useMemo(() => {
-    return options ? options : [];
-  }, [options]);
-  const onChangeValue = val => {
-    const findIndex = selected.findIndex(it => it === val);
-    if (findIndex > -1) {
-      const newVal = selected.filter(it => it !== val);
-      onChange?.(newVal);
-    } else {
-      const newVal = [...selected, val];
-      onChange?.(newVal);
-    }
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "d-flex flex-column gap-50",
-    style: {}
-  }, list.map((it, index) => {
-    return /*#__PURE__*/React.createElement("div", {
-      key: index,
-      className: "d-flex align-items-center"
-    }, /*#__PURE__*/React.createElement(Checkbox, {
-      checked: selected.includes(it.value),
-      type: "checkbox",
-      className: "cursor-pointer me-50",
-      onChange: () => onChangeValue(it.value)
-    }), /*#__PURE__*/React.createElement("span", null, it.label));
-  }));
-};
-export default CheckboxControl;

package/es/grid-component/hooks/columns/index.d.ts

@@ -1,10 +0,0 @@
-import type { ColumnTable, IFormat } from "../../type";
-import React from "react";
-import type { TableLocale } from "rc-master-ui/lib/table/interface";
-import type { ColumnsTable } from "../../type";
-export declare function flatColumns<RecordType>(columns: ColumnsTable<RecordType>, parentKey?: string): ColumnsTable<RecordType>;
-export declare const flatColumns2: <RecordType>(columns: ColumnsTable<RecordType>) => ColumnsTable<RecordType>;
-export declare const getValueCell: <T>(column: ColumnTable<T>, value: any, record: T, rowIndex: number, colIndex: number, format?: IFormat) => any;
-export declare const renderValueCell: <T>(column: ColumnTable<T>, value: any, record: T, rowIndex: number, colIndex: number, format?: IFormat, editAble?: boolean) => any;
-export declare const renderContent: <T>(column: ColumnTable<T>, value: any, record: any, index: number, colIndex: number, editAble?: boolean, format?: IFormat, onClick?: any) => React.JSX.Element;
-export declare const renderFilter: <RecordType>(column: ColumnTable<RecordType>, selectedKeys: string[], setSelectedKeys: any, confirm: any, visible: boolean, searchValue: string, setSearchValue: any, dataSourceFilter: any[], buddhistLocale: any, locale?: TableLocale, t?: any, format?: IFormat, dateRangeLocale?: any) => React.JSX.Element;