sit-onyx 1.4.1-dev-20251125094015 → 1.4.1-dev-20251126095536

package/dist/components/OnyxDataGrid/OnyxDataGridRenderer/types.d.ts

@@ -34,7 +34,7 @@ export type DataGridRendererColumn<TEntry extends DataGridEntry, TProps = any> =
      * The width can also be defined using a fractional flex value like `1fr` or `0.5fr`.
      * To define min and max widths, use the [`minmax`](https://developer.mozilla.org/en-US/docs/Web/CSS/minmax) function, e.g. `minmax(4rem, 10rem)`.
      *
-     * @default "minmax(min-content, 1fr)"
+     * @default "minmax(min-content, 1fr)" or "1fr" when truncation is "ellipsis"
      */
     width?: string;
     /**

package/dist/components/OnyxTable/types.d.ts

@@ -30,6 +30,7 @@ export type OnyxTableProps = DensityProp & {
     /**
      * Defines how overflows of text content in cells (`td`-elements) are handled.
      * The cell can either grow to multiple lines (`'multiline'`) or truncate the text (`'ellipsis'`).
+     * The `'ellipsis'` mode will only show an ellipsis, when a (maximum) width has been defined for a cell/column.
      *
      * @default 'multiline'
      */

package/dist/index.esm-bundler.js

@@ -6937,12 +6937,13 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     const slots = useSlots();
     const tableProps = useForwardProps(props, OnyxTable);
     const columnStyle = computed(() => {
+      const defaultWidth = props.truncation === "ellipsis" ? "1fr" : "minmax(min-content, 1fr)";
       return {
         "--onyx-data-grid-column-count": props.columns.length,
         "--onyx-data-grid-row-count": Math.max(props.rows.length + 2, 3),
         "--onyx-data-grid-template-columns": props.columns.map(({ key, width }) => {
           const name = `--onyx-data-grid-column-${escapeCSS(key)}`;
-          const value = width ?? "minmax(min-content, 1fr)";
+          const value = width ?? defaultWidth;
           return `var(${name}, ${value})`;
         }).join(" ")
       };
@@ -9266,6 +9267,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     const props = __props;
     const i18n = injectI18n();
     const slots = useSlots();
+    const rendererProps = useForwardProps(props, OnyxDataGridRenderer);
     const skeleton = useSkeletonContext(props);
     const renderColumns = shallowRef([]);
     const renderRows = shallowRef([]);
@@ -9312,7 +9314,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
       },
       { immediate: true }
     );
-    const __returned__ = { props, i18n, slots, skeleton, renderColumns, renderRows, rendererColumnGroups, rendererScrollContainerAttributes, rendererSlots, columnConfig, data, features, columnGroups, async, get disposeWatcher() {
+    const __returned__ = { props, i18n, slots, rendererProps, skeleton, renderColumns, renderRows, rendererColumnGroups, rendererScrollContainerAttributes, rendererSlots, columnConfig, data, features, columnGroups, async, get disposeWatcher() {
       return disposeWatcher;
     }, set disposeWatcher(v) {
       disposeWatcher = v;
@@ -9324,20 +9326,12 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
   }
 });
 function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock($setup["OnyxDataGridRenderer"], mergeProps(
-    {
-      "column-groups": $setup.rendererColumnGroups,
-      columns: $setup.renderColumns,
-      rows: $setup.renderRows,
-      "scroll-container-attrs": $setup.rendererScrollContainerAttributes
-    },
-    $setup.mergeVueProps(_ctx.$attrs, {
-      density: $setup.props.density,
-      striped: $setup.props.striped,
-      withVerticalBorders: $setup.props.withVerticalBorders,
-      withPageScrolling: $setup.props.withPageScrolling
-    })
-  ), createSlots({
+  return openBlock(), createBlock($setup["OnyxDataGridRenderer"], mergeProps($setup.mergeVueProps(_ctx.$attrs, $setup.rendererProps), {
+    "column-groups": $setup.rendererColumnGroups,
+    columns: $setup.renderColumns,
+    rows: $setup.renderRows,
+    "scroll-container-attrs": $setup.rendererScrollContainerAttributes
+  }), createSlots({
     _: 2
     /* DYNAMIC */
   }, [
@@ -11553,9 +11547,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     });
     const __returned__ = { props, emit, t, isOpen, currentValueLabel, get iconTranslate() {
       return iconTranslate;
-    }, get OnyxSelectDialog() {
-      return OnyxSelectDialog;
-    }, OnyxIcon, OnyxMenuItem };
+    }, OnyxIcon, OnyxSelectDialog, OnyxMenuItem };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }