@hitachivantara/uikit-react-lab 4.5.0 → 5.0.2

package/dist/InlineEditor/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["truncateStyles","overflow","textOverflow","whiteSpace","styles","theme","root","inputRoot","inputBorderContainer","top","bottom","input","padding","hvSpacing","text","textEmpty","color","hv","typography","placeholderText","button","cursor","height","width","maxWidth","justifyContent","backgroundColor","visibility","icon","iconVisible","largeText","margin"],"sources":["../../src/InlineEditor/styles.js"],"sourcesContent":["const truncateStyles = {\n  overflow: \"hidden\",\n  textOverflow: \"ellipsis\",\n  whiteSpace: \"nowrap\",\n};\n\nconst styles = (theme) => ({\n  root: {},\n  inputRoot: {},\n  inputBorderContainer: {\n    top: \"unset\",\n    bottom: 0,\n  },\n  input: {\n    padding: theme.hvSpacing(\"8px\", 0),\n  },\n  text: {\n    ...truncateStyles,\n  },\n  textEmpty: {\n    color: theme.hv.typography.placeholderText.color,\n  },\n  button: {\n    cursor: \"text\",\n    height: \"100%\",\n    width: \"100%\",\n    maxWidth: \"100%\",\n    justifyContent: \"flex-start\",\n\n    backgroundColor: \"transparent\",\n    \"&:hover, &:active, &:focus\": {\n      backgroundColor: \"transparent\",\n      \"& $icon\": {\n        visibility: \"visible\",\n      },\n    },\n  },\n  icon: {\n    cursor: \"pointer\",\n    visibility: \"hidden\",\n  },\n  iconVisible: {\n    visibility: \"visible\",\n  },\n  largeText: {\n    margin: theme.hvSpacing(\"8px\", 0),\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAMA,cAAc,GAAG;EACrBC,QAAQ,EAAE,QAAQ;EAClBC,YAAY,EAAE,UAAU;EACxBC,UAAU,EAAE;AACd,CAAC;AAED,IAAMC,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE,CAAC,CAAC;IACRC,SAAS,EAAE,CAAC,CAAC;IACbC,oBAAoB,EAAE;MACpBC,GAAG,EAAE,OAAO;MACZC,MAAM,EAAE;IACV,CAAC;IACDC,KAAK,EAAE;MACLC,OAAO,EAAEP,KAAK,CAACQ,SAAS,CAAC,KAAK,EAAE,CAAC;IACnC,CAAC;IACDC,IAAI,oBACCd,cAAc,CAClB;IACDe,SAAS,EAAE;MACTC,KAAK,EAAEX,KAAK,CAACY,EAAE,CAACC,UAAU,CAACC,eAAe,CAACH;IAC7C,CAAC;IACDI,MAAM,EAAE;MACNC,MAAM,EAAE,MAAM;MACdC,MAAM,EAAE,MAAM;MACdC,KAAK,EAAE,MAAM;MACbC,QAAQ,EAAE,MAAM;MAChBC,cAAc,EAAE,YAAY;MAE5BC,eAAe,EAAE,aAAa;MAC9B,4BAA4B,EAAE;QAC5BA,eAAe,EAAE,aAAa;QAC9B,SAAS,EAAE;UACTC,UAAU,EAAE;QACd;MACF;IACF,CAAC;IACDC,IAAI,EAAE;MACJP,MAAM,EAAE,SAAS;MACjBM,UAAU,EAAE;IACd,CAAC;IACDE,WAAW,EAAE;MACXF,UAAU,EAAE;IACd,CAAC;IACDG,SAAS,EAAE;MACTC,MAAM,EAAE1B,KAAK,CAACQ,SAAS,CAAC,KAAK,EAAE,CAAC;IAClC;EACF,CAAC;AAAA,CAAC;AAAC,eAEYT,MAAM;AAAA"}

package/dist/NavigationAnchors/NavigationAnchors.d.ts

@@ -1,49 +0,0 @@
-import { StandardProps } from "@mui/material";
-import { HvListContainerProps } from "@hitachivantara/uikit-react-core";
-
-interface Option {
-  key?: string;
-  label: string;
-  value: string;
-  offset?: number;
-}
-
-export type HvNavigationAnchorsClassKey = "root" | "listItemGutters" | "listItemSelected";
-
-export interface HvNavigationAnchorsProps
-  extends StandardProps<HvListContainerProps, HvNavigationAnchorsClassKey> {
-  /**
-   * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied
-   */
-  options: Option[];
-  /**
-   * True if the href location link should be applied. It will create an a element around every list item
-   */
-  href?: boolean;
-  /**
-   * Whether the anchors are always in a fixed position
-   *
-   * @deprecated Currently does nothing. Style the component instead.
-   */
-  floating?: boolean;
-  /**
-   * Currently selected index passed from the parent.
-   */
-  selectedIndex?: number;
-  /**
-   * The Id of the scrollable container containing displayed elements.
-   *
-   * Defaults to `window` if unspecified.
-   */
-  scrollElementId?: 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)
-   * or to put more breathing room between the targeted element and the edges of the container.
-   *
-   * Each element can alse have a specific offset via the options property.
-   */
-  offset?: number;
-}
-
-export default function HvNavigationAnchors(props: HvNavigationAnchorsProps): JSX.Element | null;

package/dist/NavigationAnchors/NavigationAnchors.js

@@ -1,322 +0,0 @@
-"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.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.find.js");
-require("core-js/modules/es.object.to-string.js");
-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 _material = require("@mui/material");
-var _styles = require("@mui/styles");
-var _uikitReactCore = require("@hitachivantara/uikit-react-core");
-var _styles2 = _interopRequireDefault(require("./styles"));
-var _NavigationOption = _interopRequireDefault(require("./NavigationOption"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["selectedIndex", "scrollElementId", "href", "onClick", "className", "classes", "options", "floating", "offset"];
-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 RETRY_MAX = 5;
-var getScrollTop = function getScrollTop() {
-  var c = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
-  if (c === window) {
-    return window.scrollY || window.pageYOffset || document.documentElement && document.documentElement.scrollTop || document.body.scrollTop;
-  }
-  return c.scrollTop;
-};
-var verticalScrollOffset = function verticalScrollOffset(t) {
-  var c = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window;
-  if (c === window) {
-    var _t$getBoundingClientR;
-    return ((t === null || t === void 0 ? void 0 : (_t$getBoundingClientR = t.getBoundingClientRect) === null || _t$getBoundingClientR === void 0 ? void 0 : _t$getBoundingClientR.call(t).top) || 0) + (window.scrollY || window.pageYOffset);
-  }
-  if (getComputedStyle(c).position !== "static") {
-    return t.offsetTop;
-  }
-  return t.offsetTop - c.offsetTop;
-};
-var scrollElement = function scrollElement(element, container) {
-  var offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-  var elemTop = verticalScrollOffset(element, container);
-  container.scrollTo({
-    top: elemTop - offset,
-    behavior: "smooth"
-  });
-};
-var isScrolledToTheBottom = function isScrolledToTheBottom(container) {
-  var containerScrollTop = getScrollTop(container);
-  if (container === window) {
-    // accounting for cases where html/body are set to height:100%
-    var scrollHeight = document.documentElement && document.documentElement.scrollHeight || document.body.scrollHeight;
-    return containerScrollTop + window.innerHeight >= scrollHeight;
-  }
-  return containerScrollTop + container.offsetHeight >= container.scrollHeight;
-};
-
-// find the last nav item that whose top scrolled out of the container's visible area
-var findFirstVisibleElement = function findFirstVisibleElement(container, options, offset) {
-  var boundsTop = verticalScrollOffset(container);
-  var i = 0;
-  // find index of first element whose top is still visible inside the container
-  for (; i < options.length; i += 1) {
-    var ele = document.getElementById(options[i].value);
-    if (ele) {
-      var elemTop = verticalScrollOffset(ele) - (options[i].offset || offset);
-      if (elemTop > boundsTop) {
-        break;
-      }
-    }
-  }
-
-  // return the previous index, the element that last scrolled past the top
-  return i - 1;
-};
-
-/**
- * A navigation component to help in changing views, still in development
- */
-var NavigationAnchors = function NavigationAnchors(_ref) {
-  var _ref$selectedIndex = _ref.selectedIndex,
-    selectedIndexProp = _ref$selectedIndex === void 0 ? 0 : _ref$selectedIndex,
-    scrollElementId = _ref.scrollElementId,
-    _ref$href = _ref.href,
-    href = _ref$href === void 0 ? true : _ref$href,
-    onClick = _ref.onClick,
-    className = _ref.className,
-    classes = _ref.classes,
-    options = _ref.options,
-    floating = _ref.floating,
-    _ref$offset = _ref.offset,
-    offset = _ref$offset === void 0 ? 0 : _ref$offset,
-    other = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useState = (0, _react.useState)(selectedIndexProp),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    selectedIndex = _useState2[0],
-    setSelectedIndex = _useState2[1];
-  var scrollEle = (0, _react.useRef)();
-  var requestedAnimationFrame = (0, _react.useRef)(0);
-  var lastContainerScrollTop = (0, _react.useRef)();
-
-  // ref to use a often-changing value in useCallback, has recommended in
-  // https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback
-  var selectedIndexRef = (0, _react.useRef)(selectedIndex);
-  (0, _react.useEffect)(function () {
-    selectedIndexRef.current = selectedIndex;
-  }, [selectedIndex]);
-
-  // get and store the container's dom element
-  (0, _react.useEffect)(function () {
-    scrollEle.current = scrollElementId && document.getElementById(scrollElementId) || window;
-    lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);
-  }, [scrollElementId]);
-  var checkScroll = (0, _react.useCallback)(function () {
-    var _window;
-    if (requestedAnimationFrame.current === 0 && (_window = window) !== null && _window !== void 0 && _window.requestAnimationFrame) {
-      requestedAnimationFrame.current = window.requestAnimationFrame(function () {
-        requestedAnimationFrame.current = 0;
-        var firstVisibleElementIndex = findFirstVisibleElement(scrollEle.current, options, offset);
-        var newSelectedIndex = firstVisibleElementIndex;
-
-        // select the first element when all elements are bellow the container's top
-        if (firstVisibleElementIndex < 0) {
-          newSelectedIndex = 0;
-        }
-
-        // if the user has reached the bottom of the container, select the first nav item still visible
-        // (usually this selects the last nav item, when it can't reach the top the container)
-        // in theory only needed when scrolling down, but no... because of the Safari bouncing behaviour
-        if (newSelectedIndex < options.length - 1 && isScrolledToTheBottom(scrollEle.current)) {
-          newSelectedIndex += 1;
-        }
-        var containerScrollTop = getScrollTop(scrollEle.current);
-        var isScrollingDown = containerScrollTop > lastContainerScrollTop.current;
-        lastContainerScrollTop.current = containerScrollTop;
-
-        // only update the selected item if the scroll direction is moving away from it
-        if (isScrollingDown) {
-          if (newSelectedIndex < selectedIndexRef.current) {
-            newSelectedIndex = selectedIndexRef.current;
-          }
-        } else if (newSelectedIndex > selectedIndexRef.current) {
-          newSelectedIndex = selectedIndexRef.current;
-        }
-        setSelectedIndex(newSelectedIndex);
-      });
-    }
-  }, [offset, options]);
-
-  // registers and unregisters the scroll listener
-  (0, _react.useEffect)(function () {
-    if (scrollEle.current) {
-      scrollEle.current.addEventListener("scroll", checkScroll, false);
-    }
-    return function () {
-      if (scrollEle.current) {
-        scrollEle.current.removeEventListener("scroll", checkScroll);
-      }
-      if (requestedAnimationFrame.current !== 0) {
-        window.cancelAnimationFrame(requestedAnimationFrame.current);
-        requestedAnimationFrame.current = 0;
-      }
-    };
-  }, [checkScroll]);
-
-  // waits for the elements to be rendered and scrolls to the one referenced
-  // in the URL hash, if any
-  (0, _react.useEffect)(function () {
-    var checkRenderedInterval;
-    if (href) {
-      var hashValue = document.location.hash.split("#")[1] || "";
-      var option = options.find(function (o) {
-        return o.value === hashValue;
-      });
-      if (option) {
-        var retry = 0;
-        checkRenderedInterval = setInterval(function () {
-          var ele = document.getElementById(option.value);
-          if (ele) {
-            scrollElement(ele, scrollEle.current, option.offset || offset);
-            clearInterval(checkRenderedInterval);
-          } else {
-            retry += 1;
-            if (retry === RETRY_MAX) {
-              clearInterval(checkRenderedInterval);
-            }
-          }
-        }, 1000);
-      }
-    }
-    return function () {
-      clearInterval(checkRenderedInterval);
-    };
-
-    // we really want to run this just in the first load
-    // in fact this doesn't even belong here, the logic should be external
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  var handleListItemClick = function handleListItemClick(event, id, index) {
-    var option = options.find(function (o) {
-      return o.value === id;
-    });
-    if (option) {
-      var ele = document.getElementById(id);
-      if (ele) {
-        scrollElement(ele, scrollEle.current, option.offset || offset);
-      }
-      if (!href && onClick) {
-        onClick(event, index, option);
-      } else if (href) {
-        window.history.pushState({}, "", "#".concat(options[index].value));
-      }
-      setSelectedIndex(index);
-
-      // Safari scrolls immediately (no smooth scroll support),
-      // so this ref value must be updated asap
-      selectedIndexRef.current = index;
-    }
-  };
-  var navOptions = (0, _react.useMemo)(function () {
-    return options.map(function (option) {
-      return (0, _NavigationOption.default)(option.label);
-    });
-  }, [options]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvListContainer, _objectSpread(_objectSpread({
-    interactive: true,
-    className: (0, _clsx.default)(className, classes.root)
-  }, other), {}, {
-    children: options.map(function (option, index) {
-      var NavOpt = navOptions[index];
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvListItem, {
-        classes: {
-          selected: classes.listItemSelected,
-          gutters: classes.listItemGutters
-        },
-        onClick: function onClick(event) {
-          return handleListItemClick(event, option.value, index);
-        },
-        selected: selectedIndex === index,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(NavOpt, {})
-      }, option.key || option.label);
-    })
-  }));
-};
-process.env.NODE_ENV !== "production" ? NavigationAnchors.propTypes = {
-  /**
-   * Class names to be applied.
-   */
-  className: _propTypes.default.string,
-  /**
-   * A Jss Object used to override or extend the styles applied.
-   */
-  classes: _propTypes.default.shape({
-    root: _propTypes.default.string,
-    listItemGutters: _propTypes.default.string,
-    listItemSelected: _propTypes.default.string
-  }).isRequired,
-  /**
-   * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied
-   */
-  options: _propTypes.default.arrayOf(_propTypes.default.shape({
-    key: _propTypes.default.string,
-    value: _propTypes.default.string.isRequired,
-    label: _propTypes.default.string.isRequired,
-    offset: _propTypes.default.number
-  })).isRequired,
-  /**
-   * True if the href location link should be applied. It will create an a element around every list item
-   */
-  href: _propTypes.default.bool,
-  /**
-   * A callback called on click of every list item, if the href is false
-   */
-  onClick: _propTypes.default.func,
-  /**
-   * Whether the anchors are always in a fixed position
-   *
-   * @deprecated Currently does nothing. Style the component instead.
-   */
-  floating: (0, _material.deprecatedPropType)(_propTypes.default.bool),
-  /**
-   * Currently selected index passed from the parent.
-   */
-  selectedIndex: _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)
-   * or to put more breathing room between the targeted element and the edges of the container.
-   *
-   * Each element can also have a specific offset via the options property.
-   */
-  offset: _propTypes.default.number
-} : void 0;
-var _default = (0, _styles.withStyles)(_styles2.default, {
-  name: "HvNavigationAnchors"
-})(NavigationAnchors);
-exports.default = _default;
-//# sourceMappingURL=NavigationAnchors.js.map

package/dist/NavigationAnchors/NavigationAnchors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationAnchors.js","names":["RETRY_MAX","getScrollTop","c","window","scrollY","pageYOffset","document","documentElement","scrollTop","body","verticalScrollOffset","t","getBoundingClientRect","top","getComputedStyle","position","offsetTop","scrollElement","element","container","offset","elemTop","scrollTo","behavior","isScrolledToTheBottom","containerScrollTop","scrollHeight","innerHeight","offsetHeight","findFirstVisibleElement","options","boundsTop","i","length","ele","getElementById","value","NavigationAnchors","selectedIndex","selectedIndexProp","scrollElementId","href","onClick","className","classes","floating","other","useState","setSelectedIndex","scrollEle","useRef","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","useEffect","current","checkScroll","useCallback","requestAnimationFrame","firstVisibleElementIndex","newSelectedIndex","isScrollingDown","addEventListener","removeEventListener","cancelAnimationFrame","checkRenderedInterval","hashValue","location","hash","split","option","find","o","retry","setInterval","clearInterval","handleListItemClick","event","id","index","history","pushState","navOptions","useMemo","map","navigationOption","label","clsx","root","NavOpt","selected","listItemSelected","gutters","listItemGutters","key","propTypes","PropTypes","string","shape","isRequired","arrayOf","number","bool","func","deprecatedPropType","withStyles","styles","name"],"sources":["../../src/NavigationAnchors/NavigationAnchors.js"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvListContainer, HvListItem } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\nimport navigationOption from \"./NavigationOption\";\n\nconst RETRY_MAX = 5;\n\nconst getScrollTop = (c = window) => {\n  if (c === window) {\n    return (\n      window.scrollY ||\n      window.pageYOffset ||\n      (document.documentElement && document.documentElement.scrollTop) ||\n      document.body.scrollTop\n    );\n  }\n\n  return c.scrollTop;\n};\n\nconst verticalScrollOffset = (t, c = window) => {\n  if (c === window) {\n    return (t?.getBoundingClientRect?.().top || 0) + (window.scrollY || window.pageYOffset);\n  }\n  if (getComputedStyle(c).position !== \"static\") {\n    return t.offsetTop;\n  }\n\n  return t.offsetTop - c.offsetTop;\n};\n\nconst scrollElement = (element, container, offset = 0) => {\n  const elemTop = verticalScrollOffset(element, container);\n  container.scrollTo({\n    top: elemTop - offset,\n    behavior: \"smooth\",\n  });\n};\n\nconst isScrolledToTheBottom = (container) => {\n  const containerScrollTop = getScrollTop(container);\n\n  if (container === window) {\n    // accounting for cases where html/body are set to height:100%\n    const scrollHeight =\n      (document.documentElement && document.documentElement.scrollHeight) ||\n      document.body.scrollHeight;\n\n    return containerScrollTop + window.innerHeight >= scrollHeight;\n  }\n\n  return containerScrollTop + container.offsetHeight >= container.scrollHeight;\n};\n\n// find the last nav item that whose top scrolled out of the container's visible area\nconst findFirstVisibleElement = (container, options, offset) => {\n  const boundsTop = verticalScrollOffset(container);\n\n  let i = 0;\n  // find index of first element whose top is still visible inside the container\n  for (; i < options.length; i += 1) {\n    const ele = document.getElementById(options[i].value);\n\n    if (ele) {\n      const elemTop = verticalScrollOffset(ele) - (options[i].offset || offset);\n\n      if (elemTop > boundsTop) {\n        break;\n      }\n    }\n  }\n\n  // return the previous index, the element that last scrolled past the top\n  return i - 1;\n};\n\n/**\n * A navigation component to help in changing views, still in development\n */\nconst NavigationAnchors = ({\n  selectedIndex: selectedIndexProp = 0,\n  scrollElementId,\n  href = true,\n  onClick,\n  className,\n  classes,\n  options,\n  floating,\n  offset = 0,\n  ...other\n}) => {\n  const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);\n\n  const scrollEle = useRef();\n  const requestedAnimationFrame = useRef(0);\n\n  const lastContainerScrollTop = useRef();\n\n  // ref to use a often-changing value in useCallback, has recommended in\n  // https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n  const selectedIndexRef = useRef(selectedIndex);\n  useEffect(() => {\n    selectedIndexRef.current = selectedIndex;\n  }, [selectedIndex]);\n\n  // get and store the container's dom element\n  useEffect(() => {\n    scrollEle.current = (scrollElementId && document.getElementById(scrollElementId)) || window;\n    lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);\n  }, [scrollElementId]);\n\n  const checkScroll = useCallback(() => {\n    if (requestedAnimationFrame.current === 0 && window?.requestAnimationFrame) {\n      requestedAnimationFrame.current = window.requestAnimationFrame(() => {\n        requestedAnimationFrame.current = 0;\n\n        const firstVisibleElementIndex = findFirstVisibleElement(\n          scrollEle.current,\n          options,\n          offset\n        );\n\n        let newSelectedIndex = firstVisibleElementIndex;\n\n        // select the first element when all elements are bellow the container's top\n        if (firstVisibleElementIndex < 0) {\n          newSelectedIndex = 0;\n        }\n\n        // if the user has reached the bottom of the container, select the first nav item still visible\n        // (usually this selects the last nav item, when it can't reach the top the container)\n        // in theory only needed when scrolling down, but no... because of the Safari bouncing behaviour\n        if (newSelectedIndex < options.length - 1 && isScrolledToTheBottom(scrollEle.current)) {\n          newSelectedIndex += 1;\n        }\n\n        const containerScrollTop = getScrollTop(scrollEle.current);\n        const isScrollingDown = containerScrollTop > lastContainerScrollTop.current;\n        lastContainerScrollTop.current = containerScrollTop;\n\n        // only update the selected item if the scroll direction is moving away from it\n        if (isScrollingDown) {\n          if (newSelectedIndex < selectedIndexRef.current) {\n            newSelectedIndex = selectedIndexRef.current;\n          }\n        } else if (newSelectedIndex > selectedIndexRef.current) {\n          newSelectedIndex = selectedIndexRef.current;\n        }\n\n        setSelectedIndex(newSelectedIndex);\n      });\n    }\n  }, [offset, options]);\n\n  // registers and unregisters the scroll listener\n  useEffect(() => {\n    if (scrollEle.current) {\n      scrollEle.current.addEventListener(\"scroll\", checkScroll, false);\n    }\n\n    return () => {\n      if (scrollEle.current) {\n        scrollEle.current.removeEventListener(\"scroll\", checkScroll);\n      }\n\n      if (requestedAnimationFrame.current !== 0) {\n        window.cancelAnimationFrame(requestedAnimationFrame.current);\n        requestedAnimationFrame.current = 0;\n      }\n    };\n  }, [checkScroll]);\n\n  // waits for the elements to be rendered and scrolls to the one referenced\n  // in the URL hash, if any\n  useEffect(() => {\n    let checkRenderedInterval;\n\n    if (href) {\n      const hashValue = document.location.hash.split(\"#\")[1] || \"\";\n\n      const option = options.find((o) => o.value === hashValue);\n\n      if (option) {\n        let retry = 0;\n        checkRenderedInterval = setInterval(() => {\n          const ele = document.getElementById(option.value);\n\n          if (ele) {\n            scrollElement(ele, scrollEle.current, option.offset || offset);\n            clearInterval(checkRenderedInterval);\n          } else {\n            retry += 1;\n            if (retry === RETRY_MAX) {\n              clearInterval(checkRenderedInterval);\n            }\n          }\n        }, 1000);\n      }\n    }\n\n    return () => {\n      clearInterval(checkRenderedInterval);\n    };\n\n    // we really want to run this just in the first load\n    // in fact this doesn't even belong here, the logic should be external\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleListItemClick = (event, id, index) => {\n    const option = options.find((o) => o.value === id);\n\n    if (option) {\n      const ele = document.getElementById(id);\n      if (ele) {\n        scrollElement(ele, scrollEle.current, option.offset || offset);\n      }\n\n      if (!href && onClick) {\n        onClick(event, index, option);\n      } else if (href) {\n        window.history.pushState({}, \"\", `#${options[index].value}`);\n      }\n\n      setSelectedIndex(index);\n\n      // Safari scrolls immediately (no smooth scroll support),\n      // so this ref value must be updated asap\n      selectedIndexRef.current = index;\n    }\n  };\n\n  const navOptions = useMemo(() => {\n    return options.map((option) => {\n      return navigationOption(option.label);\n    });\n  }, [options]);\n\n  return (\n    <HvListContainer interactive className={clsx(className, classes.root)} {...other}>\n      {options.map((option, index) => {\n        const NavOpt = navOptions[index];\n\n        return (\n          <HvListItem\n            classes={{\n              selected: classes.listItemSelected,\n              gutters: classes.listItemGutters,\n            }}\n            key={option.key || option.label}\n            onClick={(event) => handleListItemClick(event, option.value, index)}\n            selected={selectedIndex === index}\n          >\n            <NavOpt />\n          </HvListItem>\n        );\n      })}\n    </HvListContainer>\n  );\n};\n\nNavigationAnchors.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    root: PropTypes.string,\n    listItemGutters: PropTypes.string,\n    listItemSelected: PropTypes.string,\n  }).isRequired,\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   * 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   * A callback called on click of every list item, if the href is false\n   */\n  onClick: PropTypes.func,\n  /**\n   * Whether the anchors are always in a fixed position\n   *\n   * @deprecated Currently does nothing. Style the component instead.\n   */\n  floating: deprecatedPropType(PropTypes.bool),\n  /**\n   * Currently selected index passed from the parent.\n   */\n  selectedIndex: 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\nexport default withStyles(styles, { name: \"HvNavigationAnchors\" })(NavigationAnchors);\n"],"mappings":"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"}

package/dist/NavigationAnchors/NavigationOption.js

@@ -1,30 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.array.of.js");
-var _uikitReactCore = require("@hitachivantara/uikit-react-core");
-var hideTooltip = function hideTooltip(evt) {
-  var isOverFlow = evt.target.children.length > 1 ? Array.of.apply(Array, (0, _toConsumableArray2.default)(evt.target.children)).some(function (child) {
-    return child.scrollWidth > child.clientWidth;
-  }) : evt.target.scrollWidth > evt.target.clientWidth;
-  return !isOverFlow;
-};
-var wrapperTooltip = function wrapperTooltip(Component, label) {
-  var ComponentFunction = function ComponentFunction() {
-    return Component;
-  };
-  return (0, _uikitReactCore.withTooltip)(ComponentFunction, label, "top", hideTooltip);
-};
-var NavigationOption = function NavigationOption(label) {
-  var NavOpt = wrapperTooltip(label, label);
-  return NavOpt;
-};
-var _default = NavigationOption;
-exports.default = _default;
-//# sourceMappingURL=NavigationOption.js.map

package/dist/NavigationAnchors/NavigationOption.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationOption.js","names":["hideTooltip","evt","isOverFlow","target","children","length","Array","of","some","child","scrollWidth","clientWidth","wrapperTooltip","Component","label","ComponentFunction","withTooltip","NavigationOption","NavOpt"],"sources":["../../src/NavigationAnchors/NavigationOption.js"],"sourcesContent":["import { withTooltip } from \"@hitachivantara/uikit-react-core\";\n\nconst hideTooltip = (evt) => {\n  const isOverFlow =\n    evt.target.children.length > 1\n      ? Array.of(...evt.target.children).some((child) => child.scrollWidth > child.clientWidth)\n      : evt.target.scrollWidth > evt.target.clientWidth;\n  return !isOverFlow;\n};\n\nconst wrapperTooltip = (Component, label) => {\n  const ComponentFunction = () => Component;\n  return withTooltip(ComponentFunction, label, \"top\", hideTooltip);\n};\n\nconst NavigationOption = (label) => {\n  const NavOpt = wrapperTooltip(label, label);\n  return NavOpt;\n};\n\nexport default NavigationOption;\n"],"mappings":";;;;;;;;;;AAAA;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAW,CAAIC,GAAG,EAAK;EAC3B,IAAMC,UAAU,GACdD,GAAG,CAACE,MAAM,CAACC,QAAQ,CAACC,MAAM,GAAG,CAAC,GAC1BC,KAAK,CAACC,EAAE,OAARD,KAAK,mCAAOL,GAAG,CAACE,MAAM,CAACC,QAAQ,EAAC,CAACI,IAAI,CAAC,UAACC,KAAK;IAAA,OAAKA,KAAK,CAACC,WAAW,GAAGD,KAAK,CAACE,WAAW;EAAA,EAAC,GACvFV,GAAG,CAACE,MAAM,CAACO,WAAW,GAAGT,GAAG,CAACE,MAAM,CAACQ,WAAW;EACrD,OAAO,CAACT,UAAU;AACpB,CAAC;AAED,IAAMU,cAAc,GAAG,SAAjBA,cAAc,CAAIC,SAAS,EAAEC,KAAK,EAAK;EAC3C,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB;IAAA,OAASF,SAAS;EAAA;EACzC,OAAO,IAAAG,2BAAW,EAACD,iBAAiB,EAAED,KAAK,EAAE,KAAK,EAAEd,WAAW,CAAC;AAClE,CAAC;AAED,IAAMiB,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIH,KAAK,EAAK;EAClC,IAAMI,MAAM,GAAGN,cAAc,CAACE,KAAK,EAAEA,KAAK,CAAC;EAC3C,OAAOI,MAAM;AACf,CAAC;AAAC,eAEaD,gBAAgB;AAAA"}

package/dist/NavigationAnchors/index.d.ts

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

package/dist/NavigationAnchors/index.js

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

package/dist/NavigationAnchors/index.js.map

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

package/dist/NavigationAnchors/styles.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var styles = function styles(theme) {
-  return {
-    root: {
-      width: 200
-    },
-    listItemGutters: {
-      padding: "0 ".concat(theme.hv.spacing.sm, "px")
-    },
-    listItemSelected: {
-      fontWeight: theme.hv.typography.highlightText.fontWeight,
-      borderLeft: "2px solid ".concat(theme.hv.palette.accent.acce1),
-      paddingLeft: theme.hv.spacing.sm - 2
-    }
-  };
-};
-var _default = styles;
-exports.default = _default;
-//# sourceMappingURL=styles.js.map

package/dist/NavigationAnchors/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","width","listItemGutters","padding","hv","spacing","sm","listItemSelected","fontWeight","typography","highlightText","borderLeft","palette","accent","acce1","paddingLeft"],"sources":["../../src/NavigationAnchors/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: 200,\n  },\n\n  listItemGutters: {\n    padding: `0 ${theme.hv.spacing.sm}px`,\n  },\n  listItemSelected: {\n    fontWeight: theme.hv.typography.highlightText.fontWeight,\n    borderLeft: `2px solid ${theme.hv.palette.accent.acce1}`,\n    paddingLeft: theme.hv.spacing.sm - 2,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,KAAK,EAAE;IACT,CAAC;IAEDC,eAAe,EAAE;MACfC,OAAO,cAAOJ,KAAK,CAACK,EAAE,CAACC,OAAO,CAACC,EAAE;IACnC,CAAC;IACDC,gBAAgB,EAAE;MAChBC,UAAU,EAAET,KAAK,CAACK,EAAE,CAACK,UAAU,CAACC,aAAa,CAACF,UAAU;MACxDG,UAAU,sBAAeZ,KAAK,CAACK,EAAE,CAACQ,OAAO,CAACC,MAAM,CAACC,KAAK,CAAE;MACxDC,WAAW,EAAEhB,KAAK,CAACK,EAAE,CAACC,OAAO,CAACC,EAAE,GAAG;IACrC;EACF,CAAC;AAAA,CAAC;AAAC,eAEYR,MAAM;AAAA"}

package/dist/NavigationSlider/Header/Header.js

@@ -1,79 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("core-js/modules/es.array.concat.js");
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("@mui/styles");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _uikitReactCore = require("@hitachivantara/uikit-react-core");
-var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-var _styles2 = _interopRequireDefault(require("./styles"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _Backwards;
-var Header = function Header(_ref) {
-  var id = _ref.id,
-    title = _ref.title,
-    showBackButton = _ref.showBackButton,
-    headerHeight = _ref.headerHeight,
-    onBackButtonClick = _ref.onBackButtonClick;
-  var classes = (0, _styles2.default)({
-    headerHeight: headerHeight
-  })();
-  var backButtonClickHandler = function backButtonClickHandler() {
-    onBackButtonClick();
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    id: id,
-    className: classes.menuContainer,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: classes.button,
-      children: showBackButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvButton, {
-        icon: true,
-        onClick: backButtonClickHandler,
-        children: _Backwards || (_Backwards = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Backwards, {
-          iconSize: "XS"
-        }))
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "".concat(classes.title, " ").concat(classes.justifyContentCenter),
-      children: title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvTypography, {
-        variant: "highlightText",
-        children: title
-      })
-    })]
-  });
-};
-process.env.NODE_ENV !== "production" ? Header.propTypes = {
-  /**
-   * Id to be applied to the root node of the panel.
-   */
-  id: _propTypes.default.string,
-  /**
-   * The text to be displayed on the header.
-   */
-  title: _propTypes.default.string,
-  /**
-   * Flag to show / hide the back button.
-   */
-  showBackButton: _propTypes.default.bool,
-  /**
-   * The header height.
-   */
-  headerHeight: _propTypes.default.number,
-  /**
-   * Callback function triggered when the back button is clicked.
-   */
-  onBackButtonClick: _propTypes.default.func
-} : void 0;
-Header.defaultProps = {
-  headerHeight: 80
-};
-var _default = (0, _styles.withStyles)(_styles2.default, {
-  name: "Header"
-})(Header);
-exports.default = _default;
-//# sourceMappingURL=Header.js.map

package/dist/NavigationSlider/Header/Header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.js","names":["Header","id","title","showBackButton","headerHeight","onBackButtonClick","classes","useStyles","backButtonClickHandler","menuContainer","button","justifyContentCenter","propTypes","PropTypes","string","bool","number","func","defaultProps","withStyles","name"],"sources":["../../../src/NavigationSlider/Header/Header.js"],"sourcesContent":["import React from \"react\";\nimport { withStyles } from \"@mui/styles\";\nimport PropTypes from \"prop-types\";\n\nimport { HvButton, HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport { Backwards } from \"@hitachivantara/uikit-react-icons\";\n\nimport useStyles from \"./styles\";\n\nconst Header = ({ id, title, showBackButton, headerHeight, onBackButtonClick }) => {\n  const classes = useStyles({ headerHeight })();\n\n  const backButtonClickHandler = () => {\n    onBackButtonClick();\n  };\n\n  return (\n    <div id={id} className={classes.menuContainer}>\n      <div className={classes.button}>\n        {showBackButton && (\n          <HvButton icon onClick={backButtonClickHandler}>\n            <Backwards iconSize=\"XS\" />\n          </HvButton>\n        )}\n      </div>\n\n      <div className={`${classes.title} ${classes.justifyContentCenter}`}>\n        {title && <HvTypography variant=\"highlightText\">{title}</HvTypography>}\n      </div>\n    </div>\n  );\n};\n\nHeader.propTypes = {\n  /**\n   * Id to be applied to the root node of the panel.\n   */\n  id: PropTypes.string,\n  /**\n   * The text to be displayed on the header.\n   */\n  title: PropTypes.string,\n  /**\n   * Flag to show / hide the back button.\n   */\n  showBackButton: PropTypes.bool,\n  /**\n   * The header height.\n   */\n  headerHeight: PropTypes.number,\n  /**\n   * Callback function triggered when the back button is clicked.\n   */\n  onBackButtonClick: PropTypes.func,\n};\n\nHeader.defaultProps = {\n  headerHeight: 80,\n};\n\nexport default withStyles(useStyles, { name: \"Header\" })(Header);\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AAEA;AAAiC;AAAA;AAEjC,IAAMA,MAAM,GAAG,SAATA,MAAM,OAAuE;EAAA,IAAjEC,EAAE,QAAFA,EAAE;IAAEC,KAAK,QAALA,KAAK;IAAEC,cAAc,QAAdA,cAAc;IAAEC,YAAY,QAAZA,YAAY;IAAEC,iBAAiB,QAAjBA,iBAAiB;EAC1E,IAAMC,OAAO,GAAG,IAAAC,gBAAS,EAAC;IAAEH,YAAY,EAAZA;EAAa,CAAC,CAAC,EAAE;EAE7C,IAAMI,sBAAsB,GAAG,SAAzBA,sBAAsB,GAAS;IACnCH,iBAAiB,EAAE;EACrB,CAAC;EAED,oBACE;IAAK,EAAE,EAAEJ,EAAG;IAAC,SAAS,EAAEK,OAAO,CAACG,aAAc;IAAA,wBAC5C;MAAK,SAAS,EAAEH,OAAO,CAACI,MAAO;MAAA,UAC5BP,cAAc,iBACb,qBAAC,wBAAQ;QAAC,IAAI;QAAC,OAAO,EAAEK,sBAAuB;QAAA,mDAC7C,qBAAC,0BAAS;UAAC,QAAQ,EAAC;QAAI,EAAG;MAAA;IAE9B,EACG,eAEN;MAAK,SAAS,YAAKF,OAAO,CAACJ,KAAK,cAAII,OAAO,CAACK,oBAAoB,CAAG;MAAA,UAChET,KAAK,iBAAI,qBAAC,4BAAY;QAAC,OAAO,EAAC,eAAe;QAAA,UAAEA;MAAK;IAAgB,EAClE;EAAA,EACF;AAEV,CAAC;AAED,wCAAAF,MAAM,CAACY,SAAS,GAAG;EACjB;AACF;AACA;EACEX,EAAE,EAAEY,kBAAS,CAACC,MAAM;EACpB;AACF;AACA;EACEZ,KAAK,EAAEW,kBAAS,CAACC,MAAM;EACvB;AACF;AACA;EACEX,cAAc,EAAEU,kBAAS,CAACE,IAAI;EAC9B;AACF;AACA;EACEX,YAAY,EAAES,kBAAS,CAACG,MAAM;EAC9B;AACF;AACA;EACEX,iBAAiB,EAAEQ,kBAAS,CAACI;AAC/B,CAAC;AAEDjB,MAAM,CAACkB,YAAY,GAAG;EACpBd,YAAY,EAAE;AAChB,CAAC;AAAC,eAEa,IAAAe,kBAAU,EAACZ,gBAAS,EAAE;EAAEa,IAAI,EAAE;AAAS,CAAC,CAAC,CAACpB,MAAM,CAAC;AAAA"}

package/dist/NavigationSlider/Header/index.js

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

package/dist/NavigationSlider/Header/index.js.map

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