@widergy/energy-ui 3.172.1 → 3.172.3

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

@@ -1,139 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-import { elementType, func, object, objectOf, oneOf, oneOfType, string } from 'prop-types';
-import UTButton from '../UTButton';
-import UTIcon from '../UTIcon';
-import UTLabel from '../UTLabel';
-import { capitalize, isUTIcon } from '../../utils/componentUtils';
-import { mergeMultipleClassNames } from '../../utils/classesUtils';
-import { ID_CONSTANTS } from '../../constants/testIds';
-import styles from './styles.module.scss';
-import { buttonType } from './types';
-import { getDefaultButtonColorTheme, getDefaultIconSize, getDefaultIconTheme, getLabelColorTheme, getLabelStyles, getSecondaryLabelColorTheme } from './utils';
-import { COLOR_THEMES, DEFAULT_PROPS, PLACEMENTS, SIZES, VARIANTS } from './constants';
-const UTBanner = _ref => {
-  let {
-    button,
-    buttonPlacement = DEFAULT_PROPS.buttonPlacement,
-    category,
-    classNames,
-    colorTheme = DEFAULT_PROPS.colorTheme,
-    dataTestId,
-    description,
-    descriptionProps,
-    helpText,
-    Icon,
-    iconPlacement = DEFAULT_PROPS.iconPlacement,
-    iconProps,
-    onClose,
-    secondaryButton,
-    size = DEFAULT_PROPS.size,
-    title,
-    titleProps,
-    variant = DEFAULT_PROPS.variant
-  } = _ref;
-  const isVerticalButton = buttonPlacement === PLACEMENTS.VERTICAL;
-  const isVerticalIcon = iconPlacement === PLACEMENTS.VERTICAL;
-  const labelColorTheme = getLabelColorTheme(colorTheme, variant);
-  const secondaryLabelColorTheme = getSecondaryLabelColorTheme(colorTheme, variant);
-  const {
-    titleVariant,
-    descriptionVariant
-  } = getLabelStyles(size);
-  const iconTheme = getDefaultIconTheme(colorTheme, variant);
-  const iconSize = getDefaultIconSize(size);
-  const buttonColorTheme = getDefaultButtonColorTheme(variant);
-  const gapClass = styles["gap".concat(capitalize(size))];
-  const paddingClass = styles["padding".concat(capitalize(size))];
-  const colorClass = styles["".concat(colorTheme).concat(capitalize(variant))];
-  const dynamicClasses = {
-    bannerContainer: [colorClass, paddingClass, gapClass].filter(Boolean).join(' '),
-    contentContainer: [isVerticalButton ? styles.contentVertical : styles.contentHorizontal, gapClass].filter(Boolean).join(' '),
-    iconTextContainer: [isVerticalIcon ? styles.iconVertical : styles.iconHorizontal, !isVerticalButton ? styles.iconFlex : ''].filter(Boolean).join(' '),
-    textContainer: !isVerticalIcon ? styles.textFlex : '',
-    buttonsContainer: isVerticalButton ? styles.buttonsVertical : ''
-  };
-  const normalizedClassNames = classNames ? {
-    ...classNames,
-    bannerContainer: classNames.infoContainer
-  } : undefined;
-  const classes = mergeMultipleClassNames(styles, dynamicClasses, normalizedClassNames);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classes.bannerContainer,
-    "data-testid": dataTestId
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classes.contentContainer
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classes.iconTextContainer
-  }, !!Icon && isUTIcon(Icon) ? /*#__PURE__*/React.createElement(UTIcon, _extends({
-    colorTheme: iconTheme.colorTheme,
-    dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(ID_CONSTANTS.ICON) : undefined,
-    name: Icon,
-    shade: iconTheme.shade,
-    size: iconSize
-  }, iconProps)) : !!Icon && /*#__PURE__*/React.createElement(Icon, _extends({}, iconProps, {
-    "data-testId": dataTestId ? "".concat(dataTestId, ".").concat(ID_CONSTANTS.ICON) : undefined
-  })), /*#__PURE__*/React.createElement("div", {
-    className: classes.textContainer
-  }, !!category && /*#__PURE__*/React.createElement(UTLabel, {
-    className: styles.uppercase,
-    colorTheme: secondaryLabelColorTheme,
-    dataTestId: dataTestId ? "".concat(dataTestId, ".category.").concat(ID_CONSTANTS.LABEL) : undefined,
-    variant: "xsmall",
-    weight: "medium"
-  }, category), !!title && /*#__PURE__*/React.createElement(UTLabel, _extends({
-    colorTheme: labelColorTheme,
-    variant: titleVariant,
-    weight: "medium"
-  }, titleProps, {
-    dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(ID_CONSTANTS.TITLE, ".").concat(ID_CONSTANTS.LABEL) : undefined
-  }), title), !!description && /*#__PURE__*/React.createElement(UTLabel, _extends({
-    colorTheme: labelColorTheme,
-    variant: descriptionVariant
-  }, descriptionProps, {
-    dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(ID_CONSTANTS.DESCRIPTION, ".").concat(ID_CONSTANTS.LABEL) : undefined
-  }), description), !!helpText && /*#__PURE__*/React.createElement(UTLabel, {
-    colorTheme: secondaryLabelColorTheme,
-    dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(ID_CONSTANTS.HELP_TEXT, ".").concat(ID_CONSTANTS.LABEL) : undefined,
-    variant: "small"
-  }, helpText))), !!(button || secondaryButton) && /*#__PURE__*/React.createElement("div", {
-    className: classes.buttonsContainer
-  }, !!button && /*#__PURE__*/React.createElement(UTButton, _extends({
-    colorTheme: buttonColorTheme.button
-  }, button, {
-    dataTestId: dataTestId ? "".concat(dataTestId, ".button.").concat(ID_CONSTANTS.SECONDARY_ACTION) : undefined
-  }), button.title), !!secondaryButton && /*#__PURE__*/React.createElement(UTButton, _extends({
-    colorTheme: buttonColorTheme.secondaryButton,
-    variant: "text"
-  }, secondaryButton, {
-    dataTestId: dataTestId ? "".concat(dataTestId, ".secondaryButton.").concat(ID_CONSTANTS.TERTIARY_ACTION) : undefined
-  }), secondaryButton.title))), !!onClose && /*#__PURE__*/React.createElement(UTButton, {
-    colorTheme: buttonColorTheme.onClose,
-    dataTestId: dataTestId ? "".concat(dataTestId, ".close") : undefined,
-    Icon: "IconX",
-    onClick: onClose,
-    size: "small",
-    variant: "text"
-  }));
-};
-UTBanner.propTypes = {
-  button: buttonType,
-  buttonPlacement: oneOf(Object.values(PLACEMENTS)),
-  category: string,
-  classNames: objectOf(string),
-  colorTheme: oneOf(Object.values(COLOR_THEMES)),
-  dataTestId: string,
-  description: string,
-  descriptionProps: object,
-  helpText: string,
-  Icon: oneOfType([elementType, string]),
-  iconPlacement: oneOf(Object.values(PLACEMENTS)),
-  iconProps: object,
-  onClose: func,
-  secondaryButton: buttonType,
-  size: oneOf(Object.values(SIZES)),
-  title: string,
-  titleProps: object,
-  variant: oneOf(Object.values(VARIANTS))
-};
-export default UTBanner;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}import React from"react";import{elementType,func,object,objectOf,oneOf,oneOfType,string}from"prop-types";import UTButton from"../UTButton";import UTIcon from"../UTIcon";import UTLabel from"../UTLabel";import{capitalize,isUTIcon}from"../../utils/componentUtils";import{mergeMultipleClassNames}from"../../utils/classesUtils";import{ID_CONSTANTS}from"../../constants/testIds";import styles from"./styles.module.scss";import{buttonType}from"./types";import{getDefaultButtonColorTheme,getDefaultIconSize,getDefaultIconTheme,getLabelColorTheme,getLabelStyles,getSecondaryLabelColorTheme}from"./utils";import{COLOR_THEMES,DEFAULT_PROPS,PLACEMENTS,SIZES,VARIANTS}from"./constants";const UTBanner=_ref=>{let{button:button,buttonPlacement:buttonPlacement=DEFAULT_PROPS.buttonPlacement,category:category,classNames:classNames,colorTheme:colorTheme=DEFAULT_PROPS.colorTheme,dataTestId:dataTestId,description:description,descriptionProps:descriptionProps,helpText:helpText,Icon:Icon,iconPlacement:iconPlacement=DEFAULT_PROPS.iconPlacement,iconProps:iconProps,onClose:onClose,secondaryButton:secondaryButton,size:size=DEFAULT_PROPS.size,title:title,titleProps:titleProps,variant:variant=DEFAULT_PROPS.variant}=_ref;const isVerticalButton=buttonPlacement===PLACEMENTS.VERTICAL,isVerticalIcon=iconPlacement===PLACEMENTS.VERTICAL,labelColorTheme=getLabelColorTheme(colorTheme,variant),secondaryLabelColorTheme=getSecondaryLabelColorTheme(colorTheme,variant),{titleVariant:titleVariant,descriptionVariant:descriptionVariant}=getLabelStyles(size),iconTheme=getDefaultIconTheme(colorTheme,variant),iconSize=getDefaultIconSize(size),buttonColorTheme=getDefaultButtonColorTheme(variant),gapClass=styles["gap".concat(capitalize(size))],paddingClass=styles["padding".concat(capitalize(size))],dynamicClasses={bannerContainer:[styles["".concat(colorTheme).concat(capitalize(variant))],paddingClass,gapClass].filter(Boolean).join(" "),contentContainer:[isVerticalButton?styles.contentVertical:styles.contentHorizontal,gapClass].filter(Boolean).join(" "),iconTextContainer:[isVerticalIcon?styles.iconVertical:styles.iconHorizontal,isVerticalButton?"":styles.iconFlex].filter(Boolean).join(" "),textContainer:isVerticalIcon?"":styles.textFlex,buttonsContainer:isVerticalButton?styles.buttonsVertical:""},normalizedClassNames=classNames?{...classNames,bannerContainer:classNames.infoContainer}:void 0,classes=mergeMultipleClassNames(styles,dynamicClasses,normalizedClassNames);return React.createElement("div",{className:classes.bannerContainer,"data-testid":dataTestId},React.createElement("div",{className:classes.contentContainer},React.createElement("div",{className:classes.iconTextContainer},Icon&&isUTIcon(Icon)?React.createElement(UTIcon,_extends({colorTheme:iconTheme.colorTheme,dataTestId:dataTestId?"".concat(dataTestId,".").concat(ID_CONSTANTS.ICON):void 0,name:Icon,shade:iconTheme.shade,size:iconSize},iconProps)):!!Icon&&React.createElement(Icon,_extends({},iconProps,{"data-testId":dataTestId?"".concat(dataTestId,".").concat(ID_CONSTANTS.ICON):void 0})),React.createElement("div",{className:classes.textContainer},!!category&&React.createElement(UTLabel,{className:styles.uppercase,colorTheme:secondaryLabelColorTheme,dataTestId:dataTestId?"".concat(dataTestId,".category.").concat(ID_CONSTANTS.LABEL):void 0,variant:"xsmall",weight:"medium"},category),!!title&&React.createElement(UTLabel,_extends({colorTheme:labelColorTheme,variant:titleVariant,weight:"medium"},titleProps,{dataTestId:dataTestId?"".concat(dataTestId,".").concat(ID_CONSTANTS.TITLE,".").concat(ID_CONSTANTS.LABEL):void 0}),title),!!description&&React.createElement(UTLabel,_extends({colorTheme:labelColorTheme,variant:descriptionVariant},descriptionProps,{dataTestId:dataTestId?"".concat(dataTestId,".").concat(ID_CONSTANTS.DESCRIPTION,".").concat(ID_CONSTANTS.LABEL):void 0}),description),!!helpText&&React.createElement(UTLabel,{colorTheme:secondaryLabelColorTheme,dataTestId:dataTestId?"".concat(dataTestId,".").concat(ID_CONSTANTS.HELP_TEXT,".").concat(ID_CONSTANTS.LABEL):void 0,variant:"small"},helpText))),!(!button&&!secondaryButton)&&React.createElement("div",{className:classes.buttonsContainer},!!button&&React.createElement(UTButton,_extends({colorTheme:buttonColorTheme.button},button,{dataTestId:dataTestId?"".concat(dataTestId,".button.").concat(ID_CONSTANTS.SECONDARY_ACTION):void 0}),button.title),!!secondaryButton&&React.createElement(UTButton,_extends({colorTheme:buttonColorTheme.secondaryButton,variant:"text"},secondaryButton,{dataTestId:dataTestId?"".concat(dataTestId,".secondaryButton.").concat(ID_CONSTANTS.TERTIARY_ACTION):void 0}),secondaryButton.title))),!!onClose&&React.createElement(UTButton,{colorTheme:buttonColorTheme.onClose,dataTestId:dataTestId?"".concat(dataTestId,".close"):void 0,Icon:"IconX",onClick:onClose,size:"small",variant:"text"}))};UTBanner.propTypes={button:buttonType,buttonPlacement:oneOf(Object.values(PLACEMENTS)),category:string,classNames:objectOf(string),colorTheme:oneOf(Object.values(COLOR_THEMES)),dataTestId:string,description:string,descriptionProps:object,helpText:string,Icon:oneOfType([elementType,string]),iconPlacement:oneOf(Object.values(PLACEMENTS)),iconProps:object,onClose:func,secondaryButton:buttonType,size:oneOf(Object.values(SIZES)),title:string,titleProps:object,variant:oneOf(Object.values(VARIANTS))};export default UTBanner;

package/dist/esm/components/UTBanner/types.js

@@ -1,14 +1 @@
-import { bool, func, node, oneOfType, shape, string } from 'prop-types';
-export const buttonType = shape({
-  colorTheme: string,
-  dataTestId: string,
-  disabled: bool,
-  Icon: oneOfType([string, func]),
-  iconPlacement: string,
-  loading: bool,
-  onClick: func,
-  size: string,
-  title: node,
-  type: string,
-  variant: string
-});
+import{bool,func,node,oneOfType,shape,string}from"prop-types";export const buttonType=shape({colorTheme:string,dataTestId:string,disabled:bool,Icon:oneOfType([string,func]),iconPlacement:string,loading:bool,onClick:func,size:string,title:node,type:string,variant:string});

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

@@ -1,137 +1 @@
-import { COLOR_THEMES, SIZES, VARIANTS } from './constants';
-
-/**
- * Returns the default UTIcon colorTheme and shade for the banner icon based on the
- * banner's colorTheme and variant. Matches the mobile implementation.
- * @param {string} colorTheme - Banner color theme.
- * @param {string} variant - Banner variant ('light' | 'dark').
- * @returns {{ colorTheme: string, shade: string }}
- */
-export const getDefaultIconTheme = (colorTheme, variant) => {
-  var _COLOR_THEMES$ERROR$C;
-  if (variant === VARIANTS.DARK) {
-    return colorTheme === COLOR_THEMES.NEGATIVE ? {
-      colorTheme: 'dark',
-      shade: '05'
-    } : {
-      colorTheme: 'light',
-      shade: '01'
-    };
-  }
-  return (_COLOR_THEMES$ERROR$C = {
-    [COLOR_THEMES.ERROR]: {
-      colorTheme: 'error',
-      shade: '04'
-    },
-    [COLOR_THEMES.GRAY]: {
-      colorTheme: 'accent',
-      shade: '04'
-    },
-    [COLOR_THEMES.INFORMATION]: {
-      colorTheme: 'information',
-      shade: '04'
-    },
-    [COLOR_THEMES.NEGATIVE]: {
-      colorTheme: 'light',
-      shade: '01'
-    },
-    [COLOR_THEMES.PRIMARY]: {
-      colorTheme: 'accent',
-      shade: '04'
-    },
-    [COLOR_THEMES.SUCCESS]: {
-      colorTheme: 'success',
-      shade: '04'
-    },
-    [COLOR_THEMES.WARNING]: {
-      colorTheme: 'warning',
-      shade: '04'
-    },
-    [COLOR_THEMES.WHITE]: {
-      colorTheme: 'accent',
-      shade: '04'
-    }
-  }[colorTheme]) !== null && _COLOR_THEMES$ERROR$C !== void 0 ? _COLOR_THEMES$ERROR$C : {
-    colorTheme: 'accent',
-    shade: '04'
-  };
-};
-
-/**
- * Returns the default icon size in pixels based on the banner size.
- * @param {string} size - One of SIZES values.
- * @returns {number}
- */
-export const getDefaultIconSize = size => size === SIZES.LARGE ? 24 : 20;
-
-/**
- * Returns the default colorTheme for buttons and the close button based on the
- * banner variant. Dark variant uses 'negative'; light variant uses standard colors.
- * @param {string} variant - Banner variant ('light' | 'dark').
- * @returns {{ button: string, onClose: string, secondaryButton: string }}
- */
-export const getDefaultButtonColorTheme = variant => {
-  const isDark = variant === VARIANTS.DARK;
-  return {
-    button: isDark ? 'negative' : 'secondary',
-    onClose: isDark ? 'negative' : 'gray',
-    secondaryButton: isDark ? 'negative' : 'secondary'
-  };
-};
-
-/**
- * Returns the UTLabel variant and weight for the main text (children) based on
- * the banner size.
- * @param {string} size - One of SIZES values.
- * @returns {{ variant: string, weight: string }}
- */
-export const getLabelStyles = size => {
-  var _SIZES$LARGE$SIZES$ME;
-  return (_SIZES$LARGE$SIZES$ME = {
-    [SIZES.LARGE]: {
-      titleVariant: 'title3',
-      descriptionVariant: 'body'
-    },
-    [SIZES.MEDIUM]: {
-      titleVariant: 'subtitle1',
-      descriptionVariant: 'small'
-    },
-    [SIZES.SMALL]: {
-      titleVariant: 'small',
-      descriptionVariant: 'small'
-    }
-  }[size]) !== null && _SIZES$LARGE$SIZES$ME !== void 0 ? _SIZES$LARGE$SIZES$ME : {
-    titleVariant: 'small',
-    descriptionVariant: 'small'
-  };
-};
-
-/**
- * Returns the UTLabel colorTheme for the banner's main text content based on the
- * banner's colorTheme and variant. Negative+light and any dark variant use light
- * (white) text; all other combinations use dark text.
- * @param {string} colorTheme - Banner color theme.
- * @param {string} variant - Banner variant ('light' | 'dark').
- * @returns {string} UTLabel colorTheme value.
- */
-export const getLabelColorTheme = (colorTheme, variant) => {
-  if (colorTheme === COLOR_THEMES.NEGATIVE) {
-    return variant === VARIANTS.LIGHT ? 'light' : 'dark';
-  }
-  return variant === VARIANTS.LIGHT ? 'dark' : 'light';
-};
-
-/**
- * Returns the UTLabel colorTheme for the banner's secondary text content based on the
- * banner's colorTheme and variant. Negative+light and any dark variant use light
- * (white) text; all other combinations use gray text.
- * @param {string} colorTheme - Banner color theme.
- * @param {string} variant - Banner variant ('light' | 'gray').
- * @returns {string} UTLabel colorTheme value.
- */
-export const getSecondaryLabelColorTheme = (colorTheme, variant) => {
-  if (colorTheme === COLOR_THEMES.NEGATIVE) {
-    return variant === VARIANTS.LIGHT ? 'light' : 'gray';
-  }
-  return variant === VARIANTS.LIGHT ? 'gray' : 'light';
-};
+import{COLOR_THEMES,SIZES,VARIANTS}from"./constants";export const getDefaultIconTheme=(colorTheme,variant)=>{var _COLOR_THEMES$ERROR$C;return variant===VARIANTS.DARK?colorTheme===COLOR_THEMES.NEGATIVE?{colorTheme:"dark",shade:"05"}:{colorTheme:"light",shade:"01"}:null!==(_COLOR_THEMES$ERROR$C={[COLOR_THEMES.ERROR]:{colorTheme:"error",shade:"04"},[COLOR_THEMES.GRAY]:{colorTheme:"accent",shade:"04"},[COLOR_THEMES.INFORMATION]:{colorTheme:"information",shade:"04"},[COLOR_THEMES.NEGATIVE]:{colorTheme:"light",shade:"01"},[COLOR_THEMES.PRIMARY]:{colorTheme:"accent",shade:"04"},[COLOR_THEMES.SUCCESS]:{colorTheme:"success",shade:"04"},[COLOR_THEMES.WARNING]:{colorTheme:"warning",shade:"04"},[COLOR_THEMES.WHITE]:{colorTheme:"accent",shade:"04"}}[colorTheme])&&void 0!==_COLOR_THEMES$ERROR$C?_COLOR_THEMES$ERROR$C:{colorTheme:"accent",shade:"04"}};export const getDefaultIconSize=size=>size===SIZES.LARGE?24:20;export const getDefaultButtonColorTheme=variant=>{const isDark=variant===VARIANTS.DARK;return{button:isDark?"negative":"secondary",onClose:isDark?"negative":"gray",secondaryButton:isDark?"negative":"secondary"}};export const getLabelStyles=size=>{var _SIZES$LARGE$SIZES$ME;return null!==(_SIZES$LARGE$SIZES$ME={[SIZES.LARGE]:{titleVariant:"title3",descriptionVariant:"body"},[SIZES.MEDIUM]:{titleVariant:"subtitle1",descriptionVariant:"small"},[SIZES.SMALL]:{titleVariant:"small",descriptionVariant:"small"}}[size])&&void 0!==_SIZES$LARGE$SIZES$ME?_SIZES$LARGE$SIZES$ME:{titleVariant:"small",descriptionVariant:"small"}};export const getLabelColorTheme=(colorTheme,variant)=>colorTheme===COLOR_THEMES.NEGATIVE?variant===VARIANTS.LIGHT?"light":"dark":variant===VARIANTS.LIGHT?"dark":"light";export const getSecondaryLabelColorTheme=(colorTheme,variant)=>colorTheme===COLOR_THEMES.NEGATIVE?variant===VARIANTS.LIGHT?"light":"gray":variant===VARIANTS.LIGHT?"gray":"light";

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

@@ -1,35 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-import { bool, object, objectOf, string } from 'prop-types';
-import UTButton from '../../../UTButton';
-import UTTooltip from '../../../UTTooltip';
-const ActionAdornment = _ref => {
-  let {
-    action = {},
-    dataTestId,
-    disabled,
-    classNames
-  } = _ref;
-  if (!action) return null;
-  return /*#__PURE__*/React.createElement(UTTooltip, {
-    arrow: false,
-    tippyProps: {
-      appendTo: () => document.body,
-      interactive: false
-    },
-    content: action.tooltip
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UTButton, _extends({
-    classNames: classNames,
-    dataTestId: dataTestId,
-    disabled: disabled,
-    size: "small",
-    variant: "text"
-  }, action), action.text)));
-};
-ActionAdornment.propTypes = {
-  action: object,
-  classNames: objectOf(string),
-  dataTestId: string,
-  disabled: bool
-};
-export default ActionAdornment;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}import React from"react";import{bool,object,objectOf,string}from"prop-types";import UTButton from"../../../UTButton";import UTTooltip from"../../../UTTooltip";const ActionAdornment=_ref=>{let{action:action={},dataTestId:dataTestId,disabled:disabled,classNames:classNames}=_ref;return action?React.createElement(UTTooltip,{arrow:!1,tippyProps:{appendTo:()=>document.body,interactive:!1},content:action.tooltip},React.createElement("div",null,React.createElement(UTButton,_extends({classNames:classNames,dataTestId:dataTestId,disabled:disabled,size:"small",variant:"text"},action),action.text))):null};ActionAdornment.propTypes={action:object,classNames:objectOf(string),dataTestId:string,disabled:bool};export default ActionAdornment;

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

@@ -1,17 +1 @@
-import React from 'react';
-import { number, oneOfType, string } from 'prop-types';
-import UTBadge from '../../../UTBadge';
-const BadgeAdornment = _ref => {
-  let {
-    text,
-    colorTheme
-  } = _ref;
-  return /*#__PURE__*/React.createElement(UTBadge, {
-    colorTheme: colorTheme
-  }, text);
-};
-BadgeAdornment.propTypes = {
-  colorTheme: string,
-  text: oneOfType([string, number])
-};
-export default BadgeAdornment;
+import React from"react";import{number,oneOfType,string}from"prop-types";import UTBadge from"../../../UTBadge";const BadgeAdornment=_ref=>{let{text:text,colorTheme:colorTheme}=_ref;return React.createElement(UTBadge,{colorTheme:colorTheme},text)};BadgeAdornment.propTypes={colorTheme:string,text:oneOfType([string,number])};export default BadgeAdornment;

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

@@ -1,2 +1 @@
-export const ERROR_ICON = 'IconAlertCircle';
-export const ICON_SIZE = 20;
+export const ERROR_ICON="IconAlertCircle";export const ICON_SIZE=20;

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

@@ -1,48 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-import { shape, string, elementType, bool, oneOfType, object } from 'prop-types';
-import UTIcon from '../../../UTIcon';
-import { isUTIcon } from '../../../../utils/componentUtils';
-import { ERROR_ICON, ICON_SIZE } from './constants';
-import { getIconColorProps } from './utils';
-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 ? ERROR_ICON : Icon;
-  if (!IconToRender) return null;
-  return isUTIcon(IconToRender) ? /*#__PURE__*/React.createElement(UTIcon, _extends({
-    name: IconToRender,
-    size: ICON_SIZE
-  }, getIconColorProps(effectiveChangeOnError, changeOnFocus, colorTheme, error, focused, shade))) : /*#__PURE__*/React.createElement(Icon, {
-    size: 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: bool,
-  changeOnError: bool,
-  changeOnFocus: bool,
-  colorTheme: string,
-  error: oneOfType([bool, string]),
-  focused: bool,
-  Icon: elementType,
-  inputStyle: shape({
-    root: object
-  }),
-  shade: string,
-  showOnlyOnError: bool
-};
-export default IconAdornment;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}import React from"react";import{shape,string,elementType,bool,oneOfType,object}from"prop-types";import UTIcon from"../../../UTIcon";import{isUTIcon}from"../../../../utils/componentUtils";import{ERROR_ICON,ICON_SIZE}from"./constants";import{getIconColorProps}from"./utils";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?ERROR_ICON:Icon;return IconToRender?isUTIcon(IconToRender)?React.createElement(UTIcon,_extends({name:IconToRender,size:ICON_SIZE},getIconColorProps(effectiveChangeOnError,changeOnFocus,colorTheme,error,focused,shade))):React.createElement(Icon,{size:ICON_SIZE,fill:null==inputStyle||null===(_inputStyle$root=inputStyle.root)||void 0===_inputStyle$root?void 0:_inputStyle$root.color}):null};IconAdornment.propTypes={changeIconOnError:bool,changeOnError:bool,changeOnFocus:bool,colorTheme:string,error:oneOfType([bool,string]),focused:bool,Icon:elementType,inputStyle:shape({root:object}),shade:string,showOnlyOnError:bool};export default IconAdornment;

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

@@ -1,10 +1 @@
-export const getIconColorProps = (changeOnError, changeOnFocus, colorTheme, error, focused, shade) => changeOnError && error ? {
-  colorTheme: 'error',
-  shade: '04'
-} : changeOnFocus && focused ? {
-  colorTheme: 'accent',
-  shade: '04'
-} : {
-  colorTheme: colorTheme || 'gray',
-  shade
-};
+export 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};

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

@@ -1,17 +1 @@
-import React from 'react';
-import { string } from 'prop-types';
-import UTLabel from '../../../UTLabel';
-const PrefixAdornment = _ref => {
-  let {
-    text
-  } = _ref;
-  return /*#__PURE__*/React.createElement(UTLabel, {
-    colorTheme: "gray",
-    variant: "small",
-    weight: "medium"
-  }, text);
-};
-PrefixAdornment.propTypes = {
-  text: string
-};
-export default PrefixAdornment;
+import React from"react";import{string}from"prop-types";import UTLabel from"../../../UTLabel";const PrefixAdornment=_ref=>{let{text:text}=_ref;return React.createElement(UTLabel,{colorTheme:"gray",variant:"small",weight:"medium"},text)};PrefixAdornment.propTypes={text:string};export default PrefixAdornment;

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

@@ -1,15 +1 @@
-import React from 'react';
-import { string } from 'prop-types';
-import UTLabel from '../../../UTLabel';
-const SuffixAdornment = _ref => {
-  let {
-    text
-  } = _ref;
-  return /*#__PURE__*/React.createElement(UTLabel, {
-    colorTheme: "gray"
-  }, text);
-};
-SuffixAdornment.propTypes = {
-  text: string
-};
-export default SuffixAdornment;
+import React from"react";import{string}from"prop-types";import UTLabel from"../../../UTLabel";const SuffixAdornment=_ref=>{let{text:text}=_ref;return React.createElement(UTLabel,{colorTheme:"gray"},text)};SuffixAdornment.propTypes={text:string};export default SuffixAdornment;

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

@@ -1,28 +1 @@
-import React from 'react';
-import { string } from 'prop-types';
-import UTIcon from '../../../UTIcon';
-import UTTooltip from '../../../UTTooltip';
-import styles from './styles.module.scss';
-const TooltipAdornment = _ref => {
-  let {
-    contentDataTestId,
-    dataTestId,
-    tooltip
-  } = _ref;
-  return /*#__PURE__*/React.createElement(UTTooltip, {
-    content: tooltip,
-    dataTestId: contentDataTestId
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.tooltip,
-    "data-testid": dataTestId
-  }, /*#__PURE__*/React.createElement(UTIcon, {
-    name: "IconInfoCircle",
-    colorTheme: "gray"
-  })));
-};
-TooltipAdornment.propTypes = {
-  contentDataTestId: string,
-  dataTestId: string,
-  tooltip: string
-};
-export default TooltipAdornment;
+import React from"react";import{string}from"prop-types";import UTIcon from"../../../UTIcon";import UTTooltip from"../../../UTTooltip";import styles from"./styles.module.scss";const TooltipAdornment=_ref=>{let{contentDataTestId:contentDataTestId,dataTestId:dataTestId,tooltip:tooltip}=_ref;return React.createElement(UTTooltip,{content:tooltip,dataTestId:contentDataTestId},React.createElement("div",{className:styles.tooltip,"data-testid":dataTestId},React.createElement(UTIcon,{name:"IconInfoCircle",colorTheme:"gray"})))};TooltipAdornment.propTypes={contentDataTestId:string,dataTestId:string,tooltip:string};export default TooltipAdornment;

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

@@ -1,27 +1 @@
-import { COLOR_THEMES } from '../../constants/Palette';
-import ActionAdornment from './components/ActionAdornment';
-import BadgeAdornment from './components/BadgeAdornment';
-import IconAdornment from './components/IconAdornment';
-import PrefixAdornment from './components/PrefixAdornment';
-import SuffixAdornment from './components/SuffixAdornment';
-import TooltipAdornment from './components/TooltipAdornment';
-export const COMPONENT_KEYS = {
-  ACTION: 'Action',
-  BADGE: 'Badge',
-  ICON: 'Icon',
-  PREFIX: 'Prefix',
-  SUFFIX: 'Suffix',
-  TOOLTIP: 'Tooltip'
-};
-export const COMPONENTS_MAPPER = {
-  [COMPONENT_KEYS.ACTION]: ActionAdornment,
-  [COMPONENT_KEYS.BADGE]: BadgeAdornment,
-  [COMPONENT_KEYS.ICON]: IconAdornment,
-  [COMPONENT_KEYS.PREFIX]: PrefixAdornment,
-  [COMPONENT_KEYS.SUFFIX]: SuffixAdornment,
-  [COMPONENT_KEYS.TOOLTIP]: TooltipAdornment
-};
-export const UT_BASE_INPUT_COLOR_BORDER_FOCUS = 'UT-baseInput-color-border-focus';
-export const DEFAULT_PROPS = {
-  colorTheme: COLOR_THEMES.accent
-};
+import{COLOR_THEMES}from"../../constants/Palette";import ActionAdornment from"./components/ActionAdornment";import BadgeAdornment from"./components/BadgeAdornment";import IconAdornment from"./components/IconAdornment";import PrefixAdornment from"./components/PrefixAdornment";import SuffixAdornment from"./components/SuffixAdornment";import TooltipAdornment from"./components/TooltipAdornment";export const COMPONENT_KEYS={ACTION:"Action",BADGE:"Badge",ICON:"Icon",PREFIX:"Prefix",SUFFIX:"Suffix",TOOLTIP:"Tooltip"};export const COMPONENTS_MAPPER={[COMPONENT_KEYS.ACTION]:ActionAdornment,[COMPONENT_KEYS.BADGE]:BadgeAdornment,[COMPONENT_KEYS.ICON]:IconAdornment,[COMPONENT_KEYS.PREFIX]:PrefixAdornment,[COMPONENT_KEYS.SUFFIX]:SuffixAdornment,[COMPONENT_KEYS.TOOLTIP]:TooltipAdornment};export const UT_BASE_INPUT_COLOR_BORDER_FOCUS="UT-baseInput-color-border-focus";export const DEFAULT_PROPS={colorTheme:COLOR_THEMES.accent};