@transferwise/components 46.44.1 → 46.46.0

package/build/common/DOMOperations/DOMOperations.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DOMOperations.mjs","sources":["../../../src/common/DOMOperations/DOMOperations.ts"],"sourcesContent":["/**\n * Defined in `Dimmer.less`\n */\nconst NO_SCROLL_CLASS = 'no-scroll';\n\n/**\n * Apply {@link NO_SCROLL_CLASS} that disables scroll on page (e.g use in Dimmer to disable scroll behind the component)\n *\n * CSS class needs to be applied for `html` and not `body`, as this doing both will break any position sticky in the document.\n */\nexport const addNoScrollClass = () => {\n  document.documentElement.classList.add(NO_SCROLL_CLASS);\n};\n\n/**\n * Clean up after {@link addNoScrollClass} function\n */\nexport const removeNoScrollClass = () => {\n  document.documentElement.classList.remove(NO_SCROLL_CLASS);\n};\n"],"names":["NO_SCROLL_CLASS","addNoScrollClass","document","documentElement","classList","add","removeNoScrollClass","remove"],"mappings":"AAAA;;AAEG;AACH,MAAMA,eAAe,GAAG,WAAW,CAAA;AAEnC;;;;AAIG;AACUC,MAAAA,gBAAgB,GAAGA,MAAK;EACnCC,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACC,GAAG,CAACL,eAAe,CAAC,CAAA;AACzD,EAAC;AAED;;AAEG;AACUM,MAAAA,mBAAmB,GAAGA,MAAK;EACtCJ,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACG,MAAM,CAACP,eAAe,CAAC,CAAA;AAC5D;;;;"}

package/build/common/Option/Option.js

@@ -0,0 +1,71 @@
+'use strict';
+
+var classNames = require('classnames');
+var React = require('react');
+var Body = require('../../body/Body.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var classNames__default = /*#__PURE__*/_interopDefault(classNames);
+
+const Option = /*#__PURE__*/React.forwardRef(({
+  media = '',
+  title,
+  content,
+  as: component,
+  button,
+  decision = true,
+  disabled = false,
+  complex,
+  inverseMediaCircle = true,
+  className,
+  showMediaAtAllSizes,
+  showMediaCircle = true,
+  isContainerAligned = false,
+  ...rest
+}, reference) => {
+  const Element = component ?? 'label';
+  return /*#__PURE__*/jsxRuntime.jsx(Element, {
+    ...rest,
+    ref: reference,
+    className: classNames__default.default('np-option', className, {
+      'decision-complex': complex,
+      decision,
+      disabled,
+      'np-option__sm-media': showMediaAtAllSizes,
+      'np-option__container-aligned': isContainerAligned
+    }),
+    disabled: disabled && Element === 'button',
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "media",
+      children: [media && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "media-left",
+        children: showMediaCircle ? /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: classNames__default.default('circle circle-sm text-primary', {
+            'circle-inverse': inverseMediaCircle
+          }),
+          children: media
+        }) : /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "np-option__no-media-circle",
+          children: media
+        })
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "media-body",
+        children: [/*#__PURE__*/jsxRuntime.jsx("h4", {
+          className: "np-text-body-large-bold text-primary np-option__title",
+          children: title
+        }), content && /*#__PURE__*/jsxRuntime.jsx(Body, {
+          className: "d-block np-option__body",
+          children: content
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "media-right",
+        children: button
+      })]
+    })
+  });
+});
+
+module.exports = Option;
+//# sourceMappingURL=Option.js.map

package/build/common/Option/Option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.js","sources":["../../../src/common/Option/Option.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { MouseEvent, forwardRef, HTMLAttributes, ReactNode, ElementType } from 'react';\n\nimport Body from '../../body';\nimport { LinkProps } from '../commonProps';\n\nexport interface BaseOptionProps extends Omit<HTMLAttributes<HTMLElement>, 'title' | 'content'> {\n  'aria-label'?: string;\n  media?: ReactNode;\n  name?: string;\n  htmlFor?: string;\n  title: ReactNode;\n  content?: ReactNode;\n  onClick?: (event: MouseEvent<HTMLElement>) => void;\n  as?: ElementType;\n  disabled?: boolean;\n  button?: ReactNode;\n  decision?: boolean;\n  complex?: boolean;\n  inverseMediaCircle?: boolean;\n  className?: string;\n  showMediaAtAllSizes?: boolean;\n  showMediaCircle?: boolean;\n  isContainerAligned?: boolean;\n}\n\ninterface AnchorOptionProps extends BaseOptionProps, LinkProps {\n  as: 'a';\n}\n\nexport type OptionProps = BaseOptionProps | AnchorOptionProps;\n\nexport type ReferenceType = HTMLElement | HTMLAnchorElement;\n\nconst Option = forwardRef<ReferenceType, OptionProps>(\n  (\n    {\n      media = '',\n      title,\n      content,\n      as: component,\n      button,\n      decision = true,\n      disabled = false,\n      complex,\n      inverseMediaCircle = true,\n      className,\n      showMediaAtAllSizes,\n      showMediaCircle = true,\n      isContainerAligned = false,\n      ...rest\n    },\n    reference,\n  ) => {\n    const Element = component ?? 'label';\n\n    return (\n      <Element\n        {...rest}\n        ref={reference}\n        className={classNames('np-option', className, {\n          'decision-complex': complex,\n          decision,\n          disabled,\n          'np-option__sm-media': showMediaAtAllSizes,\n          'np-option__container-aligned': isContainerAligned,\n        })}\n        disabled={disabled && Element === 'button'}\n      >\n        <div className=\"media\">\n          {media && (\n            <div className=\"media-left\">\n              {showMediaCircle ? (\n                <div\n                  className={classNames('circle circle-sm text-primary', {\n                    'circle-inverse': inverseMediaCircle,\n                  })}\n                >\n                  {media}\n                </div>\n              ) : (\n                <div className=\"np-option__no-media-circle\">{media}</div>\n              )}\n            </div>\n          )}\n          <div className=\"media-body\">\n            <h4 className=\"np-text-body-large-bold text-primary np-option__title\">{title}</h4>\n            {content && <Body className=\"d-block np-option__body\">{content}</Body>}\n          </div>\n          <div className=\"media-right\">{button}</div>\n        </div>\n      </Element>\n    );\n  },\n);\n\nexport default Option;\n"],"names":["Option","forwardRef","media","title","content","as","component","button","decision","disabled","complex","inverseMediaCircle","className","showMediaAtAllSizes","showMediaCircle","isContainerAligned","rest","reference","Element","_jsx","ref","classNames","children","_jsxs","Body"],"mappings":";;;;;;;;;;;AAkCA,MAAMA,MAAM,gBAAGC,gBAAU,CACvB,CACE;AACEC,EAAAA,KAAK,GAAG,EAAE;EACVC,KAAK;EACLC,OAAO;AACPC,EAAAA,EAAE,EAAEC,SAAS;EACbC,MAAM;AACNC,EAAAA,QAAQ,GAAG,IAAI;AACfC,EAAAA,QAAQ,GAAG,KAAK;EAChBC,OAAO;AACPC,EAAAA,kBAAkB,GAAG,IAAI;EACzBC,SAAS;EACTC,mBAAmB;AACnBC,EAAAA,eAAe,GAAG,IAAI;AACtBC,EAAAA,kBAAkB,GAAG,KAAK;EAC1B,GAAGC,IAAAA;AACJ,CAAA,EACDC,SAAS,KACP;AACF,EAAA,MAAMC,OAAO,GAAGZ,SAAS,IAAI,OAAO,CAAA;EAEpC,oBACEa,cAAA,CAACD,OAAO,EAAA;AAAA,IAAA,GACFF,IAAI;AACRI,IAAAA,GAAG,EAAEH,SAAU;AACfL,IAAAA,SAAS,EAAES,2BAAU,CAAC,WAAW,EAAET,SAAS,EAAE;AAC5C,MAAA,kBAAkB,EAAEF,OAAO;MAC3BF,QAAQ;MACRC,QAAQ;AACR,MAAA,qBAAqB,EAAEI,mBAAmB;AAC1C,MAAA,8BAA8B,EAAEE,kBAAAA;KACjC,CAAE;AACHN,IAAAA,QAAQ,EAAEA,QAAQ,IAAIS,OAAO,KAAK,QAAS;AAAAI,IAAAA,QAAA,eAE3CC,eAAA,CAAA,KAAA,EAAA;AAAKX,MAAAA,SAAS,EAAC,OAAO;MAAAU,QAAA,EAAA,CACnBpB,KAAK,iBACJiB,cAAA,CAAA,KAAA,EAAA;AAAKP,QAAAA,SAAS,EAAC,YAAY;QAAAU,QAAA,EACxBR,eAAe,gBACdK,cAAA,CAAA,KAAA,EAAA;AACEP,UAAAA,SAAS,EAAES,2BAAU,CAAC,+BAA+B,EAAE;AACrD,YAAA,gBAAgB,EAAEV,kBAAAA;AACnB,WAAA,CAAE;AAAAW,UAAAA,QAAA,EAEFpB,KAAAA;SACE,CAAC,gBAENiB,cAAA,CAAA,KAAA,EAAA;AAAKP,UAAAA,SAAS,EAAC,4BAA4B;AAAAU,UAAAA,QAAA,EAAEpB,KAAAA;SAAW,CAAA;OAEvD,CACN,eACDqB,eAAA,CAAA,KAAA,EAAA;AAAKX,QAAAA,SAAS,EAAC,YAAY;AAAAU,QAAAA,QAAA,gBACzBH,cAAA,CAAA,IAAA,EAAA;AAAIP,UAAAA,SAAS,EAAC,uDAAuD;AAAAU,UAAAA,QAAA,EAAEnB,KAAAA;AAAK,SAAK,CACjF,EAACC,OAAO,iBAAIe,cAAA,CAACK,IAAI,EAAA;AAACZ,UAAAA,SAAS,EAAC,yBAAyB;AAAAU,UAAAA,QAAA,EAAElB,OAAAA;AAAO,SAAO,CAAC,CAAA;OACnE,CACL,eAAAe,cAAA,CAAA,KAAA,EAAA;AAAKP,QAAAA,SAAS,EAAC,aAAa;AAAAU,QAAAA,QAAA,EAAEf,MAAAA;AAAM,OAAM,CAC5C,CAAA;KAAK,CAAA;AACP,GAAS,CAAC,CAAA;AAEd,CAAC;;;;"}

package/build/common/Option/Option.mjs

@@ -0,0 +1,65 @@
+import classNames from 'classnames';
+import { forwardRef } from 'react';
+import Body from '../../body/Body.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+const Option = /*#__PURE__*/forwardRef(({
+  media = '',
+  title,
+  content,
+  as: component,
+  button,
+  decision = true,
+  disabled = false,
+  complex,
+  inverseMediaCircle = true,
+  className,
+  showMediaAtAllSizes,
+  showMediaCircle = true,
+  isContainerAligned = false,
+  ...rest
+}, reference) => {
+  const Element = component ?? 'label';
+  return /*#__PURE__*/jsx(Element, {
+    ...rest,
+    ref: reference,
+    className: classNames('np-option', className, {
+      'decision-complex': complex,
+      decision,
+      disabled,
+      'np-option__sm-media': showMediaAtAllSizes,
+      'np-option__container-aligned': isContainerAligned
+    }),
+    disabled: disabled && Element === 'button',
+    children: /*#__PURE__*/jsxs("div", {
+      className: "media",
+      children: [media && /*#__PURE__*/jsx("div", {
+        className: "media-left",
+        children: showMediaCircle ? /*#__PURE__*/jsx("div", {
+          className: classNames('circle circle-sm text-primary', {
+            'circle-inverse': inverseMediaCircle
+          }),
+          children: media
+        }) : /*#__PURE__*/jsx("div", {
+          className: "np-option__no-media-circle",
+          children: media
+        })
+      }), /*#__PURE__*/jsxs("div", {
+        className: "media-body",
+        children: [/*#__PURE__*/jsx("h4", {
+          className: "np-text-body-large-bold text-primary np-option__title",
+          children: title
+        }), content && /*#__PURE__*/jsx(Body, {
+          className: "d-block np-option__body",
+          children: content
+        })]
+      }), /*#__PURE__*/jsx("div", {
+        className: "media-right",
+        children: button
+      })]
+    })
+  });
+});
+
+export { Option as default };
+//# sourceMappingURL=Option.mjs.map

package/build/common/Option/Option.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.mjs","sources":["../../../src/common/Option/Option.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { MouseEvent, forwardRef, HTMLAttributes, ReactNode, ElementType } from 'react';\n\nimport Body from '../../body';\nimport { LinkProps } from '../commonProps';\n\nexport interface BaseOptionProps extends Omit<HTMLAttributes<HTMLElement>, 'title' | 'content'> {\n  'aria-label'?: string;\n  media?: ReactNode;\n  name?: string;\n  htmlFor?: string;\n  title: ReactNode;\n  content?: ReactNode;\n  onClick?: (event: MouseEvent<HTMLElement>) => void;\n  as?: ElementType;\n  disabled?: boolean;\n  button?: ReactNode;\n  decision?: boolean;\n  complex?: boolean;\n  inverseMediaCircle?: boolean;\n  className?: string;\n  showMediaAtAllSizes?: boolean;\n  showMediaCircle?: boolean;\n  isContainerAligned?: boolean;\n}\n\ninterface AnchorOptionProps extends BaseOptionProps, LinkProps {\n  as: 'a';\n}\n\nexport type OptionProps = BaseOptionProps | AnchorOptionProps;\n\nexport type ReferenceType = HTMLElement | HTMLAnchorElement;\n\nconst Option = forwardRef<ReferenceType, OptionProps>(\n  (\n    {\n      media = '',\n      title,\n      content,\n      as: component,\n      button,\n      decision = true,\n      disabled = false,\n      complex,\n      inverseMediaCircle = true,\n      className,\n      showMediaAtAllSizes,\n      showMediaCircle = true,\n      isContainerAligned = false,\n      ...rest\n    },\n    reference,\n  ) => {\n    const Element = component ?? 'label';\n\n    return (\n      <Element\n        {...rest}\n        ref={reference}\n        className={classNames('np-option', className, {\n          'decision-complex': complex,\n          decision,\n          disabled,\n          'np-option__sm-media': showMediaAtAllSizes,\n          'np-option__container-aligned': isContainerAligned,\n        })}\n        disabled={disabled && Element === 'button'}\n      >\n        <div className=\"media\">\n          {media && (\n            <div className=\"media-left\">\n              {showMediaCircle ? (\n                <div\n                  className={classNames('circle circle-sm text-primary', {\n                    'circle-inverse': inverseMediaCircle,\n                  })}\n                >\n                  {media}\n                </div>\n              ) : (\n                <div className=\"np-option__no-media-circle\">{media}</div>\n              )}\n            </div>\n          )}\n          <div className=\"media-body\">\n            <h4 className=\"np-text-body-large-bold text-primary np-option__title\">{title}</h4>\n            {content && <Body className=\"d-block np-option__body\">{content}</Body>}\n          </div>\n          <div className=\"media-right\">{button}</div>\n        </div>\n      </Element>\n    );\n  },\n);\n\nexport default Option;\n"],"names":["Option","forwardRef","media","title","content","as","component","button","decision","disabled","complex","inverseMediaCircle","className","showMediaAtAllSizes","showMediaCircle","isContainerAligned","rest","reference","Element","_jsx","ref","classNames","children","_jsxs","Body"],"mappings":";;;;;AAkCA,MAAMA,MAAM,gBAAGC,UAAU,CACvB,CACE;AACEC,EAAAA,KAAK,GAAG,EAAE;EACVC,KAAK;EACLC,OAAO;AACPC,EAAAA,EAAE,EAAEC,SAAS;EACbC,MAAM;AACNC,EAAAA,QAAQ,GAAG,IAAI;AACfC,EAAAA,QAAQ,GAAG,KAAK;EAChBC,OAAO;AACPC,EAAAA,kBAAkB,GAAG,IAAI;EACzBC,SAAS;EACTC,mBAAmB;AACnBC,EAAAA,eAAe,GAAG,IAAI;AACtBC,EAAAA,kBAAkB,GAAG,KAAK;EAC1B,GAAGC,IAAAA;AACJ,CAAA,EACDC,SAAS,KACP;AACF,EAAA,MAAMC,OAAO,GAAGZ,SAAS,IAAI,OAAO,CAAA;EAEpC,oBACEa,GAAA,CAACD,OAAO,EAAA;AAAA,IAAA,GACFF,IAAI;AACRI,IAAAA,GAAG,EAAEH,SAAU;AACfL,IAAAA,SAAS,EAAES,UAAU,CAAC,WAAW,EAAET,SAAS,EAAE;AAC5C,MAAA,kBAAkB,EAAEF,OAAO;MAC3BF,QAAQ;MACRC,QAAQ;AACR,MAAA,qBAAqB,EAAEI,mBAAmB;AAC1C,MAAA,8BAA8B,EAAEE,kBAAAA;KACjC,CAAE;AACHN,IAAAA,QAAQ,EAAEA,QAAQ,IAAIS,OAAO,KAAK,QAAS;AAAAI,IAAAA,QAAA,eAE3CC,IAAA,CAAA,KAAA,EAAA;AAAKX,MAAAA,SAAS,EAAC,OAAO;MAAAU,QAAA,EAAA,CACnBpB,KAAK,iBACJiB,GAAA,CAAA,KAAA,EAAA;AAAKP,QAAAA,SAAS,EAAC,YAAY;QAAAU,QAAA,EACxBR,eAAe,gBACdK,GAAA,CAAA,KAAA,EAAA;AACEP,UAAAA,SAAS,EAAES,UAAU,CAAC,+BAA+B,EAAE;AACrD,YAAA,gBAAgB,EAAEV,kBAAAA;AACnB,WAAA,CAAE;AAAAW,UAAAA,QAAA,EAEFpB,KAAAA;SACE,CAAC,gBAENiB,GAAA,CAAA,KAAA,EAAA;AAAKP,UAAAA,SAAS,EAAC,4BAA4B;AAAAU,UAAAA,QAAA,EAAEpB,KAAAA;SAAW,CAAA;OAEvD,CACN,eACDqB,IAAA,CAAA,KAAA,EAAA;AAAKX,QAAAA,SAAS,EAAC,YAAY;AAAAU,QAAAA,QAAA,gBACzBH,GAAA,CAAA,IAAA,EAAA;AAAIP,UAAAA,SAAS,EAAC,uDAAuD;AAAAU,UAAAA,QAAA,EAAEnB,KAAAA;AAAK,SAAK,CACjF,EAACC,OAAO,iBAAIe,GAAA,CAACK,IAAI,EAAA;AAACZ,UAAAA,SAAS,EAAC,yBAAyB;AAAAU,UAAAA,QAAA,EAAElB,OAAAA;AAAO,SAAO,CAAC,CAAA;OACnE,CACL,eAAAe,GAAA,CAAA,KAAA,EAAA;AAAKP,QAAAA,SAAS,EAAC,aAAa;AAAAU,QAAAA,QAAA,EAAEf,MAAAA;AAAM,OAAM,CAC5C,CAAA;KAAK,CAAA;AACP,GAAS,CAAC,CAAA;AAEd,CAAC;;;;"}

package/build/common/RadioButton/RadioButton.js

@@ -0,0 +1,46 @@
+'use strict';
+
+var classNames = require('classnames');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var classNames__default = /*#__PURE__*/_interopDefault(classNames);
+
+function RadioButton({
+  id,
+  value = '',
+  name,
+  checked,
+  onChange,
+  disabled,
+  readOnly
+}) {
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx("input", {
+      type: "radio",
+      className: "sr-only",
+      id: id,
+      value: value,
+      name: name,
+      checked: checked,
+      disabled: disabled || readOnly,
+      onChange: () => {
+        if (!checked) {
+          onChange?.(value);
+        }
+      }
+    }), /*#__PURE__*/jsxRuntime.jsx("span", {
+      className: classNames__default.default('tw-radio-button', {
+        checked,
+        disabled: disabled || readOnly
+      }),
+      children: /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: "tw-radio-check"
+      })
+    })]
+  });
+}
+
+module.exports = RadioButton;
+//# sourceMappingURL=RadioButton.js.map

package/build/common/RadioButton/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","sources":["../../../src/common/RadioButton/RadioButton.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nexport interface RadioButtonProps<T extends string | number = string> {\n  id?: string;\n  name: string;\n  checked?: boolean;\n  onChange?: (value: T) => void;\n  disabled?: boolean;\n  value?: T;\n  readOnly?: boolean;\n}\n\nexport default function RadioButton<T extends string | number = ''>({\n  id,\n  value = '' as T,\n  name,\n  checked,\n  onChange,\n  disabled,\n  readOnly,\n}: RadioButtonProps<T>) {\n  return (\n    <>\n      <input\n        type=\"radio\"\n        className=\"sr-only\"\n        id={id}\n        value={value}\n        name={name}\n        checked={checked}\n        disabled={disabled || readOnly}\n        onChange={() => {\n          if (!checked) {\n            onChange?.(value);\n          }\n        }}\n      />\n      <span className={classNames('tw-radio-button', { checked, disabled: disabled || readOnly })}>\n        <span className=\"tw-radio-check\" />\n      </span>\n    </>\n  );\n}\n"],"names":["RadioButton","id","value","name","checked","onChange","disabled","readOnly","_jsxs","_Fragment","children","_jsx","type","className","classNames"],"mappings":";;;;;;;;;AAYwB,SAAAA,WAAWA,CAAiC;EAClEC,EAAE;AACFC,EAAAA,KAAK,GAAG,EAAO;EACfC,IAAI;EACJC,OAAO;EACPC,QAAQ;EACRC,QAAQ;AACRC,EAAAA,QAAAA;AACoB,CAAA,EAAA;EACpB,oBACEC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,cAAA,CAAA,OAAA,EAAA;AACEC,MAAAA,IAAI,EAAC,OAAO;AACZC,MAAAA,SAAS,EAAC,SAAS;AACnBZ,MAAAA,EAAE,EAAEA,EAAG;AACPC,MAAAA,KAAK,EAAEA,KAAM;AACbC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,OAAO,EAAEA,OAAQ;MACjBE,QAAQ,EAAEA,QAAQ,IAAIC,QAAS;MAC/BF,QAAQ,EAAEA,MAAK;QACb,IAAI,CAACD,OAAO,EAAE;UACZC,QAAQ,GAAGH,KAAK,CAAC,CAAA;AACnB,SAAA;AACF,OAAA;KAEF,CAAA,eAAAS,cAAA,CAAA,MAAA,EAAA;AAAME,MAAAA,SAAS,EAAEC,2BAAU,CAAC,iBAAiB,EAAE;QAAEV,OAAO;QAAEE,QAAQ,EAAEA,QAAQ,IAAIC,QAAAA;AAAU,OAAA,CAAE;AAAAG,MAAAA,QAAA,eAC1FC,cAAA,CAAA,MAAA,EAAA;AAAME,QAAAA,SAAS,EAAC,gBAAA;OAClB,CAAA;AAAA,KAAM,CACR,CAAA;AAAA,GAAA,CAAG,CAAA;AAEP;;;;"}

package/build/common/RadioButton/RadioButton.mjs

@@ -0,0 +1,40 @@
+import classNames from 'classnames';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function RadioButton({
+  id,
+  value = '',
+  name,
+  checked,
+  onChange,
+  disabled,
+  readOnly
+}) {
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("input", {
+      type: "radio",
+      className: "sr-only",
+      id: id,
+      value: value,
+      name: name,
+      checked: checked,
+      disabled: disabled || readOnly,
+      onChange: () => {
+        if (!checked) {
+          onChange?.(value);
+        }
+      }
+    }), /*#__PURE__*/jsx("span", {
+      className: classNames('tw-radio-button', {
+        checked,
+        disabled: disabled || readOnly
+      }),
+      children: /*#__PURE__*/jsx("span", {
+        className: "tw-radio-check"
+      })
+    })]
+  });
+}
+
+export { RadioButton as default };
+//# sourceMappingURL=RadioButton.mjs.map

package/build/common/RadioButton/RadioButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.mjs","sources":["../../../src/common/RadioButton/RadioButton.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nexport interface RadioButtonProps<T extends string | number = string> {\n  id?: string;\n  name: string;\n  checked?: boolean;\n  onChange?: (value: T) => void;\n  disabled?: boolean;\n  value?: T;\n  readOnly?: boolean;\n}\n\nexport default function RadioButton<T extends string | number = ''>({\n  id,\n  value = '' as T,\n  name,\n  checked,\n  onChange,\n  disabled,\n  readOnly,\n}: RadioButtonProps<T>) {\n  return (\n    <>\n      <input\n        type=\"radio\"\n        className=\"sr-only\"\n        id={id}\n        value={value}\n        name={name}\n        checked={checked}\n        disabled={disabled || readOnly}\n        onChange={() => {\n          if (!checked) {\n            onChange?.(value);\n          }\n        }}\n      />\n      <span className={classNames('tw-radio-button', { checked, disabled: disabled || readOnly })}>\n        <span className=\"tw-radio-check\" />\n      </span>\n    </>\n  );\n}\n"],"names":["RadioButton","id","value","name","checked","onChange","disabled","readOnly","_jsxs","_Fragment","children","_jsx","type","className","classNames"],"mappings":";;;AAYwB,SAAAA,WAAWA,CAAiC;EAClEC,EAAE;AACFC,EAAAA,KAAK,GAAG,EAAO;EACfC,IAAI;EACJC,OAAO;EACPC,QAAQ;EACRC,QAAQ;AACRC,EAAAA,QAAAA;AACoB,CAAA,EAAA;EACpB,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEC,GAAA,CAAA,OAAA,EAAA;AACEC,MAAAA,IAAI,EAAC,OAAO;AACZC,MAAAA,SAAS,EAAC,SAAS;AACnBZ,MAAAA,EAAE,EAAEA,EAAG;AACPC,MAAAA,KAAK,EAAEA,KAAM;AACbC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,OAAO,EAAEA,OAAQ;MACjBE,QAAQ,EAAEA,QAAQ,IAAIC,QAAS;MAC/BF,QAAQ,EAAEA,MAAK;QACb,IAAI,CAACD,OAAO,EAAE;UACZC,QAAQ,GAAGH,KAAK,CAAC,CAAA;AACnB,SAAA;AACF,OAAA;KAEF,CAAA,eAAAS,GAAA,CAAA,MAAA,EAAA;AAAME,MAAAA,SAAS,EAAEC,UAAU,CAAC,iBAAiB,EAAE;QAAEV,OAAO;QAAEE,QAAQ,EAAEA,QAAQ,IAAIC,QAAAA;AAAU,OAAA,CAAE;AAAAG,MAAAA,QAAA,eAC1FC,GAAA,CAAA,MAAA,EAAA;AAAME,QAAAA,SAAS,EAAC,gBAAA;OAClB,CAAA;AAAA,KAAM,CACR,CAAA;AAAA,GAAA,CAAG,CAAA;AAEP;;;;"}

package/build/common/action/Action.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var classNames = require('classnames');
+var Link = require('../../link/Link.js');
+var typography = require('../propsValues/typography.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var classNames__default = /*#__PURE__*/_interopDefault(classNames);
+
+function Action({
+  action,
+  className
+}) {
+  if ('href' in action) {
+    return /*#__PURE__*/jsxRuntime.jsx(Link, {
+      href: action.href,
+      className: className,
+      "aria-label": action['aria-label'],
+      target: action.target,
+      type: typography.Typography.LINK_LARGE,
+      onClick: action.onClick,
+      children: action.text
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsx("button", {
+    type: "button",
+    "aria-label": action['aria-label'],
+    className: classNames__default.default('btn-unstyled np-text-link-large', className),
+    onClick: action.onClick,
+    children: action.text
+  });
+}
+
+exports.Action = Action;
+//# sourceMappingURL=Action.js.map

package/build/common/action/Action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Action.js","sources":["../../../src/common/action/Action.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport Link from '../../link';\nimport { Typography } from '../propsValues/typography';\n\nexport type ActionOptions = {\n  'aria-label'?: string;\n  href?: string;\n  target?: string;\n  text: React.ReactNode;\n  onClick?: () => void;\n};\n\ntype Props = {\n  action: ActionOptions;\n  className?: string;\n};\n\nexport function Action({ action, className }: Props) {\n  if ('href' in action) {\n    return (\n      <Link\n        href={action.href}\n        className={className}\n        aria-label={action['aria-label']}\n        target={action.target}\n        type={Typography.LINK_LARGE}\n        onClick={action.onClick}\n      >\n        {action.text}\n      </Link>\n    );\n  }\n\n  return (\n    <button\n      type=\"button\"\n      aria-label={action['aria-label']}\n      className={classNames('btn-unstyled np-text-link-large', className)}\n      onClick={action.onClick}\n    >\n      {action.text}\n    </button>\n  );\n}\n"],"names":["Action","action","className","_jsx","Link","href","target","type","Typography","LINK_LARGE","onClick","children","text","classNames"],"mappings":";;;;;;;;;;;SAiBgBA,MAAMA,CAAC;EAAEC,MAAM;AAAEC,EAAAA,SAAAA;AAAkB,CAAA,EAAA;EACjD,IAAI,MAAM,IAAID,MAAM,EAAE;IACpB,oBACEE,cAAA,CAACC,IAAI,EAAA;MACHC,IAAI,EAAEJ,MAAM,CAACI,IAAK;AAClBH,MAAAA,SAAS,EAAEA,SAAU;MACrB,YAAYD,EAAAA,MAAM,CAAC,YAAY,CAAE;MACjCK,MAAM,EAAEL,MAAM,CAACK,MAAO;MACtBC,IAAI,EAAEC,qBAAU,CAACC,UAAW;MAC5BC,OAAO,EAAET,MAAM,CAACS,OAAQ;MAAAC,QAAA,EAEvBV,MAAM,CAACW,IAAAA;AAAI,KACR,CAAC,CAAA;AAEX,GAAA;AAEA,EAAA,oBACET,cAAA,CAAA,QAAA,EAAA;AACEI,IAAAA,IAAI,EAAC,QAAQ;IACb,YAAYN,EAAAA,MAAM,CAAC,YAAY,CAAE;AACjCC,IAAAA,SAAS,EAAEW,2BAAU,CAAC,iCAAiC,EAAEX,SAAS,CAAE;IACpEQ,OAAO,EAAET,MAAM,CAACS,OAAQ;IAAAC,QAAA,EAEvBV,MAAM,CAACW,IAAAA;AAAI,GACN,CAAC,CAAA;AAEb;;;;"}

package/build/common/action/Action.mjs

@@ -0,0 +1,31 @@
+import classNames from 'classnames';
+import Link from '../../link/Link.mjs';
+import { Typography } from '../propsValues/typography.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+function Action({
+  action,
+  className
+}) {
+  if ('href' in action) {
+    return /*#__PURE__*/jsx(Link, {
+      href: action.href,
+      className: className,
+      "aria-label": action['aria-label'],
+      target: action.target,
+      type: Typography.LINK_LARGE,
+      onClick: action.onClick,
+      children: action.text
+    });
+  }
+  return /*#__PURE__*/jsx("button", {
+    type: "button",
+    "aria-label": action['aria-label'],
+    className: classNames('btn-unstyled np-text-link-large', className),
+    onClick: action.onClick,
+    children: action.text
+  });
+}
+
+export { Action };
+//# sourceMappingURL=Action.mjs.map

package/build/common/action/Action.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Action.mjs","sources":["../../../src/common/action/Action.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport Link from '../../link';\nimport { Typography } from '../propsValues/typography';\n\nexport type ActionOptions = {\n  'aria-label'?: string;\n  href?: string;\n  target?: string;\n  text: React.ReactNode;\n  onClick?: () => void;\n};\n\ntype Props = {\n  action: ActionOptions;\n  className?: string;\n};\n\nexport function Action({ action, className }: Props) {\n  if ('href' in action) {\n    return (\n      <Link\n        href={action.href}\n        className={className}\n        aria-label={action['aria-label']}\n        target={action.target}\n        type={Typography.LINK_LARGE}\n        onClick={action.onClick}\n      >\n        {action.text}\n      </Link>\n    );\n  }\n\n  return (\n    <button\n      type=\"button\"\n      aria-label={action['aria-label']}\n      className={classNames('btn-unstyled np-text-link-large', className)}\n      onClick={action.onClick}\n    >\n      {action.text}\n    </button>\n  );\n}\n"],"names":["Action","action","className","_jsx","Link","href","target","type","Typography","LINK_LARGE","onClick","children","text","classNames"],"mappings":";;;;;SAiBgBA,MAAMA,CAAC;EAAEC,MAAM;AAAEC,EAAAA,SAAAA;AAAkB,CAAA,EAAA;EACjD,IAAI,MAAM,IAAID,MAAM,EAAE;IACpB,oBACEE,GAAA,CAACC,IAAI,EAAA;MACHC,IAAI,EAAEJ,MAAM,CAACI,IAAK;AAClBH,MAAAA,SAAS,EAAEA,SAAU;MACrB,YAAYD,EAAAA,MAAM,CAAC,YAAY,CAAE;MACjCK,MAAM,EAAEL,MAAM,CAACK,MAAO;MACtBC,IAAI,EAAEC,UAAU,CAACC,UAAW;MAC5BC,OAAO,EAAET,MAAM,CAACS,OAAQ;MAAAC,QAAA,EAEvBV,MAAM,CAACW,IAAAA;AAAI,KACR,CAAC,CAAA;AAEX,GAAA;AAEA,EAAA,oBACET,GAAA,CAAA,QAAA,EAAA;AACEI,IAAAA,IAAI,EAAC,QAAQ;IACb,YAAYN,EAAAA,MAAM,CAAC,YAAY,CAAE;AACjCC,IAAAA,SAAS,EAAEW,UAAU,CAAC,iCAAiC,EAAEX,SAAS,CAAE;IACpEQ,OAAO,EAAET,MAAM,CAACS,OAAQ;IAAAC,QAAA,EAEvBV,MAAM,CAACW,IAAAA;AAAI,GACN,CAAC,CAAA;AAEb;;;;"}

package/build/common/bottomSheet/BottomSheet.js

@@ -0,0 +1,194 @@
+'use strict';
+
+var classNames = require('classnames');
+var React = require('react');
+var Dimmer = require('../../dimmer/Dimmer.js');
+var Drawer = require('../../drawer/Drawer.js');
+var SlidingPanel = require('../../slidingPanel/SlidingPanel.js');
+var CloseButton = require('../closeButton/CloseButton.js');
+var documentIosClick = require('../domHelpers/documentIosClick.js');
+var useMedia = require('../hooks/useMedia.js');
+var breakpoint = require('../propsValues/breakpoint.js');
+var position = require('../propsValues/position.js');
+var jsxRuntime = require('react/jsx-runtime');
+var useConditionalListener = require('../hooks/useConditionalListener/useConditionalListener.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var classNames__default = /*#__PURE__*/_interopDefault(classNames);
+
+const INITIAL_Y_POSITION = 0;
+const CONTENT_SCROLL_THRESHOLD = 1;
+const MOVE_OFFSET_THRESHOLD = 50;
+/**
+ * Neptune: https://transferwise.github.io/neptune/components/bottom-sheet/
+ *
+ * Neptune Web: https://transferwise.github.io/neptune-web/components/overlays/BottomSheet
+ *
+ */
+const BottomSheet = props => {
+  const bottomSheetReference = React.useRef(null);
+  const topBarReference = React.useRef(null);
+  const contentReference = React.useRef(null);
+  const [pressed, setPressed] = React.useState(false);
+  /**
+   * Used to track `requestAnimationFrame` requests
+   *
+   * @see https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame#return_value
+   */
+  const animationId = React.useRef(0);
+  /**
+   * Difference between initial coordinate ({@link initialYCoordinate})
+   * and new position (when user moves component), it's get calculated on `onTouchMove` and `onMouseMove` events
+   *
+   * @see {@link calculateOffsetAfterMove}
+   */
+  const moveOffset = React.useRef(0);
+  const initialYCoordinate = React.useRef(0);
+  // apply shadow to the bottom of top-bar when scroll over content
+  useConditionalListener.useConditionalListener({
+    attachListener: props.open && !documentIosClick.isServerSide(),
+    callback: () => {
+      if (topBarReference.current !== null) {
+        const {
+          classList
+        } = topBarReference.current;
+        if (!isContentScrollPositionAtTop()) {
+          classList.add('np-bottom-sheet--top-bar--shadow');
+        } else {
+          classList.remove('np-bottom-sheet--top-bar--shadow');
+        }
+      }
+    },
+    eventType: 'scroll',
+    parent: documentIosClick.isServerSide() ? undefined : document
+  });
+  function move(newHeight) {
+    if (bottomSheetReference.current !== null) {
+      bottomSheetReference.current.style.transform = `translateY(${newHeight}px)`;
+    }
+  }
+  function close(event) {
+    setPressed(false);
+    moveOffset.current = INITIAL_Y_POSITION;
+    if (bottomSheetReference.current !== null) {
+      bottomSheetReference.current.style.removeProperty('transform');
+    }
+    if (props.onClose) {
+      props.onClose(event);
+    }
+  }
+  const onSwipeStart = event => {
+    initialYCoordinate.current = ('touches' in event ? event.touches[0] : event).clientY;
+    setPressed(true);
+  };
+  const onSwipeMove = event => {
+    if (pressed) {
+      const {
+        clientY
+      } = 'touches' in event ? event.touches[0] : event;
+      const offset = calculateOffsetAfterMove(clientY);
+      // check whether move is to the bottom only and content scroll position is at the top
+      if (offset > INITIAL_Y_POSITION && isContentScrollPositionAtTop()) {
+        moveOffset.current = offset;
+        animationId.current = requestAnimationFrame(() => {
+          if (animationId.current !== undefined && bottomSheetReference.current !== null) {
+            move(offset);
+          }
+        });
+      }
+    }
+  };
+  function onSwipeEnd(event) {
+    // stop moving component
+    cancelAnimationFrame(animationId.current);
+    setPressed(false);
+    // check whether move down is strong enough
+    // and content scroll position is at the top to close the component
+    if (moveOffset.current > MOVE_OFFSET_THRESHOLD && isContentScrollPositionAtTop()) {
+      close(event);
+    }
+    // otherwise move component back to default (initial) position
+    else {
+      move(INITIAL_Y_POSITION);
+    }
+    moveOffset.current = INITIAL_Y_POSITION;
+  }
+  function isContentScrollPositionAtTop() {
+    return contentReference?.current?.scrollTop !== undefined && contentReference.current.scrollTop <= CONTENT_SCROLL_THRESHOLD;
+  }
+  /**
+   * Calculates how hard user moves component,
+   * result value used to determine whether to hide component or re-position to default state
+   *
+   * @param afterMoveYCoordinate
+   */
+  function calculateOffsetAfterMove(afterMoveYCoordinate) {
+    return afterMoveYCoordinate - initialYCoordinate.current;
+  }
+  /**
+   * Set `max-height` for content part (in order to keep it scrollable for content overflow cases) of the component
+   * and ensures space for safe zone (32px) at the top.
+   */
+  function setContentMaxHeight() {
+    const safeZoneHeight = '64px';
+    const topbarHeight = '32px';
+    const windowHight = documentIosClick.isServerSide() ? 0 : window.innerHeight;
+    /**
+     * Calculate _real_ height of the screen (taking into account parts of browser interface).
+     *
+     * See https://css-tricks.com/the-trick-to-viewport-units-on-mobile for more details.
+     */
+    const screenHeight = `${windowHight * 0.01 * 100}px`;
+    return {
+      maxHeight: `calc(${screenHeight} - ${safeZoneHeight} - ${topbarHeight})`
+    };
+  }
+  const is400Zoom = useMedia.useMedia(`(max-width: ${breakpoint.Breakpoint.ZOOM_400}px)`);
+  return is400Zoom ? /*#__PURE__*/jsxRuntime.jsx(Drawer, {
+    open: props.open,
+    className: props.className,
+    onClose: close,
+    children: props.children
+  }) : /*#__PURE__*/jsxRuntime.jsx(Dimmer.default, {
+    open: props.open,
+    fadeContentOnEnter: true,
+    fadeContentOnExit: true,
+    onClose: close,
+    children: /*#__PURE__*/jsxRuntime.jsx(SlidingPanel.default, {
+      ref: bottomSheetReference,
+      open: props.open,
+      position: position.Position.BOTTOM,
+      className: classNames__default.default('np-bottom-sheet', props.className),
+      children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        role: "dialog",
+        "aria-modal": true,
+        onTouchStart: onSwipeStart,
+        onTouchMove: onSwipeMove,
+        onTouchEnd: onSwipeEnd,
+        onMouseDown: onSwipeStart,
+        onMouseMove: onSwipeMove,
+        onMouseUp: onSwipeEnd,
+        children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+          ref: topBarReference,
+          className: "np-bottom-sheet--top-bar",
+          children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "np-bottom-sheet--handler"
+          }), /*#__PURE__*/jsxRuntime.jsx(CloseButton.CloseButton, {
+            size: "sm",
+            className: "sr-only np-bottom-sheet--close-btn",
+            onClick: close
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsx("div", {
+          ref: contentReference,
+          style: setContentMaxHeight(),
+          className: "np-bottom-sheet--content",
+          children: props.children
+        })]
+      })
+    })
+  });
+};
+
+module.exports = BottomSheet;
+//# sourceMappingURL=BottomSheet.js.map

package/build/common/bottomSheet/BottomSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.js","sources":["../../../src/common/bottomSheet/BottomSheet.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { useRef, useState, PropsWithChildren, CSSProperties, SyntheticEvent } from 'react';\n\nimport Dimmer from '../../dimmer';\nimport Drawer from '../../drawer';\nimport SlidingPanel from '../../slidingPanel';\nimport { CloseButton } from '../closeButton';\nimport { CommonProps } from '../commonProps';\nimport { isServerSide } from '../domHelpers';\nimport { useConditionalListener } from '../hooks';\nimport { useMedia } from '../hooks/useMedia';\nimport { Breakpoint } from '../propsValues/breakpoint';\nimport { Position } from '../propsValues/position';\n\nconst INITIAL_Y_POSITION = 0;\n\nconst CONTENT_SCROLL_THRESHOLD = 1;\n\nconst MOVE_OFFSET_THRESHOLD = 50;\n\nexport type BottomSheetProps = PropsWithChildren<\n  {\n    onClose?: (event: Event | SyntheticEvent) => void;\n    open: boolean;\n  } & CommonProps\n>;\n\n/**\n * Neptune: https://transferwise.github.io/neptune/components/bottom-sheet/\n *\n * Neptune Web: https://transferwise.github.io/neptune-web/components/overlays/BottomSheet\n *\n */\nconst BottomSheet = (props: BottomSheetProps) => {\n  const bottomSheetReference = useRef<HTMLDivElement>(null);\n  const topBarReference = useRef<HTMLDivElement>(null);\n  const contentReference = useRef<HTMLDivElement>(null);\n\n  const [pressed, setPressed] = useState<boolean>(false);\n\n  /**\n   * Used to track `requestAnimationFrame` requests\n   *\n   * @see https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame#return_value\n   */\n  const animationId = useRef<number>(0);\n\n  /**\n   * Difference between initial coordinate ({@link initialYCoordinate})\n   * and new position (when user moves component), it's get calculated on `onTouchMove` and `onMouseMove` events\n   *\n   * @see {@link calculateOffsetAfterMove}\n   */\n  const moveOffset = useRef<number>(0);\n  const initialYCoordinate = useRef<number>(0);\n\n  // apply shadow to the bottom of top-bar when scroll over content\n  useConditionalListener({\n    attachListener: props.open && !isServerSide(),\n    callback: () => {\n      if (topBarReference.current !== null) {\n        const { classList } = topBarReference.current;\n        if (!isContentScrollPositionAtTop()) {\n          classList.add('np-bottom-sheet--top-bar--shadow');\n        } else {\n          classList.remove('np-bottom-sheet--top-bar--shadow');\n        }\n      }\n    },\n    eventType: 'scroll',\n    parent: isServerSide() ? undefined : document,\n  });\n\n  function move(newHeight: number): void {\n    if (bottomSheetReference.current !== null) {\n      bottomSheetReference.current.style.transform = `translateY(${newHeight}px)`;\n    }\n  }\n\n  function close(event: Event | SyntheticEvent): void {\n    setPressed(false);\n    moveOffset.current = INITIAL_Y_POSITION;\n    if (bottomSheetReference.current !== null) {\n      bottomSheetReference.current.style.removeProperty('transform');\n    }\n    if (props.onClose) {\n      props.onClose(event);\n    }\n  }\n\n  const onSwipeStart = (\n    event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>,\n  ): void => {\n    initialYCoordinate.current = ('touches' in event ? event.touches[0] : event).clientY;\n    setPressed(true);\n  };\n\n  const onSwipeMove = (\n    event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>,\n  ): void => {\n    if (pressed) {\n      const { clientY } = 'touches' in event ? event.touches[0] : event;\n\n      const offset = calculateOffsetAfterMove(clientY);\n      // check whether move is to the bottom only and content scroll position is at the top\n      if (offset > INITIAL_Y_POSITION && isContentScrollPositionAtTop()) {\n        moveOffset.current = offset;\n        animationId.current = requestAnimationFrame(() => {\n          if (animationId.current !== undefined && bottomSheetReference.current !== null) {\n            move(offset);\n          }\n        });\n      }\n    }\n  };\n\n  function onSwipeEnd(\n    event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>,\n  ): void {\n    // stop moving component\n    cancelAnimationFrame(animationId.current);\n    setPressed(false);\n    // check whether move down is strong enough\n    // and content scroll position is at the top to close the component\n    if (moveOffset.current > MOVE_OFFSET_THRESHOLD && isContentScrollPositionAtTop()) {\n      close(event);\n    }\n    // otherwise move component back to default (initial) position\n    else {\n      move(INITIAL_Y_POSITION);\n    }\n    moveOffset.current = INITIAL_Y_POSITION;\n  }\n\n  function isContentScrollPositionAtTop(): boolean {\n    return (\n      contentReference?.current?.scrollTop !== undefined &&\n      contentReference.current.scrollTop <= CONTENT_SCROLL_THRESHOLD\n    );\n  }\n\n  /**\n   * Calculates how hard user moves component,\n   * result value used to determine whether to hide component or re-position to default state\n   *\n   * @param afterMoveYCoordinate\n   */\n  function calculateOffsetAfterMove(afterMoveYCoordinate: number): number {\n    return afterMoveYCoordinate - initialYCoordinate.current;\n  }\n\n  /**\n   * Set `max-height` for content part (in order to keep it scrollable for content overflow cases) of the component\n   * and ensures space for safe zone (32px) at the top.\n   */\n  function setContentMaxHeight(): CSSProperties {\n    const safeZoneHeight = '64px';\n    const topbarHeight = '32px';\n    const windowHight: number = isServerSide() ? 0 : window.innerHeight;\n    /**\n     * Calculate _real_ height of the screen (taking into account parts of browser interface).\n     *\n     * See https://css-tricks.com/the-trick-to-viewport-units-on-mobile for more details.\n     */\n    const screenHeight = `${windowHight * 0.01 * 100}px`;\n    return {\n      maxHeight: `calc(${screenHeight} - ${safeZoneHeight} - ${topbarHeight})`,\n    };\n  }\n\n  const is400Zoom = useMedia(`(max-width: ${Breakpoint.ZOOM_400}px)`);\n\n  return is400Zoom ? (\n    <Drawer open={props.open} className={props.className} onClose={close}>\n      {props.children}\n    </Drawer>\n  ) : (\n    <Dimmer open={props.open} fadeContentOnEnter fadeContentOnExit onClose={close}>\n      <SlidingPanel\n        ref={bottomSheetReference}\n        open={props.open}\n        position={Position.BOTTOM}\n        className={classNames('np-bottom-sheet', props.className)}\n      >\n        {/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */}\n        <div\n          role=\"dialog\"\n          aria-modal\n          onTouchStart={onSwipeStart}\n          onTouchMove={onSwipeMove}\n          onTouchEnd={onSwipeEnd}\n          onMouseDown={onSwipeStart}\n          onMouseMove={onSwipeMove}\n          onMouseUp={onSwipeEnd}\n        >\n          <div ref={topBarReference} className=\"np-bottom-sheet--top-bar\">\n            <div className=\"np-bottom-sheet--handler\" />\n            <CloseButton size=\"sm\" className=\"sr-only np-bottom-sheet--close-btn\" onClick={close} />\n          </div>\n          <div\n            ref={contentReference}\n            style={setContentMaxHeight()}\n            className=\"np-bottom-sheet--content\"\n          >\n            {props.children}\n          </div>\n        </div>\n      </SlidingPanel>\n    </Dimmer>\n  );\n};\n\nexport default BottomSheet;\n"],"names":["INITIAL_Y_POSITION","CONTENT_SCROLL_THRESHOLD","MOVE_OFFSET_THRESHOLD","BottomSheet","props","bottomSheetReference","useRef","topBarReference","contentReference","pressed","setPressed","useState","animationId","moveOffset","initialYCoordinate","useConditionalListener","attachListener","open","isServerSide","callback","current","classList","isContentScrollPositionAtTop","add","remove","eventType","parent","undefined","document","move","newHeight","style","transform","close","event","removeProperty","onClose","onSwipeStart","touches","clientY","onSwipeMove","offset","calculateOffsetAfterMove","requestAnimationFrame","onSwipeEnd","cancelAnimationFrame","scrollTop","afterMoveYCoordinate","setContentMaxHeight","safeZoneHeight","topbarHeight","windowHight","window","innerHeight","screenHeight","maxHeight","is400Zoom","useMedia","Breakpoint","ZOOM_400","_jsx","Drawer","className","children","Dimmer","fadeContentOnEnter","fadeContentOnExit","SlidingPanel","ref","position","Position","BOTTOM","classNames","_jsxs","role","onTouchStart","onTouchMove","onTouchEnd","onMouseDown","onMouseMove","onMouseUp","CloseButton","size","onClick"],"mappings":"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"}