@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.
- package/dist/bundled/v2/components/OrCardCollectionV3/OrCardCollection.js +8 -4
- package/dist/bundled/v2/components/OrCardCollectionV3/OrCardCollection.vue.d.ts +11 -0
- package/dist/bundled/v3/components/OrCardCollectionV3/OrCardCollection.js +1 -1
- package/dist/bundled/v3/components/OrCardCollectionV3/OrCardCollection.vue.d.ts +9 -0
- package/dist/bundled/v3/components/OrCardCollectionV3/index.js +1 -1
- package/dist/bundled/v3/components/OrCardCollectionV3/props.js +1 -1
- package/dist/bundled/v3/components/OrCardCollectionV3/styles.js +1 -1
- package/dist/bundled/v3/components/{OrCardCollectionV3-84206ec1.js → OrCardCollectionV3-013d55be.js} +10 -5
- package/dist/bundled/v3/components/index.js +1 -1
- package/dist/bundled/v3/index.js +1 -1
- package/dist/esm/v2/{OrCardCollection-8e42367f.js → OrCardCollection-79c8f24b.js} +8 -4
- package/dist/esm/v2/components/index.js +1 -1
- package/dist/esm/v2/components/or-card-collection-v3/OrCardCollection.vue.d.ts +11 -0
- package/dist/esm/v2/components/or-card-collection-v3/index.js +1 -1
- package/dist/esm/v2/index.js +1 -1
- package/dist/esm/v3/{OrCardCollection-8746096b.js → OrCardCollection-3873bd6d.js} +10 -5
- package/dist/esm/v3/components/index.js +1 -1
- package/dist/esm/v3/components/or-card-collection-v3/OrCardCollection.vue.d.ts +9 -0
- package/dist/esm/v3/components/or-card-collection-v3/index.js +1 -1
- package/dist/esm/v3/index.js +1 -1
- package/package.json +2 -3
- 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 ?
|
|
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
|
-
})
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
1
|
+
export { a as CardCollection, e as CardCollectionContent, f as CardCollectionContentViews, h as CardCollectionEmptyContentItem, b as CardCollectionToolbar, c as CardCollectionToolbarPanel } from '../OrCardCollectionV3-013d55be.js';
|
package/dist/bundled/v3/components/{OrCardCollectionV3-84206ec1.js → OrCardCollectionV3-013d55be.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createBlock, createCommentVNode,
|
|
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:
|
|
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
|
-
}, [
|
|
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-
|
|
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';
|
package/dist/bundled/v3/index.js
CHANGED
|
@@ -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-
|
|
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 ?
|
|
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
|
-
})
|
|
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-
|
|
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-
|
|
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';
|
package/dist/esm/v2/index.js
CHANGED
|
@@ -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-
|
|
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,
|
|
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:
|
|
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
|
-
}, [
|
|
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-
|
|
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-
|
|
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';
|
package/dist/esm/v3/index.js
CHANGED
|
@@ -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-
|
|
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
|
-
<
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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: [
|