@widergy/energy-ui 3.172.2 → 3.172.3

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(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:autocomplete,classes:theme,classNames:classNames={},dataKeyboard:dataKeyboard,dataTestId:dataTestId,disabled:disabled,error:error,id:id,inputRef:inputRef,leftAdornments:leftAdornments=[],maxLength:maxLength,maxRows:maxRows=1,minRows:minRows,muiProps:muiProps,name:name,onBlur:onBlur,onChange:onChange=()=>{},onFocus:onFocus,onKeyDown:onKeyDown=()=>{},placeholder:placeholder,readOnly:readOnly,rightAdornments:rightAdornments=[],showCharacterCount:showCharacterCount,type:type,value:value=null}=_ref;const classes=useMemo(()=>mergeClasses(theme,classNames),[classNames,theme]),[focused,setFocused]=useState(!1),handleFocus=useCallback(event=>{setFocused(!0),null==onFocus||onFocus(event)},[onFocus]),handleBlur=useCallback(event=>{setFocused(!1),null==onBlur||onBlur(event)},[onBlur]),handleChange=useCallback(event=>{const inputValue=event.target.value;if("numeric"===type){const numericValue=inputValue.replace(/\D/g,"");null==onChange||onChange(numericValue)}else null==onChange||onChange(inputValue)},[onChange,type]),handleKeyDown=useCallback(event=>{const allowedKey=["Backspace","ArrowLeft","ArrowRight","Delete","Tab","Enter"].includes(event.key),isNumericKey=/^[0-9]$/.test(event.key);"numeric"!==type||isNumericKey||allowedKey?allowedKey||event.stopPropagation():event.preventDefault(),onKeyDown(event)},[type]),multiline=maxRows>1,hasCharactersCount=useMemo(()=>showCharacterCount&&maxLength&&!disabled&&!readOnly,[showCharacterCount,maxLength,disabled,readOnly]),validLeftAdornments=useMemo(()=>validateAdornments(leftAdornments)?leftAdornments:[],[leftAdornments]),validRightAdornments=useMemo(()=>validateAdornments(rightAdornments)?rightAdornments:[],[rightAdornments]),renderAdornment=useCallback(adornment=>{const Component=COMPONENTS_MAPPER[adornment.name],adornmentProps={...adornment.props,error:error,focused:focused,disabled:disabled&&!readOnly,classNames:adornment.name===COMPONENT_KEYS.ACTION?{root:styles.actionButton}:void 0};return Component?React.createElement(Component,_extends({},adornmentProps,{key:adornment.key||adornment.name})):null},[error,disabled,readOnly,focused]);return 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:"numeric"===type?"text":type,value:value,variant:"outlined"},muiProps,{InputProps:{inputProps:{autocomplete:autocomplete,"data-testid":dataTestId,"data-keyboard":dataKeyboard,maxLength:maxLength,name:name,readOnly:readOnly,...null==muiProps?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?React.createElement("div",{className:styles.adornmentsContainer},validLeftAdornments.map(renderAdornment)):hasCharactersCount&&React.createElement(UTLabel,{className:classes.charactersCount,colorTheme:"gray",variant:"small"},(null==value?void 0:value.length)||0,"/",maxLength),endAdornment:validRightAdornments.length>0&&React.createElement("div",{className:"".concat(styles.adornmentsContainer," ").concat(multiline&&styles.multilineAdornmentsContainer)},validRightAdornments.map(renderAdornment)),...null==muiProps?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);

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=inputSize=>{const vertical="small"===inputSize?SMALL_PADDING.VERTICAL:PADDING.VERTICAL,horizontal="small"===inputSize?SMALL_PADDING.HORIZONTAL:PADDING.HORIZONTAL,multiline=vertical+16+20;return{verticalPadding:"".concat(vertical,"px"),horizontalPadding:"".concat(horizontal,"px"),multilineVerticalPadding:"".concat(multiline,"px")}},getBackgroundColor=_ref=>{let{theme:theme,variant:variant,error:error,disabled:disabled,readOnly:readOnly}=_ref;return readOnly?"transparent":"gray"===variant?theme.Palette.light["04"]:"transparent"===variant&&error?theme.Palette.error["01"]:"transparent"===variant?"transparent":disabled?theme.Palette.light["03"]:theme.Palette.light["01"]},getBorderColor=_ref2=>{let{theme:theme,variant:variant,error:error,readOnly:readOnly,disabled:disabled}=_ref2;return"gray"===variant||"transparent"===variant||readOnly||disabled?"transparent !important":"".concat(error?theme.Palette.error["04"]:theme.Palette.light["05"]," !important")},getBackgroundColorOnHover=_ref3=>{let{theme:theme,variant:variant,error:error,readOnly:readOnly}=_ref3;return"gray"===variant?theme.Palette.light["05"]:"transparent"===variant&&error?theme.Palette.error["02"]:readOnly?void 0:theme.Palette.light["03"]};export const retrieveStyle=_ref4=>{let{alwaysShowPlaceholder:alwaysShowPlaceholder,disabled:receivedDisabled,error:error,inputSize:inputSize,maxLength:maxLength,readOnly:readOnly,showCharacterCount:showCharacterCount,theme:theme,variant:variant}=_ref4;const disabled=receivedDisabled&&!readOnly,hasCharactersCount=showCharacterCount&&maxLength&&!disabled&&!readOnly,actionPalette=getActionPalette(theme),{verticalPadding:verticalPadding,horizontalPadding:horizontalPadding,multilineVerticalPadding:multilineVerticalPadding}=getPaddingValues(inputSize);return{charactersCount:{bottom:verticalPadding,position:"absolute"},root:{backgroundColor:getBackgroundColor({theme:theme,variant:variant,error:error,disabled:disabled,readOnly:readOnly}),paddingBottom:hasCharactersCount?multilineVerticalPadding:verticalPadding,paddingLeft:horizontalPadding,paddingRight:horizontalPadding,paddingTop:verticalPadding,...readOnly&&{paddingLeft:0,paddingRight:0},"&:hover":{backgroundColor:getBackgroundColorOnHover({theme:theme,variant:variant,error:error,readOnly:readOnly})},"&:active":{...!disabled&&!readOnly&&{backgroundColor:theme.Palette.light["01"],"& $inputContainer":{borderColor:"".concat(error?theme.Palette.error["04"]:actionPalette["04"]," !important"),borderWidth:"2px"},"& $input":{"&::placeholder":{color:"".concat(theme.Palette.gray["02"]," !important"),opacity:1}}}}},inputContainer:{borderColor:getBorderColor({theme:theme,variant:variant,error:error,readOnly:readOnly,disabled:disabled}),borderRadius:"4px",borderWidth:"1px"},focusedRoot:{backgroundColor:"transparent"===variant?theme.Palette.light["03"]:theme.Palette.light["01"],"&:hover":{backgroundColor:"transparent"===variant?theme.Palette.light["03"]:theme.Palette.light["01"]}},withValueRoot:{..."transparent"===variant&&!error&&{backgroundColor:"transparent"}},focusedInputContainer:{..."transparent"!==variant&&!error&&{borderColor:"".concat(actionPalette["04"]," !important"),borderWidth:"2px"},..."transparent"!==variant&&error&&{borderColor:"".concat(theme.Palette.error["04"]," !important")}},input:{...getFontStyles({theme:theme,variant:"body",weight:"regular"}),caretColor:actionPalette["04"],color:theme.Palette.dark["05"],minHeight:"22px",overflow:"auto",padding:0,textOverflow:"ellipsis","&::placeholder":{color:"transparent"!==variant||disabled?theme.Palette.gray["02"]:theme.Palette.dark["05"],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"]}}}};

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=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=(null==theme?void 0:theme[UT_BASE_INPUT_COLOR_BORDER_FOCUS])||DEFAULT_PROPS.colorTheme;return(null===(_theme$Palette$action=theme.Palette.actions)||void 0===_theme$Palette$action?void 0:_theme$Palette$action[colorThemeToUse])||theme.Palette[colorThemeToUse]||(null===(_theme$Palette$action2=theme.Palette.actions)||void 0===_theme$Palette$action2?void 0:_theme$Palette$action2[DEFAULT_PROPS.colorTheme])||theme.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"};

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

@@ -1,38 +1 @@
-import React from 'react';
-import { objectOf, string } from 'prop-types';
-import UTIcon from '../UTIcon';
-import UTLabel from '../UTLabel';
-import styles from './styles.module.scss';
-import { DEFAULT_TEXTS, SIZES } from './constants';
-const UTBodyPlaceholder = _ref => {
-  var _classNames$bodyPlace, _classNames$icon, _classNames$bodyPlace2, _classNames$bodyPlace3, _classNames$bodyPlace4;
-  let {
-    classNames = {},
-    size = SIZES.L,
-    subtitle = DEFAULT_TEXTS.subtitle,
-    title = DEFAULT_TEXTS.title
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.bodyPlaceholder, " ").concat(styles.bodyPlaceholderWidth, " ").concat((_classNames$bodyPlace = classNames.bodyPlaceholder) !== null && _classNames$bodyPlace !== void 0 ? _classNames$bodyPlace : '')
-  }, /*#__PURE__*/React.createElement(UTIcon, {
-    className: "".concat(styles.icon, " ").concat((_classNames$icon = classNames.icon) !== null && _classNames$icon !== void 0 ? _classNames$icon : ''),
-    name: "IconReplace",
-    size: 40
-  }), size === SIZES.L && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.bodyPlaceholderTextContainer, " ").concat((_classNames$bodyPlace2 = classNames.bodyPlaceholderTextContainer) !== null && _classNames$bodyPlace2 !== void 0 ? _classNames$bodyPlace2 : '')
-  }, /*#__PURE__*/React.createElement(UTLabel, {
-    className: "".concat(styles.bodyPlaceholderText, " ").concat((_classNames$bodyPlace3 = classNames.bodyPlaceholderText) !== null && _classNames$bodyPlace3 !== void 0 ? _classNames$bodyPlace3 : ''),
-    weight: "medium",
-    variant: "subtitle1"
-  }, title), /*#__PURE__*/React.createElement(UTLabel, {
-    className: "".concat(styles.bodyPlaceholderText, " ").concat((_classNames$bodyPlace4 = classNames.bodyPlaceholderText) !== null && _classNames$bodyPlace4 !== void 0 ? _classNames$bodyPlace4 : ''),
-    variant: "small"
-  }, subtitle)));
-};
-UTBodyPlaceholder.propTypes = {
-  classNames: objectOf(string),
-  size: string,
-  subtitle: string,
-  title: string
-};
-export default UTBodyPlaceholder;
+import React from"react";import{objectOf,string}from"prop-types";import UTIcon from"../UTIcon";import UTLabel from"../UTLabel";import styles from"./styles.module.scss";import{DEFAULT_TEXTS,SIZES}from"./constants";const UTBodyPlaceholder=_ref=>{var _classNames$bodyPlace,_classNames$icon,_classNames$bodyPlace2,_classNames$bodyPlace3,_classNames$bodyPlace4;let{classNames:classNames={},size:size=SIZES.L,subtitle:subtitle=DEFAULT_TEXTS.subtitle,title:title=DEFAULT_TEXTS.title}=_ref;return React.createElement("div",{className:"".concat(styles.bodyPlaceholder," ").concat(styles.bodyPlaceholderWidth," ").concat(null!==(_classNames$bodyPlace=classNames.bodyPlaceholder)&&void 0!==_classNames$bodyPlace?_classNames$bodyPlace:"")},React.createElement(UTIcon,{className:"".concat(styles.icon," ").concat(null!==(_classNames$icon=classNames.icon)&&void 0!==_classNames$icon?_classNames$icon:""),name:"IconReplace",size:40}),size===SIZES.L&&React.createElement("div",{className:"".concat(styles.bodyPlaceholderTextContainer," ").concat(null!==(_classNames$bodyPlace2=classNames.bodyPlaceholderTextContainer)&&void 0!==_classNames$bodyPlace2?_classNames$bodyPlace2:"")},React.createElement(UTLabel,{className:"".concat(styles.bodyPlaceholderText," ").concat(null!==(_classNames$bodyPlace3=classNames.bodyPlaceholderText)&&void 0!==_classNames$bodyPlace3?_classNames$bodyPlace3:""),weight:"medium",variant:"subtitle1"},title),React.createElement(UTLabel,{className:"".concat(styles.bodyPlaceholderText," ").concat(null!==(_classNames$bodyPlace4=classNames.bodyPlaceholderText)&&void 0!==_classNames$bodyPlace4?_classNames$bodyPlace4:""),variant:"small"},subtitle)))};UTBodyPlaceholder.propTypes={classNames:objectOf(string),size:string,subtitle:string,title:string};export default UTBodyPlaceholder;

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

@@ -1,33 +1 @@
-export const DEFAULT_SEPARATOR = '/';
-export const DEFAULT_ELIPSIS = '...';
-export const DEFAULT_ELIPSIS_WIDTH_ESTIMATE = 100;
-export const COLOR_THEMES = {
-  DARK: 'dark',
-  LIGHT: 'light'
-};
-export const COMPONENTS_THEME_PROPS = {
-  [COLOR_THEMES.DARK]: {
-    button: {
-      colorTheme: 'secondary'
-    },
-    label: {
-      colorTheme: 'gray'
-    }
-  },
-  [COLOR_THEMES.LIGHT]: {
-    button: {
-      colorTheme: 'negative'
-    },
-    label: {
-      colorTheme: 'negative',
-      shade: '03'
-    }
-  }
-};
-
-// temporary mapper for compatibility with 'buttonColorTheme' attribute  in office-web-edenor
-export const COLOR_THEMES_MAPPER = {
-  negative: COLOR_THEMES.LIGHT,
-  primary: COLOR_THEMES.DARK,
-  secondary: COLOR_THEMES.DARK
-};
+export const DEFAULT_SEPARATOR="/";export const DEFAULT_ELIPSIS="...";export const DEFAULT_ELIPSIS_WIDTH_ESTIMATE=100;export const COLOR_THEMES={DARK:"dark",LIGHT:"light"};export const COMPONENTS_THEME_PROPS={[COLOR_THEMES.DARK]:{button:{colorTheme:"secondary"},label:{colorTheme:"gray"}},[COLOR_THEMES.LIGHT]:{button:{colorTheme:"negative"},label:{colorTheme:"negative",shade:"03"}}};export const COLOR_THEMES_MAPPER={negative:COLOR_THEMES.LIGHT,primary:COLOR_THEMES.DARK,secondary:COLOR_THEMES.DARK};