@flozy/editor 2.1.7 → 2.1.8

Sign up to get free protection for your applications and to get access to all the features.
@@ -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
@@ -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", {
@@ -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: {
@@ -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
  })
@@ -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
  })
@@ -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", {
@@ -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", {
@@ -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
  })
@@ -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
  })
@@ -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: "+"
@@ -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: ({
@@ -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"