@widergy/energy-ui 3.172.3 → 3.173.0

package/dist/components/UTButtonGroup/README.md

@@ -0,0 +1,30 @@
+# UTButtonGroup
+
+A component that renders a group of buttons with consistent styling and behavior. The selected button is highlighted with a `shadow` variant (for `primary` and `neutral` color themes) or `filled` variant (for `negative`), while inactive buttons use the `text` variant.
+
+The container applies padding and border-radius via design tokens (`--UT-buttonGroup-padding`, `--UT-buttonGroup-radius`), making both values overridable per utility.
+
+## Props
+
+| Name       | Type            | Default   | Required | Description                                                                                    |
+| ---------- | :-------------- | --------- | -------- | ---------------------------------------------------------------------------------------------- |
+| actions    | array           | -         | Yes      | Array of action objects to render. Each action must include `Icon`, `id`, and `onClick` props. |
+| colorTheme | string          | 'primary' | No       | The color theme to use. One of: `primary`, `neutral`, `negative`.                              |
+| selected   | string / number | -         | Yes      | ID of the currently active/selected button.                                                    |
+| shape      | string          | 'square'  | No       | Shape of the button group. One of: `square`, `circle`.                                         |
+| size       | string          | 'small'   | No       | Size of the buttons. One of: `small`, `medium`, `large`.                                       |
+
+## Active variant by colorTheme
+
+| colorTheme | Active variant |
+| ---------- | -------------- |
+| primary    | shadow         |
+| neutral    | shadow         |
+| negative   | filled         |
+
+## Design tokens
+
+| Token                    | Default  | Semantic token  | Description                                    |
+| ------------------------ | -------- | --------------- | ---------------------------------------------- |
+| `--UT-buttonGroup-padding` | `0.25rem` | `padding-2xs`  | Padding del contenedor principal               |
+| `--UT-buttonGroup-radius`  | `8px`    | `radius-md`    | Border-radius del contenedor (variante square) |

package/dist/components/UTButtonGroup/constants.js

@@ -1 +1,18 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SQUARE_TYPE=exports.SHADOW_ACTIVE_COLOR_THEMES=exports.DEFAULT_TYPE=exports.DEFAULT_SIZE=exports.DEFAULT_COLOR_THEME=exports.CIRCLE_TYPE=exports.BACKGROUND_COLOR_MAPPER=void 0;const BACKGROUND_COLOR_MAPPER=theme=>({primary:theme.lightBackground,negative:theme.negativeBackground,neutral:theme.lightBackground});exports.BACKGROUND_COLOR_MAPPER=BACKGROUND_COLOR_MAPPER;const CIRCLE_TYPE=exports.CIRCLE_TYPE="circle",SQUARE_TYPE=exports.SQUARE_TYPE="square",DEFAULT_TYPE=exports.DEFAULT_TYPE=SQUARE_TYPE,DEFAULT_COLOR_THEME=exports.DEFAULT_COLOR_THEME="primary",DEFAULT_SIZE=exports.DEFAULT_SIZE="small",SHADOW_ACTIVE_COLOR_THEMES=exports.SHADOW_ACTIVE_COLOR_THEMES=["primary","neutral"];
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SQUARE_TYPE = exports.SHADOW_ACTIVE_COLOR_THEMES = exports.DEFAULT_TYPE = exports.DEFAULT_SIZE = exports.DEFAULT_COLOR_THEME = exports.CIRCLE_TYPE = exports.BACKGROUND_COLOR_MAPPER = void 0;
+const BACKGROUND_COLOR_MAPPER = theme => ({
+  primary: theme.lightBackground,
+  negative: theme.negativeBackground,
+  neutral: theme.lightBackground
+});
+exports.BACKGROUND_COLOR_MAPPER = BACKGROUND_COLOR_MAPPER;
+const CIRCLE_TYPE = exports.CIRCLE_TYPE = 'circle';
+const SQUARE_TYPE = exports.SQUARE_TYPE = 'square';
+const DEFAULT_TYPE = exports.DEFAULT_TYPE = SQUARE_TYPE;
+const DEFAULT_COLOR_THEME = exports.DEFAULT_COLOR_THEME = 'primary';
+const DEFAULT_SIZE = exports.DEFAULT_SIZE = 'small';
+const SHADOW_ACTIVE_COLOR_THEMES = exports.SHADOW_ACTIVE_COLOR_THEMES = ['primary', 'neutral'];

package/dist/components/UTButtonGroup/index.js

@@ -1 +1,62 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTButton=_interopRequireDefault(require("../UTButton")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_theme=require("./theme"),_constants=require("./constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const UTButtonGroup=_ref=>{let{actions:actions,classes:theme,colorTheme:colorTheme=_constants.DEFAULT_COLOR_THEME,selected:selected,shape:type=_constants.DEFAULT_TYPE,size:size=_constants.DEFAULT_SIZE}=_ref;const backgroundColor=(0,_constants.BACKGROUND_COLOR_MAPPER)(theme)[colorTheme]||(0,_constants.BACKGROUND_COLOR_MAPPER)(theme).primary,activeVariant=_constants.SHADOW_ACTIVE_COLOR_THEMES.includes(colorTheme)?"shadow":"filled",inactiveColorTheme=_constants.SHADOW_ACTIVE_COLOR_THEMES.includes(colorTheme)?"gray":colorTheme;return _react.default.createElement("div",{className:"".concat(_stylesModule.default["".concat(type,"Container")]," ").concat(backgroundColor)},actions.map(_ref2=>{let{dataTestId:dataTestId,Icon:Icon,id:id,onClick:onClick,label:label}=_ref2;return _react.default.createElement(_UTButton.default,{colorTheme:selected===id?colorTheme:inactiveColorTheme,dataTestId:dataTestId,Icon:Icon,key:id,onClick:onClick,size:size,variant:selected===id?activeVariant:"text"},label)}))};UTButtonGroup.propTypes={actions:(0,_propTypes.arrayOf)((0,_propTypes.shape)({dataTestId:_propTypes.string,Icon:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.element]),id:(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string]),label:_propTypes.string,onClick:_propTypes.func})).isRequired,classes:(0,_propTypes.objectOf)(_propTypes.string),colorTheme:_propTypes.string,selected:(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string]).isRequired,shape:_propTypes.string,size:_propTypes.string};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTButtonGroup);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var _UTButton = _interopRequireDefault(require("../UTButton"));
+var _WithTheme = _interopRequireDefault(require("../WithTheme"));
+var _theme = require("./theme");
+var _constants = require("./constants");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const UTButtonGroup = _ref => {
+  let {
+    actions,
+    classes: theme,
+    colorTheme = _constants.DEFAULT_COLOR_THEME,
+    selected,
+    shape: type = _constants.DEFAULT_TYPE,
+    size = _constants.DEFAULT_SIZE
+  } = _ref;
+  const backgroundColor = (0, _constants.BACKGROUND_COLOR_MAPPER)(theme)[colorTheme] || (0, _constants.BACKGROUND_COLOR_MAPPER)(theme).primary;
+  const activeVariant = _constants.SHADOW_ACTIVE_COLOR_THEMES.includes(colorTheme) ? 'shadow' : 'filled';
+  const inactiveColorTheme = _constants.SHADOW_ACTIVE_COLOR_THEMES.includes(colorTheme) ? 'gray' : colorTheme;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default["".concat(type, "Container")], " ").concat(backgroundColor)
+  }, actions.map(_ref2 => {
+    let {
+      dataTestId,
+      Icon,
+      id,
+      onClick,
+      label
+    } = _ref2;
+    return /*#__PURE__*/_react.default.createElement(_UTButton.default, {
+      colorTheme: selected === id ? colorTheme : inactiveColorTheme,
+      dataTestId: dataTestId,
+      Icon: Icon,
+      key: id,
+      onClick: onClick,
+      size: size,
+      variant: selected === id ? activeVariant : 'text'
+    }, label);
+  }));
+};
+UTButtonGroup.propTypes = {
+  actions: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+    dataTestId: _propTypes.string,
+    Icon: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.element]),
+    id: (0, _propTypes.oneOfType)([_propTypes.number, _propTypes.string]),
+    label: _propTypes.string,
+    onClick: _propTypes.func
+  })).isRequired,
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  colorTheme: _propTypes.string,
+  selected: (0, _propTypes.oneOfType)([_propTypes.number, _propTypes.string]).isRequired,
+  shape: _propTypes.string,
+  size: _propTypes.string
+};
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTButtonGroup);

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

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Primary = exports.Playground = exports.Neutral = exports.Negative = exports.Circle = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ = _interopRequireDefault(require(".."));
+var _storiesConstants = require("./storiesConstants");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const InteractiveButtonGroup = args => {
+  const [selected, setSelected] = (0, _react.useState)(args.selected);
+  const actions = args.actions.map(action => ({
+    ...action,
+    onClick: () => setSelected(action.id)
+  }));
+  return /*#__PURE__*/_react.default.createElement(_.default, _extends({}, args, {
+    actions: actions,
+    selected: selected
+  }));
+};
+var _default = exports.default = {
+  title: 'Energy-UI/UTButtonGroup',
+  component: _.default,
+  args: {
+    actions: _storiesConstants.COMMON_ACTIONS,
+    ..._storiesConstants.COMMON_ARGS
+  },
+  argTypes: {
+    ..._storiesConstants.COMMON_ARG_TYPES
+  },
+  parameters: {
+    docs: {
+      description: {
+        component: 'Grupo de botones con selección activa. El botón activo usa variante `shadow` (primary/neutral) o `filled` (negative). El contenedor aplica padding y border-radius via design tokens.'
+      }
+    }
+  }
+};
+const Playground = exports.Playground = {
+  name: 'Playground',
+  render: InteractiveButtonGroup
+};
+const Primary = exports.Primary = {
+  args: {
+    colorTheme: 'primary',
+    selected: _storiesConstants.COMMON_ACTIONS[0].id
+  },
+  render: InteractiveButtonGroup
+};
+const Neutral = exports.Neutral = {
+  args: {
+    colorTheme: 'neutral',
+    selected: _storiesConstants.COMMON_ACTIONS[0].id
+  },
+  render: InteractiveButtonGroup
+};
+const Negative = exports.Negative = {
+  args: {
+    colorTheme: 'negative',
+    selected: _storiesConstants.COMMON_ACTIONS[0].id
+  },
+  parameters: {
+    backgrounds: {
+      default: 'Oscuro'
+    }
+  },
+  render: InteractiveButtonGroup
+};
+const Circle = exports.Circle = {
+  args: {
+    shape: 'circle',
+    selected: _storiesConstants.COMMON_ACTIONS[0].id
+  },
+  render: InteractiveButtonGroup
+};

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

@@ -1 +1,51 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SIZE_OPTIONS=exports.SHAPE_OPTIONS=exports.COMMON_ARG_TYPES=exports.COMMON_ARGS=exports.COMMON_ACTIONS=exports.COLOR_THEME_OPTIONS=void 0;var _constants=require("../constants");const COMMON_ACTIONS=exports.COMMON_ACTIONS=[{Icon:"IconPencil",id:"edit",label:"Editar"},{Icon:"IconTrash",id:"delete",label:"Eliminar"},{Icon:"IconEye",id:"view",label:"Ver"}],COLOR_THEME_OPTIONS=exports.COLOR_THEME_OPTIONS=["primary","neutral","negative"],SHAPE_OPTIONS=exports.SHAPE_OPTIONS=[_constants.SQUARE_TYPE,_constants.CIRCLE_TYPE],SIZE_OPTIONS=exports.SIZE_OPTIONS=["small","medium","large"],COMMON_ARG_TYPES=exports.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}},COMMON_ARGS=exports.COMMON_ARGS={colorTheme:_constants.DEFAULT_COLOR_THEME,selected:COMMON_ACTIONS[0].id,shape:_constants.DEFAULT_TYPE,size:_constants.DEFAULT_SIZE};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SIZE_OPTIONS = exports.SHAPE_OPTIONS = exports.COMMON_ARG_TYPES = exports.COMMON_ARGS = exports.COMMON_ACTIONS = exports.COLOR_THEME_OPTIONS = void 0;
+var _constants = require("../constants");
+const COMMON_ACTIONS = exports.COMMON_ACTIONS = [{
+  Icon: 'IconPencil',
+  id: 'edit',
+  label: 'Editar'
+}, {
+  Icon: 'IconTrash',
+  id: 'delete',
+  label: 'Eliminar'
+}, {
+  Icon: 'IconEye',
+  id: 'view',
+  label: 'Ver'
+}];
+const COLOR_THEME_OPTIONS = exports.COLOR_THEME_OPTIONS = ['primary', 'neutral', 'negative'];
+const SHAPE_OPTIONS = exports.SHAPE_OPTIONS = [_constants.SQUARE_TYPE, _constants.CIRCLE_TYPE];
+const SIZE_OPTIONS = exports.SIZE_OPTIONS = ['small', 'medium', 'large'];
+const COMMON_ARG_TYPES = exports.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
+  }
+};
+const COMMON_ARGS = exports.COMMON_ARGS = {
+  colorTheme: _constants.DEFAULT_COLOR_THEME,
+  selected: COMMON_ACTIONS[0].id,
+  shape: _constants.DEFAULT_TYPE,
+  size: _constants.DEFAULT_SIZE
+};

package/dist/components/UTButtonGroup/theme.js

@@ -1 +1,21 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;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"]}}};exports.retrieveStyle=retrieveStyle;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.retrieveStyle = void 0;
+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']
+    }
+  };
+};
+exports.retrieveStyle = retrieveStyle;

package/dist/components/UTCBUInput/index.js

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

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

@@ -1 +1,96 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_formTypes=require("../../../../types/formTypes"),_UTTextInput=_interopRequireDefault(require("../../../UTTextInput")),_WithTheme=_interopRequireDefault(require("../../../WithTheme")),_theme=require("./theme");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}const 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]=(0,_react.useState)("");return _react.default.createElement(_UTTextInput.default,{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:(0,_propTypes.objectOf)(_propTypes.string),dataTestId:_propTypes.string,field:(0,_propTypes.shape)({placeholder:_propTypes.string,title:_propTypes.string,configuration:(0,_propTypes.shape)({entities:_propTypes.array}),cbu_number_key:_propTypes.string,cbu_entity_key:_propTypes.string}),helperTextDataTestId:_propTypes.string,input:(0,_propTypes.shape)({onChange:_propTypes.func,value:(0,_propTypes.shape)({cbuNumber:_propTypes.string,entityName:_propTypes.string})}),meta:_formTypes.metaPropTypes};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTCBUInput);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _formTypes = require("../../../../types/formTypes");
+var _UTTextInput = _interopRequireDefault(require("../../../UTTextInput"));
+var _WithTheme = _interopRequireDefault(require("../../../WithTheme"));
+var _theme = require("./theme");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const 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] = (0, _react.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.default.createElement(_UTTextInput.default, {
+    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: (0, _propTypes.objectOf)(_propTypes.string),
+  dataTestId: _propTypes.string,
+  field: (0, _propTypes.shape)({
+    placeholder: _propTypes.string,
+    title: _propTypes.string,
+    configuration: (0, _propTypes.shape)({
+      entities: _propTypes.array
+    }),
+    cbu_number_key: _propTypes.string,
+    cbu_entity_key: _propTypes.string
+  }),
+  helperTextDataTestId: _propTypes.string,
+  input: (0, _propTypes.shape)({
+    onChange: _propTypes.func,
+    value: (0, _propTypes.shape)({
+      cbuNumber: _propTypes.string,
+      entityName: _propTypes.string
+    })
+  }),
+  meta: _formTypes.metaPropTypes
+};
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTCBUInput);

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

@@ -1 +1,18 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _seamlessImmutable=require("seamless-immutable");const retrieveStyle=_ref=>{let{theme:theme}=_ref;return{helper:{color:(0,_seamlessImmutable.getIn)(theme,["UTCBUInput","helper","color"])}}};exports.retrieveStyle=retrieveStyle;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.retrieveStyle = void 0;
+var _seamlessImmutable = require("seamless-immutable");
+const retrieveStyle = _ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    helper: {
+      color: (0, _seamlessImmutable.getIn)(theme, ['UTCBUInput', 'helper', 'color'])
+    }
+  };
+};
+exports.retrieveStyle = retrieveStyle;

package/dist/components/UTCBUInput/versions/V1/README.md

@@ -0,0 +1,46 @@
+# UTCBUInput
+
+## Description
+
+`UTCBUInput` is a configurable input component for handling CBU (Clave Bancaria Uniforme) numbers, often used in banking contexts. It allows users to input a CBU number and automatically detects the corresponding entity (e.g., bank name) based on predefined rules. The component provides validation feedback, supports error messages, and can be customized through various props.
+
+## Props
+
+| Name                | Type                                                                       | Default | Description                                                                                                |
+| ------------------- | -------------------------------------------------------------------------- | ------- | ---------------------------------------------------------------------------------------------------------- |
+| entityConfiguration | shape({ cbu_number_key: string, cbu_entity_key: string, entities: array }) |         | Configuration for handling CBU numbers, including keys for CBU number and entity, and entity list.         |
+| error               | string                                                                     |         | Error message to display below the input field.                                                            |
+| onChange            | func                                                                       |         | Callback function triggered when the input value changes. Returns an object containing the CBU and entity. |
+| value               | shape({ cbuNumber: string, entityName: string })                           | `{}`    | Initial value for the CBU input. Expected format is an object with `cbuNumber` and `entityName`.           |
+| ...props            | any                                                                        |         | Inherits all other props from `UTTextInput`.                                                               |
+
+### Entity Configuration
+
+The `entityConfiguration` prop defines the configuration for CBU numbers and includes the following keys:
+
+- **cbu_number_key**: The key for accessing the CBU number within the `value` object.
+- **cbu_entity_key**: The key for accessing the entity name within the `value` object.
+- **entities**: An array of objects, each containing `expression` (a regex pattern to match the CBU) and `entity_name` (the name of the entity to display).
+
+### Handling Errors and Validations
+
+Errors and validations are managed through the `error` and `validations` props:
+
+- The `error` prop will display an error message below the input if a validation fails.
+- The `validations` prop displays the detected entity name in a validation format if the CBU is valid.
+
+If the `error` prop is set, any entity-related validation message will be hidden, ensuring only one validation message appears at a time.
+
+### Example Configuration for entityConfiguration
+
+```javascript
+const fieldConfiguration = {
+  cbu_number_key: 'CBU',
+  cbu_entity_key: 'BANK',
+  entities: [
+    { expression: '^005', entity_name: 'A.B.N. AMRO BANK N.V.' },
+    { expression: '^006', entity_name: 'BANCO SUDAMERIS' }
+    // Additional entities...
+  ]
+};
+```

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

@@ -1 +1,69 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_V=require("../../../UTTextInput/versions/V1"),_UTTextInput=_interopRequireDefault(require("../../../UTTextInput"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}const 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=(0,_react.useMemo)(()=>findEntity(value[cbuNumberKey]||""),[value,cbuNumberKey,entities]),validations=(0,_react.useMemo)(()=>entity&&!error?[{items:[{text:entity,withIcon:!1}]}]:[],[entity,error]);return _react.default.createElement(_UTTextInput.default,_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:_propTypes.string,cbu_number_key:_propTypes.string,entities:_propTypes.array,error:_propTypes.string,onChange:_propTypes.func,value:(0,_propTypes.shape)({cbuNumber:_propTypes.string,entityName:_propTypes.string}),..._V.propTypes};var _default=exports.default=UTCBUInput;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _V = require("../../../UTTextInput/versions/V1");
+var _UTTextInput = _interopRequireDefault(require("../../../UTTextInput"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const 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 = (0, _react.useMemo)(() => findEntity(value[cbuNumberKey] || ''), [value, cbuNumberKey, entities]);
+  const validations = (0, _react.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.default.createElement(_UTTextInput.default, _extends({}, props, {
+    error: error,
+    onBlur: undefined,
+    onChange: onChangeText,
+    type: "numeric",
+    validations: validations,
+    value: value[cbuNumberKey],
+    version: "V1"
+  }));
+};
+UTCBUInput.propTypes = {
+  cbu_entity_key: _propTypes.string,
+  cbu_number_key: _propTypes.string,
+  entities: _propTypes.array,
+  error: _propTypes.string,
+  onChange: _propTypes.func,
+  value: (0, _propTypes.shape)({
+    cbuNumber: _propTypes.string,
+    entityName: _propTypes.string
+  }),
+  ..._V.propTypes
+};
+var _default = exports.default = UTCBUInput;

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

@@ -1 +1,37 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_dayjs=_interopRequireDefault(require("dayjs")),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../../../UTTouchableWithoutFeedback")),_constants=require("../../constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const GenericRenderDay=_ref=>{let{date:date,bookingOptions:bookingOptions,selectedDayIndex:selectedDayIndex,setSelectedDayIndex:setSelectedDayIndex,dayInCurrentMonth:dayInCurrentMonth}=_ref;const index=bookingOptions.findIndex(item=>(0,_dayjs.default)(item.value).isSame((0,_dayjs.default)(date),"day")),available=dayInCurrentMonth&&-1!==index,isSelected=index===selectedDayIndex;return _react.default.createElement(_UTTouchableWithoutFeedback.default,{className:"".concat(_stylesModule.default.daysRender,"  ").concat(!available&&_stylesModule.default.disabledButton," ").concat(isSelected&&_stylesModule.default.selectedDay," ").concat(!dayInCurrentMonth&&_stylesModule.default.notInCurrentMonth),onClick:available?()=>setSelectedDayIndex(index):void 0},dayInCurrentMonth?(0,_dayjs.default)(date).format(_constants.DAY_FORMAT):"")};GenericRenderDay.propTypes={date:_propTypes.object,bookingOptions:_propTypes.object,selectedDayIndex:_propTypes.number,setSelectedDayIndex:_propTypes.func,dayInCurrentMonth:_propTypes.bool};var _default=exports.default=GenericRenderDay;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _UTTouchableWithoutFeedback = _interopRequireDefault(require("../../../UTTouchableWithoutFeedback"));
+var _constants = require("../../constants");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const GenericRenderDay = _ref => {
+  let {
+    date,
+    bookingOptions,
+    selectedDayIndex,
+    setSelectedDayIndex,
+    dayInCurrentMonth
+  } = _ref;
+  const index = bookingOptions.findIndex(item => (0, _dayjs.default)(item.value).isSame((0, _dayjs.default)(date), 'day'));
+  const available = dayInCurrentMonth && index !== -1;
+  const isSelected = index === selectedDayIndex;
+  return /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
+    className: "".concat(_stylesModule.default.daysRender, "  ").concat(!available && _stylesModule.default.disabledButton, " ").concat(isSelected && _stylesModule.default.selectedDay, " ").concat(!dayInCurrentMonth && _stylesModule.default.notInCurrentMonth),
+    onClick: available ? () => setSelectedDayIndex(index) : undefined
+  }, dayInCurrentMonth ? (0, _dayjs.default)(date).format(_constants.DAY_FORMAT) : '');
+};
+GenericRenderDay.propTypes = {
+  date: _propTypes.object,
+  bookingOptions: _propTypes.object,
+  selectedDayIndex: _propTypes.number,
+  setSelectedDayIndex: _propTypes.func,
+  dayInCurrentMonth: _propTypes.bool
+};
+var _default = exports.default = GenericRenderDay;

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

@@ -1 +1,39 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_UTRadioGroup=_interopRequireDefault(require("../../../UTRadioGroup")),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const TimeInput=_ref=>{let{availableTimeSlots:availableTimeSlots,selectedTime:selectedTime,setSelectedTime:setSelectedTime}=_ref;return _react.default.createElement("div",{className:_stylesModule.default.timeInputContainer},_react.default.createElement("div",{className:_stylesModule.default.timeInputHeader},_react.default.createElement(_UTLabel.default,{variant:"subtitle1"},"Seleccione el horario"),_react.default.createElement(_UTLabel.default,null,"Debe seleccionar un horario para continuar")),_react.default.createElement(_UTRadioGroup.default,{options:availableTimeSlots,value:selectedTime,onChange:setSelectedTime,version:"V1",verticalSpacing:"small",variant:"card"}))};TimeInput.propTypes={availableTimeSlots:_propTypes.array,selectedTime:_propTypes.string,setSelectedTime:_propTypes.func};var _default=exports.default=TimeInput;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
+var _UTRadioGroup = _interopRequireDefault(require("../../../UTRadioGroup"));
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const TimeInput = _ref => {
+  let {
+    availableTimeSlots,
+    selectedTime,
+    setSelectedTime
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.timeInputContainer
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.timeInputHeader
+  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    variant: "subtitle1"
+  }, "Seleccione el horario"), /*#__PURE__*/_react.default.createElement(_UTLabel.default, null, "Debe seleccionar un horario para continuar")), /*#__PURE__*/_react.default.createElement(_UTRadioGroup.default, {
+    options: availableTimeSlots,
+    value: selectedTime,
+    onChange: setSelectedTime,
+    version: "V1",
+    verticalSpacing: "small",
+    variant: "card"
+  }));
+};
+TimeInput.propTypes = {
+  availableTimeSlots: _propTypes.array,
+  selectedTime: _propTypes.string,
+  setSelectedTime: _propTypes.func
+};
+var _default = exports.default = TimeInput;

package/dist/components/UTCalendar/constants.js

@@ -1 +1,15 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ONLY_ONE_WORK_SCHEDULE=exports.INPUT_VALUE_DEFAULT=exports.ICON_SIZE_DEFAULT=exports.FORMAT_DATE=exports.FIELD_KEYS=exports.DAY_FORMAT=void 0;const INPUT_VALUE_DEFAULT=exports.INPUT_VALUE_DEFAULT="00:00",ONLY_ONE_WORK_SCHEDULE=exports.ONLY_ONE_WORK_SCHEDULE=0,DAY_FORMAT=exports.DAY_FORMAT="DD",FORMAT_DATE=exports.FORMAT_DATE="YYYY-MM-DD",ICON_SIZE_DEFAULT=exports.ICON_SIZE_DEFAULT=32,FIELD_KEYS=exports.FIELD_KEYS={DATE:"date",TIME:"time"};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ONLY_ONE_WORK_SCHEDULE = exports.INPUT_VALUE_DEFAULT = exports.ICON_SIZE_DEFAULT = exports.FORMAT_DATE = exports.FIELD_KEYS = exports.DAY_FORMAT = void 0;
+const INPUT_VALUE_DEFAULT = exports.INPUT_VALUE_DEFAULT = '00:00';
+const ONLY_ONE_WORK_SCHEDULE = exports.ONLY_ONE_WORK_SCHEDULE = 0;
+const DAY_FORMAT = exports.DAY_FORMAT = 'DD';
+const FORMAT_DATE = exports.FORMAT_DATE = 'YYYY-MM-DD';
+const ICON_SIZE_DEFAULT = exports.ICON_SIZE_DEFAULT = 32;
+const FIELD_KEYS = exports.FIELD_KEYS = {
+  DATE: 'date',
+  TIME: 'time'
+};