@prozorro/prozorro-ui 0.0.16 → 0.0.17-beta

package/package.json

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

package/dist/app/assets/PzHint-C0ccMS05.js

@@ -1 +0,0 @@
-import{d as r,e as o,z as p,D as n,f as s,u as i,o as m,l}from"./iframe-Bodp1Urh.js";import{V as u}from"./floating-vue-C2zz1SFX.js";import"./floating-vue-CR4v_l1U.js";import{_ as c}from"./_plugin-vue_export-helper-DlAUqK2U.js";const a=r({name:"PzHint",__name:"PzHint",props:{wrapperClass:{default:""},containerWrapperClass:{default:""},placement:{default:"top"},theme:{default:"tooltip"}},setup(e){return(t,f)=>(m(),o("span",{class:s(["pz-hint-container",e.containerWrapperClass])},[p(i(u),{class:s(["pz-hint",e.wrapperClass]),theme:e.theme,placement:e.placement},{popper:n(()=>[l(t.$slots,"content",{},void 0,!0)]),default:n(()=>[l(t.$slots,"default",{},void 0,!0)]),_:3},8,["class","theme","placement"])],2))}}),v=c(a,[["__scopeId","data-v-2a769765"]]);a.__docgenInfo=Object.assign({displayName:a.name??a.__name},{name:"PzHint",exportName:"default",displayName:"PzHint",description:"",tags:{},props:[{name:"wrapperClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"containerWrapperClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placement",required:!1,type:{name:"Placement"},defaultValue:{func:!1,value:'"top"'}},{name:"theme",required:!1,type:{name:"PzHintTheme"},defaultValue:{func:!1,value:'"tooltip"'}}],slots:[{name:"default"},{name:"content"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Popups/PzHint/PzHint.vue"]});export{v as P};

package/dist/app/assets/PzHint-CGRWH9yl.css

@@ -1 +0,0 @@
-.pz-hint[data-v-2a769765],.pz-hint-container[data-v-2a769765]{display:inline-flex;vertical-align:middle}

package/dist/app/assets/PzInput.stories-Da9IH1iu.js

@@ -1,57 +0,0 @@
-import{d as q,W as w,e as d,z as S,D as P,u as b,f as y,X as h,o as r,k,Y as I,Z as M,t as s,B,y as m,r as l,w as $}from"./iframe-Bodp1Urh.js";import{P as C}from"./PzText-Bbqommeq.js";import{_ as L}from"./PzIcon-CEKpkQUE.js";import{P as N}from"./PzLabel-jPJ-TJ8Y.js";import{_ as D}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const T={class:"pz-input-wrap"},F=["id","placeholder","disabled","maxlength","type","required"],O=["id"],j={key:3,class:"pz-input-counter"},E={key:0,class:"pz-input-error"},p=q({name:"PzInput",__name:"PzInput",props:h({name:{},modelValue:{},label:{default:""},icon:{default:""},inputClass:{default:""},errorMessage:{default:""},placeholder:{default:""},type:{default:"text"},counted:{type:Boolean,default:!1},maxSize:{default:255},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},isLightSkin:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{}}),emits:h(["focus","blur","update:modelValue"],["update:modelValue"]),setup(e,{emit:t}){const n=t,o=w(e,"modelValue");return(f,a)=>(r(),d("div",{class:y(["pz-input",{light:e.isLightSkin,error:e.errorMessage,disabled:e.disabled}])},[S(b(N),{label:e.label,for:e.name,required:e.required,disabled:e.disabled},{default:P(()=>{var u;return[k("span",T,[e.editable?I((r(),d("input",{key:0,id:e.name,"onUpdate:modelValue":a[0]||(a[0]=i=>o.value=i),placeholder:e.placeholder,disabled:e.disabled,maxlength:e.counted?e.maxSize:void 0,type:e.type,required:e.required,class:y(["pz-input-control",[{"pz-input-control--with-icon":e.icon,"pz-input-control--counted":e.counted},e.inputClass]]),onBlur:a[1]||(a[1]=i=>n("blur")),onFocus:a[2]||(a[2]=i=>n("focus"))},null,42,F)),[[M,o.value]]):(r(),d("span",{key:1,id:e.name,class:"pz-input-readonly"},s(o.value),9,O)),e.icon?(r(),B(b(L),{key:2,name:e.icon,class:"pz-input-icon"},null,8,["name"])):m("",!0),e.counted?(r(),d("span",j,s(((u=o.value)==null?void 0:u.length)||0)+"/"+s(e.maxSize),1)):m("",!0)]),e.errorMessage?(r(),d("span",E,s(e.errorMessage),1)):m("",!0)]}),_:1},8,["label","for","required","disabled"])],2))}}),v=D(p,[["__scopeId","data-v-03710362"]]);p.__docgenInfo=Object.assign({displayName:p.name??p.__name},{name:"PzInput",exportName:"default",displayName:"PzInput",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"string"}},{name:"modelValue",required:!0,type:{name:"string"}},{name:"label",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"icon",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"inputClass",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"errorMessage",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"placeholder",required:!1,type:{name:"string"},defaultValue:{func:!1,value:'""'}},{name:"type",required:!1,type:{name:"PzInputType"},defaultValue:{func:!1,value:'"text"'}},{name:"counted",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"maxSize",required:!1,type:{name:"number"},defaultValue:{func:!1,value:"255"}},{name:"required",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"editable",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isLightSkin",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"focus"},{name:"blur"},{name:"update:modelValue",type:{names:["string"]}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Form/PzInput/PzInput.vue"]});const W=e=>`<template>
-  <PzInput
-    v-model="value"
-    ${[`name="${e.name}"`,e.label?`label="${e.label}"`:null,e.placeholder?`placeholder="${e.placeholder}"`:null,e.type&&e.type!=="text"?`type="${e.type}"`:null,e.icon?`icon="${e.icon}"`:null,e.required?':required="true"':null,e.disabled?':disabled="true"':null,e.counted?':counted="true"':null,e.maxSize?`:max-size="${e.maxSize}"`:null,e.errorMessage?`error-message="${e.errorMessage}"`:null,e.isLightSkin?':is-light-skin="true"':null].filter(n=>!!n).join(" ")}
-  />
-</template>`,A={title:"Components/Form/PzInput",component:v,parameters:{docs:{description:{component:"Use `PzInput` for text-based form controls. It wraps a native `<input>` with `PzLabel`, supports icons, character counting, a readonly preview mode, and the standard disabled/error states."},source:{transform:(e,t)=>W(t.args??A.args)}}},args:{name:"pz-input-story",label:"Назва поля",modelValue:"",placeholder:"Введіть значення...",type:"text",errorMessage:"",icon:"",required:!1,disabled:!1,editable:!0,counted:!1,maxSize:255,isLightSkin:!1},argTypes:{name:{control:"text",description:"Native input `id`/`name`."},label:{control:"text",description:"Label text shown above the input."},modelValue:{control:"text",description:"Current value bound via `v-model` (required)."},placeholder:{control:"text",description:"Placeholder shown when the input is empty."},type:{control:"inline-radio",options:["text","email","password"],description:"Native input type."},icon:{control:"text",description:"Optional `PzIcon` name rendered inside the input."},errorMessage:{control:"text",description:"Validation message shown below the input; enables error styling."},required:{control:"boolean",description:"Marks the field as required in the label."},disabled:{control:"boolean",description:"Disables the input and applies muted styling."},editable:{control:"boolean",description:"When false, renders the value as readonly text instead of an input."},counted:{control:"boolean",description:"Shows a `length/maxSize` counter next to the input."},maxSize:{control:"number",description:"Maximum character length used by the counter and `maxlength`. Only enforced when `counted` is true."},isLightSkin:{control:"boolean",description:"Enables the light alternate layout."}},render:e=>({components:{pzInput:v,pzText:C},setup(){const t=l(e.modelValue??""),n=l(""),o=l(""),f=l(""),a=l(""),u=l(""),i=l("");return $(()=>e.modelValue,V=>{t.value=V??""}),{args:e,value:t,sharedValue:n,defaultValue:o,requiredValue:f,countedValue:a,iconValue:u,errorValue:i}},template:`
-      <div style="display: flex; flex-direction: column; gap: var(--pz-space-24); max-width: 480px;">
-        <section>
-          <pz-text variant="h4-bold">Component API</pz-text>
-          <div style="margin-top: var(--pz-space-16);">
-            <pz-input
-              v-model="value"
-              :name="args.name"
-              :label="args.label"
-              :placeholder="args.placeholder"
-              :type="args.type"
-              :icon="args.icon"
-              :error-message="args.errorMessage"
-              :required="args.required"
-              :disabled="args.disabled"
-              :editable="args.editable"
-              :counted="args.counted"
-              :max-size="args.maxSize"
-              :is-light-skin="args.isLightSkin"
-            />
-          </div>
-        </section>
-
-        <section>
-          <pz-text variant="h4-bold">Two-way binding</pz-text>
-          <div style="display: flex; flex-direction: column; gap: var(--pz-space-8); margin-top: var(--pz-space-16);">
-            <pz-input v-model="sharedValue" name="two-way-a" label="Поле A" placeholder="Введіть значення..." />
-            <pz-input v-model="sharedValue" name="two-way-b" label="Поле B (таке саме значення)" placeholder="Введіть значення..." />
-            <pz-text variant="body-regular">Поточне значення: "{{ sharedValue }}"</pz-text>
-          </div>
-        </section>
-
-        <section style="display: flex; flex-direction: column; gap: var(--pz-space-16);">
-          <pz-text variant="h4-bold">States</pz-text>
-          <pz-input v-model="defaultValue" name="input-default" label="Звичайне поле" placeholder="Введіть значення..." />
-          <pz-input v-model="requiredValue" name="input-required" label="Обов'язкове поле" placeholder="Введіть значення..." required />
-          <pz-input v-model="countedValue" name="input-counted" label="З лічильником" placeholder="Введіть значення..." counted :max-size="120" />
-          <pz-input v-model="iconValue" name="input-icon" label="З іконкою" placeholder="Пошук..." icon="search" />
-          <pz-input v-model="errorValue" name="input-error" label="Помилка" placeholder="Введіть значення..." error-message="Поле заповнено некоректно" />
-          <pz-input model-value="" name="input-disabled" label="Disabled" placeholder="Недоступно" disabled />
-          <pz-input model-value="Текст, який не можна редагувати" name="input-readonly" label="Readonly" :editable="false" />
-        </section>
-      </div>
-    `})},c={parameters:{docs:{description:{story:"Інтерактивний приклад текстового інпуту. Нижче показано two-way binding та базові стани: required, counted, з іконкою, помилка, disabled і readonly."}}}};var z,g,x;c.parameters={...c.parameters,docs:{...(z=c.parameters)==null?void 0:z.docs,source:{originalSource:`{
-  parameters: {
-    docs: {
-      description: {
-        story: "Інтерактивний приклад текстового інпуту. Нижче показано two-way binding та базові стани: required, counted, з іконкою, помилка, disabled і readonly."
-      }
-    }
-  }
-}`,...(x=(g=c.parameters)==null?void 0:g.docs)==null?void 0:x.source}}};const H=["Playground"];export{c as Playground,H as __namedExportsOrder,A as default};

package/dist/app/assets/PzTable-CZkE3AHx.js

@@ -1 +0,0 @@
-import{d as z,o as a,e as t,f as D,k as d,t as _,B as b,u as h,y,l as v,F as i,E,g as H,G as L,A as p,n as g,I as F,D as q,J as A}from"./iframe-Bodp1Urh.js";import{l as x}from"./lodash-CdDiHlzQ.js";import{P as B}from"./PzInfoHint-2WFjfD6e.js";import{_ as P}from"./_plugin-vue_export-helper-DlAUqK2U.js";const I="—",$={class:"pz-table-data__title"},W=["innerHTML"],c=z({name:"PzTableData",__name:"PzTableData",props:{column:{},data:{default:void 0},defaultValue:{},isBold:{type:Boolean,default:!1}},setup(e){const u=e,s=H(()=>x.get(u.data,u.column.key)||u.defaultValue);return(o,T)=>{var n;return a(),t("td",{class:D(["pz-table-data",{"pz-table-data--bold":e.isBold}])},[d("p",$,[d("span",null,_(e.column.mobileName||e.column.name),1),(n=e.column.infoContent)!=null&&n.length?(a(),b(h(B),{key:0,"info-content":e.column.infoContent},null,8,["info-content"])):y("",!0)]),v(o.$slots,"default",{data:e.data,column:e.column,value:s.value},()=>[e.column.isContentHtml?(a(),t("span",{key:0,innerHTML:String(s.value)},null,8,W)):(a(),t(i,{key:1},[E(_(s.value),1)],64))],!0)],2)}}}),w=P(c,[["__scopeId","data-v-1c0872b9"]]);c.__docgenInfo=Object.assign({displayName:c.name??c.__name},{name:"PzTableData",exportName:"default",displayName:"PzTableData",description:"",tags:{},props:[{name:"column",required:!0,type:{name:"PzTableColumn"}},{name:"data",required:!1,type:{name:"PzTableRow"},defaultValue:{func:!1,value:"undefined"}},{name:"defaultValue",required:!0,type:{name:"string"}},{name:"isBold",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"default",scoped:!0,bindings:[{name:"data",title:"binding"},{name:"column",title:"binding"},{name:"value",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Data/PzTable/PzTableData.vue"]});const S={class:"pz-table-head",scope:"col"},m=z({name:"PzTableHead",__name:"PzTableHead",props:{column:{}},setup(e){return(u,s)=>{var o;return a(),t("th",S,[d("span",null,_(e.column.name),1),(o=e.column.infoContent)!=null&&o.length?(a(),b(h(B),{key:0,"info-content":e.column.infoContent,class:"pz-table-head__hint"},null,8,["info-content"])):y("",!0)])}}}),j=P(m,[["__scopeId","data-v-c4688b62"]]);m.__docgenInfo=Object.assign({displayName:m.name??m.__name},{name:"PzTableHead",exportName:"default",displayName:"PzTableHead",description:"",tags:{},props:[{name:"column",required:!0,type:{name:"PzTableColumn"}}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Data/PzTable/PzTableHead.vue"]});const M={class:"pz-table-wrap"},U={class:"pz-table"},O={key:0,class:"pz-table__head"},R={class:"pz-table__row pz-table__row--head"},Y=100,f=z({name:"PzTable",__name:"PzTable",props:{config:{},data:{},defaultValue:{default:I},visibleHeader:{type:Boolean,default:!0},isBoldFirstColumn:{type:Boolean,default:!0}},setup(e){const u=L(),s=e,o=({colWidth:n})=>({width:s.config.some(({colWidth:l})=>!!l)?`${n}%`:`${Math.floor(Y/s.config.length)}%`}),T=n=>!!u[n];return(n,k)=>(a(),t("div",M,[d("table",U,[e.visibleHeader?(a(),t("thead",O,[d("tr",R,[(a(!0),t(i,null,p(e.config,l=>(a(),b(j,{key:l.id,column:l,style:g(o(l))},null,8,["column","style"]))),128))])])):y("",!0),d("tbody",null,[(a(!0),t(i,null,p(e.data,(l,C)=>(a(),t("tr",{key:l.id??C,class:"pz-table__row"},[(a(!0),t(i,null,p(e.config,(r,V)=>(a(),b(w,{key:r.id,column:r,data:l,"default-value":e.defaultValue,"is-bold":e.isBoldFirstColumn&&V===0,style:g(o(r))},F({_:2},[T(r.key)?{name:"default",fn:q(N=>[v(n.$slots,r.key,A({ref_for:!0},N),void 0,!0)]),key:"0"}:void 0]),1032,["column","data","default-value","is-bold","style"]))),128))]))),128))])])]))}}),Q=P(f,[["__scopeId","data-v-9e87d17d"]]);f.__docgenInfo=Object.assign({displayName:f.name??f.__name},{name:"PzTable",exportName:"default",displayName:"PzTable",description:"",tags:{},props:[{name:"config",required:!0,type:{name:"Array",elements:[{name:"PzTableColumn"}]}},{name:"data",required:!0,type:{name:"Array",elements:[{name:"PzTableRow"}]}},{name:"defaultValue",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"PZ_TABLE_DEFAULT_EMPTY_VALUE"}},{name:"visibleHeader",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isBoldFirstColumn",required:!1,type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],slots:[{name:"column.key",scoped:!0,bindings:[{name:"name",title:"binding"}]}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Data/PzTable/PzTable.vue"]});export{Q as P,I as a,j as b,w as c};