@uva-glass/component-library 3.55.1 → 3.55.3

package/dist/components/RteEditor/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../src/components/RteEditor/helpers.ts"],"sourcesContent":["import { LinkNode } from '@lexical/link';\nimport { ListNode, ListItemNode } from '@lexical/list';\nimport { ParagraphNode, TextNode } from 'lexical';\nimport { TableCellNode } from '@lexical/table';\n\nimport type { DOMExportOutput, Klass, LexicalEditor, LexicalNode } from 'lexical';\n\nimport { CourseCatalogueNode } from './nodes';\n\nexport const mergeBoldStrongTags = (html: string): string => {\n  let mergedHtml = html.replace(/<b><strong>/gi, '<strong>');\n  mergedHtml = mergedHtml.replace(/<\\/strong><\\/b>/gi, '</strong>');\n  return mergedHtml;\n};\n\nexport const cleanUpTable = (html: string): string =>\n  html.replace(/<div[^>]*>\\s*(<table[\\s\\S]*?<\\/table>)\\s*<\\/div>/gi, '$1');\n\nexport const removeStylesExportDOM = (editor: LexicalEditor, target: LexicalNode): DOMExportOutput => {\n  const output = target.exportDOM(editor);\n  if (output && output.element instanceof HTMLElement) {\n    for (const el of [output.element, ...output.element.querySelectorAll('[style],[class],[dir=\"ltr\"]')]) {\n      el.removeAttribute('class');\n      if (el.getAttribute('style')) {\n        el.setAttribute('style', '');\n        el.removeAttribute('style');\n      }\n      if (el.getAttribute('dir') === 'ltr') {\n        el.removeAttribute('dir');\n      }\n    }\n  }\n  return output;\n};\n\nexport const exportMap = new Map<Klass<LexicalNode>, (editor: LexicalEditor, target: LexicalNode) => DOMExportOutput>([\n  [ParagraphNode, removeStylesExportDOM],\n  [TextNode, removeStylesExportDOM],\n  [ListNode, removeStylesExportDOM],\n  [ListItemNode, removeStylesExportDOM],\n  [TableCellNode, removeStylesExportDOM],\n  [LinkNode, removeStylesExportDOM],\n  [CourseCatalogueNode, removeStylesExportDOM],\n]);\n\nexport const setScrollableContainers = (fn: (event: Event) => void) => {\n  const scrollableContainers = document.querySelectorAll('*');\n  scrollableContainers.forEach((container) => {\n    if (container.scrollHeight > container.clientHeight) {\n      container.addEventListener('scroll', fn);\n    }\n  });\n};\n\nexport const removeScrollableContainers = (fn: (event: Event) => void) => {\n  const scrollableContainers = document.querySelectorAll('*');\n  scrollableContainers.forEach((container) => {\n    if (container.scrollHeight > container.clientHeight) {\n      container.removeEventListener('scroll', fn);\n    }\n  });\n};\n"],"names":["mergeBoldStrongTags","html","mergedHtml","cleanUpTable","removeStylesExportDOM","editor","target","output","el","exportMap","ParagraphNode","TextNode","ListNode","ListItemNode","TableCellNode","LinkNode","CourseCatalogueNode","setScrollableContainers","fn","container","removeScrollableContainers"],"mappings":";;;;;;AASO,MAAMA,IAAsB,CAACC,MAAyB;AAC3D,MAAIC,IAAaD,EAAK,QAAQ,iBAAiB,UAAU;AACzD,SAAAC,IAAaA,EAAW,QAAQ,qBAAqB,WAAW,GACzDA;AACT,GAEaC,IAAe,CAACF,MAC3BA,EAAK,QAAQ,sDAAsD,IAAI,GAE5DG,IAAwB,CAACC,GAAuBC,MAAyC;AACpG,QAAMC,IAASD,EAAO,UAAUD,CAAM;AACtC,MAAIE,KAAUA,EAAO,mBAAmB;AACtC,eAAWC,KAAM,CAACD,EAAO,SAAS,GAAGA,EAAO,QAAQ,iBAAiB,6BAA6B,CAAC;AACjG,MAAAC,EAAG,gBAAgB,OAAO,GACtBA,EAAG,aAAa,OAAO,MACzBA,EAAG,aAAa,SAAS,EAAE,GAC3BA,EAAG,gBAAgB,OAAO,IAExBA,EAAG,aAAa,KAAK,MAAM,SAC7BA,EAAG,gBAAgB,KAAK;AAI9B,SAAOD;AACT,GAEaE,wBAAgB,IAAyF;AAAA,EACpH,CAACC,GAAeN,CAAqB;AAAA,EACrC,CAACO,GAAUP,CAAqB;AAAA,EAChC,CAACQ,GAAUR,CAAqB;AAAA,EAChC,CAACS,GAAcT,CAAqB;AAAA,EACpC,CAACU,GAAeV,CAAqB;AAAA,EACrC,CAACW,GAAUX,CAAqB;AAAA,EAChC,CAACY,GAAqBZ,CAAqB;AAC7C,CAAC,GAEYa,IAA0B,CAACC,MAA+B;AAErE,EAD6B,SAAS,iBAAiB,GAAG,EACrC,QAAQ,CAACC,MAAc;AAC1C,IAAIA,EAAU,eAAeA,EAAU,gBACrCA,EAAU,iBAAiB,UAAUD,CAAE;AAAA,EAE3C,CAAC;AACH,GAEaE,IAA6B,CAACF,MAA+B;AAExE,EAD6B,SAAS,iBAAiB,GAAG,EACrC,QAAQ,CAACC,MAAc;AAC1C,IAAIA,EAAU,eAAeA,EAAU,gBACrCA,EAAU,oBAAoB,UAAUD,CAAE;AAAA,EAE9C,CAAC;AACH;"}
+{"version":3,"file":"helpers.js","names":[],"sources":["../../../src/components/RteEditor/helpers.ts"],"sourcesContent":["import { LinkNode } from '@lexical/link';\nimport { ListNode, ListItemNode } from '@lexical/list';\nimport { ParagraphNode, TextNode } from 'lexical';\nimport { TableCellNode } from '@lexical/table';\n\nimport type { DOMExportOutput, Klass, LexicalEditor, LexicalNode } from 'lexical';\n\nimport { CourseCatalogueNode } from './nodes';\n\nexport const mergeBoldStrongTags = (html: string): string => {\n  let mergedHtml = html.replace(/<b><strong>/gi, '<strong>');\n  mergedHtml = mergedHtml.replace(/<\\/strong><\\/b>/gi, '</strong>');\n  return mergedHtml;\n};\n\nexport const cleanUpTable = (html: string): string =>\n  html.replace(/<div[^>]*>\\s*(<table[\\s\\S]*?<\\/table>)\\s*<\\/div>/gi, '$1');\n\nexport const removeStylesExportDOM = (editor: LexicalEditor, target: LexicalNode): DOMExportOutput => {\n  const output = target.exportDOM(editor);\n  if (output && output.element instanceof HTMLElement) {\n    for (const el of [output.element, ...output.element.querySelectorAll('[style],[class],[dir=\"ltr\"]')]) {\n      el.removeAttribute('class');\n      if (el.getAttribute('style')) {\n        el.setAttribute('style', '');\n        el.removeAttribute('style');\n      }\n      if (el.getAttribute('dir') === 'ltr') {\n        el.removeAttribute('dir');\n      }\n    }\n  }\n  return output;\n};\n\nexport const exportMap = new Map<Klass<LexicalNode>, (editor: LexicalEditor, target: LexicalNode) => DOMExportOutput>([\n  [ParagraphNode, removeStylesExportDOM],\n  [TextNode, removeStylesExportDOM],\n  [ListNode, removeStylesExportDOM],\n  [ListItemNode, removeStylesExportDOM],\n  [TableCellNode, removeStylesExportDOM],\n  [LinkNode, removeStylesExportDOM],\n  [CourseCatalogueNode, removeStylesExportDOM],\n]);\n\nexport const setScrollableContainers = (fn: (event: Event) => void) => {\n  const scrollableContainers = document.querySelectorAll('*');\n  scrollableContainers.forEach((container) => {\n    if (container.scrollHeight > container.clientHeight) {\n      container.addEventListener('scroll', fn);\n    }\n  });\n};\n\nexport const removeScrollableContainers = (fn: (event: Event) => void) => {\n  const scrollableContainers = document.querySelectorAll('*');\n  scrollableContainers.forEach((container) => {\n    if (container.scrollHeight > container.clientHeight) {\n      container.removeEventListener('scroll', fn);\n    }\n  });\n};\n"],"mappings":";;;;;;AASA,IAAa,KAAuB,MAAyB;CAC3D,IAAI,IAAa,EAAK,QAAQ,iBAAiB,WAAW;AAE1D,QADA,IAAa,EAAW,QAAQ,qBAAqB,YAAY,EAC1D;GAGI,KAAgB,MAC3B,EAAK,QAAQ,sDAAsD,KAAK,EAE7D,KAAyB,GAAuB,MAAyC;CACpG,IAAM,IAAS,EAAO,UAAU,EAAO;AACvC,KAAI,KAAU,EAAO,mBAAmB,YACtC,MAAK,IAAM,KAAM,CAAC,EAAO,SAAS,GAAG,EAAO,QAAQ,iBAAiB,gCAA8B,CAAC,CAMlG,CALA,EAAG,gBAAgB,QAAQ,EACvB,EAAG,aAAa,QAAQ,KAC1B,EAAG,aAAa,SAAS,GAAG,EAC5B,EAAG,gBAAgB,QAAQ,GAEzB,EAAG,aAAa,MAAM,KAAK,SAC7B,EAAG,gBAAgB,MAAM;AAI/B,QAAO;GAGI,IAAY,IAAI,IAAyF;CACpH,CAAC,GAAe,EAAsB;CACtC,CAAC,GAAU,EAAsB;CACjC,CAAC,GAAU,EAAsB;CACjC,CAAC,GAAc,EAAsB;CACrC,CAAC,GAAe,EAAsB;CACtC,CAAC,GAAU,EAAsB;CACjC,CAAC,GAAqB,EAAsB;CAC7C,CAAC,EAEW,KAA2B,MAA+B;AACxC,UAAS,iBAAiB,IAAI,CACtC,SAAS,MAAc;AAC1C,EAAI,EAAU,eAAe,EAAU,gBACrC,EAAU,iBAAiB,UAAU,EAAG;GAE1C;GAGS,KAA8B,MAA+B;AAC3C,UAAS,iBAAiB,IAAI,CACtC,SAAS,MAAc;AAC1C,EAAI,EAAU,eAAe,EAAU,gBACrC,EAAU,oBAAoB,UAAU,EAAG;GAE7C"}

package/dist/components/RteEditor/hooks/components/Flyout.js

@@ -1,11 +1,2 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as _ } from "react";
-import '../../../../assets/Flyout.css';const f = "_flyout__wrapper_14wn0_1", l = {
-  flyout__wrapper: f
-}, y = _(
-  ({ position: t, visible: r, children: o }, p) => r && /* @__PURE__ */ e("div", { className: l.flyout__wrapper, style: { top: t.top, left: t.left }, ref: p, children: o })
-);
-export {
-  y as Flyout
-};
-//# sourceMappingURL=Flyout.js.map
+import { t as e } from "../../../../Flyout-DEpzfZOC.js";
+export { e as Flyout };

package/dist/components/RteEditor/hooks/useFlyout.js

@@ -1,24 +1,36 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useRef as c, useState as n } from "react";
-import { Flyout as p } from "./components/Flyout.js";
-import { useOnClickOutside as m } from "../../hooks/useOnClickOutside.js";
-const b = () => {
-  const t = c(null), [s, i] = n(!1), [o, e] = n({
-    position: { top: 0, left: 0 },
-    children: null
-  }), r = (u) => {
-    i(!0), e({ ...o, ...u });
-  }, l = () => {
-    i(!1), e({ ...o });
-  };
-  return m(t, l), {
-    flyout: /* @__PURE__ */ f(p, { visible: s, position: o.position, ref: t, children: o.children }),
-    showFlyout: r,
-    hideFlyout: l,
-    isVisible: s
-  };
+import { useOnClickOutside as e } from "../../hooks/useOnClickOutside.js";
+import { t } from "../../../Flyout-DEpzfZOC.js";
+import { useRef as n, useState as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/RteEditor/hooks/useFlyout.tsx
+var a = () => {
+	let a = n(null), [o, s] = r(!1), [c, l] = r({
+		position: {
+			top: 0,
+			left: 0
+		},
+		children: null
+	}), u = (e) => {
+		s(!0), l({
+			...c,
+			...e
+		});
+	}, d = () => {
+		s(!1), l({ ...c });
+	};
+	return e(a, d), {
+		flyout: /* @__PURE__ */ i(t, {
+			visible: o,
+			position: c.position,
+			ref: a,
+			children: c.children
+		}),
+		showFlyout: u,
+		hideFlyout: d,
+		isVisible: o
+	};
 };
-export {
-  b as useFlyout
-};
-//# sourceMappingURL=useFlyout.js.map
+//#endregion
+export { a as useFlyout };
+
+//# sourceMappingURL=useFlyout.js.map

package/dist/components/RteEditor/hooks/useFlyout.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFlyout.js","sources":["../../../../src/components/RteEditor/hooks/useFlyout.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\n\nimport type { ReactNode, RefObject } from 'react';\n\nimport { Flyout } from './components/Flyout';\n\nimport { useOnClickOutside } from 'components/hooks/useOnClickOutside';\n\ninterface FlyoutOptions {\n  position: { top: number; left: number };\n  children?: ReactNode;\n}\n\nexport interface FlyoutHookResult {\n  flyout: ReactNode;\n  showFlyout: (options: FlyoutOptions) => void;\n  hideFlyout: () => void;\n  isVisible: boolean;\n}\n\nexport const useFlyout = (): FlyoutHookResult => {\n  const flyoutRef = useRef<HTMLDivElement>(null);\n  const [visible, setVisible] = useState(false);\n  const [options, setOptions] = useState<FlyoutOptions>({\n    position: { top: 0, left: 0 },\n    children: null,\n  });\n\n  const showFlyout = (customOptions: FlyoutOptions): void => {\n    setVisible(true);\n    setOptions({ ...options, ...customOptions });\n  };\n\n  const hideFlyout = (): void => {\n    setVisible(false);\n    setOptions({ ...options });\n  };\n\n  useOnClickOutside(flyoutRef as RefObject<HTMLElement>, hideFlyout);\n\n  const flyout = (\n    <Flyout visible={visible} position={options.position} ref={flyoutRef}>\n      {options.children}\n    </Flyout>\n  );\n\n  return {\n    flyout,\n    showFlyout,\n    hideFlyout,\n    isVisible: visible,\n  };\n};\n"],"names":["useFlyout","flyoutRef","useRef","visible","setVisible","useState","options","setOptions","showFlyout","customOptions","hideFlyout","useOnClickOutside","jsx","Flyout"],"mappings":";;;;AAoBO,MAAMA,IAAY,MAAwB;AAC/C,QAAMC,IAAYC,EAAuB,IAAI,GACvC,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtC,CAACC,GAASC,CAAU,IAAIF,EAAwB;AAAA,IACpD,UAAU,EAAE,KAAK,GAAG,MAAM,EAAA;AAAA,IAC1B,UAAU;AAAA,EAAA,CACX,GAEKG,IAAa,CAACC,MAAuC;AACzD,IAAAL,EAAW,EAAI,GACfG,EAAW,EAAE,GAAGD,GAAS,GAAGG,GAAe;AAAA,EAC7C,GAEMC,IAAa,MAAY;AAC7B,IAAAN,EAAW,EAAK,GAChBG,EAAW,EAAE,GAAGD,GAAS;AAAA,EAC3B;AAEA,SAAAK,EAAkBV,GAAqCS,CAAU,GAQ1D;AAAA,IACL,QANA,gBAAAE,EAACC,GAAA,EAAO,SAAAV,GAAkB,UAAUG,EAAQ,UAAU,KAAKL,GACxD,UAAAK,EAAQ,SAAA,CACX;AAAA,IAKA,YAAAE;AAAA,IACA,YAAAE;AAAA,IACA,WAAWP;AAAA,EAAA;AAEf;"}
+{"version":3,"file":"useFlyout.js","names":[],"sources":["../../../../src/components/RteEditor/hooks/useFlyout.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\n\nimport type { ReactNode, RefObject } from 'react';\n\nimport { Flyout } from './components/Flyout';\n\nimport { useOnClickOutside } from 'components/hooks/useOnClickOutside';\n\ninterface FlyoutOptions {\n  position: { top: number; left: number };\n  children?: ReactNode;\n}\n\nexport interface FlyoutHookResult {\n  flyout: ReactNode;\n  showFlyout: (options: FlyoutOptions) => void;\n  hideFlyout: () => void;\n  isVisible: boolean;\n}\n\nexport const useFlyout = (): FlyoutHookResult => {\n  const flyoutRef = useRef<HTMLDivElement>(null);\n  const [visible, setVisible] = useState(false);\n  const [options, setOptions] = useState<FlyoutOptions>({\n    position: { top: 0, left: 0 },\n    children: null,\n  });\n\n  const showFlyout = (customOptions: FlyoutOptions): void => {\n    setVisible(true);\n    setOptions({ ...options, ...customOptions });\n  };\n\n  const hideFlyout = (): void => {\n    setVisible(false);\n    setOptions({ ...options });\n  };\n\n  useOnClickOutside(flyoutRef as RefObject<HTMLElement>, hideFlyout);\n\n  const flyout = (\n    <Flyout visible={visible} position={options.position} ref={flyoutRef}>\n      {options.children}\n    </Flyout>\n  );\n\n  return {\n    flyout,\n    showFlyout,\n    hideFlyout,\n    isVisible: visible,\n  };\n};\n"],"mappings":";;;;;AAoBA,IAAa,UAAoC;CAC/C,IAAM,IAAY,EAAuB,KAAK,EACxC,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAS,KAAc,EAAwB;EACpD,UAAU;GAAE,KAAK;GAAG,MAAM;GAAG;EAC7B,UAAU;EACX,CAAC,EAEI,KAAc,MAAuC;AAEzD,EADA,EAAW,GAAK,EAChB,EAAW;GAAE,GAAG;GAAS,GAAG;GAAe,CAAC;IAGxC,UAAyB;AAE7B,EADA,EAAW,GAAM,EACjB,EAAW,EAAE,GAAG,GAAS,CAAC;;AAW5B,QARA,EAAkB,GAAqC,EAAW,EAQ3D;EACL,QANA,kBAAC,GAAD;GAAiB;GAAS,UAAU,EAAQ;GAAU,KAAK;aACxD,EAAQ;GACF,CAAA;EAKT;EACA;EACA,WAAW;EACZ"}

package/dist/components/RteEditor/hooks/useTranslation.js

@@ -1,10 +1,11 @@
-import { translations as n } from "../translations.js";
+import { translations as e } from "../translations.js";
 import { useLanguage as t } from "../Providers/LanguageProvider.js";
-const e = () => {
-  const { currentLanguage: r } = t();
-  return n[r];
+//#region src/components/RteEditor/hooks/useTranslation.tsx
+var n = () => {
+	let { currentLanguage: n } = t();
+	return e[n];
 };
-export {
-  e as useTranslation
-};
-//# sourceMappingURL=useTranslation.js.map
+//#endregion
+export { n as useTranslation };
+
+//# sourceMappingURL=useTranslation.js.map

package/dist/components/RteEditor/hooks/useTranslation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTranslation.js","sources":["../../../../src/components/RteEditor/hooks/useTranslation.tsx"],"sourcesContent":["import { translations } from 'components/RteEditor/translations';\nimport { useLanguage } from 'components/RteEditor/Providers/LanguageProvider';\n\nexport const useTranslation = () => {\n  const { currentLanguage } = useLanguage() as { currentLanguage: 'NL' | 'EN' };\n  return translations[currentLanguage];\n};\n"],"names":["useTranslation","currentLanguage","useLanguage","translations"],"mappings":";;AAGO,MAAMA,IAAiB,MAAM;AAClC,QAAM,EAAE,iBAAAC,EAAA,IAAoBC,EAAA;AAC5B,SAAOC,EAAaF,CAAe;AACrC;"}
+{"version":3,"file":"useTranslation.js","names":[],"sources":["../../../../src/components/RteEditor/hooks/useTranslation.tsx"],"sourcesContent":["import { translations } from 'components/RteEditor/translations';\nimport { useLanguage } from 'components/RteEditor/Providers/LanguageProvider';\n\nexport const useTranslation = () => {\n  const { currentLanguage } = useLanguage() as { currentLanguage: 'NL' | 'EN' };\n  return translations[currentLanguage];\n};\n"],"mappings":";;;AAGA,IAAa,UAAuB;CAClC,IAAM,EAAE,uBAAoB,GAAa;AACzC,QAAO,EAAa"}

package/dist/components/RteEditor/index.js

@@ -1,6 +1,3 @@
-import { Rte as o, RteEditor as r } from "./RteEditor.js";
-export {
-  o as Rte,
-  r as RteEditor
-};
-//# sourceMappingURL=index.js.map
+import { n as e, t } from "../../components-C4MCdrDH.js";
+import "../../PasteHandlerPlugin-DjD1wryY.js";
+export { t as Rte, e as RteEditor };