@uva-glass/component-library 3.54.3 → 3.55.1

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

@@ -1 +1 @@
-{"version":3,"file":"RteEditor.stories.js","sources":["../../../src/components/RteEditor/RteEditor.stories.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\n\nimport type { PropsWithChildren } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { RteEditorProps } from './RteEditor';\nimport type { SearchResponse } from './Plugins/CourseCataloguePlugin/AddCatalogueLinkForm';\n\nimport { RteEditor } from './RteEditor';\nimport { MOCK_RTE_CONTENT } from './mockRteContent';\nimport { MOCK_SEARCH_COURSES, MOCK_SEARCH_PROGRAMMES } from './mockCatalogueSearchData';\n\nimport { Container } from 'storyComponents/Container';\n\nconst QUERY_SPEED = 1000; // ms\nconst CHARACTER_THRESHOLD = 3;\n\nconst codeString = `<RteEditor\n          initialValue=\"\"\n          currentLanguage=\"NL\"\n          label=\"\"\n          info=\"\"\n          placeholder=\"\"\n          notValidatedText=\"\"\n          onChange={handleChange}\n          onCatalogueLinkSearch={handleCatalogueLinkSearch}\n          catalogueSearchResponse={{ state: 'idle', results: [] }}\n        />`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/RteEditor',\n  component: RteEditor,\n  parameters: {\n    inspectComponent: RteEditor,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<RteEditorProps>>;\n\nconst Template: StoryFn<PropsWithChildren<RteEditorProps>> = (args) => {\n  const [result, setResult] = useState<string>(args.initialValue || '');\n  const [catalogueSearchResponse, setCatalogueSearchResponse] = useState<SearchResponse>({\n    state: 'idle',\n    results: [],\n  });\n  const networkTimer = useRef<NodeJS.Timeout | null>(null);\n\n  const handleSearch = (query: string, linkType: 'course' | 'programme') => {\n    if (query.length < CHARACTER_THRESHOLD) {\n      clearTimeout(networkTimer.current!);\n      setCatalogueSearchResponse({ state: 'idle', results: [] });\n      return;\n    }\n\n    if (networkTimer.current !== null) {\n      clearTimeout(networkTimer.current);\n    }\n\n    const lowerCaseQuery = query.toLowerCase();\n    if (query.length >= CHARACTER_THRESHOLD) {\n      setCatalogueSearchResponse({ state: 'pending', results: [] });\n      const mockResults =\n        linkType === 'course'\n          ? MOCK_SEARCH_COURSES.filter(\n              (item) =>\n                item.name.NL.toLowerCase().includes(lowerCaseQuery) || item.code.toLowerCase().includes(lowerCaseQuery)\n            )\n          : MOCK_SEARCH_PROGRAMMES.filter(\n              (item) =>\n                item.name.NL.toLowerCase().includes(lowerCaseQuery) || item.code.toLowerCase().includes(lowerCaseQuery)\n            );\n\n      networkTimer.current = setTimeout(\n        () =>\n          setCatalogueSearchResponse({\n            state: 'ready',\n            results: mockResults,\n          }),\n        QUERY_SPEED\n      );\n    }\n  };\n\n  return (\n    <>\n      <Container size=\"large-full-height\">\n        <RteEditor\n          {...args}\n          onChange={(evt) => setResult(evt)}\n          onCatalogueLinkSearch={handleSearch}\n          catalogueSearchResponse={catalogueSearchResponse}\n        />\n      </Container>\n      <br />\n      <br />\n\n      <p style={{ margin: '0', marginTop: '2rem' }}>HTML Output:</p>\n      <div\n        style={{\n          marginTop: '0rem',\n          padding: '1rem',\n          backgroundColor: '#F9F9F9',\n          borderRadius: '0.25rem',\n          color: '#666',\n        }}\n      >\n        {result}\n      </div>\n    </>\n  );\n};\n\nexport const RteEditorExample = Template.bind({});\n\nRteEditorExample.args = {\n  placeholder: 'Voeg hier tekst in...',\n  currentLanguage: 'NL',\n  label: 'Studiemateriaal',\n  info: \"Studiemateriaal is essentieel voor succesvol leren. Het omvat boeken, artikelen, video's en oefeningen die studenten helpen hun kennis te vergroten, vaardigheden te ontwikkelen en hun studieprestaties te verbeteren.\",\n  required: true,\n  initialValue: MOCK_RTE_CONTENT,\n};\n\nexport const MultipleRteEditors = () => {\n  const [result01, setResult01] = useState<string>(\n    'Students will:<br>• demonstrate digital literacy in an academic context<br>• learn to read and engage with texts from a range of disciplinary perspectives<br>• develop writing and argumentation skills appropriate to different disciplines<br>• learn to recognize and apply different research methodologies<br>• learn how to recognize and practice different genres and modes of academic discourse<br>• develop vocabulary appropriate to an academic environment<br>• improve analytic and critical thinking skills<br>• work independently and as part of a collaborative group<br>• learn to review and critique their own work and that of their peers <br>• improve listening comprehension and develop presentation skills<br>• participate in discussions, workshops and debates'\n  );\n  const [result02, setResult02] = useState<string>(\n    `<p>Editor 2</p>\n    <ul>\n      <li>nesting</li>\n      <li>\n        <ol>\n          <li>nested 1</li>\n          <li>nested 2</li>\n        </ol>\n      </li>\n      <li>nesting 2</li>\n      <li>\n        <ul>\n          <li>deep nested 1</li>\n            <li>deep nested 2</li>\n            <li>\n              <ol>\n                <li>deeper nested 1</li>\n                <li>\n                <ul>\n                <li>deepest nested 1</li>\n                <li>deepest nested 2</li>\n                </ul>\n                </li>\n                <li>deeper nested 2</li>\n                <li>\n                  <ol>\n                    <li>deepest nested 1</li>\n                    <li>deepest nested 2</li>\n                  </ol>\n                </li>\n              </ol>\n            </li>\n          </ul>\n        </li>\n      <li>nesting end</li>\n    </ul>`\n  );\n\n  return (\n    <div\n      style={{\n        display: 'flex',\n        flexDirection: 'row',\n        gap: '1rem',\n        width: '100%',\n        padding: '1rem',\n        backgroundColor: '#FFF',\n      }}\n    >\n      <div style={{ flex: '1' }}>\n        <RteEditor\n          initialValue={result01}\n          label=\"Editor 1\"\n          info=\"Uitleg over editor 1\"\n          placeholder=\"Voeg hier tekst in...\"\n          notValidatedText=\"\"\n          onChange={(evt) => setResult01(evt)}\n        />\n        <br />\n        <p style={{ margin: '0', marginTop: '2rem' }}>HTML Output:</p>\n        <div\n          style={{\n            marginTop: '0rem',\n            padding: '1rem',\n            backgroundColor: '#F9F9F9',\n            borderRadius: '0.25rem',\n            color: '#666',\n          }}\n        >\n          {result01}\n        </div>\n      </div>\n      <div style={{ flex: '1' }}>\n        <RteEditor\n          initialValue={result02}\n          label=\"Editor 2\"\n          info=\"Uitleg over editor 2 wat langer om te kijken of dat ook goed gaat, want je weet maar nooit.\"\n          placeholder=\"Voeg hier tekst in...\"\n          notValidatedText=\"\"\n          onChange={(evt) => setResult02(evt)}\n        />\n        <br />\n        <p style={{ margin: '0', marginTop: '2rem' }}>HTML Output:</p>\n        <div\n          style={{\n            marginTop: '0rem',\n            padding: '1rem',\n            backgroundColor: '#F9F9F9',\n            borderRadius: '0.25rem',\n            color: '#666',\n          }}\n        >\n          {result02}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["QUERY_SPEED","CHARACTER_THRESHOLD","codeString","RteEditor_stories","RteEditor","Template","args","result","setResult","useState","catalogueSearchResponse","setCatalogueSearchResponse","networkTimer","useRef","jsxs","Fragment","jsx","Container","evt","query","linkType","lowerCaseQuery","mockResults","MOCK_SEARCH_COURSES","item","MOCK_SEARCH_PROGRAMMES","RteEditorExample","MOCK_RTE_CONTENT","MultipleRteEditors","result01","setResult01","result02","setResult02"],"mappings":"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"}
+{"version":3,"file":"RteEditor.stories.js","sources":["../../../src/components/RteEditor/RteEditor.stories.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\n\nimport type { PropsWithChildren } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { RteEditorProps } from './RteEditor';\nimport type { SearchResponse } from './Plugins/CourseCataloguePlugin/AddCatalogueLinkForm';\n\nimport { RteEditor } from './RteEditor';\nimport { MOCK_RTE_CONTENT } from './mockRteContent';\nimport { MOCK_SEARCH_COURSES, MOCK_SEARCH_PROGRAMMES } from './mockCatalogueSearchData';\n\nimport { Container } from 'storyComponents/Container';\n\nconst QUERY_SPEED = 1000; // ms\nconst CHARACTER_THRESHOLD = 3;\n\nconst codeString = `<RteEditor\n          editorId=\"editor-id\"\n          initialValue=\"\"\n          currentLanguage=\"NL\"\n          label=\"\"\n          info=\"\"\n          placeholder=\"\"\n          notValidatedText=\"\"\n          onChange={handleChange}\n          onCatalogueLinkSearch={handleCatalogueLinkSearch}\n          catalogueSearchResponse={{ state: 'idle', results: [] }}\n        />`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/RteEditor',\n  component: RteEditor,\n  parameters: {\n    inspectComponent: RteEditor,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<RteEditorProps>>;\n\nconst Template: StoryFn<PropsWithChildren<RteEditorProps>> = (args) => {\n  const [result, setResult] = useState<string>(args.initialValue || '');\n  const [catalogueSearchResponse, setCatalogueSearchResponse] = useState<SearchResponse>({\n    state: 'idle',\n    results: [],\n  });\n  const networkTimer = useRef<NodeJS.Timeout | null>(null);\n\n  const handleSearch = (query: string, linkType: 'course' | 'programme') => {\n    if (query.length < CHARACTER_THRESHOLD) {\n      clearTimeout(networkTimer.current!);\n      setCatalogueSearchResponse({ state: 'idle', results: [] });\n      return;\n    }\n\n    if (networkTimer.current !== null) {\n      clearTimeout(networkTimer.current);\n    }\n\n    const lowerCaseQuery = query.toLowerCase();\n    if (query.length >= CHARACTER_THRESHOLD) {\n      setCatalogueSearchResponse({ state: 'pending', results: [] });\n      const mockResults =\n        linkType === 'course'\n          ? MOCK_SEARCH_COURSES.filter(\n              (item) =>\n                item.name.NL.toLowerCase().includes(lowerCaseQuery) || item.code.toLowerCase().includes(lowerCaseQuery)\n            )\n          : MOCK_SEARCH_PROGRAMMES.filter(\n              (item) =>\n                item.name.NL.toLowerCase().includes(lowerCaseQuery) || item.code.toLowerCase().includes(lowerCaseQuery)\n            );\n\n      networkTimer.current = setTimeout(\n        () =>\n          setCatalogueSearchResponse({\n            state: 'ready',\n            results: mockResults,\n          }),\n        QUERY_SPEED\n      );\n    }\n  };\n\n  return (\n    <>\n      <Container size=\"large-full-height\">\n        <RteEditor\n          {...args}\n          onChange={(evt) => setResult(evt)}\n          onCatalogueLinkSearch={handleSearch}\n          catalogueSearchResponse={catalogueSearchResponse}\n        />\n      </Container>\n      <br />\n      <br />\n\n      <p style={{ margin: '0', marginTop: '2rem' }}>HTML Output:</p>\n      <div\n        style={{\n          marginTop: '0rem',\n          padding: '1rem',\n          backgroundColor: '#F9F9F9',\n          borderRadius: '0.25rem',\n          color: '#666',\n        }}\n      >\n        {result}\n      </div>\n    </>\n  );\n};\n\nexport const RteEditorExample = Template.bind({});\n\nRteEditorExample.args = {\n  editorId: 'test-editor',\n  placeholder: 'Voeg hier tekst in...',\n  currentLanguage: 'NL',\n  label: 'Studiemateriaal',\n  info: \"Studiemateriaal is essentieel voor succesvol leren. Het omvat boeken, artikelen, video's en oefeningen die studenten helpen hun kennis te vergroten, vaardigheden te ontwikkelen en hun studieprestaties te verbeteren.\",\n  required: true,\n  initialValue: MOCK_RTE_CONTENT,\n};\n\nexport const MultipleRteEditors = () => {\n  const [result01, setResult01] = useState<string>(\n    'Students will:<br>• demonstrate digital literacy in an academic context<br>• learn to read and engage with texts from a range of disciplinary perspectives<br>• develop writing and argumentation skills appropriate to different disciplines<br>• learn to recognize and apply different research methodologies<br>• learn how to recognize and practice different genres and modes of academic discourse<br>• develop vocabulary appropriate to an academic environment<br>• improve analytic and critical thinking skills<br>• work independently and as part of a collaborative group<br>• learn to review and critique their own work and that of their peers <br>• improve listening comprehension and develop presentation skills<br>• participate in discussions, workshops and debates'\n  );\n  const [result02, setResult02] = useState<string>(\n    `<p>Editor 2</p>\n    <ul>\n      <li>nesting</li>\n      <li>\n        <ol>\n          <li>nested 1</li>\n          <li>nested 2</li>\n        </ol>\n      </li>\n      <li>nesting 2</li>\n      <li>\n        <ul>\n          <li>deep nested 1</li>\n            <li>deep nested 2</li>\n            <li>\n              <ol>\n                <li>deeper nested 1</li>\n                <li>\n                <ul>\n                <li>deepest nested 1</li>\n                <li>deepest nested 2</li>\n                </ul>\n                </li>\n                <li>deeper nested 2</li>\n                <li>\n                  <ol>\n                    <li>deepest nested 1</li>\n                    <li>deepest nested 2</li>\n                  </ol>\n                </li>\n              </ol>\n            </li>\n          </ul>\n        </li>\n      <li>nesting end</li>\n    </ul>`\n  );\n\n  return (\n    <div\n      style={{\n        display: 'flex',\n        flexDirection: 'row',\n        gap: '1rem',\n        width: '100%',\n        padding: '1rem',\n        backgroundColor: '#FFF',\n      }}\n    >\n      <div style={{ flex: '1' }}>\n        <RteEditor\n          initialValue={result01}\n          editorId=\"editor-one\"\n          label=\"Editor 1\"\n          info=\"Uitleg over editor 1\"\n          placeholder=\"Voeg hier tekst in...\"\n          notValidatedText=\"\"\n          onChange={(evt) => setResult01(evt)}\n        />\n        <br />\n        <p style={{ margin: '0', marginTop: '2rem' }}>HTML Output:</p>\n        <div\n          style={{\n            marginTop: '0rem',\n            padding: '1rem',\n            backgroundColor: '#F9F9F9',\n            borderRadius: '0.25rem',\n            color: '#666',\n          }}\n        >\n          {result01}\n        </div>\n      </div>\n      <div style={{ flex: '1' }}>\n        <RteEditor\n          initialValue={result02}\n          editorId=\"editor-two\"\n          label=\"Editor 2\"\n          info=\"Uitleg over editor 2 wat langer om te kijken of dat ook goed gaat, want je weet maar nooit.\"\n          placeholder=\"Voeg hier tekst in...\"\n          notValidatedText=\"\"\n          onChange={(evt) => setResult02(evt)}\n        />\n        <br />\n        <p style={{ margin: '0', marginTop: '2rem' }}>HTML Output:</p>\n        <div\n          style={{\n            marginTop: '0rem',\n            padding: '1rem',\n            backgroundColor: '#F9F9F9',\n            borderRadius: '0.25rem',\n            color: '#666',\n          }}\n        >\n          {result02}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["QUERY_SPEED","CHARACTER_THRESHOLD","codeString","RteEditor_stories","RteEditor","Template","args","result","setResult","useState","catalogueSearchResponse","setCatalogueSearchResponse","networkTimer","useRef","jsxs","Fragment","jsx","Container","evt","query","linkType","lowerCaseQuery","mockResults","MOCK_SEARCH_COURSES","item","MOCK_SEARCH_PROGRAMMES","RteEditorExample","MOCK_RTE_CONTENT","MultipleRteEditors","result01","setResult01","result02","setResult02"],"mappings":"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"}

package/dist/components/RteEditor/UvaTheme/UvaTheme.js

@@ -1,4 +1,4 @@
-import { s as t } from "../../../RteEditor.module-DaBh86FK.js";
+import { s as t } from "../../../RteEditor.module-CoTOIw5i.js";
 const i = {
   ltr: t["guide-text-ltr"],
   rtl: t["guide-text-rtl"],

package/dist/components/RteEditor/helpers.js

@@ -1,7 +1,7 @@
-import { E as s } from "../../LexicalLink.prod-Dp06n3Hn.js";
-import { u as i, s as n } from "../../LexicalList.prod-D3TdO_Pq.js";
-import { ao as a, l as c } from "../../Lexical.prod-A4JuKqM3.js";
-import { K as m } from "../../LexicalTable.prod-bzYpvqMi.js";
+import { E as s } from "../../LexicalLink.prod-DAVbKER8.js";
+import { u as i, s as n } from "../../LexicalList.prod-C6cknPBV.js";
+import { ao as a, l as c } from "../../Lexical.prod-o6Eq_uLx.js";
+import { K as m } from "../../LexicalTable.prod-upbwOtcE.js";
 import "react";
 import { CourseCatalogueNode as u } from "./nodes/CourseCatalogueNode/CourseCatalogueNode.js";
 const A = (t) => {

package/dist/components/RteEditor/nodes/CourseCatalogueNode/CourseCatalogueNode.js

@@ -1,7 +1,7 @@
 import { o as f } from "../../../../LexicalComposerContext.prod-DOyoZx0P.js";
-import { A as g, n as p, p as c, ar as C, aq as _, $ as m, w as k, y as d } from "../../../../Lexical.prod-A4JuKqM3.js";
+import { A as g, n as p, p as c, as as C, ar as _, $ as m, w as k, y as d } from "../../../../Lexical.prod-o6Eq_uLx.js";
 import { useEffect as T } from "react";
-import { v as y } from "../../../../LexicalUtils.prod-CAsHFX57.js";
+import { v as y } from "../../../../LexicalUtils.prod-CF7x-KWm.js";
 class s extends g {
   __linkType;
   __code;

package/dist/components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.js

@@ -1,7 +1,7 @@
 import { o as W } from "../../../../LexicalComposerContext.prod-DOyoZx0P.js";
-import { A as N, V as d, n as f, $ as p, w as l, aq as u, P as T } from "../../../../Lexical.prod-A4JuKqM3.js";
-import { v as b } from "../../../../LexicalUtils.prod-CAsHFX57.js";
-import { W as E } from "../../../../LexicalSelection.prod-BapitO0n.js";
+import { A as N, V as d, n as f, $ as p, w as l, ar as u, P as T } from "../../../../Lexical.prod-o6Eq_uLx.js";
+import { v as b } from "../../../../LexicalUtils.prod-CF7x-KWm.js";
+import { W as E } from "../../../../LexicalSelection.prod-B8GGrzJ3.js";
 import { useEffect as g } from "react";
 class o extends N {
   static getType() {

package/dist/components/index.js

@@ -37,7 +37,7 @@ import { MenuLink as Co } from "./MenuLink/MenuLink.js";
 import { MetaDataBar as Fo } from "./MetaDataBar/MetaDataBar.js";
 import { MetaDataList as Mo } from "./MetaDataList/MetaDataList.js";
 import { ModalDialog as Lo } from "./ModalDialog/ModalDialog.js";
-import { M as Ro } from "../TablePlugin-CzmrXpxk.js";
+import { M as Ro } from "../TablePlugin-BRZcXq73.js";
 import { MultiSelectBox as yo } from "./MultiSelectBox/MultiSelectBox.js";
 import { Notification as Do } from "./Notification/Notification.js";
 import { OverlayCloseButton as vo } from "./OverlayCloseButton/OverlayCloseButton.js";

package/dist/index.js

@@ -37,7 +37,7 @@ import { MenuLink as Co } from "./components/MenuLink/MenuLink.js";
 import { MetaDataBar as Fo } from "./components/MetaDataBar/MetaDataBar.js";
 import { MetaDataList as Mo } from "./components/MetaDataList/MetaDataList.js";
 import { ModalDialog as Lo } from "./components/ModalDialog/ModalDialog.js";
-import { M as Ro } from "./TablePlugin-CzmrXpxk.js";
+import { M as Ro } from "./TablePlugin-BRZcXq73.js";
 import { MultiSelectBox as yo } from "./components/MultiSelectBox/MultiSelectBox.js";
 import { Notification as Do } from "./components/Notification/Notification.js";
 import { OverlayCloseButton as vo } from "./components/OverlayCloseButton/OverlayCloseButton.js";

package/package.json

@@ -2,7 +2,7 @@
   "name": "@uva-glass/component-library",
   "author": "Team Glass - Frontend vrienden",
   "private": false,
-  "version": "3.54.3",
+  "version": "3.55.1",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -43,25 +43,25 @@
     "react-dom": "^19.2.4"
   },
   "devDependencies": {
-    "@commitlint/cli": "^20.4.2",
-    "@commitlint/config-conventional": "^20.4.2",
-    "@react-aria/button": "^3.14.4",
-    "@react-aria/dialog": "^3.5.33",
-    "@react-aria/focus": "^3.21.4",
-    "@react-aria/overlays": "^3.31.1",
-    "@react-types/dialog": "^3.5.23",
+    "@commitlint/cli": "^20.4.3",
+    "@commitlint/config-conventional": "^20.4.3",
+    "@react-aria/button": "^3.14.5",
+    "@react-aria/dialog": "^3.5.34",
+    "@react-aria/focus": "^3.21.5",
+    "@react-aria/overlays": "^3.31.2",
+    "@react-types/dialog": "^3.5.24",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/gitlab": "^13.3.2",
     "@semantic-release/npm": "^13.1.5",
-    "@storybook/addon-a11y": "^10.2.13",
-    "@storybook/addon-docs": "^10.2.13",
-    "@storybook/addon-links": "^10.2.13",
-    "@storybook/react": "^10.2.13",
-    "@storybook/react-vite": "^10.2.13",
+    "@storybook/addon-a11y": "^10.2.16",
+    "@storybook/addon-docs": "^10.2.16",
+    "@storybook/addon-links": "^10.2.16",
+    "@storybook/react": "^10.2.16",
+    "@storybook/react-vite": "^10.2.16",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@types/jest": "^30.0.0",
-    "@types/node": "^25.3.3",
+    "@types/node": "^25.3.5",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@uva-glass/eslint-config": "^1.3.11",
@@ -83,8 +83,8 @@
     "react-dom": "^19.2.4",
     "react-router": "^7.13.1",
     "semantic-release": "^25.0.3",
-    "storybook": "^10.2.13",
-    "style-dictionary": "^5.3.2",
+    "storybook": "^10.2.16",
+    "style-dictionary": "^5.3.3",
     "stylelint": "^17.4.0",
     "stylelint-config-recommended": "^18.0.0",
     "stylelint-config-standard": "^40.0.0",
@@ -111,7 +111,7 @@
   "optionalDependencies": {
     "@ast-grep/napi-linux-x64-gnu": "0.41.0",
     "@rollup/rollup-linux-x64-gnu": "^4.59.0",
-    "@rspack/binding-darwin-arm64": "1.7.6",
-    "@rspack/binding-linux-x64-gnu": "1.7.6"
+    "@rspack/binding-darwin-arm64": "1.7.7",
+    "@rspack/binding-linux-x64-gnu": "1.7.7"
   }
 }

package/dist/RteEditor.module-DaBh86FK.js

@@ -1,41 +0,0 @@
-import './assets/RteEditor.css';const t = "_editor__container_1aedo_1", _ = "_editor__header_1aedo_7", e = "_editor_1aedo_1", o = "_editor__field_1aedo_36", d = "_editor__toolbar_1aedo_44", i = "_editor__placeholder_1aedo_202", r = {
-  editor__container: t,
-  editor__header: _,
-  "editor__header-word-count": "_editor__header-word-count_1aedo_15",
-  "editor__header-word-count--alert": "_editor__header-word-count--alert_1aedo_24",
-  editor: e,
-  editor__field: o,
-  "not-valid": "_not-valid_1aedo_40",
-  editor__toolbar: d,
-  "editor__toolbar-flyout-wrapper": "_editor__toolbar-flyout-wrapper_1aedo_53",
-  "editor__toolbar-button-group": "_editor__toolbar-button-group_1aedo_66",
-  "editor__toolbar-button-group--text": "_editor__toolbar-button-group--text_1aedo_73",
-  "editor__toolbar-button": "_editor__toolbar-button_1aedo_66",
-  "editor__toolbar-button--active": "_editor__toolbar-button--active_1aedo_105",
-  "editor__toolbar-button--text": "_editor__toolbar-button--text_1aedo_112",
-  "editor__toolbar-button--bold": "_editor__toolbar-button--bold_1aedo_132",
-  "editor__toolbar-button--italic": "_editor__toolbar-button--italic_1aedo_136",
-  "editor__toolbar-button-flyoutwrapper": "_editor__toolbar-button-flyoutwrapper_1aedo_155",
-  "editor__field-wrapper": "_editor__field-wrapper_1aedo_159",
-  editor__placeholder: i,
-  "guide-text-ltr": "_guide-text-ltr_1aedo_212",
-  "guide-text-rtl": "_guide-text-rtl_1aedo_216",
-  "guide-text-paragraph": "_guide-text-paragraph_1aedo_220",
-  "guide-text__text--bold": "_guide-text__text--bold_1aedo_225",
-  "guide-text__text--italic": "_guide-text__text--italic_1aedo_229",
-  "guide-text__list--ul": "_guide-text__list--ul_1aedo_233",
-  "guide-text__list--ol": "_guide-text__list--ol_1aedo_234",
-  "guide-text__list--listitem": "_guide-text__list--listitem_1aedo_246",
-  "guide-text__list--nested-listitem": "_guide-text__list--nested-listitem_1aedo_255",
-  "guide-text__list--ul2": "_guide-text__list--ul2_1aedo_265",
-  "guide-text__list--ul3": "_guide-text__list--ul3_1aedo_269",
-  "guide-text__list--ul4": "_guide-text__list--ul4_1aedo_273",
-  "guide-text__list--ul5": "_guide-text__list--ul5_1aedo_277",
-  "guide-text__table-wrapper": "_guide-text__table-wrapper_1aedo_309",
-  "guide-text__table": "_guide-text__table_1aedo_309",
-  "guide-text__course-catalogue-link": "_guide-text__course-catalogue-link_1aedo_358"
-};
-export {
-  r as s
-};
-//# sourceMappingURL=RteEditor.module-DaBh86FK.js.map

package/dist/RteEditor.module-DaBh86FK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RteEditor.module-DaBh86FK.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}