@bethinkpl/design-system 26.2.6 → 26.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bethinkpl/design-system",
-  "version": "26.2.6",
+  "version": "26.3.0",
   "description": "Bethink universe design-system",
   "repository": {
     "type": "git",

package/docs/assets/DatePicker-BfdMp2Je.js

@@ -1,2 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./pl-Cy1N1vsP.js","./_commonjsHelpers-Chg3vePA.js"])))=>i.map(i=>d[i]);
-import{d as R,t as b,r as O,o as a,c as o,a as n,k as T,h as l,b as P,n as c,F as C,g as L,q as g,C as F,w as B,f as K}from"./vue.esm-bundler-CzUSCRPq.js";import{b as U}from"./Tile-ByPW4b0z.js";import{a as j,I as D,b as G}from"./Icon-CQ850_cO.js";import{_ as N}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{_ as S}from"./iframe-Bnjlc0fj.js";const I={NEUTRAL:"neutral",WARNING:"warning"},f={DEFAULT:"default",DISABLED:"disabled",LOADING:"loading"},r={TOP:"top",TOP_LEFT:"top-left",TOP_RIGHT:"top-right",BOTTOM:"bottom",BOTTOM_LEFT:"bottom-left",BOTTOM_RIGHT:"bottom-right"},h={BOX:"box",TILE:"tile"},v={[r.BOTTOM_LEFT]:"below left",[r.BOTTOM_RIGHT]:"below right",[r.BOTTOM]:"below",[r.TOP_LEFT]:"above left",[r.TOP_RIGHT]:"above right",[r.TOP]:"above"};function z(e){return e.toLocaleDateString(void 0,{dateStyle:void 0,timeStyle:void 0,weekday:"long"})}function H(e){return e.toLocaleDateString(void 0,{dateStyle:"medium",timeStyle:void 0})}function A(e){return e.toLocaleDateString(void 0,{month:"short",day:"2-digit"})}const w=R({name:"DatePickerBox",components:{DsIcon:j},props:{isInteractive:{type:Boolean,default:!0},placeholder:{type:String,default:"Ustaw"},startDate:{type:Date,default:null},endDate:{type:Date,default:null},startIcon:{type:Object,default:null,validate:e=>e===null||Object.values(D).includes(b(e))},endIcon:{type:Object,default:null,validate:e=>e===null||Object.values(D).includes(b(e))},areIconsHiddenOnMobile:{type:Boolean,default:!1},state:{type:String||null,default:f.DEFAULT},color:{type:String,default:I.NEUTRAL},startDateEyebrowText:{type:String,default:""},endDateEyebrowText:{type:String,default:""},isOpen:{type:Boolean,default:!1}},data(){return{ICONS:Object.freeze(D),ICON_SIZES:Object.freeze(G),DATE_PICKER_STATES:Object.freeze(f),DATE_PICKER_COLORS:Object.freeze(I)}},computed:{startDateText(){return this.startDate?A(this.startDate):this.placeholder},endDateText(){return A(this.endDate)}}}),$={class:"ds-datePickerBox__dateWrapper"},W={key:0,class:"ds-datePickerBox__eyebrow"},X={class:"ds-datePickerBox__date"},Y={class:"ds-datePickerBox__dateText"},Z={class:"ds-datePickerBox__dateWrapper"},q={key:0,class:"ds-datePickerBox__eyebrow"},J={class:"ds-datePickerBox__date"},Q={class:"ds-datePickerBox__dateText"},x={key:1,class:"ds-datePickerBox__loader"};function ee(e,d,i,p,t,u){const s=O("ds-icon");return a(),o("div",{class:c(["ds-datePickerBox",{"-ds-disabled":e.state===e.DATE_PICKER_STATES.DISABLED,"-ds-loading":e.state===e.DATE_PICKER_STATES.LOADING,"-ds-interactive":e.isInteractive,"-ds-warning":e.color===e.DATE_PICKER_COLORS.WARNING,"-ds-neutral":e.color===e.DATE_PICKER_COLORS.NEUTRAL,"-ds-isOpen":e.isOpen}])},[n("div",{class:c(["ds-datePickerBox__widthWrapper",{"-ds-has-icon":e.startIcon,"-ds-iconHiddenOnMobile":e.areIconsHiddenOnMobile}])},[n("div",$,[e.startDateEyebrowText?(a(),o("span",W,T(e.startDateEyebrowText),1)):l("",!0),n("div",X,[e.startIcon?(a(),P(s,{key:0,class:c(["ds-datePickerBox__icon",{"-ds-hiddenOnMobile":e.areIconsHiddenOnMobile}]),icon:e.startIcon,size:e.ICON_SIZES.XX_SMALL},null,8,["class","icon","size"])):l("",!0),n("span",Y,T(e.startDateText),1)])])],2),e.startDate&&e.endDate?(a(),o(C,{key:0},[d[0]||(d[0]=n("span",{class:"ds-datePickerBox__separator"},"–",-1)),n("div",{class:c(["ds-datePickerBox__widthWrapper -ds-justify-to-end",{"-ds-has-icon":e.endIcon,"-ds-iconHiddenOnMobile":e.areIconsHiddenOnMobile}])},[n("div",Z,[e.endDateEyebrowText?(a(),o("span",q,T(e.endDateEyebrowText),1)):l("",!0),n("div",J,[e.endIcon?(a(),P(s,{key:0,class:c(["ds-datePickerBox__icon",{"-ds-hiddenOnMobile":e.areIconsHiddenOnMobile}]),icon:e.endIcon,size:e.ICON_SIZES.XX_SMALL},null,8,["class","icon","size"])):l("",!0),n("span",Q,T(e.endDateText),1)])])],2)],64)):l("",!0),e.state===e.DATE_PICKER_STATES.LOADING?(a(),o("div",x,[L(s,{icon:e.ICONS.FAD_SPINNER_THIRD,size:e.ICON_SIZES.X_SMALL,spinning:""},null,8,["icon","size"])])):l("",!0)],2)}const te=N(w,[["render",ee],["__scopeId","data-v-cfb4bc6b"]]);w.__docgenInfo={displayName:"DatePickerBox",exportName:"default",description:"",tags:{},props:[{name:"isInteractive",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"placeholder",type:{name:"string"},defaultValue:{func:!1,value:"'Ustaw'"}},{name:"startDate",type:{name:"date"},defaultValue:{func:!1,value:"null"}},{name:"endDate",type:{name:"date"},defaultValue:{func:!1,value:"null"}},{name:"startIcon",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"endIcon",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"areIconsHiddenOnMobile",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"state",type:{name:"(String as PropType<DatePickerStates>) || null"},defaultValue:{func:!1,value:"DATE_PICKER_STATES.DEFAULT"}},{name:"color",type:{name:"DatePickerColors"},defaultValue:{func:!1,value:"DATE_PICKER_COLORS.NEUTRAL"}},{name:"startDateEyebrowText",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"endDateEyebrowText",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"isOpen",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/DatePickers/DatePickerBox/DatePickerBox.vue"]};const ae=e=>e.charAt(0).toUpperCase()+e.slice(1);let y=null,k;function ne({props:e,onChange:d,defaultDates:i,mode:p="single"}){let t=null;const u=g(!1),s=async(m,E)=>{if(!t){if(!y)try{y=(await S(async()=>{const{default:_}=await import("./index-CBmJdl9t.js");return{default:_}},[],import.meta.url)).default,k=(await S(async()=>{const{Polish:_}=await import("./pl-Cy1N1vsP.js").then(V=>V.p);return{Polish:_}},__vite__mapDeps([0,1]),import.meta.url)).Polish}catch(_){console.error("Failed to load flatpickr",_);return}return t=y(m,{mode:p,locale:k,disableMobile:!0,positionElement:E,ignoredFocusElements:[E],position:v[e.calendarPosition],defaultDate:i,disable:e.disableDates,minDate:e.minDate,maxDate:e.maxDate,onClose:[()=>{u.value=!1}],onOpen:[()=>{u.value=!0}],onChange:d}),t}};return F(()=>{t==null||t.destroy(),t=null}),B([()=>e.calendarPosition,()=>e.minDate,()=>e.maxDate,()=>e.disableDates,()=>i],()=>{t==null||t.set({position:v[e.calendarPosition],defaultDate:i,disable:e.disableDates,minDate:e.minDate,maxDate:e.maxDate})},{flush:"post"}),{datePicker:t,createDatePicker:s,isOpen:u,toggle:()=>{t==null||t.toggle()}}}const M=R({name:"DatePicker",components:{DsTile:U,DatePickerBox:te},props:{triggerType:{type:String,default:h.TILE},isInteractive:{type:Boolean,default:!0},placeholder:{type:String,default:"Wybierz datę"},date:{type:Date,default:null},label:{type:String,default:""},isLabelUppercase:{type:Boolean,default:!1},icon:{type:[Object,null],default:D.FA_CALENDAR_DAY,validator(e){return e===null||Object.values(D).includes(b(e))}},isIconHiddenOnMobile:{type:Boolean,default:!1},errorMessage:{type:String,default:null},state:{type:String,default:f.DEFAULT},color:{type:String,default:I.NEUTRAL},calendarPosition:{type:String,default:r.BOTTOM_LEFT},disableDates:{type:Array,default:()=>[]},minDate:{type:Date,default:null},maxDate:{type:Date,default:null}},emits:{"update:date":e=>!0},setup(e,{emit:d}){const i=g(),p=g(),t=E=>{d("update:date",E[0])},{isOpen:u,toggle:s,createDatePicker:m}=ne({props:e,onChange:t,defaultDates:e.date,mode:"single"});return B([()=>e.isInteractive,()=>e.state],async()=>{e.isInteractive&&e.state===f.DEFAULT&&await m(i.value,p.value)}),{flatpickrInputRef:i,datePickerRef:p,isOpen:u,toggleDatePicker:s,createDatePicker:m,DATE_PICKER_CALENDAR_POSITIONS:Object.freeze(r),DATE_PICKER_COLORS:Object.freeze(I),DATE_PICKER_STATES:Object.freeze(f),DATE_PICKER_TRIGGER_TYPES:Object.freeze(h)}},computed:{eyebrowText(){return this.date?ae(z(this.date)):""},text(){return this.date?H(this.date):this.placeholder},tileIcon(){return this.icon?this.isOpen?D.FA_CHEVRON_UP:this.icon:null},showErrorMessage(){return this.errorMessage!==null}},async mounted(){this.isInteractive&&this.state===f.DEFAULT&&await this.createDatePicker(this.flatpickrInputRef,this.datePickerRef)},methods:{toggle(){this.isInteractive&&this.state===f.DEFAULT&&this.toggleDatePicker()}}}),se={class:"ds-datePicker__labelWrapper"},le={key:2,class:"ds-datePicker__errorMessage"},oe={ref:"flatpickrInputRef",class:"ds-datePicker__hiddenInput"};function ie(e,d,i,p,t,u){const s=O("ds-tile"),m=O("date-picker-box");return a(),o("div",{ref:"datePickerRef",class:c(["ds-datePicker",{"-ds-box":e.triggerType===e.DATE_PICKER_TRIGGER_TYPES.BOX}])},[e.triggerType===e.DATE_PICKER_TRIGGER_TYPES.TILE?(a(),o(C,{key:0},[n("div",se,[e.label?(a(),o("span",{key:0,class:c(["ds-datePicker__label",{"-ds-isUppercase":e.isLabelUppercase,"-ds-disabled":e.state===e.DATE_PICKER_STATES.DISABLED}])},T(e.label),3)):l("",!0),e.$slots.default?K(e.$slots,"default",{key:1},void 0,!0):l("",!0)]),L(s,{class:"ds-datePicker__tile",text:e.text,interactive:e.isInteractive,color:e.color,state:e.state,"icon-right":e.tileIcon,"is-icon-right-hidden-on-mobile":e.isIconHiddenOnMobile,"eyebrow-text":e.eyebrowText,onClick:e.toggle},null,8,["text","interactive","color","state","icon-right","is-icon-right-hidden-on-mobile","eyebrow-text","onClick"])],64)):(a(),P(m,{key:1,"is-interactive":e.isInteractive,placeholder:e.placeholder,"start-date":e.date,"start-icon":e.icon,"are-icons-hidden-on-mobile":e.isIconHiddenOnMobile,state:e.state,color:e.color,"start-date-eyebrow-text":e.eyebrowText,"is-open":e.isOpen,onClick:e.toggle},null,8,["is-interactive","placeholder","start-date","start-icon","are-icons-hidden-on-mobile","state","color","start-date-eyebrow-text","is-open","onClick"])),e.showErrorMessage?(a(),o("span",le,T(e.errorMessage),1)):l("",!0),n("input",oe,null,512)],2)}const pe=N(M,[["render",ie],["__scopeId","data-v-5ad4f6ee"]]);M.__docgenInfo={displayName:"DatePicker",exportName:"default",description:"",tags:{},props:[{name:"triggerType",type:{name:"DatePickerTriggerTypes"},defaultValue:{func:!1,value:"DATE_PICKER_TRIGGER_TYPES.TILE"}},{name:"isInteractive",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"placeholder",type:{name:"string"},defaultValue:{func:!1,value:"'Wybierz datę'"}},{name:"date",type:{name:"date"},defaultValue:{func:!1,value:"null"}},{name:"label",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"isLabelUppercase",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"icon",type:{name:"IconItem | null"},defaultValue:{func:!1,value:"ICONS.FA_CALENDAR_DAY"}},{name:"isIconHiddenOnMobile",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"errorMessage",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"state",type:{name:"DatePickerStates"},defaultValue:{func:!1,value:"DATE_PICKER_STATES.DEFAULT"}},{name:"color",type:{name:"DatePickerColors"},defaultValue:{func:!1,value:"DATE_PICKER_COLORS.NEUTRAL"}},{name:"calendarPosition",type:{name:"DatePickerCalendarPositions"},defaultValue:{func:!1,value:"DATE_PICKER_CALENDAR_POSITIONS.BOTTOM_LEFT"}},{name:"disableDates",type:{name:"Array<Date>"},defaultValue:{func:!0,value:"() => []"}},{name:"minDate",type:{name:"date"},defaultValue:{func:!1,value:"null"}},{name:"maxDate",type:{name:"date"},defaultValue:{func:!1,value:"null"}}],events:[{name:"update:date"}],slots:[{name:"default"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/DatePickers/DatePicker/DatePicker.vue"]};export{pe as D,h as a,r as b,f as c,I as d,te as e,ae as f,ne as i,z as l};

package/docs/assets/DrawerTile-BqaB6Qm3.js

@@ -1 +0,0 @@
-import{b as n,p as t}from"./Tile-ByPW4b0z.js";import{d as a,c as i,g as c,p,r as l,o as m}from"./vue.esm-bundler-CzUSCRPq.js";import{_ as d}from"./_plugin-vue_export-helper-DlAUqK2U.js";const o=a({name:"DrawerTile",components:{DsTile:n},props:t,emits:["click"]}),_={class:"ds-drawerTile"};function f(e,s,u,w,D,T){const r=l("ds-tile");return m(),i("div",_,[c(r,p(e.$props,{onClick:s[0]||(s[0]=k=>e.$emit("click"))}),null,16)])}const y=d(o,[["render",f],["__scopeId","data-v-d495ac51"]]);o.__docgenInfo={displayName:"DrawerTile",exportName:"default",description:"",tags:{},events:[{name:"click"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Drawer/DrawerTile/DrawerTile.vue"]};export{y as D};