@uva-glass/component-library 1.45.1 → 1.45.3
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/dist/{MultiSelect-B9JaIPXs.js → MultiSelect-Ckf3uGw5.js} +2 -2
- package/dist/{MultiSelect-B9JaIPXs.js.map → MultiSelect-Ckf3uGw5.js.map} +1 -1
- package/dist/MultiSelectItem-D9PxdX43.js +24 -0
- package/dist/{MultiSelectItem-CsSIAJRX.js.map → MultiSelectItem-D9PxdX43.js.map} +1 -1
- package/dist/assets/MultiSelectItem.css +1 -1
- package/dist/components/InputField/InputField.stories.js +1 -1
- package/dist/components/MultiSelect/MultiSelect.js +2 -2
- package/dist/components/MultiSelect/MultiSelect.stories.js +15 -15
- package/dist/components/MultiSelect/MultiSelect.stories.js.map +1 -1
- package/dist/components/MultiSelect/components/MultiSelectHeader.js +2 -2
- package/dist/components/MultiSelect/components/MultiSelectItem.js +1 -1
- package/dist/components/MultiSelect/index.js +1 -1
- package/dist/components/ProgrammeCard/ProgrammeCard.stories.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +4 -5
- package/dist/MultiSelectItem-CsSIAJRX.js +0 -24
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as o, jsx as l, Fragment as a } from "react/jsx-runtime";
|
|
2
2
|
import { c as m } from "./clsx-OuTLNxxd.js";
|
|
3
|
-
import { s as t, M as p } from "./MultiSelectItem-
|
|
3
|
+
import { s as t, M as p } from "./MultiSelectItem-D9PxdX43.js";
|
|
4
4
|
import { Label as u } from "./components/Label/Label.js";
|
|
5
5
|
import "react";
|
|
6
6
|
import "@react-aria/button";
|
|
@@ -49,4 +49,4 @@ export {
|
|
|
49
49
|
s as M,
|
|
50
50
|
d as a
|
|
51
51
|
};
|
|
52
|
-
//# sourceMappingURL=MultiSelect-
|
|
52
|
+
//# sourceMappingURL=MultiSelect-Ckf3uGw5.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelect-
|
|
1
|
+
{"version":3,"file":"MultiSelect-Ckf3uGw5.js","sources":["../src/components/MultiSelect/components/MultiSelectHeader.tsx","../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import styles from 'components/MultiSelect/MultiSelect.module.css';\nimport { Label } from 'components/Label';\nimport { Button } from 'components';\n\nexport interface MultiSelectHeaderProps {\n label: string;\n clearTrigger?: string;\n onClear?: () => void;\n}\n\nexport function MultiSelectHeader({ label, clearTrigger, onClear }: MultiSelectHeaderProps) {\n return (\n <header className={styles['multi-select__header']}>\n <Label htmlFor=\"multi-select-list\">{label}</Label>\n {clearTrigger && (\n <Button variant={'blank'} onClick={onClear}>\n {clearTrigger}\n </Button>\n )}\n </header>\n );\n}\n","import clsx from 'clsx';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './MultiSelect.module.css';\n\nimport { MultiSelectItem } from 'components/MultiSelect/components/MultiSelectItem';\nimport { MultiSelectHeader } from 'components/MultiSelect/components/MultiSelectHeader';\nexport interface MultiSelectProps {\n scrollable?: boolean;\n noBorder?: boolean;\n header?: ReactNode;\n}\n\nexport const MultiSelect = ({ scrollable = true, noBorder, header, children }: PropsWithChildren<MultiSelectProps>) => (\n <>\n {header}\n <div\n className={clsx(styles['multi-select'], {\n [styles['multi-select--no-border']]: noBorder,\n })}\n >\n <ul\n className={clsx(styles['multi-select__list'], {\n [styles['multi-select__list--scrollable']]: scrollable,\n })}\n id=\"multi-select-list\"\n >\n {children}\n </ul>\n </div>\n </>\n);\n\nMultiSelect.MultiSelectHeader = MultiSelectHeader;\nMultiSelect.MultiSelectItem = MultiSelectItem;\n"],"names":["MultiSelectHeader","label","clearTrigger","onClear","jsxs","styles","jsx","Label","Button","MultiSelect","scrollable","noBorder","header","children","Fragment","clsx","MultiSelectItem"],"mappings":";;;;;;;;;;;;;;;;;;AAUO,SAASA,EAAkB,EAAE,OAAAC,GAAO,cAAAC,GAAc,SAAAC,KAAmC;AAC1F,SACG,gBAAAC,EAAA,UAAA,EAAO,WAAWC,EAAO,sBAAsB,GAC9C,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAM,SAAQ,qBAAqB,UAAMN,GAAA;AAAA,IACzCC,KACE,gBAAAI,EAAAE,GAAA,EAAO,SAAS,SAAS,SAASL,GAChC,UACHD,GAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;ACPa,MAAAO,IAAc,CAAC,EAAE,YAAAC,IAAa,IAAM,UAAAC,GAAU,QAAAC,GAAQ,UAAAC,QAE9D,gBAAAT,EAAAU,GAAA,EAAA,UAAA;AAAA,EAAAF;AAAA,EACD,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWS,EAAKV,EAAO,cAAc,GAAG;AAAA,QACtC,CAACA,EAAO,yBAAyB,CAAC,GAAGM;AAAA,MAAA,CACtC;AAAA,MAED,UAAA,gBAAAL;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWS,EAAKV,EAAO,oBAAoB,GAAG;AAAA,YAC5C,CAACA,EAAO,gCAAgC,CAAC,GAAGK;AAAA,UAAA,CAC7C;AAAA,UACD,IAAG;AAAA,UAEF,UAAAG;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EACF;AAAA,GACF;AAGFJ,EAAY,oBAAoBT;AAChCS,EAAY,kBAAkBO;"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsxs as m, jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import { useId as o } from "react";
|
|
3
|
+
import { Checkbox as c } from "./components/Checkbox/Checkbox.js";
|
|
4
|
+
import { Label as u } from "./components/Label/Label.js";
|
|
5
|
+
import './assets/MultiSelectItem.css';const d = {
|
|
6
|
+
"multi-select": "_multi-select_1gdr1_1",
|
|
7
|
+
"multi-select--no-border": "_multi-select--no-border_1gdr1_7",
|
|
8
|
+
"multi-select__header": "_multi-select__header_1gdr1_12",
|
|
9
|
+
"multi-select__list": "_multi-select__list_1gdr1_18",
|
|
10
|
+
"multi-select__list--scrollable": "_multi-select__list--scrollable_1gdr1_27",
|
|
11
|
+
"multi-select__item": "_multi-select__item_1gdr1_32"
|
|
12
|
+
};
|
|
13
|
+
function f({ label: _, value: s, checked: e, disabled: i = !1, onChange: r }) {
|
|
14
|
+
const t = o();
|
|
15
|
+
return /* @__PURE__ */ m("li", { className: d["multi-select__item"], children: [
|
|
16
|
+
/* @__PURE__ */ l(c, { id: t, value: s, checked: e, onChange: r, disabled: i }),
|
|
17
|
+
/* @__PURE__ */ l(u, { htmlFor: t, noFontWeight: !e, children: _ })
|
|
18
|
+
] });
|
|
19
|
+
}
|
|
20
|
+
export {
|
|
21
|
+
f as M,
|
|
22
|
+
d as s
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=MultiSelectItem-D9PxdX43.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelectItem-
|
|
1
|
+
{"version":3,"file":"MultiSelectItem-D9PxdX43.js","sources":["../src/components/MultiSelect/components/MultiSelectItem.tsx"],"sourcesContent":["import { useId } from 'react';\n\nimport type { ChangeEvent } from 'react';\n\nimport styles from 'components/MultiSelect/MultiSelect.module.css';\nimport { Checkbox } from 'components/Checkbox';\nimport { Label } from 'components/Label';\n\nexport interface MultiSelectItemProps {\n label: string;\n value: string | number;\n checked: boolean;\n disabled?: boolean;\n onChange(event: ChangeEvent<HTMLInputElement>): void;\n}\n\nexport function MultiSelectItem({ label, value, checked, disabled = false, onChange }: MultiSelectItemProps) {\n const id = useId();\n\n return (\n <li className={styles['multi-select__item']}>\n <Checkbox id={id} value={value} checked={checked} onChange={onChange} disabled={disabled} />\n <Label htmlFor={id} noFontWeight={!checked}>\n {label}\n </Label>\n </li>\n );\n}\n"],"names":["MultiSelectItem","label","value","checked","disabled","onChange","id","useId","jsxs","styles","jsx","Checkbox","Label"],"mappings":";;;;;;;;;;;;AAgBgB,SAAAA,EAAgB,EAAE,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,UAAAC,IAAW,IAAO,UAAAC,KAAkC;AAC3G,QAAMC,IAAKC;AAEX,SACG,gBAAAC,EAAA,MAAA,EAAG,WAAWC,EAAO,oBAAoB,GACxC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAS,EAAA,IAAAL,GAAQ,OAAAJ,GAAc,SAAAC,GAAkB,UAAAE,GAAoB,UAAAD,GAAoB;AAAA,sBACzFQ,GAAM,EAAA,SAASN,GAAI,cAAc,CAACH,GAChC,UACHF,GAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._multi-
|
|
1
|
+
._multi-select_1gdr1_1{border:1px solid var(--color-black);border-radius:var(--border-radius-default);padding:.75rem}._multi-select--no-border_1gdr1_7{border:none;padding:0}._multi-select__header_1gdr1_12{display:flex;justify-content:space-between;margin-bottom:.5rem}._multi-select__list_1gdr1_18{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}._multi-select__list--scrollable_1gdr1_27{max-height:8.75rem;overflow:auto}._multi-select__item_1gdr1_32{align-items:start;display:grid;grid-template-columns:auto 1fr;-webkit-user-select:none;user-select:none}._multi-select__item_1gdr1_32 input[type=checkbox]{margin-right:.75rem;margin-top:.25rem}._multi-select__item_1gdr1_32 input[type=checkbox]:disabled+label{color:var(--color-grey-300)}
|
|
@@ -14,7 +14,7 @@ import "../GridRow/GridRow.js";
|
|
|
14
14
|
import "../IconButton/IconButton.js";
|
|
15
15
|
import "../Input/Input.js";
|
|
16
16
|
import "react-router-dom";
|
|
17
|
-
import "../../MultiSelect-
|
|
17
|
+
import "../../MultiSelect-Ckf3uGw5.js";
|
|
18
18
|
import "../SelectListbox/SelectListbox.js";
|
|
19
19
|
import "../SelectListbox/SelectProvider.js";
|
|
20
20
|
const C = (t) => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "../../clsx-OuTLNxxd.js";
|
|
3
|
-
import "../../MultiSelectItem-
|
|
4
|
-
import { M as p } from "../../MultiSelect-
|
|
3
|
+
import "../../MultiSelectItem-D9PxdX43.js";
|
|
4
|
+
import { M as p } from "../../MultiSelect-Ckf3uGw5.js";
|
|
5
5
|
export {
|
|
6
6
|
p as MultiSelect
|
|
7
7
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsxs as b, jsx as m } from "react/jsx-runtime";
|
|
2
2
|
import { f as d } from "../../index-C7tAT8j7.js";
|
|
3
3
|
import { useState as p } from "react";
|
|
4
|
-
import { M as r } from "../../MultiSelect-
|
|
5
|
-
import { Container as
|
|
4
|
+
import { M as r } from "../../MultiSelect-Ckf3uGw5.js";
|
|
5
|
+
import { Container as C } from "../storyComponents/Container/Container.js";
|
|
6
6
|
const T = {
|
|
7
7
|
title: "Organisms/MultiSelect",
|
|
8
8
|
component: r,
|
|
@@ -15,12 +15,12 @@ const T = {
|
|
|
15
15
|
}
|
|
16
16
|
}, a = (i) => {
|
|
17
17
|
const [n, o] = p([]), I = [
|
|
18
|
-
{ itemName: "
|
|
19
|
-
{ itemName: "
|
|
20
|
-
{ itemName: "Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3", itemValue: "3" },
|
|
21
|
-
{ itemName: "
|
|
22
|
-
{ itemName: "
|
|
23
|
-
{ itemName: "
|
|
18
|
+
{ itemName: "AItem 1", itemValue: "1", disabled: !0 },
|
|
19
|
+
{ itemName: "BItem 2", itemValue: "2" },
|
|
20
|
+
{ itemName: "Multi line Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3", itemValue: "3" },
|
|
21
|
+
{ itemName: "CItem 4", itemValue: "4" },
|
|
22
|
+
{ itemName: "DItem 5", itemValue: "5" },
|
|
23
|
+
{ itemName: "EItem 6", itemValue: "6" }
|
|
24
24
|
], h = () => {
|
|
25
25
|
o([]), d()();
|
|
26
26
|
}, f = (e) => {
|
|
@@ -30,7 +30,7 @@ const T = {
|
|
|
30
30
|
return d()(c), c;
|
|
31
31
|
});
|
|
32
32
|
};
|
|
33
|
-
return /* @__PURE__ */ b(
|
|
33
|
+
return /* @__PURE__ */ b(C, { children: [
|
|
34
34
|
i.header && /* @__PURE__ */ m(
|
|
35
35
|
r.MultiSelectHeader,
|
|
36
36
|
{
|
|
@@ -54,12 +54,12 @@ const T = {
|
|
|
54
54
|
}, u = {
|
|
55
55
|
scrollable: !0,
|
|
56
56
|
noBorder: !1
|
|
57
|
-
},
|
|
58
|
-
|
|
57
|
+
}, M = a.bind({});
|
|
58
|
+
M.args = {
|
|
59
59
|
...u
|
|
60
60
|
};
|
|
61
|
-
const
|
|
62
|
-
|
|
61
|
+
const S = a.bind({});
|
|
62
|
+
S.args = {
|
|
63
63
|
...u,
|
|
64
64
|
// boolean is not normal way of adding header but if added after template the rerender logic of
|
|
65
65
|
// storybook would not correctly clear the checkboxes
|
|
@@ -74,8 +74,8 @@ N.args = {
|
|
|
74
74
|
header: !0
|
|
75
75
|
};
|
|
76
76
|
export {
|
|
77
|
-
|
|
78
|
-
|
|
77
|
+
M as MultiSelectExample,
|
|
78
|
+
S as WithHeader,
|
|
79
79
|
N as WithheaderAndWithoutScrollContainerAndBorder,
|
|
80
80
|
T as default
|
|
81
81
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelect.stories.js","sources":["../../../src/components/MultiSelect/MultiSelect.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\nimport { useState } from 'react';\n\nimport type { ChangeEvent, PropsWithChildren } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { MultiSelectProps } from './MultiSelect';\n\nimport { MultiSelect } from './MultiSelect';\n\nimport { Container } from 'components/storyComponents/Container';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Organisms/MultiSelect',\n component: MultiSelect,\n argTypes: {\n header: {\n table: {\n disable: true,\n },\n },\n },\n} as Meta<PropsWithChildren<MultiSelectProps>>;\n\nconst Template: StoryFn<PropsWithChildren<MultiSelectProps>> = (args) => {\n const [items, setItems] = useState<string[]>([]);\n\n const mockItems = [\n { itemName: '
|
|
1
|
+
{"version":3,"file":"MultiSelect.stories.js","sources":["../../../src/components/MultiSelect/MultiSelect.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\nimport { useState } from 'react';\n\nimport type { ChangeEvent, PropsWithChildren } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { MultiSelectProps } from './MultiSelect';\n\nimport { MultiSelect } from './MultiSelect';\n\nimport { Container } from 'components/storyComponents/Container';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Organisms/MultiSelect',\n component: MultiSelect,\n argTypes: {\n header: {\n table: {\n disable: true,\n },\n },\n },\n} as Meta<PropsWithChildren<MultiSelectProps>>;\n\nconst Template: StoryFn<PropsWithChildren<MultiSelectProps>> = (args) => {\n const [items, setItems] = useState<string[]>([]);\n\n const mockItems = [\n { itemName: 'AItem 1', itemValue: '1', disabled: true },\n { itemName: 'BItem 2', itemValue: '2' },\n { itemName: 'Multi line Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3', itemValue: '3' },\n { itemName: 'CItem 4', itemValue: '4' },\n { itemName: 'DItem 5', itemValue: '5' },\n { itemName: 'EItem 6', itemValue: '6' },\n ];\n\n const handleClear = () => {\n setItems([]);\n fn()();\n };\n\n const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n const { checked, value } = event.target;\n setItems((prevState) => {\n const newItems = checked ? [...prevState, value] : prevState.filter((itemValue) => itemValue !== value);\n fn()(newItems);\n return newItems;\n });\n };\n\n return (\n <Container>\n {/* header added under separate boolean arg here for storybook purpose, \n it should be added as direct arg to MultiSelect when used in application */}\n {args.header && (\n <MultiSelect.MultiSelectHeader\n label=\"Item list\"\n clearTrigger={items.length > 0 ? 'Clear Selection' : ''}\n onClear={handleClear}\n />\n )}\n <MultiSelect {...args}>\n {mockItems.map(({ itemName, itemValue, disabled }) => (\n <MultiSelect.MultiSelectItem\n key={itemName}\n label={itemName}\n value={itemValue}\n checked={items.includes(itemValue)}\n onChange={handleChange}\n disabled={disabled}\n />\n ))}\n </MultiSelect>\n </Container>\n );\n};\n\nconst defaultArgs: Partial<MultiSelectProps> = {\n scrollable: true,\n noBorder: false,\n};\n\nexport const MultiSelectExample = Template.bind({});\nMultiSelectExample.args = {\n ...defaultArgs,\n};\n\nexport const WithHeader = Template.bind({});\nWithHeader.args = {\n ...defaultArgs,\n // boolean is not normal way of adding header but if added after template the rerender logic of\n // storybook would not correctly clear the checkboxes\n header: true,\n};\n\nexport const WithheaderAndWithoutScrollContainerAndBorder = Template.bind({});\nWithheaderAndWithoutScrollContainerAndBorder.args = {\n scrollable: false,\n noBorder: true,\n // boolean is not normal way of adding header but if added after template the rerender logic of\n // storybook would not correctly clear the checkboxes\n header: true,\n};\n"],"names":["MultiSelect_stories","MultiSelect","Template","args","items","setItems","useState","mockItems","handleClear","fn","handleChange","event","checked","value","prevState","newItems","itemValue","Container","jsx","itemName","disabled","defaultArgs","MultiSelectExample","WithHeader","WithheaderAndWithoutScrollContainerAndBorder"],"mappings":";;;;;AAYA,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,EACF;AACF,GAEMC,IAAyD,CAACC,MAAS;AACvE,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAmB,CAAE,CAAA,GAEzCC,IAAY;AAAA,IAChB,EAAE,UAAU,WAAW,WAAW,KAAK,UAAU,GAAK;AAAA,IACtD,EAAE,UAAU,WAAW,WAAW,IAAI;AAAA,IACtC,EAAE,UAAU,oFAAoF,WAAW,IAAI;AAAA,IAC/G,EAAE,UAAU,WAAW,WAAW,IAAI;AAAA,IACtC,EAAE,UAAU,WAAW,WAAW,IAAI;AAAA,IACtC,EAAE,UAAU,WAAW,WAAW,IAAI;AAAA,EAAA,GAGlCC,IAAc,MAAM;AACxB,IAAAH,EAAS,CAAE,CAAA,GACXI,EAAK,EAAA;AAAA,EAAA,GAGDC,IAAe,CAACC,MAAyC;AAC7D,UAAM,EAAE,SAAAC,GAAS,OAAAC,MAAUF,EAAM;AACjC,IAAAN,EAAS,CAACS,MAAc;AACtB,YAAMC,IAAWH,IAAU,CAAC,GAAGE,GAAWD,CAAK,IAAIC,EAAU,OAAO,CAACE,MAAcA,MAAcH,CAAK;AACtGJ,aAAAA,EAAA,EAAKM,CAAQ,GACNA;AAAA,IAAA,CACR;AAAA,EAAA;AAGH,2BACGE,GAGE,EAAA,UAAA;AAAA,IAAAd,EAAK,UACJ,gBAAAe;AAAA,MAACjB,EAAY;AAAA,MAAZ;AAAA,QACC,OAAM;AAAA,QACN,cAAcG,EAAM,SAAS,IAAI,oBAAoB;AAAA,QACrD,SAASI;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,gBAAAU,EAACjB,GAAa,EAAA,GAAGE,GACd,UAAAI,EAAU,IAAI,CAAC,EAAE,UAAAY,GAAU,WAAAH,GAAW,UAAAI,EACrC,MAAA,gBAAAF;AAAA,MAACjB,EAAY;AAAA,MAAZ;AAAA,QAEC,OAAOkB;AAAA,QACP,OAAOH;AAAA,QACP,SAASZ,EAAM,SAASY,CAAS;AAAA,QACjC,UAAUN;AAAA,QACV,UAAAU;AAAA,MAAA;AAAA,MALKD;AAAA,IAOR,CAAA,GACH;AAAA,EACF,EAAA,CAAA;AAEJ,GAEME,IAAyC;AAAA,EAC7C,YAAY;AAAA,EACZ,UAAU;AACZ,GAEaC,IAAqBpB,EAAS,KAAK,EAAE;AAClDoB,EAAmB,OAAO;AAAA,EACxB,GAAGD;AACL;AAEO,MAAME,IAAarB,EAAS,KAAK,EAAE;AAC1CqB,EAAW,OAAO;AAAA,EAChB,GAAGF;AAAA;AAAA;AAAA,EAGH,QAAQ;AACV;AAEO,MAAMG,IAA+CtB,EAAS,KAAK,EAAE;AAC5EsB,EAA6C,OAAO;AAAA,EAClD,YAAY;AAAA,EACZ,UAAU;AAAA;AAAA;AAAA,EAGV,QAAQ;AACV;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
|
-
import "../../../MultiSelectItem-
|
|
2
|
+
import "../../../MultiSelectItem-D9PxdX43.js";
|
|
3
3
|
import "../../Label/Label.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "@react-aria/button";
|
|
@@ -13,7 +13,7 @@ import "../../IconButton/IconButton.js";
|
|
|
13
13
|
import "../../Input/Input.js";
|
|
14
14
|
import "../../InputField/InputField.js";
|
|
15
15
|
import "react-router-dom";
|
|
16
|
-
import { a as g } from "../../../MultiSelect-
|
|
16
|
+
import { a as g } from "../../../MultiSelect-Ckf3uGw5.js";
|
|
17
17
|
import "../../SelectListbox/SelectListbox.js";
|
|
18
18
|
import "../../SelectListbox/SelectProvider.js";
|
|
19
19
|
export {
|
|
@@ -15,7 +15,7 @@ import "../IconButton/IconButton.js";
|
|
|
15
15
|
import "../Input/Input.js";
|
|
16
16
|
import "../InputField/InputField.js";
|
|
17
17
|
import "react-router-dom";
|
|
18
|
-
import "../../MultiSelect-
|
|
18
|
+
import "../../MultiSelect-Ckf3uGw5.js";
|
|
19
19
|
import { Repeater as i } from "../Repeater/Repeater.js";
|
|
20
20
|
import "../SelectListbox/SelectListbox.js";
|
|
21
21
|
import "../SelectListbox/SelectProvider.js";
|
package/dist/components/index.js
CHANGED
|
@@ -25,7 +25,7 @@ import { MenuButton as W } from "./MenuButton/MenuButton.js";
|
|
|
25
25
|
import { MenuLink as Y } from "./MenuLink/MenuLink.js";
|
|
26
26
|
import { MetaDataList as _ } from "./MetaDataList/MetaDataList.js";
|
|
27
27
|
import { ModalDialog as oo } from "./ModalDialog/ModalDialog.js";
|
|
28
|
-
import { M as to } from "../MultiSelect-
|
|
28
|
+
import { M as to } from "../MultiSelect-Ckf3uGw5.js";
|
|
29
29
|
import { OverlayCloseButton as po } from "./OverlayCloseButton/OverlayCloseButton.js";
|
|
30
30
|
import { Periods as xo } from "./Periods/Periods.js";
|
|
31
31
|
import { ProgrammeCard as io } from "./ProgrammeCard/ProgrammeCard.js";
|
package/dist/index.js
CHANGED
|
@@ -25,7 +25,7 @@ import { MenuButton as W } from "./components/MenuButton/MenuButton.js";
|
|
|
25
25
|
import { MenuLink as Y } from "./components/MenuLink/MenuLink.js";
|
|
26
26
|
import { MetaDataList as _ } from "./components/MetaDataList/MetaDataList.js";
|
|
27
27
|
import { ModalDialog as oo } from "./components/ModalDialog/ModalDialog.js";
|
|
28
|
-
import { M as to } from "./MultiSelect-
|
|
28
|
+
import { M as to } from "./MultiSelect-Ckf3uGw5.js";
|
|
29
29
|
import { OverlayCloseButton as po } from "./components/OverlayCloseButton/OverlayCloseButton.js";
|
|
30
30
|
import { Periods as xo } from "./components/Periods/Periods.js";
|
|
31
31
|
import { ProgrammeCard as io } from "./components/ProgrammeCard/ProgrammeCard.js";
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@uva-glass/component-library",
|
|
3
3
|
"author": "Team Glass - Frontend vrienden",
|
|
4
4
|
"private": false,
|
|
5
|
-
"version": "1.45.
|
|
5
|
+
"version": "1.45.3",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "dist/index.js",
|
|
8
8
|
"types": "dist/index.d.ts",
|
|
@@ -50,14 +50,13 @@
|
|
|
50
50
|
"@semantic-release/npm": "^12.0.1",
|
|
51
51
|
"@storybook/addon-a11y": "^8.2.9",
|
|
52
52
|
"@storybook/addon-essentials": "^8.2.9",
|
|
53
|
-
"@storybook/addon-interactions": "^8.2.9",
|
|
54
53
|
"@storybook/addon-links": "^8.2.9",
|
|
55
54
|
"@storybook/blocks": "^8.2.9",
|
|
56
55
|
"@storybook/react": "^8.2.9",
|
|
57
56
|
"@storybook/react-vite": "^8.2.9",
|
|
58
57
|
"@storybook/test": "^8.2.9",
|
|
59
|
-
"@types/node": "^20.16.
|
|
60
|
-
"@types/react": "^18.3.
|
|
58
|
+
"@types/node": "^20.16.3",
|
|
59
|
+
"@types/react": "^18.3.5",
|
|
61
60
|
"@types/react-dom": "^18.3.0",
|
|
62
61
|
"@uva-glass/eslint-config": "^1.3.1",
|
|
63
62
|
"@uva-glass/stylelint-config": "^1.1.0",
|
|
@@ -88,7 +87,7 @@
|
|
|
88
87
|
"stylelint-order": "^6.0.4",
|
|
89
88
|
"typescript": "^5.5.4",
|
|
90
89
|
"vite": "^5.4.2",
|
|
91
|
-
"vite-plugin-dts": "^4.0
|
|
90
|
+
"vite-plugin-dts": "^4.1.0",
|
|
92
91
|
"vite-plugin-lib-inject-css": "^2.1.1",
|
|
93
92
|
"vite-plugin-svgr": "^4.2.0",
|
|
94
93
|
"vite-tsconfig-paths": "^5.0.1"
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { jsxs as o, jsx as l } from "react/jsx-runtime";
|
|
2
|
-
import { useId as r } from "react";
|
|
3
|
-
import { Checkbox as c } from "./components/Checkbox/Checkbox.js";
|
|
4
|
-
import { Label as u } from "./components/Label/Label.js";
|
|
5
|
-
import './assets/MultiSelectItem.css';const b = {
|
|
6
|
-
"multi-select": "_multi-select_7vbm3_1",
|
|
7
|
-
"multi-select--no-border": "_multi-select--no-border_7vbm3_7",
|
|
8
|
-
"multi-select__header": "_multi-select__header_7vbm3_12",
|
|
9
|
-
"multi-select__list": "_multi-select__list_7vbm3_18",
|
|
10
|
-
"multi-select__list--scrollable": "_multi-select__list--scrollable_7vbm3_27",
|
|
11
|
-
"multi-select__item": "_multi-select__item_7vbm3_32"
|
|
12
|
-
};
|
|
13
|
-
function h({ label: _, value: m, checked: e, disabled: s = !1, onChange: i }) {
|
|
14
|
-
const t = r();
|
|
15
|
-
return /* @__PURE__ */ o("li", { className: b["multi-select__item"], children: [
|
|
16
|
-
/* @__PURE__ */ l(c, { id: t, value: m, checked: e, onChange: i, disabled: s }),
|
|
17
|
-
/* @__PURE__ */ l(u, { htmlFor: t, noFontWeight: !e, children: _ })
|
|
18
|
-
] });
|
|
19
|
-
}
|
|
20
|
-
export {
|
|
21
|
-
h as M,
|
|
22
|
-
b as s
|
|
23
|
-
};
|
|
24
|
-
//# sourceMappingURL=MultiSelectItem-CsSIAJRX.js.map
|