@onereach/ui-components 19.3.1 → 19.4.0-beta.5050.0

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

@@ -1 +1 @@
-export { s as default } from '../OrDataGridV3-3c616520.js';
+export { s as default } from '../OrDataGridV3-dcdb59c8.js';

package/dist/bundled/components/OrDataGridV3/OrDataGrid.vue.d.ts

@@ -29,6 +29,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    notification: {
+        type: PropType<any>;
+        default: undefined;
+    };
 }, {
     root: import("vue").Ref<HTMLElement | undefined>;
     rootStyles: import("vue").ComputedRef<string[]>;
@@ -48,7 +52,7 @@ declare const _default: import("vue").DefineComponent<{
     updateScrollOffset: (header: HTMLElement, offset: number, column: DataGridColumn) => void;
     removeScrollOffset: (header: HTMLElement) => void;
     scrollTo: (event: FocusEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:item")[], "update:modelValue" | "update:item", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:item" | "close-notification")[], "update:modelValue" | "update:item" | "close-notification", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: PropType<DataGridModelValue>;
         default: undefined;
@@ -76,9 +80,14 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    notification: {
+        type: PropType<any>;
+        default: undefined;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:item"?: ((...args: any[]) => any) | undefined;
+    "onClose-notification"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: DataGridModelValue;
     items: {
@@ -88,5 +97,6 @@ declare const _default: import("vue").DefineComponent<{
     variant: DataGridVariant;
     features: DataGridFeatures;
     loading: boolean;
+    notification: any;
 }, {}>;
 export default _default;

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

@@ -1 +1 @@
-export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-3c616520.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-dcdb59c8.js';

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

@@ -1 +1 @@
-export { a as DataGrid } from '../OrDataGridV3-3c616520.js';
+export { a as DataGrid } from '../OrDataGridV3-dcdb59c8.js';

package/dist/bundled/components/{OrDataGridV3-3c616520.js → OrDataGridV3-dcdb59c8.js}

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, resolveComponent, normalizeStyle, Fragment, createBlock, watch, createElementVNode, createSlots, withCtx, createVNode, renderList, createTextVNode, toDisplayString } from 'vue';
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, resolveComponent, normalizeStyle, Fragment, createBlock, watch, createElementVNode, createSlots, withCtx, createVNode, renderList, createTextVNode, toDisplayString, mergeProps } from 'vue';
 import { s as script$f } from './OrCheckboxV3-775b2227.js';
 import { s as script$g } from './OrDatePickerV3-c675b113.js';
 import { s as script$h } from './OrDateTimePickerV3-fae2c559.js';
@@ -13,6 +13,7 @@ import { s as script$o } from './OrIconV3-9807ee48.js';
 import { s as script$p } from './OrPaginationV3-0d2166b7.js';
 import script$q from './OrSearchV3/OrSearch.js';
 import { s as script$r } from './OrSkeletonV3-5b153caa.js';
+import { s as script$s } from './OrNotificationV3-7ed646ba.js';
 
 const DataGridFooter = [
 // Layout
@@ -45,7 +46,7 @@ var script$e = defineComponent({
   }
 });
 
-const _hoisted_1$4 = {
+const _hoisted_1$5 = {
   key: 1,
   class: /*#__PURE__*/normalizeClass(['grow'])
 };
@@ -56,7 +57,7 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
   }, [_ctx.$slots['status'] ? (openBlock(), createElementBlock("div", {
     key: 0,
     class: normalizeClass(_ctx.statusStyles)
-  }, [renderSlot(_ctx.$slots, 'status')], 2 /* CLASS */)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, 'actions'), _ctx.$slots['paging'] ? (openBlock(), createElementBlock("div", _hoisted_1$4)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, 'paging')], 2 /* CLASS */);
+  }, [renderSlot(_ctx.$slots, 'status')], 2 /* CLASS */)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, 'actions'), _ctx.$slots['paging'] ? (openBlock(), createElementBlock("div", _hoisted_1$5)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, 'paging')], 2 /* CLASS */);
 }
 
 script$e.render = render$e;
@@ -89,7 +90,7 @@ var script$d = defineComponent({
   }
 });
 
-const _hoisted_1$3 = {
+const _hoisted_1$4 = {
   key: 1,
   class: /*#__PURE__*/normalizeClass(['grow'])
 };
@@ -100,7 +101,7 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
   }, [_ctx.$slots['title'] ? (openBlock(), createElementBlock("div", {
     key: 0,
     class: normalizeClass(_ctx.titleStyles)
-  }, [renderSlot(_ctx.$slots, 'title')], 2 /* CLASS */)) : createCommentVNode("v-if", true), _ctx.$slots['searching'] ? (openBlock(), createElementBlock("div", _hoisted_1$3)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, 'searching')], 2 /* CLASS */);
+  }, [renderSlot(_ctx.$slots, 'title')], 2 /* CLASS */)) : createCommentVNode("v-if", true), _ctx.$slots['searching'] ? (openBlock(), createElementBlock("div", _hoisted_1$4)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, 'searching')], 2 /* CLASS */);
 }
 
 script$d.render = render$d;
@@ -213,7 +214,7 @@ var script$c = defineComponent({
   }
 });
 
-const _hoisted_1$2 = {
+const _hoisted_1$3 = {
   key: 2,
   class: /*#__PURE__*/normalizeClass(['truncate'])
 };
@@ -289,7 +290,7 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
     modelValue: _ctx.model,
     "onUpdate:modelValue": _cache[9] || (_cache[9] = $event => _ctx.model = $event),
     variant: 'embedded'
-  }, null, 8 /* PROPS */, ["modelValue"])) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock("div", _hoisted_1$2, [renderSlot(_ctx.$slots, "default")]))], 6 /* CLASS, STYLE */);
+  }, null, 8 /* PROPS */, ["modelValue"])) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock("div", _hoisted_1$3, [renderSlot(_ctx.$slots, "default")]))], 6 /* CLASS, STYLE */);
 }
 
 script$c.render = render$c;
@@ -353,13 +354,13 @@ var script$b = defineComponent({
   }
 });
 
-const _hoisted_1$1 = ["selected"];
+const _hoisted_1$2 = ["selected"];
 function render$b(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles),
     selected: _ctx.selected
-  }, [renderSlot(_ctx.$slots, "default")], 10 /* CLASS, PROPS */, _hoisted_1$1);
+  }, [renderSlot(_ctx.$slots, "default")], 10 /* CLASS, PROPS */, _hoisted_1$2);
 }
 
 script$b.render = render$b;
@@ -635,7 +636,7 @@ var script$6 = defineComponent({
   }
 });
 
-const _hoisted_1 = {
+const _hoisted_1$1 = {
   class: /*#__PURE__*/normalizeClass(['truncate'])
 };
 function render$6(_ctx, _cache, $props, $setup, $data, $options) {
@@ -645,7 +646,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(_ctx.rootStyles),
     style: normalizeStyle(_ctx.rootInlineStyles),
     onClick: _cache[0] || (_cache[0] = $event => _ctx.toggleSorting())
-  }, [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")]), _ctx.model ? (openBlock(), createBlock(_component_OrIcon, {
+  }, [createElementVNode("div", _hoisted_1$1, [renderSlot(_ctx.$slots, "default")]), _ctx.model ? (openBlock(), createBlock(_component_OrIcon, {
     key: 0,
     icon: _ctx.model.direction === 'asc' ? 'arrow_upward' : 'arrow_downward'
   }, null, 8 /* PROPS */, ["icon"])) : createCommentVNode("v-if", true)], 6 /* CLASS, STYLE */);
@@ -898,7 +899,8 @@ var script = defineComponent({
     OrDataGridToolbar: script$1,
     OrPagination: script$p,
     OrSearch: script$q,
-    OrSkeletonText: script$r
+    OrSkeletonText: script$r,
+    OrNotification: script$s
   },
   model: {
     prop: 'modelValue',
@@ -928,9 +930,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
@@ -1086,6 +1092,10 @@ var script = defineComponent({
   }
 });
 
+const _hoisted_1 = {
+  key: 0,
+  class: "grid col-span-full"
+};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrSearch = resolveComponent("OrSearch");
   const _component_OrDataGridHeader = resolveComponent("OrDataGridHeader");
@@ -1094,6 +1104,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrDataGridTableHeaderCell = resolveComponent("OrDataGridTableHeaderCell");
   const _component_OrDataGridTableHeaderRow = resolveComponent("OrDataGridTableHeaderRow");
   const _component_OrDataGridTableHeader = resolveComponent("OrDataGridTableHeader");
+  const _component_OrNotification = resolveComponent("OrNotification");
   const _component_OrSkeletonText = resolveComponent("OrSkeletonText");
   const _component_OrDataGridTableContentCell = resolveComponent("OrDataGridTableContentCell");
   const _component_OrDataGridTableContentRow = resolveComponent("OrDataGridTableContentRow");
@@ -1174,7 +1185,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1 /* STABLE */
       }, 8 /* PROPS */, ["variant"])]),
       _: 1 /* STABLE */
-    }), createVNode(_component_OrDataGridTableContent, null, {
+    }), _ctx.notification ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_OrNotification, mergeProps(_ctx.notification, {
+      class: "rounded-0",
+      onClose: _cache[3] || (_cache[3] = $event => _ctx.$emit('close-notification'))
+    }), {
+      default: withCtx(() => [_ctx.$slots['notification'] ? renderSlot(_ctx.$slots, 'notification', {
+        key: 0
+      }) : createCommentVNode("v-if", true)]),
+      _: 3 /* FORWARDED */
+    }, 16 /* FULL_PROPS */)])) : createCommentVNode("v-if", true), createVNode(_component_OrDataGridTableContent, null, {
       default: withCtx(() => [_ctx.loading ? (openBlock(), createElementBlock(Fragment, {
         key: 0
       }, renderList(10, n => {
@@ -1221,7 +1240,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }, {
             default: withCtx(() => [createVNode(_component_OrCheckbox, {
               modelValue: _ctx.selectingModel,
-              "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => _ctx.selectingModel = $event),
+              "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => _ctx.selectingModel = $event),
               value: item.id
             }, null, 8 /* PROPS */, ["modelValue", "value"])]),
             _: 2 /* DYNAMIC */
@@ -1235,7 +1254,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 item[column.name] = value;
                 _ctx.$emit('update:item', item);
               },
-              onFocusin: _cache[4] || (_cache[4] = $event => _ctx.scrollTo($event))
+              onFocusin: _cache[5] || (_cache[5] = $event => _ctx.scrollTo($event))
             }, {
               default: withCtx(() => [renderSlot(_ctx.$slots, column.name, {
                 column: column,
@@ -1298,7 +1317,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     name: "paging",
     fn: withCtx(() => [createVNode(_component_OrPagination, {
       modelValue: _ctx.pagingModel,
-      "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => _ctx.pagingModel = $event),
+      "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => _ctx.pagingModel = $event),
       length: _ctx.features.paging.length,
       options: _ctx.features.paging.options
     }, null, 8 /* PROPS */, ["modelValue", "length", "options"])]),

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

@@ -1 +1 @@
-export { s as default } from '../OrNotificationV3-d111cab4.js';
+export { s as default } from '../OrNotificationV3-7ed646ba.js';

package/dist/bundled/components/OrNotificationV3/OrNotification.vue.d.ts

@@ -9,6 +9,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    message: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }, {
     root: import("vue").Ref<HTMLElement | undefined>;
     rootStyles: import("vue").ComputedRef<string[]>;
@@ -23,8 +27,13 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    message: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>>, {
     variant: "success" | "warning" | "error" | "info";
     disableClose: boolean;
+    message: string;
 }, {}>;
 export default _default;

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

@@ -1 +1 @@
-export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotificationV3-d111cab4.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotificationV3-7ed646ba.js';

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

@@ -1 +1 @@
-export { N as NotificationVariant } from '../OrNotificationV3-d111cab4.js';
+export { N as NotificationVariant } from '../OrNotificationV3-7ed646ba.js';

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

@@ -1 +1 @@
-export { a as Notification, c as NotificationIcon, d as NotificationIconVariants, b as NotificationVariants } from '../OrNotificationV3-d111cab4.js';
+export { a as Notification, c as NotificationIcon, d as NotificationIconVariants, b as NotificationVariants } from '../OrNotificationV3-7ed646ba.js';

package/dist/bundled/components/{OrNotificationV3-d111cab4.js → OrNotificationV3-7ed646ba.js}

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, createBlock, withModifiers, createCommentVNode } from 'vue';
+import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, createTextVNode, toDisplayString, createBlock, withModifiers, createCommentVNode } from 'vue';
 import { s as script$1 } from './OrIconV3-9807ee48.js';
 import { s as script$2 } from './OrIconButtonV3-47bef849.js';
 
@@ -77,6 +77,10 @@ var script = defineComponent({
     disableClose: {
       type: Boolean,
       default: false
+    },
+    message: {
+      type: String,
+      default: undefined
     }
   },
   expose: ['root'],
@@ -128,7 +132,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(_ctx.iconStyles),
     icon: _ctx.icon,
     variant: 'filled-bold'
-  }, null, 8 /* PROPS */, ["class", "icon"])]), createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")]), createElementVNode("div", _hoisted_3, [!_ctx.disableClose ? (openBlock(), createBlock(_component_OrIconButton, {
+  }, null, 8 /* PROPS */, ["class", "icon"])]), createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.message), 1 /* TEXT */)])]), createElementVNode("div", _hoisted_3, [!_ctx.disableClose ? (openBlock(), createBlock(_component_OrIconButton, {
     key: 0,
     icon: 'close',
     size: 'm',

package/dist/bundled/components/index.js

@@ -24,7 +24,7 @@ export { s as OrCombinedInputV3 } from './OrCombinedInputV3-7aa0d255.js';
 export { s as OrConfirm } from './OrConfirm-42142758.js';
 export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirmV3-b8e40c10.js';
 export { default as OrContextMenuV3 } from './OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, s as OrDataGridV3 } from './OrDataGridV3-3c616520.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from './OrDataGridV3-dcdb59c8.js';
 export { s as OrDateFormatV3 } from './OrDateFormatV3-3495075a.js';
 export { s as OrDatePickerV3 } from './OrDatePickerV3-c675b113.js';
 export { s as OrDateRangePickerV3 } from './OrDateRangePickerV3-ab4a5170.js';
@@ -70,7 +70,7 @@ export { s as OrMenuV3 } from './OrMenuV3-e7d4f361.js';
 export { s as OrModal, O as OrModalSizes } from './OrModal-84dcf453.js';
 export { M as ModalSize, s as OrModalV3 } from './OrModalV3-4caade87.js';
 export { OR_NOTIFICATION_SIZE, OR_NOTIFICATION_TYPE, OrNotification } from './OrNotification/index.js';
-export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotificationV3-d111cab4.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotificationV3-7ed646ba.js';
 export { default as OrNumberInput } from './OrNumberInput/OrNumberInput.js';
 export { default as OrOverflowMenu } from './OrOverflowMenu/OrOverflowMenu.js';
 export { default as OrOverlay } from './OrOverlay/OrOverlay.js';