@hitachivantara/uikit-react-core 4.1.1 → 4.2.0

package/dist/BreadCrumb/BreadCrumb.js

@@ -12,8 +12,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 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.array.join.js");
+require("core-js/modules/es.string.link.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");
@@ -21,26 +22,32 @@ require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.object.to-string.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 _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toArray"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _styles = require("@mui/styles");
 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 _utils = _interopRequireDefault(require("./utils"));
 var _styles2 = _interopRequireDefault(require("./styles"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["classes", "className", "id", "listRoute", "maxVisible", "url", "onClick", "component", "dropDownMenuProps"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var Page = function Page(_ref) {
-  var Component = _ref.Component,
-    onClick = _ref.onClick,
-    elem = _ref.elem,
-    classes = _ref.classes;
+var capitalize = function capitalize(_ref) {
+  var _ref2 = (0, _toArray2.default)(_ref),
+    first = _ref2[0],
+    rest = _ref2.slice(1);
+  var lowerRest = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  return first.toUpperCase() + (lowerRest ? rest.join("").toLowerCase() : rest.join(""));
+};
+var Page = function Page(_ref3) {
+  var Component = _ref3.Component,
+    onClick = _ref3.onClick,
+    elem = _ref3.elem,
+    classes = _ref3.classes;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvLink, {
     route: elem.path,
     Component: Component,
@@ -53,9 +60,9 @@ var Page = function Page(_ref) {
       noWrap: true,
       component: "div",
       variant: "highlightText",
-      className: classes.link,
+      className: (0, _clsx.default)(classes.link, classes.label),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvOverflowTooltip, {
-        data: (0, _startCase.default)(elem.label)
+        data: elem.label
       })
     })
   });
@@ -69,11 +76,11 @@ process.env.NODE_ENV !== "production" ? Page.propTypes = {
   }).isRequired,
   classes: _propTypes.default.instanceOf(Object).isRequired
 } : void 0;
-var PathElement = function PathElement(_ref2) {
-  var classes = _ref2.classes,
-    _ref2$last = _ref2.last,
-    last = _ref2$last === void 0 ? false : _ref2$last,
-    children = _ref2.children;
+var PathElement = function PathElement(_ref4) {
+  var classes = _ref4.classes,
+    _ref4$last = _ref4.last,
+    last = _ref4$last === void 0 ? false : _ref4$last,
+    children = _ref4.children;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
     className: classes.centerContainer,
     children: [children, !last && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.DropRightXS, {
@@ -126,7 +133,7 @@ var BreadCrumb = function BreadCrumb(props) {
       });
     });
   }
-  var breadcrumbPath = listPath.length > maxVisibleElem ? (0, _utils.pathWithSubMenu)(id, classes, listPath, maxVisibleElem, dropDownMenuProps) : listPath;
+  var breadcrumbPath = listPath.length > maxVisibleElem ? (0, _utils.default)(id, classes, listPath, maxVisibleElem, dropDownMenuProps) : listPath;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", _objectSpread(_objectSpread({
     id: id,
     className: (0, _clsx.default)(classes.root, className)
@@ -140,9 +147,10 @@ var BreadCrumb = function BreadCrumb(props) {
           classes: classes,
           last: isLast,
           children: /*#__PURE__*/_react.default.isValidElement(elem) && elem || isLast && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
-            className: classes.currentPage,
+            noWrap: true,
+            className: (0, _clsx.default)(classes.currentPage),
             variant: "normalText",
-            children: (0, _startCase.default)((0, _utils.removeExtension)(elem.label))
+            children: capitalize(elem.label)
           }) || /*#__PURE__*/(0, _jsxRuntime.jsx)(Page, {
             elem: elem,
             classes: classes,
@@ -182,7 +190,11 @@ process.env.NODE_ENV !== "production" ? BreadCrumb.propTypes = {
     /**
      *  Styles applied to the last element.
      */
-    currentPage: _propTypes.default.string
+    currentPage: _propTypes.default.string,
+    /**
+     * Styles applied to the list elements.
+     */
+    label: _propTypes.default.string
   }).isRequired,
   /**
    * List of breadcrumb.

package/dist/BreadCrumb/BreadCrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadCrumb.js","names":["Page","Component","onClick","elem","classes","path","a","link","startCase","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","isNil","baseUrl","match","urlWithoutDomain","replace","pathNames","split","filter","x","map","index","push","decodeURI","join","breadcrumbPath","length","pathWithSubMenu","clsx","root","orderedList","key","isLast","React","isValidElement","currentPage","removeExtension","undefined","arrayOf","number","withStyles","styles","name"],"sources":["../../src/BreadCrumb/BreadCrumb.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport startCase from \"lodash/startCase\";\nimport isNil from \"lodash/isNil\";\nimport { HvLink, HvTypography, HvOverflowTooltip } 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 component=\"div\" variant=\"highlightText\" className={classes.link}>\n      <HvOverflowTooltip data={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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAA8B;AAAA;AAAA;AAAA;AAE9B,IAAMA,IAAI,GAAG,SAAPA,IAAI;EAAA,IAAMC,SAAS,QAATA,SAAS;IAAEC,OAAO,QAAPA,OAAO;IAAEC,IAAI,QAAJA,IAAI;IAAEC,OAAO,QAAPA,OAAO;EAAA,oBAC/C,qBAAC,QAAM;IACL,KAAK,EAAED,IAAI,CAACE,IAAK;IACjB,SAAS,EAAEJ,SAAU;IACrB,OAAO,EAAEC,OAAQ;IACjB,IAAI,EAAEC,IAAK;IACX,OAAO,EAAE;MAAEG,CAAC,EAAEF,OAAO,CAACE;IAAE,CAAE;IAAA,uBAE1B,qBAAC,cAAY;MAAC,MAAM;MAAC,SAAS,EAAC,KAAK;MAAC,OAAO,EAAC,eAAe;MAAC,SAAS,EAAEF,OAAO,CAACG,IAAK;MAAA,uBACnF,qBAAC,mBAAiB;QAAC,IAAI,EAAE,IAAAC,kBAAS,EAACL,IAAI,CAACM,KAAK;MAAE;IAAG;EACrC,EACR;AAAA,CACV;AAED,wCAAAT,IAAI,CAACU,SAAS,GAAG;EACfT,SAAS,EAAEU,kBAAS,CAACC,WAAW;EAChCV,OAAO,EAAES,kBAAS,CAACE,IAAI;EACvBV,IAAI,EAAEQ,kBAAS,CAACG,KAAK,CAAC;IACpBT,IAAI,EAAEM,kBAAS,CAACI,MAAM;IACtBN,KAAK,EAAEE,kBAAS,CAACI;EACnB,CAAC,CAAC,CAACC,UAAU;EACbZ,OAAO,EAAEO,kBAAS,CAACM,UAAU,CAACC,MAAM,CAAC,CAACF;AACxC,CAAC;AAED,IAAMG,WAAW,GAAG,SAAdA,WAAW;EAAA,IAAMf,OAAO,SAAPA,OAAO;IAAA,mBAAEgB,IAAI;IAAJA,IAAI,2BAAG,KAAK;IAAEC,QAAQ,SAARA,QAAQ;EAAA,oBACpD;IAAI,SAAS,EAAEjB,OAAO,CAACkB,eAAgB;IAAA,WACpCD,QAAQ,EACR,CAACD,IAAI,iBAAI,qBAAC,4BAAW;MAAC,SAAS,EAAEhB,OAAO,CAACmB,kBAAmB;MAAC,KAAK,EAAC;IAAO,EAAG;EAAA,EAC3E;AAAA,CACN;AAED,wCAAAJ,WAAW,CAACT,SAAS,GAAG;EACtBU,IAAI,EAAET,kBAAS,CAACa,IAAI;EACpBpB,OAAO,EAAEO,kBAAS,CAACM,UAAU,CAACC,MAAM,CAAC,CAACF,UAAU;EAChDK,QAAQ,EAAEV,kBAAS,CAACc,OAAO,CAACT;AAC9B,CAAC;;AAED;AACA;AACA;AACA,IAAMU,UAAU,GAAG,SAAbA,UAAU,CAAIC,KAAK,EAAK;EAC5B,IACEvB,OAAO,GAULuB,KAAK,CAVPvB,OAAO;IACPwB,SAAS,GASPD,KAAK,CATPC,SAAS;IACTC,EAAE,GAQAF,KAAK,CARPE,EAAE;IAAA,mBAQAF,KAAK,CAPPG,SAAS;IAATA,SAAS,iCAAG,EAAE;IACdC,UAAU,GAMRJ,KAAK,CANPI,UAAU;IACVC,GAAG,GAKDL,KAAK,CALPK,GAAG;IACH9B,OAAO,GAILyB,KAAK,CAJPzB,OAAO;IAAA,mBAILyB,KAAK,CAHPM,SAAS;IAATA,SAAS,iCAAG,KAAK;IACjBC,iBAAiB,GAEfP,KAAK,CAFPO,iBAAiB;IACdC,MAAM,0CACPR,KAAK;EACT,IAAMS,cAAc,GAAGL,UAAU,GAAG,CAAC,GAAG,CAAC,GAAGA,UAAU;EACtD,IAAIM,QAAQ,GAAGP,SAAS,CAACQ,KAAK,EAAE;;EAEhC;EACA,IAAI,CAAC,IAAAC,cAAK,EAACP,GAAG,CAAC,EAAE;IACfK,QAAQ,GAAG,EAAE;;IAEb;IACA,IAAMG,OAAO,GAAGR,GAAG,CAACS,KAAK,CAAC,cAAc,EAAE,EAAE,CAAC;;IAE7C;IACA,IAAMC,gBAAgB,GAAGV,GAAG,CAACW,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC;IAExD,IAAMC,SAAS,GAAGF,gBAAgB,CAACG,KAAK,CAAC,GAAG,CAAC,CAACC,MAAM,CAAC,UAACC,CAAC;MAAA,OAAKA,CAAC;IAAA,EAAC;IAE9DH,SAAS,CAACI,GAAG,CAAC,UAAC7C,IAAI,EAAE8C,KAAK;MAAA,OACxBZ,QAAQ,CAACa,IAAI,CAAC;QACZzC,KAAK,EAAE0C,SAAS,CAAChD,IAAI,CAAC;QACtBE,IAAI,YAAKmC,OAAO,cAAII,SAAS,CAACN,KAAK,CAAC,CAAC,EAAEW,KAAK,GAAG,CAAC,CAAC,CAACG,IAAI,CAAC,GAAG,CAAC;MAC7D,CAAC,CAAC;IAAA,EACH;EACH;EAEA,IAAMC,cAAc,GAClBhB,QAAQ,CAACiB,MAAM,GAAGlB,cAAc,GAC5B,IAAAmB,sBAAe,EAAC1B,EAAE,EAAEzB,OAAO,EAAEiC,QAAQ,EAAED,cAAc,EAAEF,iBAAiB,CAAC,GACzEG,QAAQ;EAEd,oBACE;IAAK,EAAE,EAAER,EAAG;IAAC,SAAS,EAAE,IAAA2B,aAAI,EAACpD,OAAO,CAACqD,IAAI,EAAE7B,SAAS;EAAE,GAAKO,MAAM;IAAA,uBAC/D;MAAI,SAAS,EAAE/B,OAAO,CAACsD,WAAY;MAAA,UAChCrB,QAAQ,CAACW,GAAG,CAAC,UAAC7C,IAAI,EAAE8C,KAAK,EAAK;QAC7B,IAAMU,GAAG,iBAAUV,KAAK,CAAE;QAC1B,IAAMW,MAAM,GAAGX,KAAK,KAAKI,cAAc,CAACC,MAAM,GAAG,CAAC;QAElD,oBACE,qBAAC,WAAW;UAAC,OAAO,EAAElD,OAAQ;UAAW,IAAI,EAAEwD,MAAO;UAAA,UAClD,aAAAC,cAAK,CAACC,cAAc,CAAC3D,IAAI,CAAC,IAAIA,IAAI,IACjCyD,MAAM,iBACL,qBAAC,cAAY;YAAC,SAAS,EAAExD,OAAO,CAAC2D,WAAY;YAAC,OAAO,EAAC,YAAY;YAAA,UAC/D,IAAAvD,kBAAS,EAAC,IAAAwD,sBAAe,EAAC7D,IAAI,CAACM,KAAK,CAAC;UAAC,EAEzC,iBACA,qBAAC,IAAI;YAEH,IAAI,EAAEN,IAAK;YACX,OAAO,EAAEC,OAAQ;YACjB,SAAS,EAAEF,OAAO,GAAG+B,SAAS,GAAGgC,SAAU;YAC3C,OAAO,EAAE/D;UAAQ,GAJZyD,GAAG;QAMX,GAd+BA,GAAG,CAezB;MAElB,CAAC;IAAC;EACC,GACD;AAEV,CAAC;AAED,wCAAAjC,UAAU,CAAChB,SAAS,GAAG;EACrB;AACF;AACA;EACEkB,SAAS,EAAEjB,kBAAS,CAACI,MAAM;EAC3B;AACF;AACA;EACEc,EAAE,EAAElB,kBAAS,CAACI,MAAM;EACpB;AACF;AACA;EACEX,OAAO,EAAEO,kBAAS,CAACG,KAAK,CAAC;IACvB;AACJ;AACA;IACI2C,IAAI,EAAE9C,kBAAS,CAACI,MAAM;IACtB;AACJ;AACA;IACIR,IAAI,EAAEI,kBAAS,CAACI,MAAM;IACtB;AACJ;AACA;IACI2C,WAAW,EAAE/C,kBAAS,CAACI,MAAM;IAC7B;AACJ;AACA;IACIgD,WAAW,EAAEpD,kBAAS,CAACI;EACzB,CAAC,CAAC,CAACC,UAAU;EACb;AACF;AACA;EACEc,SAAS,EAAEnB,kBAAS,CAACuD,OAAO,CAC1BvD,kBAAS,CAACG,KAAK,CAAC;IACdL,KAAK,EAAEE,kBAAS,CAACI,MAAM;IACvBV,IAAI,EAAEM,kBAAS,CAACI;EAClB,CAAC,CAAC,CACH;EACD;AACF;AACA;EACEiB,GAAG,EAAErB,kBAAS,CAACI,MAAM;EACrB;AACF;AACA;EACEgB,UAAU,EAAEpB,kBAAS,CAACwD,MAAM;EAC5B;AACF;AACA;AACA;EACElC,SAAS,EAAEtB,kBAAS,CAACC,WAAW;EAChC;AACF;AACA;EACEV,OAAO,EAAES,kBAAS,CAACE,IAAI;EACvB;AACF;AACA;EACEqB,iBAAiB,EAAEvB,kBAAS,CAACM,UAAU,CAACC,MAAM;AAChD,CAAC;AAAC,eAEa,IAAAkD,kBAAU,EAACC,gBAAM,EAAE;EAAEC,IAAI,EAAE,cAAc;EAAErB,KAAK,EAAE;AAAE,CAAC,CAAC,CAACvB,UAAU,CAAC;AAAA"}
+{"version":3,"file":"BreadCrumb.js","names":["capitalize","first","rest","lowerRest","toUpperCase","join","toLowerCase","Page","Component","onClick","elem","classes","path","a","clsx","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","isNil","baseUrl","match","urlWithoutDomain","replace","pathNames","split","filter","x","map","index","push","decodeURI","breadcrumbPath","length","pathWithSubMenu","root","orderedList","key","isLast","React","isValidElement","currentPage","undefined","arrayOf","number","withStyles","styles","name"],"sources":["../../src/BreadCrumb/BreadCrumb.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport isNil from \"lodash/isNil\";\nimport { HvLink, HvTypography, HvOverflowTooltip } from \"..\";\nimport pathWithSubMenu from \"./utils\";\nimport styles from \"./styles\";\n\nconst capitalize = ([first, ...rest], lowerRest = false) =>\n  first.toUpperCase() + (lowerRest ? rest.join(\"\").toLowerCase() : rest.join(\"\"));\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\n      noWrap\n      component=\"div\"\n      variant=\"highlightText\"\n      className={clsx(classes.link, classes.label)}\n    >\n      <HvOverflowTooltip data={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 noWrap className={clsx(classes.currentPage)} variant=\"normalText\">\n                    {capitalize(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    /**\n     * Styles applied to the list elements.\n     */\n    label: 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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAA8B;AAAA;AAAA;AAAA;AAE9B,IAAMA,UAAU,GAAG,SAAbA,UAAU;EAAA;IAAKC,KAAK;IAAKC,IAAI;EAAA,IAAGC,SAAS,uEAAG,KAAK;EAAA,OACrDF,KAAK,CAACG,WAAW,EAAE,IAAID,SAAS,GAAGD,IAAI,CAACG,IAAI,CAAC,EAAE,CAAC,CAACC,WAAW,EAAE,GAAGJ,IAAI,CAACG,IAAI,CAAC,EAAE,CAAC,CAAC;AAAA;AAEjF,IAAME,IAAI,GAAG,SAAPA,IAAI;EAAA,IAAMC,SAAS,SAATA,SAAS;IAAEC,OAAO,SAAPA,OAAO;IAAEC,IAAI,SAAJA,IAAI;IAAEC,OAAO,SAAPA,OAAO;EAAA,oBAC/C,qBAAC,QAAM;IACL,KAAK,EAAED,IAAI,CAACE,IAAK;IACjB,SAAS,EAAEJ,SAAU;IACrB,OAAO,EAAEC,OAAQ;IACjB,IAAI,EAAEC,IAAK;IACX,OAAO,EAAE;MAAEG,CAAC,EAAEF,OAAO,CAACE;IAAE,CAAE;IAAA,uBAE1B,qBAAC,cAAY;MACX,MAAM;MACN,SAAS,EAAC,KAAK;MACf,OAAO,EAAC,eAAe;MACvB,SAAS,EAAE,IAAAC,aAAI,EAACH,OAAO,CAACI,IAAI,EAAEJ,OAAO,CAACK,KAAK,CAAE;MAAA,uBAE7C,qBAAC,mBAAiB;QAAC,IAAI,EAAEN,IAAI,CAACM;MAAM;IAAG;EAC1B,EACR;AAAA,CACV;AAED,wCAAAT,IAAI,CAACU,SAAS,GAAG;EACfT,SAAS,EAAEU,kBAAS,CAACC,WAAW;EAChCV,OAAO,EAAES,kBAAS,CAACE,IAAI;EACvBV,IAAI,EAAEQ,kBAAS,CAACG,KAAK,CAAC;IACpBT,IAAI,EAAEM,kBAAS,CAACI,MAAM;IACtBN,KAAK,EAAEE,kBAAS,CAACI;EACnB,CAAC,CAAC,CAACC,UAAU;EACbZ,OAAO,EAAEO,kBAAS,CAACM,UAAU,CAACC,MAAM,CAAC,CAACF;AACxC,CAAC;AAED,IAAMG,WAAW,GAAG,SAAdA,WAAW;EAAA,IAAMf,OAAO,SAAPA,OAAO;IAAA,mBAAEgB,IAAI;IAAJA,IAAI,2BAAG,KAAK;IAAEC,QAAQ,SAARA,QAAQ;EAAA,oBACpD;IAAI,SAAS,EAAEjB,OAAO,CAACkB,eAAgB;IAAA,WACpCD,QAAQ,EACR,CAACD,IAAI,iBAAI,qBAAC,4BAAW;MAAC,SAAS,EAAEhB,OAAO,CAACmB,kBAAmB;MAAC,KAAK,EAAC;IAAO,EAAG;EAAA,EAC3E;AAAA,CACN;AAED,wCAAAJ,WAAW,CAACT,SAAS,GAAG;EACtBU,IAAI,EAAET,kBAAS,CAACa,IAAI;EACpBpB,OAAO,EAAEO,kBAAS,CAACM,UAAU,CAACC,MAAM,CAAC,CAACF,UAAU;EAChDK,QAAQ,EAAEV,kBAAS,CAACc,OAAO,CAACT;AAC9B,CAAC;;AAED;AACA;AACA;AACA,IAAMU,UAAU,GAAG,SAAbA,UAAU,CAAIC,KAAK,EAAK;EAC5B,IACEvB,OAAO,GAULuB,KAAK,CAVPvB,OAAO;IACPwB,SAAS,GASPD,KAAK,CATPC,SAAS;IACTC,EAAE,GAQAF,KAAK,CARPE,EAAE;IAAA,mBAQAF,KAAK,CAPPG,SAAS;IAATA,SAAS,iCAAG,EAAE;IACdC,UAAU,GAMRJ,KAAK,CANPI,UAAU;IACVC,GAAG,GAKDL,KAAK,CALPK,GAAG;IACH9B,OAAO,GAILyB,KAAK,CAJPzB,OAAO;IAAA,mBAILyB,KAAK,CAHPM,SAAS;IAATA,SAAS,iCAAG,KAAK;IACjBC,iBAAiB,GAEfP,KAAK,CAFPO,iBAAiB;IACdC,MAAM,0CACPR,KAAK;EACT,IAAMS,cAAc,GAAGL,UAAU,GAAG,CAAC,GAAG,CAAC,GAAGA,UAAU;EACtD,IAAIM,QAAQ,GAAGP,SAAS,CAACQ,KAAK,EAAE;;EAEhC;EACA,IAAI,CAAC,IAAAC,cAAK,EAACP,GAAG,CAAC,EAAE;IACfK,QAAQ,GAAG,EAAE;;IAEb;IACA,IAAMG,OAAO,GAAGR,GAAG,CAACS,KAAK,CAAC,cAAc,EAAE,EAAE,CAAC;;IAE7C;IACA,IAAMC,gBAAgB,GAAGV,GAAG,CAACW,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC;IAExD,IAAMC,SAAS,GAAGF,gBAAgB,CAACG,KAAK,CAAC,GAAG,CAAC,CAACC,MAAM,CAAC,UAACC,CAAC;MAAA,OAAKA,CAAC;IAAA,EAAC;IAE9DH,SAAS,CAACI,GAAG,CAAC,UAAC7C,IAAI,EAAE8C,KAAK;MAAA,OACxBZ,QAAQ,CAACa,IAAI,CAAC;QACZzC,KAAK,EAAE0C,SAAS,CAAChD,IAAI,CAAC;QACtBE,IAAI,YAAKmC,OAAO,cAAII,SAAS,CAACN,KAAK,CAAC,CAAC,EAAEW,KAAK,GAAG,CAAC,CAAC,CAACnD,IAAI,CAAC,GAAG,CAAC;MAC7D,CAAC,CAAC;IAAA,EACH;EACH;EAEA,IAAMsD,cAAc,GAClBf,QAAQ,CAACgB,MAAM,GAAGjB,cAAc,GAC5B,IAAAkB,cAAe,EAACzB,EAAE,EAAEzB,OAAO,EAAEiC,QAAQ,EAAED,cAAc,EAAEF,iBAAiB,CAAC,GACzEG,QAAQ;EAEd,oBACE;IAAK,EAAE,EAAER,EAAG;IAAC,SAAS,EAAE,IAAAtB,aAAI,EAACH,OAAO,CAACmD,IAAI,EAAE3B,SAAS;EAAE,GAAKO,MAAM;IAAA,uBAC/D;MAAI,SAAS,EAAE/B,OAAO,CAACoD,WAAY;MAAA,UAChCnB,QAAQ,CAACW,GAAG,CAAC,UAAC7C,IAAI,EAAE8C,KAAK,EAAK;QAC7B,IAAMQ,GAAG,iBAAUR,KAAK,CAAE;QAC1B,IAAMS,MAAM,GAAGT,KAAK,KAAKG,cAAc,CAACC,MAAM,GAAG,CAAC;QAElD,oBACE,qBAAC,WAAW;UAAC,OAAO,EAAEjD,OAAQ;UAAW,IAAI,EAAEsD,MAAO;UAAA,UAClD,aAAAC,cAAK,CAACC,cAAc,CAACzD,IAAI,CAAC,IAAIA,IAAI,IACjCuD,MAAM,iBACL,qBAAC,cAAY;YAAC,MAAM;YAAC,SAAS,EAAE,IAAAnD,aAAI,EAACH,OAAO,CAACyD,WAAW,CAAE;YAAC,OAAO,EAAC,YAAY;YAAA,UAC5EpE,UAAU,CAACU,IAAI,CAACM,KAAK;UAAC,EAEzB,iBACA,qBAAC,IAAI;YAEH,IAAI,EAAEN,IAAK;YACX,OAAO,EAAEC,OAAQ;YACjB,SAAS,EAAEF,OAAO,GAAG+B,SAAS,GAAG6B,SAAU;YAC3C,OAAO,EAAE5D;UAAQ,GAJZuD,GAAG;QAMX,GAd+BA,GAAG,CAezB;MAElB,CAAC;IAAC;EACC,GACD;AAEV,CAAC;AAED,wCAAA/B,UAAU,CAAChB,SAAS,GAAG;EACrB;AACF;AACA;EACEkB,SAAS,EAAEjB,kBAAS,CAACI,MAAM;EAC3B;AACF;AACA;EACEc,EAAE,EAAElB,kBAAS,CAACI,MAAM;EACpB;AACF;AACA;EACEX,OAAO,EAAEO,kBAAS,CAACG,KAAK,CAAC;IACvB;AACJ;AACA;IACIyC,IAAI,EAAE5C,kBAAS,CAACI,MAAM;IACtB;AACJ;AACA;IACIP,IAAI,EAAEG,kBAAS,CAACI,MAAM;IACtB;AACJ;AACA;IACIyC,WAAW,EAAE7C,kBAAS,CAACI,MAAM;IAC7B;AACJ;AACA;IACI8C,WAAW,EAAElD,kBAAS,CAACI,MAAM;IAC7B;AACJ;AACA;IACIN,KAAK,EAAEE,kBAAS,CAACI;EACnB,CAAC,CAAC,CAACC,UAAU;EACb;AACF;AACA;EACEc,SAAS,EAAEnB,kBAAS,CAACoD,OAAO,CAC1BpD,kBAAS,CAACG,KAAK,CAAC;IACdL,KAAK,EAAEE,kBAAS,CAACI,MAAM;IACvBV,IAAI,EAAEM,kBAAS,CAACI;EAClB,CAAC,CAAC,CACH;EACD;AACF;AACA;EACEiB,GAAG,EAAErB,kBAAS,CAACI,MAAM;EACrB;AACF;AACA;EACEgB,UAAU,EAAEpB,kBAAS,CAACqD,MAAM;EAC5B;AACF;AACA;AACA;EACE/B,SAAS,EAAEtB,kBAAS,CAACC,WAAW;EAChC;AACF;AACA;EACEV,OAAO,EAAES,kBAAS,CAACE,IAAI;EACvB;AACF;AACA;EACEqB,iBAAiB,EAAEvB,kBAAS,CAACM,UAAU,CAACC,MAAM;AAChD,CAAC;AAAC,eAEa,IAAA+C,kBAAU,EAACC,gBAAM,EAAE;EAAEC,IAAI,EAAE,cAAc;EAAElB,KAAK,EAAE;AAAE,CAAC,CAAC,CAACvB,UAAU,CAAC;AAAA"}

package/dist/BreadCrumb/styles.js

@@ -42,6 +42,9 @@ var styles = function styles(theme) {
       "&:focus": {
         backgroundColor: theme.hv.palette.atmosphere.atmo3
       }
+    },
+    label: {
+      textTransform: "capitalize"
     }
   };
 };

package/dist/BreadCrumb/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"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"],"sources":["../../src/BreadCrumb/styles.js"],"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\")}`,\n  },\n  currentPage: {\n    padding: `8px ${theme.spacing(\"xs\")}`,\n  },\n  a: {\n    padding: `8px ${theme.spacing(\"xs\")}`,\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"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE,QAAQ;MACpBC,MAAM,EAAE;IACV,CAAC;IACDC,eAAe,EAAE;MACfH,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE;IACd,CAAC;IACDG,IAAI,EAAE;MACJC,QAAQ,EAAE,OAAO;MACjBC,KAAK,EAAER,KAAK,CAACS,EAAE,CAACC,OAAO,CAACC,MAAM,CAACC,KAAK;MACpC,SAAS,EAAE;QACTC,MAAM,EAAE,SAAS;QACjBC,eAAe,EAAEd,KAAK,CAACS,EAAE,CAACC,OAAO,CAACK,UAAU,CAACC;MAC/C;IACF,CAAC;IACDC,kBAAkB,EAAE,CAAC,CAAC;IACtBC,WAAW,EAAE;MACXhB,OAAO,EAAE,MAAM;MACfiB,WAAW,EAAE,CAAC;MACdC,UAAU,aAAMpB,KAAK,CAACqB,OAAO,CAAC,IAAI,CAAC;IACrC,CAAC;IACDC,WAAW,EAAE;MACXC,OAAO,gBAASvB,KAAK,CAACqB,OAAO,CAAC,IAAI,CAAC;IACrC,CAAC;IACDG,CAAC,EAAE;MACDD,OAAO,gBAASvB,KAAK,CAACqB,OAAO,CAAC,IAAI,CAAC,CAAE;MACrCI,cAAc,EAAE,MAAM;MACtBC,YAAY,EAAE,KAAK;MACnB,SAAS,EAAE;QACTZ,eAAe,EAAEd,KAAK,CAACS,EAAE,CAACC,OAAO,CAACK,UAAU,CAACC;MAC/C,CAAC;MACD,SAAS,EAAE;QACTF,eAAe,EAAEd,KAAK,CAACS,EAAE,CAACC,OAAO,CAACK,UAAU,CAACC;MAC/C;IACF;EACF,CAAC;AAAA,CAAC;AAAC,eAEYjB,MAAM;AAAA"}
+{"version":3,"file":"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","label","textTransform"],"sources":["../../src/BreadCrumb/styles.js"],"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\")}`,\n  },\n  currentPage: {\n    padding: `8px ${theme.spacing(\"xs\")}`,\n  },\n  a: {\n    padding: `8px ${theme.spacing(\"xs\")}`,\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  label: {\n    textTransform: \"capitalize\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE,QAAQ;MACpBC,MAAM,EAAE;IACV,CAAC;IACDC,eAAe,EAAE;MACfH,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE;IACd,CAAC;IACDG,IAAI,EAAE;MACJC,QAAQ,EAAE,OAAO;MACjBC,KAAK,EAAER,KAAK,CAACS,EAAE,CAACC,OAAO,CAACC,MAAM,CAACC,KAAK;MACpC,SAAS,EAAE;QACTC,MAAM,EAAE,SAAS;QACjBC,eAAe,EAAEd,KAAK,CAACS,EAAE,CAACC,OAAO,CAACK,UAAU,CAACC;MAC/C;IACF,CAAC;IACDC,kBAAkB,EAAE,CAAC,CAAC;IACtBC,WAAW,EAAE;MACXhB,OAAO,EAAE,MAAM;MACfiB,WAAW,EAAE,CAAC;MACdC,UAAU,aAAMpB,KAAK,CAACqB,OAAO,CAAC,IAAI,CAAC;IACrC,CAAC;IACDC,WAAW,EAAE;MACXC,OAAO,gBAASvB,KAAK,CAACqB,OAAO,CAAC,IAAI,CAAC;IACrC,CAAC;IACDG,CAAC,EAAE;MACDD,OAAO,gBAASvB,KAAK,CAACqB,OAAO,CAAC,IAAI,CAAC,CAAE;MACrCI,cAAc,EAAE,MAAM;MACtBC,YAAY,EAAE,KAAK;MACnB,SAAS,EAAE;QACTZ,eAAe,EAAEd,KAAK,CAACS,EAAE,CAACC,OAAO,CAACK,UAAU,CAACC;MAC/C,CAAC;MACD,SAAS,EAAE;QACTF,eAAe,EAAEd,KAAK,CAACS,EAAE,CAACC,OAAO,CAACK,UAAU,CAACC;MAC/C;IACF,CAAC;IACDW,KAAK,EAAE;MACLC,aAAa,EAAE;IACjB;EACF,CAAC;AAAA,CAAC;AAAC,eAEY7B,MAAM;AAAA"}

package/dist/BreadCrumb/utils.js

@@ -11,10 +11,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.removeExtension = exports.pathWithSubMenu = void 0;
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-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"));
@@ -25,10 +23,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _MoreOptionsHorizonta;
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var 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);
@@ -42,5 +36,6 @@ var pathWithSubMenu = function pathWithSubMenu(id, classes, listRoute, maxVisibl
   }, dropDownMenuProps)));
   return listRoute;
 };
-exports.pathWithSubMenu = pathWithSubMenu;
+var _default = pathWithSubMenu;
+exports.default = _default;
 //# sourceMappingURL=utils.js.map

package/dist/BreadCrumb/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["removeExtension","label","includes","substring","lastIndexOf","pathWithSubMenu","id","classes","listRoute","maxVisible","dropDownMenuProps","nbrElemToSubMenu","length","subMenuList","slice","splice","setId"],"sources":["../../src/BreadCrumb/utils.js"],"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"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAAiC;AAAA;AAAA;AAAA;AAE1B,IAAMA,eAAe,GAAG,SAAlBA,eAAe,CAAIC,KAAK;EAAA,OACnCA,KAAK,CAACC,QAAQ,CAAC,GAAG,CAAC,GAAGD,KAAK,CAACE,SAAS,CAAC,CAAC,EAAEF,KAAK,CAACG,WAAW,CAAC,GAAG,CAAC,CAAC,GAAGH,KAAK;AAAA;AAAC;AAEpE,IAAMI,eAAe,GAAG,SAAlBA,eAAe,CAAIC,EAAE,EAAEC,OAAO,EAAEC,SAAS,EAAEC,UAAU,EAAEC,iBAAiB,EAAK;EACxF,IAAMC,gBAAgB,GAAGH,SAAS,CAACI,MAAM,GAAGH,UAAU;EACtD,IAAMI,WAAW,GAAGL,SAAS,CAACM,KAAK,CAAC,CAAC,EAAEH,gBAAgB,GAAG,CAAC,CAAC;EAE5DH,SAAS,CAACO,MAAM,CACd,CAAC,EACDJ,gBAAgB,eAChB,qBAAC,gBAAc;IACb,EAAE,EAAE,IAAAK,YAAK,EAACV,EAAE,EAAE,SAAS,CAAE;IACzB,IAAI,iEAAE,qBAAC,sCAAqB;MAAC,QAAQ,EAAC,GAAG;MAAC,KAAK,EAAC;IAAO,EAAG,CAAC;IAC3D,QAAQ,EAAEO;EAAY,GAClBH,iBAAiB,EACrB,CACH;EAED,OAAOF,SAAS;AAClB,CAAC;AAAC"}
+{"version":3,"file":"utils.js","names":["pathWithSubMenu","id","classes","listRoute","maxVisible","dropDownMenuProps","nbrElemToSubMenu","length","subMenuList","slice","splice","setId"],"sources":["../../src/BreadCrumb/utils.js"],"sourcesContent":["import React from \"react\";\nimport { MoreOptionsHorizontal } from \"@hitachivantara/uikit-react-icons\";\nimport { HvDropDownMenu } from \"..\";\nimport { setId } from \"../utils\";\n\nconst 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\nexport default pathWithSubMenu;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAAiC;AAAA;AAAA;AAAA;AAEjC,IAAMA,eAAe,GAAG,SAAlBA,eAAe,CAAIC,EAAE,EAAEC,OAAO,EAAEC,SAAS,EAAEC,UAAU,EAAEC,iBAAiB,EAAK;EACjF,IAAMC,gBAAgB,GAAGH,SAAS,CAACI,MAAM,GAAGH,UAAU;EACtD,IAAMI,WAAW,GAAGL,SAAS,CAACM,KAAK,CAAC,CAAC,EAAEH,gBAAgB,GAAG,CAAC,CAAC;EAE5DH,SAAS,CAACO,MAAM,CACd,CAAC,EACDJ,gBAAgB,eAChB,qBAAC,gBAAc;IACb,EAAE,EAAE,IAAAK,YAAK,EAACV,EAAE,EAAE,SAAS,CAAE;IACzB,IAAI,iEAAE,qBAAC,sCAAqB;MAAC,QAAQ,EAAC,GAAG;MAAC,KAAK,EAAC;IAAO,EAAG,CAAC;IAC3D,QAAQ,EAAEO;EAAY,GAClBH,iBAAiB,EACrB,CACH;EAED,OAAOF,SAAS;AAClB,CAAC;AAAC,eAEaH,eAAe;AAAA"}

package/dist/Dialog/Dialog.d.ts

@@ -1,6 +1,6 @@
 import { DialogProps, StandardProps } from "@mui/material";
 
-export type HvDialogClassKey = "root" | "background" | "paper" | "closeButton";
+export type HvDialogClassKey = "root" | "background" | "paper" | "fullscreen" | "closeButton";
 
 export interface HvDialogProps extends StandardProps<DialogProps, HvDialogClassKey> {
   /**

package/dist/Dialog/Dialog.js

@@ -12,14 +12,12 @@ require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof3 = require("@babel/runtime/helpers/typeof");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("core-js/modules/es.array.map.js");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
@@ -38,7 +36,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _Close;
 var _excluded = ["classes", "className", "id", "children", "open", "onClose", "firstFocusable", "buttonTitle", "fullscreen", "disableBackdropClick"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 /**
@@ -129,7 +127,7 @@ var HvDialog = function HvDialog(_ref) {
     open: open,
     PaperProps: {
       classes: {
-        root: (0, _clsx.default)(classes.paper, fullscreen && "fullscreen")
+        root: (0, _clsx.default)(classes.paper, fullscreen && classes.fullscreen)
       }
     },
     fullScreen: fullscreen,
@@ -141,9 +139,9 @@ var HvDialog = function HvDialog(_ref) {
     onClose: function onClose(event, reason) {
       return wrappedClose(event, reason);
     },
-    onKeyDown: keyDownHandler
+    onKeyDown: keyDownHandler,
+    "aria-modal": true
   }, others), {}, {
-    "aria-modal": true,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
       id: (0, _utils.setId)(id, "close"),
       className: classes.closeButton,
@@ -153,11 +151,7 @@ var HvDialog = function HvDialog(_ref) {
       },
       "aria-label": buttonTitle,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CloseButtonTooltipWrapper, {})
-    }), children && (0, _typeof2.default)(children) === "object" ? _react.default.Children.map(children, function (c) {
-      return /*#__PURE__*/_react.default.cloneElement(c, {
-        fullscreen: fullscreen
-      });
-    }) : children]
+    }), children]
   }));
 };
 process.env.NODE_ENV !== "production" ? HvDialog.propTypes = {
@@ -182,9 +176,13 @@ process.env.NODE_ENV !== "production" ? HvDialog.propTypes = {
      */
     background: _propTypes.default.string,
     /**
-     * Style applied to the component (root).
+     * Style applied to the paper component.
      */
     paper: _propTypes.default.string,
+    /**
+     * Style applied to the paper component when it's fullscreen.
+     */
+    fullscreen: _propTypes.default.string,
     /**
      * Style applied to the close button.
      */

package/dist/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","names":["HvDialog","classes","className","id","children","open","onClose","firstFocusable","buttonTitle","fullscreen","disableBackdropClick","others","useState","focusableQueue","setFocusableQueue","wrappedClose","event","reason","bypassValidation","measuredRef","useCallback","node","focusableList","getFocusableList","first","last","length","isNil","focus","element","document","getElementById","console","warn","keyDownHandler","isKeypress","KeyboardCodes","Tab","target","shiftKey","preventDefault","Esc","onEscapeKeyDown","disableEscapeKeyDown","stopPropagation","closeButtonDisplay","CloseButtonTooltipWrapper","withTooltip","clsx","root","paper","background","setId","closeButton","undefined","React","Children","map","c","cloneElement","propTypes","PropTypes","string","shape","isRequired","bool","func","withStyles","styles","name"],"sources":["../../src/Dialog/Dialog.js"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Dialog } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport isNil from \"lodash/isNil\";\nimport Button from \"../Button\";\nimport { isKeypress, KeyboardCodes, setId } from \"../utils\";\nimport styles from \"./styles\";\nimport withTooltip from \"../withTooltip\";\nimport { getFocusableList } from \"../utils/focusableElementFinder\";\n\n/**\n * The Dialog component provides a solid foundation for creating dialogs, popovers, lightboxes, etc.\n * It is created by the composition of DialogTitle, DialogContent and DialogActions components, passed as child elements.\n */\nconst HvDialog = ({\n  classes,\n  className,\n  id,\n  children,\n  open,\n  onClose,\n  firstFocusable,\n  buttonTitle = \"Close\",\n  fullscreen = false,\n  disableBackdropClick = false,\n  ...others\n}) => {\n  const [focusableQueue, setFocusableQueue] = useState(null);\n\n  // Because the `disableBackdropClick` property was deprecated in MUI5\n  // and we want to maintain that funcionality to the user we're wrapping\n  // the onClose call here to make that check.\n  const wrappedClose = (event, reason, bypassValidation = false) => {\n    if (bypassValidation) {\n      onClose?.(event, reason);\n    } else if (!disableBackdropClick) {\n      onClose?.(event, reason);\n    }\n  };\n\n  const measuredRef = useCallback(\n    (node) => {\n      if (node) {\n        const focusableList = getFocusableList(node);\n        setFocusableQueue({\n          first: focusableList[1],\n          last: focusableList[focusableList.length - 2],\n        });\n        if (isNil(firstFocusable)) focusableList[1].focus();\n        else {\n          const element = document.getElementById(firstFocusable);\n          if (element) element.focus();\n          else {\n            // eslint-disable-next-line no-console\n            console.warn(`firstFocusable element ${firstFocusable} not found.`);\n            focusableList[1].focus();\n          }\n        }\n      }\n    },\n    [firstFocusable]\n  );\n\n  const keyDownHandler = (event) => {\n    if (isKeypress(event, KeyboardCodes.Tab) && !isNil(event.target) && !isNil(focusableQueue)) {\n      if (event.shiftKey && event.target === focusableQueue.first) {\n        focusableQueue.last.focus();\n        event.preventDefault();\n      }\n      if (!event.shiftKey && event.target === focusableQueue.last) {\n        focusableQueue.first.focus();\n        event.preventDefault();\n      }\n    }\n    // Needed as this handler overrides the one in the material ui Modal.\n    else if (isKeypress(event, KeyboardCodes.Esc)) {\n      if (others.onEscapeKeyDown) {\n        others.onEscapeKeyDown(event);\n      }\n\n      if (!others.disableEscapeKeyDown) {\n        // Swallow the event, in case someone is listening for the escape key on the body.\n        event.stopPropagation();\n\n        wrappedClose(event, \"escapeKeyDown\", true);\n      }\n    }\n  };\n\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n    : closeButtonDisplay;\n\n  return (\n    <Dialog\n      className={clsx(classes.root, className)}\n      id={id}\n      ref={measuredRef}\n      open={open}\n      PaperProps={{\n        classes: {\n          root: clsx(classes.paper, fullscreen ? \"fullscreen\" : \"\"),\n        },\n      }}\n      fullScreen={fullscreen}\n      BackdropProps={{\n        classes: {\n          root: classes.background,\n        },\n      }}\n      onClose={(event, reason) => wrappedClose(event, reason)}\n      onKeyDown={keyDownHandler}\n      {...others}\n      aria-modal\n    >\n      <Button\n        id={setId(id, \"close\")}\n        className={classes.closeButton}\n        category=\"ghost\"\n        onClick={(event) => wrappedClose(event, undefined, true)}\n        aria-label={buttonTitle}\n      >\n        <CloseButtonTooltipWrapper />\n      </Button>\n      {children && typeof children === \"object\"\n        ? React.Children.map(children, (c) => React.cloneElement(c, { fullscreen }))\n        : children}\n    </Dialog>\n  );\n};\n\nHvDialog.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     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the background (outside) of the component.\n     */\n    background: PropTypes.string,\n    /**\n     * Style applied to the component (root).\n     */\n    paper: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Components of the Dialog.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Current state of the Dialog.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   */\n  onClose: PropTypes.func,\n  /**\n   * Element id that should be focus when the Dialog opens.\n   */\n  firstFocusable: PropTypes.string,\n  /**\n   * Title for the button close.\n   */\n  buttonTitle: PropTypes.string,\n  /**\n   * Set the dialog to fullscreen mode.\n   */\n  fullscreen: PropTypes.bool,\n  /**\n   * Prevent closing the dialog when clicking on the backdrop.\n   */\n  disableBackdropClick: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDialog\" })(HvDialog);\n"],"mappings":"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"}
+{"version":3,"file":"Dialog.js","names":["HvDialog","classes","className","id","children","open","onClose","firstFocusable","buttonTitle","fullscreen","disableBackdropClick","others","useState","focusableQueue","setFocusableQueue","wrappedClose","event","reason","bypassValidation","measuredRef","useCallback","node","focusableList","getFocusableList","first","last","length","isNil","focus","element","document","getElementById","console","warn","keyDownHandler","isKeypress","KeyboardCodes","Tab","target","shiftKey","preventDefault","Esc","onEscapeKeyDown","disableEscapeKeyDown","stopPropagation","closeButtonDisplay","CloseButtonTooltipWrapper","withTooltip","clsx","root","paper","background","setId","closeButton","undefined","propTypes","PropTypes","string","shape","isRequired","bool","func","withStyles","styles","name"],"sources":["../../src/Dialog/Dialog.js"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Dialog } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport isNil from \"lodash/isNil\";\nimport Button from \"../Button\";\nimport { isKeypress, KeyboardCodes, setId } from \"../utils\";\nimport styles from \"./styles\";\nimport withTooltip from \"../withTooltip\";\nimport { getFocusableList } from \"../utils/focusableElementFinder\";\n\n/**\n * The Dialog component provides a solid foundation for creating dialogs, popovers, lightboxes, etc.\n * It is created by the composition of DialogTitle, DialogContent and DialogActions components, passed as child elements.\n */\nconst HvDialog = ({\n  classes,\n  className,\n  id,\n  children,\n  open,\n  onClose,\n  firstFocusable,\n  buttonTitle = \"Close\",\n  fullscreen = false,\n  disableBackdropClick = false,\n  ...others\n}) => {\n  const [focusableQueue, setFocusableQueue] = useState(null);\n\n  // Because the `disableBackdropClick` property was deprecated in MUI5\n  // and we want to maintain that funcionality to the user we're wrapping\n  // the onClose call here to make that check.\n  const wrappedClose = (event, reason, bypassValidation = false) => {\n    if (bypassValidation) {\n      onClose?.(event, reason);\n    } else if (!disableBackdropClick) {\n      onClose?.(event, reason);\n    }\n  };\n\n  const measuredRef = useCallback(\n    (node) => {\n      if (node) {\n        const focusableList = getFocusableList(node);\n        setFocusableQueue({\n          first: focusableList[1],\n          last: focusableList[focusableList.length - 2],\n        });\n        if (isNil(firstFocusable)) focusableList[1].focus();\n        else {\n          const element = document.getElementById(firstFocusable);\n          if (element) element.focus();\n          else {\n            // eslint-disable-next-line no-console\n            console.warn(`firstFocusable element ${firstFocusable} not found.`);\n            focusableList[1].focus();\n          }\n        }\n      }\n    },\n    [firstFocusable]\n  );\n\n  const keyDownHandler = (event) => {\n    if (isKeypress(event, KeyboardCodes.Tab) && !isNil(event.target) && !isNil(focusableQueue)) {\n      if (event.shiftKey && event.target === focusableQueue.first) {\n        focusableQueue.last.focus();\n        event.preventDefault();\n      }\n      if (!event.shiftKey && event.target === focusableQueue.last) {\n        focusableQueue.first.focus();\n        event.preventDefault();\n      }\n    }\n    // Needed as this handler overrides the one in the material ui Modal.\n    else if (isKeypress(event, KeyboardCodes.Esc)) {\n      if (others.onEscapeKeyDown) {\n        others.onEscapeKeyDown(event);\n      }\n\n      if (!others.disableEscapeKeyDown) {\n        // Swallow the event, in case someone is listening for the escape key on the body.\n        event.stopPropagation();\n\n        wrappedClose(event, \"escapeKeyDown\", true);\n      }\n    }\n  };\n\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n    : closeButtonDisplay;\n\n  return (\n    <Dialog\n      className={clsx(classes.root, className)}\n      id={id}\n      ref={measuredRef}\n      open={open}\n      PaperProps={{\n        classes: {\n          root: clsx(classes.paper, { [classes.fullscreen]: fullscreen }),\n        },\n      }}\n      fullScreen={fullscreen}\n      BackdropProps={{\n        classes: {\n          root: classes.background,\n        },\n      }}\n      onClose={(event, reason) => wrappedClose(event, reason)}\n      onKeyDown={keyDownHandler}\n      aria-modal\n      {...others}\n    >\n      <Button\n        id={setId(id, \"close\")}\n        className={classes.closeButton}\n        category=\"ghost\"\n        onClick={(event) => wrappedClose(event, undefined, true)}\n        aria-label={buttonTitle}\n      >\n        <CloseButtonTooltipWrapper />\n      </Button>\n      {children}\n    </Dialog>\n  );\n};\n\nHvDialog.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     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the background (outside) of the component.\n     */\n    background: PropTypes.string,\n    /**\n     * Style applied to the paper component.\n     */\n    paper: PropTypes.string,\n    /**\n     * Style applied to the paper component when it's fullscreen.\n     */\n    fullscreen: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Components of the Dialog.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Current state of the Dialog.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   */\n  onClose: PropTypes.func,\n  /**\n   * Element id that should be focus when the Dialog opens.\n   */\n  firstFocusable: PropTypes.string,\n  /**\n   * Title for the button close.\n   */\n  buttonTitle: PropTypes.string,\n  /**\n   * Set the dialog to fullscreen mode.\n   */\n  fullscreen: PropTypes.bool,\n  /**\n   * Prevent closing the dialog when clicking on the backdrop.\n   */\n  disableBackdropClick: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDialog\" })(HvDialog);\n"],"mappings":"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"}

package/dist/Dialog/DialogActions/DialogActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogActions.js","names":["HvDialogActions","props","classes","className","children","fullscreen","others","root","clsx","spacing","propTypes","PropTypes","string","shape","isRequired","node","bool","withStyles","styles","name"],"sources":["../../../src/Dialog/DialogActions/DialogActions.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { DialogActions } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst HvDialogActions = (props) => {\n  const { classes, className, children, fullscreen = false, ...others } = props;\n  return (\n    <DialogActions\n      classes={{\n        root: clsx(classes.root, fullscreen && classes.fullscreen),\n        spacing: classes.spacing,\n      }}\n      className={className}\n      {...others}\n    >\n      {children}\n    </DialogActions>\n  );\n};\n\nHvDialogActions.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component (container for the actions).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the root of the component if disableSpacing is off.\n     */\n    spacing: PropTypes.string,\n    /**\n     * Style applied to the root of the component if fullscreen is on.\n     */\n    fullscreen: PropTypes.string,\n  }).isRequired,\n  /**\n   * Actions of the Dialog.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Whether or not the dialog is in fullscreen mode.\n   */\n  fullscreen: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDialogActions\" })(HvDialogActions);\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAA8B;AAAA;AAAA;AAAA;AAE9B,IAAMA,eAAe,GAAG,SAAlBA,eAAe,CAAIC,KAAK,EAAK;EACjC,IAAQC,OAAO,GAAyDD,KAAK,CAArEC,OAAO;IAAEC,SAAS,GAA8CF,KAAK,CAA5DE,SAAS;IAAEC,QAAQ,GAAoCH,KAAK,CAAjDG,QAAQ;IAAA,oBAAoCH,KAAK,CAAvCI,UAAU;IAAVA,UAAU,kCAAG,KAAK;IAAKC,MAAM,0CAAKL,KAAK;EAC7E,oBACE,qBAAC,uBAAa;IACZ,OAAO,EAAE;MACPM,IAAI,EAAE,IAAAC,aAAI,EAACN,OAAO,CAACK,IAAI,EAAEF,UAAU,IAAIH,OAAO,CAACG,UAAU,CAAC;MAC1DI,OAAO,EAAEP,OAAO,CAACO;IACnB,CAAE;IACF,SAAS,EAAEN;EAAU,GACjBG,MAAM;IAAA,UAETF;EAAQ,GACK;AAEpB,CAAC;AAED,wCAAAJ,eAAe,CAACU,SAAS,GAAG;EAC1B;AACF;AACA;EACEP,SAAS,EAAEQ,kBAAS,CAACC,MAAM;EAC3B;AACF;AACA;EACEV,OAAO,EAAES,kBAAS,CAACE,KAAK,CAAC;IACvB;AACJ;AACA;IACIN,IAAI,EAAEI,kBAAS,CAACC,MAAM;IACtB;AACJ;AACA;IACIH,OAAO,EAAEE,kBAAS,CAACC,MAAM;IACzB;AACJ;AACA;IACIP,UAAU,EAAEM,kBAAS,CAACC;EACxB,CAAC,CAAC,CAACE,UAAU;EACb;AACF;AACA;EACEV,QAAQ,EAAEO,kBAAS,CAACI,IAAI,CAACD,UAAU;EACnC;AACF;AACA;EACET,UAAU,EAAEM,kBAAS,CAACK;AACxB,CAAC;AAAC,eAEa,IAAAC,kBAAU,EAACC,gBAAM,EAAE;EAAEC,IAAI,EAAE;AAAkB,CAAC,CAAC,CAACnB,eAAe,CAAC;AAAA"}
+{"version":3,"file":"DialogActions.js","names":["HvDialogActions","props","classes","className","children","fullscreen","others","root","clsx","spacing","propTypes","PropTypes","string","shape","isRequired","node","bool","withStyles","styles","name"],"sources":["../../../src/Dialog/DialogActions/DialogActions.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { DialogActions } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst HvDialogActions = (props) => {\n  const { classes, className, children, fullscreen = false, ...others } = props;\n  return (\n    <DialogActions\n      classes={{\n        root: clsx(classes.root, { [classes.fullscreen]: fullscreen }),\n        spacing: classes.spacing,\n      }}\n      className={className}\n      {...others}\n    >\n      {children}\n    </DialogActions>\n  );\n};\n\nHvDialogActions.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component (container for the actions).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the root of the component if disableSpacing is off.\n     */\n    spacing: PropTypes.string,\n    /**\n     * Style applied to the root of the component if fullscreen is on.\n     */\n    fullscreen: PropTypes.string,\n  }).isRequired,\n  /**\n   * Actions of the Dialog.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Whether or not the dialog is in fullscreen mode.\n   */\n  fullscreen: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDialogActions\" })(HvDialogActions);\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAA8B;AAAA;AAAA;AAAA;AAE9B,IAAMA,eAAe,GAAG,SAAlBA,eAAe,CAAIC,KAAK,EAAK;EACjC,IAAQC,OAAO,GAAyDD,KAAK,CAArEC,OAAO;IAAEC,SAAS,GAA8CF,KAAK,CAA5DE,SAAS;IAAEC,QAAQ,GAAoCH,KAAK,CAAjDG,QAAQ;IAAA,oBAAoCH,KAAK,CAAvCI,UAAU;IAAVA,UAAU,kCAAG,KAAK;IAAKC,MAAM,0CAAKL,KAAK;EAC7E,oBACE,qBAAC,uBAAa;IACZ,OAAO,EAAE;MACPM,IAAI,EAAE,IAAAC,aAAI,EAACN,OAAO,CAACK,IAAI,EAA0BF,UAAU,IAA/BH,OAAO,CAACG,UAAU,CAAgB;MAC9DI,OAAO,EAAEP,OAAO,CAACO;IACnB,CAAE;IACF,SAAS,EAAEN;EAAU,GACjBG,MAAM;IAAA,UAETF;EAAQ,GACK;AAEpB,CAAC;AAED,wCAAAJ,eAAe,CAACU,SAAS,GAAG;EAC1B;AACF;AACA;EACEP,SAAS,EAAEQ,kBAAS,CAACC,MAAM;EAC3B;AACF;AACA;EACEV,OAAO,EAAES,kBAAS,CAACE,KAAK,CAAC;IACvB;AACJ;AACA;IACIN,IAAI,EAAEI,kBAAS,CAACC,MAAM;IACtB;AACJ;AACA;IACIH,OAAO,EAAEE,kBAAS,CAACC,MAAM;IACzB;AACJ;AACA;IACIP,UAAU,EAAEM,kBAAS,CAACC;EACxB,CAAC,CAAC,CAACE,UAAU;EACb;AACF;AACA;EACEV,QAAQ,EAAEO,kBAAS,CAACI,IAAI,CAACD,UAAU;EACnC;AACF;AACA;EACET,UAAU,EAAEM,kBAAS,CAACK;AACxB,CAAC;AAAC,eAEa,IAAAC,kBAAU,EAACC,gBAAM,EAAE;EAAEC,IAAI,EAAE;AAAkB,CAAC,CAAC,CAACnB,eAAe,CAAC;AAAA"}

package/dist/Dialog/DialogActions/styles.js

@@ -9,21 +9,14 @@ var styles = function styles(theme) {
     root: {
       margin: "0",
       padding: theme.hv.spacing.sm,
-      borderTop: "3px solid ".concat(theme.hv.palette.atmosphere.atmo2),
-      height: 100,
-      flex: 1
+      borderTop: "3px solid ".concat(theme.hv.palette.atmosphere.atmo2)
     },
     spacing: {
       "& > :not(:first-child)": {
         marginLeft: theme.hv.spacing.xs
       }
     },
-    fullscreen: {
-      position: "fixed",
-      width: "100%",
-      bottom: 0,
-      left: 0
-    }
+    fullscreen: {}
   };
 };
 var _default = styles;

package/dist/Dialog/DialogActions/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","margin","padding","hv","spacing","sm","borderTop","palette","atmosphere","atmo2","height","flex","marginLeft","xs","fullscreen","position","width","bottom","left"],"sources":["../../../src/Dialog/DialogActions/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    margin: \"0\",\n    padding: theme.hv.spacing.sm,\n    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n    height: 100,\n    flex: 1,\n  },\n  spacing: {\n    \"& > :not(:first-child)\": {\n      marginLeft: theme.hv.spacing.xs,\n    },\n  },\n  fullscreen: {\n    position: \"fixed\",\n    width: \"100%\",\n    bottom: 0,\n    left: 0,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,MAAM,EAAE,GAAG;MACXC,OAAO,EAAEH,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,EAAE;MAC5BC,SAAS,sBAAeP,KAAK,CAACI,EAAE,CAACI,OAAO,CAACC,UAAU,CAACC,KAAK,CAAE;MAC3DC,MAAM,EAAE,GAAG;MACXC,IAAI,EAAE;IACR,CAAC;IACDP,OAAO,EAAE;MACP,wBAAwB,EAAE;QACxBQ,UAAU,EAAEb,KAAK,CAACI,EAAE,CAACC,OAAO,CAACS;MAC/B;IACF,CAAC;IACDC,UAAU,EAAE;MACVC,QAAQ,EAAE,OAAO;MACjBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,CAAC;MACTC,IAAI,EAAE;IACR;EACF,CAAC;AAAA,CAAC;AAAC,eAEYpB,MAAM;AAAA"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","margin","padding","hv","spacing","sm","borderTop","palette","atmosphere","atmo2","marginLeft","xs","fullscreen"],"sources":["../../../src/Dialog/DialogActions/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    margin: \"0\",\n    padding: theme.hv.spacing.sm,\n    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n  },\n  spacing: {\n    \"& > :not(:first-child)\": {\n      marginLeft: theme.hv.spacing.xs,\n    },\n  },\n  fullscreen: {},\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,MAAM,EAAE,GAAG;MACXC,OAAO,EAAEH,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,EAAE;MAC5BC,SAAS,sBAAeP,KAAK,CAACI,EAAE,CAACI,OAAO,CAACC,UAAU,CAACC,KAAK;IAC3D,CAAC;IACDL,OAAO,EAAE;MACP,wBAAwB,EAAE;QACxBM,UAAU,EAAEX,KAAK,CAACI,EAAE,CAACC,OAAO,CAACO;MAC/B;IACF,CAAC;IACDC,UAAU,EAAE,CAAC;EACf,CAAC;AAAA,CAAC;AAAC,eAEYd,MAAM;AAAA"}

package/dist/Dialog/DialogContent/DialogContent.js

@@ -1,10 +1,19 @@
 "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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _material = require("@mui/material");
@@ -13,17 +22,22 @@ var _clsx = _interopRequireDefault(require("clsx"));
 var _Typography = _interopRequireDefault(require("../../Typography"));
 var _styles2 = _interopRequireDefault(require("./styles"));
 var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["classes", "className", "children", "indentContent"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var HvDialogContent = function HvDialogContent(_ref) {
   var classes = _ref.classes,
     className = _ref.className,
     children = _ref.children,
     _ref$indentContent = _ref.indentContent,
-    indentContent = _ref$indentContent === void 0 ? false : _ref$indentContent;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+    indentContent = _ref$indentContent === void 0 ? false : _ref$indentContent,
+    others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, _objectSpread(_objectSpread({
     component: _material.DialogContent,
-    className: (0, _clsx.default)(className, classes.root, indentContent && classes.textContent),
+    className: (0, _clsx.default)(className, classes.root, indentContent && classes.textContent)
+  }, others), {}, {
     children: children
-  });
+  }));
 };
 process.env.NODE_ENV !== "production" ? HvDialogContent.propTypes = {
   /**
@@ -39,7 +53,7 @@ process.env.NODE_ENV !== "production" ? HvDialogContent.propTypes = {
      */
     root: _propTypes.default.string,
     /**
-     * Style applied when the content is a string.
+     * Style applied when the content is indented.
      */
     textContent: _propTypes.default.string
   }).isRequired,

package/dist/Dialog/DialogContent/DialogContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.js","names":["HvDialogContent","classes","className","children","indentContent","DialogContent","clsx","root","textContent","propTypes","PropTypes","string","shape","isRequired","bool","node","withStyles","styles","name"],"sources":["../../../src/Dialog/DialogContent/DialogContent.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { DialogContent } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport clsx from \"clsx\";\nimport HvTypography from \"../../Typography\";\nimport styles from \"./styles\";\n\nconst HvDialogContent = ({ classes, className, children, indentContent = false }) => {\n  return (\n    <HvTypography\n      component={DialogContent}\n      className={clsx(className, classes.root, { [classes.textContent]: indentContent })}\n    >\n      {children}\n    </HvTypography>\n  );\n};\n\nHvDialogContent.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component (container for the content).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied when the content is a string.\n     */\n    textContent: PropTypes.string,\n  }).isRequired,\n  /**\n   * Content should be indented in relationship to the Dialog title.\n   */\n  indentContent: PropTypes.bool,\n  /**\n   * Content to be rendered.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDialogContent\" })(HvDialogContent);\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAA8B;AAE9B,IAAMA,eAAe,GAAG,SAAlBA,eAAe,OAAgE;EAAA,IAA1DC,OAAO,QAAPA,OAAO;IAAEC,SAAS,QAATA,SAAS;IAAEC,QAAQ,QAARA,QAAQ;IAAA,0BAAEC,aAAa;IAAbA,aAAa,mCAAG,KAAK;EAC5E,oBACE,qBAAC,mBAAY;IACX,SAAS,EAAEC,uBAAc;IACzB,SAAS,EAAE,IAAAC,aAAI,EAACJ,SAAS,EAAED,OAAO,CAACM,IAAI,EAA2BH,aAAa,IAAnCH,OAAO,CAACO,WAAW,CAAoB;IAAA,UAElFL;EAAQ,EACI;AAEnB,CAAC;AAED,wCAAAH,eAAe,CAACS,SAAS,GAAG;EAC1B;AACF;AACA;EACEP,SAAS,EAAEQ,kBAAS,CAACC,MAAM;EAC3B;AACF;AACA;EACEV,OAAO,EAAES,kBAAS,CAACE,KAAK,CAAC;IACvB;AACJ;AACA;IACIL,IAAI,EAAEG,kBAAS,CAACC,MAAM;IACtB;AACJ;AACA;IACIH,WAAW,EAAEE,kBAAS,CAACC;EACzB,CAAC,CAAC,CAACE,UAAU;EACb;AACF;AACA;EACET,aAAa,EAAEM,kBAAS,CAACI,IAAI;EAC7B;AACF;AACA;EACEX,QAAQ,EAAEO,kBAAS,CAACK,IAAI,CAACF;AAC3B,CAAC;AAAC,eAEa,IAAAG,kBAAU,EAACC,gBAAM,EAAE;EAAEC,IAAI,EAAE;AAAkB,CAAC,CAAC,CAAClB,eAAe,CAAC;AAAA"}
+{"version":3,"file":"DialogContent.js","names":["HvDialogContent","classes","className","children","indentContent","others","DialogContent","clsx","root","textContent","propTypes","PropTypes","string","shape","isRequired","bool","node","withStyles","styles","name"],"sources":["../../../src/Dialog/DialogContent/DialogContent.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { DialogContent } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport clsx from \"clsx\";\nimport HvTypography from \"../../Typography\";\nimport styles from \"./styles\";\n\nconst HvDialogContent = ({ classes, className, children, indentContent = false, ...others }) => {\n  return (\n    <HvTypography\n      component={DialogContent}\n      className={clsx(className, classes.root, { [classes.textContent]: indentContent })}\n      {...others}\n    >\n      {children}\n    </HvTypography>\n  );\n};\n\nHvDialogContent.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component (container for the content).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied when the content is indented.\n     */\n    textContent: PropTypes.string,\n  }).isRequired,\n  /**\n   * Content should be indented in relationship to the Dialog title.\n   */\n  indentContent: PropTypes.bool,\n  /**\n   * Content to be rendered.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDialogContent\" })(HvDialogContent);\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAA8B;AAAA;AAAA;AAAA;AAE9B,IAAMA,eAAe,GAAG,SAAlBA,eAAe,OAA2E;EAAA,IAArEC,OAAO,QAAPA,OAAO;IAAEC,SAAS,QAATA,SAAS;IAAEC,QAAQ,QAARA,QAAQ;IAAA,0BAAEC,aAAa;IAAbA,aAAa,mCAAG,KAAK;IAAKC,MAAM;EACvF,oBACE,qBAAC,mBAAY;IACX,SAAS,EAAEC,uBAAc;IACzB,SAAS,EAAE,IAAAC,aAAI,EAACL,SAAS,EAAED,OAAO,CAACO,IAAI,EAA2BJ,aAAa,IAAnCH,OAAO,CAACQ,WAAW;EAAoB,GAC/EJ,MAAM;IAAA,UAETF;EAAQ,GACI;AAEnB,CAAC;AAED,wCAAAH,eAAe,CAACU,SAAS,GAAG;EAC1B;AACF;AACA;EACER,SAAS,EAAES,kBAAS,CAACC,MAAM;EAC3B;AACF;AACA;EACEX,OAAO,EAAEU,kBAAS,CAACE,KAAK,CAAC;IACvB;AACJ;AACA;IACIL,IAAI,EAAEG,kBAAS,CAACC,MAAM;IACtB;AACJ;AACA;IACIH,WAAW,EAAEE,kBAAS,CAACC;EACzB,CAAC,CAAC,CAACE,UAAU;EACb;AACF;AACA;EACEV,aAAa,EAAEO,kBAAS,CAACI,IAAI;EAC7B;AACF;AACA;EACEZ,QAAQ,EAAEQ,kBAAS,CAACK,IAAI,CAACF;AAC3B,CAAC;AAAC,eAEa,IAAAG,kBAAU,EAACC,gBAAM,EAAE;EAAEC,IAAI,EAAE;AAAkB,CAAC,CAAC,CAACnB,eAAe,CAAC;AAAA"}

package/dist/Dialog/DialogContent/styles.js

@@ -8,11 +8,10 @@ var styles = function styles(theme) {
   return {
     root: {
       padding: theme.hvSpacing(0, "sm", "sm", "sm"),
-      flex: "none"
+      flex: 1
     },
     textContent: {
-      marginLeft: "42px",
-      paddingRight: "62px",
+      margin: "0 42px",
       flex: 1,
       overflowY: "auto"
     }

package/dist/Dialog/DialogContent/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","padding","hvSpacing","flex","textContent","marginLeft","paddingRight","overflowY"],"sources":["../../../src/Dialog/DialogContent/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    padding: theme.hvSpacing(0, \"sm\", \"sm\", \"sm\"),\n    flex: \"none\",\n  },\n  textContent: {\n    marginLeft: \"42px\",\n    paddingRight: \"62px\",\n    flex: 1,\n    overflowY: \"auto\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAEF,KAAK,CAACG,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;MAC7CC,IAAI,EAAE;IACR,CAAC;IACDC,WAAW,EAAE;MACXC,UAAU,EAAE,MAAM;MAClBC,YAAY,EAAE,MAAM;MACpBH,IAAI,EAAE,CAAC;MACPI,SAAS,EAAE;IACb;EACF,CAAC;AAAA,CAAC;AAAC,eAEYT,MAAM;AAAA"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","padding","hvSpacing","flex","textContent","margin","overflowY"],"sources":["../../../src/Dialog/DialogContent/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    padding: theme.hvSpacing(0, \"sm\", \"sm\", \"sm\"),\n    flex: 1,\n  },\n  textContent: {\n    margin: \"0 42px\",\n    flex: 1,\n    overflowY: \"auto\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAEF,KAAK,CAACG,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;MAC7CC,IAAI,EAAE;IACR,CAAC;IACDC,WAAW,EAAE;MACXC,MAAM,EAAE,QAAQ;MAChBF,IAAI,EAAE,CAAC;MACPG,SAAS,EAAE;IACb;EACF,CAAC;AAAA,CAAC;AAAC,eAEYR,MAAM;AAAA"}

package/dist/Dialog/DialogTitle/DialogTitle.js

@@ -38,14 +38,9 @@ var HvDialogTitle = function HvDialogTitle(_ref) {
     customIcon = _ref$customIcon === void 0 ? null : _ref$customIcon,
     others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var isString = typeof children === "string";
-  var fullscreen = others.fullscreen;
-
-  // prevent the `fullscreen` prop from being passed to the `DialogTitle` component
-  // eslint-disable-next-line no-param-reassign
-  delete others.fullscreen;
   var icon = customIcon || showIcon && (0, _iconVariant.default)(variant);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.DialogTitle, _objectSpread(_objectSpread({
-    className: (0, _clsx.default)(classes.root, className, fullscreen && "fullscreen")
+    className: (0, _clsx.default)(classes.root, className)
   }, others), {}, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: classes.messageContainer,

package/dist/Dialog/DialogTitle/DialogTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogTitle.js","names":["HvDialogTitle","classes","className","children","variant","showIcon","customIcon","others","isString","fullscreen","icon","iconVariant","clsx","root","messageContainer","textWithIcon","propTypes","PropTypes","string","shape","closeButton","isRequired","oneOf","bool","node","withStyles","styles","name"],"sources":["../../../src/Dialog/DialogTitle/DialogTitle.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { DialogTitle } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport HvTypography from \"../../Typography\";\nimport iconVariant from \"../../utils/iconVariant\";\nimport styles from \"./styles\";\n\nconst HvDialogTitle = ({\n  classes,\n  className,\n  children,\n  variant = \"default\",\n  showIcon = true,\n  customIcon = null,\n  ...others\n}) => {\n  const isString = typeof children === \"string\";\n  const { fullscreen } = others;\n\n  // prevent the `fullscreen` prop from being passed to the `DialogTitle` component\n  // eslint-disable-next-line no-param-reassign\n  delete others.fullscreen;\n\n  const icon = customIcon || (showIcon && iconVariant(variant));\n\n  return (\n    <DialogTitle\n      className={clsx(classes.root, className, fullscreen ? \"fullscreen\" : \"\")}\n      {...others}\n    >\n      <div className={classes.messageContainer}>\n        {icon}\n        <div className={clsx({ [classes.textWithIcon]: icon })}>\n          {!isString && children}\n          {isString && <HvTypography variant=\"xxsTitle\">{children}</HvTypography>}\n        </div>\n      </div>\n    </DialogTitle>\n  );\n};\n\nHvDialogTitle.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component (container for the title).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the container of the title\n     */\n    messageContainer: PropTypes.string,\n    /**\n     * Style applied to the text when the icon is present.\n     */\n    textWithIcon: PropTypes.string,\n    /**\n     * Style applied to the icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Variant of the Dialog.\n   */\n  variant: PropTypes.oneOf([\"success\", \"warning\", \"error\", \"info\", \"default\"]),\n  /**\n   * Controls if the associated icon to the variant should be shown.\n   */\n  showIcon: PropTypes.bool,\n  /**\n   * Custom icon to replace the variant default.\n   */\n  customIcon: PropTypes.node,\n  /**\n   * Node to be render.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDialogTitle\" })(HvDialogTitle);\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAA8B;AAAA;AAAA;AAAA;AAE9B,IAAMA,aAAa,GAAG,SAAhBA,aAAa,OAQb;EAAA,IAPJC,OAAO,QAAPA,OAAO;IACPC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IAAA,oBACRC,OAAO;IAAPA,OAAO,6BAAG,SAAS;IAAA,qBACnBC,QAAQ;IAARA,QAAQ,8BAAG,IAAI;IAAA,uBACfC,UAAU;IAAVA,UAAU,gCAAG,IAAI;IACdC,MAAM;EAET,IAAMC,QAAQ,GAAG,OAAOL,QAAQ,KAAK,QAAQ;EAC7C,IAAQM,UAAU,GAAKF,MAAM,CAArBE,UAAU;;EAElB;EACA;EACA,OAAOF,MAAM,CAACE,UAAU;EAExB,IAAMC,IAAI,GAAGJ,UAAU,IAAKD,QAAQ,IAAI,IAAAM,oBAAW,EAACP,OAAO,CAAE;EAE7D,oBACE,qBAAC,qBAAW;IACV,SAAS,EAAE,IAAAQ,aAAI,EAACX,OAAO,CAACY,IAAI,EAAEX,SAAS,EAAEO,UAAU,IAAG,YAAY;EAAO,GACrEF,MAAM;IAAA,uBAEV;MAAK,SAAS,EAAEN,OAAO,CAACa,gBAAiB;MAAA,WACtCJ,IAAI,eACL;QAAK,SAAS,EAAE,IAAAE,aAAI,EAA2BF,IAAI,IAA3BT,OAAO,CAACc,YAAY,CAAW;QAAA,WACpD,CAACP,QAAQ,IAAIL,QAAQ,EACrBK,QAAQ,iBAAI,qBAAC,mBAAY;UAAC,OAAO,EAAC,UAAU;UAAA,UAAEL;QAAQ,EAAgB;MAAA,EACnE;IAAA;EACF,GACM;AAElB,CAAC;AAED,wCAAAH,aAAa,CAACgB,SAAS,GAAG;EACxB;AACF;AACA;EACEd,SAAS,EAAEe,kBAAS,CAACC,MAAM;EAC3B;AACF;AACA;EACEjB,OAAO,EAAEgB,kBAAS,CAACE,KAAK,CAAC;IACvB;AACJ;AACA;IACIN,IAAI,EAAEI,kBAAS,CAACC,MAAM;IACtB;AACJ;AACA;IACIJ,gBAAgB,EAAEG,kBAAS,CAACC,MAAM;IAClC;AACJ;AACA;IACIH,YAAY,EAAEE,kBAAS,CAACC,MAAM;IAC9B;AACJ;AACA;IACIR,IAAI,EAAEO,kBAAS,CAACC,MAAM;IACtB;AACJ;AACA;IACIE,WAAW,EAAEH,kBAAS,CAACC;EACzB,CAAC,CAAC,CAACG,UAAU;EACb;AACF;AACA;EACEjB,OAAO,EAAEa,kBAAS,CAACK,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;EAC5E;AACF;AACA;EACEjB,QAAQ,EAAEY,kBAAS,CAACM,IAAI;EACxB;AACF;AACA;EACEjB,UAAU,EAAEW,kBAAS,CAACO,IAAI;EAC1B;AACF;AACA;EACErB,QAAQ,EAAEc,kBAAS,CAACO,IAAI,CAACH;AAC3B,CAAC;AAAC,eAEa,IAAAI,kBAAU,EAACC,gBAAM,EAAE;EAAEC,IAAI,EAAE;AAAgB,CAAC,CAAC,CAAC3B,aAAa,CAAC;AAAA"}
+{"version":3,"file":"DialogTitle.js","names":["HvDialogTitle","classes","className","children","variant","showIcon","customIcon","others","isString","icon","iconVariant","clsx","root","messageContainer","textWithIcon","propTypes","PropTypes","string","shape","closeButton","isRequired","oneOf","bool","node","withStyles","styles","name"],"sources":["../../../src/Dialog/DialogTitle/DialogTitle.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { DialogTitle } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport HvTypography from \"../../Typography\";\nimport iconVariant from \"../../utils/iconVariant\";\nimport styles from \"./styles\";\n\nconst HvDialogTitle = ({\n  classes,\n  className,\n  children,\n  variant = \"default\",\n  showIcon = true,\n  customIcon = null,\n  ...others\n}) => {\n  const isString = typeof children === \"string\";\n\n  const icon = customIcon || (showIcon && iconVariant(variant));\n\n  return (\n    <DialogTitle className={clsx(classes.root, className)} {...others}>\n      <div className={classes.messageContainer}>\n        {icon}\n        <div className={clsx({ [classes.textWithIcon]: icon })}>\n          {!isString && children}\n          {isString && <HvTypography variant=\"xxsTitle\">{children}</HvTypography>}\n        </div>\n      </div>\n    </DialogTitle>\n  );\n};\n\nHvDialogTitle.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component (container for the title).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the container of the title\n     */\n    messageContainer: PropTypes.string,\n    /**\n     * Style applied to the text when the icon is present.\n     */\n    textWithIcon: PropTypes.string,\n    /**\n     * Style applied to the icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Variant of the Dialog.\n   */\n  variant: PropTypes.oneOf([\"success\", \"warning\", \"error\", \"info\", \"default\"]),\n  /**\n   * Controls if the associated icon to the variant should be shown.\n   */\n  showIcon: PropTypes.bool,\n  /**\n   * Custom icon to replace the variant default.\n   */\n  customIcon: PropTypes.node,\n  /**\n   * Node to be render.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDialogTitle\" })(HvDialogTitle);\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAA8B;AAAA;AAAA;AAAA;AAE9B,IAAMA,aAAa,GAAG,SAAhBA,aAAa,OAQb;EAAA,IAPJC,OAAO,QAAPA,OAAO;IACPC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IAAA,oBACRC,OAAO;IAAPA,OAAO,6BAAG,SAAS;IAAA,qBACnBC,QAAQ;IAARA,QAAQ,8BAAG,IAAI;IAAA,uBACfC,UAAU;IAAVA,UAAU,gCAAG,IAAI;IACdC,MAAM;EAET,IAAMC,QAAQ,GAAG,OAAOL,QAAQ,KAAK,QAAQ;EAE7C,IAAMM,IAAI,GAAGH,UAAU,IAAKD,QAAQ,IAAI,IAAAK,oBAAW,EAACN,OAAO,CAAE;EAE7D,oBACE,qBAAC,qBAAW;IAAC,SAAS,EAAE,IAAAO,aAAI,EAACV,OAAO,CAACW,IAAI,EAAEV,SAAS;EAAE,GAAKK,MAAM;IAAA,uBAC/D;MAAK,SAAS,EAAEN,OAAO,CAACY,gBAAiB;MAAA,WACtCJ,IAAI,eACL;QAAK,SAAS,EAAE,IAAAE,aAAI,EAA2BF,IAAI,IAA3BR,OAAO,CAACa,YAAY,CAAW;QAAA,WACpD,CAACN,QAAQ,IAAIL,QAAQ,EACrBK,QAAQ,iBAAI,qBAAC,mBAAY;UAAC,OAAO,EAAC,UAAU;UAAA,UAAEL;QAAQ,EAAgB;MAAA,EACnE;IAAA;EACF,GACM;AAElB,CAAC;AAED,wCAAAH,aAAa,CAACe,SAAS,GAAG;EACxB;AACF;AACA;EACEb,SAAS,EAAEc,kBAAS,CAACC,MAAM;EAC3B;AACF;AACA;EACEhB,OAAO,EAAEe,kBAAS,CAACE,KAAK,CAAC;IACvB;AACJ;AACA;IACIN,IAAI,EAAEI,kBAAS,CAACC,MAAM;IACtB;AACJ;AACA;IACIJ,gBAAgB,EAAEG,kBAAS,CAACC,MAAM;IAClC;AACJ;AACA;IACIH,YAAY,EAAEE,kBAAS,CAACC,MAAM;IAC9B;AACJ;AACA;IACIR,IAAI,EAAEO,kBAAS,CAACC,MAAM;IACtB;AACJ;AACA;IACIE,WAAW,EAAEH,kBAAS,CAACC;EACzB,CAAC,CAAC,CAACG,UAAU;EACb;AACF;AACA;EACEhB,OAAO,EAAEY,kBAAS,CAACK,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;EAC5E;AACF;AACA;EACEhB,QAAQ,EAAEW,kBAAS,CAACM,IAAI;EACxB;AACF;AACA;EACEhB,UAAU,EAAEU,kBAAS,CAACO,IAAI;EAC1B;AACF;AACA;EACEpB,QAAQ,EAAEa,kBAAS,CAACO,IAAI,CAACH;AAC3B,CAAC;AAAC,eAEa,IAAAI,kBAAU,EAACC,gBAAM,EAAE;EAAEC,IAAI,EAAE;AAAgB,CAAC,CAAC,CAAC1B,aAAa,CAAC;AAAA"}

package/dist/Dialog/DialogTitle/styles.js

@@ -8,10 +8,7 @@ var styles = function styles(theme) {
   return {
     root: {
       padding: theme.hvSpacing("sm"),
-      margin: 0,
-      "&:not(.fullscreen)": {
-        flex: 1
-      }
+      margin: 0
     },
     messageContainer: {
       display: "flex",