@hitachivantara/uikit-react-lab 4.5.0 → 5.0.2

package/dist/StepNavigation/StepNavigation.js

@@ -1,333 +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");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("core-js/modules/es.array.includes.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.array.concat.js");
-require("core-js/modules/es.string.includes.js");
-require("core-js/modules/es.number.constructor.js");
-require("core-js/modules/es.array.find.js");
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/web.dom-collections.iterator.js");
-require("core-js/modules/es.array.map.js");
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _material = require("@mui/material");
-var _styles = require("@mui/styles");
-var _uikitReactCore = require("@hitachivantara/uikit-react-core");
-var _DefaultNavigation = _interopRequireDefault(require("./DefaultNavigation"));
-var _SimpleNavigation = _interopRequireDefault(require("./SimpleNavigation"));
-var _utils = require("./utils");
-var _styles2 = _interopRequireDefault(require("./styles"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["className", "classes", "width", "steps", "stepSize", "showTitles", "type"],
-  _excluded2 = ["state", "title", "separatorClassName"],
-  _excluded3 = ["stepsWidth", "navWidth"];
-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; }
-/**
- * Navigation page with steps.
- *
- * You need to define the <b>steps<b/> displayed on the component so that itself can be drawn on the UI.
- * On each step, you need to define a <b>state</b> - 'Pending', 'Failed', 'Completed', 'Current', 'Disabled' -
- * and a <b>title</b> to be shown as a tooltip or a text above of the step. You can also:
- * * Define a <b>className</b> on each step element;
- * * Define a <b>separatorClassName</b> to specify a className for the separator element. The default height
- * values of the separator element are 2px/3px on 'Simple'/'Default' layouts respectively;
- * * Define a <b>titleClassName</b> to specify a className for the title above each step element.
- *
- * For the root element, you can:
- * * Define a <b>className</b>;
- * * Choose a <b>type</b> of layout: 'Simple' or 'Default';
- * * Choose the <b>stepSize</b> of the step component: "XS", "SM", "MD", "LG", "XL". The default size will be
- * correspondent to the current media breakpoint;
- * * Choose either you want to <b>showTitles</b> near to each step component or a tootlip on hover;
- * * Define a <b>width</b> of the component. If you don't define any value and the step component has no title
- * displayed above, the width of the separator element will be 100px.
- * If the step component has titles, each one will have 215px of width by default.
- */
-var HvStepNavigation = function HvStepNavigation(_ref) {
-  var className = _ref.className,
-    classes = _ref.classes,
-    width = _ref.width,
-    steps = _ref.steps,
-    stepSize = _ref.stepSize,
-    showTitles = _ref.showTitles,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? "Default" : _ref$type,
-    others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var theme = (0, _material.useTheme)();
-  // current breakpoint 'xs' | 'sm' | 'md' | 'lg' | 'xl'
-  var breakpoint = (0, _uikitReactCore.useWidth)();
-  // step configurations
-  var stepSizeKey = stepSize !== null && stepSize !== void 0 ? stepSize : ["xs", "sm"].includes(breakpoint) ? "SM" : "MD";
-  var hasTitles = showTitles !== null && showTitles !== void 0 ? showTitles : !["xs", "sm"].includes(breakpoint);
-  var styledLi = function styledLi(containerSize) {
-    return (0, _material.styled)("li")({
-      width: containerSize,
-      height: containerSize
-    });
-  };
-  var styledDiv = function styledDiv(containerSize) {
-    return (0, _material.styled)("div")({
-      width: containerSize,
-      height: containerSize
-    });
-  };
-  var styledSeparatorElement = function styledSeparatorElement(title, separatorClassName, separatorHeight, separatorWidth, backgroundColor) {
-    var Separator = (0, _styles.withStyles)({
-      separatorElement: {
-        height: separatorHeight,
-        width: separatorWidth,
-        backgroundColor: backgroundColor
-      }
-    })(function (_ref2) {
-      var separatorElement = _ref2.classes.separatorElement;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        "aria-label": "separator-".concat(title),
-        className: (0, _clsx.default)(separatorElement, separatorClassName)
-      });
-    });
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-      "aria-hidden": true,
-      className: classes.separator,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Separator, {})
-    }, "separator-".concat(title));
-  };
-  var drawItems = function drawItems(_ref3) {
-    var _ref3$separatorValues = _ref3.separatorValues,
-      minWidth = _ref3$separatorValues.minWidth,
-      maxWidth = _ref3$separatorValues.maxWidth,
-      getColor = _ref3$separatorValues.getColor,
-      height = _ref3$separatorValues.height,
-      _ref3$stepValues = _ref3.stepValues,
-      minSize = _ref3$stepValues.minSize,
-      maxSize = _ref3$stepValues.maxSize,
-      StepComponent = _ref3$stepValues.StepComponent;
-    var items = steps.reduce(function (acc, _ref4, index) {
-      var state = _ref4.state,
-        title = _ref4.title,
-        separatorClassName = _ref4.separatorClassName,
-        props = (0, _objectWithoutProperties2.default)(_ref4, _excluded2);
-      var containerSize = state === "Current" ? maxSize : minSize;
-      var StepContainer = styledLi(containerSize);
-      var Step = styledDiv(Math.max(containerSize, 30), Math.max(containerSize, 30));
-      var stepProps = _objectSpread({}, _objectSpread({
-        size: stepSizeKey,
-        state: state,
-        title: title,
-        number: index + 1
-      }, props));
-      var stepElement = /*#__PURE__*/(0, _jsxRuntime.jsx)(StepContainer, {
-        className: classes.li,
-        children: hasTitles ? /*#__PURE__*/(0, _jsxRuntime.jsx)(StepComponent, _objectSpread({
-          "aria-label": "step-".concat(title)
-        }, stepProps)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvTooltip, {
-          placement: "bottom",
-          title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvTypography, {
-            children: "".concat(index + 1, ". ").concat(title)
-          }),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            "aria-label": "step-container-".concat(title),
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Step, {
-              className: classes.li,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StepComponent, _objectSpread({
-                "aria-label": "step-".concat(title)
-              }, stepProps))
-            })
-          })
-        })
-      }, "step-".concat(title));
-      if (index < steps.length - 1) {
-        var separatorElement = styledSeparatorElement(title, separatorClassName, height, [steps[index + 1].state, state].includes("Current") ? minWidth : maxWidth, getColor(steps[index + 1].state === "Disabled" ? "Disabled" : state, theme));
-        return [].concat((0, _toConsumableArray2.default)(acc), [stepElement, separatorElement]);
-      }
-      return [].concat((0, _toConsumableArray2.default)(acc), [stepElement]);
-    }, []);
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("ol", {
-      className: classes.ol,
-      children: items
-    });
-  };
-  var getDynamicValues = function getDynamicValues(stepsWidth) {
-    var _width$breakpoint, _theme$breakpoints$va, _theme$breakpoints$va2;
-    var maxWidth = (_width$breakpoint = width === null || width === void 0 ? void 0 : width[breakpoint]) !== null && _width$breakpoint !== void 0 ? _width$breakpoint : Math.max(Number(hasTitles) * (_utils.TITLE_WIDTH + _utils.TITLE_MARGIN) * steps.length - _utils.TITLE_MARGIN, _utils.SEPARATOR_WIDTH * (steps.length - 1) + stepsWidth);
-    var next = theme.breakpoints.keys.find(function (_, index, self) {
-      return index - 1 >= 0 ? self[index - 1] === breakpoint : false;
-    });
-    var navWidth = Math.min(maxWidth, (_theme$breakpoints$va = (_theme$breakpoints$va2 = theme.breakpoints.values) === null || _theme$breakpoints$va2 === void 0 ? void 0 : _theme$breakpoints$va2[next]) !== null && _theme$breakpoints$va !== void 0 ? _theme$breakpoints$va : maxWidth);
-    var titleWidth = Number(hasTitles) * Math.ceil((navWidth + _utils.TITLE_MARGIN) / steps.length);
-    var separatorWidth = Number(!hasTitles) * Math.ceil((navWidth - stepsWidth) / (steps.length - 1));
-    return {
-      width: navWidth,
-      titleWidth: titleWidth,
-      separatorWidth: separatorWidth
-    };
-  };
-  var styledTitle = function styledTitle(titleClassName, variant, title, titleWidth) {
-    return (0, _styles.withStyles)({
-      stepTitle: {
-        textAlign: "center",
-        width: titleWidth - _utils.TITLE_MARGIN,
-        marginRight: _utils.TITLE_MARGIN
-      }
-    })(function (_ref5) {
-      var stepTitle = _ref5.classes.stepTitle;
-      return title ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvTypography, {
-        variant: variant,
-        className: (0, _clsx.default)(stepTitle, titleClassName),
-        children: title
-      }) : null;
-    });
-  };
-  var getTitles = function getTitles(getTitleProps) {
-    return hasTitles ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: classes.titles,
-      children: steps.map(function (_ref6, index) {
-        var rawTitle = _ref6.title,
-          state = _ref6.state,
-          titleClassName = _ref6.titleClassName;
-        var _getTitleProps = getTitleProps({
-            state: state,
-            rawTitle: rawTitle,
-            number: index + 1
-          }),
-          _getTitleProps$varian = _getTitleProps.variant,
-          variant = _getTitleProps$varian === void 0 ? "highlightText" : _getTitleProps$varian,
-          _getTitleProps$title = _getTitleProps.title,
-          title = _getTitleProps$title === void 0 ? rawTitle : _getTitleProps$title,
-          _getTitleProps$titleW = _getTitleProps.titleWidth,
-          titleWidth = _getTitleProps$titleW === void 0 ? 0 : _getTitleProps$titleW;
-        var Title = styledTitle(titleClassName, variant, title, titleWidth);
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(Title, {}, "step-title-".concat(rawTitle));
-      })
-    }) : null;
-  };
-  var StepNavigation = {
-    Default: _DefaultNavigation.default,
-    Simple: _SimpleNavigation.default
-  }[type];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepNavigation, _objectSpread(_objectSpread({}, _objectSpread({
-    stepSize: stepSizeKey,
-    numSteps: steps.length,
-    getTitles: getTitles,
-    getDynamicValues: getDynamicValues,
-    className: (0, _clsx.default)(className, classes.root)
-  }, others)), {}, {
-    children: function children(_ref7) {
-      var stepsWidth = _ref7.stepsWidth,
-        navWidth = _ref7.navWidth,
-        itemsProps = (0, _objectWithoutProperties2.default)(_ref7, _excluded3);
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
-        component: "nav",
-        style: {
-          width: "".concat(navWidth, "px"),
-          margin: 0
-        },
-        children: drawItems(itemsProps)
-      });
-    }
-  }));
-};
-process.env.NODE_ENV !== "production" ? HvStepNavigation.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({
-    /**
-     * Styles applied to the component root class.
-     */
-    root: _propTypes.default.string,
-    /**
-     * Styles applied to the li element.
-     */
-    li: _propTypes.default.string,
-    /**
-     *  Styles applied to the ol element.
-     */
-    ol: _propTypes.default.string,
-    /**
-     * Styles applied to the separator element.
-     */
-    separator: _propTypes.default.string,
-    /**
-     * Styles applied to the titles container element.
-     */
-    titles: _propTypes.default.string
-  }).isRequired,
-  /**
-   * Type of step navigation. Values = {"Simple", "Default"}.
-   */
-  type: _propTypes.default.oneOf(["Simple", "Default"]),
-  /**
-   * Steps to show on the component.
-   */
-  steps: _propTypes.default.arrayOf(_propTypes.default.shape({
-    /**
-     * Class names to override styles on the step component.
-     */
-    className: _propTypes.default.string,
-    /**
-     * Class names to override styles on the separator component after the step.
-     */
-    separatorClassName: _propTypes.default.string,
-    /**
-     * Class names to override styles on the title component above the step.
-     */
-    titleClassName: _propTypes.default.string,
-    /**
-     * Title of the step.
-     */
-    title: _propTypes.default.string.isRequired,
-    /**
-     * State of the step. Values = {"Pending", "Failed", "Completed", "Current", "Disabled", "Enabled"}.
-     */
-    state: _propTypes.default.oneOf(["Pending", "Failed", "Completed", "Current", "Disabled", "Enabled"]).isRequired,
-    /**
-     * Define if a step is disabled/enabled.
-     * If this property is not defined and the step is on state "Disabled", the step component will be disabled
-     */
-    disabled: _propTypes.default.bool
-  })).isRequired,
-  /**
-   * Sets one of the standard sizes of the steps. Values = {"XS", "SM", "MD", "LG", "XL"}
-   */
-  stepSize: _propTypes.default.oneOf(["XS", "SM", "MD", "LG", "XL"]),
-  /**
-   * Width of the component element on each breakpoint screen resolution.
-   */
-  width: _propTypes.default.shape({
-    xs: _propTypes.default.number,
-    sm: _propTypes.default.number,
-    md: _propTypes.default.number,
-    lg: _propTypes.default.number,
-    xl: _propTypes.default.number
-  }),
-  /**
-   * Defines either show a title or only a tooltip on each step component
-   */
-  showTitles: _propTypes.default.bool
-} : void 0;
-var _default = (0, _styles.withStyles)(_styles2.default, {
-  name: "HvStepNavigation"
-})(HvStepNavigation);
-exports.default = _default;
-//# sourceMappingURL=StepNavigation.js.map

package/dist/StepNavigation/StepNavigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepNavigation.js","names":["HvStepNavigation","className","classes","width","steps","stepSize","showTitles","type","others","theme","useTheme","breakpoint","useWidth","stepSizeKey","includes","hasTitles","styledLi","containerSize","styled","height","styledDiv","styledSeparatorElement","title","separatorClassName","separatorHeight","separatorWidth","backgroundColor","Separator","withStyles","separatorElement","clsx","separator","drawItems","separatorValues","minWidth","maxWidth","getColor","stepValues","minSize","maxSize","StepComponent","items","reduce","acc","index","state","props","StepContainer","Step","Math","max","stepProps","size","number","stepElement","li","length","ol","getDynamicValues","stepsWidth","Number","TITLE_WIDTH","TITLE_MARGIN","SEPARATOR_WIDTH","next","breakpoints","keys","find","_","self","navWidth","min","values","titleWidth","ceil","styledTitle","titleClassName","variant","stepTitle","textAlign","marginRight","getTitles","getTitleProps","titles","map","rawTitle","Title","StepNavigation","Default","HvDefaultNavigation","Simple","HvSimpleNavigation","numSteps","root","itemsProps","margin","propTypes","PropTypes","string","shape","isRequired","oneOf","arrayOf","disabled","bool","xs","sm","md","lg","xl","styles","name"],"sources":["../../src/StepNavigation/StepNavigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { Typography, styled, useTheme } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvTooltip, HvTypography, useWidth } from \"@hitachivantara/uikit-react-core\";\n\nimport HvDefaultNavigation from \"./DefaultNavigation\";\nimport HvSimpleNavigation from \"./SimpleNavigation\";\nimport { SEPARATOR_WIDTH, TITLE_MARGIN, TITLE_WIDTH } from \"./utils\";\nimport styles from \"./styles\";\n\n/**\n * Navigation page with steps.\n *\n * You need to define the <b>steps<b/> displayed on the component so that itself can be drawn on the UI.\n * On each step, you need to define a <b>state</b> - 'Pending', 'Failed', 'Completed', 'Current', 'Disabled' -\n * and a <b>title</b> to be shown as a tooltip or a text above of the step. You can also:\n * * Define a <b>className</b> on each step element;\n * * Define a <b>separatorClassName</b> to specify a className for the separator element. The default height\n * values of the separator element are 2px/3px on 'Simple'/'Default' layouts respectively;\n * * Define a <b>titleClassName</b> to specify a className for the title above each step element.\n *\n * For the root element, you can:\n * * Define a <b>className</b>;\n * * Choose a <b>type</b> of layout: 'Simple' or 'Default';\n * * Choose the <b>stepSize</b> of the step component: \"XS\", \"SM\", \"MD\", \"LG\", \"XL\". The default size will be\n * correspondent to the current media breakpoint;\n * * Choose either you want to <b>showTitles</b> near to each step component or a tootlip on hover;\n * * Define a <b>width</b> of the component. If you don't define any value and the step component has no title\n * displayed above, the width of the separator element will be 100px.\n * If the step component has titles, each one will have 215px of width by default.\n */\nconst HvStepNavigation = ({\n  className,\n  classes,\n  width,\n  steps,\n  stepSize,\n  showTitles,\n  type = \"Default\",\n  ...others\n}) => {\n  const theme = useTheme();\n  // current breakpoint 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  const breakpoint = useWidth();\n  // step configurations\n  const stepSizeKey = stepSize ?? ([\"xs\", \"sm\"].includes(breakpoint) ? \"SM\" : \"MD\");\n  const hasTitles = showTitles ?? ![\"xs\", \"sm\"].includes(breakpoint);\n\n  const styledLi = (containerSize) =>\n    styled(\"li\")({\n      width: containerSize,\n      height: containerSize,\n    });\n\n  const styledDiv = (containerSize) =>\n    styled(\"div\")({\n      width: containerSize,\n      height: containerSize,\n    });\n\n  const styledSeparatorElement = (\n    title,\n    separatorClassName,\n    separatorHeight,\n    separatorWidth,\n    backgroundColor\n  ) => {\n    const Separator = withStyles({\n      separatorElement: {\n        height: separatorHeight,\n        width: separatorWidth,\n        backgroundColor,\n      },\n    })(({ classes: { separatorElement } }) => (\n      <div\n        aria-label={`separator-${title}`}\n        className={clsx(separatorElement, separatorClassName)}\n      />\n    ));\n    return (\n      <li aria-hidden key={`separator-${title}`} className={classes.separator}>\n        <Separator />\n      </li>\n    );\n  };\n\n  const drawItems = ({\n    separatorValues: { minWidth, maxWidth, getColor, height },\n    stepValues: { minSize, maxSize, StepComponent },\n  }) => {\n    const items = steps.reduce((acc, { state, title, separatorClassName, ...props }, index) => {\n      const containerSize = state === \"Current\" ? maxSize : minSize;\n      const StepContainer = styledLi(containerSize);\n      const Step = styledDiv(Math.max(containerSize, 30), Math.max(containerSize, 30));\n      const stepProps = {\n        ...{\n          size: stepSizeKey,\n          state,\n          title,\n          number: index + 1,\n          ...props,\n        },\n      };\n      const stepElement = (\n        <StepContainer key={`step-${title}`} className={classes.li}>\n          {hasTitles ? (\n            <StepComponent aria-label={`step-${title}`} {...stepProps} />\n          ) : (\n            <HvTooltip\n              placement=\"bottom\"\n              title={<HvTypography>{`${index + 1}. ${title}`}</HvTypography>}\n            >\n              <div aria-label={`step-container-${title}`}>\n                <Step className={classes.li}>\n                  <StepComponent aria-label={`step-${title}`} {...stepProps} />\n                </Step>\n              </div>\n            </HvTooltip>\n          )}\n        </StepContainer>\n      );\n      if (index < steps.length - 1) {\n        const separatorElement = styledSeparatorElement(\n          title,\n          separatorClassName,\n          height,\n          [steps[index + 1].state, state].includes(\"Current\") ? minWidth : maxWidth,\n          getColor(steps[index + 1].state === \"Disabled\" ? \"Disabled\" : state, theme)\n        );\n        return [...acc, stepElement, separatorElement];\n      }\n      return [...acc, stepElement];\n    }, []);\n\n    return <ol className={classes.ol}>{items}</ol>;\n  };\n\n  const getDynamicValues = (stepsWidth) => {\n    const maxWidth =\n      width?.[breakpoint] ??\n      Math.max(\n        Number(hasTitles) * (TITLE_WIDTH + TITLE_MARGIN) * steps.length - TITLE_MARGIN,\n        SEPARATOR_WIDTH * (steps.length - 1) + stepsWidth\n      );\n    const next = theme.breakpoints.keys.find((_, index, self) =>\n      index - 1 >= 0 ? self[index - 1] === breakpoint : false\n    );\n    const navWidth = Math.min(maxWidth, theme.breakpoints.values?.[next] ?? maxWidth);\n    const titleWidth = Number(hasTitles) * Math.ceil((navWidth + TITLE_MARGIN) / steps.length);\n    const separatorWidth =\n      Number(!hasTitles) * Math.ceil((navWidth - stepsWidth) / (steps.length - 1));\n    return { width: navWidth, titleWidth, separatorWidth };\n  };\n\n  const styledTitle = (titleClassName, variant, title, titleWidth) =>\n    withStyles({\n      stepTitle: {\n        textAlign: \"center\",\n        width: titleWidth - TITLE_MARGIN,\n        marginRight: TITLE_MARGIN,\n      },\n    })(({ classes: { stepTitle } }) =>\n      title ? (\n        <HvTypography variant={variant} className={clsx(stepTitle, titleClassName)}>\n          {title}\n        </HvTypography>\n      ) : null\n    );\n\n  const getTitles = (getTitleProps) =>\n    hasTitles ? (\n      <div className={classes.titles}>\n        {steps.map(({ title: rawTitle, state, titleClassName }, index) => {\n          const {\n            variant = \"highlightText\",\n            title = rawTitle,\n            titleWidth = 0,\n          } = getTitleProps({\n            state,\n            rawTitle,\n            number: index + 1,\n          });\n          const Title = styledTitle(titleClassName, variant, title, titleWidth);\n          return <Title key={`step-title-${rawTitle}`} />;\n        })}\n      </div>\n    ) : null;\n\n  const StepNavigation = {\n    Default: HvDefaultNavigation,\n    Simple: HvSimpleNavigation,\n  }[type];\n\n  return (\n    <StepNavigation\n      {...{\n        stepSize: stepSizeKey,\n        numSteps: steps.length,\n        getTitles,\n        getDynamicValues,\n        className: clsx(className, classes.root),\n        ...others,\n      }}\n    >\n      {({ stepsWidth, navWidth, ...itemsProps }) => (\n        <Typography\n          component=\"nav\"\n          style={{\n            width: `${navWidth}px`,\n            margin: 0,\n          }}\n        >\n          {drawItems(itemsProps)}\n        </Typography>\n      )}\n    </StepNavigation>\n  );\n};\n\nHvStepNavigation.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the li element.\n     */\n    li: PropTypes.string,\n    /**\n     *  Styles applied to the ol element.\n     */\n    ol: PropTypes.string,\n    /**\n     * Styles applied to the separator element.\n     */\n    separator: PropTypes.string,\n    /**\n     * Styles applied to the titles container element.\n     */\n    titles: PropTypes.string,\n  }).isRequired,\n  /**\n   * Type of step navigation. Values = {\"Simple\", \"Default\"}.\n   */\n  type: PropTypes.oneOf([\"Simple\", \"Default\"]),\n  /**\n   * Steps to show on the component.\n   */\n  steps: PropTypes.arrayOf(\n    PropTypes.shape({\n      /**\n       * Class names to override styles on the step component.\n       */\n      className: PropTypes.string,\n      /**\n       * Class names to override styles on the separator component after the step.\n       */\n      separatorClassName: PropTypes.string,\n      /**\n       * Class names to override styles on the title component above the step.\n       */\n      titleClassName: PropTypes.string,\n      /**\n       * Title of the step.\n       */\n      title: PropTypes.string.isRequired,\n      /**\n       * State of the step. Values = {\"Pending\", \"Failed\", \"Completed\", \"Current\", \"Disabled\", \"Enabled\"}.\n       */\n      state: PropTypes.oneOf([\"Pending\", \"Failed\", \"Completed\", \"Current\", \"Disabled\", \"Enabled\"])\n        .isRequired,\n      /**\n       * Define if a step is disabled/enabled.\n       * If this property is not defined and the step is on state \"Disabled\", the step component will be disabled\n       */\n      disabled: PropTypes.bool,\n    })\n  ).isRequired,\n  /**\n   * Sets one of the standard sizes of the steps. Values = {\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"}\n   */\n  stepSize: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]),\n  /**\n   * Width of the component element on each breakpoint screen resolution.\n   */\n  width: PropTypes.shape({\n    xs: PropTypes.number,\n    sm: PropTypes.number,\n    md: PropTypes.number,\n    lg: PropTypes.number,\n    xl: PropTypes.number,\n  }),\n  /**\n   * Defines either show a title or only a tooltip on each step component\n   */\n  showTitles: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvStepNavigation\" })(HvStepNavigation);\n"],"mappings":"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"}

package/dist/StepNavigation/index.d.ts

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

package/dist/StepNavigation/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 _StepNavigation.default;
-  }
-});
-var _StepNavigation = _interopRequireDefault(require("./StepNavigation"));
-//# sourceMappingURL=index.js.map

package/dist/StepNavigation/index.js.map

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

package/dist/StepNavigation/styles.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var styles = function styles() {
-  return {
-    root: {
-      display: "flex",
-      flexDirection: "column"
-    },
-    titles: {
-      display: "flex"
-    },
-    ol: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      flexWrap: "wrap",
-      padding: 0,
-      listStyle: "none"
-    },
-    li: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center"
-    },
-    separator: {
-      userSelect: "none",
-      "& > div": {
-        display: "flex"
-      }
-    }
-  };
-};
-var _default = styles;
-exports.default = _default;
-//# sourceMappingURL=styles.js.map

package/dist/StepNavigation/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["styles","root","display","flexDirection","titles","ol","alignItems","justifyContent","flexWrap","padding","listStyle","li","separator","userSelect"],"sources":["../../src/StepNavigation/styles.js"],"sourcesContent":["const styles = () => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n  },\n  titles: {\n    display: \"flex\",\n  },\n  ol: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    flexWrap: \"wrap\",\n    padding: 0,\n    listStyle: \"none\",\n  },\n  li: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  separator: {\n    userSelect: \"none\",\n    \"& > div\": {\n      display: \"flex\",\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM;EAAA,OAAU;IACpBC,IAAI,EAAE;MACJC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE;IACjB,CAAC;IACDC,MAAM,EAAE;MACNF,OAAO,EAAE;IACX,CAAC;IACDG,EAAE,EAAE;MACFH,OAAO,EAAE,MAAM;MACfI,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,QAAQ,EAAE,MAAM;MAChBC,OAAO,EAAE,CAAC;MACVC,SAAS,EAAE;IACb,CAAC;IACDC,EAAE,EAAE;MACFT,OAAO,EAAE,MAAM;MACfI,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDK,SAAS,EAAE;MACTC,UAAU,EAAE,MAAM;MAClB,SAAS,EAAE;QACTX,OAAO,EAAE;MACX;IACF;EACF,CAAC;AAAA,CAAC;AAAC,eAEYF,MAAM;AAAA"}

package/dist/StepNavigation/utils.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TITLE_WIDTH = exports.TITLE_MARGIN = exports.STEP_MARGIN = exports.SEPARATOR_WIDTH = void 0;
-var TITLE_MARGIN = 20;
-exports.TITLE_MARGIN = TITLE_MARGIN;
-var TITLE_WIDTH = 215;
-exports.TITLE_WIDTH = TITLE_WIDTH;
-var STEP_MARGIN = 20;
-exports.STEP_MARGIN = STEP_MARGIN;
-var SEPARATOR_WIDTH = 100;
-exports.SEPARATOR_WIDTH = SEPARATOR_WIDTH;
-//# sourceMappingURL=utils.js.map

package/dist/StepNavigation/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","names":["TITLE_MARGIN","TITLE_WIDTH","STEP_MARGIN","SEPARATOR_WIDTH"],"sources":["../../src/StepNavigation/utils.js"],"sourcesContent":["const TITLE_MARGIN = 20;\nconst TITLE_WIDTH = 215;\nconst STEP_MARGIN = 20;\nconst SEPARATOR_WIDTH = 100;\n\nexport { STEP_MARGIN, TITLE_MARGIN, TITLE_WIDTH, SEPARATOR_WIDTH };\n"],"mappings":";;;;;;AAAA,IAAMA,YAAY,GAAG,EAAE;AAAC;AACxB,IAAMC,WAAW,GAAG,GAAG;AAAC;AACxB,IAAMC,WAAW,GAAG,EAAE;AAAC;AACvB,IAAMC,eAAe,GAAG,GAAG;AAAC"}

package/dist/TimeAgo/TimeAgo.d.ts

@@ -1,42 +0,0 @@
-import { StandardProps } from "@mui/material";
-
-export type HvTimeAgoClassKey = "root";
-
-export interface HvTimeAgoProps
-  extends StandardProps<React.HTMLAttributes<HTMLElement>, HvTimeAgoClassKey> {
-  /**
-   * The timestamp to format, in seconds or milliseconds.
-   * Defaults to `emptyElement` if value is null or 0
-   */
-  timestamp?: number;
-  /**
-   * The locale to be used. Should be on of the dayjs supported locales and explicitly imported
-   * @see https://day.js.org/docs/en/i18n/i18n
-   */
-  locale?: string;
-  /**
-   * The component used for the root node. Either a string to use a HTML element or a component.
-   * Defaults to `HvTypography`.
-   */
-  component?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
-  /**
-   * The element to render when the timestamp is null or 0
-   * Defaults to `—` (Em Dash)
-   */
-  emptyElement?: React.ReactNode;
-  /**
-   * Disables periodic date refreshes
-   */
-  disableRefresh?: boolean;
-  /**
-   * Whether to show seconds in the rendered time
-   */
-  showSeconds?: boolean;
-  /**
-   * Whether the component should render just the string
-   * Consider using `useTimeAgo` instead
-   */
-  justText?: boolean;
-}
-
-export default function HvTimeAgo(props: HvTimeAgoProps): JSX.Element | null;

package/dist/TimeAgo/TimeAgo.js

@@ -1,106 +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.to-string.js");
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-require("core-js/modules/es.object.get-own-property-descriptors.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@mui/styles");
-var _uikitReactCore = require("@hitachivantara/uikit-react-core");
-var _useTimeAgo = _interopRequireDefault(require("./useTimeAgo"));
-var _styles2 = _interopRequireDefault(require("./styles"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["classes", "timestamp", "locale", "component", "emptyElement", "disableRefresh", "showSeconds", "justText"];
-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; }
-/**
- * The HvTimeAgo component implements the Design System relative time format guidelines.
- */
-var HvTimeAgo = function HvTimeAgo(_ref) {
-  var classes = _ref.classes,
-    timestamp = _ref.timestamp,
-    localeProp = _ref.locale,
-    _ref$component = _ref.component,
-    Component = _ref$component === void 0 ? _uikitReactCore.HvTypography : _ref$component,
-    _ref$emptyElement = _ref.emptyElement,
-    emptyElement = _ref$emptyElement === void 0 ? "—" : _ref$emptyElement,
-    _ref$disableRefresh = _ref.disableRefresh,
-    disableRefresh = _ref$disableRefresh === void 0 ? false : _ref$disableRefresh,
-    _ref$showSeconds = _ref.showSeconds,
-    showSeconds = _ref$showSeconds === void 0 ? false : _ref$showSeconds,
-    _ref$justText = _ref.justText,
-    justText = _ref$justText === void 0 ? false : _ref$justText,
-    others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var contextLocale = (0, _uikitReactCore.useLocale)();
-  var locale = localeProp || contextLocale;
-  var timeAgo = (0, _useTimeAgo.default)(timestamp, {
-    locale: locale,
-    disableRefresh: disableRefresh,
-    showSeconds: showSeconds
-  });
-  if (justText && timestamp) return timeAgo;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread(_objectSpread({
-    className: classes.root
-  }, others), {}, {
-    children: !timestamp ? emptyElement : timeAgo
-  }));
-};
-process.env.NODE_ENV !== "production" ? HvTimeAgo.propTypes = {
-  /**
-   * A Jss Object used to override or extend the styles applied.
-   */
-  classes: _propTypes.default.shape({
-    /**
-     * Styles applied to the component root class.
-     */
-    root: _propTypes.default.string
-  }),
-  /**
-   * The timestamp to format, in seconds
-   */
-  timestamp: _propTypes.default.number,
-  /**
-   * The locale to be used. Should be on of the dayjs supported locales
-   * @see https://day.js.org/docs/en/i18n/i18n
-   */
-  locale: _propTypes.default.string,
-  /**
-   * The component used for the root node. Either a string to use a HTML element or a component.
-   * Defaults to `div`.
-   */
-  component: _propTypes.default.elementType,
-  /**
-   * The element to render when the timestamp is null or 0
-   * Defaults to `—` (Em Dash)
-   */
-  emptyElement: _propTypes.default.node,
-  /**
-   * Disables periodic date refreshes
-   */
-  disableRefresh: _propTypes.default.bool,
-  /**
-   * Whether to show seconds in the rendered time
-   */
-  showSeconds: _propTypes.default.bool,
-  /**
-   * Whether the component should render just the string
-   * Consider using `useTimeAgo` instead
-   */
-  justText: _propTypes.default.bool
-} : void 0;
-var _default = (0, _styles.withStyles)(_styles2.default, {
-  name: "HvTimeAgo"
-})(HvTimeAgo);
-exports.default = _default;
-//# sourceMappingURL=TimeAgo.js.map

package/dist/TimeAgo/TimeAgo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimeAgo.js","names":["HvTimeAgo","classes","timestamp","localeProp","locale","component","Component","HvTypography","emptyElement","disableRefresh","showSeconds","justText","others","contextLocale","useLocale","timeAgo","useTimeAgo","root","propTypes","PropTypes","shape","string","number","elementType","node","bool","withStyles","styles","name"],"sources":["../../src/TimeAgo/TimeAgo.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvTypography, useLocale } from \"@hitachivantara/uikit-react-core\";\nimport useTimeAgo from \"./useTimeAgo\";\nimport styles from \"./styles\";\n\n/**\n * The HvTimeAgo component implements the Design System relative time format guidelines.\n */\nconst HvTimeAgo = ({\n  classes,\n  timestamp,\n  locale: localeProp,\n  component: Component = HvTypography,\n  emptyElement = \"—\",\n  disableRefresh = false,\n  showSeconds = false,\n  justText = false,\n  ...others\n}) => {\n  const contextLocale = useLocale();\n  const locale = localeProp || contextLocale;\n  const timeAgo = useTimeAgo(timestamp, { locale, disableRefresh, showSeconds });\n\n  if (justText && timestamp) return timeAgo;\n\n  return (\n    <Component className={classes.root} {...others}>\n      {!timestamp ? emptyElement : timeAgo}\n    </Component>\n  );\n};\n\nHvTimeAgo.propTypes = {\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  /**\n   * The timestamp to format, in seconds\n   */\n  timestamp: PropTypes.number,\n  /**\n   * The locale to be used. Should be on of the dayjs supported locales\n   * @see https://day.js.org/docs/en/i18n/i18n\n   */\n  locale: PropTypes.string,\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to `div`.\n   */\n  component: PropTypes.elementType,\n  /**\n   * The element to render when the timestamp is null or 0\n   * Defaults to `—` (Em Dash)\n   */\n  emptyElement: PropTypes.node,\n  /**\n   * Disables periodic date refreshes\n   */\n  disableRefresh: PropTypes.bool,\n  /**\n   * Whether to show seconds in the rendered time\n   */\n  showSeconds: PropTypes.bool,\n  /**\n   * Whether the component should render just the string\n   * Consider using `useTimeAgo` instead\n   */\n  justText: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvTimeAgo\" })(HvTimeAgo);\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAA8B;AAAA;AAAA;AAAA;AAE9B;AACA;AACA;AACA,IAAMA,SAAS,GAAG,SAAZA,SAAS,OAUT;EAAA,IATJC,OAAO,QAAPA,OAAO;IACPC,SAAS,QAATA,SAAS;IACDC,UAAU,QAAlBC,MAAM;IAAA,sBACNC,SAAS;IAAEC,SAAS,+BAAGC,4BAAY;IAAA,yBACnCC,YAAY;IAAZA,YAAY,kCAAG,GAAG;IAAA,2BAClBC,cAAc;IAAdA,cAAc,oCAAG,KAAK;IAAA,wBACtBC,WAAW;IAAXA,WAAW,iCAAG,KAAK;IAAA,qBACnBC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IACbC,MAAM;EAET,IAAMC,aAAa,GAAG,IAAAC,yBAAS,GAAE;EACjC,IAAMV,MAAM,GAAGD,UAAU,IAAIU,aAAa;EAC1C,IAAME,OAAO,GAAG,IAAAC,mBAAU,EAACd,SAAS,EAAE;IAAEE,MAAM,EAANA,MAAM;IAAEK,cAAc,EAAdA,cAAc;IAAEC,WAAW,EAAXA;EAAY,CAAC,CAAC;EAE9E,IAAIC,QAAQ,IAAIT,SAAS,EAAE,OAAOa,OAAO;EAEzC,oBACE,qBAAC,SAAS;IAAC,SAAS,EAAEd,OAAO,CAACgB;EAAK,GAAKL,MAAM;IAAA,UAC3C,CAACV,SAAS,GAAGM,YAAY,GAAGO;EAAO,GAC1B;AAEhB,CAAC;AAED,wCAAAf,SAAS,CAACkB,SAAS,GAAG;EACpB;AACF;AACA;EACEjB,OAAO,EAAEkB,kBAAS,CAACC,KAAK,CAAC;IACvB;AACJ;AACA;IACIH,IAAI,EAAEE,kBAAS,CAACE;EAClB,CAAC,CAAC;EACF;AACF;AACA;EACEnB,SAAS,EAAEiB,kBAAS,CAACG,MAAM;EAC3B;AACF;AACA;AACA;EACElB,MAAM,EAAEe,kBAAS,CAACE,MAAM;EACxB;AACF;AACA;AACA;EACEhB,SAAS,EAAEc,kBAAS,CAACI,WAAW;EAChC;AACF;AACA;AACA;EACEf,YAAY,EAAEW,kBAAS,CAACK,IAAI;EAC5B;AACF;AACA;EACEf,cAAc,EAAEU,kBAAS,CAACM,IAAI;EAC9B;AACF;AACA;EACEf,WAAW,EAAES,kBAAS,CAACM,IAAI;EAC3B;AACF;AACA;AACA;EACEd,QAAQ,EAAEQ,kBAAS,CAACM;AACtB,CAAC;AAAC,eAEa,IAAAC,kBAAU,EAACC,gBAAM,EAAE;EAAEC,IAAI,EAAE;AAAY,CAAC,CAAC,CAAC5B,SAAS,CAAC;AAAA"}