@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,5 +1,13 @@
|
|
|
1
|
+
import type { ComboboxProps } from '../Combobox';
|
|
2
|
+
type ComboboxInputProps = {
|
|
3
|
+
hideClearButton: ComboboxProps['hideClearButton'];
|
|
4
|
+
listId: string;
|
|
5
|
+
error: ComboboxProps['error'];
|
|
6
|
+
hideChips: NonNullable<ComboboxProps['hideChips']>;
|
|
7
|
+
handleKeyDown: (event: React.KeyboardEvent) => void;
|
|
8
|
+
} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;
|
|
1
9
|
export declare const ComboboxInput: {
|
|
2
|
-
({ ...rest }:
|
|
10
|
+
({ hideClearButton, listId, error, hideChips, handleKeyDown, ...rest }: ComboboxInputProps): import("react/jsx-runtime").JSX.Element;
|
|
3
11
|
displayName: string;
|
|
4
12
|
};
|
|
5
13
|
export default ComboboxInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/internal/ComboboxInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/internal/ComboboxInput.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAKjD,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"}
|
|
@@ -21,8 +21,7 @@ export declare function isInteractiveComboboxCustom(child: ReactNode): child is
|
|
|
21
21
|
export default function useCombobox({ children, inputValue, multiple, filter, initialValue, }: UseComboboxProps): {
|
|
22
22
|
filteredOptionsChildren: (ReactElement<ComboboxOptionProps, string | import("react").JSXElementConstructor<any>> | undefined)[];
|
|
23
23
|
filteredOptions: string[];
|
|
24
|
-
|
|
25
|
-
restChildren: (string | number | ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal)[];
|
|
24
|
+
restChildren: ReactNode[];
|
|
26
25
|
options: {
|
|
27
26
|
[key: string]: Option;
|
|
28
27
|
};
|
|
@@ -30,11 +29,9 @@ export default function useCombobox({ children, inputValue, multiple, filter, in
|
|
|
30
29
|
selectedOptions: {
|
|
31
30
|
[key: string]: Option;
|
|
32
31
|
};
|
|
33
|
-
prevSelectedHash: string;
|
|
34
32
|
interactiveChildren: ReactElement<ComboboxCustomProps, string | import("react").JSXElementConstructor<any>>[];
|
|
35
33
|
setSelectedOptions: import("react").Dispatch<import("react").SetStateAction<{
|
|
36
34
|
[key: string]: Option;
|
|
37
35
|
}>>;
|
|
38
|
-
setPrevSelectedHash: import("react").Dispatch<import("react").SetStateAction<string>>;
|
|
39
36
|
};
|
|
40
37
|
//# sourceMappingURL=useCombobox.d.ts.map
|
|
@@ -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,iBAAiB,CAAC;AAG3D,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;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,MAEC,EACD,YAAY,GACb,EAAE,gBAAgB
|
|
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,iBAAiB,CAAC;AAG3D,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;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,MAEC,EACD,YAAY,GACb,EAAE,gBAAgB;;;;;;;;;;;;;;;EA4HlB"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type useCombobox from './useCombobox';
|
|
2
|
-
import type {
|
|
2
|
+
import type { ComboboxContextType } from './ComboboxContext';
|
|
3
3
|
type UseComboboxKeyboardProps = {
|
|
4
4
|
filteredOptions: ReturnType<typeof useCombobox>['filteredOptions'];
|
|
5
5
|
selectedOptions: ReturnType<typeof useCombobox>['selectedOptions'];
|
|
@@ -11,10 +11,9 @@ type UseComboboxKeyboardProps = {
|
|
|
11
11
|
multiple: boolean;
|
|
12
12
|
open: boolean;
|
|
13
13
|
setOpen: (value: boolean) => void;
|
|
14
|
-
setSelectedOptions: ReturnType<typeof useCombobox>['setSelectedOptions'];
|
|
15
14
|
setInputValue: (value: string) => void;
|
|
16
|
-
handleSelectOption:
|
|
15
|
+
handleSelectOption: ComboboxContextType['handleSelectOption'];
|
|
17
16
|
};
|
|
18
|
-
export declare const useComboboxKeyboard: ({ readOnly, disabled, interactiveChildren, filteredOptions, inputValue, selectedOptions, multiple, open, options, setOpen,
|
|
17
|
+
export declare const useComboboxKeyboard: ({ readOnly, disabled, interactiveChildren, filteredOptions, inputValue, selectedOptions, multiple, open, options, setOpen, handleSelectOption, }: UseComboboxKeyboardProps) => (...args: import("react").KeyboardEvent<Element>[]) => void;
|
|
19
18
|
export {};
|
|
20
19
|
//# sourceMappingURL=useComboboxKeyboard.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useComboboxKeyboard.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/useComboboxKeyboard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"useComboboxKeyboard.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/useComboboxKeyboard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAE7C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,KAAK,wBAAwB,GAAG;IAC9B,eAAe,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,iBAAiB,CAAC,CAAC;IACnE,eAAe,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,iBAAiB,CAAC,CAAC;IACnE,mBAAmB,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,qBAAqB,CAAC,CAAC;IAC3E,OAAO,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,SAAS,CAAC,CAAC;IACnD,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,kBAAkB,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;CAC/D,CAAC;AAEF,eAAO,MAAM,mBAAmB,qJAY7B,wBAAwB,gEA4E1B,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@digdir/designsystemet-react",
|
|
3
|
-
"version": "0.59.1-alpha.
|
|
3
|
+
"version": "0.59.1-alpha.1",
|
|
4
4
|
"description": "React components for Designsystemet",
|
|
5
5
|
"author": "Designsystemet team",
|
|
6
6
|
"repository": "https://github.com/digdir/designsystemet",
|
|
@@ -43,5 +43,5 @@
|
|
|
43
43
|
"rollup": "^4.12.1",
|
|
44
44
|
"typescript": "^5.4.2"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "7e9e9ba1eed73f95f9edb4cc4226167a551e92aa"
|
|
47
47
|
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var classes = {"accordion":"fds-accordion-accordion-a8137c3d","border":"fds-accordion-border-a8137c3d","expandIcon":"fds-accordion-expandIcon-a8137c3d","content":"fds-accordion-content-a8137c3d","header":"fds-accordion-header-a8137c3d","accordionButton":"fds-accordion-accordionButton-a8137c3d","item":"fds-accordion-item-a8137c3d","open":"fds-accordion-open-a8137c3d","neutral":"fds-accordion-neutral-a8137c3d","subtle":"fds-accordion-subtle-a8137c3d","first":"fds-accordion-first-a8137c3d","second":"fds-accordion-second-a8137c3d","third":"fds-accordion-third-a8137c3d"};
|
|
5
|
-
|
|
6
|
-
module.exports = classes;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
var classes = {"accordion":"fds-accordion-accordion-a8137c3d","border":"fds-accordion-border-a8137c3d","expandIcon":"fds-accordion-expandIcon-a8137c3d","content":"fds-accordion-content-a8137c3d","header":"fds-accordion-header-a8137c3d","accordionButton":"fds-accordion-accordionButton-a8137c3d","item":"fds-accordion-item-a8137c3d","open":"fds-accordion-open-a8137c3d","neutral":"fds-accordion-neutral-a8137c3d","subtle":"fds-accordion-subtle-a8137c3d","first":"fds-accordion-first-a8137c3d","second":"fds-accordion-second-a8137c3d","third":"fds-accordion-third-a8137c3d"};
|
|
3
|
-
|
|
4
|
-
export { classes as default };
|