@flozy/editor 2.1.7 → 2.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/Editor/Elements/AppHeader/AppHeader.js +4 -3
  2. package/dist/Editor/Elements/Embed/Frames/DarkFrame.js +4 -3
  3. package/dist/Editor/Elements/Embed/Frames/ImageFrame.js +5 -2
  4. package/dist/Editor/Elements/Embed/Frames/InstaFrame.js +4 -3
  5. package/dist/Editor/Elements/Embed/Frames/InstaFrameDark.js +4 -3
  6. package/dist/Editor/Elements/Embed/Frames/LiteFrame.js +4 -3
  7. package/dist/Editor/Elements/Embed/Frames/RoundedDark.js +4 -3
  8. package/dist/Editor/Elements/Embed/Frames/RoundedLight.js +4 -3
  9. package/dist/Editor/Elements/Embed/Frames/RoundedLightB2.js +4 -3
  10. package/dist/Editor/Elements/Embed/Frames/Slider.js +4 -2
  11. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js +3 -2
  12. package/dist/Editor/common/StyleBuilder/appHeaderStyle.js +5 -0
  13. package/package.json +1 -1
package/dist/Editor/Elements/AppHeader/AppHeader.js CHANGED
@@ -47,7 +47,8 @@ function AppHeader(props) {
47
47
  fontFamily,
48
48
  logoFontSize,
49
49
  titleFontFamily,
50
- isLogoRight
50
+ isLogoRight,
51
+ logoHeight = 40
51
52
  } = element;
52
53
  const {
53
54
  window
@@ -137,7 +138,7 @@ function AppHeader(props) {
137
138
  children: appLogo && appLogo !== "none" ? /*#__PURE__*/_jsx("img", {
138
139
  alt: `${appTitle} Logo`,
139
140
  style: {
140
- height: "40px",
141
+ height: `${parseInt(logoHeight) || 40}px`,
141
142
  width: "auto"
142
143
  },
143
144
  src: appLogo
@@ -240,7 +241,7 @@ function AppHeader(props) {
240
241
  children: [appLogo && appLogo !== "none" ? /*#__PURE__*/_jsx("img", {
241
242
  alt: `${appTitle} Logo`,
242
243
  style: {
243
- height: "40px",
244
+ height: `${parseInt(logoHeight) || 40}px`,
244
245
  width: "auto"
245
246
  },
246
247
  src: appLogo
package/dist/Editor/Elements/Embed/Frames/DarkFrame.js CHANGED
@@ -7,7 +7,8 @@ const DarkFrame = /*#__PURE__*/forwardRef((props, ref) => {
7
7
  id,
8
8
  imagePos,
9
9
  handleClick,
10
- imageRef
10
+ imageRef,
11
+ defaultScale
11
12
  } = props;
12
13
  const {
13
14
  calX,
@@ -16,7 +17,7 @@ const DarkFrame = /*#__PURE__*/forwardRef((props, ref) => {
16
17
  } = imagePos || {
17
18
  calX: 0,
18
19
  calY: 0,
19
- scale: 100
20
+ scale: defaultScale
20
21
  };
21
22
  return /*#__PURE__*/_jsxs("svg", {
22
23
  xmlns: "http://www.w3.org/2000/svg",
@@ -52,7 +53,7 @@ const DarkFrame = /*#__PURE__*/forwardRef((props, ref) => {
52
53
  children: /*#__PURE__*/_jsx("image", {
53
54
  x: calX,
54
55
  y: calY,
55
- height: `${scale || 100}%`,
56
+ height: `${scale || defaultScale}%`,
56
57
  href: href
57
58
  })
58
59
  }), /*#__PURE__*/_jsxs("filter", {
package/dist/Editor/Elements/Embed/Frames/ImageFrame.js CHANGED
@@ -100,7 +100,8 @@ const ImageFrame = props => {
100
100
  calY,
101
101
  scale
102
102
  },
103
- imageRef: imageRef
103
+ imageRef: imageRef,
104
+ defaultScale: 100
104
105
  }), /*#__PURE__*/_jsx(Popper, {
105
106
  id: id,
106
107
  open: open,
@@ -124,7 +125,9 @@ const ImageFrame = props => {
124
125
  },
125
126
  children: [/*#__PURE__*/_jsx(ContinuousSlider, {
126
127
  val: scale,
127
- onChange: onScaleChange
128
+ onChange: onScaleChange,
129
+ min: 50,
130
+ max: 200
128
131
  }), /*#__PURE__*/_jsx(IconButton, {
129
132
  onClick: handleClose,
130
133
  sx: {
package/dist/Editor/Elements/Embed/Frames/InstaFrame.js CHANGED
@@ -7,7 +7,8 @@ const InstaFrame = /*#__PURE__*/forwardRef((props, ref) => {
7
7
  id,
8
8
  imagePos,
9
9
  handleClick,
10
- imageRef
10
+ imageRef,
11
+ defaultScale
11
12
  } = props;
12
13
  const {
13
14
  calX,
@@ -16,7 +17,7 @@ const InstaFrame = /*#__PURE__*/forwardRef((props, ref) => {
16
17
  } = imagePos || {
17
18
  calX: 0,
18
19
  calY: 0,
19
- scale: 100
20
+ scale: defaultScale
20
21
  };
21
22
  return /*#__PURE__*/_jsxs("svg", {
22
23
  xmlns: "http://www.w3.org/2000/svg",
@@ -109,7 +110,7 @@ const InstaFrame = /*#__PURE__*/forwardRef((props, ref) => {
109
110
  children: /*#__PURE__*/_jsx("image", {
110
111
  x: calX,
111
112
  y: calY,
112
- height: `${scale || 100}%`,
113
+ height: `${scale || defaultScale}%`,
113
114
  href: href
114
115
  })
115
116
  })
package/dist/Editor/Elements/Embed/Frames/InstaFrameDark.js CHANGED
@@ -7,7 +7,8 @@ const InstaFrame = /*#__PURE__*/forwardRef((props, ref) => {
7
7
  id,
8
8
  imagePos,
9
9
  handleClick,
10
- imageRef
10
+ imageRef,
11
+ defaultScale
11
12
  } = props;
12
13
  const {
13
14
  calX,
@@ -16,7 +17,7 @@ const InstaFrame = /*#__PURE__*/forwardRef((props, ref) => {
16
17
  } = imagePos || {
17
18
  calX: 0,
18
19
  calY: 0,
19
- scale: 100
20
+ scale: defaultScale
20
21
  };
21
22
  return /*#__PURE__*/_jsxs("svg", {
22
23
  xmlns: "http://www.w3.org/2000/svg",
@@ -108,7 +109,7 @@ const InstaFrame = /*#__PURE__*/forwardRef((props, ref) => {
108
109
  children: /*#__PURE__*/_jsx("image", {
109
110
  x: calX,
110
111
  y: calY,
111
- height: `${scale || 100}%`,
112
+ height: `${scale || defaultScale}%`,
112
113
  href: href
113
114
  })
114
115
  })
package/dist/Editor/Elements/Embed/Frames/LiteFrame.js CHANGED
@@ -7,7 +7,8 @@ const DarkFrame = /*#__PURE__*/forwardRef((props, ref) => {
7
7
  id,
8
8
  imagePos,
9
9
  handleClick,
10
- imageRef
10
+ imageRef,
11
+ defaultScale
11
12
  } = props;
12
13
  const {
13
14
  calX,
@@ -16,7 +17,7 @@ const DarkFrame = /*#__PURE__*/forwardRef((props, ref) => {
16
17
  } = imagePos || {
17
18
  calX: 0,
18
19
  calY: 0,
19
- scale: 100
20
+ scale: defaultScale
20
21
  };
21
22
  return /*#__PURE__*/_jsxs("svg", {
22
23
  xmlns: "http://www.w3.org/2000/svg",
@@ -55,7 +56,7 @@ const DarkFrame = /*#__PURE__*/forwardRef((props, ref) => {
55
56
  children: /*#__PURE__*/_jsx("image", {
56
57
  x: calX,
57
58
  y: calY,
58
- height: `${scale || 100}%`,
59
+ height: `${scale || defaultScale}%`,
59
60
  href: href
60
61
  })
61
62
  }), /*#__PURE__*/_jsxs("filter", {
package/dist/Editor/Elements/Embed/Frames/RoundedDark.js CHANGED
@@ -7,7 +7,8 @@ const RoundedDark = /*#__PURE__*/forwardRef((props, ref) => {
7
7
  id,
8
8
  imagePos,
9
9
  handleClick,
10
- imageRef
10
+ imageRef,
11
+ defaultScale
11
12
  } = props;
12
13
  const {
13
14
  calX,
@@ -16,7 +17,7 @@ const RoundedDark = /*#__PURE__*/forwardRef((props, ref) => {
16
17
  } = imagePos || {
17
18
  calX: 0,
18
19
  calY: 0,
19
- scale: 100
20
+ scale: defaultScale
20
21
  };
21
22
  return /*#__PURE__*/_jsxs("svg", {
22
23
  xmlns: "http://www.w3.org/2000/svg",
@@ -53,7 +54,7 @@ const RoundedDark = /*#__PURE__*/forwardRef((props, ref) => {
53
54
  children: /*#__PURE__*/_jsx("image", {
54
55
  x: calX,
55
56
  y: calY,
56
- height: `${scale || 100}%`,
57
+ height: `${scale || defaultScale}%`,
57
58
  href: href
58
59
  })
59
60
  }), /*#__PURE__*/_jsxs("filter", {
package/dist/Editor/Elements/Embed/Frames/RoundedLight.js CHANGED
@@ -7,7 +7,8 @@ const RoundedLight = /*#__PURE__*/forwardRef((props, ref) => {
7
7
  id,
8
8
  imagePos,
9
9
  handleClick,
10
- imageRef
10
+ imageRef,
11
+ defaultScale
11
12
  } = props;
12
13
  const {
13
14
  calX,
@@ -16,7 +17,7 @@ const RoundedLight = /*#__PURE__*/forwardRef((props, ref) => {
16
17
  } = imagePos || {
17
18
  calX: 0,
18
19
  calY: 0,
19
- scale: 100
20
+ scale: defaultScale
20
21
  };
21
22
  return /*#__PURE__*/_jsxs("svg", {
22
23
  xmlns: "http://www.w3.org/2000/svg",
@@ -49,7 +50,7 @@ const RoundedLight = /*#__PURE__*/forwardRef((props, ref) => {
49
50
  children: /*#__PURE__*/_jsx("image", {
50
51
  x: calX,
51
52
  y: calY,
52
- height: `${scale || 100}%`,
53
+ height: `${scale || defaultScale}%`,
53
54
  href: href
54
55
  })
55
56
  })
package/dist/Editor/Elements/Embed/Frames/RoundedLightB2.js CHANGED
@@ -7,7 +7,8 @@ const RoundedLightB2 = /*#__PURE__*/forwardRef((props, ref) => {
7
7
  id,
8
8
  imagePos,
9
9
  handleClick,
10
- imageRef
10
+ imageRef,
11
+ defaultScale
11
12
  } = props;
12
13
  const {
13
14
  calX,
@@ -16,7 +17,7 @@ const RoundedLightB2 = /*#__PURE__*/forwardRef((props, ref) => {
16
17
  } = imagePos || {
17
18
  calX: 0,
18
19
  calY: 0,
19
- scale: 100
20
+ scale: defaultScale
20
21
  };
21
22
  return /*#__PURE__*/_jsxs("svg", {
22
23
  xmlns: "http://www.w3.org/2000/svg",
@@ -49,7 +50,7 @@ const RoundedLightB2 = /*#__PURE__*/forwardRef((props, ref) => {
49
50
  children: /*#__PURE__*/_jsx("image", {
50
51
  x: calX,
51
52
  y: calY,
52
- height: `${scale || 100}%`,
53
+ height: `${scale || defaultScale}%`,
53
54
  href: href
54
55
  })
55
56
  })
package/dist/Editor/Elements/Embed/Frames/Slider.js CHANGED
@@ -7,6 +7,8 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
7
7
  const ContinuousSlider = props => {
8
8
  const {
9
9
  val,
10
+ min,
11
+ max,
10
12
  onChange
11
13
  } = props;
12
14
  const [value, setValue] = useState(val || 100);
@@ -28,9 +30,9 @@ const ContinuousSlider = props => {
28
30
  "aria-label": "Volume",
29
31
  value: value,
30
32
  onChange: handleChange,
31
- min: 100,
33
+ min: min,
32
34
  step: 1,
33
- max: 400
35
+ max: max
34
36
  }), /*#__PURE__*/_jsx(Typography, {
35
37
  variant: "div",
36
38
  children: "+"
package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js CHANGED
@@ -41,6 +41,7 @@ const MiniTextFormat = props => {
41
41
  container: true,
42
42
  sx: classes.miniTextFormatWrapper,
43
43
  alignItems: "center",
44
+ id: "mini-text-editor-wrapper",
44
45
  children: /*#__PURE__*/_jsx(Grid, {
45
46
  item: true,
46
47
  xs: 12,
@@ -86,7 +87,7 @@ const MiniTextFormat = props => {
86
87
  active: isBlockActive(editor, link.format),
87
88
  editor: editor
88
89
  }, link.id), /*#__PURE__*/_jsx(Button, {
89
- onClick: e => setAnchorEl(e.currentTarget),
90
+ onClick: e => setAnchorEl(document.getElementById("mini-text-editor-wrapper")),
90
91
  className: "textSettingsIcon",
91
92
  children: /*#__PURE__*/_jsx(TextToolIcon, {})
92
93
  }), /*#__PURE__*/_jsx(Popper, {
@@ -94,7 +95,7 @@ const MiniTextFormat = props => {
94
95
  open: open,
95
96
  anchorEl: anchorEl,
96
97
  transition: true,
97
- placement: "auto-end",
98
+ placement: "bottom-end",
98
99
  sx: classes.popupWrapper,
99
100
  className: `tools-drawer ${size?.device}`,
100
101
  children: ({
package/dist/Editor/common/StyleBuilder/appHeaderStyle.js CHANGED
@@ -32,6 +32,11 @@ const appHeaderStyle = [{
32
32
  label: "Logo Image URL",
33
33
  key: "appLogo",
34
34
  type: "text"
35
+ }, {
36
+ label: "App Logo Height",
37
+ key: "logoHeight",
38
+ type: "text",
39
+ placeholder: "40px"
35
40
  }, {
36
41
  label: "App Logo",
37
42
  key: "appLogo",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flozy/editor",
3
- "version": "2.1.7",
3
+ "version": "2.1.8",
4
4
  "description": "An Editor for flozy app brain",
5
5
  "files": [
6
6
  "dist"