@uva-glass/component-library 3.53.14 → 3.54.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/README.md +1 -0
  2. package/dist/assets/variables.css +4 -4
  3. package/dist/{chunk-2N4WE3KZ-DQvXvHLf.js → chunk-2N4WE3KZ-nJkI9rUN.js} +17 -17
  4. package/dist/{chunk-2N4WE3KZ-DQvXvHLf.js.map → chunk-2N4WE3KZ-nJkI9rUN.js.map} +1 -1
  5. package/dist/components/Buttons/Button.stories.js +1 -1
  6. package/dist/components/Buttons/LinkButton.stories.js +1 -1
  7. package/dist/components/Buttons/MenuButton.stories.js +1 -1
  8. package/dist/components/Checkbox/Checkbox.stories.js +1 -1
  9. package/dist/components/CheckboxButtonBar/CheckboxButtonBar.stories.js +1 -1
  10. package/dist/components/CheckboxTree/CheckboxTree.stories.js +2 -2
  11. package/dist/components/Chip/Chip.stories.js +1 -1
  12. package/dist/components/ControlsButton/ControlsButton.stories.js +1 -1
  13. package/dist/components/Drawer/Drawer.stories.js +1 -1
  14. package/dist/components/FormInput/FormInput.stories.js +1 -1
  15. package/dist/components/IconButton/IconButton.stories.js +1 -1
  16. package/dist/components/InputField/InputField.stories.js +1 -1
  17. package/dist/components/ModalDialog/ModalDialog.stories.js +1 -1
  18. package/dist/components/MultiSelect/MultiSelect.stories.js +1 -1
  19. package/dist/components/MultiSelectBox/MultiSelectBox.stories.js +1 -1
  20. package/dist/components/Notification/Notification.stories.js +1 -1
  21. package/dist/components/OverlayCloseButton/OverlayCloseButton.stories.js +1 -1
  22. package/dist/components/PeriodSelector/PeriodSelector.stories.js +1 -1
  23. package/dist/components/RadioGroup/RadioGroup.stories.js +1 -1
  24. package/dist/components/RadioTabSelector/RadioTabSelector.stories.js +1 -1
  25. package/dist/components/SelectListbox/SelectListBox.stories.js +1 -1
  26. package/dist/components/Sortable/Sortable.stories.js +1 -1
  27. package/dist/components/TextArea/TextArea.js +34 -29
  28. package/dist/components/TextArea/TextArea.js.map +1 -1
  29. package/dist/components/TextArea/TextArea.stories.js +16 -12
  30. package/dist/components/TextArea/TextArea.stories.js.map +1 -1
  31. package/dist/components/ToggleSwitch/ToggleSwitch.stories.js +1 -1
  32. package/dist/components/VarIndicator/VarIndicator.stories.js +1 -1
  33. package/dist/{index-1WwGCyua.js → index-B_q_4aBT.js} +89 -81
  34. package/dist/index-B_q_4aBT.js.map +1 -0
  35. package/dist/storybook__react.d.js +2 -2
  36. package/package.json +27 -27
  37. package/dist/index-1WwGCyua.js.map +0 -1
@@ -1,5 +1,5 @@
1
1
  import { jsx as t, jsxs as a, Fragment as s } from "react/jsx-runtime";
2
- import { f as l } from "../../index-1WwGCyua.js";
2
+ import { f as l } from "../../index-B_q_4aBT.js";
3
3
  import { Button as n } from "./Button.js";
4
4
  const c = "<Button variant={variant} onClick={onClictFunction}>{children}</Button>", h = {
5
5
  title: "Atoms/Buttons/Button",
@@ -1,5 +1,5 @@
1
1
  import { jsx as t, jsxs as a, Fragment as l } from "react/jsx-runtime";
2
- import { f as s } from "../../index-1WwGCyua.js";
2
+ import { f as s } from "../../index-B_q_4aBT.js";
3
3
  import { BrowserRouter as c } from "react-router";
4
4
  import { LinkButton as n } from "./LinkButton.js";
5
5
  const d = `
@@ -1,5 +1,5 @@
1
1
  import { jsx as n, jsxs as s, Fragment as l } from "react/jsx-runtime";
2
- import { f as c } from "../../index-1WwGCyua.js";
2
+ import { f as c } from "../../index-B_q_4aBT.js";
3
3
  import { MenuButton as t } from "./MenuButton.js";
4
4
  const d = `
5
5
  // Has all LabelHTMLAttributes props available except "className" and "style"
@@ -1,5 +1,5 @@
1
1
  import { jsxs as g, jsx as o } from "react/jsx-runtime";
2
- import { f as e } from "../../index-1WwGCyua.js";
2
+ import { f as e } from "../../index-B_q_4aBT.js";
3
3
  import { Checkbox as n } from "./Checkbox.js";
4
4
  import { FormField as t } from "../FormField/FormField.js";
5
5
  import { Label as i } from "../Label/Label.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx as e, jsxs as t, Fragment as l } from "react/jsx-runtime";
2
- import { f as o } from "../../index-1WwGCyua.js";
2
+ import { f as o } from "../../index-B_q_4aBT.js";
3
3
  import { CheckboxButtonBar as i } from "./CheckboxButtonBar.js";
4
4
  import { Periods as r } from "../Periods/Periods.js";
5
5
  const u = "<CheckboxButtonBar checkboxes={} defaultValues={} label={} labelPosition={} required={} notValidatedText={} disableGroup={} onSetValues={} />", B = {
@@ -1,6 +1,6 @@
1
1
  import { jsx as d, jsxs as y } from "react/jsx-runtime";
2
- import { s as O, f as _ } from "../../index-1WwGCyua.js";
3
- import { I as C, a as v } from "../../chunk-2N4WE3KZ-DQvXvHLf.js";
2
+ import { s as O, f as _ } from "../../index-B_q_4aBT.js";
3
+ import { I as C, a as v } from "../../chunk-2N4WE3KZ-nJkI9rUN.js";
4
4
  import { useState as R } from "react";
5
5
  import { CheckboxTree as u } from "./CheckboxTree.js";
6
6
  import { Chip as w } from "../Chip/Chip.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx as l } from "react/jsx-runtime";
2
- import { f as t } from "../../index-1WwGCyua.js";
2
+ import { f as t } from "../../index-B_q_4aBT.js";
3
3
  import { Chip as e } from "./Chip.js";
4
4
  const s = "<Chip label={string} onDelete={onDeleteFunction(label)}/>", b = {
5
5
  title: "Atoms/Chip",
@@ -1,5 +1,5 @@
1
1
  import { jsx as r, jsxs as l, Fragment as s } from "react/jsx-runtime";
2
- import { f as e } from "../../index-1WwGCyua.js";
2
+ import { f as e } from "../../index-B_q_4aBT.js";
3
3
  import { ControlsButton as t } from "./ControlsButton.js";
4
4
  import { Icons as a } from "../Icon/icons/index.js";
5
5
  import { Periods as i } from "../Periods/Periods.js";
@@ -1,6 +1,6 @@
1
1
  import { jsxs as a, jsx as e } from "react/jsx-runtime";
2
2
  import { OverlayProvider as p } from "@react-aria/overlays";
3
- import { f as m } from "../../index-1WwGCyua.js";
3
+ import { f as m } from "../../index-B_q_4aBT.js";
4
4
  import { useState as c } from "react";
5
5
  import { Drawer as r } from "./Drawer.js";
6
6
  import { Button as o } from "../Buttons/Button.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { f as i } from "../../index-1WwGCyua.js";
2
+ import { f as i } from "../../index-B_q_4aBT.js";
3
3
  import { FormInput as a } from "./FormInput.js";
4
4
  import { SelectListbox as o } from "../SelectListbox/SelectListbox.js";
5
5
  const m = `
@@ -1,5 +1,5 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
- import { f as r } from "../../index-1WwGCyua.js";
2
+ import { f as r } from "../../index-B_q_4aBT.js";
3
3
  import { IconButton as t } from "./IconButton.js";
4
4
  import { Icon as i } from "../Icon/Icon.js";
5
5
  const l = `<IconButton variant={variant} aria-label={aria-label} onClick={onClickFunction}>
@@ -1,6 +1,6 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
2
  import { useState as d, useRef as g } from "react";
3
- import { f as p } from "../../index-1WwGCyua.js";
3
+ import { f as p } from "../../index-B_q_4aBT.js";
4
4
  import { InputField as e } from "./InputField.js";
5
5
  import { Container as u } from "../../storyComponents/Container/Container.js";
6
6
  import "../Accordion/Accordion.js";
@@ -1,6 +1,6 @@
1
1
  import { jsxs as a, jsx as e } from "react/jsx-runtime";
2
2
  import { ModalProvider as r } from "@react-aria/overlays";
3
- import { f as i } from "../../index-1WwGCyua.js";
3
+ import { f as i } from "../../index-B_q_4aBT.js";
4
4
  import { ModalDialog as t } from "./ModalDialog.js";
5
5
  import { Button as s } from "../Buttons/Button.js";
6
6
  import "../Buttons/LinkButton.js";
@@ -1,5 +1,5 @@
1
1
  import { jsxs as S, jsx as r } from "react/jsx-runtime";
2
- import { f as d } from "../../index-1WwGCyua.js";
2
+ import { f as d } from "../../index-B_q_4aBT.js";
3
3
  import { useState as p } from "react";
4
4
  import { M as e } from "../../TablePlugin-bFqq2Yd9.js";
5
5
  import { Container as M } from "../../storyComponents/Container/Container.js";
@@ -1,5 +1,5 @@
1
1
  import { jsxs as m, jsx as a } from "react/jsx-runtime";
2
- import { f as u } from "../../index-1WwGCyua.js";
2
+ import { f as u } from "../../index-B_q_4aBT.js";
3
3
  import { useState as r } from "react";
4
4
  import { MultiSelectBox as l } from "./MultiSelectBox.js";
5
5
  const d = "<MultiSelectBox selectData={[{label, value}]} onChange={fn} labelSuffix={string} />", S = {
@@ -1,5 +1,5 @@
1
1
  import { jsx as i } from "react/jsx-runtime";
2
- import { f as a } from "../../index-1WwGCyua.js";
2
+ import { f as a } from "../../index-B_q_4aBT.js";
3
3
  import { Notification as t } from "./Notification.js";
4
4
  const r = `<Notification title={title} subtitle={subtitle} action={action}
5
5
  level={level} variant={variant} onClose={() => {}} />`, p = {
@@ -1,5 +1,5 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
- import { f as a } from "../../index-1WwGCyua.js";
2
+ import { f as a } from "../../index-B_q_4aBT.js";
3
3
  import { OverlayCloseButton as o } from "./OverlayCloseButton.js";
4
4
  import { Container as l } from "../../storyComponents/Container/Container.js";
5
5
  const r = "<OverlayCloseButton aria-label={aria-label} onClick={onClickFunction} />", c = {
@@ -1,5 +1,5 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
- import { f as t } from "../../index-1WwGCyua.js";
2
+ import { f as t } from "../../index-B_q_4aBT.js";
3
3
  import { PeriodSelector as e } from "./PeriodSelector.js";
4
4
  const i = "<PeriodSelector maxPeriods={} defaultValues={} label={} labelPosition={} required={} onChange={} />", m = {
5
5
  title: "Organisms/PeriodSelector",
@@ -1,5 +1,5 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { f as a } from "../../index-1WwGCyua.js";
2
+ import { f as a } from "../../index-B_q_4aBT.js";
3
3
  import { RadioGroup as o } from "./RadioGroup.js";
4
4
  const l = `
5
5
  <RadioGroup label={label} options={options}
@@ -1,5 +1,5 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { f as t } from "../../index-1WwGCyua.js";
2
+ import { f as t } from "../../index-B_q_4aBT.js";
3
3
  import { RadioTabSelector as e } from "./RadioTabSelector.js";
4
4
  const i = "<RadioTabSelector radioButtons={} defaultValue={} label={} labelPosition={} required={} notValidatedText={} onSetValue={} />", b = {
5
5
  title: "Molecules/RadioTabSelector",
@@ -1,5 +1,5 @@
1
1
  import { jsx as a, jsxs as M } from "react/jsx-runtime";
2
- import { f as i } from "../../index-1WwGCyua.js";
2
+ import { f as i } from "../../index-B_q_4aBT.js";
3
3
  import { SelectListbox as r } from "./SelectListbox.js";
4
4
  import * as e from "react";
5
5
  const E = ({
@@ -1,5 +1,5 @@
1
1
  import { jsx as e, jsxs as i, Fragment as m } from "react/jsx-runtime";
2
- import { f as s } from "../../index-1WwGCyua.js";
2
+ import { f as s } from "../../index-B_q_4aBT.js";
3
3
  import { Sortable as l } from "./Sortable.js";
4
4
  import { InputField as d } from "../InputField/InputField.js";
5
5
  import { Icon as c } from "../Icon/Icon.js";
@@ -1,12 +1,12 @@
1
- import { jsxs as r, jsx as _ } from "react/jsx-runtime";
2
- import { useRef as q, useState as w } from "react";
3
- import { c as l } from "../../clsx-OuTLNxxd.js";
4
- import '../../assets/TextArea.css';const k = "_required_19dqk_25", e = {
1
+ import { jsxs as _, jsx as n } from "react/jsx-runtime";
2
+ import { useRef as w, useState as k, useEffect as m } from "react";
3
+ import { c as s } from "../../clsx-OuTLNxxd.js";
4
+ import '../../assets/TextArea.css';const v = "_required_19dqk_25", e = {
5
5
  "text-area__wrapper": "_text-area__wrapper_19dqk_1",
6
6
  "text-area__header": "_text-area__header_19dqk_7",
7
7
  "text-area__label-wrapper": "_text-area__label-wrapper_19dqk_13",
8
8
  "text-area__label": "_text-area__label_19dqk_13",
9
- required: k,
9
+ required: v,
10
10
  "text-area__sub-label": "_text-area__sub-label_19dqk_33",
11
11
  "text-area__word-count": "_text-area__word-count_19dqk_38",
12
12
  "text-area__word-count--alert": "_text-area__word-count--alert_19dqk_43",
@@ -14,47 +14,52 @@ import '../../assets/TextArea.css';const k = "_required_19dqk_25", e = {
14
14
  "text-area--oneLine": "_text-area--oneLine_19dqk_61",
15
15
  "not-valid": "_not-valid_19dqk_66"
16
16
  };
17
- function b({
18
- onChange: c,
19
- label: n,
20
- subLabel: d,
17
+ function y({
18
+ onChange: u,
19
+ label: l,
20
+ subLabel: o,
21
21
  maxCharacters: a = 0,
22
- heightAsTextField: x = !1,
23
- defaultValue: s = "",
24
- required: i = !1,
25
- notValid: u = !1
22
+ heightAsTextField: c = !1,
23
+ defaultValue: d = "",
24
+ required: x = !1,
25
+ notValid: p = !1
26
26
  }) {
27
- const t = q(null), [o, p] = w(s.length), h = () => {
28
- t.current && (t.current.style.height = "auto", t.current.style.height = `${t.current.scrollHeight}px`, p(t.current.value.length), c(t.current.value.trim()));
27
+ const t = w(null), [i, h] = k(d.length), q = () => {
28
+ t.current && (t.current.style.height = "auto", t.current.style.height = `${t.current.scrollHeight}px`, h(t.current.value.length), u(t.current.value.trim()));
29
+ }, f = () => {
30
+ const r = t.current;
31
+ r && (r.style.height = "auto", r.style.height = `${r.scrollHeight}px`);
29
32
  };
30
- return /* @__PURE__ */ r("div", { className: e["text-area__wrapper"], children: [
31
- (n || a > 0) && /* @__PURE__ */ r("div", { className: e["text-area__header"], children: [
32
- /* @__PURE__ */ r("span", { className: e["text-area__label-wrapper"], children: [
33
- n && /* @__PURE__ */ _("span", { className: l(e["text-area__label"], { [e.required]: i }), children: n }),
34
- d && /* @__PURE__ */ _("span", { className: e["text-area__sub-label"], children: d })
33
+ return m(() => {
34
+ c || f();
35
+ }, []), /* @__PURE__ */ _("div", { className: e["text-area__wrapper"], children: [
36
+ (l || a > 0) && /* @__PURE__ */ _("div", { className: e["text-area__header"], children: [
37
+ /* @__PURE__ */ _("span", { className: e["text-area__label-wrapper"], children: [
38
+ l && /* @__PURE__ */ n("span", { className: s(e["text-area__label"], { [e.required]: x }), children: l }),
39
+ o && /* @__PURE__ */ n("span", { className: e["text-area__sub-label"], children: o })
35
40
  ] }),
36
- a > 0 && /* @__PURE__ */ r("div", { className: e["text-area__word-count"], children: [
37
- /* @__PURE__ */ _("span", { className: l({ [e["text-area__word-count--alert"]]: o === a }), children: o }),
41
+ a > 0 && /* @__PURE__ */ _("div", { className: e["text-area__word-count"], children: [
42
+ /* @__PURE__ */ n("span", { className: s({ [e["text-area__word-count--alert"]]: i === a }), children: i }),
38
43
  " / ",
39
44
  a
40
45
  ] })
41
46
  ] }),
42
- /* @__PURE__ */ _(
47
+ /* @__PURE__ */ n(
43
48
  "textarea",
44
49
  {
45
50
  ref: t,
46
- className: l(e["text-area"], {
47
- [e["not-valid"]]: u,
48
- [e["text-area--oneLine"]]: x
51
+ className: s(e["text-area"], {
52
+ [e["not-valid"]]: p,
53
+ [e["text-area--oneLine"]]: c
49
54
  }),
50
55
  maxLength: a > 0 ? a : void 0,
51
- onInput: h,
52
- defaultValue: s
56
+ onInput: q,
57
+ defaultValue: d
53
58
  }
54
59
  )
55
60
  ] });
56
61
  }
57
62
  export {
58
- b as TextArea
63
+ y as TextArea
59
64
  };
60
65
  //# sourceMappingURL=TextArea.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.js","sources":["../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport { clsx } from 'clsx';\n\nimport styles from './TextArea.module.css';\n\nexport interface TextAreaProps {\n /** Returns entered values as trimmed string */\n onChange: (value: string) => void;\n /** The label for the text area */\n label?: string;\n /** Optional sub label for the text area */\n subLabel?: string;\n /** The max amount of allowed charecters in the text area */\n maxCharacters?: number;\n /** The max number of visible lines in the text area */\n heightAsTextField?: boolean;\n /** The default value for the text area */\n defaultValue?: string;\n /** `true` to show an asterisk to indicate an item is required; otherwise, `false`. */\n required?: boolean;\n /** `true` to color border red to show not valid; otherwise, `false`. */\n notValid?: boolean;\n}\n\nexport function TextArea({\n onChange,\n label,\n subLabel,\n maxCharacters = 0,\n heightAsTextField = false,\n defaultValue = '',\n required = false,\n notValid = false,\n}: TextAreaProps) {\n const textAreaRef = useRef<HTMLTextAreaElement>(null);\n const [characterCount, setCharacterCount] = useState(defaultValue.length);\n\n const handleInput = () => {\n if (textAreaRef.current) {\n textAreaRef.current.style.height = 'auto';\n textAreaRef.current.style.height = `${textAreaRef.current.scrollHeight}px`;\n\n setCharacterCount(textAreaRef.current.value.length);\n onChange(textAreaRef.current.value.trim());\n }\n };\n\n return (\n <div className={styles['text-area__wrapper']}>\n {(label || maxCharacters > 0) && (\n <div className={styles['text-area__header']}>\n <span className={styles['text-area__label-wrapper']}>\n {label && (\n <span className={clsx(styles['text-area__label'], { [styles['required']]: required })}>{label}</span>\n )}\n {subLabel && <span className={styles['text-area__sub-label']}>{subLabel}</span>}\n </span>\n {maxCharacters > 0 && (\n <div className={styles['text-area__word-count']}>\n <span className={clsx({ [styles['text-area__word-count--alert']]: characterCount === maxCharacters })}>\n {characterCount}\n </span>\n &nbsp;/&nbsp;{maxCharacters}\n </div>\n )}\n </div>\n )}\n\n <textarea\n ref={textAreaRef}\n className={clsx(styles['text-area'], {\n [styles['not-valid']]: notValid,\n [styles['text-area--oneLine']]: heightAsTextField,\n })}\n maxLength={maxCharacters > 0 ? maxCharacters : undefined}\n onInput={handleInput}\n defaultValue={defaultValue}\n />\n </div>\n );\n}\n"],"names":["TextArea","onChange","label","subLabel","maxCharacters","heightAsTextField","defaultValue","required","notValid","textAreaRef","useRef","characterCount","setCharacterCount","useState","handleInput","jsxs","styles","clsx","jsx"],"mappings":";;;;;;;;;;;;;;;;AAwBO,SAASA,EAAS;AAAA,EACvB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,mBAAAC,IAAoB;AAAA,EACpB,cAAAC,IAAe;AAAA,EACf,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AACb,GAAkB;AAChB,QAAMC,IAAcC,EAA4B,IAAI,GAC9C,CAACC,GAAgBC,CAAiB,IAAIC,EAASP,EAAa,MAAM,GAElEQ,IAAc,MAAM;AACxB,IAAIL,EAAY,YACdA,EAAY,QAAQ,MAAM,SAAS,QACnCA,EAAY,QAAQ,MAAM,SAAS,GAAGA,EAAY,QAAQ,YAAY,MAEtEG,EAAkBH,EAAY,QAAQ,MAAM,MAAM,GAClDR,EAASQ,EAAY,QAAQ,MAAM,KAAA,CAAM;AAAA,EAE7C;AAEA,SACE,gBAAAM,EAAC,OAAA,EAAI,WAAWC,EAAO,oBAAoB,GACvC,UAAA;AAAA,KAAAd,KAASE,IAAgB,MACzB,gBAAAW,EAAC,SAAI,WAAWC,EAAO,mBAAmB,GACxC,UAAA;AAAA,MAAA,gBAAAD,EAAC,QAAA,EAAK,WAAWC,EAAO,0BAA0B,GAC/C,UAAA;AAAA,QAAAd,uBACE,QAAA,EAAK,WAAWe,EAAKD,EAAO,kBAAkB,GAAG,EAAE,CAACA,EAAO,QAAW,GAAGT,EAAA,CAAU,GAAI,UAAAL,GAAM;AAAA,QAE/FC,KAAY,gBAAAe,EAAC,QAAA,EAAK,WAAWF,EAAO,sBAAsB,GAAI,UAAAb,EAAA,CAAS;AAAA,MAAA,GAC1E;AAAA,MACCC,IAAgB,KACf,gBAAAW,EAAC,SAAI,WAAWC,EAAO,uBAAuB,GAC5C,UAAA;AAAA,QAAA,gBAAAE,EAAC,QAAA,EAAK,WAAWD,EAAK,EAAE,CAACD,EAAO,8BAA8B,CAAC,GAAGL,MAAmBP,EAAA,CAAe,GACjG,UAAAO,EAAA,CACH;AAAA,QAAO;AAAA,QACOP;AAAA,MAAA,EAAA,CAChB;AAAA,IAAA,GAEJ;AAAA,IAGF,gBAAAc;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKT;AAAA,QACL,WAAWQ,EAAKD,EAAO,WAAW,GAAG;AAAA,UACnC,CAACA,EAAO,WAAW,CAAC,GAAGR;AAAA,UACvB,CAACQ,EAAO,oBAAoB,CAAC,GAAGX;AAAA,QAAA,CACjC;AAAA,QACD,WAAWD,IAAgB,IAAIA,IAAgB;AAAA,QAC/C,SAASU;AAAA,QACT,cAAAR;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
1
+ {"version":3,"file":"TextArea.js","sources":["../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { clsx } from 'clsx';\n\nimport styles from './TextArea.module.css';\n\nexport interface TextAreaProps {\n /** Returns entered values as trimmed string */\n onChange: (value: string) => void;\n /** The label for the text area */\n label?: string;\n /** Optional sub label for the text area */\n subLabel?: string;\n /** The max amount of allowed charecters in the text area */\n maxCharacters?: number;\n /** The max number of visible lines in the text area */\n heightAsTextField?: boolean;\n /** The default value for the text area */\n defaultValue?: string;\n /** `true` to show an asterisk to indicate an item is required; otherwise, `false`. */\n required?: boolean;\n /** `true` to color border red to show not valid; otherwise, `false`. */\n notValid?: boolean;\n}\n\nexport function TextArea({\n onChange,\n label,\n subLabel,\n maxCharacters = 0,\n heightAsTextField = false,\n defaultValue = '',\n required = false,\n notValid = false,\n}: TextAreaProps) {\n const textAreaRef = useRef<HTMLTextAreaElement>(null);\n const [characterCount, setCharacterCount] = useState(defaultValue.length);\n\n const handleInput = () => {\n if (textAreaRef.current) {\n textAreaRef.current.style.height = 'auto';\n textAreaRef.current.style.height = `${textAreaRef.current.scrollHeight}px`;\n\n setCharacterCount(textAreaRef.current.value.length);\n onChange(textAreaRef.current.value.trim());\n }\n };\n\n const autoResize = () => {\n const el = textAreaRef.current;\n if (!el) return;\n el.style.height = 'auto';\n el.style.height = `${el.scrollHeight}px`;\n };\n\n useEffect(() => {\n if (!heightAsTextField) {\n autoResize();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return (\n <div className={styles['text-area__wrapper']}>\n {(label || maxCharacters > 0) && (\n <div className={styles['text-area__header']}>\n <span className={styles['text-area__label-wrapper']}>\n {label && (\n <span className={clsx(styles['text-area__label'], { [styles['required']]: required })}>{label}</span>\n )}\n {subLabel && <span className={styles['text-area__sub-label']}>{subLabel}</span>}\n </span>\n {maxCharacters > 0 && (\n <div className={styles['text-area__word-count']}>\n <span className={clsx({ [styles['text-area__word-count--alert']]: characterCount === maxCharacters })}>\n {characterCount}\n </span>\n &nbsp;/&nbsp;{maxCharacters}\n </div>\n )}\n </div>\n )}\n\n <textarea\n ref={textAreaRef}\n className={clsx(styles['text-area'], {\n [styles['not-valid']]: notValid,\n [styles['text-area--oneLine']]: heightAsTextField,\n })}\n maxLength={maxCharacters > 0 ? maxCharacters : undefined}\n onInput={handleInput}\n defaultValue={defaultValue}\n />\n </div>\n );\n}\n"],"names":["TextArea","onChange","label","subLabel","maxCharacters","heightAsTextField","defaultValue","required","notValid","textAreaRef","useRef","characterCount","setCharacterCount","useState","handleInput","autoResize","el","useEffect","jsxs","styles","clsx","jsx"],"mappings":";;;;;;;;;;;;;;;;AAwBO,SAASA,EAAS;AAAA,EACvB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,mBAAAC,IAAoB;AAAA,EACpB,cAAAC,IAAe;AAAA,EACf,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AACb,GAAkB;AAChB,QAAMC,IAAcC,EAA4B,IAAI,GAC9C,CAACC,GAAgBC,CAAiB,IAAIC,EAASP,EAAa,MAAM,GAElEQ,IAAc,MAAM;AACxB,IAAIL,EAAY,YACdA,EAAY,QAAQ,MAAM,SAAS,QACnCA,EAAY,QAAQ,MAAM,SAAS,GAAGA,EAAY,QAAQ,YAAY,MAEtEG,EAAkBH,EAAY,QAAQ,MAAM,MAAM,GAClDR,EAASQ,EAAY,QAAQ,MAAM,KAAA,CAAM;AAAA,EAE7C,GAEMM,IAAa,MAAM;AACvB,UAAMC,IAAKP,EAAY;AACvB,IAAKO,MACLA,EAAG,MAAM,SAAS,QAClBA,EAAG,MAAM,SAAS,GAAGA,EAAG,YAAY;AAAA,EACtC;AAEA,SAAAC,EAAU,MAAM;AACd,IAAKZ,KACHU,EAAA;AAAA,EAGJ,GAAG,CAAA,CAAE,GAGH,gBAAAG,EAAC,OAAA,EAAI,WAAWC,EAAO,oBAAoB,GACvC,UAAA;AAAA,KAAAjB,KAASE,IAAgB,MACzB,gBAAAc,EAAC,SAAI,WAAWC,EAAO,mBAAmB,GACxC,UAAA;AAAA,MAAA,gBAAAD,EAAC,QAAA,EAAK,WAAWC,EAAO,0BAA0B,GAC/C,UAAA;AAAA,QAAAjB,uBACE,QAAA,EAAK,WAAWkB,EAAKD,EAAO,kBAAkB,GAAG,EAAE,CAACA,EAAO,QAAW,GAAGZ,EAAA,CAAU,GAAI,UAAAL,GAAM;AAAA,QAE/FC,KAAY,gBAAAkB,EAAC,QAAA,EAAK,WAAWF,EAAO,sBAAsB,GAAI,UAAAhB,EAAA,CAAS;AAAA,MAAA,GAC1E;AAAA,MACCC,IAAgB,KACf,gBAAAc,EAAC,SAAI,WAAWC,EAAO,uBAAuB,GAC5C,UAAA;AAAA,QAAA,gBAAAE,EAAC,QAAA,EAAK,WAAWD,EAAK,EAAE,CAACD,EAAO,8BAA8B,CAAC,GAAGR,MAAmBP,EAAA,CAAe,GACjG,UAAAO,EAAA,CACH;AAAA,QAAO;AAAA,QACOP;AAAA,MAAA,EAAA,CAChB;AAAA,IAAA,GAEJ;AAAA,IAGF,gBAAAiB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKZ;AAAA,QACL,WAAWW,EAAKD,EAAO,WAAW,GAAG;AAAA,UACnC,CAACA,EAAO,WAAW,CAAC,GAAGX;AAAA,UACvB,CAACW,EAAO,oBAAoB,CAAC,GAAGd;AAAA,QAAA,CACjC;AAAA,QACD,WAAWD,IAAgB,IAAIA,IAAgB;AAAA,QAC/C,SAASU;AAAA,QACT,cAAAR;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
@@ -1,30 +1,34 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
- import { f as a } from "../../index-1WwGCyua.js";
2
+ import { f as a } from "../../index-B_q_4aBT.js";
3
3
  import { TextArea as e } from "./TextArea.js";
4
- const o = `
5
- <TextArea label={label} maxCharacters={maxCharacters} defaultValue={string}/> `, b = {
4
+ const m = `
5
+ <TextArea label={label} maxCharacters={maxCharacters} defaultValue={string}/> `, x = {
6
6
  title: "Atoms/TextArea",
7
7
  component: e,
8
8
  argTypes: { label: { control: "text" }, maxCharacters: { control: "number" } },
9
- parameters: { inspectComponent: e, codeString: o }
10
- }, t = (l) => /* @__PURE__ */ r(e, { ...l }), m = t.bind({});
11
- m.args = {
9
+ parameters: { inspectComponent: e, codeString: m }
10
+ }, l = (t) => /* @__PURE__ */ r(e, { ...t }), n = l.bind({});
11
+ n.args = {
12
12
  label: "Sample label",
13
13
  maxCharacters: 140,
14
14
  defaultValue: "Sample default value",
15
15
  onChange: a()
16
16
  };
17
- const s = t.bind({});
18
- s.args = {
17
+ const o = l.bind({});
18
+ o.args = {
19
19
  label: "Sample label",
20
20
  subLabel: "Sample sub label",
21
21
  maxCharacters: 140,
22
- defaultValue: "Sample default value",
22
+ defaultValue: `Sample default value
23
+ Sample default value
24
+ Sample default value
25
+ Sample default value
26
+ Sample default value`,
23
27
  onChange: a()
24
28
  };
25
29
  export {
26
- m as TextAreaExample,
27
- s as TextAreaSubtitleExample,
28
- b as default
30
+ n as TextAreaExample,
31
+ o as TextAreaSubtitleExample,
32
+ x as default
29
33
  };
30
34
  //# sourceMappingURL=TextArea.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.stories.js","sources":["../../../src/components/TextArea/TextArea.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { TextAreaProps } from './TextArea';\n\nimport { TextArea } from './TextArea';\n\nconst codeString = `\n <TextArea label={label} maxCharacters={maxCharacters} defaultValue={string}/> `;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/TextArea',\n component: TextArea,\n argTypes: { label: { control: 'text' }, maxCharacters: { control: 'number' } },\n parameters: { inspectComponent: TextArea, codeString: codeString },\n} as Meta<TextAreaProps>;\n\nconst Template: StoryFn<TextAreaProps> = (args) => <TextArea {...args} />;\n\nexport const TextAreaExample = Template.bind({});\nTextAreaExample.args = {\n label: 'Sample label',\n maxCharacters: 140,\n defaultValue: 'Sample default value',\n onChange: fn(),\n};\n\nexport const TextAreaSubtitleExample = Template.bind({});\nTextAreaSubtitleExample.args = {\n label: 'Sample label',\n subLabel: 'Sample sub label',\n maxCharacters: 140,\n defaultValue: 'Sample default value',\n onChange: fn(),\n};\n"],"names":["codeString","TextArea_stories","TextArea","Template","args","jsx","TextAreaExample","fn","TextAreaSubtitleExample"],"mappings":";;;AAOA,MAAMA,IAAa;AAAA,mFAInBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU,EAAE,OAAO,EAAE,SAAS,OAAA,GAAU,eAAe,EAAE,SAAS,WAAS;AAAA,EAC3E,YAAY,EAAE,kBAAkBA,GAAU,YAAAF,EAAA;AAC5C,GAEMG,IAAmC,CAACC,MAAS,gBAAAC,EAACH,GAAA,EAAU,GAAGE,GAAM,GAE1DE,IAAkBH,EAAS,KAAK,CAAA,CAAE;AAC/CG,EAAgB,OAAO;AAAA,EACrB,OAAO;AAAA,EACP,eAAe;AAAA,EACf,cAAc;AAAA,EACd,UAAUC,EAAA;AACZ;AAEO,MAAMC,IAA0BL,EAAS,KAAK,CAAA,CAAE;AACvDK,EAAwB,OAAO;AAAA,EAC7B,OAAO;AAAA,EACP,UAAU;AAAA,EACV,eAAe;AAAA,EACf,cAAc;AAAA,EACd,UAAUD,EAAA;AACZ;"}
1
+ {"version":3,"file":"TextArea.stories.js","sources":["../../../src/components/TextArea/TextArea.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { TextAreaProps } from './TextArea';\n\nimport { TextArea } from './TextArea';\n\nconst codeString = `\n <TextArea label={label} maxCharacters={maxCharacters} defaultValue={string}/> `;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/TextArea',\n component: TextArea,\n argTypes: { label: { control: 'text' }, maxCharacters: { control: 'number' } },\n parameters: { inspectComponent: TextArea, codeString: codeString },\n} as Meta<TextAreaProps>;\n\nconst Template: StoryFn<TextAreaProps> = (args) => <TextArea {...args} />;\n\nexport const TextAreaExample = Template.bind({});\nTextAreaExample.args = {\n label: 'Sample label',\n maxCharacters: 140,\n defaultValue: 'Sample default value',\n onChange: fn(),\n};\n\nexport const TextAreaSubtitleExample = Template.bind({});\nTextAreaSubtitleExample.args = {\n label: 'Sample label',\n subLabel: 'Sample sub label',\n maxCharacters: 140,\n defaultValue:\n 'Sample default value \\n Sample default value \\n Sample default value \\n Sample default value \\n Sample default value',\n onChange: fn(),\n};\n"],"names":["codeString","TextArea_stories","TextArea","Template","args","jsx","TextAreaExample","fn","TextAreaSubtitleExample"],"mappings":";;;AAOA,MAAMA,IAAa;AAAA,mFAInBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU,EAAE,OAAO,EAAE,SAAS,OAAA,GAAU,eAAe,EAAE,SAAS,WAAS;AAAA,EAC3E,YAAY,EAAE,kBAAkBA,GAAU,YAAAF,EAAA;AAC5C,GAEMG,IAAmC,CAACC,MAAS,gBAAAC,EAACH,GAAA,EAAU,GAAGE,GAAM,GAE1DE,IAAkBH,EAAS,KAAK,CAAA,CAAE;AAC/CG,EAAgB,OAAO;AAAA,EACrB,OAAO;AAAA,EACP,eAAe;AAAA,EACf,cAAc;AAAA,EACd,UAAUC,EAAA;AACZ;AAEO,MAAMC,IAA0BL,EAAS,KAAK,CAAA,CAAE;AACvDK,EAAwB,OAAO;AAAA,EAC7B,OAAO;AAAA,EACP,UAAU;AAAA,EACV,eAAe;AAAA,EACf,cACE;AAAA;AAAA;AAAA;AAAA;AAAA,EACF,UAAUD,EAAA;AACZ;"}
@@ -1,5 +1,5 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { f as l } from "../../index-1WwGCyua.js";
2
+ import { f as l } from "../../index-B_q_4aBT.js";
3
3
  import { ToggleSwitch as e } from "./ToggleSwitch.js";
4
4
  const a = `
5
5
  // Has all InputHTMLAttributes props available except "className" and "style"
@@ -1,5 +1,5 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
- import { f as n } from "../../index-1WwGCyua.js";
2
+ import { f as n } from "../../index-B_q_4aBT.js";
3
3
  import { VarIndicator as t } from "./VarIndicator.js";
4
4
  const o = {
5
5
  DRAFT: "Concept",
@@ -93,7 +93,7 @@ xe.info = xe("info");
93
93
  xe.warn = xe("warn");
94
94
  xe.error = xe("error");
95
95
  xe.log = xe("log");
96
- var Ru = /* @__PURE__ */ ((e) => (e.CHANNEL_WS_DISCONNECT = "channelWSDisconnect", e.CHANNEL_CREATED = "channelCreated", e.CONFIG_ERROR = "configError", e.STORY_INDEX_INVALIDATED = "storyIndexInvalidated", e.STORY_SPECIFIED = "storySpecified", e.SET_CONFIG = "setConfig", e.SET_STORIES = "setStories", e.SET_INDEX = "setIndex", e.SET_CURRENT_STORY = "setCurrentStory", e.CURRENT_STORY_WAS_SET = "currentStoryWasSet", e.FORCE_RE_RENDER = "forceReRender", e.FORCE_REMOUNT = "forceRemount", e.PRELOAD_ENTRIES = "preloadStories", e.STORY_PREPARED = "storyPrepared", e.DOCS_PREPARED = "docsPrepared", e.STORY_CHANGED = "storyChanged", e.STORY_UNCHANGED = "storyUnchanged", e.STORY_RENDERED = "storyRendered", e.STORY_FINISHED = "storyFinished", e.STORY_MISSING = "storyMissing", e.STORY_ERRORED = "storyErrored", e.STORY_THREW_EXCEPTION = "storyThrewException", e.STORY_RENDER_PHASE_CHANGED = "storyRenderPhaseChanged", e.STORY_HOT_UPDATED = "storyHotUpdated", e.PLAY_FUNCTION_THREW_EXCEPTION = "playFunctionThrewException", e.UNHANDLED_ERRORS_WHILE_PLAYING = "unhandledErrorsWhilePlaying", e.UPDATE_STORY_ARGS = "updateStoryArgs", e.STORY_ARGS_UPDATED = "storyArgsUpdated", e.RESET_STORY_ARGS = "resetStoryArgs", e.SET_FILTER = "setFilter", e.SET_GLOBALS = "setGlobals", e.UPDATE_GLOBALS = "updateGlobals", e.GLOBALS_UPDATED = "globalsUpdated", e.REGISTER_SUBSCRIPTION = "registerSubscription", e.PREVIEW_INITIALIZED = "previewInitialized", e.PREVIEW_KEYDOWN = "previewKeydown", e.PREVIEW_BUILDER_PROGRESS = "preview_builder_progress", e.SELECT_STORY = "selectStory", e.STORIES_COLLAPSE_ALL = "storiesCollapseAll", e.STORIES_EXPAND_ALL = "storiesExpandAll", e.DOCS_RENDERED = "docsRendered", e.SHARED_STATE_CHANGED = "sharedStateChanged", e.SHARED_STATE_SET = "sharedStateSet", e.NAVIGATE_URL = "navigateUrl", e.UPDATE_QUERY_PARAMS = "updateQueryParams", e.REQUEST_WHATS_NEW_DATA = "requestWhatsNewData", e.RESULT_WHATS_NEW_DATA = "resultWhatsNewData", e.SET_WHATS_NEW_CACHE = "setWhatsNewCache", e.TOGGLE_WHATS_NEW_NOTIFICATIONS = "toggleWhatsNewNotifications", e.TELEMETRY_ERROR = "telemetryError", e.FILE_COMPONENT_SEARCH_REQUEST = "fileComponentSearchRequest", e.FILE_COMPONENT_SEARCH_RESPONSE = "fileComponentSearchResponse", e.SAVE_STORY_REQUEST = "saveStoryRequest", e.SAVE_STORY_RESPONSE = "saveStoryResponse", e.ARGTYPES_INFO_REQUEST = "argtypesInfoRequest", e.ARGTYPES_INFO_RESPONSE = "argtypesInfoResponse", e.CREATE_NEW_STORYFILE_REQUEST = "createNewStoryfileRequest", e.CREATE_NEW_STORYFILE_RESPONSE = "createNewStoryfileResponse", e.GHOST_STORIES_REQUEST = "ghostStoriesRequest", e.GHOST_STORIES_RESPONSE = "ghostStoriesResponse", e.OPEN_IN_EDITOR_REQUEST = "openInEditorRequest", e.OPEN_IN_EDITOR_RESPONSE = "openInEditorResponse", e.MANAGER_INERT_ATTRIBUTE_CHANGED = "managerInertAttributeChanged", e))(Ru || {}), {
96
+ var Ru = /* @__PURE__ */ ((e) => (e.CHANNEL_WS_DISCONNECT = "channelWSDisconnect", e.CHANNEL_CREATED = "channelCreated", e.CONFIG_ERROR = "configError", e.STORY_INDEX_INVALIDATED = "storyIndexInvalidated", e.STORY_SPECIFIED = "storySpecified", e.SET_CONFIG = "setConfig", e.SET_STORIES = "setStories", e.SET_INDEX = "setIndex", e.SET_CURRENT_STORY = "setCurrentStory", e.CURRENT_STORY_WAS_SET = "currentStoryWasSet", e.FORCE_RE_RENDER = "forceReRender", e.FORCE_REMOUNT = "forceRemount", e.PRELOAD_ENTRIES = "preloadStories", e.STORY_PREPARED = "storyPrepared", e.DOCS_PREPARED = "docsPrepared", e.STORY_CHANGED = "storyChanged", e.STORY_UNCHANGED = "storyUnchanged", e.STORY_RENDERED = "storyRendered", e.STORY_FINISHED = "storyFinished", e.STORY_MISSING = "storyMissing", e.STORY_ERRORED = "storyErrored", e.STORY_THREW_EXCEPTION = "storyThrewException", e.STORY_RENDER_PHASE_CHANGED = "storyRenderPhaseChanged", e.STORY_HOT_UPDATED = "storyHotUpdated", e.PLAY_FUNCTION_THREW_EXCEPTION = "playFunctionThrewException", e.UNHANDLED_ERRORS_WHILE_PLAYING = "unhandledErrorsWhilePlaying", e.UPDATE_STORY_ARGS = "updateStoryArgs", e.STORY_ARGS_UPDATED = "storyArgsUpdated", e.RESET_STORY_ARGS = "resetStoryArgs", e.SET_FILTER = "setFilter", e.SET_GLOBALS = "setGlobals", e.UPDATE_GLOBALS = "updateGlobals", e.GLOBALS_UPDATED = "globalsUpdated", e.REGISTER_SUBSCRIPTION = "registerSubscription", e.PREVIEW_INITIALIZED = "previewInitialized", e.PREVIEW_KEYDOWN = "previewKeydown", e.PREVIEW_BUILDER_PROGRESS = "preview_builder_progress", e.SELECT_STORY = "selectStory", e.STORIES_COLLAPSE_ALL = "storiesCollapseAll", e.STORIES_EXPAND_ALL = "storiesExpandAll", e.DOCS_RENDERED = "docsRendered", e.SHARED_STATE_CHANGED = "sharedStateChanged", e.SHARED_STATE_SET = "sharedStateSet", e.NAVIGATE_URL = "navigateUrl", e.UPDATE_QUERY_PARAMS = "updateQueryParams", e.REQUEST_WHATS_NEW_DATA = "requestWhatsNewData", e.RESULT_WHATS_NEW_DATA = "resultWhatsNewData", e.SET_WHATS_NEW_CACHE = "setWhatsNewCache", e.TOGGLE_WHATS_NEW_NOTIFICATIONS = "toggleWhatsNewNotifications", e.TELEMETRY_ERROR = "telemetryError", e.FILE_COMPONENT_SEARCH_REQUEST = "fileComponentSearchRequest", e.FILE_COMPONENT_SEARCH_RESPONSE = "fileComponentSearchResponse", e.SAVE_STORY_REQUEST = "saveStoryRequest", e.SAVE_STORY_RESPONSE = "saveStoryResponse", e.ARGTYPES_INFO_REQUEST = "argtypesInfoRequest", e.ARGTYPES_INFO_RESPONSE = "argtypesInfoResponse", e.CREATE_NEW_STORYFILE_REQUEST = "createNewStoryfileRequest", e.CREATE_NEW_STORYFILE_RESPONSE = "createNewStoryfileResponse", e.GHOST_STORIES_REQUEST = "ghostStoriesRequest", e.GHOST_STORIES_RESPONSE = "ghostStoriesResponse", e.OPEN_IN_EDITOR_REQUEST = "openInEditorRequest", e.OPEN_IN_EDITOR_RESPONSE = "openInEditorResponse", e.MANAGER_INERT_ATTRIBUTE_CHANGED = "managerInertAttributeChanged", e.SHARE_STORY_LINK = "shareStoryLink", e.SHARE_ISOLATE_MODE = "shareIsolateMode", e.SHARE_POPOVER_OPENED = "sharePopoverOpened", e))(Ru || {}), {
97
97
  CHANNEL_WS_DISCONNECT: SA,
98
98
  CHANNEL_CREATED: PA,
99
99
  CONFIG_ERROR: OA,
@@ -156,7 +156,10 @@ var Ru = /* @__PURE__ */ ((e) => (e.CHANNEL_WS_DISCONNECT = "channelWSDisconnect
156
156
  GHOST_STORIES_RESPONSE: Oq,
157
157
  OPEN_IN_EDITOR_REQUEST: Aq,
158
158
  OPEN_IN_EDITOR_RESPONSE: qq,
159
- MANAGER_INERT_ATTRIBUTE_CHANGED: xq
159
+ MANAGER_INERT_ATTRIBUTE_CHANGED: xq,
160
+ SHARE_STORY_LINK: Mq,
161
+ SHARE_ISOLATE_MODE: Nq,
162
+ SHARE_POPOVER_OPENED: Iq
160
163
  } = Ru, bm = C({
161
164
  "../../node_modules/color-name/index.js"(e, t) {
162
165
  t.exports = {
@@ -18962,7 +18965,7 @@ function GC(e, t, r) {
18962
18965
  var En = /* @__PURE__ */ Symbol.for("tinyspy:spy"), WC = (e) => {
18963
18966
  e.called = !1, e.callCount = 0, e.calls = [], e.results = [], e.resolves = [], e.next = [];
18964
18967
  }, YC = (e) => (GC(e, En, { value: { reset: () => WC(e[En]) } }), e[En]), KC = (e) => e[En] || YC(e), XC = /* @__PURE__ */ new Set();
18965
- function Mq(e) {
18968
+ function jq(e) {
18966
18969
  let t = pC();
18967
18970
  return JC(t);
18968
18971
  }
@@ -22995,7 +22998,12 @@ var JP = {
22995
22998
  };
22996
22999
  function fh(e, t, r) {
22997
23000
  let n = He(t), { EventType: o, defaultInit: i } = ch[e], a = new (QP(n))[o](e, i);
22998
- return JP[o].forEach((l) => l(a, r ?? {})), a;
23001
+ var l = {};
23002
+ for (var u in r)
23003
+ Object.prototype.hasOwnProperty.call(r, u) && (l[u] = r[u]);
23004
+ return l.view = n, JP[o].forEach(function(s) {
23005
+ s(a, l);
23006
+ }), a;
22999
23007
  }
23000
23008
  function QP(e) {
23001
23009
  var t;
@@ -24834,82 +24842,82 @@ La.screen = new Proxy(La.screen, {
24834
24842
  }
24835
24843
  });
24836
24844
  var {
24837
- buildQueries: Nq,
24838
- configure: Iq,
24839
- createEvent: jq,
24840
- fireEvent: Dq,
24841
- findAllByAltText: kq,
24842
- findAllByDisplayValue: Lq,
24843
- findAllByLabelText: Bq,
24844
- findAllByPlaceholderText: $q,
24845
- findAllByRole: Fq,
24846
- findAllByTestId: Uq,
24847
- findAllByText: Hq,
24848
- findAllByTitle: Vq,
24849
- findByAltText: zq,
24850
- findByDisplayValue: Gq,
24851
- findByLabelText: Wq,
24852
- findByPlaceholderText: Yq,
24853
- findByRole: Kq,
24854
- findByTestId: Xq,
24855
- findByText: Jq,
24856
- findByTitle: Qq,
24857
- getAllByAltText: Zq,
24858
- getAllByDisplayValue: ex,
24859
- getAllByLabelText: tx,
24860
- getAllByPlaceholderText: rx,
24861
- getAllByRole: nx,
24862
- getAllByTestId: ox,
24863
- getAllByText: ax,
24864
- getAllByTitle: ix,
24865
- getByAltText: lx,
24866
- getByDisplayValue: sx,
24867
- getByLabelText: ux,
24868
- getByPlaceholderText: cx,
24869
- getByRole: dx,
24870
- getByTestId: fx,
24871
- getByText: px,
24872
- getByTitle: hx,
24873
- getConfig: mx,
24874
- getDefaultNormalizer: bx,
24875
- getElementError: gx,
24876
- getNodeText: yx,
24877
- getQueriesForElement: vx,
24878
- getRoles: Ex,
24879
- getSuggestedQuery: _x,
24880
- isInaccessible: wx,
24881
- logDOM: Rx,
24882
- logRoles: Cx,
24883
- prettyDOM: Tx,
24884
- queries: Sx,
24885
- queryAllByAltText: Px,
24886
- queryAllByAttribute: Ox,
24887
- queryAllByDisplayValue: Ax,
24888
- queryAllByLabelText: qx,
24889
- queryAllByPlaceholderText: xx,
24890
- queryAllByRole: Mx,
24891
- queryAllByTestId: Nx,
24892
- queryAllByText: Ix,
24893
- queryAllByTitle: jx,
24894
- queryByAltText: Dx,
24895
- queryByAttribute: kx,
24896
- queryByDisplayValue: Lx,
24897
- queryByLabelText: Bx,
24898
- queryByPlaceholderText: $x,
24899
- queryByRole: Fx,
24900
- queryByTestId: Ux,
24901
- queryByText: Hx,
24902
- queryByTitle: Vx,
24903
- queryHelpers: zx,
24904
- screen: Gx,
24905
- waitFor: Wx,
24906
- waitForElementToBeRemoved: Yx,
24907
- within: Kx,
24908
- prettyFormat: Xx
24909
- } = La, { userEvent: Jx } = Qa(
24845
+ buildQueries: Dq,
24846
+ configure: kq,
24847
+ createEvent: Lq,
24848
+ fireEvent: Bq,
24849
+ findAllByAltText: $q,
24850
+ findAllByDisplayValue: Fq,
24851
+ findAllByLabelText: Uq,
24852
+ findAllByPlaceholderText: Hq,
24853
+ findAllByRole: Vq,
24854
+ findAllByTestId: zq,
24855
+ findAllByText: Gq,
24856
+ findAllByTitle: Wq,
24857
+ findByAltText: Yq,
24858
+ findByDisplayValue: Kq,
24859
+ findByLabelText: Xq,
24860
+ findByPlaceholderText: Jq,
24861
+ findByRole: Qq,
24862
+ findByTestId: Zq,
24863
+ findByText: ex,
24864
+ findByTitle: tx,
24865
+ getAllByAltText: rx,
24866
+ getAllByDisplayValue: nx,
24867
+ getAllByLabelText: ox,
24868
+ getAllByPlaceholderText: ax,
24869
+ getAllByRole: ix,
24870
+ getAllByTestId: lx,
24871
+ getAllByText: sx,
24872
+ getAllByTitle: ux,
24873
+ getByAltText: cx,
24874
+ getByDisplayValue: dx,
24875
+ getByLabelText: fx,
24876
+ getByPlaceholderText: px,
24877
+ getByRole: hx,
24878
+ getByTestId: mx,
24879
+ getByText: bx,
24880
+ getByTitle: gx,
24881
+ getConfig: yx,
24882
+ getDefaultNormalizer: vx,
24883
+ getElementError: Ex,
24884
+ getNodeText: _x,
24885
+ getQueriesForElement: wx,
24886
+ getRoles: Rx,
24887
+ getSuggestedQuery: Cx,
24888
+ isInaccessible: Tx,
24889
+ logDOM: Sx,
24890
+ logRoles: Px,
24891
+ prettyDOM: Ox,
24892
+ queries: Ax,
24893
+ queryAllByAltText: qx,
24894
+ queryAllByAttribute: xx,
24895
+ queryAllByDisplayValue: Mx,
24896
+ queryAllByLabelText: Nx,
24897
+ queryAllByPlaceholderText: Ix,
24898
+ queryAllByRole: jx,
24899
+ queryAllByTestId: Dx,
24900
+ queryAllByText: kx,
24901
+ queryAllByTitle: Lx,
24902
+ queryByAltText: Bx,
24903
+ queryByAttribute: $x,
24904
+ queryByDisplayValue: Fx,
24905
+ queryByLabelText: Ux,
24906
+ queryByPlaceholderText: Hx,
24907
+ queryByRole: Vx,
24908
+ queryByTestId: zx,
24909
+ queryByText: Gx,
24910
+ queryByTitle: Wx,
24911
+ queryHelpers: Yx,
24912
+ screen: Kx,
24913
+ waitFor: Xx,
24914
+ waitForElementToBeRemoved: Jx,
24915
+ within: Qx,
24916
+ prettyFormat: Zx
24917
+ } = La, { userEvent: e1 } = Qa(
24910
24918
  { userEvent: CA },
24911
24919
  { intercept: !0, getKeys: (e) => Object.keys(e).filter((t) => t !== "eventWrapper") }
24912
- ), { expect: Qx } = Qa(
24920
+ ), { expect: t1 } = Qa(
24913
24921
  { expect: vf },
24914
24922
  {
24915
24923
  getKeys: (e, t) => {
@@ -24929,10 +24937,10 @@ export {
24929
24937
  C as _,
24930
24938
  Le as a,
24931
24939
  TA as b,
24932
- Iq as c,
24940
+ kq as c,
24933
24941
  cm as d,
24934
- Mq as f,
24942
+ jq as f,
24935
24943
  pm as l,
24936
24944
  Ie as s
24937
24945
  };
24938
- //# sourceMappingURL=index-1WwGCyua.js.map
24946
+ //# sourceMappingURL=index-B_q_4aBT.js.map