@onereach/ui-components 2.69.1-beta.2097.0 → 2.69.1-beta.2099.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 (40) hide show
  1. package/dist/bundled/v2/{OrCardCollection-8606c407.js → OrCardCollection-953657a7.js} +15 -4
  2. package/dist/bundled/v2/{OrSearch-19f43fe5.js → OrSearch-a11b3621.js} +7 -1
  3. package/dist/bundled/v2/components/index.js +2 -2
  4. package/dist/bundled/v2/components/or-card-collection-v3/OrCardCollection.stories3.d.ts +1 -0
  5. package/dist/bundled/v2/components/or-card-collection-v3/OrCardCollection.vue.d.ts +4 -4
  6. package/dist/bundled/v2/components/or-card-collection-v3/index.js +2 -2
  7. package/dist/bundled/v2/components/or-search-v3/OrSearch.vue.d.ts +13 -0
  8. package/dist/bundled/v2/components/or-search-v3/index.js +1 -1
  9. package/dist/bundled/v2/index.js +3 -3
  10. package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-80c10c12.js → OrCardCollection.vue_vue_type_script_lang-4debae8a.js} +2 -2
  11. package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-cb2d6612.js → OrSearch.vue_vue_type_script_lang-0ae8a6dd.js} +7 -1
  12. package/dist/bundled/v3/components/index.js +2 -2
  13. package/dist/bundled/v3/components/or-card-collection-v3/OrCardCollection.stories3.d.ts +1 -0
  14. package/dist/bundled/v3/components/or-card-collection-v3/OrCardCollection.vue.d.ts +4 -4
  15. package/dist/bundled/v3/components/or-card-collection-v3/index.js +2 -2
  16. package/dist/bundled/v3/components/or-search-v3/OrSearch.vue.d.ts +13 -0
  17. package/dist/bundled/v3/components/or-search-v3/index.js +1 -1
  18. package/dist/bundled/v3/index.js +15 -7
  19. package/dist/esm/v2/{OrCardCollection-e7a4ead6.js → OrCardCollection-55e282a7.js} +15 -4
  20. package/dist/esm/v2/{OrSearch-ddb7c1fe.js → OrSearch-62d91301.js} +7 -1
  21. package/dist/esm/v2/components/index.js +2 -2
  22. package/dist/esm/v2/components/or-card-collection-v3/OrCardCollection.stories3.d.ts +1 -0
  23. package/dist/esm/v2/components/or-card-collection-v3/OrCardCollection.vue.d.ts +4 -4
  24. package/dist/esm/v2/components/or-card-collection-v3/index.js +2 -2
  25. package/dist/esm/v2/components/or-search-v3/OrSearch.vue.d.ts +13 -0
  26. package/dist/esm/v2/components/or-search-v3/index.js +1 -1
  27. package/dist/esm/v2/index.js +2 -2
  28. package/dist/esm/v3/{OrCardCollection-3bd67c5c.js → OrCardCollection-0c6da4b8.js} +13 -5
  29. package/dist/esm/v3/{OrSearch-cdde55ce.js → OrSearch-aafb93b4.js} +7 -1
  30. package/dist/esm/v3/components/index.js +2 -2
  31. package/dist/esm/v3/components/or-card-collection-v3/OrCardCollection.stories3.d.ts +1 -0
  32. package/dist/esm/v3/components/or-card-collection-v3/OrCardCollection.vue.d.ts +4 -4
  33. package/dist/esm/v3/components/or-card-collection-v3/index.js +2 -2
  34. package/dist/esm/v3/components/or-search-v3/OrSearch.vue.d.ts +13 -0
  35. package/dist/esm/v3/components/or-search-v3/index.js +1 -1
  36. package/dist/esm/v3/index.js +2 -2
  37. package/package.json +1 -1
  38. package/src/components/or-card-collection-v3/OrCardCollection.stories3.ts +40 -4
  39. package/src/components/or-card-collection-v3/OrCardCollection.vue +11 -2
  40. package/src/components/or-search-v3/OrSearch.vue +7 -1
@@ -7,7 +7,7 @@ import { s as script$5 } from './OrMenu.vue_vue_type_script_lang-2446a69a.js';
7
7
  import './OrMenuItem-4feaba6c.js';
8
8
  import { s as script$6 } from './OrMenuItem.vue_vue_type_script_lang-0ffaef05.js';
9
9
  import './OrIcon-d878b768.js';
10
- import { s as script$2 } from './OrSearch.vue_vue_type_script_lang-cb2d6612.js';
10
+ import { s as script$2 } from './OrSearch.vue_vue_type_script_lang-0ae8a6dd.js';
11
11
  import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
12
12
  import { s as script$4 } from './OrButton.vue_vue_type_script_lang-3718b300.js';
13
13
  import { s as script$7 } from './OrIcon.vue_vue_type_script_lang-a119a715.js';
@@ -156,7 +156,7 @@ var script = defineComponent({
156
156
  },
157
157
  search: {
158
158
  type: String,
159
- default: undefined
159
+ default: ''
160
160
  }
161
161
  },
162
162
  emits: ['viewChange', 'sortChange', 'searchChange'],
@@ -12,6 +12,11 @@ var script = defineComponent({
12
12
  },
13
13
  inheritAttrs: false,
14
14
  props: {
15
+ modelValue: {
16
+ type: String,
17
+ default: '',
18
+ required: false
19
+ },
15
20
  size: {
16
21
  type: String,
17
22
  default: InputBoxSize.M
@@ -36,13 +41,14 @@ var script = defineComponent({
36
41
  emits: ['search', 'input', 'keydown', 'keyup', 'focus', 'blur', 'clear'],
37
42
  expose: ['root', 'focus', 'clear'],
38
43
  setup(props, context) {
44
+ var _a;
39
45
  // Refs
40
46
  const root = ref();
41
47
  // Styles
42
48
  const classAttribute = useClassAttribute();
43
49
  const rootStyles = computed(() => ['or-search', classAttribute.value]);
44
50
  // State
45
- const localModelValue = ref('');
51
+ const localModelValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : '');
46
52
  // Events
47
53
  debouncedWatch(localModelValue, () => context.emit('search', localModelValue.value), {
48
54
  debounce: props.debounce
@@ -8,7 +8,7 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
8
8
  export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton.vue_vue_type_script_lang-3718b300.js';
9
9
  export { s as OrCard } from '../OrCard.vue_vue_type_script_lang-90ba001b.js';
10
10
  export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection.vue_vue_type_script_lang-d8124dda.js';
11
- export { C as CardCollectionView, s as OrCardCollectionV3 } from '../OrCardCollection.vue_vue_type_script_lang-80c10c12.js';
11
+ export { C as CardCollectionView, s as OrCardCollectionV3 } from '../OrCardCollection.vue_vue_type_script_lang-4debae8a.js';
12
12
  export { s as OrCardV3 } from '../OrCard.vue_vue_type_script_lang-165de137.js';
13
13
  export { a as OrCarousel, s as OrCarouselItem } from '../OrCarouselItem.vue_vue_type_script_lang-ad286afc.js';
14
14
  export { s as OrCheckbox } from '../OrCheckbox.vue_vue_type_script_lang-d8a66818.js';
@@ -63,7 +63,7 @@ export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrP
63
63
  export { s as OrRadio } from '../OrRadio.vue_vue_type_script_lang-c956b54b.js';
64
64
  export { s as OrRadioGroup } from '../OrRadioGroup.vue_vue_type_script_lang-caea7bcb.js';
65
65
  export { s as OrRadioV3 } from '../OrRadio.vue_vue_type_script_lang-2e666a56.js';
66
- export { s as OrSearchV3 } from '../OrSearch.vue_vue_type_script_lang-cb2d6612.js';
66
+ export { s as OrSearchV3 } from '../OrSearch.vue_vue_type_script_lang-0ae8a6dd.js';
67
67
  export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl.vue_vue_type_script_lang-579406f5.js';
68
68
  export { s as OrSelect } from '../OrSelect.vue_vue_type_script_lang-26c0a70a.js';
69
69
  export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-dfadd12f.js';
@@ -19,3 +19,4 @@ export declare const WithSorting: StoryFn<import("vue").ComponentOptions<import(
19
19
  export declare const OverrideViewContainer: StoryFn<typeof OrCardCollection>;
20
20
  export declare const ExtraViewMode: StoryFn<typeof OrCardCollection>;
21
21
  export declare const WithLink: StoryFn<typeof OrCardCollection>;
22
+ export declare const EmptySearchResults: StoryFn<typeof OrCardCollection>;
@@ -29,7 +29,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
29
29
  default: CardCollectionItem[];
30
30
  };
31
31
  view: {
32
- type: PropType<string>;
32
+ type: StringConstructor;
33
33
  default: CardCollectionView;
34
34
  };
35
35
  viewModes: {
@@ -46,7 +46,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
46
46
  };
47
47
  search: {
48
48
  type: StringConstructor;
49
- default: undefined;
49
+ default: string;
50
50
  };
51
51
  }, import("@vue/composition-api").ExtractPropTypes<{
52
52
  items: {
@@ -54,7 +54,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
54
54
  default: CardCollectionItem[];
55
55
  };
56
56
  view: {
57
- type: PropType<string>;
57
+ type: StringConstructor;
58
58
  default: CardCollectionView;
59
59
  };
60
60
  viewModes: {
@@ -71,7 +71,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
71
71
  };
72
72
  search: {
73
73
  type: StringConstructor;
74
- default: undefined;
74
+ default: string;
75
75
  };
76
76
  }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
77
77
  search: string;
@@ -1,4 +1,4 @@
1
- export { C as CardCollectionView, s as OrCardCollectionV3 } from '../../OrCardCollection.vue_vue_type_script_lang-80c10c12.js';
1
+ export { C as CardCollectionView, s as OrCardCollectionV3 } from '../../OrCardCollection.vue_vue_type_script_lang-4debae8a.js';
2
2
  import 'vue';
3
3
  import '../../OrIconButton-4bd33e3c.js';
4
4
  import '../../OrIconButton.vue_vue_type_script_lang-641f6e06.js';
@@ -23,7 +23,7 @@ import '../../OrMenu-f26e8e55.js';
23
23
  import '../../OrMenu.vue_vue_type_script_lang-2446a69a.js';
24
24
  import '../../OrMenuItem-4feaba6c.js';
25
25
  import '../../OrMenuItem.vue_vue_type_script_lang-0ffaef05.js';
26
- import '../../OrSearch.vue_vue_type_script_lang-cb2d6612.js';
26
+ import '../../OrSearch.vue_vue_type_script_lang-0ae8a6dd.js';
27
27
  import '../../OrInput-fa782fc1.js';
28
28
  import '../../OrInput.vue_vue_type_script_lang-f6d793d3.js';
29
29
  import '../../OrHint-9592499e.js';
@@ -11,6 +11,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
11
11
  focus: () => void;
12
12
  clear: () => void;
13
13
  }> & import("@vue/composition-api").Data, {}, {}, {
14
+ modelValue: {
15
+ type: StringConstructor;
16
+ default: string;
17
+ required: false;
18
+ };
14
19
  size: {
15
20
  type: PropType<SearchSize>;
16
21
  default: SearchSize;
@@ -32,6 +37,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
32
37
  default: boolean;
33
38
  };
34
39
  }, import("@vue/composition-api").ExtractPropTypes<{
40
+ modelValue: {
41
+ type: StringConstructor;
42
+ default: string;
43
+ required: false;
44
+ };
35
45
  size: {
36
46
  type: PropType<SearchSize>;
37
47
  default: SearchSize;
@@ -53,6 +63,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
53
63
  default: boolean;
54
64
  };
55
65
  }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
66
+ modelValue: string;
56
67
  size: SearchSize;
57
68
  placeholder: string;
58
69
  debounce: number;
@@ -71,6 +82,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
71
82
  focus: () => void;
72
83
  clear: () => void;
73
84
  }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
85
+ modelValue: string;
74
86
  size: SearchSize;
75
87
  placeholder: string;
76
88
  debounce: number;
@@ -79,6 +91,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
79
91
  } & {} & {
80
92
  [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
81
93
  }, {
94
+ modelValue: string;
82
95
  size: SearchSize;
83
96
  placeholder: string;
84
97
  debounce: number;
@@ -1,4 +1,4 @@
1
- export { s as OrSearchV3 } from '../../OrSearch.vue_vue_type_script_lang-cb2d6612.js';
1
+ export { s as OrSearchV3 } from '../../OrSearch.vue_vue_type_script_lang-0ae8a6dd.js';
2
2
  export { a as SearchSize } from '../../OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
3
3
  import 'vue';
4
4
  import '@vueuse/core';