@flozy/editor 1.3.5 → 1.4.0

package/dist/Editor/assets/fonts/poppins/OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2020 The Poppins Project Authors (https://github.com/itfoundry/Poppins)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/dist/Editor/common/StyleBuilder/appHeaderStyle.js

@@ -1,7 +1,14 @@
+import { fontOptions } from "../../utils/font";
+import { jsx as _jsx } from "react/jsx-runtime";
 const appHeaderStyle = [{
   tab: "Logo",
   value: "appLogo",
   fields: [{
+    label: "App Title",
+    key: "appTitle",
+    type: "text",
+    placeholder: "Leave Empty, If only Logo"
+  }, {
     label: "App Logo URL",
     key: "appLogo",
     type: "text"
@@ -11,12 +18,26 @@ const appHeaderStyle = [{
     type: "backgroundImage"
   }]
 }, {
-  tab: "Title",
-  value: "appTitle",
+  tab: "General",
+  value: "general",
   fields: [{
-    label: "App Title",
-    key: "appTitle",
-    type: "text"
+    label: "Menu Font Size",
+    key: "fontSize",
+    type: "text",
+    placeholder: "16px"
+  }, {
+    label: "Menu Font Family",
+    key: "fontFamily",
+    type: "textOptions",
+    options: fontOptions,
+    renderOption: option => {
+      return /*#__PURE__*/_jsx("span", {
+        style: {
+          fontFamily: option.value
+        },
+        children: option.text
+      });
+    }
   }]
 }, {
   tab: "Menus",

package/dist/Editor/common/StyleBuilder/buttonStyle.js

@@ -1,19 +1,30 @@
+import { fontOptions } from "../../utils/font";
+import { jsx as _jsx } from "react/jsx-runtime";
 const buttonStyle = [{
-  tab: "Content",
-  value: "content",
+  tab: "General",
+  value: "size",
   fields: [{
     label: "Button Text",
     key: "label",
     type: "text"
-  }]
-}, {
-  tab: "Size & Alignment",
-  value: "size",
-  fields: [{
-    label: "Text Size",
+  }, {
+    label: "Font Size",
     key: "textSize",
     type: "text",
     placeholder: "16px or 1em"
+  }, {
+    label: "Font Family",
+    key: "fontFamily",
+    type: "textOptions",
+    options: fontOptions,
+    renderOption: option => {
+      return /*#__PURE__*/_jsx("span", {
+        style: {
+          fontFamily: option.value
+        },
+        children: option.text
+      });
+    }
   }, {
     label: "Text Align",
     key: "textAlign",
@@ -28,6 +39,22 @@ const buttonStyle = [{
     key: "buttonLink",
     type: "buttonLink"
   }]
+}, {
+  tab: "Position",
+  value: "position",
+  fields: [{
+    label: "Set Postion (Vertical & Horizantal)",
+    key: "alignment",
+    type: "alignment"
+  }]
+}, {
+  tab: "Margin Spacing",
+  value: "marginSpacing",
+  fields: [{
+    label: "Margin Spacing",
+    key: "marginSpacing",
+    type: "bannerSpacing"
+  }]
 }, {
   tab: "Banner Spacing",
   value: "bannerSpacing",

package/dist/Editor/common/StyleBuilder/embedImageStyle.js

@@ -1,4 +1,16 @@
 const embedImageStyle = [{
+  tab: "URL",
+  value: "url",
+  fields: [{
+    label: "URL",
+    key: "url",
+    type: "text"
+  }, {
+    label: "File",
+    key: "url",
+    type: "backgroundImage"
+  }]
+}, {
   tab: "Banner Spacing",
   value: "bannerSpacing",
   fields: [{
@@ -39,18 +51,6 @@ const embedImageStyle = [{
     key: "borderColor",
     type: "color"
   }]
-}, {
-  tab: "URL",
-  value: "url",
-  fields: [{
-    label: "URL",
-    key: "url",
-    type: "text"
-  }, {
-    label: "File",
-    key: "url",
-    type: "backgroundImage"
-  }]
 }, {
   tab: "Size",
   value: "elementSize",

package/dist/Editor/common/StyleBuilder/fieldStyle.js

@@ -0,0 +1,71 @@
+const fieldStyle = [{
+  tab: "General",
+  value: "general",
+  fields: [{
+    label: "Field Name",
+    key: "name",
+    type: "text"
+  }, {
+    label: "Field Type",
+    key: "element",
+    type: "textOptions",
+    options: [{
+      label: "Textbox",
+      value: "text"
+    }]
+  }, {
+    label: "Placeholder",
+    key: "placeholder",
+    type: "text"
+  }]
+}, {
+  tab: "Banner Spacing",
+  value: "bannerSpacing",
+  fields: [{
+    label: "Banner Spacing",
+    key: "bannerSpacing",
+    type: "bannerSpacing"
+  }]
+}, {
+  tab: "Border Radius",
+  value: "borderRadius",
+  fields: [{
+    label: "Border Radius",
+    key: "borderRadius",
+    type: "borderRadius"
+  }]
+}, {
+  tab: "Colors",
+  value: "colors",
+  fields: [{
+    label: "Text",
+    key: "textColor",
+    type: "color",
+    needPreview: true
+  }, {
+    label: "Background",
+    key: "bgColor",
+    type: "color"
+  }, {
+    label: "Border",
+    key: "borderColor",
+    type: "color"
+  }]
+}, {
+  tab: "Position",
+  value: "position",
+  fields: [{
+    label: "Set Postion (Vertical & Horizantal)",
+    key: "alignment",
+    type: "alignment"
+  }]
+}, {
+  tab: "Size",
+  value: "gridSize",
+  fields: [{
+    label: "Grid Size",
+    key: "grid",
+    type: "gridSize"
+  }]
+}];
+export default fieldStyle;

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

@@ -86,7 +86,8 @@ const BackgroundImage = props => {
         height: "100px",
         backgroundPosition: "center",
         backgroundSize: "contain",
-        backgroundRepeat: "no-repeat"
+        backgroundRepeat: "no-repeat",
+        backgroundColor: "rgba(0,0,0,0.5)"
       }
     })]
   });

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

@@ -11,6 +11,8 @@ import MenusArray from "./menusArray";
 import ButtonLink from "./buttonLink";
 import SaveAsTemplate from "./saveAsTemplate";
 import TextAlign from "./textAlign";
+import TextOptions from "./textOptions";
+import SelectBox from "./selectBox";
 const FieldMap = {
   text: Text,
   bannerSpacing: BannerSpacing,
@@ -24,6 +26,8 @@ const FieldMap = {
   menusArray: MenusArray,
   buttonLink: ButtonLink,
   saveAsTemplate: SaveAsTemplate,
-  textAlign: TextAlign
+  textAlign: TextAlign,
+  textOptions: TextOptions,
+  selectBox: SelectBox
 };
 export default FieldMap;

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

@@ -1,5 +1,6 @@
 import React from "react";
-import { Button, Grid, Radio, RadioGroup, TextField, FormControl, FormLabel, FormControlLabel, Typography } from "@mui/material";
+import { Button, Grid, Radio, RadioGroup, TextField, FormControl, FormLabel, FormControlLabel, Typography, Tooltip, IconButton } from "@mui/material";
+import DeleteIcon from "@mui/icons-material/Delete";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const MenusArray = props => {
@@ -60,7 +61,7 @@ const MenusArray = props => {
             variant: "body1",
             color: "textSecondary",
             sx: {
-              fontSize: '14px'
+              fontSize: "14px"
             },
             children: "Menu Variant"
           })
@@ -88,15 +89,18 @@ const MenusArray = props => {
       return /*#__PURE__*/_jsxs(Grid, {
         item: true,
         xs: 12,
+        style: {
+          display: "flex",
+          alignItems: "center"
+        },
         children: [/*#__PURE__*/_jsx(TextField, {
           name: "text",
           type: "text",
           value: m.text,
           onChange: handleChange(i),
           size: "small",
-          fullWidth: true,
           sx: {
-            mb: 2
+            mb: 0
           }
         }), /*#__PURE__*/_jsx(TextField, {
           name: "url",
@@ -105,11 +109,13 @@ const MenusArray = props => {
           onChange: handleChange(i),
           size: "small",
           fullWidth: true
-        }), /*#__PURE__*/_jsx(Button, {
-          onClick: onDelete(i),
-          color: "error",
-          className: "deleteBtn",
-          children: "Delete"
+        }), /*#__PURE__*/_jsx(Tooltip, {
+          title: "Delete Menu",
+          arrow: true,
+          children: /*#__PURE__*/_jsx(IconButton, {
+            onClick: onDelete(i),
+            children: /*#__PURE__*/_jsx(DeleteIcon, {})
+          })
         })]
       }, `add-m-${i}`);
     }), /*#__PURE__*/_jsx(Grid, {

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

@@ -0,0 +1,35 @@
+import React from "react";
+import { Grid, Checkbox, FormControlLabel } from "@mui/material";
+import { jsx as _jsx } from "react/jsx-runtime";
+const SelectBox = props => {
+  const {
+    value,
+    data,
+    onChange
+  } = props;
+  const {
+    key,
+    placeholder
+  } = data;
+  const handleChange = e => {
+    onChange({
+      [key]: e.target.checked
+    });
+  };
+  return /*#__PURE__*/_jsx(Grid, {
+    container: true,
+    padding: 1,
+    children: /*#__PURE__*/_jsx(Grid, {
+      item: true,
+      xs: 12,
+      children: /*#__PURE__*/_jsx(FormControlLabel, {
+        control: /*#__PURE__*/_jsx(Checkbox, {
+          value: value,
+          onChange: handleChange
+        }),
+        label: placeholder
+      })
+    })
+  });
+};
+export default SelectBox;

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

@@ -0,0 +1,44 @@
+import React from "react";
+import { Grid, MenuItem, Select } from "@mui/material";
+import { jsx as _jsx } from "react/jsx-runtime";
+const TextOptions = props => {
+  const {
+    value,
+    data,
+    onChange
+  } = props;
+  const {
+    key,
+    options,
+    renderOption
+  } = data;
+  const handleChange = e => {
+    onChange({
+      [key]: e.target.value
+    });
+  };
+  return /*#__PURE__*/_jsx(Grid, {
+    container: true,
+    children: /*#__PURE__*/_jsx(Grid, {
+      item: true,
+      xs: 12,
+      style: {
+        padding: "10px"
+      },
+      children: /*#__PURE__*/_jsx(Select, {
+        onChange: handleChange,
+        value: value || options[0]?.value,
+        placeholder: data?.label,
+        fullWidth: true,
+        size: "small",
+        children: options.map(m => {
+          return /*#__PURE__*/_jsx(MenuItem, {
+            value: m.value,
+            children: renderOption ? renderOption(m) : m.label || m.text
+          }, `${key}_${m.value}`);
+        })
+      })
+    })
+  });
+};
+export default TextOptions;

package/dist/Editor/common/StyleBuilder/formButtonStyle.js

@@ -0,0 +1,93 @@
+import { fontOptions } from "../../utils/font";
+import { jsx as _jsx } from "react/jsx-runtime";
+const formButtonStyle = [{
+  tab: "General",
+  value: "size",
+  fields: [{
+    label: "Button Text",
+    key: "label",
+    type: "text"
+  }, {
+    label: "Font Size",
+    key: "textSize",
+    type: "text",
+    placeholder: "16px or 1em"
+  }, {
+    label: "Font Family",
+    key: "fontFamily",
+    type: "textOptions",
+    options: fontOptions,
+    renderOption: option => {
+      return /*#__PURE__*/_jsx("span", {
+        style: {
+          fontFamily: option.value
+        },
+        children: option.text
+      });
+    }
+  }, {
+    label: "Text Align",
+    key: "textAlign",
+    type: "textAlign",
+    placeholder: "16px or 1em"
+  }]
+}, {
+  tab: "Position",
+  value: "position",
+  fields: [{
+    label: "Set Postion (Vertical & Horizantal)",
+    key: "alignment",
+    type: "alignment"
+  }]
+}, {
+  tab: "Margin Spacing",
+  value: "marginSpacing",
+  fields: [{
+    label: "Margin Spacing",
+    key: "marginSpacing",
+    type: "bannerSpacing"
+  }]
+}, {
+  tab: "Banner Spacing",
+  value: "bannerSpacing",
+  fields: [{
+    label: "Banner Spacing",
+    key: "bannerSpacing",
+    type: "bannerSpacing"
+  }]
+}, {
+  tab: "Border Radius",
+  value: "borderRadius",
+  fields: [{
+    label: "Border Radius",
+    key: "borderRadius",
+    type: "borderRadius"
+  }]
+}, {
+  tab: "Colors",
+  value: "colors",
+  fields: [{
+    label: "Text",
+    key: "textColor",
+    type: "color",
+    needPreview: true
+  }, {
+    label: "Background",
+    key: "bgColor",
+    type: "color"
+  }, {
+    label: "Border",
+    key: "borderColor",
+    type: "color"
+  }]
+}, {
+  tab: "Save As Template",
+  value: "saveAsTemplate",
+  needActions: false,
+  fields: [{
+    label: "Template Image",
+    key: "saveAsTemplate",
+    type: "saveAsTemplate"
+  }]
+}];
+export default formButtonStyle;