es-grid-template 1.8.65 → 1.8.67

package/lib/grid-component/ColumnsChoose.js

@@ -1,240 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ColumnsChoose = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _antd = require("antd");
-var _becoxyIcons = require("becoxy-icons");
-var _hooks = require("./hooks");
-var _tree = _interopRequireDefault(require("rc-master-ui/es/tree"));
-var _SearchOutlined = _interopRequireDefault(require("@ant-design/icons/SearchOutlined"));
-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 type {TableColumnsType} from "rc-master-ui";
-
-const BoxAction = _styledComponents.default.div.withConfig({
-  displayName: "BoxAction",
-  componentId: "es-grid-template__sc-1ix8yky-0"
-})(["border-top:1px solid #c4c4c4;padding-top:.75rem;display:flex;justify-content:end;gap:10px;.btn-action{background:none !important;border:none !important;&.btn-action-submit{color:#df4318;&:disabled{background-color:#f0f0f0 !important;}&:hover{color:#df4318 !important;}}&:hover{background-color:#f0f0f0 !important;}}"]);
-const ColumnsChoose = props => {
-  const {
-    columns: propsColumns,
-    triggerChangeColumns,
-    triggerChangeKeys,
-    t,
-    columnsGroup
-  } = props;
-
-  // const dataList: { key: React.Key; title: string }[] = [];
-
-  // const defaultColumns = useMemo(() => {
-  //   return propsColumns.filter((it) => it.key || it.dataIndex && it.showColumnChoose !== false)
-  // }, [propsColumns])
-
-  // const columnsChooseRef: any = useRef()
-  // const searchRef: any = useRef()
-
-  // const [columns, setColumns] = useState<TableColumnsType>([])
-  const [selectedKeys, setSelectedKeys] = (0, _react.useState)([]);
-  const [isManualUpdate, setIsManualUpdate] = (0, _react.useState)(false);
-
-  // useEffect(() => {
-  //
-  //   const defaultColumns = propsColumns.filter((it) => it.key || it.dataIndex && it.showInColumnChoose !== false)
-  //   setColumns(defaultColumns as TableColumnsType)
-  //
-  // }, [propsColumns])
-
-  const columns = (0, _react.useMemo)(() => {
-    return propsColumns.filter(it => it.key || it.dataIndex && it.showInColumnChoose !== false);
-    // setColumns(defaultColumns as TableColumnsType)
-  }, [propsColumns]);
-  (0, _react.useEffect)(() => {
-    // const defaultColumns = propsColumns.filter((it) => it.key || it.dataIndex && it.showInColumnChoose !== false)
-    const defaultColumns = propsColumns.filter(it => (it.key || it.dataIndex) && it.showInColumnChoose !== false && !columnsGroup?.includes(it.field));
-    const defaultSelectedKeys = (0, _hooks.getVisibleColumnKeys)(defaultColumns);
-    if (!isManualUpdate) {
-      setSelectedKeys(defaultSelectedKeys);
-    }
-    setIsManualUpdate(false);
-  }, [propsColumns]);
-  const defaultSelectedKeys = (0, _react.useMemo)(() => {
-    const defaultColumns = propsColumns.filter(it => (it.key || it.dataIndex) && it.showInColumnChoose !== false && !columnsGroup?.includes(it.field));
-    return (0, _hooks.getVisibleColumnKeys)(defaultColumns);
-  }, [columnsGroup, propsColumns]);
-  const [clicked, setClicked] = (0, _react.useState)(false);
-  const [autoExpandParent, setAutoExpandParent] = (0, _react.useState)(true);
-
-  // const treeData = useMemo(() => {
-  //   const loop = (data: TreeDataNode[]): TreeDataNode[] =>
-  //     data.map((item) => {
-  //       const strTitle = item.title as string;
-  //       const index = strTitle.indexOf(searchValue);
-  //       const beforeStr = strTitle.substring(0, index);
-  //       const afterStr = strTitle.slice(index + searchValue.length);
-  //       const title =
-  //         index > -1 ? (
-  //           <span key={item.key}>
-  //             {beforeStr}
-  //             <span className="site-tree-search-value">{searchValue}</span>
-  //             {afterStr}
-  //           </span>
-  //         ) : (
-  //           <span key={item.key}>{strTitle}</span>
-  //         );
-  //       if (item.children) {
-  //         return { title, key: item.key, children: loop(item.children) };
-  //       }
-  //
-  //       return {
-  //         title,
-  //         key: item.key,
-  //       };
-  //     });
-  //
-  //   // return loop(defaultData);
-  //   return loop(columns as any);
-  // }, [searchValue, columns]);
-
-  const hide = () => {
-    setClicked(false);
-  };
-  const handleClickChange = open => {
-    setClicked(open);
-  };
-  const onExpand = () => {
-    // setExpandedKeys(newExpandedKeys)
-    setAutoExpandParent(false);
-  };
-
-  // const getParentKey = (key: React.Key, tree: TreeDataNode[]): React.Key => {
-  //   let parentKey: React.Key
-  //   for (let i = 0; i < tree.length; i++) {
-  //     const node = tree[i]
-  //     if (node.children) {
-  //       if (node.children.some((item) => item.key === key)) {
-  //         parentKey = node.key
-  //       } else if (getParentKey(key, node.children)) {
-  //         parentKey = getParentKey(key, node.children)
-  //       }
-  //     }
-  //   }
-  //   return parentKey!
-  // }
-
-  // const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-  const onChange = () => {
-    // const { value } = e.target
-    // const newExpandedKeys = dataList
-    //   .map((item) => {
-    //     if (item.title.indexOf(value) > -1) {
-    //       return getParentKey(item.key, defaultData)
-    //     }
-    //     return null
-    //   })
-    //   .filter((item, i, self): item is React.Key => !!(item && self.indexOf(item) === i))
-    // setExpandedKeys(newExpandedKeys)
-
-    // setSearchValue(value)
-    setAutoExpandParent(true);
-  };
-  const onCheck = keys => {
-    setSelectedKeys(keys);
-    setIsManualUpdate(true);
-  };
-  const handleAccept = () => {
-    const rs1 = (0, _hooks.updateColumns)(propsColumns, selectedKeys);
-    triggerChangeKeys?.(selectedKeys);
-    triggerChangeColumns?.(rs1, 'columnChoose');
-    hide();
-  };
-  const handleCancel = () => {
-    setSelectedKeys(defaultSelectedKeys);
-    hide();
-  };
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Popover, {
-    placement: 'bottomLeft',
-    content: /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        minWidth: 250,
-        maxWidth: 320
-      }
-    }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
-      style: {
-        marginBottom: 8
-      },
-      placeholder: t ? t("Search") : 'Search',
-      prefix: /*#__PURE__*/_react.default.createElement(_SearchOutlined.default, null),
-      onChange: onChange
-    }), /*#__PURE__*/_react.default.createElement(_tree.default, {
-      onExpand: onExpand
-      // expandedKeys={expandedKeys}
-      ,
-      autoExpandParent: autoExpandParent
-      // treeData={treeData}
-      ,
-      treeData: columns.filter(it => !columnsGroup?.includes(it.field)),
-      defaultExpandAll: true,
-      checkable: true
-      // onSelect={(keys, info) => {
-      //   const key = info.node.key
-      //
-      //   const find = findItemByKey(columns, 'key', key)
-      //
-      //   // const tmpColumn
-      //
-      //   // if (selectedKeys.includes(key as string)) {
-      //   //   const rssss  = findKeyPath(columns, key as string)
-      //   //   const rs = selectedKeys.filter(item => !rssss.includes(item));
-      //   //
-      //   //   setSelectedKeys(rs)
-      //   // } else {
-      //
-      //     // const rs  = [...selectedKeys, keys[0]]
-      //
-      //     // setSelectedKeys(keys)
-      //   // }
-      // }}
-      ,
-      onCheck: keys => onCheck(keys),
-      multiple: true,
-      checkedKeys: selectedKeys,
-      defaultCheckedKeys: selectedKeys
-      // defaultCheckedKeys={defaultSelectedKeys}
-      ,
-      selectedKeys: []
-
-      // height={window.innerHeight - 200}
-      ,
-      height: window.innerHeight / 2 > 450 ? 450 : window.innerHeight / 2 - 110
-      // style={{height: 300}}
-    }), /*#__PURE__*/_react.default.createElement(BoxAction, {
-      className: 'px-1'
-    }, /*#__PURE__*/_react.default.createElement(_antd.Button
-    // className={classnames('btn-action btn-action-submit', {
-    //   // disable: !columns.find((item) => item.visible !== false || item.visible)
-    // })}
-    , {
-      onClick: handleAccept
-      // disabled={!columns.find((item) => item.visible !== false || item.visible)}
-    }, t ? t('OK') : 'OK'), /*#__PURE__*/_react.default.createElement(_antd.Button, {
-      className: 'btn-action btn-action-cancel',
-      onClick: handleCancel
-    }, t ? t('Cancel') : 'Cancel'))),
-    trigger: "click",
-    open: clicked,
-    onOpenChange: handleClickChange,
-    arrow: false,
-    zIndex: 1065
-  }, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-    arrow: false,
-    title: 'Cài đặt'
-  }, /*#__PURE__*/_react.default.createElement(_becoxyIcons.Settings, {
-    fontSize: 16
-  }))));
-};
-exports.ColumnsChoose = ColumnsChoose;

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

@@ -1,12 +0,0 @@
-import React from "react";
-type IColumnsGroup = {
-    columns: any[];
-    dataSource?: string[];
-    onSubmit: (value: any) => void;
-    t?: any;
-    columnsGrouped?: string[];
-    unClearableLevel?: number;
-    defaultGroupColumns?: string[];
-};
-export declare const ColumnsGroup: (props: IColumnsGroup) => React.JSX.Element;
-export {};

package/lib/grid-component/ColumnsGroup/ColumnsGroup.js

@@ -1,243 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ColumnsGroup = void 0;
-var _becoxyIcons = require("becoxy-icons");
-var _react = _interopRequireWildcard(require("react"));
-var _antd = require("antd");
-var _rcMasterUi = require("rc-master-ui");
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-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 {
-//   // groupArrayByColumns,
-//   // ungroupArray,
-//   // useOnClickOutside
-// } from "../../hooks"
-
-// import {SettingOutlined} from "@ant-design/icons";
-
-const BoxAction = _styledComponents.default.div.withConfig({
-  displayName: "BoxAction",
-  componentId: "es-grid-template__sc-1uj3tyy-0"
-})(["padding-top:.75rem;display:flex;justify-content:end;gap:10px;.btn-action{background:none !important;border:none !important;&.btn-action-submit{color:#df4318;&:disabled{background-color:#f0f0f0 !important;}&:hover{color:#df4318 !important;}}&:hover{background-color:#f0f0f0 !important;}}"]);
-const ColumnsGroup = props => {
-  const {
-    columns,
-    columnsGrouped,
-    onSubmit,
-    unClearableLevel,
-    defaultGroupColumns,
-    t
-  } = props;
-  const menuRef = (0, _react.useRef)();
-  const [tempGroup, setTempGroup] = (0, _react.useState)([]);
-  const [clicked, setClicked] = (0, _react.useState)(false);
-  console.log('columns', columns);
-  console.log('columnsGrouped', columnsGrouped);
-  const rsCol = _react.default.useMemo(() => {
-    return columns.filter(it => it.visible !== false && !tempGroup.includes(it.field) && it.field !== '#' && it.field !== 'selection_column' && it.field !== 'command');
-  }, [columns, tempGroup]);
-  console.log('rsCol', rsCol);
-  const options = _react.default.useMemo(() => {
-    return rsCol.map(it => ({
-      ...it,
-      value: it.field,
-      label: t ? t(it?.columnGroupText ?? it?.headerText) : it?.columnGroupText ?? it?.headerText
-    }));
-  }, [rsCol, t]);
-
-  // React.useEffect(() => {
-  //   if(columnsGrouped) {
-  //     setTempGroup([...columnsGrouped])
-  //   }
-  //
-  // }, [!!columnsGrouped])
-
-  const onChangeGroupColumns = (option, index) => {
-    // if (option) {
-    //   tempGroup[index] = option
-    // } else {
-    //   tempGroup.splice(index, 1)
-    // }
-    // setTempGroup([...tempGroup])
-
-    const cloneTemp = [...tempGroup];
-    if (option) {
-      cloneTemp[index] = option;
-    } else {
-      cloneTemp.splice(index, 1);
-    }
-    setTempGroup([...cloneTemp]);
-  };
-  const handleGroup = () => {
-    // setColumnsGrouped([...tempGroup])
-    setClicked(false);
-    // const dt = ungroupArray(dataSource)
-
-    // const rs = groupArrayByColumns(dt, [...tempGroup])
-
-    // setResource([...rs])
-    onSubmit([...tempGroup]);
-  };
-  const handleClear = () => {
-    // setColumnsGrouped([])
-    setTempGroup(defaultGroupColumns ? defaultGroupColumns : []);
-    // setIsOpen(false)
-    setClicked(false);
-    // const dt = ungroupArray(dataSource)
-
-    // const rs = groupArrayByColumns(dt, [])
-
-    // setResource([...rs])
-    onSubmit(defaultGroupColumns ? defaultGroupColumns : []);
-  };
-  const handleClickChange = open => {
-    setClicked(open);
-    if (open) {
-      if (columnsGrouped) {
-        setTempGroup([...columnsGrouped]);
-      }
-    }
-    if (!open) {
-      setTempGroup([]);
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Popover, {
-    placement: 'bottomLeft',
-    content: /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        minWidth: 250
-      }
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      ref: menuRef,
-      style: {
-        position: 'relative'
-      }
-    }, /*#__PURE__*/_react.default.createElement("p", {
-      className: 'fw-bold'
-    }, "Nh\xF3m d\u1EEF li\u1EC7u theo c\u1ED9t"), /*#__PURE__*/_react.default.createElement("div", {
-      className: 'mb-1',
-      style: {
-        marginBottom: '1rem'
-      }
-    }, /*#__PURE__*/_react.default.createElement("p", {
-      className: 'm-0',
-      style: {
-        margin: 0
-      }
-    }, "M\u1EE9c 1"), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Select, {
-      style: {
-        width: '100%'
-      },
-      showSearch: true
-      // labelInValue={true}
-      // options={columns.filter((it: any) => !tempGroup.includes(it.field))}
-      // options={columns && columns.length > 0 ? options : []}
-      ,
-      options: options,
-      value: tempGroup?.[0],
-      onChange: val => onChangeGroupColumns(val, 0),
-      allowClear: !tempGroup?.[1] && !(unClearableLevel && unClearableLevel - 1 >= 0)
-      // fieldNames={{
-      //   value: 'field',
-      //   label: 'headerText'
-      // }}
-      ,
-      labelRender: labelProps => {
-        const it = columns.find(col => col.field === labelProps.value);
-        return t ? t(it?.columnGroupText ?? it?.headerText) : it?.columnGroupText ?? it?.headerText;
-      },
-      filterOption: _hooks.customFilterOption
-      // hideSelectedOptions
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: 'mb-1',
-      style: {
-        marginBottom: '1rem'
-      }
-    }, /*#__PURE__*/_react.default.createElement("p", {
-      className: 'm-0',
-      style: {
-        margin: 0
-      }
-    }, "M\u1EE9c 2"), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Select, {
-      showSearch: true,
-      style: {
-        width: '100%'
-      },
-      options: options,
-      value: tempGroup?.[1],
-      onChange: val => onChangeGroupColumns(val, 1),
-      allowClear: !tempGroup?.[2] && !(unClearableLevel && unClearableLevel - 2 >= 0)
-      // hideSelectedOptions
-      // fieldNames={{
-      //   value: 'field',
-      //   label: 'headerText'
-      // }}
-      ,
-      labelRender: labelProps => {
-        const it = columns.find(col => col.field === labelProps.value);
-        return t ? t(it?.columnGroupText ?? it?.headerText) : it?.columnGroupText ?? it?.headerText;
-      },
-      filterOption: _hooks.customFilterOption
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: 'mb-1',
-      style: {
-        marginBottom: '1rem'
-      }
-    }, /*#__PURE__*/_react.default.createElement("p", {
-      className: 'm-0',
-      style: {
-        margin: 0
-      }
-    }, "M\u1EE9c 3"), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Select, {
-      style: {
-        width: '100%'
-      },
-      options: options,
-      showSearch: true,
-      value: tempGroup?.[2],
-      onChange: val => onChangeGroupColumns(val, 2),
-      allowClear: !!tempGroup?.[2] && !(unClearableLevel && unClearableLevel - 3 >= 0)
-      // fieldNames={{
-      //   value: 'field',
-      //   label: 'headerText'
-      // }}
-      ,
-      labelRender: labelProps => {
-        const it = columns.find(col => col.field === labelProps.value);
-        return t ? t(it?.columnGroupText ?? it?.headerText) : it?.columnGroupText ?? it?.headerText;
-      },
-      filterOption: _hooks.customFilterOption
-    }))), /*#__PURE__*/_react.default.createElement(BoxAction, {
-      className: 'px-1'
-    }, /*#__PURE__*/_react.default.createElement(_antd.Button
-    // className={classnames('btn-action btn-action-submit', {
-    //   // disable: !columns.find((item) => item.visible !== false || item.visible)
-    // })}
-    , {
-      onClick: handleGroup
-      // disabled={!columns.find((item) => item.visible !== false || item.visible)}
-    }, t ? t('Thực hiện') : 'Thực hiện'), /*#__PURE__*/_react.default.createElement(_antd.Button, {
-      className: 'btn-action btn-action-cancel',
-      onClick: handleClear
-    }, t ? t('Clear') : 'Clear'))),
-    trigger: "click",
-    open: clicked,
-    onOpenChange: handleClickChange,
-    arrow: false
-  }, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-    arrow: false,
-    title: 'Nhóm dữ liệu'
-  }, /*#__PURE__*/_react.default.createElement(_becoxyIcons.Group, {
-    fontSize: 18,
-    style: {
-      cursor: 'pointer'
-    }
-  }))));
-};
-exports.ColumnsGroup = ColumnsGroup;

package/lib/grid-component/ColumnsGroup/index.d.ts

@@ -1 +0,0 @@
-export * from './ColumnsGroup';

package/lib/grid-component/ColumnsGroup/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _ColumnsGroup = require("./ColumnsGroup");
-Object.keys(_ColumnsGroup).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ColumnsGroup[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ColumnsGroup[key];
-    }
-  });
-});

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

@@ -1,8 +0,0 @@
-import React from "react";
-import type { CommandItem } from "./type";
-type Props = {
-    item: CommandItem;
-    onClick: (e: any) => void;
-};
-declare const Command: (props: Props) => React.JSX.Element;
-export default Command;

package/lib/grid-component/Command.js

@@ -1,88 +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 _classnames = _interopRequireDefault(require("classnames"));
-var _react2 = require("@floating-ui/react");
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-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 {Button} from "antd";
-
-const TooltipStyle = _styledComponents.default.div.withConfig({
-  displayName: "TooltipStyle",
-  componentId: "es-grid-template__sc-1iotu11-0"
-})(["width:max-content;background-color:#444;color:white;font-size:90%;padding:4px 8px;border-radius:4px;opacity:0.9;z-index:9999;max-width:450px;"]);
-const Command = props => {
-  const {
-    item,
-    onClick
-  } = props;
-  const [isOpen, setIsOpen] = (0, _react.useState)(false);
-  const {
-    refs,
-    floatingStyles,
-    context
-  } = (0, _react2.useFloating)({
-    open: isOpen,
-    onOpenChange: setIsOpen,
-    placement: "top",
-    whileElementsMounted: _react2.autoUpdate,
-    middleware: [(0, _react2.offset)(5), (0, _react2.flip)({
-      fallbackAxisSideDirection: "start"
-    }), (0, _react2.shift)()]
-  });
-  const hover = (0, _react2.useHover)(context, {
-    move: false
-  });
-  const focus = (0, _react2.useFocus)(context);
-  const dismiss = (0, _react2.useDismiss)(context);
-  const role = (0, _react2.useRole)(context, {
-    role: "tooltip"
-  });
-  const {
-    getReferenceProps,
-    getFloatingProps
-  } = (0, _react2.useInteractions)([hover, focus, dismiss, role]);
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, item.template ? /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    ref: refs.setReference
-  }, getReferenceProps(), {
-    id: item.id,
-    onClick: onClick
-  }), (0, _hooks.getTemplate)(item.template)) : /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    ref: refs.setReference
-  }, getReferenceProps(), {
-    tabIndex: -1,
-    style: {
-      padding: '3px',
-      maxWidth: 45,
-      height: '100%',
-      display: 'flex',
-      cursor: 'pointer'
-    },
-    className: (0, _classnames.default)('command-item', {
-      'btn-icon': item.title === ''
-    }),
-    color: item.color ? item.color : 'primary',
-    onClick: onClick
-  }), item.icon ? (0, _hooks.getTemplate)(item.icon) : item.title)
-
-  // <span>{item.title}</span>
-  , isOpen && item.tooltip && /*#__PURE__*/_react.default.createElement(_react2.FloatingPortal, {
-    root: document.body
-  }, /*#__PURE__*/_react.default.createElement(TooltipStyle, (0, _extends2.default)({
-    className: "Tooltip",
-    ref: refs.setFloating,
-    style: {
-      ...floatingStyles,
-      zIndex: 1999
-    }
-  }, getFloatingProps()), item.tooltip)));
-};
-var _default = exports.default = Command;

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

@@ -1,20 +0,0 @@
-import * as React from "react";
-import type { ContextInfo } from "./type";
-import type { ContextMenuItem } from "./type";
-export declare const findItemByKey: (array: any[], key: string, value: any) => any;
-type Props<RecordType> = {
-    rowData: RecordType | null;
-    contextMenuItems: ContextMenuItem[];
-    contextMenuClick?: (args: ContextInfo<RecordType>) => void;
-    open: boolean;
-    menuRef?: any;
-    setOpen: (open: boolean) => void;
-    pos: {
-        x: number;
-        y: number;
-        viewportWidth: number;
-        viewportHeight: number;
-    };
-};
-declare const ContextMenu: <RecordType extends object>(props: Props<RecordType>) => React.JSX.Element;
-export default ContextMenu;