@uva-glass/component-library 1.22.0 → 1.22.1
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
.button-group{display:flex;gap:1rem;justify-content:flex-end}.button-group--reversed{flex-direction:row-reverse;justify-content:flex-start}
|
|
1
|
+
.button-group{display:flex;gap:1rem;justify-content:flex-end}.button-group--reversed{flex-direction:row-reverse;justify-content:flex-start}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { M as
|
|
1
|
+
import { jsxs as t, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { M as l, $ as d } from "../../ModalDialog-yEr_JLht.js";
|
|
3
3
|
import { f as o } from "../../index-DFUrxrKJ.js";
|
|
4
4
|
import { Button as a } from "../Button/Button.js";
|
|
5
|
-
import {
|
|
5
|
+
import { FormField as s } from "../FormField/FormField.js";
|
|
6
|
+
import { InputField as m } from "../InputField/InputField.js";
|
|
6
7
|
import { Label as c } from "../Label/Label.js";
|
|
7
|
-
import '../../assets/ModalDialog.css';const
|
|
8
|
+
import '../../assets/ModalDialog.css';const T = {
|
|
8
9
|
title: "Molecules/ModalDialog",
|
|
9
|
-
component:
|
|
10
|
+
component: l,
|
|
10
11
|
argTypes: {
|
|
11
12
|
isOpen: {
|
|
12
13
|
table: {
|
|
@@ -36,9 +37,9 @@ import '../../assets/ModalDialog.css';const v = {
|
|
|
36
37
|
}
|
|
37
38
|
}
|
|
38
39
|
}
|
|
39
|
-
}, i = (n) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(
|
|
40
|
+
}, i = (n) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(l, { ...n, children: /* @__PURE__ */ t(s, { outerSpace: !0, children: [
|
|
40
41
|
/* @__PURE__ */ e(c, { htmlFor: "text-field", children: "Example Text Field" }),
|
|
41
|
-
/* @__PURE__ */ e(
|
|
42
|
+
/* @__PURE__ */ e(m, { id: "text-field" })
|
|
42
43
|
] }) }) }), r = {
|
|
43
44
|
padded: !1,
|
|
44
45
|
slim: !1,
|
|
@@ -51,24 +52,24 @@ import '../../assets/ModalDialog.css';const v = {
|
|
|
51
52
|
noValidate: !1,
|
|
52
53
|
onSubmit: o(),
|
|
53
54
|
onClose: o(),
|
|
54
|
-
buttons: /* @__PURE__ */
|
|
55
|
+
buttons: /* @__PURE__ */ t("div", { className: "button-group button-group--reversed", children: [
|
|
55
56
|
/* @__PURE__ */ e(a, { variant: "primary", onClick: o(), children: "OK" }),
|
|
56
57
|
/* @__PURE__ */ e(a, { variant: "secondary", onClick: o(), children: "Cancel" })
|
|
57
58
|
] }),
|
|
58
59
|
isOpen: !0
|
|
59
|
-
},
|
|
60
|
-
|
|
60
|
+
}, p = i.bind({});
|
|
61
|
+
p.args = {
|
|
61
62
|
...r
|
|
62
63
|
};
|
|
63
|
-
const
|
|
64
|
-
|
|
64
|
+
const u = i.bind({});
|
|
65
|
+
u.args = {
|
|
65
66
|
...r,
|
|
66
67
|
isLoading: !0,
|
|
67
68
|
spinnerAriaValueText: "Loading"
|
|
68
69
|
};
|
|
69
70
|
export {
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
71
|
+
u as Loading,
|
|
72
|
+
p as ModalDialogExample,
|
|
73
|
+
T as default
|
|
73
74
|
};
|
|
74
75
|
//# sourceMappingURL=ModalDialog.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalDialog.stories.js","sources":["../../../src/components/ModalDialog/ModalDialog.stories.tsx"],"sourcesContent":["import { ModalProvider } from '@react-aria/overlays';\nimport { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ModalDialogProps } from './ModalDialog';\n\nimport { ModalDialog } from './ModalDialog';\n\nimport { Button } from 'components/Button';\nimport { InputField } from 'components/InputField';\nimport { Label } from 'components/Label';\
|
|
1
|
+
{"version":3,"file":"ModalDialog.stories.js","sources":["../../../src/components/ModalDialog/ModalDialog.stories.tsx"],"sourcesContent":["import { ModalProvider } from '@react-aria/overlays';\nimport { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ModalDialogProps } from './ModalDialog';\n\nimport { ModalDialog } from './ModalDialog';\n\nimport { Button } from 'components/Button';\nimport { FormField } from 'components/FormField';\nimport { InputField } from 'components/InputField';\nimport { Label } from 'components/Label';\nimport './ModalDialog.stories.css';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Molecules/ModalDialog',\n component: ModalDialog,\n argTypes: {\n isOpen: {\n table: {\n disable: true,\n },\n },\n noValidate: {\n control: 'boolean',\n },\n role: {\n control: 'radio',\n options: ['dialog', 'alertdialog'],\n },\n onSubmit: {\n table: {\n disable: true,\n },\n },\n onClose: {\n table: {\n disable: true,\n },\n },\n buttons: {\n table: {\n disable: true,\n },\n },\n },\n} as Meta<ModalDialogProps>;\n\nconst Template: StoryFn<ModalDialogProps> = (args) => (\n <ModalProvider>\n <ModalDialog {...args}>\n <FormField outerSpace>\n <Label htmlFor=\"text-field\">Example Text Field</Label>\n <InputField id=\"text-field\" />\n </FormField>\n </ModalDialog>\n </ModalProvider>\n);\n\nconst defaultArgs: Partial<ModalDialogProps> = {\n padded: false,\n slim: false,\n wide: false,\n noButtonBorder: false,\n variant: 'dialog',\n role: 'dialog',\n title: 'Example Title',\n closeButtonAriaValueText: 'Close',\n noValidate: false,\n onSubmit: fn(),\n onClose: fn(),\n buttons: (\n <div className=\"button-group button-group--reversed\">\n <Button variant=\"primary\" onClick={fn()}>\n OK\n </Button>\n <Button variant=\"secondary\" onClick={fn()}>\n Cancel\n </Button>\n </div>\n ),\n isOpen: true,\n};\n\nexport const ModalDialogExample = Template.bind({});\nModalDialogExample.args = {\n ...defaultArgs,\n};\n\nexport const Loading = Template.bind({});\nLoading.args = {\n ...defaultArgs,\n isLoading: true,\n spinnerAriaValueText: 'Loading',\n};\n"],"names":["ModalDialog_stories","ModalDialog","Template","args","jsx","ModalProvider","jsxs","FormField","Label","InputField","defaultArgs","fn","Button","ModalDialogExample","Loading"],"mappings":";;;;;;;AAeA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,SAAS,CAAC,UAAU,aAAa;AAAA,IACnC;AAAA,IACA,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,GAEMC,IAAsC,CAACC,MAC3C,gBAAAC,EAACC,GACC,EAAA,UAAA,gBAAAD,EAACH,GAAa,EAAA,GAAGE,GACf,UAAA,gBAAAG,EAACC,GAAU,EAAA,YAAU,IACnB,UAAA;AAAA,EAAC,gBAAAH,EAAAI,GAAA,EAAM,SAAQ,cAAa,UAAkB,sBAAA;AAAA,EAC9C,gBAAAJ,EAACK,GAAW,EAAA,IAAG,aAAa,CAAA;AAAA,GAC9B,GACF,EACF,CAAA,GAGIC,IAAyC;AAAA,EAC7C,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,0BAA0B;AAAA,EAC1B,YAAY;AAAA,EACZ,UAAUC,EAAG;AAAA,EACb,SAASA,EAAG;AAAA,EACZ,SACE,gBAAAL,EAAC,OAAI,EAAA,WAAU,uCACb,UAAA;AAAA,IAAA,gBAAAF,EAACQ,KAAO,SAAQ,WAAU,SAASD,KAAM,UAEzC,MAAA;AAAA,sBACCC,GAAO,EAAA,SAAQ,aAAY,SAASD,KAAM,UAE3C,UAAA;AAAA,EAAA,GACF;AAAA,EAEF,QAAQ;AACV,GAEaE,IAAqBX,EAAS,KAAK,EAAE;AAClDW,EAAmB,OAAO;AAAA,EACxB,GAAGH;AACL;AAEO,MAAMI,IAAUZ,EAAS,KAAK,EAAE;AACvCY,EAAQ,OAAO;AAAA,EACb,GAAGJ;AAAA,EACH,WAAW;AAAA,EACX,sBAAsB;AACxB;"}
|