@widergy/energy-ui 1.131.0 → 1.131.1

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [1.131.1](https://github.com/widergy/energy-ui/compare/v1.131.0...v1.131.1) (2022-09-26)
+
+
+### Bug Fixes
+
+* adding tooltip to UTChecklist Checkbox render ([#311](https://github.com/widergy/energy-ui/issues/311)) ([7a52d03](https://github.com/widergy/energy-ui/commit/7a52d03cc3ff4a734aa9f538601a5377413e3acb))
+
 # [1.131.0](https://github.com/widergy/energy-ui/compare/v1.130.3...v1.131.0) (2022-09-15)
 
 

package/dist/components/UTCheckList/index.js

@@ -56,31 +56,32 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 var UTCheckList = function UTCheckList(_ref) {
   var _field$configuration;
 
-  var valueKey = _ref.valueKey,
-      labelKey = _ref.labelKey,
-      input = _ref.input,
-      additionalInfo = _ref.additionalInfo,
-      list = _ref.list,
-      className = _ref.className,
-      shouldShowErrors = _ref.shouldShowErrors,
-      meta = _ref.meta,
-      disabled = _ref.disabled,
+  var additionalInfo = _ref.additionalInfo,
+      allChecked = _ref.allChecked,
+      CustomCheckedIcon = _ref.CustomCheckedIcon,
+      CustomUncheckedIcon = _ref.CustomUncheckedIcon,
       CustomRowLabel = _ref.customRowLabel,
       CustomSelectAllRowLabel = _ref.customSelectAllRowLabel,
       _ref$classes = _ref.classes,
       themeClasses = _ref$classes === void 0 ? {} : _ref$classes,
+      className = _ref.className,
       classNames = _ref.classNames,
+      disabled = _ref.disabled,
+      disabledItemTooltip = _ref.disabledItemTooltip,
+      field = _ref.field,
+      getSelectAllNewValues = _ref.getSelectAllNewValues,
       header = _ref.header,
       headerLabel = _ref.headerLabel,
-      withCheckRow = _ref.withCheckRow,
+      input = _ref.input,
+      labelKey = _ref.labelKey,
+      list = _ref.list,
+      meta = _ref.meta,
+      shouldShowErrors = _ref.shouldShowErrors,
+      titleProps = _ref.titleProps,
       useCustomIcons = _ref.useCustomIcons,
-      allChecked = _ref.allChecked,
-      getSelectAllNewValues = _ref.getSelectAllNewValues,
-      CustomCheckedIcon = _ref.CustomCheckedIcon,
-      CustomUncheckedIcon = _ref.CustomUncheckedIcon,
-      field = _ref.field,
-      withUpperTitle = _ref.withUpperTitle,
-      titleProps = _ref.titleProps;
+      valueKey = _ref.valueKey,
+      withCheckRow = _ref.withCheckRow,
+      withUpperTitle = _ref.withUpperTitle;
   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) {
@@ -168,7 +169,8 @@ var UTCheckList = function UTCheckList(_ref) {
       },
       useCustomIcons: useCustomIcons,
       CustomCheckedIcon: CustomCheckedIcon,
-      CustomUncheckedIcon: CustomUncheckedIcon
+      CustomUncheckedIcon: CustomUncheckedIcon,
+      tooltipContent: item.disabled && disabledItemTooltip && disabledItemTooltip(item, list)
     }));
   })), additionalInfo && additionalInfo.footer && /*#__PURE__*/_react.default.createElement(_FormHelperText.default, null, additionalInfo.footer), shouldShowErrors && /*#__PURE__*/_react.default.createElement(_FormHelperText.default, {
     error: true
@@ -192,6 +194,7 @@ UTCheckList.propTypes = {
   customSelectAllRowLabel: _propTypes.element,
   CustomUncheckedIcon: _propTypes.element,
   disabled: _propTypes.bool,
+  disabledItemTooltip: _propTypes.func,
   field: _formTypes.fieldType,
   getSelectAllNewValues: _propTypes.func,
   header: (0, _propTypes.shape)({

package/dist/components/UTCheckbox/constants.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tippyProps = void 0;
+var tippyProps = {
+  appendTo: function appendTo() {
+    return document.body;
+  },
+  interactive: false,
+  maxWidth: 'none'
+};
+exports.tippyProps = tippyProps;

package/dist/components/UTCheckbox/index.js

@@ -19,6 +19,8 @@ var _form = require("@widergy/web-utils/lib/form");
 
 var _energyHooks = require("@widergy/energy-hooks");
 
+var _UTTooltip = _interopRequireDefault(require("../UTTooltip"));
+
 var _formTypes = require("../../types/formTypes");
 
 var _UTLabel = _interopRequireDefault(require("../UTLabel"));
@@ -29,6 +31,10 @@ var _classesUtils = require("../../utils/classesUtils");
 
 var _theme = require("./theme");
 
+var _constants = require("./constants");
+
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+
 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); }
@@ -83,6 +89,7 @@ var UTCheckbox = function UTCheckbox(_ref) {
       disableRipple = _ref.disableRipple,
       label = _ref.label,
       input = _ref.input,
+      tooltipContent = _ref.tooltipContent,
       onChange = _ref.onChange;
 
   var _useMutableState = (0, _energyHooks.useMutableState)(value),
@@ -101,7 +108,11 @@ var UTCheckbox = function UTCheckbox(_ref) {
   var classes = (0, _classesUtils.mergeClasses)(themeClasses, classNames);
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
     disabled: disabled,
-    control: /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
+    control: /*#__PURE__*/_react.default.createElement(_UTTooltip.default, {
+      content: tooltipContent,
+      stringContentClassName: _stylesModule.default.disableSelectionTooltip,
+      tippyProps: _constants.tippyProps
+    }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
       classes: {
         colorPrimary: classes.checkboxColorPrimary,
         colorSecondary: classes.checkboxColorSecondary
@@ -116,8 +127,9 @@ var UTCheckbox = function UTCheckbox(_ref) {
       onChange: handleChange,
       value: (input === null || input === void 0 ? void 0 : input.value) || value,
       color: color,
-      disableRipple: disableRipple
-    }),
+      disableRipple: disableRipple,
+      disabled: disabled
+    }))),
     label: CustomRowLabel ? /*#__PURE__*/_react.default.createElement(CustomRowLabel, {
       item: item
     }) : /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
@@ -152,7 +164,8 @@ UTCheckbox.propTypes = {
   meta: _formTypes.metaPropTypes,
   showError: _propTypes.bool,
   input: _formTypes.inputPropTypes,
-  disableRipple: _propTypes.bool
+  disableRipple: _propTypes.bool,
+  tooltipContent: _propTypes.element
 };
 
 var _default = (0, _WithTheme.default)(_theme.retrieveStyle, _theme.retrieveMuiTheme)(UTCheckbox);

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

@@ -0,0 +1,3 @@
+.disableSelectionTooltip {
+  text-align: center;
+}

package/package.json

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