@sapudex/web-components 0.192.2 → 0.199.3

package/src/themes/UploadItem.css

@@ -0,0 +1,131 @@
+:host {
+  --udex-upload-item-progress-bar-width: 124px;
+  --udex-upload-item-progress-bar-min-width: 124px;
+  --udex-upload-item-progress-bar-max-width: 200px;
+  --udex-upload-item-progress-bar-width-m: 100%;
+  --udex-upload-item-progress-bar-min-width-m: 100%;
+  --udex-upload-item-progress-bar-max-width-m: 100%;
+  --udex-upload-item-progress-bar-padding: 5px 0;
+  font-family: var(--sapFontFamily, sans-serif);
+}
+
+.udex-upload-item__wrapper {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding-block: var(--udexSpacer8, 8px);
+  box-sizing: border-box;
+  border-bottom: 1px solid var(--udexColorGrey3); 
+}
+
+.udex-upload-item__info {
+  display: flex;
+  flex-direction: column;
+}
+
+[udex-link] {
+  --udex-link-text-decoration: none;
+}
+
+.udex-upload-item__name {
+  padding: 0;
+  margin: 0;
+  color: var(--sapTitleColor, var(--udexColorNeutralBlack));
+  font-size: var(--sapFontSize);
+}
+
+.udex-upload-item__info {
+  padding: 0;
+  margin: 0;
+  color: var(--udexColorGrey7);
+  font-size: var(--udexTypographyBodyXXSFontSize);
+  font-weight: var(--udexTypographyFontWeightRegular);
+  line-height: var(--udexTypographyBodyLineHeight);
+}
+
+.udex-upload-item__error {
+  color: var(--udexColorRed7);
+}
+
+.udex-upload-item__progress-info-wrapper {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin-inline-start: var(--udexSpacer32, 32px);
+}
+
+.udex-upload-item__progress-info {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+.udex-upload-item__progress-status {
+  padding: 0;
+  margin: 0;
+  color: var(--udexColorGrey7);
+  font-size: var(--udexTypographyBodyXXSFontSize);
+  font-weight: var(--udexTypographyFontWeightRegular);
+  line-height: var(--udexTypographyBodyLineHeight);
+}
+
+[udex-progress-bar] {
+  max-width: var(--udex-upload-item-progress-bar-max-width);
+  min-width: var(--udex-upload-item-progress-bar-min-width);
+  width: var(--udex-upload-item-progress-bar-width);
+  overflow: hidden;
+  padding: var(--udex-upload-item-progress-bar-padding);
+}
+
+[udex-link] {
+  margin-bottom: var(--udexSpacer4, 4px);
+}
+
+[udex-button] {
+  margin-inline-start: var(--udexSpacer24, 24px);
+}
+
+@media (max-width: 1279px) {
+  .udex-upload-item__wrapper {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+
+  .udex-upload-item__info {
+    margin-bottom: var(--udexSpacer4, 4px);
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+  }
+
+  .udex-upload-item__progress-info-wrapper {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    width: 100%;
+    margin: 0;
+  }
+
+  .udex-upload-item__progress-info {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    width: 100%;
+  }
+
+  .udex-upload-item__name {
+    margin-bottom: var(--udexSpacer4, 4px);
+  }
+
+  [udex-progress-bar] {
+    max-width: var(--udex-upload-item-progress-bar-max-width-m);
+    min-width: var(--udex-upload-item-progress-bar-min-width-m);
+    width: var(--udex-upload-item-progress-bar-width-m);
+  }
+}
+
+.udex-upload-item__info-uploaded {
+  margin-bottom: 0;
+}

package/src/types/ButtonSize.ts

@@ -0,0 +1,7 @@
+enum UDExButtonSize {
+  Large = "Large",
+  Medium = "Medium",
+  Small = "Small"
+}
+
+export default UDExButtonSize;

package/src/types/FileData.ts

@@ -0,0 +1,6 @@
+type FileData = {
+  fileName: string,
+  fileSize: number,
+}
+
+export default FileData;

package/src/types/FileUploadState.ts

@@ -0,0 +1,7 @@
+enum FileUploadState {
+  Uploading = "Uploading",
+  Uploaded = "Uploaded",
+  Error = "Error"
+}
+
+export default FileUploadState;

package/src/types/MessageStrip.ts

@@ -0,0 +1,13 @@
+export enum UdexMessageStripDesign {
+  Information = "Information",
+  Positive = "Positive",
+  Negative = "Negative",
+  Warning = "Warning",
+  Action = "Action",
+}
+
+export enum UdexMessageStripStatusType {
+  Icon = "Icon",
+  Text = "Text",
+  None = "None",
+}

package/src/types/common.ts

@@ -1,3 +1,10 @@
+export enum Target {
+  _blank = "_blank",
+  _parent = "_parent",
+  _self = "_self",
+  _top = "_top",
+}
+
 enum ValueState {
   Standard = "Standard",
   Warning = "Warning",

package/src/utils/Breakpoints.ts

@@ -0,0 +1,41 @@
+type BreakpointKey = keyof typeof Breakpoints;
+
+export const Breakpoints = {
+  XS: { min: 360, max: 639 },
+  S: { min: 640, max: 979 },
+  M: { min: 980, max: 1279 },
+  L: { min: 1280, max: 1599 },
+  XL: { min: 1600, max: Infinity },
+} as const;
+
+export class BreakpointUtils {
+  private static get width(): number {
+    return typeof window !== "undefined" ? window.innerWidth : 0;
+  }
+
+  static getCurrentBreakpoint(): BreakpointKey | undefined {
+    return (Object.keys(Breakpoints) as BreakpointKey[])
+      .find(bp => this.isInRange(bp));
+  }
+
+  static isInRange(bp: BreakpointKey): boolean {
+    const { min, max } = Breakpoints[bp];
+    return this.width >= min && this.width <= max;
+  }
+
+  static isAtLeast(bp: BreakpointKey): boolean {
+    return this.width >= Breakpoints[bp].min;
+  }
+
+  static isAbove(bp: BreakpointKey): boolean {
+    return this.width > Breakpoints[bp].min;
+  }
+
+  static isAtMost(bp: BreakpointKey): boolean {
+    return this.width <= Breakpoints[bp].max;
+  }
+
+  static isBelow(bp: BreakpointKey): boolean {
+    return this.width < Breakpoints[bp].max;
+  }
+}

package/src/utils/convertBytesToMegabytes.ts

@@ -0,0 +1,3 @@
+const convertBytesToMegabytes = (bytes: number) => (bytes / 1024) / 1024;
+
+export default convertBytesToMegabytes;

package/dist/assets/messagebundle_en-06c0dadc.js

@@ -1 +0,0 @@
-const T="Count",E="of",_="Pagination page",A="Selected",S="Unselected",I="Indeterminate",t="Edit",R="Delete",N="Primary",O="Secondary",n="Tertiary",o="Warning",s="Positive",L="Negative",e="Emphasized",c="Default",C="Transparent",U="Attention",P="Date Input",a="Toggled",D="First page",i="Last page",B="Previous page",r="Next page",G="Current page",l="Activate page number",M="Suggested searches",d="Clear",V="Search",u="Clear",W="Voice",g="Submit",Y="Available Values",F="Recommended pages",p="Expand All",m="Collapse All",X="More",H="Attention badge",f="Read more",y="Read less",h="Rating Indicator",v="Rating",b="Required",w="Total",K="Contains Multi-Selectable Items",k="Contains Selectable Items",x="Show Results",Q="Show/Hide Password Button",Z="Reset",q="Message Strip Close Button",z="Information",j="Positive",J="Warning",$="Negative",TT="reviews",ET="stars",_T="Select Options",AT="Select All",ST="{0} characters remaining",IT="Field State Error",tT="Field State Warning",RT="Field State Success",NT="Field State Standard",OT="Previous Page",nT="Next Page",oT="No matches found.",sT="Breadcrumb Trail",LT="More",eT="Increase Quantity by",cT="Decrease Quantity by",CT="No data found",UT="Invalid entry",PT="Warning issued",aT="Informative entry",DT="Entry successfully validated",iT="Read only",BT="Logout",rT="Select country",GT="Overview",lT="Link Graphic",MT="Phone number",dT="Contact us",VT="Email",uT="Chat with us",WT="Quick Links",gT="Trending",YT="About SAP",FT="Site Information",pT="Or see our complete list of",mT="local country numbers",XT="© {0} SAP SE or an SAP affiliate company. All rights reserved.",HT="Avatar",fT="Open Calendar icon",yT="Edit list item entry",hT="Delete list item entry",vT="back button label",bT="Status Badge",wT="Click to edit profile",KT="Click to open profile information",kT="Warning, potential risk with the profile",xT="There is an error with the profile",QT="Successfully verified profile",ZT="Profile",qT="Dropdown trigger",zT="main links",jT="opens in a new window",JT="Text field",$T={COUNT:T,OF:E,PAGINATION_PAGE:_,SELECTED:A,UNSELECTED:S,INDETERMINATE:I,EDIT_BUTTON:t,DELETE_BUTTON:R,BUTTON_ARIA_TYPE_PRIMARY:N,BUTTON_ARIA_TYPE_SECONDARY:O,BUTTON_ARIA_TYPE_TERTIARY:n,BUTTON_ARIA_TYPE_WARNING:o,BUTTON_ARIA_TYPE_POSITIVE:s,BUTTON_ARIA_TYPE_NEGATIVE:L,BUTTON_ARIA_EMPHASIZED:e,BUTTON_ARIA_DEFAULT:c,BUTTON_ARIA_TRANSPARENT:C,BUTTON_ARIA_ATTENTION:U,DATEPICKER_DATE_DESCRIPTION:P,TOGGLED:a,FIRST_PAGE:D,LAST_PAGE:i,PREVIOUS_PAGE:B,NEXT_PAGE:r,CURRENT_PAGE:G,ACTIVATE_PAGE:l,SUGGESTED_TEXT:M,ACCESSIBLE_NAME_RESET_ICON:d,ACCESSIBLE_NAME_SEARCH_ICON:V,TOOLTIP_RESET_BUTTON:u,TOOLTIP_VOICE_BUTTON:W,TOOLTIP_SUBMIT_BUTTON:g,AVAILABLE_VALUES:Y,RECOMMENDED_TEXT:F,EXPAND_ALL:p,COLLAPSE_ALL:m,MORE:X,ATTENTION_BADGE:H,READ_MORE:f,READ_LESS:y,RATING_INDICATOR_TEXT:h,RATING_INDICATOR_TOOLTIP_TEXT:v,RATING_INDICATOR_ARIA_DESCRIPTION:b,TOTAL:w,ARIA_LABEL_LIST_MULTISELECTABLE:K,ARIA_LABEL_LIST_SELECTABLE:k,SHOW_RESULTS:x,SHOW_HIDE_PASSWORD:Q,RESET:Z,MESSAGE_STRIP_CLOSE_BUTTON:q,MESSAGE_STRIP_INFORMATION:z,MESSAGE_STRIP_SUCCESS:j,MESSAGE_STRIP_WARNING:J,MESSAGE_STRIP_ERROR:$,REVIEWS:TT,STARS:ET,SELECT_OPTIONS:_T,SELECT_ALL:AT,TEXTAREA_CHARACTERS_LEFT:ST,VALUE_STATE_TYPE_ERROR:IT,VALUE_STATE_TYPE_WARNING:tT,VALUE_STATE_TYPE_SUCCESS:RT,VALUE_STATE_TYPE_STANDARD:NT,CAROUSEL_PREVIOUS_ARROW_TEXT:OT,CAROUSEL_NEXT_ARROW_TEXT:nT,NO_MATCHES_FOUND:oT,BREADCRUMBS_ARIA_LABEL:sT,BREADCRUMBS_OVERFLOW_ARIA_LABEL:LT,STEPINPUT_INC_ICON_TITLE:eT,STEPINPUT_DEC_ICON_TITLE:cT,TABLE_NO_DATA_FOUND:CT,VALUE_STATE_ERROR:UT,VALUE_STATE_WARNING:PT,VALUE_STATE_INFORMATION:aT,VALUE_STATE_SUCCESS:DT,READ_ONLY:iT,LOGOUT:BT,COUNTRY_SELECT:rT,OVERVIEW:GT,SOCIAL_LINK_ICON:lT,PHONE_NUMBER:MT,CONTACT_US:dT,EMAIL:VT,CHAT_WITH_US:uT,QUICK_LINKS:WT,TRENDING:gT,ABOUT_SAP:YT,SITE_INFORMATION:FT,SEE_COMPLETE_LIST:pT,LOCAL_COUNTRY_NAMES:mT,COPYRIGHT:XT,AVATAR_TEXT:HT,CALENDAR_ICON:fT,LIST_ITEM_EDIT_ICON:yT,LIST_ITEM_DELETE_ICON:hT,BACK_BUTTON_LABEL:vT,STATUS_BADGE_TEXT:bT,STATUS_BADGE_EDIT_TITLE:wT,STATUS_BADGE_INFORMATION_TITLE:KT,STATUS_BADGE_WARNING_TITLE:kT,STATUS_BADGE_ERROR_TITLE:xT,STATUS_BADGE_SUCCESS_TITLE:QT,PROFILE:ZT,TRIGGER:qT,MAIN_LINKS:zT,OPENS_IN_A_NEW_WINDOW:jT,TEXT_FIELD:JT};export{YT as ABOUT_SAP,d as ACCESSIBLE_NAME_RESET_ICON,V as ACCESSIBLE_NAME_SEARCH_ICON,l as ACTIVATE_PAGE,K as ARIA_LABEL_LIST_MULTISELECTABLE,k as ARIA_LABEL_LIST_SELECTABLE,H as ATTENTION_BADGE,Y as AVAILABLE_VALUES,HT as AVATAR_TEXT,vT as BACK_BUTTON_LABEL,sT as BREADCRUMBS_ARIA_LABEL,LT as BREADCRUMBS_OVERFLOW_ARIA_LABEL,U as BUTTON_ARIA_ATTENTION,c as BUTTON_ARIA_DEFAULT,e as BUTTON_ARIA_EMPHASIZED,C as BUTTON_ARIA_TRANSPARENT,L as BUTTON_ARIA_TYPE_NEGATIVE,s as BUTTON_ARIA_TYPE_POSITIVE,N as BUTTON_ARIA_TYPE_PRIMARY,O as BUTTON_ARIA_TYPE_SECONDARY,n as BUTTON_ARIA_TYPE_TERTIARY,o as BUTTON_ARIA_TYPE_WARNING,fT as CALENDAR_ICON,nT as CAROUSEL_NEXT_ARROW_TEXT,OT as CAROUSEL_PREVIOUS_ARROW_TEXT,uT as CHAT_WITH_US,m as COLLAPSE_ALL,dT as CONTACT_US,XT as COPYRIGHT,T as COUNT,rT as COUNTRY_SELECT,G as CURRENT_PAGE,P as DATEPICKER_DATE_DESCRIPTION,R as DELETE_BUTTON,t as EDIT_BUTTON,VT as EMAIL,p as EXPAND_ALL,D as FIRST_PAGE,I as INDETERMINATE,i as LAST_PAGE,hT as LIST_ITEM_DELETE_ICON,yT as LIST_ITEM_EDIT_ICON,mT as LOCAL_COUNTRY_NAMES,BT as LOGOUT,zT as MAIN_LINKS,q as MESSAGE_STRIP_CLOSE_BUTTON,$ as MESSAGE_STRIP_ERROR,z as MESSAGE_STRIP_INFORMATION,j as MESSAGE_STRIP_SUCCESS,J as MESSAGE_STRIP_WARNING,X as MORE,r as NEXT_PAGE,oT as NO_MATCHES_FOUND,E as OF,jT as OPENS_IN_A_NEW_WINDOW,GT as OVERVIEW,_ as PAGINATION_PAGE,MT as PHONE_NUMBER,B as PREVIOUS_PAGE,ZT as PROFILE,WT as QUICK_LINKS,b as RATING_INDICATOR_ARIA_DESCRIPTION,h as RATING_INDICATOR_TEXT,v as RATING_INDICATOR_TOOLTIP_TEXT,y as READ_LESS,f as READ_MORE,iT as READ_ONLY,F as RECOMMENDED_TEXT,Z as RESET,TT as REVIEWS,pT as SEE_COMPLETE_LIST,A as SELECTED,AT as SELECT_ALL,_T as SELECT_OPTIONS,Q as SHOW_HIDE_PASSWORD,x as SHOW_RESULTS,FT as SITE_INFORMATION,lT as SOCIAL_LINK_ICON,ET as STARS,wT as STATUS_BADGE_EDIT_TITLE,xT as STATUS_BADGE_ERROR_TITLE,KT as STATUS_BADGE_INFORMATION_TITLE,QT as STATUS_BADGE_SUCCESS_TITLE,bT as STATUS_BADGE_TEXT,kT as STATUS_BADGE_WARNING_TITLE,cT as STEPINPUT_DEC_ICON_TITLE,eT as STEPINPUT_INC_ICON_TITLE,M as SUGGESTED_TEXT,CT as TABLE_NO_DATA_FOUND,ST as TEXTAREA_CHARACTERS_LEFT,JT as TEXT_FIELD,a as TOGGLED,u as TOOLTIP_RESET_BUTTON,g as TOOLTIP_SUBMIT_BUTTON,W as TOOLTIP_VOICE_BUTTON,w as TOTAL,gT as TRENDING,qT as TRIGGER,S as UNSELECTED,UT as VALUE_STATE_ERROR,aT as VALUE_STATE_INFORMATION,DT as VALUE_STATE_SUCCESS,IT as VALUE_STATE_TYPE_ERROR,NT as VALUE_STATE_TYPE_STANDARD,RT as VALUE_STATE_TYPE_SUCCESS,tT as VALUE_STATE_TYPE_WARNING,PT as VALUE_STATE_WARNING,$T as default};