@navikt/ds-react 6.6.1 → 6.7.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/cjs/chat/Chat.d.ts +2 -1
- package/cjs/chat/Chat.js +2 -1
- package/cjs/chat/Chat.js.map +1 -1
- package/cjs/date/datepicker/parts/DropdownCaption.js +1 -1
- package/cjs/date/datepicker/parts/DropdownCaption.js.map +1 -1
- package/cjs/date/monthpicker/MonthCaption.js +1 -1
- package/cjs/date/utils/labels.d.ts +2 -2
- package/cjs/form/ReadOnlyIcon.d.ts +2 -2
- package/cjs/form/combobox/Combobox.js +7 -22
- package/cjs/form/combobox/Combobox.js.map +1 -1
- package/cjs/form/combobox/ComboboxProvider.js +2 -2
- package/cjs/form/combobox/ComboboxProvider.js.map +1 -1
- package/cjs/form/combobox/ComboboxWrapper.d.ts +1 -2
- package/cjs/form/combobox/ComboboxWrapper.js +4 -2
- package/cjs/form/combobox/ComboboxWrapper.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/FilteredOptions.js +4 -4
- package/cjs/form/combobox/FilteredOptions/FilteredOptions.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.d.ts +4 -4
- package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js +13 -15
- package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
- package/cjs/form/combobox/Input/{inputContext.d.ts → Input.context.d.ts} +7 -5
- package/cjs/form/combobox/Input/{inputContext.js → Input.context.js} +22 -22
- package/cjs/form/combobox/Input/Input.context.js.map +1 -0
- package/cjs/form/combobox/Input/Input.js +2 -2
- package/cjs/form/combobox/Input/Input.js.map +1 -1
- package/cjs/form/combobox/Input/InputController.d.ts +3 -0
- package/cjs/form/combobox/Input/InputController.js +70 -0
- package/cjs/form/combobox/Input/InputController.js.map +1 -0
- package/cjs/form/combobox/{ToggleListButton.js → Input/ToggleListButton.js} +1 -1
- package/cjs/form/combobox/Input/ToggleListButton.js.map +1 -0
- package/cjs/form/combobox/SelectedOptions/SelectedOptions.js +2 -2
- package/cjs/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
- package/cjs/form/combobox/SelectedOptions/selectedOptionsContext.d.ts +4 -4
- package/cjs/form/combobox/SelectedOptions/selectedOptionsContext.js +7 -13
- package/cjs/form/combobox/SelectedOptions/selectedOptionsContext.js.map +1 -1
- package/cjs/form/combobox/customOptionsContext.d.ts +4 -4
- package/cjs/form/combobox/customOptionsContext.js +10 -13
- package/cjs/form/combobox/customOptionsContext.js.map +1 -1
- package/cjs/form/combobox/types.d.ts +1 -1
- package/cjs/help-text/HelpTextIcon.d.ts +1 -1
- package/cjs/index.d.ts +1 -0
- package/cjs/index.js +4 -2
- package/cjs/index.js.map +1 -1
- package/cjs/overlay/dismiss/DismissableLayer.d.ts +70 -0
- package/cjs/overlay/dismiss/DismissableLayer.js +253 -0
- package/cjs/overlay/dismiss/DismissableLayer.js.map +1 -0
- package/cjs/overlay/dismiss/util/dispatchCustomEvent.d.ts +50 -0
- package/cjs/overlay/dismiss/util/dispatchCustomEvent.js +65 -0
- package/cjs/overlay/dismiss/util/dispatchCustomEvent.js.map +1 -0
- package/cjs/overlay/dismiss/util/useEscapeKeydown.d.ts +1 -0
- package/cjs/overlay/dismiss/util/useEscapeKeydown.js +19 -0
- package/cjs/overlay/dismiss/util/useEscapeKeydown.js.map +1 -0
- package/cjs/overlay/dismiss/util/useFocusOutside.d.ts +8 -0
- package/cjs/overlay/dismiss/util/useFocusOutside.js +42 -0
- package/cjs/overlay/dismiss/util/useFocusOutside.js.map +1 -0
- package/cjs/overlay/dismiss/util/usePointerDownOutside.d.ts +10 -0
- package/cjs/overlay/dismiss/util/usePointerDownOutside.js +84 -0
- package/cjs/overlay/dismiss/util/usePointerDownOutside.js.map +1 -0
- package/cjs/overlays/floating/Floating.d.ts +53 -0
- package/cjs/overlays/floating/Floating.js +215 -0
- package/cjs/overlays/floating/Floating.js.map +1 -0
- package/cjs/overlays/floating/Floating.utils.d.ts +18 -0
- package/cjs/overlays/floating/Floating.utils.js +52 -0
- package/cjs/overlays/floating/Floating.utils.js.map +1 -0
- package/cjs/popover/Popover.js +13 -28
- package/cjs/popover/Popover.js.map +1 -1
- package/cjs/progress-bar/ProgressBar.d.ts +72 -0
- package/cjs/progress-bar/ProgressBar.js +86 -0
- package/cjs/progress-bar/ProgressBar.js.map +1 -0
- package/cjs/progress-bar/index.d.ts +1 -0
- package/cjs/progress-bar/index.js +10 -0
- package/cjs/progress-bar/index.js.map +1 -0
- package/cjs/tabs/Tabs.context.d.ts +7 -3
- package/cjs/tabs/Tabs.context.js +1 -0
- package/cjs/tabs/Tabs.context.js.map +1 -1
- package/cjs/timeline/AxisLabels.d.ts +1 -1
- package/cjs/toggle-group/ToggleGroup.context.d.ts +7 -3
- package/cjs/toggle-group/ToggleGroup.context.js +1 -0
- package/cjs/toggle-group/ToggleGroup.context.js.map +1 -1
- package/cjs/typography/BodyLong.d.ts +7 -7
- package/cjs/typography/BodyLong.js +5 -5
- package/cjs/typography/BodyShort.d.ts +5 -5
- package/cjs/typography/BodyShort.js +3 -3
- package/cjs/typography/Detail.d.ts +5 -5
- package/cjs/typography/Detail.js +3 -3
- package/cjs/typography/ErrorMessage.d.ts +5 -5
- package/cjs/typography/ErrorMessage.js +3 -3
- package/cjs/typography/Heading.d.ts +6 -6
- package/cjs/typography/Heading.js +3 -3
- package/cjs/typography/Label.d.ts +5 -5
- package/cjs/typography/Label.js +3 -3
- package/cjs/typography/types.d.ts +3 -3
- package/cjs/util/hooks/descendants/useDescendant.d.ts +2 -2
- package/cjs/util/hooks/descendants/useDescendant.js +49 -52
- package/cjs/util/hooks/descendants/useDescendant.js.map +1 -1
- package/cjs/util/types/AsChild.d.ts +14 -0
- package/cjs/util/types/AsChild.js +3 -0
- package/cjs/util/types/AsChild.js.map +1 -0
- package/esm/chat/Chat.d.ts +2 -1
- package/esm/chat/Chat.js +1 -0
- package/esm/chat/Chat.js.map +1 -1
- package/esm/date/datepicker/parts/DropdownCaption.js +1 -1
- package/esm/date/datepicker/parts/DropdownCaption.js.map +1 -1
- package/esm/date/monthpicker/MonthCaption.js +1 -1
- package/esm/date/utils/labels.d.ts +2 -2
- package/esm/form/ReadOnlyIcon.d.ts +2 -2
- package/esm/form/combobox/Combobox.js +8 -23
- package/esm/form/combobox/Combobox.js.map +1 -1
- package/esm/form/combobox/ComboboxProvider.js +1 -1
- package/esm/form/combobox/ComboboxProvider.js.map +1 -1
- package/esm/form/combobox/ComboboxWrapper.d.ts +1 -2
- package/esm/form/combobox/ComboboxWrapper.js +4 -2
- package/esm/form/combobox/ComboboxWrapper.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/FilteredOptions.js +3 -3
- package/esm/form/combobox/FilteredOptions/FilteredOptions.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/filteredOptionsContext.d.ts +4 -4
- package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js +15 -16
- package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
- package/esm/form/combobox/Input/{inputContext.d.ts → Input.context.d.ts} +7 -5
- package/esm/form/combobox/Input/{inputContext.js → Input.context.js} +22 -21
- package/esm/form/combobox/Input/Input.context.js.map +1 -0
- package/esm/form/combobox/Input/Input.js +1 -1
- package/esm/form/combobox/Input/Input.js.map +1 -1
- package/esm/form/combobox/Input/InputController.d.ts +3 -0
- package/esm/form/combobox/Input/InputController.js +41 -0
- package/esm/form/combobox/Input/InputController.js.map +1 -0
- package/esm/form/combobox/{ToggleListButton.js → Input/ToggleListButton.js} +1 -1
- package/esm/form/combobox/Input/ToggleListButton.js.map +1 -0
- package/esm/form/combobox/SelectedOptions/SelectedOptions.js +1 -1
- package/esm/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
- package/esm/form/combobox/SelectedOptions/selectedOptionsContext.d.ts +4 -4
- package/esm/form/combobox/SelectedOptions/selectedOptionsContext.js +9 -14
- package/esm/form/combobox/SelectedOptions/selectedOptionsContext.js.map +1 -1
- package/esm/form/combobox/customOptionsContext.d.ts +4 -4
- package/esm/form/combobox/customOptionsContext.js +10 -12
- package/esm/form/combobox/customOptionsContext.js.map +1 -1
- package/esm/form/combobox/types.d.ts +1 -1
- package/esm/help-text/HelpTextIcon.d.ts +1 -1
- package/esm/index.d.ts +1 -0
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -1
- package/esm/overlay/dismiss/DismissableLayer.d.ts +70 -0
- package/esm/overlay/dismiss/DismissableLayer.js +226 -0
- package/esm/overlay/dismiss/DismissableLayer.js.map +1 -0
- package/esm/overlay/dismiss/util/dispatchCustomEvent.d.ts +50 -0
- package/esm/overlay/dismiss/util/dispatchCustomEvent.js +58 -0
- package/esm/overlay/dismiss/util/dispatchCustomEvent.js.map +1 -0
- package/esm/overlay/dismiss/util/useEscapeKeydown.d.ts +1 -0
- package/esm/overlay/dismiss/util/useEscapeKeydown.js +15 -0
- package/esm/overlay/dismiss/util/useEscapeKeydown.js.map +1 -0
- package/esm/overlay/dismiss/util/useFocusOutside.d.ts +8 -0
- package/esm/overlay/dismiss/util/useFocusOutside.js +38 -0
- package/esm/overlay/dismiss/util/useFocusOutside.js.map +1 -0
- package/esm/overlay/dismiss/util/usePointerDownOutside.d.ts +10 -0
- package/esm/overlay/dismiss/util/usePointerDownOutside.js +80 -0
- package/esm/overlay/dismiss/util/usePointerDownOutside.js.map +1 -0
- package/esm/overlays/floating/Floating.d.ts +53 -0
- package/esm/overlays/floating/Floating.js +188 -0
- package/esm/overlays/floating/Floating.js.map +1 -0
- package/esm/overlays/floating/Floating.utils.d.ts +18 -0
- package/esm/overlays/floating/Floating.utils.js +48 -0
- package/esm/overlays/floating/Floating.utils.js.map +1 -0
- package/esm/popover/Popover.js +16 -31
- package/esm/popover/Popover.js.map +1 -1
- package/esm/progress-bar/ProgressBar.d.ts +72 -0
- package/esm/progress-bar/ProgressBar.js +57 -0
- package/esm/progress-bar/ProgressBar.js.map +1 -0
- package/esm/progress-bar/index.d.ts +1 -0
- package/esm/progress-bar/index.js +3 -0
- package/esm/progress-bar/index.js.map +1 -0
- package/esm/tabs/Tabs.context.d.ts +7 -3
- package/esm/tabs/Tabs.context.js +1 -0
- package/esm/tabs/Tabs.context.js.map +1 -1
- package/esm/timeline/AxisLabels.d.ts +1 -1
- package/esm/toggle-group/ToggleGroup.context.d.ts +7 -3
- package/esm/toggle-group/ToggleGroup.context.js +1 -0
- package/esm/toggle-group/ToggleGroup.context.js.map +1 -1
- package/esm/typography/BodyLong.d.ts +7 -7
- package/esm/typography/BodyLong.js +5 -5
- package/esm/typography/BodyShort.d.ts +5 -5
- package/esm/typography/BodyShort.js +3 -3
- package/esm/typography/Detail.d.ts +5 -5
- package/esm/typography/Detail.js +3 -3
- package/esm/typography/ErrorMessage.d.ts +5 -5
- package/esm/typography/ErrorMessage.js +3 -3
- package/esm/typography/Heading.d.ts +6 -6
- package/esm/typography/Heading.js +3 -3
- package/esm/typography/Label.d.ts +5 -5
- package/esm/typography/Label.js +3 -3
- package/esm/typography/types.d.ts +3 -3
- package/esm/util/hooks/descendants/useDescendant.d.ts +2 -2
- package/esm/util/hooks/descendants/useDescendant.js +49 -52
- package/esm/util/hooks/descendants/useDescendant.js.map +1 -1
- package/esm/util/types/AsChild.d.ts +14 -0
- package/esm/util/types/AsChild.js +2 -0
- package/esm/util/types/AsChild.js.map +1 -0
- package/package.json +16 -5
- package/src/chat/Chat.tsx +2 -1
- package/src/date/datepicker/parts/DropdownCaption.tsx +5 -1
- package/src/date/monthpicker/MonthCaption.tsx +1 -1
- package/src/form/combobox/Combobox.tsx +6 -76
- package/src/form/combobox/ComboboxProvider.tsx +1 -1
- package/src/form/combobox/ComboboxWrapper.tsx +4 -3
- package/src/form/combobox/FilteredOptions/FilteredOptions.tsx +3 -3
- package/src/form/combobox/FilteredOptions/filteredOptionsContext.tsx +19 -29
- package/src/form/combobox/Input/{inputContext.tsx → Input.context.tsx} +30 -33
- package/src/form/combobox/Input/Input.tsx +1 -1
- package/src/form/combobox/Input/InputController.tsx +102 -0
- package/src/form/combobox/{ToggleListButton.tsx → Input/ToggleListButton.tsx} +1 -1
- package/src/form/combobox/SelectedOptions/SelectedOptions.tsx +1 -1
- package/src/form/combobox/SelectedOptions/selectedOptionsContext.tsx +12 -26
- package/src/form/combobox/{combobox-utils.test.ts → __tests__/combobox-utils.test.ts} +1 -1
- package/src/form/combobox/{combobox.test.tsx → __tests__/combobox.test.tsx} +2 -3
- package/src/form/combobox/customOptionsContext.tsx +14 -18
- package/src/form/combobox/types.ts +3 -1
- package/src/index.ts +1 -0
- package/src/overlay/README.md +5 -0
- package/src/overlay/dismiss/DismissableLayer.tsx +368 -0
- package/src/overlay/dismiss/util/dispatchCustomEvent.ts +77 -0
- package/src/overlay/dismiss/util/useEscapeKeydown.ts +21 -0
- package/src/overlay/dismiss/util/useFocusOutside.ts +52 -0
- package/src/overlay/dismiss/util/usePointerDownOutside.ts +95 -0
- package/src/overlays/floating/Floating.tsx +399 -0
- package/src/overlays/floating/Floating.utils.ts +63 -0
- package/src/popover/Popover.tsx +38 -70
- package/src/progress-bar/ProgressBar.tsx +149 -0
- package/src/progress-bar/index.ts +2 -0
- package/src/tabs/Tabs.context.ts +2 -0
- package/src/toggle-group/ToggleGroup.context.ts +1 -0
- package/src/typography/BodyLong.tsx +7 -7
- package/src/typography/BodyShort.tsx +5 -5
- package/src/typography/Detail.tsx +5 -5
- package/src/typography/ErrorMessage.tsx +5 -5
- package/src/typography/Heading.tsx +6 -6
- package/src/typography/Label.tsx +5 -5
- package/src/typography/types.ts +3 -3
- package/src/util/hooks/descendants/useDescendant.tsx +55 -68
- package/src/util/types/AsChild.ts +15 -0
- package/cjs/form/combobox/ClearButton.d.ts +0 -7
- package/cjs/form/combobox/ClearButton.js +0 -28
- package/cjs/form/combobox/ClearButton.js.map +0 -1
- package/cjs/form/combobox/FilteredOptions/CheckIcon.d.ts +0 -3
- package/cjs/form/combobox/FilteredOptions/CheckIcon.js +0 -12
- package/cjs/form/combobox/FilteredOptions/CheckIcon.js.map +0 -1
- package/cjs/form/combobox/Input/inputContext.js.map +0 -1
- package/cjs/form/combobox/ToggleListButton.js.map +0 -1
- package/esm/form/combobox/ClearButton.d.ts +0 -7
- package/esm/form/combobox/ClearButton.js +0 -21
- package/esm/form/combobox/ClearButton.js.map +0 -1
- package/esm/form/combobox/FilteredOptions/CheckIcon.d.ts +0 -3
- package/esm/form/combobox/FilteredOptions/CheckIcon.js +0 -7
- package/esm/form/combobox/FilteredOptions/CheckIcon.js.map +0 -1
- package/esm/form/combobox/Input/inputContext.js.map +0 -1
- package/esm/form/combobox/ToggleListButton.js.map +0 -1
- package/src/form/combobox/ClearButton.tsx +0 -29
- package/src/form/combobox/FilteredOptions/CheckIcon.tsx +0 -23
- /package/cjs/form/combobox/{ToggleListButton.d.ts → Input/ToggleListButton.d.ts} +0 -0
- /package/esm/form/combobox/{ToggleListButton.d.ts → Input/ToggleListButton.d.ts} +0 -0
|
@@ -4,5 +4,5 @@ export declare const dayLabels: (start: Date, end: Date, totalDays: number, dire
|
|
|
4
4
|
export declare const monthLabels: (start: Date, end: Date, direction: "left" | "right", template?: string) => AxisLabel[];
|
|
5
5
|
export declare const yearLabels: (start: Date, end: Date, direction: "left" | "right", template?: string) => AxisLabel[];
|
|
6
6
|
export declare const AxisLabels: ({ templates, }: {
|
|
7
|
-
templates?: AxisLabelTemplates
|
|
7
|
+
templates?: AxisLabelTemplates;
|
|
8
8
|
}) => React.JSX.Element;
|
|
@@ -7,14 +7,18 @@ interface ToggleContextProps {
|
|
|
7
7
|
export declare const ToggleGroupContext: import("react").Context<ToggleContextProps | null>;
|
|
8
8
|
export declare const ToggleGroupDescendantsProvider: import("react").Provider<import("../util/hooks/descendants/descendant").DescendantsManager<HTMLButtonElement, {
|
|
9
9
|
value: string;
|
|
10
|
-
}>>, useToggleGroupDescendantsContext: () => import("../util/hooks/descendants/descendant").DescendantsManager<HTMLButtonElement, {
|
|
10
|
+
}>>, useToggleGroupDescendantsContext: <S extends boolean = true>(strict?: S) => S extends true ? import("../util/hooks/descendants/descendant").DescendantsManager<HTMLButtonElement, {
|
|
11
11
|
value: string;
|
|
12
|
-
}
|
|
12
|
+
}> : import("../util/hooks/descendants/descendant").DescendantsManager<HTMLButtonElement, {
|
|
13
|
+
value: string;
|
|
14
|
+
}> | undefined, useToggleGroupDescendants: () => import("../util/hooks/descendants/descendant").DescendantsManager<HTMLButtonElement, {
|
|
13
15
|
value: string;
|
|
14
16
|
}>, useToggleGroupDescendant: (options?: import("../util/hooks/descendants/descendant").DescendantOptions<{
|
|
15
17
|
value: string;
|
|
16
18
|
}> | undefined) => {
|
|
17
|
-
descendants: import("../util/hooks/descendants/descendant").DescendantsManager<
|
|
19
|
+
descendants: import("../util/hooks/descendants/descendant").DescendantsManager<HTMLButtonElement, {
|
|
20
|
+
value: string;
|
|
21
|
+
}>;
|
|
18
22
|
index: number;
|
|
19
23
|
enabledIndex: number;
|
|
20
24
|
register: (instance: HTMLButtonElement | null) => void;
|
|
@@ -12,5 +12,6 @@ _b = (0, create_context_1.createContext)({
|
|
|
12
12
|
name: "ToggleGroupContext",
|
|
13
13
|
hookName: "useToggleGroupContext",
|
|
14
14
|
providerName: "ToggleGroupProvider",
|
|
15
|
+
errorMessage: "<ToggleGroup.Item> needs to be wrapped within <ToggleGroup>",
|
|
15
16
|
}), exports.ToggleGroupProvider = _b[0], exports.useToggleGroupContext = _b[1];
|
|
16
17
|
//# sourceMappingURL=ToggleGroup.context.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleGroup.context.js","sourceRoot":"","sources":["../../src/toggle-group/ToggleGroup.context.ts"],"names":[],"mappings":";;;;AAAA,iCAA4D;AAC5D,2DAAuD;AACvD,2EAAkF;AAQrE,QAAA,kBAAkB,GAAG,IAAA,qBAAkB,EAClD,IAAI,CACL,CAAC;AAEW,KAKT,IAAA,uCAAuB,GAAwC,EAJjE,sCAA8B,UAC9B,wCAAgC,UAChC,iCAAyB,UACzB,gCAAwB,SAC0C;AAKpE,mBAAmB;AACN,KACX,IAAA,8BAAa,EAA2B;IACtC,IAAI,EAAE,oBAAoB;IAC1B,QAAQ,EAAE,uBAAuB;IACjC,YAAY,EAAE,qBAAqB;
|
|
1
|
+
{"version":3,"file":"ToggleGroup.context.js","sourceRoot":"","sources":["../../src/toggle-group/ToggleGroup.context.ts"],"names":[],"mappings":";;;;AAAA,iCAA4D;AAC5D,2DAAuD;AACvD,2EAAkF;AAQrE,QAAA,kBAAkB,GAAG,IAAA,qBAAkB,EAClD,IAAI,CACL,CAAC;AAEW,KAKT,IAAA,uCAAuB,GAAwC,EAJjE,sCAA8B,UAC9B,wCAAgC,UAChC,iCAAyB,UACzB,gCAAwB,SAC0C;AAKpE,mBAAmB;AACN,KACX,IAAA,8BAAa,EAA2B;IACtC,IAAI,EAAE,oBAAoB;IAC1B,QAAQ,EAAE,uBAAuB;IACjC,YAAY,EAAE,qBAAqB;IACnC,YAAY,EAAE,6DAA6D;CAC5E,CAAC,EANU,2BAAmB,UAAE,6BAAqB,SAMnD"}
|
|
@@ -3,12 +3,12 @@ import { OverridableComponent } from "../util/types";
|
|
|
3
3
|
import { TypoProps } from "./types";
|
|
4
4
|
export interface BodyLongProps extends TypoProps, React.HTMLAttributes<HTMLParagraphElement> {
|
|
5
5
|
/**
|
|
6
|
-
* large: 20px, medium: 18px, small: 16px
|
|
6
|
+
* large: 20px, medium: 18px, small: 16px.
|
|
7
7
|
* @default "medium"
|
|
8
8
|
*/
|
|
9
9
|
size?: "large" | "medium" | "small";
|
|
10
10
|
/**
|
|
11
|
-
* Text
|
|
11
|
+
* Text.
|
|
12
12
|
*/
|
|
13
13
|
children: React.ReactNode;
|
|
14
14
|
}
|
|
@@ -21,11 +21,11 @@ export interface BodyLongProps extends TypoProps, React.HTMLAttributes<HTMLParag
|
|
|
21
21
|
*
|
|
22
22
|
* @example
|
|
23
23
|
* ```jsx
|
|
24
|
-
*
|
|
25
|
-
*
|
|
26
|
-
*
|
|
27
|
-
*
|
|
28
|
-
*
|
|
24
|
+
* <BodyLong>
|
|
25
|
+
* Hvis du ikke bor sammen med begge foreldrene dine,
|
|
26
|
+
* kan du ha rett til barnebidrag fra en eller begge foreldre mens du
|
|
27
|
+
* fullfører videregående skole eller tilsvarende.
|
|
28
|
+
* </BodyLong>
|
|
29
29
|
* ```
|
|
30
30
|
*/
|
|
31
31
|
export declare const BodyLong: OverridableComponent<BodyLongProps, HTMLParagraphElement>;
|
|
@@ -50,11 +50,11 @@ const util_1 = require("./util");
|
|
|
50
50
|
*
|
|
51
51
|
* @example
|
|
52
52
|
* ```jsx
|
|
53
|
-
*
|
|
54
|
-
*
|
|
55
|
-
*
|
|
56
|
-
*
|
|
57
|
-
*
|
|
53
|
+
* <BodyLong>
|
|
54
|
+
* Hvis du ikke bor sammen med begge foreldrene dine,
|
|
55
|
+
* kan du ha rett til barnebidrag fra en eller begge foreldre mens du
|
|
56
|
+
* fullfører videregående skole eller tilsvarende.
|
|
57
|
+
* </BodyLong>
|
|
58
58
|
* ```
|
|
59
59
|
*/
|
|
60
60
|
exports.BodyLong = (0, react_1.forwardRef)((_a, ref) => {
|
|
@@ -3,12 +3,12 @@ import { OverridableComponent } from "../util/types";
|
|
|
3
3
|
import { TypoProps } from "./types";
|
|
4
4
|
export interface BodyShortProps extends TypoProps, React.HTMLAttributes<HTMLParagraphElement> {
|
|
5
5
|
/**
|
|
6
|
-
* large: 20px, medium: 18px, small: 16px
|
|
6
|
+
* large: 20px, medium: 18px, small: 16px.
|
|
7
7
|
* @default "medium"
|
|
8
8
|
*/
|
|
9
9
|
size?: "large" | "medium" | "small";
|
|
10
10
|
/**
|
|
11
|
-
* Paragraph text
|
|
11
|
+
* Paragraph text.
|
|
12
12
|
*/
|
|
13
13
|
children: React.ReactNode;
|
|
14
14
|
}
|
|
@@ -21,9 +21,9 @@ export interface BodyShortProps extends TypoProps, React.HTMLAttributes<HTMLPara
|
|
|
21
21
|
*
|
|
22
22
|
* @example
|
|
23
23
|
* ```jsx
|
|
24
|
-
*
|
|
25
|
-
*
|
|
26
|
-
*
|
|
24
|
+
* <BodyShort>
|
|
25
|
+
* Du må gjøre en filtrering for å se brukere i listen.
|
|
26
|
+
* </BodyShort>
|
|
27
27
|
* ```
|
|
28
28
|
*/
|
|
29
29
|
export declare const BodyShort: OverridableComponent<BodyShortProps, HTMLParagraphElement>;
|
|
@@ -50,9 +50,9 @@ const util_1 = require("./util");
|
|
|
50
50
|
*
|
|
51
51
|
* @example
|
|
52
52
|
* ```jsx
|
|
53
|
-
*
|
|
54
|
-
*
|
|
55
|
-
*
|
|
53
|
+
* <BodyShort>
|
|
54
|
+
* Du må gjøre en filtrering for å se brukere i listen.
|
|
55
|
+
* </BodyShort>
|
|
56
56
|
* ```
|
|
57
57
|
*/
|
|
58
58
|
exports.BodyShort = (0, react_1.forwardRef)((_a, ref) => {
|
|
@@ -7,11 +7,11 @@ export interface DetailProps extends TypoProps, React.HTMLAttributes<HTMLParagra
|
|
|
7
7
|
*/
|
|
8
8
|
size?: "medium" | "small";
|
|
9
9
|
/**
|
|
10
|
-
*
|
|
10
|
+
* Text.
|
|
11
11
|
*/
|
|
12
12
|
children: React.ReactNode;
|
|
13
13
|
/**
|
|
14
|
-
*
|
|
14
|
+
* ALL CAPS.
|
|
15
15
|
*/
|
|
16
16
|
uppercase?: boolean;
|
|
17
17
|
}
|
|
@@ -24,9 +24,9 @@ export interface DetailProps extends TypoProps, React.HTMLAttributes<HTMLParagra
|
|
|
24
24
|
*
|
|
25
25
|
* @example
|
|
26
26
|
* ```jsx
|
|
27
|
-
*
|
|
28
|
-
*
|
|
29
|
-
*
|
|
27
|
+
* <Detail>
|
|
28
|
+
* Du må gjøre en filtrering for å se brukere i listen.
|
|
29
|
+
* </Detail>
|
|
30
30
|
* ```
|
|
31
31
|
*/
|
|
32
32
|
export declare const Detail: OverridableComponent<DetailProps, HTMLParagraphElement>;
|
package/cjs/typography/Detail.js
CHANGED
|
@@ -50,9 +50,9 @@ const util_1 = require("./util");
|
|
|
50
50
|
*
|
|
51
51
|
* @example
|
|
52
52
|
* ```jsx
|
|
53
|
-
*
|
|
54
|
-
*
|
|
55
|
-
*
|
|
53
|
+
* <Detail>
|
|
54
|
+
* Du må gjøre en filtrering for å se brukere i listen.
|
|
55
|
+
* </Detail>
|
|
56
56
|
* ```
|
|
57
57
|
*/
|
|
58
58
|
exports.Detail = (0, react_1.forwardRef)((_a, ref) => {
|
|
@@ -3,12 +3,12 @@ import { OverridableComponent } from "../util/types";
|
|
|
3
3
|
import { TypoProps } from "./types";
|
|
4
4
|
export interface ErrorMessageProps extends Pick<TypoProps, "spacing">, React.HTMLAttributes<HTMLParagraphElement> {
|
|
5
5
|
/**
|
|
6
|
-
* medium: 18px, small: 16px
|
|
6
|
+
* medium: 18px, small: 16px.
|
|
7
7
|
* @default "medium"
|
|
8
8
|
*/
|
|
9
9
|
size?: "medium" | "small";
|
|
10
10
|
/**
|
|
11
|
-
* Error text
|
|
11
|
+
* Error text.
|
|
12
12
|
*/
|
|
13
13
|
children: React.ReactNode;
|
|
14
14
|
}
|
|
@@ -21,9 +21,9 @@ export interface ErrorMessageProps extends Pick<TypoProps, "spacing">, React.HTM
|
|
|
21
21
|
*
|
|
22
22
|
* @example
|
|
23
23
|
* ```jsx
|
|
24
|
-
*
|
|
25
|
-
*
|
|
26
|
-
*
|
|
24
|
+
* <ErrorMessage>
|
|
25
|
+
* Du må fylle ut: Oppgi årsaken til at du har ventet mer enn 6 måneder med å søke om refusjon
|
|
26
|
+
* </ErrorMessage>
|
|
27
27
|
* ```
|
|
28
28
|
*/
|
|
29
29
|
export declare const ErrorMessage: OverridableComponent<ErrorMessageProps, HTMLParagraphElement>;
|
|
@@ -50,9 +50,9 @@ const util_1 = require("./util");
|
|
|
50
50
|
*
|
|
51
51
|
* @example
|
|
52
52
|
* ```jsx
|
|
53
|
-
*
|
|
54
|
-
*
|
|
55
|
-
*
|
|
53
|
+
* <ErrorMessage>
|
|
54
|
+
* Du må fylle ut: Oppgi årsaken til at du har ventet mer enn 6 måneder med å søke om refusjon
|
|
55
|
+
* </ErrorMessage>
|
|
56
56
|
* ```
|
|
57
57
|
*/
|
|
58
58
|
exports.ErrorMessage = (0, react_1.forwardRef)((_a, ref) => {
|
|
@@ -3,16 +3,16 @@ import { OverridableComponent } from "../util/types";
|
|
|
3
3
|
import { TypoProps } from "./types";
|
|
4
4
|
export interface HeadingProps extends Pick<TypoProps, "spacing" | "visuallyHidden" | "align" | "textColor">, React.HTMLAttributes<HTMLHeadingElement> {
|
|
5
5
|
/**
|
|
6
|
-
* Heading level
|
|
6
|
+
* Heading level.
|
|
7
7
|
* @default "1"
|
|
8
8
|
*/
|
|
9
9
|
level?: "1" | "2" | "3" | "4" | "5" | "6";
|
|
10
10
|
/**
|
|
11
|
-
*
|
|
11
|
+
* xlarge: 40px, large: 32px, medium: 24px, small: 20px, xsmall: 18px.
|
|
12
12
|
*/
|
|
13
13
|
size: "xlarge" | "large" | "medium" | "small" | "xsmall";
|
|
14
14
|
/**
|
|
15
|
-
* Heading text
|
|
15
|
+
* Heading text.
|
|
16
16
|
*/
|
|
17
17
|
children: React.ReactNode;
|
|
18
18
|
}
|
|
@@ -25,9 +25,9 @@ export interface HeadingProps extends Pick<TypoProps, "spacing" | "visuallyHidde
|
|
|
25
25
|
*
|
|
26
26
|
* @example
|
|
27
27
|
* ```jsx
|
|
28
|
-
*
|
|
29
|
-
*
|
|
30
|
-
*
|
|
28
|
+
* <Heading level="1" size="xlarge">
|
|
29
|
+
* Hva kan vi hjelpe deg med?
|
|
30
|
+
* </Heading>
|
|
31
31
|
* ```
|
|
32
32
|
*/
|
|
33
33
|
export declare const Heading: OverridableComponent<HeadingProps, HTMLHeadingElement>;
|
|
@@ -50,9 +50,9 @@ const util_1 = require("./util");
|
|
|
50
50
|
*
|
|
51
51
|
* @example
|
|
52
52
|
* ```jsx
|
|
53
|
-
*
|
|
54
|
-
*
|
|
55
|
-
*
|
|
53
|
+
* <Heading level="1" size="xlarge">
|
|
54
|
+
* Hva kan vi hjelpe deg med?
|
|
55
|
+
* </Heading>
|
|
56
56
|
* ```
|
|
57
57
|
*/
|
|
58
58
|
exports.Heading = (0, react_1.forwardRef)((_a, ref) => {
|
|
@@ -3,12 +3,12 @@ import { OverridableComponent } from "../util/types";
|
|
|
3
3
|
import { TypoProps } from "./types";
|
|
4
4
|
export interface LabelProps extends Omit<TypoProps, "weight" | "align" | "truncate">, React.LabelHTMLAttributes<HTMLLabelElement> {
|
|
5
5
|
/**
|
|
6
|
-
* medium: 18px, small: 16px
|
|
6
|
+
* medium: 18px, small: 16px.
|
|
7
7
|
* @default "medium"
|
|
8
8
|
*/
|
|
9
9
|
size?: "medium" | "small";
|
|
10
10
|
/**
|
|
11
|
-
*
|
|
11
|
+
* Label text.
|
|
12
12
|
*/
|
|
13
13
|
children: React.ReactNode;
|
|
14
14
|
}
|
|
@@ -21,9 +21,9 @@ export interface LabelProps extends Omit<TypoProps, "weight" | "align" | "trunca
|
|
|
21
21
|
*
|
|
22
22
|
* @example
|
|
23
23
|
* ```jsx
|
|
24
|
-
*
|
|
25
|
-
*
|
|
26
|
-
*
|
|
24
|
+
* <Label>
|
|
25
|
+
* Oppgi årsaken til at du har ventet mer enn 6 måneder med å søke om refusjon
|
|
26
|
+
* </Label>
|
|
27
27
|
* ```
|
|
28
28
|
*/
|
|
29
29
|
export declare const Label: OverridableComponent<LabelProps, HTMLLabelElement>;
|
package/cjs/typography/Label.js
CHANGED
|
@@ -50,9 +50,9 @@ const util_1 = require("./util");
|
|
|
50
50
|
*
|
|
51
51
|
* @example
|
|
52
52
|
* ```jsx
|
|
53
|
-
*
|
|
54
|
-
*
|
|
55
|
-
*
|
|
53
|
+
* <Label>
|
|
54
|
+
* Oppgi årsaken til at du har ventet mer enn 6 måneder med å søke om refusjon
|
|
55
|
+
* </Label>
|
|
56
56
|
* ```
|
|
57
57
|
*/
|
|
58
58
|
exports.Label = (0, react_1.forwardRef)((_a, ref) => {
|
|
@@ -12,15 +12,15 @@ export type TypoProps = {
|
|
|
12
12
|
*/
|
|
13
13
|
align?: "start" | "center" | "end";
|
|
14
14
|
/**
|
|
15
|
-
* Visually hide text. Text will still be accessible for screenreaders
|
|
15
|
+
* Visually hide text. Text will still be accessible for screenreaders.
|
|
16
16
|
*/
|
|
17
17
|
visuallyHidden?: boolean;
|
|
18
18
|
/**
|
|
19
|
-
* Adds spacing below text
|
|
19
|
+
* Adds spacing below text.
|
|
20
20
|
*/
|
|
21
21
|
spacing?: boolean;
|
|
22
22
|
/**
|
|
23
|
-
* Adjusts color
|
|
23
|
+
* Adjusts color.
|
|
24
24
|
*/
|
|
25
25
|
textColor?: "default" | "subtle";
|
|
26
26
|
};
|
|
@@ -6,8 +6,8 @@ import { DescendantOptions, DescendantsManager } from "./descendant";
|
|
|
6
6
|
/**
|
|
7
7
|
* Provides strongly typed versions of the context provider and hooks above.
|
|
8
8
|
*/
|
|
9
|
-
export declare function createDescendantContext<T extends HTMLElement = HTMLElement, K extends Record<string, any> = object>(): readonly [React.Provider<DescendantsManager<T, K>>, () => DescendantsManager<T, K
|
|
10
|
-
descendants: DescendantsManager<
|
|
9
|
+
export declare function createDescendantContext<T extends HTMLElement = HTMLElement, K extends Record<string, any> = object>(): readonly [React.Provider<DescendantsManager<T, K>>, <S extends boolean = true>(strict?: S) => S extends true ? DescendantsManager<T, K> : DescendantsManager<T, K> | undefined, () => DescendantsManager<T, K>, (options?: DescendantOptions<K>) => {
|
|
10
|
+
descendants: DescendantsManager<T, K>;
|
|
11
11
|
index: number;
|
|
12
12
|
enabledIndex: number;
|
|
13
13
|
register: (instance: T | null) => void;
|
|
@@ -33,67 +33,64 @@ const useClientLayoutEffect_1 = require("../useClientLayoutEffect");
|
|
|
33
33
|
const useMergeRefs_1 = require("../useMergeRefs");
|
|
34
34
|
const descendant_1 = require("./descendant");
|
|
35
35
|
const utils_1 = require("./utils");
|
|
36
|
-
/**
|
|
37
|
-
* @internal
|
|
38
|
-
* Initializing DescendantsManager
|
|
39
|
-
*/
|
|
40
|
-
function useDescendants() {
|
|
41
|
-
const descendants = (0, react_1.useRef)(new descendant_1.DescendantsManager()).current;
|
|
42
|
-
return descendants;
|
|
43
|
-
}
|
|
44
|
-
const [DescendantsContextProvider, useDescendantsContext] = (0, create_context_1.createContext)({
|
|
45
|
-
name: "DescendantsProvider",
|
|
46
|
-
errorMessage: "useDescendantsContext must be used within DescendantsProvider",
|
|
47
|
-
});
|
|
48
|
-
/**
|
|
49
|
-
* @internal
|
|
50
|
-
* This hook provides information to descendant component:
|
|
51
|
-
* - Index compared to other descendants
|
|
52
|
-
* - ref callback to register the descendant
|
|
53
|
-
* - Its enabled index compared to other enabled descendants
|
|
54
|
-
*/
|
|
55
|
-
function useDescendant(options) {
|
|
56
|
-
const descendants = useDescendantsContext();
|
|
57
|
-
const [index, setIndex] = (0, react_1.useState)(-1);
|
|
58
|
-
const ref = (0, react_1.useRef)(null);
|
|
59
|
-
(0, useClientLayoutEffect_1.useClientLayoutEffect)(() => {
|
|
60
|
-
return () => {
|
|
61
|
-
if (!ref.current)
|
|
62
|
-
return;
|
|
63
|
-
descendants.unregister(ref.current);
|
|
64
|
-
};
|
|
65
|
-
}, []);
|
|
66
|
-
(0, useClientLayoutEffect_1.useClientLayoutEffect)(() => {
|
|
67
|
-
if (!ref.current)
|
|
68
|
-
return;
|
|
69
|
-
const dataIndex = Number(ref.current.dataset["index"]);
|
|
70
|
-
if (index != dataIndex && !Number.isNaN(dataIndex)) {
|
|
71
|
-
setIndex(dataIndex);
|
|
72
|
-
}
|
|
73
|
-
});
|
|
74
|
-
const refCallback = options
|
|
75
|
-
? (0, utils_1.cast)(descendants.register(options))
|
|
76
|
-
: (0, utils_1.cast)(descendants.register);
|
|
77
|
-
return {
|
|
78
|
-
descendants,
|
|
79
|
-
index,
|
|
80
|
-
enabledIndex: descendants.enabledIndexOf(ref.current),
|
|
81
|
-
register: (0, useMergeRefs_1.mergeRefs)([refCallback, ref]),
|
|
82
|
-
};
|
|
83
|
-
}
|
|
84
36
|
/**
|
|
85
37
|
* Provides strongly typed versions of the context provider and hooks above.
|
|
86
38
|
*/
|
|
87
39
|
function createDescendantContext() {
|
|
40
|
+
const [DescendantsContextProvider, useDescendantsContext] = (0, create_context_1.createContext)({
|
|
41
|
+
name: "DescendantsProvider",
|
|
42
|
+
errorMessage: "useDescendantsContext must be used within DescendantsProvider",
|
|
43
|
+
});
|
|
88
44
|
const ContextProvider = (0, utils_1.cast)((props) => (react_1.default.createElement(DescendantsContextProvider, Object.assign({}, props.value), props.children)));
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
45
|
+
/**
|
|
46
|
+
* @internal
|
|
47
|
+
* This hook provides information to descendant component:
|
|
48
|
+
* - Index compared to other descendants
|
|
49
|
+
* - ref callback to register the descendant
|
|
50
|
+
* - Its enabled index compared to other enabled descendants
|
|
51
|
+
*/
|
|
52
|
+
function _useDescendant(options) {
|
|
53
|
+
const descendants = useDescendantsContext();
|
|
54
|
+
const [index, setIndex] = (0, react_1.useState)(-1);
|
|
55
|
+
const ref = (0, react_1.useRef)(null);
|
|
56
|
+
(0, useClientLayoutEffect_1.useClientLayoutEffect)(() => {
|
|
57
|
+
return () => {
|
|
58
|
+
if (!ref.current)
|
|
59
|
+
return;
|
|
60
|
+
descendants.unregister(ref.current);
|
|
61
|
+
};
|
|
62
|
+
}, []);
|
|
63
|
+
(0, useClientLayoutEffect_1.useClientLayoutEffect)(() => {
|
|
64
|
+
if (!ref.current)
|
|
65
|
+
return;
|
|
66
|
+
const dataIndex = Number(ref.current.dataset["index"]);
|
|
67
|
+
if (index != dataIndex && !Number.isNaN(dataIndex)) {
|
|
68
|
+
setIndex(dataIndex);
|
|
69
|
+
}
|
|
70
|
+
});
|
|
71
|
+
const refCallback = options
|
|
72
|
+
? (0, utils_1.cast)(descendants.register(options))
|
|
73
|
+
: (0, utils_1.cast)(descendants.register);
|
|
74
|
+
return {
|
|
75
|
+
descendants,
|
|
76
|
+
index,
|
|
77
|
+
enabledIndex: descendants.enabledIndexOf(ref.current),
|
|
78
|
+
register: (0, useMergeRefs_1.mergeRefs)([refCallback, ref]),
|
|
79
|
+
};
|
|
80
|
+
}
|
|
81
|
+
/**
|
|
82
|
+
* @internal
|
|
83
|
+
* Initializing DescendantsManager
|
|
84
|
+
*/
|
|
85
|
+
function _useDescendants() {
|
|
86
|
+
const descendants = (0, react_1.useRef)(new descendant_1.DescendantsManager()).current;
|
|
87
|
+
return descendants;
|
|
88
|
+
}
|
|
92
89
|
return [
|
|
93
90
|
// context provider
|
|
94
91
|
ContextProvider,
|
|
95
92
|
// call this when you need to read from context
|
|
96
|
-
|
|
93
|
+
useDescendantsContext,
|
|
97
94
|
// descendants state information, to be called and passed to `ContextProvider`
|
|
98
95
|
_useDescendants,
|
|
99
96
|
// descendant index information
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDescendant.js","sourceRoot":"","sources":["../../../../src/util/hooks/descendants/useDescendant.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;GAEG;AACH,+CAAgD;AAChD,yDAAqD;AACrD,oEAAiE;AACjE,kDAA4C;AAC5C,6CAAqE;AACrE,mCAA+B;AAE/B
|
|
1
|
+
{"version":3,"file":"useDescendant.js","sourceRoot":"","sources":["../../../../src/util/hooks/descendants/useDescendant.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;GAEG;AACH,+CAAgD;AAChD,yDAAqD;AACrD,oEAAiE;AACjE,kDAA4C;AAC5C,6CAAqE;AACrE,mCAA+B;AAE/B;;GAEG;AACH,SAAgB,uBAAuB;IAIrC,MAAM,CAAC,0BAA0B,EAAE,qBAAqB,CAAC,GAAG,IAAA,8BAAa,EAEvE;QACA,IAAI,EAAE,qBAAqB;QAC3B,YAAY,EACV,+DAA+D;KAClE,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,IAAA,YAAI,EAC1B,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,8BAAC,0BAA0B,oBAAK,KAAK,CAAC,KAAK,GACxC,KAAK,CAAC,QAAQ,CACY,CAC9B,CACF,CAAC;IAEF;;;;;;OAMG;IACH,SAAS,cAAc,CAAC,OAA8B;QACpD,MAAM,WAAW,GAAG,qBAAqB,EAAE,CAAC;QAC5C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC,CAAC;QACvC,MAAM,GAAG,GAAG,IAAA,cAAM,EAAI,IAAI,CAAC,CAAC;QAE5B,IAAA,6CAAqB,EAAC,GAAG,EAAE;YACzB,OAAO,GAAG,EAAE;gBACV,IAAI,CAAC,GAAG,CAAC,OAAO;oBAAE,OAAO;gBACzB,WAAW,CAAC,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YACtC,CAAC,CAAC;QACJ,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,IAAA,6CAAqB,EAAC,GAAG,EAAE;YACzB,IAAI,CAAC,GAAG,CAAC,OAAO;gBAAE,OAAO;YACzB,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;YACvD,IAAI,KAAK,IAAI,SAAS,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;gBACnD,QAAQ,CAAC,SAAS,CAAC,CAAC;YACtB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,MAAM,WAAW,GAAG,OAAO;YACzB,CAAC,CAAC,IAAA,YAAI,EAAuB,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YAC3D,CAAC,CAAC,IAAA,YAAI,EAAuB,WAAW,CAAC,QAAQ,CAAC,CAAC;QAErD,OAAO;YACL,WAAW;YACX,KAAK;YACL,YAAY,EAAE,WAAW,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC;YACrD,QAAQ,EAAE,IAAA,wBAAS,EAAC,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;SACxC,CAAC;IACJ,CAAC;IAED;;;OAGG;IACH,SAAS,eAAe;QACtB,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,IAAI,+BAAkB,EAAQ,CAAC,CAAC,OAAO,CAAC;QAEnE,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,OAAO;QACL,mBAAmB;QACnB,eAAe;QACf,+CAA+C;QAC/C,qBAAqB;QACrB,8EAA8E;QAC9E,eAAe;QACf,+BAA+B;QAC/B,cAAc;KACN,CAAC;AACb,CAAC;AA/ED,0DA+EC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export type AsChild = {
|
|
3
|
+
children: React.ReactElement;
|
|
4
|
+
/**
|
|
5
|
+
* Renders the children as a child of the component. Merges the props of the component with the props of the child.
|
|
6
|
+
*/
|
|
7
|
+
asChild: true;
|
|
8
|
+
} | {
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
/**
|
|
11
|
+
* Renders the children as a child of the component. Merges the props of the component with the props of the child.
|
|
12
|
+
*/
|
|
13
|
+
asChild?: false;
|
|
14
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AsChild.js","sourceRoot":"","sources":["../../../src/util/types/AsChild.ts"],"names":[],"mappings":""}
|
package/esm/chat/Chat.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from "react";
|
|
2
2
|
import Bubble from "./Bubble.js";
|
|
3
|
+
export declare const VARIANTS: readonly ["subtle", "info", "neutral"];
|
|
3
4
|
export declare const POSITIONS: readonly ["left", "right"];
|
|
4
5
|
export declare const SIZES: readonly ["medium", "small"];
|
|
5
6
|
export interface ChatProps extends HTMLAttributes<HTMLDivElement> {
|
|
@@ -24,7 +25,7 @@ export interface ChatProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
24
25
|
* Avoid using the same background as the surface behind Chat.
|
|
25
26
|
* @default "neutral"
|
|
26
27
|
*/
|
|
27
|
-
variant?:
|
|
28
|
+
variant?: (typeof VARIANTS)[number];
|
|
28
29
|
/**
|
|
29
30
|
* Positions avatar and bubbles.
|
|
30
31
|
* @default "left"
|
package/esm/chat/Chat.js
CHANGED
|
@@ -13,6 +13,7 @@ import cl from "clsx";
|
|
|
13
13
|
import React, { forwardRef } from "react";
|
|
14
14
|
import { BodyLong } from "../typography/index.js";
|
|
15
15
|
import Bubble from "./Bubble.js";
|
|
16
|
+
export const VARIANTS = ["subtle", "info", "neutral"];
|
|
16
17
|
export const POSITIONS = ["left", "right"];
|
|
17
18
|
export const SIZES = ["medium", "small"];
|
|
18
19
|
/**
|
package/esm/chat/Chat.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../src/chat/Chat.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,CAAU,CAAC;AACpD,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAU,CAAC;AAoDlD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EAWY,EACZ,GAAG,EACH,EAAE;QAbF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,SAAS,EACT,MAAM,EACN,QAAQ,GAAG,MAAM,EACjB,OAAO,GAAG,SAAS,EACnB,eAAe,EACf,IAAI,GAAG,QAAQ,OAEL,EADP,IAAI,cAVT,0GAWC,CADQ;IAGN,OAAA,CACH,2CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,YAAY,EACZ,SAAS,EACT,eAAe,QAAQ,EAAE,EACzB,wBAAwB,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,QAAQ,EAAE,EACrD,eAAe,IAAI,EAAE,EACrB,eAAe,OAAO,EAAE,CACzB,IACG,IAAI;QAEP,MAAM,IAAI,CACT,6BAAK,SAAS,EAAC,oBAAoB,yBAChC,MAAM,CACH,CACP;QACD,4BAAI,SAAS,EAAC,4BAA4B,IACvC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACzC,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;gBAChC,OAAO,CACL,oBAAC,QAAQ,IAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,IACzB,KAAK,CAAC,YAAY,CAAC,KAAK,kBACvB,IAAI,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACxC,SAAS,EAAE,SAAS,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,IACpD,KAAK,CAAC,KAAK,EACd,CACO,CACZ,CAAC;YACJ,CAAC;QACH,CAAC,CAAC,CACC,CACD,CACP,CAAA;CAAA,CACe,CAAC;AAEnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;AAErB,eAAe,IAAI,CAAC"}
|
|
1
|
+
{"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../src/chat/Chat.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,CAAU,CAAC;AAC/D,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,CAAU,CAAC;AACpD,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAU,CAAC;AAoDlD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EAWY,EACZ,GAAG,EACH,EAAE;QAbF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,SAAS,EACT,MAAM,EACN,QAAQ,GAAG,MAAM,EACjB,OAAO,GAAG,SAAS,EACnB,eAAe,EACf,IAAI,GAAG,QAAQ,OAEL,EADP,IAAI,cAVT,0GAWC,CADQ;IAGN,OAAA,CACH,2CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,YAAY,EACZ,SAAS,EACT,eAAe,QAAQ,EAAE,EACzB,wBAAwB,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,QAAQ,EAAE,EACrD,eAAe,IAAI,EAAE,EACrB,eAAe,OAAO,EAAE,CACzB,IACG,IAAI;QAEP,MAAM,IAAI,CACT,6BAAK,SAAS,EAAC,oBAAoB,yBAChC,MAAM,CACH,CACP;QACD,4BAAI,SAAS,EAAC,4BAA4B,IACvC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACzC,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;gBAChC,OAAO,CACL,oBAAC,QAAQ,IAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,IACzB,KAAK,CAAC,YAAY,CAAC,KAAK,kBACvB,IAAI,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACxC,SAAS,EAAE,SAAS,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,IACpD,KAAK,CAAC,KAAK,EACd,CACO,CACZ,CAAC;YACJ,CAAC;QACH,CAAC,CAAC,CACC,CACD,CACP,CAAA;CAAA,CACe,CAAC;AAEnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;AAErB,eAAe,IAAI,CAAC"}
|
|
@@ -22,7 +22,7 @@ export const DropdownCaption = ({ displayMonth, id }) => {
|
|
|
22
22
|
goToMonth(startOfMonth(min([max([newMonth, fromDate]), toDate])));
|
|
23
23
|
};
|
|
24
24
|
const handleMonthChange = (e) => goToMonth(setMonth(startOfMonth(displayMonth), Number(e.target.value)));
|
|
25
|
-
const years = getYears(fromDate, toDate, displayMonth.getFullYear());
|
|
25
|
+
const years = getYears(fromDate, toDate, displayMonth.getFullYear()).reverse();
|
|
26
26
|
const months = getMonths(fromDate, toDate, displayMonth);
|
|
27
27
|
const previousLabel = labelPrevious(previousMonth, { locale });
|
|
28
28
|
const nextLabel = labelNext(nextMonth, { locale });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownCaption.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/DropdownCaption.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACrE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgB,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,YAAY,EAAE,EAAE,EAAgB,EAAE,EAAE;IACpE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,aAAa,EAAE,CAAC;IAChE,MAAM,EACJ,QAAQ,EACR,MAAM,EACN,UAAU,EAAE,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,aAAa,EAAE,EACpE,MAAM,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,EACpC,MAAM,GACP,GAAG,YAAY,EAAE,CAAC;IAEnB,IAAI,CAAC,QAAQ,IAAI,CAAC,MAAM,EAAE,CAAC;QACzB,OAAO,CAAC,IAAI,CAAC,oDAAoD,CAAC,CAAC;QACnE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,gBAAgB,GAAgD,CAAC,CAAC,EAAE,EAAE;QAC1E,MAAM,QAAQ,GAAG,OAAO,CACtB,YAAY,CAAC,YAAY,CAAC,EAC1B,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACvB,CAAC;QACF,SAAS,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IACpE,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAgD,CAAC,CAAC,EAAE,EAAE,CAC3E,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAE1E,MAAM,KAAK,GAAG,QAAQ,
|
|
1
|
+
{"version":3,"file":"DropdownCaption.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/DropdownCaption.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,7 +19,7 @@ export const MonthCaption = () => {
|
|
|
19
19
|
if (!years.map((x) => x.getFullYear()).includes(year.getFullYear())) {
|
|
20
20
|
years.push(setYear(startOfYear(new Date()), year.getFullYear()));
|
|
21
21
|
}
|
|
22
|
-
years.sort((a, b) =>
|
|
22
|
+
years.sort((a, b) => b.getFullYear() - a.getFullYear());
|
|
23
23
|
}
|
|
24
24
|
const handleYearChange = (e) => toYear(setYear(startOfMonth(new Date()), Number(e.target.value)));
|
|
25
25
|
const handleButtonClick = (val) => {
|
|
@@ -6,11 +6,11 @@ export declare const labelNextYear: (localeCode: string | undefined) => "Gå til
|
|
|
6
6
|
export declare const labelPrevYear: (localeCode: string | undefined) => string;
|
|
7
7
|
export declare const labels: Partial<Labels>;
|
|
8
8
|
export declare const labelWeekNumber: ({ localeCode, week, }: {
|
|
9
|
-
localeCode?: string
|
|
9
|
+
localeCode?: string;
|
|
10
10
|
week: number;
|
|
11
11
|
}) => string;
|
|
12
12
|
export declare const labelWeekNumberButton: ({ localeCode, week, }: {
|
|
13
|
-
localeCode?: string
|
|
13
|
+
localeCode?: string;
|
|
14
14
|
week: number;
|
|
15
15
|
}) => string;
|
|
16
16
|
export declare const labelWeek: (localeCode?: string) => string;
|