@onereach/ui-components 10.2.1-beta.4272.0 → 10.2.1-beta.4276.0

package/dist/bundled/v2/components/OrCardCollectionV3/OrCardCollection.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
-import { CardCollectionContent, CardCollectionContentViews, CardCollection, CardCollectionToolbar, CardCollectionToolbarPanel } from './styles.js';
+import { CardCollectionContent, CardCollectionContentViews, CardCollection, CardCollectionToolbar, CardCollectionToolbarPanel, CardCollectionEmptyContentItem } from './styles.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import { gridView, defaultViewModes } from './props.js';
 import __vue_component__$2 from '../OrIconButtonV3/OrIconButton.js';
@@ -125,6 +125,7 @@ var script = defineComponent({
     const rootStyles = computed(() => ['or-card-collection-v3', ...CardCollection]);
     const toolbarStyles = computed(() => [...CardCollectionToolbar]);
     const toolbarPanelStyles = computed(() => [...CardCollectionToolbarPanel]);
+    const emptyContainerStyles = computed(() => [...CardCollectionEmptyContentItem]);
     // State
     const proxyView = ref(props.view);
     const proxySearch = ref(props.search);
@@ -153,6 +154,7 @@ var script = defineComponent({
       rootStyles,
       toolbarStyles,
       toolbarPanelStyles,
+      emptyContainerStyles,
       proxyView,
       proxySearch,
       switchView,
@@ -238,15 +240,15 @@ var __vue_render__ = function () {
     })];
   }, null, {
     items: _vm.items
-  }) : _vm.items.length === 0 && _vm.proxySearch.length > 0 && !_vm.loading ? _vm._t("noSearchResults", function () {
-    return [_vm._v("\n    No results\n  ")];
-  }, null, {
-    search: _vm.proxySearch
+  }) : _vm._e(), _vm._v(" "), _vm.items.length === 0 || _vm.loading ? _c('div', {
+    class: _vm.emptyContainerStyles
+  }, [_vm.proxySearch.length > 0 && !_vm.loading ? _vm._t("noSearchResults", function () {
+    return [_vm._v("\n      No results\n    ")];
+  }, {
+    "search": _vm.proxySearch
   }) : _vm._e(), _vm._v(" "), _vm.loading ? _vm._t("loading", function () {
-    return [_c('div', {
-      staticClass: "h-full"
-    }, [_c('OrLoader')], 1)];
-  }) : _vm._e()], 2);
+    return [_c('OrLoader')];
+  }) : _vm._e(), _vm._v(" "), _vm.items.length === 0 && _vm.proxySearch.length === 0 && !_vm.loading ? _vm._t("empty") : _vm._e()], 2) : _vm._e()], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/bundled/v2/components/OrCardCollectionV3/OrCardCollection.vue.d.ts

@@ -6,6 +6,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
     toolbarPanelStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    emptyContainerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     proxyView: import("@vue/composition-api").Ref<string>;
     proxySearch: import("@vue/composition-api").Ref<string>;
     switchView: (view: string) => void;
@@ -101,6 +102,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
     toolbarPanelStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    emptyContainerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     proxyView: import("@vue/composition-api").Ref<string>;
     proxySearch: import("@vue/composition-api").Ref<string>;
     switchView: (view: string) => void;

package/dist/bundled/v2/components/OrCardCollectionV3/styles.d.ts

@@ -4,3 +4,4 @@ export declare const CardCollectionToolbar: string[];
 export declare const CardCollectionToolbarPanel: string[];
 export declare const CardCollectionContent: string[];
 export declare const CardCollectionContentViews: Record<CardCollectionView, string[]>;
+export declare const CardCollectionEmptyContentItem: string[];

package/dist/bundled/v2/components/OrCardCollectionV3/styles.js

@@ -4,7 +4,7 @@ const CardCollection = [
 // Layout
 'layout-column',
 // Box
-'max-h-full',
+'h-full',
 // Spacing
 'gap-md'];
 const CardCollectionToolbar = [
@@ -34,5 +34,8 @@ const CardCollectionContentViews = {
   // Layout
   'grid-cols-1']
 };
+const CardCollectionEmptyContentItem = [
+// Layout
+'layout-column items-center justify-center h-full'];
 
-export { CardCollection, CardCollectionContent, CardCollectionContentViews, CardCollectionToolbar, CardCollectionToolbarPanel };
+export { CardCollection, CardCollectionContent, CardCollectionContentViews, CardCollectionEmptyContentItem, CardCollectionToolbar, CardCollectionToolbarPanel };