@bbl-digital/snorre 3.0.34 → 3.0.36

Sign up to get free protection for your applications and to get access to all the features.
Files changed (20) hide show
  1. package/dist/bundle.js +30 -15
  2. package/esm/core/Editor/index.js +17 -0
  3. package/esm/icons/General/IconCases.js +3 -3
  4. package/esm/icons/General/IconHomeFilled.js +2 -2
  5. package/esm/icons/General/IconHomeOutline.js +2 -2
  6. package/esm/icons/General/IconHouseBlockFilled.js +2 -2
  7. package/esm/icons/General/IconHouseBlockOutline.js +2 -2
  8. package/esm/icons/General/IconLeafFilled.js +2 -2
  9. package/esm/icons/General/IconLeafOutline.js +2 -2
  10. package/lib/core/Editor/index.d.ts +2 -0
  11. package/lib/core/Editor/index.d.ts.map +1 -1
  12. package/lib/core/Editor/index.js +17 -0
  13. package/lib/icons/General/IconCases.js +3 -3
  14. package/lib/icons/General/IconHomeFilled.js +2 -2
  15. package/lib/icons/General/IconHomeOutline.js +2 -2
  16. package/lib/icons/General/IconHouseBlockFilled.js +2 -2
  17. package/lib/icons/General/IconHouseBlockOutline.js +2 -2
  18. package/lib/icons/General/IconLeafFilled.js +2 -2
  19. package/lib/icons/General/IconLeafOutline.js +2 -2
  20. package/package.json +1 -1
package/dist/bundle.js CHANGED
@@ -2281,20 +2281,20 @@
2281
2281
  }), /*#__PURE__*/jsxRuntime.jsx("g", {
2282
2282
  transform: "translate(-700 -261)",
2283
2283
  children: /*#__PURE__*/jsxRuntime.jsx("g", {
2284
- "clip-path": "url(#cc)",
2284
+ clipPath: "url(#cc)",
2285
2285
  children: /*#__PURE__*/jsxRuntime.jsx("g", {
2286
2286
  transform: "translate(700 261)",
2287
2287
  children: /*#__PURE__*/jsxRuntime.jsx("g", {
2288
2288
  transform: "translate(3 6)",
2289
2289
  children: /*#__PURE__*/jsxRuntime.jsxs("g", {
2290
- "clip-path": "url(#cb)",
2290
+ clipPath: "url(#cb)",
2291
2291
  children: [/*#__PURE__*/jsxRuntime.jsx("polygon", {
2292
2292
  points: "0 0 18 0 18 13 0 13",
2293
2293
  fill: "#fff"
2294
2294
  }), /*#__PURE__*/jsxRuntime.jsx("g", {
2295
2295
  transform: "translate(-1.7143 -3.25)",
2296
2296
  children: /*#__PURE__*/jsxRuntime.jsx("g", {
2297
- "clip-path": "url(#ca)",
2297
+ clipPath: "url(#ca)",
2298
2298
  children: /*#__PURE__*/jsxRuntime.jsx("polygon", {
2299
2299
  points: "1.7143 3.25 19.714 3.25 19.714 16.25 1.7143 16.25"
2300
2300
  })
@@ -2850,11 +2850,11 @@
2850
2850
  })]
2851
2851
  }), /*#__PURE__*/jsxRuntime.jsx("g", {
2852
2852
  children: /*#__PURE__*/jsxRuntime.jsx("g", {
2853
- "clip-path": "url(#lfc)",
2853
+ clipPath: "url(#lfc)",
2854
2854
  children: /*#__PURE__*/jsxRuntime.jsx("g", {
2855
2855
  children: /*#__PURE__*/jsxRuntime.jsx("g", {
2856
2856
  children: /*#__PURE__*/jsxRuntime.jsx("g", {
2857
- "clip-path": "url(#lfb)",
2857
+ clipPath: "url(#lfb)",
2858
2858
  children: /*#__PURE__*/jsxRuntime.jsx("polygon", {
2859
2859
  points: "0 0 17 0 17 17 0 17"
2860
2860
  })
@@ -2889,11 +2889,11 @@
2889
2889
  })]
2890
2890
  }), /*#__PURE__*/jsxRuntime.jsx("g", {
2891
2891
  children: /*#__PURE__*/jsxRuntime.jsx("g", {
2892
- "clip-path": "url(#loc)",
2892
+ clipPath: "url(#loc)",
2893
2893
  children: /*#__PURE__*/jsxRuntime.jsx("g", {
2894
2894
  children: /*#__PURE__*/jsxRuntime.jsx("g", {
2895
2895
  children: /*#__PURE__*/jsxRuntime.jsx("g", {
2896
- "clip-path": "url(#lob)",
2896
+ clipPath: "url(#lob)",
2897
2897
  children: /*#__PURE__*/jsxRuntime.jsx("polygon", {
2898
2898
  points: "0 0 17 0 17 17 0 17"
2899
2899
  })
@@ -3707,9 +3707,9 @@
3707
3707
  })
3708
3708
  })]
3709
3709
  }), /*#__PURE__*/jsxRuntime.jsx("g", {
3710
- "clip-path": "url(#hfa)",
3710
+ clipPath: "url(#hfa)",
3711
3711
  children: /*#__PURE__*/jsxRuntime.jsx("g", {
3712
- "clip-path": "url(#hfb)",
3712
+ clipPath: "url(#hfb)",
3713
3713
  children: /*#__PURE__*/jsxRuntime.jsx("path", {
3714
3714
  d: "M0 0h18v19H0V0z"
3715
3715
  })
@@ -3735,9 +3735,9 @@
3735
3735
  })
3736
3736
  })]
3737
3737
  }), /*#__PURE__*/jsxRuntime.jsx("g", {
3738
- "clip-path": "url(#hoa)",
3738
+ clipPath: "url(#hoa)",
3739
3739
  children: /*#__PURE__*/jsxRuntime.jsx("g", {
3740
- "clip-path": "url(#hob)",
3740
+ clipPath: "url(#hob)",
3741
3741
  children: /*#__PURE__*/jsxRuntime.jsx("path", {
3742
3742
  d: "M0 0h18v19H0V0z"
3743
3743
  })
@@ -3763,9 +3763,9 @@
3763
3763
  })
3764
3764
  })]
3765
3765
  }), /*#__PURE__*/jsxRuntime.jsx("g", {
3766
- "clip-path": "url(#hbfa)",
3766
+ clipPath: "url(#hbfa)",
3767
3767
  children: /*#__PURE__*/jsxRuntime.jsx("g", {
3768
- "clip-path": "url(#hbfb)",
3768
+ clipPath: "url(#hbfb)",
3769
3769
  children: /*#__PURE__*/jsxRuntime.jsx("path", {
3770
3770
  d: "M0 0h15v18H0V0z"
3771
3771
  })
@@ -3791,9 +3791,9 @@
3791
3791
  })
3792
3792
  })]
3793
3793
  }), /*#__PURE__*/jsxRuntime.jsx("g", {
3794
- "clip-path": "url(#hboa)",
3794
+ clipPath: "url(#hboa)",
3795
3795
  children: /*#__PURE__*/jsxRuntime.jsx("g", {
3796
- "clip-path": "url(#hbob)",
3796
+ clipPath: "url(#hbob)",
3797
3797
  children: /*#__PURE__*/jsxRuntime.jsx("path", {
3798
3798
  d: "M0 0h15v18H0V0z"
3799
3799
  })
@@ -32120,6 +32120,7 @@
32120
32120
 
32121
32121
  const Editor = ({
32122
32122
  initialValue,
32123
+ overrideValue,
32123
32124
  type = 'basic',
32124
32125
  label,
32125
32126
  height = 500,
@@ -32136,6 +32137,7 @@
32136
32137
  onChange,
32137
32138
  onBlur
32138
32139
  }) => {
32140
+ const editorRef = React.useRef(null);
32139
32141
  const [loaded, setLoaded] = React.useState(false);
32140
32142
  const [value, setValue] = React.useState(initialValue || '');
32141
32143
  const {
@@ -32153,6 +32155,18 @@
32153
32155
  const handleBlur = () => onBlur && onBlur(value);
32154
32156
 
32155
32157
  const toolbar = type === 'basic' ? basicToolbar : type === 'rich' ? richToolbar : customToolbar;
32158
+ React.useEffect(() => {
32159
+ const editor = editorRef.current?.editor;
32160
+ if (!editor) return;
32161
+
32162
+ if (overrideValue === null) {
32163
+ editor?.setContent('');
32164
+ return;
32165
+ }
32166
+
32167
+ if (!overrideValue?.length) return;
32168
+ editor.setContent(overrideValue); // eslint-disable-next-line react-hooks/exhaustive-deps
32169
+ }, [overrideValue]);
32156
32170
  return jsxRuntime$1.jsxs("div", {
32157
32171
  css: theme => [styles$3.default(theme), !loaded && styles$3.hideEditor],
32158
32172
  children: [label && jsxRuntime$1.jsx(Label, {
@@ -32160,6 +32174,7 @@
32160
32174
  }), jsxRuntime$1.jsx("div", {
32161
32175
  className: "editor-wrapper",
32162
32176
  children: jsxRuntime$1.jsx(tinymceReact.Editor, {
32177
+ ref: editorRef,
32163
32178
  onBlur: handleBlur,
32164
32179
  onInit: () => setLoaded(true),
32165
32180
  apiKey: TINYMCE_API_KEY,
package/esm/core/Editor/index.js CHANGED
@@ -8,12 +8,15 @@ import Text from '../Text';
8
8
  import IconErrorOutline from '../../icons/General/IconErrorOutline';
9
9
  import { useTheme } from '@emotion/react';
10
10
  import { useIsMobile } from '../../hooks/useIsMobile';
11
+ import { useEffect } from 'react';
12
+ import { useRef } from 'react';
11
13
  import { jsx as _jsx } from "@emotion/react/jsx-runtime";
12
14
  import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
13
15
  const TINYMCE_API_KEY = 'v1hbb9qthd0z2fr0keceoglnwbzhyjqwsj4q7n193ovikt8s';
14
16
 
15
17
  const Editor = ({
16
18
  initialValue,
19
+ overrideValue,
17
20
  type = 'basic',
18
21
  label,
19
22
  height = 500,
@@ -30,6 +33,7 @@ const Editor = ({
30
33
  onChange,
31
34
  onBlur
32
35
  }) => {
36
+ const editorRef = useRef(null);
33
37
  const [loaded, setLoaded] = useState(false);
34
38
  const [value, setValue] = useState(initialValue || '');
35
39
  const {
@@ -47,6 +51,18 @@ const Editor = ({
47
51
  const handleBlur = () => onBlur && onBlur(value);
48
52
 
49
53
  const toolbar = type === 'basic' ? basicToolbar : type === 'rich' ? richToolbar : customToolbar;
54
+ useEffect(() => {
55
+ const editor = editorRef.current?.editor;
56
+ if (!editor) return;
57
+
58
+ if (overrideValue === null) {
59
+ editor?.setContent('');
60
+ return;
61
+ }
62
+
63
+ if (!overrideValue?.length) return;
64
+ editor.setContent(overrideValue); // eslint-disable-next-line react-hooks/exhaustive-deps
65
+ }, [overrideValue]);
50
66
  return _jsxs("div", {
51
67
  css: theme => [styles.default(theme), !loaded && styles.hideEditor],
52
68
  children: [label && _jsx(Label, {
@@ -54,6 +70,7 @@ const Editor = ({
54
70
  }), _jsx("div", {
55
71
  className: "editor-wrapper",
56
72
  children: _jsx(TinyEditor, {
73
+ ref: editorRef,
57
74
  onBlur: handleBlur,
58
75
  onInit: () => setLoaded(true),
59
76
  apiKey: TINYMCE_API_KEY,
package/esm/icons/General/IconCases.js CHANGED
@@ -27,20 +27,20 @@ const IconCases = props => {
27
27
  }), /*#__PURE__*/_jsx("g", {
28
28
  transform: "translate(-700 -261)",
29
29
  children: /*#__PURE__*/_jsx("g", {
30
- "clip-path": "url(#cc)",
30
+ clipPath: "url(#cc)",
31
31
  children: /*#__PURE__*/_jsx("g", {
32
32
  transform: "translate(700 261)",
33
33
  children: /*#__PURE__*/_jsx("g", {
34
34
  transform: "translate(3 6)",
35
35
  children: /*#__PURE__*/_jsxs("g", {
36
- "clip-path": "url(#cb)",
36
+ clipPath: "url(#cb)",
37
37
  children: [/*#__PURE__*/_jsx("polygon", {
38
38
  points: "0 0 18 0 18 13 0 13",
39
39
  fill: "#fff"
40
40
  }), /*#__PURE__*/_jsx("g", {
41
41
  transform: "translate(-1.7143 -3.25)",
42
42
  children: /*#__PURE__*/_jsx("g", {
43
- "clip-path": "url(#ca)",
43
+ clipPath: "url(#ca)",
44
44
  children: /*#__PURE__*/_jsx("polygon", {
45
45
  points: "1.7143 3.25 19.714 3.25 19.714 16.25 1.7143 16.25"
46
46
  })
package/esm/icons/General/IconHomeFilled.js CHANGED
@@ -19,9 +19,9 @@ const IconHomeFilled = props => /*#__PURE__*/_jsxs("svg", {
19
19
  })
20
20
  })]
21
21
  }), /*#__PURE__*/_jsx("g", {
22
- "clip-path": "url(#hfa)",
22
+ clipPath: "url(#hfa)",
23
23
  children: /*#__PURE__*/_jsx("g", {
24
- "clip-path": "url(#hfb)",
24
+ clipPath: "url(#hfb)",
25
25
  children: /*#__PURE__*/_jsx("path", {
26
26
  d: "M0 0h18v19H0V0z"
27
27
  })
package/esm/icons/General/IconHomeOutline.js CHANGED
@@ -19,9 +19,9 @@ const IconHomeOutline = props => /*#__PURE__*/_jsxs("svg", {
19
19
  })
20
20
  })]
21
21
  }), /*#__PURE__*/_jsx("g", {
22
- "clip-path": "url(#hoa)",
22
+ clipPath: "url(#hoa)",
23
23
  children: /*#__PURE__*/_jsx("g", {
24
- "clip-path": "url(#hob)",
24
+ clipPath: "url(#hob)",
25
25
  children: /*#__PURE__*/_jsx("path", {
26
26
  d: "M0 0h18v19H0V0z"
27
27
  })
package/esm/icons/General/IconHouseBlockFilled.js CHANGED
@@ -19,9 +19,9 @@ const IconHouseBlockFilled = props => /*#__PURE__*/_jsxs("svg", {
19
19
  })
20
20
  })]
21
21
  }), /*#__PURE__*/_jsx("g", {
22
- "clip-path": "url(#hbfa)",
22
+ clipPath: "url(#hbfa)",
23
23
  children: /*#__PURE__*/_jsx("g", {
24
- "clip-path": "url(#hbfb)",
24
+ clipPath: "url(#hbfb)",
25
25
  children: /*#__PURE__*/_jsx("path", {
26
26
  d: "M0 0h15v18H0V0z"
27
27
  })
package/esm/icons/General/IconHouseBlockOutline.js CHANGED
@@ -19,9 +19,9 @@ const IconHouseBlockOutline = props => /*#__PURE__*/_jsxs("svg", {
19
19
  })
20
20
  })]
21
21
  }), /*#__PURE__*/_jsx("g", {
22
- "clip-path": "url(#hboa)",
22
+ clipPath: "url(#hboa)",
23
23
  children: /*#__PURE__*/_jsx("g", {
24
- "clip-path": "url(#hbob)",
24
+ clipPath: "url(#hbob)",
25
25
  children: /*#__PURE__*/_jsx("path", {
26
26
  d: "M0 0h15v18H0V0z"
27
27
  })
package/esm/icons/General/IconLeafFilled.js CHANGED
@@ -20,11 +20,11 @@ const IconLeafFilled = props => /*#__PURE__*/_jsxs("svg", {
20
20
  })]
21
21
  }), /*#__PURE__*/_jsx("g", {
22
22
  children: /*#__PURE__*/_jsx("g", {
23
- "clip-path": "url(#lfc)",
23
+ clipPath: "url(#lfc)",
24
24
  children: /*#__PURE__*/_jsx("g", {
25
25
  children: /*#__PURE__*/_jsx("g", {
26
26
  children: /*#__PURE__*/_jsx("g", {
27
- "clip-path": "url(#lfb)",
27
+ clipPath: "url(#lfb)",
28
28
  children: /*#__PURE__*/_jsx("polygon", {
29
29
  points: "0 0 17 0 17 17 0 17"
30
30
  })
package/esm/icons/General/IconLeafOutline.js CHANGED
@@ -25,11 +25,11 @@ const IconLeafOutline = props => /*#__PURE__*/_jsxs("svg", {
25
25
  })]
26
26
  }), /*#__PURE__*/_jsx("g", {
27
27
  children: /*#__PURE__*/_jsx("g", {
28
- "clip-path": "url(#loc)",
28
+ clipPath: "url(#loc)",
29
29
  children: /*#__PURE__*/_jsx("g", {
30
30
  children: /*#__PURE__*/_jsx("g", {
31
31
  children: /*#__PURE__*/_jsx("g", {
32
- "clip-path": "url(#lob)",
32
+ clipPath: "url(#lob)",
33
33
  children: /*#__PURE__*/_jsx("polygon", {
34
34
  points: "0 0 17 0 17 17 0 17"
35
35
  })
package/lib/core/Editor/index.d.ts CHANGED
@@ -3,6 +3,8 @@ import { FC } from 'react';
3
3
  interface IProps {
4
4
  /** Input text */
5
5
  initialValue?: string;
6
+ /** Input text that overrides the initialValue or already existing text value, if null is sent in we reset the field */
7
+ overrideValue?: string | null;
6
8
  /** Editor type, defaults to basic */
7
9
  type?: 'basic' | 'rich' | 'custom';
8
10
  /** Adds a custom toolbar if type is set to custom */
package/lib/core/Editor/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Editor/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAA;AAgBpC,UAAU,MAAM;IACd,iBAAiB;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,qCAAqC;IACrC,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;IAClC,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oBAAoB;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACzB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,mDAAmD;IACnD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iBAAiB;IACjB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,mBAAmB;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3D;AAID,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,MAAM,CAuGtB,CAAA;AAED,eAAe,MAAM,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Editor/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAA;AAkBpC,UAAU,MAAM;IACd,iBAAiB;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,wHAAwH;IACxH,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,qCAAqC;IACrC,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;IAClC,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oBAAoB;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACzB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,mDAAmD;IACnD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iBAAiB;IACjB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,mBAAmB;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3D;AAID,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,MAAM,CA0HtB,CAAA;AAED,eAAe,MAAM,CAAA"}
package/lib/core/Editor/index.js CHANGED
@@ -8,12 +8,15 @@ import Text from '../Text';
8
8
  import IconErrorOutline from '../../icons/General/IconErrorOutline';
9
9
  import { useTheme } from '@emotion/react';
10
10
  import { useIsMobile } from '../../hooks/useIsMobile';
11
+ import { useEffect } from 'react';
12
+ import { useRef } from 'react';
11
13
  import { jsx as _jsx } from "@emotion/react/jsx-runtime";
12
14
  import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
13
15
  const TINYMCE_API_KEY = 'v1hbb9qthd0z2fr0keceoglnwbzhyjqwsj4q7n193ovikt8s';
14
16
 
15
17
  const Editor = ({
16
18
  initialValue,
19
+ overrideValue,
17
20
  type = 'basic',
18
21
  label,
19
22
  height = 500,
@@ -30,6 +33,7 @@ const Editor = ({
30
33
  onChange,
31
34
  onBlur
32
35
  }) => {
36
+ const editorRef = useRef(null);
33
37
  const [loaded, setLoaded] = useState(false);
34
38
  const [value, setValue] = useState(initialValue || '');
35
39
  const {
@@ -47,6 +51,18 @@ const Editor = ({
47
51
  const handleBlur = () => onBlur && onBlur(value);
48
52
 
49
53
  const toolbar = type === 'basic' ? basicToolbar : type === 'rich' ? richToolbar : customToolbar;
54
+ useEffect(() => {
55
+ const editor = editorRef.current?.editor;
56
+ if (!editor) return;
57
+
58
+ if (overrideValue === null) {
59
+ editor?.setContent('');
60
+ return;
61
+ }
62
+
63
+ if (!overrideValue?.length) return;
64
+ editor.setContent(overrideValue); // eslint-disable-next-line react-hooks/exhaustive-deps
65
+ }, [overrideValue]);
50
66
  return _jsxs("div", {
51
67
  css: theme => [styles.default(theme), !loaded && styles.hideEditor],
52
68
  children: [label && _jsx(Label, {
@@ -54,6 +70,7 @@ const Editor = ({
54
70
  }), _jsx("div", {
55
71
  className: "editor-wrapper",
56
72
  children: _jsx(TinyEditor, {
73
+ ref: editorRef,
57
74
  onBlur: handleBlur,
58
75
  onInit: () => setLoaded(true),
59
76
  apiKey: TINYMCE_API_KEY,
package/lib/icons/General/IconCases.js CHANGED
@@ -27,20 +27,20 @@ const IconCases = props => {
27
27
  }), /*#__PURE__*/_jsx("g", {
28
28
  transform: "translate(-700 -261)",
29
29
  children: /*#__PURE__*/_jsx("g", {
30
- "clip-path": "url(#cc)",
30
+ clipPath: "url(#cc)",
31
31
  children: /*#__PURE__*/_jsx("g", {
32
32
  transform: "translate(700 261)",
33
33
  children: /*#__PURE__*/_jsx("g", {
34
34
  transform: "translate(3 6)",
35
35
  children: /*#__PURE__*/_jsxs("g", {
36
- "clip-path": "url(#cb)",
36
+ clipPath: "url(#cb)",
37
37
  children: [/*#__PURE__*/_jsx("polygon", {
38
38
  points: "0 0 18 0 18 13 0 13",
39
39
  fill: "#fff"
40
40
  }), /*#__PURE__*/_jsx("g", {
41
41
  transform: "translate(-1.7143 -3.25)",
42
42
  children: /*#__PURE__*/_jsx("g", {
43
- "clip-path": "url(#ca)",
43
+ clipPath: "url(#ca)",
44
44
  children: /*#__PURE__*/_jsx("polygon", {
45
45
  points: "1.7143 3.25 19.714 3.25 19.714 16.25 1.7143 16.25"
46
46
  })
package/lib/icons/General/IconHomeFilled.js CHANGED
@@ -19,9 +19,9 @@ const IconHomeFilled = props => /*#__PURE__*/_jsxs("svg", {
19
19
  })
20
20
  })]
21
21
  }), /*#__PURE__*/_jsx("g", {
22
- "clip-path": "url(#hfa)",
22
+ clipPath: "url(#hfa)",
23
23
  children: /*#__PURE__*/_jsx("g", {
24
- "clip-path": "url(#hfb)",
24
+ clipPath: "url(#hfb)",
25
25
  children: /*#__PURE__*/_jsx("path", {
26
26
  d: "M0 0h18v19H0V0z"
27
27
  })
package/lib/icons/General/IconHomeOutline.js CHANGED
@@ -19,9 +19,9 @@ const IconHomeOutline = props => /*#__PURE__*/_jsxs("svg", {
19
19
  })
20
20
  })]
21
21
  }), /*#__PURE__*/_jsx("g", {
22
- "clip-path": "url(#hoa)",
22
+ clipPath: "url(#hoa)",
23
23
  children: /*#__PURE__*/_jsx("g", {
24
- "clip-path": "url(#hob)",
24
+ clipPath: "url(#hob)",
25
25
  children: /*#__PURE__*/_jsx("path", {
26
26
  d: "M0 0h18v19H0V0z"
27
27
  })
package/lib/icons/General/IconHouseBlockFilled.js CHANGED
@@ -19,9 +19,9 @@ const IconHouseBlockFilled = props => /*#__PURE__*/_jsxs("svg", {
19
19
  })
20
20
  })]
21
21
  }), /*#__PURE__*/_jsx("g", {
22
- "clip-path": "url(#hbfa)",
22
+ clipPath: "url(#hbfa)",
23
23
  children: /*#__PURE__*/_jsx("g", {
24
- "clip-path": "url(#hbfb)",
24
+ clipPath: "url(#hbfb)",
25
25
  children: /*#__PURE__*/_jsx("path", {
26
26
  d: "M0 0h15v18H0V0z"
27
27
  })
package/lib/icons/General/IconHouseBlockOutline.js CHANGED
@@ -19,9 +19,9 @@ const IconHouseBlockOutline = props => /*#__PURE__*/_jsxs("svg", {
19
19
  })
20
20
  })]
21
21
  }), /*#__PURE__*/_jsx("g", {
22
- "clip-path": "url(#hboa)",
22
+ clipPath: "url(#hboa)",
23
23
  children: /*#__PURE__*/_jsx("g", {
24
- "clip-path": "url(#hbob)",
24
+ clipPath: "url(#hbob)",
25
25
  children: /*#__PURE__*/_jsx("path", {
26
26
  d: "M0 0h15v18H0V0z"
27
27
  })
package/lib/icons/General/IconLeafFilled.js CHANGED
@@ -20,11 +20,11 @@ const IconLeafFilled = props => /*#__PURE__*/_jsxs("svg", {
20
20
  })]
21
21
  }), /*#__PURE__*/_jsx("g", {
22
22
  children: /*#__PURE__*/_jsx("g", {
23
- "clip-path": "url(#lfc)",
23
+ clipPath: "url(#lfc)",
24
24
  children: /*#__PURE__*/_jsx("g", {
25
25
  children: /*#__PURE__*/_jsx("g", {
26
26
  children: /*#__PURE__*/_jsx("g", {
27
- "clip-path": "url(#lfb)",
27
+ clipPath: "url(#lfb)",
28
28
  children: /*#__PURE__*/_jsx("polygon", {
29
29
  points: "0 0 17 0 17 17 0 17"
30
30
  })
package/lib/icons/General/IconLeafOutline.js CHANGED
@@ -25,11 +25,11 @@ const IconLeafOutline = props => /*#__PURE__*/_jsxs("svg", {
25
25
  })]
26
26
  }), /*#__PURE__*/_jsx("g", {
27
27
  children: /*#__PURE__*/_jsx("g", {
28
- "clip-path": "url(#loc)",
28
+ clipPath: "url(#loc)",
29
29
  children: /*#__PURE__*/_jsx("g", {
30
30
  children: /*#__PURE__*/_jsx("g", {
31
31
  children: /*#__PURE__*/_jsx("g", {
32
- "clip-path": "url(#lob)",
32
+ clipPath: "url(#lob)",
33
33
  children: /*#__PURE__*/_jsx("polygon", {
34
34
  points: "0 0 17 0 17 17 0 17"
35
35
  })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bbl-digital/snorre",
3
- "version": "3.0.34",
3
+ "version": "3.0.36",
4
4
  "description": "Design library for BBL Digital",
5
5
  "license": "MIT",
6
6
  "main": "./lib/index.js",