@flozy/editor 5.5.7 → 5.5.9

package/dist/Editor/Elements/DataView/Layouts/Formula.js

@@ -1,29 +0,0 @@
-import React from "react";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-const RenderFormulaCell = props => {
-  const {
-    property
-  } = props;
-  return /*#__PURE__*/_jsxs("td", {
-    style: {
-      minWidth: "200px",
-      textAlign: "center",
-      color: "#CCC"
-    },
-    children: ["Calculate ", property?.key]
-  });
-};
-const Formula = props => {
-  const {
-    properties
-  } = props;
-  return /*#__PURE__*/_jsx("tr", {
-    children: properties?.map((m, i) => {
-      return /*#__PURE__*/_jsx(RenderFormulaCell, {
-        property: m
-      }, i);
-    })
-  });
-};
-export default Formula;

package/dist/Editor/Elements/DataView/Layouts/Options/AddOptions.js

@@ -1,113 +0,0 @@
-import React, { useState } from "react";
-import { Box, List, ListItemButton, ListItemText, ListItemIcon, TextField, Chip } from "@mui/material";
-import { colors } from "../../../Color Picker/defaultColors";
-import Icon from "../../../../common/Icon";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const DEFAULT_COLORS = colors?.filter(f => !(f.includes("linear") || f === "#000000"));
-const AddOptions = props => {
-  const {
-    edit,
-    onUpdate,
-    onEvent
-  } = props;
-  const [addBox, setAddBox] = useState(false);
-  const [value, setValue] = useState("");
-  const [error, setError] = useState("");
-  const {
-    options
-  } = edit;
-  const onAddBox = () => {
-    setAddBox(!addBox);
-  };
-  const getRandomColor = () => {
-    const randomIndex = Math.floor(Math.random() * DEFAULT_COLORS.length);
-    return DEFAULT_COLORS[randomIndex];
-  };
-  const handleEnter = e => {
-    const isExists = options?.find(f => f.value.toLowerCase() === value.toLowerCase());
-    if (e.keyCode === 13 && value?.trim()) {
-      if (isExists) {
-        setError("Option Already Exists!");
-        return;
-      }
-      onUpdate({
-        ...edit,
-        options: [{
-          value: value,
-          color: getRandomColor()
-        }, ...(options || [])]
-      });
-      setValue("");
-    }
-  };
-  const handleChange = e => {
-    setValue(e?.target?.value);
-    setError("");
-  };
-  const handleChangeOption = optIndex => () => {
-    onEvent("editOption", {
-      edit: {
-        ...edit,
-        optionIndex: optIndex
-      }
-    });
-  };
-  const onBlur = () => {
-    setValue("");
-    setAddBox(false);
-    setError("");
-  };
-  return edit?.type === "select" || edit?.type === "multi-select" ? /*#__PURE__*/_jsxs(Box, {
-    className: "fe-tv-addopt sb mb-0",
-    children: [/*#__PURE__*/_jsx(List, {
-      className: "fe-dv-opt-list pl-0",
-      children: /*#__PURE__*/_jsxs(ListItemButton, {
-        onClick: onAddBox,
-        children: [/*#__PURE__*/_jsx(ListItemIcon, {
-          children: /*#__PURE__*/_jsx(Icon, {
-            icon: 'plusIcon'
-          })
-        }), /*#__PURE__*/_jsx(ListItemText, {
-          primary: "Add Options"
-        })]
-      })
-    }), addBox ? /*#__PURE__*/_jsx(Box, {
-      children: /*#__PURE__*/_jsx(TextField, {
-        className: "mt",
-        size: "small",
-        fullWidth: true,
-        value: value,
-        onKeyUp: handleEnter,
-        onChange: handleChange,
-        onBlur: onBlur,
-        helperText: error
-      })
-    }) : null, /*#__PURE__*/_jsx(List, {
-      children: options?.map((m, i) => {
-        return /*#__PURE__*/_jsxs(ListItemButton, {
-          onClick: handleChangeOption(i),
-          children: [/*#__PURE__*/_jsx(ListItemText, {
-            primary: /*#__PURE__*/_jsx(Chip, {
-              label: m.value,
-              sx: {
-                background: m.color
-              }
-            })
-          }), /*#__PURE__*/_jsx(ListItemIcon, {
-            sx: {
-              justifyContent: "flex-end"
-            },
-            children: /*#__PURE__*/_jsx(Icon, {
-              icon: 'rightArrow'
-            })
-          })]
-        }, i);
-      })
-    })]
-  }) : null;
-};
-AddOptions.defaultProps = {
-  onEvent: () => {}
-};
-export default AddOptions;

package/dist/Editor/Elements/DataView/Layouts/Options/AddProperty.js

@@ -1,44 +0,0 @@
-import React from "react";
-import { Box, IconButton } from "@mui/material";
-import CloseIcon from "@mui/icons-material/Close";
-import PropertyList from "./PropertyList";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const AddProperty = props => {
-  const {
-    classes,
-    onClose,
-    onEvent
-  } = props;
-  const onSelect = type => () => {
-    onEvent("addProperty", type);
-  };
-  return /*#__PURE__*/_jsxs(Box, {
-    sx: classes.addProperty,
-    children: [/*#__PURE__*/_jsxs(Box, {
-      className: "fe-dv-ap-title",
-      children: ["Add Property", /*#__PURE__*/_jsx(IconButton, {
-        className: "tv-act-ico bg br1",
-        size: "small",
-        onClick: onClose,
-        sx: {
-          '& svg': {
-            '& path': {
-              strokeWidth: 0
-            }
-          }
-        },
-        children: /*#__PURE__*/_jsx(CloseIcon, {})
-      })]
-    }), /*#__PURE__*/_jsx(Box, {
-      className: "fe-dv-ap-opt-content mt",
-      children: /*#__PURE__*/_jsx(PropertyList, {
-        onSelect: onSelect
-      })
-    })]
-  });
-};
-AddProperty.defaultProps = {
-  onEvent: () => {}
-};
-export default AddProperty;

package/dist/Editor/Elements/DataView/Layouts/Options/AllProperties.js

@@ -1,146 +0,0 @@
-import React from "react";
-import { Box, IconButton, List, ListItemButton, ListItemText, ListItemIcon, Divider } from "@mui/material";
-import CloseIcon from "@mui/icons-material/Close";
-import { PROPERTY_TYPES, TYPE_ICONS } from "./Constants";
-import { useDataView } from "../../Providers/DataViewProvider";
-import Icon from "../../../../common/Icon";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-const AllProperties = props => {
-  const {
-    classes,
-    onClose,
-    onEvent
-  } = props;
-  const {
-    properties,
-    onAddProperty
-  } = useDataView();
-  const shownProperties = properties?.filter(f => f.visible === true);
-  const hiddenProperties = properties?.filter(f => f.visible === false);
-  const onEditProperty = data => () => {
-    onEvent("editProperty", {
-      edit: {
-        ...data
-      }
-    });
-  };
-  const onAdd = () => {
-    const np = onAddProperty({
-      type: "text"
-    });
-    onEvent("editProperty", {
-      edit: {
-        ...np
-      }
-    });
-  };
-  return /*#__PURE__*/_jsxs(Box, {
-    sx: classes.addProperty,
-    children: [/*#__PURE__*/_jsxs(Box, {
-      className: "fe-dv-ap-title",
-      children: ["Properties", /*#__PURE__*/_jsx(IconButton, {
-        className: "tv-act-ico bg br1",
-        size: "small",
-        onClick: onClose,
-        sx: {
-          '& svg': {
-            '& path': {
-              strokeWidth: 0
-            }
-          }
-        },
-        children: /*#__PURE__*/_jsx(CloseIcon, {})
-      })]
-    }), /*#__PURE__*/_jsx(Box, {
-      className: "fe-dv-ap-desc",
-      children: "Displayed Properties"
-    }), /*#__PURE__*/_jsxs(Box, {
-      className: "fe-dv-ap-opt-content",
-      children: [/*#__PURE__*/_jsx(List, {
-        className: "fe-dv-opt-list",
-        children: shownProperties?.map((m, i) => {
-          const {
-            Icon: iconType
-          } = PROPERTY_TYPES?.find(f => f.type === m.type) || {};
-          return /*#__PURE__*/_jsxs(ListItemButton, {
-            onClick: onEditProperty(m),
-            children: [/*#__PURE__*/_jsx(ListItemIcon, {
-              className: "needBg",
-              sx: {
-                '& svg': {
-                  width: '14px !important',
-                  height: '14px !important'
-                }
-              },
-              children: /*#__PURE__*/_jsx(Icon, {
-                icon: iconType
-              })
-            }), /*#__PURE__*/_jsx(ListItemText, {
-              children: m?.label
-            }), /*#__PURE__*/_jsx(ListItemIcon, {
-              sx: {
-                justifyContent: "end"
-              },
-              children: /*#__PURE__*/_jsx(Icon, {
-                icon: 'rightArrow'
-              })
-            })]
-          }, i);
-        })
-      }), hiddenProperties?.length > 0 ? /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(Box, {
-          className: "fe-dv-ap-desc",
-          children: "Hidden Properties"
-        }), /*#__PURE__*/_jsx(List, {
-          className: "fe-dv-opt-list",
-          children: hiddenProperties?.map((m, i) => {
-            return /*#__PURE__*/_jsxs(ListItemButton, {
-              onClick: onEditProperty(m),
-              children: [/*#__PURE__*/_jsx(ListItemIcon, {
-                className: "needBg",
-                sx: {
-                  alignItems: "center",
-                  '& svg': {
-                    width: '14px !important',
-                    height: '14px !important'
-                  }
-                },
-                children: /*#__PURE__*/_jsx(Icon, {
-                  icon: TYPE_ICONS[m?.type]
-                })
-              }), /*#__PURE__*/_jsx(ListItemText, {
-                children: m?.label
-              }), /*#__PURE__*/_jsx(ListItemIcon, {
-                sx: {
-                  alignItems: "center",
-                  justifyContent: 'flex-end'
-                },
-                children: /*#__PURE__*/_jsx(Icon, {
-                  icon: 'rightArrow'
-                })
-              })]
-            }, i);
-          })
-        })]
-      }) : null, /*#__PURE__*/_jsx(Divider, {
-        className: "divider_sty"
-      }), /*#__PURE__*/_jsx(List, {
-        className: "fe-dv-opt-list",
-        children: /*#__PURE__*/_jsxs(ListItemButton, {
-          onClick: onAdd,
-          children: [/*#__PURE__*/_jsx(ListItemIcon, {
-            children: /*#__PURE__*/_jsx(Icon, {
-              icon: 'plusIcon'
-            })
-          }), /*#__PURE__*/_jsx(ListItemText, {
-            children: "Add New Property"
-          })]
-        })
-      })]
-    })]
-  });
-};
-AllProperties.defaultProps = {};
-export default AllProperties;

package/dist/Editor/Elements/DataView/Layouts/Options/ChangeProperty.js

@@ -1,79 +0,0 @@
-import React from "react";
-import { Box, IconButton } from "@mui/material";
-import CloseIcon from "@mui/icons-material/Close";
-import PropertyList from "./PropertyList";
-import Icon from "../../../../common/Icon";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const ChangeProperty = props => {
-  const {
-    classes,
-    onClose,
-    onEvent,
-    mode
-  } = props;
-  const onSelect = property => () => {
-    onEvent("updateProperty", {
-      ...(mode?.edit || {}),
-      type: property?.type
-    });
-  };
-  const onBack = () => {
-    onEvent("editProperty", {
-      edit: {
-        ...(mode?.edit || {})
-      }
-    });
-  };
-  return /*#__PURE__*/_jsxs(Box, {
-    sx: classes.addProperty,
-    children: [/*#__PURE__*/_jsxs(Box, {
-      className: "fe-dv-ap-title",
-      children: [/*#__PURE__*/_jsxs("span", {
-        children: [/*#__PURE__*/_jsx(IconButton, {
-          className: "tv-act-ico",
-          size: "small",
-          onClick: onBack,
-          sx: {
-            paddingLeft: '0px',
-            '&:hover': {
-              background: 'transparent !important'
-            },
-            '& svg': {
-              width: '14px !important',
-              height: '14px !important'
-            }
-          },
-          children: /*#__PURE__*/_jsx(Icon, {
-            icon: 'leftArrow'
-          })
-        }), "Change Property"]
-      }), /*#__PURE__*/_jsx(IconButton, {
-        className: "tv-act-ico bg br1",
-        size: "small",
-        onClick: onClose,
-        sx: {
-          '& svg': {
-            '& path': {
-              strokeWidth: 0
-            }
-          }
-        },
-        children: /*#__PURE__*/_jsx(CloseIcon, {})
-      })]
-    }), /*#__PURE__*/_jsx(Box, {
-      className: "fe-dv-ap-desc",
-      children: "Select Property Type"
-    }), /*#__PURE__*/_jsx(Box, {
-      className: "fe-dv-ap-opt-content mt",
-      children: /*#__PURE__*/_jsx(PropertyList, {
-        onSelect: onSelect,
-        selected: mode?.edit
-      })
-    })]
-  });
-};
-ChangeProperty.defaultProps = {
-  onEvent: () => {}
-};
-export default ChangeProperty;

package/dist/Editor/Elements/DataView/Layouts/Options/ColumnsList.js

@@ -1,57 +0,0 @@
-import React from "react";
-import { List, ListItemButton, ListItemIcon, ListItemText, Box } from "@mui/material";
-import { PROPERTY_TYPES } from "./Constants";
-import Icon from "../../../../common/Icon";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const ColumnsList = props => {
-  const {
-    properties
-  } = props;
-  const {
-    onSelect,
-    selected
-  } = props;
-  return /*#__PURE__*/_jsx(Box, {
-    className: "opt-wrpr",
-    children: /*#__PURE__*/_jsx(List, {
-      className: "tv-opt-list",
-      children: properties?.map((m, i) => {
-        const {
-          Icon: iconType
-        } = PROPERTY_TYPES?.find(f => f.type === m.type) || {};
-        return /*#__PURE__*/_jsxs(ListItemButton, {
-          className: selected?.type === m?.type ? "active" : "",
-          onClick: onSelect(m),
-          children: [/*#__PURE__*/_jsx(ListItemIcon, {
-            sx: {
-              background: 'none'
-            },
-            children: /*#__PURE__*/_jsx(Box, {
-              className: "bgic",
-              sx: {
-                marginRight: '5px',
-                borderRadius: '4px',
-                display: 'flex',
-                alignItems: 'center',
-                padding: '2px',
-                '& svg': {
-                  width: '16px',
-                  height: '16px',
-                  padding: '0px !important'
-                }
-              },
-              children: /*#__PURE__*/_jsx(Icon, {
-                icon: iconType
-              })
-            })
-          }), /*#__PURE__*/_jsx(ListItemText, {
-            primary: m?.label
-          })]
-        }, i);
-      })
-    })
-  });
-};
-ColumnsList.defaultProps = {};
-export default ColumnsList;

package/dist/Editor/Elements/DataView/Layouts/Options/Constants.js

@@ -1,101 +0,0 @@
-// import FilterListIcon from "@mui/icons-material/FilterList";
-
-export const TYPE_LABELS = {
-  text: "Text",
-  number: "Number",
-  select: "Select",
-  "multi-select": "Multi Select",
-  date: "Date",
-  person: "Person",
-  check: "Checkbox"
-};
-export const TYPE_ICONS = {
-  text: 'text',
-  number: 'hashtagIcon',
-  select: 'selectRounded',
-  "multi-select": 'check-list-item',
-  date: 'calenderNewIcon',
-  person: 'userIcon',
-  check: 'tickOutline'
-};
-export const PROPERTY_DEFAULTS = {
-  text: {
-    label: TYPE_LABELS?.text,
-    visible: true
-  },
-  number: {
-    label: TYPE_LABELS.number,
-    visible: true
-  },
-  select: {
-    label: TYPE_LABELS.select,
-    visible: true
-  },
-  "multi-select": {
-    label: TYPE_LABELS["multi-select"],
-    visible: true
-  },
-  date: {
-    label: TYPE_LABELS.date,
-    visible: true
-  },
-  check: {
-    label: TYPE_LABELS.check,
-    visible: true
-  },
-  person: {
-    label: TYPE_LABELS.person,
-    visible: true
-  }
-};
-export const PROPERTY_TYPES = [{
-  type: "text",
-  label: TYPE_LABELS.text,
-  Icon: 'text'
-}, {
-  type: "number",
-  label: TYPE_LABELS.number,
-  Icon: 'hashtagIcon'
-}, {
-  type: "select",
-  label: TYPE_LABELS.select,
-  Icon: 'selectRounded'
-}, {
-  type: "multi-select",
-  label: TYPE_LABELS["multi-select"],
-  Icon: 'check-list-item'
-}, {
-  type: "date",
-  label: TYPE_LABELS.date,
-  Icon: 'calenderNewIcon'
-}, {
-  type: "person",
-  label: TYPE_LABELS.person,
-  Icon: 'userIcon'
-}, {
-  type: "check",
-  label: TYPE_LABELS.check,
-  Icon: 'tickOutline'
-}];
-export const FILTER_TYPES = [{
-  type: "sort",
-  operator: "asc",
-  label: "Sort Ascending",
-  value: "",
-  Icon: 'arrowUp'
-}, {
-  type: "sort",
-  operator: "desc",
-  label: "Sort Descending",
-  Icon: 'arrowDown'
-}
-// {
-//   type: "filter",
-//   operator: "contains",
-//   label: "Filter",
-//   value: "",
-//   Icon: FilterListIcon,
-// },
-];
-
-export const DEFAULT_OPTION_COLORS = ["rgba(131, 96, 253, 0.5)", "rgba(180, 180, 180, 1)", "rgba(72, 159, 248, 0.5)", "rgba(254, 122, 0, 0.5)", "rgba(214, 105, 190, 0.5)", "rgba(255, 229, 0, 0.5)"];