@flozy/editor 5.1.2 → 5.1.4

package/dist/Editor/common/Select/index.js

@@ -1,20 +0,0 @@
-import { Select as Core } from "@mui/material";
-import SelectStyles from "./styles";
-import { useEditorContext } from "../../hooks/useMouseMove";
-import { jsx as _jsx } from "react/jsx-runtime";
-function Select(props) {
-  const {
-    children,
-    ...rest
-  } = props;
-  const {
-    theme
-  } = useEditorContext();
-  const classes = SelectStyles(theme);
-  return /*#__PURE__*/_jsx(Core, {
-    MenuProps: classes.MenuProps,
-    ...rest,
-    children: children
-  });
-}
-export default Select;

package/dist/Editor/common/Select/styles.js

@@ -1,17 +0,0 @@
-const SelectStyles = (theme = {}) => {
-  const {
-    textColor,
-    background
-  } = theme?.palette?.editor || {};
-  return {
-    MenuProps: {
-      PaperProps: {
-        sx: {
-          color: textColor,
-          background
-        }
-      }
-    }
-  };
-};
-export default SelectStyles;

package/dist/Editor/common/StyleBuilder/fieldTypes/lineSpacing.js

@@ -1,79 +0,0 @@
-import React, { useState } from "react";
-import { Grid, Slider, Typography, Box } from "@mui/material";
-import { getBreakPointsValue } from "../../../helper/theme";
-import useWindowResize from "../../../hooks/useWindowResize";
-import { useEditorContext } from "../../../hooks/useMouseMove";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const LineSpacing = props => {
-  const {
-    value: val,
-    data,
-    onChange
-  } = props;
-  const {
-    theme
-  } = useEditorContext();
-  const {
-    key
-  } = data;
-  const [size] = useWindowResize();
-  const pro_value = getBreakPointsValue(val, size?.device);
-  const [value, setValue] = useState(pro_value);
-  let breakpointValue = getBreakPointsValue(val, null);
-  breakpointValue = typeof breakpointValue['lg'] === 'object' ? breakpointValue['lg'] : breakpointValue;
-  useState(() => {
-    setValue(pro_value);
-  }, [pro_value]);
-  const handleChange = e => {
-    onChange({
-      [key]: {
-        ...breakpointValue,
-        [size?.device]: e.target.value
-      }
-    });
-  };
-  return /*#__PURE__*/_jsxs(Grid, {
-    item: true,
-    xs: 12,
-    children: [/*#__PURE__*/_jsx(Typography, {
-      variant: "body1",
-      color: "primary",
-      style: {
-        fontSize: "14px",
-        fontWeight: 500
-      },
-      children: data?.label
-    }), /*#__PURE__*/_jsxs(Grid, {
-      container: true,
-      wrap: "nowrap",
-      className: "sld-wrpr",
-      children: [/*#__PURE__*/_jsx(Slider, {
-        className: "spacingSlider",
-        defaultValue: value || 1.43,
-        "aria-label": "Default",
-        valueLabelDisplay: "auto",
-        min: 0.5,
-        max: 3.0,
-        step: 0.1,
-        name: "lineHeight",
-        onChange: handleChange
-      }), /*#__PURE__*/_jsx(Box, {
-        component: "input",
-        sx: {
-          background: theme?.palette?.editor?.background,
-          color: theme?.palette?.editor?.textColor
-        },
-        name: "lineHeight",
-        value: pro_value,
-        className: "sliderInput",
-        onChange: handleChange,
-        type: "number",
-        placeholder: "0",
-        disabled: true,
-        defaultValue: pro_value || 1.43
-      })]
-    })]
-  });
-};
-export default LineSpacing;

package/dist/Editor/hooks/useTable.js

@@ -1,175 +0,0 @@
-import { ClickAwayListener } from "@mui/material";
-import { createContext, useContext, useEffect, useMemo, useState } from "react";
-import { clearCellText } from "../utils/table";
-import { Editor, Element, Transforms, Range } from "slate";
-import { DndContext, DragOverlay, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
-import { encodeToBase64 } from "../utils/helper";
-import { serializeToText } from "../utils/serializeToText";
-import { createCopiedTableStructure, getRectangleBounds, tableNodeToDom } from "../Elements/Table/tableHelper";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const handleDragEnd = (dragData, editor, resetAll) => {
-  const {
-    active,
-    over
-  } = dragData;
-  if (over) {
-    const {
-      dragType,
-      path: startCellPath
-    } = active?.data?.current || {};
-    const {
-      path: overCellPath
-    } = over?.data?.current || {};
-    if (startCellPath?.length) {
-      if (dragType === "row") {
-        const startRowPath = startCellPath.slice(0, -1);
-        const overRowPath = overCellPath.slice(0, -1);
-        Transforms.moveNodes(editor, {
-          at: startRowPath,
-          to: overRowPath
-        });
-      } else {
-        const [startCol] = startCellPath.slice(-1);
-        const [overCol] = overCellPath.slice(-1);
-        const [tableData] = Editor.nodes(editor, {
-          at: startCellPath,
-          match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table"
-        });
-        const [tableNode, tablePath] = tableData;
-        const rows = tableNode?.rows || 0;
-        for (let row = 0; row < rows; row++) {
-          const startColPath = [...tablePath, row, startCol];
-          const overColPath = [...tablePath, row, overCol];
-          Transforms.moveNodes(editor, {
-            at: startColPath,
-            to: overColPath
-          });
-        }
-      }
-      resetAll();
-    }
-  }
-};
-const TableContext = /*#__PURE__*/createContext();
-export function getDefaultTableSelection() {
-  return {
-    startCellPath: [],
-    endCellPath: [],
-    isDragging: false
-  };
-}
-export const TableProvider = ({
-  editor,
-  children,
-  otherProps = {}
-}) => {
-  const {
-    openSetttings
-  } = otherProps;
-  const [hoverPath, setHoverPath] = useState(null);
-  const [tableSelection, setTableSelection] = useState(getDefaultTableSelection());
-  const [tableResizing, setTableResizing] = useState(null);
-
-  // for the button events (like onclick,...etc) inside draggable component to work correctly
-  const sensors = useSensors(useSensor(PointerSensor, {
-    activationConstraint: {
-      delay: 250,
-      distance: 0 // throws exceeded distance error
-    }
-  }));
-
-  const getSelectedCells = () => {
-    return getRectangleBounds(tableSelection);
-  };
-  const updateTableSelection = update => {
-    setTableSelection(prev => ({
-      ...prev,
-      ...update
-    }));
-  };
-  const resetAll = () => {
-    setTableSelection(getDefaultTableSelection());
-    Transforms.deselect(editor);
-
-    // hide drag icons after drag completion
-    setTimeout(() => setHoverPath(null), 200);
-  };
-  const values = useMemo(() => {
-    return {
-      hoverPath,
-      setHoverPath,
-      editor,
-      getSelectedCells,
-      updateTableSelection,
-      tableSelection,
-      tableResizing,
-      setTableResizing,
-      otherProps
-    };
-  }, [hoverPath, editor?.selection, tableSelection, tableResizing]);
-  useEffect(() => {
-    const handleKeyDown = event => {
-      if (event.key === "Backspace") {
-        const selectedCells = getSelectedCells();
-        if (selectedCells?.length > 1) {
-          selectedCells.forEach(currentCellPath => {
-            clearCellText(editor, currentCellPath);
-          });
-        }
-      }
-    };
-    const handleCopy = event => {
-      try {
-        const isTextSelected = editor?.selection && !Range.isCollapsed(editor.selection);
-        const customCopy = tableSelection?.startCellPath?.length;
-        if (customCopy && !isTextSelected) {
-          event.preventDefault(); // Prevent default copy behavior
-
-          const {
-            tablePath
-          } = otherProps;
-          const [node] = Editor.node(editor, tablePath);
-          const copiedTableNode = createCopiedTableStructure(editor, tableSelection, node, tablePath);
-          const tableNode = [copiedTableNode];
-          const encodedTableNode = encodeToBase64(tableNode);
-          event.clipboardData.setData("application/x-slate-fragment", encodedTableNode);
-          const textData = serializeToText(tableNode);
-          event.clipboardData.setData("text/plain", textData);
-          const tableDom = tableNodeToDom(copiedTableNode);
-          event.clipboardData.setData("text/html", tableDom?.outerHTML);
-        }
-      } catch (err) {
-        console.log(err);
-      }
-    };
-    window.addEventListener("keydown", handleKeyDown);
-    window.addEventListener("copy", handleCopy);
-    return () => {
-      window.removeEventListener("keydown", handleKeyDown);
-      window.removeEventListener("copy", handleCopy);
-    };
-  }, [tableSelection, editor, tableSelection]);
-  useEffect(() => {
-    if (!openSetttings) {
-      resetAll();
-    }
-  }, [openSetttings]);
-  return /*#__PURE__*/_jsx(TableContext.Provider, {
-    value: values,
-    children: /*#__PURE__*/_jsxs(DndContext, {
-      sensors: sensors,
-      onDragEnd: data => handleDragEnd(data, editor, resetAll),
-      children: [/*#__PURE__*/_jsx(ClickAwayListener, {
-        onClickAway: () => setTableSelection(getDefaultTableSelection()),
-        children: /*#__PURE__*/_jsx("div", {
-          children: children
-        })
-      }), /*#__PURE__*/_jsx(DragOverlay, {})]
-    })
-  });
-};
-function useTable() {
-  return useContext(TableContext);
-}
-export default useTable;

package/dist/Editor/utils/dataView.js

@@ -1,43 +0,0 @@
-import { Transforms } from "slate";
-const getDefaultDatView = () => ({
-  type: "paragraph",
-  children: [{
-    type: "dataView",
-    title: "",
-    layouts: [{
-      key: "view1",
-      type: "table",
-      label: "Table 1 View",
-      value: "table1",
-      filter: [],
-      sort: []
-    }],
-    properties: [{
-      key: "column1",
-      label: "Task",
-      type: "text",
-      visible: true,
-      default: true
-    }],
-    rows: [{
-      id: new Date().getTime(),
-      column1: ""
-    }],
-    children: [{
-      type: "viewData",
-      children: [{
-        text: ""
-      }]
-    }]
-  }]
-});
-export const insertDataView = editor => {
-  try {
-    Transforms.insertNodes(editor, {
-      ...getDefaultDatView()
-    });
-    Transforms.move(editor);
-  } catch (err) {
-    console.log(err);
-  }
-};