@dnb/eufemia 10.69.0 → 10.70.0

package/components/badge/BadgeDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeDocs.js","names":["BadgeProperties","content","doc","type","status","children","vertical","horizontal","className","skeleton","variant","label"],"sources":["../../../../src/components/badge/BadgeDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const BadgeProperties: PropertiesTableProps = {\n  content: {\n    doc: 'Content of the component.',\n    type: ['string', 'number', 'React.ReactNode'],\n    status: 'optional',\n  },\n  children: {\n    doc: 'Content to display the badge on top of.',\n    type: ['React.ReactNode'],\n    status: 'optional',\n  },\n  vertical: {\n    doc: 'Vertical positioning of the component. Options: `bottom` | `top`.',\n    type: ['top', 'bottom'],\n    status: 'optional',\n  },\n  horizontal: {\n    doc: 'Horizontal positioning of the component. Options: `left` | `right`.',\n    type: ['left', 'right'],\n    status: 'optional',\n  },\n  className: {\n    doc: 'Custom className for the component.',\n    type: ['string'],\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'Applies loading skeleton.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'defines the visual appearance of the badge. There are two main variants `notification` and `information`. The default variant is `information`.',\n    type: ['information', 'notification'],\n    status: 'optional',\n  },\n  label: {\n    doc: 'The label description of the badge. Only required when passing a number as the badge content.',\n    type: ['React.ReactNode'],\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"],"mappings":"AAEA,OAAO,MAAMA,eAAqC,GAAG;EACnDC,OAAO,EAAE;IACPC,GAAG,EAAE,2BAA2B;IAChCC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,CAAC;IAC7CC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRH,GAAG,EAAE,yCAAyC;IAC9CC,IAAI,EAAE,CAAC,iBAAiB,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,mEAAmE;IACxEC,IAAI,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;IACvBC,MAAM,EAAE;EACV,CAAC;EACDG,UAAU,EAAE;IACVL,GAAG,EAAE,qEAAqE;IAC1EC,IAAI,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IACvBC,MAAM,EAAE;EACV,CAAC;EACDI,SAAS,EAAE;IACTN,GAAG,EAAE,qCAAqC;IAC1CC,IAAI,EAAE,CAAC,QAAQ,CAAC;IAChBC,MAAM,EAAE;EACV,CAAC;EACDK,QAAQ,EAAE;IACRP,GAAG,EAAE,2BAA2B;IAChCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,OAAO,EAAE;IACPR,GAAG,EAAE,iJAAiJ;IACtJC,IAAI,EAAE,CAAC,aAAa,EAAE,cAAc,CAAC;IACrCC,MAAM,EAAE;EACV,CAAC;EACDO,KAAK,EAAE;IACLT,GAAG,EAAE,+FAA+F;IACpGC,IAAI,EAAE,CAAC,iBAAiB,CAAC;IACzBC,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","ignoreList":[]}

package/components/breadcrumb/BreadcrumbDocs.d.ts

@@ -0,0 +1,5 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const BreadcrumbProperties: PropertiesTableProps;
+export declare const BreadcrumbEvents: PropertiesTableProps;
+export declare const BreadcrumbItemProperties: PropertiesTableProps;
+export declare const BreadcrumbItemEvents: PropertiesTableProps;

package/components/breadcrumb/BreadcrumbDocs.js

@@ -0,0 +1,119 @@
+export const BreadcrumbProperties = {
+  data: {
+    doc: 'List of pages to render as breadcrumbitems. Each object in data can include all properties from [BreadcrumbItem properties](/uilib/components/breadcrumb/properties#breadcrumbitem-properties).',
+    type: 'Array<BreadcrumbItemProps>',
+    status: 'optional'
+  },
+  children: {
+    doc: 'Content of the component. Can be used instead of property `data`, by adding Breadcrumbitem children `<Breadcrumb.Item {...props} />`.',
+    type: 'React.ReactNode',
+    status: 'optional'
+  },
+  variant: {
+    doc: "Defaults to 'responsive' or 'single' depending on content. Options: `responsive` | `single` | `multiple` | `collapse` .",
+    type: ['responsive', 'single', 'multiple', 'collapse'],
+    status: 'optional'
+  },
+  href: {
+    doc: 'For variant `single`, set `href` for button click. Can be used instead of event/property `onClick`.',
+    type: 'string',
+    status: 'optional'
+  },
+  navText: {
+    doc: 'Every `<nav>` on a page needs an unique aria-label text.',
+    type: 'React.ReactNode',
+    status: 'optional'
+  },
+  goBackText: {
+    doc: "Override with a custom 'Back' text for variant `single` (Not recommended).",
+    type: 'React.ReactNode',
+    status: 'optional'
+  },
+  homeText: {
+    doc: "Override with a custom 'Home' text (Not recommended)",
+    type: 'React.ReactNode',
+    status: 'optional'
+  },
+  backToText: {
+    doc: "Override with a custom 'Back to...' text (Not recommended).",
+    type: 'React.ReactNode',
+    status: 'optional'
+  },
+  styleType: {
+    doc: 'Use one of the Section component style types (style_type). Defaults to `transparent`.',
+    type: 'Various',
+    status: 'optional'
+  },
+  collapsedStyleType: {
+    doc: 'Use one of the Section component variants. Defaults to `info`.',
+    type: ['error', 'info', 'warning', 'success'],
+    status: 'optional'
+  },
+  className: {
+    doc: 'Custom className for the component root.',
+    type: 'string',
+    status: 'optional'
+  },
+  isCollapsed: {
+    doc: 'For variant `collapse`, override isCollapsed for the collapsed content by updating this value using the provided property `onClick`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  spacing: {
+    doc: 'Include spacing properties from [Section](/uilib/components/section/properties) in breadcrumb. If only `true` is given, the spacing will be `small`. Defaults to `false`.',
+    type: 'Various',
+    status: 'optional'
+  },
+  skeleton: {
+    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+export const BreadcrumbEvents = {
+  onClick: {
+    doc: 'will be called by user click interaction, to handle click event on "Back" for variant `single` and "Back to..." for variant `collapse`.',
+    type: 'function',
+    status: 'optional'
+  }
+};
+export const BreadcrumbItemProperties = {
+  text: {
+    doc: 'Text displaying inside Breadcrumb item.',
+    type: 'React.ReactNode',
+    status: 'optional'
+  },
+  variant: {
+    doc: 'The component variant. Options: `home` | `previous` | `current`.',
+    type: ['home', 'previous', 'current'],
+    status: 'optional'
+  },
+  icon: {
+    doc: 'Override icon displaying on the left side (Not recommended). Default: `chevron_left`.',
+    type: 'React.ReactNode',
+    status: 'optional'
+  },
+  href: {
+    doc: 'Set what happens when the user clicks on the item. Also see `onClick` event.',
+    type: 'string',
+    status: 'optional'
+  },
+  skeleton: {
+    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',
+    type: 'boolean',
+    status: 'optional'
+  }
+};
+export const BreadcrumbItemEvents = {
+  onClick: {
+    doc: 'will be called by user click interaction.',
+    type: 'function',
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=BreadcrumbDocs.js.map

package/components/breadcrumb/BreadcrumbDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbDocs.js","names":["BreadcrumbProperties","data","doc","type","status","children","variant","href","navText","goBackText","homeText","backToText","styleType","collapsedStyleType","className","isCollapsed","spacing","skeleton","BreadcrumbEvents","onClick","BreadcrumbItemProperties","text","icon","BreadcrumbItemEvents"],"sources":["../../../../src/components/breadcrumb/BreadcrumbDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const BreadcrumbProperties: PropertiesTableProps = {\n  data: {\n    doc: 'List of pages to render as breadcrumbitems. Each object in data can include all properties from [BreadcrumbItem properties](/uilib/components/breadcrumb/properties#breadcrumbitem-properties).',\n    type: 'Array<BreadcrumbItemProps>',\n    status: 'optional',\n  },\n  children: {\n    doc: 'Content of the component. Can be used instead of property `data`, by adding Breadcrumbitem children `<Breadcrumb.Item {...props} />`.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  variant: {\n    doc: \"Defaults to 'responsive' or 'single' depending on content. Options: `responsive` | `single` | `multiple` | `collapse` .\",\n    type: ['responsive', 'single', 'multiple', 'collapse'],\n    status: 'optional',\n  },\n  href: {\n    doc: 'For variant `single`, set `href` for button click. Can be used instead of event/property `onClick`.',\n    type: 'string',\n    status: 'optional',\n  },\n  navText: {\n    doc: 'Every `<nav>` on a page needs an unique aria-label text.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  goBackText: {\n    doc: \"Override with a custom 'Back' text for variant `single` (Not recommended).\",\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  homeText: {\n    doc: \"Override with a custom 'Home' text (Not recommended)\",\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  backToText: {\n    doc: \"Override with a custom 'Back to...' text (Not recommended).\",\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  styleType: {\n    doc: 'Use one of the Section component style types (style_type). Defaults to `transparent`.',\n    type: 'Various',\n    status: 'optional',\n  },\n  collapsedStyleType: {\n    doc: 'Use one of the Section component variants. Defaults to `info`.',\n    type: ['error', 'info', 'warning', 'success'],\n    status: 'optional',\n  },\n  className: {\n    doc: 'Custom className for the component root.',\n    type: 'string',\n    status: 'optional',\n  },\n  isCollapsed: {\n    doc: 'For variant `collapse`, override isCollapsed for the collapsed content by updating this value using the provided property `onClick`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  spacing: {\n    doc: 'Include spacing properties from [Section](/uilib/components/section/properties) in breadcrumb. If only `true` is given, the spacing will be `small`. Defaults to `false`.',\n    type: 'Various',\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  '[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 BreadcrumbEvents: PropertiesTableProps = {\n  onClick: {\n    doc: 'will be called by user click interaction, to handle click event on \"Back\" for variant `single` and \"Back to...\" for variant `collapse`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n\nexport const BreadcrumbItemProperties: PropertiesTableProps = {\n  text: {\n    doc: 'Text displaying inside Breadcrumb item.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'The component variant. Options: `home` | `previous` | `current`.',\n    type: ['home', 'previous', 'current'],\n    status: 'optional',\n  },\n  icon: {\n    doc: 'Override icon displaying on the left side (Not recommended). Default: `chevron_left`.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  href: {\n    doc: 'Set what happens when the user clicks on the item. Also see `onClick` event.',\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}\n\nexport const BreadcrumbItemEvents: PropertiesTableProps = {\n  onClick: {\n    doc: 'will be called by user click interaction.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}

package/components/button/Button.d.ts

@@ -160,9 +160,6 @@ export type ButtonProps = {
    * Only meant to be used for special use cases. Defaults to `button` or `a` depending if href is set or not.
    */
   element?: ButtonElement;
-  /**
-   * Will be called on a click event. Returns an object with the native event: `{ event }`.
-   */
   on_click?: ButtonOnClick;
 } & Partial<
   DataAttributeTypes &

package/components/button/ButtonDocs.d.ts

@@ -1,2 +1,3 @@
 import { PropertiesTableProps } from '../../shared/types';
 export declare const ButtonProperties: PropertiesTableProps;
+export declare const ButtonEvents: PropertiesTableProps;

package/components/button/ButtonDocs.js

@@ -125,4 +125,11 @@ export const ButtonProperties = {
     status: 'optional'
   }
 };
+export const ButtonEvents = {
+  on_click: {
+    doc: 'will be called on a click event. Returns an object with the native event: `{ event }`.',
+    type: 'function',
+    status: 'optional'
+  }
+};
 //# sourceMappingURL=ButtonDocs.js.map

package/components/button/ButtonDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonDocs.js","names":["ButtonProperties","type","doc","status","text","title","variant","size","icon","icon_position","icon_size","href","target","rel","to","wrap","stretch","bounding","element","custom_content","skeleton","tooltip","status_state","status_props","globalStatus"],"sources":["../../../../src/components/button/ButtonDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const ButtonProperties: PropertiesTableProps = {\n  type: {\n    doc: 'The type HTML attribute. Defaults to `button` for legacy reasons.',\n    type: ['button', 'reset', 'submit'],\n    status: 'optional',\n  },\n  text: {\n    doc: 'The content of the button can be a string or a React Element.',\n    type: ['string', 'React.ReactNode'],\n    status: 'optional',\n  },\n  'aria-label': {\n    doc: 'Required if there is no text in the button. If `text` and `children` are undefined, setting the `title` property will automatically set `aria-label` with the same value.',\n    type: 'string',\n    status: 'optional',\n  },\n  title: {\n    doc: 'Required if there is no text in the button. If `text` and `children` are undefined, setting the `title` property will automatically set `aria-label` with the same value.',\n    type: 'string',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'Defines the kind of button. Possible values are `primary`, `secondary`, `tertiary` and `signal`. Defaults to `primary` (or `secondary` if icon only).',\n    type: ['primary', 'secondary', 'tertiary', 'signal'],\n    status: 'optional',\n  },\n  size: {\n    doc: 'The size of the button. For now there is `small`, `medium`, `default` and `large`.',\n    type: ['small', 'medium', 'default', 'large'],\n    status: 'optional',\n  },\n  icon: {\n    doc: 'To be included in the button. [Primary Icons](/icons/primary) can be set as a string (e.g. `icon=\"chevron_right\"`), other icons should be set as React elements.',\n    type: ['string', 'React.ReactNode'],\n    status: 'optional',\n  },\n  icon_position: {\n    doc: 'Position of icon inside the button. Set to `left` or `right`. Tertiary button variant also supports `top`. Defaults to `right` if not set.',\n    type: ['left', 'right', 'top'],\n    status: 'optional',\n  },\n  icon_size: {\n    doc: 'Define icon width and height. Defaults to 16px.',\n    type: 'string',\n    status: 'optional',\n  },\n  href: {\n    doc: 'If you want the button to behave as a link. Use with caution! A link should normally visually be a link and not a button.',\n    type: 'string',\n    status: 'optional',\n  },\n  target: {\n    doc: 'When button behaves as a link. Used to specify where to open the linked document, specified by `href`. Possible values are `_self`, `_blank`, `_parent` and `_top`.',\n    type: ['_self', '_blank', '_parent', '_top'],\n    status: 'optional',\n  },\n  rel: {\n    doc: 'When button behaves as a link. Used to specify the relationship between a linked resource and the current document. Examples(non-exhaustive list) of values are `nofollow`, `search`, and `tag`.',\n    type: 'string',\n    status: 'optional',\n  },\n  to: {\n    doc: 'Use this property only if you are using a router Link component as the `element` that uses the `to` property to declare the navigation url.',\n    type: 'string',\n    status: 'optional',\n  },\n  wrap: {\n    doc: 'If set to `true` the button text will wrap in to new lines if the overflow point is reached. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  stretch: {\n    doc: 'Set it to `true` in order to stretch the button to the available space. Defaults to false.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  bounding: {\n    doc: 'Set it to `true` in order to extend the bounding box (above the visual button background). You may also look into the HTML class `dnb-button__bounding` if it needs some CSS customization in order to get the particular button right for your use-case.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  element: {\n    doc: 'Only meant to be used for special use cases. Defaults to `button` or `a` depending if href is set or not.',\n    type: 'string',\n    status: 'optional',\n  },\n  custom_content: {\n    doc: 'If you need to inject completely custom markup (React Element) into the button component. You have then to handle alignment and styling by yourself.',\n    type: 'React.ReactNode',\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  tooltip: {\n    doc: 'Provide a string or a React Element to be shown as the tooltip content.',\n    type: ['string', 'React.ReactNode'],\n    status: 'optional',\n  },\n  status: {\n    doc: 'Set it to either `status=\"error\"` or a 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  '[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"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ButtonDocs.js","names":["ButtonProperties","type","doc","status","text","title","variant","size","icon","icon_position","icon_size","href","target","rel","to","wrap","stretch","bounding","element","custom_content","skeleton","tooltip","status_state","status_props","globalStatus","ButtonEvents","on_click"],"sources":["../../../../src/components/button/ButtonDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const ButtonProperties: PropertiesTableProps = {\n  type: {\n    doc: 'The type HTML attribute. Defaults to `button` for legacy reasons.',\n    type: ['button', 'reset', 'submit'],\n    status: 'optional',\n  },\n  text: {\n    doc: 'The content of the button can be a string or a React Element.',\n    type: ['string', 'React.ReactNode'],\n    status: 'optional',\n  },\n  'aria-label': {\n    doc: 'Required if there is no text in the button. If `text` and `children` are undefined, setting the `title` property will automatically set `aria-label` with the same value.',\n    type: 'string',\n    status: 'optional',\n  },\n  title: {\n    doc: 'Required if there is no text in the button. If `text` and `children` are undefined, setting the `title` property will automatically set `aria-label` with the same value.',\n    type: 'string',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'Defines the kind of button. Possible values are `primary`, `secondary`, `tertiary` and `signal`. Defaults to `primary` (or `secondary` if icon only).',\n    type: ['primary', 'secondary', 'tertiary', 'signal'],\n    status: 'optional',\n  },\n  size: {\n    doc: 'The size of the button. For now there is `small`, `medium`, `default` and `large`.',\n    type: ['small', 'medium', 'default', 'large'],\n    status: 'optional',\n  },\n  icon: {\n    doc: 'To be included in the button. [Primary Icons](/icons/primary) can be set as a string (e.g. `icon=\"chevron_right\"`), other icons should be set as React elements.',\n    type: ['string', 'React.ReactNode'],\n    status: 'optional',\n  },\n  icon_position: {\n    doc: 'Position of icon inside the button. Set to `left` or `right`. Tertiary button variant also supports `top`. Defaults to `right` if not set.',\n    type: ['left', 'right', 'top'],\n    status: 'optional',\n  },\n  icon_size: {\n    doc: 'Define icon width and height. Defaults to 16px.',\n    type: 'string',\n    status: 'optional',\n  },\n  href: {\n    doc: 'If you want the button to behave as a link. Use with caution! A link should normally visually be a link and not a button.',\n    type: 'string',\n    status: 'optional',\n  },\n  target: {\n    doc: 'When button behaves as a link. Used to specify where to open the linked document, specified by `href`. Possible values are `_self`, `_blank`, `_parent` and `_top`.',\n    type: ['_self', '_blank', '_parent', '_top'],\n    status: 'optional',\n  },\n  rel: {\n    doc: 'When button behaves as a link. Used to specify the relationship between a linked resource and the current document. Examples(non-exhaustive list) of values are `nofollow`, `search`, and `tag`.',\n    type: 'string',\n    status: 'optional',\n  },\n  to: {\n    doc: 'Use this property only if you are using a router Link component as the `element` that uses the `to` property to declare the navigation url.',\n    type: 'string',\n    status: 'optional',\n  },\n  wrap: {\n    doc: 'If set to `true` the button text will wrap in to new lines if the overflow point is reached. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  stretch: {\n    doc: 'Set it to `true` in order to stretch the button to the available space. Defaults to false.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  bounding: {\n    doc: 'Set it to `true` in order to extend the bounding box (above the visual button background). You may also look into the HTML class `dnb-button__bounding` if it needs some CSS customization in order to get the particular button right for your use-case.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  element: {\n    doc: 'Only meant to be used for special use cases. Defaults to `button` or `a` depending if href is set or not.',\n    type: 'string',\n    status: 'optional',\n  },\n  custom_content: {\n    doc: 'If you need to inject completely custom markup (React Element) into the button component. You have then to handle alignment and styling by yourself.',\n    type: 'React.ReactNode',\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  tooltip: {\n    doc: 'Provide a string or a React Element to be shown as the tooltip content.',\n    type: ['string', 'React.ReactNode'],\n    status: 'optional',\n  },\n  status: {\n    doc: 'Set it to either `status=\"error\"` or a 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  '[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 ButtonEvents: PropertiesTableProps = {\n  on_click: {\n    doc: 'will be called on a click event. Returns an object with the native event: `{ event }`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}

package/components/date-picker/DatePickerAddon.js

@@ -13,7 +13,6 @@ import DatePickerContext from './DatePickerContext';
 function DatePickerAddon(props) {
   const {
     updateDates,
-    forceViewMonthChange,
     callOnChangeHandler,
     hidePicker,
     startDate,
@@ -38,13 +37,12 @@ function DatePickerAddon(props) {
       startDate,
       endDate
     });
-    forceViewMonthChange();
     callOnChangeHandler({
       startDate,
       endDate: endDate || startDate,
       event
     });
-  }, [updateDates, callOnChangeHandler, forceViewMonthChange]);
+  }, [updateDates, callOnChangeHandler]);
   const setDate = useCallback(_ref => {
     let {
       shortcut,

package/components/date-picker/DatePickerAddon.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerAddon.js","names":["React","useCallback","useContext","useMemo","convertStringToDate","Button","DatePickerContext","DatePickerAddon","props","updateDates","forceViewMonthChange","callOnChangeHandler","hidePicker","startDate","endDate","shortcuts","renderElement","currentDates","date","start_date","end_date","callOnChange","event","arguments","length","undefined","setDate","_ref","shortcut","close_on_select","_objectSpread","focusOnHide","shortcutsArray","JSON","parse","hasShortcuts","shortcutElements","createElement","Fragment","map","_ref2","i","title","_objectWithoutProperties","_excluded","key","text","variant","onClick","_Fragment","className"],"sources":["../../../../src/components/date-picker/DatePickerAddon.tsx"],"sourcesContent":["/**\n * Web DatePicker Component\n *\n */\n\nimport React, { useCallback, useContext, useMemo } from 'react'\nimport { convertStringToDate } from './DatePickerCalc'\nimport Button from '../button/Button'\nimport DatePickerContext from './DatePickerContext'\n\n// TODO: convert shortcut properties to camelCase, constitutes a breaking change - could be included in v11\nexport type DatePickerShortcut = {\n  title?: string\n  date?: string | Date | ((...args: unknown[]) => Date)\n  start_date?: string | Date | ((...args: unknown[]) => Date)\n  end_date?: string | Date | ((...args: unknown[]) => Date)\n  close_on_select?: boolean\n}\n\nexport type DatePickerAddonProps = React.HTMLProps<HTMLElement> & {\n  /**\n   * 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   */\n  shortcuts?: Array<DatePickerShortcut> | string\n  renderElement?: React.ReactNode\n}\n\nfunction DatePickerAddon(props: DatePickerAddonProps) {\n  const {\n    updateDates,\n    forceViewMonthChange,\n    callOnChangeHandler,\n    hidePicker,\n    startDate,\n    endDate,\n  } = useContext(DatePickerContext)\n\n  const { shortcuts, renderElement } = props\n\n  const currentDates = useMemo(\n    () => ({\n      date: startDate,\n      start_date: startDate,\n      end_date: endDate,\n    }),\n    [startDate, endDate]\n  )\n\n  const callOnChange = useCallback(\n    ({\n      startDate,\n      endDate,\n      event = null,\n    }: {\n      startDate?: Date\n      endDate?: Date\n      event?: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>\n    } = {}) => {\n      updateDates({ startDate, endDate })\n      forceViewMonthChange()\n      callOnChangeHandler({\n        startDate,\n        endDate: endDate || startDate,\n        event,\n      })\n    },\n    [updateDates, callOnChangeHandler, forceViewMonthChange]\n  )\n\n  const setDate = useCallback(\n    ({\n      shortcut,\n      event,\n    }: {\n      shortcut: DatePickerShortcut\n      event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>\n    }) => {\n      const start_date = shortcut.date || shortcut.start_date\n      const end_date = shortcut.end_date\n\n      const startDate =\n        typeof start_date === 'function'\n          ? start_date(currentDates)\n          : start_date\n          ? convertStringToDate(start_date)\n          : null\n\n      const endDate =\n        typeof end_date === 'function'\n          ? end_date(currentDates)\n          : end_date\n          ? convertStringToDate(end_date)\n          : null\n\n      callOnChange({\n        startDate,\n        endDate: endDate || startDate,\n        event,\n      })\n\n      if (shortcut.close_on_select) {\n        hidePicker({ ...event, focusOnHide: true })\n      }\n    },\n    [callOnChange, currentDates, hidePicker]\n  )\n\n  const shortcutsArray: Array<DatePickerShortcut> = useMemo(\n    () =>\n      shortcuts\n        ? typeof shortcuts === 'string'\n          ? JSON.parse(shortcuts)\n          : shortcuts\n        : [],\n    [shortcuts]\n  )\n\n  const hasShortcuts = shortcutsArray && shortcutsArray.length > 0\n\n  const shortcutElements = useMemo(\n    () =>\n      hasShortcuts && (\n        <>\n          {shortcutsArray.map(({ title, ...shortcut }, i: number) => {\n            return (\n              <Button\n                key={i}\n                text={title}\n                variant=\"secondary\"\n                onClick={(event) => setDate({ shortcut, event })}\n              />\n            )\n          })}\n        </>\n      ),\n    [hasShortcuts, shortcutsArray, setDate]\n  )\n\n  if (!hasShortcuts && !renderElement) {\n    return <></>\n  }\n\n  return (\n    <div className=\"dnb-date-picker__addon\">\n      {renderElement}\n      {shortcutElements}\n    </div>\n  )\n}\n\nexport default DatePickerAddon\n"],"mappings":";;;;;;;;AAKA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC/D,SAASC,mBAAmB,QAAQ,kBAAkB;AACtD,OAAOC,MAAM,MAAM,kBAAkB;AACrC,OAAOC,iBAAiB,MAAM,qBAAqB;AAmBnD,SAASC,eAAeA,CAACC,KAA2B,EAAE;EACpD,MAAM;IACJC,WAAW;IACXC,oBAAoB;IACpBC,mBAAmB;IACnBC,UAAU;IACVC,SAAS;IACTC;EACF,CAAC,GAAGZ,UAAU,CAACI,iBAAiB,CAAC;EAEjC,MAAM;IAAES,SAAS;IAAEC;EAAc,CAAC,GAAGR,KAAK;EAE1C,MAAMS,YAAY,GAAGd,OAAO,CAC1B,OAAO;IACLe,IAAI,EAAEL,SAAS;IACfM,UAAU,EAAEN,SAAS;IACrBO,QAAQ,EAAEN;EACZ,CAAC,CAAC,EACF,CAACD,SAAS,EAAEC,OAAO,CACrB,CAAC;EAED,MAAMO,YAAY,GAAGpB,WAAW,CAC9B,YAQW;IAAA,IARV;MACCY,SAAS;MACTC,OAAO;MACPQ,KAAK,GAAG;IAKV,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;IACJd,WAAW,CAAC;MAAEI,SAAS;MAAEC;IAAQ,CAAC,CAAC;IACnCJ,oBAAoB,CAAC,CAAC;IACtBC,mBAAmB,CAAC;MAClBE,SAAS;MACTC,OAAO,EAAEA,OAAO,IAAID,SAAS;MAC7BS;IACF,CAAC,CAAC;EACJ,CAAC,EACD,CAACb,WAAW,EAAEE,mBAAmB,EAAED,oBAAoB,CACzD,CAAC;EAED,MAAMgB,OAAO,GAAGzB,WAAW,CACzB0B,IAAA,IAMM;IAAA,IANL;MACCC,QAAQ;MACRN;IAIF,CAAC,GAAAK,IAAA;IACC,MAAMR,UAAU,GAAGS,QAAQ,CAACV,IAAI,IAAIU,QAAQ,CAACT,UAAU;IACvD,MAAMC,QAAQ,GAAGQ,QAAQ,CAACR,QAAQ;IAElC,MAAMP,SAAS,GACb,OAAOM,UAAU,KAAK,UAAU,GAC5BA,UAAU,CAACF,YAAY,CAAC,GACxBE,UAAU,GACVf,mBAAmB,CAACe,UAAU,CAAC,GAC/B,IAAI;IAEV,MAAML,OAAO,GACX,OAAOM,QAAQ,KAAK,UAAU,GAC1BA,QAAQ,CAACH,YAAY,CAAC,GACtBG,QAAQ,GACRhB,mBAAmB,CAACgB,QAAQ,CAAC,GAC7B,IAAI;IAEVC,YAAY,CAAC;MACXR,SAAS;MACTC,OAAO,EAAEA,OAAO,IAAID,SAAS;MAC7BS;IACF,CAAC,CAAC;IAEF,IAAIM,QAAQ,CAACC,eAAe,EAAE;MAC5BjB,UAAU,CAAAkB,aAAA,CAAAA,aAAA,KAAMR,KAAK;QAAES,WAAW,EAAE;MAAI,EAAE,CAAC;IAC7C;EACF,CAAC,EACD,CAACV,YAAY,EAAEJ,YAAY,EAAEL,UAAU,CACzC,CAAC;EAED,MAAMoB,cAAyC,GAAG7B,OAAO,CACvD,MACEY,SAAS,GACL,OAAOA,SAAS,KAAK,QAAQ,GAC3BkB,IAAI,CAACC,KAAK,CAACnB,SAAS,CAAC,GACrBA,SAAS,GACX,EAAE,EACR,CAACA,SAAS,CACZ,CAAC;EAED,MAAMoB,YAAY,GAAGH,cAAc,IAAIA,cAAc,CAACR,MAAM,GAAG,CAAC;EAEhE,MAAMY,gBAAgB,GAAGjC,OAAO,CAC9B,MACEgC,YAAY,IACVnC,KAAA,CAAAqC,aAAA,CAAArC,KAAA,CAAAsC,QAAA,QACGN,cAAc,CAACO,GAAG,CAAC,CAAAC,KAAA,EAAyBC,CAAS,KAAK;IAAA,IAAtC;QAAEC;MAAmB,CAAC,GAAAF,KAAA;MAAVZ,QAAQ,GAAAe,wBAAA,CAAAH,KAAA,EAAAI,SAAA;IACvC,OACE5C,KAAA,CAAAqC,aAAA,CAAChC,MAAM;MACLwC,GAAG,EAAEJ,CAAE;MACPK,IAAI,EAAEJ,KAAM;MACZK,OAAO,EAAC,WAAW;MACnBC,OAAO,EAAG1B,KAAK,IAAKI,OAAO,CAAC;QAAEE,QAAQ;QAAEN;MAAM,CAAC;IAAE,CAClD,CAAC;EAEN,CAAC,CACD,CACH,EACH,CAACa,YAAY,EAAEH,cAAc,EAAEN,OAAO,CACxC,CAAC;EAED,IAAI,CAACS,YAAY,IAAI,CAACnB,aAAa,EAAE;IACnC,OAAAiC,SAAA,KAAAA,SAAA,GAAOjD,KAAA,CAAAqC,aAAA,CAAArC,KAAA,CAAAsC,QAAA,MAAI,CAAC;EACd;EAEA,OACEtC,KAAA,CAAAqC,aAAA;IAAKa,SAAS,EAAC;EAAwB,GACpClC,aAAa,EACboB,gBACE,CAAC;AAEV;AAEA,eAAe7B,eAAe","ignoreList":[]}
+{"version":3,"file":"DatePickerAddon.js","names":["React","useCallback","useContext","useMemo","convertStringToDate","Button","DatePickerContext","DatePickerAddon","props","updateDates","callOnChangeHandler","hidePicker","startDate","endDate","shortcuts","renderElement","currentDates","date","start_date","end_date","callOnChange","event","arguments","length","undefined","setDate","_ref","shortcut","close_on_select","_objectSpread","focusOnHide","shortcutsArray","JSON","parse","hasShortcuts","shortcutElements","createElement","Fragment","map","_ref2","i","title","_objectWithoutProperties","_excluded","key","text","variant","onClick","_Fragment","className"],"sources":["../../../../src/components/date-picker/DatePickerAddon.tsx"],"sourcesContent":["/**\n * Web DatePicker Component\n *\n */\n\nimport React, { useCallback, useContext, useMemo } from 'react'\nimport { convertStringToDate } from './DatePickerCalc'\nimport Button from '../button/Button'\nimport DatePickerContext from './DatePickerContext'\n\n// TODO: convert shortcut properties to camelCase, constitutes a breaking change - could be included in v11\nexport type DatePickerShortcut = {\n  title?: string\n  date?: string | Date | ((...args: unknown[]) => Date)\n  start_date?: string | Date | ((...args: unknown[]) => Date)\n  end_date?: string | Date | ((...args: unknown[]) => Date)\n  close_on_select?: boolean\n}\n\nexport type DatePickerAddonProps = React.HTMLProps<HTMLElement> & {\n  /**\n   * 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   */\n  shortcuts?: Array<DatePickerShortcut> | string\n  renderElement?: React.ReactNode\n}\n\nfunction DatePickerAddon(props: DatePickerAddonProps) {\n  const {\n    updateDates,\n    callOnChangeHandler,\n    hidePicker,\n    startDate,\n    endDate,\n  } = useContext(DatePickerContext)\n\n  const { shortcuts, renderElement } = props\n\n  const currentDates = useMemo(\n    () => ({\n      date: startDate,\n      start_date: startDate,\n      end_date: endDate,\n    }),\n    [startDate, endDate]\n  )\n\n  const callOnChange = useCallback(\n    ({\n      startDate,\n      endDate,\n      event = null,\n    }: {\n      startDate?: Date\n      endDate?: Date\n      event?: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>\n    } = {}) => {\n      updateDates({ startDate, endDate })\n\n      callOnChangeHandler({\n        startDate,\n        endDate: endDate || startDate,\n        event,\n      })\n    },\n    [updateDates, callOnChangeHandler]\n  )\n\n  const setDate = useCallback(\n    ({\n      shortcut,\n      event,\n    }: {\n      shortcut: DatePickerShortcut\n      event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>\n    }) => {\n      const start_date = shortcut.date || shortcut.start_date\n      const end_date = shortcut.end_date\n\n      const startDate =\n        typeof start_date === 'function'\n          ? start_date(currentDates)\n          : start_date\n          ? convertStringToDate(start_date)\n          : null\n\n      const endDate =\n        typeof end_date === 'function'\n          ? end_date(currentDates)\n          : end_date\n          ? convertStringToDate(end_date)\n          : null\n\n      callOnChange({\n        startDate,\n        endDate: endDate || startDate,\n        event,\n      })\n\n      if (shortcut.close_on_select) {\n        hidePicker({ ...event, focusOnHide: true })\n      }\n    },\n    [callOnChange, currentDates, hidePicker]\n  )\n\n  const shortcutsArray: Array<DatePickerShortcut> = useMemo(\n    () =>\n      shortcuts\n        ? typeof shortcuts === 'string'\n          ? JSON.parse(shortcuts)\n          : shortcuts\n        : [],\n    [shortcuts]\n  )\n\n  const hasShortcuts = shortcutsArray && shortcutsArray.length > 0\n\n  const shortcutElements = useMemo(\n    () =>\n      hasShortcuts && (\n        <>\n          {shortcutsArray.map(({ title, ...shortcut }, i: number) => {\n            return (\n              <Button\n                key={i}\n                text={title}\n                variant=\"secondary\"\n                onClick={(event) => setDate({ shortcut, event })}\n              />\n            )\n          })}\n        </>\n      ),\n    [hasShortcuts, shortcutsArray, setDate]\n  )\n\n  if (!hasShortcuts && !renderElement) {\n    return <></>\n  }\n\n  return (\n    <div className=\"dnb-date-picker__addon\">\n      {renderElement}\n      {shortcutElements}\n    </div>\n  )\n}\n\nexport default DatePickerAddon\n"],"mappings":"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","ignoreList":[]}

package/components/date-picker/DatePickerCalc.d.ts

@@ -2,6 +2,8 @@
  * Web DatePicker Component
  *
  */
+import { AnyLocale } from '../../shared/Context';
+import { DateType } from './DatePickerContext';
 type ZeroDayIndex = 0 | 1 | 2 | 3 | 4 | 5 | 6;
 export declare function makeDayObject(date: Date, { startDate, endDate, hoverDate, minDate, maxDate, month, }: Record<string, Date>): {
     date: Date;
@@ -33,3 +35,14 @@ export declare function correctV1Format(date: string): string;
 export declare function convertStringToDate(date: string | Date, { dateFormat }?: {
     dateFormat?: string | null;
 }): Date;
+export type FormatDateOptions = {
+    locale?: AnyLocale;
+    variant?: 'long' | 'short' | 'numeric';
+    formatOptions?: Intl.DateTimeFormatOptions;
+};
+export declare function formatDate(dateValue: DateType, { locale, variant, formatOptions, }?: FormatDateOptions): string;
+export declare function formatDateRange(dates: {
+    startDate: DateType;
+    endDate: DateType;
+}, { locale, variant, formatOptions, }?: FormatDateOptions): string;
+export declare function getFormatOptions(variant: FormatDateOptions['variant']): Intl.DateTimeFormatOptions;

package/components/date-picker/DatePickerCalc.js

@@ -19,6 +19,7 @@ import parseISO from 'date-fns/parseISO';
 import parse from 'date-fns/parse';
 import startOfDay from 'date-fns/startOfDay';
 import { warn } from '../../shared/component-helper';
+import { LOCALE } from '../../shared/defaults';
 const calendarCache = {};
 export function makeDayObject(date, _ref) {
   let {
@@ -172,4 +173,44 @@ export function convertStringToDate(date) {
   }
   return dateObject;
 }
+export function formatDate(dateValue) {
+  let {
+    locale = LOCALE,
+    variant = 'numeric',
+    formatOptions = undefined
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const options = formatOptions !== null && formatOptions !== void 0 ? formatOptions : getFormatOptions(variant);
+  const date = convertStringToDate(dateValue);
+  return typeof Intl !== 'undefined' ? new Intl.DateTimeFormat(locale, options).format(date) : date.toLocaleString(locale, options);
+}
+export function formatDateRange(dates) {
+  let {
+    locale = LOCALE,
+    variant = 'numeric',
+    formatOptions = undefined
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const options = formatOptions !== null && formatOptions !== void 0 ? formatOptions : getFormatOptions(variant);
+  const startDate = convertStringToDate(dates.startDate);
+  const endDate = convertStringToDate(dates.endDate);
+  if (typeof Intl !== 'undefined') {
+    return new Intl.DateTimeFormat(locale, options).formatRange(startDate, endDate);
+  }
+  const startDateString = startDate.toLocaleString(locale, options);
+  const endDateString = endDate.toLocaleString(locale, options);
+  return `${startDateString}-${endDateString}`;
+}
+export function getFormatOptions(variant) {
+  if (variant === 'numeric') {
+    return {
+      day: '2-digit',
+      month: '2-digit',
+      year: 'numeric'
+    };
+  }
+  return {
+    day: 'numeric',
+    month: variant,
+    year: 'numeric'
+  };
+}
 //# sourceMappingURL=DatePickerCalc.js.map

package/components/date-picker/DatePickerCalc.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerCalc.js","names":["subMonths","addMonths","isWithinInterval","isValid","isAfter","isBefore","isSameDay","isToday","isSameMonth","addDays","startOfWeek","getDay","startOfMonth","getDaysInMonth","toDate","parseISO","parse","startOfDay","warn","calendarCache","makeDayObject","date","_ref","startDate","endDate","hoverDate","minDate","maxDate","month","range","getRange","isLastMonth","isNextMonth","isStartDate","isStartDateCalc","isEndDate","isEndDateCalc","isWithinSelection","isWithinSelectionCalc","isPreview","isPreviewCalc","isDisabled","isDisabledCalc","isSelectable","isInactive","getCalendar","weekStartsOn","arguments","length","undefined","onlyMonth","hideNextMonthWeek","cacheKey","toISOString","thisMonth","getMonth","firstDay","lastMonth","fillCount","nextMonth","dayOffset","dayName","week","indexOf","toLowerCase","toRange","_startDate","getWeek","startDay","Date","Array","fill","map","value","i","skip","limit","size","Math","min","max","start","end","correctV1Format","test","replace","convertStringToDate","dateFormat","dateObject"],"sources":["../../../../src/components/date-picker/DatePickerCalc.ts"],"sourcesContent":["/**\n * Web DatePicker Component\n *\n */\n\n// date-fns\nimport subMonths from 'date-fns/subMonths'\nimport addMonths from 'date-fns/addMonths'\nimport isWithinInterval from 'date-fns/isWithinInterval'\nimport isValid from 'date-fns/isValid'\nimport isAfter from 'date-fns/isAfter'\nimport isBefore from 'date-fns/isBefore'\nimport isSameDay from 'date-fns/isSameDay'\nimport isToday from 'date-fns/isToday'\nimport isSameMonth from 'date-fns/isSameMonth'\nimport addDays from 'date-fns/addDays'\nimport startOfWeek from 'date-fns/startOfWeek'\nimport getDay from 'date-fns/getDay'\nimport startOfMonth from 'date-fns/startOfMonth'\nimport getDaysInMonth from 'date-fns/getDaysInMonth'\nimport toDate from 'date-fns/toDate'\nimport parseISO from 'date-fns/parseISO'\nimport parse from 'date-fns/parse'\nimport startOfDay from 'date-fns/startOfDay'\n\nimport { warn } from '../../shared/component-helper'\n\ntype ZeroDayIndex = 0 | 1 | 2 | 3 | 4 | 5 | 6\n\ntype DateRange = { startDate: Date; endDate: Date }\n\nconst calendarCache: { [isoString: string]: Date[] } = {}\n\n// Is used as DatePickerCalc\nexport function makeDayObject(\n  date: Date,\n  {\n    startDate,\n    endDate,\n    hoverDate,\n    minDate,\n    maxDate,\n    month,\n  }: Record<string, Date>\n) {\n  const range = getRange(startDate, endDate, hoverDate)\n  const isLastMonth = isSameMonth(subMonths(date, 1), month)\n  const isNextMonth = isSameMonth(addMonths(date, 1), month)\n  const isStartDate = isStartDateCalc(date, range)\n  const isEndDate = isEndDateCalc(date, range)\n  const isWithinSelection = isWithinSelectionCalc(date, startDate, endDate)\n  const isPreview = isPreviewCalc(date, startDate, endDate, hoverDate)\n  const isDisabled = isDisabledCalc(date, minDate, maxDate)\n\n  return {\n    date,\n    isToday: isToday(date),\n    isLastMonth,\n    isNextMonth,\n    isStartDate,\n    isEndDate,\n    isWithinSelection,\n    isPreview,\n    isDisabled,\n    isSelectable: !isLastMonth && !isNextMonth && !isDisabled,\n    isInactive: isLastMonth || isNextMonth || isDisabled,\n  }\n}\n\n// return an array of objects with dates and extra info\nexport function getCalendar(\n  month: Date,\n  weekStartsOn = 0,\n  {\n    onlyMonth = false,\n    hideNextMonthWeek = false,\n  }: { onlyMonth?: boolean; hideNextMonthWeek?: boolean } = {}\n) {\n  const cacheKey = month.toISOString()\n\n  // Get the main month\n  const thisMonth = getMonth(month)\n  if (onlyMonth) {\n    return (calendarCache[cacheKey] = [...thisMonth])\n  }\n\n  if (calendarCache[cacheKey]) {\n    return calendarCache[cacheKey]\n  }\n\n  // Get day of the week of the first day of month, e.g. => 3\n  // Add 7 days 7 to make sure it's not negative when subtracting weekStartsOn and wraps around\n  const firstDay = (7 + getDay(startOfMonth(month)) - weekStartsOn) % 7\n  const lastMonth = getMonth(\n    subMonths(month, 1),\n    getDaysInMonth(subMonths(month, 1)) - firstDay\n  )\n  let fillCount = -1\n  if (hideNextMonthWeek) {\n    // use this variant if it is OK with empty slots at the bottom\n    fillCount = 35 - (thisMonth.length + firstDay)\n  }\n  if (fillCount < 0) {\n    fillCount = 42 - (thisMonth.length + firstDay)\n  }\n  const nextMonth = getMonth(\n    addMonths(month, 1),\n    0,\n    fillCount > -1 ? fillCount : 0\n  )\n  return (calendarCache[cacheKey] = [\n    ...lastMonth,\n    ...thisMonth,\n    ...nextMonth,\n  ])\n}\n\n// calculates offset from Sunday, e.g. Monday is +1\nexport function dayOffset(dayName: string) {\n  const week = [\n    'sunday',\n    'monday',\n    'tuesday',\n    'wednesday',\n    'thursday',\n    'friday',\n    'saturday',\n  ]\n  return (\n    dayName ? week.indexOf(dayName.toLowerCase()) : 0\n  ) as ZeroDayIndex\n}\n\n// creates a date range object and automatically swaps startDate and endDate if endDate is before startDate\nexport function toRange(startDate: Date, endDate: Date) {\n  if (isBefore(endDate, startDate)) {\n    const _startDate = startDate\n    startDate = endDate\n    endDate = _startDate\n  }\n  return { startDate, endDate }\n}\n\n// returns startDate and endDate if both dates are selected\n// otherwise uses the startDate and hoverDate\n// unless user hasn't hovered, then use start date twice\nfunction getRange(startDate: Date, endDate: Date, hoverDate: Date) {\n  if (startDate && endDate) {\n    return toRange(startDate, endDate)\n  } else if (startDate && hoverDate) {\n    return toRange(startDate, hoverDate)\n  } else {\n    return toRange(startDate, startDate)\n  }\n}\n\n// returns an array of dates for each day of the current week\n// weekStartsOn is a number, use dayOffset to convert from a string\nexport function getWeek(weekStartsOn?: ZeroDayIndex) {\n  const startDay = startOfWeek(new Date(), { weekStartsOn })\n  return Array(7)\n    .fill(1)\n    .map((value, i) => addDays(startDay, i))\n}\n\n// returns an array of dates of the month, optionally skip x number of days\nexport function getMonth(month: Date, skip = 0, limit?: number) {\n  const startDay = startOfMonth(month)\n  let size = getDaysInMonth(month) - skip\n  size = Math.min(Math.max(size, 0), limit > -1 ? limit : size)\n  size = size < 0 ? 0 : size\n  return Array(size)\n    .fill(1)\n    .map((value, i) => addDays(startDay, i + skip))\n}\n\n// date is between selection range\nfunction isWithinSelectionCalc(\n  date: Date,\n  startDate: Date,\n  endDate: Date\n) {\n  const { startDate: start, endDate: end } = toRange(startDate, endDate)\n  return startDate && endDate\n    ? isValid(start) &&\n        isValid(end) &&\n        isWithinInterval(date, {\n          start,\n          end,\n        })\n    : false\n}\n\n// date is before minDate or after maxDate\nfunction isDisabledCalc(date: Date, minDate: Date, maxDate: Date) {\n  // isBefore and isAfter return false if comparison date is undefined, which is useful here in case minDate and maxDate aren't provided\n\n  return (\n    (minDate && isBefore(startOfDay(date), startOfDay(minDate))) ||\n    (maxDate && isAfter(startOfDay(date), startOfDay(maxDate)))\n  )\n}\nexport { isDisabledCalc as isDisabled }\n\n// date selected is start date\nfunction isStartDateCalc(date: Date, range: DateRange) {\n  return range.startDate && isSameDay(date, range.startDate)\n}\n\n// date selected is end date\nfunction isEndDateCalc(date: Date, range: DateRange) {\n  return range.endDate && isSameDay(date, range.endDate)\n}\n\n// date is between startDate (exclusive) and hoverDate (inclusive)\nfunction isPreviewCalc(\n  date: Date,\n  startDate: Date,\n  endDate: Date,\n  hoverDate: Date\n) {\n  const { startDate: start, endDate: end } = toRange(startDate, hoverDate)\n  return (\n    startDate &&\n    !endDate &&\n    // To exclude \"isPreview\" from startDate/endDate, we have to enable these two lines\n    // !isStartDate(date, previewRange) &&\n    // !isEndDate(date, previewRange) &&\n    isValid(start) &&\n    isValid(end) &&\n    isWithinInterval(date, {\n      start,\n      end,\n    })\n  )\n}\n\nexport function correctV1Format(date: string) {\n  // for backwards compatibility\n  // TODO: Remove this in next major version\n  if (/YYYY/.test(date) && /DD/.test(date)) {\n    warn(\n      'You are using \"YYYY-MM-DD\" as the dateFormat or returnFormat? Please use \"yyyy-MM-dd\" instead!'\n    )\n    date = date.replace(/DD/, 'dd').replace(/YYYY/, 'yyyy')\n  }\n\n  return date\n}\n\nexport function convertStringToDate(\n  date: string | Date,\n  { dateFormat = null }: { dateFormat?: string | null } = {}\n): Date {\n  if (!date) {\n    return null\n  }\n\n  let dateObject: Date\n  dateObject = typeof date === 'string' ? parseISO(date) : toDate(date)\n\n  // check one more time if we can generate a valid date\n  if (typeof date === 'string' && dateFormat && !isValid(dateObject)) {\n    dateFormat = correctV1Format(dateFormat)\n    dateObject = parse(date, dateFormat, new Date())\n  }\n\n  // rather return null than an invalid date\n  if (!isValid(dateObject)) {\n    warn('convertStringToDate got invalid date:', date)\n    return null\n  }\n\n  return dateObject\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DatePickerCalc.js","names":["subMonths","addMonths","isWithinInterval","isValid","isAfter","isBefore","isSameDay","isToday","isSameMonth","addDays","startOfWeek","getDay","startOfMonth","getDaysInMonth","toDate","parseISO","parse","startOfDay","warn","LOCALE","calendarCache","makeDayObject","date","_ref","startDate","endDate","hoverDate","minDate","maxDate","month","range","getRange","isLastMonth","isNextMonth","isStartDate","isStartDateCalc","isEndDate","isEndDateCalc","isWithinSelection","isWithinSelectionCalc","isPreview","isPreviewCalc","isDisabled","isDisabledCalc","isSelectable","isInactive","getCalendar","weekStartsOn","arguments","length","undefined","onlyMonth","hideNextMonthWeek","cacheKey","toISOString","thisMonth","getMonth","firstDay","lastMonth","fillCount","nextMonth","dayOffset","dayName","week","indexOf","toLowerCase","toRange","_startDate","getWeek","startDay","Date","Array","fill","map","value","i","skip","limit","size","Math","min","max","start","end","correctV1Format","test","replace","convertStringToDate","dateFormat","dateObject","formatDate","dateValue","locale","variant","formatOptions","options","getFormatOptions","Intl","DateTimeFormat","format","toLocaleString","formatDateRange","dates","formatRange","startDateString","endDateString","day","year"],"sources":["../../../../src/components/date-picker/DatePickerCalc.ts"],"sourcesContent":["/**\n * Web DatePicker Component\n *\n */\n\n// date-fns\nimport subMonths from 'date-fns/subMonths'\nimport addMonths from 'date-fns/addMonths'\nimport isWithinInterval from 'date-fns/isWithinInterval'\nimport isValid from 'date-fns/isValid'\nimport isAfter from 'date-fns/isAfter'\nimport isBefore from 'date-fns/isBefore'\nimport isSameDay from 'date-fns/isSameDay'\nimport isToday from 'date-fns/isToday'\nimport isSameMonth from 'date-fns/isSameMonth'\nimport addDays from 'date-fns/addDays'\nimport startOfWeek from 'date-fns/startOfWeek'\nimport getDay from 'date-fns/getDay'\nimport startOfMonth from 'date-fns/startOfMonth'\nimport getDaysInMonth from 'date-fns/getDaysInMonth'\nimport toDate from 'date-fns/toDate'\nimport parseISO from 'date-fns/parseISO'\nimport parse from 'date-fns/parse'\nimport startOfDay from 'date-fns/startOfDay'\n\nimport { warn } from '../../shared/component-helper'\nimport { AnyLocale } from '../../shared/Context'\nimport { LOCALE } from '../../shared/defaults'\nimport { DateType } from './DatePickerContext'\n\ntype ZeroDayIndex = 0 | 1 | 2 | 3 | 4 | 5 | 6\n\ntype DateRange = { startDate: Date; endDate: Date }\n\nconst calendarCache: { [isoString: string]: Date[] } = {}\n\n// Is used as DatePickerCalc\nexport function makeDayObject(\n  date: Date,\n  {\n    startDate,\n    endDate,\n    hoverDate,\n    minDate,\n    maxDate,\n    month,\n  }: Record<string, Date>\n) {\n  const range = getRange(startDate, endDate, hoverDate)\n  const isLastMonth = isSameMonth(subMonths(date, 1), month)\n  const isNextMonth = isSameMonth(addMonths(date, 1), month)\n  const isStartDate = isStartDateCalc(date, range)\n  const isEndDate = isEndDateCalc(date, range)\n  const isWithinSelection = isWithinSelectionCalc(date, startDate, endDate)\n  const isPreview = isPreviewCalc(date, startDate, endDate, hoverDate)\n  const isDisabled = isDisabledCalc(date, minDate, maxDate)\n\n  return {\n    date,\n    isToday: isToday(date),\n    isLastMonth,\n    isNextMonth,\n    isStartDate,\n    isEndDate,\n    isWithinSelection,\n    isPreview,\n    isDisabled,\n    isSelectable: !isLastMonth && !isNextMonth && !isDisabled,\n    isInactive: isLastMonth || isNextMonth || isDisabled,\n  }\n}\n\n// return an array of objects with dates and extra info\nexport function getCalendar(\n  month: Date,\n  weekStartsOn = 0,\n  {\n    onlyMonth = false,\n    hideNextMonthWeek = false,\n  }: { onlyMonth?: boolean; hideNextMonthWeek?: boolean } = {}\n) {\n  const cacheKey = month.toISOString()\n\n  // Get the main month\n  const thisMonth = getMonth(month)\n  if (onlyMonth) {\n    return (calendarCache[cacheKey] = [...thisMonth])\n  }\n\n  if (calendarCache[cacheKey]) {\n    return calendarCache[cacheKey]\n  }\n\n  // Get day of the week of the first day of month, e.g. => 3\n  // Add 7 days 7 to make sure it's not negative when subtracting weekStartsOn and wraps around\n  const firstDay = (7 + getDay(startOfMonth(month)) - weekStartsOn) % 7\n  const lastMonth = getMonth(\n    subMonths(month, 1),\n    getDaysInMonth(subMonths(month, 1)) - firstDay\n  )\n  let fillCount = -1\n  if (hideNextMonthWeek) {\n    // use this variant if it is OK with empty slots at the bottom\n    fillCount = 35 - (thisMonth.length + firstDay)\n  }\n  if (fillCount < 0) {\n    fillCount = 42 - (thisMonth.length + firstDay)\n  }\n  const nextMonth = getMonth(\n    addMonths(month, 1),\n    0,\n    fillCount > -1 ? fillCount : 0\n  )\n  return (calendarCache[cacheKey] = [\n    ...lastMonth,\n    ...thisMonth,\n    ...nextMonth,\n  ])\n}\n\n// calculates offset from Sunday, e.g. Monday is +1\nexport function dayOffset(dayName: string) {\n  const week = [\n    'sunday',\n    'monday',\n    'tuesday',\n    'wednesday',\n    'thursday',\n    'friday',\n    'saturday',\n  ]\n  return (\n    dayName ? week.indexOf(dayName.toLowerCase()) : 0\n  ) as ZeroDayIndex\n}\n\n// creates a date range object and automatically swaps startDate and endDate if endDate is before startDate\nexport function toRange(startDate: Date, endDate: Date) {\n  if (isBefore(endDate, startDate)) {\n    const _startDate = startDate\n    startDate = endDate\n    endDate = _startDate\n  }\n  return { startDate, endDate }\n}\n\n// returns startDate and endDate if both dates are selected\n// otherwise uses the startDate and hoverDate\n// unless user hasn't hovered, then use start date twice\nfunction getRange(startDate: Date, endDate: Date, hoverDate: Date) {\n  if (startDate && endDate) {\n    return toRange(startDate, endDate)\n  } else if (startDate && hoverDate) {\n    return toRange(startDate, hoverDate)\n  } else {\n    return toRange(startDate, startDate)\n  }\n}\n\n// returns an array of dates for each day of the current week\n// weekStartsOn is a number, use dayOffset to convert from a string\nexport function getWeek(weekStartsOn?: ZeroDayIndex) {\n  const startDay = startOfWeek(new Date(), { weekStartsOn })\n  return Array(7)\n    .fill(1)\n    .map((value, i) => addDays(startDay, i))\n}\n\n// returns an array of dates of the month, optionally skip x number of days\nexport function getMonth(month: Date, skip = 0, limit?: number) {\n  const startDay = startOfMonth(month)\n  let size = getDaysInMonth(month) - skip\n  size = Math.min(Math.max(size, 0), limit > -1 ? limit : size)\n  size = size < 0 ? 0 : size\n  return Array(size)\n    .fill(1)\n    .map((value, i) => addDays(startDay, i + skip))\n}\n\n// date is between selection range\nfunction isWithinSelectionCalc(\n  date: Date,\n  startDate: Date,\n  endDate: Date\n) {\n  const { startDate: start, endDate: end } = toRange(startDate, endDate)\n  return startDate && endDate\n    ? isValid(start) &&\n        isValid(end) &&\n        isWithinInterval(date, {\n          start,\n          end,\n        })\n    : false\n}\n\n// date is before minDate or after maxDate\nfunction isDisabledCalc(date: Date, minDate: Date, maxDate: Date) {\n  // isBefore and isAfter return false if comparison date is undefined, which is useful here in case minDate and maxDate aren't provided\n\n  return (\n    (minDate && isBefore(startOfDay(date), startOfDay(minDate))) ||\n    (maxDate && isAfter(startOfDay(date), startOfDay(maxDate)))\n  )\n}\nexport { isDisabledCalc as isDisabled }\n\n// date selected is start date\nfunction isStartDateCalc(date: Date, range: DateRange) {\n  return range.startDate && isSameDay(date, range.startDate)\n}\n\n// date selected is end date\nfunction isEndDateCalc(date: Date, range: DateRange) {\n  return range.endDate && isSameDay(date, range.endDate)\n}\n\n// date is between startDate (exclusive) and hoverDate (inclusive)\nfunction isPreviewCalc(\n  date: Date,\n  startDate: Date,\n  endDate: Date,\n  hoverDate: Date\n) {\n  const { startDate: start, endDate: end } = toRange(startDate, hoverDate)\n  return (\n    startDate &&\n    !endDate &&\n    // To exclude \"isPreview\" from startDate/endDate, we have to enable these two lines\n    // !isStartDate(date, previewRange) &&\n    // !isEndDate(date, previewRange) &&\n    isValid(start) &&\n    isValid(end) &&\n    isWithinInterval(date, {\n      start,\n      end,\n    })\n  )\n}\n\nexport function correctV1Format(date: string) {\n  // for backwards compatibility\n  // TODO: Remove this in next major version\n  if (/YYYY/.test(date) && /DD/.test(date)) {\n    warn(\n      'You are using \"YYYY-MM-DD\" as the dateFormat or returnFormat? Please use \"yyyy-MM-dd\" instead!'\n    )\n    date = date.replace(/DD/, 'dd').replace(/YYYY/, 'yyyy')\n  }\n\n  return date\n}\n\nexport function convertStringToDate(\n  date: string | Date,\n  { dateFormat = null }: { dateFormat?: string | null } = {}\n): Date {\n  if (!date) {\n    return null\n  }\n\n  let dateObject: Date\n  dateObject = typeof date === 'string' ? parseISO(date) : toDate(date)\n\n  // check one more time if we can generate a valid date\n  if (typeof date === 'string' && dateFormat && !isValid(dateObject)) {\n    dateFormat = correctV1Format(dateFormat)\n    dateObject = parse(date, dateFormat, new Date())\n  }\n\n  // rather return null than an invalid date\n  if (!isValid(dateObject)) {\n    warn('convertStringToDate got invalid date:', date)\n    return null\n  }\n\n  return dateObject\n}\n\nexport type FormatDateOptions = {\n  locale?: AnyLocale\n  variant?: 'long' | 'short' | 'numeric'\n  formatOptions?: Intl.DateTimeFormatOptions\n}\n\nexport function formatDate(\n  dateValue: DateType,\n  {\n    locale = LOCALE,\n    variant = 'numeric',\n    formatOptions = undefined,\n  }: FormatDateOptions = {}\n) {\n  const options = formatOptions ?? getFormatOptions(variant)\n\n  const date = convertStringToDate(dateValue)\n\n  return typeof Intl !== 'undefined'\n    ? new Intl.DateTimeFormat(locale, options).format(date)\n    : date.toLocaleString(locale, options)\n}\n\nexport function formatDateRange(\n  dates: { startDate: DateType; endDate: DateType },\n  {\n    locale = LOCALE,\n    variant = 'numeric',\n    formatOptions = undefined,\n  }: FormatDateOptions = {}\n) {\n  const options = formatOptions ?? getFormatOptions(variant)\n\n  const startDate = convertStringToDate(dates.startDate)\n  const endDate = convertStringToDate(dates.endDate)\n\n  if (typeof Intl !== 'undefined') {\n    return new Intl.DateTimeFormat(locale, options).formatRange(\n      startDate,\n      endDate\n    )\n  }\n\n  const startDateString = startDate.toLocaleString(locale, options)\n  const endDateString = endDate.toLocaleString(locale, options)\n\n  return `${startDateString}-${endDateString}`\n}\n\nexport function getFormatOptions(\n  variant: FormatDateOptions['variant']\n): Intl.DateTimeFormatOptions {\n  if (variant === 'numeric') {\n    return {\n      day: '2-digit',\n      month: '2-digit',\n      year: 'numeric',\n    } as const\n  }\n\n  return {\n    day: 'numeric',\n    month: variant,\n    year: 'numeric',\n  } as const\n}\n"],"mappings":"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","ignoreList":[]}

package/components/date-picker/DatePickerCalendar.js

@@ -71,7 +71,7 @@ function DatePickerCalendar(restOfProps) {
   const props = _objectSpread(_objectSpread({}, defaultProps), restOfProps);
   const {
     updateDates,
-    forceViewMonthChange,
+    setHasClickedCalendarDay,
     startDate,
     endDate,
     hoverDate,
@@ -112,14 +112,14 @@ function DatePickerCalendar(restOfProps) {
     hideNextMonthWeek,
     onlyMonth
   } = props;
-  const listRef = useRef();
+  const tableRef = useRef();
   const labelRef = useRef();
   const days = useRef({});
   const cache = useRef({});
   useEffect(() => {
     if (!noAutoFocus && nr === 0) {
-      if (listRef.current) {
-        listRef.current.focus({
+      if (tableRef.current) {
+        tableRef.current.focus({
           preventScroll: true
         });
       }
@@ -189,7 +189,7 @@ function DatePickerCalendar(restOfProps) {
   const onKeyDownHandler = useCallback(event => {
     const pressedKey = event.code;
     if (typeof onKeyDown === 'function') {
-      return onKeyDown(event, listRef, nr);
+      return onKeyDown(event, tableRef, nr);
     }
     if (!keysToHandle.includes(pressedKey)) {
       return;
@@ -246,13 +246,12 @@ function DatePickerCalendar(restOfProps) {
         hidePicker: false
       }, dates));
     });
-    forceViewMonthChange();
-    if (listRef && listRef.current) {
-      listRef.current.focus({
+    if (tableRef && tableRef.current) {
+      tableRef.current.focus({
         preventScroll: true
       });
     }
-  }, [callOnSelect, findValid, hasReachedEnd, onKeyDown, startDate, endDate, updateDates, hideNav, isRange, keyNavCalc, nr, onlyMonth, endMonth, startMonth, forceViewMonthChange]);
+  }, [callOnSelect, findValid, hasReachedEnd, onKeyDown, startDate, endDate, updateDates, hideNav, isRange, keyNavCalc, nr, onlyMonth, endMonth, startMonth]);
   const cacheKey = useMemo(() => {
     return [nr, month, firstDayOfWeek, onlyMonth, hideNextMonthWeek, startDate, endDate, hoverDate, maxDate, minDate].join('|');
   }, [nr, month, firstDayOfWeek, onlyMonth, hideNextMonthWeek, startDate, endDate, hoverDate, maxDate, minDate]);
@@ -313,7 +312,7 @@ function DatePickerCalendar(restOfProps) {
     "aria-labelledby": `${id}--title`,
     onKeyDown: onKeyDownHandler,
     onMouseLeave: onMouseLeaveHandler,
-    ref: listRef
+    ref: tableRef
   }, !hideDays && React.createElement("thead", {
     "aria-hidden": true
   }, React.createElement("tr", {
@@ -380,6 +379,7 @@ function DatePickerCalendar(restOfProps) {
             endDate,
             resetDate,
             event,
+            setHasClickedCalendarDay,
             onSelect: state => {
               updateDates(state, dates => callOnSelect(_objectSpread(_objectSpread({}, dates), {}, {
                 event,
@@ -444,7 +444,8 @@ function onSelectRange(_ref3) {
     endDate,
     onSelect,
     resetDate,
-    event
+    event,
+    setHasClickedCalendarDay
   } = _ref3;
   event.persist();
   if (!isRange) {
@@ -454,6 +455,7 @@ function onSelectRange(_ref3) {
       event
     });
   }
+  setHasClickedCalendarDay(true);
   if (!startDate || resetDate && startDate && endDate) {
     return onSelect({
       startDate: startOfDay(day.date),