@rotki/ui-library 2.15.0 → 2.16.1

package/dist/composables/tables/data-table/columns.js

@@ -1,54 +1,46 @@
 import { isHeaderSlot } from "./types.js";
 import { computed, toValue } from "vue";
 import { get } from "@vueuse/shared";
+//#region src/composables/tables/data-table/columns.ts
 function useTableColumns(options) {
-  const { cols, columnAttr, expandable, groupKeys, rows, selectedData, slots } = options;
-  const getKeys = (t) => Object.keys(t);
-  const columns = computed(() => {
-    const currentCols = toValue(cols);
-    const currentRows = toValue(rows);
-    const data = currentCols ?? getKeys(currentRows[0] ?? {}).map(
-      (key) => ({
-        key,
-        [columnAttr]: String(key)
-      })
-    );
-    const hasExpandColumn = data.some((row) => row.key === "expand");
-    if (get(expandable) && !hasExpandColumn) {
-      return [
-        ...data,
-        {
-          key: "expand",
-          sortable: false,
-          class: "w-16",
-          cellClass: "!py-0 w-16",
-          align: "end"
-        }
-      ];
-    }
-    const groupByKeys = get(groupKeys);
-    if (groupByKeys.length === 0)
-      return data;
-    return data.filter((column) => !groupByKeys.includes(column.key));
-  });
-  const colspan = computed(() => {
-    let columnLength = get(columns).length;
-    if (get(selectedData))
-      columnLength++;
-    return columnLength;
-  });
-  const headerSlots = computed(() => Object.keys(slots).filter(isHeaderSlot));
-  function cellValue(row, key) {
-    return row[key];
-  }
-  return {
-    columns,
-    colspan,
-    headerSlots,
-    cellValue
-  };
+	const { cols, columnAttr, expandable, groupKeys, rows, selectedData, slots } = options;
+	const getKeys = (t) => Object.keys(t);
+	const columns = computed(() => {
+		const currentCols = toValue(cols);
+		const currentRows = toValue(rows);
+		const data = currentCols ?? getKeys(currentRows[0] ?? {}).map((key) => ({
+			key,
+			[columnAttr]: String(key)
+		}));
+		const hasExpandColumn = data.some((row) => row.key === "expand");
+		if (get(expandable) && !hasExpandColumn) return [...data, {
+			key: "expand",
+			sortable: false,
+			class: "w-16",
+			cellClass: "!py-0 w-16",
+			align: "end"
+		}];
+		const groupByKeys = get(groupKeys);
+		if (groupByKeys.length === 0) return data;
+		return data.filter((column) => !groupByKeys.includes(column.key));
+	});
+	const colspan = computed(() => {
+		let columnLength = get(columns).length;
+		if (get(selectedData)) columnLength++;
+		return columnLength;
+	});
+	const headerSlots = computed(() => Object.keys(slots).filter(isHeaderSlot));
+	function cellValue(row, key) {
+		return row[key];
+	}
+	return {
+		columns,
+		colspan,
+		headerSlots,
+		cellValue
+	};
 }
-export {
-  useTableColumns
-};
-//# sourceMappingURL=columns.js.map
+//#endregion
+export { useTableColumns };
+
+//# sourceMappingURL=columns.js.map

package/dist/composables/tables/data-table/columns.js.map

@@ -1 +1 @@
-{"version":3,"file":"columns.js","sources":["../../../../src/composables/tables/data-table/columns.ts"],"sourcesContent":["import type { ComputedRef, MaybeRefOrGetter, Ref } from 'vue';\nimport type {\n  NoneSortableTableColumn,\n  TableColumn,\n  TableRowKey,\n} from '@/components/tables/RuiTableHead.vue';\nimport { isHeaderSlot } from '@/composables/tables/data-table/types';\n\nexport interface UseTableColumnsOptions<T extends object, IdType extends keyof T> {\n  /** Column definitions for the table. When omitted, columns are inferred from row data. */\n  cols: MaybeRefOrGetter<TableColumn<T>[] | undefined>;\n  /** The property on each column definition used as the column identifier. */\n  columnAttr: keyof TableColumn<T>;\n  /** The data rows to display in the table. */\n  rows: MaybeRefOrGetter<readonly T[]>;\n  /** Whether row expansion is enabled. */\n  expandable: ComputedRef<boolean>;\n  /** The keys currently used for grouping rows. */\n  groupKeys: ComputedRef<TableRowKey<T>[]>;\n  /** The currently selected row identifiers. */\n  selectedData: Ref<T[IdType][] | undefined>;\n  /** Template slots provided to the table component. */\n  slots: Record<string, any>;\n}\n\nexport interface UseTableColumnsReturn<T extends object> {\n  columns: ComputedRef<TableColumn<T>[]>;\n  colspan: ComputedRef<number>;\n  headerSlots: ComputedRef<`header.${string}`[]>;\n  cellValue: (row: T, key: TableColumn<T>['key']) => T[TableRowKey<T>];\n}\n\nexport function useTableColumns<T extends object, IdType extends keyof T>(\n  options: UseTableColumnsOptions<T, IdType>,\n): UseTableColumnsReturn<T> {\n  const { cols, columnAttr, expandable, groupKeys, rows, selectedData, slots } = options;\n\n  const getKeys = <O extends object>(t: O): TableRowKey<O>[] => Object.keys(t) as TableRowKey<O>[];\n\n  const columns = computed<TableColumn<T>[]>(() => {\n    const currentCols = toValue(cols);\n    const currentRows = toValue(rows);\n    const data =\n      currentCols ??\n      getKeys(currentRows[0] ?? {}).map(\n        key =>\n          ({\n            key,\n            [columnAttr]: String(key),\n          }) satisfies NoneSortableTableColumn<T>,\n      );\n\n    const hasExpandColumn = data.some(row => row.key === 'expand');\n\n    if (get(expandable) && !hasExpandColumn) {\n      return [\n        ...data,\n        {\n          key: 'expand' as TableRowKey<T>,\n          sortable: false,\n          class: 'w-16',\n          cellClass: '!py-0 w-16',\n          align: 'end',\n        } satisfies NoneSortableTableColumn<T>,\n      ];\n    }\n\n    const groupByKeys = get(groupKeys);\n\n    if (groupByKeys.length === 0)\n      return data;\n\n    return data.filter(column => !groupByKeys.includes(column.key as TableRowKey<T>));\n  });\n\n  const colspan = computed<number>(() => {\n    let columnLength = get(columns).length;\n    if (get(selectedData))\n      columnLength++;\n\n    return columnLength;\n  });\n\n  const headerSlots = computed<`header.${string}`[]>(() => Object.keys(slots).filter(isHeaderSlot));\n\n  function cellValue(row: T, key: TableColumn<T>['key']): T[TableRowKey<T>] {\n    return row[key as TableRowKey<T>];\n  }\n\n  return {\n    columns,\n    colspan,\n    headerSlots,\n    cellValue,\n  };\n}\n"],"names":[],"mappings":";;;AAgCO,SAAS,gBACd,SAC0B;AAC1B,QAAM,EAAE,MAAM,YAAY,YAAY,WAAW,MAAM,cAAc,UAAU;AAE/E,QAAM,UAAU,CAAmB,MAA2B,OAAO,KAAK,CAAC;AAE3E,QAAM,UAAU,SAA2B,MAAM;AAC/C,UAAM,cAAc,QAAQ,IAAI;AAChC,UAAM,cAAc,QAAQ,IAAI;AAChC,UAAM,OACJ,eACA,QAAQ,YAAY,CAAC,KAAK,CAAA,CAAE,EAAE;AAAA,MAC5B,CAAA,SACG;AAAA,QACC;AAAA,QACA,CAAC,UAAU,GAAG,OAAO,GAAG;AAAA,MAAA;AAAA,IAC1B;AAGN,UAAM,kBAAkB,KAAK,KAAK,CAAA,QAAO,IAAI,QAAQ,QAAQ;AAE7D,QAAI,IAAI,UAAU,KAAK,CAAC,iBAAiB;AACvC,aAAO;AAAA,QACL,GAAG;AAAA,QACH;AAAA,UACE,KAAK;AAAA,UACL,UAAU;AAAA,UACV,OAAO;AAAA,UACP,WAAW;AAAA,UACX,OAAO;AAAA,QAAA;AAAA,MACT;AAAA,IAEJ;AAEA,UAAM,cAAc,IAAI,SAAS;AAEjC,QAAI,YAAY,WAAW;AACzB,aAAO;AAET,WAAO,KAAK,OAAO,CAAA,WAAU,CAAC,YAAY,SAAS,OAAO,GAAqB,CAAC;AAAA,EAClF,CAAC;AAED,QAAM,UAAU,SAAiB,MAAM;AACrC,QAAI,eAAe,IAAI,OAAO,EAAE;AAChC,QAAI,IAAI,YAAY;AAClB;AAEF,WAAO;AAAA,EACT,CAAC;AAED,QAAM,cAAc,SAA+B,MAAM,OAAO,KAAK,KAAK,EAAE,OAAO,YAAY,CAAC;AAEhG,WAAS,UAAU,KAAQ,KAA+C;AACxE,WAAO,IAAI,GAAqB;AAAA,EAClC;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"columns.js","names":[],"sources":["../../../../src/composables/tables/data-table/columns.ts"],"sourcesContent":["import type { ComputedRef, MaybeRefOrGetter, Ref } from 'vue';\nimport type {\n  NoneSortableTableColumn,\n  TableColumn,\n  TableRowKey,\n} from '@/components/tables/RuiTableHead.vue';\nimport { isHeaderSlot } from '@/composables/tables/data-table/types';\n\nexport interface UseTableColumnsOptions<T extends object, IdType extends keyof T> {\n  /** Column definitions for the table. When omitted, columns are inferred from row data. */\n  cols: MaybeRefOrGetter<TableColumn<T>[] | undefined>;\n  /** The property on each column definition used as the column identifier. */\n  columnAttr: keyof TableColumn<T>;\n  /** The data rows to display in the table. */\n  rows: MaybeRefOrGetter<readonly T[]>;\n  /** Whether row expansion is enabled. */\n  expandable: ComputedRef<boolean>;\n  /** The keys currently used for grouping rows. */\n  groupKeys: ComputedRef<TableRowKey<T>[]>;\n  /** The currently selected row identifiers. */\n  selectedData: Ref<T[IdType][] | undefined>;\n  /** Template slots provided to the table component. */\n  slots: Record<string, any>;\n}\n\nexport interface UseTableColumnsReturn<T extends object> {\n  columns: ComputedRef<TableColumn<T>[]>;\n  colspan: ComputedRef<number>;\n  headerSlots: ComputedRef<`header.${string}`[]>;\n  cellValue: (row: T, key: TableColumn<T>['key']) => T[TableRowKey<T>];\n}\n\nexport function useTableColumns<T extends object, IdType extends keyof T>(\n  options: UseTableColumnsOptions<T, IdType>,\n): UseTableColumnsReturn<T> {\n  const { cols, columnAttr, expandable, groupKeys, rows, selectedData, slots } = options;\n\n  const getKeys = <O extends object>(t: O): TableRowKey<O>[] => Object.keys(t) as TableRowKey<O>[];\n\n  const columns = computed<TableColumn<T>[]>(() => {\n    const currentCols = toValue(cols);\n    const currentRows = toValue(rows);\n    const data =\n      currentCols ??\n      getKeys(currentRows[0] ?? {}).map(\n        key =>\n          ({\n            key,\n            [columnAttr]: String(key),\n          }) satisfies NoneSortableTableColumn<T>,\n      );\n\n    const hasExpandColumn = data.some(row => row.key === 'expand');\n\n    if (get(expandable) && !hasExpandColumn) {\n      return [\n        ...data,\n        {\n          key: 'expand' as TableRowKey<T>,\n          sortable: false,\n          class: 'w-16',\n          cellClass: '!py-0 w-16',\n          align: 'end',\n        } satisfies NoneSortableTableColumn<T>,\n      ];\n    }\n\n    const groupByKeys = get(groupKeys);\n\n    if (groupByKeys.length === 0)\n      return data;\n\n    return data.filter(column => !groupByKeys.includes(column.key as TableRowKey<T>));\n  });\n\n  const colspan = computed<number>(() => {\n    let columnLength = get(columns).length;\n    if (get(selectedData))\n      columnLength++;\n\n    return columnLength;\n  });\n\n  const headerSlots = computed<`header.${string}`[]>(() => Object.keys(slots).filter(isHeaderSlot));\n\n  function cellValue(row: T, key: TableColumn<T>['key']): T[TableRowKey<T>] {\n    return row[key as TableRowKey<T>];\n  }\n\n  return {\n    columns,\n    colspan,\n    headerSlots,\n    cellValue,\n  };\n}\n"],"mappings":";;;;AAgCA,SAAgB,gBACd,SAC0B;CAC1B,MAAM,EAAE,MAAM,YAAY,YAAY,WAAW,MAAM,cAAc,UAAU;CAE/E,MAAM,WAA6B,MAA2B,OAAO,KAAK,EAAE;CAE5E,MAAM,UAAU,eAAiC;EAC/C,MAAM,cAAc,QAAQ,KAAK;EACjC,MAAM,cAAc,QAAQ,KAAK;EACjC,MAAM,OACJ,eACA,QAAQ,YAAY,MAAM,EAAE,CAAC,CAAC,KAC5B,SACG;GACC;IACC,aAAa,OAAO,IAAA;GACtB,EACJ;EAEH,MAAM,kBAAkB,KAAK,MAAK,QAAO,IAAI,QAAQ,SAAS;AAE9D,MAAI,IAAI,WAAW,IAAI,CAAC,gBACtB,QAAO,CACL,GAAG,MACH;GACE,KAAK;GACL,UAAU;GACV,OAAO;GACP,WAAW;GACX,OAAO;GACR,CACF;EAGH,MAAM,cAAc,IAAI,UAAU;AAElC,MAAI,YAAY,WAAW,EACzB,QAAO;AAET,SAAO,KAAK,QAAO,WAAU,CAAC,YAAY,SAAS,OAAO,IAAsB,CAAC;GACjF;CAEF,MAAM,UAAU,eAAuB;EACrC,IAAI,eAAe,IAAI,QAAQ,CAAC;AAChC,MAAI,IAAI,aAAa,CACnB;AAEF,SAAO;GACP;CAEF,MAAM,cAAc,eAAqC,OAAO,KAAK,MAAM,CAAC,OAAO,aAAa,CAAC;CAEjG,SAAS,UAAU,KAAQ,KAA+C;AACxE,SAAO,IAAI;;AAGb,QAAO;EACL;EACA;EACA;EACA;EACD"}

package/dist/composables/tables/data-table/expansion.js

@@ -1,38 +1,33 @@
 import { computed } from "vue";
 import { get, set } from "@vueuse/shared";
+//#region src/composables/tables/data-table/expansion.ts
 function useTableExpansion(options, deps) {
-  const { rowAttr, singleExpand } = options;
-  const { expanded, hasExpandedItemSlot } = deps;
-  const expandable = computed(() => !!get(expanded) && get(hasExpandedItemSlot));
-  const expandedSet = computed(() => {
-    const expandedVal = get(expanded);
-    if (!expandedVal?.length)
-      return /* @__PURE__ */ new Set();
-    return new Set(expandedVal.map((row) => row[rowAttr]));
-  });
-  function isExpanded(identifier) {
-    return get(expandedSet).has(identifier);
-  }
-  function onToggleExpand(row) {
-    const expandedVal = get(expanded);
-    if (!expandedVal)
-      return;
-    const key = rowAttr;
-    const rowExpanded = isExpanded(row[key]);
-    if (singleExpand)
-      return set(expanded, rowExpanded ? [] : [row]);
-    return set(
-      expanded,
-      rowExpanded ? expandedVal.filter((item) => item[key] !== row[key]) : [...expandedVal, row]
-    );
-  }
-  return {
-    expandable,
-    isExpanded,
-    onToggleExpand
-  };
+	const { rowAttr, singleExpand } = options;
+	const { expanded, hasExpandedItemSlot } = deps;
+	const expandable = computed(() => !!get(expanded) && get(hasExpandedItemSlot));
+	const expandedSet = computed(() => {
+		const expandedVal = get(expanded);
+		if (!expandedVal?.length) return /* @__PURE__ */ new Set();
+		return new Set(expandedVal.map((row) => row[rowAttr]));
+	});
+	function isExpanded(identifier) {
+		return get(expandedSet).has(identifier);
+	}
+	function onToggleExpand(row) {
+		const expandedVal = get(expanded);
+		if (!expandedVal) return;
+		const key = rowAttr;
+		const rowExpanded = isExpanded(row[key]);
+		if (singleExpand) return set(expanded, rowExpanded ? [] : [row]);
+		return set(expanded, rowExpanded ? expandedVal.filter((item) => item[key] !== row[key]) : [...expandedVal, row]);
+	}
+	return {
+		expandable,
+		isExpanded,
+		onToggleExpand
+	};
 }
-export {
-  useTableExpansion
-};
-//# sourceMappingURL=expansion.js.map
+//#endregion
+export { useTableExpansion };
+
+//# sourceMappingURL=expansion.js.map

package/dist/composables/tables/data-table/expansion.js.map

@@ -1 +1 @@
-{"version":3,"file":"expansion.js","sources":["../../../../src/composables/tables/data-table/expansion.ts"],"sourcesContent":["import type { ComputedRef, Ref } from 'vue';\n\nexport interface UseTableExpansionOptions<T extends object, IdType extends keyof T> {\n  /** The property on each row used as the unique row identifier. */\n  rowAttr: IdType;\n  /** Whether only one row can be expanded at a time. */\n  singleExpand: boolean;\n}\n\nexport interface UseTableExpansionDeps<T extends object> {\n  expanded: Ref<T[] | undefined>;\n  hasExpandedItemSlot: Ref<boolean>;\n}\n\nexport interface UseTableExpansionReturn<T extends object, IdType extends keyof T> {\n  expandable: ComputedRef<boolean>;\n  isExpanded: (identifier: T[IdType]) => boolean;\n  onToggleExpand: (row: T) => void;\n}\n\nexport function useTableExpansion<T extends object, IdType extends keyof T>(\n  options: UseTableExpansionOptions<T, IdType>,\n  deps: UseTableExpansionDeps<T>,\n): UseTableExpansionReturn<T, IdType> {\n  const { rowAttr, singleExpand } = options;\n  const { expanded, hasExpandedItemSlot } = deps;\n\n  const expandable = computed<boolean>(() => !!get(expanded) && get(hasExpandedItemSlot));\n\n  const expandedSet = computed<Set<T[IdType]>>(() => {\n    const expandedVal = get(expanded);\n    if (!expandedVal?.length)\n      return new Set<T[IdType]>();\n    return new Set<T[IdType]>(expandedVal.map(row => row[rowAttr]));\n  });\n\n  function isExpanded(identifier: T[IdType]): boolean {\n    return get(expandedSet).has(identifier);\n  }\n\n  function onToggleExpand(row: T): void {\n    const expandedVal = get(expanded);\n    if (!expandedVal)\n      return;\n\n    const key = rowAttr;\n    const rowExpanded = isExpanded(row[key]);\n\n    if (singleExpand)\n      return set(expanded, rowExpanded ? [] : [row]);\n\n    return set(\n      expanded,\n      rowExpanded ? expandedVal.filter(item => item[key] !== row[key]) : [...expandedVal, row],\n    );\n  }\n\n  return {\n    expandable,\n    isExpanded,\n    onToggleExpand,\n  };\n}\n"],"names":[],"mappings":";;AAoBO,SAAS,kBACd,SACA,MACoC;AACpC,QAAM,EAAE,SAAS,aAAA,IAAiB;AAClC,QAAM,EAAE,UAAU,oBAAA,IAAwB;AAE1C,QAAM,aAAa,SAAkB,MAAM,CAAC,CAAC,IAAI,QAAQ,KAAK,IAAI,mBAAmB,CAAC;AAEtF,QAAM,cAAc,SAAyB,MAAM;AACjD,UAAM,cAAc,IAAI,QAAQ;AAChC,QAAI,CAAC,aAAa;AAChB,iCAAW,IAAA;AACb,WAAO,IAAI,IAAe,YAAY,IAAI,SAAO,IAAI,OAAO,CAAC,CAAC;AAAA,EAChE,CAAC;AAED,WAAS,WAAW,YAAgC;AAClD,WAAO,IAAI,WAAW,EAAE,IAAI,UAAU;AAAA,EACxC;AAEA,WAAS,eAAe,KAAc;AACpC,UAAM,cAAc,IAAI,QAAQ;AAChC,QAAI,CAAC;AACH;AAEF,UAAM,MAAM;AACZ,UAAM,cAAc,WAAW,IAAI,GAAG,CAAC;AAEvC,QAAI;AACF,aAAO,IAAI,UAAU,cAAc,CAAA,IAAK,CAAC,GAAG,CAAC;AAE/C,WAAO;AAAA,MACL;AAAA,MACA,cAAc,YAAY,OAAO,CAAA,SAAQ,KAAK,GAAG,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,GAAG,aAAa,GAAG;AAAA,IAAA;AAAA,EAE3F;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"expansion.js","names":[],"sources":["../../../../src/composables/tables/data-table/expansion.ts"],"sourcesContent":["import type { ComputedRef, Ref } from 'vue';\n\nexport interface UseTableExpansionOptions<T extends object, IdType extends keyof T> {\n  /** The property on each row used as the unique row identifier. */\n  rowAttr: IdType;\n  /** Whether only one row can be expanded at a time. */\n  singleExpand: boolean;\n}\n\nexport interface UseTableExpansionDeps<T extends object> {\n  expanded: Ref<T[] | undefined>;\n  hasExpandedItemSlot: Ref<boolean>;\n}\n\nexport interface UseTableExpansionReturn<T extends object, IdType extends keyof T> {\n  expandable: ComputedRef<boolean>;\n  isExpanded: (identifier: T[IdType]) => boolean;\n  onToggleExpand: (row: T) => void;\n}\n\nexport function useTableExpansion<T extends object, IdType extends keyof T>(\n  options: UseTableExpansionOptions<T, IdType>,\n  deps: UseTableExpansionDeps<T>,\n): UseTableExpansionReturn<T, IdType> {\n  const { rowAttr, singleExpand } = options;\n  const { expanded, hasExpandedItemSlot } = deps;\n\n  const expandable = computed<boolean>(() => !!get(expanded) && get(hasExpandedItemSlot));\n\n  const expandedSet = computed<Set<T[IdType]>>(() => {\n    const expandedVal = get(expanded);\n    if (!expandedVal?.length)\n      return new Set<T[IdType]>();\n    return new Set<T[IdType]>(expandedVal.map(row => row[rowAttr]));\n  });\n\n  function isExpanded(identifier: T[IdType]): boolean {\n    return get(expandedSet).has(identifier);\n  }\n\n  function onToggleExpand(row: T): void {\n    const expandedVal = get(expanded);\n    if (!expandedVal)\n      return;\n\n    const key = rowAttr;\n    const rowExpanded = isExpanded(row[key]);\n\n    if (singleExpand)\n      return set(expanded, rowExpanded ? [] : [row]);\n\n    return set(\n      expanded,\n      rowExpanded ? expandedVal.filter(item => item[key] !== row[key]) : [...expandedVal, row],\n    );\n  }\n\n  return {\n    expandable,\n    isExpanded,\n    onToggleExpand,\n  };\n}\n"],"mappings":";;;AAoBA,SAAgB,kBACd,SACA,MACoC;CACpC,MAAM,EAAE,SAAS,iBAAiB;CAClC,MAAM,EAAE,UAAU,wBAAwB;CAE1C,MAAM,aAAa,eAAwB,CAAC,CAAC,IAAI,SAAS,IAAI,IAAI,oBAAoB,CAAC;CAEvF,MAAM,cAAc,eAA+B;EACjD,MAAM,cAAc,IAAI,SAAS;AACjC,MAAI,CAAC,aAAa,OAChB,wBAAO,IAAI,KAAgB;AAC7B,SAAO,IAAI,IAAe,YAAY,KAAI,QAAO,IAAI,SAAS,CAAC;GAC/D;CAEF,SAAS,WAAW,YAAgC;AAClD,SAAO,IAAI,YAAY,CAAC,IAAI,WAAW;;CAGzC,SAAS,eAAe,KAAc;EACpC,MAAM,cAAc,IAAI,SAAS;AACjC,MAAI,CAAC,YACH;EAEF,MAAM,MAAM;EACZ,MAAM,cAAc,WAAW,IAAI,KAAK;AAExC,MAAI,aACF,QAAO,IAAI,UAAU,cAAc,EAAE,GAAG,CAAC,IAAI,CAAC;AAEhD,SAAO,IACL,UACA,cAAc,YAAY,QAAO,SAAQ,KAAK,SAAS,IAAI,KAAK,GAAG,CAAC,GAAG,aAAa,IAAI,CACzF;;AAGH,QAAO;EACL;EACA;EACA;EACD"}

package/dist/composables/tables/data-table/grouping.d.ts

@@ -1,5 +1,5 @@
 import type { ComputedRef, Ref } from 'vue';
-import type { GroupData, TableRowKey, TableRowKeyData } from '../../../components/tables/RuiTableHead.vue.js';
+import type { GroupData, TableRowKey, TableRowKeyData } from '../../../components/tables/RuiTableHead.vue';
 import { type GroupedTableRow } from '../../../composables/tables/data-table/types.js';
 export interface UseTableGroupingOptions<T extends object, IdType extends keyof T> {
     /** The property on each row used as the unique row identifier. */

package/dist/composables/tables/data-table/grouping.js

@@ -1,136 +1,114 @@
-import { isRow } from "./types.js";
 import { assert } from "../../../utils/assert.js";
-import { ref, watch, computed } from "vue";
-import { set, get } from "@vueuse/shared";
+import { isRow } from "./types.js";
+import { computed, ref, watch } from "vue";
 import { isDefined } from "@vueuse/core";
-const GROUP_KEY_SEPARATOR = "\0";
+import { get as get$1, set as set$1 } from "@vueuse/shared";
+//#region src/composables/tables/data-table/grouping.ts
+var GROUP_KEY_SEPARATOR = "\0";
 function useTableGrouping(options, deps) {
-  const { rowAttr } = options;
-  const { group, collapsed, sorted, emitCopyGroup } = deps;
-  const collapsedRows = ref([]);
-  watch(collapsed, (value) => set(collapsedRows, value ?? []), { immediate: true });
-  const groupKeys = computed(() => {
-    const groupBy = get(group);
-    if (!groupBy)
-      return [];
-    if (!Array.isArray(groupBy))
-      return [groupBy];
-    return groupBy;
-  });
-  const groupKey = computed(() => get(groupKeys).join(":"));
-  const isGrouped = computed(() => !!get(groupKey));
-  const collapsedIdentifierSet = computed(
-    () => new Set(get(collapsedRows).map((row) => row[rowAttr]))
-  );
-  const collapsedGroupKeySet = computed(() => {
-    const grouping = get(groupKeys);
-    if (grouping.length === 0)
-      return /* @__PURE__ */ new Set();
-    const seen = /* @__PURE__ */ new Set();
-    for (const row of get(collapsedRows)) {
-      const groupVal = grouping.map((key) => row[key]).filter(isDefined).join(GROUP_KEY_SEPARATOR);
-      seen.add(groupVal);
-    }
-    return seen;
-  });
-  function getRowGroup(row) {
-    const result = {};
-    for (const key of get(groupKeys)) {
-      result[key] = row[key];
-    }
-    return result;
-  }
-  function compareGroupsFn(a, b) {
-    const grouping = get(groupKeys);
-    if (grouping.length === 0)
-      return false;
-    return grouping.every((key) => a[key] === b[key]);
-  }
-  function isExpandedGroup(value) {
-    const groupVal = Object.values(value).filter(isDefined).join(GROUP_KEY_SEPARATOR);
-    return !get(collapsedGroupKeySet).has(groupVal);
-  }
-  function isHiddenRow(row) {
-    if (!get(isGrouped))
-      return false;
-    if (!isRow(row))
-      return false;
-    return get(collapsedIdentifierSet).has(row[rowAttr]);
-  }
-  const mappedGroups = computed(() => {
-    if (!get(isGrouped))
-      return {};
-    const result = get(sorted);
-    const identifier = rowAttr;
-    return result.reduce((acc, row) => {
-      if (!isDefined(row[identifier]) || row[identifier] === "")
-        return acc;
-      const rowGroup = getRowGroup(row);
-      const groupVal = Object.values(rowGroup).filter(isDefined).join(GROUP_KEY_SEPARATOR);
-      if (!acc[groupVal]) {
-        acc[groupVal] = [
-          {
-            __header__: true,
-            group: rowGroup,
-            identifier: groupVal
-          }
-        ];
-      }
-      acc[groupVal].push(row);
-      return acc;
-    }, {});
-  });
-  const grouped = computed(() => {
-    const result = get(sorted);
-    const groupByKey = get(groupKey);
-    if (!groupByKey)
-      return result;
-    return Object.values(get(mappedGroups)).flat();
-  });
-  function getGroupRows(groupVal) {
-    if (!get(isGrouped))
-      return [];
-    const groupRows = get(mappedGroups)[groupVal];
-    assert(groupRows);
-    return groupRows.filter(isRow);
-  }
-  function onToggleExpandGroup(groupPartial, value) {
-    if (!value)
-      return;
-    const currentCollapsed = get(collapsedRows);
-    const groupExpanded = isExpandedGroup(groupPartial);
-    const groupRows = getGroupRows(value);
-    set(
-      collapsedRows,
-      groupExpanded ? [...currentCollapsed, ...groupRows] : currentCollapsed.filter((row) => !compareGroupsFn(row, groupPartial))
-    );
-    set(collapsed, get(collapsedRows));
-  }
-  function onUngroup() {
-    set(collapsedRows, []);
-    set(collapsed, []);
-    set(group, Array.isArray(get(group)) ? [] : void 0);
-  }
-  function onCopyGroup(value) {
-    emitCopyGroup(value);
-  }
-  return {
-    groupKeys,
-    groupKey,
-    isGrouped,
-    mappedGroups,
-    grouped,
-    getRowGroup,
-    getGroupRows,
-    compareGroupsFn,
-    isExpandedGroup,
-    isHiddenRow,
-    onToggleExpandGroup,
-    onUngroup,
-    onCopyGroup
-  };
+	const { rowAttr } = options;
+	const { group, collapsed, sorted, emitCopyGroup } = deps;
+	const collapsedRows = ref([]);
+	watch(collapsed, (value) => set$1(collapsedRows, value ?? []), { immediate: true });
+	const groupKeys = computed(() => {
+		const groupBy = get$1(group);
+		if (!groupBy) return [];
+		if (!Array.isArray(groupBy)) return [groupBy];
+		return groupBy;
+	});
+	const groupKey = computed(() => get$1(groupKeys).join(":"));
+	const isGrouped = computed(() => !!get$1(groupKey));
+	const collapsedIdentifierSet = computed(() => new Set(get$1(collapsedRows).map((row) => row[rowAttr])));
+	const collapsedGroupKeySet = computed(() => {
+		const grouping = get$1(groupKeys);
+		if (grouping.length === 0) return /* @__PURE__ */ new Set();
+		const seen = /* @__PURE__ */ new Set();
+		for (const row of get$1(collapsedRows)) {
+			const groupVal = grouping.map((key) => row[key]).filter(isDefined).join(GROUP_KEY_SEPARATOR);
+			seen.add(groupVal);
+		}
+		return seen;
+	});
+	function getRowGroup(row) {
+		const result = {};
+		for (const key of get$1(groupKeys)) result[key] = row[key];
+		return result;
+	}
+	function compareGroupsFn(a, b) {
+		const grouping = get$1(groupKeys);
+		if (grouping.length === 0) return false;
+		return grouping.every((key) => a[key] === b[key]);
+	}
+	function isExpandedGroup(value) {
+		const groupVal = Object.values(value).filter(isDefined).join(GROUP_KEY_SEPARATOR);
+		return !get$1(collapsedGroupKeySet).has(groupVal);
+	}
+	function isHiddenRow(row) {
+		if (!get$1(isGrouped)) return false;
+		if (!isRow(row)) return false;
+		return get$1(collapsedIdentifierSet).has(row[rowAttr]);
+	}
+	const mappedGroups = computed(() => {
+		if (!get$1(isGrouped)) return {};
+		const result = get$1(sorted);
+		const identifier = rowAttr;
+		return result.reduce((acc, row) => {
+			if (!isDefined(row[identifier]) || row[identifier] === "") return acc;
+			const rowGroup = getRowGroup(row);
+			const groupVal = Object.values(rowGroup).filter(isDefined).join(GROUP_KEY_SEPARATOR);
+			if (!acc[groupVal]) acc[groupVal] = [{
+				__header__: true,
+				group: rowGroup,
+				identifier: groupVal
+			}];
+			acc[groupVal].push(row);
+			return acc;
+		}, {});
+	});
+	const grouped = computed(() => {
+		const result = get$1(sorted);
+		if (!get$1(groupKey)) return result;
+		return Object.values(get$1(mappedGroups)).flat();
+	});
+	function getGroupRows(groupVal) {
+		if (!get$1(isGrouped)) return [];
+		const groupRows = get$1(mappedGroups)[groupVal];
+		assert(groupRows);
+		return groupRows.filter(isRow);
+	}
+	function onToggleExpandGroup(groupPartial, value) {
+		if (!value) return;
+		const currentCollapsed = get$1(collapsedRows);
+		const groupExpanded = isExpandedGroup(groupPartial);
+		const groupRows = getGroupRows(value);
+		set$1(collapsedRows, groupExpanded ? [...currentCollapsed, ...groupRows] : currentCollapsed.filter((row) => !compareGroupsFn(row, groupPartial)));
+		set$1(collapsed, get$1(collapsedRows));
+	}
+	function onUngroup() {
+		set$1(collapsedRows, []);
+		set$1(collapsed, []);
+		set$1(group, Array.isArray(get$1(group)) ? [] : void 0);
+	}
+	function onCopyGroup(value) {
+		emitCopyGroup(value);
+	}
+	return {
+		groupKeys,
+		groupKey,
+		isGrouped,
+		mappedGroups,
+		grouped,
+		getRowGroup,
+		getGroupRows,
+		compareGroupsFn,
+		isExpandedGroup,
+		isHiddenRow,
+		onToggleExpandGroup,
+		onUngroup,
+		onCopyGroup
+	};
 }
-export {
-  useTableGrouping
-};
-//# sourceMappingURL=grouping.js.map
+//#endregion
+export { useTableGrouping };
+
+//# sourceMappingURL=grouping.js.map

package/dist/composables/tables/data-table/grouping.js.map

@@ -1 +1 @@
-{"version":3,"file":"grouping.js","sources":["../../../../src/composables/tables/data-table/grouping.ts"],"sourcesContent":["import type { ComputedRef, Ref } from 'vue';\nimport type { GroupData, TableRowKey, TableRowKeyData } from '@/components/tables/RuiTableHead.vue';\nimport {\n  type GroupedTableRow,\n  type GroupHeader,\n  isRow,\n} from '@/composables/tables/data-table/types';\nimport { assert } from '@/utils/assert';\n\nexport interface UseTableGroupingOptions<T extends object, IdType extends keyof T> {\n  /** The property on each row used as the unique row identifier. */\n  rowAttr: IdType;\n}\n\nexport interface UseTableGroupingDeps<T extends object> {\n  group: Ref<TableRowKeyData<T>>;\n  collapsed: Ref<T[] | undefined>;\n  sorted: ComputedRef<T[]>;\n  emitCopyGroup: (value: GroupData<T>) => void;\n}\n\nexport interface UseTableGroupingReturn<T extends object> {\n  groupKeys: ComputedRef<TableRowKey<T>[]>;\n  groupKey: ComputedRef<string>;\n  isGrouped: ComputedRef<boolean>;\n  mappedGroups: ComputedRef<Record<string, GroupedTableRow<T>[]>>;\n  grouped: ComputedRef<GroupedTableRow<T>[]>;\n  getRowGroup: (row: T) => Partial<T>;\n  getGroupRows: (groupVal: string) => T[];\n  compareGroupsFn: (a: T, b: Partial<T>) => boolean;\n  isExpandedGroup: (value: Partial<T>) => boolean;\n  isHiddenRow: (row: GroupedTableRow<T>) => boolean;\n  onToggleExpandGroup: (group: Partial<T>, value?: string) => void;\n  onUngroup: () => void;\n  onCopyGroup: (value: GroupData<T>) => void;\n}\n\n// Null character separator prevents false collisions when group values contain commas\nconst GROUP_KEY_SEPARATOR = '\\0';\n\nexport function useTableGrouping<T extends object, IdType extends keyof T>(\n  options: UseTableGroupingOptions<T, IdType>,\n  deps: UseTableGroupingDeps<T>,\n): UseTableGroupingReturn<T> {\n  const { rowAttr } = options;\n  const { group, collapsed, sorted, emitCopyGroup } = deps;\n\n  const collapsedRows: Ref<T[]> = ref([]);\n\n  watch(collapsed, value => set(collapsedRows, value ?? []), { immediate: true });\n\n  const groupKeys: ComputedRef<TableRowKey<T>[]> = computed(() => {\n    const groupBy = get(group);\n\n    if (!groupBy)\n      return [];\n\n    if (!Array.isArray(groupBy))\n      return [groupBy];\n\n    return groupBy;\n  });\n\n  const groupKey = computed<string>(() => get(groupKeys).join(':'));\n\n  const isGrouped = computed<boolean>(() => !!get(groupKey));\n\n  const collapsedIdentifierSet = computed<Set<T[IdType]>>(\n    () => new Set(get(collapsedRows).map(row => row[rowAttr])),\n  );\n\n  const collapsedGroupKeySet = computed<Set<string>>(() => {\n    const grouping = get(groupKeys);\n    if (grouping.length === 0)\n      return new Set<string>();\n\n    const seen = new Set<string>();\n    for (const row of get(collapsedRows)) {\n      const groupVal = grouping\n        .map(key => row[key])\n        .filter(isDefined)\n        .join(GROUP_KEY_SEPARATOR);\n      seen.add(groupVal);\n    }\n    return seen;\n  });\n\n  function getRowGroup(row: T): Partial<T> {\n    const result: Partial<T> = {};\n    for (const key of get(groupKeys)) {\n      result[key] = row[key];\n    }\n    return result;\n  }\n\n  function compareGroupsFn(a: T, b: Partial<T>): boolean {\n    const grouping = get(groupKeys);\n    if (grouping.length === 0)\n      return false;\n\n    return grouping.every(key => a[key] === b[key]);\n  }\n\n  function isExpandedGroup(value: Partial<T>): boolean {\n    const groupVal = Object.values(value).filter(isDefined).join(GROUP_KEY_SEPARATOR);\n    return !get(collapsedGroupKeySet).has(groupVal);\n  }\n\n  function isHiddenRow(row: GroupedTableRow<T>): boolean {\n    if (!get(isGrouped))\n      return false;\n    if (!isRow(row))\n      return false;\n    return get(collapsedIdentifierSet).has(row[rowAttr]);\n  }\n\n  const mappedGroups = computed<Record<string, GroupedTableRow<T>[]>>(() => {\n    if (!get(isGrouped))\n      return {};\n\n    const result = get(sorted);\n    const identifier = rowAttr;\n\n    return result.reduce((acc: Record<string, GroupedTableRow<T>[]>, row) => {\n      if (!isDefined(row[identifier]) || row[identifier] === '')\n        return acc;\n\n      const rowGroup = getRowGroup(row);\n      const groupVal = Object.values(rowGroup).filter(isDefined).join(GROUP_KEY_SEPARATOR);\n      if (!acc[groupVal]) {\n        acc[groupVal] = [\n          {\n            __header__: true,\n            group: rowGroup,\n            identifier: groupVal,\n          } satisfies GroupHeader<T>,\n        ];\n      }\n\n      acc[groupVal].push(row);\n\n      return acc;\n    }, {});\n  });\n\n  const grouped = computed<GroupedTableRow<T>[]>(() => {\n    const result = get(sorted);\n    const groupByKey = get(groupKey);\n\n    if (!groupByKey)\n      return result;\n\n    return Object.values(get(mappedGroups)).flat();\n  });\n\n  function getGroupRows(groupVal: string): T[] {\n    if (!get(isGrouped))\n      return [];\n\n    const groupRows = get(mappedGroups)[groupVal];\n    assert(groupRows);\n    return groupRows.filter(isRow);\n  }\n\n  function onToggleExpandGroup(groupPartial: Partial<T>, value?: string): void {\n    if (!value)\n      return;\n\n    const currentCollapsed = get(collapsedRows);\n\n    const groupExpanded = isExpandedGroup(groupPartial);\n\n    const groupRows = getGroupRows(value);\n\n    set(\n      collapsedRows,\n      groupExpanded\n        ? [...currentCollapsed, ...groupRows]\n        : currentCollapsed.filter(row => !compareGroupsFn(row, groupPartial)),\n    );\n\n    set(collapsed, get(collapsedRows));\n  }\n\n  function onUngroup(): void {\n    set(collapsedRows, []);\n\n    set(collapsed, []);\n    set(group, Array.isArray(get(group)) ? [] : undefined);\n  }\n\n  function onCopyGroup(value: GroupData<T>): void {\n    emitCopyGroup(value);\n  }\n\n  return {\n    groupKeys,\n    groupKey,\n    isGrouped,\n    mappedGroups,\n    grouped,\n    getRowGroup,\n    getGroupRows,\n    compareGroupsFn,\n    isExpandedGroup,\n    isHiddenRow,\n    onToggleExpandGroup,\n    onUngroup,\n    onCopyGroup,\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"grouping.js","names":[],"sources":["../../../../src/composables/tables/data-table/grouping.ts"],"sourcesContent":["import type { ComputedRef, Ref } from 'vue';\nimport type { GroupData, TableRowKey, TableRowKeyData } from '@/components/tables/RuiTableHead.vue';\nimport {\n  type GroupedTableRow,\n  type GroupHeader,\n  isRow,\n} from '@/composables/tables/data-table/types';\nimport { assert } from '@/utils/assert';\n\nexport interface UseTableGroupingOptions<T extends object, IdType extends keyof T> {\n  /** The property on each row used as the unique row identifier. */\n  rowAttr: IdType;\n}\n\nexport interface UseTableGroupingDeps<T extends object> {\n  group: Ref<TableRowKeyData<T>>;\n  collapsed: Ref<T[] | undefined>;\n  sorted: ComputedRef<T[]>;\n  emitCopyGroup: (value: GroupData<T>) => void;\n}\n\nexport interface UseTableGroupingReturn<T extends object> {\n  groupKeys: ComputedRef<TableRowKey<T>[]>;\n  groupKey: ComputedRef<string>;\n  isGrouped: ComputedRef<boolean>;\n  mappedGroups: ComputedRef<Record<string, GroupedTableRow<T>[]>>;\n  grouped: ComputedRef<GroupedTableRow<T>[]>;\n  getRowGroup: (row: T) => Partial<T>;\n  getGroupRows: (groupVal: string) => T[];\n  compareGroupsFn: (a: T, b: Partial<T>) => boolean;\n  isExpandedGroup: (value: Partial<T>) => boolean;\n  isHiddenRow: (row: GroupedTableRow<T>) => boolean;\n  onToggleExpandGroup: (group: Partial<T>, value?: string) => void;\n  onUngroup: () => void;\n  onCopyGroup: (value: GroupData<T>) => void;\n}\n\n// Null character separator prevents false collisions when group values contain commas\nconst GROUP_KEY_SEPARATOR = '\\0';\n\nexport function useTableGrouping<T extends object, IdType extends keyof T>(\n  options: UseTableGroupingOptions<T, IdType>,\n  deps: UseTableGroupingDeps<T>,\n): UseTableGroupingReturn<T> {\n  const { rowAttr } = options;\n  const { group, collapsed, sorted, emitCopyGroup } = deps;\n\n  const collapsedRows: Ref<T[]> = ref([]);\n\n  watch(collapsed, value => set(collapsedRows, value ?? []), { immediate: true });\n\n  const groupKeys: ComputedRef<TableRowKey<T>[]> = computed(() => {\n    const groupBy = get(group);\n\n    if (!groupBy)\n      return [];\n\n    if (!Array.isArray(groupBy))\n      return [groupBy];\n\n    return groupBy;\n  });\n\n  const groupKey = computed<string>(() => get(groupKeys).join(':'));\n\n  const isGrouped = computed<boolean>(() => !!get(groupKey));\n\n  const collapsedIdentifierSet = computed<Set<T[IdType]>>(\n    () => new Set(get(collapsedRows).map(row => row[rowAttr])),\n  );\n\n  const collapsedGroupKeySet = computed<Set<string>>(() => {\n    const grouping = get(groupKeys);\n    if (grouping.length === 0)\n      return new Set<string>();\n\n    const seen = new Set<string>();\n    for (const row of get(collapsedRows)) {\n      const groupVal = grouping\n        .map(key => row[key])\n        .filter(isDefined)\n        .join(GROUP_KEY_SEPARATOR);\n      seen.add(groupVal);\n    }\n    return seen;\n  });\n\n  function getRowGroup(row: T): Partial<T> {\n    const result: Partial<T> = {};\n    for (const key of get(groupKeys)) {\n      result[key] = row[key];\n    }\n    return result;\n  }\n\n  function compareGroupsFn(a: T, b: Partial<T>): boolean {\n    const grouping = get(groupKeys);\n    if (grouping.length === 0)\n      return false;\n\n    return grouping.every(key => a[key] === b[key]);\n  }\n\n  function isExpandedGroup(value: Partial<T>): boolean {\n    const groupVal = Object.values(value).filter(isDefined).join(GROUP_KEY_SEPARATOR);\n    return !get(collapsedGroupKeySet).has(groupVal);\n  }\n\n  function isHiddenRow(row: GroupedTableRow<T>): boolean {\n    if (!get(isGrouped))\n      return false;\n    if (!isRow(row))\n      return false;\n    return get(collapsedIdentifierSet).has(row[rowAttr]);\n  }\n\n  const mappedGroups = computed<Record<string, GroupedTableRow<T>[]>>(() => {\n    if (!get(isGrouped))\n      return {};\n\n    const result = get(sorted);\n    const identifier = rowAttr;\n\n    return result.reduce((acc: Record<string, GroupedTableRow<T>[]>, row) => {\n      if (!isDefined(row[identifier]) || row[identifier] === '')\n        return acc;\n\n      const rowGroup = getRowGroup(row);\n      const groupVal = Object.values(rowGroup).filter(isDefined).join(GROUP_KEY_SEPARATOR);\n      if (!acc[groupVal]) {\n        acc[groupVal] = [\n          {\n            __header__: true,\n            group: rowGroup,\n            identifier: groupVal,\n          } satisfies GroupHeader<T>,\n        ];\n      }\n\n      acc[groupVal].push(row);\n\n      return acc;\n    }, {});\n  });\n\n  const grouped = computed<GroupedTableRow<T>[]>(() => {\n    const result = get(sorted);\n    const groupByKey = get(groupKey);\n\n    if (!groupByKey)\n      return result;\n\n    return Object.values(get(mappedGroups)).flat();\n  });\n\n  function getGroupRows(groupVal: string): T[] {\n    if (!get(isGrouped))\n      return [];\n\n    const groupRows = get(mappedGroups)[groupVal];\n    assert(groupRows);\n    return groupRows.filter(isRow);\n  }\n\n  function onToggleExpandGroup(groupPartial: Partial<T>, value?: string): void {\n    if (!value)\n      return;\n\n    const currentCollapsed = get(collapsedRows);\n\n    const groupExpanded = isExpandedGroup(groupPartial);\n\n    const groupRows = getGroupRows(value);\n\n    set(\n      collapsedRows,\n      groupExpanded\n        ? [...currentCollapsed, ...groupRows]\n        : currentCollapsed.filter(row => !compareGroupsFn(row, groupPartial)),\n    );\n\n    set(collapsed, get(collapsedRows));\n  }\n\n  function onUngroup(): void {\n    set(collapsedRows, []);\n\n    set(collapsed, []);\n    set(group, Array.isArray(get(group)) ? [] : undefined);\n  }\n\n  function onCopyGroup(value: GroupData<T>): void {\n    emitCopyGroup(value);\n  }\n\n  return {\n    groupKeys,\n    groupKey,\n    isGrouped,\n    mappedGroups,\n    grouped,\n    getRowGroup,\n    getGroupRows,\n    compareGroupsFn,\n    isExpandedGroup,\n    isHiddenRow,\n    onToggleExpandGroup,\n    onUngroup,\n    onCopyGroup,\n  };\n}\n"],"mappings":";;;;;;AAsCA,IAAM,sBAAsB;AAE5B,SAAgB,iBACd,SACA,MAC2B;CAC3B,MAAM,EAAE,YAAY;CACpB,MAAM,EAAE,OAAO,WAAW,QAAQ,kBAAkB;CAEpD,MAAM,gBAA0B,IAAI,EAAE,CAAC;AAEvC,OAAM,YAAW,UAAS,MAAI,eAAe,SAAS,EAAE,CAAC,EAAE,EAAE,WAAW,MAAM,CAAC;CAE/E,MAAM,YAA2C,eAAe;EAC9D,MAAM,UAAU,MAAI,MAAM;AAE1B,MAAI,CAAC,QACH,QAAO,EAAE;AAEX,MAAI,CAAC,MAAM,QAAQ,QAAQ,CACzB,QAAO,CAAC,QAAQ;AAElB,SAAO;GACP;CAEF,MAAM,WAAW,eAAuB,MAAI,UAAU,CAAC,KAAK,IAAI,CAAC;CAEjE,MAAM,YAAY,eAAwB,CAAC,CAAC,MAAI,SAAS,CAAC;CAE1D,MAAM,yBAAyB,eACvB,IAAI,IAAI,MAAI,cAAc,CAAC,KAAI,QAAO,IAAI,SAAS,CAAC,CAC3D;CAED,MAAM,uBAAuB,eAA4B;EACvD,MAAM,WAAW,MAAI,UAAU;AAC/B,MAAI,SAAS,WAAW,EACtB,wBAAO,IAAI,KAAa;EAE1B,MAAM,uBAAO,IAAI,KAAa;AAC9B,OAAK,MAAM,OAAO,MAAI,cAAc,EAAE;GACpC,MAAM,WAAW,SACd,KAAI,QAAO,IAAI,KAAK,CACpB,OAAO,UAAU,CACjB,KAAK,oBAAoB;AAC5B,QAAK,IAAI,SAAS;;AAEpB,SAAO;GACP;CAEF,SAAS,YAAY,KAAoB;EACvC,MAAM,SAAqB,EAAE;AAC7B,OAAK,MAAM,OAAO,MAAI,UAAU,CAC9B,QAAO,OAAO,IAAI;AAEpB,SAAO;;CAGT,SAAS,gBAAgB,GAAM,GAAwB;EACrD,MAAM,WAAW,MAAI,UAAU;AAC/B,MAAI,SAAS,WAAW,EACtB,QAAO;AAET,SAAO,SAAS,OAAM,QAAO,EAAE,SAAS,EAAE,KAAK;;CAGjD,SAAS,gBAAgB,OAA4B;EACnD,MAAM,WAAW,OAAO,OAAO,MAAM,CAAC,OAAO,UAAU,CAAC,KAAK,oBAAoB;AACjF,SAAO,CAAC,MAAI,qBAAqB,CAAC,IAAI,SAAS;;CAGjD,SAAS,YAAY,KAAkC;AACrD,MAAI,CAAC,MAAI,UAAU,CACjB,QAAO;AACT,MAAI,CAAC,MAAM,IAAI,CACb,QAAO;AACT,SAAO,MAAI,uBAAuB,CAAC,IAAI,IAAI,SAAS;;CAGtD,MAAM,eAAe,eAAqD;AACxE,MAAI,CAAC,MAAI,UAAU,CACjB,QAAO,EAAE;EAEX,MAAM,SAAS,MAAI,OAAO;EAC1B,MAAM,aAAa;AAEnB,SAAO,OAAO,QAAQ,KAA2C,QAAQ;AACvE,OAAI,CAAC,UAAU,IAAI,YAAY,IAAI,IAAI,gBAAgB,GACrD,QAAO;GAET,MAAM,WAAW,YAAY,IAAI;GACjC,MAAM,WAAW,OAAO,OAAO,SAAS,CAAC,OAAO,UAAU,CAAC,KAAK,oBAAoB;AACpF,OAAI,CAAC,IAAI,UACP,KAAI,YAAY,CACd;IACE,YAAY;IACZ,OAAO;IACP,YAAY;IACb,CACF;AAGH,OAAI,UAAU,KAAK,IAAI;AAEvB,UAAO;KACN,EAAE,CAAC;GACN;CAEF,MAAM,UAAU,eAAqC;EACnD,MAAM,SAAS,MAAI,OAAO;AAG1B,MAAI,CAFe,MAAI,SAAS,CAG9B,QAAO;AAET,SAAO,OAAO,OAAO,MAAI,aAAa,CAAC,CAAC,MAAM;GAC9C;CAEF,SAAS,aAAa,UAAuB;AAC3C,MAAI,CAAC,MAAI,UAAU,CACjB,QAAO,EAAE;EAEX,MAAM,YAAY,MAAI,aAAa,CAAC;AACpC,SAAO,UAAU;AACjB,SAAO,UAAU,OAAO,MAAM;;CAGhC,SAAS,oBAAoB,cAA0B,OAAsB;AAC3E,MAAI,CAAC,MACH;EAEF,MAAM,mBAAmB,MAAI,cAAc;EAE3C,MAAM,gBAAgB,gBAAgB,aAAa;EAEnD,MAAM,YAAY,aAAa,MAAM;AAErC,QACE,eACA,gBACI,CAAC,GAAG,kBAAkB,GAAG,UAAU,GACnC,iBAAiB,QAAO,QAAO,CAAC,gBAAgB,KAAK,aAAa,CAAC,CACxE;AAED,QAAI,WAAW,MAAI,cAAc,CAAC;;CAGpC,SAAS,YAAkB;AACzB,QAAI,eAAe,EAAE,CAAC;AAEtB,QAAI,WAAW,EAAE,CAAC;AAClB,QAAI,OAAO,MAAM,QAAQ,MAAI,MAAM,CAAC,GAAG,EAAE,GAAG,KAAA,EAAU;;CAGxD,SAAS,YAAY,OAA2B;AAC9C,gBAAc,MAAM;;AAGtB,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/dist/composables/tables/data-table/pagination.d.ts

@@ -1,6 +1,6 @@
 import type { ComputedRef, Ref } from 'vue';
-import type { TableSortData } from '../../../components/tables/RuiTableHead.vue.js';
-import type { TablePaginationData } from '../../../components/tables/RuiTablePagination.vue.js';
+import type { TableSortData } from '../../../components/tables/RuiTableHead.vue';
+import type { TablePaginationData } from '../../../components/tables/RuiTablePagination.vue';
 import type { TableOptions as TableDefaultOptions } from '../../../composables/defaults/table.js';
 import { type GroupedTableRow } from '../../../composables/tables/data-table/types.js';
 export interface UseTablePaginationOptions {