@widergy/energy-ui 3.173.2 → 3.173.4

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

@@ -1,24 +1 @@
-"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;
+"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=e=>{let{text:r}=e;return _react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small",weight:"medium"},r)};PrefixAdornment.propTypes={text:_propTypes.string};var _default=exports.default=PrefixAdornment;

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

@@ -1,22 +1 @@
-"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;
+"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=e=>{let{text:r}=e;return _react.default.createElement(_UTLabel.default,{colorTheme:"gray"},r)};SuffixAdornment.propTypes={text:_propTypes.string};var _default=exports.default=SuffixAdornment;

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

@@ -1,35 +1 @@
-"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;
+"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=e=>{let{contentDataTestId:t,dataTestId:r,tooltip:o}=e;return _react.default.createElement(_UTTooltip.default,{content:o,dataTestId:t},_react.default.createElement("div",{className:_stylesModule.default.tooltip,"data-testid":r},_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,34 +1 @@
-"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
-};
+"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};

package/dist/components/UTBaseInputField/index.js

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

package/dist/components/UTBaseInputField/theme.js

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

package/dist/components/UTBaseInputField/utils.js

@@ -1,17 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.validateColorTheme = exports.validateAdornments = exports.getActionPalette = void 0;
-var _constants = require("./constants");
-const validateAdornments = adornments => adornments.every(adornment => _constants.COMPONENTS_MAPPER[adornment.name]);
-exports.validateAdornments = validateAdornments;
-const validateColorTheme = colorTheme => colorTheme || _constants.DEFAULT_PROPS.colorTheme;
-exports.validateColorTheme = validateColorTheme;
-const getActionPalette = theme => {
-  var _theme$Palette$action, _theme$Palette$action2;
-  const colorThemeToUse = (theme === null || theme === void 0 ? void 0 : theme[_constants.UT_BASE_INPUT_COLOR_BORDER_FOCUS]) || _constants.DEFAULT_PROPS.colorTheme;
-  return ((_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action[colorThemeToUse]) || theme.Palette[colorThemeToUse] || ((_theme$Palette$action2 = theme.Palette.actions) === null || _theme$Palette$action2 === void 0 ? void 0 : _theme$Palette$action2[_constants.DEFAULT_PROPS.colorTheme]) || theme.Palette[_constants.DEFAULT_PROPS.colorTheme];
-};
-exports.getActionPalette = getActionPalette;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.validateColorTheme=exports.validateAdornments=exports.getActionPalette=void 0;var _constants=require("./constants");const validateAdornments=t=>t.every(t=>_constants.COMPONENTS_MAPPER[t.name]);exports.validateAdornments=validateAdornments;const validateColorTheme=t=>t||_constants.DEFAULT_PROPS.colorTheme;exports.validateColorTheme=validateColorTheme;const getActionPalette=t=>{var e,o;const n=(null==t?void 0:t[_constants.UT_BASE_INPUT_COLOR_BORDER_FOCUS])||_constants.DEFAULT_PROPS.colorTheme;return(null===(e=t.Palette.actions)||void 0===e?void 0:e[n])||t.Palette[n]||(null===(o=t.Palette.actions)||void 0===o?void 0:o[_constants.DEFAULT_PROPS.colorTheme])||t.Palette[_constants.DEFAULT_PROPS.colorTheme]};exports.getActionPalette=getActionPalette;

package/dist/components/UTBodyPlaceholder/constants.js

@@ -1,14 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SIZES = exports.DEFAULT_TEXTS = void 0;
-const SIZES = exports.SIZES = {
-  L: 'large',
-  S: 'small'
-};
-const DEFAULT_TEXTS = exports.DEFAULT_TEXTS = {
-  subtitle: 'Reemplazar por otro componente',
-  title: 'Body content'
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SIZES=exports.DEFAULT_TEXTS=void 0;const SIZES=exports.SIZES={L:"large",S:"small"},DEFAULT_TEXTS=exports.DEFAULT_TEXTS={subtitle:"Reemplazar por otro componente",title:"Body content"};

package/dist/components/UTBodyPlaceholder/index.js

@@ -1,45 +1 @@
-"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 _UTLabel = _interopRequireDefault(require("../UTLabel"));
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _constants = require("./constants");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const UTBodyPlaceholder = _ref => {
-  var _classNames$bodyPlace, _classNames$icon, _classNames$bodyPlace2, _classNames$bodyPlace3, _classNames$bodyPlace4;
-  let {
-    classNames = {},
-    size = _constants.SIZES.L,
-    subtitle = _constants.DEFAULT_TEXTS.subtitle,
-    title = _constants.DEFAULT_TEXTS.title
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.bodyPlaceholder, " ").concat(_stylesModule.default.bodyPlaceholderWidth, " ").concat((_classNames$bodyPlace = classNames.bodyPlaceholder) !== null && _classNames$bodyPlace !== void 0 ? _classNames$bodyPlace : '')
-  }, /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
-    className: "".concat(_stylesModule.default.icon, " ").concat((_classNames$icon = classNames.icon) !== null && _classNames$icon !== void 0 ? _classNames$icon : ''),
-    name: "IconReplace",
-    size: 40
-  }), size === _constants.SIZES.L && /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.bodyPlaceholderTextContainer, " ").concat((_classNames$bodyPlace2 = classNames.bodyPlaceholderTextContainer) !== null && _classNames$bodyPlace2 !== void 0 ? _classNames$bodyPlace2 : '')
-  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: "".concat(_stylesModule.default.bodyPlaceholderText, " ").concat((_classNames$bodyPlace3 = classNames.bodyPlaceholderText) !== null && _classNames$bodyPlace3 !== void 0 ? _classNames$bodyPlace3 : ''),
-    weight: "medium",
-    variant: "subtitle1"
-  }, title), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: "".concat(_stylesModule.default.bodyPlaceholderText, " ").concat((_classNames$bodyPlace4 = classNames.bodyPlaceholderText) !== null && _classNames$bodyPlace4 !== void 0 ? _classNames$bodyPlace4 : ''),
-    variant: "small"
-  }, subtitle)));
-};
-UTBodyPlaceholder.propTypes = {
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  size: _propTypes.string,
-  subtitle: _propTypes.string,
-  title: _propTypes.string
-};
-var _default = exports.default = UTBodyPlaceholder;
+"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")),_UTLabel=_interopRequireDefault(require("../UTLabel")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const UTBodyPlaceholder=e=>{var t,l,a,o,r;let{classNames:s={},size:c=_constants.SIZES.L,subtitle:d=_constants.DEFAULT_TEXTS.subtitle,title:n=_constants.DEFAULT_TEXTS.title}=e;return _react.default.createElement("div",{className:"".concat(_stylesModule.default.bodyPlaceholder," ").concat(_stylesModule.default.bodyPlaceholderWidth," ").concat(null!==(t=s.bodyPlaceholder)&&void 0!==t?t:"")},_react.default.createElement(_UTIcon.default,{className:"".concat(_stylesModule.default.icon," ").concat(null!==(l=s.icon)&&void 0!==l?l:""),name:"IconReplace",size:40}),c===_constants.SIZES.L&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.bodyPlaceholderTextContainer," ").concat(null!==(a=s.bodyPlaceholderTextContainer)&&void 0!==a?a:"")},_react.default.createElement(_UTLabel.default,{className:"".concat(_stylesModule.default.bodyPlaceholderText," ").concat(null!==(o=s.bodyPlaceholderText)&&void 0!==o?o:""),weight:"medium",variant:"subtitle1"},n),_react.default.createElement(_UTLabel.default,{className:"".concat(_stylesModule.default.bodyPlaceholderText," ").concat(null!==(r=s.bodyPlaceholderText)&&void 0!==r?r:""),variant:"small"},d)))};UTBodyPlaceholder.propTypes={classNames:(0,_propTypes.objectOf)(_propTypes.string),size:_propTypes.string,subtitle:_propTypes.string,title:_propTypes.string};var _default=exports.default=UTBodyPlaceholder;

package/dist/components/UTBreadcrumbs/constants.js

@@ -1,39 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DEFAULT_SEPARATOR = exports.DEFAULT_ELIPSIS_WIDTH_ESTIMATE = exports.DEFAULT_ELIPSIS = exports.COMPONENTS_THEME_PROPS = exports.COLOR_THEMES_MAPPER = exports.COLOR_THEMES = void 0;
-const DEFAULT_SEPARATOR = exports.DEFAULT_SEPARATOR = '/';
-const DEFAULT_ELIPSIS = exports.DEFAULT_ELIPSIS = '...';
-const DEFAULT_ELIPSIS_WIDTH_ESTIMATE = exports.DEFAULT_ELIPSIS_WIDTH_ESTIMATE = 100;
-const COLOR_THEMES = exports.COLOR_THEMES = {
-  DARK: 'dark',
-  LIGHT: 'light'
-};
-const COMPONENTS_THEME_PROPS = exports.COMPONENTS_THEME_PROPS = {
-  [COLOR_THEMES.DARK]: {
-    button: {
-      colorTheme: 'secondary'
-    },
-    label: {
-      colorTheme: 'gray'
-    }
-  },
-  [COLOR_THEMES.LIGHT]: {
-    button: {
-      colorTheme: 'negative'
-    },
-    label: {
-      colorTheme: 'negative',
-      shade: '03'
-    }
-  }
-};
-
-// temporary mapper for compatibility with 'buttonColorTheme' attribute  in office-web-edenor
-const COLOR_THEMES_MAPPER = exports.COLOR_THEMES_MAPPER = {
-  negative: COLOR_THEMES.LIGHT,
-  primary: COLOR_THEMES.DARK,
-  secondary: COLOR_THEMES.DARK
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DEFAULT_SEPARATOR=exports.DEFAULT_ELIPSIS_WIDTH_ESTIMATE=exports.DEFAULT_ELIPSIS=exports.COMPONENTS_THEME_PROPS=exports.COLOR_THEMES_MAPPER=exports.COLOR_THEMES=void 0;const DEFAULT_SEPARATOR=exports.DEFAULT_SEPARATOR="/",DEFAULT_ELIPSIS=exports.DEFAULT_ELIPSIS="...",DEFAULT_ELIPSIS_WIDTH_ESTIMATE=exports.DEFAULT_ELIPSIS_WIDTH_ESTIMATE=100,COLOR_THEMES=exports.COLOR_THEMES={DARK:"dark",LIGHT:"light"},COMPONENTS_THEME_PROPS=exports.COMPONENTS_THEME_PROPS={[COLOR_THEMES.DARK]:{button:{colorTheme:"secondary"},label:{colorTheme:"gray"}},[COLOR_THEMES.LIGHT]:{button:{colorTheme:"negative"},label:{colorTheme:"negative",shade:"03"}}},COLOR_THEMES_MAPPER=exports.COLOR_THEMES_MAPPER={negative:COLOR_THEMES.LIGHT,primary:COLOR_THEMES.DARK,secondary:COLOR_THEMES.DARK};