@onereach/ui-components-vue2 19.5.0 → 19.6.0

package/dist/bundled/components/OrDataGridV3/index.js

@@ -15,6 +15,7 @@ import { DataGrid } from './styles.js';
 import __vue_component__$D from '../OrPaginationV3/OrPagination.js';
 import __vue_component__$E from '../OrSearchV3/OrSearch.js';
 import __vue_component__$F from '../OrSkeletonTextV3/OrSkeletonText.js';
+import __vue_component__$G from '../OrNotificationV3/OrNotification.js';
 
 const DataGridFooter = [
 // Layout
@@ -1283,7 +1284,8 @@ var script = defineComponent({
     OrDataGridToolbar: __vue_component__$2,
     OrPagination: __vue_component__$D,
     OrSearch: __vue_component__$E,
-    OrSkeletonText: __vue_component__$F
+    OrSkeletonText: __vue_component__$F,
+    OrNotification: __vue_component__$G
   },
   model: {
     prop: 'modelValue',
@@ -1313,9 +1315,13 @@ var script = defineComponent({
     loading: {
       type: Boolean,
       default: false
+    },
+    notification: {
+      type: Object,
+      default: undefined
     }
   },
-  emits: ['update:modelValue', 'update:item'],
+  emits: ['update:modelValue', 'update:item', 'close-notification'],
   expose: ['root'],
   setup(props, context) {
     // Refs & Styles
@@ -1561,7 +1567,16 @@ var __vue_render__ = function () {
         expression: "sortingModel"
       }
     }, [_vm._v("\n          " + _vm._s(column.label) + "\n        ")]);
-  })], 2)], 1), _vm._v(" "), _c('OrDataGridTableContent', [_vm.loading ? _vm._l(10, function (n) {
+  })], 2)], 1), _vm._v(" "), _vm.notification ? [_c('div', {
+    staticClass: "grid col-span-full"
+  }, [_c('OrNotification', _vm._b({
+    staticClass: "rounded-0",
+    on: {
+      "close": function ($event) {
+        return _vm.$emit('close-notification');
+      }
+    }
+  }, 'OrNotification', _vm.notification, false), [_vm.$slots['notification'] ? [_vm._t('notification')] : _vm._e()], 2)], 1)] : _vm._e(), _vm._v(" "), _c('OrDataGridTableContent', [_vm.loading ? _vm._l(10, function (n) {
     return _c('OrDataGridTableContentRow', {
       key: n,
       attrs: {
@@ -1646,7 +1661,7 @@ var __vue_render__ = function () {
     attrs: {
       "variant": _vm.variant
     }
-  }, [_vm._t('empty')], 2)] : _vm._e()], 2)], 1), _vm._v(" "), _vm.$slots['extra-row'] ? [_c('OrDataGridTableFooter', [_c('OrDataGridTableFooterRow', {
+  }, [_vm._t('empty')], 2)] : _vm._e()], 2)], 2), _vm._v(" "), _vm.$slots['extra-row'] ? [_c('OrDataGridTableFooter', [_c('OrDataGridTableFooterRow', {
     class: ['shrink-0'],
     attrs: {
       "variant": _vm.variant

package/dist/bundled/components/OrNotificationV3/OrNotification.js

@@ -20,6 +20,10 @@ var script = defineComponent({
     disableClose: {
       type: Boolean,
       default: false
+    },
+    message: {
+      type: String,
+      default: undefined
     }
   },
   expose: ['root'],
@@ -67,7 +71,9 @@ var __vue_render__ = function () {
     class: ['mt-[2px] md:mt-[2.5px]']
   }, [_c('OrIndicator', _vm._b({}, 'OrIndicator', _vm.indicatorProps, false))], 1), _vm._v(" "), _c('div', {
     class: ['grow']
-  }, [_vm._t("default")], 2), _vm._v(" "), _c('div', {
+  }, [_vm._t("default", function () {
+    return [_vm._v(" " + _vm._s(_vm.message) + " ")];
+  })], 2), _vm._v(" "), _c('div', {
     class: ['mt-[2px] md:mt-[2.5px]']
   }, [!_vm.disableClose ? _c('OrIconButton', {
     attrs: {