@widergy/energy-ui 3.173.2 → 3.173.4

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

@@ -1,165 +1 @@
-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); }
-import React, { useEffect } from 'react';
-import { arrayOf, shape, number, string, any, func, bool, element, objectOf, object, oneOfType } from 'prop-types';
-import { isEmpty } from '@widergy/web-utils/lib/array';
-import FormGroup from '@material-ui/core/FormGroup';
-import FormHelperText from '@material-ui/core/FormHelperText';
-import WithTheme from '../../../WithTheme';
-import UTCheckbox from '../../../UTCheckbox';
-import { mergeClasses } from '../../../../utils/classesUtils';
-import UTLabel from '../../../UTLabel';
-import { fieldType, metaPropTypes } from '../../../../types/formTypes';
-import { retrieveMuiTheme, retrieveStyle } from './theme';
-import { defaultAdditionalInfoHeader } from './constants';
-import styles from './styles.module.scss';
-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(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);
-    }
-  };
-  useEffect(() => {
-    if (allChecked) handleCheckAll();
-  }, []);
-  const classes = 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.createElement(UTLabel, {
-      variant: "xsmall",
-      className: classes.rowItem
-    }, item[keyValue]));
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.container, " ").concat(className)
-  }, shouldShowUpperTitle && /*#__PURE__*/React.createElement(UTLabel, _extends({
-    className: classes.title
-  }, titleProps, {
-    withMarkdown: true
-  }), field.title), /*#__PURE__*/React.createElement("div", {
-    className: header ? classes.tableHeader : classes.selectAll
-  }, header && header.map(item => /*#__PURE__*/React.createElement(UTLabel, {
-    weight: "bold",
-    className: classes.headerItem,
-    key: item.text
-  }, item.text)), /*#__PURE__*/React.createElement(UTCheckbox, {
-    disabled: disabled,
-    onChange: handleCheckAll,
-    value: list.length === input.value.length,
-    label: header ? headerLabel : additionalInfo && additionalInfo.header || defaultAdditionalInfoHeader,
-    classNames: {
-      root: !header && classes.selectAllRowRoot,
-      checkedIcon: classes.checkedIcon,
-      uncheckedIcon: classes.uncheckedIcon
-    },
-    customRowLabel: CustomSelectAllRowLabel,
-    useCustomIcons: useCustomIcons,
-    CustomCheckedIcon: CustomCheckedIcon,
-    CustomUncheckedIcon: CustomUncheckedIcon
-  })), /*#__PURE__*/React.createElement(FormGroup, {
-    className: "".concat(styles.rows, " ").concat(classes.rowContainerClassName)
-  }, list.map(item => /*#__PURE__*/React.createElement("div", {
-    className: "\n              ".concat(styles.row, "\n              ").concat(withCheckRow && classes.checkRowContainer, "\n              ").concat(!isEmpty(input.value) && !!input.value.find(val => val === item[valueKey]) && classes.customRowRootChecked, " "),
-    key: item[valueKey]
-  }, withCheckRow && label([valueKey, labelKey], item), /*#__PURE__*/React.createElement(UTCheckbox, {
-    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.createElement(FormHelperText, null, additionalInfo.footer), shouldShowErrors && /*#__PURE__*/React.createElement(FormHelperText, {
-    error: true
-  }, meta && meta.error));
-};
-UTCheckList.defaultProps = {
-  list: []
-};
-UTCheckList.propTypes = {
-  additionalInfo: shape({
-    header: string,
-    footer: string
-  }),
-  allChecked: bool,
-  classes: objectOf(string),
-  className: string,
-  classNames: objectOf(string),
-  CustomCheckedIcon: element,
-  customRowLabel: oneOfType([func, element, string]),
-  customSelectAllRowLabel: oneOfType([func, element, string]),
-  CustomUncheckedIcon: element,
-  disabled: bool,
-  disabledItemTooltip: func,
-  field: fieldType,
-  getSelectAllNewValues: func,
-  header: shape({
-    text: string
-  }),
-  headerLabel: string,
-  input: shape({
-    onChange: func,
-    value: any
-  }),
-  labelKey: string.isRequired,
-  list: arrayOf(shape({
-    id: oneOfType([number, string]),
-    label: string,
-    checked: bool
-  })),
-  meta: metaPropTypes,
-  shouldShowErrors: bool,
-  titleProps: object,
-  useCustomIcons: bool,
-  valueKey: string.isRequired,
-  withCheckRow: bool,
-  withUpperTitle: bool
-};
-export default WithTheme(retrieveStyle, retrieveMuiTheme)(UTCheckList);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var l in o)({}).hasOwnProperty.call(o,l)&&(e[l]=o[l])}return e},_extends.apply(null,arguments)}import React,{useEffect}from"react";import{arrayOf,shape,number,string,any,func,bool,element,objectOf,object,oneOfType}from"prop-types";import{isEmpty}from"@widergy/web-utils/lib/array";import FormGroup from"@material-ui/core/FormGroup";import FormHelperText from"@material-ui/core/FormHelperText";import WithTheme from"../../../WithTheme";import UTCheckbox from"../../../UTCheckbox";import{mergeClasses}from"../../../../utils/classesUtils";import UTLabel from"../../../UTLabel";import{fieldType,metaPropTypes}from"../../../../types/formTypes";import{retrieveMuiTheme,retrieveStyle}from"./theme";import{defaultAdditionalInfoHeader}from"./constants";import styles from"./styles.module.scss";const UTCheckList=e=>{var t;let{additionalInfo:o,allChecked:l,CustomCheckedIcon:a,CustomUncheckedIcon:s,customRowLabel:c,customSelectAllRowLabel:n,classes:r={},className:i,classNames:m,disabled:d,disabledItemTooltip:u,field:h,getSelectAllNewValues:p,header:f,headerLabel:b,input:C,labelKey:g,list:y,meta:T,shouldShowErrors:k,titleProps:v,useCustomIcons:w,valueKey:R,withCheckRow:I,withUpperTitle:U}=e;const x=(null==h||null===(t=h.configuration)||void 0===t?void 0:t.ignore_title)&&U,E=()=>{p?C.onChange(p()):y.length!==C.value.length?C.onChange(y.map(e=>e[R])):C.onChange(null)};useEffect(()=>{l&&E()},[]);const L=mergeClasses(r,m);return React.createElement("div",{className:"".concat(styles.container," ").concat(i)},x&&React.createElement(UTLabel,_extends({className:L.title},v,{withMarkdown:!0}),h.title),React.createElement("div",{className:f?L.tableHeader:L.selectAll},f&&f.map(e=>React.createElement(UTLabel,{weight:"bold",className:L.headerItem,key:e.text},e.text)),React.createElement(UTCheckbox,{disabled:d,onChange:E,value:y.length===C.value.length,label:f?b:o&&o.header||defaultAdditionalInfoHeader,classNames:{root:!f&&L.selectAllRowRoot,checkedIcon:L.checkedIcon,uncheckedIcon:L.uncheckedIcon},customRowLabel:n,useCustomIcons:w,CustomCheckedIcon:a,CustomUncheckedIcon:s})),React.createElement(FormGroup,{className:"".concat(styles.rows," ").concat(L.rowContainerClassName)},y.map(e=>React.createElement("div",{className:"\n              ".concat(styles.row,"\n              ").concat(I&&L.checkRowContainer,"\n              ").concat(!isEmpty(C.value)&&!!C.value.find(t=>t===e[R])&&L.customRowRootChecked," "),key:e[R]},I&&function(){let e=arguments.length>1?arguments[1]:void 0;return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).map(t=>React.createElement(UTLabel,{variant:"xsmall",className:L.rowItem},e[t]))}([R,g],e),React.createElement(UTCheckbox,{disabled:d||e.disabled,item:e,key:e[R],value:-1!==C.value.indexOf(e[R]),label:I?"":e[g],onChange:()=>(e=>{const t=-1===C.value.indexOf(e)?[...C.value,e]:C.value.filter(t=>t!==e);C.onChange(isEmpty(t)?null:t)})(e[R]),customRowLabel:c,classNames:{root:!I&&L.customRowRoot,checkedIcon:L.checkedIcon,uncheckedIcon:L.uncheckedIcon,label:L.label},useCustomIcons:w,CustomCheckedIcon:a,CustomUncheckedIcon:s,tooltipContent:e.disabled&&u?u(e,y):void 0})))),o&&o.footer&&React.createElement(FormHelperText,null,o.footer),k&&React.createElement(FormHelperText,{error:!0},T&&T.error))};UTCheckList.defaultProps={list:[]},UTCheckList.propTypes={additionalInfo:shape({header:string,footer:string}),allChecked:bool,classes:objectOf(string),className:string,classNames:objectOf(string),CustomCheckedIcon:element,customRowLabel:oneOfType([func,element,string]),customSelectAllRowLabel:oneOfType([func,element,string]),CustomUncheckedIcon:element,disabled:bool,disabledItemTooltip:func,field:fieldType,getSelectAllNewValues:func,header:shape({text:string}),headerLabel:string,input:shape({onChange:func,value:any}),labelKey:string.isRequired,list:arrayOf(shape({id:oneOfType([number,string]),label:string,checked:bool})),meta:metaPropTypes,shouldShowErrors:bool,titleProps:object,useCustomIcons:bool,valueKey:string.isRequired,withCheckRow:bool,withUpperTitle:bool};export default WithTheme(retrieveStyle,retrieveMuiTheme)(UTCheckList);

package/dist/esm/components/UTCheckList/versions/V0/theme.js

@@ -1,84 +1 @@
-import { getIn } from 'seamless-immutable';
-import { createTheme } from '@material-ui/core/styles';
-import Colors from '../../../../scss/variables/colors.module.scss';
-import { withImportant } from '../../../../utils/classesUtils';
-export const retrieveMuiTheme = theme => createTheme({
-  typography: {
-    fontFamily: getIn(theme, ['Fonts', 'fontFamily'])
-  },
-  overrides: {
-    MuiFormControlLabel: {
-      label: {
-        fontSize: getIn(theme, ['UTCheckList', 'label', 'fontSize'], 14),
-        color: getIn(theme, ['UTCheckList', 'label', 'color'], Colors.primary)
-      }
-    },
-    MuiFormHelperText: {
-      root: {
-        fontSize: getIn(theme, ['UTCheckList', 'helperText', 'fontSize'], 14),
-        color: getIn(theme, ['UTCheckList', 'helperText', 'color'], Colors.primary),
-        '&$error': {
-          color: theme.Palette.error['05']
-        }
-      }
-    },
-    MuiCheckbox: {
-      root: {
-        color: getIn(theme, ['UTCheckList', 'checkbox', 'color'], Colors.gray)
-      },
-      colorPrimary: {
-        color: getIn(theme, ['UTCheckList', 'checkbox', 'color'], Colors.gray),
-        '&$checked': {
-          color: getIn(theme, ['UTCheckList', 'checkbox', 'checkedColor'], Colors.inputPrimary)
-        }
-      }
-    }
-  }
-});
-export const retrieveStyle = _ref => {
-  var _theme$UTCheckList, _theme$UTCheckList2;
-  let {
-    theme
-  } = _ref;
-  return {
-    selectAllRowRoot: {
-      color: getIn(theme, ['UTCheckList', 'selectAllRow', 'root', 'color']),
-      display: getIn(theme, ['UTCheckList', 'selectAllRow', 'root', 'display']),
-      flexDirection: getIn(theme, ['UTCheckList', 'selectAllRow', 'root', 'flexDirection']),
-      height: getIn(theme, ['UTCheckList', 'selectAllRow', 'root', 'height']),
-      justifyContent: getIn(theme, ['UTCheckList', 'selectAllRow', 'root', 'justifyContent']),
-      margin: getIn(theme, ['UTCheckList', 'selectAllRow', 'root', 'margin']),
-      padding: getIn(theme, ['UTCheckList', 'selectAllRow', 'root', 'padding'])
-    },
-    customRowRoot: {
-      color: getIn(theme, ['UTCheckList', 'customRow', 'root', 'color']),
-      display: getIn(theme, ['UTCheckList', 'customRow', 'root', 'display']),
-      flexDirection: getIn(theme, ['UTCheckList', 'customRow', 'root', 'flexDirection']),
-      height: getIn(theme, ['UTCheckList', 'customRow', 'root', 'height']),
-      justifyContent: getIn(theme, ['UTCheckList', 'customRow', 'root', 'justifyContent']),
-      margin: getIn(theme, ['UTCheckList', 'customRow', 'root', 'margin']),
-      padding: getIn(theme, ['UTCheckList', 'customRow', 'root', 'padding'])
-    },
-    headerItem: {
-      marginRight: getIn(theme, ['UTCheckList', 'customCheckRow', 'headerItem', 'marginRight'], '60px'),
-      fontSize: withImportant((theme === null || theme === void 0 || (_theme$UTCheckList = theme.UTCheckList) === null || _theme$UTCheckList === void 0 || (_theme$UTCheckList = _theme$UTCheckList.customCheckRow) === null || _theme$UTCheckList === void 0 || (_theme$UTCheckList = _theme$UTCheckList.headerItem) === null || _theme$UTCheckList === void 0 ? void 0 : _theme$UTCheckList.fontSize) || 14)
-    },
-    checkRowContainer: {
-      alignItems: getIn(theme, ['UTCheckList', 'customCheckRow', 'container', 'alignItems']),
-      borderTop: getIn(theme, ['UTCheckList', 'customCheckRow', 'container', 'borderTop']),
-      display: getIn(theme, ['UTCheckList', 'customCheckRow', 'container', 'display']),
-      flexDirection: getIn(theme, ['UTCheckList', 'customCheckRow', 'container', 'flexDirection']),
-      flexShrink: getIn(theme, ['UTCheckList', 'customCheckRow', 'container', 'flexShrink']),
-      height: getIn(theme, ['UTCheckList', 'customCheckRow', 'container', 'height']),
-      justifyContent: getIn(theme, ['UTCheckList', 'customCheckRow', 'container', 'justifyContent']),
-      padding: getIn(theme, ['UTCheckList', 'customCheckRow', 'container', 'padding']),
-      width: getIn(theme, ['UTCheckList', 'customCheckRow', 'container', 'width'])
-    },
-    rowItem: {
-      display: getIn(theme, ['UTCheckList', 'customCheckRow', 'rowItem', 'display']),
-      fontSize: withImportant((theme === null || theme === void 0 || (_theme$UTCheckList2 = theme.UTCheckList) === null || _theme$UTCheckList2 === void 0 || (_theme$UTCheckList2 = _theme$UTCheckList2.customCheckRow) === null || _theme$UTCheckList2 === void 0 || (_theme$UTCheckList2 = _theme$UTCheckList2.rowItem) === null || _theme$UTCheckList2 === void 0 ? void 0 : _theme$UTCheckList2.fontSize) || 12),
-      justifyContent: getIn(theme, ['UTCheckList', 'customCheckRow', 'rowItem', 'justifyContent']),
-      width: getIn(theme, ['UTCheckList', 'customCheckRow', 'rowItem', 'width'])
-    }
-  };
-};
+import{getIn}from"seamless-immutable";import{createTheme}from"@material-ui/core/styles";import Colors from"../../../../scss/variables/colors.module.scss";import{withImportant}from"../../../../utils/classesUtils";export const retrieveMuiTheme=t=>createTheme({typography:{fontFamily:getIn(t,["Fonts","fontFamily"])},overrides:{MuiFormControlLabel:{label:{fontSize:getIn(t,["UTCheckList","label","fontSize"],14),color:getIn(t,["UTCheckList","label","color"],Colors.primary)}},MuiFormHelperText:{root:{fontSize:getIn(t,["UTCheckList","helperText","fontSize"],14),color:getIn(t,["UTCheckList","helperText","color"],Colors.primary),"&$error":{color:t.Palette.error["05"]}}},MuiCheckbox:{root:{color:getIn(t,["UTCheckList","checkbox","color"],Colors.gray)},colorPrimary:{color:getIn(t,["UTCheckList","checkbox","color"],Colors.gray),"&$checked":{color:getIn(t,["UTCheckList","checkbox","checkedColor"],Colors.inputPrimary)}}}}});export const retrieveStyle=t=>{var e,o;let{theme:i}=t;return{selectAllRowRoot:{color:getIn(i,["UTCheckList","selectAllRow","root","color"]),display:getIn(i,["UTCheckList","selectAllRow","root","display"]),flexDirection:getIn(i,["UTCheckList","selectAllRow","root","flexDirection"]),height:getIn(i,["UTCheckList","selectAllRow","root","height"]),justifyContent:getIn(i,["UTCheckList","selectAllRow","root","justifyContent"]),margin:getIn(i,["UTCheckList","selectAllRow","root","margin"]),padding:getIn(i,["UTCheckList","selectAllRow","root","padding"])},customRowRoot:{color:getIn(i,["UTCheckList","customRow","root","color"]),display:getIn(i,["UTCheckList","customRow","root","display"]),flexDirection:getIn(i,["UTCheckList","customRow","root","flexDirection"]),height:getIn(i,["UTCheckList","customRow","root","height"]),justifyContent:getIn(i,["UTCheckList","customRow","root","justifyContent"]),margin:getIn(i,["UTCheckList","customRow","root","margin"]),padding:getIn(i,["UTCheckList","customRow","root","padding"])},headerItem:{marginRight:getIn(i,["UTCheckList","customCheckRow","headerItem","marginRight"],"60px"),fontSize:withImportant((null==i||null===(e=i.UTCheckList)||void 0===e||null===(e=e.customCheckRow)||void 0===e||null===(e=e.headerItem)||void 0===e?void 0:e.fontSize)||14)},checkRowContainer:{alignItems:getIn(i,["UTCheckList","customCheckRow","container","alignItems"]),borderTop:getIn(i,["UTCheckList","customCheckRow","container","borderTop"]),display:getIn(i,["UTCheckList","customCheckRow","container","display"]),flexDirection:getIn(i,["UTCheckList","customCheckRow","container","flexDirection"]),flexShrink:getIn(i,["UTCheckList","customCheckRow","container","flexShrink"]),height:getIn(i,["UTCheckList","customCheckRow","container","height"]),justifyContent:getIn(i,["UTCheckList","customCheckRow","container","justifyContent"]),padding:getIn(i,["UTCheckList","customCheckRow","container","padding"]),width:getIn(i,["UTCheckList","customCheckRow","container","width"])},rowItem:{display:getIn(i,["UTCheckList","customCheckRow","rowItem","display"]),fontSize:withImportant((null==i||null===(o=i.UTCheckList)||void 0===o||null===(o=o.customCheckRow)||void 0===o||null===(o=o.rowItem)||void 0===o?void 0:o.fontSize)||12),justifyContent:getIn(i,["UTCheckList","customCheckRow","rowItem","justifyContent"]),width:getIn(i,["UTCheckList","customCheckRow","rowItem","width"])}}};

package/dist/esm/components/UTCheckList/versions/V1/constants.js

@@ -1,5 +1 @@
-export const SPACING = {
-  SMALL: 'small',
-  MEDIUM: 'medium'
-};
-export const NO_CATEGORY = 'No Category';
+export const SPACING={SMALL:"small",MEDIUM:"medium"};export const NO_CATEGORY="No Category";

package/dist/esm/components/UTCheckList/versions/V1/index.js

@@ -1,168 +1 @@
-import React, { useEffect, useCallback, useMemo } from 'react';
-import { arrayOf, bool, elementType, func, objectOf, shape, string } from 'prop-types';
-import { buttonTypes } from '../../../../types/buttonTypes';
-import { formatErrorToValidation } from '../../../UTValidation/utils';
-import { SPACING, BUTTON_VARIANT } from '../../../UTCheckbox/versions/V1/constants';
-import UTCheckBox from '../../../UTCheckbox';
-import UTFieldLabel from '../../../UTFieldLabel';
-import UTLabel from '../../../UTLabel';
-import UTValidation from '../../../UTValidation';
-import { isChecked, convertIfIsString, getPropValueBasedOnVariant } from './utils';
-import styles from './styles.module.scss';
-import { NO_CATEGORY } from './constants';
-const UTCheckList = _ref => {
-  let {
-    actions,
-    classNames = {},
-    CustomRow,
-    dataTestId,
-    disabled,
-    error,
-    horizontalSpacing = 'medium',
-    isSimple = false,
-    itemDataTestId,
-    onChange = () => {},
-    options,
-    required,
-    reversed,
-    selectAllLabel,
-    showSelectAll = true,
-    title,
-    value = null,
-    variant,
-    verticalSpacing = 'medium'
-  } = _ref;
-  const reversedBasedOnVariant = getPropValueBasedOnVariant(variant, reversed, true);
-  const verticalSpacingBasedOnVariant = getPropValueBasedOnVariant(variant, verticalSpacing, SPACING.SMALL);
-  const smallVerticalSpacingClass = verticalSpacingBasedOnVariant === SPACING.SMALL ? styles.smallVerticalSpacing : '';
-  const validationData = useMemo(() => error && formatErrorToValidation(error, {
-    withIcon: false
-  }), [error]);
-  useEffect(() => {
-    if (value) {
-      const convertedValue = convertIfIsString(value);
-      if (JSON.stringify(convertedValue) !== JSON.stringify(value)) {
-        onChange(convertedValue);
-      }
-    }
-  }, [value, onChange]);
-  const categorizedOptions = useMemo(() => {
-    const optionsGrouped = options.reduce((groupedOptions, option) => {
-      const category = option.category || NO_CATEGORY;
-      if (!groupedOptions[category]) {
-        groupedOptions[category] = [];
-      }
-      groupedOptions[category].push(option);
-      return groupedOptions;
-    }, {
-      NO_CATEGORY: []
-    });
-    return Object.entries(optionsGrouped).filter(_ref2 => {
-      let [, categoryOptions] = _ref2;
-      return categoryOptions.length > 0;
-    }).sort((_ref3, _ref4) => {
-      let [categoryA] = _ref3;
-      let [categoryB] = _ref4;
-      return categoryA === NO_CATEGORY ? -1 : categoryB === NO_CATEGORY ? 1 : 0;
-    });
-  }, [options]);
-  const enabledOptions = useMemo(() => options.filter(option => !option.disabled), [options]);
-  const areAllSelected = useMemo(() => enabledOptions.every(option => value === null || value === void 0 ? void 0 : value.includes(option.value)), [enabledOptions, value]);
-  const isIndeterminate = useMemo(() => enabledOptions.some(option => value === null || value === void 0 ? void 0 : value.includes(option.value)) && !areAllSelected, [enabledOptions, value, areAllSelected]);
-  const handleChange = useCallback(receivedValue => {
-    if (isSimple) {
-      onChange([receivedValue]);
-    } else {
-      var _value$some;
-      const newValues = value !== null && value !== void 0 && (_value$some = value.some) !== null && _value$some !== void 0 && _value$some.call(value, v => v === receivedValue) ? value.filter(elem => elem !== receivedValue) : [...(value || []), receivedValue];
-      onChange(newValues);
-    }
-  }, [value, onChange, isSimple]);
-  const handleCheckAll = useCallback(() => {
-    onChange(areAllSelected ? [] : enabledOptions.map(item => item.value));
-  }, [areAllSelected, enabledOptions, onChange]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.container, " ").concat(smallVerticalSpacingClass, " ").concat(classNames.root),
-    "data-testid": dataTestId
-  }, (title || validationData) && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.headerContainer, " ").concat(classNames.header)
-  }, title && /*#__PURE__*/React.createElement(UTFieldLabel, {
-    actions: actions,
-    required: required
-  }, title), validationData && /*#__PURE__*/React.createElement(UTValidation, {
-    validationData: validationData
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.checkboxesContainer, " ").concat(smallVerticalSpacingClass, " ").concat(variant === BUTTON_VARIANT && styles.buttonVariant, " ").concat(classNames.checkboxesContainer)
-  }, showSelectAll && !isSimple && /*#__PURE__*/React.createElement(UTCheckBox, {
-    className: classNames.selectAll,
-    dataTestId: itemDataTestId ? "".concat(itemDataTestId, ".selectAll") : null,
-    disabled: disabled,
-    indeterminate: isIndeterminate,
-    onChange: handleCheckAll,
-    reversed: reversedBasedOnVariant,
-    spacing: horizontalSpacing,
-    title: selectAllLabel,
-    value: areAllSelected,
-    variant: variant,
-    version: "V1"
-  }), categorizedOptions.map((_ref5, catIndex) => {
-    let [category, categoryOptions] = _ref5;
-    const categoryKey = "".concat(category, "-").concat(categoryOptions.map(opt => opt.value).join('-'));
-    return /*#__PURE__*/React.createElement("div", {
-      className: "".concat(styles.categoryContainer, " ").concat(smallVerticalSpacingClass),
-      key: categoryKey
-    }, category !== NO_CATEGORY && /*#__PURE__*/React.createElement(UTLabel, {
-      className: styles.categoryTitle,
-      colorTheme: "gray",
-      variant: "small",
-      weight: "medium"
-    }, category.toUpperCase()), categoryOptions.map((item, index) => /*#__PURE__*/React.createElement(UTCheckBox, {
-      classNames: classNames.item,
-      CustomComponent: CustomRow ? /*#__PURE__*/React.createElement(CustomRow, {
-        item: item,
-        isChecked: isChecked(item, value)
-      }) : undefined,
-      dataTestId: itemDataTestId ? "".concat(itemDataTestId, ".category_").concat(catIndex, ".").concat(index) : null,
-      disabled: item.disabled || disabled,
-      isSimple: isSimple,
-      key: item.value,
-      icon: item.icon,
-      onChange: () => handleChange(item.value),
-      reversed: isSimple ? reversedBasedOnVariant : reversed,
-      spacing: horizontalSpacing,
-      title: item.name,
-      value: isChecked(item, value),
-      variant: variant,
-      version: "V1"
-    })));
-  })));
-};
-UTCheckList.propTypes = {
-  actions: arrayOf(buttonTypes),
-  classNames: objectOf(string),
-  CustomRow: elementType,
-  dataTestId: string,
-  disabled: bool,
-  error: string,
-  horizontalSpacing: string,
-  isSimple: bool,
-  itemDataTestId: string,
-  onChange: func,
-  options: arrayOf(shape({
-    checked: bool,
-    disabled: bool,
-    icon: string,
-    name: string,
-    value: string,
-    category: string
-  })),
-  required: bool,
-  reversed: bool,
-  selectAllLabel: string,
-  showSelectAll: bool,
-  title: string,
-  value: arrayOf(string),
-  variant: string,
-  verticalSpacing: string
-};
-export default UTCheckList;
+import React,{useEffect,useCallback,useMemo}from"react";import{arrayOf,bool,elementType,func,objectOf,shape,string}from"prop-types";import{buttonTypes}from"../../../../types/buttonTypes";import{formatErrorToValidation}from"../../../UTValidation/utils";import{SPACING,BUTTON_VARIANT}from"../../../UTCheckbox/versions/V1/constants";import UTCheckBox from"../../../UTCheckbox";import UTFieldLabel from"../../../UTFieldLabel";import UTLabel from"../../../UTLabel";import UTValidation from"../../../UTValidation";import{isChecked,convertIfIsString,getPropValueBasedOnVariant}from"./utils";import styles from"./styles.module.scss";import{NO_CATEGORY}from"./constants";const UTCheckList=e=>{let{actions:t,classNames:a={},CustomRow:o,dataTestId:s,disabled:r,error:l,horizontalSpacing:n="medium",isSimple:i=!1,itemDataTestId:c,onChange:m=()=>{},options:d,required:u,reversed:p,selectAllLabel:T,showSelectAll:g=!0,title:v,value:b=null,variant:C,verticalSpacing:f="medium"}=e;const h=getPropValueBasedOnVariant(C,p,!0),y=getPropValueBasedOnVariant(C,f,SPACING.SMALL)===SPACING.SMALL?styles.smallVerticalSpacing:"",O=useMemo(()=>l&&formatErrorToValidation(l,{withIcon:!1}),[l]);useEffect(()=>{if(b){const e=convertIfIsString(b);JSON.stringify(e)!==JSON.stringify(b)&&m(e)}},[b,m]);const N=useMemo(()=>{const e=d.reduce((e,t)=>{const a=t.category||NO_CATEGORY;return e[a]||(e[a]=[]),e[a].push(t),e},{NO_CATEGORY:[]});return Object.entries(e).filter(e=>{let[,t]=e;return t.length>0}).sort((e,t)=>{let[a]=e,[o]=t;return a===NO_CATEGORY?-1:o===NO_CATEGORY?1:0})},[d]),A=useMemo(()=>d.filter(e=>!e.disabled),[d]),R=useMemo(()=>A.every(e=>null==b?void 0:b.includes(e.value)),[A,b]),U=useMemo(()=>A.some(e=>null==b?void 0:b.includes(e.value))&&!R,[A,b,R]),k=useCallback(e=>{if(i)m([e]);else{var t;const a=null!=b&&null!==(t=b.some)&&void 0!==t&&t.call(b,t=>t===e)?b.filter(t=>t!==e):[...b||[],e];m(a)}},[b,m,i]),E=useCallback(()=>{m(R?[]:A.map(e=>e.value))},[R,A,m]);return React.createElement("div",{className:"".concat(styles.container," ").concat(y," ").concat(a.root),"data-testid":s},(v||O)&&React.createElement("div",{className:"".concat(styles.headerContainer," ").concat(a.header)},v&&React.createElement(UTFieldLabel,{actions:t,required:u},v),O&&React.createElement(UTValidation,{validationData:O})),React.createElement("div",{className:"".concat(styles.checkboxesContainer," ").concat(y," ").concat(C===BUTTON_VARIANT&&styles.buttonVariant," ").concat(a.checkboxesContainer)},g&&!i&&React.createElement(UTCheckBox,{className:a.selectAll,dataTestId:c?"".concat(c,".selectAll"):null,disabled:r,indeterminate:U,onChange:E,reversed:h,spacing:n,title:T,value:R,variant:C,version:"V1"}),N.map((e,t)=>{let[s,l]=e;const m="".concat(s,"-").concat(l.map(e=>e.value).join("-"));return React.createElement("div",{className:"".concat(styles.categoryContainer," ").concat(y),key:m},s!==NO_CATEGORY&&React.createElement(UTLabel,{className:styles.categoryTitle,colorTheme:"gray",variant:"small",weight:"medium"},s.toUpperCase()),l.map((e,s)=>React.createElement(UTCheckBox,{classNames:a.item,CustomComponent:o?React.createElement(o,{item:e,isChecked:isChecked(e,b)}):void 0,dataTestId:c?"".concat(c,".category_").concat(t,".").concat(s):null,disabled:e.disabled||r,isSimple:i,key:e.value,icon:e.icon,onChange:()=>k(e.value),reversed:i?h:p,spacing:n,title:e.name,value:isChecked(e,b),variant:C,version:"V1"})))})))};UTCheckList.propTypes={actions:arrayOf(buttonTypes),classNames:objectOf(string),CustomRow:elementType,dataTestId:string,disabled:bool,error:string,horizontalSpacing:string,isSimple:bool,itemDataTestId:string,onChange:func,options:arrayOf(shape({checked:bool,disabled:bool,icon:string,name:string,value:string,category:string})),required:bool,reversed:bool,selectAllLabel:string,showSelectAll:bool,title:string,value:arrayOf(string),variant:string,verticalSpacing:string};export default UTCheckList;

package/dist/esm/components/UTCheckList/versions/V1/utils.js

@@ -1,11 +1 @@
-import isString from 'lodash/isString';
-import { BUTTON_VARIANT } from '../../../UTCheckbox/versions/V1/constants';
-export const isChecked = (item, inputValue) => {
-  var _inputValue$some;
-  return (inputValue === null || inputValue === void 0 || (_inputValue$some = inputValue.some) === null || _inputValue$some === void 0 ? void 0 : _inputValue$some.call(inputValue, elem => elem === item.value)) || item.disabled && item.checked;
-};
-export const convertIfIsString = value => isString(value) ? value.length === 0 ? [] : JSON.parse(value.replace(/'/g, '"')) : value;
-export const getPropValueBasedOnVariant = (variant, prop, defaultValue) => {
-  const defaultButtonProp = prop !== null && prop !== void 0 ? prop : defaultValue;
-  return variant === BUTTON_VARIANT ? defaultButtonProp : prop;
-};
+import isString from"lodash/isString";import{BUTTON_VARIANT}from"../../../UTCheckbox/versions/V1/constants";export const isChecked=(e,r)=>{var o;return(null==r||null===(o=r.some)||void 0===o?void 0:o.call(r,r=>r===e.value))||e.disabled&&e.checked};export const convertIfIsString=e=>isString(e)?0===e.length?[]:JSON.parse(e.replace(/'/g,'"')):e;export const getPropValueBasedOnVariant=(e,r,o)=>e===BUTTON_VARIANT?null!=r?r:o:r;

package/dist/esm/components/UTCheckbox/index.js

@@ -1,19 +1 @@
-import React from 'react';
-import { string } from 'prop-types';
-import V0 from './versions/V0';
-import V1 from './versions/V1';
-const UTCheckbox = _ref => {
-  let {
-    version = 'V0',
-    ...props
-  } = _ref;
-  const Component = {
-    V0,
-    V1
-  }[version];
-  return /*#__PURE__*/React.createElement(Component, props);
-};
-UTCheckbox.propTypes = {
-  version: string
-};
-export default UTCheckbox;
+import React from"react";import{string}from"prop-types";import V0 from"./versions/V0";import V1 from"./versions/V1";const UTCheckbox=r=>{let{version:e="V0",...o}=r;const t={V0:V0,V1:V1}[e];return React.createElement(t,o)};UTCheckbox.propTypes={version:string};export default UTCheckbox;

package/dist/esm/components/UTCheckbox/versions/V0/constants.js

@@ -1,5 +1 @@
-export const tippyProps = {
-  appendTo: () => document.body,
-  interactive: false,
-  maxWidth: 'none'
-};
+export const tippyProps={appendTo:()=>document.body,interactive:!1,maxWidth:"none"};

package/dist/esm/components/UTCheckbox/versions/V0/index.js

@@ -1,133 +1 @@
-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); }
-import React, { Fragment, useEffect } from 'react';
-import { func, string, bool, number, shape, oneOfType, element, object, node, objectOf } from 'prop-types';
-import Checkbox from '@material-ui/core/Checkbox';
-import FormControlLabel from '@material-ui/core/FormControlLabel';
-import { shouldShowErrors } from '@widergy/web-utils/lib/form';
-import { useMutableState } from '@widergy/energy-hooks';
-import { inputPropTypes, metaPropTypes } from '../../../../types/formTypes';
-import { mergeClasses } from '../../../../utils/classesUtils';
-import UTLabel from '../../../UTLabel';
-import UTTooltip from '../../../UTTooltip';
-import WithTheme from '../../../WithTheme';
-var Checked = function Checked(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M10 14Zm0 3-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9Z"
-  }));
-};
-Checked.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "5 6.58 14 10.42"
-};
-import { retrieveStyle, retrieveMuiTheme } from './theme';
-import { tippyProps } from './constants';
-import styles from './styles.module.scss';
-const UTCheckbox = _ref => {
-  let {
-    classes: themeClasses = {},
-    classNames,
-    color = 'primary',
-    checkboxDataTestId,
-    CustomCheckedIcon = Checked,
-    customRowLabel: CustomRowLabel,
-    CustomUncheckedIcon = _ref2 => {
-      let {
-        className
-      } = _ref2;
-      return /*#__PURE__*/React.createElement("div", {
-        className: className
-      });
-    },
-    disabled,
-    disableRipple,
-    input,
-    item,
-    label,
-    labelDataTestId,
-    labelProps = {},
-    meta,
-    onChange,
-    showError,
-    tooltipContent,
-    useCustomIcons,
-    value
-  } = _ref;
-  const [checkedRef, setChecked] = useMutableState(value);
-  const handleChange = event => {
-    if (onChange) onChange(value);
-    if (input !== null && input !== void 0 && input.onChange) input.onChange(event.target.checked);
-  };
-  useEffect(() => {
-    setChecked(value || (input === null || input === void 0 ? void 0 : input.value));
-  }, [input === null || input === void 0 ? void 0 : input.value, value]);
-  const classes = mergeClasses(themeClasses, classNames);
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(FormControlLabel, {
-    disabled: disabled,
-    control: /*#__PURE__*/React.createElement(UTTooltip, {
-      content: tooltipContent,
-      stringContentClassName: styles.disableSelectionTooltip,
-      tippyProps: tippyProps
-    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Checkbox, {
-      classes: {
-        colorPrimary: classes.checkboxColorPrimary,
-        colorSecondary: classes.checkboxColorSecondary
-      },
-      checkedIcon: useCustomIcons && /*#__PURE__*/React.createElement(CustomCheckedIcon, {
-        className: classes.checkedIcon
-      }),
-      inputProps: {
-        'data-testid': checkboxDataTestId
-      },
-      icon: useCustomIcons && /*#__PURE__*/React.createElement(CustomUncheckedIcon, {
-        className: classes.uncheckedIcon
-      }),
-      checked: checkedRef.current || false,
-      onChange: handleChange,
-      value: (input === null || input === void 0 ? void 0 : input.value) || value,
-      color: color,
-      disableRipple: disableRipple,
-      disabled: disabled
-    }))),
-    label: CustomRowLabel ? /*#__PURE__*/React.createElement(CustomRowLabel, {
-      item: item
-    }) : /*#__PURE__*/React.createElement(UTLabel, _extends({
-      className: classes.label,
-      dataTestId: labelDataTestId,
-      variant: "small",
-      withMarkdown: true
-    }, labelProps), label),
-    classes: classes && {
-      root: classes.root,
-      label: classes.label
-    }
-  }), showError && shouldShowErrors(meta) && /*#__PURE__*/React.createElement(UTLabel, {
-    colorTheme: "error",
-    variant: "small"
-  }, meta.error));
-};
-UTCheckbox.propTypes = {
-  classes: shape({
-    checkboxColorPrimary: string,
-    checkboxColorSecondary: string
-  }),
-  classNames: objectOf(string),
-  color: string,
-  checkboxDataTestId: string,
-  CustomCheckedIcon: node,
-  customRowLabel: oneOfType([func, element, string]),
-  CustomUncheckedIcon: node,
-  disabled: bool,
-  disableRipple: bool,
-  input: inputPropTypes,
-  item: oneOfType([string, object]),
-  label: oneOfType([number, string]),
-  labelDataTestId: string,
-  labelProps: object,
-  meta: metaPropTypes,
-  onChange: func,
-  showError: bool,
-  tooltipContent: element,
-  useCustomIcons: bool,
-  value: oneOfType([bool, string])
-};
-export default WithTheme(retrieveStyle, retrieveMuiTheme)(UTCheckbox);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)({}).hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},_extends.apply(null,arguments)}import React,{Fragment,useEffect}from"react";import{func,string,bool,number,shape,oneOfType,element,object,node,objectOf}from"prop-types";import Checkbox from"@material-ui/core/Checkbox";import FormControlLabel from"@material-ui/core/FormControlLabel";import{shouldShowErrors}from"@widergy/web-utils/lib/form";import{useMutableState}from"@widergy/energy-hooks";import{inputPropTypes,metaPropTypes}from"../../../../types/formTypes";import{mergeClasses}from"../../../../utils/classesUtils";import UTLabel from"../../../UTLabel";import UTTooltip from"../../../UTTooltip";import WithTheme from"../../../WithTheme";var Checked=function(e){return React.createElement("svg",e,React.createElement("path",{d:"M10 14Zm0 3-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9Z"}))};Checked.defaultProps={xmlns:"http://www.w3.org/2000/svg",viewBox:"5 6.58 14 10.42"};import{retrieveStyle,retrieveMuiTheme}from"./theme";import{tippyProps}from"./constants";import styles from"./styles.module.scss";const UTCheckbox=e=>{let{classes:t={},classNames:o,color:r="primary",checkboxDataTestId:l,CustomCheckedIcon:a=Checked,customRowLabel:s,CustomUncheckedIcon:n=e=>{let{className:t}=e;return React.createElement("div",{className:t})},disabled:c,disableRipple:m,input:i,item:p,label:u,labelDataTestId:b,labelProps:d={},meta:h,onChange:f,showError:T,tooltipContent:C,useCustomIcons:y,value:g}=e;const[k,v]=useMutableState(g);useEffect(()=>{v(g||(null==i?void 0:i.value))},[null==i?void 0:i.value,g]);const x=mergeClasses(t,o);return React.createElement(Fragment,null,React.createElement(FormControlLabel,{disabled:c,control:React.createElement(UTTooltip,{content:C,stringContentClassName:styles.disableSelectionTooltip,tippyProps:tippyProps},React.createElement("span",null,React.createElement(Checkbox,{classes:{colorPrimary:x.checkboxColorPrimary,colorSecondary:x.checkboxColorSecondary},checkedIcon:y&&React.createElement(a,{className:x.checkedIcon}),inputProps:{"data-testid":l},icon:y&&React.createElement(n,{className:x.uncheckedIcon}),checked:k.current||!1,onChange:e=>{f&&f(g),null!=i&&i.onChange&&i.onChange(e.target.checked)},value:(null==i?void 0:i.value)||g,color:r,disableRipple:m,disabled:c}))),label:s?React.createElement(s,{item:p}):React.createElement(UTLabel,_extends({className:x.label,dataTestId:b,variant:"small",withMarkdown:!0},d),u),classes:x&&{root:x.root,label:x.label}}),T&&shouldShowErrors(h)&&React.createElement(UTLabel,{colorTheme:"error",variant:"small"},h.error))};UTCheckbox.propTypes={classes:shape({checkboxColorPrimary:string,checkboxColorSecondary:string}),classNames:objectOf(string),color:string,checkboxDataTestId:string,CustomCheckedIcon:node,customRowLabel:oneOfType([func,element,string]),CustomUncheckedIcon:node,disabled:bool,disableRipple:bool,input:inputPropTypes,item:oneOfType([string,object]),label:oneOfType([number,string]),labelDataTestId:string,labelProps:object,meta:metaPropTypes,onChange:func,showError:bool,tooltipContent:element,useCustomIcons:bool,value:oneOfType([bool,string])};export default WithTheme(retrieveStyle,retrieveMuiTheme)(UTCheckbox);