@widergy/energy-ui 2.10.1 → 3.0.0

package/dist/components/UTDatePicker/index.js

@@ -22,34 +22,15 @@ var _types = require("./types");
 var _constants = require("./constants");
 var _utils = require("./utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 && Object.prototype.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 _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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 && Object.prototype.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() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var CalendarIcon = function CalendarIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M8 15c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm8 0c.55 0 1 .45 1 1s-.45 1-1 1h-4c-.55 0-1-.45-1-1s.45-1 1-1zm2 5H6c-.551 0-1-.449-1-1v-6h14v6c0 .551-.449 1-1 1M6 6h1v1c0 .55.45 1 1 1s1-.45 1-1V6h6v1c0 .55.45 1 1 1s1-.45 1-1V6h1c.551 0 1 .449 1 1v4H5V7c0-.551.449-1 1-1m12-2h-1V3c0-.55-.45-1-1-1s-1 .45-1 1v1H9V3c0-.55-.45-1-1-1s-1 .45-1 1v1H6C4.346 4 3 5.346 3 7v12c0 1.654 1.346 3 3 3h12c1.654 0 3-1.346 3-3V7c0-1.654-1.346-3-3-3",
+    d: "M8 15c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1Zm8 0c.55 0 1 .45 1 1s-.45 1-1 1h-4c-.55 0-1-.45-1-1s.45-1 1-1Zm2 5H6c-.551 0-1-.449-1-1v-6h14v6c0 .551-.449 1-1 1M6 6h1v1c0 .55.45 1 1 1s1-.45 1-1V6h6v1c0 .55.45 1 1 1s1-.45 1-1V6h1c.551 0 1 .449 1 1v4H5V7c0-.551.449-1 1-1m12-2h-1V3c0-.55-.45-1-1-1s-1 .45-1 1v1H9V3c0-.55-.45-1-1-1s-1 .45-1 1v1H6C4.346 4 3 5.346 3 7v12c0 1.654 1.346 3 3 3h12c1.654 0 3-1.346 3-3V7c0-1.654-1.346-3-3-3",
     id: "a"
   })), /*#__PURE__*/_react.default.createElement("use", {
     fillRule: "nonzero",
@@ -61,91 +42,64 @@ var CalendarIcon = function CalendarIcon(props) {
 CalendarIcon.defaultProps = {
   width: "18",
   height: "20",
-  viewBox: "0 0 18 20",
   xmlns: "http://www.w3.org/2000/svg",
   xmlnsXlink: "http://www.w3.org/1999/xlink"
 };
 _dayjs2.default.extend(_customParseFormat.default);
-var CustomUtils = /*#__PURE__*/function (_DayjsUtils) {
-  _inherits(CustomUtils, _DayjsUtils);
-  var _super = _createSuper(CustomUtils);
-  function CustomUtils() {
-    var _this;
-    _classCallCheck(this, CustomUtils);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "getCalendarHeaderText", function (date) {
-      return date.format('MMMM');
-    });
-    return _this;
+class CustomUtils extends _dayjs.default {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "getCalendarHeaderText", date => date.format('MMMM'));
   }
-  return _createClass(CustomUtils);
-}(_dayjs.default);
-var UTDatePicker = function UTDatePicker(_ref) {
+}
+const UTDatePicker = _ref => {
   var _field$configuration;
-  var themeClasses = _ref.classes,
-    classNames = _ref.classNames,
-    CustomIcon = _ref.CustomIcon,
-    dayFormat = _ref.dayFormat,
-    _ref$disableToolbar = _ref.disableToolbar,
-    disableToolbar = _ref$disableToolbar === void 0 ? true : _ref$disableToolbar,
-    disabled = _ref.disabled,
-    field = _ref.field,
-    iconAnchor = _ref.iconAnchor,
-    input = _ref.input,
-    inputProps = _ref.inputProps,
-    _ref$inputVariant = _ref.inputVariant,
-    inputVariant = _ref$inputVariant === void 0 ? _constants.INPUT_VARIANT : _ref$inputVariant,
-    invalidDateMessage = _ref.invalidDateMessage,
-    maxDateMessage = _ref.maxDateMessage,
-    minDateMessage = _ref.minDateMessage,
-    _ref$meta = _ref.meta,
-    meta = _ref$meta === void 0 ? {} : _ref$meta,
-    pickerProps = _ref.pickerProps,
-    placeholder = _ref.placeholder,
-    popoverProps = _ref.popoverProps,
-    variant = _ref.variant,
-    withUpperTitle = _ref.withUpperTitle;
-  var classes = (0, _react.useMemo)(function () {
-    return (0, _classesUtils.mergeClasses)(themeClasses, classNames);
-  }, [classNames]);
-  var configMask = (field === null || field === void 0 || (_field$configuration = field.configuration) === null || _field$configuration === void 0 ? void 0 : _field$configuration.date_mask) || _constants.OUTPUT_LABEL_MASK;
-  var _useState = (0, _react.useState)(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    pickedDate = _useState2[0],
-    setPickedDate = _useState2[1];
-  var _useState3 = (0, _react.useState)(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    internalError = _useState4[0],
-    setInternalError = _useState4[1];
-  var handleChange = function handleChange(date) {
+  let {
+    classes: themeClasses,
+    classNames,
+    CustomIcon,
+    dayFormat,
+    disableToolbar = true,
+    disabled,
+    field,
+    iconAnchor,
+    input,
+    inputProps,
+    inputVariant = _constants.INPUT_VARIANT,
+    invalidDateMessage,
+    maxDateMessage,
+    minDateMessage,
+    meta = {},
+    pickerProps,
+    placeholder,
+    popoverProps,
+    variant,
+    withUpperTitle
+  } = _ref;
+  const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
+  const configMask = (field === null || field === void 0 || (_field$configuration = field.configuration) === null || _field$configuration === void 0 ? void 0 : _field$configuration.date_mask) || _constants.OUTPUT_LABEL_MASK;
+  const [pickedDate, setPickedDate] = (0, _react.useState)(null);
+  const [internalError, setInternalError] = (0, _react.useState)(null);
+  const handleChange = date => {
     setPickedDate(date);
-    var newValue = (0, _dayjs2.default)(date, _constants.OUTPUT_LABEL_MASK, true);
+    const newValue = (0, _dayjs2.default)(date, _constants.OUTPUT_LABEL_MASK, true);
     if (newValue.isValid()) input.onChange(newValue.format(configMask));else input.onChange('');
   };
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (!input.value && pickedDate !== null && pickedDate !== void 0 && pickedDate.isValid()) setPickedDate(null);else if ((0, _utils.dateMatchesFormat)(input.value, configMask)) setPickedDate((0, _dayjs2.default)(input.value, configMask));
   }, [input.value]);
-  var renderDay = function renderDay(date, _, dayInCurrentMonth) {
-    return /*#__PURE__*/_react.default.createElement(_Day.default, {
-      classes: classes,
-      dayFormat: dayFormat,
-      date: date,
-      pickedDate: pickedDate,
-      dayInCurrentMonth: dayInCurrentMonth
-    });
-  };
-  var handleError = function handleError(error) {
-    return setInternalError(error);
-  };
-  var handleRemoveError = function handleRemoveError() {
-    return setInternalError(null);
-  };
-  var OpenerIcon = CustomIcon || CalendarIcon;
-  var operenerIconReference = (0, _react.useRef)();
-  var errorMessage = (0, _form.shouldShowErrors)(meta) && (internalError || meta.error) || '';
+  const renderDay = (date, _, dayInCurrentMonth) => /*#__PURE__*/_react.default.createElement(_Day.default, {
+    classes: classes,
+    dayFormat: dayFormat,
+    date: date,
+    pickedDate: pickedDate,
+    dayInCurrentMonth: dayInCurrentMonth
+  });
+  const handleError = error => setInternalError(error);
+  const handleRemoveError = () => setInternalError(null);
+  const OpenerIcon = CustomIcon || CalendarIcon;
+  const operenerIconReference = (0, _react.useRef)();
+  const errorMessage = (0, _form.shouldShowErrors)(meta) && (internalError || meta.error) || '';
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, withUpperTitle && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     className: classes.upperTitle,
     withMarkdown: true
@@ -171,13 +125,14 @@ var UTDatePicker = function UTDatePicker(_ref) {
       className: disabled ? classes.disabledOpenerIcon : classes.openerIcon
     })),
     variant: variant || _constants.VARIANT,
-    InputProps: _objectSpread({
+    InputProps: {
       classes: {
         root: classes.input,
         notchedOutline: classes.notchedOutline
       },
-      placeholder: inputVariant === 'outlined' && (placeholder || (field === null || field === void 0 ? void 0 : field.placeholder)) || undefined
-    }, inputProps),
+      placeholder: inputVariant === 'outlined' && (placeholder || (field === null || field === void 0 ? void 0 : field.placeholder)) || undefined,
+      ...inputProps
+    },
     invalidDateMessage: invalidDateMessage || _constants.WRONG_DATE_FORMAT,
     inputVariant: inputVariant,
     format: _constants.OUTPUT_LABEL_MASK,
@@ -188,7 +143,10 @@ var UTDatePicker = function UTDatePicker(_ref) {
     },
     onChange: handleChange,
     renderDay: renderDay,
-    PopoverProps: _objectSpread(_objectSpread({}, iconAnchor ? (0, _constants.iconAnchorProps)(operenerIconReference) : {}), popoverProps)
+    PopoverProps: {
+      ...(iconAnchor ? (0, _constants.iconAnchorProps)(operenerIconReference) : {}),
+      ...popoverProps
+    }
   }, pickerProps))));
 };
 UTDatePicker.propTypes = {

package/dist/components/UTDatePicker/theme.js

@@ -9,8 +9,10 @@ var _styles = require("@material-ui/core/styles");
 var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
 var _classesUtils = require("../../utils/classesUtils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref) {
-  var theme = _ref.theme;
+const retrieveStyle = _ref => {
+  let {
+    theme
+  } = _ref;
   return {
     openerIcon: {
       fill: (0, _seamlessImmutable.getIn)(theme, ['UTDatePicker', 'openerIcon', 'fill'], _colorsModule.default.orangeIcon)
@@ -50,7 +52,8 @@ var retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref) {
     }
   };
 };
-var materialTheme = exports.materialTheme = function materialTheme(theme) {
+exports.retrieveStyle = retrieveStyle;
+const materialTheme = theme => {
   var _theme$UTDatePicker, _theme$UTDatePicker2, _theme$UTDatePicker3, _theme$UTDatePicker4;
   return (0, _styles.createTheme)({
     typography: {
@@ -227,4 +230,5 @@ var materialTheme = exports.materialTheme = function materialTheme(theme) {
       }
     }
   });
-};
+};
+exports.materialTheme = materialTheme;

package/dist/components/UTDatePicker/types.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.classesPropTypes = void 0;
 var _propTypes = require("prop-types");
-var classesPropTypes = exports.classesPropTypes = (0, _propTypes.shape)({
+const classesPropTypes = exports.classesPropTypes = (0, _propTypes.shape)({
   content: _propTypes.string,
   container: _propTypes.string,
   root: _propTypes.string,

package/dist/components/UTDatePicker/utils.js

@@ -6,9 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.isSelected = exports.dateMatchesFormat = void 0;
 var _dayjs = _interopRequireDefault(require("dayjs"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var isSelected = exports.isSelected = function isSelected(date, selectedDate) {
-  return selectedDate && date.isSame(selectedDate, 'day');
-};
-var dateMatchesFormat = exports.dateMatchesFormat = function dateMatchesFormat(date, targetFormat) {
-  return (0, _dayjs.default)(date, targetFormat).format(targetFormat) === date;
-};
+const isSelected = (date, selectedDate) => selectedDate && date.isSame(selectedDate, 'day');
+exports.isSelected = isSelected;
+const dateMatchesFormat = (date, targetFormat) => (0, _dayjs.default)(date, targetFormat).format(targetFormat) === date;
+exports.dateMatchesFormat = dateMatchesFormat;

package/dist/components/UTDialog/constants.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CANCEL_BUTTON_TEXT = exports.ACCEPT_BUTTON_TEXT = void 0;
-var CANCEL_BUTTON_TEXT = exports.CANCEL_BUTTON_TEXT = 'Cancelar';
-var ACCEPT_BUTTON_TEXT = exports.ACCEPT_BUTTON_TEXT = 'Aceptar';
+const CANCEL_BUTTON_TEXT = exports.CANCEL_BUTTON_TEXT = 'Cancelar';
+const ACCEPT_BUTTON_TEXT = exports.ACCEPT_BUTTON_TEXT = 'Aceptar';

package/dist/components/UTDialog/index.js

@@ -20,40 +20,42 @@ var _theme = require("./theme");
 var _constants = require("./constants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-var UTDialog = function UTDialog(_ref) {
-  var acceptButton = _ref.acceptButton,
-    alertConfig = _ref.alertConfig,
-    cancelButton = _ref.cancelButton,
-    children = _ref.children,
-    classes = _ref.classes,
-    classNames = _ref.classNames,
-    contentName = _ref.contentName,
-    dialogProps = _ref.dialogProps,
-    disableEnforceFocus = _ref.disableEnforceFocus,
-    disableScrollLock = _ref.disableScrollLock,
-    disableTypography = _ref.disableTypography,
-    elevation = _ref.elevation,
-    FooterComponents = _ref.FooterComponents,
-    _ref$isOpen = _ref.isOpen,
-    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
-    onRequestClose = _ref.onRequestClose,
-    roundedCloseButton = _ref.roundedCloseButton,
-    title = _ref.title,
-    TransitionProps = _ref.TransitionProps,
-    warningAlert = _ref.warningAlert,
-    whiteTitle = _ref.whiteTitle,
-    withClickAway = _ref.withClickAway,
-    withCloseButton = _ref.withCloseButton;
-  var CloseIcon = roundedCloseButton ? _CloseRounded.default : _Close.default;
-  var _ref2 = classNames || {},
-    content = _ref2.content,
-    container = _ref2.container,
-    root = _ref2.root,
-    closeButton = _ref2.closeButton,
-    mainTitle = _ref2.mainTitle,
-    closeIcon = _ref2.closeIcon,
-    warning = _ref2.warning,
-    dialogActions = _ref2.dialogActions;
+const UTDialog = _ref => {
+  let {
+    acceptButton,
+    alertConfig,
+    cancelButton,
+    children,
+    classes,
+    classNames,
+    contentName,
+    dialogProps,
+    disableEnforceFocus,
+    disableScrollLock,
+    disableTypography,
+    elevation,
+    FooterComponents,
+    isOpen = false,
+    onRequestClose,
+    roundedCloseButton,
+    title,
+    TransitionProps,
+    warningAlert,
+    whiteTitle,
+    withClickAway,
+    withCloseButton
+  } = _ref;
+  const CloseIcon = roundedCloseButton ? _CloseRounded.default : _Close.default;
+  const {
+    content,
+    container,
+    root,
+    closeButton,
+    mainTitle,
+    closeIcon,
+    warning,
+    dialogActions
+  } = classNames || {};
   return /*#__PURE__*/_react.default.createElement(_Dialog.default, _extends({
     open: isOpen,
     onClose: withClickAway ? onRequestClose : undefined,
@@ -64,7 +66,7 @@ var UTDialog = function UTDialog(_ref) {
       root: "".concat(classes.root, " ").concat(root)
     },
     PaperProps: {
-      elevation: elevation
+      elevation
     },
     disableEnforceFocus: disableEnforceFocus,
     disableScrollLock: disableScrollLock,

package/dist/components/UTDialog/theme.js

@@ -8,9 +8,11 @@ var _seamlessImmutable = require("seamless-immutable");
 var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
 var _classesUtils = require("../../utils/classesUtils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref) {
+const retrieveStyle = _ref => {
   var _theme$UTDialog;
-  var theme = _ref.theme;
+  let {
+    theme
+  } = _ref;
   return {
     container: {
       margin: (0, _seamlessImmutable.getIn)(theme, ['UTDialog', 'container', 'margin'], 0),
@@ -86,4 +88,5 @@ var retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref) {
       fill: (0, _seamlessImmutable.getIn)(theme, ['UTDialog', 'closeIcon', 'fill'])
     }
   };
-};
+};
+exports.retrieveStyle = retrieveStyle;

package/dist/components/UTDialog/types.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.dialogButtonPropTypes = void 0;
 var _propTypes = require("prop-types");
-var dialogButtonPropTypes = exports.dialogButtonPropTypes = (0, _propTypes.shape)({
+const dialogButtonPropTypes = exports.dialogButtonPropTypes = (0, _propTypes.shape)({
   classNames: (0, _propTypes.objectOf)(_propTypes.string),
   disabled: _propTypes.bool,
   text: _propTypes.string,

package/dist/components/UTDotMenu/index.js

@@ -11,75 +11,54 @@ var _MoreVert = _interopRequireDefault(require("@material-ui/icons/MoreVert"));
 var _propTypes = require("prop-types");
 var _UTButton = _interopRequireDefault(require("../UTButton"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var UTDotMenu = /*#__PURE__*/function (_React$Component) {
-  _inherits(UTDotMenu, _React$Component);
-  var _super = _createSuper(UTDotMenu);
-  function UTDotMenu() {
-    var _this;
-    _classCallCheck(this, UTDotMenu);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      anchorEl: null
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleClick", function (event) {
-      _this.setState({
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+class UTDotMenu extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "handleClick", event => {
+      this.setState({
         anchorEl: event.currentTarget
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "handleClose", function () {
-      _this.setState({
+    _defineProperty(this, "handleClose", () => {
+      this.setState({
         anchorEl: null
       });
     });
-    return _this;
+    this.state = {
+      anchorEl: null
+    };
+  }
+  render() {
+    const {
+      anchorEl
+    } = this.state;
+    const {
+      classNames
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: this.props.className
+    }, /*#__PURE__*/_react.default.createElement(_UTButton.default, {
+      classNames: {
+        icon: classNames.icon,
+        root: classNames.button
+      },
+      Icon: _MoreVert.default,
+      onClick: this.handleClick,
+      variant: "text"
+    }), /*#__PURE__*/_react.default.createElement(_Menu.default, {
+      id: "long-menu",
+      anchorEl: anchorEl,
+      open: Boolean(anchorEl),
+      onClose: this.handleClose
+    }, this.props.options.map(option => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+      key: option.name,
+      onClick: option.onPress
+    }, option.name))));
   }
-  _createClass(UTDotMenu, [{
-    key: "render",
-    value: function render() {
-      var anchorEl = this.state.anchorEl;
-      var classNames = this.props.classNames;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: this.props.className
-      }, /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-        classNames: {
-          icon: classNames.icon,
-          root: classNames.button
-        },
-        Icon: _MoreVert.default,
-        onClick: this.handleClick,
-        variant: "text"
-      }), /*#__PURE__*/_react.default.createElement(_Menu.default, {
-        id: "long-menu",
-        anchorEl: anchorEl,
-        open: Boolean(anchorEl),
-        onClose: this.handleClose
-      }, this.props.options.map(function (option) {
-        return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-          key: option.name,
-          onClick: option.onPress
-        }, option.name);
-      })));
-    }
-  }]);
-  return UTDotMenu;
-}(_react.default.Component);
+}
 UTDotMenu.propTypes = {
   options: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
     name: _propTypes.string,