@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.
- package/README.md +1 -0
- package/dist/assets/variables.css +4 -4
- package/dist/{chunk-2N4WE3KZ-DQvXvHLf.js → chunk-2N4WE3KZ-nJkI9rUN.js} +17 -17
- package/dist/{chunk-2N4WE3KZ-DQvXvHLf.js.map → chunk-2N4WE3KZ-nJkI9rUN.js.map} +1 -1
- package/dist/components/Buttons/Button.stories.js +1 -1
- package/dist/components/Buttons/LinkButton.stories.js +1 -1
- package/dist/components/Buttons/MenuButton.stories.js +1 -1
- package/dist/components/Checkbox/Checkbox.stories.js +1 -1
- package/dist/components/CheckboxButtonBar/CheckboxButtonBar.stories.js +1 -1
- package/dist/components/CheckboxTree/CheckboxTree.stories.js +2 -2
- package/dist/components/Chip/Chip.stories.js +1 -1
- package/dist/components/ControlsButton/ControlsButton.stories.js +1 -1
- package/dist/components/Drawer/Drawer.stories.js +1 -1
- package/dist/components/FormInput/FormInput.stories.js +1 -1
- package/dist/components/IconButton/IconButton.stories.js +1 -1
- package/dist/components/InputField/InputField.stories.js +1 -1
- package/dist/components/ModalDialog/ModalDialog.stories.js +1 -1
- package/dist/components/MultiSelect/MultiSelect.stories.js +1 -1
- package/dist/components/MultiSelectBox/MultiSelectBox.stories.js +1 -1
- package/dist/components/Notification/Notification.stories.js +1 -1
- package/dist/components/OverlayCloseButton/OverlayCloseButton.stories.js +1 -1
- package/dist/components/PeriodSelector/PeriodSelector.stories.js +1 -1
- package/dist/components/RadioGroup/RadioGroup.stories.js +1 -1
- package/dist/components/RadioTabSelector/RadioTabSelector.stories.js +1 -1
- package/dist/components/SelectListbox/SelectListBox.stories.js +1 -1
- package/dist/components/Sortable/Sortable.stories.js +1 -1
- package/dist/components/TextArea/TextArea.js +34 -29
- package/dist/components/TextArea/TextArea.js.map +1 -1
- package/dist/components/TextArea/TextArea.stories.js +16 -12
- package/dist/components/TextArea/TextArea.stories.js.map +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.stories.js +1 -1
- package/dist/components/VarIndicator/VarIndicator.stories.js +1 -1
- package/dist/{index-1WwGCyua.js → index-B_q_4aBT.js} +89 -81
- package/dist/index-B_q_4aBT.js.map +1 -0
- package/dist/storybook__react.d.js +2 -2
- package/package.json +27 -27
- 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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
3
|
-
import { I as C, a as v } from "../../chunk-2N4WE3KZ-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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 o } from "react/jsx-runtime";
|
|
2
|
-
import { f as t } from "../../index-
|
|
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 e, jsxs as i, Fragment as m } from "react/jsx-runtime";
|
|
2
|
-
import { f as s } from "../../index-
|
|
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
|
|
2
|
-
import { useRef as
|
|
3
|
-
import { c as
|
|
4
|
-
import '../../assets/TextArea.css';const
|
|
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:
|
|
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
|
|
18
|
-
onChange:
|
|
19
|
-
label:
|
|
20
|
-
subLabel:
|
|
17
|
+
function y({
|
|
18
|
+
onChange: u,
|
|
19
|
+
label: l,
|
|
20
|
+
subLabel: o,
|
|
21
21
|
maxCharacters: a = 0,
|
|
22
|
-
heightAsTextField:
|
|
23
|
-
defaultValue:
|
|
24
|
-
required:
|
|
25
|
-
notValid:
|
|
22
|
+
heightAsTextField: c = !1,
|
|
23
|
+
defaultValue: d = "",
|
|
24
|
+
required: x = !1,
|
|
25
|
+
notValid: p = !1
|
|
26
26
|
}) {
|
|
27
|
-
const t =
|
|
28
|
-
t.current && (t.current.style.height = "auto", t.current.style.height = `${t.current.scrollHeight}px`,
|
|
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
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
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__ */
|
|
37
|
-
/* @__PURE__ */
|
|
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:
|
|
47
|
-
[e["not-valid"]]:
|
|
48
|
-
[e["text-area--oneLine"]]:
|
|
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:
|
|
52
|
-
defaultValue:
|
|
56
|
+
onInput: q,
|
|
57
|
+
defaultValue: d
|
|
53
58
|
}
|
|
54
59
|
)
|
|
55
60
|
] });
|
|
56
61
|
}
|
|
57
62
|
export {
|
|
58
|
-
|
|
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 / {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,
|
|
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 / {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-
|
|
2
|
+
import { f as a } from "../../index-B_q_4aBT.js";
|
|
3
3
|
import { TextArea as e } from "./TextArea.js";
|
|
4
|
-
const
|
|
5
|
-
<TextArea label={label} maxCharacters={maxCharacters} defaultValue={string}/> `,
|
|
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:
|
|
10
|
-
},
|
|
11
|
-
|
|
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
|
|
18
|
-
|
|
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:
|
|
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
|
-
|
|
27
|
-
|
|
28
|
-
|
|
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
|
|
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-
|
|
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"
|
|
@@ -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
|
|
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
|
-
|
|
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:
|
|
24838
|
-
configure:
|
|
24839
|
-
createEvent:
|
|
24840
|
-
fireEvent:
|
|
24841
|
-
findAllByAltText:
|
|
24842
|
-
findAllByDisplayValue:
|
|
24843
|
-
findAllByLabelText:
|
|
24844
|
-
findAllByPlaceholderText:
|
|
24845
|
-
findAllByRole:
|
|
24846
|
-
findAllByTestId:
|
|
24847
|
-
findAllByText:
|
|
24848
|
-
findAllByTitle:
|
|
24849
|
-
findByAltText:
|
|
24850
|
-
findByDisplayValue:
|
|
24851
|
-
findByLabelText:
|
|
24852
|
-
findByPlaceholderText:
|
|
24853
|
-
findByRole:
|
|
24854
|
-
findByTestId:
|
|
24855
|
-
findByText:
|
|
24856
|
-
findByTitle:
|
|
24857
|
-
getAllByAltText:
|
|
24858
|
-
getAllByDisplayValue:
|
|
24859
|
-
getAllByLabelText:
|
|
24860
|
-
getAllByPlaceholderText:
|
|
24861
|
-
getAllByRole:
|
|
24862
|
-
getAllByTestId:
|
|
24863
|
-
getAllByText:
|
|
24864
|
-
getAllByTitle:
|
|
24865
|
-
getByAltText:
|
|
24866
|
-
getByDisplayValue:
|
|
24867
|
-
getByLabelText:
|
|
24868
|
-
getByPlaceholderText:
|
|
24869
|
-
getByRole:
|
|
24870
|
-
getByTestId:
|
|
24871
|
-
getByText:
|
|
24872
|
-
getByTitle:
|
|
24873
|
-
getConfig:
|
|
24874
|
-
getDefaultNormalizer:
|
|
24875
|
-
getElementError:
|
|
24876
|
-
getNodeText:
|
|
24877
|
-
getQueriesForElement:
|
|
24878
|
-
getRoles:
|
|
24879
|
-
getSuggestedQuery:
|
|
24880
|
-
isInaccessible:
|
|
24881
|
-
logDOM:
|
|
24882
|
-
logRoles:
|
|
24883
|
-
prettyDOM:
|
|
24884
|
-
queries:
|
|
24885
|
-
queryAllByAltText:
|
|
24886
|
-
queryAllByAttribute:
|
|
24887
|
-
queryAllByDisplayValue:
|
|
24888
|
-
queryAllByLabelText:
|
|
24889
|
-
queryAllByPlaceholderText:
|
|
24890
|
-
queryAllByRole:
|
|
24891
|
-
queryAllByTestId:
|
|
24892
|
-
queryAllByText:
|
|
24893
|
-
queryAllByTitle:
|
|
24894
|
-
queryByAltText:
|
|
24895
|
-
queryByAttribute:
|
|
24896
|
-
queryByDisplayValue:
|
|
24897
|
-
queryByLabelText:
|
|
24898
|
-
queryByPlaceholderText:
|
|
24899
|
-
queryByRole:
|
|
24900
|
-
queryByTestId:
|
|
24901
|
-
queryByText:
|
|
24902
|
-
queryByTitle:
|
|
24903
|
-
queryHelpers:
|
|
24904
|
-
screen:
|
|
24905
|
-
waitFor:
|
|
24906
|
-
waitForElementToBeRemoved:
|
|
24907
|
-
within:
|
|
24908
|
-
prettyFormat:
|
|
24909
|
-
} = La, { userEvent:
|
|
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:
|
|
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
|
-
|
|
24940
|
+
kq as c,
|
|
24933
24941
|
cm as d,
|
|
24934
|
-
|
|
24942
|
+
jq as f,
|
|
24935
24943
|
pm as l,
|
|
24936
24944
|
Ie as s
|
|
24937
24945
|
};
|
|
24938
|
-
//# sourceMappingURL=index-
|
|
24946
|
+
//# sourceMappingURL=index-B_q_4aBT.js.map
|