@dosgato/templating 1.0.4 → 1.0.5

package/dist/uitemplate.d.ts

@@ -109,6 +109,36 @@ export interface UITemplate extends UITemplateBase {
         shouldAppear?: (data: PageData, path: string) => boolean;
     }[];
 }
+export interface ExtraDataColumn {
+    /**
+         * A title for the column in header row.
+         */
+    title: string;
+    /**
+     * If given a string, will be treated as a dot-separated path within DataData and
+     * the content at that path will be html-encoded and placed inside the field.
+     *
+     * If given a function, the result of the function will be placed inside the field
+     * without html-encoding, so that you can write your own HTML. Do the encoding yourself.
+     */
+    get: string | ((data: DataData) => string);
+    /**
+     * An icon for the cell in all regular rows (not the header).
+     */
+    icon?: (data: DataData) => IconOrSVG | undefined;
+    /**
+     * Set a fixed width for this column
+     *
+     * For example, "50px", "12em", or "10vw"
+     */
+    fixed?: string;
+    /**
+     * Set a dynamic width for this column as a ratio of the name column
+     *
+     * For example, 0.5 = half the name column, 2 = double the name column
+     */
+    grow?: number;
+}
 export interface UITemplateData extends UITemplateBase {
     /**
      * Add extra columns between name and published status.
@@ -116,36 +146,7 @@ export interface UITemplateData extends UITemplateBase {
      * Without configuration, only data entry name, published status, and modified info
      * is shown in the list view.
      */
-    columns?: {
-        /**
-         * A title for the column in header row.
-         */
-        title: string;
-        /**
-         * If given a string, will be treated as a dot-separated path within DataData and
-         * the content at that path will be html-encoded and placed inside the field.
-         *
-         * If given a function, the result of the function will be placed inside the field
-         * without html-encoding, so that you can write your own HTML. Do the encoding yourself.
-         */
-        get: string | ((data: DataData) => string);
-        /**
-         * An icon for the cell in all regular rows (not the header).
-         */
-        icon?: (data: DataData) => IconOrSVG | undefined;
-        /**
-         * Set a fixed width for this column
-         *
-         * For example, "50px", "12em", or "10vw"
-         */
-        fixed?: string;
-        /**
-         * Set a dynamic width for this column as a ratio of the name column
-         *
-         * For example, 0.5 = half the name column, 2 = double the name column
-         */
-        grow?: number;
-    }[];
+    columns?: ExtraDataColumn[];
     /**
      * It may be preferred to show the computeName source (e.g. title) instead of
      * showing the computed name itself in the leftmost column of the data tree.
@@ -158,6 +159,11 @@ export interface UITemplateData extends UITemplateBase {
         icon?: (data: DataData) => IconOrSVG | undefined;
         get?: string | ((data: DataData) => string);
     };
+    /**
+     * Defines the responsive behavior of the list view, given a tree width. Should return an array with the titles of the extra columns that
+     * should be shown at the given tree width, or an empty array if none should be shown. The behavior of the default columns is handled by the admin interface.
+     */
+    responsiveDataColumns?: ((treeWidth: number) => string[]);
 }
 /**
  * This is a type for the data that will be passed to dialog Svelte components as

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dosgato/templating",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "A library to support building templates for dosgato CMS.",
   "type": "module",
   "exports": {