@transferwise/components 0.0.0-experimental-83c2313 → 0.0.0-experimental-c29cd95

package/build/Modal/Modal.mjs

@@ -0,0 +1,131 @@
+import { clsx } from 'clsx';
+import { useRef, useId, useContext } from 'react';
+import { CSSTransition } from 'react-transition-group';
+import { useIntl } from 'react-intl';
+import '../common/theme.mjs';
+import '../common/direction.mjs';
+import '@transferwise/neptune-tokens';
+import '../common/PropsValues/control.mjs';
+import { Size } from '../common/PropsValues/size.mjs';
+import { Typography } from '../common/PropsValues/typography.mjs';
+import '../common/PropsValues/width.mjs';
+import '../common/PropsValues/type.mjs';
+import '../common/PropsValues/dateMode.mjs';
+import '../common/PropsValues/monthFormat.mjs';
+import { Position } from '../common/PropsValues/position.mjs';
+import '../common/PropsValues/layouts.mjs';
+import '../common/PropsValues/status.mjs';
+import '../common/PropsValues/sentiment.mjs';
+import '../common/PropsValues/profileType.mjs';
+import '../common/PropsValues/variant.mjs';
+import { Scroll } from '../common/PropsValues/scroll.mjs';
+import '../common/PropsValues/markdownNodeType.mjs';
+import '../common/fileType.mjs';
+import '@transferwise/formatting';
+import { Cross } from '@transferwise/icons';
+import closeBtnMessages from '../common/CloseButton/CloseButton.messages.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '@transferwise/neptune-validation';
+import '../Provider/Direction/DirectionProvider.mjs';
+import { useLayout } from '../common/hooks/useLayout/useLayout.mjs';
+import Dimmer from '../Dimmer/Dimmer.mjs';
+import Drawer from '../Drawer/Drawer.mjs';
+import { OverlayIdContext } from '../Provider/overlay/OverlayIdProvider.mjs';
+import Title from '../Title/Title.mjs';
+import IconButton from '../IconButton/IconButton.mjs';
+
+const TRANSITION_DURATION_IN_MILLISECONDS = 150;
+const Modal = ({
+  title = null,
+  body,
+  footer = null,
+  onClose,
+  onUnmount,
+  className,
+  open,
+  size = Size.MEDIUM,
+  scroll = Scroll.VIEWPORT,
+  position = Position.CENTER,
+  disableDimmerClickToClose = false,
+  ...otherProps
+}) => {
+  const intl = useIntl();
+  const {
+    isSmall
+  } = useLayout();
+  const contentReference = useRef(null);
+  const titleId = useId();
+  const overlayId = useContext(OverlayIdContext);
+  return !isSmall ? /*#__PURE__*/jsx(Drawer, {
+    open: open,
+    className: className,
+    headerTitle: title,
+    footerContent: footer,
+    position: Position.BOTTOM,
+    onClose: onClose,
+    onUnmount: onUnmount,
+    children: body
+  }) : /*#__PURE__*/jsx(Dimmer, {
+    open: open,
+    scrollable: scroll === Scroll.VIEWPORT,
+    contentPosition: position,
+    disableClickToClose: disableDimmerClickToClose,
+    onClose: onClose,
+    onExited: onUnmount,
+    children: /*#__PURE__*/jsx(CSSTransition, {
+      nodeRef: contentReference,
+      appear: true,
+      in: open,
+      classNames: {
+        enterDone: 'in'
+      },
+      timeout: TRANSITION_DURATION_IN_MILLISECONDS,
+      unmountOnExit: true,
+      children: /*#__PURE__*/jsx("div", {
+        ref: contentReference,
+        className: clsx('tw-modal', 'd-flex', 'fade', 'outline-none', scroll === Scroll.CONTENT && 'tw-modal--scrollable', className),
+        ...otherProps,
+        children: /*#__PURE__*/jsx("div", {
+          id: overlayId,
+          role: "dialog",
+          "aria-modal": true,
+          "aria-labelledby": titleId,
+          className: clsx('tw-modal-dialog', 'd-flex', {
+            [`tw-modal-${size}`]: size
+          }),
+          children: /*#__PURE__*/jsxs("div", {
+            className: clsx('tw-modal-content', 'd-flex', 'flex-column', 'justify-content-between'),
+            children: [/*#__PURE__*/jsxs("div", {
+              className: clsx('tw-modal-header', 'd-flex', 'align-items-center', title ? 'justify-content-between' : 'justify-content-end', 'flex-wrap'),
+              children: [title && /*#__PURE__*/jsx(Title, {
+                id: titleId,
+                type: Typography.TITLE_SUBSECTION,
+                className: "tw-modal-title",
+                children: title
+              }), /*#__PURE__*/jsx(IconButton, {
+                size: 40,
+                priority: "tertiary",
+                "aria-label": intl.formatMessage(closeBtnMessages.ariaLabel),
+                onClick: onClose,
+                children: /*#__PURE__*/jsx(Cross, {})
+              })]
+            }), /*#__PURE__*/jsx("div", {
+              className: clsx('tw-modal-body', {
+                'tw-modal-body--scrollable': scroll === Scroll.CONTENT
+              }),
+              children: body
+            }), footer ? /*#__PURE__*/jsx("div", {
+              className: clsx('tw-modal-footer', 'd-flex', 'align-items-center', 'flex-wrap'),
+              children: footer
+            }) : /*#__PURE__*/jsx("div", {
+              className: "m-t-3"
+            })]
+          })
+        })
+      })
+    })
+  });
+};
+
+export { Modal as default };
+//# sourceMappingURL=Modal.mjs.map

package/build/Modal/Modal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.mjs","sources":["../../src/Modal/Modal.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { ReactNode, useContext, useId, useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport { useIntl } from 'react-intl';\n\nimport {\n  Size,\n  Position,\n  PositionTop,\n  PositionCenter,\n  Scroll,\n  CommonProps,\n  SizeSmall,\n  SizeMedium,\n  SizeLarge,\n  SizeExtraLarge,\n  ScrollContent,\n  ScrollViewport,\n  Typography,\n} from '../common';\nimport { useLayout } from '../common/hooks';\nimport Dimmer from '../Dimmer';\nimport Drawer from '../Drawer';\nimport { OverlayIdContext } from '../Provider/overlay/OverlayIdProvider';\nimport Title from '../Title/Title';\nimport { Cross } from '@transferwise/icons';\nimport IconButton from '../IconButton';\nimport closeBtnMessages from '../common/CloseButton/CloseButton.messages';\n\nconst TRANSITION_DURATION_IN_MILLISECONDS = 150;\n\nexport type ModalProps = CommonProps & {\n  /** @default null */\n  title?: ReactNode;\n  body: ReactNode;\n  /** @default null */\n  footer?: ReactNode;\n  /** @default 'md' */\n  size?: SizeSmall | SizeMedium | SizeLarge | SizeExtraLarge;\n  onClose: () => void;\n  onUnmount?: () => void;\n  open: boolean;\n  /** @default 'viewport' */\n  scroll?: ScrollContent | ScrollViewport;\n  /** @default 'center' */\n  position?: PositionTop | PositionCenter;\n  /** @default false */\n  disableDimmerClickToClose?: boolean;\n};\n\nconst Modal = ({\n  title = null,\n  body,\n  footer = null,\n  onClose,\n  onUnmount,\n  className,\n  open,\n  size = Size.MEDIUM,\n  scroll = Scroll.VIEWPORT,\n  position = Position.CENTER,\n  disableDimmerClickToClose = false,\n  ...otherProps\n}: ModalProps) => {\n  const intl = useIntl();\n  const { isSmall } = useLayout();\n\n  const contentReference = useRef<HTMLDivElement>(null);\n  const titleId = useId();\n\n  const overlayId = useContext(OverlayIdContext);\n\n  return !isSmall ? (\n    <Drawer\n      open={open}\n      className={className}\n      headerTitle={title}\n      footerContent={footer}\n      position={Position.BOTTOM}\n      onClose={onClose}\n      onUnmount={onUnmount}\n    >\n      {body}\n    </Drawer>\n  ) : (\n    <Dimmer\n      open={open}\n      scrollable={scroll === Scroll.VIEWPORT}\n      contentPosition={position}\n      disableClickToClose={disableDimmerClickToClose}\n      onClose={onClose}\n      onExited={onUnmount}\n    >\n      <CSSTransition\n        nodeRef={contentReference}\n        appear\n        in={open}\n        classNames={{ enterDone: 'in' }}\n        timeout={TRANSITION_DURATION_IN_MILLISECONDS}\n        unmountOnExit\n      >\n        <div\n          ref={contentReference}\n          className={clsx(\n            'tw-modal',\n            'd-flex',\n            'fade',\n            'outline-none',\n            scroll === Scroll.CONTENT && 'tw-modal--scrollable',\n            className,\n          )}\n          {...otherProps}\n        >\n          <div\n            id={overlayId}\n            role=\"dialog\"\n            aria-modal\n            aria-labelledby={titleId}\n            className={clsx('tw-modal-dialog', 'd-flex', {\n              [`tw-modal-${size}`]: size,\n            })}\n          >\n            <div\n              className={clsx(\n                'tw-modal-content',\n                'd-flex',\n                'flex-column',\n                'justify-content-between',\n              )}\n            >\n              <div\n                className={clsx(\n                  'tw-modal-header',\n                  'd-flex',\n                  'align-items-center',\n                  title ? 'justify-content-between' : 'justify-content-end',\n                  'flex-wrap',\n                )}\n              >\n                {title && (\n                  <Title id={titleId} type={Typography.TITLE_SUBSECTION} className=\"tw-modal-title\">\n                    {title}\n                  </Title>\n                )}\n                <IconButton\n                  size={40}\n                  priority=\"tertiary\"\n                  aria-label={intl.formatMessage(closeBtnMessages.ariaLabel)}\n                  onClick={onClose}\n                >\n                  <Cross />\n                </IconButton>\n              </div>\n              <div\n                className={clsx('tw-modal-body', {\n                  'tw-modal-body--scrollable': scroll === Scroll.CONTENT,\n                })}\n              >\n                {body}\n              </div>\n              {footer ? (\n                <div\n                  className={clsx('tw-modal-footer', 'd-flex', 'align-items-center', 'flex-wrap')}\n                >\n                  {footer}\n                </div>\n              ) : (\n                <div className=\"m-t-3\" />\n              )}\n            </div>\n          </div>\n        </div>\n      </CSSTransition>\n    </Dimmer>\n  );\n};\n\nexport default Modal;\n"],"names":["TRANSITION_DURATION_IN_MILLISECONDS","Modal","title","body","footer","onClose","onUnmount","className","open","size","Size","MEDIUM","scroll","Scroll","VIEWPORT","position","Position","CENTER","disableDimmerClickToClose","otherProps","intl","useIntl","isSmall","useLayout","contentReference","useRef","titleId","useId","overlayId","useContext","OverlayIdContext","_jsx","Drawer","headerTitle","footerContent","BOTTOM","children","Dimmer","scrollable","contentPosition","disableClickToClose","onExited","CSSTransition","nodeRef","appear","in","classNames","enterDone","timeout","unmountOnExit","ref","clsx","CONTENT","id","role","_jsxs","Title","type","Typography","TITLE_SUBSECTION","IconButton","priority","formatMessage","closeBtnMessages","ariaLabel","onClick","Cross"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAMA,mCAAmC,GAAG,GAAG;AAqB/C,MAAMC,KAAK,GAAGA,CAAC;AACbC,EAAAA,KAAK,GAAG,IAAI;EACZC,IAAI;AACJC,EAAAA,MAAM,GAAG,IAAI;EACbC,OAAO;EACPC,SAAS;EACTC,SAAS;EACTC,IAAI;EACJC,IAAI,GAAGC,IAAI,CAACC,MAAM;EAClBC,MAAM,GAAGC,MAAM,CAACC,QAAQ;EACxBC,QAAQ,GAAGC,QAAQ,CAACC,MAAM;AAC1BC,EAAAA,yBAAyB,GAAG,KAAK;EACjC,GAAGC;AAAU,CACF,KAAI;AACf,EAAA,MAAMC,IAAI,GAAGC,OAAO,EAAE;EACtB,MAAM;AAAEC,IAAAA;GAAS,GAAGC,SAAS,EAAE;AAE/B,EAAA,MAAMC,gBAAgB,GAAGC,MAAM,CAAiB,IAAI,CAAC;AACrD,EAAA,MAAMC,OAAO,GAAGC,KAAK,EAAE;AAEvB,EAAA,MAAMC,SAAS,GAAGC,UAAU,CAACC,gBAAgB,CAAC;AAE9C,EAAA,OAAO,CAACR,OAAO,gBACbS,GAAA,CAACC,MAAM,EAAA;AACLxB,IAAAA,IAAI,EAAEA,IAAK;AACXD,IAAAA,SAAS,EAAEA,SAAU;AACrB0B,IAAAA,WAAW,EAAE/B,KAAM;AACnBgC,IAAAA,aAAa,EAAE9B,MAAO;IACtBW,QAAQ,EAAEC,QAAQ,CAACmB,MAAO;AAC1B9B,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,SAAS,EAAEA,SAAU;AAAA8B,IAAAA,QAAA,EAEpBjC;AAAI,GACC,CAAC,gBAET4B,GAAA,CAACM,MAAM,EAAA;AACL7B,IAAAA,IAAI,EAAEA,IAAK;AACX8B,IAAAA,UAAU,EAAE1B,MAAM,KAAKC,MAAM,CAACC,QAAS;AACvCyB,IAAAA,eAAe,EAAExB,QAAS;AAC1ByB,IAAAA,mBAAmB,EAAEtB,yBAA0B;AAC/Cb,IAAAA,OAAO,EAAEA,OAAQ;AACjBoC,IAAAA,QAAQ,EAAEnC,SAAU;IAAA8B,QAAA,eAEpBL,GAAA,CAACW,aAAa,EAAA;AACZC,MAAAA,OAAO,EAAEnB,gBAAiB;MAC1BoB,MAAM,EAAA,IAAA;AACNC,MAAAA,EAAE,EAAErC,IAAK;AACTsC,MAAAA,UAAU,EAAE;AAAEC,QAAAA,SAAS,EAAE;OAAO;AAChCC,MAAAA,OAAO,EAAEhD,mCAAoC;MAC7CiD,aAAa,EAAA,IAAA;AAAAb,MAAAA,QAAA,eAEbL,GAAA,CAAA,KAAA,EAAA;AACEmB,QAAAA,GAAG,EAAE1B,gBAAiB;QACtBjB,SAAS,EAAE4C,IAAI,CACb,UAAU,EACV,QAAQ,EACR,MAAM,EACN,cAAc,EACdvC,MAAM,KAAKC,MAAM,CAACuC,OAAO,IAAI,sBAAsB,EACnD7C,SAAS,CACT;AAAA,QAAA,GACEY,UAAU;AAAAiB,QAAAA,QAAA,eAEdL,GAAA,CAAA,KAAA,EAAA;AACEsB,UAAAA,EAAE,EAAEzB,SAAU;AACd0B,UAAAA,IAAI,EAAC,QAAQ;UACb,YAAA,EAAA,IAAU;AACV,UAAA,iBAAA,EAAiB5B,OAAQ;AACzBnB,UAAAA,SAAS,EAAE4C,IAAI,CAAC,iBAAiB,EAAE,QAAQ,EAAE;YAC3C,CAAC,CAAA,SAAA,EAAY1C,IAAI,CAAA,CAAE,GAAGA;AACvB,WAAA,CAAE;AAAA2B,UAAAA,QAAA,eAEHmB,IAAA,CAAA,KAAA,EAAA;YACEhD,SAAS,EAAE4C,IAAI,CACb,kBAAkB,EAClB,QAAQ,EACR,aAAa,EACb,yBAAyB,CACzB;AAAAf,YAAAA,QAAA,gBAEFmB,IAAA,CAAA,KAAA,EAAA;AACEhD,cAAAA,SAAS,EAAE4C,IAAI,CACb,iBAAiB,EACjB,QAAQ,EACR,oBAAoB,EACpBjD,KAAK,GAAG,yBAAyB,GAAG,qBAAqB,EACzD,WAAW,CACX;AAAAkC,cAAAA,QAAA,EAAA,CAEDlC,KAAK,iBACJ6B,GAAA,CAACyB,KAAK,EAAA;AAACH,gBAAAA,EAAE,EAAE3B,OAAQ;gBAAC+B,IAAI,EAAEC,UAAU,CAACC,gBAAiB;AAACpD,gBAAAA,SAAS,EAAC,gBAAgB;AAAA6B,gBAAAA,QAAA,EAC9ElC;AAAK,eACD,CACR,eACD6B,GAAA,CAAC6B,UAAU,EAAA;AACTnD,gBAAAA,IAAI,EAAE,EAAG;AACToD,gBAAAA,QAAQ,EAAC,UAAU;AACnB,gBAAA,YAAA,EAAYzC,IAAI,CAAC0C,aAAa,CAACC,gBAAgB,CAACC,SAAS,CAAE;AAC3DC,gBAAAA,OAAO,EAAE5D,OAAQ;AAAA+B,gBAAAA,QAAA,eAEjBL,GAAA,CAACmC,KAAK,EAAA,EAAA;AACR,eAAY,CACd;aAAK,CACL,eAAAnC,GAAA,CAAA,KAAA,EAAA;AACExB,cAAAA,SAAS,EAAE4C,IAAI,CAAC,eAAe,EAAE;AAC/B,gBAAA,2BAA2B,EAAEvC,MAAM,KAAKC,MAAM,CAACuC;AAChD,eAAA,CAAE;AAAAhB,cAAAA,QAAA,EAEFjC;AAAI,aACF,CACL,EAACC,MAAM,gBACL2B,GAAA,CAAA,KAAA,EAAA;cACExB,SAAS,EAAE4C,IAAI,CAAC,iBAAiB,EAAE,QAAQ,EAAE,oBAAoB,EAAE,WAAW,CAAE;AAAAf,cAAAA,QAAA,EAE/EhC;aACE,CAAC,gBAEN2B,GAAA,CAAA,KAAA,EAAA;AAAKxB,cAAAA,SAAS,EAAC;AAAO,aAAA,CACvB;WACE;SACF;OACF;KACQ;AACjB,GAAQ,CACT;AACH;;;;"}

package/build/Money/Money.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Money.js","sources":["../../src/Money/Money.tsx"],"sourcesContent":["import { formatMoney } from '@transferwise/formatting';\nimport { useIntl } from 'react-intl';\n\nexport interface MoneyProps {\n  amount: number;\n  currency: string;\n  alwaysShowDecimals?: boolean;\n}\n\nconst Money = ({ amount, currency, alwaysShowDecimals = false }: MoneyProps) => {\n  const { locale } = useIntl();\n  return (\n    <>\n      {formatMoney(amount, currency, locale, {\n        alwaysShowDecimals,\n      })}\n    </>\n  );\n};\n\nexport default Money;\n"],"names":["Money","amount","currency","alwaysShowDecimals","locale","useIntl","_jsx","_Fragment","children","formatMoney"],"mappings":";;;;;;;;AASA,MAAMA,KAAK,GAAGA,CAAC;EAAEC,MAAM;EAAEC,QAAQ;AAAEC,EAAAA,kBAAkB,GAAG;AAAK,CAAc,KAAI;EAC7E,MAAM;AAAEC,IAAAA;GAAQ,GAAGC,iBAAO,EAAE;EAC5B,oBACEC,cAAA,CAAAC,mBAAA,EAAA;IAAAC,QAAA,EACGC,sBAAW,CAACR,MAAM,EAAEC,QAAQ,EAAEE,MAAM,EAAE;AACrCD,MAAAA;KACD;AAAC,GACJ,CAAG;AAEP;;;;"}

package/build/Money/Money.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Money.mjs","sources":["../../src/Money/Money.tsx"],"sourcesContent":["import { formatMoney } from '@transferwise/formatting';\nimport { useIntl } from 'react-intl';\n\nexport interface MoneyProps {\n  amount: number;\n  currency: string;\n  alwaysShowDecimals?: boolean;\n}\n\nconst Money = ({ amount, currency, alwaysShowDecimals = false }: MoneyProps) => {\n  const { locale } = useIntl();\n  return (\n    <>\n      {formatMoney(amount, currency, locale, {\n        alwaysShowDecimals,\n      })}\n    </>\n  );\n};\n\nexport default Money;\n"],"names":["Money","amount","currency","alwaysShowDecimals","locale","useIntl","_jsx","_Fragment","children","formatMoney"],"mappings":";;;;AASA,MAAMA,KAAK,GAAGA,CAAC;EAAEC,MAAM;EAAEC,QAAQ;AAAEC,EAAAA,kBAAkB,GAAG;AAAK,CAAc,KAAI;EAC7E,MAAM;AAAEC,IAAAA;GAAQ,GAAGC,OAAO,EAAE;EAC5B,oBACEC,GAAA,CAAAC,QAAA,EAAA;IAAAC,QAAA,EACGC,WAAW,CAACR,MAAM,EAAEC,QAAQ,EAAEE,MAAM,EAAE;AACrCD,MAAAA;KACD;AAAC,GACJ,CAAG;AAEP;;;;"}

package/build/MoneyInput/MoneyInput.js

@@ -0,0 +1,407 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var neptuneValidation = require('@transferwise/neptune-validation');
+var art = require('@wise/art');
+var clsx = require('clsx');
+var React = require('react');
+var reactIntl = require('react-intl');
+require('../common/theme.js');
+require('../common/direction.js');
+require('@transferwise/neptune-tokens');
+require('../common/PropsValues/control.js');
+var size = require('../common/PropsValues/size.js');
+var typography = require('../common/PropsValues/typography.js');
+require('../common/PropsValues/width.js');
+require('../common/PropsValues/type.js');
+require('../common/PropsValues/dateMode.js');
+require('../common/PropsValues/monthFormat.js');
+require('../common/PropsValues/position.js');
+require('../common/PropsValues/layouts.js');
+require('../common/PropsValues/status.js');
+require('../common/PropsValues/sentiment.js');
+require('../common/PropsValues/profileType.js');
+require('../common/PropsValues/variant.js');
+require('../common/PropsValues/scroll.js');
+require('../common/PropsValues/markdownNodeType.js');
+require('../common/fileType.js');
+var index = require('../common/Locale/index.js');
+require('@transferwise/icons');
+require('../common/CloseButton/CloseButton.messages.js');
+var jsxRuntime = require('react/jsx-runtime');
+var contexts = require('../Inputs/contexts.js');
+var Input = require('../Inputs/Input.js');
+var SelectInput = require('../Inputs/SelectInput/SelectInput.js');
+require('../DateLookup/DateTrigger/DateTrigger.messages.js');
+require('@headlessui/react');
+var SelectInputOptionContent = require('../Inputs/SelectInput/OptionContent/SelectInputOptionContent.js');
+require('merge-props');
+require('../Header/Header.js');
+require('virtua');
+require('../Inputs/SelectInput/SelectInput.messages.js');
+var Title = require('../Title/Title.js');
+var MoneyInput_messages = require('./MoneyInput.messages.js');
+var currencyFormatting = require('./currencyFormatting.js');
+var WithId = require('../WithId/WithId.js');
+var formatting = require('@transferwise/formatting');
+
+const isNumberOrNull = v => neptuneValidation.isNumber(v) || neptuneValidation.isNull(v);
+const formatAmountIfSet = ({
+  amount,
+  currency,
+  locale,
+  decimals
+}) => {
+  if (typeof amount !== 'number') {
+    return '';
+  }
+  if (decimals != null && currencyFormatting.getCurrencyDecimals(currency) !== 0) {
+    return formatting.formatNumber(amount, locale, decimals);
+  }
+  return formatting.formatAmount(amount, currency, locale);
+};
+const parseNumber = ({
+  amount,
+  currency,
+  locale,
+  decimals
+}) => {
+  return currencyFormatting.parseAmount(amount, currency, locale, decimals);
+};
+const allowedInputKeys = new Set(['Backspace', 'Delete', ',', '.', 'ArrowDown', 'ArrowUp', 'ArrowLeft', 'ArrowRight', 'Enter', 'Escape', 'Tab']);
+class MoneyInput extends React.Component {
+  static defaultProps = {
+    size: size.Size.LARGE,
+    classNames: {},
+    selectProps: {}
+  };
+  amountFocused = false;
+  constructor(props) {
+    super(props);
+    this.state = {
+      searchQuery: '',
+      formattedAmount: formatAmountIfSet({
+        amount: props.amount,
+        currency: props.selectedCurrency.currency,
+        locale: props.intl.locale,
+        decimals: props.decimals
+      }),
+      locale: props.intl.locale
+    };
+  }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    this.setState({
+      locale: nextProps.intl.locale
+    });
+    if (!this.amountFocused) {
+      this.setState({
+        formattedAmount: formatAmountIfSet({
+          amount: nextProps.amount,
+          currency: nextProps.selectedCurrency.currency,
+          locale: nextProps.intl.locale,
+          decimals: nextProps.decimals
+        })
+      });
+    }
+  }
+  isInputAllowedForKeyEvent = event => {
+    const {
+      metaKey,
+      key,
+      ctrlKey
+    } = event;
+    const isNumberKey = neptuneValidation.isNumber(Number.parseInt(key, 10));
+    return isNumberKey || metaKey || ctrlKey || allowedInputKeys.has(key);
+  };
+  handleKeyDown = event => {
+    if (!this.isInputAllowedForKeyEvent(event)) {
+      event.preventDefault();
+    }
+  };
+  handlePaste = event => {
+    const paste = event.clipboardData.getData('text');
+    const {
+      locale
+    } = this.state;
+    const parsed = neptuneValidation.isEmpty(paste) ? null : parseNumber({
+      amount: paste,
+      currency: this.props.selectedCurrency.currency,
+      locale,
+      decimals: this.props.decimals
+    });
+    if (isNumberOrNull(parsed)) {
+      this.setState({
+        formattedAmount: formatAmountIfSet({
+          amount: parsed,
+          currency: this.props.selectedCurrency.currency,
+          locale,
+          decimals: this.props.decimals
+        })
+      });
+      this.props.onAmountChange?.(parsed);
+    }
+    event.preventDefault();
+  };
+  onAmountChange = event => {
+    const {
+      value
+    } = event.target;
+    this.setState({
+      formattedAmount: value
+    });
+    const parsed = neptuneValidation.isEmpty(value) ? null : parseNumber({
+      amount: value,
+      currency: this.props.selectedCurrency.currency,
+      locale: this.state.locale,
+      decimals: this.props.decimals
+    });
+    if (isNumberOrNull(parsed)) {
+      this.props.onAmountChange?.(parsed);
+    }
+  };
+  onAmountBlur = () => {
+    this.amountFocused = false;
+    this.setAmount();
+  };
+  onAmountFocus = () => {
+    this.amountFocused = true;
+  };
+  getSelectOptions() {
+    const selectOptions = filterCurrenciesForQuery(this.props.currencies, this.state.searchQuery);
+    const formattedOptions = [];
+    let currentGroupOptions;
+    selectOptions.forEach(item => {
+      if (item.header != null) {
+        currentGroupOptions = [];
+        formattedOptions.push({
+          type: 'group',
+          label: item.header,
+          options: currentGroupOptions
+        });
+      } else {
+        (currentGroupOptions ?? formattedOptions).push({
+          type: 'option',
+          value: item,
+          filterMatchers: [item.value, item.label, item.note ?? '', item.searchable ?? ''],
+          disabled: item.disabled
+        });
+      }
+    });
+    return formattedOptions;
+  }
+  setAmount() {
+    this.setState(previousState => {
+      const parsed = parseNumber({
+        amount: previousState.formattedAmount,
+        currency: this.props.selectedCurrency.currency,
+        locale: previousState.locale,
+        decimals: this.props.decimals
+      });
+      if (!isNumberOrNull(parsed)) {
+        return {
+          formattedAmount: previousState.formattedAmount
+        };
+      }
+      return {
+        formattedAmount: formatAmountIfSet({
+          amount: parsed,
+          currency: this.props.selectedCurrency.currency,
+          locale: previousState.locale,
+          decimals: this.props.decimals
+        })
+      };
+    });
+  }
+  handleSelectChange = value => {
+    this.handleSearchChange('');
+    this.props.onCurrencyChange?.(value);
+  };
+  handleSearchChange = searchQuery => {
+    this.setState({
+      searchQuery
+    });
+    this.props.onSearchChange?.({
+      searchQuery,
+      filteredOptions: filterCurrenciesForQuery(this.props.currencies, searchQuery)
+    });
+  };
+  style = className => this.props.classNames[className] || className;
+  render() {
+    const {
+      inputAttributes,
+      id: amountInputId,
+      'aria-labelledby': ariaLabelledByProp,
+      selectedCurrency,
+      onCurrencyChange,
+      size,
+      addon,
+      selectProps
+    } = this.props;
+    const ariaLabelledBy = ariaLabelledByProp ?? inputAttributes?.['aria-labelledby'];
+    const selectOptions = this.getSelectOptions();
+    const hasSingleCurrency = () => {
+      if (selectOptions.length !== 0) {
+        const firstItem = selectOptions[0];
+        if (selectOptions.length === 1) {
+          if (firstItem.type === 'option') {
+            return firstItem.value.currency === selectedCurrency.currency;
+          }
+          if (firstItem.type === 'group') {
+            return firstItem.options.length === 1 && !(this.props.onCustomAction && this.props.customActionLabel);
+          }
+        }
+      } else if (selectedCurrency?.currency) {
+        return true;
+      }
+      return false;
+    };
+    const isFixedCurrency = !this.state.searchQuery && hasSingleCurrency() || !onCurrencyChange;
+    const disabled = !this.props.onAmountChange;
+    const selectedCurrencyElementId = `${inputAttributes?.id ?? amountInputId}SelectedCurrency`;
+    return /*#__PURE__*/jsxRuntime.jsxs("fieldset", {
+      "aria-invalid": inputAttributes?.['aria-invalid'],
+      "aria-describedby": inputAttributes?.['aria-describedby'],
+      "aria-labelledby": inputAttributes?.id ?? amountInputId,
+      className: clsx.clsx(this.style('tw-money-input'), this.style('input-group'), this.style(`input-group-${size}`)),
+      children: [/*#__PURE__*/jsxRuntime.jsx(Input.Input, {
+        id: inputAttributes?.id ?? amountInputId,
+        "aria-labelledby": ariaLabelledBy,
+        value: this.state.formattedAmount,
+        inputMode: "decimal",
+        disabled: disabled,
+        placeholder: formatAmountIfSet({
+          amount: this.props.placeholder,
+          currency: this.props.selectedCurrency.currency,
+          locale: this.state.locale,
+          decimals: this.props.decimals
+        }),
+        autoComplete: "off",
+        "aria-describedby": selectedCurrencyElementId,
+        onKeyDown: this.handleKeyDown,
+        onChange: this.onAmountChange,
+        onFocus: this.onAmountFocus,
+        onBlur: this.onAmountBlur,
+        onPaste: this.handlePaste
+      }), addon && /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: clsx.clsx(this.style('input-group-addon'), this.style(`input-${size}`), disabled ? this.style('disabled') : ''),
+        children: addon
+      }), isFixedCurrency ? /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: clsx.clsx(this.style('input-group-addon'), this.style(`input-${size}`), this.style('tw-money-input__fixed-currency'), disabled ? this.style('disabled') : ''),
+        id: selectedCurrencyElementId,
+        children: [(size === 'lg' || size === 'md') && /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: clsx.clsx(this.style('money-input-currency-flag'), this.style('m-r-2')),
+          children: /*#__PURE__*/jsxRuntime.jsx(art.Flag, {
+            code: selectedCurrency.currency.toLowerCase(),
+            intrinsicSize: 24
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(Title.default, {
+          as: "span",
+          type: typography.Typography.TITLE_SUBSECTION,
+          className: size === 'lg' ? this.style('m-r-1') : '',
+          "aria-label": index.getLocaleCurrencyName(this.props.intl, selectedCurrency.currency),
+          children: selectedCurrency.currency.toUpperCase()
+        })]
+      }) : /*#__PURE__*/jsxRuntime.jsx("div", {
+        translate: "no",
+        className: clsx.clsx(this.style('input-group-btn'), this.style('amount-currency-select-btn')),
+        children: /*#__PURE__*/jsxRuntime.jsx(SelectInput.SelectInput, {
+          UNSAFE_triggerButtonProps: {
+            id: undefined,
+            'aria-labelledby': undefined,
+            'aria-describedby': ariaLabelledBy,
+            'aria-invalid': undefined,
+            'aria-label': this.props.intl.formatMessage(MoneyInput_messages.default.selectCurrencyLabel)
+          },
+          id: selectedCurrencyElementId,
+          items: selectOptions,
+          value: selectedCurrency,
+          compareValues: "currency",
+          renderValue: (currency, withinTrigger) => {
+            return /*#__PURE__*/jsxRuntime.jsx(SelectInputOptionContent.SelectInputOptionContent, {
+              title: withinTrigger ? /*#__PURE__*/jsxRuntime.jsx("span", {
+                "aria-label": index.getLocaleCurrencyName(this.props.intl, currency.currency),
+                children: currency.currency.toUpperCase()
+              }) : currency.label,
+              note: withinTrigger ? undefined : currency.note,
+              icon: /*#__PURE__*/jsxRuntime.jsx(art.Flag, {
+                code: currency.currency,
+                intrinsicSize: 24
+              })
+            });
+          },
+          renderFooter: this.props.onCustomAction ? () =>
+          /*#__PURE__*/
+          // eslint-disable-next-line jsx-a11y/click-events-have-key-events
+          jsxRuntime.jsx("div", {
+            role: "button",
+            tabIndex: 0,
+            onClick: this.props.onCustomAction,
+            children: this.props.customActionLabel
+          }) : undefined,
+          placeholder: this.props.intl.formatMessage(MoneyInput_messages.default.selectPlaceholder),
+          filterable: true,
+          filterPlaceholder: this.props.searchPlaceholder || this.props.intl.formatMessage(MoneyInput_messages.default.searchPlaceholder),
+          disabled: disabled,
+          size: size,
+          onChange: this.handleSelectChange,
+          onFilterChange: ({
+            queryNormalized
+          }) => {
+            this.handleSearchChange(queryNormalized ?? '');
+          },
+          ...selectProps
+        })
+      })]
+    });
+  }
+}
+function filterCurrenciesForQuery(currencies, query) {
+  if (!query) {
+    return [...currencies];
+  }
+  const options = currencies.filter(option => option.header == null);
+  const filteredOptions = removeDuplicateValueOptions(options).filter(option => currencyOptionFitsQuery(option, query));
+  return sortOptionsLabelsToFirst(filteredOptions, query);
+}
+function removeDuplicateValueOptions(options) {
+  const uniqueValues = new Set();
+  return options.filter(option => {
+    if (!uniqueValues.has(option.value)) {
+      uniqueValues.add(option.value);
+      return true;
+    }
+    return false;
+  });
+}
+function currencyOptionFitsQuery(option, query) {
+  if (!option.value) {
+    return false;
+  }
+  return contains(option.label, query) || contains(option.searchable, query) || contains(option.note, query);
+}
+function contains(property, query) {
+  return property?.toLowerCase().includes(query.toLowerCase());
+}
+function sortOptionsLabelsToFirst(options, query) {
+  return [...options].sort((first, second) => {
+    const firstContains = contains(first.label, query);
+    const secondContains = contains(second.label, query);
+    if (firstContains && secondContains) {
+      return 0;
+    }
+    if (firstContains) {
+      return -1;
+    }
+    if (secondContains) {
+      return 1;
+    }
+    return 0;
+  });
+}
+var MoneyInput_default = reactIntl.injectIntl(WithId.default(contexts.withInputAttributes(MoneyInput, {
+  nonLabelable: true
+})));
+
+exports.default = MoneyInput_default;
+//# sourceMappingURL=MoneyInput.js.map

package/build/MoneyInput/MoneyInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MoneyInput.js","sources":["../../src/MoneyInput/MoneyInput.tsx"],"sourcesContent":["import { isEmpty, isNumber, isNull } from '@transferwise/neptune-validation';\nimport { Flag } from '@wise/art';\nimport { clsx } from 'clsx';\nimport { Component } from 'react';\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\n\nimport {\n  Typography,\n  Size,\n  SizeLarge,\n  SizeMedium,\n  SizeSmall,\n  getLocaleCurrencyName,\n} from '../common';\nimport { withInputAttributes, WithInputAttributesProps } from '../Inputs/contexts';\nimport { Input } from '../Inputs/Input';\nimport {\n  SelectInput,\n  SelectInputItem,\n  SelectInputOptionContent,\n  SelectInputOptionItem,\n  SelectInputProps,\n} from '../Inputs/SelectInput';\nimport Title from '../Title';\n\nimport messages from './MoneyInput.messages';\nimport { formatAmount, formatNumber, getCurrencyDecimals, parseAmount } from './currencyFormatting';\nimport withId from '../WithId';\n\nexport interface CurrencyOptionItem {\n  header?: never;\n  value: string;\n  label: string;\n  currency: string;\n  note?: string;\n  searchable?: string;\n  disabled?: boolean;\n}\n\nexport interface CurrencyHeaderItem {\n  header: string;\n}\n\nexport type CurrencyItem = CurrencyOptionItem | CurrencyHeaderItem;\n\nconst isNumberOrNull = (v: unknown): v is number | null => isNumber(v) || isNull(v);\n\nconst formatAmountIfSet = ({\n  amount,\n  currency,\n  locale,\n  decimals,\n}: {\n  amount: number | null | undefined;\n  currency: string;\n  locale: string;\n  decimals?: number;\n}) => {\n  if (typeof amount !== 'number') {\n    return '';\n  }\n  if (decimals != null && getCurrencyDecimals(currency) !== 0) {\n    return formatNumber(amount, locale, decimals);\n  }\n  return formatAmount(amount, currency, locale);\n};\n\nconst parseNumber = ({\n  amount,\n  currency,\n  locale,\n  decimals,\n}: {\n  amount: string;\n  currency: string;\n  locale: string;\n  decimals?: number;\n}) => {\n  return parseAmount(amount, currency, locale, decimals);\n};\n\nconst allowedInputKeys = new Set([\n  'Backspace',\n  'Delete',\n  ',',\n  '.',\n  'ArrowDown',\n  'ArrowUp',\n  'ArrowLeft',\n  'ArrowRight',\n  'Enter',\n  'Escape',\n  'Tab',\n]);\n\nexport interface MoneyInputProps extends WrappedComponentProps {\n  id?: string;\n  'aria-labelledby'?: string;\n  currencies: readonly CurrencyItem[];\n  selectedCurrency: CurrencyOptionItem;\n  onCurrencyChange?: (value: CurrencyOptionItem) => void;\n  placeholder?: number;\n  amount: number | null;\n  size?: SizeSmall | SizeMedium | SizeLarge;\n  onAmountChange?: (value: number | null) => void;\n  addon?: React.ReactNode;\n  searchPlaceholder?: string;\n  /**\n   * Allows the consumer to react to searching, while the search itself is handled internally.\n   */\n  onSearchChange?: (value: { searchQuery: string; filteredOptions: CurrencyItem[] }) => void;\n  customActionLabel?: React.ReactNode;\n  onCustomAction?: () => void;\n  classNames?: Record<string, string>;\n  selectProps?: Partial<SelectInputProps<CurrencyOptionItem>>;\n  /**\n   * Specify the number of decimal places to format the amount. When not specified, the number of\n   * decimals is determined by the selected currency (e.g. 2 for EUR, 0 for JPY, 3 for BHD).\n   * This override is ignored for zero-decimal currencies (e.g. JPY, KRW, HUF), which always use 0.\n   */\n  decimals?: number;\n}\n\nexport type MoneyInputPropsWithInputAttributes = MoneyInputProps &\n  Partial<WithInputAttributesProps>;\n\ninterface MoneyInputState {\n  searchQuery: string;\n  formattedAmount: string;\n  locale: string;\n}\n\nclass MoneyInput extends Component<MoneyInputPropsWithInputAttributes, MoneyInputState> {\n  declare props: MoneyInputPropsWithInputAttributes &\n    Required<Pick<MoneyInputPropsWithInputAttributes, keyof typeof MoneyInput.defaultProps>>;\n\n  static defaultProps = {\n    size: Size.LARGE,\n    classNames: {},\n    selectProps: {},\n  } satisfies Partial<MoneyInputPropsWithInputAttributes>;\n\n  amountFocused = false;\n\n  constructor(props: MoneyInputProps) {\n    super(props);\n    this.state = {\n      searchQuery: '',\n      formattedAmount: formatAmountIfSet({\n        amount: props.amount,\n        currency: props.selectedCurrency.currency,\n        locale: props.intl.locale,\n        decimals: props.decimals,\n      }),\n      locale: props.intl.locale,\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps: MoneyInputProps) {\n    this.setState({ locale: nextProps.intl.locale });\n\n    if (!this.amountFocused) {\n      this.setState({\n        formattedAmount: formatAmountIfSet({\n          amount: nextProps.amount,\n          currency: nextProps.selectedCurrency.currency,\n          locale: nextProps.intl.locale,\n          decimals: nextProps.decimals,\n        }),\n      });\n    }\n  }\n\n  isInputAllowedForKeyEvent = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    const { metaKey, key, ctrlKey } = event;\n    const isNumberKey = isNumber(Number.parseInt(key, 10));\n\n    return isNumberKey || metaKey || ctrlKey || allowedInputKeys.has(key);\n  };\n\n  handleKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n    if (!this.isInputAllowedForKeyEvent(event)) {\n      event.preventDefault();\n    }\n  };\n\n  handlePaste: React.ClipboardEventHandler<HTMLInputElement> = (event) => {\n    const paste = event.clipboardData.getData('text');\n    const { locale } = this.state;\n    const parsed = isEmpty(paste)\n      ? null\n      : parseNumber({\n          amount: paste,\n          currency: this.props.selectedCurrency.currency,\n          locale,\n          decimals: this.props.decimals,\n        });\n\n    if (isNumberOrNull(parsed)) {\n      this.setState({\n        formattedAmount: formatAmountIfSet({\n          amount: parsed,\n          currency: this.props.selectedCurrency.currency,\n          locale,\n          decimals: this.props.decimals,\n        }),\n      });\n      this.props.onAmountChange?.(parsed);\n    }\n\n    event.preventDefault();\n  };\n\n  onAmountChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n    const { value } = event.target;\n    this.setState({\n      formattedAmount: value,\n    });\n    const parsed = isEmpty(value)\n      ? null\n      : parseNumber({\n          amount: value,\n          currency: this.props.selectedCurrency.currency,\n          locale: this.state.locale,\n          decimals: this.props.decimals,\n        });\n    if (isNumberOrNull(parsed)) {\n      this.props.onAmountChange?.(parsed);\n    }\n  };\n\n  onAmountBlur = () => {\n    this.amountFocused = false;\n    this.setAmount();\n  };\n\n  onAmountFocus = () => {\n    this.amountFocused = true;\n  };\n\n  getSelectOptions() {\n    const selectOptions = filterCurrenciesForQuery(this.props.currencies, this.state.searchQuery);\n\n    const formattedOptions: SelectInputItem<CurrencyOptionItem>[] = [];\n    let currentGroupOptions: SelectInputOptionItem<CurrencyOptionItem>[] | undefined;\n\n    selectOptions.forEach((item) => {\n      if (item.header != null) {\n        currentGroupOptions = [];\n        formattedOptions.push({\n          type: 'group',\n          label: item.header,\n          options: currentGroupOptions,\n        });\n      } else {\n        (currentGroupOptions ?? formattedOptions).push({\n          type: 'option',\n          value: item,\n          filterMatchers: [item.value, item.label, item.note ?? '', item.searchable ?? ''],\n          disabled: item.disabled,\n        });\n      }\n    });\n\n    return formattedOptions;\n  }\n\n  setAmount() {\n    this.setState((previousState) => {\n      const parsed = parseNumber({\n        amount: previousState.formattedAmount,\n        currency: this.props.selectedCurrency.currency,\n        locale: previousState.locale,\n        decimals: this.props.decimals,\n      });\n      if (!isNumberOrNull(parsed)) {\n        return {\n          formattedAmount: previousState.formattedAmount,\n        };\n      }\n      return {\n        formattedAmount: formatAmountIfSet({\n          amount: parsed,\n          currency: this.props.selectedCurrency.currency,\n          locale: previousState.locale,\n          decimals: this.props.decimals,\n        }),\n      };\n    });\n  }\n\n  handleSelectChange = (value: CurrencyOptionItem) => {\n    this.handleSearchChange('');\n    this.props.onCurrencyChange?.(value);\n  };\n\n  handleSearchChange = (searchQuery: string) => {\n    this.setState({ searchQuery });\n    this.props.onSearchChange?.({\n      searchQuery,\n      filteredOptions: filterCurrenciesForQuery(this.props.currencies, searchQuery),\n    });\n  };\n\n  style = (className: string) => this.props.classNames[className] || className;\n\n  render() {\n    const {\n      inputAttributes,\n      id: amountInputId,\n      'aria-labelledby': ariaLabelledByProp,\n      selectedCurrency,\n      onCurrencyChange,\n      size,\n      addon,\n      selectProps,\n    } = this.props;\n    const ariaLabelledBy = ariaLabelledByProp ?? inputAttributes?.['aria-labelledby'];\n    const selectOptions = this.getSelectOptions();\n\n    const hasSingleCurrency = () => {\n      if (selectOptions.length !== 0) {\n        const firstItem = selectOptions[0];\n\n        if (selectOptions.length === 1) {\n          if (firstItem.type === 'option') {\n            return firstItem.value.currency === selectedCurrency.currency;\n          }\n          if (firstItem.type === 'group') {\n            return (\n              firstItem.options.length === 1 &&\n              !(this.props.onCustomAction && this.props.customActionLabel)\n            );\n          }\n        }\n      } else if (selectedCurrency?.currency) {\n        return true;\n      }\n\n      return false;\n    };\n\n    const isFixedCurrency = (!this.state.searchQuery && hasSingleCurrency()) || !onCurrencyChange;\n    const disabled = !this.props.onAmountChange;\n    const selectedCurrencyElementId = `${inputAttributes?.id ?? amountInputId}SelectedCurrency`;\n\n    return (\n      <fieldset\n        aria-invalid={inputAttributes?.['aria-invalid']}\n        aria-describedby={inputAttributes?.['aria-describedby']}\n        aria-labelledby={inputAttributes?.id ?? amountInputId}\n        className={clsx(\n          this.style('tw-money-input'),\n          this.style('input-group'),\n          this.style(`input-group-${size}`),\n        )}\n      >\n        <Input\n          id={inputAttributes?.id ?? amountInputId}\n          aria-labelledby={ariaLabelledBy}\n          value={this.state.formattedAmount}\n          inputMode=\"decimal\"\n          disabled={disabled}\n          placeholder={formatAmountIfSet({\n            amount: this.props.placeholder,\n            currency: this.props.selectedCurrency.currency,\n            locale: this.state.locale,\n            decimals: this.props.decimals,\n          })}\n          autoComplete=\"off\"\n          aria-describedby={selectedCurrencyElementId}\n          onKeyDown={this.handleKeyDown}\n          onChange={this.onAmountChange}\n          onFocus={this.onAmountFocus}\n          onBlur={this.onAmountBlur}\n          onPaste={this.handlePaste}\n        />\n        {addon && (\n          <span\n            className={clsx(\n              this.style('input-group-addon'),\n              this.style(`input-${size}`),\n              disabled ? this.style('disabled') : '',\n            )}\n          >\n            {addon}\n          </span>\n        )}\n        {isFixedCurrency ? (\n          <div\n            className={clsx(\n              this.style('input-group-addon'),\n              this.style(`input-${size}`),\n              this.style('tw-money-input__fixed-currency'),\n              disabled ? this.style('disabled') : '',\n            )}\n            id={selectedCurrencyElementId}\n          >\n            {(size === 'lg' || size === 'md') && (\n              <span className={clsx(this.style('money-input-currency-flag'), this.style('m-r-2'))}>\n                <Flag code={selectedCurrency.currency.toLowerCase()} intrinsicSize={24} />\n              </span>\n            )}\n            <Title\n              as=\"span\"\n              type={Typography.TITLE_SUBSECTION}\n              className={size === 'lg' ? this.style('m-r-1') : ''}\n              aria-label={getLocaleCurrencyName(this.props.intl, selectedCurrency.currency)}\n            >\n              {selectedCurrency.currency.toUpperCase()}\n            </Title>\n          </div>\n        ) : (\n          <div\n            translate=\"no\"\n            className={clsx(\n              this.style('input-group-btn'),\n              this.style('amount-currency-select-btn'),\n            )}\n          >\n            <SelectInput\n              UNSAFE_triggerButtonProps={{\n                id: undefined,\n                'aria-labelledby': undefined,\n                'aria-describedby': ariaLabelledBy,\n                'aria-invalid': undefined,\n                'aria-label': this.props.intl.formatMessage(messages.selectCurrencyLabel),\n              }}\n              id={selectedCurrencyElementId}\n              items={selectOptions}\n              value={selectedCurrency}\n              compareValues=\"currency\"\n              renderValue={(currency, withinTrigger) => {\n                return (\n                  <SelectInputOptionContent\n                    title={\n                      withinTrigger ? (\n                        <span\n                          aria-label={getLocaleCurrencyName(this.props.intl, currency.currency)}\n                        >\n                          {currency.currency.toUpperCase()}\n                        </span>\n                      ) : (\n                        currency.label\n                      )\n                    }\n                    note={withinTrigger ? undefined : currency.note}\n                    icon={<Flag code={currency.currency} intrinsicSize={24} />}\n                  />\n                );\n              }}\n              renderFooter={\n                this.props.onCustomAction\n                  ? () => (\n                      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n                      <div role=\"button\" tabIndex={0} onClick={this.props.onCustomAction}>\n                        {this.props.customActionLabel}\n                      </div>\n                    )\n                  : undefined\n              }\n              placeholder={this.props.intl.formatMessage(messages.selectPlaceholder)}\n              filterable\n              filterPlaceholder={\n                this.props.searchPlaceholder ||\n                this.props.intl.formatMessage(messages.searchPlaceholder)\n              }\n              disabled={disabled}\n              size={size}\n              onChange={this.handleSelectChange}\n              onFilterChange={({ queryNormalized }) => {\n                this.handleSearchChange(queryNormalized ?? '');\n              }}\n              {...selectProps}\n            />\n          </div>\n        )}\n      </fieldset>\n    );\n  }\n}\n\nfunction filterCurrenciesForQuery(\n  currencies: readonly CurrencyItem[],\n  query: string,\n): CurrencyItem[] {\n  if (!query) {\n    return [...currencies];\n  }\n\n  const options = currencies.filter(\n    (option): option is CurrencyOptionItem => option.header == null,\n  );\n  const filteredOptions = removeDuplicateValueOptions(options).filter((option) =>\n    currencyOptionFitsQuery(option, query),\n  );\n\n  return sortOptionsLabelsToFirst(filteredOptions, query);\n}\n\nfunction removeDuplicateValueOptions(options: readonly CurrencyOptionItem[]) {\n  const uniqueValues = new Set<string>();\n  return options.filter((option) => {\n    if (!uniqueValues.has(option.value)) {\n      uniqueValues.add(option.value);\n      return true;\n    }\n    return false;\n  });\n}\n\nfunction currencyOptionFitsQuery(option: CurrencyOptionItem, query: string) {\n  if (!option.value) {\n    return false;\n  }\n\n  return (\n    contains(option.label, query) ||\n    contains(option.searchable, query) ||\n    contains(option.note, query)\n  );\n}\n\nfunction contains(property: string | undefined, query: string) {\n  return property?.toLowerCase().includes(query.toLowerCase());\n}\n\nfunction sortOptionsLabelsToFirst(options: readonly CurrencyOptionItem[], query: string) {\n  return [...options].sort((first, second) => {\n    const firstContains = contains(first.label, query);\n    const secondContains = contains(second.label, query);\n\n    if (firstContains && secondContains) {\n      return 0;\n    }\n    if (firstContains) {\n      return -1;\n    }\n    if (secondContains) {\n      return 1;\n    }\n    return 0;\n  });\n}\n\nexport default injectIntl(withId(withInputAttributes(MoneyInput, { nonLabelable: true })));\n"],"names":["isNumberOrNull","v","isNumber","isNull","formatAmountIfSet","amount","currency","locale","decimals","getCurrencyDecimals","formatNumber","formatAmount","parseNumber","parseAmount","allowedInputKeys","Set","MoneyInput","Component","defaultProps","size","Size","LARGE","classNames","selectProps","amountFocused","constructor","props","state","searchQuery","formattedAmount","selectedCurrency","intl","UNSAFE_componentWillReceiveProps","nextProps","setState","isInputAllowedForKeyEvent","event","metaKey","key","ctrlKey","isNumberKey","Number","parseInt","has","handleKeyDown","preventDefault","handlePaste","paste","clipboardData","getData","parsed","isEmpty","onAmountChange","value","target","onAmountBlur","setAmount","onAmountFocus","getSelectOptions","selectOptions","filterCurrenciesForQuery","currencies","formattedOptions","currentGroupOptions","forEach","item","header","push","type","label","options","filterMatchers","note","searchable","disabled","previousState","handleSelectChange","handleSearchChange","onCurrencyChange","onSearchChange","filteredOptions","style","className","render","inputAttributes","id","amountInputId","ariaLabelledByProp","addon","ariaLabelledBy","hasSingleCurrency","length","firstItem","onCustomAction","customActionLabel","isFixedCurrency","selectedCurrencyElementId","_jsxs","clsx","children","_jsx","Input","inputMode","placeholder","autoComplete","onKeyDown","onChange","onFocus","onBlur","onPaste","Flag","code","toLowerCase","intrinsicSize","Title","as","Typography","TITLE_SUBSECTION","getLocaleCurrencyName","toUpperCase","translate","SelectInput","UNSAFE_triggerButtonProps","undefined","formatMessage","messages","selectCurrencyLabel","items","compareValues","renderValue","withinTrigger","SelectInputOptionContent","title","icon","renderFooter","role","tabIndex","onClick","selectPlaceholder","filterable","filterPlaceholder","searchPlaceholder","onFilterChange","queryNormalized","query","filter","option","removeDuplicateValueOptions","currencyOptionFitsQuery","sortOptionsLabelsToFirst","uniqueValues","add","contains","property","includes","sort","first","second","firstContains","secondContains","injectIntl","withId","withInputAttributes","nonLabelable"],"mappings":"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"}

package/build/MoneyInput/MoneyInput.messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MoneyInput.messages.js","sources":["../../src/MoneyInput/MoneyInput.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  selectPlaceholder: {\n    id: 'neptune.MoneyInput.Select.placeholder',\n    defaultMessage: 'Select an option...',\n  },\n  searchPlaceholder: {\n    id: 'neptune.MoneyInput.Select.searchPlaceholder',\n    defaultMessage: 'Type a currency or country',\n    description: 'Default placeholder text for the search input in the currency selector.',\n  },\n  selectCurrencyLabel: {\n    id: 'neptune.MoneyInput.Select.selectCurrencyLabel',\n    defaultMessage: 'Select currency',\n    description: 'Visually hidden label for the currency selector input.',\n  },\n});\n"],"names":["defineMessages","selectPlaceholder","id","searchPlaceholder","selectCurrencyLabel"],"mappings":";;;;;;AAEA,eAAeA,wBAAc,CAAC;AAC5BC,EAAAA,iBAAiB,EAAE;IACjBC,EAAE,EAAA;GAEH;AACDC,EAAAA,iBAAiB,EAAE;IACjBD,EAAE,EAAA;GAGH;AACDE,EAAAA,mBAAmB,EAAE;IACnBF,EAAE,EAAA;AAGH;AACF,CAAA,CAAC;;;;"}

package/build/MoneyInput/MoneyInput.messages.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MoneyInput.messages.mjs","sources":["../../src/MoneyInput/MoneyInput.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  selectPlaceholder: {\n    id: 'neptune.MoneyInput.Select.placeholder',\n    defaultMessage: 'Select an option...',\n  },\n  searchPlaceholder: {\n    id: 'neptune.MoneyInput.Select.searchPlaceholder',\n    defaultMessage: 'Type a currency or country',\n    description: 'Default placeholder text for the search input in the currency selector.',\n  },\n  selectCurrencyLabel: {\n    id: 'neptune.MoneyInput.Select.selectCurrencyLabel',\n    defaultMessage: 'Select currency',\n    description: 'Visually hidden label for the currency selector input.',\n  },\n});\n"],"names":["defineMessages","selectPlaceholder","id","searchPlaceholder","selectCurrencyLabel"],"mappings":";;AAEA,eAAeA,cAAc,CAAC;AAC5BC,EAAAA,iBAAiB,EAAE;IACjBC,EAAE,EAAA;GAEH;AACDC,EAAAA,iBAAiB,EAAE;IACjBD,EAAE,EAAA;GAGH;AACDE,EAAAA,mBAAmB,EAAE;IACnBF,EAAE,EAAA;AAGH;AACF,CAAA,CAAC;;;;"}