npm - @lifesg/react-design-system - Versions diffs - 3.5.0-canary.7 → 3.5.0 - Mend

@lifesg/react-design-system 3.5.0-canary.7 → 3.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (133) hide show

package/cjs/external/@lit/reactive-element/reactive-element.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"reactive-element.js","sources":["../../../../../node_modules/@lit/reactive-element/reactive-element.js"],"sourcesContent":["import{getCompatibleStyle as t,adoptStyles as s}from\"./css-tag.js\";export{CSSResult,css,supportsAdoptingStyleSheets,unsafeCSS}from\"./css-tag.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const{is:i,defineProperty:e,getOwnPropertyDescriptor:h,getOwnPropertyNames:r,getOwnPropertySymbols:o,getPrototypeOf:n}=Object,a=globalThis,c=a.trustedTypes,l=c?c.emptyScript:\"\",p=a.reactiveElementPolyfillSupport,d=(t,s)=>t,u={toAttribute(t,s){switch(s){case Boolean:t=t?l:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},f=(t,s)=>!i(t,s),b={attribute:!0,type:String,converter:u,reflect:!1,useDefault:!1,hasChanged:f};Symbol.metadata??=Symbol(\"metadata\"),a.litPropertyMetadata??=new WeakMap;class y extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=b){if(s.state&&(s.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((s=Object.create(s)).wrapped=!0),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),h=this.getPropertyDescriptor(t,i,s);void 0!==h&&e(this.prototype,t,h)}}static getPropertyDescriptor(t,s,i){const{get:e,set:r}=h(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t}};return{get:e,set(s){const h=e?.call(this);r?.call(this,s),this.requestUpdate(t,h,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??b}static _$Ei(){if(this.hasOwnProperty(d(\"elementProperties\")))return;const t=n(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(d(\"finalized\")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(d(\"properties\"))){const t=this.properties,s=[...r(t),...o(t)];for(const i of s)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(t(s))}else void 0!==s&&i.push(t(s));return i}static _$Eu(t,s){const i=s.attribute;return!1===i?void 0:\"string\"==typeof i?i:\"string\"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return s(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,s,i){this._$AK(t,i)}_$ET(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&!0===i.reflect){const h=(void 0!==i.converter?.toAttribute?i.converter:u).toAttribute(s,i.type);this._$Em=t,null==h?this.removeAttribute(e):this.setAttribute(e,h),this._$Em=null}}_$AK(t,s){const i=this.constructor,e=i._$Eh.get(t);if(void 0!==e&&this._$Em!==e){const t=i.getPropertyOptions(e),h=\"function\"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u;this._$Em=e;const r=h.fromAttribute(s,t.type);this[e]=r??this._$Ej?.get(e)??r,this._$Em=null}}requestUpdate(t,s,i){if(void 0!==t){const e=this.constructor,h=this[t];if(i??=e.getPropertyOptions(t),!((i.hasChanged??f)(h,s)||i.useDefault&&i.reflect&&h===this._$Ej?.get(t)&&!this.hasAttribute(e._$Eu(t,i))))return;this.C(t,s,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,s,{useDefault:i,reflect:e,wrapped:h},r){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,r??s??this[t]),!0!==h||void 0!==r)||(this._$AL.has(t)||(this.hasUpdated||i||(s=void 0),this._$AL.set(t,s)),!0===e&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,i]of t){const{wrapped:t}=i,e=this[s];!0!==t||this._$AL.has(s)||void 0===e||this.C(s,void 0,i,e)}}let t=!1;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(s)):this._$EM()}catch(s){throw t=!1,this._$EM(),s}t&&this._$AE(s)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach((t=>this._$ET(t,this[t]))),this._$EM()}updated(t){}firstUpdated(t){}}y.elementStyles=[],y.shadowRootOptions={mode:\"open\"},y[d(\"elementProperties\")]=new Map,y[d(\"finalized\")]=new Map,p?.({ReactiveElement:y}),(a.reactiveElementVersions??=[]).push(\"2.1.1\");export{y as ReactiveElement,s as adoptStyles,u as defaultConverter,t as getCompatibleStyle,f as notEqual};\n//# sourceMappingURL=reactive-element.js.map\n"],"names":["is","i","defineProperty","e","getOwnPropertyDescriptor","h","getOwnPropertyNames","r","getOwnPropertySymbols","o","getPrototypeOf","n","Object","a","globalThis","c","trustedTypes","l","emptyScript","p","reactiveElementPolyfillSupport","d","t","s","u","toAttribute","Boolean","Array","JSON","stringify","fromAttribute","Number","parse","f","b","attribute","type","String","converter","reflect","useDefault","hasChanged","Symbol","metadata","litPropertyMetadata","WeakMap","y","HTMLElement","addInitializer","this","_$Ei","push","observedAttributes","finalize","_$Eh","keys","createProperty","state","prototype","hasOwnProperty","create","wrapped","elementProperties","set","noAccessor","getPropertyDescriptor","get","call","requestUpdate","configurable","enumerable","getPropertyOptions","Map","finalized","properties","_$Eu","elementStyles","finalizeStyles","styles","isArray","Set","flat","reverse","unshift","toLowerCase","constructor","super","_$Ep","isUpdatePending","hasUpdated","_$Em","_$Ev","_$ES","Promise","enableUpdating","_$AL","_$E_","forEach","addController","_$EO","add","renderRoot","isConnected","hostConnected","removeController","delete","size","createRenderRoot","shadowRoot","attachShadow","shadowRootOptions","connectedCallback","disconnectedCallback","hostDisconnected","attributeChangedCallback","_$AK","_$ET","removeAttribute","setAttribute","_$Ej","hasAttribute","C","_$EP","has","_$Eq","reject","scheduleUpdate","performUpdate","shouldUpdate","willUpdate","hostUpdate","update","_$EM","_$AE","hostUpdated","firstUpdated","updated","updateComplete","getUpdateComplete","mode","ReactiveElement","reactiveElementVersions"],"mappings":"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","x_google_ignoreList":[0]}

package/cjs/external/lit-element/lit-element.js ADDED Viewed

@@ -0,0 +1,8 @@
+"use strict";var e=require("../@lit/reactive-element/reactive-element.js"),t=require("../lit-html/lit-html.js");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const n=globalThis;class r extends e.ReactiveElement{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const n=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=t.render(n,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return t.noChange}}r._$litElement$=!0,r.finalized=!0,n.litElementHydrateSupport?.({LitElement:r});const s=n.litElementPolyfillSupport;s?.({LitElement:r}),(n.litElementVersions??=[]).push("4.2.1"),exports.ReactiveElement=e.ReactiveElement,exports.defaultConverter=e.defaultConverter,exports.notEqual=e.notEqual,exports.html=t.html,exports.noChange=t.noChange,exports.nothing=t.nothing,exports.render=t.render,exports.LitElement=r;
+//# sourceMappingURL=lit-element.js.map

package/cjs/external/lit-element/lit-element.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"lit-element.js","sources":["../../../../node_modules/lit-element/lit-element.js"],"sourcesContent":["import{ReactiveElement as t}from\"@lit/reactive-element\";export*from\"@lit/reactive-element\";import{render as e,noChange as r}from\"lit-html\";export*from\"lit-html\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const s=globalThis;class i extends t{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=e(r,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return r}}i._$litElement$=!0,i[\"finalized\"]=!0,s.litElementHydrateSupport?.({LitElement:i});const o=s.litElementPolyfillSupport;o?.({LitElement:i});const n={_$AK:(t,e,r)=>{t._$AK(e,r)},_$AL:t=>t._$AL};(s.litElementVersions??=[]).push(\"4.2.1\");export{i as LitElement,n as _$LE};\n//# sourceMappingURL=lit-element.js.map\n"],"names":["s","globalThis","i","t","constructor","super","arguments","this","renderOptions","host","_$Do","createRenderRoot","renderBefore","firstChild","update","r","render","hasUpdated","isConnected","e","renderRoot","connectedCallback","setConnected","disconnectedCallback","_$litElement$","litElementHydrateSupport","LitElement","o","litElementPolyfillSupport","litElementVersions","push"],"mappings":";;;;;;AAKG,MAAMA,EAAEC,WAAW,MAAMC,UAAUC,EAAAA,gBAAE,WAAAC,GAAcC,SAASC,WAAWC,KAAKC,cAAc,CAACC,KAAKF,MAAMA,KAAKG,UAAK,CAAM,CAAC,gBAAAC,GAAmB,MAAMR,EAAEE,MAAMM,mBAAmB,OAAOJ,KAAKC,cAAcI,eAAeT,EAAEU,WAAWV,CAAC,CAAC,MAAAW,CAAOX,GAAG,MAAMY,EAAER,KAAKS,SAAST,KAAKU,aAAaV,KAAKC,cAAcU,YAAYX,KAAKW,aAAab,MAAMS,OAAOX,GAAGI,KAAKG,KAAKS,EAAAA,OAAEJ,EAAER,KAAKa,WAAWb,KAAKC,cAAc,CAAC,iBAAAa,GAAoBhB,MAAMgB,oBAAoBd,KAAKG,MAAMY,cAAa,EAAG,CAAC,oBAAAC,GAAuBlB,MAAMkB,uBAAuBhB,KAAKG,MAAMY,cAAa,EAAG,CAAC,MAAAN,GAAS,OAAOD,EAAAA,QAAC,EAAEb,EAAEsB,eAAc,EAAGtB,EAAa,WAAE,EAAGF,EAAEyB,2BAA2B,CAACC,WAAWxB,IAAI,MAAMyB,EAAE3B,EAAE4B,0BAA0BD,IAAI,CAACD,WAAWxB,KAA0DF,EAAE6B,qBAAqB,IAAIC,KAAK","x_google_ignoreList":[0]}

package/cjs/external/lit-html/lit-html.js ADDED Viewed

@@ -0,0 +1,7 @@
+"use strict";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const t=globalThis,e=t.trustedTypes,s=e?e.createPolicy("lit-html",{createHTML:t=>t}):void 0,i="$lit$",n=`lit$${Math.random().toFixed(9).slice(2)}$`,o="?"+n,r=`<${o}>`,h=document,l=()=>h.createComment(""),$=t=>null===t||"object"!=typeof t&&"function"!=typeof t,A=Array.isArray,_="[ \t\n\f\r]",a=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,c=/-->/g,d=/>/g,p=RegExp(`>|${_}(?:([^\\s"'>=/]+)(${_}*=${_}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),u=/'/g,g=/"/g,v=/^(?:script|style|textarea|title)$/i,f=(t=>(e,...s)=>({_$litType$:t,strings:e,values:s}))(1),m=Symbol.for("lit-noChange"),y=Symbol.for("lit-nothing"),x=new WeakMap,H=h.createTreeWalker(h,129);function N(t,e){if(!A(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s?s.createHTML(e):e}const T=(t,e)=>{const s=t.length-1,o=[];let h,l=2===e?"<svg>":3===e?"<math>":"",$=a;for(let e=0;e<s;e++){const s=t[e];let A,_,f=-1,m=0;for(;m<s.length&&($.lastIndex=m,_=$.exec(s),null!==_);)m=$.lastIndex,$===a?"!--"===_[1]?$=c:void 0!==_[1]?$=d:void 0!==_[2]?(v.test(_[2])&&(h=RegExp("</"+_[2],"g")),$=p):void 0!==_[3]&&($=p):$===p?">"===_[0]?($=h??a,f=-1):void 0===_[1]?f=-2:(f=$.lastIndex-_[2].length,A=_[1],$=void 0===_[3]?p:'"'===_[3]?g:u):$===g||$===u?$=p:$===c||$===d?$=a:($=p,h=void 0);const y=$===p&&t[e+1].startsWith("/>")?" ":"";l+=$===a?s+r:f>=0?(o.push(A),s.slice(0,f)+i+s.slice(f)+n+y):s+n+(-2===f?e:y)}return[N(t,l+(t[s]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),o]};class b{constructor({strings:t,_$litType$:s},r){let h;this.parts=[];let $=0,A=0;const _=t.length-1,a=this.parts,[c,d]=T(t,s);if(this.el=b.createElement(c,r),H.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(h=H.nextNode())&&a.length<_;){if(1===h.nodeType){if(h.hasAttributes())for(const t of h.getAttributeNames())if(t.endsWith(i)){const e=d[A++],s=h.getAttribute(t).split(n),i=/([.?@])?(.*)/.exec(e);a.push({type:1,index:$,name:i[2],strings:s,ctor:"."===i[1]?E:"?"===i[1]?I:"@"===i[1]?B:S}),h.removeAttribute(t)}else t.startsWith(n)&&(a.push({type:6,index:$}),h.removeAttribute(t));if(v.test(h.tagName)){const t=h.textContent.split(n),s=t.length-1;if(s>0){h.textContent=e?e.emptyScript:"";for(let e=0;e<s;e++)h.append(t[e],l()),H.nextNode(),a.push({type:2,index:++$});h.append(t[s],l())}}}else if(8===h.nodeType)if(h.data===o)a.push({type:2,index:$});else{let t=-1;for(;-1!==(t=h.data.indexOf(n,t+1));)a.push({type:7,index:$}),t+=n.length-1}$++}}static createElement(t,e){const s=h.createElement("template");return s.innerHTML=t,s}}function C(t,e,s=t,i){if(e===m)return e;let n=void 0!==i?s._$Co?.[i]:s._$Cl;const o=$(e)?void 0:e._$litDirective$;return n?.constructor!==o&&(n?._$AO?.(!1),void 0===o?n=void 0:(n=new o(t),n._$AT(t,s,i)),void 0!==i?(s._$Co??=[])[i]=n:s._$Cl=n),void 0!==n&&(e=C(t,n._$AS(t,e.values),n,i)),e}class M{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:s}=this._$AD,i=(t?.creationScope??h).importNode(e,!0);H.currentNode=i;let n=H.nextNode(),o=0,r=0,l=s[0];for(;void 0!==l;){if(o===l.index){let e;2===l.type?e=new w(n,n.nextSibling,this,t):1===l.type?e=new l.ctor(n,l.name,l.strings,this,t):6===l.type&&(e=new U(n,this,t)),this._$AV.push(e),l=s[++r]}o!==l?.index&&(n=H.nextNode(),o++)}return H.currentNode=h,i}p(t){let e=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class w{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,s,i){this.type=2,this._$AH=y,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=C(this,t,e),$(t)?t===y||null==t||""===t?(this._$AH!==y&&this._$AR(),this._$AH=y):t!==this._$AH&&t!==m&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>A(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==y&&$(this._$AH)?this._$AA.nextSibling.data=t:this.T(h.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:s}=t,i="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=b.createElement(N(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===i)this._$AH.p(e);else{const t=new M(i,this),s=t.u(this.options);t.p(e),this.T(s),this._$AH=t}}_$AC(t){let e=x.get(t.strings);return void 0===e&&x.set(t.strings,e=new b(t)),e}k(t){A(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,i=0;for(const n of t)i===e.length?e.push(s=new w(this.O(l()),this.O(l()),this,this.options)):s=e[i],s._$AI(n),i++;i<e.length&&(this._$AR(s&&s._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class S{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,i,n){this.type=1,this._$AH=y,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=n,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=y}_$AI(t,e=this,s,i){const n=this.strings;let o=!1;if(void 0===n)t=C(this,t,e,0),o=!$(t)||t!==this._$AH&&t!==m,o&&(this._$AH=t);else{const i=t;let r,h;for(t=n[0],r=0;r<n.length-1;r++)h=C(this,i[s+r],e,r),h===m&&(h=this._$AH[r]),o||=!$(h)||h!==this._$AH[r],h===y?t=y:t!==y&&(t+=(h??"")+n[r+1]),this._$AH[r]=h}o&&!i&&this.j(t)}j(t){t===y?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class E extends S{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===y?void 0:t}}class I extends S{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==y)}}class B extends S{constructor(t,e,s,i,n){super(t,e,s,i,n),this.type=5}_$AI(t,e=this){if((t=C(this,t,e,0)??y)===m)return;const s=this._$AH,i=t===y&&s!==y||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,n=t!==y&&(s===y||i);i&&this.element.removeEventListener(this.name,this,s),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class U{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){C(this,t)}}const O=t.litHtmlPolyfillSupport;O?.(b,w),(t.litHtmlVersions??=[]).push("3.3.1");exports.html=f,exports.noChange=m,exports.nothing=y,exports.render=(t,e,s)=>{const i=s?.renderBefore??e;let n=i._$litPart$;if(void 0===n){const t=s?.renderBefore??null;i._$litPart$=n=new w(e.insertBefore(l(),t),t,void 0,s??{})}return n._$AI(t),n};
+//# sourceMappingURL=lit-html.js.map

package/cjs/external/lit-html/lit-html.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"lit-html.js","sources":["../../../../node_modules/lit-html/lit-html.js"],"sourcesContent":["/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst t=globalThis,i=t.trustedTypes,s=i?i.createPolicy(\"lit-html\",{createHTML:t=>t}):void 0,e=\"$lit$\",h=`lit$${Math.random().toFixed(9).slice(2)}$`,o=\"?\"+h,n=`<${o}>`,r=document,l=()=>r.createComment(\"\"),c=t=>null===t||\"object\"!=typeof t&&\"function\"!=typeof t,a=Array.isArray,u=t=>a(t)||\"function\"==typeof t?.[Symbol.iterator],d=\"[ \\t\\n\\f\\r]\",f=/<(?:(!--|\\/[^a-zA-Z])|(\\/?[a-zA-Z][^>\\s]*)|(\\/?$))/g,v=/-->/g,_=/>/g,m=RegExp(`>|${d}(?:([^\\\\s\"'>=/]+)(${d}*=${d}*(?:[^ \\t\\n\\f\\r\"'\\`<>=]|(\"|')|))|$)`,\"g\"),p=/'/g,g=/\"/g,$=/^(?:script|style|textarea|title)$/i,y=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),x=y(1),b=y(2),w=y(3),T=Symbol.for(\"lit-noChange\"),E=Symbol.for(\"lit-nothing\"),A=new WeakMap,C=r.createTreeWalker(r,129);function P(t,i){if(!a(t)||!t.hasOwnProperty(\"raw\"))throw Error(\"invalid template strings array\");return void 0!==s?s.createHTML(i):i}const V=(t,i)=>{const s=t.length-1,o=[];let r,l=2===i?\"<svg>\":3===i?\"<math>\":\"\",c=f;for(let i=0;i<s;i++){const s=t[i];let a,u,d=-1,y=0;for(;y<s.length&&(c.lastIndex=y,u=c.exec(s),null!==u);)y=c.lastIndex,c===f?\"!--\"===u[1]?c=v:void 0!==u[1]?c=_:void 0!==u[2]?($.test(u[2])&&(r=RegExp(\"</\"+u[2],\"g\")),c=m):void 0!==u[3]&&(c=m):c===m?\">\"===u[0]?(c=r??f,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?m:'\"'===u[3]?g:p):c===g||c===p?c=m:c===v||c===_?c=f:(c=m,r=void 0);const x=c===m&&t[i+1].startsWith(\"/>\")?\" \":\"\";l+=c===f?s+n:d>=0?(o.push(a),s.slice(0,d)+e+s.slice(d)+h+x):s+h+(-2===d?i:x)}return[P(t,l+(t[s]||\"<?>\")+(2===i?\"</svg>\":3===i?\"</math>\":\"\")),o]};class N{constructor({strings:t,_$litType$:s},n){let r;this.parts=[];let c=0,a=0;const u=t.length-1,d=this.parts,[f,v]=V(t,s);if(this.el=N.createElement(f,n),C.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(r=C.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(e)){const i=v[a++],s=r.getAttribute(t).split(h),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:c,name:e[2],strings:s,ctor:\".\"===e[1]?H:\"?\"===e[1]?I:\"@\"===e[1]?L:k}),r.removeAttribute(t)}else t.startsWith(h)&&(d.push({type:6,index:c}),r.removeAttribute(t));if($.test(r.tagName)){const t=r.textContent.split(h),s=t.length-1;if(s>0){r.textContent=i?i.emptyScript:\"\";for(let i=0;i<s;i++)r.append(t[i],l()),C.nextNode(),d.push({type:2,index:++c});r.append(t[s],l())}}}else if(8===r.nodeType)if(r.data===o)d.push({type:2,index:c});else{let t=-1;for(;-1!==(t=r.data.indexOf(h,t+1));)d.push({type:7,index:c}),t+=h.length-1}c++}}static createElement(t,i){const s=r.createElement(\"template\");return s.innerHTML=t,s}}function S(t,i,s=t,e){if(i===T)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=c(i)?void 0:i._$litDirective$;return h?.constructor!==o&&(h?._$AO?.(!1),void 0===o?h=void 0:(h=new o(t),h._$AT(t,s,e)),void 0!==e?(s._$Co??=[])[e]=h:s._$Cl=h),void 0!==h&&(i=S(t,h._$AS(t,i.values),h,e)),i}class M{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??r).importNode(i,!0);C.currentNode=e;let h=C.nextNode(),o=0,n=0,l=s[0];for(;void 0!==l;){if(o===l.index){let i;2===l.type?i=new R(h,h.nextSibling,this,t):1===l.type?i=new l.ctor(h,l.name,l.strings,this,t):6===l.type&&(i=new z(h,this,t)),this._$AV.push(i),l=s[++n]}o!==l?.index&&(h=C.nextNode(),o++)}return C.currentNode=r,e}p(t){let i=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++}}class R{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=E,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cv=e?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=S(this,t,i),c(t)?t===E||null==t||\"\"===t?(this._$AH!==E&&this._$AR(),this._$AH=E):t!==this._$AH&&t!==T&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):u(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==E&&c(this._$AH)?this._$AA.nextSibling.data=t:this.T(r.createTextNode(t)),this._$AH=t}$(t){const{values:i,_$litType$:s}=t,e=\"number\"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=N.createElement(P(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else{const t=new M(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t}}_$AC(t){let i=A.get(t.strings);return void 0===i&&A.set(t.strings,i=new N(t)),i}k(t){a(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const h of t)e===i.length?i.push(s=new R(this.O(l()),this.O(l()),this,this.options)):s=i[e],s._$AI(h),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e)}_$AR(t=this._$AA.nextSibling,i){for(this._$AP?.(!1,!0,i);t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class k{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=E,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=h,s.length>2||\"\"!==s[0]||\"\"!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=E}_$AI(t,i=this,s,e){const h=this.strings;let o=!1;if(void 0===h)t=S(this,t,i,0),o=!c(t)||t!==this._$AH&&t!==T,o&&(this._$AH=t);else{const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=S(this,e[s+n],i,n),r===T&&(r=this._$AH[n]),o||=!c(r)||r!==this._$AH[n],r===E?t=E:t!==E&&(t+=(r??\"\")+h[n+1]),this._$AH[n]=r}o&&!e&&this.j(t)}j(t){t===E?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??\"\")}}class H extends k{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===E?void 0:t}}class I extends k{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==E)}}class L extends k{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5}_$AI(t,i=this){if((t=S(this,t,i,0)??E)===T)return;const s=this._$AH,e=t===E&&s!==E||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==E&&(s===E||e);e&&this.element.removeEventListener(this.name,this,s),h&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){\"function\"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class z{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){S(this,t)}}const Z={M:e,P:h,A:o,C:1,L:V,R:M,D:u,V:S,I:R,H:k,N:I,U:L,B:H,F:z},j=t.litHtmlPolyfillSupport;j?.(N,R),(t.litHtmlVersions??=[]).push(\"3.3.1\");const B=(t,i,s)=>{const e=s?.renderBefore??i;let h=e._$litPart$;if(void 0===h){const t=s?.renderBefore??null;e._$litPart$=h=new R(i.insertBefore(l(),t),t,void 0,s??{})}return h._$AI(t),h};export{Z as _$LH,x as html,w as mathml,T as noChange,E as nothing,B as render,b as svg};\n//# sourceMappingURL=lit-html.js.map\n"],"names":["t","globalThis","i","trustedTypes","s","createPolicy","createHTML","e","h","Math","random","toFixed","slice","o","n","r","document","l","createComment","c","a","Array","isArray","d","f","v","_","m","RegExp","p","g","$","x","_$litType$","strings","values","y","T","Symbol","for","E","A","WeakMap","C","createTreeWalker","P","hasOwnProperty","Error","V","length","u","lastIndex","exec","test","startsWith","push","N","constructor","this","parts","el","createElement","currentNode","content","firstChild","replaceWith","childNodes","nextNode","nodeType","hasAttributes","getAttributeNames","endsWith","getAttribute","split","type","index","name","ctor","H","I","L","k","removeAttribute","tagName","textContent","emptyScript","append","data","indexOf","innerHTML","S","_$Co","_$Cl","_$litDirective$","_$AO","_$AT","_$AS","M","_$AV","_$AN","_$AD","_$AM","parentNode","_$AU","creationScope","importNode","R","nextSibling","z","_$AI","_$Cv","_$AH","_$AA","_$AB","options","isConnected","startNode","endNode","_$AR","iterator","O","insertBefore","createTextNode","_$AC","get","set","_$AP","remove","setConnected","element","fill","String","j","setAttribute","super","arguments","toggleAttribute","capture","once","passive","removeEventListener","addEventListener","handleEvent","call","host","litHtmlPolyfillSupport","litHtmlVersions","renderBefore","_$litPart$"],"mappings":"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","x_google_ignoreList":[0]}

package/cjs/file-download/file-download.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("../_virtual/_tslib.js"),i=require("react/jsx-runtime"),r=require("./file-download.styles.js"),t=require("./file-list-card/file-list-card.js");exports.FileDownload=({id:l,fileItems:s,title:d,description:n,onDownload:o,"data-testid":a,className:c,styleType:j="bordered"})=>{const u=i=>e.__awaiter(void 0,void 0,void 0,(function*(){o&&(yield o(i))}));return i.jsxs(r.Container,{id:l?`${l}-file-download`:"file-download",className:c,"data-testid":a,$border:"bordered"===j,children:[(d||n)&&i.jsxs(r.TextContainer,{children:[d?"string"==typeof d?i.jsx(r.Title,{children:d}):i.jsx(r.TitleContainer,{children:d}):null,n?"string"==typeof n?i.jsx(r.Description,{children:n}):i.jsx(r.DescriptionContainer,{children:n}):null]}),i.jsx(r.ListWrapper,{children:s&&s.length>0&&s.map((e=>i.jsx(t.FileListCard,{fileItem:e,onDownload:u},e.id)))})]})};
+"use strict";var e=require("../_virtual/_tslib.js"),i=require("react/jsx-runtime"),r=require("./file-download.styles.js"),t=require("./file-list-card/file-list-card.js");exports.FileDownload=({id:l,fileItems:n,title:s,description:d,onDownload:o,onClick:a,"data-testid":c,className:j,styleType:u="bordered"})=>{const x=i=>e.__awaiter(void 0,void 0,void 0,(function*(){o&&(yield o(i))}));return i.jsxs(r.Container,{id:l?`${l}-file-download`:"file-download",className:j,"data-testid":c,$border:"bordered"===u,children:[(s||d)&&i.jsxs(r.TextContainer,{children:[s?"string"==typeof s?i.jsx(r.Title,{children:s}):i.jsx(r.TitleContainer,{children:s}):null,d?"string"==typeof d?i.jsx(r.Description,{children:d}):i.jsx(r.DescriptionContainer,{children:d}):null]}),i.jsx(r.ListWrapper,{children:n&&n.length>0&&n.map((e=>i.jsx(t.FileListCard,{fileItem:e,onDownload:x,onClick:a},e.id)))})]})};
 //# sourceMappingURL=file-download.js.map

package/cjs/file-download/file-download.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"file-download.js","sources":["../../../src/file-download/file-download.tsx"],"sourcesContent":["import {\n Container,\n Description,\n DescriptionContainer,\n ListWrapper,\n TextContainer,\n Title,\n TitleContainer,\n} from \"./file-download.styles\";\nimport { FileListCard } from \"./file-list-card\";\nimport { FileDownloadProps, FileItemDownloadProps } from \"./types\";\n\nexport const FileDownload = ({\n id,\n fileItems,\n title,\n description,\n onDownload,\n \"data-testid\": testId,\n className,\n styleType = \"bordered\",\n}: FileDownloadProps) => {\n // =========================================================================\n // EVENT HANDLERS\n // =========================================================================\n const handleDownloadItem = async (item: FileItemDownloadProps) => {\n if (onDownload) {\n await onDownload(item);\n }\n };\n\n // =========================================================================\n // RENDER FUNCTIONS\n // =========================================================================\n const renderTitle = () => {\n if (!title) {\n return null;\n }\n\n if (typeof title === \"string\") {\n return <Title>{title}</Title>;\n }\n\n return <TitleContainer>{title}</TitleContainer>;\n };\n\n const renderDescription = () => {\n if (!description) {\n return null;\n }\n\n if (typeof description === \"string\") {\n return <Description>{description}</Description>;\n }\n\n return <DescriptionContainer>{description}</DescriptionContainer>;\n };\n\n return (\n <Container\n id={id ? `${id}-file-download` : \"file-download\"}\n className={className}\n data-testid={testId}\n $border={styleType === \"bordered\"}\n >\n {(title \|\| description) && (\n <TextContainer>\n {renderTitle()}\n {renderDescription()}\n </TextContainer>\n )}\n <ListWrapper>\n {fileItems &&\n fileItems.length > 0 &&\n fileItems.map((item) => (\n <FileListCard\n key={item.id}\n fileItem={item}\n onDownload={handleDownloadItem}\n />\n ))}\n </ListWrapper>\n </Container>\n );\n};\n"],"names":["id","fileItems","title","description","onDownload","testId","className","styleType","handleDownloadItem","item","__awaiter","_jsxs","Container","$border","TextContainer","_jsx","Title","children","TitleContainer","Description","DescriptionContainer","ListWrapper","length","map","FileListCard","fileItem"],"mappings":"+LAY4B,EACxBA,KACAC,YACAC,QACAC,cACAC,~~aACA~~,cAAeC,EACfC,YACAC,YAAY,eAKZ,MAAMC,EAA4BC,GAA+BC,EAAAA,eAAA,OAAA,OAAA,GAAA,~~YACzDN~~,UACMA,~~EAAWK~~,GAEzB,IA6BA,OACIE,EAAAA,KAACC,EAAAA,UAAS,~~CACNZ~~,GAAIA,EAAK,GAAGA,kBAAqB,~~gBACjCM~~,UAAWA,EAAS,cACPD,EAAMQ,QACI,aAAdN,~~aAEPL~~,GAASC,~~IACPQ~~,EAAAA,KAACG,EAAAA,yBA/~~BJZ~~,EAIgB,iBAAVA,~~EACAa~~,EAAAA,IAACC,EAAAA,MAAK,CAAAC,~~SAAEf~~,~~IAGZa~~,EAAAA,IAACG,EAAAA,eAAc,CAAAD,~~SAAEf~~,IAPb,KAWNC,EAIsB,iBAAhBA,~~EACAY~~,EAAAA,IAACI,EAAAA,YAAW,CAAAF,~~SAAEd~~,~~IAGlBY~~,EAAAA,IAACK,EAAAA,qBAAoB,CAAAH,~~SAAEd~~,IAPnB,~~QAuBPY~~,EAAAA,IAACM,EAAAA,YAAW,CAAAJ,~~SACPhB~~,GACGA,~~EAAUqB~~,OAAS,~~GACnBrB~~,~~EAAUsB~~,KAAKd,GACXM,EAAAA,IAACS,~~EAAAA~~,~~aAAY,~~CAETC,SAAUhB,~~EACVL~~,~~WAAYI~~,~~GAFPC~~,~~EAAKT~~,~~UAMlB~~"}
1	+ {"version":3,"file":"file-download.js","sources":["../../../src/file-download/file-download.tsx"],"sourcesContent":["import {\n Container,\n Description,\n DescriptionContainer,\n ListWrapper,\n TextContainer,\n Title,\n TitleContainer,\n} from \"./file-download.styles\";\nimport { FileListCard } from \"./file-list-card\";\nimport { FileDownloadProps, FileItemDownloadProps } from \"./types\";\n\nexport const FileDownload = ({\n id,\n fileItems,\n title,\n description,\n onDownload,\n onClick,\n \"data-testid\": testId,\n className,\n styleType = \"bordered\",\n}: FileDownloadProps) => {\n // =========================================================================\n // EVENT HANDLERS\n // =========================================================================\n const handleDownloadItem = async (item: FileItemDownloadProps) => {\n if (onDownload) {\n await onDownload(item);\n }\n };\n\n // =========================================================================\n // RENDER FUNCTIONS\n // =========================================================================\n const renderTitle = () => {\n if (!title) {\n return null;\n }\n\n if (typeof title === \"string\") {\n return <Title>{title}</Title>;\n }\n\n return <TitleContainer>{title}</TitleContainer>;\n };\n\n const renderDescription = () => {\n if (!description) {\n return null;\n }\n\n if (typeof description === \"string\") {\n return <Description>{description}</Description>;\n }\n\n return <DescriptionContainer>{description}</DescriptionContainer>;\n };\n\n return (\n <Container\n id={id ? `${id}-file-download` : \"file-download\"}\n className={className}\n data-testid={testId}\n $border={styleType === \"bordered\"}\n >\n {(title \|\| description) && (\n <TextContainer>\n {renderTitle()}\n {renderDescription()}\n </TextContainer>\n )}\n <ListWrapper>\n {fileItems &&\n fileItems.length > 0 &&\n fileItems.map((item) => (\n <FileListCard\n key={item.id}\n fileItem={item}\n onDownload={handleDownloadItem}\n onClick={onClick}\n />\n ))}\n </ListWrapper>\n </Container>\n );\n};\n"],"names":["id","fileItems","title","description","onDownload","onClick","testId","className","styleType","handleDownloadItem","item","__awaiter","_jsxs","Container","$border","TextContainer","_jsx","Title","children","TitleContainer","Description","DescriptionContainer","ListWrapper","length","map","FileListCard","fileItem"],"mappings":"+LAY4B,EACxBA,KACAC,YACAC,QACAC,cACAC,aACAC,UACA,cAAeC,EACfC,YACAC,YAAY,eAKZ,MAAMC,EAA4BC,GAA+BC,EAAAA,eAAA,OAAA,OAAA,GAAA,YACzDP,UACMA,EAAWM,GAEzB,IA6BA,OACIE,EAAAA,KAACC,EAAAA,UAAS,CACNb,GAAIA,EAAK,GAAGA,kBAAqB,gBACjCO,UAAWA,EAAS,cACPD,EAAMQ,QACI,aAAdN,aAEPN,GAASC,IACPS,EAAAA,KAACG,EAAAA,yBA/BJb,EAIgB,iBAAVA,EACAc,EAAAA,IAACC,EAAAA,MAAK,CAAAC,SAAEhB,IAGZc,EAAAA,IAACG,EAAAA,eAAc,CAAAD,SAAEhB,IAPb,KAWNC,EAIsB,iBAAhBA,EACAa,EAAAA,IAACI,EAAAA,YAAW,CAAAF,SAAEf,IAGlBa,EAAAA,IAACK,EAAAA,qBAAoB,CAAAH,SAAEf,IAPnB,QAuBPa,EAAAA,IAACM,EAAAA,YAAW,CAAAJ,SACPjB,GACGA,EAAUsB,OAAS,GACnBtB,EAAUuB,KAAKd,GACXM,EAAAA,IAACS,eAAY,CAETC,SAAUhB,EACVN,WAAYK,EACZJ,QAASA,GAHJK,EAAKV,UAOlB"}

package/cjs/file-download/file-list-card/file-list-card.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("@lifesg/react-icons"),t=require("react"),n=require("../../external/react-responsive/dist/react-responsive.js"),s=require("styled-components"),a=require("../../file-upload/helper.js"),l=require("../../theme/index.js");require("../../util/calendar-helper.js"),require("../../util/date-helper.js"),require("../../util/date-input-helper.js"),require("../../util/simple-id-generator.js");var o=require("../../util/string-helper.js");require("@react-aria/live-announcer");var d=require("./file-list-card.styles.js");const c=t.memo((({fileItem:c,onDownload:u})=>{const{id:h,name:x,size:j,errorMessage:m,thumbnailImageDataUrl:p,truncateText:g=!0,ready:S=!0}=c,[q,f]=t.useState(!1),[w,b]=t.useState(!1),v=a.FileUploadHelper.formatFileSizeDisplay(j),y=t.useContext(s.ThemeContext),E=l.Breakpoint["sm-max"]({theme:y}),I=n.reactResponsiveExports.useMediaQuery({maxWidth:E}),[T,C]=t.useState(),F=t.useRef(null);t.useEffect((()=>{F.current&&C(I?M(x):x)}),[x,I]);const M=e=>{if(!g)return e;const r=F&&F.current?F.current.getBoundingClientRect().width:0;return o.StringHelper.truncateTwoLines(e,r,16,1.5)},z=()=>r.jsxs(r.Fragment,{children:[r.jsx(d.ItemNameText,{ref:F,children:T}),w&&r.jsxs(d.DesktopErrorMessage,{children:[r.jsx(d.ErrorIcon,{"aria-hidden":!0}),m||"Something went wrong"]})]});return r.jsx(d.Item,{"data-testid":h,children:r.jsxs(d.Box,{onClick:()=>e.__awaiter(void 0,void 0,void 0,(function*(){if(S&&!q){f(!0);try{b(!1),yield u(c)}catch(e){b(!0)}finally{f(!1)}}})),$error:w,children:[(()=>{let e;var i;return p?(i=p,e=r.jsxs(r.Fragment,{children:[r.jsx(d.ThumbnailContainer,{"data-testid":`${h}-thumbnail`,children:r.jsx(d.Thumbnail,{"data-testid":`${h}-thumbnail-image`,src:i})}),r.jsxs(d.ExtendedNameSection,{children:[r.jsx(d.NameSection,{children:z()}),r.jsx(d.FileSizeSection,{children:v||"-"}),w&&r.jsxs(d.MobileErrorMessage,{children:[r.jsx(d.ErrorIcon,{"aria-hidden":!0}),m||"Something went wrong"]})]})]})):e=r.jsxs(r.Fragment,{children:[r.jsx(d.NameSection,{children:z()}),r.jsx(d.FileSizeSection,{children:v||"-"}),w&&r.jsxs(d.MobileErrorMessage,{children:[r.jsx(d.ErrorIcon,{"aria-hidden":!0}),m||"Something went wrong"]})]}),r.jsx(d.ContentSection,{$hasThumbnail:!!p,children:e})})(),r.jsx(d.ActionContainer,{children:r.jsx(d.IconButton,{"data-testid":`${h}-download-button`,type:"button",styleType:"light",sizeType:"small","aria-label":`download ${x}`,children:q||!S?r.jsx(d.Spinner,{size:16,"aria-hidden":!0}):r.jsx(i.DownloadIcon,{"aria-hidden":!0})})})]})})}));exports.FileListCard=c;
+"use strict";var e=require("../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("@lifesg/react-icons"),t=require("react"),n=require("../../external/react-responsive/dist/react-responsive.js"),a=require("styled-components"),s=require("../../file-upload/helper.js"),l=require("../../shared/accessibility/index.js"),o=require("../../theme/index.js");require("../../util/calendar-helper.js"),require("../../util/date-helper.js"),require("../../util/date-input-helper.js"),require("../../util/simple-id-generator.js");var d=require("../../util/string-helper.js");require("@react-aria/live-announcer");var u=require("./file-list-card.styles.js");const c=t.memo((({fileItem:c,onDownload:h,onClick:p})=>{const{id:m,name:x,mimeType:j,size:g,errorMessage:b,thumbnailImageDataUrl:y,truncateText:q=!0,ready:f=!0,clickLabel:C}=c,[S,v]=t.useState(!1),[T,w]=t.useState(!1),F=s.FileUploadHelper.formatFileSizeDisplay(g),I=s.FileUploadHelper.resolveThumbnailDisplay(j,y),$="none"!==I.type,k=t.useContext(a.ThemeContext),D=o.Breakpoint["sm-max"]({theme:k}),E=n.reactResponsiveExports.useMediaQuery({maxWidth:D}),[_,z]=t.useState(),B=t.useRef(null);t.useEffect((()=>{B.current&&z(E?N(x):x)}),[x,E]);const H=()=>e.__awaiter(void 0,void 0,void 0,(function*(){if(f&&!S){v(!0);try{w(!1),yield h(c)}catch(e){w(!0)}finally{v(!1)}}})),M=()=>{f&&(p?p(c):H())},U=e=>{e.stopPropagation(),M()},L=e=>{e.stopPropagation(),H()},N=e=>{if(!q)return e;const r=B&&B.current?B.current.getBoundingClientRect().width:0;return d.StringHelper.truncateTwoLines(e,r,16,1.5)},P=()=>r.jsxs(r.Fragment,{children:[r.jsx(u.NameSection,{children:r.jsxs(r.Fragment,{children:[r.jsx(u.ItemNameText,{ref:B,children:_}),T&&r.jsxs(u.DesktopErrorMessage,{children:[r.jsx(u.ErrorIcon,{"aria-hidden":!0}),b||"Something went wrong"]})]})}),r.jsx(u.FileSizeSection,{children:F||"-"}),T&&r.jsxs(u.MobileErrorMessage,{children:[r.jsx(u.ErrorIcon,{"aria-hidden":!0}),b||"Something went wrong"]})]});return r.jsx(u.Item,{"data-testid":m,children:r.jsxs(u.Box,{onClick:M,$error:T,children:[r.jsxs(u.ContentSection,{$hasThumbnail:$,children:["none"===I.type?null:r.jsx(u.ThumbnailContainer,{"data-testid":`${m}-thumbnail`,children:"pdf-icon"===I.type?r.jsx(u.PdfThumbnail,{"data-testid":`${m}-thumbnail-image`,src:s.FileUploadHelper.PDF_ICON_URL}):r.jsx(u.Thumbnail,{"data-testid":`${m}-thumbnail-image`,src:I.src})}),$?r.jsx(u.ExtendedNameSection,{children:P()}):P()]}),p?r.jsx(l.VisuallyHidden,{children:r.jsx(u.CardButton,{type:"button","data-testid":`${m}-card-button`,"aria-label":null!=C?C:x,disabled:!f,onClick:U})}):null,r.jsx(u.ActionContainer,{children:r.jsx(u.IconButton,{"data-testid":`${m}-download-button`,type:"button",styleType:"light",sizeType:"small","aria-label":`download ${x}`,onClick:L,children:S||!f?r.jsx(u.Spinner,{size:16,"aria-hidden":!0}):r.jsx(i.DownloadIcon,{"aria-hidden":!0})})})]})})}));exports.FileListCard=c;
 //# sourceMappingURL=file-list-card.js.map

package/cjs/file-download/file-list-card/file-list-card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"file-list-card.js","sources":["../../../../src/file-download/file-list-card/file-list-card.tsx"],"sourcesContent":["import { DownloadIcon } from \"@lifesg/react-icons\";\nimport { memo, useContext, useEffect, useRef, useState } from \"react\";\nimport { useMediaQuery } from \"react-responsive\";\nimport { ThemeContext } from \"styled-components\";\nimport { FileUploadHelper } from \"../../file-upload/helper\";\nimport { Breakpoint } from \"../../theme\";\nimport { StringHelper } from \"../../util\";\nimport {\n ActionContainer,\n Box,\n ContentSection,\n DesktopErrorMessage,\n ErrorIcon,\n ExtendedNameSection,\n FileSizeSection,\n IconButton,\n Item,\n ItemNameText,\n MobileErrorMessage,\n NameSection,\n Spinner,\n Thumbnail,\n ThumbnailContainer,\n} from \"./file-list-card.styles\";\nimport { FileListItemProps } from \"./types\";\n\nconst Component = ({ fileItem, onDownload }: FileListItemProps) => {\n // =========================================================================\n // CONST, STATE, REFS\n // =========================================================================\n const {\n id,\n name,\n size,\n errorMessage,\n thumbnailImageDataUrl,\n truncateText = true,\n ready = true,\n } = fileItem;\n\n // Local variables\n const [isLoading, setIsLoading] = useState<boolean>(false);\n const [isError, setIsError] = useState<boolean>(false);\n const fileSize = FileUploadHelper.formatFileSizeDisplay(size);\n const theme = useContext(ThemeContext);\n const mobileBreakpoint = Breakpoint[\"sm-max\"]({ theme });\n const isMobile = useMediaQuery({ maxWidth: mobileBreakpoint });\n const [displayText, setDisplayText] = useState<string>();\n const containerRef = useRef<HTMLDivElement>(null);\n\n // =========================================================================\n // EFFECTS\n // =========================================================================\n useEffect(() => {\n if (!containerRef.current) return;\n if (isMobile) {\n setDisplayText(getTruncatedText(name));\n } else {\n setDisplayText(name);\n }\n }, [name, isMobile]);\n\n // =========================================================================\n // EVENT HANDLERS\n // =========================================================================\n const handleDownload = async () => {\n if (!ready \|\| isLoading) {\n return;\n }\n\n setIsLoading(true);\n try {\n setIsError(false);\n await onDownload(fileItem);\n } catch {\n setIsError(true);\n } finally {\n setIsLoading(false);\n }\n };\n\n // =========================================================================\n // HELPER FUNCTIONS\n // =========================================================================\n const getTruncatedText = (value: string) => {\n if (!truncateText) return value;\n\n const widthOfElement =\n containerRef && containerRef.current\n ? containerRef.current.getBoundingClientRect().width\n : 0;\n\n return StringHelper.truncateTwoLines(value, widthOfElement, 16, 1.5);\n };\n\n // =========================================================================\n // RENDER FUNCTIONS\n // =========================================================================\n const renderNameDescription = () => (\n <>\n <ItemNameText ref={containerRef}>{displayText}</ItemNameText>\n {isError && (\n <DesktopErrorMessage>\n <ErrorIcon aria-hidden />\n {errorMessage ? errorMessage : \"Something went wrong\"}\n </DesktopErrorMessage>\n )}\n </>\n );\n\n const renderWithThumbnail = (thumbnailSrc: string) => (\n <>\n <ThumbnailContainer data-testid={`${id}-thumbnail`}>\n <Thumbnail\n data-testid={`${id}-thumbnail-image`}\n src={thumbnailSrc}\n />\n </ThumbnailContainer>\n <ExtendedNameSection>\n <NameSection>{renderNameDescription()}</NameSection>\n <FileSizeSection>{fileSize ? fileSize : \"-\"}</FileSizeSection>\n {isError && (\n <MobileErrorMessage>\n <ErrorIcon aria-hidden />\n {errorMessage ? errorMessage : \"Something went wrong\"}\n </MobileErrorMessage>\n )}\n </ExtendedNameSection>\n </>\n );\n\n const renderDefault = () => (\n <>\n <NameSection>{renderNameDescription()}</NameSection>\n <FileSizeSection>{fileSize ? fileSize : \"-\"}</FileSizeSection>\n {isError && (\n <MobileErrorMessage>\n <ErrorIcon aria-hidden />\n {errorMessage ? errorMessage : \"Something went wrong\"}\n </MobileErrorMessage>\n )}\n </>\n );\n\n const renderContents = () => {\n let content: JSX.Element;\n\n if (thumbnailImageDataUrl) {\n content = renderWithThumbnail(thumbnailImageDataUrl);\n } else {\n content = renderDefault();\n }\n\n return (\n <ContentSection $hasThumbnail={!!thumbnailImageDataUrl}>\n {content}\n </ContentSection>\n );\n };\n\n const renderActions = () => {\n return (\n <ActionContainer>\n <IconButton\n data-testid={`${id}-download-button`}\n type=\"button\"\n styleType=\"light\"\n sizeType=\"small\"\n aria-label={`download ${name}`}\n >\n {isLoading \|\| !ready ? (\n <Spinner size={16} aria-hidden />\n ) : (\n <DownloadIcon aria-hidden />\n )}\n </IconButton>\n </ActionContainer>\n );\n };\n\n return (\n <Item data-testid={id}>\n <Box onClick={handleDownload} $error={isError}>\n {renderContents()}\n {renderActions()}\n </Box>\n </Item>\n );\n};\n\nexport const FileListCard = memo(Component);\n"],"names":["FileListCard","memo","fileItem","onDownload","id","name","size","errorMessage","thumbnailImageDataUrl","truncateText","ready","isLoading","setIsLoading","useState","isError","setIsError","fileSize","FileUploadHelper","formatFileSizeDisplay","theme","useContext","ThemeContext","mobileBreakpoint","Breakpoint","isMobile","useMediaQuery","maxWidth","displayText","setDisplayText","containerRef","useRef","useEffect","current","getTruncatedText","value","widthOfElement","getBoundingClientRect","width","StringHelper","truncateTwoLines","renderNameDescription","_jsxs","_jsx","ItemNameText","ref","children","DesktopErrorMessage","ErrorIcon","Item","Box","onClick","__awaiter","_a","$error","content","thumbnailSrc","_Fragment","ThumbnailContainer","Thumbnail","src","ExtendedNameSection","NameSection","FileSizeSection","MobileErrorMessage","ContentSection","$hasThumbnail","renderContents","ActionContainer","IconButton","type","styleType","sizeType","Spinner","DownloadIcon"],"mappings":"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"}
1	+ {"version":3,"file":"file-list-card.js","sources":["../../../../src/file-download/file-list-card/file-list-card.tsx"],"sourcesContent":["import { DownloadIcon } from \"@lifesg/react-icons\";\nimport { memo, useContext, useEffect, useRef, useState } from \"react\";\nimport { useMediaQuery } from \"react-responsive\";\nimport { ThemeContext } from \"styled-components\";\nimport { FileUploadHelper } from \"../../file-upload/helper\";\nimport { VisuallyHidden } from \"../../shared/accessibility\";\nimport { Breakpoint } from \"../../theme\";\nimport { StringHelper } from \"../../util\";\nimport {\n ActionContainer,\n Box,\n CardButton,\n ContentSection,\n DesktopErrorMessage,\n ErrorIcon,\n ExtendedNameSection,\n FileSizeSection,\n IconButton,\n Item,\n ItemNameText,\n MobileErrorMessage,\n NameSection,\n PdfThumbnail,\n Spinner,\n Thumbnail,\n ThumbnailContainer,\n} from \"./file-list-card.styles\";\nimport { FileListItemProps } from \"./types\";\n\nconst Component = ({ fileItem, onDownload, onClick }: FileListItemProps) => {\n // =========================================================================\n // CONST, STATE, REFS\n // =========================================================================\n const {\n id,\n name,\n mimeType,\n size,\n errorMessage,\n thumbnailImageDataUrl,\n truncateText = true,\n ready = true,\n clickLabel,\n } = fileItem;\n\n // Local variables\n const [isLoading, setIsLoading] = useState<boolean>(false);\n const [isError, setIsError] = useState<boolean>(false);\n const fileSize = FileUploadHelper.formatFileSizeDisplay(size);\n const thumbnailDisplay = FileUploadHelper.resolveThumbnailDisplay(\n mimeType,\n thumbnailImageDataUrl\n );\n const hasThumbnail = thumbnailDisplay.type !== \"none\";\n const theme = useContext(ThemeContext);\n const mobileBreakpoint = Breakpoint[\"sm-max\"]({ theme });\n const isMobile = useMediaQuery({ maxWidth: mobileBreakpoint });\n const [displayText, setDisplayText] = useState<string>();\n const containerRef = useRef<HTMLDivElement>(null);\n\n // =========================================================================\n // EFFECTS\n // =========================================================================\n useEffect(() => {\n if (!containerRef.current) return;\n if (isMobile) {\n setDisplayText(getTruncatedText(name));\n } else {\n setDisplayText(name);\n }\n }, [name, isMobile]);\n\n // =========================================================================\n // EVENT HANDLERS\n // =========================================================================\n const handleDownload = async () => {\n if (!ready \|\| isLoading) {\n return;\n }\n\n setIsLoading(true);\n try {\n setIsError(false);\n await onDownload(fileItem);\n } catch {\n setIsError(true);\n } finally {\n setIsLoading(false);\n }\n };\n\n const handleCardClick = () => {\n if (!ready) {\n return;\n }\n\n if (onClick) {\n onClick(fileItem);\n return;\n }\n\n handleDownload();\n };\n\n const handleCardButtonClick = (\n event: React.MouseEvent<HTMLButtonElement>\n ) => {\n // The button sits inside Box, which also handles clicks. Without this,\n // both handlers fire and the action runs twice.\n event.stopPropagation();\n handleCardClick();\n };\n\n const handleDownloadButtonClick = (\n event: React.MouseEvent<HTMLButtonElement>\n ) => {\n // Same reason as above: stop the click from also reaching Box.\n event.stopPropagation();\n handleDownload();\n };\n\n // =========================================================================\n // HELPER FUNCTIONS\n // =========================================================================\n const getTruncatedText = (value: string) => {\n if (!truncateText) return value;\n\n const widthOfElement =\n containerRef && containerRef.current\n ? containerRef.current.getBoundingClientRect().width\n : 0;\n\n return StringHelper.truncateTwoLines(value, widthOfElement, 16, 1.5);\n };\n\n // =========================================================================\n // RENDER FUNCTIONS\n // =========================================================================\n const renderNameDescription = () => (\n <>\n <ItemNameText ref={containerRef}>{displayText}</ItemNameText>\n {isError && (\n <DesktopErrorMessage>\n <ErrorIcon aria-hidden />\n {errorMessage ? errorMessage : \"Something went wrong\"}\n </DesktopErrorMessage>\n )}\n </>\n );\n\n const renderThumbnail = () => {\n if (thumbnailDisplay.type === \"none\") {\n return null;\n }\n\n return (\n <ThumbnailContainer data-testid={`${id}-thumbnail`}>\n {thumbnailDisplay.type === \"pdf-icon\" ? (\n <PdfThumbnail\n data-testid={`${id}-thumbnail-image`}\n src={FileUploadHelper.PDF_ICON_URL}\n />\n ) : (\n <Thumbnail\n data-testid={`${id}-thumbnail-image`}\n src={thumbnailDisplay.src}\n />\n )}\n </ThumbnailContainer>\n );\n };\n\n const renderNameSizeError = () => (\n <>\n <NameSection>{renderNameDescription()}</NameSection>\n <FileSizeSection>{fileSize ? fileSize : \"-\"}</FileSizeSection>\n {isError && (\n <MobileErrorMessage>\n <ErrorIcon aria-hidden />\n {errorMessage ? errorMessage : \"Something went wrong\"}\n </MobileErrorMessage>\n )}\n </>\n );\n\n const renderContents = () => (\n <ContentSection $hasThumbnail={hasThumbnail}>\n {renderThumbnail()}\n {hasThumbnail ? (\n <ExtendedNameSection>\n {renderNameSizeError()}\n </ExtendedNameSection>\n ) : (\n renderNameSizeError()\n )}\n </ContentSection>\n );\n\n const renderCardButton = () => {\n if (!onClick) {\n return null;\n }\n\n return (\n <VisuallyHidden>\n <CardButton\n type=\"button\"\n data-testid={`${id}-card-button`}\n aria-label={clickLabel ?? name}\n disabled={!ready}\n onClick={handleCardButtonClick}\n />\n </VisuallyHidden>\n );\n };\n\n const renderActions = () => {\n return (\n <ActionContainer>\n <IconButton\n data-testid={`${id}-download-button`}\n type=\"button\"\n styleType=\"light\"\n sizeType=\"small\"\n aria-label={`download ${name}`}\n onClick={handleDownloadButtonClick}\n >\n {isLoading \|\| !ready ? (\n <Spinner size={16} aria-hidden />\n ) : (\n <DownloadIcon aria-hidden />\n )}\n </IconButton>\n </ActionContainer>\n );\n };\n\n return (\n <Item data-testid={id}>\n <Box onClick={handleCardClick} $error={isError}>\n {renderContents()}\n {renderCardButton()}\n {renderActions()}\n </Box>\n </Item>\n );\n};\n\nexport const FileListCard = memo(Component);\n"],"names":["FileListCard","memo","fileItem","onDownload","onClick","id","name","mimeType","size","errorMessage","thumbnailImageDataUrl","truncateText","ready","clickLabel","isLoading","setIsLoading","useState","isError","setIsError","fileSize","FileUploadHelper","formatFileSizeDisplay","thumbnailDisplay","resolveThumbnailDisplay","hasThumbnail","type","theme","useContext","ThemeContext","mobileBreakpoint","Breakpoint","isMobile","useMediaQuery","maxWidth","displayText","setDisplayText","containerRef","useRef","useEffect","current","getTruncatedText","handleDownload","__awaiter","_a","handleCardClick","handleCardButtonClick","event","stopPropagation","handleDownloadButtonClick","value","widthOfElement","getBoundingClientRect","width","StringHelper","truncateTwoLines","renderNameSizeError","_jsxs","_Fragment","children","_jsx","NameSection","ItemNameText","ref","DesktopErrorMessage","ErrorIcon","FileSizeSection","MobileErrorMessage","Item","Box","$error","ContentSection","$hasThumbnail","ThumbnailContainer","PdfThumbnail","src","PDF_ICON_URL","Thumbnail","ExtendedNameSection","VisuallyHidden","CardButton","disabled","ActionContainer","IconButton","styleType","sizeType","Spinner","DownloadIcon"],"mappings":"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"}

package/cjs/file-download/file-list-card/file-list-card.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var e=require("styled-components"),i=require("@lifesg/react-icons/exclamation-circle-fill"),r=require("../../icon-button/icon-button.js"),t=require("../../shared/component-loading-spinner/component-loading-spinner.js"),a=require("../../shared/image-with-fallback/image-with-fallback.js"),o=require("../../shared/styles/index.js"),n=require("../../theme/index.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(e);const s=d.default.li`
+"use strict";var e=require("styled-components"),i=require("@lifesg/react-icons/exclamation-circle-fill"),r=require("../../icon-button/icon-button.js"),o=require("../../shared/component-loading-spinner/component-loading-spinner.js"),t=require("../../shared/image-with-fallback/image-with-fallback.js"),n=require("../../shared/styles/index.js"),a=require("../../theme/index.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(e);const s=d.default.li`
     display: flex;
     align-items: center;
@@ -6,34 +6,48 @@
     border: none;
     &:not(:last-child) {
-        margin-bottom: ${n.Spacing["spacing-16"]};
+        margin-bottom: ${a.Spacing["spacing-16"]};
     }
-`,c=d.default.div`
+`,c=d.default.button`
+    appearance: none;
+    padding: 0;
+    background: none;
+    border: none;
+`,u=d.default.div`
     display: flex;
     align-items: center;
     width: 100%;
-    padding: ${n.Spacing["spacing-16"]} ${n.Spacing["spacing-32"]};
+    padding: ${a.Spacing["spacing-16"]} ${a.Spacing["spacing-32"]};
     cursor: pointer;
-    background: ${n.Colour["bg-primary-subtlest"]};
-    border: ${n.Border["width-010"]} ${n.Border.solid} ${n.Colour.border};
-    border-radius: ${n.Radius.sm};
+    background: ${a.Colour["bg-primary-subtlest"]};
+    border: ${a.Border["width-010"]} ${a.Border.solid} ${a.Colour.border};
+    border-radius: ${a.Radius.sm};
-    ${n.MediaQuery.MaxWidth.lg} {
-        padding: ${n.Spacing["spacing-16"]};
+    ${a.MediaQuery.MaxWidth.lg} {
+        padding: ${a.Spacing["spacing-16"]};
     }
     &:hover {
-        background: ${n.Colour["bg-hover"]};
+        background: ${a.Colour["bg-hover"]};
+    }
+    &:has(${c}:focus-visible) {
+        outline: 2px solid ${a.Colour["focus-ring"]};
+        outline-offset: -2px;
     }
     ${i=>{if(i.$error)return e.css`
-                background: ${n.Colour["bg-error"]};
-                border-color: ${n.Colour["border-error"]};
+                background: ${a.Colour["bg-error"]};
+                border-color: ${a.Colour["border-error"]};
                 &:hover {
-                    background: ${n.Colour["bg-error"]};
+                    background: ${a.Colour["bg-error"]};
+                }
+                &:has(${c}:focus-visible) {
+                    outline-color: ${a.Colour["border-error-focus"]};
                 }
             `}}
 `,g=d.default.div`
@@ -41,14 +55,14 @@
     flex: 1;
     align-items: center;
-    ${n.MediaQuery.MaxWidth.lg} {
+    ${a.MediaQuery.MaxWidth.lg} {
         flex-direction: column;
         align-items: flex-start;
         width: 100%;
     }
     ${i=>{if(i.$hasThumbnail)return e.css`
-                ${n.MediaQuery.MaxWidth.lg} {
+                ${a.MediaQuery.MaxWidth.lg} {
                     flex-direction: row;
                     align-items: center;
                 }
@@ -63,12 +77,12 @@
     overflow-wrap: break-word;
     word-break: break-all;
     white-space: normal;
-`,u=d.default.div`
+`,f=d.default.div`
     display: flex;
     flex: 1;
     align-items: center;
-    ${n.MediaQuery.MaxWidth.lg} {
+    ${a.MediaQuery.MaxWidth.lg} {
         flex-direction: column;
         align-items: flex-start;
         width: 100%;
@@ -78,99 +92,101 @@
     justify-content: flex-end;
     width: 5rem;
-    margin-left: ${n.Spacing["spacing-8"]};
+    margin-left: ${a.Spacing["spacing-8"]};
-    ${n.Font["body-md-regular"]}
-    color: ${n.Colour.text};
+    ${a.Font["body-md-regular"]}
+    color: ${a.Colour.text};
-    ${n.MediaQuery.MaxWidth.lg} {
+    ${a.MediaQuery.MaxWidth.lg} {
         justify-content: flex-start;
         width: 100%;
         margin-left: 0;
-        margin-top: ${n.Spacing["spacing-8"]};
+        margin-top: ${a.Spacing["spacing-8"]};
-        ${o.lineClampCss(2)}
+        ${n.lineClampCss(2)}
     }
-`,f=d.default.div`
-    ${n.Font["body-md-regular"]}
-    color: ${n.Colour.text};
+`,h=d.default.div`
+    ${a.Font["body-md-regular"]}
+    color: ${a.Colour.text};
-    ${n.MediaQuery.MaxWidth.lg} {
-        ${o.lineClampCss(2)}
+    ${a.MediaQuery.MaxWidth.lg} {
+        ${n.lineClampCss(2)}
     }
-`;d.default(f)`
-    ${n.Font["body-md-regular"]}
-    margin-top: ${n.Spacing["spacing-4"]};
+`;d.default(h)`
+    ${a.Font["body-md-regular"]}
+    margin-top: ${a.Spacing["spacing-4"]};
 `;const m=d.default(i.ExclamationCircleFillIcon)`
     height: 1lh;
     width: 1em;
     flex-shrink: 0;
-    color: ${n.Colour["icon-error-strong"]};
-`,h=d.default.div`
-    ${n.Font["body-sm-semibold"]}
-    color: ${n.Colour["text-error"]};
-`,$=d.default(h)`
-    margin-top: ${n.Spacing["spacing-8"]};
+    color: ${a.Colour["icon-error-strong"]};
+`,$=d.default.div`
+    ${a.Font["body-sm-semibold"]}
+    color: ${a.Colour["text-error"]};
+`,b=d.default($)`
+    margin-top: ${a.Spacing["spacing-8"]};
     display: flex;
-    gap: ${n.Spacing["spacing-4"]};
+    gap: ${a.Spacing["spacing-4"]};
-    ${n.MediaQuery.MaxWidth.lg} {
+    ${a.MediaQuery.MaxWidth.lg} {
         display: none;
         visibility: hidden;
     }
-`,b=d.default(h)`
+`,y=d.default($)`
     display: none;
     visibility: hidden;
-    ${n.MediaQuery.MaxWidth.lg} {
+    ${a.MediaQuery.MaxWidth.lg} {
         display: flex;
-        gap: ${n.Spacing["spacing-4"]};
+        gap: ${a.Spacing["spacing-4"]};
         visibility: visible;
-        margin-top: ${n.Spacing["spacing-8"]};
+        margin-top: ${a.Spacing["spacing-8"]};
     }
-`,y=d.default(t.ComponentLoadingSpinner)`
-    color: ${n.Colour["icon-primary"]};
-`,M=d.default.div`
+`,M=d.default(o.ComponentLoadingSpinner)`
+    color: ${a.Colour["icon-primary"]};
+`,C=d.default.div`
     display: flex;
     justify-content: flex-end;
     align-items: center;
-    margin-left: ${n.Spacing["spacing-32"]};
+    margin-left: ${a.Spacing["spacing-32"]};
-    ${n.MediaQuery.MaxWidth.lg} {
-        margin-left: ${n.Spacing["spacing-16"]};
+    ${a.MediaQuery.MaxWidth.lg} {
+        margin-left: ${a.Spacing["spacing-16"]};
     }
 `,S=d.default(r.IconButton)`
     min-width: unset;
     &:not(:last-child) {
-        margin-right: ${n.Spacing["spacing-16"]};
+        margin-right: ${a.Spacing["spacing-16"]};
     }
-`,w=d.default.div`
+`,v=d.default.div`
     width: auto;
-    margin-right: ${n.Spacing["spacing-32"]};
+    margin-right: ${a.Spacing["spacing-32"]};
     display: flex;
     flex-shrink: 0;
     flex-direction: column;
     justify-content: center;
-    ${n.MediaQuery.MaxWidth.lg} {
-        margin-right: ${n.Spacing["spacing-16"]};
+    ${a.MediaQuery.MaxWidth.lg} {
+        margin-right: ${a.Spacing["spacing-16"]};
     }
-`,C=d.default(a.ImageWithFallback)`
-    border-radius: ${n.Radius.sm};
-    border: ${n.Border["width-010"]} ${n.Border.solid} ${n.Colour.border};
+`,w=d.default(t.ImageWithFallback)`
+    border-radius: ${a.Radius.sm};
+    border: ${a.Border["width-010"]} ${a.Border.solid} ${a.Colour.border};
     width: 96px;
     height: 96px;
     aspect-ratio: 1;
     object-fit: cover;
-    ${n.MediaQuery.MaxWidth.lg} {
+    ${a.MediaQuery.MaxWidth.lg} {
         width: 64px;
         height: 64px;
     }
-`;exports.ActionContainer=M,exports.Box=c,exports.ContentSection=g,exports.DesktopErrorMessage=$,exports.ErrorIcon=m,exports.ExtendedNameSection=u,exports.FileSizeSection=x,exports.IconButton=S,exports.Item=s,exports.ItemNameText=f,exports.MobileErrorMessage=b,exports.NameSection=p,exports.Spinner=y,exports.Thumbnail=C,exports.ThumbnailContainer=w;
+`,k=d.default(w)`
+    border: none;
+`;exports.ActionContainer=C,exports.Box=u,exports.CardButton=c,exports.ContentSection=g,exports.DesktopErrorMessage=b,exports.ErrorIcon=m,exports.ExtendedNameSection=f,exports.FileSizeSection=x,exports.IconButton=S,exports.Item=s,exports.ItemNameText=h,exports.MobileErrorMessage=y,exports.NameSection=p,exports.PdfThumbnail=k,exports.Spinner=M,exports.Thumbnail=w,exports.ThumbnailContainer=v;
 //# sourceMappingURL=file-list-card.styles.js.map

package/cjs/file-download/file-list-card/file-list-card.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"file-list-card.styles.js","sources":["../../../../src/file-download/file-list-card/file-list-card.styles.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { ExclamationCircleFillIcon } from \"@lifesg/react-icons/exclamation-circle-fill\";\nimport { IconButton as DSIconButton } from \"../../icon-button\";\nimport { ComponentLoadingSpinner } from \"../../shared/component-loading-spinner\";\nimport { ImageWithFallback } from \"../../shared/image-with-fallback/image-with-fallback\";\nimport { lineClampCss } from \"../../shared/styles\";\nimport { Border, Colour, Font, MediaQuery, Radius, Spacing } from \"../../theme\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\n\ninterface BoxStyleProps {\n $error?: boolean \| undefined;\n}\n\ninterface ContentSectionStyleProps {\n $hasThumbnail?: boolean \| undefined;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const Item = styled.li`\n display: flex;\n align-items: center;\n\n width: 100%;\n border: none;\n\n &:not(:last-child) {\n margin-bottom: ${Spacing[\"spacing-16\"]};\n }\n`;\n\nexport const Box = styled.div<BoxStyleProps>`\n display: flex;\n align-items: center;\n\n width: 100%;\n padding: ${Spacing[\"spacing-16\"]} ${Spacing[\"spacing-32\"]};\n cursor: pointer;\n\n background: ${Colour[\"bg-primary-subtlest\"]};\n border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n border-radius: ${Radius[\"sm\"]};\n\n ${MediaQuery.MaxWidth.lg} {\n padding: ${Spacing[\"spacing-16\"]};\n }\n\n &:hover {\n background: ${Colour[\"bg-hover\"]};\n }\n\n ${(props) => {\n if (props.$error) {\n return css`\n background: ${Colour[\"bg-error\"]};\n border-color: ${Colour[\"border-error\"]};\n\n &:hover {\n background: ${Colour[\"bg-error\"]};\n }\n `;\n }\n }}\n`;\n\nexport const ContentSection = styled.div<ContentSectionStyleProps>`\n display: flex;\n flex: 1;\n align-items: center;\n\n ${MediaQuery.MaxWidth.lg} {\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n }\n\n ${(props) => {\n if (props.$hasThumbnail) {\n return css`\n ${MediaQuery.MaxWidth.lg} {\n flex-direction: row;\n align-items: center;\n }\n `;\n }\n }}\n`;\n\nexport const NameSection = styled.div`\n display: flex;\n flex: 1;\n flex-direction: column;\n\n width: 100%;\n\n overflow-wrap: break-word;\n word-break: break-all;\n white-space: normal;\n`;\n\nexport const ExtendedNameSection = styled.div`\n display: flex;\n flex: 1;\n align-items: center;\n\n ${MediaQuery.MaxWidth.lg} {\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n }\n`;\n\nexport const FileSizeSection = styled.div`\n display: flex;\n justify-content: flex-end;\n\n width: 5rem;\n margin-left: ${Spacing[\"spacing-8\"]};\n\n ${Font[\"body-md-regular\"]}\n color: ${Colour[\"text\"]};\n\n ${MediaQuery.MaxWidth.lg} {\n justify-content: flex-start;\n\n width: 100%;\n margin-left: 0;\n margin-top: ${Spacing[\"spacing-8\"]};\n\n ${lineClampCss(2)}\n }\n`;\n\nexport const ItemNameText = styled.div`\n ${Font[\"body-md-regular\"]}\n color: ${Colour[\"text\"]};\n\n ${MediaQuery.MaxWidth.lg} {\n ${lineClampCss(2)}\n }\n`;\n\nexport const ItemDescriptionText = styled(ItemNameText)`\n ${Font[\"body-md-regular\"]}\n margin-top: ${Spacing[\"spacing-4\"]};\n`;\n\nexport const ErrorIcon = styled(ExclamationCircleFillIcon)`\n height: 1lh;\n width: 1em;\n flex-shrink: 0;\n color: ${Colour[\"icon-error-strong\"]};\n`;\n\nconst BaseErrorMessage = styled.div`\n ${Font[\"body-sm-semibold\"]}\n color: ${Colour[\"text-error\"]};\n`;\n\nexport const DesktopErrorMessage = styled(BaseErrorMessage)`\n margin-top: ${Spacing[\"spacing-8\"]};\n display: flex;\n gap: ${Spacing[\"spacing-4\"]};\n\n ${MediaQuery.MaxWidth.lg} {\n display: none;\n visibility: hidden;\n }\n`;\n\nexport const MobileErrorMessage = styled(BaseErrorMessage)`\n display: none;\n visibility: hidden;\n\n ${MediaQuery.MaxWidth.lg} {\n display: flex;\n gap: ${Spacing[\"spacing-4\"]};\n visibility: visible;\n margin-top: ${Spacing[\"spacing-8\"]};\n }\n`;\n\nexport const Spinner = styled(ComponentLoadingSpinner)`\n color: ${Colour[\"icon-primary\"]};\n`;\n\nexport const ActionContainer = styled.div`\n display: flex;\n justify-content: flex-end;\n align-items: center;\n\n margin-left: ${Spacing[\"spacing-32\"]};\n\n ${MediaQuery.MaxWidth.lg} {\n margin-left: ${Spacing[\"spacing-16\"]};\n }\n`;\n\nexport const IconButton = styled(DSIconButton)`\n min-width: unset;\n\n &:not(:last-child) {\n margin-right: ${Spacing[\"spacing-16\"]};\n }\n`;\n\nexport const ThumbnailContainer = styled.div`\n width: auto;\n margin-right: ${Spacing[\"spacing-32\"]};\n\n display: flex;\n flex-shrink: 0;\n flex-direction: column;\n justify-content: center;\n\n ${MediaQuery.MaxWidth.lg} {\n margin-right: ${Spacing[\"spacing-16\"]};\n }\n`;\n\nexport const Thumbnail = styled(ImageWithFallback)`\n border-radius: ${Radius[\"sm\"]};\n border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n\n width: 96px;\n height: 96px;\n aspect-ratio: 1;\n object-fit: cover;\n\n ${MediaQuery.MaxWidth.lg} {\n width: 64px;\n height: 64px;\n }\n`;\n"],"names":["Item","styled","li","Spacing","Box","div","Colour","Border","Radius","MediaQuery","MaxWidth","lg","props","$error","css","ContentSection","$hasThumbnail","NameSection","ExtendedNameSection","FileSizeSection","Font","lineClampCss","ItemNameText","ErrorIcon","ExclamationCircleFillIcon","BaseErrorMessage","DesktopErrorMessage","MobileErrorMessage","Spinner","ComponentLoadingSpinner","ActionContainer","IconButton","DSIconButton","ThumbnailContainer","Thumbnail","ImageWithFallback"],"mappings":"4cAuBO,MAAMA,EAAOC,EAAAA,QAAOC,EAAE;;;;;;;;yBAQJC,EAAAA,QAAQ;;EAIpBC,~~EAAMH~~,EAAAA,QAAOI,GAAkB;;;;;~~eAK7BF~~,EAAAA,QAAQ,iBAAiBA,EAAAA,QAAQ;;;~~kBAG9BG~~,EAAAA,OAAO;cACXC,EAAAA,OAAO,gBAAgBA,EAAAA,OAAc,SAAKD,SAAe;qBAClDE,EAAAA,OAAW;;MAE1BC,EAAAA,WAAWC,SAASC;~~mBACPR~~,EAAAA,QAAQ;;;;~~sBAILG~~,EAAAA,OAAO;;;~~MAGtBM~~,IACC,GAAIA,EAAMC,OACN,OAAOC,KAAG;8BACQR,EAAAA,OAAO;gCACLA,EAAAA,OAAO;;;kCAGLA,EAAAA,OAAO;;~~aAGjC~~;EAIKS,~~EAAiBd~~,EAAAA,~~QAAOI~~,GAA6B;;;;;MAK5DI,EAAAA,WAAWC,SAASC;;;;;;MAMnBC,IACC,GAAIA,EAAMI,cACN,OAAOF,KAAG;kBACJL,EAAAA,WAAWC,SAASC;;;;aAK9B;EAIKM,~~EAAchB~~,EAAAA,~~QAAOI~~,GAAG;;;;;;;;;;EAYxBa,~~EAAsBjB~~,EAAAA,~~QAAOI~~,GAAG;;;;;MAKvCI,EAAAA,WAAWC,SAASC;;;;;EAObQ,~~EAAkBlB~~,EAAAA,~~QAAOI~~,GAAG;;;;;~~mBAKtBF~~,EAAAA,QAAQ;;~~MAErBiB~~,EAAAA,KAAK;aACEd,EAAAA,OAAa;;MAEpBG,EAAAA,WAAWC,SAASC;;;;;~~sBAKJR~~,EAAAA,QAAQ;;~~UAEpBkB~~,EAAAA,aAAa;;EAIVC,~~EAAerB~~,EAAAA,~~QAAOI~~,GAAG;MAChCe,EAAAA,KAAK;aACEd,EAAAA,OAAa;;MAEpBG,EAAAA,WAAWC,SAASC;UAChBU,EAAAA,aAAa;;~~EAIYpB~~,EAAAA,~~QAAOqB~~,EAAa;MACjDF,EAAAA,KAAK;~~kBACOjB~~,EAAAA,QAAQ;~~QAGboB~~,~~EAAYtB~~,EAAAA,~~QAAOuB~~,EAAAA,0BAA0B;;;;aAI7ClB,EAAAA,OAAO;EAGdmB,~~EAAmBxB~~,EAAAA,~~QAAOI~~,GAAG;MAC7Be,EAAAA,KAAK;aACEd,EAAAA,OAAO;EAGPoB,~~EAAsBzB~~,EAAAA,~~QAAOwB~~,EAAiB;~~kBACzCtB~~,EAAAA,QAAQ;;WAEfA,EAAAA,QAAQ;;~~MAEbM~~,EAAAA,WAAWC,SAASC;;;;EAMbgB,~~EAAqB1B~~,EAAAA,~~QAAOwB~~,EAAiB;;;;MAIpDhB,EAAAA,WAAWC,SAASC;;~~eAEXR~~,EAAAA,QAAQ;;sBAEDA,EAAAA,QAAQ;;~~EAIjByB~~,~~EAAU3B~~,EAAAA,~~QAAO4B~~,EAAAA,wBAAwB;aACzCvB,EAAAA,OAAO;EAGPwB,~~EAAkB7B~~,EAAAA,~~QAAOI~~,GAAG;;;;;~~mBAKtBF~~,EAAAA,QAAQ;;~~MAErBM~~,EAAAA,WAAWC,SAASC;~~uBACHR~~,EAAAA,QAAQ;;~~EAIlB4B~~,~~EAAa9B~~,EAAAA,~~QAAO+B~~,EAAAA,WAAa;;;;~~wBAItB7B~~,EAAAA,QAAQ;;~~EAInB8B~~,~~EAAqBhC~~,EAAAA,~~QAAOI~~,GAAG;;~~oBAExBF~~,EAAAA,QAAQ;;;;;;;~~MAOtBM~~,EAAAA,WAAWC,SAASC;~~wBACFR~~,EAAAA,QAAQ;;~~EAInB+B~~,~~EAAYjC~~,EAAAA,~~QAAOkC~~,EAAAA,kBAAkB;qBAC7B3B,EAAAA,OAAW;cAClBD,EAAAA,OAAO,gBAAgBA,EAAAA,OAAc,SAAKD,SAAe;;;;;;;MAOjEG,EAAAA,WAAWC,SAASC;;;;"}
1	+ {"version":3,"file":"file-list-card.styles.js","sources":["../../../../src/file-download/file-list-card/file-list-card.styles.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { ExclamationCircleFillIcon } from \"@lifesg/react-icons/exclamation-circle-fill\";\nimport { IconButton as DSIconButton } from \"../../icon-button\";\nimport { ComponentLoadingSpinner } from \"../../shared/component-loading-spinner\";\nimport { ImageWithFallback } from \"../../shared/image-with-fallback/image-with-fallback\";\nimport { lineClampCss } from \"../../shared/styles\";\nimport { Border, Colour, Font, MediaQuery, Radius, Spacing } from \"../../theme\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\n\ninterface BoxStyleProps {\n $error?: boolean \| undefined;\n}\n\ninterface ContentSectionStyleProps {\n $hasThumbnail?: boolean \| undefined;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const Item = styled.li`\n display: flex;\n align-items: center;\n\n width: 100%;\n border: none;\n\n &:not(:last-child) {\n margin-bottom: ${Spacing[\"spacing-16\"]};\n }\n`;\n\nexport const CardButton = styled.button`\n appearance: none;\n padding: 0;\n background: none;\n border: none;\n`;\n\nexport const Box = styled.div<BoxStyleProps>`\n display: flex;\n align-items: center;\n\n width: 100%;\n padding: ${Spacing[\"spacing-16\"]} ${Spacing[\"spacing-32\"]};\n cursor: pointer;\n\n background: ${Colour[\"bg-primary-subtlest\"]};\n border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n border-radius: ${Radius[\"sm\"]};\n\n ${MediaQuery.MaxWidth.lg} {\n padding: ${Spacing[\"spacing-16\"]};\n }\n\n &:hover {\n background: ${Colour[\"bg-hover\"]};\n }\n\n &:has(${CardButton}:focus-visible) {\n outline: 2px solid ${Colour[\"focus-ring\"]};\n outline-offset: -2px;\n }\n\n ${(props) => {\n if (props.$error) {\n return css`\n background: ${Colour[\"bg-error\"]};\n border-color: ${Colour[\"border-error\"]};\n\n &:hover {\n background: ${Colour[\"bg-error\"]};\n }\n\n &:has(${CardButton}:focus-visible) {\n outline-color: ${Colour[\"border-error-focus\"]};\n }\n `;\n }\n }}\n`;\n\nexport const ContentSection = styled.div<ContentSectionStyleProps>`\n display: flex;\n flex: 1;\n align-items: center;\n\n ${MediaQuery.MaxWidth.lg} {\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n }\n\n ${(props) => {\n if (props.$hasThumbnail) {\n return css`\n ${MediaQuery.MaxWidth.lg} {\n flex-direction: row;\n align-items: center;\n }\n `;\n }\n }}\n`;\n\nexport const NameSection = styled.div`\n display: flex;\n flex: 1;\n flex-direction: column;\n\n width: 100%;\n\n overflow-wrap: break-word;\n word-break: break-all;\n white-space: normal;\n`;\n\nexport const ExtendedNameSection = styled.div`\n display: flex;\n flex: 1;\n align-items: center;\n\n ${MediaQuery.MaxWidth.lg} {\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n }\n`;\n\nexport const FileSizeSection = styled.div`\n display: flex;\n justify-content: flex-end;\n\n width: 5rem;\n margin-left: ${Spacing[\"spacing-8\"]};\n\n ${Font[\"body-md-regular\"]}\n color: ${Colour[\"text\"]};\n\n ${MediaQuery.MaxWidth.lg} {\n justify-content: flex-start;\n\n width: 100%;\n margin-left: 0;\n margin-top: ${Spacing[\"spacing-8\"]};\n\n ${lineClampCss(2)}\n }\n`;\n\nexport const ItemNameText = styled.div`\n ${Font[\"body-md-regular\"]}\n color: ${Colour[\"text\"]};\n\n ${MediaQuery.MaxWidth.lg} {\n ${lineClampCss(2)}\n }\n`;\n\nexport const ItemDescriptionText = styled(ItemNameText)`\n ${Font[\"body-md-regular\"]}\n margin-top: ${Spacing[\"spacing-4\"]};\n`;\n\nexport const ErrorIcon = styled(ExclamationCircleFillIcon)`\n height: 1lh;\n width: 1em;\n flex-shrink: 0;\n color: ${Colour[\"icon-error-strong\"]};\n`;\n\nconst BaseErrorMessage = styled.div`\n ${Font[\"body-sm-semibold\"]}\n color: ${Colour[\"text-error\"]};\n`;\n\nexport const DesktopErrorMessage = styled(BaseErrorMessage)`\n margin-top: ${Spacing[\"spacing-8\"]};\n display: flex;\n gap: ${Spacing[\"spacing-4\"]};\n\n ${MediaQuery.MaxWidth.lg} {\n display: none;\n visibility: hidden;\n }\n`;\n\nexport const MobileErrorMessage = styled(BaseErrorMessage)`\n display: none;\n visibility: hidden;\n\n ${MediaQuery.MaxWidth.lg} {\n display: flex;\n gap: ${Spacing[\"spacing-4\"]};\n visibility: visible;\n margin-top: ${Spacing[\"spacing-8\"]};\n }\n`;\n\nexport const Spinner = styled(ComponentLoadingSpinner)`\n color: ${Colour[\"icon-primary\"]};\n`;\n\nexport const ActionContainer = styled.div`\n display: flex;\n justify-content: flex-end;\n align-items: center;\n\n margin-left: ${Spacing[\"spacing-32\"]};\n\n ${MediaQuery.MaxWidth.lg} {\n margin-left: ${Spacing[\"spacing-16\"]};\n }\n`;\n\nexport const IconButton = styled(DSIconButton)`\n min-width: unset;\n\n &:not(:last-child) {\n margin-right: ${Spacing[\"spacing-16\"]};\n }\n`;\n\nexport const ThumbnailContainer = styled.div`\n width: auto;\n margin-right: ${Spacing[\"spacing-32\"]};\n\n display: flex;\n flex-shrink: 0;\n flex-direction: column;\n justify-content: center;\n\n ${MediaQuery.MaxWidth.lg} {\n margin-right: ${Spacing[\"spacing-16\"]};\n }\n`;\n\nexport const Thumbnail = styled(ImageWithFallback)`\n border-radius: ${Radius[\"sm\"]};\n border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n\n width: 96px;\n height: 96px;\n aspect-ratio: 1;\n object-fit: cover;\n\n ${MediaQuery.MaxWidth.lg} {\n width: 64px;\n height: 64px;\n }\n`;\n\nexport const PdfThumbnail = styled(Thumbnail)`\n border: none;\n`;\n"],"names":["Item","styled","li","Spacing","CardButton","button","Box","div","Colour","Border","Radius","MediaQuery","MaxWidth","lg","props","$error","css","ContentSection","$hasThumbnail","NameSection","ExtendedNameSection","FileSizeSection","Font","lineClampCss","ItemNameText","ErrorIcon","ExclamationCircleFillIcon","BaseErrorMessage","DesktopErrorMessage","MobileErrorMessage","Spinner","ComponentLoadingSpinner","ActionContainer","IconButton","DSIconButton","ThumbnailContainer","Thumbnail","ImageWithFallback","PdfThumbnail"],"mappings":"4cAuBO,MAAMA,EAAOC,EAAAA,QAAOC,EAAE;;;;;;;;yBAQJC,EAAAA,QAAQ;;EAIpBC,EAAaH,EAAAA,QAAOI,MAAM;;;;;EAO1BC,EAAML,EAAAA,QAAOM,GAAkB;;;;;eAK7BJ,EAAAA,QAAQ,iBAAiBA,EAAAA,QAAQ;;;kBAG9BK,EAAAA,OAAO;cACXC,EAAAA,OAAO,gBAAgBA,EAAAA,OAAc,SAAKD,SAAe;qBAClDE,EAAAA,OAAW;;MAE1BC,EAAAA,WAAWC,SAASC;mBACPV,EAAAA,QAAQ;;;;sBAILK,EAAAA,OAAO;;;YAGjBJ;6BACiBI,EAAAA,OAAO;;;;MAI7BM,IACC,GAAIA,EAAMC,OACN,OAAOC,KAAG;8BACQR,EAAAA,OAAO;gCACLA,EAAAA,OAAO;;;kCAGLA,EAAAA,OAAO;;;wBAGjBJ;qCACaI,EAAAA,OAAO;;aAGpC;EAIKS,EAAiBhB,EAAAA,QAAOM,GAA6B;;;;;MAK5DI,EAAAA,WAAWC,SAASC;;;;;;MAMnBC,IACC,GAAIA,EAAMI,cACN,OAAOF,KAAG;kBACJL,EAAAA,WAAWC,SAASC;;;;aAK9B;EAIKM,EAAclB,EAAAA,QAAOM,GAAG;;;;;;;;;;EAYxBa,EAAsBnB,EAAAA,QAAOM,GAAG;;;;;MAKvCI,EAAAA,WAAWC,SAASC;;;;;EAObQ,EAAkBpB,EAAAA,QAAOM,GAAG;;;;;mBAKtBJ,EAAAA,QAAQ;;MAErBmB,EAAAA,KAAK;aACEd,EAAAA,OAAa;;MAEpBG,EAAAA,WAAWC,SAASC;;;;;sBAKJV,EAAAA,QAAQ;;UAEpBoB,EAAAA,aAAa;;EAIVC,EAAevB,EAAAA,QAAOM,GAAG;MAChCe,EAAAA,KAAK;aACEd,EAAAA,OAAa;;MAEpBG,EAAAA,WAAWC,SAASC;UAChBU,EAAAA,aAAa;;EAIYtB,EAAAA,QAAOuB,EAAa;MACjDF,EAAAA,KAAK;kBACOnB,EAAAA,QAAQ;QAGbsB,EAAYxB,EAAAA,QAAOyB,EAAAA,0BAA0B;;;;aAI7ClB,EAAAA,OAAO;EAGdmB,EAAmB1B,EAAAA,QAAOM,GAAG;MAC7Be,EAAAA,KAAK;aACEd,EAAAA,OAAO;EAGPoB,EAAsB3B,EAAAA,QAAO0B,EAAiB;kBACzCxB,EAAAA,QAAQ;;WAEfA,EAAAA,QAAQ;;MAEbQ,EAAAA,WAAWC,SAASC;;;;EAMbgB,EAAqB5B,EAAAA,QAAO0B,EAAiB;;;;MAIpDhB,EAAAA,WAAWC,SAASC;;eAEXV,EAAAA,QAAQ;;sBAEDA,EAAAA,QAAQ;;EAIjB2B,EAAU7B,EAAAA,QAAO8B,EAAAA,wBAAwB;aACzCvB,EAAAA,OAAO;EAGPwB,EAAkB/B,EAAAA,QAAOM,GAAG;;;;;mBAKtBJ,EAAAA,QAAQ;;MAErBQ,EAAAA,WAAWC,SAASC;uBACHV,EAAAA,QAAQ;;EAIlB8B,EAAahC,EAAAA,QAAOiC,EAAAA,WAAa;;;;wBAItB/B,EAAAA,QAAQ;;EAInBgC,EAAqBlC,EAAAA,QAAOM,GAAG;;oBAExBJ,EAAAA,QAAQ;;;;;;;MAOtBQ,EAAAA,WAAWC,SAASC;wBACFV,EAAAA,QAAQ;;EAInBiC,EAAYnC,EAAAA,QAAOoC,EAAAA,kBAAkB;qBAC7B3B,EAAAA,OAAW;cAClBD,EAAAA,OAAO,gBAAgBA,EAAAA,OAAc,SAAKD,SAAe;;;;;;;MAOjEG,EAAAA,WAAWC,SAASC;;;;EAMbyB,EAAerC,EAAAA,QAAOmC,EAAU;;"}

package/cjs/file-upload/helper.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e;exports.FileUploadHelper=void 0,(e=exports.FileUploadHelper||(exports.FileUploadHelper={})).PDF_MIME_TYPE="application/pdf",e.PDF_ICON_URL="https://assets.life.gov.sg/react-design-system/img/upload/pdf.svg",e.formatFileSizeDisplay=e=>{if(!e||0===e)return"0 KB";const i=Math.floor(Math.log(e)/Math.log(1024));return`${Number(e/Math.pow(1024,i)).toFixed(0)} ${["B","KB","MB","GB","TB","PB","EB","ZB","YB"][i]}`},e.isSupportedImageType=e=>["image/avif","image/gif","image/jpeg","image/png","image/svg+xml","image/webp"].includes(e);
+"use strict";var e;exports.FileUploadHelper=void 0,(e=exports.FileUploadHelper||(exports.FileUploadHelper={})).PDF_MIME_TYPE="application/pdf",e.PDF_ICON_URL="https://assets.life.gov.sg/react-design-system/img/upload/pdf.svg",e.formatFileSizeDisplay=e=>{if(!e||0===e)return"0 KB";const i=Math.floor(Math.log(e)/Math.log(1024));return`${Number(e/Math.pow(1024,i)).toFixed(0)} ${["B","KB","MB","GB","TB","PB","EB","ZB","YB"][i]}`},e.isSupportedImageType=e=>["image/avif","image/gif","image/jpeg","image/png","image/svg+xml","image/webp"].includes(e),e.resolveThumbnailDisplay=(i,p)=>p?{type:"image",src:p}:i===e.PDF_MIME_TYPE?{type:"pdf-icon"}:{type:"none"};
 //# sourceMappingURL=helper.js.map

package/cjs/file-upload/helper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"helper.js","sources":["../../../src/file-upload/helper.ts"],"sourcesContent":["~~export~~ namespace FileUploadHelper {\n export const PDF_MIME_TYPE = \"application/pdf\";\n export const PDF_ICON_URL =\n \"https://assets.life.gov.sg/react-design-system/img/upload/pdf.svg\";\n\n // Adapted from https://stackoverflow.com/questions/15900485/correct-way-to-convert-size-in-size-to-kb-mb-gb-in-javascript\n export const formatFileSizeDisplay = (size?: number) => {\n if (!size \|\| size === 0) return \"0 KB\";\n\n const sizes = [\"B\", \"KB\", \"MB\", \"GB\", \"TB\", \"PB\", \"EB\", \"ZB\", \"YB\"];\n\n const index: number = Math.floor(Math.log(size) / Math.log(1024));\n\n const value = Number(size / Math.pow(1024, index)).toFixed(0);\n const measurement = sizes[index];\n\n return `${value} ${measurement}`;\n };\n\n export const isSupportedImageType = (type: string) => {\n /** Currently only images supported by html <img> */\n const acceptedImageTypes = [\n \"image/avif\",\n \"image/gif\",\n \"image/jpeg\",\n \"image/png\",\n \"image/svg+xml\",\n \"image/webp\",\n ];\n\n return acceptedImageTypes.includes(type);\n };\n}\n"],"names":["FileUploadHelper","PDF_MIME_TYPE","PDF_ICON_URL","formatFileSizeDisplay","size","index","Math","floor","log","Number","pow","toFixed","isSupportedImageType","type","includes"],"mappings":"~~aAAA~~,IAAiBA,EAAAA,QAAAA,sBAAAA,GAAAA,EAAAA,QAAAA,mBAAAA,yBAAgB,CAAA,IAChBC,cAAgB,kBAChBD,EAAAE,aACT,oEAGSF,EAAAG,sBAAyBC,IAClC,IAAKA,GAAiB,IAATA,EAAY,MAAO,OAEhC,MAEMC,EAAgBC,KAAKC,MAAMD,KAAKE,IAAIJ,GAAQE,KAAKE,IAAI,OAK3D,MAAO,GAHOC,OAAOL,EAAOE,KAAKI,IAAI,KAAML,IAAQM,QAAQ,MAJ7C,CAAC,IAAK,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,MAKpCN,IAEM,EAGvBL,EAAAY,qBAAwBC,GAEN,CACvB,aACA,YACA,aACA,YACA,gBACA,cAGsBC,SAASD"}
1	+ {"version":3,"file":"helper.js","sources":["../../../src/file-upload/helper.ts"],"sourcesContent":["/*\n How a file's thumbnail slot should be rendered.\n \n - `image` — a thumbnail was supplied; render it at `src`\n * - `pdf-icon` — a PDF with no thumbnail; render the PDF badge borderless\n * - `none` — nothing to show; render no thumbnail slot at all\n /\nexport type FileThumbnailDisplay =\n \| { type: \"image\"; src: string }\n \| { type: \"pdf-icon\" }\n \| { type: \"none\" };\n\nexport namespace FileUploadHelper {\n export const PDF_MIME_TYPE = \"application/pdf\";\n export const PDF_ICON_URL =\n \"https://assets.life.gov.sg/react-design-system/img/upload/pdf.svg\";\n\n // Adapted from https://stackoverflow.com/questions/15900485/correct-way-to-convert-size-in-size-to-kb-mb-gb-in-javascript\n export const formatFileSizeDisplay = (size?: number) => {\n if (!size \|\| size === 0) return \"0 KB\";\n\n const sizes = [\"B\", \"KB\", \"MB\", \"GB\", \"TB\", \"PB\", \"EB\", \"ZB\", \"YB\"];\n\n const index: number = Math.floor(Math.log(size) / Math.log(1024));\n\n const value = Number(size / Math.pow(1024, index)).toFixed(0);\n const measurement = sizes[index];\n\n return `${value} ${measurement}`;\n };\n\n export const isSupportedImageType = (type: string) => {\n /* Currently only images supported by html <img> /\n const acceptedImageTypes = [\n \"image/avif\",\n \"image/gif\",\n \"image/jpeg\",\n \"image/png\",\n \"image/svg+xml\",\n \"image/webp\",\n ];\n\n return acceptedImageTypes.includes(type);\n };\n\n /\n Decides how a file's thumbnail slot should render, given its MIME type\n * and any thumbnail the consumer supplied.\n \n Lives on `FileUploadHelper` so `FileUpload` can adopt it later. Today\n * only `FileDownload` calls it: `FileUpload` still decides this inline in\n * `file-list-item-thumbnail.tsx`, and the two do NOT yet agree — for a\n * non-PDF with no thumbnail this returns `\"none\"` while `FileUpload`\n * renders an `<img>` with an empty `src`. Do not read this as an invariant\n * the two components already share.\n \n Callers render the result with their own markup, because their thumbnails\n * change size at different breakpoints.\n */\n export const resolveThumbnailDisplay = (\n mimeType: string \| undefined,\n thumbnailImageDataUrl: string \| undefined\n ): FileThumbnailDisplay => {\n if (thumbnailImageDataUrl) {\n return { type: \"image\", src: thumbnailImageDataUrl };\n }\n\n if (mimeType === PDF_MIME_TYPE) {\n return { type: \"pdf-icon\" };\n }\n\n return { type: \"none\" };\n };\n}\n"],"names":["FileUploadHelper","PDF_MIME_TYPE","PDF_ICON_URL","formatFileSizeDisplay","size","index","Math","floor","log","Number","pow","toFixed","isSupportedImageType","type","includes","resolveThumbnailDisplay","mimeType","thumbnailImageDataUrl","src"],"mappings":"aAYA,IAAiBA,EAAAA,QAAAA,sBAAAA,GAAAA,EAAAA,QAAAA,mBAAAA,yBAAgB,CAAA,IAChBC,cAAgB,kBAChBD,EAAAE,aACT,oEAGSF,EAAAG,sBAAyBC,IAClC,IAAKA,GAAiB,IAATA,EAAY,MAAO,OAEhC,MAEMC,EAAgBC,KAAKC,MAAMD,KAAKE,IAAIJ,GAAQE,KAAKE,IAAI,OAK3D,MAAO,GAHOC,OAAOL,EAAOE,KAAKI,IAAI,KAAML,IAAQM,QAAQ,MAJ7C,CAAC,IAAK,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,MAKpCN,IAEM,EAGvBL,EAAAY,qBAAwBC,GAEN,CACvB,aACA,YACA,aACA,YACA,gBACA,cAGsBC,SAASD,GAiB1Bb,EAAAe,wBAA0B,CACnCC,EACAC,IAEIA,EACO,CAAEJ,KAAM,QAASK,IAAKD,GAG7BD,IAAahB,EAAAC,cACN,CAAEY,KAAM,YAGZ,CAAEA,KAAM"}