@v-miniapp/ui-react 1.0.41 → 1.0.45
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.
- package/README.md +1 -1
- package/dist/external/index.js +1993 -2004
- package/dist/index.js +1011 -1022
- package/dist-storybook/assets/ANIMATION-CUdn1GTK.js +99 -0
- package/dist-storybook/assets/APP_FRAMEWORK-ljbIOHYd.js +197 -0
- package/dist-storybook/assets/BOTTOM_TAB_BAR-DxCwCfBK.js +175 -0
- package/dist-storybook/assets/CUSTOM_ERROR_BOUNDARY-B4wTQNZc.js +250 -0
- package/dist-storybook/assets/Color-AVL7NMMY-1_8XTICv.js +1 -0
- package/dist-storybook/assets/DARK_MODE-CoHseCDO.js +57 -0
- package/dist-storybook/assets/DocsRenderer-PQXLIZUC-BO86igwd.js +2 -0
- package/dist-storybook/assets/GETTING_STARTED-H_vVi5cv.js +77 -0
- package/dist-storybook/assets/INFINITE_SCROLL-BtM3uoX0.js +111 -0
- package/dist-storybook/assets/KEEP_ALIVE-CL2au0al.js +126 -0
- package/dist-storybook/assets/LOCALE-XTCey55y.js +465 -0
- package/dist-storybook/assets/MIGRATION_GUIDE-2LONslE4.js +449 -0
- package/dist-storybook/assets/MOBILE_BEHAVIOURS-DZ6alKTX.js +177 -0
- package/dist-storybook/assets/PAGE_LAYOUT-BuOpN-1Y.js +192 -0
- package/dist-storybook/assets/ROUTING_NAVIGATION-BCPHXNto.js +335 -0
- package/dist-storybook/assets/TAILWIND_INTEGRATION-_T-VfvkM.js +87 -0
- package/dist-storybook/assets/_setToString-CbM921C9.js +1 -0
- package/dist-storybook/assets/alert-DLW8CoyB.js +1 -0
- package/dist-storybook/assets/alert.stories-B-vuojPh.js +110 -0
- package/dist-storybook/assets/avatar-GxcYPA1p.js +1 -0
- package/dist-storybook/assets/avatar.stories-KYFztAc8.js +136 -0
- package/dist-storybook/assets/axe-CmvD4WV5.js +20 -0
- package/dist-storybook/assets/badge-D_LzMVtw.js +1 -0
- package/dist-storybook/assets/badge.stories-Be2ItCmQ.js +262 -0
- package/dist-storybook/assets/blocks-BuaOUtiH.js +1243 -0
- package/dist-storybook/assets/bottom-tab-bar-CtcTAxuI.js +115 -0
- package/dist-storybook/assets/bottom-tab-bar.stories-CDmEve6z.js +186 -0
- package/dist-storybook/assets/button-CL7GeC23.js +1 -0
- package/dist-storybook/assets/button.stories-CaqLWQiY.js +287 -0
- package/dist-storybook/assets/calendar-dOCsjhVU.js +1 -0
- package/dist-storybook/assets/calendar.stories-DLWZldet.js +189 -0
- package/dist-storybook/assets/carousel-1Kww3hIz.js +37 -0
- package/dist-storybook/assets/carousel.stories-B8YbGOOr.js +217 -0
- package/dist-storybook/assets/checkbox-MGytNNRt.js +1 -0
- package/dist-storybook/assets/checkbox.stories-CLvfZPiw.js +201 -0
- package/dist-storybook/assets/chip-kG4p82WT.js +247 -0
- package/dist-storybook/assets/chip.stories-BbwJb5eD.js +442 -0
- package/dist-storybook/assets/classname-CUR_zgkh.js +1 -0
- package/dist-storybook/assets/colors-_6nFGM3e.js +1 -0
- package/dist-storybook/assets/date-Cg-Uk_pp.js +1 -0
- package/dist-storybook/assets/date-field.stories-Diptwqfv.js +129 -0
- package/dist-storybook/assets/date-picker-Dnq_-0Md.js +1 -0
- package/dist-storybook/assets/date-picker.stories-BuGWvzFL.js +123 -0
- package/dist-storybook/assets/default-error-BcnD8fFO.png +0 -0
- package/dist-storybook/assets/dialog.stories-DJ0WsSkA.js +212 -0
- package/dist-storybook/assets/dropdown.stories-D6JUYP73.js +200 -0
- package/dist-storybook/assets/embla-carousel-react.esm-BYjpaHZ9.js +1 -0
- package/dist-storybook/assets/en-Cs9O0XWn.js +15 -0
- package/dist-storybook/assets/icon-DdQsMyRa.js +1 -0
- package/dist-storybook/assets/icon.stories-B-ZvRzFf.js +365 -0
- package/dist-storybook/assets/iframe-CQAwSt4E.js +1071 -0
- package/dist-storybook/assets/iframe-yMKl6hJA.css +1 -0
- package/dist-storybook/assets/image-C3EsNRhz.js +9 -0
- package/dist-storybook/assets/image.stories-C4l8D3ju.js +255 -0
- package/dist-storybook/assets/index-B-Ksafg0.js +1 -0
- package/dist-storybook/assets/index-BV0AJWP6.js +1 -0
- package/dist-storybook/assets/index-CgMRTj-o.js +1 -0
- package/dist-storybook/assets/index-DHiZ-gXR.js +1 -0
- package/dist-storybook/assets/input-wrapper-BKHgnPy6.js +1 -0
- package/dist-storybook/assets/label-DV2iCDmN.js +27 -0
- package/dist-storybook/assets/label.stories-BwTIPFXX.js +138 -0
- package/dist-storybook/assets/matchers-7Z3WT2CE-Dw4MQV_s.js +14 -0
- package/dist-storybook/assets/navigation-bar-vI-FPasP.js +79 -0
- package/dist-storybook/assets/navigation-bar.stories-DYuFaJFD.js +73 -0
- package/dist-storybook/assets/number-field-CXKmnfKe.js +1 -0
- package/dist-storybook/assets/number-field.stories--fn26TJu.js +167 -0
- package/dist-storybook/assets/omit-Bsx5nTI0.js +1 -0
- package/dist-storybook/assets/option-item-LRh_OyV4.js +1 -0
- package/dist-storybook/assets/option-item.stories-snjAvgay.js +66 -0
- package/dist-storybook/assets/pagination-DZHoBs_4.js +1 -0
- package/dist-storybook/assets/pagination.stories-BoEs0jzS.js +91 -0
- package/dist-storybook/assets/pick-BhmhLmLe.js +1 -0
- package/dist-storybook/assets/preload-helper-PPVm8Dsz.js +1 -0
- package/dist-storybook/assets/radio-B5NJxG_l.js +1 -0
- package/dist-storybook/assets/radio.stories-DuN-Awi_.js +183 -0
- package/dist-storybook/assets/rating-BdXViYBv.js +1 -0
- package/dist-storybook/assets/rating.stories-BCcQjMEx.js +117 -0
- package/dist-storybook/assets/react-18-CNyWQ7je.js +9 -0
- package/dist-storybook/assets/react-hufnxGVs.js +1 -0
- package/dist-storybook/assets/search-field-CQqgFbfg.js +1 -0
- package/dist-storybook/assets/search-field.stories-DiCZbhng.js +79 -0
- package/dist-storybook/assets/section-content-DGNB4eLN.js +1 -0
- package/dist-storybook/assets/section.stories-C2I_kKhu.js +69 -0
- package/dist-storybook/assets/sheet.stories-wk1JaKU5.js +152 -0
- package/dist-storybook/assets/skeleton-C91JgehG.js +1 -0
- package/dist-storybook/assets/skeleton.stories-BCmX-VNr.js +139 -0
- package/dist-storybook/assets/store-CPumdfcU.js +1 -0
- package/dist-storybook/assets/store-D2RudmNr.js +18 -0
- package/dist-storybook/assets/switch-p-aXI-ev.js +1 -0
- package/dist-storybook/assets/switch.stories-BqPLNKB9.js +250 -0
- package/dist-storybook/assets/tab-bar-CSeCmtIZ.js +31 -0
- package/dist-storybook/assets/tab-bar.stories-Cb6v8H2w.js +136 -0
- package/dist-storybook/assets/text-area-DwSXyqOe.js +1 -0
- package/dist-storybook/assets/text-area.stories-By8bCfgc.js +87 -0
- package/dist-storybook/assets/text-field-jK6rpOo2.js +1 -0
- package/dist-storybook/assets/text-field.stories-CrWBAhvI.js +92 -0
- package/dist-storybook/assets/toast-provider-DurnMJhd.js +9 -0
- package/dist-storybook/assets/toast.stories-iWAToAZA.js +201 -0
- package/dist-storybook/assets/tooltip-QDdel5My.js +1 -0
- package/dist-storybook/assets/tooltip.stories-RC6SuPPD.js +153 -0
- package/dist-storybook/assets/typography-DEpAJl_i.js +1 -0
- package/dist-storybook/assets/typography.stories-Bu8qFugR.js +202 -0
- package/dist-storybook/assets/uploader.stories-B2wW9qVy.js +65 -0
- package/dist-storybook/assets/use-app-pause-B_tWHKJK.js +29 -0
- package/dist-storybook/assets/use-app-resume--900G-dV.js +29 -0
- package/dist-storybook/assets/use-custom-icon-event-3VExRzvC.js +29 -0
- package/dist-storybook/assets/use-did-hide-BUsL73ab.js +48 -0
- package/dist-storybook/assets/use-did-show-C1-VLDxi.js +49 -0
- package/dist-storybook/assets/use-histories-E4E2jJEY.js +50 -0
- package/dist-storybook/assets/use-history-o1im8IDj.js +67 -0
- package/dist-storybook/assets/use-location-CUEaBO4P.js +56 -0
- package/dist-storybook/assets/use-navigate-C4CTuFSZ.js +84 -0
- package/dist-storybook/assets/use-navigation-type-Dcz4hgKo.js +44 -0
- package/dist-storybook/assets/use-page-config-DSJBVQbq.js +48 -0
- package/dist-storybook/assets/use-page-scroll-dY-U1Vv4.js +69 -0
- package/dist-storybook/assets/use-page-state-CtNpwGPN.js +79 -0
- package/dist-storybook/assets/use-settings-changed-BBJwIHTE.js +29 -0
- package/dist-storybook/assets/v-mini-icon-Dn1BmJzb.woff2 +0 -0
- package/dist-storybook/assets/visibility-sensor-CwrzJO06.js +1 -0
- package/dist-storybook/iframe.html +670 -0
- package/dist-storybook/index.html +132 -0
- package/dist-storybook/index.json +1 -0
- package/dist-storybook/project.json +1 -0
- package/dist-storybook/sb-addons/a11y-2/manager-bundle.js +5 -0
- package/dist-storybook/sb-addons/docs-1/manager-bundle.js +151 -0
- package/dist-storybook/sb-addons/storybook-build-3/manager-bundle.js +3 -0
- package/dist-storybook/sb-addons/storybook-core-server-presets-0/common-manager-bundle.js +971 -0
- package/dist-storybook/sb-manager/globals-module-info.js +799 -0
- package/dist-storybook/sb-manager/globals-runtime.js +69791 -0
- package/dist-storybook/sb-manager/globals.js +34 -0
- package/dist-storybook/sb-manager/runtime.js +13198 -0
- package/dist-storybook/stories-data.json +374 -0
- package/dist-storybook/vite-inject-mocker-entry.js +2 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{c as j}from"./iframe-CQAwSt4E.js";var D,se;function R(){if(se)return D;se=1;function r(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}return D=r,D}var G,oe;function Ht(){if(oe)return G;oe=1;var r=typeof j=="object"&&j&&j.Object===Object&&j;return G=r,G}var L,ce;function d(){if(ce)return L;ce=1;var r=Ht(),e=typeof self=="object"&&self&&self.Object===Object&&self,t=r||e||Function("return this")();return L=t,L}var M,fe;function kt(){if(fe)return M;fe=1;var r=d(),e=r.Symbol;return M=e,M}var H,ve;function ta(){if(ve)return H;ve=1;var r=kt(),e=Object.prototype,t=e.hasOwnProperty,a=e.toString,n=r?r.toStringTag:void 0;function i(u){var s=t.call(u,n),o=u[n];try{u[n]=void 0;var c=!0}catch{}var v=a.call(u);return c&&(s?u[n]=o:delete u[n]),v}return H=i,H}var k,he;function aa(){if(he)return k;he=1;var r=Object.prototype,e=r.toString;function t(a){return e.call(a)}return k=t,k}var E,_e;function O(){if(_e)return E;_e=1;var r=kt(),e=ta(),t=aa(),a="[object Null]",n="[object Undefined]",i=r?r.toStringTag:void 0;function u(s){return s==null?s===void 0?n:a:i&&i in Object(s)?e(s):t(s)}return E=u,E}var U,le;function A(){if(le)return U;le=1;function r(e){return e!=null&&typeof e=="object"}return U=r,U}var F,pe;function na(){if(pe)return F;pe=1;function r(e,t){return function(a){return e(t(a))}}return F=r,F}var N,de;function Et(){if(de)return N;de=1;var r=na(),e=r(Object.getPrototypeOf,Object);return N=e,N}var K,ye;function nn(){if(ye)return K;ye=1;var r=O(),e=Et(),t=A(),a="[object Object]",n=Function.prototype,i=Object.prototype,u=n.toString,s=i.hasOwnProperty,o=u.call(Object);function c(v){if(!t(v)||r(v)!=a)return!1;var h=e(v);if(h===null)return!0;var _=s.call(h,"constructor")&&h.constructor;return typeof _=="function"&&_ instanceof _&&u.call(_)==o}return K=c,K}var B,be;function ia(){if(be)return B;be=1;function r(){this.__data__=[],this.size=0}return B=r,B}var z,ge;function Ut(){if(ge)return z;ge=1;function r(e,t){return e===t||e!==e&&t!==t}return z=r,z}var V,qe;function S(){if(qe)return V;qe=1;var r=Ut();function e(t,a){for(var n=t.length;n--;)if(r(t[n][0],a))return n;return-1}return V=e,V}var J,Ce;function ua(){if(Ce)return J;Ce=1;var r=S(),e=Array.prototype,t=e.splice;function a(n){var i=this.__data__,u=r(i,n);if(u<0)return!1;var s=i.length-1;return u==s?i.pop():t.call(i,u,1),--this.size,!0}return J=a,J}var X,Te;function sa(){if(Te)return X;Te=1;var r=S();function e(t){var a=this.__data__,n=r(a,t);return n<0?void 0:a[n][1]}return X=e,X}var W,je;function oa(){if(je)return W;je=1;var r=S();function e(t){return r(this.__data__,t)>-1}return W=e,W}var Y,Re;function ca(){if(Re)return Y;Re=1;var r=S();function e(t,a){var n=this.__data__,i=r(n,t);return i<0?(++this.size,n.push([t,a])):n[i][1]=a,this}return Y=e,Y}var Z,Oe;function I(){if(Oe)return Z;Oe=1;var r=ia(),e=ua(),t=sa(),a=oa(),n=ca();function i(u){var s=-1,o=u==null?0:u.length;for(this.clear();++s<o;){var c=u[s];this.set(c[0],c[1])}}return i.prototype.clear=r,i.prototype.delete=e,i.prototype.get=t,i.prototype.has=a,i.prototype.set=n,Z=i,Z}var $,Ae;function fa(){if(Ae)return $;Ae=1;var r=I();function e(){this.__data__=new r,this.size=0}return $=e,$}var Q,Se;function va(){if(Se)return Q;Se=1;function r(e){var t=this.__data__,a=t.delete(e);return this.size=t.size,a}return Q=r,Q}var rr,Ie;function ha(){if(Ie)return rr;Ie=1;function r(e){return this.__data__.get(e)}return rr=r,rr}var er,me;function _a(){if(me)return er;me=1;function r(e){return this.__data__.has(e)}return er=r,er}var tr,Pe;function Ft(){if(Pe)return tr;Pe=1;var r=O(),e=R(),t="[object AsyncFunction]",a="[object Function]",n="[object GeneratorFunction]",i="[object Proxy]";function u(s){if(!e(s))return!1;var o=r(s);return o==a||o==n||o==t||o==i}return tr=u,tr}var ar,xe;function la(){if(xe)return ar;xe=1;var r=d(),e=r["__core-js_shared__"];return ar=e,ar}var nr,we;function pa(){if(we)return nr;we=1;var r=la(),e=(function(){var a=/[^.]+$/.exec(r&&r.keys&&r.keys.IE_PROTO||"");return a?"Symbol(src)_1."+a:""})();function t(a){return!!e&&e in a}return nr=t,nr}var ir,De;function da(){if(De)return ir;De=1;var r=Function.prototype,e=r.toString;function t(a){if(a!=null){try{return e.call(a)}catch{}try{return a+""}catch{}}return""}return ir=t,ir}var ur,Ge;function ya(){if(Ge)return ur;Ge=1;var r=Ft(),e=pa(),t=R(),a=da(),n=/[\\^$.*+?()[\]{}|]/g,i=/^\[object .+?Constructor\]$/,u=Function.prototype,s=Object.prototype,o=u.toString,c=s.hasOwnProperty,v=RegExp("^"+o.call(c).replace(n,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function h(_){if(!t(_)||e(_))return!1;var p=r(_)?v:i;return p.test(a(_))}return ur=h,ur}var sr,Le;function ba(){if(Le)return sr;Le=1;function r(e,t){return e?.[t]}return sr=r,sr}var or,Me;function ue(){if(Me)return or;Me=1;var r=ya(),e=ba();function t(a,n){var i=e(a,n);return r(i)?i:void 0}return or=t,or}var cr,He;function Nt(){if(He)return cr;He=1;var r=ue(),e=d(),t=r(e,"Map");return cr=t,cr}var fr,ke;function m(){if(ke)return fr;ke=1;var r=ue(),e=r(Object,"create");return fr=e,fr}var vr,Ee;function ga(){if(Ee)return vr;Ee=1;var r=m();function e(){this.__data__=r?r(null):{},this.size=0}return vr=e,vr}var hr,Ue;function qa(){if(Ue)return hr;Ue=1;function r(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}return hr=r,hr}var _r,Fe;function Ca(){if(Fe)return _r;Fe=1;var r=m(),e="__lodash_hash_undefined__",t=Object.prototype,a=t.hasOwnProperty;function n(i){var u=this.__data__;if(r){var s=u[i];return s===e?void 0:s}return a.call(u,i)?u[i]:void 0}return _r=n,_r}var lr,Ne;function Ta(){if(Ne)return lr;Ne=1;var r=m(),e=Object.prototype,t=e.hasOwnProperty;function a(n){var i=this.__data__;return r?i[n]!==void 0:t.call(i,n)}return lr=a,lr}var pr,Ke;function ja(){if(Ke)return pr;Ke=1;var r=m(),e="__lodash_hash_undefined__";function t(a,n){var i=this.__data__;return this.size+=this.has(a)?0:1,i[a]=r&&n===void 0?e:n,this}return pr=t,pr}var dr,Be;function Ra(){if(Be)return dr;Be=1;var r=ga(),e=qa(),t=Ca(),a=Ta(),n=ja();function i(u){var s=-1,o=u==null?0:u.length;for(this.clear();++s<o;){var c=u[s];this.set(c[0],c[1])}}return i.prototype.clear=r,i.prototype.delete=e,i.prototype.get=t,i.prototype.has=a,i.prototype.set=n,dr=i,dr}var yr,ze;function Oa(){if(ze)return yr;ze=1;var r=Ra(),e=I(),t=Nt();function a(){this.size=0,this.__data__={hash:new r,map:new(t||e),string:new r}}return yr=a,yr}var br,Ve;function Aa(){if(Ve)return br;Ve=1;function r(e){var t=typeof e;return t=="string"||t=="number"||t=="symbol"||t=="boolean"?e!=="__proto__":e===null}return br=r,br}var gr,Je;function P(){if(Je)return gr;Je=1;var r=Aa();function e(t,a){var n=t.__data__;return r(a)?n[typeof a=="string"?"string":"hash"]:n.map}return gr=e,gr}var qr,Xe;function Sa(){if(Xe)return qr;Xe=1;var r=P();function e(t){var a=r(this,t).delete(t);return this.size-=a?1:0,a}return qr=e,qr}var Cr,We;function Ia(){if(We)return Cr;We=1;var r=P();function e(t){return r(this,t).get(t)}return Cr=e,Cr}var Tr,Ye;function ma(){if(Ye)return Tr;Ye=1;var r=P();function e(t){return r(this,t).has(t)}return Tr=e,Tr}var jr,Ze;function Pa(){if(Ze)return jr;Ze=1;var r=P();function e(t,a){var n=r(this,t),i=n.size;return n.set(t,a),this.size+=n.size==i?0:1,this}return jr=e,jr}var Rr,$e;function xa(){if($e)return Rr;$e=1;var r=Oa(),e=Sa(),t=Ia(),a=ma(),n=Pa();function i(u){var s=-1,o=u==null?0:u.length;for(this.clear();++s<o;){var c=u[s];this.set(c[0],c[1])}}return i.prototype.clear=r,i.prototype.delete=e,i.prototype.get=t,i.prototype.has=a,i.prototype.set=n,Rr=i,Rr}var Or,Qe;function wa(){if(Qe)return Or;Qe=1;var r=I(),e=Nt(),t=xa(),a=200;function n(i,u){var s=this.__data__;if(s instanceof r){var o=s.__data__;if(!e||o.length<a-1)return o.push([i,u]),this.size=++s.size,this;s=this.__data__=new t(o)}return s.set(i,u),this.size=s.size,this}return Or=n,Or}var Ar,rt;function un(){if(rt)return Ar;rt=1;var r=I(),e=fa(),t=va(),a=ha(),n=_a(),i=wa();function u(s){var o=this.__data__=new r(s);this.size=o.size}return u.prototype.clear=e,u.prototype.delete=t,u.prototype.get=a,u.prototype.has=n,u.prototype.set=i,Ar=u,Ar}var Sr,et;function Kt(){if(et)return Sr;et=1;var r=ue(),e=(function(){try{var t=r(Object,"defineProperty");return t({},"",{}),t}catch{}})();return Sr=e,Sr}var Ir,tt;function Bt(){if(tt)return Ir;tt=1;var r=Kt();function e(t,a,n){a=="__proto__"&&r?r(t,a,{configurable:!0,enumerable:!0,value:n,writable:!0}):t[a]=n}return Ir=e,Ir}var b={exports:{}};b.exports;var at;function sn(){return at||(at=1,(function(r,e){var t=d(),a=e&&!e.nodeType&&e,n=a&&!0&&r&&!r.nodeType&&r,i=n&&n.exports===a,u=i?t.Buffer:void 0,s=u?u.allocUnsafe:void 0;function o(c,v){if(v)return c.slice();var h=c.length,_=s?s(h):new c.constructor(h);return c.copy(_),_}r.exports=o})(b,b.exports)),b.exports}var mr,nt;function Da(){if(nt)return mr;nt=1;var r=d(),e=r.Uint8Array;return mr=e,mr}var Pr,it;function Ga(){if(it)return Pr;it=1;var r=Da();function e(t){var a=new t.constructor(t.byteLength);return new r(a).set(new r(t)),a}return Pr=e,Pr}var xr,ut;function on(){if(ut)return xr;ut=1;var r=Ga();function e(t,a){var n=a?r(t.buffer):t.buffer;return new t.constructor(n,t.byteOffset,t.length)}return xr=e,xr}var wr,st;function cn(){if(st)return wr;st=1;function r(e,t){var a=-1,n=e.length;for(t||(t=Array(n));++a<n;)t[a]=e[a];return t}return wr=r,wr}var Dr,ot;function La(){if(ot)return Dr;ot=1;var r=R(),e=Object.create,t=(function(){function a(){}return function(n){if(!r(n))return{};if(e)return e(n);a.prototype=n;var i=new a;return a.prototype=void 0,i}})();return Dr=t,Dr}var Gr,ct;function zt(){if(ct)return Gr;ct=1;var r=Object.prototype;function e(t){var a=t&&t.constructor,n=typeof a=="function"&&a.prototype||r;return t===n}return Gr=e,Gr}var Lr,ft;function fn(){if(ft)return Lr;ft=1;var r=La(),e=Et(),t=zt();function a(n){return typeof n.constructor=="function"&&!t(n)?r(e(n)):{}}return Lr=a,Lr}var Mr,vt;function Ma(){if(vt)return Mr;vt=1;var r=O(),e=A(),t="[object Arguments]";function a(n){return e(n)&&r(n)==t}return Mr=a,Mr}var Hr,ht;function Ha(){if(ht)return Hr;ht=1;var r=Ma(),e=A(),t=Object.prototype,a=t.hasOwnProperty,n=t.propertyIsEnumerable,i=r((function(){return arguments})())?r:function(u){return e(u)&&a.call(u,"callee")&&!n.call(u,"callee")};return Hr=i,Hr}var kr,_t;function ka(){if(_t)return kr;_t=1;var r=Array.isArray;return kr=r,kr}var Er,lt;function Vt(){if(lt)return Er;lt=1;var r=9007199254740991;function e(t){return typeof t=="number"&&t>-1&&t%1==0&&t<=r}return Er=e,Er}var Ur,pt;function Ea(){if(pt)return Ur;pt=1;var r=Ft(),e=Vt();function t(a){return a!=null&&e(a.length)&&!r(a)}return Ur=t,Ur}var g={exports:{}},Fr,dt;function Ua(){if(dt)return Fr;dt=1;function r(){return!1}return Fr=r,Fr}g.exports;var yt;function Fa(){return yt||(yt=1,(function(r,e){var t=d(),a=Ua(),n=e&&!e.nodeType&&e,i=n&&!0&&r&&!r.nodeType&&r,u=i&&i.exports===n,s=u?t.Buffer:void 0,o=s?s.isBuffer:void 0,c=o||a;r.exports=c})(g,g.exports)),g.exports}var Nr,bt;function Na(){if(bt)return Nr;bt=1;var r=O(),e=Vt(),t=A(),a="[object Arguments]",n="[object Array]",i="[object Boolean]",u="[object Date]",s="[object Error]",o="[object Function]",c="[object Map]",v="[object Number]",h="[object Object]",_="[object RegExp]",p="[object Set]",C="[object String]",T="[object WeakMap]",y="[object ArrayBuffer]",x="[object DataView]",l="[object Float32Array]",Jt="[object Float64Array]",Xt="[object Int8Array]",Wt="[object Int16Array]",Yt="[object Int32Array]",Zt="[object Uint8Array]",$t="[object Uint8ClampedArray]",Qt="[object Uint16Array]",ra="[object Uint32Array]",f={};f[l]=f[Jt]=f[Xt]=f[Wt]=f[Yt]=f[Zt]=f[$t]=f[Qt]=f[ra]=!0,f[a]=f[n]=f[y]=f[i]=f[x]=f[u]=f[s]=f[o]=f[c]=f[v]=f[h]=f[_]=f[p]=f[C]=f[T]=!1;function ea(w){return t(w)&&e(w.length)&&!!f[r(w)]}return Nr=ea,Nr}var Kr,gt;function Ka(){if(gt)return Kr;gt=1;function r(e){return function(t){return e(t)}}return Kr=r,Kr}var q={exports:{}};q.exports;var qt;function Ba(){return qt||(qt=1,(function(r,e){var t=Ht(),a=e&&!e.nodeType&&e,n=a&&!0&&r&&!r.nodeType&&r,i=n&&n.exports===a,u=i&&t.process,s=(function(){try{var o=n&&n.require&&n.require("util").types;return o||u&&u.binding&&u.binding("util")}catch{}})();r.exports=s})(q,q.exports)),q.exports}var Br,Ct;function za(){if(Ct)return Br;Ct=1;var r=Na(),e=Ka(),t=Ba(),a=t&&t.isTypedArray,n=a?e(a):r;return Br=n,Br}var zr,Tt;function Va(){if(Tt)return zr;Tt=1;var r=Bt(),e=Ut(),t=Object.prototype,a=t.hasOwnProperty;function n(i,u,s){var o=i[u];(!(a.call(i,u)&&e(o,s))||s===void 0&&!(u in i))&&r(i,u,s)}return zr=n,zr}var Vr,jt;function vn(){if(jt)return Vr;jt=1;var r=Va(),e=Bt();function t(a,n,i,u){var s=!i;i||(i={});for(var o=-1,c=n.length;++o<c;){var v=n[o],h=u?u(i[v],a[v],v,i,a):void 0;h===void 0&&(h=a[v]),s?e(i,v,h):r(i,v,h)}return i}return Vr=t,Vr}var Jr,Rt;function Ja(){if(Rt)return Jr;Rt=1;function r(e,t){for(var a=-1,n=Array(e);++a<e;)n[a]=t(a);return n}return Jr=r,Jr}var Xr,Ot;function Xa(){if(Ot)return Xr;Ot=1;var r=9007199254740991,e=/^(?:0|[1-9]\d*)$/;function t(a,n){var i=typeof a;return n=n??r,!!n&&(i=="number"||i!="symbol"&&e.test(a))&&a>-1&&a%1==0&&a<n}return Xr=t,Xr}var Wr,At;function Wa(){if(At)return Wr;At=1;var r=Ja(),e=Ha(),t=ka(),a=Fa(),n=Xa(),i=za(),u=Object.prototype,s=u.hasOwnProperty;function o(c,v){var h=t(c),_=!h&&e(c),p=!h&&!_&&a(c),C=!h&&!_&&!p&&i(c),T=h||_||p||C,y=T?r(c.length,String):[],x=y.length;for(var l in c)(v||s.call(c,l))&&!(T&&(l=="length"||p&&(l=="offset"||l=="parent")||C&&(l=="buffer"||l=="byteLength"||l=="byteOffset")||n(l,x)))&&y.push(l);return y}return Wr=o,Wr}var Yr,St;function Ya(){if(St)return Yr;St=1;function r(e){var t=[];if(e!=null)for(var a in Object(e))t.push(a);return t}return Yr=r,Yr}var Zr,It;function Za(){if(It)return Zr;It=1;var r=R(),e=zt(),t=Ya(),a=Object.prototype,n=a.hasOwnProperty;function i(u){if(!r(u))return t(u);var s=e(u),o=[];for(var c in u)c=="constructor"&&(s||!n.call(u,c))||o.push(c);return o}return Zr=i,Zr}var $r,mt;function hn(){if(mt)return $r;mt=1;var r=Wa(),e=Za(),t=Ea();function a(n){return t(n)?r(n,!0):e(n)}return $r=a,$r}var Qr,Pt;function $a(){if(Pt)return Qr;Pt=1;function r(e){return e}return Qr=r,Qr}var re,xt;function Qa(){if(xt)return re;xt=1;function r(e,t,a){switch(a.length){case 0:return e.call(t);case 1:return e.call(t,a[0]);case 2:return e.call(t,a[0],a[1]);case 3:return e.call(t,a[0],a[1],a[2])}return e.apply(t,a)}return re=r,re}var ee,wt;function _n(){if(wt)return ee;wt=1;var r=Qa(),e=Math.max;function t(a,n,i){return n=e(n===void 0?a.length-1:n,0),function(){for(var u=arguments,s=-1,o=e(u.length-n,0),c=Array(o);++s<o;)c[s]=u[n+s];s=-1;for(var v=Array(n+1);++s<n;)v[s]=u[s];return v[n]=i(c),r(a,this,v)}}return ee=t,ee}var te,Dt;function rn(){if(Dt)return te;Dt=1;function r(e){return function(){return e}}return te=r,te}var ae,Gt;function en(){if(Gt)return ae;Gt=1;var r=rn(),e=Kt(),t=$a(),a=e?function(n,i){return e(n,"toString",{configurable:!0,enumerable:!1,value:r(i),writable:!0})}:t;return ae=a,ae}var ne,Lt;function tn(){if(Lt)return ne;Lt=1;var r=800,e=16,t=Date.now;function a(n){var i=0,u=0;return function(){var s=t(),o=e-(s-u);if(u=s,o>0){if(++i>=r)return arguments[0]}else i=0;return n.apply(void 0,arguments)}}return ne=a,ne}var ie,Mt;function ln(){if(Mt)return ie;Mt=1;var r=en(),e=tn(),t=e(r);return ie=t,ie}export{zt as A,Wa as B,Et as C,ue as D,d as E,Nt as F,da as G,Ga as H,kt as I,Ba as J,Ka as K,xa as L,R as a,Xa as b,Ha as c,ka as d,Vt as e,Bt as f,Ut as g,Ea as h,A as i,vn as j,hn as k,sn as l,on as m,cn as n,fn as o,Fa as p,Ft as q,Va as r,nn as s,za as t,un as u,$a as v,_n as w,ln as x,O as y,na as z};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as e}from"./iframe-CQAwSt4E.js";import{I as a}from"./icon-DdQsMyRa.js";import{c as p,g as d}from"./classname-CUR_zgkh.js";import{T as t}from"./typography-DEpAJl_i.js";const s=d("alert"),f=({type:i="informative",title:r,message:l,closeable:c,action:o,className:n,...m})=>e.jsxs("div",{className:p(s,`${s}--${i}`,n),...m,children:[e.jsxs("div",{className:`${s}__icon`,children:[i==="informative"&&e.jsx(a,{name:"circle-info",type:"fill",size:20,color:"alias-object-secondary"}),i==="positive"&&e.jsx(a,{name:"circle-check",type:"fill",size:20,color:"alias-support-positive"}),i==="negative"&&e.jsx(a,{name:"triangle-warning",type:"fill",size:20,color:"alias-support-negative"})]}),e.jsxs("div",{className:`${s}__content`,children:[!!r&&e.jsx(t,{size:"small",weight:"bold",color:{informative:"alias-object-primary",positive:"alias-support-positive",negative:"alias-support-negative"}[i],children:r}),!!l&&e.jsx(t,{size:"small",children:l})]}),!!o&&e.jsx("div",{className:`${s}__action`,children:o}),c&&e.jsx("div",{className:`${s}__close`,children:e.jsx(a,{name:"xmark",size:20})})]});f.__docgenInfo={description:"",methods:[],displayName:"Alert",props:{type:{defaultValue:{value:"'informative'",computed:!1},required:!1}}};export{f as A};
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import{j as t}from"./iframe-CQAwSt4E.js";import{T as x,S as v,M as u,P as h,a as f}from"./blocks-BuaOUtiH.js";import{A as s}from"./alert-DLW8CoyB.js";import{B as o}from"./button-CL7GeC23.js";import{t as e}from"./store-D2RudmNr.js";import"./preload-helper-PPVm8Dsz.js";import"./index-DHiZ-gXR.js";import"./icon-DdQsMyRa.js";import"./colors-_6nFGM3e.js";import"./classname-CUR_zgkh.js";import"./typography-DEpAJl_i.js";const T=()=>{const y=`
|
|
2
|
+
## ${e("common.table.title")}
|
|
3
|
+
|
|
4
|
+
| ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
|
|
5
|
+
| :--- | :--- | :--- | :--- |
|
|
6
|
+
| \`type\` | \`'informative' \\| 'positive' \\| 'negative'\` | No | ${e("components.alert.typeDescription")} |
|
|
7
|
+
| \`title\` | \`ReactNode\` | No | ${e("components.alert.titleDescription")} |
|
|
8
|
+
| \`message\` | \`ReactNode\` | No | ${e("components.alert.messageDescription")} |
|
|
9
|
+
| \`closeable\` | \`boolean \\| IIconProps \\| ReactNode\` | No | ${e("components.alert.closeableDescription")} |
|
|
10
|
+
| \`action\` | \`ReactNode\` | No | ${e("components.alert.actionDescription")} |
|
|
11
|
+
| \`className\` | \`string\` | No | ${e("components.alert.classNameDescription")} |
|
|
12
|
+
| \`...props\` | \`ComponentPropsWithRef<'div'>\` | No | ${e("components.alert.propsDescription")} |
|
|
13
|
+
`;return t.jsxs(t.Fragment,{children:[t.jsx(x,{}),t.jsx(v,{}),t.jsx(u,{children:e("components.alert.description")}),t.jsx(h,{}),t.jsx(u,{children:y}),t.jsx(f,{})]})},$={title:"Components/Alert",component:s,parameters:{layout:"padded",docs:{page:T}},tags:["autodocs"],argTypes:{type:{control:"select",options:["informative","positive","negative"],description:e("components.alert.argTypes.typeDescription"),table:{type:{summary:"IAlertType"},defaultValue:{summary:"informative"}}},title:{control:"text",description:e("components.alert.argTypes.titleDescription"),table:{type:{summary:"ReactNode"}}},message:{control:"text",description:e("components.alert.argTypes.messageDescription"),table:{type:{summary:"ReactNode"}}},closeable:{control:"boolean",description:e("components.alert.argTypes.closeableDescription"),table:{type:{summary:"boolean | IIconProps | ReactNode"}}},action:{control:!1,description:e("components.alert.argTypes.actionDescription"),table:{type:{summary:"ReactNode"}}},className:{control:"text",description:e("components.alert.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},a={storyName:e("components.alert.stories.default.title"),args:{type:"informative",message:e("components.alert.default.message")}},n={storyName:e("components.alert.stories.informative.title"),args:{type:"informative",message:e("components.alert.informative.message")}},r={storyName:e("components.alert.stories.positive.title"),args:{type:"positive",message:e("components.alert.positive.message")}},i={storyName:e("components.alert.stories.negative.title"),args:{type:"negative",message:e("components.alert.negative.message")}},l={storyName:e("components.alert.stories.withTitle.title"),args:{type:"informative",title:e("components.alert.withTitle.title"),message:e("components.alert.withTitle.message")}},m={storyName:e("components.alert.stories.withTitleAndMessage.title"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(s,{type:"informative",title:e("components.alert.withTitleAndMessage.infoTitle"),message:e("components.alert.withTitleAndMessage.infoMessage")}),t.jsx(s,{type:"positive",title:e("components.alert.withTitleAndMessage.successTitle"),message:e("components.alert.withTitleAndMessage.successMessage")}),t.jsx(s,{type:"negative",title:e("components.alert.withTitleAndMessage.errorTitle"),message:e("components.alert.withTitleAndMessage.errorMessage")})]})},c={storyName:e("components.alert.stories.withCloseButton.title"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(s,{type:"informative",title:e("components.alert.withCloseButton.infoTitle"),message:e("components.alert.withCloseButton.infoMessage"),closeable:!0}),t.jsx(s,{type:"positive",title:e("components.alert.withCloseButton.successTitle"),message:e("components.alert.withCloseButton.successMessage"),closeable:!0}),t.jsx(s,{type:"negative",title:e("components.alert.withCloseButton.errorTitle"),message:e("components.alert.withCloseButton.errorMessage"),closeable:!0})]})},p={storyName:e("components.alert.stories.withAction.title"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(s,{type:"informative",title:e("components.alert.withAction.updateTitle"),message:e("components.alert.withAction.updateMessage"),action:t.jsx(o,{size:"medium",theme:"brand",children:e("components.alert.withAction.updateButton")})}),t.jsx(s,{type:"negative",title:e("components.alert.withAction.sessionTitle"),message:e("components.alert.withAction.sessionMessage"),action:t.jsx(o,{size:"medium",theme:"default",children:e("components.alert.withAction.sessionButton")})})]})},d={storyName:e("components.alert.stories.completeExample.title"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(s,{type:"informative",title:e("components.alert.completeExample.infoTitle"),message:e("components.alert.completeExample.infoMessage"),closeable:!0,action:t.jsx(o,{size:"medium",theme:"brand",children:e("components.alert.completeExample.infoButton")})}),t.jsx(s,{type:"positive",title:e("components.alert.completeExample.successTitle"),message:e("components.alert.completeExample.successMessage"),closeable:!0,action:t.jsx(o,{size:"medium",theme:"brand",children:e("components.alert.completeExample.successButton")})}),t.jsx(s,{type:"negative",title:e("components.alert.completeExample.errorTitle"),message:e("components.alert.completeExample.errorMessage"),closeable:!0,action:t.jsx(o,{size:"medium",theme:"default",children:e("components.alert.completeExample.errorButton")})})]})},g={storyName:e("components.alert.stories.interactive.title"),args:{type:"informative",title:e("components.alert.interactive.title"),message:e("components.alert.interactive.message"),closeable:!0},parameters:{controls:{expanded:!0}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
|
|
14
|
+
storyName: t('components.alert.stories.default.title'),
|
|
15
|
+
args: {
|
|
16
|
+
type: 'informative',
|
|
17
|
+
message: t('components.alert.default.message')
|
|
18
|
+
}
|
|
19
|
+
}`,...a.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
|
|
20
|
+
storyName: t('components.alert.stories.informative.title'),
|
|
21
|
+
args: {
|
|
22
|
+
type: 'informative',
|
|
23
|
+
message: t('components.alert.informative.message')
|
|
24
|
+
}
|
|
25
|
+
}`,...n.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
|
|
26
|
+
storyName: t('components.alert.stories.positive.title'),
|
|
27
|
+
args: {
|
|
28
|
+
type: 'positive',
|
|
29
|
+
message: t('components.alert.positive.message')
|
|
30
|
+
}
|
|
31
|
+
}`,...r.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
|
|
32
|
+
storyName: t('components.alert.stories.negative.title'),
|
|
33
|
+
args: {
|
|
34
|
+
type: 'negative',
|
|
35
|
+
message: t('components.alert.negative.message')
|
|
36
|
+
}
|
|
37
|
+
}`,...i.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
|
|
38
|
+
storyName: t('components.alert.stories.withTitle.title'),
|
|
39
|
+
args: {
|
|
40
|
+
type: 'informative',
|
|
41
|
+
title: t('components.alert.withTitle.title'),
|
|
42
|
+
message: t('components.alert.withTitle.message')
|
|
43
|
+
}
|
|
44
|
+
}`,...l.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
|
|
45
|
+
storyName: t('components.alert.stories.withTitleAndMessage.title'),
|
|
46
|
+
render: () => <div style={{
|
|
47
|
+
display: 'flex',
|
|
48
|
+
flexDirection: 'column',
|
|
49
|
+
gap: '16px'
|
|
50
|
+
}}>
|
|
51
|
+
<Alert type="informative" title={t('components.alert.withTitleAndMessage.infoTitle')} message={t('components.alert.withTitleAndMessage.infoMessage')} />
|
|
52
|
+
<Alert type="positive" title={t('components.alert.withTitleAndMessage.successTitle')} message={t('components.alert.withTitleAndMessage.successMessage')} />
|
|
53
|
+
<Alert type="negative" title={t('components.alert.withTitleAndMessage.errorTitle')} message={t('components.alert.withTitleAndMessage.errorMessage')} />
|
|
54
|
+
</div>
|
|
55
|
+
}`,...m.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
|
|
56
|
+
storyName: t('components.alert.stories.withCloseButton.title'),
|
|
57
|
+
render: () => <div style={{
|
|
58
|
+
display: 'flex',
|
|
59
|
+
flexDirection: 'column',
|
|
60
|
+
gap: '16px'
|
|
61
|
+
}}>
|
|
62
|
+
<Alert type="informative" title={t('components.alert.withCloseButton.infoTitle')} message={t('components.alert.withCloseButton.infoMessage')} closeable />
|
|
63
|
+
<Alert type="positive" title={t('components.alert.withCloseButton.successTitle')} message={t('components.alert.withCloseButton.successMessage')} closeable />
|
|
64
|
+
<Alert type="negative" title={t('components.alert.withCloseButton.errorTitle')} message={t('components.alert.withCloseButton.errorMessage')} closeable />
|
|
65
|
+
</div>
|
|
66
|
+
}`,...c.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
|
|
67
|
+
storyName: t('components.alert.stories.withAction.title'),
|
|
68
|
+
render: () => <div style={{
|
|
69
|
+
display: 'flex',
|
|
70
|
+
flexDirection: 'column',
|
|
71
|
+
gap: '16px'
|
|
72
|
+
}}>
|
|
73
|
+
<Alert type="informative" title={t('components.alert.withAction.updateTitle')} message={t('components.alert.withAction.updateMessage')} action={<Button size="medium" theme="brand">
|
|
74
|
+
{t('components.alert.withAction.updateButton')}
|
|
75
|
+
</Button>} />
|
|
76
|
+
<Alert type="negative" title={t('components.alert.withAction.sessionTitle')} message={t('components.alert.withAction.sessionMessage')} action={<Button size="medium" theme="default">
|
|
77
|
+
{t('components.alert.withAction.sessionButton')}
|
|
78
|
+
</Button>} />
|
|
79
|
+
</div>
|
|
80
|
+
}`,...p.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
|
|
81
|
+
storyName: t('components.alert.stories.completeExample.title'),
|
|
82
|
+
render: () => <div style={{
|
|
83
|
+
display: 'flex',
|
|
84
|
+
flexDirection: 'column',
|
|
85
|
+
gap: '16px'
|
|
86
|
+
}}>
|
|
87
|
+
<Alert type="informative" title={t('components.alert.completeExample.infoTitle')} message={t('components.alert.completeExample.infoMessage')} closeable action={<Button size="medium" theme="brand">
|
|
88
|
+
{t('components.alert.completeExample.infoButton')}
|
|
89
|
+
</Button>} />
|
|
90
|
+
<Alert type="positive" title={t('components.alert.completeExample.successTitle')} message={t('components.alert.completeExample.successMessage')} closeable action={<Button size="medium" theme="brand">
|
|
91
|
+
{t('components.alert.completeExample.successButton')}
|
|
92
|
+
</Button>} />
|
|
93
|
+
<Alert type="negative" title={t('components.alert.completeExample.errorTitle')} message={t('components.alert.completeExample.errorMessage')} closeable action={<Button size="medium" theme="default">
|
|
94
|
+
{t('components.alert.completeExample.errorButton')}
|
|
95
|
+
</Button>} />
|
|
96
|
+
</div>
|
|
97
|
+
}`,...d.parameters?.docs?.source}}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
|
|
98
|
+
storyName: t('components.alert.stories.interactive.title'),
|
|
99
|
+
args: {
|
|
100
|
+
type: 'informative',
|
|
101
|
+
title: t('components.alert.interactive.title'),
|
|
102
|
+
message: t('components.alert.interactive.message'),
|
|
103
|
+
closeable: true
|
|
104
|
+
},
|
|
105
|
+
parameters: {
|
|
106
|
+
controls: {
|
|
107
|
+
expanded: true
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
}`,...g.parameters?.docs?.source}}};const z=["Default","Informative","Positive","Negative","WithTitle","WithTitleAndMessage","WithCloseButton","WithAction","CompleteExample","Interactive"];export{d as CompleteExample,a as Default,n as Informative,g as Interactive,i as Negative,r as Positive,p as WithAction,c as WithCloseButton,l as WithTitle,m as WithTitleAndMessage,z as __namedExportsOrder,$ as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as b,j as o}from"./iframe-CQAwSt4E.js";import{c as x,g as h}from"./classname-CUR_zgkh.js";import{T as v}from"./typography-DEpAJl_i.js";import{I as $}from"./image-C3EsNRhz.js";const r=h("avatar"),y=({size:e=40,shape:a="rounded",border:l,label:d,labelColor:c,labelSize:S,color:j,style:u,className:z,src:s,srcSet:m,...p})=>{const[g,n]=b.useState(!1),f=I(e),i=!g&&(!!s||!!m);return b.useEffect(()=>{n(!1)},[s,m]),o.jsxs("div",{className:x(r,`${r}--${a}`,{[`${r}--show-image`]:i},z),style:{...u,width:e,height:e},children:[!!l&&o.jsx("div",{className:`${r}__border ${r}__border--${f.borderSize} ${r}--${a}`}),i&&o.jsx($,{...p,onError:()=>n(!0),width:e,height:e,src:s}),!!d&&!i&&o.jsx(v,{size:S||f.labelSize,color:c||"global-dynamic-red-dynamic-red-60",weight:600,children:d})]})},t=[[112,{labelSize:"4x-large",borderSize:2}],[80,{labelSize:"2x-large",borderSize:2}],[56,{labelSize:"large",borderSize:2}],[48,{labelSize:"base",borderSize:1}],[40,{labelSize:"small",borderSize:1}],[32,{labelSize:"x-small",borderSize:1}],[24,{labelSize:"2x-small",borderSize:1}],[0,{labelSize:"3x-small",borderSize:1}]],I=e=>{for(const[a,l]of t)if(e>=a)return l;return t[t.length-1][1]};y.__docgenInfo={description:"",methods:[],displayName:"Avatar",props:{size:{defaultValue:{value:"40",computed:!1},required:!1},shape:{defaultValue:{value:"'rounded'",computed:!1},required:!1}}};export{y as A};
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
import{j as e}from"./iframe-CQAwSt4E.js";import{T as x,S as u,M as b,P as h,a as y}from"./blocks-BuaOUtiH.js";import{A as r}from"./avatar-GxcYPA1p.js";import{t as a}from"./store-D2RudmNr.js";import"./preload-helper-PPVm8Dsz.js";import"./index-DHiZ-gXR.js";import"./classname-CUR_zgkh.js";import"./typography-DEpAJl_i.js";import"./colors-_6nFGM3e.js";import"./image-C3EsNRhz.js";import"./visibility-sensor-CwrzJO06.js";import"./index-B-Ksafg0.js";import"./icon-DdQsMyRa.js";const g=()=>{const v=`
|
|
2
|
+
## ${a("common.table.title")}
|
|
3
|
+
|
|
4
|
+
| ${a("common.table.name")} | ${a("common.table.type")} | ${a("common.table.required")} | ${a("common.table.description")} |
|
|
5
|
+
| :--- | :--- | :--- | :--- |
|
|
6
|
+
| \`size\` | \`number\` | No | ${a("components.avatar.sizeDescription")} |
|
|
7
|
+
| \`shape\` | \`'circle' \\| 'rounded'\` | No | ${a("components.avatar.shapeDescription")} |
|
|
8
|
+
| \`border\` | \`boolean\` | No | ${a("components.avatar.borderDescription")} |
|
|
9
|
+
| \`label\` | \`string\` | No | ${a("components.avatar.labelDescription")} |
|
|
10
|
+
| \`labelColor\` | \`IColor\` | No | ${a("components.avatar.labelColorDescription")} |
|
|
11
|
+
| \`labelSize\` | \`ITypographySize\` | No | ${a("components.avatar.labelSizeDescription")} |
|
|
12
|
+
| \`color\` | \`IColor\` | No | ${a("components.avatar.colorDescription")} |
|
|
13
|
+
| \`src\` | \`string\` | No | ${a("components.avatar.srcDescription")} |
|
|
14
|
+
| \`srcSet\` | \`string\` | No | ${a("components.avatar.srcSetDescription",{defaultValue:"A set of image sources for responsive images."})} |
|
|
15
|
+
| \`className\` | \`string\` | No | ${a("components.avatar.classNameDescription")} |
|
|
16
|
+
| \`...props\` | \`ComponentProps<'img'>\` | No | ${a("components.avatar.propsDescription")} |
|
|
17
|
+
`;return e.jsxs(e.Fragment,{children:[e.jsx(x,{}),e.jsx(u,{}),e.jsx(b,{children:a("components.avatar.description")}),e.jsx(h,{}),e.jsx(b,{children:v}),e.jsx(y,{})]})},E={title:"Components/Avatar",component:r,parameters:{layout:"padded",docs:{page:g}},tags:["autodocs"],argTypes:{size:{control:{type:"number",min:20,max:200,step:4},description:a("components.avatar.argTypes.sizeDescription"),table:{type:{summary:"number"},defaultValue:{summary:"40"}}},shape:{control:"select",options:["circle","rounded"],description:a("components.avatar.argTypes.shapeDescription"),table:{type:{summary:"IAvatarShape"},defaultValue:{summary:"rounded"}}},border:{control:"boolean",description:a("components.avatar.argTypes.borderDescription"),table:{type:{summary:"boolean"}}},label:{control:"text",description:a("components.avatar.argTypes.labelDescription"),table:{type:{summary:"string"}}},labelColor:{control:"text",description:a("components.avatar.argTypes.labelColorDescription"),table:{type:{summary:"IColor"}}},labelSize:{control:"select",options:["inherit","5x-large","4x-large","3x-large","2x-large","x-large","large","base","small","x-small","2x-small","3x-small"],description:"The size of the label text. Automatically determined based on avatar size if not specified.",table:{type:{summary:"ITypographySize"}}},color:{control:"text",description:a("components.avatar.argTypes.colorDescription"),table:{type:{summary:"IColor"}}},src:{control:"text",description:a("components.avatar.argTypes.srcDescription"),table:{type:{summary:"string"}}}}},s={storyName:a("components.avatar.stories.default.title"),args:{label:"JD",size:40}},t={render:()=>e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(r,{label:"JD",size:40}),e.jsx(r,{label:"AB",size:48}),e.jsx(r,{label:"CD",size:56}),e.jsx(r,{label:"EF",size:80})]})},o={storyName:a("components.avatar.stories.shapes.title"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(r,{label:"JD",size:80,shape:"rounded"}),e.jsx(r,{label:"JD",size:80,shape:"circle"})]})},l={storyName:a("components.avatar.stories.sizes.title"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(r,{label:"24",size:24}),e.jsx(r,{label:"32",size:32}),e.jsx(r,{label:"40",size:40}),e.jsx(r,{label:"48",size:48}),e.jsx(r,{label:"56",size:56}),e.jsx(r,{label:"80",size:80}),e.jsx(r,{label:"112",size:112})]})},i={storyName:a("components.avatar.stories.withBorder.title"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(r,{label:"JD",size:80,shape:"circle",border:!0}),e.jsx(r,{label:"AB",size:80,shape:"rounded",border:!0}),e.jsx(r,{label:"CD",size:56,shape:"circle",border:!0}),e.jsx(r,{label:"EF",size:48,shape:"rounded",border:!0})]})},p={storyName:a("components.avatar.stories.withImage.title"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(r,{src:"https://via.placeholder.com/40",size:40,shape:"rounded"}),e.jsx(r,{src:"https://via.placeholder.com/48",size:48,shape:"circle"}),e.jsx(r,{src:"https://via.placeholder.com/80",size:80,shape:"rounded",border:!0}),e.jsx(r,{src:"https://via.placeholder.com/112",size:112,shape:"circle",border:!0})]})},c={storyName:a("components.avatar.stories.customLabelStyling.title"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(r,{label:"JD",size:80,shape:"circle",labelColor:"alias-object-primary",labelSize:"large"}),e.jsx(r,{label:"AB",size:80,shape:"rounded",labelColor:"alias-support-positive",labelSize:"x-large"}),e.jsx(r,{label:"CD",size:56,shape:"circle",labelColor:"alias-support-negative",labelSize:"base"})]})},n={storyName:a("components.avatar.stories.fallbackToLabel.title"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(r,{src:"https://invalid-url-that-will-fail.com/image.png",label:"JD",size:80,shape:"circle"}),e.jsx(r,{src:"",label:"AB",size:80,shape:"rounded"})]})},d={storyName:a("components.avatar.stories.completeExample.title"),render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(r,{src:"https://via.placeholder.com/112",size:112,shape:"circle",border:!0}),e.jsx(r,{label:"JD",size:112,shape:"circle",border:!0,labelColor:"alias-object-primary"})]}),e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(r,{src:"https://via.placeholder.com/80",size:80,shape:"rounded",border:!0}),e.jsx(r,{label:"AB",size:80,shape:"rounded",border:!0})]})]})},m={storyName:a("components.avatar.stories.interactive.title"),args:{label:"JD",size:40,shape:"rounded",border:!1}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
|
|
18
|
+
storyName: t('components.avatar.stories.default.title'),
|
|
19
|
+
args: {
|
|
20
|
+
label: 'JD',
|
|
21
|
+
size: 40
|
|
22
|
+
}
|
|
23
|
+
}`,...s.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
|
|
24
|
+
render: () => <div style={{
|
|
25
|
+
display: 'flex',
|
|
26
|
+
gap: '16px',
|
|
27
|
+
alignItems: 'center'
|
|
28
|
+
}}>
|
|
29
|
+
<Avatar label="JD" size={40} />
|
|
30
|
+
<Avatar label="AB" size={48} />
|
|
31
|
+
<Avatar label="CD" size={56} />
|
|
32
|
+
<Avatar label="EF" size={80} />
|
|
33
|
+
</div>
|
|
34
|
+
}`,...t.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
|
|
35
|
+
storyName: t('components.avatar.stories.shapes.title'),
|
|
36
|
+
render: () => <div style={{
|
|
37
|
+
display: 'flex',
|
|
38
|
+
gap: '16px',
|
|
39
|
+
alignItems: 'center'
|
|
40
|
+
}}>
|
|
41
|
+
<Avatar label="JD" size={80} shape="rounded" />
|
|
42
|
+
<Avatar label="JD" size={80} shape="circle" />
|
|
43
|
+
</div>
|
|
44
|
+
}`,...o.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
|
|
45
|
+
storyName: t('components.avatar.stories.sizes.title'),
|
|
46
|
+
render: () => <div style={{
|
|
47
|
+
display: 'flex',
|
|
48
|
+
gap: '16px',
|
|
49
|
+
alignItems: 'center'
|
|
50
|
+
}}>
|
|
51
|
+
<Avatar label="24" size={24} />
|
|
52
|
+
<Avatar label="32" size={32} />
|
|
53
|
+
<Avatar label="40" size={40} />
|
|
54
|
+
<Avatar label="48" size={48} />
|
|
55
|
+
<Avatar label="56" size={56} />
|
|
56
|
+
<Avatar label="80" size={80} />
|
|
57
|
+
<Avatar label="112" size={112} />
|
|
58
|
+
</div>
|
|
59
|
+
}`,...l.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
|
|
60
|
+
storyName: t('components.avatar.stories.withBorder.title'),
|
|
61
|
+
render: () => <div style={{
|
|
62
|
+
display: 'flex',
|
|
63
|
+
gap: '16px',
|
|
64
|
+
alignItems: 'center'
|
|
65
|
+
}}>
|
|
66
|
+
<Avatar label="JD" size={80} shape="circle" border />
|
|
67
|
+
<Avatar label="AB" size={80} shape="rounded" border />
|
|
68
|
+
<Avatar label="CD" size={56} shape="circle" border />
|
|
69
|
+
<Avatar label="EF" size={48} shape="rounded" border />
|
|
70
|
+
</div>
|
|
71
|
+
}`,...i.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
|
|
72
|
+
storyName: t('components.avatar.stories.withImage.title'),
|
|
73
|
+
render: () => <div style={{
|
|
74
|
+
display: 'flex',
|
|
75
|
+
gap: '16px',
|
|
76
|
+
alignItems: 'center'
|
|
77
|
+
}}>
|
|
78
|
+
<Avatar src="https://via.placeholder.com/40" size={40} shape="rounded" />
|
|
79
|
+
<Avatar src="https://via.placeholder.com/48" size={48} shape="circle" />
|
|
80
|
+
<Avatar src="https://via.placeholder.com/80" size={80} shape="rounded" border />
|
|
81
|
+
<Avatar src="https://via.placeholder.com/112" size={112} shape="circle" border />
|
|
82
|
+
</div>
|
|
83
|
+
}`,...p.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
|
|
84
|
+
storyName: t('components.avatar.stories.customLabelStyling.title'),
|
|
85
|
+
render: () => <div style={{
|
|
86
|
+
display: 'flex',
|
|
87
|
+
gap: '16px',
|
|
88
|
+
alignItems: 'center'
|
|
89
|
+
}}>
|
|
90
|
+
<Avatar label="JD" size={80} shape="circle" labelColor="alias-object-primary" labelSize="large" />
|
|
91
|
+
<Avatar label="AB" size={80} shape="rounded" labelColor="alias-support-positive" labelSize="x-large" />
|
|
92
|
+
<Avatar label="CD" size={56} shape="circle" labelColor="alias-support-negative" labelSize="base" />
|
|
93
|
+
</div>
|
|
94
|
+
}`,...c.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
|
|
95
|
+
storyName: t('components.avatar.stories.fallbackToLabel.title'),
|
|
96
|
+
render: () => <div style={{
|
|
97
|
+
display: 'flex',
|
|
98
|
+
gap: '16px',
|
|
99
|
+
alignItems: 'center'
|
|
100
|
+
}}>
|
|
101
|
+
<Avatar src="https://invalid-url-that-will-fail.com/image.png" label="JD" size={80} shape="circle" />
|
|
102
|
+
<Avatar src="" label="AB" size={80} shape="rounded" />
|
|
103
|
+
</div>
|
|
104
|
+
}`,...n.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
|
|
105
|
+
storyName: t('components.avatar.stories.completeExample.title'),
|
|
106
|
+
render: () => <div style={{
|
|
107
|
+
display: 'flex',
|
|
108
|
+
flexDirection: 'column',
|
|
109
|
+
gap: '24px'
|
|
110
|
+
}}>
|
|
111
|
+
<div style={{
|
|
112
|
+
display: 'flex',
|
|
113
|
+
gap: '16px',
|
|
114
|
+
alignItems: 'center'
|
|
115
|
+
}}>
|
|
116
|
+
<Avatar src="https://via.placeholder.com/112" size={112} shape="circle" border />
|
|
117
|
+
<Avatar label="JD" size={112} shape="circle" border labelColor="alias-object-primary" />
|
|
118
|
+
</div>
|
|
119
|
+
<div style={{
|
|
120
|
+
display: 'flex',
|
|
121
|
+
gap: '16px',
|
|
122
|
+
alignItems: 'center'
|
|
123
|
+
}}>
|
|
124
|
+
<Avatar src="https://via.placeholder.com/80" size={80} shape="rounded" border />
|
|
125
|
+
<Avatar label="AB" size={80} shape="rounded" border />
|
|
126
|
+
</div>
|
|
127
|
+
</div>
|
|
128
|
+
}`,...d.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
|
|
129
|
+
storyName: t('components.avatar.stories.interactive.title'),
|
|
130
|
+
args: {
|
|
131
|
+
label: 'JD',
|
|
132
|
+
size: 40,
|
|
133
|
+
shape: 'rounded',
|
|
134
|
+
border: false
|
|
135
|
+
}
|
|
136
|
+
}`,...m.parameters?.docs?.source}}};const L=["Default","WithLabel","Shapes","Sizes","WithBorder","WithImage","CustomLabelStyling","FallbackToLabel","CompleteExample","Interactive"];export{d as CompleteExample,c as CustomLabelStyling,s as Default,n as FallbackToLabel,m as Interactive,o as Shapes,l as Sizes,i as WithBorder,p as WithImage,t as WithLabel,L as __namedExportsOrder,E as default};
|