@hitachivantara/uikit-react-core 5.9.1 → 5.11.0

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\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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"}
+{"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-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","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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"}

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

@@ -10,7 +10,7 @@ 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 utils = require("../utils/utils.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");
@@ -55,7 +55,7 @@ const StyledTableRow = (c) => /* @__PURE__ */ _styled__default.default(c, proces
       }
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVSb3cvVGFibGVSb3cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1DRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1RhYmxlL1RhYmxlUm93L1RhYmxlUm93LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZvcndhcmRSZWYsIHVzZUNvbnRleHQsIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IENsYXNzTmFtZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgZ2V0VmFyVmFsdWUsIGhleFRvUmdiQSB9IGZyb20gXCJAY29yZS91dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBIdkJhc2VQcm9wcyB9IGZyb20gXCJAY29yZS90eXBlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiQGNvcmUvaG9va3NcIjtcbmltcG9ydCB0YWJsZVJvd0NsYXNzZXMsIHsgSHZUYWJsZVJvd0NsYXNzZXMgfSBmcm9tIFwiLi90YWJsZVJvd0NsYXNzZXNcIjtcbmltcG9ydCBUYWJsZUNvbnRleHQgZnJvbSBcIi4uL1RhYmxlQ29udGV4dFwiO1xuaW1wb3J0IFRhYmxlU2VjdGlvbkNvbnRleHQgZnJvbSBcIi4uL1RhYmxlU2VjdGlvbkNvbnRleHRcIjtcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gXCIuL1RhYmxlUm93LnN0eWxlc1wiO1xuaW1wb3J0IHsgY2hlY2tWYWxpZEhleENvbG9yVmFsdWUgfSBmcm9tIFwiLi4vdXRpbHNcIjtcblxuZXhwb3J0IGludGVyZmFjZSBIdlRhYmxlUm93UHJvcHNcbiAgZXh0ZW5kcyBIdkJhc2VQcm9wczxIVE1MVGFibGVSb3dFbGVtZW50LCBcImNoaWxkcmVuXCI+IHtcbiAgLyoqIENvbnRlbnQgdG8gYmUgcmVuZGVyZWQgKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqIFRoZSBjb21wb25lbnQgdXNlZCBmb3IgdGhlIHJvb3Qgbm9kZS4gRWl0aGVyIGEgc3RyaW5nIHRvIHVzZSBhIEhUTUwgZWxlbWVudCBvciBhIGNvbXBvbmVudC4gRGVmYXVsdHMgdG8gdGJvZHkuICovXG4gIGNvbXBvbmVudD86IFJlYWN0LkVsZW1lbnRUeXBlO1xuICAvKiogV2hldGhlciB0aGUgdGFibGUgcm93IHdpbGwgc2hhZGUgb24gaG92ZXIuICovXG4gIGhvdmVyPzogYm9vbGVhbjtcbiAgLyoqIFdoZXRoZXIgdGhlIHRhYmxlIHJvdyB3aWxsIGhhdmUgdGhlIHNlbGVjdGVkIHNoYWRpbmcuICovXG4gIHNlbGVjdGVkPzogYm9vbGVhbjtcbiAgLyoqIFdoZXRoZXIgdGhlIHRhYmxlIHJvdyBpcyBleHBhbmRlZC4gKi9cbiAgZXhwYW5kZWQ/OiBib29sZWFuO1xuICAvKiogV2hldGhlciB0aGUgdGFibGUgcm93IGJhY2tncm91bmQgaXMgc3RyaXBlZC4gKi9cbiAgc3RyaXBlZD86IGJvb2xlYW47XG4gIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gIGNsYXNzZXM/OiBIdlRhYmxlUm93Q2xhc3Nlcztcbn1cblxuY29uc3QgZGVmYXVsdENvbXBvbmVudCA9IFwidHJcIjtcblxuY29uc3QgU3R5bGVkVGFibGVSb3cgPSAoYzogYW55KSA9PlxuICBzdHlsZWQoXG4gICAgYyxcbiAgICB0cmFuc2llbnRPcHRpb25zXG4gICkoXG4gICAgKHtcbiAgICAgICRzdHJpcGVkLFxuICAgICAgJHN0cmlwZWRDb2xvckV2ZW4sXG4gICAgICAkc3RyaXBlZENvbG9yT2RkLFxuICAgIH06IHtcbiAgICAgICRzdHJpcGVkOiBib29sZWFuO1xuICAgICAgJHN0cmlwZWRDb2xvckV2ZW46IHN0cmluZztcbiAgICAgICRzdHJpcGVkQ29sb3JPZGQ6IHN0cmluZztcbiAgICB9KSA9PiAoe1xuICAgICAgLi4uKCRzdHJpcGVkICYmIHtcbiAgICAgICAgXCImOm50aC1vZi10eXBlKGV2ZW4pXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICRzdHJpcGVkQ29sb3JFdmVuLFxuICAgICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnRhYmxlLnJvd0hvdmVyQ29sb3IsXG4gICAgICAgICAgfSxcbiAgICAgICAgfSxcbiAgICAgICAgXCImOm50aC1vZi10eXBlKG9kZClcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogJHN0cmlwZWRDb2xvck9kZCxcbiAgICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS50YWJsZS5yb3dIb3ZlckNvbG9yLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9KVxuICApO1xuXG4vKipcbiAqIGBIdlRhYmxlUm93YCBhY3RzIGFzIGEgYHRyYCBlbGVtZW50IGFuZCBpbmhlcml0cyBzdHlsZXMgZnJvbSBpdHMgY29udGV4dFxuICovXG5leHBvcnQgY29uc3QgSHZUYWJsZVJvdyA9IGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIEh2VGFibGVSb3dQcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICBjbGFzc2VzLFxuICAgICAgY2xhc3NOYW1lLFxuICAgICAgY29tcG9uZW50LFxuICAgICAgaG92ZXIgPSBmYWxzZSxcbiAgICAgIHNlbGVjdGVkID0gZmFsc2UsXG4gICAgICBleHBhbmRlZCA9IGZhbHNlLFxuICAgICAgc3RyaXBlZCA9IGZhbHNlLFxuICAgICAgLi4ub3RoZXJzXG4gICAgfSxcbiAgICBleHRlcm5hbFJlZlxuICApID0+IHtcbiAgICBjb25zdCB7IGFjdGl2ZVRoZW1lLCBzZWxlY3RlZE1vZGUgfSA9IHVzZVRoZW1lKCk7XG4gICAgY29uc3QgdGFibGVDb250ZXh0ID0gdXNlQ29udGV4dChUYWJsZUNvbnRleHQpO1xuICAgIGNvbnN0IHRhYmxlU2VjdGlvbkNvbnRleHQgPSB1c2VDb250ZXh0KFRhYmxlU2VjdGlvbkNvbnRleHQpO1xuXG4gICAgY29uc3QgW2V2ZW4sIHNldEV2ZW5dID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPigpO1xuICAgIGNvbnN0IFtvZGQsIHNldE9kZF0gPSB1c2VTdGF0ZTxzdHJpbmcgfCB1bmRlZmluZWQ+KCk7XG5cbiAgICBjb25zdCB0eXBlID0gdGFibGVTZWN0aW9uQ29udGV4dD8udHlwZSB8fCBcImJvZHlcIjtcblxuICAgIGNvbnN0IGlzTGlzdCA9IHRhYmxlQ29udGV4dC52YXJpYW50ID09PSBcImxpc3Ryb3dcIjtcblxuICAgIGNvbnN0IENvbXBvbmVudCA9XG4gICAgICBjb21wb25lbnQgfHwgdGFibGVDb250ZXh0Py5jb21wb25lbnRzPy5UciB8fCBkZWZhdWx0Q29tcG9uZW50O1xuXG4gICAgY29uc3QgVGFibGVSb3cgPSB1c2VNZW1vKCgpID0+IFN0eWxlZFRhYmxlUm93KENvbXBvbmVudCksIFtDb21wb25lbnRdKTtcblxuICAgIGxldCBzdHJpcGVkQ29sb3JFdmVuID0gY2hlY2tWYWxpZEhleENvbG9yVmFsdWUoZXZlbilcbiAgICAgID8gaGV4VG9SZ2JBKGV2ZW4sIDAuNilcbiAgICAgIDogZXZlbjtcblxuICAgIGxldCBzdHJpcGVkQ29sb3JPZGQgPSBjaGVja1ZhbGlkSGV4Q29sb3JWYWx1ZShvZGQpXG4gICAgICA/IGhleFRvUmdiQShvZGQsIDAuNilcbiAgICAgIDogb2RkO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIHNldEV2ZW4oZ2V0VmFyVmFsdWUodGhlbWUudGFibGUucm93U3RyaXBlZEJhY2tncm91bmRDb2xvckV2ZW4pKTtcbiAgICAgIHNldE9kZChnZXRWYXJWYWx1ZSh0aGVtZS50YWJsZS5yb3dTdHJpcGVkQmFja2dyb3VuZENvbG9yT2RkKSk7XG4gICAgICBzdHJpcGVkQ29sb3JFdmVuID0gY2hlY2tWYWxpZEhleENvbG9yVmFsdWUoZXZlbilcbiAgICAgICAgPyBoZXhUb1JnYkEoZXZlbiwgMC42KVxuICAgICAgICA6IGV2ZW47XG4gICAgICBzdHJpcGVkQ29sb3JPZGQgPSBjaGVja1ZhbGlkSGV4Q29sb3JWYWx1ZShvZGQpXG4gICAgICAgID8gaGV4VG9SZ2JBKG9kZCwgMC42KVxuICAgICAgICA6IG9kZDtcbiAgICB9LCBbYWN0aXZlVGhlbWU/LmNvbG9ycz8ubW9kZXNbc2VsZWN0ZWRNb2RlXSwgZXZlbiwgb2RkXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPENsYXNzTmFtZXM+XG4gICAgICAgIHsoeyBjc3MsIGN4IH0pID0+IChcbiAgICAgICAgICA8VGFibGVSb3dcbiAgICAgICAgICAgIHJlZj17ZXh0ZXJuYWxSZWZ9XG4gICAgICAgICAgICBjbGFzc05hbWU9e2N4KFxuICAgICAgICAgICAgICB0YWJsZVNlY3Rpb25Db250ZXh0LmZpbHRlckNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgdGFibGVSb3dDbGFzc2VzLnJvb3QsXG4gICAgICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8ucm9vdCxcbiAgICAgICAgICAgICAgY3NzKHN0eWxlcy5yb290KSxcbiAgICAgICAgICAgICAgdGFibGVSb3dDbGFzc2VzW3R5cGVdLFxuICAgICAgICAgICAgICBjbGFzc2VzPy5bdHlwZV0sXG4gICAgICAgICAgICAgIGNzcyhzdHlsZXNbdHlwZV0pLFxuICAgICAgICAgICAgICBob3ZlciAmJlxuICAgICAgICAgICAgICAgICh0YWJsZVJvd0NsYXNzZXMuaG92ZXIsIGNsYXNzZXM/LmhvdmVyLCBjc3Moc3R5bGVzLmhvdmVyKSksXG4gICAgICAgICAgICAgIHNlbGVjdGVkICYmXG4gICAgICAgICAgICAgICAgY3goXG4gICAgICAgICAgICAgICAgICB0YWJsZVJvd0NsYXNzZXMuc2VsZWN0ZWQsXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5zZWxlY3RlZCxcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMuc2VsZWN0ZWQpXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgZXhwYW5kZWQgJiZcbiAgICAgICAgICAgICAgICBjeChcbiAgICAgICAgICAgICAgICAgIHRhYmxlUm93Q2xhc3Nlcy5leHBhbmRlZCxcbiAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LmV4cGFuZGVkLFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5leHBhbmRlZClcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICBzdHJpcGVkICYmXG4gICAgICAgICAgICAgICAgY3goXG4gICAgICAgICAgICAgICAgICB0YWJsZVJvd0NsYXNzZXMuc3RyaXBlZCxcbiAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LnN0cmlwZWQsXG4gICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLnN0cmlwZWQpXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgaXNMaXN0ICYmXG4gICAgICAgICAgICAgICAgdHlwZSA9PT0gXCJib2R5XCIgJiZcbiAgICAgICAgICAgICAgICBjeChcbiAgICAgICAgICAgICAgICAgIHRhYmxlUm93Q2xhc3Nlcy52YXJpYW50TGlzdCxcbiAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LnZhcmlhbnRMaXN0LFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy52YXJpYW50TGlzdClcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICBpc0xpc3QgJiZcbiAgICAgICAgICAgICAgICB0eXBlID09PSBcImhlYWRcIiAmJlxuICAgICAgICAgICAgICAgIGN4KFxuICAgICAgICAgICAgICAgICAgdGFibGVSb3dDbGFzc2VzLnZhcmlhbnRMaXN0SGVhZCxcbiAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LnZhcmlhbnRMaXN0SGVhZCxcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMudmFyaWFudExpc3RIZWFkKVxuICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICByb2xlPXtDb21wb25lbnQgPT09IGRlZmF1bHRDb21wb25lbnQgPyBudWxsIDogXCJyb3dcIn1cbiAgICAgICAgICAgICRzdHJpcGVkPXtzdHJpcGVkfVxuICAgICAgICAgICAgJHN0cmlwZWRDb2xvckV2ZW49e3N0cmlwZWRDb2xvckV2ZW59XG4gICAgICAgICAgICAkc3RyaXBlZENvbG9yT2RkPXtzdHJpcGVkQ29sb3JPZGR9XG4gICAgICAgICAgICB7Li4ub3RoZXJzfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICA8L0NsYXNzTmFtZXM+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */");
+}), 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,
@@ -79,13 +79,13 @@ 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 = utils.checkValidHexColorValue(even) ? hexToRgbA.default(even, 0.6) : even;
-  let stripedColorOdd = utils.checkValidHexColorValue(odd) ? hexToRgbA.default(odd, 0.6) : odd;
+  let stripedColorEven = checkValidHexColorValue.default(even) ? hexToRgbA.default(even, 0.6) : even;
+  let stripedColorOdd = checkValidHexColorValue.default(odd) ? hexToRgbA.default(odd, 0.6) : odd;
   React.useEffect(() => {
     setEven(theme.getVarValue(uikitStyles.theme.table.rowStripedBackgroundColorEven));
     setOdd(theme.getVarValue(uikitStyles.theme.table.rowStripedBackgroundColorOdd));
-    stripedColorEven = utils.checkValidHexColorValue(even) ? hexToRgbA.default(even, 0.6) : even;
-    stripedColorOdd = utils.checkValidHexColorValue(odd) ? hexToRgbA.default(odd, 0.6) : odd;
+    stripedColorEven = checkValidHexColorValue.default(even) ? hexToRgbA.default(even, 0.6) : even;
+    stripedColorOdd = checkValidHexColorValue.default(odd) ? hexToRgbA.default(odd, 0.6) : odd;
   }, [(_b = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _b.modes[selectedMode], even, odd]);
   return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
     children: ({

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

@@ -1 +1 @@
-{"version":3,"file":"TableRow.cjs","sources":["../../../../../src/components/Table/TableRow/TableRow.tsx"],"sourcesContent":["import { forwardRef, useContext, useEffect, useMemo, useState } from \"react\";\nimport { ClassNames } from \"@emotion/react\";\nimport styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { getVarValue, hexToRgbA } from \"@core/utils\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { HvBaseProps } from \"@core/types\";\nimport { useTheme } from \"@core/hooks\";\nimport tableRowClasses, { HvTableRowClasses } from \"./tableRowClasses\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { styles } from \"./TableRow.styles\";\nimport { checkValidHexColorValue } from \"../utils\";\n\nexport interface HvTableRowProps\n  extends HvBaseProps<HTMLTableRowElement, \"children\"> {\n  /** Content to be rendered */\n  children: React.ReactNode;\n  /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to tbody. */\n  component?: React.ElementType;\n  /** Whether the table row will shade on hover. */\n  hover?: boolean;\n  /** Whether the table row will have the selected shading. */\n  selected?: boolean;\n  /** Whether the table row is expanded. */\n  expanded?: boolean;\n  /** Whether the table row background is striped. */\n  striped?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableRowClasses;\n}\n\nconst defaultComponent = \"tr\";\n\nconst StyledTableRow = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(\n    ({\n      $striped,\n      $stripedColorEven,\n      $stripedColorOdd,\n    }: {\n      $striped: boolean;\n      $stripedColorEven: string;\n      $stripedColorOdd: string;\n    }) => ({\n      ...($striped && {\n        \"&:nth-of-type(even)\": {\n          backgroundColor: $stripedColorEven,\n          \"&:hover\": {\n            backgroundColor: theme.table.rowHoverColor,\n          },\n        },\n        \"&:nth-of-type(odd)\": {\n          backgroundColor: $stripedColorOdd,\n          \"&:hover\": {\n            backgroundColor: theme.table.rowHoverColor,\n          },\n        },\n      }),\n    })\n  );\n\n/**\n * `HvTableRow` acts as a `tr` element and inherits styles from its context\n */\nexport const HvTableRow = forwardRef<HTMLElement, HvTableRowProps>(\n  (\n    {\n      classes,\n      className,\n      component,\n      hover = false,\n      selected = false,\n      expanded = false,\n      striped = 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 [even, setEven] = useState<string | undefined>();\n    const [odd, setOdd] = useState<string | undefined>();\n\n    const type = tableSectionContext?.type || \"body\";\n\n    const isList = tableContext.variant === \"listrow\";\n\n    const Component =\n      component || tableContext?.components?.Tr || defaultComponent;\n\n    const TableRow = useMemo(() => StyledTableRow(Component), [Component]);\n\n    let stripedColorEven = checkValidHexColorValue(even)\n      ? hexToRgbA(even, 0.6)\n      : even;\n\n    let stripedColorOdd = checkValidHexColorValue(odd)\n      ? hexToRgbA(odd, 0.6)\n      : odd;\n\n    useEffect(() => {\n      setEven(getVarValue(theme.table.rowStripedBackgroundColorEven));\n      setOdd(getVarValue(theme.table.rowStripedBackgroundColorOdd));\n      stripedColorEven = checkValidHexColorValue(even)\n        ? hexToRgbA(even, 0.6)\n        : even;\n      stripedColorOdd = checkValidHexColorValue(odd)\n        ? hexToRgbA(odd, 0.6)\n        : odd;\n    }, [activeTheme?.colors?.modes[selectedMode], even, odd]);\n\n    return (\n      <ClassNames>\n        {({ css, cx }) => (\n          <TableRow\n            ref={externalRef}\n            className={cx(\n              tableSectionContext.filterClassName,\n              tableRowClasses.root,\n              className,\n              classes?.root,\n              css(styles.root),\n              tableRowClasses[type],\n              classes?.[type],\n              css(styles[type]),\n              hover &&\n                (tableRowClasses.hover, classes?.hover, css(styles.hover)),\n              selected &&\n                cx(\n                  tableRowClasses.selected,\n                  classes?.selected,\n                  css(styles.selected)\n                ),\n              expanded &&\n                cx(\n                  tableRowClasses.expanded,\n                  classes?.expanded,\n                  css(styles.expanded)\n                ),\n              striped &&\n                cx(\n                  tableRowClasses.striped,\n                  classes?.striped,\n                  css(styles.striped)\n                ),\n              isList &&\n                type === \"body\" &&\n                cx(\n                  tableRowClasses.variantList,\n                  classes?.variantList,\n                  css(styles.variantList)\n                ),\n              isList &&\n                type === \"head\" &&\n                cx(\n                  tableRowClasses.variantListHead,\n                  classes?.variantListHead,\n                  css(styles.variantListHead)\n                )\n            )}\n            role={Component === defaultComponent ? null : \"row\"}\n            $striped={striped}\n            $stripedColorEven={stripedColorEven}\n            $stripedColorOdd={stripedColorOdd}\n            {...others}\n          />\n        )}\n      </ClassNames>\n    );\n  }\n);\n"],"names":["defaultComponent","StyledTableRow","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$striped","$stripedColorEven","$stripedColorOdd","backgroundColor","theme","table","rowHoverColor","HvTableRow","forwardRef","classes","className","component","hover","selected","expanded","striped","others","externalRef","activeTheme","selectedMode","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","even","setEven","useState","odd","setOdd","type","isList","variant","Component","components","Tr","TableRow","useMemo","stripedColorEven","checkValidHexColorValue","hexToRgbA","stripedColorOdd","useEffect","getVarValue","rowStripedBackgroundColorEven","rowStripedBackgroundColorOdd","colors","modes","ClassNames","children","css","cx","ref","filterClassName","tableRowClasses","root","styles","variantList","variantListHead","role"],"mappings":"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"}
+{"version":3,"file":"TableRow.cjs","sources":["../../../../../src/components/Table/TableRow/TableRow.tsx"],"sourcesContent":["import { forwardRef, useContext, useEffect, useMemo, useState } from \"react\";\nimport { ClassNames } from \"@emotion/react\";\nimport styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { checkValidHexColorValue, getVarValue, hexToRgbA } from \"@core/utils\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { HvBaseProps } from \"@core/types\";\nimport { useTheme } from \"@core/hooks\";\nimport tableRowClasses, { HvTableRowClasses } from \"./tableRowClasses\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { styles } from \"./TableRow.styles\";\n\nexport interface HvTableRowProps\n  extends HvBaseProps<HTMLTableRowElement, \"children\"> {\n  /** Content to be rendered */\n  children: React.ReactNode;\n  /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to tbody. */\n  component?: React.ElementType;\n  /** Whether the table row will shade on hover. */\n  hover?: boolean;\n  /** Whether the table row will have the selected shading. */\n  selected?: boolean;\n  /** Whether the table row is expanded. */\n  expanded?: boolean;\n  /** Whether the table row background is striped. */\n  striped?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableRowClasses;\n}\n\nconst defaultComponent = \"tr\";\n\nconst StyledTableRow = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(\n    ({\n      $striped,\n      $stripedColorEven,\n      $stripedColorOdd,\n    }: {\n      $striped: boolean;\n      $stripedColorEven: string;\n      $stripedColorOdd: string;\n    }) => ({\n      ...($striped && {\n        \"&:nth-of-type(even)\": {\n          backgroundColor: $stripedColorEven,\n          \"&:hover\": {\n            backgroundColor: theme.table.rowHoverColor,\n          },\n        },\n        \"&:nth-of-type(odd)\": {\n          backgroundColor: $stripedColorOdd,\n          \"&:hover\": {\n            backgroundColor: theme.table.rowHoverColor,\n          },\n        },\n      }),\n    })\n  );\n\n/**\n * `HvTableRow` acts as a `tr` element and inherits styles from its context\n */\nexport const HvTableRow = forwardRef<HTMLElement, HvTableRowProps>(\n  (\n    {\n      classes,\n      className,\n      component,\n      hover = false,\n      selected = false,\n      expanded = false,\n      striped = 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 [even, setEven] = useState<string | undefined>();\n    const [odd, setOdd] = useState<string | undefined>();\n\n    const type = tableSectionContext?.type || \"body\";\n\n    const isList = tableContext.variant === \"listrow\";\n\n    const Component =\n      component || tableContext?.components?.Tr || defaultComponent;\n\n    const TableRow = useMemo(() => StyledTableRow(Component), [Component]);\n\n    let stripedColorEven = checkValidHexColorValue(even)\n      ? hexToRgbA(even, 0.6)\n      : even;\n\n    let stripedColorOdd = checkValidHexColorValue(odd)\n      ? hexToRgbA(odd, 0.6)\n      : odd;\n\n    useEffect(() => {\n      setEven(getVarValue(theme.table.rowStripedBackgroundColorEven));\n      setOdd(getVarValue(theme.table.rowStripedBackgroundColorOdd));\n      stripedColorEven = checkValidHexColorValue(even)\n        ? hexToRgbA(even, 0.6)\n        : even;\n      stripedColorOdd = checkValidHexColorValue(odd)\n        ? hexToRgbA(odd, 0.6)\n        : odd;\n    }, [activeTheme?.colors?.modes[selectedMode], even, odd]);\n\n    return (\n      <ClassNames>\n        {({ css, cx }) => (\n          <TableRow\n            ref={externalRef}\n            className={cx(\n              tableSectionContext.filterClassName,\n              tableRowClasses.root,\n              className,\n              classes?.root,\n              css(styles.root),\n              tableRowClasses[type],\n              classes?.[type],\n              css(styles[type]),\n              hover &&\n                (tableRowClasses.hover, classes?.hover, css(styles.hover)),\n              selected &&\n                cx(\n                  tableRowClasses.selected,\n                  classes?.selected,\n                  css(styles.selected)\n                ),\n              expanded &&\n                cx(\n                  tableRowClasses.expanded,\n                  classes?.expanded,\n                  css(styles.expanded)\n                ),\n              striped &&\n                cx(\n                  tableRowClasses.striped,\n                  classes?.striped,\n                  css(styles.striped)\n                ),\n              isList &&\n                type === \"body\" &&\n                cx(\n                  tableRowClasses.variantList,\n                  classes?.variantList,\n                  css(styles.variantList)\n                ),\n              isList &&\n                type === \"head\" &&\n                cx(\n                  tableRowClasses.variantListHead,\n                  classes?.variantListHead,\n                  css(styles.variantListHead)\n                )\n            )}\n            role={Component === defaultComponent ? null : \"row\"}\n            $striped={striped}\n            $stripedColorEven={stripedColorEven}\n            $stripedColorOdd={stripedColorOdd}\n            {...others}\n          />\n        )}\n      </ClassNames>\n    );\n  }\n);\n"],"names":["defaultComponent","StyledTableRow","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$striped","$stripedColorEven","$stripedColorOdd","backgroundColor","theme","table","rowHoverColor","HvTableRow","forwardRef","classes","className","component","hover","selected","expanded","striped","others","externalRef","activeTheme","selectedMode","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","even","setEven","useState","odd","setOdd","type","isList","variant","Component","components","Tr","TableRow","useMemo","stripedColorEven","checkValidHexColorValue","hexToRgbA","stripedColorOdd","useEffect","getVarValue","rowStripedBackgroundColorEven","rowStripedBackgroundColorOdd","colors","modes","ClassNames","children","css","cx","ref","filterClassName","tableRowClasses","root","styles","variantList","variantListHead","role"],"mappings":"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"}

package/dist/cjs/components/Table/utils/utils.cjs

@@ -44,10 +44,5 @@ const getBorderStyles = (type, color, borderRadius) => {
     };
   }
 };
-const checkValidHexColorValue = (value) => {
-  const reg = /^#([0-9a-f]{3}){1,2}$/i;
-  return value ? reg.test(value) : false;
-};
-exports.checkValidHexColorValue = checkValidHexColorValue;
 exports.getBorderStyles = getBorderStyles;
 //# sourceMappingURL=utils.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../../../../src/components/Table/utils/utils.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const getBorderStyles = (\n  type: string,\n  color: string,\n  borderRadius?: string\n) => {\n  const rowBorderRadius = borderRadius || theme.table.rowBorderRadius;\n  if (type === \"row\") {\n    return {\n      \"& td:first-of-type\": {\n        borderLeft: `1px solid ${color}`,\n        borderTop: `1px solid ${color}`,\n        borderBottom: `1px solid ${color}`,\n        borderRadius: `${rowBorderRadius} 0 0 ${rowBorderRadius}`,\n      },\n      \"& td:last-child\": {\n        borderRight: `1px solid ${color}`,\n        borderTop: `1px solid ${color}`,\n        borderBottom: `1px solid ${color}`,\n        borderRadius: `0 ${rowBorderRadius} ${rowBorderRadius} 0`,\n      },\n      \"& td:not(:first-of-type):not(:last-child)\": {\n        borderTop: `1px solid ${color}`,\n        borderBottom: `1px solid ${color}`,\n      },\n    };\n  }\n  if (type === \"cell\") {\n    return {\n      \":first-of-type&\": {\n        borderLeft: `1px solid ${theme.table.rowBorderColor}`,\n        borderTop: `1px solid ${theme.table.rowBorderColor}`,\n        borderBottom: `1px solid ${theme.table.rowBorderColor}`,\n        borderRadius: `${rowBorderRadius} 0 0 ${rowBorderRadius}`,\n      },\n      \":last-child&\": {\n        borderRight: `1px solid ${theme.table.rowBorderColor}`,\n        borderTop: `1px solid ${theme.table.rowBorderColor}`,\n        borderBottom: `1px solid ${theme.table.rowBorderColor}`,\n        borderRadius: `0 ${rowBorderRadius} ${rowBorderRadius} 0`,\n      },\n      \":not(:first-of-type):not(:last-child)&\": {\n        borderTop: `1px solid ${theme.table.rowBorderColor}`,\n        borderBottom: `1px solid ${theme.table.rowBorderColor}`,\n      },\n    };\n  }\n};\n\nexport const checkValidHexColorValue = (value?: string): boolean => {\n  const reg = /^#([0-9a-f]{3}){1,2}$/i;\n  return value ? reg.test(value) : false;\n};\n"],"names":["getBorderStyles","type","color","borderRadius","rowBorderRadius","theme","table","borderLeft","borderTop","borderBottom","borderRight","rowBorderColor","checkValidHexColorValue","value","reg","test"],"mappings":";;;AAEO,MAAMA,kBAAkBA,CAC7BC,MACAC,OACAC,iBACG;AACGC,QAAAA,kBAAkBD,gBAAgBE,kBAAMC,MAAMF;AACpD,MAAIH,SAAS,OAAO;AACX,WAAA;AAAA,MACL,sBAAsB;AAAA,QACpBM,YAAa,aAAYL;AAAAA,QACzBM,WAAY,aAAYN;AAAAA,QACxBO,cAAe,aAAYP;AAAAA,QAC3BC,cAAe,GAAEC,uBAAuBA;AAAAA,MAC1C;AAAA,MACA,mBAAmB;AAAA,QACjBM,aAAc,aAAYR;AAAAA,QAC1BM,WAAY,aAAYN;AAAAA,QACxBO,cAAe,aAAYP;AAAAA,QAC3BC,cAAe,KAAIC,mBAAmBA;AAAAA,MACxC;AAAA,MACA,6CAA6C;AAAA,QAC3CI,WAAY,aAAYN;AAAAA,QACxBO,cAAe,aAAYP;AAAAA,MAC7B;AAAA,IAAA;AAAA,EAEJ;AACA,MAAID,SAAS,QAAQ;AACZ,WAAA;AAAA,MACL,mBAAmB;AAAA,QACjBM,YAAa,aAAYF,YAAAA,MAAMC,MAAMK;AAAAA,QACrCH,WAAY,aAAYH,YAAAA,MAAMC,MAAMK;AAAAA,QACpCF,cAAe,aAAYJ,YAAAA,MAAMC,MAAMK;AAAAA,QACvCR,cAAe,GAAEC,uBAAuBA;AAAAA,MAC1C;AAAA,MACA,gBAAgB;AAAA,QACdM,aAAc,aAAYL,YAAAA,MAAMC,MAAMK;AAAAA,QACtCH,WAAY,aAAYH,YAAAA,MAAMC,MAAMK;AAAAA,QACpCF,cAAe,aAAYJ,YAAAA,MAAMC,MAAMK;AAAAA,QACvCR,cAAe,KAAIC,mBAAmBA;AAAAA,MACxC;AAAA,MACA,0CAA0C;AAAA,QACxCI,WAAY,aAAYH,YAAAA,MAAMC,MAAMK;AAAAA,QACpCF,cAAe,aAAYJ,YAAAA,MAAMC,MAAMK;AAAAA,MACzC;AAAA,IAAA;AAAA,EAEJ;AACF;AAEaC,MAAAA,0BAA0BA,CAACC,UAA4B;AAClE,QAAMC,MAAM;AACZ,SAAOD,QAAQC,IAAIC,KAAKF,KAAK,IAAI;AACnC;;;"}
+{"version":3,"file":"utils.cjs","sources":["../../../../../src/components/Table/utils/utils.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const getBorderStyles = (\n  type: string,\n  color: string,\n  borderRadius?: string\n) => {\n  const rowBorderRadius = borderRadius || theme.table.rowBorderRadius;\n  if (type === \"row\") {\n    return {\n      \"& td:first-of-type\": {\n        borderLeft: `1px solid ${color}`,\n        borderTop: `1px solid ${color}`,\n        borderBottom: `1px solid ${color}`,\n        borderRadius: `${rowBorderRadius} 0 0 ${rowBorderRadius}`,\n      },\n      \"& td:last-child\": {\n        borderRight: `1px solid ${color}`,\n        borderTop: `1px solid ${color}`,\n        borderBottom: `1px solid ${color}`,\n        borderRadius: `0 ${rowBorderRadius} ${rowBorderRadius} 0`,\n      },\n      \"& td:not(:first-of-type):not(:last-child)\": {\n        borderTop: `1px solid ${color}`,\n        borderBottom: `1px solid ${color}`,\n      },\n    };\n  }\n  if (type === \"cell\") {\n    return {\n      \":first-of-type&\": {\n        borderLeft: `1px solid ${theme.table.rowBorderColor}`,\n        borderTop: `1px solid ${theme.table.rowBorderColor}`,\n        borderBottom: `1px solid ${theme.table.rowBorderColor}`,\n        borderRadius: `${rowBorderRadius} 0 0 ${rowBorderRadius}`,\n      },\n      \":last-child&\": {\n        borderRight: `1px solid ${theme.table.rowBorderColor}`,\n        borderTop: `1px solid ${theme.table.rowBorderColor}`,\n        borderBottom: `1px solid ${theme.table.rowBorderColor}`,\n        borderRadius: `0 ${rowBorderRadius} ${rowBorderRadius} 0`,\n      },\n      \":not(:first-of-type):not(:last-child)&\": {\n        borderTop: `1px solid ${theme.table.rowBorderColor}`,\n        borderBottom: `1px solid ${theme.table.rowBorderColor}`,\n      },\n    };\n  }\n};\n"],"names":["getBorderStyles","type","color","borderRadius","rowBorderRadius","theme","table","borderLeft","borderTop","borderBottom","borderRight","rowBorderColor"],"mappings":";;;AAEO,MAAMA,kBAAkBA,CAC7BC,MACAC,OACAC,iBACG;AACGC,QAAAA,kBAAkBD,gBAAgBE,kBAAMC,MAAMF;AACpD,MAAIH,SAAS,OAAO;AACX,WAAA;AAAA,MACL,sBAAsB;AAAA,QACpBM,YAAa,aAAYL;AAAAA,QACzBM,WAAY,aAAYN;AAAAA,QACxBO,cAAe,aAAYP;AAAAA,QAC3BC,cAAe,GAAEC,uBAAuBA;AAAAA,MAC1C;AAAA,MACA,mBAAmB;AAAA,QACjBM,aAAc,aAAYR;AAAAA,QAC1BM,WAAY,aAAYN;AAAAA,QACxBO,cAAe,aAAYP;AAAAA,QAC3BC,cAAe,KAAIC,mBAAmBA;AAAAA,MACxC;AAAA,MACA,6CAA6C;AAAA,QAC3CI,WAAY,aAAYN;AAAAA,QACxBO,cAAe,aAAYP;AAAAA,MAC7B;AAAA,IAAA;AAAA,EAEJ;AACA,MAAID,SAAS,QAAQ;AACZ,WAAA;AAAA,MACL,mBAAmB;AAAA,QACjBM,YAAa,aAAYF,YAAAA,MAAMC,MAAMK;AAAAA,QACrCH,WAAY,aAAYH,YAAAA,MAAMC,MAAMK;AAAAA,QACpCF,cAAe,aAAYJ,YAAAA,MAAMC,MAAMK;AAAAA,QACvCR,cAAe,GAAEC,uBAAuBA;AAAAA,MAC1C;AAAA,MACA,gBAAgB;AAAA,QACdM,aAAc,aAAYL,YAAAA,MAAMC,MAAMK;AAAAA,QACtCH,WAAY,aAAYH,YAAAA,MAAMC,MAAMK;AAAAA,QACpCF,cAAe,aAAYJ,YAAAA,MAAMC,MAAMK;AAAAA,QACvCR,cAAe,KAAIC,mBAAmBA;AAAAA,MACxC;AAAA,MACA,0CAA0C;AAAA,QACxCI,WAAY,aAAYH,YAAAA,MAAMC,MAAMK;AAAAA,QACpCF,cAAe,aAAYJ,YAAAA,MAAMC,MAAMK;AAAAA,MACzC;AAAA,IAAA;AAAA,EAEJ;AACF;;"}

package/dist/cjs/components/Tooltip/Tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.cjs","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import {\n  Fade,\n  Tooltip as MuiTooltip,\n  TooltipProps as MuiTooltipProps,\n} from \"@mui/material\";\nimport { forwardRef, ReactElement } from \"react\";\nimport { TransitionProps as MuiTransitionProps } from \"@mui/material/transitions\";\nimport { clsx } from \"clsx\";\nimport { useTheme } from \"@core/hooks\";\nimport { popperSx } from \"./Tooltip.styles\";\nimport tooltipClasses, { HvTooltipClasses } from \"./tooltipClasses\";\n\nexport type HvTooltipPlacementType =\n  | \"bottom-end\"\n  | \"bottom-start\"\n  | \"bottom\"\n  | \"left-end\"\n  | \"left-start\"\n  | \"left\"\n  | \"right-end\"\n  | \"right-start\"\n  | \"right\"\n  | \"top-end\"\n  | \"top-start\"\n  | \"top\";\n\nexport interface HvTooltipProps\n  extends Omit<MuiTooltipProps, \"classes\" | \"title\"> {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvTooltipClasses;\n  /**\n   * If true, the tooltip is shown.\n   */\n  open?: boolean;\n  /**\n   * Tooltip placement.\n   */\n  placement?: HvTooltipPlacementType;\n  /**\n   * The number of milliseconds to wait before showing the tooltip.\n   * This property won't impact the enter touch delay (enterTouchDelay).\n   */\n  enterDelay?: number;\n  /**\n   * Tooltip title. Zero-length titles string are never displayed.\n   */\n  title?: string | ReactElement;\n  /**\n   * The component used for the transition\n   */\n  TransitionComponent?: React.JSXElementConstructor<\n    MuiTransitionProps & { children: React.ReactElement<any, any> }\n  >;\n  /**\n   * Properties applied to the Transition element.\n   */\n  TransitionProps?: MuiTransitionProps;\n  /**\n   * Defines if should use a single or multiline tooltip.\n   */\n  useSingle?: boolean;\n  /**\n   * Node to apply the tooltip.\n   */\n  children: ReactElement;\n}\n\n/**\n * Tooltips display informative text when users hover over, focus on, or tap an element.\n */\n\nexport const HvTooltip = forwardRef((props: HvTooltipProps, ref) => {\n  const {\n    className,\n    classes,\n    open,\n    enterDelay = 300,\n    placement = \"top\",\n    useSingle = true,\n    children,\n    title,\n    TransitionComponent = Fade,\n    TransitionProps = { timeout: 400, placement },\n    ...others\n  } = props;\n\n  const { rootId } = useTheme();\n\n  return (\n    <MuiTooltip\n      ref={ref}\n      open={open ?? undefined}\n      enterDelay={enterDelay}\n      placement={placement}\n      TransitionComponent={TransitionComponent}\n      TransitionProps={TransitionProps}\n      className={className}\n      classes={{\n        tooltip: useSingle\n          ? clsx(tooltipClasses.tooltip, classes?.tooltip)\n          : clsx(tooltipClasses.tooltipMulti, classes?.tooltipMulti),\n        popper: clsx(tooltipClasses.popper, classes?.popper),\n      }}\n      title={title}\n      PopperProps={{\n        sx: popperSx(useSingle),\n        container: document.getElementById(rootId || \"\") || document.body,\n      }}\n      {...others}\n    >\n      {children}\n    </MuiTooltip>\n  );\n});\n"],"names":["HvTooltip","forwardRef","props","ref","className","classes","open","enterDelay","placement","useSingle","children","title","TransitionComponent","Fade","TransitionProps","timeout","others","rootId","useTheme","MuiTooltip","undefined","tooltip","clsx","tooltipClasses","tooltipMulti","popper","PopperProps","sx","popperSx","container","document","getElementById","body"],"mappings":";;;;;;;;;AA6EO,MAAMA,YAAYC,MAAAA,WAAW,CAACC,OAAuBC,QAAQ;AAC5D,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,aAAa;AAAA,IACbC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC;AAAAA,IACAC;AAAAA,IACAC,sBAAsBC,SAAAA;AAAAA,IACtBC,kBAAkB;AAAA,MAAEC,SAAS;AAAA,MAAKP;AAAAA,IAAU;AAAA,IAC5C,GAAGQ;AAAAA,EACDd,IAAAA;AAEE,QAAA;AAAA,IAAEe;AAAAA,MAAWC,SAAU,SAAA;AAE7B,wCACGC,SAAAA,SAAU;AAAA,IACThB;AAAAA,IACAG,MAAMA,QAAQc;AAAAA,IACdb;AAAAA,IACAC;AAAAA,IACAI;AAAAA,IACAE;AAAAA,IACAV;AAAAA,IACAC,SAAS;AAAA,MACPgB,SAASZ,YACLa,KAAAA,KAAKC,eAAAA,QAAeF,SAAShB,mCAASgB,OAAO,IAC7CC,KAAKC,KAAAA,eAAAA,QAAeC,cAAcnB,mCAASmB,YAAY;AAAA,MAC3DC,QAAQH,KAAAA,KAAKC,eAAAA,QAAeE,QAAQpB,mCAASoB,MAAM;AAAA,IACrD;AAAA,IACAd;AAAAA,IACAe,aAAa;AAAA,MACXC,IAAIC,wBAASnB,SAAS;AAAA,MACtBoB,WAAWC,SAASC,eAAed,UAAU,EAAE,KAAKa,SAASE;AAAAA,IAC/D;AAAA,IAAE,GACEhB;AAAAA,IAAMN;AAAAA,EAAAA,CAGC;AAEjB,CAAC;;"}
+{"version":3,"file":"Tooltip.cjs","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import {\n  Fade,\n  Tooltip as MuiTooltip,\n  TooltipProps as MuiTooltipProps,\n} from \"@mui/material\";\nimport { forwardRef, ReactElement } from \"react\";\nimport { clsx } from \"clsx\";\nimport { useTheme } from \"@core/hooks\";\nimport { popperSx } from \"./Tooltip.styles\";\nimport tooltipClasses, { HvTooltipClasses } from \"./tooltipClasses\";\n\nexport type HvTooltipPlacementType = MuiTooltipProps[\"placement\"];\n\nexport interface HvTooltipProps extends Omit<MuiTooltipProps, \"classes\"> {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvTooltipClasses;\n  /**\n   * If true, the tooltip is shown.\n   */\n  open?: boolean;\n  /**\n   * Tooltip placement.\n   */\n  placement?: HvTooltipPlacementType;\n  /**\n   * The number of milliseconds to wait before showing the tooltip.\n   * This property won't impact the enter touch delay (enterTouchDelay).\n   */\n  enterDelay?: number;\n  /** @inheritdoc */\n  title: MuiTooltipProps[\"title\"];\n  /** @inheritdoc */\n  TransitionComponent?: MuiTooltipProps[\"TransitionComponent\"];\n  /** @inheritdoc */\n  TransitionProps?: MuiTooltipProps[\"TransitionProps\"];\n  /**\n   * Defines if should use a single or multiline tooltip.\n   */\n  useSingle?: boolean;\n  /**\n   * Node to apply the tooltip.\n   */\n  children: ReactElement;\n}\n\n/**\n * Tooltips display informative text when users hover over, focus on, or tap an element.\n * Accessibility-wise, the tooltip automatically labels the `children` content.\n */\nexport const HvTooltip = forwardRef((props: HvTooltipProps, ref) => {\n  const {\n    className,\n    classes,\n    open,\n    enterDelay = 300,\n    placement = \"top\",\n    useSingle = true,\n    children,\n    title,\n    TransitionComponent = Fade,\n    TransitionProps = { timeout: 400, placement },\n    ...others\n  } = props;\n\n  const { rootId } = useTheme();\n\n  return (\n    <MuiTooltip\n      ref={ref}\n      open={open ?? undefined}\n      enterDelay={enterDelay}\n      placement={placement}\n      TransitionComponent={TransitionComponent}\n      TransitionProps={TransitionProps}\n      className={className}\n      classes={{\n        tooltip: useSingle\n          ? clsx(tooltipClasses.tooltip, classes?.tooltip)\n          : clsx(tooltipClasses.tooltipMulti, classes?.tooltipMulti),\n        popper: clsx(tooltipClasses.popper, classes?.popper),\n      }}\n      title={title}\n      PopperProps={{\n        sx: popperSx(useSingle),\n        container: document.getElementById(rootId || \"\") || document.body,\n      }}\n      {...others}\n    >\n      {children}\n    </MuiTooltip>\n  );\n});\n"],"names":["HvTooltip","forwardRef","props","ref","className","classes","open","enterDelay","placement","useSingle","children","title","TransitionComponent","Fade","TransitionProps","timeout","others","rootId","useTheme","MuiTooltip","undefined","tooltip","clsx","tooltipClasses","tooltipMulti","popper","PopperProps","sx","popperSx","container","document","getElementById","body"],"mappings":";;;;;;;;;AAuDO,MAAMA,YAAYC,MAAAA,WAAW,CAACC,OAAuBC,QAAQ;AAC5D,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,aAAa;AAAA,IACbC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC;AAAAA,IACAC;AAAAA,IACAC,sBAAsBC,SAAAA;AAAAA,IACtBC,kBAAkB;AAAA,MAAEC,SAAS;AAAA,MAAKP;AAAAA,IAAU;AAAA,IAC5C,GAAGQ;AAAAA,EACDd,IAAAA;AAEE,QAAA;AAAA,IAAEe;AAAAA,MAAWC,SAAU,SAAA;AAE7B,wCACGC,SAAAA,SAAU;AAAA,IACThB;AAAAA,IACAG,MAAMA,QAAQc;AAAAA,IACdb;AAAAA,IACAC;AAAAA,IACAI;AAAAA,IACAE;AAAAA,IACAV;AAAAA,IACAC,SAAS;AAAA,MACPgB,SAASZ,YACLa,KAAAA,KAAKC,eAAAA,QAAeF,SAAShB,mCAASgB,OAAO,IAC7CC,KAAKC,KAAAA,eAAAA,QAAeC,cAAcnB,mCAASmB,YAAY;AAAA,MAC3DC,QAAQH,KAAAA,KAAKC,eAAAA,QAAeE,QAAQpB,mCAASoB,MAAM;AAAA,IACrD;AAAA,IACAd;AAAAA,IACAe,aAAa;AAAA,MACXC,IAAIC,wBAASnB,SAAS;AAAA,MACtBoB,WAAWC,SAASC,eAAed,UAAU,EAAE,KAAKa,SAASE;AAAAA,IAC/D;AAAA,IAAE,GACEhB;AAAAA,IAAMN;AAAAA,EAAAA,CAGC;AAEjB,CAAC;;"}

package/dist/cjs/components/Tooltip/Tooltip.styles.cjs

@@ -3,46 +3,34 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const material = require("@mui/material");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const tooltipClasses = require("./tooltipClasses.cjs");
-const singleStyle = {
-  maxWidth: 532,
-  padding: "15px 20px",
-  display: "flex",
-  backgroundColor: uikitStyles.theme.colors.atmo1,
-  borderRadius: uikitStyles.theme.tooltip.borderRadius,
-  boxShadow: uikitStyles.theme.colors.shadow,
-  width: "fit-content",
-  "& p": {
-    display: "-webkit-box",
-    width: "fit-content",
-    boxOrient: "vertical",
-    textOverflow: "ellipsis",
-    overflow: "hidden",
-    wordBreak: "break-word",
-    color: uikitStyles.theme.colors.secondary
-  }
-};
-const multiStyle = {
-  maxWidth: 532,
-  padding: 0,
-  display: "flex",
-  backgroundColor: uikitStyles.theme.colors.atmo1,
-  boxShadow: uikitStyles.theme.colors.shadow,
-  width: "fit-content",
-  "& p": {
-    display: "-webkit-box",
-    width: "fit-content",
-    boxOrient: "vertical",
-    textOverflow: "ellipsis",
-    overflow: "hidden",
-    color: uikitStyles.theme.colors.secondary
-  }
-};
 const popperSx = (useSingle) => {
   return {
     [`& .${material.tooltipClasses.popper}`]: {
       opacity: 1
     },
-    [`& .${material.tooltipClasses.tooltip}`]: useSingle ? singleStyle : multiStyle,
+    [`& .${material.tooltipClasses.tooltip}`]: {
+      ...uikitStyles.theme.typography.body,
+      display: "flex",
+      width: "fit-content",
+      maxWidth: 532,
+      backgroundColor: uikitStyles.theme.colors.atmo1,
+      boxShadow: uikitStyles.theme.colors.shadow,
+      padding: 0,
+      ...useSingle && {
+        padding: "15px 20px",
+        borderRadius: uikitStyles.theme.tooltip.borderRadius
+      },
+      "& p": {
+        display: "-webkit-box",
+        width: "fit-content",
+        boxOrient: "vertical",
+        textOverflow: "ellipsis",
+        overflow: "hidden",
+        ...useSingle && {
+          wordBreak: "break-word"
+        }
+      }
+    },
     [`& .${tooltipClasses.default.title}`]: {
       padding: "15px 20px",
       borderBottom: `3px solid ${uikitStyles.theme.colors.atmo2}`
@@ -72,7 +60,5 @@ const popperSx = (useSingle) => {
     }
   };
 };
-exports.multiStyle = multiStyle;
 exports.popperSx = popperSx;
-exports.singleStyle = singleStyle;
 //# sourceMappingURL=Tooltip.styles.cjs.map

package/dist/cjs/components/Tooltip/Tooltip.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.styles.cjs","sources":["../../../../src/components/Tooltip/Tooltip.styles.tsx"],"sourcesContent":["import { tooltipClasses as MuitooltipClasses } from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport tooltipClasses from \"./tooltipClasses\";\n\nexport const singleStyle = {\n  maxWidth: 532,\n  padding: \"15px 20px\",\n  display: \"flex\",\n  backgroundColor: theme.colors.atmo1,\n  borderRadius: theme.tooltip.borderRadius,\n  boxShadow: theme.colors.shadow,\n  width: \"fit-content\",\n  \"& p\": {\n    display: \"-webkit-box\",\n    width: \"fit-content\",\n    boxOrient: \"vertical\",\n    textOverflow: \"ellipsis\",\n    overflow: \"hidden\",\n    wordBreak: \"break-word\",\n    color: theme.colors.secondary,\n  },\n};\n\nexport const multiStyle = {\n  maxWidth: 532,\n  padding: 0,\n  display: \"flex\",\n  backgroundColor: theme.colors.atmo1,\n  boxShadow: theme.colors.shadow,\n  width: \"fit-content\",\n  \"& p\": {\n    display: \"-webkit-box\",\n    width: \"fit-content\",\n    boxOrient: \"vertical\",\n    textOverflow: \"ellipsis\",\n    overflow: \"hidden\",\n    color: theme.colors.secondary,\n  },\n};\n\nexport const popperSx = (useSingle: boolean) => {\n  return {\n    [`& .${MuitooltipClasses.popper}`]: {\n      opacity: 1,\n    },\n    [`& .${MuitooltipClasses.tooltip}`]: useSingle ? singleStyle : multiStyle,\n    [`& .${tooltipClasses.title}`]: {\n      padding: \"15px 20px\",\n      borderBottom: `3px solid ${theme.colors.atmo2}`,\n    },\n    [`& .${tooltipClasses.valuesContainer}`]: {\n      padding: theme.space.sm,\n    },\n    [`& .${tooltipClasses.values}`]: {\n      display: \"flex\",\n      justifyContent: \"space-between\",\n      paddingBottom: \"10px\",\n      \"&:last-child\": {\n        paddingBottom: 0,\n      },\n    },\n    [`& .${tooltipClasses.color}`]: {\n      width: theme.space.xs,\n    },\n    [`& .${tooltipClasses.separator}`]: {\n      width: theme.space.xs,\n    },\n    [`& .${tooltipClasses.separatorColor}`]: {\n      width: \"5px\",\n    },\n    [`& .${tooltipClasses.valueWrapper}`]: {\n      padding: theme.space.sm,\n    },\n  };\n};\n"],"names":["singleStyle","maxWidth","padding","display","backgroundColor","theme","colors","atmo1","borderRadius","tooltip","boxShadow","shadow","width","boxOrient","textOverflow","overflow","wordBreak","color","secondary","multiStyle","popperSx","useSingle","MuitooltipClasses","popper","opacity","tooltipClasses","title","borderBottom","atmo2","valuesContainer","space","sm","values","justifyContent","paddingBottom","xs","separator","separatorColor","valueWrapper"],"mappings":";;;;;AAIO,MAAMA,cAAc;AAAA,EACzBC,UAAU;AAAA,EACVC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,EAC9BC,cAAcH,YAAAA,MAAMI,QAAQD;AAAAA,EAC5BE,WAAWL,YAAAA,MAAMC,OAAOK;AAAAA,EACxBC,OAAO;AAAA,EACP,OAAO;AAAA,IACLT,SAAS;AAAA,IACTS,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,cAAc;AAAA,IACdC,UAAU;AAAA,IACVC,WAAW;AAAA,IACXC,OAAOZ,YAAAA,MAAMC,OAAOY;AAAAA,EACtB;AACF;AAEO,MAAMC,aAAa;AAAA,EACxBlB,UAAU;AAAA,EACVC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,EAC9BG,WAAWL,YAAAA,MAAMC,OAAOK;AAAAA,EACxBC,OAAO;AAAA,EACP,OAAO;AAAA,IACLT,SAAS;AAAA,IACTS,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,cAAc;AAAA,IACdC,UAAU;AAAA,IACVE,OAAOZ,YAAAA,MAAMC,OAAOY;AAAAA,EACtB;AACF;AAEaE,MAAAA,WAAWA,CAACC,cAAuB;AACvC,SAAA;AAAA,IACL,CAAE,MAAKC,wBAAkBC,QAAQ,GAAG;AAAA,MAClCC,SAAS;AAAA,IACX;AAAA,IACA,CAAE,MAAKF,wBAAkBb,SAAS,GAAGY,YAAYrB,cAAcmB;AAAAA,IAC/D,CAAE,MAAKM,uBAAeC,OAAO,GAAG;AAAA,MAC9BxB,SAAS;AAAA,MACTyB,cAAe,aAAYtB,YAAAA,MAAMC,OAAOsB;AAAAA,IAC1C;AAAA,IACA,CAAE,MAAKH,uBAAeI,iBAAiB,GAAG;AAAA,MACxC3B,SAASG,YAAAA,MAAMyB,MAAMC;AAAAA,IACvB;AAAA,IACA,CAAE,MAAKN,uBAAeO,QAAQ,GAAG;AAAA,MAC/B7B,SAAS;AAAA,MACT8B,gBAAgB;AAAA,MAChBC,eAAe;AAAA,MACf,gBAAgB;AAAA,QACdA,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IACA,CAAE,MAAKT,uBAAeR,OAAO,GAAG;AAAA,MAC9BL,OAAOP,YAAAA,MAAMyB,MAAMK;AAAAA,IACrB;AAAA,IACA,CAAE,MAAKV,uBAAeW,WAAW,GAAG;AAAA,MAClCxB,OAAOP,YAAAA,MAAMyB,MAAMK;AAAAA,IACrB;AAAA,IACA,CAAE,MAAKV,uBAAeY,gBAAgB,GAAG;AAAA,MACvCzB,OAAO;AAAA,IACT;AAAA,IACA,CAAE,MAAKa,uBAAea,cAAc,GAAG;AAAA,MACrCpC,SAASG,YAAAA,MAAMyB,MAAMC;AAAAA,IACvB;AAAA,EAAA;AAEJ;;;;"}
+{"version":3,"file":"Tooltip.styles.cjs","sources":["../../../../src/components/Tooltip/Tooltip.styles.tsx"],"sourcesContent":["import { tooltipClasses as MuitooltipClasses } from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport tooltipClasses from \"./tooltipClasses\";\n\nexport const popperSx = (useSingle: boolean) => {\n  return {\n    [`& .${MuitooltipClasses.popper}`]: {\n      opacity: 1,\n    },\n    [`& .${MuitooltipClasses.tooltip}`]: {\n      ...theme.typography.body,\n      display: \"flex\",\n      width: \"fit-content\",\n      maxWidth: 532,\n      backgroundColor: theme.colors.atmo1,\n      boxShadow: theme.colors.shadow,\n      padding: 0,\n      ...(useSingle && {\n        padding: \"15px 20px\",\n        borderRadius: theme.tooltip.borderRadius,\n      }),\n\n      \"& p\": {\n        display: \"-webkit-box\",\n        width: \"fit-content\",\n        boxOrient: \"vertical\",\n        textOverflow: \"ellipsis\",\n        overflow: \"hidden\",\n        ...(useSingle && { wordBreak: \"break-word\" }),\n      },\n    },\n    [`& .${tooltipClasses.title}`]: {\n      padding: \"15px 20px\",\n      borderBottom: `3px solid ${theme.colors.atmo2}`,\n    },\n    [`& .${tooltipClasses.valuesContainer}`]: {\n      padding: theme.space.sm,\n    },\n    [`& .${tooltipClasses.values}`]: {\n      display: \"flex\",\n      justifyContent: \"space-between\",\n      paddingBottom: \"10px\",\n      \"&:last-child\": {\n        paddingBottom: 0,\n      },\n    },\n    [`& .${tooltipClasses.color}`]: {\n      width: theme.space.xs,\n    },\n    [`& .${tooltipClasses.separator}`]: {\n      width: theme.space.xs,\n    },\n    [`& .${tooltipClasses.separatorColor}`]: {\n      width: \"5px\",\n    },\n    [`& .${tooltipClasses.valueWrapper}`]: {\n      padding: theme.space.sm,\n    },\n  };\n};\n"],"names":["popperSx","useSingle","MuitooltipClasses","popper","opacity","tooltip","theme","typography","body","display","width","maxWidth","backgroundColor","colors","atmo1","boxShadow","shadow","padding","borderRadius","boxOrient","textOverflow","overflow","wordBreak","tooltipClasses","title","borderBottom","atmo2","valuesContainer","space","sm","values","justifyContent","paddingBottom","color","xs","separator","separatorColor","valueWrapper"],"mappings":";;;;;AAIaA,MAAAA,WAAWA,CAACC,cAAuB;AACvC,SAAA;AAAA,IACL,CAAE,MAAKC,wBAAkBC,QAAQ,GAAG;AAAA,MAClCC,SAAS;AAAA,IACX;AAAA,IACA,CAAE,MAAKF,wBAAkBG,SAAS,GAAG;AAAA,MACnC,GAAGC,YAAAA,MAAMC,WAAWC;AAAAA,MACpBC,SAAS;AAAA,MACTC,OAAO;AAAA,MACPC,UAAU;AAAA,MACVC,iBAAiBN,YAAAA,MAAMO,OAAOC;AAAAA,MAC9BC,WAAWT,YAAAA,MAAMO,OAAOG;AAAAA,MACxBC,SAAS;AAAA,MACT,GAAIhB,aAAa;AAAA,QACfgB,SAAS;AAAA,QACTC,cAAcZ,YAAAA,MAAMD,QAAQa;AAAAA,MAC9B;AAAA,MAEA,OAAO;AAAA,QACLT,SAAS;AAAA,QACTC,OAAO;AAAA,QACPS,WAAW;AAAA,QACXC,cAAc;AAAA,QACdC,UAAU;AAAA,QACV,GAAIpB,aAAa;AAAA,UAAEqB,WAAW;AAAA,QAAa;AAAA,MAC7C;AAAA,IACF;AAAA,IACA,CAAE,MAAKC,uBAAeC,OAAO,GAAG;AAAA,MAC9BP,SAAS;AAAA,MACTQ,cAAe,aAAYnB,YAAAA,MAAMO,OAAOa;AAAAA,IAC1C;AAAA,IACA,CAAE,MAAKH,uBAAeI,iBAAiB,GAAG;AAAA,MACxCV,SAASX,YAAAA,MAAMsB,MAAMC;AAAAA,IACvB;AAAA,IACA,CAAE,MAAKN,uBAAeO,QAAQ,GAAG;AAAA,MAC/BrB,SAAS;AAAA,MACTsB,gBAAgB;AAAA,MAChBC,eAAe;AAAA,MACf,gBAAgB;AAAA,QACdA,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IACA,CAAE,MAAKT,uBAAeU,OAAO,GAAG;AAAA,MAC9BvB,OAAOJ,YAAAA,MAAMsB,MAAMM;AAAAA,IACrB;AAAA,IACA,CAAE,MAAKX,uBAAeY,WAAW,GAAG;AAAA,MAClCzB,OAAOJ,YAAAA,MAAMsB,MAAMM;AAAAA,IACrB;AAAA,IACA,CAAE,MAAKX,uBAAea,gBAAgB,GAAG;AAAA,MACvC1B,OAAO;AAAA,IACT;AAAA,IACA,CAAE,MAAKa,uBAAec,cAAc,GAAG;AAAA,MACrCpB,SAASX,YAAAA,MAAMsB,MAAMC;AAAAA,IACvB;AAAA,EAAA;AAEJ;;"}

package/dist/cjs/components/VerticalNavigation/Actions/Actions.cjs

@@ -15,11 +15,11 @@ const HvVerticalNavigationActions = ({
 }) => {
   const {
     isOpen,
-    collapsedMode
+    useIcons
   } = React.useContext(VerticalNavigationContext.VerticalNavigationContext);
   return /* @__PURE__ */ jsxRuntime.jsx(Actions_styles.StyledRoot, {
     id,
-    className: clsx.clsx(className, actionsClasses.default.root, classes == null ? void 0 : classes.root, !isOpen && collapsedMode === "simple" && clsx.clsx(actionsClasses.default.hide, classes == null ? void 0 : classes.hide)),
+    className: clsx.clsx(className, actionsClasses.default.root, classes == null ? void 0 : classes.root, !isOpen && !useIcons && clsx.clsx(actionsClasses.default.hide, classes == null ? void 0 : classes.hide)),
     ...others,
     children
   });

package/dist/cjs/components/VerticalNavigation/Actions/Actions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.cjs","sources":["../../../../../src/components/VerticalNavigation/Actions/Actions.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useContext } from \"react\";\nimport { VerticalNavigationContext } from \"..\";\nimport { StyledRoot } from \"./Actions.styles\";\nimport actionsClasses, {\n  HvVerticalNavigationActionsClasses,\n} from \"./actionsClasses\";\n\nexport interface HvVerticalNavigationActionsProps {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvVerticalNavigationActionsClasses;\n  /**\n   * Id to be applied to the actions container.\n   */\n  id?: string;\n  /**\n   * Node to be rendered\n   */\n  children?: React.ReactNode;\n}\n\nexport const HvVerticalNavigationActions = ({\n  className,\n  classes,\n  id,\n  children,\n  ...others\n}: HvVerticalNavigationActionsProps) => {\n  const { isOpen, collapsedMode } = useContext(VerticalNavigationContext);\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(\n        className,\n        actionsClasses.root,\n        classes?.root,\n        !isOpen &&\n          collapsedMode === \"simple\" &&\n          clsx(actionsClasses.hide, classes?.hide)\n      )}\n      {...others}\n    >\n      {children}\n    </StyledRoot>\n  );\n};\n"],"names":["HvVerticalNavigationActions","className","classes","id","children","others","isOpen","collapsedMode","useContext","VerticalNavigationContext","StyledRoot","clsx","actionsClasses","root","hide"],"mappings":";;;;;;;;AA2BO,MAAMA,8BAA8BA,CAAC;AAAA,EAC1CC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC6B,MAAM;AAChC,QAAA;AAAA,IAAEC;AAAAA,IAAQC;AAAAA,EAAAA,IAAkBC,MAAAA,WAAWC,0BAAAA,yBAAyB;AAEtE,wCACGC,eAAAA,YAAU;AAAA,IACTP;AAAAA,IACAF,WAAWU,KACTV,KAAAA,WACAW,eAAeC,QAAAA,MACfX,mCAASW,MACT,CAACP,UACCC,kBAAkB,YAClBI,UAAKC,eAAAA,QAAeE,MAAMZ,mCAASY,IAAI,CAAC;AAAA,IAC1C,GACET;AAAAA,IAAMD;AAAAA,EAAAA,CAGC;AAEjB;;"}
+{"version":3,"file":"Actions.cjs","sources":["../../../../../src/components/VerticalNavigation/Actions/Actions.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useContext } from \"react\";\nimport { VerticalNavigationContext } from \"..\";\nimport { StyledRoot } from \"./Actions.styles\";\nimport actionsClasses, {\n  HvVerticalNavigationActionsClasses,\n} from \"./actionsClasses\";\n\nexport interface HvVerticalNavigationActionsProps {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvVerticalNavigationActionsClasses;\n  /**\n   * Id to be applied to the actions container.\n   */\n  id?: string;\n  /**\n   * Node to be rendered\n   */\n  children?: React.ReactNode;\n}\n\nexport const HvVerticalNavigationActions = ({\n  className,\n  classes,\n  id,\n  children,\n  ...others\n}: HvVerticalNavigationActionsProps) => {\n  const { isOpen, useIcons } = useContext(VerticalNavigationContext);\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(\n        className,\n        actionsClasses.root,\n        classes?.root,\n        !isOpen && !useIcons && clsx(actionsClasses.hide, classes?.hide)\n      )}\n      {...others}\n    >\n      {children}\n    </StyledRoot>\n  );\n};\n"],"names":["HvVerticalNavigationActions","className","classes","id","children","others","isOpen","useIcons","useContext","VerticalNavigationContext","StyledRoot","clsx","actionsClasses","root","hide"],"mappings":";;;;;;;;AA2BO,MAAMA,8BAA8BA,CAAC;AAAA,EAC1CC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC6B,MAAM;AAChC,QAAA;AAAA,IAAEC;AAAAA,IAAQC;AAAAA,EAAAA,IAAaC,MAAAA,WAAWC,0BAAAA,yBAAyB;AAEjE,wCACGC,eAAAA,YAAU;AAAA,IACTP;AAAAA,IACAF,WAAWU,KACTV,KAAAA,WACAW,eAAeC,QAAAA,MACfX,mCAASW,MACT,CAACP,UAAU,CAACC,YAAYI,KAAAA,KAAKC,eAAAA,QAAeE,MAAMZ,mCAASY,IAAI,CAAC;AAAA,IAChE,GACET;AAAAA,IAAMD;AAAAA,EAAAA,CAGC;AAEjB;;"}

package/dist/cjs/components/VerticalNavigation/Header/Header.cjs

@@ -22,13 +22,13 @@ const HvVerticalNavigationHeader = ({
 }) => {
   const {
     isOpen,
-    collapsedMode,
+    useIcons,
     headerTitle,
     slider,
     navigateToParentHandler,
     parentItem
   } = React.useContext(VerticalNavigationContext.VerticalNavigationContext);
-  openIcon = collapsedMode === "simple" ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Menu, {}) : openIcon;
+  openIcon = !useIcons ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Menu, {}) : openIcon;
   const backButtonClickHandler = () => {
     if (navigateToParentHandler)
       navigateToParentHandler();

package/dist/cjs/components/VerticalNavigation/Header/Header.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Header.cjs","sources":["../../../../../src/components/VerticalNavigation/Header/Header.tsx"],"sourcesContent":["import { Backwards, Forwards, Menu } from \"@hitachivantara/uikit-react-icons\";\nimport { clsx } from \"clsx\";\nimport { HvButton, HvButtonProps, HvTypography } from \"@core/components\";\nimport { MouseEventHandler, useContext, useMemo } from \"react\";\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { StyledCollapseButton, StyledHeader } from \"./Header.styles\";\nimport verticalNavigationHeaderClasses, {\n  HvVerticalNavigationHeaderClasses,\n} from \"./headerClasses\";\n\nexport interface HvVerticalNavigationHeaderProps {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * The title text to show on Header.\n   */\n  title?: string;\n  /**\n   * Icon to show when Vertical Navigation is collapsed.\n   */\n  openIcon?: React.ReactNode;\n  /**\n   * Icon to show when Vertical Navigation is expanded.\n   */\n  closeIcon?: React.ReactNode;\n  /**\n   * Props for the collapse button.\n   */\n  collapseButtonProps?: HvButtonProps;\n  /**\n   * Props for the back button.\n   */\n  backButtonProps?: HvButtonProps;\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvVerticalNavigationHeaderClasses;\n  /**\n   * Handler for the collapse button.\n   */\n  onCollapseButtonClick?: MouseEventHandler<HTMLElement>;\n}\n\nexport const HvVerticalNavigationHeader = ({\n  title,\n  openIcon = <Forwards />,\n  closeIcon = <Backwards />,\n  collapseButtonProps,\n  backButtonProps,\n  className,\n  classes,\n  onCollapseButtonClick,\n  ...others\n}: HvVerticalNavigationHeaderProps) => {\n  const {\n    isOpen,\n    collapsedMode,\n    headerTitle,\n    slider,\n    navigateToParentHandler,\n    parentItem,\n  } = useContext(VerticalNavigationContext);\n\n  openIcon = collapsedMode === \"simple\" ? <Menu /> : openIcon;\n\n  const backButtonClickHandler = () => {\n    if (navigateToParentHandler) navigateToParentHandler();\n  };\n\n  // whenever we're in a sublevel, the parentItem is always a single item.\n  // In the first level it's always an array with the first level elements.\n  const shouldShowTitle = useMemo(\n    () => !slider || (slider && !Array.isArray(parentItem)),\n    [parentItem]\n  );\n\n  return shouldShowTitle ? (\n    <StyledHeader\n      className={clsx(\n        className,\n        verticalNavigationHeaderClasses.root,\n        classes?.root,\n        !isOpen &&\n          clsx(verticalNavigationHeaderClasses.minimized, classes?.minimized)\n      )}\n      {...others}\n    >\n      {isOpen && headerTitle && slider && (\n        <HvButton\n          icon\n          variant=\"secondaryGhost\"\n          onClick={backButtonClickHandler}\n          {...backButtonProps}\n        >\n          <Backwards iconSize=\"XS\" />\n        </HvButton>\n      )}\n      {isOpen && (\n        <HvTypography variant={slider ? \"label\" : \"title3\"}>\n          {headerTitle && slider ? headerTitle : title}\n        </HvTypography>\n      )}\n      {onCollapseButtonClick && (\n        <StyledCollapseButton\n          icon\n          variant=\"secondaryGhost\"\n          onClick={onCollapseButtonClick}\n          classes={{\n            root: isOpen ? \"\" : verticalNavigationHeaderClasses.minimized,\n          }}\n          {...collapseButtonProps}\n        >\n          {isOpen ? closeIcon : openIcon}\n        </StyledCollapseButton>\n      )}\n    </StyledHeader>\n  ) : null;\n};\n"],"names":["HvVerticalNavigationHeader","title","openIcon","_jsx","Forwards","closeIcon","Backwards","collapseButtonProps","backButtonProps","className","classes","onCollapseButtonClick","others","isOpen","collapsedMode","headerTitle","slider","navigateToParentHandler","parentItem","useContext","VerticalNavigationContext","Menu","backButtonClickHandler","shouldShowTitle","useMemo","Array","isArray","StyledHeader","clsx","verticalNavigationHeaderClasses","root","minimized","children","HvButton","icon","variant","onClick","iconSize","HvTypography","StyledCollapseButton"],"mappings":";;;;;;;;;;;AAiDO,MAAMA,6BAA6BA,CAAC;AAAA,EACzCC;AAAAA,EACAC,WAAWC,2BAAAA,IAACC,gBAAW,UAAA,EAAA;AAAA,EACvBC,YAAYF,2BAAAA,IAACG,gBAAY,WAAA,EAAA;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC4B,MAAM;AAC/B,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,EAAAA,IACEC,MAAAA,WAAWC,0BAAAA,yBAAyB;AAExClB,aAAWY,kBAAkB,WAAWX,2BAAAA,IAACkB,gBAAAA,MAAO,CAAA,CAAA,IAAGnB;AAEnD,QAAMoB,yBAAyBA,MAAM;AAC/BL,QAAAA;AAAkD;EAAA;AAKxD,QAAMM,kBAAkBC,MAAAA,QACtB,MAAM,CAACR,UAAWA,UAAU,CAACS,MAAMC,QAAQR,UAAU,GACrD,CAACA,UAAU,CAAC;AAGPK,SAAAA,kDACJI,4BAAY;AAAA,IACXlB,WAAWmB,KAAAA,KACTnB,WACAoB,cAAAA,QAAgCC,MAChCpB,mCAASoB,MACT,CAACjB,UACCe,KAAKC,KAAAA,cAAAA,QAAgCE,WAAWrB,mCAASqB,SAAS,CAAC;AAAA,IACrE,GACEnB;AAAAA,IAAMoB,UAAA,CAETnB,UAAUE,eAAeC,yCACvBiB,OAAAA,UAAQ;AAAA,MACPC,MAAI;AAAA,MACJC,SAAQ;AAAA,MACRC,SAASd;AAAAA,MAAuB,GAC5Bd;AAAAA,MAAewB,yCAElB1B,2BAAS;AAAA,QAAC+B,UAAS;AAAA,MAAA,CAAI;AAAA,IAAA,CAAG,GAG9BxB,UACCV,2BAAAA,IAACmC,yBAAY;AAAA,MAACH,SAASnB,SAAS,UAAU;AAAA,MAASgB,UAChDjB,eAAeC,SAASD,cAAcd;AAAAA,IAAAA,CAAK,GAG/CU,yBACCR,2BAAAA,IAACoC,oCAAoB;AAAA,MACnBL,MAAI;AAAA,MACJC,SAAQ;AAAA,MACRC,SAASzB;AAAAA,MACTD,SAAS;AAAA,QACPoB,MAAMjB,SAAS,KAAKgB,cAAAA,QAAgCE;AAAAA,MACtD;AAAA,MAAE,GACExB;AAAAA,MAAmByB,UAEtBnB,SAASR,YAAYH;AAAAA,IAAAA,CAEzB,CAAA;AAAA,EAAA,CAAA,IAED;AACN;;"}
+{"version":3,"file":"Header.cjs","sources":["../../../../../src/components/VerticalNavigation/Header/Header.tsx"],"sourcesContent":["import { Backwards, Forwards, Menu } from \"@hitachivantara/uikit-react-icons\";\nimport { clsx } from \"clsx\";\nimport { HvButton, HvButtonProps, HvTypography } from \"@core/components\";\nimport { MouseEventHandler, useContext, useMemo } from \"react\";\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { StyledCollapseButton, StyledHeader } from \"./Header.styles\";\nimport verticalNavigationHeaderClasses, {\n  HvVerticalNavigationHeaderClasses,\n} from \"./headerClasses\";\n\nexport interface HvVerticalNavigationHeaderProps {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * The title text to show on Header.\n   */\n  title?: string;\n  /**\n   * Icon to show when Vertical Navigation is collapsed.\n   */\n  openIcon?: React.ReactNode;\n  /**\n   * Icon to show when Vertical Navigation is expanded.\n   */\n  closeIcon?: React.ReactNode;\n  /**\n   * Props for the collapse button.\n   */\n  collapseButtonProps?: HvButtonProps;\n  /**\n   * Props for the back button.\n   */\n  backButtonProps?: HvButtonProps;\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvVerticalNavigationHeaderClasses;\n  /**\n   * Handler for the collapse button.\n   */\n  onCollapseButtonClick?: MouseEventHandler<HTMLElement>;\n}\n\nexport const HvVerticalNavigationHeader = ({\n  title,\n  openIcon = <Forwards />,\n  closeIcon = <Backwards />,\n  collapseButtonProps,\n  backButtonProps,\n  className,\n  classes,\n  onCollapseButtonClick,\n  ...others\n}: HvVerticalNavigationHeaderProps) => {\n  const {\n    isOpen,\n    useIcons,\n    headerTitle,\n    slider,\n    navigateToParentHandler,\n    parentItem,\n  } = useContext(VerticalNavigationContext);\n\n  openIcon = !useIcons ? <Menu /> : openIcon;\n\n  const backButtonClickHandler = () => {\n    if (navigateToParentHandler) navigateToParentHandler();\n  };\n\n  // whenever we're in a sublevel, the parentItem is always a single item.\n  // In the first level it's always an array with the first level elements.\n  const shouldShowTitle = useMemo(\n    () => !slider || (slider && !Array.isArray(parentItem)),\n    [parentItem]\n  );\n\n  return shouldShowTitle ? (\n    <StyledHeader\n      className={clsx(\n        className,\n        verticalNavigationHeaderClasses.root,\n        classes?.root,\n        !isOpen &&\n          clsx(verticalNavigationHeaderClasses.minimized, classes?.minimized)\n      )}\n      {...others}\n    >\n      {isOpen && headerTitle && slider && (\n        <HvButton\n          icon\n          variant=\"secondaryGhost\"\n          onClick={backButtonClickHandler}\n          {...backButtonProps}\n        >\n          <Backwards iconSize=\"XS\" />\n        </HvButton>\n      )}\n      {isOpen && (\n        <HvTypography variant={slider ? \"label\" : \"title3\"}>\n          {headerTitle && slider ? headerTitle : title}\n        </HvTypography>\n      )}\n      {onCollapseButtonClick && (\n        <StyledCollapseButton\n          icon\n          variant=\"secondaryGhost\"\n          onClick={onCollapseButtonClick}\n          classes={{\n            root: isOpen ? \"\" : verticalNavigationHeaderClasses.minimized,\n          }}\n          {...collapseButtonProps}\n        >\n          {isOpen ? closeIcon : openIcon}\n        </StyledCollapseButton>\n      )}\n    </StyledHeader>\n  ) : null;\n};\n"],"names":["HvVerticalNavigationHeader","title","openIcon","_jsx","Forwards","closeIcon","Backwards","collapseButtonProps","backButtonProps","className","classes","onCollapseButtonClick","others","isOpen","useIcons","headerTitle","slider","navigateToParentHandler","parentItem","useContext","VerticalNavigationContext","Menu","backButtonClickHandler","shouldShowTitle","useMemo","Array","isArray","StyledHeader","clsx","verticalNavigationHeaderClasses","root","minimized","children","HvButton","icon","variant","onClick","iconSize","HvTypography","StyledCollapseButton"],"mappings":";;;;;;;;;;;AAiDO,MAAMA,6BAA6BA,CAAC;AAAA,EACzCC;AAAAA,EACAC,WAAWC,2BAAAA,IAACC,gBAAW,UAAA,EAAA;AAAA,EACvBC,YAAYF,2BAAAA,IAACG,gBAAY,WAAA,EAAA;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC4B,MAAM;AAC/B,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,EAAAA,IACEC,MAAAA,WAAWC,0BAAAA,yBAAyB;AAExClB,aAAW,CAACY,WAAWX,2BAAAA,IAACkB,gBAAAA,MAAO,CAAA,CAAA,IAAGnB;AAElC,QAAMoB,yBAAyBA,MAAM;AAC/BL,QAAAA;AAAkD;EAAA;AAKxD,QAAMM,kBAAkBC,MAAAA,QACtB,MAAM,CAACR,UAAWA,UAAU,CAACS,MAAMC,QAAQR,UAAU,GACrD,CAACA,UAAU,CAAC;AAGPK,SAAAA,kDACJI,4BAAY;AAAA,IACXlB,WAAWmB,KAAAA,KACTnB,WACAoB,cAAAA,QAAgCC,MAChCpB,mCAASoB,MACT,CAACjB,UACCe,KAAKC,KAAAA,cAAAA,QAAgCE,WAAWrB,mCAASqB,SAAS,CAAC;AAAA,IACrE,GACEnB;AAAAA,IAAMoB,UAAA,CAETnB,UAAUE,eAAeC,yCACvBiB,OAAAA,UAAQ;AAAA,MACPC,MAAI;AAAA,MACJC,SAAQ;AAAA,MACRC,SAASd;AAAAA,MAAuB,GAC5Bd;AAAAA,MAAewB,yCAElB1B,2BAAS;AAAA,QAAC+B,UAAS;AAAA,MAAA,CAAI;AAAA,IAAA,CAAG,GAG9BxB,UACCV,2BAAAA,IAACmC,yBAAY;AAAA,MAACH,SAASnB,SAAS,UAAU;AAAA,MAASgB,UAChDjB,eAAeC,SAASD,cAAcd;AAAAA,IAAAA,CAAK,GAG/CU,yBACCR,2BAAAA,IAACoC,oCAAoB;AAAA,MACnBL,MAAI;AAAA,MACJC,SAAQ;AAAA,MACRC,SAASzB;AAAAA,MACTD,SAAS;AAAA,QACPoB,MAAMjB,SAAS,KAAKgB,cAAAA,QAAgCE;AAAAA,MACtD;AAAA,MAAE,GACExB;AAAAA,MAAmByB,UAEtBnB,SAASR,YAAYH;AAAAA,IAAAA,CAEzB,CAAA;AAAA,EAAA,CAAA,IAED;AACN;;"}

package/dist/cjs/components/VerticalNavigation/Navigation/Navigation.cjs

@@ -7,6 +7,7 @@ const navigationClasses = require("./navigationClasses.cjs");
 const Navigation_styles = require("./Navigation.styles.cjs");
 const VerticalNavigationContext = require("../VerticalNavigationContext.cjs");
 const NavigationPopup = require("../NavigationPopup/NavigationPopup.cjs");
+const NavigationSlider_utils = require("../NavigationSlider/utils/NavigationSlider.utils.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const NavigationSlider = require("../NavigationSlider/NavigationSlider.cjs");
 const TreeView = require("../TreeView/TreeView.cjs");
@@ -105,9 +106,10 @@ const HvVerticalNavigationTree = ({
   });
   const {
     isOpen,
-    collapsedMode,
+    useIcons,
     slider,
     parentItem,
+    setParentItem,
     withParentData,
     navigateToChildHandler,
     setParentData,
@@ -115,7 +117,7 @@ const HvVerticalNavigationTree = ({
   } = React.useContext(VerticalNavigationContext.VerticalNavigationContext);
   const [navigationPopup, setNavigationPopup] = React.useState(null);
   const handleChange = React.useCallback((event, selectedId, selectedItem) => {
-    if (collapsedMode === "icon" && !isOpen && selectedItem.data) {
+    if (useIcons && !isOpen && selectedItem.data) {
       const currentEventTarget = event.currentTarget;
       setNavigationPopup((prevState) => {
         return (prevState == null ? void 0 : prevState.anchorEl) === currentEventTarget ? null : {
@@ -141,8 +143,8 @@ const HvVerticalNavigationTree = ({
     }
   }, [onChange, setSelected]);
   const treeViewItemMouseEnterHandler = (event, item) => {
-    const isCollapsedMode = collapsedMode === "icon" && !isOpen;
-    if (isCollapsedMode && item.data && !(navigationPopup == null ? void 0 : navigationPopup.fixedMode)) {
+    const isCollapsed = useIcons && !isOpen;
+    if (isCollapsed && item.data && !(navigationPopup == null ? void 0 : navigationPopup.fixedMode)) {
       const currentEventTarget = event.currentTarget;
       setNavigationPopup == null ? void 0 : setNavigationPopup({
         uniqueKey: uniqueId__default.default(),
@@ -150,7 +152,7 @@ const HvVerticalNavigationTree = ({
         fixedMode: false,
         data: item.data
       });
-    } else if (isCollapsedMode && !item.data && !(navigationPopup == null ? void 0 : navigationPopup.fixedMode)) {
+    } else if (isCollapsed && !item.data && !(navigationPopup == null ? void 0 : navigationPopup.fixedMode)) {
       setNavigationPopup(null);
     }
   };
@@ -174,6 +176,11 @@ const HvVerticalNavigationTree = ({
     if (setParentData)
       setParentData(data);
   }, [data]);
+  React.useEffect(() => {
+    if (withParentData && selected && setParentItem && NavigationSlider_utils.getParentItemById(withParentData, selected)) {
+      setParentItem(NavigationSlider_utils.getParentItemById(withParentData, selected));
+    }
+  }, [withParentData]);
   const navigateToTargetHandler = (event, selectedItem) => {
     handleChange(event, selectedItem.id, selectedItem);
   };
@@ -181,13 +188,13 @@ const HvVerticalNavigationTree = ({
     setNavigationPopup(null);
   };
   const handleStyledNavMouseLeave = () => {
-    if (collapsedMode === "icon" && !isOpen && !(navigationPopup == null ? void 0 : navigationPopup.fixedMode)) {
+    if (useIcons && !isOpen && !(navigationPopup == null ? void 0 : navigationPopup.fixedMode)) {
       setNavigationPopup(null);
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsx(Navigation_styles.StyledNav, {
     id,
-    className: clsx.clsx(className, navigationClasses.default.root, classes == null ? void 0 : classes.root, !isOpen && collapsedMode === "simple" && clsx.clsx(navigationClasses.default.collapsed, classes == null ? void 0 : classes.collapsed)),
+    className: clsx.clsx(className, navigationClasses.default.root, classes == null ? void 0 : classes.root, !isOpen && !useIcons && clsx.clsx(navigationClasses.default.collapsed, classes == null ? void 0 : classes.collapsed)),
     onMouseLeave: handleStyledNavMouseLeave,
     ...others,
     children: slider ? /* @__PURE__ */ jsxRuntime.jsx(NavigationSlider.HvVerticalNavigationSlider, {
@@ -205,7 +212,7 @@ const HvVerticalNavigationTree = ({
       onChange: handleChange,
       expanded,
       onToggle: handleToggle,
-      children: [collapsedMode === "icon" && !isOpen && navigationPopup && /* @__PURE__ */ jsxRuntime.jsx(NavigationPopup.HvVerticalNavigationPopup, {
+      children: [useIcons && !isOpen && navigationPopup && /* @__PURE__ */ jsxRuntime.jsx(NavigationPopup.HvVerticalNavigationPopup, {
         id: setId.setId(id, "navigation-popup"),
         anchorEl: navigationPopup.anchorEl,
         selected,

package/dist/cjs/components/VerticalNavigation/Navigation/Navigation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.cjs","sources":["../../../../../src/components/VerticalNavigation/Navigation/Navigation.tsx"],"sourcesContent":["import {\n  useCallback,\n  useMemo,\n  useContext,\n  useEffect,\n  useState,\n  ComponentProps,\n} from \"react\";\nimport { clsx } from \"clsx\";\nimport uniqueId from \"lodash/uniqueId\";\nimport { setId, wrapperTooltip } from \"@core/utils\";\nimport { useControlled } from \"@core/hooks\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n  HvVerticalNavigationTreeView,\n  HvVerticalNavigationTreeViewItem,\n} from \"../TreeView\";\nimport verticalNavigationTreeClasses, {\n  HvVerticalNavigationTreeClasses,\n} from \"./navigationClasses\";\nimport { StyledNav } from \"./Navigation.styles\";\nimport { HvVerticalNavigationSlider } from \"..\";\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { HvVerticalNavigationPopup } from \"../NavigationPopup/NavigationPopup\";\n\nexport type NavigationData<T extends React.ElementType = \"a\"> =\n  ComponentProps<T> &\n    Record<string, any> & {\n      /** The id to be applied to the root element. */\n      id: string;\n      /** The label to be rendered on the menu item. */\n      label: string;\n      /** The icon to be rendered. */\n      icon?: React.ReactNode;\n      /** The Data children subset. */\n      data?: NavigationData<T>[];\n      /** Whether the item is disabled and not interactive. */\n      disabled?: boolean;\n      /** Whether the item has a selected state. */\n      selectable?: boolean;\n    };\n\nconst createListHierarchy = (\n  items,\n  id,\n  classes?: HvVerticalNavigationTreeClasses,\n  mouseEnterHandler?: (event, item) => void,\n  disableTooltip = false\n) =>\n  items.map((item) => {\n    const {\n      id: itemId,\n      label: itemLabel,\n      icon,\n      data: children,\n      selectable,\n      disabled,\n      href,\n      target,\n    } = item;\n\n    const ItemText = wrapperTooltip(true, itemLabel, itemLabel);\n\n    const itemMouseEnterHandler = (event) => {\n      mouseEnterHandler?.(event, item);\n    };\n\n    return (\n      <HvVerticalNavigationTreeViewItem\n        id={setId(id, itemId)}\n        className={classes?.listItem}\n        href={href}\n        target={target}\n        key={itemId}\n        nodeId={itemId}\n        label={<ItemText />}\n        icon={icon}\n        payload={item}\n        selectable={selectable}\n        disabled={disabled}\n        onMouseEnter={itemMouseEnterHandler}\n        disableTooltip={disableTooltip}\n      >\n        {children\n          ? createListHierarchy(\n              children,\n              id,\n              classes,\n              mouseEnterHandler,\n              disableTooltip\n            )\n          : undefined}\n      </HvVerticalNavigationTreeViewItem>\n    );\n  });\n\nconst getAllParents = (items) => {\n  const parents = items.filter(\n    (item) => item.data != null && item.data.length > 0\n  );\n  const childParents = parents.flatMap((item) => getAllParents(item.data));\n\n  return [...parents, ...childParents];\n};\n\nfunction pathToElement(data, targetId) {\n  const path: string[] = [];\n\n  if (data != null && data.length > 0) {\n    for (let i = 0; i !== data.length; ++i) {\n      const item = data[i];\n      if (item.id === targetId) {\n        path.push(item.id);\n        break;\n      }\n\n      const subPaths = pathToElement(item.data, targetId);\n      if (subPaths.length > 0) {\n        path.push(item.id);\n        path.push(...subPaths);\n        break;\n      }\n    }\n  }\n\n  return path;\n}\n\nexport const HvVerticalNavigationTree = ({\n  id,\n\n  className,\n  classes,\n\n  data,\n\n  mode = \"navigation\",\n\n  collapsible = false,\n  expanded: expandedProp,\n  defaultExpanded,\n  onToggle,\n\n  selected: selectedProp,\n  defaultSelected,\n  onChange,\n\n  ...others\n}: HvVerticalNavigationTreeProps) => {\n  const [selected, setSelected] = useControlled(selectedProp, defaultSelected);\n  const [expanded, setExpanded] = useControlled(expandedProp, () => {\n    if (defaultExpanded === true) {\n      // all parent nodes will be expanded by default\n      return getAllParents(data).map((item) => item.id);\n    }\n\n    if (defaultExpanded === false) {\n      // all parent nodes will be collapsed by default\n      return [];\n    }\n\n    if (defaultExpanded == null) {\n      if (selected != null) {\n        // the path to the selected node will be expanded (default behaviour)\n        const path = pathToElement(data, selected);\n        return path.slice(0, -1);\n      }\n\n      // nothing is expanded\n      return [];\n    }\n\n    return defaultExpanded;\n  });\n\n  const {\n    isOpen,\n    collapsedMode,\n    slider,\n\n    parentItem,\n    withParentData,\n    navigateToChildHandler,\n\n    setParentData,\n    setParentSelected,\n  } = useContext(VerticalNavigationContext);\n\n  const [navigationPopup, setNavigationPopup] = useState<{\n    // This value is needed to guarantee that the NavigationPopup is fully re-rendered with keeping any previous values\n    uniqueKey: string;\n    anchorEl: HTMLButtonElement | null;\n    fixedMode: boolean;\n    data: NavigationData[];\n  } | null>(null);\n\n  const handleChange = useCallback(\n    (event, selectedId, selectedItem) => {\n      if (collapsedMode === \"icon\" && !isOpen && selectedItem.data) {\n        const currentEventTarget = event.currentTarget;\n        setNavigationPopup((prevState) => {\n          // We want to close the popup in case the clicked element is the same as the previous one\n          return prevState?.anchorEl === currentEventTarget\n            ? null\n            : {\n                uniqueKey: uniqueId(),\n                anchorEl: currentEventTarget,\n                fixedMode: true,\n                data: selectedItem.data,\n              };\n        });\n\n        // We need this stopPropagation or else the Popup will close due to the clickaway being triggered\n        event.stopPropagation();\n      } else {\n        setSelected(selectedId);\n        setExpanded((prevState) => {\n          if (!isOpen) {\n            return [...prevState, ...pathToElement(data, selectedId)];\n          }\n          return [...prevState];\n        });\n        setNavigationPopup(null);\n        if (onChange) {\n          onChange(event, selectedItem);\n        }\n      }\n    },\n    [onChange, setSelected]\n  );\n\n  const treeViewItemMouseEnterHandler = (event, item) => {\n    const isCollapsedMode = collapsedMode === \"icon\" && !isOpen;\n\n    if (isCollapsedMode && item.data && !navigationPopup?.fixedMode) {\n      const currentEventTarget = event.currentTarget;\n\n      setNavigationPopup?.({\n        uniqueKey: uniqueId(),\n        anchorEl: currentEventTarget,\n        fixedMode: false,\n        data: item.data,\n      });\n    } else if (isCollapsedMode && !item.data && !navigationPopup?.fixedMode) {\n      setNavigationPopup(null);\n    }\n  };\n\n  const handleToggle = useCallback(\n    (event, newExpanded) => {\n      setExpanded(newExpanded);\n\n      if (onToggle) {\n        onToggle(event, newExpanded);\n      }\n    },\n    [onToggle, setExpanded]\n  );\n\n  const children = useMemo(\n    () =>\n      data &&\n      createListHierarchy(\n        data,\n        id,\n        classes,\n        treeViewItemMouseEnterHandler,\n        navigationPopup?.fixedMode\n      ),\n    [classes, data, id, navigationPopup, isOpen]\n  );\n\n  useEffect(() => {\n    if (!isOpen) {\n      setNavigationPopup?.(null);\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (setParentSelected) setParentSelected(selected);\n  }, [selected, setSelected]);\n\n  useEffect(() => {\n    if (setParentData) setParentData(data);\n  }, [data]);\n\n  // navigation slider\n  const navigateToTargetHandler = (event, selectedItem) => {\n    handleChange(event, selectedItem.id, selectedItem);\n  };\n\n  const handleNavigationPopupClose = () => {\n    setNavigationPopup(null);\n  };\n\n  const handleStyledNavMouseLeave = () => {\n    if (collapsedMode === \"icon\" && !isOpen && !navigationPopup?.fixedMode) {\n      setNavigationPopup(null);\n    }\n  };\n\n  return (\n    <StyledNav\n      id={id}\n      className={clsx(\n        className,\n        verticalNavigationTreeClasses.root,\n        classes?.root,\n        !isOpen &&\n          collapsedMode === \"simple\" &&\n          clsx(verticalNavigationTreeClasses.collapsed, classes?.collapsed)\n      )}\n      onMouseLeave={handleStyledNavMouseLeave}\n      {...others}\n    >\n      {slider ? (\n        <HvVerticalNavigationSlider\n          data={parentItem.data || withParentData}\n          selected={selected}\n          onNavigateToTarget={navigateToTargetHandler}\n          onNavigateToChild={navigateToChildHandler}\n        />\n      ) : (\n        <HvVerticalNavigationTreeView\n          id={setId(id, \"tree\")}\n          className={clsx(verticalNavigationTreeClasses.list, classes?.list)}\n          selectable\n          mode={mode}\n          collapsible={collapsible}\n          selected={selected}\n          onChange={handleChange}\n          expanded={expanded}\n          onToggle={handleToggle}\n        >\n          {collapsedMode === \"icon\" && !isOpen && navigationPopup && (\n            <HvVerticalNavigationPopup\n              id={setId(id, \"navigation-popup\")}\n              key={navigationPopup.uniqueKey}\n              anchorEl={navigationPopup.anchorEl}\n              selected={selected}\n              fixedMode={navigationPopup.fixedMode}\n              data={navigationPopup.data}\n              onClose={handleNavigationPopupClose}\n              onChange={handleChange}\n              className={clsx(\n                verticalNavigationTreeClasses.navigationPopup,\n                classes?.navigationPopup\n              )}\n            />\n          )}\n          {children}\n        </HvVerticalNavigationTreeView>\n      )}\n    </StyledNav>\n  );\n};\n\nexport interface HvVerticalNavigationTreeProps\n  extends HvBaseProps<HTMLDivElement, \"onChange\"> {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvVerticalNavigationTreeClasses;\n  /**\n   * Modus operandi (role) of the widget instance.\n   */\n  mode?: NavigationMode;\n  /**\n   * Can non-leaf nodes be collapsed / expanded.\n   */\n  collapsible?: boolean;\n  /**\n   * The ID of the selected page.\n   */\n  selected?: string;\n  /**\n   * When uncontrolled, defines the initial selected page ID.\n   */\n  defaultSelected?: string;\n  /**\n   * Callback fired when a navigation item is selected.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {object} page The data of the selected page.\n   */\n  onChange?: (event, page) => void;\n  /**\n   * Expanded nodes' ids.\n   */\n  expanded?: string[];\n  /**\n   * When uncontrolled, defines the initial expanded nodes' ids.\n   *\n   * It also supports `true` for starting with all nodes expanded.\n   * With `false` all nodes will be collapsed.\n   *\n   * By default it expands the needed nodes to display the current selection, if any.\n   */\n  defaultExpanded?: string[] | boolean;\n  /**\n   * Callback fired when tree items are expanded/collapsed.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {array} nodeIds The ids of the expanded nodes (old and new).\n   */\n  onToggle?: (event, nodeIds) => void;\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   * data - sub-menu items\n   * href - the url used for navigation.\n   * target - the behavior when opening an url.\n   */\n  data?: NavigationData[];\n}\n\nexport type NavigationMode = \"treeview\" | \"navigation\" | \"slider\";\n"],"names":["createListHierarchy","items","id","classes","mouseEnterHandler","disableTooltip","map","item","itemId","label","itemLabel","icon","data","children","selectable","disabled","href","target","ItemText","wrapperTooltip","itemMouseEnterHandler","event","HvVerticalNavigationTreeViewItem","setId","className","listItem","nodeId","_jsx","payload","onMouseEnter","undefined","getAllParents","parents","filter","length","childParents","flatMap","pathToElement","targetId","path","i","push","subPaths","HvVerticalNavigationTree","mode","collapsible","expanded","expandedProp","defaultExpanded","onToggle","selected","selectedProp","defaultSelected","onChange","others","setSelected","useControlled","setExpanded","slice","isOpen","collapsedMode","slider","parentItem","withParentData","navigateToChildHandler","setParentData","setParentSelected","useContext","VerticalNavigationContext","navigationPopup","setNavigationPopup","useState","handleChange","useCallback","selectedId","selectedItem","currentEventTarget","currentTarget","prevState","anchorEl","uniqueKey","uniqueId","fixedMode","stopPropagation","treeViewItemMouseEnterHandler","isCollapsedMode","handleToggle","newExpanded","useMemo","useEffect","navigateToTargetHandler","handleNavigationPopupClose","handleStyledNavMouseLeave","StyledNav","clsx","verticalNavigationTreeClasses","root","collapsed","onMouseLeave","HvVerticalNavigationSlider","onNavigateToTarget","onNavigateToChild","_jsxs","HvVerticalNavigationTreeView","list","HvVerticalNavigationPopup","onClose"],"mappings":"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"}
+{"version":3,"file":"Navigation.cjs","sources":["../../../../../src/components/VerticalNavigation/Navigation/Navigation.tsx"],"sourcesContent":["import {\n  useCallback,\n  useMemo,\n  useContext,\n  useEffect,\n  useState,\n  ComponentProps,\n} from \"react\";\nimport { clsx } from \"clsx\";\nimport uniqueId from \"lodash/uniqueId\";\nimport { setId, wrapperTooltip } from \"@core/utils\";\nimport { useControlled } from \"@core/hooks\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n  HvVerticalNavigationTreeView,\n  HvVerticalNavigationTreeViewItem,\n} from \"../TreeView\";\nimport verticalNavigationTreeClasses, {\n  HvVerticalNavigationTreeClasses,\n} from \"./navigationClasses\";\nimport { StyledNav } from \"./Navigation.styles\";\nimport { HvVerticalNavigationSlider } from \"..\";\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { HvVerticalNavigationPopup } from \"../NavigationPopup/NavigationPopup\";\nimport { getParentItemById } from \"../NavigationSlider/utils/NavigationSlider.utils\";\n\nexport type NavigationData<T extends React.ElementType = \"a\"> =\n  ComponentProps<T> &\n    Record<string, any> & {\n      /** The id to be applied to the root element. */\n      id: string;\n      /** The label to be rendered on the menu item. */\n      label: string;\n      /** The icon to be rendered. */\n      icon?: React.ReactNode;\n      /** The Data children subset. */\n      data?: NavigationData<T>[];\n      /** Whether the item is disabled and not interactive. */\n      disabled?: boolean;\n      /** Whether the item has a selected state. */\n      selectable?: boolean;\n    };\n\nconst createListHierarchy = (\n  items,\n  id,\n  classes?: HvVerticalNavigationTreeClasses,\n  mouseEnterHandler?: (event, item) => void,\n  disableTooltip = false\n) =>\n  items.map((item) => {\n    const {\n      id: itemId,\n      label: itemLabel,\n      icon,\n      data: children,\n      selectable,\n      disabled,\n      href,\n      target,\n    } = item;\n\n    const ItemText = wrapperTooltip(true, itemLabel, itemLabel);\n\n    const itemMouseEnterHandler = (event) => {\n      mouseEnterHandler?.(event, item);\n    };\n\n    return (\n      <HvVerticalNavigationTreeViewItem\n        id={setId(id, itemId)}\n        className={classes?.listItem}\n        href={href}\n        target={target}\n        key={itemId}\n        nodeId={itemId}\n        label={<ItemText />}\n        icon={icon}\n        payload={item}\n        selectable={selectable}\n        disabled={disabled}\n        onMouseEnter={itemMouseEnterHandler}\n        disableTooltip={disableTooltip}\n      >\n        {children\n          ? createListHierarchy(\n              children,\n              id,\n              classes,\n              mouseEnterHandler,\n              disableTooltip\n            )\n          : undefined}\n      </HvVerticalNavigationTreeViewItem>\n    );\n  });\n\nconst getAllParents = (items) => {\n  const parents = items.filter(\n    (item) => item.data != null && item.data.length > 0\n  );\n  const childParents = parents.flatMap((item) => getAllParents(item.data));\n\n  return [...parents, ...childParents];\n};\n\nfunction pathToElement(data, targetId) {\n  const path: string[] = [];\n\n  if (data != null && data.length > 0) {\n    for (let i = 0; i !== data.length; ++i) {\n      const item = data[i];\n      if (item.id === targetId) {\n        path.push(item.id);\n        break;\n      }\n\n      const subPaths = pathToElement(item.data, targetId);\n      if (subPaths.length > 0) {\n        path.push(item.id);\n        path.push(...subPaths);\n        break;\n      }\n    }\n  }\n\n  return path;\n}\n\nexport const HvVerticalNavigationTree = ({\n  id,\n\n  className,\n  classes,\n\n  data,\n\n  mode = \"navigation\",\n\n  collapsible = false,\n  expanded: expandedProp,\n  defaultExpanded,\n  onToggle,\n\n  selected: selectedProp,\n  defaultSelected,\n  onChange,\n\n  ...others\n}: HvVerticalNavigationTreeProps) => {\n  const [selected, setSelected] = useControlled(selectedProp, defaultSelected);\n  const [expanded, setExpanded] = useControlled(expandedProp, () => {\n    if (defaultExpanded === true) {\n      // all parent nodes will be expanded by default\n      return getAllParents(data).map((item) => item.id);\n    }\n\n    if (defaultExpanded === false) {\n      // all parent nodes will be collapsed by default\n      return [];\n    }\n\n    if (defaultExpanded == null) {\n      if (selected != null) {\n        // the path to the selected node will be expanded (default behaviour)\n        const path = pathToElement(data, selected);\n        return path.slice(0, -1);\n      }\n\n      // nothing is expanded\n      return [];\n    }\n\n    return defaultExpanded;\n  });\n\n  const {\n    isOpen,\n    useIcons,\n    slider,\n\n    parentItem,\n    setParentItem,\n    withParentData,\n    navigateToChildHandler,\n\n    setParentData,\n    setParentSelected,\n  } = useContext(VerticalNavigationContext);\n\n  const [navigationPopup, setNavigationPopup] = useState<{\n    // This value is needed to guarantee that the NavigationPopup is fully re-rendered with keeping any previous values\n    uniqueKey: string;\n    anchorEl: HTMLButtonElement | null;\n    fixedMode: boolean;\n    data: NavigationData[];\n  } | null>(null);\n\n  const handleChange = useCallback(\n    (event, selectedId, selectedItem) => {\n      if (useIcons && !isOpen && selectedItem.data) {\n        const currentEventTarget = event.currentTarget;\n        setNavigationPopup((prevState) => {\n          // We want to close the popup in case the clicked element is the same as the previous one\n          return prevState?.anchorEl === currentEventTarget\n            ? null\n            : {\n                uniqueKey: uniqueId(),\n                anchorEl: currentEventTarget,\n                fixedMode: true,\n                data: selectedItem.data,\n              };\n        });\n\n        // We need this stopPropagation or else the Popup will close due to the clickaway being triggered\n        event.stopPropagation();\n      } else {\n        setSelected(selectedId);\n        setExpanded((prevState) => {\n          if (!isOpen) {\n            return [...prevState, ...pathToElement(data, selectedId)];\n          }\n          return [...prevState];\n        });\n        setNavigationPopup(null);\n        if (onChange) {\n          onChange(event, selectedItem);\n        }\n      }\n    },\n    [onChange, setSelected]\n  );\n\n  const treeViewItemMouseEnterHandler = (event, item) => {\n    const isCollapsed = useIcons && !isOpen;\n\n    if (isCollapsed && item.data && !navigationPopup?.fixedMode) {\n      const currentEventTarget = event.currentTarget;\n\n      setNavigationPopup?.({\n        uniqueKey: uniqueId(),\n        anchorEl: currentEventTarget,\n        fixedMode: false,\n        data: item.data,\n      });\n    } else if (isCollapsed && !item.data && !navigationPopup?.fixedMode) {\n      setNavigationPopup(null);\n    }\n  };\n\n  const handleToggle = useCallback(\n    (event, newExpanded) => {\n      setExpanded(newExpanded);\n\n      if (onToggle) {\n        onToggle(event, newExpanded);\n      }\n    },\n    [onToggle, setExpanded]\n  );\n\n  const children = useMemo(\n    () =>\n      data &&\n      createListHierarchy(\n        data,\n        id,\n        classes,\n        treeViewItemMouseEnterHandler,\n        navigationPopup?.fixedMode\n      ),\n    [classes, data, id, navigationPopup, isOpen]\n  );\n\n  useEffect(() => {\n    if (!isOpen) {\n      setNavigationPopup?.(null);\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (setParentSelected) setParentSelected(selected);\n  }, [selected, setSelected]);\n\n  useEffect(() => {\n    if (setParentData) setParentData(data);\n  }, [data]);\n\n  useEffect(() => {\n    if (\n      withParentData &&\n      selected &&\n      setParentItem &&\n      getParentItemById(withParentData, selected)\n    ) {\n      setParentItem(getParentItemById(withParentData, selected));\n    }\n  }, [withParentData]);\n\n  // navigation slider\n  const navigateToTargetHandler = (event, selectedItem) => {\n    handleChange(event, selectedItem.id, selectedItem);\n  };\n\n  const handleNavigationPopupClose = () => {\n    setNavigationPopup(null);\n  };\n\n  const handleStyledNavMouseLeave = () => {\n    if (useIcons && !isOpen && !navigationPopup?.fixedMode) {\n      setNavigationPopup(null);\n    }\n  };\n\n  return (\n    <StyledNav\n      id={id}\n      className={clsx(\n        className,\n        verticalNavigationTreeClasses.root,\n        classes?.root,\n        !isOpen &&\n          !useIcons &&\n          clsx(verticalNavigationTreeClasses.collapsed, classes?.collapsed)\n      )}\n      onMouseLeave={handleStyledNavMouseLeave}\n      {...others}\n    >\n      {slider ? (\n        <HvVerticalNavigationSlider\n          data={parentItem.data || withParentData}\n          selected={selected}\n          onNavigateToTarget={navigateToTargetHandler}\n          onNavigateToChild={navigateToChildHandler}\n        />\n      ) : (\n        <HvVerticalNavigationTreeView\n          id={setId(id, \"tree\")}\n          className={clsx(verticalNavigationTreeClasses.list, classes?.list)}\n          selectable\n          mode={mode}\n          collapsible={collapsible}\n          selected={selected}\n          onChange={handleChange}\n          expanded={expanded}\n          onToggle={handleToggle}\n        >\n          {useIcons && !isOpen && navigationPopup && (\n            <HvVerticalNavigationPopup\n              id={setId(id, \"navigation-popup\")}\n              key={navigationPopup.uniqueKey}\n              anchorEl={navigationPopup.anchorEl}\n              selected={selected}\n              fixedMode={navigationPopup.fixedMode}\n              data={navigationPopup.data}\n              onClose={handleNavigationPopupClose}\n              onChange={handleChange}\n              className={clsx(\n                verticalNavigationTreeClasses.navigationPopup,\n                classes?.navigationPopup\n              )}\n            />\n          )}\n          {children}\n        </HvVerticalNavigationTreeView>\n      )}\n    </StyledNav>\n  );\n};\n\nexport interface HvVerticalNavigationTreeProps\n  extends HvBaseProps<HTMLDivElement, \"onChange\"> {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvVerticalNavigationTreeClasses;\n  /**\n   * Modus operandi (role) of the widget instance.\n   */\n  mode?: NavigationMode;\n  /**\n   * Can non-leaf nodes be collapsed / expanded.\n   */\n  collapsible?: boolean;\n  /**\n   * The ID of the selected page.\n   */\n  selected?: string;\n  /**\n   * When uncontrolled, defines the initial selected page ID.\n   */\n  defaultSelected?: string;\n  /**\n   * Callback fired when a navigation item is selected.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {object} page The data of the selected page.\n   */\n  onChange?: (event, page) => void;\n  /**\n   * Expanded nodes' ids.\n   */\n  expanded?: string[];\n  /**\n   * When uncontrolled, defines the initial expanded nodes' ids.\n   *\n   * It also supports `true` for starting with all nodes expanded.\n   * With `false` all nodes will be collapsed.\n   *\n   * By default it expands the needed nodes to display the current selection, if any.\n   */\n  defaultExpanded?: string[] | boolean;\n  /**\n   * Callback fired when tree items are expanded/collapsed.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {array} nodeIds The ids of the expanded nodes (old and new).\n   */\n  onToggle?: (event, nodeIds) => void;\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   * data - sub-menu items\n   * href - the url used for navigation.\n   * target - the behavior when opening an url.\n   */\n  data?: NavigationData[];\n}\n\nexport type NavigationMode = \"treeview\" | \"navigation\" | \"slider\";\n"],"names":["createListHierarchy","items","id","classes","mouseEnterHandler","disableTooltip","map","item","itemId","label","itemLabel","icon","data","children","selectable","disabled","href","target","ItemText","wrapperTooltip","itemMouseEnterHandler","event","HvVerticalNavigationTreeViewItem","setId","className","listItem","nodeId","_jsx","payload","onMouseEnter","undefined","getAllParents","parents","filter","length","childParents","flatMap","pathToElement","targetId","path","i","push","subPaths","HvVerticalNavigationTree","mode","collapsible","expanded","expandedProp","defaultExpanded","onToggle","selected","selectedProp","defaultSelected","onChange","others","setSelected","useControlled","setExpanded","slice","isOpen","useIcons","slider","parentItem","setParentItem","withParentData","navigateToChildHandler","setParentData","setParentSelected","useContext","VerticalNavigationContext","navigationPopup","setNavigationPopup","useState","handleChange","useCallback","selectedId","selectedItem","currentEventTarget","currentTarget","prevState","anchorEl","uniqueKey","uniqueId","fixedMode","stopPropagation","treeViewItemMouseEnterHandler","isCollapsed","handleToggle","newExpanded","useMemo","useEffect","getParentItemById","navigateToTargetHandler","handleNavigationPopupClose","handleStyledNavMouseLeave","StyledNav","clsx","verticalNavigationTreeClasses","root","collapsed","onMouseLeave","HvVerticalNavigationSlider","onNavigateToTarget","onNavigateToChild","_jsxs","HvVerticalNavigationTreeView","list","HvVerticalNavigationPopup","onClose"],"mappings":";;;;;;;;;;;;;;;;;;;AA2CA,MAAMA,sBAAsBA,CAC1BC,OACAC,IACAC,SACAC,mBACAC,iBAAiB,UAEjBJ,MAAMK,IAAKC,CAAS,SAAA;AACZ,QAAA;AAAA,IACJL,IAAIM;AAAAA,IACJC,OAAOC;AAAAA,IACPC;AAAAA,IACAC,MAAMC;AAAAA,IACNC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,EACEV,IAAAA;AAEJ,QAAMW,WAAWC,eAAAA,eAAe,MAAMT,WAAWA,SAAS;AAE1D,QAAMU,wBAAyBC,CAAU,UAAA;AACvCjB,2DAAoBiB,OAAOd;AAAAA,EAAI;AAGjC,wCACGe,aAAAA,kCAAgC;AAAA,IAC/BpB,IAAIqB,MAAAA,MAAMrB,IAAIM,MAAM;AAAA,IACpBgB,WAAWrB,mCAASsB;AAAAA,IACpBT;AAAAA,IACAC;AAAAA,IAEAS,QAAQlB;AAAAA,IACRC,OAAOkB,2BAAAA,IAACT,UAAY,EAAA;AAAA,IACpBP;AAAAA,IACAiB,SAASrB;AAAAA,IACTO;AAAAA,IACAC;AAAAA,IACAc,cAAcT;AAAAA,IACdf;AAAAA,IAA+BQ,UAE9BA,WACGb,oBACEa,UACAX,IACAC,SACAC,mBACAC,cAAc,IAEhByB;AAAAA,KAlBCtB,MAAM;AAqBjB,CAAC;AAEH,MAAMuB,gBAAiB9B,CAAU,UAAA;AACzB+B,QAAAA,UAAU/B,MAAMgC,OACnB1B,CAASA,SAAAA,KAAKK,QAAQ,QAAQL,KAAKK,KAAKsB,SAAS,CAAC;AAErD,QAAMC,eAAeH,QAAQI,QAAS7B,UAASwB,cAAcxB,KAAKK,IAAI,CAAC;AAEvE,SAAO,CAAC,GAAGoB,SAAS,GAAGG,YAAY;AACrC;AAEA,SAASE,cAAczB,MAAM0B,UAAU;AACrC,QAAMC,OAAiB,CAAA;AAEvB,MAAI3B,QAAQ,QAAQA,KAAKsB,SAAS,GAAG;AACnC,aAASM,IAAI,GAAGA,MAAM5B,KAAKsB,QAAQ,EAAEM,GAAG;AAChCjC,YAAAA,OAAOK,KAAK4B,CAAC;AACfjC,UAAAA,KAAKL,OAAOoC,UAAU;AACnBG,aAAAA,KAAKlC,KAAKL,EAAE;AACjB;AAAA,MACF;AAEA,YAAMwC,WAAWL,cAAc9B,KAAKK,MAAM0B,QAAQ;AAC9CI,UAAAA,SAASR,SAAS,GAAG;AAClBO,aAAAA,KAAKlC,KAAKL,EAAE;AACZuC,aAAAA,KAAK,GAAGC,QAAQ;AACrB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEOH,SAAAA;AACT;AAEO,MAAMI,2BAA2BA,CAAC;AAAA,EACvCzC;AAAAA,EAEAsB;AAAAA,EACArB;AAAAA,EAEAS;AAAAA,EAEAgC,OAAO;AAAA,EAEPC,cAAc;AAAA,EACdC,UAAUC;AAAAA,EACVC;AAAAA,EACAC;AAAAA,EAEAC,UAAUC;AAAAA,EACVC;AAAAA,EACAC;AAAAA,EAEA,GAAGC;AAC0B,MAAM;AACnC,QAAM,CAACJ,UAAUK,WAAW,IAAIC,cAAAA,cAAcL,cAAcC,eAAe;AAC3E,QAAM,CAACN,UAAUW,WAAW,IAAID,cAAAA,cAAcT,cAAc,MAAM;AAChE,QAAIC,oBAAoB,MAAM;AAE5B,aAAOjB,cAAcnB,IAAI,EAAEN,IAAKC,CAAAA,SAASA,KAAKL,EAAE;AAAA,IAClD;AAEA,QAAI8C,oBAAoB,OAAO;AAE7B,aAAO;IACT;AAEA,QAAIA,mBAAmB,MAAM;AAC3B,UAAIE,YAAY,MAAM;AAEdX,cAAAA,OAAOF,cAAczB,MAAMsC,QAAQ;AAClCX,eAAAA,KAAKmB,MAAM,GAAG,EAAE;AAAA,MACzB;AAGA,aAAO;IACT;AAEOV,WAAAA;AAAAA,EAAAA,CACR;AAEK,QAAA;AAAA,IACJW;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,EAAAA,IACEC,MAAAA,WAAWC,0BAAAA,yBAAyB;AAExC,QAAM,CAACC,iBAAiBC,kBAAkB,IAAIC,eAMpC,IAAI;AAEd,QAAMC,eAAeC,MAAAA,YACnB,CAACrD,OAAOsD,YAAYC,iBAAiB;AACnC,QAAIhB,YAAY,CAACD,UAAUiB,aAAahE,MAAM;AAC5C,YAAMiE,qBAAqBxD,MAAMyD;AACjCP,yBAAoBQ,CAAc,cAAA;AAEzBA,gBAAAA,uCAAWC,cAAaH,qBAC3B,OACA;AAAA,UACEI,WAAWC,kBAAAA,QAAU;AAAA,UACrBF,UAAUH;AAAAA,UACVM,WAAW;AAAA,UACXvE,MAAMgE,aAAahE;AAAAA,QAAAA;AAAAA,MACrB,CACL;AAGDS,YAAM+D,gBAAiB;AAAA,IAAA,OAClB;AACL7B,kBAAYoB,UAAU;AACtBlB,kBAAasB,CAAc,cAAA;AACzB,YAAI,CAACpB,QAAQ;AACX,iBAAO,CAAC,GAAGoB,WAAW,GAAG1C,cAAczB,MAAM+D,UAAU,CAAC;AAAA,QAC1D;AACO,eAAA,CAAC,GAAGI,SAAS;AAAA,MAAA,CACrB;AACDR,yBAAmB,IAAI;AACvB,UAAIlB,UAAU;AACZA,iBAAShC,OAAOuD,YAAY;AAAA,MAC9B;AAAA,IACF;AAAA,EAAA,GAEF,CAACvB,UAAUE,WAAW,CAAC;AAGnB8B,QAAAA,gCAAgCA,CAAChE,OAAOd,SAAS;AAC/C+E,UAAAA,cAAc1B,YAAY,CAACD;AAEjC,QAAI2B,eAAe/E,KAAKK,QAAQ,EAAC0D,mDAAiBa,YAAW;AAC3D,YAAMN,qBAAqBxD,MAAMyD;AAEZ,+DAAA;AAAA,QACnBG,WAAWC,kBAAAA,QAAU;AAAA,QACrBF,UAAUH;AAAAA,QACVM,WAAW;AAAA,QACXvE,MAAML,KAAKK;AAAAA,MAAAA;AAAAA,IACZ,WACQ0E,eAAe,CAAC/E,KAAKK,QAAQ,EAAC0D,mDAAiBa,YAAW;AACnEZ,yBAAmB,IAAI;AAAA,IACzB;AAAA,EAAA;AAGF,QAAMgB,eAAeb,MAAAA,YACnB,CAACrD,OAAOmE,gBAAgB;AACtB/B,gBAAY+B,WAAW;AAEvB,QAAIvC,UAAU;AACZA,eAAS5B,OAAOmE,WAAW;AAAA,IAC7B;AAAA,EAAA,GAEF,CAACvC,UAAUQ,WAAW,CAAC;AAGzB,QAAM5C,WAAW4E,MAAAA,QACf,MACE7E,QACAZ,oBACEY,MACAV,IACAC,SACAkF,+BACAf,mDAAiBa,SAAS,GAE9B,CAAChF,SAASS,MAAMV,IAAIoE,iBAAiBX,MAAM,CAAC;AAG9C+B,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC/B,QAAQ;AACXY,+DAAqB;AAAA,IACvB;AAAA,EAAA,GACC,CAACZ,MAAM,CAAC;AAEX+B,QAAAA,UAAU,MAAM;AACVvB,QAAAA;AAAmBA,wBAAkBjB,QAAQ;AAAA,EAAA,GAChD,CAACA,UAAUK,WAAW,CAAC;AAE1BmC,QAAAA,UAAU,MAAM;AACVxB,QAAAA;AAAeA,oBAActD,IAAI;AAAA,EAAA,GACpC,CAACA,IAAI,CAAC;AAET8E,QAAAA,UAAU,MAAM;AACd,QACE1B,kBACAd,YACAa,iBACA4B,uBAAAA,kBAAkB3B,gBAAgBd,QAAQ,GAC1C;AACcyC,oBAAAA,uBAAAA,kBAAkB3B,gBAAgBd,QAAQ,CAAC;AAAA,IAC3D;AAAA,EAAA,GACC,CAACc,cAAc,CAAC;AAGb4B,QAAAA,0BAA0BA,CAACvE,OAAOuD,iBAAiB;AAC1CvD,iBAAAA,OAAOuD,aAAa1E,IAAI0E,YAAY;AAAA,EAAA;AAGnD,QAAMiB,6BAA6BA,MAAM;AACvCtB,uBAAmB,IAAI;AAAA,EAAA;AAGzB,QAAMuB,4BAA4BA,MAAM;AACtC,QAAIlC,YAAY,CAACD,UAAU,EAACW,mDAAiBa,YAAW;AACtDZ,yBAAmB,IAAI;AAAA,IACzB;AAAA,EAAA;AAGF,wCACGwB,kBAAAA,WAAS;AAAA,IACR7F;AAAAA,IACAsB,WAAWwE,KACTxE,KAAAA,WACAyE,kBAA8BC,QAAAA,MAC9B/F,mCAAS+F,MACT,CAACvC,UACC,CAACC,YACDoC,KAAAA,KAAKC,kBAAAA,QAA8BE,WAAWhG,mCAASgG,SAAS,CAAC;AAAA,IAErEC,cAAcN;AAAAA,IAA0B,GACpCxC;AAAAA,IAAMzC,UAETgD,SACClC,2BAAAA,IAAC0E,6CAA0B;AAAA,MACzBzF,MAAMkD,WAAWlD,QAAQoD;AAAAA,MACzBd;AAAAA,MACAoD,oBAAoBV;AAAAA,MACpBW,mBAAmBtC;AAAAA,IAAAA,CACnB,IAEFuC,2BAAAA,KAACC,uCAA4B;AAAA,MAC3BvG,IAAIqB,MAAAA,MAAMrB,IAAI,MAAM;AAAA,MACpBsB,WAAWwE,KAAAA,KAAKC,kBAAAA,QAA8BS,MAAMvG,mCAASuG,IAAI;AAAA,MACjE5F,YAAU;AAAA,MACV8B;AAAAA,MACAC;AAAAA,MACAK;AAAAA,MACAG,UAAUoB;AAAAA,MACV3B;AAAAA,MACAG,UAAUsC;AAAAA,MAAa1E,UAAA,CAEtB+C,YAAY,CAACD,UAAUW,kDACrBqC,2CAAyB;AAAA,QACxBzG,IAAIqB,MAAAA,MAAMrB,IAAI,kBAAkB;AAAA,QAEhC8E,UAAUV,gBAAgBU;AAAAA,QAC1B9B;AAAAA,QACAiC,WAAWb,gBAAgBa;AAAAA,QAC3BvE,MAAM0D,gBAAgB1D;AAAAA,QACtBgG,SAASf;AAAAA,QACTxC,UAAUoB;AAAAA,QACVjD,WAAWwE,KAAAA,KACTC,kBAAAA,QAA8B3B,iBAC9BnE,mCAASmE,eAAe;AAAA,MAAA,GATrBA,gBAAgBW,SAAS,GAajCpE,QAAQ;AAAA,IAAA,CAAA;AAAA,EAAA,CAGH;AAEhB;;"}