@uva-glass/component-library 2.6.2 → 2.7.0

package/dist/components/FormInput/FormInput.js

@@ -1,71 +1,69 @@
-import { jsxs as p, Fragment as b, jsx as o } from "react/jsx-runtime";
-import { c as a } from "../../clsx-OuTLNxxd.js";
+import { jsx as t, jsxs as c, Fragment as b } from "react/jsx-runtime";
+import { c as g } from "../../clsx-OuTLNxxd.js";
 import "react";
 import "../Buttons/Button.js";
 import "../Buttons/LinkButton.js";
 import "@react-aria/button";
-import { Label as h } from "../Label/Label.js";
+import "../Checkbox/Checkbox.js";
+import { Label as x } from "../Label/Label.js";
 import "@react-aria/dialog";
 import "@react-aria/focus";
 import "@react-aria/overlays";
 import "../OverlayCloseButton/OverlayCloseButton.js";
-import { FeedbackBox as v } from "../FeedbackBox/FeedbackBox.js";
+import { FeedbackBox as h } from "../FeedbackBox/FeedbackBox.js";
 import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router";
-import "../../TablePlugin-sPSGmCno.js";
+import "../../TablePlugin-5Cs2F_co.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";
-import "../../index-0wq-B7do.js";
+import "../../index-B3c5pcHk.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
-import "../../SortableProvider-BUsvniX7.js";
-import '../../assets/FormInput.css';const r = {
-  "form-field__container": "_form-field__container_pfk4n_1",
-  "form-field__container--label-left": "_form-field__container--label-left_pfk4n_7",
-  "form-field__container--label-top": "_form-field__container--label-top_pfk4n_18",
-  "form-field__input-feedback-container": "_form-field__input-feedback-container_pfk4n_25",
-  "form-field__input-container": "_form-field__input-container_pfk4n_35",
-  "form-field__input": "_form-field__input_pfk4n_25",
-  "form-field__input--error": "_form-field__input--error_pfk4n_60"
-}, S = ({
-  id: n,
-  label: t,
-  labelPosition: c = "top",
-  type: f = "text",
-  required: d = !1,
-  notValidatedText: e = "",
-  onChange: _,
-  noContainer: s = !1,
-  customInput: m
+import "../../SortableProvider-RaH_ZXB3.js";
+import '../../assets/FormInput.css';const o = {
+  "form-input__container": "_form-input__container_g2j8x_1",
+  "form-input__container--label-left": "_form-input__container--label-left_g2j8x_7",
+  "form-input__container--label-top": "_form-input__container--label-top_g2j8x_18",
+  "form-input__input-feedback-container": "_form-input__input-feedback-container_g2j8x_25",
+  "form-input__input-container": "_form-input__input-container_g2j8x_35",
+  "form-input__input": "_form-input__input_g2j8x_25"
+}, U = ({
+  id: i,
+  label: n,
+  labelPosition: f = "top",
+  type: e = "text",
+  required: l = !1,
+  notValidatedText: p = "",
+  onChange: m,
+  noContainer: u = !1,
+  customInput: _
 }) => {
-  const u = (i) => ["e", "E", "+", "-"].includes(i.key) && i.preventDefault(), k = (i) => {
-    typeof _ == "function" && _(i.target.value);
-  }, l = /* @__PURE__ */ p(b, { children: [
-    t && /* @__PURE__ */ o(h, { htmlFor: n, required: d, alignRight: !0, children: t }),
-    /* @__PURE__ */ p("div", { className: r["form-field__input-feedback-container"], children: [
-      m || /* @__PURE__ */ o("div", { className: r["form-field__input-container"], children: /* @__PURE__ */ o(
+  const s = (r) => ["e", "E", "+", "-"].includes(r.key) && r.preventDefault(), d = (r) => {
+    typeof m == "function" && m(r.target.value);
+  }, a = /* @__PURE__ */ c(b, { children: [
+    n && /* @__PURE__ */ t(x, { htmlFor: i, required: l, alignRight: !0, children: n }),
+    /* @__PURE__ */ c("div", { className: o["form-input__input-feedback-container"], children: [
+      _ || /* @__PURE__ */ t("div", { className: o["form-input__input-container"], children: /* @__PURE__ */ t(
         "input",
         {
-          id: n,
-          type: f,
-          ...f === "number" && { onKeyDown: u },
-          onChange: k,
-          className: a(r["form-field__input"], [
-            e !== "" && r["form-field__input--error"]
-          ])
+          id: i,
+          type: e,
+          ...e === "number" && { onKeyDown: s },
+          onChange: d,
+          className: o["form-input__input"]
         }
       ) }),
-      e !== "" && /* @__PURE__ */ o(v, { level: "error", feedback: e })
+      p !== "" && /* @__PURE__ */ t(h, { level: "error", feedback: p })
     ] })
   ] });
-  return s ? l : /* @__PURE__ */ o("div", { className: a(r["form-field__container"], r[`form-field__container--label-${c}`]), children: l });
+  return u ? a : /* @__PURE__ */ t("div", { className: g(o["form-input__container"], o[`form-input__container--label-${f}`]), children: a });
 };
 export {
-  S as FormInput
+  U as FormInput
 };
 //# sourceMappingURL=FormInput.js.map

package/dist/components/FormInput/FormInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormInput.js","sources":["../../../src/components/FormInput/FormInput.tsx"],"sourcesContent":["import clsx from 'clsx';\n\nimport type { ReactNode } from 'react';\n\nimport styles from './FormInput.module.css';\n\nimport { FeedbackBox, Label } from 'components';\n\nexport interface FormInputProps {\n  /** The id of the input element. */\n  id: string;\n  /** label text if empthy the label is not renderd */\n  label: string;\n  /** label position `top` or `left`. The default is `top`. */\n  labelPosition?: 'top' | 'left';\n  /** The type of the input element. */\n  type?: 'text' | 'password' | 'email' | 'number';\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: (value: string) => void;\n  /** Determines if the container wrapper is rendered. */\n  noContainer?: boolean;\n  /** Optional custom input that will replace the default input */\n  customInput?: ReactNode;\n}\n\nexport const FormInput = ({\n  id,\n  label,\n  labelPosition = 'top',\n  type = 'text',\n  required = false,\n  notValidatedText = '',\n  onChange,\n  noContainer = false,\n  customInput,\n}: FormInputProps) => {\n  const blockInvalidChar = (event: React.KeyboardEvent<HTMLInputElement>) =>\n    ['e', 'E', '+', '-'].includes(event.key) && event.preventDefault();\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (typeof onChange === 'function') {\n      onChange(event.target.value);\n    }\n  };\n\n  const componentContent = (\n    <>\n      {label && (\n        <Label htmlFor={id} required={required} alignRight>\n          {label}\n        </Label>\n      )}\n\n      <div className={styles['form-field__input-feedback-container']}>\n        {customInput ? (\n          customInput\n        ) : (\n          <div className={styles['form-field__input-container']}>\n            <input\n              id={id}\n              type={type}\n              {...(type === 'number' && { onKeyDown: blockInvalidChar })}\n              onChange={handleChange}\n              className={clsx(styles['form-field__input'], [\n                notValidatedText !== '' && styles['form-field__input--error'],\n              ])}\n            />\n          </div>\n        )}\n        {notValidatedText !== '' && <FeedbackBox level=\"error\" feedback={notValidatedText} />}\n      </div>\n    </>\n  );\n\n  return noContainer ? (\n    componentContent\n  ) : (\n    <div className={clsx(styles['form-field__container'], styles[`form-field__container--label-${labelPosition}`])}>\n      {componentContent}\n    </div>\n  );\n};\n"],"names":["FormInput","id","label","labelPosition","type","required","notValidatedText","onChange","noContainer","customInput","blockInvalidChar","event","handleChange","componentContent","jsxs","Fragment","Label","styles","jsx","clsx","FeedbackBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BaA,IAAY,CAAC;AAAA,EACxB,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,kBAAAC,IAAmB;AAAA,EACnB,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,aAAAC;AACF,MAAsB;AACpB,QAAMC,IAAmB,CAACC,MACxB,CAAC,KAAK,KAAK,KAAK,GAAG,EAAE,SAASA,EAAM,GAAG,KAAKA,EAAM,eAAe,GAE7DC,IAAe,CAACD,MAA+C;AAC/D,IAAA,OAAOJ,KAAa,cACbA,EAAAI,EAAM,OAAO,KAAK;AAAA,EAE/B,GAEME,IAED,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAAb,uBACEc,GAAM,EAAA,SAASf,GAAI,UAAAI,GAAoB,YAAU,IAC/C,UACHH,EAAA,CAAA;AAAA,IAGD,gBAAAY,EAAA,OAAA,EAAI,WAAWG,EAAO,sCAAsC,GAC1D,UAAA;AAAA,MAAAR,KAGE,gBAAAS,EAAA,OAAA,EAAI,WAAWD,EAAO,6BAA6B,GAClD,UAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAAjB;AAAA,UACA,MAAAG;AAAA,UACC,GAAIA,MAAS,YAAY,EAAE,WAAWM,EAAiB;AAAA,UACxD,UAAUE;AAAA,UACV,WAAWO,EAAKF,EAAO,mBAAmB,GAAG;AAAA,YAC3CX,MAAqB,MAAMW,EAAO,0BAA0B;AAAA,UAC7D,CAAA;AAAA,QAAA;AAAA,MAAA,GAEL;AAAA,MAEDX,MAAqB,MAAM,gBAAAY,EAACE,KAAY,OAAM,SAAQ,UAAUd,EAAkB,CAAA;AAAA,IAAA,EACrF,CAAA;AAAA,EAAA,GACF;AAGF,SAAOE,IACLK,IAEC,gBAAAK,EAAA,OAAA,EAAI,WAAWC,EAAKF,EAAO,uBAAuB,GAAGA,EAAO,gCAAgCd,CAAa,EAAE,CAAC,GAC1G,UACHU,GAAA;AAEJ;"}
+{"version":3,"file":"FormInput.js","sources":["../../../src/components/FormInput/FormInput.tsx"],"sourcesContent":["import clsx from 'clsx';\n\nimport type { ReactNode } from 'react';\n\nimport styles from './FormInput.module.css';\n\nimport { FeedbackBox, Label } from 'components';\n\nexport interface FormInputProps {\n  /** The id of the input element. */\n  id: string;\n  /** label text if empthy the label is not renderd */\n  label: string;\n  /** label position `top` or `left`. The default is `top`. */\n  labelPosition?: 'top' | 'left';\n  /** The type of the input element. */\n  type?: 'text' | 'password' | 'email' | 'number';\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?: (value: string) => void;\n  /** Determines if the container wrapper is rendered. */\n  noContainer?: boolean;\n  /** Optional custom input that will replace the default input */\n  customInput?: ReactNode;\n}\n\nexport const FormInput = ({\n  id,\n  label,\n  labelPosition = 'top',\n  type = 'text',\n  required = false,\n  notValidatedText = '',\n  onChange,\n  noContainer = false,\n  customInput,\n}: FormInputProps) => {\n  const blockInvalidChar = (event: React.KeyboardEvent<HTMLInputElement>) =>\n    ['e', 'E', '+', '-'].includes(event.key) && event.preventDefault();\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (typeof onChange === 'function') {\n      onChange(event.target.value);\n    }\n  };\n\n  const componentContent = (\n    <>\n      {label && (\n        <Label htmlFor={id} required={required} alignRight>\n          {label}\n        </Label>\n      )}\n\n      <div className={styles['form-input__input-feedback-container']}>\n        {customInput ? (\n          customInput\n        ) : (\n          <div className={styles['form-input__input-container']}>\n            <input\n              id={id}\n              type={type}\n              {...(type === 'number' && { onKeyDown: blockInvalidChar })}\n              onChange={handleChange}\n              className={styles['form-input__input']}\n            />\n          </div>\n        )}\n        {notValidatedText !== '' && <FeedbackBox level=\"error\" feedback={notValidatedText} />}\n      </div>\n    </>\n  );\n\n  return noContainer ? (\n    componentContent\n  ) : (\n    <div className={clsx(styles['form-input__container'], styles[`form-input__container--label-${labelPosition}`])}>\n      {componentContent}\n    </div>\n  );\n};\n"],"names":["FormInput","id","label","labelPosition","type","required","notValidatedText","onChange","noContainer","customInput","blockInvalidChar","event","handleChange","componentContent","jsxs","Fragment","Label","styles","jsx","FeedbackBox","clsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BaA,IAAY,CAAC;AAAA,EACxB,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,kBAAAC,IAAmB;AAAA,EACnB,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,aAAAC;AACF,MAAsB;AACpB,QAAMC,IAAmB,CAACC,MACxB,CAAC,KAAK,KAAK,KAAK,GAAG,EAAE,SAASA,EAAM,GAAG,KAAKA,EAAM,eAAe,GAE7DC,IAAe,CAACD,MAA+C;AAC/D,IAAA,OAAOJ,KAAa,cACbA,EAAAI,EAAM,OAAO,KAAK;AAAA,EAE/B,GAEME,IAED,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAAb,uBACEc,GAAM,EAAA,SAASf,GAAI,UAAAI,GAAoB,YAAU,IAC/C,UACHH,EAAA,CAAA;AAAA,IAGD,gBAAAY,EAAA,OAAA,EAAI,WAAWG,EAAO,sCAAsC,GAC1D,UAAA;AAAA,MAAAR,KAGE,gBAAAS,EAAA,OAAA,EAAI,WAAWD,EAAO,6BAA6B,GAClD,UAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAAjB;AAAA,UACA,MAAAG;AAAA,UACC,GAAIA,MAAS,YAAY,EAAE,WAAWM,EAAiB;AAAA,UACxD,UAAUE;AAAA,UACV,WAAWK,EAAO,mBAAmB;AAAA,QAAA;AAAA,MAAA,GAEzC;AAAA,MAEDX,MAAqB,MAAM,gBAAAY,EAACC,KAAY,OAAM,SAAQ,UAAUb,EAAkB,CAAA;AAAA,IAAA,EACrF,CAAA;AAAA,EAAA,GACF;AAGF,SAAOE,IACLK,IAEC,gBAAAK,EAAA,OAAA,EAAI,WAAWE,EAAKH,EAAO,uBAAuB,GAAGA,EAAO,gCAAgCd,CAAa,EAAE,CAAC,GAC1G,UACHU,GAAA;AAEJ;"}

package/dist/components/FormInput/FormInput.stories.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { fn as i } from "../../index-DWzkl4aY.js";
+import { f as i } from "../../index-CHX1d9_A.js";
 import { FormInput as a } from "./FormInput.js";
 import { SelectListbox as o } from "../SelectListbox/SelectListbox.js";
 const m = `

package/dist/components/IconButton/IconButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { fn as r } from "../../index-DWzkl4aY.js";
+import { f as r } from "../../index-CHX1d9_A.js";
 import { IconButton as t } from "./IconButton.js";
 import { Icon as i } from "../Icon/Icon.js";
 const l = `<IconButton variant={variant} aria-label={aria-label} onClick={onClickFunction}>

package/dist/components/InputField/InputField.js

@@ -1,7 +1,7 @@
-import { jsxs as h, jsx as p } from "react/jsx-runtime";
+import { jsxs as h, jsx as c } from "react/jsx-runtime";
 import { forwardRef as k, useState as b, useRef as g, useEffect as x } from "react";
 import { c as y } from "../../clsx-OuTLNxxd.js";
-import '../../assets/InputField.css';const i = {
+import '../../assets/InputField.css';const e = {
   "input-field-wrapper": "_input-field-wrapper_1h8mk_1",
   "input-field": "_input-field_1h8mk_1",
   "input-field--large": "_input-field--large_1h8mk_22",
@@ -9,45 +9,45 @@ import '../../assets/InputField.css';const i = {
   "input-field__clear-button": "_input-field__clear-button_1h8mk_34"
 }, W = k(
   ({
-    autoComplete: u = "off",
+    autoComplete: p = "off",
     id: r,
-    value: e,
+    value: i,
     variant: f,
     width: o,
     type: s = "text",
     clearTrigger: n,
-    onClear: c,
+    onClear: u,
     ...a
   }, t) => {
     const [_, d] = b(0), l = g(null);
     x(() => {
       l.current && d(l.current.offsetWidth);
-    }, [e]);
+    }, [i]);
     const m = () => {
-      c && t && "current" in t && t.current && (c(), t.current.focus());
+      u && t && "current" in t && t.current && (u(), t.current.focus());
     };
-    return /* @__PURE__ */ h("div", { className: i["input-field-wrapper"], children: [
-      /* @__PURE__ */ p(
+    return /* @__PURE__ */ h("div", { className: e["input-field-wrapper"], children: [
+      /* @__PURE__ */ c(
         "input",
         {
           ...a,
-          autoComplete: u,
+          autoComplete: p,
           ref: t,
           id: r,
-          className: y(i["input-field"], {
-            [i["input-field--large"]]: f === "large",
-            [i["input-field--compact"]]: o === "compact"
+          className: y(e["input-field"], {
+            [e["input-field--large"]]: f === "large",
+            [e["input-field--compact"]]: o === "compact"
           }),
           type: s,
-          value: e,
-          style: { paddingRight: e && n ? _ : void 0 }
+          value: i,
+          style: { paddingRight: i && n ? _ : void 0 }
         }
       ),
-      e && n && /* @__PURE__ */ p(
+      i && n && /* @__PURE__ */ c(
         "button",
         {
           type: "button",
-          className: i["input-field__clear-button"],
+          className: e["input-field__clear-button"],
           onClick: m,
           ref: l,
           "aria-label": `clear trigger for ${r}`,

package/dist/components/InputField/InputField.stories.js

@@ -1,12 +1,13 @@
 import { jsx as e } from "react/jsx-runtime";
 import { useState as d, useRef as g } from "react";
-import { fn as l } from "../../index-DWzkl4aY.js";
+import { f as p } from "../../index-CHX1d9_A.js";
 import { InputField as o } from "./InputField.js";
 import { Container as u } from "../../storyComponents/Container/Container.js";
 import { Icon as f } from "../Icon/Icon.js";
 import "../Buttons/Button.js";
 import "../Buttons/LinkButton.js";
 import "@react-aria/button";
+import "../Checkbox/Checkbox.js";
 import "@react-aria/dialog";
 import "@react-aria/focus";
 import "@react-aria/overlays";
@@ -15,15 +16,15 @@ import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "react-router";
-import "../../TablePlugin-sPSGmCno.js";
+import "../../TablePlugin-5Cs2F_co.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";
-import "../../index-0wq-B7do.js";
+import "../../index-B3c5pcHk.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
-import "../../SortableProvider-BUsvniX7.js";
+import "../../SortableProvider-RaH_ZXB3.js";
 const C = `
 // Has all HTMLInputElement props available except "className" and "style" 
 <InputField aria-labelledby={aria-labelledby} id={id} onChange={onChangeFunction}
@@ -31,7 +32,7 @@ const C = `
 `, h = (t) => {
   const r = t.variant ?? [];
   return { ...t, variant: r.toString() };
-}, P = {
+}, Q = {
   title: "Atoms/InputField",
   component: o,
   argTypes: {
@@ -57,10 +58,10 @@ const C = `
     codeString: C
   }
 }, a = (t) => {
-  const [r, i] = d(""), p = g(null), m = (c) => {
-    i(c.target.value), l()("handleChange");
+  const [r, i] = d(""), l = g(null), m = (c) => {
+    i(c.target.value), p()("handleChange");
   }, s = () => {
-    i(""), l()("handleClear");
+    i(""), p()("handleClear");
   };
   return /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(
     o,
@@ -69,19 +70,19 @@ const C = `
       value: r,
       onChange: m,
       onClear: s,
-      ref: p
+      ref: l
     }
   ) });
 }, n = {
   type: "text",
   variant: void 0,
   id: "4f9ca77d"
-}, v = a.bind({});
-v.args = {
+}, b = a.bind({});
+b.args = {
   ...n
 };
-const b = a.bind({});
-b.args = {
+const v = a.bind({});
+v.args = {
   ...n,
   clearTrigger: "Clear"
 };
@@ -91,9 +92,9 @@ y.args = {
   clearTrigger: /* @__PURE__ */ e(f, { name: "Cross" })
 };
 export {
-  v as InputFieldExample,
+  b as InputFieldExample,
   y as WithIconClearTrigger,
-  b as WithStringClearTrigger,
-  P as default
+  v as WithStringClearTrigger,
+  Q as default
 };
 //# sourceMappingURL=InputField.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputField.stories.js","sources":["../../../src/components/InputField/InputField.stories.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport { fn } from '@storybook/test';\n\nimport type { ChangeEvent } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { InputFieldProps } from './InputField';\n\nimport { InputField } from './InputField';\n\nimport { Container } from 'storyComponents/Container';\nimport { Icon } from 'components';\n\nconst codeString = `\n// Has all HTMLInputElement props available except \"className\" and \"style\" \n<InputField aria-labelledby={aria-labelledby} id={id} onChange={onChangeFunction}\n  value={value} type={type} clearTrigger={clearTrigger} />\n`;\n\nconst transformArgs = (args: InputFieldProps) => {\n  // args.variant is provided as an array because the control type is set to a checkbox. So this transforms the selected value into its proper value: a string\n  const variantArray = (args.variant as unknown as string[]) ?? [];\n  return { ...args, ...{ variant: variantArray.toString() } } as InputFieldProps;\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/InputField',\n  component: InputField,\n  argTypes: {\n    variant: {\n      options: ['large'],\n      control: 'check',\n    },\n    type: {\n      control: 'radio',\n      options: ['text', 'password', 'email'],\n    },\n    id: {\n      control: 'text',\n    },\n    autoComplete: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: InputField,\n    codeString: codeString,\n  },\n} as Meta<InputFieldProps>;\n\nconst Template: StoryFn<InputFieldProps> = (args) => {\n  const [inputValue, setInputValue] = useState<InputFieldProps['value']>('');\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setInputValue(event.target.value);\n    fn()('handleChange');\n  };\n\n  const handleClear = () => {\n    setInputValue('');\n    fn()('handleClear');\n  };\n\n  return (\n    <Container>\n      <InputField\n        {...transformArgs(args)}\n        value={inputValue}\n        onChange={handleChange}\n        onClear={handleClear}\n        ref={inputRef}\n      />\n    </Container>\n  );\n};\n\nconst defaultArgs: Partial<InputFieldProps> = {\n  type: 'text',\n  variant: undefined,\n  id: '4f9ca77d',\n};\n\nexport const InputFieldExample = Template.bind({});\nInputFieldExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithStringClearTrigger = Template.bind({});\nWithStringClearTrigger.args = {\n  ...defaultArgs,\n  clearTrigger: 'Clear',\n};\n\nexport const WithIconClearTrigger = Template.bind({});\nWithIconClearTrigger.args = {\n  ...defaultArgs,\n  clearTrigger: <Icon name=\"Cross\" />,\n};\n"],"names":["codeString","transformArgs","args","variantArray","InputField_stories","InputField","Template","inputValue","setInputValue","useState","inputRef","useRef","handleChange","event","fn","handleClear","Container","jsx","defaultArgs","InputFieldExample","WithStringClearTrigger","WithIconClearTrigger","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAMA,IAAa;AAAA;AAAA;AAAA;AAAA,GAMbC,IAAgB,CAACC,MAA0B;AAEzC,QAAAC,IAAgBD,EAAK,WAAmC,CAAC;AACxD,SAAA,EAAE,GAAGA,GAAW,SAASC,EAAa,SAAS,EAAI;AAC5D,GAGeC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS,CAAC,OAAO;AAAA,MACjB,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,SAAS,CAAC,QAAQ,YAAY,OAAO;AAAA,IACvC;AAAA,IACA,IAAI;AAAA,MACF,SAAS;AAAA,IACX;AAAA,IACA,cAAc;AAAA,MACZ,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EAEJ;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAL;AAAA,EAAA;AAEJ,GAEMM,IAAqC,CAACJ,MAAS;AACnD,QAAM,CAACK,GAAYC,CAAa,IAAIC,EAAmC,EAAE,GACnEC,IAAWC,EAAyB,IAAI,GAExCC,IAAe,CAACC,MAAyC;AAC/C,IAAAL,EAAAK,EAAM,OAAO,KAAK,GAChCC,EAAA,EAAK,cAAc;AAAA,EACrB,GAEMC,IAAc,MAAM;AACxB,IAAAP,EAAc,EAAE,GAChBM,EAAA,EAAK,aAAa;AAAA,EACpB;AAEA,2BACGE,GACC,EAAA,UAAA,gBAAAC;AAAA,IAACZ;AAAA,IAAA;AAAA,MACE,GAAGJ,EAAcC,CAAI;AAAA,MACtB,OAAOK;AAAA,MACP,UAAUK;AAAA,MACV,SAASG;AAAA,MACT,KAAKL;AAAA,IAAA;AAAA,EAAA,GAET;AAEJ,GAEMQ,IAAwC;AAAA,EAC5C,MAAM;AAAA,EACN,SAAS;AAAA,EACT,IAAI;AACN,GAEaC,IAAoBb,EAAS,KAAK,CAAE,CAAA;AACjDa,EAAkB,OAAO;AAAA,EACvB,GAAGD;AACL;AAEO,MAAME,IAAyBd,EAAS,KAAK,CAAE,CAAA;AACtDc,EAAuB,OAAO;AAAA,EAC5B,GAAGF;AAAA,EACH,cAAc;AAChB;AAEO,MAAMG,IAAuBf,EAAS,KAAK,CAAE,CAAA;AACpDe,EAAqB,OAAO;AAAA,EAC1B,GAAGH;AAAA,EACH,cAAc,gBAAAD,EAACK,GAAK,EAAA,MAAK,QAAQ,CAAA;AACnC;"}
+{"version":3,"file":"InputField.stories.js","sources":["../../../src/components/InputField/InputField.stories.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport { fn } from '@storybook/test';\n\nimport type { ChangeEvent } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { InputFieldProps } from './InputField';\n\nimport { InputField } from './InputField';\n\nimport { Container } from 'storyComponents/Container';\nimport { Icon } from 'components';\n\nconst codeString = `\n// Has all HTMLInputElement props available except \"className\" and \"style\" \n<InputField aria-labelledby={aria-labelledby} id={id} onChange={onChangeFunction}\n  value={value} type={type} clearTrigger={clearTrigger} />\n`;\n\nconst transformArgs = (args: InputFieldProps) => {\n  // args.variant is provided as an array because the control type is set to a checkbox. So this transforms the selected value into its proper value: a string\n  const variantArray = (args.variant as unknown as string[]) ?? [];\n  return { ...args, ...{ variant: variantArray.toString() } } as InputFieldProps;\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/InputField',\n  component: InputField,\n  argTypes: {\n    variant: {\n      options: ['large'],\n      control: 'check',\n    },\n    type: {\n      control: 'radio',\n      options: ['text', 'password', 'email'],\n    },\n    id: {\n      control: 'text',\n    },\n    autoComplete: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: InputField,\n    codeString: codeString,\n  },\n} as Meta<InputFieldProps>;\n\nconst Template: StoryFn<InputFieldProps> = (args) => {\n  const [inputValue, setInputValue] = useState<InputFieldProps['value']>('');\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setInputValue(event.target.value);\n    fn()('handleChange');\n  };\n\n  const handleClear = () => {\n    setInputValue('');\n    fn()('handleClear');\n  };\n\n  return (\n    <Container>\n      <InputField\n        {...transformArgs(args)}\n        value={inputValue}\n        onChange={handleChange}\n        onClear={handleClear}\n        ref={inputRef}\n      />\n    </Container>\n  );\n};\n\nconst defaultArgs: Partial<InputFieldProps> = {\n  type: 'text',\n  variant: undefined,\n  id: '4f9ca77d',\n};\n\nexport const InputFieldExample = Template.bind({});\nInputFieldExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithStringClearTrigger = Template.bind({});\nWithStringClearTrigger.args = {\n  ...defaultArgs,\n  clearTrigger: 'Clear',\n};\n\nexport const WithIconClearTrigger = Template.bind({});\nWithIconClearTrigger.args = {\n  ...defaultArgs,\n  clearTrigger: <Icon name=\"Cross\" />,\n};\n"],"names":["codeString","transformArgs","args","variantArray","InputField_stories","InputField","Template","inputValue","setInputValue","useState","inputRef","useRef","handleChange","event","fn","handleClear","Container","jsx","defaultArgs","InputFieldExample","WithStringClearTrigger","WithIconClearTrigger","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAMA,IAAa;AAAA;AAAA;AAAA;AAAA,GAMbC,IAAgB,CAACC,MAA0B;AAEzC,QAAAC,IAAgBD,EAAK,WAAmC,CAAC;AACxD,SAAA,EAAE,GAAGA,GAAW,SAASC,EAAa,SAAS,EAAI;AAC5D,GAGeC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS,CAAC,OAAO;AAAA,MACjB,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,SAAS,CAAC,QAAQ,YAAY,OAAO;AAAA,IACvC;AAAA,IACA,IAAI;AAAA,MACF,SAAS;AAAA,IACX;AAAA,IACA,cAAc;AAAA,MACZ,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EAEJ;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAL;AAAA,EAAA;AAEJ,GAEMM,IAAqC,CAACJ,MAAS;AACnD,QAAM,CAACK,GAAYC,CAAa,IAAIC,EAAmC,EAAE,GACnEC,IAAWC,EAAyB,IAAI,GAExCC,IAAe,CAACC,MAAyC;AAC/C,IAAAL,EAAAK,EAAM,OAAO,KAAK,GAChCC,EAAA,EAAK,cAAc;AAAA,EACrB,GAEMC,IAAc,MAAM;AACxB,IAAAP,EAAc,EAAE,GAChBM,EAAA,EAAK,aAAa;AAAA,EACpB;AAEA,2BACGE,GACC,EAAA,UAAA,gBAAAC;AAAA,IAACZ;AAAA,IAAA;AAAA,MACE,GAAGJ,EAAcC,CAAI;AAAA,MACtB,OAAOK;AAAA,MACP,UAAUK;AAAA,MACV,SAASG;AAAA,MACT,KAAKL;AAAA,IAAA;AAAA,EAAA,GAET;AAEJ,GAEMQ,IAAwC;AAAA,EAC5C,MAAM;AAAA,EACN,SAAS;AAAA,EACT,IAAI;AACN,GAEaC,IAAoBb,EAAS,KAAK,CAAE,CAAA;AACjDa,EAAkB,OAAO;AAAA,EACvB,GAAGD;AACL;AAEO,MAAME,IAAyBd,EAAS,KAAK,CAAE,CAAA;AACtDc,EAAuB,OAAO;AAAA,EAC5B,GAAGF;AAAA,EACH,cAAc;AAChB;AAEO,MAAMG,IAAuBf,EAAS,KAAK,CAAE,CAAA;AACpDe,EAAqB,OAAO;AAAA,EAC1B,GAAGH;AAAA,EACH,cAAc,gBAAAD,EAACK,GAAK,EAAA,MAAK,QAAQ,CAAA;AACnC;"}

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-DWzkl4aY.js";
+import { f as i } from "../../index-CHX1d9_A.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-sPSGmCno.js";
+import { M as p } from "../../TablePlugin-5Cs2F_co.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-DWzkl4aY.js";
+import { f as d } from "../../index-CHX1d9_A.js";
 import { useState as p } from "react";
-import { M as e } from "../../TablePlugin-sPSGmCno.js";
+import { M as e } from "../../TablePlugin-5Cs2F_co.js";
 import { Container as M } from "../../storyComponents/Container/Container.js";
 const C = `
   // MultiSelectHeader can be added optionally

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

@@ -5,6 +5,7 @@ import "react";
 import "../../Buttons/Button.js";
 import "../../Buttons/LinkButton.js";
 import "@react-aria/button";
+import "../../Checkbox/Checkbox.js";
 import "@react-aria/dialog";
 import "@react-aria/focus";
 import "@react-aria/overlays";
@@ -14,16 +15,16 @@ import "../../IconButton/IconButton.js";
 import "../../Input/Input.js";
 import "../../InputField/InputField.js";
 import "react-router";
-import { a as w } from "../../../TablePlugin-sPSGmCno.js";
+import { a as y } from "../../../TablePlugin-5Cs2F_co.js";
 import "../../RteEditor/Providers/LanguageProvider.js";
 import "../../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../../RteEditor/hooks/components/Flyout.js";
-import "../../../index-0wq-B7do.js";
+import "../../../index-B3c5pcHk.js";
 import "../../SelectListbox/SelectListbox.js";
 import "../../SelectListbox/SelectProvider.js";
 import "../../Sortable/components/SortableItem.js";
-import "../../../SortableProvider-BUsvniX7.js";
+import "../../../SortableProvider-RaH_ZXB3.js";
 export {
-  w as MultiSelectHeader
+  y as MultiSelectHeader
 };
 //# sourceMappingURL=MultiSelectHeader.js.map

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

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

package/dist/components/MultiSelect/index.js

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

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

@@ -1,8 +1,8 @@
 import { jsx as e } from "react/jsx-runtime";
-import { fn as a } from "../../index-DWzkl4aY.js";
+import { f as a } from "../../index-CHX1d9_A.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 = {
+const r = "<OverlayCloseButton aria-label={aria-label} onClick={onClickFunction} />", c = {
   title: "Atoms/OverlayCloseButton",
   component: o,
   argTypes: {
@@ -15,9 +15,9 @@ const n = "<OverlayCloseButton aria-label={aria-label} onClick={onClickFunction}
   },
   parameters: {
     inspectComponent: o,
-    codeString: n
+    codeString: r
   }
-}, r = (t) => /* @__PURE__ */ e(l, { size: "small", padded: !1, children: /* @__PURE__ */ e(o, { ...t }) }), s = r.bind({});
+}, n = (t) => /* @__PURE__ */ e(l, { size: "small", padded: !1, children: /* @__PURE__ */ e(o, { ...t }) }), s = n.bind({});
 s.args = {
   paddedModal: !1,
   "aria-label": "Close",

package/dist/components/OverlayStepBar/OverlayStepBar.js

@@ -1,10 +1,11 @@
-import { jsx as r, jsxs as s, Fragment as l } from "react/jsx-runtime";
-import { c as m } from "../../clsx-OuTLNxxd.js";
+import { jsx as e, jsxs as s, Fragment as m } from "react/jsx-runtime";
+import { c as l } from "../../clsx-OuTLNxxd.js";
 import "react";
 import { Icon as i } from "../Icon/Icon.js";
 import "../Buttons/Button.js";
 import "../Buttons/LinkButton.js";
 import "@react-aria/button";
+import "../Checkbox/Checkbox.js";
 import "@react-aria/dialog";
 import "@react-aria/focus";
 import "@react-aria/overlays";
@@ -14,16 +15,16 @@ import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router";
-import "../../TablePlugin-sPSGmCno.js";
+import "../../TablePlugin-5Cs2F_co.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";
-import "../../index-0wq-B7do.js";
+import "../../index-B3c5pcHk.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
-import "../../SortableProvider-BUsvniX7.js";
-import '../../assets/OverlayStepBar.css';const e = {
+import "../../SortableProvider-RaH_ZXB3.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",
   "overlay-step-bar__step": "_overlay-step-bar__step_u2k5r_14",
@@ -42,18 +43,18 @@ import '../../assets/OverlayStepBar.css';const e = {
   "Seven",
   "Eight",
   "Nine"
-], A = ({ steps: a }) => {
+], B = ({ steps: a }) => {
   if (a.length > t.length - 1)
     throw new Error("The 'steps' array must contain no more than 9 objects.");
-  return /* @__PURE__ */ r("div", { className: e["overlay-step-bar__container"], children: a.length < t.length && a.map(({ label: p, status: _ }, o) => /* @__PURE__ */ s(l, { children: [
-    o !== 0 && /* @__PURE__ */ r(i, { name: "CheveronRight", size: 16, className: e["overlay-step-bar__separator"] }),
-    /* @__PURE__ */ s("span", { className: m(e["overlay-step-bar__step"], e[`overlay-step-bar__step--${_}`]), children: [
-      /* @__PURE__ */ r("span", { className: e["overlay-step-bar__step-bullet"], children: /* @__PURE__ */ r(i, { name: _ === "checked" ? t[0] : t[o + 1], size: 24 }) }),
+  return /* @__PURE__ */ e("div", { className: r["overlay-step-bar__container"], children: a.length < t.length && a.map(({ label: p, status: _ }, o) => /* @__PURE__ */ s(m, { children: [
+    o !== 0 && /* @__PURE__ */ e(i, { name: "CheveronRight", size: 16, className: r["overlay-step-bar__separator"] }),
+    /* @__PURE__ */ s("span", { className: l(r["overlay-step-bar__step"], r[`overlay-step-bar__step--${_}`]), children: [
+      /* @__PURE__ */ e("span", { className: r["overlay-step-bar__step-bullet"], children: /* @__PURE__ */ e(i, { name: _ === "checked" ? t[0] : t[o + 1], size: 24 }) }),
       p
     ] })
   ] }, `${o}_${p}`)) });
 };
 export {
-  A as OverlayStepBar
+  B as OverlayStepBar
 };
 //# sourceMappingURL=OverlayStepBar.js.map

package/dist/components/OverlayStepBar/OverlayStepBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayStepBar.js","sources":["../../../src/components/OverlayStepBar/OverlayStepBar.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { Fragment } from 'react/jsx-runtime';\n\nimport type { Icons } from 'components/Icon/icons';\n\nimport styles from './OverlayStepBar.module.css';\n\nimport { Icon } from 'components';\n\ntype StepType = {\n  label: string;\n  status: 'inactive' | 'active' | 'checked';\n};\n\nexport interface OverlayStepBarProps {\n  steps: StepType[];\n}\n\nconst ICON_NAMES: (keyof typeof Icons)[] = [\n  'MiniCheck',\n  'One',\n  'Two',\n  'Three',\n  'Four',\n  'Five',\n  'Six',\n  'Seven',\n  'Eight',\n  'Nine',\n];\n\nexport const OverlayStepBar = ({ steps }: OverlayStepBarProps) => {\n  if (steps.length > ICON_NAMES.length - 1) {\n    throw new Error(\"The 'steps' array must contain no more than 9 objects.\");\n  }\n\n  return (\n    <div className={styles['overlay-step-bar__container']}>\n      {steps.length < ICON_NAMES.length &&\n        steps.map(({ label, status }, index) => (\n          <Fragment key={`${index}_${label}`}>\n            {index !== 0 && <Icon name={'CheveronRight'} size={16} className={styles['overlay-step-bar__separator']} />}\n            <span className={clsx(styles[`overlay-step-bar__step`], styles[`overlay-step-bar__step--${status}`])}>\n              <span className={styles['overlay-step-bar__step-bullet']}>\n                <Icon name={status === 'checked' ? ICON_NAMES[0] : ICON_NAMES[index + 1]} size={24} />\n              </span>\n              {label}\n            </span>\n          </Fragment>\n        ))}\n    </div>\n  );\n};\n"],"names":["ICON_NAMES","OverlayStepBar","steps","styles","label","status","index","Fragment","jsx","Icon","jsxs","clsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkBMA,IAAqC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAiB,CAAC,EAAE,OAAAC,QAAiC;AAChE,MAAIA,EAAM,SAASF,EAAW,SAAS;AAC/B,UAAA,IAAI,MAAM,wDAAwD;AAG1E,2BACG,OAAI,EAAA,WAAWG,EAAO,6BAA6B,GACjD,YAAM,SAASH,EAAW,UACzBE,EAAM,IAAI,CAAC,EAAE,OAAAE,GAAO,QAAAC,KAAUC,wBAC3BC,GACE,EAAA,UAAA;AAAA,IAAUD,MAAA,KAAM,gBAAAE,EAAAC,GAAA,EAAK,MAAM,iBAAiB,MAAM,IAAI,WAAWN,EAAO,6BAA6B,EAAG,CAAA;AAAA,IACxG,gBAAAO,EAAA,QAAA,EAAK,WAAWC,EAAKR,EAAO,wBAAwB,GAAGA,EAAO,2BAA2BE,CAAM,EAAE,CAAC,GACjG,UAAA;AAAA,MAAA,gBAAAG,EAAC,UAAK,WAAWL,EAAO,+BAA+B,GACrD,UAAA,gBAAAK,EAACC,KAAK,MAAMJ,MAAW,YAAYL,EAAW,CAAC,IAAIA,EAAWM,IAAQ,CAAC,GAAG,MAAM,GAAI,CAAA,GACtF;AAAA,MACCF;AAAA,IAAA,EACH,CAAA;AAAA,EAAA,EAAA,GAPa,GAAGE,CAAK,IAAIF,CAAK,EAQhC,CACD,GACL;AAEJ;"}
+{"version":3,"file":"OverlayStepBar.js","sources":["../../../src/components/OverlayStepBar/OverlayStepBar.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { Fragment } from 'react/jsx-runtime';\n\nimport type { Icons } from 'components/Icon/icons';\n\nimport styles from './OverlayStepBar.module.css';\n\nimport { Icon } from 'components';\n\ntype StepType = {\n  label: string;\n  status: 'inactive' | 'active' | 'checked';\n};\n\nexport interface OverlayStepBarProps {\n  steps: StepType[];\n}\n\nconst ICON_NAMES: (keyof typeof Icons)[] = [\n  'MiniCheck',\n  'One',\n  'Two',\n  'Three',\n  'Four',\n  'Five',\n  'Six',\n  'Seven',\n  'Eight',\n  'Nine',\n];\n\nexport const OverlayStepBar = ({ steps }: OverlayStepBarProps) => {\n  if (steps.length > ICON_NAMES.length - 1) {\n    throw new Error(\"The 'steps' array must contain no more than 9 objects.\");\n  }\n\n  return (\n    <div className={styles['overlay-step-bar__container']}>\n      {steps.length < ICON_NAMES.length &&\n        steps.map(({ label, status }, index) => (\n          <Fragment key={`${index}_${label}`}>\n            {index !== 0 && <Icon name={'CheveronRight'} size={16} className={styles['overlay-step-bar__separator']} />}\n            <span className={clsx(styles[`overlay-step-bar__step`], styles[`overlay-step-bar__step--${status}`])}>\n              <span className={styles['overlay-step-bar__step-bullet']}>\n                <Icon name={status === 'checked' ? ICON_NAMES[0] : ICON_NAMES[index + 1]} size={24} />\n              </span>\n              {label}\n            </span>\n          </Fragment>\n        ))}\n    </div>\n  );\n};\n"],"names":["ICON_NAMES","OverlayStepBar","steps","styles","label","status","index","Fragment","jsx","Icon","jsxs","clsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkBMA,IAAqC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAiB,CAAC,EAAE,OAAAC,QAAiC;AAChE,MAAIA,EAAM,SAASF,EAAW,SAAS;AAC/B,UAAA,IAAI,MAAM,wDAAwD;AAG1E,2BACG,OAAI,EAAA,WAAWG,EAAO,6BAA6B,GACjD,YAAM,SAASH,EAAW,UACzBE,EAAM,IAAI,CAAC,EAAE,OAAAE,GAAO,QAAAC,KAAUC,wBAC3BC,GACE,EAAA,UAAA;AAAA,IAAUD,MAAA,KAAM,gBAAAE,EAAAC,GAAA,EAAK,MAAM,iBAAiB,MAAM,IAAI,WAAWN,EAAO,6BAA6B,EAAG,CAAA;AAAA,IACxG,gBAAAO,EAAA,QAAA,EAAK,WAAWC,EAAKR,EAAO,wBAAwB,GAAGA,EAAO,2BAA2BE,CAAM,EAAE,CAAC,GACjG,UAAA;AAAA,MAAA,gBAAAG,EAAC,UAAK,WAAWL,EAAO,+BAA+B,GACrD,UAAA,gBAAAK,EAACC,KAAK,MAAMJ,MAAW,YAAYL,EAAW,CAAC,IAAIA,EAAWM,IAAQ,CAAC,GAAG,MAAM,GAAI,CAAA,GACtF;AAAA,MACCF;AAAA,IAAA,EACH,CAAA;AAAA,EAAA,EAAA,GAPa,GAAGE,CAAK,IAAIF,CAAK,EAQhC,CACD,GACL;AAEJ;"}

package/dist/components/PeriodSelector/PeriodSelector.js

@@ -4,6 +4,7 @@ import { useRef as M, useState as $, useEffect as N } from "react";
 import "../Buttons/Button.js";
 import "../Buttons/LinkButton.js";
 import "@react-aria/button";
+import "../Checkbox/Checkbox.js";
 import { CheckboxButtonBar as w } from "../CheckboxButtonBar/CheckboxButtonBar.js";
 import "@react-aria/dialog";
 import "@react-aria/focus";
@@ -16,28 +17,28 @@ import "../Input/Input.js";
 import "../InputField/InputField.js";
 import { Label as D } from "../Label/Label.js";
 import "react-router";
-import "../../TablePlugin-sPSGmCno.js";
+import "../../TablePlugin-5Cs2F_co.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";
-import "../../index-0wq-B7do.js";
+import "../../index-B3c5pcHk.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
-import "../../SortableProvider-BUsvniX7.js";
+import "../../SortableProvider-RaH_ZXB3.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",
   "period-selector__container--label-top": "_period-selector__container--label-top_10t7p_12",
   "period-selector__selector-container": "_period-selector__selector-container_10t7p_19",
   "period-selector__selector-row": "_period-selector__selector-row_10t7p_25"
-}, S = 0, f = 1, E = 2, p = 3, I = 7, T = (i) => {
+}, S = 0, f = 1, E = 2, p = 3, I = 7, T = (n) => {
   const c = [];
-  for (let t = 0; t < i.length; t += p)
-    c.push(i.slice(t, t + p));
+  for (let t = 0; t < n.length; t += p)
+    c.push(n.slice(t, t + p));
   return c;
-}, sr = ({
-  maxPeriods: i = I,
+}, lr = ({
+  maxPeriods: n = I,
   defaultValues: c,
   label: t,
   labelPosition: b = "top",
@@ -45,18 +46,18 @@ import '../../assets/PeriodSelector.css';const l = {
   notValidatedText: m = "",
   onChange: g
 }) => {
-  const R = Array.from({ length: i }, (r, e) => e + 1), a = T(R), x = a.map((r, e) => r.map((o) => ({
+  const R = Array.from({ length: n }, (r, e) => e + 1), a = T(R), x = a.map((r, e) => r.map((o) => ({
     label: `${e + 1}${r.length === 1 ? "" : `.${(o - 1) % p + 1}`}`,
     value: o.toString()
-  }))), n = M(
+  }))), i = M(
     a.map(
       (r) => r.reduce((e, o) => (c != null && c.includes(o) && e.push(o), e), [])
     )
   ), [P, u] = $([]), d = (r) => r[S].length !== 0 || r[f].length !== 0 ? [E] : r[E].length !== 0 ? [S, f] : [], k = (r, e) => {
-    n.current[e] = r.map((o) => Number(o)), u(d(n.current)), g([...n.current.flat()].sort());
+    i.current[e] = r.map((o) => Number(o)), u(d(i.current)), g([...i.current.flat()].sort());
   };
   return N(() => {
-    u(d(n.current));
+    u(d(i.current));
   }, []), /* @__PURE__ */ h(
     "div",
     {
@@ -71,7 +72,7 @@ import '../../assets/PeriodSelector.css';const l = {
             w,
             {
               checkboxes: r,
-              defaultValues: n.current[e].map((o) => o.toString()),
+              defaultValues: i.current[e].map((o) => o.toString()),
               disableGroup: P.includes(e),
               required: _,
               onSetValues: (o) => k(o, e)
@@ -85,6 +86,6 @@ import '../../assets/PeriodSelector.css';const l = {
   );
 };
 export {
-  sr as PeriodSelector
+  lr as PeriodSelector
 };
 //# sourceMappingURL=PeriodSelector.js.map