@onereach/ui-components 4.1.1-beta.2580.0 → 4.1.1-beta.2585.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 (45) hide show
  1. package/dist/bundled/v2/{OrDateTimePickerMonthSelect-87ca893b.js → OrDateTimePickerMonthSelect-4a690ecc.js} +1 -6
  2. package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js +1 -1
  3. package/dist/bundled/v2/components/OrDatePickerV3/index.js +1 -1
  4. package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js +9 -5
  5. package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.vue.d.ts +16 -5
  6. package/dist/bundled/v2/components/OrDateTimePickerV3/index.js +1 -1
  7. package/dist/bundled/v2/components/index.js +1 -1
  8. package/dist/bundled/v2/index.js +2 -2
  9. package/dist/bundled/v3/{OrDatePicker.vue_vue_type_script_lang-5a83f8ed.js → OrDatePicker.vue_vue_type_script_lang-91b1465a.js} +1 -1
  10. package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-9a6792d9.js → OrDateTimePicker.vue_vue_type_script_lang-f16881dc.js} +6 -2
  11. package/dist/bundled/v3/{OrDateTimePickerMonthSelect-804309b4.js → OrDateTimePickerMonthSelect-9a3395da.js} +1 -6
  12. package/dist/bundled/v3/components/OrDatePickerV3/OrDatePicker.js +3 -3
  13. package/dist/bundled/v3/components/OrDatePickerV3/index.js +2 -2
  14. package/dist/bundled/v3/components/OrDateTimePickerV3/OrDateTimePicker.js +6 -6
  15. package/dist/bundled/v3/components/OrDateTimePickerV3/OrDateTimePicker.vue.d.ts +16 -5
  16. package/dist/bundled/v3/components/OrDateTimePickerV3/index.js +2 -2
  17. package/dist/bundled/v3/components/index.js +3 -3
  18. package/dist/bundled/v3/index.js +4 -4
  19. package/dist/esm/v2/{OrDatePicker-ac48f8a8.js → OrDatePicker-71c0d269.js} +1 -1
  20. package/dist/esm/v2/{OrDateTimePicker-a8cbffac.js → OrDateTimePicker-de373d80.js} +9 -5
  21. package/dist/esm/v2/{OrDateTimePickerMonthSelect-e4f062d6.js → OrDateTimePickerMonthSelect-7f1e4926.js} +1 -6
  22. package/dist/esm/v2/components/index.js +3 -3
  23. package/dist/esm/v2/components/or-date-picker-v3/index.js +2 -2
  24. package/dist/esm/v2/components/or-date-time-picker-v3/OrDateTimePicker.vue.d.ts +16 -5
  25. package/dist/esm/v2/components/or-date-time-picker-v3/index.js +2 -2
  26. package/dist/esm/v2/components/or-date-time-picker-v3/partials/or-date-time-picker-day-select/OrDateTimePickerDaySelect.vue.d.ts +0 -2
  27. package/dist/esm/v2/components/or-date-time-picker-v3/partials/or-date-time-picker-day-select/styles.d.ts +0 -1
  28. package/dist/esm/v2/index.js +3 -3
  29. package/dist/esm/v3/{OrDatePicker-138c2d4d.js → OrDatePicker-6d97c3e7.js} +1 -1
  30. package/dist/esm/v3/{OrDateTimePicker-a71a6bf9.js → OrDateTimePicker-a67bbac8.js} +9 -5
  31. package/dist/esm/v3/{OrDateTimePickerMonthSelect-950b1ff3.js → OrDateTimePickerMonthSelect-90e45fa4.js} +1 -6
  32. package/dist/esm/v3/components/index.js +3 -3
  33. package/dist/esm/v3/components/or-date-picker-v3/index.js +2 -2
  34. package/dist/esm/v3/components/or-date-time-picker-v3/OrDateTimePicker.vue.d.ts +16 -5
  35. package/dist/esm/v3/components/or-date-time-picker-v3/index.js +2 -2
  36. package/dist/esm/v3/components/or-date-time-picker-v3/partials/or-date-time-picker-day-select/OrDateTimePickerDaySelect.vue.d.ts +0 -2
  37. package/dist/esm/v3/components/or-date-time-picker-v3/partials/or-date-time-picker-day-select/styles.d.ts +0 -1
  38. package/dist/esm/v3/index.js +3 -3
  39. package/package.json +2 -2
  40. package/src/components/or-date-picker-v3/OrDatePicker.stories3.ts +1 -1
  41. package/src/components/or-date-time-picker-v3/OrDateTimePicker.stories3.ts +7 -2
  42. package/src/components/or-date-time-picker-v3/OrDateTimePicker.vue +9 -4
  43. package/src/components/or-date-time-picker-v3/partials/or-date-time-picker-day-select/OrDateTimePickerDaySelect.vue +2 -7
  44. package/src/components/or-date-time-picker-v3/partials/or-date-time-picker-day-select/styles.ts +0 -6
  45. package/src/components/or-time-picker-v3/OrTimePicker.stories3.ts +1 -1
@@ -151,9 +151,6 @@ const DateTimePickerDaySelectButtonGroupDayItem = [
151
151
  const DateTimePickerDaySelectButtonGroupTodayItem = [
152
152
  // Theme
153
153
  'theme-foreground-primary', 'dark:theme-foreground-primary-dark', 'theme-outline-1-primary', 'dark:theme-outline-1-primary-dark'];
154
- const DateTimePickerDaySelectButtonGroupExtraDayItem = [
155
- // Theme
156
- 'theme-foreground-outline-variant', 'dark:theme-foreground-outline-variant-dark'];
157
154
 
158
155
  var script$1 = defineComponent({
159
156
  name: 'OrDateTimePickerDaySelect',
@@ -189,7 +186,6 @@ var script$1 = defineComponent({
189
186
  const buttonGroupWeekdayItemStyles = computed(() => [...DateTimePickerDaySelectButtonGroupWeekdayItem]);
190
187
  const buttonGroupDayItemStyles = computed(() => [...DateTimePickerDaySelectButtonGroupDayItem]);
191
188
  const buttonGroupTodayItemStyles = computed(() => [...DateTimePickerDaySelectButtonGroupTodayItem]);
192
- const buttonGroupExtraDayItemStyles = computed(() => [...DateTimePickerDaySelectButtonGroupExtraDayItem]);
193
189
  // State
194
190
  const proxyModelValue = computed({
195
191
  get: () => {
@@ -243,7 +239,6 @@ var script$1 = defineComponent({
243
239
  buttonGroupWeekdayItemStyles,
244
240
  buttonGroupDayItemStyles,
245
241
  buttonGroupTodayItemStyles,
246
- buttonGroupExtraDayItemStyles,
247
242
  proxyModelValue,
248
243
  dayOptions,
249
244
  currentDate,
@@ -275,7 +270,7 @@ var __vue_render__$1 = function () {
275
270
  var _obj;
276
271
  return _c('OrButton', {
277
272
  key: Number(value),
278
- class: (_obj = {}, _obj[_vm.buttonGroupDayItemStyles.join(' ')] = true, _obj[_vm.buttonGroupTodayItemStyles.join(' ')] = Number(value) === Number(_vm.currentDate) && Number(value) !== Number(_vm.proxyModelValue), _obj[_vm.buttonGroupExtraDayItemStyles.join(' ')] = value.getUTCMonth() !== _vm.proxyModelValue.getUTCMonth(), _obj),
273
+ class: (_obj = {}, _obj[_vm.buttonGroupDayItemStyles.join(' ')] = true, _obj[_vm.buttonGroupTodayItemStyles.join(' ')] = Number(value) === Number(_vm.currentDate) && Number(value) !== Number(_vm.proxyModelValue), _obj['invisible'] = value.getUTCMonth() !== _vm.proxyModelValue.getUTCMonth(), _obj),
279
274
  attrs: {
280
275
  "variant": Number(value) === Number(_vm.proxyModelValue) ? 'contained' : 'text',
281
276
  "color": Number(value) === Number(_vm.proxyModelValue) ? 'primary' : 'inherit',
@@ -4,7 +4,7 @@ import { useDefaultHours } from '../OrDateTimePickerV3/hooks/useDefaultHours.js'
4
4
  import { useDefaultMinutes } from '../OrDateTimePickerV3/hooks/useDefaultMinutes.js';
5
5
  import { useDefaultMonth } from '../OrDateTimePickerV3/hooks/useDefaultMonth.js';
6
6
  import { useDefaultYear } from '../OrDateTimePickerV3/hooks/useDefaultYear.js';
7
- import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDaySelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-87ca893b.js';
7
+ import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDaySelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-4a690ecc.js';
8
8
  import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-7c87f38a.js';
9
9
  import { DatePicker, DatePickerPopover } from './styles.js';
10
10
  import __vue_component__$1 from '../OrErrorV3/OrError.js';
@@ -6,7 +6,7 @@ import '../OrDateTimePickerV3/hooks/useDefaultHours.js';
6
6
  import '../OrDateTimePickerV3/hooks/useDefaultMinutes.js';
7
7
  import '../OrDateTimePickerV3/hooks/useDefaultMonth.js';
8
8
  import '../OrDateTimePickerV3/hooks/useDefaultYear.js';
9
- import '../../OrDateTimePickerMonthSelect-87ca893b.js';
9
+ import '../../OrDateTimePickerMonthSelect-4a690ecc.js';
10
10
  import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
11
11
  import '../../normalize-component-6e8e3d80.js';
12
12
  import '../OrButtonV3/OrButton.js';
@@ -4,7 +4,7 @@ import { useDefaultHours } from './hooks/useDefaultHours.js';
4
4
  import { useDefaultMinutes } from './hooks/useDefaultMinutes.js';
5
5
  import { useDefaultMonth } from './hooks/useDefaultMonth.js';
6
6
  import { useDefaultYear } from './hooks/useDefaultYear.js';
7
- import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDaySelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-87ca893b.js';
7
+ import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDaySelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-4a690ecc.js';
8
8
  import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-7c87f38a.js';
9
9
  import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-0653e282.js';
10
10
  import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
@@ -88,7 +88,11 @@ var script = defineComponent({
88
88
  type: Date,
89
89
  default: undefined
90
90
  },
91
- filter: {
91
+ dateFilter: {
92
+ type: Function,
93
+ default: undefined
94
+ },
95
+ timeFilter: {
92
96
  type: Function,
93
97
  default: undefined
94
98
  },
@@ -354,7 +358,7 @@ var __vue_render__ = function () {
354
358
  }, [_vm._v("\n " + _vm._s(_vm.formatTimeAlt(_vm.draftModelValue)) + "\n ")])], 1), _vm._v(" "), _c('OrDateTimePickerMonthSelect', {
355
359
  attrs: {
356
360
  "initial-value": _vm.initialModelValue,
357
- "filter": _vm.filter
361
+ "filter": _vm.dateFilter
358
362
  },
359
363
  model: {
360
364
  value: _vm.draftModelValue,
@@ -366,7 +370,7 @@ var __vue_render__ = function () {
366
370
  }), _vm._v(" "), _c('OrDateTimePickerDaySelect', {
367
371
  attrs: {
368
372
  "initial-value": _vm.initialModelValue,
369
- "filter": _vm.filter
373
+ "filter": _vm.dateFilter
370
374
  },
371
375
  model: {
372
376
  value: _vm.draftModelValue,
@@ -410,7 +414,7 @@ var __vue_render__ = function () {
410
414
  }, [_vm._v("\n " + _vm._s(_vm.formatTimeAlt(_vm.draftModelValue)) + "\n ")])], 1), _vm._v(" "), _c('OrDateTimePickerTimeSelect', {
411
415
  attrs: {
412
416
  "initial-value": _vm.initialModelValue,
413
- "filter": _vm.filter
417
+ "filter": _vm.timeFilter
414
418
  },
415
419
  model: {
416
420
  value: _vm.draftModelValue,
@@ -39,7 +39,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
39
39
  type: DateConstructor;
40
40
  default: undefined;
41
41
  };
42
- filter: {
42
+ dateFilter: {
43
+ type: PropType<(value: Date) => boolean>;
44
+ default: undefined;
45
+ };
46
+ timeFilter: {
43
47
  type: PropType<(value: Date) => boolean>;
44
48
  default: undefined;
45
49
  };
@@ -80,7 +84,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
80
84
  type: DateConstructor;
81
85
  default: undefined;
82
86
  };
83
- filter: {
87
+ dateFilter: {
88
+ type: PropType<(value: Date) => boolean>;
89
+ default: undefined;
90
+ };
91
+ timeFilter: {
84
92
  type: PropType<(value: Date) => boolean>;
85
93
  default: undefined;
86
94
  };
@@ -117,8 +125,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
117
125
  default: boolean;
118
126
  };
119
127
  }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
120
- filter: (value: Date) => boolean;
121
128
  modelValue: Date;
129
+ dateFilter: (value: Date) => boolean;
130
+ timeFilter: (value: Date) => boolean;
122
131
  size: DateTimePickerSize;
123
132
  label: string;
124
133
  hint: string;
@@ -164,8 +173,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
164
173
  formatDateAlt: (value?: Date) => string;
165
174
  formatTimeAlt: (value?: Date) => string;
166
175
  }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
167
- filter: (value: Date) => boolean;
168
176
  modelValue: Date;
177
+ dateFilter: (value: Date) => boolean;
178
+ timeFilter: (value: Date) => boolean;
169
179
  size: DateTimePickerSize;
170
180
  label: string;
171
181
  hint: string;
@@ -177,8 +187,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
177
187
  } & {} & {
178
188
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
179
189
  }, {
180
- filter: (value: Date) => boolean;
181
190
  modelValue: Date;
191
+ dateFilter: (value: Date) => boolean;
192
+ timeFilter: (value: Date) => boolean;
182
193
  size: DateTimePickerSize;
183
194
  label: string;
184
195
  hint: string;
@@ -6,7 +6,7 @@ import './hooks/useDefaultHours.js';
6
6
  import './hooks/useDefaultMinutes.js';
7
7
  import './hooks/useDefaultMonth.js';
8
8
  import './hooks/useDefaultYear.js';
9
- import '../../OrDateTimePickerMonthSelect-87ca893b.js';
9
+ import '../../OrDateTimePickerMonthSelect-4a690ecc.js';
10
10
  import './hooks/useDatePlaceholder.js';
11
11
  import '../../normalize-component-6e8e3d80.js';
12
12
  import '../OrButtonV3/OrButton.js';
@@ -207,7 +207,7 @@ import './OrDateTimePickerV3/hooks/useDefaultHours.js';
207
207
  import './OrDateTimePickerV3/hooks/useDefaultMinutes.js';
208
208
  import './OrDateTimePickerV3/hooks/useDefaultMonth.js';
209
209
  import './OrDateTimePickerV3/hooks/useDefaultYear.js';
210
- import '../OrDateTimePickerMonthSelect-87ca893b.js';
210
+ import '../OrDateTimePickerMonthSelect-4a690ecc.js';
211
211
  import './OrDateTimePickerV3/hooks/useDatePlaceholder.js';
212
212
  import '../OrDateTimePickerPopoverHeader-7c87f38a.js';
213
213
  import './OrDatePickerV3/styles.js';