@hitachivantara/uikit-react-lab 4.0.3 → 4.0.4

package/dist/modern/NavigationAnchors/NavigationAnchors.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationAnchors.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","PropTypes","clsx","deprecatedPropType","withStyles","HvListContainer","HvListItem","styles","navigationOption","RETRY_MAX","getScrollTop","c","window","scrollY","pageYOffset","document","documentElement","scrollTop","body","verticalScrollOffset","t","getBoundingClientRect","top","getComputedStyle","position","offsetTop","scrollElement","element","container","offset","elemTop","scrollTo","behavior","isScrolledToTheBottom","containerScrollTop","scrollHeight","innerHeight","offsetHeight","findFirstVisibleElement","options","boundsTop","i","length","ele","getElementById","value","NavigationAnchors","selectedIndex","selectedIndexProp","scrollElementId","href","onClick","className","classes","floating","other","setSelectedIndex","scrollEle","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","current","checkScroll","requestAnimationFrame","firstVisibleElementIndex","newSelectedIndex","isScrollingDown","addEventListener","removeEventListener","cancelAnimationFrame","checkRenderedInterval","hashValue","location","hash","split","option","find","o","retry","setInterval","clearInterval","handleListItemClick","event","id","index","history","pushState","navOptions","map","label","root","NavOpt","selected","listItemSelected","gutters","listItemGutters","key","propTypes","string","shape","isRequired","arrayOf","number","bool","func","name"],"sources":["../../../src/NavigationAnchors/NavigationAnchors.js"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvListContainer, HvListItem } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\nimport navigationOption from \"./NavigationOption\";\n\nconst RETRY_MAX = 5;\n\nconst getScrollTop = (c = window) => {\n  if (c === window) {\n    return (\n      window.scrollY ||\n      window.pageYOffset ||\n      (document.documentElement && document.documentElement.scrollTop) ||\n      document.body.scrollTop\n    );\n  }\n\n  return c.scrollTop;\n};\n\nconst verticalScrollOffset = (t, c = window) => {\n  if (c === window) {\n    return (t?.getBoundingClientRect?.().top || 0) + (window.scrollY || window.pageYOffset);\n  }\n  if (getComputedStyle(c).position !== \"static\") {\n    return t.offsetTop;\n  }\n\n  return t.offsetTop - c.offsetTop;\n};\n\nconst scrollElement = (element, container, offset = 0) => {\n  const elemTop = verticalScrollOffset(element, container);\n  container.scrollTo({\n    top: elemTop - offset,\n    behavior: \"smooth\",\n  });\n};\n\nconst isScrolledToTheBottom = (container) => {\n  const containerScrollTop = getScrollTop(container);\n\n  if (container === window) {\n    // accounting for cases where html/body are set to height:100%\n    const scrollHeight =\n      (document.documentElement && document.documentElement.scrollHeight) ||\n      document.body.scrollHeight;\n\n    return containerScrollTop + window.innerHeight >= scrollHeight;\n  }\n\n  return containerScrollTop + container.offsetHeight >= container.scrollHeight;\n};\n\n// find the last nav item that whose top scrolled out of the container's visible area\nconst findFirstVisibleElement = (container, options, offset) => {\n  const boundsTop = verticalScrollOffset(container);\n\n  let i = 0;\n  // find index of first element whose top is still visible inside the container\n  for (; i < options.length; i += 1) {\n    const ele = document.getElementById(options[i].value);\n\n    if (ele) {\n      const elemTop = verticalScrollOffset(ele) - (options[i].offset || offset);\n\n      if (elemTop > boundsTop) {\n        break;\n      }\n    }\n  }\n\n  // return the previous index, the element that last scrolled past the top\n  return i - 1;\n};\n\n/**\n * A navigation component to help in changing views, still in development\n */\nconst NavigationAnchors = ({\n  selectedIndex: selectedIndexProp = 0,\n  scrollElementId,\n  href = true,\n  onClick,\n  className,\n  classes,\n  options,\n  floating,\n  offset = 0,\n  ...other\n}) => {\n  const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);\n\n  const scrollEle = useRef();\n  const requestedAnimationFrame = useRef(0);\n\n  const lastContainerScrollTop = useRef();\n\n  // ref to use a often-changing value in useCallback, has recommended in\n  // https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n  const selectedIndexRef = useRef(selectedIndex);\n  useEffect(() => {\n    selectedIndexRef.current = selectedIndex;\n  }, [selectedIndex]);\n\n  // get and store the container's dom element\n  useEffect(() => {\n    scrollEle.current = (scrollElementId && document.getElementById(scrollElementId)) || window;\n    lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);\n  }, [scrollElementId]);\n\n  const checkScroll = useCallback(() => {\n    if (requestedAnimationFrame.current === 0 && window?.requestAnimationFrame) {\n      requestedAnimationFrame.current = window.requestAnimationFrame(() => {\n        requestedAnimationFrame.current = 0;\n\n        const firstVisibleElementIndex = findFirstVisibleElement(\n          scrollEle.current,\n          options,\n          offset\n        );\n\n        let newSelectedIndex = firstVisibleElementIndex;\n\n        // select the first element when all elements are bellow the container's top\n        if (firstVisibleElementIndex < 0) {\n          newSelectedIndex = 0;\n        }\n\n        // if the user has reached the bottom of the container, select the first nav item still visible\n        // (usually this selects the last nav item, when it can't reach the top the container)\n        // in theory only needed when scrolling down, but no... because of the Safari bouncing behaviour\n        if (newSelectedIndex < options.length - 1 && isScrolledToTheBottom(scrollEle.current)) {\n          newSelectedIndex += 1;\n        }\n\n        const containerScrollTop = getScrollTop(scrollEle.current);\n        const isScrollingDown = containerScrollTop > lastContainerScrollTop.current;\n        lastContainerScrollTop.current = containerScrollTop;\n\n        // only update the selected item if the scroll direction is moving away from it\n        if (isScrollingDown) {\n          if (newSelectedIndex < selectedIndexRef.current) {\n            newSelectedIndex = selectedIndexRef.current;\n          }\n        } else if (newSelectedIndex > selectedIndexRef.current) {\n          newSelectedIndex = selectedIndexRef.current;\n        }\n\n        setSelectedIndex(newSelectedIndex);\n      });\n    }\n  }, [offset, options]);\n\n  // registers and unregisters the scroll listener\n  useEffect(() => {\n    if (scrollEle.current) {\n      scrollEle.current.addEventListener(\"scroll\", checkScroll, false);\n    }\n\n    return () => {\n      if (scrollEle.current) {\n        scrollEle.current.removeEventListener(\"scroll\", checkScroll);\n      }\n\n      if (requestedAnimationFrame.current !== 0) {\n        window.cancelAnimationFrame(requestedAnimationFrame.current);\n        requestedAnimationFrame.current = 0;\n      }\n    };\n  }, [checkScroll]);\n\n  // waits for the elements to be rendered and scrolls to the one referenced\n  // in the URL hash, if any\n  useEffect(() => {\n    let checkRenderedInterval;\n\n    if (href) {\n      const hashValue = document.location.hash.split(\"#\")[1] || \"\";\n\n      const option = options.find((o) => o.value === hashValue);\n\n      if (option) {\n        let retry = 0;\n        checkRenderedInterval = setInterval(() => {\n          const ele = document.getElementById(option.value);\n\n          if (ele) {\n            scrollElement(ele, scrollEle.current, option.offset || offset);\n            clearInterval(checkRenderedInterval);\n          } else {\n            retry += 1;\n            if (retry === RETRY_MAX) {\n              clearInterval(checkRenderedInterval);\n            }\n          }\n        }, 1000);\n      }\n    }\n\n    return () => {\n      clearInterval(checkRenderedInterval);\n    };\n\n    // we really want to run this just in the first load\n    // in fact this doesn't even belong here, the logic should be external\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleListItemClick = (event, id, index) => {\n    const option = options.find((o) => o.value === id);\n\n    if (option) {\n      const ele = document.getElementById(id);\n      if (ele) {\n        scrollElement(ele, scrollEle.current, option.offset || offset);\n      }\n\n      if (!href && onClick) {\n        onClick(event, index, option);\n      } else if (href) {\n        window.history.pushState({}, \"\", `#${options[index].value}`);\n      }\n\n      setSelectedIndex(index);\n\n      // Safari scrolls immediately (no smooth scroll support),\n      // so this ref value must be updated asap\n      selectedIndexRef.current = index;\n    }\n  };\n\n  const navOptions = useMemo(() => {\n    return options.map((option) => {\n      return navigationOption(option.label);\n    });\n  }, [options]);\n\n  return (\n    <HvListContainer interactive className={clsx(className, classes.root)} {...other}>\n      {options.map((option, index) => {\n        const NavOpt = navOptions[index];\n\n        return (\n          <HvListItem\n            classes={{\n              selected: classes.listItemSelected,\n              gutters: classes.listItemGutters,\n            }}\n            key={option.key || option.label}\n            onClick={(event) => handleListItemClick(event, option.value, index)}\n            selected={selectedIndex === index}\n          >\n            <NavOpt />\n          </HvListItem>\n        );\n      })}\n    </HvListContainer>\n  );\n};\n\nNavigationAnchors.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    root: PropTypes.string,\n    listItemGutters: PropTypes.string,\n    listItemSelected: PropTypes.string,\n  }).isRequired,\n  /**\n   * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied\n   */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      value: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      offset: PropTypes.number,\n    })\n  ).isRequired,\n  /**\n   * True if the href location link should be applied. It will create an a element around every list item\n   */\n  href: PropTypes.bool,\n  /**\n   * A callback called on click of every list item, if the href is false\n   */\n  onClick: PropTypes.func,\n  /**\n   * Whether the anchors are always in a fixed position\n   *\n   * @deprecated Currently does nothing. Style the component instead.\n   */\n  floating: deprecatedPropType(PropTypes.bool),\n  /**\n   * Currently selected index passed from the parent.\n   */\n  selectedIndex: PropTypes.number,\n  /**\n   * The Id of the scrollable container containing displayed elements.\n   *\n   * Defaults to `window` if unspecified.\n   */\n  scrollElementId: PropTypes.string,\n  /**\n   * Defines the offset from the top of each element for getting an optimal viewing region in the container.\n   * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)\n   * or to put more breathing room between the targeted element and the edges of the container.\n   *\n   * Each element can also have a specific offset via the options property.\n   */\n  offset: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvNavigationAnchors\" })(NavigationAnchors);\n"],"mappings":"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"}
+{"version":3,"file":"NavigationAnchors.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","PropTypes","clsx","deprecatedPropType","withStyles","HvListContainer","HvListItem","styles","navigationOption","RETRY_MAX","getScrollTop","c","window","scrollY","pageYOffset","document","documentElement","scrollTop","body","verticalScrollOffset","t","getBoundingClientRect","top","getComputedStyle","position","offsetTop","scrollElement","element","container","offset","elemTop","scrollTo","behavior","isScrolledToTheBottom","containerScrollTop","scrollHeight","innerHeight","offsetHeight","findFirstVisibleElement","options","boundsTop","i","length","ele","getElementById","value","NavigationAnchors","selectedIndex","selectedIndexProp","scrollElementId","href","onClick","className","classes","floating","other","setSelectedIndex","scrollEle","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","current","checkScroll","requestAnimationFrame","firstVisibleElementIndex","newSelectedIndex","isScrollingDown","addEventListener","removeEventListener","cancelAnimationFrame","checkRenderedInterval","hashValue","location","hash","split","option","find","o","retry","setInterval","clearInterval","handleListItemClick","event","id","index","history","pushState","navOptions","map","label","root","NavOpt","selected","listItemSelected","gutters","listItemGutters","key","propTypes","string","shape","isRequired","arrayOf","number","bool","func","name"],"sources":["../../../src/NavigationAnchors/NavigationAnchors.js"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvListContainer, HvListItem } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\nimport navigationOption from \"./NavigationOption\";\n\nconst RETRY_MAX = 5;\n\nconst getScrollTop = (c = window) => {\n  if (c === window) {\n    return (\n      window.scrollY ||\n      window.pageYOffset ||\n      (document.documentElement && document.documentElement.scrollTop) ||\n      document.body.scrollTop\n    );\n  }\n\n  return c.scrollTop;\n};\n\nconst verticalScrollOffset = (t, c = window) => {\n  if (c === window) {\n    return (t?.getBoundingClientRect?.().top || 0) + (window.scrollY || window.pageYOffset);\n  }\n  if (getComputedStyle(c).position !== \"static\") {\n    return t.offsetTop;\n  }\n\n  return t.offsetTop - c.offsetTop;\n};\n\nconst scrollElement = (element, container, offset = 0) => {\n  const elemTop = verticalScrollOffset(element, container);\n  container.scrollTo({\n    top: elemTop - offset,\n    behavior: \"smooth\",\n  });\n};\n\nconst isScrolledToTheBottom = (container) => {\n  const containerScrollTop = getScrollTop(container);\n\n  if (container === window) {\n    // accounting for cases where html/body are set to height:100%\n    const scrollHeight =\n      (document.documentElement && document.documentElement.scrollHeight) ||\n      document.body.scrollHeight;\n\n    return containerScrollTop + window.innerHeight >= scrollHeight;\n  }\n\n  return containerScrollTop + container.offsetHeight >= container.scrollHeight;\n};\n\n// find the last nav item that whose top scrolled out of the container's visible area\nconst findFirstVisibleElement = (container, options, offset) => {\n  const boundsTop = verticalScrollOffset(container);\n\n  let i = 0;\n  // find index of first element whose top is still visible inside the container\n  for (; i < options.length; i += 1) {\n    const ele = document.getElementById(options[i].value);\n\n    if (ele) {\n      const elemTop = verticalScrollOffset(ele) - (options[i].offset || offset);\n\n      if (elemTop > boundsTop) {\n        break;\n      }\n    }\n  }\n\n  // return the previous index, the element that last scrolled past the top\n  return i - 1;\n};\n\n/**\n * A navigation component to help in changing views, still in development\n */\nconst NavigationAnchors = ({\n  selectedIndex: selectedIndexProp = 0,\n  scrollElementId,\n  href = true,\n  onClick,\n  className,\n  classes,\n  options,\n  floating,\n  offset = 0,\n  ...other\n}) => {\n  const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);\n\n  const scrollEle = useRef();\n  const requestedAnimationFrame = useRef(0);\n\n  const lastContainerScrollTop = useRef();\n\n  // ref to use a often-changing value in useCallback, has recommended in\n  // https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n  const selectedIndexRef = useRef(selectedIndex);\n  useEffect(() => {\n    selectedIndexRef.current = selectedIndex;\n  }, [selectedIndex]);\n\n  // get and store the container's dom element\n  useEffect(() => {\n    scrollEle.current = (scrollElementId && document.getElementById(scrollElementId)) || window;\n    lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);\n  }, [scrollElementId]);\n\n  const checkScroll = useCallback(() => {\n    if (requestedAnimationFrame.current === 0 && window?.requestAnimationFrame) {\n      requestedAnimationFrame.current = window.requestAnimationFrame(() => {\n        requestedAnimationFrame.current = 0;\n\n        const firstVisibleElementIndex = findFirstVisibleElement(\n          scrollEle.current,\n          options,\n          offset\n        );\n\n        let newSelectedIndex = firstVisibleElementIndex;\n\n        // select the first element when all elements are bellow the container's top\n        if (firstVisibleElementIndex < 0) {\n          newSelectedIndex = 0;\n        }\n\n        // if the user has reached the bottom of the container, select the first nav item still visible\n        // (usually this selects the last nav item, when it can't reach the top the container)\n        // in theory only needed when scrolling down, but no... because of the Safari bouncing behaviour\n        if (newSelectedIndex < options.length - 1 && isScrolledToTheBottom(scrollEle.current)) {\n          newSelectedIndex += 1;\n        }\n\n        const containerScrollTop = getScrollTop(scrollEle.current);\n        const isScrollingDown = containerScrollTop > lastContainerScrollTop.current;\n        lastContainerScrollTop.current = containerScrollTop;\n\n        // only update the selected item if the scroll direction is moving away from it\n        if (isScrollingDown) {\n          if (newSelectedIndex < selectedIndexRef.current) {\n            newSelectedIndex = selectedIndexRef.current;\n          }\n        } else if (newSelectedIndex > selectedIndexRef.current) {\n          newSelectedIndex = selectedIndexRef.current;\n        }\n\n        setSelectedIndex(newSelectedIndex);\n      });\n    }\n  }, [offset, options]);\n\n  // registers and unregisters the scroll listener\n  useEffect(() => {\n    if (scrollEle.current) {\n      scrollEle.current.addEventListener(\"scroll\", checkScroll, false);\n    }\n\n    return () => {\n      if (scrollEle.current) {\n        scrollEle.current.removeEventListener(\"scroll\", checkScroll);\n      }\n\n      if (requestedAnimationFrame.current !== 0) {\n        window.cancelAnimationFrame(requestedAnimationFrame.current);\n        requestedAnimationFrame.current = 0;\n      }\n    };\n  }, [checkScroll]);\n\n  // waits for the elements to be rendered and scrolls to the one referenced\n  // in the URL hash, if any\n  useEffect(() => {\n    let checkRenderedInterval;\n\n    if (href) {\n      const hashValue = document.location.hash.split(\"#\")[1] || \"\";\n\n      const option = options.find((o) => o.value === hashValue);\n\n      if (option) {\n        let retry = 0;\n        checkRenderedInterval = setInterval(() => {\n          const ele = document.getElementById(option.value);\n\n          if (ele) {\n            scrollElement(ele, scrollEle.current, option.offset || offset);\n            clearInterval(checkRenderedInterval);\n          } else {\n            retry += 1;\n            if (retry === RETRY_MAX) {\n              clearInterval(checkRenderedInterval);\n            }\n          }\n        }, 1000);\n      }\n    }\n\n    return () => {\n      clearInterval(checkRenderedInterval);\n    };\n\n    // we really want to run this just in the first load\n    // in fact this doesn't even belong here, the logic should be external\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleListItemClick = (event, id, index) => {\n    const option = options.find((o) => o.value === id);\n\n    if (option) {\n      const ele = document.getElementById(id);\n      if (ele) {\n        scrollElement(ele, scrollEle.current, option.offset || offset);\n      }\n\n      if (!href && onClick) {\n        onClick(event, index, option);\n      } else if (href) {\n        window.history.pushState({}, \"\", `#${options[index].value}`);\n      }\n\n      setSelectedIndex(index);\n\n      // Safari scrolls immediately (no smooth scroll support),\n      // so this ref value must be updated asap\n      selectedIndexRef.current = index;\n    }\n  };\n\n  const navOptions = useMemo(() => {\n    return options.map((option) => {\n      return navigationOption(option.label);\n    });\n  }, [options]);\n\n  return (\n    <HvListContainer interactive className={clsx(className, classes.root)} {...other}>\n      {options.map((option, index) => {\n        const NavOpt = navOptions[index];\n\n        return (\n          <HvListItem\n            classes={{\n              selected: classes.listItemSelected,\n              gutters: classes.listItemGutters,\n            }}\n            key={option.key || option.label}\n            onClick={(event) => handleListItemClick(event, option.value, index)}\n            selected={selectedIndex === index}\n          >\n            <NavOpt />\n          </HvListItem>\n        );\n      })}\n    </HvListContainer>\n  );\n};\n\nNavigationAnchors.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    root: PropTypes.string,\n    listItemGutters: PropTypes.string,\n    listItemSelected: PropTypes.string,\n  }).isRequired,\n  /**\n   * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied\n   */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      value: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      offset: PropTypes.number,\n    })\n  ).isRequired,\n  /**\n   * True if the href location link should be applied. It will create an a element around every list item\n   */\n  href: PropTypes.bool,\n  /**\n   * A callback called on click of every list item, if the href is false\n   */\n  onClick: PropTypes.func,\n  /**\n   * Whether the anchors are always in a fixed position\n   *\n   * @deprecated Currently does nothing. Style the component instead.\n   */\n  floating: deprecatedPropType(PropTypes.bool),\n  /**\n   * Currently selected index passed from the parent.\n   */\n  selectedIndex: PropTypes.number,\n  /**\n   * The Id of the scrollable container containing displayed elements.\n   *\n   * Defaults to `window` if unspecified.\n   */\n  scrollElementId: PropTypes.string,\n  /**\n   * Defines the offset from the top of each element for getting an optimal viewing region in the container.\n   * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)\n   * or to put more breathing room between the targeted element and the edges of the container.\n   *\n   * Each element can also have a specific offset via the options property.\n   */\n  offset: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvNavigationAnchors\" })(NavigationAnchors);\n"],"mappings":"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"}

package/dist/modern/NavigationAnchors/NavigationOption.js

@@ -1,21 +1,15 @@
-import "core-js/modules/web.dom-collections.iterator.js";
 import { withTooltip } from "@hitachivantara/uikit-react-core";
-
 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 = (Component, label) => {
   const ComponentFunction = () => Component;
-
   return withTooltip(ComponentFunction, label, "top", hideTooltip);
 };
-
 const NavigationOption = label => {
   const NavOpt = wrapperTooltip(label, label);
   return NavOpt;
 };
-
 export default NavigationOption;
 //# sourceMappingURL=NavigationOption.js.map

package/dist/modern/NavigationAnchors/NavigationOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationOption.js","names":["withTooltip","hideTooltip","evt","isOverFlow","target","children","length","Array","of","some","child","scrollWidth","clientWidth","wrapperTooltip","Component","label","ComponentFunction","NavigationOption","NavOpt"],"sources":["../../../src/NavigationAnchors/NavigationOption.js"],"sourcesContent":["import { withTooltip } from \"@hitachivantara/uikit-react-core\";\n\nconst hideTooltip = (evt) => {\n  const isOverFlow =\n    evt.target.children.length > 1\n      ? Array.of(...evt.target.children).some((child) => child.scrollWidth > child.clientWidth)\n      : evt.target.scrollWidth > evt.target.clientWidth;\n  return !isOverFlow;\n};\n\nconst wrapperTooltip = (Component, label) => {\n  const ComponentFunction = () => Component;\n  return withTooltip(ComponentFunction, label, \"top\", hideTooltip);\n};\n\nconst NavigationOption = (label) => {\n  const NavOpt = wrapperTooltip(label, label);\n  return NavOpt;\n};\n\nexport default NavigationOption;\n"],"mappings":";AAAA,SAASA,WAAT,QAA4B,kCAA5B;;AAEA,MAAMC,WAAW,GAAIC,GAAD,IAAS;EAC3B,MAAMC,UAAU,GACdD,GAAG,CAACE,MAAJ,CAAWC,QAAX,CAAoBC,MAApB,GAA6B,CAA7B,GACIC,KAAK,CAACC,EAAN,CAAS,GAAGN,GAAG,CAACE,MAAJ,CAAWC,QAAvB,EAAiCI,IAAjC,CAAuCC,KAAD,IAAWA,KAAK,CAACC,WAAN,GAAoBD,KAAK,CAACE,WAA3E,CADJ,GAEIV,GAAG,CAACE,MAAJ,CAAWO,WAAX,GAAyBT,GAAG,CAACE,MAAJ,CAAWQ,WAH1C;EAIA,OAAO,CAACT,UAAR;AACD,CAND;;AAQA,MAAMU,cAAc,GAAG,CAACC,SAAD,EAAYC,KAAZ,KAAsB;EAC3C,MAAMC,iBAAiB,GAAG,MAAMF,SAAhC;;EACA,OAAOd,WAAW,CAACgB,iBAAD,EAAoBD,KAApB,EAA2B,KAA3B,EAAkCd,WAAlC,CAAlB;AACD,CAHD;;AAKA,MAAMgB,gBAAgB,GAAIF,KAAD,IAAW;EAClC,MAAMG,MAAM,GAAGL,cAAc,CAACE,KAAD,EAAQA,KAAR,CAA7B;EACA,OAAOG,MAAP;AACD,CAHD;;AAKA,eAAeD,gBAAf"}
+{"version":3,"file":"NavigationOption.js","names":["withTooltip","hideTooltip","evt","isOverFlow","target","children","length","Array","of","some","child","scrollWidth","clientWidth","wrapperTooltip","Component","label","ComponentFunction","NavigationOption","NavOpt"],"sources":["../../../src/NavigationAnchors/NavigationOption.js"],"sourcesContent":["import { withTooltip } from \"@hitachivantara/uikit-react-core\";\n\nconst hideTooltip = (evt) => {\n  const isOverFlow =\n    evt.target.children.length > 1\n      ? Array.of(...evt.target.children).some((child) => child.scrollWidth > child.clientWidth)\n      : evt.target.scrollWidth > evt.target.clientWidth;\n  return !isOverFlow;\n};\n\nconst wrapperTooltip = (Component, label) => {\n  const ComponentFunction = () => Component;\n  return withTooltip(ComponentFunction, label, \"top\", hideTooltip);\n};\n\nconst NavigationOption = (label) => {\n  const NavOpt = wrapperTooltip(label, label);\n  return NavOpt;\n};\n\nexport default NavigationOption;\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,kCAAkC;AAE9D,MAAMC,WAAW,GAAIC,GAAG,IAAK;EAC3B,MAAMC,UAAU,GACdD,GAAG,CAACE,MAAM,CAACC,QAAQ,CAACC,MAAM,GAAG,CAAC,GAC1BC,KAAK,CAACC,EAAE,CAAC,GAAGN,GAAG,CAACE,MAAM,CAACC,QAAQ,CAAC,CAACI,IAAI,CAAEC,KAAK,IAAKA,KAAK,CAACC,WAAW,GAAGD,KAAK,CAACE,WAAW,CAAC,GACvFV,GAAG,CAACE,MAAM,CAACO,WAAW,GAAGT,GAAG,CAACE,MAAM,CAACQ,WAAW;EACrD,OAAO,CAACT,UAAU;AACpB,CAAC;AAED,MAAMU,cAAc,GAAG,CAACC,SAAS,EAAEC,KAAK,KAAK;EAC3C,MAAMC,iBAAiB,GAAG,MAAMF,SAAS;EACzC,OAAOd,WAAW,CAACgB,iBAAiB,EAAED,KAAK,EAAE,KAAK,EAAEd,WAAW,CAAC;AAClE,CAAC;AAED,MAAMgB,gBAAgB,GAAIF,KAAK,IAAK;EAClC,MAAMG,MAAM,GAAGL,cAAc,CAACE,KAAK,EAAEA,KAAK,CAAC;EAC3C,OAAOG,MAAM;AACf,CAAC;AAED,eAAeD,gBAAgB"}

package/dist/modern/NavigationAnchors/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/NavigationAnchors/index.js"],"sourcesContent":["export { default } from \"./NavigationAnchors\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,qBAAxB"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/NavigationAnchors/index.js"],"sourcesContent":["export { default } from \"./NavigationAnchors\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,qBAAqB"}

package/dist/modern/NavigationAnchors/styles.js

@@ -11,6 +11,5 @@ const styles = theme => ({
     paddingLeft: theme.hv.spacing.sm - 2
   }
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/modern/NavigationAnchors/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","width","listItemGutters","padding","hv","spacing","sm","listItemSelected","fontWeight","typography","highlightText","borderLeft","palette","accent","acce1","paddingLeft"],"sources":["../../../src/NavigationAnchors/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: 200,\n  },\n\n  listItemGutters: {\n    padding: `0 ${theme.hv.spacing.sm}px`,\n  },\n  listItemSelected: {\n    fontWeight: theme.hv.typography.highlightText.fontWeight,\n    borderLeft: `2px solid ${theme.hv.palette.accent.acce1}`,\n    paddingLeft: theme.hv.spacing.sm - 2,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,KAAK,EAAE;EADH,CADmB;EAKzBC,eAAe,EAAE;IACfC,OAAO,EAAG,KAAIJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,EAAG;EADnB,CALQ;EAQzBC,gBAAgB,EAAE;IAChBC,UAAU,EAAET,KAAK,CAACK,EAAN,CAASK,UAAT,CAAoBC,aAApB,CAAkCF,UAD9B;IAEhBG,UAAU,EAAG,aAAYZ,KAAK,CAACK,EAAN,CAASQ,OAAT,CAAiBC,MAAjB,CAAwBC,KAAM,EAFvC;IAGhBC,WAAW,EAAEhB,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB;EAHnB;AARO,CAAZ,CAAf;;AAeA,eAAeR,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","width","listItemGutters","padding","hv","spacing","sm","listItemSelected","fontWeight","typography","highlightText","borderLeft","palette","accent","acce1","paddingLeft"],"sources":["../../../src/NavigationAnchors/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: 200,\n  },\n\n  listItemGutters: {\n    padding: `0 ${theme.hv.spacing.sm}px`,\n  },\n  listItemSelected: {\n    fontWeight: theme.hv.typography.highlightText.fontWeight,\n    borderLeft: `2px solid ${theme.hv.palette.accent.acce1}`,\n    paddingLeft: theme.hv.spacing.sm - 2,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,KAAK,EAAE;EACT,CAAC;EAEDC,eAAe,EAAE;IACfC,OAAO,EAAG,KAAIJ,KAAK,CAACK,EAAE,CAACC,OAAO,CAACC,EAAG;EACpC,CAAC;EACDC,gBAAgB,EAAE;IAChBC,UAAU,EAAET,KAAK,CAACK,EAAE,CAACK,UAAU,CAACC,aAAa,CAACF,UAAU;IACxDG,UAAU,EAAG,aAAYZ,KAAK,CAACK,EAAE,CAACQ,OAAO,CAACC,MAAM,CAACC,KAAM,EAAC;IACxDC,WAAW,EAAEhB,KAAK,CAACK,EAAE,CAACC,OAAO,CAACC,EAAE,GAAG;EACrC;AACF,CAAC,CAAC;AAEF,eAAeR,MAAM"}

package/dist/modern/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js

@@ -1,5 +1,4 @@
 var _Alert;
-
 import React from "react";
 import PropTypes from "prop-types";
 import { HvEmptyState } from "@hitachivantara/uikit-react-core";
@@ -7,7 +6,6 @@ import { Alert } from "@hitachivantara/uikit-react-icons";
 import { withStyles } from "@mui/styles";
 import styles from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const EmptyStatePanel = ({
   id,
   classes,
@@ -30,13 +28,11 @@ const EmptyStatePanel = ({
     }
   });
 };
-
 process.env.NODE_ENV !== "production" ? EmptyStatePanel.propTypes = {
   /**
    * Id of the EmptyStatePanel
    */
   id: PropTypes.string.isRequired,
-
   /**
    * A Jss Object used to override or extend the component styles.
    */
@@ -45,38 +41,31 @@ process.env.NODE_ENV !== "production" ? EmptyStatePanel.propTypes = {
      * Styles applied to the component root of the panel.
      */
     emptyStateRoot: PropTypes.string,
-
     /**
      * Styles applied to the EmptyStatePanel container.
      */
     emptyStateContainer: PropTypes.string,
-
     /**
      * Styles applied to the empty state container icon.
      */
     emptyStateIconContainer: PropTypes.string,
-
     /**
      * Styles applied to the EmptyStatePanel title.
      */
     emptyStateTitleContainer: PropTypes.string
   }).isRequired,
-
   /**
    * Class names to be applied to the accordion.
    */
   className: PropTypes.string,
-
   /**
    * Title of the EmptyStatePanel
    */
   title: PropTypes.string.isRequired,
-
   /**
    * Message of the EmptyStatePanel
    */
   message: PropTypes.string.isRequired,
-
   /**
    * Empty Panel Icon
    */

package/dist/modern/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyStatePanel.js","names":["React","PropTypes","HvEmptyState","Alert","withStyles","styles","EmptyStatePanel","id","classes","className","title","message","icon","root","emptyStateRoot","container","emptyStateContainer","iconContainer","emptyStateIconContainer","titleContainer","emptyStateTitleContainer","propTypes","string","isRequired","shape","element","name"],"sources":["../../../../src/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvEmptyState } from \"@hitachivantara/uikit-react-core\";\nimport { Alert } from \"@hitachivantara/uikit-react-icons\";\n\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst EmptyStatePanel = ({ id, classes, className, title, message, icon }) => {\n  return (\n    <HvEmptyState\n      id={id}\n      title={title}\n      message={message}\n      icon={icon || <Alert />}\n      className={className}\n      classes={{\n        root: classes.emptyStateRoot,\n        container: classes.emptyStateContainer,\n        iconContainer: classes.emptyStateIconContainer,\n        titleContainer: classes.emptyStateTitleContainer,\n      }}\n    />\n  );\n};\n\nEmptyStatePanel.propTypes = {\n  /**\n   * Id of the EmptyStatePanel\n   */\n  id: PropTypes.string.isRequired,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root of the panel.\n     */\n    emptyStateRoot: PropTypes.string,\n    /**\n     * Styles applied to the EmptyStatePanel container.\n     */\n    emptyStateContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the empty state container icon.\n     */\n    emptyStateIconContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the EmptyStatePanel title.\n     */\n    emptyStateTitleContainer: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Class names to be applied to the accordion.\n   */\n  className: PropTypes.string,\n  /**\n   * Title of the EmptyStatePanel\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * Message of the EmptyStatePanel\n   */\n  message: PropTypes.string.isRequired,\n  /**\n   * Empty Panel Icon\n   */\n  icon: PropTypes.element,\n};\nexport default withStyles(styles, { name: \"HvEmptyStatePanel\" })(EmptyStatePanel);\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,YAAT,QAA6B,kCAA7B;AACA,SAASC,KAAT,QAAsB,mCAAtB;AAEA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;;AAEA,MAAMC,eAAe,GAAG,CAAC;EAAEC,EAAF;EAAMC,OAAN;EAAeC,SAAf;EAA0BC,KAA1B;EAAiCC,OAAjC;EAA0CC;AAA1C,CAAD,KAAsD;EAC5E,oBACE,KAAC,YAAD;IACE,EAAE,EAAEL,EADN;IAEE,KAAK,EAAEG,KAFT;IAGE,OAAO,EAAEC,OAHX;IAIE,IAAI,EAAEC,IAAI,qCAAI,KAAC,KAAD,KAAJ,CAJZ;IAKE,SAAS,EAAEH,SALb;IAME,OAAO,EAAE;MACPI,IAAI,EAAEL,OAAO,CAACM,cADP;MAEPC,SAAS,EAAEP,OAAO,CAACQ,mBAFZ;MAGPC,aAAa,EAAET,OAAO,CAACU,uBAHhB;MAIPC,cAAc,EAAEX,OAAO,CAACY;IAJjB;EANX,EADF;AAeD,CAhBD;;AAkBA,wCAAAd,eAAe,CAACe,SAAhB,GAA4B;EAC1B;AACF;AACA;EACEd,EAAE,EAAEN,SAAS,CAACqB,MAAV,CAAiBC,UAJK;;EAK1B;AACF;AACA;EACEf,OAAO,EAAEP,SAAS,CAACuB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIV,cAAc,EAAEb,SAAS,CAACqB,MAJH;;IAKvB;AACJ;AACA;IACIN,mBAAmB,EAAEf,SAAS,CAACqB,MARR;;IAUvB;AACJ;AACA;IACIJ,uBAAuB,EAAEjB,SAAS,CAACqB,MAbZ;;IAevB;AACJ;AACA;IACIF,wBAAwB,EAAEnB,SAAS,CAACqB;EAlBb,CAAhB,EAmBNC,UA3BuB;;EA6B1B;AACF;AACA;EACEd,SAAS,EAAER,SAAS,CAACqB,MAhCK;;EAiC1B;AACF;AACA;EACEZ,KAAK,EAAET,SAAS,CAACqB,MAAV,CAAiBC,UApCE;;EAqC1B;AACF;AACA;EACEZ,OAAO,EAAEV,SAAS,CAACqB,MAAV,CAAiBC,UAxCA;;EAyC1B;AACF;AACA;EACEX,IAAI,EAAEX,SAAS,CAACwB;AA5CU,CAA5B;AA8CA,eAAerB,UAAU,CAACC,MAAD,EAAS;EAAEqB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAkDpB,eAAlD,CAAf"}
+{"version":3,"file":"EmptyStatePanel.js","names":["React","PropTypes","HvEmptyState","Alert","withStyles","styles","EmptyStatePanel","id","classes","className","title","message","icon","root","emptyStateRoot","container","emptyStateContainer","iconContainer","emptyStateIconContainer","titleContainer","emptyStateTitleContainer","propTypes","string","isRequired","shape","element","name"],"sources":["../../../../src/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvEmptyState } from \"@hitachivantara/uikit-react-core\";\nimport { Alert } from \"@hitachivantara/uikit-react-icons\";\n\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst EmptyStatePanel = ({ id, classes, className, title, message, icon }) => {\n  return (\n    <HvEmptyState\n      id={id}\n      title={title}\n      message={message}\n      icon={icon || <Alert />}\n      className={className}\n      classes={{\n        root: classes.emptyStateRoot,\n        container: classes.emptyStateContainer,\n        iconContainer: classes.emptyStateIconContainer,\n        titleContainer: classes.emptyStateTitleContainer,\n      }}\n    />\n  );\n};\n\nEmptyStatePanel.propTypes = {\n  /**\n   * Id of the EmptyStatePanel\n   */\n  id: PropTypes.string.isRequired,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root of the panel.\n     */\n    emptyStateRoot: PropTypes.string,\n    /**\n     * Styles applied to the EmptyStatePanel container.\n     */\n    emptyStateContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the empty state container icon.\n     */\n    emptyStateIconContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the EmptyStatePanel title.\n     */\n    emptyStateTitleContainer: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Class names to be applied to the accordion.\n   */\n  className: PropTypes.string,\n  /**\n   * Title of the EmptyStatePanel\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * Message of the EmptyStatePanel\n   */\n  message: PropTypes.string.isRequired,\n  /**\n   * Empty Panel Icon\n   */\n  icon: PropTypes.element,\n};\nexport default withStyles(styles, { name: \"HvEmptyStatePanel\" })(EmptyStatePanel);\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,YAAY,QAAQ,kCAAkC;AAC/D,SAASC,KAAK,QAAQ,mCAAmC;AAEzD,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,MAAM,MAAM,UAAU;AAAC;AAE9B,MAAMC,eAAe,GAAG,CAAC;EAAEC,EAAE;EAAEC,OAAO;EAAEC,SAAS;EAAEC,KAAK;EAAEC,OAAO;EAAEC;AAAK,CAAC,KAAK;EAC5E,oBACE,KAAC,YAAY;IACX,EAAE,EAAEL,EAAG;IACP,KAAK,EAAEG,KAAM;IACb,OAAO,EAAEC,OAAQ;IACjB,IAAI,EAAEC,IAAI,qCAAI,KAAC,KAAK,KAAG,CAAC;IACxB,SAAS,EAAEH,SAAU;IACrB,OAAO,EAAE;MACPI,IAAI,EAAEL,OAAO,CAACM,cAAc;MAC5BC,SAAS,EAAEP,OAAO,CAACQ,mBAAmB;MACtCC,aAAa,EAAET,OAAO,CAACU,uBAAuB;MAC9CC,cAAc,EAAEX,OAAO,CAACY;IAC1B;EAAE,EACF;AAEN,CAAC;AAED,wCAAAd,eAAe,CAACe,SAAS,GAAG;EAC1B;AACF;AACA;EACEd,EAAE,EAAEN,SAAS,CAACqB,MAAM,CAACC,UAAU;EAC/B;AACF;AACA;EACEf,OAAO,EAAEP,SAAS,CAACuB,KAAK,CAAC;IACvB;AACJ;AACA;IACIV,cAAc,EAAEb,SAAS,CAACqB,MAAM;IAChC;AACJ;AACA;IACIN,mBAAmB,EAAEf,SAAS,CAACqB,MAAM;IAErC;AACJ;AACA;IACIJ,uBAAuB,EAAEjB,SAAS,CAACqB,MAAM;IAEzC;AACJ;AACA;IACIF,wBAAwB,EAAEnB,SAAS,CAACqB;EACtC,CAAC,CAAC,CAACC,UAAU;EAEb;AACF;AACA;EACEd,SAAS,EAAER,SAAS,CAACqB,MAAM;EAC3B;AACF;AACA;EACEZ,KAAK,EAAET,SAAS,CAACqB,MAAM,CAACC,UAAU;EAClC;AACF;AACA;EACEZ,OAAO,EAAEV,SAAS,CAACqB,MAAM,CAACC,UAAU;EACpC;AACF;AACA;EACEX,IAAI,EAAEX,SAAS,CAACwB;AAClB,CAAC;AACD,eAAerB,UAAU,CAACC,MAAM,EAAE;EAAEqB,IAAI,EAAE;AAAoB,CAAC,CAAC,CAACpB,eAAe,CAAC"}

package/dist/modern/NotificationPanel/EmptyStatePanel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/NotificationPanel/EmptyStatePanel/index.js"],"sourcesContent":["export { default } from \"./EmptyStatePanel\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,mBAAxB"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/NotificationPanel/EmptyStatePanel/index.js"],"sourcesContent":["export { default } from \"./EmptyStatePanel\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,mBAAmB"}

package/dist/modern/NotificationPanel/EmptyStatePanel/styles.js

@@ -15,6 +15,5 @@ const styles = theme => ({
     justifyContent: "center"
   }
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/modern/NotificationPanel/EmptyStatePanel/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","emptyStateRoot","alignItems","padding","hv","spacing","sm","emptyStateContainer","display","emptyStateIconContainer","justifyContent","emptyStateTitleContainer"],"sources":["../../../../src/NotificationPanel/EmptyStatePanel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  emptyStateRoot: {\n    alignItems: \"center\",\n    padding: `${theme.hv.spacing.sm}px 0`,\n  },\n  emptyStateContainer: {\n    display: \"block\",\n  },\n\n  emptyStateIconContainer: {\n    display: \"flex\",\n    justifyContent: \"center\",\n  },\n\n  emptyStateTitleContainer: {\n    display: \"flex\",\n    justifyContent: \"center\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,cAAc,EAAE;IACdC,UAAU,EAAE,QADE;IAEdC,OAAO,EAAG,GAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAAG;EAFlB,CADS;EAKzBC,mBAAmB,EAAE;IACnBC,OAAO,EAAE;EADU,CALI;EASzBC,uBAAuB,EAAE;IACvBD,OAAO,EAAE,MADc;IAEvBE,cAAc,EAAE;EAFO,CATA;EAczBC,wBAAwB,EAAE;IACxBH,OAAO,EAAE,MADe;IAExBE,cAAc,EAAE;EAFQ;AAdD,CAAZ,CAAf;;AAoBA,eAAeX,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","theme","emptyStateRoot","alignItems","padding","hv","spacing","sm","emptyStateContainer","display","emptyStateIconContainer","justifyContent","emptyStateTitleContainer"],"sources":["../../../../src/NotificationPanel/EmptyStatePanel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  emptyStateRoot: {\n    alignItems: \"center\",\n    padding: `${theme.hv.spacing.sm}px 0`,\n  },\n  emptyStateContainer: {\n    display: \"block\",\n  },\n\n  emptyStateIconContainer: {\n    display: \"flex\",\n    justifyContent: \"center\",\n  },\n\n  emptyStateTitleContainer: {\n    display: \"flex\",\n    justifyContent: \"center\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,cAAc,EAAE;IACdC,UAAU,EAAE,QAAQ;IACpBC,OAAO,EAAG,GAAEH,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,EAAG;EAClC,CAAC;EACDC,mBAAmB,EAAE;IACnBC,OAAO,EAAE;EACX,CAAC;EAEDC,uBAAuB,EAAE;IACvBD,OAAO,EAAE,MAAM;IACfE,cAAc,EAAE;EAClB,CAAC;EAEDC,wBAAwB,EAAE;IACxBH,OAAO,EAAE,MAAM;IACfE,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,eAAeX,MAAM"}

package/dist/modern/NotificationPanel/Notification/Notification.js

@@ -9,18 +9,14 @@ import styles from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 dayjs.extend(relativeTime);
-
 const hideTooltip = evt => evt.target.scrollHeight <= evt.target.clientHeight;
-
 const wrapperTooltip = (Component, label) => {
-  const ComponentFunction = () => Component; // override thr withTooltip styles as we want to use the styles of the component
-
-
+  const ComponentFunction = () => Component;
+  // override thr withTooltip styles as we want to use the styles of the component
   return withTooltip(ComponentFunction, label, "top", hideTooltip, {
     style: {}
   });
 };
-
 const Notification = ({
   classes,
   className,
@@ -38,17 +34,13 @@ const Notification = ({
     if (!isRead) {
       return dayjs(date).fromNow();
     }
-
     const d = dayjs(date);
     let format = "D MMMM YYYY, h:mm A";
-
     if (d.isSame(Date.now(), "week")) {
       format = "ddd, h:mm A";
     }
-
     return d.format(format);
   };
-
   const NotificationWithTooltip = wrapperTooltip( /*#__PURE__*/_jsx("div", {
     className: classes.messageContainer,
     children: /*#__PURE__*/_jsx(HvTypography, {
@@ -84,7 +76,6 @@ const Notification = ({
     })]
   });
 };
-
 process.env.NODE_ENV !== "production" ? Notification.propTypes = {
   /**
    * A Jss Object used to override or extend the component styles.
@@ -94,113 +85,91 @@ process.env.NODE_ENV !== "production" ? Notification.propTypes = {
      * Styles applied to the component root of the accordion.
      */
     root: PropTypes.string,
-
     /**
      * Styles applied to the notification wrapper.
      */
     notificationWrapper: PropTypes.string,
-
     /**
      * Styles applied to the notification wrapper when the actions dropdown is open.
      */
     notificationWrapperDropdown: PropTypes.string,
-
     /**
      * Styles applied to the notification icon container.
      */
     iconContainer: PropTypes.string,
-
     /**
      * Styles applied to the notification message container.
      */
     messageContainer: PropTypes.string,
-
     /**
      * Styles applied to the notification time container.
      */
     timeContainer: PropTypes.string,
-
     /**
      * Styles applied to the notification bullet.
      */
     bullet: PropTypes.string,
-
     /**
      * Styles applied to the content when it is hidden.
      */
     hide: PropTypes.string,
-
     /**
      * Styles applied to the notification time indicator.
      */
     time: PropTypes.string,
-
     /**
      * Styles applied to the notification is read.
      */
     read: PropTypes.string,
-
     /**
      * Styles applied when the notification dropdown is open.
      */
     notificationDropdownOpen: PropTypes.string,
-
     /**
      * Styles applied to the notification message actions dropdown.
      */
     notificationActionWrapper: PropTypes.string,
-
     /**
      * Styles applied to the notification when clickable
      */
     clickable: PropTypes.string
   }).isRequired,
-
   /**
    * Class names to be applied to the accordion.
    */
   className: PropTypes.string,
-
   /**
    * Notification id
    */
   notificationId: PropTypes.string,
-
   /**
    * Title of the notification
    */
   title: PropTypes.string.isRequired,
-
   /**
    * 'true' if the notification has been read or 'false' if it has not been read
    */
   isRead: PropTypes.bool.isRequired,
-
   /**
    * date the notification was created
    */
   date: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).isRequired,
-
   /**
    * renderable icon that denotes the status of the notification
    */
   icon: PropTypes.element,
-
   /**
    * Click action applied to the notification
    */
   onClick: PropTypes.func,
-
   /**
    * On Key Press action applied to the notification
    */
   onKeyPress: PropTypes.func,
-
   /**
    * Actions to be executed by the notification, available in the dropdown menu
    */
   rightContainer: PropTypes.node,
-
   /**
    * Denotes index of clicked notification
    */

package/dist/modern/NotificationPanel/Notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","names":["React","PropTypes","clsx","dayjs","relativeTime","HvTypography","withTooltip","withStyles","styles","extend","hideTooltip","evt","target","scrollHeight","clientHeight","wrapperTooltip","Component","label","ComponentFunction","style","Notification","classes","className","notificationId","title","isRead","icon","date","onClick","onKeyPress","rightContainer","isHighlighted","getTime","fromNow","d","format","isSame","Date","now","NotificationWithTooltip","messageContainer","event","root","notificationWrapperDropdown","read","notificationWrapper","notificationDropdownOpen","clickable","iconContainer","timeContainer","bullet","hide","time","notificationActionWrapper","propTypes","shape","string","isRequired","bool","oneOfType","number","object","element","func","node","name"],"sources":["../../../../src/NotificationPanel/Notification/Notification.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport dayjs from \"dayjs\";\nimport relativeTime from \"dayjs/plugin/relativeTime\";\nimport { HvTypography, withTooltip } from \"@hitachivantara/uikit-react-core\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\ndayjs.extend(relativeTime);\n\nconst hideTooltip = (evt) => evt.target.scrollHeight <= evt.target.clientHeight;\n\nconst wrapperTooltip = (Component, label) => {\n  const ComponentFunction = () => Component;\n  // override thr withTooltip styles as we want to use the styles of the component\n  return withTooltip(ComponentFunction, label, \"top\", hideTooltip, { style: {} });\n};\n\nconst Notification = ({\n  classes,\n  className,\n  notificationId,\n  title,\n  isRead,\n  icon,\n  date,\n  onClick,\n  onKeyPress,\n  rightContainer,\n  isHighlighted,\n}) => {\n  const getTime = () => {\n    if (!isRead) {\n      return dayjs(date).fromNow();\n    }\n\n    const d = dayjs(date);\n    let format = \"D MMMM YYYY, h:mm A\";\n\n    if (d.isSame(Date.now(), \"week\")) {\n      format = \"ddd, h:mm A\";\n    }\n\n    return d.format(format);\n  };\n\n  const NotificationWithTooltip = wrapperTooltip(\n    <div className={classes.messageContainer}>\n      <HvTypography variant={isRead ? \"normalText\" : \"highlightText\"}>{title}</HvTypography>\n    </div>,\n    title\n  );\n\n  return (\n    <div\n      onClick={(event) => onClick?.(event, notificationId)}\n      onKeyPress={(event) => onKeyPress?.(event, notificationId)}\n      className={clsx(className, classes.root, {\n        [classes.notificationWrapperDropdown]: isHighlighted,\n        [classes.read]: isRead,\n      })}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <div\n        className={clsx(classes.notificationWrapper, {\n          [classes.notificationDropdownOpen]: isHighlighted,\n          [classes.clickable]: !!onClick,\n        })}\n      >\n        <div className={classes.iconContainer}>{icon}</div>\n        <div>\n          <NotificationWithTooltip />\n          <div className={classes.timeContainer}>\n            <div\n              className={clsx(classes.bullet, {\n                [classes.hide]: isRead,\n              })}\n            />\n            <div className={classes.time}>{getTime()}</div>\n          </div>\n        </div>\n      </div>\n      <div className={classes.notificationActionWrapper}>{rightContainer}</div>\n    </div>\n  );\n};\n\nNotification.propTypes = {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root of the accordion.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the notification wrapper.\n     */\n    notificationWrapper: PropTypes.string,\n\n    /**\n     * Styles applied to the notification wrapper when the actions dropdown is open.\n     */\n    notificationWrapperDropdown: PropTypes.string,\n\n    /**\n     * Styles applied to the notification icon container.\n     */\n    iconContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the notification message container.\n     */\n    messageContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the notification time container.\n     */\n    timeContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the notification bullet.\n     */\n    bullet: PropTypes.string,\n\n    /**\n     * Styles applied to the content when it is hidden.\n     */\n    hide: PropTypes.string,\n\n    /**\n     * Styles applied to the notification time indicator.\n     */\n    time: PropTypes.string,\n    /**\n     * Styles applied to the notification is read.\n     */\n    read: PropTypes.string,\n    /**\n     * Styles applied when the notification dropdown is open.\n     */\n    notificationDropdownOpen: PropTypes.string,\n\n    /**\n     * Styles applied to the notification message actions dropdown.\n     */\n    notificationActionWrapper: PropTypes.string,\n    /**\n     * Styles applied to the notification when clickable\n     */\n    clickable: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Class names to be applied to the accordion.\n   */\n  className: PropTypes.string,\n  /**\n   * Notification id\n   */\n  notificationId: PropTypes.string,\n  /**\n   * Title of the notification\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * 'true' if the notification has been read or 'false' if it has not been read\n   */\n  isRead: PropTypes.bool.isRequired,\n  /**\n   * date the notification was created\n   */\n  date: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).isRequired,\n  /**\n   * renderable icon that denotes the status of the notification\n   */\n  icon: PropTypes.element,\n  /**\n   * Click action applied to the notification\n   */\n  onClick: PropTypes.func,\n  /**\n   * On Key Press action applied to the notification\n   */\n  onKeyPress: PropTypes.func,\n  /**\n   * Actions to be executed by the notification, available in the dropdown menu\n   */\n  rightContainer: PropTypes.node,\n  /**\n   * Denotes index of clicked notification\n   */\n  isHighlighted: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvNotificationPanelNotification\" })(Notification);\n"],"mappings":"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"}
+{"version":3,"file":"Notification.js","names":["React","PropTypes","clsx","dayjs","relativeTime","HvTypography","withTooltip","withStyles","styles","extend","hideTooltip","evt","target","scrollHeight","clientHeight","wrapperTooltip","Component","label","ComponentFunction","style","Notification","classes","className","notificationId","title","isRead","icon","date","onClick","onKeyPress","rightContainer","isHighlighted","getTime","fromNow","d","format","isSame","Date","now","NotificationWithTooltip","messageContainer","event","root","notificationWrapperDropdown","read","notificationWrapper","notificationDropdownOpen","clickable","iconContainer","timeContainer","bullet","hide","time","notificationActionWrapper","propTypes","shape","string","isRequired","bool","oneOfType","number","object","element","func","node","name"],"sources":["../../../../src/NotificationPanel/Notification/Notification.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport dayjs from \"dayjs\";\nimport relativeTime from \"dayjs/plugin/relativeTime\";\nimport { HvTypography, withTooltip } from \"@hitachivantara/uikit-react-core\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\ndayjs.extend(relativeTime);\n\nconst hideTooltip = (evt) => evt.target.scrollHeight <= evt.target.clientHeight;\n\nconst wrapperTooltip = (Component, label) => {\n  const ComponentFunction = () => Component;\n  // override thr withTooltip styles as we want to use the styles of the component\n  return withTooltip(ComponentFunction, label, \"top\", hideTooltip, { style: {} });\n};\n\nconst Notification = ({\n  classes,\n  className,\n  notificationId,\n  title,\n  isRead,\n  icon,\n  date,\n  onClick,\n  onKeyPress,\n  rightContainer,\n  isHighlighted,\n}) => {\n  const getTime = () => {\n    if (!isRead) {\n      return dayjs(date).fromNow();\n    }\n\n    const d = dayjs(date);\n    let format = \"D MMMM YYYY, h:mm A\";\n\n    if (d.isSame(Date.now(), \"week\")) {\n      format = \"ddd, h:mm A\";\n    }\n\n    return d.format(format);\n  };\n\n  const NotificationWithTooltip = wrapperTooltip(\n    <div className={classes.messageContainer}>\n      <HvTypography variant={isRead ? \"normalText\" : \"highlightText\"}>{title}</HvTypography>\n    </div>,\n    title\n  );\n\n  return (\n    <div\n      onClick={(event) => onClick?.(event, notificationId)}\n      onKeyPress={(event) => onKeyPress?.(event, notificationId)}\n      className={clsx(className, classes.root, {\n        [classes.notificationWrapperDropdown]: isHighlighted,\n        [classes.read]: isRead,\n      })}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <div\n        className={clsx(classes.notificationWrapper, {\n          [classes.notificationDropdownOpen]: isHighlighted,\n          [classes.clickable]: !!onClick,\n        })}\n      >\n        <div className={classes.iconContainer}>{icon}</div>\n        <div>\n          <NotificationWithTooltip />\n          <div className={classes.timeContainer}>\n            <div\n              className={clsx(classes.bullet, {\n                [classes.hide]: isRead,\n              })}\n            />\n            <div className={classes.time}>{getTime()}</div>\n          </div>\n        </div>\n      </div>\n      <div className={classes.notificationActionWrapper}>{rightContainer}</div>\n    </div>\n  );\n};\n\nNotification.propTypes = {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root of the accordion.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the notification wrapper.\n     */\n    notificationWrapper: PropTypes.string,\n\n    /**\n     * Styles applied to the notification wrapper when the actions dropdown is open.\n     */\n    notificationWrapperDropdown: PropTypes.string,\n\n    /**\n     * Styles applied to the notification icon container.\n     */\n    iconContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the notification message container.\n     */\n    messageContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the notification time container.\n     */\n    timeContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the notification bullet.\n     */\n    bullet: PropTypes.string,\n\n    /**\n     * Styles applied to the content when it is hidden.\n     */\n    hide: PropTypes.string,\n\n    /**\n     * Styles applied to the notification time indicator.\n     */\n    time: PropTypes.string,\n    /**\n     * Styles applied to the notification is read.\n     */\n    read: PropTypes.string,\n    /**\n     * Styles applied when the notification dropdown is open.\n     */\n    notificationDropdownOpen: PropTypes.string,\n\n    /**\n     * Styles applied to the notification message actions dropdown.\n     */\n    notificationActionWrapper: PropTypes.string,\n    /**\n     * Styles applied to the notification when clickable\n     */\n    clickable: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Class names to be applied to the accordion.\n   */\n  className: PropTypes.string,\n  /**\n   * Notification id\n   */\n  notificationId: PropTypes.string,\n  /**\n   * Title of the notification\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * 'true' if the notification has been read or 'false' if it has not been read\n   */\n  isRead: PropTypes.bool.isRequired,\n  /**\n   * date the notification was created\n   */\n  date: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).isRequired,\n  /**\n   * renderable icon that denotes the status of the notification\n   */\n  icon: PropTypes.element,\n  /**\n   * Click action applied to the notification\n   */\n  onClick: PropTypes.func,\n  /**\n   * On Key Press action applied to the notification\n   */\n  onKeyPress: PropTypes.func,\n  /**\n   * Actions to be executed by the notification, available in the dropdown menu\n   */\n  rightContainer: PropTypes.node,\n  /**\n   * Denotes index of clicked notification\n   */\n  isHighlighted: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvNotificationPanelNotification\" })(Notification);\n"],"mappings":"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"}

package/dist/modern/NotificationPanel/Notification/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/NotificationPanel/Notification/index.js"],"sourcesContent":["export { default } from \"./Notification\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,gBAAxB"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/NotificationPanel/Notification/index.js"],"sourcesContent":["export { default } from \"./Notification\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,gBAAgB"}

package/dist/modern/NotificationPanel/Notification/styles.js

@@ -1,9 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 const outlineStyles = {
   outlineColor: "#52A8EC",
   outlineStyle: "solid",
@@ -11,7 +8,6 @@ const outlineStyles = {
   outlineOffset: "-1px",
   boxShadow: "0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)"
 };
-
 const styles = theme => ({
   root: {
     display: "flex",
@@ -120,6 +116,5 @@ const styles = theme => ({
     }
   }
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/modern/NotificationPanel/Notification/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["outlineStyles","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","styles","theme","root","display","backgroundColor","hv","palette","atmosphere","atmo1","margin","outline","atmo3","atmo2","notificationWrapper","minHeight","marginRight","spacing","xs","color","accent","acce1","padding","paddingRight","cursor","iconContainer","width","minWidth","sm","messageContainer","maxWidth","lineClamp","boxOrient","overflow","wordBreak","title","typography","highlightText","marginBottom","timeContainer","vizText","alignItems","bullet","height","borderRadius","hide","read","clickable","notificationWrapperDropdown","notificationDropdownOpen","notificationActionWrapper","marginTop"],"sources":["../../../../src/NotificationPanel/Notification/styles.js"],"sourcesContent":["const outlineStyles = {\n  outlineColor: \"#52A8EC\",\n  outlineStyle: \"solid\",\n  outlineWidth: \"0px\",\n  outlineOffset: \"-1px\",\n  boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n};\n\nconst styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    margin: \"3px 3px 6px 3px\",\n    \"&:hover\": {\n      outline: `3px solid ${theme.hv.palette.atmosphere.atmo3}`,\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      \"& $notificationActionWrapper\": {\n        display: \"block\",\n      },\n    },\n    \"&$read\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo2,\n      outline: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n      \"&:hover\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        outline: `3px solid ${theme.hv.palette.atmosphere.atmo3}`,\n\n        \"&.focus-visible\": {\n          ...outlineStyles,\n        },\n      },\n    },\n\n    \"&.focus-visible\": {\n      ...outlineStyles,\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      \"&$read\": {\n        ...outlineStyles,\n      },\n\n      \"& $notificationActionWrapper\": {\n        display: \"block\",\n      },\n    },\n  },\n  notificationWrapper: {\n    display: \"flex\",\n    minHeight: \"72px\",\n    marginRight: theme.hv.spacing.xs,\n    color: theme.hv.palette.accent.acce1,\n    padding: \"17px\",\n    paddingRight: 0,\n\n    \"&:focus\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      outline: `5px solid ${theme.hv.palette.atmosphere.atmo3}`,\n      boxShadow: \"none\",\n      \"& $notificationActionWrapper\": {\n        display: \"block\",\n      },\n    },\n\n    \"&.focus-visible\": {\n      ...outlineStyles,\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      \"& $notificationActionWrapper\": {\n        display: \"block\",\n      },\n    },\n\n    \"&$clickable\": {\n      cursor: \"pointer\",\n    },\n  },\n\n  iconContainer: {\n    width: \"32px\",\n    minWidth: \"32px\",\n    marginRight: `${theme.hv.spacing.sm}px`,\n  },\n\n  messageContainer: {\n    width: \"196px\",\n    maxWidth: \"196px\",\n    display: \"-webkit-box\",\n    lineClamp: 2,\n    boxOrient: \"vertical\",\n    overflow: \"hidden\",\n    wordBreak: \"break-all\",\n  },\n\n  title: {\n    ...theme.hv.typography.highlightText,\n    marginBottom: \"5px\",\n  },\n  timeContainer: {\n    ...theme.hv.typography.vizText,\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  bullet: {\n    width: \"8px\",\n    height: \"8px\",\n    borderRadius: \"50%\",\n    marginRight: \"4px\",\n    backgroundColor: theme.hv.palette.accent.acce1,\n\n    \"&$hide\": {\n      display: \"none\",\n    },\n  },\n  hide: {},\n  read: {},\n  clickable: {},\n  notificationWrapperDropdown: {\n    outline: `3px solid ${theme.hv.palette.atmosphere.atmo3}`,\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    \"& $notificationActionWrapper\": {\n      display: \"block\",\n    },\n    \"&$read\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      outline: `3px solid ${theme.hv.palette.atmosphere.atmo3}`,\n    },\n  },\n\n  notificationDropdownOpen: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n  },\n\n  notificationActionWrapper: {\n    \"& > div\": {\n      marginTop: 17,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["outlineStyles","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","styles","theme","root","display","backgroundColor","hv","palette","atmosphere","atmo1","margin","outline","atmo3","atmo2","notificationWrapper","minHeight","marginRight","spacing","xs","color","accent","acce1","padding","paddingRight","cursor","iconContainer","width","minWidth","sm","messageContainer","maxWidth","lineClamp","boxOrient","overflow","wordBreak","title","typography","highlightText","marginBottom","timeContainer","vizText","alignItems","bullet","height","borderRadius","hide","read","clickable","notificationWrapperDropdown","notificationDropdownOpen","notificationActionWrapper","marginTop"],"sources":["../../../../src/NotificationPanel/Notification/styles.js"],"sourcesContent":["const outlineStyles = {\n  outlineColor: \"#52A8EC\",\n  outlineStyle: \"solid\",\n  outlineWidth: \"0px\",\n  outlineOffset: \"-1px\",\n  boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n};\n\nconst styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    margin: \"3px 3px 6px 3px\",\n    \"&:hover\": {\n      outline: `3px solid ${theme.hv.palette.atmosphere.atmo3}`,\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      \"& $notificationActionWrapper\": {\n        display: \"block\",\n      },\n    },\n    \"&$read\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo2,\n      outline: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n      \"&:hover\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        outline: `3px solid ${theme.hv.palette.atmosphere.atmo3}`,\n\n        \"&.focus-visible\": {\n          ...outlineStyles,\n        },\n      },\n    },\n\n    \"&.focus-visible\": {\n      ...outlineStyles,\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      \"&$read\": {\n        ...outlineStyles,\n      },\n\n      \"& $notificationActionWrapper\": {\n        display: \"block\",\n      },\n    },\n  },\n  notificationWrapper: {\n    display: \"flex\",\n    minHeight: \"72px\",\n    marginRight: theme.hv.spacing.xs,\n    color: theme.hv.palette.accent.acce1,\n    padding: \"17px\",\n    paddingRight: 0,\n\n    \"&:focus\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      outline: `5px solid ${theme.hv.palette.atmosphere.atmo3}`,\n      boxShadow: \"none\",\n      \"& $notificationActionWrapper\": {\n        display: \"block\",\n      },\n    },\n\n    \"&.focus-visible\": {\n      ...outlineStyles,\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      \"& $notificationActionWrapper\": {\n        display: \"block\",\n      },\n    },\n\n    \"&$clickable\": {\n      cursor: \"pointer\",\n    },\n  },\n\n  iconContainer: {\n    width: \"32px\",\n    minWidth: \"32px\",\n    marginRight: `${theme.hv.spacing.sm}px`,\n  },\n\n  messageContainer: {\n    width: \"196px\",\n    maxWidth: \"196px\",\n    display: \"-webkit-box\",\n    lineClamp: 2,\n    boxOrient: \"vertical\",\n    overflow: \"hidden\",\n    wordBreak: \"break-all\",\n  },\n\n  title: {\n    ...theme.hv.typography.highlightText,\n    marginBottom: \"5px\",\n  },\n  timeContainer: {\n    ...theme.hv.typography.vizText,\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  bullet: {\n    width: \"8px\",\n    height: \"8px\",\n    borderRadius: \"50%\",\n    marginRight: \"4px\",\n    backgroundColor: theme.hv.palette.accent.acce1,\n\n    \"&$hide\": {\n      display: \"none\",\n    },\n  },\n  hide: {},\n  read: {},\n  clickable: {},\n  notificationWrapperDropdown: {\n    outline: `3px solid ${theme.hv.palette.atmosphere.atmo3}`,\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    \"& $notificationActionWrapper\": {\n      display: \"block\",\n    },\n    \"&$read\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      outline: `3px solid ${theme.hv.palette.atmosphere.atmo3}`,\n    },\n  },\n\n  notificationDropdownOpen: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n  },\n\n  notificationActionWrapper: {\n    \"& > div\": {\n      marginTop: 17,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;AAAA,MAAMA,aAAa,GAAG;EACpBC,YAAY,EAAE,SAAS;EACvBC,YAAY,EAAE,OAAO;EACrBC,YAAY,EAAE,KAAK;EACnBC,aAAa,EAAE,MAAM;EACrBC,SAAS,EAAE;AACb,CAAC;AAED,MAAMC,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MAAM;IACfC,eAAe,EAAEH,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC,KAAK;IAClDC,MAAM,EAAE,iBAAiB;IACzB,SAAS,EAAE;MACTC,OAAO,EAAG,aAAYT,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,UAAU,CAACI,KAAM,EAAC;MACzDP,eAAe,EAAEH,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,UAAU,CAACI,KAAK;MAClD,8BAA8B,EAAE;QAC9BR,OAAO,EAAE;MACX;IACF,CAAC;IACD,QAAQ,EAAE;MACRC,eAAe,EAAEH,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,UAAU,CAACK,KAAK;MAClDF,OAAO,EAAG,aAAYT,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,UAAU,CAACK,KAAM,EAAC;MACzD,SAAS,EAAE;QACTR,eAAe,EAAEH,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,UAAU,CAACI,KAAK;QAClDD,OAAO,EAAG,aAAYT,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,UAAU,CAACI,KAAM,EAAC;QAEzD,iBAAiB,oBACZjB,aAAa;MAEpB;IACF,CAAC;IAED,iBAAiB,kCACZA,aAAa;MAChBU,eAAe,EAAEH,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,UAAU,CAACI,KAAK;MAClD,QAAQ,oBACHjB,aAAa,CACjB;MAED,8BAA8B,EAAE;QAC9BS,OAAO,EAAE;MACX;IAAC;EAEL,CAAC;EACDU,mBAAmB,EAAE;IACnBV,OAAO,EAAE,MAAM;IACfW,SAAS,EAAE,MAAM;IACjBC,WAAW,EAAEd,KAAK,CAACI,EAAE,CAACW,OAAO,CAACC,EAAE;IAChCC,KAAK,EAAEjB,KAAK,CAACI,EAAE,CAACC,OAAO,CAACa,MAAM,CAACC,KAAK;IACpCC,OAAO,EAAE,MAAM;IACfC,YAAY,EAAE,CAAC;IAEf,SAAS,EAAE;MACTlB,eAAe,EAAEH,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,UAAU,CAACI,KAAK;MAClDD,OAAO,EAAG,aAAYT,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,UAAU,CAACI,KAAM,EAAC;MACzDZ,SAAS,EAAE,MAAM;MACjB,8BAA8B,EAAE;QAC9BI,OAAO,EAAE;MACX;IACF,CAAC;IAED,iBAAiB,kCACZT,aAAa;MAChBU,eAAe,EAAEH,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,UAAU,CAACI,KAAK;MAClD,8BAA8B,EAAE;QAC9BR,OAAO,EAAE;MACX;IAAC,EACF;IAED,aAAa,EAAE;MACboB,MAAM,EAAE;IACV;EACF,CAAC;EAEDC,aAAa,EAAE;IACbC,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE,MAAM;IAChBX,WAAW,EAAG,GAAEd,KAAK,CAACI,EAAE,CAACW,OAAO,CAACW,EAAG;EACtC,CAAC;EAEDC,gBAAgB,EAAE;IAChBH,KAAK,EAAE,OAAO;IACdI,QAAQ,EAAE,OAAO;IACjB1B,OAAO,EAAE,aAAa;IACtB2B,SAAS,EAAE,CAAC;IACZC,SAAS,EAAE,UAAU;IACrBC,QAAQ,EAAE,QAAQ;IAClBC,SAAS,EAAE;EACb,CAAC;EAEDC,KAAK,kCACAjC,KAAK,CAACI,EAAE,CAAC8B,UAAU,CAACC,aAAa;IACpCC,YAAY,EAAE;EAAK,EACpB;EACDC,aAAa,kCACRrC,KAAK,CAACI,EAAE,CAAC8B,UAAU,CAACI,OAAO;IAC9BpC,OAAO,EAAE,MAAM;IACfqC,UAAU,EAAE;EAAQ,EACrB;EACDC,MAAM,EAAE;IACNhB,KAAK,EAAE,KAAK;IACZiB,MAAM,EAAE,KAAK;IACbC,YAAY,EAAE,KAAK;IACnB5B,WAAW,EAAE,KAAK;IAClBX,eAAe,EAAEH,KAAK,CAACI,EAAE,CAACC,OAAO,CAACa,MAAM,CAACC,KAAK;IAE9C,QAAQ,EAAE;MACRjB,OAAO,EAAE;IACX;EACF,CAAC;EACDyC,IAAI,EAAE,CAAC,CAAC;EACRC,IAAI,EAAE,CAAC,CAAC;EACRC,SAAS,EAAE,CAAC,CAAC;EACbC,2BAA2B,EAAE;IAC3BrC,OAAO,EAAG,aAAYT,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,UAAU,CAACI,KAAM,EAAC;IACzDP,eAAe,EAAEH,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,UAAU,CAACI,KAAK;IAClD,8BAA8B,EAAE;MAC9BR,OAAO,EAAE;IACX,CAAC;IACD,QAAQ,EAAE;MACRC,eAAe,EAAEH,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,UAAU,CAACI,KAAK;MAClDD,OAAO,EAAG,aAAYT,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,UAAU,CAACI,KAAM;IAC1D;EACF,CAAC;EAEDqC,wBAAwB,EAAE;IACxB5C,eAAe,EAAEH,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,UAAU,CAACI;EAC/C,CAAC;EAEDsC,yBAAyB,EAAE;IACzB,SAAS,EAAE;MACTC,SAAS,EAAE;IACb;EACF;AACF,CAAC,CAAC;AAEF,eAAelD,MAAM"}