@frontify/fondue 12.0.0-beta.18 → 12.0.0-beta.19

package/dist/components/RichTextEditor/hooks/useEditorResize.es.js

@@ -1,17 +1,18 @@
 import { useState as n, useRef as c, useCallback as u } from "react";
 import { debounce as d } from "../../../utilities/debounce.es.js";
-const a = () => {
-  const [o, i] = n(0), s = c(d((e) => i(e)));
+const h = () => {
+  const [i, t] = n(0), s = c(d((e) => t(e)));
   return { editorRef: u((e) => {
     if (!e)
       return;
-    const t = new ResizeObserver((r) => {
-      r.length > 0 && s.current(r[0].target.clientWidth);
+    t(e.clientWidth);
+    const r = new ResizeObserver((o) => {
+      o.length > 0 && s.current(o[0].target.clientWidth);
     });
-    return t.observe(e), t;
-  }, []), editorWidth: o };
+    return r.observe(e), r;
+  }, []), editorWidth: i };
 };
 export {
-  a as useEditorResize
+  h as useEditorResize
 };
 //# sourceMappingURL=useEditorResize.es.js.map

package/dist/components/RichTextEditor/hooks/useEditorResize.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEditorResize.es.js","sources":["../../../../src/components/RichTextEditor/hooks/useEditorResize.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useCallback, useRef, useState } from 'react';\nimport { debounce } from '@utilities/debounce';\n\nexport const useEditorResize = () => {\n    const [editorWidth, setEditorWidth] = useState<number>(0);\n\n    const debounceRef = useRef(debounce((value: number) => setEditorWidth(value)));\n\n    const editorRef = useCallback((node: HTMLDivElement) => {\n        if (!node) {\n            return;\n        }\n\n        const observer = new ResizeObserver((entries) => {\n            if (entries.length > 0) {\n                debounceRef.current(entries[0].target.clientWidth);\n            }\n        });\n\n        observer.observe(node);\n        return observer;\n    }, []);\n\n    return { editorRef, editorWidth };\n};\n"],"names":[],"mappings":";;AAKO,MAAM,IAAkB,MAAM;AACjC,QAAM,CAAC,GAAa,KAAkB,EAAiB,CAAC,GAElD,IAAc,EAAO,EAAS,CAAC,MAAkB,EAAe,CAAK,CAAC,CAAC;AAiBtE,SAAA,EAAE,WAfS,EAAY,CAAC,MAAyB;AACpD,QAAI,CAAC;AACD;AAGJ,UAAM,IAAW,IAAI,eAAe,CAAC,MAAY;AACzC,MAAA,EAAQ,SAAS,KACjB,EAAY,QAAQ,EAAQ,GAAG,OAAO,WAAW;AAAA,IACrD,CACH;AAED,aAAS,QAAQ,CAAI,GACd;AAAA,EACX,GAAG,CAAE,CAAA,GAEe;AACxB;"}
+{"version":3,"file":"useEditorResize.es.js","sources":["../../../../src/components/RichTextEditor/hooks/useEditorResize.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useCallback, useRef, useState } from 'react';\nimport { debounce } from '@utilities/debounce';\n\nexport const useEditorResize = () => {\n    const [editorWidth, setEditorWidth] = useState<number>(0);\n\n    const debounceRef = useRef(debounce((value: number) => setEditorWidth(value)));\n\n    const editorRef = useCallback((node: HTMLDivElement) => {\n        if (!node) {\n            return;\n        }\n        setEditorWidth(node.clientWidth);\n\n        const observer = new ResizeObserver((entries) => {\n            if (entries.length > 0) {\n                debounceRef.current(entries[0].target.clientWidth);\n            }\n        });\n\n        observer.observe(node);\n        return observer;\n    }, []);\n\n    return { editorRef, editorWidth };\n};\n"],"names":[],"mappings":";;AAKO,MAAM,IAAkB,MAAM;AACjC,QAAM,CAAC,GAAa,KAAkB,EAAiB,CAAC,GAElD,IAAc,EAAO,EAAS,CAAC,MAAkB,EAAe,CAAK,CAAC,CAAC;AAkBtE,SAAA,EAAE,WAhBS,EAAY,CAAC,MAAyB;AACpD,QAAI,CAAC;AACD;AAEJ,MAAe,EAAK,WAAW;AAE/B,UAAM,IAAW,IAAI,eAAe,CAAC,MAAY;AACzC,MAAA,EAAQ,SAAS,KACjB,EAAY,QAAQ,EAAQ,GAAG,OAAO,WAAW;AAAA,IACrD,CACH;AAED,aAAS,QAAQ,CAAI,GACd;AAAA,EACX,GAAG,CAAE,CAAA,GAEe;AACxB;"}