@arbor-education/design-system.components 0.6.0 → 0.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +25 -0
- package/dist/components/avatar/Avatar.d.ts +1 -1
- package/dist/components/avatar/Avatar.d.ts.map +1 -1
- package/dist/components/avatar/Avatar.js +1 -1
- package/dist/components/avatar/Avatar.js.map +1 -1
- package/dist/components/avatar/Avatar.stories.d.ts.map +1 -1
- package/dist/components/avatar/Avatar.stories.js +7 -0
- package/dist/components/avatar/Avatar.stories.js.map +1 -1
- package/dist/components/badge/Badge.d.ts +12 -0
- package/dist/components/badge/Badge.d.ts.map +1 -0
- package/dist/components/badge/Badge.js +6 -0
- package/dist/components/badge/Badge.js.map +1 -0
- package/dist/components/badge/Badge.stories.d.ts +10 -0
- package/dist/components/badge/Badge.stories.d.ts.map +1 -0
- package/dist/components/badge/Badge.stories.js +51 -0
- package/dist/components/badge/Badge.stories.js.map +1 -0
- package/dist/components/badge/Badge.test.d.ts +2 -0
- package/dist/components/badge/Badge.test.d.ts.map +1 -0
- package/dist/components/badge/Badge.test.js +23 -0
- package/dist/components/badge/Badge.test.js.map +1 -0
- package/dist/components/card/Card.js +1 -1
- package/dist/components/card/Card.js.map +1 -1
- package/dist/components/combobox/Combobox.d.ts +16 -0
- package/dist/components/combobox/Combobox.d.ts.map +1 -0
- package/dist/components/combobox/Combobox.js +195 -0
- package/dist/components/combobox/Combobox.js.map +1 -0
- package/dist/components/combobox/Combobox.stories.d.ts +24 -0
- package/dist/components/combobox/Combobox.stories.d.ts.map +1 -0
- package/dist/components/combobox/Combobox.stories.js +246 -0
- package/dist/components/combobox/Combobox.stories.js.map +1 -0
- package/dist/components/combobox/Combobox.test.d.ts +2 -0
- package/dist/components/combobox/Combobox.test.d.ts.map +1 -0
- package/dist/components/combobox/Combobox.test.js +798 -0
- package/dist/components/combobox/Combobox.test.js.map +1 -0
- package/dist/components/combobox/ComboboxButtonTrigger.d.ts +28 -0
- package/dist/components/combobox/ComboboxButtonTrigger.d.ts.map +1 -0
- package/dist/components/combobox/ComboboxButtonTrigger.js +64 -0
- package/dist/components/combobox/ComboboxButtonTrigger.js.map +1 -0
- package/dist/components/combobox/ComboboxListbox.d.ts +44 -0
- package/dist/components/combobox/ComboboxListbox.d.ts.map +1 -0
- package/dist/components/combobox/ComboboxListbox.js +37 -0
- package/dist/components/combobox/ComboboxListbox.js.map +1 -0
- package/dist/components/combobox/ComboboxOptionRow.d.ts +23 -0
- package/dist/components/combobox/ComboboxOptionRow.d.ts.map +1 -0
- package/dist/components/combobox/ComboboxOptionRow.js +27 -0
- package/dist/components/combobox/ComboboxOptionRow.js.map +1 -0
- package/dist/components/combobox/ComboboxTrigger.d.ts +35 -0
- package/dist/components/combobox/ComboboxTrigger.d.ts.map +1 -0
- package/dist/components/combobox/ComboboxTrigger.js +15 -0
- package/dist/components/combobox/ComboboxTrigger.js.map +1 -0
- package/dist/components/combobox/buildListboxDisplayOptions.d.ts +3 -0
- package/dist/components/combobox/buildListboxDisplayOptions.d.ts.map +1 -0
- package/dist/components/combobox/buildListboxDisplayOptions.js +13 -0
- package/dist/components/combobox/buildListboxDisplayOptions.js.map +1 -0
- package/dist/components/combobox/buildListboxDisplayOptions.test.d.ts +2 -0
- package/dist/components/combobox/buildListboxDisplayOptions.test.d.ts.map +1 -0
- package/dist/components/combobox/buildListboxDisplayOptions.test.js +22 -0
- package/dist/components/combobox/buildListboxDisplayOptions.test.js.map +1 -0
- package/dist/components/combobox/comboboxKeyboardTypes.d.ts +41 -0
- package/dist/components/combobox/comboboxKeyboardTypes.d.ts.map +1 -0
- package/dist/components/combobox/comboboxKeyboardTypes.js +2 -0
- package/dist/components/combobox/comboboxKeyboardTypes.js.map +1 -0
- package/dist/components/combobox/highlightLabel.d.ts +10 -0
- package/dist/components/combobox/highlightLabel.d.ts.map +1 -0
- package/dist/components/combobox/highlightLabel.js +18 -0
- package/dist/components/combobox/highlightLabel.js.map +1 -0
- package/dist/components/combobox/normaliseComboboxQuery.d.ts +2 -0
- package/dist/components/combobox/normaliseComboboxQuery.d.ts.map +1 -0
- package/dist/components/combobox/normaliseComboboxQuery.js +2 -0
- package/dist/components/combobox/normaliseComboboxQuery.js.map +1 -0
- package/dist/components/combobox/types.d.ts +46 -0
- package/dist/components/combobox/types.d.ts.map +1 -0
- package/dist/components/combobox/types.js +2 -0
- package/dist/components/combobox/types.js.map +1 -0
- package/dist/components/combobox/useChipSelection.d.ts +11 -0
- package/dist/components/combobox/useChipSelection.d.ts.map +1 -0
- package/dist/components/combobox/useChipSelection.js +35 -0
- package/dist/components/combobox/useChipSelection.js.map +1 -0
- package/dist/components/combobox/useComboboxChipKeyboard.d.ts +3 -0
- package/dist/components/combobox/useComboboxChipKeyboard.d.ts.map +1 -0
- package/dist/components/combobox/useComboboxChipKeyboard.js +103 -0
- package/dist/components/combobox/useComboboxChipKeyboard.js.map +1 -0
- package/dist/components/combobox/useComboboxChipKeyboard.test.d.ts +2 -0
- package/dist/components/combobox/useComboboxChipKeyboard.test.d.ts.map +1 -0
- package/dist/components/combobox/useComboboxChipKeyboard.test.js +116 -0
- package/dist/components/combobox/useComboboxChipKeyboard.test.js.map +1 -0
- package/dist/components/combobox/useComboboxKeyboard.d.ts +4 -0
- package/dist/components/combobox/useComboboxKeyboard.d.ts.map +1 -0
- package/dist/components/combobox/useComboboxKeyboard.js +68 -0
- package/dist/components/combobox/useComboboxKeyboard.js.map +1 -0
- package/dist/components/combobox/useComboboxListboxDom.d.ts +11 -0
- package/dist/components/combobox/useComboboxListboxDom.d.ts.map +1 -0
- package/dist/components/combobox/useComboboxListboxDom.js +15 -0
- package/dist/components/combobox/useComboboxListboxDom.js.map +1 -0
- package/dist/components/combobox/useComboboxListboxKeyboard.d.ts +3 -0
- package/dist/components/combobox/useComboboxListboxKeyboard.d.ts.map +1 -0
- package/dist/components/combobox/useComboboxListboxKeyboard.js +143 -0
- package/dist/components/combobox/useComboboxListboxKeyboard.js.map +1 -0
- package/dist/components/combobox/useComboboxListboxKeyboard.test.d.ts +2 -0
- package/dist/components/combobox/useComboboxListboxKeyboard.test.d.ts.map +1 -0
- package/dist/components/combobox/useComboboxListboxKeyboard.test.js +152 -0
- package/dist/components/combobox/useComboboxListboxKeyboard.test.js.map +1 -0
- package/dist/components/combobox/useComboboxPopoverBehavior.d.ts +38 -0
- package/dist/components/combobox/useComboboxPopoverBehavior.d.ts.map +1 -0
- package/dist/components/combobox/useComboboxPopoverBehavior.js +104 -0
- package/dist/components/combobox/useComboboxPopoverBehavior.js.map +1 -0
- package/dist/components/combobox/useComboboxState.d.ts +27 -0
- package/dist/components/combobox/useComboboxState.d.ts.map +1 -0
- package/dist/components/combobox/useComboboxState.js +122 -0
- package/dist/components/combobox/useComboboxState.js.map +1 -0
- package/dist/components/combobox/useElementWidth.d.ts +2 -0
- package/dist/components/combobox/useElementWidth.d.ts.map +1 -0
- package/dist/components/combobox/useElementWidth.js +31 -0
- package/dist/components/combobox/useElementWidth.js.map +1 -0
- package/dist/components/combobox/useVisibleChips.d.ts +21 -0
- package/dist/components/combobox/useVisibleChips.d.ts.map +1 -0
- package/dist/components/combobox/useVisibleChips.js +59 -0
- package/dist/components/combobox/useVisibleChips.js.map +1 -0
- package/dist/components/combobox/useVisibleChips.test.d.ts +2 -0
- package/dist/components/combobox/useVisibleChips.test.d.ts.map +1 -0
- package/dist/components/combobox/useVisibleChips.test.js +81 -0
- package/dist/components/combobox/useVisibleChips.test.js.map +1 -0
- package/dist/components/dot/Dot.d.ts +8 -0
- package/dist/components/dot/Dot.d.ts.map +1 -0
- package/dist/components/dot/Dot.js +6 -0
- package/dist/components/dot/Dot.js.map +1 -0
- package/dist/components/dot/Dot.stories.d.ts +15 -0
- package/dist/components/dot/Dot.stories.d.ts.map +1 -0
- package/dist/components/dot/Dot.stories.js +25 -0
- package/dist/components/dot/Dot.stories.js.map +1 -0
- package/dist/components/dot/Dot.test.d.ts +2 -0
- package/dist/components/dot/Dot.test.d.ts.map +1 -0
- package/dist/components/dot/Dot.test.js +19 -0
- package/dist/components/dot/Dot.test.js.map +1 -0
- package/dist/components/formField/FormField.d.ts +8 -4
- package/dist/components/formField/FormField.d.ts.map +1 -1
- package/dist/components/formField/FormField.js +7 -6
- package/dist/components/formField/FormField.js.map +1 -1
- package/dist/components/formField/FormField.stories.d.ts +1 -0
- package/dist/components/formField/FormField.stories.d.ts.map +1 -1
- package/dist/components/formField/FormField.stories.js +13 -1
- package/dist/components/formField/FormField.stories.js.map +1 -1
- package/dist/components/formField/FormField.test.js +10 -0
- package/dist/components/formField/FormField.test.js.map +1 -1
- package/dist/components/icon/allowedIcons.d.ts +1 -0
- package/dist/components/icon/allowedIcons.d.ts.map +1 -1
- package/dist/components/icon/allowedIcons.js +2 -1
- package/dist/components/icon/allowedIcons.js.map +1 -1
- package/dist/components/progress/Progress.stories.d.ts +49 -49
- package/dist/components/singleUser/SingleUser.d.ts +15 -0
- package/dist/components/singleUser/SingleUser.d.ts.map +1 -0
- package/dist/components/singleUser/SingleUser.js +9 -0
- package/dist/components/singleUser/SingleUser.js.map +1 -0
- package/dist/components/singleUser/SingleUser.stories.d.ts +11 -0
- package/dist/components/singleUser/SingleUser.stories.d.ts.map +1 -0
- package/dist/components/singleUser/SingleUser.stories.js +52 -0
- package/dist/components/singleUser/SingleUser.stories.js.map +1 -0
- package/dist/components/singleUser/SingleUser.test.d.ts +2 -0
- package/dist/components/singleUser/SingleUser.test.d.ts.map +1 -0
- package/dist/components/singleUser/SingleUser.test.js +30 -0
- package/dist/components/singleUser/SingleUser.test.js.map +1 -0
- package/dist/components/tabs/TabsItem.stories.d.ts +2 -2
- package/dist/components/tag/Tag.d.ts +9 -6
- package/dist/components/tag/Tag.d.ts.map +1 -1
- package/dist/components/tag/Tag.js +8 -2
- package/dist/components/tag/Tag.js.map +1 -1
- package/dist/components/tag/Tag.stories.d.ts +11 -6
- package/dist/components/tag/Tag.stories.d.ts.map +1 -1
- package/dist/components/tag/Tag.stories.js +68 -4
- package/dist/components/tag/Tag.stories.js.map +1 -1
- package/dist/components/tag/Tag.test.js +86 -50
- package/dist/components/tag/Tag.test.js.map +1 -1
- package/dist/components/toggle/Toggle.d.ts +3 -0
- package/dist/components/toggle/Toggle.d.ts.map +1 -0
- package/dist/components/toggle/Toggle.js +8 -0
- package/dist/components/toggle/Toggle.js.map +1 -0
- package/dist/components/toggle/Toggle.stories.d.ts +97 -0
- package/dist/components/toggle/Toggle.stories.d.ts.map +1 -0
- package/dist/components/toggle/Toggle.stories.js +186 -0
- package/dist/components/toggle/Toggle.stories.js.map +1 -0
- package/dist/components/toggle/Toggle.test.d.ts +2 -0
- package/dist/components/toggle/Toggle.test.d.ts.map +1 -0
- package/dist/components/toggle/Toggle.test.js +58 -0
- package/dist/components/toggle/Toggle.test.js.map +1 -0
- package/dist/index.css +656 -25
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +34 -25
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +30 -25
- package/dist/index.js.map +1 -1
- package/dist/mocks/comboboxStoryOptions.d.ts +5 -0
- package/dist/mocks/comboboxStoryOptions.d.ts.map +1 -0
- package/dist/mocks/comboboxStoryOptions.js +22 -0
- package/dist/mocks/comboboxStoryOptions.js.map +1 -0
- package/dist/utils/isSelectAllChord.d.ts +5 -0
- package/dist/utils/isSelectAllChord.d.ts.map +1 -0
- package/dist/utils/isSelectAllChord.js +7 -0
- package/dist/utils/isSelectAllChord.js.map +1 -0
- package/dist/utils/isSelectAllChord.test.d.ts +2 -0
- package/dist/utils/isSelectAllChord.test.d.ts.map +1 -0
- package/dist/utils/isSelectAllChord.test.js +19 -0
- package/dist/utils/isSelectAllChord.test.js.map +1 -0
- package/dist/utils/nextCircularIndex.d.ts +3 -0
- package/dist/utils/nextCircularIndex.d.ts.map +1 -0
- package/dist/utils/nextCircularIndex.js +10 -0
- package/dist/utils/nextCircularIndex.js.map +1 -0
- package/dist/utils/nextCircularIndex.test.d.ts +2 -0
- package/dist/utils/nextCircularIndex.test.d.ts.map +1 -0
- package/dist/utils/nextCircularIndex.test.js +23 -0
- package/dist/utils/nextCircularIndex.test.js.map +1 -0
- package/dist/utils/scrollElementIntoViewById.d.ts +2 -0
- package/dist/utils/scrollElementIntoViewById.d.ts.map +1 -0
- package/dist/utils/scrollElementIntoViewById.js +16 -0
- package/dist/utils/scrollElementIntoViewById.js.map +1 -0
- package/dist/utils/scrollElementIntoViewById.test.d.ts +2 -0
- package/dist/utils/scrollElementIntoViewById.test.d.ts.map +1 -0
- package/dist/utils/scrollElementIntoViewById.test.js +31 -0
- package/dist/utils/scrollElementIntoViewById.test.js.map +1 -0
- package/package.json +1 -1
- package/src/components/avatar/Avatar.stories.tsx +8 -0
- package/src/components/avatar/Avatar.tsx +3 -3
- package/src/components/badge/Badge.stories.tsx +74 -0
- package/src/components/badge/Badge.test.tsx +28 -0
- package/src/components/badge/Badge.tsx +35 -0
- package/src/components/badge/badge.scss +86 -0
- package/src/components/card/Card.tsx +1 -1
- package/src/components/combobox/Combobox.stories.tsx +340 -0
- package/src/components/combobox/Combobox.test.tsx +1160 -0
- package/src/components/combobox/Combobox.tsx +434 -0
- package/src/components/combobox/ComboboxButtonTrigger.tsx +195 -0
- package/src/components/combobox/ComboboxListbox.tsx +224 -0
- package/src/components/combobox/ComboboxOptionRow.tsx +128 -0
- package/src/components/combobox/ComboboxTrigger.tsx +134 -0
- package/src/components/combobox/buildListboxDisplayOptions.test.ts +24 -0
- package/src/components/combobox/buildListboxDisplayOptions.ts +12 -0
- package/src/components/combobox/combobox.scss +390 -0
- package/src/components/combobox/comboboxKeyboardTypes.ts +45 -0
- package/src/components/combobox/highlightLabel.tsx +42 -0
- package/src/components/combobox/normaliseComboboxQuery.ts +1 -0
- package/src/components/combobox/types.ts +53 -0
- package/src/components/combobox/useChipSelection.ts +53 -0
- package/src/components/combobox/useComboboxChipKeyboard.test.tsx +141 -0
- package/src/components/combobox/useComboboxChipKeyboard.ts +121 -0
- package/src/components/combobox/useComboboxKeyboard.ts +108 -0
- package/src/components/combobox/useComboboxListboxDom.ts +36 -0
- package/src/components/combobox/useComboboxListboxKeyboard.test.tsx +186 -0
- package/src/components/combobox/useComboboxListboxKeyboard.ts +172 -0
- package/src/components/combobox/useComboboxPopoverBehavior.ts +179 -0
- package/src/components/combobox/useComboboxState.ts +232 -0
- package/src/components/combobox/useElementWidth.ts +40 -0
- package/src/components/combobox/useVisibleChips.test.tsx +91 -0
- package/src/components/combobox/useVisibleChips.ts +100 -0
- package/src/components/dot/Dot.stories.tsx +41 -0
- package/src/components/dot/Dot.test.tsx +21 -0
- package/src/components/dot/Dot.tsx +18 -0
- package/src/components/dot/dot.scss +35 -0
- package/src/components/formField/FormField.stories.tsx +30 -1
- package/src/components/formField/FormField.test.tsx +20 -0
- package/src/components/formField/FormField.tsx +11 -5
- package/src/components/formField/inputs/number/numberInput.scss +12 -4
- package/src/components/icon/allowedIcons.tsx +2 -0
- package/src/components/pill/pill.scss +4 -6
- package/src/components/singleUser/SingleUser.stories.tsx +63 -0
- package/src/components/singleUser/SingleUser.test.tsx +61 -0
- package/src/components/singleUser/SingleUser.tsx +45 -0
- package/src/components/singleUser/singleUser.scss +14 -0
- package/src/components/tag/Tag.stories.tsx +88 -6
- package/src/components/tag/Tag.test.tsx +110 -44
- package/src/components/tag/Tag.tsx +38 -14
- package/src/components/tag/tag.scss +45 -30
- package/src/components/toggle/Toggle.stories.tsx +239 -0
- package/src/components/toggle/Toggle.test.tsx +66 -0
- package/src/components/toggle/Toggle.tsx +12 -0
- package/src/components/toggle/toggle.scss +126 -0
- package/src/index.scss +5 -0
- package/src/index.ts +47 -31
- package/src/mocks/comboboxStoryOptions.ts +25 -0
- package/src/tokens.scss +33 -4
- package/src/utils/isSelectAllChord.test.ts +24 -0
- package/src/utils/isSelectAllChord.ts +8 -0
- package/src/utils/nextCircularIndex.test.ts +26 -0
- package/src/utils/nextCircularIndex.ts +15 -0
- package/src/utils/scrollElementIntoViewById.test.ts +38 -0
- package/src/utils/scrollElementIntoViewById.ts +20 -0
- package/tokens/json/Arbor.json +3828 -3704
|
@@ -0,0 +1,246 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useRef, useState } from 'react';
|
|
3
|
+
import { comboboxAsyncSearchOptions, comboboxGroupedPeopleOptions, comboboxPeopleOptions, } from '../../mocks/comboboxStoryOptions';
|
|
4
|
+
import { Combobox } from './Combobox';
|
|
5
|
+
const meta = {
|
|
6
|
+
title: 'Components/Combobox',
|
|
7
|
+
component: Combobox,
|
|
8
|
+
tags: ['autodocs'],
|
|
9
|
+
parameters: {
|
|
10
|
+
docs: {
|
|
11
|
+
description: {
|
|
12
|
+
component: 'Default usage is `<Combobox … />` with props such as `triggerVariant` and `multiple`. `Combobox.Trigger`, `Combobox.ButtonTrigger`, and `Combobox.Listbox` are composition escape hatches.',
|
|
13
|
+
},
|
|
14
|
+
},
|
|
15
|
+
},
|
|
16
|
+
argTypes: {
|
|
17
|
+
dropdownOnFocus: {
|
|
18
|
+
control: 'boolean',
|
|
19
|
+
description: 'When true, focusing the input opens the dropdown if there are items to show.',
|
|
20
|
+
},
|
|
21
|
+
showDropdownTrigger: {
|
|
22
|
+
control: 'boolean',
|
|
23
|
+
description: 'When true, shows the chevron trigger button.',
|
|
24
|
+
},
|
|
25
|
+
triggerVariant: {
|
|
26
|
+
control: 'inline-radio',
|
|
27
|
+
options: ['input', 'button'],
|
|
28
|
+
description: 'Choose trigger style: input-in-trigger or button-style summary trigger.',
|
|
29
|
+
},
|
|
30
|
+
},
|
|
31
|
+
decorators: [
|
|
32
|
+
Story => (_jsx("div", { "data-surface": "base", "data-colour-mode": "light", className: "bg-surface text-on-surface-default", style: { padding: 32, maxWidth: 420 }, children: _jsx(Story, {}) })),
|
|
33
|
+
],
|
|
34
|
+
};
|
|
35
|
+
export default meta;
|
|
36
|
+
const withDescription = (story, description) => ({
|
|
37
|
+
...story,
|
|
38
|
+
parameters: {
|
|
39
|
+
...story.parameters,
|
|
40
|
+
docs: {
|
|
41
|
+
...story.parameters?.docs,
|
|
42
|
+
description: {
|
|
43
|
+
story: description,
|
|
44
|
+
},
|
|
45
|
+
},
|
|
46
|
+
},
|
|
47
|
+
});
|
|
48
|
+
/** Enough rows to exceed `.ds-combobox__listbox` max-height so keyboard nav scrolls. */
|
|
49
|
+
const manyScrollableOptions = Array.from({ length: 45 }, (_, i) => ({
|
|
50
|
+
value: `scroll-demo-${i + 1}`,
|
|
51
|
+
label: `Option ${i + 1}`,
|
|
52
|
+
iconName: 'user',
|
|
53
|
+
}));
|
|
54
|
+
export const ScrollableLongList = withDescription({
|
|
55
|
+
args: {
|
|
56
|
+
options: manyScrollableOptions,
|
|
57
|
+
placeholder: 'Open the list and move with arrow keys…',
|
|
58
|
+
},
|
|
59
|
+
}, 'Exercises a scrollable listbox with enough items to validate keyboard navigation and active-row scrolling.');
|
|
60
|
+
export const ButtonTriggerSingleSelect = withDescription({
|
|
61
|
+
args: {
|
|
62
|
+
options: comboboxPeopleOptions,
|
|
63
|
+
placeholder: 'Students',
|
|
64
|
+
triggerVariant: 'button',
|
|
65
|
+
},
|
|
66
|
+
}, 'Shows the button-style trigger in single-select mode before the search input moves into the popover.');
|
|
67
|
+
export const ButtonTriggerMultiSelect = withDescription({
|
|
68
|
+
args: {
|
|
69
|
+
options: manyScrollableOptions,
|
|
70
|
+
defaultValue: ['scroll-demo-1', 'scroll-demo-2', 'scroll-demo-3'],
|
|
71
|
+
placeholder: 'Students',
|
|
72
|
+
multiple: true,
|
|
73
|
+
triggerVariant: 'button',
|
|
74
|
+
},
|
|
75
|
+
}, 'Demonstrates the button trigger variant with multiple selected chips and the selection count badge.');
|
|
76
|
+
export const SingleSelect = withDescription({
|
|
77
|
+
args: {
|
|
78
|
+
options: comboboxPeopleOptions,
|
|
79
|
+
placeholder: 'Search people...',
|
|
80
|
+
},
|
|
81
|
+
}, 'Basic single-select Combobox with built-in client-side prefix matching.');
|
|
82
|
+
export const SubstringSearch = withDescription({
|
|
83
|
+
args: {
|
|
84
|
+
options: comboboxPeopleOptions,
|
|
85
|
+
placeholder: 'Search people...',
|
|
86
|
+
searchType: 'substring',
|
|
87
|
+
},
|
|
88
|
+
}, 'Switches the built-in matching mode from prefix search to substring search.');
|
|
89
|
+
export const HighlightedMatches = withDescription({
|
|
90
|
+
args: {
|
|
91
|
+
options: comboboxPeopleOptions,
|
|
92
|
+
placeholder: 'Search people...',
|
|
93
|
+
searchType: 'substring',
|
|
94
|
+
highlightStringMatches: true,
|
|
95
|
+
},
|
|
96
|
+
}, 'Highlights the matched portions of each option while using substring filtering.');
|
|
97
|
+
export const MultiSelect = withDescription({
|
|
98
|
+
args: {
|
|
99
|
+
options: comboboxPeopleOptions,
|
|
100
|
+
multiple: true,
|
|
101
|
+
placeholder: 'Search people...',
|
|
102
|
+
showClearAll: true,
|
|
103
|
+
},
|
|
104
|
+
}, 'Basic multi-select Combobox with removable chips and a clear-all action.');
|
|
105
|
+
export const WithDefaultValue = withDescription({
|
|
106
|
+
args: {
|
|
107
|
+
options: comboboxPeopleOptions,
|
|
108
|
+
multiple: true,
|
|
109
|
+
defaultValue: ['alice', 'bob', 'charlie'],
|
|
110
|
+
placeholder: 'Search people...',
|
|
111
|
+
showClearAll: true,
|
|
112
|
+
},
|
|
113
|
+
}, 'Starts with preselected values so chip rendering and removal can be reviewed immediately.');
|
|
114
|
+
export const WithGroups = withDescription({
|
|
115
|
+
args: {
|
|
116
|
+
options: comboboxGroupedPeopleOptions,
|
|
117
|
+
multiple: true,
|
|
118
|
+
placeholder: 'Search people...',
|
|
119
|
+
},
|
|
120
|
+
}, 'Shows grouped options in the dropdown while keeping the same multi-select interaction model.');
|
|
121
|
+
export const Disabled = withDescription({
|
|
122
|
+
args: {
|
|
123
|
+
options: comboboxPeopleOptions,
|
|
124
|
+
disabled: true,
|
|
125
|
+
defaultValue: ['alice'],
|
|
126
|
+
placeholder: 'Search people...',
|
|
127
|
+
},
|
|
128
|
+
}, 'Displays the disabled state with an existing selected value.');
|
|
129
|
+
export const HiddenTrigger = withDescription({
|
|
130
|
+
args: {
|
|
131
|
+
options: comboboxPeopleOptions,
|
|
132
|
+
placeholder: 'Search people...',
|
|
133
|
+
showDropdownTrigger: false,
|
|
134
|
+
},
|
|
135
|
+
}, 'Hides the chevron trigger while keeping focus, typing, and keyboard opening behavior.');
|
|
136
|
+
export const ManualOpenOnFocus = withDescription({
|
|
137
|
+
args: {
|
|
138
|
+
options: comboboxPeopleOptions,
|
|
139
|
+
placeholder: 'Search people...',
|
|
140
|
+
dropdownOnFocus: false,
|
|
141
|
+
},
|
|
142
|
+
}, 'Disables focus-open so the list appears only after typing or explicit keyboard interaction.');
|
|
143
|
+
export const CustomOptionLayout = withDescription({
|
|
144
|
+
args: {
|
|
145
|
+
options: comboboxPeopleOptions,
|
|
146
|
+
placeholder: 'Search people...',
|
|
147
|
+
multiple: true,
|
|
148
|
+
renderOption: (option, selected) => (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": "true", children: _jsx("input", { type: "checkbox", checked: selected, readOnly: true, tabIndex: -1 }) }), _jsx("span", { className: "ds-combobox__option-label", children: option.label })] })),
|
|
149
|
+
},
|
|
150
|
+
}, 'Uses `renderOption` to swap the row content while the Combobox still owns selection and listbox behavior.');
|
|
151
|
+
const delay = (ms) => new Promise((resolve) => {
|
|
152
|
+
setTimeout(resolve, ms);
|
|
153
|
+
});
|
|
154
|
+
async function searchPeople(query) {
|
|
155
|
+
await delay(700);
|
|
156
|
+
const q = query.trim().toLowerCase();
|
|
157
|
+
if (!q)
|
|
158
|
+
return comboboxAsyncSearchOptions;
|
|
159
|
+
return comboboxAsyncSearchOptions.filter(p => p.label.toLowerCase().includes(q));
|
|
160
|
+
}
|
|
161
|
+
const AsyncSearchTemplate = ({ allowCreate = false, searchType = 'substring', highlightStringMatches = true, }) => {
|
|
162
|
+
const [options, setOptions] = useState([]);
|
|
163
|
+
const [loading, setLoading] = useState(false);
|
|
164
|
+
const requestIdRef = useRef(0);
|
|
165
|
+
const handleSearch = (query) => {
|
|
166
|
+
const id = ++requestIdRef.current;
|
|
167
|
+
setLoading(true);
|
|
168
|
+
void searchPeople(query).then((next) => {
|
|
169
|
+
if (id !== requestIdRef.current)
|
|
170
|
+
return;
|
|
171
|
+
setOptions(next);
|
|
172
|
+
setLoading(false);
|
|
173
|
+
});
|
|
174
|
+
};
|
|
175
|
+
return (_jsx(Combobox, { options: options, multiple: true, placeholder: "Type to search...", loading: loading, allowCreate: allowCreate, searchType: searchType, highlightStringMatches: highlightStringMatches, onSearch: handleSearch }));
|
|
176
|
+
};
|
|
177
|
+
export const AsyncSearch = withDescription({
|
|
178
|
+
args: {
|
|
179
|
+
allowCreate: false,
|
|
180
|
+
searchType: 'substring',
|
|
181
|
+
highlightStringMatches: true,
|
|
182
|
+
},
|
|
183
|
+
render: args => (_jsx(AsyncSearchTemplate, { allowCreate: args.allowCreate, searchType: args.searchType, highlightStringMatches: args.highlightStringMatches })),
|
|
184
|
+
}, 'Simulates async search results with local data so loading, filtering, and optional create flows can be reviewed.');
|
|
185
|
+
const CreateNewTemplate = () => {
|
|
186
|
+
const [options, setOptions] = useState(comboboxPeopleOptions);
|
|
187
|
+
const handleCreate = (name) => {
|
|
188
|
+
const newOpt = {
|
|
189
|
+
value: name.toLowerCase().replace(/\s/g, '-'),
|
|
190
|
+
label: name,
|
|
191
|
+
iconName: 'user',
|
|
192
|
+
};
|
|
193
|
+
setOptions(prev => [...prev, newOpt]);
|
|
194
|
+
return newOpt;
|
|
195
|
+
};
|
|
196
|
+
const handleDelete = (value) => {
|
|
197
|
+
setOptions(prev => prev.filter(opt => opt.value !== value));
|
|
198
|
+
};
|
|
199
|
+
return (_jsx(Combobox, { options: options, multiple: true, placeholder: "Search or create...", allowCreate: true, onCreateNew: handleCreate, onDeleteCreated: handleDelete }));
|
|
200
|
+
};
|
|
201
|
+
export const CreateNew = withDescription({
|
|
202
|
+
render: () => _jsx(CreateNewTemplate, {}),
|
|
203
|
+
}, 'Demonstrates multi-select creation and deletion of user-added options.');
|
|
204
|
+
const SingleSelectCreateTemplate = () => {
|
|
205
|
+
const [options, setOptions] = useState(comboboxPeopleOptions);
|
|
206
|
+
const handleCreate = (name) => {
|
|
207
|
+
const newOpt = {
|
|
208
|
+
value: name.toLowerCase().replace(/\s/g, '-'),
|
|
209
|
+
label: name,
|
|
210
|
+
iconName: 'user',
|
|
211
|
+
};
|
|
212
|
+
setOptions(prev => [...prev, newOpt]);
|
|
213
|
+
return newOpt;
|
|
214
|
+
};
|
|
215
|
+
const handleDelete = (value) => {
|
|
216
|
+
setOptions(prev => prev.filter(opt => opt.value !== value));
|
|
217
|
+
};
|
|
218
|
+
return (_jsx(Combobox, { options: options, placeholder: "Search or create...", allowCreate: true, onCreateNew: handleCreate, onDeleteCreated: handleDelete }));
|
|
219
|
+
};
|
|
220
|
+
export const SingleSelectCreate = withDescription({
|
|
221
|
+
render: () => _jsx(SingleSelectCreateTemplate, {}),
|
|
222
|
+
}, 'Shows single-select creation where a newly created option becomes the current value immediately.');
|
|
223
|
+
export const CustomTagLabel = withDescription({
|
|
224
|
+
args: {
|
|
225
|
+
options: [
|
|
226
|
+
{ value: 'u1', label: 'Alice Johnson (Year 10, Class A)', tagLabel: 'Alice J.', iconName: 'user' },
|
|
227
|
+
{ value: 'u2', label: 'Bob Smith (Year 11, Class B)', tagLabel: 'Bob S.', iconName: 'user' },
|
|
228
|
+
{ value: 'u3', label: 'Charlie Brown (Year 10, Class A)', tagLabel: 'Charlie B.', iconName: 'user' },
|
|
229
|
+
],
|
|
230
|
+
multiple: true,
|
|
231
|
+
placeholder: 'Search students...',
|
|
232
|
+
showClearAll: true,
|
|
233
|
+
},
|
|
234
|
+
}, 'Uses `tagLabel` to shorten selected chip text while preserving fuller option labels in the dropdown.');
|
|
235
|
+
export const WithDisabledOptions = withDescription({
|
|
236
|
+
args: {
|
|
237
|
+
options: [
|
|
238
|
+
{ value: 'alice', label: 'Alice Johnson', iconName: 'user' },
|
|
239
|
+
{ value: 'bob', label: 'Bob Smith', iconName: 'user', disabled: true },
|
|
240
|
+
{ value: 'charlie', label: 'Charlie Brown', iconName: 'user' },
|
|
241
|
+
],
|
|
242
|
+
multiple: true,
|
|
243
|
+
placeholder: 'Search people...',
|
|
244
|
+
},
|
|
245
|
+
}, 'Includes a disabled option to show how unavailable rows appear and behave inside the listbox.');
|
|
246
|
+
//# sourceMappingURL=Combobox.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Combobox.stories.js","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Combobox.test.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.test.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC"}
|