@onereach/ui-components-vue2 23.3.3 → 23.3.4-beta.5642.0

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

@@ -820,9 +820,14 @@ var script$8 = defineComponent({
   setup(props, context) {
     // Refs & Styles
     const root = ref();
-    const rootStyles = computed(() => {
+    // const isSortable = computed(() => (props.features?.sorting && !props.column?.sorting === false) || !!props.column?.name);
+    const isSortable = computed(() => {
       var _a, _b, _c;
-      return ['or-data-grid-table-header-cell-v3', ...DataGridTableHeaderCell, ...(((_a = props.column) === null || _a === void 0 ? void 0 : _a.stickiness) ? [`sticky-${props.column.stickiness}`] : []), ...(((_b = props.features) === null || _b === void 0 ? void 0 : _b.sorting) && ((_c = props.column) === null || _c === void 0 ? void 0 : _c.name) ? ['interactivity-click'] : [])];
+      return !!((_a = props.features) === null || _a === void 0 ? void 0 : _a.sorting) && !!((_b = props.column) === null || _b === void 0 ? void 0 : _b.name) && ((_c = props.column) === null || _c === void 0 ? void 0 : _c.sorting) !== false;
+    });
+    const rootStyles = computed(() => {
+      var _a;
+      return ['or-data-grid-table-header-cell-v3', ...DataGridTableHeaderCell, ...(((_a = props.column) === null || _a === void 0 ? void 0 : _a.stickiness) ? [`sticky-${props.column.stickiness}`] : []), ...(isSortable.value ? ['interactivity-click'] : [])];
     });
     const rootInlineStyles = computed(() => {
       if (props.column) {
@@ -855,11 +860,11 @@ var script$8 = defineComponent({
     // State
     const model = computed({
       get: () => {
-        var _a, _b, _c;
-        if (!((_a = props.features) === null || _a === void 0 ? void 0 : _a.sorting)) {
+        var _a, _b;
+        if (!isSortable.value) {
           return;
         }
-        return ((_b = props.modelValue) === null || _b === void 0 ? void 0 : _b.column) === ((_c = props.column) === null || _c === void 0 ? void 0 : _c.name) ? props.modelValue : undefined;
+        return ((_a = props.modelValue) === null || _a === void 0 ? void 0 : _a.column) === ((_b = props.column) === null || _b === void 0 ? void 0 : _b.name) ? props.modelValue : undefined;
       },
       set: value => {
         context.emit('update:modelValue', value);
@@ -867,8 +872,8 @@ var script$8 = defineComponent({
     });
     // Methods
     function toggleSorting() {
-      var _a, _b;
-      if (!((_a = props.features) === null || _a === void 0 ? void 0 : _a.sorting)) {
+      var _a;
+      if (!isSortable.value) {
         return;
       }
       if (model.value) {
@@ -881,7 +886,7 @@ var script$8 = defineComponent({
           throw new Error('[OrDataGridTableHeaderCell]: `column` must be specified.');
         }
         model.value = {
-          column: ((_b = props.column) === null || _b === void 0 ? void 0 : _b.name) || '_check',
+          column: ((_a = props.column) === null || _a === void 0 ? void 0 : _a.name) || '_check',
           direction: 'asc'
         };
       }
@@ -905,6 +910,7 @@ var script$8 = defineComponent({
       root,
       rootStyles,
       rootInlineStyles,
+      isSortable,
       model,
       toggleSorting
     };

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

@@ -18,6 +18,7 @@ export type DataGridColumn = {
     width?: string;
     alignment?: 'start' | 'end' | 'center';
     stickiness?: 'start' | 'end';
+    sorting?: boolean;
     control?: {
         type: 'text' | 'number' | 'rating' | 'select' | 'checkbox' | 'switch' | 'date' | 'time' | 'datetime' | 'tags';
         options?: SelectItem[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components-vue2",
-  "version": "23.3.3",
+  "version": "23.3.4-beta.5642.0",
   "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.3",
-    "@onereach/ui-components-common": "^23.3.3",
+    "@onereach/styles": "^23.3.4-beta.5642.0",
+    "@onereach/ui-components-common": "^23.3.4-beta.5642.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",
@@ -102,6 +102,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "npmUnpacked": "4.15.2",
-  "gitHead": "717aa5b9d5ebbb20b4abd143c89b6a406ca6286a"
+  "npmUnpacked": "4.15.2"
 }