npm - @hitachivantara/uikit-react-lab - Versions diffs - 3.52.2 → 4.0.1-next.0 - Mend

@hitachivantara/uikit-react-lab 3.52.2 → 4.0.1-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1153) hide show

package/dist/NavigationAnchors/NavigationAnchors.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationAnchors.js","names":["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","useState","setSelectedIndex","scrollEle","useRef","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","useEffect","current","checkScroll","useCallback","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","useMemo","map","navigationOption","label","clsx","root","NavOpt","selected","listItemSelected","gutters","listItemGutters","key","propTypes","PropTypes","string","shape","isRequired","arrayOf","number","bool","func","deprecatedPropType","withStyles","styles","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, withStyles } from \"@material-ui/core\";\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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"}
1	+ {"version":3,"file":"NavigationAnchors.js","names":["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","useState","setSelectedIndex","scrollEle","useRef","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","useEffect","current","checkScroll","useCallback","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","useMemo","map","navigationOption","label","clsx","root","NavOpt","selected","listItemSelected","gutters","listItemGutters","key","propTypes","PropTypes","string","shape","isRequired","arrayOf","number","bool","func","deprecatedPropType","withStyles","styles","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAEA,IAAMA,SAAS,GAAG,CAAlB;;AAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,GAAgB;EAAA,IAAfC,CAAe,uEAAXC,MAAW;;EACnC,IAAID,CAAC,KAAKC,MAAV,EAAkB;IAChB,OACEA,MAAM,CAACC,OAAP,IACAD,MAAM,CAACE,WADP,IAECC,QAAQ,CAACC,eAAT,IAA4BD,QAAQ,CAACC,eAAT,CAAyBC,SAFtD,IAGAF,QAAQ,CAACG,IAAT,CAAcD,SAJhB;EAMD;;EAED,OAAON,CAAC,CAACM,SAAT;AACD,CAXD;;AAaA,IAAME,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,CAAD,EAAmB;EAAA,IAAfT,CAAe,uEAAXC,MAAW;;EAC9C,IAAID,CAAC,KAAKC,MAAV,EAAkB;IAAA;;IAChB,OAAO,CAAC,CAAAQ,CAAC,SAAD,IAAAA,CAAC,WAAD,qCAAAA,CAAC,CAAEC,qBAAH,qFAAAD,CAAC,EAA4BE,GAA7B,KAAoC,CAArC,KAA2CV,MAAM,CAACC,OAAP,IAAkBD,MAAM,CAACE,WAApE,CAAP;EACD;;EACD,IAAIS,gBAAgB,CAACZ,CAAD,CAAhB,CAAoBa,QAApB,KAAiC,QAArC,EAA+C;IAC7C,OAAOJ,CAAC,CAACK,SAAT;EACD;;EAED,OAAOL,CAAC,CAACK,SAAF,GAAcd,CAAC,CAACc,SAAvB;AACD,CATD;;AAWA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,OAAD,EAAUC,SAAV,EAAoC;EAAA,IAAfC,MAAe,uEAAN,CAAM;EACxD,IAAMC,OAAO,GAAGX,oBAAoB,CAACQ,OAAD,EAAUC,SAAV,CAApC;EACAA,SAAS,CAACG,QAAV,CAAmB;IACjBT,GAAG,EAAEQ,OAAO,GAAGD,MADE;IAEjBG,QAAQ,EAAE;EAFO,CAAnB;AAID,CAND;;AAQA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACL,SAAD,EAAe;EAC3C,IAAMM,kBAAkB,GAAGxB,YAAY,CAACkB,SAAD,CAAvC;;EAEA,IAAIA,SAAS,KAAKhB,MAAlB,EAA0B;IACxB;IACA,IAAMuB,YAAY,GACfpB,QAAQ,CAACC,eAAT,IAA4BD,QAAQ,CAACC,eAAT,CAAyBmB,YAAtD,IACApB,QAAQ,CAACG,IAAT,CAAciB,YAFhB;IAIA,OAAOD,kBAAkB,GAAGtB,MAAM,CAACwB,WAA5B,IAA2CD,YAAlD;EACD;;EAED,OAAOD,kBAAkB,GAAGN,SAAS,CAACS,YAA/B,IAA+CT,SAAS,CAACO,YAAhE;AACD,CAbD,C,CAeA;;;AACA,IAAMG,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACV,SAAD,EAAYW,OAAZ,EAAqBV,MAArB,EAAgC;EAC9D,IAAMW,SAAS,GAAGrB,oBAAoB,CAACS,SAAD,CAAtC;EAEA,IAAIa,CAAC,GAAG,CAAR,CAH8D,CAI9D;;EACA,OAAOA,CAAC,GAAGF,OAAO,CAACG,MAAnB,EAA2BD,CAAC,IAAI,CAAhC,EAAmC;IACjC,IAAME,GAAG,GAAG5B,QAAQ,CAAC6B,cAAT,CAAwBL,OAAO,CAACE,CAAD,CAAP,CAAWI,KAAnC,CAAZ;;IAEA,IAAIF,GAAJ,EAAS;MACP,IAAMb,OAAO,GAAGX,oBAAoB,CAACwB,GAAD,CAApB,IAA6BJ,OAAO,CAACE,CAAD,CAAP,CAAWZ,MAAX,IAAqBA,MAAlD,CAAhB;;MAEA,IAAIC,OAAO,GAAGU,SAAd,EAAyB;QACvB;MACD;IACF;EACF,CAf6D,CAiB9D;;;EACA,OAAOC,CAAC,GAAG,CAAX;AACD,CAnBD;AAqBA;AACA;AACA;;;AACA,IAAMK,iBAAiB,GAAG,SAApBA,iBAAoB,OAWpB;EAAA,8BAVJC,aAUI;EAAA,IAVWC,iBAUX,mCAV+B,CAU/B;EAAA,IATJC,eASI,QATJA,eASI;EAAA,qBARJC,IAQI;EAAA,IARJA,IAQI,0BARG,IAQH;EAAA,IAPJC,OAOI,QAPJA,OAOI;EAAA,IANJC,SAMI,QANJA,SAMI;EAAA,IALJC,OAKI,QALJA,OAKI;EAAA,IAJJd,OAII,QAJJA,OAII;EAAA,IAHJe,QAGI,QAHJA,QAGI;EAAA,uBAFJzB,MAEI;EAAA,IAFJA,MAEI,4BAFK,CAEL;EAAA,IADD0B,KACC;;EACJ,gBAA0C,IAAAC,eAAA,EAASR,iBAAT,CAA1C;EAAA;EAAA,IAAOD,aAAP;EAAA,IAAsBU,gBAAtB;;EAEA,IAAMC,SAAS,GAAG,IAAAC,aAAA,GAAlB;EACA,IAAMC,uBAAuB,GAAG,IAAAD,aAAA,EAAO,CAAP,CAAhC;EAEA,IAAME,sBAAsB,GAAG,IAAAF,aAAA,GAA/B,CANI,CAQJ;EACA;;EACA,IAAMG,gBAAgB,GAAG,IAAAH,aAAA,EAAOZ,aAAP,CAAzB;EACA,IAAAgB,gBAAA,EAAU,YAAM;IACdD,gBAAgB,CAACE,OAAjB,GAA2BjB,aAA3B;EACD,CAFD,EAEG,CAACA,aAAD,CAFH,EAXI,CAeJ;;EACA,IAAAgB,gBAAA,EAAU,YAAM;IACdL,SAAS,CAACM,OAAV,GAAqBf,eAAe,IAAIlC,QAAQ,CAAC6B,cAAT,CAAwBK,eAAxB,CAApB,IAAiErC,MAArF;IACAiD,sBAAsB,CAACG,OAAvB,GAAiC7C,oBAAoB,CAACuC,SAAS,CAACM,OAAX,CAArD;EACD,CAHD,EAGG,CAACf,eAAD,CAHH;EAKA,IAAMgB,WAAW,GAAG,IAAAC,kBAAA,EAAY,YAAM;IAAA;;IACpC,IAAIN,uBAAuB,CAACI,OAAxB,KAAoC,CAApC,eAAyCpD,MAAzC,oCAAyC,QAAQuD,qBAArD,EAA4E;MAC1EP,uBAAuB,CAACI,OAAxB,GAAkCpD,MAAM,CAACuD,qBAAP,CAA6B,YAAM;QACnEP,uBAAuB,CAACI,OAAxB,GAAkC,CAAlC;QAEA,IAAMI,wBAAwB,GAAG9B,uBAAuB,CACtDoB,SAAS,CAACM,OAD4C,EAEtDzB,OAFsD,EAGtDV,MAHsD,CAAxD;QAMA,IAAIwC,gBAAgB,GAAGD,wBAAvB,CATmE,CAWnE;;QACA,IAAIA,wBAAwB,GAAG,CAA/B,EAAkC;UAChCC,gBAAgB,GAAG,CAAnB;QACD,CAdkE,CAgBnE;QACA;QACA;;;QACA,IAAIA,gBAAgB,GAAG9B,OAAO,CAACG,MAAR,GAAiB,CAApC,IAAyCT,qBAAqB,CAACyB,SAAS,CAACM,OAAX,CAAlE,EAAuF;UACrFK,gBAAgB,IAAI,CAApB;QACD;;QAED,IAAMnC,kBAAkB,GAAGxB,YAAY,CAACgD,SAAS,CAACM,OAAX,CAAvC;QACA,IAAMM,eAAe,GAAGpC,kBAAkB,GAAG2B,sBAAsB,CAACG,OAApE;QACAH,sBAAsB,CAACG,OAAvB,GAAiC9B,kBAAjC,CAzBmE,CA2BnE;;QACA,IAAIoC,eAAJ,EAAqB;UACnB,IAAID,gBAAgB,GAAGP,gBAAgB,CAACE,OAAxC,EAAiD;YAC/CK,gBAAgB,GAAGP,gBAAgB,CAACE,OAApC;UACD;QACF,CAJD,MAIO,IAAIK,gBAAgB,GAAGP,gBAAgB,CAACE,OAAxC,EAAiD;UACtDK,gBAAgB,GAAGP,gBAAgB,CAACE,OAApC;QACD;;QAEDP,gBAAgB,CAACY,gBAAD,CAAhB;MACD,CArCiC,CAAlC;IAsCD;EACF,CAzCmB,EAyCjB,CAACxC,MAAD,EAASU,OAAT,CAzCiB,CAApB,CArBI,CAgEJ;;EACA,IAAAwB,gBAAA,EAAU,YAAM;IACd,IAAIL,SAAS,CAACM,OAAd,EAAuB;MACrBN,SAAS,CAACM,OAAV,CAAkBO,gBAAlB,CAAmC,QAAnC,EAA6CN,WAA7C,EAA0D,KAA1D;IACD;;IAED,OAAO,YAAM;MACX,IAAIP,SAAS,CAACM,OAAd,EAAuB;QACrBN,SAAS,CAACM,OAAV,CAAkBQ,mBAAlB,CAAsC,QAAtC,EAAgDP,WAAhD;MACD;;MAED,IAAIL,uBAAuB,CAACI,OAAxB,KAAoC,CAAxC,EAA2C;QACzCpD,MAAM,CAAC6D,oBAAP,CAA4Bb,uBAAuB,CAACI,OAApD;QACAJ,uBAAuB,CAACI,OAAxB,GAAkC,CAAlC;MACD;IACF,CATD;EAUD,CAfD,EAeG,CAACC,WAAD,CAfH,EAjEI,CAkFJ;EACA;;EACA,IAAAF,gBAAA,EAAU,YAAM;IACd,IAAIW,qBAAJ;;IAEA,IAAIxB,IAAJ,EAAU;MACR,IAAMyB,SAAS,GAAG5D,QAAQ,CAAC6D,QAAT,CAAkBC,IAAlB,CAAuBC,KAAvB,CAA6B,GAA7B,EAAkC,CAAlC,KAAwC,EAA1D;MAEA,IAAMC,MAAM,GAAGxC,OAAO,CAACyC,IAAR,CAAa,UAACC,CAAD;QAAA,OAAOA,CAAC,CAACpC,KAAF,KAAY8B,SAAnB;MAAA,CAAb,CAAf;;MAEA,IAAII,MAAJ,EAAY;QACV,IAAIG,KAAK,GAAG,CAAZ;QACAR,qBAAqB,GAAGS,WAAW,CAAC,YAAM;UACxC,IAAMxC,GAAG,GAAG5B,QAAQ,CAAC6B,cAAT,CAAwBmC,MAAM,CAAClC,KAA/B,CAAZ;;UAEA,IAAIF,GAAJ,EAAS;YACPjB,aAAa,CAACiB,GAAD,EAAMe,SAAS,CAACM,OAAhB,EAAyBe,MAAM,CAAClD,MAAP,IAAiBA,MAA1C,CAAb;YACAuD,aAAa,CAACV,qBAAD,CAAb;UACD,CAHD,MAGO;YACLQ,KAAK,IAAI,CAAT;;YACA,IAAIA,KAAK,KAAKzE,SAAd,EAAyB;cACvB2E,aAAa,CAACV,qBAAD,CAAb;YACD;UACF;QACF,CAZkC,EAYhC,IAZgC,CAAnC;MAaD;IACF;;IAED,OAAO,YAAM;MACXU,aAAa,CAACV,qBAAD,CAAb;IACD,CAFD,CA1Bc,CA8Bd;IACA;IACA;EACD,CAjCD,EAiCG,EAjCH;;EAmCA,IAAMW,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD,EAAQC,EAAR,EAAYC,KAAZ,EAAsB;IAChD,IAAMT,MAAM,GAAGxC,OAAO,CAACyC,IAAR,CAAa,UAACC,CAAD;MAAA,OAAOA,CAAC,CAACpC,KAAF,KAAY0C,EAAnB;IAAA,CAAb,CAAf;;IAEA,IAAIR,MAAJ,EAAY;MACV,IAAMpC,GAAG,GAAG5B,QAAQ,CAAC6B,cAAT,CAAwB2C,EAAxB,CAAZ;;MACA,IAAI5C,GAAJ,EAAS;QACPjB,aAAa,CAACiB,GAAD,EAAMe,SAAS,CAACM,OAAhB,EAAyBe,MAAM,CAAClD,MAAP,IAAiBA,MAA1C,CAAb;MACD;;MAED,IAAI,CAACqB,IAAD,IAASC,OAAb,EAAsB;QACpBA,OAAO,CAACmC,KAAD,EAAQE,KAAR,EAAeT,MAAf,CAAP;MACD,CAFD,MAEO,IAAI7B,IAAJ,EAAU;QACftC,MAAM,CAAC6E,OAAP,CAAeC,SAAf,CAAyB,EAAzB,EAA6B,EAA7B,aAAqCnD,OAAO,CAACiD,KAAD,CAAP,CAAe3C,KAApD;MACD;;MAEDY,gBAAgB,CAAC+B,KAAD,CAAhB,CAZU,CAcV;MACA;;MACA1B,gBAAgB,CAACE,OAAjB,GAA2BwB,KAA3B;IACD;EACF,CArBD;;EAuBA,IAAMG,UAAU,GAAG,IAAAC,cAAA,EAAQ,YAAM;IAC/B,OAAOrD,OAAO,CAACsD,GAAR,CAAY,UAACd,MAAD,EAAY;MAC7B,OAAO,IAAAe,yBAAA,EAAiBf,MAAM,CAACgB,KAAxB,CAAP;IACD,CAFM,CAAP;EAGD,CAJkB,EAIhB,CAACxD,OAAD,CAJgB,CAAnB;EAMA,oBACE,qBAAC,+BAAD;IAAiB,WAAW,MAA5B;IAA6B,SAAS,EAAE,IAAAyD,aAAA,EAAK5C,SAAL,EAAgBC,OAAO,CAAC4C,IAAxB;EAAxC,GAA2E1C,KAA3E;IAAA,UACGhB,OAAO,CAACsD,GAAR,CAAY,UAACd,MAAD,EAASS,KAAT,EAAmB;MAC9B,IAAMU,MAAM,GAAGP,UAAU,CAACH,KAAD,CAAzB;MAEA,oBACE,qBAAC,0BAAD;QACE,OAAO,EAAE;UACPW,QAAQ,EAAE9C,OAAO,CAAC+C,gBADX;UAEPC,OAAO,EAAEhD,OAAO,CAACiD;QAFV,CADX;QAME,OAAO,EAAE,iBAAChB,KAAD;UAAA,OAAWD,mBAAmB,CAACC,KAAD,EAAQP,MAAM,CAAClC,KAAf,EAAsB2C,KAAtB,CAA9B;QAAA,CANX;QAOE,QAAQ,EAAEzC,aAAa,KAAKyC,KAP9B;QAAA,uBASE,qBAAC,MAAD;MATF,GAKOT,MAAM,CAACwB,GAAP,IAAcxB,MAAM,CAACgB,KAL5B,CADF;IAaD,CAhBA;EADH,GADF;AAqBD,CApLD;;AAsLA,wCAAAjD,iBAAiB,CAAC0D,SAAlB,GAA8B;EAC5B;AACF;AACA;EACEpD,SAAS,EAAEqD,kBAAA,CAAUC,MAJO;;EAK5B;AACF;AACA;EACErD,OAAO,EAAEoD,kBAAA,CAAUE,KAAV,CAAgB;IACvBV,IAAI,EAAEQ,kBAAA,CAAUC,MADO;IAEvBJ,eAAe,EAAEG,kBAAA,CAAUC,MAFJ;IAGvBN,gBAAgB,EAAEK,kBAAA,CAAUC;EAHL,CAAhB,EAINE,UAZyB;;EAa5B;AACF;AACA;EACErE,OAAO,EAAEkE,kBAAA,CAAUI,OAAV,CACPJ,kBAAA,CAAUE,KAAV,CAAgB;IACdJ,GAAG,EAAEE,kBAAA,CAAUC,MADD;IAEd7D,KAAK,EAAE4D,kBAAA,CAAUC,MAAV,CAAiBE,UAFV;IAGdb,KAAK,EAAEU,kBAAA,CAAUC,MAAV,CAAiBE,UAHV;IAId/E,MAAM,EAAE4E,kBAAA,CAAUK;EAJJ,CAAhB,CADO,EAOPF,UAvB0B;;EAwB5B;AACF;AACA;EACE1D,IAAI,EAAEuD,kBAAA,CAAUM,IA3BY;;EA4B5B;AACF;AACA;EACE5D,OAAO,EAAEsD,kBAAA,CAAUO,IA/BS;;EAgC5B;AACF;AACA;AACA;AACA;EACE1D,QAAQ,EAAE,IAAA2D,4BAAA,EAAmBR,kBAAA,CAAUM,IAA7B,CArCkB;;EAsC5B;AACF;AACA;EACEhE,aAAa,EAAE0D,kBAAA,CAAUK,MAzCG;;EA0C5B;AACF;AACA;AACA;AACA;EACE7D,eAAe,EAAEwD,kBAAA,CAAUC,MA/CC;;EAgD5B;AACF;AACA;AACA;AACA;AACA;AACA;EACE7E,MAAM,EAAE4E,kBAAA,CAAUK;AAvDU,CAA9B;;eA0De,IAAAI,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAoDtE,iBAApD,C"}

package/dist/NotificationPanel/EmptyStatePanel/EmptyStatePanel.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 export type HvEmptyStatePanelClassKey =
   | "emptyStateRoot"

package/dist/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js CHANGED Viewed

@@ -15,9 +15,11 @@ var _uikitReactCore = require("@hitachivantara/uikit-react-core");
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _Alert;
@@ -28,11 +30,11 @@ var EmptyStatePanel = function EmptyStatePanel(_ref) {
       title = _ref.title,
       message = _ref.message,
       icon = _ref.icon;
-  return /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvEmptyState, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvEmptyState, {
     id: id,
     title: title,
     message: message,
-    icon: icon || _Alert || (_Alert = /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Alert, null)),
+    icon: icon || _Alert || (_Alert = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Alert, {})),
     className: className,
     classes: {
       root: classes.emptyStateRoot,
@@ -95,7 +97,7 @@ process.env.NODE_ENV !== "production" ? EmptyStatePanel.propTypes = {
   icon: _propTypes.default.element
 } : void 0;
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvEmptyStatePanel"
 })(EmptyStatePanel);

package/dist/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EmptyStatePanel.js","names":["EmptyStatePanel","id","classes","className","title","message","icon","root","emptyStateRoot","container","emptyStateContainer","iconContainer","emptyStateIconContainer","titleContainer","emptyStateTitleContainer","propTypes","PropTypes","string","isRequired","shape","element","withStyles","styles","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 \"@~~material-ui~~/~~core~~\";\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;;AACA;;AAEA;;AACA;;AAEA;;AACA~~;;;;~~AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAAsD;EAAA,IAAnDC,EAAmD,QAAnDA,EAAmD;EAAA,IAA/CC,OAA+C,QAA/CA,OAA+C;EAAA,IAAtCC,SAAsC,QAAtCA,SAAsC;EAAA,IAA3BC,KAA2B,QAA3BA,KAA2B;EAAA,IAApBC,OAAoB,QAApBA,OAAoB;EAAA,IAAXC,IAAW,QAAXA,IAAW;EAC5E,oBACE,~~6BAAC~~,4BAAD;IACE,EAAE,EAAEL,EADN;IAEE,KAAK,EAAEG,KAFT;IAGE,OAAO,EAAEC,OAHX;IAIE,IAAI,EAAEC,IAAI,qCAAI,~~6BAAC~~,sBAAD,~~OAAJ~~,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,EAAEe,kBAAA,CAAUC,MAAV,CAAiBC,UAJK;;EAK1B;AACF;AACA;EACEhB,OAAO,EAAEc,kBAAA,CAAUG,KAAV,CAAgB;IACvB;AACJ;AACA;IACIX,cAAc,EAAEQ,kBAAA,CAAUC,MAJH;;IAKvB;AACJ;AACA;IACIP,mBAAmB,EAAEM,kBAAA,CAAUC,MARR;;IAUvB;AACJ;AACA;IACIL,uBAAuB,EAAEI,kBAAA,CAAUC,MAbZ;;IAevB;AACJ;AACA;IACIH,wBAAwB,EAAEE,kBAAA,CAAUC;EAlBb,CAAhB,EAmBNC,UA3BuB;;EA6B1B;AACF;AACA;EACEf,SAAS,EAAEa,kBAAA,CAAUC,MAhCK;;EAiC1B;AACF;AACA;EACEb,KAAK,EAAEY,kBAAA,CAAUC,MAAV,CAAiBC,UApCE;;EAqC1B;AACF;AACA;EACEb,OAAO,EAAEW,kBAAA,CAAUC,MAAV,CAAiBC,UAxCA;;EAyC1B;AACF;AACA;EACEZ,IAAI,EAAEU,kBAAA,CAAUI;AA5CU,CAA5B;;eA8Ce,IAAAC,~~gBAAA~~,EAAWC,~~eAAX~~,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAkDvB,eAAlD,C"}
1	+ {"version":3,"file":"EmptyStatePanel.js","names":["EmptyStatePanel","id","classes","className","title","message","icon","root","emptyStateRoot","container","emptyStateContainer","iconContainer","emptyStateIconContainer","titleContainer","emptyStateTitleContainer","propTypes","PropTypes","string","isRequired","shape","element","withStyles","styles","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;;AACA;;AAEA;;AACA;;AAEA;;AACA;;;;;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAAsD;EAAA,IAAnDC,EAAmD,QAAnDA,EAAmD;EAAA,IAA/CC,OAA+C,QAA/CA,OAA+C;EAAA,IAAtCC,SAAsC,QAAtCA,SAAsC;EAAA,IAA3BC,KAA2B,QAA3BA,KAA2B;EAAA,IAApBC,OAAoB,QAApBA,OAAoB;EAAA,IAAXC,IAAW,QAAXA,IAAW;EAC5E,oBACE,qBAAC,4BAAD;IACE,EAAE,EAAEL,EADN;IAEE,KAAK,EAAEG,KAFT;IAGE,OAAO,EAAEC,OAHX;IAIE,IAAI,EAAEC,IAAI,qCAAI,qBAAC,sBAAD,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,EAAEe,kBAAA,CAAUC,MAAV,CAAiBC,UAJK;;EAK1B;AACF;AACA;EACEhB,OAAO,EAAEc,kBAAA,CAAUG,KAAV,CAAgB;IACvB;AACJ;AACA;IACIX,cAAc,EAAEQ,kBAAA,CAAUC,MAJH;;IAKvB;AACJ;AACA;IACIP,mBAAmB,EAAEM,kBAAA,CAAUC,MARR;;IAUvB;AACJ;AACA;IACIL,uBAAuB,EAAEI,kBAAA,CAAUC,MAbZ;;IAevB;AACJ;AACA;IACIH,wBAAwB,EAAEE,kBAAA,CAAUC;EAlBb,CAAhB,EAmBNC,UA3BuB;;EA6B1B;AACF;AACA;EACEf,SAAS,EAAEa,kBAAA,CAAUC,MAhCK;;EAiC1B;AACF;AACA;EACEb,KAAK,EAAEY,kBAAA,CAAUC,MAAV,CAAiBC,UApCE;;EAqC1B;AACF;AACA;EACEb,OAAO,EAAEW,kBAAA,CAAUC,MAAV,CAAiBC,UAxCA;;EAyC1B;AACF;AACA;EACEZ,IAAI,EAAEU,kBAAA,CAAUI;AA5CU,CAA5B;;eA8Ce,IAAAC,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAkDvB,eAAlD,C"}

package/dist/NotificationPanel/Notification/Notification.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 export type HvNotificationClassKey =
   | "root"

package/dist/NotificationPanel/Notification/Notification.js CHANGED Viewed

@@ -19,9 +19,11 @@ var _relativeTime = _interopRequireDefault(require("dayjs/plugin/relativeTime"))
 var _uikitReactCore = require("@hitachivantara/uikit-react-core");
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 _dayjs.default.extend(_relativeTime.default);
@@ -68,12 +70,14 @@ var Notification = function Notification(_ref) {
     return d.format(format);
   };
-  var NotificationWithTooltip = wrapperTooltip( /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.messageContainer
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvTypography, {
-    variant: isRead ? "normalText" : "highlightText"
-  }, title)), title);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  var NotificationWithTooltip = wrapperTooltip( /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: classes.messageContainer,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvTypography, {
+      variant: isRead ? "normalText" : "highlightText",
+      children: title
+    })
+  }), title);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     onClick: function onClick(event) {
       return _onClick === null || _onClick === void 0 ? void 0 : _onClick(event, notificationId);
     },
@@ -82,20 +86,28 @@ var Notification = function Notification(_ref) {
     },
     className: (0, _clsx.default)(className, classes.root, isHighlighted && classes.notificationWrapperDropdown, isRead && classes.read),
     role: "button",
-    tabIndex: 0
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _clsx.default)(classes.notificationWrapper, isHighlighted && classes.notificationDropdownOpen, !!_onClick && classes.clickable)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.iconContainer
-  }, icon), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(NotificationWithTooltip, null), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.timeContainer
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _clsx.default)(classes.bullet, isRead && classes.hide)
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.time
-  }, getTime())))), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.notificationActionWrapper
-  }, rightContainer));
+    tabIndex: 0,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _clsx.default)(classes.notificationWrapper, isHighlighted && classes.notificationDropdownOpen, !!_onClick && classes.clickable),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: classes.iconContainer,
+        children: icon
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(NotificationWithTooltip, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: classes.timeContainer,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: (0, _clsx.default)(classes.bullet, isRead && classes.hide)
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: classes.time,
+            children: getTime()
+          })]
+        })]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classes.notificationActionWrapper,
+      children: rightContainer
+    })]
+  });
 };
 process.env.NODE_ENV !== "production" ? Notification.propTypes = {
@@ -220,7 +232,7 @@ process.env.NODE_ENV !== "production" ? Notification.propTypes = {
   isHighlighted: _propTypes.default.bool
 } : void 0;
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvNotificationPanelNotification"
 })(Notification);

package/dist/NotificationPanel/Notification/Notification.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Notification.js","names":["dayjs","extend","relativeTime","hideTooltip","evt","target","scrollHeight","clientHeight","wrapperTooltip","Component","label","ComponentFunction","withTooltip","style","Notification","classes","className","notificationId","title","isRead","icon","date","onClick","onKeyPress","rightContainer","isHighlighted","getTime","fromNow","d","format","isSame","Date","now","NotificationWithTooltip","messageContainer","event","clsx","root","notificationWrapperDropdown","read","notificationWrapper","notificationDropdownOpen","clickable","iconContainer","timeContainer","bullet","hide","time","notificationActionWrapper","propTypes","PropTypes","shape","string","isRequired","bool","oneOfType","number","object","element","func","node","withStyles","styles","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 \"@material-ui/core\";\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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"}
1	+ {"version":3,"file":"Notification.js","names":["dayjs","extend","relativeTime","hideTooltip","evt","target","scrollHeight","clientHeight","wrapperTooltip","Component","label","ComponentFunction","withTooltip","style","Notification","classes","className","notificationId","title","isRead","icon","date","onClick","onKeyPress","rightContainer","isHighlighted","getTime","fromNow","d","format","isSame","Date","now","NotificationWithTooltip","messageContainer","event","clsx","root","notificationWrapperDropdown","read","notificationWrapper","notificationDropdownOpen","clickable","iconContainer","timeContainer","bullet","hide","time","notificationActionWrapper","propTypes","PropTypes","shape","string","isRequired","bool","oneOfType","number","object","element","func","node","withStyles","styles","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/NotificationPanel/NotificationPanel.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { HvDropDownMenuProps } from "@hitachivantara/uikit-react-core";
 export interface Actions {

package/dist/NotificationPanel/NotificationPanel.js CHANGED Viewed

@@ -1,11 +1,21 @@
 "use strict";
-require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.object.keys.js");
-require("core-js/modules/es.weak-map.js");
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -23,7 +33,7 @@ require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.array.map.js");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
@@ -37,11 +47,13 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
+var _styles = require("@mui/styles");
 var _uikitReactCore = require("@hitachivantara/uikit-react-core");
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
 var _Notification = _interopRequireDefault(require("./Notification"));
@@ -49,12 +61,18 @@ var _EmptyStatePanel = _interopRequireDefault(require("./EmptyStatePanel"));
 var _NotificationsIndicator = _interopRequireDefault(require("./NotificationsIndicator"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["id", "className", "classes", "open", "footer", "notifications", "hasNewNotifications", "emptyStatePanelTitle", "emptyStatePanelMessage", "emptyStatePanelIcon", "labels", "newNotificationsButtonAction", "locale"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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) { (0, _defineProperty2.default)(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; }
 var DEFAULT_LABELS = {
   notificationGroupHeader: {
     newNotifications: "New",
@@ -105,7 +123,7 @@ var HvNotificationPanel = function HvNotificationPanel(_ref) {
   var generateNotificationsActions = function generateNotificationsActions(notificationId, _onToggle, actions) {
     var expand = notificationId === highlighted;
     var dList = (0, _toConsumableArray2.default)(actions.values);
-    return /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvDropDownMenu, (0, _extends2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvDropDownMenu, _objectSpread({
       expanded: expand,
       onClick: function onClick(event, item) {
         var _item$callback;
@@ -131,8 +149,7 @@ var HvNotificationPanel = function HvNotificationPanel(_ref) {
   var notificationElementGenerator = function notificationElementGenerator(notificationsToRender) {
     return notificationsToRender.map(function (notification) {
       var notificationIsHighlighted = highlighted === notification.id;
-      return /*#__PURE__*/_react.default.createElement(_Notification.default, {
-        key: notification.id,
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Notification.default, {
         notificationId: notification.id,
         title: notification.title,
         isRead: notification.isRead,
@@ -143,7 +160,7 @@ var HvNotificationPanel = function HvNotificationPanel(_ref) {
         rightContainer: generateNotificationsActions(notification.id, notification.onToggle, notification.actions),
         isHighlighted: notificationIsHighlighted,
         locale: locale
-      });
+      }, notification.id);
     });
   };
@@ -153,27 +170,31 @@ var HvNotificationPanel = function HvNotificationPanel(_ref) {
     return notificationElementGenerator(notificationsToRender);
   };
-  return /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvPanel, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikitReactCore.HvPanel, _objectSpread(_objectSpread({
     id: id,
     className: (0, _clsx.default)(className, classes.root, open === false && classes.closed, open && classes.open)
-  }, others), hasNewNotifications && /*#__PURE__*/_react.default.createElement(_NotificationsIndicator.default, {
-    labels: labels.notificationIndicator,
-    onClick: newNotificationsButtonAction
-  }), hasNotifications ? /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.panel
-  }, notifications.length > 0 && renderNotifications(notifications)) : /*#__PURE__*/_react.default.createElement(_EmptyStatePanel.default, {
-    id: (0, _uikitReactCore.setId)(id, "empty-state"),
-    title: emptyStatePanelTitle,
-    message: emptyStatePanelMessage,
-    icon: emptyStatePanelIcon,
-    className: classes.emptyState
-  }), footer && /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvActionBar, {
-    id: (0, _uikitReactCore.setId)(id, "action-bar"),
-    classes: {
-      root: classes.actionBarRoot
-    },
-    className: classes.actionBar
-  }, footer));
+  }, others), {}, {
+    children: [hasNewNotifications && /*#__PURE__*/(0, _jsxRuntime.jsx)(_NotificationsIndicator.default, {
+      labels: labels.notificationIndicator,
+      onClick: newNotificationsButtonAction
+    }), hasNotifications ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classes.panel,
+      children: notifications.length > 0 && renderNotifications(notifications)
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyStatePanel.default, {
+      id: (0, _uikitReactCore.setId)(id, "empty-state"),
+      title: emptyStatePanelTitle,
+      message: emptyStatePanelMessage,
+      icon: emptyStatePanelIcon,
+      className: classes.emptyState
+    }), footer && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvActionBar, {
+      id: (0, _uikitReactCore.setId)(id, "action-bar"),
+      classes: {
+        root: classes.actionBarRoot
+      },
+      className: classes.actionBar,
+      children: footer
+    })]
+  }));
 };
 process.env.NODE_ENV !== "production" ? HvNotificationPanel.propTypes = {
@@ -192,7 +213,7 @@ process.env.NODE_ENV !== "production" ? HvNotificationPanel.propTypes = {
    *
    * @deprecated This logic should be external, i.e. using the HvAppSwitcherPanel inside a Drawer component.
    */
-  open: (0, _core.deprecatedPropType)(_propTypes.default.bool),
+  open: (0, _material.deprecatedPropType)(_propTypes.default.bool),
   /**
    * A Jss Object used to override or extend the styles applied.
@@ -316,7 +337,7 @@ process.env.NODE_ENV !== "production" ? HvNotificationPanel.propTypes = {
   locale: _propTypes.default.string
 } : void 0;
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvNotificationPanel"
 })(HvNotificationPanel);

package/dist/NotificationPanel/NotificationPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NotificationPanel.js","names":["DEFAULT_LABELS","notificationGroupHeader","newNotifications","olderNotifications","notificationIndicator","label","buttonLabel","HvNotificationPanel","id","className","classes","open","footer","notifications","hasNewNotifications","emptyStatePanelTitle","emptyStatePanelMessage","emptyStatePanelIcon","labelsProp","labels","newNotificationsButtonAction","localeProp","locale","others","localeFromProvider","useLocale","useState","undefined","highlighted","setHighlighted","isExpanded","setIsExpanded","useLabels","generateNotificationsActions","notificationId","onToggle","actions","expand","dList","values","event","item","callback","s","dropDownMenuProps","notificationElementGenerator","notificationsToRender","map","notification","notificationIsHighlighted","title","isRead","icon","date","onClick","onKeyPress","hasNotifications","length","renderNotifications","clsx","root","closed","panel","setId","emptyState","actionBarRoot","actionBar","propTypes","PropTypes","string","deprecatedPropType","bool","shape","notificationsIndicator","isRequired","arrayOf","oneOfType","number","object","element","func","action","instanceOf","Object","node","withStyles","styles","name"],"sources":["../../src/NotificationPanel/NotificationPanel.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\nimport {\n HvPanel,\n HvActionBar,\n HvDropDownMenu,\n setId,\n useLabels,\n useLocale,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport styles from \"./styles\";\n\nimport Notification from \"./Notification\";\nimport EmptyStatePanel from \"./EmptyStatePanel\";\nimport NotificationsIndicator from \"./NotificationsIndicator\";\n\nconst DEFAULT_LABELS = {\n notificationGroupHeader: {\n newNotifications: \"New\",\n olderNotifications: \"Earlier\",\n },\n notificationIndicator: {\n label: \"You have new notifications\",\n buttonLabel: \"Update\",\n },\n};\n\n/*\n Notification Panel displays all of read and unread notifications. Still in development\n /\nconst HvNotificationPanel = ({\n id,\n className,\n classes,\n open,\n footer,\n notifications,\n hasNewNotifications = false,\n emptyStatePanelTitle = \"No notifications\",\n emptyStatePanelMessage = \"You currently have no notifications.\",\n emptyStatePanelIcon,\n labels: labelsProp,\n newNotificationsButtonAction,\n locale: localeProp,\n ...others\n}) => {\n const localeFromProvider = useLocale();\n\n const locale = localeProp \|\| localeFromProvider;\n\n const [highlighted, setHighlighted] = useState(undefined);\n const [isExpanded, setIsExpanded] = useState(false);\n\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n const generateNotificationsActions = (notificationId, onToggle, actions) => {\n const expand = notificationId === highlighted;\n const dList = [...actions.values];\n return (\n <HvDropDownMenu\n expanded={expand}\n onClick={(event, item) => {\n setHighlighted(undefined);\n item?.callback?.(event, notificationId);\n }}\n dataList={dList}\n onToggle={(event, s) => {\n onToggle?.(event, s);\n if (s) {\n setHighlighted(notificationId);\n } else {\n setHighlighted(undefined);\n }\n setIsExpanded(!isExpanded);\n }}\n {...actions.dropDownMenuProps}\n />\n );\n };\n\n const notificationElementGenerator = (notificationsToRender) => {\n return notificationsToRender.map((notification) => {\n const notificationIsHighlighted = highlighted === notification.id;\n return (\n <Notification\n key={notification.id}\n notificationId={notification.id}\n title={notification.title}\n isRead={notification.isRead}\n icon={notification.icon}\n date={notification.date}\n onClick={notification.onClick}\n onKeyPress={notification.onKeyPress}\n rightContainer={generateNotificationsActions(\n notification.id,\n notification.onToggle,\n notification.actions\n )}\n isHighlighted={notificationIsHighlighted}\n locale={locale}\n />\n );\n });\n };\n\n const hasNotifications = notifications.length > 0;\n\n const renderNotifications = (notificationsToRender) =>\n notificationElementGenerator(notificationsToRender);\n\n return (\n <HvPanel\n id={id}\n className={clsx(className, classes.root, {\n [classes.closed]: open === false,\n [classes.open]: open,\n })}\n {...others}\n >\n {hasNewNotifications && (\n <NotificationsIndicator\n labels={labels.notificationIndicator}\n onClick={newNotificationsButtonAction}\n />\n )}\n {hasNotifications ? (\n <div className={classes.panel}>\n {notifications.length > 0 && renderNotifications(notifications)}\n </div>\n ) : (\n <EmptyStatePanel\n id={setId(id, \"empty-state\")}\n title={emptyStatePanelTitle}\n message={emptyStatePanelMessage}\n icon={emptyStatePanelIcon}\n className={classes.emptyState}\n />\n )}\n {footer && (\n <HvActionBar\n id={setId(id, \"action-bar\")}\n classes={{\n root: classes.actionBarRoot,\n }}\n className={classes.actionBar}\n >\n {footer}\n </HvActionBar>\n )}\n </HvPanel>\n );\n};\n\nHvNotificationPanel.propTypes = {\n /\n Id to be applied to the root node of the panel.\n /\n id: PropTypes.string,\n /\n Class names to be applied to the root element.\n /\n className: PropTypes.string,\n /\n 'true' if panel is open or 'false' if the panel is not open\n \n @deprecated This logic should be external, i.e. using the HvAppSwitcherPanel inside a Drawer component.\n /\n open: deprecatedPropType(PropTypes.bool),\n /\n A Jss Object used to override or extend the styles applied.\n /\n classes: PropTypes.shape({\n /\n styles object applied to the root\n /\n root: PropTypes.string,\n /\n styles object applied to the root when closed\n /\n closed: PropTypes.string,\n /\n styles object applied to the root when open\n /\n open: PropTypes.string,\n /\n styles object applied to the panel\n /\n panel: PropTypes.string,\n /\n styles object applied to the action bar\n /\n actionBar: PropTypes.string,\n /\n styles object applied to the root of the action bar\n /\n actionBarRoot: PropTypes.string,\n /\n styles object applied to the new notification indicator\n /\n notificationsIndicator: PropTypes.string,\n /\n styles object applied to the empty state panel\n /\n emptyState: PropTypes.string,\n }).isRequired,\n /\n The properties of the notifications to be rendered in the Panel.\n /\n notifications: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n title: PropTypes.string.isRequired,\n isRead: PropTypes.bool.isRequired,\n date: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).isRequired,\n icon: PropTypes.element,\n onClick: PropTypes.func,\n onKeyPress: PropTypes.func,\n onToggle: PropTypes.func,\n actions: PropTypes.shape({\n label: PropTypes.bool,\n action: PropTypes.string,\n callback: PropTypes.func,\n dropDownMenuProps: PropTypes.instanceOf(Object),\n }),\n })\n ),\n /\n Whether to render the new notifications indicator\n /\n hasNewNotifications: PropTypes.bool,\n /\n Action buttons to render in footer\n /\n footer: PropTypes.node,\n /\n Title of the EmptyStatePanel\n /\n emptyStatePanelTitle: PropTypes.string,\n /\n Message of the EmptyStatePanel\n /\n emptyStatePanelMessage: PropTypes.string,\n /\n Empty Panel custom Icon\n /\n emptyStatePanelIcon: PropTypes.node,\n /\n Labels to apply to the Panel\n /\n labels: PropTypes.shape({\n /\n Labels to apply to the groups separating newer and older notifications\n /\n notificationGroupHeader: {\n olderNotifications: PropTypes.string,\n newNotifications: PropTypes.string,\n },\n /\n Labels to apply to the element of the New Notifications Indicator\n /\n notificationIndicator: {\n label: PropTypes.string,\n buttonLabel: PropTypes.string,\n },\n }),\n /\n Function to be supplied to the notification update button\n /\n newNotificationsButtonAction: PropTypes.func,\n /\n The locale to be used on the notification date, if undefined it will use the one from the HvProvider\n */\n locale: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvNotificationPanel\" })(HvNotificationPanel);\n"],"mappings":"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"}
1	+ {"version":3,"file":"NotificationPanel.js","names":["DEFAULT_LABELS","notificationGroupHeader","newNotifications","olderNotifications","notificationIndicator","label","buttonLabel","HvNotificationPanel","id","className","classes","open","footer","notifications","hasNewNotifications","emptyStatePanelTitle","emptyStatePanelMessage","emptyStatePanelIcon","labelsProp","labels","newNotificationsButtonAction","localeProp","locale","others","localeFromProvider","useLocale","useState","undefined","highlighted","setHighlighted","isExpanded","setIsExpanded","useLabels","generateNotificationsActions","notificationId","onToggle","actions","expand","dList","values","event","item","callback","s","dropDownMenuProps","notificationElementGenerator","notificationsToRender","map","notification","notificationIsHighlighted","title","isRead","icon","date","onClick","onKeyPress","hasNotifications","length","renderNotifications","clsx","root","closed","panel","setId","emptyState","actionBarRoot","actionBar","propTypes","PropTypes","string","deprecatedPropType","bool","shape","notificationsIndicator","isRequired","arrayOf","oneOfType","number","object","element","func","action","instanceOf","Object","node","withStyles","styles","name"],"sources":["../../src/NotificationPanel/NotificationPanel.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\n\nimport {\n HvPanel,\n HvActionBar,\n HvDropDownMenu,\n setId,\n useLabels,\n useLocale,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport styles from \"./styles\";\n\nimport Notification from \"./Notification\";\nimport EmptyStatePanel from \"./EmptyStatePanel\";\nimport NotificationsIndicator from \"./NotificationsIndicator\";\n\nconst DEFAULT_LABELS = {\n notificationGroupHeader: {\n newNotifications: \"New\",\n olderNotifications: \"Earlier\",\n },\n notificationIndicator: {\n label: \"You have new notifications\",\n buttonLabel: \"Update\",\n },\n};\n\n/*\n Notification Panel displays all of read and unread notifications. Still in development\n /\nconst HvNotificationPanel = ({\n id,\n className,\n classes,\n open,\n footer,\n notifications,\n hasNewNotifications = false,\n emptyStatePanelTitle = \"No notifications\",\n emptyStatePanelMessage = \"You currently have no notifications.\",\n emptyStatePanelIcon,\n labels: labelsProp,\n newNotificationsButtonAction,\n locale: localeProp,\n ...others\n}) => {\n const localeFromProvider = useLocale();\n\n const locale = localeProp \|\| localeFromProvider;\n\n const [highlighted, setHighlighted] = useState(undefined);\n const [isExpanded, setIsExpanded] = useState(false);\n\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n const generateNotificationsActions = (notificationId, onToggle, actions) => {\n const expand = notificationId === highlighted;\n const dList = [...actions.values];\n return (\n <HvDropDownMenu\n expanded={expand}\n onClick={(event, item) => {\n setHighlighted(undefined);\n item?.callback?.(event, notificationId);\n }}\n dataList={dList}\n onToggle={(event, s) => {\n onToggle?.(event, s);\n if (s) {\n setHighlighted(notificationId);\n } else {\n setHighlighted(undefined);\n }\n setIsExpanded(!isExpanded);\n }}\n {...actions.dropDownMenuProps}\n />\n );\n };\n\n const notificationElementGenerator = (notificationsToRender) => {\n return notificationsToRender.map((notification) => {\n const notificationIsHighlighted = highlighted === notification.id;\n return (\n <Notification\n key={notification.id}\n notificationId={notification.id}\n title={notification.title}\n isRead={notification.isRead}\n icon={notification.icon}\n date={notification.date}\n onClick={notification.onClick}\n onKeyPress={notification.onKeyPress}\n rightContainer={generateNotificationsActions(\n notification.id,\n notification.onToggle,\n notification.actions\n )}\n isHighlighted={notificationIsHighlighted}\n locale={locale}\n />\n );\n });\n };\n\n const hasNotifications = notifications.length > 0;\n\n const renderNotifications = (notificationsToRender) =>\n notificationElementGenerator(notificationsToRender);\n\n return (\n <HvPanel\n id={id}\n className={clsx(className, classes.root, {\n [classes.closed]: open === false,\n [classes.open]: open,\n })}\n {...others}\n >\n {hasNewNotifications && (\n <NotificationsIndicator\n labels={labels.notificationIndicator}\n onClick={newNotificationsButtonAction}\n />\n )}\n {hasNotifications ? (\n <div className={classes.panel}>\n {notifications.length > 0 && renderNotifications(notifications)}\n </div>\n ) : (\n <EmptyStatePanel\n id={setId(id, \"empty-state\")}\n title={emptyStatePanelTitle}\n message={emptyStatePanelMessage}\n icon={emptyStatePanelIcon}\n className={classes.emptyState}\n />\n )}\n {footer && (\n <HvActionBar\n id={setId(id, \"action-bar\")}\n classes={{\n root: classes.actionBarRoot,\n }}\n className={classes.actionBar}\n >\n {footer}\n </HvActionBar>\n )}\n </HvPanel>\n );\n};\n\nHvNotificationPanel.propTypes = {\n /\n Id to be applied to the root node of the panel.\n /\n id: PropTypes.string,\n /\n Class names to be applied to the root element.\n /\n className: PropTypes.string,\n /\n 'true' if panel is open or 'false' if the panel is not open\n \n @deprecated This logic should be external, i.e. using the HvAppSwitcherPanel inside a Drawer component.\n /\n open: deprecatedPropType(PropTypes.bool),\n /\n A Jss Object used to override or extend the styles applied.\n /\n classes: PropTypes.shape({\n /\n styles object applied to the root\n /\n root: PropTypes.string,\n /\n styles object applied to the root when closed\n /\n closed: PropTypes.string,\n /\n styles object applied to the root when open\n /\n open: PropTypes.string,\n /\n styles object applied to the panel\n /\n panel: PropTypes.string,\n /\n styles object applied to the action bar\n /\n actionBar: PropTypes.string,\n /\n styles object applied to the root of the action bar\n /\n actionBarRoot: PropTypes.string,\n /\n styles object applied to the new notification indicator\n /\n notificationsIndicator: PropTypes.string,\n /\n styles object applied to the empty state panel\n /\n emptyState: PropTypes.string,\n }).isRequired,\n /\n The properties of the notifications to be rendered in the Panel.\n /\n notifications: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n title: PropTypes.string.isRequired,\n isRead: PropTypes.bool.isRequired,\n date: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).isRequired,\n icon: PropTypes.element,\n onClick: PropTypes.func,\n onKeyPress: PropTypes.func,\n onToggle: PropTypes.func,\n actions: PropTypes.shape({\n label: PropTypes.bool,\n action: PropTypes.string,\n callback: PropTypes.func,\n dropDownMenuProps: PropTypes.instanceOf(Object),\n }),\n })\n ),\n /\n Whether to render the new notifications indicator\n /\n hasNewNotifications: PropTypes.bool,\n /\n Action buttons to render in footer\n /\n footer: PropTypes.node,\n /\n Title of the EmptyStatePanel\n /\n emptyStatePanelTitle: PropTypes.string,\n /\n Message of the EmptyStatePanel\n /\n emptyStatePanelMessage: PropTypes.string,\n /\n Empty Panel custom Icon\n /\n emptyStatePanelIcon: PropTypes.node,\n /\n Labels to apply to the Panel\n /\n labels: PropTypes.shape({\n /\n Labels to apply to the groups separating newer and older notifications\n /\n notificationGroupHeader: {\n olderNotifications: PropTypes.string,\n newNotifications: PropTypes.string,\n },\n /\n Labels to apply to the element of the New Notifications Indicator\n /\n notificationIndicator: {\n label: PropTypes.string,\n buttonLabel: PropTypes.string,\n },\n }),\n /\n Function to be supplied to the notification update button\n /\n newNotificationsButtonAction: PropTypes.func,\n /\n The locale to be used on the notification date, if undefined it will use the one from the HvProvider\n */\n locale: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvNotificationPanel\" })(HvNotificationPanel);\n"],"mappings":"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"}

package/dist/NotificationPanel/NotificationsIndicator/NotificationsIndicator.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 export interface Labels {
   label: string;