@widergy/energy-ui 1.125.2 → 1.126.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [1.126.0](https://github.com/widergy/energy-ui/compare/v1.125.2...v1.126.0) (2022-06-22)
+
+
+### Features
+
+* added UTChecklist, UTRadio and UTRating titles ([#294](https://github.com/widergy/energy-ui/issues/294)) ([39e1cf3](https://github.com/widergy/energy-ui/commit/39e1cf3f19e24ff23df4b47a48f4c91d65003155))
+
 ## [1.125.2](https://github.com/widergy/energy-ui/compare/v1.125.1...v1.125.2) (2022-06-22)
 
 

package/dist/components/UTCheckList/index.js

@@ -39,6 +39,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 || 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 _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."); }
@@ -52,6 +54,8 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 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; }
 
 var UTCheckList = function UTCheckList(_ref) {
+  var _field$configuration;
+
   var valueKey = _ref.valueKey,
       labelKey = _ref.labelKey,
       input = _ref.input,
@@ -73,7 +77,11 @@ var UTCheckList = function UTCheckList(_ref) {
       allChecked = _ref.allChecked,
       getSelectAllNewValues = _ref.getSelectAllNewValues,
       CustomCheckedIcon = _ref.CustomCheckedIcon,
-      CustomUncheckedIcon = _ref.CustomUncheckedIcon;
+      CustomUncheckedIcon = _ref.CustomUncheckedIcon,
+      field = _ref.field,
+      withUpperTitle = _ref.withUpperTitle,
+      titleProps = _ref.titleProps;
+  var shouldShowUpperTitle = (field === null || field === void 0 ? void 0 : (_field$configuration = field.configuration) === null || _field$configuration === void 0 ? void 0 : _field$configuration.ignore_title) && withUpperTitle;
 
   var handleChange = function handleChange(id) {
     var newValues = input.value.indexOf(id) === -1 ? [].concat(_toConsumableArray(input.value), [id]) : input.value.filter(function (elem) {
@@ -112,7 +120,9 @@ var UTCheckList = function UTCheckList(_ref) {
 
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.container, " ").concat(className)
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, shouldShowUpperTitle && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
+    className: "".concat(classes.title)
+  }, titleProps), field.title), /*#__PURE__*/_react.default.createElement("div", {
     className: header ? classes.tableHeader : classes.selectAll
   }, header && header.map(function (item) {
     return /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
@@ -169,39 +179,42 @@ UTCheckList.defaultProps = {
   list: []
 };
 UTCheckList.propTypes = {
-  disabled: _propTypes.bool,
-  valueKey: _propTypes.string.isRequired,
-  labelKey: _propTypes.string.isRequired,
-  input: (0, _propTypes.shape)({
-    onChange: _propTypes.func,
-    value: _propTypes.any
-  }),
   additionalInfo: (0, _propTypes.shape)({
     header: _propTypes.string,
     footer: _propTypes.string
   }),
-  list: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    id: _propTypes.number,
-    label: _propTypes.string,
-    checked: _propTypes.bool
-  })),
   allChecked: _propTypes.bool,
-  shouldShowErrors: _propTypes.bool,
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
   className: _propTypes.string,
-  meta: _formTypes.metaPropTypes,
+  classNames: (0, _propTypes.objectOf)(_propTypes.string),
+  CustomCheckedIcon: _propTypes.element,
   customRowLabel: _propTypes.element,
   customSelectAllRowLabel: _propTypes.element,
+  CustomUncheckedIcon: _propTypes.element,
+  disabled: _propTypes.bool,
+  field: _formTypes.fieldType,
   getSelectAllNewValues: _propTypes.func,
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
   header: (0, _propTypes.shape)({
     text: _propTypes.string
   }),
   headerLabel: _propTypes.string,
-  withCheckRow: _propTypes.bool,
+  input: (0, _propTypes.shape)({
+    onChange: _propTypes.func,
+    value: _propTypes.any
+  }),
+  labelKey: _propTypes.string.isRequired,
+  list: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+    id: _propTypes.number,
+    label: _propTypes.string,
+    checked: _propTypes.bool
+  })),
+  meta: _formTypes.metaPropTypes,
+  shouldShowErrors: _propTypes.bool,
+  titleProps: _propTypes.object,
   useCustomIcons: _propTypes.bool,
-  CustomCheckedIcon: _propTypes.element,
-  CustomUncheckedIcon: _propTypes.element
+  valueKey: _propTypes.string.isRequired,
+  withCheckRow: _propTypes.bool,
+  withUpperTitle: _propTypes.bool
 };
 
 var _default = (0, _WithTheme.default)(_theme.retrieveStyle, _theme.retrieveMuiTheme)(UTCheckList);

package/dist/components/UTRadioGroup/index.js

@@ -21,6 +21,8 @@ var _formTypes = require("../../types/formTypes");
 
 var _WithTheme = _interopRequireDefault(require("../WithTheme"));
 
+var _UTLabel = _interopRequireDefault(require("../UTLabel"));
+
 var _theme = require("./theme");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -29,6 +31,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 || 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, descriptor.key, descriptor); } }
@@ -115,16 +119,25 @@ var UTRadioGroup = /*#__PURE__*/function (_PureComponent) {
   _createClass(UTRadioGroup, [{
     key: "render",
     value: function render() {
+      var _field$configuration;
+
       var _this$props2 = this.props,
           input = _this$props2.input,
           options = _this$props2.options,
-          containerClassName = _this$props2.containerClassName;
-      return /*#__PURE__*/_react.default.createElement(_RadioGroup.default, {
+          containerClassName = _this$props2.containerClassName,
+          field = _this$props2.field,
+          withUpperTitle = _this$props2.withUpperTitle,
+          titleProps = _this$props2.titleProps,
+          classes = _this$props2.classes;
+      var shouldShowUpperTitle = (field === null || field === void 0 ? void 0 : (_field$configuration = field.configuration) === null || _field$configuration === void 0 ? void 0 : _field$configuration.ignore_title) && withUpperTitle;
+      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, shouldShowUpperTitle && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
+        className: "".concat(classes.title)
+      }, titleProps), field.title), /*#__PURE__*/_react.default.createElement(_RadioGroup.default, {
         name: input.name,
         value: input.value,
         className: containerClassName,
         onChange: this.handleChange
-      }, options.map(this.renderRadioItem));
+      }, options.map(this.renderRadioItem)));
     }
   }]);
 
@@ -132,23 +145,26 @@ var UTRadioGroup = /*#__PURE__*/function (_PureComponent) {
 }(_react.PureComponent);
 
 UTRadioGroup.defaultProps = {
-  valueKey: 'value',
+  classes: {},
   labelKey: 'name',
-  classes: {}
+  valueKey: 'value'
 };
 UTRadioGroup.propTypes = {
-  input: _formTypes.inputPropTypes,
-  options: (0, _propTypes.arrayOf)(_propTypes.object),
-  valueKey: _propTypes.string,
-  labelKey: _propTypes.string,
-  divider: _propTypes.bool,
-  disabled: _propTypes.bool,
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
   className: _propTypes.string,
+  classNames: (0, _propTypes.objectOf)(_propTypes.string),
   containerClassName: _propTypes.string,
   customRadioLabel: _propTypes.element,
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  disableRipple: _propTypes.bool
+  disabled: _propTypes.bool,
+  disableRipple: _propTypes.bool,
+  divider: _propTypes.bool,
+  field: _formTypes.fieldType,
+  input: _formTypes.inputPropTypes,
+  labelKey: _propTypes.string,
+  options: (0, _propTypes.arrayOf)(_propTypes.object),
+  titleProps: _propTypes.object,
+  valueKey: _propTypes.string,
+  withUpperTitle: _propTypes.bool
 };
 
 var _default = (0, _WithTheme.default)(_theme.retrieveStyle, _theme.retrieveMuiTheme)(UTRadioGroup);

package/dist/components/UTRating/index.js

@@ -17,6 +17,8 @@ var _formTypes = require("../../types/formTypes");
 
 var _WithTheme = _interopRequireDefault(require("../WithTheme"));
 
+var _UTLabel = _interopRequireDefault(require("../UTLabel"));
+
 var _theme = require("./theme");
 
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
@@ -48,10 +50,14 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var UTRatingContainer = function UTRatingContainer(_ref) {
-  var options = _ref.options,
+  var _field$configuration;
+
+  var classes = _ref.classes,
       field = _ref.field,
       onChange = _ref.onChange,
-      classes = _ref.classes;
+      options = _ref.options,
+      titleProps = _ref.titleProps,
+      withUpperTitle = _ref.withUpperTitle;
 
   var _useState = (0, _react.useState)([]),
       _useState2 = _slicedToArray(_useState, 2),
@@ -68,6 +74,8 @@ var UTRatingContainer = function UTRatingContainer(_ref) {
       temporalSelected = _useState6[0],
       setTemporalSelected = _useState6[1];
 
+  var shouldShowUpperTitle = (field === null || field === void 0 ? void 0 : (_field$configuration = field.configuration) === null || _field$configuration === void 0 ? void 0 : _field$configuration.ignore_title) && withUpperTitle;
+
   var handleClick = function handleClick(order, value) {
     setSelectedOptions((0, _array.autocompleteWithNumbers)(1, order));
     if ((0, _array.isEmpty)(selectedOptions)) setTemporalSelected((0, _array.autocompleteWithNumbers)(1, order));
@@ -92,7 +100,7 @@ var UTRatingContainer = function UTRatingContainer(_ref) {
       value: option.value,
       order: option.order,
       isFirst: options[0].order === option.order,
-      isLast: options.length === option.order,
+      isLast: options[options.length - 1].order === option.order,
       textVariant: field.configuration && field.configuration.text_variant,
       name: option.name,
       classes: classes,
@@ -110,22 +118,29 @@ var UTRatingContainer = function UTRatingContainer(_ref) {
     }, defaultProps));
   };
 
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.container
-  }, options.map(handleMapOptions));
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, shouldShowUpperTitle && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
+    className: "".concat(classes.title)
+  }, titleProps), field.title), /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.container, " ").concat(classes.container)
+  }, options.map(handleMapOptions)));
 };
 
 UTRatingContainer.propTypes = {
+  classes: (0, _propTypes.shape)({
+    avatar: _propTypes.string,
+    container: _propTypes.string,
+    label: _propTypes.string,
+    ratingContainer: _propTypes.string,
+    title: _propTypes.string
+  }),
+  field: _formTypes.fieldType,
+  onChange: _propTypes.func,
   options: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
     order: _propTypes.number,
     value: (0, _propTypes.oneOfType)([_propTypes.number, _propTypes.string])
   })),
-  onChange: _propTypes.func,
-  field: _formTypes.fieldType,
-  classes: (0, _propTypes.shape)({
-    label: _propTypes.string,
-    avatar: _propTypes.string
-  })
+  titleProps: _propTypes.object,
+  withUpperTitle: _propTypes.bool
 };
 
 var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTRatingContainer);

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

@@ -3,6 +3,7 @@
 .container {
   display: flex;
   margin: 10px 0;
+
   @media #{$mobile} {
     margin-bottom: 15px;
   }

package/package.json

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