@arbor-education/design-system.components 0.1.3 → 0.1.4
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/.github/workflows/release.yml +22 -11
- package/CHANGELOG.md +9 -0
- package/package.json +1 -1
- package/.changeset/neat-experts-repair.md +0 -2
- package/.changeset/slick-places-grin.md +0 -5
- package/.changeset/sunny-cars-sell.md +0 -2
- package/.changeset/tough-facts-check.md +0 -5
- package/.changeset/true-rats-add.md +0 -5
- package/dist/components/formField/inputs/dropdown/Dropdown.d.ts +0 -11
- package/dist/components/formField/inputs/dropdown/Dropdown.d.ts.map +0 -1
- package/dist/components/formField/inputs/dropdown/Dropdown.js +0 -43
- package/dist/components/formField/inputs/dropdown/Dropdown.js.map +0 -1
- package/dist/components/formField/inputs/dropdown/Dropdown.stories.d.ts +0 -161
- package/dist/components/formField/inputs/dropdown/Dropdown.stories.d.ts.map +0 -1
- package/dist/components/formField/inputs/dropdown/Dropdown.stories.js +0 -172
- package/dist/components/formField/inputs/dropdown/Dropdown.stories.js.map +0 -1
- package/dist/components/formField/inputs/dropdown/Dropdown.test.d.ts +0 -2
- package/dist/components/formField/inputs/dropdown/Dropdown.test.d.ts.map +0 -1
- package/dist/components/formField/inputs/dropdown/Dropdown.test.js +0 -93
- package/dist/components/formField/inputs/dropdown/Dropdown.test.js.map +0 -1
- package/dist/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.d.ts +0 -11
- package/dist/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.d.ts.map +0 -1
- package/dist/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.js +0 -15
- package/dist/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.js.map +0 -1
- package/dist/components/formField/inputs/dropdown/items/DropdownItemRenderer.d.ts +0 -10
- package/dist/components/formField/inputs/dropdown/items/DropdownItemRenderer.d.ts.map +0 -1
- package/dist/components/formField/inputs/dropdown/items/DropdownItemRenderer.js +0 -12
- package/dist/components/formField/inputs/dropdown/items/DropdownItemRenderer.js.map +0 -1
- package/dist/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.d.ts +0 -9
- package/dist/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.d.ts.map +0 -1
- package/dist/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.js +0 -17
- package/dist/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.js.map +0 -1
- package/dist/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.d.ts +0 -7
- package/dist/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.d.ts.map +0 -1
- package/dist/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.js +0 -16
- package/dist/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.js.map +0 -1
- package/dist/components/formField/inputs/dropdown/wrapper/DropdownWrapper.d.ts +0 -16
- package/dist/components/formField/inputs/dropdown/wrapper/DropdownWrapper.d.ts.map +0 -1
- package/dist/components/formField/inputs/dropdown/wrapper/DropdownWrapper.js +0 -73
- package/dist/components/formField/inputs/dropdown/wrapper/DropdownWrapper.js.map +0 -1
- package/dist/components/heading/HeadingInnerContainer.d.ts +0 -5
- package/dist/components/heading/HeadingInnerContainer.d.ts.map +0 -1
- package/dist/components/heading/HeadingInnerContainer.js +0 -7
- package/dist/components/heading/HeadingInnerContainer.js.map +0 -1
- package/dist/tailwind.css +0 -229
|
@@ -8,9 +8,18 @@ permissions:
|
|
|
8
8
|
id-token: write # Required for OIDC authentication
|
|
9
9
|
|
|
10
10
|
on:
|
|
11
|
+
push:
|
|
12
|
+
branches:
|
|
13
|
+
- DOPS-17000-fix-git-ops # Temporary: trigger on feature branch push
|
|
11
14
|
schedule:
|
|
12
15
|
- cron: '0 7 * * 1-5' # 7 AM UTC, Monday-Friday
|
|
13
|
-
workflow_dispatch:
|
|
16
|
+
workflow_dispatch:
|
|
17
|
+
inputs:
|
|
18
|
+
force_publish:
|
|
19
|
+
description: 'Force publish current version (skip changeset version step)'
|
|
20
|
+
required: false
|
|
21
|
+
default: false
|
|
22
|
+
type: boolean
|
|
14
23
|
|
|
15
24
|
concurrency: ${{ github.workflow }}-${{ github.ref }}
|
|
16
25
|
|
|
@@ -22,7 +31,7 @@ jobs:
|
|
|
22
31
|
- name: Checkout Repo
|
|
23
32
|
uses: actions/checkout@v6
|
|
24
33
|
with:
|
|
25
|
-
|
|
34
|
+
token: ${{ secrets.ARBOR_AUTOMATION_ORG_GHA_TOKEN }}
|
|
26
35
|
|
|
27
36
|
- name: Setup Node.js
|
|
28
37
|
uses: actions/setup-node@v4
|
|
@@ -39,11 +48,14 @@ jobs:
|
|
|
39
48
|
- name: Upgrade npm for Trusted Publishing (OIDC)
|
|
40
49
|
run: npm install -g npm@latest
|
|
41
50
|
|
|
42
|
-
- name:
|
|
43
|
-
|
|
51
|
+
- name: Setup automation Git user
|
|
52
|
+
run: |
|
|
53
|
+
git config --global user.name "arbor-devops-automation"
|
|
54
|
+
git config --global user.email "automation@arbor-education.com"
|
|
44
55
|
|
|
45
56
|
- name: Version packages
|
|
46
57
|
id: version
|
|
58
|
+
if: ${{ !inputs.force_publish && github.event_name != 'push' }}
|
|
47
59
|
env:
|
|
48
60
|
GITHUB_TOKEN: ${{ secrets.ARBOR_AUTOMATION_ORG_GHA_TOKEN }}
|
|
49
61
|
run: |
|
|
@@ -56,16 +68,15 @@ jobs:
|
|
|
56
68
|
echo "changed=true" >> $GITHUB_OUTPUT
|
|
57
69
|
git add .
|
|
58
70
|
git commit -m "chore: version packages"
|
|
59
|
-
git remote set-url origin https://x-access-token:${{ env.GITHUB_TOKEN }}@github.com/$GITHUB_REPOSITORY
|
|
60
71
|
git push
|
|
61
72
|
fi
|
|
62
73
|
|
|
63
74
|
- name: Publish to npm
|
|
64
|
-
if: steps.version.outputs.changed == 'true'
|
|
75
|
+
if: steps.version.outputs.changed == 'true' || inputs.force_publish || github.event_name == 'push'
|
|
65
76
|
run: npm publish
|
|
66
77
|
|
|
67
78
|
- name: Get changelog for current release
|
|
68
|
-
if: steps.version.outputs.changed == 'true'
|
|
79
|
+
if: steps.version.outputs.changed == 'true' || inputs.force_publish || github.event_name == 'push'
|
|
69
80
|
id: get-changelog
|
|
70
81
|
run: |
|
|
71
82
|
changelog=$(python "${GITHUB_WORKSPACE}/.github/workflows/scripts/python/changelog_utils.py")
|
|
@@ -74,21 +85,21 @@ jobs:
|
|
|
74
85
|
echo "EOF" >> $GITHUB_ENV
|
|
75
86
|
|
|
76
87
|
- name: Get version
|
|
77
|
-
if: steps.version.outputs.changed == 'true'
|
|
88
|
+
if: steps.version.outputs.changed == 'true' || inputs.force_publish || github.event_name == 'push'
|
|
78
89
|
id: get-version
|
|
79
90
|
run: |
|
|
80
91
|
version=$(node -p "require('./package.json').version")
|
|
81
92
|
echo "version=${version}" >> $GITHUB_OUTPUT
|
|
82
93
|
|
|
83
94
|
- name: Create tarball
|
|
84
|
-
if: steps.version.outputs.changed == 'true'
|
|
95
|
+
if: steps.version.outputs.changed == 'true' || inputs.force_publish || github.event_name == 'push'
|
|
85
96
|
run: |
|
|
86
97
|
mkdir -p release
|
|
87
98
|
npm pack
|
|
88
99
|
mv *.tgz release/design-system.components.tgz
|
|
89
100
|
|
|
90
101
|
- name: Create GitHub Release
|
|
91
|
-
if: steps.version.outputs.changed == 'true'
|
|
102
|
+
if: steps.version.outputs.changed == 'true' || inputs.force_publish || github.event_name == 'push'
|
|
92
103
|
env:
|
|
93
104
|
GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
|
94
105
|
run: |
|
|
@@ -103,7 +114,7 @@ jobs:
|
|
|
103
114
|
"./release/design-system.components.tgz"
|
|
104
115
|
|
|
105
116
|
- name: Send Slack Success Message
|
|
106
|
-
if: steps.version.outputs.changed == 'true'
|
|
117
|
+
if: steps.version.outputs.changed == 'true' || inputs.force_publish || github.event_name == 'push'
|
|
107
118
|
uses: rtCamp/action-slack-notify@v2
|
|
108
119
|
env:
|
|
109
120
|
SLACK_COLOR: good
|
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,12 @@
|
|
|
1
|
+
## 0.1.4
|
|
2
|
+
|
|
3
|
+
### Patch Changes
|
|
4
|
+
|
|
5
|
+
- [#80](https://github.com/arbor-education/design-system.components/pull/80) [`592c5b2`](https://github.com/arbor-education/design-system.components/commit/592c5b2a4a5f32d6da5d21c45c3a4d23ff935fea) Thanks [@AmeeMorris](https://github.com/AmeeMorris)! - MIS-66551 remove browser default margins from ds headings
|
|
6
|
+
|
|
7
|
+
- [#82](https://github.com/arbor-education/design-system.components/pull/82) [`6d8e888`](https://github.com/arbor-education/design-system.components/commit/6d8e8885b4cac858f40dba5f9c204c5459da384d) Thanks [@AmeeMorris](https://github.com/AmeeMorris)! - MIS-64743 Colour picker component and adding SelectDropdown as a FormField option
|
|
8
|
+
|
|
9
|
+
- [#75](https://github.com/arbor-education/design-system.components/pull/75) [`deb154f`](https://github.com/arbor-education/design-system.components/commit/deb154f078c6f79807c4756b3bb723ceda567688) Thanks [@angusmglfraser](https://github.com/angusmglfraser)! - MIS-67381 improvements to createComponent script
|
|
1
10
|
|
|
2
11
|
## 0.1.2
|
|
3
12
|
|
package/package.json
CHANGED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { type DropdownOptionsProps } from '../../../formField/inputs/dropdown/items/DropdownItemRenderer';
|
|
2
|
-
export type DropdownInputProps = {
|
|
3
|
-
placeholder?: string;
|
|
4
|
-
options: DropdownOptionsProps[];
|
|
5
|
-
multiple?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
errorText?: string;
|
|
8
|
-
onSelectionChange: (value: string[]) => void;
|
|
9
|
-
};
|
|
10
|
-
export declare const Dropdown: (props: DropdownInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
//# sourceMappingURL=Dropdown.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,iEAAiE,CAAC;AAEzE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,OAAO,kBAAkB,4CAiEjD,CAAC"}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useEffect, useState } from 'react';
|
|
3
|
-
import { DropdownWrapper } from '../../../formField/inputs/dropdown/wrapper/DropdownWrapper';
|
|
4
|
-
import { DropdownItemRenderer, } from '../../../formField/inputs/dropdown/items/DropdownItemRenderer';
|
|
5
|
-
export const Dropdown = (props) => {
|
|
6
|
-
const { options, disabled, multiple, placeholder, errorText, onSelectionChange } = props;
|
|
7
|
-
const [selectedValues, setSelectedValues] = useState([]);
|
|
8
|
-
const [renderedSelectContent, setRenderedSelectContent] = useState('');
|
|
9
|
-
useEffect(() => {
|
|
10
|
-
onSelectionChange(selectedValues);
|
|
11
|
-
if (selectedValues.length === 0) {
|
|
12
|
-
setRenderedSelectContent(placeholder ?? 'Select');
|
|
13
|
-
}
|
|
14
|
-
else if (selectedValues.length === 1) {
|
|
15
|
-
const selectedLabel = options.find(option => option.value === selectedValues[0])?.label;
|
|
16
|
-
if (selectedLabel)
|
|
17
|
-
setRenderedSelectContent(selectedLabel);
|
|
18
|
-
}
|
|
19
|
-
else {
|
|
20
|
-
setRenderedSelectContent(placeholder ?? `Select (${selectedValues.length})`);
|
|
21
|
-
}
|
|
22
|
-
}, [selectedValues, options, placeholder, onSelectionChange]);
|
|
23
|
-
// Flatten grouped options into a single array with headers
|
|
24
|
-
const UNGROUPED_KEY = 'Ungrouped';
|
|
25
|
-
const groupedOptions = options.reduce((acc, option) => {
|
|
26
|
-
const key = option.group ?? UNGROUPED_KEY;
|
|
27
|
-
if (!acc[key])
|
|
28
|
-
acc[key] = [];
|
|
29
|
-
acc[key].push(option);
|
|
30
|
-
return acc;
|
|
31
|
-
}, {});
|
|
32
|
-
const flatOptions = [];
|
|
33
|
-
Object.entries(groupedOptions).forEach(([groupName, groupItems]) => {
|
|
34
|
-
if (Object.keys(groupedOptions).length > 1) {
|
|
35
|
-
flatOptions.push({ headerLabel: groupName });
|
|
36
|
-
}
|
|
37
|
-
flatOptions.push(...groupItems);
|
|
38
|
-
});
|
|
39
|
-
return (_jsx(DropdownWrapper, { placeholder: renderedSelectContent, multiple: multiple, errorText: errorText, onSelectionChange: (value) => setSelectedValues(value), disabled: disabled, children: flatOptions.map(item => 'headerLabel' in item
|
|
40
|
-
? (_jsx("h3", { className: "ds-dropdown-wrapper--items--header", children: item.headerLabel }, `${item.headerLabel}-header`))
|
|
41
|
-
: (_jsx(DropdownItemRenderer, { value: item.value, header: item.header, label: item.label, icon: item.icon }, item.value))) }));
|
|
42
|
-
};
|
|
43
|
-
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,161 +0,0 @@
|
|
|
1
|
-
import type { Meta } from '@storybook/react-vite';
|
|
2
|
-
import { Dropdown } from './Dropdown';
|
|
3
|
-
declare const meta: Meta<typeof Dropdown>;
|
|
4
|
-
export declare const Default: {
|
|
5
|
-
args: {
|
|
6
|
-
title: string;
|
|
7
|
-
options: {
|
|
8
|
-
label: string;
|
|
9
|
-
value: string;
|
|
10
|
-
}[];
|
|
11
|
-
multiple: boolean;
|
|
12
|
-
onSelectionChange: (value: string[]) => void;
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
export declare const WithIcon: {
|
|
16
|
-
args: {
|
|
17
|
-
title: string;
|
|
18
|
-
options: {
|
|
19
|
-
label: string;
|
|
20
|
-
value: string;
|
|
21
|
-
icon: string;
|
|
22
|
-
}[];
|
|
23
|
-
multiple: boolean;
|
|
24
|
-
onSelectionChange: (value: string[]) => void;
|
|
25
|
-
};
|
|
26
|
-
};
|
|
27
|
-
export declare const DefaultWithGroups: {
|
|
28
|
-
args: {
|
|
29
|
-
title: string;
|
|
30
|
-
multiple: boolean;
|
|
31
|
-
options: ({
|
|
32
|
-
label: string;
|
|
33
|
-
value: string;
|
|
34
|
-
group: string;
|
|
35
|
-
} | {
|
|
36
|
-
label: string;
|
|
37
|
-
value: string;
|
|
38
|
-
group?: undefined;
|
|
39
|
-
})[];
|
|
40
|
-
onSelectionChange: (value: string[]) => void;
|
|
41
|
-
};
|
|
42
|
-
};
|
|
43
|
-
export declare const DefaultMultiSelect: {
|
|
44
|
-
args: {
|
|
45
|
-
title: string;
|
|
46
|
-
options: {
|
|
47
|
-
label: string;
|
|
48
|
-
value: string;
|
|
49
|
-
}[];
|
|
50
|
-
multiple: boolean;
|
|
51
|
-
onSelectionChange: (value: string[]) => void;
|
|
52
|
-
};
|
|
53
|
-
};
|
|
54
|
-
export declare const Placeholder: {
|
|
55
|
-
args: {
|
|
56
|
-
placeholder: string;
|
|
57
|
-
title: string;
|
|
58
|
-
options: {
|
|
59
|
-
label: string;
|
|
60
|
-
value: string;
|
|
61
|
-
}[];
|
|
62
|
-
onSelectionChange: (value: string[]) => void;
|
|
63
|
-
};
|
|
64
|
-
};
|
|
65
|
-
export declare const EmptyPlaceHolder: {
|
|
66
|
-
args: {
|
|
67
|
-
placeholder: string;
|
|
68
|
-
options: {
|
|
69
|
-
label: string;
|
|
70
|
-
value: string;
|
|
71
|
-
}[];
|
|
72
|
-
disabled: boolean;
|
|
73
|
-
onSelectionChange: (value: string[]) => void;
|
|
74
|
-
};
|
|
75
|
-
};
|
|
76
|
-
export declare const WithError: {
|
|
77
|
-
args: {
|
|
78
|
-
title: string;
|
|
79
|
-
options: {
|
|
80
|
-
label: string;
|
|
81
|
-
value: string;
|
|
82
|
-
}[];
|
|
83
|
-
disabled: boolean;
|
|
84
|
-
errorText: string;
|
|
85
|
-
onSelectionChange: (value: string[]) => void;
|
|
86
|
-
};
|
|
87
|
-
};
|
|
88
|
-
export declare const Disabled: {
|
|
89
|
-
args: {
|
|
90
|
-
title: string;
|
|
91
|
-
options: {
|
|
92
|
-
label: string;
|
|
93
|
-
value: string;
|
|
94
|
-
}[];
|
|
95
|
-
disabled: boolean;
|
|
96
|
-
onSelectionChange: (value: string[]) => void;
|
|
97
|
-
};
|
|
98
|
-
};
|
|
99
|
-
export declare const WithGroups: {
|
|
100
|
-
args: {
|
|
101
|
-
title: string;
|
|
102
|
-
options: ({
|
|
103
|
-
label: string;
|
|
104
|
-
value: string;
|
|
105
|
-
group: string;
|
|
106
|
-
} | {
|
|
107
|
-
label: string;
|
|
108
|
-
value: string;
|
|
109
|
-
group?: undefined;
|
|
110
|
-
})[];
|
|
111
|
-
onSelectionChange: (value: string[]) => void;
|
|
112
|
-
};
|
|
113
|
-
};
|
|
114
|
-
export declare const MultilineItems: {
|
|
115
|
-
args: {
|
|
116
|
-
title: string;
|
|
117
|
-
options: {
|
|
118
|
-
label: string;
|
|
119
|
-
value: string;
|
|
120
|
-
header: string;
|
|
121
|
-
}[];
|
|
122
|
-
onSelectionChange: (value: string[]) => void;
|
|
123
|
-
};
|
|
124
|
-
};
|
|
125
|
-
export declare const MultilineItemsGrouped: {
|
|
126
|
-
args: {
|
|
127
|
-
title: string;
|
|
128
|
-
options: ({
|
|
129
|
-
label: string;
|
|
130
|
-
value: string;
|
|
131
|
-
header: string;
|
|
132
|
-
group?: undefined;
|
|
133
|
-
} | {
|
|
134
|
-
label: string;
|
|
135
|
-
value: string;
|
|
136
|
-
header: string;
|
|
137
|
-
group: string;
|
|
138
|
-
})[];
|
|
139
|
-
onSelectionChange: (value: string[]) => void;
|
|
140
|
-
};
|
|
141
|
-
};
|
|
142
|
-
export declare const MultilineItemsGroupedMultiSelect: {
|
|
143
|
-
args: {
|
|
144
|
-
title: string;
|
|
145
|
-
multiple: boolean;
|
|
146
|
-
options: ({
|
|
147
|
-
label: string;
|
|
148
|
-
value: string;
|
|
149
|
-
header: string;
|
|
150
|
-
group: string;
|
|
151
|
-
} | {
|
|
152
|
-
label: string;
|
|
153
|
-
value: string;
|
|
154
|
-
header: string;
|
|
155
|
-
group?: undefined;
|
|
156
|
-
})[];
|
|
157
|
-
onSelectionChange: (value: string[]) => void;
|
|
158
|
-
};
|
|
159
|
-
};
|
|
160
|
-
export default meta;
|
|
161
|
-
//# sourceMappingURL=Dropdown.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/dropdown/Dropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAG/B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;mCASW,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;mCASU,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;mCAeC,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;mCASA,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;mCASO,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;mCASE,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;mCAUS,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;mCASU,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;mCAYQ,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;mCASI,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;mCAcH,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,gCAAgC;;;;;;;;;;;;;;;mCAed,MAAM,EAAE;;CAEtC,CAAC;AACF,eAAe,IAAI,CAAC"}
|
|
@@ -1,172 +0,0 @@
|
|
|
1
|
-
import { Dropdown } from './Dropdown';
|
|
2
|
-
const meta = {
|
|
3
|
-
title: 'Components/Dropdown',
|
|
4
|
-
component: Dropdown,
|
|
5
|
-
};
|
|
6
|
-
export const Default = {
|
|
7
|
-
args: {
|
|
8
|
-
title: 'titleValue',
|
|
9
|
-
options: [
|
|
10
|
-
{ label: 'Option 1', value: 'option1' },
|
|
11
|
-
{ label: 'Option 2', value: 'option2' },
|
|
12
|
-
{ label: 'Option 3', value: 'option3' },
|
|
13
|
-
],
|
|
14
|
-
multiple: false,
|
|
15
|
-
onSelectionChange: (value) => { console.log(value); },
|
|
16
|
-
},
|
|
17
|
-
};
|
|
18
|
-
export const WithIcon = {
|
|
19
|
-
args: {
|
|
20
|
-
title: 'titleValue',
|
|
21
|
-
options: [
|
|
22
|
-
{ label: 'Option 1', value: 'option1', icon: '3-dot' },
|
|
23
|
-
{ label: 'Option 2', value: 'option2', icon: 'user' },
|
|
24
|
-
{ label: 'Option 3', value: 'option3', icon: 'chart-spline' },
|
|
25
|
-
],
|
|
26
|
-
multiple: true,
|
|
27
|
-
onSelectionChange: (value) => { console.log(value); },
|
|
28
|
-
},
|
|
29
|
-
};
|
|
30
|
-
export const DefaultWithGroups = {
|
|
31
|
-
args: {
|
|
32
|
-
title: 'titleValue',
|
|
33
|
-
multiple: true,
|
|
34
|
-
options: [
|
|
35
|
-
{ label: 'Option 5', value: 'option5', group: 'Group 1' },
|
|
36
|
-
{ label: 'Option 6', value: 'option6', group: 'Group 1' },
|
|
37
|
-
{ label: 'Option 7', value: 'option7', group: 'Group 2' },
|
|
38
|
-
{ label: 'Option 8', value: 'option8', group: 'Group 2' },
|
|
39
|
-
{ label: 'Option 1', value: 'option1' },
|
|
40
|
-
{ label: 'Option 2', value: 'option2' },
|
|
41
|
-
{ label: 'Option 3', value: 'option3' },
|
|
42
|
-
{ label: 'Option 4', value: 'option4' },
|
|
43
|
-
{ label: 'Option 9', value: 'option9' },
|
|
44
|
-
],
|
|
45
|
-
onSelectionChange: (value) => { console.log(value); },
|
|
46
|
-
},
|
|
47
|
-
};
|
|
48
|
-
export const DefaultMultiSelect = {
|
|
49
|
-
args: {
|
|
50
|
-
title: 'titleValue',
|
|
51
|
-
options: [
|
|
52
|
-
{ label: 'Option 1', value: 'option1' },
|
|
53
|
-
{ label: 'Option 2', value: 'option2' },
|
|
54
|
-
{ label: 'Option 3', value: 'option3' },
|
|
55
|
-
],
|
|
56
|
-
multiple: true,
|
|
57
|
-
onSelectionChange: (value) => { console.log(value); },
|
|
58
|
-
},
|
|
59
|
-
};
|
|
60
|
-
export const Placeholder = {
|
|
61
|
-
args: {
|
|
62
|
-
placeholder: 'placeholder',
|
|
63
|
-
title: 'titleValue',
|
|
64
|
-
options: [
|
|
65
|
-
{ label: 'Option 1', value: 'option1' },
|
|
66
|
-
{ label: 'Option 2', value: 'option2' },
|
|
67
|
-
{ label: 'Option 3', value: 'option3' },
|
|
68
|
-
],
|
|
69
|
-
onSelectionChange: (value) => { console.log(value); },
|
|
70
|
-
},
|
|
71
|
-
};
|
|
72
|
-
export const EmptyPlaceHolder = {
|
|
73
|
-
args: {
|
|
74
|
-
placeholder: '',
|
|
75
|
-
options: [
|
|
76
|
-
{ label: 'Option 1', value: 'option1' },
|
|
77
|
-
{ label: 'Option 2', value: 'option2' },
|
|
78
|
-
{ label: 'Option 3', value: 'option3' },
|
|
79
|
-
],
|
|
80
|
-
disabled: false,
|
|
81
|
-
onSelectionChange: (value) => { console.log(value); },
|
|
82
|
-
},
|
|
83
|
-
};
|
|
84
|
-
export const WithError = {
|
|
85
|
-
args: {
|
|
86
|
-
title: 'titleValue',
|
|
87
|
-
options: [
|
|
88
|
-
{ label: 'Option 1', value: 'option1' },
|
|
89
|
-
{ label: 'Option 2', value: 'option2' },
|
|
90
|
-
{ label: 'Option 3', value: 'option3' },
|
|
91
|
-
],
|
|
92
|
-
disabled: false,
|
|
93
|
-
errorText: 'This field is required',
|
|
94
|
-
onSelectionChange: (value) => { console.log(value); },
|
|
95
|
-
},
|
|
96
|
-
};
|
|
97
|
-
export const Disabled = {
|
|
98
|
-
args: {
|
|
99
|
-
title: 'titleValue',
|
|
100
|
-
options: [
|
|
101
|
-
{ label: 'Option 1', value: 'option1' },
|
|
102
|
-
{ label: 'Option 2', value: 'option2' },
|
|
103
|
-
{ label: 'Option 3', value: 'option3' },
|
|
104
|
-
],
|
|
105
|
-
disabled: true,
|
|
106
|
-
onSelectionChange: (value) => { console.log(value); },
|
|
107
|
-
},
|
|
108
|
-
};
|
|
109
|
-
export const WithGroups = {
|
|
110
|
-
args: {
|
|
111
|
-
title: 'titleValue',
|
|
112
|
-
options: [
|
|
113
|
-
{ label: 'Option 1', value: 'option1', group: 'Group 1' },
|
|
114
|
-
{ label: 'Option 2', value: 'option2', group: 'Group 1' },
|
|
115
|
-
{ label: 'Option 4', value: 'option4', group: 'Group 2' },
|
|
116
|
-
{ label: 'Option 5', value: 'option5', group: 'Group 2' },
|
|
117
|
-
{ label: 'Option 3', value: 'option3' },
|
|
118
|
-
{ label: 'Option 6', value: 'option6' },
|
|
119
|
-
{ label: 'Option 7', value: 'option7' },
|
|
120
|
-
],
|
|
121
|
-
onSelectionChange: (value) => { console.log(value); },
|
|
122
|
-
},
|
|
123
|
-
};
|
|
124
|
-
export const MultilineItems = {
|
|
125
|
-
args: {
|
|
126
|
-
title: 'titleValue',
|
|
127
|
-
options: [
|
|
128
|
-
{ label: 'Option 1', value: 'option1', header: 'header1' },
|
|
129
|
-
{ label: 'Option 2', value: 'option2', header: 'header2' },
|
|
130
|
-
{ label: 'Option 3', value: 'option3', header: 'header3' },
|
|
131
|
-
{ label: 'Option 4', value: 'option4', header: 'header4' },
|
|
132
|
-
],
|
|
133
|
-
onSelectionChange: (value) => { console.log(value); },
|
|
134
|
-
},
|
|
135
|
-
};
|
|
136
|
-
export const MultilineItemsGrouped = {
|
|
137
|
-
args: {
|
|
138
|
-
title: 'titleValue',
|
|
139
|
-
options: [
|
|
140
|
-
{ label: 'Option 1', value: 'option1', header: 'header1' },
|
|
141
|
-
{ label: 'Option 2', value: 'option2', header: 'header2' },
|
|
142
|
-
{ label: 'Option 3', value: 'option3', header: 'header3' },
|
|
143
|
-
{ label: 'Option 4', value: 'option4', header: 'header4' },
|
|
144
|
-
{ label: 'Option 5', value: 'option5', header: 'header5', group: 'Group 1' },
|
|
145
|
-
{ label: 'Option 6', value: 'option6', header: 'header6', group: 'Group 1' },
|
|
146
|
-
{ label: 'Option 7', value: 'option7', header: 'header7', group: 'Group 2' },
|
|
147
|
-
{ label: 'Option 8', value: 'option8', header: 'header8', group: 'Group 2' },
|
|
148
|
-
{ label: 'Option 9', value: 'option9', header: 'header9' },
|
|
149
|
-
],
|
|
150
|
-
onSelectionChange: (value) => { console.log(value); },
|
|
151
|
-
},
|
|
152
|
-
};
|
|
153
|
-
export const MultilineItemsGroupedMultiSelect = {
|
|
154
|
-
args: {
|
|
155
|
-
title: 'titleValue',
|
|
156
|
-
multiple: true,
|
|
157
|
-
options: [
|
|
158
|
-
{ label: 'Option 5', value: 'option5', header: 'header5', group: 'Group 1' },
|
|
159
|
-
{ label: 'Option 6', value: 'option6', header: 'header6', group: 'Group 1' },
|
|
160
|
-
{ label: 'Option 7', value: 'option7', header: 'header7', group: 'Group 2' },
|
|
161
|
-
{ label: 'Option 8', value: 'option8', header: 'header8', group: 'Group 2' },
|
|
162
|
-
{ label: 'Option 1', value: 'option1', header: 'header1' },
|
|
163
|
-
{ label: 'Option 2', value: 'option2', header: 'header2' },
|
|
164
|
-
{ label: 'Option 3', value: 'option3', header: 'header3' },
|
|
165
|
-
{ label: 'Option 4', value: 'option4', header: 'header4' },
|
|
166
|
-
{ label: 'Option 9', value: 'option9', header: 'header9' },
|
|
167
|
-
],
|
|
168
|
-
onSelectionChange: (value) => { console.log(value); },
|
|
169
|
-
},
|
|
170
|
-
};
|
|
171
|
-
export default meta;
|
|
172
|
-
//# sourceMappingURL=Dropdown.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.stories.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/dropdown/Dropdown.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/dropdown/Dropdown.test.tsx"],"names":[],"mappings":"AAGA,OAAO,kCAAkC,CAAC"}
|
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { describe, expect, test, vi } from 'vitest';
|
|
3
|
-
import { render, screen } from '@testing-library/react';
|
|
4
|
-
import userEvent from '@testing-library/user-event';
|
|
5
|
-
import '@testing-library/jest-dom/vitest';
|
|
6
|
-
import { Dropdown } from './Dropdown';
|
|
7
|
-
describe('Dropdown component', () => {
|
|
8
|
-
test('renders with default placeholder', () => {
|
|
9
|
-
render(_jsx(Dropdown, { onSelectionChange: vi.fn(), disabled: false, options: [{ label: 'Label 1', value: 'label1' }] }));
|
|
10
|
-
expect(screen.getByText('Select')).toBeInTheDocument();
|
|
11
|
-
});
|
|
12
|
-
test('renders custom placeholder', () => {
|
|
13
|
-
render(_jsx(Dropdown, { onSelectionChange: vi.fn(), placeholder: "Hello I'm a Dropdown!", disabled: false, options: [{ label: 'Label 1', value: 'label1' }] }));
|
|
14
|
-
expect(screen.getByText("Hello I'm a Dropdown!")).toBeInTheDocument();
|
|
15
|
-
});
|
|
16
|
-
test('click opens options', async () => {
|
|
17
|
-
render(_jsx(Dropdown, { onSelectionChange: vi.fn(), placeholder: "Hello I'm a Dropdown!", disabled: false, options: [{ label: 'Label 1', value: 'label1' }] }));
|
|
18
|
-
await userEvent.click(screen.getByText("Hello I'm a Dropdown!"));
|
|
19
|
-
expect(await screen.findByText('Label 1')).toBeInTheDocument();
|
|
20
|
-
});
|
|
21
|
-
test('does not open options when disabled', async () => {
|
|
22
|
-
render(_jsx(Dropdown, { onSelectionChange: vi.fn(), placeholder: "Disabled Dropdown", disabled: true, options: [{ label: 'Label 1', value: 'label1' }] }));
|
|
23
|
-
await userEvent.click(screen.getByText('Disabled Dropdown'));
|
|
24
|
-
expect(screen.queryByText('Label 1')).toBeNull();
|
|
25
|
-
});
|
|
26
|
-
test('clicking option triggers onSelectionChange', async () => {
|
|
27
|
-
const onSelectionChange = vi.fn();
|
|
28
|
-
render(_jsx(Dropdown, { onSelectionChange: onSelectionChange, placeholder: "Hello I'm a Dropdown!", disabled: false, options: [{ label: 'Label 1', value: 'label1' }] }));
|
|
29
|
-
await userEvent.click(screen.getByText("Hello I'm a Dropdown!"));
|
|
30
|
-
const option = await screen.findByText('Label 1');
|
|
31
|
-
await userEvent.click(option);
|
|
32
|
-
expect(onSelectionChange).toHaveBeenCalledWith(['label1']);
|
|
33
|
-
});
|
|
34
|
-
test('renders multiple options (Default story)', async () => {
|
|
35
|
-
render(_jsx(Dropdown, { options: [
|
|
36
|
-
{ label: 'Option 1', value: 'option1' },
|
|
37
|
-
{ label: 'Option 2', value: 'option2' },
|
|
38
|
-
{ label: 'Option 3', value: 'option3' },
|
|
39
|
-
], onSelectionChange: vi.fn() }));
|
|
40
|
-
await userEvent.click(screen.getByText('Select'));
|
|
41
|
-
expect(await screen.findByText('Option 1')).toBeInTheDocument();
|
|
42
|
-
expect(screen.getByText('Option 2')).toBeInTheDocument();
|
|
43
|
-
expect(screen.getByText('Option 3')).toBeInTheDocument();
|
|
44
|
-
});
|
|
45
|
-
test('renders icons (WithIcon story)', async () => {
|
|
46
|
-
render(_jsx(Dropdown, { options: [
|
|
47
|
-
{ label: 'Option 1', value: 'option1', icon: '3-dot' },
|
|
48
|
-
{ label: 'Option 2', value: 'option2', icon: 'user' },
|
|
49
|
-
], multiple: true, onSelectionChange: vi.fn() }));
|
|
50
|
-
await userEvent.click(screen.getByText('Select'));
|
|
51
|
-
expect(await screen.findByText('Option 1')).toBeInTheDocument();
|
|
52
|
-
expect(screen.getByText('Option 2')).toBeInTheDocument();
|
|
53
|
-
});
|
|
54
|
-
test('supports multi-select (DefaultMultiSelect story)', async () => {
|
|
55
|
-
const onSelectionChange = vi.fn();
|
|
56
|
-
render(_jsx(Dropdown, { multiple: true, options: [
|
|
57
|
-
{ label: 'Option 1', value: 'option1' },
|
|
58
|
-
{ label: 'Option 2', value: 'option2' },
|
|
59
|
-
], onSelectionChange: onSelectionChange }));
|
|
60
|
-
await userEvent.click(screen.getByText('Select'));
|
|
61
|
-
const option1 = await screen.findByText('Option 1');
|
|
62
|
-
const option2 = screen.getByText('Option 2');
|
|
63
|
-
await userEvent.click(option1);
|
|
64
|
-
await userEvent.click(option2);
|
|
65
|
-
expect(onSelectionChange).toHaveBeenCalledWith(['option1', 'option2']);
|
|
66
|
-
});
|
|
67
|
-
test('applies error class when errorText is provided', () => {
|
|
68
|
-
render(_jsx(Dropdown, { onSelectionChange: vi.fn(), placeholder: "Select", disabled: false, errorText: "Something went wrong", options: [{ label: 'Label 1', value: 'label1' }] }));
|
|
69
|
-
const selectElement = screen.getByRole('button');
|
|
70
|
-
expect(selectElement).toHaveClass('ds-button--error');
|
|
71
|
-
});
|
|
72
|
-
test('renders grouped options (WithGroups story)', async () => {
|
|
73
|
-
render(_jsx(Dropdown, { options: [
|
|
74
|
-
{ label: 'Option 1', value: 'option1', group: 'Group 1' },
|
|
75
|
-
{ label: 'Option 2', value: 'option2', group: 'Group 1' },
|
|
76
|
-
{ label: 'Option 3', value: 'option3' },
|
|
77
|
-
], onSelectionChange: vi.fn() }));
|
|
78
|
-
await userEvent.click(screen.getByText('Select'));
|
|
79
|
-
expect(await screen.findByText('Group 1')).toBeInTheDocument();
|
|
80
|
-
expect(screen.getByText('Option 1')).toBeInTheDocument();
|
|
81
|
-
expect(screen.getByText('Option 3')).toBeInTheDocument();
|
|
82
|
-
});
|
|
83
|
-
test('renders multiline items (MultilineItems story)', async () => {
|
|
84
|
-
render(_jsx(Dropdown, { options: [
|
|
85
|
-
{ label: 'Option 1', value: 'option1', header: 'header1' },
|
|
86
|
-
{ label: 'Option 2', value: 'option2', header: 'header2' },
|
|
87
|
-
], onSelectionChange: vi.fn() }));
|
|
88
|
-
await userEvent.click(screen.getByText('Select'));
|
|
89
|
-
expect(await screen.findByText('Option 1')).toBeInTheDocument();
|
|
90
|
-
expect(screen.getByText('header1')).toBeInTheDocument();
|
|
91
|
-
});
|
|
92
|
-
});
|
|
93
|
-
//# sourceMappingURL=Dropdown.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.test.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/dropdown/Dropdown.test.tsx"],"names":[],"mappings":"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"}
|
package/dist/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
type DropdownButtonProps = {
|
|
3
|
-
label: string;
|
|
4
|
-
disabled?: boolean;
|
|
5
|
-
error?: boolean;
|
|
6
|
-
pressed?: boolean;
|
|
7
|
-
onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
8
|
-
};
|
|
9
|
-
export declare const DropdownButton: React.FC<DropdownButtonProps>;
|
|
10
|
-
export {};
|
|
11
|
-
//# sourceMappingURL=DropdownButton.d.ts.map
|
package/dist/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC5D,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4BxD,CAAC"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { Icon } from '../../../../../icon/Icon';
|
|
4
|
-
import { Button } from '../../../../../button/Button';
|
|
5
|
-
export const DropdownButton = (props) => {
|
|
6
|
-
const { label, disabled, error, pressed, onClick, } = props;
|
|
7
|
-
const classNames = [
|
|
8
|
-
'ds-dropdown-select',
|
|
9
|
-
pressed ? 'ds-dropdown-select--pressed' : '',
|
|
10
|
-
]
|
|
11
|
-
.filter(Boolean)
|
|
12
|
-
.join(' ');
|
|
13
|
-
return (_jsxs(Button, { error: error, type: "dropdown", className: classNames, disabled: disabled, onClick: onClick, children: [_jsx("span", { children: label }), _jsx("span", { className: "ds-dropdown-select--icon", children: _jsx(Icon, { name: "chevron-down" }) })] }));
|
|
14
|
-
};
|
|
15
|
-
//# sourceMappingURL=DropdownButton.js.map
|
package/dist/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../../../../../../src/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAUlD,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,KAA0B,EAAE,EAAE;IAC1F,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,OAAO,EACP,OAAO,GACR,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG;QACjB,oBAAoB;QACpB,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,EAAE;KAC7C;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,MAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,UAAU,EACrB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,aAEhB,yBAAO,KAAK,GAAQ,EACpB,eAAM,SAAS,EAAC,0BAA0B,YAAC,KAAC,IAAI,IAAC,IAAI,EAAC,cAAc,GAAG,GAAO,IACvE,CACV,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { type DropdownItemBaseProps } from '../wrapper/DropdownWrapper';
|
|
2
|
-
import type { allowedIcons } from '../../../../icon/allowedIcons';
|
|
3
|
-
export type DropdownOptionsProps = {
|
|
4
|
-
label: string;
|
|
5
|
-
header?: string;
|
|
6
|
-
group?: string;
|
|
7
|
-
icon?: keyof typeof allowedIcons;
|
|
8
|
-
} & DropdownItemBaseProps;
|
|
9
|
-
export declare const DropdownItemRenderer: (props: DropdownOptionsProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
//# sourceMappingURL=DropdownItemRenderer.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownItemRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/formField/inputs/dropdown/items/DropdownItemRenderer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEjE,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;CAClC,GAAG,qBAAqB,CAAC;AAE1B,eAAO,MAAM,oBAAoB,GAAI,OAAO,oBAAoB,4CAwB/D,CAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
// DropdownItemRenderer.tsx
|
|
3
|
-
import { DropdownItem } from './dropdownItem/DropdownItem';
|
|
4
|
-
import { DropdownMultiLineItem } from './dropdownMultiLineItem/DropdownMultiLineItem';
|
|
5
|
-
import {} from '../wrapper/DropdownWrapper';
|
|
6
|
-
export const DropdownItemRenderer = (props) => {
|
|
7
|
-
const { value, label, header, icon, selected, onSelection } = props;
|
|
8
|
-
return (header
|
|
9
|
-
? (_jsx(DropdownMultiLineItem, { value: value, label: label, header: header, selected: selected, onSelection: onSelection }))
|
|
10
|
-
: (_jsx(DropdownItem, { value: value, label: label, icon: icon, selected: selected, onSelection: onSelection })));
|
|
11
|
-
};
|
|
12
|
-
//# sourceMappingURL=DropdownItemRenderer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownItemRenderer.js","sourceRoot":"","sources":["../../../../../../src/components/formField/inputs/dropdown/items/DropdownItemRenderer.tsx"],"names":[],"mappings":";AAAA,2BAA2B;AAC3B,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,EAA8B,MAAM,4BAA4B,CAAC;AAUxE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAA2B,EAAE,EAAE;IAClE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAEpE,OAAO,CACL,MAAM;QACJ,CAAC,CAAC,CACE,KAAC,qBAAqB,IACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,GACxB,CACH;QACH,CAAC,CAAC,CACE,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,GACxB,CACH,CACN,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { allowedIcons } from '../../../../../icon/allowedIcons';
|
|
2
|
-
import type { DropdownItemBaseProps } from '../../../../../formField/inputs/dropdown/wrapper/DropdownWrapper';
|
|
3
|
-
export type DropdownItemProps = {
|
|
4
|
-
value: string;
|
|
5
|
-
label?: string;
|
|
6
|
-
icon?: keyof typeof allowedIcons;
|
|
7
|
-
} & DropdownItemBaseProps;
|
|
8
|
-
export declare const DropdownItem: (props: DropdownItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
//# sourceMappingURL=DropdownItem.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAG5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8DAA8D,CAAC;AAE1G,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;CAClC,GAAG,qBAAqB,CAAC;AAE1B,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,4CAqCpD,CAAC"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { allowedIcons } from '../../../../../icon/allowedIcons';
|
|
3
|
-
import { Icon } from '../../../../../icon/Icon';
|
|
4
|
-
import classNames from 'classnames';
|
|
5
|
-
export const DropdownItem = (props) => {
|
|
6
|
-
const { label, value, icon, selected = false, onSelection, id } = props;
|
|
7
|
-
const itemClassNames = classNames('ds-dropdown-item', {
|
|
8
|
-
'ds-dropdown-item--pressed': selected,
|
|
9
|
-
});
|
|
10
|
-
return (_jsx("div", { role: "option", id: id, className: itemClassNames, onClick: () => onSelection?.(value), tabIndex: 0, "aria-selected": selected, onKeyDown: (e) => {
|
|
11
|
-
if (e.key === 'Enter' || e.key === ' ') {
|
|
12
|
-
e.preventDefault();
|
|
13
|
-
onSelection?.(value);
|
|
14
|
-
}
|
|
15
|
-
}, children: _jsxs("div", { className: "ds-dropdown-item--content", children: [icon && (_jsx("span", { className: "ds-dropdown-item--icon", children: _jsx(Icon, { name: icon, size: 16 }) })), _jsx("span", { className: "ds-dropdown-item--label", children: label ? label : value }), selected && (_jsx("span", { className: "ds-dropdown-item--check-icon", children: _jsx(Icon, { name: "check", size: 16 }) }))] }) }));
|
|
16
|
-
};
|
|
17
|
-
//# sourceMappingURL=DropdownItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownItem.js","sourceRoot":"","sources":["../../../../../../../src/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAC;AASpC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IACvD,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAExE,MAAM,cAAc,GAAG,UAAU,CAAC,kBAAkB,EAAE;QACpD,2BAA2B,EAAE,QAAQ;KACtC,CAAC,CAAC;IAEH,OAAO,CACL,cACE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,EACnC,QAAQ,EAAE,CAAC,mBACI,QAAQ,EACvB,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBACvC,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC;QACH,CAAC,YAED,eAAK,SAAS,EAAC,2BAA2B,aACvC,IAAI,IAAI,CACP,eAAM,SAAS,EAAC,wBAAwB,YACtC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,GACzB,CACR,EACD,eAAM,SAAS,EAAC,yBAAyB,YAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAAQ,EACvE,QAAQ,IAAI,CACX,eAAM,SAAS,EAAC,8BAA8B,YAC5C,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI,GAC1B,CACR,IACG,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { DropdownItemBaseProps } from '../../../../../formField/inputs/dropdown/wrapper/DropdownWrapper';
|
|
2
|
-
export type DropdownMultiLineItemProps = {
|
|
3
|
-
header: string;
|
|
4
|
-
label: string;
|
|
5
|
-
} & DropdownItemBaseProps;
|
|
6
|
-
export declare const DropdownMultiLineItem: (props: DropdownMultiLineItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
//# sourceMappingURL=DropdownMultiLineItem.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMultiLineItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8DAA8D,CAAC;AAG1G,MAAM,MAAM,0BAA0B,GAAG;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,qBAAqB,CAAC;AAE1B,eAAO,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,4CAqCtE,CAAC"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import classNames from 'classnames'; // Import the classNames utility
|
|
3
|
-
import { Icon } from '../../../../../icon/Icon'; // Import the Icon component
|
|
4
|
-
export const DropdownMultiLineItem = (props) => {
|
|
5
|
-
const { value, label, header, selected, onSelection, id } = props;
|
|
6
|
-
const itemClassNames = classNames('ds-dropdown-item', {
|
|
7
|
-
'ds-dropdown-item--pressed': selected,
|
|
8
|
-
});
|
|
9
|
-
return (_jsx("div", { role: "option", id: id, className: itemClassNames, onClick: () => onSelection?.(value), tabIndex: 0, "aria-selected": selected, onKeyDown: (e) => {
|
|
10
|
-
if (e.key === 'Enter' || e.key === ' ') {
|
|
11
|
-
e.preventDefault();
|
|
12
|
-
onSelection?.(value);
|
|
13
|
-
}
|
|
14
|
-
}, children: _jsxs("div", { className: "ds-dropdown-item-multiline ds-dropdown-item--content", children: [_jsxs("h4", { className: "ds-dropdown-item-multiline--header", children: [header, selected && (_jsx("span", { className: "ds-dropdown-item-multiline--check-icon", children: _jsx(Icon, { name: "check", size: 16 }) }))] }), _jsx("div", { className: "ds-dropdown-item-multiline--content", children: label ? label : value })] }) }));
|
|
15
|
-
};
|
|
16
|
-
//# sourceMappingURL=DropdownMultiLineItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMultiLineItem.js","sourceRoot":"","sources":["../../../../../../../src/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC,CAAC,gCAAgC;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC,CAAC,4BAA4B;AASzE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAE,EAAE;IACzE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAElE,MAAM,cAAc,GAAG,UAAU,CAAC,kBAAkB,EAAE;QACpD,2BAA2B,EAAE,QAAQ;KACtC,CAAC,CAAC;IAEH,OAAO,CACL,cACE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,EACnC,QAAQ,EAAE,CAAC,mBACI,QAAQ,EACvB,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBACvC,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC;QACH,CAAC,YAED,eAAK,SAAS,EAAC,sDAAsD,aACnE,cAAI,SAAS,EAAC,oCAAoC,aAC/C,MAAM,EACN,QAAQ,IAAI,CACX,eAAM,SAAS,EAAC,wCAAwC,YACtD,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI,GAC1B,CACR,IACE,EACL,cAAK,SAAS,EAAC,qCAAqC,YACjD,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAClB,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React, { type SelectHTMLAttributes, type ReactNode } from 'react';
|
|
2
|
-
export type DropdownItemBaseProps = {
|
|
3
|
-
value: string;
|
|
4
|
-
selected?: boolean;
|
|
5
|
-
onSelection?: (value: string) => void;
|
|
6
|
-
} & React.HTMLAttributes<HTMLDivElement>;
|
|
7
|
-
export type DropdownWrapperProps = {
|
|
8
|
-
placeholder?: string;
|
|
9
|
-
multiple?: boolean;
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
errorText?: string;
|
|
12
|
-
children: ReactNode;
|
|
13
|
-
onSelectionChange: (value: string[]) => void;
|
|
14
|
-
} & SelectHTMLAttributes<HTMLSelectElement>;
|
|
15
|
-
export declare const DropdownWrapper: (props: DropdownWrapperProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
-
//# sourceMappingURL=DropdownWrapper.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownWrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/components/formField/inputs/dropdown/wrapper/DropdownWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,oBAAoB,EAEzB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEzC,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC9C,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,4CAgH1D,CAAC"}
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React, { useState, cloneElement, useEffect, useRef, } from 'react';
|
|
3
|
-
import { DropdownButton } from '../../../../formField/inputs/dropdown/buttons/dropdownButton/DropdownButton';
|
|
4
|
-
export const DropdownWrapper = (props) => {
|
|
5
|
-
const { placeholder, disabled, errorText, multiple, children, onSelectionChange } = props;
|
|
6
|
-
const [dropdownOpen, setDropdownOpen] = useState(false);
|
|
7
|
-
const [selected, setSelected] = useState([]);
|
|
8
|
-
const [focusedIndex, setFocusedIndex] = useState(-1);
|
|
9
|
-
const dropdownRef = useRef(null);
|
|
10
|
-
const toggleDropdown = (e) => {
|
|
11
|
-
e.preventDefault();
|
|
12
|
-
if (!disabled) {
|
|
13
|
-
setDropdownOpen(!dropdownOpen);
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
const handleItemClick = (value) => {
|
|
17
|
-
if (!multiple) {
|
|
18
|
-
setSelected([value]);
|
|
19
|
-
setDropdownOpen(false);
|
|
20
|
-
}
|
|
21
|
-
else {
|
|
22
|
-
setSelected(prev => prev.includes(value) ? prev.filter(sel => sel !== value) : [...prev, value]);
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
const handleKeyDown = (e) => {
|
|
26
|
-
if (!dropdownOpen) {
|
|
27
|
-
if (e.key === 'ArrowDown' || e.key === 'Enter') {
|
|
28
|
-
e.preventDefault();
|
|
29
|
-
setDropdownOpen(true);
|
|
30
|
-
setFocusedIndex(0);
|
|
31
|
-
}
|
|
32
|
-
return;
|
|
33
|
-
}
|
|
34
|
-
const items = React.Children.toArray(children).filter(child => React.isValidElement(child));
|
|
35
|
-
switch (e.key) {
|
|
36
|
-
case 'ArrowDown':
|
|
37
|
-
e.preventDefault();
|
|
38
|
-
setFocusedIndex(prev => (prev + 1) % items.length);
|
|
39
|
-
break;
|
|
40
|
-
case 'ArrowUp':
|
|
41
|
-
e.preventDefault();
|
|
42
|
-
setFocusedIndex(prev => (prev - 1 + items.length) % items.length);
|
|
43
|
-
break;
|
|
44
|
-
case 'Enter':
|
|
45
|
-
e.preventDefault();
|
|
46
|
-
if (focusedIndex >= 0 && focusedIndex < items.length) {
|
|
47
|
-
const item = items[focusedIndex];
|
|
48
|
-
handleItemClick(item.props.value);
|
|
49
|
-
}
|
|
50
|
-
break;
|
|
51
|
-
case 'Escape':
|
|
52
|
-
e.preventDefault();
|
|
53
|
-
setDropdownOpen(false);
|
|
54
|
-
break;
|
|
55
|
-
default:
|
|
56
|
-
break;
|
|
57
|
-
}
|
|
58
|
-
};
|
|
59
|
-
useEffect(() => {
|
|
60
|
-
onSelectionChange(selected);
|
|
61
|
-
}, [selected]);
|
|
62
|
-
return (_jsxs("div", { className: "ds-dropdown-wrapper", ref: dropdownRef, onKeyDown: handleKeyDown, role: "combobox", "aria-expanded": dropdownOpen, "aria-haspopup": "listbox", "aria-disabled": disabled, children: [_jsx(DropdownButton, { label: placeholder ?? '', disabled: disabled, error: !!errorText, pressed: dropdownOpen, onClick: toggleDropdown }), dropdownOpen && (_jsx("div", { role: "listbox", id: "dropdownList", className: "ds-dropdown-wrapper--items", "aria-activedescendant": focusedIndex >= 0 ? `dropdown-item-${focusedIndex}` : undefined, children: React.Children.map(children, (child, index) => {
|
|
63
|
-
if (React.isValidElement(child)) {
|
|
64
|
-
return cloneElement(child, {
|
|
65
|
-
selected: selected.includes(child.props.value),
|
|
66
|
-
onSelection: handleItemClick,
|
|
67
|
-
id: `dropdown-item-${index}`,
|
|
68
|
-
});
|
|
69
|
-
}
|
|
70
|
-
return child;
|
|
71
|
-
}) }))] }));
|
|
72
|
-
};
|
|
73
|
-
//# sourceMappingURL=DropdownWrapper.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownWrapper.js","sourceRoot":"","sources":["../../../../../../src/components/formField/inputs/dropdown/wrapper/DropdownWrapper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { HTMLAttributes } from 'react';
|
|
2
|
-
type HeadingSubContainerProps = HTMLAttributes<HTMLSpanElement>;
|
|
3
|
-
export declare const HeadingInnerContainer: (props: HeadingSubContainerProps) => import('react/jsx-runtime').JSX.Element;
|
|
4
|
-
export {};
|
|
5
|
-
// # sourceMappingURL=HeadingInnerContainer.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HeadingInnerContainer.d.ts","sourceRoot":"","sources":["../../../src/components/heading/HeadingInnerContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,KAAK,wBAAwB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAEhE,eAAO,MAAM,qBAAqB,GAAI,OAAO,wBAAwB,4CAYpE,CAAC"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from 'react/jsx-runtime';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
export const HeadingInnerContainer = (props) => {
|
|
4
|
-
const { className, ...rest } = props;
|
|
5
|
-
return (_jsx('span', { className: classNames(className, 'ds-heading__inner-container'), ...rest }));
|
|
6
|
-
};
|
|
7
|
-
// # sourceMappingURL=HeadingInnerContainer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HeadingInnerContainer.js","sourceRoot":"","sources":["../../../src/components/heading/HeadingInnerContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAKpC,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACvE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAErC,OAAO,CACL,eACE,SAAS,EAAE,UAAU,CACnB,SAAS,EACT,6BAA6B,CAC9B,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/tailwind.css
DELETED
|
@@ -1,229 +0,0 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
|
-
@layer properties;
|
|
3
|
-
@layer theme, base, components, utilities;
|
|
4
|
-
@layer theme {
|
|
5
|
-
:root, :host {
|
|
6
|
-
--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
|
|
7
|
-
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
8
|
-
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
|
|
9
|
-
"Courier New", monospace;
|
|
10
|
-
--default-font-family: var(--font-sans);
|
|
11
|
-
--default-mono-font-family: var(--font-mono);
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
@layer base {
|
|
15
|
-
*, ::after, ::before, ::backdrop, ::file-selector-button {
|
|
16
|
-
box-sizing: border-box;
|
|
17
|
-
margin: 0;
|
|
18
|
-
padding: 0;
|
|
19
|
-
border: 0 solid;
|
|
20
|
-
}
|
|
21
|
-
html, :host {
|
|
22
|
-
line-height: 1.5;
|
|
23
|
-
-webkit-text-size-adjust: 100%;
|
|
24
|
-
tab-size: 4;
|
|
25
|
-
font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
|
|
26
|
-
font-feature-settings: var(--default-font-feature-settings, normal);
|
|
27
|
-
font-variation-settings: var(--default-font-variation-settings, normal);
|
|
28
|
-
-webkit-tap-highlight-color: transparent;
|
|
29
|
-
}
|
|
30
|
-
hr {
|
|
31
|
-
height: 0;
|
|
32
|
-
color: inherit;
|
|
33
|
-
border-top-width: 1px;
|
|
34
|
-
}
|
|
35
|
-
abbr:where([title]) {
|
|
36
|
-
-webkit-text-decoration: underline dotted;
|
|
37
|
-
text-decoration: underline dotted;
|
|
38
|
-
}
|
|
39
|
-
h1, h2, h3, h4, h5, h6 {
|
|
40
|
-
font-size: inherit;
|
|
41
|
-
font-weight: inherit;
|
|
42
|
-
}
|
|
43
|
-
a {
|
|
44
|
-
color: inherit;
|
|
45
|
-
-webkit-text-decoration: inherit;
|
|
46
|
-
text-decoration: inherit;
|
|
47
|
-
}
|
|
48
|
-
b, strong {
|
|
49
|
-
font-weight: bolder;
|
|
50
|
-
}
|
|
51
|
-
code, kbd, samp, pre {
|
|
52
|
-
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
|
|
53
|
-
font-feature-settings: var(--default-mono-font-feature-settings, normal);
|
|
54
|
-
font-variation-settings: var(--default-mono-font-variation-settings, normal);
|
|
55
|
-
font-size: 1em;
|
|
56
|
-
}
|
|
57
|
-
small {
|
|
58
|
-
font-size: 80%;
|
|
59
|
-
}
|
|
60
|
-
sub, sup {
|
|
61
|
-
font-size: 75%;
|
|
62
|
-
line-height: 0;
|
|
63
|
-
position: relative;
|
|
64
|
-
vertical-align: baseline;
|
|
65
|
-
}
|
|
66
|
-
sub {
|
|
67
|
-
bottom: -0.25em;
|
|
68
|
-
}
|
|
69
|
-
sup {
|
|
70
|
-
top: -0.5em;
|
|
71
|
-
}
|
|
72
|
-
table {
|
|
73
|
-
text-indent: 0;
|
|
74
|
-
border-color: inherit;
|
|
75
|
-
border-collapse: collapse;
|
|
76
|
-
}
|
|
77
|
-
:-moz-focusring {
|
|
78
|
-
outline: auto;
|
|
79
|
-
}
|
|
80
|
-
progress {
|
|
81
|
-
vertical-align: baseline;
|
|
82
|
-
}
|
|
83
|
-
summary {
|
|
84
|
-
display: list-item;
|
|
85
|
-
}
|
|
86
|
-
ol, ul, menu {
|
|
87
|
-
list-style: none;
|
|
88
|
-
}
|
|
89
|
-
img, svg, video, canvas, audio, iframe, embed, object {
|
|
90
|
-
display: block;
|
|
91
|
-
vertical-align: middle;
|
|
92
|
-
}
|
|
93
|
-
img, video {
|
|
94
|
-
max-width: 100%;
|
|
95
|
-
height: auto;
|
|
96
|
-
}
|
|
97
|
-
button, input, select, optgroup, textarea, ::file-selector-button {
|
|
98
|
-
font: inherit;
|
|
99
|
-
font-feature-settings: inherit;
|
|
100
|
-
font-variation-settings: inherit;
|
|
101
|
-
letter-spacing: inherit;
|
|
102
|
-
color: inherit;
|
|
103
|
-
border-radius: 0;
|
|
104
|
-
background-color: transparent;
|
|
105
|
-
opacity: 1;
|
|
106
|
-
}
|
|
107
|
-
:where(select:is([multiple], [size])) optgroup {
|
|
108
|
-
font-weight: bolder;
|
|
109
|
-
}
|
|
110
|
-
:where(select:is([multiple], [size])) optgroup option {
|
|
111
|
-
padding-inline-start: 20px;
|
|
112
|
-
}
|
|
113
|
-
::file-selector-button {
|
|
114
|
-
margin-inline-end: 4px;
|
|
115
|
-
}
|
|
116
|
-
::placeholder {
|
|
117
|
-
opacity: 1;
|
|
118
|
-
}
|
|
119
|
-
@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
|
|
120
|
-
::placeholder {
|
|
121
|
-
color: currentcolor;
|
|
122
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
123
|
-
color: color-mix(in oklab, currentcolor 50%, transparent);
|
|
124
|
-
}
|
|
125
|
-
}
|
|
126
|
-
}
|
|
127
|
-
textarea {
|
|
128
|
-
resize: vertical;
|
|
129
|
-
}
|
|
130
|
-
::-webkit-search-decoration {
|
|
131
|
-
-webkit-appearance: none;
|
|
132
|
-
}
|
|
133
|
-
::-webkit-date-and-time-value {
|
|
134
|
-
min-height: 1lh;
|
|
135
|
-
text-align: inherit;
|
|
136
|
-
}
|
|
137
|
-
::-webkit-datetime-edit {
|
|
138
|
-
display: inline-flex;
|
|
139
|
-
}
|
|
140
|
-
::-webkit-datetime-edit-fields-wrapper {
|
|
141
|
-
padding: 0;
|
|
142
|
-
}
|
|
143
|
-
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
|
|
144
|
-
padding-block: 0;
|
|
145
|
-
}
|
|
146
|
-
::-webkit-calendar-picker-indicator {
|
|
147
|
-
line-height: 1;
|
|
148
|
-
}
|
|
149
|
-
:-moz-ui-invalid {
|
|
150
|
-
box-shadow: none;
|
|
151
|
-
}
|
|
152
|
-
button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
|
|
153
|
-
appearance: button;
|
|
154
|
-
}
|
|
155
|
-
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
|
|
156
|
-
height: auto;
|
|
157
|
-
}
|
|
158
|
-
[hidden]:where(:not([hidden="until-found"])) {
|
|
159
|
-
display: none !important;
|
|
160
|
-
}
|
|
161
|
-
}
|
|
162
|
-
@layer utilities {
|
|
163
|
-
.collapse {
|
|
164
|
-
visibility: collapse;
|
|
165
|
-
}
|
|
166
|
-
.sr-only {
|
|
167
|
-
position: absolute;
|
|
168
|
-
width: 1px;
|
|
169
|
-
height: 1px;
|
|
170
|
-
padding: 0;
|
|
171
|
-
margin: -1px;
|
|
172
|
-
overflow: hidden;
|
|
173
|
-
clip-path: inset(50%);
|
|
174
|
-
white-space: nowrap;
|
|
175
|
-
border-width: 0;
|
|
176
|
-
}
|
|
177
|
-
.relative {
|
|
178
|
-
position: relative;
|
|
179
|
-
}
|
|
180
|
-
.container {
|
|
181
|
-
width: 100%;
|
|
182
|
-
@media (width >= 40rem) {
|
|
183
|
-
max-width: 40rem;
|
|
184
|
-
}
|
|
185
|
-
@media (width >= 48rem) {
|
|
186
|
-
max-width: 48rem;
|
|
187
|
-
}
|
|
188
|
-
@media (width >= 64rem) {
|
|
189
|
-
max-width: 64rem;
|
|
190
|
-
}
|
|
191
|
-
@media (width >= 80rem) {
|
|
192
|
-
max-width: 80rem;
|
|
193
|
-
}
|
|
194
|
-
@media (width >= 96rem) {
|
|
195
|
-
max-width: 96rem;
|
|
196
|
-
}
|
|
197
|
-
}
|
|
198
|
-
.contents {
|
|
199
|
-
display: contents;
|
|
200
|
-
}
|
|
201
|
-
.flex {
|
|
202
|
-
display: flex;
|
|
203
|
-
}
|
|
204
|
-
.hidden {
|
|
205
|
-
display: none;
|
|
206
|
-
}
|
|
207
|
-
.table {
|
|
208
|
-
display: table;
|
|
209
|
-
}
|
|
210
|
-
.shrink {
|
|
211
|
-
flex-shrink: 1;
|
|
212
|
-
}
|
|
213
|
-
.border {
|
|
214
|
-
border-style: var(--tw-border-style);
|
|
215
|
-
border-width: 1px;
|
|
216
|
-
}
|
|
217
|
-
}
|
|
218
|
-
@property --tw-border-style {
|
|
219
|
-
syntax: "*";
|
|
220
|
-
inherits: false;
|
|
221
|
-
initial-value: solid;
|
|
222
|
-
}
|
|
223
|
-
@layer properties {
|
|
224
|
-
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
|
|
225
|
-
*, ::before, ::after, ::backdrop {
|
|
226
|
-
--tw-border-style: solid;
|
|
227
|
-
}
|
|
228
|
-
}
|
|
229
|
-
}
|