@widergy/energy-ui 3.158.0 → 3.159.0

package/dist/esm/deprecated/UTBarChart/utils.js

@@ -0,0 +1,151 @@
+import * as d3 from 'd3';
+import isEmpty from 'lodash/isEmpty';
+import { DEFAULT_AXIS_PADDING, DEFAULT_SCROLL_PADDING, DEFAULT_MARGIN_TOP, DEFAULT_MAX_VALUE, TICKS_MULTIPLIER_DISTANCE, LOWER_BOUND_DEFAULT, LIMIT_MAX_VALUE_ROUNDER } from './constants';
+export const getPages = function () {
+  let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let pagination = arguments.length > 1 ? arguments[1] : undefined;
+  return Math.ceil(data.length / pagination);
+};
+export const getFormattedData = function () {
+  let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let pagination = arguments.length > 1 ? arguments[1] : undefined;
+  let index = arguments.length > 2 ? arguments[2] : undefined;
+  return data.slice(index * pagination, (index + 1) * pagination);
+};
+export const getFormattedLinearData = function () {
+  let linearData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let currentPage = arguments.length > 1 ? arguments[1] : undefined;
+  let pagination = arguments.length > 2 ? arguments[2] : undefined;
+  return linearData.filter(_ref => {
+    let {
+      xCoordinate
+    } = _ref;
+    return Math.floor(xCoordinate / pagination) === currentPage;
+  }).map((item, i) => ({
+    ...item,
+    xCoordinate: i
+  }));
+};
+export const getMaxValue = dataSet => dataSet && !isEmpty(dataSet) && (d3.max(dataSet, _ref2 => {
+  let {
+    value
+  } = _ref2;
+  return value;
+}) || 0);
+export const getMinValue = dataSet => dataSet && !isEmpty(dataSet) && d3.min(dataSet, _ref3 => {
+  let {
+    value
+  } = _ref3;
+  return value;
+}) || 0;
+const maxValueOrDefault = value => value === 0 ? DEFAULT_MAX_VALUE : value;
+export const getMaxValues = (flatBarData, flatLinearData, levels) => ({
+  maxLinearValue: maxValueOrDefault(getMaxValue(flatLinearData)),
+  maxBarValue: maxValueOrDefault(Math.max(getMaxValue(flatBarData), getMaxValue(levels)))
+});
+const calculateTotalWidth = (minBarWidth, dataLength, padding, containerWidth, marginLeft, marginRight, groups) => {
+  const effectiveGroups = groups || 1;
+  const minimumNeededWidth = dataLength * effectiveGroups * (minBarWidth + 2 * padding) + marginLeft + marginRight;
+  return Math.max(containerWidth, minimumNeededWidth);
+};
+export const getGraphAttributes = (containerWidth, containerHeight, marginLeft, marginRight, marginBottom, minBarWidth, dataLength, padding, groups, spacingOptions) => {
+  const totalWidth = minBarWidth ? calculateTotalWidth(minBarWidth, dataLength, padding, containerWidth, marginLeft, marginRight, groups) : containerWidth;
+  const {
+    axisPadding = DEFAULT_AXIS_PADDING,
+    scrollPadding = DEFAULT_SCROLL_PADDING,
+    marginTop = DEFAULT_MARGIN_TOP
+  } = spacingOptions;
+  return {
+    TOTAL_WIDTH: totalWidth,
+    TOTAL_HEIGHT: containerHeight,
+    GRAPH_X_START: marginLeft + axisPadding,
+    GRAPH_X_END: totalWidth - marginRight - axisPadding,
+    GRAPH_Y_START: containerHeight - marginBottom - scrollPadding,
+    GRAPH_Y_END: marginTop + 4 * axisPadding
+  };
+};
+const flattenBarData = data => {
+  var _data$0$;
+  return data && !isEmpty(data) && !isEmpty(data[0]) && Array.isArray((_data$0$ = data[0][0]) === null || _data$0$ === void 0 ? void 0 : _data$0$.values) ? data.flat().map(_ref4 => {
+    let {
+      values
+    } = _ref4;
+    return values;
+  }).flat() : data.flat();
+};
+export const flattenAndReduceBarData = data => {
+  var _data$0$2;
+  return data && !isEmpty(data) && !isEmpty(data[0]) && (Array.isArray((_data$0$2 = data[0][0]) === null || _data$0$2 === void 0 ? void 0 : _data$0$2.values) ? data.flat().map(_ref5 => {
+    let {
+      values
+    } = _ref5;
+    return {
+      value: values.reduce((acc, _ref6) => {
+        let {
+          value
+        } = _ref6;
+        return acc + value;
+      }, 0)
+    };
+  }) : data.flat());
+};
+const flattenLinearData = linearData => linearData === null || linearData === void 0 ? void 0 : linearData.map(_ref7 => {
+  let {
+    data
+  } = _ref7;
+  return data;
+}).flat();
+export const flattenData = (barData, linearData) => ({
+  flatBarData: flattenBarData(barData),
+  flatLinearData: flattenLinearData(linearData)
+});
+export const getFormattedDecorators = function (xAxis) {
+  let decorators = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  let currentPage = arguments.length > 2 ? arguments[2] : undefined;
+  let pagination = arguments.length > 3 ? arguments[3] : undefined;
+  if (pagination) {
+    const rangeStart = currentPage * pagination;
+    const rangeEnd = (currentPage + 1) * pagination;
+    const validDecorators = pagination ? decorators.filter(_ref8 => {
+      let {
+        x
+      } = _ref8;
+      return rangeStart <= x && rangeEnd > x;
+    }) : decorators;
+    return validDecorators.map(_ref9 => {
+      let {
+        x,
+        ...config
+      } = _ref9;
+      return {
+        x: pagination ? xAxis(x - currentPage * pagination) : xAxis(x),
+        id: x,
+        ...config
+      };
+    });
+  }
+  return decorators.map(_ref0 => {
+    let {
+      x,
+      ...config
+    } = _ref0;
+    return {
+      x: xAxis(x),
+      ...config
+    };
+  });
+};
+export const getGrid = (ticks, maxValue, gridType) => new Array(ticks).fill(0).map((_, index) => ({
+  value: maxValue - index * maxValue / (ticks - 1),
+  type: gridType
+})).filter(_ref1 => {
+  let {
+    value
+  } = _ref1;
+  return !!value;
+});
+const yAxisMaxValueRounder = (maxValue, yAxisTicks, useMaxBarValue) => maxValue < LIMIT_MAX_VALUE_ROUNDER || useMaxBarValue ? maxValue : Math.ceil(maxValue / (yAxisTicks - 1) / TICKS_MULTIPLIER_DISTANCE) * TICKS_MULTIPLIER_DISTANCE * (yAxisTicks - 1);
+export const getBounds = function (maxValue, yAxisTicks) {
+  let useMaxBarValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  return [LOWER_BOUND_DEFAULT, yAxisMaxValueRounder(maxValue, yAxisTicks, useMaxBarValue)];
+};

package/dist/esm/deprecated/UTCard/components/UTCardFooter/index.js

@@ -0,0 +1,29 @@
+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 { string, element } from 'prop-types';
+import { cardActionsTypes } from '../../types';
+import UTButton from '../../../../components/UTButton';
+import styles from './styles.module.scss';
+const UTCardFooter = _ref => {
+  let {
+    footer,
+    customButton,
+    footerClassName
+  } = _ref;
+  const Button = customButton || UTButton;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(styles.base, " ").concat(footerClassName)
+  }, footer.map(button => /*#__PURE__*/React.createElement(Button, _extends({
+    key: button.name,
+    classNames: {
+      root: "".concat(styles.button, " ").concat(button.className),
+      icon: button.iconClassName
+    }
+  }, button), button.name)));
+};
+UTCardFooter.propTypes = {
+  footer: cardActionsTypes.footer,
+  footerClassName: string,
+  customButton: element
+};
+export default UTCardFooter;

package/dist/esm/deprecated/UTCard/components/UTCardFooter/styles.module.scss

@@ -0,0 +1,15 @@
+
+.base {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: auto;
+  padding-top: 10px;
+}
+
+.button {
+  margin-left: 10px;
+
+  &:first-child {
+    margin-left: 0;
+  }
+}

package/dist/esm/deprecated/UTCard/index.js

@@ -0,0 +1,133 @@
+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); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { PureComponent } from 'react';
+import { bool, string, func, object, objectOf, element, oneOfType } from 'prop-types';
+import ExpandMore from '@material-ui/icons/ExpandMore';
+import ExpandLess from '@material-ui/icons/ExpandLess';
+import UTButton from '../../components/UTButton';
+import UTTouchableWithoutFeedback from '../../components/UTTouchableWithoutFeedback';
+import WithTheme from '../../components/WithTheme';
+import { mergeClasses } from '../../utils/classesUtils';
+import styles from './styles.module.scss';
+import UTCardFooter from './components/UTCardFooter';
+import { cardActionsTypes } from './types';
+import { retrieveStyle } from './theme';
+class UTCard extends PureComponent {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "handleOnPress", event => {
+      event.stopPropagation();
+      if (this.props.onClick) this.props.onClick();
+      return this.props.isOpen !== null && this.setState(prevState => ({
+        expandIsSelected: !prevState.expandIsSelected
+      }));
+    });
+    _defineProperty(this, "setChildrenHeight", () => {
+      const childrens = [...this.state.childrenRef.children];
+      const childrenHeight = childrens.reduce((prev, curr) => prev + curr.offsetHeight, 0);
+      this.setState({
+        childrenHeight
+      });
+    });
+    this.state = {
+      expandIsSelected: false,
+      childrenRef: null,
+      childrenHeight: null
+    };
+  }
+  componentDidUpdate() {
+    if (this.state.childrenRef) this.setChildrenHeight();
+  }
+  render() {
+    const {
+      button,
+      children,
+      classes: themeClasses,
+      classNames,
+      CustomFooter,
+      dataTestId,
+      ExpandedIcon,
+      expandText,
+      expandableIconProps,
+      flat,
+      footer,
+      header,
+      horizontal,
+      isCollapsible,
+      isOpen,
+      NonExpandedIcon,
+      style
+    } = this.props;
+    const classes = mergeClasses(themeClasses, classNames);
+    const {
+      expandIsSelected,
+      childrenHeight
+    } = this.state;
+    const expanded = isOpen !== null ? isOpen : expandIsSelected;
+    const ExpandIcon = expanded ? ExpandedIcon || ExpandLess : NonExpandedIcon || ExpandMore;
+    const Footer = footer && /*#__PURE__*/React.createElement(UTCardFooter, {
+      customButton: button,
+      footer: footer,
+      footerClassName: classes.footer
+    });
+    return !isCollapsible ? /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classes.base, " ").concat(flat && classes.flat, " ").concat(!horizontal && styles.column, " ").concat(classes.base),
+      "data-testid": dataTestId,
+      style: style
+    }, header && /*#__PURE__*/React.createElement("div", {
+      className: styles.headerContent
+    }, header), children, CustomFooter ? /*#__PURE__*/React.createElement(CustomFooter, null) : Footer) : /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classes.base, " ").concat(flat && classes.flat, " ").concat(styles.column),
+      "data-testid": dataTestId,
+      style: style
+    }, /*#__PURE__*/React.createElement(UTTouchableWithoutFeedback, {
+      onClick: this.handleOnPress,
+      className: "".concat(styles.header, " ").concat(classes.header)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.headerContent
+    }, header), /*#__PURE__*/React.createElement(UTButton, _extends({
+      Icon: ExpandIcon,
+      iconPlacement: "right",
+      onClick: this.handleOnPress,
+      variant: "text",
+      classNames: {
+        icon: classes.expandButtonIcon,
+        root: classes.expandButton
+      }
+    }, expandableIconProps), expandText)), /*#__PURE__*/React.createElement("div", {
+      ref: ref => this.setState({
+        childrenRef: ref
+      }),
+      className: "".concat(styles.children, " ").concat(expanded && "".concat(styles.active, " ").concat(classes.expandableContentActive), " ").concat(classes.expandableContent),
+      style: {
+        height: expanded && childrenHeight !== null ? childrenHeight : '0px'
+      }
+    }, children), CustomFooter ? /*#__PURE__*/React.createElement(CustomFooter, null) : Footer);
+  }
+}
+UTCard.propTypes = {
+  button: element,
+  classes: objectOf(string),
+  classNames: objectOf(string),
+  CustomFooter: oneOfType([element, func]),
+  dataTestId: string,
+  ExpandedIcon: oneOfType([func, element]),
+  expandText: string,
+  expandableIconProps: object,
+  flat: bool,
+  footer: cardActionsTypes.footer,
+  header: cardActionsTypes.header,
+  horizontal: bool,
+  isCollapsible: bool,
+  isOpen: bool,
+  NonExpandedIcon: oneOfType([func, element]),
+  onClick: func,
+  style: object
+};
+UTCard.defaultProps = {
+  isOpen: null,
+  style: {}
+};
+export default WithTheme(retrieveStyle)(UTCard);

package/dist/esm/deprecated/UTCard/styles.module.scss

@@ -0,0 +1,26 @@
+.header {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+}
+
+.headerContent {
+  width: 100%;
+}
+
+.column {
+  flex-direction: column;
+}
+
+.children {
+  opacity: 0;
+  padding: 0;
+  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.05s, padding 0.2s cubic-bezier(0.4, 0, 0.2, 1), height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.active {
+  opacity: 1;
+  padding: 5px 0;
+  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), padding 0.2s cubic-bezier(0.4, 0, 0.2, 1), height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}

package/dist/esm/deprecated/UTCard/theme.js

@@ -0,0 +1,27 @@
+import { getIn } from 'seamless-immutable';
+import Colors from '../../scss/variables/colors.module.scss';
+export const retrieveStyle = _ref => {
+  let {
+    theme
+  } = _ref;
+  const tabletMobile = getIn(theme, ['Media', 'tabletMobile']);
+  return {
+    base: {
+      border: getIn(theme, ['UTCard', 'base', 'border'], 0),
+      borderRadius: getIn(theme, ['UTCard', 'base', 'borderRadius'], '4px'),
+      backgroundColor: getIn(theme, ['UTCard', 'base', 'backgroundColor'], Colors.cardBackground),
+      boxShadow: getIn(theme, ['UTCard', 'base', 'boxShadow'], "1px 1px 3px 0 ".concat(Colors.cardShadow1, ", -0.5px -0.5px 2px 0 ").concat(Colors.cardShadow2)),
+      boxSizing: 'border-box',
+      display: 'flex',
+      overflow: 'hidden',
+      padding: getIn(theme, ['UTCard', 'base', 'padding'], '15px 20px'),
+      [tabletMobile]: {
+        padding: getIn(theme, ['UTCard', 'base', 'tabletMobile', 'padding'], '10px')
+      }
+    },
+    flat: {
+      boxShadow: 'none',
+      backgroundColor: getIn(theme, ['UTCard', 'flat', 'backgroundColor'], Colors.white)
+    }
+  };
+};

package/dist/esm/deprecated/UTCard/types.js

@@ -0,0 +1,15 @@
+import { shape, string, arrayOf, func, oneOfType, element } from 'prop-types';
+export const cardActionsTypes = {
+  header: shape({
+    title: string,
+    subtitle: string,
+    menu: arrayOf(shape({
+      name: string,
+      onPress: func
+    }))
+  }),
+  footer: arrayOf(shape({
+    name: oneOfType([string, element]),
+    onPress: func
+  }))
+};

package/dist/esm/deprecated/UTDialog/README.md

@@ -0,0 +1,37 @@
+# UTDialog component
+
+## Props
+- `ButtonComponent`: _component_ - **Due to different choice on Button (UTButton from Energy or Camuzzi UI) component in each project, it is recieved as prop to give liberty of implementation**.
+- `isOpen`: _bool_ - **Used to indicate if the component should be open**.
+- `onRequestClose`: _func_ - **Callback function for dialog closure**.
+- `title`: _string_ - **Title content - Wrapped inside Mui's `DialogTitle` component**.
+- `acceptButton` & `cancelButton`: _obj_ or _pre rendered component_ - **Object used to describe action buttons wrapped inside Mui's `DialogActions` component. It can also be a pre rendered component.**.
+### Possible object attributes
+> - `onPress`: _func_ - **Callback function for button action**.
+> - `text`: _string_ - **In button text**.
+> - `disabled`: _bool_ - **Used to indicate if button should be disabled**.
+> - `className`: _string_ - **String used to specify the styles that should be applied**.
+> - `config`: _obj_ - **Object used to configure the aspect of the button, which is composed by `UTButton`**.
+- `warningAlert`: _string_ - **String used to specify the alert message to be shown**.
+- `whiteTitle`: _bool_ - **Used to indicate if the title should be colored white**.
+- `withClickAway`: _bool_ - **Used to indicate if Dialog should be closed upon click away**.
+- `contentName`: _string_ - **String passed as `name` prop to Mui's `DialogContent` as ID**.
+- `elevation`: _number_ - **Number passed as `elevation` prop to Mui's `Dialog`**.
+- `roundedCloseButton`: _bool_ - **Used to indicate if Mui's `CloseRoundedIcon` should be used over regular `Close`**.
+- `withCloseButton`: _bool_ - **Used to indicate if Dialog should have a close button, not to be confused with a `cancel` button**.
+- `alertConfig`: _obj_ - **Object used to configure the aspect of the alert, which is composed by `UTLabel`**.
+- `disableEnforceFocus`: _bool_ - **Passed as prop to Mui's `Dialog`**.
+- `disableScrollLock`: _bool_ - **Passed as prop to Mui's `Dialog`**.
+- `disableTypography`: _bool_ - **Passed as prop to Mui's `DialogTitle`**.
+- `customClasses`: _obj_ - **Object used to indicate how should default styles be overriden**.
+### Possible object attributes
+> - `content`: _string_ - **Overrides Mui's `DialogContent` default styles**.
+> - `container`: _string_ - **Overrides Mui's `DialogContent` - `paper` default styles**.
+> - `root`: _tring_ - **Overrides Mui's `DialogContent` - `root` default styles**.
+> - `closeButton`: _string_ - **Overrides Mui's `IconButton` default styles**.
+> - `mainTitle`: _string_ - **Overrides Mui's `DialogTitle` default styles**.
+> - `closeIcon`: _string_ **Overrides either Mui's `Close` or `CloseRoundedIcon` default styles**.
+> - `warning`: _string_ **Overrides own `UTLabel`, used for warnings, default styles**.
+> - `dialogActions`: _string_ **Overrides Mui's `DialogActions` default styles**
+> - **Note that by `default styles` we imply each projects theme styles**.
+

package/dist/esm/deprecated/UTDialog/constants.js

@@ -0,0 +1,2 @@
+export const CANCEL_BUTTON_TEXT = 'Cancelar';
+export const ACCEPT_BUTTON_TEXT = 'Aceptar';

package/dist/esm/deprecated/UTDialog/index.js

@@ -0,0 +1,141 @@
+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 { bool, func, string, number, object, objectOf, oneOfType, element } from 'prop-types';
+import Dialog from '@material-ui/core/Dialog';
+import DialogActions from '@material-ui/core/DialogActions';
+import DialogContent from '@material-ui/core/DialogContent';
+import DialogTitle from '@material-ui/core/DialogTitle';
+import CloseRoundedIcon from '@material-ui/icons/CloseRounded';
+import Close from '@material-ui/icons/Close';
+import WithTheme from '../../components/WithTheme';
+import UTLabel from '../../components/UTLabel';
+import UTButton from '../../components/UTButton';
+import { TEST_IDS } from '../../constants/testIds';
+import { dialogButtonPropTypes } from './types';
+import { retrieveStyle } from './theme';
+import { ACCEPT_BUTTON_TEXT, CANCEL_BUTTON_TEXT } from './constants';
+const {
+  dialog
+} = TEST_IDS;
+const UTDialog = _ref => {
+  let {
+    acceptButton,
+    acceptButtonDataTestId = dialog.acceptButton,
+    alertConfig,
+    cancelButton,
+    cancelButtonDataTestId = dialog.cancelButton,
+    children,
+    classNames,
+    classes,
+    closeButtonDataTestId = dialog.closeButton,
+    contentName,
+    dialogProps,
+    disableEnforceFocus,
+    disableScrollLock,
+    disableTypography,
+    elevation,
+    FooterComponents,
+    isOpen = false,
+    onRequestClose,
+    roundedCloseButton,
+    title,
+    titleDataTestId = dialog.title,
+    TransitionProps,
+    warningAlert,
+    whiteTitle,
+    withClickAway,
+    withCloseButton
+  } = _ref;
+  const CloseIcon = roundedCloseButton ? CloseRoundedIcon : Close;
+  const {
+    content,
+    container,
+    root,
+    closeButton,
+    mainTitle,
+    closeIcon,
+    warning,
+    dialogActions
+  } = classNames || {};
+  return /*#__PURE__*/React.createElement(Dialog, _extends({
+    "aria-describedby": "alert-dialog-description",
+    "aria-labelledby": "alert-dialog-title",
+    classes: {
+      paper: "".concat(classes.container, " ").concat(container),
+      root: "".concat(classes.root, " ").concat(root)
+    },
+    disableEnforceFocus: disableEnforceFocus,
+    disableScrollLock: disableScrollLock,
+    onClose: withClickAway ? onRequestClose : undefined,
+    open: isOpen,
+    PaperProps: {
+      elevation
+    },
+    TransitionProps: TransitionProps
+  }, dialogProps), title && /*#__PURE__*/React.createElement(DialogTitle, {
+    className: "".concat(classes.mainTitle, " ").concat(whiteTitle && classes.whiteTitle, " ").concat(mainTitle),
+    "data-testid": titleDataTestId,
+    disableTypography: disableTypography,
+    id: "alert-dialog-title"
+  }, title, withCloseButton && /*#__PURE__*/React.createElement(UTButton, {
+    classNames: {
+      icon: "".concat(classes.closeIcon, " ").concat(closeIcon),
+      root: "".concat(classes.closeButton, " ").concat(whiteTitle && classes.whiteCloseButton, " ").concat(closeButton)
+    },
+    dataTestId: closeButtonDataTestId,
+    Icon: CloseIcon,
+    onClick: onRequestClose,
+    variant: "text"
+  })), /*#__PURE__*/React.createElement(DialogContent, {
+    className: "".concat(classes.content, " ").concat(content),
+    name: contentName
+  }, children), warningAlert && /*#__PURE__*/React.createElement(UTLabel, _extends({}, alertConfig, {
+    className: "".concat(classes.warning, " ").concat(warning)
+  }), warningAlert), (cancelButton || acceptButton) && /*#__PURE__*/React.createElement(DialogActions, {
+    className: "".concat(classes.dialogActions, " ").concat(dialogActions)
+  }, FooterComponents, cancelButton && /*#__PURE__*/React.createElement(UTButton, _extends({
+    colorTheme: "secondary",
+    dataTestId: cancelButtonDataTestId,
+    variant: "text"
+  }, cancelButton), cancelButton.text || CANCEL_BUTTON_TEXT), acceptButton && /*#__PURE__*/React.createElement(UTButton, _extends({
+    colorTheme: "primary",
+    dataTestId: acceptButtonDataTestId,
+    variant: "filled"
+  }, acceptButton), acceptButton.text || ACCEPT_BUTTON_TEXT)));
+};
+UTDialog.defaultProps = {
+  disableEnforceFocus: false,
+  disableScrollLock: false,
+  disableTypography: false,
+  roundedCloseButton: false,
+  withClickAway: true,
+  withCloseButton: false
+};
+UTDialog.propTypes = {
+  acceptButton: dialogButtonPropTypes,
+  acceptButtonDataTestId: string,
+  alertConfig: object,
+  cancelButton: dialogButtonPropTypes,
+  cancelButtonDataTestId: string,
+  classNames: objectOf(string),
+  classes: objectOf(string),
+  closeButtonDataTestId: string,
+  contentName: string,
+  dialogProps: object,
+  disableEnforceFocus: bool,
+  disableScrollLock: bool,
+  disableTypography: bool,
+  elevation: number,
+  FooterComponents: element,
+  isOpen: bool,
+  onRequestClose: func,
+  roundedCloseButton: bool,
+  title: oneOfType([element, string]),
+  titleDataTestId: string,
+  TransitionProps: object,
+  warningAlert: string,
+  whiteTitle: bool,
+  withClickAway: bool,
+  withCloseButton: bool
+};
+export default WithTheme(retrieveStyle)(UTDialog);

package/dist/esm/deprecated/UTDialog/theme.js

@@ -0,0 +1,84 @@
+import { getIn } from 'seamless-immutable';
+import Colors from '../../scss/variables/colors.module.scss';
+import { withImportant } from '../../utils/classesUtils';
+export const retrieveStyle = _ref => {
+  var _theme$UTDialog;
+  let {
+    theme
+  } = _ref;
+  return {
+    container: {
+      margin: getIn(theme, ['UTDialog', 'container', 'margin'], 0),
+      padding: getIn(theme, ['UTDialog', 'container', 'padding']),
+      maxWidth: getIn(theme, ['UTDialog', 'container', 'maxWidth']),
+      minHeight: getIn(theme, ['UTDialog', 'container', 'minHeight']),
+      maxHeight: getIn(theme, ['UTDialog', 'container', 'maxHeight']),
+      minWidth: getIn(theme, ['UTDialog', 'container', 'minWidth']),
+      borderRadius: getIn(theme, ['UTDialog', 'container', 'borderRadius']),
+      boxSizing: getIn(theme, ['UTDialog', 'container', 'boxSizing']),
+      overflow: getIn(theme, ['UTDialog', 'container', 'overflow']),
+      overflowY: getIn(theme, ['UTDialog', 'container', 'overflowY'])
+    },
+    root: {
+      padding: getIn(theme, ['UTDialog', 'root', 'padding'])
+    },
+    mainTitle: {
+      display: 'flex',
+      padding: getIn(theme, ['UTDialog', 'mainTitle', 'padding']),
+      alignItems: getIn(theme, ['UTDialog', 'mainTitle', 'alignItems']),
+      backgroundColor: getIn(theme, ['UTDialog', 'mainTitle', 'backgroundColor']),
+      color: getIn(theme, ['UTDialog', 'mainTitle', 'color']),
+      justifyContent: getIn(theme, ['UTDialog', 'mainTitle', 'justifyContent']),
+      marginRight: getIn(theme, ['UTDialog', 'mainTitle', 'marginRight']),
+      fontSize: getIn(theme, ['UTDialog', 'mainTitle', 'fontSize']),
+      fontWeight: getIn(theme, ['UTDialog', 'mainTitle', 'fontWeight']),
+      margin: getIn(theme, ['UTDialog', 'mainTitle', 'margin']),
+      flex: getIn(theme, ['UTDialog', 'mainTitle', 'flex']),
+      lineHeight: getIn(theme, ['UTDialog', 'mainTitle', 'lineHeight']),
+      textAlign: getIn(theme, ['UTDialog', 'mainTitle', 'textAlign']),
+      borderBottom: getIn(theme, ['UTDialog', 'mainTitle', 'borderBottom'], 'none')
+    },
+    whiteTitle: {
+      color: Colors.white
+    },
+    content: {
+      padding: getIn(theme, ['UTDialog', 'content', 'padding']),
+      minHeight: getIn(theme, ['UTDialog', 'content', 'minHeight']),
+      maxWidth: getIn(theme, ['UTDialog', 'content', 'maxWidth']),
+      width: getIn(theme, ['UTDialog', 'content', 'width'])
+    },
+    dialogActions: {
+      margin: getIn(theme, ['UTDialog', 'dialogActions', 'margin']),
+      padding: getIn(theme, ['UTDialog', 'dialogActions', 'padding'], 16),
+      alignItems: getIn(theme, ['UTDialog', 'dialogActions', 'alignItems']),
+      boxSizing: getIn(theme, ['UTDialog', 'dialogActions', 'boxSizing']),
+      display: getIn(theme, ['UTDialog', 'dialogActions', 'display']),
+      justifyContent: getIn(theme, ['UTDialog', 'dialogActions', 'justifyContent']),
+      borderTop: getIn(theme, ['UTDialog', 'dialogActions', 'borderTop']),
+      width: getIn(theme, ['UTDialog', 'dialogActions', 'width'])
+    },
+    closeButton: {
+      padding: getIn(theme, ['UTDialog', 'closeButton', 'padding']),
+      position: withImportant((theme === null || theme === void 0 || (_theme$UTDialog = theme.UTDialog) === null || _theme$UTDialog === void 0 || (_theme$UTDialog = _theme$UTDialog.closeButton) === null || _theme$UTDialog === void 0 ? void 0 : _theme$UTDialog.position) || 'absolute'),
+      right: getIn(theme, ['UTDialog', 'closeButton', 'right'], '5px'),
+      top: getIn(theme, ['UTDialog', 'closeButton', 'top'], '5px')
+    },
+    whiteCloseButton: {
+      color: Colors.white
+    },
+    hidden: {
+      display: 'none'
+    },
+    warning: {
+      maxWidth: getIn(theme, ['UTDialog', 'warning', 'maxWidth']),
+      padding: getIn(theme, ['UTDialog', 'warning', 'padding']),
+      fontSize: getIn(theme, ['UTDialog', 'warning', 'fontSize'])
+    },
+    closeIcon: {
+      fontSize: getIn(theme, ['UTDialog', 'closeIcon', 'fontSize']),
+      width: getIn(theme, ['UTDialog', 'closeIcon', 'width']),
+      height: getIn(theme, ['UTDialog', 'closeIcon', 'height']),
+      fill: getIn(theme, ['UTDialog', 'closeIcon', 'fill'])
+    }
+  };
+};