@widergy/energy-ui 3.172.1 → 3.172.3

package/dist/components/UTAttachmentList/utils.js

@@ -1,96 +1 @@
-"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;
+"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;

package/dist/components/UTAvatar/constants.js

@@ -1,150 +1 @@
-"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'
-}];
+"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"}];

package/dist/components/UTAvatar/index.js

@@ -1,80 +1 @@
-"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;
+"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;

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

@@ -1,167 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.COMMON_PARAMETERS = exports.COMMON_ARG_TYPES = exports.COMMON_ARGS = void 0;
-var _constants = require("../constants");
-// Common argTypes used across multiple stories files
-const COMMON_ARG_TYPES = exports.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(_constants.SHAPE),
-    table: {
-      defaultValue: {
-        summary: _constants.SHAPE.CIRCLE
-      },
-      type: {
-        summary: 'string'
-      }
-    }
-  },
-  size: {
-    control: 'select',
-    description: 'The size of the avatar',
-    options: Object.values(_constants.SIZE),
-    table: {
-      defaultValue: {
-        summary: _constants.SIZE.MEDIUM
-      },
-      type: {
-        summary: 'string'
-      }
-    }
-  },
-  type: {
-    control: 'select',
-    description: 'The type of avatar content (letter or icon)',
-    options: Object.values(_constants.TYPE),
-    table: {
-      defaultValue: {
-        summary: _constants.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
-const COMMON_ARGS = exports.COMMON_ARGS = {
-  userName: 'John Doe',
-  areaShape: _constants.SHAPE.CIRCLE,
-  size: _constants.SIZE.XLARGE,
-  type: _constants.TYPE.LETTER,
-  manualColors: false,
-  dataTestId: 'customAvatarId'
-};
-
-// Common parameters used across multiple stories files
-const COMMON_PARAMETERS = exports.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.'
-    }
-  }
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.COMMON_PARAMETERS=exports.COMMON_ARG_TYPES=exports.COMMON_ARGS=void 0;var _constants=require("../constants");const COMMON_ARG_TYPES=exports.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(_constants.SHAPE),table:{defaultValue:{summary:_constants.SHAPE.CIRCLE},type:{summary:"string"}}},size:{control:"select",description:"The size of the avatar",options:Object.values(_constants.SIZE),table:{defaultValue:{summary:_constants.SIZE.MEDIUM},type:{summary:"string"}}},type:{control:"select",description:"The type of avatar content (letter or icon)",options:Object.values(_constants.TYPE),table:{defaultValue:{summary:_constants.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"}}}},COMMON_ARGS=exports.COMMON_ARGS={userName:"John Doe",areaShape:_constants.SHAPE.CIRCLE,size:_constants.SIZE.XLARGE,type:_constants.TYPE.LETTER,manualColors:!1,dataTestId:"customAvatarId"},COMMON_PARAMETERS=exports.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/components/UTBadge/constants.js

@@ -1,9 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DEFAULT_PROPS = void 0;
-const DEFAULT_PROPS = exports.DEFAULT_PROPS = {
-  colorTheme: 'error'
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DEFAULT_PROPS=void 0;const DEFAULT_PROPS=exports.DEFAULT_PROPS={colorTheme:"error"};

package/dist/components/UTBadge/index.js

@@ -1,50 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _componentUtils = require("../../utils/componentUtils");
-var _Palette = require("../../constants/Palette");
-var _UTLabel = _interopRequireDefault(require("../UTLabel"));
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _theme = require("./theme");
-var _constants = require("./constants");
-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 UTBadge = _ref => {
-  let {
-    children,
-    classes,
-    className,
-    colorTheme
-  } = _ref;
-  const textColorTheme = [_Palette.COLOR_THEMES.negative, _Palette.COLOR_THEMES.light].includes(colorTheme) ? 'dark' : 'negative';
-  const {
-    Component,
-    componentProps
-  } = (0, _componentUtils.valueExists)(children) ? {
-    Component: _UTLabel.default,
-    componentProps: {
-      colorTheme: textColorTheme,
-      variant: 'xsmall',
-      weight: 'medium'
-    }
-  } : {
-    Component: 'span',
-    componentProps: {}
-  };
-  return /*#__PURE__*/_react.default.createElement(Component, _extends({
-    className: "".concat(classes.root, " ").concat(className || '')
-  }, componentProps), children);
-};
-UTBadge.defaultProps = _constants.DEFAULT_PROPS;
-UTBadge.propTypes = {
-  children: (0, _propTypes.oneOfType)([_propTypes.number, _propTypes.string]),
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  className: _propTypes.string,
-  colorTheme: _propTypes.string
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTBadge);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_componentUtils=require("../../utils/componentUtils"),_Palette=require("../../constants/Palette"),_UTLabel=_interopRequireDefault(require("../UTLabel")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_theme=require("./theme"),_constants=require("./constants");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 UTBadge=_ref=>{let{children:children,classes:classes,className:className,colorTheme:colorTheme}=_ref;const textColorTheme=[_Palette.COLOR_THEMES.negative,_Palette.COLOR_THEMES.light].includes(colorTheme)?"dark":"negative",{Component:Component,componentProps:componentProps}=(0,_componentUtils.valueExists)(children)?{Component:_UTLabel.default,componentProps:{colorTheme:textColorTheme,variant:"xsmall",weight:"medium"}}:{Component:"span",componentProps:{}};return _react.default.createElement(Component,_extends({className:"".concat(classes.root," ").concat(className||"")},componentProps),children)};UTBadge.defaultProps=_constants.DEFAULT_PROPS,UTBadge.propTypes={children:(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string]),classes:(0,_propTypes.objectOf)(_propTypes.string),className:_propTypes.string,colorTheme:_propTypes.string};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTBadge);

package/dist/components/UTBadge/theme.js

@@ -1,56 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.variantsColorTheme = exports.retrieveStyle = void 0;
-var _componentUtils = require("../../utils/componentUtils");
-var _constants = require("./constants");
-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[_constants.DEFAULT_PROPS.colorTheme];
-  const colorShade = (0, _componentUtils.getDefaultColorShade)(colorTheme);
-  const backgroundColor = colorThemeDefinition[shade] || colorThemeDefinition[colorShade];
-  return {
-    backgroundColor
-  };
-};
-exports.variantsColorTheme = variantsColorTheme;
-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'
-  }
-});
-const retrieveStyle = _ref => {
-  let {
-    theme,
-    colorTheme,
-    children,
-    shade
-  } = _ref;
-  const baseTheme = baseButtonTheme();
-  const textTheme = (0, _componentUtils.valueExists)(children) ? baseTheme.text : {};
-  const variantTheme = variantsColorTheme(theme, colorTheme, shade);
-  return {
-    root: {
-      ...baseTheme.root,
-      ...textTheme,
-      ...variantTheme
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.variantsColorTheme=exports.retrieveStyle=void 0;var _componentUtils=require("../../utils/componentUtils"),_constants=require("./constants");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[_constants.DEFAULT_PROPS.colorTheme],colorShade=(0,_componentUtils.getDefaultColorShade)(colorTheme);return{backgroundColor:colorThemeDefinition[shade]||colorThemeDefinition[colorShade]}};exports.variantsColorTheme=variantsColorTheme;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"}}),retrieveStyle=_ref=>{let{theme:theme,colorTheme:colorTheme,children:children,shade:shade}=_ref;const baseTheme=baseButtonTheme(),textTheme=(0,_componentUtils.valueExists)(children)?baseTheme.text:{},variantTheme=variantsColorTheme(theme,colorTheme,shade);return{root:{...baseTheme.root,...textTheme,...variantTheme}}};exports.retrieveStyle=retrieveStyle;