@hitachivantara/uikit-react-core 5.8.1 → 5.9.0

package/dist/cjs/components/Table/TableCell/TableCell.cjs

@@ -1,18 +1,20 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
-const clsx = require("clsx");
-const React = require("react");
-const material = require("@mui/material");
-const transientOptions = require("../../../utils/transientOptions.cjs");
+const react = require("@emotion/react");
 const capitalize = require("lodash/capitalize");
+const React = require("react");
 const uikitStyles = require("@hitachivantara/uikit-styles");
+const transientOptions = require("../../../utils/transientOptions.cjs");
+const tableCellClasses = require("./tableCellClasses.cjs");
 const TableContext = require("../TableContext.cjs");
 const TableSectionContext = require("../TableSectionContext.cjs");
-const utils = require("../utils/utils.cjs");
-const tableCellClasses = require("./tableCellClasses.cjs");
+const TableCell_styles = require("./TableCell.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const hexToRgbA = require("../../../utils/hexToRgbA.cjs");
 const useTheme = require("../../../hooks/useTheme.cjs");
+const utils = require("../utils/utils.cjs");
+const theme = require("../../../utils/theme.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
 const capitalize__default = /* @__PURE__ */ _interopDefault(capitalize);
@@ -37,173 +39,21 @@ const StyledTableCell = (c) => /* @__PURE__ */ _styled__default.default(c, proce
   target: "e8848lx0",
   label: "StyledTableCell"
 }, transientOptions.transientOptions))(({
-  $variantList,
-  $variantListHead,
   $stickyColumn,
-  $stickyColumnMostLeft,
-  $stickyColumnLeastRight,
-  $groupColumnMostLeft,
-  $groupColumnMostRight,
-  $resizable,
-  $resizing,
-  $align,
-  $variant,
   $type,
-  $atmo1Color
+  $sortedColor
 }) => ({
-  // root
-  verticalAlign: "inherit",
-  textAlign: "left",
-  paddingTop: uikitStyles.theme.space.xs,
-  paddingRight: uikitStyles.theme.space.xs,
-  paddingBottom: uikitStyles.theme.space.xs,
-  paddingLeft: uikitStyles.theme.spacing(4),
-  borderBottom: `1px solid ${uikitStyles.theme.colors.atmo4}`,
-  ...$resizable && {
-    borderRight: `solid 1px ${uikitStyles.theme.colors.atmo4}`
-  },
-  ...$resizing && {
-    borderRight: `solid 2px ${uikitStyles.theme.colors.secondary}`
-  },
-  ...$groupColumnMostLeft && {
-    borderLeft: `solid 1px ${uikitStyles.theme.colors.atmo4}`,
-    "&:first-of-type": {
-      borderLeft: 0
-    }
-  },
-  ...$groupColumnMostRight && {
-    borderRight: `solid 1px ${uikitStyles.theme.colors.atmo4}`,
-    // due to the ":has()" selector not being supported in browsers,
-    // this need to be managed with inline styles
-    // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)
-    // "&:last-child,&:has(+ $stickyColumnLeastRight)": {
-    "&:last-child": {
-      borderRight: 0
-    },
-    [`&+:not(.${tableCellClasses.default.stickyColumn})`]: {
-      borderLeft: 0
-    }
-  },
-  // align
-  ...$align === "center" && {
-    textAlign: "center"
-  },
-  ...$align === "justify" && {
-    textAlign: "justify"
-  },
-  ...$align === "left" && {
-    textAlign: "left"
-  },
-  ...$align === "right" && {
-    textAlign: "right",
-    flexDirection: "row-reverse"
-  },
-  // variant
-  ...$variant === "checkbox" && {
-    padding: 0,
-    width: 32,
-    maxWidth: 32,
-    overflow: "hidden",
-    borderRight: `solid 1px ${uikitStyles.theme.colors.atmo4}`
-  },
-  ...$variant === "actions" && {
-    padding: 0,
-    width: 32,
-    maxWidth: 32,
-    borderLeft: `solid 1px ${uikitStyles.theme.colors.atmo4}`
-  },
-  ...$variant === "none" && {
-    padding: 0
-  },
-  ...$variant === "expand" && {
-    paddingLeft: 0,
-    paddingTop: 0,
-    paddingBottom: 0
-  },
-  ...$variant === "listcheckbox" && {
-    borderRight: `solid 2px ${uikitStyles.theme.colors.atmo2}`,
-    padding: 0,
-    textAlign: "center",
-    width: 34,
-    maxWidth: 34
-  },
-  ...$variant === "listactions" && {
-    borderLeft: `solid 2px red`,
-    // ${theme.colors.atmo2}`,
-    textAlign: "center",
-    width: 138,
-    maxWidth: 138
-  },
-  // type
-  ...$type === "head" && {
-    height: 52,
-    verticalAlign: "top",
-    backgroundColor: $variantList ? "inherit" : uikitStyles.theme.colors.atmo1,
-    borderTop: $variantList ? 0 : `1px solid ${uikitStyles.theme.table.headerBorderTopColor}`,
-    borderBottom: $variantList ? 0 : `1px solid ${uikitStyles.theme.colors.atmo4}`,
-    ...uikitStyles.theme.typography.label
-  },
   ...$type === "body" && {
-    minHeight: 32,
-    "td&": {
-      height: 32
-    },
-    backgroundColor: "inherit",
-    ...uikitStyles.theme.typography.body,
-    fontFamily: uikitStyles.theme.fontFamily.body,
     [`&.${tableCellClasses.default.sorted}`]: {
-      backgroundColor: material.alpha(material.hexToRgb($atmo1Color), 0.4)
-    }
-  },
-  ...$variantList && {
-    minHeight: 52,
-    "td&": {
-      height: 52
-    },
-    paddingTop: 0,
-    paddingBottom: 0,
-    ...$variant !== "listactions" && {
-      paddingRight: 0
-    },
-    ...$variant === "listactions" && {
-      paddingRight: uikitStyles.theme.space.xs
-    },
-    ...$variant !== "listactions" && {
-      paddingLeft: 32
-    },
-    ...$variant === "listactions" && {
-      paddingLeft: 0
-    },
-    border: 0,
-    ...$type === "body" && {
-      ...utils.getBorderStyles("cell", uikitStyles.theme.table.rowBorderColor)
+      backgroundColor: $sortedColor
     }
   },
   ...$stickyColumn && {
-    position: "sticky",
-    zIndex: 2,
-    backgroundColor: uikitStyles.theme.colors.atmo2,
-    [`&.${tableCellClasses.default.groupColumnMostRight}+.${tableCellClasses.default.stickyColumn}`]: {
-      borderLeft: 0
-    },
     [`&.${tableCellClasses.default.sorted}`]: {
-      backgroundColor: uikitStyles.theme.colors.atmo2,
-      backgroundImage: `linear-gradient(to right, ${material.alpha(material.hexToRgb($atmo1Color), 0.4)}, ${material.alpha(material.hexToRgb($atmo1Color), 0.4)})`
-    }
-  },
-  ...$stickyColumnMostLeft && {
-    borderRight: `solid 1px ${uikitStyles.theme.colors.atmo4}`
-  },
-  ...$stickyColumnLeastRight && {
-    borderLeft: `solid 1px ${uikitStyles.theme.colors.atmo4}`
-  },
-  ...$variantListHead && {
-    backgroundColor: "inherit",
-    "td&": {
-      height: 16
+      backgroundImage: `linear-gradient(to right, ${$sortedColor}, ${$sortedColor})`
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVDZWxsL1RhYmxlQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkVFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVDZWxsL1RhYmxlQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjbHN4IH0gZnJvbSBcImNsc3hcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgQ1NTUHJvcGVydGllcyxcbiAgZm9yd2FyZFJlZixcbiAgVGRIVE1MQXR0cmlidXRlcyxcbiAgdXNlQ29udGV4dCxcbiAgdXNlTWVtbyxcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBoZXhUb1JnYiwgYWxwaGEgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgY2FwaXRhbGl6ZSBmcm9tIFwibG9kYXNoL2NhcGl0YWxpemVcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIkBjb3JlL2hvb2tzXCI7XG5pbXBvcnQge1xuICBIdlRhYmxlQ2VsbEFsaWduLFxuICBIdlRhYmxlQ2VsbFR5cGUsXG4gIEh2VGFibGVDZWxsVmFyaWFudCxcbn0gZnJvbSBcIi4uL1RhYmxlXCI7XG5pbXBvcnQgVGFibGVDb250ZXh0IGZyb20gXCIuLi9UYWJsZUNvbnRleHRcIjtcbmltcG9ydCBUYWJsZVNlY3Rpb25Db250ZXh0IGZyb20gXCIuLi9UYWJsZVNlY3Rpb25Db250ZXh0XCI7XG5pbXBvcnQgeyBnZXRCb3JkZXJTdHlsZXMgfSBmcm9tIFwiLi4vdXRpbHMvdXRpbHNcIjtcbmltcG9ydCB0YWJsZUNlbGxDbGFzc2VzLCB7IEh2VGFibGVDZWxsQ2xhc3NlcyB9IGZyb20gXCIuL3RhYmxlQ2VsbENsYXNzZXNcIjtcblxuZXhwb3J0IGludGVyZmFjZSBIdlRhYmxlQ2VsbFByb3BzXG4gIGV4dGVuZHMgT21pdDxUZEhUTUxBdHRyaWJ1dGVzPEhUTUxUYWJsZUNlbGxFbGVtZW50PiwgXCJhbGlnblwiPiB7XG4gIC8qKiBUaGUgY29tcG9uZW50IHVzZWQgZm9yIHRoZSByb290IG5vZGUuIEVpdGhlciBhIHN0cmluZyB0byB1c2UgYSBIVE1MIGVsZW1lbnQgb3IgYSBjb21wb25lbnQuIERlZmF1bHRzIHRvIHRkLiAqL1xuICBjb21wb25lbnQ/OiBSZWFjdC5FbGVtZW50VHlwZTtcbiAgLyoqIENvbnRlbnQgdG8gYmUgcmVuZGVyZWQgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKiBJbmxpbmUgc3R5bGVzIHRvIGJlIGFwcGxpZWQgdG8gdGhlIHJvb3QgZWxlbWVudC4gKi9cbiAgc3R5bGU/OiBDU1NQcm9wZXJ0aWVzO1xuICAvKiogU2V0IHRoZSB0ZXh0LWFsaWduIG9uIHRoZSB0YWJsZSBjZWxsIGNvbnRlbnQuICovXG4gIGFsaWduPzogSHZUYWJsZUNlbGxBbGlnbjtcbiAgLyoqIFNldHMgdGhlIGNlbGwncyB2YXJpYW50LiAqL1xuICB2YXJpYW50PzogSHZUYWJsZUNlbGxWYXJpYW50IHwgXCJsaXN0Y2hlY2tib3hcIiB8IFwibGlzdGFjdGlvbnNcIjtcbiAgLyoqIFNwZWNpZnkgdGhlIGNlbGwncyB0eXBlLiBUaGUgcHJvcCBkZWZhdWx0cyB0byB0aGUgdmFsdWUgaW5oZXJpdGVkIGZyb20gdGhlIHBhcmVudCBUYWJsZUhlYWQsIFRhYmxlQm9keSwgb3IgVGFibGVGb290ZXIgY29tcG9uZW50cy4gKi9cbiAgdHlwZT86IEh2VGFibGVDZWxsVHlwZTtcbiAgLyoqIFdoZXRoZXIgb3Igbm90IHRoZSBjZWxsIGlzIHBhcnQgb2YgYSBzb3J0ZWQgY29sdW1uLiAqL1xuICBzb3J0ZWQ/OiBib29sZWFuO1xuICAvKiogVGhlIGNlbGwgaXMgcGFydCBvZiBhIHN0aWNreSBjb2x1bW4uICovXG4gIHN0aWNreUNvbHVtbj86IGJvb2xlYW47XG4gIC8qKiBUaGUgY2VsbCBpcyBwYXJ0IG9mIHRoZSBsYXN0IHN0aWNreSB0byB0aGUgbGVmdCBjb2x1bW4uICovXG4gIHN0aWNreUNvbHVtbk1vc3RMZWZ0PzogYm9vbGVhbjtcbiAgLyoqIFRoZSBjZWxsIGlzIHBhcnQgb2YgdGhlIGZpcnN0IHN0aWNreSB0byB0aGUgcmlnaHQgY29sdW1uLiAqL1xuICBzdGlja3lDb2x1bW5MZWFzdFJpZ2h0PzogYm9vbGVhbjtcbiAgLyoqIFRoZSBjZWxsIGlzIHBhcnQgb2YgdGhlIGZpcnN0IGNvbHVtbiBpbiB0aGUgZ3JvdXAuICovXG4gIGdyb3VwQ29sdW1uTW9zdExlZnQ/OiBib29sZWFuO1xuICAvKiogVGhlIGNlbGwgaXMgcGFydCBvZiB0aGUgbGFzdCBjb2x1bW4gaW4gdGhlIGdyb3VwLiAqL1xuICBncm91cENvbHVtbk1vc3RSaWdodD86IGJvb2xlYW47XG4gIC8qKiBXaGV0aGVyIG9yIG5vdCB0aGUgY2VsbCBpcyByZXNpemFibGUgKi9cbiAgcmVzaXphYmxlPzogYm9vbGVhbjtcbiAgLyoqIFdoZXRoZXIgb3Igbm90IHRoZSBjZWxsIGlzIGJlaW5nIHJlc2l6ZWQgKi9cbiAgcmVzaXppbmc/OiBib29sZWFuO1xuICAvKiogQSBKc3MgT2JqZWN0IHVzZWQgdG8gb3ZlcnJpZGUgb3IgZXh0ZW5kIHRoZSBzdHlsZXMgYXBwbGllZCB0byB0aGUgY29tcG9uZW50LiAqL1xuICBjbGFzc2VzPzogSHZUYWJsZUNlbGxDbGFzc2VzO1xufVxuXG5jb25zdCBkZWZhdWx0Q29tcG9uZW50ID0gXCJ0ZFwiO1xuXG5pbnRlcmZhY2UgU3R5bGVkVGFibGVDZWxsUHJvcHMge1xuICAkdmFyaWFudExpc3Q6IGJvb2xlYW47XG4gICR2YXJpYW50TGlzdEhlYWQ6IGJvb2xlYW47XG4gICRzdGlja3lDb2x1bW46IGJvb2xlYW47XG4gICRzdGlja3lDb2x1bW5Nb3N0TGVmdDogYm9vbGVhbjtcbiAgJHN0aWNreUNvbHVtbkxlYXN0UmlnaHQ6IGJvb2xlYW47XG4gICRncm91cENvbHVtbk1vc3RMZWZ0OiBib29sZWFuO1xuICAkZ3JvdXBDb2x1bW5Nb3N0UmlnaHQ6IGJvb2xlYW47XG4gICRyZXNpemFibGU6IGJvb2xlYW47XG4gICRyZXNpemluZzogYm9vbGVhbjtcbiAgJGFsaWduOiBzdHJpbmc7XG4gICR2YXJpYW50OiBzdHJpbmc7XG4gICR0eXBlOiBzdHJpbmc7XG4gICRhdG1vMUNvbG9yOiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZFRhYmxlQ2VsbCA9IChjOiBhbnkpID0+XG4gIHN0eWxlZChcbiAgICBjLFxuICAgIHRyYW5zaWVudE9wdGlvbnNcbiAgKShcbiAgICAoe1xuICAgICAgJHZhcmlhbnRMaXN0LFxuICAgICAgJHZhcmlhbnRMaXN0SGVhZCxcbiAgICAgICRzdGlja3lDb2x1bW4sXG4gICAgICAkc3RpY2t5Q29sdW1uTW9zdExlZnQsXG4gICAgICAkc3RpY2t5Q29sdW1uTGVhc3RSaWdodCxcbiAgICAgICRncm91cENvbHVtbk1vc3RMZWZ0LFxuICAgICAgJGdyb3VwQ29sdW1uTW9zdFJpZ2h0LFxuICAgICAgJHJlc2l6YWJsZSxcbiAgICAgICRyZXNpemluZyxcbiAgICAgICRhbGlnbixcbiAgICAgICR2YXJpYW50LFxuICAgICAgJHR5cGUsXG4gICAgICAkYXRtbzFDb2xvcixcbiAgICB9OiBTdHlsZWRUYWJsZUNlbGxQcm9wcykgPT4gKHtcbiAgICAgIC8vIHJvb3RcbiAgICAgIHZlcnRpY2FsQWxpZ246IFwiaW5oZXJpdFwiLFxuICAgICAgdGV4dEFsaWduOiBcImxlZnRcIixcbiAgICAgIHBhZGRpbmdUb3A6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNpbmcoNCksXG4gICAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcblxuICAgICAgLi4uKCRyZXNpemFibGUgJiYge1xuICAgICAgICBib3JkZXJSaWdodDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgfSksXG4gICAgICAuLi4oJHJlc2l6aW5nICYmIHtcbiAgICAgICAgYm9yZGVyUmlnaHQ6IGBzb2xpZCAycHggJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5fWAsXG4gICAgICB9KSxcblxuICAgICAgLi4uKCRncm91cENvbHVtbk1vc3RMZWZ0ICYmIHtcbiAgICAgICAgYm9yZGVyTGVmdDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuXG4gICAgICAgIFwiJjpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICAgICAgICBib3JkZXJMZWZ0OiAwLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgICAuLi4oJGdyb3VwQ29sdW1uTW9zdFJpZ2h0ICYmIHtcbiAgICAgICAgYm9yZGVyUmlnaHQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcblxuICAgICAgICAvLyBkdWUgdG8gdGhlIFwiOmhhcygpXCIgc2VsZWN0b3Igbm90IGJlaW5nIHN1cHBvcnRlZCBpbiBicm93c2VycyxcbiAgICAgICAgLy8gdGhpcyBuZWVkIHRvIGJlIG1hbmFnZWQgd2l0aCBpbmxpbmUgc3R5bGVzXG4gICAgICAgIC8vIFRvIGJlIHVuY29tbWVudGVkIHdoZW4gbm90IG5lZWRlZCAoc2VlIGNvbW1lbnQgaW4gc3JjL1RhYmxlL2hvb2tzL3VzZVN0aWNreS5qcylcbiAgICAgICAgLy8gXCImOmxhc3QtY2hpbGQsJjpoYXMoKyAkc3RpY2t5Q29sdW1uTGVhc3RSaWdodClcIjoge1xuICAgICAgICBcIiY6bGFzdC1jaGlsZFwiOiB7XG4gICAgICAgICAgYm9yZGVyUmlnaHQ6IDAsXG4gICAgICAgIH0sXG5cbiAgICAgICAgW2AmKzpub3QoLiR7dGFibGVDZWxsQ2xhc3Nlcy5zdGlja3lDb2x1bW59KWBdOiB7XG4gICAgICAgICAgYm9yZGVyTGVmdDogMCxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuXG4gICAgICAvLyBhbGlnblxuICAgICAgLi4uKCRhbGlnbiA9PT0gXCJjZW50ZXJcIiAmJiB7XG4gICAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICAgIH0pLFxuICAgICAgLi4uKCRhbGlnbiA9PT0gXCJqdXN0aWZ5XCIgJiYge1xuICAgICAgICB0ZXh0QWxpZ246IFwianVzdGlmeVwiLFxuICAgICAgfSksXG4gICAgICAuLi4oJGFsaWduID09PSBcImxlZnRcIiAmJiB7XG4gICAgICAgIHRleHRBbGlnbjogXCJsZWZ0XCIsXG4gICAgICB9KSxcbiAgICAgIC4uLigkYWxpZ24gPT09IFwicmlnaHRcIiAmJiB7XG4gICAgICAgIHRleHRBbGlnbjogXCJyaWdodFwiLFxuICAgICAgICBmbGV4RGlyZWN0aW9uOiBcInJvdy1yZXZlcnNlXCIsXG4gICAgICB9KSxcblxuICAgICAgLy8gdmFyaWFudFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImNoZWNrYm94XCIgJiYge1xuICAgICAgICBwYWRkaW5nOiAwLFxuICAgICAgICB3aWR0aDogMzIsXG4gICAgICAgIG1heFdpZHRoOiAzMixcbiAgICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICAgIGJvcmRlclJpZ2h0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJhY3Rpb25zXCIgJiYge1xuICAgICAgICBwYWRkaW5nOiAwLFxuICAgICAgICB3aWR0aDogMzIsXG4gICAgICAgIG1heFdpZHRoOiAzMixcbiAgICAgICAgYm9yZGVyTGVmdDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwibm9uZVwiICYmIHtcbiAgICAgICAgcGFkZGluZzogMCxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImV4cGFuZFwiICYmIHtcbiAgICAgICAgcGFkZGluZ0xlZnQ6IDAsXG4gICAgICAgIHBhZGRpbmdUb3A6IDAsXG4gICAgICAgIHBhZGRpbmdCb3R0b206IDAsXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJsaXN0Y2hlY2tib3hcIiAmJiB7XG4gICAgICAgIGJvcmRlclJpZ2h0OiBgc29saWQgMnB4ICR7dGhlbWUuY29sb3JzLmF0bW8yfWAsXG4gICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICAgICAgd2lkdGg6IDM0LFxuICAgICAgICBtYXhXaWR0aDogMzQsXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJsaXN0YWN0aW9uc1wiICYmIHtcbiAgICAgICAgYm9yZGVyTGVmdDogYHNvbGlkIDJweCByZWRgLCAvLyAke3RoZW1lLmNvbG9ycy5hdG1vMn1gLFxuICAgICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgICAgIHdpZHRoOiAxMzgsXG4gICAgICAgIG1heFdpZHRoOiAxMzgsXG4gICAgICB9KSxcblxuICAgICAgLy8gdHlwZVxuICAgICAgLi4uKCR0eXBlID09PSBcImhlYWRcIiAmJiB7XG4gICAgICAgIGhlaWdodDogNTIsXG4gICAgICAgIHZlcnRpY2FsQWxpZ246IFwidG9wXCIsXG5cbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkdmFyaWFudExpc3QgPyBcImluaGVyaXRcIiA6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgICAgYm9yZGVyVG9wOiAkdmFyaWFudExpc3RcbiAgICAgICAgICA/IDBcbiAgICAgICAgICA6IGAxcHggc29saWQgJHt0aGVtZS50YWJsZS5oZWFkZXJCb3JkZXJUb3BDb2xvcn1gLFxuICAgICAgICBib3JkZXJCb3R0b206ICR2YXJpYW50TGlzdCA/IDAgOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmxhYmVsIGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgfSksXG4gICAgICAuLi4oJHR5cGUgPT09IFwiYm9keVwiICYmIHtcbiAgICAgICAgbWluSGVpZ2h0OiAzMixcbiAgICAgICAgXCJ0ZCZcIjoge1xuICAgICAgICAgIGhlaWdodDogMzIsXG4gICAgICAgIH0sXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJpbmhlcml0XCIsXG4gICAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICAgIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcblxuICAgICAgICBbYCYuJHt0YWJsZUNlbGxDbGFzc2VzLnNvcnRlZH1gXToge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogYWxwaGEoaGV4VG9SZ2IoJGF0bW8xQ29sb3IpLCAwLjQpLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnRMaXN0ICYmIHtcbiAgICAgICAgbWluSGVpZ2h0OiA1MixcbiAgICAgICAgXCJ0ZCZcIjoge1xuICAgICAgICAgIGhlaWdodDogNTIsXG4gICAgICAgIH0sXG4gICAgICAgIHBhZGRpbmdUb3A6IDAsXG4gICAgICAgIHBhZGRpbmdCb3R0b206IDAsXG4gICAgICAgIC4uLigkdmFyaWFudCAhPT0gXCJsaXN0YWN0aW9uc1wiICYmIHsgcGFkZGluZ1JpZ2h0OiAwIH0pLFxuICAgICAgICAuLi4oJHZhcmlhbnQgPT09IFwibGlzdGFjdGlvbnNcIiAmJiB7IHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMgfSksXG4gICAgICAgIC4uLigkdmFyaWFudCAhPT0gXCJsaXN0YWN0aW9uc1wiICYmIHsgcGFkZGluZ0xlZnQ6IDMyIH0pLFxuICAgICAgICAuLi4oJHZhcmlhbnQgPT09IFwibGlzdGFjdGlvbnNcIiAmJiB7IHBhZGRpbmdMZWZ0OiAwIH0pLFxuICAgICAgICBib3JkZXI6IDAsXG4gICAgICAgIC4uLigkdHlwZSA9PT0gXCJib2R5XCIgJiYge1xuICAgICAgICAgIC4uLmdldEJvcmRlclN0eWxlcyhcImNlbGxcIiwgdGhlbWUudGFibGUucm93Qm9yZGVyQ29sb3IpLFxuICAgICAgICB9KSxcbiAgICAgIH0pLFxuXG4gICAgICAuLi4oJHN0aWNreUNvbHVtbiAmJiB7XG4gICAgICAgIHBvc2l0aW9uOiBcInN0aWNreVwiLFxuICAgICAgICB6SW5kZXg6IDIsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8yLFxuXG4gICAgICAgIFtgJi4ke3RhYmxlQ2VsbENsYXNzZXMuZ3JvdXBDb2x1bW5Nb3N0UmlnaHR9Ky4ke3RhYmxlQ2VsbENsYXNzZXMuc3RpY2t5Q29sdW1ufWBdOlxuICAgICAgICAgIHtcbiAgICAgICAgICAgIGJvcmRlckxlZnQ6IDAsXG4gICAgICAgICAgfSxcblxuICAgICAgICBbYCYuJHt0YWJsZUNlbGxDbGFzc2VzLnNvcnRlZH1gXToge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8yLFxuICAgICAgICAgIGJhY2tncm91bmRJbWFnZTogYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgJHthbHBoYShcbiAgICAgICAgICAgIGhleFRvUmdiKCRhdG1vMUNvbG9yKSxcbiAgICAgICAgICAgIDAuNFxuICAgICAgICAgICl9LCAke2FscGhhKGhleFRvUmdiKCRhdG1vMUNvbG9yKSwgMC40KX0pYCxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCRzdGlja3lDb2x1bW5Nb3N0TGVmdCAmJiB7XG4gICAgICAgIGJvcmRlclJpZ2h0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICB9KSxcbiAgICAgIC4uLigkc3RpY2t5Q29sdW1uTGVhc3RSaWdodCAmJiB7XG4gICAgICAgIGJvcmRlckxlZnQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIH0pLFxuXG4gICAgICAuLi4oJHZhcmlhbnRMaXN0SGVhZCAmJiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJpbmhlcml0XCIsXG4gICAgICAgIFwidGQmXCI6IHtcbiAgICAgICAgICBoZWlnaHQ6IDE2LFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgfSlcbiAgKTtcblxuLyoqXG4gKiBgSHZUYWJsZUNlbGxgIGFjdHMgYXMgYSBgdGRgIGVsZW1lbnQgYW5kIGluaGVyaXRzIHN0eWxlcyBmcm9tIGl0cyBjb250ZXh0XG4gKi9cbmV4cG9ydCBjb25zdCBIdlRhYmxlQ2VsbCA9IGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIEh2VGFibGVDZWxsUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBjb21wb25lbnQsXG4gICAgICBjbGFzc05hbWUsXG4gICAgICBzdHlsZSxcbiAgICAgIGNsYXNzZXMsXG4gICAgICBhbGlnbiA9IFwiaW5oZXJpdFwiLFxuICAgICAgdmFyaWFudCA9IFwiZGVmYXVsdFwiLFxuICAgICAgdHlwZTogdHlwZVByb3AsXG4gICAgICBzdGlja3lDb2x1bW4gPSBmYWxzZSxcbiAgICAgIHN0aWNreUNvbHVtbk1vc3RMZWZ0ID0gZmFsc2UsXG4gICAgICBzdGlja3lDb2x1bW5MZWFzdFJpZ2h0ID0gZmFsc2UsXG4gICAgICBncm91cENvbHVtbk1vc3RMZWZ0ID0gZmFsc2UsXG4gICAgICBncm91cENvbHVtbk1vc3RSaWdodCA9IGZhbHNlLFxuICAgICAgc29ydGVkID0gZmFsc2UsXG4gICAgICByZXNpemFibGUgPSBmYWxzZSxcbiAgICAgIHJlc2l6aW5nID0gZmFsc2UsXG4gICAgICAuLi5vdGhlcnNcbiAgICB9LFxuICAgIGV4dGVybmFsUmVmXG4gICkgPT4ge1xuICAgIGNvbnN0IHsgYWN0aXZlVGhlbWUsIHNlbGVjdGVkTW9kZSB9ID0gdXNlVGhlbWUoKTtcbiAgICBjb25zdCB0YWJsZUNvbnRleHQgPSB1c2VDb250ZXh0KFRhYmxlQ29udGV4dCk7XG4gICAgY29uc3QgdGFibGVTZWN0aW9uQ29udGV4dCA9IHVzZUNvbnRleHQoVGFibGVTZWN0aW9uQ29udGV4dCk7XG5cbiAgICBjb25zdCB0eXBlID0gdHlwZVByb3AgfHwgdGFibGVTZWN0aW9uQ29udGV4dD8udHlwZSB8fCBcImJvZHlcIjtcblxuICAgIGNvbnN0IENvbXBvbmVudCA9XG4gICAgICBjb21wb25lbnQgfHwgdGFibGVDb250ZXh0Py5jb21wb25lbnRzPy5UZCB8fCBkZWZhdWx0Q29tcG9uZW50O1xuXG4gICAgY29uc3QgVGFibGVDZWxsID0gdXNlTWVtbygoKSA9PiBTdHlsZWRUYWJsZUNlbGwoQ29tcG9uZW50KSwgW0NvbXBvbmVudF0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxUYWJsZUNlbGxcbiAgICAgICAgcmVmPXtleHRlcm5hbFJlZn1cbiAgICAgICAgcm9sZT17Q29tcG9uZW50ID09PSBkZWZhdWx0Q29tcG9uZW50ID8gbnVsbCA6IFwiY2VsbFwifVxuICAgICAgICBzdHlsZT17c3R5bGV9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlcy5yb290LFxuICAgICAgICAgIGNsYXNzZXM/LnJvb3QsXG4gICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlc1t0eXBlXSxcbiAgICAgICAgICBjbGFzc2VzPy5bdHlwZV0sXG4gICAgICAgICAgYWxpZ24gIT09IFwiaW5oZXJpdFwiICYmXG4gICAgICAgICAgICBjbHN4KFxuICAgICAgICAgICAgICB0YWJsZUNlbGxDbGFzc2VzW2BhbGlnbiR7Y2FwaXRhbGl6ZShhbGlnbil9YF0sXG4gICAgICAgICAgICAgIGNsYXNzZXM/LltgYWxpZ24ke2NhcGl0YWxpemUoYWxpZ24pfWBdXG4gICAgICAgICAgICApLFxuICAgICAgICAgIHZhcmlhbnQgIT09IFwiZGVmYXVsdFwiICYmXG4gICAgICAgICAgICBjbHN4KFxuICAgICAgICAgICAgICB0YWJsZUNlbGxDbGFzc2VzW2B2YXJpYW50JHtjYXBpdGFsaXplKHZhcmlhbnQpfWBdLFxuICAgICAgICAgICAgICBjbGFzc2VzPy5bYHZhcmlhbnQke2NhcGl0YWxpemUodmFyaWFudCl9YF1cbiAgICAgICAgICAgICksXG4gICAgICAgICAgdGFibGVDb250ZXh0LnZhcmlhbnQgPT09IFwibGlzdHJvd1wiICYmXG4gICAgICAgICAgICBjbHN4KHRhYmxlQ2VsbENsYXNzZXMudmFyaWFudExpc3QsIGNsYXNzZXM/LnZhcmlhbnRMaXN0KSxcbiAgICAgICAgICB0YWJsZUNvbnRleHQudmFyaWFudCA9PT0gXCJsaXN0cm93XCIgJiZcbiAgICAgICAgICAgIHR5cGUgIT09IFwiYm9keVwiICYmXG4gICAgICAgICAgICBjbHN4KHRhYmxlQ2VsbENsYXNzZXMudmFyaWFudExpc3RIZWFkLCBjbGFzc2VzPy52YXJpYW50TGlzdEhlYWQpLFxuICAgICAgICAgIHNvcnRlZCAmJiBjbHN4KHRhYmxlQ2VsbENsYXNzZXMuc29ydGVkLCBjbGFzc2VzPy5zb3J0ZWQpLFxuICAgICAgICAgIHN0aWNreUNvbHVtbiAmJlxuICAgICAgICAgICAgY2xzeCh0YWJsZUNlbGxDbGFzc2VzLnN0aWNreUNvbHVtbiwgY2xhc3Nlcz8uc3RpY2t5Q29sdW1uKSxcbiAgICAgICAgICBzdGlja3lDb2x1bW5Nb3N0TGVmdCAmJlxuICAgICAgICAgICAgY2xzeChcbiAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlcy5zdGlja3lDb2x1bW5Nb3N0TGVmdCxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8uc3RpY2t5Q29sdW1uTW9zdExlZnRcbiAgICAgICAgICAgICksXG4gICAgICAgICAgc3RpY2t5Q29sdW1uTGVhc3RSaWdodCAmJlxuICAgICAgICAgICAgY2xzeChcbiAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlcy5zdGlja3lDb2x1bW5MZWFzdFJpZ2h0LFxuICAgICAgICAgICAgICBjbGFzc2VzPy5zdGlja3lDb2x1bW5MZWFzdFJpZ2h0XG4gICAgICAgICAgICApLFxuICAgICAgICAgIGdyb3VwQ29sdW1uTW9zdExlZnQgJiZcbiAgICAgICAgICAgIGNsc3goXG4gICAgICAgICAgICAgIHRhYmxlQ2VsbENsYXNzZXMuZ3JvdXBDb2x1bW5Nb3N0TGVmdCxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8uZ3JvdXBDb2x1bW5Nb3N0TGVmdFxuICAgICAgICAgICAgKSxcbiAgICAgICAgICBncm91cENvbHVtbk1vc3RSaWdodCAmJlxuICAgICAgICAgICAgY2xzeChcbiAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlcy5ncm91cENvbHVtbk1vc3RSaWdodCxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8uZ3JvdXBDb2x1bW5Nb3N0UmlnaHRcbiAgICAgICAgICAgICksXG4gICAgICAgICAgcmVzaXphYmxlICYmIGNsc3godGFibGVDZWxsQ2xhc3Nlcy5yZXNpemFibGUsIGNsYXNzZXM/LnJlc2l6YWJsZSksXG4gICAgICAgICAgcmVzaXppbmcgJiYgY2xzeCh0YWJsZUNlbGxDbGFzc2VzLnJlc2l6aW5nLCBjbGFzc2VzPy5yZXNpemluZylcbiAgICAgICAgKX1cbiAgICAgICAgJHZhcmlhbnRMaXN0PXt0YWJsZUNvbnRleHQudmFyaWFudCA9PT0gXCJsaXN0cm93XCJ9XG4gICAgICAgICR2YXJpYW50TGlzdEhlYWQ9e3RhYmxlQ29udGV4dC52YXJpYW50ID09PSBcImxpc3Ryb3dcIiAmJiB0eXBlICE9PSBcImJvZHlcIn1cbiAgICAgICAgJHNvcnRlZD17c29ydGVkfVxuICAgICAgICAkc3RpY2t5Q29sdW1uPXtzdGlja3lDb2x1bW59XG4gICAgICAgICRzdGlja3lDb2x1bW5Nb3N0TGVmdD17c3RpY2t5Q29sdW1uTW9zdExlZnR9XG4gICAgICAgICRzdGlja3lDb2x1bW5MZWFzdFJpZ2h0PXtzdGlja3lDb2x1bW5MZWFzdFJpZ2h0fVxuICAgICAgICAkZ3JvdXBDb2x1bW5Nb3N0TGVmdD17Z3JvdXBDb2x1bW5Nb3N0TGVmdH1cbiAgICAgICAgJGdyb3VwQ29sdW1uTW9zdFJpZ2h0PXtncm91cENvbHVtbk1vc3RSaWdodH1cbiAgICAgICAgJHJlc2l6YWJsZT17cmVzaXphYmxlfVxuICAgICAgICAkcmVzaXppbmc9e3Jlc2l6aW5nfVxuICAgICAgICAkYWxpZ249e2FsaWdufVxuICAgICAgICAkdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgJHR5cGU9e3R5cGV9XG4gICAgICAgICRhdG1vMUNvbG9yPXtcbiAgICAgICAgICBhY3RpdmVUaGVtZT8uY29sb3JzPy5tb2Rlc1tzZWxlY3RlZE1vZGVdLmF0bW8xIHx8IHRoZW1lLmNvbG9ycy5hdG1vMVxuICAgICAgICB9XG4gICAgICAgIHsuLi5vdGhlcnN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVGFibGVDZWxsPlxuICAgICk7XG4gIH1cbik7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVDZWxsL1RhYmxlQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0ZFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVDZWxsL1RhYmxlQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENsYXNzTmFtZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBjYXBpdGFsaXplIGZyb20gXCJsb2Rhc2gvY2FwaXRhbGl6ZVwiO1xuaW1wb3J0IHtcbiAgQ1NTUHJvcGVydGllcyxcbiAgZm9yd2FyZFJlZixcbiAgVGRIVE1MQXR0cmlidXRlcyxcbiAgdXNlQ29udGV4dCxcbiAgdXNlRWZmZWN0LFxuICB1c2VNZW1vLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IGdldFZhclZhbHVlLCBoZXhUb1JnYkEgfSBmcm9tIFwiQGNvcmUvdXRpbHNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIkBjb3JlL2hvb2tzXCI7XG5pbXBvcnQge1xuICBIdlRhYmxlQ2VsbEFsaWduLFxuICBIdlRhYmxlQ2VsbFR5cGUsXG4gIEh2VGFibGVDZWxsVmFyaWFudCxcbn0gZnJvbSBcIi4uL1RhYmxlXCI7XG5pbXBvcnQgdGFibGVDZWxsQ2xhc3NlcywgeyBIdlRhYmxlQ2VsbENsYXNzZXMgfSBmcm9tIFwiLi90YWJsZUNlbGxDbGFzc2VzXCI7XG5pbXBvcnQgVGFibGVDb250ZXh0IGZyb20gXCIuLi9UYWJsZUNvbnRleHRcIjtcbmltcG9ydCBUYWJsZVNlY3Rpb25Db250ZXh0IGZyb20gXCIuLi9UYWJsZVNlY3Rpb25Db250ZXh0XCI7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tIFwiLi9UYWJsZUNlbGwuc3R5bGVzXCI7XG5pbXBvcnQgeyBjaGVja1ZhbGlkSGV4Q29sb3JWYWx1ZSB9IGZyb20gXCIuLi91dGlsc1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEh2VGFibGVDZWxsUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFRkSFRNTEF0dHJpYnV0ZXM8SFRNTFRhYmxlQ2VsbEVsZW1lbnQ+LCBcImFsaWduXCI+IHtcbiAgLyoqIFRoZSBjb21wb25lbnQgdXNlZCBmb3IgdGhlIHJvb3Qgbm9kZS4gRWl0aGVyIGEgc3RyaW5nIHRvIHVzZSBhIEhUTUwgZWxlbWVudCBvciBhIGNvbXBvbmVudC4gRGVmYXVsdHMgdG8gdGQuICovXG4gIGNvbXBvbmVudD86IFJlYWN0LkVsZW1lbnRUeXBlO1xuICAvKiogQ29udGVudCB0byBiZSByZW5kZXJlZCAqL1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqIElubGluZSBzdHlsZXMgdG8gYmUgYXBwbGllZCB0byB0aGUgcm9vdCBlbGVtZW50LiAqL1xuICBzdHlsZT86IENTU1Byb3BlcnRpZXM7XG4gIC8qKiBTZXQgdGhlIHRleHQtYWxpZ24gb24gdGhlIHRhYmxlIGNlbGwgY29udGVudC4gKi9cbiAgYWxpZ24/OiBIdlRhYmxlQ2VsbEFsaWduO1xuICAvKiogU2V0cyB0aGUgY2VsbCdzIHZhcmlhbnQuICovXG4gIHZhcmlhbnQ/OiBIdlRhYmxlQ2VsbFZhcmlhbnQgfCBcImxpc3RjaGVja2JveFwiIHwgXCJsaXN0YWN0aW9uc1wiO1xuICAvKiogU3BlY2lmeSB0aGUgY2VsbCdzIHR5cGUuIFRoZSBwcm9wIGRlZmF1bHRzIHRvIHRoZSB2YWx1ZSBpbmhlcml0ZWQgZnJvbSB0aGUgcGFyZW50IFRhYmxlSGVhZCwgVGFibGVCb2R5LCBvciBUYWJsZUZvb3RlciBjb21wb25lbnRzLiAqL1xuICB0eXBlPzogSHZUYWJsZUNlbGxUeXBlO1xuICAvKiogV2hldGhlciBvciBub3QgdGhlIGNlbGwgaXMgcGFydCBvZiBhIHNvcnRlZCBjb2x1bW4uICovXG4gIHNvcnRlZD86IGJvb2xlYW47XG4gIC8qKiBUaGUgY2VsbCBpcyBwYXJ0IG9mIGEgc3RpY2t5IGNvbHVtbi4gKi9cbiAgc3RpY2t5Q29sdW1uPzogYm9vbGVhbjtcbiAgLyoqIFRoZSBjZWxsIGlzIHBhcnQgb2YgdGhlIGxhc3Qgc3RpY2t5IHRvIHRoZSBsZWZ0IGNvbHVtbi4gKi9cbiAgc3RpY2t5Q29sdW1uTW9zdExlZnQ/OiBib29sZWFuO1xuICAvKiogVGhlIGNlbGwgaXMgcGFydCBvZiB0aGUgZmlyc3Qgc3RpY2t5IHRvIHRoZSByaWdodCBjb2x1bW4uICovXG4gIHN0aWNreUNvbHVtbkxlYXN0UmlnaHQ/OiBib29sZWFuO1xuICAvKiogVGhlIGNlbGwgaXMgcGFydCBvZiB0aGUgZmlyc3QgY29sdW1uIGluIHRoZSBncm91cC4gKi9cbiAgZ3JvdXBDb2x1bW5Nb3N0TGVmdD86IGJvb2xlYW47XG4gIC8qKiBUaGUgY2VsbCBpcyBwYXJ0IG9mIHRoZSBsYXN0IGNvbHVtbiBpbiB0aGUgZ3JvdXAuICovXG4gIGdyb3VwQ29sdW1uTW9zdFJpZ2h0PzogYm9vbGVhbjtcbiAgLyoqIFdoZXRoZXIgb3Igbm90IHRoZSBjZWxsIGlzIHJlc2l6YWJsZSAqL1xuICByZXNpemFibGU/OiBib29sZWFuO1xuICAvKiogV2hldGhlciBvciBub3QgdGhlIGNlbGwgaXMgYmVpbmcgcmVzaXplZCAqL1xuICByZXNpemluZz86IGJvb2xlYW47XG4gIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gIGNsYXNzZXM/OiBIdlRhYmxlQ2VsbENsYXNzZXM7XG59XG5cbmNvbnN0IGRlZmF1bHRDb21wb25lbnQgPSBcInRkXCI7XG5cbmludGVyZmFjZSBTdHlsZWRUYWJsZUNlbGxQcm9wcyB7XG4gICR2YXJpYW50TGlzdDogYm9vbGVhbjtcbiAgJHZhcmlhbnRMaXN0SGVhZDogYm9vbGVhbjtcbiAgJHN0aWNreUNvbHVtbjogYm9vbGVhbjtcbiAgJHN0aWNreUNvbHVtbk1vc3RMZWZ0OiBib29sZWFuO1xuICAkc3RpY2t5Q29sdW1uTGVhc3RSaWdodDogYm9vbGVhbjtcbiAgJGdyb3VwQ29sdW1uTW9zdExlZnQ6IGJvb2xlYW47XG4gICRncm91cENvbHVtbk1vc3RSaWdodDogYm9vbGVhbjtcbiAgJHJlc2l6YWJsZTogYm9vbGVhbjtcbiAgJHJlc2l6aW5nOiBib29sZWFuO1xuICAkYWxpZ246IHN0cmluZztcbiAgJHZhcmlhbnQ6IHN0cmluZztcbiAgJHR5cGU6IHN0cmluZztcbiAgJHNvcnRlZENvbG9yOiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZFRhYmxlQ2VsbCA9IChjOiBhbnkpID0+XG4gIHN0eWxlZChcbiAgICBjLFxuICAgIHRyYW5zaWVudE9wdGlvbnNcbiAgKSgoeyAkc3RpY2t5Q29sdW1uLCAkdHlwZSwgJHNvcnRlZENvbG9yIH06IFN0eWxlZFRhYmxlQ2VsbFByb3BzKSA9PiAoe1xuICAgIC4uLigkdHlwZSA9PT0gXCJib2R5XCIgJiYge1xuICAgICAgW2AmLiR7dGFibGVDZWxsQ2xhc3Nlcy5zb3J0ZWR9YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkc29ydGVkQ29sb3IsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkc3RpY2t5Q29sdW1uICYmIHtcbiAgICAgIFtgJi4ke3RhYmxlQ2VsbENsYXNzZXMuc29ydGVkfWBdOiB7XG4gICAgICAgIGJhY2tncm91bmRJbWFnZTogYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgJHskc29ydGVkQ29sb3J9LCAkeyRzb3J0ZWRDb2xvcn0pYCxcbiAgICAgIH0sXG4gICAgfSksXG4gIH0pKTtcblxuLyoqXG4gKiBgSHZUYWJsZUNlbGxgIGFjdHMgYXMgYSBgdGRgIGVsZW1lbnQgYW5kIGluaGVyaXRzIHN0eWxlcyBmcm9tIGl0cyBjb250ZXh0XG4gKi9cbmV4cG9ydCBjb25zdCBIdlRhYmxlQ2VsbCA9IGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIEh2VGFibGVDZWxsUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBjb21wb25lbnQsXG4gICAgICBjbGFzc05hbWUsXG4gICAgICBzdHlsZSxcbiAgICAgIGNsYXNzZXMsXG4gICAgICBhbGlnbiA9IFwiaW5oZXJpdFwiLFxuICAgICAgdmFyaWFudCA9IFwiZGVmYXVsdFwiLFxuICAgICAgdHlwZTogdHlwZVByb3AsXG4gICAgICBzdGlja3lDb2x1bW4gPSBmYWxzZSxcbiAgICAgIHN0aWNreUNvbHVtbk1vc3RMZWZ0ID0gZmFsc2UsXG4gICAgICBzdGlja3lDb2x1bW5MZWFzdFJpZ2h0ID0gZmFsc2UsXG4gICAgICBncm91cENvbHVtbk1vc3RMZWZ0ID0gZmFsc2UsXG4gICAgICBncm91cENvbHVtbk1vc3RSaWdodCA9IGZhbHNlLFxuICAgICAgc29ydGVkID0gZmFsc2UsXG4gICAgICByZXNpemFibGUgPSBmYWxzZSxcbiAgICAgIHJlc2l6aW5nID0gZmFsc2UsXG4gICAgICAuLi5vdGhlcnNcbiAgICB9LFxuICAgIGV4dGVybmFsUmVmXG4gICkgPT4ge1xuICAgIGNvbnN0IHsgYWN0aXZlVGhlbWUsIHNlbGVjdGVkTW9kZSB9ID0gdXNlVGhlbWUoKTtcbiAgICBjb25zdCB0YWJsZUNvbnRleHQgPSB1c2VDb250ZXh0KFRhYmxlQ29udGV4dCk7XG4gICAgY29uc3QgdGFibGVTZWN0aW9uQ29udGV4dCA9IHVzZUNvbnRleHQoVGFibGVTZWN0aW9uQ29udGV4dCk7XG5cbiAgICBjb25zdCBbc29ydGVkQ29sb3JWYWx1ZSwgc2V0U29ydGVkQ29sb3JWYWx1ZV0gPSB1c2VTdGF0ZTxcbiAgICAgIHN0cmluZyB8IHVuZGVmaW5lZFxuICAgID4oKTtcbiAgICBjb25zdCBbc29ydGVkQ29sb3JBbHBoYSwgc2V0U29ydGVkQ29sb3JBbHBoYV0gPSB1c2VTdGF0ZTxcbiAgICAgIHN0cmluZyB8IHVuZGVmaW5lZFxuICAgID4oKTtcblxuICAgIGNvbnN0IHR5cGUgPSB0eXBlUHJvcCB8fCB0YWJsZVNlY3Rpb25Db250ZXh0Py50eXBlIHx8IFwiYm9keVwiO1xuXG4gICAgY29uc3QgQ29tcG9uZW50ID1cbiAgICAgIGNvbXBvbmVudCB8fCB0YWJsZUNvbnRleHQ/LmNvbXBvbmVudHM/LlRkIHx8IGRlZmF1bHRDb21wb25lbnQ7XG5cbiAgICBjb25zdCBUYWJsZUNlbGwgPSB1c2VNZW1vKCgpID0+IFN0eWxlZFRhYmxlQ2VsbChDb21wb25lbnQpLCBbQ29tcG9uZW50XSk7XG5cbiAgICBsZXQgc29ydGVkQ29sb3IgPVxuICAgICAgY2hlY2tWYWxpZEhleENvbG9yVmFsdWUoc29ydGVkQ29sb3JWYWx1ZSkgJiYgc29ydGVkQ29sb3JBbHBoYVxuICAgICAgICA/IGhleFRvUmdiQShzb3J0ZWRDb2xvclZhbHVlLCBwYXJzZUZsb2F0KHNvcnRlZENvbG9yQWxwaGEpKVxuICAgICAgICA6IHNvcnRlZENvbG9yVmFsdWU7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgc2V0U29ydGVkQ29sb3JWYWx1ZShnZXRWYXJWYWx1ZSh0aGVtZS50YWJsZS5yb3dTb3J0ZWRDb2xvcikpO1xuICAgICAgc2V0U29ydGVkQ29sb3JBbHBoYShnZXRWYXJWYWx1ZSh0aGVtZS50YWJsZS5yb3dTb3J0ZWRDb2xvckFscGhhKSk7XG5cbiAgICAgIHNvcnRlZENvbG9yID1cbiAgICAgICAgY2hlY2tWYWxpZEhleENvbG9yVmFsdWUoc29ydGVkQ29sb3JWYWx1ZSkgJiYgc29ydGVkQ29sb3JBbHBoYVxuICAgICAgICAgID8gaGV4VG9SZ2JBKHNvcnRlZENvbG9yVmFsdWUsIHBhcnNlRmxvYXQoc29ydGVkQ29sb3JBbHBoYSkpXG4gICAgICAgICAgOiBzb3J0ZWRDb2xvclZhbHVlO1xuICAgIH0sIFtcbiAgICAgIGFjdGl2ZVRoZW1lPy5jb2xvcnM/Lm1vZGVzW3NlbGVjdGVkTW9kZV0sXG4gICAgICBzb3J0ZWRDb2xvclZhbHVlLFxuICAgICAgc29ydGVkQ29sb3JBbHBoYSxcbiAgICBdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Q2xhc3NOYW1lcz5cbiAgICAgICAgeyh7IGNzcywgY3ggfSkgPT4gKFxuICAgICAgICAgIDxUYWJsZUNlbGxcbiAgICAgICAgICAgIHJlZj17ZXh0ZXJuYWxSZWZ9XG4gICAgICAgICAgICByb2xlPXtDb21wb25lbnQgPT09IGRlZmF1bHRDb21wb25lbnQgPyBudWxsIDogXCJjZWxsXCJ9XG4gICAgICAgICAgICBzdHlsZT17c3R5bGV9XG4gICAgICAgICAgICBjbGFzc05hbWU9e2N4KFxuICAgICAgICAgICAgICB0YWJsZUNlbGxDbGFzc2VzLnJvb3QsXG4gICAgICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8ucm9vdCxcbiAgICAgICAgICAgICAgY3NzKHN0eWxlcy5yb290KSxcbiAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlc1t0eXBlXSxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8uW3R5cGVdLFxuICAgICAgICAgICAgICBjc3Moc3R5bGVzW3R5cGVdKSxcbiAgICAgICAgICAgICAgYWxpZ24gIT09IFwiaW5oZXJpdFwiICYmXG4gICAgICAgICAgICAgICAgY3goXG4gICAgICAgICAgICAgICAgICB0YWJsZUNlbGxDbGFzc2VzW2BhbGlnbiR7Y2FwaXRhbGl6ZShhbGlnbil9YF0sXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5bYGFsaWduJHtjYXBpdGFsaXplKGFsaWduKX1gXSxcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXNbYGFsaWduJHtjYXBpdGFsaXplKGFsaWduKX1gXSlcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICB0YWJsZUNvbnRleHQudmFyaWFudCA9PT0gXCJsaXN0cm93XCIgJiZcbiAgICAgICAgICAgICAgICBjeChcbiAgICAgICAgICAgICAgICAgIHRhYmxlQ2VsbENsYXNzZXMudmFyaWFudExpc3QsXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy52YXJpYW50TGlzdCxcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMudmFyaWFudExpc3QpXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgdGFibGVDb250ZXh0LnZhcmlhbnQgPT09IFwibGlzdHJvd1wiICYmXG4gICAgICAgICAgICAgICAgdHlwZSAhPT0gXCJib2R5XCIgJiZcbiAgICAgICAgICAgICAgICBjeChcbiAgICAgICAgICAgICAgICAgIHRhYmxlQ2VsbENsYXNzZXMudmFyaWFudExpc3RIZWFkLFxuICAgICAgICAgICAgICAgICAgY2xhc3Nlcz8udmFyaWFudExpc3RIZWFkLFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy52YXJpYW50TGlzdEhlYWQpXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgdmFyaWFudCAhPT0gXCJkZWZhdWx0XCIgJiZcbiAgICAgICAgICAgICAgICBjeChcbiAgICAgICAgICAgICAgICAgIHRhYmxlQ2VsbENsYXNzZXNbYHZhcmlhbnQke2NhcGl0YWxpemUodmFyaWFudCl9YF0sXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5bYHZhcmlhbnQke2NhcGl0YWxpemUodmFyaWFudCl9YF0sXG4gICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzW2B2YXJpYW50JHtjYXBpdGFsaXplKHZhcmlhbnQpfWBdKVxuICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgIHNvcnRlZCAmJlxuICAgICAgICAgICAgICAgIGN4KFxuICAgICAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlcy5zb3J0ZWQsXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5zb3J0ZWQsXG4gICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLnNvcnRlZClcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICBzdGlja3lDb2x1bW4gJiZcbiAgICAgICAgICAgICAgICBjeChcbiAgICAgICAgICAgICAgICAgIHRhYmxlQ2VsbENsYXNzZXMuc3RpY2t5Q29sdW1uLFxuICAgICAgICAgICAgICAgICAgY2xhc3Nlcz8uc3RpY2t5Q29sdW1uLFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5zdGlja3lDb2x1bW4pXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgc3RpY2t5Q29sdW1uTW9zdExlZnQgJiZcbiAgICAgICAgICAgICAgICBjeChcbiAgICAgICAgICAgICAgICAgIHRhYmxlQ2VsbENsYXNzZXMuc3RpY2t5Q29sdW1uTW9zdExlZnQsXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5zdGlja3lDb2x1bW5Nb3N0TGVmdCxcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMuc3RpY2t5Q29sdW1uTW9zdExlZnQpXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgc3RpY2t5Q29sdW1uTGVhc3RSaWdodCAmJlxuICAgICAgICAgICAgICAgIGN4KFxuICAgICAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlcy5zdGlja3lDb2x1bW5MZWFzdFJpZ2h0LFxuICAgICAgICAgICAgICAgICAgY2xhc3Nlcz8uc3RpY2t5Q29sdW1uTGVhc3RSaWdodCxcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMuc3RpY2t5Q29sdW1uTGVhc3RSaWdodClcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICBncm91cENvbHVtbk1vc3RMZWZ0ICYmXG4gICAgICAgICAgICAgICAgY3goXG4gICAgICAgICAgICAgICAgICB0YWJsZUNlbGxDbGFzc2VzLmdyb3VwQ29sdW1uTW9zdExlZnQsXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5ncm91cENvbHVtbk1vc3RMZWZ0LFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5ncm91cENvbHVtbk1vc3RMZWZ0KVxuICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgIGdyb3VwQ29sdW1uTW9zdFJpZ2h0ICYmXG4gICAgICAgICAgICAgICAgY3goXG4gICAgICAgICAgICAgICAgICB0YWJsZUNlbGxDbGFzc2VzLmdyb3VwQ29sdW1uTW9zdFJpZ2h0LFxuICAgICAgICAgICAgICAgICAgY2xhc3Nlcz8uZ3JvdXBDb2x1bW5Nb3N0UmlnaHQsXG4gICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLmdyb3VwQ29sdW1uTW9zdFJpZ2h0KVxuICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgIHJlc2l6YWJsZSAmJlxuICAgICAgICAgICAgICAgIGN4KFxuICAgICAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlcy5yZXNpemFibGUsXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5yZXNpemFibGUsXG4gICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLnJlc2l6YWJsZSlcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICByZXNpemluZyAmJlxuICAgICAgICAgICAgICAgIGN4KFxuICAgICAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlcy5yZXNpemluZyxcbiAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LnJlc2l6aW5nLFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5yZXNpemluZylcbiAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICApfVxuICAgICAgICAgICAgJHR5cGU9e3R5cGV9XG4gICAgICAgICAgICAkc3RpY2t5Q29sdW1uPXtzdGlja3lDb2x1bW59XG4gICAgICAgICAgICAkc29ydGVkQ29sb3I9e3NvcnRlZENvbG9yfVxuICAgICAgICAgICAgey4uLm90aGVyc31cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9UYWJsZUNlbGw+XG4gICAgICAgICl9XG4gICAgICA8L0NsYXNzTmFtZXM+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */");
 const HvTableCell = React.forwardRef(({
   children,
   component,
@@ -230,30 +80,32 @@ const HvTableCell = React.forwardRef(({
   } = useTheme.useTheme();
   const tableContext = React.useContext(TableContext.default);
   const tableSectionContext = React.useContext(TableSectionContext.default);
+  const [sortedColorValue, setSortedColorValue] = React.useState();
+  const [sortedColorAlpha, setSortedColorAlpha] = React.useState();
   const type = typeProp || (tableSectionContext == null ? void 0 : tableSectionContext.type) || "body";
   const Component = component || ((_a = tableContext == null ? void 0 : tableContext.components) == null ? void 0 : _a.Td) || defaultComponent;
   const TableCell = React.useMemo(() => StyledTableCell(Component), [Component]);
-  return /* @__PURE__ */ jsxRuntime.jsx(TableCell, {
-    ref: externalRef,
-    role: Component === defaultComponent ? null : "cell",
-    style,
-    className: clsx.clsx(className, tableCellClasses.default.root, classes == null ? void 0 : classes.root, tableCellClasses.default[type], classes == null ? void 0 : classes[type], align !== "inherit" && clsx.clsx(tableCellClasses.default[`align${capitalize__default.default(align)}`], classes == null ? void 0 : classes[`align${capitalize__default.default(align)}`]), variant !== "default" && clsx.clsx(tableCellClasses.default[`variant${capitalize__default.default(variant)}`], classes == null ? void 0 : classes[`variant${capitalize__default.default(variant)}`]), tableContext.variant === "listrow" && clsx.clsx(tableCellClasses.default.variantList, classes == null ? void 0 : classes.variantList), tableContext.variant === "listrow" && type !== "body" && clsx.clsx(tableCellClasses.default.variantListHead, classes == null ? void 0 : classes.variantListHead), sorted && clsx.clsx(tableCellClasses.default.sorted, classes == null ? void 0 : classes.sorted), stickyColumn && clsx.clsx(tableCellClasses.default.stickyColumn, classes == null ? void 0 : classes.stickyColumn), stickyColumnMostLeft && clsx.clsx(tableCellClasses.default.stickyColumnMostLeft, classes == null ? void 0 : classes.stickyColumnMostLeft), stickyColumnLeastRight && clsx.clsx(tableCellClasses.default.stickyColumnLeastRight, classes == null ? void 0 : classes.stickyColumnLeastRight), groupColumnMostLeft && clsx.clsx(tableCellClasses.default.groupColumnMostLeft, classes == null ? void 0 : classes.groupColumnMostLeft), groupColumnMostRight && clsx.clsx(tableCellClasses.default.groupColumnMostRight, classes == null ? void 0 : classes.groupColumnMostRight), resizable && clsx.clsx(tableCellClasses.default.resizable, classes == null ? void 0 : classes.resizable), resizing && clsx.clsx(tableCellClasses.default.resizing, classes == null ? void 0 : classes.resizing)),
-    $variantList: tableContext.variant === "listrow",
-    $variantListHead: tableContext.variant === "listrow" && type !== "body",
-    $sorted: sorted,
-    $stickyColumn: stickyColumn,
-    $stickyColumnMostLeft: stickyColumnMostLeft,
-    $stickyColumnLeastRight: stickyColumnLeastRight,
-    $groupColumnMostLeft: groupColumnMostLeft,
-    $groupColumnMostRight: groupColumnMostRight,
-    $resizable: resizable,
-    $resizing: resizing,
-    $align: align,
-    $variant: variant,
-    $type: type,
-    $atmo1Color: ((_b = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _b.modes[selectedMode].atmo1) || uikitStyles.theme.colors.atmo1,
-    ...others,
-    children
+  let sortedColor = utils.checkValidHexColorValue(sortedColorValue) && sortedColorAlpha ? hexToRgbA.default(sortedColorValue, parseFloat(sortedColorAlpha)) : sortedColorValue;
+  React.useEffect(() => {
+    setSortedColorValue(theme.getVarValue(uikitStyles.theme.table.rowSortedColor));
+    setSortedColorAlpha(theme.getVarValue(uikitStyles.theme.table.rowSortedColorAlpha));
+    sortedColor = utils.checkValidHexColorValue(sortedColorValue) && sortedColorAlpha ? hexToRgbA.default(sortedColorValue, parseFloat(sortedColorAlpha)) : sortedColorValue;
+  }, [(_b = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _b.modes[selectedMode], sortedColorValue, sortedColorAlpha]);
+  return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
+    children: ({
+      css,
+      cx
+    }) => /* @__PURE__ */ jsxRuntime.jsx(TableCell, {
+      ref: externalRef,
+      role: Component === defaultComponent ? null : "cell",
+      style,
+      className: cx(tableCellClasses.default.root, className, classes == null ? void 0 : classes.root, css(TableCell_styles.styles.root), tableCellClasses.default[type], classes == null ? void 0 : classes[type], css(TableCell_styles.styles[type]), align !== "inherit" && cx(tableCellClasses.default[`align${capitalize__default.default(align)}`], classes == null ? void 0 : classes[`align${capitalize__default.default(align)}`], css(TableCell_styles.styles[`align${capitalize__default.default(align)}`])), tableContext.variant === "listrow" && cx(tableCellClasses.default.variantList, classes == null ? void 0 : classes.variantList, css(TableCell_styles.styles.variantList)), tableContext.variant === "listrow" && type !== "body" && cx(tableCellClasses.default.variantListHead, classes == null ? void 0 : classes.variantListHead, css(TableCell_styles.styles.variantListHead)), variant !== "default" && cx(tableCellClasses.default[`variant${capitalize__default.default(variant)}`], classes == null ? void 0 : classes[`variant${capitalize__default.default(variant)}`], css(TableCell_styles.styles[`variant${capitalize__default.default(variant)}`])), sorted && cx(tableCellClasses.default.sorted, classes == null ? void 0 : classes.sorted, css(TableCell_styles.styles.sorted)), stickyColumn && cx(tableCellClasses.default.stickyColumn, classes == null ? void 0 : classes.stickyColumn, css(TableCell_styles.styles.stickyColumn)), stickyColumnMostLeft && cx(tableCellClasses.default.stickyColumnMostLeft, classes == null ? void 0 : classes.stickyColumnMostLeft, css(TableCell_styles.styles.stickyColumnMostLeft)), stickyColumnLeastRight && cx(tableCellClasses.default.stickyColumnLeastRight, classes == null ? void 0 : classes.stickyColumnLeastRight, css(TableCell_styles.styles.stickyColumnLeastRight)), groupColumnMostLeft && cx(tableCellClasses.default.groupColumnMostLeft, classes == null ? void 0 : classes.groupColumnMostLeft, css(TableCell_styles.styles.groupColumnMostLeft)), groupColumnMostRight && cx(tableCellClasses.default.groupColumnMostRight, classes == null ? void 0 : classes.groupColumnMostRight, css(TableCell_styles.styles.groupColumnMostRight)), resizable && cx(tableCellClasses.default.resizable, classes == null ? void 0 : classes.resizable, css(TableCell_styles.styles.resizable)), resizing && cx(tableCellClasses.default.resizing, classes == null ? void 0 : classes.resizing, css(TableCell_styles.styles.resizing))),
+      $type: type,
+      $stickyColumn: stickyColumn,
+      $sortedColor: sortedColor,
+      ...others,
+      children
+    })
   });
 });
 exports.HvTableCell = HvTableCell;

package/dist/cjs/components/Table/TableCell/TableCell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.cjs","sources":["../../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport {\n  CSSProperties,\n  forwardRef,\n  TdHTMLAttributes,\n  useContext,\n  useMemo,\n} from \"react\";\nimport { hexToRgb, alpha } from \"@mui/material\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport capitalize from \"lodash/capitalize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { useTheme } from \"@core/hooks\";\nimport {\n  HvTableCellAlign,\n  HvTableCellType,\n  HvTableCellVariant,\n} from \"../Table\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { getBorderStyles } from \"../utils/utils\";\nimport tableCellClasses, { HvTableCellClasses } from \"./tableCellClasses\";\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  $atmo1Color: string;\n}\n\nconst StyledTableCell = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(\n    ({\n      $variantList,\n      $variantListHead,\n      $stickyColumn,\n      $stickyColumnMostLeft,\n      $stickyColumnLeastRight,\n      $groupColumnMostLeft,\n      $groupColumnMostRight,\n      $resizable,\n      $resizing,\n      $align,\n      $variant,\n      $type,\n      $atmo1Color,\n    }: StyledTableCellProps) => ({\n      // root\n      verticalAlign: \"inherit\",\n      textAlign: \"left\",\n      paddingTop: theme.space.xs,\n      paddingRight: theme.space.xs,\n      paddingBottom: theme.space.xs,\n      paddingLeft: theme.spacing(4),\n      borderBottom: `1px solid ${theme.colors.atmo4}`,\n\n      ...($resizable && {\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($resizing && {\n        borderRight: `solid 2px ${theme.colors.secondary}`,\n      }),\n\n      ...($groupColumnMostLeft && {\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n\n        \"&:first-of-type\": {\n          borderLeft: 0,\n        },\n      }),\n      ...($groupColumnMostRight && {\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n\n        // due to the \":has()\" selector not being supported in browsers,\n        // this need to be managed with inline styles\n        // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)\n        // \"&:last-child,&:has(+ $stickyColumnLeastRight)\": {\n        \"&:last-child\": {\n          borderRight: 0,\n        },\n\n        [`&+:not(.${tableCellClasses.stickyColumn})`]: {\n          borderLeft: 0,\n        },\n      }),\n\n      // align\n      ...($align === \"center\" && {\n        textAlign: \"center\",\n      }),\n      ...($align === \"justify\" && {\n        textAlign: \"justify\",\n      }),\n      ...($align === \"left\" && {\n        textAlign: \"left\",\n      }),\n      ...($align === \"right\" && {\n        textAlign: \"right\",\n        flexDirection: \"row-reverse\",\n      }),\n\n      // variant\n      ...($variant === \"checkbox\" && {\n        padding: 0,\n        width: 32,\n        maxWidth: 32,\n        overflow: \"hidden\",\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($variant === \"actions\" && {\n        padding: 0,\n        width: 32,\n        maxWidth: 32,\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($variant === \"none\" && {\n        padding: 0,\n      }),\n      ...($variant === \"expand\" && {\n        paddingLeft: 0,\n        paddingTop: 0,\n        paddingBottom: 0,\n      }),\n      ...($variant === \"listcheckbox\" && {\n        borderRight: `solid 2px ${theme.colors.atmo2}`,\n        padding: 0,\n        textAlign: \"center\",\n        width: 34,\n        maxWidth: 34,\n      }),\n      ...($variant === \"listactions\" && {\n        borderLeft: `solid 2px red`, // ${theme.colors.atmo2}`,\n        textAlign: \"center\",\n        width: 138,\n        maxWidth: 138,\n      }),\n\n      // type\n      ...($type === \"head\" && {\n        height: 52,\n        verticalAlign: \"top\",\n\n        backgroundColor: $variantList ? \"inherit\" : theme.colors.atmo1,\n        borderTop: $variantList\n          ? 0\n          : `1px solid ${theme.table.headerBorderTopColor}`,\n        borderBottom: $variantList ? 0 : `1px solid ${theme.colors.atmo4}`,\n        ...(theme.typography.label as CSSProperties),\n      }),\n      ...($type === \"body\" && {\n        minHeight: 32,\n        \"td&\": {\n          height: 32,\n        },\n        backgroundColor: \"inherit\",\n        ...(theme.typography.body as CSSProperties),\n        fontFamily: theme.fontFamily.body,\n\n        [`&.${tableCellClasses.sorted}`]: {\n          backgroundColor: alpha(hexToRgb($atmo1Color), 0.4),\n        },\n      }),\n      ...($variantList && {\n        minHeight: 52,\n        \"td&\": {\n          height: 52,\n        },\n        paddingTop: 0,\n        paddingBottom: 0,\n        ...($variant !== \"listactions\" && { paddingRight: 0 }),\n        ...($variant === \"listactions\" && { paddingRight: theme.space.xs }),\n        ...($variant !== \"listactions\" && { paddingLeft: 32 }),\n        ...($variant === \"listactions\" && { paddingLeft: 0 }),\n        border: 0,\n        ...($type === \"body\" && {\n          ...getBorderStyles(\"cell\", theme.table.rowBorderColor),\n        }),\n      }),\n\n      ...($stickyColumn && {\n        position: \"sticky\",\n        zIndex: 2,\n        backgroundColor: theme.colors.atmo2,\n\n        [`&.${tableCellClasses.groupColumnMostRight}+.${tableCellClasses.stickyColumn}`]:\n          {\n            borderLeft: 0,\n          },\n\n        [`&.${tableCellClasses.sorted}`]: {\n          backgroundColor: theme.colors.atmo2,\n          backgroundImage: `linear-gradient(to right, ${alpha(\n            hexToRgb($atmo1Color),\n            0.4\n          )}, ${alpha(hexToRgb($atmo1Color), 0.4)})`,\n        },\n      }),\n      ...($stickyColumnMostLeft && {\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($stickyColumnLeastRight && {\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      }),\n\n      ...($variantListHead && {\n        backgroundColor: \"inherit\",\n        \"td&\": {\n          height: 16,\n        },\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 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    return (\n      <TableCell\n        ref={externalRef}\n        role={Component === defaultComponent ? null : \"cell\"}\n        style={style}\n        className={clsx(\n          className,\n          tableCellClasses.root,\n          classes?.root,\n          tableCellClasses[type],\n          classes?.[type],\n          align !== \"inherit\" &&\n            clsx(\n              tableCellClasses[`align${capitalize(align)}`],\n              classes?.[`align${capitalize(align)}`]\n            ),\n          variant !== \"default\" &&\n            clsx(\n              tableCellClasses[`variant${capitalize(variant)}`],\n              classes?.[`variant${capitalize(variant)}`]\n            ),\n          tableContext.variant === \"listrow\" &&\n            clsx(tableCellClasses.variantList, classes?.variantList),\n          tableContext.variant === \"listrow\" &&\n            type !== \"body\" &&\n            clsx(tableCellClasses.variantListHead, classes?.variantListHead),\n          sorted && clsx(tableCellClasses.sorted, classes?.sorted),\n          stickyColumn &&\n            clsx(tableCellClasses.stickyColumn, classes?.stickyColumn),\n          stickyColumnMostLeft &&\n            clsx(\n              tableCellClasses.stickyColumnMostLeft,\n              classes?.stickyColumnMostLeft\n            ),\n          stickyColumnLeastRight &&\n            clsx(\n              tableCellClasses.stickyColumnLeastRight,\n              classes?.stickyColumnLeastRight\n            ),\n          groupColumnMostLeft &&\n            clsx(\n              tableCellClasses.groupColumnMostLeft,\n              classes?.groupColumnMostLeft\n            ),\n          groupColumnMostRight &&\n            clsx(\n              tableCellClasses.groupColumnMostRight,\n              classes?.groupColumnMostRight\n            ),\n          resizable && clsx(tableCellClasses.resizable, classes?.resizable),\n          resizing && clsx(tableCellClasses.resizing, classes?.resizing)\n        )}\n        $variantList={tableContext.variant === \"listrow\"}\n        $variantListHead={tableContext.variant === \"listrow\" && type !== \"body\"}\n        $sorted={sorted}\n        $stickyColumn={stickyColumn}\n        $stickyColumnMostLeft={stickyColumnMostLeft}\n        $stickyColumnLeastRight={stickyColumnLeastRight}\n        $groupColumnMostLeft={groupColumnMostLeft}\n        $groupColumnMostRight={groupColumnMostRight}\n        $resizable={resizable}\n        $resizing={resizing}\n        $align={align}\n        $variant={variant}\n        $type={type}\n        $atmo1Color={\n          activeTheme?.colors?.modes[selectedMode].atmo1 || theme.colors.atmo1\n        }\n        {...others}\n      >\n        {children}\n      </TableCell>\n    );\n  }\n);\n"],"names":["defaultComponent","StyledTableCell","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$variantList","$variantListHead","$stickyColumn","$stickyColumnMostLeft","$stickyColumnLeastRight","$groupColumnMostLeft","$groupColumnMostRight","$resizable","$resizing","$align","$variant","$type","$atmo1Color","verticalAlign","textAlign","paddingTop","theme","space","xs","paddingRight","paddingBottom","paddingLeft","spacing","borderBottom","colors","atmo4","borderRight","secondary","borderLeft","tableCellClasses","stickyColumn","flexDirection","padding","width","maxWidth","overflow","atmo2","height","backgroundColor","atmo1","borderTop","table","headerBorderTopColor","typography","minHeight","body","fontFamily","sorted","alpha","hexToRgb","border","getBorderStyles","rowBorderColor","position","zIndex","groupColumnMostRight","backgroundImage","HvTableCell","forwardRef","children","component","className","style","classes","align","variant","type","typeProp","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","resizable","resizing","others","externalRef","activeTheme","selectedMode","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","Component","components","Td","TableCell","useMemo","ref","role","clsx","root","capitalize","variantList","variantListHead","$sorted","modes"],"mappings":"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"}
+{"version":3,"file":"TableCell.cjs","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 { 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\";\nimport { checkValidHexColorValue } from \"../utils\";\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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"}

package/dist/cjs/components/Table/TableCell/TableCell.styles.cjs

@@ -0,0 +1,148 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const tableCellClasses = require("./tableCellClasses.cjs");
+const styles = {
+  root: {
+    verticalAlign: "inherit",
+    textAlign: "left",
+    padding: `${uikitStyles.theme.table.cellPaddingTop} ${uikitStyles.theme.space.xs} ${uikitStyles.theme.table.cellPaddingBottom} ${uikitStyles.theme.spacing(4)}`,
+    borderBottom: `1px solid ${uikitStyles.theme.colors.atmo4}`
+  },
+  head: {
+    height: 52,
+    verticalAlign: "top",
+    backgroundColor: uikitStyles.theme.colors.atmo1,
+    borderTop: `1px solid ${uikitStyles.theme.table.headerBorderTopColor}`,
+    borderBottom: `1px solid ${uikitStyles.theme.colors.atmo4}`,
+    ...uikitStyles.theme.typography.label
+  },
+  body: {
+    minHeight: 32,
+    "td&": {
+      height: 32
+    },
+    backgroundColor: "inherit",
+    ...uikitStyles.theme.typography.body,
+    fontFamily: uikitStyles.theme.fontFamily.body
+    // these styles were left on a styled component because of the access to the css var value to add an alpha.
+    // [`&.${tableCellClasses.sorted}`]: {
+    //   backgroundColor: alpha(hexToRgb(theme.colors.atmo1), 0.4),
+    //   backgroundColor: hexToRgbA(theme.colors.atmo1, 0.4),
+    // },
+  },
+  footer: {},
+  sorted: {},
+  alignLeft: {
+    textAlign: "left"
+  },
+  alignCenter: {
+    textAlign: "center"
+  },
+  alignRight: {
+    textAlign: "right",
+    flexDirection: "row-reverse"
+  },
+  alignJustify: {
+    textAlign: "justify"
+  },
+  variantNone: {
+    padding: 0
+  },
+  variantCheckbox: {
+    padding: 0,
+    width: 32,
+    maxWidth: 32,
+    overflow: "hidden",
+    borderRight: uikitStyles.theme.table.cellBorder
+  },
+  variantActions: {
+    padding: 0,
+    width: 32,
+    maxWidth: 32,
+    borderLeft: uikitStyles.theme.table.cellBorder
+  },
+  variantExpand: {
+    paddingLeft: 0,
+    paddingTop: 0,
+    paddingBottom: 0
+  },
+  variantList: {
+    minHeight: 52,
+    "td&": {
+      height: 52
+    },
+    padding: "0, 0, 0, 32px",
+    border: 0
+  },
+  variantListHead: {
+    backgroundColor: "inherit",
+    "td&": {
+      height: 16
+    }
+  },
+  variantListactions: {
+    verticalAlign: "middle",
+    borderLeft: uikitStyles.theme.table.cellListBorder,
+    paddingLeft: "0",
+    textAlign: "center",
+    width: 130,
+    maxWidth: 130
+  },
+  variantListcheckbox: {
+    borderRight: uikitStyles.theme.table.cellListBorder,
+    padding: 0,
+    textAlign: "center",
+    width: 34,
+    maxWidth: 34
+  },
+  stickyColumn: {
+    position: "sticky",
+    zIndex: 2,
+    background: uikitStyles.theme.colors.atmo2,
+    [`&.${tableCellClasses.default.groupColumnMostRight}+.${tableCellClasses.default.stickyColumn}`]: {
+      borderLeft: 0
+    }
+    // these styles were left on a styled component because of the access to the css var value to add an alpha.
+    // [`&.${tableCellClasses.sorted}`]: {
+    //   backgroundColor: theme.colors.atmo2,
+    //   backgroundImage: `linear-gradient(to right, ${alpha(
+    //     hexToRgb(theme.colors.atmo1),
+    //     0.4
+    //   )}, ${alpha(hexToRgb(theme.colors.atmo1), 0.4)})`,
+    // },
+  },
+  stickyColumnMostLeft: {
+    borderRight: uikitStyles.theme.table.cellBorder
+  },
+  stickyColumnLeastRight: {
+    borderLeft: uikitStyles.theme.table.cellBorder
+  },
+  groupColumnMostLeft: {
+    borderLeft: uikitStyles.theme.table.cellBorder,
+    "&:first-child": {
+      borderLeft: 0
+    }
+  },
+  groupColumnMostRight: {
+    borderRight: uikitStyles.theme.table.cellBorder,
+    // due to the ":has()" selector not being supported in browsers,
+    // this need to be managed with inline styles
+    // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)
+    // "&:last-child,&:has(+ $stickyColumnLeastRight)": {
+    "&:last-child": {
+      borderRight: 0
+    },
+    [`&+:not(${tableCellClasses.default.stickyColumn})`]: {
+      borderLeft: 0
+    }
+  },
+  resizable: {
+    borderRight: uikitStyles.theme.table.cellBorder
+  },
+  resizing: {
+    borderRight: `solid 2px ${uikitStyles.theme.colors.secondary}`
+  }
+};
+exports.styles = styles;
+//# sourceMappingURL=TableCell.styles.cjs.map

package/dist/cjs/components/Table/TableCell/TableCell.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.styles.cjs","sources":["../../../../../src/components/Table/TableCell/TableCell.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { CSSProperties } from \"react\";\nimport tableCellClasses, { HvTableCellClasses } from \"./tableCellClasses\";\n\nexport const styles: Partial<\n  Record<keyof HvTableCellClasses, CSSInterpolation>\n> = {\n  root: {\n    verticalAlign: \"inherit\",\n    textAlign: \"left\",\n    padding: `${theme.table.cellPaddingTop} ${theme.space.xs} ${\n      theme.table.cellPaddingBottom\n    } ${theme.spacing(4)}`,\n    borderBottom: `1px solid ${theme.colors.atmo4}`,\n  },\n\n  head: {\n    height: 52,\n    verticalAlign: \"top\",\n\n    backgroundColor: theme.colors.atmo1,\n    borderTop: `1px solid ${theme.table.headerBorderTopColor}`,\n    borderBottom: `1px solid ${theme.colors.atmo4}`,\n    ...(theme.typography.label as CSSProperties),\n  },\n  body: {\n    minHeight: 32,\n    \"td&\": {\n      height: 32,\n    },\n    backgroundColor: \"inherit\",\n    ...(theme.typography.body as CSSProperties),\n    fontFamily: theme.fontFamily.body,\n    // these styles were left on a styled component because of the access to the css var value to add an alpha.\n    // [`&.${tableCellClasses.sorted}`]: {\n    //   backgroundColor: alpha(hexToRgb(theme.colors.atmo1), 0.4),\n    //   backgroundColor: hexToRgbA(theme.colors.atmo1, 0.4),\n    // },\n  },\n  footer: {},\n\n  sorted: {},\n\n  alignLeft: {\n    textAlign: \"left\",\n  },\n  alignCenter: {\n    textAlign: \"center\",\n  },\n  alignRight: {\n    textAlign: \"right\",\n    flexDirection: \"row-reverse\",\n  },\n  alignJustify: {\n    textAlign: \"justify\",\n  },\n\n  variantNone: {\n    padding: 0,\n  },\n  variantCheckbox: {\n    padding: 0,\n    width: 32,\n    maxWidth: 32,\n    overflow: \"hidden\",\n    borderRight: theme.table.cellBorder,\n  },\n  variantActions: {\n    padding: 0,\n    width: 32,\n    maxWidth: 32,\n    borderLeft: theme.table.cellBorder,\n  },\n  variantExpand: {\n    paddingLeft: 0,\n    paddingTop: 0,\n    paddingBottom: 0,\n  },\n  variantList: {\n    minHeight: 52,\n    \"td&\": {\n      height: 52,\n    },\n    padding: \"0, 0, 0, 32px\",\n    border: 0,\n  },\n  variantListHead: {\n    backgroundColor: \"inherit\",\n    \"td&\": {\n      height: 16,\n    },\n  },\n  variantListactions: {\n    verticalAlign: \"middle\",\n    borderLeft: theme.table.cellListBorder,\n    paddingLeft: \"0\",\n    textAlign: \"center\",\n    width: 130,\n    maxWidth: 130,\n  },\n  variantListcheckbox: {\n    borderRight: theme.table.cellListBorder,\n    padding: 0,\n    textAlign: \"center\",\n    width: 34,\n    maxWidth: 34,\n  },\n  stickyColumn: {\n    position: \"sticky\",\n    zIndex: 2,\n    background: theme.colors.atmo2,\n\n    [`&.${tableCellClasses.groupColumnMostRight}+.${tableCellClasses.stickyColumn}`]:\n      {\n        borderLeft: 0,\n      },\n    // these styles were left on a styled component because of the access to the css var value to add an alpha.\n    // [`&.${tableCellClasses.sorted}`]: {\n    //   backgroundColor: theme.colors.atmo2,\n    //   backgroundImage: `linear-gradient(to right, ${alpha(\n    //     hexToRgb(theme.colors.atmo1),\n    //     0.4\n    //   )}, ${alpha(hexToRgb(theme.colors.atmo1), 0.4)})`,\n    // },\n  },\n  stickyColumnMostLeft: {\n    borderRight: theme.table.cellBorder,\n  },\n  stickyColumnLeastRight: {\n    borderLeft: theme.table.cellBorder,\n  },\n\n  groupColumnMostLeft: {\n    borderLeft: theme.table.cellBorder,\n\n    \"&:first-child\": {\n      borderLeft: 0,\n    },\n  },\n  groupColumnMostRight: {\n    borderRight: theme.table.cellBorder,\n\n    // due to the \":has()\" selector not being supported in browsers,\n    // this need to be managed with inline styles\n    // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)\n    // \"&:last-child,&:has(+ $stickyColumnLeastRight)\": {\n    \"&:last-child\": {\n      borderRight: 0,\n    },\n\n    [`&+:not(${tableCellClasses.stickyColumn})`]: {\n      borderLeft: 0,\n    },\n  },\n\n  resizable: {\n    borderRight: theme.table.cellBorder,\n  },\n\n  resizing: {\n    borderRight: `solid 2px ${theme.colors.secondary}`,\n  },\n};\n"],"names":["styles","root","verticalAlign","textAlign","padding","theme","table","cellPaddingTop","space","xs","cellPaddingBottom","spacing","borderBottom","colors","atmo4","head","height","backgroundColor","atmo1","borderTop","headerBorderTopColor","typography","label","body","minHeight","fontFamily","footer","sorted","alignLeft","alignCenter","alignRight","flexDirection","alignJustify","variantNone","variantCheckbox","width","maxWidth","overflow","borderRight","cellBorder","variantActions","borderLeft","variantExpand","paddingLeft","paddingTop","paddingBottom","variantList","border","variantListHead","variantListactions","cellListBorder","variantListcheckbox","stickyColumn","position","zIndex","background","atmo2","tableCellClasses","groupColumnMostRight","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","resizable","resizing","secondary"],"mappings":"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"}