@navikt/ds-react 7.6.0 → 7.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/chips/Removable.d.ts +0 -5
- package/cjs/chips/Removable.js +2 -2
- package/cjs/chips/Removable.js.map +1 -1
- package/cjs/copybutton/CopyButton.d.ts +1 -6
- package/cjs/copybutton/CopyButton.js +8 -6
- package/cjs/copybutton/CopyButton.js.map +1 -1
- package/cjs/date/context/index.d.ts +2 -1
- package/cjs/date/context/index.js +5 -2
- package/cjs/date/context/index.js.map +1 -1
- package/cjs/date/context/useDateInputContext.d.ts +3 -3
- package/cjs/date/context/useDateInputContext.js +4 -4
- package/cjs/date/context/useDateInputContext.js.map +1 -1
- package/cjs/date/context/useDateTranslationContext.d.ts +8 -0
- package/cjs/date/context/useDateTranslationContext.js +7 -0
- package/cjs/date/context/useDateTranslationContext.js.map +1 -0
- package/cjs/date/datepicker/DatePicker.js +18 -16
- package/cjs/date/datepicker/DatePicker.js.map +1 -1
- package/cjs/date/datepicker/DatePickerStandalone.js +17 -14
- package/cjs/date/datepicker/DatePickerStandalone.js.map +1 -1
- package/cjs/date/datepicker/parts/Caption.js +2 -3
- package/cjs/date/datepicker/parts/Caption.js.map +1 -1
- package/cjs/date/datepicker/parts/DropdownCaption.js +2 -2
- package/cjs/date/datepicker/parts/DropdownCaption.js.map +1 -1
- package/cjs/date/datepicker/parts/WeekNumber.js +14 -6
- package/cjs/date/datepicker/parts/WeekNumber.js.map +1 -1
- package/cjs/date/datepicker/parts/WeekRow.js +2 -3
- package/cjs/date/datepicker/parts/WeekRow.js.map +1 -1
- package/cjs/date/datepicker/types.d.ts +8 -0
- package/cjs/date/monthpicker/MonthCaption.js +1 -3
- package/cjs/date/monthpicker/MonthCaption.js.map +1 -1
- package/cjs/date/monthpicker/MonthPicker.js +30 -28
- package/cjs/date/monthpicker/MonthPicker.js.map +1 -1
- package/cjs/date/monthpicker/MonthPickerStandalone.js +16 -12
- package/cjs/date/monthpicker/MonthPickerStandalone.js.map +1 -1
- package/cjs/date/monthpicker/types.d.ts +8 -0
- package/cjs/date/parts/DateInput.js +1 -2
- package/cjs/date/parts/DateInput.js.map +1 -1
- package/cjs/date/parts/DateWrapper.d.ts +3 -1
- package/cjs/date/parts/DateWrapper.js +3 -3
- package/cjs/date/parts/DateWrapper.js.map +1 -1
- package/cjs/date/utils/index.d.ts +1 -1
- package/cjs/date/utils/index.js +2 -1
- package/cjs/date/utils/index.js.map +1 -1
- package/cjs/date/utils/locale.d.ts +12 -2
- package/cjs/date/utils/locale.js +18 -2
- package/cjs/date/utils/locale.js.map +1 -1
- package/cjs/form/combobox/Combobox.d.ts +1 -1
- package/cjs/form/combobox/ComboboxWrapper.js +6 -6
- package/cjs/form/combobox/ComboboxWrapper.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/AddNewOption.js +3 -1
- package/cjs/form/combobox/FilteredOptions/AddNewOption.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/FilteredOptionsItem.js +1 -1
- package/cjs/form/combobox/FilteredOptions/FilteredOptionsItem.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/LoadingMessage.js +3 -1
- package/cjs/form/combobox/FilteredOptions/LoadingMessage.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/MaxSelectedMessage.d.ts +1 -1
- package/cjs/form/combobox/FilteredOptions/MaxSelectedMessage.js +6 -5
- package/cjs/form/combobox/FilteredOptions/MaxSelectedMessage.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js +4 -4
- package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
- package/cjs/form/combobox/Input/Input.context.d.ts +1 -1
- package/cjs/form/combobox/Input/Input.context.js.map +1 -1
- package/cjs/form/combobox/Input/Input.js +1 -1
- package/cjs/form/combobox/Input/Input.js.map +1 -1
- package/cjs/form/combobox/Input/InputController.d.ts +1 -1
- package/cjs/form/combobox/Input/InputController.js +10 -10
- package/cjs/form/combobox/Input/InputController.js.map +1 -1
- package/cjs/form/combobox/Input/ToggleListButton.d.ts +1 -4
- package/cjs/form/combobox/Input/ToggleListButton.js +3 -5
- package/cjs/form/combobox/Input/ToggleListButton.js.map +1 -1
- package/cjs/form/combobox/SelectedOptions/SelectedOptions.js +8 -6
- package/cjs/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
- package/cjs/form/combobox/SelectedOptions/selectedOptionsContext.d.ts +2 -1
- package/cjs/form/combobox/SelectedOptions/selectedOptionsContext.js +9 -5
- package/cjs/form/combobox/SelectedOptions/selectedOptionsContext.js.map +1 -1
- package/cjs/form/combobox/types.d.ts +7 -22
- package/cjs/form/form-summary/FormSummaryEditLink.js +4 -2
- package/cjs/form/form-summary/FormSummaryEditLink.js.map +1 -1
- package/cjs/form/search/Search.d.ts +2 -1
- package/cjs/form/search/Search.js +8 -3
- package/cjs/form/search/Search.js.map +1 -1
- package/cjs/form/textarea/Textarea.d.ts +1 -0
- package/cjs/form/textarea/Textarea.js.map +1 -1
- package/cjs/guide-panel/GuidePanel.js +11 -3
- package/cjs/guide-panel/GuidePanel.js.map +1 -1
- package/cjs/guide-panel/Illustration.d.ts +2 -8
- package/cjs/guide-panel/Illustration.darkside.d.ts +2 -0
- package/cjs/guide-panel/Illustration.darkside.js +30 -0
- package/cjs/guide-panel/Illustration.darkside.js.map +1 -0
- package/cjs/guide-panel/Illustration.js +4 -18
- package/cjs/guide-panel/Illustration.js.map +1 -1
- package/cjs/guide-panel/index.d.ts +0 -1
- package/cjs/guide-panel/index.js +1 -3
- package/cjs/guide-panel/index.js.map +1 -1
- package/cjs/help-text/HelpText.d.ts +1 -1
- package/cjs/help-text/HelpText.js +6 -3
- package/cjs/help-text/HelpText.js.map +1 -1
- package/cjs/index.d.ts +1 -1
- package/cjs/index.js +2 -3
- package/cjs/index.js.map +1 -1
- package/cjs/internal-header/InternalHeaderButton.d.ts +1 -1
- package/cjs/internal-header/InternalHeaderUserButton.d.ts +1 -1
- package/cjs/internal-header/InternalHeaderUserButton.js +1 -1
- package/cjs/internal-header/InternalHeaderUserButton.js.map +1 -1
- package/cjs/layout/base/BasePrimitive.js +4 -1
- package/cjs/layout/base/BasePrimitive.js.map +1 -1
- package/cjs/layout/bleed/Bleed.js +5 -2
- package/cjs/layout/bleed/Bleed.js.map +1 -1
- package/cjs/layout/box/Box.d.ts +6 -1
- package/cjs/layout/box/Box.darkside.d.ts +70 -0
- package/cjs/layout/box/Box.darkside.js +98 -0
- package/cjs/layout/box/Box.darkside.js.map +1 -0
- package/cjs/layout/box/Box.js +19 -6
- package/cjs/layout/box/Box.js.map +1 -1
- package/cjs/layout/box/index.js +2 -0
- package/cjs/layout/box/index.js.map +1 -1
- package/cjs/layout/grid/HGrid.js +4 -1
- package/cjs/layout/grid/HGrid.js.map +1 -1
- package/cjs/layout/page/Page.d.ts +1 -0
- package/cjs/layout/page/Page.js +5 -0
- package/cjs/layout/page/Page.js.map +1 -1
- package/cjs/layout/stack/Stack.js +4 -1
- package/cjs/layout/stack/Stack.js.map +1 -1
- package/cjs/layout/utilities/css.d.ts +2 -2
- package/cjs/layout/utilities/css.js +8 -9
- package/cjs/layout/utilities/css.js.map +1 -1
- package/cjs/layout/utilities/types.d.ts +10 -0
- package/cjs/modal/Modal.js +1 -1
- package/cjs/modal/Modal.js.map +1 -1
- package/cjs/modal/ModalHeader.js +1 -1
- package/cjs/modal/ModalHeader.js.map +1 -1
- package/cjs/popover/Popover.js +1 -1
- package/cjs/popover/Popover.js.map +1 -1
- package/cjs/provider/Provider.d.ts +35 -10
- package/cjs/provider/Provider.js +13 -14
- package/cjs/provider/Provider.js.map +1 -1
- package/cjs/table/ExpandableRow.js +3 -3
- package/cjs/table/ExpandableRow.js.map +1 -1
- package/cjs/tabs/Tabs.context.d.ts +1 -1
- package/cjs/timeline/Timeline.d.ts +1 -0
- package/cjs/timeline/Timeline.js.map +1 -1
- package/cjs/util/i18n/i18n.context.d.ts +1 -1
- package/cjs/util/i18n/i18n.context.js +15 -14
- package/cjs/util/i18n/i18n.context.js.map +1 -1
- package/cjs/util/i18n/locales/en.d.ts +51 -36
- package/cjs/util/i18n/locales/en.js +52 -37
- package/cjs/util/i18n/locales/en.js.map +1 -1
- package/cjs/util/i18n/locales/index.d.ts +3 -0
- package/cjs/util/i18n/locales/index.js +14 -0
- package/cjs/util/i18n/locales/index.js.map +1 -0
- package/cjs/util/i18n/locales/nb.d.ts +54 -37
- package/cjs/util/i18n/locales/nb.js +56 -39
- package/cjs/util/i18n/locales/nb.js.map +1 -1
- package/cjs/util/i18n/locales/nn.d.ts +51 -36
- package/cjs/util/i18n/locales/nn.js +52 -37
- package/cjs/util/i18n/locales/nn.js.map +1 -1
- package/esm/chips/Removable.d.ts +0 -5
- package/esm/chips/Removable.js +2 -2
- package/esm/chips/Removable.js.map +1 -1
- package/esm/copybutton/CopyButton.d.ts +1 -6
- package/esm/copybutton/CopyButton.js +8 -6
- package/esm/copybutton/CopyButton.js.map +1 -1
- package/esm/date/context/index.d.ts +2 -1
- package/esm/date/context/index.js +2 -1
- package/esm/date/context/index.js.map +1 -1
- package/esm/date/context/useDateInputContext.d.ts +3 -3
- package/esm/date/context/useDateInputContext.js +3 -3
- package/esm/date/context/useDateInputContext.js.map +1 -1
- package/esm/date/context/useDateTranslationContext.d.ts +8 -0
- package/esm/date/context/useDateTranslationContext.js +3 -0
- package/esm/date/context/useDateTranslationContext.js.map +1 -0
- package/esm/date/datepicker/DatePicker.js +21 -19
- package/esm/date/datepicker/DatePicker.js.map +1 -1
- package/esm/date/datepicker/DatePickerStandalone.js +19 -16
- package/esm/date/datepicker/DatePickerStandalone.js.map +1 -1
- package/esm/date/datepicker/parts/Caption.js +2 -3
- package/esm/date/datepicker/parts/Caption.js.map +1 -1
- package/esm/date/datepicker/parts/DropdownCaption.js +3 -3
- package/esm/date/datepicker/parts/DropdownCaption.js.map +1 -1
- package/esm/date/datepicker/parts/WeekNumber.js +15 -7
- package/esm/date/datepicker/parts/WeekNumber.js.map +1 -1
- package/esm/date/datepicker/parts/WeekRow.js +2 -3
- package/esm/date/datepicker/parts/WeekRow.js.map +1 -1
- package/esm/date/datepicker/types.d.ts +8 -0
- package/esm/date/monthpicker/MonthCaption.js +2 -4
- package/esm/date/monthpicker/MonthCaption.js.map +1 -1
- package/esm/date/monthpicker/MonthPicker.js +33 -31
- package/esm/date/monthpicker/MonthPicker.js.map +1 -1
- package/esm/date/monthpicker/MonthPickerStandalone.js +18 -14
- package/esm/date/monthpicker/MonthPickerStandalone.js.map +1 -1
- package/esm/date/monthpicker/types.d.ts +8 -0
- package/esm/date/parts/DateInput.js +2 -3
- package/esm/date/parts/DateInput.js.map +1 -1
- package/esm/date/parts/DateWrapper.d.ts +3 -1
- package/esm/date/parts/DateWrapper.js +4 -4
- package/esm/date/parts/DateWrapper.js.map +1 -1
- package/esm/date/utils/index.d.ts +1 -1
- package/esm/date/utils/index.js +1 -1
- package/esm/date/utils/index.js.map +1 -1
- package/esm/date/utils/locale.d.ts +12 -2
- package/esm/date/utils/locale.js +16 -1
- package/esm/date/utils/locale.js.map +1 -1
- package/esm/form/combobox/Combobox.d.ts +1 -1
- package/esm/form/combobox/ComboboxWrapper.js +6 -6
- package/esm/form/combobox/ComboboxWrapper.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/AddNewOption.js +3 -1
- package/esm/form/combobox/FilteredOptions/AddNewOption.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/FilteredOptions.js +4 -4
- package/esm/form/combobox/FilteredOptions/FilteredOptions.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/FilteredOptionsItem.js +1 -1
- package/esm/form/combobox/FilteredOptions/FilteredOptionsItem.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/LoadingMessage.js +3 -1
- package/esm/form/combobox/FilteredOptions/LoadingMessage.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/MaxSelectedMessage.d.ts +1 -1
- package/esm/form/combobox/FilteredOptions/MaxSelectedMessage.js +6 -5
- package/esm/form/combobox/FilteredOptions/MaxSelectedMessage.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js +4 -4
- package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
- package/esm/form/combobox/Input/Input.context.d.ts +1 -1
- package/esm/form/combobox/Input/Input.context.js.map +1 -1
- 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 +1 -1
- package/esm/form/combobox/Input/InputController.js +10 -10
- package/esm/form/combobox/Input/InputController.js.map +1 -1
- package/esm/form/combobox/Input/ToggleListButton.d.ts +1 -4
- package/esm/form/combobox/Input/ToggleListButton.js +3 -5
- package/esm/form/combobox/Input/ToggleListButton.js.map +1 -1
- package/esm/form/combobox/SelectedOptions/SelectedOptions.js +8 -6
- package/esm/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
- package/esm/form/combobox/SelectedOptions/selectedOptionsContext.d.ts +2 -1
- package/esm/form/combobox/SelectedOptions/selectedOptionsContext.js +9 -5
- package/esm/form/combobox/SelectedOptions/selectedOptionsContext.js.map +1 -1
- package/esm/form/combobox/types.d.ts +7 -22
- package/esm/form/form-summary/FormSummaryEditLink.js +4 -2
- package/esm/form/form-summary/FormSummaryEditLink.js.map +1 -1
- package/esm/form/search/Search.d.ts +2 -1
- package/esm/form/search/Search.js +8 -3
- package/esm/form/search/Search.js.map +1 -1
- package/esm/form/textarea/Textarea.d.ts +1 -0
- package/esm/form/textarea/Textarea.js.map +1 -1
- package/esm/guide-panel/GuidePanel.js +11 -3
- package/esm/guide-panel/GuidePanel.js.map +1 -1
- package/esm/guide-panel/Illustration.d.ts +2 -8
- package/esm/guide-panel/Illustration.darkside.d.ts +2 -0
- package/esm/guide-panel/Illustration.darkside.js +23 -0
- package/esm/guide-panel/Illustration.darkside.js.map +1 -0
- package/esm/guide-panel/Illustration.js +4 -18
- package/esm/guide-panel/Illustration.js.map +1 -1
- package/esm/guide-panel/index.d.ts +0 -1
- package/esm/guide-panel/index.js +0 -1
- package/esm/guide-panel/index.js.map +1 -1
- package/esm/help-text/HelpText.d.ts +1 -1
- package/esm/help-text/HelpText.js +6 -3
- package/esm/help-text/HelpText.js.map +1 -1
- package/esm/index.d.ts +1 -1
- package/esm/index.js +1 -1
- package/esm/index.js.map +1 -1
- package/esm/internal-header/InternalHeaderButton.d.ts +1 -1
- package/esm/internal-header/InternalHeaderUserButton.d.ts +1 -1
- package/esm/internal-header/InternalHeaderUserButton.js +1 -1
- package/esm/internal-header/InternalHeaderUserButton.js.map +1 -1
- package/esm/layout/base/BasePrimitive.js +4 -1
- package/esm/layout/base/BasePrimitive.js.map +1 -1
- package/esm/layout/bleed/Bleed.js +5 -2
- package/esm/layout/bleed/Bleed.js.map +1 -1
- package/esm/layout/box/Box.d.ts +6 -1
- package/esm/layout/box/Box.darkside.d.ts +70 -0
- package/esm/layout/box/Box.darkside.js +69 -0
- package/esm/layout/box/Box.darkside.js.map +1 -0
- package/esm/layout/box/Box.js +18 -5
- package/esm/layout/box/Box.js.map +1 -1
- package/esm/layout/grid/HGrid.js +4 -1
- package/esm/layout/grid/HGrid.js.map +1 -1
- package/esm/layout/page/Page.d.ts +1 -0
- package/esm/layout/page/Page.js +5 -0
- package/esm/layout/page/Page.js.map +1 -1
- package/esm/layout/stack/Stack.js +4 -1
- package/esm/layout/stack/Stack.js.map +1 -1
- package/esm/layout/utilities/css.d.ts +2 -2
- package/esm/layout/utilities/css.js +8 -9
- package/esm/layout/utilities/css.js.map +1 -1
- package/esm/layout/utilities/types.d.ts +10 -0
- package/esm/modal/Modal.js +2 -2
- package/esm/modal/Modal.js.map +1 -1
- package/esm/modal/ModalHeader.js +1 -1
- package/esm/modal/ModalHeader.js.map +1 -1
- package/esm/popover/Popover.js +2 -2
- package/esm/popover/Popover.js.map +1 -1
- package/esm/provider/Provider.d.ts +35 -10
- package/esm/provider/Provider.js +11 -15
- package/esm/provider/Provider.js.map +1 -1
- package/esm/table/ExpandableRow.js +3 -3
- package/esm/table/ExpandableRow.js.map +1 -1
- package/esm/tabs/Tabs.context.d.ts +1 -1
- package/esm/timeline/Timeline.d.ts +1 -0
- package/esm/timeline/Timeline.js.map +1 -1
- package/esm/util/i18n/i18n.context.d.ts +1 -1
- package/esm/util/i18n/i18n.context.js +15 -14
- package/esm/util/i18n/i18n.context.js.map +1 -1
- package/esm/util/i18n/locales/en.d.ts +51 -36
- package/esm/util/i18n/locales/en.js +52 -37
- package/esm/util/i18n/locales/en.js.map +1 -1
- package/esm/util/i18n/locales/index.d.ts +3 -0
- package/esm/util/i18n/locales/index.js +5 -0
- package/esm/util/i18n/locales/index.js.map +1 -0
- package/esm/util/i18n/locales/nb.d.ts +54 -37
- package/esm/util/i18n/locales/nb.js +56 -39
- package/esm/util/i18n/locales/nb.js.map +1 -1
- package/esm/util/i18n/locales/nn.d.ts +51 -36
- package/esm/util/i18n/locales/nn.js +52 -37
- package/esm/util/i18n/locales/nn.js.map +1 -1
- package/package.json +13 -3
- package/src/chips/Removable.tsx +1 -9
- package/src/copybutton/CopyButton.tsx +14 -30
- package/src/date/context/index.ts +5 -1
- package/src/date/context/useDateInputContext.tsx +6 -4
- package/src/date/context/useDateTranslationContext.ts +9 -0
- package/src/date/datepicker/DatePicker.tsx +41 -32
- package/src/date/datepicker/DatePickerStandalone.tsx +46 -37
- package/src/date/datepicker/parts/Caption.tsx +2 -3
- package/src/date/datepicker/parts/DropdownCaption.tsx +3 -3
- package/src/date/datepicker/parts/WeekNumber.tsx +34 -15
- package/src/date/datepicker/parts/WeekRow.tsx +2 -3
- package/src/date/datepicker/types.ts +8 -0
- package/src/date/monthpicker/MonthCaption.tsx +2 -4
- package/src/date/monthpicker/MonthPicker.tsx +67 -54
- package/src/date/monthpicker/MonthPickerStandalone.tsx +39 -26
- package/src/date/monthpicker/types.ts +8 -0
- package/src/date/parts/DateInput.tsx +2 -3
- package/src/date/parts/DateWrapper.tsx +6 -4
- package/src/date/utils/index.ts +5 -1
- package/src/date/utils/locale.ts +17 -1
- package/src/form/combobox/ComboboxWrapper.tsx +6 -6
- package/src/form/combobox/FilteredOptions/AddNewOption.tsx +3 -1
- package/src/form/combobox/FilteredOptions/FilteredOptions.tsx +4 -4
- package/src/form/combobox/FilteredOptions/FilteredOptionsItem.tsx +1 -1
- package/src/form/combobox/FilteredOptions/LoadingMessage.tsx +3 -1
- package/src/form/combobox/FilteredOptions/MaxSelectedMessage.tsx +6 -6
- package/src/form/combobox/FilteredOptions/filteredOptionsContext.tsx +4 -4
- package/src/form/combobox/Input/Input.context.tsx +3 -3
- package/src/form/combobox/Input/Input.tsx +1 -1
- package/src/form/combobox/Input/InputController.tsx +5 -27
- package/src/form/combobox/Input/ToggleListButton.tsx +8 -24
- package/src/form/combobox/SelectedOptions/SelectedOptions.tsx +17 -11
- package/src/form/combobox/SelectedOptions/selectedOptionsContext.tsx +10 -7
- package/src/form/combobox/__tests__/combobox.test.tsx +2 -1
- package/src/form/combobox/types.ts +11 -24
- package/src/form/form-summary/FormSummaryEditLink.tsx +7 -6
- package/src/form/search/Search.tsx +35 -13
- package/src/form/textarea/Textarea.tsx +1 -0
- package/src/guide-panel/GuidePanel.tsx +59 -15
- package/src/guide-panel/Illustration.darkside.tsx +96 -0
- package/src/guide-panel/Illustration.tsx +5 -22
- package/src/guide-panel/index.ts +0 -1
- package/src/help-text/HelpText.tsx +8 -6
- package/src/index.ts +1 -5
- package/src/internal-header/InternalHeaderButton.tsx +1 -1
- package/src/internal-header/InternalHeaderUserButton.tsx +2 -2
- package/src/layout/base/BasePrimitive.tsx +29 -25
- package/src/layout/bleed/Bleed.tsx +8 -0
- package/src/layout/box/Box.darkside.tsx +154 -0
- package/src/layout/box/Box.tsx +90 -61
- package/src/layout/box/index.ts +3 -0
- package/src/layout/grid/HGrid.tsx +7 -3
- package/src/layout/page/Page.tsx +10 -0
- package/src/layout/stack/Stack.tsx +8 -4
- package/src/layout/utilities/css.ts +18 -12
- package/src/layout/utilities/types.ts +24 -0
- package/src/modal/Modal.tsx +2 -2
- package/src/modal/ModalHeader.tsx +1 -1
- package/src/popover/Popover.tsx +2 -2
- package/src/provider/Provider.tsx +56 -13
- package/src/table/ExpandableRow.tsx +10 -3
- package/src/timeline/Timeline.tsx +1 -0
- package/src/util/i18n/i18n.context.test.tsx +29 -8
- package/src/util/i18n/i18n.context.ts +15 -14
- package/src/util/i18n/locales/en.ts +52 -37
- package/src/util/i18n/locales/index.ts +4 -0
- package/src/util/i18n/locales/nb.ts +56 -39
- package/src/util/i18n/locales/nn.ts +52 -37
- package/cjs/provider/i18n/LanguageProvider.d.ts +0 -26
- package/cjs/provider/i18n/LanguageProvider.js +0 -54
- package/cjs/provider/i18n/LanguageProvider.js.map +0 -1
- package/esm/provider/i18n/LanguageProvider.d.ts +0 -26
- package/esm/provider/i18n/LanguageProvider.js +0 -23
- package/esm/provider/i18n/LanguageProvider.js.map +0 -1
- package/src/provider/i18n/LanguageProvider.tsx +0 -49
package/cjs/chips/Removable.d.ts
CHANGED
|
@@ -10,11 +10,6 @@ export interface ChipsRemovableProps extends React.ButtonHTMLAttributes<HTMLButt
|
|
|
10
10
|
* Click callback
|
|
11
11
|
*/
|
|
12
12
|
onDelete?: () => void;
|
|
13
|
-
/**
|
|
14
|
-
* Replaces label read for screen-readers
|
|
15
|
-
* @default "slett"
|
|
16
|
-
*/
|
|
17
|
-
removeLabel?: string;
|
|
18
13
|
}
|
|
19
14
|
export declare const RemovableChips: React.ForwardRefExoticComponent<ChipsRemovableProps & React.RefAttributes<HTMLButtonElement>>;
|
|
20
15
|
export default RemovableChips;
|
package/cjs/chips/Removable.js
CHANGED
|
@@ -44,9 +44,9 @@ const aksel_icons_1 = require("@navikt/aksel-icons");
|
|
|
44
44
|
const composeEventHandlers_1 = require("../util/composeEventHandlers");
|
|
45
45
|
const i18n_context_1 = require("../util/i18n/i18n.context");
|
|
46
46
|
exports.RemovableChips = (0, react_1.forwardRef)((_a, ref) => {
|
|
47
|
-
var { children, variant = "action", onDelete,
|
|
47
|
+
var { children, variant = "action", onDelete, className, onClick, type = "button" } = _a, rest = __rest(_a, ["children", "variant", "onDelete", "className", "onClick", "type"]);
|
|
48
48
|
const translate = (0, i18n_context_1.useI18n)("Chips");
|
|
49
|
-
return (react_1.default.createElement("button", Object.assign({}, rest, { ref: ref, type: type, className: (0, clsx_1.default)("navds-chips__chip navds-chips__removable navds-chips--icon-right", className, `navds-chips__removable--${variant}`), "aria-label": `${children} ${
|
|
49
|
+
return (react_1.default.createElement("button", Object.assign({}, rest, { ref: ref, type: type, className: (0, clsx_1.default)("navds-chips__chip navds-chips__removable navds-chips--icon-right", className, `navds-chips__removable--${variant}`), "aria-label": `${children} ${translate("Removable.labelSuffix")}`, onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, onDelete) }),
|
|
50
50
|
react_1.default.createElement("span", { className: "navds-chips__chip-text" }, children),
|
|
51
51
|
react_1.default.createElement("span", { className: "navds-chips__removable-icon" },
|
|
52
52
|
react_1.default.createElement(aksel_icons_1.XMarkIcon, { "aria-hidden": true }))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Removable.js","sourceRoot":"","sources":["../../src/chips/Removable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,qDAAgD;AAChD,uEAAoE;AACpE,4DAAoD;
|
|
1
|
+
{"version":3,"file":"Removable.js","sourceRoot":"","sources":["../../src/chips/Removable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,qDAAgD;AAChD,uEAAoE;AACpE,4DAAoD;AAgBvC,QAAA,cAAc,GAAG,IAAA,kBAAU,EAItC,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,OAAO,GAAG,QAAQ,EAClB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,OAEhB,EADI,IAAI,cAPT,mEAQC,CADQ;IAIT,MAAM,SAAS,GAAG,IAAA,sBAAO,EAAC,OAAO,CAAC,CAAC;IACnC,OAAO,CACL,0DACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,cAAE,EACX,kEAAkE,EAClE,SAAS,EACT,2BAA2B,OAAO,EAAE,CACrC,gBACW,GAAG,QAAQ,IAAI,SAAS,CAAC,uBAAuB,CAAC,EAAE,EAC/D,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,QAAQ,CAAC;QAEhD,wCAAM,SAAS,EAAC,wBAAwB,IAAE,QAAQ,CAAQ;QAC1D,wCAAM,SAAS,EAAC,6BAA6B;YAC3C,8BAAC,uBAAS,0BAAe,CACpB,CACA,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,sBAAc,CAAC"}
|
|
@@ -19,7 +19,7 @@ export interface CopyButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonEle
|
|
|
19
19
|
text?: string;
|
|
20
20
|
/**
|
|
21
21
|
* Text shown when button is clicked.
|
|
22
|
-
*
|
|
22
|
+
* Will be used as accessible label (title) if `text`-prop is not set.
|
|
23
23
|
* @default "Kopiert!"
|
|
24
24
|
*/
|
|
25
25
|
activeText?: string;
|
|
@@ -49,11 +49,6 @@ export interface CopyButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonEle
|
|
|
49
49
|
* @default "Kopier"
|
|
50
50
|
*/
|
|
51
51
|
title?: string;
|
|
52
|
-
/**
|
|
53
|
-
* Accessible label for icon in active-state (ignored if text is set).
|
|
54
|
-
* @default "Kopiert"
|
|
55
|
-
*/
|
|
56
|
-
activeTitle?: string;
|
|
57
52
|
/**
|
|
58
53
|
* Icon position in button.
|
|
59
54
|
* @default "left"
|
|
@@ -44,6 +44,7 @@ const aksel_icons_1 = require("@navikt/aksel-icons");
|
|
|
44
44
|
const typography_1 = require("../typography");
|
|
45
45
|
const composeEventHandlers_1 = require("../util/composeEventHandlers");
|
|
46
46
|
const copy_1 = __importDefault(require("../util/copy"));
|
|
47
|
+
const i18n_context_1 = require("../util/i18n/i18n.context");
|
|
47
48
|
/**
|
|
48
49
|
* A button component that copies text to the clipboard when clicked.
|
|
49
50
|
*
|
|
@@ -56,9 +57,10 @@ const copy_1 = __importDefault(require("../util/copy"));
|
|
|
56
57
|
* ```
|
|
57
58
|
*/
|
|
58
59
|
exports.CopyButton = (0, react_1.forwardRef)((_a, ref) => {
|
|
59
|
-
var { className, copyText, text, activeText
|
|
60
|
+
var { className, copyText, text, activeText, variant = "neutral", size = "medium", onActiveChange, icon, activeIcon, activeDuration = 2000, title, iconPosition = "left", onClick } = _a, rest = __rest(_a, ["className", "copyText", "text", "activeText", "variant", "size", "onActiveChange", "icon", "activeIcon", "activeDuration", "title", "iconPosition", "onClick"]);
|
|
60
61
|
const [active, setActive] = (0, react_1.useState)(false);
|
|
61
62
|
const timeoutRef = (0, react_1.useRef)();
|
|
63
|
+
const translate = (0, i18n_context_1.useI18n)("CopyButton");
|
|
62
64
|
(0, react_1.useEffect)(() => {
|
|
63
65
|
return () => {
|
|
64
66
|
timeoutRef.current && clearTimeout(timeoutRef.current);
|
|
@@ -74,18 +76,18 @@ exports.CopyButton = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
74
76
|
onActiveChange === null || onActiveChange === void 0 ? void 0 : onActiveChange(false);
|
|
75
77
|
}, activeDuration);
|
|
76
78
|
};
|
|
79
|
+
const activeString = activeText || translate("activeText");
|
|
77
80
|
const copyIcon = (react_1.default.createElement("span", { className: "navds-copybutton__icon" }, active
|
|
78
|
-
? activeIcon !== null && activeIcon !== void 0 ? activeIcon : (react_1.default.createElement(aksel_icons_1.CheckmarkIcon, { "aria-hidden": !!text, title: text ? undefined :
|
|
79
|
-
: icon !== null && icon !== void 0 ? icon : (react_1.default.createElement(aksel_icons_1.FilesIcon, { "aria-hidden": !!text, title: text ? undefined : title }))));
|
|
80
|
-
return (react_1.default.createElement("button", Object.assign({ ref: ref, type: "button" }, rest, {
|
|
81
|
+
? activeIcon !== null && activeIcon !== void 0 ? activeIcon : (react_1.default.createElement(aksel_icons_1.CheckmarkIcon, { "aria-hidden": !!text, title: text ? undefined : activeString }))
|
|
82
|
+
: icon !== null && icon !== void 0 ? icon : (react_1.default.createElement(aksel_icons_1.FilesIcon, { "aria-hidden": !!text, title: text ? undefined : title || translate("title") }))));
|
|
83
|
+
return (react_1.default.createElement("button", Object.assign({ ref: ref, type: "button" }, rest, { className: (0, clsx_1.default)("navds-copybutton", className, `navds-copybutton--${size}`, `navds-copybutton--${variant}`, {
|
|
81
84
|
"navds-copybutton--icon-only": !text,
|
|
82
85
|
"navds-copybutton--icon-right": iconPosition === "right",
|
|
83
86
|
"navds-copybutton--active": active,
|
|
84
87
|
}), onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, handleClick) }),
|
|
85
88
|
react_1.default.createElement("span", { className: "navds-copybutton__content" },
|
|
86
89
|
iconPosition === "left" && copyIcon,
|
|
87
|
-
text &&
|
|
88
|
-
(active ? (react_1.default.createElement(typography_1.Label, { as: "span", size: size === "medium" ? "medium" : "small", "aria-live": "polite" }, activeText)) : (react_1.default.createElement(typography_1.Label, { as: "span", size: size === "medium" ? "medium" : "small", "aria-live": "polite" }, text))),
|
|
90
|
+
text && (react_1.default.createElement(typography_1.Label, { as: "span", size: size === "medium" ? "medium" : "small" }, active ? activeString : text)),
|
|
89
91
|
iconPosition === "right" && copyIcon)));
|
|
90
92
|
});
|
|
91
93
|
exports.default = exports.CopyButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../src/copybutton/CopyButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAMe;AACf,qDAA+D;AAC/D,8CAAsC;AACtC,uEAAoE;AACpE,wDAAgC;
|
|
1
|
+
{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../src/copybutton/CopyButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
export { useDateInputContext,
|
|
1
|
+
export { useDateInputContext, DateInputContext } from "./useDateInputContext";
|
|
2
2
|
export { useSharedMonthContext, SharedMonthProvider, } from "./useSharedMonthContext";
|
|
3
|
+
export { useDateTranslationContext, DateTranslationContextProvider, } from "./useDateTranslationContext";
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SharedMonthProvider = exports.useSharedMonthContext = exports.
|
|
3
|
+
exports.DateTranslationContextProvider = exports.useDateTranslationContext = exports.SharedMonthProvider = exports.useSharedMonthContext = exports.DateInputContext = exports.useDateInputContext = void 0;
|
|
4
4
|
var useDateInputContext_1 = require("./useDateInputContext");
|
|
5
5
|
Object.defineProperty(exports, "useDateInputContext", { enumerable: true, get: function () { return useDateInputContext_1.useDateInputContext; } });
|
|
6
|
-
Object.defineProperty(exports, "
|
|
6
|
+
Object.defineProperty(exports, "DateInputContext", { enumerable: true, get: function () { return useDateInputContext_1.DateInputContext; } });
|
|
7
7
|
var useSharedMonthContext_1 = require("./useSharedMonthContext");
|
|
8
8
|
Object.defineProperty(exports, "useSharedMonthContext", { enumerable: true, get: function () { return useSharedMonthContext_1.useSharedMonthContext; } });
|
|
9
9
|
Object.defineProperty(exports, "SharedMonthProvider", { enumerable: true, get: function () { return useSharedMonthContext_1.SharedMonthProvider; } });
|
|
10
|
+
var useDateTranslationContext_1 = require("./useDateTranslationContext");
|
|
11
|
+
Object.defineProperty(exports, "useDateTranslationContext", { enumerable: true, get: function () { return useDateTranslationContext_1.useDateTranslationContext; } });
|
|
12
|
+
Object.defineProperty(exports, "DateTranslationContextProvider", { enumerable: true, get: function () { return useDateTranslationContext_1.DateTranslationContextProvider; } });
|
|
10
13
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/date/context/index.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/date/context/index.ts"],"names":[],"mappings":";;;AAAA,6DAA8E;AAArE,0HAAA,mBAAmB,OAAA;AAAE,uHAAA,gBAAgB,OAAA;AAC9C,iEAGiC;AAF/B,8HAAA,qBAAqB,OAAA;AACrB,4HAAA,mBAAmB,OAAA;AAErB,yEAGqC;AAFnC,sIAAA,yBAAyB,OAAA;AACzB,2IAAA,8BAA8B,OAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
interface
|
|
1
|
+
interface DateInputContextProps {
|
|
2
2
|
/**
|
|
3
3
|
* Open state for popover
|
|
4
4
|
*/
|
|
@@ -16,6 +16,6 @@ interface DateContextContextProps {
|
|
|
16
16
|
*/
|
|
17
17
|
defined: boolean;
|
|
18
18
|
}
|
|
19
|
-
export declare const
|
|
20
|
-
export declare const useDateInputContext: () =>
|
|
19
|
+
export declare const DateInputContext: import("react").Context<DateInputContextProps | null>;
|
|
20
|
+
export declare const useDateInputContext: () => DateInputContextProps | null;
|
|
21
21
|
export {};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useDateInputContext = exports.
|
|
3
|
+
exports.useDateInputContext = exports.DateInputContext = void 0;
|
|
4
4
|
const react_1 = require("react");
|
|
5
|
-
exports.
|
|
5
|
+
exports.DateInputContext = (0, react_1.createContext)(null);
|
|
6
6
|
const useDateInputContext = () => {
|
|
7
|
-
const context = (0, react_1.useContext)(exports.
|
|
7
|
+
const context = (0, react_1.useContext)(exports.DateInputContext);
|
|
8
8
|
if (!context) {
|
|
9
|
-
console.warn("useDateInputContext must be used with
|
|
9
|
+
console.warn("useDateInputContext must be used with DateInputContext");
|
|
10
10
|
}
|
|
11
11
|
return context;
|
|
12
12
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDateInputContext.js","sourceRoot":"","sources":["../../../src/date/context/useDateInputContext.tsx"],"names":[],"mappings":";;;AAAA,iCAAkD;AAqBrC,QAAA,
|
|
1
|
+
{"version":3,"file":"useDateInputContext.js","sourceRoot":"","sources":["../../../src/date/context/useDateInputContext.tsx"],"names":[],"mappings":";;;AAAA,iCAAkD;AAqBrC,QAAA,gBAAgB,GAAG,IAAA,qBAAa,EAC3C,IAAI,CACL,CAAC;AAEK,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,wBAAgB,CAAC,CAAC;IAE7C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,CAAC,IAAI,CAAC,wDAAwD,CAAC,CAAC;IACzE,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,mBAAmB,uBAQ9B"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { TFunction } from "../../util/i18n/i18n.context";
|
|
2
|
+
interface DateTranslationContextProps {
|
|
3
|
+
translate: TFunction<"DatePicker">;
|
|
4
|
+
}
|
|
5
|
+
export declare const DateTranslationContextProvider: import("react").ForwardRefExoticComponent<DateTranslationContextProps & {
|
|
6
|
+
children: import("react").ReactNode;
|
|
7
|
+
} & import("react").RefAttributes<unknown>>, useDateTranslationContext: <S extends boolean = true>(strict?: S) => S extends true ? DateTranslationContextProps : DateTranslationContextProps | undefined;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var _a;
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.useDateTranslationContext = exports.DateTranslationContextProvider = void 0;
|
|
5
|
+
const create_context_1 = require("../../util/create-context");
|
|
6
|
+
_a = (0, create_context_1.createContext)(), exports.DateTranslationContextProvider = _a[0], exports.useDateTranslationContext = _a[1];
|
|
7
|
+
//# sourceMappingURL=useDateTranslationContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDateTranslationContext.js","sourceRoot":"","sources":["../../../src/date/context/useDateTranslationContext.ts"],"names":[],"mappings":";;;;AAAA,8DAA0D;AAO7C,KACX,IAAA,8BAAa,GAA+B,EADhC,sCAA8B,UAAE,iCAAyB,SACxB"}
|
|
@@ -81,7 +81,8 @@ const WeekNumber_1 = __importDefault(require("./parts/WeekNumber"));
|
|
|
81
81
|
*/
|
|
82
82
|
exports.DatePicker = (0, react_1.forwardRef)((_a, ref) => {
|
|
83
83
|
var _b;
|
|
84
|
-
var { children, locale, dropdownCaption, disabled = [], disableWeekends = false, showWeekNumber = false, selected, id, defaultSelected, className, wrapperClassName, open: _open, onClose, onOpenToggle, strategy, onWeekNumberClick } = _a, rest = __rest(_a, ["children", "locale", "dropdownCaption", "disabled", "disableWeekends", "showWeekNumber", "selected", "id", "defaultSelected", "className", "wrapperClassName", "open", "onClose", "onOpenToggle", "strategy", "onWeekNumberClick"]);
|
|
84
|
+
var { children, locale, translations, dropdownCaption, disabled = [], disableWeekends = false, showWeekNumber = false, selected, id, defaultSelected, className, wrapperClassName, open: _open, onClose, onOpenToggle, strategy, onWeekNumberClick } = _a, rest = __rest(_a, ["children", "locale", "translations", "dropdownCaption", "disabled", "disableWeekends", "showWeekNumber", "selected", "id", "defaultSelected", "className", "wrapperClassName", "open", "onClose", "onOpenToggle", "strategy", "onWeekNumberClick"]);
|
|
85
|
+
const translate = (0, i18n_context_1.useI18n)("DatePicker", translations, (0, utils_1.getTranslations)(locale));
|
|
85
86
|
const langProviderLocale = (0, i18n_context_1.useDateLocale)();
|
|
86
87
|
const ariaId = (0, hooks_1.useId)(id);
|
|
87
88
|
const [open, setOpen] = (0, react_1.useState)(_open !== null && _open !== void 0 ? _open : false);
|
|
@@ -119,21 +120,22 @@ exports.DatePicker = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
119
120
|
}, modifiersClassNames: {
|
|
120
121
|
weekend: "rdp-day__weekend",
|
|
121
122
|
}, showWeekNumber: showWeekNumber, onWeekNumberClick: mode === "multiple" ? onWeekNumberClick : undefined, fixedWeeks: true, showOutsideDays: true }, (0, util_1.omit)(rest, ["onSelect"]))));
|
|
122
|
-
return (react_1.default.createElement(context_1.
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
123
|
+
return (react_1.default.createElement(context_1.DateTranslationContextProvider, { translate: translate },
|
|
124
|
+
react_1.default.createElement(context_1.DateInputContext.Provider, { value: {
|
|
125
|
+
open: _open !== null && _open !== void 0 ? _open : open,
|
|
126
|
+
onOpen: () => {
|
|
127
|
+
setOpen((x) => !x);
|
|
128
|
+
onOpenToggle === null || onOpenToggle === void 0 ? void 0 : onOpenToggle();
|
|
129
|
+
},
|
|
130
|
+
ariaId,
|
|
131
|
+
defined: true,
|
|
132
|
+
} },
|
|
133
|
+
react_1.default.createElement("div", { ref: mergedRef, className: (0, clsx_1.default)("navds-date__wrapper", wrapperClassName) },
|
|
134
|
+
children,
|
|
135
|
+
react_1.default.createElement(DateWrapper_1.DateWrapper, { open: _open !== null && _open !== void 0 ? _open : open, anchor: wrapperRef, onClose: () => { var _a; return (_a = onClose === null || onClose === void 0 ? void 0 : onClose()) !== null && _a !== void 0 ? _a : setOpen(false); }, locale: locale, translate: translate, variant: mode, popoverProps: {
|
|
136
|
+
id: ariaId,
|
|
137
|
+
strategy,
|
|
138
|
+
} }, DatePickerComponent)))));
|
|
137
139
|
});
|
|
138
140
|
exports.DatePicker.Standalone = DatePickerStandalone_1.default;
|
|
139
141
|
exports.DatePicker.Input = DateInput_1.DatePickerInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/date/datepicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,uCAAqC;AACrC,+CAAoD;AACpD,uDAAiE;AACjE,qCAAkC;AAClC,4CAAyC;AACzC,gEAA6D;AAC7D,+
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/date/datepicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -44,6 +44,7 @@ const react_1 = __importStar(require("react"));
|
|
|
44
44
|
const react_day_picker_1 = require("react-day-picker");
|
|
45
45
|
const util_1 = require("../../util");
|
|
46
46
|
const i18n_context_1 = require("../../util/i18n/i18n.context");
|
|
47
|
+
const context_1 = require("../context");
|
|
47
48
|
const utils_1 = require("../utils");
|
|
48
49
|
const Caption_1 = __importDefault(require("./parts/Caption"));
|
|
49
50
|
const DropdownCaption_1 = __importDefault(require("./parts/DropdownCaption"));
|
|
@@ -53,7 +54,8 @@ const TableHead_1 = __importDefault(require("./parts/TableHead"));
|
|
|
53
54
|
const WeekNumber_1 = __importDefault(require("./parts/WeekNumber"));
|
|
54
55
|
exports.DatePickerStandalone = (0, react_1.forwardRef)((_a, ref) => {
|
|
55
56
|
var _b;
|
|
56
|
-
var { className, locale, dropdownCaption, disabled = [], disableWeekends = false, showWeekNumber = false, selected, defaultSelected, onSelect, fixedWeeks = false, onWeekNumberClick } = _a, rest = __rest(_a, ["className", "locale", "dropdownCaption", "disabled", "disableWeekends", "showWeekNumber", "selected", "defaultSelected", "onSelect", "fixedWeeks", "onWeekNumberClick"]);
|
|
57
|
+
var { className, locale, translations, dropdownCaption, disabled = [], disableWeekends = false, showWeekNumber = false, selected, defaultSelected, onSelect, fixedWeeks = false, onWeekNumberClick } = _a, rest = __rest(_a, ["className", "locale", "translations", "dropdownCaption", "disabled", "disableWeekends", "showWeekNumber", "selected", "defaultSelected", "onSelect", "fixedWeeks", "onWeekNumberClick"]);
|
|
58
|
+
const translate = (0, i18n_context_1.useI18n)("DatePicker", translations, (0, utils_1.getTranslations)(locale));
|
|
57
59
|
const langProviderLocale = (0, i18n_context_1.useDateLocale)();
|
|
58
60
|
const [selectedDates, setSelectedDates] = react_1.default.useState(defaultSelected);
|
|
59
61
|
const mode = (_b = rest.mode) !== null && _b !== void 0 ? _b : "single";
|
|
@@ -65,19 +67,20 @@ exports.DatePickerStandalone = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
65
67
|
onSelect === null || onSelect === void 0 ? void 0 : onSelect(newSelected);
|
|
66
68
|
};
|
|
67
69
|
return (react_1.default.createElement("div", { ref: ref, className: (0, clsx_1.default)("navds-date__standalone-wrapper", className) },
|
|
68
|
-
react_1.default.createElement(
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
70
|
+
react_1.default.createElement(context_1.DateTranslationContextProvider, { translate: translate },
|
|
71
|
+
react_1.default.createElement(react_day_picker_1.DayPicker, Object.assign({ locale: locale ? (0, utils_1.getLocaleFromString)(locale) : langProviderLocale, mode: mode, onSelect: handleSelect, selected: selected !== null && selected !== void 0 ? selected : selectedDates, components: {
|
|
72
|
+
Caption: dropdownCaption ? DropdownCaption_1.default : Caption_1.default,
|
|
73
|
+
Head: TableHead_1.default,
|
|
74
|
+
HeadRow: HeadRow_1.HeadRow,
|
|
75
|
+
WeekNumber: WeekNumber_1.default,
|
|
76
|
+
Row: Row_1.default,
|
|
77
|
+
}, className: "navds-date", classNames: { vhidden: "navds-sr-only" }, disabled: (day) => {
|
|
78
|
+
return ((disableWeekends && (0, date_fns_1.isWeekend)(day)) || (0, react_day_picker_1.isMatch)(day, disabled));
|
|
79
|
+
}, weekStartsOn: 1, initialFocus: false, modifiers: {
|
|
80
|
+
weekend: (day) => disableWeekends && (0, date_fns_1.isWeekend)(day),
|
|
81
|
+
}, modifiersClassNames: {
|
|
82
|
+
weekend: "rdp-day__weekend",
|
|
83
|
+
}, showWeekNumber: showWeekNumber, onWeekNumberClick: mode === "multiple" ? onWeekNumberClick : undefined, fixedWeeks: fixedWeeks, showOutsideDays: true }, (0, util_1.omit)(rest, ["children", "id"]))))));
|
|
81
84
|
});
|
|
82
85
|
exports.default = exports.DatePickerStandalone;
|
|
83
86
|
//# sourceMappingURL=DatePickerStandalone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePickerStandalone.js","sourceRoot":"","sources":["../../../src/date/datepicker/DatePickerStandalone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,uCAAqC;AACrC,+CAA0C;AAC1C,uDAAiE;AACjE,qCAAkC;AAClC,+
|
|
1
|
+
{"version":3,"file":"DatePickerStandalone.js","sourceRoot":"","sources":["../../../src/date/datepicker/DatePickerStandalone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,8 +9,7 @@ const react_day_picker_1 = require("react-day-picker");
|
|
|
9
9
|
const aksel_icons_1 = require("@navikt/aksel-icons");
|
|
10
10
|
const button_1 = require("../../../button");
|
|
11
11
|
const typography_1 = require("../../../typography");
|
|
12
|
-
const
|
|
13
|
-
const utils_1 = require("../../utils");
|
|
12
|
+
const context_1 = require("../../context");
|
|
14
13
|
const WeekRow_1 = __importDefault(require("./WeekRow"));
|
|
15
14
|
/**
|
|
16
15
|
* https://github.com/gpbl/react-day-picker/tree/main/src/components/Caption
|
|
@@ -18,7 +17,7 @@ const WeekRow_1 = __importDefault(require("./WeekRow"));
|
|
|
18
17
|
const DatePickerCaption = ({ displayMonth, id }) => {
|
|
19
18
|
const { goToMonth, nextMonth, previousMonth } = (0, react_day_picker_1.useNavigation)();
|
|
20
19
|
const { formatters: { formatCaption }, locale, } = (0, react_day_picker_1.useDayPicker)();
|
|
21
|
-
const translate = (0,
|
|
20
|
+
const translate = (0, context_1.useDateTranslationContext)().translate;
|
|
22
21
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
23
22
|
react_1.default.createElement("div", { className: "navds-date__caption" },
|
|
24
23
|
react_1.default.createElement(button_1.Button, { variant: "tertiary", disabled: !previousMonth, onClick: () => previousMonth && goToMonth(previousMonth), icon: react_1.default.createElement(aksel_icons_1.ArrowLeftIcon, { title: translate("goToPreviousMonth") }), className: "navds-date__caption-button", type: "button" }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Caption.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/Caption.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,uDAA6E;AAC7E,qDAAoE;AACpE,4CAAyC;AACzC,oDAA4C;AAC5C,
|
|
1
|
+
{"version":3,"file":"Caption.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/Caption.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,uDAA6E;AAC7E,qDAAoE;AACpE,4CAAyC;AACzC,oDAA4C;AAC5C,2CAA0D;AAC1D,wDAAgC;AAEhC;;GAEG;AACI,MAAM,iBAAiB,GAAG,CAAC,EAAE,YAAY,EAAE,EAAE,EAAgB,EAAE,EAAE;IACtE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,IAAA,gCAAa,GAAE,CAAC;IAChE,MAAM,EACJ,UAAU,EAAE,EAAE,aAAa,EAAE,EAC7B,MAAM,GACP,GAAG,IAAA,+BAAY,GAAE,CAAC;IACnB,MAAM,SAAS,GAAG,IAAA,mCAAyB,GAAE,CAAC,SAAS,CAAC;IAExD,OAAO,CACL;QACE,uCAAK,SAAS,EAAC,qBAAqB;YAClC,8BAAC,eAAM,IACL,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,CAAC,aAAa,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,IAAI,SAAS,CAAC,aAAa,CAAC,EACxD,IAAI,EAAE,8BAAC,2BAAa,IAAC,KAAK,EAAE,SAAS,CAAC,mBAAmB,CAAC,GAAI,EAC9D,SAAS,EAAC,4BAA4B,EACtC,IAAI,EAAC,QAAQ,GACb;YACF,8BAAC,kBAAK,IACJ,EAAE,EAAC,MAAM,eACC,QAAQ,iBACN,MAAM,EAClB,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,2BAA2B,IAEpC,aAAa,CAAC,YAAY,EAAE,EAAE,MAAM,EAAE,CAAC,CAClC;YACR,8BAAC,eAAM,IACL,IAAI,EAAE,8BAAC,4BAAc,IAAC,KAAK,EAAE,SAAS,CAAC,eAAe,CAAC,GAAI,EAC3D,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,IAAI,SAAS,CAAC,SAAS,CAAC,EAChD,QAAQ,EAAE,CAAC,SAAS,EACpB,OAAO,EAAC,UAAU,EAClB,SAAS,EAAC,4BAA4B,EACtC,IAAI,EAAC,QAAQ,GACb,CACE;QACN,8BAAC,iBAAO,IAAC,YAAY,EAAE,YAAY,GAAI,CACtC,CACJ,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,iBAAiB,qBAwC5B;AAEF,kBAAe,yBAAiB,CAAC"}
|
|
@@ -10,7 +10,7 @@ const react_day_picker_1 = require("react-day-picker");
|
|
|
10
10
|
const aksel_icons_1 = require("@navikt/aksel-icons");
|
|
11
11
|
const button_1 = require("../../../button");
|
|
12
12
|
const select_1 = require("../../../form/select");
|
|
13
|
-
const
|
|
13
|
+
const context_1 = require("../../context");
|
|
14
14
|
const utils_1 = require("../../utils");
|
|
15
15
|
const WeekRow_1 = __importDefault(require("./WeekRow"));
|
|
16
16
|
/**
|
|
@@ -19,7 +19,7 @@ const WeekRow_1 = __importDefault(require("./WeekRow"));
|
|
|
19
19
|
const DropdownCaption = ({ displayMonth, id }) => {
|
|
20
20
|
const { goToMonth, nextMonth, previousMonth } = (0, react_day_picker_1.useNavigation)();
|
|
21
21
|
const { fromDate, toDate, formatters: { formatYearCaption, formatMonthCaption, formatCaption }, locale, } = (0, react_day_picker_1.useDayPicker)();
|
|
22
|
-
const translate = (0,
|
|
22
|
+
const translate = (0, context_1.useDateTranslationContext)().translate;
|
|
23
23
|
if (!fromDate || !toDate) {
|
|
24
24
|
console.warn("Using dropdownCaption required fromDate and toDate");
|
|
25
25
|
return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownCaption.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/DropdownCaption.tsx"],"names":[],"mappings":";;;;;;AAAA,uCAAqE;AACrE,kDAA0B;AAC1B,uDAA6E;AAC7E,qDAAoE;AACpE,4CAAyC;AACzC,iDAA8C;AAC9C,
|
|
1
|
+
{"version":3,"file":"DropdownCaption.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/DropdownCaption.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,18 +6,26 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
/* https://github.com/gpbl/react-day-picker/blob/7f78cd5/src/components/WeekNumber/WeekNumber.tsx#L21 */
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const react_day_picker_1 = require("react-day-picker");
|
|
9
|
-
const
|
|
10
|
-
const
|
|
9
|
+
const button_1 = require("../../../button");
|
|
10
|
+
const provider_1 = require("../../../provider");
|
|
11
|
+
const typography_1 = require("../../../typography");
|
|
12
|
+
const context_1 = require("../../context");
|
|
11
13
|
/**
|
|
12
14
|
* https://github.com/gpbl/react-day-picker/tree/main/src/components/WeekNumber
|
|
13
15
|
*/
|
|
14
16
|
function WeekNumber({ number: weekNumber, dates, }) {
|
|
15
|
-
const { onWeekNumberClick, styles, classNames
|
|
16
|
-
const
|
|
17
|
+
const { onWeekNumberClick, styles, classNames } = (0, react_day_picker_1.useDayPicker)();
|
|
18
|
+
const themeContext = (0, provider_1.UNSAFE_useAkselTheme)(false);
|
|
19
|
+
const translate = (0, context_1.useDateTranslationContext)().translate;
|
|
17
20
|
if (!onWeekNumberClick) {
|
|
18
|
-
return (react_1.default.createElement("span",
|
|
21
|
+
return (react_1.default.createElement(typography_1.Detail, { as: "span", textColor: "subtle", className: classNames.weeknumber, style: styles.weeknumber, "aria-label": translate("weekNumber", { week: weekNumber }) }, weekNumber));
|
|
19
22
|
}
|
|
20
|
-
|
|
23
|
+
if (themeContext) {
|
|
24
|
+
return (react_1.default.createElement(button_1.Button, { variant: "secondary-neutral", size: "small", name: "week-number", "aria-label": translate("selectWeekNumber", { week: weekNumber }), style: styles.weeknumber, className: "navds-date__weeknumber", onClick: (event) => {
|
|
25
|
+
onWeekNumberClick(weekNumber, dates, event);
|
|
26
|
+
}, icon: react_1.default.createElement("span", { className: "navds-date__weeknumber-number" }, weekNumber) }));
|
|
27
|
+
}
|
|
28
|
+
return (react_1.default.createElement(react_day_picker_1.Button, { name: "week-number", "aria-label": translate("selectWeekNumber", { week: weekNumber }), style: styles.weeknumber, className: classNames.weeknumber, onClick: (event) => {
|
|
21
29
|
onWeekNumberClick(weekNumber, dates, event);
|
|
22
30
|
} }, weekNumber));
|
|
23
31
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WeekNumber.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/WeekNumber.tsx"],"names":[],"mappings":";;;;;AAAA,wGAAwG;AACxG,kDAA0B;AAC1B,
|
|
1
|
+
{"version":3,"file":"WeekNumber.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/WeekNumber.tsx"],"names":[],"mappings":";;;;;AAAA,wGAAwG;AACxG,kDAA0B;AAC1B,uDAAqE;AACrE,4CAAyC;AACzC,gDAAyD;AACzD,oDAA6C;AAC7C,2CAA0D;AAS1D;;GAEG;AACH,SAAS,UAAU,CAAC,EAClB,MAAM,EAAE,UAAU,EAClB,KAAK,GACW;IAChB,MAAM,EAAE,iBAAiB,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,+BAAY,GAAE,CAAC;IACjE,MAAM,YAAY,GAAG,IAAA,+BAAoB,EAAC,KAAK,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,IAAA,mCAAyB,GAAE,CAAC,SAAS,CAAC;IAExD,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACvB,OAAO,CACL,8BAAC,mBAAM,IACL,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,UAAU,CAAC,UAAU,EAChC,KAAK,EAAE,MAAM,CAAC,UAAU,gBACZ,SAAS,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,IAExD,UAAU,CACJ,CACV,CAAC;IACJ,CAAC;IAED,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,CACL,8BAAC,eAAM,IACL,OAAO,EAAC,mBAAmB,EAC3B,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,aAAa,gBACN,SAAS,CAAC,kBAAkB,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAC/D,KAAK,EAAE,MAAM,CAAC,UAAU,EACxB,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,iBAAiB,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;YAC9C,CAAC,EACD,IAAI,EACF,wCAAM,SAAS,EAAC,+BAA+B,IAAE,UAAU,CAAQ,GAErE,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,8BAAC,yBAAS,IACR,IAAI,EAAC,aAAa,gBACN,SAAS,CAAC,kBAAkB,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAC/D,KAAK,EAAE,MAAM,CAAC,UAAU,EACxB,SAAS,EAAE,UAAU,CAAC,UAAU,EAChC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,iBAAiB,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QAC9C,CAAC,IAEA,UAAU,CACD,CACb,CAAC;AACJ,CAAC;AAED,kBAAe,UAAU,CAAC"}
|
|
@@ -8,13 +8,12 @@ const react_day_picker_1 = require("react-day-picker");
|
|
|
8
8
|
const responsive_1 = require("../../../layout/responsive");
|
|
9
9
|
const typography_1 = require("../../../typography");
|
|
10
10
|
const hooks_1 = require("../../../util/hooks");
|
|
11
|
-
const
|
|
12
|
-
const utils_1 = require("../../utils");
|
|
11
|
+
const context_1 = require("../../context");
|
|
13
12
|
const get_month_weeks_1 = require("../../utils/get-month-weeks");
|
|
14
13
|
const WeekNumber_1 = __importDefault(require("./WeekNumber"));
|
|
15
14
|
const WeekRow = ({ displayMonth }) => {
|
|
16
15
|
const { locale, fixedWeeks, onWeekNumberClick } = (0, react_day_picker_1.useDayPicker)();
|
|
17
|
-
const translate = (0,
|
|
16
|
+
const translate = (0, context_1.useDateTranslationContext)().translate;
|
|
18
17
|
const labelId = (0, hooks_1.useId)();
|
|
19
18
|
if (!onWeekNumberClick) {
|
|
20
19
|
return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WeekRow.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/WeekRow.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,uDAAgD;AAChD,2DAAkD;AAClD,oDAA6C;AAC7C,+CAA4C;AAC5C,
|
|
1
|
+
{"version":3,"file":"WeekRow.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/WeekRow.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,uDAAgD;AAChD,2DAAkD;AAClD,oDAA6C;AAC7C,+CAA4C;AAC5C,2CAA0D;AAC1D,iEAA4D;AAC5D,8DAAsC;AAEtC,MAAM,OAAO,GAAG,CAAC,EAAE,YAAY,EAA0B,EAAE,EAAE;IAC3D,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,GAAG,IAAA,+BAAY,GAAE,CAAC;IACjE,MAAM,SAAS,GAAG,IAAA,mCAAyB,GAAE,CAAC,SAAS,CAAC;IACxD,MAAM,OAAO,GAAG,IAAA,aAAK,GAAE,CAAC;IAExB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,KAAK,GAAG,IAAA,+BAAa,EAAC,YAAY,EAAE;QACxC,aAAa,EAAE,OAAO,CAAC,UAAU,CAAC;QAClC,MAAM;KACP,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,iBAAI,IAAC,KAAK,EAAC,IAAI,EAAC,OAAO;QACtB,yCAAO,SAAS,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;YACtC,yCAAO,SAAS,EAAC,WAAW;gBAC1B,sCAAI,SAAS,EAAC,8BAA8B;oBAC1C,8BAAC,mBAAM,IACL,EAAE,EAAC,IAAI,EACP,MAAM,EAAC,UAAU,EACjB,SAAS,EAAC,gCAAgC;wBAE1C,wCAAM,SAAS,EAAC,0BAA0B,EAAC,EAAE,EAAE,OAAO,IACnD,GAAG,SAAS,CAAC,MAAM,CAAC,GAAG,CACnB,CACA;oBAER,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,sCACE,GAAG,EAAE,IAAI,CAAC,UAAU,EACpB,SAAS,EAAC,gCAAgC;wBAE1C,wCAAM,SAAS,EAAC,0BAA0B;4BACxC,8BAAC,oBAAU,IAAC,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CACrD,CACJ,CACN,CAAC,CACC,CACC,CACF,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { DateRange, DayPickerBase, Matcher } from "react-day-picker";
|
|
2
|
+
import { ComponentTranslation } from "../../util/i18n/i18n.types";
|
|
2
3
|
export type SingleMode = {
|
|
3
4
|
mode?: "single";
|
|
4
5
|
onSelect?: (val?: Date) => void;
|
|
@@ -44,8 +45,15 @@ export interface DatePickerDefaultProps extends Omit<React.HTMLAttributes<HTMLDi
|
|
|
44
45
|
/**
|
|
45
46
|
* Changes datepicker locale
|
|
46
47
|
* @default "nb" (norsk bokmål)
|
|
48
|
+
* @deprecated Use `<Provider />`-component
|
|
47
49
|
*/
|
|
48
50
|
locale?: "nb" | "nn" | "en";
|
|
51
|
+
/**
|
|
52
|
+
* i18n-API for customizing texts and labels.
|
|
53
|
+
*
|
|
54
|
+
* **NB: If you need to change the language, use [Provider](https://aksel.nav.no/komponenter/core/provider#84d7ea5ec517) instead.**
|
|
55
|
+
*/
|
|
56
|
+
translations?: ComponentTranslation<"DatePicker">;
|
|
49
57
|
/**
|
|
50
58
|
* The earliest day to start navigation.
|
|
51
59
|
*/
|
|
@@ -10,13 +10,11 @@ const react_day_picker_1 = require("react-day-picker");
|
|
|
10
10
|
const aksel_icons_1 = require("@navikt/aksel-icons");
|
|
11
11
|
const button_1 = require("../../button");
|
|
12
12
|
const select_1 = require("../../form/select");
|
|
13
|
-
const i18n_context_1 = require("../../util/i18n/i18n.context");
|
|
14
13
|
const context_1 = require("../context");
|
|
15
|
-
const utils_1 = require("../utils");
|
|
16
14
|
const MonthCaption = () => {
|
|
17
15
|
const { fromDate, toDate, formatters: { formatYearCaption }, locale, } = (0, react_day_picker_1.useDayPicker)();
|
|
18
16
|
const { hasDropdown, year, toYear } = (0, context_1.useSharedMonthContext)();
|
|
19
|
-
const translate = (0,
|
|
17
|
+
const translate = (0, context_1.useDateTranslationContext)().translate;
|
|
20
18
|
const years = [];
|
|
21
19
|
if (hasDropdown && fromDate && toDate) {
|
|
22
20
|
const fromYear = fromDate.getFullYear();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MonthCaption.js","sourceRoot":"","sources":["../../../src/date/monthpicker/MonthCaption.tsx"],"names":[],"mappings":";;;;;;AAAA,uCAMkB;AAClB,kDAA0B;AAC1B,uDAAgD;AAChD,qDAAoE;AACpE,yCAAsC;AACtC,8CAA2C;AAC3C
|
|
1
|
+
{"version":3,"file":"MonthCaption.js","sourceRoot":"","sources":["../../../src/date/monthpicker/MonthCaption.tsx"],"names":[],"mappings":"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"}
|