@digdir/designsystemet-react 0.59.1-alpha.0 → 0.59.1-alpha.1
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 -4
- package/dist/cjs/components/Accordion/AccordionContent/AccordionContent.js +1 -2
- package/dist/cjs/components/Accordion/AccordionHeader/AccordionHeader.js +1 -2
- package/dist/cjs/components/Accordion/AccordionItem/AccordionItem.js +1 -4
- package/dist/cjs/components/Button/Button.js +2 -2
- package/dist/cjs/components/Modal/ModalHeader/ModalHeader.js +1 -1
- package/dist/cjs/components/Modal/ModalHeader/ModalHeader.module.css.js +1 -1
- package/dist/cjs/components/form/Combobox/Combobox.js +33 -43
- package/dist/cjs/components/form/Combobox/Combobox.module.css.js +1 -1
- package/dist/cjs/components/form/Combobox/internal/ComboboxChips.js +7 -12
- package/dist/cjs/components/form/Combobox/internal/ComboboxClearButton.js +3 -6
- package/dist/cjs/components/form/Combobox/internal/ComboboxInput.js +6 -40
- package/dist/cjs/components/form/Combobox/useCombobox.js +48 -60
- package/dist/cjs/components/form/Combobox/useComboboxKeyboard.js +25 -28
- package/dist/cjs/node_modules/clsx/dist/clsx.js +1 -1
- package/dist/cjs/node_modules/clsx/dist/lite.js +9 -0
- package/dist/cjs/react-css-modules.css +2 -136
- package/dist/esm/components/Accordion/Accordion.js +1 -4
- package/dist/esm/components/Accordion/AccordionContent/AccordionContent.js +1 -2
- package/dist/esm/components/Accordion/AccordionHeader/AccordionHeader.js +1 -2
- package/dist/esm/components/Accordion/AccordionItem/AccordionItem.js +1 -4
- package/dist/esm/components/Button/Button.js +2 -2
- package/dist/esm/components/Modal/ModalHeader/ModalHeader.js +1 -1
- package/dist/esm/components/Modal/ModalHeader/ModalHeader.module.css.js +1 -1
- package/dist/esm/components/form/Combobox/Combobox.js +33 -43
- package/dist/esm/components/form/Combobox/Combobox.module.css.js +1 -1
- package/dist/esm/components/form/Combobox/internal/ComboboxChips.js +7 -12
- package/dist/esm/components/form/Combobox/internal/ComboboxClearButton.js +3 -6
- package/dist/esm/components/form/Combobox/internal/ComboboxInput.js +7 -41
- package/dist/esm/components/form/Combobox/useCombobox.js +48 -60
- package/dist/esm/components/form/Combobox/useComboboxKeyboard.js +25 -28
- package/dist/esm/node_modules/clsx/dist/clsx.js +1 -1
- package/dist/esm/node_modules/clsx/dist/lite.js +4 -0
- package/dist/esm/react-css-modules.css +2 -136
- package/dist/types/components/Accordion/Accordion.d.ts.map +1 -1
- package/dist/types/components/Accordion/AccordionContent/AccordionContent.d.ts.map +1 -1
- package/dist/types/components/Accordion/AccordionHeader/AccordionHeader.d.ts.map +1 -1
- package/dist/types/components/Accordion/AccordionItem/AccordionItem.d.ts.map +1 -1
- package/dist/types/components/Modal/ModalHeader/ModalHeader.d.ts.map +1 -1
- package/dist/types/components/form/Combobox/Combobox.d.ts +0 -18
- package/dist/types/components/form/Combobox/Combobox.d.ts.map +1 -1
- package/dist/types/components/form/Combobox/ComboboxContext.d.ts +6 -13
- package/dist/types/components/form/Combobox/ComboboxContext.d.ts.map +1 -1
- package/dist/types/components/form/Combobox/internal/ComboboxChips.d.ts.map +1 -1
- package/dist/types/components/form/Combobox/internal/ComboboxClearButton.d.ts.map +1 -1
- package/dist/types/components/form/Combobox/internal/ComboboxInput.d.ts +9 -1
- package/dist/types/components/form/Combobox/internal/ComboboxInput.d.ts.map +1 -1
- package/dist/types/components/form/Combobox/useCombobox.d.ts +1 -4
- package/dist/types/components/form/Combobox/useCombobox.d.ts.map +1 -1
- package/dist/types/components/form/Combobox/useComboboxKeyboard.d.ts +3 -4
- package/dist/types/components/form/Combobox/useComboboxKeyboard.d.ts.map +1 -1
- package/package.json +2 -2
- package/dist/cjs/components/Accordion/Accordion.module.css.js +0 -6
- package/dist/esm/components/Accordion/Accordion.module.css.js +0 -4
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { useContext
|
|
3
|
+
import { useContext } from 'react';
|
|
4
4
|
import { clsx } from '../../../../node_modules/clsx/dist/clsx.js';
|
|
5
5
|
import { ChevronUpIcon, ChevronDownIcon } from '@navikt/aksel-icons';
|
|
6
6
|
import { useMergeRefs } from '../../../../packages/react/node_modules/@floating-ui/react/dist/floating-ui.react.js';
|
|
@@ -13,7 +13,7 @@ import ComboboxClearButton from './ComboboxClearButton.js';
|
|
|
13
13
|
import { Box } from '../../../Box/Box.js';
|
|
14
14
|
import { omit } from '../../../../utilities/objectUtils.js';
|
|
15
15
|
|
|
16
|
-
const ComboboxInput = ({ ...rest }) => {
|
|
16
|
+
const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDown, ...rest }) => {
|
|
17
17
|
const context = useContext(ComboboxContext);
|
|
18
18
|
const idDispatch = useComboboxIdDispatch();
|
|
19
19
|
if (!context) {
|
|
@@ -22,52 +22,20 @@ const ComboboxInput = ({ ...rest }) => {
|
|
|
22
22
|
const setActiveIndex = (id) => {
|
|
23
23
|
idDispatch?.({ type: 'SET_ACTIVE_INDEX', payload: id });
|
|
24
24
|
};
|
|
25
|
-
const { forwareddRef,
|
|
25
|
+
const { forwareddRef, size, readOnly, disabled, open, inputRef, refs, inputValue, multiple, selectedOptions, formFieldProps, htmlSize, options, setOpen, getReferenceProps, setInputValue, handleSelectOption, } = context;
|
|
26
26
|
const mergedRefs = useMergeRefs([forwareddRef, inputRef]);
|
|
27
|
-
// we need to check if input is in focus, to add focus styles to the wrapper
|
|
28
|
-
const [inputInFocus, setInputInFocus] = useState(false);
|
|
29
|
-
useEffect(() => {
|
|
30
|
-
const input = inputRef.current;
|
|
31
|
-
const onFocus = () => {
|
|
32
|
-
setInputInFocus(true);
|
|
33
|
-
};
|
|
34
|
-
const onBlur = () => {
|
|
35
|
-
setInputInFocus(false);
|
|
36
|
-
};
|
|
37
|
-
input?.addEventListener('focus', onFocus);
|
|
38
|
-
input?.addEventListener('blur', onBlur);
|
|
39
|
-
return () => {
|
|
40
|
-
input?.removeEventListener('focus', onFocus);
|
|
41
|
-
input?.removeEventListener('blur', onBlur);
|
|
42
|
-
};
|
|
43
|
-
}, [inputRef]);
|
|
44
27
|
// onChange function for the input
|
|
45
28
|
const onChange = (event) => {
|
|
46
29
|
const value = event.target.value;
|
|
47
30
|
setInputValue(value);
|
|
48
31
|
setActiveIndex(0);
|
|
49
|
-
if (typeof value === 'string') {
|
|
50
|
-
setOpen(true);
|
|
51
|
-
}
|
|
52
|
-
else {
|
|
53
|
-
setOpen(false);
|
|
54
|
-
}
|
|
55
32
|
// check if input value is the same as a label, if so, select it
|
|
56
|
-
const option = options[value];
|
|
33
|
+
const option = options[value.toLowerCase()];
|
|
57
34
|
if (!option)
|
|
58
35
|
return;
|
|
59
36
|
if (selectedOptions[option.value])
|
|
60
37
|
return;
|
|
61
|
-
handleSelectOption(option);
|
|
62
|
-
if (multiple) {
|
|
63
|
-
inputRef.current?.focus();
|
|
64
|
-
}
|
|
65
|
-
else {
|
|
66
|
-
// move cursor to the end of the input
|
|
67
|
-
setTimeout(() => {
|
|
68
|
-
inputRef.current?.setSelectionRange(option?.label?.length || 0, option?.label?.length || 0);
|
|
69
|
-
}, 0);
|
|
70
|
-
}
|
|
38
|
+
handleSelectOption({ option: option });
|
|
71
39
|
};
|
|
72
40
|
const showClearButton = multiple && !hideClearButton && Object.keys(selectedOptions).length > 0;
|
|
73
41
|
/* Props from floating-ui */
|
|
@@ -88,9 +56,7 @@ const ComboboxInput = ({ ...rest }) => {
|
|
|
88
56
|
inputRef.current?.focus();
|
|
89
57
|
},
|
|
90
58
|
/* Handles list navigation */
|
|
91
|
-
onKeyDown
|
|
92
|
-
handleKeyDown(event);
|
|
93
|
-
},
|
|
59
|
+
onKeyDown: handleKeyDown,
|
|
94
60
|
// preventDefault on keydown to avoid sending in form
|
|
95
61
|
onKeyPress(event) {
|
|
96
62
|
if (event.key === 'Enter') {
|
|
@@ -98,7 +64,7 @@ const ComboboxInput = ({ ...rest }) => {
|
|
|
98
64
|
}
|
|
99
65
|
},
|
|
100
66
|
});
|
|
101
|
-
return (jsxs(Box, { ...props, "aria-disabled": disabled, className: clsx(textFieldClasses.input, classes.inputWrapper, classes[size],
|
|
67
|
+
return (jsxs(Box, { ...props, "aria-disabled": disabled, className: clsx(textFieldClasses.input, classes.inputWrapper, classes[size], readOnly && classes.readonly, error && classes.error), children: [jsxs("div", { className: classes.chipAndInput, 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, onChange: (e) => {
|
|
102
68
|
onChange(e);
|
|
103
69
|
rest.onChange && rest.onChange(e);
|
|
104
70
|
} })] }), showClearButton && jsx(ComboboxClearButton, {}), jsx("div", { className: classes.arrow, children: open ? (jsx(ChevronUpIcon, { title: 'arrow up', fontSize: '1.5em' })) : (jsx(ChevronDownIcon, { title: 'arrow down', fontSize: '1.5em' })) })] }));
|
|
@@ -16,35 +16,59 @@ function isInteractiveComboboxCustom(child) {
|
|
|
16
16
|
function useCombobox({ children, inputValue, multiple, filter = (inputValue, option) => {
|
|
17
17
|
return option.label.toLowerCase().startsWith(inputValue.toLowerCase());
|
|
18
18
|
}, initialValue, }) {
|
|
19
|
-
const
|
|
20
|
-
const
|
|
21
|
-
|
|
19
|
+
const { optionsChildren, customIds, restChildren, interactiveChildren } = useMemo(() => {
|
|
20
|
+
const allChildren = Children.toArray(children);
|
|
21
|
+
const result = allChildren.reduce((acc, child) => {
|
|
22
22
|
if (isComboboxOption(child)) {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
label = childrenLabel;
|
|
23
|
+
acc.optionsChildren.push(child);
|
|
24
|
+
}
|
|
25
|
+
else {
|
|
26
|
+
acc.restChildren.push(child);
|
|
27
|
+
if (isInteractiveComboboxCustom(child)) {
|
|
28
|
+
const childElement = child;
|
|
29
|
+
acc.interactiveChildren.push(childElement);
|
|
30
|
+
if (!childElement.props.id) {
|
|
31
|
+
throw new Error('If ComboboxCustom is interactive, it must have an id');
|
|
32
|
+
}
|
|
33
|
+
acc.customIds.push(childElement.props.id);
|
|
37
34
|
}
|
|
38
|
-
allOptions[props.value] = {
|
|
39
|
-
value: props.value,
|
|
40
|
-
label,
|
|
41
|
-
displayValue: props.displayValue,
|
|
42
|
-
description: props.description,
|
|
43
|
-
};
|
|
44
35
|
}
|
|
36
|
+
return acc;
|
|
37
|
+
}, {
|
|
38
|
+
optionsChildren: [],
|
|
39
|
+
customIds: [],
|
|
40
|
+
restChildren: [],
|
|
41
|
+
interactiveChildren: [],
|
|
45
42
|
});
|
|
46
|
-
return
|
|
43
|
+
return result;
|
|
47
44
|
}, [children]);
|
|
45
|
+
const options = useMemo(() => {
|
|
46
|
+
const allOptions = {};
|
|
47
|
+
optionsChildren.map((child) => {
|
|
48
|
+
const props = child.props;
|
|
49
|
+
let label = props.displayValue || '';
|
|
50
|
+
if (!props.displayValue) {
|
|
51
|
+
let childrenLabel = '';
|
|
52
|
+
// go over children and find all strings
|
|
53
|
+
Children.forEach(props.children, (child) => {
|
|
54
|
+
if (typeof child === 'string') {
|
|
55
|
+
childrenLabel += child;
|
|
56
|
+
}
|
|
57
|
+
else {
|
|
58
|
+
throw new Error('If ComboboxOption is not a string, it must have a displayValue prop');
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
label = childrenLabel;
|
|
62
|
+
}
|
|
63
|
+
allOptions[props.value] = {
|
|
64
|
+
value: props.value,
|
|
65
|
+
label,
|
|
66
|
+
displayValue: props.displayValue,
|
|
67
|
+
description: props.description,
|
|
68
|
+
};
|
|
69
|
+
});
|
|
70
|
+
return allOptions;
|
|
71
|
+
}, [optionsChildren]);
|
|
48
72
|
const preSelectedOptions = useMemo(() => (initialValue || []).reduce((acc, value) => {
|
|
49
73
|
const option = options[value];
|
|
50
74
|
if (isOption(option)) {
|
|
@@ -53,22 +77,6 @@ function useCombobox({ children, inputValue, multiple, filter = (inputValue, opt
|
|
|
53
77
|
return acc;
|
|
54
78
|
}, {}), [initialValue, options]);
|
|
55
79
|
const [selectedOptions, setSelectedOptions] = useState(preSelectedOptions);
|
|
56
|
-
const [prevSelectedHash, setPrevSelectedHash] = useState(JSON.stringify(selectedOptions));
|
|
57
|
-
const { optionsChildren, customIds } = useMemo(() => {
|
|
58
|
-
const allChildren = Children.toArray(children);
|
|
59
|
-
const optionsChildren = allChildren.filter((child) => isComboboxOption(child));
|
|
60
|
-
// find all custom components with `interactive=true` and generate random values for them
|
|
61
|
-
const customChildren = allChildren.filter((child) => {
|
|
62
|
-
return isInteractiveComboboxCustom(child);
|
|
63
|
-
});
|
|
64
|
-
// return all ids
|
|
65
|
-
const customIds = customChildren.map((child) => {
|
|
66
|
-
if (!child.props.id)
|
|
67
|
-
throw new Error('If ComboboxCustom is interactive, it must have an id');
|
|
68
|
-
return child.props.id;
|
|
69
|
-
});
|
|
70
|
-
return { optionsChildren, customIds };
|
|
71
|
-
}, [children]);
|
|
72
80
|
const { filteredOptions, filteredOptionsChildren } = useMemo(() => {
|
|
73
81
|
const filteredOptions = [];
|
|
74
82
|
const filteredOptionsChildren = Object.keys(options)
|
|
@@ -86,35 +94,15 @@ function useCombobox({ children, inputValue, multiple, filter = (inputValue, opt
|
|
|
86
94
|
return { filteredOptions, filteredOptionsChildren };
|
|
87
95
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
88
96
|
}, [inputValue, multiple, options, optionsChildren, selectedOptions]);
|
|
89
|
-
const optionValues = useMemo(() => {
|
|
90
|
-
// create an index map of values from optionsChildren
|
|
91
|
-
const options = optionsChildren.map((child) => {
|
|
92
|
-
const { value } = child.props;
|
|
93
|
-
return value;
|
|
94
|
-
});
|
|
95
|
-
return [...customIds, ...options];
|
|
96
|
-
}, [customIds, optionsChildren]);
|
|
97
|
-
const { restChildren, interactiveChildren } = useMemo(() => {
|
|
98
|
-
const restChildren = Children.toArray(children).filter((child) => {
|
|
99
|
-
return !isComboboxOption(child);
|
|
100
|
-
});
|
|
101
|
-
const interactiveChildren = restChildren.filter((child) => {
|
|
102
|
-
return isInteractiveComboboxCustom(child);
|
|
103
|
-
});
|
|
104
|
-
return { restChildren, interactiveChildren };
|
|
105
|
-
}, [children]);
|
|
106
97
|
return {
|
|
107
98
|
filteredOptionsChildren,
|
|
108
99
|
filteredOptions,
|
|
109
|
-
optionValues,
|
|
110
100
|
restChildren,
|
|
111
101
|
options,
|
|
112
102
|
customIds,
|
|
113
103
|
selectedOptions,
|
|
114
|
-
prevSelectedHash,
|
|
115
104
|
interactiveChildren,
|
|
116
105
|
setSelectedOptions,
|
|
117
|
-
setPrevSelectedHash,
|
|
118
106
|
};
|
|
119
107
|
}
|
|
120
108
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import useDebounce from '../../../utilities/useDebounce.js';
|
|
3
3
|
import { useComboboxId } from './ComboboxIdContext.js';
|
|
4
4
|
|
|
5
|
-
const useComboboxKeyboard = ({ readOnly, disabled, interactiveChildren, filteredOptions, inputValue, selectedOptions, multiple, open, options, setOpen,
|
|
5
|
+
const useComboboxKeyboard = ({ readOnly, disabled, interactiveChildren, filteredOptions, inputValue, selectedOptions, multiple, open, options, setOpen, handleSelectOption, }) => {
|
|
6
6
|
const { activeIndex } = useComboboxId();
|
|
7
7
|
// handle keyboard navigation in the list
|
|
8
8
|
const handleKeyDownFunc = (event) => {
|
|
@@ -13,16 +13,16 @@ const useComboboxKeyboard = ({ readOnly, disabled, interactiveChildren, filtered
|
|
|
13
13
|
switch (event.key) {
|
|
14
14
|
case 'ArrowDown':
|
|
15
15
|
event.preventDefault();
|
|
16
|
-
if (
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
if (open)
|
|
17
|
+
break;
|
|
18
|
+
setOpen(true);
|
|
19
19
|
break;
|
|
20
20
|
case 'ArrowUp':
|
|
21
21
|
event.preventDefault();
|
|
22
22
|
/* If we are on the first item, close */
|
|
23
|
-
if (activeIndex
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
if (activeIndex !== 0)
|
|
24
|
+
break;
|
|
25
|
+
setOpen(false);
|
|
26
26
|
break;
|
|
27
27
|
case 'Enter':
|
|
28
28
|
event.preventDefault();
|
|
@@ -42,30 +42,27 @@ const useComboboxKeyboard = ({ readOnly, disabled, interactiveChildren, filtered
|
|
|
42
42
|
const valueIndex = activeIndex - interactiveChildren.length;
|
|
43
43
|
// eslint-disable-next-line no-case-declarations
|
|
44
44
|
const option = filteredOptions[valueIndex];
|
|
45
|
-
|
|
46
|
-
// check if option is already selected, if so, deselect it
|
|
47
|
-
if (selectedOptions[option]) {
|
|
48
|
-
setSelectedOptions({});
|
|
49
|
-
setInputValue('');
|
|
50
|
-
return;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
handleSelectOption(options[option]);
|
|
45
|
+
handleSelectOption({ option: options[option] });
|
|
54
46
|
break;
|
|
55
47
|
case 'Backspace':
|
|
56
|
-
if
|
|
57
|
-
multiple &&
|
|
58
|
-
Object.keys(selectedOptions).length >= 0) {
|
|
59
|
-
setSelectedOptions((prev) => {
|
|
60
|
-
const updated = { ...prev };
|
|
61
|
-
const keys = Object.keys(updated);
|
|
62
|
-
delete updated[keys[keys.length - 1]];
|
|
63
|
-
return updated;
|
|
64
|
-
});
|
|
65
|
-
}
|
|
66
|
-
// if we are in single mode, we need to set activeValue to null
|
|
48
|
+
// if we are in single mode, we need to set selectedOptions to empty
|
|
67
49
|
if (!multiple) {
|
|
68
|
-
|
|
50
|
+
const lastOption = Object.keys(selectedOptions).pop();
|
|
51
|
+
lastOption &&
|
|
52
|
+
handleSelectOption({
|
|
53
|
+
option: selectedOptions[lastOption],
|
|
54
|
+
remove: true,
|
|
55
|
+
});
|
|
56
|
+
break;
|
|
57
|
+
}
|
|
58
|
+
if (inputValue === '' && multiple) {
|
|
59
|
+
const lastOption = Object.keys(selectedOptions).pop();
|
|
60
|
+
/* Remove last option, and use handleSelectOption */
|
|
61
|
+
lastOption &&
|
|
62
|
+
handleSelectOption({
|
|
63
|
+
option: selectedOptions[lastOption],
|
|
64
|
+
remove: true,
|
|
65
|
+
});
|
|
69
66
|
}
|
|
70
67
|
break;
|
|
71
68
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<
|
|
2
|
+
function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
|
|
3
3
|
|
|
4
4
|
export { clsx, clsx as default };
|
|
@@ -517,140 +517,6 @@
|
|
|
517
517
|
}
|
|
518
518
|
}
|
|
519
519
|
|
|
520
|
-
@layer fds.accordion {
|
|
521
|
-
.fds-accordion-accordion-a8137c3d {
|
|
522
|
-
--fds-accordion-border-radius: var(--fds-border_radius-interactive);
|
|
523
|
-
--fds-accordion-border-color: var(--fds-semantic-border-neutral-subtle);
|
|
524
|
-
|
|
525
|
-
border-bottom: 1px solid var(--fds-semantic-border-neutral-subtle);
|
|
526
|
-
box-sizing: border-box;
|
|
527
|
-
}
|
|
528
|
-
|
|
529
|
-
.fds-accordion-border-a8137c3d {
|
|
530
|
-
border: 1px solid var(--fds-accordion-border-color);
|
|
531
|
-
border-radius: var(--fds-accordion-border-radius);
|
|
532
|
-
}
|
|
533
|
-
|
|
534
|
-
.fds-accordion-expandIcon-a8137c3d {
|
|
535
|
-
border-radius: var(--fds-border_radius-interactive);
|
|
536
|
-
}
|
|
537
|
-
|
|
538
|
-
.fds-accordion-content-a8137c3d {
|
|
539
|
-
padding: var(--fds-spacing-5, 1rem);
|
|
540
|
-
overflow: hidden;
|
|
541
|
-
text-overflow: ellipsis;
|
|
542
|
-
}
|
|
543
|
-
|
|
544
|
-
.fds-accordion-header-a8137c3d {
|
|
545
|
-
margin: 0;
|
|
546
|
-
}
|
|
547
|
-
|
|
548
|
-
.fds-accordion-accordionButton-a8137c3d {
|
|
549
|
-
width: 100%;
|
|
550
|
-
display: flex;
|
|
551
|
-
justify-content: flex-start;
|
|
552
|
-
align-items: center;
|
|
553
|
-
gap: var(--fds-spacing-2);
|
|
554
|
-
margin: 0;
|
|
555
|
-
text-align: left;
|
|
556
|
-
cursor: pointer;
|
|
557
|
-
border: none;
|
|
558
|
-
border-top: 1px solid var(--fds-semantic-border-neutral-subtle);
|
|
559
|
-
padding: var(--fds-spacing-4);
|
|
560
|
-
}
|
|
561
|
-
|
|
562
|
-
.fds-accordion-border-a8137c3d .fds-accordion-accordionButton-a8137c3d {
|
|
563
|
-
border-radius: var(--fds-accordion-border-radius);
|
|
564
|
-
}
|
|
565
|
-
|
|
566
|
-
.fds-accordion-item-a8137c3d:focus-within {
|
|
567
|
-
position: relative;
|
|
568
|
-
}
|
|
569
|
-
|
|
570
|
-
.fds-accordion-item-a8137c3d:where(.fds-accordion-open-a8137c3d) .fds-accordion-accordionButton-a8137c3d:hover + * .fds-accordion-content-a8137c3d {
|
|
571
|
-
border-color: var(--fds-semantic-border-neutral-strong);
|
|
572
|
-
}
|
|
573
|
-
|
|
574
|
-
.fds-accordion-item-a8137c3d:where(.fds-accordion-open-a8137c3d) .fds-accordion-expandIcon-a8137c3d {
|
|
575
|
-
transform: rotateZ(180deg);
|
|
576
|
-
}
|
|
577
|
-
|
|
578
|
-
.fds-accordion-neutral-a8137c3d,
|
|
579
|
-
.fds-accordion-neutral-a8137c3d .fds-accordion-accordionButton-a8137c3d {
|
|
580
|
-
background-color: var(--fds-semantic-surface-neutral-default);
|
|
581
|
-
}
|
|
582
|
-
|
|
583
|
-
.fds-accordion-subtle-a8137c3d,
|
|
584
|
-
.fds-accordion-subtle-a8137c3d .fds-accordion-accordionButton-a8137c3d {
|
|
585
|
-
background-color: var(--fds-semantic-surface-neutral-subtle);
|
|
586
|
-
}
|
|
587
|
-
|
|
588
|
-
.fds-accordion-first-a8137c3d,
|
|
589
|
-
.fds-accordion-first-a8137c3d .fds-accordion-accordionButton-a8137c3d {
|
|
590
|
-
--fds-accordion-border-color: var(--fds-semantic-border-first-default);
|
|
591
|
-
|
|
592
|
-
background: var(--fds-semantic-surface-first-light);
|
|
593
|
-
}
|
|
594
|
-
|
|
595
|
-
.fds-accordion-second-a8137c3d,
|
|
596
|
-
.fds-accordion-second-a8137c3d .fds-accordion-accordionButton-a8137c3d {
|
|
597
|
-
--fds-accordion-border-color: var(--fds-semantic-border-second-default);
|
|
598
|
-
|
|
599
|
-
background: var(--fds-semantic-surface-second-light);
|
|
600
|
-
}
|
|
601
|
-
|
|
602
|
-
.fds-accordion-third-a8137c3d,
|
|
603
|
-
.fds-accordion-third-a8137c3d .fds-accordion-accordionButton-a8137c3d {
|
|
604
|
-
--fds-accordion-border-color: var(--fds-semantic-border-third-default);
|
|
605
|
-
|
|
606
|
-
background: var(--fds-semantic-surface-third-light);
|
|
607
|
-
}
|
|
608
|
-
|
|
609
|
-
.fds-accordion-first-a8137c3d .fds-accordion-item-a8137c3d:where(.fds-accordion-open-a8137c3d) .fds-accordion-accordionButton-a8137c3d,
|
|
610
|
-
.fds-accordion-second-a8137c3d .fds-accordion-item-a8137c3d:where(.fds-accordion-open-a8137c3d) .fds-accordion-accordionButton-a8137c3d,
|
|
611
|
-
.fds-accordion-third-a8137c3d .fds-accordion-item-a8137c3d:where(.fds-accordion-open-a8137c3d) .fds-accordion-accordionButton-a8137c3d {
|
|
612
|
-
background-color: rgba(0 0 0 / 0.03);
|
|
613
|
-
}
|
|
614
|
-
|
|
615
|
-
.fds-accordion-neutral-a8137c3d .fds-accordion-item-a8137c3d:where(.fds-accordion-open-a8137c3d) .fds-accordion-accordionButton-a8137c3d,
|
|
616
|
-
.fds-accordion-subtle-a8137c3d .fds-accordion-item-a8137c3d:where(.fds-accordion-open-a8137c3d) .fds-accordion-accordionButton-a8137c3d {
|
|
617
|
-
background-color: var(--fds-semantic-surface-action-first-no_fill-hover);
|
|
618
|
-
}
|
|
619
|
-
|
|
620
|
-
.fds-accordion-border-a8137c3d .fds-accordion-item-a8137c3d:first-child .fds-accordion-accordionButton-a8137c3d {
|
|
621
|
-
border-top: 0;
|
|
622
|
-
}
|
|
623
|
-
|
|
624
|
-
.fds-accordion-first-a8137c3d .fds-accordion-item-a8137c3d:not(:first-child) .fds-accordion-accordionButton-a8137c3d,
|
|
625
|
-
.fds-accordion-second-a8137c3d .fds-accordion-item-a8137c3d:not(:first-child) .fds-accordion-accordionButton-a8137c3d,
|
|
626
|
-
.fds-accordion-third-a8137c3d .fds-accordion-item-a8137c3d:not(:first-child) .fds-accordion-accordionButton-a8137c3d {
|
|
627
|
-
border-top: 1px solid var(--fds-semantic-surface-neutral-default);
|
|
628
|
-
}
|
|
629
|
-
|
|
630
|
-
@media (hover: hover) and (pointer: fine) {
|
|
631
|
-
.fds-accordion-accordionButton-a8137c3d:hover .fds-accordion-expandIcon-a8137c3d {
|
|
632
|
-
background-color: rgba(0 0 0 / 0.1);
|
|
633
|
-
}
|
|
634
|
-
|
|
635
|
-
.fds-accordion-neutral-a8137c3d .fds-accordion-accordionButton-a8137c3d:hover,
|
|
636
|
-
.fds-accordion-subtle-a8137c3d .fds-accordion-accordionButton-a8137c3d:hover {
|
|
637
|
-
background-color: var(--fds-semantic-surface-neutral-subtle-hover);
|
|
638
|
-
}
|
|
639
|
-
|
|
640
|
-
.fds-accordion-first-a8137c3d .fds-accordion-accordionButton-a8137c3d:hover {
|
|
641
|
-
background-color: var(--fds-semantic-surface-first-light-hover);
|
|
642
|
-
}
|
|
643
|
-
|
|
644
|
-
.fds-accordion-second-a8137c3d .fds-accordion-accordionButton-a8137c3d:hover {
|
|
645
|
-
background-color: var(--fds-semantic-surface-second-light-hover);
|
|
646
|
-
}
|
|
647
|
-
|
|
648
|
-
.fds-accordion-third-a8137c3d .fds-accordion-accordionButton-a8137c3d:hover {
|
|
649
|
-
background-color: var(--fds-semantic-surface-third-light-hover);
|
|
650
|
-
}
|
|
651
|
-
}
|
|
652
|
-
}
|
|
653
|
-
|
|
654
520
|
.fds-animateheight-root-a203211d.fds-animateheight-openingOrClosing-a203211d,
|
|
655
521
|
.fds-animateheight-root-a203211d.fds-animateheight-closed-a203211d {
|
|
656
522
|
overflow: hidden;
|
|
@@ -2170,7 +2036,7 @@
|
|
|
2170
2036
|
color: var(--fds-semantic-text-neutral-default);
|
|
2171
2037
|
}
|
|
2172
2038
|
|
|
2173
|
-
.fds-modalheader-
|
|
2039
|
+
.fds-modalheader-modalHeaderButton-47e4ee5b {
|
|
2174
2040
|
position: absolute;
|
|
2175
2041
|
top: var(--fds-spacing-3);
|
|
2176
2042
|
right: var(--fds-spacing-3);
|
|
@@ -3039,7 +2905,7 @@
|
|
|
3039
2905
|
/**
|
|
3040
2906
|
* Apply a focus outline on an element when it is focused with keyboard
|
|
3041
2907
|
*/
|
|
3042
|
-
.fds-combobox-
|
|
2908
|
+
.fds-combobox-inputWrapper-249a725c:has(input:focus) {
|
|
3043
2909
|
--fds-focus-border-width: 3px;
|
|
3044
2910
|
|
|
3045
2911
|
outline: var(--fds-focus-border-width) solid var(--fds-semantic-border-focus-outline);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,MAAM,cAAc,GAAG;IAC3B,iCAAiC;IACjC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC5D,kBAAkB;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oCAAoC;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,SAAS;IARpB,iCAAiC;;IAEjC,kBAAkB;;IAElB,oCAAoC;cAC1B,SAAS;mFAgBpB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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 +1 @@
|
|
|
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;
|
|
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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/AccordionItem/AccordionItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/AccordionItem/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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/ModalHeader/ModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAY5C,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,WAAW;IAbtB;;;OAGG;;;IAGH;;;OAGG;;
|
|
1
|
+
{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/ModalHeader/ModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAY5C,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,WAAW;IAbtB;;;OAGG;;;IAGH;;;OAGG;;mFAyDJ,CAAC"}
|
|
@@ -43,12 +43,6 @@ export type ComboboxProps = {
|
|
|
43
43
|
* @default false
|
|
44
44
|
*/
|
|
45
45
|
hideChips?: boolean;
|
|
46
|
-
/**
|
|
47
|
-
* Label for the clear button
|
|
48
|
-
* @default 'Fjern alt'
|
|
49
|
-
* @deprecated Use `clearButtonLabel` instead
|
|
50
|
-
*/
|
|
51
|
-
cleanButtonLabel?: string;
|
|
52
46
|
/**
|
|
53
47
|
* Hides the clear button
|
|
54
48
|
* @default false
|
|
@@ -139,12 +133,6 @@ export declare const ComboboxComponent: React.ForwardRefExoticComponent<{
|
|
|
139
133
|
* @default false
|
|
140
134
|
*/
|
|
141
135
|
hideChips?: boolean | undefined;
|
|
142
|
-
/**
|
|
143
|
-
* Label for the clear button
|
|
144
|
-
* @default 'Fjern alt'
|
|
145
|
-
* @deprecated Use `clearButtonLabel` instead
|
|
146
|
-
*/
|
|
147
|
-
cleanButtonLabel?: string | undefined;
|
|
148
136
|
/**
|
|
149
137
|
* Hides the clear button
|
|
150
138
|
* @default false
|
|
@@ -243,12 +231,6 @@ export declare const Combobox: React.ForwardRefExoticComponent<{
|
|
|
243
231
|
* @default false
|
|
244
232
|
*/
|
|
245
233
|
hideChips?: boolean | undefined;
|
|
246
|
-
/**
|
|
247
|
-
* Label for the clear button
|
|
248
|
-
* @default 'Fjern alt'
|
|
249
|
-
* @deprecated Use `clearButtonLabel` instead
|
|
250
|
-
*/
|
|
251
|
-
cleanButtonLabel?: string | undefined;
|
|
252
234
|
/**
|
|
253
235
|
* Hides the clear button
|
|
254
236
|
* @default false
|
|
@@ -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;AAa5C,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
|
|
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;AAa5C,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;;;;;;;;;oKA4VzC,CAAC;AAEF,eAAO,MAAM,QAAQ;IArbnB;;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;;;;;;;;;oKAuWzC,CAAC"}
|
|
@@ -3,16 +3,12 @@ import type { useFormField } from '../useFormField';
|
|
|
3
3
|
import type { ComboboxProps } from './Combobox';
|
|
4
4
|
import type { Option } from './useCombobox';
|
|
5
5
|
import type useCombobox from './useCombobox';
|
|
6
|
-
type ComboboxContextType = {
|
|
6
|
+
export type ComboboxContextType = {
|
|
7
7
|
multiple: NonNullable<ComboboxProps['multiple']>;
|
|
8
8
|
disabled: NonNullable<ComboboxProps['disabled']>;
|
|
9
9
|
readOnly: NonNullable<ComboboxProps['readOnly']>;
|
|
10
|
-
name: ComboboxProps['name'];
|
|
11
|
-
error: ComboboxProps['error'];
|
|
12
10
|
htmlSize: ComboboxProps['htmlSize'];
|
|
13
|
-
hideChips: NonNullable<ComboboxProps['hideChips']>;
|
|
14
11
|
clearButtonLabel: NonNullable<ComboboxProps['clearButtonLabel']>;
|
|
15
|
-
hideClearButton: NonNullable<ComboboxProps['hideClearButton']>;
|
|
16
12
|
filteredOptions: ReturnType<typeof useCombobox>['filteredOptions'];
|
|
17
13
|
options: {
|
|
18
14
|
[key: string]: Option;
|
|
@@ -26,23 +22,20 @@ type ComboboxContextType = {
|
|
|
26
22
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
27
23
|
open: boolean;
|
|
28
24
|
inputValue: string;
|
|
29
|
-
optionValues: string[];
|
|
30
|
-
listId: string;
|
|
31
25
|
customIds: string[];
|
|
32
26
|
setInputValue: React.Dispatch<React.SetStateAction<string>>;
|
|
33
27
|
setOpen: (open: boolean) => void;
|
|
34
|
-
handleKeyDown: (event: React.KeyboardEvent) => void;
|
|
35
28
|
getReferenceProps: (props?: Record<string, unknown>) => Record<string, unknown>;
|
|
36
29
|
getItemProps: ReturnType<typeof useInteractions>['getItemProps'];
|
|
37
30
|
onOptionClick: (value: string) => void;
|
|
38
|
-
setSelectedOptions: React.Dispatch<React.SetStateAction<{
|
|
39
|
-
[key: string]: Option;
|
|
40
|
-
}>>;
|
|
41
31
|
chipSrLabel: NonNullable<ComboboxProps['chipSrLabel']>;
|
|
42
|
-
handleSelectOption: (
|
|
32
|
+
handleSelectOption: (args: {
|
|
33
|
+
option: Option | null;
|
|
34
|
+
remove?: boolean;
|
|
35
|
+
clear?: boolean;
|
|
36
|
+
}) => void;
|
|
43
37
|
listRef: UseListNavigationProps['listRef'];
|
|
44
38
|
forwareddRef: React.Ref<HTMLInputElement>;
|
|
45
39
|
};
|
|
46
40
|
export declare const ComboboxContext: import("react").Context<ComboboxContextType | undefined>;
|
|
47
|
-
export {};
|
|
48
41
|
//# sourceMappingURL=ComboboxContext.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/ComboboxContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,sBAAsB,EACtB,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAE7C,
|
|
1
|
+
{"version":3,"file":"ComboboxContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/ComboboxContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,sBAAsB,EACtB,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAE7C,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACjD,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACjD,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACjD,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACpC,gBAAgB,EAAE,WAAW,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACjE,eAAe,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,iBAAiB,CAAC,CAAC;IACnE,OAAO,EAAE;QACP,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,eAAe,EAAE;QACf,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,IAAI,EAAE,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;IACzC,cAAc,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;IAChD,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC5D,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,iBAAiB,EAAE,CACjB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC5B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,YAAY,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,cAAc,CAAC,CAAC;IACjE,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,WAAW,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;IACvD,kBAAkB,EAAE,CAAC,IAAI,EAAE;QACzB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;QACtB,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,KAAK,CAAC,EAAE,OAAO,CAAC;KACjB,KAAK,IAAI,CAAC;IACX,OAAO,EAAE,sBAAsB,CAAC,SAAS,CAAC,CAAC;IAC3C,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,eAAe,0DAE3B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxChips.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/internal/ComboboxChips.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,aAAa;;;
|
|
1
|
+
{"version":3,"file":"ComboboxChips.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/internal/ComboboxChips.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,aAAa;;;CAsDzB,CAAC;AAIF,eAAe,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxClearButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/internal/ComboboxClearButton.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,mBAAmB;;;
|
|
1
|
+
{"version":3,"file":"ComboboxClearButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/internal/ComboboxClearButton.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,mBAAmB;;;CAoC/B,CAAC;AAIF,eAAe,mBAAmB,CAAC"}
|