@digdir/designsystemet-react 1.0.0-rc.4 → 1.0.0-rc.6
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/cjs/components/Accordion/Accordion.js +1 -1
- package/dist/cjs/components/Accordion/{AccordionContent/AccordionContent.js → AccordionContent.js} +5 -5
- package/dist/cjs/components/Accordion/AccordionHeader.js +26 -0
- package/dist/cjs/components/Accordion/{AccordionItem/AccordionItem.js → AccordionItem.js} +2 -2
- package/dist/cjs/components/Accordion/index.js +5 -5
- package/dist/cjs/components/Alert/Alert.js +1 -1
- package/dist/cjs/components/Box/Box.js +1 -1
- package/dist/cjs/components/Button/Button.js +1 -1
- package/dist/cjs/components/Card/Card.js +1 -1
- package/dist/cjs/components/Card/CardContent.js +1 -1
- package/dist/cjs/components/Card/CardFooter.js +1 -1
- package/dist/cjs/components/Card/CardHeader.js +1 -1
- package/dist/cjs/components/Card/CardMedia.js +1 -1
- package/dist/cjs/components/Chip/Group/Group.js +1 -1
- package/dist/cjs/components/Chip/Removable/Removable.js +1 -1
- package/dist/cjs/components/Chip/Toggle/Toggle.js +1 -1
- package/dist/cjs/components/Divider/Divider.js +1 -1
- package/dist/cjs/components/DropdownMenu/DropdownMenuContent.js +1 -1
- package/dist/cjs/components/DropdownMenu/DropdownMenuGroup.js +1 -1
- package/dist/cjs/components/DropdownMenu/DropdownMenuItem.js +1 -1
- package/dist/cjs/components/ErrorSummary/ErrorSummaryHeading.js +1 -1
- package/dist/cjs/components/ErrorSummary/ErrorSummaryRoot.js +1 -1
- package/dist/cjs/components/HelpText/HelpText.js +1 -1
- package/dist/cjs/components/Link/Link.js +2 -2
- package/dist/cjs/components/List/ListItem.js +1 -1
- package/dist/cjs/components/List/Lists.js +2 -2
- package/dist/cjs/components/Modal/ModaContent.js +1 -1
- package/dist/cjs/components/Modal/ModalDialog.js +2 -2
- package/dist/cjs/components/Modal/ModalFooter.js +1 -1
- package/dist/cjs/components/Modal/ModalHeader.js +1 -1
- package/dist/cjs/components/Pagination/Pagination.js +2 -2
- package/dist/cjs/components/Pagination/PaginationContent.js +1 -1
- package/dist/cjs/components/Pagination/PaginationEllipsis.js +1 -1
- package/dist/cjs/components/Pagination/PaginationItem.js +1 -1
- package/dist/cjs/components/Popover/PopoverContent.js +2 -2
- package/dist/cjs/components/Skeleton/Circle/Circle.js +2 -2
- package/dist/cjs/components/Skeleton/Rectangle/Rectangle.js +2 -2
- package/dist/cjs/components/Skeleton/Text/Text.js +2 -2
- package/dist/cjs/components/SkipLink/SkipLink.js +1 -1
- package/dist/cjs/components/Spinner/Spinner.js +3 -3
- package/dist/cjs/components/Table/Table.js +1 -1
- package/dist/cjs/components/Table/TableCell.js +1 -1
- package/dist/cjs/components/Table/TableHead.js +1 -1
- package/dist/cjs/components/Table/TableHeaderCell.js +1 -1
- package/dist/cjs/components/Table/TableRow.js +1 -1
- package/dist/cjs/components/Tabs/{Tab/Tab.js → Tab.js} +3 -3
- package/dist/cjs/components/Tabs/{TabContent/TabContent.js → TabContent.js} +4 -3
- package/dist/cjs/components/Tabs/{TabList/TabList.js → TabList.js} +3 -3
- package/dist/cjs/components/Tabs/Tabs.js +1 -1
- package/dist/cjs/components/Tabs/index.js +3 -3
- package/dist/cjs/components/Tabs/{Tab/useTab.js → useTab.js} +1 -1
- package/dist/cjs/components/Tag/Tag.js +1 -1
- package/dist/cjs/components/ToggleGroup/ToggleGroup.js +2 -2
- package/dist/cjs/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.js +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.js +2 -2
- package/dist/cjs/components/Typography/ErrorMessage/ErrorMessage.js +1 -1
- package/dist/cjs/components/Typography/Heading/Heading.js +1 -1
- package/dist/cjs/components/Typography/Ingress/Ingress.js +1 -1
- package/dist/cjs/components/Typography/Label/Label.js +1 -1
- package/dist/cjs/components/Typography/Paragraph/Paragraph.js +1 -1
- package/dist/cjs/components/form/CharacterCounter.js +1 -1
- package/dist/cjs/components/form/Checkbox/Checkbox.js +1 -1
- package/dist/cjs/components/form/Checkbox/Group/Group.js +1 -1
- package/dist/cjs/components/form/Combobox/Combobox.js +15 -15
- package/dist/cjs/components/form/Combobox/Custom.js +1 -1
- package/dist/cjs/components/form/Combobox/Empty.js +1 -1
- package/dist/cjs/components/form/Combobox/Option/Description.js +1 -1
- package/dist/cjs/components/form/Combobox/Option/Option.js +1 -1
- package/dist/cjs/components/form/Combobox/Option/SelectedIcon.js +1 -1
- package/dist/cjs/components/form/Combobox/Option/useComboboxOption.js +3 -2
- package/dist/cjs/components/form/Combobox/internal/ComboboxClearButton.js +1 -1
- package/dist/cjs/components/form/Combobox/internal/ComboboxError.js +1 -1
- package/dist/cjs/components/form/Combobox/internal/ComboboxInput.js +5 -4
- package/dist/cjs/components/form/Combobox/internal/ComboboxLabel.js +1 -1
- package/dist/cjs/components/form/Combobox/internal/ComboboxNative.js +3 -3
- package/dist/cjs/components/form/Combobox/useCombobox.js +22 -6
- package/dist/cjs/components/form/Fieldset/Fieldset.js +1 -1
- package/dist/cjs/components/form/NativeSelect/NativeSelect.js +1 -1
- package/dist/cjs/components/form/Radio/Group/Group.js +1 -1
- package/dist/cjs/components/form/Radio/Radio.js +1 -1
- package/dist/cjs/components/form/Search/Search.js +3 -3
- package/dist/cjs/components/form/Switch/Switch.js +1 -1
- package/dist/cjs/components/form/Switch/useSwitch.js +1 -0
- package/dist/cjs/components/form/Textarea/Textarea.js +2 -2
- package/dist/cjs/components/form/Textfield/Textfield.js +2 -2
- package/dist/cjs/index.js +6 -6
- package/dist/cjs/utilities/AnimateHeight/AnimateHeight.js +1 -1
- package/dist/esm/components/Accordion/Accordion.js +1 -1
- package/dist/esm/components/Accordion/{AccordionContent/AccordionContent.js → AccordionContent.js} +5 -5
- package/dist/esm/components/Accordion/AccordionHeader.js +24 -0
- package/dist/esm/components/Accordion/{AccordionItem/AccordionItem.js → AccordionItem.js} +2 -2
- package/dist/esm/components/Accordion/index.js +3 -3
- package/dist/esm/components/Alert/Alert.js +1 -1
- package/dist/esm/components/Box/Box.js +1 -1
- package/dist/esm/components/Button/Button.js +1 -1
- package/dist/esm/components/Card/Card.js +1 -1
- package/dist/esm/components/Card/CardContent.js +1 -1
- package/dist/esm/components/Card/CardFooter.js +1 -1
- package/dist/esm/components/Card/CardHeader.js +1 -1
- package/dist/esm/components/Card/CardMedia.js +1 -1
- package/dist/esm/components/Chip/Group/Group.js +1 -1
- package/dist/esm/components/Chip/Removable/Removable.js +1 -1
- package/dist/esm/components/Chip/Toggle/Toggle.js +1 -1
- package/dist/esm/components/Divider/Divider.js +1 -1
- package/dist/esm/components/DropdownMenu/DropdownMenuContent.js +1 -1
- package/dist/esm/components/DropdownMenu/DropdownMenuGroup.js +1 -1
- package/dist/esm/components/DropdownMenu/DropdownMenuItem.js +1 -1
- package/dist/esm/components/ErrorSummary/ErrorSummaryHeading.js +1 -1
- package/dist/esm/components/ErrorSummary/ErrorSummaryRoot.js +1 -1
- package/dist/esm/components/HelpText/HelpText.js +1 -1
- package/dist/esm/components/Link/Link.js +2 -2
- package/dist/esm/components/List/ListItem.js +1 -1
- package/dist/esm/components/List/Lists.js +2 -2
- package/dist/esm/components/Modal/ModaContent.js +1 -1
- package/dist/esm/components/Modal/ModalDialog.js +2 -2
- package/dist/esm/components/Modal/ModalFooter.js +1 -1
- package/dist/esm/components/Modal/ModalHeader.js +1 -1
- package/dist/esm/components/Pagination/Pagination.js +2 -2
- package/dist/esm/components/Pagination/PaginationContent.js +1 -1
- package/dist/esm/components/Pagination/PaginationEllipsis.js +1 -1
- package/dist/esm/components/Pagination/PaginationItem.js +1 -1
- package/dist/esm/components/Popover/PopoverContent.js +2 -2
- package/dist/esm/components/Skeleton/Circle/Circle.js +2 -2
- package/dist/esm/components/Skeleton/Rectangle/Rectangle.js +2 -2
- package/dist/esm/components/Skeleton/Text/Text.js +2 -2
- package/dist/esm/components/SkipLink/SkipLink.js +1 -1
- package/dist/esm/components/Spinner/Spinner.js +3 -3
- package/dist/esm/components/Table/Table.js +1 -1
- package/dist/esm/components/Table/TableCell.js +1 -1
- package/dist/esm/components/Table/TableHead.js +1 -1
- package/dist/esm/components/Table/TableHeaderCell.js +1 -1
- package/dist/esm/components/Table/TableRow.js +1 -1
- package/dist/esm/components/Tabs/{Tab/Tab.js → Tab.js} +3 -3
- package/dist/esm/components/Tabs/TabContent.js +15 -0
- package/dist/esm/components/Tabs/{TabList/TabList.js → TabList.js} +3 -3
- package/dist/esm/components/Tabs/Tabs.js +1 -1
- package/dist/esm/components/Tabs/index.js +3 -3
- package/dist/esm/components/Tabs/{Tab/useTab.js → useTab.js} +1 -1
- package/dist/esm/components/Tag/Tag.js +1 -1
- package/dist/esm/components/ToggleGroup/ToggleGroup.js +2 -2
- package/dist/esm/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.js +1 -1
- package/dist/esm/components/Tooltip/Tooltip.js +2 -2
- package/dist/esm/components/Typography/ErrorMessage/ErrorMessage.js +1 -1
- package/dist/esm/components/Typography/Heading/Heading.js +1 -1
- package/dist/esm/components/Typography/Ingress/Ingress.js +1 -1
- package/dist/esm/components/Typography/Label/Label.js +1 -1
- package/dist/esm/components/Typography/Paragraph/Paragraph.js +1 -1
- package/dist/esm/components/form/CharacterCounter.js +1 -1
- package/dist/esm/components/form/Checkbox/Checkbox.js +1 -1
- package/dist/esm/components/form/Checkbox/Group/Group.js +1 -1
- package/dist/esm/components/form/Combobox/Combobox.js +16 -16
- package/dist/esm/components/form/Combobox/Custom.js +1 -1
- package/dist/esm/components/form/Combobox/Empty.js +1 -1
- package/dist/esm/components/form/Combobox/Option/Description.js +1 -1
- package/dist/esm/components/form/Combobox/Option/Option.js +1 -1
- package/dist/esm/components/form/Combobox/Option/SelectedIcon.js +1 -1
- package/dist/esm/components/form/Combobox/Option/useComboboxOption.js +3 -2
- package/dist/esm/components/form/Combobox/internal/ComboboxClearButton.js +1 -1
- package/dist/esm/components/form/Combobox/internal/ComboboxError.js +1 -1
- package/dist/esm/components/form/Combobox/internal/ComboboxInput.js +5 -4
- package/dist/esm/components/form/Combobox/internal/ComboboxLabel.js +1 -1
- package/dist/esm/components/form/Combobox/internal/ComboboxNative.js +3 -3
- package/dist/esm/components/form/Combobox/useCombobox.js +21 -7
- package/dist/esm/components/form/Fieldset/Fieldset.js +1 -1
- package/dist/esm/components/form/NativeSelect/NativeSelect.js +1 -1
- package/dist/esm/components/form/Radio/Group/Group.js +1 -1
- package/dist/esm/components/form/Radio/Radio.js +1 -1
- package/dist/esm/components/form/Search/Search.js +3 -3
- package/dist/esm/components/form/Switch/Switch.js +1 -1
- package/dist/esm/components/form/Switch/useSwitch.js +1 -0
- package/dist/esm/components/form/Textarea/Textarea.js +2 -2
- package/dist/esm/components/form/Textfield/Textfield.js +2 -2
- package/dist/esm/index.js +6 -6
- package/dist/esm/utilities/AnimateHeight/AnimateHeight.js +1 -1
- package/dist/types/components/Accordion/AccordionContent.d.ts.map +1 -0
- package/dist/types/components/Accordion/{AccordionHeader/AccordionHeader.d.ts → AccordionHeader.d.ts} +8 -2
- package/dist/types/components/Accordion/AccordionHeader.d.ts.map +1 -0
- package/dist/types/components/Accordion/AccordionItem.d.ts.map +1 -0
- package/dist/types/components/Link/Link.d.ts +10 -0
- package/dist/types/components/Link/Link.d.ts.map +1 -1
- package/dist/types/components/Table/TableHeaderCell.d.ts.map +1 -1
- package/dist/types/components/Tabs/Tab.d.ts.map +1 -0
- package/dist/types/components/Tabs/TabContent.d.ts.map +1 -0
- package/dist/types/components/Tabs/TabList.d.ts.map +1 -0
- package/dist/types/components/Tabs/{Tab/useTab.d.ts → useTab.d.ts} +1 -1
- package/dist/types/components/Tabs/useTab.d.ts.map +1 -0
- package/dist/types/components/form/Combobox/Combobox.d.ts.map +1 -1
- package/dist/types/components/form/Combobox/Option/useComboboxOption.d.ts +1 -1
- package/dist/types/components/form/Combobox/Option/useComboboxOption.d.ts.map +1 -1
- package/dist/types/components/form/Combobox/internal/ComboboxInput.d.ts.map +1 -1
- package/dist/types/components/form/Combobox/internal/ComboboxNative.d.ts.map +1 -1
- package/dist/types/components/form/Combobox/useCombobox.d.ts +7 -0
- package/dist/types/components/form/Combobox/useCombobox.d.ts.map +1 -1
- package/dist/types/components/form/Switch/useSwitch.d.ts.map +1 -1
- package/package.json +2 -2
- package/dist/cjs/components/Accordion/AccordionHeader/AccordionHeader.js +0 -26
- package/dist/esm/components/Accordion/AccordionHeader/AccordionHeader.js +0 -24
- package/dist/esm/components/Tabs/TabContent/TabContent.js +0 -14
- package/dist/types/components/Accordion/AccordionContent/AccordionContent.d.ts.map +0 -1
- package/dist/types/components/Accordion/AccordionContent/index.d.ts +0 -2
- package/dist/types/components/Accordion/AccordionContent/index.d.ts.map +0 -1
- package/dist/types/components/Accordion/AccordionHeader/AccordionHeader.d.ts.map +0 -1
- package/dist/types/components/Accordion/AccordionHeader/index.d.ts +0 -2
- package/dist/types/components/Accordion/AccordionHeader/index.d.ts.map +0 -1
- package/dist/types/components/Accordion/AccordionItem/AccordionItem.d.ts.map +0 -1
- package/dist/types/components/Accordion/AccordionItem/index.d.ts +0 -2
- package/dist/types/components/Accordion/AccordionItem/index.d.ts.map +0 -1
- package/dist/types/components/Tabs/Tab/Tab.d.ts.map +0 -1
- package/dist/types/components/Tabs/Tab/index.d.ts +0 -2
- package/dist/types/components/Tabs/Tab/index.d.ts.map +0 -1
- package/dist/types/components/Tabs/Tab/useTab.d.ts.map +0 -1
- package/dist/types/components/Tabs/TabContent/TabContent.d.ts.map +0 -1
- package/dist/types/components/Tabs/TabContent/index.d.ts +0 -2
- package/dist/types/components/Tabs/TabContent/index.d.ts.map +0 -1
- package/dist/types/components/Tabs/TabList/TabList.d.ts.map +0 -1
- package/dist/types/components/Tabs/TabList/index.d.ts +0 -2
- package/dist/types/components/Tabs/TabList/index.d.ts.map +0 -1
- /package/dist/types/components/Accordion/{AccordionContent/AccordionContent.d.ts → AccordionContent.d.ts} +0 -0
- /package/dist/types/components/Accordion/{AccordionItem/AccordionItem.d.ts → AccordionItem.d.ts} +0 -0
- /package/dist/types/components/Tabs/{Tab/Tab.d.ts → Tab.d.ts} +0 -0
- /package/dist/types/components/Tabs/{TabContent/TabContent.d.ts → TabContent.d.ts} +0 -0
- /package/dist/types/components/Tabs/{TabList/TabList.d.ts → TabList.d.ts} +0 -0
|
@@ -6,6 +6,7 @@ import { ChevronUpIcon, ChevronDownIcon } from '@navikt/aksel-icons';
|
|
|
6
6
|
import { useMergeRefs } from '../../../../node_modules/@floating-ui/react/dist/floating-ui.react.js';
|
|
7
7
|
import { ComboboxContext } from '../ComboboxContext.js';
|
|
8
8
|
import { useComboboxIdDispatch } from '../ComboboxIdContext.js';
|
|
9
|
+
import { prefix } from '../useCombobox.js';
|
|
9
10
|
import ComboboxChips from './ComboboxChips.js';
|
|
10
11
|
import ComboboxClearButton from './ComboboxClearButton.js';
|
|
11
12
|
import { Box } from '../../../Box/Box.js';
|
|
@@ -28,10 +29,10 @@ const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDow
|
|
|
28
29
|
setInputValue(value);
|
|
29
30
|
setActiveIndex(0);
|
|
30
31
|
// check if input value is the same as a label, if so, select it
|
|
31
|
-
const option = options[value.toLowerCase()];
|
|
32
|
+
const option = options[prefix(value.toLowerCase())];
|
|
32
33
|
if (!option)
|
|
33
34
|
return;
|
|
34
|
-
if (selectedOptions[option.value])
|
|
35
|
+
if (selectedOptions[prefix(option.value)])
|
|
35
36
|
return;
|
|
36
37
|
handleSelectOption({ option: option });
|
|
37
38
|
};
|
|
@@ -62,11 +63,11 @@ const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDow
|
|
|
62
63
|
}
|
|
63
64
|
},
|
|
64
65
|
});
|
|
65
|
-
return (jsxs(Box, { ...props, "aria-disabled": disabled ? 'true' : undefined, className: clsx('
|
|
66
|
+
return (jsxs(Box, { ...props, "aria-disabled": disabled ? 'true' : undefined, className: clsx('ds-textfield__input', 'ds-combobox__input__wrapper', readOnly && 'ds-combobox--readonly', error && 'ds-combobox--error'), children: [jsxs("div", { className: 'ds-combobox__chip-and-input', children: [multiple && !hideChips && jsx(ComboboxChips, {}), jsx("input", { ref: mergedRefs, "aria-activedescendant": props['aria-activedescendant'], readOnly: readOnly, "aria-autocomplete": 'list', role: 'combobox', "aria-expanded": open, "aria-controls": listId, autoComplete: 'off', size: htmlSize, value: inputValue, ...omit(['style', 'className'], rest), ...formFieldProps.inputProps, className: 'ds-combobox__input', onChange: (e) => {
|
|
66
67
|
onChange(e);
|
|
67
68
|
!open && setOpen(true);
|
|
68
69
|
rest.onChange && rest.onChange(e);
|
|
69
|
-
} })] }), showClearButton && jsx(ComboboxClearButton, {}), jsx("div", { className: '
|
|
70
|
+
} })] }), showClearButton && jsx(ComboboxClearButton, {}), jsx("div", { className: 'ds-combobox__arrow', children: open ? (jsx(ChevronUpIcon, { title: 'arrow up', fontSize: '1.5em' })) : (jsx(ChevronDownIcon, { title: 'arrow down', fontSize: '1.5em' })) })] }));
|
|
70
71
|
};
|
|
71
72
|
ComboboxInput.displayName = 'ComboboxInput';
|
|
72
73
|
var ComboboxInput$1 = ComboboxInput;
|
|
@@ -6,7 +6,7 @@ import { Label } from '../../../Typography/Label/Label.js';
|
|
|
6
6
|
import { Paragraph } from '../../../Typography/Paragraph/Paragraph.js';
|
|
7
7
|
|
|
8
8
|
const ComboboxLabel = ({ label, description, hideLabel, size, readOnly, formFieldProps, }) => {
|
|
9
|
-
return (jsxs(Fragment, { children: [label && (jsxs(Label, { size: size, htmlFor: formFieldProps.inputProps.id, className: clsx('
|
|
9
|
+
return (jsxs(Fragment, { children: [label && (jsxs(Label, { size: size, htmlFor: formFieldProps.inputProps.id, className: clsx('ds-combobox__label', hideLabel && `ds-sr-only`), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: 'ds-combobox__readonly__icon' })), label] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: formFieldProps.descriptionId, className: clsx('ds-combobox__description', hideLabel && `ds-sr-only`), children: description }) }))] }));
|
|
10
10
|
};
|
|
11
11
|
ComboboxLabel.displayName = 'ComboboxLabel';
|
|
12
12
|
var ComboboxLabel$1 = ComboboxLabel;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { removePrefix } from '../useCombobox.js';
|
|
3
4
|
|
|
4
5
|
const ComboboxNative = ({ selectedOptions, multiple, name, }) => {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
: Object.keys(selectedOptions)[0], onChange: () => { }, children: Object.keys(selectedOptions).map((value) => (jsx("option", { value: value }, value))) }));
|
|
6
|
+
const VALUE = Object.keys(selectedOptions).map((key) => removePrefix(key));
|
|
7
|
+
return (jsx("select", { name: name, multiple: multiple, style: { display: 'none' }, value: multiple ? VALUE : VALUE[0], onChange: () => { }, children: VALUE.map((value) => (jsx("option", { value: value }, value))) }));
|
|
8
8
|
};
|
|
9
9
|
ComboboxNative.displayName = 'ComboboxNative';
|
|
10
10
|
var ComboboxNative$1 = ComboboxNative;
|
|
@@ -13,6 +13,18 @@ function isComboboxCustom(child) {
|
|
|
13
13
|
function isInteractiveComboboxCustom(child) {
|
|
14
14
|
return isComboboxCustom(child) && child.props.interactive === true;
|
|
15
15
|
}
|
|
16
|
+
const INTERNAL_OPTION_PREFIX = 'internal-option-';
|
|
17
|
+
/**
|
|
18
|
+
* We use this function to prefix the value of the options so we can make sure numbers as strings are not parsed as numbers in objects
|
|
19
|
+
* @param value
|
|
20
|
+
* @returns
|
|
21
|
+
*/
|
|
22
|
+
const prefix = (value) => {
|
|
23
|
+
return INTERNAL_OPTION_PREFIX + value;
|
|
24
|
+
};
|
|
25
|
+
const removePrefix = (value) => {
|
|
26
|
+
return value.slice(INTERNAL_OPTION_PREFIX.length);
|
|
27
|
+
};
|
|
16
28
|
function useCombobox({ children, inputValue, multiple, filter = (inputValue, option) => {
|
|
17
29
|
return option.label.toLowerCase().startsWith(inputValue.toLowerCase());
|
|
18
30
|
}, initialValue, }) {
|
|
@@ -60,8 +72,8 @@ function useCombobox({ children, inputValue, multiple, filter = (inputValue, opt
|
|
|
60
72
|
});
|
|
61
73
|
label = childrenLabel;
|
|
62
74
|
}
|
|
63
|
-
allOptions[props.value] = {
|
|
64
|
-
value: props.value,
|
|
75
|
+
allOptions[prefix(String(props.value))] = {
|
|
76
|
+
value: String(props.value),
|
|
65
77
|
label,
|
|
66
78
|
displayValue: props.displayValue,
|
|
67
79
|
description: props.description,
|
|
@@ -69,7 +81,9 @@ function useCombobox({ children, inputValue, multiple, filter = (inputValue, opt
|
|
|
69
81
|
});
|
|
70
82
|
return allOptions;
|
|
71
83
|
}, [optionsChildren]);
|
|
72
|
-
const preSelectedOptions = useMemo(() => (initialValue
|
|
84
|
+
const preSelectedOptions = useMemo(() => (initialValue?.map((key) => {
|
|
85
|
+
return prefix(key);
|
|
86
|
+
}) || []).reduce((acc, value) => {
|
|
73
87
|
const option = options[value];
|
|
74
88
|
if (isOption(option)) {
|
|
75
89
|
acc[value] = option;
|
|
@@ -82,15 +96,15 @@ function useCombobox({ children, inputValue, multiple, filter = (inputValue, opt
|
|
|
82
96
|
const filteredOptionsChildren = Object.keys(options).map((option, index) => {
|
|
83
97
|
/* If we have a selected value in single mode and the input matches an option, return all children */
|
|
84
98
|
if (!multiple && Object.keys(selectedOptions).length === 1) {
|
|
85
|
-
filteredOptions.push(
|
|
99
|
+
filteredOptions.push(option);
|
|
86
100
|
return optionsChildren[index];
|
|
87
101
|
}
|
|
88
102
|
if (multiple && selectedOptions[option]) {
|
|
89
|
-
filteredOptions.push(
|
|
103
|
+
filteredOptions.push(option);
|
|
90
104
|
return optionsChildren[index];
|
|
91
105
|
}
|
|
92
106
|
if (filter(inputValue, options[option])) {
|
|
93
|
-
filteredOptions.push(
|
|
107
|
+
filteredOptions.push(option);
|
|
94
108
|
return optionsChildren[index];
|
|
95
109
|
}
|
|
96
110
|
});
|
|
@@ -109,4 +123,4 @@ function useCombobox({ children, inputValue, multiple, filter = (inputValue, opt
|
|
|
109
123
|
};
|
|
110
124
|
}
|
|
111
125
|
|
|
112
|
-
export { useCombobox as default, isComboboxCustom, isComboboxOption, isInteractiveComboboxCustom };
|
|
126
|
+
export { useCombobox as default, isComboboxCustom, isComboboxOption, isInteractiveComboboxCustom, prefix, removePrefix };
|
|
@@ -19,7 +19,7 @@ const Fieldset = forwardRef((props, ref) => {
|
|
|
19
19
|
size,
|
|
20
20
|
disabled: props?.disabled,
|
|
21
21
|
readOnly,
|
|
22
|
-
}, children: jsxs("fieldset", { ...fieldsetProps, className: clsx('
|
|
22
|
+
}, children: jsxs("fieldset", { ...fieldsetProps, className: clsx('ds-fieldset', !hideLegend && 'ds-fieldset--spacing', readOnly && 'ds-fieldset--readonly', className), disabled: props?.disabled, ref: ref, ...rest, children: [jsx(Label, { asChild: true, size: size, children: jsx("legend", { className: 'ds-fieldset__legend', children: jsxs("span", { className: clsx('ds-fieldset__legend__content', hideLegend && `ds-sr-only`), children: [readOnly && (jsx(PadlockLockedFillIcon, { className: 'ds-fieldset__readonly__icon', "aria-hidden": true })), legend] }) }) }), description && (jsx(Paragraph, { size: size, variant: 'short', asChild: true, children: jsx("div", { id: descriptionId, className: clsx('ds-fieldset__description', hideLegend && `ds-sr-only`), children: description }) })), children, jsx("div", { id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', className: 'ds-fieldset__error-message', children: hasError && jsx(ErrorMessage, { size: size, children: error }) })] }) }));
|
|
23
23
|
});
|
|
24
24
|
Fieldset.displayName = 'Fieldset';
|
|
25
25
|
|
|
@@ -12,7 +12,7 @@ import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
|
|
|
12
12
|
const NativeSelect = forwardRef((props, ref) => {
|
|
13
13
|
const { children, disabled = false, label, description, hideLabel = false, error, className, htmlSize = 0, ...rest } = props;
|
|
14
14
|
const { selectProps, descriptionId, errorId, readOnly = false, size = 'md', } = useNativeSelect(props);
|
|
15
|
-
return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { className: clsx('
|
|
15
|
+
return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { className: clsx('ds-native-select--container', readOnly && 'ds-native-select--readonly', error && 'ds-native-select--error'), children: [label && (jsxs(Label, { weight: 'medium', size: size, htmlFor: selectProps.id, className: clsx('ds-native-select__label', hideLabel && 'ds-sr-only'), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: 'ds-native-select__readonly__icon' })), label] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: clsx(`ds-native-select__description`, hideLabel && `ds-sr-only`), children: description }) })), jsx("div", { className: 'ds-native-select__wrapper', children: jsx("select", { disabled: disabled || readOnly, ref: ref, size: htmlSize, className: clsx('ds-native-select', `ds-native-select--${size}`, `ds-focus`, props.multiple && 'ds-native-select--multiple', className), ...omit(['size', 'error', 'errorId'], rest), ...omit(['readOnly', 'disabled'], selectProps), children: children }) }), error && (jsx("div", { id: errorId, className: 'ds-native-select__error-message', "aria-live": 'polite', "aria-relevant": 'additions removals', children: jsx(ErrorMessage, { size: size, children: error }) }))] }) }));
|
|
16
16
|
});
|
|
17
17
|
NativeSelect.displayName = 'NativeSelect';
|
|
18
18
|
|
|
@@ -13,7 +13,7 @@ const RadioGroup = forwardRef(({ onChange, children, value, readOnly, defaultVal
|
|
|
13
13
|
name: name ?? `radiogroup-name-${nameId}`,
|
|
14
14
|
onChange,
|
|
15
15
|
required,
|
|
16
|
-
}, children: jsx("div", { className: clsx('
|
|
16
|
+
}, children: jsx("div", { className: clsx('ds-radio-group', inline && 'ds-radio-group--horizontal'), children: children }) }) }));
|
|
17
17
|
});
|
|
18
18
|
RadioGroup.displayName = 'RadioGroup';
|
|
19
19
|
|
|
@@ -10,7 +10,7 @@ import { Label } from '../../Typography/Label/Label.js';
|
|
|
10
10
|
const Radio = forwardRef((props, ref) => {
|
|
11
11
|
const { children, description, className, style, ...rest } = props;
|
|
12
12
|
const { inputProps, descriptionId, hasError, size = 'md', readOnly, } = useRadio(props);
|
|
13
|
-
return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { className: clsx('
|
|
13
|
+
return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { className: clsx('ds-radio', `ds-radio--${size}`, hasError && `ds-radio--error`, readOnly && `ds-radio--readonly`, className), style: style, children: [jsx("input", { className: 'ds-radio__input', disabled: inputProps.disabled, ref: ref, ...omit(['size', 'error'], rest), ...inputProps }), children && (jsxs(Fragment, { children: [jsx(Label, { className: 'ds-radio__label', htmlFor: inputProps.id, size: size, weight: 'regular', children: jsx("span", { children: children }) }), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: 'ds-radio__description', children: description }) }))] }))] }) }));
|
|
14
14
|
});
|
|
15
15
|
Radio.displayName = 'Radio';
|
|
16
16
|
|
|
@@ -39,9 +39,9 @@ const Search = forwardRef((props, ref) => {
|
|
|
39
39
|
};
|
|
40
40
|
const isSimple = variant === 'simple';
|
|
41
41
|
const showClearButton = Boolean(value ?? internalValue) && !disabled;
|
|
42
|
-
return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: clsx('
|
|
43
|
-
? '
|
|
44
|
-
: '
|
|
42
|
+
return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: clsx('ds-search', inputProps.disabled && 'ds-search--disabled', `ds-search--${size}`, className), children: [label && (jsx(Label, { size: size, weight: 'medium', htmlFor: inputProps.id, className: clsx('ds-search__label', hideLabel && 'ds-sr-only'), children: jsx("span", { children: label }) })), jsxs("div", { className: 'ds-search__field', children: [jsxs("div", { className: clsx('ds-search__field', `ds-search--${size}`), children: [isSimple && (jsx(MagnifyingGlassIcon, { className: 'ds-search__icon', "aria-hidden": true })), jsx("input", { ref: mergedRef, size: htmlSize, value: value ?? internalValue, disabled: disabled, className: clsx('ds-search__input', `ds-focus`, isSimple
|
|
43
|
+
? 'ds-search__input--simple'
|
|
44
|
+
: 'ds-search__input--with-search-button'), ...omit(['size', 'error', 'errorId', 'readOnly'], rest), ...inputProps, onChange: handleChange }), showClearButton && (jsxs("button", { className: clsx('ds-search__clear-button', `ds-focus`), type: 'button', onClick: handleClear, disabled: disabled, children: [jsx("span", { className: `ds-sr-only`, children: clearButtonLabel }), jsx(XMarkIcon, { "aria-hidden": true })] }))] }), !isSimple && (jsx(Button, { className: 'ds-search__search-button', size: size, variant: variant, type: 'submit', onClick: handleSearchClick, disabled: disabled, children: searchButtonLabel }))] }), jsx("div", { className: 'ds-search__error-message', id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', children: hasError && jsx(ErrorMessage, { size: size, children: props.error }) })] }) }));
|
|
45
45
|
});
|
|
46
46
|
Search.displayName = 'Search';
|
|
47
47
|
|
|
@@ -11,7 +11,7 @@ import { Label } from '../../Typography/Label/Label.js';
|
|
|
11
11
|
const Switch = forwardRef((props, ref) => {
|
|
12
12
|
const { children, description, position = 'left', className, ...rest } = props;
|
|
13
13
|
const { inputProps, descriptionId, size = 'md', readOnly, } = useSwitch(props);
|
|
14
|
-
return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { className: clsx(`
|
|
14
|
+
return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { className: clsx(`ds-switch`, `ds-switch--${size}`, inputProps.disabled && `ds-switch--disabled`, readOnly && `ds-switch--readonly`, className), children: [jsx("input", { className: `ds-switch__input`, disabled: inputProps.disabled, ref: ref, ...omit(['size', 'error'], rest), ...inputProps }), jsxs(Label, { className: clsx(`ds-switch__label`, position === 'right' && `ds-switch__label--right`), htmlFor: inputProps.id, size: size, weight: 'regular', children: [jsx("span", { className: `ds-switch__track`, children: jsx("span", { className: `ds-switch__thumb` }) }), readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: `ds-switch__readonly__icon` })), children && jsx("span", { children: children })] }), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: `ds-switch__description`, children: description }) }))] }) }));
|
|
15
15
|
});
|
|
16
16
|
Switch.displayName = 'Switch';
|
|
17
17
|
|
|
@@ -24,10 +24,10 @@ const Textarea = forwardRef((props, ref) => {
|
|
|
24
24
|
const characterLimitId = `${textareaProps.id}-charactercount}`;
|
|
25
25
|
const hasCharacterLimit = characterLimit != null;
|
|
26
26
|
const describedBy = clsx(textareaProps['aria-describedby'], hasCharacterLimit && characterLimitId) || undefined;
|
|
27
|
-
return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: clsx('
|
|
27
|
+
return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: clsx('ds-textarea', `ds-textarea--${size}`, hasError && `ds-textarea--error`, className), children: [label && (jsxs(Label, { size: size, weight: 'medium', htmlFor: textareaProps.id, className: clsx('ds-textarea__label', hideLabel && `ds-sr-only`), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: 'ds-textarea__readonly-icon' })), jsx("span", { children: label })] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: clsx('ds-textarea__description', hideLabel && `ds-sr-only`), children: description }) })), jsx("textarea", { className: clsx('ds-textarea__input', `ds-focus`), ref: ref, "aria-describedby": describedBy, disabled: textareaProps.disabled, readOnly: readOnly, ...omit(['size', 'error', 'errorId'], rest), ...textareaProps, onChange: (e) => {
|
|
28
28
|
textareaProps?.onChange?.(e);
|
|
29
29
|
setValue(e.target.value);
|
|
30
|
-
} }), hasCharacterLimit && (jsx(CharacterCounter, { size: size, value: value ? value.toString() : '', id: characterLimitId, ...characterLimit })), jsx("div", { className: '
|
|
30
|
+
} }), hasCharacterLimit && (jsx(CharacterCounter, { size: size, value: value ? value.toString() : '', id: characterLimitId, ...characterLimit })), jsx("div", { className: 'ds-textarea__error-message', id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', children: hasError && jsx(ErrorMessage, { size: size, children: props.error }) })] }) }));
|
|
31
31
|
});
|
|
32
32
|
Textarea.displayName = 'Textarea';
|
|
33
33
|
|
|
@@ -24,10 +24,10 @@ const Textfield = forwardRef((props, ref) => {
|
|
|
24
24
|
const characterLimitId = `textfield-charactercount-${useId()}`;
|
|
25
25
|
const hasCharacterLimit = characterLimit != null;
|
|
26
26
|
const describedBy = clsx(inputProps['aria-describedby'], hasCharacterLimit && characterLimitId) || undefined;
|
|
27
|
-
return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: clsx(`
|
|
27
|
+
return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: clsx(`ds-textfield`, `ds-textfield--${size}`, readOnly && `ds-textfield--readonly`, hasError && `ds-textfield--error`, className), children: [label && (jsxs(Label, { size: size, weight: 'medium', htmlFor: inputProps.id, className: clsx(`ds-textfield__label`, hideLabel && `ds-sr-only`), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: 'ds-textfield__readonly__icon' })), jsx("span", { children: label })] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: clsx(`ds-textfield__description`, hideLabel && `ds-sr-only`), children: description }) })), jsxs("div", { className: 'ds-textfield__field', children: [prefix && (jsx(Paragraph, { asChild: true, size: size, variant: 'short', children: jsx("div", { className: clsx(`ds-textfield__adornment`, `ds-textfield__prefix`), "aria-hidden": 'true', children: prefix }) })), jsx("input", { className: clsx(`ds-textfield__input`, `ds-focus`, prefix && `ds-textfield__input--with-prefix`, suffix && `ds-textfield__input--with-suffix`), ref: ref, type: type, disabled: inputProps.disabled, "aria-describedby": describedBy, size: htmlSize, ...omit(['size', 'error', 'errorId'], rest), ...inputProps, onChange: (e) => {
|
|
28
28
|
inputProps?.onChange?.(e);
|
|
29
29
|
setInputValue(e.target.value);
|
|
30
|
-
} }), suffix && (jsx(Paragraph, { asChild: true, size: size, variant: 'short', children: jsx("div", { className: clsx(`
|
|
30
|
+
} }), suffix && (jsx(Paragraph, { asChild: true, size: size, variant: 'short', children: jsx("div", { className: clsx(`ds-textfield__adornment`, `ds-textfield__suffix`), "aria-hidden": 'true', children: suffix }) }))] }), hasCharacterLimit && (jsx(CharacterCounter, { size: size, value: inputValue ? inputValue.toString() : '', id: characterLimitId, ...characterLimit })), jsx("div", { className: 'ds-textfield__error-message', id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', children: hasError && jsx(ErrorMessage, { size: size, children: props.error }) })] }) }));
|
|
31
31
|
});
|
|
32
32
|
Textfield.displayName = 'Textfield';
|
|
33
33
|
|
package/dist/esm/index.js
CHANGED
|
@@ -15,9 +15,9 @@ export { Ingress } from './components/Typography/Ingress/Ingress.js';
|
|
|
15
15
|
export { Label } from './components/Typography/Label/Label.js';
|
|
16
16
|
export { ErrorMessage } from './components/Typography/ErrorMessage/ErrorMessage.js';
|
|
17
17
|
export { Accordion } from './components/Accordion/index.js';
|
|
18
|
-
export { AccordionItem } from './components/Accordion/AccordionItem
|
|
19
|
-
export { AccordionContent } from './components/Accordion/AccordionContent
|
|
20
|
-
export { AccordionHeader } from './components/Accordion/AccordionHeader
|
|
18
|
+
export { AccordionItem } from './components/Accordion/AccordionItem.js';
|
|
19
|
+
export { AccordionContent } from './components/Accordion/AccordionContent.js';
|
|
20
|
+
export { AccordionHeader } from './components/Accordion/AccordionHeader.js';
|
|
21
21
|
export { NativeSelect } from './components/form/NativeSelect/NativeSelect.js';
|
|
22
22
|
export { Alert } from './components/Alert/Alert.js';
|
|
23
23
|
export { Tag } from './components/Tag/Tag.js';
|
|
@@ -44,9 +44,9 @@ export { Switch } from './components/form/Switch/Switch.js';
|
|
|
44
44
|
export { Textfield } from './components/form/Textfield/Textfield.js';
|
|
45
45
|
export { Textarea } from './components/form/Textarea/Textarea.js';
|
|
46
46
|
export { Tabs } from './components/Tabs/index.js';
|
|
47
|
-
export { Tab } from './components/Tabs/Tab
|
|
48
|
-
export { TabList } from './components/Tabs/TabList
|
|
49
|
-
export { TabContent } from './components/Tabs/TabContent
|
|
47
|
+
export { Tab } from './components/Tabs/Tab.js';
|
|
48
|
+
export { TabList } from './components/Tabs/TabList.js';
|
|
49
|
+
export { TabContent } from './components/Tabs/TabContent.js';
|
|
50
50
|
export { ToggleGroup } from './components/ToggleGroup/index.js';
|
|
51
51
|
export { ToggleGroupItem } from './components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.js';
|
|
52
52
|
export { Popover } from './components/Popover/index.js';
|
|
@@ -35,7 +35,7 @@ const AnimateHeight = ({ children, className, open = false, style, ...rest }) =>
|
|
|
35
35
|
const transition = state === 'openingOrClosing'
|
|
36
36
|
? `height ${transitionDurationInMilliseconds}ms ease-in-out`
|
|
37
37
|
: undefined;
|
|
38
|
-
return (jsx("div", { ...rest, className: clsx('
|
|
38
|
+
return (jsx("div", { ...rest, className: clsx('ds-animate-height', `ds-animate-height--${state}`, className), style: { height, transition, ...style }, children: jsx("div", { ref: contentRef, className: 'ds-animate-height__content', children: children }) }));
|
|
39
39
|
};
|
|
40
40
|
|
|
41
41
|
export { AnimateHeight };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAQvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,wCAAwC;IACxC,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,gBAAgB;IAJ3B,wCAAwC;cAC9B,SAAS;mFAmCnB,CAAC"}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import type { ReactNode, MouseEventHandler, HTMLAttributes } from 'react';
|
|
2
2
|
export type AccordionHeaderProps = {
|
|
3
|
-
/**
|
|
3
|
+
/**
|
|
4
|
+
* Heading level. Use this to make sure the heading is correct according to you page heading levels
|
|
5
|
+
* @default 1
|
|
6
|
+
*/
|
|
4
7
|
level?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
5
8
|
/** Handle when clicked on header */
|
|
6
9
|
onHeaderClick?: MouseEventHandler<HTMLButtonElement> | undefined;
|
|
@@ -8,7 +11,10 @@ export type AccordionHeaderProps = {
|
|
|
8
11
|
children: ReactNode;
|
|
9
12
|
} & HTMLAttributes<HTMLHeadingElement>;
|
|
10
13
|
export declare const AccordionHeader: import("react").ForwardRefExoticComponent<{
|
|
11
|
-
/**
|
|
14
|
+
/**
|
|
15
|
+
* Heading level. Use this to make sure the heading is correct according to you page heading levels
|
|
16
|
+
* @default 1
|
|
17
|
+
*/
|
|
12
18
|
level?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
|
|
13
19
|
/** Handle when clicked on header */
|
|
14
20
|
onHeaderClick?: MouseEventHandler<HTMLButtonElement> | undefined;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccordionHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO1E,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B,oCAAoC;IACpC,aAAa,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IACjE,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEvC,eAAO,MAAM,eAAe;IAX1B;;;OAGG;;IAEH,oCAAoC;oBACpB,kBAAkB,iBAAiB,CAAC,GAAG,SAAS;IAChE,mBAAmB;cACT,SAAS;2FAkDnB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wDAAwD;IACxD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2EAA2E;IAC3E,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,oBAAoB,2DACsB,CAAC;AAExD,eAAO,MAAM,aAAa;IArBxB;;;;OAIG;;IAEH,wDAAwD;;IAExD,2EAA2E;cACjE,SAAS;mFA2CpB,CAAC"}
|
|
@@ -4,6 +4,11 @@ export type LinkProps = {
|
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
/** Custom class name for the link. This will be appended to the design system class names. */
|
|
6
6
|
className?: string;
|
|
7
|
+
/**
|
|
8
|
+
* The color of the link.
|
|
9
|
+
* @default 'accent'
|
|
10
|
+
*/
|
|
11
|
+
color?: 'accent' | 'neutral';
|
|
7
12
|
/** The URL that the link points to. This can also be an email address (starting with `mailto:`) or a phone number (staring with `tel:`). */
|
|
8
13
|
href?: string;
|
|
9
14
|
/**
|
|
@@ -17,6 +22,11 @@ export declare const Link: import("react").ForwardRefExoticComponent<{
|
|
|
17
22
|
children: ReactNode;
|
|
18
23
|
/** Custom class name for the link. This will be appended to the design system class names. */
|
|
19
24
|
className?: string | undefined;
|
|
25
|
+
/**
|
|
26
|
+
* The color of the link.
|
|
27
|
+
* @default 'accent'
|
|
28
|
+
*/
|
|
29
|
+
color?: "accent" | "neutral" | undefined;
|
|
20
30
|
/** The URL that the link points to. This can also be an email address (starting with `mailto:`) or a phone number (staring with `tel:`). */
|
|
21
31
|
href?: string | undefined;
|
|
22
32
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK7D,MAAM,MAAM,SAAS,GAAG;IACtB,8CAA8C;IAC9C,QAAQ,EAAE,SAAS,CAAC;IAEpB,8FAA8F;IAC9F,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,4IAA4I;IAC5I,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,IAAI;
|
|
1
|
+
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK7D,MAAM,MAAM,SAAS,GAAG;IACtB,8CAA8C;IAC9C,QAAQ,EAAE,SAAS,CAAC;IAEpB,8FAA8F;IAC9F,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAE7B,4IAA4I;IAC5I,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,IAAI;IArBf,8CAA8C;cACpC,SAAS;IAEnB,8FAA8F;;IAG9F;;;OAGG;;IAGH,4IAA4I;;IAE5I;;;OAGG;;+FAkBJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableHeaderCell.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableHeaderCell.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACnC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAChE,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;AAEjD,eAAO,MAAM,eAAe;IAjB1B;;;OAGG;;IAEH;;;OAGG;WACI,cAAc,CAAC,WAAW,CAAC;IAClC;;;OAGG;uBACe,gBAAgB,CAAC,iBAAiB,CAAC,KAAK,IAAI;
|
|
1
|
+
{"version":3,"file":"TableHeaderCell.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableHeaderCell.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACnC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAChE,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;AAEjD,eAAO,MAAM,eAAe;IAjB1B;;;OAGG;;IAEH;;;OAGG;WACI,cAAc,CAAC,WAAW,CAAC;IAClC;;;OAGG;uBACe,gBAAgB,CAAC,iBAAiB,CAAC,KAAK,IAAI;6FA2C/D,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAQ5C,MAAM,MAAM,QAAQ,GAAG;IACrB,qFAAqF;IACrF,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,CAAC;AAErD,eAAO,MAAM,GAAG;IAJd,qFAAqF;WAC9E,MAAM;wGAsBb,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAQ5C,MAAM,MAAM,eAAe,GAAG;IAC5B,0FAA0F;IAC1F,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,CAAC;AAElD,eAAO,MAAM,UAAU;IAJrB,0FAA0F;WACnF,MAAM;kGAwBd,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C,eAAO,MAAM,OAAO,2HAclB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { HTMLAttributes } from 'react';
|
|
2
|
-
import type { TabProps } from '
|
|
2
|
+
import type { TabProps } from '.';
|
|
3
3
|
type UseTab = (props: TabProps) => Pick<HTMLAttributes<HTMLButtonElement>, 'id' | 'aria-selected' | 'role' | 'onClick'>;
|
|
4
4
|
/** Handles props for `Tab` in context with `Tabs` */
|
|
5
5
|
export declare const useTabItem: UseTab;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/useTab.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AAElC,KAAK,MAAM,GAAG,CACZ,KAAK,EAAE,QAAQ,KACZ,IAAI,CACP,cAAc,CAAC,iBAAiB,CAAC,EACjC,IAAI,GAAG,eAAe,GAAG,MAAM,GAAG,SAAS,CAC5C,CAAC;AAEF,qDAAqD;AACrD,eAAO,MAAM,UAAU,EAAE,MAcxB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/Combobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAKzD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAY5C,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IACzD;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;CAC1C,GAAG,WAAW,GACb,cAAc,GACd,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAE5D,eAAO,MAAM,iBAAiB;IA5F5B;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;6BACqB,MAAM,EAAE,KAAK,IAAI;IACzC;;;OAGG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;IAEH;;OAEG;;IAEH;;;;OAIG;;IAEH;;;OAGG;;IAEH;;;;;;;OAOG;2BACmB,MAAM,UAAU,MAAM,KAAK,OAAO;IACxD;;;;;;OAMG;4BACoB,MAAM,KAAK,MAAM;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/Combobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAKzD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAY5C,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IACzD;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;CAC1C,GAAG,WAAW,GACb,cAAc,GACd,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAE5D,eAAO,MAAM,iBAAiB;IA5F5B;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;6BACqB,MAAM,EAAE,KAAK,IAAI;IACzC;;;OAGG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;IAEH;;OAEG;;IAEH;;;;OAIG;;IAEH;;;OAGG;;IAEH;;;;;;;OAOG;2BACmB,MAAM,UAAU,MAAM,KAAK,OAAO;IACxD;;;;;;OAMG;4BACoB,MAAM,KAAK,MAAM;;;;;;;;;oKAsWzC,CAAC;AAEF,eAAO,MAAM,QAAQ;IA/bnB;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;6BACqB,MAAM,EAAE,KAAK,IAAI;IACzC;;;OAGG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;IAEH;;OAEG;;IAEH;;;;OAIG;;IAEH;;;OAGG;;IAEH;;;;;;;OAOG;2BACmB,MAAM,UAAU,MAAM,KAAK,OAAO;IACxD;;;;;;OAMG;4BACoB,MAAM,KAAK,MAAM;;;;;;;;;oKAiXzC,CAAC"}
|
|
@@ -6,7 +6,7 @@ type UseComboboxOptionProps = {
|
|
|
6
6
|
export default function useComboboxOption({ id, ref, value, }: UseComboboxOptionProps): {
|
|
7
7
|
id: string;
|
|
8
8
|
ref: ((instance: HTMLButtonElement | null) => void) | null;
|
|
9
|
-
selected: import("
|
|
9
|
+
selected: import("../useCombobox").Option;
|
|
10
10
|
active: boolean;
|
|
11
11
|
onOptionClick: (...args: never[]) => void;
|
|
12
12
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useComboboxOption.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/Option/useComboboxOption.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useComboboxOption.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/Option/useComboboxOption.tsx"],"names":[],"mappings":"AAQA,KAAK,sBAAsB,GAAG;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,EAAE,EACF,GAAG,EACH,KAAK,GACN,EAAE,sBAAsB;;;;;;EAoDxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/internal/ComboboxInput.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/internal/ComboboxInput.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAMjD,KAAK,kBAAkB,GAAG;IACxB,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,SAAS,EAAE,WAAW,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;IACnD,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CACrD,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAE9D,eAAO,MAAM,aAAa;4EAOvB,kBAAkB;;CAgIpB,CAAC;AAIF,eAAe,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxNative.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/internal/ComboboxNative.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"ComboboxNative.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/internal/ComboboxNative.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,KAAK,mBAAmB,GAAG;IACzB,eAAe,EAAE;QACf,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACjD,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,cAAc;2CAIxB,mBAAmB;;CAmBrB,CAAC;AAIF,eAAe,cAAc,CAAC"}
|
|
@@ -18,6 +18,13 @@ export type Option = {
|
|
|
18
18
|
export declare function isComboboxOption(child: ReactNode): child is ReactElement<ComboboxOptionProps>;
|
|
19
19
|
export declare function isComboboxCustom(child: ReactNode): child is ReactElement<ComboboxCustomProps>;
|
|
20
20
|
export declare function isInteractiveComboboxCustom(child: ReactNode): child is ReactElement<ComboboxCustomProps>;
|
|
21
|
+
/**
|
|
22
|
+
* We use this function to prefix the value of the options so we can make sure numbers as strings are not parsed as numbers in objects
|
|
23
|
+
* @param value
|
|
24
|
+
* @returns
|
|
25
|
+
*/
|
|
26
|
+
export declare const prefix: (value?: string) => string;
|
|
27
|
+
export declare const removePrefix: (value: string) => string;
|
|
21
28
|
export default function useCombobox({ children, inputValue, multiple, filter, initialValue, }: UseComboboxProps): {
|
|
22
29
|
filteredOptionsChildren: (ReactElement<ComboboxOptionProps, string | import("react").JSXElementConstructor<any>> | undefined)[];
|
|
23
30
|
filteredOptions: string[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCombobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/useCombobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAGpD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;
|
|
1
|
+
{"version":3,"file":"useCombobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/useCombobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAGpD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAID;;;;GAIG;AACH,eAAO,MAAM,MAAM,WAAY,MAAM,KAAG,MAEvC,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,MAAM,KAAG,MAE5C,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,MAEC,EACD,YAAY,GACb,EAAE,gBAAgB;;;;;;;;;;;;;;;EAuIlB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSwitch.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Switch/useSwitch.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAIjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,KAAK,WAAW,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,SAAS,GAAG;IACrD,UAAU,CAAC,EAAE,IAAI,CACf,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,UAAU,GACV,MAAM,GACN,MAAM,GACN,UAAU,GACV,gBAAgB,GAChB,SAAS,GACT,SAAS,GACT,UAAU,CACb,CAAC;CACH,CAAC;AACF,mFAAmF;AACnF,eAAO,MAAM,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"useSwitch.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Switch/useSwitch.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAIjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,KAAK,WAAW,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,SAAS,GAAG;IACrD,UAAU,CAAC,EAAE,IAAI,CACf,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,UAAU,GACV,MAAM,GACN,MAAM,GACN,UAAU,GACV,gBAAgB,GAChB,SAAS,GACT,SAAS,GACT,UAAU,CACb,CAAC;CACH,CAAC;AACF,mFAAmF;AACnF,eAAO,MAAM,SAAS,EAAE,WAoCvB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@digdir/designsystemet-react",
|
|
3
|
-
"version": "1.0.0-rc.
|
|
3
|
+
"version": "1.0.0-rc.6",
|
|
4
4
|
"description": "React components for Designsystemet",
|
|
5
5
|
"author": "Designsystemet team",
|
|
6
6
|
"repository": "https://github.com/digdir/designsystemet",
|
|
@@ -39,5 +39,5 @@
|
|
|
39
39
|
"rollup": "^4.12.1",
|
|
40
40
|
"typescript": "^5.4.2"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "92430c5083e185ada96522d28ff1c5bd2811de88"
|
|
43
43
|
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var akselIcons = require('@navikt/aksel-icons');
|
|
6
|
-
var lite = require('../../../node_modules/clsx/dist/lite.js');
|
|
7
|
-
var React = require('react');
|
|
8
|
-
var AccordionItem = require('../AccordionItem/AccordionItem.js');
|
|
9
|
-
var Heading = require('../../Typography/Heading/Heading.js');
|
|
10
|
-
var Paragraph = require('../../Typography/Paragraph/Paragraph.js');
|
|
11
|
-
|
|
12
|
-
const AccordionHeader = React.forwardRef(({ level = 1, children, className, onHeaderClick, ...rest }, ref) => {
|
|
13
|
-
const context = React.useContext(AccordionItem.AccordionItemContext);
|
|
14
|
-
if (context === null) {
|
|
15
|
-
console.error('<Accordion.Header> has to be used within an <Accordion.Item>');
|
|
16
|
-
return null;
|
|
17
|
-
}
|
|
18
|
-
const handleClick = (e) => {
|
|
19
|
-
context.toggleOpen();
|
|
20
|
-
onHeaderClick && onHeaderClick(e);
|
|
21
|
-
};
|
|
22
|
-
return (jsxRuntime.jsx(Heading.Heading, { ref: ref, size: 'xs', level: level, className: lite.clsx('fds-accordion__header', className), ...rest, children: jsxRuntime.jsxs("button", { type: 'button', className: lite.clsx('fds-accordion__button', `fds-focus`), onClick: handleClick, "aria-expanded": context.open, "aria-controls": context.contentId, children: [jsxRuntime.jsx(akselIcons.ChevronDownIcon, { "aria-hidden": true, className: 'fds-accordion__expand-icon', fontSize: '1.5rem' }), jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, size: 'sm', children: jsxRuntime.jsx("span", { children: children }) })] }) }));
|
|
23
|
-
});
|
|
24
|
-
AccordionHeader.displayName = 'AccordionHeader';
|
|
25
|
-
|
|
26
|
-
exports.AccordionHeader = AccordionHeader;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
|
-
import { ChevronDownIcon } from '@navikt/aksel-icons';
|
|
4
|
-
import { clsx } from '../../../node_modules/clsx/dist/lite.js';
|
|
5
|
-
import { forwardRef, useContext } from 'react';
|
|
6
|
-
import { AccordionItemContext } from '../AccordionItem/AccordionItem.js';
|
|
7
|
-
import { Heading } from '../../Typography/Heading/Heading.js';
|
|
8
|
-
import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
|
|
9
|
-
|
|
10
|
-
const AccordionHeader = forwardRef(({ level = 1, children, className, onHeaderClick, ...rest }, ref) => {
|
|
11
|
-
const context = useContext(AccordionItemContext);
|
|
12
|
-
if (context === null) {
|
|
13
|
-
console.error('<Accordion.Header> has to be used within an <Accordion.Item>');
|
|
14
|
-
return null;
|
|
15
|
-
}
|
|
16
|
-
const handleClick = (e) => {
|
|
17
|
-
context.toggleOpen();
|
|
18
|
-
onHeaderClick && onHeaderClick(e);
|
|
19
|
-
};
|
|
20
|
-
return (jsx(Heading, { ref: ref, size: 'xs', level: level, className: clsx('fds-accordion__header', className), ...rest, children: jsxs("button", { type: 'button', className: clsx('fds-accordion__button', `fds-focus`), onClick: handleClick, "aria-expanded": context.open, "aria-controls": context.contentId, children: [jsx(ChevronDownIcon, { "aria-hidden": true, className: 'fds-accordion__expand-icon', fontSize: '1.5rem' }), jsx(Paragraph, { asChild: true, size: 'sm', children: jsx("span", { children: children }) })] }) }));
|
|
21
|
-
});
|
|
22
|
-
AccordionHeader.displayName = 'AccordionHeader';
|
|
23
|
-
|
|
24
|
-
export { AccordionHeader };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx, Fragment } from 'react/jsx-runtime';
|
|
3
|
-
import { forwardRef, useContext } from 'react';
|
|
4
|
-
import { clsx } from '../../../node_modules/clsx/dist/lite.js';
|
|
5
|
-
import { TabsContext } from '../Tabs.js';
|
|
6
|
-
|
|
7
|
-
const TabContent = forwardRef(({ children, value, className, ...rest }, ref) => {
|
|
8
|
-
const { value: tabsValue } = useContext(TabsContext);
|
|
9
|
-
const active = value == tabsValue;
|
|
10
|
-
return (jsx(Fragment, { children: active && (jsx("div", { className: clsx('fds-tabs__content', className), ref: ref, ...rest, children: children })) }));
|
|
11
|
-
});
|
|
12
|
-
TabContent.displayName = 'TabContent';
|
|
13
|
-
|
|
14
|
-
export { TabContent };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/AccordionContent/AccordionContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAOvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,wCAAwC;IACxC,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,gBAAgB;IAJ3B,wCAAwC;cAC9B,SAAS;mFAmCnB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/AccordionContent/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/AccordionHeader/AccordionHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM1E,MAAM,MAAM,oBAAoB,GAAG;IACjC,uGAAuG;IACvG,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B,oCAAoC;IACpC,aAAa,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IACjE,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEvC,eAAO,MAAM,eAAe;IAR1B,uGAAuG;;IAEvG,oCAAoC;oBACpB,kBAAkB,iBAAiB,CAAC,GAAG,SAAS;IAChE,mBAAmB;cACT,SAAS;2FAkDnB,CAAC"}
|