@rio-cloud/rio-uikit 0.16.4-beta.1 → 0.16.4-beta.2

package/lib/es/components/statusBar/StatusBar.js

@@ -1,221 +1,135 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Tooltip = _interopRequireDefault(require("../tooltip/Tooltip"));
-var _OverlayTrigger = _interopRequireDefault(require("../overlay/OverlayTrigger"));
-var _excluded = ["percentage", "tooltip", "tooltipPosition", "tooltipDelay", "color", "className"];
-var LEFT = _OverlayTrigger["default"].LEFT;
-var TOP = _OverlayTrigger["default"].TOP;
-var RIGHT = _OverlayTrigger["default"].RIGHT;
-var BOTTOM = _OverlayTrigger["default"].BOTTOM;
-var SMALL = 'small';
-var LARGE = 'large';
-var LIGHT = 'light';
-var BOLD = 'bold';
-var renderProgressBar = function renderProgressBar(_ref, index, useProgressDivider) {
-  var _ref$percentage = _ref.percentage,
-    percentage = _ref$percentage === void 0 ? 0 : _ref$percentage,
-    tooltip = _ref.tooltip,
-    _ref$tooltipPosition = _ref.tooltipPosition,
-    tooltipPosition = _ref$tooltipPosition === void 0 ? TOP : _ref$tooltipPosition,
-    _ref$tooltipDelay = _ref.tooltipDelay,
-    tooltipDelay = _ref$tooltipDelay === void 0 ? 50 : _ref$tooltipDelay,
-    color = _ref.color,
-    className = _ref.className,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var progressBarClassNames = (0, _classnames["default"])('progress-bar', color ? color : 'progress-bar-info', useProgressDivider && 'progress-divider', className && className);
-  var progressBar = /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
-    key: index,
-    className: progressBarClassNames,
-    style: {
-      width: "".concat(percentage, "%")
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const Tooltip_1 = tslib_1.__importDefault(require("../tooltip/Tooltip"));
+const OverlayTrigger_1 = tslib_1.__importDefault(require("../overlay/OverlayTrigger"));
+const LEFT = OverlayTrigger_1.default.LEFT;
+const TOP = OverlayTrigger_1.default.TOP;
+const RIGHT = OverlayTrigger_1.default.RIGHT;
+const BOTTOM = OverlayTrigger_1.default.BOTTOM;
+const SMALL = 'small';
+const LARGE = 'large';
+const LIGHT = 'light';
+const BOLD = 'bold';
+const renderProgressBar = (_a, index, useProgressDivider) => {
+    var { percentage = 0, tooltip, tooltipPosition = TOP, tooltipDelay = 50, color, className } = _a, props = tslib_1.__rest(_a, ["percentage", "tooltip", "tooltipPosition", "tooltipDelay", "color", "className"]);
+    const progressBarClassNames = (0, classnames_1.default)('progress-bar', color ? color : 'progress-bar-info', useProgressDivider && 'progress-divider', className && className);
+    const progressBar = ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: progressBarClassNames, style: { width: `${percentage}%` } }, props), index));
+    if (tooltip) {
+        const tooltipElement = ((0, jsx_runtime_1.jsx)(Tooltip_1.default, Object.assign({ id: `tooltip-${index}`, width: 'auto' }, { children: tooltip })));
+        return ((0, jsx_runtime_1.jsx)(OverlayTrigger_1.default, Object.assign({ placement: tooltipPosition, overlay: tooltipElement, delay: tooltipDelay }, { children: progressBar }), index));
     }
-  }, props));
-  if (tooltip) {
-    var tooltipElement = /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-      id: "tooltip-".concat(index),
-      width: "auto"
-    }, tooltip);
-    return /*#__PURE__*/_react["default"].createElement(_OverlayTrigger["default"], {
-      key: index,
-      placement: tooltipPosition,
-      overlay: tooltipElement,
-      delay: tooltipDelay
-    }, progressBar);
-  }
-  return progressBar;
+    return progressBar;
 };
-var renderAllProgressBars = function renderAllProgressBars(progress, useProgressDivider) {
-  if (!progress.length) {
-    return null;
-  }
-  return progress.map(function (item, index) {
-    return renderProgressBar(item, index, useProgressDivider);
-  });
-};
-var getIconAlignment = function getIconAlignment(icon) {
-  return icon.alignment || LEFT;
-};
-var getIconColorClassName = function getIconColorClassName(icon) {
-  return icon.color || 'text-color-gray';
-};
-var getLabelAlignment = function getLabelAlignment(label) {
-  return label.alignment || RIGHT;
-};
-var getLabelColorClassName = function getLabelColorClassName(label) {
-  return label.color || 'text-color-dark';
-};
-var getLabelAlignmentClassName = function getLabelAlignmentClassName(label) {
-  return label.alignment === TOP ? 'align-items-end' : 'align-items-center';
-};
-var getProgressBarHightClassName = function getProgressBarHightClassName(size) {
-  return size === SMALL && 'height-5' || size === LARGE && 'height-10';
-};
-var getIsIconLeftAndLabelRight = function getIsIconLeftAndLabelRight(icon, iconAlignment, label, labelAlignment) {
-  return icon.name && iconAlignment === LEFT && label.value && labelAlignment === RIGHT;
-};
-var getIsIconRightAndLabelLeft = function getIsIconRightAndLabelLeft(icon, iconAlignment, label, labelAlignment) {
-  return icon.name && iconAlignment === RIGHT && label.value && labelAlignment === LEFT;
-};
-var getIsIconAndLabelLeft = function getIsIconAndLabelLeft(icon, iconAlignment, label, labelAlignment) {
-  return icon.name && iconAlignment === LEFT && label.value && labelAlignment === LEFT;
-};
-var getIsIconAndLabelRight = function getIsIconAndLabelRight(icon, iconAlignment, label, labelAlignment) {
-  return icon.name && iconAlignment === RIGHT && label.value && labelAlignment === RIGHT;
-};
-var getIsIconOnly = function getIsIconOnly(label, icon) {
-  return !label.value && icon.name;
-};
-var getIsIconOnlyLeft = function getIsIconOnlyLeft(isIconOnly, iconAlignment) {
-  return isIconOnly && iconAlignment === LEFT;
-};
-var getIsIconOnlyRight = function getIsIconOnlyRight(isIconOnly, iconAlignment) {
-  return isIconOnly && iconAlignment === RIGHT;
-};
-var getIsLabelOnly = function getIsLabelOnly(label, icon) {
-  return label.value && !icon.name;
-};
-var getIsLabelOnlyLeft = function getIsLabelOnlyLeft(isLabelOnly, labelAlignment) {
-  return isLabelOnly && labelAlignment === LEFT;
-};
-var getIsLabelOnlyRight = function getIsLabelOnlyRight(isLabelOnly, labelAlignment) {
-  return isLabelOnly && labelAlignment === RIGHT;
-};
-var renderIcon = function renderIcon(icon, size) {
-  if (!icon.name) {
-    return null;
-  }
-  var iconColor = getIconColorClassName(icon);
-  var iconAlignment = getIconAlignment(icon);
-  var iconWrapperClasses = (0, _classnames["default"])(iconAlignment === LEFT && 'flex-order-1 margin-right-5', iconAlignment === RIGHT && 'flex-order-2 margin-left-5');
-  var iconClasses = (0, _classnames["default"])('rioglyph', icon.name && icon.name, iconColor, size === SMALL && 'text-size-h3', size === LARGE && 'text-size-h2', icon.className && icon.className);
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: iconWrapperClasses
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: iconClasses
-  }));
-};
-var renderLabel = function renderLabel(label, size, labelWrapperClasses) {
-  if (!label.value) {
-    return null;
-  }
-  var labelColor = getLabelColorClassName(label);
-  var labelAlignment = getLabelAlignment(label);
-  var labelClasses = (0, _classnames["default"])('display-flex', 'ellipsis-1', 'flex-1-0', 'justify-content-center', labelAlignment === TOP && 'width-0', labelColor, size === SMALL && 'text-size-16', size === LARGE && 'text-size-h3', label.weight !== LIGHT && 'text-bold', label.className && label.className);
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: labelWrapperClasses
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: labelClasses
-  }, label.value));
+const renderAllProgressBars = (progress, useProgressDivider) => {
+    if (!progress.length) {
+        return null;
+    }
+    return progress.map((item, index) => {
+        return renderProgressBar(item, index, useProgressDivider);
+    });
+};
+const getIconAlignment = icon => icon.alignment || LEFT;
+const getIconColorClassName = icon => icon.color || 'text-color-gray';
+const getLabelAlignment = label => label.alignment || RIGHT;
+const getLabelColorClassName = label => label.color || 'text-color-dark';
+const getLabelAlignmentClassName = label => (label.alignment === TOP ? 'align-items-end' : 'align-items-center');
+const getProgressBarHightClassName = size => (size === SMALL && 'height-5') || (size === LARGE && 'height-10');
+const getIsIconLeftAndLabelRight = (icon, iconAlignment, label, labelAlignment) => icon.name && iconAlignment === LEFT && label.value && labelAlignment === RIGHT;
+const getIsIconRightAndLabelLeft = (icon, iconAlignment, label, labelAlignment) => icon.name && iconAlignment === RIGHT && label.value && labelAlignment === LEFT;
+const getIsIconAndLabelLeft = (icon, iconAlignment, label, labelAlignment) => icon.name && iconAlignment === LEFT && label.value && labelAlignment === LEFT;
+const getIsIconAndLabelRight = (icon, iconAlignment, label, labelAlignment) => icon.name && iconAlignment === RIGHT && label.value && labelAlignment === RIGHT;
+const getIsIconOnly = (label, icon) => !label.value && icon.name;
+const getIsIconOnlyLeft = (isIconOnly, iconAlignment) => isIconOnly && iconAlignment === LEFT;
+const getIsIconOnlyRight = (isIconOnly, iconAlignment) => isIconOnly && iconAlignment === RIGHT;
+const getIsLabelOnly = (label, icon) => label.value && !icon.name;
+const getIsLabelOnlyLeft = (isLabelOnly, labelAlignment) => isLabelOnly && labelAlignment === LEFT;
+const getIsLabelOnlyRight = (isLabelOnly, labelAlignment) => isLabelOnly && labelAlignment === RIGHT;
+const renderIcon = (icon, size) => {
+    if (!icon.name) {
+        return null;
+    }
+    const iconColor = getIconColorClassName(icon);
+    const iconAlignment = getIconAlignment(icon);
+    const iconWrapperClasses = (0, classnames_1.default)(iconAlignment === LEFT && 'flex-order-1 margin-right-5', iconAlignment === RIGHT && 'flex-order-2 margin-left-5');
+    const iconClasses = (0, classnames_1.default)('rioglyph', icon.name && icon.name, iconColor, size === SMALL && 'text-size-h3', size === LARGE && 'text-size-h2', icon.className && icon.className);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: iconWrapperClasses }, { children: (0, jsx_runtime_1.jsx)("span", { className: iconClasses }) })));
+};
+const renderLabel = (label, size, labelWrapperClasses) => {
+    if (!label.value) {
+        return null;
+    }
+    const labelColor = getLabelColorClassName(label);
+    const labelAlignment = getLabelAlignment(label);
+    const labelClasses = (0, classnames_1.default)('display-flex', 'ellipsis-1', 'flex-1-0', 'justify-content-center', labelAlignment === TOP && 'width-0', labelColor, size === SMALL && 'text-size-16', size === LARGE && 'text-size-h3', label.weight !== LIGHT && 'text-bold', label.className && label.className);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: labelWrapperClasses }, { children: (0, jsx_runtime_1.jsx)("span", Object.assign({ className: labelClasses }, { children: label.value })) })));
 };
-
 // eslint-disable-next-line complexity
-var StatusBar = function StatusBar(props) {
-  var _props$progress = props.progress,
-    progress = _props$progress === void 0 ? [] : _props$progress,
-    icon = props.icon,
-    label = props.label,
-    size = props.size,
-    className = props.className,
-    useProgressDivider = props.useProgressDivider;
-
-  // Default values for icon and label alignment
-  var iconAlignment = getIconAlignment(icon);
-  var labelAlignment = getLabelAlignment(label);
-  var isIconLeftAndLabelRight = getIsIconLeftAndLabelRight(icon, iconAlignment, label, labelAlignment);
-  var isIconRightAndLabelLeft = getIsIconRightAndLabelLeft(icon, iconAlignment, label, labelAlignment);
-  var isIconAndLabelLeft = getIsIconAndLabelLeft(icon, iconAlignment, label, labelAlignment);
-  var isIconAndLabelRight = getIsIconAndLabelRight(icon, iconAlignment, label, labelAlignment);
-  var isIconOnly = getIsIconOnly(label, icon);
-  var isIconOnlyLeft = getIsIconOnlyLeft(isIconOnly, iconAlignment);
-  var isIconOnlyRight = getIsIconOnlyRight(isIconOnly, iconAlignment);
-  var isLabelOnly = getIsLabelOnly(label, icon);
-  var isLabelOnlyLeft = getIsLabelOnlyLeft(isLabelOnly, labelAlignment);
-  var isLabelOnlyRight = getIsLabelOnlyRight(isLabelOnly, labelAlignment);
-  var wrapperClasses = (0, _classnames["default"])('StatusBar', 'width-100pct', 'display-flex', getLabelAlignmentClassName(label), className);
-  var progressLabelWrapperClasses = (0, _classnames["default"])('display-flex', 'flex-1-0', labelAlignment === TOP && 'flex-order-1 flex-column margin-bottom-10', isIconAndLabelRight && 'flex-order-1 align-items-center', isIconAndLabelLeft && 'flex-order-2 align-items-center', isIconLeftAndLabelRight && 'flex-order-2 align-items-center', isIconRightAndLabelLeft && 'flex-order-1 align-items-center', isLabelOnlyLeft && 'align-items-center', isLabelOnlyRight && 'align-items-center', isIconOnlyLeft && 'flex-order-2 align-items-center', isIconOnlyRight && 'flex-order-1 align-items-center');
-  var labelWrapperClasses = (0, _classnames["default"])(labelAlignment === TOP && 'display-flex justify-content-center', isIconAndLabelLeft && 'flex-order-1 margin-right-10', isIconAndLabelRight && 'flex-order-2 margin-left-10', isIconLeftAndLabelRight && 'flex-order-2 margin-left-10', isIconRightAndLabelLeft && 'flex-order-1 margin-right-10', isLabelOnlyLeft && 'flex-order-1 margin-right-10', isLabelOnlyRight && 'flex-order-2 margin-left-10');
-  var progressOuterWrapperClasses = (0, _classnames["default"])('display-flex', 'flex-1-0', isIconAndLabelLeft && 'flex-order-2', isIconAndLabelRight && 'flex-order-1', isIconLeftAndLabelRight && 'flex-order-1', isIconRightAndLabelLeft && 'flex-order-2', isLabelOnlyLeft && 'flex-order-2', isLabelOnlyRight && 'flex-order-1');
-  var progressWrapperClasses = (0, _classnames["default"])('progress', 'margin-0', 'flex-1-0', getProgressBarHightClassName(size));
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: wrapperClasses
-  }, renderIcon(icon, size), /*#__PURE__*/_react["default"].createElement("div", {
-    className: progressLabelWrapperClasses
-  }, renderLabel(label, size, labelWrapperClasses), /*#__PURE__*/_react["default"].createElement("div", {
-    className: progressOuterWrapperClasses
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: progressWrapperClasses
-  }, renderAllProgressBars(progress, useProgressDivider)))));
+const StatusBar = props => {
+    const { progress = [], icon, label, size, className, useProgressDivider } = props;
+    // Default values for icon and label alignment
+    const iconAlignment = getIconAlignment(icon);
+    const labelAlignment = getLabelAlignment(label);
+    const isIconLeftAndLabelRight = getIsIconLeftAndLabelRight(icon, iconAlignment, label, labelAlignment);
+    const isIconRightAndLabelLeft = getIsIconRightAndLabelLeft(icon, iconAlignment, label, labelAlignment);
+    const isIconAndLabelLeft = getIsIconAndLabelLeft(icon, iconAlignment, label, labelAlignment);
+    const isIconAndLabelRight = getIsIconAndLabelRight(icon, iconAlignment, label, labelAlignment);
+    const isIconOnly = getIsIconOnly(label, icon);
+    const isIconOnlyLeft = getIsIconOnlyLeft(isIconOnly, iconAlignment);
+    const isIconOnlyRight = getIsIconOnlyRight(isIconOnly, iconAlignment);
+    const isLabelOnly = getIsLabelOnly(label, icon);
+    const isLabelOnlyLeft = getIsLabelOnlyLeft(isLabelOnly, labelAlignment);
+    const isLabelOnlyRight = getIsLabelOnlyRight(isLabelOnly, labelAlignment);
+    const wrapperClasses = (0, classnames_1.default)('StatusBar', 'width-100pct', 'display-flex', getLabelAlignmentClassName(label), className);
+    const progressLabelWrapperClasses = (0, classnames_1.default)('display-flex', 'flex-1-0', labelAlignment === TOP && 'flex-order-1 flex-column margin-bottom-10', isIconAndLabelRight && 'flex-order-1 align-items-center', isIconAndLabelLeft && 'flex-order-2 align-items-center', isIconLeftAndLabelRight && 'flex-order-2 align-items-center', isIconRightAndLabelLeft && 'flex-order-1 align-items-center', isLabelOnlyLeft && 'align-items-center', isLabelOnlyRight && 'align-items-center', isIconOnlyLeft && 'flex-order-2 align-items-center', isIconOnlyRight && 'flex-order-1 align-items-center');
+    const labelWrapperClasses = (0, classnames_1.default)(labelAlignment === TOP && 'display-flex justify-content-center', isIconAndLabelLeft && 'flex-order-1 margin-right-10', isIconAndLabelRight && 'flex-order-2 margin-left-10', isIconLeftAndLabelRight && 'flex-order-2 margin-left-10', isIconRightAndLabelLeft && 'flex-order-1 margin-right-10', isLabelOnlyLeft && 'flex-order-1 margin-right-10', isLabelOnlyRight && 'flex-order-2 margin-left-10');
+    const progressOuterWrapperClasses = (0, classnames_1.default)('display-flex', 'flex-1-0', isIconAndLabelLeft && 'flex-order-2', isIconAndLabelRight && 'flex-order-1', isIconLeftAndLabelRight && 'flex-order-1', isIconRightAndLabelLeft && 'flex-order-2', isLabelOnlyLeft && 'flex-order-2', isLabelOnlyRight && 'flex-order-1');
+    const progressWrapperClasses = (0, classnames_1.default)('progress', 'margin-0', 'flex-1-0', getProgressBarHightClassName(size));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: wrapperClasses }, { children: [renderIcon(icon, size), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: progressLabelWrapperClasses }, { children: [renderLabel(label, size, labelWrapperClasses), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: progressOuterWrapperClasses }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: progressWrapperClasses }, { children: renderAllProgressBars(progress, useProgressDivider) })) }))] }))] })));
 };
 StatusBar.defaultProps = {
-  size: SMALL,
-  useProgressDivider: true,
-  icon: {
-    name: '',
-    alignment: LEFT
-  },
-  label: {
-    value: '',
-    alignment: RIGHT,
-    weight: BOLD
-  },
-  progress: [],
-  className: ''
+    size: SMALL,
+    useProgressDivider: true,
+    icon: {
+        name: '',
+        alignment: LEFT,
+    },
+    label: {
+        value: '',
+        alignment: RIGHT,
+        weight: BOLD,
+    },
+    progress: [],
+    className: '',
 };
 StatusBar.propTypes = {
-  icon: _propTypes["default"].shape({
-    name: _propTypes["default"].string.isRequired,
-    alignment: _propTypes["default"].oneOf([LEFT, RIGHT]),
-    color: _propTypes["default"].string,
-    className: _propTypes["default"].string
-  }),
-  label: _propTypes["default"].shape({
-    value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]).isRequired,
-    alignment: _propTypes["default"].oneOf([LEFT, TOP, RIGHT]),
-    weight: _propTypes["default"].oneOf([LIGHT, BOLD]),
-    color: _propTypes["default"].string,
-    className: _propTypes["default"].string
-  }),
-  progress: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    percentage: _propTypes["default"].number.isRequired,
-    tooltip: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-    tooltipPosition: _propTypes["default"].oneOf([TOP, BOTTOM, LEFT, RIGHT]),
-    tooltipDelay: _propTypes["default"].number,
-    color: _propTypes["default"].string,
-    className: _propTypes["default"].string
-  })),
-  useProgressDivider: _propTypes["default"].bool,
-  size: _propTypes["default"].oneOf([SMALL, LARGE]),
-  className: _propTypes["default"].string
-};
-var _default = StatusBar;
-exports["default"] = _default;
+    icon: prop_types_1.default.shape({
+        name: prop_types_1.default.string.isRequired,
+        alignment: prop_types_1.default.oneOf([LEFT, RIGHT]),
+        color: prop_types_1.default.string,
+        className: prop_types_1.default.string,
+    }),
+    label: prop_types_1.default.shape({
+        value: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.node]).isRequired,
+        alignment: prop_types_1.default.oneOf([LEFT, TOP, RIGHT]),
+        weight: prop_types_1.default.oneOf([LIGHT, BOLD]),
+        color: prop_types_1.default.string,
+        className: prop_types_1.default.string,
+    }),
+    progress: prop_types_1.default.arrayOf(prop_types_1.default.shape({
+        percentage: prop_types_1.default.number.isRequired,
+        tooltip: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.node]),
+        tooltipPosition: prop_types_1.default.oneOf([TOP, BOTTOM, LEFT, RIGHT]),
+        tooltipDelay: prop_types_1.default.number,
+        color: prop_types_1.default.string,
+        className: prop_types_1.default.string,
+    })),
+    useProgressDivider: prop_types_1.default.bool,
+    size: prop_types_1.default.oneOf([SMALL, LARGE]),
+    className: prop_types_1.default.string,
+};
+exports.default = StatusBar;

package/lib/es/components/steppedProgressBar/SteppedProgressBar.d.ts

@@ -0,0 +1,35 @@
+export default SteppedProgressBar;
+declare function SteppedProgressBar(props: any): JSX.Element;
+declare namespace SteppedProgressBar {
+    const VARIANT_CIRCLE: string;
+    const VARIANT_RECTANGLE: string;
+    const VARIANT_ROADSIGN: string;
+    namespace defaultProps {
+        const selectedStepNumber: number;
+        const labels: never[];
+        function onSelectedChanged(): void;
+        const variant: string;
+        const mobileBreakpoint: boolean;
+    }
+    namespace propTypes {
+        export const disableFollowingPages: PropTypes.Requireable<number>;
+        const onSelectedChanged_1: PropTypes.Validator<(...args: any[]) => any>;
+        export { onSelectedChanged_1 as onSelectedChanged };
+        const labels_1: PropTypes.Validator<(PropTypes.InferProps<{
+            icon: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+            label: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+            labelClassName: PropTypes.Requireable<string>;
+            labelWrapperClassName: PropTypes.Requireable<string>;
+        }> | null | undefined)[]>;
+        export { labels_1 as labels };
+        export const itemClassName: PropTypes.Requireable<string>;
+        const selectedStepNumber_1: PropTypes.Validator<number>;
+        export { selectedStepNumber_1 as selectedStepNumber };
+        export const className: PropTypes.Requireable<string>;
+        const mobileBreakpoint_1: PropTypes.Requireable<boolean>;
+        export { mobileBreakpoint_1 as mobileBreakpoint };
+        const variant_1: PropTypes.Requireable<string>;
+        export { variant_1 as variant };
+    }
+}
+import PropTypes from "prop-types";

package/lib/es/components/steppedProgressBar/SteppedProgressBar.js

@@ -1,95 +1,68 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _reactBootstrap = require("react-bootstrap");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _logPropError = _interopRequireDefault(require("../../utils/logPropError"));
-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; }
-var errorProps = [{
-  prop: 'labelsClassName',
-  replacement: 'labels.labelClassName'
-}];
-var SteppedProgressBar = function SteppedProgressBar(props) {
-  var className = props.className,
-    variant = props.variant,
-    labels = props.labels,
-    mobileBreakpoint = props.mobileBreakpoint,
-    selectedStepNumber = props.selectedStepNumber,
-    disableFollowingPageIndex = props.disableFollowingPages,
-    onSelectedChanged = props.onSelectedChanged;
-  var _useState = (0, _react.useState)(disableFollowingPageIndex ? disableFollowingPageIndex : selectedStepNumber),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    disableFollowingPages = _useState2[0],
-    setDisableFollowingPages = _useState2[1];
-  (0, _logPropError["default"])(errorProps, props, 'SteppedProgressBar');
-  (0, _react.useEffect)(function () {
-    if (disableFollowingPageIndex !== undefined) {
-      if (disableFollowingPageIndex < selectedStepNumber) {
-        console.warn('Invalid component state detected in SteppedProgressBar: can not disable following ' + "pages ".concat(disableFollowingPageIndex, " when selectedStep is ").concat(selectedStepNumber, "!"));
-        return;
-      }
-      setDisableFollowingPages(disableFollowingPageIndex);
-    } else if (selectedStepNumber > disableFollowingPages) {
-      setDisableFollowingPages(selectedStepNumber);
-    }
-  }, [disableFollowingPageIndex, selectedStepNumber]);
-  var handleSelect = function handleSelect(selectedKey) {
-    return onSelectedChanged(Number(selectedKey));
-  };
-  var wrapperClasses = (0, _classnames["default"])('stepped-progress-bar', variant && "variant-".concat(variant), mobileBreakpoint && 'mobile-breakpoint', className && className);
-  return /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Nav, {
-    className: wrapperClasses,
-    activeKey: selectedStepNumber,
-    onSelect: handleSelect
-  }, labels.map(function (labelObject, index) {
-    return /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Nav.Link, {
-      eventKey: index,
-      disabled: index > disableFollowingPages,
-      as: "a",
-      key: index,
-      className: (0, _classnames["default"])('step-tab', labelObject.labelWrapperClassName)
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "step-tab-content"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "item-icon"
-    }, labelObject.icon), /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])('item-label', labelObject.labelClassName)
-    }, labelObject.label)));
-  }));
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
+const react_bootstrap_1 = require("react-bootstrap");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const logPropError_1 = tslib_1.__importDefault(require("../../utils/logPropError"));
+const errorProps = [
+    {
+        prop: 'labelsClassName',
+        replacement: 'labels.labelClassName',
+    },
+];
+const SteppedProgressBar = props => {
+    const { className, variant, labels, mobileBreakpoint, selectedStepNumber, disableFollowingPages: disableFollowingPageIndex, onSelectedChanged, } = props;
+    const [disableFollowingPages, setDisableFollowingPages] = (0, react_1.useState)(disableFollowingPageIndex ? disableFollowingPageIndex : selectedStepNumber);
+    (0, logPropError_1.default)(errorProps, props, 'SteppedProgressBar');
+    (0, react_1.useEffect)(() => {
+        if (disableFollowingPageIndex !== undefined) {
+            if (disableFollowingPageIndex < selectedStepNumber) {
+                console.warn('Invalid component state detected in SteppedProgressBar: can not disable following ' +
+                    `pages ${disableFollowingPageIndex} when selectedStep is ${selectedStepNumber}!`);
+                return;
+            }
+            setDisableFollowingPages(disableFollowingPageIndex);
+        }
+        else if (selectedStepNumber > disableFollowingPages) {
+            setDisableFollowingPages(selectedStepNumber);
+        }
+    }, [disableFollowingPageIndex, selectedStepNumber]);
+    const handleSelect = selectedKey => onSelectedChanged(Number(selectedKey));
+    const wrapperClasses = (0, classnames_1.default)('stepped-progress-bar', variant && `variant-${variant}`, mobileBreakpoint && 'mobile-breakpoint', className && className);
+    return ((0, jsx_runtime_1.jsx)(react_bootstrap_1.Nav, Object.assign({ className: wrapperClasses, activeKey: selectedStepNumber, onSelect: handleSelect }, { children: labels.map((labelObject, index) => {
+            return ((0, jsx_runtime_1.jsx)(react_bootstrap_1.Nav.Link, Object.assign({ eventKey: index, disabled: index > disableFollowingPages, as: 'a', className: (0, classnames_1.default)('step-tab', labelObject.labelWrapperClassName) }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'step-tab-content' }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'item-icon' }, { children: labelObject.icon })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)('item-label', labelObject.labelClassName) }, { children: labelObject.label }))] })) }), index));
+        }) })));
 };
 SteppedProgressBar.VARIANT_CIRCLE = 'circle';
 SteppedProgressBar.VARIANT_RECTANGLE = 'rectangle';
 SteppedProgressBar.VARIANT_ROADSIGN = 'roadsign';
 SteppedProgressBar.defaultProps = {
-  selectedStepNumber: 1,
-  labels: [],
-  onSelectedChanged: function onSelectedChanged() {},
-  variant: 'circle',
-  mobileBreakpoint: true
+    selectedStepNumber: 1,
+    labels: [],
+    onSelectedChanged: () => { },
+    variant: 'circle',
+    mobileBreakpoint: true,
 };
 SteppedProgressBar.propTypes = {
-  disableFollowingPages: _propTypes["default"].number,
-  onSelectedChanged: _propTypes["default"].func.isRequired,
-  labels: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    icon: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-    label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-    labelClassName: _propTypes["default"].string,
-    labelWrapperClassName: _propTypes["default"].string
-  })).isRequired,
-  itemClassName: _propTypes["default"].string,
-  selectedStepNumber: _propTypes["default"].number.isRequired,
-  className: _propTypes["default"].string,
-  mobileBreakpoint: _propTypes["default"].bool,
-  variant: _propTypes["default"].oneOf([SteppedProgressBar.VARIANT_CIRCLE, SteppedProgressBar.VARIANT_RECTANGLE, SteppedProgressBar.VARIANT_ROADSIGN])
+    disableFollowingPages: prop_types_1.default.number,
+    onSelectedChanged: prop_types_1.default.func.isRequired,
+    labels: prop_types_1.default.arrayOf(prop_types_1.default.shape({
+        icon: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.node]),
+        label: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.node]),
+        labelClassName: prop_types_1.default.string,
+        labelWrapperClassName: prop_types_1.default.string,
+    })).isRequired,
+    itemClassName: prop_types_1.default.string,
+    selectedStepNumber: prop_types_1.default.number.isRequired,
+    className: prop_types_1.default.string,
+    mobileBreakpoint: prop_types_1.default.bool,
+    variant: prop_types_1.default.oneOf([
+        SteppedProgressBar.VARIANT_CIRCLE,
+        SteppedProgressBar.VARIANT_RECTANGLE,
+        SteppedProgressBar.VARIANT_ROADSIGN,
+    ]),
 };
-var _default = SteppedProgressBar;
-exports["default"] = _default;
+exports.default = SteppedProgressBar;

package/lib/es/components/supportMarker/toggleSupportMarker.d.ts

@@ -0,0 +1,3 @@
+export const SUPPORT_MARKER_CLASS: "show-support-marker";
+export function toggleSupportMarker(): void;
+export function enableSupportMarker(enabled: any): void;