@hitachivantara/uikit-react-core 4.0.3 → 4.0.4

package/dist/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalScrollListItem.js","names":["HvHorizontalScrollListItem","props","id","className","classes","selected","children","onClick","onKeyDown","tooltipWrapper","others","variant","labelId","setId","buttonId","Tooltip","clsx","root","button","text","propTypes","PropTypes","string","shape","isRequired","bool","node","func","withStyles","styles","name"],"sources":["../../../../src/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { setId } from \"../../..\";\nimport styles from \"./styles\";\n\n/**\n * HvHorizontalScrollListItem a focusable item to be used as part of the horizontal scroll\n */\nconst HvHorizontalScrollListItem = (props) => {\n  const {\n    id,\n    className,\n    classes,\n    selected,\n    children,\n    onClick,\n    onKeyDown,\n    tooltipWrapper,\n    ...others\n  } = props;\n  const variant = selected ? \"highlightText\" : \"normalText\";\n  const labelId = setId(id, \"label\");\n  const buttonId = setId(id, \"button\");\n  const Tooltip = tooltipWrapper;\n  return (\n    <li id={id} className={clsx(className, classes.root)} aria-current={selected}>\n      <div\n        id={buttonId}\n        role=\"button\"\n        tabIndex={0}\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n        className={classes.button}\n        aria-labelledby={labelId}\n        {...others}\n      >\n        <Tooltip\n          id={labelId}\n          className={clsx(classes.text, { [classes.selected]: selected })}\n          variant={variant}\n        >\n          {children}\n        </Tooltip>\n      </div>\n    </li>\n  );\n};\n\nHvHorizontalScrollListItem.propTypes = {\n  /**\n   * Id to be applied to the tab.\n   */\n  id: PropTypes.string,\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     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component when it is selected.\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the text inside the component.\n     */\n    text: PropTypes.string,\n    /**\n     * Styles applied to the button inside the component.\n     */\n    button: PropTypes.string,\n  }).isRequired,\n  /**\n   * Whether the element is selected.\n   */\n  selected: PropTypes.bool,\n  /**\n   * The text to render.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * a function component that renders a typography wrapped with a tooltip.\n   */\n  tooltipWrapper: PropTypes.func.isRequired,\n  /**\n   * The function to be executed when the element is clicked.\n   */\n  onClick: PropTypes.func,\n  /**\n   * The function to be executed when the element is clicked.\n   */\n  onKeyDown: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvHorizontalScrollListItem\" })(\n  HvHorizontalScrollListItem\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA;AACA;AACA;AACA,IAAMA,0BAA0B,GAAG,SAA7BA,0BAA6B,CAACC,KAAD,EAAW;EAC5C,IACEC,EADF,GAUID,KAVJ,CACEC,EADF;EAAA,IAEEC,SAFF,GAUIF,KAVJ,CAEEE,SAFF;EAAA,IAGEC,OAHF,GAUIH,KAVJ,CAGEG,OAHF;EAAA,IAIEC,QAJF,GAUIJ,KAVJ,CAIEI,QAJF;EAAA,IAKEC,QALF,GAUIL,KAVJ,CAKEK,QALF;EAAA,IAMEC,OANF,GAUIN,KAVJ,CAMEM,OANF;EAAA,IAOEC,SAPF,GAUIP,KAVJ,CAOEO,SAPF;EAAA,IAQEC,cARF,GAUIR,KAVJ,CAQEQ,cARF;EAAA,IASKC,MATL,0CAUIT,KAVJ;EAWA,IAAMU,OAAO,GAAGN,QAAQ,GAAG,eAAH,GAAqB,YAA7C;EACA,IAAMO,OAAO,GAAG,IAAAC,OAAA,EAAMX,EAAN,EAAU,OAAV,CAAhB;EACA,IAAMY,QAAQ,GAAG,IAAAD,OAAA,EAAMX,EAAN,EAAU,QAAV,CAAjB;EACA,IAAMa,OAAO,GAAGN,cAAhB;EACA,oBACE;IAAI,EAAE,EAAEP,EAAR;IAAY,SAAS,EAAE,IAAAc,aAAA,EAAKb,SAAL,EAAgBC,OAAO,CAACa,IAAxB,CAAvB;IAAsD,gBAAcZ,QAApE;IAAA,uBACE;MACE,EAAE,EAAES,QADN;MAEE,IAAI,EAAC,QAFP;MAGE,QAAQ,EAAE,CAHZ;MAIE,OAAO,EAAEP,OAJX;MAKE,SAAS,EAAEC,SALb;MAME,SAAS,EAAEJ,OAAO,CAACc,MANrB;MAOE,mBAAiBN;IAPnB,GAQMF,MARN;MAAA,uBAUE,qBAAC,OAAD;QACE,EAAE,EAAEE,OADN;QAEE,SAAS,EAAE,IAAAI,aAAA,EAAKZ,OAAO,CAACe,IAAb,EAAyCd,QAAzC,IAAsBD,OAAO,CAACC,QAA9B,CAFb;QAGE,OAAO,EAAEM,OAHX;QAAA,UAKGL;MALH;IAVF;EADF,EADF;AAsBD,CAtCD;;AAwCA,wCAAAN,0BAA0B,CAACoB,SAA3B,GAAuC;EACrC;AACF;AACA;EACElB,EAAE,EAAEmB,kBAAA,CAAUC,MAJuB;;EAKrC;AACF;AACA;EACEnB,SAAS,EAAEkB,kBAAA,CAAUC,MARgB;;EASrC;AACF;AACA;EACElB,OAAO,EAAEiB,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAEI,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIjB,QAAQ,EAAEgB,kBAAA,CAAUC,MARG;;IASvB;AACJ;AACA;IACIH,IAAI,EAAEE,kBAAA,CAAUC,MAZO;;IAavB;AACJ;AACA;IACIJ,MAAM,EAAEG,kBAAA,CAAUC;EAhBK,CAAhB,EAiBNE,UA7BkC;;EA8BrC;AACF;AACA;EACEnB,QAAQ,EAAEgB,kBAAA,CAAUI,IAjCiB;;EAkCrC;AACF;AACA;EACEnB,QAAQ,EAAEe,kBAAA,CAAUK,IAAV,CAAeF,UArCY;;EAsCrC;AACF;AACA;EACEf,cAAc,EAAEY,kBAAA,CAAUM,IAAV,CAAeH,UAzCM;;EA0CrC;AACF;AACA;EACEjB,OAAO,EAAEc,kBAAA,CAAUM,IA7CkB;;EA8CrC;AACF;AACA;EACEnB,SAAS,EAAEa,kBAAA,CAAUM;AAjDgB,CAAvC;;eAoDe,IAAAC,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EACb9B,0BADa,C"}
+{"version":3,"file":"HorizontalScrollListItem.js","names":["HvHorizontalScrollListItem","props","id","className","classes","selected","children","onClick","onKeyDown","tooltipWrapper","others","variant","labelId","setId","buttonId","Tooltip","clsx","root","button","text","propTypes","PropTypes","string","shape","isRequired","bool","node","func","withStyles","styles","name"],"sources":["../../../../src/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { setId } from \"../../..\";\nimport styles from \"./styles\";\n\n/**\n * HvHorizontalScrollListItem a focusable item to be used as part of the horizontal scroll\n */\nconst HvHorizontalScrollListItem = (props) => {\n  const {\n    id,\n    className,\n    classes,\n    selected,\n    children,\n    onClick,\n    onKeyDown,\n    tooltipWrapper,\n    ...others\n  } = props;\n  const variant = selected ? \"highlightText\" : \"normalText\";\n  const labelId = setId(id, \"label\");\n  const buttonId = setId(id, \"button\");\n  const Tooltip = tooltipWrapper;\n  return (\n    <li id={id} className={clsx(className, classes.root)} aria-current={selected}>\n      <div\n        id={buttonId}\n        role=\"button\"\n        tabIndex={0}\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n        className={classes.button}\n        aria-labelledby={labelId}\n        {...others}\n      >\n        <Tooltip\n          id={labelId}\n          className={clsx(classes.text, { [classes.selected]: selected })}\n          variant={variant}\n        >\n          {children}\n        </Tooltip>\n      </div>\n    </li>\n  );\n};\n\nHvHorizontalScrollListItem.propTypes = {\n  /**\n   * Id to be applied to the tab.\n   */\n  id: PropTypes.string,\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     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component when it is selected.\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the text inside the component.\n     */\n    text: PropTypes.string,\n    /**\n     * Styles applied to the button inside the component.\n     */\n    button: PropTypes.string,\n  }).isRequired,\n  /**\n   * Whether the element is selected.\n   */\n  selected: PropTypes.bool,\n  /**\n   * The text to render.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * a function component that renders a typography wrapped with a tooltip.\n   */\n  tooltipWrapper: PropTypes.func.isRequired,\n  /**\n   * The function to be executed when the element is clicked.\n   */\n  onClick: PropTypes.func,\n  /**\n   * The function to be executed when the element is clicked.\n   */\n  onKeyDown: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvHorizontalScrollListItem\" })(\n  HvHorizontalScrollListItem\n);\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAA8B;AAAA;AAAA;AAAA;AAE9B;AACA;AACA;AACA,IAAMA,0BAA0B,GAAG,SAA7BA,0BAA0B,CAAIC,KAAK,EAAK;EAC5C,IACEC,EAAE,GASAD,KAAK,CATPC,EAAE;IACFC,SAAS,GAQPF,KAAK,CARPE,SAAS;IACTC,OAAO,GAOLH,KAAK,CAPPG,OAAO;IACPC,QAAQ,GAMNJ,KAAK,CANPI,QAAQ;IACRC,QAAQ,GAKNL,KAAK,CALPK,QAAQ;IACRC,OAAO,GAILN,KAAK,CAJPM,OAAO;IACPC,SAAS,GAGPP,KAAK,CAHPO,SAAS;IACTC,cAAc,GAEZR,KAAK,CAFPQ,cAAc;IACXC,MAAM,0CACPT,KAAK;EACT,IAAMU,OAAO,GAAGN,QAAQ,GAAG,eAAe,GAAG,YAAY;EACzD,IAAMO,OAAO,GAAG,IAAAC,OAAK,EAACX,EAAE,EAAE,OAAO,CAAC;EAClC,IAAMY,QAAQ,GAAG,IAAAD,OAAK,EAACX,EAAE,EAAE,QAAQ,CAAC;EACpC,IAAMa,OAAO,GAAGN,cAAc;EAC9B,oBACE;IAAI,EAAE,EAAEP,EAAG;IAAC,SAAS,EAAE,IAAAc,aAAI,EAACb,SAAS,EAAEC,OAAO,CAACa,IAAI,CAAE;IAAC,gBAAcZ,QAAS;IAAA,uBAC3E;MACE,EAAE,EAAES,QAAS;MACb,IAAI,EAAC,QAAQ;MACb,QAAQ,EAAE,CAAE;MACZ,OAAO,EAAEP,OAAQ;MACjB,SAAS,EAAEC,SAAU;MACrB,SAAS,EAAEJ,OAAO,CAACc,MAAO;MAC1B,mBAAiBN;IAAQ,GACrBF,MAAM;MAAA,uBAEV,qBAAC,OAAO;QACN,EAAE,EAAEE,OAAQ;QACZ,SAAS,EAAE,IAAAI,aAAI,EAACZ,OAAO,CAACe,IAAI,EAAwBd,QAAQ,IAA3BD,OAAO,CAACC,QAAQ,CAAe;QAChE,OAAO,EAAEM,OAAQ;QAAA,UAEhBL;MAAQ;IACD;EACN,EACH;AAET,CAAC;AAED,wCAAAN,0BAA0B,CAACoB,SAAS,GAAG;EACrC;AACF;AACA;EACElB,EAAE,EAAEmB,kBAAS,CAACC,MAAM;EACpB;AACF;AACA;EACEnB,SAAS,EAAEkB,kBAAS,CAACC,MAAM;EAC3B;AACF;AACA;EACElB,OAAO,EAAEiB,kBAAS,CAACE,KAAK,CAAC;IACvB;AACJ;AACA;IACIN,IAAI,EAAEI,kBAAS,CAACC,MAAM;IACtB;AACJ;AACA;IACIjB,QAAQ,EAAEgB,kBAAS,CAACC,MAAM;IAC1B;AACJ;AACA;IACIH,IAAI,EAAEE,kBAAS,CAACC,MAAM;IACtB;AACJ;AACA;IACIJ,MAAM,EAAEG,kBAAS,CAACC;EACpB,CAAC,CAAC,CAACE,UAAU;EACb;AACF;AACA;EACEnB,QAAQ,EAAEgB,kBAAS,CAACI,IAAI;EACxB;AACF;AACA;EACEnB,QAAQ,EAAEe,kBAAS,CAACK,IAAI,CAACF,UAAU;EACnC;AACF;AACA;EACEf,cAAc,EAAEY,kBAAS,CAACM,IAAI,CAACH,UAAU;EACzC;AACF;AACA;EACEjB,OAAO,EAAEc,kBAAS,CAACM,IAAI;EACvB;AACF;AACA;EACEnB,SAAS,EAAEa,kBAAS,CAACM;AACvB,CAAC;AAAC,eAEa,IAAAC,kBAAU,EAACC,gBAAM,EAAE;EAAEC,IAAI,EAAE;AAA6B,CAAC,CAAC,CACvE9B,0BAA0B,CAC3B;AAAA"}

package/dist/ScrollTo/Horizontal/HorizontalScrollListItem/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _HorizontalScrollListItem.default;
   }
 });
-
 var _HorizontalScrollListItem = _interopRequireDefault(require("./HorizontalScrollListItem"));
 //# sourceMappingURL=index.js.map

package/dist/ScrollTo/Horizontal/HorizontalScrollListItem/index.js.map

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

package/dist/ScrollTo/Horizontal/HorizontalScrollListItem/styles.js

@@ -1,34 +1,21 @@
 "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); 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 styles = function styles(theme) {
   return {
     root: {
@@ -62,7 +49,6 @@ var styles = function styles(theme) {
     }
   };
 };
-
 var _default = styles;
 exports.default = _default;
 //# sourceMappingURL=styles.js.map

package/dist/ScrollTo/Horizontal/HorizontalScrollListItem/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","padding","button","display","justifyContent","alignItems","height","cursor","borderBottom","backgroundColor","hv","palette","atmosphere","atmo3","outline","outlineStyles","text","maxWidth","textOverflow","overflow","selected","accent","acce1"],"sources":["../../../../src/ScrollTo/Horizontal/HorizontalScrollListItem/styles.js"],"sourcesContent":["import { outlineStyles } from \"../../../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    padding: \"10px 0\",\n  },\n  button: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    height: \"32px\",\n    cursor: \"pointer\",\n    borderBottom: `2px solid transparent`,\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&.focus-visible\": {\n      ...outlineStyles,\n    },\n  },\n  text: {\n    height: \"32px\",\n    padding: \"8px 10px\",\n    borderBottom: `2px solid transparent`,\n    maxWidth: \"180px\",\n    textOverflow: \"ellipsis\",\n    overflow: \"hidden\",\n  },\n  selected: {\n    borderBottom: `2px solid ${theme.hv.palette.accent.acce1}`,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE;IADL,CADmB;IAIzBC,MAAM,EAAE;MACNC,OAAO,EAAE,MADH;MAENC,cAAc,EAAE,QAFV;MAGNC,UAAU,EAAE,QAHN;MAINC,MAAM,EAAE,MAJF;MAKNC,MAAM,EAAE,SALF;MAMNC,YAAY,yBANN;MAON,WAAW;QACTC,eAAe,EAAEV,KAAK,CAACW,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;MADpC,CAPL;MAUN,WAAW;QACTC,OAAO,EAAE;MADA,CAVL;MAaN,qCACKC,qBADL;IAbM,CAJiB;IAqBzBC,IAAI,EAAE;MACJV,MAAM,EAAE,MADJ;MAEJL,OAAO,EAAE,UAFL;MAGJO,YAAY,yBAHR;MAIJS,QAAQ,EAAE,OAJN;MAKJC,YAAY,EAAE,UALV;MAMJC,QAAQ,EAAE;IANN,CArBmB;IA6BzBC,QAAQ,EAAE;MACRZ,YAAY,sBAAeT,KAAK,CAACW,EAAN,CAASC,OAAT,CAAiBU,MAAjB,CAAwBC,KAAvC;IADJ;EA7Be,CAAZ;AAAA,CAAf;;eAkCexB,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","padding","button","display","justifyContent","alignItems","height","cursor","borderBottom","backgroundColor","hv","palette","atmosphere","atmo3","outline","outlineStyles","text","maxWidth","textOverflow","overflow","selected","accent","acce1"],"sources":["../../../../src/ScrollTo/Horizontal/HorizontalScrollListItem/styles.js"],"sourcesContent":["import { outlineStyles } from \"../../../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    padding: \"10px 0\",\n  },\n  button: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    height: \"32px\",\n    cursor: \"pointer\",\n    borderBottom: `2px solid transparent`,\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&.focus-visible\": {\n      ...outlineStyles,\n    },\n  },\n  text: {\n    height: \"32px\",\n    padding: \"8px 10px\",\n    borderBottom: `2px solid transparent`,\n    maxWidth: \"180px\",\n    textOverflow: \"ellipsis\",\n    overflow: \"hidden\",\n  },\n  selected: {\n    borderBottom: `2px solid ${theme.hv.palette.accent.acce1}`,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAsD;AAAA;AAEtD,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE;IACX,CAAC;IACDC,MAAM,EAAE;MACNC,OAAO,EAAE,MAAM;MACfC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,MAAM,EAAE,MAAM;MACdC,MAAM,EAAE,SAAS;MACjBC,YAAY,yBAAyB;MACrC,SAAS,EAAE;QACTC,eAAe,EAAEV,KAAK,CAACW,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC;MAC/C,CAAC;MACD,SAAS,EAAE;QACTC,OAAO,EAAE;MACX,CAAC;MACD,iBAAiB,oBACZC,qBAAa;IAEpB,CAAC;IACDC,IAAI,EAAE;MACJV,MAAM,EAAE,MAAM;MACdL,OAAO,EAAE,UAAU;MACnBO,YAAY,yBAAyB;MACrCS,QAAQ,EAAE,OAAO;MACjBC,YAAY,EAAE,UAAU;MACxBC,QAAQ,EAAE;IACZ,CAAC;IACDC,QAAQ,EAAE;MACRZ,YAAY,sBAAeT,KAAK,CAACW,EAAE,CAACC,OAAO,CAACU,MAAM,CAACC,KAAK;IAC1D;EACF,CAAC;AAAA,CAAC;AAAC,eAEYxB,MAAM;AAAA"}

package/dist/ScrollTo/Horizontal/ScrollToHorizontal.js

@@ -1,118 +1,79 @@
 "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");
-
 require("core-js/modules/es.array.iterator.js");
-
 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 _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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _styles = require("@mui/styles");
-
 var _utils = require("../../utils");
-
 var _HorizontalScrollListItem = _interopRequireDefault(require("./HorizontalScrollListItem"));
-
 var _styles2 = _interopRequireDefault(require("./styles"));
-
 var _useScrollTo3 = _interopRequireDefault(require("../useScrollTo"));
-
 var _withTooltip = _interopRequireDefault(require("../withTooltip"));
-
 var _ = require("../..");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["id", "defaultSelectedIndex", "scrollElementId", "href", "onChange", "onClick", "onEnter", "className", "classes", "options", "offset", "position", "tooltipPosition"];
-
 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 || _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; }
-
 var Enter = _utils.KeyboardCodes.Enter;
+
 /**
  * HorizontalScrollTo element used to quickly navigate in a page.
  */
-
 var HvScrollToHorizontal = function HvScrollToHorizontal(props) {
   var id = props.id,
-      _props$defaultSelecte = props.defaultSelectedIndex,
-      defaultSelectedIndex = _props$defaultSelecte === void 0 ? 0 : _props$defaultSelecte,
-      scrollElementId = props.scrollElementId,
-      _props$href = props.href,
-      href = _props$href === void 0 ? true : _props$href,
-      onChange = props.onChange,
-      _onClick = props.onClick,
-      onEnter = props.onEnter,
-      className = props.className,
-      classes = props.classes,
-      options = props.options,
-      _props$offset = props.offset,
-      offset = _props$offset === void 0 ? 0 : _props$offset,
-      _props$position = props.position,
-      position = _props$position === void 0 ? "relative" : _props$position,
-      _props$tooltipPositio = props.tooltipPosition,
-      tooltipPosition = _props$tooltipPositio === void 0 ? "top" : _props$tooltipPositio,
-      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+    _props$defaultSelecte = props.defaultSelectedIndex,
+    defaultSelectedIndex = _props$defaultSelecte === void 0 ? 0 : _props$defaultSelecte,
+    scrollElementId = props.scrollElementId,
+    _props$href = props.href,
+    href = _props$href === void 0 ? true : _props$href,
+    onChange = props.onChange,
+    _onClick = props.onClick,
+    onEnter = props.onEnter,
+    className = props.className,
+    classes = props.classes,
+    options = props.options,
+    _props$offset = props.offset,
+    offset = _props$offset === void 0 ? 0 : _props$offset,
+    _props$position = props.position,
+    position = _props$position === void 0 ? "relative" : _props$position,
+    _props$tooltipPositio = props.tooltipPosition,
+    tooltipPosition = _props$tooltipPositio === void 0 ? "top" : _props$tooltipPositio,
+    others = (0, _objectWithoutProperties2.default)(props, _excluded);
   var elementId = (0, _.useUniqueId)(id, "hvHorizontalScrollto");
-
   var _useScrollTo = (0, _useScrollTo3.default)(defaultSelectedIndex, scrollElementId, href, offset, options, onChange),
-      _useScrollTo2 = (0, _slicedToArray2.default)(_useScrollTo, 2),
-      selectedIndex = _useScrollTo2[0],
-      setScrollTo = _useScrollTo2[1];
-
+    _useScrollTo2 = (0, _slicedToArray2.default)(_useScrollTo, 2),
+    selectedIndex = _useScrollTo2[0],
+    setScrollTo = _useScrollTo2[1];
   var handleSelection = function handleSelection(event, value, index) {
     event.preventDefault();
-
     var wrappedOnChange = function wrappedOnChange() {
       onChange === null || onChange === void 0 ? void 0 : onChange(event, index);
     };
-
     setScrollTo(event, value, index, wrappedOnChange);
   };
-
   var tooltipWrappers = (0, _react.useMemo)(function () {
     return options.map(function (option) {
       return (0, _withTooltip.default)(option.label, "p", tooltipPosition);
@@ -148,18 +109,15 @@ var HvScrollToHorizontal = function HvScrollToHorizontal(props) {
     children: tabs
   }));
 };
-
 process.env.NODE_ENV !== "production" ? HvScrollToHorizontal.propTypes = {
   /**
    * Id to be applied to the element.
    */
   id: _propTypes.default.string,
-
   /**
    * Class names to be applied.
    */
   className: _propTypes.default.string,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -168,33 +126,27 @@ process.env.NODE_ENV !== "production" ? HvScrollToHorizontal.propTypes = {
      * Styles applied to the component root class.
      */
     root: _propTypes.default.string,
-
     /**
      * Styles applied to the component when it has a sticky position.
      */
     positionSticky: _propTypes.default.string,
-
     /**
      * Styles applied to the component when it has a fixed position.
      */
     positionFixed: _propTypes.default.string
   }).isRequired,
-
   /**
    * A function called each time the selected index changes.
    */
   onChange: _propTypes.default.func,
-
   /**
    * A function called each time an user clicks on a tab element.
    */
   onClick: _propTypes.default.func,
-
   /**
    * A function called each time an user press enter on a tab element.
    */
   onEnter: _propTypes.default.func,
-
   /**
    * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied
    */
@@ -204,19 +156,16 @@ process.env.NODE_ENV !== "production" ? HvScrollToHorizontal.propTypes = {
     label: _propTypes.default.string.isRequired,
     offset: _propTypes.default.number
   })).isRequired,
-
   /**
    * default selected index passed from the parent.
    */
   defaultSelectedIndex: _propTypes.default.number,
-
   /**
    * The Id of the scrollable container containing displayed elements.
    *
    * Defaults to `window` if unspecified.
    */
   scrollElementId: _propTypes.default.string,
-
   /*
    * Defines the offset from the top of each element for getting an optimal viewing region in the container.
    * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)
@@ -225,26 +174,21 @@ process.env.NODE_ENV !== "production" ? HvScrollToHorizontal.propTypes = {
    * Each element can also have a specific offset via the options property.
    */
   offset: _propTypes.default.number,
-
   /**
    * True if the href location link should be applied. It will create an a element around every list item
    */
   href: _propTypes.default.bool,
-
   /**
    * Position of the Horizontal scroll to.
    */
   position: _propTypes.default.oneOf(["sticky", "fixed", "relative"]),
-
   /**
    * Position of tooltip identifying the current item.
    */
   tooltipPosition: _propTypes.default.oneOf(["left", "right", "top", "bottom"])
 } : void 0;
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvScrollToHorizontal"
 })(HvScrollToHorizontal);
-
 exports.default = _default;
 //# sourceMappingURL=ScrollToHorizontal.js.map

package/dist/ScrollTo/Horizontal/ScrollToHorizontal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollToHorizontal.js","names":["Enter","KeyboardCodes","HvScrollToHorizontal","props","id","defaultSelectedIndex","scrollElementId","href","onChange","onClick","onEnter","className","classes","options","offset","position","tooltipPosition","others","elementId","useUniqueId","useScrollTo","selectedIndex","setScrollTo","handleSelection","event","value","index","preventDefault","wrappedOnChange","tooltipWrappers","useMemo","map","option","addTooltipToElement","label","tabs","selected","tooltipWrapper","setId","isKeypress","key","clsx","root","positionSticky","positionFixed","propTypes","PropTypes","string","shape","isRequired","func","arrayOf","number","bool","oneOf","withStyles","styles","name"],"sources":["../../../src/ScrollTo/Horizontal/ScrollToHorizontal.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { isKeypress, KeyboardCodes } from \"../../utils\";\nimport HorizontalScrollListItem from \"./HorizontalScrollListItem\";\nimport styles from \"./styles\";\nimport useScrollTo from \"../useScrollTo\";\nimport addTooltipToElement from \"../withTooltip\";\nimport { useUniqueId, setId } from \"../..\";\n\nconst { Enter } = KeyboardCodes;\n\n/**\n * HorizontalScrollTo element used to quickly navigate in a page.\n */\nconst HvScrollToHorizontal = (props) => {\n  const {\n    id,\n    defaultSelectedIndex = 0,\n    scrollElementId,\n    href = true,\n    onChange,\n    onClick,\n    onEnter,\n    className,\n    classes,\n    options,\n    offset = 0,\n    position = \"relative\",\n    tooltipPosition = \"top\",\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvHorizontalScrollto\");\n\n  const [selectedIndex, setScrollTo] = useScrollTo(\n    defaultSelectedIndex,\n    scrollElementId,\n    href,\n    offset,\n    options,\n    onChange\n  );\n\n  const handleSelection = (event, value, index) => {\n    event.preventDefault();\n    const wrappedOnChange = () => {\n      onChange?.(event, index);\n    };\n    setScrollTo(event, value, index, wrappedOnChange);\n  };\n\n  const tooltipWrappers = useMemo(() => {\n    return options.map((option) => {\n      return addTooltipToElement(option.label, \"p\", tooltipPosition);\n    });\n  }, [options, tooltipPosition]);\n\n  const tabs = options.map((option, index) => {\n    const selected = selectedIndex === index;\n    const tooltipWrapper = tooltipWrappers[index];\n    return (\n      <HorizontalScrollListItem\n        id={setId(elementId, `item-${index}`)}\n        onClick={(event) => {\n          handleSelection(event, option.value, index);\n          onClick?.(event, index);\n        }}\n        onKeyDown={(event) => {\n          if (isKeypress(event, Enter) === true) {\n            handleSelection(event, option.value, index);\n            onEnter?.(event, index);\n          }\n        }}\n        tooltipWrapper={tooltipWrapper}\n        selected={selected}\n        key={option.key || option.label}\n      >\n        {option.label}\n      </HorizontalScrollListItem>\n    );\n  });\n  return (\n    <ol\n      className={clsx(className, classes.root, {\n        [classes.positionSticky]: position === \"sticky\",\n        [classes.positionFixed]: position === \"fixed\",\n      })}\n      id={elementId}\n      {...others}\n    >\n      {tabs}\n    </ol>\n  );\n};\n\nHvScrollToHorizontal.propTypes = {\n  /**\n   * Id to be applied to the element.\n   */\n  id: PropTypes.string,\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     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component when it has a sticky position.\n     */\n    positionSticky: PropTypes.string,\n    /**\n     * Styles applied to the component when it has a fixed position.\n     */\n    positionFixed: PropTypes.string,\n  }).isRequired,\n  /**\n   * A function called each time the selected index changes.\n   */\n  onChange: PropTypes.func,\n  /**\n   * A function called each time an user clicks on a tab element.\n   */\n  onClick: PropTypes.func,\n  /**\n   * A function called each time an user press enter on a tab element.\n   */\n  onEnter: PropTypes.func,\n  /**\n   * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied\n   */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      value: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      offset: PropTypes.number,\n    })\n  ).isRequired,\n  /**\n   * default selected index passed from the parent.\n   */\n  defaultSelectedIndex: PropTypes.number,\n  /**\n   * The Id of the scrollable container containing displayed elements.\n   *\n   * Defaults to `window` if unspecified.\n   */\n  scrollElementId: PropTypes.string,\n  /*\n   * Defines the offset from the top of each element for getting an optimal viewing region in the container.\n   * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)\n   * or to put more breathing room between the targeted element and the edges of the container.\n   *\n   * Each element can also have a specific offset via the options property.\n   */\n  offset: PropTypes.number,\n  /**\n   * True if the href location link should be applied. It will create an a element around every list item\n   */\n  href: PropTypes.bool,\n  /**\n   * Position of the Horizontal scroll to.\n   */\n  position: PropTypes.oneOf([\"sticky\", \"fixed\", \"relative\"]),\n  /**\n   * Position of tooltip identifying the current item.\n   */\n  tooltipPosition: PropTypes.oneOf([\"left\", \"right\", \"top\", \"bottom\"]),\n};\n\nexport default withStyles(styles, { name: \"HvScrollToHorizontal\" })(HvScrollToHorizontal);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAEA,IAAQA,KAAR,GAAkBC,oBAAlB,CAAQD,KAAR;AAEA;AACA;AACA;;AACA,IAAME,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD,EAAW;EACtC,IACEC,EADF,GAeID,KAfJ,CACEC,EADF;EAAA,4BAeID,KAfJ,CAEEE,oBAFF;EAAA,IAEEA,oBAFF,sCAEyB,CAFzB;EAAA,IAGEC,eAHF,GAeIH,KAfJ,CAGEG,eAHF;EAAA,kBAeIH,KAfJ,CAIEI,IAJF;EAAA,IAIEA,IAJF,4BAIS,IAJT;EAAA,IAKEC,QALF,GAeIL,KAfJ,CAKEK,QALF;EAAA,IAMEC,QANF,GAeIN,KAfJ,CAMEM,OANF;EAAA,IAOEC,OAPF,GAeIP,KAfJ,CAOEO,OAPF;EAAA,IAQEC,SARF,GAeIR,KAfJ,CAQEQ,SARF;EAAA,IASEC,OATF,GAeIT,KAfJ,CASES,OATF;EAAA,IAUEC,OAVF,GAeIV,KAfJ,CAUEU,OAVF;EAAA,oBAeIV,KAfJ,CAWEW,MAXF;EAAA,IAWEA,MAXF,8BAWW,CAXX;EAAA,sBAeIX,KAfJ,CAYEY,QAZF;EAAA,IAYEA,QAZF,gCAYa,UAZb;EAAA,4BAeIZ,KAfJ,CAaEa,eAbF;EAAA,IAaEA,eAbF,sCAaoB,KAbpB;EAAA,IAcKC,MAdL,0CAeId,KAfJ;EAiBA,IAAMe,SAAS,GAAG,IAAAC,aAAA,EAAYf,EAAZ,EAAgB,sBAAhB,CAAlB;;EAEA,mBAAqC,IAAAgB,qBAAA,EACnCf,oBADmC,EAEnCC,eAFmC,EAGnCC,IAHmC,EAInCO,MAJmC,EAKnCD,OALmC,EAMnCL,QANmC,CAArC;EAAA;EAAA,IAAOa,aAAP;EAAA,IAAsBC,WAAtB;;EASA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAAQC,KAAR,EAAeC,KAAf,EAAyB;IAC/CF,KAAK,CAACG,cAAN;;IACA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,GAAM;MAC5BpB,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGgB,KAAH,EAAUE,KAAV,CAAR;IACD,CAFD;;IAGAJ,WAAW,CAACE,KAAD,EAAQC,KAAR,EAAeC,KAAf,EAAsBE,eAAtB,CAAX;EACD,CAND;;EAQA,IAAMC,eAAe,GAAG,IAAAC,cAAA,EAAQ,YAAM;IACpC,OAAOjB,OAAO,CAACkB,GAAR,CAAY,UAACC,MAAD,EAAY;MAC7B,OAAO,IAAAC,oBAAA,EAAoBD,MAAM,CAACE,KAA3B,EAAkC,GAAlC,EAAuClB,eAAvC,CAAP;IACD,CAFM,CAAP;EAGD,CAJuB,EAIrB,CAACH,OAAD,EAAUG,eAAV,CAJqB,CAAxB;EAMA,IAAMmB,IAAI,GAAGtB,OAAO,CAACkB,GAAR,CAAY,UAACC,MAAD,EAASN,KAAT,EAAmB;IAC1C,IAAMU,QAAQ,GAAGf,aAAa,KAAKK,KAAnC;IACA,IAAMW,cAAc,GAAGR,eAAe,CAACH,KAAD,CAAtC;IACA,oBACE,qBAAC,iCAAD;MACE,EAAE,EAAE,IAAAY,OAAA,EAAMpB,SAAN,iBAAyBQ,KAAzB,EADN;MAEE,OAAO,EAAE,iBAACF,KAAD,EAAW;QAClBD,eAAe,CAACC,KAAD,EAAQQ,MAAM,CAACP,KAAf,EAAsBC,KAAtB,CAAf;QACAjB,QAAO,SAAP,IAAAA,QAAO,WAAP,YAAAA,QAAO,CAAGe,KAAH,EAAUE,KAAV,CAAP;MACD,CALH;MAME,SAAS,EAAE,mBAACF,KAAD,EAAW;QACpB,IAAI,IAAAe,iBAAA,EAAWf,KAAX,EAAkBxB,KAAlB,MAA6B,IAAjC,EAAuC;UACrCuB,eAAe,CAACC,KAAD,EAAQQ,MAAM,CAACP,KAAf,EAAsBC,KAAtB,CAAf;UACAhB,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGc,KAAH,EAAUE,KAAV,CAAP;QACD;MACF,CAXH;MAYE,cAAc,EAAEW,cAZlB;MAaE,QAAQ,EAAED,QAbZ;MAAA,UAgBGJ,MAAM,CAACE;IAhBV,GAcOF,MAAM,CAACQ,GAAP,IAAcR,MAAM,CAACE,KAd5B,CADF;EAoBD,CAvBY,CAAb;EAwBA,oBACE;IACE,SAAS,EAAE,IAAAO,aAAA,EAAK9B,SAAL,EAAgBC,OAAO,CAAC8B,IAAxB;MAC8B,QAD9B,EACR9B,OAAO,CAAC+B,cADA;MAE6B,OAF7B,EAER/B,OAAO,CAACgC;IAFA,EACiB7B,QADjB,EADb;IAKE,EAAE,EAAEG;EALN,GAMMD,MANN;IAAA,UAQGkB;EARH,GADF;AAYD,CA/ED;;AAiFA,wCAAAjC,oBAAoB,CAAC2C,SAArB,GAAiC;EAC/B;AACF;AACA;EACEzC,EAAE,EAAE0C,kBAAA,CAAUC,MAJiB;;EAK/B;AACF;AACA;EACEpC,SAAS,EAAEmC,kBAAA,CAAUC,MARU;;EAS/B;AACF;AACA;EACEnC,OAAO,EAAEkC,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAEI,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIJ,cAAc,EAAEG,kBAAA,CAAUC,MARH;;IASvB;AACJ;AACA;IACIH,aAAa,EAAEE,kBAAA,CAAUC;EAZF,CAAhB,EAaNE,UAzB4B;;EA0B/B;AACF;AACA;EACEzC,QAAQ,EAAEsC,kBAAA,CAAUI,IA7BW;;EA8B/B;AACF;AACA;EACEzC,OAAO,EAAEqC,kBAAA,CAAUI,IAjCY;;EAkC/B;AACF;AACA;EACExC,OAAO,EAAEoC,kBAAA,CAAUI,IArCY;;EAsC/B;AACF;AACA;EACErC,OAAO,EAAEiC,kBAAA,CAAUK,OAAV,CACPL,kBAAA,CAAUE,KAAV,CAAgB;IACdR,GAAG,EAAEM,kBAAA,CAAUC,MADD;IAEdtB,KAAK,EAAEqB,kBAAA,CAAUC,MAAV,CAAiBE,UAFV;IAGdf,KAAK,EAAEY,kBAAA,CAAUC,MAAV,CAAiBE,UAHV;IAIdnC,MAAM,EAAEgC,kBAAA,CAAUM;EAJJ,CAAhB,CADO,EAOPH,UAhD6B;;EAiD/B;AACF;AACA;EACE5C,oBAAoB,EAAEyC,kBAAA,CAAUM,MApDD;;EAqD/B;AACF;AACA;AACA;AACA;EACE9C,eAAe,EAAEwC,kBAAA,CAAUC,MA1DI;;EA2D/B;AACF;AACA;AACA;AACA;AACA;AACA;EACEjC,MAAM,EAAEgC,kBAAA,CAAUM,MAlEa;;EAmE/B;AACF;AACA;EACE7C,IAAI,EAAEuC,kBAAA,CAAUO,IAtEe;;EAuE/B;AACF;AACA;EACEtC,QAAQ,EAAE+B,kBAAA,CAAUQ,KAAV,CAAgB,CAAC,QAAD,EAAW,OAAX,EAAoB,UAApB,CAAhB,CA1EqB;;EA2E/B;AACF;AACA;EACEtC,eAAe,EAAE8B,kBAAA,CAAUQ,KAAV,CAAgB,CAAC,MAAD,EAAS,OAAT,EAAkB,KAAlB,EAAyB,QAAzB,CAAhB;AA9Ec,CAAjC;;eAiFe,IAAAC,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAqDvD,oBAArD,C"}
+{"version":3,"file":"ScrollToHorizontal.js","names":["Enter","KeyboardCodes","HvScrollToHorizontal","props","id","defaultSelectedIndex","scrollElementId","href","onChange","onClick","onEnter","className","classes","options","offset","position","tooltipPosition","others","elementId","useUniqueId","useScrollTo","selectedIndex","setScrollTo","handleSelection","event","value","index","preventDefault","wrappedOnChange","tooltipWrappers","useMemo","map","option","addTooltipToElement","label","tabs","selected","tooltipWrapper","setId","isKeypress","key","clsx","root","positionSticky","positionFixed","propTypes","PropTypes","string","shape","isRequired","func","arrayOf","number","bool","oneOf","withStyles","styles","name"],"sources":["../../../src/ScrollTo/Horizontal/ScrollToHorizontal.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { isKeypress, KeyboardCodes } from \"../../utils\";\nimport HorizontalScrollListItem from \"./HorizontalScrollListItem\";\nimport styles from \"./styles\";\nimport useScrollTo from \"../useScrollTo\";\nimport addTooltipToElement from \"../withTooltip\";\nimport { useUniqueId, setId } from \"../..\";\n\nconst { Enter } = KeyboardCodes;\n\n/**\n * HorizontalScrollTo element used to quickly navigate in a page.\n */\nconst HvScrollToHorizontal = (props) => {\n  const {\n    id,\n    defaultSelectedIndex = 0,\n    scrollElementId,\n    href = true,\n    onChange,\n    onClick,\n    onEnter,\n    className,\n    classes,\n    options,\n    offset = 0,\n    position = \"relative\",\n    tooltipPosition = \"top\",\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvHorizontalScrollto\");\n\n  const [selectedIndex, setScrollTo] = useScrollTo(\n    defaultSelectedIndex,\n    scrollElementId,\n    href,\n    offset,\n    options,\n    onChange\n  );\n\n  const handleSelection = (event, value, index) => {\n    event.preventDefault();\n    const wrappedOnChange = () => {\n      onChange?.(event, index);\n    };\n    setScrollTo(event, value, index, wrappedOnChange);\n  };\n\n  const tooltipWrappers = useMemo(() => {\n    return options.map((option) => {\n      return addTooltipToElement(option.label, \"p\", tooltipPosition);\n    });\n  }, [options, tooltipPosition]);\n\n  const tabs = options.map((option, index) => {\n    const selected = selectedIndex === index;\n    const tooltipWrapper = tooltipWrappers[index];\n    return (\n      <HorizontalScrollListItem\n        id={setId(elementId, `item-${index}`)}\n        onClick={(event) => {\n          handleSelection(event, option.value, index);\n          onClick?.(event, index);\n        }}\n        onKeyDown={(event) => {\n          if (isKeypress(event, Enter) === true) {\n            handleSelection(event, option.value, index);\n            onEnter?.(event, index);\n          }\n        }}\n        tooltipWrapper={tooltipWrapper}\n        selected={selected}\n        key={option.key || option.label}\n      >\n        {option.label}\n      </HorizontalScrollListItem>\n    );\n  });\n  return (\n    <ol\n      className={clsx(className, classes.root, {\n        [classes.positionSticky]: position === \"sticky\",\n        [classes.positionFixed]: position === \"fixed\",\n      })}\n      id={elementId}\n      {...others}\n    >\n      {tabs}\n    </ol>\n  );\n};\n\nHvScrollToHorizontal.propTypes = {\n  /**\n   * Id to be applied to the element.\n   */\n  id: PropTypes.string,\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     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component when it has a sticky position.\n     */\n    positionSticky: PropTypes.string,\n    /**\n     * Styles applied to the component when it has a fixed position.\n     */\n    positionFixed: PropTypes.string,\n  }).isRequired,\n  /**\n   * A function called each time the selected index changes.\n   */\n  onChange: PropTypes.func,\n  /**\n   * A function called each time an user clicks on a tab element.\n   */\n  onClick: PropTypes.func,\n  /**\n   * A function called each time an user press enter on a tab element.\n   */\n  onEnter: PropTypes.func,\n  /**\n   * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied\n   */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      value: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      offset: PropTypes.number,\n    })\n  ).isRequired,\n  /**\n   * default selected index passed from the parent.\n   */\n  defaultSelectedIndex: PropTypes.number,\n  /**\n   * The Id of the scrollable container containing displayed elements.\n   *\n   * Defaults to `window` if unspecified.\n   */\n  scrollElementId: PropTypes.string,\n  /*\n   * Defines the offset from the top of each element for getting an optimal viewing region in the container.\n   * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)\n   * or to put more breathing room between the targeted element and the edges of the container.\n   *\n   * Each element can also have a specific offset via the options property.\n   */\n  offset: PropTypes.number,\n  /**\n   * True if the href location link should be applied. It will create an a element around every list item\n   */\n  href: PropTypes.bool,\n  /**\n   * Position of the Horizontal scroll to.\n   */\n  position: PropTypes.oneOf([\"sticky\", \"fixed\", \"relative\"]),\n  /**\n   * Position of tooltip identifying the current item.\n   */\n  tooltipPosition: PropTypes.oneOf([\"left\", \"right\", \"top\", \"bottom\"]),\n};\n\nexport default withStyles(styles, { name: \"HvScrollToHorizontal\" })(HvScrollToHorizontal);\n"],"mappings":"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"}

package/dist/ScrollTo/Horizontal/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _ScrollToHorizontal.default;
   }
 });
-
 var _ScrollToHorizontal = _interopRequireDefault(require("./ScrollToHorizontal"));
 //# sourceMappingURL=index.js.map

package/dist/ScrollTo/Horizontal/index.js.map

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

package/dist/ScrollTo/Horizontal/styles.js

@@ -1,19 +1,14 @@
 "use strict";
 
 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 _hexToRgbA = _interopRequireDefault(require("../../utils/hexToRgbA"));
-
 var styles = function styles(theme) {
   var _positionFixed;
-
   return {
     root: {
       display: "flex",
@@ -48,7 +43,6 @@ var styles = function styles(theme) {
     }), _positionFixed)
   };
 };
-
 var _default = styles;
 exports.default = _default;
 //# sourceMappingURL=styles.js.map

package/dist/ScrollTo/Horizontal/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","width","padding","backgroundColor","fade","palette","atmo2","margin","listStyleType","flexWrap","positionSticky","position","zIndex","appBar","top","left","positionFixed","breakpoints","up","spacing","marginLeft","marginRight","down"],"sources":["../../../src/ScrollTo/Horizontal/styles.js"],"sourcesContent":["import fade from \"../../utils/hexToRgbA\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    width: \"100%\",\n    padding: \"0 30px\",\n    backgroundColor: fade(theme.palette.atmo2, 0.8),\n    margin: 0,\n    listStyleType: \"none\",\n    flexWrap: \"wrap\",\n  },\n  positionSticky: {\n    width: \"100%\",\n    position: \"sticky\",\n    zIndex: theme.zIndex.appBar - 2,\n    top: 0,\n    left: 0,\n  },\n  positionFixed: {\n    width: \"100%\",\n    position: \"fixed\",\n    zIndex: theme.zIndex.appBar - 2,\n    top: 0,\n    left: 0,\n    [theme.breakpoints.up(\"md\")]: {\n      width: `calc(100% - 2*${theme.spacing(4)}px)`,\n      marginLeft: `${theme.spacing(4)}px`,\n      marginRight: `${theme.spacing(4)}px`,\n    },\n    [theme.breakpoints.down(\"sm\")]: {\n      width: `calc(100% - 2*${theme.spacing(2)}px)`,\n      marginLeft: `${theme.spacing(2)}px`,\n      marginRight: `${theme.spacing(2)}px`,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA;;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MADL;MAEJC,KAAK,EAAE,MAFH;MAGJC,OAAO,EAAE,QAHL;MAIJC,eAAe,EAAE,IAAAC,kBAAA,EAAKN,KAAK,CAACO,OAAN,CAAcC,KAAnB,EAA0B,GAA1B,CAJb;MAKJC,MAAM,EAAE,CALJ;MAMJC,aAAa,EAAE,MANX;MAOJC,QAAQ,EAAE;IAPN,CADmB;IAUzBC,cAAc,EAAE;MACdT,KAAK,EAAE,MADO;MAEdU,QAAQ,EAAE,QAFI;MAGdC,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHhB;MAIdC,GAAG,EAAE,CAJS;MAKdC,IAAI,EAAE;IALQ,CAVS;IAiBzBC,aAAa;MACXf,KAAK,EAAE,MADI;MAEXU,QAAQ,EAAE,OAFC;MAGXC,MAAM,EAAEd,KAAK,CAACc,MAAN,CAAaC,MAAb,GAAsB,CAHnB;MAIXC,GAAG,EAAE,CAJM;MAKXC,IAAI,EAAE;IALK,iDAMVjB,KAAK,CAACmB,WAAN,CAAkBC,EAAlB,CAAqB,IAArB,CANU,EAMmB;MAC5BjB,KAAK,0BAAmBH,KAAK,CAACqB,OAAN,CAAc,CAAd,CAAnB,QADuB;MAE5BC,UAAU,YAAKtB,KAAK,CAACqB,OAAN,CAAc,CAAd,CAAL,OAFkB;MAG5BE,WAAW,YAAKvB,KAAK,CAACqB,OAAN,CAAc,CAAd,CAAL;IAHiB,CANnB,iDAWVrB,KAAK,CAACmB,WAAN,CAAkBK,IAAlB,CAAuB,IAAvB,CAXU,EAWqB;MAC9BrB,KAAK,0BAAmBH,KAAK,CAACqB,OAAN,CAAc,CAAd,CAAnB,QADyB;MAE9BC,UAAU,YAAKtB,KAAK,CAACqB,OAAN,CAAc,CAAd,CAAL,OAFoB;MAG9BE,WAAW,YAAKvB,KAAK,CAACqB,OAAN,CAAc,CAAd,CAAL;IAHmB,CAXrB;EAjBY,CAAZ;AAAA,CAAf;;eAoCetB,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","width","padding","backgroundColor","fade","palette","atmo2","margin","listStyleType","flexWrap","positionSticky","position","zIndex","appBar","top","left","positionFixed","breakpoints","up","spacing","marginLeft","marginRight","down"],"sources":["../../../src/ScrollTo/Horizontal/styles.js"],"sourcesContent":["import fade from \"../../utils/hexToRgbA\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    width: \"100%\",\n    padding: \"0 30px\",\n    backgroundColor: fade(theme.palette.atmo2, 0.8),\n    margin: 0,\n    listStyleType: \"none\",\n    flexWrap: \"wrap\",\n  },\n  positionSticky: {\n    width: \"100%\",\n    position: \"sticky\",\n    zIndex: theme.zIndex.appBar - 2,\n    top: 0,\n    left: 0,\n  },\n  positionFixed: {\n    width: \"100%\",\n    position: \"fixed\",\n    zIndex: theme.zIndex.appBar - 2,\n    top: 0,\n    left: 0,\n    [theme.breakpoints.up(\"md\")]: {\n      width: `calc(100% - 2*${theme.spacing(4)}px)`,\n      marginLeft: `${theme.spacing(4)}px`,\n      marginRight: `${theme.spacing(4)}px`,\n    },\n    [theme.breakpoints.down(\"sm\")]: {\n      width: `calc(100% - 2*${theme.spacing(2)}px)`,\n      marginLeft: `${theme.spacing(2)}px`,\n      marginRight: `${theme.spacing(2)}px`,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;AAAA;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MAAM;MACfC,KAAK,EAAE,MAAM;MACbC,OAAO,EAAE,QAAQ;MACjBC,eAAe,EAAE,IAAAC,kBAAI,EAACN,KAAK,CAACO,OAAO,CAACC,KAAK,EAAE,GAAG,CAAC;MAC/CC,MAAM,EAAE,CAAC;MACTC,aAAa,EAAE,MAAM;MACrBC,QAAQ,EAAE;IACZ,CAAC;IACDC,cAAc,EAAE;MACdT,KAAK,EAAE,MAAM;MACbU,QAAQ,EAAE,QAAQ;MAClBC,MAAM,EAAEd,KAAK,CAACc,MAAM,CAACC,MAAM,GAAG,CAAC;MAC/BC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE;IACR,CAAC;IACDC,aAAa;MACXf,KAAK,EAAE,MAAM;MACbU,QAAQ,EAAE,OAAO;MACjBC,MAAM,EAAEd,KAAK,CAACc,MAAM,CAACC,MAAM,GAAG,CAAC;MAC/BC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE;IAAC,iDACNjB,KAAK,CAACmB,WAAW,CAACC,EAAE,CAAC,IAAI,CAAC,EAAG;MAC5BjB,KAAK,0BAAmBH,KAAK,CAACqB,OAAO,CAAC,CAAC,CAAC,QAAK;MAC7CC,UAAU,YAAKtB,KAAK,CAACqB,OAAO,CAAC,CAAC,CAAC,OAAI;MACnCE,WAAW,YAAKvB,KAAK,CAACqB,OAAO,CAAC,CAAC,CAAC;IAClC,CAAC,iDACArB,KAAK,CAACmB,WAAW,CAACK,IAAI,CAAC,IAAI,CAAC,EAAG;MAC9BrB,KAAK,0BAAmBH,KAAK,CAACqB,OAAO,CAAC,CAAC,CAAC,QAAK;MAC7CC,UAAU,YAAKtB,KAAK,CAACqB,OAAO,CAAC,CAAC,CAAC,OAAI;MACnCE,WAAW,YAAKvB,KAAK,CAACqB,OAAO,CAAC,CAAC,CAAC;IAClC,CAAC;EAEL,CAAC;AAAA,CAAC;AAAC,eAEYtB,MAAM;AAAA"}