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

package/package.json

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

package/dist/app/assets/PzDate-URYUxFYx.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-oVAMmFuo.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-B3HgUXCj.js

@@ -1,117 +0,0 @@
-import{p as r}from"./configs-CtUh_XBV.js";import{P as o}from"./PzDate-URYUxFYx.js";import"./iframe-oVAMmFuo.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};