@uva-glass/component-library 1.45.1 → 1.45.2
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 +1 -1
- 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
|
@@ -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
|