@prozorro/prozorro-ui 0.1.7-beta → 0.1.9-beta

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prozorro/prozorro-ui",
   "private": false,
-  "version": "0.1.7-beta",
+  "version": "0.1.9-beta",
   "description": "Official Prozorro UI Library",
   "author": "Dmytro Rybachek",
   "license": "MIT",

package/src/styles/abstract/_variables.scss

@@ -157,7 +157,6 @@
     --pz-grid-columns: 12;
     --pz-grid-padding: 24px;
     --pz-grid-frame-max-width: calc(1140px + 2 * var(--pz-grid-padding));
-
   }
 }
 

package/dist/app/assets/PzDate-B_9YIDaX.js

@@ -1 +0,0 @@
-import{e as y,f as s,t as p,q as f,F as g,u as Y,g as _,c as o,o as m}from"./iframe-DUQGuR7f.js";import{_ as z}from"./_plugin-vue_export-helper-DlAUqK2U.js";const M=["datetime"],P={key:0,class:"pz-date__date"},H={class:"pz-date__time"},i=2,n=y({name:"PzDate",__name:"PzDate",props:{date:{},format:{default:"DD MM YYYY HH:mm"},typography:{}},setup(r){const t=r,u=o(()=>{if(!t.date)return null;const e=new Date(t.date.replace(" ","T"));return isNaN(e.getTime())?null:e}),c=o(()=>{const e=u.value;return e?t.format==="YYYY"?new Intl.DateTimeFormat("uk-UA",{year:"numeric"}).format(e):t.format==="MM YYYY"?new Intl.DateTimeFormat("uk-UA",{month:"long",year:"numeric"}).format(e):new Intl.DateTimeFormat("uk-UA",{day:"numeric",month:"long",year:"numeric"}).format(e):""}),d=o(()=>{const e=u.value;if(!e||t.format!=="DD MM YYYY HH:mm"&&t.format!=="DD MM YYYY HH:mm:ss")return"";const a=String(e.getHours()).padStart(i,"0"),l=String(e.getMinutes()).padStart(i,"0");if(t.format==="DD MM YYYY HH:mm:ss"){const D=String(e.getSeconds()).padStart(i,"0");return`${a}:${l}:${D}`}return`${a}:${l}`});return(e,a)=>(m(),s("time",{class:_(["pz-date",r.typography?`pz-typography--${r.typography}`:null]),datetime:r.date},[c.value?(m(),s("span",P,p(c.value),1)):f("",!0),d.value?(m(),s(g,{key:1},[a[0]||(a[0]=Y("i",{class:"pz-date__separator","aria-hidden":"true"},null,-1)),Y("span",H,p(d.value),1)],64)):f("",!0)],10,M))}}),N=z(n,[["__scopeId","data-v-70b8e315"]]);n.__docgenInfo=Object.assign({displayName:n.name??n.__name},{name:"PzDate",exportName:"default",displayName:"PzDate",description:"",tags:{},props:[{name:"date",required:!0,type:{name:"string"}},{name:"format",required:!1,type:{name:"PzDateFormat"},defaultValue:{func:!1,value:'"DD MM YYYY HH:mm"'}},{name:"typography",required:!1,type:{name:"PzTextVariant"}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzDate/PzDate.vue"]});export{N as P};

package/dist/app/assets/PzDate.stories-D7mB1OvF.js

@@ -1,117 +0,0 @@
-import{p as r}from"./configs-CtUh_XBV.js";import{P as o}from"./PzDate-B_9YIDaX.js";import"./iframe-DUQGuR7f.js";import"./preload-helper-C1FmrZbK.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const i="2026-05-06T15:37:37.682718+03:00",p=["YYYY","MM YYYY","DD MM YYYY","DD MM YYYY HH:mm","DD MM YYYY HH:mm:ss"],d=["2026-01-15T10:00:00+02:00","2026-02-15T10:00:00+02:00","2026-03-15T10:00:00+02:00","2026-04-15T10:00:00+03:00","2026-05-15T10:00:00+03:00","2026-06-15T10:00:00+03:00","2026-07-15T10:00:00+03:00","2026-08-15T10:00:00+03:00","2026-09-15T10:00:00+03:00","2026-10-15T10:00:00+03:00","2026-11-15T10:00:00+02:00","2026-12-15T10:00:00+02:00"],x={title:"Components/Display/PzDate",component:o,parameters:{docs:{description:{component:"Renders an ISO 8601 datetime string as a localised Ukrainian date and time. Default output format: `6 травня 2026 • 15:37`. Uses `Intl.DateTimeFormat` with the `uk-UA` locale for correct genitive month names. When the format includes a time portion the date and time render as two visual blocks separated by a coloured dot."}}},args:{date:i,typography:void 0},argTypes:{typography:{control:"select",options:[void 0,...r],description:"Overrides typography using a PzText variant."}}},e={parameters:{docs:{description:{story:"Every supported usage of `PzDate` rendered on one page: each format variant against the same source datetime, plus a gallery of all 12 Ukrainian genitive month names."}}},render:s=>({components:{pzDate:o},setup(){return{args:s,sampleDate:i,formats:p,monthDates:d}},template:`
-      <div style="display: flex; flex-direction: column; gap: 32px; font-family: inherit;">
-        <section>
-          <h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">Format variants</h3>
-          <p style="margin: 0 0 16px; font-size: 12px; color: #666;">
-            Same datetime ({{ sampleDate }}) rendered with each available <code>format</code> value.
-          </p>
-          <div style="display: flex; flex-direction: column; gap: 8px;">
-            <div
-              v-for="f in formats"
-              :key="f"
-              style="display: flex; align-items: center; gap: 16px;"
-            >
-              <code style="min-width: 220px; font-size: 12px; color: #666;">format="{{ f }}"</code>
-              <pz-date :date="sampleDate" :format="f" :typography="args.typography" />
-            </div>
-          </div>
-        </section>
-
-        <section>
-          <h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">Month gallery</h3>
-          <p style="margin: 0 0 16px; font-size: 12px; color: #666;">
-            All 12 months in Ukrainian genitive form (default format <code>DD MM YYYY HH:mm</code>).
-          </p>
-          <div style="display: flex; flex-direction: column; gap: 8px;">
-            <pz-date v-for="d in monthDates" :key="d" :date="d" />
-          </div>
-        </section>
-
-        <section>
-          <h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">Edge cases</h3>
-          <div style="display: flex; flex-direction: column; gap: 8px;">
-            <div style="display: flex; align-items: center; gap: 16px;">
-              <code style="min-width: 220px; font-size: 12px; color: #666;">empty string</code>
-              <pz-date date="" />
-            </div>
-            <div style="display: flex; align-items: center; gap: 16px;">
-              <code style="min-width: 220px; font-size: 12px; color: #666;">invalid string</code>
-              <pz-date date="not-a-date" />
-            </div>
-            <div style="display: flex; align-items: center; gap: 16px;">
-              <code style="min-width: 220px; font-size: 12px; color: #666;">space separator</code>
-              <pz-date date="2026-05-06 15:37:37" />
-            </div>
-          </div>
-        </section>
-      </div>
-    `})};var t,n,a;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`{
-  parameters: {
-    docs: {
-      description: {
-        story: "Every supported usage of \`PzDate\` rendered on one page: each format variant against the same source datetime, plus a gallery of all 12 Ukrainian genitive month names."
-      }
-    }
-  },
-  render: (args: PzDateProps) => ({
-    components: {
-      pzDate: PzDate
-    },
-    setup() {
-      return {
-        args,
-        sampleDate: SAMPLE_DATE,
-        formats: FORMAT_OPTIONS,
-        monthDates: MONTH_DATES
-      };
-    },
-    template: \`
-      <div style="display: flex; flex-direction: column; gap: 32px; font-family: inherit;">
-        <section>
-          <h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">Format variants</h3>
-          <p style="margin: 0 0 16px; font-size: 12px; color: #666;">
-            Same datetime ({{ sampleDate }}) rendered with each available <code>format</code> value.
-          </p>
-          <div style="display: flex; flex-direction: column; gap: 8px;">
-            <div
-              v-for="f in formats"
-              :key="f"
-              style="display: flex; align-items: center; gap: 16px;"
-            >
-              <code style="min-width: 220px; font-size: 12px; color: #666;">format="{{ f }}"</code>
-              <pz-date :date="sampleDate" :format="f" :typography="args.typography" />
-            </div>
-          </div>
-        </section>
-
-        <section>
-          <h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">Month gallery</h3>
-          <p style="margin: 0 0 16px; font-size: 12px; color: #666;">
-            All 12 months in Ukrainian genitive form (default format <code>DD MM YYYY HH:mm</code>).
-          </p>
-          <div style="display: flex; flex-direction: column; gap: 8px;">
-            <pz-date v-for="d in monthDates" :key="d" :date="d" />
-          </div>
-        </section>
-
-        <section>
-          <h3 style="margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #242638;">Edge cases</h3>
-          <div style="display: flex; flex-direction: column; gap: 8px;">
-            <div style="display: flex; align-items: center; gap: 16px;">
-              <code style="min-width: 220px; font-size: 12px; color: #666;">empty string</code>
-              <pz-date date="" />
-            </div>
-            <div style="display: flex; align-items: center; gap: 16px;">
-              <code style="min-width: 220px; font-size: 12px; color: #666;">invalid string</code>
-              <pz-date date="not-a-date" />
-            </div>
-            <div style="display: flex; align-items: center; gap: 16px;">
-              <code style="min-width: 220px; font-size: 12px; color: #666;">space separator</code>
-              <pz-date date="2026-05-06 15:37:37" />
-            </div>
-          </div>
-        </section>
-      </div>
-    \`
-  })
-}`,...(a=(n=e.parameters)==null?void 0:n.docs)==null?void 0:a.source}}};const g=["Playground"];export{e as Playground,g as __namedExportsOrder,x as default};

package/dist/app/assets/PzPriceRange-CednWgXe.css

@@ -1 +0,0 @@
-.pz-price-range[data-v-bca0ec4f]{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--pz-space-4);color:var(--pz-color-orange-50)}.pz-price-range__separator[data-v-bca0ec4f]{line-height:1;font-size:var(--pz-font-size-24)}

package/dist/app/assets/PzPriceRange.stories-DK-ioEWw.js

@@ -1,11 +0,0 @@
-import{e as Q,f as u,C as a,F as C,E as m,u as V,t as g,v as D,y as F,c as o,o as l,D as M}from"./iframe-DUQGuR7f.js";import{i as O,P as f}from"./PzPrice-DEhJ8TTj.js";import{P as U}from"./PzText-HYhHezU1.js";import{a as P}from"./PzMessages-CZOzEWd1.js";import{M as x}from"./PzPriceFormat-CfJFOj05.js";import{_ as q}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./isObjectLike-zXfibqpL.js";import"./lodash-CdDiHlzQ.js";const B={class:"pz-price-range"},H={class:"pz-price-range__separator"},p=Q({name:"PzPriceRange",__name:"PzPriceRange",props:{price:{},notSpecifiedText:{},separator:{}},setup(s){const e=s,k=o(()=>e.notSpecifiedText??P("display.pzPriceRange.notSpecified")),N=o(()=>e.separator??P("display.pzPriceRange.separator")),A=o(()=>{var r;return{amount:(r=e.price)==null?void 0:r.lowerQuartile,currency:""}}),I=o(()=>{var r,d,t;return{amount:(r=e.price)==null?void 0:r.upperQuartile,currency:((d=e.price)==null?void 0:d.currency)||"UAH",valueAddedTaxIncluded:(t=e.price)==null?void 0:t.valueAddedTaxIncluded}});return(r,d)=>{var t;return l(),u("div",B,[a(O)((t=s.price)==null?void 0:t.lowerQuartile)?(l(),u(C,{key:0},[m(a(f),{value:A.value,"max-fraction-digits":a(x).TWO,skin:"medium"},null,8,["value","max-fraction-digits"]),V("span",H,g(N.value),1),m(a(f),{value:I.value,"max-fraction-digits":a(x).TWO,"show-vat":!0,skin:"medium"},null,8,["value","max-fraction-digits"])],64)):(l(),D(a(U),{key:1,variant:"h4-regular"},{default:F(()=>[M(g(k.value),1)]),_:1}))])}}}),y=q(p,[["__scopeId","data-v-bca0ec4f"]]);p.__docgenInfo=Object.assign({displayName:p.name??p.__name},{name:"PzPriceRange",exportName:"default",displayName:"PzPriceRange",description:"",tags:{},props:[{name:"price",required:!1,type:{name:"PzPriceRangeValue"}},{name:"notSpecifiedText",required:!1,type:{name:"string"}},{name:"separator",required:!1,type:{name:"string"}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Display/PzPriceRange/PzPriceRange.vue"]});const $={title:"Components/Display/PzPriceRange",component:y,parameters:{docs:{description:{component:"`PzPriceRange` renders an expected price range (`lowerQuartile – upperQuartile`) by composing two `PzPrice` instances. When `lowerQuartile` is not a number it renders the not-specified fallback.\n\nThe fallback text and separator resolve in priority order: the `notSpecifiedText` / `separator` props win per-instance; otherwise they fall back to the `PzMessages` service (`display.pzPriceRange.*`), so app-wide overrides can be registered globally via `setMessages` and defaults are localized (Ukrainian)."}}},args:{price:{lowerQuartile:1e5,upperQuartile:250000.75,currency:"UAH",valueAddedTaxIncluded:!0}},argTypes:{separator:{control:"text",description:"String rendered between the two prices."},notSpecifiedText:{control:"text",description:"Fallback text when there is no lower quartile."}},render:s=>({components:{pzPriceRange:y},setup(){return{args:s}},template:'<pz-price-range v-bind="args" />'})},i={},n={args:{separator:"to"}},c={args:{price:{currency:"UAH"}}};var _,v,z;i.parameters={...i.parameters,docs:{...(_=i.parameters)==null?void 0:_.docs,source:{originalSource:"{}",...(z=(v=i.parameters)==null?void 0:v.docs)==null?void 0:z.source}}};var S,T,h;n.parameters={...n.parameters,docs:{...(S=n.parameters)==null?void 0:S.docs,source:{originalSource:`{
-  args: {
-    separator: "to"
-  }
-}`,...(h=(T=n.parameters)==null?void 0:T.docs)==null?void 0:h.source}}};var b,w,R;c.parameters={...c.parameters,docs:{...(b=c.parameters)==null?void 0:b.docs,source:{originalSource:`{
-  args: {
-    price: {
-      currency: "UAH"
-    }
-  }
-}`,...(R=(w=c.parameters)==null?void 0:w.docs)==null?void 0:R.source}}};const ee=["Playground","CustomSeparator","NotSpecified"];export{n as CustomSeparator,c as NotSpecified,i as Playground,ee as __namedExportsOrder,$ as default};