@uva-glass/component-library 3.10.0 → 3.11.0

package/dist/components/Label/Label.test.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
-import "../../index-dmBn99rF.js";
-import { r as t, s as l } from "../../react.esm-CMg7bmSn.js";
+import "../../index-BqLi4tOb.js";
+import { r as t, s as l } from "../../react.esm-PmLHNn73.js";
 import { Label as r } from "./Label.js";
 describe("Label", () => {
   it("should render", () => {

package/dist/components/ModalDialog/ModalDialog.stories.js

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { ModalProvider as l } from "@react-aria/overlays";
-import { fn as i } from "../../index-DXR-TB1d.js";
+import { fn as i } from "../../index-BCvy9BiK.js";
 import { ModalDialog as t } from "./ModalDialog.js";
 import { Button as n } from "../Buttons/Button.js";
 import "../Buttons/LinkButton.js";

package/dist/components/MultiSelect/MultiSelect.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../clsx-OuTLNxxd.js";
 import "../../MultiSelectItem-D9PxdX43.js";
-import { M as p } from "../../TablePlugin-Ba6PaBhf.js";
+import { M as p } from "../../TablePlugin-WOgWan8s.js";
 export {
   p as MultiSelect
 };

package/dist/components/MultiSelect/MultiSelect.stories.js

@@ -1,7 +1,7 @@
 import { jsxs as S, jsx as r } from "react/jsx-runtime";
-import { fn as d } from "../../index-DXR-TB1d.js";
+import { fn as d } from "../../index-BCvy9BiK.js";
 import { useState as p } from "react";
-import { M as e } from "../../TablePlugin-Ba6PaBhf.js";
+import { M as e } from "../../TablePlugin-WOgWan8s.js";
 import { Container as M } from "../../storyComponents/Container/Container.js";
 const C = `
   // MultiSelectHeader can be added optionally

package/dist/components/MultiSelect/components/MultiSelectHeader.js

@@ -15,15 +15,15 @@ import "../../IconButton/IconButton.js";
 import "../../Input/Input.js";
 import "../../InputField/InputField.js";
 import "react-router";
-import { a as y } from "../../../TablePlugin-Ba6PaBhf.js";
+import { a as y } from "../../../TablePlugin-WOgWan8s.js";
 import "../../RteEditor/Providers/LanguageProvider.js";
 import "../../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../../RteEditor/hooks/components/Flyout.js";
-import "../../../index-B3c5pcHk.js";
+import "../../../index-DllfJcv4.js";
 import "../../SelectListbox/SelectListbox.js";
 import "../../SelectListbox/SelectProvider.js";
 import "../../Sortable/components/SortableItem.js";
-import "../../../SortableProvider-Ck_XnBVq.js";
+import "../../../SortableProvider-DZggDO3M.js";
 export {
   y as MultiSelectHeader
 };

package/dist/components/MultiSelect/index.js

@@ -1,4 +1,4 @@
-import { M as l } from "../../TablePlugin-Ba6PaBhf.js";
+import { M as l } from "../../TablePlugin-WOgWan8s.js";
 export {
   l as MultiSelect
 };

package/dist/components/MultiSelectBox/MultiSelectBox.d.ts

@@ -0,0 +1,16 @@
+export type MultiSelectData = {
+    label: string;
+    value: string | number;
+    disabled?: boolean;
+};
+export interface MultiSelectBoxProps {
+    /** Array of label, values pairs */
+    selectData: MultiSelectData[];
+    /** Retuns selected label, values */
+    onChange: (values: MultiSelectData[]) => void;
+    /** Suffix label in the selectbutton '[count] selected' */
+    labelSuffix?: string;
+    /** Disables the multiselect */
+    disabled?: boolean;
+}
+export declare const MultiSelectBox: ({ selectData, onChange, labelSuffix, disabled, }: MultiSelectBoxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/MultiSelectBox/MultiSelectBox.js

@@ -0,0 +1,191 @@
+import { jsxs as f, jsx as b } from "react/jsx-runtime";
+import { useRef as k, useId as P, useState as g, useCallback as w, useLayoutEffect as R, useEffect as h } from "react";
+import { c as v } from "../../clsx-OuTLNxxd.js";
+import { Icon as H } from "../Icon/Icon.js";
+import { Checkbox as M } from "../Checkbox/Checkbox.js";
+import '../../assets/MultiSelectBox.css';const i = {
+  "multi-select-box-wrapper": "_multi-select-box-wrapper_5k31m_1",
+  "multi-select-box-trigger": "_multi-select-box-trigger_5k31m_5",
+  "multi-select-box-trigger-label": "_multi-select-box-trigger-label_5k31m_32",
+  "multi-select-box-trigger-icon": "_multi-select-box-trigger-icon_5k31m_41",
+  "multi-select-box-trigger-icon--open": "_multi-select-box-trigger-icon--open_5k31m_46",
+  "multi-select-box-listbox--wrapper": "_multi-select-box-listbox--wrapper_5k31m_50",
+  "multi-select-box-listbox--wrapper-above": "_multi-select-box-listbox--wrapper-above_5k31m_63",
+  "multi-select-box-listbox--wrapper-open": "_multi-select-box-listbox--wrapper-open_5k31m_68",
+  "multi-select-box-listbox": "_multi-select-box-listbox_5k31m_50",
+  "multi-select-box-listbox-option": "_multi-select-box-listbox-option_5k31m_87",
+  "multi-select-box-listbox-option--active": "_multi-select-box-listbox-option--active_5k31m_98",
+  "multi-select-box-listbox-option-content": "_multi-select-box-listbox-option-content_5k31m_109",
+  "multi-select-box-listbox-option--disabled": "_multi-select-box-listbox-option--disabled_5k31m_122"
+}, U = ({
+  selectData: c,
+  onChange: _,
+  labelSuffix: I = "geselecteerd",
+  disabled: A = !1
+}) => {
+  const m = k(null), y = k(P()), [n, E] = g([]), [N, S] = g(0), [s, a] = g(!1), [p, x] = g(-1), u = k(null), [B, L] = g("below"), d = w((e) => {
+    const t = e.target;
+    !t || !u.current || !m.current || u.current.contains(t) || m.current.contains(t) || a(!1);
+  }, []), C = w(
+    (e) => {
+      switch (e.key) {
+        case "Enter":
+          e.preventDefault(), a(!0);
+          break;
+        case "Escape":
+          s && (e.stopPropagation(), a(!1));
+          break;
+      }
+    },
+    [s]
+  ), D = w(
+    (e) => {
+      if (s)
+        switch (e.key) {
+          case "ArrowDown":
+            e.preventDefault(), x((t) => {
+              var o;
+              let l = t;
+              do
+                l = l < c.length - 1 ? l + 1 : 0;
+              while ((o = c[l]) != null && o.disabled);
+              return l;
+            });
+            break;
+          case "ArrowUp":
+            e.preventDefault(), x((t) => {
+              var o;
+              let l = t;
+              do
+                l = l <= 0 ? c.length - 1 : l - 1;
+              while ((o = c[l]) != null && o.disabled);
+              return l;
+            });
+            break;
+          case "Enter": {
+            e.preventDefault();
+            const t = c[p];
+            if (!t || t.disabled) break;
+            const o = n.some((r) => r.value === t.value) ? n.filter((r) => r.value !== t.value) : [...n, t];
+            E(o), S(o.length), _(o);
+            break;
+          }
+          case "Tab":
+            e.preventDefault(), a(!1);
+            break;
+          case "Escape":
+            e.stopPropagation(), a(!1);
+            break;
+        }
+    },
+    [p, s, c, n, _]
+  ), K = w(
+    (e) => {
+      const { checked: t, value: l } = e.target;
+      let o = [...n];
+      if (t) {
+        const r = c.find((O) => O.value === l);
+        r && o.push(r);
+      } else
+        o = o.filter((r) => r.value !== l);
+      E(o), S(o.length), _(o);
+    },
+    [c, n, _]
+  );
+  return R(() => {
+    if (s && m.current && u.current) {
+      const e = m.current.getBoundingClientRect(), t = u.current.offsetHeight;
+      window.innerHeight - e.bottom < t ? L("above") : L("below");
+    }
+  }, [s]), h(() => {
+    s && x(0);
+  }, [s]), h(() => {
+    var t;
+    const e = (t = u.current) == null ? void 0 : t.children[p];
+    e == null || e.focus();
+  }, [p]), h(() => {
+    if (s)
+      return document.addEventListener("click", d, !0), document.addEventListener("scroll", d, !0), () => {
+        document.removeEventListener("click", d, !0), document.removeEventListener("scroll", d, !0);
+      };
+  }, [d, s]), /* @__PURE__ */ f("div", { className: i["multi-select-box-wrapper"], children: [
+    /* @__PURE__ */ f(
+      "button",
+      {
+        className: i["multi-select-box-trigger"],
+        type: "button",
+        onClick: () => a((e) => !e),
+        onKeyDown: C,
+        "aria-expanded": s,
+        "aria-haspopup": "listbox",
+        "aria-label": `${N} ${I}`,
+        disabled: A,
+        ...s && { "aria-controls": y.current },
+        ref: m,
+        children: [
+          /* @__PURE__ */ f("span", { className: i["multi-select-box-trigger-label"], children: [
+            N,
+            " ",
+            I
+          ] }),
+          /* @__PURE__ */ b(
+            H,
+            {
+              className: v(i["multi-select-box-trigger-icon"], {
+                [i["multi-select-box-trigger-icon--open"]]: s
+              }),
+              name: "CheveronDown",
+              size: 16
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ b(
+      "div",
+      {
+        id: y.current,
+        className: v(
+          i["multi-select-box-listbox--wrapper"],
+          s && i["multi-select-box-listbox--wrapper-open"],
+          B === "above" && i["multi-select-box-listbox--wrapper-above"]
+        ),
+        role: "listbox",
+        children: /* @__PURE__ */ b("ul", { className: i["multi-select-box-listbox"], ref: u, children: c.map(({ label: e, value: t, disabled: l }, o) => /* @__PURE__ */ b(
+          "li",
+          {
+            className: v(i["multi-select-box-listbox-option"], {
+              [i["multi-select-box-listbox-option--active"]]: o === p,
+              [i["multi-select-box-listbox-option--disabled"]]: l
+            }),
+            role: "option",
+            onKeyDown: D,
+            onMouseOver: () => x(o),
+            onFocus: () => x(o),
+            tabIndex: 0,
+            "aria-selected": n.some((r) => r.value === t),
+            children: /* @__PURE__ */ f("label", { htmlFor: e, className: i["multi-select-box-listbox-option-content"], tabIndex: -1, children: [
+              /* @__PURE__ */ b(
+                M,
+                {
+                  id: e,
+                  onChange: K,
+                  value: t,
+                  tabIndex: -1,
+                  disabled: l,
+                  checked: n.some((r) => r.value === t)
+                }
+              ),
+              /* @__PURE__ */ b("span", { children: e })
+            ] })
+          },
+          t
+        )) })
+      }
+    )
+  ] });
+};
+export {
+  U as MultiSelectBox
+};
+//# sourceMappingURL=MultiSelectBox.js.map

package/dist/components/MultiSelectBox/MultiSelectBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectBox.js","sources":["../../../src/components/MultiSelectBox/MultiSelectBox.tsx"],"sourcesContent":["import { useRef, useState, useId, useEffect, useCallback, useLayoutEffect } from 'react';\r\nimport clsx from 'clsx';\r\n\r\nimport type { KeyboardEvent, ChangeEvent } from 'react';\r\n\r\nimport styles from './MultiSelectBox.module.css';\r\n\r\nimport { Icon } from 'components/Icon';\r\nimport { Checkbox } from 'components/Checkbox';\r\n\r\nexport type MultiSelectData = {\r\n  label: string;\r\n  value: string | number;\r\n  disabled?: boolean;\r\n};\r\n\r\nexport interface MultiSelectBoxProps {\r\n  /** Array of label, values pairs */\r\n  selectData: MultiSelectData[];\r\n  /** Retuns selected label, values */\r\n  onChange: (values: MultiSelectData[]) => void;\r\n  /** Suffix label in the selectbutton '[count] selected' */\r\n  labelSuffix?: string;\r\n  /** Disables the multiselect */\r\n  disabled?: boolean;\r\n}\r\n\r\nexport const MultiSelectBox = ({\r\n  selectData,\r\n  onChange,\r\n  labelSuffix = 'geselecteerd',\r\n  disabled = false,\r\n}: MultiSelectBoxProps) => {\r\n  const selectButton = useRef<HTMLButtonElement>(null);\r\n  const multiselectboxId = useRef<string>(useId());\r\n  const [selectedItems, setSelectedItems] = useState<MultiSelectData[]>([]);\r\n  const [selectedItemsCount, setSelectedItemsCount] = useState(0);\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  const [activeIndex, setActiveIndex] = useState(-1);\r\n  const optionListRef = useRef<HTMLUListElement>(null);\r\n  const [dropdownPosition, setDropdownPosition] = useState<'above' | 'below'>('below');\r\n\r\n  const onMouseEventOutside = useCallback((event: Event | MouseEvent) => {\r\n    const target = event.target as Node;\r\n    if (\r\n      !target ||\r\n      !optionListRef.current ||\r\n      !selectButton.current ||\r\n      optionListRef.current.contains(target) ||\r\n      selectButton.current.contains(target)\r\n    ) {\r\n      return;\r\n    }\r\n    setIsOpen(false);\r\n  }, []);\r\n\r\n  const onTriggerKeyDown = useCallback(\r\n    (event: KeyboardEvent<HTMLButtonElement>) => {\r\n      switch (event.key) {\r\n        case 'Enter':\r\n          event.preventDefault();\r\n          setIsOpen(true);\r\n          break;\r\n        case 'Escape':\r\n          if (isOpen) {\r\n            event.stopPropagation();\r\n            setIsOpen(false);\r\n          }\r\n          break;\r\n        default:\r\n          break;\r\n      }\r\n    },\r\n    [isOpen]\r\n  );\r\n\r\n  const onOptionKeyDown = useCallback(\r\n    (event: KeyboardEvent<HTMLLIElement>) => {\r\n      if (!isOpen) return;\r\n\r\n      switch (event.key) {\r\n        case 'ArrowDown':\r\n          event.preventDefault();\r\n          setActiveIndex((prev) => {\r\n            let nextIndex = prev;\r\n            do {\r\n              nextIndex = nextIndex < selectData.length - 1 ? nextIndex + 1 : 0;\r\n            } while (selectData[nextIndex]?.disabled);\r\n            return nextIndex;\r\n          });\r\n          break;\r\n        case 'ArrowUp':\r\n          event.preventDefault();\r\n          setActiveIndex((prev) => {\r\n            let nextIndex = prev;\r\n            do {\r\n              nextIndex = nextIndex <= 0 ? selectData.length - 1 : nextIndex - 1;\r\n            } while (selectData[nextIndex]?.disabled);\r\n            return nextIndex;\r\n          });\r\n          break;\r\n        case 'Enter': {\r\n          event.preventDefault();\r\n          const selectedItem = selectData[activeIndex];\r\n          if (!selectedItem || selectedItem.disabled) break;\r\n          const isAlreadySelected = selectedItems.some((item) => item.value === selectedItem.value);\r\n          const updatedSelectedItems = isAlreadySelected\r\n            ? selectedItems.filter((item) => item.value !== selectedItem.value)\r\n            : [...selectedItems, selectedItem];\r\n\r\n          setSelectedItems(updatedSelectedItems);\r\n          setSelectedItemsCount(updatedSelectedItems.length);\r\n          onChange(updatedSelectedItems);\r\n          break;\r\n        }\r\n        case 'Tab':\r\n          event.preventDefault();\r\n          setIsOpen(false);\r\n          break;\r\n        case 'Escape':\r\n          event.stopPropagation();\r\n          setIsOpen(false);\r\n          break;\r\n        default:\r\n          break;\r\n      }\r\n    },\r\n    [activeIndex, isOpen, selectData, selectedItems, onChange]\r\n  );\r\n\r\n  const handleSelect = useCallback(\r\n    (event: ChangeEvent<HTMLInputElement>) => {\r\n      const { checked, value } = event.target;\r\n      let updatedSelectedItems = [...selectedItems];\r\n\r\n      if (checked) {\r\n        const selectedItem = selectData.find((item) => item.value === value);\r\n        if (selectedItem) {\r\n          updatedSelectedItems.push(selectedItem);\r\n        }\r\n      } else {\r\n        updatedSelectedItems = updatedSelectedItems.filter((item) => item.value !== value);\r\n      }\r\n\r\n      setSelectedItems(updatedSelectedItems);\r\n      setSelectedItemsCount(updatedSelectedItems.length);\r\n      onChange(updatedSelectedItems);\r\n    },\r\n    [selectData, selectedItems, onChange]\r\n  );\r\n\r\n  useLayoutEffect(() => {\r\n    if (isOpen && selectButton.current && optionListRef.current) {\r\n      const buttonRect = selectButton.current.getBoundingClientRect();\r\n      const dropdownHeight = optionListRef.current.offsetHeight;\r\n      const spaceBelow = window.innerHeight - buttonRect.bottom;\r\n      if (spaceBelow < dropdownHeight) {\r\n        setDropdownPosition('above');\r\n      } else {\r\n        setDropdownPosition('below');\r\n      }\r\n    }\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    if (isOpen) {\r\n      setActiveIndex(0);\r\n    }\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    const activeOption = optionListRef.current?.children[activeIndex] as HTMLElement;\r\n    activeOption?.focus();\r\n  }, [activeIndex]);\r\n\r\n  useEffect(() => {\r\n    if (!isOpen) return;\r\n\r\n    document.addEventListener('click', onMouseEventOutside, true);\r\n    document.addEventListener('scroll', onMouseEventOutside, true);\r\n\r\n    return () => {\r\n      document.removeEventListener('click', onMouseEventOutside, true);\r\n      document.removeEventListener('scroll', onMouseEventOutside, true);\r\n    };\r\n  }, [onMouseEventOutside, isOpen]);\r\n\r\n  return (\r\n    <div className={styles['multi-select-box-wrapper']}>\r\n      <button\r\n        className={styles['multi-select-box-trigger']}\r\n        type=\"button\"\r\n        onClick={() => setIsOpen((prev) => !prev)}\r\n        onKeyDown={onTriggerKeyDown}\r\n        aria-expanded={isOpen}\r\n        aria-haspopup=\"listbox\"\r\n        aria-label={`${selectedItemsCount} ${labelSuffix}`}\r\n        disabled={disabled}\r\n        {...(isOpen && { 'aria-controls': multiselectboxId.current })}\r\n        ref={selectButton}\r\n      >\r\n        <span className={styles['multi-select-box-trigger-label']}>\r\n          {selectedItemsCount} {labelSuffix}\r\n        </span>\r\n        <Icon\r\n          className={clsx(styles['multi-select-box-trigger-icon'], {\r\n            [styles['multi-select-box-trigger-icon--open']]: isOpen,\r\n          })}\r\n          name=\"CheveronDown\"\r\n          size={16}\r\n        />\r\n      </button>\r\n\r\n      <div\r\n        id={multiselectboxId.current}\r\n        className={clsx(\r\n          styles['multi-select-box-listbox--wrapper'],\r\n          isOpen && styles['multi-select-box-listbox--wrapper-open'],\r\n          dropdownPosition === 'above' && styles['multi-select-box-listbox--wrapper-above']\r\n        )}\r\n        role=\"listbox\"\r\n      >\r\n        <ul className={styles['multi-select-box-listbox']} ref={optionListRef}>\r\n          {selectData.map(({ label, value, disabled }, index) => (\r\n            <li\r\n              className={clsx(styles['multi-select-box-listbox-option'], {\r\n                [styles['multi-select-box-listbox-option--active']]: index === activeIndex,\r\n                [styles['multi-select-box-listbox-option--disabled']]: disabled,\r\n              })}\r\n              key={value}\r\n              role=\"option\"\r\n              onKeyDown={onOptionKeyDown}\r\n              onMouseOver={() => setActiveIndex(index)}\r\n              onFocus={() => setActiveIndex(index)}\r\n              tabIndex={0}\r\n              aria-selected={selectedItems.some((item) => item.value === value)}\r\n            >\r\n              <label htmlFor={label} className={styles['multi-select-box-listbox-option-content']} tabIndex={-1}>\r\n                <Checkbox\r\n                  id={label}\r\n                  onChange={handleSelect}\r\n                  value={value}\r\n                  tabIndex={-1}\r\n                  disabled={disabled}\r\n                  checked={selectedItems.some((item) => item.value === value)}\r\n                />\r\n                <span>{label}</span>\r\n              </label>\r\n            </li>\r\n          ))}\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["MultiSelectBox","selectData","onChange","labelSuffix","disabled","selectButton","useRef","multiselectboxId","useId","selectedItems","setSelectedItems","useState","selectedItemsCount","setSelectedItemsCount","isOpen","setIsOpen","activeIndex","setActiveIndex","optionListRef","dropdownPosition","setDropdownPosition","onMouseEventOutside","useCallback","event","target","onTriggerKeyDown","onOptionKeyDown","prev","nextIndex","_a","selectedItem","updatedSelectedItems","item","handleSelect","checked","value","useLayoutEffect","buttonRect","dropdownHeight","useEffect","activeOption","jsxs","styles","jsx","Icon","clsx","label","index","Checkbox"],"mappings":"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"}

package/dist/components/MultiSelectBox/MultiSelectBox.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { MultiSelectBoxProps } from './MultiSelectBox';
+declare const _default: Meta<MultiSelectBoxProps>;
+export default _default;
+export declare const MultiSelectBoxExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, MultiSelectBoxProps>;

package/dist/components/MultiSelectBox/MultiSelectBox.stories.js

@@ -0,0 +1,31 @@
+import { jsx as t } from "react/jsx-runtime";
+import { fn as a } from "../../index-BCvy9BiK.js";
+import { MultiSelectBox as e } from "./MultiSelectBox.js";
+const o = "<MultiSelectBox selectData={[{label, value}]} onChange={fn} labelSuffix={string} />", u = {
+  title: "Organisms/MultiSelectBox",
+  component: e,
+  argTypes: {},
+  parameters: {
+    inspectComponent: e,
+    codeString: o
+  }
+}, n = [
+  { label: "A.B. Docent", value: "1" },
+  { label: "B.C. Docent met lange achternaam", value: "2" },
+  {
+    label: "prof. F.G. Docent met lang achternaam",
+    value: "3"
+  },
+  { label: "H.I. Docent", value: "4" },
+  { label: "K.L. Docent ", value: "5" }
+], c = (l) => /* @__PURE__ */ t("div", { style: { width: "30rem", margin: "0rem auto 0 auto" }, children: /* @__PURE__ */ t(e, { ...l }) }), r = c.bind({});
+r.args = {
+  selectData: n,
+  onChange: a(),
+  labelSuffix: "geselecteerd"
+};
+export {
+  r as MultiSelectBoxExample,
+  u as default
+};
+//# sourceMappingURL=MultiSelectBox.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectBox.stories.js","sources":["../../../src/components/MultiSelectBox/MultiSelectBox.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\r\n\r\nimport type { Meta, StoryFn } from '@storybook/react';\r\nimport type { MultiSelectBoxProps } from './MultiSelectBox';\r\n\r\nimport { MultiSelectBox } from './MultiSelectBox';\r\n\r\nconst codeString = `<MultiSelectBox selectData={[{label, value}]} onChange={fn} labelSuffix={string} />`;\r\n\r\n// eslint-disable-next-line import/no-default-export\r\nexport default {\r\n  title: 'Organisms/MultiSelectBox',\r\n  component: MultiSelectBox,\r\n  argTypes: {},\r\n  parameters: {\r\n    inspectComponent: MultiSelectBox,\r\n    codeString: codeString,\r\n  },\r\n} as Meta<MultiSelectBoxProps>;\r\n\r\nconst mockItems = [\r\n  { label: 'A.B. Docent', value: '1' },\r\n  { label: 'B.C. Docent met lange achternaam', value: '2' },\r\n  {\r\n    label: 'prof. F.G. Docent met lang achternaam',\r\n    value: '3',\r\n  },\r\n  { label: 'H.I. Docent', value: '4' },\r\n  { label: 'K.L. Docent ', value: '5' },\r\n];\r\n\r\nconst Template: StoryFn<MultiSelectBoxProps> = (args) => {\r\n  return (\r\n    <div style={{ width: '30rem', margin: '0rem auto 0 auto' }}>\r\n      <MultiSelectBox {...args} />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport const MultiSelectBoxExample = Template.bind({});\r\nMultiSelectBoxExample.args = {\r\n  selectData: mockItems,\r\n  onChange: fn(),\r\n  labelSuffix: 'geselecteerd',\r\n};\r\n"],"names":["codeString","MultiSelectBox_stories","MultiSelectBox","mockItems","Template","args","jsx","MultiSelectBoxExample","fn"],"mappings":";;;AAOA,MAAMA,IAAa,uFAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU,CAAC;AAAA,EACX,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAY;AAAA,EAChB,EAAE,OAAO,eAAe,OAAO,IAAI;AAAA,EACnC,EAAE,OAAO,oCAAoC,OAAO,IAAI;AAAA,EACxD;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,EAAE,OAAO,eAAe,OAAO,IAAI;AAAA,EACnC,EAAE,OAAO,gBAAgB,OAAO,IAAI;AACtC,GAEMC,IAAyC,CAACC,MAE3C,gBAAAC,EAAA,OAAA,EAAI,OAAO,EAAE,OAAO,SAAS,QAAQ,mBAAA,GACpC,UAAA,gBAAAA,EAACJ,GAAgB,EAAA,GAAGG,EAAM,CAAA,GAC5B,GAISE,IAAwBH,EAAS,KAAK,CAAE,CAAA;AACrDG,EAAsB,OAAO;AAAA,EAC3B,YAAYJ;AAAA,EACZ,UAAUK,EAAG;AAAA,EACb,aAAa;AACf;"}

package/dist/components/MultiSelectBox/MultiSelectBox.test.js

@@ -0,0 +1,26 @@
+import { jsx as n } from "react/jsx-runtime";
+import "../../index-BqLi4tOb.js";
+import { r as a, s as t, f as l } from "../../react.esm-PmLHNn73.js";
+import { MultiSelectBox as c } from "./MultiSelectBox.js";
+const i = jest.fn(), s = [
+  { label: "Option 1", value: "1" },
+  { label: "Option 2", value: "2" },
+  { label: "Option 3", value: "3" }
+];
+describe("MultiSelectBox", () => {
+  it("renders the component with default props", () => {
+    a(/* @__PURE__ */ n(c, { selectData: s, onChange: i, labelSuffix: "selected" }));
+    const e = t.getByRole("button");
+    expect(e).toBeInTheDocument(), expect(e).toHaveAttribute("aria-expanded", "false");
+  }), it("opens the dropdown when the button is clicked", () => {
+    a(/* @__PURE__ */ n(c, { selectData: s, onChange: i, labelSuffix: "selected" }));
+    const e = t.getByRole("button");
+    l.click(e), expect(e).toHaveAttribute("aria-expanded", "true"), expect(t.getByRole("listbox")).toBeInTheDocument();
+  }), it("closes the dropdown when clicking outside", () => {
+    const { container: e } = a(
+      /* @__PURE__ */ n(c, { selectData: s, onChange: i, labelSuffix: "selected" })
+    ), o = t.getByRole("button");
+    l.click(o), expect(o).toHaveAttribute("aria-expanded", "true"), l.click(e), expect(o).toHaveAttribute("aria-expanded", "false");
+  });
+});
+//# sourceMappingURL=MultiSelectBox.test.js.map

package/dist/components/MultiSelectBox/MultiSelectBox.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectBox.test.js","sources":["../../../src/components/MultiSelectBox/MultiSelectBox.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\r\nimport { render, screen, fireEvent } from '@testing-library/react';\r\n\r\nimport { MultiSelectBox } from './MultiSelectBox';\r\n\r\nconst onChangeSpy = jest.fn();\r\n\r\nconst mockSelectData = [\r\n  { label: 'Option 1', value: '1' },\r\n  { label: 'Option 2', value: '2' },\r\n  { label: 'Option 3', value: '3' },\r\n];\r\n\r\ndescribe('MultiSelectBox', () => {\r\n  it('renders the component with default props', () => {\r\n    render(<MultiSelectBox selectData={mockSelectData} onChange={onChangeSpy} labelSuffix=\"selected\" />);\r\n    const button = screen.getByRole('button');\r\n    expect(button).toBeInTheDocument();\r\n    expect(button).toHaveAttribute('aria-expanded', 'false');\r\n  });\r\n\r\n  it('opens the dropdown when the button is clicked', () => {\r\n    render(<MultiSelectBox selectData={mockSelectData} onChange={onChangeSpy} labelSuffix=\"selected\" />);\r\n    const button = screen.getByRole('button');\r\n    fireEvent.click(button);\r\n    expect(button).toHaveAttribute('aria-expanded', 'true');\r\n    expect(screen.getByRole('listbox')).toBeInTheDocument();\r\n  });\r\n\r\n  it('closes the dropdown when clicking outside', () => {\r\n    const { container } = render(\r\n      <MultiSelectBox selectData={mockSelectData} onChange={onChangeSpy} labelSuffix=\"selected\" />\r\n    );\r\n    const button = screen.getByRole('button');\r\n    fireEvent.click(button);\r\n    expect(button).toHaveAttribute('aria-expanded', 'true');\r\n    fireEvent.click(container);\r\n    expect(button).toHaveAttribute('aria-expanded', 'false');\r\n  });\r\n});\r\n"],"names":["onChangeSpy","mockSelectData","render","jsx","MultiSelectBox","button","screen","fireEvent","container"],"mappings":";;;;AAKA,MAAMA,IAAc,KAAK,GAAG,GAEtBC,IAAiB;AAAA,EACrB,EAAE,OAAO,YAAY,OAAO,IAAI;AAAA,EAChC,EAAE,OAAO,YAAY,OAAO,IAAI;AAAA,EAChC,EAAE,OAAO,YAAY,OAAO,IAAI;AAClC;AAEA,SAAS,kBAAkB,MAAM;AAC/B,KAAG,4CAA4C,MAAM;AAC5C,IAAAC,EAAA,gBAAAC,EAACC,KAAe,YAAYH,GAAgB,UAAUD,GAAa,aAAY,YAAW,CAAE;AAC7F,UAAAK,IAASC,EAAO,UAAU,QAAQ;AACjC,WAAAD,CAAM,EAAE,kBAAkB,GACjC,OAAOA,CAAM,EAAE,gBAAgB,iBAAiB,OAAO;AAAA,EAAA,CACxD,GAED,GAAG,iDAAiD,MAAM;AACjD,IAAAH,EAAA,gBAAAC,EAACC,KAAe,YAAYH,GAAgB,UAAUD,GAAa,aAAY,YAAW,CAAE;AAC7F,UAAAK,IAASC,EAAO,UAAU,QAAQ;AACxC,IAAAC,EAAU,MAAMF,CAAM,GACtB,OAAOA,CAAM,EAAE,gBAAgB,iBAAiB,MAAM,GACtD,OAAOC,EAAO,UAAU,SAAS,CAAC,EAAE,kBAAkB;AAAA,EAAA,CACvD,GAED,GAAG,6CAA6C,MAAM;AAC9C,UAAA,EAAE,WAAAE,MAAcN;AAAA,wBACnBE,GAAe,EAAA,YAAYH,GAAgB,UAAUD,GAAa,aAAY,WAAW,CAAA;AAAA,IAC5F,GACMK,IAASC,EAAO,UAAU,QAAQ;AACxC,IAAAC,EAAU,MAAMF,CAAM,GACtB,OAAOA,CAAM,EAAE,gBAAgB,iBAAiB,MAAM,GACtDE,EAAU,MAAMC,CAAS,GACzB,OAAOH,CAAM,EAAE,gBAAgB,iBAAiB,OAAO;AAAA,EAAA,CACxD;AACH,CAAC;"}

package/dist/components/MultiSelectBox/index.d.ts

@@ -0,0 +1 @@
+export * from './MultiSelectBox';

package/dist/components/MultiSelectBox/index.js

@@ -0,0 +1,5 @@
+import { MultiSelectBox as t } from "./MultiSelectBox.js";
+export {
+  t as MultiSelectBox
+};
+//# sourceMappingURL=index.js.map

package/dist/components/MultiSelectBox/index.js.map

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

package/dist/components/OverlayCloseButton/OverlayCloseButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { fn as a } from "../../index-DXR-TB1d.js";
+import { fn as a } from "../../index-BCvy9BiK.js";
 import { OverlayCloseButton as o } from "./OverlayCloseButton.js";
 import { Container as l } from "../../storyComponents/Container/Container.js";
 const n = "<OverlayCloseButton aria-label={aria-label} onClick={onClickFunction} />", c = {

package/dist/components/OverlayStepBar/OverlayStepBar.js

@@ -15,15 +15,15 @@ import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router";
-import "../../TablePlugin-Ba6PaBhf.js";
+import "../../TablePlugin-WOgWan8s.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";
-import "../../index-B3c5pcHk.js";
+import "../../index-DllfJcv4.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
-import "../../SortableProvider-Ck_XnBVq.js";
+import "../../SortableProvider-DZggDO3M.js";
 import '../../assets/OverlayStepBar.css';const r = {
   "overlay-step-bar__container": "_overlay-step-bar__container_u2k5r_1",
   "overlay-step-bar__separator": "_overlay-step-bar__separator_u2k5r_10",

package/dist/components/PeriodSelector/PeriodSelector.js

@@ -17,15 +17,15 @@ import "../Input/Input.js";
 import "../InputField/InputField.js";
 import { Label as D } from "../Label/Label.js";
 import "react-router";
-import "../../TablePlugin-Ba6PaBhf.js";
+import "../../TablePlugin-WOgWan8s.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";
-import "../../index-B3c5pcHk.js";
+import "../../index-DllfJcv4.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
-import "../../SortableProvider-Ck_XnBVq.js";
+import "../../SortableProvider-DZggDO3M.js";
 import '../../assets/PeriodSelector.css';const l = {
   "period-selector__container": "_period-selector__container_10t7p_1",
   "period-selector__container--label-left": "_period-selector__container--label-left_10t7p_6",

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

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { fn as t } from "../../index-DXR-TB1d.js";
+import { fn as t } from "../../index-BCvy9BiK.js";
 import { PeriodSelector as e } from "./PeriodSelector.js";
 const i = "<PeriodSelector maxPeriods={} defaultValues={} label={} labelPosition={} required={} onChange={} />", m = {
   title: "Organisms/PeriodSelector",

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-Ba6PaBhf.js";
+import "../../TablePlugin-WOgWan8s.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";
-import "../../index-B3c5pcHk.js";
+import "../../index-DllfJcv4.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
-import "../../SortableProvider-Ck_XnBVq.js";
+import "../../SortableProvider-DZggDO3M.js";
 const p = "<ProgrammeCard key={key} header={header} details={details} href={href} />", J = {
   title: "Atoms/ProgrammeCard",
   component: o,

package/dist/components/RadioButton/RadioButton.js

@@ -1,12 +1,12 @@
-import { jsxs as d, jsx as a } from "react/jsx-runtime";
-import { c as s } from "../../clsx-OuTLNxxd.js";
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { c as d } from "../../clsx-OuTLNxxd.js";
 import '../../assets/RadioButton.css';const t = {
   "radio-button": "_radio-button_1if7s_1",
   "radio-button__input": "_radio-button__input_1if7s_8",
   "radio-button__label": "_radio-button__label_1if7s_13",
   "radio-button__description": "_radio-button__description_1if7s_19",
   "radio-button--gap-large": "_radio-button--gap-large_1if7s_34"
-}, l = ({ id: o, label: r, gap: _ = "normal", description: i, ...n }) => /* @__PURE__ */ d("div", { className: s(t["radio-button"], t[`radio-button--gap-${_}`]), children: [
+}, l = ({ id: o, label: r, gap: _ = "normal", description: i, ...n }) => /* @__PURE__ */ s("div", { className: d(t["radio-button"], t[`radio-button--gap-${_}`]), children: [
   /* @__PURE__ */ a(
     "input",
     {

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

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { fn as a } from "../../index-DXR-TB1d.js";
+import { fn as a } from "../../index-BCvy9BiK.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-dmBn99rF.js";
-import { r as l, s as t, f as s } from "../../react.esm-CMg7bmSn.js";
+import "../../index-BqLi4tOb.js";
+import { r as l, s as t, f as s } from "../../react.esm-PmLHNn73.js";
 import { RadioGroup as a } from "./RadioGroup.js";
 const i = [
   { id: "1", titleLabel: "Option 1", value: "option1" },

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-Ba6PaBhf.js";
+import "../../../TablePlugin-WOgWan8s.js";
 import "../Providers/LanguageProvider.js";
 import "../Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../hooks/components/Flyout.js";
-import "../../../index-B3c5pcHk.js";
+import "../../../index-DllfJcv4.js";
 import "../../SelectListbox/SelectListbox.js";
 import "../../SelectListbox/SelectProvider.js";
 import "../../Sortable/components/SortableItem.js";
-import "../../../SortableProvider-Ck_XnBVq.js";
+import "../../../SortableProvider-DZggDO3M.js";
 import '../../../assets/EditorHeader.css';const t = {
   "editor-header__container": "_editor-header__container_nsi6h_1",
   "editor-header__info": "_editor-header__info_nsi6h_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 { a as _, c as p, P as h } from "../../../../Lexical.prod-CWyHQUEM.js";
+import { a as _, c as p, P as h } from "../../../../Lexical.prod-D8x7Ii0F.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-oFMKEW6f.js";