@widergy/energy-ui 3.172.2 → 3.172.3

package/dist/components/UTCarousel/theme.js

@@ -1,52 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = void 0;
-var _seamlessImmutable = require("seamless-immutable");
-var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
-var _sizesModule = _interopRequireDefault(require("../../scss/variables/sizes.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const retrieveStyle = _ref => {
-  let {
-    theme
-  } = _ref;
-  return {
-    arrowStyle: {
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'arrowStyle', 'fontSize'], _sizesModule.default.defaultCarrouselArrowSize),
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'arrowStyle', 'height'], _sizesModule.default.defaultCarrouselArrowSize),
-      width: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'arrowStyle', 'width'], _sizesModule.default.defaultCarrouselArrowSize),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'arrowStyle', 'color'], _colorsModule.default.white),
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'arrowStyle', 'backgroundColor'], _colorsModule.default.lightBlue),
-      transition: 'opacity 0.5s ease-out',
-      '&:hover': {
-        backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'arrowStyle', 'hover', 'backgroundColor'], _colorsModule.default.lightBlue)
-      }
-    },
-    legendStyleContainer: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'legendStyleContainer', 'backgroundColor'], _colorsModule.default.gray2),
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'legendStyleContainer', 'height'], _sizesModule.default.defaultCarrouselLegendSize),
-      width: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'legendStyleContainer', 'width'], _sizesModule.default.defaultCarrouselLegendSize),
-      borderRadius: '100% ',
-      userSelect: 'none',
-      boxShadow: '0px 1px 2px 0px rgba(0,0,0,0.75)',
-      transition: 'transform 0.3s ease-in, background-color 0.3s ease-in',
-      transform: 'scale(0.8)'
-    },
-    legendStyleIsActive: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'legendStyleIsActive', 'backgroundColor'], _colorsModule.default.white),
-      userSelect: 'none',
-      transform: 'scale(1)'
-    },
-    legendStyleTouchable: {
-      alignItems: 'center',
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'legendStyleTouchable', 'height'], _sizesModule.default.defaultCarrouselLegendTouchable),
-      width: (0, _seamlessImmutable.getIn)(theme, ['UTCarousel', 'legendStyleTouchable', 'width'], _sizesModule.default.defaultCarrouselLegendTouchable),
-      justifyContent: 'center',
-      display: 'flex',
-      userSelect: 'none'
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _seamlessImmutable=require("seamless-immutable"),_colorsModule=_interopRequireDefault(require("../../scss/variables/colors.module.scss")),_sizesModule=_interopRequireDefault(require("../../scss/variables/sizes.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const retrieveStyle=_ref=>{let{theme:theme}=_ref;return{arrowStyle:{fontSize:(0,_seamlessImmutable.getIn)(theme,["UTCarousel","arrowStyle","fontSize"],_sizesModule.default.defaultCarrouselArrowSize),height:(0,_seamlessImmutable.getIn)(theme,["UTCarousel","arrowStyle","height"],_sizesModule.default.defaultCarrouselArrowSize),width:(0,_seamlessImmutable.getIn)(theme,["UTCarousel","arrowStyle","width"],_sizesModule.default.defaultCarrouselArrowSize),color:(0,_seamlessImmutable.getIn)(theme,["UTCarousel","arrowStyle","color"],_colorsModule.default.white),backgroundColor:(0,_seamlessImmutable.getIn)(theme,["UTCarousel","arrowStyle","backgroundColor"],_colorsModule.default.lightBlue),transition:"opacity 0.5s ease-out","&:hover":{backgroundColor:(0,_seamlessImmutable.getIn)(theme,["UTCarousel","arrowStyle","hover","backgroundColor"],_colorsModule.default.lightBlue)}},legendStyleContainer:{backgroundColor:(0,_seamlessImmutable.getIn)(theme,["UTCarousel","legendStyleContainer","backgroundColor"],_colorsModule.default.gray2),height:(0,_seamlessImmutable.getIn)(theme,["UTCarousel","legendStyleContainer","height"],_sizesModule.default.defaultCarrouselLegendSize),width:(0,_seamlessImmutable.getIn)(theme,["UTCarousel","legendStyleContainer","width"],_sizesModule.default.defaultCarrouselLegendSize),borderRadius:"100% ",userSelect:"none",boxShadow:"0px 1px 2px 0px rgba(0,0,0,0.75)",transition:"transform 0.3s ease-in, background-color 0.3s ease-in",transform:"scale(0.8)"},legendStyleIsActive:{backgroundColor:(0,_seamlessImmutable.getIn)(theme,["UTCarousel","legendStyleIsActive","backgroundColor"],_colorsModule.default.white),userSelect:"none",transform:"scale(1)"},legendStyleTouchable:{alignItems:"center",height:(0,_seamlessImmutable.getIn)(theme,["UTCarousel","legendStyleTouchable","height"],_sizesModule.default.defaultCarrouselLegendTouchable),width:(0,_seamlessImmutable.getIn)(theme,["UTCarousel","legendStyleTouchable","width"],_sizesModule.default.defaultCarrouselLegendTouchable),justifyContent:"center",display:"flex",userSelect:"none"}}};exports.retrieveStyle=retrieveStyle;

package/dist/components/UTCheckList/index.js

@@ -1,26 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _V = _interopRequireDefault(require("./versions/V0"));
-var _V2 = _interopRequireDefault(require("./versions/V1"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const UTCheckList = _ref => {
-  let {
-    version = 'V0',
-    ...props
-  } = _ref;
-  const Component = {
-    V0: _V.default,
-    V1: _V2.default
-  }[version];
-  return /*#__PURE__*/_react.default.createElement(Component, props);
-};
-UTCheckList.propTypes = {
-  version: _propTypes.string
-};
-var _default = exports.default = UTCheckList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_V=_interopRequireDefault(require("./versions/V0")),_V2=_interopRequireDefault(require("./versions/V1"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const UTCheckList=_ref=>{let{version:version="V0",...props}=_ref;const Component={V0:_V.default,V1:_V2.default}[version];return _react.default.createElement(Component,props)};UTCheckList.propTypes={version:_propTypes.string};var _default=exports.default=UTCheckList;

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

@@ -1,7 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultAdditionalInfoHeader = void 0;
-const defaultAdditionalInfoHeader = exports.defaultAdditionalInfoHeader = 'Seleccionar Todo';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.defaultAdditionalInfoHeader=void 0;const defaultAdditionalInfoHeader=exports.defaultAdditionalInfoHeader="Seleccionar Todo";

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

@@ -1,173 +1 @@
-"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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-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);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_array=require("@widergy/web-utils/lib/array"),_FormGroup=_interopRequireDefault(require("@material-ui/core/FormGroup")),_FormHelperText=_interopRequireDefault(require("@material-ui/core/FormHelperText")),_WithTheme=_interopRequireDefault(require("../../../WithTheme")),_UTCheckbox=_interopRequireDefault(require("../../../UTCheckbox")),_classesUtils=require("../../../../utils/classesUtils"),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_formTypes=require("../../../../types/formTypes"),_theme=require("./theme"),_constants=require("./constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}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:additionalInfo,allChecked:allChecked,CustomCheckedIcon:CustomCheckedIcon,CustomUncheckedIcon:CustomUncheckedIcon,customRowLabel:CustomRowLabel,customSelectAllRowLabel:CustomSelectAllRowLabel,classes:themeClasses={},className:className,classNames:classNames,disabled:disabled,disabledItemTooltip:disabledItemTooltip,field:field,getSelectAllNewValues:getSelectAllNewValues,header:header,headerLabel:headerLabel,input:input,labelKey:labelKey,list:list,meta:meta,shouldShowErrors:shouldShowErrors,titleProps:titleProps,useCustomIcons:useCustomIcons,valueKey:valueKey,withCheckRow:withCheckRow,withUpperTitle:withUpperTitle}=_ref;const shouldShowUpperTitle=(null==field||null===(_field$configuration=field.configuration)||void 0===_field$configuration?void 0:_field$configuration.ignore_title)&&withUpperTitle,handleCheckAll=()=>{getSelectAllNewValues?input.onChange(getSelectAllNewValues()):list.length!==input.value.length?input.onChange(list.map(item=>item[valueKey])):input.onChange(null)};(0,_react.useEffect)(()=>{allChecked&&handleCheckAll()},[]);const classes=(0,_classesUtils.mergeClasses)(themeClasses,classNames);return _react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(className)},shouldShowUpperTitle&&_react.default.createElement(_UTLabel.default,_extends({className:classes.title},titleProps,{withMarkdown:!0}),field.title),_react.default.createElement("div",{className:header?classes.tableHeader:classes.selectAll},header&&header.map(item=>_react.default.createElement(_UTLabel.default,{weight:"bold",className:classes.headerItem,key:item.text},item.text)),_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})),_react.default.createElement(_FormGroup.default,{className:"".concat(_stylesModule.default.rows," ").concat(classes.rowContainerClassName)},list.map(item=>_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&&function(){let item=arguments.length>1?arguments[1]:void 0;return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).map(keyValue=>_react.default.createElement(_UTLabel.default,{variant:"xsmall",className:classes.rowItem},item[keyValue]))}([valueKey,labelKey],item),_react.default.createElement(_UTCheckbox.default,{disabled:disabled||item.disabled,item:item,key:item[valueKey],value:-1!==input.value.indexOf(item[valueKey]),label:withCheckRow?"":item[labelKey],onChange:()=>(id=>{const newValues=-1===input.value.indexOf(id)?[...input.value,id]:input.value.filter(elem=>elem!==id);input.onChange((0,_array.isEmpty)(newValues)?null:newValues)})(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):void 0})))),additionalInfo&&additionalInfo.footer&&_react.default.createElement(_FormHelperText.default,null,additionalInfo.footer),shouldShowErrors&&_react.default.createElement(_FormHelperText.default,{error:!0},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/versions/V0/theme.js

@@ -1,93 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const retrieveMuiTheme = theme => (0, _styles.createTheme)({
-  typography: {
-    fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily'])
-  },
-  overrides: {
-    MuiFormControlLabel: {
-      label: {
-        fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'label', 'fontSize'], 14),
-        color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'label', 'color'], _colorsModule.default.primary)
-      }
-    },
-    MuiFormHelperText: {
-      root: {
-        fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'helperText', 'fontSize'], 14),
-        color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'helperText', 'color'], _colorsModule.default.primary),
-        '&$error': {
-          color: theme.Palette.error['05']
-        }
-      }
-    },
-    MuiCheckbox: {
-      root: {
-        color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'checkbox', 'color'], _colorsModule.default.gray)
-      },
-      colorPrimary: {
-        color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'checkbox', 'color'], _colorsModule.default.gray),
-        '&$checked': {
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'checkbox', 'checkedColor'], _colorsModule.default.inputPrimary)
-        }
-      }
-    }
-  }
-});
-exports.retrieveMuiTheme = retrieveMuiTheme;
-const retrieveStyle = _ref => {
-  var _theme$UTCheckList, _theme$UTCheckList2;
-  let {
-    theme
-  } = _ref;
-  return {
-    selectAllRowRoot: {
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'selectAllRow', 'root', 'color']),
-      display: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'selectAllRow', 'root', 'display']),
-      flexDirection: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'selectAllRow', 'root', 'flexDirection']),
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'selectAllRow', 'root', 'height']),
-      justifyContent: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'selectAllRow', 'root', 'justifyContent']),
-      margin: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'selectAllRow', 'root', 'margin']),
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'selectAllRow', 'root', 'padding'])
-    },
-    customRowRoot: {
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customRow', 'root', 'color']),
-      display: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customRow', 'root', 'display']),
-      flexDirection: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customRow', 'root', 'flexDirection']),
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customRow', 'root', 'height']),
-      justifyContent: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customRow', 'root', 'justifyContent']),
-      margin: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customRow', 'root', 'margin']),
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customRow', 'root', 'padding'])
-    },
-    headerItem: {
-      marginRight: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customCheckRow', 'headerItem', 'marginRight'], '60px'),
-      fontSize: (0, _classesUtils.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: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customCheckRow', 'container', 'alignItems']),
-      borderTop: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customCheckRow', 'container', 'borderTop']),
-      display: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customCheckRow', 'container', 'display']),
-      flexDirection: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customCheckRow', 'container', 'flexDirection']),
-      flexShrink: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customCheckRow', 'container', 'flexShrink']),
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customCheckRow', 'container', 'height']),
-      justifyContent: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customCheckRow', 'container', 'justifyContent']),
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customCheckRow', 'container', 'padding']),
-      width: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customCheckRow', 'container', 'width'])
-    },
-    rowItem: {
-      display: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customCheckRow', 'rowItem', 'display']),
-      fontSize: (0, _classesUtils.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: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customCheckRow', 'rowItem', 'justifyContent']),
-      width: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customCheckRow', 'rowItem', 'width'])
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=exports.retrieveMuiTheme=void 0;var _seamlessImmutable=require("seamless-immutable"),_styles=require("@material-ui/core/styles"),_colorsModule=_interopRequireDefault(require("../../../../scss/variables/colors.module.scss")),_classesUtils=require("../../../../utils/classesUtils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const retrieveMuiTheme=theme=>(0,_styles.createTheme)({typography:{fontFamily:(0,_seamlessImmutable.getIn)(theme,["Fonts","fontFamily"])},overrides:{MuiFormControlLabel:{label:{fontSize:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","label","fontSize"],14),color:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","label","color"],_colorsModule.default.primary)}},MuiFormHelperText:{root:{fontSize:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","helperText","fontSize"],14),color:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","helperText","color"],_colorsModule.default.primary),"&$error":{color:theme.Palette.error["05"]}}},MuiCheckbox:{root:{color:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","checkbox","color"],_colorsModule.default.gray)},colorPrimary:{color:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","checkbox","color"],_colorsModule.default.gray),"&$checked":{color:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","checkbox","checkedColor"],_colorsModule.default.inputPrimary)}}}}});exports.retrieveMuiTheme=retrieveMuiTheme;const retrieveStyle=_ref=>{var _theme$UTCheckList,_theme$UTCheckList2;let{theme:theme}=_ref;return{selectAllRowRoot:{color:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","selectAllRow","root","color"]),display:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","selectAllRow","root","display"]),flexDirection:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","selectAllRow","root","flexDirection"]),height:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","selectAllRow","root","height"]),justifyContent:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","selectAllRow","root","justifyContent"]),margin:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","selectAllRow","root","margin"]),padding:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","selectAllRow","root","padding"])},customRowRoot:{color:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","customRow","root","color"]),display:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","customRow","root","display"]),flexDirection:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","customRow","root","flexDirection"]),height:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","customRow","root","height"]),justifyContent:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","customRow","root","justifyContent"]),margin:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","customRow","root","margin"]),padding:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","customRow","root","padding"])},headerItem:{marginRight:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","customCheckRow","headerItem","marginRight"],"60px"),fontSize:(0,_classesUtils.withImportant)((null==theme||null===(_theme$UTCheckList=theme.UTCheckList)||void 0===_theme$UTCheckList||null===(_theme$UTCheckList=_theme$UTCheckList.customCheckRow)||void 0===_theme$UTCheckList||null===(_theme$UTCheckList=_theme$UTCheckList.headerItem)||void 0===_theme$UTCheckList?void 0:_theme$UTCheckList.fontSize)||14)},checkRowContainer:{alignItems:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","customCheckRow","container","alignItems"]),borderTop:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","customCheckRow","container","borderTop"]),display:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","customCheckRow","container","display"]),flexDirection:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","customCheckRow","container","flexDirection"]),flexShrink:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","customCheckRow","container","flexShrink"]),height:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","customCheckRow","container","height"]),justifyContent:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","customCheckRow","container","justifyContent"]),padding:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","customCheckRow","container","padding"]),width:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","customCheckRow","container","width"])},rowItem:{display:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","customCheckRow","rowItem","display"]),fontSize:(0,_classesUtils.withImportant)((null==theme||null===(_theme$UTCheckList2=theme.UTCheckList)||void 0===_theme$UTCheckList2||null===(_theme$UTCheckList2=_theme$UTCheckList2.customCheckRow)||void 0===_theme$UTCheckList2||null===(_theme$UTCheckList2=_theme$UTCheckList2.rowItem)||void 0===_theme$UTCheckList2?void 0:_theme$UTCheckList2.fontSize)||12),justifyContent:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","customCheckRow","rowItem","justifyContent"]),width:(0,_seamlessImmutable.getIn)(theme,["UTCheckList","customCheckRow","rowItem","width"])}}};exports.retrieveStyle=retrieveStyle;

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

@@ -1,11 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SPACING = exports.NO_CATEGORY = void 0;
-const SPACING = exports.SPACING = {
-  SMALL: 'small',
-  MEDIUM: 'medium'
-};
-const NO_CATEGORY = exports.NO_CATEGORY = 'No Category';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SPACING=exports.NO_CATEGORY=void 0;const SPACING=exports.SPACING={SMALL:"small",MEDIUM:"medium"},NO_CATEGORY=exports.NO_CATEGORY="No Category";

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

@@ -1,176 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _buttonTypes = require("../../../../types/buttonTypes");
-var _utils = require("../../../UTValidation/utils");
-var _constants = require("../../../UTCheckbox/versions/V1/constants");
-var _UTCheckbox = _interopRequireDefault(require("../../../UTCheckbox"));
-var _UTFieldLabel = _interopRequireDefault(require("../../../UTFieldLabel"));
-var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
-var _UTValidation = _interopRequireDefault(require("../../../UTValidation"));
-var _utils2 = require("./utils");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _constants2 = require("./constants");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-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 = (0, _utils2.getPropValueBasedOnVariant)(variant, reversed, true);
-  const verticalSpacingBasedOnVariant = (0, _utils2.getPropValueBasedOnVariant)(variant, verticalSpacing, _constants.SPACING.SMALL);
-  const smallVerticalSpacingClass = verticalSpacingBasedOnVariant === _constants.SPACING.SMALL ? _stylesModule.default.smallVerticalSpacing : '';
-  const validationData = (0, _react.useMemo)(() => error && (0, _utils.formatErrorToValidation)(error, {
-    withIcon: false
-  }), [error]);
-  (0, _react.useEffect)(() => {
-    if (value) {
-      const convertedValue = (0, _utils2.convertIfIsString)(value);
-      if (JSON.stringify(convertedValue) !== JSON.stringify(value)) {
-        onChange(convertedValue);
-      }
-    }
-  }, [value, onChange]);
-  const categorizedOptions = (0, _react.useMemo)(() => {
-    const optionsGrouped = options.reduce((groupedOptions, option) => {
-      const category = option.category || _constants2.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 === _constants2.NO_CATEGORY ? -1 : categoryB === _constants2.NO_CATEGORY ? 1 : 0;
-    });
-  }, [options]);
-  const enabledOptions = (0, _react.useMemo)(() => options.filter(option => !option.disabled), [options]);
-  const areAllSelected = (0, _react.useMemo)(() => enabledOptions.every(option => value === null || value === void 0 ? void 0 : value.includes(option.value)), [enabledOptions, value]);
-  const isIndeterminate = (0, _react.useMemo)(() => enabledOptions.some(option => value === null || value === void 0 ? void 0 : value.includes(option.value)) && !areAllSelected, [enabledOptions, value, areAllSelected]);
-  const handleChange = (0, _react.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 = (0, _react.useCallback)(() => {
-    onChange(areAllSelected ? [] : enabledOptions.map(item => item.value));
-  }, [areAllSelected, enabledOptions, onChange]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.container, " ").concat(smallVerticalSpacingClass, " ").concat(classNames.root),
-    "data-testid": dataTestId
-  }, (title || validationData) && /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.headerContainer, " ").concat(classNames.header)
-  }, title && /*#__PURE__*/_react.default.createElement(_UTFieldLabel.default, {
-    actions: actions,
-    required: required
-  }, title), validationData && /*#__PURE__*/_react.default.createElement(_UTValidation.default, {
-    validationData: validationData
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.checkboxesContainer, " ").concat(smallVerticalSpacingClass, " ").concat(variant === _constants.BUTTON_VARIANT && _stylesModule.default.buttonVariant, " ").concat(classNames.checkboxesContainer)
-  }, showSelectAll && !isSimple && /*#__PURE__*/_react.default.createElement(_UTCheckbox.default, {
-    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.default.createElement("div", {
-      className: "".concat(_stylesModule.default.categoryContainer, " ").concat(smallVerticalSpacingClass),
-      key: categoryKey
-    }, category !== _constants2.NO_CATEGORY && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-      className: _stylesModule.default.categoryTitle,
-      colorTheme: "gray",
-      variant: "small",
-      weight: "medium"
-    }, category.toUpperCase()), categoryOptions.map((item, index) => /*#__PURE__*/_react.default.createElement(_UTCheckbox.default, {
-      classNames: classNames.item,
-      CustomComponent: CustomRow ? /*#__PURE__*/_react.default.createElement(CustomRow, {
-        item: item,
-        isChecked: (0, _utils2.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: (0, _utils2.isChecked)(item, value),
-      variant: variant,
-      version: "V1"
-    })));
-  })));
-};
-UTCheckList.propTypes = {
-  actions: (0, _propTypes.arrayOf)(_buttonTypes.buttonTypes),
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  CustomRow: _propTypes.elementType,
-  dataTestId: _propTypes.string,
-  disabled: _propTypes.bool,
-  error: _propTypes.string,
-  horizontalSpacing: _propTypes.string,
-  isSimple: _propTypes.bool,
-  itemDataTestId: _propTypes.string,
-  onChange: _propTypes.func,
-  options: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    checked: _propTypes.bool,
-    disabled: _propTypes.bool,
-    icon: _propTypes.string,
-    name: _propTypes.string,
-    value: _propTypes.string,
-    category: _propTypes.string
-  })),
-  required: _propTypes.bool,
-  reversed: _propTypes.bool,
-  selectAllLabel: _propTypes.string,
-  showSelectAll: _propTypes.bool,
-  title: _propTypes.string,
-  value: (0, _propTypes.arrayOf)(_propTypes.string),
-  variant: _propTypes.string,
-  verticalSpacing: _propTypes.string
-};
-var _default = exports.default = UTCheckList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_buttonTypes=require("../../../../types/buttonTypes"),_utils=require("../../../UTValidation/utils"),_constants=require("../../../UTCheckbox/versions/V1/constants"),_UTCheckbox=_interopRequireDefault(require("../../../UTCheckbox")),_UTFieldLabel=_interopRequireDefault(require("../../../UTFieldLabel")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_UTValidation=_interopRequireDefault(require("../../../UTValidation")),_utils2=require("./utils"),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_constants2=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}const UTCheckList=_ref=>{let{actions:actions,classNames:classNames={},CustomRow:CustomRow,dataTestId:dataTestId,disabled:disabled,error:error,horizontalSpacing:horizontalSpacing="medium",isSimple:isSimple=!1,itemDataTestId:itemDataTestId,onChange:onChange=()=>{},options:options,required:required,reversed:reversed,selectAllLabel:selectAllLabel,showSelectAll:showSelectAll=!0,title:title,value:value=null,variant:variant,verticalSpacing:verticalSpacing="medium"}=_ref;const reversedBasedOnVariant=(0,_utils2.getPropValueBasedOnVariant)(variant,reversed,!0),smallVerticalSpacingClass=(0,_utils2.getPropValueBasedOnVariant)(variant,verticalSpacing,_constants.SPACING.SMALL)===_constants.SPACING.SMALL?_stylesModule.default.smallVerticalSpacing:"",validationData=(0,_react.useMemo)(()=>error&&(0,_utils.formatErrorToValidation)(error,{withIcon:!1}),[error]);(0,_react.useEffect)(()=>{if(value){const convertedValue=(0,_utils2.convertIfIsString)(value);JSON.stringify(convertedValue)!==JSON.stringify(value)&&onChange(convertedValue)}},[value,onChange]);const categorizedOptions=(0,_react.useMemo)(()=>{const optionsGrouped=options.reduce((groupedOptions,option)=>{const category=option.category||_constants2.NO_CATEGORY;return groupedOptions[category]||(groupedOptions[category]=[]),groupedOptions[category].push(option),groupedOptions},{NO_CATEGORY:[]});return Object.entries(optionsGrouped).filter(_ref2=>{let[,categoryOptions]=_ref2;return categoryOptions.length>0}).sort((_ref3,_ref4)=>{let[categoryA]=_ref3,[categoryB]=_ref4;return categoryA===_constants2.NO_CATEGORY?-1:categoryB===_constants2.NO_CATEGORY?1:0})},[options]),enabledOptions=(0,_react.useMemo)(()=>options.filter(option=>!option.disabled),[options]),areAllSelected=(0,_react.useMemo)(()=>enabledOptions.every(option=>null==value?void 0:value.includes(option.value)),[enabledOptions,value]),isIndeterminate=(0,_react.useMemo)(()=>enabledOptions.some(option=>null==value?void 0:value.includes(option.value))&&!areAllSelected,[enabledOptions,value,areAllSelected]),handleChange=(0,_react.useCallback)(receivedValue=>{if(isSimple)onChange([receivedValue]);else{var _value$some;const newValues=null!=value&&null!==(_value$some=value.some)&&void 0!==_value$some&&_value$some.call(value,v=>v===receivedValue)?value.filter(elem=>elem!==receivedValue):[...value||[],receivedValue];onChange(newValues)}},[value,onChange,isSimple]),handleCheckAll=(0,_react.useCallback)(()=>{onChange(areAllSelected?[]:enabledOptions.map(item=>item.value))},[areAllSelected,enabledOptions,onChange]);return _react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(smallVerticalSpacingClass," ").concat(classNames.root),"data-testid":dataTestId},(title||validationData)&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.headerContainer," ").concat(classNames.header)},title&&_react.default.createElement(_UTFieldLabel.default,{actions:actions,required:required},title),validationData&&_react.default.createElement(_UTValidation.default,{validationData:validationData})),_react.default.createElement("div",{className:"".concat(_stylesModule.default.checkboxesContainer," ").concat(smallVerticalSpacingClass," ").concat(variant===_constants.BUTTON_VARIANT&&_stylesModule.default.buttonVariant," ").concat(classNames.checkboxesContainer)},showSelectAll&&!isSimple&&_react.default.createElement(_UTCheckbox.default,{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 _react.default.createElement("div",{className:"".concat(_stylesModule.default.categoryContainer," ").concat(smallVerticalSpacingClass),key:categoryKey},category!==_constants2.NO_CATEGORY&&_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.categoryTitle,colorTheme:"gray",variant:"small",weight:"medium"},category.toUpperCase()),categoryOptions.map((item,index)=>_react.default.createElement(_UTCheckbox.default,{classNames:classNames.item,CustomComponent:CustomRow?_react.default.createElement(CustomRow,{item:item,isChecked:(0,_utils2.isChecked)(item,value)}):void 0,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:(0,_utils2.isChecked)(item,value),variant:variant,version:"V1"})))})))};UTCheckList.propTypes={actions:(0,_propTypes.arrayOf)(_buttonTypes.buttonTypes),classNames:(0,_propTypes.objectOf)(_propTypes.string),CustomRow:_propTypes.elementType,dataTestId:_propTypes.string,disabled:_propTypes.bool,error:_propTypes.string,horizontalSpacing:_propTypes.string,isSimple:_propTypes.bool,itemDataTestId:_propTypes.string,onChange:_propTypes.func,options:(0,_propTypes.arrayOf)((0,_propTypes.shape)({checked:_propTypes.bool,disabled:_propTypes.bool,icon:_propTypes.string,name:_propTypes.string,value:_propTypes.string,category:_propTypes.string})),required:_propTypes.bool,reversed:_propTypes.bool,selectAllLabel:_propTypes.string,showSelectAll:_propTypes.bool,title:_propTypes.string,value:(0,_propTypes.arrayOf)(_propTypes.string),variant:_propTypes.string,verticalSpacing:_propTypes.string};var _default=exports.default=UTCheckList;

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

@@ -1,21 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isChecked = exports.getPropValueBasedOnVariant = exports.convertIfIsString = void 0;
-var _isString = _interopRequireDefault(require("lodash/isString"));
-var _constants = require("../../../UTCheckbox/versions/V1/constants");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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;
-};
-exports.isChecked = isChecked;
-const convertIfIsString = value => (0, _isString.default)(value) ? value.length === 0 ? [] : JSON.parse(value.replace(/'/g, '"')) : value;
-exports.convertIfIsString = convertIfIsString;
-const getPropValueBasedOnVariant = (variant, prop, defaultValue) => {
-  const defaultButtonProp = prop !== null && prop !== void 0 ? prop : defaultValue;
-  return variant === _constants.BUTTON_VARIANT ? defaultButtonProp : prop;
-};
-exports.getPropValueBasedOnVariant = getPropValueBasedOnVariant;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.isChecked=exports.getPropValueBasedOnVariant=exports.convertIfIsString=void 0;var _isString=_interopRequireDefault(require("lodash/isString")),_constants=require("../../../UTCheckbox/versions/V1/constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const isChecked=(item,inputValue)=>{var _inputValue$some;return(null==inputValue||null===(_inputValue$some=inputValue.some)||void 0===_inputValue$some?void 0:_inputValue$some.call(inputValue,elem=>elem===item.value))||item.disabled&&item.checked};exports.isChecked=isChecked;const convertIfIsString=value=>(0,_isString.default)(value)?0===value.length?[]:JSON.parse(value.replace(/'/g,'"')):value;exports.convertIfIsString=convertIfIsString;const getPropValueBasedOnVariant=(variant,prop,defaultValue)=>{const defaultButtonProp=null!=prop?prop:defaultValue;return variant===_constants.BUTTON_VARIANT?defaultButtonProp:prop};exports.getPropValueBasedOnVariant=getPropValueBasedOnVariant;