@transferwise/components 0.0.0-experimental-170452f → 0.0.0-experimental-92a36c5

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.
@@ -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,8 +10,7 @@ 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
- import { useSyncExternalStore } from 'use-sync-external-store/shim';
13
+ import { useSyncExternalStore } from 'use-sync-external-store/shim/index.js';
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';
17
16
  import { usePreventScroll } from '@react-aria/overlays';
@@ -1718,6 +1717,7 @@ const useHasIntersected = ({
1718
1717
  return [hasIntersected];
1719
1718
  };
1720
1719
 
1720
+ // eslint-disable-next-line import/extensions
1721
1721
  function useMedia(query) {
1722
1722
  return useSyncExternalStore(onStoreChange => {
1723
1723
  const mediaQueryList = window.matchMedia(query);
@@ -1762,6 +1762,7 @@ const SlidingPanel = /*#__PURE__*/forwardRef(({
1762
1762
  ...rest
1763
1763
  }, reference) => {
1764
1764
  const localReference = useRef(null);
1765
+ useImperativeHandle(reference, () => localReference.current, []);
1765
1766
  return /*#__PURE__*/createElement(CSSTransition, {
1766
1767
  ...rest,
1767
1768
  key: `sliding-panel--open-${position}`,
@@ -1777,7 +1778,7 @@ const SlidingPanel = /*#__PURE__*/forwardRef(({
1777
1778
  appear: true,
1778
1779
  unmountOnExit: true
1779
1780
  }, /*#__PURE__*/jsx("div", {
1780
- ref: mergeRefs([reference, localReference]),
1781
+ ref: localReference,
1781
1782
  className: classNames('sliding-panel', `sliding-panel--open-${position}`, showSlidingPanelBorder && `sliding-panel--border-${position}`, slidingPanelPositionFixed && 'sliding-panel--fixed', className),
1782
1783
  children: children
1783
1784
  }));
@@ -6569,7 +6570,10 @@ function SelectInput({
6569
6570
  }) => /*#__PURE__*/jsx(SelectInputTriggerButtonPropsContext.Provider, {
6570
6571
  // eslint-disable-next-line react/jsx-no-constructed-context-values
6571
6572
  value: {
6572
- ref: mergeRefs([ref, triggerRef]),
6573
+ ref: node => {
6574
+ ref(node);
6575
+ triggerRef.current = node;
6576
+ },
6573
6577
  id,
6574
6578
  ...mergeProps({
6575
6579
  onClick: () => {
@@ -14345,13 +14349,13 @@ var hu = {
14345
14349
  "neptune.Upload.csButtonText": "Másik fájl feltöltése?",
14346
14350
  "neptune.Upload.csFailureText": "Feltöltés sikertelen. Kérünk, próbáld újra",
14347
14351
  "neptune.Upload.csSuccessText": "Feltöltés sikeres",
14348
- "neptune.Upload.csTooLargeMessage": "Kérünk, olyan fájlt küldj el, amely kisebb mint {maxSize}MB",
14352
+ "neptune.Upload.csTooLargeMessage": "Kérünk, {maxSize} MB-nál kisebb fájlt tölts fel",
14349
14353
  "neptune.Upload.csWrongTypeMessage": "Nem támogatott fájltípus. Kérünk, próbáld újra másik fájllal",
14350
14354
  "neptune.Upload.psButtonText": "Mégsem",
14351
14355
  "neptune.Upload.psProcessingText": "Feltöltés...",
14352
14356
  "neptune.Upload.usButtonText": "Vagy válaszd ki a fájlt",
14353
14357
  "neptune.Upload.usDropMessage": "Húzd ide a fájlokat a feltöltéshez",
14354
- "neptune.Upload.usPlaceholder": "Húzz ide egy legfeljebb {maxSize} MB méretű fájlt",
14358
+ "neptune.Upload.usPlaceholder": "Húzz ide egy {maxSize} MB-nál kisebb fájlt",
14355
14359
  "neptune.UploadButton.allFileTypes": "Összes fájltípus",
14356
14360
  "neptune.UploadButton.dropFiles": "Húzd a fájlokat ide a feltöltéshez",
14357
14361
  "neptune.UploadButton.instructions": "{fileTypes}, legfeljebb {size}MB",
@@ -15090,4 +15094,4 @@ const translations = {
15090
15094
  };
15091
15095
 
15092
15096
  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, Type, Typeahead, Typography, Upload$1 as Upload, UploadInput, UploadStep, Variant, Width, adjustLocale, getCountryFromLocale, getDirectionFromLocale, getLangFromLocale, isBrowser, isServerSide, translations, useDirection, useLayout, useScreenSize, useSnackbar };
15093
- //# sourceMappingURL=index.esm.js.map
15097
+ //# sourceMappingURL=index.mjs.map