@preply/ds-docs 11.0.0 → 11.1.0

package/dist/assets/IntlFormattedCurrency.stories-CDdFf0Ih.js

@@ -0,0 +1 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./Text-bm2vnOS2.js";import{n as o,t as s}from"./Heading-CEZfMm-F.js";import{n as c,t as l}from"./Button-DnVrHohm.js";import{a as u,r as d}from"./lib-CXCPi5ID.js";import{n as f,t as p}from"./Checkbox-DEB6VLYS.js";import{n as m,t as h}from"./LayoutFlex-DdWp4cl3.js";import{n as g,t as _}from"./LayoutGrid-qM5_bxVY.js";import{n as v,t as y}from"./NumberField-BAofx_Ni.js";import{n as b,t as x}from"./IntlFormattedCurrency-CAb0INYF.js";import{c as S,f as C,i as w,l as T,o as E,p as D,r as O,s as k,u as A}from"./constants-BKSB-IRi.js";var j,M,N,P,F,I,L,R,z;t((()=>{j=e(n(),1),d(),D(),b(),i(),v(),m(),g(),o(),c(),f(),O(),M=r(),N=[`rounded`,`short`,`explicit`,`range`],P=[`BRL`,`GBP`,`EUR`,`PLN`,`USD`,`UAH`],F=()=>{let[e,t]=(0,j.useState)(``),[n,r]=(0,j.useState)(``),[i,o]=(0,j.useState)(!1),[c,d]=(0,j.useState)(12.34),[f,m]=(0,j.useState)(10),[g,v]=(0,j.useState)(20),[b,D]=(0,j.useState)(!1),O=e=>{e!==void 0&&d(e)},F=e=>{e!==void 0&&m(e)},I=e=>{e!==void 0&&v(e)},L=(e,t)=>e===`range`?(0,M.jsx)(x.CurrencyRange,{currency:t,startValue:f,endValue:g,variant:`short`,showPlusSign:b}):e===`rounded`?(0,M.jsx)(x.CurrencyRounded,{currency:t,value:c,showPlusSign:b}):e===`explicit`?(0,M.jsx)(x.CurrencyExplicit,{currency:t,value:c,showPlusSign:b}):(0,M.jsx)(x.CurrencyShort,{currency:t,value:c,showPlusSign:b}),R=({variant:i,currency:o,isEvenGroup:s,isFirstRow:c})=>(0,M.jsxs)(`tr`,{onMouseEnter:()=>r(`${i}-${o}`),children:[c?(0,M.jsx)(T,{"data-iscentered":!0,"data-isevengroup":s,rowSpan:N.length,"data-ishighlighted":n.includes(o),children:(0,M.jsx)(a,{variant:`large-semibold`,children:o})}):null,(0,M.jsx)(T,{"data-isevengroup":s,"data-ishighlighted":`${i}-${o}`===n,children:i}),w.map(a=>(0,M.jsx)(T,{onMouseEnter:()=>{t(a),r(`${i}-${o}`)},"data-ishighlighted":a===e||`${i}-${o}`===n,"data-isevengroup":s,children:(0,M.jsx)(u,{textComponent:`span`,locale:E[a],children:L(i,o)})},`${i}-${o}-${a}`))]},`${i}-${o}`);return(0,M.jsxs)(_,{padding:`12`,gap:`16`,columns:[`1fr`],children:[(0,M.jsx)(s,{variant:`medium`,tag:`h3`,children:`Currency formatting using Intl.NumberFormat`}),(0,M.jsxs)(h,{direction:`row`,gap:`12`,alignItems:`center`,children:[(0,M.jsx)(y,{label:`Value`,value:c,onValueChange:O,useLegacyRequiredLabel:!0}),(0,M.jsx)(y,{label:`Range start`,value:f,onValueChange:F,useLegacyRequiredLabel:!0}),(0,M.jsx)(y,{label:`Range end`,value:g,onValueChange:I,useLegacyRequiredLabel:!0})]}),(0,M.jsxs)(h,{direction:`row`,gap:`12`,alignItems:`center`,children:[(0,M.jsx)(p,{checked:b,onCheckedChange:()=>D(!b)}),(0,M.jsx)(`label`,{htmlFor:`show-plus-sign`,children:(0,M.jsx)(a,{variant:`default-semibold`,accent:`primary`,children:`Show "+" sign`})})]}),(0,M.jsx)(h,{direction:`row`,children:(0,M.jsx)(l,{size:`small`,onClick:()=>o(!i),children:i?`Hide Options`:`Show my browser options`})}),i?(0,M.jsx)(`pre`,{children:JSON.stringify(new Intl.NumberFormat().resolvedOptions(),null,2)}):null,(0,M.jsx)(h,{direction:`column`,gap:`4`,children:(0,M.jsx)(S,{children:(0,M.jsx)(k,{onMouseLeave:()=>{t(``),r(``)},children:(0,M.jsx)(`tbody`,{children:(0,M.jsxs)(M.Fragment,{children:[(0,M.jsxs)(`tr`,{children:[(0,M.jsx)(C,{}),(0,M.jsx)(C,{}),w.map(e=>(0,M.jsx)(C,{onMouseEnter:()=>t(e),children:e},e))]}),P.map((e,t)=>(0,M.jsxs)(j.Fragment,{children:[N.map((n,r)=>R({variant:n,currency:e,isEvenGroup:t%2==1,isFirstRow:r===0})),t<P.length-1&&(0,M.jsx)(`tr`,{children:(0,M.jsx)(A,{colSpan:w.length+2})})]},e))]})})})})})]})},I={title:`IntlFormatted/IntlFormattedCurrency`,component:F,parameters:{layout:`fullscreen`,chromatic:{disableSnapshot:!0}}},L=()=>(0,M.jsx)(F,{}),R=L.bind({}),R.tags=[`!autodocs`,`!a11y-test`],R.parameters={...R.parameters,docs:{...R.parameters?.docs,source:{originalSource:`() => <CurrencyTable />`,...R.parameters?.docs?.source}}},z=[`Default`]}))();export{R as Default,z as __namedExportsOrder,I as default};

package/dist/assets/IntlFormattedDateTime.stories-UGK_UBla.js

@@ -0,0 +1,2 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./en-CAnKwElg.js","./chunk-BneVvdWh.js","./es-MH1DT2kV.js","./fr-CgnvB_BI.js","./de-CGU9rRAn.js","./it-BMSKWkCc.js","./ua-CPYW3Hlj.js","./pl-B0BEw5na.js","./pt-qEWGT9cy.js","./tr-CvfBJD7Q.js","./id-Bp-BGWpK.js","./zh-C43VYh_6.js","./ja-wtIn1pnV.js","./ko-DvhW2pVO.js","./ar-CmAh1fW1.js","./nl-BW9s7SpL.js","./ro-DLH7plv7.js","./ru-BmiT91mV.js","./sv-CW9z0vaU.js","./th-isRlGLm5.js","./cs-o6LA2LFi.js","./tw-DpiBe17Q.js","./hk-CaQALTDd.js"])))=>i.map(i=>d[i]);
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{n,t as r}from"./preload-helper-nVtPd9zc.js";import{t as i}from"./react-C7IZe2D1.js";import{D as a,E as o,U as s,k as c,w as l}from"./dist-DtfJeYQK.js";import{t as u}from"./jsx-runtime-C2wGStra.js";import{n as d,t as f}from"./Text-bm2vnOS2.js";import{n as p,t as m}from"./Heading-CEZfMm-F.js";import{a as h,r as g}from"./lib-CXCPi5ID.js";import{n as _,t as v}from"./Checkbox-DEB6VLYS.js";import{n as y,t as b}from"./LayoutFlex-DdWp4cl3.js";import{n as x,t as ee}from"./LayoutGrid-qM5_bxVY.js";import{n as S,t as te}from"./Link-J-HUcV5T.js";import{n as C,t as ne}from"./NumberField-BAofx_Ni.js";import{i as w,r as T,t as E}from"./SelectField-_eSdIkCW.js";import{n as D,t as re}from"./TextField-zS8J7vJP.js";import{n as O,t as k}from"./IntlFormattedAggregatedDateTime-CsA6eNMt.js";import{a as A,c as j,d as M,f as N,i as P,l as ie,n as F,o as ae,p as I,r as L,s as oe,t as R}from"./constants-BKSB-IRi.js";var z,B,V,H,U,W,G,K,q,J,Y,X,Z,Q,$;t((()=>{z=e(i(),1),L(),I(),l(),d(),x(),p(),y(),D(),w(),C(),_(),S(),g(),O(),B=u(),n(),V=60,H=60*1e3,U=`https://preply.atlassian.net/wiki/spaces/PKB/pages/4410572869/How+to+format+a+date+and+time+in+the+WEB`,W=[{Formatter:({date:e,dateStart:t,dateEnd:n,countryCode:r,isCapitalized:i,dateFormatterName:s,timeFormatterName:c})=>{let l=a(),u=o(),d=l[s??``]({date:e,dateStart:t,dateEnd:n,isCapitalized:i}),f=u[c??``]({date:e,dateStart:t,dateEnd:n,countryCode:r});return(0,B.jsx)(k.DateAndTime,{date:d,time:f,isCapitalized:i})},labels:[`DateAndTime`,`formatDateAndTime`],tags:[`✅ all-usages`],timeFormatterName:`formatTime`},{Formatter:({date:e,dateStart:t,dateEnd:n,countryCode:r,isCapitalized:i,dateFormatterName:s,timeFormatterName:c})=>{let l=a(),u=o(),d=l[s??``]({date:e,dateStart:t,dateEnd:n,isCapitalized:i}),f=u[c??``]({date:e,dateStart:t,dateEnd:n,countryCode:r});return(0,B.jsx)(k.DateAndTimeRange,{date:d,timeRange:f,isCapitalized:i})},labels:[`DateAndTimeRange`,`formatDateAndTimeRange`],tags:[`✅ all-usages`],timeFormatterName:`formatTimeRange`},{Formatter:({date:e,dateStart:t,dateEnd:n,countryCode:r,isCapitalized:i,dateFormatterName:s,timeFormatterName:l})=>{let u=a(),d=o(),{formatDateAndTime:f}=c(),p=u[s??``]({date:e,dateStart:t,dateEnd:n,isCapitalized:i}),m=u[s??``]({date:e,dateStart:t,dateEnd:n,isCapitalized:i}),h=d[l??``]({date:e,countryCode:r}),g=d[l??``]({date:n,countryCode:r}),_=f({date:p,time:h,isCapitalized:i}),v=f({date:m,time:g,isCapitalized:i});return(0,B.jsx)(k.DateTimeAndDateTime,{dateTimeStart:_,dateTimeEnd:v,isCapitalized:i})},labels:[`DateTimeAndDateTime`,`formatDateTimeAndDateTime`],tags:[`✅ all-usages`],timeFormatterName:`formatTime`}],G=e=>!Number.isNaN(e.getTime()),K=(e,t)=>new Date(e.getTime()+t*V*H),q=e=>/^[A-Z]/.test(e),J={en:async()=>(await r(async()=>{let{default:e}=await import(`./en-CAnKwElg.js`);return{default:e}},__vite__mapDeps([0,1]),import.meta.url)).default,es:async()=>(await r(async()=>{let{default:e}=await import(`./es-MH1DT2kV.js`);return{default:e}},__vite__mapDeps([2,1]),import.meta.url)).default,fr:async()=>(await r(async()=>{let{default:e}=await import(`./fr-CgnvB_BI.js`);return{default:e}},__vite__mapDeps([3,1]),import.meta.url)).default,de:async()=>(await r(async()=>{let{default:e}=await import(`./de-CGU9rRAn.js`);return{default:e}},__vite__mapDeps([4,1]),import.meta.url)).default,it:async()=>(await r(async()=>{let{default:e}=await import(`./it-BMSKWkCc.js`);return{default:e}},__vite__mapDeps([5,1]),import.meta.url)).default,ua:async()=>(await r(async()=>{let{default:e}=await import(`./ua-CPYW3Hlj.js`);return{default:e}},__vite__mapDeps([6,1]),import.meta.url)).default,pl:async()=>(await r(async()=>{let{default:e}=await import(`./pl-B0BEw5na.js`);return{default:e}},__vite__mapDeps([7,1]),import.meta.url)).default,pt:async()=>(await r(async()=>{let{default:e}=await import(`./pt-qEWGT9cy.js`);return{default:e}},__vite__mapDeps([8,1]),import.meta.url)).default,tr:async()=>(await r(async()=>{let{default:e}=await import(`./tr-CvfBJD7Q.js`);return{default:e}},__vite__mapDeps([9,1]),import.meta.url)).default,id:async()=>(await r(async()=>{let{default:e}=await import(`./id-Bp-BGWpK.js`);return{default:e}},__vite__mapDeps([10,1]),import.meta.url)).default,zh:async()=>(await r(async()=>{let{default:e}=await import(`./zh-C43VYh_6.js`);return{default:e}},__vite__mapDeps([11,1]),import.meta.url)).default,ja:async()=>(await r(async()=>{let{default:e}=await import(`./ja-wtIn1pnV.js`);return{default:e}},__vite__mapDeps([12,1]),import.meta.url)).default,ko:async()=>(await r(async()=>{let{default:e}=await import(`./ko-DvhW2pVO.js`);return{default:e}},__vite__mapDeps([13,1]),import.meta.url)).default,ar:async()=>(await r(async()=>{let{default:e}=await import(`./ar-CmAh1fW1.js`);return{default:e}},__vite__mapDeps([14,1]),import.meta.url)).default,nl:async()=>(await r(async()=>{let{default:e}=await import(`./nl-BW9s7SpL.js`);return{default:e}},__vite__mapDeps([15,1]),import.meta.url)).default,ro:async()=>(await r(async()=>{let{default:e}=await import(`./ro-DLH7plv7.js`);return{default:e}},__vite__mapDeps([16,1]),import.meta.url)).default,ru:async()=>(await r(async()=>{let{default:e}=await import(`./ru-BmiT91mV.js`);return{default:e}},__vite__mapDeps([17,1]),import.meta.url)).default,sv:async()=>(await r(async()=>{let{default:e}=await import(`./sv-CW9z0vaU.js`);return{default:e}},__vite__mapDeps([18,1]),import.meta.url)).default,th:async()=>(await r(async()=>{let{default:e}=await import(`./th-isRlGLm5.js`);return{default:e}},__vite__mapDeps([19,1]),import.meta.url)).default,cs:async()=>(await r(async()=>{let{default:e}=await import(`./cs-o6LA2LFi.js`);return{default:e}},__vite__mapDeps([20,1]),import.meta.url)).default,tw:async()=>(await r(async()=>{let{default:e}=await import(`./tw-DpiBe17Q.js`);return{default:e}},__vite__mapDeps([21,1]),import.meta.url)).default,hk:async()=>(await r(async()=>{let{default:e}=await import(`./hk-CaQALTDd.js`);return{default:e}},__vite__mapDeps([22,1]),import.meta.url)).default},Y=()=>{let[e,t]=(0,z.useState)(``),[n,r]=(0,z.useState)(``),[i,a]=(0,z.useState)({en:{},es:{},fr:{},de:{},it:{},uk:{},pl:{},pt:{},tr:{},id:{},zh:{},ja:{},ko:{},ar:{},nl:{},ro:{},ru:{},sv:{},th:{},cs:{},"zh-TW":{},"zh-HK":{}});(0,z.useEffect)(()=>{(async()=>{try{let e=await Promise.all(Object.entries(J).map(async([e,t])=>[e,await t()]));a(Object.fromEntries(e))}catch(e){console.error(`Failed to load locale messages:`,e)}})()},[]);let o=Object.keys(i.en).length!==0,c=new Date().toISOString().slice(0,16),[l,u]=(0,z.useState)(c),d=G(new Date(l)),p=new Date(d?l:c),[g,_]=(0,z.useState)(1),y=g??1,x=K(p,y),[S,C]=(0,z.useState)(`h23`),w=S===`h12`?s[0]:``,[D,O]=(0,z.useState)(!1),[k,I]=(0,z.useState)(`formatDateShort`),L=[...R.flatMap(e=>e.labels.filter(e=>!q(e))),...F.flatMap(e=>e.labels.filter(e=>!q(e)))],V=a=>{let o=y===1&&a.extraData?.defaultDurationHours?K(p,a.extraData.defaultDurationHours):x,s=a.labels,c=s[0],l=a.timeFormatterName;return(0,B.jsxs)(`tr`,{onMouseEnter:()=>r(c),children:[(0,B.jsxs)(N,{children:[s.map(e=>(0,B.jsxs)(z.Fragment,{children:[(0,B.jsx)(f,{variant:`small-regular-italic`,children:e}),(0,B.jsx)(`br`,{})]},e)),(0,B.jsx)(f,{variant:`small-regular`,children:a.tags.map(e=>(0,B.jsxs)(z.Fragment,{children:[e,(0,B.jsx)(`br`,{})]},e))}),l?(0,B.jsxs)(z.Fragment,{children:[(0,B.jsx)(E,{label:`Date formatter`,value:k,onValueChange:I,children:L.map(e=>(0,B.jsx)(T,{value:e,children:e},e))}),(0,B.jsx)(E,{label:`Time formatter`,value:l,children:(0,B.jsx)(T,{value:l,children:l},l)})]},`${c}-${l}`):null]}),P.map(s=>(0,B.jsx)(ie,{onMouseEnter:()=>{t(s),r(c)},"data-ishighlighted":s===e||c===n,"data-iscentered":!0,children:(0,B.jsx)(h,{locale:ae[s],messages:i[s],textComponent:`span`,children:(0,B.jsx)(a.Formatter,{date:p,dateEnd:o,dateStart:p,countryCode:w,isCapitalized:D,dateFormatterName:k,timeFormatterName:l})})},`${c}-${s}`))]},c)},H=({title:e,variations:n})=>(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(`tr`,{children:(0,B.jsx)(M,{colSpan:P.length+1,children:(0,B.jsx)(f,{variant:`large-semibold`,children:e})})}),(0,B.jsxs)(`tr`,{children:[(0,B.jsx)(N,{}),P.map(e=>(0,B.jsx)(N,{onMouseEnter:()=>t(e),children:e},e))]}),n.map(e=>V(e))]});return o?(0,B.jsxs)(ee,{padding:`12`,gap:`16`,columns:[`1fr`],children:[(0,B.jsx)(m,{variant:`medium`,tag:`h3`,children:`Date and Time formatting tool`}),(0,B.jsxs)(b,{direction:`row`,gap:`12`,children:[(0,B.jsx)(re,{label:`Date time`,value:l,onValueChange:u,hasError:!d,useLegacyRequiredLabel:!0}),(0,B.jsx)(ne,{label:`Range duration (hours)`,value:g,onValueChange:_,useLegacyRequiredLabel:!0}),(0,B.jsxs)(E,{label:`Time Format`,value:S,onValueChange:C,useLegacyRequiredLabel:!0,children:[(0,B.jsx)(T,{value:`h12`,children:`12h format (AM/PM)`}),(0,B.jsx)(T,{value:`h23`,children:`24h format`})]}),(0,B.jsxs)(b,{direction:`column`,gap:`16`,children:[(0,B.jsx)(f,{variant:`default-regular`,children:`Is Capitalized?`}),(0,B.jsx)(v,{checked:D,onCheckedChange:O})]})]}),(0,B.jsx)(b,{direction:`row`,children:(0,B.jsx)(te,{href:U,opensInNewTab:!0,children:(0,B.jsx)(f,{variant:`default-semibold`,accent:`info`,children:`Confluence article with more examples and rules`})})}),(0,B.jsx)(b,{direction:`column`,gap:`4`,children:(0,B.jsx)(j,{children:(0,B.jsx)(oe,{onMouseLeave:()=>{t(``),r(``)},children:(0,B.jsxs)(`tbody`,{children:[H({title:`Abbreviated Dates (IntlFormattedDate)`,variations:R}),H({title:`Extended Dates (IntlFormattedDate)`,variations:F}),H({title:`Time (IntlFormattedTime)`,variations:A}),H({title:`Date and Time Aggregators (IntlFormattedAggregatedDateTime)`,variations:W})]})})})})]}):`Loading...`},X={title:`IntlFormatted/IntlFormattedDateTime`,component:Y,parameters:{layout:`fullscreen`,chromatic:{disableSnapshot:!0}}},Z=()=>(0,B.jsx)(Y,{}),Q=Z.bind({}),Q.args={},Q.tags=[`!autodocs`,`!a11y-test`],Q.parameters={...Q.parameters,docs:{...Q.parameters?.docs,source:{originalSource:`() => <DateTable />`,...Q.parameters?.docs?.source}}},$=[`Default`]}))();export{Q as Default,$ as __namedExportsOrder,X as default};