@hitachivantara/uikit-react-core 5.16.0 → 5.18.0

package/dist/esm/components/ScrollTo/Vertical/ScrollToVertical.styles.js

@@ -1,5 +1,10 @@
 import { theme } from "@hitachivantara/uikit-styles";
-const styles = {
+import { createClasses } from "../../../utils/classes.js";
+const name = "HvScrollToVertical";
+const {
+  staticClasses,
+  useClasses
+} = createClasses(name, {
   root: {
     display: "flex",
     width: "32px",
@@ -9,35 +14,28 @@ const styles = {
     flexWrap: "wrap",
     flexDirection: "column",
     backdropFilter: `blur(${theme.scrollTo.backgroundColorBlur})`
+  },
+  positionAbsolute: {
+    width: "32px",
+    position: "absolute",
+    zIndex: `calc(${theme.zIndices.banner} - 2)`,
+    right: "0"
+  },
+  positionFixed: {
+    width: "32px",
+    position: "fixed",
+    zIndex: `calc(${theme.zIndices.banner} - 2)`,
+    right: "0"
   }
-};
+});
 const calculateOffset = (quantityOfOptions) => {
   const itemSize = 32;
   const halfOptions = Math.round(quantityOfOptions * 0.5);
   return halfOptions * itemSize;
 };
-const generateDynamicStyles = (quantityOfOptions) => {
-  const positionOffset = calculateOffset(quantityOfOptions);
-  const generatedStyles = {
-    positionAbsolute: {
-      width: "32px",
-      position: "absolute",
-      zIndex: `calc(${theme.zIndices.banner} - 2)`,
-      right: "0",
-      top: `calc(50% - ${positionOffset}px)`
-    },
-    positionFixed: {
-      width: "32px",
-      position: "fixed",
-      zIndex: `calc(${theme.zIndices.banner} - 2)`,
-      right: "0",
-      top: `calc(50% - ${positionOffset}px)`
-    }
-  };
-  return generatedStyles;
-};
 export {
-  generateDynamicStyles,
-  styles
+  calculateOffset,
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=ScrollToVertical.styles.js.map

package/dist/esm/components/ScrollTo/Vertical/ScrollToVertical.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollToVertical.styles.js","sources":["../../../../../src/components/ScrollTo/Vertical/ScrollToVertical.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { CSSInterpolation } from \"@emotion/serialize\";\nimport { HvScrollToVerticalClasses } from \"./scrollToVerticalClasses\";\n\nexport const styles: Partial<\n  Record<keyof HvScrollToVerticalClasses, CSSInterpolation>\n> = {\n  root: {\n    display: \"flex\",\n    width: \"32px\",\n    padding: \"0\",\n    margin: 0,\n    listStyleType: \"none\",\n    flexWrap: \"wrap\",\n    flexDirection: \"column\",\n    backdropFilter: `blur(${theme.scrollTo.backgroundColorBlur})`,\n  },\n};\n\nconst calculateOffset = (quantityOfOptions: number) => {\n  const itemSize = 32;\n  const halfOptions = Math.round(quantityOfOptions * 0.5);\n\n  return halfOptions * itemSize;\n};\n\nexport const generateDynamicStyles = (quantityOfOptions: number) => {\n  const positionOffset = calculateOffset(quantityOfOptions);\n\n  const generatedStyles: Partial<\n    Record<keyof HvScrollToVerticalClasses, CSSInterpolation>\n  > = {\n    positionAbsolute: {\n      width: \"32px\",\n      position: \"absolute\",\n      zIndex: `calc(${theme.zIndices.banner} - 2)`,\n      right: \"0\",\n      top: `calc(50% - ${positionOffset}px)`,\n    },\n    positionFixed: {\n      width: \"32px\",\n      position: \"fixed\",\n      zIndex: `calc(${theme.zIndices.banner} - 2)`,\n      right: \"0\",\n      top: `calc(50% - ${positionOffset}px)`,\n    },\n  };\n\n  return generatedStyles;\n};\n"],"names":["styles","root","display","width","padding","margin","listStyleType","flexWrap","flexDirection","backdropFilter","theme","scrollTo","backgroundColorBlur","calculateOffset","quantityOfOptions","itemSize","halfOptions","Math","round","generateDynamicStyles","positionOffset","generatedStyles","positionAbsolute","position","zIndex","zIndices","banner","right","top","positionFixed"],"mappings":";AAIO,MAAMA,SAET;AAAA,EACFC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,OAAO;AAAA,IACPC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,eAAe;AAAA,IACfC,UAAU;AAAA,IACVC,eAAe;AAAA,IACfC,gBAAiB,QAAOC,MAAMC,SAASC;AAAAA,EACzC;AACF;AAEA,MAAMC,kBAAkBA,CAACC,sBAA8B;AACrD,QAAMC,WAAW;AACjB,QAAMC,cAAcC,KAAKC,MAAMJ,oBAAoB,GAAG;AAEtD,SAAOE,cAAcD;AACvB;AAEaI,MAAAA,wBAAwBA,CAACL,sBAA8B;AAC5DM,QAAAA,iBAAiBP,gBAAgBC,iBAAiB;AAExD,QAAMO,kBAEF;AAAA,IACFC,kBAAkB;AAAA,MAChBnB,OAAO;AAAA,MACPoB,UAAU;AAAA,MACVC,QAAS,QAAOd,MAAMe,SAASC;AAAAA,MAC/BC,OAAO;AAAA,MACPC,KAAM,cAAaR;AAAAA,IACrB;AAAA,IACAS,eAAe;AAAA,MACb1B,OAAO;AAAA,MACPoB,UAAU;AAAA,MACVC,QAAS,QAAOd,MAAMe,SAASC;AAAAA,MAC/BC,OAAO;AAAA,MACPC,KAAM,cAAaR;AAAAA,IACrB;AAAA,EAAA;AAGKC,SAAAA;AACT;"}
+{"version":3,"file":"ScrollToVertical.styles.js","sources":["../../../../../src/components/ScrollTo/Vertical/ScrollToVertical.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@core/utils\";\n\nconst name = \"HvScrollToVertical\";\n\nexport const { staticClasses, useClasses } = createClasses(name, {\n  root: {\n    display: \"flex\",\n    width: \"32px\",\n    padding: \"0\",\n    margin: 0,\n    listStyleType: \"none\",\n    flexWrap: \"wrap\",\n    flexDirection: \"column\",\n    backdropFilter: `blur(${theme.scrollTo.backgroundColorBlur})`,\n  },\n  positionAbsolute: {\n    width: \"32px\",\n    position: \"absolute\",\n    zIndex: `calc(${theme.zIndices.banner} - 2)`,\n    right: \"0\",\n  },\n  positionFixed: {\n    width: \"32px\",\n    position: \"fixed\",\n    zIndex: `calc(${theme.zIndices.banner} - 2)`,\n    right: \"0\",\n  },\n});\n\nexport const calculateOffset = (quantityOfOptions: number) => {\n  const itemSize = 32;\n  const halfOptions = Math.round(quantityOfOptions * 0.5);\n\n  return halfOptions * itemSize;\n};\n"],"names":["name","staticClasses","useClasses","createClasses","root","display","width","padding","margin","listStyleType","flexWrap","flexDirection","backdropFilter","theme","scrollTo","backgroundColorBlur","positionAbsolute","position","zIndex","zIndices","banner","right","positionFixed","calculateOffset","quantityOfOptions","itemSize","halfOptions","Math","round"],"mappings":";;AAGA,MAAMA,OAAO;AAEA,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,cAAcH,MAAM;AAAA,EAC/DI,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,OAAO;AAAA,IACPC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,eAAe;AAAA,IACfC,UAAU;AAAA,IACVC,eAAe;AAAA,IACfC,gBAAiB,QAAOC,MAAMC,SAASC;AAAAA,EACzC;AAAA,EACAC,kBAAkB;AAAA,IAChBV,OAAO;AAAA,IACPW,UAAU;AAAA,IACVC,QAAS,QAAOL,MAAMM,SAASC;AAAAA,IAC/BC,OAAO;AAAA,EACT;AAAA,EACAC,eAAe;AAAA,IACbhB,OAAO;AAAA,IACPW,UAAU;AAAA,IACVC,QAAS,QAAOL,MAAMM,SAASC;AAAAA,IAC/BC,OAAO;AAAA,EACT;AACF,CAAC;AAEYE,MAAAA,kBAAkBA,CAACC,sBAA8B;AAC5D,QAAMC,WAAW;AACjB,QAAMC,cAAcC,KAAKC,MAAMJ,oBAAoB,GAAG;AAEtD,SAAOE,cAAcD;AACvB;"}

package/dist/esm/components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js

@@ -1,15 +1,13 @@
-import { ClassNames } from "@emotion/react";
-import { useCallback } from "react";
 import { CurrentStep } from "@hitachivantara/uikit-react-icons";
-import { styles } from "./VerticalScrollListItem.styles.js";
-import verticalScrollListItemClasses from "./verticalScrollListItemClasses.js";
+import { useClasses } from "./VerticalScrollListItem.styles.js";
+import { staticClasses } from "./VerticalScrollListItem.styles.js";
 import { jsx } from "@emotion/react/jsx-runtime";
 import { useTheme } from "../../../../hooks/useTheme.js";
 import { setId } from "../../../../utils/setId.js";
 const HvVerticalScrollListItem = ({
   id,
   className,
-  classes,
+  classes: classesProp,
   selected,
   "aria-label": ariaLabel,
   onClick,
@@ -17,6 +15,10 @@ const HvVerticalScrollListItem = ({
   tooltipWrapper,
   ...others
 }) => {
+  const {
+    classes,
+    cx
+  } = useClasses(classesProp);
   const {
     activeTheme
   } = useTheme();
@@ -24,49 +26,37 @@ const HvVerticalScrollListItem = ({
   const labelId = setId(id, "label");
   const buttonId = setId(id, "button");
   const Tooltip = tooltipWrapper;
-  const NotSelected = useCallback(() => {
-    return /* @__PURE__ */ jsx(ClassNames, {
-      children: ({
-        css,
-        cx
-      }) => /* @__PURE__ */ jsx("div", {
-        className: cx(verticalScrollListItemClasses.notSelected, css(styles.notSelected), classes == null ? void 0 : classes.notSelected)
-      })
-    });
-  }, [classes == null ? void 0 : classes.notSelected]);
   const icon = selected ? /* @__PURE__ */ jsx(CurrentStep, {
     height: activeTheme == null ? void 0 : activeTheme.scrollTo.dotSelectedSize,
     width: activeTheme == null ? void 0 : activeTheme.scrollTo.dotSelectedSize
-  }) : /* @__PURE__ */ jsx(NotSelected, {});
-  return /* @__PURE__ */ jsx(ClassNames, {
-    children: ({
-      css,
-      cx
-    }) => /* @__PURE__ */ jsx("li", {
-      id,
-      className: cx(verticalScrollListItemClasses.root, css(styles.root), className, classes == null ? void 0 : classes.root),
-      "aria-current": selected,
-      children: /* @__PURE__ */ jsx("div", {
-        id: buttonId,
-        role: "button",
-        tabIndex: 0,
-        onClick,
-        onKeyDown,
-        className: cx(verticalScrollListItemClasses.button, css(styles.button), classes == null ? void 0 : classes.button),
-        "aria-label": ariaLabel,
-        "aria-labelledby": labelId,
-        ...others,
-        children: /* @__PURE__ */ jsx(Tooltip, {
-          id: labelId,
-          className: cx(verticalScrollListItemClasses.text, css(styles.text), classes == null ? void 0 : classes.text),
-          variant,
-          children: icon
-        })
+  }) : /* @__PURE__ */ jsx("div", {
+    className: cx(classes.notSelected)
+  });
+  return /* @__PURE__ */ jsx("li", {
+    id,
+    className: cx(className, classes.root),
+    "aria-current": selected,
+    children: /* @__PURE__ */ jsx("div", {
+      id: buttonId,
+      role: "button",
+      tabIndex: 0,
+      onClick,
+      onKeyDown,
+      className: classes.button,
+      "aria-label": ariaLabel,
+      "aria-labelledby": labelId,
+      ...others,
+      children: /* @__PURE__ */ jsx(Tooltip, {
+        id: labelId,
+        className: classes.text,
+        variant,
+        children: icon
       })
     })
   });
 };
 export {
-  HvVerticalScrollListItem
+  HvVerticalScrollListItem,
+  staticClasses as verticalScrollListItemClasses
 };
 //# sourceMappingURL=VerticalScrollListItem.js.map

package/dist/esm/components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalScrollListItem.js","sources":["../../../../../../src/components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types\";\nimport { ClassNames } from \"@emotion/react\";\nimport { HvTypographyProps } from \"@core/components\";\nimport { setId } from \"@core/utils\";\nimport { useCallback } from \"react\";\nimport { CurrentStep } from \"@hitachivantara/uikit-react-icons\";\nimport { useTheme } from \"@core/hooks\";\nimport { styles } from \"./VerticalScrollListItem.styles\";\nimport verticalScrollListItemClasses, {\n  HvVerticalScrollListItemClasses,\n} from \"./verticalScrollListItemClasses\";\n\nexport interface HvVerticalScrollListItemProps extends HvBaseProps {\n  /** A function component that renders a typography wrapped with a tooltip. */\n  tooltipWrapper: React.FunctionComponent<{\n    id?: string;\n    className?: string;\n    variant?: HvTypographyProps[\"variant\"];\n    children?: React.ReactNode;\n  }>;\n  /** A Jss Object used to override or extend the styles applied. */\n  classes?: HvVerticalScrollListItemClasses;\n  /** Whether the element is selected. */\n  selected?: boolean;\n  /** The function to be executed when the element is clicked. */\n  onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n  /** The function to be executed when the element is clicked. */\n  onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;\n}\n\n/**\n * HvVerticalScrollListItem a focusable item to be used as part of the vertical scroll\n */\nexport const HvVerticalScrollListItem = ({\n  id,\n  className,\n  classes,\n  selected,\n  \"aria-label\": ariaLabel,\n  onClick,\n  onKeyDown,\n  tooltipWrapper,\n  ...others\n}: HvVerticalScrollListItemProps) => {\n  const { activeTheme } = useTheme();\n\n  const variant: HvTypographyProps[\"variant\"] = selected ? \"label\" : \"body\";\n\n  const labelId = setId(id, \"label\");\n\n  const buttonId = setId(id, \"button\");\n\n  const Tooltip = tooltipWrapper;\n\n  const NotSelected = useCallback(() => {\n    return (\n      <ClassNames>\n        {({ css, cx }) => (\n          <div\n            className={cx(\n              verticalScrollListItemClasses.notSelected,\n              css(styles.notSelected),\n              classes?.notSelected\n            )}\n          />\n        )}\n      </ClassNames>\n    );\n  }, [classes?.notSelected]);\n\n  const icon = selected ? (\n    <CurrentStep\n      height={activeTheme?.scrollTo.dotSelectedSize}\n      width={activeTheme?.scrollTo.dotSelectedSize}\n    />\n  ) : (\n    <NotSelected />\n  );\n\n  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <li\n          id={id}\n          className={cx(\n            verticalScrollListItemClasses.root,\n            css(styles.root),\n            className,\n            classes?.root\n          )}\n          aria-current={selected}\n        >\n          <div\n            id={buttonId}\n            role=\"button\"\n            tabIndex={0}\n            onClick={onClick}\n            onKeyDown={onKeyDown}\n            className={cx(\n              verticalScrollListItemClasses.button,\n              css(styles.button),\n              classes?.button\n            )}\n            aria-label={ariaLabel}\n            aria-labelledby={labelId}\n            {...others}\n          >\n            <Tooltip\n              id={labelId}\n              className={cx(\n                verticalScrollListItemClasses.text,\n                css(styles.text),\n                classes?.text\n              )}\n              variant={variant}\n            >\n              {icon}\n            </Tooltip>\n          </div>\n        </li>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvVerticalScrollListItem","id","className","classes","selected","ariaLabel","onClick","onKeyDown","tooltipWrapper","others","activeTheme","useTheme","variant","labelId","setId","buttonId","Tooltip","NotSelected","useCallback","ClassNames","children","css","cx","verticalScrollListItemClasses","notSelected","styles","icon","_jsx","CurrentStep","height","scrollTo","dotSelectedSize","width","root","role","tabIndex","button","text"],"mappings":";;;;;;;;AAiCO,MAAMA,2BAA2BA,CAAC;AAAA,EACvCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,cAAcC;AAAAA,EACdC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC0B,MAAM;AAC7B,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,SAAS;AAE3BC,QAAAA,UAAwCR,WAAW,UAAU;AAE7DS,QAAAA,UAAUC,MAAMb,IAAI,OAAO;AAE3Bc,QAAAA,WAAWD,MAAMb,IAAI,QAAQ;AAEnC,QAAMe,UAAUR;AAEVS,QAAAA,cAAcC,YAAY,MAAM;AACpC,+BACGC,YAAU;AAAA,MAAAC,UACRA,CAAC;AAAA,QAAEC;AAAAA,QAAKC;AAAAA,MAAAA,0BACP,OAAA;AAAA,QACEpB,WAAWoB,GACTC,8BAA8BC,aAC9BH,IAAII,OAAOD,WAAW,GACtBrB,mCAASqB,WACX;AAAA,MAAA,CACD;AAAA,IAAA,CAEO;AAAA,EAAA,GAEb,CAACrB,mCAASqB,WAAW,CAAC;AAEnBE,QAAAA,OAAOtB,WACXuB,oBAACC,aAAW;AAAA,IACVC,QAAQnB,2CAAaoB,SAASC;AAAAA,IAC9BC,OAAOtB,2CAAaoB,SAASC;AAAAA,EAC9B,CAAA,IAEAd,oBAAAA,eAAa;AAGhB,6BACGE,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,MAAKC;AAAAA,IAAAA,0BACP,MAAA;AAAA,MACErB;AAAAA,MACAC,WAAWoB,GACTC,8BAA8BU,MAC9BZ,IAAII,OAAOQ,IAAI,GACf/B,WACAC,mCAAS8B,IACX;AAAA,MACA,gBAAc7B;AAAAA,MAASgB,8BAEvB,OAAA;AAAA,QACEnB,IAAIc;AAAAA,QACJmB,MAAK;AAAA,QACLC,UAAU;AAAA,QACV7B;AAAAA,QACAC;AAAAA,QACAL,WAAWoB,GACTC,8BAA8Ba,QAC9Bf,IAAII,OAAOW,MAAM,GACjBjC,mCAASiC,MACX;AAAA,QACA,cAAY/B;AAAAA,QACZ,mBAAiBQ;AAAAA,QAAQ,GACrBJ;AAAAA,QAAMW,8BAETJ,SAAO;AAAA,UACNf,IAAIY;AAAAA,UACJX,WAAWoB,GACTC,8BAA8Bc,MAC9BhB,IAAII,OAAOY,IAAI,GACflC,mCAASkC,IACX;AAAA,UACAzB;AAAAA,UAAiBQ,UAEhBM;AAAAA,QAAAA,CACM;AAAA,MAAA,CACN;AAAA,IAAA,CACH;AAAA,EAAA,CAEI;AAEhB;"}
+{"version":3,"file":"VerticalScrollListItem.js","sources":["../../../../../../src/components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types\";\nimport { HvTypographyProps } from \"@core/components\";\nimport { ExtractNames, setId } from \"@core/utils\";\nimport { CurrentStep } from \"@hitachivantara/uikit-react-icons\";\nimport { useTheme } from \"@core/hooks\";\nimport { staticClasses, useClasses } from \"./VerticalScrollListItem.styles\";\n\nexport { staticClasses as verticalScrollListItemClasses };\n\nexport type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvVerticalScrollListItemProps extends HvBaseProps {\n  /** A function component that renders a typography wrapped with a tooltip. */\n  tooltipWrapper: React.FunctionComponent<{\n    id?: string;\n    className?: string;\n    variant?: HvTypographyProps[\"variant\"];\n    children?: React.ReactNode;\n  }>;\n  /** A Jss Object used to override or extend the styles applied. */\n  classes?: HvVerticalScrollListItemClasses;\n  /** Whether the element is selected. */\n  selected?: boolean;\n  /** The function to be executed when the element is clicked. */\n  onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n  /** The function to be executed when the element is clicked. */\n  onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;\n}\n\n/**\n * HvVerticalScrollListItem a focusable item to be used as part of the vertical scroll\n */\nexport const HvVerticalScrollListItem = ({\n  id,\n  className,\n  classes: classesProp,\n  selected,\n  \"aria-label\": ariaLabel,\n  onClick,\n  onKeyDown,\n  tooltipWrapper,\n  ...others\n}: HvVerticalScrollListItemProps) => {\n  const { classes, cx } = useClasses(classesProp);\n  const { activeTheme } = useTheme();\n\n  const variant: HvTypographyProps[\"variant\"] = selected ? \"label\" : \"body\";\n\n  const labelId = setId(id, \"label\");\n\n  const buttonId = setId(id, \"button\");\n\n  const Tooltip = tooltipWrapper;\n\n  const icon = selected ? (\n    <CurrentStep\n      height={activeTheme?.scrollTo.dotSelectedSize}\n      width={activeTheme?.scrollTo.dotSelectedSize}\n    />\n  ) : (\n    <div className={cx(classes.notSelected)} />\n  );\n\n  return (\n    <li id={id} className={cx(className, classes.root)} aria-current={selected}>\n      <div\n        id={buttonId}\n        role=\"button\"\n        tabIndex={0}\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n        className={classes.button}\n        aria-label={ariaLabel}\n        aria-labelledby={labelId}\n        {...others}\n      >\n        <Tooltip id={labelId} className={classes.text} variant={variant}>\n          {icon}\n        </Tooltip>\n      </div>\n    </li>\n  );\n};\n"],"names":["HvVerticalScrollListItem","id","className","classes","classesProp","selected","ariaLabel","onClick","onKeyDown","tooltipWrapper","others","cx","useClasses","activeTheme","useTheme","variant","labelId","setId","buttonId","Tooltip","icon","_jsx","CurrentStep","height","scrollTo","dotSelectedSize","width","notSelected","root","children","role","tabIndex","button","text"],"mappings":";;;;;;AAgCO,MAAMA,2BAA2BA,CAAC;AAAA,EACvCC;AAAAA,EACAC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACA,cAAcC;AAAAA,EACdC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC0B,MAAM;AAC7B,QAAA;AAAA,IAAEP;AAAAA,IAASQ;AAAAA,EAAAA,IAAOC,WAAWR,WAAW;AACxC,QAAA;AAAA,IAAES;AAAAA,MAAgBC,SAAS;AAE3BC,QAAAA,UAAwCV,WAAW,UAAU;AAE7DW,QAAAA,UAAUC,MAAMhB,IAAI,OAAO;AAE3BiB,QAAAA,WAAWD,MAAMhB,IAAI,QAAQ;AAEnC,QAAMkB,UAAUV;AAEVW,QAAAA,OAAOf,WACXgB,oBAACC,aAAW;AAAA,IACVC,QAAQV,2CAAaW,SAASC;AAAAA,IAC9BC,OAAOb,2CAAaW,SAASC;AAAAA,EAAAA,CAC9B,IAEDJ,oBAAA,OAAA;AAAA,IAAKnB,WAAWS,GAAGR,QAAQwB,WAAW;AAAA,EAAA,CAAI;AAG5C,6BACE,MAAA;AAAA,IAAI1B;AAAAA,IAAQC,WAAWS,GAAGT,WAAWC,QAAQyB,IAAI;AAAA,IAAG,gBAAcvB;AAAAA,IAASwB,8BACzE,OAAA;AAAA,MACE5B,IAAIiB;AAAAA,MACJY,MAAK;AAAA,MACLC,UAAU;AAAA,MACVxB;AAAAA,MACAC;AAAAA,MACAN,WAAWC,QAAQ6B;AAAAA,MACnB,cAAY1B;AAAAA,MACZ,mBAAiBU;AAAAA,MAAQ,GACrBN;AAAAA,MAAMmB,8BAETV,SAAO;AAAA,QAAClB,IAAIe;AAAAA,QAASd,WAAWC,QAAQ8B;AAAAA,QAAMlB;AAAAA,QAAiBc,UAC7DT;AAAAA,MAAAA,CACM;AAAA,IAAA,CACN;AAAA,EAAA,CACH;AAER;"}

package/dist/esm/components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.styles.js

@@ -1,7 +1,11 @@
 import { theme } from "@hitachivantara/uikit-styles";
-import verticalScrollListItemClasses from "./verticalScrollListItemClasses.js";
+import { createClasses } from "../../../../utils/classes.js";
 import { outlineStyles } from "../../../../utils/focusUtils.js";
-const styles = {
+const name = "HvVerticalScrollListItem";
+const {
+  staticClasses,
+  useClasses
+} = createClasses(name, {
   root: {
     padding: "0",
     height: "32px",
@@ -34,7 +38,7 @@ const styles = {
     cursor: "pointer",
     "&:hover": {
       backgroundColor: theme.scrollTo.dotHoverBackgroundColor,
-      [`& .${verticalScrollListItemClasses.notSelected}`]: {
+      "& $notSelected": {
         height: theme.scrollTo.dotHoverSize,
         width: theme.scrollTo.dotHoverSize,
         backgroundColor: theme.scrollTo.dotHoverColor
@@ -47,8 +51,9 @@ const styles = {
       ...outlineStyles
     }
   }
-};
+});
 export {
-  styles
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=VerticalScrollListItem.styles.js.map

package/dist/esm/components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalScrollListItem.styles.js","sources":["../../../../../../src/components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.styles.ts"],"sourcesContent":["import { outlineStyles } from \"@core/utils\";\nimport { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport verticalScrollListItemClasses, {\n  HvVerticalScrollListItemClasses,\n} from \"./verticalScrollListItemClasses\";\n\nexport const styles: Partial<\n  Record<keyof HvVerticalScrollListItemClasses, CSSInterpolation>\n> = {\n  root: {\n    padding: \"0\",\n    height: \"32px\",\n    width: \"32px\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  notSelected: {\n    height: theme.scrollTo.dotNotSelectedSize,\n    width: theme.scrollTo.dotNotSelectedSize,\n    borderRadius: \"50%\",\n    display: \"inline-block\",\n    backgroundColor: theme.scrollTo.dotNotSelectedColor,\n  },\n  text: {\n    height: theme.scrollTo.dotRootSize,\n    width: theme.scrollTo.dotRootSize,\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  button: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    height: theme.scrollTo.dotRootSize,\n    width: theme.scrollTo.dotRootSize,\n    borderRadius: theme.scrollTo.dotRootRadius,\n    cursor: \"pointer\",\n    \"&:hover\": {\n      backgroundColor: theme.scrollTo.dotHoverBackgroundColor,\n\n      [`& .${verticalScrollListItemClasses.notSelected}`]: {\n        height: theme.scrollTo.dotHoverSize,\n        width: theme.scrollTo.dotHoverSize,\n        backgroundColor: theme.scrollTo.dotHoverColor,\n      },\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&:focus-visible\": {\n      ...outlineStyles,\n    },\n  },\n};\n"],"names":["styles","root","padding","height","width","display","justifyContent","alignItems","notSelected","theme","scrollTo","dotNotSelectedSize","borderRadius","backgroundColor","dotNotSelectedColor","text","dotRootSize","button","dotRootRadius","cursor","dotHoverBackgroundColor","verticalScrollListItemClasses","dotHoverSize","dotHoverColor","outline","outlineStyles"],"mappings":";;;AAOO,MAAMA,SAET;AAAA,EACFC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,OAAO;AAAA,IACPC,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,YAAY;AAAA,EACd;AAAA,EACAC,aAAa;AAAA,IACXL,QAAQM,MAAMC,SAASC;AAAAA,IACvBP,OAAOK,MAAMC,SAASC;AAAAA,IACtBC,cAAc;AAAA,IACdP,SAAS;AAAA,IACTQ,iBAAiBJ,MAAMC,SAASI;AAAAA,EAClC;AAAA,EACAC,MAAM;AAAA,IACJZ,QAAQM,MAAMC,SAASM;AAAAA,IACvBZ,OAAOK,MAAMC,SAASM;AAAAA,IACtBX,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,YAAY;AAAA,EACd;AAAA,EACAU,QAAQ;AAAA,IACNZ,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,YAAY;AAAA,IACZJ,QAAQM,MAAMC,SAASM;AAAAA,IACvBZ,OAAOK,MAAMC,SAASM;AAAAA,IACtBJ,cAAcH,MAAMC,SAASQ;AAAAA,IAC7BC,QAAQ;AAAA,IACR,WAAW;AAAA,MACTN,iBAAiBJ,MAAMC,SAASU;AAAAA,MAEhC,CAAE,MAAKC,8BAA8Bb,aAAa,GAAG;AAAA,QACnDL,QAAQM,MAAMC,SAASY;AAAAA,QACvBlB,OAAOK,MAAMC,SAASY;AAAAA,QACtBT,iBAAiBJ,MAAMC,SAASa;AAAAA,MAClC;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACTC,SAAS;AAAA,IACX;AAAA,IACA,mBAAmB;AAAA,MACjB,GAAGC;AAAAA,IACL;AAAA,EACF;AACF;"}
+{"version":3,"file":"VerticalScrollListItem.styles.js","sources":["../../../../../../src/components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.styles.ts"],"sourcesContent":["import { createClasses, outlineStyles } from \"@core/utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nconst name = \"HvVerticalScrollListItem\";\n\nexport const { staticClasses, useClasses } = createClasses(name, {\n  root: {\n    padding: \"0\",\n    height: \"32px\",\n    width: \"32px\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  notSelected: {\n    height: theme.scrollTo.dotNotSelectedSize,\n    width: theme.scrollTo.dotNotSelectedSize,\n    borderRadius: \"50%\",\n    display: \"inline-block\",\n    backgroundColor: theme.scrollTo.dotNotSelectedColor,\n  },\n  text: {\n    height: theme.scrollTo.dotRootSize,\n    width: theme.scrollTo.dotRootSize,\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  button: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    height: theme.scrollTo.dotRootSize,\n    width: theme.scrollTo.dotRootSize,\n    borderRadius: theme.scrollTo.dotRootRadius,\n    cursor: \"pointer\",\n    \"&:hover\": {\n      backgroundColor: theme.scrollTo.dotHoverBackgroundColor,\n\n      \"& $notSelected\": {\n        height: theme.scrollTo.dotHoverSize,\n        width: theme.scrollTo.dotHoverSize,\n        backgroundColor: theme.scrollTo.dotHoverColor,\n      },\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&:focus-visible\": {\n      ...outlineStyles,\n    },\n  },\n});\n"],"names":["name","staticClasses","useClasses","createClasses","root","padding","height","width","display","justifyContent","alignItems","notSelected","theme","scrollTo","dotNotSelectedSize","borderRadius","backgroundColor","dotNotSelectedColor","text","dotRootSize","button","dotRootRadius","cursor","dotHoverBackgroundColor","dotHoverSize","dotHoverColor","outline","outlineStyles"],"mappings":";;;AAGA,MAAMA,OAAO;AAEA,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,cAAcH,MAAM;AAAA,EAC/DI,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,OAAO;AAAA,IACPC,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,YAAY;AAAA,EACd;AAAA,EACAC,aAAa;AAAA,IACXL,QAAQM,MAAMC,SAASC;AAAAA,IACvBP,OAAOK,MAAMC,SAASC;AAAAA,IACtBC,cAAc;AAAA,IACdP,SAAS;AAAA,IACTQ,iBAAiBJ,MAAMC,SAASI;AAAAA,EAClC;AAAA,EACAC,MAAM;AAAA,IACJZ,QAAQM,MAAMC,SAASM;AAAAA,IACvBZ,OAAOK,MAAMC,SAASM;AAAAA,IACtBX,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,YAAY;AAAA,EACd;AAAA,EACAU,QAAQ;AAAA,IACNZ,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,YAAY;AAAA,IACZJ,QAAQM,MAAMC,SAASM;AAAAA,IACvBZ,OAAOK,MAAMC,SAASM;AAAAA,IACtBJ,cAAcH,MAAMC,SAASQ;AAAAA,IAC7BC,QAAQ;AAAA,IACR,WAAW;AAAA,MACTN,iBAAiBJ,MAAMC,SAASU;AAAAA,MAEhC,kBAAkB;AAAA,QAChBjB,QAAQM,MAAMC,SAASW;AAAAA,QACvBjB,OAAOK,MAAMC,SAASW;AAAAA,QACtBR,iBAAiBJ,MAAMC,SAASY;AAAAA,MAClC;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACTC,SAAS;AAAA,IACX;AAAA,IACA,mBAAmB;AAAA,MACjB,GAAGC;AAAAA,IACL;AAAA,EACF;AACF,CAAC;"}

package/dist/esm/components/Table/TableCell/TableCell.js

@@ -1,13 +1,11 @@
 import _styled from "@emotion/styled/base";
-import { ClassNames } from "@emotion/react";
 import capitalize from "lodash/capitalize";
 import { forwardRef, useContext, useState, useMemo, useEffect } from "react";
 import { theme } from "@hitachivantara/uikit-styles";
 import { transientOptions } from "../../../utils/transientOptions.js";
-import tableCellClasses from "./tableCellClasses.js";
 import TableContext from "../TableContext.js";
 import TableSectionContext from "../TableSectionContext.js";
-import { styles } from "./TableCell.styles.js";
+import { useClasses, staticClasses } from "./TableCell.styles.js";
 import { jsx } from "@emotion/react/jsx-runtime";
 import checkValidHexColorValue from "../../../utils/checkValidHexColorValue.js";
 import fade from "../../../utils/hexToRgbA.js";
@@ -39,36 +37,41 @@ const StyledTableCell = (c) => /* @__PURE__ */ _styled(c, process.env.NODE_ENV =
   $sortedColor
 }) => ({
   ...$type === "body" && {
-    [`&.${tableCellClasses.sorted}`]: {
+    [`&.${staticClasses.sorted}`]: {
       backgroundColor: $sortedColor
     }
   },
   ...$stickyColumn && {
-    [`&.${tableCellClasses.sorted}`]: {
+    [`&.${staticClasses.sorted}`]: {
       backgroundImage: `linear-gradient(to right, ${$sortedColor}, ${$sortedColor})`
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVDZWxsL1RhYmxlQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0VFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVDZWxsL1RhYmxlQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENsYXNzTmFtZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBjYXBpdGFsaXplIGZyb20gXCJsb2Rhc2gvY2FwaXRhbGl6ZVwiO1xuaW1wb3J0IHtcbiAgQ1NTUHJvcGVydGllcyxcbiAgZm9yd2FyZFJlZixcbiAgVGRIVE1MQXR0cmlidXRlcyxcbiAgdXNlQ29udGV4dCxcbiAgdXNlRWZmZWN0LFxuICB1c2VNZW1vLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IGNoZWNrVmFsaWRIZXhDb2xvclZhbHVlLCBnZXRWYXJWYWx1ZSwgaGV4VG9SZ2JBIH0gZnJvbSBcIkBjb3JlL3V0aWxzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJAY29yZS9ob29rc1wiO1xuaW1wb3J0IHtcbiAgSHZUYWJsZUNlbGxBbGlnbixcbiAgSHZUYWJsZUNlbGxUeXBlLFxuICBIdlRhYmxlQ2VsbFZhcmlhbnQsXG59IGZyb20gXCIuLi9UYWJsZVwiO1xuaW1wb3J0IHRhYmxlQ2VsbENsYXNzZXMsIHsgSHZUYWJsZUNlbGxDbGFzc2VzIH0gZnJvbSBcIi4vdGFibGVDZWxsQ2xhc3Nlc1wiO1xuaW1wb3J0IFRhYmxlQ29udGV4dCBmcm9tIFwiLi4vVGFibGVDb250ZXh0XCI7XG5pbXBvcnQgVGFibGVTZWN0aW9uQ29udGV4dCBmcm9tIFwiLi4vVGFibGVTZWN0aW9uQ29udGV4dFwiO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSBcIi4vVGFibGVDZWxsLnN0eWxlc1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEh2VGFibGVDZWxsUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFRkSFRNTEF0dHJpYnV0ZXM8SFRNTFRhYmxlQ2VsbEVsZW1lbnQ+LCBcImFsaWduXCI+IHtcbiAgLyoqIFRoZSBjb21wb25lbnQgdXNlZCBmb3IgdGhlIHJvb3Qgbm9kZS4gRWl0aGVyIGEgc3RyaW5nIHRvIHVzZSBhIEhUTUwgZWxlbWVudCBvciBhIGNvbXBvbmVudC4gRGVmYXVsdHMgdG8gdGQuICovXG4gIGNvbXBvbmVudD86IFJlYWN0LkVsZW1lbnRUeXBlO1xuICAvKiogQ29udGVudCB0byBiZSByZW5kZXJlZCAqL1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqIElubGluZSBzdHlsZXMgdG8gYmUgYXBwbGllZCB0byB0aGUgcm9vdCBlbGVtZW50LiAqL1xuICBzdHlsZT86IENTU1Byb3BlcnRpZXM7XG4gIC8qKiBTZXQgdGhlIHRleHQtYWxpZ24gb24gdGhlIHRhYmxlIGNlbGwgY29udGVudC4gKi9cbiAgYWxpZ24/OiBIdlRhYmxlQ2VsbEFsaWduO1xuICAvKiogU2V0cyB0aGUgY2VsbCdzIHZhcmlhbnQuICovXG4gIHZhcmlhbnQ/OiBIdlRhYmxlQ2VsbFZhcmlhbnQgfCBcImxpc3RjaGVja2JveFwiIHwgXCJsaXN0YWN0aW9uc1wiO1xuICAvKiogU3BlY2lmeSB0aGUgY2VsbCdzIHR5cGUuIFRoZSBwcm9wIGRlZmF1bHRzIHRvIHRoZSB2YWx1ZSBpbmhlcml0ZWQgZnJvbSB0aGUgcGFyZW50IFRhYmxlSGVhZCwgVGFibGVCb2R5LCBvciBUYWJsZUZvb3RlciBjb21wb25lbnRzLiAqL1xuICB0eXBlPzogSHZUYWJsZUNlbGxUeXBlO1xuICAvKiogV2hldGhlciBvciBub3QgdGhlIGNlbGwgaXMgcGFydCBvZiBhIHNvcnRlZCBjb2x1bW4uICovXG4gIHNvcnRlZD86IGJvb2xlYW47XG4gIC8qKiBUaGUgY2VsbCBpcyBwYXJ0IG9mIGEgc3RpY2t5IGNvbHVtbi4gKi9cbiAgc3RpY2t5Q29sdW1uPzogYm9vbGVhbjtcbiAgLyoqIFRoZSBjZWxsIGlzIHBhcnQgb2YgdGhlIGxhc3Qgc3RpY2t5IHRvIHRoZSBsZWZ0IGNvbHVtbi4gKi9cbiAgc3RpY2t5Q29sdW1uTW9zdExlZnQ/OiBib29sZWFuO1xuICAvKiogVGhlIGNlbGwgaXMgcGFydCBvZiB0aGUgZmlyc3Qgc3RpY2t5IHRvIHRoZSByaWdodCBjb2x1bW4uICovXG4gIHN0aWNreUNvbHVtbkxlYXN0UmlnaHQ/OiBib29sZWFuO1xuICAvKiogVGhlIGNlbGwgaXMgcGFydCBvZiB0aGUgZmlyc3QgY29sdW1uIGluIHRoZSBncm91cC4gKi9cbiAgZ3JvdXBDb2x1bW5Nb3N0TGVmdD86IGJvb2xlYW47XG4gIC8qKiBUaGUgY2VsbCBpcyBwYXJ0IG9mIHRoZSBsYXN0IGNvbHVtbiBpbiB0aGUgZ3JvdXAuICovXG4gIGdyb3VwQ29sdW1uTW9zdFJpZ2h0PzogYm9vbGVhbjtcbiAgLyoqIFdoZXRoZXIgb3Igbm90IHRoZSBjZWxsIGlzIHJlc2l6YWJsZSAqL1xuICByZXNpemFibGU/OiBib29sZWFuO1xuICAvKiogV2hldGhlciBvciBub3QgdGhlIGNlbGwgaXMgYmVpbmcgcmVzaXplZCAqL1xuICByZXNpemluZz86IGJvb2xlYW47XG4gIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gIGNsYXNzZXM/OiBIdlRhYmxlQ2VsbENsYXNzZXM7XG59XG5cbmNvbnN0IGRlZmF1bHRDb21wb25lbnQgPSBcInRkXCI7XG5cbmludGVyZmFjZSBTdHlsZWRUYWJsZUNlbGxQcm9wcyB7XG4gICR2YXJpYW50TGlzdDogYm9vbGVhbjtcbiAgJHZhcmlhbnRMaXN0SGVhZDogYm9vbGVhbjtcbiAgJHN0aWNreUNvbHVtbjogYm9vbGVhbjtcbiAgJHN0aWNreUNvbHVtbk1vc3RMZWZ0OiBib29sZWFuO1xuICAkc3RpY2t5Q29sdW1uTGVhc3RSaWdodDogYm9vbGVhbjtcbiAgJGdyb3VwQ29sdW1uTW9zdExlZnQ6IGJvb2xlYW47XG4gICRncm91cENvbHVtbk1vc3RSaWdodDogYm9vbGVhbjtcbiAgJHJlc2l6YWJsZTogYm9vbGVhbjtcbiAgJHJlc2l6aW5nOiBib29sZWFuO1xuICAkYWxpZ246IHN0cmluZztcbiAgJHZhcmlhbnQ6IHN0cmluZztcbiAgJHR5cGU6IHN0cmluZztcbiAgJHNvcnRlZENvbG9yOiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZFRhYmxlQ2VsbCA9IChjOiBhbnkpID0+XG4gIHN0eWxlZChcbiAgICBjLFxuICAgIHRyYW5zaWVudE9wdGlvbnNcbiAgKSgoeyAkc3RpY2t5Q29sdW1uLCAkdHlwZSwgJHNvcnRlZENvbG9yIH06IFN0eWxlZFRhYmxlQ2VsbFByb3BzKSA9PiAoe1xuICAgIC4uLigkdHlwZSA9PT0gXCJib2R5XCIgJiYge1xuICAgICAgW2AmLiR7dGFibGVDZWxsQ2xhc3Nlcy5zb3J0ZWR9YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkc29ydGVkQ29sb3IsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkc3RpY2t5Q29sdW1uICYmIHtcbiAgICAgIFtgJi4ke3RhYmxlQ2VsbENsYXNzZXMuc29ydGVkfWBdOiB7XG4gICAgICAgIGJhY2tncm91bmRJbWFnZTogYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgJHskc29ydGVkQ29sb3J9LCAkeyRzb3J0ZWRDb2xvcn0pYCxcbiAgICAgIH0sXG4gICAgfSksXG4gIH0pKTtcblxuLyoqXG4gKiBgSHZUYWJsZUNlbGxgIGFjdHMgYXMgYSBgdGRgIGVsZW1lbnQgYW5kIGluaGVyaXRzIHN0eWxlcyBmcm9tIGl0cyBjb250ZXh0XG4gKi9cbmV4cG9ydCBjb25zdCBIdlRhYmxlQ2VsbCA9IGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIEh2VGFibGVDZWxsUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBjb21wb25lbnQsXG4gICAgICBjbGFzc05hbWUsXG4gICAgICBzdHlsZSxcbiAgICAgIGNsYXNzZXMsXG4gICAgICBhbGlnbiA9IFwiaW5oZXJpdFwiLFxuICAgICAgdmFyaWFudCA9IFwiZGVmYXVsdFwiLFxuICAgICAgdHlwZTogdHlwZVByb3AsXG4gICAgICBzdGlja3lDb2x1bW4gPSBmYWxzZSxcbiAgICAgIHN0aWNreUNvbHVtbk1vc3RMZWZ0ID0gZmFsc2UsXG4gICAgICBzdGlja3lDb2x1bW5MZWFzdFJpZ2h0ID0gZmFsc2UsXG4gICAgICBncm91cENvbHVtbk1vc3RMZWZ0ID0gZmFsc2UsXG4gICAgICBncm91cENvbHVtbk1vc3RSaWdodCA9IGZhbHNlLFxuICAgICAgc29ydGVkID0gZmFsc2UsXG4gICAgICByZXNpemFibGUgPSBmYWxzZSxcbiAgICAgIHJlc2l6aW5nID0gZmFsc2UsXG4gICAgICAuLi5vdGhlcnNcbiAgICB9LFxuICAgIGV4dGVybmFsUmVmXG4gICkgPT4ge1xuICAgIGNvbnN0IHsgYWN0aXZlVGhlbWUsIHNlbGVjdGVkTW9kZSB9ID0gdXNlVGhlbWUoKTtcbiAgICBjb25zdCB0YWJsZUNvbnRleHQgPSB1c2VDb250ZXh0KFRhYmxlQ29udGV4dCk7XG4gICAgY29uc3QgdGFibGVTZWN0aW9uQ29udGV4dCA9IHVzZUNvbnRleHQoVGFibGVTZWN0aW9uQ29udGV4dCk7XG5cbiAgICBjb25zdCBbc29ydGVkQ29sb3JWYWx1ZSwgc2V0U29ydGVkQ29sb3JWYWx1ZV0gPSB1c2VTdGF0ZTxcbiAgICAgIHN0cmluZyB8IHVuZGVmaW5lZFxuICAgID4oKTtcbiAgICBjb25zdCBbc29ydGVkQ29sb3JBbHBoYSwgc2V0U29ydGVkQ29sb3JBbHBoYV0gPSB1c2VTdGF0ZTxcbiAgICAgIHN0cmluZyB8IHVuZGVmaW5lZFxuICAgID4oKTtcblxuICAgIGNvbnN0IHR5cGUgPSB0eXBlUHJvcCB8fCB0YWJsZVNlY3Rpb25Db250ZXh0Py50eXBlIHx8IFwiYm9keVwiO1xuXG4gICAgY29uc3QgQ29tcG9uZW50ID1cbiAgICAgIGNvbXBvbmVudCB8fCB0YWJsZUNvbnRleHQ/LmNvbXBvbmVudHM/LlRkIHx8IGRlZmF1bHRDb21wb25lbnQ7XG5cbiAgICBjb25zdCBUYWJsZUNlbGwgPSB1c2VNZW1vKCgpID0+IFN0eWxlZFRhYmxlQ2VsbChDb21wb25lbnQpLCBbQ29tcG9uZW50XSk7XG5cbiAgICBsZXQgc29ydGVkQ29sb3IgPVxuICAgICAgY2hlY2tWYWxpZEhleENvbG9yVmFsdWUoc29ydGVkQ29sb3JWYWx1ZSkgJiYgc29ydGVkQ29sb3JBbHBoYVxuICAgICAgICA/IGhleFRvUmdiQShzb3J0ZWRDb2xvclZhbHVlLCBwYXJzZUZsb2F0KHNvcnRlZENvbG9yQWxwaGEpKVxuICAgICAgICA6IHNvcnRlZENvbG9yVmFsdWU7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgc2V0U29ydGVkQ29sb3JWYWx1ZShnZXRWYXJWYWx1ZSh0aGVtZS50YWJsZS5yb3dTb3J0ZWRDb2xvcikpO1xuICAgICAgc2V0U29ydGVkQ29sb3JBbHBoYShnZXRWYXJWYWx1ZSh0aGVtZS50YWJsZS5yb3dTb3J0ZWRDb2xvckFscGhhKSk7XG5cbiAgICAgIHNvcnRlZENvbG9yID1cbiAgICAgICAgY2hlY2tWYWxpZEhleENvbG9yVmFsdWUoc29ydGVkQ29sb3JWYWx1ZSkgJiYgc29ydGVkQ29sb3JBbHBoYVxuICAgICAgICAgID8gaGV4VG9SZ2JBKHNvcnRlZENvbG9yVmFsdWUsIHBhcnNlRmxvYXQoc29ydGVkQ29sb3JBbHBoYSkpXG4gICAgICAgICAgOiBzb3J0ZWRDb2xvclZhbHVlO1xuICAgIH0sIFtcbiAgICAgIGFjdGl2ZVRoZW1lPy5jb2xvcnM/Lm1vZGVzW3NlbGVjdGVkTW9kZV0sXG4gICAgICBzb3J0ZWRDb2xvclZhbHVlLFxuICAgICAgc29ydGVkQ29sb3JBbHBoYSxcbiAgICBdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Q2xhc3NOYW1lcz5cbiAgICAgICAgeyh7IGNzcywgY3ggfSkgPT4gKFxuICAgICAgICAgIDxUYWJsZUNlbGxcbiAgICAgICAgICAgIHJlZj17ZXh0ZXJuYWxSZWZ9XG4gICAgICAgICAgICByb2xlPXtDb21wb25lbnQgPT09IGRlZmF1bHRDb21wb25lbnQgPyBudWxsIDogXCJjZWxsXCJ9XG4gICAgICAgICAgICBzdHlsZT17c3R5bGV9XG4gICAgICAgICAgICBjbGFzc05hbWU9e2N4KFxuICAgICAgICAgICAgICB0YWJsZUNlbGxDbGFzc2VzLnJvb3QsXG4gICAgICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8ucm9vdCxcbiAgICAgICAgICAgICAgY3NzKHN0eWxlcy5yb290KSxcbiAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlc1t0eXBlXSxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8uW3R5cGVdLFxuICAgICAgICAgICAgICBjc3Moc3R5bGVzW3R5cGVdKSxcbiAgICAgICAgICAgICAgYWxpZ24gIT09IFwiaW5oZXJpdFwiICYmXG4gICAgICAgICAgICAgICAgY3goXG4gICAgICAgICAgICAgICAgICB0YWJsZUNlbGxDbGFzc2VzW2BhbGlnbiR7Y2FwaXRhbGl6ZShhbGlnbil9YF0sXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5bYGFsaWduJHtjYXBpdGFsaXplKGFsaWduKX1gXSxcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXNbYGFsaWduJHtjYXBpdGFsaXplKGFsaWduKX1gXSlcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICB0YWJsZUNvbnRleHQudmFyaWFudCA9PT0gXCJsaXN0cm93XCIgJiZcbiAgICAgICAgICAgICAgICBjeChcbiAgICAgICAgICAgICAgICAgIHRhYmxlQ2VsbENsYXNzZXMudmFyaWFudExpc3QsXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy52YXJpYW50TGlzdCxcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMudmFyaWFudExpc3QpXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgdGFibGVDb250ZXh0LnZhcmlhbnQgPT09IFwibGlzdHJvd1wiICYmXG4gICAgICAgICAgICAgICAgdHlwZSAhPT0gXCJib2R5XCIgJiZcbiAgICAgICAgICAgICAgICBjeChcbiAgICAgICAgICAgICAgICAgIHRhYmxlQ2VsbENsYXNzZXMudmFyaWFudExpc3RIZWFkLFxuICAgICAgICAgICAgICAgICAgY2xhc3Nlcz8udmFyaWFudExpc3RIZWFkLFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy52YXJpYW50TGlzdEhlYWQpXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgdmFyaWFudCAhPT0gXCJkZWZhdWx0XCIgJiZcbiAgICAgICAgICAgICAgICBjeChcbiAgICAgICAgICAgICAgICAgIHRhYmxlQ2VsbENsYXNzZXNbYHZhcmlhbnQke2NhcGl0YWxpemUodmFyaWFudCl9YF0sXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5bYHZhcmlhbnQke2NhcGl0YWxpemUodmFyaWFudCl9YF0sXG4gICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzW2B2YXJpYW50JHtjYXBpdGFsaXplKHZhcmlhbnQpfWBdKVxuICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgIHNvcnRlZCAmJlxuICAgICAgICAgICAgICAgIGN4KFxuICAgICAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlcy5zb3J0ZWQsXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5zb3J0ZWQsXG4gICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLnNvcnRlZClcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICBzdGlja3lDb2x1bW4gJiZcbiAgICAgICAgICAgICAgICBjeChcbiAgICAgICAgICAgICAgICAgIHRhYmxlQ2VsbENsYXNzZXMuc3RpY2t5Q29sdW1uLFxuICAgICAgICAgICAgICAgICAgY2xhc3Nlcz8uc3RpY2t5Q29sdW1uLFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5zdGlja3lDb2x1bW4pXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgc3RpY2t5Q29sdW1uTW9zdExlZnQgJiZcbiAgICAgICAgICAgICAgICBjeChcbiAgICAgICAgICAgICAgICAgIHRhYmxlQ2VsbENsYXNzZXMuc3RpY2t5Q29sdW1uTW9zdExlZnQsXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5zdGlja3lDb2x1bW5Nb3N0TGVmdCxcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMuc3RpY2t5Q29sdW1uTW9zdExlZnQpXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgc3RpY2t5Q29sdW1uTGVhc3RSaWdodCAmJlxuICAgICAgICAgICAgICAgIGN4KFxuICAgICAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlcy5zdGlja3lDb2x1bW5MZWFzdFJpZ2h0LFxuICAgICAgICAgICAgICAgICAgY2xhc3Nlcz8uc3RpY2t5Q29sdW1uTGVhc3RSaWdodCxcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMuc3RpY2t5Q29sdW1uTGVhc3RSaWdodClcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICBncm91cENvbHVtbk1vc3RMZWZ0ICYmXG4gICAgICAgICAgICAgICAgY3goXG4gICAgICAgICAgICAgICAgICB0YWJsZUNlbGxDbGFzc2VzLmdyb3VwQ29sdW1uTW9zdExlZnQsXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5ncm91cENvbHVtbk1vc3RMZWZ0LFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5ncm91cENvbHVtbk1vc3RMZWZ0KVxuICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgIGdyb3VwQ29sdW1uTW9zdFJpZ2h0ICYmXG4gICAgICAgICAgICAgICAgY3goXG4gICAgICAgICAgICAgICAgICB0YWJsZUNlbGxDbGFzc2VzLmdyb3VwQ29sdW1uTW9zdFJpZ2h0LFxuICAgICAgICAgICAgICAgICAgY2xhc3Nlcz8uZ3JvdXBDb2x1bW5Nb3N0UmlnaHQsXG4gICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLmdyb3VwQ29sdW1uTW9zdFJpZ2h0KVxuICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgIHJlc2l6YWJsZSAmJlxuICAgICAgICAgICAgICAgIGN4KFxuICAgICAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlcy5yZXNpemFibGUsXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5yZXNpemFibGUsXG4gICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLnJlc2l6YWJsZSlcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICByZXNpemluZyAmJlxuICAgICAgICAgICAgICAgIGN4KFxuICAgICAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlcy5yZXNpemluZyxcbiAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LnJlc2l6aW5nLFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5yZXNpemluZylcbiAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICApfVxuICAgICAgICAgICAgJHR5cGU9e3R5cGV9XG4gICAgICAgICAgICAkc3RpY2t5Q29sdW1uPXtzdGlja3lDb2x1bW59XG4gICAgICAgICAgICAkc29ydGVkQ29sb3I9e3NvcnRlZENvbG9yfVxuICAgICAgICAgICAgey4uLm90aGVyc31cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9UYWJsZUNlbGw+XG4gICAgICAgICl9XG4gICAgICA8L0NsYXNzTmFtZXM+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */");
-const HvTableCell = forwardRef(({
-  children,
-  component,
-  className,
-  style,
-  classes,
-  align = "inherit",
-  variant = "default",
-  type: typeProp,
-  stickyColumn = false,
-  stickyColumnMostLeft = false,
-  stickyColumnLeastRight = false,
-  groupColumnMostLeft = false,
-  groupColumnMostRight = false,
-  sorted = false,
-  resizable = false,
-  resizing = false,
-  ...others
-}, externalRef) => {
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVDZWxsL1RhYmxlQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0ZFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVDZWxsL1RhYmxlQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBjYXBpdGFsaXplIGZyb20gXCJsb2Rhc2gvY2FwaXRhbGl6ZVwiO1xuaW1wb3J0IHtcbiAgQ1NTUHJvcGVydGllcyxcbiAgZm9yd2FyZFJlZixcbiAgVGRIVE1MQXR0cmlidXRlcyxcbiAgdXNlQ29udGV4dCxcbiAgdXNlRWZmZWN0LFxuICB1c2VNZW1vLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7XG4gIGNoZWNrVmFsaWRIZXhDb2xvclZhbHVlLFxuICBFeHRyYWN0TmFtZXMsXG4gIGdldFZhclZhbHVlLFxuICBoZXhUb1JnYkEsXG59IGZyb20gXCJAY29yZS91dGlsc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiQGNvcmUvaG9va3NcIjtcbmltcG9ydCB7XG4gIEh2VGFibGVDZWxsQWxpZ24sXG4gIEh2VGFibGVDZWxsVHlwZSxcbiAgSHZUYWJsZUNlbGxWYXJpYW50LFxufSBmcm9tIFwiLi4vVGFibGVcIjtcbmltcG9ydCBUYWJsZUNvbnRleHQgZnJvbSBcIi4uL1RhYmxlQ29udGV4dFwiO1xuaW1wb3J0IFRhYmxlU2VjdGlvbkNvbnRleHQgZnJvbSBcIi4uL1RhYmxlU2VjdGlvbkNvbnRleHRcIjtcbmltcG9ydCB7IHN0YXRpY0NsYXNzZXMsIHVzZUNsYXNzZXMgfSBmcm9tIFwiLi9UYWJsZUNlbGwuc3R5bGVzXCI7XG5cbmV4cG9ydCB7IHN0YXRpY0NsYXNzZXMgYXMgdGFibGVDZWxsQ2xhc3NlcyB9O1xuXG5leHBvcnQgdHlwZSBIdlRhYmxlQ2VsbENsYXNzZXMgPSBFeHRyYWN0TmFtZXM8dHlwZW9mIHVzZUNsYXNzZXM+O1xuXG5leHBvcnQgaW50ZXJmYWNlIEh2VGFibGVDZWxsUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFRkSFRNTEF0dHJpYnV0ZXM8SFRNTFRhYmxlQ2VsbEVsZW1lbnQ+LCBcImFsaWduXCI+IHtcbiAgLyoqIFRoZSBjb21wb25lbnQgdXNlZCBmb3IgdGhlIHJvb3Qgbm9kZS4gRWl0aGVyIGEgc3RyaW5nIHRvIHVzZSBhIEhUTUwgZWxlbWVudCBvciBhIGNvbXBvbmVudC4gRGVmYXVsdHMgdG8gdGQuICovXG4gIGNvbXBvbmVudD86IFJlYWN0LkVsZW1lbnRUeXBlO1xuICAvKiogQ29udGVudCB0byBiZSByZW5kZXJlZCAqL1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqIElubGluZSBzdHlsZXMgdG8gYmUgYXBwbGllZCB0byB0aGUgcm9vdCBlbGVtZW50LiAqL1xuICBzdHlsZT86IENTU1Byb3BlcnRpZXM7XG4gIC8qKiBTZXQgdGhlIHRleHQtYWxpZ24gb24gdGhlIHRhYmxlIGNlbGwgY29udGVudC4gKi9cbiAgYWxpZ24/OiBIdlRhYmxlQ2VsbEFsaWduO1xuICAvKiogU2V0cyB0aGUgY2VsbCdzIHZhcmlhbnQuICovXG4gIHZhcmlhbnQ/OiBIdlRhYmxlQ2VsbFZhcmlhbnQgfCBcImxpc3RjaGVja2JveFwiIHwgXCJsaXN0YWN0aW9uc1wiO1xuICAvKiogU3BlY2lmeSB0aGUgY2VsbCdzIHR5cGUuIFRoZSBwcm9wIGRlZmF1bHRzIHRvIHRoZSB2YWx1ZSBpbmhlcml0ZWQgZnJvbSB0aGUgcGFyZW50IFRhYmxlSGVhZCwgVGFibGVCb2R5LCBvciBUYWJsZUZvb3RlciBjb21wb25lbnRzLiAqL1xuICB0eXBlPzogSHZUYWJsZUNlbGxUeXBlO1xuICAvKiogV2hldGhlciBvciBub3QgdGhlIGNlbGwgaXMgcGFydCBvZiBhIHNvcnRlZCBjb2x1bW4uICovXG4gIHNvcnRlZD86IGJvb2xlYW47XG4gIC8qKiBUaGUgY2VsbCBpcyBwYXJ0IG9mIGEgc3RpY2t5IGNvbHVtbi4gKi9cbiAgc3RpY2t5Q29sdW1uPzogYm9vbGVhbjtcbiAgLyoqIFRoZSBjZWxsIGlzIHBhcnQgb2YgdGhlIGxhc3Qgc3RpY2t5IHRvIHRoZSBsZWZ0IGNvbHVtbi4gKi9cbiAgc3RpY2t5Q29sdW1uTW9zdExlZnQ/OiBib29sZWFuO1xuICAvKiogVGhlIGNlbGwgaXMgcGFydCBvZiB0aGUgZmlyc3Qgc3RpY2t5IHRvIHRoZSByaWdodCBjb2x1bW4uICovXG4gIHN0aWNreUNvbHVtbkxlYXN0UmlnaHQ/OiBib29sZWFuO1xuICAvKiogVGhlIGNlbGwgaXMgcGFydCBvZiB0aGUgZmlyc3QgY29sdW1uIGluIHRoZSBncm91cC4gKi9cbiAgZ3JvdXBDb2x1bW5Nb3N0TGVmdD86IGJvb2xlYW47XG4gIC8qKiBUaGUgY2VsbCBpcyBwYXJ0IG9mIHRoZSBsYXN0IGNvbHVtbiBpbiB0aGUgZ3JvdXAuICovXG4gIGdyb3VwQ29sdW1uTW9zdFJpZ2h0PzogYm9vbGVhbjtcbiAgLyoqIFdoZXRoZXIgb3Igbm90IHRoZSBjZWxsIGlzIHJlc2l6YWJsZSAqL1xuICByZXNpemFibGU/OiBib29sZWFuO1xuICAvKiogV2hldGhlciBvciBub3QgdGhlIGNlbGwgaXMgYmVpbmcgcmVzaXplZCAqL1xuICByZXNpemluZz86IGJvb2xlYW47XG4gIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gIGNsYXNzZXM/OiBIdlRhYmxlQ2VsbENsYXNzZXM7XG59XG5cbmNvbnN0IGRlZmF1bHRDb21wb25lbnQgPSBcInRkXCI7XG5cbmludGVyZmFjZSBTdHlsZWRUYWJsZUNlbGxQcm9wcyB7XG4gICR2YXJpYW50TGlzdDogYm9vbGVhbjtcbiAgJHZhcmlhbnRMaXN0SGVhZDogYm9vbGVhbjtcbiAgJHN0aWNreUNvbHVtbjogYm9vbGVhbjtcbiAgJHN0aWNreUNvbHVtbk1vc3RMZWZ0OiBib29sZWFuO1xuICAkc3RpY2t5Q29sdW1uTGVhc3RSaWdodDogYm9vbGVhbjtcbiAgJGdyb3VwQ29sdW1uTW9zdExlZnQ6IGJvb2xlYW47XG4gICRncm91cENvbHVtbk1vc3RSaWdodDogYm9vbGVhbjtcbiAgJHJlc2l6YWJsZTogYm9vbGVhbjtcbiAgJHJlc2l6aW5nOiBib29sZWFuO1xuICAkYWxpZ246IHN0cmluZztcbiAgJHZhcmlhbnQ6IHN0cmluZztcbiAgJHR5cGU6IHN0cmluZztcbiAgJHNvcnRlZENvbG9yOiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZFRhYmxlQ2VsbCA9IChjOiBhbnkpID0+XG4gIHN0eWxlZChcbiAgICBjLFxuICAgIHRyYW5zaWVudE9wdGlvbnNcbiAgKSgoeyAkc3RpY2t5Q29sdW1uLCAkdHlwZSwgJHNvcnRlZENvbG9yIH06IFN0eWxlZFRhYmxlQ2VsbFByb3BzKSA9PiAoe1xuICAgIC4uLigkdHlwZSA9PT0gXCJib2R5XCIgJiYge1xuICAgICAgW2AmLiR7c3RhdGljQ2xhc3Nlcy5zb3J0ZWR9YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkc29ydGVkQ29sb3IsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkc3RpY2t5Q29sdW1uICYmIHtcbiAgICAgIFtgJi4ke3N0YXRpY0NsYXNzZXMuc29ydGVkfWBdOiB7XG4gICAgICAgIGJhY2tncm91bmRJbWFnZTogYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgJHskc29ydGVkQ29sb3J9LCAkeyRzb3J0ZWRDb2xvcn0pYCxcbiAgICAgIH0sXG4gICAgfSksXG4gIH0pKTtcblxuLyoqXG4gKiBgSHZUYWJsZUNlbGxgIGFjdHMgYXMgYSBgdGRgIGVsZW1lbnQgYW5kIGluaGVyaXRzIHN0eWxlcyBmcm9tIGl0cyBjb250ZXh0XG4gKi9cbmV4cG9ydCBjb25zdCBIdlRhYmxlQ2VsbCA9IGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIEh2VGFibGVDZWxsUHJvcHM+KFxuICAocHJvcHMsIGV4dGVybmFsUmVmKSA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBjb21wb25lbnQsXG4gICAgICBjbGFzc05hbWUsXG4gICAgICBzdHlsZSxcbiAgICAgIGNsYXNzZXM6IGNsYXNzZXNQcm9wLFxuICAgICAgYWxpZ24gPSBcImluaGVyaXRcIixcbiAgICAgIHZhcmlhbnQgPSBcImRlZmF1bHRcIixcbiAgICAgIHR5cGU6IHR5cGVQcm9wLFxuICAgICAgc3RpY2t5Q29sdW1uID0gZmFsc2UsXG4gICAgICBzdGlja3lDb2x1bW5Nb3N0TGVmdCA9IGZhbHNlLFxuICAgICAgc3RpY2t5Q29sdW1uTGVhc3RSaWdodCA9IGZhbHNlLFxuICAgICAgZ3JvdXBDb2x1bW5Nb3N0TGVmdCA9IGZhbHNlLFxuICAgICAgZ3JvdXBDb2x1bW5Nb3N0UmlnaHQgPSBmYWxzZSxcbiAgICAgIHNvcnRlZCA9IGZhbHNlLFxuICAgICAgcmVzaXphYmxlID0gZmFsc2UsXG4gICAgICByZXNpemluZyA9IGZhbHNlLFxuICAgICAgLi4ub3RoZXJzXG4gICAgfSA9IHByb3BzO1xuICAgIGNvbnN0IHsgY2xhc3NlcywgY3ggfSA9IHVzZUNsYXNzZXMoY2xhc3Nlc1Byb3ApO1xuICAgIGNvbnN0IHsgYWN0aXZlVGhlbWUsIHNlbGVjdGVkTW9kZSB9ID0gdXNlVGhlbWUoKTtcbiAgICBjb25zdCB0YWJsZUNvbnRleHQgPSB1c2VDb250ZXh0KFRhYmxlQ29udGV4dCk7XG4gICAgY29uc3QgdGFibGVTZWN0aW9uQ29udGV4dCA9IHVzZUNvbnRleHQoVGFibGVTZWN0aW9uQ29udGV4dCk7XG5cbiAgICBjb25zdCBbc29ydGVkQ29sb3JWYWx1ZSwgc2V0U29ydGVkQ29sb3JWYWx1ZV0gPSB1c2VTdGF0ZTxcbiAgICAgIHN0cmluZyB8IHVuZGVmaW5lZFxuICAgID4oKTtcbiAgICBjb25zdCBbc29ydGVkQ29sb3JBbHBoYSwgc2V0U29ydGVkQ29sb3JBbHBoYV0gPSB1c2VTdGF0ZTxcbiAgICAgIHN0cmluZyB8IHVuZGVmaW5lZFxuICAgID4oKTtcblxuICAgIGNvbnN0IHR5cGUgPSB0eXBlUHJvcCB8fCB0YWJsZVNlY3Rpb25Db250ZXh0Py50eXBlIHx8IFwiYm9keVwiO1xuXG4gICAgY29uc3QgQ29tcG9uZW50ID1cbiAgICAgIGNvbXBvbmVudCB8fCB0YWJsZUNvbnRleHQ/LmNvbXBvbmVudHM/LlRkIHx8IGRlZmF1bHRDb21wb25lbnQ7XG5cbiAgICBjb25zdCBUYWJsZUNlbGwgPSB1c2VNZW1vKCgpID0+IFN0eWxlZFRhYmxlQ2VsbChDb21wb25lbnQpLCBbQ29tcG9uZW50XSk7XG5cbiAgICBsZXQgc29ydGVkQ29sb3IgPVxuICAgICAgY2hlY2tWYWxpZEhleENvbG9yVmFsdWUoc29ydGVkQ29sb3JWYWx1ZSkgJiYgc29ydGVkQ29sb3JBbHBoYVxuICAgICAgICA/IGhleFRvUmdiQShzb3J0ZWRDb2xvclZhbHVlLCBwYXJzZUZsb2F0KHNvcnRlZENvbG9yQWxwaGEpKVxuICAgICAgICA6IHNvcnRlZENvbG9yVmFsdWU7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgc2V0U29ydGVkQ29sb3JWYWx1ZShnZXRWYXJWYWx1ZSh0aGVtZS50YWJsZS5yb3dTb3J0ZWRDb2xvcikpO1xuICAgICAgc2V0U29ydGVkQ29sb3JBbHBoYShnZXRWYXJWYWx1ZSh0aGVtZS50YWJsZS5yb3dTb3J0ZWRDb2xvckFscGhhKSk7XG5cbiAgICAgIHNvcnRlZENvbG9yID1cbiAgICAgICAgY2hlY2tWYWxpZEhleENvbG9yVmFsdWUoc29ydGVkQ29sb3JWYWx1ZSkgJiYgc29ydGVkQ29sb3JBbHBoYVxuICAgICAgICAgID8gaGV4VG9SZ2JBKHNvcnRlZENvbG9yVmFsdWUsIHBhcnNlRmxvYXQoc29ydGVkQ29sb3JBbHBoYSkpXG4gICAgICAgICAgOiBzb3J0ZWRDb2xvclZhbHVlO1xuICAgIH0sIFtcbiAgICAgIGFjdGl2ZVRoZW1lPy5jb2xvcnM/Lm1vZGVzW3NlbGVjdGVkTW9kZV0sXG4gICAgICBzb3J0ZWRDb2xvclZhbHVlLFxuICAgICAgc29ydGVkQ29sb3JBbHBoYSxcbiAgICBdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8VGFibGVDZWxsXG4gICAgICAgIHJlZj17ZXh0ZXJuYWxSZWZ9XG4gICAgICAgIHJvbGU9e0NvbXBvbmVudCA9PT0gZGVmYXVsdENvbXBvbmVudCA/IG51bGwgOiBcImNlbGxcIn1cbiAgICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgICBjbGFzc05hbWU9e2N4KGNsYXNzTmFtZSwgY2xhc3Nlcy5yb290LCBjbGFzc2VzW3R5cGVdLCB7XG4gICAgICAgICAgW2NsYXNzZXNbYGFsaWduJHtjYXBpdGFsaXplKGFsaWduKX1gXV06IGFsaWduICE9PSBcImluaGVyaXRcIixcbiAgICAgICAgICBbY2xhc3Nlcy52YXJpYW50TGlzdF06IHRhYmxlQ29udGV4dC52YXJpYW50ID09PSBcImxpc3Ryb3dcIixcbiAgICAgICAgICBbY2xhc3Nlcy52YXJpYW50TGlzdEhlYWRdOlxuICAgICAgICAgICAgdGFibGVDb250ZXh0LnZhcmlhbnQgPT09IFwibGlzdHJvd1wiICYmIHR5cGUgIT09IFwiYm9keVwiLFxuICAgICAgICAgIFtjbGFzc2VzW2B2YXJpYW50JHtjYXBpdGFsaXplKHZhcmlhbnQpfWBdXTogdmFyaWFudCAhPT0gXCJkZWZhdWx0XCIsXG4gICAgICAgICAgW2NsYXNzZXMuc29ydGVkXTogc29ydGVkLFxuICAgICAgICAgIFtjbGFzc2VzLnN0aWNreUNvbHVtbl06IHN0aWNreUNvbHVtbixcbiAgICAgICAgICBbY2xhc3Nlcy5zdGlja3lDb2x1bW5Nb3N0TGVmdF06IHN0aWNreUNvbHVtbk1vc3RMZWZ0LFxuICAgICAgICAgIFtjbGFzc2VzLnN0aWNreUNvbHVtbkxlYXN0UmlnaHRdOiBzdGlja3lDb2x1bW5MZWFzdFJpZ2h0LFxuICAgICAgICAgIFtjbGFzc2VzLmdyb3VwQ29sdW1uTW9zdExlZnRdOiBncm91cENvbHVtbk1vc3RMZWZ0LFxuICAgICAgICAgIFtjbGFzc2VzLmdyb3VwQ29sdW1uTW9zdFJpZ2h0XTogZ3JvdXBDb2x1bW5Nb3N0UmlnaHQsXG4gICAgICAgICAgW2NsYXNzZXMucmVzaXphYmxlXTogcmVzaXphYmxlLFxuICAgICAgICAgIFtjbGFzc2VzLnJlc2l6aW5nXTogcmVzaXppbmcsXG4gICAgICAgIH0pfVxuICAgICAgICAkdHlwZT17dHlwZX1cbiAgICAgICAgJHN0aWNreUNvbHVtbj17c3RpY2t5Q29sdW1ufVxuICAgICAgICAkc29ydGVkQ29sb3I9e3NvcnRlZENvbG9yfVxuICAgICAgICB7Li4ub3RoZXJzfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RhYmxlQ2VsbD5cbiAgICApO1xuICB9XG4pO1xuIl19 */");
+const HvTableCell = forwardRef((props, externalRef) => {
   var _a, _b;
+  const {
+    children,
+    component,
+    className,
+    style,
+    classes: classesProp,
+    align = "inherit",
+    variant = "default",
+    type: typeProp,
+    stickyColumn = false,
+    stickyColumnMostLeft = false,
+    stickyColumnLeastRight = false,
+    groupColumnMostLeft = false,
+    groupColumnMostRight = false,
+    sorted = false,
+    resizable = false,
+    resizing = false,
+    ...others
+  } = props;
+  const {
+    classes,
+    cx
+  } = useClasses(classesProp);
   const {
     activeTheme,
     selectedMode
@@ -86,24 +89,33 @@ const HvTableCell = forwardRef(({
     setSortedColorAlpha(getVarValue(theme.table.rowSortedColorAlpha));
     sortedColor = checkValidHexColorValue(sortedColorValue) && sortedColorAlpha ? fade(sortedColorValue, parseFloat(sortedColorAlpha)) : sortedColorValue;
   }, [(_b = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _b.modes[selectedMode], sortedColorValue, sortedColorAlpha]);
-  return /* @__PURE__ */ jsx(ClassNames, {
-    children: ({
-      css,
-      cx
-    }) => /* @__PURE__ */ jsx(TableCell, {
-      ref: externalRef,
-      role: Component === defaultComponent ? null : "cell",
-      style,
-      className: cx(tableCellClasses.root, className, classes == null ? void 0 : classes.root, css(styles.root), tableCellClasses[type], classes == null ? void 0 : classes[type], css(styles[type]), align !== "inherit" && cx(tableCellClasses[`align${capitalize(align)}`], classes == null ? void 0 : classes[`align${capitalize(align)}`], css(styles[`align${capitalize(align)}`])), tableContext.variant === "listrow" && cx(tableCellClasses.variantList, classes == null ? void 0 : classes.variantList, css(styles.variantList)), tableContext.variant === "listrow" && type !== "body" && cx(tableCellClasses.variantListHead, classes == null ? void 0 : classes.variantListHead, css(styles.variantListHead)), variant !== "default" && cx(tableCellClasses[`variant${capitalize(variant)}`], classes == null ? void 0 : classes[`variant${capitalize(variant)}`], css(styles[`variant${capitalize(variant)}`])), sorted && cx(tableCellClasses.sorted, classes == null ? void 0 : classes.sorted, css(styles.sorted)), stickyColumn && cx(tableCellClasses.stickyColumn, classes == null ? void 0 : classes.stickyColumn, css(styles.stickyColumn)), stickyColumnMostLeft && cx(tableCellClasses.stickyColumnMostLeft, classes == null ? void 0 : classes.stickyColumnMostLeft, css(styles.stickyColumnMostLeft)), stickyColumnLeastRight && cx(tableCellClasses.stickyColumnLeastRight, classes == null ? void 0 : classes.stickyColumnLeastRight, css(styles.stickyColumnLeastRight)), groupColumnMostLeft && cx(tableCellClasses.groupColumnMostLeft, classes == null ? void 0 : classes.groupColumnMostLeft, css(styles.groupColumnMostLeft)), groupColumnMostRight && cx(tableCellClasses.groupColumnMostRight, classes == null ? void 0 : classes.groupColumnMostRight, css(styles.groupColumnMostRight)), resizable && cx(tableCellClasses.resizable, classes == null ? void 0 : classes.resizable, css(styles.resizable)), resizing && cx(tableCellClasses.resizing, classes == null ? void 0 : classes.resizing, css(styles.resizing))),
-      $type: type,
-      $stickyColumn: stickyColumn,
-      $sortedColor: sortedColor,
-      ...others,
-      children
-    })
+  return /* @__PURE__ */ jsx(TableCell, {
+    ref: externalRef,
+    role: Component === defaultComponent ? null : "cell",
+    style,
+    className: cx(className, classes.root, classes[type], {
+      [classes[`align${capitalize(align)}`]]: align !== "inherit",
+      [classes.variantList]: tableContext.variant === "listrow",
+      [classes.variantListHead]: tableContext.variant === "listrow" && type !== "body",
+      [classes[`variant${capitalize(variant)}`]]: variant !== "default",
+      [classes.sorted]: sorted,
+      [classes.stickyColumn]: stickyColumn,
+      [classes.stickyColumnMostLeft]: stickyColumnMostLeft,
+      [classes.stickyColumnLeastRight]: stickyColumnLeastRight,
+      [classes.groupColumnMostLeft]: groupColumnMostLeft,
+      [classes.groupColumnMostRight]: groupColumnMostRight,
+      [classes.resizable]: resizable,
+      [classes.resizing]: resizing
+    }),
+    $type: type,
+    $stickyColumn: stickyColumn,
+    $sortedColor: sortedColor,
+    ...others,
+    children
   });
 });
 export {
-  HvTableCell
+  HvTableCell,
+  staticClasses as tableCellClasses
 };
 //# sourceMappingURL=TableCell.js.map

package/dist/esm/components/Table/TableCell/TableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","sources":["../../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { ClassNames } from \"@emotion/react\";\nimport capitalize from \"lodash/capitalize\";\nimport {\n  CSSProperties,\n  forwardRef,\n  TdHTMLAttributes,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { checkValidHexColorValue, getVarValue, hexToRgbA } from \"@core/utils\";\nimport { useTheme } from \"@core/hooks\";\nimport {\n  HvTableCellAlign,\n  HvTableCellType,\n  HvTableCellVariant,\n} from \"../Table\";\nimport tableCellClasses, { HvTableCellClasses } from \"./tableCellClasses\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { styles } from \"./TableCell.styles\";\n\nexport interface HvTableCellProps\n  extends Omit<TdHTMLAttributes<HTMLTableCellElement>, \"align\"> {\n  /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */\n  component?: React.ElementType;\n  /** Content to be rendered */\n  children?: React.ReactNode;\n  /** Inline styles to be applied to the root element. */\n  style?: CSSProperties;\n  /** Set the text-align on the table cell content. */\n  align?: HvTableCellAlign;\n  /** Sets the cell's variant. */\n  variant?: HvTableCellVariant | \"listcheckbox\" | \"listactions\";\n  /** Specify the cell's type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components. */\n  type?: HvTableCellType;\n  /** Whether or not the cell is part of a sorted column. */\n  sorted?: boolean;\n  /** The cell is part of a sticky column. */\n  stickyColumn?: boolean;\n  /** The cell is part of the last sticky to the left column. */\n  stickyColumnMostLeft?: boolean;\n  /** The cell is part of the first sticky to the right column. */\n  stickyColumnLeastRight?: boolean;\n  /** The cell is part of the first column in the group. */\n  groupColumnMostLeft?: boolean;\n  /** The cell is part of the last column in the group. */\n  groupColumnMostRight?: boolean;\n  /** Whether or not the cell is resizable */\n  resizable?: boolean;\n  /** Whether or not the cell is being resized */\n  resizing?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableCellClasses;\n}\n\nconst defaultComponent = \"td\";\n\ninterface StyledTableCellProps {\n  $variantList: boolean;\n  $variantListHead: boolean;\n  $stickyColumn: boolean;\n  $stickyColumnMostLeft: boolean;\n  $stickyColumnLeastRight: boolean;\n  $groupColumnMostLeft: boolean;\n  $groupColumnMostRight: boolean;\n  $resizable: boolean;\n  $resizing: boolean;\n  $align: string;\n  $variant: string;\n  $type: string;\n  $sortedColor: string;\n}\n\nconst StyledTableCell = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(({ $stickyColumn, $type, $sortedColor }: StyledTableCellProps) => ({\n    ...($type === \"body\" && {\n      [`&.${tableCellClasses.sorted}`]: {\n        backgroundColor: $sortedColor,\n      },\n    }),\n    ...($stickyColumn && {\n      [`&.${tableCellClasses.sorted}`]: {\n        backgroundImage: `linear-gradient(to right, ${$sortedColor}, ${$sortedColor})`,\n      },\n    }),\n  }));\n\n/**\n * `HvTableCell` acts as a `td` element and inherits styles from its context\n */\nexport const HvTableCell = forwardRef<HTMLElement, HvTableCellProps>(\n  (\n    {\n      children,\n      component,\n      className,\n      style,\n      classes,\n      align = \"inherit\",\n      variant = \"default\",\n      type: typeProp,\n      stickyColumn = false,\n      stickyColumnMostLeft = false,\n      stickyColumnLeastRight = false,\n      groupColumnMostLeft = false,\n      groupColumnMostRight = false,\n      sorted = false,\n      resizable = false,\n      resizing = false,\n      ...others\n    },\n    externalRef\n  ) => {\n    const { activeTheme, selectedMode } = useTheme();\n    const tableContext = useContext(TableContext);\n    const tableSectionContext = useContext(TableSectionContext);\n\n    const [sortedColorValue, setSortedColorValue] = useState<\n      string | undefined\n    >();\n    const [sortedColorAlpha, setSortedColorAlpha] = useState<\n      string | undefined\n    >();\n\n    const type = typeProp || tableSectionContext?.type || \"body\";\n\n    const Component =\n      component || tableContext?.components?.Td || defaultComponent;\n\n    const TableCell = useMemo(() => StyledTableCell(Component), [Component]);\n\n    let sortedColor =\n      checkValidHexColorValue(sortedColorValue) && sortedColorAlpha\n        ? hexToRgbA(sortedColorValue, parseFloat(sortedColorAlpha))\n        : sortedColorValue;\n\n    useEffect(() => {\n      setSortedColorValue(getVarValue(theme.table.rowSortedColor));\n      setSortedColorAlpha(getVarValue(theme.table.rowSortedColorAlpha));\n\n      sortedColor =\n        checkValidHexColorValue(sortedColorValue) && sortedColorAlpha\n          ? hexToRgbA(sortedColorValue, parseFloat(sortedColorAlpha))\n          : sortedColorValue;\n    }, [\n      activeTheme?.colors?.modes[selectedMode],\n      sortedColorValue,\n      sortedColorAlpha,\n    ]);\n\n    return (\n      <ClassNames>\n        {({ css, cx }) => (\n          <TableCell\n            ref={externalRef}\n            role={Component === defaultComponent ? null : \"cell\"}\n            style={style}\n            className={cx(\n              tableCellClasses.root,\n              className,\n              classes?.root,\n              css(styles.root),\n              tableCellClasses[type],\n              classes?.[type],\n              css(styles[type]),\n              align !== \"inherit\" &&\n                cx(\n                  tableCellClasses[`align${capitalize(align)}`],\n                  classes?.[`align${capitalize(align)}`],\n                  css(styles[`align${capitalize(align)}`])\n                ),\n              tableContext.variant === \"listrow\" &&\n                cx(\n                  tableCellClasses.variantList,\n                  classes?.variantList,\n                  css(styles.variantList)\n                ),\n              tableContext.variant === \"listrow\" &&\n                type !== \"body\" &&\n                cx(\n                  tableCellClasses.variantListHead,\n                  classes?.variantListHead,\n                  css(styles.variantListHead)\n                ),\n              variant !== \"default\" &&\n                cx(\n                  tableCellClasses[`variant${capitalize(variant)}`],\n                  classes?.[`variant${capitalize(variant)}`],\n                  css(styles[`variant${capitalize(variant)}`])\n                ),\n              sorted &&\n                cx(\n                  tableCellClasses.sorted,\n                  classes?.sorted,\n                  css(styles.sorted)\n                ),\n              stickyColumn &&\n                cx(\n                  tableCellClasses.stickyColumn,\n                  classes?.stickyColumn,\n                  css(styles.stickyColumn)\n                ),\n              stickyColumnMostLeft &&\n                cx(\n                  tableCellClasses.stickyColumnMostLeft,\n                  classes?.stickyColumnMostLeft,\n                  css(styles.stickyColumnMostLeft)\n                ),\n              stickyColumnLeastRight &&\n                cx(\n                  tableCellClasses.stickyColumnLeastRight,\n                  classes?.stickyColumnLeastRight,\n                  css(styles.stickyColumnLeastRight)\n                ),\n              groupColumnMostLeft &&\n                cx(\n                  tableCellClasses.groupColumnMostLeft,\n                  classes?.groupColumnMostLeft,\n                  css(styles.groupColumnMostLeft)\n                ),\n              groupColumnMostRight &&\n                cx(\n                  tableCellClasses.groupColumnMostRight,\n                  classes?.groupColumnMostRight,\n                  css(styles.groupColumnMostRight)\n                ),\n              resizable &&\n                cx(\n                  tableCellClasses.resizable,\n                  classes?.resizable,\n                  css(styles.resizable)\n                ),\n              resizing &&\n                cx(\n                  tableCellClasses.resizing,\n                  classes?.resizing,\n                  css(styles.resizing)\n                )\n            )}\n            $type={type}\n            $stickyColumn={stickyColumn}\n            $sortedColor={sortedColor}\n            {...others}\n          >\n            {children}\n          </TableCell>\n        )}\n      </ClassNames>\n    );\n  }\n);\n"],"names":["defaultComponent","StyledTableCell","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$stickyColumn","$type","$sortedColor","tableCellClasses","sorted","backgroundColor","backgroundImage","HvTableCell","forwardRef","children","component","className","style","classes","align","variant","type","typeProp","stickyColumn","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","resizable","resizing","others","externalRef","activeTheme","selectedMode","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","sortedColorValue","setSortedColorValue","useState","sortedColorAlpha","setSortedColorAlpha","Component","components","Td","TableCell","useMemo","sortedColor","checkValidHexColorValue","hexToRgbA","parseFloat","useEffect","getVarValue","theme","table","rowSortedColor","rowSortedColorAlpha","colors","modes","ClassNames","css","cx","ref","role","root","styles","capitalize","variantList","variantListHead"],"mappings":"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"}
+{"version":3,"file":"TableCell.js","sources":["../../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport capitalize from \"lodash/capitalize\";\nimport {\n  CSSProperties,\n  forwardRef,\n  TdHTMLAttributes,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport {\n  checkValidHexColorValue,\n  ExtractNames,\n  getVarValue,\n  hexToRgbA,\n} from \"@core/utils\";\nimport { useTheme } from \"@core/hooks\";\nimport {\n  HvTableCellAlign,\n  HvTableCellType,\n  HvTableCellVariant,\n} from \"../Table\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { staticClasses, useClasses } from \"./TableCell.styles\";\n\nexport { staticClasses as tableCellClasses };\n\nexport type HvTableCellClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTableCellProps\n  extends Omit<TdHTMLAttributes<HTMLTableCellElement>, \"align\"> {\n  /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */\n  component?: React.ElementType;\n  /** Content to be rendered */\n  children?: React.ReactNode;\n  /** Inline styles to be applied to the root element. */\n  style?: CSSProperties;\n  /** Set the text-align on the table cell content. */\n  align?: HvTableCellAlign;\n  /** Sets the cell's variant. */\n  variant?: HvTableCellVariant | \"listcheckbox\" | \"listactions\";\n  /** Specify the cell's type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components. */\n  type?: HvTableCellType;\n  /** Whether or not the cell is part of a sorted column. */\n  sorted?: boolean;\n  /** The cell is part of a sticky column. */\n  stickyColumn?: boolean;\n  /** The cell is part of the last sticky to the left column. */\n  stickyColumnMostLeft?: boolean;\n  /** The cell is part of the first sticky to the right column. */\n  stickyColumnLeastRight?: boolean;\n  /** The cell is part of the first column in the group. */\n  groupColumnMostLeft?: boolean;\n  /** The cell is part of the last column in the group. */\n  groupColumnMostRight?: boolean;\n  /** Whether or not the cell is resizable */\n  resizable?: boolean;\n  /** Whether or not the cell is being resized */\n  resizing?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableCellClasses;\n}\n\nconst defaultComponent = \"td\";\n\ninterface StyledTableCellProps {\n  $variantList: boolean;\n  $variantListHead: boolean;\n  $stickyColumn: boolean;\n  $stickyColumnMostLeft: boolean;\n  $stickyColumnLeastRight: boolean;\n  $groupColumnMostLeft: boolean;\n  $groupColumnMostRight: boolean;\n  $resizable: boolean;\n  $resizing: boolean;\n  $align: string;\n  $variant: string;\n  $type: string;\n  $sortedColor: string;\n}\n\nconst StyledTableCell = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(({ $stickyColumn, $type, $sortedColor }: StyledTableCellProps) => ({\n    ...($type === \"body\" && {\n      [`&.${staticClasses.sorted}`]: {\n        backgroundColor: $sortedColor,\n      },\n    }),\n    ...($stickyColumn && {\n      [`&.${staticClasses.sorted}`]: {\n        backgroundImage: `linear-gradient(to right, ${$sortedColor}, ${$sortedColor})`,\n      },\n    }),\n  }));\n\n/**\n * `HvTableCell` acts as a `td` element and inherits styles from its context\n */\nexport const HvTableCell = forwardRef<HTMLElement, HvTableCellProps>(\n  (props, externalRef) => {\n    const {\n      children,\n      component,\n      className,\n      style,\n      classes: classesProp,\n      align = \"inherit\",\n      variant = \"default\",\n      type: typeProp,\n      stickyColumn = false,\n      stickyColumnMostLeft = false,\n      stickyColumnLeastRight = false,\n      groupColumnMostLeft = false,\n      groupColumnMostRight = false,\n      sorted = false,\n      resizable = false,\n      resizing = false,\n      ...others\n    } = props;\n    const { classes, cx } = useClasses(classesProp);\n    const { activeTheme, selectedMode } = useTheme();\n    const tableContext = useContext(TableContext);\n    const tableSectionContext = useContext(TableSectionContext);\n\n    const [sortedColorValue, setSortedColorValue] = useState<\n      string | undefined\n    >();\n    const [sortedColorAlpha, setSortedColorAlpha] = useState<\n      string | undefined\n    >();\n\n    const type = typeProp || tableSectionContext?.type || \"body\";\n\n    const Component =\n      component || tableContext?.components?.Td || defaultComponent;\n\n    const TableCell = useMemo(() => StyledTableCell(Component), [Component]);\n\n    let sortedColor =\n      checkValidHexColorValue(sortedColorValue) && sortedColorAlpha\n        ? hexToRgbA(sortedColorValue, parseFloat(sortedColorAlpha))\n        : sortedColorValue;\n\n    useEffect(() => {\n      setSortedColorValue(getVarValue(theme.table.rowSortedColor));\n      setSortedColorAlpha(getVarValue(theme.table.rowSortedColorAlpha));\n\n      sortedColor =\n        checkValidHexColorValue(sortedColorValue) && sortedColorAlpha\n          ? hexToRgbA(sortedColorValue, parseFloat(sortedColorAlpha))\n          : sortedColorValue;\n    }, [\n      activeTheme?.colors?.modes[selectedMode],\n      sortedColorValue,\n      sortedColorAlpha,\n    ]);\n\n    return (\n      <TableCell\n        ref={externalRef}\n        role={Component === defaultComponent ? null : \"cell\"}\n        style={style}\n        className={cx(className, classes.root, classes[type], {\n          [classes[`align${capitalize(align)}`]]: align !== \"inherit\",\n          [classes.variantList]: tableContext.variant === \"listrow\",\n          [classes.variantListHead]:\n            tableContext.variant === \"listrow\" && type !== \"body\",\n          [classes[`variant${capitalize(variant)}`]]: variant !== \"default\",\n          [classes.sorted]: sorted,\n          [classes.stickyColumn]: stickyColumn,\n          [classes.stickyColumnMostLeft]: stickyColumnMostLeft,\n          [classes.stickyColumnLeastRight]: stickyColumnLeastRight,\n          [classes.groupColumnMostLeft]: groupColumnMostLeft,\n          [classes.groupColumnMostRight]: groupColumnMostRight,\n          [classes.resizable]: resizable,\n          [classes.resizing]: resizing,\n        })}\n        $type={type}\n        $stickyColumn={stickyColumn}\n        $sortedColor={sortedColor}\n        {...others}\n      >\n        {children}\n      </TableCell>\n    );\n  }\n);\n"],"names":["defaultComponent","StyledTableCell","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$stickyColumn","$type","$sortedColor","staticClasses","sorted","backgroundColor","backgroundImage","HvTableCell","forwardRef","props","externalRef","children","component","className","style","classes","classesProp","align","variant","type","typeProp","stickyColumn","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","resizable","resizing","others","cx","useClasses","activeTheme","selectedMode","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","sortedColorValue","setSortedColorValue","useState","sortedColorAlpha","setSortedColorAlpha","Component","components","Td","TableCell","useMemo","sortedColor","checkValidHexColorValue","hexToRgbA","parseFloat","useEffect","getVarValue","theme","table","rowSortedColor","rowSortedColorAlpha","colors","modes","ref","role","root","capitalize","variantList","variantListHead"],"mappings":"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"}