@uva-glass/component-library 3.30.1 → 3.31.0

package/dist/components/PeriodSelector/PeriodSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"PeriodSelector.js","sources":["../../../src/components/PeriodSelector/PeriodSelector.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useEffect, useRef, useState } from 'react';\n\nimport styles from './PeriodSelector.module.css';\n\nimport { Label, CheckboxButtonBar, FeedbackBox } from 'components';\n\nexport interface PeriodSelectorProps {\n  /** Indicates how many periods are shown. */\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  maxPeriods: 6 | 7;\n  /** array of period values [3, 5 ...] */\n  defaultValues?: number[];\n  label?: string;\n  labelPosition?: 'top' | 'left';\n  /** Shows red * */\n  required?: boolean;\n  /** error text to display if set */\n  notValidatedText?: string;\n  /** Returns array of selected values as number */\n  onChange: (values: number[]) => void;\n}\n\nconst SEMESTER_1 = 0;\nconst SEMESTER_2 = 1;\nconst SEMESTER_3 = 2;\n\nconst PERIODS_PER_SEMESTER = 3;\nconst MAX_PERIODS = 7;\n\nconst chunkPeriods = (array: number[]): number[][] => {\n  const result: number[][] = [];\n  for (let count = 0; count < array.length; count += PERIODS_PER_SEMESTER) {\n    result.push(array.slice(count, count + PERIODS_PER_SEMESTER));\n  }\n  return result;\n};\n\n/** Checkbox group for selecting periods */\nexport const PeriodSelector = ({\n  maxPeriods = MAX_PERIODS,\n  defaultValues,\n  label,\n  labelPosition = 'top',\n  required = false,\n  notValidatedText = '',\n  onChange,\n}: PeriodSelectorProps) => {\n  const maxPeriodsList = Array.from({ length: maxPeriods }, (_, index) => index + 1);\n  const chunkedPeriods = chunkPeriods(maxPeriodsList);\n\n  const checkboxItems = chunkedPeriods.map((periods, semester) => {\n    return periods.map((period) => ({\n      label: `${semester + 1}${periods.length === 1 ? '' : `.${((period - 1) % PERIODS_PER_SEMESTER) + 1}`}`,\n      value: period.toString(),\n    }));\n  });\n\n  const returnValues = useRef<number[][]>(\n    chunkedPeriods.map((semester) =>\n      semester.reduce((periods, period) => {\n        if (defaultValues?.includes(period)) periods.push(period);\n        return periods;\n      }, [] as number[])\n    )\n  );\n  const [disableSemesters, setDisableSemesters] = useState<number[]>([]);\n\n  const disableGroups = (selects: number[][]) => {\n    if (selects[SEMESTER_1].length !== 0 || selects[SEMESTER_2].length !== 0) return [SEMESTER_3];\n    if (selects[SEMESTER_3].length !== 0) return [SEMESTER_1, SEMESTER_2];\n    return [];\n  };\n\n  const handleChange = (values: string[], index: number) => {\n    returnValues.current[index] = values.map((num) => Number(num));\n    setDisableSemesters(disableGroups(returnValues.current));\n    onChange([...returnValues.current.flat()].sort());\n  };\n\n  useEffect(() => {\n    setDisableSemesters(disableGroups(returnValues.current));\n  }, []);\n\n  return (\n    <div\n      className={clsx(\n        styles['period-selector__container'],\n        styles[`period-selector__container--label-${labelPosition}`]\n      )}\n    >\n      {label && (\n        <Label htmlFor=\"\" required={required}>\n          {label}\n        </Label>\n      )}\n      <div className={styles['period-selector__selector-container']}>\n        <div className={styles['period-selector__selector-row']}>\n          {checkboxItems.map((checkboxes, semester) => (\n            <CheckboxButtonBar\n              key={`group_${semester}`}\n              checkboxes={checkboxes}\n              defaultValues={returnValues.current[semester].map((num) => num.toString())}\n              disableGroup={disableSemesters.includes(semester)}\n              required={required}\n              onSetValues={(event) => handleChange(event, semester)}\n              notValidated={notValidatedText !== ''}\n            />\n          ))}\n        </div>\n        {notValidatedText !== '' && <FeedbackBox level=\"error\" feedback={notValidatedText} />}\n      </div>\n    </div>\n  );\n};\n"],"names":["SEMESTER_1","SEMESTER_2","SEMESTER_3","PERIODS_PER_SEMESTER","MAX_PERIODS","chunkPeriods","array","result","count","PeriodSelector","maxPeriods","defaultValues","label","labelPosition","required","notValidatedText","onChange","maxPeriodsList","_","index","chunkedPeriods","checkboxItems","periods","semester","period","returnValues","useRef","disableSemesters","setDisableSemesters","useState","disableGroups","selects","handleChange","values","num","useEffect","jsxs","clsx","styles","jsx","Label","checkboxes","CheckboxButtonBar","event","FeedbackBox"],"mappings":"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"}
+{"version":3,"file":"PeriodSelector.js","sources":["../../../src/components/PeriodSelector/PeriodSelector.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useEffect, useRef, useState } from 'react';\n\nimport styles from './PeriodSelector.module.css';\n\nimport { Label, CheckboxButtonBar, FeedbackBox } from 'components';\n\nexport interface PeriodSelectorProps {\n  /** Indicates how many periods are shown. */\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  maxPeriods: 6 | 7;\n  /** array of period values [3, 5 ...] */\n  defaultValues?: number[];\n  label?: string;\n  labelPosition?: 'top' | 'left';\n  /** Shows red * */\n  required?: boolean;\n  /** error text to display if set */\n  notValidatedText?: string;\n  /** Returns array of selected values as number */\n  onChange: (values: number[]) => void;\n}\n\nconst SEMESTER_1 = 0;\nconst SEMESTER_2 = 1;\nconst SEMESTER_3 = 2;\n\nconst PERIODS_PER_SEMESTER = 3;\nconst MAX_PERIODS = 7;\n\nconst chunkPeriods = (array: number[]): number[][] => {\n  const result: number[][] = [];\n  for (let count = 0; count < array.length; count += PERIODS_PER_SEMESTER) {\n    result.push(array.slice(count, count + PERIODS_PER_SEMESTER));\n  }\n  return result;\n};\n\n/** Checkbox group for selecting periods */\nexport const PeriodSelector = ({\n  maxPeriods = MAX_PERIODS,\n  defaultValues,\n  label,\n  labelPosition = 'top',\n  required = false,\n  notValidatedText = '',\n  onChange,\n}: PeriodSelectorProps) => {\n  const maxPeriodsList = Array.from({ length: maxPeriods }, (_, index) => index + 1);\n  const chunkedPeriods = chunkPeriods(maxPeriodsList);\n\n  const checkboxItems = chunkedPeriods.map((periods, semester) => {\n    return periods.map((period) => ({\n      label: `${semester + 1}${periods.length === 1 ? '' : `.${((period - 1) % PERIODS_PER_SEMESTER) + 1}`}`,\n      value: period.toString(),\n    }));\n  });\n\n  const returnValues = useRef<number[][]>(\n    chunkedPeriods.map((semester) =>\n      semester.reduce((periods, period) => {\n        if (defaultValues?.includes(period)) periods.push(period);\n        return periods;\n      }, [] as number[])\n    )\n  );\n  const [disableSemesters, setDisableSemesters] = useState<number[]>([]);\n\n  const disableGroups = (selects: number[][]) => {\n    if (selects[SEMESTER_1].length !== 0 || selects[SEMESTER_2].length !== 0) return [SEMESTER_3];\n    if (selects[SEMESTER_3].length !== 0) return [SEMESTER_1, SEMESTER_2];\n    return [];\n  };\n\n  const handleChange = (values: string[], index: number) => {\n    returnValues.current[index] = values.map((num) => Number(num));\n    setDisableSemesters(disableGroups(returnValues.current));\n    onChange([...returnValues.current.flat()].sort());\n  };\n\n  useEffect(() => {\n    setDisableSemesters(disableGroups(returnValues.current));\n  }, []);\n\n  return (\n    <div\n      className={clsx(\n        styles['period-selector__container'],\n        styles[`period-selector__container--label-${labelPosition}`]\n      )}\n    >\n      {label && (\n        <Label htmlFor=\"\" required={required}>\n          {label}\n        </Label>\n      )}\n      <div className={styles['period-selector__selector-container']}>\n        <div className={styles['period-selector__selector-row']}>\n          {checkboxItems.map((checkboxes, semester) => (\n            <CheckboxButtonBar\n              key={`group_${semester}`}\n              checkboxes={checkboxes}\n              defaultValues={returnValues.current[semester].map((num) => num.toString())}\n              disableGroup={disableSemesters.includes(semester)}\n              required={required}\n              onSetValues={(event) => handleChange(event, semester)}\n              notValidated={notValidatedText !== ''}\n            />\n          ))}\n        </div>\n        {notValidatedText !== '' && <FeedbackBox level=\"error\" feedback={notValidatedText} />}\n      </div>\n    </div>\n  );\n};\n"],"names":["SEMESTER_1","SEMESTER_2","SEMESTER_3","PERIODS_PER_SEMESTER","MAX_PERIODS","chunkPeriods","array","result","count","PeriodSelector","maxPeriods","defaultValues","label","labelPosition","required","notValidatedText","onChange","maxPeriodsList","_","index","chunkedPeriods","checkboxItems","periods","semester","period","returnValues","useRef","disableSemesters","setDisableSemesters","useState","disableGroups","selects","handleChange","values","num","useEffect","jsxs","clsx","styles","jsx","Label","checkboxes","CheckboxButtonBar","event","FeedbackBox"],"mappings":"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"}

package/dist/components/PeriodSelector/PeriodSelector.stories.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { W as t } from "../../index-Di9WPZUe.js";
+import { l as t } from "../../index-C2E9FY6V.js";
 import { PeriodSelector as e } from "./PeriodSelector.js";
 const i = "<PeriodSelector maxPeriods={} defaultValues={} label={} labelPosition={} required={} onChange={} />", m = {
   title: "Organisms/PeriodSelector",
@@ -8,8 +8,8 @@ const i = "<PeriodSelector maxPeriods={} defaultValues={} label={} labelPosition
     inspectComponent: e,
     codeString: i
   }
-}, a = (o) => /* @__PURE__ */ r(e, { ...o }), l = a.bind({});
-l.args = {
+}, l = (o) => /* @__PURE__ */ r(e, { ...o }), a = l.bind({});
+a.args = {
   maxPeriods: 7,
   // eslint-disable-next-line @typescript-eslint/no-magic-numbers
   defaultValues: [1, 5, 6],
@@ -19,7 +19,7 @@ l.args = {
   onChange: t()
 };
 export {
-  l as PeriodSelectorExample,
+  a as PeriodSelectorExample,
   m as default
 };
 //# sourceMappingURL=PeriodSelector.stories.js.map

package/dist/components/ProgrammeCard/ProgrammeCard.stories.js

@@ -17,15 +17,15 @@ import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
-import "../../TablePlugin-NmJsn2fm.js";
+import "../../TablePlugin-Dmy98Epb.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";
-import "../../index-DllfJcv4.js";
+import "../../index-nrPtQ1dv.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
-import "../../SortableProvider-CwX1lFMa.js";
+import "../../SortableProvider-C2T7b-pm.js";
 const p = "<ProgrammeCard key={key} header={header} details={details} href={href} />", J = {
   title: "Atoms/ProgrammeCard",
   component: o,

package/dist/components/RadioGroup/RadioGroup.stories.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { W as a } from "../../index-Di9WPZUe.js";
+import { l as a } from "../../index-C2E9FY6V.js";
 import { RadioGroup as o } from "./RadioGroup.js";
 const l = `
   <RadioGroup label={label} options={options} 

package/dist/components/RadioGroup/Radiogroup.test.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
-import "../../index-DV47hRzi.js";
-import { r as l, s as t, f as s } from "../../react.esm-CFMwGdo5.js";
+import "../../index-Br0QepD6.js";
+import { r as l, s as t, f as s } from "../../react.esm-BKjCIfbB.js";
 import { RadioGroup as a } from "./RadioGroup.js";
 const i = [
   { id: "1", titleLabel: "Option 1", value: "option1" },

package/dist/components/RadioTabSelector/RadioTabSelector.js

@@ -17,15 +17,15 @@ import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router";
-import "../../TablePlugin-NmJsn2fm.js";
+import "../../TablePlugin-Dmy98Epb.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";
-import "../../index-DllfJcv4.js";
+import "../../index-nrPtQ1dv.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
-import "../../SortableProvider-CwX1lFMa.js";
+import "../../SortableProvider-C2T7b-pm.js";
 import '../../assets/RadioTabSelector.css';const t = {
   "radio-tab-selector-button-bar__container": "_radio-tab-selector-button-bar__container_a4wnc_1",
   "radio-tab-selector-button-bar__container--label-left": "_radio-tab-selector-button-bar__container--label-left_a4wnc_6",

package/dist/components/RadioTabSelector/RadioTabSelector.stories.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { W as o } from "../../index-Di9WPZUe.js";
+import { l as o } from "../../index-C2E9FY6V.js";
 import { RadioTabSelector as e } from "./RadioTabSelector.js";
 const l = "<RadioTabSelector radioButtons={} defaultValue={} label={} labelPosition={} required={} notValidatedText={} onSetValue={} />", u = {
   title: "Molecules/RadioTabSelector",

package/dist/components/RteEditor/EditorHeader/EditorHeader.js

@@ -14,15 +14,15 @@ import "../../IconButton/IconButton.js";
 import "../../Input/Input.js";
 import "../../InputField/InputField.js";
 import "react-router";
-import "../../../TablePlugin-NmJsn2fm.js";
+import "../../../TablePlugin-Dmy98Epb.js";
 import "../Providers/LanguageProvider.js";
 import "../Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../hooks/components/Flyout.js";
-import "../../../index-DllfJcv4.js";
+import "../../../index-nrPtQ1dv.js";
 import "../../SelectListbox/SelectListbox.js";
 import "../../SelectListbox/SelectProvider.js";
 import "../../Sortable/components/SortableItem.js";
-import "../../../SortableProvider-CwX1lFMa.js";
+import "../../../SortableProvider-C2T7b-pm.js";
 import '../../../assets/EditorHeader.css';const t = {
   "editor-header__container": "_editor-header__container_9khdz_1",
   "editor-header__info": "_editor-header__info_9khdz_10"

package/dist/components/RteEditor/Plugins/BlockFormatPlugin/BlockFormatPlugin.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import { o as u } from "../../../../LexicalComposerContext.prod-DLlRM5wP.js";
 import { c as f } from "../../../../clsx-OuTLNxxd.js";
-import { N as _, c as p, R as h } from "../../../../Lexical.prod-UwAbgYpF.js";
+import { N as _, c as p, R as h } from "../../../../Lexical.prod-B84LhBo3.js";
 import { useState as l, useEffect as k } from "react";
 import { Icon as I } from "../../../Icon/Icon.js";
 import { s as a } from "../../../../RteEditor.module-B_3uFnFu.js";

package/dist/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.js

@@ -1,7 +1,7 @@
 import { jsxs as f, jsx as a } from "react/jsx-runtime";
 import { c as i } from "../../../../clsx-OuTLNxxd.js";
 import { o as h } from "../../../../LexicalComposerContext.prod-DLlRM5wP.js";
-import { ar as _, as as C, at as y, au as k } from "../../../../Lexical.prod-UwAbgYpF.js";
+import { ar as _, as as C, at as y, au as k } from "../../../../Lexical.prod-B84LhBo3.js";
 import { useState as s, useEffect as m } from "react";
 import { Icon as n } from "../../../Icon/Icon.js";
 import "../../../Buttons/Button.js";
@@ -17,17 +17,17 @@ import "../../../IconButton/IconButton.js";
 import "../../../Input/Input.js";
 import "../../../InputField/InputField.js";
 import "react-router";
-import "../../../../TablePlugin-NmJsn2fm.js";
+import "../../../../TablePlugin-Dmy98Epb.js";
 import { s as r } from "../../../../RteEditor.module-B_3uFnFu.js";
 import { useTranslation as x } from "../../hooks/useTranslation.js";
 import "../LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../../hooks/components/Flyout.js";
 import "../../Providers/LanguageProvider.js";
-import "../../../../index-DllfJcv4.js";
+import "../../../../index-nrPtQ1dv.js";
 import "../../../SelectListbox/SelectListbox.js";
 import "../../../SelectListbox/SelectProvider.js";
 import "../../../Sortable/components/SortableItem.js";
-import "../../../../SortableProvider-CwX1lFMa.js";
+import "../../../../SortableProvider-C2T7b-pm.js";
 const Z = () => {
   const o = x(), [t] = h(), [p, d] = s(!1), [l, c] = s(!1), u = () => {
     t.dispatchCommand(y, void 0);

package/dist/components/RteEditor/Plugins/LinkPlugin/AddLinkForm/AddLinkFrom.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import { A as D } from "../../../../../TablePlugin-NmJsn2fm.js";
-import "../../../../../helpers-DZIm3MiJ.js";
+import { A as D } from "../../../../../TablePlugin-Dmy98Epb.js";
+import "../../../../../helpers-CMG0anwr.js";
 import "../../../../Icon/Icon.js";
 import "../../../../Buttons/Button.js";
 import "../../../../Buttons/LinkButton.js";
@@ -23,11 +23,11 @@ import "../../../hooks/useTranslation.js";
 import "../LinkContextMenu/LinkContextMenu.js";
 import "../../../hooks/components/Flyout.js";
 import "../../../Providers/LanguageProvider.js";
-import "../../../../../index-DllfJcv4.js";
+import "../../../../../index-nrPtQ1dv.js";
 import "../../../../SelectListbox/SelectListbox.js";
 import "../../../../SelectListbox/SelectProvider.js";
 import "../../../../Sortable/components/SortableItem.js";
-import "../../../../../SortableProvider-CwX1lFMa.js";
+import "../../../../../SortableProvider-C2T7b-pm.js";
 export {
   D as AddLinkForm
 };

package/dist/components/RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js

@@ -1,101 +1,91 @@
-import { jsxs as k, Fragment as K, jsx as n } from "react/jsx-runtime";
-import { forwardRef as N, useState as b, useRef as T, useImperativeHandle as g, useLayoutEffect as E } from "react";
-import { e as R } from "../../../../../helpers-DZIm3MiJ.js";
-import { Icon as m } from "../../../../Icon/Icon.js";
-import { useTranslation as S } from "../../../hooks/useTranslation.js";
-import { Button as y } from "../../../../Buttons/Button.js";
+import { jsxs as u, Fragment as L, jsx as n } from "react/jsx-runtime";
+import { forwardRef as K, useState as d, useRef as N, useImperativeHandle as T, useLayoutEffect as g } from "react";
+import { e as E } from "../../../../../helpers-CMG0anwr.js";
+import { Icon as k } from "../../../../Icon/Icon.js";
+import { useTranslation as R } from "../../../hooks/useTranslation.js";
+import { Button as b } from "../../../../Buttons/Button.js";
 import "../../../../Buttons/LinkButton.js";
 import "@react-aria/button";
-import '../../../../../assets/LinkContextMenu.css';const l = {
+import '../../../../../assets/LinkContextMenu.css';const i = {
   "link-context-menu__wrapper": "_link-context-menu__wrapper_139l7_1",
   "link-context-menu__input": "_link-context-menu__input_139l7_7",
   "link-context-menu__button": "_link-context-menu__button_139l7_25",
   "link-context-menu__actions": "_link-context-menu__actions_139l7_36"
-}, O = N(({ url: a, onSave: f, onDelete: h, onClose: x }, w) => {
-  const e = S(), [_, s] = b(a), [c, u] = b(!1), o = T(null), r = () => {
-    var t;
-    s(a), u(!1), (t = o.current) == null || t.blur();
+}, I = K(({ url: l, onSave: y, onDelete: f, onClose: h }, x) => {
+  const t = R(), [m, o] = d(l), [r, c] = d(!1), a = N(null), s = () => {
+    o(l), c(!1), a.current?.blur();
+  }, w = () => {
+    y(m), s();
+  }, _ = () => {
+    f(), o(""), s();
   }, C = () => {
-    f(_), r();
+    s(), h();
   }, p = () => {
-    h(), s(""), r();
-  }, L = () => {
-    r(), x();
-  }, d = () => {
-    window.open(R(a), "_blank");
+    window.open(E(l), "_blank");
   };
-  return g(w, () => ({
-    clearForm: r
-  })), E(() => {
-    s(a), window.addEventListener("keydown", (t) => {
-      t.ctrlKey && t.shiftKey && t.key === "L" && (u(!0), setTimeout(() => {
-        var i;
-        return (i = o.current) == null ? void 0 : i.focus();
-      }, 0)), t.ctrlKey && t.shiftKey && t.code === "Digit1" && (d(), setTimeout(() => {
-        var i;
-        return (i = o.current) == null ? void 0 : i.focus();
-      }, 0)), t.ctrlKey && t.shiftKey && t.key === "Q" && (p(), setTimeout(() => {
-        var i;
-        return (i = o.current) == null ? void 0 : i.focus();
-      }, 0));
+  return T(x, () => ({
+    clearForm: s
+  })), g(() => {
+    o(l), window.addEventListener("keydown", (e) => {
+      e.ctrlKey && e.shiftKey && e.key === "L" && (c(!0), setTimeout(() => a.current?.focus(), 0)), e.ctrlKey && e.shiftKey && e.code === "Digit1" && (p(), setTimeout(() => a.current?.focus(), 0)), e.ctrlKey && e.shiftKey && e.key === "Q" && (_(), setTimeout(() => a.current?.focus(), 0));
     });
-  }, [a]), /* @__PURE__ */ k(K, { children: [
-    /* @__PURE__ */ k("div", { className: l["link-context-menu__wrapper"], children: [
+  }, [l]), /* @__PURE__ */ u(L, { children: [
+    /* @__PURE__ */ u("div", { className: i["link-context-menu__wrapper"], children: [
       /* @__PURE__ */ n(
         "input",
         {
           type: "text",
-          value: _,
-          onChange: (t) => s(t.target.value),
-          className: l["link-context-menu__input"],
-          disabled: !c,
-          ref: o
+          value: m,
+          onChange: (e) => o(e.target.value),
+          className: i["link-context-menu__input"],
+          disabled: !r,
+          ref: a
         }
       ),
-      !c && /* @__PURE__ */ n(
+      !r && /* @__PURE__ */ n(
         "button",
         {
           type: "button",
-          className: l["link-context-menu__button"],
-          onClick: () => u(!0),
-          title: e.links.linkEdittip,
-          "aria-label": e.aria.labels.link,
-          "aria-keyshortcuts": e.aria.keyshortcuts.editlink,
-          children: /* @__PURE__ */ n(m, { name: "Pencil", size: 20 })
+          className: i["link-context-menu__button"],
+          onClick: () => c(!0),
+          title: t.links.linkEdittip,
+          "aria-label": t.aria.labels.link,
+          "aria-keyshortcuts": t.aria.keyshortcuts.editlink,
+          children: /* @__PURE__ */ n(k, { name: "Pencil", size: 20 })
         }
       ),
       /* @__PURE__ */ n(
         "button",
         {
           type: "button",
-          className: l["link-context-menu__button"],
-          onClick: d,
-          title: e.links.linkTesttip,
-          "aria-label": e.aria.labels.link,
-          "aria-keyshortcuts": e.aria.keyshortcuts.testlink,
-          children: /* @__PURE__ */ n(m, { name: "ArrowTopRightOnSquare", size: 20 })
+          className: i["link-context-menu__button"],
+          onClick: p,
+          title: t.links.linkTesttip,
+          "aria-label": t.aria.labels.link,
+          "aria-keyshortcuts": t.aria.keyshortcuts.testlink,
+          children: /* @__PURE__ */ n(k, { name: "ArrowTopRightOnSquare", size: 20 })
         }
       ),
       /* @__PURE__ */ n(
         "button",
         {
           type: "button",
-          className: l["link-context-menu__button"],
-          onClick: p,
-          title: e.links.linkDeletetip,
-          "aria-label": e.aria.labels.link,
-          "aria-keyshortcuts": e.aria.keyshortcuts.deletelink,
-          children: /* @__PURE__ */ n(m, { name: "LinkSlash", size: 20 })
+          className: i["link-context-menu__button"],
+          onClick: _,
+          title: t.links.linkDeletetip,
+          "aria-label": t.aria.labels.link,
+          "aria-keyshortcuts": t.aria.keyshortcuts.deletelink,
+          children: /* @__PURE__ */ n(k, { name: "LinkSlash", size: 20 })
         }
       )
     ] }),
-    c && /* @__PURE__ */ k("div", { className: l["link-context-menu__actions"], children: [
-      /* @__PURE__ */ n(y, { variant: "secondary", onClick: L, "aria-label": e.common.cancel, type: "button", children: e.common.cancel }),
-      /* @__PURE__ */ n(y, { variant: "primary", onClick: C, "aria-label": e.aria.labels.linkOkButton, type: "button", children: e.links.addLink })
+    r && /* @__PURE__ */ u("div", { className: i["link-context-menu__actions"], children: [
+      /* @__PURE__ */ n(b, { variant: "secondary", onClick: C, "aria-label": t.common.cancel, type: "button", children: t.common.cancel }),
+      /* @__PURE__ */ n(b, { variant: "primary", onClick: w, "aria-label": t.aria.labels.linkOkButton, type: "button", children: t.links.addLink })
     ] })
   ] });
 });
 export {
-  O as LinkContextMenu
+  I as LinkContextMenu
 };
 //# sourceMappingURL=LinkContextMenu.js.map

package/dist/components/RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkContextMenu.js","sources":["../../../../../../src/components/RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useLayoutEffect, useRef, useState } from 'react';\n\nimport styles from './LinkContextMenu.module.css';\n\nimport { ensureHttps } from 'components/RteEditor/Plugins/LinkPlugin/helpers';\nimport { Icon } from 'components/Icon';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\nimport { Button } from 'components/Buttons';\n\ninterface LinkContextMenuProps {\n  url: string;\n  onSave: (url: string) => void;\n  onDelete: () => void;\n  onClose: () => void;\n}\n\nexport interface linkFormMethods {\n  clearForm: () => void;\n}\n\nexport const LinkContextMenu = forwardRef(({ url, onSave, onDelete, onClose }: LinkContextMenuProps, ref) => {\n  const t = useTranslation();\n  const [link, setLink] = useState(url);\n  const [editable, setEditable] = useState(false);\n  const linkRef = useRef<HTMLInputElement>(null);\n\n  const reset = () => {\n    setLink(url);\n    setEditable(false);\n    linkRef.current?.blur();\n  };\n\n  const handleSave = () => {\n    onSave(link);\n    reset();\n  };\n\n  const handleDelete = () => {\n    onDelete();\n    setLink('');\n    reset();\n  };\n\n  const handleClose = () => {\n    reset();\n    onClose();\n  };\n\n  const handlePreview = () => {\n    window.open(ensureHttps(url), '_blank');\n  };\n\n  useImperativeHandle(ref, () => ({\n    clearForm: reset,\n  }));\n\n  useLayoutEffect(() => {\n    setLink(url);\n    window.addEventListener('keydown', (event) => {\n      if (event.ctrlKey && event.shiftKey && event.key === 'L') {\n        setEditable(true);\n        setTimeout(() => linkRef.current?.focus(), 0);\n      }\n      if (event.ctrlKey && event.shiftKey && event.code === 'Digit1') {\n        handlePreview();\n        setTimeout(() => linkRef.current?.focus(), 0);\n      }\n      if (event.ctrlKey && event.shiftKey && event.key === 'Q') {\n        handleDelete();\n        setTimeout(() => linkRef.current?.focus(), 0);\n      }\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [url]);\n\n  return (\n    <>\n      <div className={styles['link-context-menu__wrapper']}>\n        <input\n          type=\"text\"\n          value={link}\n          onChange={(event) => setLink(event.target.value)}\n          className={styles['link-context-menu__input']}\n          disabled={!editable}\n          ref={linkRef}\n        />\n        {!editable && (\n          <button\n            type=\"button\"\n            className={styles['link-context-menu__button']}\n            onClick={() => setEditable(true)}\n            title={t.links.linkEdittip}\n            aria-label={t.aria.labels.link}\n            aria-keyshortcuts={t.aria.keyshortcuts.editlink}\n          >\n            <Icon name=\"Pencil\" size={20} />\n          </button>\n        )}\n        <button\n          type=\"button\"\n          className={styles['link-context-menu__button']}\n          onClick={handlePreview}\n          title={t.links.linkTesttip}\n          aria-label={t.aria.labels.link}\n          aria-keyshortcuts={t.aria.keyshortcuts.testlink}\n        >\n          <Icon name=\"ArrowTopRightOnSquare\" size={20} />\n        </button>\n        <button\n          type=\"button\"\n          className={styles['link-context-menu__button']}\n          onClick={handleDelete}\n          title={t.links.linkDeletetip}\n          aria-label={t.aria.labels.link}\n          aria-keyshortcuts={t.aria.keyshortcuts.deletelink}\n        >\n          <Icon name=\"LinkSlash\" size={20} />\n        </button>\n      </div>\n      {editable && (\n        <div className={styles['link-context-menu__actions']}>\n          <Button variant={'secondary'} onClick={handleClose} aria-label={t.common.cancel} type=\"button\">\n            {t.common.cancel}\n          </Button>\n          <Button variant={'primary'} onClick={handleSave} aria-label={t.aria.labels.linkOkButton} type=\"button\">\n            {t.links.addLink}\n          </Button>\n        </div>\n      )}\n    </>\n  );\n});\n"],"names":["LinkContextMenu","forwardRef","url","onSave","onDelete","onClose","ref","t","useTranslation","link","setLink","useState","editable","setEditable","linkRef","useRef","reset","_a","handleSave","handleDelete","handleClose","handlePreview","ensureHttps","useImperativeHandle","useLayoutEffect","event","jsxs","Fragment","styles","jsx","Icon","Button"],"mappings":";;;;;;;;;;;;;GAoBaA,IAAkBC,EAAW,CAAC,EAAE,KAAAC,GAAK,QAAAC,GAAQ,UAAAC,GAAU,SAAAC,EAAA,GAAiCC,MAAQ;AAC3G,QAAMC,IAAIC,EAAA,GACJ,CAACC,GAAMC,CAAO,IAAIC,EAAST,CAAG,GAC9B,CAACU,GAAUC,CAAW,IAAIF,EAAS,EAAK,GACxCG,IAAUC,EAAyB,IAAI,GAEvCC,IAAQ,MAAM;;AAClB,IAAAN,EAAQR,CAAG,GACXW,EAAY,EAAK,IACjBI,IAAAH,EAAQ,YAAR,QAAAG,EAAiB;AAAA,EAAK,GAGlBC,IAAa,MAAM;AACvB,IAAAf,EAAOM,CAAI,GACXO,EAAA;AAAA,EAAM,GAGFG,IAAe,MAAM;AACzB,IAAAf,EAAA,GACAM,EAAQ,EAAE,GACVM,EAAA;AAAA,EAAM,GAGFI,IAAc,MAAM;AACxB,IAAAJ,EAAA,GACAX,EAAA;AAAA,EAAQ,GAGJgB,IAAgB,MAAM;AAC1B,WAAO,KAAKC,EAAYpB,CAAG,GAAG,QAAQ;AAAA,EAAA;AAGxC,SAAAqB,EAAoBjB,GAAK,OAAO;AAAA,IAC9B,WAAWU;AAAA,EAAA,EACX,GAEFQ,EAAgB,MAAM;AACpB,IAAAd,EAAQR,CAAG,GACX,OAAO,iBAAiB,WAAW,CAACuB,MAAU;AAC5C,MAAIA,EAAM,WAAWA,EAAM,YAAYA,EAAM,QAAQ,QACnDZ,EAAY,EAAI,GAChB,WAAW,MAAA;;AAAM,gBAAAI,IAAAH,EAAQ,YAAR,gBAAAG,EAAiB;AAAA,SAAS,CAAC,IAE1CQ,EAAM,WAAWA,EAAM,YAAYA,EAAM,SAAS,aACpDJ,EAAA,GACA,WAAW,MAAA;;AAAM,gBAAAJ,IAAAH,EAAQ,YAAR,gBAAAG,EAAiB;AAAA,SAAS,CAAC,IAE1CQ,EAAM,WAAWA,EAAM,YAAYA,EAAM,QAAQ,QACnDN,EAAA,GACA,WAAW,MAAA;;AAAM,gBAAAF,IAAAH,EAAQ,YAAR,gBAAAG,EAAiB;AAAA,SAAS,CAAC;AAAA,IAC9C,CACD;AAAA,EAAA,GAEA,CAACf,CAAG,CAAC,GAGN,gBAAAwB,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWE,EAAO,4BAA4B,GACjD,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOpB;AAAA,UACP,UAAU,CAACgB,MAAUf,EAAQe,EAAM,OAAO,KAAK;AAAA,UAC/C,WAAWG,EAAO,0BAA0B;AAAA,UAC5C,UAAU,CAAChB;AAAA,UACX,KAAKE;AAAA,QAAA;AAAA,MAAA;AAAA,MAEN,CAACF,KACA,gBAAAiB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAWD,EAAO,2BAA2B;AAAA,UAC7C,SAAS,MAAMf,EAAY,EAAI;AAAA,UAC/B,OAAON,EAAE,MAAM;AAAA,UACf,cAAYA,EAAE,KAAK,OAAO;AAAA,UAC1B,qBAAmBA,EAAE,KAAK,aAAa;AAAA,UAEvC,UAAA,gBAAAsB,EAACC,GAAA,EAAK,MAAK,UAAS,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAGlC,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAWD,EAAO,2BAA2B;AAAA,UAC7C,SAASP;AAAA,UACT,OAAOd,EAAE,MAAM;AAAA,UACf,cAAYA,EAAE,KAAK,OAAO;AAAA,UAC1B,qBAAmBA,EAAE,KAAK,aAAa;AAAA,UAEvC,UAAA,gBAAAsB,EAACC,GAAA,EAAK,MAAK,yBAAwB,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAE/C,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAWD,EAAO,2BAA2B;AAAA,UAC7C,SAAST;AAAA,UACT,OAAOZ,EAAE,MAAM;AAAA,UACf,cAAYA,EAAE,KAAK,OAAO;AAAA,UAC1B,qBAAmBA,EAAE,KAAK,aAAa;AAAA,UAEvC,UAAA,gBAAAsB,EAACC,GAAA,EAAK,MAAK,aAAY,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IACnC,GACF;AAAA,IACClB,KACC,gBAAAc,EAAC,OAAA,EAAI,WAAWE,EAAO,4BAA4B,GACjD,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAA,EAAO,SAAS,aAAa,SAASX,GAAa,cAAYb,EAAE,OAAO,QAAQ,MAAK,UACnF,UAAAA,EAAE,OAAO,QACZ;AAAA,MACA,gBAAAsB,EAACE,GAAA,EAAO,SAAS,WAAW,SAASb,GAAY,cAAYX,EAAE,KAAK,OAAO,cAAc,MAAK,UAC3F,UAAAA,EAAE,MAAM,QAAA,CACX;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ,CAAC;"}
+{"version":3,"file":"LinkContextMenu.js","sources":["../../../../../../src/components/RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useLayoutEffect, useRef, useState } from 'react';\n\nimport styles from './LinkContextMenu.module.css';\n\nimport { ensureHttps } from 'components/RteEditor/Plugins/LinkPlugin/helpers';\nimport { Icon } from 'components/Icon';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\nimport { Button } from 'components/Buttons';\n\ninterface LinkContextMenuProps {\n  url: string;\n  onSave: (url: string) => void;\n  onDelete: () => void;\n  onClose: () => void;\n}\n\nexport interface linkFormMethods {\n  clearForm: () => void;\n}\n\nexport const LinkContextMenu = forwardRef(({ url, onSave, onDelete, onClose }: LinkContextMenuProps, ref) => {\n  const t = useTranslation();\n  const [link, setLink] = useState(url);\n  const [editable, setEditable] = useState(false);\n  const linkRef = useRef<HTMLInputElement>(null);\n\n  const reset = () => {\n    setLink(url);\n    setEditable(false);\n    linkRef.current?.blur();\n  };\n\n  const handleSave = () => {\n    onSave(link);\n    reset();\n  };\n\n  const handleDelete = () => {\n    onDelete();\n    setLink('');\n    reset();\n  };\n\n  const handleClose = () => {\n    reset();\n    onClose();\n  };\n\n  const handlePreview = () => {\n    window.open(ensureHttps(url), '_blank');\n  };\n\n  useImperativeHandle(ref, () => ({\n    clearForm: reset,\n  }));\n\n  useLayoutEffect(() => {\n    setLink(url);\n    window.addEventListener('keydown', (event) => {\n      if (event.ctrlKey && event.shiftKey && event.key === 'L') {\n        setEditable(true);\n        setTimeout(() => linkRef.current?.focus(), 0);\n      }\n      if (event.ctrlKey && event.shiftKey && event.code === 'Digit1') {\n        handlePreview();\n        setTimeout(() => linkRef.current?.focus(), 0);\n      }\n      if (event.ctrlKey && event.shiftKey && event.key === 'Q') {\n        handleDelete();\n        setTimeout(() => linkRef.current?.focus(), 0);\n      }\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [url]);\n\n  return (\n    <>\n      <div className={styles['link-context-menu__wrapper']}>\n        <input\n          type=\"text\"\n          value={link}\n          onChange={(event) => setLink(event.target.value)}\n          className={styles['link-context-menu__input']}\n          disabled={!editable}\n          ref={linkRef}\n        />\n        {!editable && (\n          <button\n            type=\"button\"\n            className={styles['link-context-menu__button']}\n            onClick={() => setEditable(true)}\n            title={t.links.linkEdittip}\n            aria-label={t.aria.labels.link}\n            aria-keyshortcuts={t.aria.keyshortcuts.editlink}\n          >\n            <Icon name=\"Pencil\" size={20} />\n          </button>\n        )}\n        <button\n          type=\"button\"\n          className={styles['link-context-menu__button']}\n          onClick={handlePreview}\n          title={t.links.linkTesttip}\n          aria-label={t.aria.labels.link}\n          aria-keyshortcuts={t.aria.keyshortcuts.testlink}\n        >\n          <Icon name=\"ArrowTopRightOnSquare\" size={20} />\n        </button>\n        <button\n          type=\"button\"\n          className={styles['link-context-menu__button']}\n          onClick={handleDelete}\n          title={t.links.linkDeletetip}\n          aria-label={t.aria.labels.link}\n          aria-keyshortcuts={t.aria.keyshortcuts.deletelink}\n        >\n          <Icon name=\"LinkSlash\" size={20} />\n        </button>\n      </div>\n      {editable && (\n        <div className={styles['link-context-menu__actions']}>\n          <Button variant={'secondary'} onClick={handleClose} aria-label={t.common.cancel} type=\"button\">\n            {t.common.cancel}\n          </Button>\n          <Button variant={'primary'} onClick={handleSave} aria-label={t.aria.labels.linkOkButton} type=\"button\">\n            {t.links.addLink}\n          </Button>\n        </div>\n      )}\n    </>\n  );\n});\n"],"names":["LinkContextMenu","forwardRef","url","onSave","onDelete","onClose","ref","useTranslation","link","setLink","useState","editable","setEditable","linkRef","useRef","reset","handleSave","handleDelete","handleClose","handlePreview","ensureHttps","useImperativeHandle","useLayoutEffect","event","jsxs","Fragment","styles","jsx","Icon","Button"],"mappings":"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"}