@illinois-grad/grad-vue 3.0.19 → 4.0.0

package/custom-elements.json

@@ -2189,25 +2189,25 @@
             },
             {
               "kind": "field",
-              "name": "sortField",
+              "name": "sorts",
               "type": {
-                "text": "keyof TableRow"
+                "text": "TableSort<TableRow>[]"
               },
               "optional": true
             },
             {
               "kind": "field",
-              "name": "sortOrder",
+              "name": "filter",
               "type": {
-                "text": "1 | -1"
+                "text": "Partial<Record<keyof TableRow, any>>"
               },
               "optional": true
             },
             {
               "kind": "field",
-              "name": "filter",
+              "name": "columnVisibility",
               "type": {
-                "text": "Partial<Record<keyof TableRow, any>>"
+                "text": "Partial<Record<Extract<keyof TableRow, string>, boolean>>"
               },
               "optional": true
             },

package/dist/components/GCheckboxGroup.vue.d.ts

@@ -111,10 +111,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
     onChange?: ((value: string[]) => any) | undefined;
 }>, {
     label: string;
+    required: boolean;
     radio: boolean;
     name: string;
     instructions: string;
     errors: string[];
-    required: boolean;
     formKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/GCurrencyInput.vue.d.ts

@@ -97,10 +97,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
 }>, {
     label: string;
     placeholder: string;
+    required: boolean;
     name: string;
     instructions: string;
     errors: string[];
-    required: boolean;
     formKey: string;
     disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/GDateInput.vue.d.ts

@@ -97,10 +97,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
 }>, {
     label: string;
     placeholder: string;
+    required: boolean;
     name: string;
     instructions: string;
     errors: string[];
-    required: boolean;
     formKey: string;
     disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/GDateRangeInput.vue.d.ts

@@ -118,10 +118,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
     }) => any) | undefined;
 }>, {
     label: string;
+    required: boolean;
     name: string;
     instructions: string;
     errors: string[];
-    required: boolean;
     formKey: string;
     disabled: boolean;
     startLabel: string;

package/dist/components/GEmailInput.vue.d.ts

@@ -85,9 +85,9 @@ declare const __VLS_export: import("vue").DefineComponent<{
 }>, {
     label: string;
     placeholder: string;
+    required: boolean;
     name: string;
     instructions: string;
     errors: string[];
-    required: boolean;
     disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/GFileInput.vue.d.ts

@@ -130,9 +130,9 @@ declare const __VLS_export: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((value: File[]) => any) | undefined;
     onChange?: ((files: File[]) => any) | undefined;
 }>, {
+    required: boolean;
     instructions: string;
     errors: string[];
-    required: boolean;
     disabled: boolean;
     multiple: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/GMultiSelect.vue.d.ts

@@ -146,8 +146,8 @@ declare const __VLS_export: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((value: (string | number)[]) => any) | undefined;
     onChange?: ((value: (string | number)[]) => any) | undefined;
 }>, {
-    errors: string[];
     required: boolean;
+    errors: string[];
     disabled: boolean;
     hiddenLabel: boolean;
     searchDescription: boolean;

package/dist/components/GSelect.vue.d.ts

@@ -160,8 +160,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | number | null | undefined) => any) | undefined;
 }>, {
-    errors: string[];
     required: boolean;
+    errors: string[];
     disabled: boolean;
     searchDescription: boolean;
     searchable: boolean;

package/dist/components/GSelectButton.vue.d.ts

@@ -103,9 +103,9 @@ declare const __VLS_export: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
     size: "small" | "medium" | "large";
+    required: boolean;
     name: string;
     errors: string[];
-    required: boolean;
     formKey: string;
     disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/GTable.vue.d.ts

@@ -1,4 +1,4 @@
-import { TableColumn, TableRow } from "./table/TableColumn.ts";
+import { TableColumn, TableRow, TableSort } from "./table/TableColumn.ts";
 import { VNode } from "vue";
 import { UseFilteringReturn } from "../compose/useFiltering.ts";
 import { CellChangePayload, UseTableChangesReturn } from "../compose/useTableChanges.ts";
@@ -127,16 +127,16 @@ declare const __VLS_export: <T extends TableRow, C extends TableColumn<T>>(__VLS
          */
         showPagination?: boolean;
     } & {
-        sortField?: keyof T;
-        sortOrder?: 1 | -1;
+        sorts?: TableSort<T>[];
         filter?: Partial<Record<keyof T, any>>;
+        columnVisibility?: Partial<Record<Extract<keyof T, string>, boolean>>;
         selectedRows?: string[];
     }) & {
         "onRow-click"?: ((link: string) => any) | undefined;
         "onCell-change"?: ((payload: CellChangePayload<T, Extract<keyof T, string>>) => any) | undefined;
-        "onUpdate:sortField"?: ((value: keyof T | undefined) => any) | undefined;
-        "onUpdate:sortOrder"?: ((value: 1 | -1 | undefined) => any) | undefined;
+        "onUpdate:sorts"?: ((value: TableSort<T, Extract<keyof T, string>>[]) => any) | undefined;
         "onUpdate:filter"?: ((value: Partial<Record<keyof T, any>>) => any) | undefined;
+        "onUpdate:columnVisibility"?: ((value: Partial<Record<Extract<keyof T, string>, boolean>>) => any) | undefined;
         "onUpdate:selectedRows"?: ((value: string[]) => any) | undefined;
         "onBulk-action"?: ((actionId: string, selectedKeys: string[]) => any) | undefined;
     }> & (typeof globalThis extends {
@@ -151,7 +151,7 @@ declare const __VLS_export: <T extends TableRow, C extends TableColumn<T>>(__VLS
         (e: "row-click", link: string): void;
         (e: "bulk-action", actionId: string, selectedKeys: string[]): void;
         (e: "cell-change", payload: CellChangePayload<T>): void;
-    } & (((event: "update:sortField", value: keyof T | undefined) => void) & ((event: "update:sortOrder", value: 1 | -1 | undefined) => void) & ((event: "update:filter", value: Partial<Record<keyof T, any>>) => void) & ((event: "update:selectedRows", value: string[]) => void));
+    } & (((event: "update:sorts", value: TableSort<T, Extract<keyof T, string>>[]) => void) & ((event: "update:filter", value: Partial<Record<keyof T, any>>) => void) & ((event: "update:columnVisibility", value: Partial<Record<Extract<keyof T, string>, boolean>>) => void) & ((event: "update:selectedRows", value: string[]) => void));
 }>) => import("vue").VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

package/dist/components/GTextInput.vue.d.ts

@@ -139,10 +139,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
 }>, {
     label: string;
     placeholder: string;
+    required: boolean;
     name: string;
     instructions: string;
     errors: string[];
-    required: boolean;
     formKey: string;
     disabled: boolean;
     prefix: string;

package/dist/components/GTextarea.vue.d.ts

@@ -150,10 +150,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
 }>, {
     label: string;
     placeholder: string;
+    required: boolean;
     name: string;
     instructions: string;
     errors: string[];
-    required: boolean;
     formKey: string;
     disabled: boolean;
     readonly: boolean;

package/dist/components/table/TableColumn.d.ts

@@ -78,6 +78,10 @@ export interface EditableColumnConfig {
     labelKey?: string;
 }
 type ColumnKey<T> = Extract<keyof T, string>;
+export interface TableSort<T extends TableRow, K extends ColumnKey<T> = ColumnKey<T>> {
+    key: K;
+    order: 1 | -1;
+}
 export interface TableColumn<T extends TableRow, K extends ColumnKey<T> = ColumnKey<T>> {
     key: K;
     label: string;

package/dist/compose/useCustomElementAttrs.d.ts

@@ -3,12 +3,8 @@ type UseCustomElementAttrsOptions = {
 };
 export declare function isCustomElementMode(): boolean;
 export declare function useCustomElementAttrs(options?: UseCustomElementAttrsOptions): {
-    attrs: {
-        [x: string]: unknown;
-    };
+    attrs: import("vue").Attrs;
     isCustomElement: boolean;
-    forwardedAttrs: import("vue").ComputedRef<{
-        [x: string]: unknown;
-    }>;
+    forwardedAttrs: import("vue").ComputedRef<Record<string, unknown>>;
 };
 export {};