@hitachivantara/uikit-react-core 5.41.1 → 5.42.1

package/dist/esm/ScrollTo/Vertical/ScrollToVertical.js

@@ -1,99 +0,0 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { useMemo } from "react";
-import { useDefaultProps } from "../../hooks/useDefaultProps.js";
-import { useUniqueId } from "../../hooks/useUniqueId.js";
-import { isKey } from "../../utils/keyboardUtils.js";
-import { setId } from "../../utils/setId.js";
-import { useClasses, calculateOffset } from "./ScrollToVertical.styles.js";
-import { staticClasses } from "./ScrollToVertical.styles.js";
-import { useScrollTo } from "../useScrollTo.js";
-import { withTooltip } from "../withTooltip.js";
-import { HvVerticalScrollListItem } from "./VerticalScrollListItem/VerticalScrollListItem.js";
-const HvScrollToVertical = (props) => {
-  const {
-    id,
-    defaultSelectedIndex = 0,
-    scrollElementId,
-    href = true,
-    onChange,
-    onClick,
-    onEnter,
-    className,
-    classes: classesProp,
-    options,
-    offset = 0,
-    position = "relative",
-    tooltipPosition = "left",
-    style,
-    ...others
-  } = useDefaultProps("HvScrollToVertical", props);
-  const { classes, cx } = useClasses(classesProp);
-  const elementId = useUniqueId(id, "hvVerticalScrollto");
-  const [selectedIndex, setScrollTo] = useScrollTo(
-    defaultSelectedIndex,
-    scrollElementId,
-    href,
-    offset,
-    options,
-    onChange
-  );
-  const handleSelection = (event, value, index) => {
-    event.preventDefault();
-    const wrappedOnChange = () => {
-      onChange?.(event, index);
-    };
-    setScrollTo(event, value, index, wrappedOnChange);
-  };
-  const tooltipWrappers = useMemo(() => {
-    return options.map((option) => {
-      return withTooltip(option.label, "div", tooltipPosition, false);
-    });
-  }, [options, tooltipPosition]);
-  const tabs = options.map((option, index) => {
-    const selected = selectedIndex === index;
-    const tooltipWrapper = tooltipWrappers[index];
-    return /* @__PURE__ */ jsx(
-      HvVerticalScrollListItem,
-      {
-        id: setId(elementId, `item-${index}`),
-        onClick: (event) => {
-          handleSelection(event, option.value, index);
-          onClick?.(event, index);
-        },
-        onKeyDown: (event) => {
-          if (isKey(event, "Enter") === true) {
-            handleSelection(event, option.value, index);
-            onEnter?.(event, index);
-          }
-        },
-        tooltipWrapper,
-        selected,
-        "aria-label": option.label
-      },
-      option.key || option.label
-    );
-  });
-  const positionOffset = calculateOffset(options.length);
-  return /* @__PURE__ */ jsx(
-    "ol",
-    {
-      className: cx(
-        classes.root,
-        {
-          [classes.positionFixed]: position === "fixed",
-          [classes.positionAbsolute]: position === "absolute"
-        },
-        className
-      ),
-      style: { top: `calc(50% - ${positionOffset}px)`, ...style },
-      id: elementId,
-      ...others,
-      children: tabs
-    }
-  );
-};
-export {
-  HvScrollToVertical,
-  staticClasses as scrollToVerticalClasses
-};
-//# sourceMappingURL=ScrollToVertical.js.map

package/dist/esm/ScrollTo/Vertical/ScrollToVertical.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScrollToVertical.js","sources":["../../../../src/ScrollTo/Vertical/ScrollToVertical.tsx"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport { useDefaultProps } from \"../../hooks/useDefaultProps\";\nimport { HvBaseProps } from \"../../types/generic\";\nimport { useUniqueId } from \"../../hooks/useUniqueId\";\nimport { ExtractNames } from \"../../utils/classes\";\nimport { isKey } from \"../../utils/keyboardUtils\";\nimport { setId } from \"../../utils/setId\";\n\nimport {\n  staticClasses,\n  useClasses,\n  calculateOffset,\n} from \"./ScrollToVertical.styles\";\nimport { HvVerticalScrollListItem } from \"./VerticalScrollListItem\";\nimport { useScrollTo } from \"../useScrollTo\";\nimport { withTooltip } from \"../withTooltip\";\nimport {\n  HvScrollToTooltipPositions,\n  HvScrollToVerticalOption,\n  HvScrollToVerticalPositions,\n} from \"../types\";\n\nexport { staticClasses as scrollToVerticalClasses };\n\nexport type HvScrollToVerticalClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvScrollToVerticalProps\n  extends HvBaseProps<HTMLOListElement, \"onChange\" | \"onClick\"> {\n  /** An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied */\n  options: HvScrollToVerticalOption[];\n  /** True if the href location link should be applied. It will create an a element around every list item */\n  href?: boolean;\n  /** Default selected index passed from the parent. */\n  defaultSelectedIndex?: number;\n  /**\n   * The Id of the scrollable container containing displayed elements.\n   *\n   * Defaults to `window` if unspecified.\n   */\n  scrollElementId?: string;\n  /**\n   * Defines the offset from the top of each element for getting an optimal viewing region in the container.\n   * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)\n   * or to put more breathing room between the targeted element and the edges of the container.\n   *\n   * Each element can also have a specific offset via the options property.\n   */\n  offset?: number;\n  /** Position of the Vertical scroll to. */\n  position?: HvScrollToVerticalPositions;\n  /** Position of tooltip identifying the current item. */\n  tooltipPosition?: HvScrollToTooltipPositions;\n  /** A function called each time the selected index changes. */\n  onChange?: (\n    event:\n      | Event\n      | React.MouseEvent<HTMLDivElement>\n      | React.KeyboardEvent<HTMLDivElement>,\n    index: number\n  ) => void;\n  /** A function called each time an user clicks on a tab element. */\n  onClick?: (event: React.MouseEvent<HTMLDivElement>, index: number) => void;\n  /** A function called each time an user press enter on a tab element. */\n  onEnter?: (event: React.KeyboardEvent<HTMLDivElement>, index: number) => void;\n  /** A Jss Object used to override or extend the styles applied. */\n  classes?: HvScrollToVerticalClasses;\n}\n\n/**\n * The vertical scroll to element can be used to quickly navigate in a page.\n */\nexport const HvScrollToVertical = (props: HvScrollToVerticalProps) => {\n  const {\n    id,\n    defaultSelectedIndex = 0,\n    scrollElementId,\n    href = true,\n    onChange,\n    onClick,\n    onEnter,\n    className,\n    classes: classesProp,\n    options,\n    offset = 0,\n    position = \"relative\",\n    tooltipPosition = \"left\",\n    style,\n    ...others\n  } = useDefaultProps(\"HvScrollToVertical\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const elementId = useUniqueId(id, \"hvVerticalScrollto\");\n\n  const [selectedIndex, setScrollTo] = useScrollTo(\n    defaultSelectedIndex,\n    scrollElementId,\n    href,\n    offset,\n    options,\n    onChange\n  );\n\n  const handleSelection = (\n    event:\n      | React.MouseEvent<HTMLDivElement>\n      | React.KeyboardEvent<HTMLDivElement>,\n    value: string,\n    index: number\n  ) => {\n    event.preventDefault();\n\n    const wrappedOnChange = () => {\n      onChange?.(event, index);\n    };\n\n    setScrollTo(event, value, index, wrappedOnChange);\n  };\n\n  const tooltipWrappers = useMemo(() => {\n    return options.map((option) => {\n      return withTooltip(option.label, \"div\", tooltipPosition, false);\n    });\n  }, [options, tooltipPosition]);\n\n  const tabs = options.map((option, index) => {\n    const selected = selectedIndex === index;\n    const tooltipWrapper = tooltipWrappers[index];\n\n    return (\n      <HvVerticalScrollListItem\n        id={setId(elementId, `item-${index}`)}\n        onClick={(event) => {\n          handleSelection(event, option.value, index);\n          onClick?.(event, index);\n        }}\n        onKeyDown={(event) => {\n          if (isKey(event, \"Enter\") === true) {\n            handleSelection(event, option.value, index);\n            onEnter?.(event, index);\n          }\n        }}\n        tooltipWrapper={tooltipWrapper}\n        selected={selected}\n        key={option.key || option.label}\n        aria-label={option.label}\n      />\n    );\n  });\n\n  const positionOffset = calculateOffset(options.length);\n\n  return (\n    <ol\n      className={cx(\n        classes.root,\n        {\n          [classes.positionFixed]: position === \"fixed\",\n          [classes.positionAbsolute]: position === \"absolute\",\n        },\n        className\n      )}\n      style={{ top: `calc(50% - ${positionOffset}px)`, ...style }}\n      id={elementId}\n      {...others}\n    >\n      {tabs}\n    </ol>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAwEa,MAAA,qBAAqB,CAAC,UAAmC;AAC9D,QAAA;AAAA,IACJ;AAAA,IACA,uBAAuB;AAAA,IACvB;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,SAAS;AAAA,IACT,WAAW;AAAA,IACX,kBAAkB;AAAA,IAClB;AAAA,IACA,GAAG;AAAA,EAAA,IACD,gBAAgB,sBAAsB,KAAK;AAE/C,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAExC,QAAA,YAAY,YAAY,IAAI,oBAAoB;AAEhD,QAAA,CAAC,eAAe,WAAW,IAAI;AAAA,IACnC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,QAAM,kBAAkB,CACtB,OAGA,OACA,UACG;AACH,UAAM,eAAe;AAErB,UAAM,kBAAkB,MAAM;AAC5B,iBAAW,OAAO,KAAK;AAAA,IAAA;AAGb,gBAAA,OAAO,OAAO,OAAO,eAAe;AAAA,EAAA;AAG5C,QAAA,kBAAkB,QAAQ,MAAM;AAC7B,WAAA,QAAQ,IAAI,CAAC,WAAW;AAC7B,aAAO,YAAY,OAAO,OAAO,OAAO,iBAAiB,KAAK;AAAA,IAAA,CAC/D;AAAA,EAAA,GACA,CAAC,SAAS,eAAe,CAAC;AAE7B,QAAM,OAAO,QAAQ,IAAI,CAAC,QAAQ,UAAU;AAC1C,UAAM,WAAW,kBAAkB;AAC7B,UAAA,iBAAiB,gBAAgB,KAAK;AAG1C,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI,MAAM,WAAW,QAAQ,KAAK,EAAE;AAAA,QACpC,SAAS,CAAC,UAAU;AACF,0BAAA,OAAO,OAAO,OAAO,KAAK;AAC1C,oBAAU,OAAO,KAAK;AAAA,QACxB;AAAA,QACA,WAAW,CAAC,UAAU;AACpB,cAAI,MAAM,OAAO,OAAO,MAAM,MAAM;AAClB,4BAAA,OAAO,OAAO,OAAO,KAAK;AAC1C,sBAAU,OAAO,KAAK;AAAA,UACxB;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,QAEA,cAAY,OAAO;AAAA,MAAA;AAAA,MADd,OAAO,OAAO,OAAO;AAAA,IAAA;AAAA,EAE5B,CAEH;AAEK,QAAA,iBAAiB,gBAAgB,QAAQ,MAAM;AAGnD,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT,QAAQ;AAAA,QACR;AAAA,UACE,CAAC,QAAQ,aAAa,GAAG,aAAa;AAAA,UACtC,CAAC,QAAQ,gBAAgB,GAAG,aAAa;AAAA,QAC3C;AAAA,QACA;AAAA,MACF;AAAA,MACA,OAAO,EAAE,KAAK,cAAc,cAAc,OAAO,GAAG,MAAM;AAAA,MAC1D,IAAI;AAAA,MACH,GAAG;AAAA,MAEH,UAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/esm/ScrollTo/Vertical/ScrollToVertical.styles.js

@@ -1,41 +0,0 @@
-import { theme } from "@hitachivantara/uikit-styles";
-import { createClasses } from "../../utils/classes.js";
-const { staticClasses, useClasses } = createClasses(
-  "HvScrollToVertical",
-  {
-    root: {
-      display: "flex",
-      width: "32px",
-      padding: "0",
-      margin: 0,
-      listStyleType: "none",
-      flexWrap: "wrap",
-      flexDirection: "column",
-      backdropFilter: `blur(4px)`,
-      backgroundColor: theme.alpha("atmo2", 0.9)
-    },
-    positionAbsolute: {
-      width: "32px",
-      position: "absolute",
-      zIndex: `calc(${theme.zIndices.banner} - 2)`,
-      right: "0"
-    },
-    positionFixed: {
-      width: "32px",
-      position: "fixed",
-      zIndex: `calc(${theme.zIndices.banner} - 2)`,
-      right: "0"
-    }
-  }
-);
-const calculateOffset = (quantityOfOptions) => {
-  const itemSize = 32;
-  const halfOptions = Math.round(quantityOfOptions * 0.5);
-  return halfOptions * itemSize;
-};
-export {
-  calculateOffset,
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=ScrollToVertical.styles.js.map

package/dist/esm/ScrollTo/Vertical/ScrollToVertical.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScrollToVertical.styles.js","sources":["../../../../src/ScrollTo/Vertical/ScrollToVertical.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvScrollToVertical\",\n  {\n    root: {\n      display: \"flex\",\n      width: \"32px\",\n      padding: \"0\",\n      margin: 0,\n      listStyleType: \"none\",\n      flexWrap: \"wrap\",\n      flexDirection: \"column\",\n      backdropFilter: `blur(4px)`,\n      backgroundColor: theme.alpha(\"atmo2\", 0.9),\n    },\n    positionAbsolute: {\n      width: \"32px\",\n      position: \"absolute\",\n      zIndex: `calc(${theme.zIndices.banner} - 2)`,\n      right: \"0\",\n    },\n    positionFixed: {\n      width: \"32px\",\n      position: \"fixed\",\n      zIndex: `calc(${theme.zIndices.banner} - 2)`,\n      right: \"0\",\n    },\n  }\n);\n\nexport const calculateOffset = (quantityOfOptions: number) => {\n  const itemSize = 32;\n  const halfOptions = Math.round(quantityOfOptions * 0.5);\n\n  return halfOptions * itemSize;\n};\n"],"names":[],"mappings":";;AAIa,MAAA,EAAE,eAAe,WAAA,IAAe;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,OAAO;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,eAAe;AAAA,MACf,UAAU;AAAA,MACV,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,iBAAiB,MAAM,MAAM,SAAS,GAAG;AAAA,IAC3C;AAAA,IACA,kBAAkB;AAAA,MAChB,OAAO;AAAA,MACP,UAAU;AAAA,MACV,QAAQ,QAAQ,MAAM,SAAS,MAAM;AAAA,MACrC,OAAO;AAAA,IACT;AAAA,IACA,eAAe;AAAA,MACb,OAAO;AAAA,MACP,UAAU;AAAA,MACV,QAAQ,QAAQ,MAAM,SAAS,MAAM;AAAA,MACrC,OAAO;AAAA,IACT;AAAA,EACF;AACF;AAEa,MAAA,kBAAkB,CAAC,sBAA8B;AAC5D,QAAM,WAAW;AACjB,QAAM,cAAc,KAAK,MAAM,oBAAoB,GAAG;AAEtD,SAAO,cAAc;AACvB;"}

package/dist/esm/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js

@@ -1,53 +0,0 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { CurrentStep } from "@hitachivantara/uikit-react-icons";
-import { setId } from "../../../utils/setId.js";
-import { useTheme } from "../../../hooks/useTheme.js";
-import { useDefaultProps } from "../../../hooks/useDefaultProps.js";
-import { useClasses } from "./VerticalScrollListItem.styles.js";
-import { staticClasses } from "./VerticalScrollListItem.styles.js";
-const HvVerticalScrollListItem = (props) => {
-  const {
-    id,
-    className,
-    classes: classesProp,
-    selected,
-    "aria-label": ariaLabel,
-    onClick,
-    onKeyDown,
-    tooltipWrapper,
-    ...others
-  } = useDefaultProps("HvVerticalScrollListItem", props);
-  const { classes, cx } = useClasses(classesProp);
-  const { activeTheme } = useTheme();
-  const variant = selected ? "label" : "body";
-  const labelId = setId(id, "label");
-  const buttonId = setId(id, "button");
-  const Tooltip = tooltipWrapper;
-  const icon = selected ? /* @__PURE__ */ jsx(
-    CurrentStep,
-    {
-      height: activeTheme?.scrollTo.dotSelectedSize,
-      width: activeTheme?.scrollTo.dotSelectedSize
-    }
-  ) : /* @__PURE__ */ jsx("div", { className: cx(classes.notSelected) });
-  return /* @__PURE__ */ jsx("li", { id, className: cx(classes.root, className), "aria-current": selected, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      id: buttonId,
-      role: "button",
-      tabIndex: 0,
-      onClick,
-      onKeyDown,
-      className: classes.button,
-      "aria-label": ariaLabel,
-      "aria-labelledby": labelId,
-      ...others,
-      children: /* @__PURE__ */ jsx(Tooltip, { id: labelId, className: classes.text, variant, children: icon })
-    }
-  ) });
-};
-export {
-  HvVerticalScrollListItem,
-  staticClasses as verticalScrollListItemClasses
-};
-//# sourceMappingURL=VerticalScrollListItem.js.map

package/dist/esm/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VerticalScrollListItem.js","sources":["../../../../../src/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.tsx"],"sourcesContent":["import { CurrentStep } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvBaseProps } from \"../../../types/generic\";\nimport { HvTypographyProps } from \"../../../Typography\";\nimport { ExtractNames } from \"../../../utils/classes\";\nimport { setId } from \"../../../utils/setId\";\nimport { useTheme } from \"../../../hooks/useTheme\";\n\nimport { useDefaultProps } from \"../../../hooks/useDefaultProps\";\n\nimport { staticClasses, useClasses } from \"./VerticalScrollListItem.styles\";\n\nexport { staticClasses as verticalScrollListItemClasses };\n\nexport type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvVerticalScrollListItemProps extends HvBaseProps {\n  /** A function component that renders a typography wrapped with a tooltip. */\n  tooltipWrapper: React.FunctionComponent<{\n    id?: string;\n    className?: string;\n    variant?: HvTypographyProps[\"variant\"];\n    children?: React.ReactNode;\n  }>;\n  /** A Jss Object used to override or extend the styles applied. */\n  classes?: HvVerticalScrollListItemClasses;\n  /** Whether the element is selected. */\n  selected?: boolean;\n  /** The function to be executed when the element is clicked. */\n  onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n  /** The function to be executed when the element is clicked. */\n  onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;\n}\n\n/**\n * HvVerticalScrollListItem a focusable item to be used as part of the vertical scroll\n */\nexport const HvVerticalScrollListItem = (\n  props: HvVerticalScrollListItemProps\n) => {\n  const {\n    id,\n    className,\n    classes: classesProp,\n    selected,\n    \"aria-label\": ariaLabel,\n    onClick,\n    onKeyDown,\n    tooltipWrapper,\n    ...others\n  } = useDefaultProps(\"HvVerticalScrollListItem\", props);\n  const { classes, cx } = useClasses(classesProp);\n  const { activeTheme } = useTheme();\n\n  const variant: HvTypographyProps[\"variant\"] = selected ? \"label\" : \"body\";\n\n  const labelId = setId(id, \"label\");\n\n  const buttonId = setId(id, \"button\");\n\n  const Tooltip = tooltipWrapper;\n\n  const icon = selected ? (\n    <CurrentStep\n      height={activeTheme?.scrollTo.dotSelectedSize}\n      width={activeTheme?.scrollTo.dotSelectedSize}\n    />\n  ) : (\n    <div className={cx(classes.notSelected)} />\n  );\n\n  return (\n    <li id={id} className={cx(classes.root, className)} aria-current={selected}>\n      <div\n        id={buttonId}\n        role=\"button\"\n        tabIndex={0}\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n        className={classes.button}\n        aria-label={ariaLabel}\n        aria-labelledby={labelId}\n        {...others}\n      >\n        <Tooltip id={labelId} className={classes.text} variant={variant}>\n          {icon}\n        </Tooltip>\n      </div>\n    </li>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAqCa,MAAA,2BAA2B,CACtC,UACG;AACG,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACD,gBAAgB,4BAA4B,KAAK;AACrD,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AACxC,QAAA,EAAE,gBAAgB;AAElB,QAAA,UAAwC,WAAW,UAAU;AAE7D,QAAA,UAAU,MAAM,IAAI,OAAO;AAE3B,QAAA,WAAW,MAAM,IAAI,QAAQ;AAEnC,QAAM,UAAU;AAEhB,QAAM,OAAO,WACX;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAQ,aAAa,SAAS;AAAA,MAC9B,OAAO,aAAa,SAAS;AAAA,IAAA;AAAA,EAAA,IAG9B,oBAAA,OAAA,EAAI,WAAW,GAAG,QAAQ,WAAW,EAAG,CAAA;AAIzC,SAAA,oBAAC,MAAG,EAAA,IAAQ,WAAW,GAAG,QAAQ,MAAM,SAAS,GAAG,gBAAc,UAChE,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,MAAK;AAAA,MACL,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,WAAW,QAAQ;AAAA,MACnB,cAAY;AAAA,MACZ,mBAAiB;AAAA,MAChB,GAAG;AAAA,MAEJ,UAAA,oBAAC,WAAQ,IAAI,SAAS,WAAW,QAAQ,MAAM,SAC5C,UACH,KAAA,CAAA;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

package/dist/esm/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.styles.js

@@ -1,56 +0,0 @@
-import { theme } from "@hitachivantara/uikit-styles";
-import { outlineStyles } from "../../../utils/focusUtils.js";
-import { createClasses } from "../../../utils/classes.js";
-const name = "HvVerticalScrollListItem";
-const { staticClasses, useClasses } = createClasses(name, {
-  root: {
-    padding: "0",
-    height: "32px",
-    width: "32px",
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  notSelected: {
-    height: "4px",
-    width: "4px",
-    borderRadius: "50%",
-    display: "inline-block",
-    backgroundColor: theme.colors.secondary_60
-  },
-  text: {
-    height: "16px",
-    width: "16px",
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  button: {
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center",
-    height: "16px",
-    width: "16px",
-    borderRadius: "50%",
-    cursor: "pointer",
-    "&:hover": {
-      backgroundColor: theme.colors.containerBackgroundHover,
-      "& $notSelected": {
-        height: "6px",
-        width: "6px",
-        backgroundColor: theme.colors.secondary
-      }
-    },
-    "&:focus": {
-      outline: "none"
-    },
-    "&:focus-visible": {
-      ...outlineStyles
-    }
-  }
-});
-export {
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=VerticalScrollListItem.styles.js.map

package/dist/esm/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VerticalScrollListItem.styles.js","sources":["../../../../../src/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.styles.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"../../../utils/focusUtils\";\n\nimport { createClasses } from \"../../../utils/classes\";\n\nconst name = \"HvVerticalScrollListItem\";\n\nexport const { staticClasses, useClasses } = createClasses(name, {\n  root: {\n    padding: \"0\",\n    height: \"32px\",\n    width: \"32px\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  notSelected: {\n    height: \"4px\",\n    width: \"4px\",\n    borderRadius: \"50%\",\n    display: \"inline-block\",\n    backgroundColor: theme.colors.secondary_60,\n  },\n  text: {\n    height: \"16px\",\n    width: \"16px\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  button: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    height: \"16px\",\n    width: \"16px\",\n    borderRadius: \"50%\",\n    cursor: \"pointer\",\n    \"&:hover\": {\n      backgroundColor: theme.colors.containerBackgroundHover,\n\n      \"& $notSelected\": {\n        height: \"6px\",\n        width: \"6px\",\n        backgroundColor: theme.colors.secondary,\n      },\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&:focus-visible\": {\n      ...outlineStyles,\n    },\n  },\n});\n"],"names":[],"mappings":";;;AAMA,MAAM,OAAO;AAEN,MAAM,EAAE,eAAe,eAAe,cAAc,MAAM;AAAA,EAC/D,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,YAAY;AAAA,EACd;AAAA,EACA,aAAa;AAAA,IACX,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,cAAc;AAAA,IACd,SAAS;AAAA,IACT,iBAAiB,MAAM,OAAO;AAAA,EAChC;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,YAAY;AAAA,EACd;AAAA,EACA,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,WAAW;AAAA,MACT,iBAAiB,MAAM,OAAO;AAAA,MAE9B,kBAAkB;AAAA,QAChB,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,iBAAiB,MAAM,OAAO;AAAA,MAChC;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,mBAAmB;AAAA,MACjB,GAAG;AAAA,IACL;AAAA,EACF;AACF,CAAC;"}

package/dist/esm/ScrollTo/useScrollTo.js

@@ -1,115 +0,0 @@
-import { useState, useRef, useEffect, useCallback } from "react";
-import { verticalScrollOffset, findFirstVisibleElement, isScrolledToTheBottom, getScrollTop, scrollElement } from "./utils.js";
-const useScrollTo = (selectedIndexProp = 0, scrollElementId = void 0, href = false, offset = 0, options = [], onChange = void 0, direction = "column") => {
-  const RETRY_MAX = 5;
-  const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);
-  const scrollEle = useRef(window);
-  const requestedAnimationFrame = useRef(0);
-  const lastContainerScrollTop = useRef(0);
-  const selectedIndexRef = useRef(selectedIndex);
-  useEffect(() => {
-    selectedIndexRef.current = selectedIndex;
-  }, [selectedIndex]);
-  useEffect(() => {
-    scrollEle.current = scrollElementId && document.getElementById(scrollElementId) || window;
-    lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);
-  }, [scrollElementId]);
-  const checkScroll = useCallback(
-    (event) => {
-      if (requestedAnimationFrame.current === 0 && window?.requestAnimationFrame) {
-        requestedAnimationFrame.current = window.requestAnimationFrame(() => {
-          requestedAnimationFrame.current = 0;
-          const firstVisibleElementIndex = findFirstVisibleElement(
-            scrollEle.current,
-            options,
-            offset
-          );
-          let newSelectedIndex = firstVisibleElementIndex;
-          if (firstVisibleElementIndex < 0) {
-            newSelectedIndex = 0;
-          }
-          if (newSelectedIndex < options.length - 1 && isScrolledToTheBottom(scrollEle.current)) {
-            newSelectedIndex += 1;
-          }
-          const containerScrollTop = getScrollTop(scrollEle.current);
-          const isScrollingDown = containerScrollTop > lastContainerScrollTop.current;
-          lastContainerScrollTop.current = containerScrollTop;
-          if (isScrollingDown) {
-            if (newSelectedIndex < selectedIndexRef.current) {
-              newSelectedIndex = selectedIndexRef.current;
-            }
-          } else if (newSelectedIndex > selectedIndexRef.current) {
-            newSelectedIndex = selectedIndexRef.current;
-          }
-          setSelectedIndex(newSelectedIndex);
-          onChange?.(event, newSelectedIndex);
-        });
-      }
-    },
-    [offset, options, onChange]
-  );
-  useEffect(() => {
-    if (scrollEle.current) {
-      scrollEle.current.addEventListener("scroll", checkScroll, false);
-    }
-    return () => {
-      if (scrollEle.current) {
-        scrollEle.current.removeEventListener("scroll", checkScroll);
-      }
-      if (requestedAnimationFrame.current !== 0) {
-        window.cancelAnimationFrame(requestedAnimationFrame.current);
-        requestedAnimationFrame.current = 0;
-      }
-    };
-  }, [checkScroll]);
-  useEffect(() => {
-    let checkRenderedInterval;
-    if (href) {
-      const hashValue = document.location.hash.split("#")[1] || "";
-      const option = options.find((o) => o.value === hashValue);
-      if (option) {
-        let retry = 0;
-        checkRenderedInterval = setInterval(() => {
-          const ele = document.getElementById(option.value);
-          if (ele) {
-            scrollElement(ele, scrollEle.current, option.offset || offset);
-            clearInterval(checkRenderedInterval);
-          } else {
-            retry += 1;
-            if (retry === RETRY_MAX) {
-              clearInterval(checkRenderedInterval);
-            }
-          }
-        }, 1e3);
-      }
-    }
-    return () => {
-      clearInterval(checkRenderedInterval);
-    };
-  }, []);
-  const setScrollTo = (event, id, index, wrappedOnChange) => {
-    const option = options.find((o) => o.value === id);
-    if (option) {
-      const ele = document.getElementById(id);
-      if (ele) {
-        scrollElement(
-          ele,
-          scrollEle.current,
-          option.offset || offset,
-          direction
-        );
-      }
-      if (href) {
-        window.history.pushState({}, "", `#${options[index].value}`);
-      }
-      setSelectedIndex(index);
-      wrappedOnChange?.(index);
-      selectedIndexRef.current = index;
-    }
-  };
-  return [selectedIndex, setScrollTo];
-};
-export {
-  useScrollTo
-};
-//# sourceMappingURL=useScrollTo.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useScrollTo.js","sources":["../../../src/ScrollTo/useScrollTo.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport {\n  findFirstVisibleElement,\n  getScrollTop,\n  isScrolledToTheBottom,\n  scrollElement,\n  verticalScrollOffset,\n} from \"./utils\";\nimport { HvScrollToVerticalOption } from \"./types\";\n\nexport const useScrollTo = (\n  selectedIndexProp: number = 0,\n  scrollElementId: string | undefined = undefined,\n  href: boolean = false,\n  offset: number = 0,\n  options: HvScrollToVerticalOption[] = [],\n  onChange:\n    | ((\n        event:\n          | Event\n          | React.MouseEvent<HTMLDivElement>\n          | React.KeyboardEvent<HTMLDivElement>,\n        index: number\n      ) => void)\n    | undefined = undefined,\n  direction: \"column\" | \"row\" = \"column\"\n): [\n  number,\n  (\n    event:\n      | React.MouseEvent<HTMLDivElement>\n      | React.KeyboardEvent<HTMLDivElement>,\n    id: string,\n    index: number,\n    wrappedOnChange?: (index: number) => void\n  ) => void\n] => {\n  const RETRY_MAX: number = 5;\n  const [selectedIndex, setSelectedIndex] = useState<number>(selectedIndexProp);\n\n  const scrollEle = useRef<HTMLElement | (Window & typeof globalThis)>(window);\n  const requestedAnimationFrame = useRef(0);\n  const lastContainerScrollTop = useRef<number>(0);\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\n  useEffect(() => {\n    selectedIndexRef.current = selectedIndex;\n  }, [selectedIndex]);\n\n  useEffect(() => {\n    scrollEle.current =\n      (scrollElementId && document.getElementById(scrollElementId)) || window;\n\n    lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);\n  }, [scrollElementId]);\n\n  const checkScroll = useCallback(\n    (\n      event:\n        | Event\n        | React.MouseEvent<HTMLDivElement>\n        | React.KeyboardEvent<HTMLDivElement>\n    ) => {\n      if (\n        requestedAnimationFrame.current === 0 &&\n        window?.requestAnimationFrame\n      ) {\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 (\n            newSelectedIndex < options.length - 1 &&\n            isScrolledToTheBottom(scrollEle.current)\n          ) {\n            newSelectedIndex += 1;\n          }\n\n          const containerScrollTop = getScrollTop(scrollEle.current);\n          const isScrollingDown =\n            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 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 = (\n    event:\n      | React.MouseEvent<HTMLDivElement>\n      | React.KeyboardEvent<HTMLDivElement>,\n    id: string,\n    index: number,\n    wrappedOnChange?: (index: number) => void\n  ) => {\n    const option = options.find((o) => o.value === id);\n\n    if (option) {\n      const ele = document.getElementById(id);\n      if (ele) {\n        scrollElement(\n          ele,\n          scrollEle.current,\n          option.offset || offset,\n          direction\n        );\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"],"names":[],"mappings":"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"}

package/dist/esm/ScrollTo/utils.js

@@ -1,71 +0,0 @@
-const getScrollTop = (c = window) => {
-  if (c === window) {
-    return window.scrollY || window.pageYOffset || document.documentElement && document.documentElement.scrollTop || document.body.scrollTop;
-  }
-  return c.scrollTop;
-};
-const verticalScrollOffset = (t, c = window) => {
-  if (c === window) {
-    return (t?.getBoundingClientRect?.().top || 0) + (window.scrollY || window.pageYOffset);
-  }
-  if (getComputedStyle(c).position !== "static") {
-    return t.offsetTop;
-  }
-  return t.offsetTop - c.offsetTop;
-};
-const horizontalScrollOffset = (t, c = window) => {
-  if (c === window) {
-    return (t?.getBoundingClientRect?.().left || 0) + (window.scrollX || window.pageXOffset);
-  }
-  if (getComputedStyle(c).position !== "static") {
-    return t.offsetLeft;
-  }
-  return t.offsetLeft - c.offsetLeft;
-};
-const scrollElement = (element, container, offset = 0, direction) => {
-  if (direction === "row") {
-    const elemLeft = horizontalScrollOffset(element, container);
-    container?.scrollTo?.({
-      left: elemLeft - offset,
-      behavior: "smooth"
-    });
-  } else {
-    const elemTop = verticalScrollOffset(element, container);
-    container?.scrollTo?.({
-      top: elemTop - offset,
-      behavior: "smooth"
-    });
-  }
-  element.focus({ preventScroll: true });
-};
-const isScrolledToTheBottom = (container) => {
-  const containerScrollTop = getScrollTop(container);
-  if (container === window) {
-    const scrollHeight = document.documentElement && document.documentElement.scrollHeight || document.body.scrollHeight;
-    return containerScrollTop + window.innerHeight >= scrollHeight;
-  }
-  return containerScrollTop + container.offsetHeight >= container.scrollHeight;
-};
-const findFirstVisibleElement = (container, options, offset) => {
-  const boundsTop = verticalScrollOffset(container);
-  let i = 0;
-  for (; i < options.length; i += 1) {
-    const ele = document.getElementById(options[i].value);
-    if (ele) {
-      const elemTop = verticalScrollOffset(ele) - (options[i].offset || offset);
-      if (elemTop > boundsTop) {
-        break;
-      }
-    }
-  }
-  return i - 1;
-};
-export {
-  findFirstVisibleElement,
-  getScrollTop,
-  horizontalScrollOffset,
-  isScrolledToTheBottom,
-  scrollElement,
-  verticalScrollOffset
-};
-//# sourceMappingURL=utils.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../../src/ScrollTo/utils.ts"],"sourcesContent":["import { HvScrollToVerticalOption } from \"./types\";\n\ntype ExtendedWindow = Window & typeof globalThis & HTMLElement;\n\nexport const getScrollTop = (\n  c: HTMLElement | (Window & typeof globalThis) = window\n) => {\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 as ExtendedWindow).scrollTop;\n};\n\nexport const verticalScrollOffset = (\n  t: HTMLElement | (Window & typeof globalThis),\n  c: HTMLElement | (Window & typeof globalThis) = window\n) => {\n  if (c === window) {\n    return (\n      ((t as ExtendedWindow)?.getBoundingClientRect?.().top || 0) +\n      (window.scrollY || window.pageYOffset)\n    );\n  }\n  if (getComputedStyle(c as ExtendedWindow).position !== \"static\") {\n    return (t as ExtendedWindow).offsetTop;\n  }\n\n  return (t as ExtendedWindow).offsetTop - (c as ExtendedWindow).offsetTop;\n};\n\nexport const horizontalScrollOffset = (\n  t: HTMLElement,\n  c: HTMLElement | (Window & typeof globalThis) = window\n) => {\n  if (c === window) {\n    return (\n      (t?.getBoundingClientRect?.().left || 0) +\n      (window.scrollX || window.pageXOffset)\n    );\n  }\n  if (getComputedStyle(c as ExtendedWindow).position !== \"static\") {\n    return t.offsetLeft;\n  }\n\n  return t.offsetLeft - (c as ExtendedWindow).offsetLeft;\n};\n\nexport const scrollElement = (\n  element: HTMLElement,\n  container: HTMLElement | (Window & typeof globalThis),\n  offset: number = 0,\n  direction?: \"row\" | \"column\"\n) => {\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 = (\n  container: HTMLElement | (Window & typeof globalThis)\n) => {\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 (\n    containerScrollTop + (container as ExtendedWindow).offsetHeight >=\n    (container as ExtendedWindow).scrollHeight\n  );\n};\n\nexport const findFirstVisibleElement = (\n  container: HTMLElement | (Window & typeof globalThis),\n  options: HvScrollToVerticalOption[],\n  offset: number\n) => {\n  const boundsTop = verticalScrollOffset(container);\n\n  let i = 0;\n\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"],"names":[],"mappings":"AAIa,MAAA,eAAe,CAC1B,IAAgD,WAC7C;AACH,MAAI,MAAM,QAAQ;AAEd,WAAA,OAAO,WACP,OAAO,eACN,SAAS,mBAAmB,SAAS,gBAAgB,aACtD,SAAS,KAAK;AAAA,EAElB;AAEA,SAAQ,EAAqB;AAC/B;AAEO,MAAM,uBAAuB,CAClC,GACA,IAAgD,WAC7C;AACH,MAAI,MAAM,QAAQ;AAChB,YACI,GAAsB,wBAAwB,EAAE,OAAO,MACxD,OAAO,WAAW,OAAO;AAAA,EAE9B;AACA,MAAI,iBAAiB,CAAmB,EAAE,aAAa,UAAU;AAC/D,WAAQ,EAAqB;AAAA,EAC/B;AAEQ,SAAA,EAAqB,YAAa,EAAqB;AACjE;AAEO,MAAM,yBAAyB,CACpC,GACA,IAAgD,WAC7C;AACH,MAAI,MAAM,QAAQ;AAChB,YACG,GAAG,wBAAwB,EAAE,QAAQ,MACrC,OAAO,WAAW,OAAO;AAAA,EAE9B;AACA,MAAI,iBAAiB,CAAmB,EAAE,aAAa,UAAU;AAC/D,WAAO,EAAE;AAAA,EACX;AAEO,SAAA,EAAE,aAAc,EAAqB;AAC9C;AAEO,MAAM,gBAAgB,CAC3B,SACA,WACA,SAAiB,GACjB,cACG;AACH,MAAI,cAAc,OAAO;AACjB,UAAA,WAAW,uBAAuB,SAAS,SAAS;AAC1D,eAAW,WAAW;AAAA,MACpB,MAAM,WAAW;AAAA,MACjB,UAAU;AAAA,IAAA,CACX;AAAA,EAAA,OACI;AACC,UAAA,UAAU,qBAAqB,SAAS,SAAS;AACvD,eAAW,WAAW;AAAA,MACpB,KAAK,UAAU;AAAA,MACf,UAAU;AAAA,IAAA,CACX;AAAA,EACH;AACA,UAAQ,MAAM,EAAE,eAAe,KAAM,CAAA;AACvC;AAEa,MAAA,wBAAwB,CACnC,cACG;AACG,QAAA,qBAAqB,aAAa,SAAS;AAEjD,MAAI,cAAc,QAAQ;AAExB,UAAM,eACH,SAAS,mBAAmB,SAAS,gBAAgB,gBACtD,SAAS,KAAK;AAET,WAAA,qBAAqB,OAAO,eAAe;AAAA,EACpD;AAGE,SAAA,qBAAsB,UAA6B,gBAClD,UAA6B;AAElC;AAEO,MAAM,0BAA0B,CACrC,WACA,SACA,WACG;AACG,QAAA,YAAY,qBAAqB,SAAS;AAEhD,MAAI,IAAI;AAGR,SAAO,IAAI,QAAQ,QAAQ,KAAK,GAAG;AACjC,UAAM,MAAM,SAAS,eAAe,QAAQ,CAAC,EAAE,KAAK;AAEpD,QAAI,KAAK;AACP,YAAM,UAAU,qBAAqB,GAAG,KAAK,QAAQ,CAAC,EAAE,UAAU;AAElE,UAAI,UAAU,WAAW;AACvB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAGA,SAAO,IAAI;AACb;"}

package/dist/esm/ScrollTo/withTooltip.js

@@ -1,18 +0,0 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { withTooltip as withTooltip$1 } from "../hocs/withTooltip.js";
-import { HvTypography } from "../Typography/Typography.js";
-const hideTooltip = (event) => {
-  const isOverFlow = event.target.children.length > 1 ? Array.from(event.currentTarget.children).some(
-    (child) => child.scrollWidth > child.clientWidth
-  ) : event.target.scrollWidth > event.target.clientWidth;
-  return !isOverFlow;
-};
-const withTooltip = (label, componentType, tooltipPosition = "top", hideOnOverflow = true) => {
-  const component = (props) => /* @__PURE__ */ jsx(HvTypography, { component: componentType, ...props, children: props.children });
-  const hideTooltipFunc = hideOnOverflow ? hideTooltip : void 0;
-  return withTooltip$1(component, label, tooltipPosition, hideTooltipFunc);
-};
-export {
-  withTooltip
-};
-//# sourceMappingURL=withTooltip.js.map

package/dist/esm/ScrollTo/withTooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"withTooltip.js","sources":["../../../src/ScrollTo/withTooltip.tsx"],"sourcesContent":["import { HvTypography, HvTypographyProps } from \"../Typography\";\nimport { withTooltip as withTooltipUtil } from \"../hocs/withTooltip\";\n\nimport { HvScrollToTooltipPositions } from \"./types\";\n\nconst hideTooltip = (event: React.MouseEvent<HTMLDivElement>) => {\n  const isOverFlow =\n    (event.target as HTMLDivElement).children.length > 1\n      ? Array.from(event.currentTarget.children).some(\n          (child) => child.scrollWidth > child.clientWidth\n        )\n      : (event.target as HTMLDivElement).scrollWidth >\n        (event.target as HTMLDivElement).clientWidth;\n  return !isOverFlow;\n};\n\nexport const withTooltip = (\n  label: string,\n  componentType: React.ElementType,\n  tooltipPosition: HvScrollToTooltipPositions = \"top\",\n  hideOnOverflow: boolean = true\n) => {\n  const component = (props: HvTypographyProps) => (\n    <HvTypography component={componentType} {...props}>\n      {props.children}\n    </HvTypography>\n  );\n\n  const hideTooltipFunc = hideOnOverflow ? hideTooltip : undefined;\n\n  return withTooltipUtil(component, label, tooltipPosition, hideTooltipFunc);\n};\n"],"names":["withTooltipUtil"],"mappings":";;;AAKA,MAAM,cAAc,CAAC,UAA4C;AACzD,QAAA,aACH,MAAM,OAA0B,SAAS,SAAS,IAC/C,MAAM,KAAK,MAAM,cAAc,QAAQ,EAAE;AAAA,IACvC,CAAC,UAAU,MAAM,cAAc,MAAM;AAAA,EAAA,IAEtC,MAAM,OAA0B,cAChC,MAAM,OAA0B;AACvC,SAAO,CAAC;AACV;AAEO,MAAM,cAAc,CACzB,OACA,eACA,kBAA8C,OAC9C,iBAA0B,SACvB;AACG,QAAA,YAAY,CAAC,UAChB,oBAAA,cAAA,EAAa,WAAW,eAAgB,GAAG,OACzC,UAAA,MAAM,SACT,CAAA;AAGI,QAAA,kBAAkB,iBAAiB,cAAc;AAEvD,SAAOA,cAAgB,WAAW,OAAO,iBAAiB,eAAe;AAC3E;"}

package/dist/esm/Section/Section.js

@@ -1,80 +0,0 @@
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef } from "react";
-import { Up, Down } from "@hitachivantara/uikit-react-icons";
-import { useDefaultProps } from "../hooks/useDefaultProps.js";
-import { useControlled } from "../hooks/useControlled.js";
-import { useUniqueId } from "../hooks/useUniqueId.js";
-import { setId } from "../utils/setId.js";
-import { useClasses } from "./Section.styles.js";
-import { staticClasses } from "./Section.styles.js";
-import { HvButton } from "../Button/Button.js";
-const HvSection = forwardRef(
-  (props, ref) => {
-    const {
-      id,
-      classes: classesProp,
-      className,
-      title,
-      expandable,
-      expanded,
-      defaultExpanded = true,
-      actions,
-      onToggle,
-      expandButtonProps,
-      children,
-      ...others
-    } = useDefaultProps("HvSection", props);
-    const { classes, cx } = useClasses(classesProp);
-    const [isOpen, setIsOpen] = useControlled(
-      expanded,
-      Boolean(defaultExpanded)
-    );
-    const elementId = useUniqueId(id, "hvSection");
-    const contentId = setId(elementId, "content");
-    const showContent = expandable ? !!isOpen : true;
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        id: elementId,
-        className: cx(classes.root, className),
-        ...others,
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: classes.header, children: [
-            expandable && /* @__PURE__ */ jsx(
-              HvButton,
-              {
-                icon: true,
-                onClick: (event) => {
-                  setIsOpen((o) => !o);
-                  onToggle?.(event, !isOpen);
-                },
-                "aria-expanded": isOpen,
-                "aria-controls": contentId,
-                "aria-label": isOpen ? "Collapse" : "Expand",
-                ...expandButtonProps,
-                children: isOpen ? /* @__PURE__ */ jsx(Up, {}) : /* @__PURE__ */ jsx(Down, {})
-              }
-            ),
-            title,
-            /* @__PURE__ */ jsx("div", { className: classes.actions, children: actions })
-          ] }),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              id: contentId,
-              hidden: !isOpen,
-              className: cx(classes.content, { [classes.hidden]: !showContent }),
-              children
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-export {
-  HvSection,
-  staticClasses as sectionClasses
-};
-//# sourceMappingURL=Section.js.map

package/dist/esm/Section/Section.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Section.js","sources":["../../../src/Section/Section.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Down, Up } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvBaseProps } from \"../types/generic\";\nimport { ExtractNames } from \"../utils/classes\";\nimport { HvButton, HvButtonProps } from \"../Button\";\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\nimport { useControlled } from \"../hooks/useControlled\";\nimport { useUniqueId } from \"../hooks/useUniqueId\";\nimport { setId } from \"../utils/setId\";\n\nimport { staticClasses, useClasses } from \"./Section.styles\";\n\nexport { staticClasses as sectionClasses };\n\nexport type HvSectionClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSectionProps\n  extends Omit<HvBaseProps<HTMLDivElement>, \"title\"> {\n  /** The title of the section */\n  title?: React.ReactNode;\n  /** Whether or not the section is expandable.  */\n  expandable?: boolean;\n  /** Whether the section is open or not, if this property is defined the accordion must be fully controlled. */\n  expanded?: boolean;\n  /** When uncontrolled, defines the initial expanded state. */\n  defaultExpanded?: boolean;\n  /** Section actions */\n  actions?: React.ReactNode;\n  /** Section onExpand callback */\n  onToggle?: (\n    event: React.MouseEvent<HTMLButtonElement>,\n    open: boolean\n  ) => void;\n  /** Props to be passed to the expand button */\n  expandButtonProps?: HvButtonProps;\n  /** A Jss Object used to override or extend the styles applied to the empty state component. */\n  classes?: HvSectionClasses;\n}\n\n/**\n * Sections allow grouping information on a page under the same topic.\n */\nexport const HvSection = forwardRef<HTMLDivElement, HvSectionProps>(\n  (props, ref) => {\n    const {\n      id,\n      classes: classesProp,\n      className,\n      title,\n      expandable,\n      expanded,\n      defaultExpanded = true,\n      actions,\n      onToggle,\n      expandButtonProps,\n      children,\n      ...others\n    } = useDefaultProps(\"HvSection\", props);\n\n    const { classes, cx } = useClasses(classesProp);\n\n    const [isOpen, setIsOpen] = useControlled(\n      expanded,\n      Boolean(defaultExpanded)\n    );\n\n    const elementId = useUniqueId(id, \"hvSection\");\n    const contentId = setId(elementId, \"content\");\n\n    const showContent = expandable ? !!isOpen : true;\n\n    return (\n      <div\n        ref={ref}\n        id={elementId}\n        className={cx(classes.root, className)}\n        {...others}\n      >\n        <div className={classes.header}>\n          {expandable && (\n            <HvButton\n              icon\n              onClick={(event) => {\n                setIsOpen((o) => !o);\n                onToggle?.(event, !isOpen);\n              }}\n              aria-expanded={isOpen}\n              aria-controls={contentId}\n              aria-label={isOpen ? \"Collapse\" : \"Expand\"}\n              {...expandButtonProps}\n            >\n              {isOpen ? <Up /> : <Down />}\n            </HvButton>\n          )}\n          {title}\n          <div className={classes.actions}>{actions}</div>\n        </div>\n        <div\n          id={contentId}\n          hidden={!isOpen}\n          className={cx(classes.content, { [classes.hidden]: !showContent })}\n        >\n          {children}\n        </div>\n      </div>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;;;;;;AA2CO,MAAM,YAAY;AAAA,EACvB,CAAC,OAAO,QAAQ;AACR,UAAA;AAAA,MACJ;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IAAA,IACD,gBAAgB,aAAa,KAAK;AAEtC,UAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAExC,UAAA,CAAC,QAAQ,SAAS,IAAI;AAAA,MAC1B;AAAA,MACA,QAAQ,eAAe;AAAA,IAAA;AAGnB,UAAA,YAAY,YAAY,IAAI,WAAW;AACvC,UAAA,YAAY,MAAM,WAAW,SAAS;AAE5C,UAAM,cAAc,aAAa,CAAC,CAAC,SAAS;AAG1C,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,IAAI;AAAA,QACJ,WAAW,GAAG,QAAQ,MAAM,SAAS;AAAA,QACpC,GAAG;AAAA,QAEJ,UAAA;AAAA,UAAC,qBAAA,OAAA,EAAI,WAAW,QAAQ,QACrB,UAAA;AAAA,YACC,cAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAI;AAAA,gBACJ,SAAS,CAAC,UAAU;AACR,4BAAA,CAAC,MAAM,CAAC,CAAC;AACR,6BAAA,OAAO,CAAC,MAAM;AAAA,gBAC3B;AAAA,gBACA,iBAAe;AAAA,gBACf,iBAAe;AAAA,gBACf,cAAY,SAAS,aAAa;AAAA,gBACjC,GAAG;AAAA,gBAEH,UAAS,SAAA,oBAAC,IAAG,CAAA,CAAA,wBAAM,MAAK,EAAA;AAAA,cAAA;AAAA,YAC3B;AAAA,YAED;AAAA,YACA,oBAAA,OAAA,EAAI,WAAW,QAAQ,SAAU,UAAQ,SAAA;AAAA,UAAA,GAC5C;AAAA,UACA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,QAAQ,CAAC;AAAA,cACT,WAAW,GAAG,QAAQ,SAAS,EAAE,CAAC,QAAQ,MAAM,GAAG,CAAC,aAAa;AAAA,cAEhE;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}