@hitachivantara/uikit-react-core 5.0.0-next.16 → 5.0.0-next.18

package/dist/esm/index.js

@@ -208,8 +208,22 @@ import { default as default108 } from "./components/Controls/RightControl/rightC
 import { HvRightControl } from "./components/Controls/RightControl/RightControl.js";
 import { default as default109 } from "./components/Calendar/calendarClasses.js";
 import { HvCalendar } from "./components/Calendar/Calendar.js";
-import { default as default110 } from "./hooks/useUniqueId.js";
-import { default as default111 } from "./hooks/useIsMounted.js";
+import { default as default110 } from "./components/VerticalNavigation/verticalNavigationClasses.js";
+import { HvVerticalNavigation, VerticalNavigationContext } from "./components/VerticalNavigation/VerticalNavigation.js";
+import { default as default111 } from "./components/VerticalNavigation/Header/headerClasses.js";
+import { HvVerticalNavigationHeader } from "./components/VerticalNavigation/Header/Header.js";
+import { default as default112 } from "./components/VerticalNavigation/Actions/actionClasses.js";
+import { default as default113 } from "./components/VerticalNavigation/Actions/actionsClasses.js";
+import { HvVerticalNavigationActions } from "./components/VerticalNavigation/Actions/Actions.js";
+import { HvVerticalNavigationAction } from "./components/VerticalNavigation/Actions/Action.js";
+import { default as default114 } from "./components/VerticalNavigation/Navigation/navigationClasses.js";
+import { HvVerticalNavigationTree } from "./components/VerticalNavigation/Navigation/Navigation.js";
+import { default as default115 } from "./components/VerticalNavigation/TreeView/treeViewClasses.js";
+import { default as default116 } from "./components/VerticalNavigation/TreeView/treeViewItemClasses.js";
+import { HvVerticalNavigationTreeView } from "./components/VerticalNavigation/TreeView/TreeView.js";
+import { HvVerticalNavigationTreeViewItem } from "./components/VerticalNavigation/TreeView/TreeViewItem.js";
+import { default as default117 } from "./hooks/useUniqueId.js";
+import { default as default118 } from "./hooks/useIsMounted.js";
 import { useClickOutside } from "./hooks/useClickOutside.js";
 import { useControlled } from "./hooks/useControlled.js";
 import { useImageLoaded } from "./hooks/useImageLoaded.js";
@@ -217,14 +231,15 @@ import { useSelectionPath } from "./hooks/useSelectionPath.js";
 import { useWidth } from "./hooks/useWidth.js";
 import { useLabels } from "./hooks/useLabels.js";
 import { useTheme } from "./hooks/useTheme.js";
+import { useEnhancedEffect } from "./hooks/useEnhancedEffect.js";
 import { HvProvider } from "./providers/Provider.js";
 import { HvThemeContext } from "@hitachivantara/uikit-react-shared";
 import { HvThemeProvider } from "./providers/ThemeProvider.js";
-import { default as default112 } from "./utils/iconVariant.js";
-import { default as default113 } from "./utils/hexToRgbA.js";
-import { default as default114 } from "./utils/browser.js";
-import { default as default115 } from "./utils/multiSelectionEventHandler.js";
-import { default as default116 } from "./utils/getComponentName.js";
+import { default as default119 } from "./utils/iconVariant.js";
+import { default as default120 } from "./utils/hexToRgbA.js";
+import { default as default121 } from "./utils/browser.js";
+import { default as default122 } from "./utils/multiSelectionEventHandler.js";
+import { default as default123 } from "./utils/getComponentName.js";
 import { outlineStyles } from "./utils/focusUtils.js";
 import { keyboardCodes } from "./utils/keyboardUtils/keyboardCodes.js";
 import { getKeyCodeFromEvent, isKeycode, isKeypress } from "./utils/keyboardUtils/keyCheck.js";
@@ -232,8 +247,10 @@ import { decreaseSize, increaseSize } from "./utils/sizes.js";
 import { createTheme, processThemes, setElementAttrs } from "./utils/theme.js";
 import { setId, setUid } from "./utils/setId.js";
 import { getClasses } from "./utils/classes.js";
-import { default as default117 } from "./hocs/withTooltip.js";
-import { default as default118 } from "./hocs/withId.js";
+import { getFirstAndLastFocus, getFocusableList, getPrevNextFocus } from "./utils/focusableElementFinder.js";
+import { wrapperTooltip } from "./utils/wrapperTooltip.js";
+import { default as default124 } from "./hocs/withTooltip.js";
+import { default as default125 } from "./hocs/withId.js";
 export {
   CellWithCheckBox,
   CellWithExpandButton,
@@ -348,10 +365,20 @@ export {
   HvToggleButton,
   HvTooltip,
   HvTypography,
+  HvVerticalNavigation,
+  HvVerticalNavigationAction,
+  HvVerticalNavigationActions,
+  HvVerticalNavigationHeader,
+  HvVerticalNavigationTree,
+  HvVerticalNavigationTreeView,
+  HvVerticalNavigationTreeViewItem,
   HvWarningText,
   default6 as Random,
+  VerticalNavigationContext,
   default22 as accordionClasses,
   default21 as actionBarClasses,
+  default112 as actionClasses,
+  default113 as actionsClasses,
   default73 as actionsGenericClasses,
   default12 as adornmentClasses,
   default57 as appSwitcherActionClasses,
@@ -403,12 +430,15 @@ export {
   default36 as footerClasses,
   default13 as formElementClasses,
   getClasses,
-  default116 as getComponentName,
+  default123 as getComponentName,
+  getFirstAndLastFocus,
+  getFocusableList,
   getHeaderFooterPropsHook,
   getHeaderGroupPropsHook,
   getIdReferenceFor,
   getIdReferenceListFor,
   getKeyCodeFromEvent,
+  getPrevNextFocus,
   getSelectorIcons,
   getTableHeadPropsHook,
   default83 as globalActionsClasses,
@@ -417,7 +447,7 @@ export {
   default40 as headerBrandClasses,
   default38 as headerClasses,
   default41 as headerNavigationClasses,
-  default113 as hexToRgbA,
+  default120 as hexToRgbA,
   hvDateColumn,
   hvDropdownColumn,
   hvExpandColumn,
@@ -429,11 +459,11 @@ export {
   hvSwitchColumn,
   hvTagColumn,
   hvTextColumn,
-  default112 as iconVariant,
+  default119 as iconVariant,
   increaseSize,
   default15 as infoMessageClasses,
   default60 as inputClasses,
-  default114 as isBrowser,
+  default121 as isBrowser,
   isInvalid,
   isKeycode,
   isKeypress,
@@ -449,7 +479,7 @@ export {
   default44 as loadingClasses,
   default105 as loginClasses,
   default45 as multiButtonClasses,
-  default115 as multiSelectionEventHandler,
+  default122 as multiSelectionEventHandler,
   normalizeProgressBar,
   outlineStyles,
   default53 as overflowTooltipClasses,
@@ -487,10 +517,13 @@ export {
   theme,
   themes,
   default52 as tooltipClasses,
+  default115 as treeViewClasses,
+  default116 as treeViewItemClasses,
   default7 as typographyClasses,
   useClickOutside,
   default5 as useComputation,
   useControlled,
+  useEnhancedEffect,
   default4 as useForkRef,
   default97 as useHvBulkActions,
   default2 as useHvData,
@@ -508,14 +541,18 @@ export {
   default92 as useHvTableStyles,
   useImageLoaded,
   useInstance,
-  default111 as useIsMounted,
+  default118 as useIsMounted,
   useLabels,
   useSelectionPath,
   useTheme,
-  default110 as useUniqueId,
+  default117 as useUniqueId,
   useWidth,
+  default110 as verticalNavigationClasses,
+  default111 as verticalNavigationHeaderClasses,
+  default114 as verticalNavigationTreeClasses,
   default16 as warningTextClasses,
-  default118 as withId,
-  default117 as withTooltip
+  default125 as withId,
+  default124 as withTooltip,
+  wrapperTooltip
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/providers/ThemeProvider.js

@@ -18,7 +18,10 @@ const HvThemeProvider = ({
   const [selectedTheme, setSelectedTheme] = useState(pTheme.selectedTheme);
   const [selectedMode, setThemeMode] = useState(pTheme.selectedMode);
   const [colorModes, setColorModes] = useState(pTheme.colorModes);
-  const [themes] = useState(themesList.map((t) => t.name));
+  const [themes, setThemes] = useState(themesList.map((t) => t.name));
+  useEffect(() => {
+    setThemes(themesList.map((t) => t.name));
+  }, [themesList]);
   const changeTheme = (newTheme = selectedTheme, newMode = selectedMode) => {
     pTheme = parseTheme(themesList, newTheme, newMode);
     setActiveTheme(pTheme.theme);

package/dist/esm/providers/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","sources":["../../../src/providers/ThemeProvider.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { parseTheme, HvThemeStructure } from \"@hitachivantara/uikit-styles\";\nimport { HvThemeContext } from \"@hitachivantara/uikit-react-shared\";\nimport type { HvThemeContextValue } from \"@hitachivantara/uikit-react-shared\";\nimport {\n  createTheme,\n  ThemeProvider as MuiThemeProvider,\n} from \"@mui/material/styles\";\nimport { setElementAttrs } from \"utils\";\nimport { HvTheme } from \"../types/theme\";\n\nexport { HvThemeContext };\nexport type { HvThemeContextValue };\n\ninterface HvThemeProviderProps {\n  children: React.ReactNode;\n  themes: (HvTheme | HvThemeStructure)[];\n  theme: string;\n  colorMode: string;\n  rootElementId?: string;\n}\n\nexport const HvThemeProvider = ({\n  children,\n  themes: themesList,\n  theme,\n  colorMode,\n  rootElementId,\n}: HvThemeProviderProps) => {\n  let pTheme = parseTheme(themesList, theme, colorMode);\n\n  const [rootId] = useState<string | undefined>(rootElementId);\n  const [activeTheme, setActiveTheme] = useState<HvTheme | HvThemeStructure>(\n    pTheme.theme\n  );\n  const [selectedTheme, setSelectedTheme] = useState<string>(\n    pTheme.selectedTheme\n  );\n  const [selectedMode, setThemeMode] = useState<string>(pTheme.selectedMode);\n  const [colorModes, setColorModes] = useState<string[]>(pTheme.colorModes);\n  const [themes] = useState<string[]>(themesList.map((t) => t.name));\n\n  const changeTheme = (newTheme = selectedTheme, newMode = selectedMode) => {\n    pTheme = parseTheme(themesList, newTheme, newMode);\n\n    setActiveTheme(pTheme.theme);\n    setSelectedTheme(pTheme.selectedTheme);\n    setThemeMode(pTheme.selectedMode);\n    setColorModes(pTheme.colorModes);\n\n    setElementAttrs(\n      pTheme.selectedTheme,\n      pTheme.selectedMode,\n      pTheme.styles,\n      rootId\n    );\n  };\n\n  useEffect(() => {\n    changeTheme(theme, colorMode);\n  }, [theme, colorMode]);\n\n  const value = useMemo(\n    () => ({\n      themes,\n      colorModes,\n      activeTheme: activeTheme as HvTheme,\n      selectedTheme,\n      selectedMode,\n      changeTheme,\n      rootId,\n    }),\n    [\n      themes,\n      colorModes,\n      activeTheme,\n      selectedTheme,\n      selectedMode,\n      changeTheme,\n      rootId,\n    ]\n  );\n\n  const MuiTheme = createTheme({\n    breakpoints: {\n      values: {\n        ...activeTheme.breakpoints.values,\n      },\n    },\n  });\n\n  return (\n    <MuiThemeProvider theme={MuiTheme}>\n      <HvThemeContext.Provider value={value}>\n        {children}\n      </HvThemeContext.Provider>\n    </MuiThemeProvider>\n  );\n};\n"],"names":["HvThemeProvider","children","themes","themesList","theme","colorMode","rootElementId","pTheme","parseTheme","rootId","useState","activeTheme","setActiveTheme","selectedTheme","setSelectedTheme","selectedMode","setThemeMode","colorModes","setColorModes","map","t","name","changeTheme","newTheme","newMode","setElementAttrs","styles","useEffect","value","useMemo","MuiTheme","createTheme","breakpoints","values","MuiThemeProvider","HvThemeContext","Provider"],"mappings":";;;;;;;AAsBO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC,QAAQC;AAAAA,EACRC;AAAAA,EACAC;AAAAA,EACAC;AACoB,MAAM;AAC1B,MAAIC,SAASC,WAAWL,YAAYC,OAAOC,SAAS;AAEpD,QAAM,CAACI,MAAM,IAAIC,SAA6BJ,aAAa;AAC3D,QAAM,CAACK,aAAaC,cAAc,IAAIF,SACpCH,OAAOH,KAAK;AAEd,QAAM,CAACS,eAAeC,gBAAgB,IAAIJ,SACxCH,OAAOM,aAAa;AAEtB,QAAM,CAACE,cAAcC,YAAY,IAAIN,SAAiBH,OAAOQ,YAAY;AACzE,QAAM,CAACE,YAAYC,aAAa,IAAIR,SAAmBH,OAAOU,UAAU;AAClE,QAAA,CAACf,MAAM,IAAIQ,SAAmBP,WAAWgB,IAAKC,CAAAA,MAAMA,EAAEC,IAAI,CAAC;AAEjE,QAAMC,cAAcA,CAACC,WAAWV,eAAeW,UAAUT,iBAAiB;AAC/DP,aAAAA,WAAWL,YAAYoB,UAAUC,OAAO;AAEjDZ,mBAAeL,OAAOH,KAAK;AAC3BU,qBAAiBP,OAAOM,aAAa;AACrCG,iBAAaT,OAAOQ,YAAY;AAChCG,kBAAcX,OAAOU,UAAU;AAE/BQ,oBACElB,OAAOM,eACPN,OAAOQ,cACPR,OAAOmB,QACPjB,MAAM;AAAA,EAAA;AAIVkB,YAAU,MAAM;AACdL,gBAAYlB,OAAOC,SAAS;AAAA,EAAA,GAC3B,CAACD,OAAOC,SAAS,CAAC;AAEfuB,QAAAA,QAAQC,QACZ,OAAO;AAAA,IACL3B;AAAAA,IACAe;AAAAA,IACAN;AAAAA,IACAE;AAAAA,IACAE;AAAAA,IACAO;AAAAA,IACAb;AAAAA,EAAAA,IAEF,CACEP,QACAe,YACAN,aACAE,eACAE,cACAO,aACAb,MAAM,CACP;AAGH,QAAMqB,WAAWC,YAAY;AAAA,IAC3BC,aAAa;AAAA,MACXC,QAAQ;AAAA,QACN,GAAGtB,YAAYqB,YAAYC;AAAAA,MAC7B;AAAA,IACF;AAAA,EAAA,CACD;AAED,6BACGC,eAAgB;AAAA,IAAC9B,OAAO0B;AAAAA,IAAS7B,UAC/BkC,oBAAAA,eAAeC,UAAQ;AAAA,MAACR;AAAAA,MAAa3B;AAAAA,IAAAA,CAC3B;AAAA,EAAA,CAEM;AAEvB;"}
+{"version":3,"file":"ThemeProvider.js","sources":["../../../src/providers/ThemeProvider.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { parseTheme, HvThemeStructure } from \"@hitachivantara/uikit-styles\";\nimport { HvThemeContext } from \"@hitachivantara/uikit-react-shared\";\nimport type { HvThemeContextValue } from \"@hitachivantara/uikit-react-shared\";\nimport {\n  createTheme,\n  ThemeProvider as MuiThemeProvider,\n} from \"@mui/material/styles\";\nimport { setElementAttrs } from \"utils\";\nimport { HvTheme } from \"../types/theme\";\n\nexport { HvThemeContext };\nexport type { HvThemeContextValue };\n\ninterface HvThemeProviderProps {\n  children: React.ReactNode;\n  themes: (HvTheme | HvThemeStructure)[];\n  theme: string;\n  colorMode: string;\n  rootElementId?: string;\n}\n\nexport const HvThemeProvider = ({\n  children,\n  themes: themesList,\n  theme,\n  colorMode,\n  rootElementId,\n}: HvThemeProviderProps) => {\n  let pTheme = parseTheme(themesList, theme, colorMode);\n\n  const [rootId] = useState<string | undefined>(rootElementId);\n  const [activeTheme, setActiveTheme] = useState<HvTheme | HvThemeStructure>(\n    pTheme.theme\n  );\n  const [selectedTheme, setSelectedTheme] = useState<string>(\n    pTheme.selectedTheme\n  );\n  const [selectedMode, setThemeMode] = useState<string>(pTheme.selectedMode);\n  const [colorModes, setColorModes] = useState<string[]>(pTheme.colorModes);\n  const [themes, setThemes] = useState<string[]>(themesList.map((t) => t.name));\n\n  useEffect(() => {\n    setThemes(themesList.map((t) => t.name));\n  }, [themesList]);\n\n  const changeTheme = (newTheme = selectedTheme, newMode = selectedMode) => {\n    pTheme = parseTheme(themesList, newTheme, newMode);\n\n    setActiveTheme(pTheme.theme);\n    setSelectedTheme(pTheme.selectedTheme);\n    setThemeMode(pTheme.selectedMode);\n    setColorModes(pTheme.colorModes);\n\n    setElementAttrs(\n      pTheme.selectedTheme,\n      pTheme.selectedMode,\n      pTheme.styles,\n      rootId\n    );\n  };\n\n  useEffect(() => {\n    changeTheme(theme, colorMode);\n  }, [theme, colorMode]);\n\n  const value = useMemo(\n    () => ({\n      themes,\n      colorModes,\n      activeTheme: activeTheme as HvTheme,\n      selectedTheme,\n      selectedMode,\n      changeTheme,\n      rootId,\n    }),\n    [\n      themes,\n      colorModes,\n      activeTheme,\n      selectedTheme,\n      selectedMode,\n      changeTheme,\n      rootId,\n    ]\n  );\n\n  const MuiTheme = createTheme({\n    breakpoints: {\n      values: {\n        ...activeTheme.breakpoints.values,\n      },\n    },\n  });\n\n  return (\n    <MuiThemeProvider theme={MuiTheme}>\n      <HvThemeContext.Provider value={value}>\n        {children}\n      </HvThemeContext.Provider>\n    </MuiThemeProvider>\n  );\n};\n"],"names":["HvThemeProvider","children","themes","themesList","theme","colorMode","rootElementId","pTheme","parseTheme","rootId","useState","activeTheme","setActiveTheme","selectedTheme","setSelectedTheme","selectedMode","setThemeMode","colorModes","setColorModes","setThemes","map","t","name","useEffect","changeTheme","newTheme","newMode","setElementAttrs","styles","value","useMemo","MuiTheme","createTheme","breakpoints","values","MuiThemeProvider","HvThemeContext","Provider"],"mappings":";;;;;;;AAsBO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC,QAAQC;AAAAA,EACRC;AAAAA,EACAC;AAAAA,EACAC;AACoB,MAAM;AAC1B,MAAIC,SAASC,WAAWL,YAAYC,OAAOC,SAAS;AAEpD,QAAM,CAACI,MAAM,IAAIC,SAA6BJ,aAAa;AAC3D,QAAM,CAACK,aAAaC,cAAc,IAAIF,SACpCH,OAAOH,KAAK;AAEd,QAAM,CAACS,eAAeC,gBAAgB,IAAIJ,SACxCH,OAAOM,aAAa;AAEtB,QAAM,CAACE,cAAcC,YAAY,IAAIN,SAAiBH,OAAOQ,YAAY;AACzE,QAAM,CAACE,YAAYC,aAAa,IAAIR,SAAmBH,OAAOU,UAAU;AAClE,QAAA,CAACf,QAAQiB,SAAS,IAAIT,SAAmBP,WAAWiB,IAAKC,CAAAA,MAAMA,EAAEC,IAAI,CAAC;AAE5EC,YAAU,MAAM;AACdJ,cAAUhB,WAAWiB,IAAKC,CAAMA,MAAAA,EAAEC,IAAI,CAAC;AAAA,EAAA,GACtC,CAACnB,UAAU,CAAC;AAEf,QAAMqB,cAAcA,CAACC,WAAWZ,eAAea,UAAUX,iBAAiB;AAC/DP,aAAAA,WAAWL,YAAYsB,UAAUC,OAAO;AAEjDd,mBAAeL,OAAOH,KAAK;AAC3BU,qBAAiBP,OAAOM,aAAa;AACrCG,iBAAaT,OAAOQ,YAAY;AAChCG,kBAAcX,OAAOU,UAAU;AAE/BU,oBACEpB,OAAOM,eACPN,OAAOQ,cACPR,OAAOqB,QACPnB,MAAM;AAAA,EAAA;AAIVc,YAAU,MAAM;AACdC,gBAAYpB,OAAOC,SAAS;AAAA,EAAA,GAC3B,CAACD,OAAOC,SAAS,CAAC;AAEfwB,QAAAA,QAAQC,QACZ,OAAO;AAAA,IACL5B;AAAAA,IACAe;AAAAA,IACAN;AAAAA,IACAE;AAAAA,IACAE;AAAAA,IACAS;AAAAA,IACAf;AAAAA,EAAAA,IAEF,CACEP,QACAe,YACAN,aACAE,eACAE,cACAS,aACAf,MAAM,CACP;AAGH,QAAMsB,WAAWC,YAAY;AAAA,IAC3BC,aAAa;AAAA,MACXC,QAAQ;AAAA,QACN,GAAGvB,YAAYsB,YAAYC;AAAAA,MAC7B;AAAA,IACF;AAAA,EAAA,CACD;AAED,6BACGC,eAAgB;AAAA,IAAC/B,OAAO2B;AAAAA,IAAS9B,UAC/BmC,oBAAAA,eAAeC,UAAQ;AAAA,MAACR;AAAAA,MAAa5B;AAAAA,IAAAA,CAC3B;AAAA,EAAA,CAEM;AAEvB;"}

package/dist/esm/utils/wrapperTooltip.js

@@ -0,0 +1,13 @@
+import withTooltip from "../hocs/withTooltip.js";
+const hideTooltip = (evt) => {
+  const isOverFlow = evt.target.children.length > 1 ? Array.of(...evt.target.children).some((child) => child.scrollWidth > child.clientWidth) : evt.target.scrollWidth > evt.target.clientWidth;
+  return !isOverFlow;
+};
+const wrapperTooltip = (hasTooltips, Component, label) => {
+  const ComponentFunction = () => Component;
+  return hasTooltips ? withTooltip(ComponentFunction, label, "top", hideTooltip, {}, {}) : ComponentFunction;
+};
+export {
+  wrapperTooltip
+};
+//# sourceMappingURL=wrapperTooltip.js.map

package/dist/esm/utils/wrapperTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapperTooltip.js","sources":["../../../src/utils/wrapperTooltip.tsx"],"sourcesContent":["import { withTooltip } from \"hocs\";\n\nconst hideTooltip = (evt) => {\n  const isOverFlow =\n    evt.target.children.length > 1\n      ? Array.of(...evt.target.children).some(\n          (child) => child.scrollWidth > child.clientWidth\n        )\n      : evt.target.scrollWidth > evt.target.clientWidth;\n\n  return !isOverFlow;\n};\n\nexport const wrapperTooltip = (hasTooltips, Component, label) => {\n  const ComponentFunction = () => Component;\n  return hasTooltips\n    ? withTooltip(ComponentFunction, label, \"top\", hideTooltip, {}, {})\n    : ComponentFunction;\n};\n"],"names":["hideTooltip","evt","isOverFlow","target","children","length","Array","of","some","child","scrollWidth","clientWidth","wrapperTooltip","hasTooltips","Component","label","ComponentFunction","withTooltip"],"mappings":";AAEA,MAAMA,cAAeC,CAAQ,QAAA;AACrBC,QAAAA,aACJD,IAAIE,OAAOC,SAASC,SAAS,IACzBC,MAAMC,GAAG,GAAGN,IAAIE,OAAOC,QAAQ,EAAEI,KAC9BC,CAAAA,UAAUA,MAAMC,cAAcD,MAAME,WAAW,IAElDV,IAAIE,OAAOO,cAAcT,IAAIE,OAAOQ;AAE1C,SAAO,CAACT;AACV;AAEO,MAAMU,iBAAiBA,CAACC,aAAaC,WAAWC,UAAU;AAC/D,QAAMC,oBAAoBA,MAAMF;AACzBD,SAAAA,cACHI,YAAYD,mBAAmBD,OAAO,OAAOf,aAAa,CAAC,GAAG,EAAE,IAChEgB;AACN;"}