@onereach/ui-components 2.69.4 → 2.69.5-beta.2145.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 (42) hide show
  1. package/dist/bundled/v2/{OrCardCollection-f622df47.js → OrCardCollection-c4209a92.js} +13 -9
  2. package/dist/bundled/v2/{OrSearch-a11b3621.js → OrSearch-76b002cf.js} +1 -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 +5 -0
  5. package/dist/bundled/v2/components/or-card-collection-v3/OrCardCollection.vue.d.ts +22 -0
  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 +2 -2
  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-15645a65.js → OrCardCollection.vue_vue_type_script_lang-9a2ae9a3.js} +10 -2
  11. package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-0ae8a6dd.js → OrSearch.vue_vue_type_script_lang-014ad470.js} +1 -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 +5 -0
  14. package/dist/bundled/v3/components/or-card-collection-v3/OrCardCollection.vue.d.ts +22 -0
  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 +2 -2
  17. package/dist/bundled/v3/components/or-search-v3/index.js +1 -1
  18. package/dist/bundled/v3/index.js +8 -7
  19. package/dist/esm/v2/{OrCardCollection-43aa4a3c.js → OrCardCollection-57d11adf.js} +13 -9
  20. package/dist/esm/v2/{OrSearch-62d91301.js → OrSearch-2f260b09.js} +1 -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 +5 -0
  23. package/dist/esm/v2/components/or-card-collection-v3/OrCardCollection.vue.d.ts +22 -0
  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 +2 -2
  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-6b5e6b76.js → OrCardCollection-2a6514f3.js} +14 -5
  29. package/dist/esm/v3/{OrSearch-aafb93b4.js → OrSearch-e5a2e93e.js} +1 -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 +5 -0
  32. package/dist/esm/v3/components/or-card-collection-v3/OrCardCollection.vue.d.ts +22 -0
  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 +2 -2
  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 +2 -3
  38. package/src/components/or-card-collection-v3/OrCardCollection.stories3.ts +16 -0
  39. package/src/components/or-card-collection-v3/OrCardCollection.vue +13 -1
  40. package/src/components/or-card-collection-v3/styles.ts +3 -1
  41. package/src/components/or-search-v3/OrSearch.stories3.ts +1 -1
  42. package/src/components/or-search-v3/OrSearch.vue +1 -1
@@ -6,7 +6,7 @@ import { O as OrButton } from './OrButton-4b99c680.js';
6
6
  import { O as OrMenu } from './OrMenu-fa47c888.js';
7
7
  import { O as OrMenuItem } from './OrMenuItem-26420908.js';
8
8
  import { O as OrIcon } from './OrIcon-8625385f.js';
9
- import { O as OrSearch } from './OrSearch-a11b3621.js';
9
+ import { O as OrSearch } from './OrSearch-76b002cf.js';
10
10
  import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
11
11
 
12
12
  const CardCollectionRoot = [
@@ -35,7 +35,7 @@ const CardCollectionContentViews = {
35
35
  'grid': [
36
36
  // Layout
37
37
  'sm:grid-cols-1', 'md:grid-cols-2', 'lg:grid-cols-4', 'xl:grid-cols-6'],
38
- 'list': []
38
+ 'list': ['grid-cols-1']
39
39
  };
40
40
 
41
41
  var script$1 = defineComponent({
@@ -150,6 +150,14 @@ var script = defineComponent({
150
150
  search: {
151
151
  type: String,
152
152
  default: ''
153
+ },
154
+ searchPlaceholder: {
155
+ type: String,
156
+ default: undefined
157
+ },
158
+ searchDebounce: {
159
+ type: Number,
160
+ default: undefined
153
161
  }
154
162
  },
155
163
  emits: ['viewChange', 'sortChange', 'searchChange'],
@@ -268,17 +276,13 @@ var __vue_render__ = function () {
268
276
  }, [_c('OrSearch', {
269
277
  staticClass: "md:w-[350px]",
270
278
  attrs: {
279
+ "model-value": _vm.proxySearch,
280
+ "placeholder": _vm.searchPlaceholder,
281
+ "debounce": _vm.searchDebounce,
271
282
  "size": "s"
272
283
  },
273
284
  on: {
274
285
  "search": _vm.handleSearch
275
- },
276
- model: {
277
- value: _vm.proxySearch,
278
- callback: function ($$v) {
279
- _vm.proxySearch = $$v;
280
- },
281
- expression: "proxySearch"
282
286
  }
283
287
  }), _vm._v(" "), _c('div', {
284
288
  staticClass: "layout-row gap-sm"
@@ -24,7 +24,7 @@ var script = defineComponent({
24
24
  },
25
25
  placeholder: {
26
26
  type: String,
27
- default: undefined
27
+ default: 'Search'
28
28
  },
29
29
  debounce: {
30
30
  type: Number,
@@ -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, O as OrButtonV3 } from '../OrButton-4b99c680.js';
9
9
  export { O as OrCard } from '../OrCard-a6b30f8f.js';
10
10
  export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-89428bbf.js';
11
- export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-f622df47.js';
11
+ export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-c4209a92.js';
12
12
  export { _ as OrCardV3 } from '../OrCard-29116e1f.js';
13
13
  export { a as OrCarousel, _ as OrCarouselItem } from '../OrCarouselItem-6da755c0.js';
14
14
  export { O as OrCheckbox } from '../OrCheckbox-4cbddd67.js';
@@ -63,7 +63,7 @@ export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrP
63
63
  export { _ as OrRadio } from '../OrRadio-187d6fc7.js';
64
64
  export { _ as OrRadioGroup } from '../OrRadioGroup-aa9f0757.js';
65
65
  export { _ as OrRadioV3 } from '../OrRadio-cd39b20b.js';
66
- export { O as OrSearchV3 } from '../OrSearch-a11b3621.js';
66
+ export { O as OrSearchV3 } from '../OrSearch-76b002cf.js';
67
67
  export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-21cc914e.js';
68
68
  export { _ as OrSelect } from '../OrSelect-a23d4210.js';
69
69
  export { _ as OrSelectV3 } from '../OrSelect-b20a9be0.js';
@@ -20,3 +20,8 @@ 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
22
  export declare const EmptySearchResults: StoryFn<typeof OrCardCollection>;
23
+ export declare const CustomizeSearch: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
24
+ [x: string]: ((...args: any[]) => any) | null;
25
+ } | string[], {} & {}, {
26
+ [x: number]: string;
27
+ } | {}, true>)>;
@@ -47,6 +47,14 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
47
47
  type: StringConstructor;
48
48
  default: string;
49
49
  };
50
+ searchPlaceholder: {
51
+ type: StringConstructor;
52
+ default: undefined;
53
+ };
54
+ searchDebounce: {
55
+ type: NumberConstructor;
56
+ default: undefined;
57
+ };
50
58
  }, import("@vue/composition-api").ExtractPropTypes<{
51
59
  items: {
52
60
  type: PropType<CardCollectionItem[]>;
@@ -72,6 +80,14 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
72
80
  type: StringConstructor;
73
81
  default: string;
74
82
  };
83
+ searchPlaceholder: {
84
+ type: StringConstructor;
85
+ default: undefined;
86
+ };
87
+ searchDebounce: {
88
+ type: NumberConstructor;
89
+ default: undefined;
90
+ };
75
91
  }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
76
92
  search: string;
77
93
  sort: string;
@@ -79,6 +95,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
79
95
  view: string;
80
96
  viewModes: ViewMode[];
81
97
  sortOptions: SortOption[];
98
+ searchPlaceholder: string;
99
+ searchDebounce: number;
82
100
  } & {} & {
83
101
  [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
84
102
  }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -110,6 +128,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
110
128
  view: string;
111
129
  viewModes: ViewMode[];
112
130
  sortOptions: SortOption[];
131
+ searchPlaceholder: string;
132
+ searchDebounce: number;
113
133
  } & {} & {
114
134
  [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
115
135
  }, {
@@ -119,5 +139,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
119
139
  view: string;
120
140
  viewModes: ViewMode[];
121
141
  sortOptions: SortOption[];
142
+ searchPlaceholder: string;
143
+ searchDebounce: number;
122
144
  }, true>);
123
145
  export default _default;
@@ -1,4 +1,4 @@
1
- export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-f622df47.js';
1
+ export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-c4209a92.js';
2
2
  import '../../index-fa6eb4ca.js';
3
3
  import 'vue';
4
4
  import '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -20,7 +20,7 @@ import '../../OrButton-4b99c680.js';
20
20
  import '../../OrLoader-6a1f937b.js';
21
21
  import '../../OrMenu-fa47c888.js';
22
22
  import '../../OrMenuItem-26420908.js';
23
- import '../../OrSearch-a11b3621.js';
23
+ import '../../OrSearch-76b002cf.js';
24
24
  import '../../OrInput-8b90e08f.js';
25
25
  import '../../OrError-aad17598.js';
26
26
  import '../../OrHint-f38a1940.js';
@@ -22,7 +22,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
22
22
  };
23
23
  placeholder: {
24
24
  type: StringConstructor;
25
- default: undefined;
25
+ default: string;
26
26
  };
27
27
  debounce: {
28
28
  type: NumberConstructor;
@@ -48,7 +48,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
48
48
  };
49
49
  placeholder: {
50
50
  type: StringConstructor;
51
- default: undefined;
51
+ default: string;
52
52
  };
53
53
  debounce: {
54
54
  type: NumberConstructor;
@@ -1,4 +1,4 @@
1
- export { O as OrSearchV3 } from '../../OrSearch-a11b3621.js';
1
+ export { O as OrSearchV3 } from '../../OrSearch-76b002cf.js';
2
2
  export { a as SearchSize } from '../../OrInputBox-79ec54ad.js';
3
3
  import '../../index-fa6eb4ca.js';
4
4
  import 'vue';