@hitachivantara/uikit-react-core 5.41.0 → 5.42.0

package/dist/esm/BaseRadio/BaseRadio.styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseRadio.styles.mjs","sources":["../../../src/BaseRadio/BaseRadio.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"../utils/focusUtils\";\nimport { createClasses } from \"../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvBaseRadio\", {\n  root: {\n    padding: 0,\n    cursor: \"pointer\",\n    \"&:hover\": {\n      backgroundColor: theme.colors.containerBackgroundHover,\n      borderRadius: theme.radii.base,\n    },\n    borderRadius: 0,\n  },\n  disabled: {\n    cursor: \"not-allowed\",\n    pointerEvents: \"initial\",\n    \"& svg\": {\n      \"& path:nth-of-type(2)\": {\n        fill: theme.colors.secondary_60,\n      },\n    },\n  },\n  focusVisible: {\n    \"& svg\": {\n      borderRadius: \"8px\",\n      ...outlineStyles,\n    },\n  },\n  icon: {},\n});\n"],"names":[],"mappings":";;;AAKO,MAAM,EAAE,eAAe,eAAe,cAAc,eAAe;AAAA,EACxE,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,WAAW;AAAA,MACT,iBAAiB,MAAM,OAAO;AAAA,MAC9B,cAAc,MAAM,MAAM;AAAA,IAC5B;AAAA,IACA,cAAc;AAAA,EAChB;AAAA,EACA,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,SAAS;AAAA,MACP,yBAAyB;AAAA,QACvB,MAAM,MAAM,OAAO;AAAA,MACrB;AAAA,IACF;AAAA,EACF;AAAA,EACA,cAAc;AAAA,IACZ,SAAS;AAAA,MACP,cAAc;AAAA,MACd,GAAG;AAAA,IACL;AAAA,EACF;AAAA,EACA,MAAM,CAAC;AACT,CAAC;"}

package/dist/esm/BaseSwitch/BaseSwitch.mjs

@@ -0,0 +1,95 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef, useState, useCallback } from "react";
+import MuiSwitch from "@mui/material/Switch";
+import { useDefaultProps } from "../hooks/useDefaultProps.mjs";
+import { useClasses } from "./BaseSwitch.styles.mjs";
+import { staticClasses } from "./BaseSwitch.styles.mjs";
+const HvBaseSwitch = forwardRef(
+  (props, ref) => {
+    const {
+      classes: classesProp,
+      className,
+      id,
+      name,
+      value = "on",
+      required = false,
+      readOnly = false,
+      disabled = false,
+      checked,
+      defaultChecked,
+      onChange,
+      inputProps,
+      onFocusVisible,
+      onBlur,
+      ...others
+    } = useDefaultProps("HvBaseSwitch", props);
+    const { classes, cx } = useClasses(classesProp);
+    const [focusVisible, setFocusVisible] = useState(false);
+    const onFocusVisibleCallback = useCallback(
+      (evt) => {
+        setFocusVisible(true);
+        onFocusVisible?.(evt);
+      },
+      [onFocusVisible]
+    );
+    const onBlurCallback = useCallback(
+      (evt) => {
+        setFocusVisible(false);
+        onBlur?.(evt);
+      },
+      [onBlur]
+    );
+    const onLocalChange = useCallback(
+      (evt) => {
+        if (readOnly) {
+          return;
+        }
+        onChange?.(evt, evt.target.checked, value);
+      },
+      [onChange, readOnly, value]
+    );
+    return /* @__PURE__ */ jsx(
+      MuiSwitch,
+      {
+        ref,
+        id,
+        name,
+        className: cx(
+          classes.root,
+          {
+            [classes.disabled]: disabled,
+            [classes.readOnly]: readOnly,
+            [classes.focusVisible]: focusVisible
+          },
+          className
+        ),
+        color: "default",
+        disabled,
+        required,
+        readOnly,
+        disableRipple: true,
+        onChange: onLocalChange,
+        value,
+        checked,
+        defaultChecked,
+        classes: {
+          root: classes.switch,
+          switchBase: classes.switchBase,
+          checked: classes.checked,
+          track: classes.track,
+          thumb: classes.thumb,
+          disabled: classes.disabled
+        },
+        inputProps,
+        onFocusVisible: onFocusVisibleCallback,
+        onBlur: onBlurCallback,
+        ...others
+      }
+    );
+  }
+);
+export {
+  HvBaseSwitch,
+  staticClasses as baseSwitchClasses
+};
+//# sourceMappingURL=BaseSwitch.mjs.map

package/dist/esm/BaseSwitch/BaseSwitch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseSwitch.mjs","sources":["../../../src/BaseSwitch/BaseSwitch.tsx"],"sourcesContent":["import React, { useState, useCallback, forwardRef } from \"react\";\n\nimport MuiSwitch, { SwitchProps as MuiSwitchProps } from \"@mui/material/Switch\";\n\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\nimport { ExtractNames } from \"../utils/classes\";\n\nimport { useClasses, staticClasses } from \"./BaseSwitch.styles\";\n\nexport { staticClasses as baseSwitchClasses };\n\nexport type HvBaseSwitchClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBaseSwitchProps\n  extends Omit<MuiSwitchProps, \"onChange\" | \"classes\"> {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the switch.\n   */\n  classes?: HvBaseSwitchClasses;\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * The input name.\n   */\n  name?: 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  value?: any;\n  /**\n   * Indicates that user input is required.\n   */\n  required?: boolean;\n  /**\n   * Indicates that the input is not editable.\n   */\n  readOnly?: boolean;\n  /**\n   * Indicates that the input is disabled.\n   */\n  disabled?: boolean;\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?: boolean;\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked?: boolean;\n  /**\n   * The callback fired when the switch is pressed.\n   */\n  onChange?: (event: React.ChangeEvent, checked: boolean, value: any) => void;\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n  /**\n   * Callback fired when the component is focused with a keyboard.\n   * We trigger a `onFocus` callback too.\n   */\n  onFocusVisible?: (event: React.FocusEvent<any>) => void;\n  /**\n   * @ignore\n   */\n  onBlur?: (event: React.FocusEvent<any>) => void;\n}\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 */\nexport const HvBaseSwitch = forwardRef<HTMLButtonElement, HvBaseSwitchProps>(\n  (props, ref) => {\n    const {\n      classes: classesProp,\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    } = useDefaultProps(\"HvBaseSwitch\", props);\n\n    const { classes, cx } = useClasses(classesProp);\n\n    const [focusVisible, setFocusVisible] = useState(false);\n\n    const onFocusVisibleCallback = useCallback(\n      (evt: React.FocusEvent<any, Element>) => {\n        setFocusVisible(true);\n        onFocusVisible?.(evt);\n      },\n      [onFocusVisible]\n    );\n\n    const onBlurCallback = useCallback(\n      (evt: React.FocusEvent<any, Element>) => {\n        setFocusVisible(false);\n        onBlur?.(evt);\n      },\n      [onBlur]\n    );\n\n    const onLocalChange = useCallback(\n      (evt: React.ChangeEvent<HTMLInputElement>) => {\n        if (readOnly) {\n          return;\n        }\n\n        onChange?.(evt, evt.target.checked, value);\n      },\n      [onChange, readOnly, value]\n    );\n\n    return (\n      <MuiSwitch\n        ref={ref}\n        id={id}\n        name={name}\n        className={cx(\n          classes.root,\n          {\n            [classes.disabled]: disabled,\n            [classes.readOnly]: readOnly,\n            [classes.focusVisible]: focusVisible,\n          },\n          className\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);\n"],"names":[],"mappings":";;;;;;AAuFO,MAAM,eAAe;AAAA,EAC1B,CAAC,OAAO,QAAQ;AACR,UAAA;AAAA,MACJ,SAAS;AAAA,MACT;AAAA,MAEA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MAER,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,MAEX;AAAA,MACA;AAAA,MAEA;AAAA,MAEA;AAAA,MAEA;AAAA,MACA;AAAA,MAEA,GAAG;AAAA,IAAA,IACD,gBAAgB,gBAAgB,KAAK;AAEzC,UAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAE9C,UAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,UAAM,yBAAyB;AAAA,MAC7B,CAAC,QAAwC;AACvC,wBAAgB,IAAI;AACpB,yBAAiB,GAAG;AAAA,MACtB;AAAA,MACA,CAAC,cAAc;AAAA,IAAA;AAGjB,UAAM,iBAAiB;AAAA,MACrB,CAAC,QAAwC;AACvC,wBAAgB,KAAK;AACrB,iBAAS,GAAG;AAAA,MACd;AAAA,MACA,CAAC,MAAM;AAAA,IAAA;AAGT,UAAM,gBAAgB;AAAA,MACpB,CAAC,QAA6C;AAC5C,YAAI,UAAU;AACZ;AAAA,QACF;AAEA,mBAAW,KAAK,IAAI,OAAO,SAAS,KAAK;AAAA,MAC3C;AAAA,MACA,CAAC,UAAU,UAAU,KAAK;AAAA,IAAA;AAI1B,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,UACT,QAAQ;AAAA,UACR;AAAA,YACE,CAAC,QAAQ,QAAQ,GAAG;AAAA,YACpB,CAAC,QAAQ,QAAQ,GAAG;AAAA,YACpB,CAAC,QAAQ,YAAY,GAAG;AAAA,UAC1B;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAa;AAAA,QACb,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS;AAAA,UACP,MAAM,QAAQ;AAAA,UACd,YAAY,QAAQ;AAAA,UACpB,SAAS,QAAQ;AAAA,UACjB,OAAO,QAAQ;AAAA,UACf,OAAO,QAAQ;AAAA,UACf,UAAU,QAAQ;AAAA,QACpB;AAAA,QACA;AAAA,QACA,gBAAgB;AAAA,QAChB,QAAQ;AAAA,QACP,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;"}

package/dist/esm/BaseSwitch/BaseSwitch.styles.mjs

@@ -0,0 +1,96 @@
+import { theme } from "@hitachivantara/uikit-styles";
+import { outlineStyles } from "../utils/focusUtils.mjs";
+import { createClasses } from "../utils/classes.mjs";
+const { staticClasses, useClasses } = createClasses("HvBaseSwitch", {
+  root: {
+    padding: 0,
+    cursor: "pointer",
+    width: "40px",
+    height: "32px",
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: theme.radii.base,
+    "&:hover": {
+      backgroundColor: theme.colors.primary_20
+    },
+    // Higher CSS specificity here
+    "& $switchBase": {
+      "&:hover": {
+        backgroundColor: "transparent"
+      },
+      "&$checked": {
+        transform: "translateX(16px)",
+        "& + $track": {
+          opacity: 1,
+          backgroundColor: theme.colors.secondary
+        },
+        "&:hover": {
+          backgroundColor: "transparent"
+        }
+      }
+    },
+    // Higher CSS specificity here
+    "&$disabled": {
+      "& $switchBase": {
+        "& + $track": {
+          opacity: 1,
+          backgroundColor: theme.colors.atmo3,
+          border: `solid 1px ${theme.colors.secondary_60}`
+        }
+      }
+    }
+  },
+  switch: {
+    width: "40px",
+    height: "32px",
+    padding: 0,
+    "&$readOnly $switchBase": {
+      cursor: "default"
+    }
+  },
+  switchBase: {
+    width: "40px",
+    height: "32px",
+    padding: 0
+  },
+  track: {
+    opacity: 1,
+    borderRadius: "15px",
+    height: "16px",
+    width: "32px",
+    border: `solid 1px ${theme.colors.secondary}`,
+    backgroundColor: theme.colors.atmo1
+  },
+  thumb: {
+    position: "relative",
+    left: "-9px",
+    width: "12px",
+    height: "12px",
+    border: `solid 1px ${theme.colors.secondary}`,
+    backgroundColor: theme.colors.atmo1,
+    marginLeft: "2px",
+    marginTop: 0,
+    boxShadow: "none"
+  },
+  checked: {},
+  disabled: {
+    cursor: "not-allowed",
+    "& $switch": {
+      cursor: "not-allowed"
+    },
+    "& $thumb": {
+      backgroundColor: theme.colors.atmo3,
+      border: `solid 1px ${theme.colors.secondary_60}`
+    }
+  },
+  readOnly: {},
+  focusVisible: {
+    borderRadius: "8px",
+    ...outlineStyles
+  }
+});
+export {
+  staticClasses,
+  useClasses
+};
+//# sourceMappingURL=BaseSwitch.styles.mjs.map

package/dist/esm/BaseSwitch/BaseSwitch.styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseSwitch.styles.mjs","sources":["../../../src/BaseSwitch/BaseSwitch.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"../utils/focusUtils\";\nimport { createClasses } from \"../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvBaseSwitch\", {\n  root: {\n    padding: 0,\n    cursor: \"pointer\",\n    width: \"40px\",\n    height: \"32px\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    borderRadius: theme.radii.base,\n\n    \"&:hover\": {\n      backgroundColor: theme.colors.primary_20,\n    },\n\n    // Higher CSS specificity here\n    \"& $switchBase\": {\n      \"&:hover\": {\n        backgroundColor: \"transparent\",\n      },\n\n      \"&$checked\": {\n        transform: \"translateX(16px)\",\n        \"& + $track\": {\n          opacity: 1,\n          backgroundColor: theme.colors.secondary,\n        },\n        \"&:hover\": {\n          backgroundColor: \"transparent\",\n        },\n      },\n    },\n\n    // Higher CSS specificity here\n    \"&$disabled\": {\n      \"& $switchBase\": {\n        \"& + $track\": {\n          opacity: 1,\n          backgroundColor: theme.colors.atmo3,\n          border: `solid 1px ${theme.colors.secondary_60}`,\n        },\n      },\n    },\n  },\n  switch: {\n    width: \"40px\",\n    height: \"32px\",\n    padding: 0,\n\n    \"&$readOnly $switchBase\": {\n      cursor: \"default\",\n    },\n  },\n  switchBase: {\n    width: \"40px\",\n    height: \"32px\",\n    padding: 0,\n  },\n  track: {\n    opacity: 1,\n    borderRadius: \"15px\",\n    height: \"16px\",\n    width: \"32px\",\n    border: `solid 1px ${theme.colors.secondary}`,\n    backgroundColor: theme.colors.atmo1,\n  },\n  thumb: {\n    position: \"relative\",\n    left: \"-9px\",\n    width: \"12px\",\n    height: \"12px\",\n    border: `solid 1px ${theme.colors.secondary}`,\n    backgroundColor: theme.colors.atmo1,\n    marginLeft: \"2px\",\n    marginTop: 0,\n    boxShadow: \"none\",\n  },\n  checked: {},\n  disabled: {\n    cursor: \"not-allowed\",\n\n    \"& $switch\": {\n      cursor: \"not-allowed\",\n    },\n\n    \"& $thumb\": {\n      backgroundColor: theme.colors.atmo3,\n      border: `solid 1px ${theme.colors.secondary_60}`,\n    },\n  },\n  readOnly: {},\n  focusVisible: {\n    borderRadius: \"8px\",\n    ...outlineStyles,\n  },\n});\n"],"names":[],"mappings":";;;AAKO,MAAM,EAAE,eAAe,eAAe,cAAc,gBAAgB;AAAA,EACzE,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,cAAc,MAAM,MAAM;AAAA,IAE1B,WAAW;AAAA,MACT,iBAAiB,MAAM,OAAO;AAAA,IAChC;AAAA;AAAA,IAGA,iBAAiB;AAAA,MACf,WAAW;AAAA,QACT,iBAAiB;AAAA,MACnB;AAAA,MAEA,aAAa;AAAA,QACX,WAAW;AAAA,QACX,cAAc;AAAA,UACZ,SAAS;AAAA,UACT,iBAAiB,MAAM,OAAO;AAAA,QAChC;AAAA,QACA,WAAW;AAAA,UACT,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA;AAAA,IAGA,cAAc;AAAA,MACZ,iBAAiB;AAAA,QACf,cAAc;AAAA,UACZ,SAAS;AAAA,UACT,iBAAiB,MAAM,OAAO;AAAA,UAC9B,QAAQ,aAAa,MAAM,OAAO,YAAY;AAAA,QAChD;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IAET,0BAA0B;AAAA,MACxB,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,SAAS;AAAA,IACT,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ,aAAa,MAAM,OAAO,SAAS;AAAA,IAC3C,iBAAiB,MAAM,OAAO;AAAA,EAChC;AAAA,EACA,OAAO;AAAA,IACL,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ,aAAa,MAAM,OAAO,SAAS;AAAA,IAC3C,iBAAiB,MAAM,OAAO;AAAA,IAC9B,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AAAA,EACA,SAAS,CAAC;AAAA,EACV,UAAU;AAAA,IACR,QAAQ;AAAA,IAER,aAAa;AAAA,MACX,QAAQ;AAAA,IACV;AAAA,IAEA,YAAY;AAAA,MACV,iBAAiB,MAAM,OAAO;AAAA,MAC9B,QAAQ,aAAa,MAAM,OAAO,YAAY;AAAA,IAChD;AAAA,EACF;AAAA,EACA,UAAU,CAAC;AAAA,EACX,cAAc;AAAA,IACZ,cAAc;AAAA,IACd,GAAG;AAAA,EACL;AACF,CAAC;"}

package/dist/esm/Box/Box.mjs

@@ -0,0 +1,24 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import { theme } from "@hitachivantara/uikit-styles";
+import { useDefaultProps } from "../hooks/useDefaultProps.mjs";
+const sxFn = (sx) => {
+  return typeof sx === "function" ? sx(theme) : sx;
+};
+const HvBox = forwardRef(
+  (props, ref) => {
+    const {
+      style,
+      component: Component = "div",
+      sx,
+      children,
+      classes,
+      ...restProps
+    } = useDefaultProps("HvBox", props);
+    return /* @__PURE__ */ jsx(Component, { style: sx ? sxFn(sx) : style, ref, ...restProps, children });
+  }
+);
+export {
+  HvBox
+};
+//# sourceMappingURL=Box.mjs.map

package/dist/esm/Box/Box.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.mjs","sources":["../../../src/Box/Box.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { HvTheme, theme } from \"@hitachivantara/uikit-styles\";\n\nimport { PolymorphicComponentRef, PolymorphicRef } from \"../types/generic\";\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\n\ntype SxProps = React.CSSProperties | ((theme: HvTheme) => React.CSSProperties);\n\ntype HvBoxBaseProps<C extends React.ElementType> = PolymorphicComponentRef<\n  C,\n  { style?: React.CSSProperties; sx?: SxProps }\n>;\n\n// v6 - This shouldn't be named HvBoxProps\nexport type HvBoxProps = <C extends React.ElementType = \"div\">(\n  props: HvBoxBaseProps<C>\n) => React.ReactElement | null;\n\nconst sxFn = (sx: SxProps) => {\n  return typeof sx === \"function\" ? sx(theme) : sx;\n};\n\n/**\n * Customizable layout component that can be used to wrap other components.\n * It can be used to add styles to the wrapped components.\n * It can also be used to create a layout using the flexbox properties.\n */\nexport const HvBox: HvBoxProps = forwardRef(\n  <C extends React.ElementType = \"div\">(\n    props: HvBoxBaseProps<C>,\n    ref?: PolymorphicRef<C>\n  ) => {\n    const {\n      style,\n      component: Component = \"div\",\n      sx,\n      children,\n      classes,\n      ...restProps\n    } = useDefaultProps(\"HvBox\", props);\n\n    return (\n      <Component style={sx ? sxFn(sx) : style} ref={ref} {...restProps}>\n        {children}\n      </Component>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;AAkBA,MAAM,OAAO,CAAC,OAAgB;AAC5B,SAAO,OAAO,OAAO,aAAa,GAAG,KAAK,IAAI;AAChD;AAOO,MAAM,QAAoB;AAAA,EAC/B,CACE,OACA,QACG;AACG,UAAA;AAAA,MACJ;AAAA,MACA,WAAW,YAAY;AAAA,MACvB;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IAAA,IACD,gBAAgB,SAAS,KAAK;AAGhC,WAAA,oBAAC,WAAU,EAAA,OAAO,KAAK,KAAK,EAAE,IAAI,OAAO,KAAW,GAAG,WACpD,SACH,CAAA;AAAA,EAEJ;AACF;"}

package/dist/esm/BreadCrumb/BreadCrumb.mjs

@@ -0,0 +1,77 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { isValidElement } from "react";
+import { useDefaultProps } from "../hooks/useDefaultProps.mjs";
+import { useClasses } from "./BreadCrumb.styles.mjs";
+import { staticClasses } from "./BreadCrumb.styles.mjs";
+import { pathWithSubMenu, removeExtension } from "./utils.mjs";
+import { HvPathElement } from "./PathElement/PathElement.mjs";
+import { HvBreadCrumbPage } from "./Page/Page.mjs";
+import { HvTypography } from "../Typography/Typography.mjs";
+const HvBreadCrumb = (props) => {
+  const {
+    classes: classesProp,
+    className,
+    id,
+    listRoute = [],
+    maxVisible,
+    url,
+    onClick,
+    component,
+    dropDownMenuProps,
+    ...others
+  } = useDefaultProps("HvBreadCrumb", props);
+  const { classes, cx } = useClasses(classesProp);
+  const maxVisibleElem = maxVisible && maxVisible < 2 ? 2 : maxVisible;
+  let listPath = listRoute.slice();
+  if (url != null) {
+    listPath = [];
+    const baseUrl = url.match(/^.*\/\/[^/]+/);
+    const urlWithoutDomain = url.replace(/^.*\/\/[^/]+/, "");
+    const pathNames = urlWithoutDomain.split("/").filter((x) => x);
+    pathNames.map(
+      (elem, index) => listPath.push({
+        label: decodeURI(elem),
+        path: `${baseUrl}/${pathNames.slice(0, index + 1).join("/")}`
+      })
+    );
+  }
+  const breadcrumbPath = maxVisibleElem && listPath.length > maxVisibleElem ? pathWithSubMenu(
+    id,
+    listPath,
+    maxVisibleElem,
+    onClick,
+    dropDownMenuProps
+  ) : listPath;
+  return /* @__PURE__ */ jsx("nav", { id, className: cx(classes.root, className), ...others, children: /* @__PURE__ */ jsx("ol", { className: classes.orderedList, children: listPath.map((elem, index) => {
+    const key = `key_${index}`;
+    const isLast = index === breadcrumbPath.length - 1;
+    return /* @__PURE__ */ jsx(
+      HvPathElement,
+      {
+        classes: {
+          centerContainer: classes.centerContainer,
+          separatorContainer: classes.separatorContainer
+        },
+        last: isLast,
+        children: isValidElement(elem) && elem || isLast && /* @__PURE__ */ jsx(HvTypography, { className: classes.currentPage, variant: "body", children: removeExtension(elem.label) }) || /* @__PURE__ */ jsx(
+          HvBreadCrumbPage,
+          {
+            elem,
+            classes: {
+              a: classes.a,
+              link: classes.link
+            },
+            component,
+            onClick
+          }
+        )
+      },
+      key
+    );
+  }) }) });
+};
+export {
+  HvBreadCrumb,
+  staticClasses as breadCrumbClasses
+};
+//# sourceMappingURL=BreadCrumb.mjs.map

package/dist/esm/BreadCrumb/BreadCrumb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadCrumb.mjs","sources":["../../../src/BreadCrumb/BreadCrumb.tsx"],"sourcesContent":["import { isValidElement, MouseEvent } from \"react\";\n\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\nimport { HvBaseProps } from \"../types/generic\";\nimport { HvDropDownMenuProps } from \"../DropDownMenu\";\nimport { ExtractNames } from \"../utils/classes\";\nimport { HvTypography } from \"../Typography\";\n\nimport { HvPathElement } from \"./PathElement\";\nimport { HvBreadCrumbPage } from \"./Page\";\nimport { staticClasses, useClasses } from \"./BreadCrumb.styles\";\nimport { pathWithSubMenu, removeExtension } from \"./utils\";\nimport { HvBreadCrumbPathElement } from \"./types\";\n\nexport { staticClasses as breadCrumbClasses };\n\nexport type HvBreadCrumbClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBreadCrumbProps\n  extends HvBaseProps<HTMLDivElement, \"onClick\"> {\n  /** List of breadcrumb. */\n  listRoute?: HvBreadCrumbPathElement[];\n  /** URL to build the breadcrumb. */\n  url?: string;\n  /** Number of pages visible. */\n  maxVisible?: number;\n  /** The component used for the link node. Either a string to use a DOM element or a component. */\n  component?: React.ElementType;\n  /** Function passed to the component. If defined the component prop is used as the link node. */\n  onClick?: (event: MouseEvent<HTMLElement>, data: any) => void;\n  /** Props passed down to the DropDownMenu sub-menu component. */\n  dropDownMenuProps?: Partial<HvDropDownMenuProps>;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvBreadCrumbClasses;\n}\n\n/**\n * A breadcrumb is a graphical control element frequently used as a navigational aid.\n */\nexport const HvBreadCrumb = (props: HvBreadCrumbProps) => {\n  const {\n    classes: classesProp,\n    className,\n    id,\n    listRoute = [],\n    maxVisible,\n    url,\n    onClick,\n    component,\n    dropDownMenuProps,\n    ...others\n  } = useDefaultProps(\"HvBreadCrumb\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const maxVisibleElem = maxVisible && maxVisible < 2 ? 2 : maxVisible;\n  let listPath = listRoute.slice();\n\n  // build the listPath object list\n  if (url != null) {\n    listPath = [];\n\n    // get the domain\n    const baseUrl = url.match(/^.*\\/\\/[^/]+/);\n\n    // get url without domain\n    const urlWithoutDomain = url.replace(/^.*\\/\\/[^/]+/, \"\");\n\n    const pathNames = urlWithoutDomain.split(\"/\").filter((x) => x);\n\n    pathNames.map((elem, index) =>\n      listPath.push({\n        label: decodeURI(elem),\n        path: `${baseUrl}/${pathNames.slice(0, index + 1).join(\"/\")}`,\n      })\n    );\n  }\n\n  const breadcrumbPath =\n    maxVisibleElem && listPath.length > maxVisibleElem\n      ? pathWithSubMenu(\n          id,\n          listPath,\n          maxVisibleElem,\n          onClick,\n          dropDownMenuProps\n        )\n      : listPath;\n\n  return (\n    <nav id={id} className={cx(classes.root, className)} {...others}>\n      <ol className={classes.orderedList}>\n        {listPath.map((elem, index) => {\n          const key = `key_${index}`;\n          const isLast = index === breadcrumbPath.length - 1;\n\n          return (\n            <HvPathElement\n              classes={{\n                centerContainer: classes.centerContainer,\n                separatorContainer: classes.separatorContainer,\n              }}\n              key={key}\n              last={isLast}\n            >\n              {(isValidElement(elem) && elem) ||\n                (isLast && (\n                  <HvTypography className={classes.currentPage} variant=\"body\">\n                    {removeExtension(elem.label)}\n                  </HvTypography>\n                )) || (\n                  <HvBreadCrumbPage\n                    elem={elem}\n                    classes={{\n                      a: classes.a,\n                      link: classes.link,\n                    }}\n                    component={component}\n                    onClick={onClick}\n                  />\n                )}\n            </HvPathElement>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAuCa,MAAA,eAAe,CAAC,UAA6B;AAClD,QAAA;AAAA,IACJ,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,YAAY,CAAC;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACD,gBAAgB,gBAAgB,KAAK;AAEzC,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAE9C,QAAM,iBAAiB,cAAc,aAAa,IAAI,IAAI;AACtD,MAAA,WAAW,UAAU;AAGzB,MAAI,OAAO,MAAM;AACf,eAAW,CAAA;AAGL,UAAA,UAAU,IAAI,MAAM,cAAc;AAGxC,UAAM,mBAAmB,IAAI,QAAQ,gBAAgB,EAAE;AAEjD,UAAA,YAAY,iBAAiB,MAAM,GAAG,EAAE,OAAO,CAAC,MAAM,CAAC;AAEnD,cAAA;AAAA,MAAI,CAAC,MAAM,UACnB,SAAS,KAAK;AAAA,QACZ,OAAO,UAAU,IAAI;AAAA,QACrB,MAAM,GAAG,OAAO,IAAI,UAAU,MAAM,GAAG,QAAQ,CAAC,EAAE,KAAK,GAAG,CAAC;AAAA,MAAA,CAC5D;AAAA,IAAA;AAAA,EAEL;AAEA,QAAM,iBACJ,kBAAkB,SAAS,SAAS,iBAChC;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAEF,IAAA;AAGJ,SAAA,oBAAC,SAAI,IAAQ,WAAW,GAAG,QAAQ,MAAM,SAAS,GAAI,GAAG,QACvD,UAAC,oBAAA,MAAA,EAAG,WAAW,QAAQ,aACpB,mBAAS,IAAI,CAAC,MAAM,UAAU;AACvB,UAAA,MAAM,OAAO,KAAK;AAClB,UAAA,SAAS,UAAU,eAAe,SAAS;AAG/C,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,UACP,iBAAiB,QAAQ;AAAA,UACzB,oBAAoB,QAAQ;AAAA,QAC9B;AAAA,QAEA,MAAM;AAAA,QAEJ,yBAAe,IAAI,KAAK,QACvB,8BACE,cAAa,EAAA,WAAW,QAAQ,aAAa,SAAQ,QACnD,UAAA,gBAAgB,KAAK,KAAK,EAC7B,CAAA,KAEA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,SAAS;AAAA,cACP,GAAG,QAAQ;AAAA,cACX,MAAM,QAAQ;AAAA,YAChB;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,MAjBC;AAAA,IAAA;AAAA,EAmBP,CAEH,GACH,EACF,CAAA;AAEJ;"}

package/dist/esm/BreadCrumb/BreadCrumb.styles.mjs

@@ -0,0 +1,20 @@
+import { theme } from "@hitachivantara/uikit-styles";
+import { createClasses } from "../utils/classes.mjs";
+const { staticClasses, useClasses } = createClasses("HvBreadCrumb", {
+  root: { display: "flex", alignItems: "center", zIndex: 0 },
+  link: {},
+  orderedList: {
+    display: "flex",
+    paddingLeft: 0,
+    marginLeft: `-${theme.space.xs}`
+  },
+  currentPage: { padding: `8px ${theme.space.xs}` },
+  centerContainer: {},
+  separatorContainer: {},
+  a: {}
+});
+export {
+  staticClasses,
+  useClasses
+};
+//# sourceMappingURL=BreadCrumb.styles.mjs.map

package/dist/esm/BreadCrumb/BreadCrumb.styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadCrumb.styles.mjs","sources":["../../../src/BreadCrumb/BreadCrumb.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvBreadCrumb\", {\n  root: { display: \"flex\", alignItems: \"center\", zIndex: 0 },\n  link: {},\n  orderedList: {\n    display: \"flex\",\n    paddingLeft: 0,\n    marginLeft: `-${theme.space.xs}`,\n  },\n  currentPage: { padding: `8px ${theme.space.xs}` },\n  centerContainer: {},\n  separatorContainer: {},\n  a: {},\n});\n"],"names":[],"mappings":";;AAIO,MAAM,EAAE,eAAe,eAAe,cAAc,gBAAgB;AAAA,EACzE,MAAM,EAAE,SAAS,QAAQ,YAAY,UAAU,QAAQ,EAAE;AAAA,EACzD,MAAM,CAAC;AAAA,EACP,aAAa;AAAA,IACX,SAAS;AAAA,IACT,aAAa;AAAA,IACb,YAAY,IAAI,MAAM,MAAM,EAAE;AAAA,EAChC;AAAA,EACA,aAAa,EAAE,SAAS,OAAO,MAAM,MAAM,EAAE,GAAG;AAAA,EAChD,iBAAiB,CAAC;AAAA,EAClB,oBAAoB,CAAC;AAAA,EACrB,GAAG,CAAC;AACN,CAAC;"}

package/dist/esm/BreadCrumb/Page/Page.mjs

@@ -0,0 +1,38 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { useDefaultProps } from "../../hooks/useDefaultProps.mjs";
+import { useClasses } from "./Page.styles.mjs";
+import { staticClasses } from "./Page.styles.mjs";
+import { HvTypography } from "../../Typography/Typography.mjs";
+import { HvOverflowTooltip } from "../../OverflowTooltip/OverflowTooltip.mjs";
+const HvBreadCrumbPage = (props) => {
+  const {
+    component,
+    onClick,
+    elem,
+    classes: classesProp
+  } = useDefaultProps("HvBreadCrumbPage", props);
+  const { classes, cx } = useClasses(classesProp);
+  const { label, path, ...others } = elem;
+  const handleClick = (event) => {
+    event.preventDefault();
+    onClick?.(event, elem);
+  };
+  return /* @__PURE__ */ jsx(
+    HvTypography,
+    {
+      noWrap: true,
+      variant: "label",
+      component: component || "a",
+      href: elem.path,
+      onClick: onClick && handleClick,
+      className: cx(classes.link, classes.label, classes.a),
+      ...others,
+      children: /* @__PURE__ */ jsx(HvOverflowTooltip, { data: elem.label })
+    }
+  );
+};
+export {
+  HvBreadCrumbPage,
+  staticClasses as breadCrumbPageClasses
+};
+//# sourceMappingURL=Page.mjs.map

package/dist/esm/BreadCrumb/Page/Page.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.mjs","sources":["../../../../src/BreadCrumb/Page/Page.tsx"],"sourcesContent":["import { MouseEvent } from \"react\";\n\nimport { HvTypography } from \"../../Typography\";\nimport { HvOverflowTooltip } from \"../../OverflowTooltip\";\nimport { ExtractNames } from \"../../utils/classes\";\nimport { useDefaultProps } from \"../../hooks/useDefaultProps\";\n\nimport { HvBreadCrumbPathElement } from \"../types\";\nimport { staticClasses, useClasses } from \"./Page.styles\";\n\nexport { staticClasses as breadCrumbPageClasses };\n\nexport type HvBreadCrumbPageClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBreadCrumbPageProps {\n  component?: React.ElementType;\n  onClick?: (event: MouseEvent<HTMLElement>, data: any) => void;\n  elem: HvBreadCrumbPathElement;\n  classes?: HvBreadCrumbPageClasses;\n}\n\nexport const HvBreadCrumbPage = (props: HvBreadCrumbPageProps) => {\n  const {\n    component,\n    onClick,\n    elem,\n    classes: classesProp,\n  } = useDefaultProps(\"HvBreadCrumbPage\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const { label, path, ...others } = elem;\n\n  const handleClick = (event: MouseEvent<HTMLElement>) => {\n    event.preventDefault();\n    onClick?.(event, elem);\n  };\n\n  return (\n    <HvTypography\n      noWrap\n      variant=\"label\"\n      component={component || \"a\"}\n      href={elem.path}\n      onClick={onClick && handleClick}\n      className={cx(classes.link, classes.label, classes.a)}\n      {...others}\n    >\n      <HvOverflowTooltip data={elem.label} />\n    </HvTypography>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAqBa,MAAA,mBAAmB,CAAC,UAAiC;AAC1D,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EAAA,IACP,gBAAgB,oBAAoB,KAAK;AAE7C,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAE9C,QAAM,EAAE,OAAO,MAAM,GAAG,WAAW;AAE7B,QAAA,cAAc,CAAC,UAAmC;AACtD,UAAM,eAAe;AACrB,cAAU,OAAO,IAAI;AAAA,EAAA;AAIrB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,SAAQ;AAAA,MACR,WAAW,aAAa;AAAA,MACxB,MAAM,KAAK;AAAA,MACX,SAAS,WAAW;AAAA,MACpB,WAAW,GAAG,QAAQ,MAAM,QAAQ,OAAO,QAAQ,CAAC;AAAA,MACnD,GAAG;AAAA,MAEJ,UAAC,oBAAA,mBAAA,EAAkB,MAAM,KAAK,OAAO;AAAA,IAAA;AAAA,EAAA;AAG3C;"}

package/dist/esm/BreadCrumb/Page/Page.styles.mjs

@@ -0,0 +1,28 @@
+import { theme } from "@hitachivantara/uikit-styles";
+import { createClasses } from "../../utils/classes.mjs";
+import { outlineStyles } from "../../utils/focusUtils.mjs";
+const { staticClasses, useClasses } = createClasses("HvBreadCrumbPage", {
+  link: {
+    padding: `8px ${theme.space.xs}`,
+    borderRadius: theme.radii.base,
+    maxWidth: 170 + 16,
+    textTransform: "capitalize",
+    "&:hover": {
+      cursor: "pointer",
+      backgroundColor: theme.colors.primary_20
+    },
+    "&:focus": {
+      backgroundColor: theme.colors.primary_20
+    },
+    "&:focus-visible": {
+      ...outlineStyles
+    }
+  },
+  label: {},
+  a: {}
+});
+export {
+  staticClasses,
+  useClasses
+};
+//# sourceMappingURL=Page.styles.mjs.map

package/dist/esm/BreadCrumb/Page/Page.styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.styles.mjs","sources":["../../../../src/BreadCrumb/Page/Page.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../../utils/classes\";\nimport { outlineStyles } from \"../../utils/focusUtils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvBreadCrumbPage\", {\n  link: {\n    padding: `8px ${theme.space.xs}`,\n    borderRadius: theme.radii.base,\n    maxWidth: 170 + 16,\n    textTransform: \"capitalize\",\n    \"&:hover\": {\n      cursor: \"pointer\",\n      backgroundColor: theme.colors.primary_20,\n    },\n    \"&:focus\": {\n      backgroundColor: theme.colors.primary_20,\n    },\n    \"&:focus-visible\": {\n      ...outlineStyles,\n    },\n  },\n  label: {},\n  a: {},\n});\n"],"names":[],"mappings":";;;AAKO,MAAM,EAAE,eAAe,eAAe,cAAc,oBAAoB;AAAA,EAC7E,MAAM;AAAA,IACJ,SAAS,OAAO,MAAM,MAAM,EAAE;AAAA,IAC9B,cAAc,MAAM,MAAM;AAAA,IAC1B,UAAU,MAAM;AAAA,IAChB,eAAe;AAAA,IACf,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,iBAAiB,MAAM,OAAO;AAAA,IAChC;AAAA,IACA,WAAW;AAAA,MACT,iBAAiB,MAAM,OAAO;AAAA,IAChC;AAAA,IACA,mBAAmB;AAAA,MACjB,GAAG;AAAA,IACL;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AAAA,EACR,GAAG,CAAC;AACN,CAAC;"}

package/dist/esm/BreadCrumb/PathElement/PathElement.mjs

@@ -0,0 +1,26 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { DropRightXS } from "@hitachivantara/uikit-react-icons";
+import { useClasses } from "./PathElement.styles.mjs";
+import { staticClasses } from "./PathElement.styles.mjs";
+const HvPathElement = ({
+  classes: classesProp,
+  last = false,
+  children
+}) => {
+  const { classes } = useClasses(classesProp);
+  return /* @__PURE__ */ jsxs("li", { className: classes.centerContainer, children: [
+    children,
+    !last && /* @__PURE__ */ jsx(
+      DropRightXS,
+      {
+        className: classes.separatorContainer,
+        color: "secondary_60"
+      }
+    )
+  ] });
+};
+export {
+  HvPathElement,
+  staticClasses as pathElementClasses
+};
+//# sourceMappingURL=PathElement.mjs.map

package/dist/esm/BreadCrumb/PathElement/PathElement.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PathElement.mjs","sources":["../../../../src/BreadCrumb/PathElement/PathElement.tsx"],"sourcesContent":["import { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { ExtractNames } from \"../../utils/classes\";\n\nimport { staticClasses, useClasses } from \"./PathElement.styles\";\n\nexport { staticClasses as pathElementClasses };\n\nexport type HvPathElementClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvPathElementProps {\n  last?: boolean;\n  classes?: HvPathElementClasses;\n  children: React.ReactElement;\n}\n\nexport const HvPathElement = ({\n  classes: classesProp,\n  last = false,\n  children,\n}: HvPathElementProps) => {\n  const { classes } = useClasses(classesProp);\n\n  return (\n    <li className={classes.centerContainer}>\n      {children}\n      {!last && (\n        <DropRightXS\n          className={classes.separatorContainer}\n          color=\"secondary_60\"\n        />\n      )}\n    </li>\n  );\n};\n"],"names":[],"mappings":";;;;AAgBO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,SAAS;AAAA,EACT,OAAO;AAAA,EACP;AACF,MAA0B;AACxB,QAAM,EAAE,QAAA,IAAY,WAAW,WAAW;AAE1C,SACG,qBAAA,MAAA,EAAG,WAAW,QAAQ,iBACpB,UAAA;AAAA,IAAA;AAAA,IACA,CAAC,QACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,QAAQ;AAAA,QACnB,OAAM;AAAA,MAAA;AAAA,IACR;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

package/dist/esm/BreadCrumb/PathElement/PathElement.styles.mjs

@@ -0,0 +1,10 @@
+import { createClasses } from "../../utils/classes.mjs";
+const { staticClasses, useClasses } = createClasses("HvPathElement", {
+  centerContainer: { display: "flex", alignItems: "center" },
+  separatorContainer: {}
+});
+export {
+  staticClasses,
+  useClasses
+};
+//# sourceMappingURL=PathElement.styles.mjs.map

package/dist/esm/BreadCrumb/PathElement/PathElement.styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PathElement.styles.mjs","sources":["../../../../src/BreadCrumb/PathElement/PathElement.styles.tsx"],"sourcesContent":["import { createClasses } from \"../../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvPathElement\", {\n  centerContainer: { display: \"flex\", alignItems: \"center\" },\n  separatorContainer: {},\n});\n"],"names":[],"mappings":";AAEO,MAAM,EAAE,eAAe,eAAe,cAAc,iBAAiB;AAAA,EAC1E,iBAAiB,EAAE,SAAS,QAAQ,YAAY,SAAS;AAAA,EACzD,oBAAoB,CAAC;AACvB,CAAC;"}

package/dist/esm/BreadCrumb/utils.mjs

@@ -0,0 +1,33 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { MoreOptionsHorizontal } from "@hitachivantara/uikit-react-icons";
+import { setId } from "../utils/setId.mjs";
+import { HvDropDownMenu } from "../DropDownMenu/DropDownMenu.mjs";
+const removeExtension = (label) => label.includes(".") ? label.substring(0, label.lastIndexOf(".")) : label;
+const pathWithSubMenu = (id, listRoute, maxVisible, onClick, dropDownMenuProps) => {
+  const nbrElemToSubMenu = listRoute.length - maxVisible;
+  const subMenuList = listRoute.slice(1, nbrElemToSubMenu + 1);
+  const handleClick = (event, data) => {
+    event.preventDefault();
+    onClick?.(event, data);
+  };
+  listRoute.splice(
+    1,
+    nbrElemToSubMenu,
+    /* @__PURE__ */ jsx(
+      HvDropDownMenu,
+      {
+        id: setId(id, "submenu"),
+        icon: /* @__PURE__ */ jsx(MoreOptionsHorizontal, { iconSize: "S", color: "secondary" }),
+        dataList: subMenuList,
+        ...dropDownMenuProps,
+        onClick: onClick != null ? handleClick : void 0
+      }
+    )
+  );
+  return listRoute;
+};
+export {
+  pathWithSubMenu,
+  removeExtension
+};
+//# sourceMappingURL=utils.mjs.map

package/dist/esm/BreadCrumb/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../../src/BreadCrumb/utils.tsx"],"sourcesContent":["import { MouseEvent } from \"react\";\n\nimport { MoreOptionsHorizontal } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvDropDownMenu, HvDropDownMenuProps } from \"../DropDownMenu\";\nimport { setId } from \"../utils/setId\";\n\nexport const removeExtension = (label: string) =>\n  label.includes(\".\") ? label.substring(0, label.lastIndexOf(\".\")) : label;\n\nexport const pathWithSubMenu = (\n  id: string | undefined,\n  listRoute: any,\n  maxVisible: number,\n  onClick?: (event: MouseEvent<HTMLElement>, data: any) => void,\n  dropDownMenuProps?: Partial<HvDropDownMenuProps>\n) => {\n  const nbrElemToSubMenu = listRoute.length - maxVisible;\n  const subMenuList = listRoute.slice(1, nbrElemToSubMenu + 1);\n\n  const handleClick = (event: any, data: any) => {\n    event.preventDefault();\n\n    onClick?.(event, data);\n  };\n\n  listRoute.splice(\n    1,\n    nbrElemToSubMenu,\n    <HvDropDownMenu\n      id={setId(id, \"submenu\")}\n      icon={<MoreOptionsHorizontal iconSize=\"S\" color=\"secondary\" />}\n      dataList={subMenuList}\n      {...dropDownMenuProps}\n      onClick={onClick != null ? handleClick : undefined}\n    />\n  );\n\n  return listRoute;\n};\n"],"names":[],"mappings":";;;;AAOO,MAAM,kBAAkB,CAAC,UAC9B,MAAM,SAAS,GAAG,IAAI,MAAM,UAAU,GAAG,MAAM,YAAY,GAAG,CAAC,IAAI;AAE9D,MAAM,kBAAkB,CAC7B,IACA,WACA,YACA,SACA,sBACG;AACG,QAAA,mBAAmB,UAAU,SAAS;AAC5C,QAAM,cAAc,UAAU,MAAM,GAAG,mBAAmB,CAAC;AAErD,QAAA,cAAc,CAAC,OAAY,SAAc;AAC7C,UAAM,eAAe;AAErB,cAAU,OAAO,IAAI;AAAA,EAAA;AAGb,YAAA;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI,MAAM,IAAI,SAAS;AAAA,QACvB,MAAO,oBAAA,uBAAA,EAAsB,UAAS,KAAI,OAAM,aAAY;AAAA,QAC5D,UAAU;AAAA,QACT,GAAG;AAAA,QACJ,SAAS,WAAW,OAAO,cAAc;AAAA,MAAA;AAAA,IAC3C;AAAA,EAAA;AAGK,SAAA;AACT;"}

package/dist/esm/BulkActions/BulkActions.mjs

@@ -0,0 +1,110 @@
+import { jsx, jsxs, Fragment } from "@emotion/react/jsx-runtime";
+import { useDefaultProps } from "../hooks/useDefaultProps.mjs";
+import { setId } from "../utils/setId.mjs";
+import { useTheme } from "../hooks/useTheme.mjs";
+import { useClasses } from "./BulkActions.styles.mjs";
+import { staticClasses } from "./BulkActions.styles.mjs";
+import { HvButton } from "../Button/Button.mjs";
+import { HvTypography } from "../Typography/Typography.mjs";
+import { HvCheckBox } from "../CheckBox/CheckBox.mjs";
+import { HvActionsGeneric } from "../ActionsGeneric/ActionsGeneric.mjs";
+const HvBulkActions = (props) => {
+  const {
+    id,
+    className,
+    classes: classesProp,
+    selectAllPagesLabel,
+    actionsDisabled,
+    maxVisibleActions,
+    checkboxProps,
+    actions,
+    numTotal = 0,
+    numSelected = 0,
+    selectAllLabel = "All",
+    selectAllConjunctionLabel = "/",
+    showSelectAllPages = false,
+    semantic = true,
+    actionsCallback,
+    onSelectAll,
+    onSelectAllPages,
+    ...others
+  } = useDefaultProps("HvBulkActions", props);
+  const { classes, cx } = useClasses(classesProp);
+  const { activeTheme } = useTheme();
+  const anySelected = numSelected > 0;
+  const isSemantic = semantic && anySelected;
+  const selectAllLabelComponent = /* @__PURE__ */ jsx(
+    HvTypography,
+    {
+      component: "span",
+      disabled: checkboxProps?.disabled,
+      variant: "body",
+      children: !anySelected ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(HvTypography, { variant: "label", children: selectAllLabel }),
+        ` (${numTotal})`
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(HvTypography, { variant: "label", children: numSelected }),
+        ` ${selectAllConjunctionLabel} ${numTotal}`
+      ] })
+    }
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      id,
+      className: cx(
+        classes.root,
+        { [classes.semantic]: isSemantic },
+        className
+      ),
+      ...others,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: classes.selectAllContainer, children: [
+          /* @__PURE__ */ jsx(
+            HvCheckBox,
+            {
+              id: setId(id, "select"),
+              className: classes.selectAll,
+              checked: numSelected > 0,
+              semantic: isSemantic,
+              onChange: onSelectAll,
+              indeterminate: numSelected > 0 && numSelected < numTotal,
+              label: selectAllLabelComponent,
+              ...checkboxProps
+            }
+          ),
+          showSelectAllPages && anySelected && numSelected < numTotal && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: classes.divider }),
+            /* @__PURE__ */ jsx(
+              HvButton,
+              {
+                id: setId(id, "pages"),
+                className: classes.selectAllPages,
+                variant: isSemantic ? activeTheme?.bulkActions.actionButtonVariant : "secondaryGhost",
+                onClick: onSelectAllPages,
+                children: selectAllPagesLabel ?? `Select all ${numTotal} items`
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          HvActionsGeneric,
+          {
+            id: setId(id, "actions"),
+            classes: { root: classes.actions },
+            category: isSemantic ? activeTheme?.bulkActions.actionButtonVariant : "secondaryGhost",
+            actions,
+            disabled: actionsDisabled ?? numSelected === 0,
+            actionsCallback,
+            maxVisibleActions
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  HvBulkActions,
+  staticClasses as bulkActionsClasses
+};
+//# sourceMappingURL=BulkActions.mjs.map