@bethinkpl/design-system 26.16.0 → 27.0.0

package/docs/assets/{DatePicker.stories-DnojtGGT.js → DatePicker.stories-DZN51CwX.js}

@@ -1,4 +1,4 @@
-import{I as D}from"./Icon-BxW-ny3A.js";import{D as x}from"./Switch-DsNVsFhH.js";import{c as m,a as u,d as g,b as h,e as b}from"./DatePicker-aMS5YOMW.js";import"./vue.esm-bundler-CC_vsnCp.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Tile-CV9qCJCf.js";import"./iframe-BH6Q2yq5.js";import"../sb-preview/runtime.js";const{useArgs:I}=__STORYBOOK_MODULE_PREVIEW_API__,N={title:"Components/DatePickers/DatePicker",component:m},f=w=>{const[M,r]=I();return{components:{DatePicker:m,DsSwitch:x},setup(){return w},data(){return{ICONS:Object.freeze(D)}},methods:{updateDate(a){r(a?{date:`${a.getFullYear()}-${a.getMonth()+1}-${a.getDate()}`}:{date:null})}},computed:{formattedDate(){return!this.date||this.date===""?null:new Date(this.date)},formattedMinDate(){return!this.minDate||this.minDate==""?null:new Date(this.minDate)},formattedMaxDate(){return!this.maxDate||this.maxDate==""?null:new Date(this.maxDate)},formattedDisableDates(){return!this.disableDates||!this.disableDates.length?null:this.disableDates.map(a=>new Date(a))}},template:`
+import{I as D}from"./Icon-DUeXRUm6.js";import{D as x}from"./Switch-B8xEwHO8.js";import{c as m,a as u,d as g,b as h,e as b}from"./DatePicker-70Dj0lsn.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Tile-ByL6drhn.js";import"./iframe-D_RvUlhr.js";import"../sb-preview/runtime.js";const{useArgs:I}=__STORYBOOK_MODULE_PREVIEW_API__,N={title:"Components/DatePickers/DatePicker",component:m},f=w=>{const[M,r]=I();return{components:{DatePicker:m,DsSwitch:x},setup(){return w},data(){return{ICONS:Object.freeze(D)}},methods:{updateDate(a){r(a?{date:`${a.getFullYear()}-${a.getMonth()+1}-${a.getDate()}`}:{date:null})}},computed:{formattedDate(){return!this.date||this.date===""?null:new Date(this.date)},formattedMinDate(){return!this.minDate||this.minDate==""?null:new Date(this.minDate)},formattedMaxDate(){return!this.maxDate||this.maxDate==""?null:new Date(this.maxDate)},formattedDisableDates(){return!this.disableDates||!this.disableDates.length?null:this.disableDates.map(a=>new Date(a))}},template:`
             <date-picker
                 :trigger-type="triggerType"
                 :is-interactive="isInteractive"

package/docs/assets/{DateRangePicker-B25oMOoU.js → DateRangePicker-D5bqKMMk.js}

@@ -1 +1 @@
-import{d as R,b as s,j as f,c as p,e as y,g as k,a as T,D as O,v as S,l as C,o as D}from"./vue.esm-bundler-CC_vsnCp.js";import{I as a}from"./Icon-BxW-ny3A.js";import{b as m,a as r,d as _,D as v,i as b,e as h}from"./DatePicker-aMS5YOMW.js";import{_ as N}from"./_plugin-vue_export-helper-DlAUqK2U.js";const I=R({name:"DateRangePicker",components:{DateBox:v},props:{isInteractive:{type:Boolean,default:!1},placeholder:{type:String,default:"Wybierz datę"},startDate:{type:Date,default:null},endDate:{type:Date,default:null},startIcon:{type:[Object,null],default:a.FA_CALENDAR_DAY,validator(e){return e===null||(Object==null?void 0:Object.values(a).includes(f(e)))}},endIcon:{type:[Object,null],default:a.FA_CALENDAR_DAY,validator(e){return e===null||(Object==null?void 0:Object.values(a).includes(f(e)))}},areIconsHiddenOnMobile:{type:Boolean,default:!1},calendarPosition:{type:String,default:_.BOTTOM_LEFT},errorMessage:{type:String,default:""},state:{type:String||null,default:r.DEFAULT},color:{type:String,default:m.NEUTRAL_WEAK},disableDates:{type:Array,default:()=>[]},minDate:{type:Date,default:null},maxDate:{type:Date,default:null},updatePositionBasedOnScrollableSelector:{type:String,default:""}},emits:{"update:date":e=>!0},setup(e,{emit:o}){const t=s(null),i=s(),d=s(),c=l=>{l.length===2&&o("update:date",{startDate:l[0],endDate:l[1]})},n=()=>{u(),t.value=null},{isOpen:E,toggle:g,createDatePicker:A,destroyDatePicker:u,updateDatePicker:P}=b({props:e,onChange:c,onClose:n,defaultDates:[e.startDate,e.endDate],mode:"range"});return{flatpickrInstance:t,dateRangePickerRef:i,flatpickrInputRef:d,isOpen:E,toggleDatePicker:g,createDatePicker:A,destroyDatePicker:u,updateDatePicker:P,DATE_PICKER_CALENDAR_POSITIONS:Object.freeze(_),DATE_PICKER_COLORS:Object.freeze(m),DATE_PICKER_STATES:Object.freeze(r),DATE_PICKER_TRIGGER_TYPES:Object.freeze(h)}},methods:{async bindFlatpickrInstance(){this.flatpickrInstance=await this.createDatePicker(this.flatpickrInputRef,this.dateRangePickerRef,this.updatePositionBasedOnScrollableSelector),this.updateDatePicker()},async toggle(){this.isInteractive&&this.state===r.DEFAULT&&(this.flatpickrInstance||await this.bindFlatpickrInstance(),this.toggleDatePicker())}}}),V={ref:"dateRangePickerRef",class:"ds-dateRangePicker"},L={key:0,class:"ds-dateRangePicker__errorMessage"},F={ref:"flatpickrInputRef",class:"ds-dateRangePicker__hiddenInput"};function K(e,o,t,i,d,c){const n=C("date-box");return D(),p("div",V,[y(n,{"is-interactive":e.isInteractive,placeholder:e.placeholder,"start-date":e.startDate,"end-date":e.endDate,"start-icon":e.startIcon,"end-icon":e.endIcon,"are-icons-hidden-on-mobile":e.areIconsHiddenOnMobile,state:e.state,color:e.color,"is-open":e.isOpen,onClick:O(e.toggle,["stop","prevent"])},null,8,["is-interactive","placeholder","start-date","end-date","start-icon","end-icon","are-icons-hidden-on-mobile","state","color","is-open","onClick"]),e.errorMessage?(D(),p("span",L,S(e.errorMessage),1)):k("",!0),T("input",F,null,512)],512)}const Y=N(I,[["render",K],["__scopeId","data-v-5bd8acf4"]]);I.__docgenInfo={displayName:"DateRangePicker",exportName:"default",description:"",tags:{},props:[{name:"isInteractive",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"placeholder",type:{name:"string"},defaultValue:{func:!1,value:"'Wybierz datę'"}},{name:"startDate",type:{name:"date"},defaultValue:{func:!1,value:"null"}},{name:"endDate",type:{name:"date"},defaultValue:{func:!1,value:"null"}},{name:"startIcon",type:{name:"IconItem | null"},defaultValue:{func:!1,value:"ICONS.FA_CALENDAR_DAY"}},{name:"endIcon",type:{name:"IconItem | null"},defaultValue:{func:!1,value:"ICONS.FA_CALENDAR_DAY"}},{name:"areIconsHiddenOnMobile",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"calendarPosition",type:{name:"DatePickerCalendarPositions"},defaultValue:{func:!1,value:"DATE_PICKER_CALENDAR_POSITIONS.BOTTOM_LEFT"}},{name:"errorMessage",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{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_WEAK"}},{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"}},{name:"updatePositionBasedOnScrollableSelector",type:{name:"string"},defaultValue:{func:!1,value:"''"}}],events:[{name:"update:date"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue"]};export{Y as D};
+import{d as R,b as s,j as f,c as p,e as y,g as k,a as T,H as O,y as S,l as C,o as D}from"./vue.esm-bundler-DcRN7CPI.js";import{I as a}from"./Icon-DUeXRUm6.js";import{b as m,a as r,d as _,D as v,i as b,e as h}from"./DatePicker-70Dj0lsn.js";import{_ as N}from"./_plugin-vue_export-helper-DlAUqK2U.js";const I=R({name:"DateRangePicker",components:{DateBox:v},props:{isInteractive:{type:Boolean,default:!1},placeholder:{type:String,default:"Wybierz datę"},startDate:{type:Date,default:null},endDate:{type:Date,default:null},startIcon:{type:[Object,null],default:a.FA_CALENDAR_DAY,validator(e){return e===null||(Object==null?void 0:Object.values(a).includes(f(e)))}},endIcon:{type:[Object,null],default:a.FA_CALENDAR_DAY,validator(e){return e===null||(Object==null?void 0:Object.values(a).includes(f(e)))}},areIconsHiddenOnMobile:{type:Boolean,default:!1},calendarPosition:{type:String,default:_.BOTTOM_LEFT},errorMessage:{type:String,default:""},state:{type:String||null,default:r.DEFAULT},color:{type:String,default:m.NEUTRAL_WEAK},disableDates:{type:Array,default:()=>[]},minDate:{type:Date,default:null},maxDate:{type:Date,default:null},updatePositionBasedOnScrollableSelector:{type:String,default:""}},emits:{"update:date":e=>!0},setup(e,{emit:o}){const t=s(null),i=s(),d=s(),c=l=>{l.length===2&&o("update:date",{startDate:l[0],endDate:l[1]})},n=()=>{u(),t.value=null},{isOpen:E,toggle:g,createDatePicker:A,destroyDatePicker:u,updateDatePicker:P}=b({props:e,onChange:c,onClose:n,defaultDates:[e.startDate,e.endDate],mode:"range"});return{flatpickrInstance:t,dateRangePickerRef:i,flatpickrInputRef:d,isOpen:E,toggleDatePicker:g,createDatePicker:A,destroyDatePicker:u,updateDatePicker:P,DATE_PICKER_CALENDAR_POSITIONS:Object.freeze(_),DATE_PICKER_COLORS:Object.freeze(m),DATE_PICKER_STATES:Object.freeze(r),DATE_PICKER_TRIGGER_TYPES:Object.freeze(h)}},methods:{async bindFlatpickrInstance(){this.flatpickrInstance=await this.createDatePicker(this.flatpickrInputRef,this.dateRangePickerRef,this.updatePositionBasedOnScrollableSelector),this.updateDatePicker()},async toggle(){this.isInteractive&&this.state===r.DEFAULT&&(this.flatpickrInstance||await this.bindFlatpickrInstance(),this.toggleDatePicker())}}}),V={ref:"dateRangePickerRef",class:"ds-dateRangePicker"},L={key:0,class:"ds-dateRangePicker__errorMessage"},F={ref:"flatpickrInputRef",class:"ds-dateRangePicker__hiddenInput"};function K(e,o,t,i,d,c){const n=C("date-box");return D(),p("div",V,[y(n,{"is-interactive":e.isInteractive,placeholder:e.placeholder,"start-date":e.startDate,"end-date":e.endDate,"start-icon":e.startIcon,"end-icon":e.endIcon,"are-icons-hidden-on-mobile":e.areIconsHiddenOnMobile,state:e.state,color:e.color,"is-open":e.isOpen,onClick:O(e.toggle,["stop","prevent"])},null,8,["is-interactive","placeholder","start-date","end-date","start-icon","end-icon","are-icons-hidden-on-mobile","state","color","is-open","onClick"]),e.errorMessage?(D(),p("span",L,S(e.errorMessage),1)):k("",!0),T("input",F,null,512)],512)}const Y=N(I,[["render",K],["__scopeId","data-v-5bd8acf4"]]);I.__docgenInfo={displayName:"DateRangePicker",exportName:"default",description:"",tags:{},props:[{name:"isInteractive",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"placeholder",type:{name:"string"},defaultValue:{func:!1,value:"'Wybierz datę'"}},{name:"startDate",type:{name:"date"},defaultValue:{func:!1,value:"null"}},{name:"endDate",type:{name:"date"},defaultValue:{func:!1,value:"null"}},{name:"startIcon",type:{name:"IconItem | null"},defaultValue:{func:!1,value:"ICONS.FA_CALENDAR_DAY"}},{name:"endIcon",type:{name:"IconItem | null"},defaultValue:{func:!1,value:"ICONS.FA_CALENDAR_DAY"}},{name:"areIconsHiddenOnMobile",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"calendarPosition",type:{name:"DatePickerCalendarPositions"},defaultValue:{func:!1,value:"DATE_PICKER_CALENDAR_POSITIONS.BOTTOM_LEFT"}},{name:"errorMessage",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{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_WEAK"}},{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"}},{name:"updatePositionBasedOnScrollableSelector",type:{name:"string"},defaultValue:{func:!1,value:"''"}}],events:[{name:"update:date"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue"]};export{Y as D};

package/docs/assets/{DateRangePicker.stories-CaIkM98h.js → DateRangePicker.stories-WhCXoUeh.js}

@@ -1,4 +1,4 @@
-import{I as r}from"./Icon-BxW-ny3A.js";import{a as m,d as I,b as s}from"./DatePicker-aMS5YOMW.js";import{D as i}from"./DateRangePicker-B25oMOoU.js";import"./vue.esm-bundler-CC_vsnCp.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Tile-CV9qCJCf.js";import"./iframe-BH6Q2yq5.js";import"../sb-preview/runtime.js";const{useArgs:u}=__STORYBOOK_MODULE_PREVIEW_API__,b={title:"Components/DatePickers/DateRangePicker",component:i,render:n=>{const[A,p]=u();return{components:{DateRangePicker:i},setup(){return n},data(){return{ICONS:Object.freeze(r)}},methods:{updateDate({startDate:e,endDate:t}){p({startDate:e?`${e.getFullYear()}-${e.getMonth()+1}-${e.getDate()}`:null,endDate:t?`${t.getFullYear()}-${t.getMonth()+1}-${t.getDate()}`:null})}},computed:{formattedStartDate(){return this.startDate?new Date(this.startDate):null},formattedEndDate(){return this.endDate?new Date(this.endDate):null},formattedMinDate(){return this.minDate?new Date(this.minDate):null},formattedMaxDate(){return this.maxDate?new Date(this.maxDate):null},formattedDisableDates(){return!this.disableDates||!this.disableDates.length?[]:this.disableDates.map(e=>new Date(e))}},template:`
+import{I as r}from"./Icon-DUeXRUm6.js";import{a as m,d as I,b as s}from"./DatePicker-70Dj0lsn.js";import{D as i}from"./DateRangePicker-D5bqKMMk.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Tile-ByL6drhn.js";import"./iframe-D_RvUlhr.js";import"../sb-preview/runtime.js";const{useArgs:u}=__STORYBOOK_MODULE_PREVIEW_API__,b={title:"Components/DatePickers/DateRangePicker",component:i,render:n=>{const[A,p]=u();return{components:{DateRangePicker:i},setup(){return n},data(){return{ICONS:Object.freeze(r)}},methods:{updateDate({startDate:e,endDate:t}){p({startDate:e?`${e.getFullYear()}-${e.getMonth()+1}-${e.getDate()}`:null,endDate:t?`${t.getFullYear()}-${t.getMonth()+1}-${t.getDate()}`:null})}},computed:{formattedStartDate(){return this.startDate?new Date(this.startDate):null},formattedEndDate(){return this.endDate?new Date(this.endDate):null},formattedMinDate(){return this.minDate?new Date(this.minDate):null},formattedMaxDate(){return this.maxDate?new Date(this.maxDate):null},formattedDisableDates(){return!this.disableDates||!this.disableDates.length?[]:this.disableDates.map(e=>new Date(e))}},template:`
                 <div style="display: flex">
                     <date-range-picker
                         :is-interactive="isInteractive"

package/docs/assets/{Divider-BNN8PhWF.js → Divider-NOTDPuJ1.js}

@@ -1 +1 @@
-import{d as t,c as r,y as n,o as l}from"./vue.esm-bundler-CC_vsnCp.js";import{_ as o}from"./_plugin-vue_export-helper-DlAUqK2U.js";const s={DEFAULT:"default",STRONG:"strong",WEAK:"weak"},a={S:"small",M:"medium",L:"large"},i=t({name:"Divider",props:{isVertical:{type:Boolean,default:!1},prominence:{type:String,default:s.DEFAULT,validator:e=>Object.values(s).includes(e)},size:{type:String,default:a.S,validator:e=>Object.values(a).includes(e)}},data(){return{DIVIDER_PROMINENCES:Object.freeze(s)}},computed:{sizeClass(){return{[a.S]:"",[a.M]:"-ds-medium-"+(this.isVertical?"vertical":"horizontal"),[a.L]:"-ds-large-"+(this.isVertical?"vertical":"horizontal")}[this.size]}}});function d(e,c,u,m,p,f){return l(),r("div",{class:n(["ds-divider",{"-ds-vertical":e.isVertical,"-ds-horizontal":!e.isVertical,"-ds-strong":e.prominence===e.DIVIDER_PROMINENCES.STRONG,"-ds-weak":e.prominence===e.DIVIDER_PROMINENCES.WEAK,[e.sizeClass]:!0}])},null,2)}const I=o(i,[["render",d],["__scopeId","data-v-2e55c104"]]);i.__docgenInfo={displayName:"Divider",exportName:"default",description:"",tags:{},props:[{name:"isVertical",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"prominence",type:{name:"string"},defaultValue:{func:!1,value:"DIVIDER_PROMINENCES.DEFAULT"}},{name:"size",type:{name:"string"},defaultValue:{func:!1,value:"DIVIDER_SIZES.S"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Divider/Divider.vue"]};export{I as D,a,s as b};
+import{d as t,c as r,v as n,o as l}from"./vue.esm-bundler-DcRN7CPI.js";import{_ as o}from"./_plugin-vue_export-helper-DlAUqK2U.js";const s={DEFAULT:"default",STRONG:"strong",WEAK:"weak"},a={S:"small",M:"medium",L:"large"},i=t({name:"Divider",props:{isVertical:{type:Boolean,default:!1},prominence:{type:String,default:s.DEFAULT,validator:e=>Object.values(s).includes(e)},size:{type:String,default:a.S,validator:e=>Object.values(a).includes(e)}},data(){return{DIVIDER_PROMINENCES:Object.freeze(s)}},computed:{sizeClass(){return{[a.S]:"",[a.M]:"-ds-medium-"+(this.isVertical?"vertical":"horizontal"),[a.L]:"-ds-large-"+(this.isVertical?"vertical":"horizontal")}[this.size]}}});function d(e,c,u,m,p,f){return l(),r("div",{class:n(["ds-divider",{"-ds-vertical":e.isVertical,"-ds-horizontal":!e.isVertical,"-ds-strong":e.prominence===e.DIVIDER_PROMINENCES.STRONG,"-ds-weak":e.prominence===e.DIVIDER_PROMINENCES.WEAK,[e.sizeClass]:!0}])},null,2)}const I=o(i,[["render",d],["__scopeId","data-v-2e55c104"]]);i.__docgenInfo={displayName:"Divider",exportName:"default",description:"",tags:{},props:[{name:"isVertical",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"prominence",type:{name:"string"},defaultValue:{func:!1,value:"DIVIDER_PROMINENCES.DEFAULT"}},{name:"size",type:{name:"string"},defaultValue:{func:!1,value:"DIVIDER_SIZES.S"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Divider/Divider.vue"]};export{I as D,a,s as b};

package/docs/assets/{Divider.stories-DQGq5WIM.js → Divider.stories-Cjyx7utt.js}

@@ -1,4 +1,4 @@
-import{D as r,a as n,b as o}from"./Divider-BNN8PhWF.js";import"./vue.esm-bundler-CC_vsnCp.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const g={title:"Components/Divider",component:r},p=a=>({components:{Divider:r},setup(){return a},template:`
+import{D as r,a as n,b as o}from"./Divider-NOTDPuJ1.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const g={title:"Components/Divider",component:r},p=a=>({components:{Divider:r},setup(){return a},template:`
         <div style="height: 200px; width: 200px;">
         <divider :is-vertical="isVertical" :prominence="prominence" :size="size" />
         </div>`}),e=p.bind({}),c={isVertical:!1,prominence:o.DEFAULT,size:n.S},m={prominence:{control:"select",options:Object.values(o)},size:{control:"select",options:Object.values(n)}};e.argTypes=m;e.args=c;e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS---Components?node-id=1552%3A34960"}};var i,t,s;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`args => ({