@hitachivantara/uikit-react-core 3.52.5

package/dist/BaseSwitch/BaseSwitch.js.map

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

package/dist/BaseSwitch/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./BaseSwitch";
+export * from "./BaseSwitch";

package/dist/BaseSwitch/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _BaseSwitch.default;
+  }
+});
+
+var _BaseSwitch = _interopRequireDefault(require("./BaseSwitch"));
+//# sourceMappingURL=index.js.map

package/dist/BaseSwitch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/BaseSwitch/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA","sourcesContent":["export { default } from \"./BaseSwitch\";\n"],"file":"index.js"}

package/dist/BaseSwitch/styles.js

@@ -0,0 +1,108 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _styles = require("../Focus/styles");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var switchWidth = 32;
+var thumbPosition = {
+  position: "relative",
+  left: -9,
+  width: 12,
+  height: 12
+};
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      padding: 0,
+      cursor: "pointer"
+    },
+    switch: {
+      padding: 0,
+      width: switchWidth,
+      height: 16
+    },
+    switchBase: {
+      width: switchWidth,
+      height: 16,
+      padding: 0,
+      // increase CSS specificity
+      "&:hover": {
+        backgroundColor: "transparent"
+      },
+      "&$checked": {
+        transform: "translateX(16px)",
+        "& + $track": {
+          opacity: 1,
+          backgroundColor: theme.hv.palette.accent.acce1
+        },
+        "&:hover": {
+          backgroundColor: "transparent"
+        }
+      }
+    },
+    track: {
+      opacity: 1,
+      borderRadius: 15,
+      left: 17,
+      height: 16,
+      border: "solid 1px ".concat(theme.hv.palette.accent.acce1),
+      backgroundColor: theme.hv.palette.atmosphere.atmo2
+    },
+    thumb: _objectSpread(_objectSpread({}, thumbPosition), {}, {
+      border: "solid 1px ".concat(theme.hv.palette.accent.acce1),
+      backgroundColor: theme.hv.palette.atmosphere.atmo1,
+      marginLeft: 2,
+      marginTop: 0
+    }),
+    checked: {},
+    disabled: {
+      cursor: "not-allowed",
+      "& $switch": {
+        cursor: "not-allowed"
+      },
+      "& $thumb": {
+        backgroundColor: "".concat(theme.hv.palette.atmosphere.atmo3),
+        border: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo5)
+      },
+      "& $switchBase + $track": {
+        backgroundColor: "".concat(theme.hv.palette.atmosphere.atmo3),
+        border: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo5),
+        opacity: 1
+      }
+    },
+    focusVisible: _objectSpread({
+      borderRadius: "8px"
+    }, _styles.outlineStyles)
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/BaseSwitch/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/BaseSwitch/styles.js"],"names":["switchWidth","thumbPosition","position","left","width","height","styles","theme","root","padding","cursor","switch","switchBase","backgroundColor","transform","opacity","hv","palette","accent","acce1","track","borderRadius","border","atmosphere","atmo2","thumb","atmo1","marginLeft","marginTop","checked","disabled","atmo3","atmo5","focusVisible","outlineStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,WAAW,GAAG,EAApB;AAEA,IAAMC,aAAa,GAAG;AACpBC,EAAAA,QAAQ,EAAE,UADU;AAEpBC,EAAAA,IAAI,EAAE,CAAC,CAFa;AAGpBC,EAAAA,KAAK,EAAE,EAHa;AAIpBC,EAAAA,MAAM,EAAE;AAJY,CAAtB;;AAOA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,CADL;AAEJC,MAAAA,MAAM,EAAE;AAFJ,KADmB;AAMzBC,IAAAA,MAAM,EAAE;AACNF,MAAAA,OAAO,EAAE,CADH;AAENL,MAAAA,KAAK,EAAEJ,WAFD;AAGNK,MAAAA,MAAM,EAAE;AAHF,KANiB;AAYzBO,IAAAA,UAAU,EAAE;AACVR,MAAAA,KAAK,EAAEJ,WADG;AAEVK,MAAAA,MAAM,EAAE,EAFE;AAGVI,MAAAA,OAAO,EAAE,CAHC;AAKV;AACA,iBAAW;AACTI,QAAAA,eAAe,EAAE;AADR,OAND;AASV,mBAAa;AACXC,QAAAA,SAAS,EAAE,kBADA;AAEX,sBAAc;AACZC,UAAAA,OAAO,EAAE,CADG;AAEZF,UAAAA,eAAe,EAAEN,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC;AAF7B,SAFH;AAMX,mBAAW;AACTN,UAAAA,eAAe,EAAE;AADR;AANA;AATH,KAZa;AAiCzBO,IAAAA,KAAK,EAAE;AACLL,MAAAA,OAAO,EAAE,CADJ;AAELM,MAAAA,YAAY,EAAE,EAFT;AAGLlB,MAAAA,IAAI,EAAE,EAHD;AAILE,MAAAA,MAAM,EAAE,EAJH;AAKLiB,MAAAA,MAAM,sBAAef,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAAvC,CALD;AAMLN,MAAAA,eAAe,EAAEN,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BC;AANxC,KAjCkB;AA0CzBC,IAAAA,KAAK,kCACAxB,aADA;AAEHqB,MAAAA,MAAM,sBAAef,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAAvC,CAFH;AAGHN,MAAAA,eAAe,EAAEN,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BG,KAH1C;AAIHC,MAAAA,UAAU,EAAE,CAJT;AAKHC,MAAAA,SAAS,EAAE;AALR,MA1CoB;AAkDzBC,IAAAA,OAAO,EAAE,EAlDgB;AAoDzBC,IAAAA,QAAQ,EAAE;AACRpB,MAAAA,MAAM,EAAE,aADA;AAGR,mBAAa;AACXA,QAAAA,MAAM,EAAE;AADG,OAHL;AAOR,kBAAY;AACVG,QAAAA,eAAe,YAAKN,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BQ,KAAjC,CADL;AAEVT,QAAAA,MAAM,sBAAef,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BS,KAA3C;AAFI,OAPJ;AAYR,gCAA0B;AACxBnB,QAAAA,eAAe,YAAKN,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BQ,KAAjC,CADS;AAExBT,QAAAA,MAAM,sBAAef,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BS,KAA3C,CAFkB;AAGxBjB,QAAAA,OAAO,EAAE;AAHe;AAZlB,KApDe;AAuEzBkB,IAAAA,YAAY;AACVZ,MAAAA,YAAY,EAAE;AADJ,OAEPa,qBAFO;AAvEa,GAAZ;AAAA,CAAf;;eA6Ee5B,M","sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst switchWidth = 32;\n\nconst thumbPosition = {\n  position: \"relative\",\n  left: -9,\n  width: 12,\n  height: 12,\n};\n\nconst styles = (theme) => ({\n  root: {\n    padding: 0,\n    cursor: \"pointer\",\n  },\n\n  switch: {\n    padding: 0,\n    width: switchWidth,\n    height: 16,\n  },\n\n  switchBase: {\n    width: switchWidth,\n    height: 16,\n    padding: 0,\n\n    // increase CSS specificity\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&$checked\": {\n      transform: \"translateX(16px)\",\n      \"& + $track\": {\n        opacity: 1,\n        backgroundColor: theme.hv.palette.accent.acce1,\n      },\n      \"&:hover\": {\n        backgroundColor: \"transparent\",\n      },\n    },\n  },\n\n  track: {\n    opacity: 1,\n    borderRadius: 15,\n    left: 17,\n    height: 16,\n    border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n    backgroundColor: theme.hv.palette.atmosphere.atmo2,\n  },\n\n  thumb: {\n    ...thumbPosition,\n    border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    marginLeft: 2,\n    marginTop: 0,\n  },\n\n  checked: {},\n\n  disabled: {\n    cursor: \"not-allowed\",\n\n    \"& $switch\": {\n      cursor: \"not-allowed\",\n    },\n\n    \"& $thumb\": {\n      backgroundColor: `${theme.hv.palette.atmosphere.atmo3}`,\n      border: `solid 1px ${theme.hv.palette.atmosphere.atmo5}`,\n    },\n\n    \"& $switchBase + $track\": {\n      backgroundColor: `${theme.hv.palette.atmosphere.atmo3}`,\n      border: `solid 1px ${theme.hv.palette.atmosphere.atmo5}`,\n      opacity: 1,\n    },\n  },\n\n  focusVisible: {\n    borderRadius: \"8px\",\n    ...outlineStyles,\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/BreadCrumb/BreadCrumb.d.ts

@@ -0,0 +1,37 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { HvDropDownMenuProps } from "..";
+
+export interface BreadCrumbPathElement {
+  label: string;
+  path: string;
+}
+
+export type HvBreadCrumbClassKey = "root" | "link" | "separator" | "orderedList" | "currentPage";
+
+export interface HvBreadCrumbProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvBreadCrumbClassKey> {
+  /**
+   * List of breadcrumb.
+   */
+  listRoute?: BreadCrumbPathElement[];
+  /**
+   * URL to build the breadcrumb.
+   */
+  url?: string;
+  /**
+   * Number of pages visible.
+   */
+  maxVisible?: number;
+  /**
+   * The component used for the link node.
+   * Either a string to use a DOM element or a component.
+   */
+  component?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
+  /**
+   * Props passed down to the DropDownMenu sub-menu component.
+   */
+  dropDownMenuProps?: HvDropDownMenuProps;
+}
+
+export default function HvBreadCrumb(props: HvBreadCrumbProps): JSX.Element | null;

package/dist/BreadCrumb/BreadCrumb.js

@@ -0,0 +1,246 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+require("core-js/modules/es.string.link.js");
+
+require("core-js/modules/es.array.slice.js");
+
+require("core-js/modules/es.regexp.exec.js");
+
+require("core-js/modules/es.string.match.js");
+
+require("core-js/modules/es.string.replace.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.split.js");
+
+require("core-js/modules/es.array.map.js");
+
+require("core-js/modules/es.array.concat.js");
+
+require("core-js/modules/es.array.join.js");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _startCase = _interopRequireDefault(require("lodash/startCase"));
+
+var _isNil = _interopRequireDefault(require("lodash/isNil"));
+
+var _ = require("..");
+
+var _utils = require("./utils");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["classes", "className", "id", "listRoute", "maxVisible", "url", "onClick", "component", "dropDownMenuProps"];
+
+var Page = function Page(_ref) {
+  var Component = _ref.Component,
+      onClick = _ref.onClick,
+      elem = _ref.elem,
+      classes = _ref.classes;
+  return /*#__PURE__*/_react.default.createElement(_.HvLink, {
+    route: elem.path,
+    Component: Component,
+    onClick: onClick,
+    data: elem,
+    classes: {
+      a: classes.a
+    }
+  }, /*#__PURE__*/_react.default.createElement(_.HvTypography, {
+    noWrap: true,
+    variant: "highlightText",
+    className: classes.link
+  }, (0, _startCase.default)(elem.label)));
+};
+
+Page.propTypes = {
+  Component: _propTypes.default.elementType,
+  onClick: _propTypes.default.func,
+  elem: _propTypes.default.shape({
+    path: _propTypes.default.string,
+    label: _propTypes.default.string
+  }).isRequired,
+  classes: _propTypes.default.instanceOf(Object).isRequired
+};
+
+var PathElement = function PathElement(_ref2) {
+  var classes = _ref2.classes,
+      _ref2$last = _ref2.last,
+      last = _ref2$last === void 0 ? false : _ref2$last,
+      children = _ref2.children;
+  return /*#__PURE__*/_react.default.createElement("li", {
+    className: classes.centerContainer
+  }, children, !last && /*#__PURE__*/_react.default.createElement(_uikitReactIcons.DropRightXS, {
+    className: classes.separatorContainer,
+    color: "atmo5"
+  }));
+};
+
+PathElement.propTypes = {
+  last: _propTypes.default.bool,
+  classes: _propTypes.default.instanceOf(Object).isRequired,
+  children: _propTypes.default.element.isRequired
+};
+/**
+ * A breadcrumb is a graphical control element frequently used as a navigational aid.
+ */
+
+var BreadCrumb = function BreadCrumb(props) {
+  var classes = props.classes,
+      className = props.className,
+      id = props.id,
+      _props$listRoute = props.listRoute,
+      listRoute = _props$listRoute === void 0 ? [] : _props$listRoute,
+      maxVisible = props.maxVisible,
+      url = props.url,
+      onClick = props.onClick,
+      _props$component = props.component,
+      component = _props$component === void 0 ? "div" : _props$component,
+      dropDownMenuProps = props.dropDownMenuProps,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var maxVisibleElem = maxVisible < 2 ? 2 : maxVisible;
+  var listPath = listRoute.slice(); // build the listPath object list
+
+  if (!(0, _isNil.default)(url)) {
+    listPath = []; // get the domain
+
+    var baseUrl = url.match(/^.*\/\/[^/]+/, ""); // get url without domain
+
+    var urlWithoutDomain = url.replace(/^.*\/\/[^/]+/, "");
+    var pathNames = urlWithoutDomain.split("/").filter(function (x) {
+      return x;
+    });
+    pathNames.map(function (elem, index) {
+      return listPath.push({
+        label: decodeURI(elem),
+        path: "".concat(baseUrl, "/").concat(pathNames.slice(0, index + 1).join("/"))
+      });
+    });
+  }
+
+  var breadcrumbPath = listPath.length > maxVisibleElem ? (0, _utils.pathWithSubMenu)(id, classes, listPath, maxVisibleElem, dropDownMenuProps) : listPath;
+  return /*#__PURE__*/_react.default.createElement("nav", (0, _extends2.default)({
+    id: id,
+    className: (0, _clsx.default)(classes.root, className)
+  }, others), /*#__PURE__*/_react.default.createElement("ol", {
+    className: classes.orderedList
+  }, listPath.map(function (elem, index) {
+    var key = "key_".concat(index);
+    var isLast = index === breadcrumbPath.length - 1;
+    return /*#__PURE__*/_react.default.createElement(PathElement, {
+      classes: classes,
+      key: key,
+      last: isLast
+    }, /*#__PURE__*/_react.default.isValidElement(elem) && elem || isLast && /*#__PURE__*/_react.default.createElement(_.HvTypography, {
+      className: classes.currentPage,
+      variant: "normalText"
+    }, (0, _startCase.default)((0, _utils.removeExtension)(elem.label))) || /*#__PURE__*/_react.default.createElement(Page, {
+      key: key,
+      elem: elem,
+      classes: classes,
+      Component: onClick ? component : undefined,
+      onClick: onClick
+    }));
+  })));
+};
+
+BreadCrumb.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the links.
+     */
+    link: _propTypes.default.string,
+
+    /**
+     *  Styles applied to the list.
+     */
+    orderedList: _propTypes.default.string,
+
+    /**
+     *  Styles applied to the last element.
+     */
+    currentPage: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * List of breadcrumb.
+   */
+  listRoute: _propTypes.default.arrayOf(_propTypes.default.shape({
+    label: _propTypes.default.string,
+    path: _propTypes.default.string
+  })),
+
+  /**
+   * URL to build the breadcrumb.
+   */
+  url: _propTypes.default.string,
+
+  /**
+   * Number of pages visible.
+   */
+  maxVisible: _propTypes.default.number,
+
+  /**
+   * The component used for the link node.
+   * Either a string to use a DOM element or a component.
+   */
+  component: _propTypes.default.elementType,
+
+  /**
+   * Function passed to the component. If defined the component prop is used as the link node.
+   */
+  onClick: _propTypes.default.func,
+
+  /**
+   * Props passed down to the DropDownMenu sub-menu component.
+   */
+  dropDownMenuProps: _propTypes.default.instanceOf(Object)
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvBreadCrumb",
+  index: 1
+})(BreadCrumb);
+
+exports.default = _default;
+//# sourceMappingURL=BreadCrumb.js.map

package/dist/BreadCrumb/BreadCrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/BreadCrumb/BreadCrumb.js"],"names":["Page","Component","onClick","elem","classes","path","a","link","label","propTypes","PropTypes","elementType","func","shape","string","isRequired","instanceOf","Object","PathElement","last","children","centerContainer","separatorContainer","bool","element","BreadCrumb","props","className","id","listRoute","maxVisible","url","component","dropDownMenuProps","others","maxVisibleElem","listPath","slice","baseUrl","match","urlWithoutDomain","replace","pathNames","split","filter","x","map","index","push","decodeURI","join","breadcrumbPath","length","root","orderedList","key","isLast","isValidElement","currentPage","undefined","arrayOf","number","styles","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport startCase from \"lodash/startCase\";\nimport isNil from \"lodash/isNil\";\nimport { HvLink, HvTypography } from \"..\";\nimport { pathWithSubMenu, removeExtension } from \"./utils\";\nimport styles from \"./styles\";\n\nconst Page = ({ Component, onClick, elem, classes }) => (\n  <HvLink\n    route={elem.path}\n    Component={Component}\n    onClick={onClick}\n    data={elem}\n    classes={{ a: classes.a }}\n  >\n    <HvTypography noWrap variant=\"highlightText\" className={classes.link}>\n      {startCase(elem.label)}\n    </HvTypography>\n  </HvLink>\n);\n\nPage.propTypes = {\n  Component: PropTypes.elementType,\n  onClick: PropTypes.func,\n  elem: PropTypes.shape({\n    path: PropTypes.string,\n    label: PropTypes.string,\n  }).isRequired,\n  classes: PropTypes.instanceOf(Object).isRequired,\n};\n\nconst PathElement = ({ classes, last = false, children }) => (\n  <li className={classes.centerContainer}>\n    {children}\n    {!last && <DropRightXS className={classes.separatorContainer} color=\"atmo5\" />}\n  </li>\n);\n\nPathElement.propTypes = {\n  last: PropTypes.bool,\n  classes: PropTypes.instanceOf(Object).isRequired,\n  children: PropTypes.element.isRequired,\n};\n\n/**\n * A breadcrumb is a graphical control element frequently used as a navigational aid.\n */\nconst BreadCrumb = (props) => {\n  const {\n    classes,\n    className,\n    id,\n    listRoute = [],\n    maxVisible,\n    url,\n    onClick,\n    component = \"div\",\n    dropDownMenuProps,\n    ...others\n  } = props;\n  const maxVisibleElem = maxVisible < 2 ? 2 : maxVisible;\n  let listPath = listRoute.slice();\n\n  // build the listPath object list\n  if (!isNil(url)) {\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    listPath.length > maxVisibleElem\n      ? pathWithSubMenu(id, classes, listPath, maxVisibleElem, dropDownMenuProps)\n      : listPath;\n\n  return (\n    <nav id={id} className={clsx(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            <PathElement classes={classes} key={key} last={isLast}>\n              {(React.isValidElement(elem) && elem) ||\n                (isLast && (\n                  <HvTypography className={classes.currentPage} variant=\"normalText\">\n                    {startCase(removeExtension(elem.label))}\n                  </HvTypography>\n                )) || (\n                  <Page\n                    key={key}\n                    elem={elem}\n                    classes={classes}\n                    Component={onClick ? component : undefined}\n                    onClick={onClick}\n                  />\n                )}\n            </PathElement>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n\nBreadCrumb.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the links.\n     */\n    link: PropTypes.string,\n    /**\n     *  Styles applied to the list.\n     */\n    orderedList: PropTypes.string,\n    /**\n     *  Styles applied to the last element.\n     */\n    currentPage: PropTypes.string,\n  }).isRequired,\n  /**\n   * List of breadcrumb.\n   */\n  listRoute: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      path: PropTypes.string,\n    })\n  ),\n  /**\n   * URL to build the breadcrumb.\n   */\n  url: PropTypes.string,\n  /**\n   * Number of pages visible.\n   */\n  maxVisible: PropTypes.number,\n  /**\n   * The component used for the link node.\n   * Either a string to use a DOM element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Function passed to the component. If defined the component prop is used as the link node.\n   */\n  onClick: PropTypes.func,\n  /**\n   * Props passed down to the DropDownMenu sub-menu component.\n   */\n  dropDownMenuProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvBreadCrumb\", index: 1 })(BreadCrumb);\n"],"file":"BreadCrumb.js"}

package/dist/BreadCrumb/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./BreadCrumb";
+export * from "./BreadCrumb";

package/dist/BreadCrumb/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _BreadCrumb.default;
+  }
+});
+
+var _BreadCrumb = _interopRequireDefault(require("./BreadCrumb"));
+//# sourceMappingURL=index.js.map

package/dist/BreadCrumb/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/BreadCrumb/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA","sourcesContent":["export { default } from \"./BreadCrumb\";\n"],"file":"index.js"}

package/dist/BreadCrumb/styles.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: "flex",
+      alignItems: "center",
+      zIndex: 0
+    },
+    centerContainer: {
+      display: "flex",
+      alignItems: "center"
+    },
+    link: {
+      maxWidth: "170px",
+      color: theme.hv.palette.accent.acce1,
+      "&:hover": {
+        cursor: "pointer",
+        backgroundColor: theme.hv.palette.atmosphere.atmo3
+      }
+    },
+    separatorContainer: {},
+    orderedList: {
+      display: "flex",
+      paddingLeft: 0,
+      marginLeft: "-".concat(theme.spacing("xs"), "px")
+    },
+    currentPage: {
+      padding: "8px ".concat(theme.spacing("xs"), "px")
+    },
+    a: {
+      padding: "8px ".concat(theme.spacing("xs"), "px"),
+      textDecoration: "none",
+      borderRadius: "2px",
+      "&:hover": {
+        backgroundColor: theme.hv.palette.atmosphere.atmo3
+      },
+      "&:focus": {
+        backgroundColor: theme.hv.palette.atmosphere.atmo3
+      }
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/BreadCrumb/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/BreadCrumb/styles.js"],"names":["styles","theme","root","display","alignItems","zIndex","centerContainer","link","maxWidth","color","hv","palette","accent","acce1","cursor","backgroundColor","atmosphere","atmo3","separatorContainer","orderedList","paddingLeft","marginLeft","spacing","currentPage","padding","a","textDecoration","borderRadius"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,MADL;AAEJC,MAAAA,UAAU,EAAE,QAFR;AAGJC,MAAAA,MAAM,EAAE;AAHJ,KADmB;AAMzBC,IAAAA,eAAe,EAAE;AACfH,MAAAA,OAAO,EAAE,MADM;AAEfC,MAAAA,UAAU,EAAE;AAFG,KANQ;AAUzBG,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,OADN;AAEJC,MAAAA,KAAK,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAF3B;AAGJ,iBAAW;AACTC,QAAAA,MAAM,EAAE,SADC;AAETC,QAAAA,eAAe,EAAEd,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBK,UAAjB,CAA4BC;AAFpC;AAHP,KAVmB;AAkBzBC,IAAAA,kBAAkB,EAAE,EAlBK;AAmBzBC,IAAAA,WAAW,EAAE;AACXhB,MAAAA,OAAO,EAAE,MADE;AAEXiB,MAAAA,WAAW,EAAE,CAFF;AAGXC,MAAAA,UAAU,aAAMpB,KAAK,CAACqB,OAAN,CAAc,IAAd,CAAN;AAHC,KAnBY;AAwBzBC,IAAAA,WAAW,EAAE;AACXC,MAAAA,OAAO,gBAASvB,KAAK,CAACqB,OAAN,CAAc,IAAd,CAAT;AADI,KAxBY;AA2BzBG,IAAAA,CAAC,EAAE;AACDD,MAAAA,OAAO,gBAASvB,KAAK,CAACqB,OAAN,CAAc,IAAd,CAAT,OADN;AAEDI,MAAAA,cAAc,EAAE,MAFf;AAGDC,MAAAA,YAAY,EAAE,KAHb;AAID,iBAAW;AACTZ,QAAAA,eAAe,EAAEd,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBK,UAAjB,CAA4BC;AADpC,OAJV;AAOD,iBAAW;AACTF,QAAAA,eAAe,EAAEd,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBK,UAAjB,CAA4BC;AADpC;AAPV;AA3BsB,GAAZ;AAAA,CAAf;;eAwCejB,M","sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    alignItems: \"center\",\n    zIndex: 0,\n  },\n  centerContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  link: {\n    maxWidth: \"170px\",\n    color: theme.hv.palette.accent.acce1,\n    \"&:hover\": {\n      cursor: \"pointer\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n  },\n  separatorContainer: {},\n  orderedList: {\n    display: \"flex\",\n    paddingLeft: 0,\n    marginLeft: `-${theme.spacing(\"xs\")}px`,\n  },\n  currentPage: {\n    padding: `8px ${theme.spacing(\"xs\")}px`,\n  },\n  a: {\n    padding: `8px ${theme.spacing(\"xs\")}px`,\n    textDecoration: \"none\",\n    borderRadius: \"2px\",\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    \"&:focus\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/BreadCrumb/utils.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.removeExtension = exports.pathWithSubMenu = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+require("core-js/modules/es.array.includes.js");
+
+require("core-js/modules/es.string.includes.js");
+
+require("core-js/modules/es.array.slice.js");
+
+require("core-js/modules/es.array.splice.js");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _ = require("..");
+
+var _utils = require("../utils");
+
+var removeExtension = function removeExtension(label) {
+  return label.includes(".") ? label.substring(0, label.lastIndexOf(".")) : label;
+};
+
+exports.removeExtension = removeExtension;
+
+var pathWithSubMenu = function pathWithSubMenu(id, classes, listRoute, maxVisible, dropDownMenuProps) {
+  var nbrElemToSubMenu = listRoute.length - maxVisible;
+  var subMenuList = listRoute.slice(1, nbrElemToSubMenu + 1);
+  listRoute.splice(1, nbrElemToSubMenu, /*#__PURE__*/_react.default.createElement(_.HvDropDownMenu, (0, _extends2.default)({
+    id: (0, _utils.setId)(id, "submenu"),
+    icon: /*#__PURE__*/_react.default.createElement(_uikitReactIcons.MoreOptionsHorizontal, {
+      iconSize: "S",
+      color: "acce1"
+    }),
+    dataList: subMenuList
+  }, dropDownMenuProps)));
+  return listRoute;
+};
+
+exports.pathWithSubMenu = pathWithSubMenu;
+//# sourceMappingURL=utils.js.map

package/dist/BreadCrumb/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/BreadCrumb/utils.js"],"names":["removeExtension","label","includes","substring","lastIndexOf","pathWithSubMenu","id","classes","listRoute","maxVisible","dropDownMenuProps","nbrElemToSubMenu","length","subMenuList","slice","splice"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD;AAAA,SAC7BA,KAAK,CAACC,QAAN,CAAe,GAAf,IAAsBD,KAAK,CAACE,SAAN,CAAgB,CAAhB,EAAmBF,KAAK,CAACG,WAAN,CAAkB,GAAlB,CAAnB,CAAtB,GAAmEH,KADtC;AAAA,CAAxB;;;;AAGA,IAAMI,eAAe,GAAG,SAAlBA,eAAkB,CAACC,EAAD,EAAKC,OAAL,EAAcC,SAAd,EAAyBC,UAAzB,EAAqCC,iBAArC,EAA2D;AACxF,MAAMC,gBAAgB,GAAGH,SAAS,CAACI,MAAV,GAAmBH,UAA5C;AACA,MAAMI,WAAW,GAAGL,SAAS,CAACM,KAAV,CAAgB,CAAhB,EAAmBH,gBAAgB,GAAG,CAAtC,CAApB;AAEAH,EAAAA,SAAS,CAACO,MAAV,CACE,CADF,EAEEJ,gBAFF,eAGE,6BAAC,gBAAD;AACE,IAAA,EAAE,EAAE,kBAAML,EAAN,EAAU,SAAV,CADN;AAEE,IAAA,IAAI,eAAE,6BAAC,sCAAD;AAAuB,MAAA,QAAQ,EAAC,GAAhC;AAAoC,MAAA,KAAK,EAAC;AAA1C,MAFR;AAGE,IAAA,QAAQ,EAAEO;AAHZ,KAIMH,iBAJN,EAHF;AAWA,SAAOF,SAAP;AACD,CAhBM","sourcesContent":["import React from \"react\";\nimport { MoreOptionsHorizontal } from \"@hitachivantara/uikit-react-icons\";\nimport { HvDropDownMenu } from \"..\";\nimport { setId } from \"../utils\";\n\nexport const removeExtension = (label) =>\n  label.includes(\".\") ? label.substring(0, label.lastIndexOf(\".\")) : label;\n\nexport const pathWithSubMenu = (id, classes, listRoute, maxVisible, dropDownMenuProps) => {\n  const nbrElemToSubMenu = listRoute.length - maxVisible;\n  const subMenuList = listRoute.slice(1, nbrElemToSubMenu + 1);\n\n  listRoute.splice(\n    1,\n    nbrElemToSubMenu,\n    <HvDropDownMenu\n      id={setId(id, \"submenu\")}\n      icon={<MoreOptionsHorizontal iconSize=\"S\" color=\"acce1\" />}\n      dataList={subMenuList}\n      {...dropDownMenuProps}\n    />\n  );\n\n  return listRoute;\n};\n"],"file":"utils.js"}