@widergy/energy-ui 3.172.3 → 3.173.0

package/dist/components/UTAttachmentList/utils.js

@@ -1 +1,96 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.pdfAspectRatioValidation=exports.isXLSX=exports.isXLS=exports.isVideo=exports.isValidFile=exports.isPDF=exports.isNewFile=exports.isImage=exports.isHTML=exports.isDownloadable=exports.isCSV=exports.isAudio=exports.hasPreview=exports.getSizeInMB=exports.getNotRepeatedFiles=exports.getDefaultAttachment=exports.getBlobFromUrl=exports.getAvailableFileTypesLabel=void 0;var _files=require("@widergy/web-utils/lib/constants/files"),_constants=require("./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)),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)};exports.getBlobFromUrl=getBlobFromUrl;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))},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))};exports.pdfAspectRatioValidation=pdfAspectRatioValidation;const isImage=file=>_files.inputFiles.image.validType.includes(null==file?void 0:file.type);exports.isImage=isImage;const isPDF=file=>_files.inputFiles.pdf.validType.includes(null==file?void 0:file.type);exports.isPDF=isPDF;const isAudio=file=>_files.inputFiles.audio.validType.includes(null==file?void 0:file.type);exports.isAudio=isAudio;const isVideo=file=>_files.inputFiles.video.validType.includes(null==file?void 0:file.type);exports.isVideo=isVideo;const isHTML=file=>_files.inputFiles.html.validType.includes(null==file?void 0:file.type);exports.isHTML=isHTML;const isCSV=file=>_files.inputFiles.csv.validType.includes(null==file?void 0:file.type);exports.isCSV=isCSV;const isXLS=file=>_files.inputFiles.xls.validType.includes(null==file?void 0:file.type);exports.isXLS=isXLS;const isXLSX=file=>_files.inputFiles.xlsx.validType.includes(null==file?void 0:file.type);exports.isXLSX=isXLSX;const isDownloadable=file=>isPDF(file)||isCSV(file)||isXLS(file)||isXLSX(file);exports.isDownloadable=isDownloadable;const hasPreview=file=>isImage(file)||isAudio(file)||isVideo(file)||isPDF(file);exports.hasPreview=hasPreview;const isValidFile=file=>hasPreview(file)||isPDF(file)||isHTML(file);exports.isValidFile=isValidFile;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))};exports.isNewFile=isNewFile;const getAvailableFileTypesLabel=acceptedFileTypes=>Array.isArray(acceptedFileTypes)?acceptedFileTypes.join(", ").replace(/,\s([^,]+)$/," o $1"):acceptedFileTypes.split(",").filter(type=>type.trim().startsWith(".")).join(", ").replace(/,\s([^,]+)$/," o $1");exports.getAvailableFileTypesLabel=getAvailableFileTypesLabel;const getSizeInMB=maxFileSize=>(maxFileSize/1048576).toFixed(2);exports.getSizeInMB=getSizeInMB;const getNotRepeatedFiles=files=>files.filter((file,index,self)=>index===self.findIndex(f=>f.name===file.name));exports.getNotRepeatedFiles=getNotRepeatedFiles;const getDefaultAttachment=(fileType,index)=>"".concat(_constants.DEFAULT_ATTACHMENT_NAME,"-").concat(index).concat(fileType&&".".concat(fileType));exports.getDefaultAttachment=getDefaultAttachment;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pdfAspectRatioValidation = exports.isXLSX = exports.isXLS = exports.isVideo = exports.isValidFile = exports.isPDF = exports.isNewFile = exports.isImage = exports.isHTML = exports.isDownloadable = exports.isCSV = exports.isAudio = exports.hasPreview = exports.getSizeInMB = exports.getNotRepeatedFiles = exports.getDefaultAttachment = exports.getBlobFromUrl = exports.getAvailableFileTypesLabel = void 0;
+var _files = require("@widergy/web-utils/lib/constants/files");
+var _constants = require("./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
+
+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);
+  }
+};
+exports.getBlobFromUrl = getBlobFromUrl;
+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));
+};
+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));
+};
+exports.pdfAspectRatioValidation = pdfAspectRatioValidation;
+const isImage = file => _files.inputFiles.image.validType.includes(file === null || file === void 0 ? void 0 : file.type);
+exports.isImage = isImage;
+const isPDF = file => _files.inputFiles.pdf.validType.includes(file === null || file === void 0 ? void 0 : file.type);
+exports.isPDF = isPDF;
+const isAudio = file => _files.inputFiles.audio.validType.includes(file === null || file === void 0 ? void 0 : file.type);
+exports.isAudio = isAudio;
+const isVideo = file => _files.inputFiles.video.validType.includes(file === null || file === void 0 ? void 0 : file.type);
+exports.isVideo = isVideo;
+const isHTML = file => _files.inputFiles.html.validType.includes(file === null || file === void 0 ? void 0 : file.type);
+exports.isHTML = isHTML;
+const isCSV = file => _files.inputFiles.csv.validType.includes(file === null || file === void 0 ? void 0 : file.type);
+exports.isCSV = isCSV;
+const isXLS = file => _files.inputFiles.xls.validType.includes(file === null || file === void 0 ? void 0 : file.type);
+exports.isXLS = isXLS;
+const isXLSX = file => _files.inputFiles.xlsx.validType.includes(file === null || file === void 0 ? void 0 : file.type);
+exports.isXLSX = isXLSX;
+const isDownloadable = file => isPDF(file) || isCSV(file) || isXLS(file) || isXLSX(file);
+exports.isDownloadable = isDownloadable;
+const hasPreview = file => isImage(file) || isAudio(file) || isVideo(file) || isPDF(file);
+exports.hasPreview = hasPreview;
+const isValidFile = file => hasPreview(file) || isPDF(file) || isHTML(file);
+exports.isValidFile = isValidFile;
+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);
+};
+exports.isNewFile = isNewFile;
+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');
+};
+exports.getAvailableFileTypesLabel = getAvailableFileTypesLabel;
+const getSizeInMB = maxFileSize => (maxFileSize / 1048576).toFixed(2);
+exports.getSizeInMB = getSizeInMB;
+const getNotRepeatedFiles = files => files.filter((file, index, self) => index === self.findIndex(f => f.name === file.name));
+exports.getNotRepeatedFiles = getNotRepeatedFiles;
+const getDefaultAttachment = (fileType, index) => "".concat(_constants.DEFAULT_ATTACHMENT_NAME, "-").concat(index).concat(fileType && ".".concat(fileType));
+exports.getDefaultAttachment = getDefaultAttachment;

package/dist/components/UTAvatar/constants.js

@@ -1 +1,150 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.defaultPalette=exports.TYPE=exports.SIZE_VARIANTS=exports.SIZE=exports.SHAPE=exports.DEFAULT_ICON=void 0;const DEFAULT_ICON=exports.DEFAULT_ICON="IconUser",SHAPE=exports.SHAPE={CIRCLE:"circle",SQUARE:"rounded"},SIZE=exports.SIZE={SMALL:"small",MEDIUM:"medium",LARGE:"large",XLARGE:"xlarge",XXLARGE:"xxlarge",XXXLARGE:"xxxlarge"},TYPE=exports.TYPE={ICON:"icon",LETTER:"letter"},SIZE_VARIANTS=exports.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}},defaultPalette=exports.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"}];
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultPalette = exports.TYPE = exports.SIZE_VARIANTS = exports.SIZE = exports.SHAPE = exports.DEFAULT_ICON = void 0;
+const DEFAULT_ICON = exports.DEFAULT_ICON = 'IconUser';
+const SHAPE = exports.SHAPE = {
+  CIRCLE: 'circle',
+  SQUARE: 'rounded'
+};
+const SIZE = exports.SIZE = {
+  SMALL: 'small',
+  MEDIUM: 'medium',
+  LARGE: 'large',
+  XLARGE: 'xlarge',
+  XXLARGE: 'xxlarge',
+  XXXLARGE: 'xxxlarge'
+};
+const TYPE = exports.TYPE = {
+  ICON: 'icon',
+  LETTER: 'letter'
+};
+const SIZE_VARIANTS = exports.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
+  }
+};
+const defaultPalette = exports.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/components/UTAvatar/index.js

@@ -1 +1,80 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_Avatar=_interopRequireDefault(require("@material-ui/core/Avatar")),_propTypes=require("prop-types"),_UTLabel=_interopRequireDefault(require("../UTLabel")),_UTIcon=_interopRequireDefault(require("../UTIcon")),_componentUtils=_interopRequireDefault(require("../../utils/componentUtils")),_constants=require("./constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}const UTAvatar=_ref=>{var _iconProps$name;let{abbreviation:abbreviation,areaShape:areaShape=_constants.SHAPE.CIRCLE,className:className,iconProps:iconProps,labelProps:labelProps,manualColors:manualColors,palette:palette,size:size=_constants.SIZE.MEDIUM,dataTestId:dataTestId,type:type=_constants.TYPE.LETTER,userName:userName}=_ref;const{getFirstLetter:getFirstLetter,getAvatarColors:getAvatarColors}=_componentUtils.default,{colorTheme:colorTheme,...styles}=getAvatarColors(type===_constants.TYPE.LETTER?userName||abbreviation:null!==(_iconProps$name=null==iconProps?void 0:iconProps.name)&&void 0!==_iconProps$name?_iconProps$name:_constants.DEFAULT_ICON,palette||_constants.defaultPalette),sizeVariant=_constants.SIZE_VARIANTS[size][type],textToShow=abbreviation||getFirstLetter(userName);return _react.default.createElement(_Avatar.default,{className:"".concat(null!=className?className:""," ").concat(size?_stylesModule.default[size]:""),style:manualColors?{}:styles,variant:areaShape,"data-testid":dataTestId},type===_constants.TYPE.LETTER?_react.default.createElement(_UTLabel.default,_extends({colorTheme:colorTheme,variant:sizeVariant,weight:"medium"},labelProps),textToShow):_react.default.createElement(_UTIcon.default,_extends({colorTheme:colorTheme,name:_constants.DEFAULT_ICON,size:sizeVariant},iconProps)))};UTAvatar.propTypes={abbreviation:_propTypes.string,className:_propTypes.string,iconProps:(0,_propTypes.shape)({className:_propTypes.string,variant:_propTypes.string}),labelProps:(0,_propTypes.shape)({className:_propTypes.string,variant:_propTypes.string,weight:_propTypes.string}),manualColors:_propTypes.bool,palette:(0,_propTypes.arrayOf)((0,_propTypes.shape)({color:_propTypes.string,backgroundColor:_propTypes.string})),areaShape:_propTypes.string,size:_propTypes.string,dataTestId:_propTypes.string,type:_propTypes.string,userName:_propTypes.string};var _default=exports.default=UTAvatar;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Avatar = _interopRequireDefault(require("@material-ui/core/Avatar"));
+var _propTypes = require("prop-types");
+var _UTLabel = _interopRequireDefault(require("../UTLabel"));
+var _UTIcon = _interopRequireDefault(require("../UTIcon"));
+var _componentUtils = _interopRequireDefault(require("../../utils/componentUtils"));
+var _constants = require("./constants");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const UTAvatar = _ref => {
+  var _iconProps$name;
+  let {
+    abbreviation,
+    areaShape = _constants.SHAPE.CIRCLE,
+    className,
+    iconProps,
+    labelProps,
+    manualColors,
+    palette,
+    size = _constants.SIZE.MEDIUM,
+    dataTestId,
+    type = _constants.TYPE.LETTER,
+    userName
+  } = _ref;
+  const {
+    getFirstLetter,
+    getAvatarColors
+  } = _componentUtils.default;
+  const {
+    colorTheme,
+    ...styles
+  } = getAvatarColors(type === _constants.TYPE.LETTER ? userName || abbreviation : (_iconProps$name = iconProps === null || iconProps === void 0 ? void 0 : iconProps.name) !== null && _iconProps$name !== void 0 ? _iconProps$name : _constants.DEFAULT_ICON, palette || _constants.defaultPalette);
+  const sizeVariant = _constants.SIZE_VARIANTS[size][type];
+  const textToShow = abbreviation || getFirstLetter(userName);
+  return /*#__PURE__*/_react.default.createElement(_Avatar.default, {
+    className: "".concat(className !== null && className !== void 0 ? className : '', " ").concat(size ? _stylesModule.default[size] : ''),
+    style: manualColors ? {} : styles,
+    variant: areaShape,
+    "data-testid": dataTestId
+  }, type === _constants.TYPE.LETTER ? /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
+    colorTheme: colorTheme,
+    variant: sizeVariant,
+    weight: "medium"
+  }, labelProps), textToShow) : /*#__PURE__*/_react.default.createElement(_UTIcon.default, _extends({
+    colorTheme: colorTheme,
+    name: _constants.DEFAULT_ICON,
+    size: sizeVariant
+  }, iconProps)));
+};
+UTAvatar.propTypes = {
+  abbreviation: _propTypes.string,
+  className: _propTypes.string,
+  iconProps: (0, _propTypes.shape)({
+    className: _propTypes.string,
+    variant: _propTypes.string
+  }),
+  labelProps: (0, _propTypes.shape)({
+    className: _propTypes.string,
+    variant: _propTypes.string,
+    weight: _propTypes.string
+  }),
+  manualColors: _propTypes.bool,
+  palette: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+    color: _propTypes.string,
+    backgroundColor: _propTypes.string
+  })),
+  areaShape: _propTypes.string,
+  size: _propTypes.string,
+  dataTestId: _propTypes.string,
+  type: _propTypes.string,
+  userName: _propTypes.string
+};
+var _default = exports.default = UTAvatar;

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

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Playground = void 0;
+var _index = _interopRequireDefault(require("../index"));
+var _storiesConstants = require("./storiesConstants");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
+  title: 'Energy-UI/UTAvatar',
+  component: _index.default,
+  args: {
+    userName: undefined,
+    className: undefined,
+    labelProps: undefined,
+    iconProps: undefined,
+    palette: undefined,
+    ..._storiesConstants.COMMON_ARGS
+  },
+  argTypes: {
+    ..._storiesConstants.COMMON_ARG_TYPES
+  },
+  parameters: {
+    ..._storiesConstants.COMMON_PARAMETERS,
+    options: {
+      storySort: {
+        method: 'alphabetical'
+      }
+    }
+  }
+};
+const Playground = exports.Playground = {
+  args: {
+    userName: 'John Doe'
+  },
+  name: 'Playground'
+};

package/dist/components/UTAvatar/stories/UTAvatarColors.stories.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SameNameConsistentColor = exports.ManualColors = exports.DifferentNames = exports.AutomaticColors = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _index = _interopRequireDefault(require("../index"));
+var _storiesConstants = require("./storiesConstants");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
+  title: 'Energy-UI/UTAvatar/Colors',
+  component: _index.default,
+  args: {
+    ..._storiesConstants.COMMON_ARGS
+  },
+  argTypes: {
+    ..._storiesConstants.COMMON_ARG_TYPES
+  },
+  parameters: {
+    ..._storiesConstants.COMMON_PARAMETERS
+  }
+};
+const AutomaticColors = exports.AutomaticColors = {
+  args: {
+    userName: 'John Doe',
+    manualColors: false
+  }
+};
+const ManualColors = exports.ManualColors = {
+  args: {
+    userName: 'Manual Colors',
+    manualColors: true
+  }
+};
+const DifferentNames = exports.DifferentNames = {
+  render: () => /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: 'flex',
+      gap: '16px',
+      alignItems: 'center',
+      flexWrap: 'wrap'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_index.default, {
+    userName: "Alice"
+  }), /*#__PURE__*/_react.default.createElement(_index.default, {
+    userName: "Bob"
+  }), /*#__PURE__*/_react.default.createElement(_index.default, {
+    userName: "Charlie"
+  }), /*#__PURE__*/_react.default.createElement(_index.default, {
+    userName: "Diana"
+  }), /*#__PURE__*/_react.default.createElement(_index.default, {
+    userName: "Edward"
+  }), /*#__PURE__*/_react.default.createElement(_index.default, {
+    userName: "Fiona"
+  }), /*#__PURE__*/_react.default.createElement(_index.default, {
+    userName: "George"
+  }), /*#__PURE__*/_react.default.createElement(_index.default, {
+    userName: "Hannah"
+  }), /*#__PURE__*/_react.default.createElement(_index.default, {
+    userName: "Isaac"
+  }), /*#__PURE__*/_react.default.createElement(_index.default, {
+    userName: "Julia"
+  }), /*#__PURE__*/_react.default.createElement(_index.default, {
+    userName: "Kevin"
+  }), /*#__PURE__*/_react.default.createElement(_index.default, {
+    userName: "Laura"
+  }))
+};
+const SameNameConsistentColor = exports.SameNameConsistentColor = {
+  render: () => /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: 'flex',
+      gap: '16px',
+      alignItems: 'center',
+      flexWrap: 'wrap'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_index.default, {
+    userName: "Doe John"
+  }), /*#__PURE__*/_react.default.createElement(_index.default, {
+    userName: "Doe John"
+  }), /*#__PURE__*/_react.default.createElement(_index.default, {
+    userName: "Doe John"
+  }), /*#__PURE__*/_react.default.createElement(_index.default, {
+    userName: "Smith Jane"
+  }), /*#__PURE__*/_react.default.createElement(_index.default, {
+    userName: "Smith Jane"
+  }), /*#__PURE__*/_react.default.createElement(_index.default, {
+    userName: "Smith Jane"
+  }))
+};

package/dist/components/UTAvatar/stories/UTAvatarShapes.stories.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Square = exports.Circle = exports.AllShapes = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _index = _interopRequireDefault(require("../index"));
+var _constants = require("../constants");
+var _storiesConstants = require("./storiesConstants");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
+  title: 'Energy-UI/UTAvatar/Shapes',
+  component: _index.default,
+  args: {
+    ..._storiesConstants.COMMON_ARGS
+  },
+  argTypes: {
+    ..._storiesConstants.COMMON_ARG_TYPES
+  },
+  parameters: {
+    ..._storiesConstants.COMMON_PARAMETERS
+  }
+};
+const Circle = exports.Circle = {
+  args: {
+    userName: 'Isabella Martinez',
+    areaShape: _constants.SHAPE.CIRCLE
+  }
+};
+const Square = exports.Square = {
+  args: {
+    userName: 'Jack Robinson',
+    areaShape: _constants.SHAPE.SQUARE
+  }
+};
+const AllShapes = exports.AllShapes = {
+  render: () => /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: 'flex',
+      gap: '16px',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_index.default, {
+    userName: "Circle",
+    areaShape: _constants.SHAPE.CIRCLE
+  }), /*#__PURE__*/_react.default.createElement(_index.default, {
+    userName: "Square",
+    areaShape: _constants.SHAPE.SQUARE
+  }))
+};

package/dist/components/UTAvatar/stories/UTAvatarSizes.stories.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.XXXLarge = exports.XXLarge = exports.XLarge = exports.Small = exports.Medium = exports.Large = exports.AllSizes = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _index = _interopRequireDefault(require("../index"));
+var _constants = require("../constants");
+var _storiesConstants = require("./storiesConstants");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
+  title: 'Energy-UI/UTAvatar/Sizes',
+  component: _index.default,
+  args: {
+    ..._storiesConstants.COMMON_ARGS
+  },
+  argTypes: {
+    ..._storiesConstants.COMMON_ARG_TYPES
+  },
+  parameters: {
+    ..._storiesConstants.COMMON_PARAMETERS
+  }
+};
+const Small = exports.Small = {
+  args: {
+    userName: 'Alice Brown',
+    size: _constants.SIZE.SMALL
+  }
+};
+const Medium = exports.Medium = {
+  args: {
+    iconProps: {
+      name: 'IconPencil'
+    },
+    size: _constants.SIZE.MEDIUM,
+    type: _constants.TYPE.ICON
+  }
+};
+const Large = exports.Large = {
+  args: {
+    userName: 'Emma Wilson',
+    size: _constants.SIZE.LARGE
+  }
+};
+const XLarge = exports.XLarge = {
+  args: {
+    iconProps: {
+      name: 'IconPencil'
+    },
+    size: _constants.SIZE.XLARGE,
+    type: _constants.TYPE.ICON
+  }
+};
+const XXLarge = exports.XXLarge = {
+  args: {
+    userName: 'Grace Taylor',
+    size: _constants.SIZE.XXLARGE
+  }
+};
+const XXXLarge = exports.XXXLarge = {
+  args: {
+    iconProps: {
+      name: 'IconPencil'
+    },
+    size: _constants.SIZE.XXXLARGE,
+    type: _constants.TYPE.ICON
+  }
+};
+const AllSizes = exports.AllSizes = {
+  render: () => /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: 'flex',
+      gap: '16px',
+      alignItems: 'center',
+      flexWrap: 'wrap'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_index.default, {
+    userName: "Small",
+    size: _constants.SIZE.SMALL
+  }), /*#__PURE__*/_react.default.createElement(_index.default, {
+    iconProps: {
+      name: 'IconPencil'
+    },
+    size: _constants.SIZE.MEDIUM,
+    type: _constants.TYPE.ICON
+  }), /*#__PURE__*/_react.default.createElement(_index.default, {
+    userName: "Large",
+    size: _constants.SIZE.LARGE
+  }), /*#__PURE__*/_react.default.createElement(_index.default, {
+    iconProps: {
+      name: 'IconPencil'
+    },
+    size: _constants.SIZE.XLARGE,
+    type: _constants.TYPE.ICON
+  }), /*#__PURE__*/_react.default.createElement(_index.default, {
+    userName: "XXLarge",
+    size: _constants.SIZE.XXLARGE
+  }), /*#__PURE__*/_react.default.createElement(_index.default, {
+    iconProps: {
+      name: 'IconPencil'
+    },
+    size: _constants.SIZE.XXXLARGE,
+    type: _constants.TYPE.ICON
+  }))
+};