@widergy/energy-ui 3.158.0 → 3.159.0

package/dist/{components → deprecated}/UTAttachment/index.js

@@ -10,7 +10,7 @@ var _validate = require("@widergy/web-utils/lib/validate");
 var _image = require("@widergy/web-utils/lib/image");
 var _browser = require("@widergy/web-utils/lib/browser");
 var _array = require("@widergy/web-utils/lib/array");
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
+var _WithTheme = _interopRequireDefault(require("../../components/WithTheme"));
 var _buttonTypes = require("../../types/buttonTypes");
 var _theme = require("./theme");
 var _constants = require("./constants");

package/dist/{components → deprecated}/UTAttachment/layout.js

@@ -4,20 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _propTypes = require("prop-types");
 var _DeleteForever = _interopRequireDefault(require("@material-ui/icons/DeleteForever"));
 var _files = require("@widergy/web-utils/lib/constants/files");
-var _UTFileInput = _interopRequireDefault(require("../UTFileInput"));
-var _UTLabel = _interopRequireDefault(require("../UTLabel"));
-var _UTButton = _interopRequireDefault(require("../UTButton"));
-var _UTFieldLabel = _interopRequireDefault(require("../UTFieldLabel"));
+var _UTFileInput = _interopRequireDefault(require("../../components/UTFileInput"));
+var _UTLabel = _interopRequireDefault(require("../../components/UTLabel"));
+var _UTButton = _interopRequireDefault(require("../../components/UTButton"));
+var _UTFieldLabel = _interopRequireDefault(require("../../components/UTFieldLabel"));
 var _buttonTypes = require("../../types/buttonTypes");
 var _Preview = _interopRequireDefault(require("./components/Preview"));
 var _constants = require("./constants");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const Attachment = _ref => {
   var _field$configuration;
   let {
@@ -52,7 +51,7 @@ const Attachment = _ref => {
   const shouldShowUpperTitle = ((field === null || field === void 0 || (_field$configuration = field.configuration) === null || _field$configuration === void 0 ? void 0 : _field$configuration.ignore_title) || hideLabels) && (field === null || field === void 0 ? void 0 : field.title);
   const fieldType = acceptedFileTypes || fieldTypes.map(type => _files.inputFiles[type].inputType).join();
   const Icon = RemoveIcon || _DeleteForever.default;
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, shouldShowUpperTitle && /*#__PURE__*/_react.default.createElement(_UTFieldLabel.default, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, shouldShowUpperTitle && /*#__PURE__*/_react.default.createElement(_UTFieldLabel.default, {
     actions: actions,
     className: _stylesModule.default.title,
     readOnly: field.read_only,

package/dist/{components → deprecated}/UTAutocomplete/index.js

@@ -13,8 +13,8 @@ var _KeyboardArrowDown = _interopRequireDefault(require("@material-ui/icons/Keyb
 var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
 var _form = require("@widergy/web-utils/lib/form");
 var _formTypes = require("../../types/formTypes");
-var _UTLabel = _interopRequireDefault(require("../UTLabel"));
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
+var _UTLabel = _interopRequireDefault(require("../../components/UTLabel"));
+var _WithTheme = _interopRequireDefault(require("../../components/WithTheme"));
 var _theme = require("./theme");
 var _ListBox = _interopRequireDefault(require("./components/ListBox"));
 var _constants = require("./constants");

package/dist/{components → deprecated}/UTBarChart/components/Bars/components/Bar/components/Rect/index.js

@@ -31,7 +31,7 @@ const Rect = _ref => {
   (0, _react.useEffect)(() => {
     d3.select("#bar-".concat(id)).attr('height', 0).attr('y', positiveY).transition().duration(transitionDuration).attr('height', positiveHeight).attr('y', positiveY - positiveHeight);
   }, [positiveHeight, positiveY]);
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, gradient && /*#__PURE__*/_react.default.createElement("defs", null, gradient), /*#__PURE__*/_react.default.createElement("clipPath", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, gradient && /*#__PURE__*/_react.default.createElement("defs", null, gradient), /*#__PURE__*/_react.default.createElement("clipPath", {
     id: "clip-bar-".concat(id)
   }, /*#__PURE__*/_react.default.createElement("path", {
     d: "M".concat(x, ",").concat(y, " v").concat(verticalStroke, " q", 0, ",").concat(-borderRadius, " ").concat(borderRadius, ",").concat(-borderRadius, " h").concat(horizontalStroke, " q").concat(borderRadius, ",", 0, " ").concat(borderRadius, ",").concat(borderRadius, " v").concat(-verticalStroke, " z")

package/dist/{components → deprecated}/UTBarChart/components/Bars/components/Bar/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = require("prop-types");
-var _UTTooltip = _interopRequireDefault(require("../../../../../UTTooltip"));
+var _UTTooltip = _interopRequireDefault(require("../../../../../../components/UTTooltip"));
 var _types = require("../../../../types");
 var _testIds = require("../../../../../../constants/testIds");
 var _Rect = _interopRequireDefault(require("./components/Rect"));

package/dist/{components → deprecated}/UTBarChart/components/Legend/index.js

@@ -97,7 +97,7 @@ const Legend = _ref => {
     style: style
   }, title && /*#__PURE__*/_react.default.createElement(_.UTLabel, {
     className: "".concat(_stylesModule.default.title, " ").concat(classes.title)
-  }, title), displayAs === _constants.MODAL_KEY ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_.UTButton, _extends({
+  }, title), displayAs === _constants.MODAL_KEY ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.UTButton, _extends({
     classNames: {
       icon: classes.showLegendIcon,
       root: "".concat(_stylesModule.default.button, " ").concat(classes.showLegendButton),

package/dist/{components → deprecated}/UTBarChart/components/LinearPlot/utils.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getMarkers = exports.getLineConfiguration = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _UTTooltip = _interopRequireDefault(require("../../../UTTooltip"));
+var _UTTooltip = _interopRequireDefault(require("../../../../components/UTTooltip"));
 var _constants = require("./constants");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/{components → deprecated}/UTBarChart/components/Pagination/index.js

@@ -9,7 +9,7 @@ var _ChevronLeft = _interopRequireDefault(require("@material-ui/icons/ChevronLef
 var _ChevronRight = _interopRequireDefault(require("@material-ui/icons/ChevronRight"));
 var _propTypes = require("prop-types");
 var _commonTypes = require("../../../../types/commonTypes");
-var _UTButton = _interopRequireDefault(require("../../../UTButton"));
+var _UTButton = _interopRequireDefault(require("../../../../components/UTButton"));
 var _constants = require("./constants");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/{components → deprecated}/UTBarChart/components/XAxis/components/Decoration/index.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _propTypes = require("prop-types");
 var _commonTypes = require("../../../../../../types/commonTypes");
 var _constants = require("./constants");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 Decoration = _ref => {
   let {
@@ -27,7 +27,7 @@ const Decoration = _ref => {
     withLine
   } = decoration;
   const xCoordinate = x + (position === 'center' ? barWidth / 2 : 0);
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("text", _extends({
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("text", _extends({
     className: classes.decoration,
     textAnchor: textAnchor,
     x: xCoordinate,

package/dist/{components → deprecated}/UTBarChart/index.js

@@ -12,7 +12,7 @@ var _propTypes = require("prop-types");
 var _energyHooks = require("@widergy/energy-hooks");
 var _classesUtils = require("../../utils/classesUtils");
 var _commonTypes = require("../../types/commonTypes");
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
+var _WithTheme = _interopRequireDefault(require("../../components/WithTheme"));
 var _theme = require("./theme");
 var _utils = require("./utils");
 var _useDynamicMargins = _interopRequireDefault(require("./hooks/use-dynamic-margins"));

package/dist/{components → deprecated}/UTCard/components/UTCardFooter/index.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = require("prop-types");
 var _types = require("../../types");
-var _UTButton = _interopRequireDefault(require("../../../UTButton"));
+var _UTButton = _interopRequireDefault(require("../../../../components/UTButton"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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); }

package/dist/{components → deprecated}/UTCard/index.js

@@ -8,9 +8,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = require("prop-types");
 var _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"));
 var _ExpandLess = _interopRequireDefault(require("@material-ui/icons/ExpandLess"));
-var _UTButton = _interopRequireDefault(require("../UTButton"));
-var _UTTouchableWithoutFeedback = _interopRequireDefault(require("../UTTouchableWithoutFeedback"));
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
+var _UTButton = _interopRequireDefault(require("../../components/UTButton"));
+var _UTTouchableWithoutFeedback = _interopRequireDefault(require("../../components/UTTouchableWithoutFeedback"));
+var _WithTheme = _interopRequireDefault(require("../../components/WithTheme"));
 var _classesUtils = require("../../utils/classesUtils");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 var _UTCardFooter = _interopRequireDefault(require("./components/UTCardFooter"));

package/dist/{components → deprecated}/UTDialog/index.js

@@ -12,9 +12,9 @@ var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogCon
 var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
 var _CloseRounded = _interopRequireDefault(require("@material-ui/icons/CloseRounded"));
 var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _UTLabel = _interopRequireDefault(require("../UTLabel"));
-var _UTButton = _interopRequireDefault(require("../UTButton"));
+var _WithTheme = _interopRequireDefault(require("../../components/WithTheme"));
+var _UTLabel = _interopRequireDefault(require("../../components/UTLabel"));
+var _UTButton = _interopRequireDefault(require("../../components/UTButton"));
 var _testIds = require("../../constants/testIds");
 var _types = require("./types");
 var _theme = require("./theme");

package/dist/{components → deprecated}/UTIconButton/index.js

@@ -9,8 +9,8 @@ var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton")
 var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
 var _propTypes = require("prop-types");
 var _style = require("@widergy/web-utils/lib/style");
-var _UTTouchableWithoutFeedback = _interopRequireDefault(require("../UTTouchableWithoutFeedback"));
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
+var _UTTouchableWithoutFeedback = _interopRequireDefault(require("../../components/UTTouchableWithoutFeedback"));
+var _WithTheme = _interopRequireDefault(require("../../components/WithTheme"));
 var _theme = require("./theme");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/{components → deprecated}/UTList/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = require("prop-types");
-var _WithTouch = _interopRequireDefault(require("../WithTouch"));
+var _WithTouch = _interopRequireDefault(require("../../components/WithTouch"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const renderItem = Component => (item, i) => /*#__PURE__*/_react.default.createElement(Component, {

package/dist/{components → deprecated}/UTPieChart/components/Legend/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = require("prop-types");
-var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
+var _UTLabel = _interopRequireDefault(require("../../../../components/UTLabel"));
 var _commonTypes = require("../../../../types/commonTypes");
 var _contants = require("./contants");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));

package/dist/{components → deprecated}/UTPieChart/index.js

@@ -9,7 +9,7 @@ var d3 = _interopRequireWildcard(require("d3"));
 var _propTypes = require("prop-types");
 var _energyHooks = require("@widergy/energy-hooks");
 var _commonTypes = require("../../types/commonTypes");
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
+var _WithTheme = _interopRequireDefault(require("../../components/WithTheme"));
 var _theme = require("./theme");
 var _Legend = _interopRequireDefault(require("./components/Legend"));
 var _ArrowLabel = _interopRequireDefault(require("./components/ArrowLabel"));

package/dist/{components → deprecated}/UTToggle/components/ToggleOption/index.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = require("prop-types");
-var _UTTouchableWithoutFeedback = _interopRequireDefault(require("../../../UTTouchableWithoutFeedback"));
-var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
+var _UTTouchableWithoutFeedback = _interopRequireDefault(require("../../../../components/UTTouchableWithoutFeedback"));
+var _UTLabel = _interopRequireDefault(require("../../../../components/UTLabel"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ToggleOption = _ref => {
   let {

package/dist/{components → deprecated}/UTToggle/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = require("prop-types");
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
+var _WithTheme = _interopRequireDefault(require("../../components/WithTheme"));
 var _ToggleOption = _interopRequireDefault(require("./components/ToggleOption"));
 var _theme = require("./theme");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/esm/components/EnergyThemeProvider/index.js

@@ -0,0 +1,18 @@
+import React, { PureComponent } from 'react';
+import { object } from 'prop-types';
+import { EnergyThemeProvider } from '../../theme';
+class ThemeProvider extends PureComponent {
+  render() {
+    const {
+      children,
+      theme
+    } = this.props;
+    return /*#__PURE__*/React.createElement(EnergyThemeProvider, {
+      value: theme
+    }, children);
+  }
+}
+ThemeProvider.propTypes = {
+  theme: object
+};
+export default ThemeProvider;

package/dist/esm/components/Loading/constants.js

@@ -0,0 +1 @@
+export const DEFAULT_LOADING_TEXT = 'Cargando';

package/dist/esm/components/Loading/index.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { string, number, object, objectOf } from 'prop-types';
+import CircularProgress from '@material-ui/core/CircularProgress';
+import { getIn } from 'seamless-immutable';
+import UTLabel from '../UTLabel';
+import WithTheme from '../WithTheme';
+import { retrieveStyle } from './theme';
+import styles from './styles.module.scss';
+import { DEFAULT_LOADING_TEXT } from './constants';
+const Loading = _ref => {
+  let {
+    classes,
+    className,
+    size,
+    text = DEFAULT_LOADING_TEXT,
+    textClassName,
+    theme,
+    thickness
+  } = _ref;
+  const defaultSize = getIn(theme, ['Loading', 'base', 'size'], 85);
+  const defaultThickness = getIn(theme, ['Loading', 'base', 'thickness'], 1.5);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(styles.container, " ").concat(className)
+  }, /*#__PURE__*/React.createElement(CircularProgress, {
+    className: classes.base,
+    size: size || defaultSize,
+    thickness: thickness || defaultThickness
+  }), /*#__PURE__*/React.createElement(UTLabel, {
+    className: "".concat(styles.text, " ").concat(classes.text, " ").concat(textClassName)
+  }, text));
+};
+Loading.propTypes = {
+  classes: objectOf(string),
+  className: string,
+  size: number,
+  text: string,
+  textClassName: string,
+  theme: object,
+  thickness: number
+};
+export default WithTheme(retrieveStyle)(Loading);

package/dist/esm/components/Loading/styles.module.scss

@@ -0,0 +1,12 @@
+.container {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  justify-content: center;
+  width: 100%;
+}
+
+.text {
+  margin-top: 15px !important;
+}

package/dist/esm/components/Loading/theme.js

@@ -0,0 +1,16 @@
+import { getIn } from 'seamless-immutable';
+import Colors from '../../scss/variables/colors.module.scss';
+export const retrieveStyle = _ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    base: {
+      color: getIn(theme, ['Loading', 'base', 'color'], Colors.loadingBase)
+    },
+    text: {
+      color: getIn(theme, ['Loading', 'text', 'color'], Colors.black),
+      fontSize: getIn(theme, ['Loading', 'text', 'fontSize'], getIn(theme, ['Fonts', 'medium']))
+    }
+  };
+};

package/dist/esm/components/UTActionCard/README.md

@@ -0,0 +1,26 @@
+# UTButton
+
+## Props
+
+
+| Name                   | Type                                                                                                                                                                                                     | Default    | Description                                                            |
+| :----------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------ | ------------------------------------------------------------------------ |
+| `additionalMessage`    | `shape({ Icon: elementType, iconProps: shape({ colorTheme: string, size: string }), labelProps: shape({ colorTheme: string, variant: string }), message: string })`                                      |            | Additional message information, including icons and labels.            |
+| `adornment`            | `shape({ alignment: oneOf(['center', 'end', 'start']), position: string, props: object, type: string })`                                                                                                 |            | Adornment object to customize alignment, position, and type.           |
+| `BackgroundImage`      | `elementType`                                                                                                                                                                                            |            | A React component for the background image.                            |
+| `bottomActions`        | `arrayOf(shape({ colorTheme: string, disabled: bool, Icon: elementType, label: string, loading: bool, onClick: func }))`                                                                                 |            | Defines the list of actions to be displayed at the bottom of the card. |
+| `bottomActionsVariant` | `oneOf(['default', 'redirection'])`                                                                                                                                                                      |            | Sets the style variant for bottom actions.                             |
+| `classNames`           | `objectOf(string)`                                                                                                                                                                                       |            | Css classes                                                            |
+| `description`          | `string`                                                                                                                                                                                                 |            | Description text to be displayed.                                      |
+| `descriptionProps`     | `shape({ colorTheme: string, variant: string })`                                                                                                                                                         |            | Props to customize the description's style.                            |
+| `headerActions`        | `arrayOf(shape({ Icon: oneOfType([elementType, string]), iconProps: string, id: oneOfType([number, string]), label: string, loading: bool, onClick: func }))`                                            |            | List of actions available in the header section.                       |
+| `headerActionsProps`   | `shape({ alignment: oneOf(['center', 'end', 'start']), buttonGroupProps: shape({ colorTheme: string, shape: string }), variant: oneOf(['default', 'buttonGroup']) })` |            | Props to configure header actions alignment, button group, etc.        |
+| `hideHeader`           | `bool`                                                                                                                                                                                                   | `false`    | Hides the header section of the card.                                  |
+| `mainAction`           | `func`                                                                                                                                                                                                   |            | Main action function for the card.                                     |
+| `size`                 | `oneOf(['medium', 'small'])`                                                                                                                                                                             | `'medium'` | Size of the card, either small or medium.                              |
+| `status`               | `string`                                                                                                                                                                                                 |            | Status text to be displayed.                                           |
+| `statusLabel`          | `string`                                                                                                                                                                                                 |            | Status label for additional status info.                               |
+| `statusAlignment`      | `oneOf(['center', 'end', 'start'])`                                                                                                                                                                      |            | Alignment of the status element.                                       |
+| `title`                | `string`                                                                                                                                                                                      |            | The title of the card.                                       |
+| `titleProps`           | `shape({ variant: string, weight: string })`                                                                                                                                                             |            | Props to configure the title style.                                    |
+| `withBodyPadding`      | `bool`                                                                                                                                                                                                   | `false`    | Adds padding to the card body if`true`.                                |

package/dist/esm/components/UTActionCard/components/AdditionalMessage/index.js

@@ -0,0 +1,47 @@
+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); }
+import React, { memo } from 'react';
+import { oneOf, shape, string } from 'prop-types';
+import UTIcon from '../../../UTIcon';
+import UTLabel from '../../../UTLabel';
+import { SIZES } from '../../constants';
+import styles from './styles.module.scss';
+const AdditionalMessage = _ref => {
+  let {
+    dataTestId,
+    icon,
+    iconProps = {},
+    labelProps = {},
+    message,
+    size
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(styles.additionalMessageContainer, " ").concat(styles[size]),
+    "data-testid": dataTestId
+  }, icon && /*#__PURE__*/React.createElement(UTIcon, _extends({
+    area: true,
+    colorTheme: "gray",
+    dataTestId: dataTestId ? "".concat(dataTestId, ".icon") : undefined,
+    name: icon,
+    size: 16
+  }, iconProps)), /*#__PURE__*/React.createElement(UTLabel, _extends({
+    colorTheme: "gray",
+    dataTestId: dataTestId ? "".concat(dataTestId, ".message") : undefined,
+    variant: "small",
+    withMarkdown: true
+  }, labelProps), message));
+};
+AdditionalMessage.propTypes = {
+  dataTestId: string,
+  icon: string,
+  iconProps: shape({
+    colorTheme: string,
+    size: string
+  }),
+  labelProps: shape({
+    colorTheme: string,
+    variant: string
+  }),
+  message: string,
+  size: oneOf([SIZES.MEDIUM, SIZES.SMALL])
+};
+export default /*#__PURE__*/memo(AdditionalMessage);

package/dist/esm/components/UTActionCard/components/AdditionalMessage/styles.module.scss

@@ -0,0 +1,13 @@
+.additionalMessageContainer {
+  align-items: center;
+  display: flex;
+  grid-gap: 8px;
+}
+
+.medium {
+  padding: 0 24px 24px;
+}
+
+.small {
+  padding: 0 16px 16px;
+}

package/dist/esm/components/UTActionCard/components/BottomActions/constants.js

@@ -0,0 +1 @@
+export const DEFAULT_REDIRECTION_ICON = 'IconChevronRight';

package/dist/esm/components/UTActionCard/components/BottomActions/index.js

@@ -0,0 +1,62 @@
+import React, { Fragment, memo } from 'react';
+import { arrayOf, bool, elementType, func, oneOfType, shape, string } from 'prop-types';
+import Divider from '@material-ui/core/Divider';
+import UTButton from '../../../UTButton';
+import { ACTION_TYPES, SIZES } from '../../constants';
+import { DEFAULT_REDIRECTION_ICON } from './constants';
+import styles from './styles.module.scss';
+const BottomActions = _ref => {
+  let {
+    actions = [],
+    bottomActionsVariant,
+    size
+  } = _ref;
+  const type = actions.length > 2 ? ACTION_TYPES.REDIRECTION : bottomActionsVariant || ACTION_TYPES.DEFAULT;
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.actionsContainer
+  }, actions.map((_ref2, index) => {
+    let {
+      colorTheme = 'primary',
+      dataTestId,
+      disabled,
+      Icon,
+      label,
+      loading,
+      onClick
+    } = _ref2;
+    return /*#__PURE__*/React.createElement(Fragment, {
+      key: label
+    }, /*#__PURE__*/React.createElement(UTButton, {
+      classNames: {
+        childrenContainer: "".concat(type === ACTION_TYPES.REDIRECTION && styles.redirectionChildrenContainer, " "),
+        root: "".concat(styles.actionButton, " ").concat(type === ACTION_TYPES.REDIRECTION && styles.fullWidth, " ").concat(size === SIZES.MEDIUM && styles.mediumPadding),
+        text: "".concat(type === ACTION_TYPES.REDIRECTION ? styles.redirectionText : styles.defaultText)
+      },
+      colorTheme: colorTheme,
+      dataTestId: dataTestId,
+      disabled: disabled,
+      Icon: type === ACTION_TYPES.REDIRECTION ? Icon || DEFAULT_REDIRECTION_ICON : Icon,
+      iconPlacement: type === ACTION_TYPES.REDIRECTION ? 'right' : 'left',
+      loading: loading,
+      onClick: onClick,
+      size: "large",
+      variant: "text"
+    }, label), actions.length > 1 && index < actions.length - 1 && /*#__PURE__*/React.createElement(Divider, {
+      className: styles.divider
+    }));
+  }));
+};
+BottomActions.propTypes = {
+  actions: arrayOf(shape({
+    colorTheme: string,
+    dataTestId: string,
+    disabled: bool,
+    Icon: oneOfType([elementType, string]),
+    label: string,
+    loading: bool,
+    onClick: func
+  })),
+  bottomActionsVariant: string,
+  size: string
+};
+export default /*#__PURE__*/memo(BottomActions);

package/dist/esm/components/UTActionCard/components/BottomActions/styles.module.scss

@@ -0,0 +1,49 @@
+$default-border-color: #e7e7e7;
+
+.actionsContainer {
+  border-top: 1px solid var(--light04, $default-border-color);
+  display: flex;
+}
+
+.actionButton {
+  flex: 1;
+  width: 100%;
+
+  & + .actionButton {
+    border-left: 1px solid var(--light04, $default-border-color);
+  }
+}
+
+.redirectionChildrenContainer {
+  width: 100%;
+}
+
+.divider {
+  background-color: var(--light04, $default-border-color);
+  width: 100%;
+}
+
+.redirectionText {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+}
+
+.defaultText {
+  flex: 1;
+  min-width: 50%;
+}
+
+.actionsContainer {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.fullWidth {
+  flex: 1 0 100%;
+}
+
+.mediumPadding {
+  padding: 16px 24px;
+}

package/dist/esm/components/UTActionCard/components/Header/constants.js

@@ -0,0 +1,24 @@
+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); }
+import React from 'react';
+import UTAvatar from '../../../UTAvatar';
+import UTIcon from '../../../UTIcon';
+import styles from './styles.module.scss';
+export const ADORNMENT_COMPONENT_MAPPER = {
+  icon: UTIcon,
+  avatar: _ref => {
+    let {
+      className,
+      ...props
+    } = _ref;
+    return /*#__PURE__*/React.createElement(UTAvatar, _extends({
+      className: "".concat(styles.defaultAvatar, " ").concat(className),
+      labelProps: {
+        variant: 'title1',
+        weight: 'medium'
+      }
+    }, props));
+  },
+  image: props => /*#__PURE__*/React.createElement("img", _extends({
+    alt: ""
+  }, props))
+};