@widergy/energy-ui 3.172.2 → 3.172.3

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

@@ -1,72 +1 @@
-import { inputFiles } from '@widergy/web-utils/lib/constants/files';
-import { DEFAULT_ATTACHMENT_NAME } from './constants';
-if (window['pdfjs-dist/build/pdf']) window['pdfjs-dist/build/pdf'].GlobalWorkerOptions.workerSrc = "//cdnjs.cloudflare.com/ajax/libs/pdf.js/".concat(window['pdfjs-dist/build/pdf'].version, "/pdf.worker.js");
-const getImage = async imageUrl => fetch(imageUrl, {
-  method: 'GET'
-}).catch(error => console.error(error)); // eslint-disable-line no-console
-
-export const getBlobFromUrl = async (imageUrl, callback) => {
-  if (!imageUrl || !callback) return false;
-  const response = await getImage(imageUrl);
-  if (response !== null && response !== void 0 && response.ok) {
-    try {
-      const blob = await response.blob();
-      callback(blob);
-    } catch {
-      callback(null);
-    }
-  } else {
-    callback(null);
-  }
-};
-const lengthMatches = (length1, length2, toleranceInPercentage) => {
-  const delta = length1 * (toleranceInPercentage / 100);
-  return Math.abs(length1 - length2) < delta;
-};
-const pageMatches = (page, allowedPDFUploadSizes) => {
-  const viewport = page.getViewport({
-    scale: 1
-  });
-  return allowedPDFUploadSizes.some(size => lengthMatches(size.heightInPt, viewport.height, size.toleranceInPercentage) && lengthMatches(size.widthInPt, viewport.width, size.toleranceInPercentage) || lengthMatches(size.heightInPt, viewport.width, size.toleranceInPercentage) && lengthMatches(size.widthInPt, viewport.height, size.toleranceInPercentage));
-};
-export const pdfAspectRatioValidation = async (file, allowedPDFUploadSizes) => {
-  const documentLoadingTask = window['pdfjs-dist/build/pdf'].getDocument(URL.createObjectURL(file));
-  const document = await documentLoadingTask.promise;
-  const totalPages = document.numPages;
-  const getPagePromises = [];
-  for (let pageNumber = 1; pageNumber <= totalPages; pageNumber += 1) {
-    getPagePromises.push(document.getPage(pageNumber));
-  }
-  const pages = await Promise.all(getPagePromises);
-  return pages.every(page => pageMatches(page, allowedPDFUploadSizes));
-};
-export const isImage = file => inputFiles.image.validType.includes(file === null || file === void 0 ? void 0 : file.type);
-export const isPDF = file => inputFiles.pdf.validType.includes(file === null || file === void 0 ? void 0 : file.type);
-export const isAudio = file => inputFiles.audio.validType.includes(file === null || file === void 0 ? void 0 : file.type);
-export const isVideo = file => inputFiles.video.validType.includes(file === null || file === void 0 ? void 0 : file.type);
-export const isHTML = file => inputFiles.html.validType.includes(file === null || file === void 0 ? void 0 : file.type);
-export const isCSV = file => inputFiles.csv.validType.includes(file === null || file === void 0 ? void 0 : file.type);
-export const isXLS = file => inputFiles.xls.validType.includes(file === null || file === void 0 ? void 0 : file.type);
-export const isXLSX = file => inputFiles.xlsx.validType.includes(file === null || file === void 0 ? void 0 : file.type);
-export const isDownloadable = file => isPDF(file) || isCSV(file) || isXLS(file) || isXLSX(file);
-export const hasPreview = file => isImage(file) || isAudio(file) || isVideo(file) || isPDF(file);
-export const isValidFile = file => hasPreview(file) || isPDF(file) || isHTML(file);
-export const isNewFile = (newFile, oldFile) => {
-  var _newFile$file, _oldFile$file;
-  if (!newFile && !oldFile) return false;
-  if (!newFile || !oldFile) return true;
-  const newFileType = typeof newFile;
-  const oldFileType = typeof oldFile;
-  if (newFileType !== oldFileType) return true;
-  if (newFileType === 'string') return newFile !== oldFile;
-  return ((_newFile$file = newFile.file) === null || _newFile$file === void 0 ? void 0 : _newFile$file.lastModified) !== ((_oldFile$file = oldFile.file) === null || _oldFile$file === void 0 ? void 0 : _oldFile$file.lastModified);
-};
-export const getAvailableFileTypesLabel = acceptedFileTypes => {
-  if (Array.isArray(acceptedFileTypes)) {
-    return acceptedFileTypes.join(', ').replace(/,\s([^,]+)$/, ' o $1');
-  }
-  return acceptedFileTypes.split(',').filter(type => type.trim().startsWith('.')).join(', ').replace(/,\s([^,]+)$/, ' o $1');
-};
-export const getSizeInMB = maxFileSize => (maxFileSize / 1048576).toFixed(2);
-export const getNotRepeatedFiles = files => files.filter((file, index, self) => index === self.findIndex(f => f.name === file.name));
-export const getDefaultAttachment = (fileType, index) => "".concat(DEFAULT_ATTACHMENT_NAME, "-").concat(index).concat(fileType && ".".concat(fileType));
+import{inputFiles}from"@widergy/web-utils/lib/constants/files";import{DEFAULT_ATTACHMENT_NAME}from"./constants";window["pdfjs-dist/build/pdf"]&&(window["pdfjs-dist/build/pdf"].GlobalWorkerOptions.workerSrc="//cdnjs.cloudflare.com/ajax/libs/pdf.js/".concat(window["pdfjs-dist/build/pdf"].version,"/pdf.worker.js"));const getImage=async imageUrl=>fetch(imageUrl,{method:"GET"}).catch(error=>console.error(error));export const getBlobFromUrl=async(imageUrl,callback)=>{if(!imageUrl||!callback)return!1;const response=await getImage(imageUrl);if(null!=response&&response.ok)try{callback(await response.blob())}catch{callback(null)}else callback(null)};const lengthMatches=(length1,length2,toleranceInPercentage)=>{const delta=length1*(toleranceInPercentage/100);return Math.abs(length1-length2)<delta},pageMatches=(page,allowedPDFUploadSizes)=>{const viewport=page.getViewport({scale:1});return allowedPDFUploadSizes.some(size=>lengthMatches(size.heightInPt,viewport.height,size.toleranceInPercentage)&&lengthMatches(size.widthInPt,viewport.width,size.toleranceInPercentage)||lengthMatches(size.heightInPt,viewport.width,size.toleranceInPercentage)&&lengthMatches(size.widthInPt,viewport.height,size.toleranceInPercentage))};export const pdfAspectRatioValidation=async(file,allowedPDFUploadSizes)=>{const documentLoadingTask=window["pdfjs-dist/build/pdf"].getDocument(URL.createObjectURL(file)),document=await documentLoadingTask.promise,totalPages=document.numPages,getPagePromises=[];for(let pageNumber=1;pageNumber<=totalPages;pageNumber+=1)getPagePromises.push(document.getPage(pageNumber));return(await Promise.all(getPagePromises)).every(page=>pageMatches(page,allowedPDFUploadSizes))};export const isImage=file=>inputFiles.image.validType.includes(null==file?void 0:file.type);export const isPDF=file=>inputFiles.pdf.validType.includes(null==file?void 0:file.type);export const isAudio=file=>inputFiles.audio.validType.includes(null==file?void 0:file.type);export const isVideo=file=>inputFiles.video.validType.includes(null==file?void 0:file.type);export const isHTML=file=>inputFiles.html.validType.includes(null==file?void 0:file.type);export const isCSV=file=>inputFiles.csv.validType.includes(null==file?void 0:file.type);export const isXLS=file=>inputFiles.xls.validType.includes(null==file?void 0:file.type);export const isXLSX=file=>inputFiles.xlsx.validType.includes(null==file?void 0:file.type);export const isDownloadable=file=>isPDF(file)||isCSV(file)||isXLS(file)||isXLSX(file);export const hasPreview=file=>isImage(file)||isAudio(file)||isVideo(file)||isPDF(file);export const isValidFile=file=>hasPreview(file)||isPDF(file)||isHTML(file);export const isNewFile=(newFile,oldFile)=>{var _newFile$file,_oldFile$file;if(!newFile&&!oldFile)return!1;if(!newFile||!oldFile)return!0;const newFileType=typeof newFile;return newFileType!==typeof oldFile||("string"===newFileType?newFile!==oldFile:(null===(_newFile$file=newFile.file)||void 0===_newFile$file?void 0:_newFile$file.lastModified)!==(null===(_oldFile$file=oldFile.file)||void 0===_oldFile$file?void 0:_oldFile$file.lastModified))};export const getAvailableFileTypesLabel=acceptedFileTypes=>Array.isArray(acceptedFileTypes)?acceptedFileTypes.join(", ").replace(/,\s([^,]+)$/," o $1"):acceptedFileTypes.split(",").filter(type=>type.trim().startsWith(".")).join(", ").replace(/,\s([^,]+)$/," o $1");export const getSizeInMB=maxFileSize=>(maxFileSize/1048576).toFixed(2);export const getNotRepeatedFiles=files=>files.filter((file,index,self)=>index===self.findIndex(f=>f.name===file.name));export const getDefaultAttachment=(fileType,index)=>"".concat(DEFAULT_ATTACHMENT_NAME,"-").concat(index).concat(fileType&&".".concat(fileType));

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

@@ -1,144 +1 @@
-export const DEFAULT_ICON = 'IconUser';
-export const SHAPE = {
-  CIRCLE: 'circle',
-  SQUARE: 'rounded'
-};
-export const SIZE = {
-  SMALL: 'small',
-  MEDIUM: 'medium',
-  LARGE: 'large',
-  XLARGE: 'xlarge',
-  XXLARGE: 'xxlarge',
-  XXXLARGE: 'xxxlarge'
-};
-export const TYPE = {
-  ICON: 'icon',
-  LETTER: 'letter'
-};
-export const SIZE_VARIANTS = {
-  [SIZE.SMALL]: {
-    [TYPE.LETTER]: 'small',
-    [TYPE.ICON]: 16
-  },
-  [SIZE.MEDIUM]: {
-    [TYPE.LETTER]: 'subtitle1',
-    [TYPE.ICON]: 16
-  },
-  [SIZE.LARGE]: {
-    [TYPE.LETTER]: 'subtitle1',
-    [TYPE.ICON]: 18
-  },
-  [SIZE.XLARGE]: {
-    [TYPE.LETTER]: 'title2',
-    [TYPE.ICON]: 24
-  },
-  [SIZE.XXLARGE]: {
-    [TYPE.LETTER]: 'title1',
-    [TYPE.ICON]: 28
-  },
-  [SIZE.XXXLARGE]: {
-    [TYPE.LETTER]: 'title1',
-    [TYPE.ICON]: 32
-  }
-};
-export const defaultPalette = [{
-  backgroundColor: 'rgb(0, 0, 180)',
-  color: '#FFF',
-  colorTheme: 'light'
-}, {
-  backgroundColor: 'rgb(175, 13, 102)',
-  color: '#FFF',
-  colorTheme: 'light'
-}, {
-  backgroundColor: 'rgb(146,248,70)',
-  color: '#000',
-  colorTheme: 'dark'
-}, {
-  backgroundColor: 'rgb(255, 200, 47)',
-  color: '#000',
-  colorTheme: 'dark'
-}, {
-  backgroundColor: 'rgb(255,118,0)',
-  color: '#000',
-  colorTheme: 'dark'
-}, {
-  backgroundColor: 'rgb(0, 0, 180)',
-  color: '#000',
-  colorTheme: 'dark'
-}, {
-  backgroundColor: 'rgb(235,235,222)',
-  color: '#000',
-  colorTheme: 'dark'
-}, {
-  backgroundColor: 'rgb(100,100,100)',
-  color: '#FFF',
-  colorTheme: 'light'
-}, {
-  backgroundColor: 'rgb(255,255,0)',
-  color: '#000',
-  colorTheme: 'dark'
-}, {
-  backgroundColor: 'rgb(55,19,112)',
-  color: '#FFF',
-  colorTheme: 'light'
-}, {
-  backgroundColor: 'rgb(255,255,150)',
-  color: '#000',
-  colorTheme: 'dark'
-}, {
-  backgroundColor: 'rgb(202,62,94)',
-  color: '#FFF',
-  colorTheme: 'light'
-}, {
-  backgroundColor: 'rgb(205,145,63)',
-  color: '#000',
-  colorTheme: 'dark'
-}, {
-  backgroundColor: 'rgb(12,75,100)',
-  color: '#FFF',
-  colorTheme: 'light'
-}, {
-  backgroundColor: 'rgb(175,155,50)',
-  color: '#000',
-  colorTheme: 'dark'
-}, {
-  backgroundColor: '#000',
-  color: '#FFF',
-  colorTheme: 'light'
-}, {
-  backgroundColor: 'rgb(37,70,25)',
-  color: '#FFF',
-  colorTheme: 'light'
-}, {
-  backgroundColor: 'rgb(121,33,135)',
-  color: '#FFF',
-  colorTheme: 'light'
-}, {
-  backgroundColor: 'rgb(83,140,208)',
-  color: '#FFF',
-  colorTheme: 'light'
-}, {
-  backgroundColor: 'rgb(0,154,37)',
-  color: '#000',
-  colorTheme: 'dark'
-}, {
-  backgroundColor: 'rgb(178,220,205)',
-  color: '#000',
-  colorTheme: 'dark'
-}, {
-  backgroundColor: 'rgb(255,152,213)',
-  color: '#000',
-  colorTheme: 'dark'
-}, {
-  backgroundColor: 'rgb(0,0,74)',
-  color: '#FFF',
-  colorTheme: 'light'
-}, {
-  backgroundColor: 'rgb(175,200,74)',
-  color: '#000',
-  colorTheme: 'dark'
-}, {
-  backgroundColor: 'rgb(63,25,12)',
-  color: '#FFF',
-  colorTheme: 'light'
-}];
+export const DEFAULT_ICON="IconUser";export const SHAPE={CIRCLE:"circle",SQUARE:"rounded"};export const SIZE={SMALL:"small",MEDIUM:"medium",LARGE:"large",XLARGE:"xlarge",XXLARGE:"xxlarge",XXXLARGE:"xxxlarge"};export const TYPE={ICON:"icon",LETTER:"letter"};export const SIZE_VARIANTS={[SIZE.SMALL]:{[TYPE.LETTER]:"small",[TYPE.ICON]:16},[SIZE.MEDIUM]:{[TYPE.LETTER]:"subtitle1",[TYPE.ICON]:16},[SIZE.LARGE]:{[TYPE.LETTER]:"subtitle1",[TYPE.ICON]:18},[SIZE.XLARGE]:{[TYPE.LETTER]:"title2",[TYPE.ICON]:24},[SIZE.XXLARGE]:{[TYPE.LETTER]:"title1",[TYPE.ICON]:28},[SIZE.XXXLARGE]:{[TYPE.LETTER]:"title1",[TYPE.ICON]:32}};export const defaultPalette=[{backgroundColor:"rgb(0, 0, 180)",color:"#FFF",colorTheme:"light"},{backgroundColor:"rgb(175, 13, 102)",color:"#FFF",colorTheme:"light"},{backgroundColor:"rgb(146,248,70)",color:"#000",colorTheme:"dark"},{backgroundColor:"rgb(255, 200, 47)",color:"#000",colorTheme:"dark"},{backgroundColor:"rgb(255,118,0)",color:"#000",colorTheme:"dark"},{backgroundColor:"rgb(0, 0, 180)",color:"#000",colorTheme:"dark"},{backgroundColor:"rgb(235,235,222)",color:"#000",colorTheme:"dark"},{backgroundColor:"rgb(100,100,100)",color:"#FFF",colorTheme:"light"},{backgroundColor:"rgb(255,255,0)",color:"#000",colorTheme:"dark"},{backgroundColor:"rgb(55,19,112)",color:"#FFF",colorTheme:"light"},{backgroundColor:"rgb(255,255,150)",color:"#000",colorTheme:"dark"},{backgroundColor:"rgb(202,62,94)",color:"#FFF",colorTheme:"light"},{backgroundColor:"rgb(205,145,63)",color:"#000",colorTheme:"dark"},{backgroundColor:"rgb(12,75,100)",color:"#FFF",colorTheme:"light"},{backgroundColor:"rgb(175,155,50)",color:"#000",colorTheme:"dark"},{backgroundColor:"#000",color:"#FFF",colorTheme:"light"},{backgroundColor:"rgb(37,70,25)",color:"#FFF",colorTheme:"light"},{backgroundColor:"rgb(121,33,135)",color:"#FFF",colorTheme:"light"},{backgroundColor:"rgb(83,140,208)",color:"#FFF",colorTheme:"light"},{backgroundColor:"rgb(0,154,37)",color:"#000",colorTheme:"dark"},{backgroundColor:"rgb(178,220,205)",color:"#000",colorTheme:"dark"},{backgroundColor:"rgb(255,152,213)",color:"#000",colorTheme:"dark"},{backgroundColor:"rgb(0,0,74)",color:"#FFF",colorTheme:"light"},{backgroundColor:"rgb(175,200,74)",color:"#000",colorTheme:"dark"},{backgroundColor:"rgb(63,25,12)",color:"#FFF",colorTheme:"light"}];

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

@@ -1,73 +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 Avatar from '@material-ui/core/Avatar';
-import { arrayOf, bool, shape, string } from 'prop-types';
-import UTLabel from '../UTLabel';
-import UTIcon from '../UTIcon';
-import componentUtils from '../../utils/componentUtils';
-import { defaultPalette, DEFAULT_ICON, SHAPE, SIZE, SIZE_VARIANTS, TYPE } from './constants';
-import ownStyles from './styles.module.scss';
-const UTAvatar = _ref => {
-  var _iconProps$name;
-  let {
-    abbreviation,
-    areaShape = SHAPE.CIRCLE,
-    className,
-    iconProps,
-    labelProps,
-    manualColors,
-    palette,
-    size = SIZE.MEDIUM,
-    dataTestId,
-    type = TYPE.LETTER,
-    userName
-  } = _ref;
-  const {
-    getFirstLetter,
-    getAvatarColors
-  } = componentUtils;
-  const {
-    colorTheme,
-    ...styles
-  } = getAvatarColors(type === TYPE.LETTER ? userName || abbreviation : (_iconProps$name = iconProps === null || iconProps === void 0 ? void 0 : iconProps.name) !== null && _iconProps$name !== void 0 ? _iconProps$name : DEFAULT_ICON, palette || defaultPalette);
-  const sizeVariant = SIZE_VARIANTS[size][type];
-  const textToShow = abbreviation || getFirstLetter(userName);
-  return /*#__PURE__*/React.createElement(Avatar, {
-    className: "".concat(className !== null && className !== void 0 ? className : '', " ").concat(size ? ownStyles[size] : ''),
-    style: manualColors ? {} : styles,
-    variant: areaShape,
-    "data-testid": dataTestId
-  }, type === TYPE.LETTER ? /*#__PURE__*/React.createElement(UTLabel, _extends({
-    colorTheme: colorTheme,
-    variant: sizeVariant,
-    weight: "medium"
-  }, labelProps), textToShow) : /*#__PURE__*/React.createElement(UTIcon, _extends({
-    colorTheme: colorTheme,
-    name: DEFAULT_ICON,
-    size: sizeVariant
-  }, iconProps)));
-};
-UTAvatar.propTypes = {
-  abbreviation: string,
-  className: string,
-  iconProps: shape({
-    className: string,
-    variant: string
-  }),
-  labelProps: shape({
-    className: string,
-    variant: string,
-    weight: string
-  }),
-  manualColors: bool,
-  palette: arrayOf(shape({
-    color: string,
-    backgroundColor: string
-  })),
-  areaShape: string,
-  size: string,
-  dataTestId: string,
-  type: string,
-  userName: string
-};
-export default UTAvatar;
+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 Avatar from"@material-ui/core/Avatar";import{arrayOf,bool,shape,string}from"prop-types";import UTLabel from"../UTLabel";import UTIcon from"../UTIcon";import componentUtils from"../../utils/componentUtils";import{defaultPalette,DEFAULT_ICON,SHAPE,SIZE,SIZE_VARIANTS,TYPE}from"./constants";import ownStyles from"./styles.module.scss";const UTAvatar=_ref=>{var _iconProps$name;let{abbreviation:abbreviation,areaShape:areaShape=SHAPE.CIRCLE,className:className,iconProps:iconProps,labelProps:labelProps,manualColors:manualColors,palette:palette,size:size=SIZE.MEDIUM,dataTestId:dataTestId,type:type=TYPE.LETTER,userName:userName}=_ref;const{getFirstLetter:getFirstLetter,getAvatarColors:getAvatarColors}=componentUtils,{colorTheme:colorTheme,...styles}=getAvatarColors(type===TYPE.LETTER?userName||abbreviation:null!==(_iconProps$name=null==iconProps?void 0:iconProps.name)&&void 0!==_iconProps$name?_iconProps$name:DEFAULT_ICON,palette||defaultPalette),sizeVariant=SIZE_VARIANTS[size][type],textToShow=abbreviation||getFirstLetter(userName);return React.createElement(Avatar,{className:"".concat(null!=className?className:""," ").concat(size?ownStyles[size]:""),style:manualColors?{}:styles,variant:areaShape,"data-testid":dataTestId},type===TYPE.LETTER?React.createElement(UTLabel,_extends({colorTheme:colorTheme,variant:sizeVariant,weight:"medium"},labelProps),textToShow):React.createElement(UTIcon,_extends({colorTheme:colorTheme,name:DEFAULT_ICON,size:sizeVariant},iconProps)))};UTAvatar.propTypes={abbreviation:string,className:string,iconProps:shape({className:string,variant:string}),labelProps:shape({className:string,variant:string,weight:string}),manualColors:bool,palette:arrayOf(shape({color:string,backgroundColor:string})),areaShape:string,size:string,dataTestId:string,type:string,userName:string};export default UTAvatar;

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

@@ -1,162 +1 @@
-import { SHAPE, SIZE, TYPE } from '../constants';
-
-// Common argTypes used across multiple stories files
-export const COMMON_ARG_TYPES = {
-  abbreviation: {
-    control: 'text',
-    description: 'The abbreviation to display instead of the initial letter',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'string'
-      }
-    }
-  },
-  userName: {
-    control: 'text',
-    description: 'The name of the user to display (first letter will be shown)',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'string'
-      }
-    }
-  },
-  areaShape: {
-    control: 'select',
-    description: 'The shape of the avatar',
-    options: Object.values(SHAPE),
-    table: {
-      defaultValue: {
-        summary: SHAPE.CIRCLE
-      },
-      type: {
-        summary: 'string'
-      }
-    }
-  },
-  size: {
-    control: 'select',
-    description: 'The size of the avatar',
-    options: Object.values(SIZE),
-    table: {
-      defaultValue: {
-        summary: SIZE.MEDIUM
-      },
-      type: {
-        summary: 'string'
-      }
-    }
-  },
-  type: {
-    control: 'select',
-    description: 'The type of avatar content (letter or icon)',
-    options: Object.values(TYPE),
-    table: {
-      defaultValue: {
-        summary: TYPE.LETTER
-      },
-      type: {
-        summary: 'string'
-      }
-    }
-  },
-  manualColors: {
-    control: 'boolean',
-    description: 'Whether to use manual colors instead of automatic palette',
-    table: {
-      defaultValue: {
-        summary: false
-      },
-      type: {
-        summary: 'boolean'
-      }
-    }
-  },
-  className: {
-    control: 'text',
-    description: 'Additional CSS class names',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'string'
-      }
-    }
-  },
-  labelProps: {
-    control: false,
-    description: 'Props for the internal UTLabel component',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'object'
-      }
-    }
-  },
-  iconProps: {
-    control: false,
-    description: 'Props for the internal UTIcon component',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'object'
-      }
-    }
-  },
-  palette: {
-    control: false,
-    description: 'Custom color palette array',
-    table: {
-      defaultValue: {
-        summary: 'defaultPalette'
-      },
-      type: {
-        summary: 'array'
-      }
-    }
-  },
-  dataTestId: {
-    control: 'text',
-    description: 'Test identifier for the avatar',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'string'
-      }
-    }
-  }
-};
-
-// Common args used across multiple stories files
-export const COMMON_ARGS = {
-  userName: 'John Doe',
-  areaShape: SHAPE.CIRCLE,
-  size: SIZE.XLARGE,
-  type: TYPE.LETTER,
-  manualColors: false,
-  dataTestId: 'customAvatarId'
-};
-
-// Common parameters used across multiple stories files
-export const COMMON_PARAMETERS = {
-  controls: {
-    exclude: ['labelProps', 'iconProps', 'palette', 'className']
-  },
-  docs: {
-    description: {
-      component: 'Avatar component that displays user initials or icons with automatically generated colors based on the user name. Supports multiple sizes and shapes.'
-    }
-  }
-};
+import{SHAPE,SIZE,TYPE}from"../constants";export const COMMON_ARG_TYPES={abbreviation:{control:"text",description:"The abbreviation to display instead of the initial letter",table:{defaultValue:{summary:"undefined"},type:{summary:"string"}}},userName:{control:"text",description:"The name of the user to display (first letter will be shown)",table:{defaultValue:{summary:"undefined"},type:{summary:"string"}}},areaShape:{control:"select",description:"The shape of the avatar",options:Object.values(SHAPE),table:{defaultValue:{summary:SHAPE.CIRCLE},type:{summary:"string"}}},size:{control:"select",description:"The size of the avatar",options:Object.values(SIZE),table:{defaultValue:{summary:SIZE.MEDIUM},type:{summary:"string"}}},type:{control:"select",description:"The type of avatar content (letter or icon)",options:Object.values(TYPE),table:{defaultValue:{summary:TYPE.LETTER},type:{summary:"string"}}},manualColors:{control:"boolean",description:"Whether to use manual colors instead of automatic palette",table:{defaultValue:{summary:!1},type:{summary:"boolean"}}},className:{control:"text",description:"Additional CSS class names",table:{defaultValue:{summary:"undefined"},type:{summary:"string"}}},labelProps:{control:!1,description:"Props for the internal UTLabel component",table:{defaultValue:{summary:"undefined"},type:{summary:"object"}}},iconProps:{control:!1,description:"Props for the internal UTIcon component",table:{defaultValue:{summary:"undefined"},type:{summary:"object"}}},palette:{control:!1,description:"Custom color palette array",table:{defaultValue:{summary:"defaultPalette"},type:{summary:"array"}}},dataTestId:{control:"text",description:"Test identifier for the avatar",table:{defaultValue:{summary:"undefined"},type:{summary:"string"}}}};export const COMMON_ARGS={userName:"John Doe",areaShape:SHAPE.CIRCLE,size:SIZE.XLARGE,type:TYPE.LETTER,manualColors:!1,dataTestId:"customAvatarId"};export const COMMON_PARAMETERS={controls:{exclude:["labelProps","iconProps","palette","className"]},docs:{description:{component:"Avatar component that displays user initials or icons with automatically generated colors based on the user name. Supports multiple sizes and shapes."}}};

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

@@ -1,3 +1 @@
-export const DEFAULT_PROPS = {
-  colorTheme: 'error'
-};
+export const DEFAULT_PROPS={colorTheme:"error"};

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

@@ -1,43 +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 { number, objectOf, oneOfType, string } from 'prop-types';
-import { valueExists } from '../../utils/componentUtils';
-import { COLOR_THEMES } from '../../constants/Palette';
-import UTLabel from '../UTLabel';
-import WithTheme from '../WithTheme';
-import { retrieveStyle } from './theme';
-import { DEFAULT_PROPS } from './constants';
-const UTBadge = _ref => {
-  let {
-    children,
-    classes,
-    className,
-    colorTheme
-  } = _ref;
-  const textColorTheme = [COLOR_THEMES.negative, COLOR_THEMES.light].includes(colorTheme) ? 'dark' : 'negative';
-  const {
-    Component,
-    componentProps
-  } = valueExists(children) ? {
-    Component: UTLabel,
-    componentProps: {
-      colorTheme: textColorTheme,
-      variant: 'xsmall',
-      weight: 'medium'
-    }
-  } : {
-    Component: 'span',
-    componentProps: {}
-  };
-  return /*#__PURE__*/React.createElement(Component, _extends({
-    className: "".concat(classes.root, " ").concat(className || '')
-  }, componentProps), children);
-};
-UTBadge.defaultProps = DEFAULT_PROPS;
-UTBadge.propTypes = {
-  children: oneOfType([number, string]),
-  classes: objectOf(string),
-  className: string,
-  colorTheme: string
-};
-export default WithTheme(retrieveStyle)(UTBadge);
+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{number,objectOf,oneOfType,string}from"prop-types";import{valueExists}from"../../utils/componentUtils";import{COLOR_THEMES}from"../../constants/Palette";import UTLabel from"../UTLabel";import WithTheme from"../WithTheme";import{retrieveStyle}from"./theme";import{DEFAULT_PROPS}from"./constants";const UTBadge=_ref=>{let{children:children,classes:classes,className:className,colorTheme:colorTheme}=_ref;const textColorTheme=[COLOR_THEMES.negative,COLOR_THEMES.light].includes(colorTheme)?"dark":"negative",{Component:Component,componentProps:componentProps}=valueExists(children)?{Component:UTLabel,componentProps:{colorTheme:textColorTheme,variant:"xsmall",weight:"medium"}}:{Component:"span",componentProps:{}};return React.createElement(Component,_extends({className:"".concat(classes.root," ").concat(className||"")},componentProps),children)};UTBadge.defaultProps=DEFAULT_PROPS,UTBadge.propTypes={children:oneOfType([number,string]),classes:objectOf(string),className:string,colorTheme:string};export default WithTheme(retrieveStyle)(UTBadge);

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

@@ -1,48 +1 @@
-import { valueExists, getDefaultColorShade } from '../../utils/componentUtils';
-import { DEFAULT_PROPS } from './constants';
-export const variantsColorTheme = (theme, colorTheme, shade) => {
-  var _theme$Palette$action;
-  const colorThemeDefinition = theme.Palette[colorTheme] || ((_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action[colorTheme]) || theme.Palette[DEFAULT_PROPS.colorTheme];
-  const colorShade = getDefaultColorShade(colorTheme);
-  const backgroundColor = colorThemeDefinition[shade] || colorThemeDefinition[colorShade];
-  return {
-    backgroundColor
-  };
-};
-const baseButtonTheme = () => ({
-  root: {
-    alignItems: 'center',
-    borderRadius: '100px',
-    display: 'inline-flex',
-    flexShrink: 0,
-    height: 'fit-content',
-    justifyContent: 'center',
-    minHeight: '10px',
-    minWidth: '10px',
-    verticalAlign: 'middle'
-  },
-  text: {
-    height: '20px',
-    padding: '0 6px',
-    textAlign: 'center',
-    width: 'fit-content'
-  }
-});
-export const retrieveStyle = _ref => {
-  let {
-    theme,
-    colorTheme,
-    children,
-    shade
-  } = _ref;
-  const baseTheme = baseButtonTheme();
-  const textTheme = valueExists(children) ? baseTheme.text : {};
-  const variantTheme = variantsColorTheme(theme, colorTheme, shade);
-  return {
-    root: {
-      ...baseTheme.root,
-      ...textTheme,
-      ...variantTheme
-    }
-  };
-};
+import{valueExists,getDefaultColorShade}from"../../utils/componentUtils";import{DEFAULT_PROPS}from"./constants";export const variantsColorTheme=(theme,colorTheme,shade)=>{var _theme$Palette$action;const colorThemeDefinition=theme.Palette[colorTheme]||(null===(_theme$Palette$action=theme.Palette.actions)||void 0===_theme$Palette$action?void 0:_theme$Palette$action[colorTheme])||theme.Palette[DEFAULT_PROPS.colorTheme],colorShade=getDefaultColorShade(colorTheme);return{backgroundColor:colorThemeDefinition[shade]||colorThemeDefinition[colorShade]}};const baseButtonTheme=()=>({root:{alignItems:"center",borderRadius:"100px",display:"inline-flex",flexShrink:0,height:"fit-content",justifyContent:"center",minHeight:"10px",minWidth:"10px",verticalAlign:"middle"},text:{height:"20px",padding:"0 6px",textAlign:"center",width:"fit-content"}});export const retrieveStyle=_ref=>{let{theme:theme,colorTheme:colorTheme,children:children,shade:shade}=_ref;const baseTheme=baseButtonTheme(),textTheme=valueExists(children)?baseTheme.text:{},variantTheme=variantsColorTheme(theme,colorTheme,shade);return{root:{...baseTheme.root,...textTheme,...variantTheme}}};

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

@@ -1,30 +1 @@
-export const SIZES = {
-  SMALL: 'small',
-  MEDIUM: 'medium',
-  LARGE: 'large'
-};
-export const COLOR_THEMES = {
-  ERROR: 'error',
-  GRAY: 'gray',
-  INFORMATION: 'information',
-  NEGATIVE: 'negative',
-  PRIMARY: 'primary',
-  SUCCESS: 'success',
-  WARNING: 'warning',
-  WHITE: 'white'
-};
-export const VARIANTS = {
-  DARK: 'dark',
-  LIGHT: 'light'
-};
-export const PLACEMENTS = {
-  HORIZONTAL: 'horizontal',
-  VERTICAL: 'vertical'
-};
-export const DEFAULT_PROPS = {
-  buttonPlacement: PLACEMENTS.HORIZONTAL,
-  colorTheme: COLOR_THEMES.GRAY,
-  iconPlacement: PLACEMENTS.HORIZONTAL,
-  size: SIZES.MEDIUM,
-  variant: VARIANTS.LIGHT
-};
+export const SIZES={SMALL:"small",MEDIUM:"medium",LARGE:"large"};export const COLOR_THEMES={ERROR:"error",GRAY:"gray",INFORMATION:"information",NEGATIVE:"negative",PRIMARY:"primary",SUCCESS:"success",WARNING:"warning",WHITE:"white"};export const VARIANTS={DARK:"dark",LIGHT:"light"};export const PLACEMENTS={HORIZONTAL:"horizontal",VERTICAL:"vertical"};export const DEFAULT_PROPS={buttonPlacement:PLACEMENTS.HORIZONTAL,colorTheme:COLOR_THEMES.GRAY,iconPlacement:PLACEMENTS.HORIZONTAL,size:SIZES.MEDIUM,variant:VARIANTS.LIGHT};