@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/esm/components/UTBaseInputField/components/ActionAdornment/index.js

@@ -1,35 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-import { bool, object, objectOf, string } from 'prop-types';
-import UTButton from '../../../UTButton';
-import UTTooltip from '../../../UTTooltip';
-const ActionAdornment = _ref => {
-  let {
-    action = {},
-    dataTestId,
-    disabled,
-    classNames
-  } = _ref;
-  if (!action) return null;
-  return /*#__PURE__*/React.createElement(UTTooltip, {
-    arrow: false,
-    tippyProps: {
-      appendTo: () => document.body,
-      interactive: false
-    },
-    content: action.tooltip
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UTButton, _extends({
-    classNames: classNames,
-    dataTestId: dataTestId,
-    disabled: disabled,
-    size: "small",
-    variant: "text"
-  }, action), action.text)));
-};
-ActionAdornment.propTypes = {
-  action: object,
-  classNames: objectOf(string),
-  dataTestId: string,
-  disabled: bool
-};
-export default ActionAdornment;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var n in o)({}).hasOwnProperty.call(o,n)&&(t[n]=o[n])}return t},_extends.apply(null,arguments)}import React from"react";import{bool,object,objectOf,string}from"prop-types";import UTButton from"../../../UTButton";import UTTooltip from"../../../UTTooltip";const ActionAdornment=t=>{let{action:e={},dataTestId:o,disabled:n,classNames:a}=t;return e?React.createElement(UTTooltip,{arrow:!1,tippyProps:{appendTo:()=>document.body,interactive:!1},content:e.tooltip},React.createElement("div",null,React.createElement(UTButton,_extends({classNames:a,dataTestId:o,disabled:n,size:"small",variant:"text"},e),e.text))):null};ActionAdornment.propTypes={action:object,classNames:objectOf(string),dataTestId:string,disabled:bool};export default ActionAdornment;

package/dist/esm/components/UTBaseInputField/components/BadgeAdornment/index.js

@@ -1,17 +1 @@
-import React from 'react';
-import { number, oneOfType, string } from 'prop-types';
-import UTBadge from '../../../UTBadge';
-const BadgeAdornment = _ref => {
-  let {
-    text,
-    colorTheme
-  } = _ref;
-  return /*#__PURE__*/React.createElement(UTBadge, {
-    colorTheme: colorTheme
-  }, text);
-};
-BadgeAdornment.propTypes = {
-  colorTheme: string,
-  text: oneOfType([string, number])
-};
-export default BadgeAdornment;
+import React from"react";import{number,oneOfType,string}from"prop-types";import UTBadge from"../../../UTBadge";const BadgeAdornment=e=>{let{text:r,colorTheme:t}=e;return React.createElement(UTBadge,{colorTheme:t},r)};BadgeAdornment.propTypes={colorTheme:string,text:oneOfType([string,number])};export default BadgeAdornment;

package/dist/esm/components/UTBaseInputField/components/IconAdornment/constants.js

@@ -1,2 +1 @@
-export const ERROR_ICON = 'IconAlertCircle';
-export const ICON_SIZE = 20;
+export const ERROR_ICON="IconAlertCircle";export const ICON_SIZE=20;

package/dist/esm/components/UTBaseInputField/components/IconAdornment/index.js

@@ -1,48 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-import { shape, string, elementType, bool, oneOfType, object } from 'prop-types';
-import UTIcon from '../../../UTIcon';
-import { isUTIcon } from '../../../../utils/componentUtils';
-import { ERROR_ICON, ICON_SIZE } from './constants';
-import { getIconColorProps } from './utils';
-const IconAdornment = _ref => {
-  var _inputStyle$root;
-  let {
-    changeIconOnError = true,
-    changeOnError,
-    changeOnFocus,
-    colorTheme,
-    error,
-    focused,
-    Icon,
-    inputStyle,
-    shade,
-    showOnlyOnError
-  } = _ref;
-  const effectiveChangeOnError = showOnlyOnError || changeOnError;
-  if (showOnlyOnError && !error) return null;
-  const IconToRender = error && changeIconOnError ? ERROR_ICON : Icon;
-  if (!IconToRender) return null;
-  return isUTIcon(IconToRender) ? /*#__PURE__*/React.createElement(UTIcon, _extends({
-    name: IconToRender,
-    size: ICON_SIZE
-  }, getIconColorProps(effectiveChangeOnError, changeOnFocus, colorTheme, error, focused, shade))) : /*#__PURE__*/React.createElement(Icon, {
-    size: ICON_SIZE,
-    fill: inputStyle === null || inputStyle === void 0 || (_inputStyle$root = inputStyle.root) === null || _inputStyle$root === void 0 ? void 0 : _inputStyle$root.color
-  });
-};
-IconAdornment.propTypes = {
-  changeIconOnError: bool,
-  changeOnError: bool,
-  changeOnFocus: bool,
-  colorTheme: string,
-  error: oneOfType([bool, string]),
-  focused: bool,
-  Icon: elementType,
-  inputStyle: shape({
-    root: object
-  }),
-  shade: string,
-  showOnlyOnError: bool
-};
-export default IconAdornment;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(o){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var r in e)({}).hasOwnProperty.call(e,r)&&(o[r]=e[r])}return o},_extends.apply(null,arguments)}import React from"react";import{shape,string,elementType,bool,oneOfType,object}from"prop-types";import UTIcon from"../../../UTIcon";import{isUTIcon}from"../../../../utils/componentUtils";import{ERROR_ICON,ICON_SIZE}from"./constants";import{getIconColorProps}from"./utils";const IconAdornment=o=>{var n;let{changeIconOnError:e=!0,changeOnError:r,changeOnFocus:t,colorTheme:c,error:l,focused:s,Icon:i,inputStyle:a,shade:p,showOnlyOnError:m}=o;const I=m||r;if(m&&!l)return null;const O=l&&e?ERROR_ICON:i;return O?isUTIcon(O)?React.createElement(UTIcon,_extends({name:O,size:ICON_SIZE},getIconColorProps(I,t,c,l,s,p))):React.createElement(i,{size:ICON_SIZE,fill:null==a||null===(n=a.root)||void 0===n?void 0:n.color}):null};IconAdornment.propTypes={changeIconOnError:bool,changeOnError:bool,changeOnFocus:bool,colorTheme:string,error:oneOfType([bool,string]),focused:bool,Icon:elementType,inputStyle:shape({root:object}),shade:string,showOnlyOnError:bool};export default IconAdornment;

package/dist/esm/components/UTBaseInputField/components/IconAdornment/utils.js

@@ -1,10 +1 @@
-export const getIconColorProps = (changeOnError, changeOnFocus, colorTheme, error, focused, shade) => changeOnError && error ? {
-  colorTheme: 'error',
-  shade: '04'
-} : changeOnFocus && focused ? {
-  colorTheme: 'accent',
-  shade: '04'
-} : {
-  colorTheme: colorTheme || 'gray',
-  shade
-};
+export const getIconColorProps=(e,o,r,c,h,a)=>e&&c?{colorTheme:"error",shade:"04"}:o&&h?{colorTheme:"accent",shade:"04"}:{colorTheme:r||"gray",shade:a};

package/dist/esm/components/UTBaseInputField/components/PrefixAdornment/index.js

@@ -1,17 +1 @@
-import React from 'react';
-import { string } from 'prop-types';
-import UTLabel from '../../../UTLabel';
-const PrefixAdornment = _ref => {
-  let {
-    text
-  } = _ref;
-  return /*#__PURE__*/React.createElement(UTLabel, {
-    colorTheme: "gray",
-    variant: "small",
-    weight: "medium"
-  }, text);
-};
-PrefixAdornment.propTypes = {
-  text: string
-};
-export default PrefixAdornment;
+import React from"react";import{string}from"prop-types";import UTLabel from"../../../UTLabel";const PrefixAdornment=e=>{let{text:t}=e;return React.createElement(UTLabel,{colorTheme:"gray",variant:"small",weight:"medium"},t)};PrefixAdornment.propTypes={text:string};export default PrefixAdornment;

package/dist/esm/components/UTBaseInputField/components/SuffixAdornment/index.js

@@ -1,15 +1 @@
-import React from 'react';
-import { string } from 'prop-types';
-import UTLabel from '../../../UTLabel';
-const SuffixAdornment = _ref => {
-  let {
-    text
-  } = _ref;
-  return /*#__PURE__*/React.createElement(UTLabel, {
-    colorTheme: "gray"
-  }, text);
-};
-SuffixAdornment.propTypes = {
-  text: string
-};
-export default SuffixAdornment;
+import React from"react";import{string}from"prop-types";import UTLabel from"../../../UTLabel";const SuffixAdornment=e=>{let{text:t}=e;return React.createElement(UTLabel,{colorTheme:"gray"},t)};SuffixAdornment.propTypes={text:string};export default SuffixAdornment;

package/dist/esm/components/UTBaseInputField/components/TooltipAdornment/index.js

@@ -1,28 +1 @@
-import React from 'react';
-import { string } from 'prop-types';
-import UTIcon from '../../../UTIcon';
-import UTTooltip from '../../../UTTooltip';
-import styles from './styles.module.scss';
-const TooltipAdornment = _ref => {
-  let {
-    contentDataTestId,
-    dataTestId,
-    tooltip
-  } = _ref;
-  return /*#__PURE__*/React.createElement(UTTooltip, {
-    content: tooltip,
-    dataTestId: contentDataTestId
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.tooltip,
-    "data-testid": dataTestId
-  }, /*#__PURE__*/React.createElement(UTIcon, {
-    name: "IconInfoCircle",
-    colorTheme: "gray"
-  })));
-};
-TooltipAdornment.propTypes = {
-  contentDataTestId: string,
-  dataTestId: string,
-  tooltip: string
-};
-export default TooltipAdornment;
+import React from"react";import{string}from"prop-types";import UTIcon from"../../../UTIcon";import UTTooltip from"../../../UTTooltip";import styles from"./styles.module.scss";const TooltipAdornment=t=>{let{contentDataTestId:o,dataTestId:e,tooltip:r}=t;return React.createElement(UTTooltip,{content:r,dataTestId:o},React.createElement("div",{className:styles.tooltip,"data-testid":e},React.createElement(UTIcon,{name:"IconInfoCircle",colorTheme:"gray"})))};TooltipAdornment.propTypes={contentDataTestId:string,dataTestId:string,tooltip:string};export default TooltipAdornment;

package/dist/esm/components/UTBaseInputField/constants.js

@@ -1,27 +1 @@
-import { COLOR_THEMES } from '../../constants/Palette';
-import ActionAdornment from './components/ActionAdornment';
-import BadgeAdornment from './components/BadgeAdornment';
-import IconAdornment from './components/IconAdornment';
-import PrefixAdornment from './components/PrefixAdornment';
-import SuffixAdornment from './components/SuffixAdornment';
-import TooltipAdornment from './components/TooltipAdornment';
-export const COMPONENT_KEYS = {
-  ACTION: 'Action',
-  BADGE: 'Badge',
-  ICON: 'Icon',
-  PREFIX: 'Prefix',
-  SUFFIX: 'Suffix',
-  TOOLTIP: 'Tooltip'
-};
-export const COMPONENTS_MAPPER = {
-  [COMPONENT_KEYS.ACTION]: ActionAdornment,
-  [COMPONENT_KEYS.BADGE]: BadgeAdornment,
-  [COMPONENT_KEYS.ICON]: IconAdornment,
-  [COMPONENT_KEYS.PREFIX]: PrefixAdornment,
-  [COMPONENT_KEYS.SUFFIX]: SuffixAdornment,
-  [COMPONENT_KEYS.TOOLTIP]: TooltipAdornment
-};
-export const UT_BASE_INPUT_COLOR_BORDER_FOCUS = 'UT-baseInput-color-border-focus';
-export const DEFAULT_PROPS = {
-  colorTheme: COLOR_THEMES.accent
-};
+import{COLOR_THEMES}from"../../constants/Palette";import ActionAdornment from"./components/ActionAdornment";import BadgeAdornment from"./components/BadgeAdornment";import IconAdornment from"./components/IconAdornment";import PrefixAdornment from"./components/PrefixAdornment";import SuffixAdornment from"./components/SuffixAdornment";import TooltipAdornment from"./components/TooltipAdornment";export const COMPONENT_KEYS={ACTION:"Action",BADGE:"Badge",ICON:"Icon",PREFIX:"Prefix",SUFFIX:"Suffix",TOOLTIP:"Tooltip"};export const COMPONENTS_MAPPER={[COMPONENT_KEYS.ACTION]:ActionAdornment,[COMPONENT_KEYS.BADGE]:BadgeAdornment,[COMPONENT_KEYS.ICON]:IconAdornment,[COMPONENT_KEYS.PREFIX]:PrefixAdornment,[COMPONENT_KEYS.SUFFIX]:SuffixAdornment,[COMPONENT_KEYS.TOOLTIP]:TooltipAdornment};export const UT_BASE_INPUT_COLOR_BORDER_FOCUS="UT-baseInput-color-border-focus";export const DEFAULT_PROPS={colorTheme:COLOR_THEMES.accent};

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

@@ -1,179 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import { string, bool, func, number, objectOf, arrayOf, shape, object, oneOfType, instanceOf } from 'prop-types';
-import React, { useCallback, useMemo, useState } from 'react';
-import TextField from '@material-ui/core/TextField';
-import { mergeClasses } from '../../utils/classesUtils';
-import UTLabel from '../UTLabel';
-import WithTheme from '../WithTheme';
-import { COMPONENTS_MAPPER, COMPONENT_KEYS } from './constants';
-import { retrieveStyle } from './theme';
-import { validateAdornments } from './utils';
-import styles from './styles.module.scss';
-const UTBaseInputField = _ref => {
-  let {
-    autocomplete,
-    classes: theme,
-    classNames = {},
-    dataKeyboard,
-    dataTestId,
-    disabled,
-    error,
-    id,
-    inputRef,
-    leftAdornments = [],
-    maxLength,
-    maxRows = 1,
-    minRows,
-    muiProps,
-    name,
-    onBlur,
-    onChange = () => {},
-    onFocus,
-    onKeyDown = () => {},
-    placeholder,
-    readOnly,
-    rightAdornments = [],
-    showCharacterCount,
-    type,
-    value = null
-  } = _ref;
-  const classes = useMemo(() => mergeClasses(theme, classNames), [classNames, theme]);
-  const [focused, setFocused] = useState(false);
-  const handleFocus = useCallback(event => {
-    setFocused(true);
-    onFocus === null || onFocus === void 0 || onFocus(event);
-  }, [onFocus]);
-  const handleBlur = useCallback(event => {
-    setFocused(false);
-    onBlur === null || onBlur === void 0 || onBlur(event);
-  }, [onBlur]);
-  const handleChange = useCallback(event => {
-    const inputValue = event.target.value;
-    if (type === 'numeric') {
-      const numericValue = inputValue.replace(/\D/g, '');
-      onChange === null || onChange === void 0 || onChange(numericValue);
-    } else {
-      onChange === null || onChange === void 0 || onChange(inputValue);
-    }
-  }, [onChange, type]);
-  const handleKeyDown = useCallback(event => {
-    const allowedKey = ['Backspace', 'ArrowLeft', 'ArrowRight', 'Delete', 'Tab', 'Enter'].includes(event.key);
-    const isNumericKey = /^[0-9]$/.test(event.key);
-    if (type === 'numeric' && !isNumericKey && !allowedKey) event.preventDefault();else if (!allowedKey) event.stopPropagation();
-    onKeyDown(event);
-  }, [type]);
-  const multiline = maxRows > 1;
-  const hasCharactersCount = useMemo(() => showCharacterCount && maxLength && !disabled && !readOnly, [showCharacterCount, maxLength, disabled, readOnly]);
-  const validLeftAdornments = useMemo(() => validateAdornments(leftAdornments) ? leftAdornments : [], [leftAdornments]);
-  const validRightAdornments = useMemo(() => validateAdornments(rightAdornments) ? rightAdornments : [], [rightAdornments]);
-  const renderAdornment = useCallback(adornment => {
-    const Component = COMPONENTS_MAPPER[adornment.name];
-    const adornmentProps = {
-      ...adornment.props,
-      error,
-      focused,
-      disabled: disabled && !readOnly,
-      classNames: adornment.name === COMPONENT_KEYS.ACTION ? {
-        root: styles.actionButton
-      } : undefined
-    };
-    return Component ? /*#__PURE__*/React.createElement(Component, _extends({}, adornmentProps, {
-      key: adornment.key || adornment.name
-    })) : null;
-  }, [error, disabled, readOnly, focused]);
-  return /*#__PURE__*/React.createElement(TextField, _extends({
-    autocomplete: autocomplete || 'new-password',
-    className: classes.container,
-    disabled: disabled || readOnly,
-    error: error,
-    form: {
-      autocomplete: 'off'
-    },
-    id: id,
-    inputRef: inputRef,
-    margin: "none",
-    maxRows: maxRows,
-    minRows: minRows || maxRows,
-    multiline: multiline,
-    onBlur: handleBlur,
-    onChange: handleChange,
-    onFocus: handleFocus,
-    onKeyDown: handleKeyDown,
-    placeholder: placeholder,
-    type: type === 'numeric' ? 'text' : type,
-    value: value,
-    variant: "outlined"
-  }, muiProps, {
-    InputProps: {
-      inputProps: {
-        autocomplete,
-        'data-testid': dataTestId,
-        'data-keyboard': dataKeyboard,
-        maxLength,
-        name,
-        readOnly,
-        ...(muiProps === null || muiProps === void 0 ? void 0 : muiProps.inputProps)
-      },
-      classes: {
-        adornedEnd: styles.elementsContainer,
-        adornedStart: styles.elementsContainer,
-        input: classes.input,
-        notchedOutline: "".concat(classes.inputContainer, " ").concat(focused && classes.focusedInputContainer),
-        root: "".concat(classes.root, " ").concat(focused && classes.focusedRoot, " ").concat(value && classes.withValueRoot)
-      },
-      startAdornment: validLeftAdornments.length > 0 ? /*#__PURE__*/React.createElement("div", {
-        className: styles.adornmentsContainer
-      }, validLeftAdornments.map(renderAdornment)) : hasCharactersCount && /*#__PURE__*/React.createElement(UTLabel, {
-        className: classes.charactersCount,
-        colorTheme: "gray",
-        variant: "small"
-      }, (value === null || value === void 0 ? void 0 : value.length) || 0, "/", maxLength),
-      endAdornment: validRightAdornments.length > 0 && /*#__PURE__*/React.createElement("div", {
-        className: "".concat(styles.adornmentsContainer, " ").concat(multiline && styles.multilineAdornmentsContainer)
-      }, validRightAdornments.map(renderAdornment)),
-      ...(muiProps === null || muiProps === void 0 ? void 0 : muiProps.InputProps)
-    }
-  }));
-};
-export const propTypes = {
-  alwaysShowPlaceholder: bool,
-  autocomplete: string,
-  classes: objectOf(string),
-  classNames: objectOf(string),
-  dataKeyboard: string,
-  dataTestId: string,
-  disabled: bool,
-  error: oneOfType([bool, string]),
-  id: string,
-  inputRef: oneOfType([func, shape({
-    current: instanceOf(Element)
-  })]),
-  leftAdornments: arrayOf(shape({
-    name: string.isRequired,
-    props: object
-  })),
-  maxLength: number,
-  maxRows: number,
-  minRows: number,
-  muiProps: shape({
-    inputProps: object,
-    InputProps: object
-  }),
-  name: string,
-  onBlur: func,
-  onChange: func,
-  onFocus: func,
-  onKeyDown: func,
-  placeholder: string,
-  readOnly: bool,
-  rightAdornments: arrayOf(shape({
-    name: string.isRequired,
-    props: object
-  })),
-  showCharacterCount: bool,
-  type: string,
-  value: string,
-  variant: string
-};
-UTBaseInputField.propTypes = propTypes;
-export default WithTheme(retrieveStyle)(UTBaseInputField);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},_extends.apply(null,arguments)}import{string,bool,func,number,objectOf,arrayOf,shape,object,oneOfType,instanceOf}from"prop-types";import React,{useCallback,useMemo,useState}from"react";import TextField from"@material-ui/core/TextField";import{mergeClasses}from"../../utils/classesUtils";import UTLabel from"../UTLabel";import WithTheme from"../WithTheme";import{COMPONENTS_MAPPER,COMPONENT_KEYS}from"./constants";import{retrieveStyle}from"./theme";import{validateAdornments}from"./utils";import styles from"./styles.module.scss";const UTBaseInputField=e=>{let{autocomplete:t,classes:n,classNames:o={},dataKeyboard:a,dataTestId:r,disabled:s,error:l,id:i,inputRef:c,leftAdornments:m=[],maxLength:u,maxRows:p=1,minRows:d,muiProps:f,name:y,onBlur:h,onChange:b=()=>{},onFocus:g,onKeyDown:C=()=>{},placeholder:O,readOnly:T,rightAdornments:v=[],showCharacterCount:R,type:w,value:P=null}=e;const x=useMemo(()=>mergeClasses(n,o),[o,n]),[E,N]=useState(!1),A=useCallback(e=>{N(!0),null==g||g(e)},[g]),k=useCallback(e=>{N(!1),null==h||h(e)},[h]),M=useCallback(e=>{const t=e.target.value;if("numeric"===w){const e=t.replace(/\D/g,"");null==b||b(e)}else null==b||b(t)},[b,w]),j=useCallback(e=>{const t=["Backspace","ArrowLeft","ArrowRight","Delete","Tab","Enter"].includes(e.key),n=/^[0-9]$/.test(e.key);"numeric"!==w||n||t?t||e.stopPropagation():e.preventDefault(),C(e)},[w]),I=p>1,S=useMemo(()=>R&&u&&!s&&!T,[R,u,s,T]),F=useMemo(()=>validateAdornments(m)?m:[],[m]),_=useMemo(()=>validateAdornments(v)?v:[],[v]),B=useCallback(e=>{const t=COMPONENTS_MAPPER[e.name],n={...e.props,error:l,focused:E,disabled:s&&!T,classNames:e.name===COMPONENT_KEYS.ACTION?{root:styles.actionButton}:void 0};return t?React.createElement(t,_extends({},n,{key:e.key||e.name})):null},[l,s,T,E]);return React.createElement(TextField,_extends({autocomplete:t||"new-password",className:x.container,disabled:s||T,error:l,form:{autocomplete:"off"},id:i,inputRef:c,margin:"none",maxRows:p,minRows:d||p,multiline:I,onBlur:k,onChange:M,onFocus:A,onKeyDown:j,placeholder:O,type:"numeric"===w?"text":w,value:P,variant:"outlined"},f,{InputProps:{inputProps:{autocomplete:t,"data-testid":r,"data-keyboard":a,maxLength:u,name:y,readOnly:T,...null==f?void 0:f.inputProps},classes:{adornedEnd:styles.elementsContainer,adornedStart:styles.elementsContainer,input:x.input,notchedOutline:"".concat(x.inputContainer," ").concat(E&&x.focusedInputContainer),root:"".concat(x.root," ").concat(E&&x.focusedRoot," ").concat(P&&x.withValueRoot)},startAdornment:F.length>0?React.createElement("div",{className:styles.adornmentsContainer},F.map(B)):S&&React.createElement(UTLabel,{className:x.charactersCount,colorTheme:"gray",variant:"small"},(null==P?void 0:P.length)||0,"/",u),endAdornment:_.length>0&&React.createElement("div",{className:"".concat(styles.adornmentsContainer," ").concat(I&&styles.multilineAdornmentsContainer)},_.map(B)),...null==f?void 0:f.InputProps}}))};export const propTypes={alwaysShowPlaceholder:bool,autocomplete:string,classes:objectOf(string),classNames:objectOf(string),dataKeyboard:string,dataTestId:string,disabled:bool,error:oneOfType([bool,string]),id:string,inputRef:oneOfType([func,shape({current:instanceOf(Element)})]),leftAdornments:arrayOf(shape({name:string.isRequired,props:object})),maxLength:number,maxRows:number,minRows:number,muiProps:shape({inputProps:object,InputProps:object}),name:string,onBlur:func,onChange:func,onFocus:func,onKeyDown:func,placeholder:string,readOnly:bool,rightAdornments:arrayOf(shape({name:string.isRequired,props:object})),showCharacterCount:bool,type:string,value:string,variant:string};UTBaseInputField.propTypes=propTypes;export default WithTheme(retrieveStyle)(UTBaseInputField);

package/dist/esm/components/UTBaseInputField/theme.js

@@ -1,190 +1 @@
-import { getFontStyles } from '../UTLabel/theme';
-import { getActionPalette } from './utils';
-const charactersCountRowHeight = 20;
-const PADDING = {
-  HORIZONTAL: 16,
-  VERTICAL: 12
-};
-const SMALL_PADDING = {
-  HORIZONTAL: 12,
-  VERTICAL: 8
-};
-const GRID_GAP = 16;
-const getPaddingValues = inputSize => {
-  const vertical = inputSize === 'small' ? SMALL_PADDING.VERTICAL : PADDING.VERTICAL;
-  const horizontal = inputSize === 'small' ? SMALL_PADDING.HORIZONTAL : PADDING.HORIZONTAL;
-  const multiline = vertical + GRID_GAP + charactersCountRowHeight;
-  return {
-    verticalPadding: "".concat(vertical, "px"),
-    horizontalPadding: "".concat(horizontal, "px"),
-    multilineVerticalPadding: "".concat(multiline, "px")
-  };
-};
-const getBackgroundColor = _ref => {
-  let {
-    theme,
-    variant,
-    error,
-    disabled,
-    readOnly
-  } = _ref;
-  if (readOnly) return 'transparent';
-  if (variant === 'gray') return theme.Palette.light['04'];
-  if (variant === 'transparent' && error) return theme.Palette.error['01'];
-  if (variant === 'transparent') return 'transparent';
-  if (disabled) return theme.Palette.light['03'];
-  return theme.Palette.light['01'];
-};
-const getBorderColor = _ref2 => {
-  let {
-    theme,
-    variant,
-    error,
-    readOnly,
-    disabled
-  } = _ref2;
-  if (variant === 'gray' || variant === 'transparent' || readOnly || disabled) return 'transparent !important';
-  if (error) return "".concat(theme.Palette.error['04'], " !important");
-  return "".concat(theme.Palette.light['05'], " !important");
-};
-const getBackgroundColorOnHover = _ref3 => {
-  let {
-    theme,
-    variant,
-    error,
-    readOnly
-  } = _ref3;
-  if (variant === 'gray') return theme.Palette.light['05'];
-  if (variant === 'transparent' && error) return theme.Palette.error['02'];
-  if (!readOnly) return theme.Palette.light['03'];
-  return undefined;
-};
-export const retrieveStyle = _ref4 => {
-  let {
-    alwaysShowPlaceholder,
-    disabled: receivedDisabled,
-    error,
-    inputSize,
-    maxLength,
-    readOnly,
-    showCharacterCount,
-    theme,
-    variant
-  } = _ref4;
-  const disabled = receivedDisabled && !readOnly;
-  const hasCharactersCount = showCharacterCount && maxLength && !disabled && !readOnly;
-  const actionPalette = getActionPalette(theme);
-  const {
-    verticalPadding,
-    horizontalPadding,
-    multilineVerticalPadding
-  } = getPaddingValues(inputSize);
-  return {
-    charactersCount: {
-      bottom: verticalPadding,
-      position: 'absolute'
-    },
-    root: {
-      backgroundColor: getBackgroundColor({
-        theme,
-        variant,
-        error,
-        disabled,
-        readOnly
-      }),
-      paddingBottom: hasCharactersCount ? multilineVerticalPadding : verticalPadding,
-      paddingLeft: horizontalPadding,
-      paddingRight: horizontalPadding,
-      paddingTop: verticalPadding,
-      ...(readOnly && {
-        paddingLeft: 0,
-        paddingRight: 0
-      }),
-      '&:hover': {
-        backgroundColor: getBackgroundColorOnHover({
-          theme,
-          variant,
-          error,
-          readOnly
-        })
-      },
-      '&:active': {
-        ...(!disabled && !readOnly && {
-          backgroundColor: theme.Palette.light['01'],
-          '& $inputContainer': {
-            borderColor: error ? "".concat(theme.Palette.error['04'], " !important") : "".concat(actionPalette['04'], " !important"),
-            borderWidth: '2px'
-          },
-          '& $input': {
-            '&::placeholder': {
-              color: "".concat(theme.Palette.gray['02'], " !important"),
-              opacity: 1
-            }
-          }
-        })
-      }
-    },
-    inputContainer: {
-      borderColor: getBorderColor({
-        theme,
-        variant,
-        error,
-        readOnly,
-        disabled
-      }),
-      borderRadius: '4px',
-      borderWidth: '1px'
-    },
-    focusedRoot: {
-      backgroundColor: variant === 'transparent' ? theme.Palette.light['03'] : theme.Palette.light['01'],
-      '&:hover': {
-        backgroundColor: variant === 'transparent' ? theme.Palette.light['03'] : theme.Palette.light['01']
-      }
-    },
-    withValueRoot: {
-      ...(variant === 'transparent' && !error && {
-        backgroundColor: 'transparent'
-      })
-    },
-    focusedInputContainer: {
-      ...(variant !== 'transparent' && !error && {
-        borderColor: "".concat(actionPalette['04'], " !important"),
-        borderWidth: '2px'
-      }),
-      ...(variant !== 'transparent' && error && {
-        borderColor: "".concat(theme.Palette.error['04'], " !important")
-      })
-    },
-    input: {
-      ...getFontStyles({
-        theme,
-        variant: 'body',
-        weight: 'regular'
-      }),
-      caretColor: actionPalette['04'],
-      color: theme.Palette.dark['05'],
-      minHeight: '22px',
-      overflow: 'auto',
-      padding: 0,
-      textOverflow: 'ellipsis',
-      '&::placeholder': {
-        color: variant === 'transparent' && !disabled ? theme.Palette.dark['05'] : theme.Palette.gray['02'],
-        opacity: alwaysShowPlaceholder ? 1 : 0,
-        transition: 'none',
-        userSelect: 'none'
-      },
-      '&::selection': {
-        backgroundColor: actionPalette['02']
-      },
-      '&:focus': {
-        '&::placeholder': {
-          color: "".concat(theme.Palette.gray['02'], " !important"),
-          opacity: 1
-        }
-      },
-      ...(disabled && {
-        color: theme.Palette.gray['04']
-      })
-    }
-  };
-};
+import{getFontStyles}from"../UTLabel/theme";import{getActionPalette}from"./utils";const charactersCountRowHeight=20,PADDING={HORIZONTAL:16,VERTICAL:12},SMALL_PADDING={HORIZONTAL:12,VERTICAL:8},GRID_GAP=16,getPaddingValues=t=>{const r="small"===t?SMALL_PADDING.VERTICAL:PADDING.VERTICAL,e="small"===t?SMALL_PADDING.HORIZONTAL:PADDING.HORIZONTAL,a=r+16+20;return{verticalPadding:"".concat(r,"px"),horizontalPadding:"".concat(e,"px"),multilineVerticalPadding:"".concat(a,"px")}},getBackgroundColor=t=>{let{theme:r,variant:e,error:a,disabled:o,readOnly:n}=t;return n?"transparent":"gray"===e?r.Palette.light["04"]:"transparent"===e&&a?r.Palette.error["01"]:"transparent"===e?"transparent":o?r.Palette.light["03"]:r.Palette.light["01"]},getBorderColor=t=>{let{theme:r,variant:e,error:a,readOnly:o,disabled:n}=t;return"gray"===e||"transparent"===e||o||n?"transparent !important":"".concat(a?r.Palette.error["04"]:r.Palette.light["05"]," !important")},getBackgroundColorOnHover=t=>{let{theme:r,variant:e,error:a,readOnly:o}=t;return"gray"===e?r.Palette.light["05"]:"transparent"===e&&a?r.Palette.error["02"]:o?void 0:r.Palette.light["03"]};export const retrieveStyle=t=>{let{alwaysShowPlaceholder:r,disabled:e,error:a,inputSize:o,maxLength:n,readOnly:l,showCharacterCount:i,theme:d,variant:c}=t;const g=e&&!l,p=i&&n&&!g&&!l,s=getActionPalette(d),{verticalPadding:h,horizontalPadding:P,multilineVerticalPadding:u}=getPaddingValues(o);return{charactersCount:{bottom:h,position:"absolute"},root:{backgroundColor:getBackgroundColor({theme:d,variant:c,error:a,disabled:g,readOnly:l}),paddingBottom:p?u:h,paddingLeft:P,paddingRight:P,paddingTop:h,...l&&{paddingLeft:0,paddingRight:0},"&:hover":{backgroundColor:getBackgroundColorOnHover({theme:d,variant:c,error:a,readOnly:l})},"&:active":{...!g&&!l&&{backgroundColor:d.Palette.light["01"],"& $inputContainer":{borderColor:"".concat(a?d.Palette.error["04"]:s["04"]," !important"),borderWidth:"2px"},"& $input":{"&::placeholder":{color:"".concat(d.Palette.gray["02"]," !important"),opacity:1}}}}},inputContainer:{borderColor:getBorderColor({theme:d,variant:c,error:a,readOnly:l,disabled:g}),borderRadius:"4px",borderWidth:"1px"},focusedRoot:{backgroundColor:"transparent"===c?d.Palette.light["03"]:d.Palette.light["01"],"&:hover":{backgroundColor:"transparent"===c?d.Palette.light["03"]:d.Palette.light["01"]}},withValueRoot:{..."transparent"===c&&!a&&{backgroundColor:"transparent"}},focusedInputContainer:{..."transparent"!==c&&!a&&{borderColor:"".concat(s["04"]," !important"),borderWidth:"2px"},..."transparent"!==c&&a&&{borderColor:"".concat(d.Palette.error["04"]," !important")}},input:{...getFontStyles({theme:d,variant:"body",weight:"regular"}),caretColor:s["04"],color:d.Palette.dark["05"],minHeight:"22px",overflow:"auto",padding:0,textOverflow:"ellipsis","&::placeholder":{color:"transparent"!==c||g?d.Palette.gray["02"]:d.Palette.dark["05"],opacity:r?1:0,transition:"none",userSelect:"none"},"&::selection":{backgroundColor:s["02"]},"&:focus":{"&::placeholder":{color:"".concat(d.Palette.gray["02"]," !important"),opacity:1}},...g&&{color:d.Palette.gray["04"]}}}};

package/dist/esm/components/UTBaseInputField/utils.js

@@ -1,8 +1 @@
-import { COMPONENTS_MAPPER, DEFAULT_PROPS, UT_BASE_INPUT_COLOR_BORDER_FOCUS } from './constants';
-export const validateAdornments = adornments => adornments.every(adornment => COMPONENTS_MAPPER[adornment.name]);
-export const validateColorTheme = colorTheme => colorTheme || DEFAULT_PROPS.colorTheme;
-export const getActionPalette = theme => {
-  var _theme$Palette$action, _theme$Palette$action2;
-  const colorThemeToUse = (theme === null || theme === void 0 ? void 0 : theme[UT_BASE_INPUT_COLOR_BORDER_FOCUS]) || DEFAULT_PROPS.colorTheme;
-  return ((_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action[colorThemeToUse]) || theme.Palette[colorThemeToUse] || ((_theme$Palette$action2 = theme.Palette.actions) === null || _theme$Palette$action2 === void 0 ? void 0 : _theme$Palette$action2[DEFAULT_PROPS.colorTheme]) || theme.Palette[DEFAULT_PROPS.colorTheme];
-};
+import{COMPONENTS_MAPPER,DEFAULT_PROPS,UT_BASE_INPUT_COLOR_BORDER_FOCUS}from"./constants";export const validateAdornments=e=>e.every(e=>COMPONENTS_MAPPER[e.name]);export const validateColorTheme=e=>e||DEFAULT_PROPS.colorTheme;export const getActionPalette=e=>{var o,t;const P=(null==e?void 0:e[UT_BASE_INPUT_COLOR_BORDER_FOCUS])||DEFAULT_PROPS.colorTheme;return(null===(o=e.Palette.actions)||void 0===o?void 0:o[P])||e.Palette[P]||(null===(t=e.Palette.actions)||void 0===t?void 0:t[DEFAULT_PROPS.colorTheme])||e.Palette[DEFAULT_PROPS.colorTheme]};

package/dist/esm/components/UTBodyPlaceholder/constants.js

@@ -1,8 +1 @@
-export const SIZES = {
-  L: 'large',
-  S: 'small'
-};
-export const DEFAULT_TEXTS = {
-  subtitle: 'Reemplazar por otro componente',
-  title: 'Body content'
-};
+export const SIZES={L:"large",S:"small"};export const DEFAULT_TEXTS={subtitle:"Reemplazar por otro componente",title:"Body content"};