@widergy/energy-ui 3.172.2 → 3.172.3

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

@@ -1,136 +1 @@
-import { withImportant } from '../../utils/classesUtils';
-import { getShadow } from '../../utils/shadowUtils';
-import { COLORS_MAPPER, DEFAULT_PROPS, SHADOW_MAPPER, VARIANTS_NAMES } from './constants';
-export const variantsColorTheme = (theme, colorTheme, variant) => {
-  var _theme$Palette, _theme$Palette$shadow;
-  const actionColorName = COLORS_MAPPER[colorTheme] || COLORS_MAPPER[DEFAULT_PROPS.colorTheme];
-  const actionPaletteColors = ((_theme$Palette = theme.Palette) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette.actions) || theme.Palette;
-  const actionTheme = actionPaletteColors[actionColorName];
-  const shadowTheme = ((_theme$Palette$shadow = theme.Palette.shadows) === null || _theme$Palette$shadow === void 0 ? void 0 : _theme$Palette$shadow[SHADOW_MAPPER[actionColorName]]) || 'transparent';
-  const negativeTheme = actionPaletteColors[COLORS_MAPPER.negative];
-  const neutralTheme = actionPaletteColors[COLORS_MAPPER.secondary];
-  const lightTheme = actionPaletteColors[COLORS_MAPPER.light];
-  const definition = {
-    [VARIANTS_NAMES.filled]: {
-      backgroundColor: actionTheme['04'],
-      border: '1px solid transparent',
-      fill: colorTheme === COLORS_MAPPER.negative ? neutralTheme['05'] : negativeTheme['05'],
-      '&:hover': {
-        backgroundColor: colorTheme === COLORS_MAPPER.gray ? actionTheme['05'] : actionTheme['03'],
-        boxShadow: getShadow({
-          color: shadowTheme,
-          level: 2
-        })
-      },
-      '&:active': {
-        backgroundColor: colorTheme === COLORS_MAPPER.gray ? actionTheme['04'] : actionTheme['05'],
-        boxShadow: getShadow({
-          color: shadowTheme,
-          level: 2
-        })
-      }
-    },
-    [VARIANTS_NAMES.semitransparent]: {
-      backgroundColor: colorTheme === COLORS_MAPPER.gray ? lightTheme['03'] : actionTheme['01'],
-      border: '1px solid transparent',
-      fill: colorTheme === COLORS_MAPPER.gray ? actionTheme['04'] : actionTheme['05'],
-      '&:hover': {
-        backgroundColor: colorTheme === COLORS_MAPPER.gray ? lightTheme['04'] : actionTheme['02'],
-        boxShadow: 'none'
-      },
-      '&:active': {
-        backgroundColor: colorTheme === COLORS_MAPPER.gray ? lightTheme['05'] : actionTheme['03'],
-        boxShadow: 'none'
-      }
-    },
-    [VARIANTS_NAMES.outlined]: {
-      border: "1px solid ".concat(lightTheme['04']),
-      fill: colorTheme === COLORS_MAPPER.gray ? actionTheme['04'] : actionTheme['05'],
-      '&:hover': {
-        backgroundColor: colorTheme === COLORS_MAPPER.gray ? lightTheme['03'] : actionTheme['01'],
-        boxShadow: 'none'
-      },
-      '&:active': {
-        backgroundColor: colorTheme === COLORS_MAPPER.gray ? lightTheme['04'] : actionTheme['02'],
-        boxShadow: 'none'
-      }
-    },
-    [VARIANTS_NAMES.text]: {
-      border: '1px solid transparent',
-      fill: colorTheme === COLORS_MAPPER.gray ? actionTheme['04'] : actionTheme['05'],
-      '&:hover': {
-        backgroundColor: colorTheme === COLORS_MAPPER.gray ? lightTheme['03'] : actionTheme['01'],
-        boxShadow: 'none'
-      },
-      '&:active': {
-        backgroundColor: colorTheme === COLORS_MAPPER.gray ? lightTheme['04'] : actionTheme['02'],
-        boxShadow: 'none'
-      }
-    },
-    [VARIANTS_NAMES.shadow]: {
-      backgroundColor: colorTheme === COLORS_MAPPER.negative ? neutralTheme['05'] : negativeTheme['05'],
-      boxShadow: getShadow({
-        color: shadowTheme,
-        level: 1
-      }),
-      border: '1px solid transparent',
-      fill: actionTheme['05'],
-      '&:hover': {
-        backgroundColor: colorTheme === COLORS_MAPPER.gray ? lightTheme['03'] : actionTheme['01'],
-        boxShadow: getShadow({
-          color: shadowTheme,
-          level: 2
-        })
-      },
-      '&:active': {
-        backgroundColor: colorTheme === COLORS_MAPPER.gray ? lightTheme['04'] : actionTheme['02'],
-        boxShadow: getShadow({
-          color: shadowTheme,
-          level: 2
-        })
-      }
-    }
-  };
-  const disabledStyle = {
-    opacity: withImportant(0.5),
-    '&.MuiButton-root:hover.Mui-disabled': {
-      backgroundColor: (definition[variant] || definition[DEFAULT_PROPS.variant]).backgroundColor
-    }
-  };
-  return {
-    ...(definition[variant] || definition[DEFAULT_PROPS.variant]),
-    disabled: disabledStyle
-  };
-};
-const baseButtonTheme = theme => {
-  var _theme$UTButton;
-  return {
-    root: {
-      borderRadius: 'var(--UT-button-radius, 0.25rem)',
-      boxShadow: 'none',
-      minWidth: 'auto',
-      textTransform: 'none',
-      transition: 'background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms'
-    },
-    circularProgress: {
-      color: ((_theme$UTButton = theme.UTButton) === null || _theme$UTButton === void 0 || (_theme$UTButton = _theme$UTButton.circularProgress) === null || _theme$UTButton === void 0 ? void 0 : _theme$UTButton.color) || '484848'
-    }
-  };
-};
-export const retrieveStyle = _ref => {
-  let {
-    colorTheme,
-    variant,
-    theme
-  } = _ref;
-  const baseTheme = baseButtonTheme(theme);
-  const variantTheme = variantsColorTheme(theme, colorTheme, variant);
-  return {
-    ...baseTheme,
-    disabled: variantTheme.disabled,
-    root: {
-      ...baseTheme.root,
-      ...variantTheme
-    }
-  };
-};
+import{withImportant}from"../../utils/classesUtils";import{getShadow}from"../../utils/shadowUtils";import{COLORS_MAPPER,DEFAULT_PROPS,SHADOW_MAPPER,VARIANTS_NAMES}from"./constants";export const variantsColorTheme=(theme,colorTheme,variant)=>{var _theme$Palette,_theme$Palette$shadow;const actionColorName=COLORS_MAPPER[colorTheme]||COLORS_MAPPER[DEFAULT_PROPS.colorTheme],actionPaletteColors=(null===(_theme$Palette=theme.Palette)||void 0===_theme$Palette?void 0:_theme$Palette.actions)||theme.Palette,actionTheme=actionPaletteColors[actionColorName],shadowTheme=(null===(_theme$Palette$shadow=theme.Palette.shadows)||void 0===_theme$Palette$shadow?void 0:_theme$Palette$shadow[SHADOW_MAPPER[actionColorName]])||"transparent",negativeTheme=actionPaletteColors[COLORS_MAPPER.negative],neutralTheme=actionPaletteColors[COLORS_MAPPER.secondary],lightTheme=actionPaletteColors[COLORS_MAPPER.light],definition={[VARIANTS_NAMES.filled]:{backgroundColor:actionTheme["04"],border:"1px solid transparent",fill:colorTheme===COLORS_MAPPER.negative?neutralTheme["05"]:negativeTheme["05"],"&:hover":{backgroundColor:colorTheme===COLORS_MAPPER.gray?actionTheme["05"]:actionTheme["03"],boxShadow:getShadow({color:shadowTheme,level:2})},"&:active":{backgroundColor:colorTheme===COLORS_MAPPER.gray?actionTheme["04"]:actionTheme["05"],boxShadow:getShadow({color:shadowTheme,level:2})}},[VARIANTS_NAMES.semitransparent]:{backgroundColor:colorTheme===COLORS_MAPPER.gray?lightTheme["03"]:actionTheme["01"],border:"1px solid transparent",fill:colorTheme===COLORS_MAPPER.gray?actionTheme["04"]:actionTheme["05"],"&:hover":{backgroundColor:colorTheme===COLORS_MAPPER.gray?lightTheme["04"]:actionTheme["02"],boxShadow:"none"},"&:active":{backgroundColor:colorTheme===COLORS_MAPPER.gray?lightTheme["05"]:actionTheme["03"],boxShadow:"none"}},[VARIANTS_NAMES.outlined]:{border:"1px solid ".concat(lightTheme["04"]),fill:colorTheme===COLORS_MAPPER.gray?actionTheme["04"]:actionTheme["05"],"&:hover":{backgroundColor:colorTheme===COLORS_MAPPER.gray?lightTheme["03"]:actionTheme["01"],boxShadow:"none"},"&:active":{backgroundColor:colorTheme===COLORS_MAPPER.gray?lightTheme["04"]:actionTheme["02"],boxShadow:"none"}},[VARIANTS_NAMES.text]:{border:"1px solid transparent",fill:colorTheme===COLORS_MAPPER.gray?actionTheme["04"]:actionTheme["05"],"&:hover":{backgroundColor:colorTheme===COLORS_MAPPER.gray?lightTheme["03"]:actionTheme["01"],boxShadow:"none"},"&:active":{backgroundColor:colorTheme===COLORS_MAPPER.gray?lightTheme["04"]:actionTheme["02"],boxShadow:"none"}},[VARIANTS_NAMES.shadow]:{backgroundColor:colorTheme===COLORS_MAPPER.negative?neutralTheme["05"]:negativeTheme["05"],boxShadow:getShadow({color:shadowTheme,level:1}),border:"1px solid transparent",fill:actionTheme["05"],"&:hover":{backgroundColor:colorTheme===COLORS_MAPPER.gray?lightTheme["03"]:actionTheme["01"],boxShadow:getShadow({color:shadowTheme,level:2})},"&:active":{backgroundColor:colorTheme===COLORS_MAPPER.gray?lightTheme["04"]:actionTheme["02"],boxShadow:getShadow({color:shadowTheme,level:2})}}},disabledStyle={opacity:withImportant(.5),"&.MuiButton-root:hover.Mui-disabled":{backgroundColor:(definition[variant]||definition[DEFAULT_PROPS.variant]).backgroundColor}};return{...definition[variant]||definition[DEFAULT_PROPS.variant],disabled:disabledStyle}};const baseButtonTheme=theme=>{var _theme$UTButton;return{root:{borderRadius:"var(--UT-button-radius, 0.25rem)",boxShadow:"none",minWidth:"auto",textTransform:"none",transition:"background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"},circularProgress:{color:(null===(_theme$UTButton=theme.UTButton)||void 0===_theme$UTButton||null===(_theme$UTButton=_theme$UTButton.circularProgress)||void 0===_theme$UTButton?void 0:_theme$UTButton.color)||"484848"}}};export const retrieveStyle=_ref=>{let{colorTheme:colorTheme,variant:variant,theme:theme}=_ref;const baseTheme=baseButtonTheme(theme),variantTheme=variantsColorTheme(theme,colorTheme,variant);return{...baseTheme,disabled:variantTheme.disabled,root:{...baseTheme.root,...variantTheme}}};

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

@@ -1,73 +1 @@
-import { COLOR_THEMES } from '../../constants/Palette';
-import { capitalize, isUTIcon } from '../../utils/componentUtils';
-import UTIcon from '../UTIcon';
-import { COLORS_MAPPER, ICON_PLACEMENTS, SIZES, VARIANTS_NAMES } from './constants';
-import styles from './styles.module.scss';
-const getButtonElementColorTheme = (buttonColorTheme, buttonVariant) => buttonVariant === VARIANTS_NAMES.filled ? buttonColorTheme === COLORS_MAPPER.negative ? COLOR_THEMES.neutral : COLOR_THEMES.negative : COLORS_MAPPER[buttonColorTheme];
-const buildSingleIconProps = _ref => {
-  let {
-    className,
-    colorTheme,
-    hideTextOnResponsive,
-    Icon,
-    size,
-    variant
-  } = _ref;
-  if (!Icon) return null;
-  return {
-    IconComponent: isUTIcon(Icon) ? UTIcon : Icon,
-    className: "\n      ".concat(styles.baseIcon, "\n      ").concat(className, "\n      ").concat(styles.icon, "\n      ").concat(hideTextOnResponsive ? styles["adaptableIcon".concat(capitalize(size))] : '', "\n    "),
-    ...(isUTIcon(Icon) ? {
-      colorTheme: getButtonElementColorTheme(colorTheme, variant),
-      name: Icon
-    } : {})
-  };
-};
-export const getIconProps = _ref2 => {
-  let {
-    className,
-    colorTheme,
-    hideTextOnResponsive,
-    Icon,
-    iconPlacement,
-    LeftIcon,
-    RightIcon,
-    size,
-    variant
-  } = _ref2;
-  const resolvedLeftIcon = LeftIcon || (iconPlacement !== ICON_PLACEMENTS.right ? Icon : undefined);
-  const resolvedRightIcon = RightIcon || (iconPlacement === ICON_PLACEMENTS.right ? Icon : undefined);
-  const commonParams = {
-    className,
-    colorTheme,
-    hideTextOnResponsive,
-    size,
-    variant
-  };
-  const {
-    IconComponent: LeftIconComponent,
-    ...leftIconProps
-  } = buildSingleIconProps({
-    ...commonParams,
-    Icon: resolvedLeftIcon
-  }) || {};
-  const {
-    IconComponent: RightIconComponent,
-    ...rightIconProps
-  } = buildSingleIconProps({
-    ...commonParams,
-    Icon: resolvedRightIcon
-  }) || {};
-  return {
-    LeftIconComponent: LeftIconComponent || null,
-    leftIconProps,
-    RightIconComponent: RightIconComponent || null,
-    rightIconProps
-  };
-};
-export const getLabelProps = (buttonColorTheme, buttonVariant, buttonSize) => ({
-  colorTheme: getButtonElementColorTheme(buttonColorTheme, buttonVariant),
-  variant: buttonSize === SIZES.small ? 'small' : 'body',
-  weight: 'medium'
-});
-export const getCounterColorTheme = (colorTheme, variant) => variant === VARIANTS_NAMES.filled ? colorTheme === COLOR_THEMES.negative ? 'dark' : 'negative' : variant === VARIANTS_NAMES.outlined ? colorTheme === COLOR_THEMES.negative ? 'negative' : colorTheme === COLOR_THEMES.primary ? COLORS_MAPPER[colorTheme] : colorTheme === COLOR_THEMES.gray ? 'gray' : 'dark' : colorTheme === COLOR_THEMES.gray ? 'gray' : COLORS_MAPPER[colorTheme];
+import{COLOR_THEMES}from"../../constants/Palette";import{capitalize,isUTIcon}from"../../utils/componentUtils";import UTIcon from"../UTIcon";import{COLORS_MAPPER,ICON_PLACEMENTS,SIZES,VARIANTS_NAMES}from"./constants";import styles from"./styles.module.scss";const getButtonElementColorTheme=(buttonColorTheme,buttonVariant)=>buttonVariant===VARIANTS_NAMES.filled?buttonColorTheme===COLORS_MAPPER.negative?COLOR_THEMES.neutral:COLOR_THEMES.negative:COLORS_MAPPER[buttonColorTheme],buildSingleIconProps=_ref=>{let{className:className,colorTheme:colorTheme,hideTextOnResponsive:hideTextOnResponsive,Icon:Icon,size:size,variant:variant}=_ref;return Icon?{IconComponent:isUTIcon(Icon)?UTIcon:Icon,className:"\n      ".concat(styles.baseIcon,"\n      ").concat(className,"\n      ").concat(styles.icon,"\n      ").concat(hideTextOnResponsive?styles["adaptableIcon".concat(capitalize(size))]:"","\n    "),...isUTIcon(Icon)?{colorTheme:getButtonElementColorTheme(colorTheme,variant),name:Icon}:{}}:null};export const getIconProps=_ref2=>{let{className:className,colorTheme:colorTheme,hideTextOnResponsive:hideTextOnResponsive,Icon:Icon,iconPlacement:iconPlacement,LeftIcon:LeftIcon,RightIcon:RightIcon,size:size,variant:variant}=_ref2;const resolvedLeftIcon=LeftIcon||(iconPlacement!==ICON_PLACEMENTS.right?Icon:void 0),resolvedRightIcon=RightIcon||(iconPlacement===ICON_PLACEMENTS.right?Icon:void 0),commonParams={className:className,colorTheme:colorTheme,hideTextOnResponsive:hideTextOnResponsive,size:size,variant:variant},{IconComponent:LeftIconComponent,...leftIconProps}=buildSingleIconProps({...commonParams,Icon:resolvedLeftIcon})||{},{IconComponent:RightIconComponent,...rightIconProps}=buildSingleIconProps({...commonParams,Icon:resolvedRightIcon})||{};return{LeftIconComponent:LeftIconComponent||null,leftIconProps:leftIconProps,RightIconComponent:RightIconComponent||null,rightIconProps:rightIconProps}};export const getLabelProps=(buttonColorTheme,buttonVariant,buttonSize)=>({colorTheme:getButtonElementColorTheme(buttonColorTheme,buttonVariant),variant:buttonSize===SIZES.small?"small":"body",weight:"medium"});export const getCounterColorTheme=(colorTheme,variant)=>variant===VARIANTS_NAMES.filled?colorTheme===COLOR_THEMES.negative?"dark":"negative":variant===VARIANTS_NAMES.outlined?colorTheme===COLOR_THEMES.negative?"negative":colorTheme===COLOR_THEMES.primary?COLORS_MAPPER[colorTheme]:colorTheme===COLOR_THEMES.gray?"gray":"dark":colorTheme===COLOR_THEMES.gray?"gray":COLORS_MAPPER[colorTheme];

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

@@ -1,11 +1 @@
-export const BACKGROUND_COLOR_MAPPER = theme => ({
-  primary: theme.lightBackground,
-  negative: theme.negativeBackground,
-  neutral: theme.lightBackground
-});
-export const CIRCLE_TYPE = 'circle';
-export const SQUARE_TYPE = 'square';
-export const DEFAULT_TYPE = SQUARE_TYPE;
-export const DEFAULT_COLOR_THEME = 'primary';
-export const DEFAULT_SIZE = 'small';
-export const SHADOW_ACTIVE_COLOR_THEMES = ['primary', 'neutral'];
+export const BACKGROUND_COLOR_MAPPER=theme=>({primary:theme.lightBackground,negative:theme.negativeBackground,neutral:theme.lightBackground});export const CIRCLE_TYPE="circle";export const SQUARE_TYPE="square";export const DEFAULT_TYPE="square";export const DEFAULT_COLOR_THEME="primary";export const DEFAULT_SIZE="small";export const SHADOW_ACTIVE_COLOR_THEMES=["primary","neutral"];

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

@@ -1,55 +1 @@
-import React from 'react';
-import { arrayOf, element, func, number, objectOf, oneOfType, shape, string } from 'prop-types';
-import UTButton from '../UTButton';
-import WithTheme from '../WithTheme';
-import { retrieveStyle } from './theme';
-import { BACKGROUND_COLOR_MAPPER, DEFAULT_COLOR_THEME, DEFAULT_SIZE, DEFAULT_TYPE, SHADOW_ACTIVE_COLOR_THEMES } from './constants';
-import styles from './styles.module.scss';
-const UTButtonGroup = _ref => {
-  let {
-    actions,
-    classes: theme,
-    colorTheme = DEFAULT_COLOR_THEME,
-    selected,
-    shape: type = DEFAULT_TYPE,
-    size = DEFAULT_SIZE
-  } = _ref;
-  const backgroundColor = BACKGROUND_COLOR_MAPPER(theme)[colorTheme] || BACKGROUND_COLOR_MAPPER(theme).primary;
-  const activeVariant = SHADOW_ACTIVE_COLOR_THEMES.includes(colorTheme) ? 'shadow' : 'filled';
-  const inactiveColorTheme = SHADOW_ACTIVE_COLOR_THEMES.includes(colorTheme) ? 'gray' : colorTheme;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles["".concat(type, "Container")], " ").concat(backgroundColor)
-  }, actions.map(_ref2 => {
-    let {
-      dataTestId,
-      Icon,
-      id,
-      onClick,
-      label
-    } = _ref2;
-    return /*#__PURE__*/React.createElement(UTButton, {
-      colorTheme: selected === id ? colorTheme : inactiveColorTheme,
-      dataTestId: dataTestId,
-      Icon: Icon,
-      key: id,
-      onClick: onClick,
-      size: size,
-      variant: selected === id ? activeVariant : 'text'
-    }, label);
-  }));
-};
-UTButtonGroup.propTypes = {
-  actions: arrayOf(shape({
-    dataTestId: string,
-    Icon: oneOfType([string, element]),
-    id: oneOfType([number, string]),
-    label: string,
-    onClick: func
-  })).isRequired,
-  classes: objectOf(string),
-  colorTheme: string,
-  selected: oneOfType([number, string]).isRequired,
-  shape: string,
-  size: string
-};
-export default WithTheme(retrieveStyle)(UTButtonGroup);
+import React from"react";import{arrayOf,element,func,number,objectOf,oneOfType,shape,string}from"prop-types";import UTButton from"../UTButton";import WithTheme from"../WithTheme";import{retrieveStyle}from"./theme";import{BACKGROUND_COLOR_MAPPER,DEFAULT_COLOR_THEME,DEFAULT_SIZE,DEFAULT_TYPE,SHADOW_ACTIVE_COLOR_THEMES}from"./constants";import styles from"./styles.module.scss";const UTButtonGroup=_ref=>{let{actions:actions,classes:theme,colorTheme:colorTheme=DEFAULT_COLOR_THEME,selected:selected,shape:type=DEFAULT_TYPE,size:size=DEFAULT_SIZE}=_ref;const backgroundColor=BACKGROUND_COLOR_MAPPER(theme)[colorTheme]||BACKGROUND_COLOR_MAPPER(theme).primary,activeVariant=SHADOW_ACTIVE_COLOR_THEMES.includes(colorTheme)?"shadow":"filled",inactiveColorTheme=SHADOW_ACTIVE_COLOR_THEMES.includes(colorTheme)?"gray":colorTheme;return React.createElement("div",{className:"".concat(styles["".concat(type,"Container")]," ").concat(backgroundColor)},actions.map(_ref2=>{let{dataTestId:dataTestId,Icon:Icon,id:id,onClick:onClick,label:label}=_ref2;return React.createElement(UTButton,{colorTheme:selected===id?colorTheme:inactiveColorTheme,dataTestId:dataTestId,Icon:Icon,key:id,onClick:onClick,size:size,variant:selected===id?activeVariant:"text"},label)}))};UTButtonGroup.propTypes={actions:arrayOf(shape({dataTestId:string,Icon:oneOfType([string,element]),id:oneOfType([number,string]),label:string,onClick:func})).isRequired,classes:objectOf(string),colorTheme:string,selected:oneOfType([number,string]).isRequired,shape:string,size:string};export default WithTheme(retrieveStyle)(UTButtonGroup);

package/dist/esm/components/UTButtonGroup/stories/storiesConstants.js

@@ -1,45 +1 @@
-import { CIRCLE_TYPE, DEFAULT_COLOR_THEME, DEFAULT_SIZE, DEFAULT_TYPE, SQUARE_TYPE } from '../constants';
-export const COMMON_ACTIONS = [{
-  Icon: 'IconPencil',
-  id: 'edit',
-  label: 'Editar'
-}, {
-  Icon: 'IconTrash',
-  id: 'delete',
-  label: 'Eliminar'
-}, {
-  Icon: 'IconEye',
-  id: 'view',
-  label: 'Ver'
-}];
-export const COLOR_THEME_OPTIONS = ['primary', 'neutral', 'negative'];
-export const SHAPE_OPTIONS = [SQUARE_TYPE, CIRCLE_TYPE];
-export const SIZE_OPTIONS = ['small', 'medium', 'large'];
-export const COMMON_ARG_TYPES = {
-  actions: {
-    control: 'object',
-    description: 'Array de acciones. Cada item acepta: id (string), label (string), Icon (nombre de icono Tabler).'
-  },
-  colorTheme: {
-    control: 'select',
-    options: COLOR_THEME_OPTIONS
-  },
-  selected: {
-    control: 'text',
-    description: 'ID del botón activo. Debe coincidir con el id de uno de los actions.'
-  },
-  shape: {
-    control: 'inline-radio',
-    options: SHAPE_OPTIONS
-  },
-  size: {
-    control: 'inline-radio',
-    options: SIZE_OPTIONS
-  }
-};
-export const COMMON_ARGS = {
-  colorTheme: DEFAULT_COLOR_THEME,
-  selected: COMMON_ACTIONS[0].id,
-  shape: DEFAULT_TYPE,
-  size: DEFAULT_SIZE
-};
+import{CIRCLE_TYPE,DEFAULT_COLOR_THEME,DEFAULT_SIZE,DEFAULT_TYPE,SQUARE_TYPE}from"../constants";export const COMMON_ACTIONS=[{Icon:"IconPencil",id:"edit",label:"Editar"},{Icon:"IconTrash",id:"delete",label:"Eliminar"},{Icon:"IconEye",id:"view",label:"Ver"}];export const COLOR_THEME_OPTIONS=["primary","neutral","negative"];export const SHAPE_OPTIONS=[SQUARE_TYPE,CIRCLE_TYPE];export const SIZE_OPTIONS=["small","medium","large"];export const COMMON_ARG_TYPES={actions:{control:"object",description:"Array de acciones. Cada item acepta: id (string), label (string), Icon (nombre de icono Tabler)."},colorTheme:{control:"select",options:COLOR_THEME_OPTIONS},selected:{control:"text",description:"ID del botón activo. Debe coincidir con el id de uno de los actions."},shape:{control:"inline-radio",options:SHAPE_OPTIONS},size:{control:"inline-radio",options:SIZE_OPTIONS}};export const COMMON_ARGS={colorTheme:DEFAULT_COLOR_THEME,selected:COMMON_ACTIONS[0].id,shape:DEFAULT_TYPE,size:DEFAULT_SIZE};

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

@@ -1,14 +1 @@
-export const retrieveStyle = _ref => {
-  var _theme$Palette$action;
-  let {
-    theme
-  } = _ref;
-  return {
-    lightBackground: {
-      backgroundColor: theme.Palette.light['03']
-    },
-    negativeBackground: {
-      backgroundColor: ((_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action.negative['02']) || theme.Palette.negative['02']
-    }
-  };
-};
+export const retrieveStyle=_ref=>{var _theme$Palette$action;let{theme:theme}=_ref;return{lightBackground:{backgroundColor:theme.Palette.light["03"]},negativeBackground:{backgroundColor:(null===(_theme$Palette$action=theme.Palette.actions)||void 0===_theme$Palette$action?void 0:_theme$Palette$action.negative["02"])||theme.Palette.negative["02"]}}};

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

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

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

@@ -1,88 +1 @@
-import React, { useState } from 'react';
-import { array, func, string, objectOf, shape } from 'prop-types';
-import { metaPropTypes } from '../../../../types/formTypes';
-import UTTextInput from '../../../UTTextInput';
-import WithTheme from '../../../WithTheme';
-import { retrieveStyle } from './theme';
-const UTCBUInput = _ref => {
-  let {
-    classes,
-    dataTestId,
-    field,
-    helperTextDataTestId,
-    input,
-    meta
-  } = _ref;
-  const {
-    onChange,
-    value,
-    name
-  } = input;
-  const {
-    placeholder,
-    title,
-    configuration
-  } = field;
-  const {
-    entities,
-    cbu_number_key: cbuNumberKey,
-    cbu_entity_key: cbuEntityKey
-  } = configuration;
-  const [entity, setEntity] = useState('');
-  const onChangeText = newValue => {
-    const index = entities.findIndex(entityValue => new RegExp(entityValue.expression).test(newValue));
-    const entityToSet = index === -1 ? '' : entities[index].entity_name;
-    setEntity(entityToSet);
-    onChange({
-      [cbuNumberKey]: newValue,
-      [cbuEntityKey]: entityToSet
-    });
-  };
-  return /*#__PURE__*/React.createElement(UTTextInput, {
-    captionLabel: entity,
-    dataTestId: dataTestId,
-    field: field,
-    FormHelperTextProps: {
-      classes: {
-        root: classes.helper
-      }
-    },
-    helperTextDataTestId: helperTextDataTestId,
-    input: {
-      name,
-      onChange: onChangeText,
-      value: {
-        [cbuNumberKey]: value[cbuNumberKey],
-        [cbuEntityKey]: entity
-      }
-    },
-    inputObjectKey: cbuNumberKey,
-    label: title,
-    meta: meta,
-    placeholder: placeholder,
-    disabled: field === null || field === void 0 ? void 0 : field.read_only
-  });
-};
-UTCBUInput.propTypes = {
-  classes: objectOf(string),
-  dataTestId: string,
-  field: shape({
-    placeholder: string,
-    title: string,
-    configuration: shape({
-      entities: array
-    }),
-    cbu_number_key: string,
-    cbu_entity_key: string
-  }),
-  helperTextDataTestId: string,
-  input: shape({
-    onChange: func,
-    value: shape({
-      cbuNumber: string,
-      entityName: string
-    })
-  }),
-  meta: metaPropTypes
-};
-export default WithTheme(retrieveStyle)(UTCBUInput);
+import React,{useState}from"react";import{array,func,string,objectOf,shape}from"prop-types";import{metaPropTypes}from"../../../../types/formTypes";import UTTextInput from"../../../UTTextInput";import WithTheme from"../../../WithTheme";import{retrieveStyle}from"./theme";const UTCBUInput=_ref=>{let{classes:classes,dataTestId:dataTestId,field:field,helperTextDataTestId:helperTextDataTestId,input:input,meta:meta}=_ref;const{onChange:onChange,value:value,name:name}=input,{placeholder:placeholder,title:title,configuration:configuration}=field,{entities:entities,cbu_number_key:cbuNumberKey,cbu_entity_key:cbuEntityKey}=configuration,[entity,setEntity]=useState("");return React.createElement(UTTextInput,{captionLabel:entity,dataTestId:dataTestId,field:field,FormHelperTextProps:{classes:{root:classes.helper}},helperTextDataTestId:helperTextDataTestId,input:{name:name,onChange:newValue=>{const index=entities.findIndex(entityValue=>new RegExp(entityValue.expression).test(newValue)),entityToSet=-1===index?"":entities[index].entity_name;setEntity(entityToSet),onChange({[cbuNumberKey]:newValue,[cbuEntityKey]:entityToSet})},value:{[cbuNumberKey]:value[cbuNumberKey],[cbuEntityKey]:entity}},inputObjectKey:cbuNumberKey,label:title,meta:meta,placeholder:placeholder,disabled:null==field?void 0:field.read_only})};UTCBUInput.propTypes={classes:objectOf(string),dataTestId:string,field:shape({placeholder:string,title:string,configuration:shape({entities:array}),cbu_number_key:string,cbu_entity_key:string}),helperTextDataTestId:string,input:shape({onChange:func,value:shape({cbuNumber:string,entityName:string})}),meta:metaPropTypes};export default WithTheme(retrieveStyle)(UTCBUInput);

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

@@ -1,11 +1 @@
-import { getIn } from 'seamless-immutable';
-export const retrieveStyle = _ref => {
-  let {
-    theme
-  } = _ref;
-  return {
-    helper: {
-      color: getIn(theme, ['UTCBUInput', 'helper', 'color'])
-    }
-  };
-};
+import{getIn}from"seamless-immutable";export const retrieveStyle=_ref=>{let{theme:theme}=_ref;return{helper:{color:getIn(theme,["UTCBUInput","helper","color"])}}};

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

@@ -1,61 +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, { useMemo } from 'react';
-import { array, func, string, shape } from 'prop-types';
-import { propTypes as textInputPropTypes } from '../../../UTTextInput/versions/V1';
-import UTTextInput from '../../../UTTextInput';
-const UTCBUInput = _ref => {
-  let {
-    cbu_entity_key: cbuEntityKey,
-    cbu_number_key: cbuNumberKey,
-    entities,
-    error,
-    onChange,
-    value = {},
-    ...props
-  } = _ref;
-  const findEntity = input => {
-    const matchedEntity = entities.find(_ref2 => {
-      let {
-        expression
-      } = _ref2;
-      return new RegExp(expression).test(input);
-    });
-    return matchedEntity ? matchedEntity.entity_name : '';
-  };
-  const entity = useMemo(() => findEntity(value[cbuNumberKey] || ''), [value, cbuNumberKey, entities]);
-  const validations = useMemo(() => entity && !error ? [{
-    items: [{
-      text: entity,
-      withIcon: false
-    }]
-  }] : [], [entity, error]);
-  const onChangeText = newValue => {
-    const entityToSet = findEntity(newValue);
-    onChange({
-      [cbuNumberKey]: newValue,
-      [cbuEntityKey]: entityToSet
-    });
-  };
-  return /*#__PURE__*/React.createElement(UTTextInput, _extends({}, props, {
-    error: error,
-    onBlur: undefined,
-    onChange: onChangeText,
-    type: "numeric",
-    validations: validations,
-    value: value[cbuNumberKey],
-    version: "V1"
-  }));
-};
-UTCBUInput.propTypes = {
-  cbu_entity_key: string,
-  cbu_number_key: string,
-  entities: array,
-  error: string,
-  onChange: func,
-  value: shape({
-    cbuNumber: string,
-    entityName: string
-  }),
-  ...textInputPropTypes
-};
-export default UTCBUInput;
+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,{useMemo}from"react";import{array,func,string,shape}from"prop-types";import{propTypes as textInputPropTypes}from"../../../UTTextInput/versions/V1";import UTTextInput from"../../../UTTextInput";const UTCBUInput=_ref=>{let{cbu_entity_key:cbuEntityKey,cbu_number_key:cbuNumberKey,entities:entities,error:error,onChange:onChange,value:value={},...props}=_ref;const findEntity=input=>{const matchedEntity=entities.find(_ref2=>{let{expression:expression}=_ref2;return new RegExp(expression).test(input)});return matchedEntity?matchedEntity.entity_name:""},entity=useMemo(()=>findEntity(value[cbuNumberKey]||""),[value,cbuNumberKey,entities]),validations=useMemo(()=>entity&&!error?[{items:[{text:entity,withIcon:!1}]}]:[],[entity,error]);return React.createElement(UTTextInput,_extends({},props,{error:error,onBlur:void 0,onChange:newValue=>{const entityToSet=findEntity(newValue);onChange({[cbuNumberKey]:newValue,[cbuEntityKey]:entityToSet})},type:"numeric",validations:validations,value:value[cbuNumberKey],version:"V1"}))};UTCBUInput.propTypes={cbu_entity_key:string,cbu_number_key:string,entities:array,error:string,onChange:func,value:shape({cbuNumber:string,entityName:string}),...textInputPropTypes};export default UTCBUInput;

package/dist/esm/components/UTCalendar/components/Day/index.js

@@ -1,30 +1 @@
-import React from 'react';
-import { func, object, number, bool } from 'prop-types';
-import dayjs from 'dayjs';
-import UTTouchableWithoutFeedback from '../../../UTTouchableWithoutFeedback';
-import { DAY_FORMAT } from '../../constants';
-import styles from './styles.module.scss';
-const GenericRenderDay = _ref => {
-  let {
-    date,
-    bookingOptions,
-    selectedDayIndex,
-    setSelectedDayIndex,
-    dayInCurrentMonth
-  } = _ref;
-  const index = bookingOptions.findIndex(item => dayjs(item.value).isSame(dayjs(date), 'day'));
-  const available = dayInCurrentMonth && index !== -1;
-  const isSelected = index === selectedDayIndex;
-  return /*#__PURE__*/React.createElement(UTTouchableWithoutFeedback, {
-    className: "".concat(styles.daysRender, "  ").concat(!available && styles.disabledButton, " ").concat(isSelected && styles.selectedDay, " ").concat(!dayInCurrentMonth && styles.notInCurrentMonth),
-    onClick: available ? () => setSelectedDayIndex(index) : undefined
-  }, dayInCurrentMonth ? dayjs(date).format(DAY_FORMAT) : '');
-};
-GenericRenderDay.propTypes = {
-  date: object,
-  bookingOptions: object,
-  selectedDayIndex: number,
-  setSelectedDayIndex: func,
-  dayInCurrentMonth: bool
-};
-export default GenericRenderDay;
+import React from"react";import{func,object,number,bool}from"prop-types";import dayjs from"dayjs";import UTTouchableWithoutFeedback from"../../../UTTouchableWithoutFeedback";import{DAY_FORMAT}from"../../constants";import styles from"./styles.module.scss";const GenericRenderDay=_ref=>{let{date:date,bookingOptions:bookingOptions,selectedDayIndex:selectedDayIndex,setSelectedDayIndex:setSelectedDayIndex,dayInCurrentMonth:dayInCurrentMonth}=_ref;const index=bookingOptions.findIndex(item=>dayjs(item.value).isSame(dayjs(date),"day")),available=dayInCurrentMonth&&-1!==index,isSelected=index===selectedDayIndex;return React.createElement(UTTouchableWithoutFeedback,{className:"".concat(styles.daysRender,"  ").concat(!available&&styles.disabledButton," ").concat(isSelected&&styles.selectedDay," ").concat(!dayInCurrentMonth&&styles.notInCurrentMonth),onClick:available?()=>setSelectedDayIndex(index):void 0},dayInCurrentMonth?dayjs(date).format(DAY_FORMAT):"")};GenericRenderDay.propTypes={date:object,bookingOptions:object,selectedDayIndex:number,setSelectedDayIndex:func,dayInCurrentMonth:bool};export default GenericRenderDay;

package/dist/esm/components/UTCalendar/components/TimeInput/index.js

@@ -1,32 +1 @@
-import React from 'react';
-import { array, func, string } from 'prop-types';
-import UTLabel from '../../../UTLabel';
-import UTRadioGroup from '../../../UTRadioGroup';
-import styles from './styles.module.scss';
-const TimeInput = _ref => {
-  let {
-    availableTimeSlots,
-    selectedTime,
-    setSelectedTime
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.timeInputContainer
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.timeInputHeader
-  }, /*#__PURE__*/React.createElement(UTLabel, {
-    variant: "subtitle1"
-  }, "Seleccione el horario"), /*#__PURE__*/React.createElement(UTLabel, null, "Debe seleccionar un horario para continuar")), /*#__PURE__*/React.createElement(UTRadioGroup, {
-    options: availableTimeSlots,
-    value: selectedTime,
-    onChange: setSelectedTime,
-    version: "V1",
-    verticalSpacing: "small",
-    variant: "card"
-  }));
-};
-TimeInput.propTypes = {
-  availableTimeSlots: array,
-  selectedTime: string,
-  setSelectedTime: func
-};
-export default TimeInput;
+import React from"react";import{array,func,string}from"prop-types";import UTLabel from"../../../UTLabel";import UTRadioGroup from"../../../UTRadioGroup";import styles from"./styles.module.scss";const TimeInput=_ref=>{let{availableTimeSlots:availableTimeSlots,selectedTime:selectedTime,setSelectedTime:setSelectedTime}=_ref;return React.createElement("div",{className:styles.timeInputContainer},React.createElement("div",{className:styles.timeInputHeader},React.createElement(UTLabel,{variant:"subtitle1"},"Seleccione el horario"),React.createElement(UTLabel,null,"Debe seleccionar un horario para continuar")),React.createElement(UTRadioGroup,{options:availableTimeSlots,value:selectedTime,onChange:setSelectedTime,version:"V1",verticalSpacing:"small",variant:"card"}))};TimeInput.propTypes={availableTimeSlots:array,selectedTime:string,setSelectedTime:func};export default TimeInput;

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

@@ -1,9 +1 @@
-export const INPUT_VALUE_DEFAULT = '00:00';
-export const ONLY_ONE_WORK_SCHEDULE = 0;
-export const DAY_FORMAT = 'DD';
-export const FORMAT_DATE = 'YYYY-MM-DD';
-export const ICON_SIZE_DEFAULT = 32;
-export const FIELD_KEYS = {
-  DATE: 'date',
-  TIME: 'time'
-};
+export const INPUT_VALUE_DEFAULT="00:00";export const ONLY_ONE_WORK_SCHEDULE=0;export const DAY_FORMAT="DD";export const FORMAT_DATE="YYYY-MM-DD";export const ICON_SIZE_DEFAULT=32;export const FIELD_KEYS={DATE:"date",TIME:"time"};