@transferwise/components 45.19.4 → 45.19.6

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 (23) hide show
  1. package/build/index.esm.js +30 -35
  2. package/build/index.esm.js.map +1 -1
  3. package/build/index.js +30 -35
  4. package/build/index.js.map +1 -1
  5. package/build/main.css +1 -1
  6. package/build/styles/dateLookup/DateLookup.css +1 -1
  7. package/build/styles/inputs/SelectInput.css +1 -1
  8. package/build/styles/main.css +1 -1
  9. package/build/types/dateLookup/dateHeader/DateHeader.d.ts.map +1 -1
  10. package/build/types/inputs/SelectInput.d.ts.map +1 -1
  11. package/build/types/inputs/_BottomSheet.d.ts.map +1 -1
  12. package/build/types/inputs/_Popover.d.ts.map +1 -1
  13. package/package.json +3 -3
  14. package/src/dateLookup/DateLookup.css +1 -1
  15. package/src/dateLookup/DateLookup.less +6 -6
  16. package/src/dateLookup/DateLookup.story.js +6 -0
  17. package/src/dateLookup/dateHeader/DateHeader.js +12 -9
  18. package/src/inputs/SelectInput.css +1 -1
  19. package/src/inputs/SelectInput.less +0 -4
  20. package/src/inputs/SelectInput.tsx +2 -15
  21. package/src/inputs/_BottomSheet.tsx +18 -20
  22. package/src/inputs/_Popover.tsx +1 -3
  23. package/src/main.css +1 -1
package/build/index.esm.js CHANGED
@@ -3426,12 +3426,16 @@ const DateHeader = ({
3426
3426
  size: Size.MEDIUM
3427
3427
  })
3428
3428
  })
3429
- }), label && /*#__PURE__*/jsx("button", {
3430
- type: "button",
3431
- className: `tw-date-lookup-header-current ${buttonClasses}`,
3432
- "aria-label": intl.formatMessage(messages$5.goTo20YearView),
3433
- onClick: onLabelClick,
3434
- children: label
3429
+ }), label && /*#__PURE__*/jsx(Title, {
3430
+ type: Typography.TITLE_BODY,
3431
+ className: "tw-date-lookup-header-current-container",
3432
+ children: /*#__PURE__*/jsx("button", {
3433
+ type: "button",
3434
+ className: `tw-date-lookup-header-current ${buttonClasses}`,
3435
+ "aria-label": intl.formatMessage(messages$5.goTo20YearView),
3436
+ onClick: onLabelClick,
3437
+ children: label
3438
+ })
3435
3439
  }), /*#__PURE__*/jsx("div", {
3436
3440
  className: "pull-right-single-direction",
3437
3441
  children: /*#__PURE__*/jsx("button", {
@@ -6375,9 +6379,7 @@ function BottomSheet({
6375
6379
  }
6376
6380
  }
6377
6381
  });
6378
- const dismiss = useDismiss(context, {
6379
- outsidePressEvent: 'mousedown'
6380
- });
6382
+ const dismiss = useDismiss(context);
6381
6383
  const role = useRole(context);
6382
6384
  const {
6383
6385
  getReferenceProps,
@@ -6411,20 +6413,20 @@ function BottomSheet({
6411
6413
  children: /*#__PURE__*/jsx("div", {
6412
6414
  className: "np-bottom-sheet-v2-backdrop"
6413
6415
  })
6414
- }), /*#__PURE__*/jsx(FocusBoundary, {
6415
- children: /*#__PURE__*/jsx(FloatingFocusManager, {
6416
- context: context,
6417
- initialFocus: initialFocusRef,
6418
- guards: false,
6419
- modal: false,
6420
- children: /*#__PURE__*/jsx("div", {
6421
- className: "np-bottom-sheet-v2",
6422
- children: /*#__PURE__*/jsx(Transition.Child, {
6423
- className: "np-bottom-sheet-v2-content",
6424
- enter: "np-bottom-sheet-v2-content--enter",
6425
- enterFrom: "np-bottom-sheet-v2-content--enter-from",
6426
- leave: "np-bottom-sheet-v2-content--leave",
6427
- leaveTo: "np-bottom-sheet-v2-content--leave-to",
6416
+ }), /*#__PURE__*/jsx("div", {
6417
+ className: "np-bottom-sheet-v2",
6418
+ children: /*#__PURE__*/jsx(Transition.Child, {
6419
+ className: "np-bottom-sheet-v2-content",
6420
+ enter: "np-bottom-sheet-v2-content--enter",
6421
+ enterFrom: "np-bottom-sheet-v2-content--enter-from",
6422
+ leave: "np-bottom-sheet-v2-content--leave",
6423
+ leaveTo: "np-bottom-sheet-v2-content--leave-to",
6424
+ children: /*#__PURE__*/jsx(FocusBoundary, {
6425
+ children: /*#__PURE__*/jsx(FloatingFocusManager, {
6426
+ context: context,
6427
+ initialFocus: initialFocusRef,
6428
+ guards: false,
6429
+ modal: false,
6428
6430
  children: /*#__PURE__*/jsxs("div", {
6429
6431
  // Force inner state invalidation on open
6430
6432
  ref: refs.setFloating,
@@ -6522,9 +6524,7 @@ function Popover({
6522
6524
  }
6523
6525
  }
6524
6526
  });
6525
- const dismiss = useDismiss(context, {
6526
- outsidePressEvent: 'mousedown'
6527
- });
6527
+ const dismiss = useDismiss(context);
6528
6528
  const role = useRole(context);
6529
6529
  const {
6530
6530
  getReferenceProps,
@@ -6586,7 +6586,7 @@ function Popover({
6586
6586
  }
6587
6587
 
6588
6588
  function searchableString(value) {
6589
- return value.trim().replace(/\s+/gu, ' ').toLowerCase();
6589
+ return value.trim().replace(/\s+/gu, ' ').normalize('NFKC').toLowerCase();
6590
6590
  }
6591
6591
  function inferSearchableStrings(value) {
6592
6592
  if (typeof value === 'string') {
@@ -6971,11 +6971,6 @@ function SelectInputOption({
6971
6971
  disabled,
6972
6972
  children
6973
6973
  }) {
6974
- const parentHasValue = useContext(SelectInputHasValueContext);
6975
- // Avoid flash during exit transition
6976
- const {
6977
- current: cachedParentHasValue
6978
- } = useRef(parentHasValue);
6979
6974
  return /*#__PURE__*/jsx(Listbox.Option, {
6980
6975
  as: "div",
6981
6976
  value: value,
@@ -6991,10 +6986,10 @@ function SelectInputOption({
6991
6986
  children: [/*#__PURE__*/jsx("div", {
6992
6987
  className: "np-select-input-option",
6993
6988
  children: children
6994
- }), cachedParentHasValue ? /*#__PURE__*/jsx(Check, {
6989
+ }), selected && /*#__PURE__*/jsx(Check, {
6995
6990
  size: 24,
6996
- className: classNames('np-select-input-option-check', !selected && 'np-select-input-option-check--not-selected')
6997
- }) : null]
6991
+ className: classNames('np-select-input-option-check')
6992
+ })]
6998
6993
  })
6999
6994
  });
7000
6995
  }