es-grid-template 1.8.64 → 1.8.66

package/es/grid-component/hooks/columns/index.js

@@ -1,503 +0,0 @@
-import { checkDecimalSeparator, checkThousandSeparator, convertDateToDayjs, convertDayjsToDate, convertFormat, getDatepickerFormat, getDateRangeFormat, getDateString, getEditType, getFormat, getTypeFilter, isColor, isEmpty } from "../utils";
-import { numericFormatter } from "react-numeric-component";
-import dayjs from "dayjs";
-import moment from "moment/moment";
-import React, { Fragment } from "react";
-import { CustomProvider, DatePicker, DateRangePicker, Empty, Input, Select } from "rc-master-ui";
-import CheckboxFilter from "../../CheckboxFilter";
-import { SELECTION_COLUMN } from "rc-master-ui/es/table/hooks/useSelection";
-import NumberRange from "../../number-range";
-import NumberInput from "../../number";
-import ControlCheckbox from "../content/ControlCheckbox";
-// import {Typography} from "antd";
-// const {RangePicker} = DatePicker
-
-// const { Text } = Typography;
-
-export function flatColumns(columns, parentKey = 'key') {
-  // @ts-ignore
-  return columns.filter(column => column && typeof column === 'object').reduce((list, column, index) => {
-    const {
-      fixed
-    } = column;
-    // Convert `fixed='true'` to `fixed='left'` instead
-    const parsedFixed = fixed === true ? 'left' : fixed;
-    const mergedKey = `${parentKey}-${index}`;
-    const subColumns = column.children;
-    if (subColumns && subColumns.length > 0) {
-      return [...list, ...flatColumns(subColumns, mergedKey).map(subColum => ({
-        fixed: parsedFixed,
-        ...subColum
-      }))];
-    }
-    return [...list, {
-      key: mergedKey,
-      ...column,
-      fixed: parsedFixed
-    }];
-  }, []);
-}
-export const flatColumns2 = columns => {
-  return columns.reduce((list, column) => {
-    const subColumns = column.children;
-    if (column === SELECTION_COLUMN) {
-      return [...list, {
-        ...column
-      }];
-    }
-    if (subColumns && subColumns.length > 0) {
-      return [...list, ...flatColumns2(subColumns).map(subColum => ({
-        // fixed: parsedFixed,
-        ...subColum
-      }))];
-    }
-    return [...list, {
-      ...column
-    }];
-  }, []);
-};
-export const getValueCell = (column, value, record, rowIndex, colIndex, format) => {
-  switch (column?.type) {
-    case 'number':
-      const colFormat = typeof column.format === 'function' ? column.format(record) : column.format;
-      const cellFormat = getFormat(colFormat, format);
-      const thousandSeparator = cellFormat?.thousandSeparator;
-      const decimalSeparator = cellFormat?.decimalSeparator;
-      const dec = cellFormat?.decimalScale;
-
-      // const contentNumber = !isEmpty(value) ? ((dec || dec === 0) ? parseFloat(Number(value).toFixed(dec)).toString() : value.toString()) : '0'
-
-      const tmpval = typeof value === 'string' ? Number(value) : value;
-      const numericFormatProps = {
-        thousandSeparator: checkThousandSeparator(thousandSeparator, decimalSeparator),
-        decimalSeparator: checkDecimalSeparator(thousandSeparator, decimalSeparator),
-        allowNegative: cellFormat?.allowNegative ?? true,
-        prefix: cellFormat?.prefix,
-        suffix: cellFormat?.suffix,
-        decimalScale: dec,
-        fixedDecimalScale: cellFormat?.fixedDecimalScale ?? false
-      };
-
-      // if ( typeof value === "string") {
-      //   const ttt =  removeNumericFormat(value, undefined, numericFormatProps )
-      //
-      // }
-
-      const contentNumber = !isEmpty(value) ? dec || dec === 0 ? parseFloat(tmpval.toFixed(dec)).toString() : tmpval.toString() : '0';
-      // const contentNumber = !isEmpty(value) ? ((dec || dec === 0) ? tmpval.toString() : tmpval.toString()) : '0'
-
-      return !isEmpty(contentNumber) ? numericFormatter(contentNumber, numericFormatProps) : '';
-    case 'date':
-      return value ? dayjs(value).format(format?.dateFormat ?? 'DD/MM/YYYY') : '';
-    case 'time':
-      return value ? value : '';
-    case 'year':
-      const year = value ? moment(value).format('yyyy') : '';
-      return /*#__PURE__*/React.createElement(Fragment, null, year);
-    case 'datetime':
-      return value ? moment(value).format(format?.datetimeFormat ?? 'DD/MM/YYYY HH:mm') : '';
-    case 'boolean':
-      return value ? 'true' : 'false';
-    case 'color':
-      return value;
-    case 'checkbox':
-      return typeof value === 'boolean' ? value ? 'true' : 'false' : value ? '1' : '0';
-    case 'file':
-      const nameFile = typeof value === 'object' && !Array.isArray(value) ? value.name : Array.isArray(value) ? value.map(it => typeof it === 'object' ? it.name : it).filter(Boolean).join(", ") : '';
-      return value ? nameFile : '';
-    default:
-      if (Array.isArray(value)) {
-        return value.join(', ');
-      }
-      return value;
-  }
-};
-export const renderValueCell = (column, value, record, rowIndex, colIndex, format, editAble) => {
-  switch (column?.type) {
-    case 'number':
-      const colFormat = typeof column.format === 'function' ? column.format(record) : column.format;
-      const cellFormat = getFormat(colFormat, format);
-      const thousandSeparator = cellFormat?.thousandSeparator;
-      const decimalSeparator = cellFormat?.decimalSeparator;
-      const dec = cellFormat?.decimalScale;
-
-      // const contentNumber = !isEmpty(value) ? ((dec || dec === 0) ? parseFloat(Number(value).toFixed(dec)).toString() : value.toString()) : '0'
-
-      const tmpval = typeof value === 'string' ? Number(value) : value;
-      const numericFormatProps = {
-        thousandSeparator: checkThousandSeparator(thousandSeparator, decimalSeparator),
-        decimalSeparator: checkDecimalSeparator(thousandSeparator, decimalSeparator),
-        allowNegative: cellFormat?.allowNegative ?? true,
-        prefix: cellFormat?.prefix,
-        suffix: cellFormat?.suffix,
-        decimalScale: dec,
-        fixedDecimalScale: cellFormat?.fixedDecimalScale ?? false
-      };
-
-      // if ( typeof value === "string") {
-      //   const ttt =  removeNumericFormat(value, undefined, numericFormatProps )
-      //
-      // }
-
-      const contentNumber = !isEmpty(value) ? dec || dec === 0 ? parseFloat(tmpval.toFixed(dec)).toString() : tmpval.toString() : '0';
-      // const contentNumber = !isEmpty(value) ? ((dec || dec === 0) ? tmpval.toString() : tmpval.toString()) : '0'
-
-      return !isEmpty(contentNumber) ? numericFormatter(contentNumber, numericFormatProps) : '';
-    case 'date':
-      return value ? dayjs(value).format(format?.dateFormat ?? 'DD/MM/YYYY') : '';
-    case 'time':
-      return value ? value : '';
-    case 'year':
-      const year = value ? moment(value).format('yyyy') : '';
-      return /*#__PURE__*/React.createElement(Fragment, null, year);
-    case 'datetime':
-      return value ? moment(value).format(format?.datetimeFormat ?? 'DD/MM/YYYY HH:mm') : '';
-    case 'boolean':
-      return value ? 'true' : 'false';
-    case 'color':
-      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
-        className: 'w-100 h-100',
-        style: {
-          backgroundColor: isColor(value) ? value : '#fff',
-          border: '1px solid #f0f0f0',
-          height: '100%',
-          minHeight: 20
-        }
-      }));
-    case 'checkbox':
-      // return (
-      //   <Checkbox
-      //     checked={!!value}
-      //
-      //   />
-      // )
-
-      return /*#__PURE__*/React.createElement(ControlCheckbox, {
-        column: column,
-        record: record,
-        rowIndex: rowIndex,
-        colIndex: colIndex,
-        checked: !!value,
-        checkValue: value,
-        editAble: editAble
-      });
-    case 'file':
-      const nameFile = typeof value === 'object' && !Array.isArray(value) ? value.name : Array.isArray(value) ? value.map(it => typeof it === 'object' ? it.name : it).filter(Boolean).join(", ") : '';
-      return value ? nameFile : '';
-    default:
-      if (Array.isArray(value)) {
-        return value.join(', ');
-      }
-      return value;
-  }
-};
-export const renderContent = (column, value, record, index, colIndex, editAble, format, onClick) => {
-  const cellValue = value instanceof Date ? getDateString(column, value) : value;
-  const content = renderValueCell(column, cellValue, record, index, colIndex, format, editAble);
-  const editType = getEditType(column, record);
-  return /*#__PURE__*/React.createElement(Fragment, null, column?.template ? typeof column.template === "function" ? column.template({
-    value,
-    index,
-    rowData: record,
-    field: column.field
-  }) : column.template : content, (editType === 'select' || editType === 'selectTable') && /*#__PURE__*/React.createElement("span", {
-    className: 'caret-down',
-    onClick: onClick
-  }));
-};
-export const renderFilter = (column, selectedKeys, setSelectedKeys, confirm, visible, searchValue, setSearchValue, dataSourceFilter, buddhistLocale, locale, t, format, dateRangeLocale) => {
-  const cellFormat = column.format ? typeof column.format === 'function' ? column.format({}) : column.format : format;
-  const type = getTypeFilter(column);
-  const dateFormat = getDatepickerFormat(column?.typeFilter ?? column?.type, cellFormat) ?? 'DD/MM/YYYY';
-  const dateRangeFormat = convertFormat(getDateRangeFormat(column?.type, cellFormat) ?? 'dd/MM/yyyy');
-  const find = dataSourceFilter?.find(it => it.key === column?.field);
-  const options = find ? find.data : [];
-  switch (type) {
-    case 'Number':
-      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-        className: 'mb-1'
-      }, /*#__PURE__*/React.createElement(NumberInput, {
-        t: t,
-        value: selectedKeys[0],
-        onChange: vals => {
-          setSelectedKeys(vals);
-        }
-      }))));
-    case 'NumberRange':
-      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(NumberRange, {
-        t: t,
-        min: selectedKeys[0],
-        max: selectedKeys[1],
-        onChange: vals => {
-          setSelectedKeys(vals);
-        }
-      })));
-    case 'Date':
-      const dateValue = selectedKeys[0] ? convertDateToDayjs(new Date(selectedKeys[0]), dateFormat) : null;
-      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-        className: 'mb-1'
-      }, /*#__PURE__*/React.createElement(DatePicker, {
-        format: {
-          format: dateFormat,
-          type: 'mask'
-        },
-        locale: buddhistLocale,
-        style: {
-          width: '100%',
-          height: '100%'
-        },
-        value: dateValue,
-        defaultValue: dateValue
-        // placeholder={t ? t(column?.placeholder) : column?.placeholder}
-        ,
-        onChange: (date, dateString) => {
-          const newDateValue = dateString ? moment(convertDayjsToDate(dateString, dateFormat)).format() : null;
-          setSelectedKeys(newDateValue ? [newDateValue] : []);
-        }
-      }))));
-    case 'DateRange':
-      // const dateRangeValue: any = [selectedKeys[0] ? convertDateToDayjs(new Date(selectedKeys[0]), dateRangeFormat) : '', selectedKeys[1] ? convertDateToDayjs(new Date(selectedKeys[1]), dateRangeFormat) : '']
-      const dateRangeValue = selectedKeys && selectedKeys.length > 0 ? [selectedKeys[0] ? new Date(selectedKeys[0]) : '', selectedKeys[1] ? new Date(selectedKeys[1]) : ''] : null;
-      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-        className: 'mb-1'
-      }, /*#__PURE__*/React.createElement(CustomProvider, {
-        locale: dateRangeLocale
-      }, /*#__PURE__*/React.createElement(DateRangePicker
-      // placeholder={['Ngày bắt đầu', 'Ngày bắt đầu']}
-      , {
-        style: {
-          width: 300
-        },
-        format: dateRangeFormat,
-        value: dateRangeValue,
-        onChange: value => {
-          const newDateRangeValue = value ? [value[0] ? moment(value[0]).format() : '', value[1] ? moment(value[1]).format() : ''] : [];
-          setSelectedKeys(newDateRangeValue);
-        }
-      })))));
-    case 'Week':
-      const weekValue = !isEmpty(selectedKeys[0]) ? dayjs(selectedKeys[0], dateFormat) : null;
-      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-        className: 'mb-1'
-      }, /*#__PURE__*/React.createElement(DatePicker, {
-        format: {
-          format: dateFormat,
-          type: 'mask'
-        },
-        picker: 'week',
-        locale: buddhistLocale,
-        style: {
-          width: '100%',
-          height: '100%'
-        },
-        value: weekValue,
-        defaultValue: weekValue,
-        placeholder: column?.placeholder,
-        onChange: (date, dateString) => {
-          const newDateValue = dateString ?? null;
-          setSelectedKeys(newDateValue ? [newDateValue] : []);
-        }
-      }))));
-    case 'Month':
-      const monthValue = !isEmpty(selectedKeys[0]) ? dayjs(selectedKeys[0], dateFormat) : null;
-      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
-        className: 'mb-1'
-      }, /*#__PURE__*/React.createElement(DatePicker, {
-        format: {
-          format: dateFormat,
-          type: 'mask'
-        },
-        picker: 'month',
-        locale: buddhistLocale,
-        style: {
-          width: '100%',
-          height: '100%'
-        },
-        value: monthValue,
-        defaultValue: monthValue,
-        placeholder: column?.placeholder,
-        onChange: (date, dateString) => {
-          const newDateValue = dateString ?? null;
-          setSelectedKeys(newDateValue ? [newDateValue] : []);
-        }
-      })));
-
-    // case 'Quarter':
-    //
-    //   // const monthValue = selectedKeys[0] ? convertDateToDayjs(new Date(selectedKeys[0]), dateFormat) : null
-    //
-    //   const pickerFormat  = getDatepickerFormat(getEditType(col) as IEditType, col)
-    //   const pickerValue = !isEmpty(selectedKeys[0]) ? dayjs(selectedKeys[0], pickerFormat) : null
-    //
-    //   return (
-    //     <Fragment>
-    //       <div>
-    //
-    //
-    //         <div className={'mb-1'}>
-    //
-    //           <DatePicker
-    //             format={{
-    //               format: dateFormat,
-    //               type: 'mask'
-    //             }}
-    //             locale={buddhistLocale}
-    //             style={{width: '100%', height: '100%'}}
-    //             value={pickerValue}
-    //             defaultValue={pickerValue}
-    //             placeholder={column.placeholder}
-    //             onChange={(date, dateString) => {
-    //               const newDateValue = dateString ? moment(convertDayjsToDate(dateString as string, dateFormat)).format() : null
-    //               setSelectedKeys(newDateValue ? [newDateValue] : [])
-    //
-    //             }}
-    //
-    //           />
-    //         </div>
-    //
-    //
-    //       </div>
-    //     </Fragment>
-    //   )
-    //
-    // case 'Year':
-    //
-    //   // const monthValue = selectedKeys[0] ? convertDateToDayjs(new Date(selectedKeys[0]), dateFormat) : null
-    //
-    //   const pickerFormat  = getDatepickerFormat(getEditType(col) as IEditType, col)
-    //   const pickerValue = !isEmpty(selectedKeys[0]) ? dayjs(selectedKeys[0], pickerFormat) : null
-    //
-    //   return (
-    //     <Fragment>
-    //       <div>
-    //
-    //
-    //         <div className={'mb-1'}>
-    //
-    //           <DatePicker
-    //             format={{
-    //               format: dateFormat,
-    //               type: 'mask'
-    //             }}
-    //             locale={buddhistLocale}
-    //             style={{width: '100%', height: '100%'}}
-    //             value={pickerValue}
-    //             defaultValue={pickerValue}
-    //             placeholder={column.placeholder}
-    //             onChange={(date, dateString) => {
-    //               const newDateValue = dateString ? moment(convertDayjsToDate(dateString as string, dateFormat)).format() : null
-    //               setSelectedKeys(newDateValue ? [newDateValue] : [])
-    //
-    //             }}
-    //
-    //           />
-    //         </div>
-    //
-    //
-    //       </div>
-    //     </Fragment>
-    //   )
-
-    case 'Dropdown':
-      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-        className: 'mb-1'
-      }, /*#__PURE__*/React.createElement(Select
-      // options={translateOption(numberOperator, t)}
-      // options={find ? options : column.source ?? []}
-      , {
-        options: column.source ? column.source : options ?? [],
-        style: {
-          width: '100%',
-          marginBottom: 8
-        },
-        value: selectedKeys[0],
-        notFoundContent: /*#__PURE__*/React.createElement(Empty, {
-          image: Empty.PRESENTED_IMAGE_SIMPLE,
-          description: locale?.emptyText
-        }),
-        onChange: val => {
-          // setOperatorKey(val)
-          setSelectedKeys(val ? [val] : []);
-        },
-        showSearch: true,
-        allowClear: true
-      }))));
-
-    // case 'DropTree':
-    //   return (
-    //     <Fragment>
-    //       <div>
-    //         {col.filterOption && col.filterOption.showOperator === false ? (
-    //           ''
-    //         ) : (
-    //           <div className={'mb-1'}>
-    //             <Select
-    //               options={translateOption(numberOperator, t)}
-    //               // options={t ? numberOperator.map((it: any) => ({...it, label: t(it.label)})) : numberOperator}
-    //
-    //               classNamePrefix='select'
-    //               className={`react-select`}
-    //               value={translateOption(numberOperator, t).find(
-    //                 ope => ope.value === (operator ? operator : getDefaultOperator(col))
-    //               )}
-    //               onChange={(val: any) => {
-    //                 setCurrentFilter((prevState: any) => ({ ...prevState, operator: val.value }))
-    //               }}
-    //             />
-    //           </div>
-    //         )}
-    //
-    //         <div className={'mb-1'}>
-    //           <Input
-    //             placeholder={'Nhập giá trị'}
-    //             value={value}
-    //             onChange={(val: any) => {
-    //               onChangeValueFilter(type, val.value)
-    //             }}
-    //           />
-    //         </div>
-    //
-    //         <div className={'d-flex justify-content-end'}>
-    //           <Button color='flat-primary' className={'me-1 be-button'} onClick={(e: any) => handleOnFilter(e)}>
-    //             {t ? t('Filter') : 'Filter'}
-    //           </Button>
-    //           <Button color='flat-secondary' className={'be-button'} onClick={(e: any) => handleClearFilter(e)}>
-    //             {t ? t('Delete') : 'Delete'}
-    //           </Button>
-    //         </div>
-    //       </div>
-    //     </Fragment>
-    //   )
-    //
-    case 'Checkbox':
-      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-        className: 'mb-1'
-      }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CheckboxFilter, {
-        locale: locale,
-        selectedKeys: selectedKeys,
-        onSelect: setSelectedKeys
-        // options={options}
-        ,
-        options: column.source ? column.source : options ?? [],
-        filterMultiple: true,
-        open: visible,
-        searchValue: searchValue,
-        setSearchValue: setSearchValue
-      })))));
-    case 'Text':
-    default:
-      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-        className: 'mb-1'
-      }, /*#__PURE__*/React.createElement(Input, {
-        placeholder: t ? t('Search') : `Search`,
-        value: selectedKeys[0],
-        onChange: e => {
-          setSelectedKeys(e.target.value ? [e.target.value] : ['']);
-        }
-        // onPressEnter={() => handleSearch(selectedKeys as string[], confirm)}
-        ,
-        onPressEnter: () => confirm(),
-        allowClear: true
-      }))));
-  }
-};

package/es/grid-component/hooks/content/ControlCheckbox.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-import type { ColumnTable } from "../../type";
-type Props = {
-    column: ColumnTable;
-    record?: any;
-    rowIndex: number;
-    colIndex: number;
-    checkValue: any;
-    checked: boolean;
-    editAble?: boolean;
-};
-declare const ControlCheckbox: (props: Props) => React.JSX.Element;
-export default ControlCheckbox;

package/es/grid-component/hooks/content/ControlCheckbox.js

@@ -1,87 +0,0 @@
-import React, { useContext } from "react";
-import { isDisable, isEditable, parseBooleanToValue } from "../utils";
-import { Checkbox } from "rc-master-ui";
-import { TableContext } from "../../useContext";
-const ControlCheckbox = props => {
-  const {
-    column,
-    record,
-    rowIndex,
-    colIndex,
-    checkValue,
-    editAble,
-    checked
-  } = props;
-  const {
-    handleCellChange,
-    getRowKey
-  } = useContext(TableContext);
-
-  // const isEdit  =  getEditType(column, record)
-
-  const isEdit = React.useMemo(() => {
-    return isEditable(column, record);
-  }, [column, record]);
-
-  // const [isHover, setIsHover] = useState(false)
-
-  const inputNode = value => {
-    return /*#__PURE__*/React.createElement(Checkbox, {
-      checked: Boolean(value),
-      defaultChecked: Boolean(checked)
-      // style={{ textAlign: column.align ?? 'left' }}
-      ,
-      onChange: val => {
-        const newVal = typeof checkValue === "number" ? parseBooleanToValue(val.target.checked, typeof value) : val.target.checked;
-
-        // onChange(newVal)
-
-        const key = getRowKey?.(record, rowIndex);
-        // const formState = getValues()
-
-        handleCellChange?.({
-          key: key,
-          // @ts-ignore
-          record: {
-            ...record,
-            [column.field]: newVal
-          },
-          option: value,
-          prevState: value,
-          newState: newVal,
-          field: column.field ?? column.dataIndex,
-          indexCol: colIndex,
-          indexRow: rowIndex,
-          type: 'blur'
-        });
-      },
-      disabled: isDisable(column, record) ?? false
-    });
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    // onMouseEnter={() => {
-    //   setIsHover(true)
-    // }}
-    //
-    // onMouseLeave={() => {
-    //   setIsHover(false)
-    // }}
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: column.align ?? 'center',
-      paddingInline: 5,
-      height: '100%',
-      width: '100%'
-    }
-  }, editAble && isEdit !== false ? inputNode(checkValue) : /*#__PURE__*/React.createElement(Checkbox, {
-    checked: checked,
-    onChange: e => {
-      e.preventDefault();
-    },
-    style: {
-      textAlign: column.align ?? 'left'
-    }
-  }));
-};
-export default ControlCheckbox;

package/es/grid-component/hooks/content/HeaderContent.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import type { ColumnTable } from "../../type";
-import type { IWrapSettings } from "../../type";
-type Props = React.HTMLAttributes<HTMLDivElement> & {
-    t?: any;
-    id?: string;
-    content?: string;
-    wrapSettings?: IWrapSettings;
-    column?: ColumnTable;
-    template?: React.ReactElement | React.ReactNode | (() => React.ReactElement | React.ReactNode);
-    tooltip?: string | number | React.ReactElement | React.ReactNode | (() => React.ReactElement | React.ReactNode);
-};
-declare const HeaderContent: (props: Props) => React.JSX.Element;
-export default HeaderContent;

package/es/grid-component/hooks/content/HeaderContent.js

@@ -1,44 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import React, { Fragment } from "react";
-import classnames from "classnames";
-import { getTemplate } from "../utils";
-import styled from "styled-components";
-const HeaderStyle = styled.div.withConfig({
-  displayName: "HeaderStyle",
-  componentId: "es-grid-template__sc-ibhq66-0"
-})([""]);
-const HeaderContent = props => {
-  const {
-    t,
-    id,
-    wrapSettings,
-    column,
-    onCopy,
-    ...rest
-  } = props;
-  const {
-    headerTooltip,
-    headerText,
-    columnGroupText,
-    headerTemplate,
-    headerTextWrap,
-    ellipsis
-  } = props.column ?? {};
-  const text = React.useMemo(() => {
-    return columnGroupText ?? headerText;
-  }, [columnGroupText, headerText]);
-  const tooltip = React.useMemo(() => {
-    return t ? t?.(headerTooltip ?? columnGroupText ?? headerText) : headerTooltip ?? columnGroupText ?? headerText;
-  }, [columnGroupText, headerText, headerTooltip, t]);
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(HeaderStyle, _extends({}, rest, {
-    className: classnames('', {
-      'ui-rc-table-cell-ellipsis': ellipsis !== false && headerTextWrap !== true,
-      'header-text-wrap': headerTextWrap ?? (wrapSettings?.wrapMode === 'Header' || wrapSettings?.wrapMode === 'Both')
-    }),
-    "data-tooltip-id": `${id}-tooltip-header`,
-    "data-tooltip-content": tooltip,
-    "data-tooltip-offset": 16,
-    onCopy: onCopy
-  }), headerTemplate ? getTemplate(headerTemplate, column) : t ? t(text) : text));
-};
-export default HeaderContent;

package/es/grid-component/hooks/content/TooltipContent.d.ts

@@ -1,13 +0,0 @@
-import React, { ReactElement, ReactNode } from "react";
-type Props = {
-    t?: any;
-    content?: any;
-    value?: any;
-    record?: any;
-    rowIndex?: any;
-    template?: React.ReactElement | React.ReactNode | (() => React.ReactElement | React.ReactNode);
-    tooltip?: ReactNode | ReactElement | ((value: any, record: any, index: number) => ReactNode | ReactElement);
-    showTooltip?: boolean;
-};
-declare const TooltipContent: (props: Props) => React.JSX.Element;
-export default TooltipContent;