@uva-glass/component-library 1.53.0 → 1.55.0

package/dist/AddTableFrom-CwnPli3F.js

@@ -0,0 +1,162 @@
+import { jsxs as l, jsx as e, Fragment as O } from "react/jsx-runtime";
+import { forwardRef as A, useState as k, useRef as M, useImperativeHandle as U } from "react";
+import { Button as v } from "./components/Buttons/Button.js";
+import "./components/Buttons/LinkButton.js";
+import "@react-aria/button";
+import { Label as b } from "./components/Label/Label.js";
+import "@react-aria/dialog";
+import "@react-aria/focus";
+import "@react-aria/overlays";
+import "./components/OverlayCloseButton/OverlayCloseButton.js";
+import { FormField as g } from "./components/FormField/FormField.js";
+import "./components/GridRow/GridRow.js";
+import "./components/IconButton/IconButton.js";
+import "./components/Input/Input.js";
+import { InputField as j } from "./components/InputField/InputField.js";
+import "react-router-dom";
+import { c as y } from "./clsx-OuTLNxxd.js";
+import { s as p, M as T } from "./MultiSelectItem-D9PxdX43.js";
+import { v as q } from "./helpers-CJF7fErD.js";
+import { Checkbox as H } from "./components/Checkbox/Checkbox.js";
+import { FeedbackBox as L } from "./components/FeedbackBox/FeedbackBox.js";
+import "./components/SelectListbox/SelectListbox.js";
+import "./components/SelectListbox/SelectProvider.js";
+import "./components/Sortable/components/SortableItem.js";
+import "./SortableProvider-Z0e0qeQT.js";
+import './assets/AddTableFrom.css';function B({ label: a, clearTrigger: n, onClear: i }) {
+  return /* @__PURE__ */ l("header", { className: p["multi-select__header"], children: [
+    /* @__PURE__ */ e(b, { htmlFor: "multi-select-list", children: a }),
+    n && /* @__PURE__ */ e(v, { variant: "blank", onClick: i, children: n })
+  ] });
+}
+const x = ({ scrollable: a = !0, noBorder: n, header: i, children: t }) => /* @__PURE__ */ l(O, { children: [
+  i,
+  /* @__PURE__ */ e(
+    "div",
+    {
+      className: y(p["multi-select"], {
+        [p["multi-select--no-border"]]: n
+      }),
+      children: /* @__PURE__ */ e(
+        "ul",
+        {
+          className: y(p["multi-select__list"], {
+            [p["multi-select__list--scrollable"]]: a
+          }),
+          id: "multi-select-list",
+          children: t
+        }
+      )
+    }
+  )
+] });
+x.MultiSelectHeader = B;
+x.MultiSelectItem = T;
+const E = "_linkform_1wkvj_1", $ = "_linkform__footer_1wkvj_23", S = {
+  linkform: E,
+  "linkform__input-field": "_linkform__input-field_1wkvj_9",
+  linkform__footer: $
+}, he = A(
+  ({ onCloseHandler: a, onSaveHandler: n, isLink: i = { active: !1, url: "", target: "_self" } }, t) => {
+    const [d, s] = k(i.target === "_blank"), [m, f] = k(i.url), [u, c] = k(null), _ = M(null), h = (o) => {
+      f(o.target.value);
+    }, r = () => {
+      s((o) => !o);
+    }, w = (o) => !o && o.trim() === "" || q(o) === !1 ? (c("Geen of geen geldige url ingevoerd"), !1) : (c(null), !0), F = () => {
+      w(m) && (n(m, d ? "_blank" : "_self"), N());
+    }, I = () => {
+      a(), N();
+    }, N = () => {
+      f(""), c(null);
+    }, R = () => {
+      _.current && _.current.focus();
+    };
+    return U(t, () => ({
+      clearForm: N,
+      focusFirstField: R
+    })), /* @__PURE__ */ l("div", { className: S.linkform, children: [
+      /* @__PURE__ */ l(g, { className: S["linkform__input-field"], children: [
+        /* @__PURE__ */ e(b, { htmlFor: "linkUrl", children: "Link" }),
+        /* @__PURE__ */ e(
+          j,
+          {
+            id: "linkUrl",
+            placeholder: "http(s)://",
+            value: m || "",
+            onChange: (o) => h(o),
+            onFocus: () => c(null),
+            ref: _
+          }
+        ),
+        u && /* @__PURE__ */ e(L, { level: "error", feedback: u })
+      ] }),
+      /* @__PURE__ */ l(g, { inline: !0, children: [
+        /* @__PURE__ */ e(H, { id: "linkTarget", onChange: r, checked: d }),
+        /* @__PURE__ */ e(b, { htmlFor: "linkTarget", children: "Open in nieuwe window" })
+      ] }),
+      /* @__PURE__ */ l("div", { className: S.linkform__footer, children: [
+        /* @__PURE__ */ e(v, { variant: "secondary", onClick: I, children: "Annuleer" }),
+        /* @__PURE__ */ e(v, { variant: "primary", onClick: F, children: "Link" })
+      ] })
+    ] });
+  }
+), D = "_tableform_1ob5q_1", G = "_tableform__footer_1ob5q_23", C = {
+  tableform: D,
+  "tableform__input-field": "_tableform__input-field_1ob5q_9",
+  tableform__footer: G
+}, pe = A(({ onCloseHandler: a, onSaveHandler: n }, i) => {
+  const [t, d] = k(), [s, m] = k(), f = M(null), u = (r, w) => {
+    const F = r.target.value;
+    w === "row" ? d(parseInt(F)) : m(parseInt(F));
+  }, c = () => {
+    t !== void 0 && s !== void 0 && (n(t, s), h());
+  }, _ = () => {
+    a(), h();
+  }, h = () => {
+    d(void 0), m(void 0);
+  };
+  return U(i, () => ({
+    clearForm: h,
+    focusFirstField: () => {
+      var r;
+      return (r = f.current) == null ? void 0 : r.focus();
+    }
+  })), /* @__PURE__ */ l("div", { className: C.tableform, children: [
+    /* @__PURE__ */ l(g, { className: C["tableform__input-field"], children: [
+      /* @__PURE__ */ e(b, { htmlFor: "nrOfRows", children: "Aantal rijen" }),
+      /* @__PURE__ */ e(
+        j,
+        {
+          id: "nrOfRows",
+          placeholder: "aantal rijen",
+          value: t || "",
+          onChange: (r) => u(r, "row"),
+          ref: f
+        }
+      )
+    ] }),
+    /* @__PURE__ */ l(g, { className: C["tableform__input-field"], children: [
+      /* @__PURE__ */ e(b, { htmlFor: "nrOfColumns", children: "Aantal kolommen" }),
+      /* @__PURE__ */ e(
+        j,
+        {
+          id: "nrOfRows",
+          placeholder: "aantal kolommen",
+          value: s || "",
+          onChange: (r) => u(r, "column")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ l("div", { className: C.tableform__footer, children: [
+      /* @__PURE__ */ e(v, { variant: "secondary", onClick: _, children: "Annuleer" }),
+      /* @__PURE__ */ e(v, { variant: "primary", onClick: c, disabled: !t || !s, children: "Voeg toe" })
+    ] })
+  ] });
+});
+export {
+  he as A,
+  x as M,
+  pe as a,
+  B as b
+};
+//# sourceMappingURL=AddTableFrom-CwnPli3F.js.map

package/dist/AddTableFrom-CwnPli3F.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddTableFrom-CwnPli3F.js","sources":["../src/components/MultiSelect/components/MultiSelectHeader.tsx","../src/components/MultiSelect/MultiSelect.tsx","../src/components/RteEditor/Plugins/LinkPlugin/AddLinkFrom.tsx","../src/components/RteEditor/Plugins/TablePlugin/AddTableFrom.tsx"],"sourcesContent":["import styles from 'components/MultiSelect/MultiSelect.module.css';\nimport { Label } from 'components/Label';\nimport { Button } from 'components';\n\nexport interface MultiSelectHeaderProps {\n  label: string;\n  clearTrigger?: string;\n  onClear?: () => void;\n}\n\nexport function MultiSelectHeader({ label, clearTrigger, onClear }: MultiSelectHeaderProps) {\n  return (\n    <header className={styles['multi-select__header']}>\n      <Label htmlFor=\"multi-select-list\">{label}</Label>\n      {clearTrigger && (\n        <Button variant={'blank'} onClick={onClear}>\n          {clearTrigger}\n        </Button>\n      )}\n    </header>\n  );\n}\n","import clsx from 'clsx';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './MultiSelect.module.css';\n\nimport { MultiSelectItem } from 'components/MultiSelect/components/MultiSelectItem';\nimport { MultiSelectHeader } from 'components/MultiSelect/components/MultiSelectHeader';\n\nexport interface MultiSelectProps {\n  /** `true` if the container should scroll on overflow; otherwise, `false` to resize the container to its contents. The default is `true`. */\n  scrollable?: boolean;\n  /** `true` to disable the border around the container; otherwise, `false`. The default is `false`. */\n  noBorder?: boolean;\n  /** The header contents. */\n  header?: ReactNode;\n}\n\n/** Represents a component to list a number of checkboxes. */\nexport const MultiSelect = ({ scrollable = true, noBorder, header, children }: PropsWithChildren<MultiSelectProps>) => (\n  <>\n    {header}\n    <div\n      className={clsx(styles['multi-select'], {\n        [styles['multi-select--no-border']]: noBorder,\n      })}\n    >\n      <ul\n        className={clsx(styles['multi-select__list'], {\n          [styles['multi-select__list--scrollable']]: scrollable,\n        })}\n        id=\"multi-select-list\"\n      >\n        {children}\n      </ul>\n    </div>\n  </>\n);\n\nMultiSelect.MultiSelectHeader = MultiSelectHeader;\nMultiSelect.MultiSelectItem = MultiSelectItem;\n","import { useState, forwardRef, useImperativeHandle, useRef } from 'react';\r\n\r\nimport type { ChangeEvent } from 'react';\r\nimport type { LinkType } from 'components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin';\r\n\r\nimport { validateUrlWithProtocol } from './helpers';\r\nimport styles from './AddLinkForm.module.css';\r\n\r\nimport { Button, Checkbox, FeedbackBox, FormField, InputField, Label } from 'components';\r\n\r\ninterface AddLinkFormProps {\r\n  onCloseHandler: () => void;\r\n  onSaveHandler: (url: string, target: string) => void;\r\n  isLink: LinkType;\r\n}\r\n\r\nexport interface addLinkFormMethods {\r\n  clearForm: () => void;\r\n  focusFirstField: () => void;\r\n}\r\n\r\nexport const AddLinkForm = forwardRef(\r\n  ({ onCloseHandler, onSaveHandler, isLink = { active: false, url: '', target: '_self' } }: AddLinkFormProps, ref) => {\r\n    const [target, setTarget] = useState<boolean>(isLink.target === '_blank');\r\n    const [url, setUrl] = useState<string>(isLink.url);\r\n    const [urlError, setUrlError] = useState<string | null>(null);\r\n    const firstField = useRef<HTMLInputElement>(null);\r\n\r\n    const handleUrl = (event: ChangeEvent<HTMLInputElement>) => {\r\n      setUrl(event.target.value);\r\n    };\r\n\r\n    const handleTargetChange = () => {\r\n      setTarget((prev) => !prev);\r\n    };\r\n\r\n    const validateUrl = (url: string): boolean => {\r\n      if ((!url && url.trim() === '') || validateUrlWithProtocol(url) === false) {\r\n        setUrlError('Geen of geen geldige url ingevoerd');\r\n        return false;\r\n      }\r\n      setUrlError(null);\r\n      return true;\r\n    };\r\n\r\n    const handleSave = () => {\r\n      if (!validateUrl(url)) {\r\n        return;\r\n      }\r\n      onSaveHandler(url, target ? '_blank' : '_self');\r\n      resetForm();\r\n    };\r\n\r\n    const handleClose = () => {\r\n      onCloseHandler();\r\n      resetForm();\r\n    };\r\n\r\n    const resetForm = () => {\r\n      setUrl('');\r\n      setUrlError(null);\r\n    };\r\n\r\n    const focusFirstField = () => {\r\n      if (firstField.current) {\r\n        firstField.current.focus();\r\n      }\r\n    };\r\n\r\n    useImperativeHandle(ref, () => ({\r\n      clearForm: resetForm,\r\n      focusFirstField,\r\n    }));\r\n\r\n    return (\r\n      <div className={styles['linkform']}>\r\n        <FormField className={styles['linkform__input-field']}>\r\n          <Label htmlFor=\"linkUrl\">Link</Label>\r\n          <InputField\r\n            id=\"linkUrl\"\r\n            placeholder=\"http(s)://\"\r\n            value={url ? url : ''}\r\n            onChange={(event) => handleUrl(event)}\r\n            onFocus={() => setUrlError(null)}\r\n            ref={firstField}\r\n          />\r\n          {urlError && <FeedbackBox level=\"error\" feedback={urlError} />}\r\n        </FormField>\r\n        <FormField inline>\r\n          <Checkbox id=\"linkTarget\" onChange={handleTargetChange} checked={target} />\r\n          <Label htmlFor=\"linkTarget\">Open in nieuwe window</Label>\r\n        </FormField>\r\n        <div className={styles['linkform__footer']}>\r\n          <Button variant={'secondary'} onClick={handleClose}>\r\n            Annuleer\r\n          </Button>\r\n          <Button variant={'primary'} onClick={handleSave}>\r\n            Link\r\n          </Button>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n);\r\n","import { useState, forwardRef, useImperativeHandle, useRef } from 'react';\n\nimport type { ChangeEvent } from 'react';\n\nimport styles from './AddTableFrom.module.css';\n\nimport { Button, FormField, InputField, Label } from 'components';\n\ninterface AddTableFormProps {\n  onCloseHandler: () => void;\n  onSaveHandler: (nrfOfRows: number, nrOfColumns: number) => void;\n}\n\nexport interface addTableForm {\n  clearForm: () => void;\n  focusFirstField: () => void;\n}\n\nexport const AddTableForm = forwardRef(({ onCloseHandler, onSaveHandler }: AddTableFormProps, ref) => {\n  const [rowCount, setRowCount] = useState<number>();\n  const [columnCount, setColumnCount] = useState<number>();\n  const firstField = useRef<HTMLInputElement>(null);\n\n  const handleDimentionChange = (event: ChangeEvent<HTMLInputElement>, type: string) => {\n    const value = event.target.value;\n    type === 'row' ? setRowCount(parseInt(value)) : setColumnCount(parseInt(value));\n  };\n\n  const handleSave = () => {\n    if (rowCount !== undefined && columnCount !== undefined) {\n      onSaveHandler(rowCount, columnCount);\n      resetForm();\n    }\n  };\n\n  const handleClose = () => {\n    onCloseHandler();\n    resetForm();\n  };\n\n  const resetForm = () => {\n    setRowCount(undefined);\n    setColumnCount(undefined);\n  };\n\n  useImperativeHandle(ref, () => ({\n    clearForm: resetForm,\n    focusFirstField: () => firstField.current?.focus(),\n  }));\n\n  return (\n    <div className={styles['tableform']}>\n      <FormField className={styles['tableform__input-field']}>\n        <Label htmlFor=\"nrOfRows\">Aantal rijen</Label>\n        <InputField\n          id=\"nrOfRows\"\n          placeholder=\"aantal rijen\"\n          value={rowCount ? rowCount : ''}\n          onChange={(event) => handleDimentionChange(event, 'row')}\n          ref={firstField}\n        />\n      </FormField>\n      <FormField className={styles['tableform__input-field']}>\n        <Label htmlFor=\"nrOfColumns\">Aantal kolommen</Label>\n        <InputField\n          id=\"nrOfRows\"\n          placeholder=\"aantal kolommen\"\n          value={columnCount ? columnCount : ''}\n          onChange={(event) => handleDimentionChange(event, 'column')}\n        />\n      </FormField>\n      <div className={styles['tableform__footer']}>\n        <Button variant={'secondary'} onClick={handleClose}>\n          Annuleer\n        </Button>\n        <Button variant={'primary'} onClick={handleSave} disabled={!rowCount || !columnCount}>\n          Voeg toe\n        </Button>\n      </div>\n    </div>\n  );\n});\n"],"names":["MultiSelectHeader","label","clearTrigger","onClear","jsxs","styles","jsx","Label","Button","MultiSelect","scrollable","noBorder","header","children","Fragment","clsx","MultiSelectItem","AddLinkForm","forwardRef","onCloseHandler","onSaveHandler","isLink","ref","target","setTarget","useState","url","setUrl","urlError","setUrlError","firstField","useRef","handleUrl","event","handleTargetChange","prev","validateUrl","validateUrlWithProtocol","handleSave","resetForm","handleClose","focusFirstField","useImperativeHandle","FormField","InputField","FeedbackBox","Checkbox","AddTableForm","rowCount","setRowCount","columnCount","setColumnCount","handleDimentionChange","type","value","_a"],"mappings":"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"}