@bethinkpl/design-system 26.14.7 → 26.14.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/design-system.umd.cjs +15 -15
- package/dist/design-system.umd.cjs.map +1 -1
- package/docs/assets/{BasicRichListItem.stories-W9l_aixV.js → BasicRichListItem.stories-CFywNSM9.js} +1 -1
- package/docs/assets/{Color-ERTF36HU-f5EO1Xze.js → Color-ERTF36HU-DOnyiMts.js} +1 -1
- package/docs/assets/{DateBox.stories-UUfa4Dts.js → DateBox.stories-BFw3vvoa.js} +1 -1
- package/docs/assets/{DatePicker-DY42cXCh.js → DatePicker-BW7O9P83.js} +1 -1
- package/docs/assets/{DatePicker.stories-QEw34B4K.js → DatePicker.stories-4PjFVefr.js} +1 -1
- package/docs/assets/DateRangePicker-BYYBLU1m.js +1 -0
- package/docs/assets/{DateRangePicker.stories-CGH40zYh.js → DateRangePicker.stories-oP5JPftq.js} +1 -1
- package/docs/assets/{DocsRenderer-CFRXHY34-DOhVgwyq.js → DocsRenderer-CFRXHY34-BZqNHisi.js} +5 -5
- package/docs/assets/{RichListItem.stories-DVkAZ8mq.js → RichListItem.stories-Dkj0fRby.js} +1 -1
- package/docs/assets/{SelectionTile-DXITCKt_.js → SelectionTile-DKPyO6H7.js} +1 -1
- package/docs/assets/{SelectionTile.stories-TMooL-WG.js → SelectionTile.stories-Cc4SjNRp.js} +1 -1
- package/docs/assets/{iframe-BV9pp8nM.js → iframe-D_-dtN5h.js} +4 -4
- package/docs/assets/{index-Mn08sn7H.js → index-CYKpKDcN.js} +1 -1
- package/docs/assets/{index-DixXTKS5.js → index-DDP_XGH_.js} +1 -1
- package/docs/assets/{preview-BXmx0WAE.js → preview-BKbCUmg4.js} +2 -2
- package/docs/assets/{preview-DKZFXKYW.js → preview-C0nGiknN.js} +1 -1
- package/docs/iframe.html +1 -1
- package/docs/project.json +1 -1
- package/lib/js/components/DatePickers/DatePicker/DatePicker.vue +0 -28
- package/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue +0 -28
- package/package.json +1 -1
- package/docs/assets/DateRangePicker-D2oNTXTe.js +0 -1
package/docs/iframe.html
CHANGED
|
@@ -510,7 +510,7 @@
|
|
|
510
510
|
</script>
|
|
511
511
|
<link rel="stylesheet" href="./preview.css">
|
|
512
512
|
|
|
513
|
-
<script type="module" crossorigin src="./assets/iframe-
|
|
513
|
+
<script type="module" crossorigin src="./assets/iframe-D_-dtN5h.js"></script>
|
|
514
514
|
</head>
|
|
515
515
|
|
|
516
516
|
<body>
|
package/docs/project.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"generatedAt":
|
|
1
|
+
{"generatedAt":1748609296588,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@types/jest":"29.5.13","@vue/vue3-jest":"29.2.2","jest":"29.7.0","jest-environment-jsdom":"29.7.0","ts-jest":"29.0.5"},"packageManager":{"type":"yarn","version":"1.22.22"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/vue3-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/vue3","portableStoriesFileCount":2,"storybookVersion":"8.3.4","storybookVersionSpecifier":"^8.3.4","language":"typescript","storybookPackages":{"@storybook/vue3":{"version":"8.3.4"},"@storybook/vue3-vite":{"version":"8.3.4"},"eslint-plugin-storybook":{"version":"0.8.0"},"storybook":{"version":"8.3.4"}},"addons":{"@storybook/addon-actions":{"version":"8.3.4"},"@storybook/addon-designs":{"version":"8.0.3"},"@storybook/addon-docs":{"version":"8.3.4"},"@storybook/addon-controls":{"version":"8.3.4"},"@storybook/addon-storysource":{"version":"8.3.4"},"@storybook/addon-viewport":{"version":"8.3.4"}}}
|
|
@@ -355,34 +355,6 @@ export default defineComponent({
|
|
|
355
355
|
return this.color as TileColor;
|
|
356
356
|
},
|
|
357
357
|
},
|
|
358
|
-
watch: {
|
|
359
|
-
minDate: {
|
|
360
|
-
immediate: true,
|
|
361
|
-
handler(minDate: Date) {
|
|
362
|
-
if (
|
|
363
|
-
this.date &&
|
|
364
|
-
minDate &&
|
|
365
|
-
new Date(this.date).setHours(0, 0, 0, 0) <
|
|
366
|
-
new Date(minDate).setHours(0, 0, 0, 0)
|
|
367
|
-
) {
|
|
368
|
-
this.$emit('update:date', null);
|
|
369
|
-
}
|
|
370
|
-
},
|
|
371
|
-
},
|
|
372
|
-
maxDate: {
|
|
373
|
-
immediate: true,
|
|
374
|
-
handler(maxDate: Date) {
|
|
375
|
-
if (
|
|
376
|
-
this.date &&
|
|
377
|
-
maxDate &&
|
|
378
|
-
new Date(this.date).setHours(0, 0, 0, 0) >
|
|
379
|
-
new Date(maxDate).setHours(0, 0, 0, 0)
|
|
380
|
-
) {
|
|
381
|
-
this.$emit('update:date', null);
|
|
382
|
-
}
|
|
383
|
-
},
|
|
384
|
-
},
|
|
385
|
-
},
|
|
386
358
|
methods: {
|
|
387
359
|
async bindFlatpickrInstance() {
|
|
388
360
|
this.flatpickrInstance = await this.createDatePicker(
|
|
@@ -192,34 +192,6 @@ export default defineComponent({
|
|
|
192
192
|
DATE_PICKER_TRIGGER_TYPES: Object.freeze(DATE_PICKER_TRIGGER_TYPES),
|
|
193
193
|
};
|
|
194
194
|
},
|
|
195
|
-
watch: {
|
|
196
|
-
minDate: {
|
|
197
|
-
immediate: true,
|
|
198
|
-
handler(minDate: Date) {
|
|
199
|
-
if (
|
|
200
|
-
this.startDate &&
|
|
201
|
-
minDate &&
|
|
202
|
-
new Date(this.startDate).setHours(0, 0, 0, 0) <
|
|
203
|
-
new Date(minDate).setHours(0, 0, 0, 0)
|
|
204
|
-
) {
|
|
205
|
-
this.$emit('update:date', { startDate: null, endDate: null });
|
|
206
|
-
}
|
|
207
|
-
},
|
|
208
|
-
},
|
|
209
|
-
maxDate: {
|
|
210
|
-
immediate: true,
|
|
211
|
-
handler(maxDate: Date) {
|
|
212
|
-
if (
|
|
213
|
-
this.endDate &&
|
|
214
|
-
maxDate &&
|
|
215
|
-
new Date(this.endDate).setHours(0, 0, 0, 0) >
|
|
216
|
-
new Date(maxDate).setHours(0, 0, 0, 0)
|
|
217
|
-
) {
|
|
218
|
-
this.$emit('update:date', { startDate: null, endDate: null });
|
|
219
|
-
}
|
|
220
|
-
},
|
|
221
|
-
},
|
|
222
|
-
},
|
|
223
195
|
methods: {
|
|
224
196
|
async bindFlatpickrInstance() {
|
|
225
197
|
this.flatpickrInstance = await this.createDatePicker(
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as R,t as f,v as s,r as y,o as p,c as D,k,x as h,j as T,g as O,a as S}from"./vue.esm-bundler-C__e7YM5.js";import{I as a}from"./Icon-mlOEH8dY.js";import{D as C,e as m,a as r,b as _,i as v,d as b}from"./DatePicker-DY42cXCh.js";import{_ as N}from"./_plugin-vue_export-helper-DlAUqK2U.js";const I=R({name:"DateRangePicker",components:{DateBox:C},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:m.BOTTOM_LEFT},errorMessage:{type:String,default:""},state:{type:String||null,default:r.DEFAULT},color:{type:String,default:_.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:i}){const t=s(null),o=s(),d=s(),u=l=>{l.length===2&&i("update:date",{startDate:l[0],endDate:l[1]})},n=()=>{c(),t.value=null},{isOpen:E,toggle:g,createDatePicker:A,destroyDatePicker:c,updateDatePicker:P}=v({props:e,onChange:u,onClose:n,defaultDates:[e.startDate,e.endDate],mode:"range"});return{flatpickrInstance:t,dateRangePickerRef:o,flatpickrInputRef:d,isOpen:E,toggleDatePicker:g,createDatePicker:A,destroyDatePicker:c,updateDatePicker:P,DATE_PICKER_CALENDAR_POSITIONS:Object.freeze(m),DATE_PICKER_COLORS:Object.freeze(_),DATE_PICKER_STATES:Object.freeze(r),DATE_PICKER_TRIGGER_TYPES:Object.freeze(b)}},watch:{minDate:{immediate:!0,handler(e){this.startDate&&e&&new Date(this.startDate).setHours(0,0,0,0)<new Date(e).setHours(0,0,0,0)&&this.$emit("update:date",{startDate:null,endDate:null})}},maxDate:{immediate:!0,handler(e){this.endDate&&e&&new Date(this.endDate).setHours(0,0,0,0)>new Date(e).setHours(0,0,0,0)&&this.$emit("update:date",{startDate:null,endDate:null})}}},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,i,t,o,d,u){const n=y("date-box");return p(),D("div",V,[k(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:h(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?(p(),D("span",L,T(e.errorMessage),1)):O("",!0),S("input",F,null,512)],512)}const H=N(I,[["render",K],["__scopeId","data-v-3c0d5e1c"]]);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",type:{names:["undefined"]}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue"]};export{H as D};
|