@bbl-digital/snorre 4.0.87 → 4.0.89

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 (8) hide show
  1. package/dist/bundle.js +15 -8
  2. package/esm/core/QuillEditor/index.js +15 -8
  3. package/jest.config.js +5 -0
  4. package/lib/core/QuillEditor/index.d.ts.map +1 -1
  5. package/lib/core/QuillEditor/index.js +15 -8
  6. package/lib/core/QuillEditor/models.d.ts +2 -0
  7. package/lib/core/QuillEditor/models.d.ts.map +1 -1
  8. package/package.json +1 -1
package/dist/bundle.js CHANGED
@@ -35409,7 +35409,9 @@ to {top: 100vh;}
35409
35409
  height,
35410
35410
  width,
35411
35411
  maxHeight,
35412
+ minHeight = 150,
35412
35413
  maxWidth,
35414
+ minWidth,
35413
35415
  placeholder,
35414
35416
  initialValue,
35415
35417
  overrideValue,
@@ -35432,7 +35434,8 @@ to {top: 100vh;}
35432
35434
  resize // Trenger vi denne?,
35433
35435
  }) => {
35434
35436
  const [quill, setQuill] = React.useState(null);
35435
- const editorRef = React.useRef(null);
35437
+ const isMounted = React.useRef(false);
35438
+ const containerRef = React.useRef(null);
35436
35439
  const {
35437
35440
  alert
35438
35441
  } = react.useTheme();
@@ -35451,8 +35454,10 @@ to {top: 100vh;}
35451
35454
  }
35452
35455
  }, [quill, onChange]);
35453
35456
  React.useEffect(() => {
35454
- if (editorRef.current && !quill) {
35455
- const quillInstance = new Quill__default["default"](editorRef.current, {
35457
+ if (!isMounted.current) {
35458
+ const editor = document.createElement('div');
35459
+ containerRef.current?.appendChild(editor);
35460
+ const quillInstance = new Quill__default["default"](editor, {
35456
35461
  theme: 'snow',
35457
35462
  modules,
35458
35463
  formats,
@@ -35460,13 +35465,14 @@ to {top: 100vh;}
35460
35465
  bounds,
35461
35466
  readOnly
35462
35467
  });
35463
- applySizes();
35468
+ isMounted.current = true;
35464
35469
  if (initialValue) {
35465
35470
  quillInstance.root.innerHTML = initialValue;
35466
35471
  }
35472
+ applySizes(quillInstance);
35467
35473
  setQuill(quillInstance);
35468
35474
  }
35469
- }, [editorRef, modules, formats, placeholder, readOnly, onFocus, onBlur, initialValue, handleChange]);
35475
+ }, []);
35470
35476
  React.useEffect(() => {
35471
35477
  if (quill && disabled) {
35472
35478
  quill.disable();
@@ -35504,12 +35510,13 @@ to {top: 100vh;}
35504
35510
  quill.off('selection-change');
35505
35511
  };
35506
35512
  }, [quill?.container]);
35507
- const applySizes = () => {
35508
- if (!quill) return;
35513
+ const applySizes = quill => {
35514
+ minHeight && (quill.root.style.minHeight = `${minHeight}px`);
35509
35515
  maxHeight && (quill.root.style.maxHeight = `${maxHeight}px`);
35510
35516
  maxWidth && (quill.root.style.maxWidth = `${maxWidth}px`);
35511
35517
  width && (quill.root.style.width = `${width}px`);
35512
35518
  height && (quill.root.style.height = `${height}px`);
35519
+ minWidth && (quill.root.style.minWidth = `${minWidth}px`);
35513
35520
  };
35514
35521
  return jsxRuntime.jsxs("div", {
35515
35522
  css: theme => [styles.default(theme, maxHeight)],
@@ -35525,7 +35532,7 @@ to {top: 100vh;}
35525
35532
  ...style
35526
35533
  },
35527
35534
  children: jsxRuntime.jsx("div", {
35528
- ref: editorRef
35535
+ ref: containerRef
35529
35536
  })
35530
35537
  }), invalidMessage && jsxRuntime.jsx(ErrorWrapper, {
35531
35538
  children: jsxRuntime.jsxs(Text, {
package/esm/core/QuillEditor/index.js CHANGED
@@ -35,7 +35,9 @@ const QuillEditor = ({
35
35
  height,
36
36
  width,
37
37
  maxHeight,
38
+ minHeight = 150,
38
39
  maxWidth,
40
+ minWidth,
39
41
  placeholder,
40
42
  initialValue,
41
43
  overrideValue,
@@ -58,7 +60,8 @@ const QuillEditor = ({
58
60
  resize // Trenger vi denne?,
59
61
  }) => {
60
62
  const [quill, setQuill] = useState(null);
61
- const editorRef = useRef(null);
63
+ const isMounted = useRef(false);
64
+ const containerRef = useRef(null);
62
65
  const {
63
66
  alert
64
67
  } = useTheme();
@@ -77,8 +80,10 @@ const QuillEditor = ({
77
80
  }
78
81
  }, [quill, onChange]);
79
82
  useEffect(() => {
80
- if (editorRef.current && !quill) {
81
- const quillInstance = new Quill(editorRef.current, {
83
+ if (!isMounted.current) {
84
+ const editor = document.createElement('div');
85
+ containerRef.current?.appendChild(editor);
86
+ const quillInstance = new Quill(editor, {
82
87
  theme: 'snow',
83
88
  modules,
84
89
  formats,
@@ -86,13 +91,14 @@ const QuillEditor = ({
86
91
  bounds,
87
92
  readOnly
88
93
  });
89
- applySizes();
94
+ isMounted.current = true;
90
95
  if (initialValue) {
91
96
  quillInstance.root.innerHTML = initialValue;
92
97
  }
98
+ applySizes(quillInstance);
93
99
  setQuill(quillInstance);
94
100
  }
95
- }, [editorRef, modules, formats, placeholder, readOnly, onFocus, onBlur, initialValue, handleChange]);
101
+ }, []);
96
102
  useEffect(() => {
97
103
  if (quill && disabled) {
98
104
  quill.disable();
@@ -130,12 +136,13 @@ const QuillEditor = ({
130
136
  quill.off('selection-change');
131
137
  };
132
138
  }, [quill?.container]);
133
- const applySizes = () => {
134
- if (!quill) return;
139
+ const applySizes = quill => {
140
+ minHeight && (quill.root.style.minHeight = `${minHeight}px`);
135
141
  maxHeight && (quill.root.style.maxHeight = `${maxHeight}px`);
136
142
  maxWidth && (quill.root.style.maxWidth = `${maxWidth}px`);
137
143
  width && (quill.root.style.width = `${width}px`);
138
144
  height && (quill.root.style.height = `${height}px`);
145
+ minWidth && (quill.root.style.minWidth = `${minWidth}px`);
139
146
  };
140
147
  return _jsxs("div", {
141
148
  css: theme => [styles.default(theme, maxHeight)],
@@ -151,7 +158,7 @@ const QuillEditor = ({
151
158
  ...style
152
159
  },
153
160
  children: _jsx("div", {
154
- ref: editorRef
161
+ ref: containerRef
155
162
  })
156
163
  }), invalidMessage && _jsx(ErrorWrapper, {
157
164
  children: _jsxs(Text, {
package/jest.config.js CHANGED
@@ -23,7 +23,12 @@ module.exports = {
23
23
  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
24
24
  moduleNameMapper: {
25
25
  '\\.(css|less|scss|sass)$': 'identity-obj-proxy',
26
+ quill: '<rootDir>/node_modules/quill/dist/quill.js',
26
27
  },
28
+ transformIgnorePatterns: [
29
+ 'node_modules/quill',
30
+ '<rootDir>/src/QuillEditor/Attributors',
31
+ ],
27
32
 
28
33
  testEnvironment: 'jsdom',
29
34
  }
package/lib/core/QuillEditor/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/QuillEditor/index.tsx"],"names":[],"mappings":"AAGA,OAAO,2BAA2B,CAAA;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAqC3C,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmK3C,CAAA;AAED,eAAe,WAAW,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/QuillEditor/index.tsx"],"names":[],"mappings":"AAGA,OAAO,2BAA2B,CAAA;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAqC3C,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8J3C,CAAA;AAED,eAAe,WAAW,CAAA"}
package/lib/core/QuillEditor/index.js CHANGED
@@ -35,7 +35,9 @@ const QuillEditor = ({
35
35
  height,
36
36
  width,
37
37
  maxHeight,
38
+ minHeight = 150,
38
39
  maxWidth,
40
+ minWidth,
39
41
  placeholder,
40
42
  initialValue,
41
43
  overrideValue,
@@ -58,7 +60,8 @@ const QuillEditor = ({
58
60
  resize // Trenger vi denne?,
59
61
  }) => {
60
62
  const [quill, setQuill] = useState(null);
61
- const editorRef = useRef(null);
63
+ const isMounted = useRef(false);
64
+ const containerRef = useRef(null);
62
65
  const {
63
66
  alert
64
67
  } = useTheme();
@@ -77,8 +80,10 @@ const QuillEditor = ({
77
80
  }
78
81
  }, [quill, onChange]);
79
82
  useEffect(() => {
80
- if (editorRef.current && !quill) {
81
- const quillInstance = new Quill(editorRef.current, {
83
+ if (!isMounted.current) {
84
+ const editor = document.createElement('div');
85
+ containerRef.current?.appendChild(editor);
86
+ const quillInstance = new Quill(editor, {
82
87
  theme: 'snow',
83
88
  modules,
84
89
  formats,
@@ -86,13 +91,14 @@ const QuillEditor = ({
86
91
  bounds,
87
92
  readOnly
88
93
  });
89
- applySizes();
94
+ isMounted.current = true;
90
95
  if (initialValue) {
91
96
  quillInstance.root.innerHTML = initialValue;
92
97
  }
98
+ applySizes(quillInstance);
93
99
  setQuill(quillInstance);
94
100
  }
95
- }, [editorRef, modules, formats, placeholder, readOnly, onFocus, onBlur, initialValue, handleChange]);
101
+ }, []);
96
102
  useEffect(() => {
97
103
  if (quill && disabled) {
98
104
  quill.disable();
@@ -130,12 +136,13 @@ const QuillEditor = ({
130
136
  quill.off('selection-change');
131
137
  };
132
138
  }, [quill?.container]);
133
- const applySizes = () => {
134
- if (!quill) return;
139
+ const applySizes = quill => {
140
+ minHeight && (quill.root.style.minHeight = `${minHeight}px`);
135
141
  maxHeight && (quill.root.style.maxHeight = `${maxHeight}px`);
136
142
  maxWidth && (quill.root.style.maxWidth = `${maxWidth}px`);
137
143
  width && (quill.root.style.width = `${width}px`);
138
144
  height && (quill.root.style.height = `${height}px`);
145
+ minWidth && (quill.root.style.minWidth = `${minWidth}px`);
139
146
  };
140
147
  return _jsxs("div", {
141
148
  css: theme => [styles.default(theme, maxHeight)],
@@ -151,7 +158,7 @@ const QuillEditor = ({
151
158
  ...style
152
159
  },
153
160
  children: _jsx("div", {
154
- ref: editorRef
161
+ ref: containerRef
155
162
  })
156
163
  }), invalidMessage && _jsx(ErrorWrapper, {
157
164
  children: _jsxs(Text, {
package/lib/core/QuillEditor/models.d.ts CHANGED
@@ -41,7 +41,9 @@ interface QuillToolbarConfig {
41
41
  interface QuillEditorProps {
42
42
  height?: number;
43
43
  width?: number;
44
+ minHeight?: number;
44
45
  maxHeight?: number;
46
+ minWidth?: number;
45
47
  maxWidth?: number;
46
48
  label?: string;
47
49
  disabled?: boolean;
package/lib/core/QuillEditor/models.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../src/packages/core/QuillEditor/models.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../src/packages/core/QuillEditor/models.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bbl-digital/snorre",
3
- "version": "4.0.87",
3
+ "version": "4.0.89",
4
4
  "description": "Design library for BBL Digital",
5
5
  "license": "MIT",
6
6
  "main": "./lib/index.js",