@uva-glass/component-library 1.31.0 → 1.32.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 (48) hide show
  1. package/dist/MultiSelect-CFOkF66G.js +46 -0
  2. package/dist/MultiSelect-CFOkF66G.js.map +1 -0
  3. package/dist/MultiSelectItem-D5q99kfp.js +24 -0
  4. package/dist/MultiSelectItem-D5q99kfp.js.map +1 -0
  5. package/dist/assets/Label.css +1 -1
  6. package/dist/assets/MultiSelectItem.css +1 -1
  7. package/dist/components/InputField/InputField.d.ts +1 -0
  8. package/dist/components/InputField/InputField.js +21 -24
  9. package/dist/components/InputField/InputField.js.map +1 -1
  10. package/dist/components/InputField/InputField.stories.js +41 -26
  11. package/dist/components/InputField/InputField.stories.js.map +1 -1
  12. package/dist/components/Label/Label.d.ts +2 -1
  13. package/dist/components/Label/Label.js +17 -5
  14. package/dist/components/Label/Label.js.map +1 -1
  15. package/dist/components/Label/Label.stories.d.ts +1 -0
  16. package/dist/components/Label/Label.stories.js +13 -5
  17. package/dist/components/Label/Label.stories.js.map +1 -1
  18. package/dist/components/MultiSelect/MultiSelect.d.ts +11 -8
  19. package/dist/components/MultiSelect/MultiSelect.js +5 -7
  20. package/dist/components/MultiSelect/MultiSelect.js.map +1 -1
  21. package/dist/components/MultiSelect/MultiSelect.stories.d.ts +5 -2
  22. package/dist/components/MultiSelect/MultiSelect.stories.js +74 -35
  23. package/dist/components/MultiSelect/MultiSelect.stories.js.map +1 -1
  24. package/dist/components/MultiSelect/components/MultiSelectHeader.d.ts +6 -0
  25. package/dist/components/MultiSelect/components/MultiSelectHeader.js +16 -0
  26. package/dist/components/MultiSelect/components/MultiSelectHeader.js.map +1 -0
  27. package/dist/components/MultiSelect/components/MultiSelectItem.js +9 -0
  28. package/dist/components/MultiSelect/components/MultiSelectItem.js.map +1 -0
  29. package/dist/components/MultiSelect/index.js +1 -1
  30. package/dist/components/ProgrammeCard/ProgrammeCard.stories.js +3 -2
  31. package/dist/components/ProgrammeCard/ProgrammeCard.stories.js.map +1 -1
  32. package/dist/components/index.d.ts +0 -1
  33. package/dist/components/index.js +24 -26
  34. package/dist/components/index.js.map +1 -1
  35. package/dist/index-DFUrxrKJ.js.map +1 -1
  36. package/dist/index.js +24 -26
  37. package/dist/index.js.map +1 -1
  38. package/package.json +10 -10
  39. package/dist/assets/MultiSelect.css +0 -1
  40. package/dist/components/MultiSelectItem/MultiSelectItem.js +0 -19
  41. package/dist/components/MultiSelectItem/MultiSelectItem.js.map +0 -1
  42. package/dist/components/MultiSelectItem/MultiSelectItem.stories.d.ts +0 -5
  43. package/dist/components/MultiSelectItem/MultiSelectItem.stories.js +0 -17
  44. package/dist/components/MultiSelectItem/MultiSelectItem.stories.js.map +0 -1
  45. package/dist/components/MultiSelectItem/index.d.ts +0 -1
  46. package/dist/components/MultiSelectItem/index.js +0 -5
  47. package/dist/components/MultiSelectItem/index.js.map +0 -1
  48. /package/dist/components/{MultiSelectItem → MultiSelect/components}/MultiSelectItem.d.ts +0 -0
@@ -0,0 +1,6 @@
1
+ export interface MultiSelectHeaderProps {
2
+ label: string;
3
+ clearTrigger?: string;
4
+ onClear?: () => void;
5
+ }
6
+ export declare function MultiSelectHeader({ label, clearTrigger, onClear }: MultiSelectHeaderProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,16 @@
1
+ import "react/jsx-runtime";
2
+ import "../../../MultiSelectItem-D5q99kfp.js";
3
+ import "../../Label/Label.js";
4
+ import "react";
5
+ import "../../Button/Button.js";
6
+ import "../../OverlayCloseButton/OverlayCloseButton.js";
7
+ import "../../IconButton/IconButton.js";
8
+ import "../../Input/Input.js";
9
+ import "../../InputField/InputField.js";
10
+ import { a as u } from "../../../MultiSelect-CFOkF66G.js";
11
+ import "../../SelectListbox/SelectListbox.js";
12
+ import "../../SelectListbox/SelectProvider.js";
13
+ export {
14
+ u as MultiSelectHeader
15
+ };
16
+ //# sourceMappingURL=MultiSelectHeader.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MultiSelectHeader.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
@@ -0,0 +1,9 @@
1
+ import "react/jsx-runtime";
2
+ import "react";
3
+ import { M as e } from "../../../MultiSelectItem-D5q99kfp.js";
4
+ import "../../Checkbox/Checkbox.js";
5
+ import "../../Label/Label.js";
6
+ export {
7
+ e as MultiSelectItem
8
+ };
9
+ //# sourceMappingURL=MultiSelectItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MultiSelectItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
@@ -1,4 +1,4 @@
1
- import { MultiSelect as l } from "./MultiSelect.js";
1
+ import { M as l } from "../../MultiSelect-CFOkF66G.js";
2
2
  export {
3
3
  l as MultiSelect
4
4
  };
@@ -9,10 +9,11 @@ import "../OverlayCloseButton/OverlayCloseButton.js";
9
9
  import "../IconButton/IconButton.js";
10
10
  import "../Input/Input.js";
11
11
  import "../InputField/InputField.js";
12
+ import "../../MultiSelect-CFOkF66G.js";
12
13
  import { Repeater as i } from "../Repeater/Repeater.js";
13
14
  import "../SelectListbox/SelectListbox.js";
14
15
  import "../SelectListbox/SelectProvider.js";
15
- const j = {
16
+ const E = {
16
17
  title: "Atoms/ProgrammeCard",
17
18
  component: t
18
19
  }, s = (o) => /* @__PURE__ */ e(n, { size: "large", children: /* @__PURE__ */ e(t, { ...o }) }), l = s.bind({});
@@ -57,6 +58,6 @@ export {
57
58
  p as MultiProgrammeCards,
58
59
  l as ProgrammeCardExample,
59
60
  d as WithComplexContent,
60
- j as default
61
+ E as default
61
62
  };
62
63
  //# sourceMappingURL=ProgrammeCard.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ProgrammeCard.stories.js","sources":["../../../src/components/ProgrammeCard/ProgrammeCard.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ProgrammeCardProps } from './ProgrammeCard';\n\nimport { ProgrammeCard } from './ProgrammeCard';\n\nimport { Container } from 'components/storyComponents/Container';\nimport { Icon, Repeater } from 'components';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/ProgrammeCard',\n component: ProgrammeCard,\n} as Meta<ProgrammeCardProps>;\n\nconst Template: StoryFn<ProgrammeCardProps> = (args) => (\n <Container size=\"large\">\n <ProgrammeCard {...args} />\n </Container>\n);\n\nexport const ProgrammeCardExample = Template.bind({});\nProgrammeCardExample.args = {\n header: 'This is my header',\n details: 'This is my details',\n onClick: fn(),\n};\n\nexport const WithComplexContent = Template.bind({});\nWithComplexContent.args = {\n header: (\n <Repeater flexDirection=\"row\" gap=\"150\">\n <Icon name=\"Envelope\" size={32} />\n <h2 style={{ margin: 0 }}>This is my header</h2>\n </Repeater>\n ),\n details: (\n <Repeater flexDirection=\"row\" gap=\"150\">\n <Repeater flexDirection=\"row\">\n <Icon name=\"FaceFrown\" />\n Details 1\n </Repeater>\n <Repeater flexDirection=\"row\">\n <Icon name=\"Heart\" />\n Details 2\n </Repeater>\n <Repeater flexDirection=\"row\">\n <Icon name=\"Sparkles\" />\n Details 3\n </Repeater>\n </Repeater>\n ),\n onClick: fn(),\n};\n\nconst MultiProgrammeCardsTemplate: StoryFn<ProgrammeCardProps> = (args) => (\n <Container size=\"large\">\n <Repeater>\n <ProgrammeCard {...args} />\n <ProgrammeCard {...args} />\n <ProgrammeCard {...args} />\n </Repeater>\n </Container>\n);\n\nexport const MultiProgrammeCards = MultiProgrammeCardsTemplate.bind({});\nMultiProgrammeCards.args = {\n header: 'This is my header',\n details: 'This is my details',\n onClick: fn(),\n};\n"],"names":["ProgrammeCard_stories","ProgrammeCard","Template","args","jsx","Container","ProgrammeCardExample","fn","WithComplexContent","jsxs","Repeater","Icon","MultiProgrammeCardsTemplate","MultiProgrammeCards"],"mappings":";;;;;;;;;;;;;;AAWA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AACb,GAEMC,IAAwC,CAACC,MAC5C,gBAAAC,EAAAC,GAAA,EAAU,MAAK,SACd,UAAC,gBAAAD,EAAAH,GAAA,EAAe,GAAGE,EAAM,CAAA,EAC3B,CAAA,GAGWG,IAAuBJ,EAAS,KAAK,EAAE;AACpDI,EAAqB,OAAO;AAAA,EAC1B,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAASC,EAAG;AACd;AAEO,MAAMC,IAAqBN,EAAS,KAAK,EAAE;AAClDM,EAAmB,OAAO;AAAA,EACxB,QACG,gBAAAC,EAAAC,GAAA,EAAS,eAAc,OAAM,KAAI,OAChC,UAAA;AAAA,IAAA,gBAAAN,EAACO,GAAK,EAAA,MAAK,YAAW,MAAM,IAAI;AAAA,sBAC/B,MAAG,EAAA,OAAO,EAAE,QAAQ,KAAK,UAAiB,qBAAA;AAAA,EAAA,GAC7C;AAAA,EAEF,SACG,gBAAAF,EAAAC,GAAA,EAAS,eAAc,OAAM,KAAI,OAChC,UAAA;AAAA,IAAC,gBAAAD,EAAAC,GAAA,EAAS,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,YAAY,CAAA;AAAA,MAAE;AAAA,IAAA,GAE3B;AAAA,IACA,gBAAAF,EAACC,GAAS,EAAA,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,QAAQ,CAAA;AAAA,MAAE;AAAA,IAAA,GAEvB;AAAA,IACA,gBAAAF,EAACC,GAAS,EAAA,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,WAAW,CAAA;AAAA,MAAE;AAAA,IAAA,GAE1B;AAAA,EAAA,GACF;AAAA,EAEF,SAASJ,EAAG;AACd;AAEA,MAAMK,IAA2D,CAACT,MAChE,gBAAAC,EAACC,KAAU,MAAK,SACd,4BAACK,GACC,EAAA,UAAA;AAAA,EAAC,gBAAAN,EAAAH,GAAA,EAAe,GAAGE,GAAM;AAAA,EACzB,gBAAAC,EAACH,GAAe,EAAA,GAAGE,GAAM;AAAA,EACzB,gBAAAC,EAACH,GAAe,EAAA,GAAGE,GAAM;AAAA,EAC3B,CAAA,EACF,CAAA,GAGWU,IAAsBD,EAA4B,KAAK,EAAE;AACtEC,EAAoB,OAAO;AAAA,EACzB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAASN,EAAG;AACd;"}
1
+ {"version":3,"file":"ProgrammeCard.stories.js","sources":["../../../src/components/ProgrammeCard/ProgrammeCard.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ProgrammeCardProps } from './ProgrammeCard';\n\nimport { ProgrammeCard } from './ProgrammeCard';\n\nimport { Container } from 'components/storyComponents/Container';\nimport { Icon, Repeater } from 'components';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/ProgrammeCard',\n component: ProgrammeCard,\n} as Meta<ProgrammeCardProps>;\n\nconst Template: StoryFn<ProgrammeCardProps> = (args) => (\n <Container size=\"large\">\n <ProgrammeCard {...args} />\n </Container>\n);\n\nexport const ProgrammeCardExample = Template.bind({});\nProgrammeCardExample.args = {\n header: 'This is my header',\n details: 'This is my details',\n onClick: fn(),\n};\n\nexport const WithComplexContent = Template.bind({});\nWithComplexContent.args = {\n header: (\n <Repeater flexDirection=\"row\" gap=\"150\">\n <Icon name=\"Envelope\" size={32} />\n <h2 style={{ margin: 0 }}>This is my header</h2>\n </Repeater>\n ),\n details: (\n <Repeater flexDirection=\"row\" gap=\"150\">\n <Repeater flexDirection=\"row\">\n <Icon name=\"FaceFrown\" />\n Details 1\n </Repeater>\n <Repeater flexDirection=\"row\">\n <Icon name=\"Heart\" />\n Details 2\n </Repeater>\n <Repeater flexDirection=\"row\">\n <Icon name=\"Sparkles\" />\n Details 3\n </Repeater>\n </Repeater>\n ),\n onClick: fn(),\n};\n\nconst MultiProgrammeCardsTemplate: StoryFn<ProgrammeCardProps> = (args) => (\n <Container size=\"large\">\n <Repeater>\n <ProgrammeCard {...args} />\n <ProgrammeCard {...args} />\n <ProgrammeCard {...args} />\n </Repeater>\n </Container>\n);\n\nexport const MultiProgrammeCards = MultiProgrammeCardsTemplate.bind({});\nMultiProgrammeCards.args = {\n header: 'This is my header',\n details: 'This is my details',\n onClick: fn(),\n};\n"],"names":["ProgrammeCard_stories","ProgrammeCard","Template","args","jsx","Container","ProgrammeCardExample","fn","WithComplexContent","jsxs","Repeater","Icon","MultiProgrammeCardsTemplate","MultiProgrammeCards"],"mappings":";;;;;;;;;;;;;;;AAWA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AACb,GAEMC,IAAwC,CAACC,MAC5C,gBAAAC,EAAAC,GAAA,EAAU,MAAK,SACd,UAAC,gBAAAD,EAAAH,GAAA,EAAe,GAAGE,EAAM,CAAA,EAC3B,CAAA,GAGWG,IAAuBJ,EAAS,KAAK,EAAE;AACpDI,EAAqB,OAAO;AAAA,EAC1B,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAASC,EAAG;AACd;AAEO,MAAMC,IAAqBN,EAAS,KAAK,EAAE;AAClDM,EAAmB,OAAO;AAAA,EACxB,QACG,gBAAAC,EAAAC,GAAA,EAAS,eAAc,OAAM,KAAI,OAChC,UAAA;AAAA,IAAA,gBAAAN,EAACO,GAAK,EAAA,MAAK,YAAW,MAAM,IAAI;AAAA,sBAC/B,MAAG,EAAA,OAAO,EAAE,QAAQ,KAAK,UAAiB,qBAAA;AAAA,EAAA,GAC7C;AAAA,EAEF,SACG,gBAAAF,EAAAC,GAAA,EAAS,eAAc,OAAM,KAAI,OAChC,UAAA;AAAA,IAAC,gBAAAD,EAAAC,GAAA,EAAS,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,YAAY,CAAA;AAAA,MAAE;AAAA,IAAA,GAE3B;AAAA,IACA,gBAAAF,EAACC,GAAS,EAAA,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,QAAQ,CAAA;AAAA,MAAE;AAAA,IAAA,GAEvB;AAAA,IACA,gBAAAF,EAACC,GAAS,EAAA,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,WAAW,CAAA;AAAA,MAAE;AAAA,IAAA,GAE1B;AAAA,EAAA,GACF;AAAA,EAEF,SAASJ,EAAG;AACd;AAEA,MAAMK,IAA2D,CAACT,MAChE,gBAAAC,EAACC,KAAU,MAAK,SACd,4BAACK,GACC,EAAA,UAAA;AAAA,EAAC,gBAAAN,EAAAH,GAAA,EAAe,GAAGE,GAAM;AAAA,EACzB,gBAAAC,EAACH,GAAe,EAAA,GAAGE,GAAM;AAAA,EACzB,gBAAAC,EAACH,GAAe,EAAA,GAAGE,GAAM;AAAA,EAC3B,CAAA,EACF,CAAA,GAGWU,IAAsBD,EAA4B,KAAK,EAAE;AACtEC,EAAoB,OAAO;AAAA,EACzB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAASN,EAAG;AACd;"}
@@ -19,7 +19,6 @@ export * from './MenuLink';
19
19
  export * from './MetaDataList';
20
20
  export * from './ModalDialog';
21
21
  export * from './MultiSelect';
22
- export * from './MultiSelectItem';
23
22
  export * from './OverlayCloseButton';
24
23
  export * from './ProgrammeCard';
25
24
  export * from './RadioButton';
@@ -1,7 +1,7 @@
1
1
  import { Accordion as t } from "./Accordion/Accordion.js";
2
2
  import { AppStatusBar as p } from "./AppStatusBar/AppStatusBar.js";
3
3
  import { Attention as f } from "./Attention/Attention.js";
4
- import { Backdrop as i } from "./Backdrop/Backdrop.js";
4
+ import { Backdrop as a } from "./Backdrop/Backdrop.js";
5
5
  import { Button as n } from "./Button/Button.js";
6
6
  import { ButtonGroup as u } from "./ButtonGroup/ButtonGroup.js";
7
7
  import { Card as d } from "./Card/Card.js";
@@ -18,23 +18,22 @@ import { Label as G } from "./Label/Label.js";
18
18
  import { M as N } from "../MenuLink-CLEqkVVh.js";
19
19
  import { MetaDataList as T } from "./MetaDataList/MetaDataList.js";
20
20
  import { ModalDialog as q } from "./ModalDialog/ModalDialog.js";
21
- import { MultiSelect as E } from "./MultiSelect/MultiSelect.js";
22
- import { MultiSelectItem as K } from "./MultiSelectItem/MultiSelectItem.js";
23
- import { OverlayCloseButton as U } from "./OverlayCloseButton/OverlayCloseButton.js";
24
- import { ProgrammeCard as W } from "./ProgrammeCard/ProgrammeCard.js";
25
- import { RadioButton as Y } from "./RadioButton/RadioButton.js";
26
- import { Repeater as _ } from "./Repeater/Repeater.js";
27
- import { SectionNotification as oo } from "./SectionNotification/SectionNotification.js";
28
- import { SelectListbox as to } from "./SelectListbox/SelectListbox.js";
29
- import { SelectProvider as po, useSelect as mo } from "./SelectListbox/SelectProvider.js";
30
- import { Spinner as xo } from "./Spinner/Spinner.js";
31
- import { StatusPill as ao } from "./StatusPill/StatusPill.js";
32
- import { Tooltip as lo } from "./Tooltip/Tooltip.js";
21
+ import { M as E } from "../MultiSelect-CFOkF66G.js";
22
+ import { OverlayCloseButton as K } from "./OverlayCloseButton/OverlayCloseButton.js";
23
+ import { ProgrammeCard as U } from "./ProgrammeCard/ProgrammeCard.js";
24
+ import { RadioButton as W } from "./RadioButton/RadioButton.js";
25
+ import { Repeater as Y } from "./Repeater/Repeater.js";
26
+ import { SectionNotification as _ } from "./SectionNotification/SectionNotification.js";
27
+ import { SelectListbox as oo } from "./SelectListbox/SelectListbox.js";
28
+ import { SelectProvider as to, useSelect as eo } from "./SelectListbox/SelectProvider.js";
29
+ import { Spinner as mo } from "./Spinner/Spinner.js";
30
+ import { StatusPill as xo } from "./StatusPill/StatusPill.js";
31
+ import { Tooltip as io } from "./Tooltip/Tooltip.js";
33
32
  export {
34
33
  t as Accordion,
35
34
  p as AppStatusBar,
36
35
  f as Attention,
37
- i as Backdrop,
36
+ a as Backdrop,
38
37
  n as Button,
39
38
  u as ButtonGroup,
40
39
  d as Card,
@@ -52,17 +51,16 @@ export {
52
51
  T as MetaDataList,
53
52
  q as ModalDialog,
54
53
  E as MultiSelect,
55
- K as MultiSelectItem,
56
- U as OverlayCloseButton,
57
- W as ProgrammeCard,
58
- Y as RadioButton,
59
- _ as Repeater,
60
- oo as SectionNotification,
61
- to as SelectListbox,
62
- po as SelectProvider,
63
- xo as Spinner,
64
- ao as StatusPill,
65
- lo as Tooltip,
66
- mo as useSelect
54
+ K as OverlayCloseButton,
55
+ U as ProgrammeCard,
56
+ W as RadioButton,
57
+ Y as Repeater,
58
+ _ as SectionNotification,
59
+ oo as SelectListbox,
60
+ to as SelectProvider,
61
+ mo as Spinner,
62
+ xo as StatusPill,
63
+ io as Tooltip,
64
+ eo as useSelect
67
65
  };
68
66
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}