@hitachivantara/uikit-react-core 3.73.0 → 3.74.1

package/dist/legacy/BaseSwitch/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["outlineStyles","switchWidth","thumbPosition","position","left","width","height","styles","theme","root","padding","cursor","switch","switchBase","backgroundColor","transform","opacity","hv","palette","accent","acce1","track","borderRadius","border","atmosphere","atmo2","thumb","atmo1","marginLeft","marginTop","checked","disabled","atmo3","atmo5","focusVisible"],"sources":["../../../src/BaseSwitch/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst switchWidth = 32;\n\nconst thumbPosition = {\n  position: \"relative\",\n  left: -9,\n  width: 12,\n  height: 12,\n};\n\nconst styles = (theme) => ({\n  root: {\n    padding: 0,\n    cursor: \"pointer\",\n  },\n\n  switch: {\n    padding: 0,\n    width: switchWidth,\n    height: 16,\n  },\n\n  switchBase: {\n    width: switchWidth,\n    height: 16,\n    padding: 0,\n\n    // increase CSS specificity\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&$checked\": {\n      transform: \"translateX(16px)\",\n      \"& + $track\": {\n        opacity: 1,\n        backgroundColor: theme.hv.palette.accent.acce1,\n      },\n      \"&:hover\": {\n        backgroundColor: \"transparent\",\n      },\n    },\n  },\n\n  track: {\n    opacity: 1,\n    borderRadius: 15,\n    left: 17,\n    height: 16,\n    border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n    backgroundColor: theme.hv.palette.atmosphere.atmo2,\n  },\n\n  thumb: {\n    ...thumbPosition,\n    border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    marginLeft: 2,\n    marginTop: 0,\n  },\n\n  checked: {},\n\n  disabled: {\n    cursor: \"not-allowed\",\n\n    \"& $switch\": {\n      cursor: \"not-allowed\",\n    },\n\n    \"& $thumb\": {\n      backgroundColor: `${theme.hv.palette.atmosphere.atmo3}`,\n      border: `solid 1px ${theme.hv.palette.atmosphere.atmo5}`,\n    },\n\n    \"& $switchBase + $track\": {\n      backgroundColor: `${theme.hv.palette.atmosphere.atmo3}`,\n      border: `solid 1px ${theme.hv.palette.atmosphere.atmo5}`,\n      opacity: 1,\n    },\n  },\n\n  focusVisible: {\n    borderRadius: \"8px\",\n    ...outlineStyles,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;AAAA,SAASA,aAAT,QAA8B,iBAA9B;AAEA,IAAMC,WAAW,GAAG,EAApB;AAEA,IAAMC,aAAa,GAAG;EACpBC,QAAQ,EAAE,UADU;EAEpBC,IAAI,EAAE,CAAC,CAFa;EAGpBC,KAAK,EAAE,EAHa;EAIpBC,MAAM,EAAE;AAJY,CAAtB;;AAOA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,CADL;MAEJC,MAAM,EAAE;IAFJ,CADmB;IAMzBC,MAAM,EAAE;MACNF,OAAO,EAAE,CADH;MAENL,KAAK,EAAEJ,WAFD;MAGNK,MAAM,EAAE;IAHF,CANiB;IAYzBO,UAAU,EAAE;MACVR,KAAK,EAAEJ,WADG;MAEVK,MAAM,EAAE,EAFE;MAGVI,OAAO,EAAE,CAHC;MAKV;MACA,WAAW;QACTI,eAAe,EAAE;MADR,CAND;MASV,aAAa;QACXC,SAAS,EAAE,kBADA;QAEX,cAAc;UACZC,OAAO,EAAE,CADG;UAEZF,eAAe,EAAEN,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC;QAF7B,CAFH;QAMX,WAAW;UACTN,eAAe,EAAE;QADR;MANA;IATH,CAZa;IAiCzBO,KAAK,EAAE;MACLL,OAAO,EAAE,CADJ;MAELM,YAAY,EAAE,EAFT;MAGLlB,IAAI,EAAE,EAHD;MAILE,MAAM,EAAE,EAJH;MAKLiB,MAAM,sBAAef,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAAvC,CALD;MAMLN,eAAe,EAAEN,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BC;IANxC,CAjCkB;IA0CzBC,KAAK,kCACAxB,aADA;MAEHqB,MAAM,sBAAef,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAAvC,CAFH;MAGHN,eAAe,EAAEN,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BG,KAH1C;MAIHC,UAAU,EAAE,CAJT;MAKHC,SAAS,EAAE;IALR,EA1CoB;IAkDzBC,OAAO,EAAE,EAlDgB;IAoDzBC,QAAQ,EAAE;MACRpB,MAAM,EAAE,aADA;MAGR,aAAa;QACXA,MAAM,EAAE;MADG,CAHL;MAOR,YAAY;QACVG,eAAe,YAAKN,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BQ,KAAjC,CADL;QAEVT,MAAM,sBAAef,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BS,KAA3C;MAFI,CAPJ;MAYR,0BAA0B;QACxBnB,eAAe,YAAKN,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BQ,KAAjC,CADS;QAExBT,MAAM,sBAAef,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BS,KAA3C,CAFkB;QAGxBjB,OAAO,EAAE;MAHe;IAZlB,CApDe;IAuEzBkB,YAAY;MACVZ,YAAY,EAAE;IADJ,GAEPtB,aAFO;EAvEa,CAAZ;AAAA,CAAf;;AA6EA,eAAeO,MAAf"}
+{"version":3,"file":"styles.js","names":["outlineStyles","switchWidth","thumbPosition","position","left","width","height","styles","theme","root","padding","cursor","switch","switchBase","backgroundColor","transform","opacity","hv","palette","accent","acce1","track","borderRadius","border","atmosphere","atmo2","thumb","atmo1","marginLeft","marginTop","checked","disabled","atmo3","atmo5","readOnly","focusVisible"],"sources":["../../../src/BaseSwitch/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst switchWidth = 32;\n\nconst thumbPosition = {\n  position: \"relative\",\n  left: -9,\n  width: 12,\n  height: 12,\n};\n\nconst styles = (theme) => ({\n  root: {\n    padding: 0,\n    cursor: \"pointer\",\n  },\n\n  switch: {\n    padding: 0,\n    width: switchWidth,\n    height: 16,\n\n    \"&$readOnly $switchBase\": {\n      cursor: \"default\",\n    },\n  },\n\n  switchBase: {\n    width: switchWidth,\n    height: 16,\n    padding: 0,\n\n    // increase CSS specificity\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&$checked\": {\n      transform: \"translateX(16px)\",\n      \"& + $track\": {\n        opacity: 1,\n        backgroundColor: theme.hv.palette.accent.acce1,\n      },\n      \"&:hover\": {\n        backgroundColor: \"transparent\",\n      },\n    },\n  },\n\n  track: {\n    opacity: 1,\n    borderRadius: 15,\n    left: 17,\n    height: 16,\n    border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n    backgroundColor: theme.hv.palette.atmosphere.atmo2,\n  },\n\n  thumb: {\n    ...thumbPosition,\n    border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    marginLeft: 2,\n    marginTop: 0,\n  },\n\n  checked: {},\n\n  disabled: {\n    cursor: \"not-allowed\",\n\n    \"& $switch\": {\n      cursor: \"not-allowed\",\n    },\n\n    \"& $thumb\": {\n      backgroundColor: `${theme.hv.palette.atmosphere.atmo3}`,\n      border: `solid 1px ${theme.hv.palette.atmosphere.atmo5}`,\n    },\n\n    \"& $switchBase + $track\": {\n      backgroundColor: `${theme.hv.palette.atmosphere.atmo3}`,\n      border: `solid 1px ${theme.hv.palette.atmosphere.atmo5}`,\n      opacity: 1,\n    },\n  },\n\n  readOnly: {},\n\n  focusVisible: {\n    borderRadius: \"8px\",\n    ...outlineStyles,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;AAAA,SAASA,aAAT,QAA8B,iBAA9B;AAEA,IAAMC,WAAW,GAAG,EAApB;AAEA,IAAMC,aAAa,GAAG;EACpBC,QAAQ,EAAE,UADU;EAEpBC,IAAI,EAAE,CAAC,CAFa;EAGpBC,KAAK,EAAE,EAHa;EAIpBC,MAAM,EAAE;AAJY,CAAtB;;AAOA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,CADL;MAEJC,MAAM,EAAE;IAFJ,CADmB;IAMzBC,MAAM,EAAE;MACNF,OAAO,EAAE,CADH;MAENL,KAAK,EAAEJ,WAFD;MAGNK,MAAM,EAAE,EAHF;MAKN,0BAA0B;QACxBK,MAAM,EAAE;MADgB;IALpB,CANiB;IAgBzBE,UAAU,EAAE;MACVR,KAAK,EAAEJ,WADG;MAEVK,MAAM,EAAE,EAFE;MAGVI,OAAO,EAAE,CAHC;MAKV;MACA,WAAW;QACTI,eAAe,EAAE;MADR,CAND;MASV,aAAa;QACXC,SAAS,EAAE,kBADA;QAEX,cAAc;UACZC,OAAO,EAAE,CADG;UAEZF,eAAe,EAAEN,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC;QAF7B,CAFH;QAMX,WAAW;UACTN,eAAe,EAAE;QADR;MANA;IATH,CAhBa;IAqCzBO,KAAK,EAAE;MACLL,OAAO,EAAE,CADJ;MAELM,YAAY,EAAE,EAFT;MAGLlB,IAAI,EAAE,EAHD;MAILE,MAAM,EAAE,EAJH;MAKLiB,MAAM,sBAAef,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAAvC,CALD;MAMLN,eAAe,EAAEN,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BC;IANxC,CArCkB;IA8CzBC,KAAK,kCACAxB,aADA;MAEHqB,MAAM,sBAAef,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAAvC,CAFH;MAGHN,eAAe,EAAEN,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BG,KAH1C;MAIHC,UAAU,EAAE,CAJT;MAKHC,SAAS,EAAE;IALR,EA9CoB;IAsDzBC,OAAO,EAAE,EAtDgB;IAwDzBC,QAAQ,EAAE;MACRpB,MAAM,EAAE,aADA;MAGR,aAAa;QACXA,MAAM,EAAE;MADG,CAHL;MAOR,YAAY;QACVG,eAAe,YAAKN,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BQ,KAAjC,CADL;QAEVT,MAAM,sBAAef,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BS,KAA3C;MAFI,CAPJ;MAYR,0BAA0B;QACxBnB,eAAe,YAAKN,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BQ,KAAjC,CADS;QAExBT,MAAM,sBAAef,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BS,KAA3C,CAFkB;QAGxBjB,OAAO,EAAE;MAHe;IAZlB,CAxDe;IA2EzBkB,QAAQ,EAAE,EA3Ee;IA6EzBC,YAAY;MACVb,YAAY,EAAE;IADJ,GAEPtB,aAFO;EA7Ea,CAAZ;AAAA,CAAf;;AAmFA,eAAeO,MAAf"}

package/dist/legacy/ScrollTo/useScrollTo.js

@@ -13,6 +13,7 @@ var useScrollTo = function useScrollTo() {
   var offset = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
   var options = arguments.length > 4 ? arguments[4] : undefined;
   var onChange = arguments.length > 5 ? arguments[5] : undefined;
+  var direction = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : "column";
   var RETRY_MAX = 5;
 
   var _useState = useState(selectedIndexProp),
@@ -133,7 +134,7 @@ var useScrollTo = function useScrollTo() {
       var ele = document.getElementById(id);
 
       if (ele) {
-        scrollElement(ele, scrollEle.current, option.offset || offset);
+        scrollElement(ele, scrollEle.current, option.offset || offset, direction);
       }
 
       if (href) {

package/dist/legacy/ScrollTo/useScrollTo.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollTo.js","names":["useEffect","useRef","useState","useCallback","verticalScrollOffset","findFirstVisibleElement","isScrolledToTheBottom","getScrollTop","scrollElement","useScrollTo","selectedIndexProp","scrollElementId","href","offset","options","onChange","RETRY_MAX","selectedIndex","setSelectedIndex","scrollEle","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","current","document","getElementById","window","checkScroll","event","requestAnimationFrame","firstVisibleElementIndex","newSelectedIndex","length","containerScrollTop","isScrollingDown","addEventListener","removeEventListener","cancelAnimationFrame","checkRenderedInterval","hashValue","location","hash","split","option","find","o","value","retry","setInterval","ele","clearInterval","setScrollTo","id","index","wrappedOnChange","history","pushState"],"sources":["../../../src/ScrollTo/useScrollTo.js"],"sourcesContent":["import { useEffect, useRef, useState, useCallback } from \"react\";\nimport {\n  verticalScrollOffset,\n  findFirstVisibleElement,\n  isScrolledToTheBottom,\n  getScrollTop,\n  scrollElement,\n} from \"./utils\";\n\nconst useScrollTo = (\n  selectedIndexProp = 0,\n  scrollElementId,\n  href,\n  offset = 0,\n  options,\n  onChange\n) => {\n  const RETRY_MAX = 5;\n  const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);\n\n  const scrollEle = useRef();\n  const requestedAnimationFrame = useRef(0);\n  const lastContainerScrollTop = useRef();\n\n  // ref to use a often-changing value in useCallback, as 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  useEffect(() => {\n    scrollEle.current = (scrollElementId && document.getElementById(scrollElementId)) || window;\n    lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);\n  }, [scrollElementId]);\n\n  const checkScroll = useCallback(\n    (event) => {\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          onChange?.(event, newSelectedIndex);\n        });\n      }\n    },\n    [offset, options, onChange]\n  );\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 setScrollTo = (event, id, index, wrappedOnChange) => {\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) {\n        window.history.pushState({}, \"\", `#${options[index].value}`);\n      }\n\n      setSelectedIndex(index);\n      wrappedOnChange?.(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  return [selectedIndex, setScrollTo];\n};\n\nexport default useScrollTo;\n"],"mappings":"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"}
+{"version":3,"file":"useScrollTo.js","names":["useEffect","useRef","useState","useCallback","verticalScrollOffset","findFirstVisibleElement","isScrolledToTheBottom","getScrollTop","scrollElement","useScrollTo","selectedIndexProp","scrollElementId","href","offset","options","onChange","direction","RETRY_MAX","selectedIndex","setSelectedIndex","scrollEle","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","current","document","getElementById","window","checkScroll","event","requestAnimationFrame","firstVisibleElementIndex","newSelectedIndex","length","containerScrollTop","isScrollingDown","addEventListener","removeEventListener","cancelAnimationFrame","checkRenderedInterval","hashValue","location","hash","split","option","find","o","value","retry","setInterval","ele","clearInterval","setScrollTo","id","index","wrappedOnChange","history","pushState"],"sources":["../../../src/ScrollTo/useScrollTo.js"],"sourcesContent":["import { useEffect, useRef, useState, useCallback } from \"react\";\nimport {\n  verticalScrollOffset,\n  findFirstVisibleElement,\n  isScrolledToTheBottom,\n  getScrollTop,\n  scrollElement,\n} from \"./utils\";\n\nconst useScrollTo = (\n  selectedIndexProp = 0,\n  scrollElementId,\n  href,\n  offset = 0,\n  options,\n  onChange,\n  direction = \"column\"\n) => {\n  const RETRY_MAX = 5;\n  const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);\n\n  const scrollEle = useRef();\n  const requestedAnimationFrame = useRef(0);\n  const lastContainerScrollTop = useRef();\n\n  // ref to use a often-changing value in useCallback, as 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  useEffect(() => {\n    scrollEle.current = (scrollElementId && document.getElementById(scrollElementId)) || window;\n    lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);\n  }, [scrollElementId]);\n\n  const checkScroll = useCallback(\n    (event) => {\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          onChange?.(event, newSelectedIndex);\n        });\n      }\n    },\n    [offset, options, onChange]\n  );\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 setScrollTo = (event, id, index, wrappedOnChange) => {\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, direction);\n      }\n\n      if (href) {\n        window.history.pushState({}, \"\", `#${options[index].value}`);\n      }\n\n      setSelectedIndex(index);\n      wrappedOnChange?.(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  return [selectedIndex, setScrollTo];\n};\n\nexport default useScrollTo;\n"],"mappings":"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"}

package/dist/legacy/ScrollTo/utils.js

@@ -22,13 +22,43 @@ export var verticalScrollOffset = function verticalScrollOffset(t) {
 
   return t.offsetTop - c.offsetTop;
 };
+export var horizontalScrollOffset = function horizontalScrollOffset(t) {
+  var c = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window;
+
+  if (c === window) {
+    var _t$getBoundingClientR2;
+
+    return ((t === null || t === void 0 ? void 0 : (_t$getBoundingClientR2 = t.getBoundingClientRect) === null || _t$getBoundingClientR2 === void 0 ? void 0 : _t$getBoundingClientR2.call(t).left) || 0) + (window.scrollX || window.pageXOffset);
+  }
+
+  if (getComputedStyle(c).position !== "static") {
+    return t.offsetLeft;
+  }
+
+  return t.offsetLeft - c.offsetLeft;
+};
 export var scrollElement = function scrollElement(element, container) {
   var offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-  var elemTop = verticalScrollOffset(element, container);
-  container.scrollTo({
-    top: elemTop - offset,
-    behavior: "smooth"
-  });
+  var direction = arguments.length > 3 ? arguments[3] : undefined;
+
+  if (direction === "row") {
+    var _container$scrollTo;
+
+    var elemLeft = horizontalScrollOffset(element, container);
+    container === null || container === void 0 ? void 0 : (_container$scrollTo = container.scrollTo) === null || _container$scrollTo === void 0 ? void 0 : _container$scrollTo.call(container, {
+      left: elemLeft - offset,
+      behavior: "smooth"
+    });
+  } else {
+    var _container$scrollTo2;
+
+    var elemTop = verticalScrollOffset(element, container);
+    container === null || container === void 0 ? void 0 : (_container$scrollTo2 = container.scrollTo) === null || _container$scrollTo2 === void 0 ? void 0 : _container$scrollTo2.call(container, {
+      top: elemTop - offset,
+      behavior: "smooth"
+    });
+  }
+
   element.focus({
     preventScroll: true
   });

package/dist/legacy/ScrollTo/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["getScrollTop","c","window","scrollY","pageYOffset","document","documentElement","scrollTop","body","verticalScrollOffset","t","getBoundingClientRect","top","getComputedStyle","position","offsetTop","scrollElement","element","container","offset","elemTop","scrollTo","behavior","focus","preventScroll","isScrolledToTheBottom","containerScrollTop","scrollHeight","innerHeight","offsetHeight","findFirstVisibleElement","options","boundsTop","i","length","ele","getElementById","value"],"sources":["../../../src/ScrollTo/utils.js"],"sourcesContent":["export const 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\nexport const 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\nexport const scrollElement = (element, container, offset = 0) => {\n  const elemTop = verticalScrollOffset(element, container);\n  container.scrollTo({\n    top: elemTop - offset,\n    behavior: \"smooth\",\n  });\n  element.focus({ preventScroll: true });\n};\n\nexport const 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\nexport const 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"],"mappings":"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"}
+{"version":3,"file":"utils.js","names":["getScrollTop","c","window","scrollY","pageYOffset","document","documentElement","scrollTop","body","verticalScrollOffset","t","getBoundingClientRect","top","getComputedStyle","position","offsetTop","horizontalScrollOffset","left","scrollX","pageXOffset","offsetLeft","scrollElement","element","container","offset","direction","elemLeft","scrollTo","behavior","elemTop","focus","preventScroll","isScrolledToTheBottom","containerScrollTop","scrollHeight","innerHeight","offsetHeight","findFirstVisibleElement","options","boundsTop","i","length","ele","getElementById","value"],"sources":["../../../src/ScrollTo/utils.js"],"sourcesContent":["export const 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\nexport const 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\nexport const horizontalScrollOffset = (t, c = window) => {\n  if (c === window) {\n    return (t?.getBoundingClientRect?.().left || 0) + (window.scrollX || window.pageXOffset);\n  }\n  if (getComputedStyle(c).position !== \"static\") {\n    return t.offsetLeft;\n  }\n\n  return t.offsetLeft - c.offsetLeft;\n};\n\nexport const scrollElement = (element, container, offset = 0, direction) => {\n  if (direction === \"row\") {\n    const elemLeft = horizontalScrollOffset(element, container);\n    container?.scrollTo?.({\n      left: elemLeft - offset,\n      behavior: \"smooth\",\n    });\n  } else {\n    const elemTop = verticalScrollOffset(element, container);\n    container?.scrollTo?.({\n      top: elemTop - offset,\n      behavior: \"smooth\",\n    });\n  }\n  element.focus({ preventScroll: true });\n};\n\nexport const 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\nexport const 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"],"mappings":"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"}

package/dist/legacy/Tag/Tag.js

@@ -15,13 +15,13 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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; }
 
-import React, { useMemo, useState } from "react";
+import React, { useState } from "react";
 import { Chip, withStyles, useTheme } from "@material-ui/core";
 import PropTypes from "prop-types";
 import clsx from "clsx";
 import { CloseXS } from "@hitachivantara/uikit-react-icons";
 import fade from "../utils/hexToRgbA";
-import { HvButton, HvTypography } from "..";
+import { HvButton } from "..";
 import styles from "./styles";
 import { getOnDeleteCallback, hasDeleteAction, hasClickAction } from "./utils";
 
@@ -51,8 +51,6 @@ var getColor = function getColor(theme, customColor, type) {
 
 
 var HvTag = function HvTag(props) {
-  var _HvTypography;
-
   var classes = props.classes,
       style = props.style,
       className = props.className,
@@ -112,17 +110,8 @@ var HvTag = function HvTag(props) {
       hover = _useState2[0],
       setHover = _useState2[1];
 
-  var chipLabel = useMemo(function () {
-    if (typeof label === "string") {
-      return _HvTypography || (_HvTypography = /*#__PURE__*/React.createElement(HvTypography, {
-        variant: "normalText"
-      }, label));
-    }
-
-    return label;
-  }, [label]);
   return /*#__PURE__*/React.createElement(Chip, _extends({
-    label: chipLabel,
+    label: label,
     className: clsx(classes.root, className),
     onMouseEnter: function onMouseEnter() {
       setHover(!!onClick);

package/dist/legacy/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","names":["React","useMemo","useState","Chip","withStyles","useTheme","PropTypes","clsx","CloseXS","fade","HvButton","HvTypography","styles","getOnDeleteCallback","hasDeleteAction","hasClickAction","getColor","theme","customColor","type","defaultSemanticColor","hv","palette","semantic","sema7","defaultCategoricalColor","viz","categorical","cviz1","backgroundColor","HvTag","props","classes","style","className","label","disabled","color","deleteIcon","onDelete","onClick","role","deleteButtonArialLabel","deleteButtonProps","others","getDeleteIcon","disabledSemanticColor","tabIndex","startIcon","tagButton","focusVisible","primary","primaryButton","cursor","undefined","height","inlineStyle","categoricalBackgroundColor","hover","setHover","chipLabel","root","boxShadow","chipRoot","clickable","categoricalDisabled","categoricalFocus","disabledDeleteIcon","propTypes","shape","string","titleOverflow","semanticTextColor","categoricalTextColor","deletable","isRequired","instanceOf","Object","node","bool","oneOf","func","name"],"sources":["../../../src/Tag/Tag.js"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\n\nimport { Chip, withStyles, useTheme } from \"@material-ui/core\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { CloseXS } from \"@hitachivantara/uikit-react-icons\";\nimport fade from \"../utils/hexToRgbA\";\n\nimport { HvButton, HvTypography } from \"..\";\n\nimport styles from \"./styles\";\n\nimport { getOnDeleteCallback, hasDeleteAction, hasClickAction } from \"./utils\";\n\nconst getColor = (theme, customColor, type) => {\n  const defaultSemanticColor = theme.hv.palette.semantic.sema7;\n  const defaultCategoricalColor = theme.hv.viz.palette.categorical.cviz1;\n\n  let backgroundColor;\n\n  if (type === \"semantic\") {\n    backgroundColor = theme.palette[customColor] || customColor || defaultSemanticColor;\n  }\n  if (type === \"categorical\") {\n    backgroundColor =\n      theme.hv.viz.palette.categorical[customColor] || customColor || defaultCategoricalColor;\n  }\n\n  return backgroundColor;\n};\n\n/**\n * A Tag is one word that describes a specific aspect of an asset. A single asset can have\n * multiple tags.\n * Use tags to highlight an item's status for quick recognition and navigation\n * Use color to indicate meanings that users can learn and recognize across products\n *\n * It leverages the Chip component from Material UI\n */\nconst HvTag = (props) => {\n  const {\n    classes,\n    style,\n    className,\n    label,\n    disabled,\n    type = \"semantic\",\n    color,\n    deleteIcon,\n    onDelete,\n    onClick,\n    role,\n    deleteButtonArialLabel = \"Delete tag\",\n    deleteButtonProps = {},\n    ...others\n  } = props;\n\n  const getDeleteIcon = () => {\n    const disabledSemanticColor = type === \"semantic\" ? \"atmo5\" : \"base2\";\n    const { tabIndex = 0 } = deleteButtonProps;\n\n    return (\n      <HvButton\n        classes={{\n          startIcon: classes.tagButton,\n          focusVisible: classes.focusVisible,\n          primary: classes.primaryButton,\n        }}\n        aria-label={deleteButtonArialLabel}\n        tabIndex={tabIndex}\n        {...deleteButtonProps}\n      >\n        <CloseXS\n          iconSize=\"XS\"\n          style={{\n            ...(disabled ? { cursor: \"not-allowed\" } : undefined),\n            height: 16,\n          }}\n          color={disabled ? disabledSemanticColor : \"base2\"}\n        />\n      </HvButton>\n    );\n  };\n\n  const theme = useTheme();\n\n  const inlineStyle = {\n    ...style,\n  };\n\n  let categoricalBackgroundColor;\n\n  if (type === \"semantic\") {\n    inlineStyle.backgroundColor = getColor(theme, color, type);\n  } else if (type === \"categorical\") {\n    categoricalBackgroundColor = getColor(theme, color, type);\n\n    inlineStyle.backgroundColor = fade(categoricalBackgroundColor, 0.3);\n  }\n\n  const [hover, setHover] = useState(false);\n\n  const chipLabel = useMemo(() => {\n    if (typeof label === \"string\") {\n      return <HvTypography variant=\"normalText\">{label}</HvTypography>;\n    }\n\n    return label;\n  }, [label]);\n\n  return (\n    <Chip\n      label={chipLabel}\n      className={clsx(classes.root, className)}\n      onMouseEnter={() => {\n        setHover(!!onClick);\n      }}\n      onMouseLeave={() => {\n        setHover(false);\n      }}\n      style={{\n        ...(disabled ? null : inlineStyle),\n        ...(hover && !disabled ? { boxShadow: `0 0 0 1pt ${categoricalBackgroundColor}` } : null),\n      }}\n      classes={{\n        root: clsx(classes.chipRoot, {\n          [classes.disabled]: disabled,\n          [classes.clickable]: !!onClick,\n          [classes.categorical]: type === \"categorical\",\n          [classes.categoricalFocus]: type === \"categorical\" && !disabled,\n          [classes.categoricalDisabled]: type === \"categorical\" && disabled,\n        }),\n        label: classes.label,\n        deleteIcon: clsx(classes.deleteIcon, {\n          [classes.disabledDeleteIcon]: disabled,\n        }),\n      }}\n      deleteIcon={(hasDeleteAction(onDelete) && deleteIcon) || getDeleteIcon()}\n      onDelete={getOnDeleteCallback(disabled, onDelete)}\n      onClick={disabled ? undefined : onClick}\n      role={role || (hasClickAction(onClick) ? \"button\" : undefined)}\n      tabIndex={hasDeleteAction(onDelete) ? undefined : 0}\n      {...others}\n    />\n  );\n};\n\nHvTag.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    chipRoot: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    tagButton: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    deleteIcon: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    disabledDeleteIcon: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    titleOverflow: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    categorical: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    categoricalDisabled: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    semanticTextColor: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    categoricalTextColor: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    deletable: PropTypes.string,\n    /**\n     * Styles applied to the component if has onClick.\n     */\n    clickable: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    focusVisible: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    primaryButton: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    categoricalFocus: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Inline styles to be applied to the root element.\n   */\n  style: PropTypes.instanceOf(Object),\n\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n\n  /**\n   * The label of the tag element.\n   *\n   */\n  label: PropTypes.node,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * The type of the tag element.\n   *\n   * A tag can be of semantic or categoric type\n   */\n  type: PropTypes.oneOf([\"semantic\", \"categorical\"]),\n\n  /**\n   * Background color to be applied to the tag\n   */\n  color: PropTypes.string,\n  /**\n   * Icon used to customize the delete icon in the Chip element\n   */\n  deleteIcon: PropTypes.node,\n\n  /**\n   * The callback fired when the delete icon is pressed.\n   * This function has to be provided to the component,\n   * in order to render the delete icon\n   */\n  onDelete: PropTypes.func,\n  /**\n   * Callback triggered when any item is clicked.\n   */\n  onClick: PropTypes.func,\n\n  /**\n   * The role of the element with an attributed event.\n   */\n  role: PropTypes.string,\n  /**\n   * Aria properties to apply to delete button in tag\n   */\n  deleteButtonArialLabel: PropTypes.string,\n  /**\n   * Props to apply to delete button\n   */\n  deleteButtonProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvTag\" })(HvTag);\n"],"mappings":"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"}
+{"version":3,"file":"Tag.js","names":["React","useState","Chip","withStyles","useTheme","PropTypes","clsx","CloseXS","fade","HvButton","styles","getOnDeleteCallback","hasDeleteAction","hasClickAction","getColor","theme","customColor","type","defaultSemanticColor","hv","palette","semantic","sema7","defaultCategoricalColor","viz","categorical","cviz1","backgroundColor","HvTag","props","classes","style","className","label","disabled","color","deleteIcon","onDelete","onClick","role","deleteButtonArialLabel","deleteButtonProps","others","getDeleteIcon","disabledSemanticColor","tabIndex","startIcon","tagButton","focusVisible","primary","primaryButton","cursor","undefined","height","inlineStyle","categoricalBackgroundColor","hover","setHover","root","boxShadow","chipRoot","clickable","categoricalDisabled","categoricalFocus","disabledDeleteIcon","propTypes","shape","string","titleOverflow","semanticTextColor","categoricalTextColor","deletable","isRequired","instanceOf","Object","node","bool","oneOf","func","name"],"sources":["../../../src/Tag/Tag.js"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { Chip, withStyles, useTheme } from \"@material-ui/core\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { CloseXS } from \"@hitachivantara/uikit-react-icons\";\nimport fade from \"../utils/hexToRgbA\";\n\nimport { HvButton } from \"..\";\n\nimport styles from \"./styles\";\n\nimport { getOnDeleteCallback, hasDeleteAction, hasClickAction } from \"./utils\";\n\nconst getColor = (theme, customColor, type) => {\n  const defaultSemanticColor = theme.hv.palette.semantic.sema7;\n  const defaultCategoricalColor = theme.hv.viz.palette.categorical.cviz1;\n\n  let backgroundColor;\n\n  if (type === \"semantic\") {\n    backgroundColor = theme.palette[customColor] || customColor || defaultSemanticColor;\n  }\n  if (type === \"categorical\") {\n    backgroundColor =\n      theme.hv.viz.palette.categorical[customColor] || customColor || defaultCategoricalColor;\n  }\n\n  return backgroundColor;\n};\n\n/**\n * A Tag is one word that describes a specific aspect of an asset. A single asset can have\n * multiple tags.\n * Use tags to highlight an item's status for quick recognition and navigation\n * Use color to indicate meanings that users can learn and recognize across products\n *\n * It leverages the Chip component from Material UI\n */\nconst HvTag = (props) => {\n  const {\n    classes,\n    style,\n    className,\n    label,\n    disabled,\n    type = \"semantic\",\n    color,\n    deleteIcon,\n    onDelete,\n    onClick,\n    role,\n    deleteButtonArialLabel = \"Delete tag\",\n    deleteButtonProps = {},\n    ...others\n  } = props;\n\n  const getDeleteIcon = () => {\n    const disabledSemanticColor = type === \"semantic\" ? \"atmo5\" : \"base2\";\n    const { tabIndex = 0 } = deleteButtonProps;\n\n    return (\n      <HvButton\n        classes={{\n          startIcon: classes.tagButton,\n          focusVisible: classes.focusVisible,\n          primary: classes.primaryButton,\n        }}\n        aria-label={deleteButtonArialLabel}\n        tabIndex={tabIndex}\n        {...deleteButtonProps}\n      >\n        <CloseXS\n          iconSize=\"XS\"\n          style={{\n            ...(disabled ? { cursor: \"not-allowed\" } : undefined),\n            height: 16,\n          }}\n          color={disabled ? disabledSemanticColor : \"base2\"}\n        />\n      </HvButton>\n    );\n  };\n\n  const theme = useTheme();\n\n  const inlineStyle = {\n    ...style,\n  };\n\n  let categoricalBackgroundColor;\n\n  if (type === \"semantic\") {\n    inlineStyle.backgroundColor = getColor(theme, color, type);\n  } else if (type === \"categorical\") {\n    categoricalBackgroundColor = getColor(theme, color, type);\n\n    inlineStyle.backgroundColor = fade(categoricalBackgroundColor, 0.3);\n  }\n\n  const [hover, setHover] = useState(false);\n\n  return (\n    <Chip\n      label={label}\n      className={clsx(classes.root, className)}\n      onMouseEnter={() => {\n        setHover(!!onClick);\n      }}\n      onMouseLeave={() => {\n        setHover(false);\n      }}\n      style={{\n        ...(disabled ? null : inlineStyle),\n        ...(hover && !disabled ? { boxShadow: `0 0 0 1pt ${categoricalBackgroundColor}` } : null),\n      }}\n      classes={{\n        root: clsx(classes.chipRoot, {\n          [classes.disabled]: disabled,\n          [classes.clickable]: !!onClick,\n          [classes.categorical]: type === \"categorical\",\n          [classes.categoricalFocus]: type === \"categorical\" && !disabled,\n          [classes.categoricalDisabled]: type === \"categorical\" && disabled,\n        }),\n        label: classes.label,\n        deleteIcon: clsx(classes.deleteIcon, {\n          [classes.disabledDeleteIcon]: disabled,\n        }),\n      }}\n      deleteIcon={(hasDeleteAction(onDelete) && deleteIcon) || getDeleteIcon()}\n      onDelete={getOnDeleteCallback(disabled, onDelete)}\n      onClick={disabled ? undefined : onClick}\n      role={role || (hasClickAction(onClick) ? \"button\" : undefined)}\n      tabIndex={hasDeleteAction(onDelete) ? undefined : 0}\n      {...others}\n    />\n  );\n};\n\nHvTag.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    chipRoot: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    tagButton: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    deleteIcon: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    disabledDeleteIcon: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    titleOverflow: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    categorical: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    categoricalDisabled: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    semanticTextColor: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    categoricalTextColor: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    deletable: PropTypes.string,\n    /**\n     * Styles applied to the component if has onClick.\n     */\n    clickable: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    focusVisible: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    primaryButton: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    categoricalFocus: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Inline styles to be applied to the root element.\n   */\n  style: PropTypes.instanceOf(Object),\n\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n\n  /**\n   * The label of the tag element.\n   *\n   */\n  label: PropTypes.node,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * The type of the tag element.\n   *\n   * A tag can be of semantic or categoric type\n   */\n  type: PropTypes.oneOf([\"semantic\", \"categorical\"]),\n\n  /**\n   * Background color to be applied to the tag\n   */\n  color: PropTypes.string,\n  /**\n   * Icon used to customize the delete icon in the Chip element\n   */\n  deleteIcon: PropTypes.node,\n\n  /**\n   * The callback fired when the delete icon is pressed.\n   * This function has to be provided to the component,\n   * in order to render the delete icon\n   */\n  onDelete: PropTypes.func,\n  /**\n   * Callback triggered when any item is clicked.\n   */\n  onClick: PropTypes.func,\n\n  /**\n   * The role of the element with an attributed event.\n   */\n  role: PropTypes.string,\n  /**\n   * Aria properties to apply to delete button in tag\n   */\n  deleteButtonArialLabel: PropTypes.string,\n  /**\n   * Props to apply to delete button\n   */\n  deleteButtonProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvTag\" })(HvTag);\n"],"mappings":"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"}

package/dist/legacy/Tag/styles.js

@@ -29,13 +29,15 @@ var styles = function styles(theme) {
     primaryButton: {
       background: "transparent"
     },
-    label: {
+    label: _objectSpread(_objectSpread({
       paddingLeft: theme.hv.spacing.xs,
-      paddingRight: theme.hv.spacing.xs,
+      paddingRight: theme.hv.spacing.xs
+    }, theme.hv.typography.normalText), {}, {
+      color: theme.palette.base2,
       "& p": {
         color: theme.hv.palette.base.base2
       }
-    },
+    }),
     tagButton: {
       width: 16,
       height: 16,

package/dist/legacy/Tag/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["fade","outlineStyles","styles","theme","root","chipRoot","height","borderRadius","maxWidth","backgroundColor","palette","base1","focusVisible","primaryButton","background","label","paddingLeft","hv","spacing","xs","paddingRight","color","base","base2","tagButton","width","minWidth","minHeight","padding","margin","deleteIcon","marginRight","outline","boxShadow","disabledDeleteIcon","atmosphere","atmo3","outlineOffset","titleOverflow","whiteSpace","overflow","textOverflow","categorical","cursor","accent","acce1","clickable","categoricalFocus","disabled","atmo5","categoricalDisabled","semanticTextColor","categoricalTextColor"],"sources":["../../../src/Tag/styles.js"],"sourcesContent":["import fade from \"../utils/hexToRgbA\";\nimport { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {},\n\n  chipRoot: {\n    height: 16,\n    borderRadius: 0,\n    maxWidth: 180,\n    \"& $focusVisible\": {\n      backgroundColor: fade(theme.palette.base1, 0.3),\n    },\n  },\n\n  focusVisible: {},\n\n  primaryButton: {\n    background: \"transparent\",\n  },\n\n  label: {\n    paddingLeft: theme.hv.spacing.xs,\n    paddingRight: theme.hv.spacing.xs,\n    \"& p\": {\n      color: theme.hv.palette.base.base2,\n    },\n  },\n\n  tagButton: {\n    width: 16,\n    height: 16,\n    minWidth: 16,\n    minHeight: 16,\n    padding: 0,\n    margin: 0,\n  },\n\n  deleteIcon: {\n    marginRight: 0,\n    width: 16,\n    height: 16,\n    minWidth: 16,\n    minHeight: 16,\n    padding: 0,\n    \"&:hover\": {\n      backgroundColor: fade(theme.palette.base1, 0.3),\n    },\n    \"&:focus\": {\n      ...outlineStyles,\n      borderRadius: 0,\n    },\n    \"&:focus:not(:focus-visible)\": {\n      outline: \"0 !important\",\n      boxShadow: \"none !important\",\n    },\n  },\n  disabledDeleteIcon: {\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    \"&:focus\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      outline: \"none\",\n      boxShadow: \"none\",\n      outlineOffset: 0,\n    },\n  },\n  titleOverflow: {\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n  },\n  categorical: {\n    borderRadius: 8,\n    \"&$clickable\": {\n      cursor: \"pointer\",\n    },\n    \"&:hover\": {\n      borderRadius: 8,\n    },\n    \"& $label > p\": {\n      color: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus:not(:focus-visible)\": {\n      outline: \"0 !important\",\n      boxShadow: \"none !important\",\n    },\n  },\n  clickable: {},\n\n  categoricalFocus: {\n    \"&:focus\": {\n      ...outlineStyles,\n    },\n  },\n\n  disabled: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    cursor: \"not-allowed\",\n    \"& $label > p\": {\n      color: theme.hv.palette.atmosphere.atmo5,\n    },\n  },\n\n  categoricalDisabled: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    cursor: \"not-allowed\",\n    \"& $label > p\": {\n      color: theme.hv.palette.atmosphere.atmo5,\n    },\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n  },\n\n  semanticTextColor: {\n    color: theme.hv.palette.base.base2,\n  },\n  categoricalTextColor: {\n    color: theme.hv.palette.accent.acce1,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,IAAP,MAAiB,oBAAjB;AACA,SAASC,aAAT,QAA8B,iBAA9B;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE,EADmB;IAGzBC,QAAQ,EAAE;MACRC,MAAM,EAAE,EADA;MAERC,YAAY,EAAE,CAFN;MAGRC,QAAQ,EAAE,GAHF;MAIR,mBAAmB;QACjBC,eAAe,EAAET,IAAI,CAACG,KAAK,CAACO,OAAN,CAAcC,KAAf,EAAsB,GAAtB;MADJ;IAJX,CAHe;IAYzBC,YAAY,EAAE,EAZW;IAczBC,aAAa,EAAE;MACbC,UAAU,EAAE;IADC,CAdU;IAkBzBC,KAAK,EAAE;MACLC,WAAW,EAAEb,KAAK,CAACc,EAAN,CAASC,OAAT,CAAiBC,EADzB;MAELC,YAAY,EAAEjB,KAAK,CAACc,EAAN,CAASC,OAAT,CAAiBC,EAF1B;MAGL,OAAO;QACLE,KAAK,EAAElB,KAAK,CAACc,EAAN,CAASP,OAAT,CAAiBY,IAAjB,CAAsBC;MADxB;IAHF,CAlBkB;IA0BzBC,SAAS,EAAE;MACTC,KAAK,EAAE,EADE;MAETnB,MAAM,EAAE,EAFC;MAGToB,QAAQ,EAAE,EAHD;MAITC,SAAS,EAAE,EAJF;MAKTC,OAAO,EAAE,CALA;MAMTC,MAAM,EAAE;IANC,CA1Bc;IAmCzBC,UAAU,EAAE;MACVC,WAAW,EAAE,CADH;MAEVN,KAAK,EAAE,EAFG;MAGVnB,MAAM,EAAE,EAHE;MAIVoB,QAAQ,EAAE,EAJA;MAKVC,SAAS,EAAE,EALD;MAMVC,OAAO,EAAE,CANC;MAOV,WAAW;QACTnB,eAAe,EAAET,IAAI,CAACG,KAAK,CAACO,OAAN,CAAcC,KAAf,EAAsB,GAAtB;MADZ,CAPD;MAUV,2CACKV,aADL;QAEEM,YAAY,EAAE;MAFhB,EAVU;MAcV,+BAA+B;QAC7ByB,OAAO,EAAE,cADoB;QAE7BC,SAAS,EAAE;MAFkB;IAdrB,CAnCa;IAsDzBC,kBAAkB,EAAE;MAClB,WAAW;QACTzB,eAAe,EAAEN,KAAK,CAACc,EAAN,CAASP,OAAT,CAAiByB,UAAjB,CAA4BC;MADpC,CADO;MAIlB,WAAW;QACT3B,eAAe,EAAEN,KAAK,CAACc,EAAN,CAASP,OAAT,CAAiByB,UAAjB,CAA4BC,KADpC;QAETJ,OAAO,EAAE,MAFA;QAGTC,SAAS,EAAE,MAHF;QAITI,aAAa,EAAE;MAJN;IAJO,CAtDK;IAiEzBC,aAAa,EAAE;MACbC,UAAU,EAAE,QADC;MAEbC,QAAQ,EAAE,QAFG;MAGbC,YAAY,EAAE;IAHD,CAjEU;IAsEzBC,WAAW,EAAE;MACXnC,YAAY,EAAE,CADH;MAEX,eAAe;QACboC,MAAM,EAAE;MADK,CAFJ;MAKX,WAAW;QACTpC,YAAY,EAAE;MADL,CALA;MAQX,gBAAgB;QACdc,KAAK,EAAElB,KAAK,CAACc,EAAN,CAASP,OAAT,CAAiBkC,MAAjB,CAAwBC;MADjB,CARL;MAWX,+BAA+B;QAC7Bb,OAAO,EAAE,cADoB;QAE7BC,SAAS,EAAE;MAFkB;IAXpB,CAtEY;IAsFzBa,SAAS,EAAE,EAtFc;IAwFzBC,gBAAgB,EAAE;MAChB,6BACK9C,aADL;IADgB,CAxFO;IA8FzB+C,QAAQ,EAAE;MACRvC,eAAe,EAAEN,KAAK,CAACc,EAAN,CAASP,OAAT,CAAiByB,UAAjB,CAA4BC,KADrC;MAERO,MAAM,EAAE,aAFA;MAGR,gBAAgB;QACdtB,KAAK,EAAElB,KAAK,CAACc,EAAN,CAASP,OAAT,CAAiByB,UAAjB,CAA4Bc;MADrB;IAHR,CA9Fe;IAsGzBC,mBAAmB,EAAE;MACnBzC,eAAe,EAAEN,KAAK,CAACc,EAAN,CAASP,OAAT,CAAiByB,UAAjB,CAA4BC,KAD1B;MAEnBO,MAAM,EAAE,aAFW;MAGnB,gBAAgB;QACdtB,KAAK,EAAElB,KAAK,CAACc,EAAN,CAASP,OAAT,CAAiByB,UAAjB,CAA4Bc;MADrB,CAHG;MAMnB,WAAW;QACTxC,eAAe,EAAEN,KAAK,CAACc,EAAN,CAASP,OAAT,CAAiByB,UAAjB,CAA4BC;MADpC,CANQ;MASnB,WAAW;QACTJ,OAAO,EAAE;MADA;IATQ,CAtGI;IAoHzBmB,iBAAiB,EAAE;MACjB9B,KAAK,EAAElB,KAAK,CAACc,EAAN,CAASP,OAAT,CAAiBY,IAAjB,CAAsBC;IADZ,CApHM;IAuHzB6B,oBAAoB,EAAE;MACpB/B,KAAK,EAAElB,KAAK,CAACc,EAAN,CAASP,OAAT,CAAiBkC,MAAjB,CAAwBC;IADX;EAvHG,CAAZ;AAAA,CAAf;;AA4HA,eAAe3C,MAAf"}
+{"version":3,"file":"styles.js","names":["fade","outlineStyles","styles","theme","root","chipRoot","height","borderRadius","maxWidth","backgroundColor","palette","base1","focusVisible","primaryButton","background","label","paddingLeft","hv","spacing","xs","paddingRight","typography","normalText","color","base2","base","tagButton","width","minWidth","minHeight","padding","margin","deleteIcon","marginRight","outline","boxShadow","disabledDeleteIcon","atmosphere","atmo3","outlineOffset","titleOverflow","whiteSpace","overflow","textOverflow","categorical","cursor","accent","acce1","clickable","categoricalFocus","disabled","atmo5","categoricalDisabled","semanticTextColor","categoricalTextColor"],"sources":["../../../src/Tag/styles.js"],"sourcesContent":["import fade from \"../utils/hexToRgbA\";\nimport { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {},\n\n  chipRoot: {\n    height: 16,\n    borderRadius: 0,\n    maxWidth: 180,\n    \"& $focusVisible\": {\n      backgroundColor: fade(theme.palette.base1, 0.3),\n    },\n  },\n\n  focusVisible: {},\n\n  primaryButton: {\n    background: \"transparent\",\n  },\n\n  label: {\n    paddingLeft: theme.hv.spacing.xs,\n    paddingRight: theme.hv.spacing.xs,\n    ...theme.hv.typography.normalText,\n    color: theme.palette.base2,\n    \"& p\": {\n      color: theme.hv.palette.base.base2,\n    },\n  },\n\n  tagButton: {\n    width: 16,\n    height: 16,\n    minWidth: 16,\n    minHeight: 16,\n    padding: 0,\n    margin: 0,\n  },\n\n  deleteIcon: {\n    marginRight: 0,\n    width: 16,\n    height: 16,\n    minWidth: 16,\n    minHeight: 16,\n    padding: 0,\n    \"&:hover\": {\n      backgroundColor: fade(theme.palette.base1, 0.3),\n    },\n    \"&:focus\": {\n      ...outlineStyles,\n      borderRadius: 0,\n    },\n    \"&:focus:not(:focus-visible)\": {\n      outline: \"0 !important\",\n      boxShadow: \"none !important\",\n    },\n  },\n  disabledDeleteIcon: {\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    \"&:focus\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      outline: \"none\",\n      boxShadow: \"none\",\n      outlineOffset: 0,\n    },\n  },\n  titleOverflow: {\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n  },\n  categorical: {\n    borderRadius: 8,\n    \"&$clickable\": {\n      cursor: \"pointer\",\n    },\n    \"&:hover\": {\n      borderRadius: 8,\n    },\n    \"& $label > p\": {\n      color: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus:not(:focus-visible)\": {\n      outline: \"0 !important\",\n      boxShadow: \"none !important\",\n    },\n  },\n  clickable: {},\n\n  categoricalFocus: {\n    \"&:focus\": {\n      ...outlineStyles,\n    },\n  },\n\n  disabled: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    cursor: \"not-allowed\",\n    \"& $label > p\": {\n      color: theme.hv.palette.atmosphere.atmo5,\n    },\n  },\n\n  categoricalDisabled: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    cursor: \"not-allowed\",\n    \"& $label > p\": {\n      color: theme.hv.palette.atmosphere.atmo5,\n    },\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n  },\n\n  semanticTextColor: {\n    color: theme.hv.palette.base.base2,\n  },\n  categoricalTextColor: {\n    color: theme.hv.palette.accent.acce1,\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}

package/dist/modern/Banner/BannerContent/BannerContent.d.ts

@@ -17,9 +17,9 @@ export type HvBannerContentClassKey =
   | SemanticVariantTypes;
 
 export interface HvBannerContentProps
-  extends StandardProps<SnackbarContentProps, HvBannerContentClassKey>,
+  extends StandardProps<SnackbarContentProps, HvBannerContentClassKey, "variant">,
     HvActionsGenericCommonProps,
-    Pick<NotificationsCommonProps, "showIcon" | "customIcon"> {
+    Pick<NotificationsCommonProps, "showIcon" | "customIcon" | "variant"> {
   /**
    * The position property of the header.
    */

package/dist/modern/BaseSwitch/BaseSwitch.d.ts

@@ -1,6 +1,6 @@
 import { StandardProps, SwitchProps } from "@material-ui/core";
 
-export type HvBaseSwitchClassKey = "root" | "disabled";
+export type HvBaseSwitchClassKey = "root" | "disabled" | "readOnly";
 
 export interface HvBaseSwitchProps
   extends StandardProps<SwitchProps, HvBaseSwitchClassKey, "onChange"> {

package/dist/modern/BaseSwitch/BaseSwitch.js

@@ -52,7 +52,7 @@ const HvBaseSwitch = props => {
   return /*#__PURE__*/React.createElement(Switch, _extends({
     id: id,
     name: name,
-    className: clsx(className, classes.root, disabled && classes.disabled, focusVisible && classes.focusVisible),
+    className: clsx(className, classes.root, disabled && classes.disabled, readOnly && classes.readOnly, focusVisible && classes.focusVisible),
     color: "default",
     disabled: disabled,
     required: required,
@@ -96,6 +96,11 @@ process.env.NODE_ENV !== "production" ? HvBaseSwitch.propTypes = {
      */
     disabled: PropTypes.string,
 
+    /**
+     * Styles applied to the switch when it is in read only mode.
+     */
+    readOnly: PropTypes.string,
+
     /**
      * Styles applied to the internal Switch component's root class.
      */

package/dist/modern/BaseSwitch/BaseSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseSwitch.js","names":["React","useState","useCallback","PropTypes","clsx","Switch","withStyles","styles","HvBaseSwitch","props","classes","className","id","name","value","required","readOnly","disabled","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","focusVisible","setFocusVisible","onFocusVisibleCallback","evt","onBlurCallback","onLocalChange","target","root","switch","switchBase","track","thumb","propTypes","string","shape","isRequired","any","bool","func","instanceOf","Object"],"sources":["../../../src/BaseSwitch/BaseSwitch.js"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { Switch, withStyles } from \"@material-ui/core\";\n\nimport styles from \"./styles\";\n\n/**\n * A Switch is <b>binary</b> and work as a digital on/off button.\n *\n * The Base Switch is a building block of the Switch form element. Don't use unless\n * implementing a custom use case not covered by the Switch form element.\n */\nconst HvBaseSwitch = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    checked,\n    defaultChecked,\n\n    onChange,\n\n    inputProps,\n\n    onFocusVisible,\n    onBlur,\n\n    ...others\n  } = props;\n\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const onFocusVisibleCallback = useCallback(\n    (evt) => {\n      setFocusVisible(true);\n      onFocusVisible?.(evt);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (evt) => {\n      setFocusVisible(false);\n      onBlur?.(evt);\n    },\n    [onBlur]\n  );\n\n  const onLocalChange = useCallback(\n    (evt) => {\n      if (readOnly) {\n        return;\n      }\n\n      onChange?.(evt, evt.target.checked, value);\n    },\n    [onChange, readOnly, value]\n  );\n\n  return (\n    <Switch\n      id={id}\n      name={name}\n      className={clsx(className, classes.root, {\n        [classes.disabled]: disabled,\n        [classes.focusVisible]: focusVisible,\n      })}\n      color=\"default\"\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      disableRipple\n      onChange={onLocalChange}\n      value={value}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      classes={{\n        root: classes.switch,\n        switchBase: classes.switchBase,\n        checked: classes.checked,\n        track: classes.track,\n        thumb: classes.thumb,\n        disabled: classes.disabled,\n      }}\n      inputProps={inputProps}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n};\n\nHvBaseSwitch.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 to the switch.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the switch when it is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the internal Switch component's root class.\n     */\n    switch: PropTypes.string,\n    /**\n     * Styles applied to the internal SwitchBase component's root class.\n     */\n    switchBase: PropTypes.string,\n    /**\n     * Pseudo-class applied to the internal SwitchBase component's checked class.\n     */\n    checked: PropTypes.string,\n    /**\n     * Styles applied to the track element.\n     */\n    track: PropTypes.string,\n    /**\n     * Styles used to create the thumb passed to the internal SwitchBase component icon prop.\n     */\n    thumb: PropTypes.string,\n    /**\n     * Class applied to the root element if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The input name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the input.\n   *\n   * Is up to the application's logic when to consider the submission of this value.\n   * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\n  /**\n   * Indicates that user input is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * Indicates that the input is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that the input is disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * If `true` the switch is selected, if set to `false` the switch is not selected.\n   *\n   * When defined the switch state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: PropTypes.bool,\n\n  /**\n   * The callback fired when the switch is pressed.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n\n  /**\n   * Callback fired when the component is focused with a keyboard.\n   * We trigger a `onFocus` callback too.\n   */\n  onFocusVisible: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvBaseSwitch\" })(HvBaseSwitch);\n"],"mappings":"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"}
+{"version":3,"file":"BaseSwitch.js","names":["React","useState","useCallback","PropTypes","clsx","Switch","withStyles","styles","HvBaseSwitch","props","classes","className","id","name","value","required","readOnly","disabled","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","focusVisible","setFocusVisible","onFocusVisibleCallback","evt","onBlurCallback","onLocalChange","target","root","switch","switchBase","track","thumb","propTypes","string","shape","isRequired","any","bool","func","instanceOf","Object"],"sources":["../../../src/BaseSwitch/BaseSwitch.js"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { Switch, withStyles } from \"@material-ui/core\";\n\nimport styles from \"./styles\";\n\n/**\n * A Switch is <b>binary</b> and work as a digital on/off button.\n *\n * The Base Switch is a building block of the Switch form element. Don't use unless\n * implementing a custom use case not covered by the Switch form element.\n */\nconst HvBaseSwitch = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    checked,\n    defaultChecked,\n\n    onChange,\n\n    inputProps,\n\n    onFocusVisible,\n    onBlur,\n\n    ...others\n  } = props;\n\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const onFocusVisibleCallback = useCallback(\n    (evt) => {\n      setFocusVisible(true);\n      onFocusVisible?.(evt);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (evt) => {\n      setFocusVisible(false);\n      onBlur?.(evt);\n    },\n    [onBlur]\n  );\n\n  const onLocalChange = useCallback(\n    (evt) => {\n      if (readOnly) {\n        return;\n      }\n\n      onChange?.(evt, evt.target.checked, value);\n    },\n    [onChange, readOnly, value]\n  );\n\n  return (\n    <Switch\n      id={id}\n      name={name}\n      className={clsx(className, classes.root, {\n        [classes.disabled]: disabled,\n        [classes.readOnly]: readOnly,\n        [classes.focusVisible]: focusVisible,\n      })}\n      color=\"default\"\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      disableRipple\n      onChange={onLocalChange}\n      value={value}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      classes={{\n        root: classes.switch,\n        switchBase: classes.switchBase,\n        checked: classes.checked,\n        track: classes.track,\n        thumb: classes.thumb,\n        disabled: classes.disabled,\n      }}\n      inputProps={inputProps}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n};\n\nHvBaseSwitch.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 to the switch.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the switch when it is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the switch when it is in read only mode.\n     */\n    readOnly: PropTypes.string,\n    /**\n     * Styles applied to the internal Switch component's root class.\n     */\n    switch: PropTypes.string,\n    /**\n     * Styles applied to the internal SwitchBase component's root class.\n     */\n    switchBase: PropTypes.string,\n    /**\n     * Pseudo-class applied to the internal SwitchBase component's checked class.\n     */\n    checked: PropTypes.string,\n    /**\n     * Styles applied to the track element.\n     */\n    track: PropTypes.string,\n    /**\n     * Styles used to create the thumb passed to the internal SwitchBase component icon prop.\n     */\n    thumb: PropTypes.string,\n    /**\n     * Class applied to the root element if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The input name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the input.\n   *\n   * Is up to the application's logic when to consider the submission of this value.\n   * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\n  /**\n   * Indicates that user input is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * Indicates that the input is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that the input is disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * If `true` the switch is selected, if set to `false` the switch is not selected.\n   *\n   * When defined the switch state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: PropTypes.bool,\n\n  /**\n   * The callback fired when the switch is pressed.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n\n  /**\n   * Callback fired when the component is focused with a keyboard.\n   * We trigger a `onFocus` callback too.\n   */\n  onFocusVisible: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvBaseSwitch\" })(HvBaseSwitch);\n"],"mappings":"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"}

package/dist/modern/BaseSwitch/styles.js

@@ -21,7 +21,10 @@ const styles = theme => ({
   switch: {
     padding: 0,
     width: switchWidth,
-    height: 16
+    height: 16,
+    "&$readOnly $switchBase": {
+      cursor: "default"
+    }
   },
   switchBase: {
     width: switchWidth,
@@ -72,6 +75,7 @@ const styles = theme => ({
       opacity: 1
     }
   },
+  readOnly: {},
   focusVisible: _objectSpread({
     borderRadius: "8px"
   }, outlineStyles)

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["outlineStyles","switchWidth","thumbPosition","position","left","width","height","styles","theme","root","padding","cursor","switch","switchBase","backgroundColor","transform","opacity","hv","palette","accent","acce1","track","borderRadius","border","atmosphere","atmo2","thumb","atmo1","marginLeft","marginTop","checked","disabled","atmo3","atmo5","focusVisible"],"sources":["../../../src/BaseSwitch/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst switchWidth = 32;\n\nconst thumbPosition = {\n  position: \"relative\",\n  left: -9,\n  width: 12,\n  height: 12,\n};\n\nconst styles = (theme) => ({\n  root: {\n    padding: 0,\n    cursor: \"pointer\",\n  },\n\n  switch: {\n    padding: 0,\n    width: switchWidth,\n    height: 16,\n  },\n\n  switchBase: {\n    width: switchWidth,\n    height: 16,\n    padding: 0,\n\n    // increase CSS specificity\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&$checked\": {\n      transform: \"translateX(16px)\",\n      \"& + $track\": {\n        opacity: 1,\n        backgroundColor: theme.hv.palette.accent.acce1,\n      },\n      \"&:hover\": {\n        backgroundColor: \"transparent\",\n      },\n    },\n  },\n\n  track: {\n    opacity: 1,\n    borderRadius: 15,\n    left: 17,\n    height: 16,\n    border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n    backgroundColor: theme.hv.palette.atmosphere.atmo2,\n  },\n\n  thumb: {\n    ...thumbPosition,\n    border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    marginLeft: 2,\n    marginTop: 0,\n  },\n\n  checked: {},\n\n  disabled: {\n    cursor: \"not-allowed\",\n\n    \"& $switch\": {\n      cursor: \"not-allowed\",\n    },\n\n    \"& $thumb\": {\n      backgroundColor: `${theme.hv.palette.atmosphere.atmo3}`,\n      border: `solid 1px ${theme.hv.palette.atmosphere.atmo5}`,\n    },\n\n    \"& $switchBase + $track\": {\n      backgroundColor: `${theme.hv.palette.atmosphere.atmo3}`,\n      border: `solid 1px ${theme.hv.palette.atmosphere.atmo5}`,\n      opacity: 1,\n    },\n  },\n\n  focusVisible: {\n    borderRadius: \"8px\",\n    ...outlineStyles,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,SAASA,aAAT,QAA8B,iBAA9B;AAEA,MAAMC,WAAW,GAAG,EAApB;AAEA,MAAMC,aAAa,GAAG;EACpBC,QAAQ,EAAE,UADU;EAEpBC,IAAI,EAAE,CAAC,CAFa;EAGpBC,KAAK,EAAE,EAHa;EAIpBC,MAAM,EAAE;AAJY,CAAtB;;AAOA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,CADL;IAEJC,MAAM,EAAE;EAFJ,CADmB;EAMzBC,MAAM,EAAE;IACNF,OAAO,EAAE,CADH;IAENL,KAAK,EAAEJ,WAFD;IAGNK,MAAM,EAAE;EAHF,CANiB;EAYzBO,UAAU,EAAE;IACVR,KAAK,EAAEJ,WADG;IAEVK,MAAM,EAAE,EAFE;IAGVI,OAAO,EAAE,CAHC;IAKV;IACA,WAAW;MACTI,eAAe,EAAE;IADR,CAND;IASV,aAAa;MACXC,SAAS,EAAE,kBADA;MAEX,cAAc;QACZC,OAAO,EAAE,CADG;QAEZF,eAAe,EAAEN,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC;MAF7B,CAFH;MAMX,WAAW;QACTN,eAAe,EAAE;MADR;IANA;EATH,CAZa;EAiCzBO,KAAK,EAAE;IACLL,OAAO,EAAE,CADJ;IAELM,YAAY,EAAE,EAFT;IAGLlB,IAAI,EAAE,EAHD;IAILE,MAAM,EAAE,EAJH;IAKLiB,MAAM,EAAG,aAAYf,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAAM,EAL9C;IAMLN,eAAe,EAAEN,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BC;EANxC,CAjCkB;EA0CzBC,KAAK,kCACAxB,aADA;IAEHqB,MAAM,EAAG,aAAYf,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAAM,EAFhD;IAGHN,eAAe,EAAEN,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BG,KAH1C;IAIHC,UAAU,EAAE,CAJT;IAKHC,SAAS,EAAE;EALR,EA1CoB;EAkDzBC,OAAO,EAAE,EAlDgB;EAoDzBC,QAAQ,EAAE;IACRpB,MAAM,EAAE,aADA;IAGR,aAAa;MACXA,MAAM,EAAE;IADG,CAHL;IAOR,YAAY;MACVG,eAAe,EAAG,GAAEN,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BQ,KAAM,EAD5C;MAEVT,MAAM,EAAG,aAAYf,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BS,KAAM;IAF7C,CAPJ;IAYR,0BAA0B;MACxBnB,eAAe,EAAG,GAAEN,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BQ,KAAM,EAD9B;MAExBT,MAAM,EAAG,aAAYf,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BS,KAAM,EAF/B;MAGxBjB,OAAO,EAAE;IAHe;EAZlB,CApDe;EAuEzBkB,YAAY;IACVZ,YAAY,EAAE;EADJ,GAEPtB,aAFO;AAvEa,CAAZ,CAAf;;AA6EA,eAAeO,MAAf"}
+{"version":3,"file":"styles.js","names":["outlineStyles","switchWidth","thumbPosition","position","left","width","height","styles","theme","root","padding","cursor","switch","switchBase","backgroundColor","transform","opacity","hv","palette","accent","acce1","track","borderRadius","border","atmosphere","atmo2","thumb","atmo1","marginLeft","marginTop","checked","disabled","atmo3","atmo5","readOnly","focusVisible"],"sources":["../../../src/BaseSwitch/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst switchWidth = 32;\n\nconst thumbPosition = {\n  position: \"relative\",\n  left: -9,\n  width: 12,\n  height: 12,\n};\n\nconst styles = (theme) => ({\n  root: {\n    padding: 0,\n    cursor: \"pointer\",\n  },\n\n  switch: {\n    padding: 0,\n    width: switchWidth,\n    height: 16,\n\n    \"&$readOnly $switchBase\": {\n      cursor: \"default\",\n    },\n  },\n\n  switchBase: {\n    width: switchWidth,\n    height: 16,\n    padding: 0,\n\n    // increase CSS specificity\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&$checked\": {\n      transform: \"translateX(16px)\",\n      \"& + $track\": {\n        opacity: 1,\n        backgroundColor: theme.hv.palette.accent.acce1,\n      },\n      \"&:hover\": {\n        backgroundColor: \"transparent\",\n      },\n    },\n  },\n\n  track: {\n    opacity: 1,\n    borderRadius: 15,\n    left: 17,\n    height: 16,\n    border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n    backgroundColor: theme.hv.palette.atmosphere.atmo2,\n  },\n\n  thumb: {\n    ...thumbPosition,\n    border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    marginLeft: 2,\n    marginTop: 0,\n  },\n\n  checked: {},\n\n  disabled: {\n    cursor: \"not-allowed\",\n\n    \"& $switch\": {\n      cursor: \"not-allowed\",\n    },\n\n    \"& $thumb\": {\n      backgroundColor: `${theme.hv.palette.atmosphere.atmo3}`,\n      border: `solid 1px ${theme.hv.palette.atmosphere.atmo5}`,\n    },\n\n    \"& $switchBase + $track\": {\n      backgroundColor: `${theme.hv.palette.atmosphere.atmo3}`,\n      border: `solid 1px ${theme.hv.palette.atmosphere.atmo5}`,\n      opacity: 1,\n    },\n  },\n\n  readOnly: {},\n\n  focusVisible: {\n    borderRadius: \"8px\",\n    ...outlineStyles,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,SAASA,aAAT,QAA8B,iBAA9B;AAEA,MAAMC,WAAW,GAAG,EAApB;AAEA,MAAMC,aAAa,GAAG;EACpBC,QAAQ,EAAE,UADU;EAEpBC,IAAI,EAAE,CAAC,CAFa;EAGpBC,KAAK,EAAE,EAHa;EAIpBC,MAAM,EAAE;AAJY,CAAtB;;AAOA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,CADL;IAEJC,MAAM,EAAE;EAFJ,CADmB;EAMzBC,MAAM,EAAE;IACNF,OAAO,EAAE,CADH;IAENL,KAAK,EAAEJ,WAFD;IAGNK,MAAM,EAAE,EAHF;IAKN,0BAA0B;MACxBK,MAAM,EAAE;IADgB;EALpB,CANiB;EAgBzBE,UAAU,EAAE;IACVR,KAAK,EAAEJ,WADG;IAEVK,MAAM,EAAE,EAFE;IAGVI,OAAO,EAAE,CAHC;IAKV;IACA,WAAW;MACTI,eAAe,EAAE;IADR,CAND;IASV,aAAa;MACXC,SAAS,EAAE,kBADA;MAEX,cAAc;QACZC,OAAO,EAAE,CADG;QAEZF,eAAe,EAAEN,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC;MAF7B,CAFH;MAMX,WAAW;QACTN,eAAe,EAAE;MADR;IANA;EATH,CAhBa;EAqCzBO,KAAK,EAAE;IACLL,OAAO,EAAE,CADJ;IAELM,YAAY,EAAE,EAFT;IAGLlB,IAAI,EAAE,EAHD;IAILE,MAAM,EAAE,EAJH;IAKLiB,MAAM,EAAG,aAAYf,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAAM,EAL9C;IAMLN,eAAe,EAAEN,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BC;EANxC,CArCkB;EA8CzBC,KAAK,kCACAxB,aADA;IAEHqB,MAAM,EAAG,aAAYf,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAAM,EAFhD;IAGHN,eAAe,EAAEN,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BG,KAH1C;IAIHC,UAAU,EAAE,CAJT;IAKHC,SAAS,EAAE;EALR,EA9CoB;EAsDzBC,OAAO,EAAE,EAtDgB;EAwDzBC,QAAQ,EAAE;IACRpB,MAAM,EAAE,aADA;IAGR,aAAa;MACXA,MAAM,EAAE;IADG,CAHL;IAOR,YAAY;MACVG,eAAe,EAAG,GAAEN,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BQ,KAAM,EAD5C;MAEVT,MAAM,EAAG,aAAYf,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BS,KAAM;IAF7C,CAPJ;IAYR,0BAA0B;MACxBnB,eAAe,EAAG,GAAEN,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BQ,KAAM,EAD9B;MAExBT,MAAM,EAAG,aAAYf,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BS,KAAM,EAF/B;MAGxBjB,OAAO,EAAE;IAHe;EAZlB,CAxDe;EA2EzBkB,QAAQ,EAAE,EA3Ee;EA6EzBC,YAAY;IACVb,YAAY,EAAE;EADJ,GAEPtB,aAFO;AA7Ea,CAAZ,CAAf;;AAmFA,eAAeO,MAAf"}

package/dist/modern/ScrollTo/useScrollTo.js

@@ -2,7 +2,7 @@ import "core-js/modules/web.dom-collections.iterator.js";
 import { useEffect, useRef, useState, useCallback } from "react";
 import { verticalScrollOffset, findFirstVisibleElement, isScrolledToTheBottom, getScrollTop, scrollElement } from "./utils";
 
-const useScrollTo = (selectedIndexProp = 0, scrollElementId, href, offset = 0, options, onChange) => {
+const useScrollTo = (selectedIndexProp = 0, scrollElementId, href, offset = 0, options, onChange, direction = "column") => {
   const RETRY_MAX = 5;
   const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);
   const scrollEle = useRef();
@@ -114,7 +114,7 @@ const useScrollTo = (selectedIndexProp = 0, scrollElementId, href, offset = 0, o
       const ele = document.getElementById(id);
 
       if (ele) {
-        scrollElement(ele, scrollEle.current, option.offset || offset);
+        scrollElement(ele, scrollEle.current, option.offset || offset, direction);
       }
 
       if (href) {

package/dist/modern/ScrollTo/useScrollTo.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollTo.js","names":["useEffect","useRef","useState","useCallback","verticalScrollOffset","findFirstVisibleElement","isScrolledToTheBottom","getScrollTop","scrollElement","useScrollTo","selectedIndexProp","scrollElementId","href","offset","options","onChange","RETRY_MAX","selectedIndex","setSelectedIndex","scrollEle","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","current","document","getElementById","window","checkScroll","event","requestAnimationFrame","firstVisibleElementIndex","newSelectedIndex","length","containerScrollTop","isScrollingDown","addEventListener","removeEventListener","cancelAnimationFrame","checkRenderedInterval","hashValue","location","hash","split","option","find","o","value","retry","setInterval","ele","clearInterval","setScrollTo","id","index","wrappedOnChange","history","pushState"],"sources":["../../../src/ScrollTo/useScrollTo.js"],"sourcesContent":["import { useEffect, useRef, useState, useCallback } from \"react\";\nimport {\n  verticalScrollOffset,\n  findFirstVisibleElement,\n  isScrolledToTheBottom,\n  getScrollTop,\n  scrollElement,\n} from \"./utils\";\n\nconst useScrollTo = (\n  selectedIndexProp = 0,\n  scrollElementId,\n  href,\n  offset = 0,\n  options,\n  onChange\n) => {\n  const RETRY_MAX = 5;\n  const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);\n\n  const scrollEle = useRef();\n  const requestedAnimationFrame = useRef(0);\n  const lastContainerScrollTop = useRef();\n\n  // ref to use a often-changing value in useCallback, as 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  useEffect(() => {\n    scrollEle.current = (scrollElementId && document.getElementById(scrollElementId)) || window;\n    lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);\n  }, [scrollElementId]);\n\n  const checkScroll = useCallback(\n    (event) => {\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          onChange?.(event, newSelectedIndex);\n        });\n      }\n    },\n    [offset, options, onChange]\n  );\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 setScrollTo = (event, id, index, wrappedOnChange) => {\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) {\n        window.history.pushState({}, \"\", `#${options[index].value}`);\n      }\n\n      setSelectedIndex(index);\n      wrappedOnChange?.(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  return [selectedIndex, setScrollTo];\n};\n\nexport default useScrollTo;\n"],"mappings":"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"}
+{"version":3,"file":"useScrollTo.js","names":["useEffect","useRef","useState","useCallback","verticalScrollOffset","findFirstVisibleElement","isScrolledToTheBottom","getScrollTop","scrollElement","useScrollTo","selectedIndexProp","scrollElementId","href","offset","options","onChange","direction","RETRY_MAX","selectedIndex","setSelectedIndex","scrollEle","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","current","document","getElementById","window","checkScroll","event","requestAnimationFrame","firstVisibleElementIndex","newSelectedIndex","length","containerScrollTop","isScrollingDown","addEventListener","removeEventListener","cancelAnimationFrame","checkRenderedInterval","hashValue","location","hash","split","option","find","o","value","retry","setInterval","ele","clearInterval","setScrollTo","id","index","wrappedOnChange","history","pushState"],"sources":["../../../src/ScrollTo/useScrollTo.js"],"sourcesContent":["import { useEffect, useRef, useState, useCallback } from \"react\";\nimport {\n  verticalScrollOffset,\n  findFirstVisibleElement,\n  isScrolledToTheBottom,\n  getScrollTop,\n  scrollElement,\n} from \"./utils\";\n\nconst useScrollTo = (\n  selectedIndexProp = 0,\n  scrollElementId,\n  href,\n  offset = 0,\n  options,\n  onChange,\n  direction = \"column\"\n) => {\n  const RETRY_MAX = 5;\n  const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);\n\n  const scrollEle = useRef();\n  const requestedAnimationFrame = useRef(0);\n  const lastContainerScrollTop = useRef();\n\n  // ref to use a often-changing value in useCallback, as 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  useEffect(() => {\n    scrollEle.current = (scrollElementId && document.getElementById(scrollElementId)) || window;\n    lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);\n  }, [scrollElementId]);\n\n  const checkScroll = useCallback(\n    (event) => {\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          onChange?.(event, newSelectedIndex);\n        });\n      }\n    },\n    [offset, options, onChange]\n  );\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 setScrollTo = (event, id, index, wrappedOnChange) => {\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, direction);\n      }\n\n      if (href) {\n        window.history.pushState({}, \"\", `#${options[index].value}`);\n      }\n\n      setSelectedIndex(index);\n      wrappedOnChange?.(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  return [selectedIndex, setScrollTo];\n};\n\nexport default useScrollTo;\n"],"mappings":"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"}