@dnb/eufemia 10.70.0 → 10.71.0

package/CHANGELOG.md

@@ -3,6 +3,32 @@
 All notable changes to @dnb/eufemia will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [10.71.0](https://github.com/dnbexperience/eufemia/compare/v10.70.1...v10.71.0) (2025-04-11)
+
+
+### :bug: Bug Fixes
+
+* **DatePicker:** display correct dates when props are updated with `useLayoutEffect` ([#4937](https://github.com/dnbexperience/eufemia/issues/4937)) ([cbaf535](https://github.com/dnbexperience/eufemia/commit/cbaf535a8fc12ba6933efddd08d2d10c02f213c5))
+* **InputMasked:** ensure correct cursor position when suffix changes during typing ([#4939](https://github.com/dnbexperience/eufemia/issues/4939)) ([17d5da5](https://github.com/dnbexperience/eufemia/commit/17d5da53c30221d397dd0733107b11e143970116))
+
+
+### :sparkles: Features
+
+* **DatePicker:** remove stepped date change on `ArrowUp` a `ArrowDown` key press ([#4917](https://github.com/dnbexperience/eufemia/issues/4917)) ([9569617](https://github.com/dnbexperience/eufemia/commit/95696172a18242216a29f37d729814b11d9a8ff3))
+* **Forms:** add `iso` (country) to additional args in PhoneNumber field ([#4929](https://github.com/dnbexperience/eufemia/issues/4929)) ([6ee934a](https://github.com/dnbexperience/eufemia/commit/6ee934aab4b99f99099c66dc31ad69ef84c548b8))
+* **Forms:** add support for string and JSX format to Field.* `error` prop and validators ([#4928](https://github.com/dnbexperience/eufemia/issues/4928)) ([ee0183f](https://github.com/dnbexperience/eufemia/commit/ee0183f91ad11232ba29294040664cbfff75f319))
+* **Upload:** add `description` to fileItem ([#4935](https://github.com/dnbexperience/eufemia/issues/4935)) ([688e340](https://github.com/dnbexperience/eufemia/commit/688e340d4d76ed8c96ab71e78afbb91cbb56b0de))
+* **Upload:** add `disableDragAndDrop` ([#4905](https://github.com/dnbexperience/eufemia/issues/4905)) ([7205f96](https://github.com/dnbexperience/eufemia/commit/7205f96755ff492fdde9ccd79a7c86615dfe52c1))
+* **Upload:** add `removeDeleteButton` to fileItem ([#4936](https://github.com/dnbexperience/eufemia/issues/4936)) ([00e7b81](https://github.com/dnbexperience/eufemia/commit/00e7b81d70e0ba7c030c5ece55a343fb9ea3ef7c))
+
+## [10.70.1](https://github.com/dnbexperience/eufemia/compare/v10.70.0...v10.70.1) (2025-04-10)
+
+
+### :bug: Bug Fixes
+
+* **DatePicker:** enhance typing in input ([#4893](https://github.com/dnbexperience/eufemia/issues/4893)) ([1162c72](https://github.com/dnbexperience/eufemia/commit/1162c72842286e0383a15406a02f7e3846d275f4))
+* **Forms:** prevent form submit when `error` prop is set on a `Field.*` ([#4908](https://github.com/dnbexperience/eufemia/issues/4908)) ([687c249](https://github.com/dnbexperience/eufemia/commit/687c2493ab5f463163cb947aef162890f50153cd))
+
 ## [10.70.0](https://github.com/dnbexperience/eufemia/compare/v10.69.1...v10.70.0) (2025-04-04)
 
 

package/cjs/components/autocomplete/AutocompleteDocs.js

@@ -187,12 +187,12 @@ const autocompleteProperties = exports.autocompleteProperties = {
   },
   status: {
     doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',
-    type: 'string',
+    type: ['error', 'info', 'boolean'],
     status: 'optional'
   },
   status_state: {
     doc: 'Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.',
-    type: 'string',
+    type: ['error', 'info'],
     status: 'optional'
   },
   status_props: {
@@ -232,7 +232,7 @@ const autocompleteProperties = exports.autocompleteProperties = {
   },
   input_ref: {
     doc: 'Use a React.Ref to get access to the `input` DOM element.',
-    type: 'React.Ref',
+    type: 'React.RefObject',
     status: 'optional'
   },
   input_element: {

package/cjs/components/autocomplete/AutocompleteDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteDocs.js","names":["autocompleteProperties","exports","mode","doc","type","status","input_value","placeholder","title","disable_filter","disable_highlighting","disable_reorder","search_numbers","search_in_word_index","keep_value","keep_selection","keep_value_and_selection","prevent_selection","show_clear_button","icon","icon_size","icon_position","input_icon","triangle_position","size","drawer_class","show_submit_button","align_autocomplete","no_options","aria_live_options","show_all","indicator_label","show_options_sr","selected_sr","submit_button_title","submit_button_icon","submit_element","opened","open_on_focus","stretch","skip_portal","status_state","status_props","globalStatus","label","label_direction","label_sr_only","suffix","skeleton","input_ref","input_element","AutocompleteEvents","on_type","on_focus","on_blur","on_change","on_select","on_show","on_hide"],"sources":["../../../../src/components/autocomplete/AutocompleteDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const autocompleteProperties: PropertiesTableProps = {\n  mode: {\n    doc: 'If set to `async`, it prevents showing the \"no options\" message during typing / filtering. Defaults to `sync`.',\n    type: 'string',\n    status: 'optional',\n  },\n  input_value: {\n    doc: 'Lets you define a custom input value.',\n    type: 'string',\n    status: 'optional',\n  },\n  placeholder: {\n    doc: 'Use this to define the pre-filled placeholder text in the input. Defaults to `title=\"Skriv og velg\"`.',\n    type: 'string',\n    status: 'optional',\n  },\n  title: {\n    doc: 'Give a title to let the user know what they have to do. Defaults to `Skriv og få alternativer`.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  disable_filter: {\n    doc: 'If set to `true`, word highlighting will still be active, but no options will be filtered out. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  disable_highlighting: {\n    doc: 'If set to `true`, word highlighting will be disabled, but the options will still get filtered. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  disable_reorder: {\n    doc: 'If set to `true`, reordering of search results will be disabled. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  search_numbers: {\n    doc: 'If set to `true` and `search_in_word_index` is not set, the user will be able to more easily search and filter e.g. bank account numbers. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  search_in_word_index: {\n    doc: 'This gives you the possibility to change the threshold number, which defines from what word on we search \"inside words\". Defaults to `3`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  keep_value: {\n    doc: 'Use `true` to not remove the typed value on input blur, if it is invalid. By default, the typed value will disappear / replaced by a selected value from the data list during the input field blur. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  keep_selection: {\n    doc: 'Use `true` to not remove selected item on input blur, when the input value is empty. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  keep_value_and_selection: {\n    doc: 'Like `keep_value` – but would not reset to the selected value during input field blur. Also, the selected value would still be kept. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  prevent_selection: {\n    doc: 'If set to `true`, no permanent selection will be made. Also, the typed value will not disappear on input blur (like `keep_value`). Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  show_clear_button: {\n    doc: 'If set to `true`, a clear button is shown inside the input field. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  icon: {\n    doc: 'To be included in the autocomplete input.',\n    type: ['string', 'React.Node'],\n    status: 'optional',\n  },\n  icon_size: {\n    doc: 'Change the size of the icon pragmatically.',\n    type: 'string',\n    status: 'optional',\n  },\n  icon_position: {\n    doc: 'Position of the icon inside the autocomplete. Set to `left` or `right`. Defaults to `left`.',\n    type: 'string',\n    status: 'optional',\n  },\n  input_icon: {\n    doc: 'Same as `icon`.',\n    type: ['string', 'React.Node'],\n    status: 'optional',\n  },\n  triangle_position: {\n    doc: 'Position of icon arrow / triangle the drawer. Set to `left` or `right`. Defaults to `left`.',\n    type: 'string',\n    status: 'optional',\n  },\n  size: {\n    doc: 'Define the height of the Autocomplete. Can be set to `small`, `default`, `medium` and `large`. Defaults to `default`.',\n    type: 'string',\n    status: 'optional',\n  },\n  drawer_class: {\n    doc: 'Define a custom class for the internal drawer-list. This makes it possible more easily customize the drawer-list style with styled-components and the `css` style method. Defaults to `null`.',\n    type: 'string',\n    status: 'optional',\n  },\n  show_submit_button: {\n    doc: 'Use `true` to show a Autocomplete button to toggle the [DrawerList](/uilib/components/fragments/drawer-list). Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  align_autocomplete: {\n    doc: 'Use `right` to change the options alignment direction. Defaults to `left`.',\n    type: 'string',\n    status: 'optional',\n  },\n  no_options: {\n    doc: 'Text show in the \"no options\" item. Defaults to `Ingen alternativer`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  aria_live_options: {\n    doc: 'Text read out by screen readers. This way users with screen readers know how many options they got during typing. Defaults to `%s alternativer`.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  show_all: {\n    doc: 'Text that lets a user unravel all the available options. Defaults to `Vis alt`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  indicator_label: {\n    doc: 'Text show on indicator \"options\" item. Defaults to `Henter data ...`.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  show_options_sr: {\n    doc: 'Only for screen readers. Title of the button to show the suggestions / options. It is always present and when activating, it opens the DrawerList and sets the focus on it. Defaults to `Bla gjennom alternativer`.',\n    type: 'string',\n    status: 'optional',\n  },\n  selected_sr: {\n    doc: 'Only for screen readers (VoiceOver). The label used to announce the selected item. Defaults to `Valgt:`.',\n    type: 'string',\n    status: 'optional',\n  },\n  submit_button_title: {\n    doc: 'Title on submit button. Defaults to `Vis alternativer`.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  submit_button_icon: {\n    doc: 'The icon used in the submit button. Defaults to `chevron_down`.',\n    type: ['string', 'React.Element'],\n    status: 'optional',\n  },\n  submit_element: {\n    doc: 'Replace the dropdown / submit button with a custom React element. Defaults to the input SubmitButton `import { SubmitButton } from '@dnb/eufemia/components/input/Input'`.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  opened: {\n    doc: 'If set to `true`, the Autocomplete will be rendered initially with a visible and accessible data list / options.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  open_on_focus: {\n    doc: 'Use `true` to auto open the list once the user is entering the input field with the keyboard.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  stretch: {\n    doc: 'If set to `true`, then the autocomplete will be 100% in available `width`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  skip_portal: {\n    doc: 'Set to `true` to disable the React Portal behavior. Defaults to `false`.',\n    type: 'string',\n    status: 'optional',\n  },\n  status: {\n    doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',\n    type: 'string',\n    status: 'optional',\n  },\n  status_state: {\n    doc: 'Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.',\n    type: 'string',\n    status: 'optional',\n  },\n  status_props: {\n    doc: 'Use an object to define additional FormStatus properties.',\n    type: 'object',\n    status: 'optional',\n  },\n  globalStatus: {\n    doc: 'The [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).',\n    type: 'object',\n    status: 'optional',\n  },\n  label: {\n    doc: 'Prepends the Form Label component. If no ID is provided, a random ID is created.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  label_direction: {\n    doc: 'Use `label_direction=\"vertical\"` to change the label layout direction. Defaults to `horizontal`.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  label_sr_only: {\n    doc: 'Use `true` to make the label only readable by screen readers.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text describing the content of the Autocomplete more than the label. You can also send in a React component, so it gets wrapped inside the Autocomplete component.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  input_ref: {\n    doc: 'Use a React.Ref to get access to the `input` DOM element.',\n    type: 'React.Ref',\n    status: 'optional',\n  },\n  input_element: {\n    doc: 'Lets you provide a custom React element as the input HTML element.',\n    type: ['string', 'React.Element'],\n    status: 'optional',\n  },\n  '[DrawerList](/uilib/components/fragments/drawer-list/properties)': {\n    doc: 'all DrawerList properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const AutocompleteEvents: PropertiesTableProps = {\n  on_type: {\n    doc: 'Will be called for every key change the users makes. Returns an object with the input `value` inside `{ value, event, attributes }` including [these methods](/uilib/components/autocomplete/events#dynamically-change-data)',\n    type: 'function',\n    status: 'optional',\n  },\n  on_focus: {\n    doc: 'Will be called on user generated focus action. Returns an object with the input `value` inside `{ value, event, attributes }` including [these methods](/uilib/components/autocomplete/events#dynamically-change-data).',\n    type: 'function',\n    status: 'optional',\n  },\n  on_blur: {\n    doc: 'Will be called on user generated blur action. Returns an object with the input `value` inside `{ value, event, attributes }` including [these methods](/uilib/components/autocomplete/events#dynamically-change-data).',\n    type: 'function',\n    status: 'optional',\n  },\n  on_change: {\n    doc: 'Will be called on state changes made by the user. Returns an object with the new selected `data` item `{ data, event, attributes, value }` including [these methods](/uilib/components/autocomplete/events#dynamically-change-data).',\n    type: 'function',\n    status: 'optional',\n  },\n  on_select: {\n    doc: 'Will be called once the users focuses or selects an item by a click or keyboard navigation. Returns an object with the new selected `data` item `{ data, event, attributes, value, active_item }` including [these methods](/uilib/components/autocomplete/events#dynamically-change-data). The \"active_item\" property is the currently selected item by keyboard navigation',\n    type: 'function',\n    status: 'optional',\n  },\n  on_show: {\n    doc: 'Will be called once the user presses the autocomplete. Returns the data item `{ data, attributes }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_hide: {\n    doc: 'Will be called once the user presses the autocomplete again, or clicks somewhere else. Returns the data item `{ data, attributes }`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"AutocompleteDocs.js","names":["autocompleteProperties","exports","mode","doc","type","status","input_value","placeholder","title","disable_filter","disable_highlighting","disable_reorder","search_numbers","search_in_word_index","keep_value","keep_selection","keep_value_and_selection","prevent_selection","show_clear_button","icon","icon_size","icon_position","input_icon","triangle_position","size","drawer_class","show_submit_button","align_autocomplete","no_options","aria_live_options","show_all","indicator_label","show_options_sr","selected_sr","submit_button_title","submit_button_icon","submit_element","opened","open_on_focus","stretch","skip_portal","status_state","status_props","globalStatus","label","label_direction","label_sr_only","suffix","skeleton","input_ref","input_element","AutocompleteEvents","on_type","on_focus","on_blur","on_change","on_select","on_show","on_hide"],"sources":["../../../../src/components/autocomplete/AutocompleteDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const autocompleteProperties: PropertiesTableProps = {\n  mode: {\n    doc: 'If set to `async`, it prevents showing the \"no options\" message during typing / filtering. Defaults to `sync`.',\n    type: 'string',\n    status: 'optional',\n  },\n  input_value: {\n    doc: 'Lets you define a custom input value.',\n    type: 'string',\n    status: 'optional',\n  },\n  placeholder: {\n    doc: 'Use this to define the pre-filled placeholder text in the input. Defaults to `title=\"Skriv og velg\"`.',\n    type: 'string',\n    status: 'optional',\n  },\n  title: {\n    doc: 'Give a title to let the user know what they have to do. Defaults to `Skriv og få alternativer`.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  disable_filter: {\n    doc: 'If set to `true`, word highlighting will still be active, but no options will be filtered out. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  disable_highlighting: {\n    doc: 'If set to `true`, word highlighting will be disabled, but the options will still get filtered. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  disable_reorder: {\n    doc: 'If set to `true`, reordering of search results will be disabled. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  search_numbers: {\n    doc: 'If set to `true` and `search_in_word_index` is not set, the user will be able to more easily search and filter e.g. bank account numbers. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  search_in_word_index: {\n    doc: 'This gives you the possibility to change the threshold number, which defines from what word on we search \"inside words\". Defaults to `3`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  keep_value: {\n    doc: 'Use `true` to not remove the typed value on input blur, if it is invalid. By default, the typed value will disappear / replaced by a selected value from the data list during the input field blur. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  keep_selection: {\n    doc: 'Use `true` to not remove selected item on input blur, when the input value is empty. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  keep_value_and_selection: {\n    doc: 'Like `keep_value` – but would not reset to the selected value during input field blur. Also, the selected value would still be kept. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  prevent_selection: {\n    doc: 'If set to `true`, no permanent selection will be made. Also, the typed value will not disappear on input blur (like `keep_value`). Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  show_clear_button: {\n    doc: 'If set to `true`, a clear button is shown inside the input field. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  icon: {\n    doc: 'To be included in the autocomplete input.',\n    type: ['string', 'React.Node'],\n    status: 'optional',\n  },\n  icon_size: {\n    doc: 'Change the size of the icon pragmatically.',\n    type: 'string',\n    status: 'optional',\n  },\n  icon_position: {\n    doc: 'Position of the icon inside the autocomplete. Set to `left` or `right`. Defaults to `left`.',\n    type: 'string',\n    status: 'optional',\n  },\n  input_icon: {\n    doc: 'Same as `icon`.',\n    type: ['string', 'React.Node'],\n    status: 'optional',\n  },\n  triangle_position: {\n    doc: 'Position of icon arrow / triangle the drawer. Set to `left` or `right`. Defaults to `left`.',\n    type: 'string',\n    status: 'optional',\n  },\n  size: {\n    doc: 'Define the height of the Autocomplete. Can be set to `small`, `default`, `medium` and `large`. Defaults to `default`.',\n    type: 'string',\n    status: 'optional',\n  },\n  drawer_class: {\n    doc: 'Define a custom class for the internal drawer-list. This makes it possible more easily customize the drawer-list style with styled-components and the `css` style method. Defaults to `null`.',\n    type: 'string',\n    status: 'optional',\n  },\n  show_submit_button: {\n    doc: 'Use `true` to show a Autocomplete button to toggle the [DrawerList](/uilib/components/fragments/drawer-list). Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  align_autocomplete: {\n    doc: 'Use `right` to change the options alignment direction. Defaults to `left`.',\n    type: 'string',\n    status: 'optional',\n  },\n  no_options: {\n    doc: 'Text show in the \"no options\" item. Defaults to `Ingen alternativer`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  aria_live_options: {\n    doc: 'Text read out by screen readers. This way users with screen readers know how many options they got during typing. Defaults to `%s alternativer`.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  show_all: {\n    doc: 'Text that lets a user unravel all the available options. Defaults to `Vis alt`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  indicator_label: {\n    doc: 'Text show on indicator \"options\" item. Defaults to `Henter data ...`.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  show_options_sr: {\n    doc: 'Only for screen readers. Title of the button to show the suggestions / options. It is always present and when activating, it opens the DrawerList and sets the focus on it. Defaults to `Bla gjennom alternativer`.',\n    type: 'string',\n    status: 'optional',\n  },\n  selected_sr: {\n    doc: 'Only for screen readers (VoiceOver). The label used to announce the selected item. Defaults to `Valgt:`.',\n    type: 'string',\n    status: 'optional',\n  },\n  submit_button_title: {\n    doc: 'Title on submit button. Defaults to `Vis alternativer`.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  submit_button_icon: {\n    doc: 'The icon used in the submit button. Defaults to `chevron_down`.',\n    type: ['string', 'React.Element'],\n    status: 'optional',\n  },\n  submit_element: {\n    doc: 'Replace the dropdown / submit button with a custom React element. Defaults to the input SubmitButton `import { SubmitButton } from '@dnb/eufemia/components/input/Input'`.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  opened: {\n    doc: 'If set to `true`, the Autocomplete will be rendered initially with a visible and accessible data list / options.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  open_on_focus: {\n    doc: 'Use `true` to auto open the list once the user is entering the input field with the keyboard.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  stretch: {\n    doc: 'If set to `true`, then the autocomplete will be 100% in available `width`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  skip_portal: {\n    doc: 'Set to `true` to disable the React Portal behavior. Defaults to `false`.',\n    type: 'string',\n    status: 'optional',\n  },\n  status: {\n    doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',\n    type: ['error', 'info', 'boolean'],\n    status: 'optional',\n  },\n  status_state: {\n    doc: 'Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.',\n    type: ['error', 'info'],\n    status: 'optional',\n  },\n  status_props: {\n    doc: 'Use an object to define additional FormStatus properties.',\n    type: 'object',\n    status: 'optional',\n  },\n  globalStatus: {\n    doc: 'The [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).',\n    type: 'object',\n    status: 'optional',\n  },\n  label: {\n    doc: 'Prepends the Form Label component. If no ID is provided, a random ID is created.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  label_direction: {\n    doc: 'Use `label_direction=\"vertical\"` to change the label layout direction. Defaults to `horizontal`.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  label_sr_only: {\n    doc: 'Use `true` to make the label only readable by screen readers.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text describing the content of the Autocomplete more than the label. You can also send in a React component, so it gets wrapped inside the Autocomplete component.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  input_ref: {\n    doc: 'Use a React.Ref to get access to the `input` DOM element.',\n    type: 'React.RefObject',\n    status: 'optional',\n  },\n  input_element: {\n    doc: 'Lets you provide a custom React element as the input HTML element.',\n    type: ['string', 'React.Element'],\n    status: 'optional',\n  },\n  '[DrawerList](/uilib/components/fragments/drawer-list/properties)': {\n    doc: 'all DrawerList properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const AutocompleteEvents: PropertiesTableProps = {\n  on_type: {\n    doc: 'Will be called for every key change the users makes. Returns an object with the input `value` inside `{ value, event, attributes }` including [these methods](/uilib/components/autocomplete/events#dynamically-change-data)',\n    type: 'function',\n    status: 'optional',\n  },\n  on_focus: {\n    doc: 'Will be called on user generated focus action. Returns an object with the input `value` inside `{ value, event, attributes }` including [these methods](/uilib/components/autocomplete/events#dynamically-change-data).',\n    type: 'function',\n    status: 'optional',\n  },\n  on_blur: {\n    doc: 'Will be called on user generated blur action. Returns an object with the input `value` inside `{ value, event, attributes }` including [these methods](/uilib/components/autocomplete/events#dynamically-change-data).',\n    type: 'function',\n    status: 'optional',\n  },\n  on_change: {\n    doc: 'Will be called on state changes made by the user. Returns an object with the new selected `data` item `{ data, event, attributes, value }` including [these methods](/uilib/components/autocomplete/events#dynamically-change-data).',\n    type: 'function',\n    status: 'optional',\n  },\n  on_select: {\n    doc: 'Will be called once the users focuses or selects an item by a click or keyboard navigation. Returns an object with the new selected `data` item `{ data, event, attributes, value, active_item }` including [these methods](/uilib/components/autocomplete/events#dynamically-change-data). The \"active_item\" property is the currently selected item by keyboard navigation',\n    type: 'function',\n    status: 'optional',\n  },\n  on_show: {\n    doc: 'Will be called once the user presses the autocomplete. Returns the data item `{ data, attributes }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_hide: {\n    doc: 'Will be called once the user presses the autocomplete again, or clicks somewhere else. Returns the data item `{ data, attributes }`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/avatar/Avatar.js

@@ -20,6 +20,7 @@ var _Img = _interopRequireDefault(require("../../elements/img/Img"));
 var _Context = _interopRequireDefault(require("../../shared/Context"));
 var _componentHelper = require("../../shared/component-helper");
 var _AvatarGroup = _interopRequireWildcard(require("./AvatarGroup"));
+var _helpers = require("../../shared/helpers");
 const _excluded = ["alt", "className", "children", "size", "skeleton", "variant", "src", "imgProps", "hasLabel", "backgroundColor", "color"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -80,8 +81,8 @@ const Avatar = localProps => {
   }
   (0, _componentHelper.validateDOMAttributes)(allProps, props);
   const style = _objectSpread({
-    '--background-color': getColor(backgroundColor),
-    '--color': getColor(color)
+    '--background-color': (0, _helpers.getColor)(backgroundColor),
+    '--color': (0, _helpers.getColor)(color)
   }, props === null || props === void 0 ? void 0 : props.style);
   return _react.default.createElement("span", _extends({
     className: (0, _classnames.default)(`dnb-avatar dnb-avatar--${variant || 'primary'} dnb-avatar--size-${size || 'medium'}`, skeletonClasses, spacingClasses, className)
@@ -91,12 +92,6 @@ const Avatar = localProps => {
     className: "dnb-sr-only"
   }, childrenProp), children);
 };
-function getColor(value) {
-  if (String(value).includes('--')) {
-    return value;
-  }
-  return value ? !/#|var/.test(value) ? `var(--color-${value})` : value : undefined;
-}
 Avatar.Group = _AvatarGroup.default;
 Avatar._supportsSpacingProps = true;
 var _default = exports.default = Avatar;

package/cjs/components/avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","names":["_react","_interopRequireDefault","require","_classnames","_SpacingHelper","_SkeletonHelper","_Img","_Context","_componentHelper","_AvatarGroup","_interopRequireWildcard","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","defaultProps","exports","size","variant","skeleton","Avatar","localProps","context","React","useContext","Context","avatarGroupContext","AvatarGroupContext","allProps","extendPropsWithContext","alt","className","children","childrenProp","src","imgProps","hasLabel","backgroundColor","color","props","skeletonClasses","createSkeletonClass","spacingClasses","createSpacingClasses","childrenIsString","imageProps","createElement","firstLetterUpperCase","charAt","toUpperCase","warn","validateDOMAttributes","style","getColor","classnames","includes","test","undefined","Group","AvatarGroup","_supportsSpacingProps","_default"],"sources":["../../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\n\n// Elements\nimport Img, { ImgProps } from '../../elements/img/Img'\n\n// Shared\nimport Context from '../../shared/Context'\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport {\n  validateDOMAttributes,\n  extendPropsWithContext,\n  warn,\n} from '../../shared/component-helper'\n\n// Internal\nimport AvatarGroup, { AvatarGroupContext } from './AvatarGroup'\n\nexport type AvatarSizes = 'small' | 'medium' | 'large' | 'x-large'\nexport type AvatarVariants = 'primary' | 'secondary' | 'tertiary'\n\nexport type AvatarImgProps = ImgProps\n\nexport interface AvatarProps\n  extends Omit<React.HTMLProps<HTMLElement>, 'size'> {\n  /**\n   * Used in combination with `src` to provide an alt attribute for the `img` element.\n   * Default: null\n   */\n  alt?: string\n\n  /**\n   * Custom className on the component root\n   * Default: null\n   */\n  className?: string\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * The content of the component. Can be used instead of prop \"data\".\n   * Default: null\n   */\n  children?: React.ReactNode\n\n  /**\n   * The size of the component.\n   * Default: medium.\n   */\n  size?: AvatarSizes\n\n  /**\n   * Specifies the path to the image\n   * Default: null\n   */\n  src?: string\n\n  /**\n   * Props applied to the `img` element if the component is used to display an image.\n   * Default: null\n   */\n  imgProps?: ImgProps\n\n  /**\n   * The variant of the component.\n   * Default: primary.\n   */\n  variant?: AvatarVariants\n\n  /**\n   * If an avatar is hidden from the screen reader (by setting aria-hidden={true}) or if label is given, typical inside a table or dl (definition list), then you can disable Avatar.Group as a dependent of Avatar.\n   * Use `true` to omit the `Avatar group required:` warning.\n   * Default: null\n   */\n  hasLabel?: boolean\n\n  /**\n   * Define a custom background color, instead of a variant. Use a Eufemia color.\n   * Default: undefined\n   */\n  backgroundColor?: string\n\n  /**\n   * Define a custom color to compliment the backgroundColor. Use a Eufemia color.\n   * Default: undefined\n   */\n  color?: string\n}\n\nexport const defaultProps = {\n  size: 'medium',\n  variant: 'primary',\n  skeleton: false,\n}\n\nconst Avatar = (localProps: AvatarProps & SpacingProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n  const avatarGroupContext = React.useContext(AvatarGroupContext)\n\n  // Extract additional props from global context\n  const allProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.Avatar,\n    { skeleton: context?.skeleton },\n    avatarGroupContext\n  )\n\n  const {\n    alt,\n    className,\n    children: childrenProp,\n    size,\n    skeleton,\n    variant,\n    src,\n    imgProps,\n    hasLabel,\n    backgroundColor,\n    color,\n    ...props\n  } = allProps\n\n  let children = null\n\n  const skeletonClasses = createSkeletonClass('shape', skeleton, context)\n  const spacingClasses = createSpacingClasses(props)\n\n  const childrenIsString = typeof childrenProp === 'string'\n\n  if (src || imgProps) {\n    const imageProps = { src, alt, ...imgProps }\n    children = <Img {...imageProps} />\n  } else if (childrenIsString) {\n    const firstLetterUpperCase = childrenProp.charAt(0).toUpperCase()\n    children = <span aria-hidden>{firstLetterUpperCase}</span>\n  } else {\n    children = childrenProp\n  }\n\n  if (!avatarGroupContext && !hasLabel) {\n    warn(\n      `Avatar group required: An Avatar requires an Avatar.Group with label description as a parent component. This is to ensure correct semantic and accessibility.`\n    )\n  }\n\n  validateDOMAttributes(allProps, props)\n\n  const style = {\n    '--background-color': getColor(backgroundColor),\n    '--color': getColor(color),\n    ...props?.style,\n  } as React.CSSProperties\n\n  return (\n    <span\n      className={classnames(\n        'dnb-avatar',\n        `dnb-avatar--${variant || 'primary'}`,\n        `dnb-avatar--size-${size || 'medium'}`,\n        skeletonClasses,\n        spacingClasses,\n        className\n      )}\n      {...props}\n      style={style}\n    >\n      {childrenIsString && (\n        <span className=\"dnb-sr-only\">{childrenProp}</span>\n      )}\n      {children}\n    </span>\n  )\n}\n\nfunction getColor(value: string) {\n  if (String(value).includes('--')) {\n    return value\n  }\n  return value\n    ? !/#|var/.test(value)\n      ? `var(--color-${value})`\n      : value\n    : undefined\n}\n\nAvatar.Group = AvatarGroup\n\nexport { AvatarGroup }\n\nAvatar._supportsSpacingProps = true\n\nexport default Avatar\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Avatar.js","names":["_react","_interopRequireDefault","require","_classnames","_SpacingHelper","_SkeletonHelper","_Img","_Context","_componentHelper","_AvatarGroup","_interopRequireWildcard","_helpers","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","defaultProps","exports","size","variant","skeleton","Avatar","localProps","context","React","useContext","Context","avatarGroupContext","AvatarGroupContext","allProps","extendPropsWithContext","alt","className","children","childrenProp","src","imgProps","hasLabel","backgroundColor","color","props","skeletonClasses","createSkeletonClass","spacingClasses","createSpacingClasses","childrenIsString","imageProps","createElement","firstLetterUpperCase","charAt","toUpperCase","warn","validateDOMAttributes","style","getColor","classnames","Group","AvatarGroup","_supportsSpacingProps","_default"],"sources":["../../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\n\n// Elements\nimport Img, { ImgProps } from '../../elements/img/Img'\n\n// Shared\nimport Context from '../../shared/Context'\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport {\n  validateDOMAttributes,\n  extendPropsWithContext,\n  warn,\n} from '../../shared/component-helper'\n\n// Internal\nimport AvatarGroup, { AvatarGroupContext } from './AvatarGroup'\nimport { getColor } from '../../shared/helpers'\n\nexport type AvatarSizes = 'small' | 'medium' | 'large' | 'x-large'\nexport type AvatarVariants = 'primary' | 'secondary' | 'tertiary'\n\nexport type AvatarImgProps = ImgProps\n\nexport interface AvatarProps\n  extends Omit<React.HTMLProps<HTMLElement>, 'size'> {\n  /**\n   * Used in combination with `src` to provide an alt attribute for the `img` element.\n   * Default: null\n   */\n  alt?: string\n\n  /**\n   * Custom className on the component root\n   * Default: null\n   */\n  className?: string\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * The content of the component. Can be used instead of prop \"data\".\n   * Default: null\n   */\n  children?: React.ReactNode\n\n  /**\n   * The size of the component.\n   * Default: medium.\n   */\n  size?: AvatarSizes\n\n  /**\n   * Specifies the path to the image\n   * Default: null\n   */\n  src?: string\n\n  /**\n   * Props applied to the `img` element if the component is used to display an image.\n   * Default: null\n   */\n  imgProps?: ImgProps\n\n  /**\n   * The variant of the component.\n   * Default: primary.\n   */\n  variant?: AvatarVariants\n\n  /**\n   * If an avatar is hidden from the screen reader (by setting aria-hidden={true}) or if label is given, typical inside a table or dl (definition list), then you can disable Avatar.Group as a dependent of Avatar.\n   * Use `true` to omit the `Avatar group required:` warning.\n   * Default: null\n   */\n  hasLabel?: boolean\n\n  /**\n   * Define a custom background color, instead of a variant. Use a Eufemia color.\n   * Default: undefined\n   */\n  backgroundColor?: string\n\n  /**\n   * Define a custom color to compliment the backgroundColor. Use a Eufemia color.\n   * Default: undefined\n   */\n  color?: string\n}\n\nexport const defaultProps = {\n  size: 'medium',\n  variant: 'primary',\n  skeleton: false,\n}\n\nconst Avatar = (localProps: AvatarProps & SpacingProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n  const avatarGroupContext = React.useContext(AvatarGroupContext)\n\n  // Extract additional props from global context\n  const allProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.Avatar,\n    { skeleton: context?.skeleton },\n    avatarGroupContext\n  )\n\n  const {\n    alt,\n    className,\n    children: childrenProp,\n    size,\n    skeleton,\n    variant,\n    src,\n    imgProps,\n    hasLabel,\n    backgroundColor,\n    color,\n    ...props\n  } = allProps\n\n  let children = null\n\n  const skeletonClasses = createSkeletonClass('shape', skeleton, context)\n  const spacingClasses = createSpacingClasses(props)\n\n  const childrenIsString = typeof childrenProp === 'string'\n\n  if (src || imgProps) {\n    const imageProps = { src, alt, ...imgProps }\n    children = <Img {...imageProps} />\n  } else if (childrenIsString) {\n    const firstLetterUpperCase = childrenProp.charAt(0).toUpperCase()\n    children = <span aria-hidden>{firstLetterUpperCase}</span>\n  } else {\n    children = childrenProp\n  }\n\n  if (!avatarGroupContext && !hasLabel) {\n    warn(\n      `Avatar group required: An Avatar requires an Avatar.Group with label description as a parent component. This is to ensure correct semantic and accessibility.`\n    )\n  }\n\n  validateDOMAttributes(allProps, props)\n\n  const style = {\n    '--background-color': getColor(backgroundColor),\n    '--color': getColor(color),\n    ...props?.style,\n  } as React.CSSProperties\n\n  return (\n    <span\n      className={classnames(\n        'dnb-avatar',\n        `dnb-avatar--${variant || 'primary'}`,\n        `dnb-avatar--size-${size || 'medium'}`,\n        skeletonClasses,\n        spacingClasses,\n        className\n      )}\n      {...props}\n      style={style}\n    >\n      {childrenIsString && (\n        <span className=\"dnb-sr-only\">{childrenProp}</span>\n      )}\n      {children}\n    </span>\n  )\n}\n\nAvatar.Group = AvatarGroup\n\nexport { AvatarGroup }\n\nAvatar._supportsSpacingProps = true\n\nexport default Avatar\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/checkbox/CheckboxDocs.js

@@ -42,7 +42,7 @@ const CheckboxProperties = exports.CheckboxProperties = {
   },
   status: {
     doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',
-    type: 'string',
+    type: ['error', 'info', 'boolean'],
     status: 'optional'
   },
   statusState: {
@@ -72,7 +72,7 @@ const CheckboxProperties = exports.CheckboxProperties = {
   },
   innerRef: {
     doc: 'By providing a React.ref we can get the internally used input element (DOM). E.g. `innerRef={myRef}` by using `React.createRef()` or `React.useRef()`.',
-    type: 'React.Ref',
+    type: 'React.RefObject',
     status: 'optional'
   },
   '[Space](/uilib/layout/space/properties)': {

package/cjs/components/checkbox/CheckboxDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxDocs.js","names":["CheckboxProperties","exports","checked","doc","type","status","title","label","labelPosition","labelSrOnly","size","indeterminate","statusState","statusProps","globalStatus","skeleton","suffix","innerRef","CheckboxEvents","onChange"],"sources":["../../../../src/components/checkbox/CheckboxDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const CheckboxProperties: PropertiesTableProps = {\n  checked: {\n    doc: 'Determine whether the checkbox is checked or not. The default is `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  title: {\n    doc: 'The `title` of the input - describing it a bit further for accessibility reasons.',\n    type: 'ReactNode',\n    status: 'optional',\n  },\n  label: {\n    doc: 'Use either the `label` property or provide a custom one.',\n    type: 'ReactNode',\n    status: 'optional',\n  },\n  labelPosition: {\n    doc: 'Defines the position of the `label`. Use either `left` or `right`. Defaults to `right`.',\n    type: 'string',\n    status: 'optional',\n  },\n  labelSrOnly: {\n    doc: 'Use `true` to make the label only readable by screen readers.',\n    type: 'string',\n    status: 'optional',\n  },\n  size: {\n    doc: 'The size of the checkbox. For now there is \"medium\" (default) and \"large\".',\n    type: ['string', 'number'],\n    status: 'optional',\n  },\n  indeterminate: {\n    doc: 'Controls the checkbox indeterminate (partial) state.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  status: {\n    doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',\n    type: 'string',\n    status: 'optional',\n  },\n  statusState: {\n    doc: 'Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.',\n    type: ['error', 'info'],\n    status: 'optional',\n  },\n  statusProps: {\n    doc: 'Use an object to define additional FormStatus properties. See [FormStatus](/uilib/components/form-status/properties/)',\n    type: 'FormStatusProps',\n    status: 'optional',\n  },\n  globalStatus: {\n    doc: 'The [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status)',\n    type: 'object',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text describing the content of the Checkbox more than the label. You can also send in a React component, so it gets wrapped inside the Checkbox component.',\n    type: 'ReactNode',\n    status: 'optional',\n  },\n  innerRef: {\n    doc: 'By providing a React.ref we can get the internally used input element (DOM). E.g. `innerRef={myRef}` by using `React.createRef()` or `React.useRef()`.',\n    type: 'React.Ref',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const CheckboxEvents: PropertiesTableProps = {\n  onChange: {\n    doc: 'Will be called on state changes made by the user.',\n    type: '() => {checked: boolean; event: ChangeEvent}',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,kBAAwC,GAAAC,OAAA,CAAAD,kBAAA,GAAG;EACtDE,OAAO,EAAE;IACPC,GAAG,EAAE,2EAA2E;IAChFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,mFAAmF;IACxFC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;EACDE,KAAK,EAAE;IACLJ,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;EACDG,aAAa,EAAE;IACbL,GAAG,EAAE,yFAAyF;IAC9FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,WAAW,EAAE;IACXN,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,IAAI,EAAE;IACJP,GAAG,EAAE,4EAA4E;IACjFC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDM,aAAa,EAAE;IACbR,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDA,MAAM,EAAE;IACNF,GAAG,EAAE,yIAAyI;IAC9IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,WAAW,EAAE;IACXT,GAAG,EAAE,0GAA0G;IAC/GC,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;IACvBC,MAAM,EAAE;EACV,CAAC;EACDQ,WAAW,EAAE;IACXV,GAAG,EAAE,uHAAuH;IAC5HC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDS,YAAY,EAAE;IACZX,GAAG,EAAE,2JAA2J;IAChKC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDU,QAAQ,EAAE;IACRZ,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,MAAM,EAAE;IACNb,GAAG,EAAE,4JAA4J;IACjKC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;EACDY,QAAQ,EAAE;IACRd,GAAG,EAAE,wJAAwJ;IAC7JC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAEM,MAAMa,cAAoC,GAAAjB,OAAA,CAAAiB,cAAA,GAAG;EAClDC,QAAQ,EAAE;IACRhB,GAAG,EAAE,mDAAmD;IACxDC,IAAI,EAAE,8CAA8C;IACpDC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"CheckboxDocs.js","names":["CheckboxProperties","exports","checked","doc","type","status","title","label","labelPosition","labelSrOnly","size","indeterminate","statusState","statusProps","globalStatus","skeleton","suffix","innerRef","CheckboxEvents","onChange"],"sources":["../../../../src/components/checkbox/CheckboxDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const CheckboxProperties: PropertiesTableProps = {\n  checked: {\n    doc: 'Determine whether the checkbox is checked or not. The default is `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  title: {\n    doc: 'The `title` of the input - describing it a bit further for accessibility reasons.',\n    type: 'ReactNode',\n    status: 'optional',\n  },\n  label: {\n    doc: 'Use either the `label` property or provide a custom one.',\n    type: 'ReactNode',\n    status: 'optional',\n  },\n  labelPosition: {\n    doc: 'Defines the position of the `label`. Use either `left` or `right`. Defaults to `right`.',\n    type: 'string',\n    status: 'optional',\n  },\n  labelSrOnly: {\n    doc: 'Use `true` to make the label only readable by screen readers.',\n    type: 'string',\n    status: 'optional',\n  },\n  size: {\n    doc: 'The size of the checkbox. For now there is \"medium\" (default) and \"large\".',\n    type: ['string', 'number'],\n    status: 'optional',\n  },\n  indeterminate: {\n    doc: 'Controls the checkbox indeterminate (partial) state.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  status: {\n    doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',\n    type: ['error', 'info', 'boolean'],\n    status: 'optional',\n  },\n  statusState: {\n    doc: 'Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.',\n    type: ['error', 'info'],\n    status: 'optional',\n  },\n  statusProps: {\n    doc: 'Use an object to define additional FormStatus properties. See [FormStatus](/uilib/components/form-status/properties/)',\n    type: 'FormStatusProps',\n    status: 'optional',\n  },\n  globalStatus: {\n    doc: 'The [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status)',\n    type: 'object',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text describing the content of the Checkbox more than the label. You can also send in a React component, so it gets wrapped inside the Checkbox component.',\n    type: 'ReactNode',\n    status: 'optional',\n  },\n  innerRef: {\n    doc: 'By providing a React.ref we can get the internally used input element (DOM). E.g. `innerRef={myRef}` by using `React.createRef()` or `React.useRef()`.',\n    type: 'React.RefObject',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const CheckboxEvents: PropertiesTableProps = {\n  onChange: {\n    doc: 'Will be called on state changes made by the user.',\n    type: '() => {checked: boolean; event: ChangeEvent}',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,kBAAwC,GAAAC,OAAA,CAAAD,kBAAA,GAAG;EACtDE,OAAO,EAAE;IACPC,GAAG,EAAE,2EAA2E;IAChFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,mFAAmF;IACxFC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;EACDE,KAAK,EAAE;IACLJ,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;EACDG,aAAa,EAAE;IACbL,GAAG,EAAE,yFAAyF;IAC9FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,WAAW,EAAE;IACXN,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,IAAI,EAAE;IACJP,GAAG,EAAE,4EAA4E;IACjFC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDM,aAAa,EAAE;IACbR,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDA,MAAM,EAAE;IACNF,GAAG,EAAE,yIAAyI;IAC9IC,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC;IAClCC,MAAM,EAAE;EACV,CAAC;EACDO,WAAW,EAAE;IACXT,GAAG,EAAE,0GAA0G;IAC/GC,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;IACvBC,MAAM,EAAE;EACV,CAAC;EACDQ,WAAW,EAAE;IACXV,GAAG,EAAE,uHAAuH;IAC5HC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDS,YAAY,EAAE;IACZX,GAAG,EAAE,2JAA2J;IAChKC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDU,QAAQ,EAAE;IACRZ,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,MAAM,EAAE;IACNb,GAAG,EAAE,4JAA4J;IACjKC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;EACDY,QAAQ,EAAE;IACRd,GAAG,EAAE,wJAAwJ;IAC7JC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAEM,MAAMa,cAAoC,GAAAjB,OAAA,CAAAiB,cAAA,GAAG;EAClDC,QAAQ,EAAE;IACRhB,GAAG,EAAE,mDAAmD;IACxDC,IAAI,EAAE,8CAA8C;IACpDC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/cjs/components/date-picker/DatePickerContext.d.ts

@@ -13,7 +13,6 @@ export type DatePickerContextValues = ContextProps & DatePickerDates & {
     props: DatePickerAllProps;
     translation: ContextProps['translation'];
     views: Array<CalendarView>;
-    hasHadValidDate: boolean;
     previousDateProps: DatePickerDateProps;
     updateDates: (dates: DatePickerDates, callback?: (dates: DatePickerDates) => void) => void;
     setState?: (state: DatePickerProviderState) => void;

package/cjs/components/date-picker/DatePickerContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerContext.js","names":["_react","_interopRequireDefault","require","e","__esModule","default","DatePickerContext","React","createContext","_default","exports"],"sources":["../../../../src/components/date-picker/DatePickerContext.ts"],"sourcesContent":["/**\n * Web DatePicker Context\n *\n */\n\nimport React from 'react'\nimport { DatePickerAllProps, DisplayPickerEvent } from './DatePicker'\nimport { ContextProps } from '../../shared/Context'\nimport {\n  DatePickerChangeEvent,\n  DatePickerProviderState,\n  GetReturnObjectParams,\n  ReturnObject,\n} from './DatePickerProvider'\nimport { DatePickerDateProps, DatePickerDates } from './hooks/useDates'\nimport { CalendarView } from './hooks/useViews'\n\nexport type DateType = Date | string\n\nexport type DatePickerContextValues = ContextProps &\n  DatePickerDates & {\n    props: DatePickerAllProps\n    translation: ContextProps['translation']\n    views: Array<CalendarView>\n    hasHadValidDate: boolean\n    previousDateProps: DatePickerDateProps\n    updateDates: (\n      dates: DatePickerDates,\n      callback?: (dates: DatePickerDates) => void\n    ) => void\n    setState?: (state: DatePickerProviderState) => void\n    setViews: (views: Array<CalendarView>, callback?: () => void) => void\n    setHasClickedCalendarDay: (hasClicked: boolean) => void\n    callOnChangeHandler: <E>(event: DatePickerChangeEvent<E>) => void\n    hidePicker: (event: DisplayPickerEvent) => void\n    getReturnObject: <E>(\n      params: GetReturnObjectParams<E>\n    ) => ReturnObject<E>\n  }\n\nconst DatePickerContext = React.createContext<DatePickerContextValues>(\n  {} as DatePickerContextValues\n)\n\nexport default DatePickerContext\n"],"mappings":";;;;;;AAKA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAmCzB,MAAMG,iBAAiB,GAAGC,cAAK,CAACC,aAAa,CAC3C,CAAC,CACH,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEcC,iBAAiB","ignoreList":[]}
+{"version":3,"file":"DatePickerContext.js","names":["_react","_interopRequireDefault","require","e","__esModule","default","DatePickerContext","React","createContext","_default","exports"],"sources":["../../../../src/components/date-picker/DatePickerContext.ts"],"sourcesContent":["/**\n * Web DatePicker Context\n *\n */\n\nimport React from 'react'\nimport { DatePickerAllProps, DisplayPickerEvent } from './DatePicker'\nimport { ContextProps } from '../../shared/Context'\nimport {\n  DatePickerChangeEvent,\n  DatePickerProviderState,\n  GetReturnObjectParams,\n  ReturnObject,\n} from './DatePickerProvider'\nimport { DatePickerDateProps, DatePickerDates } from './hooks/useDates'\nimport { CalendarView } from './hooks/useViews'\n\nexport type DateType = Date | string\n\nexport type DatePickerContextValues = ContextProps &\n  DatePickerDates & {\n    props: DatePickerAllProps\n    translation: ContextProps['translation']\n    views: Array<CalendarView>\n    previousDateProps: DatePickerDateProps\n    updateDates: (\n      dates: DatePickerDates,\n      callback?: (dates: DatePickerDates) => void\n    ) => void\n    setState?: (state: DatePickerProviderState) => void\n    setViews: (views: Array<CalendarView>, callback?: () => void) => void\n    setHasClickedCalendarDay: (hasClicked: boolean) => void\n    callOnChangeHandler: <E>(event: DatePickerChangeEvent<E>) => void\n    hidePicker: (event: DisplayPickerEvent) => void\n    getReturnObject: <E>(\n      params: GetReturnObjectParams<E>\n    ) => ReturnObject<E>\n  }\n\nconst DatePickerContext = React.createContext<DatePickerContextValues>(\n  {} as DatePickerContextValues\n)\n\nexport default DatePickerContext\n"],"mappings":";;;;;;AAKA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAkCzB,MAAMG,iBAAiB,GAAGC,cAAK,CAACC,aAAa,CAC3C,CAAC,CACH,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEcC,iBAAiB","ignoreList":[]}

package/cjs/components/date-picker/DatePickerDocs.js

@@ -183,7 +183,7 @@ const DatePickerProperties = exports.DatePickerProperties = {
   },
   status: {
     doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',
-    type: 'string | boolean',
+    type: ['error', 'info', 'boolean'],
     status: 'optional'
   },
   statusState: {

package/cjs/components/date-picker/DatePickerDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerDocs.js","names":["dateType","DatePickerProperties","exports","date","doc","type","status","startDate","endDate","month","startMonth","endMonth","minDate","maxDate","dateFormat","returnFormat","range","showInput","maskOrder","opened","maskPlaceholder","hideNavigation","hideDays","showSubmitButton","showCancelButton","showResetButton","link","sync","firstDay","alignPicker","skipPortal","onlyMonth","hideLastWeek","stretch","label","labelDirection","suffix","labelSrOnly","shortcuts","addonElement","inputElement","statusState","statusProps","disableAutofocus","correctInvalidDate","globalStatus","tooltip","skeleton","size","DatePickerEvents","onChange","onType","onSubmit","onCancel","onReset","onShow","onHide","onDaysRender","onFocus","onBlur"],"sources":["../../../../src/components/date-picker/DatePickerDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nconst dateType = ['string', 'Date']\n\nexport const DatePickerProperties: PropertiesTableProps = {\n  date: {\n    doc: 'Defines the pre-filled date by either a JavaScript DateInstance or (ISO 8601) like `date=\"2019-05-05\"` and `content`.',\n    type: dateType,\n    status: 'optional',\n  },\n  startDate: {\n    doc: 'To set the pre-filled starting date. Is used if `range={true}` is set to `true`. Defaults to `null`, showing the `maskPlaceholder`.',\n    type: dateType,\n    status: 'optional',\n  },\n  endDate: {\n    doc: 'To set the pre-filled ending date. Is used if `range={true}` is set to `true`. Defaults to `null`, showing the `maskPlaceholder`',\n    type: dateType,\n    status: 'optional',\n  },\n  month: {\n    doc: 'To display what month should be shown in the first calendar by default. Defaults to the `date` respective `startDate`.',\n    type: dateType,\n    status: 'optional',\n  },\n  startMonth: {\n    doc: 'To display what month should be shown in the first calendar by default. Defaults to the `date` respective `startDate`.',\n    type: dateType,\n    status: 'optional',\n  },\n  endMonth: {\n    doc: 'To display what month should be shown in the second calendar by default. Defaults to the `date` respective `startDate`.',\n    type: dateType,\n    status: 'optional',\n  },\n  minDate: {\n    doc: 'To limit a date range to a minimum `startDate`. Defaults to `null`.',\n    type: dateType,\n    status: 'optional',\n  },\n  maxDate: {\n    doc: 'To limit a date range to a maximum `endDate`. Defaults to `null`.',\n    type: dateType,\n    status: 'optional',\n  },\n  dateFormat: {\n    doc: 'Defines how the property dates (`date`, `startDate` and `endDate`) should be parsed, e.g. `yyyy/MM/dd`. Defaults to `yyyy-MM-dd`.',\n    type: 'string',\n    status: 'optional',\n  },\n  returnFormat: {\n    doc: 'Defines how the returned date, as a string, should be formatted as. Defaults to `yyyy-MM-dd`.',\n    type: 'string',\n    status: 'optional',\n  },\n  range: {\n    doc:\n      'Defines if the date picker should support a range of two dates (starting and ending date).' +\n      'Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  showInput: {\n    doc: 'If the input fields with the mask should be visible. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  maskOrder: {\n    doc: 'To define the order of the masked placeholder input fields. Defaults to `dd/mm/yyyy`.',\n    type: 'string',\n    status: 'optional',\n  },\n  opened: {\n    doc: 'To open the date-picker by default. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  maskPlaceholder: {\n    doc: 'To display the placeholder on input. Defaults to `dd/mm/åååå`.',\n    type: 'string',\n    status: 'optional',\n  },\n  hideNavigation: {\n    doc: 'If set to `true`, the navigation will be hidden. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  hideDays: {\n    doc: 'If set to `true`, the week days will be hidden. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  showSubmitButton: {\n    doc: 'If set to `true`, a submit button will be shown. You can change the default text by using `submitButtonText=\"Ok\"`. Defaults to `false`. If the `range` property is `true`, then the submit button is shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  showCancelButton: {\n    doc: 'If set to `true`, a cancel button will be shown. You can change the default text by using `cancelButtonText=\"Avbryt\"`. If the `range` property is `true`, then the cancel button is shown. Defaults to `false`',\n    type: 'boolean',\n    status: 'optional',\n  },\n  showResetButton: {\n    doc: 'If set to `true`, a reset button will be shown. You can change the default text by using `resetButtonText=\"Tilbakestill\"`. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  link: {\n    doc: 'Link both calendars, once to the user is navigating between months. Only meant to use if the range is set to `true`. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  sync: {\n    doc: 'Sync input values with the calendars views. Once the input values get changed, the calendar changes its views in sync. Defaults to `true`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  firstDay: {\n    doc: 'To define the first day of the week. Defaults to `monday`.',\n    type: [\n      'monday',\n      'tuesday',\n      'wednesday',\n      'thursday',\n      'friday',\n      'saturday',\n      'sunday',\n    ],\n    status: 'optional',\n  },\n  alignPicker: {\n    doc: 'Use `right` to change the calendar alignment direction. Defaults to `left`.',\n    type: 'string',\n    status: 'optional',\n  },\n  skipPortal: {\n    doc: ' If set to `true`, the calendar will not be rendered inside a react portal. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  onlyMonth: {\n    doc: 'Use `true` to only show the defined month. Disables the month navigation possibility. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  hideLastWeek: {\n    doc: 'Use `true` to only show the last week in the current month if it needs to be shown. The result is that there will mainly be shows five (5) weeks (rows) instead of six (6). Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  stretch: {\n    doc: 'If set to `true`, then the date-picker input field will be 100% in `width`',\n    type: 'boolean',\n    status: 'optional',\n  },\n  label: {\n    doc: 'A prepending label in sync with the date input field.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  labelDirection: {\n    doc: ' Use `label_direction=\"vertical\"` to change the label layout direction. Defaults to `horizontal`.',\n    type: ['vertical', 'horizontal'],\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text describing the content of the DatePicker more than the label. You can also send in a React component, so it gets wrapped inside the DatePicker component.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  labelSrOnly: {\n    doc: 'Use `true` to make the label only readable by screen readers.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  shortcuts: {\n    doc: 'Gives you the possibility to set predefined dates and date ranges so the user can select these by one click. Define either a JSON or an object with the defined shortcuts. More info is below.',\n    type: 'object',\n    status: 'optional',\n  },\n  addonElement: {\n    doc: 'Gives you the possibility to inject a React element showing up over the footer. Use it to customize `shortcuts`.',\n    type: 'object',\n    status: 'optional',\n  },\n  inputElement: {\n    doc: 'Gives you the possibility to use a plain/vanilla `<input />` HTML element by defining it as a string `inputElement=\"input\"`, a React element, or a render function `inputElement={(internalProps) => (<Return />)}`. Can also be used in circumstances where the `react-text-mask` should not be used, e.g. in testing environments. Defaults to custom masked input.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  status: {\n    doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',\n    type: 'string | boolean',\n    status: 'optional',\n  },\n  statusState: {\n    doc: 'Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.',\n    type: 'string',\n    status: 'optional',\n  },\n  statusProps: {\n    doc: 'Use an object to define additional FormStatus properties.',\n    type: 'object',\n    status: 'optional',\n  },\n  disableAutofocus: {\n    doc: 'Once the date picker gets opened, there is a focus handling to ensure good accessibility. This can be disabled with this property. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  correctInvalidDate: {\n    doc: 'Corrects the input date value to be the same as either `minDate` or `maxDate`, when the user types in a date that is either before or after one of these. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  globalStatus: {\n    doc: 'The [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).',\n    type: 'object',\n    status: 'optional',\n  },\n  tooltip: {\n    doc: 'Provide a short Tooltip content that shows up on the picker button.',\n    type: 'string',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  size: {\n    doc: 'The sizes you can choose is `small` (1.5rem), `default` (2rem), `medium` (2.5rem) and `large` (3rem) are supported component sizes. Defaults to `default` / `null`.',\n    type: 'string',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const DatePickerEvents: PropertiesTableProps = {\n  onChange: {\n    doc: 'Will be called on a date change event. Returns an object. See Returned Object below.',\n    type: 'function',\n    status: 'optional',\n  },\n  onType: {\n    doc: 'Will be called on every input and date picker interaction. Returns an `object`. See Returned Object below.',\n    type: 'function',\n    status: 'optional',\n  },\n  onSubmit: {\n    doc: 'Will be called once a user presses the submit button.',\n    type: 'function',\n    status: 'optional',\n  },\n  onCancel: {\n    doc: 'Will be called once a user presses the cancel button.',\n    type: 'function',\n    status: 'optional',\n  },\n  onReset: {\n    doc: 'Will be called once a user presses the reset button.',\n    type: 'function',\n    status: 'optional',\n  },\n  onShow: {\n    doc: 'Will be called once date-picker is visible.',\n    type: 'function',\n    status: 'optional',\n  },\n  onHide: {\n    doc: 'Will be called once date-picker is hidden.',\n    type: 'function',\n    status: 'optional',\n  },\n  onDaysRender: {\n    doc: 'Will be called right before every new calendar view gets rendered. See the example above.',\n    type: 'function',\n    status: 'optional',\n  },\n  onFocus: {\n    doc: 'Will be called once the input gets focus.',\n    type: 'function',\n    status: 'optional',\n  },\n  onBlur: {\n    doc: 'Will be called once the input lose focus.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DatePickerDocs.js","names":["dateType","DatePickerProperties","exports","date","doc","type","status","startDate","endDate","month","startMonth","endMonth","minDate","maxDate","dateFormat","returnFormat","range","showInput","maskOrder","opened","maskPlaceholder","hideNavigation","hideDays","showSubmitButton","showCancelButton","showResetButton","link","sync","firstDay","alignPicker","skipPortal","onlyMonth","hideLastWeek","stretch","label","labelDirection","suffix","labelSrOnly","shortcuts","addonElement","inputElement","statusState","statusProps","disableAutofocus","correctInvalidDate","globalStatus","tooltip","skeleton","size","DatePickerEvents","onChange","onType","onSubmit","onCancel","onReset","onShow","onHide","onDaysRender","onFocus","onBlur"],"sources":["../../../../src/components/date-picker/DatePickerDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nconst dateType = ['string', 'Date']\n\nexport const DatePickerProperties: PropertiesTableProps = {\n  date: {\n    doc: 'Defines the pre-filled date by either a JavaScript DateInstance or (ISO 8601) like `date=\"2019-05-05\"` and `content`.',\n    type: dateType,\n    status: 'optional',\n  },\n  startDate: {\n    doc: 'To set the pre-filled starting date. Is used if `range={true}` is set to `true`. Defaults to `null`, showing the `maskPlaceholder`.',\n    type: dateType,\n    status: 'optional',\n  },\n  endDate: {\n    doc: 'To set the pre-filled ending date. Is used if `range={true}` is set to `true`. Defaults to `null`, showing the `maskPlaceholder`',\n    type: dateType,\n    status: 'optional',\n  },\n  month: {\n    doc: 'To display what month should be shown in the first calendar by default. Defaults to the `date` respective `startDate`.',\n    type: dateType,\n    status: 'optional',\n  },\n  startMonth: {\n    doc: 'To display what month should be shown in the first calendar by default. Defaults to the `date` respective `startDate`.',\n    type: dateType,\n    status: 'optional',\n  },\n  endMonth: {\n    doc: 'To display what month should be shown in the second calendar by default. Defaults to the `date` respective `startDate`.',\n    type: dateType,\n    status: 'optional',\n  },\n  minDate: {\n    doc: 'To limit a date range to a minimum `startDate`. Defaults to `null`.',\n    type: dateType,\n    status: 'optional',\n  },\n  maxDate: {\n    doc: 'To limit a date range to a maximum `endDate`. Defaults to `null`.',\n    type: dateType,\n    status: 'optional',\n  },\n  dateFormat: {\n    doc: 'Defines how the property dates (`date`, `startDate` and `endDate`) should be parsed, e.g. `yyyy/MM/dd`. Defaults to `yyyy-MM-dd`.',\n    type: 'string',\n    status: 'optional',\n  },\n  returnFormat: {\n    doc: 'Defines how the returned date, as a string, should be formatted as. Defaults to `yyyy-MM-dd`.',\n    type: 'string',\n    status: 'optional',\n  },\n  range: {\n    doc:\n      'Defines if the date picker should support a range of two dates (starting and ending date).' +\n      'Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  showInput: {\n    doc: 'If the input fields with the mask should be visible. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  maskOrder: {\n    doc: 'To define the order of the masked placeholder input fields. Defaults to `dd/mm/yyyy`.',\n    type: 'string',\n    status: 'optional',\n  },\n  opened: {\n    doc: 'To open the date-picker by default. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  maskPlaceholder: {\n    doc: 'To display the placeholder on input. Defaults to `dd/mm/åååå`.',\n    type: 'string',\n    status: 'optional',\n  },\n  hideNavigation: {\n    doc: 'If set to `true`, the navigation will be hidden. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  hideDays: {\n    doc: 'If set to `true`, the week days will be hidden. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  showSubmitButton: {\n    doc: 'If set to `true`, a submit button will be shown. You can change the default text by using `submitButtonText=\"Ok\"`. Defaults to `false`. If the `range` property is `true`, then the submit button is shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  showCancelButton: {\n    doc: 'If set to `true`, a cancel button will be shown. You can change the default text by using `cancelButtonText=\"Avbryt\"`. If the `range` property is `true`, then the cancel button is shown. Defaults to `false`',\n    type: 'boolean',\n    status: 'optional',\n  },\n  showResetButton: {\n    doc: 'If set to `true`, a reset button will be shown. You can change the default text by using `resetButtonText=\"Tilbakestill\"`. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  link: {\n    doc: 'Link both calendars, once to the user is navigating between months. Only meant to use if the range is set to `true`. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  sync: {\n    doc: 'Sync input values with the calendars views. Once the input values get changed, the calendar changes its views in sync. Defaults to `true`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  firstDay: {\n    doc: 'To define the first day of the week. Defaults to `monday`.',\n    type: [\n      'monday',\n      'tuesday',\n      'wednesday',\n      'thursday',\n      'friday',\n      'saturday',\n      'sunday',\n    ],\n    status: 'optional',\n  },\n  alignPicker: {\n    doc: 'Use `right` to change the calendar alignment direction. Defaults to `left`.',\n    type: 'string',\n    status: 'optional',\n  },\n  skipPortal: {\n    doc: ' If set to `true`, the calendar will not be rendered inside a react portal. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  onlyMonth: {\n    doc: 'Use `true` to only show the defined month. Disables the month navigation possibility. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  hideLastWeek: {\n    doc: 'Use `true` to only show the last week in the current month if it needs to be shown. The result is that there will mainly be shows five (5) weeks (rows) instead of six (6). Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  stretch: {\n    doc: 'If set to `true`, then the date-picker input field will be 100% in `width`',\n    type: 'boolean',\n    status: 'optional',\n  },\n  label: {\n    doc: 'A prepending label in sync with the date input field.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  labelDirection: {\n    doc: ' Use `label_direction=\"vertical\"` to change the label layout direction. Defaults to `horizontal`.',\n    type: ['vertical', 'horizontal'],\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text describing the content of the DatePicker more than the label. You can also send in a React component, so it gets wrapped inside the DatePicker component.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  labelSrOnly: {\n    doc: 'Use `true` to make the label only readable by screen readers.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  shortcuts: {\n    doc: 'Gives you the possibility to set predefined dates and date ranges so the user can select these by one click. Define either a JSON or an object with the defined shortcuts. More info is below.',\n    type: 'object',\n    status: 'optional',\n  },\n  addonElement: {\n    doc: 'Gives you the possibility to inject a React element showing up over the footer. Use it to customize `shortcuts`.',\n    type: 'object',\n    status: 'optional',\n  },\n  inputElement: {\n    doc: 'Gives you the possibility to use a plain/vanilla `<input />` HTML element by defining it as a string `inputElement=\"input\"`, a React element, or a render function `inputElement={(internalProps) => (<Return />)}`. Can also be used in circumstances where the `react-text-mask` should not be used, e.g. in testing environments. Defaults to custom masked input.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  status: {\n    doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',\n    type: ['error', 'info', 'boolean'],\n    status: 'optional',\n  },\n  statusState: {\n    doc: 'Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.',\n    type: 'string',\n    status: 'optional',\n  },\n  statusProps: {\n    doc: 'Use an object to define additional FormStatus properties.',\n    type: 'object',\n    status: 'optional',\n  },\n  disableAutofocus: {\n    doc: 'Once the date picker gets opened, there is a focus handling to ensure good accessibility. This can be disabled with this property. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  correctInvalidDate: {\n    doc: 'Corrects the input date value to be the same as either `minDate` or `maxDate`, when the user types in a date that is either before or after one of these. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  globalStatus: {\n    doc: 'The [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).',\n    type: 'object',\n    status: 'optional',\n  },\n  tooltip: {\n    doc: 'Provide a short Tooltip content that shows up on the picker button.',\n    type: 'string',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  size: {\n    doc: 'The sizes you can choose is `small` (1.5rem), `default` (2rem), `medium` (2.5rem) and `large` (3rem) are supported component sizes. Defaults to `default` / `null`.',\n    type: 'string',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const DatePickerEvents: PropertiesTableProps = {\n  onChange: {\n    doc: 'Will be called on a date change event. Returns an object. See Returned Object below.',\n    type: 'function',\n    status: 'optional',\n  },\n  onType: {\n    doc: 'Will be called on every input and date picker interaction. Returns an `object`. See Returned Object below.',\n    type: 'function',\n    status: 'optional',\n  },\n  onSubmit: {\n    doc: 'Will be called once a user presses the submit button.',\n    type: 'function',\n    status: 'optional',\n  },\n  onCancel: {\n    doc: 'Will be called once a user presses the cancel button.',\n    type: 'function',\n    status: 'optional',\n  },\n  onReset: {\n    doc: 'Will be called once a user presses the reset button.',\n    type: 'function',\n    status: 'optional',\n  },\n  onShow: {\n    doc: 'Will be called once date-picker is visible.',\n    type: 'function',\n    status: 'optional',\n  },\n  onHide: {\n    doc: 'Will be called once date-picker is hidden.',\n    type: 'function',\n    status: 'optional',\n  },\n  onDaysRender: {\n    doc: 'Will be called right before every new calendar view gets rendered. See the example above.',\n    type: 'function',\n    status: 'optional',\n  },\n  onFocus: {\n    doc: 'Will be called once the input gets focus.',\n    type: 'function',\n    status: 'optional',\n  },\n  onBlur: {\n    doc: 'Will be called once the input lose focus.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}