@flozy/editor 5.5.6 → 5.5.8

package/dist/Editor/Elements/Table/DragButton.js

@@ -1,142 +0,0 @@
-import { Box, ClickAwayListener, Fade, IconButton, Paper, Popper } from "@mui/material";
-import DragStyles from "./DragStyles";
-import { DragIcon } from "../../common/iconListV2";
-import { useEditorContext } from "../../hooks/useMouseMove";
-import { useRef, useState } from "react";
-import { TableToolOnDrag } from "./TableTool";
-import Draggable from "./Draggable";
-import SwipeableDrawerComponent from "../../common/SwipeableDrawer";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-function DragButton({
-  anchorEl,
-  placement,
-  dragType,
-  onDrag = () => {},
-  handleToolAction,
-  hideDelete,
-  className = "",
-  customProps,
-  dndProps,
-  resetSelection,
-  show
-}) {
-  const {
-    theme
-  } = useEditorContext();
-  const classes = DragStyles(theme);
-  const dragElement = useRef(null);
-  const [showTool, setShowTool] = useState(false);
-  const {
-    isMobile
-  } = customProps || {};
-  const onDragClick = () => {
-    onDrag();
-    setShowTool(true);
-  };
-  const onDragClose = () => {
-    setShowTool(false);
-    setTimeout(() => resetSelection(), 200);
-  };
-  const dragProps = {
-    ...dndProps,
-    id: dndProps?.id + dragType,
-    disabled: isMobile,
-    data: {
-      ...dndProps.data,
-      dragType
-    }
-  };
-  const handleAction = (value, option, dragType) => {
-    const omitValues = ["delete"];
-    if (!omitValues.includes(value)) {
-      setShowTool(false);
-    }
-    handleToolAction(value, option, dragType);
-  };
-  const commonToolProps = {
-    theme,
-    dragType,
-    hideDelete,
-    handleToolAction: (value, option, dragType) => {
-      handleAction(value, option, dragType);
-    }
-  };
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: show || showTool ? /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(Popper, {
-        sx: classes.popper,
-        open: Boolean(anchorEl),
-        anchorEl: anchorEl,
-        placement: placement || "left",
-        transition: true,
-        contentEditable: false,
-        ref: dragElement,
-        modifiers: [{
-          name: "offset",
-          options: {
-            offset: [0, -12]
-          }
-        }, {
-          name: "flip",
-          enabled: false // Disable dynamic flipping
-        }],
-
-        disablePortal: dragType !== "row",
-        className: `${className}`,
-        children: ({
-          TransitionProps
-        }) => /*#__PURE__*/_jsx(Fade, {
-          ...TransitionProps,
-          timeout: 350,
-          children: /*#__PURE__*/_jsx("div", {
-            children: /*#__PURE__*/_jsx(Draggable, {
-              ...dragProps,
-              children: /*#__PURE__*/_jsx(Paper, {
-                sx: dragType === "row" ? {
-                  transform: "rotate(90deg)"
-                } : {},
-                className: `${showTool ? "active" : ""}`,
-                style: {
-                  lineHeight: 0
-                },
-                children: /*#__PURE__*/_jsx(IconButton, {
-                  onClick: () => {
-                    onDragClick();
-                  },
-                  children: /*#__PURE__*/_jsx(DragIcon, {})
-                })
-              })
-            })
-          })
-        })
-      }), isMobile ? /*#__PURE__*/_jsx(SwipeableDrawerComponent, {
-        open: showTool,
-        onClose: onDragClose,
-        swipeableDrawer: true,
-        children: /*#__PURE__*/_jsx(Box, {
-          sx: classes.mobileToolDrawer,
-          children: /*#__PURE__*/_jsx(TableToolOnDrag, {
-            ...commonToolProps
-          })
-        })
-      }) : /*#__PURE__*/_jsx(Popper, {
-        open: showTool,
-        anchorEl: dragElement?.current,
-        contentEditable: false,
-        sx: classes.toolPopper,
-        placement: dragType === "row" ? "bottom-start" : "right-start",
-        children: /*#__PURE__*/_jsx(ClickAwayListener, {
-          onClickAway: onDragClose,
-          children: /*#__PURE__*/_jsx("div", {
-            children: /*#__PURE__*/_jsx(TableToolOnDrag, {
-              ...commonToolProps
-            })
-          })
-        })
-      })]
-    }) : null
-  });
-}
-export default DragButton;

package/dist/Editor/Elements/Table/DragStyles.js

@@ -1,70 +0,0 @@
-const DragStyles = theme => {
-  const {
-    containers,
-    editor
-  } = theme?.palette || {};
-  const {
-    buttonBorder,
-    background,
-    activeColor,
-    signaturePopUpTabButtonSelectedBg,
-    signaturePopUpTabButtonSelectedSvg
-  } = editor || {};
-  const onDragActive = {
-    outline: `1.5px solid ${activeColor || "#2563EB"}`,
-    background: `${signaturePopUpTabButtonSelectedBg} !important`,
-    "& svg ellipse": {
-      fill: `${signaturePopUpTabButtonSelectedSvg}`
-    }
-  };
-  return {
-    popper: {
-      zIndex: 1000,
-      "& .MuiPaper-root": {
-        borderRadius: "3px !important",
-        outline: `1.5px solid ${buttonBorder}`,
-        backgroundColor: `${background}`,
-        "&:hover": onDragActive,
-        "&.active": onDragActive
-      },
-      "& .MuiIconButton-root": {
-        padding: "4px 6px",
-        borderRadius: "none",
-        "& .dragIcon": {
-          width: "14px",
-          height: "10px"
-        },
-        "&:hover": {
-          background: "none"
-        }
-      }
-    },
-    toolPopper: {
-      zIndex: 4001,
-      "& .MuiPaper-root": {
-        borderRadius: "8px"
-      }
-    },
-    mobileToolDrawer: {
-      "& .customSelectContainer": {
-        border: "none !important",
-        padding: "0px !important",
-        boxShadow: "none !important"
-      }
-    },
-    drawerContainer: {
-      "&.MuiDrawer-root": {
-        zIndex: 1301
-      },
-      "& .MuiDrawer-paper": {
-        borderTopLeftRadius: 8,
-        borderTopRightRadius: 8,
-        backgroundColor: containers?.card
-      },
-      "& .customSelectContainer": {
-        border: "none"
-      }
-    }
-  };
-};
-export default DragStyles;

package/dist/Editor/Elements/Table/Draggable.js

@@ -1,25 +0,0 @@
-import { useDraggable } from "@dnd-kit/core";
-import { Box } from "@mui/material";
-import { jsx as _jsx } from "react/jsx-runtime";
-function Draggable(props) {
-  const {
-    attributes,
-    listeners,
-    setNodeRef,
-    transform
-  } = useDraggable(props);
-  const {
-    dragType
-  } = props?.data || {};
-  const style = transform ? {
-    transform: dragType === "row" ? `translate3d(0, ${transform.y}px, 0)` : `translate3d(${transform.x}px, 0, 0)`
-  } : undefined;
-  return /*#__PURE__*/_jsx(Box, {
-    style: style,
-    ref: setNodeRef,
-    ...listeners,
-    ...attributes,
-    children: props.children
-  });
-}
-export default Draggable;

package/dist/Editor/Elements/Table/Droppable.js

@@ -1,53 +0,0 @@
-import { useDroppable } from "@dnd-kit/core";
-import { Box } from "@mui/material";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-function getStyle(dragType, isOver, tableDOM) {
-  const style = {};
-  const borderStyle = "4px solid #2563EB";
-  if (isOver) {
-    const {
-      width,
-      height
-    } = tableDOM.getBoundingClientRect();
-    if (dragType === "row") {
-      style.borderTop = borderStyle;
-      style.width = width;
-    } else if (dragType === "col") {
-      style.borderLeft = borderStyle;
-      style.height = height;
-    }
-  }
-  return style;
-}
-export function Droppable(props) {
-  const {
-    dragType,
-    tableDOM,
-    ...rest
-  } = props;
-  const {
-    isOver,
-    setNodeRef
-  } = useDroppable(rest);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Box, {
-      ref: setNodeRef,
-      sx: {
-        position: "absolute",
-        top: 0,
-        left: 0,
-        width: "100%",
-        height: "100%"
-      }
-    }), isOver ? /*#__PURE__*/_jsx(Box, {
-      sx: {
-        position: "absolute",
-        top: 0,
-        left: 0,
-        ...getStyle(dragType, isOver, tableDOM)
-      }
-    }) : null]
-  });
-}

package/dist/Editor/Elements/Table/TableTool.js

@@ -1,101 +0,0 @@
-import CustomSelect from "../AI/CustomSelect";
-import Styles from "../AI/Styles";
-import { CloseIcon, DeleteIcon } from "../../assets/svg/AIIcons";
-import { AboveArrow, BelowArrow, DuplicateIcon, LeftArrow, PaintIcon, RightArrow } from "../../assets/svg/TableIcons";
-import { jsx as _jsx } from "react/jsx-runtime";
-const wholeTableTools = [{
-  group: "",
-  groupLabel: "",
-  options: [{
-    label: "Duplicate",
-    value: "duplicate",
-    Icon: DuplicateIcon
-  }, {
-    label: "Delete",
-    value: "delete",
-    Icon: DeleteIcon
-  }]
-}];
-const insertColOptions = [{
-  label: "Insert Right",
-  value: "insertRight",
-  Icon: RightArrow
-}, {
-  label: "Insert Left",
-  value: "insertLeft",
-  Icon: LeftArrow
-}];
-const insertRowOptions = [{
-  label: "Insert Above",
-  value: "insertAbove",
-  Icon: AboveArrow,
-  replace: false
-}, {
-  label: "Insert Below",
-  value: "insertBelow",
-  Icon: BelowArrow,
-  replace: false
-}];
-function getTools(dragType, hideDelete) {
-  const insertOptions = dragType === "col" ? insertColOptions : insertRowOptions;
-  const deleteOption = hideDelete ? [] : [{
-    label: "Delete",
-    value: "delete",
-    Icon: DeleteIcon,
-    replace: false
-  }];
-  let tools = [{
-    group: "",
-    groupLabel: "",
-    options: [{
-      label: "Color",
-      value: "color",
-      Icon: PaintIcon
-    }, {
-      label: "Duplicate",
-      value: "duplicate",
-      Icon: DuplicateIcon
-    }, ...insertOptions, {
-      label: "Clear Contents",
-      value: "clear",
-      Icon: CloseIcon
-    }, ...deleteOption]
-  }];
-  return tools;
-}
-export function TableToolOnDrag({
-  theme,
-  dragType,
-  handleToolAction,
-  hideDelete
-}) {
-  const classes = Styles(theme);
-  const tools = getTools(dragType, hideDelete);
-  return /*#__PURE__*/_jsx(CustomSelect, {
-    classes: classes,
-    show: true,
-    options: tools,
-    onSend: (value, option) => {
-      handleToolAction(value, option, dragType);
-    },
-    btnProps: {
-      onMouseDown: e => e.stopPropagation(),
-      onMouseUp: e => e.stopPropagation()
-    }
-  });
-}
-function TableTool({
-  theme,
-  handleToolAction
-}) {
-  const classes = Styles(theme);
-  return /*#__PURE__*/_jsx(CustomSelect, {
-    classes: classes,
-    show: true,
-    options: wholeTableTools,
-    onSend: (value, option) => {
-      handleToolAction(value, option);
-    }
-  });
-}
-export default TableTool;

package/dist/Editor/Elements/Table/tableHelper.js

@@ -1,71 +0,0 @@
-import { getNode } from "../../utils/helper";
-import { serializeToText } from "../../utils/serializeToText";
-export const getRectangleBounds = tableSelection => {
-  const {
-    startCellPath,
-    endCellPath
-  } = tableSelection;
-  if (!startCellPath?.length) return [];
-  const startPath = startCellPath.slice(0, -2);
-  const startCell = startCellPath.slice(-2);
-  const endCell = endCellPath.slice(-2);
-  const [startRow, startCol] = startCell;
-  const [endRow, endCol] = endCell?.length ? endCell : startCell;
-  const minRow = Math.min(startRow, endRow);
-  const maxRow = Math.max(startRow, endRow);
-  const minCol = Math.min(startCol, endCol);
-  const maxCol = Math.max(startCol, endCol);
-  const selectedPaths = [];
-  for (let row = minRow; row <= maxRow; row++) {
-    for (let col = minCol; col <= maxCol; col++) {
-      selectedPaths.push([...startPath, row, col]);
-    }
-  }
-  return selectedPaths;
-};
-export const createCopiedTableStructure = (editor, tableSelection, currentTableNode, tablePath) => {
-  const selectedCells = getRectangleBounds(tableSelection);
-  const formattedCells = selectedCells.map(cell => cell.slice(-2));
-  const tableChild = [];
-  const rowIndexes = [...new Set(formattedCells.map(cell => cell[0]))];
-  rowIndexes.forEach((rowIndex, row_i) => {
-    const row = {
-      type: "table-row",
-      children: []
-    };
-
-    // Filter cells that belong to the current row
-    const cellsInRow = formattedCells.filter(cell => cell[0] === rowIndex);
-
-    // Iterate over the columns of the row to create table cells
-    const columnIndexes = [...new Set(cellsInRow.map(cell => cell[1]))];
-    columnIndexes.forEach((columnIndex, col_i) => {
-      const cellPath = [...tablePath, rowIndex, columnIndex];
-      const columnNode = getNode(editor, cellPath);
-      row.children.push(columnNode);
-    });
-    tableChild.push(row);
-  });
-  const table = {
-    ...currentTableNode,
-    children: tableChild,
-    rows: rowIndexes?.length,
-    columns: tableChild[0]?.children?.length // first row's children length
-  };
-
-  return table;
-};
-export const tableNodeToDom = tableNode => {
-  const tableEle = document.createElement("table");
-  tableNode.children?.forEach(row => {
-    const rowEle = document.createElement("tr");
-    row?.children?.forEach(cell => {
-      const cellEle = document.createElement("td");
-      const cellText = serializeToText(cell);
-      cellEle.innerHTML = cellText;
-      rowEle.appendChild(cellEle);
-    });
-    tableEle.appendChild(rowEle);
-  });
-  return tableEle;
-};

package/dist/Editor/assets/svg/ArrowDownIcon.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const ArrowDownIcon = () => {
-  return /*#__PURE__*/_jsxs("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [/*#__PURE__*/_jsx("path", {
-      d: "M3.95354 9.61984L8.00021 13.6665L12.0469 9.61984",
-      stroke: "#64748B",
-      strokeMiterlimit: "10",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M8 2.33322V13.5532",
-      stroke: "#64748B",
-      strokeMiterlimit: "10",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })]
-  });
-};
-export default ArrowDownIcon;

package/dist/Editor/assets/svg/ArrowUpIcon.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const ArrowUpIcon = () => {
-  return /*#__PURE__*/_jsxs("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [/*#__PURE__*/_jsx("path", {
-      d: "M12.0465 6.38016L7.99979 2.3335L3.95312 6.38016",
-      stroke: "#64748B",
-      strokeMiterlimit: "10",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M8 13.6668V2.44678",
-      stroke: "#64748B",
-      strokeMiterlimit: "10",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })]
-  });
-};
-export default ArrowUpIcon;

package/dist/Editor/assets/svg/CalenderIconTick.js

@@ -1,64 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const CalenderIconTick = () => {
-  return /*#__PURE__*/_jsxs("svg", {
-    width: "14",
-    height: "14",
-    viewBox: "0 0 14 14",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [/*#__PURE__*/_jsx("path", {
-      d: "M4.66797 1.1665V2.9165",
-      stroke: "#64748B",
-      strokeMiterlimit: "10",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M9.33203 1.1665V2.9165",
-      stroke: "#64748B",
-      strokeMiterlimit: "10",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M2.04297 5.30273H11.9596",
-      stroke: "#64748B",
-      strokeMiterlimit: "10",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M12.8346 11.0833C12.8346 11.5208 12.7121 11.935 12.4963 12.285C12.0938 12.9617 11.353 13.4167 10.5013 13.4167C9.91214 13.4167 9.37547 13.2008 8.96714 12.8333C8.7863 12.6817 8.6288 12.495 8.5063 12.285C8.29047 11.935 8.16797 11.5208 8.16797 11.0833C8.16797 9.79417 9.21214 8.75 10.5013 8.75C11.2013 8.75 11.8255 9.05916 12.2513 9.54332C12.613 9.95749 12.8346 10.4942 12.8346 11.0833Z",
-      stroke: "#64748B",
-      strokeMiterlimit: "10",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M9.58984 11.0834L10.1673 11.6609L11.4098 10.5117",
-      stroke: "#64748B",
-      strokeWidth: "0.7",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M12.25 4.95817V9.54316C11.8242 9.059 11.2 8.74984 10.5 8.74984C9.21083 8.74984 8.16667 9.794 8.16667 11.0832C8.16667 11.5207 8.28917 11.9348 8.505 12.2848C8.6275 12.4948 8.785 12.6815 8.96583 12.8332H4.66667C2.625 12.8332 1.75 11.6665 1.75 9.9165V4.95817C1.75 3.20817 2.625 2.0415 4.66667 2.0415H9.33333C11.375 2.0415 12.25 3.20817 12.25 4.95817Z",
-      stroke: "#64748B",
-      strokeMiterlimit: "10",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M6.99549 7.99186H7.00073",
-      stroke: "#64748B",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M4.83924 7.99186H4.84448",
-      stroke: "#64748B",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M4.83924 9.74186H4.84448",
-      stroke: "#64748B",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })]
-  });
-};
-export default CalenderIconTick;

package/dist/Editor/assets/svg/ChervDown.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const ChervDown = () => {
-  return /*#__PURE__*/_jsx("svg", {
-    width: "14",
-    height: "14",
-    viewBox: "0 0 9 6",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /*#__PURE__*/_jsx("path", {
-      d: "M1 1.2002L4.5 4.49731L8 1.2002",
-      stroke: "#2563EB",
-      strokeWidth: "1.2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })
-  });
-};
-export default ChervDown;

package/dist/Editor/assets/svg/ChervUp.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const ChervUp = () => {
-  return /*#__PURE__*/_jsx("svg", {
-    width: "14",
-    height: "14",
-    viewBox: "0 0 9 6",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /*#__PURE__*/_jsx("path", {
-      d: "M8 4.80371L4.5 1.50659L1 4.80371",
-      stroke: "#94A3B8",
-      strokeWidth: "1.2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })
-  });
-};
-export default ChervUp;

package/dist/Editor/assets/svg/DataTableIcon.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const DataTableIcon = () => {
-  return /*#__PURE__*/_jsxs("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [/*#__PURE__*/_jsx("path", {
-      d: "M14.6668 7.33398V6.00065C14.6668 2.66732 13.3335 1.33398 10.0002 1.33398H6.00016C2.66683 1.33398 1.3335 2.66732 1.3335 6.00065V10.0007C1.3335 13.334 2.66683 14.6673 6.00016 14.6673H6.66683",
-      stroke: "#64748B",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M1.35352 5.66797H14.6668",
-      stroke: "#64748B",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M1.35352 10.334H8.00016",
-      stroke: "#64748B",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M5.67334 14.6598V1.33984",
-      stroke: "#64748B",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M10.3398 7.99316V1.33984",
-      stroke: "#64748B",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M12.4868 9.7794L9.72013 12.546C9.61346 12.6527 9.51344 12.8594 9.48677 13.006L9.33345 14.066C9.28012 14.446 9.54679 14.7194 9.92679 14.6594L10.9868 14.506C11.1334 14.486 11.3401 14.3794 11.4468 14.2727L14.2135 11.506C14.6868 11.0327 14.9135 10.4727 14.2135 9.77273C13.5201 9.0794 12.9668 9.2994 12.4868 9.7794Z",
-      stroke: "#64748B",
-      strokeMiterlimit: "10",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M12.0933 10.1719C12.3266 11.0119 12.9866 11.6652 13.8266 11.9052",
-      stroke: "#64748B",
-      strokeMiterlimit: "10",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })]
-  });
-};
-export default DataTableIcon;