@helsenorge/designsystem-react 13.0.0-beta.2 → 13.0.0-beta.5

package/StatusDot.js

@@ -1,106 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import React__default from "react";
-import classNames from "classnames";
-import "./theme/grid.js";
-import "./hooks/useBreakpoint.js";
-import { AnalyticsId, FormOnColor, IconSize } from "./constants.js";
-import { getColor } from "./theme/currys/color.js";
-import { L as LazyIcon } from "./LazyIcon.js";
-import styles from "./components/StatusDot/styles.module.scss";
-var StatusDotOnColor = ((StatusDotOnColor2) => {
-  StatusDotOnColor2[StatusDotOnColor2["onwhite"] = FormOnColor.onwhite] = "onwhite";
-  StatusDotOnColor2[StatusDotOnColor2["ondark"] = FormOnColor.ondark] = "ondark";
-  return StatusDotOnColor2;
-})(StatusDotOnColor || {});
-var StatusDotVariant = /* @__PURE__ */ ((StatusDotVariant2) => {
-  StatusDotVariant2["success"] = "success";
-  StatusDotVariant2["inprocess"] = "inprocess";
-  StatusDotVariant2["exception"] = "exception";
-  StatusDotVariant2["unknown"] = "unknown";
-  StatusDotVariant2["inspected"] = "inspected";
-  StatusDotVariant2["cancelled"] = "cancelled";
-  StatusDotVariant2["alert"] = "alert";
-  StatusDotVariant2["transparent"] = "transparent";
-  StatusDotVariant2["info"] = "info";
-  StatusDotVariant2["group"] = "group";
-  StatusDotVariant2["recurring"] = "recurring";
-  StatusDotVariant2["noaccess"] = "noaccess";
-  StatusDotVariant2["draft"] = "draft";
-  StatusDotVariant2["hidden"] = "hidden";
-  StatusDotVariant2["login"] = "login";
-  StatusDotVariant2["attachment"] = "attachment";
-  StatusDotVariant2["active"] = "active";
-  StatusDotVariant2["pending"] = "pending";
-  StatusDotVariant2["inactive"] = "inactive";
-  return StatusDotVariant2;
-})(StatusDotVariant || {});
-const StatusDotIcon = ({ onColor, variant = "info" }) => {
-  const color = onColor === StatusDotOnColor.ondark ? getColor("white") : getColor("black");
-  const iconProps = {
-    color,
-    size: IconSize.XXSmall,
-    onColor,
-    className: classNames({
-      [styles[`statusdot__dot--${variant}`]]: typeof variant !== "undefined",
-      [styles["statusdot__dot--on-dark"]]: onColor === StatusDotOnColor.ondark
-    })
-  };
-  switch (variant) {
-    case "success":
-      return /* @__PURE__ */ jsx(LazyIcon, { ...iconProps, iconName: "DotSuccess" });
-    case "inprocess":
-      return /* @__PURE__ */ jsx(LazyIcon, { ...iconProps, iconName: "DotHalfDisc" });
-    case "exception":
-      return /* @__PURE__ */ jsx(LazyIcon, { ...iconProps, iconName: "DotWarningTriangle" });
-    case "unknown":
-      return /* @__PURE__ */ jsx(LazyIcon, { ...iconProps, iconName: "DotQuestionMark" });
-    case "inspected":
-      return /* @__PURE__ */ jsx(LazyIcon, { ...iconProps, iconName: "DotLookingGlass" });
-    case "cancelled":
-      return /* @__PURE__ */ jsx(LazyIcon, { ...iconProps, iconName: "DotCancelled" });
-    case "alert":
-      return /* @__PURE__ */ jsx(LazyIcon, { ...iconProps, iconName: "DotAlert" });
-    case "transparent":
-      return /* @__PURE__ */ jsx(LazyIcon, { ...iconProps, iconName: "DotTransparent" });
-    case "info":
-      return /* @__PURE__ */ jsx(LazyIcon, { ...iconProps, iconName: "DotInfo" });
-    case "group":
-      return /* @__PURE__ */ jsx(LazyIcon, { ...iconProps, iconName: "Group" });
-    case "recurring":
-      return /* @__PURE__ */ jsx(LazyIcon, { ...iconProps, iconName: "Change" });
-    case "noaccess":
-      return /* @__PURE__ */ jsx(LazyIcon, { ...iconProps, iconName: "NoAccess" });
-    case "draft":
-      return /* @__PURE__ */ jsx(LazyIcon, { ...iconProps, iconName: "Pencil" });
-    case "hidden":
-      return /* @__PURE__ */ jsx(LazyIcon, { ...iconProps, iconName: "NoEye" });
-    case "login":
-      return /* @__PURE__ */ jsx(LazyIcon, { ...iconProps, iconName: "Login" });
-    case "attachment":
-      return /* @__PURE__ */ jsx(LazyIcon, { ...iconProps, iconName: "Attachment" });
-    case "active":
-      return /* @__PURE__ */ jsx(LazyIcon, { ...iconProps, iconName: "DotActive" });
-    case "pending":
-      return /* @__PURE__ */ jsx(LazyIcon, { ...iconProps, iconName: "DotPending" });
-    case "inactive":
-      return /* @__PURE__ */ jsx(LazyIcon, { ...iconProps, iconName: "DotInactive" });
-  }
-  return null;
-};
-const StatusDot = React__default.forwardRef(function StatusDotForwardedRef(props, ref) {
-  const { id, onColor = StatusDotOnColor.onwhite, variant = "info", text, className, testId } = props;
-  const statusDotClasses = classNames(styles["statusdot"], className);
-  const labelClasses = classNames(styles["statusdot__label"], {
-    [styles["statusdot__label--on-dark"]]: onColor === StatusDotOnColor.ondark
-  });
-  return /* @__PURE__ */ jsxs("span", { id, ref, className: statusDotClasses, "data-testid": testId, "data-analyticsid": AnalyticsId.StatusDot, children: [
-    /* @__PURE__ */ jsx("span", { className: styles["statusdot__dot"], "data-testid": testId + "-dot", children: /* @__PURE__ */ jsx(StatusDotIcon, { onColor, variant }) }),
-    /* @__PURE__ */ jsx("span", { className: labelClasses, children: text })
-  ] });
-});
-export {
-  StatusDot as S,
-  StatusDotVariant as a,
-  StatusDotOnColor as b
-};
-//# sourceMappingURL=StatusDot.js.map

package/StatusDot.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatusDot.js","sources":["../src/components/StatusDot/StatusDot.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { IconSize } from '../..';\nimport { AnalyticsId, FormOnColor } from '../../constants';\nimport { getColor } from '../../theme/currys';\nimport { LazyIcon } from '../LazyIcon';\n\nimport styles from './styles.module.scss';\n\nexport enum StatusDotOnColor {\n  onwhite = FormOnColor.onwhite,\n  ondark = FormOnColor.ondark,\n}\n\nexport enum StatusDotVariant {\n  success = 'success',\n  inprocess = 'inprocess',\n  exception = 'exception',\n  unknown = 'unknown',\n  inspected = 'inspected',\n  cancelled = 'cancelled',\n  alert = 'alert',\n  transparent = 'transparent',\n  info = 'info',\n  group = 'group',\n  recurring = 'recurring',\n  noaccess = 'noaccess',\n  draft = 'draft',\n  hidden = 'hidden',\n  login = 'login',\n  attachment = 'attachment',\n  active = 'active',\n  pending = 'pending',\n  inactive = 'inactive',\n}\n\nexport interface StatusDotIconProps {\n  /** Defines the color of the icon */\n  onColor?: keyof typeof StatusDotOnColor;\n  /** The variant defines style formatting and what icon to use */\n  variant?: keyof typeof StatusDotVariant;\n}\n\nconst StatusDotIcon: React.FC<StatusDotIconProps> = ({ onColor, variant = 'info' }) => {\n  const color = onColor === StatusDotOnColor.ondark ? getColor('white') : getColor('black');\n  const iconProps = {\n    color,\n    size: IconSize.XXSmall,\n    onColor,\n    className: classNames({\n      [styles[`statusdot__dot--${variant}`]]: typeof variant !== 'undefined',\n      [styles['statusdot__dot--on-dark']]: onColor === StatusDotOnColor.ondark,\n    }),\n  };\n\n  switch (variant) {\n    case StatusDotVariant.success:\n      return <LazyIcon {...iconProps} iconName={'DotSuccess'} />;\n    case StatusDotVariant.inprocess:\n      return <LazyIcon {...iconProps} iconName={'DotHalfDisc'} />;\n    case StatusDotVariant.exception:\n      return <LazyIcon {...iconProps} iconName={'DotWarningTriangle'} />;\n    case StatusDotVariant.unknown:\n      return <LazyIcon {...iconProps} iconName={'DotQuestionMark'} />;\n    case StatusDotVariant.inspected:\n      return <LazyIcon {...iconProps} iconName={'DotLookingGlass'} />;\n    case StatusDotVariant.cancelled:\n      return <LazyIcon {...iconProps} iconName={'DotCancelled'} />;\n    case StatusDotVariant.alert:\n      return <LazyIcon {...iconProps} iconName={'DotAlert'} />;\n    case StatusDotVariant.transparent:\n      return <LazyIcon {...iconProps} iconName={'DotTransparent'} />;\n    case StatusDotVariant.info:\n      return <LazyIcon {...iconProps} iconName={'DotInfo'} />;\n    case StatusDotVariant.group:\n      return <LazyIcon {...iconProps} iconName={'Group'} />;\n    case StatusDotVariant.recurring:\n      return <LazyIcon {...iconProps} iconName={'Change'} />;\n    case StatusDotVariant.noaccess:\n      return <LazyIcon {...iconProps} iconName={'NoAccess'} />;\n    case StatusDotVariant.draft:\n      return <LazyIcon {...iconProps} iconName={'Pencil'} />;\n    case StatusDotVariant.hidden:\n      return <LazyIcon {...iconProps} iconName={'NoEye'} />;\n    case StatusDotVariant.login:\n      return <LazyIcon {...iconProps} iconName={'Login'} />;\n    case StatusDotVariant.attachment:\n      return <LazyIcon {...iconProps} iconName={'Attachment'} />;\n    case StatusDotVariant.active:\n      return <LazyIcon {...iconProps} iconName={'DotActive'} />;\n    case StatusDotVariant.pending:\n      return <LazyIcon {...iconProps} iconName={'DotPending'} />;\n    case StatusDotVariant.inactive:\n      return <LazyIcon {...iconProps} iconName={'DotInactive'} />;\n  }\n\n  return null;\n};\n\nexport interface StatusDotProps {\n  /** id that is placed on the wrapper */\n  id?: string;\n  /** Defines the color mode, onwhite, ondark etc. */\n  onColor?: keyof typeof StatusDotOnColor;\n  /** Visual variants for the statusdot */\n  variant?: keyof typeof StatusDotVariant;\n  /** Text placed to the right of the statusdot */\n  text: string;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nexport type StatusDotType = React.ForwardRefExoticComponent<StatusDotProps & React.RefAttributes<HTMLElement>>;\nconst StatusDot: StatusDotType = React.forwardRef(function StatusDotForwardedRef(\n  props: StatusDotProps,\n  ref: React.ForwardedRef<HTMLElement>\n) {\n  const { id, onColor = StatusDotOnColor.onwhite, variant = StatusDotVariant.info, text, className, testId } = props;\n\n  const statusDotClasses = classNames(styles['statusdot'], className);\n  const labelClasses = classNames(styles['statusdot__label'], {\n    [styles['statusdot__label--on-dark']]: onColor === StatusDotOnColor.ondark,\n  });\n\n  return (\n    <span id={id} ref={ref} className={statusDotClasses} data-testid={testId} data-analyticsid={AnalyticsId.StatusDot}>\n      <span className={styles['statusdot__dot']} data-testid={testId + '-dot'}>\n        <StatusDotIcon onColor={onColor} variant={variant} />\n      </span>\n      <span className={labelClasses}>{text}</span>\n    </span>\n  );\n});\n\nexport default StatusDot;\n"],"names":["StatusDotOnColor","StatusDotVariant","React"],"mappings":"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"}

package/StatusDotList.js

@@ -1,27 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import classNames from "classnames";
-import { S as StatusDot, a as StatusDotVariant } from "./StatusDot.js";
-import styles from "./components/ElementHeader/StatusDotList/styles.module.scss";
-const StatusDotList = (props) => {
-  const {
-    additionalText,
-    children,
-    className = "",
-    testId,
-    stacking = "horizontal",
-    hiddenForChild = false,
-    topStatusDot,
-    bottomStatusDot
-  } = props;
-  return /* @__PURE__ */ jsxs("span", { "data-testid": testId, className: classNames(styles["statusdotlist"], className), children: [
-    topStatusDot,
-    hiddenForChild && /* @__PURE__ */ jsx(StatusDot, { variant: StatusDotVariant.hidden, text: "Skjult for barnet" }),
-    /* @__PURE__ */ jsx("span", { "data-stacking": stacking, className: styles["statusdotlist__children"], children }),
-    bottomStatusDot,
-    additionalText && /* @__PURE__ */ jsx("span", { className: styles["statusdotlist__additional-text"], children: additionalText })
-  ] });
-};
-export {
-  StatusDotList as S
-};
-//# sourceMappingURL=StatusDotList.js.map

package/StatusDotList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatusDotList.js","sources":["../src/components/ElementHeader/StatusDotList/StatusDotList.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport StatusDot, { StatusDotProps, StatusDotVariant } from '../../StatusDot';\n\nimport styles from './styles.module.scss';\n\nexport type StatusDotListType = React.FC<StatusDotListProps>;\n\nexport interface StatusDotListProps {\n  /** Additional text to the bottom statusdot */\n  additionalText?: string;\n  /** StatusDot that is under the others and outside the stacking */\n  bottomStatusDot?: React.ReactElement<StatusDotProps>;\n  /** Stacking of the statusdots  */\n  stacking?: 'vertical' | 'horizontal';\n  /** StatusDots as children */\n  children?: React.ReactNode;\n  /** Adds custom classes */\n  className?: string;\n  /** Show a hidden for child statusdot over the other */\n  hiddenForChild?: boolean;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** StatusDot that is over the others and outside the stacking */\n  topStatusDot?: React.ReactElement<StatusDotProps>;\n}\n\nexport const StatusDotList: StatusDotListType = props => {\n  const {\n    additionalText,\n    children,\n    className = '',\n    testId,\n    stacking = 'horizontal',\n    hiddenForChild = false,\n    topStatusDot,\n    bottomStatusDot,\n  } = props;\n\n  return (\n    <span data-testid={testId} className={cn(styles['statusdotlist'], className)}>\n      {topStatusDot}\n      {/* @todo: legg til tekst i SOT */}\n      {hiddenForChild && <StatusDot variant={StatusDotVariant.hidden} text=\"Skjult for barnet\" />}\n      <span data-stacking={stacking} className={styles['statusdotlist__children']}>\n        {children}\n      </span>\n      {bottomStatusDot}\n      {additionalText && <span className={styles['statusdotlist__additional-text']}>{additionalText}</span>}\n    </span>\n  );\n};\n\nexport default StatusDotList;\n"],"names":["cn"],"mappings":";;;;AA6BO,MAAM,gBAAmC,CAAA,UAAS;AACvD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,EAAA,IACE;AAEJ,SACE,qBAAC,QAAA,EAAK,eAAa,QAAQ,WAAWA,WAAG,OAAO,eAAe,GAAG,SAAS,GACxE,UAAA;AAAA,IAAA;AAAA,IAEA,kBAAkB,oBAAC,WAAA,EAAU,SAAS,iBAAiB,QAAQ,MAAK,qBAAoB;AAAA,IACzF,oBAAC,UAAK,iBAAe,UAAU,WAAW,OAAO,yBAAyB,GACvE,UACH;AAAA,IACC;AAAA,IACA,kBAAkB,oBAAC,QAAA,EAAK,WAAW,OAAO,gCAAgC,GAAI,UAAA,eAAA,CAAe;AAAA,EAAA,GAChG;AAEJ;"}

package/StepButtons.js

@@ -1,32 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import React__default from "react";
-import classNames from "classnames";
-import { AnalyticsId } from "./constants.js";
-import styles from "./components/StepButtons/styles.module.scss";
-const StepButtons = (props) => {
-  const { backButton, forwardButton, additionalButtons, cancelButton, sticky = false, testId } = props;
-  const navigationClasses = classNames(styles.stepbuttons, sticky && styles["stepbuttons--has-sticky-buttons"]);
-  if (backButton || forwardButton || additionalButtons || cancelButton) {
-    return /* @__PURE__ */ jsxs("div", { className: navigationClasses, "data-testid": testId, "data-analyticsid": AnalyticsId.StepButtons, children: [
-      (backButton || forwardButton) && /* @__PURE__ */ jsxs("div", { className: styles.stepbuttons__buttons, children: [
-        backButton && React__default.cloneElement(backButton, {
-          variant: "outline",
-          wrapperClassName: classNames(styles["stepbuttons__button--back"])
-        }),
-        forwardButton && React__default.cloneElement(forwardButton, {
-          variant: "fill",
-          wrapperClassName: classNames(styles["stepbuttons__button--forward"])
-        })
-      ] }),
-      additionalButtons && /* @__PURE__ */ jsx("div", { className: classNames(styles.stepbuttons__buttons, styles["stepbuttons__buttons--additional"]), children: additionalButtons }),
-      cancelButton && /* @__PURE__ */ jsx("div", { className: styles.stepbuttons__buttons, children: React__default.cloneElement(cancelButton, {
-        variant: "borderless"
-      }) })
-    ] });
-  }
-  return null;
-};
-export {
-  StepButtons as S
-};
-//# sourceMappingURL=StepButtons.js.map

package/StepButtons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepButtons.js","sources":["../src/components/StepButtons/StepButtons.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { ButtonProps } from '../Button';\n\nimport styles from './styles.module.scss';\n\nexport interface StepButtonsProps {\n  /** Knapp for å gå tilbake. Vises med \"outline\" variant. */\n  backButton?: React.ReactElement<ButtonProps>;\n  /** Knapp for å gå videre. Vises med \"fill\" variant. */\n  forwardButton?: React.ReactElement<ButtonProps>;\n  /** Ekstra knapper. Valgfritt utseende. */\n  additionalButtons?: React.ReactElement<ButtonProps>[];\n  /** Knapp for å avbryte eller fortsette senere. Vises med \"borderless\" variant. */\n  cancelButton?: React.ReactElement<ButtonProps>;\n  /** Knappene vil vises sticky nederst på skjermen. Default: false  */\n  sticky?: boolean;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nexport const StepButtons: React.FC<StepButtonsProps> = props => {\n  const { backButton, forwardButton, additionalButtons, cancelButton, sticky = false, testId } = props;\n\n  const navigationClasses = classNames(styles.stepbuttons, sticky && styles['stepbuttons--has-sticky-buttons']);\n\n  if (backButton || forwardButton || additionalButtons || cancelButton) {\n    return (\n      <div className={navigationClasses} data-testid={testId} data-analyticsid={AnalyticsId.StepButtons}>\n        {(backButton || forwardButton) && (\n          <div className={styles.stepbuttons__buttons}>\n            {backButton &&\n              React.cloneElement(backButton, {\n                variant: 'outline',\n                wrapperClassName: classNames(styles['stepbuttons__button--back']),\n              })}\n            {forwardButton &&\n              React.cloneElement(forwardButton, {\n                variant: 'fill',\n                wrapperClassName: classNames(styles['stepbuttons__button--forward']),\n              })}\n          </div>\n        )}\n        {additionalButtons && (\n          <div className={classNames(styles.stepbuttons__buttons, styles['stepbuttons__buttons--additional'])}>{additionalButtons}</div>\n        )}\n        {cancelButton && (\n          <div className={styles.stepbuttons__buttons}>\n            {React.cloneElement(cancelButton, {\n              variant: 'borderless',\n            })}\n          </div>\n        )}\n      </div>\n    );\n  }\n  return null;\n};\n\nexport default StepButtons;\n"],"names":["React"],"mappings":";;;;;AAwBO,MAAM,cAA0C,CAAA,UAAS;AAC9D,QAAM,EAAE,YAAY,eAAe,mBAAmB,cAAc,SAAS,OAAO,WAAW;AAE/F,QAAM,oBAAoB,WAAW,OAAO,aAAa,UAAU,OAAO,iCAAiC,CAAC;AAE5G,MAAI,cAAc,iBAAiB,qBAAqB,cAAc;AACpE,WACE,qBAAC,SAAI,WAAW,mBAAmB,eAAa,QAAQ,oBAAkB,YAAY,aAClF,UAAA;AAAA,OAAA,cAAc,kBACd,qBAAC,OAAA,EAAI,WAAW,OAAO,sBACpB,UAAA;AAAA,QAAA,cACCA,eAAM,aAAa,YAAY;AAAA,UAC7B,SAAS;AAAA,UACT,kBAAkB,WAAW,OAAO,2BAA2B,CAAC;AAAA,QAAA,CACjE;AAAA,QACF,iBACCA,eAAM,aAAa,eAAe;AAAA,UAChC,SAAS;AAAA,UACT,kBAAkB,WAAW,OAAO,8BAA8B,CAAC;AAAA,QAAA,CACpE;AAAA,MAAA,GACL;AAAA,MAED,qBACC,oBAAC,OAAA,EAAI,WAAW,WAAW,OAAO,sBAAsB,OAAO,kCAAkC,CAAC,GAAI,UAAA,kBAAA,CAAkB;AAAA,MAEzH,oCACE,OAAA,EAAI,WAAW,OAAO,sBACpB,UAAAA,eAAM,aAAa,cAAc;AAAA,QAChC,SAAS;AAAA,MAAA,CACV,EAAA,CACH;AAAA,IAAA,GAEJ;AAAA,EAEJ;AACA,SAAO;AACT;"}

package/TabList.js

@@ -1,190 +0,0 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import React__default, { useRef, useEffect } from "react";
-import classNames from "classnames";
-import { palette } from "./theme/palette.js";
-import { I as Icon } from "./Icon.js";
-import { IconSize } from "./constants.js";
-import { L as LazyIcon } from "./LazyIcon.js";
-import styles from "./components/Tabs/TabList/styles.module.scss";
-import { useIsVisible } from "./hooks/useIsVisible.js";
-import { useRovingFocus } from "./hooks/useRovingFocus.js";
-import { isComponent } from "./utils/component.js";
-import { usePseudoClasses } from "./hooks/usePseudoClasses.js";
-import ChevronLeft from "./components/Icons/ChevronLeft.js";
-import ChevronRight from "./components/Icons/ChevronRight.js";
-const Tab = (props) => {
-  return /* @__PURE__ */ jsx(Fragment, { children: props.children ?? null });
-};
-const TabItem = (props) => {
-  const isSelected = props.index === props.selectedTab;
-  const { title, onTabClick, icon, testId } = props.tabProps;
-  const handleClick = () => {
-    if (onTabClick) onTabClick(props.index);
-    props.onTabListClick(props.index);
-    scrollToTab(props.index);
-  };
-  const tabButtonClasses = classNames(styles["tab-list__tab"], styles[`tab-list__tab--${props.color}`], {
-    [styles["tab-list__tab--selected"]]: isSelected,
-    [styles["tab-list__tab--not-selected"]]: !isSelected
-  });
-  const currentRef = props.tabRefs.current && props.tabRefs.current[props.index];
-  const scrollToTab = (index) => {
-    var _a, _b;
-    const currentRef2 = props.tabRefs.current && props.tabRefs.current[index];
-    if ((_a = currentRef2 == null ? void 0 : currentRef2.current) == null ? void 0 : _a.scrollIntoView) {
-      (_b = currentRef2 == null ? void 0 : currentRef2.current) == null ? void 0 : _b.scrollIntoView({ behavior: "smooth", inline: "nearest", block: "nearest" });
-    }
-  };
-  const itemRef = useRef(null);
-  useEffect(() => {
-    if (isSelected && props.tabListVisible) {
-      scrollToTab(props.index);
-    }
-  }, [isSelected]);
-  return /* @__PURE__ */ jsx("li", { role: "presentation", ref: itemRef, children: /* @__PURE__ */ jsx(
-    "button",
-    {
-      role: "tab",
-      "aria-selected": isSelected,
-      onClick: handleClick,
-      className: tabButtonClasses,
-      "data-testid": testId,
-      ref: currentRef,
-      children: /* @__PURE__ */ jsxs("span", { className: styles["tab-list__tab__title-and-icon"], children: [
-        icon && (typeof icon === "string" ? /* @__PURE__ */ jsx(
-          LazyIcon,
-          {
-            iconName: icon,
-            size: IconSize.XSmall,
-            color: isSelected ? palette[`black`] : palette["blueberry500"]
-          }
-        ) : /* @__PURE__ */ jsx(Icon, { svgIcon: icon, size: IconSize.XSmall, color: isSelected ? palette[`black`] : palette["blueberry500"] })),
-        title
-      ] })
-    }
-  ) });
-};
-const TabChevron = ({ direction, onClick, backgroundColor, ariaLabel }) => {
-  const buttonRef = React__default.useRef(null);
-  const { isHovered } = usePseudoClasses(buttonRef);
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      ref: buttonRef,
-      className: styles["tab-list__button"],
-      onClick,
-      "aria-label": ariaLabel,
-      style: { backgroundColor },
-      children: direction === "left" ? /* @__PURE__ */ jsx(Icon, { color: "var(--color-action-graphics-onlight)", isHovered, svgIcon: ChevronLeft, size: IconSize.XSmall }) : /* @__PURE__ */ jsx(Icon, { color: "var(--color-action-graphics-onlight)", isHovered, svgIcon: ChevronRight, size: IconSize.XSmall })
-    }
-  );
-};
-const TabList = (props) => {
-  const { selectedTab, onTabListClick, children, color, onColor, ariaLabelLeftButton, ariaLabelRightButton } = props;
-  const listRef = useRef(null);
-  const tabRefs = useRef(React__default.Children.map(children, () => React__default.createRef()) || []);
-  useRovingFocus(onTabListClick, tabRefs, listRef, true);
-  const tablistClasses = classNames(styles["tab-list"], styles[`tab-list--${onColor}`]);
-  const getBackgroundColor = (onColor2) => {
-    switch (onColor2) {
-      case "onwhite":
-        return "var(--color-base-background-white)";
-      case "onblueberry":
-        return "var(--color-base-background-blueberry)";
-      case "onneutral":
-        return "var(--color-base-background-neutral)";
-    }
-  };
-  const firstTab = tabRefs.current && tabRefs.current[0];
-  const lastTab = tabRefs.current && tabRefs.current[tabRefs.current.length - 1];
-  const firstTabVisible = useIsVisible(firstTab);
-  const lastTabVisible = useIsVisible(lastTab);
-  const tabListVisible = useIsVisible(listRef);
-  const shouldShowFadeStart = () => {
-    return !firstTabVisible;
-  };
-  const shouldShowFadeEnd = () => {
-    return !lastTabVisible;
-  };
-  const scrollInList = (direction) => {
-    if (listRef.current) {
-      const listWidth = listRef.current.clientWidth;
-      const listScrollLeft = listRef.current.scrollLeft;
-      const maxScrollLeft = listRef.current.scrollWidth - listWidth;
-      if (direction === "right" && !lastTabVisible) {
-        const scrollAmount = Math.min(listWidth / 2, maxScrollLeft - listScrollLeft);
-        listRef.current.scrollBy({ left: scrollAmount, behavior: "smooth" });
-      } else if (direction === "left" && !firstTabVisible) {
-        const scrollAmount = -Math.min(listWidth / 2, listScrollLeft);
-        listRef.current.scrollBy({ left: scrollAmount, behavior: "smooth" });
-      }
-    }
-  };
-  return /* @__PURE__ */ jsxs("div", { className: styles["tab-list-wrapper"], children: [
-    shouldShowFadeStart() && /* @__PURE__ */ jsxs("div", { className: classNames(styles["tab-list__start-wrapper"]), children: [
-      /* @__PURE__ */ jsx(
-        TabChevron,
-        {
-          onClick: () => scrollInList("left"),
-          direction: "left",
-          backgroundColor: `${getBackgroundColor(onColor)}`,
-          ariaLabel: ariaLabelLeftButton
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: classNames(styles["tab-list__fade-start"]),
-          style: {
-            backgroundColor: `${getBackgroundColor(onColor)}`
-          }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx("ul", { className: tablistClasses, ref: listRef, role: "tablist", "aria-orientation": "horizontal", children: React__default.Children.map(children, (child, index) => {
-      if (isComponent(child, Tab)) {
-        return /* @__PURE__ */ jsx(
-          TabItem,
-          {
-            tabRefs,
-            tabListVisible,
-            index,
-            selectedTab,
-            onTabListClick,
-            tabProps: child.props,
-            color
-          },
-          child.props.title
-        );
-      }
-      return null;
-    }) }),
-    shouldShowFadeEnd() && /* @__PURE__ */ jsxs("div", { className: classNames(styles["tab-list__end-wrapper"]), children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: classNames(styles["tab-list__fade-end"]),
-          style: {
-            backgroundColor: `${getBackgroundColor(onColor)}`
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        TabChevron,
-        {
-          onClick: () => scrollInList("right"),
-          direction: "right",
-          backgroundColor: `${getBackgroundColor(onColor)}`,
-          ariaLabel: ariaLabelRightButton
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: classNames(styles["tab-list__border"]) })
-  ] });
-};
-export {
-  TabList as T,
-  Tab as a
-};
-//# sourceMappingURL=TabList.js.map

package/TabList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabList.js","sources":["../src/components/Tabs/Tab.tsx","../src/components/Tabs/TabList/TabItem.tsx","../src/components/Tabs/TabList/TabChevron.tsx","../src/components/Tabs/TabList/TabList.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SvgIcon } from '../Icon';\nimport { IconName } from '../Icons/IconNames';\n\nexport interface TabProps {\n  /** Sets the tab panel content */\n  children?: React.ReactNode;\n  /** Optional icon on the tab */\n  icon?: SvgIcon | IconName;\n  /** Called when tab is selected */\n  onTabClick?: (index: number) => void;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Title on the tab */\n  title?: string;\n}\n\nconst Tab: React.FC<TabProps> = props => {\n  return <>{props.children ?? null}</>;\n};\n\nexport default Tab;\n","import React, { useEffect, useRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { palette } from '../../../theme/palette';\nimport Icon, { IconSize } from '../../Icon';\nimport { IconName } from '../../Icons/IconNames';\nimport LazyIcon from '../../LazyIcon';\nimport { TabProps } from '../Tab';\nimport { TabsColors } from '../Tabs';\n\nimport styles from './styles.module.scss';\n\ninterface TabItemProps {\n  tabProps: TabProps;\n  index: number;\n  color: TabsColors;\n  selectedTab: number;\n  tabRefs: React.MutableRefObject<React.RefObject<HTMLButtonElement>[] | null | undefined>;\n  tabListVisible: boolean;\n  onTabListClick: (index: number) => void;\n}\n\nconst TabItem: React.FC<TabItemProps> = props => {\n  const isSelected = props.index === props.selectedTab;\n  const { title, onTabClick, icon, testId } = props.tabProps;\n  const handleClick = (): void => {\n    if (onTabClick) onTabClick(props.index);\n    props.onTabListClick(props.index);\n    scrollToTab(props.index);\n  };\n  const tabButtonClasses = classNames(styles['tab-list__tab'], styles[`tab-list__tab--${props.color}`], {\n    [styles['tab-list__tab--selected']]: isSelected,\n    [styles['tab-list__tab--not-selected']]: !isSelected,\n  });\n\n  const currentRef = props.tabRefs.current && props.tabRefs.current[props.index];\n\n  const scrollToTab = (index: number): void => {\n    const currentRef = props.tabRefs.current && props.tabRefs.current[index];\n\n    if (currentRef?.current?.scrollIntoView) {\n      currentRef?.current?.scrollIntoView({ behavior: 'smooth', inline: 'nearest', block: 'nearest' });\n    }\n  };\n\n  const itemRef = useRef<HTMLLIElement>(null);\n\n  useEffect(() => {\n    if (isSelected && props.tabListVisible) {\n      scrollToTab(props.index);\n    }\n  }, [isSelected]);\n\n  return (\n    <li role=\"presentation\" ref={itemRef}>\n      <button\n        role=\"tab\"\n        aria-selected={isSelected}\n        onClick={handleClick}\n        className={tabButtonClasses}\n        data-testid={testId}\n        ref={currentRef as React.RefObject<HTMLButtonElement>}\n      >\n        <span className={styles['tab-list__tab__title-and-icon']}>\n          {icon &&\n            (typeof icon === 'string' ? (\n              <LazyIcon\n                iconName={icon as IconName}\n                size={IconSize.XSmall}\n                color={isSelected ? palette[`black`] : palette['blueberry500']}\n              />\n            ) : (\n              <Icon svgIcon={icon} size={IconSize.XSmall} color={isSelected ? palette[`black`] : palette['blueberry500']} />\n            ))}\n          {title}\n        </span>\n      </button>\n    </li>\n  );\n};\n\nexport default TabItem;\n","import React from 'react';\n\nimport { usePseudoClasses } from '../../../hooks/usePseudoClasses';\nimport Icon, { IconSize } from '../../Icon';\nimport ChevronLeft from '../../Icons/ChevronLeft';\nimport ChevronRight from '../../Icons/ChevronRight';\n\nimport styles from './styles.module.scss';\n\ninterface TabChevronProps {\n  direction: 'left' | 'right';\n  onClick: () => void;\n  backgroundColor?: string;\n  ariaLabel?: string;\n}\n\nconst TabChevron: React.FC<TabChevronProps> = ({ direction, onClick, backgroundColor, ariaLabel }) => {\n  const buttonRef = React.useRef<HTMLButtonElement>(null);\n  const { isHovered } = usePseudoClasses<HTMLButtonElement>(buttonRef);\n\n  return (\n    <button\n      type=\"button\"\n      ref={buttonRef}\n      className={styles['tab-list__button']}\n      onClick={onClick}\n      aria-label={ariaLabel}\n      style={{ backgroundColor: backgroundColor }}\n    >\n      {direction === 'left' ? (\n        <Icon color={'var(--color-action-graphics-onlight)'} isHovered={isHovered} svgIcon={ChevronLeft} size={IconSize.XSmall} />\n      ) : (\n        <Icon color={'var(--color-action-graphics-onlight)'} isHovered={isHovered} svgIcon={ChevronRight} size={IconSize.XSmall} />\n      )}\n    </button>\n  );\n};\n\nexport default TabChevron;\n","import React, { useRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport TabItem from './TabItem';\nimport { useIsVisible } from '../../../hooks/useIsVisible';\nimport { useRovingFocus } from '../../../hooks/useRovingFocus';\nimport { isComponent } from '../../../utils/component';\nimport Tab, { TabProps } from '../Tab';\nimport { TabsColors, TabsOnColor } from '../Tabs';\nimport TabChevron from './TabChevron';\n\nimport styles from './styles.module.scss';\ninterface TabListProps {\n  children: React.ReactNode;\n  onTabListClick: (index: number) => void;\n  selectedTab: number;\n  color: TabsColors;\n  onColor: TabsOnColor;\n  ariaLabelRightButton?: string;\n  ariaLabelLeftButton?: string;\n}\n\nconst TabList: React.FC<TabListProps> = props => {\n  const { selectedTab, onTabListClick, children, color, onColor, ariaLabelLeftButton, ariaLabelRightButton } = props;\n\n  const listRef = useRef<HTMLUListElement>(null);\n\n  const tabRefs = useRef(React.Children.map(children, () => React.createRef<HTMLButtonElement>()) || []);\n  useRovingFocus(onTabListClick, tabRefs, listRef, true);\n\n  const tablistClasses = classNames(styles['tab-list'], styles[`tab-list--${onColor}`]);\n\n  const getBackgroundColor = (onColor: TabsOnColor): string => {\n    switch (onColor) {\n      case 'onwhite':\n        return 'var(--color-base-background-white)';\n      case 'onblueberry':\n        return 'var(--color-base-background-blueberry)';\n      case 'onneutral':\n        return 'var(--color-base-background-neutral)';\n    }\n  };\n  const firstTab = tabRefs.current && tabRefs.current[0];\n  const lastTab = tabRefs.current && tabRefs.current[tabRefs.current.length - 1];\n\n  const firstTabVisible = useIsVisible(firstTab);\n  const lastTabVisible = useIsVisible(lastTab);\n  const tabListVisible = useIsVisible(listRef);\n\n  const shouldShowFadeStart = (): boolean => {\n    return !firstTabVisible;\n  };\n\n  const shouldShowFadeEnd = (): boolean => {\n    return !lastTabVisible;\n  };\n\n  const scrollInList = (direction: string): void => {\n    if (listRef.current) {\n      const listWidth = listRef.current.clientWidth;\n      const listScrollLeft = listRef.current.scrollLeft;\n      const maxScrollLeft = listRef.current.scrollWidth - listWidth;\n\n      if (direction === 'right' && !lastTabVisible) {\n        const scrollAmount = Math.min(listWidth / 2, maxScrollLeft - listScrollLeft);\n        listRef.current.scrollBy({ left: scrollAmount, behavior: 'smooth' });\n      } else if (direction === 'left' && !firstTabVisible) {\n        const scrollAmount = -Math.min(listWidth / 2, listScrollLeft);\n        listRef.current.scrollBy({ left: scrollAmount, behavior: 'smooth' });\n      }\n    }\n  };\n\n  return (\n    <div className={styles['tab-list-wrapper']}>\n      {shouldShowFadeStart() && (\n        <div className={classNames(styles['tab-list__start-wrapper'])}>\n          <TabChevron\n            onClick={() => scrollInList('left')}\n            direction=\"left\"\n            backgroundColor={`${getBackgroundColor(onColor)}`}\n            ariaLabel={ariaLabelLeftButton}\n          />\n          <div\n            className={classNames(styles['tab-list__fade-start'])}\n            style={{\n              backgroundColor: `${getBackgroundColor(onColor)}`,\n            }}\n          ></div>\n        </div>\n      )}\n      <ul className={tablistClasses} ref={listRef} role=\"tablist\" aria-orientation=\"horizontal\">\n        {React.Children.map(children, (child, index) => {\n          if (isComponent<TabProps>(child, Tab)) {\n            return (\n              <TabItem\n                tabRefs={tabRefs}\n                tabListVisible={tabListVisible}\n                key={child.props.title}\n                index={index}\n                selectedTab={selectedTab}\n                onTabListClick={onTabListClick}\n                tabProps={child.props}\n                color={color}\n              />\n            );\n          }\n          return null;\n        })}\n      </ul>\n      {shouldShowFadeEnd() && (\n        <div className={classNames(styles['tab-list__end-wrapper'])}>\n          <div\n            className={classNames(styles['tab-list__fade-end'])}\n            style={{\n              backgroundColor: `${getBackgroundColor(onColor)}`,\n            }}\n          ></div>\n          <TabChevron\n            onClick={() => scrollInList('right')}\n            direction=\"right\"\n            backgroundColor={`${getBackgroundColor(onColor)}`}\n            ariaLabel={ariaLabelRightButton}\n          />\n        </div>\n      )}\n      <div className={classNames(styles['tab-list__border'])}></div>\n    </div>\n  );\n};\n\nexport default TabList;\n"],"names":["currentRef","React","onColor"],"mappings":"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"}

package/TabPanel.js

@@ -1,16 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import classNames from "classnames";
-import styles from "./components/Tabs/TabPanel/styles.module.scss";
-const TabPanel = forwardRef((props, ref) => {
-  const { children, color = "white", isFirst = false, style } = props;
-  const tabPanelClasses = classNames(styles["tab-panel"], styles[`tab-panel--${color}`], {
-    [styles["tab-panel--first"]]: isFirst
-  });
-  return /* @__PURE__ */ jsx("div", { ref, className: tabPanelClasses, style, children: /* @__PURE__ */ jsx("div", { children }) });
-});
-TabPanel.displayName = "TabPanel";
-export {
-  TabPanel as T
-};
-//# sourceMappingURL=TabPanel.js.map

package/TabPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabPanel.js","sources":["../src/components/Tabs/TabPanel/TabPanel.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { TabsColors } from '../Tabs';\n\nimport styles from './styles.module.scss';\n\ninterface TabPanelProps {\n  children?: React.ReactNode;\n  color?: TabsColors;\n  isFirst?: boolean;\n  style?: React.CSSProperties;\n}\n\nconst TabPanel = forwardRef<HTMLDivElement, TabPanelProps>((props, ref) => {\n  const { children, color = 'white', isFirst = false, style } = props;\n\n  const tabPanelClasses = classNames(styles['tab-panel'], styles[`tab-panel--${color}`], {\n    [styles['tab-panel--first']]: isFirst,\n  });\n\n  return (\n    <div ref={ref} className={tabPanelClasses} style={style}>\n      <div>{children}</div>\n    </div>\n  );\n});\n\nTabPanel.displayName = 'TabPanel';\nexport default TabPanel;\n"],"names":[],"mappings":";;;;AAeA,MAAM,WAAW,WAA0C,CAAC,OAAO,QAAQ;AACzE,QAAM,EAAE,UAAU,QAAQ,SAAS,UAAU,OAAO,UAAU;AAE9D,QAAM,kBAAkB,WAAW,OAAO,WAAW,GAAG,OAAO,cAAc,KAAK,EAAE,GAAG;AAAA,IACrF,CAAC,OAAO,kBAAkB,CAAC,GAAG;AAAA,EAAA,CAC/B;AAED,SACE,oBAAC,SAAI,KAAU,WAAW,iBAAiB,OACzC,UAAA,oBAAC,OAAA,EAAK,SAAA,CAAS,EAAA,CACjB;AAEJ,CAAC;AAED,SAAS,cAAc;"}

package/Table.js

@@ -1,165 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import React__default, { useState, useRef, useEffect } from "react";
-import classNames from "classnames";
-import { AnalyticsId } from "./constants.js";
-import { Breakpoint, useBreakpoint } from "./hooks/useBreakpoint.js";
-import { useIsVisible } from "./hooks/useIsVisible.js";
-import { useLayoutEvent } from "./hooks/useLayoutEvent.js";
-import { getAriaLabelAttributes } from "./utils/accessibility.js";
-import { H as HorizontalScroll } from "./HorizontalScroll.js";
-import tableStyles from "./components/Table/styles.module.scss";
-import { isTouchDevice } from "./utils/device.js";
-const configUsesCss = (config) => config.variant === ResponsiveTableVariant.centeredoverflow || config.variant === ResponsiveTableVariant.block;
-const mapConfigToClass = (config) => config.variant === "centeredoverflow" || config.variant === "block" ? tableStyles[`table--${config.variant}-${config.breakpoint}`] : "";
-const sortByBreakpointsDescending = (a, b) => Breakpoint[a.breakpoint] - Breakpoint[b.breakpoint];
-const isValidForCurrentBreakpoint = (config, breakpoint) => Breakpoint[config.breakpoint] >= breakpoint;
-const getConfigForBreakpoint = (config, breakpoint) => {
-  if (Array.isArray(config)) {
-    config.sort(sortByBreakpointsDescending);
-    return config.find((x) => isValidForCurrentBreakpoint(x, breakpoint));
-  } else if (config && isValidForCurrentBreakpoint(config, breakpoint)) {
-    return config;
-  }
-};
-const getCurrentConfig = (config, breakpoint, tableWidth, windowWidth) => {
-  const breakpointConfig = getConfigForBreakpoint(config, breakpoint);
-  const canUseHorizontalScroll = isTouchDevice();
-  const canUseCenteredOverflow = tableWidth <= windowWidth;
-  if (!breakpointConfig) {
-    return;
-  }
-  if (breakpointConfig.variant === ResponsiveTableVariant.centeredoverflow && !canUseCenteredOverflow && breakpointConfig.fallbackVariant === ResponsiveTableVariant.horizontalscroll) {
-    return {
-      variant: canUseHorizontalScroll ? ResponsiveTableVariant.horizontalscroll : ResponsiveTableVariant.none,
-      breakpoint: breakpointConfig.breakpoint
-    };
-  }
-  if (breakpointConfig.variant === ResponsiveTableVariant.centeredoverflow && !canUseCenteredOverflow && breakpointConfig.fallbackVariant !== ResponsiveTableVariant.centeredoverflow) {
-    return {
-      variant: breakpointConfig.fallbackVariant ?? ResponsiveTableVariant.none,
-      breakpoint: breakpointConfig.breakpoint
-    };
-  }
-  if (breakpointConfig.variant === ResponsiveTableVariant.horizontalscroll && !canUseHorizontalScroll && breakpointConfig.fallbackVariant === ResponsiveTableVariant.centeredoverflow) {
-    return {
-      variant: canUseCenteredOverflow ? ResponsiveTableVariant.centeredoverflow : ResponsiveTableVariant.none,
-      breakpoint: breakpointConfig.breakpoint
-    };
-  }
-  if (breakpointConfig.variant === ResponsiveTableVariant.horizontalscroll && !canUseHorizontalScroll && breakpointConfig.fallbackVariant !== ResponsiveTableVariant.horizontalscroll) {
-    return {
-      variant: breakpointConfig.fallbackVariant ?? ResponsiveTableVariant.none,
-      breakpoint: breakpointConfig.breakpoint
-    };
-  }
-  return breakpointConfig;
-};
-const getBreakpointClass = (config) => config && configUsesCss(config) ? mapConfigToClass(config) : void 0;
-const getCenteredOverflowTableStyle = (parentWidth, tableWidth) => {
-  if (parentWidth >= tableWidth) {
-    return;
-  }
-  const COLUMN_GUTTER_WIDTH_PX = 8;
-  return { left: `${(parentWidth - tableWidth) / 2 - COLUMN_GUTTER_WIDTH_PX}px` };
-};
-var ResponsiveTableVariant = /* @__PURE__ */ ((ResponsiveTableVariant2) => {
-  ResponsiveTableVariant2["none"] = "none";
-  ResponsiveTableVariant2["centeredoverflow"] = "centeredoverflow";
-  ResponsiveTableVariant2["horizontalscroll"] = "horizontalscroll";
-  ResponsiveTableVariant2["block"] = "block";
-  return ResponsiveTableVariant2;
-})(ResponsiveTableVariant || {});
-var ModeType = /* @__PURE__ */ ((ModeType2) => {
-  ModeType2["compact"] = "compact";
-  ModeType2["normal"] = "normal";
-  return ModeType2;
-})(ModeType || {});
-const defaultConfig = [
-  {
-    breakpoint: "xl",
-    variant: "centeredoverflow",
-    fallbackVariant: "horizontalscroll"
-    /* horizontalscroll */
-  }
-];
-const simpleConfig = [
-  {
-    breakpoint: "xl",
-    variant: "centeredoverflow",
-    fallbackVariant: "horizontalscroll"
-    /* horizontalscroll */
-  },
-  {
-    breakpoint: "sm",
-    variant: "centeredoverflow",
-    fallbackVariant: "block"
-    /* block */
-  }
-];
-const Table = ({
-  id,
-  testId,
-  className,
-  children,
-  breakpointConfig = defaultConfig,
-  mode = "normal",
-  scrollAriaLabel,
-  scrollAriaLabelledById,
-  ...rest
-}) => {
-  const [currentConfig, setCurrentConfig] = useState();
-  const [tableWidth, setTableWidth] = useState(0);
-  const [parentWidth, setParentWidth] = useState(0);
-  const [windowWidth, setWindowWidth] = useState(window.innerWidth);
-  const tableRef = useRef(null);
-  const tableIsVisible = useIsVisible(tableRef, 0);
-  const breakpoint = useBreakpoint();
-  useEffect(() => {
-    setCurrentConfig(getCurrentConfig(breakpointConfig, breakpoint, tableWidth, windowWidth));
-  }, [breakpointConfig, breakpoint, tableWidth, windowWidth]);
-  useEffect(() => {
-    var _a, _b, _c;
-    if ((currentConfig == null ? void 0 : currentConfig.variant) === "centeredoverflow" || (currentConfig == null ? void 0 : currentConfig.variant) === "horizontalscroll") {
-      setTableWidth(((_a = tableRef.current) == null ? void 0 : _a.getBoundingClientRect().width) ?? 0);
-    }
-    if ((currentConfig == null ? void 0 : currentConfig.variant) === "centeredoverflow") {
-      setParentWidth(((_c = (_b = tableRef.current) == null ? void 0 : _b.parentElement) == null ? void 0 : _c.getBoundingClientRect().width) ?? 0);
-    }
-  }, [currentConfig, breakpoint]);
-  useLayoutEvent(() => setWindowWidth(window.innerWidth), ["resize"], 100);
-  useEffect(() => {
-    var _a;
-    if (tableWidth === 0 && tableIsVisible) {
-      setTableWidth(((_a = tableRef.current) == null ? void 0 : _a.getBoundingClientRect().width) ?? 0);
-    }
-  }, [tableWidth, tableIsVisible]);
-  const tableStyle = (currentConfig == null ? void 0 : currentConfig.variant) === "centeredoverflow" ? getCenteredOverflowTableStyle(parentWidth, tableWidth) : void 0;
-  const breakpointClass = getBreakpointClass(currentConfig);
-  const tableClass = classNames(tableStyles.table, breakpointClass, className);
-  const table = /* @__PURE__ */ jsx(
-    "table",
-    {
-      className: tableClass,
-      id,
-      "data-testid": testId,
-      "data-analyticsid": AnalyticsId.Table,
-      ref: tableRef,
-      style: tableStyle,
-      ...rest,
-      children: React__default.Children.map(children, (child) => React__default.isValidElement(child) && React__default.cloneElement(child, { mode }))
-    }
-  );
-  const ariaLabelAttributes = getAriaLabelAttributes({ label: scrollAriaLabel, id: scrollAriaLabelledById });
-  if ((currentConfig == null ? void 0 : currentConfig.variant) === "horizontalscroll") {
-    return /* @__PURE__ */ jsx(HorizontalScroll, { childWidth: tableWidth, testId: "horizontal-scroll", ...ariaLabelAttributes, children: table });
-  }
-  return table;
-};
-export {
-  ModeType as M,
-  ResponsiveTableVariant as R,
-  Table as T,
-  defaultConfig as d,
-  simpleConfig as s
-};
-//# sourceMappingURL=Table.js.map