@onereach/ui-components 11.2.0 → 11.2.1-beta.4399.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 (22) hide show
  1. package/dist/bundled/v2/components/OrCardCollectionV3/OrCardCollection.js +8 -4
  2. package/dist/bundled/v2/components/OrCardCollectionV3/OrCardCollection.vue.d.ts +11 -0
  3. package/dist/bundled/v3/components/OrCardCollectionV3/OrCardCollection.js +1 -1
  4. package/dist/bundled/v3/components/OrCardCollectionV3/OrCardCollection.vue.d.ts +9 -0
  5. package/dist/bundled/v3/components/OrCardCollectionV3/index.js +1 -1
  6. package/dist/bundled/v3/components/OrCardCollectionV3/props.js +1 -1
  7. package/dist/bundled/v3/components/OrCardCollectionV3/styles.js +1 -1
  8. package/dist/bundled/v3/components/{OrCardCollectionV3-84206ec1.js → OrCardCollectionV3-013d55be.js} +10 -5
  9. package/dist/bundled/v3/components/index.js +1 -1
  10. package/dist/bundled/v3/index.js +1 -1
  11. package/dist/esm/v2/{OrCardCollection-8e42367f.js → OrCardCollection-79c8f24b.js} +8 -4
  12. package/dist/esm/v2/components/index.js +1 -1
  13. package/dist/esm/v2/components/or-card-collection-v3/OrCardCollection.vue.d.ts +11 -0
  14. package/dist/esm/v2/components/or-card-collection-v3/index.js +1 -1
  15. package/dist/esm/v2/index.js +1 -1
  16. package/dist/esm/v3/{OrCardCollection-8746096b.js → OrCardCollection-3873bd6d.js} +10 -5
  17. package/dist/esm/v3/components/index.js +1 -1
  18. package/dist/esm/v3/components/or-card-collection-v3/OrCardCollection.vue.d.ts +9 -0
  19. package/dist/esm/v3/components/or-card-collection-v3/index.js +1 -1
  20. package/dist/esm/v3/index.js +1 -1
  21. package/package.json +2 -3
  22. package/src/components/or-card-collection-v3/OrCardCollection.vue +13 -7
@@ -114,6 +114,10 @@ var script = defineComponent({
114
114
  loading: {
115
115
  type: Boolean,
116
116
  default: false
117
+ },
118
+ enableSearch: {
119
+ type: Boolean,
120
+ default: true
117
121
  }
118
122
  },
119
123
  emits: ['viewChange', 'sortChange', 'searchChange'],
@@ -178,7 +182,7 @@ var __vue_render__ = function () {
178
182
  class: _vm.toolbarStyles
179
183
  }, [_c('div', {
180
184
  class: _vm.toolbarPanelStyles
181
- }, [_vm.sortOptions.length ? [_c('OrSorting', {
185
+ }, [_vm.sortOptions.length ? _c('OrSorting', {
182
186
  attrs: {
183
187
  "model-value": _vm.sort,
184
188
  "options": _vm.sortOptions
@@ -188,9 +192,9 @@ var __vue_render__ = function () {
188
192
  return _vm.$emit('sortChange', $event);
189
193
  }
190
194
  }
191
- })] : _vm._e()], 2), _vm._v(" "), _c('div', {
195
+ }) : _vm._e(), _vm._v(" "), _vm._t("toolbar")], 2), _vm._v(" "), _c('div', {
192
196
  class: _vm.toolbarPanelStyles
193
- }, [_c('OrSearch', {
197
+ }, [_vm.enableSearch ? _c('OrSearch', {
194
198
  staticClass: "md:w-[350px]",
195
199
  attrs: {
196
200
  "model-value": _vm.proxySearch,
@@ -200,7 +204,7 @@ var __vue_render__ = function () {
200
204
  on: {
201
205
  "search": _vm.handleSearch
202
206
  }
203
- }), _vm._v(" "), _vm.viewModes.length > 1 ? [_c('div', {
207
+ }) : _vm._e(), _vm._v(" "), _vm.viewModes.length > 1 ? [_c('div', {
204
208
  staticClass: "layout-row gap-sm"
205
209
  }, _vm._l(_vm.viewModes, function (viewOption) {
206
210
  return _c('OrIconButton', {
@@ -48,6 +48,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
48
48
  type: BooleanConstructor;
49
49
  default: boolean;
50
50
  };
51
+ enableSearch: {
52
+ type: BooleanConstructor;
53
+ default: boolean;
54
+ };
51
55
  }, import("@vue/composition-api").ExtractPropTypes<{
52
56
  items: {
53
57
  type: PropType<CardCollectionItem[]>;
@@ -85,6 +89,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
85
89
  type: BooleanConstructor;
86
90
  default: boolean;
87
91
  };
92
+ enableSearch: {
93
+ type: BooleanConstructor;
94
+ default: boolean;
95
+ };
88
96
  }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
89
97
  sort: string;
90
98
  items: CardCollectionItem[];
@@ -95,6 +103,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
95
103
  searchPlaceholder: string;
96
104
  searchDebounce: number;
97
105
  loading: boolean;
106
+ enableSearch: boolean;
98
107
  } & {} & {
99
108
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
100
109
  }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -117,6 +126,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
117
126
  searchPlaceholder: string;
118
127
  searchDebounce: number;
119
128
  loading: boolean;
129
+ enableSearch: boolean;
120
130
  } & {} & {
121
131
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
122
132
  }, {
@@ -129,5 +139,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
129
139
  searchPlaceholder: string;
130
140
  searchDebounce: number;
131
141
  loading: boolean;
142
+ enableSearch: boolean;
132
143
  }, true>);
133
144
  export default _default;
@@ -1 +1 @@
1
- export { s as default } from '../OrCardCollectionV3-84206ec1.js';
1
+ export { s as default } from '../OrCardCollectionV3-013d55be.js';
@@ -38,6 +38,10 @@ declare const _default: import("vue-demi").DefineComponent<{
38
38
  type: BooleanConstructor;
39
39
  default: boolean;
40
40
  };
41
+ enableSearch: {
42
+ type: BooleanConstructor;
43
+ default: boolean;
44
+ };
41
45
  }, {
42
46
  root: import("vue-demi").Ref<HTMLElement | undefined>;
43
47
  rootStyles: import("vue-demi").ComputedRef<string[]>;
@@ -85,6 +89,10 @@ declare const _default: import("vue-demi").DefineComponent<{
85
89
  type: BooleanConstructor;
86
90
  default: boolean;
87
91
  };
92
+ enableSearch: {
93
+ type: BooleanConstructor;
94
+ default: boolean;
95
+ };
88
96
  }>> & {
89
97
  onViewChange?: ((...args: any[]) => any) | undefined;
90
98
  onSortChange?: ((...args: any[]) => any) | undefined;
@@ -99,5 +107,6 @@ declare const _default: import("vue-demi").DefineComponent<{
99
107
  searchPlaceholder: string;
100
108
  searchDebounce: number;
101
109
  loading: boolean;
110
+ enableSearch: boolean;
102
111
  }>;
103
112
  export default _default;
@@ -1 +1 @@
1
- export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-84206ec1.js';
1
+ export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-013d55be.js';
@@ -1 +1 @@
1
- export { C as CardCollectionView, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-84206ec1.js';
1
+ export { C as CardCollectionView, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-013d55be.js';
@@ -1 +1 @@
1
- export { a as CardCollection, e as CardCollectionContent, f as CardCollectionContentViews, h as CardCollectionEmptyContentItem, b as CardCollectionToolbar, c as CardCollectionToolbarPanel } from '../OrCardCollectionV3-84206ec1.js';
1
+ export { a as CardCollection, e as CardCollectionContent, f as CardCollectionContentViews, h as CardCollectionEmptyContentItem, b as CardCollectionToolbar, c as CardCollectionToolbarPanel } from '../OrCardCollectionV3-013d55be.js';
@@ -1,4 +1,4 @@
1
- import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createBlock, createCommentVNode, createVNode, normalizeProps, guardReactiveProps, withCtx } from 'vue';
1
+ import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createBlock, createCommentVNode, normalizeProps, guardReactiveProps, createVNode, withCtx } from 'vue';
2
2
  import { defineComponent, computed, ref, watch } from 'vue-demi';
3
3
  import { s as script$2 } from './OrIconButtonV3-430d4bf3.js';
4
4
  import { s as script$3 } from './OrSortingV3-3a781c59.js';
@@ -140,6 +140,10 @@ var script = defineComponent({
140
140
  loading: {
141
141
  type: Boolean,
142
142
  default: false
143
+ },
144
+ enableSearch: {
145
+ type: Boolean,
146
+ default: true
143
147
  }
144
148
  },
145
149
  emits: ['viewChange', 'sortChange', 'searchChange'],
@@ -190,7 +194,7 @@ var script = defineComponent({
190
194
  });
191
195
 
192
196
  const _hoisted_1 = {
193
- key: 0,
197
+ key: 1,
194
198
  class: "layout-row gap-sm"
195
199
  };
196
200
  function render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -211,15 +215,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
211
215
  "model-value": _ctx.sort,
212
216
  options: _ctx.sortOptions,
213
217
  "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.$emit('sortChange', $event))
214
- }, null, 8 /* PROPS */, ["model-value", "options"])) : createCommentVNode("v-if", true)], 2 /* CLASS */), createElementVNode("div", {
218
+ }, null, 8 /* PROPS */, ["model-value", "options"])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "toolbar")], 2 /* CLASS */), createElementVNode("div", {
215
219
  class: normalizeClass(_ctx.toolbarPanelStyles)
216
- }, [createVNode(_component_OrSearch, {
220
+ }, [_ctx.enableSearch ? (openBlock(), createBlock(_component_OrSearch, {
221
+ key: 0,
217
222
  "model-value": _ctx.proxySearch,
218
223
  class: "md:w-[350px]",
219
224
  placeholder: _ctx.searchPlaceholder,
220
225
  debounce: _ctx.searchDebounce,
221
226
  onSearch: _ctx.handleSearch
222
- }, null, 8 /* PROPS */, ["model-value", "placeholder", "debounce", "onSearch"]), _ctx.viewModes.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.viewModes, viewOption => {
227
+ }, null, 8 /* PROPS */, ["model-value", "placeholder", "debounce", "onSearch"])) : createCommentVNode("v-if", true), _ctx.viewModes.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.viewModes, viewOption => {
223
228
  return openBlock(), createBlock(_component_OrIconButton, {
224
229
  key: viewOption.view,
225
230
  icon: viewOption.icon,
@@ -9,7 +9,7 @@ export { default as OrIconButton, default as OrIconButtonV2 } from './OrIconButt
9
9
  export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from './OrButtonV3-aafbb72d.js';
10
10
  export { default as OrCard } from './OrCard/OrCard.js';
11
11
  export { CARD_COLLECTION_LAYOUT, OrCardCollection } from './OrCardCollection/index.js';
12
- export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollectionV3-84206ec1.js';
12
+ export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollectionV3-013d55be.js';
13
13
  export { C as CardPadding, s as OrCardV3 } from './OrCardV3-a0e51677.js';
14
14
  export { default as OrCheckbox } from './OrCheckbox/OrCheckbox.js';
15
15
  export { default as OrCheckboxGroupV3 } from './OrCheckboxGroupV3/OrCheckboxGroup.js';
@@ -5,7 +5,7 @@ export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from './components
5
5
  export { OrButton, OrButtonColors, OrButtonSizes, OrButtonViews } from './components/OrButton/index.js';
6
6
  export { s as OrButtonGroupV3 } from './components/OrButtonGroupV3-f6fde153.js';
7
7
  export { CARD_COLLECTION_LAYOUT, OrCardCollection } from './components/OrCardCollection/index.js';
8
- export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './components/OrCardCollectionV3-84206ec1.js';
8
+ export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './components/OrCardCollectionV3-013d55be.js';
9
9
  export { C as CardPadding, s as OrCardV3 } from './components/OrCardV3-a0e51677.js';
10
10
  export { default as OrCheckboxGroupV3 } from './components/OrCheckboxGroupV3/OrCheckboxGroup.js';
11
11
  export { s as OrChip, a as OrChips } from './components/OrChips-aced0869.js';
@@ -164,6 +164,10 @@ var script = defineComponent({
164
164
  loading: {
165
165
  type: Boolean,
166
166
  default: false
167
+ },
168
+ enableSearch: {
169
+ type: Boolean,
170
+ default: true
167
171
  }
168
172
  },
169
173
  emits: ['viewChange', 'sortChange', 'searchChange'],
@@ -228,7 +232,7 @@ var __vue_render__ = function () {
228
232
  class: _vm.toolbarStyles
229
233
  }, [_c('div', {
230
234
  class: _vm.toolbarPanelStyles
231
- }, [_vm.sortOptions.length ? [_c('OrSorting', {
235
+ }, [_vm.sortOptions.length ? _c('OrSorting', {
232
236
  attrs: {
233
237
  "model-value": _vm.sort,
234
238
  "options": _vm.sortOptions
@@ -238,9 +242,9 @@ var __vue_render__ = function () {
238
242
  return _vm.$emit('sortChange', $event);
239
243
  }
240
244
  }
241
- })] : _vm._e()], 2), _vm._v(" "), _c('div', {
245
+ }) : _vm._e(), _vm._v(" "), _vm._t("toolbar")], 2), _vm._v(" "), _c('div', {
242
246
  class: _vm.toolbarPanelStyles
243
- }, [_c('OrSearch', {
247
+ }, [_vm.enableSearch ? _c('OrSearch', {
244
248
  staticClass: "md:w-[350px]",
245
249
  attrs: {
246
250
  "model-value": _vm.proxySearch,
@@ -250,7 +254,7 @@ var __vue_render__ = function () {
250
254
  on: {
251
255
  "search": _vm.handleSearch
252
256
  }
253
- }), _vm._v(" "), _vm.viewModes.length > 1 ? [_c('div', {
257
+ }) : _vm._e(), _vm._v(" "), _vm.viewModes.length > 1 ? [_c('div', {
254
258
  staticClass: "layout-row gap-sm"
255
259
  }, _vm._l(_vm.viewModes, function (viewOption) {
256
260
  return _c('OrIconButton', {
@@ -11,7 +11,7 @@ export { _ as OrButtonV3 } from '../OrButton-3a743a90.js';
11
11
  export { a as ButtonColor, b as ButtonType, B as ButtonVariant } from '../OrButton.vue_rollup-plugin-vue_script-e8900483.js';
12
12
  export { _ as OrCard } from '../OrCard-c44d9783.js';
13
13
  export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-a9e0b0c9.js';
14
- export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-8e42367f.js';
14
+ export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-79c8f24b.js';
15
15
  export { C as CardPadding, _ as OrCardV3 } from '../OrCard-42359715.js';
16
16
  export { _ as OrCheckbox } from '../OrCheckbox-b1c8e25e.js';
17
17
  export { _ as OrCheckboxGroupV3 } from '../OrCheckboxGroup-29ac08ca.js';
@@ -48,6 +48,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
48
48
  type: BooleanConstructor;
49
49
  default: boolean;
50
50
  };
51
+ enableSearch: {
52
+ type: BooleanConstructor;
53
+ default: boolean;
54
+ };
51
55
  }, import("@vue/composition-api").ExtractPropTypes<{
52
56
  items: {
53
57
  type: PropType<CardCollectionItem[]>;
@@ -85,6 +89,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
85
89
  type: BooleanConstructor;
86
90
  default: boolean;
87
91
  };
92
+ enableSearch: {
93
+ type: BooleanConstructor;
94
+ default: boolean;
95
+ };
88
96
  }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
89
97
  sort: string;
90
98
  items: CardCollectionItem[];
@@ -95,6 +103,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
95
103
  searchPlaceholder: string;
96
104
  searchDebounce: number;
97
105
  loading: boolean;
106
+ enableSearch: boolean;
98
107
  } & {} & {
99
108
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
100
109
  }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -117,6 +126,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
117
126
  searchPlaceholder: string;
118
127
  searchDebounce: number;
119
128
  loading: boolean;
129
+ enableSearch: boolean;
120
130
  } & {} & {
121
131
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
122
132
  }, {
@@ -129,5 +139,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
129
139
  searchPlaceholder: string;
130
140
  searchDebounce: number;
131
141
  loading: boolean;
142
+ enableSearch: boolean;
132
143
  }, true>);
133
144
  export default _default;
@@ -1,4 +1,4 @@
1
- export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-8e42367f.js';
1
+ export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-79c8f24b.js';
2
2
  import 'vue-demi';
3
3
  import '../../OrIconButton-974f0520.js';
4
4
  import '../../OrIcon-03e3c802.js';
@@ -11,7 +11,7 @@ export { _ as OrButtonV3 } from './OrButton-3a743a90.js';
11
11
  export { a as ButtonColor, b as ButtonType, B as ButtonVariant } from './OrButton.vue_rollup-plugin-vue_script-e8900483.js';
12
12
  export { _ as OrCard } from './OrCard-c44d9783.js';
13
13
  export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-a9e0b0c9.js';
14
- export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-8e42367f.js';
14
+ export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-79c8f24b.js';
15
15
  export { C as CardPadding, _ as OrCardV3 } from './OrCard-42359715.js';
16
16
  export { _ as OrCheckbox } from './OrCheckbox-b1c8e25e.js';
17
17
  export { _ as OrCheckboxGroupV3 } from './OrCheckboxGroup-29ac08ca.js';
@@ -3,7 +3,7 @@ import { s as script$2 } from './OrIconButton-6948fa5e.js';
3
3
  import { s as script$5 } from './OrLoader-5e2f359b.js';
4
4
  import { s as script$4 } from './OrSearch-e49fbb80.js';
5
5
  import { s as script$3 } from './OrSorting-5c59a1d8.js';
6
- import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createBlock, createCommentVNode, createVNode, normalizeProps, guardReactiveProps, withCtx } from 'vue';
6
+ import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createBlock, createCommentVNode, normalizeProps, guardReactiveProps, createVNode, withCtx } from 'vue';
7
7
 
8
8
  var CardCollectionView;
9
9
  (function (CardCollectionView) {
@@ -140,6 +140,10 @@ var script = defineComponent({
140
140
  loading: {
141
141
  type: Boolean,
142
142
  default: false
143
+ },
144
+ enableSearch: {
145
+ type: Boolean,
146
+ default: true
143
147
  }
144
148
  },
145
149
  emits: ['viewChange', 'sortChange', 'searchChange'],
@@ -190,7 +194,7 @@ var script = defineComponent({
190
194
  });
191
195
 
192
196
  const _hoisted_1 = {
193
- key: 0,
197
+ key: 1,
194
198
  class: "layout-row gap-sm"
195
199
  };
196
200
  function render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -211,15 +215,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
211
215
  "model-value": _ctx.sort,
212
216
  options: _ctx.sortOptions,
213
217
  "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.$emit('sortChange', $event))
214
- }, null, 8 /* PROPS */, ["model-value", "options"])) : createCommentVNode("v-if", true)], 2 /* CLASS */), createElementVNode("div", {
218
+ }, null, 8 /* PROPS */, ["model-value", "options"])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "toolbar")], 2 /* CLASS */), createElementVNode("div", {
215
219
  class: normalizeClass(_ctx.toolbarPanelStyles)
216
- }, [createVNode(_component_OrSearch, {
220
+ }, [_ctx.enableSearch ? (openBlock(), createBlock(_component_OrSearch, {
221
+ key: 0,
217
222
  "model-value": _ctx.proxySearch,
218
223
  class: "md:w-[350px]",
219
224
  placeholder: _ctx.searchPlaceholder,
220
225
  debounce: _ctx.searchDebounce,
221
226
  onSearch: _ctx.handleSearch
222
- }, null, 8 /* PROPS */, ["model-value", "placeholder", "debounce", "onSearch"]), _ctx.viewModes.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.viewModes, viewOption => {
227
+ }, null, 8 /* PROPS */, ["model-value", "placeholder", "debounce", "onSearch"])) : createCommentVNode("v-if", true), _ctx.viewModes.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.viewModes, viewOption => {
223
228
  return openBlock(), createBlock(_component_OrIconButton, {
224
229
  key: viewOption.view,
225
230
  icon: viewOption.icon,
@@ -9,7 +9,7 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
9
9
  export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton-31bcb511.js';
10
10
  export { s as OrCard } from '../OrCard-e3a5aea4.js';
11
11
  export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection-6ee44732.js';
12
- export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-8746096b.js';
12
+ export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-3873bd6d.js';
13
13
  export { C as CardPadding, s as OrCardV3 } from '../OrCard-c2ef331b.js';
14
14
  export { s as OrCheckbox } from '../OrCheckbox-eedaff8f.js';
15
15
  export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup-df61984c.js';
@@ -38,6 +38,10 @@ declare const _default: import("vue-demi").DefineComponent<{
38
38
  type: BooleanConstructor;
39
39
  default: boolean;
40
40
  };
41
+ enableSearch: {
42
+ type: BooleanConstructor;
43
+ default: boolean;
44
+ };
41
45
  }, {
42
46
  root: import("vue-demi").Ref<HTMLElement | undefined>;
43
47
  rootStyles: import("vue-demi").ComputedRef<string[]>;
@@ -85,6 +89,10 @@ declare const _default: import("vue-demi").DefineComponent<{
85
89
  type: BooleanConstructor;
86
90
  default: boolean;
87
91
  };
92
+ enableSearch: {
93
+ type: BooleanConstructor;
94
+ default: boolean;
95
+ };
88
96
  }>> & {
89
97
  onViewChange?: ((...args: any[]) => any) | undefined;
90
98
  onSortChange?: ((...args: any[]) => any) | undefined;
@@ -99,5 +107,6 @@ declare const _default: import("vue-demi").DefineComponent<{
99
107
  searchPlaceholder: string;
100
108
  searchDebounce: number;
101
109
  loading: boolean;
110
+ enableSearch: boolean;
102
111
  }>;
103
112
  export default _default;
@@ -1,4 +1,4 @@
1
- export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-8746096b.js';
1
+ export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-3873bd6d.js';
2
2
  import 'vue-demi';
3
3
  import '../../OrIconButton-6948fa5e.js';
4
4
  import '../../OrIcon-c446d072.js';
@@ -9,7 +9,7 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
9
9
  export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from './OrButton-31bcb511.js';
10
10
  export { s as OrCard } from './OrCard-e3a5aea4.js';
11
11
  export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from './OrCardCollection-6ee44732.js';
12
- export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-8746096b.js';
12
+ export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-3873bd6d.js';
13
13
  export { C as CardPadding, s as OrCardV3 } from './OrCard-c2ef331b.js';
14
14
  export { s as OrCheckbox } from './OrCheckbox-eedaff8f.js';
15
15
  export { s as OrCheckboxGroupV3 } from './OrCheckboxGroup-df61984c.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onereach/ui-components",
3
- "version": "11.2.0",
3
+ "version": "11.2.1-beta.4399.0",
4
4
  "npmUnpacked": "4.15.2",
5
5
  "description": "Vue components library for v2/3",
6
6
  "sideEffects": false,
@@ -179,6 +179,5 @@
179
179
  "default": "./dist/bundled/v3/components/*/index.js"
180
180
  },
181
181
  "./package.json": "./package.json"
182
- },
183
- "gitHead": "fceb2c9c4fafbbc218e682e47cee9e12d585662f"
182
+ }
184
183
  }
@@ -5,18 +5,19 @@
5
5
  >
6
6
  <div :class="toolbarStyles">
7
7
  <div :class="toolbarPanelStyles">
8
- <template v-if="sortOptions.length">
9
- <OrSorting
10
- :model-value="sort"
11
- :options="sortOptions"
12
- @update:modelValue="$emit('sortChange', $event)"
13
- />
14
- </template>
8
+ <OrSorting
9
+ v-if="sortOptions.length"
10
+ :model-value="sort"
11
+ :options="sortOptions"
12
+ @update:modelValue="$emit('sortChange', $event)"
13
+ />
14
+ <slot name="toolbar" />
15
15
  </div>
16
16
  <div
17
17
  :class="toolbarPanelStyles"
18
18
  >
19
19
  <OrSearch
20
+ v-if="enableSearch"
20
21
  :model-value="proxySearch"
21
22
  class="md:w-[350px]"
22
23
  :placeholder="searchPlaceholder"
@@ -163,6 +164,11 @@ export default defineComponent({
163
164
  type: Boolean,
164
165
  default: false,
165
166
  },
167
+
168
+ enableSearch: {
169
+ type: Boolean,
170
+ default: true,
171
+ },
166
172
  },
167
173
 
168
174
  emits: [