@widergy/energy-ui 3.172.1 → 3.172.3

package/dist/components/UTRipple/Ripple.js

@@ -1,68 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactTransitionGroup = require("react-transition-group");
-var _propTypes = require("prop-types");
-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 Ripple = _ref => {
-  let {
-    elem,
-    event,
-    ...other
-  } = _ref;
-  const [enter, setEnter] = (0, _react.useState)(false);
-  const [leaving, setLeaving] = (0, _react.useState)(false);
-  const handleEnter = () => setEnter(true);
-  const handleExit = () => {
-    setLeaving(true);
-  };
-  const rect = elem ? elem.getBoundingClientRect() : {
-    width: 0,
-    height: 0,
-    left: 0,
-    top: 0
-  };
-  let rippleX;
-  let rippleY;
-  if (event.clientX === 0 && event.clientY === 0 || !event.clientX && !event.touches) {
-    rippleX = Math.round(rect.width / 2);
-    rippleY = Math.round(rect.height / 2);
-  } else {
-    const clientX = event.clientX ? event.clientX : event.touches[0].clientX;
-    const clientY = event.clientY ? event.clientY : event.touches[0].clientY;
-    rippleX = Math.round(clientX - rect.left);
-    rippleY = Math.round(clientY - rect.top);
-  }
-  const sizeX = Math.max(Math.abs((elem ? elem.clientWidth : 0) - rippleX), rippleX) * 2 + 2;
-  const sizeY = Math.max(Math.abs((elem ? elem.clientHeight : 0) - rippleY), rippleY) * 2 + 2;
-  const rippleSize = Math.sqrt(sizeX ** 2 + sizeY ** 2);
-  const rippleStyles = {
-    width: rippleSize,
-    height: rippleSize,
-    top: -(rippleSize / 2) + rippleY,
-    left: -(rippleSize / 2) + rippleX
-  };
-  return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, _extends({
-    timeout: 500,
-    onEnter: handleEnter,
-    unmountOnExit: true,
-    onExit: handleExit
-  }, other), /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(_stylesModule.default.ripple, " ").concat(enter && _stylesModule.default.rippleEnter),
-    style: rippleStyles
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(_stylesModule.default.child, " ").concat(leaving && _stylesModule.default.rippleExit)
-  })));
-};
-Ripple.propTypes = {
-  elem: _propTypes.element,
-  event: _propTypes.any
-};
-var _default = exports.default = Ripple;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_reactTransitionGroup=require("react-transition-group"),_propTypes=require("prop-types"),_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 Ripple=_ref=>{let{elem:elem,event:event,...other}=_ref;const[enter,setEnter]=(0,_react.useState)(!1),[leaving,setLeaving]=(0,_react.useState)(!1),rect=elem?elem.getBoundingClientRect():{width:0,height:0,left:0,top:0};let rippleX,rippleY;if(0===event.clientX&&0===event.clientY||!event.clientX&&!event.touches)rippleX=Math.round(rect.width/2),rippleY=Math.round(rect.height/2);else{const clientX=event.clientX?event.clientX:event.touches[0].clientX,clientY=event.clientY?event.clientY:event.touches[0].clientY;rippleX=Math.round(clientX-rect.left),rippleY=Math.round(clientY-rect.top)}const sizeX=2*Math.max(Math.abs((elem?elem.clientWidth:0)-rippleX),rippleX)+2,sizeY=2*Math.max(Math.abs((elem?elem.clientHeight:0)-rippleY),rippleY)+2,rippleSize=Math.sqrt(sizeX**2+sizeY**2),rippleStyles={width:rippleSize,height:rippleSize,top:-rippleSize/2+rippleY,left:-rippleSize/2+rippleX};return _react.default.createElement(_reactTransitionGroup.Transition,_extends({timeout:500,onEnter:()=>setEnter(!0),unmountOnExit:!0,onExit:()=>{setLeaving(!0)}},other),_react.default.createElement("span",{className:"".concat(_stylesModule.default.ripple," ").concat(enter&&_stylesModule.default.rippleEnter),style:rippleStyles},_react.default.createElement("span",{className:"".concat(_stylesModule.default.child," ").concat(leaving&&_stylesModule.default.rippleExit)})))};Ripple.propTypes={elem:_propTypes.element,event:_propTypes.any};var _default=exports.default=Ripple;

package/dist/components/UTRipple/index.js

@@ -1,52 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactTransitionGroup = require("react-transition-group");
-var _propTypes = require("prop-types");
-var _commonTypes = require("../../types/commonTypes");
-var _Ripple = _interopRequireDefault(require("./Ripple"));
-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); }
-const UTRipple = _ref => {
-  let {
-    elem,
-    withRipple
-  } = _ref;
-  const [ripples, setRipples] = (0, _react.useState)([]);
-  const setNewRipples = (0, _react.useCallback)(event => {
-    setRipples(prevRipples => [...prevRipples, /*#__PURE__*/_react.default.createElement(_Ripple.default, {
-      event: event,
-      elem: elem,
-      key: Math.random()
-    })]);
-  }, [elem]);
-  const removeRipple = (0, _react.useCallback)(() => setRipples(prevRipples => prevRipples.slice(1)), []);
-  (0, _react.useEffect)(() => {
-    if (withRipple && elem) {
-      elem.addEventListener('mousedown', setNewRipples);
-      elem.addEventListener('mouseup', removeRipple);
-      elem.addEventListener('mouseleave', removeRipple);
-    }
-    return () => {
-      if (withRipple && elem) {
-        elem.removeEventListener('mousedown', setNewRipples);
-        elem.removeEventListener('mouseup', removeRipple);
-        elem.removeEventListener('mouseleave', removeRipple);
-      }
-    };
-  }, [elem, setNewRipples, removeRipple, withRipple]);
-  return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, {
-    component: "span",
-    className: _stylesModule.default.root
-  }, ripples);
-};
-UTRipple.propTypes = {
-  elem: _commonTypes.refType,
-  withRipple: _propTypes.bool
-};
-var _default = exports.default = UTRipple;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_reactTransitionGroup=require("react-transition-group"),_propTypes=require("prop-types"),_commonTypes=require("../../types/commonTypes"),_Ripple=_interopRequireDefault(require("./Ripple")),_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)}const UTRipple=_ref=>{let{elem:elem,withRipple:withRipple}=_ref;const[ripples,setRipples]=(0,_react.useState)([]),setNewRipples=(0,_react.useCallback)(event=>{setRipples(prevRipples=>[...prevRipples,_react.default.createElement(_Ripple.default,{event:event,elem:elem,key:Math.random()})])},[elem]),removeRipple=(0,_react.useCallback)(()=>setRipples(prevRipples=>prevRipples.slice(1)),[]);return(0,_react.useEffect)(()=>(withRipple&&elem&&(elem.addEventListener("mousedown",setNewRipples),elem.addEventListener("mouseup",removeRipple),elem.addEventListener("mouseleave",removeRipple)),()=>{withRipple&&elem&&(elem.removeEventListener("mousedown",setNewRipples),elem.removeEventListener("mouseup",removeRipple),elem.removeEventListener("mouseleave",removeRipple))}),[elem,setNewRipples,removeRipple,withRipple]),_react.default.createElement(_reactTransitionGroup.TransitionGroup,{component:"span",className:_stylesModule.default.root},ripples)};UTRipple.propTypes={elem:_commonTypes.refType,withRipple:_propTypes.bool};var _default=exports.default=UTRipple;

package/dist/components/UTSearchField/index.js

@@ -1,99 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = exports.default = void 0;
-var _propTypes = require("prop-types");
-var _react = _interopRequireDefault(require("react"));
-var _constants = require("../UTBaseInputField/constants");
-var _UTBaseInputField = _interopRequireDefault(require("../UTBaseInputField"));
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _theme = require("./theme");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const UTSearchField = _ref => {
-  let {
-    classes,
-    className,
-    customAction,
-    dataKeyboard,
-    dataTestId,
-    disabled,
-    id,
-    onBlur,
-    onChange = () => {},
-    onFocus,
-    placeholder,
-    size,
-    type,
-    value = null,
-    variant = 'gray'
-  } = _ref;
-  const clearText = () => {
-    onChange('');
-  };
-  const action = {
-    Icon: 'IconX',
-    onClick: clearText,
-    size: 'small'
-  };
-  const leftAdornments = [{
-    name: _constants.COMPONENT_KEYS.ICON,
-    props: {
-      Icon: 'IconSearch',
-      changeOnFocus: true,
-      shade: '02'
-    }
-  }];
-  const rightAdornments = value || customAction ? [{
-    name: _constants.COMPONENT_KEYS.ACTION,
-    props: {
-      action: customAction || action
-    }
-  }] : [];
-  return /*#__PURE__*/_react.default.createElement(_UTBaseInputField.default, {
-    alwaysShowPlaceholder: true,
-    classNames: {
-      container: "".concat(_stylesModule.default.container, " ").concat(className),
-      input: classes.input
-    },
-    dataKeyboard: dataKeyboard || 'search',
-    dataTestId: dataTestId,
-    disabled: disabled,
-    id: id,
-    inputSize: size,
-    leftAdornments: leftAdornments,
-    onBlur: onBlur,
-    onChange: onChange,
-    onFocus: onFocus,
-    placeholder: placeholder,
-    rightAdornments: rightAdornments,
-    type: type,
-    value: value,
-    variant: variant
-  });
-};
-const propTypes = exports.propTypes = {
-  className: _propTypes.string,
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  customAction: (0, _propTypes.shape)({
-    Icon: _propTypes.string,
-    onClick: _propTypes.func,
-    size: _propTypes.string
-  }),
-  dataKeyboard: _propTypes.string,
-  dataTestId: _propTypes.string,
-  disabled: _propTypes.bool,
-  id: _propTypes.string,
-  onBlur: _propTypes.func,
-  onChange: _propTypes.func,
-  onFocus: _propTypes.func,
-  placeholder: _propTypes.string,
-  size: _propTypes.string,
-  type: _propTypes.string,
-  value: _propTypes.string,
-  variant: _propTypes.string
-};
-UTSearchField.propTypes = propTypes;
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTSearchField);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.propTypes=exports.default=void 0;var _propTypes=require("prop-types"),_react=_interopRequireDefault(require("react")),_constants=require("../UTBaseInputField/constants"),_UTBaseInputField=_interopRequireDefault(require("../UTBaseInputField")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_theme=require("./theme"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const UTSearchField=_ref=>{let{classes:classes,className:className,customAction:customAction,dataKeyboard:dataKeyboard,dataTestId:dataTestId,disabled:disabled,id:id,onBlur:onBlur,onChange:onChange=()=>{},onFocus:onFocus,placeholder:placeholder,size:size,type:type,value:value=null,variant:variant="gray"}=_ref;const action={Icon:"IconX",onClick:()=>{onChange("")},size:"small"},leftAdornments=[{name:_constants.COMPONENT_KEYS.ICON,props:{Icon:"IconSearch",changeOnFocus:!0,shade:"02"}}],rightAdornments=value||customAction?[{name:_constants.COMPONENT_KEYS.ACTION,props:{action:customAction||action}}]:[];return _react.default.createElement(_UTBaseInputField.default,{alwaysShowPlaceholder:!0,classNames:{container:"".concat(_stylesModule.default.container," ").concat(className),input:classes.input},dataKeyboard:dataKeyboard||"search",dataTestId:dataTestId,disabled:disabled,id:id,inputSize:size,leftAdornments:leftAdornments,onBlur:onBlur,onChange:onChange,onFocus:onFocus,placeholder:placeholder,rightAdornments:rightAdornments,type:type,value:value,variant:variant})},propTypes=exports.propTypes={className:_propTypes.string,classes:(0,_propTypes.objectOf)(_propTypes.string),customAction:(0,_propTypes.shape)({Icon:_propTypes.string,onClick:_propTypes.func,size:_propTypes.string}),dataKeyboard:_propTypes.string,dataTestId:_propTypes.string,disabled:_propTypes.bool,id:_propTypes.string,onBlur:_propTypes.func,onChange:_propTypes.func,onFocus:_propTypes.func,placeholder:_propTypes.string,size:_propTypes.string,type:_propTypes.string,value:_propTypes.string,variant:_propTypes.string};UTSearchField.propTypes=propTypes;var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTSearchField);

package/dist/components/UTSearchField/theme.js

@@ -1,19 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = void 0;
-const retrieveStyle = _ref => {
-  let {
-    theme
-  } = _ref;
-  return {
-    input: {
-      '&::placeholder': {
-        color: "".concat(theme.Palette.gray['04'], " !important")
-      }
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;const retrieveStyle=_ref=>{let{theme:theme}=_ref;return{input:{"&::placeholder":{color:"".concat(theme.Palette.gray["04"]," !important")}}}};exports.retrieveStyle=retrieveStyle;

package/dist/components/UTSelect/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 UTSelect = _ref => {
-  let {
-    version = 'V0',
-    ...props
-  } = _ref;
-  const Component = {
-    V0: _V.default,
-    V1: _V2.default
-  }[version];
-  return /*#__PURE__*/_react.default.createElement(Component, props);
-};
-UTSelect.propTypes = {
-  version: _propTypes.string
-};
-var _default = exports.default = UTSelect;
+"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 UTSelect=_ref=>{let{version:version="V0",...props}=_ref;const Component={V0:_V.default,V1:_V2.default}[version];return _react.default.createElement(Component,props)};UTSelect.propTypes={version:_propTypes.string};var _default=exports.default=UTSelect;

package/dist/components/UTSelect/versions/V0/components/Option/index.js

@@ -1,39 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
-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 Option = _ref => {
-  let {
-    classes,
-    isMultiple,
-    labelKey,
-    optionProps,
-    value,
-    valueKey
-  } = _ref;
-  const OptionIcon = optionProps.icon;
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, isMultiple && /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
-    color: "primary",
-    checked: (value === null || value === void 0 ? void 0 : value.indexOf(optionProps[valueKey])) > -1
-  }), OptionIcon ? /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.labelContainer
-  }, /*#__PURE__*/_react.default.createElement(OptionIcon, {
-    className: classes.optionIcon
-  }), /*#__PURE__*/_react.default.createElement("div", null, optionProps[labelKey])) : optionProps[labelKey]);
-};
-Option.propTypes = {
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  isMultiple: _propTypes.bool,
-  labelKey: _propTypes.string,
-  optionProps: _propTypes.object,
-  value: _propTypes.any,
-  valueKey: _propTypes.string
-};
-var _default = exports.default = /*#__PURE__*/(0, _react.memo)(Option);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_Checkbox=_interopRequireDefault(require("@material-ui/core/Checkbox"));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 Option=_ref=>{let{classes:classes,isMultiple:isMultiple,labelKey:labelKey,optionProps:optionProps,value:value,valueKey:valueKey}=_ref;const OptionIcon=optionProps.icon;return _react.default.createElement(_react.Fragment,null,isMultiple&&_react.default.createElement(_Checkbox.default,{color:"primary",checked:(null==value?void 0:value.indexOf(optionProps[valueKey]))>-1}),OptionIcon?_react.default.createElement("div",{className:classes.labelContainer},_react.default.createElement(OptionIcon,{className:classes.optionIcon}),_react.default.createElement("div",null,optionProps[labelKey])):optionProps[labelKey])};Option.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),isMultiple:_propTypes.bool,labelKey:_propTypes.string,optionProps:_propTypes.object,value:_propTypes.any,valueKey:_propTypes.string};var _default=exports.default=(0,_react.memo)(Option);

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

@@ -1,10 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VALUE_KEY = exports.MENU_TITLE_MULTIPLE = exports.MENU_TITLE = exports.LABEL_KEY = void 0;
-const VALUE_KEY = exports.VALUE_KEY = 'value';
-const LABEL_KEY = exports.LABEL_KEY = 'name';
-const MENU_TITLE = exports.MENU_TITLE = 'Seleccione una opción';
-const MENU_TITLE_MULTIPLE = exports.MENU_TITLE_MULTIPLE = 'Seleccione una o más opciones';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VALUE_KEY=exports.MENU_TITLE_MULTIPLE=exports.MENU_TITLE=exports.LABEL_KEY=void 0;const VALUE_KEY=exports.VALUE_KEY="value",LABEL_KEY=exports.LABEL_KEY="name",MENU_TITLE=exports.MENU_TITLE="Seleccione una opción",MENU_TITLE_MULTIPLE=exports.MENU_TITLE_MULTIPLE="Seleccione una o más opciones";

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

@@ -1,218 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _clone = _interopRequireDefault(require("lodash/clone"));
-var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl"));
-var _FormHelperText = _interopRequireDefault(require("@material-ui/core/FormHelperText"));
-var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
-var _HelpOutline = _interopRequireDefault(require("@material-ui/icons/HelpOutline"));
-var _InputLabel = _interopRequireDefault(require("@material-ui/core/InputLabel"));
-var _ListSubheader = _interopRequireDefault(require("@material-ui/core/ListSubheader"));
-var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
-var _react = _interopRequireWildcard(require("react"));
-var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
-var _propTypes = require("prop-types");
-var _array = require("@widergy/web-utils/lib/array");
-var _form = require("@widergy/web-utils/lib/form");
-var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
-var _UTTooltip = _interopRequireDefault(require("../../../UTTooltip"));
-var _WithTheme = _interopRequireDefault(require("../../../WithTheme"));
-var _formTypes = require("../../../../types/formTypes");
-var _classesUtils = require("../../../../utils/classesUtils");
-var _Option = _interopRequireDefault(require("./components/Option"));
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _stylesJS = _interopRequireDefault(require("./stylesJS"));
-var _constants = require("./constants");
-var _theme = require("./theme");
-var _utils = require("./utils");
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 UTSelect = _ref => {
-  let {
-    captionLabel,
-    classNames,
-    classes: themeClasses,
-    dataTestId,
-    disableFirstOption,
-    disabled,
-    errorDataTestId,
-    field,
-    iconPlaceholder: IconPlaceholder,
-    input,
-    itemDataTestId,
-    labelKey,
-    labelProps,
-    listDataTestId,
-    menuPlaceholder,
-    meta,
-    options,
-    placeholder,
-    selectProps,
-    tooltip,
-    valueKey,
-    variant,
-    withAutoReset,
-    withOrder,
-    withoutFirstOption
-  } = _ref;
-  const {
-    multiple: isMultiple,
-    upperTitle
-  } = (field === null || field === void 0 ? void 0 : field.configuration) || {};
-  const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
-  (0, _react.useEffect)(() => {
-    if (withAutoReset && (0, _utils.shouldReset)(input.value, options, valueKey, isMultiple)) input.onChange(null);
-  }, [options]);
-  const handleChange = event => input.onChange(event.target.value);
-  const handleRenderValue = selected => {
-    const selectedOptions = options.filter(option => selected.includes(option[valueKey]));
-    return selectedOptions.map(selection => selection[labelKey]).join(', ');
-  };
-  let sortedOptions = [...options];
-  sortedOptions = withOrder ? sortedOptions.sort((a, b) => a.order < b.order ? -1 : 1) : sortedOptions;
-  const optionCommonProps = {
-    classes,
-    isMultiple,
-    labelKey,
-    value: input.value,
-    valueKey
-  };
-  const SelectInput = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, upperTitle && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: classes.upperTitle
-  }, upperTitle), /*#__PURE__*/_react.default.createElement(_FormControl.default, {
-    className: classes.formControl,
-    error: (0, _form.shouldShowErrors)(meta),
-    variant: variant
-  }, /*#__PURE__*/_react.default.createElement(_InputLabel.default, _extends({}, labelProps, {
-    disabled: disabled
-  }), IconPlaceholder ? /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.labelContainer
-  }, /*#__PURE__*/_react.default.createElement(IconPlaceholder, {
-    className: classes.labelIcon
-  }), /*#__PURE__*/_react.default.createElement("div", null, placeholder)) : placeholder), /*#__PURE__*/_react.default.createElement(_Select.default, _extends({
-    classes: {
-      nativeInput: _stylesModule.default.nativeInput
-    },
-    disabled: disabled,
-    inputProps: {
-      'data-testid': dataTestId
-    },
-    label: variant === 'outlined' && placeholder,
-    MenuProps: {
-      MenuListProps: {
-        'data-testid': listDataTestId
-      }
-    },
-    multiple: isMultiple,
-    name: input.name,
-    onChange: handleChange,
-    value: isMultiple ? (0, _array.isEmpty)(input.value) ? [] : (0, _clone.default)(input.value) : input.value
-  }, isMultiple ? {
-    renderValue: handleRenderValue
-  } : {}, selectProps), !withoutFirstOption && /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-    "data-testid": "".concat(itemDataTestId, ".firstOption"),
-    disabled: isMultiple || disableFirstOption,
-    value: ""
-  }, menuPlaceholder || (isMultiple ? _constants.MENU_TITLE_MULTIPLE : _constants.MENU_TITLE)), sortedOptions.map((option, i) => (0, _array.isEmpty)(option.subOptions) ? /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-    "data-testid": "".concat(itemDataTestId, ".").concat(i),
-    key: option[valueKey],
-    value: option[valueKey]
-  }, /*#__PURE__*/_react.default.createElement(_Option.default, _extends({
-    optionProps: option
-  }, optionCommonProps))) : [/*#__PURE__*/_react.default.createElement(_ListSubheader.default, {
-    className: _stylesModule.default.subHeader
-  }, option[labelKey]), option.subOptions.map((subOption, index) => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-    className: classes.subOption,
-    "data-testid": "".concat(itemDataTestId, ".").concat(index),
-    key: subOption[valueKey],
-    value: subOption[valueKey]
-  }, /*#__PURE__*/_react.default.createElement(_Option.default, _extends({
-    isSuboption: true,
-    optionProps: subOption
-  }, optionCommonProps))))])), captionLabel && /*#__PURE__*/_react.default.createElement(_FormHelperText.default, {
-    classes: {
-      ...classes.formHelperText
-    }
-  }, captionLabel), (0, _form.shouldShowErrors)(meta) && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: _stylesModule.default.errorLabel,
-    colorTheme: "error",
-    dataTestId: errorDataTestId,
-    variant: "small"
-  }, meta.error)));
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.container
-  }, tooltip ? /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    alignItems: "flex-end",
-    container: true,
-    spacing: 1,
-    style: _stylesJS.default.gridContainer
-  }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    item: true,
-    xs: true
-  }, SelectInput), /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    item: true,
-    style: _stylesJS.default.icon
-  }, /*#__PURE__*/_react.default.createElement(_UTTooltip.default, {
-    content: tooltip
-  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_HelpOutline.default, {
-    className: classes.tooltipIcon
-  }))))) : SelectInput);
-};
-UTSelect.defaultProps = {
-  classNames: {},
-  classes: {},
-  field: {
-    configuration: {
-      multiple: false
-    }
-  },
-  labelKey: _constants.LABEL_KEY,
-  labelProps: {},
-  meta: {},
-  options: [],
-  selectProps: {},
-  valueKey: _constants.VALUE_KEY,
-  withAutoReset: true,
-  withoutFirstOption: false
-};
-UTSelect.propTypes = {
-  captionLabel: _propTypes.string,
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  classes: (0, _propTypes.shape)({
-    container: _propTypes.string,
-    labelContainer: _propTypes.string,
-    formControl: _propTypes.string,
-    formHelperText: (0, _propTypes.objectOf)(_propTypes.string),
-    labelIcon: _propTypes.string,
-    optionIcon: _propTypes.string,
-    tooltipIcon: _propTypes.string,
-    upperTitle: _propTypes.string
-  }),
-  dataTestId: _propTypes.string,
-  disableFirstOption: _propTypes.bool,
-  disabled: _propTypes.bool,
-  errorDataTestId: _propTypes.string,
-  field: _formTypes.fieldType,
-  iconPlaceholder: _propTypes.node,
-  input: _formTypes.inputPropTypes,
-  itemDataTestId: _propTypes.string,
-  labelKey: _propTypes.string,
-  labelProps: _propTypes.object,
-  listDataTestId: _propTypes.string,
-  menuPlaceholder: _propTypes.string,
-  meta: _formTypes.metaPropTypes,
-  options: (0, _propTypes.arrayOf)(_propTypes.object),
-  placeholder: _propTypes.string,
-  selectProps: _propTypes.object,
-  tooltip: _propTypes.string,
-  valueKey: _propTypes.string,
-  variant: _propTypes.string,
-  withAutoReset: _propTypes.bool,
-  withOrder: _propTypes.bool,
-  withoutFirstOption: _propTypes.bool
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle, _theme.retrieveMuiTheme)(UTSelect);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _clone=_interopRequireDefault(require("lodash/clone")),_FormControl=_interopRequireDefault(require("@material-ui/core/FormControl")),_FormHelperText=_interopRequireDefault(require("@material-ui/core/FormHelperText")),_Grid=_interopRequireDefault(require("@material-ui/core/Grid")),_HelpOutline=_interopRequireDefault(require("@material-ui/icons/HelpOutline")),_InputLabel=_interopRequireDefault(require("@material-ui/core/InputLabel")),_ListSubheader=_interopRequireDefault(require("@material-ui/core/ListSubheader")),_MenuItem=_interopRequireDefault(require("@material-ui/core/MenuItem")),_react=_interopRequireWildcard(require("react")),_Select=_interopRequireDefault(require("@material-ui/core/Select")),_propTypes=require("prop-types"),_array=require("@widergy/web-utils/lib/array"),_form=require("@widergy/web-utils/lib/form"),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_UTTooltip=_interopRequireDefault(require("../../../UTTooltip")),_WithTheme=_interopRequireDefault(require("../../../WithTheme")),_formTypes=require("../../../../types/formTypes"),_classesUtils=require("../../../../utils/classesUtils"),_Option=_interopRequireDefault(require("./components/Option")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_stylesJS=_interopRequireDefault(require("./stylesJS")),_constants=require("./constants"),_theme=require("./theme"),_utils=require("./utils");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 _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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 UTSelect=_ref=>{let{captionLabel:captionLabel,classNames:classNames,classes:themeClasses,dataTestId:dataTestId,disableFirstOption:disableFirstOption,disabled:disabled,errorDataTestId:errorDataTestId,field:field,iconPlaceholder:IconPlaceholder,input:input,itemDataTestId:itemDataTestId,labelKey:labelKey,labelProps:labelProps,listDataTestId:listDataTestId,menuPlaceholder:menuPlaceholder,meta:meta,options:options,placeholder:placeholder,selectProps:selectProps,tooltip:tooltip,valueKey:valueKey,variant:variant,withAutoReset:withAutoReset,withOrder:withOrder,withoutFirstOption:withoutFirstOption}=_ref;const{multiple:isMultiple,upperTitle:upperTitle}=(null==field?void 0:field.configuration)||{},classes=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(themeClasses,classNames),[classNames]);(0,_react.useEffect)(()=>{withAutoReset&&(0,_utils.shouldReset)(input.value,options,valueKey,isMultiple)&&input.onChange(null)},[options]);let sortedOptions=[...options];sortedOptions=withOrder?sortedOptions.sort((a,b)=>a.order<b.order?-1:1):sortedOptions;const optionCommonProps={classes:classes,isMultiple:isMultiple,labelKey:labelKey,value:input.value,valueKey:valueKey},SelectInput=_react.default.createElement(_react.Fragment,null,upperTitle&&_react.default.createElement(_UTLabel.default,{className:classes.upperTitle},upperTitle),_react.default.createElement(_FormControl.default,{className:classes.formControl,error:(0,_form.shouldShowErrors)(meta),variant:variant},_react.default.createElement(_InputLabel.default,_extends({},labelProps,{disabled:disabled}),IconPlaceholder?_react.default.createElement("div",{className:classes.labelContainer},_react.default.createElement(IconPlaceholder,{className:classes.labelIcon}),_react.default.createElement("div",null,placeholder)):placeholder),_react.default.createElement(_Select.default,_extends({classes:{nativeInput:_stylesModule.default.nativeInput},disabled:disabled,inputProps:{"data-testid":dataTestId},label:"outlined"===variant&&placeholder,MenuProps:{MenuListProps:{"data-testid":listDataTestId}},multiple:isMultiple,name:input.name,onChange:event=>input.onChange(event.target.value),value:isMultiple?(0,_array.isEmpty)(input.value)?[]:(0,_clone.default)(input.value):input.value},isMultiple?{renderValue:selected=>options.filter(option=>selected.includes(option[valueKey])).map(selection=>selection[labelKey]).join(", ")}:{},selectProps),!withoutFirstOption&&_react.default.createElement(_MenuItem.default,{"data-testid":"".concat(itemDataTestId,".firstOption"),disabled:isMultiple||disableFirstOption,value:""},menuPlaceholder||(isMultiple?_constants.MENU_TITLE_MULTIPLE:_constants.MENU_TITLE)),sortedOptions.map((option,i)=>(0,_array.isEmpty)(option.subOptions)?_react.default.createElement(_MenuItem.default,{"data-testid":"".concat(itemDataTestId,".").concat(i),key:option[valueKey],value:option[valueKey]},_react.default.createElement(_Option.default,_extends({optionProps:option},optionCommonProps))):[_react.default.createElement(_ListSubheader.default,{className:_stylesModule.default.subHeader},option[labelKey]),option.subOptions.map((subOption,index)=>_react.default.createElement(_MenuItem.default,{className:classes.subOption,"data-testid":"".concat(itemDataTestId,".").concat(index),key:subOption[valueKey],value:subOption[valueKey]},_react.default.createElement(_Option.default,_extends({isSuboption:!0,optionProps:subOption},optionCommonProps))))])),captionLabel&&_react.default.createElement(_FormHelperText.default,{classes:{...classes.formHelperText}},captionLabel),(0,_form.shouldShowErrors)(meta)&&_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.errorLabel,colorTheme:"error",dataTestId:errorDataTestId,variant:"small"},meta.error)));return _react.default.createElement("div",{className:classes.container},tooltip?_react.default.createElement(_Grid.default,{alignItems:"flex-end",container:!0,spacing:1,style:_stylesJS.default.gridContainer},_react.default.createElement(_Grid.default,{item:!0,xs:!0},SelectInput),_react.default.createElement(_Grid.default,{item:!0,style:_stylesJS.default.icon},_react.default.createElement(_UTTooltip.default,{content:tooltip},_react.default.createElement("span",null,_react.default.createElement(_HelpOutline.default,{className:classes.tooltipIcon}))))):SelectInput)};UTSelect.defaultProps={classNames:{},classes:{},field:{configuration:{multiple:!1}},labelKey:_constants.LABEL_KEY,labelProps:{},meta:{},options:[],selectProps:{},valueKey:_constants.VALUE_KEY,withAutoReset:!0,withoutFirstOption:!1},UTSelect.propTypes={captionLabel:_propTypes.string,classNames:(0,_propTypes.objectOf)(_propTypes.string),classes:(0,_propTypes.shape)({container:_propTypes.string,labelContainer:_propTypes.string,formControl:_propTypes.string,formHelperText:(0,_propTypes.objectOf)(_propTypes.string),labelIcon:_propTypes.string,optionIcon:_propTypes.string,tooltipIcon:_propTypes.string,upperTitle:_propTypes.string}),dataTestId:_propTypes.string,disableFirstOption:_propTypes.bool,disabled:_propTypes.bool,errorDataTestId:_propTypes.string,field:_formTypes.fieldType,iconPlaceholder:_propTypes.node,input:_formTypes.inputPropTypes,itemDataTestId:_propTypes.string,labelKey:_propTypes.string,labelProps:_propTypes.object,listDataTestId:_propTypes.string,menuPlaceholder:_propTypes.string,meta:_formTypes.metaPropTypes,options:(0,_propTypes.arrayOf)(_propTypes.object),placeholder:_propTypes.string,selectProps:_propTypes.object,tooltip:_propTypes.string,valueKey:_propTypes.string,variant:_propTypes.string,withAutoReset:_propTypes.bool,withOrder:_propTypes.bool,withoutFirstOption:_propTypes.bool};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle,_theme.retrieveMuiTheme)(UTSelect);

package/dist/components/UTSelect/versions/V0/stylesJS.js

@@ -1,18 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _colorsModule = _interopRequireDefault(require("../../../../scss/variables/colors.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  icon: {
-    alignSelf: 'baseline',
-    paddingTop: 25,
-    color: _colorsModule.default.lightBlue
-  },
-  gridContainer: {
-    flexWrap: 'nowrap'
-  }
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _colorsModule=_interopRequireDefault(require("../../../../scss/variables/colors.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default={icon:{alignSelf:"baseline",paddingTop:25,color:_colorsModule.default.lightBlue},gridContainer:{flexWrap:"nowrap"}};