@onereach/ui-components 3.0.4-beta.2497.0 → 3.0.4-beta.2500.0

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.
Files changed (38) hide show
  1. package/dist/bundled/v2/{OrDateTimePicker-d6f327ad.js → OrDateTimePicker-5a379f88.js} +37 -7
  2. package/dist/bundled/v2/components/index.js +1 -1
  3. package/dist/bundled/v2/components/or-date-time-picker-v3/OrDateTimePicker.vue.d.ts +11 -0
  4. package/dist/bundled/v2/components/or-date-time-picker-v3/index.js +1 -1
  5. package/dist/bundled/v2/components/or-date-time-picker-v3/partials/or-date-time-picker-day-select/OrDateTimePickerDaySelect.vue.d.ts +12 -0
  6. package/dist/bundled/v2/components/or-date-time-picker-v3/partials/or-date-time-picker-month-select/OrDateTimePickerMonthSelect.vue.d.ts +12 -0
  7. package/dist/bundled/v2/components/or-date-time-picker-v3/partials/or-date-time-picker-time-select/OrDateTimePickerTimeSelect.vue.d.ts +12 -0
  8. package/dist/bundled/v2/index.js +2 -2
  9. package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-ba3ac4fb.js → OrDateTimePicker.vue_vue_type_script_lang-77c42110.js} +26 -5
  10. package/dist/bundled/v3/components/index.js +1 -1
  11. package/dist/bundled/v3/components/or-date-time-picker-v3/OrDateTimePicker.vue.d.ts +11 -0
  12. package/dist/bundled/v3/components/or-date-time-picker-v3/index.js +1 -1
  13. package/dist/bundled/v3/components/or-date-time-picker-v3/partials/or-date-time-picker-day-select/OrDateTimePickerDaySelect.vue.d.ts +12 -0
  14. package/dist/bundled/v3/components/or-date-time-picker-v3/partials/or-date-time-picker-month-select/OrDateTimePickerMonthSelect.vue.d.ts +12 -0
  15. package/dist/bundled/v3/components/or-date-time-picker-v3/partials/or-date-time-picker-time-select/OrDateTimePickerTimeSelect.vue.d.ts +12 -0
  16. package/dist/bundled/v3/index.js +12 -9
  17. package/dist/esm/v2/{OrDateTimePicker-57094f24.js → OrDateTimePicker-9b277e74.js} +37 -7
  18. package/dist/esm/v2/components/index.js +1 -1
  19. package/dist/esm/v2/components/or-date-time-picker-v3/OrDateTimePicker.vue.d.ts +11 -0
  20. package/dist/esm/v2/components/or-date-time-picker-v3/index.js +1 -1
  21. package/dist/esm/v2/components/or-date-time-picker-v3/partials/or-date-time-picker-day-select/OrDateTimePickerDaySelect.vue.d.ts +12 -0
  22. package/dist/esm/v2/components/or-date-time-picker-v3/partials/or-date-time-picker-month-select/OrDateTimePickerMonthSelect.vue.d.ts +12 -0
  23. package/dist/esm/v2/components/or-date-time-picker-v3/partials/or-date-time-picker-time-select/OrDateTimePickerTimeSelect.vue.d.ts +12 -0
  24. package/dist/esm/v2/index.js +1 -1
  25. package/dist/esm/v3/{OrDateTimePicker-a8247a84.js → OrDateTimePicker-46b452b3.js} +35 -11
  26. package/dist/esm/v3/components/index.js +1 -1
  27. package/dist/esm/v3/components/or-date-time-picker-v3/OrDateTimePicker.vue.d.ts +11 -0
  28. package/dist/esm/v3/components/or-date-time-picker-v3/index.js +1 -1
  29. package/dist/esm/v3/components/or-date-time-picker-v3/partials/or-date-time-picker-day-select/OrDateTimePickerDaySelect.vue.d.ts +12 -0
  30. package/dist/esm/v3/components/or-date-time-picker-v3/partials/or-date-time-picker-month-select/OrDateTimePickerMonthSelect.vue.d.ts +12 -0
  31. package/dist/esm/v3/components/or-date-time-picker-v3/partials/or-date-time-picker-time-select/OrDateTimePickerTimeSelect.vue.d.ts +12 -0
  32. package/dist/esm/v3/index.js +1 -1
  33. package/package.json +2 -2
  34. package/src/components/or-date-time-picker-v3/OrDateTimePicker.stories3.ts +4 -0
  35. package/src/components/or-date-time-picker-v3/OrDateTimePicker.vue +17 -3
  36. package/src/components/or-date-time-picker-v3/partials/or-date-time-picker-day-select/OrDateTimePickerDaySelect.vue +7 -1
  37. package/src/components/or-date-time-picker-v3/partials/or-date-time-picker-month-select/OrDateTimePickerMonthSelect.vue +8 -1
  38. package/src/components/or-date-time-picker-v3/partials/or-date-time-picker-time-select/OrDateTimePickerTimeSelect.vue +8 -1
@@ -68,6 +68,10 @@ var script$6 = defineComponent({
68
68
  modelValue: {
69
69
  type: Date,
70
70
  default: undefined
71
+ },
72
+ filter: {
73
+ type: Function,
74
+ default: undefined
71
75
  }
72
76
  },
73
77
  emits: ['update:modelValue'],
@@ -142,7 +146,8 @@ var __vue_render__$6 = function () {
142
146
  class: _vm.buttonGroupItemStyles,
143
147
  attrs: {
144
148
  "variant": Number(value) === Number(_vm.proxyModelValue) ? 'contained' : 'text',
145
- "color": Number(value) === Number(_vm.proxyModelValue) ? 'primary' : 'inherit'
149
+ "color": Number(value) === Number(_vm.proxyModelValue) ? 'primary' : 'inherit',
150
+ "disabled": _vm.filter && !_vm.filter(value)
146
151
  },
147
152
  on: {
148
153
  "click": function ($event) {
@@ -272,6 +277,10 @@ var script$4 = defineComponent({
272
277
  modelValue: {
273
278
  type: Date,
274
279
  default: undefined
280
+ },
281
+ filter: {
282
+ type: Function,
283
+ default: undefined
275
284
  }
276
285
  },
277
286
  emits: ['update:modelValue'],
@@ -434,7 +443,8 @@ var __vue_render__$4 = function () {
434
443
  return _c('OrMenuItem', {
435
444
  key: Number(value),
436
445
  attrs: {
437
- "selected": Number(value) === Number(_vm.proxyModelValue)
446
+ "selected": Number(value) === Number(_vm.proxyModelValue),
447
+ "disabled": _vm.filter && !_vm.filter(value)
438
448
  },
439
449
  on: {
440
450
  "click": function ($event) {
@@ -453,7 +463,8 @@ var __vue_render__$4 = function () {
453
463
  return _c('OrMenuItem', {
454
464
  key: Number(value),
455
465
  attrs: {
456
- "selected": Number(value) === Number(_vm.proxyModelValue)
466
+ "selected": Number(value) === Number(_vm.proxyModelValue),
467
+ "disabled": _vm.filter && !_vm.filter(value)
457
468
  },
458
469
  on: {
459
470
  "click": function ($event) {
@@ -668,6 +679,10 @@ var script$1 = defineComponent({
668
679
  modelValue: {
669
680
  type: Date,
670
681
  default: undefined
682
+ },
683
+ filter: {
684
+ type: Function,
685
+ default: undefined
671
686
  }
672
687
  },
673
688
  emits: ['update:modelValue'],
@@ -751,7 +766,8 @@ var __vue_render__$1 = function () {
751
766
  class: _vm.buttonGroupItemStyles,
752
767
  attrs: {
753
768
  "variant": Number(value) === Number(_vm.proxyModelValue) ? 'contained' : 'text',
754
- "color": Number(value) === Number(_vm.proxyModelValue) ? 'primary' : 'inherit'
769
+ "color": Number(value) === Number(_vm.proxyModelValue) ? 'primary' : 'inherit',
770
+ "disabled": _vm.filter && !_vm.filter(value)
755
771
  },
756
772
  on: {
757
773
  "click": function ($event) {
@@ -768,7 +784,8 @@ var __vue_render__$1 = function () {
768
784
  class: _vm.buttonGroupItemStyles,
769
785
  attrs: {
770
786
  "variant": Number(value) === Number(_vm.proxyModelValue) ? 'contained' : 'text',
771
- "color": Number(value) === Number(_vm.proxyModelValue) ? 'primary' : 'inherit'
787
+ "color": Number(value) === Number(_vm.proxyModelValue) ? 'primary' : 'inherit',
788
+ "disabled": _vm.filter && !_vm.filter(value)
772
789
  },
773
790
  on: {
774
791
  "click": function ($event) {
@@ -841,6 +858,10 @@ var script = defineComponent({
841
858
  type: Date,
842
859
  default: undefined
843
860
  },
861
+ filter: {
862
+ type: Function,
863
+ default: undefined
864
+ },
844
865
  size: {
845
866
  type: String,
846
867
  default: InputBoxSize.M
@@ -1002,7 +1023,7 @@ var script = defineComponent({
1002
1023
  }
1003
1024
  });
1004
1025
 
1005
- var css_248z = "input[data-v-183da045]{min-width:0;background:0 0;outline:0}";
1026
+ var css_248z = "input[data-v-4d939067]{min-width:0;background:0 0;outline:0}";
1006
1027
  styleInject(css_248z);
1007
1028
 
1008
1029
  /* script */
@@ -1104,6 +1125,9 @@ var __vue_render__ = function () {
1104
1125
  "label": "Time"
1105
1126
  }
1106
1127
  }, [_vm._v("\n " + _vm._s(_vm.formatTimeAlt(_vm.draftModelValue)) + "\n ")])], 1), _vm._v(" "), _c('OrDateTimePickerMonthSelect', {
1128
+ attrs: {
1129
+ "filter": _vm.filter
1130
+ },
1107
1131
  model: {
1108
1132
  value: _vm.draftModelValue,
1109
1133
  callback: function ($$v) {
@@ -1112,6 +1136,9 @@ var __vue_render__ = function () {
1112
1136
  expression: "draftModelValue"
1113
1137
  }
1114
1138
  }), _vm._v(" "), _c('OrDateTimePickerDaySelect', {
1139
+ attrs: {
1140
+ "filter": _vm.filter
1141
+ },
1115
1142
  model: {
1116
1143
  value: _vm.draftModelValue,
1117
1144
  callback: function ($$v) {
@@ -1146,6 +1173,9 @@ var __vue_render__ = function () {
1146
1173
  "label": "Time"
1147
1174
  }
1148
1175
  }, [_vm._v("\n " + _vm._s(_vm.formatTimeAlt(_vm.draftModelValue)) + "\n ")])], 1), _vm._v(" "), _c('OrDateTimePickerTimeSelect', {
1176
+ attrs: {
1177
+ "filter": _vm.filter
1178
+ },
1149
1179
  model: {
1150
1180
  value: _vm.draftModelValue,
1151
1181
  callback: function ($$v) {
@@ -1195,7 +1225,7 @@ var __vue_staticRenderFns__ = [];
1195
1225
  /* style */
1196
1226
  const __vue_inject_styles__ = undefined;
1197
1227
  /* scoped */
1198
- const __vue_scope_id__ = "data-v-183da045";
1228
+ const __vue_scope_id__ = "data-v-4d939067";
1199
1229
  /* module identifier */
1200
1230
  const __vue_module_identifier__ = undefined;
1201
1231
  /* functional template */
@@ -21,7 +21,7 @@ export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k
21
21
  export { _ as OrConfirm } from '../OrConfirm-4d08c38d.js';
22
22
  export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-d548aac0.js';
23
23
  export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-def82ca4.js';
24
- export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-d6f327ad.js';
24
+ export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-5a379f88.js';
25
25
  export { I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TextareaSize } from '../props-c966ae5f.js';
26
26
  export { E as EmptyStateSize, _ as OrEmptyStateV3 } from '../OrEmptyState-a38727b9.js';
27
27
  export { O as OrError } from '../OrError-29f0ce95.js';
@@ -46,6 +46,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
46
46
  type: DateConstructor;
47
47
  default: undefined;
48
48
  };
49
+ filter: {
50
+ type: PropType<(value: Date) => boolean>;
51
+ default: undefined;
52
+ };
49
53
  size: {
50
54
  type: PropType<DateTimePickerSize>;
51
55
  default: DateTimePickerSize;
@@ -83,6 +87,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
83
87
  type: DateConstructor;
84
88
  default: undefined;
85
89
  };
90
+ filter: {
91
+ type: PropType<(value: Date) => boolean>;
92
+ default: undefined;
93
+ };
86
94
  size: {
87
95
  type: PropType<DateTimePickerSize>;
88
96
  default: DateTimePickerSize;
@@ -116,6 +124,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
116
124
  default: boolean;
117
125
  };
118
126
  }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
127
+ filter: (value: Date) => boolean;
119
128
  modelValue: Date;
120
129
  size: DateTimePickerSize;
121
130
  label: string;
@@ -169,6 +178,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
169
178
  formatDateAlt: (value?: Date) => string;
170
179
  formatTimeAlt: (value?: Date) => string;
171
180
  }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
181
+ filter: (value: Date) => boolean;
172
182
  modelValue: Date;
173
183
  size: DateTimePickerSize;
174
184
  label: string;
@@ -181,6 +191,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
181
191
  } & {} & {
182
192
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
183
193
  }, {
194
+ filter: (value: Date) => boolean;
184
195
  modelValue: Date;
185
196
  size: DateTimePickerSize;
186
197
  label: string;
@@ -1,4 +1,4 @@
1
- export { _ as OrDateTimePickerV3 } from '../../OrDateTimePicker-d6f327ad.js';
1
+ export { _ as OrDateTimePickerV3 } from '../../OrDateTimePicker-5a379f88.js';
2
2
  export { I as DateTimePickerSize } from '../../props-c966ae5f.js';
3
3
  import '../../index-fa6eb4ca.js';
4
4
  import 'vue';
@@ -1,3 +1,4 @@
1
+ import { PropType } from 'vue-demi';
1
2
  declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
2
3
  root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
3
4
  rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -11,12 +12,21 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
11
12
  type: DateConstructor;
12
13
  default: undefined;
13
14
  };
15
+ filter: {
16
+ type: PropType<(value: Date) => boolean>;
17
+ default: undefined;
18
+ };
14
19
  }, import("@vue/composition-api").ExtractPropTypes<{
15
20
  modelValue: {
16
21
  type: DateConstructor;
17
22
  default: undefined;
18
23
  };
24
+ filter: {
25
+ type: PropType<(value: Date) => boolean>;
26
+ default: undefined;
27
+ };
19
28
  }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
29
+ filter: (value: Date) => boolean;
20
30
  modelValue: Date;
21
31
  } & {} & {
22
32
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
@@ -29,10 +39,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
29
39
  dayOptions: import("@vue/composition-api").ComputedRef<Date[]>;
30
40
  formatDay: (value: Date) => string;
31
41
  }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
42
+ filter: (value: Date) => boolean;
32
43
  modelValue: Date;
33
44
  } & {} & {
34
45
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
35
46
  }, {
47
+ filter: (value: Date) => boolean;
36
48
  modelValue: Date;
37
49
  }, true>);
38
50
  export default _default;
@@ -1,3 +1,4 @@
1
+ import { PropType } from 'vue-demi';
1
2
  declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
2
3
  root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
3
4
  yearButton: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
@@ -37,12 +38,21 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
37
38
  type: DateConstructor;
38
39
  default: undefined;
39
40
  };
41
+ filter: {
42
+ type: PropType<(value: Date) => boolean>;
43
+ default: undefined;
44
+ };
40
45
  }, import("@vue/composition-api").ExtractPropTypes<{
41
46
  modelValue: {
42
47
  type: DateConstructor;
43
48
  default: undefined;
44
49
  };
50
+ filter: {
51
+ type: PropType<(value: Date) => boolean>;
52
+ default: undefined;
53
+ };
45
54
  }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
55
+ filter: (value: Date) => boolean;
46
56
  modelValue: Date;
47
57
  } & {} & {
48
58
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
@@ -81,10 +91,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
81
91
  formatYear: (value: Date) => string;
82
92
  formatMonth: (value: Date) => string;
83
93
  }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
94
+ filter: (value: Date) => boolean;
84
95
  modelValue: Date;
85
96
  } & {} & {
86
97
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
87
98
  }, {
99
+ filter: (value: Date) => boolean;
88
100
  modelValue: Date;
89
101
  }, true>);
90
102
  export default _default;
@@ -1,3 +1,4 @@
1
+ import { PropType } from 'vue-demi';
1
2
  declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
2
3
  root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
3
4
  rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -13,12 +14,21 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
13
14
  type: DateConstructor;
14
15
  default: undefined;
15
16
  };
17
+ filter: {
18
+ type: PropType<(value: Date) => boolean>;
19
+ default: undefined;
20
+ };
16
21
  }, import("@vue/composition-api").ExtractPropTypes<{
17
22
  modelValue: {
18
23
  type: DateConstructor;
19
24
  default: undefined;
20
25
  };
26
+ filter: {
27
+ type: PropType<(value: Date) => boolean>;
28
+ default: undefined;
29
+ };
21
30
  }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
31
+ filter: (value: Date) => boolean;
22
32
  modelValue: Date;
23
33
  } & {} & {
24
34
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
@@ -33,10 +43,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
33
43
  formatHours: (value: Date) => string;
34
44
  formatMinutes: (value: Date) => string;
35
45
  }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
46
+ filter: (value: Date) => boolean;
36
47
  modelValue: Date;
37
48
  } & {} & {
38
49
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
39
50
  }, {
51
+ filter: (value: Date) => boolean;
40
52
  modelValue: Date;
41
53
  }, true>);
42
54
  export default _default;