@flozy/editor 5.2.8 → 5.3.0

package/dist/Editor/Elements/DataView/Providers/DataViewProvider.js

@@ -1,273 +0,0 @@
-import React, { createContext, useContext, useEffect, useState } from "react";
-import { Transforms } from "slate";
-import { PROPERTY_DEFAULTS } from "../Layouts/Options/Constants";
-import multiSortRows from "../Utils/multiSortRows";
-import globalSearch from "../Utils/globalSearch";
-
-// Data View context
-import { jsx as _jsx } from "react/jsx-runtime";
-const DataViewContext = /*#__PURE__*/createContext();
-export const useDataView = () => useContext(DataViewContext);
-const DEFAULT_PROPERTIES = [{
-  key: "column1",
-  label: "Name",
-  dataType: "text"
-}, {
-  key: "column2",
-  label: "Status",
-  dataType: "select",
-  options: ["Active", "Inactive"]
-}, {
-  key: "column3",
-  label: "Agree?",
-  dataType: "checkbox"
-}];
-
-// Combined provider
-export const DataViewProvider = ({
-  children,
-  ...props
-}) => {
-  const {
-    initialData,
-    path,
-    editor
-  } = props;
-  const [layouts, setLayouts] = useState(initialData?.layouts || []);
-  const [seletectedLayout, setSelectedLayout] = useState({
-    ...(layouts[0] || {})
-  });
-  const [layoutType, setLayoutType] = useState(seletectedLayout?.type || "table");
-  const [properties, setProperties] = useState(initialData?.properties || [...DEFAULT_PROPERTIES]);
-  const [sort, setSort] = useState(seletectedLayout?.sort || []);
-  const [filter, setFilter] = useState(seletectedLayout?.filter || []);
-  const [rows, setRows] = useState(initialData?.rows || []);
-  const [selectedRows, setSelectedRows] = useState([]);
-  const [search, setSearch] = useState("");
-  let {
-    users
-  } = initialData || {};
-  users = users?.map(m => {
-    return {
-      value: m?.name
-    };
-  });
-
-  // re-order when sort val changes
-  useEffect(() => {
-    if ((sort?.length > 0 || search) && rows?.length > 0) {
-      const reOrderRows = sort?.length > 0 ? multiSortRows(initialData?.rows, sort, properties) : [...initialData?.rows];
-      setRows(globalSearch(reOrderRows, search));
-    } else {
-      // reset to default order
-      setRows(globalSearch(initialData?.rows || [], search));
-    }
-  }, [sort, search]);
-  const onAddProperty = (data, overrides = {}) => {
-    try {
-      const {
-        type
-      } = data;
-      const key = `col_${new Date().getTime()}`;
-      const newProperty = {
-        ...(PROPERTY_DEFAULTS[type] || {}),
-        ...overrides,
-        key: key,
-        type
-      };
-      const updatedProperties = [...properties, {
-        ...newProperty
-      }];
-      Transforms.setNodes(editor, {
-        properties: [...updatedProperties]
-      }, {
-        at: path
-      });
-      setProperties([...updatedProperties]);
-      return newProperty;
-    } catch (err) {
-      console.log(err);
-    }
-  };
-  const onUpdateProperty = (data, isDelete = false) => {
-    try {
-      const {
-        key
-      } = data;
-      let up = {
-        ...data
-      };
-      const updatedProperties = properties?.map(m => {
-        if (m.key === key) {
-          up = {
-            ...m,
-            ...data
-          };
-          return up;
-        }
-        return m;
-      });
-      if (isDelete) {
-        const deleteIndex = updatedProperties.findIndex(f => f.key === key);
-        updatedProperties.splice(deleteIndex, 1);
-      }
-      Transforms.setNodes(editor, {
-        properties: [...updatedProperties]
-      }, {
-        at: path
-      });
-      setProperties([...updatedProperties]);
-      return up;
-    } catch (err) {
-      console.log(err);
-    }
-  };
-  const onChange = (rowIndex, rowData) => {
-    try {
-      const updatedRows = rows?.map(m => {
-        if (m?.id === rowIndex) {
-          m = {
-            ...m,
-            ...rowData
-          };
-        }
-        return m;
-      });
-      Transforms.setNodes(editor, {
-        rows: [...updatedRows]
-      }, {
-        at: path
-      });
-      setRows(updatedRows);
-    } catch (err) {
-      console.log(err);
-    }
-  };
-  const onAddRow = () => {
-    try {
-      const newRow = properties?.reduce((a, b) => {
-        a[b.key] = "";
-        return a;
-      }, {
-        id: `row_${new Date().getTime()}`
-      });
-      const updatedRows = [...rows, newRow];
-      Transforms.setNodes(editor, {
-        rows: [...updatedRows]
-      }, {
-        at: path
-      });
-      setRows(updatedRows);
-    } catch (err) {
-      console.log(err);
-    }
-  };
-  const formatSort = (sorts = [], sortData, isDelete = false) => {
-    let upSort = [];
-    const isUpdate = sorts?.find(f => f.key === sortData?.key);
-    if (isUpdate) {
-      // update if any
-      upSort = sorts?.map(m => {
-        if (m.key === sortData.key) {
-          // if update col
-          if (sortData["newKey"]) {
-            sortData["key"] = sortData["newKey"];
-            delete sortData["newKey"];
-          }
-          return {
-            ...sortData
-          };
-        }
-        return m;
-      });
-    } else {
-      upSort = [...sorts, {
-        ...sortData
-      }];
-    }
-
-    // if no sort
-    if (sorts?.length === 0 && !isDelete) {
-      upSort = [{
-        ...sortData
-      }];
-    }
-
-    // if delete
-    if (isDelete) {
-      const deleteIndex = upSort.findIndex(f => f.key === sortData.key);
-      upSort.splice(deleteIndex, 1);
-    }
-    return upSort;
-  };
-  const onUpdateSort = (sortData = {}, isDelete = false, deleteAll = false) => {
-    try {
-      let upSort = {};
-      const updatedLayouts = layouts?.map((m, i) => {
-        if (seletectedLayout?.key === m.key) {
-          upSort = !deleteAll ? formatSort(m?.sort || [], sortData, isDelete) : [];
-          return {
-            ...m,
-            sort: [...upSort]
-          };
-        }
-        return m;
-      });
-      Transforms.setNodes(editor, {
-        layouts: [...updatedLayouts]
-      }, {
-        at: path
-      });
-      setLayouts(updatedLayouts);
-      setSort(upSort);
-    } catch (err) {
-      console.log(err);
-    }
-  };
-  const onDeleteRows = () => {
-    try {
-      const updatedRows = [...rows].filter(f => selectedRows.includes(f.id) === false);
-      Transforms.setNodes(editor, {
-        rows: [...updatedRows]
-      }, {
-        at: path
-      });
-      setRows(updatedRows);
-      setSelectedRows([]);
-    } catch (err) {
-      console.log(err);
-    }
-  };
-  const onSearch = e => {
-    setSearch(e?.target?.value);
-  };
-  const value = {
-    layoutType,
-    setLayoutType,
-    properties,
-    setProperties,
-    rows,
-    setRows,
-    onAddProperty,
-    layouts,
-    setLayouts,
-    onUpdateProperty,
-    onChange,
-    onAddRow,
-    users: users,
-    onUpdateSort,
-    sort,
-    filter,
-    setSelectedLayout,
-    setFilter,
-    selectedRows,
-    setSelectedRows,
-    onDeleteRows,
-    search,
-    onSearch
-  };
-  return /*#__PURE__*/_jsx(DataViewContext.Provider, {
-    value: value,
-    children: children
-  });
-};

package/dist/Editor/Elements/DataView/Utils/globalSearch.js

@@ -1,15 +0,0 @@
-const globalSearch = (array, searchTerm) => {
-  if (!searchTerm) {
-    return array;
-  }
-  const lowerCaseSearchTerm = searchTerm.toLowerCase();
-  return array.filter(item => Object.values(item).some(value => {
-    if (typeof value === "string" && value) {
-      return value?.toLowerCase().includes(lowerCaseSearchTerm);
-    } else if (Array.isArray(value)) {
-      return value?.map(m => m?.value).some(d => d.toLowerCase().includes(lowerCaseSearchTerm));
-    }
-    return false;
-  }));
-};
-export default globalSearch;

package/dist/Editor/Elements/DataView/Utils/multiSortRows.js

@@ -1,74 +0,0 @@
-function sortByDate(a, b) {
-  const dateA = new Date(a);
-  const dateB = new Date(b);
-
-  // Check if both dates are valid
-  const isValidA = !isNaN(dateA.getTime());
-  const isValidB = !isNaN(dateB.getTime());
-  if (isValidA && isValidB) {
-    // Compare valid dates
-    return dateA - dateB;
-  } else if (isValidA) {
-    // Invalid date in `b` pushes `a` before `b`
-    return -1;
-  } else if (isValidB) {
-    // Invalid date in `a` pushes `b` before `a`
-    return 1;
-  } else {
-    // Both are invalid, maintain their relative order
-    return 0;
-  }
-}
-
-/**
- * Multi-sort rows based on multiple criteria.
- * @param {Array} rows - Array of row objects.
- * @param {Array} criteria - Array of sort criteria [{key, sortBy}].
- * @param {Object} columnConfig - Column configurations with data types.
- */
-const multiSortRows = (rows, criteria, columnConfig) => {
-  return rows.slice().sort((a, b) => {
-    for (let {
-      key,
-      operator
-    } of criteria) {
-      const column = columnConfig.find(col => col.key === key);
-      if (!column) continue;
-      const dataType = column.type;
-      const valueA = a[key];
-      const valueB = b[key];
-      let comparison = 0;
-      switch (dataType) {
-        case "text":
-          comparison = valueA.localeCompare(valueB, undefined, {
-            sensitivity: "base"
-          });
-          break;
-        case "number":
-          comparison = parseInt(valueA || 0) - parseInt(valueB || 0);
-          break;
-        case "select":
-        case "multi-select":
-          if (Array.isArray(valueA) && Array.isArray(valueB)) {
-            comparison = Array.isArray(valueA) ? valueA?.map(m => m?.value).join(", ").localeCompare(valueB?.map(m => m?.value).join(", "), undefined, {
-              sensitivity: "base"
-            }) : 0;
-          }
-          break;
-        case "date":
-          comparison = sortByDate(valueA, valueB);
-          break;
-        case "check":
-          return valueA && operator === "desc" ? 1 : -1;
-        default:
-          break;
-      }
-      if (comparison !== 0) {
-        return operator === "asc" ? comparison : -comparison;
-      }
-    }
-    return 0; // Rows are equal based on all criteria
-  });
-};
-
-export default multiSortRows;

package/dist/Editor/Elements/DataView/styles.js

@@ -1,154 +0,0 @@
-const useDataViewStyles = (theme, appTheme) => ({
-  root: {
-    width: "100%",
-    overflowX: "auto",
-    marginTop: "8px",
-    "& table": {
-      width: "100%",
-      "& th.fe-tv-ap-ico": {
-        width: "50px"
-      }
-    },
-    "& table th": {
-      cursor: "pointer",
-      width: "200px"
-    },
-    "& table, th, td": {
-      border: "1px solid black",
-      borderCollapse: "collapse"
-    },
-    "& .react-datepicker-wrapper": {
-      width: "100%",
-      "& input": {
-        padding: "6px 12px"
-      }
-    },
-    "& .MuiInputBase-root": {
-      "& fieldset": {
-        border: "none"
-      }
-    },
-    // filter view
-    "& .fe-tv-fv": {
-      marginBottom: "8px",
-      "& .mr": {
-        marginRight: "4px"
-      },
-      [theme?.breakpoints?.between("xs", "md")]: {
-        display: "flex",
-        flexDirection: "column"
-      }
-    },
-    "& .tv-act-row": {
-      "& .tv-tr-pop": {
-        opacity: 0,
-        "&.active": {
-          opacity: 1
-        },
-        "& .tv-ck-box": {
-          "& svg": {
-            color: appTheme?.palette?.editor?.tv_border
-          },
-          "&.Mui-checked": {
-            "& svg": {
-              color: "rgba(37, 99, 235, 1)"
-            }
-          }
-        }
-      },
-      "&:hover": {
-        "& .tv-tr-pop": {
-          opacity: 1
-        }
-      }
-    }
-  },
-  filterView: {
-    display: "flex",
-    justifyContent: "space-between",
-    alignItems: "center",
-    "& .MuiButtonBase-root": {
-      padding: "6px",
-      marginLeft: "4px",
-      width: "29px",
-      height: "29px",
-      "&.active": {
-        color: "rgba(37, 99, 235, 1)"
-      }
-    },
-    "& .tv-sb": {
-      display: "flex",
-      border: "1px solid transparent",
-      width: "24px",
-      transition: "width 1s",
-      "&.open": {
-        width: "fit-content",
-        border: `1px solid ${appTheme?.palette?.editor?.tv_border}`,
-        boxShadow: "0px 4px 18px 0px #0000000D",
-        borderRadius: "8px"
-      },
-      "& input": {
-        paddingBottom: "0px",
-        fontSize: "14px"
-      }
-    },
-    "& .tv-title-wrpr, .tv-fi-wrpr": {
-      display: "flex",
-      "& button": {
-        color: appTheme?.palette?.editor?.tv_text
-      },
-      "& input": {
-        color: appTheme?.palette?.editor?.tv_text
-      }
-    },
-    "& .tv-title-wrpr": {
-      width: "80%",
-      marginRight: "8px",
-      "& .MuiInputBase-root": {
-        width: "100%"
-      },
-      "& .MuiInputBase-input": {
-        paddingBottom: "0px",
-        fontWeight: "bold",
-        fontSize: "16px"
-      },
-      [theme?.breakpoints?.between("xs", "md")]: {
-        width: "100%",
-        marginRight: "0px"
-      }
-    },
-    "& .tv-fi-wrpr": {
-      [theme?.breakpoints?.between("xs", "md")]: {
-        width: "100%",
-        justifyContent: "end"
-      }
-    }
-  },
-  basicMenu: {
-    "& .MuiPaper-root": {
-      padding: "0px 6px",
-      width: "150px",
-      border: `1px solid ${appTheme?.palette?.editor?.tv_border}`,
-      borderRadius: "8px",
-      background: appTheme?.palette?.editor?.tv_pop_bg,
-      color: appTheme?.palette?.editor?.tv_text_primary,
-      "& .MuiButtonBase-root": {
-        fontSize: "14px",
-        "& svg": {
-          width: "16px",
-          height: "16px",
-          color: `${appTheme?.palette?.editor?.tv_text}`
-        },
-        "&:hover": {
-          background: appTheme?.palette?.editor?.tv_hover_bg,
-          borderRadius: "8px",
-          color: `${appTheme?.palette?.editor?.tv_hover_text} !important`,
-          "& svg": {
-            color: `${appTheme?.palette?.editor?.tv_hover_text} !important`
-          }
-        }
-      }
-    }
-  }
-});
-export default useDataViewStyles;

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/helper/enforceDateFormat.js

@@ -1,41 +0,0 @@
-function enforceDateFormat(inputElement) {
-  inputElement.addEventListener("input", event => {
-    const input = event.target;
-    let value = input.value;
-
-    // Allow only numbers and forward slashes
-    value = value.replace(/[^\d/]/g, "");
-
-    // Enforce MM/DD/YYYY structure
-    if (value.length > 10) {
-      value = value.slice(0, 10);
-    }
-    const parts = value.split("/");
-    if (parts.length > 1) {
-      parts[0] = parts[0].slice(0, 2); // Limit MM to 2 digits
-      if (parts[0] > 12) parts[0] = "12"; // Max month value
-    }
-
-    if (parts.length > 2) {
-      parts[1] = parts[1].slice(0, 2); // Limit DD to 2 digits
-      if (parts[1] > 31) parts[1] = "31"; // Max day value
-    }
-
-    if (parts.length > 3) {
-      parts[2] = parts[2].slice(0, 4); // Limit YYYY to 4 digits
-    }
-
-    input.value = parts.join("/");
-
-    // Optionally, validate the full date
-    if (input.value.length === 10) {
-      const [month, day, year] = input.value.split("/").map(Number);
-      const isValidDate = !isNaN(Date.parse(`${year}-${month}-${day}`));
-      if (!isValidDate) {
-        input.value = ""; // Clear input if invalid
-        alert("Invalid date format. Please enter a valid MM/DD/YYYY date.");
-      }
-    }
-  });
-}
-export default enforceDateFormat;

package/dist/Editor/utils/dataView.js

@@ -1,43 +0,0 @@
-import { Transforms } from "slate";
-import insertNewLine from "./insertNewLine";
-const getDefaultDatView = () => ({
-  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()
-    }, {
-      at: editor?.selection.focus.path
-    });
-    insertNewLine(editor);
-  } catch (err) {
-    console.log(err);
-  }
-};