@widergy/energy-ui 3.28.0 → 3.30.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [3.30.0](https://github.com/widergy/energy-ui/compare/v3.29.0...v3.30.0) (2024-10-15)
+
+
+### Features
+
+* add UTCheckbox and UTCheckList ([#509](https://github.com/widergy/energy-ui/issues/509)) ([5c7eabd](https://github.com/widergy/energy-ui/commit/5c7eabd8a9f6499affabf53ce8d98302beaaba5a))
+
+# [3.29.0](https://github.com/widergy/energy-ui/compare/v3.28.0...v3.29.0) (2024-10-15)
+
+
+### Features
+
+* add UTSearchField ([#507](https://github.com/widergy/energy-ui/issues/507)) ([2f53c30](https://github.com/widergy/energy-ui/commit/2f53c30719d54e36cfe2f4007cb8bce290027994))
+
 # [3.28.0](https://github.com/widergy/energy-ui/compare/v3.27.0...v3.28.0) (2024-10-10)
 
 

package/dist/components/UTBaseInputField/constants.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.COMPONENT_KEYS = exports.COMPONENTS_MAPPER = void 0;
+var _ActionAdornment = _interopRequireDefault(require("./components/ActionAdornment"));
+var _IconAdornment = _interopRequireDefault(require("./components/IconAdornment"));
+var _PrefixAdornment = _interopRequireDefault(require("./components/PrefixAdornment"));
+var _SuffixAdornment = _interopRequireDefault(require("./components/SuffixAdornment"));
+var _TooltipAdornment = _interopRequireDefault(require("./components/TooltipAdornment"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const COMPONENT_KEYS = exports.COMPONENT_KEYS = {
+  ACTION: 'Action',
+  ICON: 'Icon',
+  PREFIX: 'Prefix',
+  SUFFIX: 'Suffix',
+  TOOLTIP: 'Tooltip'
+};
+const COMPONENTS_MAPPER = exports.COMPONENTS_MAPPER = {
+  [COMPONENT_KEYS.ACTION]: _ActionAdornment.default,
+  [COMPONENT_KEYS.ICON]: _IconAdornment.default,
+  [COMPONENT_KEYS.PREFIX]: _PrefixAdornment.default,
+  [COMPONENT_KEYS.SUFFIX]: _SuffixAdornment.default,
+  [COMPONENT_KEYS.TOOLTIP]: _TooltipAdornment.default
+};

package/dist/components/UTBaseInputField/index.js

@@ -10,19 +10,16 @@ var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
 var _classesUtils = require("../../utils/classesUtils");
 var _UTLabel = _interopRequireDefault(require("../UTLabel"));
 var _WithTheme = _interopRequireDefault(require("../WithTheme"));
+var _constants = require("./constants");
 var _theme = require("./theme");
-var _ActionAdornment = _interopRequireDefault(require("./components/ActionAdornment"));
-var _IconAdornment = _interopRequireDefault(require("./components/IconAdornment"));
-var _PrefixAdornment = _interopRequireDefault(require("./components/PrefixAdornment"));
+var _utils = require("./utils");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _SuffixAdornment = _interopRequireDefault(require("./components/SuffixAdornment"));
-var _TooltipAdornment = _interopRequireDefault(require("./components/TooltipAdornment"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 && {}.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() { 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); }
 const UTBaseInputField = _ref => {
   let {
-    action,
     alwaysShowPlaceholder,
     classes: theme,
     classNames = {},
@@ -30,19 +27,16 @@ const UTBaseInputField = _ref => {
     disabled,
     error,
     id,
-    LeftIcon,
+    leftAdornments = [],
     maxLength,
     maxRows = 1,
     onBlur,
     onChange = () => {},
     onFocus,
     placeholder,
-    prefix,
     readOnly,
-    RightIcon,
+    rightAdornments = [],
     showCharacterCount,
-    suffix,
-    tooltip,
     type,
     value = null
   } = _ref;
@@ -77,12 +71,25 @@ const UTBaseInputField = _ref => {
   const shouldShowPlaceholder = alwaysShowPlaceholder || focused;
   const multiline = maxRows > 1;
   const hasCharactersCount = (0, _react.useMemo)(() => showCharacterCount && maxLength && !disabled && !readOnly, [showCharacterCount, maxLength, disabled, readOnly]);
-  const hasStartAdornments = (0, _react.useMemo)(() => LeftIcon || prefix, [LeftIcon, prefix]);
-  const hasEndAdornments = suffix || RightIcon || action || tooltip || error;
+  const validLeftAdornments = (0, _react.useMemo)(() => (0, _utils.validateAdornments)(leftAdornments) ? leftAdornments : [], [leftAdornments]);
+  const validRightAdornments = (0, _react.useMemo)(() => (0, _utils.validateAdornments)(rightAdornments) ? rightAdornments : [], [rightAdornments]);
+  const renderAdornment = (0, _react.useCallback)(adornment => {
+    const Component = _constants.COMPONENTS_MAPPER[adornment.name];
+    const adornmentProps = {
+      ...adornment.props,
+      error,
+      disabled: disabled && !readOnly,
+      classNames: adornment.name === _constants.COMPONENT_KEYS.ACTION ? {
+        root: _stylesModule.default.actionButton
+      } : undefined
+    };
+    return Component ? /*#__PURE__*/_react.default.createElement(Component, _extends({}, adornmentProps, {
+      key: adornment.name
+    })) : null;
+  }, [error, disabled, readOnly]);
   return /*#__PURE__*/_react.default.createElement(_TextField.default, {
     margin: "none",
-    autoComplete: "new-password" // in the new MUI's version, the autocomplete='off' doesn't work for Chrome, please use this instead
-    ,
+    autoComplete: "new-password",
     disabled: disabled || readOnly,
     error: error,
     id: id,
@@ -103,45 +110,34 @@ const UTBaseInputField = _ref => {
         'data-testid': dataTestId
       },
       classes: {
-        notchedOutline: "".concat(classes.inputContainer, " ").concat(focused && classes.focusedInputContainer),
-        adornedStart: _stylesModule.default.elementsContainer,
         adornedEnd: _stylesModule.default.elementsContainer,
+        adornedStart: _stylesModule.default.elementsContainer,
         input: classes.input,
-        root: classes.root
+        notchedOutline: "".concat(classes.inputContainer, " ").concat(focused && classes.focusedInputContainer),
+        root: "".concat(classes.root, " ").concat(focused && classes.focusedRoot)
       },
-      startAdornment: hasStartAdornments ? /*#__PURE__*/_react.default.createElement("div", {
+      startAdornment: validLeftAdornments.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
         className: _stylesModule.default.adornmentsContainer
-      }, LeftIcon && /*#__PURE__*/_react.default.createElement(_IconAdornment.default, {
-        Icon: LeftIcon
-      }), prefix && /*#__PURE__*/_react.default.createElement(_PrefixAdornment.default, {
-        text: prefix
-      })) : hasCharactersCount && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+      }, validLeftAdornments.map(renderAdornment)) : hasCharactersCount && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
         className: classes.charactersCount,
         colorTheme: "gray",
         variant: "small"
       }, (value === null || value === void 0 ? void 0 : value.length) || 0, "/", maxLength),
-      endAdornment: hasEndAdornments && /*#__PURE__*/_react.default.createElement("div", {
+      endAdornment: validRightAdornments.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
         className: "".concat(_stylesModule.default.adornmentsContainer, " ").concat(multiline && _stylesModule.default.multilineAdornmentsContainer)
-      }, suffix && /*#__PURE__*/_react.default.createElement(_SuffixAdornment.default, {
-        text: suffix
-      }), (RightIcon || error) && /*#__PURE__*/_react.default.createElement(_IconAdornment.default, {
-        changeOnError: true,
-        error: error,
-        Icon: RightIcon
-      }), action && /*#__PURE__*/_react.default.createElement(_ActionAdornment.default, {
-        action: action,
-        classNames: {
-          root: _stylesModule.default.actionButton
-        },
-        disabled: disabled && !readOnly
-      }), tooltip && /*#__PURE__*/_react.default.createElement(_TooltipAdornment.default, {
-        tooltip: tooltip
-      }))
+      }, validRightAdornments.map(renderAdornment))
     }
   });
 };
 const propTypes = exports.propTypes = {
-  action: _propTypes.elementType,
+  leftAdornments: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+    name: _propTypes.string.isRequired,
+    props: (0, _propTypes.objectOf)(_propTypes.string)
+  })),
+  rightAdornments: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+    name: _propTypes.string.isRequired,
+    props: (0, _propTypes.objectOf)(_propTypes.string)
+  })),
   alwaysShowPlaceholder: _propTypes.bool,
   classes: (0, _propTypes.objectOf)(_propTypes.string),
   classNames: (0, _propTypes.objectOf)(_propTypes.string),
@@ -149,21 +145,17 @@ const propTypes = exports.propTypes = {
   disabled: _propTypes.bool,
   error: _propTypes.bool,
   id: _propTypes.string,
-  LeftIcon: _propTypes.elementType,
   maxLength: _propTypes.number,
   maxRows: _propTypes.number,
   onBlur: _propTypes.func,
   onChange: _propTypes.func,
   onFocus: _propTypes.func,
   placeholder: _propTypes.string,
-  prefix: _propTypes.string,
   readOnly: _propTypes.bool,
-  RightIcon: _propTypes.elementType,
   showCharacterCount: _propTypes.bool,
-  suffix: _propTypes.string,
-  tooltip: _propTypes.string,
   type: _propTypes.string,
-  value: _propTypes.string
+  value: _propTypes.string,
+  variant: _propTypes.string
 };
 UTBaseInputField.propTypes = propTypes;
 var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTBaseInputField);

package/dist/components/UTBaseInputField/theme.js

@@ -17,13 +17,14 @@ const SMALL_PADDING = {
 const GRID_GAP = 16;
 const retrieveStyle = _ref => {
   let {
-    theme,
-    inputSize,
-    error,
     disabled: receivedDisabled,
+    error,
+    inputSize,
+    maxLength,
     readOnly,
     showCharacterCount,
-    maxLength
+    theme,
+    variant
   } = _ref;
   const disabled = receivedDisabled && !readOnly;
   const verticalPadding = "".concat(inputSize === 'small' ? SMALL_PADDING.VERTICAL : PADDING.VERTICAL, "px");
@@ -36,11 +37,15 @@ const retrieveStyle = _ref => {
       bottom: verticalPadding
     },
     root: {
+      minWidth: '320px',
       backgroundColor: theme.Palette.light['01'],
       paddingBottom: hasCharactersCount ? multilineVerticalPadding : verticalPadding,
       paddingLeft: horizontalPadding,
       paddingRight: horizontalPadding,
       paddingTop: verticalPadding,
+      ...(variant === 'gray' && {
+        backgroundColor: theme.Palette.light['04']
+      }),
       ...(readOnly && {
         backgroundColor: 'transparent',
         paddingLeft: 0,
@@ -54,6 +59,9 @@ const retrieveStyle = _ref => {
       borderColor: "".concat(theme.Palette.light['05'], " !important"),
       borderRadius: '4px',
       borderWidth: '1px',
+      ...(variant === 'gray' && {
+        borderColor: 'transparent !important'
+      }),
       ...(error && {
         borderColor: "".concat(theme.Palette.error['04'], " !important")
       }),
@@ -64,6 +72,9 @@ const retrieveStyle = _ref => {
         borderColor: 'transparent !important'
       })
     },
+    focusedRoot: {
+      backgroundColor: theme.Palette.light['01']
+    },
     focusedInputContainer: {
       ...(!error && {
         borderColor: "".concat(theme.Palette.accent['04'], " !important"),

package/dist/components/UTBaseInputField/utils.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validateAdornments = void 0;
+var _constants = require("./constants");
+const validateAdornments = adornments => adornments.every(adornment => _constants.COMPONENTS_MAPPER[adornment.name]);
+exports.validateAdornments = validateAdornments;

package/dist/components/UTCheckList/index.js

@@ -4,171 +4,23 @@ 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 _array = require("@widergy/web-utils/lib/array");
-var _FormGroup = _interopRequireDefault(require("@material-ui/core/FormGroup"));
-var _FormHelperText = _interopRequireDefault(require("@material-ui/core/FormHelperText"));
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _UTCheckbox = _interopRequireDefault(require("../UTCheckbox"));
-var _classesUtils = require("../../utils/classesUtils");
-var _UTLabel = _interopRequireDefault(require("../UTLabel"));
-var _formTypes = require("../../types/formTypes");
-var _theme = require("./theme");
-var _constants = require("./constants");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+var _V = _interopRequireDefault(require("./versions/V0"));
+var _V2 = _interopRequireDefault(require("./versions/V1"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 && {}.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() { 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); }
 const UTCheckList = _ref => {
-  var _field$configuration;
   let {
-    additionalInfo,
-    allChecked,
-    CustomCheckedIcon,
-    CustomUncheckedIcon,
-    customRowLabel: CustomRowLabel,
-    customSelectAllRowLabel: CustomSelectAllRowLabel,
-    classes: themeClasses = {},
-    className,
-    classNames,
-    disabled,
-    disabledItemTooltip,
-    field,
-    getSelectAllNewValues,
-    header,
-    headerLabel,
-    input,
-    labelKey,
-    list,
-    meta,
-    shouldShowErrors,
-    titleProps,
-    useCustomIcons,
-    valueKey,
-    withCheckRow,
-    withUpperTitle
+    version = 'V0',
+    ...props
   } = _ref;
-  const shouldShowUpperTitle = (field === null || field === void 0 || (_field$configuration = field.configuration) === null || _field$configuration === void 0 ? void 0 : _field$configuration.ignore_title) && withUpperTitle;
-  const handleChange = id => {
-    const newValues = input.value.indexOf(id) === -1 ? [...input.value, id] : input.value.filter(elem => elem !== id);
-    input.onChange((0, _array.isEmpty)(newValues) ? null : newValues);
-  };
-  const handleCheckAll = () => {
-    if (getSelectAllNewValues) {
-      input.onChange(getSelectAllNewValues());
-    } else if (list.length !== input.value.length) {
-      input.onChange(list.map(item => item[valueKey]));
-    } else {
-      input.onChange(null);
-    }
-  };
-  (0, _react.useEffect)(() => {
-    if (allChecked) handleCheckAll();
-  }, []);
-  const classes = (0, _classesUtils.mergeClasses)(themeClasses, classNames);
-  const label = function () {
-    let key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    let item = arguments.length > 1 ? arguments[1] : undefined;
-    return key.map(keyValue => /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-      variant: "xsmall",
-      className: classes.rowItem
-    }, item[keyValue]));
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.container, " ").concat(className)
-  }, shouldShowUpperTitle && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
-    className: classes.title
-  }, titleProps, {
-    withMarkdown: true
-  }), field.title), /*#__PURE__*/_react.default.createElement("div", {
-    className: header ? classes.tableHeader : classes.selectAll
-  }, header && header.map(item => /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    weight: "bold",
-    className: classes.headerItem,
-    key: item.text
-  }, item.text)), /*#__PURE__*/_react.default.createElement(_UTCheckbox.default, {
-    disabled: disabled,
-    onChange: handleCheckAll,
-    value: list.length === input.value.length,
-    label: header ? headerLabel : additionalInfo && additionalInfo.header || _constants.defaultAdditionalInfoHeader,
-    classNames: {
-      root: !header && classes.selectAllRowRoot,
-      checkedIcon: classes.checkedIcon,
-      uncheckedIcon: classes.uncheckedIcon
-    },
-    customRowLabel: CustomSelectAllRowLabel,
-    useCustomIcons: useCustomIcons,
-    CustomCheckedIcon: CustomCheckedIcon,
-    CustomUncheckedIcon: CustomUncheckedIcon
-  })), /*#__PURE__*/_react.default.createElement(_FormGroup.default, {
-    className: "".concat(_stylesModule.default.rows, " ").concat(classes.rowContainerClassName)
-  }, list.map(item => /*#__PURE__*/_react.default.createElement("div", {
-    className: "\n              ".concat(_stylesModule.default.row, "\n              ").concat(withCheckRow && classes.checkRowContainer, "\n              ").concat(!(0, _array.isEmpty)(input.value) && !!input.value.find(val => val === item[valueKey]) && classes.customRowRootChecked, " "),
-    key: item[valueKey]
-  }, withCheckRow && label([valueKey, labelKey], item), /*#__PURE__*/_react.default.createElement(_UTCheckbox.default, {
-    disabled: disabled || item.disabled,
-    item: item,
-    key: item[valueKey],
-    value: input.value.indexOf(item[valueKey]) !== -1,
-    label: withCheckRow ? '' : item[labelKey],
-    onChange: () => handleChange(item[valueKey]),
-    customRowLabel: CustomRowLabel,
-    classNames: {
-      root: !withCheckRow && classes.customRowRoot,
-      checkedIcon: classes.checkedIcon,
-      uncheckedIcon: classes.uncheckedIcon,
-      label: classes.label
-    },
-    useCustomIcons: useCustomIcons,
-    CustomCheckedIcon: CustomCheckedIcon,
-    CustomUncheckedIcon: CustomUncheckedIcon,
-    tooltipContent: item.disabled && disabledItemTooltip ? disabledItemTooltip(item, list) : undefined
-  })))), additionalInfo && additionalInfo.footer && /*#__PURE__*/_react.default.createElement(_FormHelperText.default, null, additionalInfo.footer), shouldShowErrors && /*#__PURE__*/_react.default.createElement(_FormHelperText.default, {
-    error: true
-  }, meta && meta.error));
-};
-UTCheckList.defaultProps = {
-  list: []
+  const Component = {
+    V0: _V.default,
+    V1: _V2.default
+  }[version];
+  return /*#__PURE__*/_react.default.createElement(Component, props);
 };
 UTCheckList.propTypes = {
-  additionalInfo: (0, _propTypes.shape)({
-    header: _propTypes.string,
-    footer: _propTypes.string
-  }),
-  allChecked: _propTypes.bool,
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  className: _propTypes.string,
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  CustomCheckedIcon: _propTypes.element,
-  customRowLabel: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.element, _propTypes.string]),
-  customSelectAllRowLabel: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.element, _propTypes.string]),
-  CustomUncheckedIcon: _propTypes.element,
-  disabled: _propTypes.bool,
-  disabledItemTooltip: _propTypes.func,
-  field: _formTypes.fieldType,
-  getSelectAllNewValues: _propTypes.func,
-  header: (0, _propTypes.shape)({
-    text: _propTypes.string
-  }),
-  headerLabel: _propTypes.string,
-  input: (0, _propTypes.shape)({
-    onChange: _propTypes.func,
-    value: _propTypes.any
-  }),
-  labelKey: _propTypes.string.isRequired,
-  list: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    id: (0, _propTypes.oneOfType)([_propTypes.number, _propTypes.string]),
-    label: _propTypes.string,
-    checked: _propTypes.bool
-  })),
-  meta: _formTypes.metaPropTypes,
-  shouldShowErrors: _propTypes.bool,
-  titleProps: _propTypes.object,
-  useCustomIcons: _propTypes.bool,
-  valueKey: _propTypes.string.isRequired,
-  withCheckRow: _propTypes.bool,
-  withUpperTitle: _propTypes.bool
+  version: _propTypes.string
 };
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle, _theme.retrieveMuiTheme)(UTCheckList);
+var _default = exports.default = UTCheckList;

package/dist/components/UTCheckList/versions/V0/index.js

@@ -0,0 +1,174 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _array = require("@widergy/web-utils/lib/array");
+var _FormGroup = _interopRequireDefault(require("@material-ui/core/FormGroup"));
+var _FormHelperText = _interopRequireDefault(require("@material-ui/core/FormHelperText"));
+var _WithTheme = _interopRequireDefault(require("../../../WithTheme"));
+var _UTCheckbox = _interopRequireDefault(require("../../../UTCheckbox"));
+var _classesUtils = require("../../../../utils/classesUtils");
+var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
+var _formTypes = require("../../../../types/formTypes");
+var _theme = require("./theme");
+var _constants = require("./constants");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 && {}.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() { 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); }
+const UTCheckList = _ref => {
+  var _field$configuration;
+  let {
+    additionalInfo,
+    allChecked,
+    CustomCheckedIcon,
+    CustomUncheckedIcon,
+    customRowLabel: CustomRowLabel,
+    customSelectAllRowLabel: CustomSelectAllRowLabel,
+    classes: themeClasses = {},
+    className,
+    classNames,
+    disabled,
+    disabledItemTooltip,
+    field,
+    getSelectAllNewValues,
+    header,
+    headerLabel,
+    input,
+    labelKey,
+    list,
+    meta,
+    shouldShowErrors,
+    titleProps,
+    useCustomIcons,
+    valueKey,
+    withCheckRow,
+    withUpperTitle
+  } = _ref;
+  const shouldShowUpperTitle = (field === null || field === void 0 || (_field$configuration = field.configuration) === null || _field$configuration === void 0 ? void 0 : _field$configuration.ignore_title) && withUpperTitle;
+  const handleChange = id => {
+    const newValues = input.value.indexOf(id) === -1 ? [...input.value, id] : input.value.filter(elem => elem !== id);
+    input.onChange((0, _array.isEmpty)(newValues) ? null : newValues);
+  };
+  const handleCheckAll = () => {
+    if (getSelectAllNewValues) {
+      input.onChange(getSelectAllNewValues());
+    } else if (list.length !== input.value.length) {
+      input.onChange(list.map(item => item[valueKey]));
+    } else {
+      input.onChange(null);
+    }
+  };
+  (0, _react.useEffect)(() => {
+    if (allChecked) handleCheckAll();
+  }, []);
+  const classes = (0, _classesUtils.mergeClasses)(themeClasses, classNames);
+  const label = function () {
+    let key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    let item = arguments.length > 1 ? arguments[1] : undefined;
+    return key.map(keyValue => /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+      variant: "xsmall",
+      className: classes.rowItem
+    }, item[keyValue]));
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.container, " ").concat(className)
+  }, shouldShowUpperTitle && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
+    className: classes.title
+  }, titleProps, {
+    withMarkdown: true
+  }), field.title), /*#__PURE__*/_react.default.createElement("div", {
+    className: header ? classes.tableHeader : classes.selectAll
+  }, header && header.map(item => /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    weight: "bold",
+    className: classes.headerItem,
+    key: item.text
+  }, item.text)), /*#__PURE__*/_react.default.createElement(_UTCheckbox.default, {
+    disabled: disabled,
+    onChange: handleCheckAll,
+    value: list.length === input.value.length,
+    label: header ? headerLabel : additionalInfo && additionalInfo.header || _constants.defaultAdditionalInfoHeader,
+    classNames: {
+      root: !header && classes.selectAllRowRoot,
+      checkedIcon: classes.checkedIcon,
+      uncheckedIcon: classes.uncheckedIcon
+    },
+    customRowLabel: CustomSelectAllRowLabel,
+    useCustomIcons: useCustomIcons,
+    CustomCheckedIcon: CustomCheckedIcon,
+    CustomUncheckedIcon: CustomUncheckedIcon
+  })), /*#__PURE__*/_react.default.createElement(_FormGroup.default, {
+    className: "".concat(_stylesModule.default.rows, " ").concat(classes.rowContainerClassName)
+  }, list.map(item => /*#__PURE__*/_react.default.createElement("div", {
+    className: "\n              ".concat(_stylesModule.default.row, "\n              ").concat(withCheckRow && classes.checkRowContainer, "\n              ").concat(!(0, _array.isEmpty)(input.value) && !!input.value.find(val => val === item[valueKey]) && classes.customRowRootChecked, " "),
+    key: item[valueKey]
+  }, withCheckRow && label([valueKey, labelKey], item), /*#__PURE__*/_react.default.createElement(_UTCheckbox.default, {
+    disabled: disabled || item.disabled,
+    item: item,
+    key: item[valueKey],
+    value: input.value.indexOf(item[valueKey]) !== -1,
+    label: withCheckRow ? '' : item[labelKey],
+    onChange: () => handleChange(item[valueKey]),
+    customRowLabel: CustomRowLabel,
+    classNames: {
+      root: !withCheckRow && classes.customRowRoot,
+      checkedIcon: classes.checkedIcon,
+      uncheckedIcon: classes.uncheckedIcon,
+      label: classes.label
+    },
+    useCustomIcons: useCustomIcons,
+    CustomCheckedIcon: CustomCheckedIcon,
+    CustomUncheckedIcon: CustomUncheckedIcon,
+    tooltipContent: item.disabled && disabledItemTooltip ? disabledItemTooltip(item, list) : undefined
+  })))), additionalInfo && additionalInfo.footer && /*#__PURE__*/_react.default.createElement(_FormHelperText.default, null, additionalInfo.footer), shouldShowErrors && /*#__PURE__*/_react.default.createElement(_FormHelperText.default, {
+    error: true
+  }, meta && meta.error));
+};
+UTCheckList.defaultProps = {
+  list: []
+};
+UTCheckList.propTypes = {
+  additionalInfo: (0, _propTypes.shape)({
+    header: _propTypes.string,
+    footer: _propTypes.string
+  }),
+  allChecked: _propTypes.bool,
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  className: _propTypes.string,
+  classNames: (0, _propTypes.objectOf)(_propTypes.string),
+  CustomCheckedIcon: _propTypes.element,
+  customRowLabel: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.element, _propTypes.string]),
+  customSelectAllRowLabel: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.element, _propTypes.string]),
+  CustomUncheckedIcon: _propTypes.element,
+  disabled: _propTypes.bool,
+  disabledItemTooltip: _propTypes.func,
+  field: _formTypes.fieldType,
+  getSelectAllNewValues: _propTypes.func,
+  header: (0, _propTypes.shape)({
+    text: _propTypes.string
+  }),
+  headerLabel: _propTypes.string,
+  input: (0, _propTypes.shape)({
+    onChange: _propTypes.func,
+    value: _propTypes.any
+  }),
+  labelKey: _propTypes.string.isRequired,
+  list: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+    id: (0, _propTypes.oneOfType)([_propTypes.number, _propTypes.string]),
+    label: _propTypes.string,
+    checked: _propTypes.bool
+  })),
+  meta: _formTypes.metaPropTypes,
+  shouldShowErrors: _propTypes.bool,
+  titleProps: _propTypes.object,
+  useCustomIcons: _propTypes.bool,
+  valueKey: _propTypes.string.isRequired,
+  withCheckRow: _propTypes.bool,
+  withUpperTitle: _propTypes.bool
+};
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle, _theme.retrieveMuiTheme)(UTCheckList);

package/dist/components/UTCheckList/{theme.js → versions/V0/theme.js}

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.retrieveStyle = exports.retrieveMuiTheme = void 0;
 var _seamlessImmutable = require("seamless-immutable");
 var _styles = require("@material-ui/core/styles");
-var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
-var _classesUtils = require("../../utils/classesUtils");
+var _colorsModule = _interopRequireDefault(require("../../../../scss/variables/colors.module.scss"));
+var _classesUtils = require("../../../../utils/classesUtils");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const retrieveMuiTheme = theme => (0, _styles.createTheme)({
   typography: {