@onereach/ui-components-vue2 26.3.2 → 26.3.3-beta.5868.0

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

@@ -188,9 +188,17 @@ const __vue_component__$u = /*#__PURE__*/normalizeComponent({
 }, __vue_inject_styles__$f, __vue_script__$f, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, undefined, undefined, undefined);
 var __vue_component__$v = __vue_component__$u;
 
+var DataGridVariant;
+(function (DataGridVariant) {
+  DataGridVariant["Standard"] = "standard";
+  DataGridVariant["Comfortable"] = "comfortable";
+  DataGridVariant["Compact"] = "compact";
+  DataGridVariant["Dynamic"] = "dynamic";
+})(DataGridVariant || (DataGridVariant = {}));
+
 const DataGridTableContentCell = [
 // Layout
-'layout-row',
+'layout-row items-center',
 // Spacing
 'px-sm+', 'py-0', 'gap-xs',
 // Theme
@@ -226,6 +234,7 @@ var script$e = defineComponent({
   },
   props: {
     modelValue: {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
       type: undefined,
       default: undefined
     },
@@ -237,6 +246,10 @@ var script$e = defineComponent({
       type: Object,
       default: undefined
     },
+    variant: {
+      type: String,
+      default: DataGridVariant.Standard
+    },
     override: {
       type: Boolean,
       default: false
@@ -249,7 +262,7 @@ var script$e = defineComponent({
     const root = ref();
     const rootStyles = computed(() => {
       var _a;
-      return ['or-data-grid-table-content-cell-v3', ...DataGridTableContentCell, ...(((_a = props.column) === null || _a === void 0 ? void 0 : _a.stickiness) ? [`sticky-${props.column.stickiness}`] : [])];
+      return ['or-data-grid-table-content-cell-v3', ...DataGridTableContentCell, ...(((_a = props.column) === null || _a === void 0 ? void 0 : _a.stickiness) ? [`sticky-${props.column.stickiness}`] : []), ...(props.variant === DataGridVariant.Dynamic ? ['!py-xs'] : [])];
     });
     const rootInlineStyles = computed(() => {
       if (props.column) {
@@ -279,7 +292,10 @@ var script$e = defineComponent({
         justifyContent: 'center'
       };
     });
-    const contentStyles = computed(() => [...DataGridTableContentCellContent]);
+    const contentStyles = computed(() => {
+      var _a, _b, _c, _d, _e;
+      return [...DataGridTableContentCellContent, ...(((_b = (_a = props.column) === null || _a === void 0 ? void 0 : _a.control) === null || _b === void 0 ? void 0 : _b.type) !== 'text' && ((_d = (_c = props.column) === null || _c === void 0 ? void 0 : _c.control) === null || _d === void 0 ? void 0 : _d.type) !== 'number' ? [] : ['grow']), ...(props.variant === DataGridVariant.Dynamic && !((_e = props.column) === null || _e === void 0 ? void 0 : _e.control) ? ['whitespace-pre-wrap break-words'] : ['truncate'])];
+    });
     // State
     const model = computed({
       get: () => props.modelValue,
@@ -448,13 +464,6 @@ const __vue_component__$s = /*#__PURE__*/normalizeComponent({
 }, __vue_inject_styles__$e, __vue_script__$e, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, undefined, undefined, undefined);
 var __vue_component__$t = __vue_component__$s;
 
-var DataGridVariant;
-(function (DataGridVariant) {
-  DataGridVariant["Standard"] = "standard";
-  DataGridVariant["Comfortable"] = "comfortable";
-  DataGridVariant["Compact"] = "compact";
-})(DataGridVariant || (DataGridVariant = {}));
-
 const DataGridTableContentRow = [
 // Layout
 'grid grid-cols-[subgrid] col-span-full',
@@ -479,7 +488,10 @@ const DataGridTableContentRowVariants = {
   'h-[calc(theme(spacing.3xl)+theme(spacing.xs))]'],
   [DataGridVariant.Compact]: [
   // Box
-  'h-[calc(theme(spacing.xl)+theme(spacing.xs))]']
+  'h-[calc(theme(spacing.xl)+theme(spacing.xs))]'],
+  [DataGridVariant.Dynamic]: [
+  // Box
+  'min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]']
 };
 
 var script$d = defineComponent({
@@ -676,7 +688,10 @@ const DataGridTableFooterRowVariants = {
   'h-[calc(theme(spacing.3xl)+theme(spacing.xs))]'],
   [DataGridVariant.Compact]: [
   // Box
-  'h-[calc(theme(spacing.xl)+theme(spacing.xs))]']
+  'h-[calc(theme(spacing.xl)+theme(spacing.xs))]'],
+  [DataGridVariant.Dynamic]: [
+  // Box
+  'min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]']
 };
 
 var script$a = defineComponent({
@@ -989,7 +1004,10 @@ const DataGridTableHeaderRowVariants = {
   'h-[calc(theme(spacing.3xl)+theme(spacing.xs))]'],
   [DataGridVariant.Compact]: [
   // Box
-  'h-[calc(theme(spacing.xl)+theme(spacing.xs))]']
+  'h-[calc(theme(spacing.xl)+theme(spacing.xs))]'],
+  [DataGridVariant.Dynamic]: [
+  // Box
+  'min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]']
 };
 
 var script$7 = defineComponent({
@@ -1118,7 +1136,10 @@ const DataGridTablePlaceholderVariants = {
   'min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]'],
   [DataGridVariant.Compact]: [
   // Box
-  'min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]']
+  'min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]'],
+  [DataGridVariant.Dynamic]: [
+  // Box
+  'min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]']
 };
 
 var script$5 = defineComponent({
@@ -1330,7 +1351,10 @@ const DataGridNotificationPositionVariants = {
   'top-[calc(theme(spacing.3xl)+theme(spacing.xs))]'],
   [DataGridVariant.Compact]: [
   // Position
-  'top-[calc(theme(spacing.xl)+theme(spacing.xs))]']
+  'top-[calc(theme(spacing.xl)+theme(spacing.xs))]'],
+  [DataGridVariant.Dynamic]: [
+  // Position
+  'top-[calc(theme(spacing.2xl)+theme(spacing.xs))]']
 };
 
 var script$2 = defineComponent({
@@ -1415,7 +1439,10 @@ const DataGridTableExtraRowVariants = {
   'h-[calc(theme(spacing.3xl)+theme(spacing.xs))]'],
   [DataGridVariant.Compact]: [
   // Box
-  'h-[calc(theme(spacing.xl)+theme(spacing.xs))]']
+  'h-[calc(theme(spacing.xl)+theme(spacing.xs))]'],
+  [DataGridVariant.Dynamic]: [
+  // Box
+  'min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]']
 };
 
 var script$1 = defineComponent({
@@ -1893,6 +1920,7 @@ var __vue_render__ = function () {
         "column": {
           stickiness: 'start'
         },
+        "variant": _vm.variant,
         "override": true
       }
     }, [_c('OrSkeletonText')], 1)] : _vm._e(), _vm._v(" "), _vm._l(_vm.columns, function (column) {
@@ -1901,6 +1929,7 @@ var __vue_render__ = function () {
         attrs: {
           "column": column,
           "features": _vm.features,
+          "variant": _vm.variant,
           "override": true
         }
       }, [_vm._t("column-loading", function () {
@@ -1934,6 +1963,8 @@ var __vue_render__ = function () {
         "column": {
           stickiness: 'start'
         },
+        "variant": _vm.variant,
+        "override": true,
         "force-state": 'none'
       },
       on: {
@@ -1962,7 +1993,8 @@ var __vue_render__ = function () {
         attrs: {
           "model-value": item[column.name],
           "column": column,
-          "features": _vm.features
+          "features": _vm.features,
+          "variant": _vm.variant
         },
         on: {
           "input": function ($event) {

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

@@ -27,7 +27,8 @@ export type DataGridColumn = {
 export declare enum DataGridVariant {
     Standard = "standard",
     Comfortable = "comfortable",
-    Compact = "compact"
+    Compact = "compact",
+    Dynamic = "dynamic"
 }
 export type DataGridFeatures = {
     selecting?: boolean | {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components-vue2",
-  "version": "26.3.2",
+  "version": "26.3.3-beta.5868.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": "^26.3.2",
-    "@onereach/ui-components-common": "^26.3.2",
+    "@onereach/styles": "^26.3.3-beta.5868.0",
+    "@onereach/ui-components-common": "^26.3.3-beta.5868.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.27.1",
     "@tiptap/extension-blockquote": "2.27.1",
@@ -102,6 +102,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "npmUnpacked": "4.15.2",
-  "gitHead": "ddb4823a66c209dadbc4e185392cafc4ab9bbe6a"
+  "npmUnpacked": "4.15.2"
 }