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

package/build/Table/TableStatusText.js

@@ -0,0 +1,57 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var icons = require('@transferwise/icons');
+var clsx = require('clsx');
+require('react');
+var Body = require('../Body/Body.js');
+require('../common/theme.js');
+require('../common/direction.js');
+require('@transferwise/neptune-tokens');
+require('../common/PropsValues/control.js');
+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');
+require('@transferwise/formatting');
+require('react-intl');
+require('../common/CloseButton/CloseButton.messages.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+const TableStatusText = ({
+  text,
+  className,
+  status,
+  typography: typography$1 = 'default'
+}) => {
+  const typographyType = status ?? typography$1 === 'default-bold' ? typography.Typography.BODY_DEFAULT_BOLD : typography.Typography.BODY_DEFAULT;
+  return /*#__PURE__*/jsxRuntime.jsxs(Body.default, {
+    type: typographyType,
+    className: clsx.clsx(className, {
+      'np-table-content--success': status === 'success',
+      'np-table-content--error': status === 'error'
+    }),
+    children: [text, status === 'success' && /*#__PURE__*/jsxRuntime.jsx(icons.CheckCircle, {
+      className: "tw-icon--status",
+      "data-testid": "check-icon"
+    }), status === 'error' && /*#__PURE__*/jsxRuntime.jsx(icons.AlertCircle, {
+      className: "tw-icon--status",
+      "data-testid": "alert-icon"
+    })]
+  });
+};
+
+exports.default = TableStatusText;
+//# sourceMappingURL=TableStatusText.js.map

package/build/Table/TableStatusText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableStatusText.js","sources":["../../src/Table/TableStatusText.tsx"],"sourcesContent":["import { AlertCircle, CheckCircle } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport Body from '../Body';\nimport { Typography } from '../common';\n\nexport interface TableStatusTextProps {\n  text: string | React.ReactNode;\n  className?: string;\n  status?: 'success' | 'error';\n  typography?: 'default' | 'default-bold';\n}\n\nconst TableStatusText = ({\n  text,\n  className,\n  status,\n  typography = 'default',\n}: TableStatusTextProps) => {\n  const typographyType =\n    (status ?? typography === 'default-bold')\n      ? Typography.BODY_DEFAULT_BOLD\n      : Typography.BODY_DEFAULT;\n\n  return (\n    <Body\n      type={typographyType}\n      className={clsx(className, {\n        'np-table-content--success': status === 'success',\n        'np-table-content--error': status === 'error',\n      })}\n    >\n      {text}\n      {status === 'success' && <CheckCircle className=\"tw-icon--status\" data-testid=\"check-icon\" />}\n      {status === 'error' && <AlertCircle className=\"tw-icon--status\" data-testid=\"alert-icon\" />}\n    </Body>\n  );\n};\n\nexport default TableStatusText;\n"],"names":["TableStatusText","text","className","status","typography","typographyType","Typography","BODY_DEFAULT_BOLD","BODY_DEFAULT","_jsxs","Body","type","clsx","children","_jsx","CheckCircle","AlertCircle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAMA,eAAe,GAAGA,CAAC;EACvBC,IAAI;EACJC,SAAS;EACTC,MAAM;AACNC,cAAAA,YAAU,GAAG;AAAS,CACD,KAAI;AACzB,EAAA,MAAMC,cAAc,GACjBF,MAAM,IAAIC,YAAU,KAAK,cAAc,GACpCE,qBAAU,CAACC,iBAAiB,GAC5BD,qBAAU,CAACE,YAAY;EAE7B,oBACEC,eAAA,CAACC,YAAI,EAAA;AACHC,IAAAA,IAAI,EAAEN,cAAe;AACrBH,IAAAA,SAAS,EAAEU,SAAI,CAACV,SAAS,EAAE;MACzB,2BAA2B,EAAEC,MAAM,KAAK,SAAS;MACjD,yBAAyB,EAAEA,MAAM,KAAK;AACvC,KAAA,CAAE;IAAAU,QAAA,EAAA,CAEFZ,IAAI,EACJE,MAAM,KAAK,SAAS,iBAAIW,cAAA,CAACC,iBAAW,EAAA;AAACb,MAAAA,SAAS,EAAC,iBAAiB;MAAC,aAAA,EAAY;MAAe,EAC5FC,MAAM,KAAK,OAAO,iBAAIW,cAAA,CAACE,iBAAW,EAAA;AAACd,MAAAA,SAAS,EAAC,iBAAiB;MAAC,aAAA,EAAY;AAAY,MAAG;AAAA,GACvF,CAAC;AAEX;;;;"}

package/build/Table/TableStatusText.mjs

@@ -0,0 +1,53 @@
+import { CheckCircle, AlertCircle } from '@transferwise/icons';
+import { clsx } from 'clsx';
+import 'react';
+import Body from '../Body/Body.mjs';
+import '../common/theme.mjs';
+import '../common/direction.mjs';
+import '@transferwise/neptune-tokens';
+import '../common/PropsValues/control.mjs';
+import '../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 '../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 '../common/PropsValues/scroll.mjs';
+import '../common/PropsValues/markdownNodeType.mjs';
+import '../common/fileType.mjs';
+import '@transferwise/formatting';
+import 'react-intl';
+import '../common/CloseButton/CloseButton.messages.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const TableStatusText = ({
+  text,
+  className,
+  status,
+  typography = 'default'
+}) => {
+  const typographyType = status ?? typography === 'default-bold' ? Typography.BODY_DEFAULT_BOLD : Typography.BODY_DEFAULT;
+  return /*#__PURE__*/jsxs(Body, {
+    type: typographyType,
+    className: clsx(className, {
+      'np-table-content--success': status === 'success',
+      'np-table-content--error': status === 'error'
+    }),
+    children: [text, status === 'success' && /*#__PURE__*/jsx(CheckCircle, {
+      className: "tw-icon--status",
+      "data-testid": "check-icon"
+    }), status === 'error' && /*#__PURE__*/jsx(AlertCircle, {
+      className: "tw-icon--status",
+      "data-testid": "alert-icon"
+    })]
+  });
+};
+
+export { TableStatusText as default };
+//# sourceMappingURL=TableStatusText.mjs.map

package/build/Table/TableStatusText.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableStatusText.mjs","sources":["../../src/Table/TableStatusText.tsx"],"sourcesContent":["import { AlertCircle, CheckCircle } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport Body from '../Body';\nimport { Typography } from '../common';\n\nexport interface TableStatusTextProps {\n  text: string | React.ReactNode;\n  className?: string;\n  status?: 'success' | 'error';\n  typography?: 'default' | 'default-bold';\n}\n\nconst TableStatusText = ({\n  text,\n  className,\n  status,\n  typography = 'default',\n}: TableStatusTextProps) => {\n  const typographyType =\n    (status ?? typography === 'default-bold')\n      ? Typography.BODY_DEFAULT_BOLD\n      : Typography.BODY_DEFAULT;\n\n  return (\n    <Body\n      type={typographyType}\n      className={clsx(className, {\n        'np-table-content--success': status === 'success',\n        'np-table-content--error': status === 'error',\n      })}\n    >\n      {text}\n      {status === 'success' && <CheckCircle className=\"tw-icon--status\" data-testid=\"check-icon\" />}\n      {status === 'error' && <AlertCircle className=\"tw-icon--status\" data-testid=\"alert-icon\" />}\n    </Body>\n  );\n};\n\nexport default TableStatusText;\n"],"names":["TableStatusText","text","className","status","typography","typographyType","Typography","BODY_DEFAULT_BOLD","BODY_DEFAULT","_jsxs","Body","type","clsx","children","_jsx","CheckCircle","AlertCircle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAMA,eAAe,GAAGA,CAAC;EACvBC,IAAI;EACJC,SAAS;EACTC,MAAM;AACNC,EAAAA,UAAU,GAAG;AAAS,CACD,KAAI;AACzB,EAAA,MAAMC,cAAc,GACjBF,MAAM,IAAIC,UAAU,KAAK,cAAc,GACpCE,UAAU,CAACC,iBAAiB,GAC5BD,UAAU,CAACE,YAAY;EAE7B,oBACEC,IAAA,CAACC,IAAI,EAAA;AACHC,IAAAA,IAAI,EAAEN,cAAe;AACrBH,IAAAA,SAAS,EAAEU,IAAI,CAACV,SAAS,EAAE;MACzB,2BAA2B,EAAEC,MAAM,KAAK,SAAS;MACjD,yBAAyB,EAAEA,MAAM,KAAK;AACvC,KAAA,CAAE;IAAAU,QAAA,EAAA,CAEFZ,IAAI,EACJE,MAAM,KAAK,SAAS,iBAAIW,GAAA,CAACC,WAAW,EAAA;AAACb,MAAAA,SAAS,EAAC,iBAAiB;MAAC,aAAA,EAAY;MAAe,EAC5FC,MAAM,KAAK,OAAO,iBAAIW,GAAA,CAACE,WAAW,EAAA;AAACd,MAAAA,SAAS,EAAC,iBAAiB;MAAC,aAAA,EAAY;AAAY,MAAG;AAAA,GACvF,CAAC;AAEX;;;;"}

package/build/Tabs/Tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.js","sources":["../../src/Tabs/Tab.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { forwardRef, useEffect, useRef } from 'react';\nimport { useEffectEvent } from '../common/hooks/useEffectEvent';\n\nexport interface TabProps {\n  children?: React.ReactNode;\n  disabled?: boolean;\n  selected?: boolean;\n  id: string;\n  panelId: string;\n  style?: React.CSSProperties;\n  focusTab?: () => void;\n  onKeyDown: React.KeyboardEventHandler<HTMLLIElement>;\n  onClick?: React.MouseEventHandler<HTMLLIElement>;\n}\n\nconst noop = () => {};\n\nconst Tab = forwardRef(function Tab(\n  {\n    children,\n    id,\n    disabled,\n    panelId,\n    selected,\n    onKeyDown,\n    onClick,\n    style,\n    focusTab = noop,\n  }: TabProps,\n  reference: React.ForwardedRef<HTMLLIElement>,\n) {\n  const handleFocusTab = useEffectEvent(focusTab);\n  const firstUpdate = useRef(true);\n  useEffect(\n    function checkFocus() {\n      if (firstUpdate.current) {\n        firstUpdate.current = false;\n        return;\n      }\n\n      if (selected) {\n        handleFocusTab();\n      }\n    },\n    [handleFocusTab, selected],\n  );\n\n  return (\n    <li\n      ref={reference}\n      className={clsx('tabs__tab', selected ? 'np-text-body-large-bold' : 'np-text-body-large', {\n        'tabs__tab--selected': selected,\n        clickable: !disabled,\n        disabled,\n      })}\n      role=\"tab\"\n      id={id}\n      aria-selected={selected ? 'true' : 'false'}\n      aria-disabled={disabled ? 'true' : 'false'}\n      aria-controls={disabled ? undefined : panelId}\n      tabIndex={0}\n      style={style}\n      onKeyDown={disabled ? undefined : onKeyDown}\n      onClick={onClick}\n    >\n      <span className=\"tabs__tab__content\">{children}</span>\n    </li>\n  );\n});\n\nexport default Tab;\n"],"names":["noop","Tab","forwardRef","children","id","disabled","panelId","selected","onKeyDown","onClick","style","focusTab","reference","handleFocusTab","useEffectEvent","firstUpdate","useRef","useEffect","checkFocus","current","_jsx","ref","className","clsx","clickable","role","undefined","tabIndex"],"mappings":";;;;;;;;;AAgBA,MAAMA,IAAI,GAAGA,MAAK,CAAE,CAAC;AAErB,MAAMC,GAAG,gBAAGC,gBAAU,CAAC,SAASD,GAAGA,CACjC;EACEE,QAAQ;EACRC,EAAE;EACFC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,SAAS;EACTC,OAAO;EACPC,KAAK;AACLC,EAAAA,QAAQ,GAAGX;AAAI,CACN,EACXY,SAA4C,EAAA;AAE5C,EAAA,MAAMC,cAAc,GAAGC,6BAAc,CAACH,QAAQ,CAAC;AAC/C,EAAA,MAAMI,WAAW,GAAGC,YAAM,CAAC,IAAI,CAAC;AAChCC,EAAAA,eAAS,CACP,SAASC,UAAUA,GAAA;IACjB,IAAIH,WAAW,CAACI,OAAO,EAAE;MACvBJ,WAAW,CAACI,OAAO,GAAG,KAAK;AAC3B,MAAA;AACF,IAAA;AAEA,IAAA,IAAIZ,QAAQ,EAAE;AACZM,MAAAA,cAAc,EAAE;AAClB,IAAA;AACF,EAAA,CAAC,EACD,CAACA,cAAc,EAAEN,QAAQ,CAAC,CAC3B;AAED,EAAA,oBACEa,cAAA,CAAA,IAAA,EAAA;AACEC,IAAAA,GAAG,EAAET,SAAU;IACfU,SAAS,EAAEC,SAAI,CAAC,WAAW,EAAEhB,QAAQ,GAAG,yBAAyB,GAAG,oBAAoB,EAAE;AACxF,MAAA,qBAAqB,EAAEA,QAAQ;MAC/BiB,SAAS,EAAE,CAACnB,QAAQ;AACpBA,MAAAA;AACD,KAAA,CAAE;AACHoB,IAAAA,IAAI,EAAC,KAAK;AACVrB,IAAAA,EAAE,EAAEA,EAAG;AACP,IAAA,eAAA,EAAeG,QAAQ,GAAG,MAAM,GAAG,OAAQ;AAC3C,IAAA,eAAA,EAAeF,QAAQ,GAAG,MAAM,GAAG,OAAQ;AAC3C,IAAA,eAAA,EAAeA,QAAQ,GAAGqB,SAAS,GAAGpB,OAAQ;AAC9CqB,IAAAA,QAAQ,EAAE,CAAE;AACZjB,IAAAA,KAAK,EAAEA,KAAM;AACbF,IAAAA,SAAS,EAAEH,QAAQ,GAAGqB,SAAS,GAAGlB,SAAU;AAC5CC,IAAAA,OAAO,EAAEA,OAAQ;AAAAN,IAAAA,QAAA,eAEjBiB,cAAA,CAAA,MAAA,EAAA;AAAME,MAAAA,SAAS,EAAC,oBAAoB;AAAAnB,MAAAA,QAAA,EAAEA;KAAe;AACvD,GAAI,CAAC;AAET,CAAC;;;;"}

package/build/Tabs/Tab.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.mjs","sources":["../../src/Tabs/Tab.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { forwardRef, useEffect, useRef } from 'react';\nimport { useEffectEvent } from '../common/hooks/useEffectEvent';\n\nexport interface TabProps {\n  children?: React.ReactNode;\n  disabled?: boolean;\n  selected?: boolean;\n  id: string;\n  panelId: string;\n  style?: React.CSSProperties;\n  focusTab?: () => void;\n  onKeyDown: React.KeyboardEventHandler<HTMLLIElement>;\n  onClick?: React.MouseEventHandler<HTMLLIElement>;\n}\n\nconst noop = () => {};\n\nconst Tab = forwardRef(function Tab(\n  {\n    children,\n    id,\n    disabled,\n    panelId,\n    selected,\n    onKeyDown,\n    onClick,\n    style,\n    focusTab = noop,\n  }: TabProps,\n  reference: React.ForwardedRef<HTMLLIElement>,\n) {\n  const handleFocusTab = useEffectEvent(focusTab);\n  const firstUpdate = useRef(true);\n  useEffect(\n    function checkFocus() {\n      if (firstUpdate.current) {\n        firstUpdate.current = false;\n        return;\n      }\n\n      if (selected) {\n        handleFocusTab();\n      }\n    },\n    [handleFocusTab, selected],\n  );\n\n  return (\n    <li\n      ref={reference}\n      className={clsx('tabs__tab', selected ? 'np-text-body-large-bold' : 'np-text-body-large', {\n        'tabs__tab--selected': selected,\n        clickable: !disabled,\n        disabled,\n      })}\n      role=\"tab\"\n      id={id}\n      aria-selected={selected ? 'true' : 'false'}\n      aria-disabled={disabled ? 'true' : 'false'}\n      aria-controls={disabled ? undefined : panelId}\n      tabIndex={0}\n      style={style}\n      onKeyDown={disabled ? undefined : onKeyDown}\n      onClick={onClick}\n    >\n      <span className=\"tabs__tab__content\">{children}</span>\n    </li>\n  );\n});\n\nexport default Tab;\n"],"names":["noop","Tab","forwardRef","children","id","disabled","panelId","selected","onKeyDown","onClick","style","focusTab","reference","handleFocusTab","useEffectEvent","firstUpdate","useRef","useEffect","checkFocus","current","_jsx","ref","className","clsx","clickable","role","undefined","tabIndex"],"mappings":";;;;;AAgBA,MAAMA,IAAI,GAAGA,MAAK,CAAE,CAAC;AAErB,MAAMC,GAAG,gBAAGC,UAAU,CAAC,SAASD,GAAGA,CACjC;EACEE,QAAQ;EACRC,EAAE;EACFC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,SAAS;EACTC,OAAO;EACPC,KAAK;AACLC,EAAAA,QAAQ,GAAGX;AAAI,CACN,EACXY,SAA4C,EAAA;AAE5C,EAAA,MAAMC,cAAc,GAAGC,cAAc,CAACH,QAAQ,CAAC;AAC/C,EAAA,MAAMI,WAAW,GAAGC,MAAM,CAAC,IAAI,CAAC;AAChCC,EAAAA,SAAS,CACP,SAASC,UAAUA,GAAA;IACjB,IAAIH,WAAW,CAACI,OAAO,EAAE;MACvBJ,WAAW,CAACI,OAAO,GAAG,KAAK;AAC3B,MAAA;AACF,IAAA;AAEA,IAAA,IAAIZ,QAAQ,EAAE;AACZM,MAAAA,cAAc,EAAE;AAClB,IAAA;AACF,EAAA,CAAC,EACD,CAACA,cAAc,EAAEN,QAAQ,CAAC,CAC3B;AAED,EAAA,oBACEa,GAAA,CAAA,IAAA,EAAA;AACEC,IAAAA,GAAG,EAAET,SAAU;IACfU,SAAS,EAAEC,IAAI,CAAC,WAAW,EAAEhB,QAAQ,GAAG,yBAAyB,GAAG,oBAAoB,EAAE;AACxF,MAAA,qBAAqB,EAAEA,QAAQ;MAC/BiB,SAAS,EAAE,CAACnB,QAAQ;AACpBA,MAAAA;AACD,KAAA,CAAE;AACHoB,IAAAA,IAAI,EAAC,KAAK;AACVrB,IAAAA,EAAE,EAAEA,EAAG;AACP,IAAA,eAAA,EAAeG,QAAQ,GAAG,MAAM,GAAG,OAAQ;AAC3C,IAAA,eAAA,EAAeF,QAAQ,GAAG,MAAM,GAAG,OAAQ;AAC3C,IAAA,eAAA,EAAeA,QAAQ,GAAGqB,SAAS,GAAGpB,OAAQ;AAC9CqB,IAAAA,QAAQ,EAAE,CAAE;AACZjB,IAAAA,KAAK,EAAEA,KAAM;AACbF,IAAAA,SAAS,EAAEH,QAAQ,GAAGqB,SAAS,GAAGlB,SAAU;AAC5CC,IAAAA,OAAO,EAAEA,OAAQ;AAAAN,IAAAA,QAAA,eAEjBiB,GAAA,CAAA,MAAA,EAAA;AAAME,MAAAA,SAAS,EAAC,oBAAoB;AAAAnB,MAAAA,QAAA,EAAEA;KAAe;AACvD,GAAI,CAAC;AAET,CAAC;;;;"}

package/build/Tabs/TabList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.js","sources":["../../src/Tabs/TabList.tsx"],"sourcesContent":["export interface TabListProps {\n  children?: React.ReactNode;\n}\n\nexport default function TabList({ children }: TabListProps) {\n  return (\n    <ul className=\"tabs__tab-list\" role=\"tablist\">\n      {children}\n    </ul>\n  );\n}\n"],"names":["TabList","children","_jsx","className","role"],"mappings":";;;;;;AAIc,SAAUA,OAAOA,CAAC;AAAEC,EAAAA;AAAQ,CAAgB,EAAA;AACxD,EAAA,oBACEC,cAAA,CAAA,IAAA,EAAA;AAAIC,IAAAA,SAAS,EAAC,gBAAgB;AAACC,IAAAA,IAAI,EAAC,SAAS;AAAAH,IAAAA,QAAA,EAC1CA;AAAQ,GACP,CAAC;AAET;;;;"}

package/build/Tabs/TabList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.mjs","sources":["../../src/Tabs/TabList.tsx"],"sourcesContent":["export interface TabListProps {\n  children?: React.ReactNode;\n}\n\nexport default function TabList({ children }: TabListProps) {\n  return (\n    <ul className=\"tabs__tab-list\" role=\"tablist\">\n      {children}\n    </ul>\n  );\n}\n"],"names":["TabList","children","_jsx","className","role"],"mappings":";;AAIc,SAAUA,OAAOA,CAAC;AAAEC,EAAAA;AAAQ,CAAgB,EAAA;AACxD,EAAA,oBACEC,GAAA,CAAA,IAAA,EAAA;AAAIC,IAAAA,SAAS,EAAC,gBAAgB;AAACC,IAAAA,IAAI,EAAC,SAAS;AAAAH,IAAAA,QAAA,EAC1CA;AAAQ,GACP,CAAC;AAET;;;;"}

package/build/Tabs/TabPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanel.js","sources":["../../src/Tabs/TabPanel.tsx"],"sourcesContent":["export interface TabPanelProps {\n  children?: React.ReactNode;\n  id: string;\n  tabId: string;\n  style: React.CSSProperties;\n}\n\nexport default function TabPanel({ children, id, tabId, style }: TabPanelProps) {\n  return (\n    <div className=\"tabs__panel\" role=\"tabpanel\" id={id} aria-labelledby={tabId} style={style}>\n      {children}\n    </div>\n  );\n}\n"],"names":["TabPanel","children","id","tabId","style","_jsx","className","role"],"mappings":";;;;;;AAOc,SAAUA,QAAQA,CAAC;EAAEC,QAAQ;EAAEC,EAAE;EAAEC,KAAK;AAAEC,EAAAA;AAAK,CAAiB,EAAA;AAC5E,EAAA,oBACEC,cAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,aAAa;AAACC,IAAAA,IAAI,EAAC,UAAU;AAACL,IAAAA,EAAE,EAAEA,EAAG;AAAC,IAAA,iBAAA,EAAiBC,KAAM;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAAAH,IAAAA,QAAA,EACvFA;AAAQ,GACN,CAAC;AAEV;;;;"}

package/build/Tabs/TabPanel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanel.mjs","sources":["../../src/Tabs/TabPanel.tsx"],"sourcesContent":["export interface TabPanelProps {\n  children?: React.ReactNode;\n  id: string;\n  tabId: string;\n  style: React.CSSProperties;\n}\n\nexport default function TabPanel({ children, id, tabId, style }: TabPanelProps) {\n  return (\n    <div className=\"tabs__panel\" role=\"tabpanel\" id={id} aria-labelledby={tabId} style={style}>\n      {children}\n    </div>\n  );\n}\n"],"names":["TabPanel","children","id","tabId","style","_jsx","className","role"],"mappings":";;AAOc,SAAUA,QAAQA,CAAC;EAAEC,QAAQ;EAAEC,EAAE;EAAEC,KAAK;AAAEC,EAAAA;AAAK,CAAiB,EAAA;AAC5E,EAAA,oBACEC,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,aAAa;AAACC,IAAAA,IAAI,EAAC,UAAU;AAACL,IAAAA,EAAE,EAAEA,EAAG;AAAC,IAAA,iBAAA,EAAiBC,KAAM;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAAAH,IAAAA,QAAA,EACvFA;AAAQ,GACN,CAAC;AAEV;;;;"}

package/build/Tabs/Tabs.js

@@ -0,0 +1,382 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var clsx = require('clsx');
+var clamp = require('lodash.clamp');
+var React = require('react');
+require('../common/theme.js');
+var direction = require('../common/direction.js');
+require('@transferwise/neptune-tokens');
+require('../common/PropsValues/control.js');
+require('../common/PropsValues/size.js');
+require('../common/PropsValues/typography.js');
+var width = 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');
+require('@transferwise/formatting');
+require('@transferwise/icons');
+require('react-intl');
+require('../common/CloseButton/CloseButton.messages.js');
+var jsxRuntime = require('react/jsx-runtime');
+var DirectionProvider = require('../Provider/Direction/DirectionProvider.js');
+var Tab = require('./Tab.js');
+var TabList = require('./TabList.js');
+var TabPanel = require('./TabPanel.js');
+var utils = require('./utils.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var clamp__default = /*#__PURE__*/_interopDefault(clamp);
+
+const MIN_INDEX = 0;
+class Tabs extends React.Component {
+  static defaultProps = {
+    changeTabOnSwipe: true,
+    headerWidth: width.Width.BLOCK
+  };
+  containerReference = /*#__PURE__*/React.createRef();
+  constructor(props) {
+    super(props);
+    this.state = {
+      start: null,
+      translateLineX: null,
+      isSwiping: false,
+      isScrolling: false,
+      fullWidthTabs: props.headerWidth === width.Width.BLOCK
+    };
+  }
+  container = null;
+  containerWidth = 0;
+  tabRefs = [];
+  get MAX_INDEX() {
+    return this.props.tabs.length - 1;
+  }
+  componentDidMount() {
+    const {
+      selected
+    } = this.props;
+    this.setTabWidth();
+    this.switchTab(clamp__default.default(selected, MIN_INDEX, this.MAX_INDEX));
+    this.animateLine(clamp__default.default(selected, MIN_INDEX, this.MAX_INDEX));
+    document.body.addEventListener('touchmove', this.disableScroll, {
+      passive: false
+    });
+    document.body.addEventListener('touchforcechange', this.disableScroll, {
+      passive: false
+    });
+    window.addEventListener('resize', this.handleResize);
+  }
+  componentDidUpdate(previousProps) {
+    const currentSelected = this.props.selected;
+    const previousSelected = previousProps.selected;
+    const currentSelectedTab = this.props.tabs[currentSelected];
+    const currentSelectedTabIsDisabled = currentSelectedTab?.disabled;
+    const previousSelectedTab = previousProps.tabs[previousSelected];
+    const previousSelectedTabIsDisabled = previousSelectedTab?.disabled;
+    const currentTabsLength = this.props.tabs.length;
+    const previousTabsLength = previousProps.tabs.length;
+    const currentDisabledTabsLength = this.props.tabs.filter(tab => !tab.disabled).length;
+    const previousDisabledTabsLength = previousProps.tabs.filter(tab => !tab.disabled).length;
+    const currentHeaderWidth = this.props.headerWidth;
+    const previousFullHeaderWidth = previousProps.headerWidth;
+    if (currentHeaderWidth !== previousFullHeaderWidth || currentTabsLength !== previousTabsLength) {
+      this.setTabWidth();
+    }
+    if (currentSelected !== previousSelected || currentDisabledTabsLength !== previousDisabledTabsLength || currentSelectedTabIsDisabled !== previousSelectedTabIsDisabled) {
+      this.animateLine(clamp__default.default(currentSelected, MIN_INDEX, this.MAX_INDEX));
+    }
+  }
+  componentWillUnmount() {
+    document.body.removeEventListener('touchmove', this.disableScroll);
+    document.body.removeEventListener('touchforcechange', this.disableScroll);
+    window.removeEventListener('resize', this.handleResize);
+  }
+  handleResize = () => {
+    this.setContainerWidth(this.container);
+  };
+  setContainerRefAndWidth = node => {
+    this.container = node;
+    this.setContainerWidth(node);
+  };
+  setContainerWidth = node => {
+    if (!node) {
+      return;
+    }
+    const {
+      width
+    } = node.getBoundingClientRect();
+    this.containerWidth = width;
+  };
+  isTabDisabled = index => {
+    const {
+      tabs
+    } = this.props;
+    return tabs[index]?.disabled ?? false;
+  };
+  getAllTabsWidth = () => {
+    return this.tabRefs.map(reference => {
+      return reference ? reference.getBoundingClientRect().width : 0;
+    }).reduce((a, b) => a + b, 0);
+  };
+  getDistanceToSelectedTab = selectedTabIndex => {
+    return this.tabRefs.filter((_, idx) => idx < selectedTabIndex).map(reference => reference ? reference.getBoundingClientRect().width : 0).reduce((a, b) => a + b, 0);
+  };
+  setTabWidth = () => {
+    const {
+      fullWidthTabs
+    } = this.state;
+    const {
+      headerWidth,
+      selected
+    } = this.props;
+    const allTabsWidth = this.getAllTabsWidth();
+    if (!fullWidthTabs && (headerWidth === width.Width.BLOCK || this.containerWidth < allTabsWidth)) {
+      this.setState({
+        fullWidthTabs: true,
+        translateLineX: `${selected * 100}%`
+      });
+    }
+    if (fullWidthTabs && headerWidth === width.Width.AUTO && this.containerWidth >= allTabsWidth) {
+      this.setState({
+        fullWidthTabs: false,
+        translateLineX: `${this.getDistanceToSelectedTab(selected)}px`
+      });
+    }
+  };
+  getTabLineWidth = () => {
+    const {
+      fullWidthTabs
+    } = this.state;
+    const {
+      selected,
+      tabs
+    } = this.props;
+    if (fullWidthTabs) {
+      return `${1 / tabs.length * 100}%`;
+    }
+    const reference = this.tabRefs[selected] || this.tabRefs[this.tabRefs.length - 1];
+    const width = reference ? reference.getBoundingClientRect().width : 0;
+    return `${width}px`;
+  };
+  /*
+   * Gets the next tab that should be selected based on the swipe direction
+   * and the current selected tab (is called recursively to account for disabled tabs).
+   */
+  getTabToSelect = (selected, start, end) => {
+    let nextSelected = selected;
+    if (utils.swipedLeftToRight(start, end)) {
+      nextSelected -= 1;
+      if (nextSelected > MIN_INDEX && this.isTabDisabled(nextSelected)) {
+        return this.getTabToSelect(nextSelected, start, end);
+      }
+    } else if (utils.swipedRightToLeft(start, end)) {
+      nextSelected += 1;
+      if (nextSelected < this.MAX_INDEX && this.isTabDisabled(nextSelected)) {
+        return this.getTabToSelect(nextSelected, start, end);
+      }
+    }
+    nextSelected = clamp__default.default(nextSelected, Math.max(selected - 1, MIN_INDEX), Math.min(selected + 1, this.MAX_INDEX));
+    if (this.isTabDisabled(nextSelected)) {
+      return selected;
+    }
+    return nextSelected;
+  };
+  swipedOverHalfOfContainer = difference => difference / this.containerWidth >= 0.5;
+  switchTab = index => {
+    const {
+      onTabSelect
+    } = this.props;
+    onTabSelect(index);
+  };
+  animateLine = index => {
+    this.setState(previousState => ({
+      translateLineX: previousState.fullWidthTabs ? `${index * 100}%` : `${this.getDistanceToSelectedTab(index)}px`
+    }));
+  };
+  disableScroll = event => {
+    const {
+      isSwiping
+    } = this.state;
+    if (isSwiping) {
+      event.preventDefault();
+    }
+  };
+  handleTabClick = index => () => {
+    this.switchTab(index);
+  };
+  onKeyDown = index => event => {
+    if (event?.key === 'Enter') {
+      this.switchTab(index);
+    }
+  };
+  handleTouchStart = event => {
+    const start = {
+      x: event.nativeEvent.touches[0].clientX,
+      y: event.nativeEvent.touches[0].clientY,
+      time: Date.now()
+    };
+    this.setState({
+      start
+    });
+  };
+  handleTouchMove = event => {
+    const {
+      start
+    } = this.state;
+    if (start == null) {
+      return;
+    }
+    const {
+      selected: currentSelectedFromProps
+    } = this.props;
+    const end = {
+      x: event.nativeEvent.changedTouches[0].clientX,
+      y: event.nativeEvent.changedTouches[0].clientY,
+      time: Date.now()
+    };
+    const difference = utils.getSwipeDifference(start, end);
+    const yAxisDifference = utils.getSwipeDifference(start, end, 'y');
+    let {
+      isScrolling,
+      isSwiping
+    } = this.state;
+    if (!isScrolling && !isSwiping) {
+      if (difference > yAxisDifference) {
+        isSwiping = true;
+      } else {
+        isScrolling = true;
+      }
+    }
+    this.setState({
+      isScrolling,
+      isSwiping
+    });
+    if (isSwiping) {
+      const nextSelected = this.getTabToSelect(currentSelectedFromProps, start, end);
+      this.animateLine(this.swipedOverHalfOfContainer(difference) ? nextSelected : currentSelectedFromProps);
+    }
+  };
+  handleTouchEnd = event => {
+    const {
+      start,
+      isSwiping
+    } = this.state;
+    if (start == null) {
+      return;
+    }
+    const {
+      selected
+    } = this.props;
+    const end = {
+      x: event.nativeEvent.changedTouches[0].clientX,
+      y: event.nativeEvent.changedTouches[0].clientY,
+      time: Date.now()
+    };
+    const difference = utils.getSwipeDifference(start, end);
+    let nextSelected = selected;
+    if (isSwiping) {
+      if (utils.swipeShouldChangeTab(start, end) || this.swipedOverHalfOfContainer(difference)) {
+        nextSelected = this.getTabToSelect(nextSelected, start, end);
+      }
+      if (nextSelected !== selected) {
+        this.switchTab(nextSelected);
+      } else {
+        this.animateLine(nextSelected);
+      }
+    }
+    this.setState({
+      isSwiping: false,
+      isScrolling: false
+    });
+  };
+  render() {
+    const {
+      tabs,
+      changeTabOnSwipe,
+      name,
+      selected,
+      className,
+      headerWidth
+    } = this.props;
+    const {
+      translateLineX,
+      fullWidthTabs
+    } = this.state;
+    const selectedTab = tabs[selected];
+    return /*#__PURE__*/jsxRuntime.jsx(DirectionProvider.DirectionContext.Consumer, {
+      children: direction$1 => {
+        const isRTL = direction$1 === direction.Direction.RTL;
+        return /*#__PURE__*/jsxRuntime.jsxs("div", {
+          ref: this.containerReference,
+          className: clsx.clsx('tabs', className, {
+            'tabs--auto-width': headerWidth === width.Width.AUTO
+          }),
+          onTouchStart: changeTabOnSwipe ? this.handleTouchStart : undefined,
+          onTouchEnd: changeTabOnSwipe ? this.handleTouchEnd : undefined,
+          onTouchMove: changeTabOnSwipe ? this.handleTouchMove : undefined,
+          children: [/*#__PURE__*/jsxRuntime.jsxs(TabList.default, {
+            children: [tabs.map(({
+              title,
+              disabled
+            }, index) => {
+              return /*#__PURE__*/jsxRuntime.jsx(Tab.default, {
+                ref: node => {
+                  this.tabRefs[index] = node;
+                },
+                id: `${name}-tab-${index}`,
+                panelId: `${name}-panel-${index}`,
+                selected: selected === index,
+                disabled: disabled,
+                focusTab: () => {
+                  if (this.containerReference.current?.contains(document.activeElement)) {
+                    this.tabRefs[index]?.focus();
+                  }
+                },
+                onClick: disabled ? undefined : this.handleTabClick(index),
+                onKeyDown: this.onKeyDown(index),
+                ...(fullWidthTabs ? {
+                  style: {
+                    width: `${1 / tabs.length * 100}%`
+                  }
+                } : {}),
+                children: title
+              }, title);
+            }), translateLineX ? /*#__PURE__*/jsxRuntime.jsx("li", {
+              role: "none",
+              className: "tabs__line",
+              style: {
+                width: this.getTabLineWidth(),
+                transform: isRTL ? `translateX(-${translateLineX})` : `translateX(${translateLineX})`
+              }
+            }) : null]
+          }), /*#__PURE__*/jsxRuntime.jsx("div", {
+            ref: this.setContainerRefAndWidth,
+            className: "tabs__panel-container",
+            children: selectedTab && !selectedTab.disabled ? /*#__PURE__*/jsxRuntime.jsx(TabPanel.default, {
+              tabId: `${name}-tab-${selected}`,
+              id: `${name}-panel-${selected}`,
+              style: {
+                width: '100%'
+              },
+              children: selectedTab.content
+            }, selectedTab.title) : null
+          })]
+        });
+      }
+    });
+  }
+}
+
+exports.default = Tabs;
+//# sourceMappingURL=Tabs.js.map

package/build/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport clamp from 'lodash.clamp';\nimport { Component, createRef } from 'react';\n\nimport { Width, Direction } from '../common';\nimport { DirectionContext } from '../Provider/Direction';\n\nimport Tab from './Tab';\nimport TabList from './TabList';\nimport TabPanel from './TabPanel';\nimport {\n  getSwipeDifference,\n  swipedLeftToRight,\n  swipedRightToLeft,\n  swipeShouldChangeTab,\n  Swipe,\n} from './utils';\n\nconst MIN_INDEX = 0;\n\nexport interface TabItem {\n  title: string;\n  content: React.ReactNode;\n  disabled: boolean;\n}\n\nexport interface TabsProps {\n  tabs: TabItem[];\n  selected: number;\n  name: string;\n  /** @default true */\n  changeTabOnSwipe?: boolean;\n  className?: string;\n  /** @default 'block' */\n  headerWidth?: `${Width}`;\n  onTabSelect: (index: number) => void;\n}\n\ninterface TabsState {\n  start: Swipe | null;\n  translateLineX: string | null;\n  isSwiping: boolean;\n  isScrolling: boolean;\n  fullWidthTabs: boolean;\n}\n\nexport default class Tabs extends Component<TabsProps, TabsState> {\n  declare props: TabsProps & Required<Pick<TabsProps, keyof typeof Tabs.defaultProps>>;\n\n  static defaultProps = {\n    changeTabOnSwipe: true,\n    headerWidth: Width.BLOCK,\n  } satisfies Partial<TabsProps>;\n\n  containerReference = createRef<HTMLDivElement>();\n\n  constructor(props: Tabs['props']) {\n    super(props);\n    this.state = {\n      start: null,\n      translateLineX: null,\n      isSwiping: false,\n      isScrolling: false,\n      fullWidthTabs: props.headerWidth === Width.BLOCK,\n    };\n  }\n\n  container: HTMLDivElement | null = null;\n\n  containerWidth = 0;\n\n  tabRefs: (HTMLLIElement | null)[] = [];\n\n  get MAX_INDEX() {\n    return this.props.tabs.length - 1;\n  }\n\n  componentDidMount() {\n    const { selected } = this.props;\n\n    this.setTabWidth();\n    this.switchTab(clamp(selected, MIN_INDEX, this.MAX_INDEX));\n    this.animateLine(clamp(selected, MIN_INDEX, this.MAX_INDEX));\n    document.body.addEventListener('touchmove', this.disableScroll, { passive: false });\n    document.body.addEventListener('touchforcechange', this.disableScroll, { passive: false });\n    window.addEventListener('resize', this.handleResize);\n  }\n\n  componentDidUpdate(previousProps: TabsProps) {\n    const currentSelected = this.props.selected;\n    const previousSelected = previousProps.selected;\n    const currentSelectedTab = this.props.tabs[currentSelected];\n    const currentSelectedTabIsDisabled = currentSelectedTab?.disabled;\n    const previousSelectedTab = previousProps.tabs[previousSelected];\n    const previousSelectedTabIsDisabled = previousSelectedTab?.disabled;\n    const currentTabsLength = this.props.tabs.length;\n    const previousTabsLength = previousProps.tabs.length;\n    const currentDisabledTabsLength = this.props.tabs.filter((tab) => !tab.disabled).length;\n    const previousDisabledTabsLength = previousProps.tabs.filter((tab) => !tab.disabled).length;\n    const currentHeaderWidth = this.props.headerWidth;\n    const previousFullHeaderWidth = previousProps.headerWidth;\n\n    if (\n      currentHeaderWidth !== previousFullHeaderWidth ||\n      currentTabsLength !== previousTabsLength\n    ) {\n      this.setTabWidth();\n    }\n\n    if (\n      currentSelected !== previousSelected ||\n      currentDisabledTabsLength !== previousDisabledTabsLength ||\n      currentSelectedTabIsDisabled !== previousSelectedTabIsDisabled\n    ) {\n      this.animateLine(clamp(currentSelected, MIN_INDEX, this.MAX_INDEX));\n    }\n  }\n\n  componentWillUnmount() {\n    document.body.removeEventListener('touchmove', this.disableScroll);\n    document.body.removeEventListener('touchforcechange', this.disableScroll);\n    window.removeEventListener('resize', this.handleResize);\n  }\n\n  handleResize = () => {\n    this.setContainerWidth(this.container);\n  };\n\n  setContainerRefAndWidth = (node: HTMLDivElement | null) => {\n    this.container = node;\n    this.setContainerWidth(node);\n  };\n\n  setContainerWidth = (node: HTMLDivElement | null) => {\n    if (!node) {\n      return;\n    }\n\n    const { width } = node.getBoundingClientRect();\n\n    this.containerWidth = width;\n  };\n\n  isTabDisabled = (index: number) => {\n    const { tabs } = this.props;\n\n    return tabs[index]?.disabled ?? false;\n  };\n\n  getAllTabsWidth = () => {\n    return this.tabRefs\n      .map((reference) => {\n        return reference ? reference.getBoundingClientRect().width : 0;\n      })\n      .reduce((a, b) => a + b, 0);\n  };\n\n  getDistanceToSelectedTab = (selectedTabIndex: number) => {\n    return this.tabRefs\n      .filter((_, idx) => idx < selectedTabIndex)\n      .map((reference) => (reference ? reference.getBoundingClientRect().width : 0))\n      .reduce((a, b) => a + b, 0);\n  };\n\n  setTabWidth = () => {\n    const { fullWidthTabs } = this.state;\n    const { headerWidth, selected } = this.props;\n\n    const allTabsWidth = this.getAllTabsWidth();\n\n    if (!fullWidthTabs && (headerWidth === Width.BLOCK || this.containerWidth < allTabsWidth)) {\n      this.setState({ fullWidthTabs: true, translateLineX: `${selected * 100}%` });\n    }\n    if (fullWidthTabs && headerWidth === Width.AUTO && this.containerWidth >= allTabsWidth) {\n      this.setState({\n        fullWidthTabs: false,\n        translateLineX: `${this.getDistanceToSelectedTab(selected)}px`,\n      });\n    }\n  };\n\n  getTabLineWidth = () => {\n    const { fullWidthTabs } = this.state;\n    const { selected, tabs } = this.props;\n\n    if (fullWidthTabs) {\n      return `${(1 / tabs.length) * 100}%`;\n    }\n\n    const reference = this.tabRefs[selected] || this.tabRefs[this.tabRefs.length - 1];\n    const width = reference ? reference.getBoundingClientRect().width : 0;\n    return `${width}px`;\n  };\n\n  /*\n   * Gets the next tab that should be selected based on the swipe direction\n   * and the current selected tab (is called recursively to account for disabled tabs).\n   */\n  getTabToSelect = (selected: number, start: Swipe, end: Swipe): number => {\n    let nextSelected = selected;\n\n    if (swipedLeftToRight(start, end)) {\n      nextSelected -= 1;\n\n      if (nextSelected > MIN_INDEX && this.isTabDisabled(nextSelected)) {\n        return this.getTabToSelect(nextSelected, start, end);\n      }\n    } else if (swipedRightToLeft(start, end)) {\n      nextSelected += 1;\n\n      if (nextSelected < this.MAX_INDEX && this.isTabDisabled(nextSelected)) {\n        return this.getTabToSelect(nextSelected, start, end);\n      }\n    }\n\n    nextSelected = clamp(\n      nextSelected,\n      Math.max(selected - 1, MIN_INDEX),\n      Math.min(selected + 1, this.MAX_INDEX),\n    );\n\n    if (this.isTabDisabled(nextSelected)) {\n      return selected;\n    }\n\n    return nextSelected;\n  };\n\n  swipedOverHalfOfContainer = (difference: number) => difference / this.containerWidth >= 0.5;\n\n  switchTab = (index: number) => {\n    const { onTabSelect } = this.props;\n    onTabSelect(index);\n  };\n\n  animateLine = (index: number) => {\n    this.setState((previousState) => ({\n      translateLineX: previousState.fullWidthTabs\n        ? `${index * 100}%`\n        : `${this.getDistanceToSelectedTab(index)}px`,\n    }));\n  };\n\n  disableScroll = (event: Event) => {\n    const { isSwiping } = this.state;\n\n    if (isSwiping) {\n      event.preventDefault();\n    }\n  };\n\n  handleTabClick = (index: number) => () => {\n    this.switchTab(index);\n  };\n\n  onKeyDown = (index: number) => (event: React.KeyboardEvent<HTMLLIElement>) => {\n    if (event?.key === 'Enter') {\n      this.switchTab(index);\n    }\n  };\n\n  handleTouchStart: React.TouchEventHandler<HTMLDivElement> = (event) => {\n    const start = {\n      x: event.nativeEvent.touches[0].clientX,\n      y: event.nativeEvent.touches[0].clientY,\n      time: Date.now(),\n    };\n    this.setState({\n      start,\n    });\n  };\n\n  handleTouchMove: React.TouchEventHandler<HTMLDivElement> = (event) => {\n    const { start } = this.state;\n    if (start == null) {\n      return;\n    }\n\n    const { selected: currentSelectedFromProps } = this.props;\n    const end: Swipe = {\n      x: event.nativeEvent.changedTouches[0].clientX,\n      y: event.nativeEvent.changedTouches[0].clientY,\n      time: Date.now(),\n    };\n    const difference = getSwipeDifference(start, end);\n    const yAxisDifference = getSwipeDifference(start, end, 'y');\n    let { isScrolling, isSwiping } = this.state;\n\n    if (!isScrolling && !isSwiping) {\n      if (difference > yAxisDifference) {\n        isSwiping = true;\n      } else {\n        isScrolling = true;\n      }\n    }\n\n    this.setState({ isScrolling, isSwiping });\n\n    if (isSwiping) {\n      const nextSelected = this.getTabToSelect(currentSelectedFromProps, start, end);\n      this.animateLine(\n        this.swipedOverHalfOfContainer(difference) ? nextSelected : currentSelectedFromProps,\n      );\n    }\n  };\n\n  handleTouchEnd: React.TouchEventHandler<HTMLDivElement> = (event) => {\n    const { start, isSwiping } = this.state;\n    if (start == null) {\n      return;\n    }\n\n    const { selected } = this.props;\n    const end: Swipe = {\n      x: event.nativeEvent.changedTouches[0].clientX,\n      y: event.nativeEvent.changedTouches[0].clientY,\n      time: Date.now(),\n    };\n    const difference = getSwipeDifference(start, end);\n\n    let nextSelected = selected;\n\n    if (isSwiping) {\n      if (swipeShouldChangeTab(start, end) || this.swipedOverHalfOfContainer(difference)) {\n        nextSelected = this.getTabToSelect(nextSelected, start, end);\n      }\n\n      if (nextSelected !== selected) {\n        this.switchTab(nextSelected);\n      } else {\n        this.animateLine(nextSelected);\n      }\n    }\n\n    this.setState({ isSwiping: false, isScrolling: false });\n  };\n\n  render() {\n    const { tabs, changeTabOnSwipe, name, selected, className, headerWidth } = this.props;\n    const { translateLineX, fullWidthTabs } = this.state;\n\n    const selectedTab = tabs[selected];\n\n    return (\n      <DirectionContext.Consumer>\n        {(direction) => {\n          const isRTL = direction === Direction.RTL;\n          return (\n            <div\n              ref={this.containerReference}\n              className={clsx('tabs', className, {\n                'tabs--auto-width': headerWidth === Width.AUTO,\n              })}\n              onTouchStart={changeTabOnSwipe ? this.handleTouchStart : undefined}\n              onTouchEnd={changeTabOnSwipe ? this.handleTouchEnd : undefined}\n              onTouchMove={changeTabOnSwipe ? this.handleTouchMove : undefined}\n            >\n              <TabList>\n                {tabs.map(({ title, disabled }, index) => {\n                  return (\n                    <Tab\n                      key={title}\n                      ref={(node) => {\n                        this.tabRefs[index] = node;\n                      }}\n                      id={`${name}-tab-${index}`}\n                      panelId={`${name}-panel-${index}`}\n                      selected={selected === index}\n                      disabled={disabled}\n                      focusTab={() => {\n                        if (this.containerReference.current?.contains(document.activeElement)) {\n                          this.tabRefs[index]?.focus();\n                        }\n                      }}\n                      onClick={disabled ? undefined : this.handleTabClick(index)}\n                      onKeyDown={this.onKeyDown(index)}\n                      {...(fullWidthTabs\n                        ? { style: { width: `${(1 / tabs.length) * 100}%` } }\n                        : {})}\n                    >\n                      {title}\n                    </Tab>\n                  );\n                })}\n                {translateLineX ? (\n                  <li\n                    role=\"none\"\n                    className=\"tabs__line\"\n                    style={{\n                      width: this.getTabLineWidth(),\n                      transform: isRTL\n                        ? `translateX(-${translateLineX})`\n                        : `translateX(${translateLineX})`,\n                    }}\n                  />\n                ) : null}\n              </TabList>\n              <div ref={this.setContainerRefAndWidth} className=\"tabs__panel-container\">\n                {selectedTab && !selectedTab.disabled ? (\n                  <TabPanel\n                    key={selectedTab.title}\n                    tabId={`${name}-tab-${selected}`}\n                    id={`${name}-panel-${selected}`}\n                    style={{\n                      width: '100%',\n                    }}\n                  >\n                    {selectedTab.content}\n                  </TabPanel>\n                ) : null}\n              </div>\n            </div>\n          );\n        }}\n      </DirectionContext.Consumer>\n    );\n  }\n}\n"],"names":["MIN_INDEX","Tabs","Component","defaultProps","changeTabOnSwipe","headerWidth","Width","BLOCK","containerReference","createRef","constructor","props","state","start","translateLineX","isSwiping","isScrolling","fullWidthTabs","container","containerWidth","tabRefs","MAX_INDEX","tabs","length","componentDidMount","selected","setTabWidth","switchTab","clamp","animateLine","document","body","addEventListener","disableScroll","passive","window","handleResize","componentDidUpdate","previousProps","currentSelected","previousSelected","currentSelectedTab","currentSelectedTabIsDisabled","disabled","previousSelectedTab","previousSelectedTabIsDisabled","currentTabsLength","previousTabsLength","currentDisabledTabsLength","filter","tab","previousDisabledTabsLength","currentHeaderWidth","previousFullHeaderWidth","componentWillUnmount","removeEventListener","setContainerWidth","setContainerRefAndWidth","node","width","getBoundingClientRect","isTabDisabled","index","getAllTabsWidth","map","reference","reduce","a","b","getDistanceToSelectedTab","selectedTabIndex","_","idx","allTabsWidth","setState","AUTO","getTabLineWidth","getTabToSelect","end","nextSelected","swipedLeftToRight","swipedRightToLeft","Math","max","min","swipedOverHalfOfContainer","difference","onTabSelect","previousState","event","preventDefault","handleTabClick","onKeyDown","key","handleTouchStart","x","nativeEvent","touches","clientX","y","clientY","time","Date","now","handleTouchMove","currentSelectedFromProps","changedTouches","getSwipeDifference","yAxisDifference","handleTouchEnd","swipeShouldChangeTab","render","name","className","selectedTab","_jsx","DirectionContext","Consumer","children","direction","isRTL","Direction","RTL","_jsxs","ref","clsx","onTouchStart","undefined","onTouchEnd","onTouchMove","TabList","title","Tab","id","panelId","focusTab","current","contains","activeElement","focus","onClick","style","role","transform","TabPanel","tabId","content"],"mappings":"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"}