@transferwise/components 46.22.1 → 46.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (143) hide show
  1. package/build/i18n/es.json +2 -2
  2. package/build/i18n/hu.json +2 -2
  3. package/build/i18n/zh-HK.json +2 -2
  4. package/build/index.esm.js +101 -79
  5. package/build/index.esm.js.map +1 -1
  6. package/build/index.js +103 -82
  7. package/build/index.js.map +1 -1
  8. package/build/types/actionOption/ActionOption.d.ts +3 -3
  9. package/build/types/actionOption/ActionOption.d.ts.map +1 -1
  10. package/build/types/actionOption/index.d.ts +1 -0
  11. package/build/types/actionOption/index.d.ts.map +1 -1
  12. package/build/types/badge/Badge.d.ts +2 -2
  13. package/build/types/badge/Badge.d.ts.map +1 -1
  14. package/build/types/common/dateUtils/getFormatForLocale/getFormatForLocale.d.ts +3 -0
  15. package/build/types/common/dateUtils/getFormatForLocale/getFormatForLocale.d.ts.map +1 -0
  16. package/build/types/common/dateUtils/index.d.ts +7 -6
  17. package/build/types/common/dateUtils/index.d.ts.map +1 -1
  18. package/build/types/dateInput/DateInput.d.ts.map +1 -1
  19. package/build/types/emphasis/Emphasis.d.ts +1 -1
  20. package/build/types/emphasis/Emphasis.d.ts.map +1 -1
  21. package/build/types/emphasis/EmphasisHtmlTransformer.d.ts +1 -1
  22. package/build/types/emphasis/EmphasisHtmlTransformer.d.ts.map +1 -1
  23. package/build/types/emphasis/index.d.ts +1 -0
  24. package/build/types/emphasis/index.d.ts.map +1 -1
  25. package/build/types/i18n/index.d.ts.map +1 -1
  26. package/build/types/index.d.ts +13 -0
  27. package/build/types/index.d.ts.map +1 -1
  28. package/build/types/inputs/SelectInput.d.ts.map +1 -1
  29. package/build/types/loader/Loader.d.ts +3 -3
  30. package/build/types/loader/Loader.d.ts.map +1 -1
  31. package/build/types/loader/index.d.ts +2 -2
  32. package/build/types/loader/index.d.ts.map +1 -1
  33. package/build/types/money/Money.d.ts +8 -11
  34. package/build/types/money/Money.d.ts.map +1 -1
  35. package/build/types/money/index.d.ts +2 -1
  36. package/build/types/money/index.d.ts.map +1 -1
  37. package/build/types/navigationOptionsList/NavigationOptionsList.d.ts +7 -10
  38. package/build/types/navigationOptionsList/NavigationOptionsList.d.ts.map +1 -1
  39. package/build/types/navigationOptionsList/index.d.ts +2 -1
  40. package/build/types/navigationOptionsList/index.d.ts.map +1 -1
  41. package/build/types/progress/Progress.d.ts +1 -1
  42. package/build/types/progress/Progress.d.ts.map +1 -1
  43. package/build/types/progress/index.d.ts +1 -0
  44. package/build/types/progress/index.d.ts.map +1 -1
  45. package/build/types/progressBar/index.d.ts +1 -0
  46. package/build/types/progressBar/index.d.ts.map +1 -1
  47. package/build/types/segmentedControl/SegmentedControl.d.ts.map +1 -1
  48. package/build/types/slidingPanel/SlidingPanel.d.ts.map +1 -1
  49. package/build/types/statusIcon/StatusIcon.d.ts +3 -3
  50. package/build/types/statusIcon/StatusIcon.d.ts.map +1 -1
  51. package/build/types/statusIcon/index.d.ts +2 -1
  52. package/build/types/statusIcon/index.d.ts.map +1 -1
  53. package/build/types/switch/Switch.d.ts +3 -3
  54. package/build/types/switch/Switch.d.ts.map +1 -1
  55. package/build/types/switch/index.d.ts +1 -0
  56. package/build/types/switch/index.d.ts.map +1 -1
  57. package/build/types/switchOption/SwitchOption.d.ts +3 -3
  58. package/build/types/switchOption/SwitchOption.d.ts.map +1 -1
  59. package/build/types/switchOption/index.d.ts +1 -0
  60. package/build/types/switchOption/index.d.ts.map +1 -1
  61. package/build/types/tooltip/Tooltip.d.ts +3 -3
  62. package/build/types/tooltip/Tooltip.d.ts.map +1 -1
  63. package/build/types/tooltip/index.d.ts +2 -2
  64. package/build/types/tooltip/index.d.ts.map +1 -1
  65. package/package.json +3 -4
  66. package/src/actionOption/{ActionOption.spec.js → ActionOption.spec.tsx} +2 -2
  67. package/src/actionOption/ActionOption.tsx +3 -3
  68. package/src/actionOption/index.ts +1 -0
  69. package/src/avatar/{Avatar.spec.js → Avatar.spec.tsx} +6 -13
  70. package/src/badge/{Badge.story.js → Badge.story.tsx} +1 -1
  71. package/src/badge/Badge.tsx +2 -2
  72. package/src/common/dateUtils/getFormatForLocale/getFormatForLocale.ts +2 -0
  73. package/src/common/dateUtils/index.ts +7 -6
  74. package/src/common/dateUtils/isMonthAndYearFormat/isMonthAndYearFormat.ts +1 -1
  75. package/src/dateInput/DateInput.spec.js +29 -9
  76. package/src/dateInput/DateInput.story.tsx +0 -3
  77. package/src/dateInput/DateInput.tsx +90 -48
  78. package/src/emphasis/{Emphasis.spec.js → Emphasis.spec.tsx} +2 -1
  79. package/src/emphasis/Emphasis.tsx +1 -1
  80. package/src/emphasis/{EmphasisHtmlTransformer.spec.js → EmphasisHtmlTransformer.spec.tsx} +0 -12
  81. package/src/emphasis/EmphasisHtmlTransformer.ts +1 -1
  82. package/src/emphasis/index.ts +1 -0
  83. package/src/i18n/es.json +2 -2
  84. package/src/i18n/hu.json +2 -2
  85. package/src/i18n/index.ts +1 -0
  86. package/src/i18n/zh-HK.json +2 -2
  87. package/src/index.ts +13 -0
  88. package/src/inputWithDisplayFormat/InputWithDisplayFormat.story.js +3 -2
  89. package/src/inputs/SelectInput.tsx +5 -3
  90. package/src/loader/Loader.tsx +3 -3
  91. package/src/loader/index.ts +2 -0
  92. package/src/money/{Money.spec.js → Money.spec.tsx} +1 -1
  93. package/src/money/{Money.js → Money.tsx} +6 -7
  94. package/src/money/index.ts +2 -0
  95. package/src/navigationOptionsList/NavigationOptionsList.tsx +20 -0
  96. package/src/navigationOptionsList/index.ts +2 -0
  97. package/src/progress/{Progress.spec.js → Progress.spec.tsx} +4 -3
  98. package/src/progress/Progress.tsx +1 -1
  99. package/src/progress/index.ts +1 -0
  100. package/src/progressBar/index.ts +1 -0
  101. package/src/radio/Radio.story.tsx +3 -4
  102. package/src/segmentedControl/SegmentedControl.tsx +1 -0
  103. package/src/slidingPanel/SlidingPanel.tsx +4 -4
  104. package/src/statusIcon/StatusIcon.spec.tsx +80 -0
  105. package/src/statusIcon/StatusIcon.tsx +3 -4
  106. package/src/statusIcon/index.ts +2 -0
  107. package/src/switch/Switch.story.tsx +4 -1
  108. package/src/switch/Switch.tsx +3 -3
  109. package/src/switch/index.ts +1 -0
  110. package/src/switchOption/{SwitchOption.spec.js → SwitchOption.spec.tsx} +8 -3
  111. package/src/switchOption/SwitchOption.tsx +3 -3
  112. package/src/switchOption/index.ts +1 -0
  113. package/src/tooltip/Tooltip.tsx +2 -2
  114. package/src/tooltip/index.ts +2 -0
  115. package/build/types/common/dateUtils/getDayNames/index.d.ts +0 -2
  116. package/build/types/common/dateUtils/getDayNames/index.d.ts.map +0 -1
  117. package/build/types/common/dateUtils/getMonthNames/index.d.ts +0 -2
  118. package/build/types/common/dateUtils/getMonthNames/index.d.ts.map +0 -1
  119. package/build/types/common/dateUtils/isDateValid/index.d.ts +0 -2
  120. package/build/types/common/dateUtils/isDateValid/index.d.ts.map +0 -1
  121. package/build/types/common/dateUtils/isWithinRange/index.d.ts +0 -2
  122. package/build/types/common/dateUtils/isWithinRange/index.d.ts.map +0 -1
  123. package/build/types/common/dateUtils/moveToWithinRange/index.d.ts +0 -2
  124. package/build/types/common/dateUtils/moveToWithinRange/index.d.ts.map +0 -1
  125. package/src/common/dateUtils/getDayNames/index.ts +0 -1
  126. package/src/common/dateUtils/getMonthNames/index.ts +0 -1
  127. package/src/common/dateUtils/isDateValid/index.ts +0 -1
  128. package/src/common/dateUtils/isWithinRange/index.ts +0 -1
  129. package/src/common/dateUtils/moveToWithinRange/index.ts +0 -1
  130. package/src/loader/index.js +0 -3
  131. package/src/money/index.js +0 -1
  132. package/src/navigationOptionsList/NavigationOptionsList.js +0 -20
  133. package/src/navigationOptionsList/index.js +0 -1
  134. package/src/statusIcon/StatusIcon.spec.js +0 -70
  135. package/src/statusIcon/index.js +0 -1
  136. package/src/tooltip/index.js +0 -3
  137. /package/src/badge/{Badge.spec.js → Badge.spec.tsx} +0 -0
  138. /package/src/loader/{Loader.spec.js → Loader.spec.tsx} +0 -0
  139. /package/src/navigationOptionsList/{NavigationOptionsList.spec.js → NavigationOptionsList.spec.tsx} +0 -0
  140. /package/src/navigationOptionsList/{NavigationOptionsList.story.js → NavigationOptionsList.story.tsx} +0 -0
  141. /package/src/progressBar/{ProgressBar.spec.js → ProgressBar.spec.tsx} +0 -0
  142. /package/src/switch/{Switch.spec.js → Switch.spec.tsx} +0 -0
  143. /package/src/switch/__snapshots__/{Switch.spec.js.snap → Switch.spec.tsx.snap} +0 -0
@@ -29,13 +29,13 @@
29
29
  "neptune.Upload.csButtonText": "¿Quieres subir otro archivo?",
30
30
  "neptune.Upload.csFailureText": "La carga del archivo ha fallado. Por favor, inténtalo de nuevo",
31
31
  "neptune.Upload.csSuccessText": "¡Se ha subido el archivo!",
32
- "neptune.Upload.csTooLargeMessage": "Por favor, sube un archivo de menos de {maxSize}MB",
32
+ "neptune.Upload.csTooLargeMessage": "Proporciona un archivo menor de {maxSize} MB",
33
33
  "neptune.Upload.csWrongTypeMessage": "Tipo de archivo no aceptado. Por favor, inténtalo de nuevo con un archivo diferente",
34
34
  "neptune.Upload.psButtonText": "Cancela",
35
35
  "neptune.Upload.psProcessingText": "Subiendo...",
36
36
  "neptune.Upload.usButtonText": "O selecciona un archivo",
37
37
  "neptune.Upload.usDropMessage": "Arrastra un archivo para subirlo",
38
- "neptune.Upload.usPlaceholder": "Arrastra y suelta un archivo menor de {maxSize}MB",
38
+ "neptune.Upload.usPlaceholder": "Arrastra y suelta un archivo de menos de {maxSize} MB",
39
39
  "neptune.UploadButton.allFileTypes": "Todos los tipos de archivos",
40
40
  "neptune.UploadButton.dropFiles": "Arrastra un archivo para subirlo",
41
41
  "neptune.UploadButton.instructions": "{fileTypes}, menor que {size}MB",
@@ -29,13 +29,13 @@
29
29
  "neptune.Upload.csButtonText": "Másik fájl feltöltése?",
30
30
  "neptune.Upload.csFailureText": "Feltöltés sikertelen. Kérünk, próbáld újra",
31
31
  "neptune.Upload.csSuccessText": "Feltöltés sikeres",
32
- "neptune.Upload.csTooLargeMessage": "Kérünk, {maxSize} MB-nál kisebb fájlt tölts fel",
32
+ "neptune.Upload.csTooLargeMessage": "Kérünk, olyan fájlt küldj el, amely kisebb mint {maxSize}MB",
33
33
  "neptune.Upload.csWrongTypeMessage": "Nem támogatott fájltípus. Kérünk, próbáld újra másik fájllal",
34
34
  "neptune.Upload.psButtonText": "Mégsem",
35
35
  "neptune.Upload.psProcessingText": "Feltöltés...",
36
36
  "neptune.Upload.usButtonText": "Vagy válaszd ki a fájlt",
37
37
  "neptune.Upload.usDropMessage": "Húzd ide a fájlokat a feltöltéshez",
38
- "neptune.Upload.usPlaceholder": "Húzz ide egy {maxSize} MB-nál kisebb fájlt",
38
+ "neptune.Upload.usPlaceholder": "Húzz ide egy legfeljebb {maxSize} MB méretű fájlt",
39
39
  "neptune.UploadButton.allFileTypes": "Összes fájltípus",
40
40
  "neptune.UploadButton.dropFiles": "Húzd a fájlokat ide a feltöltéshez",
41
41
  "neptune.UploadButton.instructions": "{fileTypes}, legfeljebb {size}MB",
@@ -29,13 +29,13 @@
29
29
  "neptune.Upload.csButtonText": "上載另一個檔案?",
30
30
  "neptune.Upload.csFailureText": "上載失敗,請重試。",
31
31
  "neptune.Upload.csSuccessText": "上載完成!",
32
- "neptune.Upload.csTooLargeMessage": "請提供小於{maxSize}MB的檔案",
32
+ "neptune.Upload.csTooLargeMessage": "請提供一個小於{maxSize}MB的檔案",
33
33
  "neptune.Upload.csWrongTypeMessage": "不支持檔案類型,請使用其他檔案重試",
34
34
  "neptune.Upload.psButtonText": "取消",
35
35
  "neptune.Upload.psProcessingText": "上載中...",
36
36
  "neptune.Upload.usButtonText": "或者選擇一個檔案",
37
37
  "neptune.Upload.usDropMessage": "拖放檔案以開始上載",
38
- "neptune.Upload.usPlaceholder": "拖放不超過{maxSize}MB的檔案",
38
+ "neptune.Upload.usPlaceholder": "拖放一個不超過{maxSize}MB的檔案",
39
39
  "neptune.UploadButton.allFileTypes": "所有檔案類型",
40
40
  "neptune.UploadButton.dropFiles": "拖放檔案以開始上載",
41
41
  "neptune.UploadButton.instructions": "{fileTypes},小於{size}MB",
@@ -1,7 +1,7 @@
1
1
  import classNames from 'classnames';
2
2
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
3
3
  import * as React from 'react';
4
- import React__default, { forwardRef, cloneElement, useState, useRef, useMemo, useEffect, useCallback, useLayoutEffect, createContext, useContext, createElement, Component, PureComponent, createRef, isValidElement, Children, Fragment as Fragment$1 } from 'react';
4
+ import React__default, { forwardRef, cloneElement, useState, useRef, useMemo, useEffect, useCallback, useLayoutEffect, createContext, useContext, useImperativeHandle, createElement, Component, PureComponent, createRef, isValidElement, Children, Fragment as Fragment$1 } from 'react';
5
5
  import { useId } from '@radix-ui/react-id';
6
6
  import { ChevronUp, CrossCircleFill, Cross, NavigateAway, Check, Info as Info$1, Alert as Alert$2, ClockBorderless, CheckCircle, InfoCircle, Warning, CrossCircle, Clock, Briefcase, Person, ArrowLeft, QuestionMarkCircle, AlertCircle, Search, ChevronDown, CheckCircleFill, ArrowRight, Download, ClockFill, Upload as Upload$2, Document, Plus, PlusCircle, AlertCircleFill } from '@transferwise/icons';
7
7
  import { defineMessages, useIntl, injectIntl, IntlProvider } from 'react-intl';
@@ -10,7 +10,6 @@ import { useTheme, ThemeProvider } from '@wise/components-theming';
10
10
  import { formatDate, formatNumber, formatMoney, formatAmount } from '@transferwise/formatting';
11
11
  import { Transition, Listbox } from '@headlessui/react';
12
12
  import mergeProps from 'merge-props';
13
- import mergeRefs from 'react-merge-refs';
14
13
  import { useSyncExternalStore } from 'use-sync-external-store/shim';
15
14
  import { useFloating, useDismiss, useRole, useInteractions, FloatingPortal, FloatingFocusManager, offset, flip, shift, size, autoUpdate } from '@floating-ui/react';
16
15
  import { FocusScope } from '@react-aria/focus';
@@ -778,7 +777,7 @@ const Link = ({
778
777
 
779
778
  const StatusIcon = ({
780
779
  sentiment = Sentiment.NEUTRAL,
781
- size
780
+ size = Size.MEDIUM
782
781
  }) => {
783
782
  const iconTypeMap = {
784
783
  [Sentiment.POSITIVE]: Check,
@@ -1762,6 +1761,7 @@ const SlidingPanel = /*#__PURE__*/forwardRef(({
1762
1761
  ...rest
1763
1762
  }, reference) => {
1764
1763
  const localReference = useRef(null);
1764
+ useImperativeHandle(reference, () => localReference.current, []);
1765
1765
  return /*#__PURE__*/createElement(CSSTransition, {
1766
1766
  ...rest,
1767
1767
  key: `sliding-panel--open-${position}`,
@@ -1777,7 +1777,7 @@ const SlidingPanel = /*#__PURE__*/forwardRef(({
1777
1777
  appear: true,
1778
1778
  unmountOnExit: true
1779
1779
  }, /*#__PURE__*/jsx("div", {
1780
- ref: mergeRefs([reference, localReference]),
1780
+ ref: localReference,
1781
1781
  className: classNames('sliding-panel', `sliding-panel--open-${position}`, showSlidingPanelBorder && `sliding-panel--border-${position}`, slidingPanelPositionFixed && 'sliding-panel--fixed', className),
1782
1782
  children: children
1783
1783
  }));
@@ -2697,6 +2697,9 @@ const validDateObject = dateObject => !isNaN(dateObject.getTime());
2697
2697
 
2698
2698
  const isMonthAndYearFormat = dateString => validDateString(dateString) && dateString.split('-').length < 3;
2699
2699
 
2700
+ const MDY = new Set(['en-US']);
2701
+ const YMD = new Set(['hu', 'hu-HU', 'zh-HK', 'zh-CN', 'ja', 'ja-JP']);
2702
+
2700
2703
  var messages$9 = defineMessages({
2701
2704
  monthLabel: {
2702
2705
  id: "neptune.DateInput.month.label"
@@ -2720,7 +2723,6 @@ const convertToLocalMidnight = date => {
2720
2723
  return new Date(utcDate.getUTCFullYear(), utcDate.getUTCMonth(), utcDate.getUTCDate());
2721
2724
  };
2722
2725
 
2723
- const MonthBeforeDay = new Set(['en-US', 'ja-JP']);
2724
2726
  const DateInput = ({
2725
2727
  'aria-labelledby': ariaLabelledBy,
2726
2728
  'aria-label': ariaLabel,
@@ -2910,7 +2912,64 @@ const DateInput = ({
2910
2912
  'col-sm-8': monthYearOnly,
2911
2913
  'col-sm-5': !monthYearOnly
2912
2914
  });
2913
- const monthBeforeDay = MonthBeforeDay.has(locale);
2915
+ const getMonth = () => {
2916
+ return /*#__PURE__*/jsx("div", {
2917
+ className: monthWidth,
2918
+ children: getSelectElement()
2919
+ });
2920
+ };
2921
+ const getDay = () => {
2922
+ return /*#__PURE__*/jsx("div", {
2923
+ className: "col-sm-3",
2924
+ children: /*#__PURE__*/jsxs("label", {
2925
+ children: [/*#__PURE__*/jsx("span", {
2926
+ className: "sr-only",
2927
+ children: dayLabel
2928
+ }), /*#__PURE__*/jsx("div", {
2929
+ className: `input-group input-group-${size}`,
2930
+ children: /*#__PURE__*/jsx(Input, {
2931
+ type: "text",
2932
+ inputMode: "numeric",
2933
+ pattern: "[0-9]*",
2934
+ name: "day",
2935
+ autoComplete: dayAutoComplete,
2936
+ value: day || '',
2937
+ placeholder: placeholders?.day,
2938
+ disabled: disabled,
2939
+ min: 1,
2940
+ onChange: event => handleDayChange(event)
2941
+ })
2942
+ })]
2943
+ })
2944
+ });
2945
+ };
2946
+ const getYear = () => {
2947
+ return /*#__PURE__*/jsx("div", {
2948
+ className: "col-sm-4",
2949
+ children: /*#__PURE__*/jsxs("label", {
2950
+ children: [/*#__PURE__*/jsx("span", {
2951
+ className: "sr-only",
2952
+ children: yearLabel
2953
+ }), /*#__PURE__*/jsx("div", {
2954
+ className: `input-group input-group-${size}`,
2955
+ children: /*#__PURE__*/jsx(Input, {
2956
+ type: "text",
2957
+ inputMode: "numeric",
2958
+ pattern: "[0-9]*",
2959
+ name: "year",
2960
+ autoComplete: yearAutoComplete,
2961
+ placeholder: placeholders?.year,
2962
+ value: year || '',
2963
+ disabled: disabled,
2964
+ min: 1,
2965
+ onChange: event => handleYearChange(event)
2966
+ })
2967
+ })]
2968
+ })
2969
+ });
2970
+ };
2971
+ const monthBeforeDay = MDY.has(locale);
2972
+ const yearFirst = YMD.has(locale);
2914
2973
  return /*#__PURE__*/jsx("div", {
2915
2974
  className: "tw-date",
2916
2975
  id: id,
@@ -2920,59 +2979,28 @@ const DateInput = ({
2920
2979
  ,
2921
2980
  onFocus: event => shouldPropagateOnFocus(event) ? onFocus && onFocus(event) : event.stopPropagation(),
2922
2981
  onBlur: event => shouldPropagateOnBlur(event) ? onBlur && onBlur(event) : event.stopPropagation(),
2923
- children: /*#__PURE__*/jsxs("div", {
2982
+ children: /*#__PURE__*/jsx("div", {
2924
2983
  className: "row",
2925
- children: [monthBeforeDay && /*#__PURE__*/jsx("div", {
2926
- className: monthWidth,
2927
- children: getSelectElement()
2928
- }), !monthYearOnly && /*#__PURE__*/jsx("div", {
2929
- className: "col-sm-3",
2930
- children: /*#__PURE__*/jsxs("label", {
2931
- children: [/*#__PURE__*/jsx("span", {
2932
- className: "sr-only",
2933
- children: dayLabel
2934
- }), /*#__PURE__*/jsx("div", {
2935
- className: `input-group input-group-${size}`,
2936
- children: /*#__PURE__*/jsx(Input, {
2937
- type: "text",
2938
- inputMode: "numeric",
2939
- pattern: "[0-9]*",
2940
- name: "day",
2941
- autoComplete: dayAutoComplete,
2942
- value: day || '',
2943
- placeholder: placeholders.day,
2944
- disabled: disabled,
2945
- min: 1,
2946
- onChange: event => handleDayChange(event)
2947
- })
2948
- })]
2949
- })
2950
- }), !monthBeforeDay && /*#__PURE__*/jsx("div", {
2951
- className: monthWidth,
2952
- children: getSelectElement()
2953
- }), /*#__PURE__*/jsx("div", {
2954
- className: "col-sm-4",
2955
- children: /*#__PURE__*/jsxs("label", {
2956
- children: [/*#__PURE__*/jsx("span", {
2957
- className: "sr-only",
2958
- children: yearLabel
2959
- }), /*#__PURE__*/jsx("div", {
2960
- className: `input-group input-group-${size}`,
2961
- children: /*#__PURE__*/jsx(Input, {
2962
- type: "text",
2963
- inputMode: "numeric",
2964
- pattern: "[0-9]*",
2965
- name: "year",
2966
- autoComplete: yearAutoComplete,
2967
- placeholder: placeholders.year,
2968
- value: year || '',
2969
- disabled: disabled,
2970
- min: 1,
2971
- onChange: event => handleYearChange(event)
2972
- })
2973
- })]
2974
- })
2975
- })]
2984
+ children: (() => {
2985
+ if (monthYearOnly) {
2986
+ return /*#__PURE__*/jsxs(Fragment, {
2987
+ children: [!yearFirst && getMonth(), getYear(), yearFirst && getMonth()]
2988
+ });
2989
+ }
2990
+ if (monthBeforeDay) {
2991
+ return /*#__PURE__*/jsxs(Fragment, {
2992
+ children: [getMonth(), getDay(), getYear()]
2993
+ });
2994
+ } else if (yearFirst) {
2995
+ return /*#__PURE__*/jsxs(Fragment, {
2996
+ children: [getYear(), getMonth(), getDay()]
2997
+ });
2998
+ } else {
2999
+ return /*#__PURE__*/jsxs(Fragment, {
3000
+ children: [getDay(), getMonth(), getYear()]
3001
+ });
3002
+ }
3003
+ })()
2976
3004
  })
2977
3005
  });
2978
3006
  };
@@ -5339,7 +5367,6 @@ const Tooltip = ({
5339
5367
  })
5340
5368
  });
5341
5369
  };
5342
- var Tooltip$1 = Tooltip;
5343
5370
 
5344
5371
  function supportsTouchEvents() {
5345
5372
  const onTouchStartIsDefined = typeof window !== 'undefined' && window.ontouchstart !== undefined;
@@ -5400,7 +5427,7 @@ const Stepper = ({
5400
5427
  } : {
5401
5428
  left: `${index * stepPercentage * 100}%`
5402
5429
  },
5403
- children: step.hoverLabel && !isTouchDevice() ? /*#__PURE__*/jsx(Tooltip$1, {
5430
+ children: step.hoverLabel && !isTouchDevice() ? /*#__PURE__*/jsx(Tooltip, {
5404
5431
  position: Position.BOTTOM,
5405
5432
  label: step.hoverLabel,
5406
5433
  children: labelButton
@@ -6542,7 +6569,10 @@ function SelectInput({
6542
6569
  }) => /*#__PURE__*/jsx(SelectInputTriggerButtonPropsContext.Provider, {
6543
6570
  // eslint-disable-next-line react/jsx-no-constructed-context-values
6544
6571
  value: {
6545
- ref: mergeRefs([ref, triggerRef]),
6572
+ ref: node => {
6573
+ ref(node);
6574
+ triggerRef.current = node;
6575
+ },
6546
6576
  id,
6547
6577
  ...mergeProps({
6548
6578
  onClick: () => {
@@ -7383,7 +7413,6 @@ const getSupportedSize = size => {
7383
7413
  return Size.MEDIUM;
7384
7414
  }
7385
7415
  };
7386
- var Loader$1 = Loader;
7387
7416
 
7388
7417
  const Money = ({
7389
7418
  amount,
@@ -7396,11 +7425,6 @@ const Money = ({
7396
7425
  children: formatMoney(amount, currency, locale)
7397
7426
  });
7398
7427
  };
7399
- Money.propTypes = {
7400
- amount: PropTypes.number.isRequired,
7401
- currency: PropTypes.string.isRequired
7402
- };
7403
- var Money$1 = Money;
7404
7428
 
7405
7429
  var messages$4 = defineMessages({
7406
7430
  selectPlaceholder: {
@@ -7818,13 +7842,9 @@ const NavigationOptionList = ({
7818
7842
  children: Children.map(children, child => /*#__PURE__*/jsx("li", {
7819
7843
  className: "np-navigation-options-list__item",
7820
7844
  children: child
7821
- }, child.key))
7845
+ }, child?.toString()))
7822
7846
  });
7823
7847
  };
7824
- NavigationOptionList.propTypes = {
7825
- children: PropTypes.node.isRequired
7826
- };
7827
- var NavigationOptionList$1 = NavigationOptionList;
7828
7848
 
7829
7849
  const STORAGE_NAME = 'dismissedNudges';
7830
7850
  const getLocalStorage = () => {
@@ -10719,6 +10739,7 @@ const SegmentedControl = ({
10719
10739
  className: classNames('segmented-control__segments', {
10720
10740
  'segmented-control__segments--no-animate': !animate
10721
10741
  }),
10742
+ role: mode !== 'input' ? 'tablist' : undefined,
10722
10743
  children: segmentsWithRefs.map(segment => mode === 'input' ? /*#__PURE__*/jsxs("label", {
10723
10744
  ref: segment.ref,
10724
10745
  htmlFor: segment.id,
@@ -14201,13 +14222,13 @@ var es = {
14201
14222
  "neptune.Upload.csButtonText": "¿Quieres subir otro archivo?",
14202
14223
  "neptune.Upload.csFailureText": "La carga del archivo ha fallado. Por favor, inténtalo de nuevo",
14203
14224
  "neptune.Upload.csSuccessText": "¡Se ha subido el archivo!",
14204
- "neptune.Upload.csTooLargeMessage": "Por favor, sube un archivo de menos de {maxSize}MB",
14225
+ "neptune.Upload.csTooLargeMessage": "Proporciona un archivo menor de {maxSize} MB",
14205
14226
  "neptune.Upload.csWrongTypeMessage": "Tipo de archivo no aceptado. Por favor, inténtalo de nuevo con un archivo diferente",
14206
14227
  "neptune.Upload.psButtonText": "Cancela",
14207
14228
  "neptune.Upload.psProcessingText": "Subiendo...",
14208
14229
  "neptune.Upload.usButtonText": "O selecciona un archivo",
14209
14230
  "neptune.Upload.usDropMessage": "Arrastra un archivo para subirlo",
14210
- "neptune.Upload.usPlaceholder": "Arrastra y suelta un archivo menor de {maxSize}MB",
14231
+ "neptune.Upload.usPlaceholder": "Arrastra y suelta un archivo de menos de {maxSize} MB",
14211
14232
  "neptune.UploadButton.allFileTypes": "Todos los tipos de archivos",
14212
14233
  "neptune.UploadButton.dropFiles": "Arrastra un archivo para subirlo",
14213
14234
  "neptune.UploadButton.instructions": "{fileTypes}, menor que {size}MB",
@@ -14317,13 +14338,13 @@ var hu = {
14317
14338
  "neptune.Upload.csButtonText": "Másik fájl feltöltése?",
14318
14339
  "neptune.Upload.csFailureText": "Feltöltés sikertelen. Kérünk, próbáld újra",
14319
14340
  "neptune.Upload.csSuccessText": "Feltöltés sikeres",
14320
- "neptune.Upload.csTooLargeMessage": "Kérünk, {maxSize} MB-nál kisebb fájlt tölts fel",
14341
+ "neptune.Upload.csTooLargeMessage": "Kérünk, olyan fájlt küldj el, amely kisebb mint {maxSize}MB",
14321
14342
  "neptune.Upload.csWrongTypeMessage": "Nem támogatott fájltípus. Kérünk, próbáld újra másik fájllal",
14322
14343
  "neptune.Upload.psButtonText": "Mégsem",
14323
14344
  "neptune.Upload.psProcessingText": "Feltöltés...",
14324
14345
  "neptune.Upload.usButtonText": "Vagy válaszd ki a fájlt",
14325
14346
  "neptune.Upload.usDropMessage": "Húzd ide a fájlokat a feltöltéshez",
14326
- "neptune.Upload.usPlaceholder": "Húzz ide egy {maxSize} MB-nál kisebb fájlt",
14347
+ "neptune.Upload.usPlaceholder": "Húzz ide egy legfeljebb {maxSize} MB méretű fájlt",
14327
14348
  "neptune.UploadButton.allFileTypes": "Összes fájltípus",
14328
14349
  "neptune.UploadButton.dropFiles": "Húzd a fájlokat ide a feltöltéshez",
14329
14350
  "neptune.UploadButton.instructions": "{fileTypes}, legfeljebb {size}MB",
@@ -15012,13 +15033,13 @@ var zhHK = {
15012
15033
  "neptune.Upload.csButtonText": "上載另一個檔案?",
15013
15034
  "neptune.Upload.csFailureText": "上載失敗,請重試。",
15014
15035
  "neptune.Upload.csSuccessText": "上載完成!",
15015
- "neptune.Upload.csTooLargeMessage": "請提供小於{maxSize}MB的檔案",
15036
+ "neptune.Upload.csTooLargeMessage": "請提供一個小於{maxSize}MB的檔案",
15016
15037
  "neptune.Upload.csWrongTypeMessage": "不支持檔案類型,請使用其他檔案重試",
15017
15038
  "neptune.Upload.psButtonText": "取消",
15018
15039
  "neptune.Upload.psProcessingText": "上載中...",
15019
15040
  "neptune.Upload.usButtonText": "或者選擇一個檔案",
15020
15041
  "neptune.Upload.usDropMessage": "拖放檔案以開始上載",
15021
- "neptune.Upload.usPlaceholder": "拖放不超過{maxSize}MB的檔案",
15042
+ "neptune.Upload.usPlaceholder": "拖放一個不超過{maxSize}MB的檔案",
15022
15043
  "neptune.UploadButton.allFileTypes": "所有檔案類型",
15023
15044
  "neptune.UploadButton.dropFiles": "拖放檔案以開始上載",
15024
15045
  "neptune.UploadButton.instructions": "{fileTypes},小於{size}MB",
@@ -15043,6 +15064,7 @@ const translations = {
15043
15064
  cs,
15044
15065
  de,
15045
15066
  en,
15067
+ 'en-US': en,
15046
15068
  es,
15047
15069
  fr,
15048
15070
  hu,
@@ -15060,5 +15082,5 @@ const translations = {
15060
15082
  'zh-HK': zhHK
15061
15083
  };
15062
15084
 
15063
- export { Accordion, ActionButton, ActionOption, Alert$1 as Alert, ArrowPosition as AlertArrowPosition, Avatar, AvatarType, AvatarWrapper, Badge, Card as BaseCard, Body, BottomSheet$2 as BottomSheet, Breakpoint, Button, Card$2 as Card, Checkbox$1 as Checkbox, CheckboxButton$1 as CheckboxButton, CheckboxOption, Chevron, Chip, Chips, CircularButton, ControlType, CriticalCommsBanner, DEFAULT_LANG, DEFAULT_LOCALE, DateInput, DateLookup$1 as DateLookup, DateMode, Decision, DecisionPresentation, DecisionType, DefinitionList$1 as DefinitionList, Dimmer$1 as Dimmer, Direction, DirectionProvider, Display, Drawer$1 as Drawer, DropFade, DynamicFieldDefinitionList$1 as DynamicFieldDefinitionList, Emphasis, FileType, FlowNavigation, Header, Image, Info, InfoPresentation, InlineAlert, Input, InputGroup, InputWithDisplayFormat, InstructionsList, LanguageProvider, Layout, Link, ListItem$1 as ListItem, Loader$1 as Loader, Logo$1 as Logo, LogoType, Markdown, MarkdownNodeType, Modal, Money$1 as Money, MoneyInput$1 as MoneyInput, MonthFormat, NavigationOption, NavigationOptionList$1 as NavigationOptionsList, Nudge, Option$2 as Option, OverlayHeader$1 as OverlayHeader, PhoneNumberInput, Popover$1 as Popover, Position, Priority, ProcessIndicator$1 as ProcessIndicator, ProfileType, Progress, ProgressBar, PromoCard$1 as PromoCard, PromoCard$1 as PromoCardGroup, Provider$1 as Provider, RTL_LANGUAGES, Radio, RadioGroup, RadioOption, SUPPORTED_LANGUAGES, Scroll, SearchInput, Section, SegmentedControl, Select, SelectInput, SelectInputOptionContent, SelectInputTriggerButton, Sentiment, Size, SlidingPanel, SnackbarConsumer, SnackbarContext, SnackbarPortal, SnackbarProvider, Status, StatusIcon, Stepper, Sticky, Summary, Switch, SwitchOption, Tabs$1 as Tabs, TextArea, TextareaWithDisplayFormat, Theme, Title, Tooltip$1 as Tooltip, Type, Typeahead, Typography, Upload$1 as Upload, UploadInput, UploadStep, Variant, Width, adjustLocale, getCountryFromLocale, getDirectionFromLocale, getLangFromLocale, isBrowser, isServerSide, translations, useDirection, useLayout, useScreenSize, useSnackbar };
15085
+ export { Accordion, ActionButton, ActionOption, Alert$1 as Alert, ArrowPosition as AlertArrowPosition, Avatar, AvatarType, AvatarWrapper, Badge, Card as BaseCard, Body, BottomSheet$2 as BottomSheet, Breakpoint, Button, Card$2 as Card, Checkbox$1 as Checkbox, CheckboxButton$1 as CheckboxButton, CheckboxOption, Chevron, Chip, Chips, CircularButton, ControlType, CriticalCommsBanner, DEFAULT_LANG, DEFAULT_LOCALE, DateInput, DateLookup$1 as DateLookup, DateMode, Decision, DecisionPresentation, DecisionType, DefinitionList$1 as DefinitionList, Dimmer$1 as Dimmer, Direction, DirectionProvider, Display, Drawer$1 as Drawer, DropFade, DynamicFieldDefinitionList$1 as DynamicFieldDefinitionList, Emphasis, FileType, FlowNavigation, Header, Image, Info, InfoPresentation, InlineAlert, Input, InputGroup, InputWithDisplayFormat, InstructionsList, LanguageProvider, Layout, Link, ListItem$1 as ListItem, Loader, Logo$1 as Logo, LogoType, Markdown, MarkdownNodeType, Modal, Money, MoneyInput$1 as MoneyInput, MonthFormat, NavigationOption, NavigationOptionList as NavigationOptionsList, Nudge, Option$2 as Option, OverlayHeader$1 as OverlayHeader, PhoneNumberInput, Popover$1 as Popover, Position, Priority, ProcessIndicator$1 as ProcessIndicator, ProfileType, Progress, ProgressBar, PromoCard$1 as PromoCard, PromoCard$1 as PromoCardGroup, Provider$1 as Provider, RTL_LANGUAGES, Radio, RadioGroup, RadioOption, SUPPORTED_LANGUAGES, Scroll, SearchInput, Section, SegmentedControl, Select, SelectInput, SelectInputOptionContent, SelectInputTriggerButton, Sentiment, Size, SlidingPanel, SnackbarConsumer, SnackbarContext, SnackbarPortal, SnackbarProvider, Status, StatusIcon, Stepper, Sticky, Summary, Switch, SwitchOption, Tabs$1 as Tabs, TextArea, TextareaWithDisplayFormat, Theme, Title, Tooltip, Type, Typeahead, Typography, Upload$1 as Upload, UploadInput, UploadStep, Variant, Width, adjustLocale, getCountryFromLocale, getDirectionFromLocale, getLangFromLocale, isBrowser, isServerSide, translations, useDirection, useLayout, useScreenSize, useSnackbar };
15064
15086
  //# sourceMappingURL=index.esm.js.map