@transferwise/components 46.120.0 → 46.120.1

package/build/table/TableStatusText.mjs

@@ -2,7 +2,25 @@ 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 '../common/propsValues/control.mjs';
+import '../common/propsValues/breakpoint.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 'react-intl';
 import '../common/closeButton/CloseButton.messages.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/table/TableStatusText.mjs.map

@@ -1 +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;AACO,CAAC,KAAK;AAC1B,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;AACxC,KAAC,CAAE;IAAAU,QAAA,EAAA,CAEFZ,IAAI,EACJE,MAAM,KAAK,SAAS,iBAAIW,GAAA,CAACC,WAAW,EAAA;AAACb,MAAAA,SAAS,EAAC,iBAAiB;MAAC,aAAA,EAAY;KAAc,CAAC,EAC5FC,MAAM,KAAK,OAAO,iBAAIW,GAAA,CAACE,WAAW,EAAA;AAACd,MAAAA,SAAS,EAAC,iBAAiB;MAAC,aAAA,EAAY;AAAY,KAAE,CAAC;AAAA,GACvF,CAAC;AAEX;;;;"}
+{"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

@@ -1 +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,MAAM,CAAC,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;AACH,CAAC,EACXY,SAA4C,EAC5C;AACA,EAAA,MAAMC,cAAc,GAAGC,6BAAc,CAACH,QAAQ,CAAC;AAC/C,EAAA,MAAMI,WAAW,GAAGC,YAAM,CAAC,IAAI,CAAC;AAChCC,EAAAA,eAAS,CACP,SAASC,UAAUA,GAAG;IACpB,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,CAC3B,CAAC;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;AACF,KAAC,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;AAAC,GACpD,CAAC;AAET,CAAC;;;;"}
+{"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

@@ -1 +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,MAAM,CAAC,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;AACH,CAAC,EACXY,SAA4C,EAC5C;AACA,EAAA,MAAMC,cAAc,GAAGC,cAAc,CAACH,QAAQ,CAAC;AAC/C,EAAA,MAAMI,WAAW,GAAGC,MAAM,CAAC,IAAI,CAAC;AAChCC,EAAAA,SAAS,CACP,SAASC,UAAUA,GAAG;IACpB,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,CAC3B,CAAC;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;AACF,KAAC,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;AAAC,GACpD,CAAC;AAET,CAAC;;;;"}
+{"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

@@ -1 +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":";;;;;;AAIe,SAASA,OAAOA,CAAC;AAAEC,EAAAA;AAAuB,CAAC,EAAE;AAC1D,EAAA,oBACEC,cAAA,CAAA,IAAA,EAAA;AAAIC,IAAAA,SAAS,EAAC,gBAAgB;AAACC,IAAAA,IAAI,EAAC,SAAS;AAAAH,IAAAA,QAAA,EAC1CA;AAAQ,GACP,CAAC;AAET;;;;"}
+{"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

@@ -1 +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":";;AAIe,SAASA,OAAOA,CAAC;AAAEC,EAAAA;AAAuB,CAAC,EAAE;AAC1D,EAAA,oBACEC,GAAA,CAAA,IAAA,EAAA;AAAIC,IAAAA,SAAS,EAAC,gBAAgB;AAACC,IAAAA,IAAI,EAAC,SAAS;AAAAH,IAAAA,QAAA,EAC1CA;AAAQ,GACP,CAAC;AAET;;;;"}
+{"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

@@ -1 +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":";;;;;;AAOe,SAASA,QAAQA,CAAC;EAAEC,QAAQ;EAAEC,EAAE;EAAEC,KAAK;AAAEC,EAAAA;AAAqB,CAAC,EAAE;AAC9E,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;;;;"}
+{"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

@@ -1 +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":";;AAOe,SAASA,QAAQA,CAAC;EAAEC,QAAQ;EAAEC,EAAE;EAAEC,KAAK;AAAEC,EAAAA;AAAqB,CAAC,EAAE;AAC9E,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;;;;"}
+{"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

@@ -6,8 +6,25 @@ var web = require('@react-spring/web');
 var clsx = require('clsx');
 var clamp = require('lodash.clamp');
 var React = require('react');
+require('../common/theme.js');
 var direction = require('../common/direction.js');
+require('../common/propsValues/control.js');
+require('../common/propsValues/breakpoint.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/icons');
 require('react-intl');
 require('../common/closeButton/CloseButton.messages.js');
@@ -179,7 +196,6 @@ class Tabs extends React.Component {
     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).
@@ -244,7 +260,6 @@ class Tabs extends React.Component {
       translateLineX: previousState.fullWidthTabs ? `${index * 100}%` : `${this.getDistanceToSelectedTab(index)}px`
     }));
   };
-
   // Pass `instant` to set the `translateX` to the new panel with no transition
   animatePanel = (index, instant = false) => {
     const {
@@ -405,7 +420,6 @@ class Tabs extends React.Component {
     const restrictedVelocity = (Number.isNaN(remainingContainerToTravel) ? 0 : remainingContainerToTravel) * Math.min(10 * Math.E, lastSwipeVelocity * 10 * Math.E);
     const hidePanelOverflow = isAnimating || isSwiping;
     const sliderWidth = tabsLength * this.containerWidth + spacer * 2;
-
     // Uses `props.panelTransitionSpacing` to add a spacer in-between the `TabPanel` you're transitioning to/from
     const Spacer = ({
       id

package/build/tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../src/tabs/Tabs.tsx"],"sourcesContent":["import { Spring, animated } from '@react-spring/web';\nimport { clsx } from 'clsx';\nimport clamp from 'lodash.clamp';\nimport { Component, createRef, Fragment } from 'react';\n\nimport { Size, Width, Direction } from '../common';\nimport { DirectionContext } from '../provider/direction';\n\nimport Tab from './Tab';\nimport TabList from './TabList';\nimport TabPanel from './TabPanel';\nimport {\n  getElasticDragDifference,\n  getSwipeDifference,\n  swipedLeftToRight,\n  swipedRightToLeft,\n  swipeShouldChangeTab,\n  getVelocity,\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\ntype TabsTransitionSpacing =\n  | 'default'\n  | `${Size.EXTRA_SMALL | Size.SMALL | Size.MEDIUM | Size.LARGE}`;\n\nexport interface TabsProps {\n  tabs: TabItem[];\n  selected: number;\n  name: string;\n  animatePanelsOnClick?: boolean;\n  changeTabOnSwipe?: boolean;\n  className?: string;\n  transitionSpacing?: TabsTransitionSpacing;\n  headerWidth?: `${Width}`;\n  id?: string;\n  onTabSelect: (index: number) => void;\n}\n\ninterface TabsState {\n  start: Swipe | null;\n  translateX: number;\n  translateFrom: number;\n  translateTo: number;\n  translateLineX: string | null;\n  isAnimating: boolean;\n  isSwiping: boolean;\n  isScrolling: boolean;\n  lastSwipeVelocity: number;\n  fullWidthTabs: boolean;\n  currentSwipe: Swipe[];\n  selectedTabIndex: number;\n}\n\nconst SpacerWidth = {\n  default: 0,\n  xs: 8,\n  sm: 16,\n  md: 24,\n  lg: 32,\n} satisfies Record<TabsTransitionSpacing, number>;\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    transitionSpacing: 'default',\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      translateX: 0,\n      translateFrom: 0,\n      translateTo: 0,\n      translateLineX: null,\n      isAnimating: false,\n      isSwiping: false,\n      isScrolling: false,\n      lastSwipeVelocity: 0,\n      fullWidthTabs: props.headerWidth === Width.BLOCK,\n      currentSwipe: [],\n      selectedTabIndex: props.selected,\n    };\n  }\n\n  container: HTMLDivElement | null = null;\n\n  containerWidth = 0;\n\n  tabRefs: (HTMLLIElement | null)[] = [];\n\n  get filteredTabsLength() {\n    return this.props.tabs.filter((tab) => !tab.disabled).length;\n  }\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.animateToTab(clamp(selected, MIN_INDEX, this.MAX_INDEX), true);\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, previousState: TabsState) {\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    const { animatePanelsOnClick } = this.props;\n    const instantOnClick = !animatePanelsOnClick && !previousState.isSwiping;\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.animateToTab(\n        clamp(currentSelected, MIN_INDEX, this.MAX_INDEX),\n        currentSelected === previousSelected || instantOnClick,\n      );\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    this.setState(({ selectedTabIndex }) => ({\n      translateTo: -(this.containerWidth * selectedTabIndex),\n    }));\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  calculateApplicableDragDifference = ({\n    currentSelected,\n    nextSelected,\n    start,\n    end,\n  }: {\n    currentSelected: number;\n    nextSelected: number;\n    start: Swipe;\n    end: Swipe;\n  }) => {\n    const difference = getSwipeDifference(start, end);\n    const elasticDrag = getElasticDragDifference(difference);\n\n    if (swipedLeftToRight(start, end)) {\n      if (currentSelected > MIN_INDEX && currentSelected !== nextSelected) {\n        return Math.min(difference, this.containerWidth);\n      }\n      return elasticDrag;\n    }\n    if (swipedRightToLeft(start, end)) {\n      if (currentSelected < this.MAX_INDEX && currentSelected !== nextSelected) {\n        return -Math.min(difference, this.containerWidth);\n      }\n      return -elasticDrag;\n    }\n\n    return false;\n  };\n\n  switchTab = (index: number) => {\n    const { onTabSelect } = this.props;\n    onTabSelect(index);\n  };\n\n  getTabIndexWithoutDisabledTabs(index: number) {\n    return index - this.props.tabs.slice(0, index).filter((tab) => tab.disabled).length;\n  }\n\n  animateToTab = (index: number, instant?: boolean) => {\n    this.animateLine(index);\n\n    this.animatePanel(this.getTabIndexWithoutDisabledTabs(index), instant);\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  // Pass `instant` to set the `translateX` to the new panel with no transition\n  animatePanel = (index: number, instant = false) => {\n    const { translateTo: currentTranslateTo } = this.state;\n\n    const translateFrom = currentTranslateTo;\n    const translateTo = -(this.containerWidth * index);\n\n    this.setState({\n      selectedTabIndex: index,\n      isAnimating: !instant && translateFrom !== translateTo,\n      translateFrom,\n      translateTo,\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 && 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      currentSwipe: [start],\n    });\n\n    event.persist();\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 selected = this.getTabIndexWithoutDisabledTabs(currentSelectedFromProps);\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    event.persist();\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      const dragDifference = this.calculateApplicableDragDifference({\n        currentSelected: currentSelectedFromProps,\n        nextSelected,\n        start,\n        end,\n      });\n\n      const translateX = dragDifference\n        ? -(this.containerWidth * selected) + dragDifference\n        : false;\n\n      this.setState((state) => ({\n        currentSwipe: [...state.currentSwipe, end],\n        translateFrom: translateX || state.translateFrom,\n        translateTo: translateX || state.translateTo,\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    const velocity = getVelocity([...this.state.currentSwipe, end]);\n\n    this.setState({\n      currentSwipe: [],\n    });\n\n    let nextSelected = selected;\n\n    event.persist();\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\n        this.setState({\n          lastSwipeVelocity: velocity,\n        });\n      } else {\n        this.animateToTab(nextSelected);\n      }\n    }\n\n    this.setState({ isSwiping: false, isScrolling: false });\n  };\n\n  render() {\n    const { tabs, changeTabOnSwipe, name, selected, className, transitionSpacing, headerWidth } =\n      this.props;\n    const {\n      isSwiping,\n      translateLineX,\n      isAnimating,\n      translateFrom,\n      translateTo,\n      lastSwipeVelocity,\n      fullWidthTabs,\n    } = this.state;\n\n    const spacer = SpacerWidth[transitionSpacing];\n\n    const tabsLength = this.filteredTabsLength;\n\n    const distanceSwiped = Math.abs(-translateFrom - this.containerWidth * selected);\n\n    const remainingContainerToTravel = isSwiping\n      ? 1 - distanceSwiped / this.containerWidth\n      : 1 - Math.abs(distanceSwiped / this.containerWidth - 1);\n\n    const restrictedVelocity =\n      (Number.isNaN(remainingContainerToTravel) ? 0 : remainingContainerToTravel) *\n      Math.min(10 * Math.E, lastSwipeVelocity * 10 * Math.E);\n\n    const hidePanelOverflow = isAnimating || isSwiping;\n\n    const sliderWidth = tabsLength * this.containerWidth + spacer * 2;\n\n    // Uses `props.panelTransitionSpacing` to add a spacer in-between the `TabPanel` you're transitioning to/from\n    const Spacer = ({ id }: { id: string }) =>\n      spacer > 0 && (\n        <div\n          key={id}\n          style={{\n            width: spacer,\n            display: hidePanelOverflow ? 'block' : 'none',\n          }}\n        />\n      );\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\n                ref={this.setContainerRefAndWidth}\n                className=\"tabs__panel-container\"\n                style={{\n                  overflow: hidePanelOverflow ? 'hidden' : 'visible',\n                }}\n              >\n                <Spring\n                  from={{\n                    transform: `translateX(${translateFrom - spacer}px)`,\n                  }}\n                  to={{\n                    transform: `translateX(${translateTo - spacer}px)`,\n                  }}\n                  config={{\n                    precision: isSwiping ? 1 : 0.01,\n                    velocity: !isSwiping ? restrictedVelocity : 0,\n                    clamp: true,\n                  }}\n                  onRest={() => {\n                    if (isAnimating) {\n                      this.setState({\n                        isAnimating: false,\n                        lastSwipeVelocity: 0,\n                      });\n                    }\n                  }}\n                >\n                  {(props) => (\n                    <animated.div\n                      className=\"tabs__slider\"\n                      style={{\n                        width: hidePanelOverflow ? `${sliderWidth}px` : '100%',\n                        transform: hidePanelOverflow ? props.transform : 'translateX(0px)',\n                      }}\n                    >\n                      {tabs.map(({ content, disabled }, index) =>\n                        !disabled ? (\n                          <Fragment key={`${tabs[index].title}-fragment`}>\n                            {index === selected && <Spacer id=\"left-spacer\" />}\n                            <TabPanel\n                              key={tabs[index].title}\n                              tabId={`${name}-tab-${index}`}\n                              id={`${name}-panel-${index}`}\n                              style={{\n                                width: hidePanelOverflow ? `${this.containerWidth}px` : '100%',\n                                display: hidePanelOverflow || index === selected ? 'block' : 'none',\n                              }}\n                            >\n                              {content}\n                            </TabPanel>\n                            {index === selected && <Spacer id=\"right-spacer\" />}\n                          </Fragment>\n                        ) : null,\n                      )}\n                    </animated.div>\n                  )}\n                </Spring>\n              </div>\n            </div>\n          );\n        }}\n      </DirectionContext.Consumer>\n    );\n  }\n}\n"],"names":["MIN_INDEX","SpacerWidth","default","xs","sm","md","lg","Tabs","Component","defaultProps","changeTabOnSwipe","transitionSpacing","headerWidth","Width","BLOCK","containerReference","createRef","constructor","props","state","start","translateX","translateFrom","translateTo","translateLineX","isAnimating","isSwiping","isScrolling","lastSwipeVelocity","fullWidthTabs","currentSwipe","selectedTabIndex","selected","container","containerWidth","tabRefs","filteredTabsLength","tabs","filter","tab","disabled","length","MAX_INDEX","componentDidMount","setTabWidth","switchTab","clamp","animateToTab","document","body","addEventListener","disableScroll","passive","window","handleResize","componentDidUpdate","previousProps","previousState","currentSelected","previousSelected","currentSelectedTab","currentSelectedTabIsDisabled","previousSelectedTab","previousSelectedTabIsDisabled","currentTabsLength","previousTabsLength","currentDisabledTabsLength","previousDisabledTabsLength","currentHeaderWidth","previousFullHeaderWidth","animatePanelsOnClick","instantOnClick","componentWillUnmount","removeEventListener","setContainerWidth","setState","setContainerRefAndWidth","node","width","getBoundingClientRect","isTabDisabled","index","getAllTabsWidth","map","reference","reduce","a","b","getDistanceToSelectedTab","_","idx","allTabsWidth","AUTO","getTabLineWidth","getTabToSelect","end","nextSelected","swipedLeftToRight","swipedRightToLeft","Math","max","min","swipedOverHalfOfContainer","difference","calculateApplicableDragDifference","getSwipeDifference","elasticDrag","getElasticDragDifference","onTabSelect","getTabIndexWithoutDisabledTabs","slice","instant","animateLine","animatePanel","currentTranslateTo","event","preventDefault","handleTabClick","onKeyDown","key","handleTouchStart","x","nativeEvent","touches","clientX","y","clientY","time","Date","now","persist","handleTouchMove","currentSelectedFromProps","changedTouches","yAxisDifference","dragDifference","handleTouchEnd","velocity","getVelocity","swipeShouldChangeTab","render","name","className","spacer","tabsLength","distanceSwiped","abs","remainingContainerToTravel","restrictedVelocity","Number","isNaN","E","hidePanelOverflow","sliderWidth","Spacer","id","_jsx","style","display","DirectionContext","Consumer","children","direction","isRTL","Direction","RTL","_jsxs","ref","clsx","onTouchStart","undefined","onTouchEnd","onTouchMove","TabList","title","Tab","panelId","focusTab","current","contains","activeElement","focus","onClick","role","transform","overflow","Spring","from","to","config","precision","onRest","animated","div","content","Fragment","TabPanel","tabId"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","sources":["../../src/tabs/Tabs.tsx"],"sourcesContent":["import { Spring, animated } from '@react-spring/web';\nimport { clsx } from 'clsx';\nimport clamp from 'lodash.clamp';\nimport { Component, createRef, Fragment } from 'react';\n\nimport { Size, Width, Direction } from '../common';\nimport { DirectionContext } from '../provider/direction';\n\nimport Tab from './Tab';\nimport TabList from './TabList';\nimport TabPanel from './TabPanel';\nimport {\n  getElasticDragDifference,\n  getSwipeDifference,\n  swipedLeftToRight,\n  swipedRightToLeft,\n  swipeShouldChangeTab,\n  getVelocity,\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\ntype TabsTransitionSpacing =\n  | 'default'\n  | `${Size.EXTRA_SMALL | Size.SMALL | Size.MEDIUM | Size.LARGE}`;\n\nexport interface TabsProps {\n  tabs: TabItem[];\n  selected: number;\n  name: string;\n  animatePanelsOnClick?: boolean;\n  changeTabOnSwipe?: boolean;\n  className?: string;\n  transitionSpacing?: TabsTransitionSpacing;\n  headerWidth?: `${Width}`;\n  id?: string;\n  onTabSelect: (index: number) => void;\n}\n\ninterface TabsState {\n  start: Swipe | null;\n  translateX: number;\n  translateFrom: number;\n  translateTo: number;\n  translateLineX: string | null;\n  isAnimating: boolean;\n  isSwiping: boolean;\n  isScrolling: boolean;\n  lastSwipeVelocity: number;\n  fullWidthTabs: boolean;\n  currentSwipe: Swipe[];\n  selectedTabIndex: number;\n}\n\nconst SpacerWidth = {\n  default: 0,\n  xs: 8,\n  sm: 16,\n  md: 24,\n  lg: 32,\n} satisfies Record<TabsTransitionSpacing, number>;\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    transitionSpacing: 'default',\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      translateX: 0,\n      translateFrom: 0,\n      translateTo: 0,\n      translateLineX: null,\n      isAnimating: false,\n      isSwiping: false,\n      isScrolling: false,\n      lastSwipeVelocity: 0,\n      fullWidthTabs: props.headerWidth === Width.BLOCK,\n      currentSwipe: [],\n      selectedTabIndex: props.selected,\n    };\n  }\n\n  container: HTMLDivElement | null = null;\n\n  containerWidth = 0;\n\n  tabRefs: (HTMLLIElement | null)[] = [];\n\n  get filteredTabsLength() {\n    return this.props.tabs.filter((tab) => !tab.disabled).length;\n  }\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.animateToTab(clamp(selected, MIN_INDEX, this.MAX_INDEX), true);\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, previousState: TabsState) {\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    const { animatePanelsOnClick } = this.props;\n    const instantOnClick = !animatePanelsOnClick && !previousState.isSwiping;\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.animateToTab(\n        clamp(currentSelected, MIN_INDEX, this.MAX_INDEX),\n        currentSelected === previousSelected || instantOnClick,\n      );\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    this.setState(({ selectedTabIndex }) => ({\n      translateTo: -(this.containerWidth * selectedTabIndex),\n    }));\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  calculateApplicableDragDifference = ({\n    currentSelected,\n    nextSelected,\n    start,\n    end,\n  }: {\n    currentSelected: number;\n    nextSelected: number;\n    start: Swipe;\n    end: Swipe;\n  }) => {\n    const difference = getSwipeDifference(start, end);\n    const elasticDrag = getElasticDragDifference(difference);\n\n    if (swipedLeftToRight(start, end)) {\n      if (currentSelected > MIN_INDEX && currentSelected !== nextSelected) {\n        return Math.min(difference, this.containerWidth);\n      }\n      return elasticDrag;\n    }\n    if (swipedRightToLeft(start, end)) {\n      if (currentSelected < this.MAX_INDEX && currentSelected !== nextSelected) {\n        return -Math.min(difference, this.containerWidth);\n      }\n      return -elasticDrag;\n    }\n\n    return false;\n  };\n\n  switchTab = (index: number) => {\n    const { onTabSelect } = this.props;\n    onTabSelect(index);\n  };\n\n  getTabIndexWithoutDisabledTabs(index: number) {\n    return index - this.props.tabs.slice(0, index).filter((tab) => tab.disabled).length;\n  }\n\n  animateToTab = (index: number, instant?: boolean) => {\n    this.animateLine(index);\n\n    this.animatePanel(this.getTabIndexWithoutDisabledTabs(index), instant);\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  // Pass `instant` to set the `translateX` to the new panel with no transition\n  animatePanel = (index: number, instant = false) => {\n    const { translateTo: currentTranslateTo } = this.state;\n\n    const translateFrom = currentTranslateTo;\n    const translateTo = -(this.containerWidth * index);\n\n    this.setState({\n      selectedTabIndex: index,\n      isAnimating: !instant && translateFrom !== translateTo,\n      translateFrom,\n      translateTo,\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 && 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      currentSwipe: [start],\n    });\n\n    event.persist();\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 selected = this.getTabIndexWithoutDisabledTabs(currentSelectedFromProps);\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    event.persist();\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      const dragDifference = this.calculateApplicableDragDifference({\n        currentSelected: currentSelectedFromProps,\n        nextSelected,\n        start,\n        end,\n      });\n\n      const translateX = dragDifference\n        ? -(this.containerWidth * selected) + dragDifference\n        : false;\n\n      this.setState((state) => ({\n        currentSwipe: [...state.currentSwipe, end],\n        translateFrom: translateX || state.translateFrom,\n        translateTo: translateX || state.translateTo,\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    const velocity = getVelocity([...this.state.currentSwipe, end]);\n\n    this.setState({\n      currentSwipe: [],\n    });\n\n    let nextSelected = selected;\n\n    event.persist();\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\n        this.setState({\n          lastSwipeVelocity: velocity,\n        });\n      } else {\n        this.animateToTab(nextSelected);\n      }\n    }\n\n    this.setState({ isSwiping: false, isScrolling: false });\n  };\n\n  render() {\n    const { tabs, changeTabOnSwipe, name, selected, className, transitionSpacing, headerWidth } =\n      this.props;\n    const {\n      isSwiping,\n      translateLineX,\n      isAnimating,\n      translateFrom,\n      translateTo,\n      lastSwipeVelocity,\n      fullWidthTabs,\n    } = this.state;\n\n    const spacer = SpacerWidth[transitionSpacing];\n\n    const tabsLength = this.filteredTabsLength;\n\n    const distanceSwiped = Math.abs(-translateFrom - this.containerWidth * selected);\n\n    const remainingContainerToTravel = isSwiping\n      ? 1 - distanceSwiped / this.containerWidth\n      : 1 - Math.abs(distanceSwiped / this.containerWidth - 1);\n\n    const restrictedVelocity =\n      (Number.isNaN(remainingContainerToTravel) ? 0 : remainingContainerToTravel) *\n      Math.min(10 * Math.E, lastSwipeVelocity * 10 * Math.E);\n\n    const hidePanelOverflow = isAnimating || isSwiping;\n\n    const sliderWidth = tabsLength * this.containerWidth + spacer * 2;\n\n    // Uses `props.panelTransitionSpacing` to add a spacer in-between the `TabPanel` you're transitioning to/from\n    const Spacer = ({ id }: { id: string }) =>\n      spacer > 0 && (\n        <div\n          key={id}\n          style={{\n            width: spacer,\n            display: hidePanelOverflow ? 'block' : 'none',\n          }}\n        />\n      );\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\n                ref={this.setContainerRefAndWidth}\n                className=\"tabs__panel-container\"\n                style={{\n                  overflow: hidePanelOverflow ? 'hidden' : 'visible',\n                }}\n              >\n                <Spring\n                  from={{\n                    transform: `translateX(${translateFrom - spacer}px)`,\n                  }}\n                  to={{\n                    transform: `translateX(${translateTo - spacer}px)`,\n                  }}\n                  config={{\n                    precision: isSwiping ? 1 : 0.01,\n                    velocity: !isSwiping ? restrictedVelocity : 0,\n                    clamp: true,\n                  }}\n                  onRest={() => {\n                    if (isAnimating) {\n                      this.setState({\n                        isAnimating: false,\n                        lastSwipeVelocity: 0,\n                      });\n                    }\n                  }}\n                >\n                  {(props) => (\n                    <animated.div\n                      className=\"tabs__slider\"\n                      style={{\n                        width: hidePanelOverflow ? `${sliderWidth}px` : '100%',\n                        transform: hidePanelOverflow ? props.transform : 'translateX(0px)',\n                      }}\n                    >\n                      {tabs.map(({ content, disabled }, index) =>\n                        !disabled ? (\n                          <Fragment key={`${tabs[index].title}-fragment`}>\n                            {index === selected && <Spacer id=\"left-spacer\" />}\n                            <TabPanel\n                              key={tabs[index].title}\n                              tabId={`${name}-tab-${index}`}\n                              id={`${name}-panel-${index}`}\n                              style={{\n                                width: hidePanelOverflow ? `${this.containerWidth}px` : '100%',\n                                display: hidePanelOverflow || index === selected ? 'block' : 'none',\n                              }}\n                            >\n                              {content}\n                            </TabPanel>\n                            {index === selected && <Spacer id=\"right-spacer\" />}\n                          </Fragment>\n                        ) : null,\n                      )}\n                    </animated.div>\n                  )}\n                </Spring>\n              </div>\n            </div>\n          );\n        }}\n      </DirectionContext.Consumer>\n    );\n  }\n}\n"],"names":["MIN_INDEX","SpacerWidth","default","xs","sm","md","lg","Tabs","Component","defaultProps","changeTabOnSwipe","transitionSpacing","headerWidth","Width","BLOCK","containerReference","createRef","constructor","props","state","start","translateX","translateFrom","translateTo","translateLineX","isAnimating","isSwiping","isScrolling","lastSwipeVelocity","fullWidthTabs","currentSwipe","selectedTabIndex","selected","container","containerWidth","tabRefs","filteredTabsLength","tabs","filter","tab","disabled","length","MAX_INDEX","componentDidMount","setTabWidth","switchTab","clamp","animateToTab","document","body","addEventListener","disableScroll","passive","window","handleResize","componentDidUpdate","previousProps","previousState","currentSelected","previousSelected","currentSelectedTab","currentSelectedTabIsDisabled","previousSelectedTab","previousSelectedTabIsDisabled","currentTabsLength","previousTabsLength","currentDisabledTabsLength","previousDisabledTabsLength","currentHeaderWidth","previousFullHeaderWidth","animatePanelsOnClick","instantOnClick","componentWillUnmount","removeEventListener","setContainerWidth","setState","setContainerRefAndWidth","node","width","getBoundingClientRect","isTabDisabled","index","getAllTabsWidth","map","reference","reduce","a","b","getDistanceToSelectedTab","_","idx","allTabsWidth","AUTO","getTabLineWidth","getTabToSelect","end","nextSelected","swipedLeftToRight","swipedRightToLeft","Math","max","min","swipedOverHalfOfContainer","difference","calculateApplicableDragDifference","getSwipeDifference","elasticDrag","getElasticDragDifference","onTabSelect","getTabIndexWithoutDisabledTabs","slice","instant","animateLine","animatePanel","currentTranslateTo","event","preventDefault","handleTabClick","onKeyDown","key","handleTouchStart","x","nativeEvent","touches","clientX","y","clientY","time","Date","now","persist","handleTouchMove","currentSelectedFromProps","changedTouches","yAxisDifference","dragDifference","handleTouchEnd","velocity","getVelocity","swipeShouldChangeTab","render","name","className","spacer","tabsLength","distanceSwiped","abs","remainingContainerToTravel","restrictedVelocity","Number","isNaN","E","hidePanelOverflow","sliderWidth","Spacer","id","_jsx","style","display","DirectionContext","Consumer","children","direction","isRTL","Direction","RTL","_jsxs","ref","clsx","onTouchStart","undefined","onTouchEnd","onTouchMove","TabList","title","Tab","panelId","focusTab","current","contains","activeElement","focus","onClick","role","transform","overflow","Spring","from","to","config","precision","onRest","animated","div","content","Fragment","TabPanel","tabId"],"mappings":"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"}

package/build/tabs/Tabs.mjs

@@ -2,8 +2,25 @@ import { Spring, animated } from '@react-spring/web';
 import { clsx } from 'clsx';
 import clamp from 'lodash.clamp';
 import { Component, createRef, Fragment } from 'react';
+import '../common/theme.mjs';
 import { Direction } from '../common/direction.mjs';
+import '../common/propsValues/control.mjs';
+import '../common/propsValues/breakpoint.mjs';
+import '../common/propsValues/size.mjs';
+import '../common/propsValues/typography.mjs';
 import { Width } from '../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/icons';
 import 'react-intl';
 import '../common/closeButton/CloseButton.messages.mjs';
@@ -171,7 +188,6 @@ class Tabs extends Component {
     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).
@@ -236,7 +252,6 @@ class Tabs extends Component {
       translateLineX: previousState.fullWidthTabs ? `${index * 100}%` : `${this.getDistanceToSelectedTab(index)}px`
     }));
   };
-
   // Pass `instant` to set the `translateX` to the new panel with no transition
   animatePanel = (index, instant = false) => {
     const {
@@ -397,7 +412,6 @@ class Tabs extends Component {
     const restrictedVelocity = (Number.isNaN(remainingContainerToTravel) ? 0 : remainingContainerToTravel) * Math.min(10 * Math.E, lastSwipeVelocity * 10 * Math.E);
     const hidePanelOverflow = isAnimating || isSwiping;
     const sliderWidth = tabsLength * this.containerWidth + spacer * 2;
-
     // Uses `props.panelTransitionSpacing` to add a spacer in-between the `TabPanel` you're transitioning to/from
     const Spacer = ({
       id