@widergy/energy-ui 3.17.0 → 3.18.0

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+# [3.18.0](https://github.com/widergy/energy-ui/compare/v3.17.1...v3.18.0) (2024-08-26)
+
+
+### Bug Fixes
+
+* import ([e97d3a2](https://github.com/widergy/energy-ui/commit/e97d3a205822fe9ee485efa6b5127e876c828d87))
+* some fixes ([2050111](https://github.com/widergy/energy-ui/commit/20501114dce2f5fbf9623a70a9c3fe216a045071))
+* some fixes ([ace0413](https://github.com/widergy/energy-ui/commit/ace04133a7a954d4676e046950b8d21655be5d23))
+* styles ([4de22c5](https://github.com/widergy/energy-ui/commit/4de22c5344ed1b5094039ade8463a70262c03cff))
+
+
+### Features
+
+* add uttracker ([d4ce615](https://github.com/widergy/energy-ui/commit/d4ce615cfd96eba2381c4da547a8c7040d7232a0))
+
+## [3.17.1](https://github.com/widergy/energy-ui/compare/v3.17.0...v3.17.1) (2024-08-21)
+
+
+### Bug Fixes
+
+* fix id crash ([#479](https://github.com/widergy/energy-ui/issues/479)) ([d360edd](https://github.com/widergy/energy-ui/commit/d360eddd9919a3349ea5728e348e91b8d1b77872))
+
 # [3.17.0](https://github.com/widergy/energy-ui/compare/v3.16.5...v3.17.0) (2024-08-21)
 
 

package/dist/components/UTTextInput/index.js

@@ -110,7 +110,7 @@ class UTTextInput extends _react.PureComponent {
     }) : adornment;
     const value = inputObjectKey ? input.value[inputObjectKey] : input.value;
     const errorMessage = (0, _form.shouldShowErrors)(meta) && meta.error || captionLabel || '';
-    const fieldId = field.id ? `${field?.id}` : undefined;
+    const fieldId = id || field?.id ? `${id || field.id}` : undefined;
     const TextInput = /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({
       id: fieldId,
       placeholder: placeholder,

package/dist/components/UTTracker/README.md

@@ -0,0 +1,24 @@
+# UTTracker
+
+### Description
+
+This component displays a vertical stepper intended to track progress
+
+## Props
+
+| Name        | Type              | Default  | Description                                                                                                                                                           |
+| ----------- | ----------------- | -------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| title       | string            |          | Displays the title above the tracker.                                                                                                                                 |
+| mode        | card \| flat      | card     | Defines whether the component should display as a card or as the bare components without any background.                                                              |
+| variant     | standard \| error | standard | Defines the color scheme of the tracker steps and the icon on the active step.                                                                                        |
+| steps       | stepsType         |          | Displays a step with a rounded icon on the left for each object received.                                                                                             |
+| currentStep | number            |          | Defines which step will be active, previous ones will be marked as completed while following ones will not. Use 1 for the first step                                  |
+| detailsTab  | detailsType       |          | Defines whether the detailsTab is enabled or not, if it is, it will show the subSteps of each step. The title property shows a message along the tab (card mode only) |
+
+### Custom Types
+
+| Type         | Shape                                                                          |
+| ------------ | ------------------------------------------------------------------------------ |
+| stepsType    | `{ id: number, title: string, subtitle: string, subSteps: [...subStepsType] }` |
+| subStepsType | `{ id: number, title: string, subtitle: string }`                              |
+| detailsType  | `{ enabled: bool, title: string }`                                             |

package/dist/components/UTTracker/components/Step/index.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
+var _propTypes2 = require("../../propTypes");
+var _UTIcon = _interopRequireDefault(require("../../../UTIcon"));
+var _constants = require("../../constants");
+var _classesUtils = require("../../../../utils/classesUtils");
+var _utils = require("../../utils");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ERROR_ICON_SIZE = 16;
+const Step = _ref => {
+  let {
+    first,
+    isActive,
+    isCompleted,
+    step,
+    classes = {},
+    variant
+  } = _ref;
+  const stepCompleted = isCompleted(step.id);
+  const stepActive = isActive(step.id);
+  const themedStyles = (0, _classesUtils.mergeClasses)({}, _stylesModule.default);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: `
+     ${themedStyles.outerContainer}
+      ${stepActive && themedStyles.activeOuterContainer}
+      ${first && _stylesModule.default.stepMargin}
+    `
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: themedStyles.containerStep
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: `
+        ${themedStyles.container}
+        ${classes.containerStep}
+        ${stepCompleted && classes.completedLight}
+        ${stepActive && classes.activeContainer}
+        ${stepActive && variant === _constants.ERROR && classes.fullContainer}
+      `
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: `
+          ${themedStyles.innerContainer}
+          ${classes.innerContainer}
+          ${stepCompleted && classes.completedInnerContainer}
+          ${stepActive && classes.activeInnerContainer}
+          ${stepCompleted && themedStyles.completedOuterContainer}
+        `
+  }, stepActive && variant === _constants.ERROR && /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
+    colorTheme: "light",
+    name: "IconX",
+    size: ERROR_ICON_SIZE,
+    className: themedStyles.icon
+  })))), /*#__PURE__*/_react.default.createElement("div", {
+    className: `${themedStyles.textContainer} ${stepCompleted && themedStyles.completedOuterContainer}`
+  }, step.title && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    className: `${stepCompleted ? themedStyles.completedTitleColor : stepActive ? themedStyles.activeTitleColor : themedStyles.titleColor}`,
+    colorTheme: stepActive ? (0, _utils.getLabelTheme)(variant) : 'dark',
+    variant: "small",
+    weight: "medium"
+  }, step.title), step.subtitle && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    className: `${themedStyles.subtitleColor} ${themedStyles.subtitle}`
+  }, step.subtitle), step.description && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    variant: "small",
+    colorTheme: "gray",
+    className: themedStyles.description
+  }, step.description)));
+};
+Step.propTypes = {
+  classes: _propTypes.object,
+  first: _propTypes.bool,
+  isActive: _propTypes.func,
+  isCompleted: _propTypes.func,
+  step: _propTypes2.StepPropTypes,
+  variant: _propTypes2.VariantPropTypes
+};
+var _default = exports.default = Step;

package/dist/components/UTTracker/components/Step/styles.module.scss

@@ -0,0 +1,58 @@
+$oval-size: 20px;
+
+.completedOuterContainer {
+  opacity: 0.5;
+}
+
+.container {
+  align-items: center;
+  border-radius: $oval-size;
+  border-style: solid;
+  border-width: calc(#{$oval-size} / 10);
+  display: flex;
+  height: $oval-size;
+  justify-content: center;
+  width: $oval-size;
+}
+
+.description {
+  margin-top: 4px;
+}
+
+.icon {
+  align-self: center;
+  margin-left: -2.5px;
+  margin-top: -3px;
+  position: absolute;
+}
+
+.innerContainer {
+  align-items: center;
+  border-radius: ($oval-size / 2);
+  height: ($oval-size / 2);
+  width: ($oval-size / 2);
+}
+
+.outerContainer {
+  align-items: center;
+  display: flex;
+  grid-gap: 8px;
+  margin: 16px 16px 0 16px;
+  position: relative;
+}
+
+.stepMargin {
+  margin-top: 24px;
+}
+
+.subtitle {
+  margin-top: 4px;
+}
+
+.textContainer {
+  width: 60%;
+}
+
+.containerStep {
+  padding: 6px;
+}

package/dist/components/UTTracker/components/SubStep/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var _merge = _interopRequireDefault(require("lodash/merge"));
+var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SubStep = _ref => {
+  let {
+    style,
+    subtitle,
+    title
+  } = _ref;
+  const themedStyles = (0, _merge.default)({}, _stylesModule.default, style);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: themedStyles.container
+  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    colorTheme: "gray",
+    className: themedStyles.titleColor,
+    variant: "small"
+  }, title), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    colorTheme: "gray",
+    className: themedStyles.subtitleColor,
+    variant: "small",
+    shade: "01"
+  }, subtitle));
+};
+SubStep.propTypes = {
+  style: _propTypes.string,
+  subtitle: _propTypes.string,
+  title: _propTypes.string
+};
+var _default = exports.default = SubStep;

package/dist/components/UTTracker/components/SubStep/styles.module.scss

@@ -0,0 +1,4 @@
+.container {
+  margin-left: 60px;
+  margin-top: 4px;
+}

package/dist/components/UTTracker/constants.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ownModeStyles = exports.VARIANTS = exports.STANDARD = exports.OVAL_SIZE = exports.FLAT = exports.ERROR = exports.DETAILS_ICON_FLAT_SIZE = exports.DETAILS_ICON_CARD_SIZE = exports.DEFAULT_PROPS = exports.CARD = void 0;
+const CARD = exports.CARD = 'card';
+const FLAT = exports.FLAT = 'flat';
+const STANDARD = exports.STANDARD = 'standard';
+const ERROR = exports.ERROR = 'error';
+const OVAL_SIZE = exports.OVAL_SIZE = 20;
+const DETAILS_ICON_CARD_SIZE = exports.DETAILS_ICON_CARD_SIZE = 20;
+const DETAILS_ICON_FLAT_SIZE = exports.DETAILS_ICON_FLAT_SIZE = 24;
+const ownModeStyles = exports.ownModeStyles = {
+  [CARD]: {
+    container: {
+      backgroundColor: 'white',
+      elevation: 2,
+      shadowColor: 'black',
+      shadowOffset: {
+        height: 3,
+        width: 0
+      },
+      shadowOpacity: 0.1
+    }
+  },
+  [FLAT]: {
+    container: {
+      backgroundColor: 'transparent'
+    }
+  }
+};
+const VARIANTS = exports.VARIANTS = {
+  error: 'error',
+  standar: 'standar'
+};
+const DEFAULT_PROPS = exports.DEFAULT_PROPS = {
+  variant: 'standar'
+};

package/dist/components/UTTracker/index.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+var _UTButton = _interopRequireDefault(require("../UTButton"));
+var _UTLabel = _interopRequireDefault(require("../UTLabel"));
+var _classesUtils = require("../../utils/classesUtils");
+var _WithTheme = _interopRequireDefault(require("../WithTheme"));
+var _theme = require("./theme");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+var _Step = _interopRequireDefault(require("./components/Step"));
+var _SubStep = _interopRequireDefault(require("./components/SubStep"));
+var _propTypes2 = require("./propTypes");
+var _constants = require("./constants");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const UTTracker = _ref => {
+  let {
+    classes: themeClasses = {},
+    classNames,
+    currentStep,
+    detailsTab,
+    mode = _constants.CARD,
+    steps,
+    title,
+    variant = _constants.STANDARD
+  } = _ref;
+  const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
+  const [isCollapsed, setIsCollapsed] = (0, _react.useState)(false);
+  const [height, setHeight] = (0, _react.useState)(0);
+  const isCompleted = stepNumber => stepNumber < currentStep;
+  const isActive = stepNumber => stepNumber === currentStep;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: `${classes.outerContainer}`
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: `${classes.container} ${mode !== _constants.FLAT ? _stylesModule.default.container : _stylesModule.default.containerFlat} ${!detailsTab && _stylesModule.default.roundedBorders}`
+  }, title && (mode === _constants.FLAT ? /*#__PURE__*/_react.default.createElement(_UTButton.default, {
+    onClick: () => setIsCollapsed(!isCollapsed),
+    classNames: {
+      childrenContainer: _stylesModule.default.button,
+      root: _stylesModule.default.titleTouchable,
+      text: _stylesModule.default.text
+    },
+    variant: "text",
+    Icon: detailsTab?.enabled && mode === _constants.FLAT ? isCollapsed ? 'IconChevronUp' : 'IconChevronDown' : null,
+    iconPlacement: "right"
+  }, title) : /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    weight: "medium",
+    variant: "subtitle1"
+  }, title)), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      height
+    },
+    className: `${title ? _stylesModule.default.connectorTitle : _stylesModule.default.connector} ${isCollapsed ? _stylesModule.default.connectorCollapsed : _stylesModule.default.connector}`
+  }), steps && /*#__PURE__*/_react.default.createElement("div", {
+    ref: el => {
+      if (!el) return;
+      setHeight(el.getBoundingClientRect().height - 45);
+    }
+  }, steps?.map((step, index) => /*#__PURE__*/_react.default.createElement("div", {
+    key: step.id
+  }, /*#__PURE__*/_react.default.createElement(_Step.default, {
+    first: index === 0,
+    index,
+    isActive,
+    isCompleted,
+    step,
+    variant,
+    classes: classes
+  }), isCollapsed && /*#__PURE__*/_react.default.createElement("div", null, !(0, _isEmpty.default)(step.subSteps) && step.subSteps?.map(subStep => /*#__PURE__*/_react.default.createElement(_SubStep.default, _extends({
+    key: subStep.id
+  }, subStep, {
+    className: classes.subStep
+  }))))))))), detailsTab?.enabled && mode === _constants.CARD && /*#__PURE__*/_react.default.createElement("div", {
+    className: `${_stylesModule.default.detailButtonContainer} ${classes.detailButtonContainer}`
+  }, /*#__PURE__*/_react.default.createElement(_UTButton.default, {
+    classNames: {
+      childrenContainer: _stylesModule.default.button,
+      icon: _stylesModule.default.detailIcon,
+      text: _stylesModule.default.text
+    },
+    Icon: isCollapsed ? 'IconChevronUp' : 'IconChevronDown',
+    iconPlacement: "right",
+    onClick: () => setIsCollapsed(!isCollapsed),
+    variant: "text"
+  }, detailsTab.title)));
+};
+UTTracker.propTypes = {
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  classNames: (0, _propTypes.objectOf)(_propTypes.string),
+  currentStep: _propTypes.number,
+  detailsTab: _propTypes2.DetailsTabPropTypes,
+  mode: _propTypes2.ModePropTypes,
+  steps: _propTypes2.StepsPropTypes,
+  title: _propTypes.string,
+  variant: _propTypes2.VariantPropTypes
+};
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTTracker);

package/dist/components/UTTracker/propTypes.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VariantPropTypes = exports.SubStepPropTypes = exports.StepsPropTypes = exports.StepPropTypes = exports.ModePropTypes = exports.DetailsTabPropTypes = void 0;
+var _propTypes = require("prop-types");
+var _constants = require("./constants");
+const SubStepPropTypes = exports.SubStepPropTypes = (0, _propTypes.shape)({
+  id: _propTypes.number,
+  subtitle: _propTypes.string,
+  title: _propTypes.string
+});
+const StepPropTypes = exports.StepPropTypes = (0, _propTypes.shape)({
+  id: _propTypes.number,
+  subSteps: (0, _propTypes.arrayOf)(SubStepPropTypes),
+  subtitle: _propTypes.string,
+  title: _propTypes.string
+});
+const StepsPropTypes = exports.StepsPropTypes = (0, _propTypes.arrayOf)(StepPropTypes);
+const DetailsTabPropTypes = exports.DetailsTabPropTypes = (0, _propTypes.shape)({
+  enabled: _propTypes.bool,
+  title: _propTypes.string
+});
+const ModePropTypes = exports.ModePropTypes = (0, _propTypes.oneOf)([_constants.CARD, _constants.FLAT]);
+const VariantPropTypes = exports.VariantPropTypes = (0, _propTypes.oneOf)([_constants.STANDARD, _constants.ERROR]);

package/dist/components/UTTracker/styles.module.scss

@@ -0,0 +1,73 @@
+@import '../../scss/variables/colors.module.scss';
+
+.container {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
+  display: flex;
+  flex-direction: column;
+  padding: 16px;
+}
+
+.containerFlat {
+  background-color: transparent;
+}
+
+.detailButtonContainer {
+  align-self: baseline;
+  border-radius: 0 0 6px 6px;
+  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+}
+
+.roundedBorders {
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+}
+
+.titleContainer {
+  justify-content: space-between;
+  display: flex;
+}
+
+.titleTouchable {
+  align-self: baseline;
+}
+
+.connector {
+  border-left: 2px dashed gray;
+  flex-grow: 1;
+  margin-bottom: 5px;
+  margin-left: 32.5px;
+  position: absolute;
+}
+
+.connectorTitle {
+  margin-top: 32px !important;
+}
+
+.connectorCollapsed {
+  border-left: 2px dashed gray;
+  flex-grow: 1;
+  margin-bottom: 5px;
+  margin-left: 32.5px;
+  position: absolute;
+}
+
+.button {
+  grid-gap: 8px;
+  width: 100%;
+}
+
+.detailIcon {
+  height: 20px;
+  width: 20px;
+}
+
+.text {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+}

package/dist/components/UTTracker/theme.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.retrieveStyle = void 0;
+var _constants = require("./constants");
+var _utils = require("./utils");
+const getBorderColor = _ref => {
+  let {
+    theme,
+    variant
+  } = _ref;
+  return variant === _constants.VARIANTS.error ? `${theme.Palette.error['04']} !important` : `${theme.Palette.accent['04']} !important`;
+};
+const getBorderLightColor = _ref2 => {
+  let {
+    theme,
+    variant
+  } = _ref2;
+  return variant === _constants.VARIANTS.error ? `rgba(${theme.Palette.error['04'].match(/\w\w/g).map(x => parseInt(x, 16)).join(', ')}, 0.5) !important` : `rgba(${theme.Palette.accent['04'].match(/\w\w/g).map(x => parseInt(x, 16)).join(', ')}, 0.5) !important`;
+};
+const retrieveStyle = _ref3 => {
+  let {
+    theme,
+    variant
+  } = _ref3;
+  const variantTheme = (0, _utils.getVariant)(variant);
+  return {
+    activeContainer: {
+      borderColor: getBorderColor({
+        theme,
+        variant: variantTheme
+      })
+    },
+    activeInnerContainer: {
+      backgroundColor: getBorderColor({
+        theme,
+        variant: variantTheme
+      })
+    },
+    completedContainer: {
+      borderColor: getBorderColor({
+        theme,
+        variant: variantTheme
+      })
+    },
+    completedInnerContainer: {
+      backgroundColor: getBorderColor({
+        theme,
+        variant: variantTheme
+      })
+    },
+    fullContainer: {
+      backgroundColor: getBorderColor({
+        theme,
+        variant: variantTheme
+      })
+    },
+    container: {
+      backgroundColor: theme.Palette.light['01']
+    },
+    detailButtonContainer: {
+      backgroundColor: theme.Palette.light['01'],
+      borderTop: `1px solid ${theme.Palette.light['04']}`
+    },
+    containerStep: {
+      backgroundColor: theme.Palette.light['01'],
+      borderColor: theme.Palette.gray['04']
+    },
+    innerContainer: {
+      backgroundColor: theme.Palette.light['01']
+    },
+    completedLight: {
+      borderColor: getBorderLightColor({
+        theme,
+        variant: variantTheme
+      })
+    }
+  };
+};
+exports.retrieveStyle = retrieveStyle;

package/dist/components/UTTracker/utils.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getVariant = exports.getLabelTheme = exports.getContainerStyle = void 0;
+var _constants = require("./constants");
+const getVariant = variant => _constants.VARIANTS[variant] || _constants.VARIANTS[_constants.DEFAULT_PROPS.variant];
+exports.getVariant = getVariant;
+const getLabelTheme = variant => ({
+  [_constants.VARIANTS.error]: 'error',
+  [_constants.VARIANTS.standar]: 'accent'
+})[getVariant(variant)];
+exports.getLabelTheme = getLabelTheme;
+const getContainerStyle = mode => mode === _constants.FLAT ? 'transparent' : 'white';
+exports.getContainerStyle = getContainerStyle;

package/dist/index.js

@@ -363,6 +363,12 @@ Object.defineProperty(exports, "UTTouchableWithoutFeedback", {
     return _UTTouchableWithoutFeedback.default;
   }
 });
+Object.defineProperty(exports, "UTTracker", {
+  enumerable: true,
+  get: function () {
+    return _UTTracker.default;
+  }
+});
 Object.defineProperty(exports, "UTVirtualizedList", {
   enumerable: true,
   get: function () {
@@ -429,6 +435,7 @@ var _UTLoading = _interopRequireDefault(require("./components/UTLoading"));
 var _UTMap = _interopRequireDefault(require("./components/UTMap"));
 var _UTMenu = _interopRequireDefault(require("./components/UTMenu"));
 var _UTModal = _interopRequireDefault(require("./components/UTModal"));
+var _UTOnboarding = _interopRequireDefault(require("./components/UTOnboarding"));
 var _UTPagination = _interopRequireDefault(require("./components/UTPagination"));
 var _UTPanel = _interopRequireDefault(require("./components/UTPanel"));
 var _UTPasswordField = _interopRequireDefault(require("./components/UTPasswordField"));
@@ -453,9 +460,9 @@ var _UTToggle = _interopRequireDefault(require("./components/UTToggle"));
 var _UTTooltip = _interopRequireDefault(require("./components/UTTooltip"));
 var _UTTopbar = _interopRequireDefault(require("./components/UTTopbar"));
 var _UTTouchableWithoutFeedback = _interopRequireDefault(require("./components/UTTouchableWithoutFeedback"));
+var _UTTracker = _interopRequireDefault(require("./components/UTTracker"));
 var _UTVirtualizedList = _interopRequireDefault(require("./components/UTVirtualizedList"));
 var _UTWorkflowContainer = _interopRequireDefault(require("./components/UTWorkflowContainer"));
 var _WithLoading = _interopRequireDefault(require("./components/WithLoading"));
 var _WithTouch = _interopRequireDefault(require("./components/WithTouch"));
-var _UTOnboarding = _interopRequireDefault(require("./components/UTOnboarding"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/energy-ui",
-  "version": "3.17.0",
+  "version": "3.18.0",
   "description": "Widergy Web Components",
   "author": "widergy",
   "license": "MIT",