@mittwald/flow-react-components 0.2.0-experimental.776 → 1.0.0

package/dist/js/packages/components/src/components/List/model/filter/dateRangeFilterFn.mjs

@@ -1,32 +1,23 @@
 "use client"
 /* */
-import { DateTime } from 'luxon';
-import { CalendarDate } from '@internationalized/date';
-import { transformDateValueToDateTime } from '../../../../lib/date/transformDateValueToDateTime.mjs';
-
+import { transformDateValueToDateTime } from "../../../../lib/date/transformDateValueToDateTime.mjs";
+import { DateTime } from "luxon";
+import { CalendarDate } from "@internationalized/date";
+//#region src/components/List/model/filter/dateRangeFilterFn.ts
 function dateRangeFilterFn(row, columnId, range) {
-  if (!range) {
-    return true;
-  }
-  const value = row.getValue(columnId);
-  let dateValue;
-  if (value instanceof DateTime) {
-    dateValue = value;
-  } else if (value instanceof CalendarDate) {
-    dateValue = transformDateValueToDateTime(value);
-  } else if (typeof value === "string") {
-    dateValue = DateTime.fromISO(value).startOf("day");
-  }
-  if (!dateValue) {
-    return true;
-  }
-  const startDate = range.start ? transformDateValueToDateTime(range.start) : void 0;
-  const endDate = range.end ? transformDateValueToDateTime(range.end) : void 0;
-  if (startDate && dateValue < startDate) {
-    return false;
-  }
-  return !(endDate && dateValue > endDate);
+	if (!range) return true;
+	const value = row.getValue(columnId);
+	let dateValue;
+	if (value instanceof DateTime) dateValue = value;
+	else if (value instanceof CalendarDate) dateValue = transformDateValueToDateTime(value);
+	else if (typeof value === "string") dateValue = DateTime.fromISO(value).startOf("day");
+	if (!dateValue) return true;
+	const startDate = range.start ? transformDateValueToDateTime(range.start) : void 0;
+	const endDate = range.end ? transformDateValueToDateTime(range.end) : void 0;
+	if (startDate && dateValue < startDate) return false;
+	return !(endDate && dateValue > endDate);
 }
-
+//#endregion
 export { dateRangeFilterFn };
-//# sourceMappingURL=dateRangeFilterFn.mjs.map
+
+//# sourceMappingURL=dateRangeFilterFn.mjs.map

package/dist/js/packages/components/src/components/List/model/filter/dateRangeFilterFn.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dateRangeFilterFn.mjs","sources":["../../../../../../../../../src/components/List/model/filter/dateRangeFilterFn.ts"],"sourcesContent":["import { DateTime } from \"luxon\";\nimport { CalendarDate } from \"@internationalized/date\";\nimport type { Row } from \"@tanstack/react-table\";\nimport { transformDateValueToDateTime } from \"@/lib/date/transformDateValueToDateTime\";\n\nexport function dateRangeFilterFn<T>(\n  row: Row<T>,\n  columnId: string,\n  range?: { start?: CalendarDate; end?: CalendarDate },\n): boolean {\n  if (!range) {\n    return true;\n  }\n\n  const value = row.getValue(columnId);\n\n  let dateValue;\n\n  if (value instanceof DateTime) {\n    dateValue = value;\n  } else if (value instanceof CalendarDate) {\n    dateValue = transformDateValueToDateTime(value);\n  } else if (typeof value === \"string\") {\n    dateValue = DateTime.fromISO(value).startOf(\"day\");\n  }\n\n  if (!dateValue) {\n    return true;\n  }\n\n  const startDate = range.start\n    ? transformDateValueToDateTime(range.start)\n    : undefined;\n\n  const endDate = range.end\n    ? transformDateValueToDateTime(range.end)\n    : undefined;\n\n  if (startDate && dateValue < startDate) {\n    return false;\n  }\n\n  return !(endDate && dateValue > endDate);\n}\n"],"names":[],"mappings":";;;;AAKO,SAAS,iBAAA,CACd,GAAA,EACA,QAAA,EACA,KAAA,EACS;AACT,EAAA,IAAI,CAAC,KAAA,EAAO;AACV,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,KAAA,GAAQ,GAAA,CAAI,QAAA,CAAS,QAAQ,CAAA;AAEnC,EAAA,IAAI,SAAA;AAEJ,EAAA,IAAI,iBAAiB,QAAA,EAAU;AAC7B,IAAA,SAAA,GAAY,KAAA;AAAA,EACd,CAAA,MAAA,IAAW,iBAAiB,YAAA,EAAc;AACxC,IAAA,SAAA,GAAY,6BAA6B,KAAK,CAAA;AAAA,EAChD,CAAA,MAAA,IAAW,OAAO,KAAA,KAAU,QAAA,EAAU;AACpC,IAAA,SAAA,GAAY,QAAA,CAAS,OAAA,CAAQ,KAAK,CAAA,CAAE,QAAQ,KAAK,CAAA;AAAA,EACnD;AAEA,EAAA,IAAI,CAAC,SAAA,EAAW;AACd,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,YAAY,KAAA,CAAM,KAAA,GACpB,4BAAA,CAA6B,KAAA,CAAM,KAAK,CAAA,GACxC,MAAA;AAEJ,EAAA,MAAM,UAAU,KAAA,CAAM,GAAA,GAClB,4BAAA,CAA6B,KAAA,CAAM,GAAG,CAAA,GACtC,MAAA;AAEJ,EAAA,IAAI,SAAA,IAAa,YAAY,SAAA,EAAW;AACtC,IAAA,OAAO,KAAA;AAAA,EACT;AAEA,EAAA,OAAO,EAAE,WAAW,SAAA,GAAY,OAAA,CAAA;AAClC;;;;"}
+{"version":3,"file":"dateRangeFilterFn.mjs","names":[],"sources":["../../../../../../../../../src/components/List/model/filter/dateRangeFilterFn.ts"],"sourcesContent":["import { DateTime } from \"luxon\";\nimport { CalendarDate } from \"@internationalized/date\";\nimport type { Row } from \"@tanstack/react-table\";\nimport { transformDateValueToDateTime } from \"@/lib/date/transformDateValueToDateTime\";\n\nexport function dateRangeFilterFn<T>(\n  row: Row<T>,\n  columnId: string,\n  range?: { start?: CalendarDate; end?: CalendarDate },\n): boolean {\n  if (!range) {\n    return true;\n  }\n\n  const value = row.getValue(columnId);\n\n  let dateValue;\n\n  if (value instanceof DateTime) {\n    dateValue = value;\n  } else if (value instanceof CalendarDate) {\n    dateValue = transformDateValueToDateTime(value);\n  } else if (typeof value === \"string\") {\n    dateValue = DateTime.fromISO(value).startOf(\"day\");\n  }\n\n  if (!dateValue) {\n    return true;\n  }\n\n  const startDate = range.start\n    ? transformDateValueToDateTime(range.start)\n    : undefined;\n\n  const endDate = range.end\n    ? transformDateValueToDateTime(range.end)\n    : undefined;\n\n  if (startDate && dateValue < startDate) {\n    return false;\n  }\n\n  return !(endDate && dateValue > endDate);\n}\n"],"mappings":";;;;;;AAKA,SAAgB,kBACd,KACA,UACA,OACS;CACT,IAAI,CAAC,OACH,OAAO;CAGT,MAAM,QAAQ,IAAI,SAAS,QAAQ;CAEnC,IAAI;CAEJ,IAAI,iBAAiB,UACnB,YAAY;MACP,IAAI,iBAAiB,cAC1B,YAAY,6BAA6B,KAAK;MACzC,IAAI,OAAO,UAAU,UAC1B,YAAY,SAAS,QAAQ,KAAK,CAAC,CAAC,QAAQ,KAAK;CAGnD,IAAI,CAAC,WACH,OAAO;CAGT,MAAM,YAAY,MAAM,QACpB,6BAA6B,MAAM,KAAK,IACxC,KAAA;CAEJ,MAAM,UAAU,MAAM,MAClB,6BAA6B,MAAM,GAAG,IACtC,KAAA;CAEJ,IAAI,aAAa,YAAY,WAC3B,OAAO;CAGT,OAAO,EAAE,WAAW,YAAY;AAClC"}

package/dist/js/packages/components/src/components/List/model/item/Item.mjs

@@ -1,18 +1,20 @@
 "use client"
 /* */
-class Item {
-  id;
-  data;
-  collection;
-  constructor(collection, id, data) {
-    this.collection = collection;
-    this.id = id;
-    this.data = data;
-  }
-  static fromRow(collection, row) {
-    return new Item(collection, row.id, row.original);
-  }
-}
-
+//#region src/components/List/model/item/Item.ts
+var Item = class Item {
+	id;
+	data;
+	collection;
+	constructor(collection, id, data) {
+		this.collection = collection;
+		this.id = id;
+		this.data = data;
+	}
+	static fromRow(collection, row) {
+		return new Item(collection, row.id, row.original);
+	}
+};
+//#endregion
 export { Item };
-//# sourceMappingURL=Item.mjs.map
+
+//# sourceMappingURL=Item.mjs.map

package/dist/js/packages/components/src/components/List/model/item/Item.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Item.mjs","sources":["../../../../../../../../../src/components/List/model/item/Item.ts"],"sourcesContent":["import type { ItemCollection } from \"@/components/List/model/item/ItemCollection\";\nimport type { Row } from \"@tanstack/react-table\";\n\nexport class Item<T> {\n  public readonly id: string;\n  public readonly data: T;\n  public readonly collection: ItemCollection<T>;\n\n  public constructor(collection: ItemCollection<T>, id: string, data: T) {\n    this.collection = collection;\n    this.id = id;\n    this.data = data;\n  }\n\n  public static fromRow<T>(\n    collection: ItemCollection<T>,\n    row: Row<T>,\n  ): Item<T> {\n    return new Item(collection, row.id, row.original);\n  }\n}\n"],"names":[],"mappings":"AAGO,MAAM,IAAA,CAAQ;AAAA,EACH,EAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA;AAAA,EAET,WAAA,CAAY,UAAA,EAA+B,EAAA,EAAY,IAAA,EAAS;AACrE,IAAA,IAAA,CAAK,UAAA,GAAa,UAAA;AAClB,IAAA,IAAA,CAAK,EAAA,GAAK,EAAA;AACV,IAAA,IAAA,CAAK,IAAA,GAAO,IAAA;AAAA,EACd;AAAA,EAEA,OAAc,OAAA,CACZ,UAAA,EACA,GAAA,EACS;AACT,IAAA,OAAO,IAAI,IAAA,CAAK,UAAA,EAAY,GAAA,CAAI,EAAA,EAAI,IAAI,QAAQ,CAAA;AAAA,EAClD;AACF;;;;"}
+{"version":3,"file":"Item.mjs","names":[],"sources":["../../../../../../../../../src/components/List/model/item/Item.ts"],"sourcesContent":["import type { ItemCollection } from \"@/components/List/model/item/ItemCollection\";\nimport type { Row } from \"@tanstack/react-table\";\n\nexport class Item<T> {\n  public readonly id: string;\n  public readonly data: T;\n  public readonly collection: ItemCollection<T>;\n\n  public constructor(collection: ItemCollection<T>, id: string, data: T) {\n    this.collection = collection;\n    this.id = id;\n    this.data = data;\n  }\n\n  public static fromRow<T>(\n    collection: ItemCollection<T>,\n    row: Row<T>,\n  ): Item<T> {\n    return new Item(collection, row.id, row.original);\n  }\n}\n"],"mappings":";;;AAGA,IAAa,OAAb,MAAa,KAAQ;CACnB;CACA;CACA;CAEA,YAAmB,YAA+B,IAAY,MAAS;EACrE,KAAK,aAAa;EAClB,KAAK,KAAK;EACV,KAAK,OAAO;CACd;CAEA,OAAc,QACZ,YACA,KACS;EACT,OAAO,IAAI,KAAK,YAAY,IAAI,IAAI,IAAI,QAAQ;CAClD;AACF"}

package/dist/js/packages/components/src/components/List/model/item/ItemCollection.mjs

@@ -1,16 +1,17 @@
 "use client"
 /* */
-import { Item } from './Item.mjs';
-
-class ItemCollection {
-  list;
-  constructor(list) {
-    this.list = list;
-  }
-  get entries() {
-    return this.list.reactTable.table.getRowModel().rows.map((r) => Item.fromRow(this, r));
-  }
-}
-
+import { Item } from "./Item.mjs";
+//#region src/components/List/model/item/ItemCollection.ts
+var ItemCollection = class {
+	list;
+	constructor(list) {
+		this.list = list;
+	}
+	get entries() {
+		return this.list.reactTable.table.getRowModel().rows.map((r) => Item.fromRow(this, r));
+	}
+};
+//#endregion
 export { ItemCollection };
-//# sourceMappingURL=ItemCollection.mjs.map
+
+//# sourceMappingURL=ItemCollection.mjs.map

package/dist/js/packages/components/src/components/List/model/item/ItemCollection.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ItemCollection.mjs","sources":["../../../../../../../../../src/components/List/model/item/ItemCollection.ts"],"sourcesContent":["import type List from \"@/components/List/model/List\";\nimport { Item } from \"@/components/List/model/item/Item\";\n\nexport class ItemCollection<T> {\n  public readonly list: List<T>;\n\n  public constructor(list: List<T>) {\n    this.list = list;\n  }\n\n  public get entries(): Item<T>[] {\n    return this.list.reactTable.table\n      .getRowModel()\n      .rows.map((r) => Item.fromRow(this, r));\n  }\n}\n"],"names":[],"mappings":";;AAGO,MAAM,cAAA,CAAkB;AAAA,EACb,IAAA;AAAA,EAET,YAAY,IAAA,EAAe;AAChC,IAAA,IAAA,CAAK,IAAA,GAAO,IAAA;AAAA,EACd;AAAA,EAEA,IAAW,OAAA,GAAqB;AAC9B,IAAA,OAAO,IAAA,CAAK,IAAA,CAAK,UAAA,CAAW,KAAA,CACzB,aAAY,CACZ,IAAA,CAAK,GAAA,CAAI,CAAC,CAAA,KAAM,IAAA,CAAK,OAAA,CAAQ,IAAA,EAAM,CAAC,CAAC,CAAA;AAAA,EAC1C;AACF;;;;"}
+{"version":3,"file":"ItemCollection.mjs","names":[],"sources":["../../../../../../../../../src/components/List/model/item/ItemCollection.ts"],"sourcesContent":["import type List from \"@/components/List/model/List\";\nimport { Item } from \"@/components/List/model/item/Item\";\n\nexport class ItemCollection<T> {\n  public readonly list: List<T>;\n\n  public constructor(list: List<T>) {\n    this.list = list;\n  }\n\n  public get entries(): Item<T>[] {\n    return this.list.reactTable.table\n      .getRowModel()\n      .rows.map((r) => Item.fromRow(this, r));\n  }\n}\n"],"mappings":";;;;AAGA,IAAa,iBAAb,MAA+B;CAC7B;CAEA,YAAmB,MAAe;EAChC,KAAK,OAAO;CACd;CAEA,IAAW,UAAqB;EAC9B,OAAO,KAAK,KAAK,WAAW,MACzB,YAAY,CAAC,CACb,KAAK,KAAK,MAAM,KAAK,QAAQ,MAAM,CAAC,CAAC;CAC1C;AACF"}

package/dist/js/packages/components/src/components/List/model/item/ItemView.mjs

@@ -1,48 +1,37 @@
 "use client"
 /* */
-import { createElement } from 'react';
-
-class ItemView {
-  list;
-  textValue;
-  href;
-  target;
-  defaultExpanded;
-  loadingView;
-  showTiles;
-  showList;
-  tileMaxWidth;
-  renderFn;
-  constructor(list, shape = {}) {
-    const {
-      fallback,
-      loadingView = fallback,
-      textValue,
-      href,
-      target,
-      defaultExpanded,
-      renderFn,
-      showTiles,
-      showList = true,
-      tileMaxWidth = 230
-    } = shape;
-    this.list = list;
-    this.textValue = textValue;
-    this.renderFn = renderFn;
-    this.href = href;
-    this.target = target;
-    this.defaultExpanded = defaultExpanded;
-    this.loadingView = loadingView;
-    this.showTiles = showTiles;
-    this.showList = showList;
-    this.tileMaxWidth = tileMaxWidth;
-  }
-  static fallbackRenderItemFn = (item) => createElement("pre", void 0, JSON.stringify(item));
-  render(data) {
-    const renderFn = this.renderFn ?? ItemView.fallbackRenderItemFn;
-    return renderFn(data, this.list);
-  }
-}
-
+import { createElement } from "react";
+//#region src/components/List/model/item/ItemView.ts
+var ItemView = class ItemView {
+	list;
+	textValue;
+	href;
+	target;
+	defaultExpanded;
+	loadingView;
+	showTiles;
+	showList;
+	tileMaxWidth;
+	renderFn;
+	constructor(list, shape = {}) {
+		const { fallback, loadingView = fallback, textValue, href, target, defaultExpanded, renderFn, showTiles, showList = true, tileMaxWidth = 230 } = shape;
+		this.list = list;
+		this.textValue = textValue;
+		this.renderFn = renderFn;
+		this.href = href;
+		this.target = target;
+		this.defaultExpanded = defaultExpanded;
+		this.loadingView = loadingView;
+		this.showTiles = showTiles;
+		this.showList = showList;
+		this.tileMaxWidth = tileMaxWidth;
+	}
+	static fallbackRenderItemFn = (item) => createElement("pre", void 0, JSON.stringify(item));
+	render(data) {
+		return (this.renderFn ?? ItemView.fallbackRenderItemFn)(data, this.list);
+	}
+};
+//#endregion
 export { ItemView };
-//# sourceMappingURL=ItemView.mjs.map
+
+//# sourceMappingURL=ItemView.mjs.map

package/dist/js/packages/components/src/components/List/model/item/ItemView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ItemView.mjs","sources":["../../../../../../../../../src/components/List/model/item/ItemView.ts"],"sourcesContent":["import type { HTMLAttributeAnchorTarget, ReactElement, ReactNode } from \"react\";\nimport { createElement } from \"react\";\nimport type { RenderItemFn } from \"@/components/List/model/item/types\";\nimport type List from \"@/components/List/model/List\";\n\nexport interface ItemViewShape<T> {\n  textValue?: (data: T) => string;\n  href?: (data: T) => string;\n  target?: HTMLAttributeAnchorTarget;\n  defaultExpanded?: (data: T) => boolean;\n  renderFn?: RenderItemFn<T>;\n  /** @deprecated Use loadingView instead */\n  fallback?: ReactElement;\n  loadingView?: ReactElement;\n  showList?: boolean;\n  showTiles?: boolean;\n  tileMaxWidth?: number;\n}\n\nexport class ItemView<T> {\n  public readonly list: List<T>;\n  public readonly textValue?: (data: T) => string;\n  public readonly href?: (data: T) => string;\n  public readonly target?: HTMLAttributeAnchorTarget;\n  public readonly defaultExpanded?: (data: T) => boolean;\n  public readonly loadingView?: ReactElement;\n  public readonly showTiles?: boolean;\n  public readonly showList?: boolean;\n  public readonly tileMaxWidth: number;\n  private readonly renderFn?: RenderItemFn<T>;\n\n  public constructor(list: List<T>, shape: ItemViewShape<T> = {}) {\n    const {\n      fallback,\n      loadingView = fallback,\n      textValue,\n      href,\n      target,\n      defaultExpanded,\n      renderFn,\n      showTiles,\n      showList = true,\n      tileMaxWidth = 230,\n    } = shape;\n    this.list = list;\n    this.textValue = textValue;\n    this.renderFn = renderFn;\n    this.href = href;\n    this.target = target;\n    this.defaultExpanded = defaultExpanded;\n    this.loadingView = loadingView;\n    this.showTiles = showTiles;\n    this.showList = showList;\n    this.tileMaxWidth = tileMaxWidth;\n  }\n\n  private static fallbackRenderItemFn: RenderItemFn<never> = (item) =>\n    createElement(\"pre\", undefined, JSON.stringify(item));\n\n  public render(data: T): ReactNode {\n    const renderFn = (this.renderFn ??\n      ItemView.fallbackRenderItemFn) as RenderItemFn<T>;\n    return renderFn(data as never, this.list);\n  }\n}\n"],"names":[],"mappings":";;AAmBO,MAAM,QAAA,CAAY;AAAA,EACP,IAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,eAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA;AAAA,EACC,QAAA;AAAA,EAEV,WAAA,CAAY,IAAA,EAAe,KAAA,GAA0B,EAAC,EAAG;AAC9D,IAAA,MAAM;AAAA,MACJ,QAAA;AAAA,MACA,WAAA,GAAc,QAAA;AAAA,MACd,SAAA;AAAA,MACA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,eAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA,GAAW,IAAA;AAAA,MACX,YAAA,GAAe;AAAA,KACjB,GAAI,KAAA;AACJ,IAAA,IAAA,CAAK,IAAA,GAAO,IAAA;AACZ,IAAA,IAAA,CAAK,SAAA,GAAY,SAAA;AACjB,IAAA,IAAA,CAAK,QAAA,GAAW,QAAA;AAChB,IAAA,IAAA,CAAK,IAAA,GAAO,IAAA;AACZ,IAAA,IAAA,CAAK,MAAA,GAAS,MAAA;AACd,IAAA,IAAA,CAAK,eAAA,GAAkB,eAAA;AACvB,IAAA,IAAA,CAAK,WAAA,GAAc,WAAA;AACnB,IAAA,IAAA,CAAK,SAAA,GAAY,SAAA;AACjB,IAAA,IAAA,CAAK,QAAA,GAAW,QAAA;AAChB,IAAA,IAAA,CAAK,YAAA,GAAe,YAAA;AAAA,EACtB;AAAA,EAEA,OAAe,oBAAA,GAA4C,CAAC,IAAA,KAC1D,aAAA,CAAc,OAAO,MAAA,EAAW,IAAA,CAAK,SAAA,CAAU,IAAI,CAAC,CAAA;AAAA,EAE/C,OAAO,IAAA,EAAoB;AAChC,IAAA,MAAM,QAAA,GAAY,IAAA,CAAK,QAAA,IACrB,QAAA,CAAS,oBAAA;AACX,IAAA,OAAO,QAAA,CAAS,IAAA,EAAe,IAAA,CAAK,IAAI,CAAA;AAAA,EAC1C;AACF;;;;"}
+{"version":3,"file":"ItemView.mjs","names":[],"sources":["../../../../../../../../../src/components/List/model/item/ItemView.ts"],"sourcesContent":["import type { HTMLAttributeAnchorTarget, ReactElement, ReactNode } from \"react\";\nimport { createElement } from \"react\";\nimport type { RenderItemFn } from \"@/components/List/model/item/types\";\nimport type List from \"@/components/List/model/List\";\n\nexport interface ItemViewShape<T> {\n  textValue?: (data: T) => string;\n  href?: (data: T) => string;\n  target?: HTMLAttributeAnchorTarget;\n  defaultExpanded?: (data: T) => boolean;\n  renderFn?: RenderItemFn<T>;\n  /** @deprecated Use loadingView instead */\n  fallback?: ReactElement;\n  loadingView?: ReactElement;\n  showList?: boolean;\n  showTiles?: boolean;\n  tileMaxWidth?: number;\n}\n\nexport class ItemView<T> {\n  public readonly list: List<T>;\n  public readonly textValue?: (data: T) => string;\n  public readonly href?: (data: T) => string;\n  public readonly target?: HTMLAttributeAnchorTarget;\n  public readonly defaultExpanded?: (data: T) => boolean;\n  public readonly loadingView?: ReactElement;\n  public readonly showTiles?: boolean;\n  public readonly showList?: boolean;\n  public readonly tileMaxWidth: number;\n  private readonly renderFn?: RenderItemFn<T>;\n\n  public constructor(list: List<T>, shape: ItemViewShape<T> = {}) {\n    const {\n      fallback,\n      loadingView = fallback,\n      textValue,\n      href,\n      target,\n      defaultExpanded,\n      renderFn,\n      showTiles,\n      showList = true,\n      tileMaxWidth = 230,\n    } = shape;\n    this.list = list;\n    this.textValue = textValue;\n    this.renderFn = renderFn;\n    this.href = href;\n    this.target = target;\n    this.defaultExpanded = defaultExpanded;\n    this.loadingView = loadingView;\n    this.showTiles = showTiles;\n    this.showList = showList;\n    this.tileMaxWidth = tileMaxWidth;\n  }\n\n  private static fallbackRenderItemFn: RenderItemFn<never> = (item) =>\n    createElement(\"pre\", undefined, JSON.stringify(item));\n\n  public render(data: T): ReactNode {\n    const renderFn = (this.renderFn ??\n      ItemView.fallbackRenderItemFn) as RenderItemFn<T>;\n    return renderFn(data as never, this.list);\n  }\n}\n"],"mappings":";;;;AAmBA,IAAa,WAAb,MAAa,SAAY;CACvB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CAEA,YAAmB,MAAe,QAA0B,CAAC,GAAG;EAC9D,MAAM,EACJ,UACA,cAAc,UACd,WACA,MACA,QACA,iBACA,UACA,WACA,WAAW,MACX,eAAe,QACb;EACJ,KAAK,OAAO;EACZ,KAAK,YAAY;EACjB,KAAK,WAAW;EAChB,KAAK,OAAO;EACZ,KAAK,SAAS;EACd,KAAK,kBAAkB;EACvB,KAAK,cAAc;EACnB,KAAK,YAAY;EACjB,KAAK,WAAW;EAChB,KAAK,eAAe;CACtB;CAEA,OAAe,wBAA6C,SAC1D,cAAc,OAAO,KAAA,GAAW,KAAK,UAAU,IAAI,CAAC;CAEtD,OAAc,MAAoB;EAGhC,QAFkB,KAAK,YACrB,SAAS,qBAAA,CACK,MAAe,KAAK,IAAI;CAC1C;AACF"}

package/dist/js/packages/components/src/components/List/model/loading/IncrementalLoader.mjs

@@ -1,170 +1,144 @@
 "use client"
 /* */
-import { usePromise, getAsyncResource } from '@mittwald/react-use-promise';
-import { useMemo, useEffect } from 'react';
-import { times } from 'remeda';
-import { IncrementalLoaderState } from './IncrementalLoaderState.mjs';
-import { hash } from 'object-code';
-
-const emptyData = [];
-class IncrementalLoader {
-  list;
-  dataSource;
-  manualSorting;
-  manualFiltering;
-  manualPagination;
-  loaderState;
-  staticDataProperties = [];
-  constructor(list, shape = {}) {
-    const { source } = shape;
-    this.dataSource = source ?? { staticData: emptyData };
-    const manualPagination = "manualPagination" in this.dataSource ? this.dataSource.manualPagination : void 0;
-    const manualFiltering = "manualFiltering" in this.dataSource ? this.dataSource.manualFiltering : void 0;
-    const manualSorting = "manualSorting" in this.dataSource ? this.dataSource.manualSorting : void 0;
-    this.list = list;
-    this.loaderState = IncrementalLoaderState.useNew(list);
-    this.manualPagination = manualPagination ?? false;
-    this.manualFiltering = manualFiltering ?? this.manualPagination;
-    this.manualSorting = manualSorting ?? this.manualPagination;
-    this.list.filters.forEach((f) => f.onFilterUpdated(() => this.reset()));
-    this.list.search?.onUpdated(() => this.reset());
-    this.initStaticDataProperties();
-  }
-  static useNew(list, shape = {}) {
-    return new IncrementalLoader(list, shape);
-  }
-  initStaticDataProperties() {
-    const addPropertiesOfDataEntry = (data) => {
-      if (typeof data !== "object" || data === null) {
-        return;
-      }
-      Object.keys(data).filter((p) => !this.staticDataProperties.includes(p)).forEach((p) => {
-        this.staticDataProperties.push(p);
-      });
-    };
-    if ("staticData" in this.dataSource) {
-      this.dataSource.staticData.slice(0, 100).forEach(addPropertiesOfDataEntry);
-    }
-  }
-  reset() {
-    this.loaderState.reset();
-  }
-  useIsLoading() {
-    return this.loaderState.useIsLoading();
-  }
-  useIsInitiallyLoading() {
-    return this.useIsLoading() && this.list.batches.getBatchIndex() === 0;
-  }
-  useData() {
-    return this.loaderState.useMergedData();
-  }
-  getUseData() {
-    const dataSource = this.dataSource;
-    return (options) => {
-      if ("staticData" in dataSource) {
-        return useMemo(
-          () => ({
-            data: dataSource.staticData,
-            itemTotalCount: dataSource.staticData.length
-          }),
-          [dataSource.staticData]
-        );
-      }
-      if ("useData" in dataSource) {
-        return dataSource.useData(options);
-      }
-      if ("asyncLoader" in dataSource) {
-        const asyncLoader = dataSource.asyncLoader;
-        const dependencies = dataSource.dependencies;
-        const loaderId = dependencies ? hash(dependencies).toString() : void 0;
-        return usePromise(asyncLoader, [options], {
-          loaderId
-        });
-      }
-      if ("asyncResourceFactory" in dataSource) {
-        return dataSource.asyncResourceFactory(options).use();
-      }
-      return useMemo(
-        () => ({
-          data: [],
-          itemTotalCount: 0
-        }),
-        []
-      );
-    };
-  }
-  getLoaderInvocationHooks() {
-    const batchesCount = times(this.list.batches.getBatchIndex() + 1, (i) => i);
-    const useData = this.getUseData();
-    return batchesCount.map((batchIndex) => ({
-      useLoadBatch: () => {
-        const loaderOptions = this.getDataLoaderOptions(batchIndex);
-        const loaderResult = useData(loaderOptions);
-        const { data, itemTotalCount, metadata } = loaderResult;
-        useEffect(() => {
-          this.loaderState.setDataBatch(batchIndex, data);
-          if (itemTotalCount !== void 0) {
-            this.list.batches.updateItemTotalCount(itemTotalCount);
-          }
-          this.loaderState.setMetadata(metadata);
-          this.loaderState.setBatchLoadingState(batchIndex, "loaded");
-        }, [loaderResult]);
-      },
-      useRenderSuspense: () => {
-        useEffect(() => {
-          this.loaderState.setBatchLoadingState(batchIndex, "loading");
-        }, [batchIndex]);
-      }
-    }));
-  }
-  getDataLoaderOptions(batchIndex) {
-    return {
-      pagination: this.manualPagination ? {
-        limit: this.list.batches.batchSize,
-        offset: this.list.batches.batchSize * batchIndex
-      } : void 0,
-      sorting: this.manualSorting ? Object.fromEntries(
-        this.list.sorting.filter((s) => s.isSorted()).map((s) => [s.property, s.direction])
-      ) : void 0,
-      filtering: this.manualFiltering ? Object.fromEntries(
-        this.list.filters.filter((f) => f.getValue() !== null).map((f) => [
-          f.property,
-          {
-            mode: f.mode,
-            values: f.getArrayValue().map((v) => v.value)
-          }
-        ])
-      ) : void 0,
-      searchString: this.manualFiltering ? this.list.reactTable.searchString : void 0
-    };
-  }
-  getBatchDataAsyncResource(batchIndex) {
-    const dataSource = this.dataSource;
-    const loaderOptions = this.getDataLoaderOptions(batchIndex);
-    if ("staticData" in dataSource) {
-      return getAsyncResource(
-        async (staticData) => ({
-          data: staticData,
-          itemTotalCount: staticData.length
-        }),
-        [dataSource.staticData]
-      );
-    }
-    if ("asyncLoader" in dataSource) {
-      const asyncLoader = dataSource.asyncLoader;
-      const dependencies = dataSource.dependencies;
-      const loaderId = dependencies ? hash(dependencies).toString() : void 0;
-      return getAsyncResource(asyncLoader, [loaderOptions], {
-        loaderId
-      });
-    }
-    if ("asyncResourceFactory" in dataSource) {
-      const asyncResourceFactory = dataSource.asyncResourceFactory;
-      return asyncResourceFactory(loaderOptions);
-    }
-    throw new Error("Unknown data source");
-  }
-}
-
+import { useComponentDefaults } from "../../../ComponentDefaultsProvider/ComponentDefaultsProvider.mjs";
+import { IncrementalLoaderState } from "./IncrementalLoaderState.mjs";
+import { useEffect, useMemo } from "react";
+import { times } from "remeda";
+import { getAsyncResource, usePromise } from "@mittwald/react-use-promise";
+import { hash } from "object-code";
+//#region src/components/List/model/loading/IncrementalLoader.ts
+var emptyData = [];
+var IncrementalLoader = class IncrementalLoader {
+	list;
+	dataSource;
+	manualSorting;
+	manualFiltering;
+	manualPagination;
+	disableInitialSuspenseBoundary;
+	loaderState;
+	staticDataProperties = [];
+	constructor(list, shape = {}) {
+		const { source } = shape;
+		this.dataSource = source ?? { staticData: emptyData };
+		const { disableInitialSuspenseBoundary: disableInitialSuspenseBoundaryDefault } = useComponentDefaults("List");
+		this.disableInitialSuspenseBoundary = "disableInitialSuspenseBoundary" in this.dataSource ? this.dataSource.disableInitialSuspenseBoundary ?? disableInitialSuspenseBoundaryDefault : disableInitialSuspenseBoundaryDefault;
+		const manualPagination = "manualPagination" in this.dataSource ? this.dataSource.manualPagination : void 0;
+		const manualFiltering = "manualFiltering" in this.dataSource ? this.dataSource.manualFiltering : void 0;
+		const manualSorting = "manualSorting" in this.dataSource ? this.dataSource.manualSorting : void 0;
+		this.list = list;
+		this.loaderState = IncrementalLoaderState.useNew(list);
+		this.manualPagination = manualPagination ?? false;
+		this.manualFiltering = manualFiltering ?? this.manualPagination;
+		this.manualSorting = manualSorting ?? this.manualPagination;
+		this.list.filters.forEach((f) => f.onFilterUpdated(() => this.reset()));
+		this.list.search?.onUpdated(() => this.reset());
+		this.initStaticDataProperties();
+	}
+	static useNew(list, shape = {}) {
+		return new IncrementalLoader(list, shape);
+	}
+	initStaticDataProperties() {
+		const addPropertiesOfDataEntry = (data) => {
+			if (typeof data !== "object" || data === null) return;
+			Object.keys(data).filter((p) => !this.staticDataProperties.includes(p)).forEach((p) => {
+				this.staticDataProperties.push(p);
+			});
+		};
+		if ("staticData" in this.dataSource) this.dataSource.staticData.slice(0, 100).forEach(addPropertiesOfDataEntry);
+	}
+	reset() {
+		this.loaderState.reset();
+	}
+	useIsLoading() {
+		return this.loaderState.useIsLoading();
+	}
+	useIsInitiallyLoading() {
+		return this.loaderState.useIsInitiallyLoading();
+	}
+	useIsLoadingMore() {
+		return this.loaderState.useIsLoadingMore();
+	}
+	useData() {
+		return this.loaderState.useMergedData();
+	}
+	getUseData() {
+		const dataSource = this.dataSource;
+		return (options) => {
+			if ("staticData" in dataSource) return useMemo(() => ({
+				data: dataSource.staticData,
+				itemTotalCount: dataSource.staticData.length
+			}), [dataSource.staticData]);
+			if ("useData" in dataSource) return dataSource.useData(options);
+			if ("asyncLoader" in dataSource) {
+				const asyncLoader = dataSource.asyncLoader;
+				const dependencies = dataSource.dependencies;
+				const loaderId = dependencies ? hash(dependencies).toString() : void 0;
+				return usePromise(asyncLoader, [options], { loaderId });
+			}
+			if ("asyncResourceFactory" in dataSource) return dataSource.asyncResourceFactory(options).use();
+			return useMemo(() => ({
+				data: [],
+				itemTotalCount: 0
+			}), []);
+		};
+	}
+	getLoaderInvocationHooks() {
+		const batchesCount = times(this.list.batches.getBatchIndex() + 1, (i) => i);
+		const useData = this.getUseData();
+		return batchesCount.map((batchIndex) => ({
+			useLoadBatch: () => {
+				const loaderOptions = this.getDataLoaderOptions(batchIndex);
+				const loaderResult = useData(loaderOptions);
+				const { data, itemTotalCount, metadata } = loaderResult;
+				useEffect(() => {
+					this.loaderState.setDataBatch(batchIndex, data);
+					if (itemTotalCount !== void 0) this.list.batches.updateItemTotalCount(itemTotalCount);
+					this.loaderState.setMetadata(metadata);
+					this.loaderState.setBatchLoadingState(batchIndex, "loaded");
+				}, [loaderResult]);
+			},
+			useRenderSuspense: () => {
+				useEffect(() => {
+					this.loaderState.setBatchLoadingState(batchIndex, "loading");
+				}, [batchIndex]);
+			}
+		}));
+	}
+	getDataLoaderOptions(batchIndex) {
+		return {
+			pagination: this.manualPagination ? {
+				limit: this.list.batches.batchSize,
+				offset: this.list.batches.batchSize * batchIndex
+			} : void 0,
+			sorting: this.manualSorting ? Object.fromEntries(this.list.sorting.filter((s) => s.isSorted()).map((s) => [s.property, s.direction])) : void 0,
+			filtering: this.manualFiltering ? Object.fromEntries(this.list.filters.filter((f) => f.getValue() !== null).map((f) => [f.property, {
+				mode: f.mode,
+				values: f.getArrayValue().map((v) => v.value)
+			}])) : void 0,
+			searchString: this.manualFiltering ? this.list.reactTable.searchString : void 0
+		};
+	}
+	getBatchDataAsyncResource(batchIndex) {
+		const dataSource = this.dataSource;
+		const loaderOptions = this.getDataLoaderOptions(batchIndex);
+		if ("staticData" in dataSource) return getAsyncResource(async (staticData) => ({
+			data: staticData,
+			itemTotalCount: staticData.length
+		}), [dataSource.staticData]);
+		if ("asyncLoader" in dataSource) {
+			const asyncLoader = dataSource.asyncLoader;
+			const dependencies = dataSource.dependencies;
+			const loaderId = dependencies ? hash(dependencies).toString() : void 0;
+			return getAsyncResource(asyncLoader, [loaderOptions], { loaderId });
+		}
+		if ("asyncResourceFactory" in dataSource) {
+			const asyncResourceFactory = dataSource.asyncResourceFactory;
+			return asyncResourceFactory(loaderOptions);
+		}
+		throw new Error("Unknown data source");
+	}
+};
+//#endregion
 export { IncrementalLoader };
-//# sourceMappingURL=IncrementalLoader.mjs.map
+
+//# sourceMappingURL=IncrementalLoader.mjs.map