npm - @dnb/eufemia - Versions diffs - 10.69.1 → 10.70.1 - Mend

@dnb/eufemia 10.69.1 → 10.70.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (918) hide show

package/es/components/button/ButtonDocs.js.map CHANGED Viewed

	@@ -1 +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":[]}
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","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/es/components/checkbox/CheckboxDocs.js CHANGED Viewed

@@ -36,7 +36,7 @@ export const 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: {
@@ -66,7 +66,7 @@ export const 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/es/components/checkbox/CheckboxDocs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckboxDocs.js","names":["CheckboxProperties","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":"AAEA,OAAO,MAAMA,kBAAwC,GAAG;EACtDC,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;AAED,OAAO,MAAMa,cAAoC,GAAG;EAClDC,QAAQ,EAAE;IACRhB,GAAG,EAAE,mDAAmD;IACxDC,IAAI,EAAE,8CAA8C;IACpDC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"CheckboxDocs.js","names":["CheckboxProperties","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":"AAEA,OAAO,MAAMA,kBAAwC,GAAG;EACtDC,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;AAED,OAAO,MAAMa,cAAoC,GAAG;EAClDC,QAAQ,EAAE;IACRhB,GAAG,EAAE,mDAAmD;IACxDC,IAAI,EAAE,8CAA8C;IACpDC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/es/components/date-picker/DatePickerAddon.js CHANGED Viewed

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

package/es/components/date-picker/DatePickerAddon.js.map CHANGED Viewed

	@@ -1 +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","setDate","shortcut","close_on_select","_objectSpread","focusOnHide","shortcutsArray","JSON","parse","hasShortcuts","length","shortcutElements","createElement","Fragment","map","_ref","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,CAAC;~~IACCY~~,SAAS;IACTC,OAAO;IACPQ,KAAK,GAAG;EAKV,CAAC,GAAG,CAAC,CAAC,KAAK;~~IACTb~~,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,~~MAAMa~~,OAAO,~~GAAGtB~~,WAAW,CACzB,CAAC;~~IACCuB~~,QAAQ;IACRF;EAIF,CAAC,KAAK;IACJ,MAAMH,UAAU,GAAGK,QAAQ,CAACN,IAAI,IAAIM,QAAQ,CAACL,UAAU;IACvD,MAAMC,QAAQ,GAAGI,QAAQ,CAACJ,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,IAAIE,QAAQ,CAACC,eAAe,EAAE;MAC5Bb,UAAU,CAAAc,aAAA,CAAAA,aAAA,KAAMJ,KAAK;QAAEK,WAAW,EAAE;MAAI,EAAE,CAAC;IAC7C;EACF,CAAC,EACD,CAACN,YAAY,EAAEJ,YAAY,EAAEL,UAAU,CACzC,CAAC;EAED,MAAMgB,cAAyC,~~GAAGzB~~,OAAO,CACvD,~~MACEY~~,SAAS,GACL,OAAOA,SAAS,KAAK,QAAQ,GAC3Bc,IAAI,CAACC,KAAK,CAACf,SAAS,CAAC,GACrBA,SAAS,GACX,EAAE,EACR,CAACA,SAAS,CACZ,CAAC;EAED,MAAMgB,YAAY,GAAGH,cAAc,IAAIA,cAAc,CAACI,MAAM,GAAG,CAAC;EAEhE,MAAMC,gBAAgB,~~GAAG9B~~,OAAO,CAC9B,~~MACE4B~~,YAAY,~~IACV/B~~,KAAA,~~CAAAkC~~,aAAA,~~CAAAlC~~,KAAA,~~CAAAmC~~,QAAA,QACGP,cAAc,CAACQ,GAAG,CAAC,CAAAC,IAAA,EAAyBC,CAAS,KAAK;IAAA,IAAtC;QAAEC;MAAmB,CAAC,GAAAF,IAAA;MAAVb,QAAQ,GAAAgB,wBAAA,CAAAH,IAAA,EAAAI,SAAA;IACvC,~~OACEzC~~,KAAA,~~CAAAkC~~,aAAA,~~CAAC7B~~,MAAM;~~MACLqC~~,GAAG,EAAEJ,CAAE;MACPK,IAAI,EAAEJ,KAAM;MACZK,OAAO,EAAC,WAAW;MACnBC,OAAO,EAAGvB,KAAK,IAAKC,OAAO,CAAC;QAAEC,QAAQ;QAAEF;MAAM,CAAC;IAAE,CAClD,CAAC;EAEN,CAAC,CACD,CACH,EACH,CAACS,YAAY,EAAEH,cAAc,EAAEL,OAAO,CACxC,CAAC;EAED,IAAI,CAACQ,YAAY,IAAI,CAACf,aAAa,EAAE;IACnC,OAAA8B,SAAA,KAAAA,SAAA,~~GAAO9C~~,KAAA,~~CAAAkC~~,aAAA,~~CAAAlC~~,KAAA,~~CAAAmC~~,QAAA,MAAI,CAAC;EACd;EAEA,~~OACEnC~~,KAAA,~~CAAAkC~~,aAAA;IAAKa,SAAS,EAAC;EAAwB,GACpC/B,aAAa,EACbiB,gBACE,CAAC;AAEV;AAEA,~~eAAe1B~~,eAAe","ignoreList":[]}
1	+ {"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","setDate","shortcut","close_on_select","_objectSpread","focusOnHide","shortcutsArray","JSON","parse","hasShortcuts","length","shortcutElements","createElement","Fragment","map","_ref","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/es/components/date-picker/DatePickerCalc.d.ts CHANGED Viewed

@@ -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/es/components/date-picker/DatePickerCalc.js CHANGED Viewed

@@ -17,6 +17,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, {
   startDate,
@@ -164,4 +165,42 @@ export function convertStringToDate(date, {
   }
   return dateObject;
 }
+export function formatDate(dateValue, {
+  locale = LOCALE,
+  variant = 'numeric',
+  formatOptions = undefined
+} = {}) {
+  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, {
+  locale = LOCALE,
+  variant = 'numeric',
+  formatOptions = undefined
+} = {}) {
+  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/es/components/date-picker/DatePickerCalc.js.map CHANGED Viewed

	@@ -1 +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","startDate","endDate","hoverDate","minDate","maxDate","month","range","getRange","isLastMonth","isNextMonth","isStartDate","isStartDateCalc","isEndDate","isEndDateCalc","isWithinSelection","isWithinSelectionCalc","isPreview","isPreviewCalc","isDisabled","isDisabledCalc","isSelectable","isInactive","getCalendar","weekStartsOn","onlyMonth","hideNextMonthWeek","cacheKey","toISOString","thisMonth","getMonth","firstDay","lastMonth","fillCount","length","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":[]}
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","LOCALE","calendarCache","makeDayObject","date","startDate","endDate","hoverDate","minDate","maxDate","month","range","getRange","isLastMonth","isNextMonth","isStartDate","isStartDateCalc","isEndDate","isEndDateCalc","isWithinSelection","isWithinSelectionCalc","isPreview","isPreviewCalc","isDisabled","isDisabledCalc","isSelectable","isInactive","getCalendar","weekStartsOn","onlyMonth","hideNextMonthWeek","cacheKey","toISOString","thisMonth","getMonth","firstDay","lastMonth","fillCount","length","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","undefined","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/es/components/date-picker/DatePickerCalendar.js CHANGED Viewed

@@ -69,7 +69,7 @@ function DatePickerCalendar(restOfProps) {
   const props = _objectSpread(_objectSpread({}, defaultProps), restOfProps);
   const {
     updateDates,
-    forceViewMonthChange,
+    setHasClickedCalendarDay,
     startDate,
     endDate,
     hoverDate,
@@ -110,14 +110,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
         });
       }
@@ -187,7 +187,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;
@@ -244,13 +244,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]);
@@ -311,7 +310,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", {
@@ -376,6 +375,7 @@ function DatePickerCalendar(restOfProps) {
           endDate,
           resetDate,
           event,
+          setHasClickedCalendarDay,
           onSelect: state => {
             updateDates(state, dates => callOnSelect(_objectSpread(_objectSpread({}, dates), {}, {
               event,
@@ -437,7 +437,8 @@ function onSelectRange({
   endDate,
   onSelect,
   resetDate,
-  event
+  event,
+  setHasClickedCalendarDay
 }) {
   event.persist();
   if (!isRange) {
@@ -447,6 +448,7 @@ function onSelectRange({
       event
     });
   }
+  setHasClickedCalendarDay(true);
   if (!startDate || resetDate && startDate && endDate) {
     return onSelect({
       startDate: startOfDay(day.date),