@widergy/energy-ui 3.172.3 → 3.173.0

package/dist/components/UTBaseInputField/UTBaseInputField.stories.js

@@ -0,0 +1,393 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VarianteTransparente = exports.VarianteGris = exports.SoloLectura = exports.Playground = exports.Pequeno = exports.MultipleAdornos = exports.Multilinea = exports.Deshabilitado = exports.Default = exports.ConTooltip = exports.ConSuffix = exports.ConPrefix = exports.ConIconoIzquierdo = exports.ConIconoDerecho = exports.ConError = exports.ConContadorDeCaracteres = exports.ConAccion = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Search = _interopRequireDefault(require("@material-ui/icons/Search"));
+var _Visibility = _interopRequireDefault(require("@material-ui/icons/Visibility"));
+var _constants = require("./constants");
+var _ = _interopRequireDefault(require("."));
+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); }
+var _default = exports.default = {
+  title: 'Energy-UI/UTBaseInputField',
+  component: _.default,
+  args: {
+    placeholder: 'Ingresá un valor...',
+    value: ''
+  },
+  argTypes: {
+    placeholder: {
+      control: 'text',
+      description: 'Texto de placeholder.',
+      table: {
+        defaultValue: {
+          summary: 'undefined'
+        },
+        type: {
+          summary: 'string'
+        }
+      }
+    },
+    value: {
+      control: 'text',
+      description: 'Valor actual del campo.',
+      table: {
+        defaultValue: {
+          summary: 'null'
+        },
+        type: {
+          summary: 'string'
+        }
+      }
+    },
+    onChange: {
+      action: 'onChange',
+      description: 'Callback al cambiar el valor. Recibe el string del nuevo valor.',
+      table: {
+        type: {
+          summary: 'func'
+        }
+      }
+    },
+    disabled: {
+      control: 'boolean',
+      description: 'Deshabilita el campo.',
+      table: {
+        defaultValue: {
+          summary: 'false'
+        },
+        type: {
+          summary: 'bool'
+        }
+      }
+    },
+    readOnly: {
+      control: 'boolean',
+      description: 'Campo de solo lectura. No aplica estilos de borde ni fondo.',
+      table: {
+        defaultValue: {
+          summary: 'false'
+        },
+        type: {
+          summary: 'bool'
+        }
+      }
+    },
+    error: {
+      control: 'boolean',
+      description: 'Aplica los estilos de error al campo.',
+      table: {
+        defaultValue: {
+          summary: 'false'
+        },
+        type: {
+          summary: 'bool | string'
+        }
+      }
+    },
+    variant: {
+      control: 'select',
+      description: 'Variante visual. `default` tiene fondo blanco con borde, `gray` tiene fondo gris sin borde, `transparent` no tiene fondo ni borde.',
+      options: ['default', 'gray', 'transparent'],
+      table: {
+        defaultValue: {
+          summary: 'default'
+        },
+        type: {
+          summary: "'default' | 'gray' | 'transparent'"
+        }
+      }
+    },
+    inputSize: {
+      control: 'select',
+      description: 'Tamaño del campo. Afecta el padding interno.',
+      options: ['medium', 'small'],
+      table: {
+        defaultValue: {
+          summary: 'medium'
+        },
+        type: {
+          summary: "'medium' | 'small'"
+        }
+      }
+    },
+    maxLength: {
+      control: 'number',
+      description: 'Límite de caracteres.',
+      table: {
+        defaultValue: {
+          summary: 'undefined'
+        },
+        type: {
+          summary: 'number'
+        }
+      }
+    },
+    showCharacterCount: {
+      control: 'boolean',
+      description: 'Muestra el contador de caracteres a la izquierda (requiere `maxLength`).',
+      table: {
+        defaultValue: {
+          summary: 'false'
+        },
+        type: {
+          summary: 'bool'
+        }
+      }
+    },
+    maxRows: {
+      control: 'number',
+      description: 'Cantidad de filas. Si es mayor a 1, el campo se vuelve multilínea.',
+      table: {
+        defaultValue: {
+          summary: '1'
+        },
+        type: {
+          summary: 'number'
+        }
+      }
+    },
+    type: {
+      control: 'select',
+      description: 'Tipo de input. `numeric` filtra solo dígitos.',
+      options: ['text', 'password', 'email', 'numeric'],
+      table: {
+        defaultValue: {
+          summary: 'text'
+        },
+        type: {
+          summary: 'string'
+        }
+      }
+    },
+    leftAdornments: {
+      control: 'object',
+      description: 'Arreglo de adornos para el lado izquierdo. Cada item tiene `{ name, props }` usando los nombres de `COMPONENT_KEYS`.',
+      table: {
+        defaultValue: {
+          summary: '[]'
+        },
+        type: {
+          summary: 'Array<{ name: string, props: object }>'
+        }
+      }
+    },
+    rightAdornments: {
+      control: 'object',
+      description: 'Arreglo de adornos para el lado derecho.',
+      table: {
+        defaultValue: {
+          summary: '[]'
+        },
+        type: {
+          summary: 'Array<{ name: string, props: object }>'
+        }
+      }
+    }
+  },
+  parameters: {
+    docs: {
+      description: {
+        component: 'UTBaseInputField es el campo de texto base del design system. Maneja adornos (íconos, prefijos, sufijos, acciones, tooltips, badges), estilos por variante y estado, y el contador de caracteres. Normalmente se usa a través de UTTextInput.'
+      }
+    }
+  }
+};
+const Stateful = args => {
+  var _args$value;
+  const [value, setValue] = (0, _react.useState)((_args$value = args.value) !== null && _args$value !== void 0 ? _args$value : '');
+  return /*#__PURE__*/_react.default.createElement(_.default, _extends({}, args, {
+    value: value,
+    onChange: setValue
+  }));
+};
+const Playground = exports.Playground = {
+  render: args => /*#__PURE__*/_react.default.createElement(Stateful, args),
+  args: {
+    placeholder: 'Escribí algo...'
+  },
+  name: 'Playground'
+};
+const Default = exports.Default = {
+  render: args => /*#__PURE__*/_react.default.createElement(Stateful, args),
+  args: {
+    placeholder: 'Ingresá un valor...'
+  }
+};
+const VarianteGris = exports.VarianteGris = {
+  render: args => /*#__PURE__*/_react.default.createElement(Stateful, args),
+  args: {
+    placeholder: 'Variante gris',
+    variant: 'gray'
+  },
+  name: 'Variante gris'
+};
+const VarianteTransparente = exports.VarianteTransparente = {
+  render: args => /*#__PURE__*/_react.default.createElement(Stateful, args),
+  args: {
+    placeholder: 'Variante transparente',
+    variant: 'transparent'
+  },
+  name: 'Variante transparente'
+};
+const ConError = exports.ConError = {
+  args: {
+    placeholder: 'Campo con error',
+    value: 'valor inválido',
+    error: true
+  },
+  name: 'Con error'
+};
+const Deshabilitado = exports.Deshabilitado = {
+  args: {
+    placeholder: 'Campo deshabilitado',
+    disabled: true
+  }
+};
+const SoloLectura = exports.SoloLectura = {
+  args: {
+    value: 'Valor de solo lectura',
+    readOnly: true
+  },
+  name: 'Solo lectura'
+};
+const Pequeno = exports.Pequeno = {
+  render: args => /*#__PURE__*/_react.default.createElement(Stateful, args),
+  args: {
+    placeholder: 'Campo pequeño',
+    inputSize: 'small'
+  },
+  name: 'Pequeño'
+};
+const ConIconoIzquierdo = exports.ConIconoIzquierdo = {
+  render: args => /*#__PURE__*/_react.default.createElement(Stateful, args),
+  args: {
+    placeholder: 'Buscá...',
+    leftAdornments: [{
+      name: _constants.COMPONENT_KEYS.ICON,
+      props: {
+        Icon: _Search.default
+      }
+    }]
+  },
+  name: 'Con ícono izquierdo'
+};
+const ConIconoDerecho = exports.ConIconoDerecho = {
+  render: args => /*#__PURE__*/_react.default.createElement(Stateful, args),
+  args: {
+    placeholder: '••••••••',
+    type: 'password',
+    rightAdornments: [{
+      name: _constants.COMPONENT_KEYS.ICON,
+      props: {
+        Icon: _Visibility.default
+      }
+    }]
+  },
+  name: 'Con ícono derecho'
+};
+const ConPrefix = exports.ConPrefix = {
+  render: args => /*#__PURE__*/_react.default.createElement(Stateful, args),
+  args: {
+    placeholder: '0,00',
+    leftAdornments: [{
+      name: _constants.COMPONENT_KEYS.PREFIX,
+      props: {
+        text: '$'
+      }
+    }]
+  },
+  name: 'Con prefijo'
+};
+const ConSuffix = exports.ConSuffix = {
+  render: args => /*#__PURE__*/_react.default.createElement(Stateful, args),
+  args: {
+    placeholder: '0',
+    rightAdornments: [{
+      name: _constants.COMPONENT_KEYS.SUFFIX,
+      props: {
+        text: 'kg'
+      }
+    }]
+  },
+  name: 'Con sufijo'
+};
+const ConTooltip = exports.ConTooltip = {
+  render: args => /*#__PURE__*/_react.default.createElement(Stateful, args),
+  args: {
+    placeholder: 'CUIT sin guiones',
+    rightAdornments: [{
+      name: _constants.COMPONENT_KEYS.TOOLTIP,
+      props: {
+        tooltip: 'Ingresá el CUIT sin guiones. Ej: 20123456789'
+      }
+    }]
+  },
+  name: 'Con tooltip'
+};
+const ConAccion = exports.ConAccion = {
+  render: args => /*#__PURE__*/_react.default.createElement(Stateful, args),
+  args: {
+    placeholder: 'Ingresá un domicilio...',
+    rightAdornments: [{
+      name: _constants.COMPONENT_KEYS.ACTION,
+      props: {
+        action: {
+          title: 'Buscar',
+          variant: 'text',
+          colorTheme: 'accent',
+          size: 'small',
+          onClick: () => {}
+        }
+      }
+    }]
+  },
+  name: 'Con acción'
+};
+const ConContadorDeCaracteres = exports.ConContadorDeCaracteres = {
+  render: args => /*#__PURE__*/_react.default.createElement(Stateful, args),
+  args: {
+    placeholder: 'Límite de 80 caracteres',
+    maxLength: 80,
+    showCharacterCount: true
+  },
+  name: 'Con contador de caracteres'
+};
+const MultipleAdornos = exports.MultipleAdornos = {
+  render: args => /*#__PURE__*/_react.default.createElement(Stateful, args),
+  args: {
+    placeholder: 'Monto en dólares',
+    leftAdornments: [{
+      name: _constants.COMPONENT_KEYS.PREFIX,
+      props: {
+        text: 'USD'
+      }
+    }],
+    rightAdornments: [{
+      name: _constants.COMPONENT_KEYS.SUFFIX,
+      props: {
+        text: '.00'
+      }
+    }, {
+      name: _constants.COMPONENT_KEYS.TOOLTIP,
+      props: {
+        tooltip: 'Ingresá el monto en dólares estadounidenses.'
+      }
+    }]
+  },
+  name: 'Múltiples adornos'
+};
+const Multilinea = exports.Multilinea = {
+  render: args => /*#__PURE__*/_react.default.createElement(Stateful, args),
+  args: {
+    placeholder: 'Escribí aquí...',
+    maxRows: 4,
+    maxLength: 200,
+    showCharacterCount: true
+  },
+  name: 'Multilínea'
+};

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

@@ -1 +1,42 @@
-"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")),_UTTooltip=_interopRequireDefault(require("../../../UTTooltip"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}const ActionAdornment=_ref=>{let{action:action={},dataTestId:dataTestId,disabled:disabled,classNames:classNames}=_ref;return action?_react.default.createElement(_UTTooltip.default,{arrow:!1,tippyProps:{appendTo:()=>document.body,interactive:!1},content:action.tooltip},_react.default.createElement("div",null,_react.default.createElement(_UTButton.default,_extends({classNames:classNames,dataTestId:dataTestId,disabled:disabled,size:"small",variant:"text"},action),action.text))):null};ActionAdornment.propTypes={action:_propTypes.object,classNames:(0,_propTypes.objectOf)(_propTypes.string),dataTestId:_propTypes.string,disabled:_propTypes.bool};var _default=exports.default=ActionAdornment;
+"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 _UTTooltip = _interopRequireDefault(require("../../../UTTooltip"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const ActionAdornment = _ref => {
+  let {
+    action = {},
+    dataTestId,
+    disabled,
+    classNames
+  } = _ref;
+  if (!action) return null;
+  return /*#__PURE__*/_react.default.createElement(_UTTooltip.default, {
+    arrow: false,
+    tippyProps: {
+      appendTo: () => document.body,
+      interactive: false
+    },
+    content: action.tooltip
+  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
+    classNames: classNames,
+    dataTestId: dataTestId,
+    disabled: disabled,
+    size: "small",
+    variant: "text"
+  }, action), action.text)));
+};
+ActionAdornment.propTypes = {
+  action: _propTypes.object,
+  classNames: (0, _propTypes.objectOf)(_propTypes.string),
+  dataTestId: _propTypes.string,
+  disabled: _propTypes.bool
+};
+var _default = exports.default = ActionAdornment;

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

@@ -1 +1,24 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTBadge=_interopRequireDefault(require("../../../UTBadge"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const BadgeAdornment=_ref=>{let{text:text,colorTheme:colorTheme}=_ref;return _react.default.createElement(_UTBadge.default,{colorTheme:colorTheme},text)};BadgeAdornment.propTypes={colorTheme:_propTypes.string,text:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number])};var _default=exports.default=BadgeAdornment;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var _UTBadge = _interopRequireDefault(require("../../../UTBadge"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const BadgeAdornment = _ref => {
+  let {
+    text,
+    colorTheme
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_UTBadge.default, {
+    colorTheme: colorTheme
+  }, text);
+};
+BadgeAdornment.propTypes = {
+  colorTheme: _propTypes.string,
+  text: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.number])
+};
+var _default = exports.default = BadgeAdornment;

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

@@ -1 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ICON_SIZE=exports.ERROR_ICON=void 0;const ERROR_ICON=exports.ERROR_ICON="IconAlertCircle",ICON_SIZE=exports.ICON_SIZE=20;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ICON_SIZE = exports.ERROR_ICON = void 0;
+const ERROR_ICON = exports.ERROR_ICON = 'IconAlertCircle';
+const ICON_SIZE = exports.ICON_SIZE = 20;

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

@@ -1 +1,55 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTIcon=_interopRequireDefault(require("../../../UTIcon")),_componentUtils=require("../../../../utils/componentUtils"),_constants=require("./constants"),_utils=require("./utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}const IconAdornment=_ref=>{var _inputStyle$root;let{changeIconOnError:changeIconOnError=!0,changeOnError:changeOnError,changeOnFocus:changeOnFocus,colorTheme:colorTheme,error:error,focused:focused,Icon:Icon,inputStyle:inputStyle,shade:shade,showOnlyOnError:showOnlyOnError}=_ref;const effectiveChangeOnError=showOnlyOnError||changeOnError;if(showOnlyOnError&&!error)return null;const IconToRender=error&&changeIconOnError?_constants.ERROR_ICON:Icon;return IconToRender?(0,_componentUtils.isUTIcon)(IconToRender)?_react.default.createElement(_UTIcon.default,_extends({name:IconToRender,size:_constants.ICON_SIZE},(0,_utils.getIconColorProps)(effectiveChangeOnError,changeOnFocus,colorTheme,error,focused,shade))):_react.default.createElement(Icon,{size:_constants.ICON_SIZE,fill:null==inputStyle||null===(_inputStyle$root=inputStyle.root)||void 0===_inputStyle$root?void 0:_inputStyle$root.color}):null};IconAdornment.propTypes={changeIconOnError:_propTypes.bool,changeOnError:_propTypes.bool,changeOnFocus:_propTypes.bool,colorTheme:_propTypes.string,error:(0,_propTypes.oneOfType)([_propTypes.bool,_propTypes.string]),focused:_propTypes.bool,Icon:_propTypes.elementType,inputStyle:(0,_propTypes.shape)({root:_propTypes.object}),shade:_propTypes.string,showOnlyOnError:_propTypes.bool};var _default=exports.default=IconAdornment;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var _UTIcon = _interopRequireDefault(require("../../../UTIcon"));
+var _componentUtils = require("../../../../utils/componentUtils");
+var _constants = require("./constants");
+var _utils = require("./utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const IconAdornment = _ref => {
+  var _inputStyle$root;
+  let {
+    changeIconOnError = true,
+    changeOnError,
+    changeOnFocus,
+    colorTheme,
+    error,
+    focused,
+    Icon,
+    inputStyle,
+    shade,
+    showOnlyOnError
+  } = _ref;
+  const effectiveChangeOnError = showOnlyOnError || changeOnError;
+  if (showOnlyOnError && !error) return null;
+  const IconToRender = error && changeIconOnError ? _constants.ERROR_ICON : Icon;
+  if (!IconToRender) return null;
+  return (0, _componentUtils.isUTIcon)(IconToRender) ? /*#__PURE__*/_react.default.createElement(_UTIcon.default, _extends({
+    name: IconToRender,
+    size: _constants.ICON_SIZE
+  }, (0, _utils.getIconColorProps)(effectiveChangeOnError, changeOnFocus, colorTheme, error, focused, shade))) : /*#__PURE__*/_react.default.createElement(Icon, {
+    size: _constants.ICON_SIZE,
+    fill: inputStyle === null || inputStyle === void 0 || (_inputStyle$root = inputStyle.root) === null || _inputStyle$root === void 0 ? void 0 : _inputStyle$root.color
+  });
+};
+IconAdornment.propTypes = {
+  changeIconOnError: _propTypes.bool,
+  changeOnError: _propTypes.bool,
+  changeOnFocus: _propTypes.bool,
+  colorTheme: _propTypes.string,
+  error: (0, _propTypes.oneOfType)([_propTypes.bool, _propTypes.string]),
+  focused: _propTypes.bool,
+  Icon: _propTypes.elementType,
+  inputStyle: (0, _propTypes.shape)({
+    root: _propTypes.object
+  }),
+  shade: _propTypes.string,
+  showOnlyOnError: _propTypes.bool
+};
+var _default = exports.default = IconAdornment;

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

@@ -1 +1,17 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getIconColorProps=void 0;const getIconColorProps=(changeOnError,changeOnFocus,colorTheme,error,focused,shade)=>changeOnError&&error?{colorTheme:"error",shade:"04"}:changeOnFocus&&focused?{colorTheme:"accent",shade:"04"}:{colorTheme:colorTheme||"gray",shade:shade};exports.getIconColorProps=getIconColorProps;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getIconColorProps = void 0;
+const getIconColorProps = (changeOnError, changeOnFocus, colorTheme, error, focused, shade) => changeOnError && error ? {
+  colorTheme: 'error',
+  shade: '04'
+} : changeOnFocus && focused ? {
+  colorTheme: 'accent',
+  shade: '04'
+} : {
+  colorTheme: colorTheme || 'gray',
+  shade
+};
+exports.getIconColorProps = getIconColorProps;

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

@@ -1 +1,24 @@
-"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"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const PrefixAdornment=_ref=>{let{text:text}=_ref;return _react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small",weight:"medium"},text)};PrefixAdornment.propTypes={text:_propTypes.string};var _default=exports.default=PrefixAdornment;
+"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"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const PrefixAdornment = _ref => {
+  let {
+    text
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    colorTheme: "gray",
+    variant: "small",
+    weight: "medium"
+  }, text);
+};
+PrefixAdornment.propTypes = {
+  text: _propTypes.string
+};
+var _default = exports.default = PrefixAdornment;

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

@@ -1 +1,22 @@
-"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"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const SuffixAdornment=_ref=>{let{text:text}=_ref;return _react.default.createElement(_UTLabel.default,{colorTheme:"gray"},text)};SuffixAdornment.propTypes={text:_propTypes.string};var _default=exports.default=SuffixAdornment;
+"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"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SuffixAdornment = _ref => {
+  let {
+    text
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    colorTheme: "gray"
+  }, text);
+};
+SuffixAdornment.propTypes = {
+  text: _propTypes.string
+};
+var _default = exports.default = SuffixAdornment;

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

@@ -1 +1,35 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTIcon=_interopRequireDefault(require("../../../UTIcon")),_UTTooltip=_interopRequireDefault(require("../../../UTTooltip")),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const TooltipAdornment=_ref=>{let{contentDataTestId:contentDataTestId,dataTestId:dataTestId,tooltip:tooltip}=_ref;return _react.default.createElement(_UTTooltip.default,{content:tooltip,dataTestId:contentDataTestId},_react.default.createElement("div",{className:_stylesModule.default.tooltip,"data-testid":dataTestId},_react.default.createElement(_UTIcon.default,{name:"IconInfoCircle",colorTheme:"gray"})))};TooltipAdornment.propTypes={contentDataTestId:_propTypes.string,dataTestId:_propTypes.string,tooltip:_propTypes.string};var _default=exports.default=TooltipAdornment;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var _UTIcon = _interopRequireDefault(require("../../../UTIcon"));
+var _UTTooltip = _interopRequireDefault(require("../../../UTTooltip"));
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const TooltipAdornment = _ref => {
+  let {
+    contentDataTestId,
+    dataTestId,
+    tooltip
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_UTTooltip.default, {
+    content: tooltip,
+    dataTestId: contentDataTestId
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.tooltip,
+    "data-testid": dataTestId
+  }, /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
+    name: "IconInfoCircle",
+    colorTheme: "gray"
+  })));
+};
+TooltipAdornment.propTypes = {
+  contentDataTestId: _propTypes.string,
+  dataTestId: _propTypes.string,
+  tooltip: _propTypes.string
+};
+var _default = exports.default = TooltipAdornment;

package/dist/components/UTBaseInputField/constants.js

@@ -1 +1,34 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.UT_BASE_INPUT_COLOR_BORDER_FOCUS=exports.DEFAULT_PROPS=exports.COMPONENT_KEYS=exports.COMPONENTS_MAPPER=void 0;var _Palette=require("../../constants/Palette"),_ActionAdornment=_interopRequireDefault(require("./components/ActionAdornment")),_BadgeAdornment=_interopRequireDefault(require("./components/BadgeAdornment")),_IconAdornment=_interopRequireDefault(require("./components/IconAdornment")),_PrefixAdornment=_interopRequireDefault(require("./components/PrefixAdornment")),_SuffixAdornment=_interopRequireDefault(require("./components/SuffixAdornment")),_TooltipAdornment=_interopRequireDefault(require("./components/TooltipAdornment"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const COMPONENT_KEYS=exports.COMPONENT_KEYS={ACTION:"Action",BADGE:"Badge",ICON:"Icon",PREFIX:"Prefix",SUFFIX:"Suffix",TOOLTIP:"Tooltip"},COMPONENTS_MAPPER=exports.COMPONENTS_MAPPER={[COMPONENT_KEYS.ACTION]:_ActionAdornment.default,[COMPONENT_KEYS.BADGE]:_BadgeAdornment.default,[COMPONENT_KEYS.ICON]:_IconAdornment.default,[COMPONENT_KEYS.PREFIX]:_PrefixAdornment.default,[COMPONENT_KEYS.SUFFIX]:_SuffixAdornment.default,[COMPONENT_KEYS.TOOLTIP]:_TooltipAdornment.default},UT_BASE_INPUT_COLOR_BORDER_FOCUS=exports.UT_BASE_INPUT_COLOR_BORDER_FOCUS="UT-baseInput-color-border-focus",DEFAULT_PROPS=exports.DEFAULT_PROPS={colorTheme:_Palette.COLOR_THEMES.accent};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UT_BASE_INPUT_COLOR_BORDER_FOCUS = exports.DEFAULT_PROPS = exports.COMPONENT_KEYS = exports.COMPONENTS_MAPPER = void 0;
+var _Palette = require("../../constants/Palette");
+var _ActionAdornment = _interopRequireDefault(require("./components/ActionAdornment"));
+var _BadgeAdornment = _interopRequireDefault(require("./components/BadgeAdornment"));
+var _IconAdornment = _interopRequireDefault(require("./components/IconAdornment"));
+var _PrefixAdornment = _interopRequireDefault(require("./components/PrefixAdornment"));
+var _SuffixAdornment = _interopRequireDefault(require("./components/SuffixAdornment"));
+var _TooltipAdornment = _interopRequireDefault(require("./components/TooltipAdornment"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const COMPONENT_KEYS = exports.COMPONENT_KEYS = {
+  ACTION: 'Action',
+  BADGE: 'Badge',
+  ICON: 'Icon',
+  PREFIX: 'Prefix',
+  SUFFIX: 'Suffix',
+  TOOLTIP: 'Tooltip'
+};
+const COMPONENTS_MAPPER = exports.COMPONENTS_MAPPER = {
+  [COMPONENT_KEYS.ACTION]: _ActionAdornment.default,
+  [COMPONENT_KEYS.BADGE]: _BadgeAdornment.default,
+  [COMPONENT_KEYS.ICON]: _IconAdornment.default,
+  [COMPONENT_KEYS.PREFIX]: _PrefixAdornment.default,
+  [COMPONENT_KEYS.SUFFIX]: _SuffixAdornment.default,
+  [COMPONENT_KEYS.TOOLTIP]: _TooltipAdornment.default
+};
+const UT_BASE_INPUT_COLOR_BORDER_FOCUS = exports.UT_BASE_INPUT_COLOR_BORDER_FOCUS = 'UT-baseInput-color-border-focus';
+const DEFAULT_PROPS = exports.DEFAULT_PROPS = {
+  colorTheme: _Palette.COLOR_THEMES.accent
+};