@hitachivantara/uikit-react-core 5.17.0 → 5.18.1

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

@@ -1,12 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
-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 TableCell_styles = require("./TableCell.styles.cjs");
@@ -44,36 +42,44 @@ const StyledTableCell = (c) => /* @__PURE__ */ _styled__default.default(c, proce
   $sortedColor
 }) => ({
   ...$type === "body" && {
-    [`&.${tableCellClasses.default.sorted}`]: {
+    [`&.${TableCell_styles.staticClasses.sorted}`]: {
       backgroundColor: $sortedColor
     }
   },
   ...$stickyColumn && {
-    [`&.${tableCellClasses.default.sorted}`]: {
+    [`&.${TableCell_styles.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 = React.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+XG4gIHN0eWxlZChcbiAgICBjLFxuICAgIHRyYW5zaWVudE9wdGlvbnNcbiAgKSgoeyAkc3RpY2t5Q29sdW1uLCAkdHlwZSwgJHNvcnRlZENvbG9yIH06IFN0eWxlZFRhYmxlQ2VsbFByb3BzKSA9PiAoe1xuICAgIC4uLigkdHlwZSA9PT0gXCJib2R5XCIgJiYge1xuICAgICAgW2AmLiR7c3RhdGljQ2xhc3Nlcy5zb3J0ZWR9YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkc29ydGVkQ29sb3IsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkc3RpY2t5Q29sdW1uICYmIHtcbiAgICAgIFtgJi4ke3N0YXRpY0NsYXNzZXMuc29ydGVkfWBdOiB7XG4gICAgICAgIGJhY2tncm91bmRJbWFnZTogYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgJHskc29ydGVkQ29sb3J9LCAkeyRzb3J0ZWRDb2xvcn0pYCxcbiAgICAgIH0sXG4gICAgfSksXG4gIH0pKTtcblxuY29uc3QgZ2V0U29ydGVkQ29sb3IgPSAoY29sb3I/OiBzdHJpbmcsIGFscGhhPzogc3RyaW5nKSA9PiB7XG4gIHJldHVybiBjaGVja1ZhbGlkSGV4Q29sb3JWYWx1ZShjb2xvcikgJiYgYWxwaGFcbiAgICA/IGhleFRvUmdiQShjb2xvciwgcGFyc2VGbG9hdChhbHBoYSkpXG4gICAgOiBjb2xvcjtcbn07XG5cbi8qKlxuICogYEh2VGFibGVDZWxsYCBhY3RzIGFzIGEgYHRkYCBlbGVtZW50IGFuZCBpbmhlcml0cyBzdHlsZXMgZnJvbSBpdHMgY29udGV4dFxuICovXG5leHBvcnQgY29uc3QgSHZUYWJsZUNlbGwgPSBmb3J3YXJkUmVmPEhUTUxFbGVtZW50LCBIdlRhYmxlQ2VsbFByb3BzPihcbiAgKHByb3BzLCBleHRlcm5hbFJlZikgPT4ge1xuICAgIGNvbnN0IHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgY29tcG9uZW50LFxuICAgICAgY2xhc3NOYW1lLFxuICAgICAgc3R5bGUsXG4gICAgICBjbGFzc2VzOiBjbGFzc2VzUHJvcCxcbiAgICAgIGFsaWduID0gXCJpbmhlcml0XCIsXG4gICAgICB2YXJpYW50ID0gXCJkZWZhdWx0XCIsXG4gICAgICB0eXBlOiB0eXBlUHJvcCxcbiAgICAgIHN0aWNreUNvbHVtbiA9IGZhbHNlLFxuICAgICAgc3RpY2t5Q29sdW1uTW9zdExlZnQgPSBmYWxzZSxcbiAgICAgIHN0aWNreUNvbHVtbkxlYXN0UmlnaHQgPSBmYWxzZSxcbiAgICAgIGdyb3VwQ29sdW1uTW9zdExlZnQgPSBmYWxzZSxcbiAgICAgIGdyb3VwQ29sdW1uTW9zdFJpZ2h0ID0gZmFsc2UsXG4gICAgICBzb3J0ZWQgPSBmYWxzZSxcbiAgICAgIHJlc2l6YWJsZSA9IGZhbHNlLFxuICAgICAgcmVzaXppbmcgPSBmYWxzZSxcbiAgICAgIC4uLm90aGVyc1xuICAgIH0gPSBwcm9wcztcbiAgICBjb25zdCB7IGNsYXNzZXMsIGN4IH0gPSB1c2VDbGFzc2VzKGNsYXNzZXNQcm9wKTtcbiAgICBjb25zdCB7IGFjdGl2ZVRoZW1lLCBzZWxlY3RlZE1vZGUgfSA9IHVzZVRoZW1lKCk7XG4gICAgY29uc3QgdGFibGVDb250ZXh0ID0gdXNlQ29udGV4dChUYWJsZUNvbnRleHQpO1xuICAgIGNvbnN0IHRhYmxlU2VjdGlvbkNvbnRleHQgPSB1c2VDb250ZXh0KFRhYmxlU2VjdGlvbkNvbnRleHQpO1xuXG4gICAgY29uc3QgW3NvcnRlZENvbG9yVmFsdWUsIHNldFNvcnRlZENvbG9yVmFsdWVdID0gdXNlU3RhdGU8XG4gICAgICBzdHJpbmcgfCB1bmRlZmluZWRcbiAgICA+KCk7XG4gICAgY29uc3QgW3NvcnRlZENvbG9yQWxwaGEsIHNldFNvcnRlZENvbG9yQWxwaGFdID0gdXNlU3RhdGU8XG4gICAgICBzdHJpbmcgfCB1bmRlZmluZWRcbiAgICA+KCk7XG5cbiAgICBjb25zdCB0eXBlID0gdHlwZVByb3AgfHwgdGFibGVTZWN0aW9uQ29udGV4dD8udHlwZSB8fCBcImJvZHlcIjtcblxuICAgIGNvbnN0IENvbXBvbmVudCA9XG4gICAgICBjb21wb25lbnQgfHwgdGFibGVDb250ZXh0Py5jb21wb25lbnRzPy5UZCB8fCBkZWZhdWx0Q29tcG9uZW50O1xuXG4gICAgY29uc3QgVGFibGVDZWxsID0gdXNlTWVtbygoKSA9PiBTdHlsZWRUYWJsZUNlbGwoQ29tcG9uZW50KSwgW0NvbXBvbmVudF0pO1xuXG4gICAgY29uc3QgW3NvcnRlZENvbG9yLCBzZXRTb3J0ZWRDb2xvcl0gPSB1c2VTdGF0ZShcbiAgICAgIGdldFNvcnRlZENvbG9yKHNvcnRlZENvbG9yVmFsdWUsIHNvcnRlZENvbG9yQWxwaGEpXG4gICAgKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBzZXRTb3J0ZWRDb2xvclZhbHVlKGdldFZhclZhbHVlKHRoZW1lLnRhYmxlLnJvd1NvcnRlZENvbG9yKSk7XG4gICAgICBzZXRTb3J0ZWRDb2xvckFscGhhKGdldFZhclZhbHVlKHRoZW1lLnRhYmxlLnJvd1NvcnRlZENvbG9yQWxwaGEpKTtcblxuICAgICAgc2V0U29ydGVkQ29sb3IoZ2V0U29ydGVkQ29sb3Ioc29ydGVkQ29sb3JWYWx1ZSwgc29ydGVkQ29sb3JBbHBoYSkpO1xuICAgIH0sIFtcbiAgICAgIGFjdGl2ZVRoZW1lPy5jb2xvcnM/Lm1vZGVzW3NlbGVjdGVkTW9kZV0sXG4gICAgICBzb3J0ZWRDb2xvclZhbHVlLFxuICAgICAgc29ydGVkQ29sb3JBbHBoYSxcbiAgICBdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8VGFibGVDZWxsXG4gICAgICAgIHJlZj17ZXh0ZXJuYWxSZWZ9XG4gICAgICAgIHJvbGU9e0NvbXBvbmVudCA9PT0gZGVmYXVsdENvbXBvbmVudCA/IG51bGwgOiBcImNlbGxcIn1cbiAgICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgICBjbGFzc05hbWU9e2N4KGNsYXNzTmFtZSwgY2xhc3Nlcy5yb290LCBjbGFzc2VzW3R5cGVdLCB7XG4gICAgICAgICAgW2NsYXNzZXNbYGFsaWduJHtjYXBpdGFsaXplKGFsaWduKX1gXV06IGFsaWduICE9PSBcImluaGVyaXRcIixcbiAgICAgICAgICBbY2xhc3Nlcy52YXJpYW50TGlzdF06IHRhYmxlQ29udGV4dC52YXJpYW50ID09PSBcImxpc3Ryb3dcIixcbiAgICAgICAgICBbY2xhc3Nlcy52YXJpYW50TGlzdEhlYWRdOlxuICAgICAgICAgICAgdGFibGVDb250ZXh0LnZhcmlhbnQgPT09IFwibGlzdHJvd1wiICYmIHR5cGUgIT09IFwiYm9keVwiLFxuICAgICAgICAgIFtjbGFzc2VzW2B2YXJpYW50JHtjYXBpdGFsaXplKHZhcmlhbnQpfWBdXTogdmFyaWFudCAhPT0gXCJkZWZhdWx0XCIsXG4gICAgICAgICAgW2NsYXNzZXMuc29ydGVkXTogc29ydGVkLFxuICAgICAgICAgIFtjbGFzc2VzLnN0aWNreUNvbHVtbl06IHN0aWNreUNvbHVtbixcbiAgICAgICAgICBbY2xhc3Nlcy5zdGlja3lDb2x1bW5Nb3N0TGVmdF06IHN0aWNreUNvbHVtbk1vc3RMZWZ0LFxuICAgICAgICAgIFtjbGFzc2VzLnN0aWNreUNvbHVtbkxlYXN0UmlnaHRdOiBzdGlja3lDb2x1bW5MZWFzdFJpZ2h0LFxuICAgICAgICAgIFtjbGFzc2VzLmdyb3VwQ29sdW1uTW9zdExlZnRdOiBncm91cENvbHVtbk1vc3RMZWZ0LFxuICAgICAgICAgIFtjbGFzc2VzLmdyb3VwQ29sdW1uTW9zdFJpZ2h0XTogZ3JvdXBDb2x1bW5Nb3N0UmlnaHQsXG4gICAgICAgICAgW2NsYXNzZXMucmVzaXphYmxlXTogcmVzaXphYmxlLFxuICAgICAgICAgIFtjbGFzc2VzLnJlc2l6aW5nXTogcmVzaXppbmcsXG4gICAgICAgIH0pfVxuICAgICAgICAkdHlwZT17dHlwZX1cbiAgICAgICAgJHN0aWNreUNvbHVtbj17c3RpY2t5Q29sdW1ufVxuICAgICAgICAkc29ydGVkQ29sb3I9e3NvcnRlZENvbG9yfVxuICAgICAgICB7Li4ub3RoZXJzfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RhYmxlQ2VsbD5cbiAgICApO1xuICB9XG4pO1xuIl19 */");
+const getSortedColor = (color, alpha) => {
+  return checkValidHexColorValue.default(color) && alpha ? hexToRgbA.default(color, parseFloat(alpha)) : color;
+};
+const HvTableCell = React.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
+  } = TableCell_styles.useClasses(classesProp);
   const {
     activeTheme,
     selectedMode
@@ -85,28 +91,37 @@ const HvTableCell = React.forwardRef(({
   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]);
-  let sortedColor = checkValidHexColorValue.default(sortedColorValue) && sortedColorAlpha ? hexToRgbA.default(sortedColorValue, parseFloat(sortedColorAlpha)) : sortedColorValue;
+  const [sortedColor, setSortedColor] = React.useState(getSortedColor(sortedColorValue, sortedColorAlpha));
   React.useEffect(() => {
     setSortedColorValue(theme.getVarValue(uikitStyles.theme.table.rowSortedColor));
     setSortedColorAlpha(theme.getVarValue(uikitStyles.theme.table.rowSortedColorAlpha));
-    sortedColor = checkValidHexColorValue.default(sortedColorValue) && sortedColorAlpha ? hexToRgbA.default(sortedColorValue, parseFloat(sortedColorAlpha)) : sortedColorValue;
+    setSortedColor(getSortedColor(sortedColorValue, sortedColorAlpha));
   }, [(_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
-    })
+  return /* @__PURE__ */ jsxRuntime.jsx(TableCell, {
+    ref: externalRef,
+    role: Component === defaultComponent ? null : "cell",
+    style,
+    className: cx(className, classes.root, classes[type], {
+      [classes[`align${capitalize__default.default(align)}`]]: align !== "inherit",
+      [classes.variantList]: tableContext.variant === "listrow",
+      [classes.variantListHead]: tableContext.variant === "listrow" && type !== "body",
+      [classes[`variant${capitalize__default.default(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
   });
 });
+exports.tableCellClasses = TableCell_styles.staticClasses;
 exports.HvTableCell = HvTableCell;
 //# sourceMappingURL=TableCell.cjs.map

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 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.cjs","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\nconst getSortedColor = (color?: string, alpha?: string) => {\n  return checkValidHexColorValue(color) && alpha\n    ? hexToRgbA(color, parseFloat(alpha))\n    : color;\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    const [sortedColor, setSortedColor] = useState(\n      getSortedColor(sortedColorValue, sortedColorAlpha)\n    );\n\n    useEffect(() => {\n      setSortedColorValue(getVarValue(theme.table.rowSortedColor));\n      setSortedColorAlpha(getVarValue(theme.table.rowSortedColorAlpha));\n\n      setSortedColor(getSortedColor(sortedColorValue, sortedColorAlpha));\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","getSortedColor","color","alpha","checkValidHexColorValue","hexToRgbA","parseFloat","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","setSortedColor","useEffect","getVarValue","theme","table","rowSortedColor","rowSortedColorAlpha","colors","modes","ref","role","root","capitalize","variantList","variantListHead"],"mappings":"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"}

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

@@ -1,14 +1,19 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const tableCellClasses = require("./tableCellClasses.cjs");
-const styles = {
+const classes = require("../../../utils/classes.cjs");
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvTableCell", {
+  /** Styles applied to the component root class. */
   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}`
   },
+  /** Styles applied to the cell when it's in the table head. */
   head: {
     height: 52,
     verticalAlign: "top",
@@ -17,6 +22,7 @@ const styles = {
     borderBottom: `1px solid ${uikitStyles.theme.colors.atmo4}`,
     ...uikitStyles.theme.typography.label
   },
+  /** Styles applied to the cell when it's in the table body. */
   body: {
     minHeight: 32,
     "td&": {
@@ -26,24 +32,32 @@ const styles = {
     ...uikitStyles.theme.typography.body,
     fontFamily: uikitStyles.theme.fontFamily.body
   },
+  /** Styles applied to the cell when it's in the table footer. */
   footer: {},
+  /** Styles applied to the cell when it's part of a sorted column. */
   sorted: {},
+  /** Styles applied to the component root when it is left aligned */
   alignLeft: {
     textAlign: "left"
   },
+  /** Styles applied to the component root when it is center aligned */
   alignCenter: {
     textAlign: "center"
   },
+  /** Styles applied to the component root when it is right aligned */
   alignRight: {
     textAlign: "right",
     flexDirection: "row-reverse"
   },
+  /** Styles applied to the component root when it is justified */
   alignJustify: {
     textAlign: "justify"
   },
+  /** Styles applied to the component root when its variant is none */
   variantNone: {
     padding: 0
   },
+  /** Styles applied to the component root when its variant is checkbox */
   variantCheckbox: {
     boxSizing: "content-box",
     padding: 0,
@@ -51,6 +65,7 @@ const styles = {
     maxWidth: 32,
     borderRight: uikitStyles.theme.table.cellBorder
   },
+  /** Styles applied to the component root when its variant is actions */
   variantActions: {
     boxSizing: "content-box",
     padding: 0,
@@ -58,11 +73,13 @@ const styles = {
     maxWidth: 32,
     borderLeft: uikitStyles.theme.table.cellBorder
   },
+  /** Styles applied to the component root when its variant is expand */
   variantExpand: {
     paddingLeft: 0,
     paddingTop: 0,
     paddingBottom: 0
   },
+  /** Styles applied to the component root when its variant is list */
   variantList: {
     minHeight: 52,
     "td&": {
@@ -71,12 +88,14 @@ const styles = {
     padding: "0, 0, 0, 32px",
     border: 0
   },
+  /** Styles applied to the cell when its variant is list and the type is head. */
   variantListHead: {
     backgroundColor: "inherit",
     "td&": {
       height: 16
     }
   },
+  /** Styles applied to the cell when its variant is list and actions. */
   variantListactions: {
     verticalAlign: "middle",
     borderLeft: uikitStyles.theme.table.cellListBorder,
@@ -85,6 +104,7 @@ const styles = {
     width: 130,
     maxWidth: 130
   },
+  /** Styles applied to the cell when its variant is list and checkbox. */
   variantListcheckbox: {
     borderRight: uikitStyles.theme.table.cellListBorder,
     padding: 0,
@@ -92,26 +112,31 @@ const styles = {
     width: 34,
     maxWidth: 34
   },
+  /** Styles applied to the cell when it's part of a sticky column. */
   stickyColumn: {
     position: "sticky",
     zIndex: 2,
     background: uikitStyles.theme.colors.atmo2,
-    [`&.${tableCellClasses.default.groupColumnMostRight}+.${tableCellClasses.default.stickyColumn}`]: {
+    "&$groupColumnMostRight+$stickyColumn": {
       borderLeft: 0
     }
   },
+  /** Styles applied to the cell when it's part of the last sticky to the left column. */
   stickyColumnMostLeft: {
     borderRight: uikitStyles.theme.table.cellBorder
   },
+  /** Styles applied to the cell when it's part of the first right sticky column. */
   stickyColumnLeastRight: {
     borderLeft: uikitStyles.theme.table.cellBorder
   },
+  /** Styles applied to the cell when it's part of the first column in the group. */
   groupColumnMostLeft: {
     borderLeft: uikitStyles.theme.table.cellBorder,
     "&:first-of-type": {
       borderLeft: 0
     }
   },
+  /** Styles applied to the cell when it's part of the last column in the group. */
   groupColumnMostRight: {
     borderRight: uikitStyles.theme.table.cellBorder,
     // due to the ":has()" selector not being supported in browsers,
@@ -121,16 +146,19 @@ const styles = {
     "&:last-child": {
       borderRight: 0
     },
-    [`&+:not(${tableCellClasses.default.stickyColumn})`]: {
+    "&+:not($stickyColumn)": {
       borderLeft: 0
     }
   },
+  /** Styles applied to the cell when it's part of a resizable column. */
   resizable: {
     borderRight: uikitStyles.theme.table.cellBorder
   },
+  /** Styles applied to the cell when it's part of a resizing column. */
   resizing: {
     borderRight: `solid 2px ${uikitStyles.theme.colors.secondary}`
   }
-};
-exports.styles = styles;
+});
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=TableCell.styles.cjs.map

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

@@ -1 +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  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  },\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    boxSizing: \"content-box\",\n    padding: 0,\n    width: 32,\n    maxWidth: 32,\n    borderRight: theme.table.cellBorder,\n  },\n  variantActions: {\n    boxSizing: \"content-box\",\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  },\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-of-type\": {\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","boxSizing","width","maxWidth","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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"}
+{"version":3,"file":"TableCell.styles.cjs","sources":["../../../../../src/components/Table/TableCell/TableCell.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { CSSProperties } from \"react\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTableCell\", {\n  /** Styles applied to the component root class. */\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  /** Styles applied to the cell when it's in the table head. */\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  /** Styles applied to the cell when it's in the table body. */\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  },\n  /** Styles applied to the cell when it's in the table footer. */\n  footer: {},\n  /** Styles applied to the cell when it's part of a sorted column. */\n  sorted: {},\n  /** Styles applied to the component root when it is left aligned */\n  alignLeft: {\n    textAlign: \"left\",\n  },\n  /** Styles applied to the component root when it is center aligned */\n  alignCenter: {\n    textAlign: \"center\",\n  },\n  /** Styles applied to the component root when it is right aligned */\n  alignRight: {\n    textAlign: \"right\",\n    flexDirection: \"row-reverse\",\n  },\n  /** Styles applied to the component root when it is justified */\n  alignJustify: {\n    textAlign: \"justify\",\n  },\n\n  /** Styles applied to the component root when its variant is none */\n  variantNone: {\n    padding: 0,\n  },\n  /** Styles applied to the component root when its variant is checkbox */\n  variantCheckbox: {\n    boxSizing: \"content-box\",\n    padding: 0,\n    width: 32,\n    maxWidth: 32,\n    borderRight: theme.table.cellBorder,\n  },\n  /** Styles applied to the component root when its variant is actions */\n  variantActions: {\n    boxSizing: \"content-box\",\n    padding: 0,\n    width: 32,\n    maxWidth: 32,\n    borderLeft: theme.table.cellBorder,\n  },\n  /** Styles applied to the component root when its variant is expand */\n  variantExpand: {\n    paddingLeft: 0,\n    paddingTop: 0,\n    paddingBottom: 0,\n  },\n  /** Styles applied to the component root when its variant is list */\n  variantList: {\n    minHeight: 52,\n    \"td&\": {\n      height: 52,\n    },\n    padding: \"0, 0, 0, 32px\",\n    border: 0,\n  },\n  /** Styles applied to the cell when its variant is list and the type is head. */\n  variantListHead: {\n    backgroundColor: \"inherit\",\n    \"td&\": {\n      height: 16,\n    },\n  },\n  /** Styles applied to the cell when its variant is list and actions. */\n  variantListactions: {\n    verticalAlign: \"middle\",\n    borderLeft: theme.table.cellListBorder,\n    paddingLeft: \"0\",\n    textAlign: \"center\",\n    width: 130,\n    maxWidth: 130,\n  },\n  /** Styles applied to the cell when its variant is list and checkbox. */\n  variantListcheckbox: {\n    borderRight: theme.table.cellListBorder,\n    padding: 0,\n    textAlign: \"center\",\n    width: 34,\n    maxWidth: 34,\n  },\n  /** Styles applied to the cell when it's part of a sticky column. */\n  stickyColumn: {\n    position: \"sticky\",\n    zIndex: 2,\n    background: theme.colors.atmo2,\n\n    \"&$groupColumnMostRight+$stickyColumn\": {\n      borderLeft: 0,\n    },\n  },\n  /** Styles applied to the cell when it's part of the last sticky to the left column. */\n  stickyColumnMostLeft: {\n    borderRight: theme.table.cellBorder,\n  },\n  /** Styles applied to the cell when it's part of the first right sticky column. */\n  stickyColumnLeastRight: {\n    borderLeft: theme.table.cellBorder,\n  },\n\n  /** Styles applied to the cell when it's part of the first column in the group. */\n  groupColumnMostLeft: {\n    borderLeft: theme.table.cellBorder,\n\n    \"&:first-of-type\": {\n      borderLeft: 0,\n    },\n  },\n  /** Styles applied to the cell when it's part of the last column in the group. */\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($stickyColumn)\": {\n      borderLeft: 0,\n    },\n  },\n\n  /** Styles applied to the cell when it's part of a resizable column. */\n  resizable: {\n    borderRight: theme.table.cellBorder,\n  },\n  /** Styles applied to the cell when it's part of a resizing column. */\n  resizing: {\n    borderRight: `solid 2px ${theme.colors.secondary}`,\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","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","boxSizing","width","maxWidth","borderRight","cellBorder","variantActions","borderLeft","variantExpand","paddingLeft","paddingTop","paddingBottom","variantList","border","variantListHead","variantListactions","cellListBorder","variantListcheckbox","stickyColumn","position","zIndex","background","atmo2","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","resizable","resizing","secondary"],"mappings":"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"}

package/dist/cjs/components/Table/TableRow/TableRow.cjs

@@ -2,17 +2,15 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const React = require("react");
-const react = require("@emotion/react");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const transientOptions = require("../../../utils/transientOptions.cjs");
-const tableRowClasses = require("./tableRowClasses.cjs");
 const TableContext = require("../TableContext.cjs");
 const TableSectionContext = require("../TableSectionContext.cjs");
 const TableRow_styles = require("./TableRow.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const theme = require("../../../utils/theme.cjs");
 const checkValidHexColorValue = require("../../../utils/checkValidHexColorValue.cjs");
 const hexToRgbA = require("../../../utils/hexToRgbA.cjs");
-const theme = require("../../../utils/theme.cjs");
 const useTheme = require("../../../hooks/useTheme.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
@@ -55,18 +53,26 @@ const StyledTableRow = (c) => /* @__PURE__ */ _styled__default.default(c, proces
       }
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVSb3cvVGFibGVSb3cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1RhYmxlL1RhYmxlUm93L1RhYmxlUm93LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZvcndhcmRSZWYsIHVzZUNvbnRleHQsIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IENsYXNzTmFtZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgY2hlY2tWYWxpZEhleENvbG9yVmFsdWUsIGdldFZhclZhbHVlLCBoZXhUb1JnYkEgfSBmcm9tIFwiQGNvcmUvdXRpbHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgSHZCYXNlUHJvcHMgfSBmcm9tIFwiQGNvcmUvdHlwZXNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIkBjb3JlL2hvb2tzXCI7XG5pbXBvcnQgdGFibGVSb3dDbGFzc2VzLCB7IEh2VGFibGVSb3dDbGFzc2VzIH0gZnJvbSBcIi4vdGFibGVSb3dDbGFzc2VzXCI7XG5pbXBvcnQgVGFibGVDb250ZXh0IGZyb20gXCIuLi9UYWJsZUNvbnRleHRcIjtcbmltcG9ydCBUYWJsZVNlY3Rpb25Db250ZXh0IGZyb20gXCIuLi9UYWJsZVNlY3Rpb25Db250ZXh0XCI7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tIFwiLi9UYWJsZVJvdy5zdHlsZXNcIjtcblxuZXhwb3J0IGludGVyZmFjZSBIdlRhYmxlUm93UHJvcHNcbiAgZXh0ZW5kcyBIdkJhc2VQcm9wczxIVE1MVGFibGVSb3dFbGVtZW50LCBcImNoaWxkcmVuXCI+IHtcbiAgLyoqIENvbnRlbnQgdG8gYmUgcmVuZGVyZWQgKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqIFRoZSBjb21wb25lbnQgdXNlZCBmb3IgdGhlIHJvb3Qgbm9kZS4gRWl0aGVyIGEgc3RyaW5nIHRvIHVzZSBhIEhUTUwgZWxlbWVudCBvciBhIGNvbXBvbmVudC4gRGVmYXVsdHMgdG8gdGJvZHkuICovXG4gIGNvbXBvbmVudD86IFJlYWN0LkVsZW1lbnRUeXBlO1xuICAvKiogV2hldGhlciB0aGUgdGFibGUgcm93IHdpbGwgc2hhZGUgb24gaG92ZXIuICovXG4gIGhvdmVyPzogYm9vbGVhbjtcbiAgLyoqIFdoZXRoZXIgdGhlIHRhYmxlIHJvdyB3aWxsIGhhdmUgdGhlIHNlbGVjdGVkIHNoYWRpbmcuICovXG4gIHNlbGVjdGVkPzogYm9vbGVhbjtcbiAgLyoqIFdoZXRoZXIgdGhlIHRhYmxlIHJvdyBpcyBleHBhbmRlZC4gKi9cbiAgZXhwYW5kZWQ/OiBib29sZWFuO1xuICAvKiogV2hldGhlciB0aGUgdGFibGUgcm93IGJhY2tncm91bmQgaXMgc3RyaXBlZC4gKi9cbiAgc3RyaXBlZD86IGJvb2xlYW47XG4gIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gIGNsYXNzZXM/OiBIdlRhYmxlUm93Q2xhc3Nlcztcbn1cblxuY29uc3QgZGVmYXVsdENvbXBvbmVudCA9IFwidHJcIjtcblxuY29uc3QgU3R5bGVkVGFibGVSb3cgPSAoYzogYW55KSA9PlxuICBzdHlsZWQoXG4gICAgYyxcbiAgICB0cmFuc2llbnRPcHRpb25zXG4gICkoXG4gICAgKHtcbiAgICAgICRzdHJpcGVkLFxuICAgICAgJHN0cmlwZWRDb2xvckV2ZW4sXG4gICAgICAkc3RyaXBlZENvbG9yT2RkLFxuICAgIH06IHtcbiAgICAgICRzdHJpcGVkOiBib29sZWFuO1xuICAgICAgJHN0cmlwZWRDb2xvckV2ZW46IHN0cmluZztcbiAgICAgICRzdHJpcGVkQ29sb3JPZGQ6IHN0cmluZztcbiAgICB9KSA9PiAoe1xuICAgICAgLi4uKCRzdHJpcGVkICYmIHtcbiAgICAgICAgXCImOm50aC1vZi10eXBlKGV2ZW4pXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICRzdHJpcGVkQ29sb3JFdmVuLFxuICAgICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnRhYmxlLnJvd0hvdmVyQ29sb3IsXG4gICAgICAgICAgfSxcbiAgICAgICAgfSxcbiAgICAgICAgXCImOm50aC1vZi10eXBlKG9kZClcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogJHN0cmlwZWRDb2xvck9kZCxcbiAgICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS50YWJsZS5yb3dIb3ZlckNvbG9yLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9KVxuICApO1xuXG4vKipcbiAqIGBIdlRhYmxlUm93YCBhY3RzIGFzIGEgYHRyYCBlbGVtZW50IGFuZCBpbmhlcml0cyBzdHlsZXMgZnJvbSBpdHMgY29udGV4dFxuICovXG5leHBvcnQgY29uc3QgSHZUYWJsZVJvdyA9IGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIEh2VGFibGVSb3dQcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICBjbGFzc2VzLFxuICAgICAgY2xhc3NOYW1lLFxuICAgICAgY29tcG9uZW50LFxuICAgICAgaG92ZXIgPSBmYWxzZSxcbiAgICAgIHNlbGVjdGVkID0gZmFsc2UsXG4gICAgICBleHBhbmRlZCA9IGZhbHNlLFxuICAgICAgc3RyaXBlZCA9IGZhbHNlLFxuICAgICAgLi4ub3RoZXJzXG4gICAgfSxcbiAgICBleHRlcm5hbFJlZlxuICApID0+IHtcbiAgICBjb25zdCB7IGFjdGl2ZVRoZW1lLCBzZWxlY3RlZE1vZGUgfSA9IHVzZVRoZW1lKCk7XG4gICAgY29uc3QgdGFibGVDb250ZXh0ID0gdXNlQ29udGV4dChUYWJsZUNvbnRleHQpO1xuICAgIGNvbnN0IHRhYmxlU2VjdGlvbkNvbnRleHQgPSB1c2VDb250ZXh0KFRhYmxlU2VjdGlvbkNvbnRleHQpO1xuXG4gICAgY29uc3QgW2V2ZW4sIHNldEV2ZW5dID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPigpO1xuICAgIGNvbnN0IFtvZGQsIHNldE9kZF0gPSB1c2VTdGF0ZTxzdHJpbmcgfCB1bmRlZmluZWQ+KCk7XG5cbiAgICBjb25zdCB0eXBlID0gdGFibGVTZWN0aW9uQ29udGV4dD8udHlwZSB8fCBcImJvZHlcIjtcblxuICAgIGNvbnN0IGlzTGlzdCA9IHRhYmxlQ29udGV4dC52YXJpYW50ID09PSBcImxpc3Ryb3dcIjtcblxuICAgIGNvbnN0IENvbXBvbmVudCA9XG4gICAgICBjb21wb25lbnQgfHwgdGFibGVDb250ZXh0Py5jb21wb25lbnRzPy5UciB8fCBkZWZhdWx0Q29tcG9uZW50O1xuXG4gICAgY29uc3QgVGFibGVSb3cgPSB1c2VNZW1vKCgpID0+IFN0eWxlZFRhYmxlUm93KENvbXBvbmVudCksIFtDb21wb25lbnRdKTtcblxuICAgIGxldCBzdHJpcGVkQ29sb3JFdmVuID0gY2hlY2tWYWxpZEhleENvbG9yVmFsdWUoZXZlbilcbiAgICAgID8gaGV4VG9SZ2JBKGV2ZW4sIDAuNilcbiAgICAgIDogZXZlbjtcblxuICAgIGxldCBzdHJpcGVkQ29sb3JPZGQgPSBjaGVja1ZhbGlkSGV4Q29sb3JWYWx1ZShvZGQpXG4gICAgICA/IGhleFRvUmdiQShvZGQsIDAuNilcbiAgICAgIDogb2RkO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIHNldEV2ZW4oZ2V0VmFyVmFsdWUodGhlbWUudGFibGUucm93U3RyaXBlZEJhY2tncm91bmRDb2xvckV2ZW4pKTtcbiAgICAgIHNldE9kZChnZXRWYXJWYWx1ZSh0aGVtZS50YWJsZS5yb3dTdHJpcGVkQmFja2dyb3VuZENvbG9yT2RkKSk7XG4gICAgICBzdHJpcGVkQ29sb3JFdmVuID0gY2hlY2tWYWxpZEhleENvbG9yVmFsdWUoZXZlbilcbiAgICAgICAgPyBoZXhUb1JnYkEoZXZlbiwgMC42KVxuICAgICAgICA6IGV2ZW47XG4gICAgICBzdHJpcGVkQ29sb3JPZGQgPSBjaGVja1ZhbGlkSGV4Q29sb3JWYWx1ZShvZGQpXG4gICAgICAgID8gaGV4VG9SZ2JBKG9kZCwgMC42KVxuICAgICAgICA6IG9kZDtcbiAgICB9LCBbYWN0aXZlVGhlbWU/LmNvbG9ycz8ubW9kZXNbc2VsZWN0ZWRNb2RlXSwgZXZlbiwgb2RkXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPENsYXNzTmFtZXM+XG4gICAgICAgIHsoeyBjc3MsIGN4IH0pID0+IChcbiAgICAgICAgICA8VGFibGVSb3dcbiAgICAgICAgICAgIHJlZj17ZXh0ZXJuYWxSZWZ9XG4gICAgICAgICAgICBjbGFzc05hbWU9e2N4KFxuICAgICAgICAgICAgICB0YWJsZVNlY3Rpb25Db250ZXh0LmZpbHRlckNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgdGFibGVSb3dDbGFzc2VzLnJvb3QsXG4gICAgICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8ucm9vdCxcbiAgICAgICAgICAgICAgY3NzKHN0eWxlcy5yb290KSxcbiAgICAgICAgICAgICAgdGFibGVSb3dDbGFzc2VzW3R5cGVdLFxuICAgICAgICAgICAgICBjbGFzc2VzPy5bdHlwZV0sXG4gICAgICAgICAgICAgIGNzcyhzdHlsZXNbdHlwZV0pLFxuICAgICAgICAgICAgICBob3ZlciAmJlxuICAgICAgICAgICAgICAgICh0YWJsZVJvd0NsYXNzZXMuaG92ZXIsIGNsYXNzZXM/LmhvdmVyLCBjc3Moc3R5bGVzLmhvdmVyKSksXG4gICAgICAgICAgICAgIHNlbGVjdGVkICYmXG4gICAgICAgICAgICAgICAgY3goXG4gICAgICAgICAgICAgICAgICB0YWJsZVJvd0NsYXNzZXMuc2VsZWN0ZWQsXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5zZWxlY3RlZCxcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMuc2VsZWN0ZWQpXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgZXhwYW5kZWQgJiZcbiAgICAgICAgICAgICAgICBjeChcbiAgICAgICAgICAgICAgICAgIHRhYmxlUm93Q2xhc3Nlcy5leHBhbmRlZCxcbiAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LmV4cGFuZGVkLFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5leHBhbmRlZClcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICBzdHJpcGVkICYmXG4gICAgICAgICAgICAgICAgY3goXG4gICAgICAgICAgICAgICAgICB0YWJsZVJvd0NsYXNzZXMuc3RyaXBlZCxcbiAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LnN0cmlwZWQsXG4gICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLnN0cmlwZWQpXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgaXNMaXN0ICYmXG4gICAgICAgICAgICAgICAgdHlwZSA9PT0gXCJib2R5XCIgJiZcbiAgICAgICAgICAgICAgICBjeChcbiAgICAgICAgICAgICAgICAgIHRhYmxlUm93Q2xhc3Nlcy52YXJpYW50TGlzdCxcbiAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LnZhcmlhbnRMaXN0LFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy52YXJpYW50TGlzdClcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICBpc0xpc3QgJiZcbiAgICAgICAgICAgICAgICB0eXBlID09PSBcImhlYWRcIiAmJlxuICAgICAgICAgICAgICAgIGN4KFxuICAgICAgICAgICAgICAgICAgdGFibGVSb3dDbGFzc2VzLnZhcmlhbnRMaXN0SGVhZCxcbiAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LnZhcmlhbnRMaXN0SGVhZCxcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMudmFyaWFudExpc3RIZWFkKVxuICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICByb2xlPXtDb21wb25lbnQgPT09IGRlZmF1bHRDb21wb25lbnQgPyBudWxsIDogXCJyb3dcIn1cbiAgICAgICAgICAgICRzdHJpcGVkPXtzdHJpcGVkfVxuICAgICAgICAgICAgJHN0cmlwZWRDb2xvckV2ZW49e3N0cmlwZWRDb2xvckV2ZW59XG4gICAgICAgICAgICAkc3RyaXBlZENvbG9yT2RkPXtzdHJpcGVkQ29sb3JPZGR9XG4gICAgICAgICAgICB7Li4ub3RoZXJzfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICA8L0NsYXNzTmFtZXM+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */");
-const HvTableRow = React.forwardRef(({
-  classes,
-  className,
-  component,
-  hover = false,
-  selected = false,
-  expanded = false,
-  striped = false,
-  ...others
-}, externalRef) => {
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVSb3cvVGFibGVSb3cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1RhYmxlL1RhYmxlUm93L1RhYmxlUm93LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZvcndhcmRSZWYsIHVzZUNvbnRleHQsIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgRXh0cmFjdE5hbWVzLFxuICBjaGVja1ZhbGlkSGV4Q29sb3JWYWx1ZSxcbiAgZ2V0VmFyVmFsdWUsXG4gIGhleFRvUmdiQSxcbn0gZnJvbSBcIkBjb3JlL3V0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IEh2QmFzZVByb3BzIH0gZnJvbSBcIkBjb3JlL3R5cGVzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJAY29yZS9ob29rc1wiO1xuaW1wb3J0IFRhYmxlQ29udGV4dCBmcm9tIFwiLi4vVGFibGVDb250ZXh0XCI7XG5pbXBvcnQgVGFibGVTZWN0aW9uQ29udGV4dCBmcm9tIFwiLi4vVGFibGVTZWN0aW9uQ29udGV4dFwiO1xuaW1wb3J0IHsgc3RhdGljQ2xhc3NlcywgdXNlQ2xhc3NlcyB9IGZyb20gXCIuL1RhYmxlUm93LnN0eWxlc1wiO1xuXG5leHBvcnQgeyBzdGF0aWNDbGFzc2VzIGFzIHRhYmxlUm93Q2xhc3NlcyB9O1xuXG5leHBvcnQgdHlwZSBIdlRhYmxlUm93Q2xhc3NlcyA9IEV4dHJhY3ROYW1lczx0eXBlb2YgdXNlQ2xhc3Nlcz47XG5cbmV4cG9ydCBpbnRlcmZhY2UgSHZUYWJsZVJvd1Byb3BzXG4gIGV4dGVuZHMgSHZCYXNlUHJvcHM8SFRNTFRhYmxlUm93RWxlbWVudCwgXCJjaGlsZHJlblwiPiB7XG4gIC8qKiBDb250ZW50IHRvIGJlIHJlbmRlcmVkICovXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKiBUaGUgY29tcG9uZW50IHVzZWQgZm9yIHRoZSByb290IG5vZGUuIEVpdGhlciBhIHN0cmluZyB0byB1c2UgYSBIVE1MIGVsZW1lbnQgb3IgYSBjb21wb25lbnQuIERlZmF1bHRzIHRvIHRib2R5LiAqL1xuICBjb21wb25lbnQ/OiBSZWFjdC5FbGVtZW50VHlwZTtcbiAgLyoqIFdoZXRoZXIgdGhlIHRhYmxlIHJvdyB3aWxsIHNoYWRlIG9uIGhvdmVyLiAqL1xuICBob3Zlcj86IGJvb2xlYW47XG4gIC8qKiBXaGV0aGVyIHRoZSB0YWJsZSByb3cgd2lsbCBoYXZlIHRoZSBzZWxlY3RlZCBzaGFkaW5nLiAqL1xuICBzZWxlY3RlZD86IGJvb2xlYW47XG4gIC8qKiBXaGV0aGVyIHRoZSB0YWJsZSByb3cgaXMgZXhwYW5kZWQuICovXG4gIGV4cGFuZGVkPzogYm9vbGVhbjtcbiAgLyoqIFdoZXRoZXIgdGhlIHRhYmxlIHJvdyBiYWNrZ3JvdW5kIGlzIHN0cmlwZWQuICovXG4gIHN0cmlwZWQ/OiBib29sZWFuO1xuICAvKiogQSBKc3MgT2JqZWN0IHVzZWQgdG8gb3ZlcnJpZGUgb3IgZXh0ZW5kIHRoZSBzdHlsZXMgYXBwbGllZCB0byB0aGUgY29tcG9uZW50LiAqL1xuICBjbGFzc2VzPzogSHZUYWJsZVJvd0NsYXNzZXM7XG59XG5cbmNvbnN0IGRlZmF1bHRDb21wb25lbnQgPSBcInRyXCI7XG5cbmNvbnN0IFN0eWxlZFRhYmxlUm93ID0gKGM6IGFueSkgPT5cbiAgc3R5bGVkKFxuICAgIGMsXG4gICAgdHJhbnNpZW50T3B0aW9uc1xuICApKFxuICAgICh7XG4gICAgICAkc3RyaXBlZCxcbiAgICAgICRzdHJpcGVkQ29sb3JFdmVuLFxuICAgICAgJHN0cmlwZWRDb2xvck9kZCxcbiAgICB9OiB7XG4gICAgICAkc3RyaXBlZDogYm9vbGVhbjtcbiAgICAgICRzdHJpcGVkQ29sb3JFdmVuOiBzdHJpbmc7XG4gICAgICAkc3RyaXBlZENvbG9yT2RkOiBzdHJpbmc7XG4gICAgfSkgPT4gKHtcbiAgICAgIC4uLigkc3RyaXBlZCAmJiB7XG4gICAgICAgIFwiJjpudGgtb2YtdHlwZShldmVuKVwiOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkc3RyaXBlZENvbG9yRXZlbixcbiAgICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS50YWJsZS5yb3dIb3ZlckNvbG9yLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpudGgtb2YtdHlwZShvZGQpXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICRzdHJpcGVkQ29sb3JPZGQsXG4gICAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudGFibGUucm93SG92ZXJDb2xvcixcbiAgICAgICAgICB9LFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgfSlcbiAgKTtcblxuY29uc3QgZ2V0U3RyaXBlZENvbG9yID0gKGNvbG9yPzogc3RyaW5nLCBvcGFjaXR5OiBudW1iZXIgPSAwLjYpID0+IHtcbiAgcmV0dXJuIGNoZWNrVmFsaWRIZXhDb2xvclZhbHVlKGNvbG9yKSA/IGhleFRvUmdiQShjb2xvciwgb3BhY2l0eSkgOiBjb2xvcjtcbn07XG5cbi8qKlxuICogYEh2VGFibGVSb3dgIGFjdHMgYXMgYSBgdHJgIGVsZW1lbnQgYW5kIGluaGVyaXRzIHN0eWxlcyBmcm9tIGl0cyBjb250ZXh0XG4gKi9cbmV4cG9ydCBjb25zdCBIdlRhYmxlUm93ID0gZm9yd2FyZFJlZjxIVE1MRWxlbWVudCwgSHZUYWJsZVJvd1Byb3BzPihcbiAgKHByb3BzLCBleHRlcm5hbFJlZikgPT4ge1xuICAgIGNvbnN0IHtcbiAgICAgIGNsYXNzZXM6IGNsYXNzZXNQcm9wLFxuICAgICAgY2xhc3NOYW1lLFxuICAgICAgY29tcG9uZW50LFxuICAgICAgaG92ZXIgPSBmYWxzZSxcbiAgICAgIHNlbGVjdGVkID0gZmFsc2UsXG4gICAgICBleHBhbmRlZCA9IGZhbHNlLFxuICAgICAgc3RyaXBlZCA9IGZhbHNlLFxuICAgICAgLi4ub3RoZXJzXG4gICAgfSA9IHByb3BzO1xuICAgIGNvbnN0IHsgY2xhc3NlcywgY3ggfSA9IHVzZUNsYXNzZXMoY2xhc3Nlc1Byb3ApO1xuICAgIGNvbnN0IHsgYWN0aXZlVGhlbWUsIHNlbGVjdGVkTW9kZSB9ID0gdXNlVGhlbWUoKTtcbiAgICBjb25zdCB0YWJsZUNvbnRleHQgPSB1c2VDb250ZXh0KFRhYmxlQ29udGV4dCk7XG4gICAgY29uc3QgdGFibGVTZWN0aW9uQ29udGV4dCA9IHVzZUNvbnRleHQoVGFibGVTZWN0aW9uQ29udGV4dCk7XG5cbiAgICBjb25zdCBbZXZlbiwgc2V0RXZlbl0gPSB1c2VTdGF0ZTxzdHJpbmcgfCB1bmRlZmluZWQ+KCk7XG4gICAgY29uc3QgW29kZCwgc2V0T2RkXSA9IHVzZVN0YXRlPHN0cmluZyB8IHVuZGVmaW5lZD4oKTtcblxuICAgIGNvbnN0IHR5cGUgPSB0YWJsZVNlY3Rpb25Db250ZXh0Py50eXBlIHx8IFwiYm9keVwiO1xuXG4gICAgY29uc3QgaXNMaXN0ID0gdGFibGVDb250ZXh0LnZhcmlhbnQgPT09IFwibGlzdHJvd1wiO1xuXG4gICAgY29uc3QgQ29tcG9uZW50ID1cbiAgICAgIGNvbXBvbmVudCB8fCB0YWJsZUNvbnRleHQ/LmNvbXBvbmVudHM/LlRyIHx8IGRlZmF1bHRDb21wb25lbnQ7XG5cbiAgICBjb25zdCBUYWJsZVJvdyA9IHVzZU1lbW8oKCkgPT4gU3R5bGVkVGFibGVSb3coQ29tcG9uZW50KSwgW0NvbXBvbmVudF0pO1xuXG4gICAgY29uc3QgW3N0cmlwZWRDb2xvckV2ZW4sIHNldFN0cmlwZWRDb2xvckV2ZW5dID0gdXNlU3RhdGUoXG4gICAgICBnZXRTdHJpcGVkQ29sb3IoZXZlbilcbiAgICApO1xuICAgIGNvbnN0IFtzdHJpcGVkQ29sb3JPZGQsIHNldFN0cmlwZWRDb2xvck9kZF0gPSB1c2VTdGF0ZShcbiAgICAgIGdldFN0cmlwZWRDb2xvcihvZGQpXG4gICAgKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBzZXRFdmVuKGdldFZhclZhbHVlKHRoZW1lLnRhYmxlLnJvd1N0cmlwZWRCYWNrZ3JvdW5kQ29sb3JFdmVuKSk7XG4gICAgICBzZXRPZGQoZ2V0VmFyVmFsdWUodGhlbWUudGFibGUucm93U3RyaXBlZEJhY2tncm91bmRDb2xvck9kZCkpO1xuXG4gICAgICBzZXRTdHJpcGVkQ29sb3JFdmVuKGdldFN0cmlwZWRDb2xvcihldmVuKSk7XG4gICAgICBzZXRTdHJpcGVkQ29sb3JPZGQoZ2V0U3RyaXBlZENvbG9yKG9kZCkpO1xuICAgIH0sIFthY3RpdmVUaGVtZT8uY29sb3JzPy5tb2Rlc1tzZWxlY3RlZE1vZGVdLCBldmVuLCBvZGRdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8VGFibGVSb3dcbiAgICAgICAgcmVmPXtleHRlcm5hbFJlZn1cbiAgICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAgICB0YWJsZVNlY3Rpb25Db250ZXh0LmZpbHRlckNsYXNzTmFtZSxcbiAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgY2xhc3Nlcy5yb290LFxuICAgICAgICAgIGNsYXNzZXM/Llt0eXBlXSxcbiAgICAgICAgICB7XG4gICAgICAgICAgICBbY2xhc3Nlcy5ob3Zlcl06IGhvdmVyLFxuICAgICAgICAgICAgW2NsYXNzZXMuc2VsZWN0ZWRdOiBzZWxlY3RlZCxcbiAgICAgICAgICAgIFtjbGFzc2VzLmV4cGFuZGVkXTogZXhwYW5kZWQsXG4gICAgICAgICAgICBbY2xhc3Nlcy5zdHJpcGVkXTogc3RyaXBlZCxcbiAgICAgICAgICAgIFtjbGFzc2VzLnZhcmlhbnRMaXN0XTogaXNMaXN0ICYmIHR5cGUgPT09IFwiYm9keVwiLFxuICAgICAgICAgICAgW2NsYXNzZXMudmFyaWFudExpc3RIZWFkXTogaXNMaXN0ICYmIHR5cGUgPT09IFwiaGVhZFwiLFxuICAgICAgICAgIH1cbiAgICAgICAgKX1cbiAgICAgICAgcm9sZT17Q29tcG9uZW50ID09PSBkZWZhdWx0Q29tcG9uZW50ID8gbnVsbCA6IFwicm93XCJ9XG4gICAgICAgICRzdHJpcGVkPXtzdHJpcGVkfVxuICAgICAgICAkc3RyaXBlZENvbG9yRXZlbj17c3RyaXBlZENvbG9yRXZlbn1cbiAgICAgICAgJHN0cmlwZWRDb2xvck9kZD17c3RyaXBlZENvbG9yT2RkfVxuICAgICAgICB7Li4ub3RoZXJzfVxuICAgICAgLz5cbiAgICApO1xuICB9XG4pO1xuIl19 */");
+const getStripedColor = (color, opacity = 0.6) => {
+  return checkValidHexColorValue.default(color) ? hexToRgbA.default(color, opacity) : color;
+};
+const HvTableRow = React.forwardRef((props, externalRef) => {
   var _a, _b;
+  const {
+    classes: classesProp,
+    className,
+    component,
+    hover = false,
+    selected = false,
+    expanded = false,
+    striped = false,
+    ...others
+  } = props;
+  const {
+    classes,
+    cx
+  } = TableRow_styles.useClasses(classesProp);
   const {
     activeTheme,
     selectedMode
@@ -79,28 +85,31 @@ const HvTableRow = React.forwardRef(({
   const isList = tableContext.variant === "listrow";
   const Component = component || ((_a = tableContext == null ? void 0 : tableContext.components) == null ? void 0 : _a.Tr) || defaultComponent;
   const TableRow = React.useMemo(() => StyledTableRow(Component), [Component]);
-  let stripedColorEven = checkValidHexColorValue.default(even) ? hexToRgbA.default(even, 0.6) : even;
-  let stripedColorOdd = checkValidHexColorValue.default(odd) ? hexToRgbA.default(odd, 0.6) : odd;
+  const [stripedColorEven, setStripedColorEven] = React.useState(getStripedColor(even));
+  const [stripedColorOdd, setStripedColorOdd] = React.useState(getStripedColor(odd));
   React.useEffect(() => {
     setEven(theme.getVarValue(uikitStyles.theme.table.rowStripedBackgroundColorEven));
     setOdd(theme.getVarValue(uikitStyles.theme.table.rowStripedBackgroundColorOdd));
-    stripedColorEven = checkValidHexColorValue.default(even) ? hexToRgbA.default(even, 0.6) : even;
-    stripedColorOdd = checkValidHexColorValue.default(odd) ? hexToRgbA.default(odd, 0.6) : odd;
+    setStripedColorEven(getStripedColor(even));
+    setStripedColorOdd(getStripedColor(odd));
   }, [(_b = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _b.modes[selectedMode], even, odd]);
-  return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
-    children: ({
-      css,
-      cx
-    }) => /* @__PURE__ */ jsxRuntime.jsx(TableRow, {
-      ref: externalRef,
-      className: cx(tableSectionContext.filterClassName, tableRowClasses.default.root, className, classes == null ? void 0 : classes.root, css(TableRow_styles.styles.root), tableRowClasses.default[type], classes == null ? void 0 : classes[type], css(TableRow_styles.styles[type]), hover && (tableRowClasses.default.hover, classes == null ? void 0 : classes.hover, css(TableRow_styles.styles.hover)), selected && cx(tableRowClasses.default.selected, classes == null ? void 0 : classes.selected, css(TableRow_styles.styles.selected)), expanded && cx(tableRowClasses.default.expanded, classes == null ? void 0 : classes.expanded, css(TableRow_styles.styles.expanded)), striped && cx(tableRowClasses.default.striped, classes == null ? void 0 : classes.striped, css(TableRow_styles.styles.striped)), isList && type === "body" && cx(tableRowClasses.default.variantList, classes == null ? void 0 : classes.variantList, css(TableRow_styles.styles.variantList)), isList && type === "head" && cx(tableRowClasses.default.variantListHead, classes == null ? void 0 : classes.variantListHead, css(TableRow_styles.styles.variantListHead))),
-      role: Component === defaultComponent ? null : "row",
-      $striped: striped,
-      $stripedColorEven: stripedColorEven,
-      $stripedColorOdd: stripedColorOdd,
-      ...others
-    })
+  return /* @__PURE__ */ jsxRuntime.jsx(TableRow, {
+    ref: externalRef,
+    className: cx(tableSectionContext.filterClassName, className, classes.root, classes == null ? void 0 : classes[type], {
+      [classes.hover]: hover,
+      [classes.selected]: selected,
+      [classes.expanded]: expanded,
+      [classes.striped]: striped,
+      [classes.variantList]: isList && type === "body",
+      [classes.variantListHead]: isList && type === "head"
+    }),
+    role: Component === defaultComponent ? null : "row",
+    $striped: striped,
+    $stripedColorEven: stripedColorEven,
+    $stripedColorOdd: stripedColorOdd,
+    ...others
   });
 });
+exports.tableRowClasses = TableRow_styles.staticClasses;
 exports.HvTableRow = HvTableRow;
 //# sourceMappingURL=TableRow.cjs.map