@widergy/energy-ui 1.134.2 → 2.0.0

package/dist/components/UTWorkflowContainer/theme.js

@@ -6,13 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.retrieveStyle = void 0;
 var _seamlessImmutable = require("seamless-immutable");
 var _colors = _interopRequireDefault(require("../../scss/variables/_colors.scss"));
+var _classesUtils = require("../../utils/classesUtils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 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 retrieveStyle = function retrieveStyle(theme) {
-  var _container, _subtitle;
+var retrieveStyle = function retrieveStyle(_ref) {
+  var _container, _theme$UTWorkflowCont, _theme$UTWorkflowCont2, _theme$UTWorkflowCont3, _theme$UTWorkflowCont4, _theme$UTWorkflowCont5, _theme$UTWorkflowCont6, _theme$UTWorkflowCont7, _theme$UTWorkflowCont8, _theme$UTWorkflowCont9, _theme$UTWorkflowCont10, _theme$UTWorkflowCont11, _theme$UTWorkflowCont12, _subtitle, _theme$UTWorkflowCont13, _theme$UTWorkflowCont14, _theme$UTWorkflowCont15;
+  var theme = _ref.theme;
   var mobile = (0, _seamlessImmutable.getIn)(theme, ['Media', 'mobile']);
   var tabletMobile = (0, _seamlessImmutable.getIn)(theme, ['Media', 'tabletMobile']);
   var desktop = (0, _seamlessImmutable.getIn)(theme, ['Media', 'desktop']);
@@ -71,68 +73,21 @@ var retrieveStyle = function retrieveStyle(theme) {
       maxWidth: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'titles', 'tabletMobile', 'maxWidth'])
     }),
     backButton: _defineProperty({
-      border: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'backButton', 'border']),
-      borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'backButton', 'borderRadius'], 4),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'backButton', 'color']),
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'backButton', 'backgroundColor']),
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'backButton', 'fontSize']),
-      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'backButton', 'fontWeight']),
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'backButton', 'height']),
-      left: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'backButton', 'left']),
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'backButton', 'padding']),
-      '&:hover': {
-        color: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'backButtonHover', 'color']),
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'backButtonHover', 'backgroundColor'])
-      },
-      minWidth: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'backButton', 'minWidth']),
-      boxShadow: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'backButton', 'boxShadow'])
+      minWidth: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'backButton', 'minWidth'])
     }, tabletMobile, {
-      borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'backButton', "tabletMobile", 'borderRadius']),
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'backButton', "tabletMobile", 'padding']),
-      minWidth: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'backButton', "tabletMobile", 'minWidth'], '1px !important')
+      minWidth: (0, _classesUtils.withImportant)((theme === null || theme === void 0 ? void 0 : (_theme$UTWorkflowCont = theme.UTWorkflowContainer) === null || _theme$UTWorkflowCont === void 0 ? void 0 : (_theme$UTWorkflowCont2 = _theme$UTWorkflowCont.backButton) === null || _theme$UTWorkflowCont2 === void 0 ? void 0 : (_theme$UTWorkflowCont3 = _theme$UTWorkflowCont2.tabletMobile) === null || _theme$UTWorkflowCont3 === void 0 ? void 0 : _theme$UTWorkflowCont3.minWidth) || '1px')
     }),
-    buttonIcon: {
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'buttonIcon', 'height']),
-      width: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'buttonIcon', 'width']),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'buttonIcon', 'color'])
-    },
-    backButtonDisabled: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'backButtonDisabled', 'backgroundColor']),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'backButtonDisabled', 'color']),
-      border: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'backButtonDisabled', 'border'])
-    },
-    nextButtonDisabled: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'nextButtonDisabled', 'backgroundColor']),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'nextButtonDisabled', 'color']),
-      border: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'nextButtonDisabled', 'border'])
-    },
     nextButton: _defineProperty({
-      border: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'nextButton', 'border']),
-      borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'nextButton', 'borderRadius'], 4),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'nextButton', 'color']),
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'nextButton', 'backgroundColor']),
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'nextButton', 'fontSize']),
-      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'nextButton', 'fontWeight']),
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'nextButton', 'height']),
-      right: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'nextButton', 'left']),
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'nextButton', 'padding']),
-      '&:hover': {
-        color: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'nextButtonHover', 'color']),
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'nextButtonHover', 'backgroundColor'])
-      },
-      minWidth: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'backButton', 'minWidth']),
-      boxShadow: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'nextButton', 'boxShadow'])
+      minWidth: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'backButton', 'minWidth'])
     }, tabletMobile, {
-      borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'nextButton', "tabletMobile", 'borderRadius']),
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'nextButton', "tabletMobile", 'padding']),
-      minWidth: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'nextButton', "tabletMobile", 'minWidth'], '1px !important')
+      minWidth: (0, _classesUtils.withImportant)((theme === null || theme === void 0 ? void 0 : (_theme$UTWorkflowCont4 = theme.UTWorkflowContainer) === null || _theme$UTWorkflowCont4 === void 0 ? void 0 : (_theme$UTWorkflowCont5 = _theme$UTWorkflowCont4.nextButton) === null || _theme$UTWorkflowCont5 === void 0 ? void 0 : (_theme$UTWorkflowCont6 = _theme$UTWorkflowCont5.tabletMobile) === null || _theme$UTWorkflowCont6 === void 0 ? void 0 : _theme$UTWorkflowCont6.minWidth) || '1px')
     }),
     title: _defineProperty({
       color: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'title', 'color']),
       fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'title', 'fontSize']),
       fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'title', 'fontWeight']),
-      margin: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'title', 'margin'], '0 0 2px 0'),
-      marginBottom: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'title', 'marginBottom']),
+      margin: (0, _classesUtils.withImportant)((theme === null || theme === void 0 ? void 0 : (_theme$UTWorkflowCont7 = theme.UTWorkflowContainer) === null || _theme$UTWorkflowCont7 === void 0 ? void 0 : (_theme$UTWorkflowCont8 = _theme$UTWorkflowCont7.title) === null || _theme$UTWorkflowCont8 === void 0 ? void 0 : _theme$UTWorkflowCont8.margin) || '0 0 2px 0'),
+      marginBottom: (0, _classesUtils.withImportant)(theme === null || theme === void 0 ? void 0 : (_theme$UTWorkflowCont9 = theme.UTWorkflowContainer) === null || _theme$UTWorkflowCont9 === void 0 ? void 0 : (_theme$UTWorkflowCont10 = _theme$UTWorkflowCont9.title) === null || _theme$UTWorkflowCont10 === void 0 ? void 0 : _theme$UTWorkflowCont10.marginBottom),
       textAlign: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'title', 'textAlign'])
     }, tabletMobile, {
       marginTop: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'title', 'tabletMobile', 'marginTop']),
@@ -149,8 +104,7 @@ var retrieveStyle = function retrieveStyle(theme) {
       color: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'subtitle', 'color']),
       fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'subtitle', 'fontSize']),
       fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'subtitle', 'fontWeight']),
-      margin: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'subtitle', 'margin'], '0 0 2px 0'),
-      marginBottom: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'subtitle', 'marginBottom']),
+      margin: (0, _classesUtils.withImportant)((theme === null || theme === void 0 ? void 0 : (_theme$UTWorkflowCont11 = theme.UTWorkflowContainer) === null || _theme$UTWorkflowCont11 === void 0 ? void 0 : (_theme$UTWorkflowCont12 = _theme$UTWorkflowCont11.subtitle) === null || _theme$UTWorkflowCont12 === void 0 ? void 0 : _theme$UTWorkflowCont12.margin) || '0 0 10px 0'),
       textAlign: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'subtitle', 'textAlign'])
     }, _defineProperty(_subtitle, tabletMobile, {
       fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'subtitle', 'tabletMobile', 'fontSize'])
@@ -174,7 +128,7 @@ var retrieveStyle = function retrieveStyle(theme) {
       justifyContent: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'bottomActions', 'container', 'justifyContent']),
       margin: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'bottomActions', 'container', 'padding'], '0'),
       minHeight: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'bottomActions', 'container', 'minHeight'], '90px'),
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'bottomActions', 'container', 'padding'], '0 !important')
+      padding: (0, _classesUtils.withImportant)((theme === null || theme === void 0 ? void 0 : (_theme$UTWorkflowCont13 = theme.UTWorkflowContainer) === null || _theme$UTWorkflowCont13 === void 0 ? void 0 : (_theme$UTWorkflowCont14 = _theme$UTWorkflowCont13.bottomActions) === null || _theme$UTWorkflowCont14 === void 0 ? void 0 : (_theme$UTWorkflowCont15 = _theme$UTWorkflowCont14.container) === null || _theme$UTWorkflowCont15 === void 0 ? void 0 : _theme$UTWorkflowCont15.padding) || 0)
     }
   };
 };

package/dist/components/UTWorkflowContainer/types.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.buttonTypes = void 0;
 var _propTypes = require("prop-types");
 var buttonTypes = (0, _propTypes.oneOfType)([_propTypes.element, (0, _propTypes.shape)({
-  onPress: _propTypes.func,
+  onClick: _propTypes.func,
   disabled: _propTypes.bool,
   label: _propTypes.string,
   buttonProps: _propTypes.object,

package/dist/components/WithTheme/layout.js

@@ -5,57 +5,61 @@ 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 _reactJss = _interopRequireDefault(require("react-jss"));
+var _jss = _interopRequireDefault(require("jss"));
+var _jssPresetDefault = _interopRequireDefault(require("jss-preset-default"));
+var _objectHash = _interopRequireDefault(require("object-hash"));
 var _styles = require("@material-ui/core/styles");
+var _theme = require("../../theme");
+var _excluded = ["Component", "muiTheme", "retrieveMuiTheme", "retrieveStyle", "theme"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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 _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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 _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); }
-var ThemedComponent = /*#__PURE__*/function (_PureComponent) {
-  _inherits(ThemedComponent, _PureComponent);
-  var _super = _createSuper(ThemedComponent);
-  function ThemedComponent(props) {
-    var _this;
-    _classCallCheck(this, ThemedComponent);
-    _this = _super.call(this, props);
-    _this.muiTheme = _this.props.retrieveMuiTheme && _this.props.retrieveMuiTheme(_this.props.theme, _this.props.muiTheme);
-    _this.StyledComponent = _this.props.retrieveStyle ? (0, _reactJss.default)(_this.props.retrieveStyle(_this.props.theme))(_this.props.Component) : _this.props.Component;
-    return _this;
-  }
-  _createClass(ThemedComponent, [{
-    key: "render",
-    value: function render() {
-      return this.muiTheme ? /*#__PURE__*/_react.default.createElement(_styles.MuiThemeProvider, {
-        theme: this.muiTheme
-      }, /*#__PURE__*/_react.default.createElement(this.StyledComponent, _extends({
-        base: true
-      }, this.props))) : /*#__PURE__*/_react.default.createElement(this.StyledComponent, _extends({
-        base: true
-      }, this.props));
-    }
-  }]);
-  return ThemedComponent;
-}(_react.PureComponent);
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+_jss.default.setup((0, _jssPresetDefault.default)());
+_jss.default.options.insertionPoint = document.getElementById('energyui-insertion-point');
+var conditionalCreateSheet = function conditionalCreateSheet(retrieveStyle, theme) {
+  var styles = retrieveStyle(theme);
+  var stylesKey = (0, _objectHash.default)(styles);
+  var sheet = _theme.manager.get(stylesKey);
+  if (sheet) return sheet.classes;
+  sheet = _jss.default.createStyleSheet(styles);
+  _theme.manager.add(stylesKey, sheet);
+  var _sheet$attach = sheet.attach(),
+    classes = _sheet$attach.classes;
+  return classes;
+};
+var ThemedComponent = function ThemedComponent(_ref) {
+  var Component = _ref.Component,
+    muiTheme = _ref.muiTheme,
+    retrieveMuiTheme = _ref.retrieveMuiTheme,
+    retrieveStyle = _ref.retrieveStyle,
+    theme = _ref.theme,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var classes = conditionalCreateSheet(retrieveStyle, _objectSpread({
+    theme: theme
+  }, props));
+  var muiThemeUpdated = retrieveMuiTheme && retrieveMuiTheme(theme, muiTheme);
+  return muiThemeUpdated ? /*#__PURE__*/_react.default.createElement(_styles.MuiThemeProvider, {
+    theme: muiThemeUpdated
+  }, /*#__PURE__*/_react.default.createElement(Component, _extends({
+    classes: classes
+  }, props))) : /*#__PURE__*/_react.default.createElement(Component, _extends({
+    classes: classes
+  }, props));
+};
 ThemedComponent.propTypes = {
   Component: (0, _propTypes.oneOfType)([_propTypes.elementType, _propTypes.func]),
-  retrieveStyle: _propTypes.func,
+  muiTheme: _propTypes.object,
   retrieveMuiTheme: _propTypes.func,
-  theme: _propTypes.object,
-  muiTheme: _propTypes.object
+  retrieveStyle: _propTypes.func,
+  theme: _propTypes.object
 };
 var _default = ThemedComponent;
 exports.default = _default;

package/dist/scss/variables/_colors.scss

@@ -37,6 +37,10 @@ $switch-hover: rgba(1, 1, 1, 0.07);
 $switch-active: rgba(1, 1, 1, 0.17);
 $switch-gray: #CCC;
 $switch-gray-hover: rgba(180, 180, 180, 1);
+$button-primary: #2B70FB;
+$button-secondary: #1A58D5;
+$button-tertiary: #E9F0FD;
+$button-shadow: #C9DBFE;
 $image-radio-background: #E5E5E5;
 $image-radio-background-hover: darken(#E5E5E5, 10%);
 $green: #02E700;
@@ -85,6 +89,10 @@ $card-background: #FAFAFA;
   switchActive: $switch-active;
   switchGray: $switch-gray;
   switchGrayHover: $switch-gray-hover;
+  buttonPrimary: $button-primary;
+  buttonSecodary: $button-secondary;
+  buttonTertiary: $button-tertiary;
+  buttonShadow: $button-shadow;
   imageRadioBackground: $image-radio-background;
   imageRadioBackgroundHover: $image-radio-background-hover;
   ratingStarSelected: $rating-star-selected;

package/dist/theme.js

@@ -3,10 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.EnergyThemeProvider = exports.EnergyThemeConsumer = void 0;
+exports.manager = exports.EnergyThemeProvider = exports.EnergyThemeConsumer = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _jss = require("jss");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var ThemeContext = /*#__PURE__*/_react.default.createContext({});
+var manager = new _jss.SheetsManager();
+exports.manager = manager;
 var EnergyThemeProvider = ThemeContext.Provider,
   EnergyThemeConsumer = ThemeContext.Consumer;
 exports.EnergyThemeConsumer = EnergyThemeConsumer;

package/dist/types/formTypes.js

@@ -44,7 +44,7 @@ var fieldType = (0, _propTypes.shape)({
   required_message: _propTypes.string,
   key: _propTypes.string,
   field_options: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    name: _propTypes.string.isRequired,
+    name: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.node]),
     id: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.number]).isRequired,
     key: _propTypes.string,
     value: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.number])
@@ -57,10 +57,10 @@ var fieldType = (0, _propTypes.shape)({
   normalize: (0, _propTypes.oneOfType)([_propTypes.func, (0, _propTypes.arrayOf)(_propTypes.func)]),
   form_id: _propTypes.number,
   child_keys: _propTypes.string,
-  visibility_parent_field_key_id: _propTypes.string,
+  visibility_parent_field_key_id: _propTypes.number,
   visibility_parent_field_option_value_id: (0, _propTypes.oneOfType)([_propTypes.number, (0, _propTypes.arrayOf)(_propTypes.number)]),
   visibility_parent_field_option_values: _propTypes.array,
-  visibility_toggleable_field_id: _propTypes.string,
+  visibility_toggleable_field_id: _propTypes.number,
   visibility_toggleable_field_value: _propTypes.string,
   read_only: _propTypes.bool,
   default_value: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.bool, _propTypes.number]),

package/dist/utils/classesUtils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mergeClasses = void 0;
+exports.withImportant = exports.mergeClasses = void 0;
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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); }
@@ -15,8 +15,12 @@ var mergeClasses = function mergeClasses(themeClasses, classNames) {
   var classes = {};
   var allClassNames = [].concat(_toConsumableArray(Object.keys(classNames)), _toConsumableArray(Object.keys(themeClasses)));
   allClassNames.forEach(function (name) {
-    classes[name] = "".concat(themeClasses[name], " ").concat(classNames[name]);
+    classes[name] = "".concat(themeClasses[name] || '', " ").concat(classNames[name] || '').trim();
   });
   return classes;
 };
-exports.mergeClasses = mergeClasses;
+exports.mergeClasses = mergeClasses;
+var withImportant = function withImportant(style) {
+  return style && "".concat(style, " !important");
+};
+exports.withImportant = withImportant;

package/dist/utils/shadowUtils.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getShadow = void 0;
+var defaultOrientation = 'bottom';
+var defaultLevel = 1;
+var levels = {
+  1: 6,
+  2: 12,
+  3: 24
+};
+var orientations = {
+  bottom: {
+    1: 3,
+    2: 6,
+    3: 24
+  },
+  center: {
+    1: 0,
+    2: 0,
+    3: 0
+  },
+  top: {
+    1: -3,
+    2: -6,
+    3: -24
+  }
+};
+var getShadow = function getShadow(_ref) {
+  var color = _ref.color,
+    level = _ref.level,
+    orientation = _ref.orientation;
+  var shadowLevel = levels[level] || levels[defaultLevel];
+  var shadowOrientation = orientations[orientation] || orientations[defaultOrientation];
+  var shadowOrientationLevel = shadowOrientation[level] || shadowOrientation[defaultLevel];
+  return "0 ".concat(shadowOrientationLevel, "px ").concat(shadowLevel, "px 0 ").concat(color, "1a");
+};
+exports.getShadow = getShadow;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/energy-ui",
-  "version": "1.134.2",
+  "version": "2.0.0",
   "description": "Widergy Web Components",
   "author": "widergy",
   "license": "MIT",
@@ -40,14 +40,16 @@
     "emojilib": "3.0.5",
     "node-sass": "^4.9.0",
     "numeral": "^2.0.6",
+    "object-hash": "^3.0.0",
     "react-google-maps": ">=9.2.2",
     "react-google-recaptcha": "^1.0.1",
     "react-jss": "^8.6.1",
-    "react-markdown": "^5.0.1",
+    "react-markdown": "^7.1.0",
     "react-perfect-scrollbar": "^1.5.3",
     "react-transition-group": "^4.2.2",
     "react-window": "^1.8.5",
-    "remark-breaks": "^2.0.1",
+    "rehype-raw": "^6.1.0",
+    "remark-breaks": "^3.0.2",
     "sass-loader": "^7.0.3",
     "seamless-immutable": "^7.1.4"
   },

package/dist/components/UTDialog/components/ActionButton/index.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _UTButton = _interopRequireDefault(require("../../../UTButton"));
-var _types = require("../../types");
-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 ActionButton = function ActionButton(_ref) {
-  var button = _ref.button,
-    className = _ref.className,
-    defaultText = _ref.defaultText,
-    ButtonComponent = _ref.ButtonComponent;
-  var Component = ButtonComponent || _UTButton.default;
-  return /*#__PURE__*/_react.default.isValidElement(button) ? /*#__PURE__*/_react.default.cloneElement(button, {
-    className: className
-  }) : /*#__PURE__*/_react.default.createElement(Component, _extends({
-    loading: button.loading,
-    onPress: button.onPress,
-    disabled: button.disabled,
-    className: "".concat(className, " ").concat(button.className)
-  }, button.config), button.text || defaultText);
-};
-ActionButton.propTypes = {
-  button: _types.dialogButtonPropTypes,
-  className: _propTypes.string,
-  defaultText: _propTypes.string,
-  ButtonComponent: (0, _propTypes.oneOfType)([_propTypes.element, _propTypes.elementType, _propTypes.node, _propTypes.func])
-};
-var _default = ActionButton;
-exports.default = _default;

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

@@ -1,3 +0,0 @@
-.link {
-  color: inherit;
-}