@onereach/ui-components-vue2 23.3.1-beta.5622.0 → 23.3.1

package/dist/esm/components/index.js

@@ -19,7 +19,7 @@ export { EditorState } from '@codemirror/state';
 export { OrCombinedInputV3 } from './or-combined-input-v3/index.js';
 export { ConfirmType, OrConfirmV3 } from './or-confirm-v3/index.js';
 export { OrContextMenuV3 } from './or-context-menu-v3/index.js';
-export { DataGridVariant, OrDataGridFooter, OrDataGridHeader, OrDataGridNotification, OrDataGridTable, OrDataGridTableContent, OrDataGridTableContentCell, OrDataGridTableContentRow, OrDataGridTableExtraRow, OrDataGridTableFooter, OrDataGridTableFooterCell, OrDataGridTableFooterRow, OrDataGridTableHeader, OrDataGridTableHeaderCell, OrDataGridTableHeaderRow, OrDataGridTablePlaceholder, OrDataGridToolbar, OrDataGridV3 } from './or-data-grid-v3/index.js';
+export { DataGridVariant, OrDataGridV3 } from './or-data-grid-v3/index.js';
 export { OrDateFormatV3 } from './or-date-format-v3/index.js';
 export { OrDatePickerV3 } from './or-date-picker-v3/index.js';
 export { OrDateRangePickerV3 } from './or-date-range-picker-v3/index.js';

package/dist/esm/components/or-data-grid-v3/index.d.ts

@@ -1,3 +1,2 @@
 export { default as OrDataGridV3 } from './OrDataGrid.vue';
 export * from './types';
-export * from './partials';

package/dist/esm/components/or-data-grid-v3/index.js

@@ -1386,7 +1386,7 @@ var __vue_component__$5 = __vue_component__$4;
 
 const DataGridTableExtraRow = [
 // Layout
-'grid col-span-full grid-cols-[subgrid]',
+'grid px-sm+',
 // Typography
 'typography-body-2-regular',
 // Theme
@@ -1417,7 +1417,7 @@ var script$1 = defineComponent({
   setup(props) {
     // Refs & Styles
     const root = ref();
-    const rootStyles = computed(() => ['or-data-grid-table-extra-row-v3', ...DataGridTableExtraRow, ...DataGridTableExtraRowVariants[props.variant]]);
+    const rootStyles = computed(() => ['or-data-grid-table-footer-row-v3', ...DataGridTableExtraRow, ...DataGridTableExtraRowVariants[props.variant]]);
     return {
       root,
       rootStyles
@@ -1531,6 +1531,7 @@ var script = defineComponent({
   setup(props, context) {
     // Refs & Styles
     const root = ref();
+    const pagination = ref();
     const rootStyles = computed(() => ['or-data-grid-v3', ...DataGrid]);
     const tableInlineStyles = computed(() => ({
       scrollPaddingInlineStart: `${[...scrollOffsetStart.value.values()].reduce((accumulator, value) => accumulator + value, 0)}px`,
@@ -1641,6 +1642,10 @@ var script = defineComponent({
     const selectingDisabled = computed(() => {
       return props.items.length === 0 || props.loading || typeof props.features.selecting === 'object' && props.features.selecting.disabled;
     });
+    const skeletonsLength = computed(() => {
+      var _a;
+      return ((_a = pagination.value) === null || _a === void 0 ? void 0 : _a.currentLimit) || 10;
+    });
     // Methods
     function updateSearchingModel(value) {
       searchingModel.value = value;
@@ -1711,10 +1716,12 @@ var script = defineComponent({
     return {
       root,
       rootStyles,
+      pagination,
       tableInlineStyles,
       selectingIndicator,
       showSelectingCouter,
       selectingDisabled,
+      skeletonsLength,
       handleMouseEnterRow,
       handleMouseLeaveRow,
       handleMouseEnterCell,
@@ -1851,11 +1858,13 @@ var __vue_render__ = function () {
       proxy: true
     } : null], null, true)
   }) : _vm._e(), _vm._v(" "), _c('OrDataGridTableContent', [_vm.$slots['before-rows'] ? [_c('OrDataGridTableExtraRow', {
-    staticClass: "border-b-1",
+    class: ['col-span-full border-b-1'],
     attrs: {
       "variant": _vm.variant
     }
-  }, [_vm._t('before-rows')], 2)] : _vm._e(), _vm._v(" "), _vm.loading ? _vm._l(10, function (n) {
+  }, [_c('div', {
+    staticClass: "col-span-full self-center"
+  }, [_vm._t('before-rows')], 2)])] : _vm._e(), _vm._v(" "), _vm.loading ? _vm._l(_vm.skeletonsLength, function (n) {
     return _c('OrDataGridTableContentRow', {
       key: n,
       attrs: {
@@ -1877,7 +1886,11 @@ var __vue_render__ = function () {
           "features": _vm.features,
           "override": true
         }
-      }, [_c('OrSkeletonText')], 1);
+      }, [_vm._t("column-loading", function () {
+        return [_c('OrSkeletonText')];
+      }, {
+        "column": column
+      })], 2);
     })], 2);
   }) : _vm.items.length > 0 ? _vm._l(_vm.items, function (item) {
     return _c('OrDataGridTableContentRow', {
@@ -1969,10 +1982,13 @@ var __vue_render__ = function () {
       "variant": _vm.variant
     }
   }, [_vm._t('empty')], 2)] : _vm._e(), _vm._v(" "), _vm.$slots['after-rows'] ? [_c('OrDataGridTableExtraRow', {
+    class: ['col-span-full'],
     attrs: {
       "variant": _vm.variant
     }
-  }, [_vm._t('after-rows')], 2)] : _vm._e()], 2)], 1), _vm._v(" "), _vm.$slots['extra-row'] ? [_c('OrDataGridTableFooter', [_c('OrDataGridTableFooterRow', {
+  }, [_c('div', {
+    staticClass: "col-span-full self-center"
+  }, [_vm._t('after-rows')], 2)])] : _vm._e()], 2)], 1), _vm._v(" "), _vm.$slots['extra-row'] ? [_c('OrDataGridTableFooter', [_c('OrDataGridTableFooterRow', {
     class: ['shrink-0'],
     attrs: {
       "variant": _vm.variant
@@ -1995,6 +2011,7 @@ var __vue_render__ = function () {
       key: "paging",
       fn: function () {
         return [_c('OrPagination', {
+          ref: "pagination",
           attrs: {
             "length": _vm.features.paging.length,
             "options": _vm.features.paging.options
@@ -2034,4 +2051,4 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({
 }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 var __vue_component__$1 = __vue_component__;
 
-export { DataGridVariant, __vue_component__$x as OrDataGridFooter, __vue_component__$v as OrDataGridHeader, __vue_component__$5 as OrDataGridNotification, __vue_component__$9 as OrDataGridTable, __vue_component__$p as OrDataGridTableContent, __vue_component__$t as OrDataGridTableContentCell, __vue_component__$r as OrDataGridTableContentRow, __vue_component__$3 as OrDataGridTableExtraRow, __vue_component__$j as OrDataGridTableFooter, __vue_component__$n as OrDataGridTableFooterCell, __vue_component__$l as OrDataGridTableFooterRow, __vue_component__$d as OrDataGridTableHeader, __vue_component__$h as OrDataGridTableHeaderCell, __vue_component__$f as OrDataGridTableHeaderRow, __vue_component__$b as OrDataGridTablePlaceholder, __vue_component__$7 as OrDataGridToolbar, __vue_component__$1 as OrDataGridV3 };
+export { DataGridVariant, __vue_component__$1 as OrDataGridV3 };

package/dist/esm/components/or-pagination-v3/index.js

@@ -1,5 +1,5 @@
-import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { e as ee, t as te } from '../../useValidationAttributes-C9_kxaDj-ee1d63dd.js';
+import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { OrButtonV3 as OrButton } from '../or-button-v3/index.js';
 import { OrIconV3 as OrIcon } from '../or-icon-v3/index.js';
 import { OrMenuV3 as OrMenu } from '../or-menu-v3/index.js';
@@ -81,7 +81,7 @@ var script = defineComponent({
     }
   },
   emits: ['update:modelValue'],
-  expose: ['root'],
+  expose: ['root', 'currentLimit'],
   setup(props, context) {
     // Refs & Styles
     const root = ref();

package/dist/esm/index.js

@@ -25,7 +25,7 @@ export { EditorState } from '@codemirror/state';
 export { OrCombinedInputV3 } from './components/or-combined-input-v3/index.js';
 export { ConfirmType, OrConfirmV3 } from './components/or-confirm-v3/index.js';
 export { OrContextMenuV3 } from './components/or-context-menu-v3/index.js';
-export { DataGridVariant, OrDataGridFooter, OrDataGridHeader, OrDataGridNotification, OrDataGridTable, OrDataGridTableContent, OrDataGridTableContentCell, OrDataGridTableContentRow, OrDataGridTableExtraRow, OrDataGridTableFooter, OrDataGridTableFooterCell, OrDataGridTableFooterRow, OrDataGridTableHeader, OrDataGridTableHeaderCell, OrDataGridTableHeaderRow, OrDataGridTablePlaceholder, OrDataGridToolbar, OrDataGridV3 } from './components/or-data-grid-v3/index.js';
+export { DataGridVariant, OrDataGridV3 } from './components/or-data-grid-v3/index.js';
 export { OrDateFormatV3 } from './components/or-date-format-v3/index.js';
 export { OrDatePickerV3 } from './components/or-date-picker-v3/index.js';
 export { OrDateRangePickerV3 } from './components/or-date-range-picker-v3/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components-vue2",
-  "version": "23.3.1-beta.5622.0",
+  "version": "23.3.1",
   "description": "Vue components library for v2",
   "license": "Apache-2.0",
   "sideEffects": false,
@@ -40,8 +40,8 @@
     "@codemirror/view": "^6",
     "@floating-ui/dom": "1.5.3",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^23.3.1-beta.5622.0",
-    "@onereach/ui-components-common": "^23.3.1-beta.5622.0",
+    "@onereach/styles": "^23.3.1",
+    "@onereach/ui-components-common": "^23.3.1",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",
@@ -102,5 +102,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "npmUnpacked": "4.15.2"
+  "npmUnpacked": "4.15.2",
+  "gitHead": "70c41ade8814efa9c5741247f7cb22b8cd4d8af1"
 }