@bbl-digital/snorre 3.0.34 → 3.0.36

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 (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",