@mittwald/flow-react-components 0.2.0-alpha.6 → 0.2.0-alpha.600

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

@@ -0,0 +1,170 @@
+"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");
+  }
+}
+
+export { IncrementalLoader };
+//# sourceMappingURL=IncrementalLoader.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IncrementalLoader.mjs","sources":["../../../../../../../../src/components/List/model/loading/IncrementalLoader.ts"],"sourcesContent":["import type List from \"@/components/List/model/List\";\nimport type {\n  DataLoaderOptions,\n  DataLoaderResult,\n  DataSource,\n  IncrementalLoaderShape,\n  LoaderInvocationHook,\n} from \"@/components/List/model/loading/types\";\nimport type { AsyncResource } from \"@mittwald/react-use-promise\";\nimport { getAsyncResource, usePromise } from \"@mittwald/react-use-promise\";\nimport { useEffect } from \"react\";\nimport { times } from \"remeda\";\nimport { IncrementalLoaderState } from \"@/components/List/model/loading/IncrementalLoaderState\";\nimport { hash } from \"object-code\";\nimport type { PropertyName } from \"@/components/List/model/types\";\nimport { useMemo } from \"react\";\n\nconst emptyData: never[] = [];\n\nexport class IncrementalLoader<T> {\n  private readonly list: List<T>;\n  private readonly dataSource: DataSource<T>;\n  public readonly manualSorting: boolean;\n  public readonly manualFiltering: boolean;\n  public readonly manualPagination: boolean;\n  public readonly loaderState: IncrementalLoaderState<T>;\n  public readonly staticDataProperties: PropertyName<T>[] = [];\n\n  private constructor(list: List<T>, shape: IncrementalLoaderShape<T> = {}) {\n    const { source } = shape;\n\n    this.dataSource = source ?? { staticData: emptyData };\n\n    const manualPagination =\n      \"manualPagination\" in this.dataSource\n        ? this.dataSource.manualPagination\n        : undefined;\n\n    const manualFiltering =\n      \"manualFiltering\" in this.dataSource\n        ? this.dataSource.manualFiltering\n        : undefined;\n\n    const manualSorting =\n      \"manualSorting\" in this.dataSource\n        ? this.dataSource.manualSorting\n        : undefined;\n\n    this.list = list;\n    this.loaderState = IncrementalLoaderState.useNew<T>(list);\n\n    this.manualPagination = manualPagination ?? false;\n    this.manualFiltering = manualFiltering ?? this.manualPagination;\n    this.manualSorting = manualSorting ?? this.manualPagination;\n    this.list.filters.forEach((f) => f.onFilterUpdated(() => this.reset()));\n    this.list.search?.onUpdated(() => this.reset());\n\n    this.initStaticDataProperties();\n  }\n\n  public static useNew<T>(\n    list: List<T>,\n    shape: IncrementalLoaderShape<T> = {},\n  ): IncrementalLoader<T> {\n    return new IncrementalLoader(list, shape);\n  }\n\n  private initStaticDataProperties() {\n    const addPropertiesOfDataEntry = (data: unknown) => {\n      if (typeof data !== \"object\" || data === null) {\n        return;\n      }\n\n      (Object.keys(data) as PropertyName<T>[])\n        .filter((p) => !this.staticDataProperties.includes(p))\n        .forEach((p) => {\n          this.staticDataProperties.push(p);\n        });\n    };\n\n    if (\"staticData\" in this.dataSource) {\n      this.dataSource.staticData\n        // collect properties from just the first 100 items\n        .slice(0, 100)\n        .forEach(addPropertiesOfDataEntry);\n    }\n  }\n\n  private reset(): void {\n    this.loaderState.reset();\n  }\n\n  public useIsLoading(): boolean {\n    return this.loaderState.useIsLoading();\n  }\n\n  public useIsInitiallyLoading(): boolean {\n    return this.useIsLoading() && this.list.batches.getBatchIndex() === 0;\n  }\n\n  public useData(): T[] {\n    return this.loaderState.useMergedData();\n  }\n\n  private getUseData(): (options: DataLoaderOptions<T>) => DataLoaderResult<T> {\n    const dataSource = this.dataSource;\n\n    return (options: DataLoaderOptions<T>) => {\n      if (\"staticData\" in dataSource) {\n        return useMemo(\n          () => ({\n            data: dataSource.staticData,\n            itemTotalCount: dataSource.staticData.length,\n          }),\n          [dataSource.staticData],\n        );\n      }\n\n      if (\"useData\" in dataSource) {\n        return dataSource.useData(options);\n      }\n\n      if (\"asyncLoader\" in dataSource) {\n        const asyncLoader = dataSource.asyncLoader;\n        const dependencies = dataSource.dependencies;\n        const loaderId = dependencies\n          ? hash(dependencies).toString()\n          : undefined;\n\n        return usePromise(asyncLoader, [options], {\n          loaderId,\n        });\n      }\n\n      if (\"asyncResourceFactory\" in dataSource) {\n        return dataSource.asyncResourceFactory(options).use();\n      }\n\n      return useMemo(\n        () => ({\n          data: [],\n          itemTotalCount: 0,\n        }),\n        [],\n      );\n    };\n  }\n\n  public getLoaderInvocationHooks(): LoaderInvocationHook[] {\n    const batchesCount = times(this.list.batches.getBatchIndex() + 1, (i) => i);\n    const useData = this.getUseData();\n\n    return batchesCount.map((batchIndex) => ({\n      useLoadBatch: () => {\n        const loaderOptions = this.getDataLoaderOptions(batchIndex);\n        const loaderResult = useData(loaderOptions);\n        const { data, itemTotalCount, metadata } = loaderResult;\n\n        useEffect(() => {\n          this.loaderState.setDataBatch(batchIndex, data);\n\n          if (itemTotalCount !== undefined) {\n            this.list.batches.updateItemTotalCount(itemTotalCount);\n          }\n\n          this.loaderState.setMetadata(metadata);\n\n          this.loaderState.setBatchLoadingState(batchIndex, \"loaded\");\n        }, [loaderResult]);\n      },\n\n      useRenderSuspense: () => {\n        useEffect(() => {\n          this.loaderState.setBatchLoadingState(batchIndex, \"loading\");\n        }, [batchIndex]);\n      },\n    }));\n  }\n\n  private getDataLoaderOptions(batchIndex: number): DataLoaderOptions<T> {\n    return {\n      pagination: this.manualPagination\n        ? {\n            limit: this.list.batches.batchSize,\n            offset: this.list.batches.batchSize * batchIndex,\n          }\n        : undefined,\n\n      sorting: this.manualSorting\n        ? (Object.fromEntries(\n            this.list.sorting\n              .filter((s) => s.isSorted())\n              .map((s) => [s.property, s.direction]),\n          ) as DataLoaderOptions<T>[\"sorting\"])\n        : undefined,\n\n      filtering: this.manualFiltering\n        ? (Object.fromEntries(\n            this.list.filters\n              .filter((f) => f.getValue() !== null)\n              .map((f) => [\n                f.property,\n                {\n                  mode: f.mode,\n                  values: f.getArrayValue().map((v) => v.value),\n                },\n              ]),\n          ) as DataLoaderOptions<T>[\"filtering\"])\n        : undefined,\n\n      searchString: this.manualFiltering\n        ? this.list.reactTable.searchString\n        : undefined,\n    };\n  }\n\n  private getBatchDataAsyncResource(\n    batchIndex: number,\n  ): AsyncResource<DataLoaderResult<T>> {\n    const dataSource = this.dataSource;\n    const loaderOptions = this.getDataLoaderOptions(batchIndex);\n\n    if (\"staticData\" in dataSource) {\n      return getAsyncResource(\n        async (staticData) => ({\n          data: staticData as T[],\n          itemTotalCount: staticData.length,\n        }),\n        [dataSource.staticData],\n      );\n    }\n\n    if (\"asyncLoader\" in dataSource) {\n      const asyncLoader = dataSource.asyncLoader;\n      const dependencies = dataSource.dependencies;\n      const loaderId = dependencies ? hash(dependencies).toString() : undefined;\n      return getAsyncResource(asyncLoader, [loaderOptions], {\n        loaderId,\n      });\n    }\n\n    if (\"asyncResourceFactory\" in dataSource) {\n      const asyncResourceFactory = dataSource.asyncResourceFactory;\n      return asyncResourceFactory(loaderOptions);\n    }\n\n    throw new Error(\"Unknown data source\");\n  }\n}\n"],"names":[],"mappings":";;;;;;AAiBA,MAAM,YAAqB,EAAC;AAErB,MAAM,iBAAA,CAAqB;AAAA,EACf,IAAA;AAAA,EACA,UAAA;AAAA,EACD,aAAA;AAAA,EACA,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,WAAA;AAAA,EACA,uBAA0C,EAAC;AAAA,EAEnD,WAAA,CAAY,IAAA,EAAe,KAAA,GAAmC,EAAC,EAAG;AACxE,IAAA,MAAM,EAAE,QAAO,GAAI,KAAA;AAEnB,IAAA,IAAA,CAAK,UAAA,GAAa,MAAA,IAAU,EAAE,UAAA,EAAY,SAAA,EAAU;AAEpD,IAAA,MAAM,mBACJ,kBAAA,IAAsB,IAAA,CAAK,UAAA,GACvB,IAAA,CAAK,WAAW,gBAAA,GAChB,MAAA;AAEN,IAAA,MAAM,kBACJ,iBAAA,IAAqB,IAAA,CAAK,UAAA,GACtB,IAAA,CAAK,WAAW,eAAA,GAChB,MAAA;AAEN,IAAA,MAAM,gBACJ,eAAA,IAAmB,IAAA,CAAK,UAAA,GACpB,IAAA,CAAK,WAAW,aAAA,GAChB,MAAA;AAEN,IAAA,IAAA,CAAK,IAAA,GAAO,IAAA;AACZ,IAAA,IAAA,CAAK,WAAA,GAAc,sBAAA,CAAuB,MAAA,CAAU,IAAI,CAAA;AAExD,IAAA,IAAA,CAAK,mBAAmB,gBAAA,IAAoB,KAAA;AAC5C,IAAA,IAAA,CAAK,eAAA,GAAkB,mBAAmB,IAAA,CAAK,gBAAA;AAC/C,IAAA,IAAA,CAAK,aAAA,GAAgB,iBAAiB,IAAA,CAAK,gBAAA;AAC3C,IAAA,IAAA,CAAK,IAAA,CAAK,OAAA,CAAQ,OAAA,CAAQ,CAAC,CAAA,KAAM,CAAA,CAAE,eAAA,CAAgB,MAAM,IAAA,CAAK,KAAA,EAAO,CAAC,CAAA;AACtE,IAAA,IAAA,CAAK,KAAK,MAAA,EAAQ,SAAA,CAAU,MAAM,IAAA,CAAK,OAAO,CAAA;AAE9C,IAAA,IAAA,CAAK,wBAAA,EAAyB;AAAA,EAChC;AAAA,EAEA,OAAc,MAAA,CACZ,IAAA,EACA,KAAA,GAAmC,EAAC,EACd;AACtB,IAAA,OAAO,IAAI,iBAAA,CAAkB,IAAA,EAAM,KAAK,CAAA;AAAA,EAC1C;AAAA,EAEQ,wBAAA,GAA2B;AACjC,IAAA,MAAM,wBAAA,GAA2B,CAAC,IAAA,KAAkB;AAClD,MAAA,IAAI,OAAO,IAAA,KAAS,QAAA,IAAY,IAAA,KAAS,IAAA,EAAM;AAC7C,QAAA;AAAA,MACF;AAEA,MAAC,OAAO,IAAA,CAAK,IAAI,CAAA,CACd,MAAA,CAAO,CAAC,CAAA,KAAM,CAAC,IAAA,CAAK,oBAAA,CAAqB,SAAS,CAAC,CAAC,CAAA,CACpD,OAAA,CAAQ,CAAC,CAAA,KAAM;AACd,QAAA,IAAA,CAAK,oBAAA,CAAqB,KAAK,CAAC,CAAA;AAAA,MAClC,CAAC,CAAA;AAAA,IACL,CAAA;AAEA,IAAA,IAAI,YAAA,IAAgB,KAAK,UAAA,EAAY;AACnC,MAAA,IAAA,CAAK,WAAW,UAAA,CAEb,KAAA,CAAM,GAAG,GAAG,CAAA,CACZ,QAAQ,wBAAwB,CAAA;AAAA,IACrC;AAAA,EACF;AAAA,EAEQ,KAAA,GAAc;AACpB,IAAA,IAAA,CAAK,YAAY,KAAA,EAAM;AAAA,EACzB;AAAA,EAEO,YAAA,GAAwB;AAC7B,IAAA,OAAO,IAAA,CAAK,YAAY,YAAA,EAAa;AAAA,EACvC;AAAA,EAEO,qBAAA,GAAiC;AACtC,IAAA,OAAO,KAAK,YAAA,EAAa,IAAK,KAAK,IAAA,CAAK,OAAA,CAAQ,eAAc,KAAM,CAAA;AAAA,EACtE;AAAA,EAEO,OAAA,GAAe;AACpB,IAAA,OAAO,IAAA,CAAK,YAAY,aAAA,EAAc;AAAA,EACxC;AAAA,EAEQ,UAAA,GAAqE;AAC3E,IAAA,MAAM,aAAa,IAAA,CAAK,UAAA;AAExB,IAAA,OAAO,CAAC,OAAA,KAAkC;AACxC,MAAA,IAAI,gBAAgB,UAAA,EAAY;AAC9B,QAAA,OAAO,OAAA;AAAA,UACL,OAAO;AAAA,YACL,MAAM,UAAA,CAAW,UAAA;AAAA,YACjB,cAAA,EAAgB,WAAW,UAAA,CAAW;AAAA,WACxC,CAAA;AAAA,UACA,CAAC,WAAW,UAAU;AAAA,SACxB;AAAA,MACF;AAEA,MAAA,IAAI,aAAa,UAAA,EAAY;AAC3B,QAAA,OAAO,UAAA,CAAW,QAAQ,OAAO,CAAA;AAAA,MACnC;AAEA,MAAA,IAAI,iBAAiB,UAAA,EAAY;AAC/B,QAAA,MAAM,cAAc,UAAA,CAAW,WAAA;AAC/B,QAAA,MAAM,eAAe,UAAA,CAAW,YAAA;AAChC,QAAA,MAAM,WAAW,YAAA,GACb,IAAA,CAAK,YAAY,CAAA,CAAE,UAAS,GAC5B,MAAA;AAEJ,QAAA,OAAO,UAAA,CAAW,WAAA,EAAa,CAAC,OAAO,CAAA,EAAG;AAAA,UACxC;AAAA,SACD,CAAA;AAAA,MACH;AAEA,MAAA,IAAI,0BAA0B,UAAA,EAAY;AACxC,QAAA,OAAO,UAAA,CAAW,oBAAA,CAAqB,OAAO,CAAA,CAAE,GAAA,EAAI;AAAA,MACtD;AAEA,MAAA,OAAO,OAAA;AAAA,QACL,OAAO;AAAA,UACL,MAAM,EAAC;AAAA,UACP,cAAA,EAAgB;AAAA,SAClB,CAAA;AAAA,QACA;AAAC,OACH;AAAA,IACF,CAAA;AAAA,EACF;AAAA,EAEO,wBAAA,GAAmD;AACxD,IAAA,MAAM,YAAA,GAAe,KAAA,CAAM,IAAA,CAAK,IAAA,CAAK,OAAA,CAAQ,eAAc,GAAI,CAAA,EAAG,CAAC,CAAA,KAAM,CAAC,CAAA;AAC1E,IAAA,MAAM,OAAA,GAAU,KAAK,UAAA,EAAW;AAEhC,IAAA,OAAO,YAAA,CAAa,GAAA,CAAI,CAAC,UAAA,MAAgB;AAAA,MACvC,cAAc,MAAM;AAClB,QAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,oBAAA,CAAqB,UAAU,CAAA;AAC1D,QAAA,MAAM,YAAA,GAAe,QAAQ,aAAa,CAAA;AAC1C,QAAA,MAAM,EAAE,IAAA,EAAM,cAAA,EAAgB,QAAA,EAAS,GAAI,YAAA;AAE3C,QAAA,SAAA,CAAU,MAAM;AACd,UAAA,IAAA,CAAK,WAAA,CAAY,YAAA,CAAa,UAAA,EAAY,IAAI,CAAA;AAE9C,UAAA,IAAI,mBAAmB,MAAA,EAAW;AAChC,YAAA,IAAA,CAAK,IAAA,CAAK,OAAA,CAAQ,oBAAA,CAAqB,cAAc,CAAA;AAAA,UACvD;AAEA,UAAA,IAAA,CAAK,WAAA,CAAY,YAAY,QAAQ,CAAA;AAErC,UAAA,IAAA,CAAK,WAAA,CAAY,oBAAA,CAAqB,UAAA,EAAY,QAAQ,CAAA;AAAA,QAC5D,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAAA,MACnB,CAAA;AAAA,MAEA,mBAAmB,MAAM;AACvB,QAAA,SAAA,CAAU,MAAM;AACd,UAAA,IAAA,CAAK,WAAA,CAAY,oBAAA,CAAqB,UAAA,EAAY,SAAS,CAAA;AAAA,QAC7D,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AAAA,MACjB;AAAA,KACF,CAAE,CAAA;AAAA,EACJ;AAAA,EAEQ,qBAAqB,UAAA,EAA0C;AACrE,IAAA,OAAO;AAAA,MACL,UAAA,EAAY,KAAK,gBAAA,GACb;AAAA,QACE,KAAA,EAAO,IAAA,CAAK,IAAA,CAAK,OAAA,CAAQ,SAAA;AAAA,QACzB,MAAA,EAAQ,IAAA,CAAK,IAAA,CAAK,OAAA,CAAQ,SAAA,GAAY;AAAA,OACxC,GACA,MAAA;AAAA,MAEJ,OAAA,EAAS,IAAA,CAAK,aAAA,GACT,MAAA,CAAO,WAAA;AAAA,QACN,KAAK,IAAA,CAAK,OAAA,CACP,OAAO,CAAC,CAAA,KAAM,EAAE,QAAA,EAAU,CAAA,CAC1B,GAAA,CAAI,CAAC,CAAA,KAAM,CAAC,EAAE,QAAA,EAAU,CAAA,CAAE,SAAS,CAAC;AAAA,OACzC,GACA,MAAA;AAAA,MAEJ,SAAA,EAAW,IAAA,CAAK,eAAA,GACX,MAAA,CAAO,WAAA;AAAA,QACN,IAAA,CAAK,IAAA,CAAK,OAAA,CACP,MAAA,CAAO,CAAC,CAAA,KAAM,CAAA,CAAE,QAAA,EAAS,KAAM,IAAI,CAAA,CACnC,GAAA,CAAI,CAAC,CAAA,KAAM;AAAA,UACV,CAAA,CAAE,QAAA;AAAA,UACF;AAAA,YACE,MAAM,CAAA,CAAE,IAAA;AAAA,YACR,MAAA,EAAQ,EAAE,aAAA,EAAc,CAAE,IAAI,CAAC,CAAA,KAAM,EAAE,KAAK;AAAA;AAC9C,SACD;AAAA,OACL,GACA,MAAA;AAAA,MAEJ,cAAc,IAAA,CAAK,eAAA,GACf,IAAA,CAAK,IAAA,CAAK,WAAW,YAAA,GACrB;AAAA,KACN;AAAA,EACF;AAAA,EAEQ,0BACN,UAAA,EACoC;AACpC,IAAA,MAAM,aAAa,IAAA,CAAK,UAAA;AACxB,IAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,oBAAA,CAAqB,UAAU,CAAA;AAE1D,IAAA,IAAI,gBAAgB,UAAA,EAAY;AAC9B,MAAA,OAAO,gBAAA;AAAA,QACL,OAAO,UAAA,MAAgB;AAAA,UACrB,IAAA,EAAM,UAAA;AAAA,UACN,gBAAgB,UAAA,CAAW;AAAA,SAC7B,CAAA;AAAA,QACA,CAAC,WAAW,UAAU;AAAA,OACxB;AAAA,IACF;AAEA,IAAA,IAAI,iBAAiB,UAAA,EAAY;AAC/B,MAAA,MAAM,cAAc,UAAA,CAAW,WAAA;AAC/B,MAAA,MAAM,eAAe,UAAA,CAAW,YAAA;AAChC,MAAA,MAAM,WAAW,YAAA,GAAe,IAAA,CAAK,YAAY,CAAA,CAAE,UAAS,GAAI,MAAA;AAChE,MAAA,OAAO,gBAAA,CAAiB,WAAA,EAAa,CAAC,aAAa,CAAA,EAAG;AAAA,QACpD;AAAA,OACD,CAAA;AAAA,IACH;AAEA,IAAA,IAAI,0BAA0B,UAAA,EAAY;AACxC,MAAA,MAAM,uBAAuB,UAAA,CAAW,oBAAA;AACxC,MAAA,OAAO,qBAAqB,aAAa,CAAA;AAAA,IAC3C;AAEA,IAAA,MAAM,IAAI,MAAM,qBAAqB,CAAA;AAAA,EACvC;AACF;;;;"}

package/dist/js/components/src/components/List/model/loading/IncrementalLoaderState.mjs

@@ -0,0 +1,79 @@
+"use client"
+/* */
+import { useSelector } from '../../../../lib/mobx/useSelector.mjs';
+import { makeObservable, action, computed, observable } from 'mobx';
+import { useStatic } from '../../../../lib/hooks/useStatic.mjs';
+import { uniqueBy } from 'remeda';
+
+class IncrementalLoaderState {
+  dataBatches = [];
+  prevDataBatches = [];
+  batchLoadingStates = ["void"];
+  metadata = void 0;
+  list;
+  constructor(list) {
+    this.list = list;
+    makeObservable(this, {
+      prevDataBatches: false,
+      useMergedData: false,
+      useIsLoading: false,
+      dataBatches: observable.shallow,
+      batchLoadingStates: observable.shallow,
+      metadata: observable,
+      mergedData: computed,
+      isLoading: computed,
+      reset: action.bound,
+      setDataBatch: action.bound,
+      setBatchLoadingState: action.bound,
+      setMetadata: action.bound
+    });
+  }
+  static useNew(list) {
+    return useStatic(() => new IncrementalLoaderState(list));
+  }
+  reset() {
+    this.batchLoadingStates = [];
+    this.dataBatches = [];
+  }
+  setDataBatch(index, data) {
+    if (this.dataBatches.length === 0) {
+      this.prevDataBatches = [];
+    }
+    if (this.dataBatches[index] !== data) {
+      this.dataBatches[index] = data;
+      this.prevDataBatches[index] = data;
+    }
+  }
+  setBatchLoadingState(index, state) {
+    if (this.batchLoadingStates[index] !== state) {
+      this.batchLoadingStates[index] = state;
+    }
+  }
+  setMetadata(metadata) {
+    this.metadata = metadata;
+  }
+  get mergedData() {
+    const dataBatches = this.dataBatches.length === 0 ? this.prevDataBatches : this.dataBatches;
+    const merged = dataBatches.flatMap((d) => d);
+    if (this.list.getItemId) {
+      return uniqueBy(merged, this.list.getItemId);
+    } else {
+      return merged;
+    }
+  }
+  useMergedData() {
+    return useSelector(() => this.mergedData, [this.prevDataBatches]);
+  }
+  get isLoading() {
+    return this.batchLoadingStates.some((s) => s === "loading" || s === "void");
+  }
+  useIsLoading() {
+    return useSelector(() => this.isLoading);
+  }
+  isBatchLoaded(batchIndex) {
+    return batchIndex in this.dataBatches;
+  }
+}
+
+export { IncrementalLoaderState };
+//# sourceMappingURL=IncrementalLoaderState.mjs.map

package/dist/js/components/src/components/List/model/loading/IncrementalLoaderState.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IncrementalLoaderState.mjs","sources":["../../../../../../../../src/components/List/model/loading/IncrementalLoaderState.ts"],"sourcesContent":["import type { ListData } from \"@/components/List/model/loading/types\";\nimport useSelector from \"@/lib/mobx/useSelector\";\nimport type { AsyncResource } from \"@mittwald/react-use-promise\";\nimport { action, computed, makeObservable, observable } from \"mobx\";\nimport { useStatic } from \"@/lib/hooks/useStatic\";\nimport type List from \"@/components/List/model/List\";\nimport { uniqueBy } from \"remeda\";\n\ntype AsyncResourceLoadingState = AsyncResource[\"state\"][\"value\"];\ntype DataBatches<T> = ListData<T>[];\ntype BatchesLoadingState = AsyncResourceLoadingState[];\n\nexport class IncrementalLoaderState<T> {\n  public dataBatches: DataBatches<T> = [];\n  public prevDataBatches: DataBatches<T> = [];\n  public batchLoadingStates: BatchesLoadingState = [\"void\"];\n  public metadata?: unknown = undefined;\n  public readonly list: List<T>;\n\n  private constructor(list: List<T>) {\n    this.list = list;\n    makeObservable(this, {\n      prevDataBatches: false,\n      useMergedData: false,\n      useIsLoading: false,\n      dataBatches: observable.shallow,\n      batchLoadingStates: observable.shallow,\n      metadata: observable,\n      mergedData: computed,\n      isLoading: computed,\n      reset: action.bound,\n      setDataBatch: action.bound,\n      setBatchLoadingState: action.bound,\n      setMetadata: action.bound,\n    });\n  }\n\n  public static useNew<T>(list: List<T>): IncrementalLoaderState<T> {\n    return useStatic(() => new IncrementalLoaderState<T>(list));\n  }\n\n  public reset(): void {\n    this.batchLoadingStates = [];\n    this.dataBatches = [];\n  }\n\n  public setDataBatch(index: number, data: ListData<T>): void {\n    if (this.dataBatches.length === 0) {\n      this.prevDataBatches = [];\n    }\n\n    if (this.dataBatches[index] !== data) {\n      this.dataBatches[index] = data;\n      this.prevDataBatches[index] = data;\n    }\n  }\n\n  public setBatchLoadingState(\n    index: number,\n    state: AsyncResourceLoadingState,\n  ): void {\n    if (this.batchLoadingStates[index] !== state) {\n      this.batchLoadingStates[index] = state;\n    }\n  }\n\n  public setMetadata(metadata?: unknown): void {\n    this.metadata = metadata;\n  }\n\n  public get mergedData(): T[] {\n    const dataBatches =\n      this.dataBatches.length === 0 ? this.prevDataBatches : this.dataBatches;\n\n    const merged = dataBatches.flatMap((d) => d);\n    if (this.list.getItemId) {\n      return uniqueBy(merged, this.list.getItemId);\n    } else {\n      return merged;\n    }\n  }\n\n  public useMergedData(): T[] {\n    return useSelector(() => this.mergedData, [this.prevDataBatches]);\n  }\n\n  public get isLoading(): boolean {\n    return this.batchLoadingStates.some((s) => s === \"loading\" || s === \"void\");\n  }\n\n  public useIsLoading(): boolean {\n    return useSelector(() => this.isLoading);\n  }\n\n  public isBatchLoaded(batchIndex: number) {\n    return batchIndex in this.dataBatches;\n  }\n}\n"],"names":[],"mappings":";;;;;AAYO,MAAM,sBAAA,CAA0B;AAAA,EAC9B,cAA8B,EAAC;AAAA,EAC/B,kBAAkC,EAAC;AAAA,EACnC,kBAAA,GAA0C,CAAC,MAAM,CAAA;AAAA,EACjD,QAAA,GAAqB,MAAA;AAAA,EACZ,IAAA;AAAA,EAER,YAAY,IAAA,EAAe;AACjC,IAAA,IAAA,CAAK,IAAA,GAAO,IAAA;AACZ,IAAA,cAAA,CAAe,IAAA,EAAM;AAAA,MACnB,eAAA,EAAiB,KAAA;AAAA,MACjB,aAAA,EAAe,KAAA;AAAA,MACf,YAAA,EAAc,KAAA;AAAA,MACd,aAAa,UAAA,CAAW,OAAA;AAAA,MACxB,oBAAoB,UAAA,CAAW,OAAA;AAAA,MAC/B,QAAA,EAAU,UAAA;AAAA,MACV,UAAA,EAAY,QAAA;AAAA,MACZ,SAAA,EAAW,QAAA;AAAA,MACX,OAAO,MAAA,CAAO,KAAA;AAAA,MACd,cAAc,MAAA,CAAO,KAAA;AAAA,MACrB,sBAAsB,MAAA,CAAO,KAAA;AAAA,MAC7B,aAAa,MAAA,CAAO;AAAA,KACrB,CAAA;AAAA,EACH;AAAA,EAEA,OAAc,OAAU,IAAA,EAA0C;AAChE,IAAA,OAAO,SAAA,CAAU,MAAM,IAAI,sBAAA,CAA0B,IAAI,CAAC,CAAA;AAAA,EAC5D;AAAA,EAEO,KAAA,GAAc;AACnB,IAAA,IAAA,CAAK,qBAAqB,EAAC;AAC3B,IAAA,IAAA,CAAK,cAAc,EAAC;AAAA,EACtB;AAAA,EAEO,YAAA,CAAa,OAAe,IAAA,EAAyB;AAC1D,IAAA,IAAI,IAAA,CAAK,WAAA,CAAY,MAAA,KAAW,CAAA,EAAG;AACjC,MAAA,IAAA,CAAK,kBAAkB,EAAC;AAAA,IAC1B;AAEA,IAAA,IAAI,IAAA,CAAK,WAAA,CAAY,KAAK,CAAA,KAAM,IAAA,EAAM;AACpC,MAAA,IAAA,CAAK,WAAA,CAAY,KAAK,CAAA,GAAI,IAAA;AAC1B,MAAA,IAAA,CAAK,eAAA,CAAgB,KAAK,CAAA,GAAI,IAAA;AAAA,IAChC;AAAA,EACF;AAAA,EAEO,oBAAA,CACL,OACA,KAAA,EACM;AACN,IAAA,IAAI,IAAA,CAAK,kBAAA,CAAmB,KAAK,CAAA,KAAM,KAAA,EAAO;AAC5C,MAAA,IAAA,CAAK,kBAAA,CAAmB,KAAK,CAAA,GAAI,KAAA;AAAA,IACnC;AAAA,EACF;AAAA,EAEO,YAAY,QAAA,EAA0B;AAC3C,IAAA,IAAA,CAAK,QAAA,GAAW,QAAA;AAAA,EAClB;AAAA,EAEA,IAAW,UAAA,GAAkB;AAC3B,IAAA,MAAM,cACJ,IAAA,CAAK,WAAA,CAAY,WAAW,CAAA,GAAI,IAAA,CAAK,kBAAkB,IAAA,CAAK,WAAA;AAE9D,IAAA,MAAM,MAAA,GAAS,WAAA,CAAY,OAAA,CAAQ,CAAC,MAAM,CAAC,CAAA;AAC3C,IAAA,IAAI,IAAA,CAAK,KAAK,SAAA,EAAW;AACvB,MAAA,OAAO,QAAA,CAAS,MAAA,EAAQ,IAAA,CAAK,IAAA,CAAK,SAAS,CAAA;AAAA,IAC7C,CAAA,MAAO;AACL,MAAA,OAAO,MAAA;AAAA,IACT;AAAA,EACF;AAAA,EAEO,aAAA,GAAqB;AAC1B,IAAA,OAAO,YAAY,MAAM,IAAA,CAAK,YAAY,CAAC,IAAA,CAAK,eAAe,CAAC,CAAA;AAAA,EAClE;AAAA,EAEA,IAAW,SAAA,GAAqB;AAC9B,IAAA,OAAO,IAAA,CAAK,mBAAmB,IAAA,CAAK,CAAC,MAAM,CAAA,KAAM,SAAA,IAAa,MAAM,MAAM,CAAA;AAAA,EAC5E;AAAA,EAEO,YAAA,GAAwB;AAC7B,IAAA,OAAO,WAAA,CAAY,MAAM,IAAA,CAAK,SAAS,CAAA;AAAA,EACzC;AAAA,EAEO,cAAc,UAAA,EAAoB;AACvC,IAAA,OAAO,cAAc,IAAA,CAAK,WAAA;AAAA,EAC5B;AACF;;;;"}

package/dist/js/components/src/components/List/model/pagination/BatchesController.mjs

@@ -0,0 +1,63 @@
+"use client"
+/* */
+class BatchesController {
+  batchSize;
+  list;
+  constructor(list, shape = {}) {
+    const { batchSize = 20 } = shape;
+    this.list = list;
+    this.batchSize = batchSize;
+    list.filters.forEach((f) => f.onFilterUpdated(() => this.reset()));
+    list.search?.onUpdated(() => this.reset());
+  }
+  get reactTable() {
+    return this.list.reactTable.table;
+  }
+  getBatchIndex() {
+    return this.reactTable.getState().pagination.pageIndex;
+  }
+  hasNextBatch() {
+    if (this.list.loader.manualPagination) {
+      return this.reactTable.getCanNextPage();
+    }
+    return this.reactTable.getState().pagination.pageSize < this.getTotalItemsCount();
+  }
+  getTotalItemsCount() {
+    if (this.list.loader.manualPagination) {
+      return this.reactTable.getRowCount();
+    }
+    return this.reactTable.getFilteredRowModel().rows.length;
+  }
+  getVisibleItemsCount() {
+    return this.reactTable.getRowModel().rows.length ?? 0;
+  }
+  updateItemTotalCount(value) {
+    this.reactTable.setOptions((s) => ({
+      ...s,
+      rowCount: value
+    }));
+  }
+  reset() {
+    if (this.list.loader.manualFiltering) {
+      this.updateItemTotalCount(0);
+    }
+    this.reactTable.setPagination(() => ({
+      pageIndex: 0,
+      pageSize: this.batchSize
+    }));
+  }
+  nextBatch() {
+    if (this.list.loader.manualPagination) {
+      this.reactTable.nextPage();
+    } else {
+      const newSize = this.reactTable.getState().pagination.pageSize + this.batchSize;
+      this.reactTable.setPagination((prev) => ({
+        ...prev,
+        pageSize: newSize
+      }));
+    }
+  }
+}
+
+export { BatchesController };
+//# sourceMappingURL=BatchesController.mjs.map

package/dist/js/components/src/components/List/model/pagination/BatchesController.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BatchesController.mjs","sources":["../../../../../../../../src/components/List/model/pagination/BatchesController.ts"],"sourcesContent":["import type List from \"@/components/List/model/List\";\nimport type { BatchesControllerShape } from \"@/components/List/model/pagination/types\";\nimport type { Table } from \"@tanstack/react-table\";\n\nexport class BatchesController<T> {\n  public readonly batchSize: number;\n  private readonly list: List<T>;\n\n  public constructor(list: List<T>, shape: BatchesControllerShape = {}) {\n    const { batchSize = 20 } = shape;\n\n    this.list = list;\n    this.batchSize = batchSize;\n    list.filters.forEach((f) => f.onFilterUpdated(() => this.reset()));\n    list.search?.onUpdated(() => this.reset());\n  }\n\n  private get reactTable(): Table<T> {\n    return this.list.reactTable.table;\n  }\n\n  public getBatchIndex(): number {\n    return this.reactTable.getState().pagination.pageIndex;\n  }\n\n  public hasNextBatch(): boolean {\n    if (this.list.loader.manualPagination) {\n      return this.reactTable.getCanNextPage();\n    }\n    return (\n      this.reactTable.getState().pagination.pageSize < this.getTotalItemsCount()\n    );\n  }\n\n  public getTotalItemsCount(): number {\n    if (this.list.loader.manualPagination) {\n      return this.reactTable.getRowCount();\n    }\n    return this.reactTable.getFilteredRowModel().rows.length;\n  }\n\n  public getVisibleItemsCount(): number {\n    return this.reactTable.getRowModel().rows.length ?? 0;\n  }\n\n  public updateItemTotalCount(value: number): void {\n    this.reactTable.setOptions((s) => ({\n      ...s,\n      rowCount: value,\n    }));\n  }\n\n  public reset(): void {\n    if (this.list.loader.manualFiltering) {\n      this.updateItemTotalCount(0);\n    }\n    this.reactTable.setPagination(() => ({\n      pageIndex: 0,\n      pageSize: this.batchSize,\n    }));\n  }\n\n  public nextBatch(): void {\n    if (this.list.loader.manualPagination) {\n      this.reactTable.nextPage();\n    } else {\n      const newSize =\n        this.reactTable.getState().pagination.pageSize + this.batchSize;\n\n      this.reactTable.setPagination((prev) => ({\n        ...prev,\n        pageSize: newSize,\n      }));\n    }\n  }\n}\n"],"names":[],"mappings":"AAIO,MAAM,iBAAA,CAAqB;AAAA,EAChB,SAAA;AAAA,EACC,IAAA;AAAA,EAEV,WAAA,CAAY,IAAA,EAAe,KAAA,GAAgC,EAAC,EAAG;AACpE,IAAA,MAAM,EAAE,SAAA,GAAY,EAAA,EAAG,GAAI,KAAA;AAE3B,IAAA,IAAA,CAAK,IAAA,GAAO,IAAA;AACZ,IAAA,IAAA,CAAK,SAAA,GAAY,SAAA;AACjB,IAAA,IAAA,CAAK,OAAA,CAAQ,OAAA,CAAQ,CAAC,CAAA,KAAM,CAAA,CAAE,gBAAgB,MAAM,IAAA,CAAK,KAAA,EAAO,CAAC,CAAA;AACjE,IAAA,IAAA,CAAK,MAAA,EAAQ,SAAA,CAAU,MAAM,IAAA,CAAK,OAAO,CAAA;AAAA,EAC3C;AAAA,EAEA,IAAY,UAAA,GAAuB;AACjC,IAAA,OAAO,IAAA,CAAK,KAAK,UAAA,CAAW,KAAA;AAAA,EAC9B;AAAA,EAEO,aAAA,GAAwB;AAC7B,IAAA,OAAO,IAAA,CAAK,UAAA,CAAW,QAAA,EAAS,CAAE,UAAA,CAAW,SAAA;AAAA,EAC/C;AAAA,EAEO,YAAA,GAAwB;AAC7B,IAAA,IAAI,IAAA,CAAK,IAAA,CAAK,MAAA,CAAO,gBAAA,EAAkB;AACrC,MAAA,OAAO,IAAA,CAAK,WAAW,cAAA,EAAe;AAAA,IACxC;AACA,IAAA,OACE,KAAK,UAAA,CAAW,QAAA,GAAW,UAAA,CAAW,QAAA,GAAW,KAAK,kBAAA,EAAmB;AAAA,EAE7E;AAAA,EAEO,kBAAA,GAA6B;AAClC,IAAA,IAAI,IAAA,CAAK,IAAA,CAAK,MAAA,CAAO,gBAAA,EAAkB;AACrC,MAAA,OAAO,IAAA,CAAK,WAAW,WAAA,EAAY;AAAA,IACrC;AACA,IAAA,OAAO,IAAA,CAAK,UAAA,CAAW,mBAAA,EAAoB,CAAE,IAAA,CAAK,MAAA;AAAA,EACpD;AAAA,EAEO,oBAAA,GAA+B;AACpC,IAAA,OAAO,IAAA,CAAK,UAAA,CAAW,WAAA,EAAY,CAAE,KAAK,MAAA,IAAU,CAAA;AAAA,EACtD;AAAA,EAEO,qBAAqB,KAAA,EAAqB;AAC/C,IAAA,IAAA,CAAK,UAAA,CAAW,UAAA,CAAW,CAAC,CAAA,MAAO;AAAA,MACjC,GAAG,CAAA;AAAA,MACH,QAAA,EAAU;AAAA,KACZ,CAAE,CAAA;AAAA,EACJ;AAAA,EAEO,KAAA,GAAc;AACnB,IAAA,IAAI,IAAA,CAAK,IAAA,CAAK,MAAA,CAAO,eAAA,EAAiB;AACpC,MAAA,IAAA,CAAK,qBAAqB,CAAC,CAAA;AAAA,IAC7B;AACA,IAAA,IAAA,CAAK,UAAA,CAAW,cAAc,OAAO;AAAA,MACnC,SAAA,EAAW,CAAA;AAAA,MACX,UAAU,IAAA,CAAK;AAAA,KACjB,CAAE,CAAA;AAAA,EACJ;AAAA,EAEO,SAAA,GAAkB;AACvB,IAAA,IAAI,IAAA,CAAK,IAAA,CAAK,MAAA,CAAO,gBAAA,EAAkB;AACrC,MAAA,IAAA,CAAK,WAAW,QAAA,EAAS;AAAA,IAC3B,CAAA,MAAO;AACL,MAAA,MAAM,UACJ,IAAA,CAAK,UAAA,CAAW,UAAS,CAAE,UAAA,CAAW,WAAW,IAAA,CAAK,SAAA;AAExD,MAAA,IAAA,CAAK,UAAA,CAAW,aAAA,CAAc,CAAC,IAAA,MAAU;AAAA,QACvC,GAAG,IAAA;AAAA,QACH,QAAA,EAAU;AAAA,OACZ,CAAE,CAAA;AAAA,IACJ;AAAA,EACF;AACF;;;;"}

package/dist/js/components/src/components/List/model/search/Search.mjs

@@ -0,0 +1,47 @@
+"use client"
+/* */
+class Search {
+  list;
+  render;
+  textFieldProps;
+  onUpdateCallbacks = /* @__PURE__ */ new Set();
+  defaultValue;
+  constructor(list, searchShape) {
+    this.list = list;
+    this.render = searchShape.render;
+    this.textFieldProps = searchShape.textFieldProps;
+    this.defaultValue = searchShape.defaultValue;
+  }
+  get value() {
+    return this.list.reactTable.searchString;
+  }
+  get isSet() {
+    return this.value !== void 0;
+  }
+  callOnUpdateCallbacks() {
+    this.onUpdateCallbacks.forEach((cb) => cb());
+  }
+  updateInitialState(initialState) {
+    initialState.globalFilter = this.defaultValue;
+  }
+  setValue(value) {
+    if (value === void 0 || value.trim() === "") {
+      if (this.list.reactTable.table.getState().globalFilter) {
+        this.list.reactTable.table.setGlobalFilter(void 0);
+        this.callOnUpdateCallbacks();
+      }
+    } else {
+      this.list.reactTable.table.setGlobalFilter(value);
+      this.callOnUpdateCallbacks();
+    }
+  }
+  clear() {
+    this.setValue(void 0);
+  }
+  onUpdated(cb) {
+    this.onUpdateCallbacks.add(cb);
+  }
+}
+
+export { Search };
+//# sourceMappingURL=Search.mjs.map

package/dist/js/components/src/components/List/model/search/Search.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.mjs","sources":["../../../../../../../../src/components/List/model/search/Search.ts"],"sourcesContent":["import type List from \"@/components/List/model/List\";\nimport type {\n  SearchFieldRenderComponent,\n  SearchShape,\n  SearchValue,\n} from \"@/components/List/model/search/types\";\nimport type { InitialTableState } from \"@tanstack/react-table\";\n\nexport class Search<T> {\n  public readonly list: List<T>;\n  public readonly render?: SearchFieldRenderComponent;\n  public readonly textFieldProps: SearchShape<T>[\"textFieldProps\"];\n  private onUpdateCallbacks = new Set<() => unknown>();\n  private readonly defaultValue?: string;\n\n  public constructor(list: List<T>, searchShape: SearchShape<T>) {\n    this.list = list;\n    this.render = searchShape.render;\n    this.textFieldProps = searchShape.textFieldProps;\n    this.defaultValue = searchShape.defaultValue;\n  }\n\n  public get value(): SearchValue {\n    return this.list.reactTable.searchString;\n  }\n\n  public get isSet() {\n    return this.value !== undefined;\n  }\n\n  private callOnUpdateCallbacks(): void {\n    this.onUpdateCallbacks.forEach((cb) => cb());\n  }\n\n  public updateInitialState(initialState: InitialTableState) {\n    initialState.globalFilter = this.defaultValue;\n  }\n\n  public setValue(value: SearchValue): void {\n    if (value === undefined || value.trim() === \"\") {\n      if (this.list.reactTable.table.getState().globalFilter) {\n        this.list.reactTable.table.setGlobalFilter(undefined);\n        this.callOnUpdateCallbacks();\n      }\n    } else {\n      this.list.reactTable.table.setGlobalFilter(value);\n      this.callOnUpdateCallbacks();\n    }\n  }\n\n  public clear(): void {\n    this.setValue(undefined);\n  }\n\n  public onUpdated(cb: () => unknown): void {\n    this.onUpdateCallbacks.add(cb);\n  }\n}\n"],"names":[],"mappings":"AAQO,MAAM,MAAA,CAAU;AAAA,EACL,IAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AAAA,EACR,iBAAA,uBAAwB,GAAA,EAAmB;AAAA,EAClC,YAAA;AAAA,EAEV,WAAA,CAAY,MAAe,WAAA,EAA6B;AAC7D,IAAA,IAAA,CAAK,IAAA,GAAO,IAAA;AACZ,IAAA,IAAA,CAAK,SAAS,WAAA,CAAY,MAAA;AAC1B,IAAA,IAAA,CAAK,iBAAiB,WAAA,CAAY,cAAA;AAClC,IAAA,IAAA,CAAK,eAAe,WAAA,CAAY,YAAA;AAAA,EAClC;AAAA,EAEA,IAAW,KAAA,GAAqB;AAC9B,IAAA,OAAO,IAAA,CAAK,KAAK,UAAA,CAAW,YAAA;AAAA,EAC9B;AAAA,EAEA,IAAW,KAAA,GAAQ;AACjB,IAAA,OAAO,KAAK,KAAA,KAAU,MAAA;AAAA,EACxB;AAAA,EAEQ,qBAAA,GAA8B;AACpC,IAAA,IAAA,CAAK,iBAAA,CAAkB,OAAA,CAAQ,CAAC,EAAA,KAAO,IAAI,CAAA;AAAA,EAC7C;AAAA,EAEO,mBAAmB,YAAA,EAAiC;AACzD,IAAA,YAAA,CAAa,eAAe,IAAA,CAAK,YAAA;AAAA,EACnC;AAAA,EAEO,SAAS,KAAA,EAA0B;AACxC,IAAA,IAAI,KAAA,KAAU,MAAA,IAAa,KAAA,CAAM,IAAA,OAAW,EAAA,EAAI;AAC9C,MAAA,IAAI,KAAK,IAAA,CAAK,UAAA,CAAW,KAAA,CAAM,QAAA,GAAW,YAAA,EAAc;AACtD,QAAA,IAAA,CAAK,IAAA,CAAK,UAAA,CAAW,KAAA,CAAM,eAAA,CAAgB,MAAS,CAAA;AACpD,QAAA,IAAA,CAAK,qBAAA,EAAsB;AAAA,MAC7B;AAAA,IACF,CAAA,MAAO;AACL,MAAA,IAAA,CAAK,IAAA,CAAK,UAAA,CAAW,KAAA,CAAM,eAAA,CAAgB,KAAK,CAAA;AAChD,MAAA,IAAA,CAAK,qBAAA,EAAsB;AAAA,IAC7B;AAAA,EACF;AAAA,EAEO,KAAA,GAAc;AACnB,IAAA,IAAA,CAAK,SAAS,MAAS,CAAA;AAAA,EACzB;AAAA,EAEO,UAAU,EAAA,EAAyB;AACxC,IAAA,IAAA,CAAK,iBAAA,CAAkB,IAAI,EAAE,CAAA;AAAA,EAC/B;AACF;;;;"}

package/dist/js/components/src/components/List/model/sorting/Sorting.mjs

@@ -0,0 +1,64 @@
+"use client"
+/* */
+import z from 'zod';
+
+class Sorting {
+  static storageSchema = z.object({
+    direction: z.enum(["asc", "desc"]),
+    property: z.string().or(z.number())
+  }).optional();
+  list;
+  property;
+  name;
+  direction;
+  defaultEnabled;
+  customSortingFn;
+  constructor(list, shape) {
+    this.list = list;
+    this.property = shape.property;
+    this.name = shape.name;
+    this.direction = shape.direction ?? "asc";
+    const storedDefaultEnabled = this.getStoredDefaultEnabled();
+    this.defaultEnabled = shape.defaultEnabled === "hidden" ? "hidden" : storedDefaultEnabled ?? shape.defaultEnabled ?? false;
+    this.customSortingFn = shape.customSortingFn;
+  }
+  getStoredDefaultEnabled() {
+    const storedSorting = this.list.getStoredSortingDefaultSetting();
+    if (!storedSorting) {
+      return void 0;
+    }
+    return storedSorting.property === this.property && storedSorting.direction === this.direction;
+  }
+  updateTableColumnDef(def) {
+    def.enableSorting = true;
+    if (this.customSortingFn) {
+      def.sortingFn = this.customSortingFn;
+    }
+  }
+  getReactTableColumnSort() {
+    return {
+      id: this.property,
+      desc: this.direction === "desc"
+    };
+  }
+  isSorted() {
+    const col = this.getTableColumn();
+    return col.getIsSorted() == this.direction;
+  }
+  getTableColumn() {
+    return this.list.reactTable.getTableColumn(this.property);
+  }
+  enable() {
+    this.list.reactTable.getTableColumn(this.property).toggleSorting(this.direction === "desc", false);
+    this.list.storeSortingSettings(this);
+  }
+  clear() {
+    this.list.reactTable.getTableColumn(this.property).clearSorting();
+  }
+  get id() {
+    return `${this.getTableColumn().id}:${this.direction}`;
+  }
+}
+
+export { Sorting };
+//# sourceMappingURL=Sorting.mjs.map

package/dist/js/components/src/components/List/model/sorting/Sorting.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sorting.mjs","sources":["../../../../../../../../src/components/List/model/sorting/Sorting.ts"],"sourcesContent":["import type List from \"@/components/List/model/List\";\nimport type {\n  SortingDefaultMode,\n  SortingShape,\n} from \"@/components/List/model/sorting/types\";\nimport type { PropertyName } from \"@/components/List/model/types\";\nimport type {\n  Column,\n  ColumnDef,\n  ColumnSort,\n  SortDirection,\n  SortingFn,\n} from \"@tanstack/react-table\";\nimport z from \"zod\";\n\nexport class Sorting<T> {\n  public static readonly storageSchema = z\n    .object({\n      direction: z.enum([\"asc\", \"desc\"]),\n      property: z.string().or(z.number()),\n    })\n    .optional();\n  public readonly list: List<T>;\n  public readonly property: PropertyName<T>;\n  public readonly name?: string;\n  public readonly direction: SortDirection;\n  public readonly defaultEnabled: SortingDefaultMode;\n  public readonly customSortingFn?: SortingFn<T>;\n\n  public constructor(list: List<T>, shape: SortingShape<T>) {\n    this.list = list;\n    this.property = shape.property;\n    this.name = shape.name;\n    this.direction = shape.direction ?? \"asc\";\n    const storedDefaultEnabled = this.getStoredDefaultEnabled();\n    this.defaultEnabled =\n      shape.defaultEnabled === \"hidden\"\n        ? \"hidden\"\n        : (storedDefaultEnabled ?? shape.defaultEnabled ?? false);\n    this.customSortingFn = shape.customSortingFn;\n  }\n\n  private getStoredDefaultEnabled() {\n    const storedSorting = this.list.getStoredSortingDefaultSetting();\n    if (!storedSorting) {\n      return undefined;\n    }\n    return (\n      storedSorting.property === this.property &&\n      storedSorting.direction === this.direction\n    );\n  }\n\n  public updateTableColumnDef(def: ColumnDef<T>): void {\n    def.enableSorting = true;\n    if (this.customSortingFn) {\n      def.sortingFn = this.customSortingFn;\n    }\n  }\n\n  public getReactTableColumnSort(): ColumnSort {\n    return {\n      id: this.property as string,\n      desc: this.direction === \"desc\",\n    };\n  }\n\n  public isSorted(): boolean {\n    const col = this.getTableColumn();\n    return col.getIsSorted() == this.direction;\n  }\n\n  public getTableColumn(): Column<T> {\n    return this.list.reactTable.getTableColumn(this.property);\n  }\n\n  public enable(): void {\n    this.list.reactTable\n      .getTableColumn(this.property)\n      .toggleSorting(this.direction === \"desc\", false);\n    this.list.storeSortingSettings(this);\n  }\n\n  public clear(): void {\n    this.list.reactTable.getTableColumn(this.property).clearSorting();\n  }\n\n  public get id(): string {\n    return `${this.getTableColumn().id}:${this.direction}`;\n  }\n}\n"],"names":[],"mappings":";;AAeO,MAAM,OAAA,CAAW;AAAA,EACtB,OAAuB,aAAA,GAAgB,CAAA,CACpC,MAAA,CAAO;AAAA,IACN,WAAW,CAAA,CAAE,IAAA,CAAK,CAAC,KAAA,EAAO,MAAM,CAAC,CAAA;AAAA,IACjC,UAAU,CAAA,CAAE,MAAA,GAAS,EAAA,CAAG,CAAA,CAAE,QAAQ;AAAA,GACnC,EACA,QAAA,EAAS;AAAA,EACI,IAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EAET,WAAA,CAAY,MAAe,KAAA,EAAwB;AACxD,IAAA,IAAA,CAAK,IAAA,GAAO,IAAA;AACZ,IAAA,IAAA,CAAK,WAAW,KAAA,CAAM,QAAA;AACtB,IAAA,IAAA,CAAK,OAAO,KAAA,CAAM,IAAA;AAClB,IAAA,IAAA,CAAK,SAAA,GAAY,MAAM,SAAA,IAAa,KAAA;AACpC,IAAA,MAAM,oBAAA,GAAuB,KAAK,uBAAA,EAAwB;AAC1D,IAAA,IAAA,CAAK,iBACH,KAAA,CAAM,cAAA,KAAmB,WACrB,QAAA,GACC,oBAAA,IAAwB,MAAM,cAAA,IAAkB,KAAA;AACvD,IAAA,IAAA,CAAK,kBAAkB,KAAA,CAAM,eAAA;AAAA,EAC/B;AAAA,EAEQ,uBAAA,GAA0B;AAChC,IAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,IAAA,CAAK,8BAAA,EAA+B;AAC/D,IAAA,IAAI,CAAC,aAAA,EAAe;AAClB,MAAA,OAAO,MAAA;AAAA,IACT;AACA,IAAA,OACE,cAAc,QAAA,KAAa,IAAA,CAAK,QAAA,IAChC,aAAA,CAAc,cAAc,IAAA,CAAK,SAAA;AAAA,EAErC;AAAA,EAEO,qBAAqB,GAAA,EAAyB;AACnD,IAAA,GAAA,CAAI,aAAA,GAAgB,IAAA;AACpB,IAAA,IAAI,KAAK,eAAA,EAAiB;AACxB,MAAA,GAAA,CAAI,YAAY,IAAA,CAAK,eAAA;AAAA,IACvB;AAAA,EACF;AAAA,EAEO,uBAAA,GAAsC;AAC3C,IAAA,OAAO;AAAA,MACL,IAAI,IAAA,CAAK,QAAA;AAAA,MACT,IAAA,EAAM,KAAK,SAAA,KAAc;AAAA,KAC3B;AAAA,EACF;AAAA,EAEO,QAAA,GAAoB;AACzB,IAAA,MAAM,GAAA,GAAM,KAAK,cAAA,EAAe;AAChC,IAAA,OAAO,GAAA,CAAI,WAAA,EAAY,IAAK,IAAA,CAAK,SAAA;AAAA,EACnC;AAAA,EAEO,cAAA,GAA4B;AACjC,IAAA,OAAO,IAAA,CAAK,IAAA,CAAK,UAAA,CAAW,cAAA,CAAe,KAAK,QAAQ,CAAA;AAAA,EAC1D;AAAA,EAEO,MAAA,GAAe;AACpB,IAAA,IAAA,CAAK,IAAA,CAAK,UAAA,CACP,cAAA,CAAe,IAAA,CAAK,QAAQ,EAC5B,aAAA,CAAc,IAAA,CAAK,SAAA,KAAc,MAAA,EAAQ,KAAK,CAAA;AACjD,IAAA,IAAA,CAAK,IAAA,CAAK,qBAAqB,IAAI,CAAA;AAAA,EACrC;AAAA,EAEO,KAAA,GAAc;AACnB,IAAA,IAAA,CAAK,KAAK,UAAA,CAAW,cAAA,CAAe,IAAA,CAAK,QAAQ,EAAE,YAAA,EAAa;AAAA,EAClE;AAAA,EAEA,IAAW,EAAA,GAAa;AACtB,IAAA,OAAO,GAAG,IAAA,CAAK,cAAA,GAAiB,EAAE,CAAA,CAAA,EAAI,KAAK,SAAS,CAAA,CAAA;AAAA,EACtD;AACF;;;;"}

package/dist/js/components/src/components/List/model/sorting/SortingFunctions.mjs

@@ -0,0 +1,25 @@
+"use client"
+/* */
+import invariant from 'invariant';
+
+const SortingFunctions = {
+  bigInt: ((rowA, rowB, columnId) => {
+    const valueA = rowA.getValue(columnId);
+    const valueB = rowB.getValue(columnId);
+    if (valueA == null) return valueB == null ? 0 : -1;
+    if (valueB == null) return 1;
+    try {
+      invariant(
+        typeof valueA === "bigint" && typeof valueB === "bigint",
+        `Expected BigInt values, got ${typeof valueA} and ${typeof valueB}`
+      );
+      return valueA < valueB ? -1 : valueA > valueB ? 1 : 0;
+    } catch (error) {
+      console.error(`Error in BigInt comparison: ${error}`);
+    }
+  }),
+  alphanumeric: "alphanumeric"
+};
+
+export { SortingFunctions };
+//# sourceMappingURL=SortingFunctions.mjs.map

package/dist/js/components/src/components/List/model/sorting/SortingFunctions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortingFunctions.mjs","sources":["../../../../../../../../src/components/List/model/sorting/SortingFunctions.ts"],"sourcesContent":["import type { Row, SortingFn } from \"@tanstack/react-table\";\nimport invariant from \"invariant\";\n\nexport const SortingFunctions = {\n  bigInt: ((rowA: Row<bigint>, rowB: Row<bigint>, columnId) => {\n    const valueA = rowA.getValue(columnId);\n    const valueB = rowB.getValue(columnId);\n\n    if (valueA == null) return valueB == null ? 0 : -1;\n    if (valueB == null) return 1;\n\n    try {\n      invariant(\n        typeof valueA === \"bigint\" && typeof valueB === \"bigint\",\n        `Expected BigInt values, got ${typeof valueA} and ${typeof valueB}`,\n      );\n\n      return valueA < valueB ? -1 : valueA > valueB ? 1 : 0;\n    } catch (error) {\n      console.error(`Error in BigInt comparison: ${error}`);\n    }\n  }) as SortingFn<unknown>,\n\n  alphanumeric: \"alphanumeric\" as const,\n};\n"],"names":[],"mappings":";;AAGO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,MAAA,GAAS,CAAC,IAAA,EAAmB,IAAA,EAAmB,QAAA,KAAa;AAC3D,IAAA,MAAM,MAAA,GAAS,IAAA,CAAK,QAAA,CAAS,QAAQ,CAAA;AACrC,IAAA,MAAM,MAAA,GAAS,IAAA,CAAK,QAAA,CAAS,QAAQ,CAAA;AAErC,IAAA,IAAI,MAAA,IAAU,IAAA,EAAM,OAAO,MAAA,IAAU,OAAO,CAAA,GAAI,EAAA;AAChD,IAAA,IAAI,MAAA,IAAU,MAAM,OAAO,CAAA;AAE3B,IAAA,IAAI;AACF,MAAA,SAAA;AAAA,QACE,OAAO,MAAA,KAAW,QAAA,IAAY,OAAO,MAAA,KAAW,QAAA;AAAA,QAChD,CAAA,4BAAA,EAA+B,OAAO,MAAM,CAAA,KAAA,EAAQ,OAAO,MAAM,CAAA;AAAA,OACnE;AAEA,MAAA,OAAO,MAAA,GAAS,MAAA,GAAS,CAAA,CAAA,GAAK,MAAA,GAAS,SAAS,CAAA,GAAI,CAAA;AAAA,IACtD,SAAS,KAAA,EAAO;AACd,MAAA,OAAA,CAAQ,KAAA,CAAM,CAAA,4BAAA,EAA+B,KAAK,CAAA,CAAE,CAAA;AAAA,IACtD;AAAA,EACF,CAAA,CAAA;AAAA,EAEA,YAAA,EAAc;AAChB;;;;"}

package/dist/js/components/src/components/List/model/table/Table.mjs

@@ -0,0 +1,21 @@
+"use client"
+/* */
+import { TableHeader } from './TableHeader.mjs';
+import { TableBody } from './TableBody.mjs';
+
+class Table {
+  list;
+  header;
+  body;
+  componentProps;
+  constructor(list, shape = {}) {
+    const { header, body, ...restProps } = shape;
+    this.list = list;
+    this.header = new TableHeader(this, header);
+    this.body = new TableBody(this, body);
+    this.componentProps = restProps;
+  }
+}
+
+export { Table };
+//# sourceMappingURL=Table.mjs.map

package/dist/js/components/src/components/List/model/table/Table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.mjs","sources":["../../../../../../../../src/components/List/model/table/Table.ts"],"sourcesContent":["import type {\n  TableShape,\n  TableSupportedComponentProps,\n} from \"@/components/List/model/table/types\";\nimport type List from \"@/components/List/model/List\";\nimport { TableHeader } from \"@/components/List/model/table/TableHeader\";\nimport { TableBody } from \"@/components/List/model/table/TableBody\";\n\nexport class Table<T> {\n  public readonly list: List<T>;\n  public readonly header: TableHeader<T>;\n  public readonly body: TableBody<T>;\n  public readonly componentProps: TableSupportedComponentProps;\n\n  public constructor(list: List<T>, shape: TableShape<T> = {}) {\n    const { header, body, ...restProps } = shape;\n    this.list = list;\n    this.header = new TableHeader(this, header);\n    this.body = new TableBody(this, body);\n    this.componentProps = restProps;\n  }\n}\n"],"names":[],"mappings":";;;AAQO,MAAM,KAAA,CAAS;AAAA,EACJ,IAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,EACA,cAAA;AAAA,EAET,WAAA,CAAY,IAAA,EAAe,KAAA,GAAuB,EAAC,EAAG;AAC3D,IAAA,MAAM,EAAE,MAAA,EAAQ,IAAA,EAAM,GAAG,WAAU,GAAI,KAAA;AACvC,IAAA,IAAA,CAAK,IAAA,GAAO,IAAA;AACZ,IAAA,IAAA,CAAK,MAAA,GAAS,IAAI,WAAA,CAAY,IAAA,EAAM,MAAM,CAAA;AAC1C,IAAA,IAAA,CAAK,IAAA,GAAO,IAAI,SAAA,CAAU,IAAA,EAAM,IAAI,CAAA;AACpC,IAAA,IAAA,CAAK,cAAA,GAAiB,SAAA;AAAA,EACxB;AACF;;;;"}

package/dist/js/components/src/components/List/model/table/TableBody.mjs

@@ -0,0 +1,18 @@
+"use client"
+/* */
+import { TableRow } from './TableRow.mjs';
+
+class TableBody {
+  table;
+  componentProps;
+  row;
+  constructor(table, shape = {}) {
+    const { row, ...rest } = shape;
+    this.table = table;
+    this.row = new TableRow(this, row);
+    this.componentProps = rest;
+  }
+}
+
+export { TableBody };
+//# sourceMappingURL=TableBody.mjs.map

package/dist/js/components/src/components/List/model/table/TableBody.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.mjs","sources":["../../../../../../../../src/components/List/model/table/TableBody.ts"],"sourcesContent":["import type { Table } from \"@/components/List/model/table/Table\";\nimport type {\n  TableBodyShape,\n  TableBodySupportedComponentProps,\n} from \"@/components/List/model/table/types\";\nimport { TableRow } from \"@/components/List/model/table/TableRow\";\n\nexport class TableBody<T> {\n  public readonly table: Table<T>;\n  public readonly componentProps: TableBodySupportedComponentProps;\n  public readonly row: TableRow<T>;\n\n  public constructor(table: Table<T>, shape: TableBodyShape<T> = {}) {\n    const { row, ...rest } = shape;\n    this.table = table;\n    this.row = new TableRow(this, row);\n    this.componentProps = rest;\n  }\n}\n"],"names":[],"mappings":";;AAOO,MAAM,SAAA,CAAa;AAAA,EACR,KAAA;AAAA,EACA,cAAA;AAAA,EACA,GAAA;AAAA,EAET,WAAA,CAAY,KAAA,EAAiB,KAAA,GAA2B,EAAC,EAAG;AACjE,IAAA,MAAM,EAAE,GAAA,EAAK,GAAG,IAAA,EAAK,GAAI,KAAA;AACzB,IAAA,IAAA,CAAK,KAAA,GAAQ,KAAA;AACb,IAAA,IAAA,CAAK,GAAA,GAAM,IAAI,QAAA,CAAS,IAAA,EAAM,GAAG,CAAA;AACjC,IAAA,IAAA,CAAK,cAAA,GAAiB,IAAA;AAAA,EACxB;AACF;;;;"}

package/dist/js/components/src/components/List/model/table/TableCell.mjs

@@ -0,0 +1,18 @@
+"use client"
+/* */
+class TableCell {
+  row;
+  renderFn;
+  componentProps;
+  loadingView;
+  constructor(row, shape = {}) {
+    const { renderFn, loadingView, ...rest } = shape;
+    this.row = row;
+    this.renderFn = renderFn;
+    this.componentProps = rest;
+    this.loadingView = loadingView;
+  }
+}
+
+export { TableCell };
+//# sourceMappingURL=TableCell.mjs.map

package/dist/js/components/src/components/List/model/table/TableCell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.mjs","sources":["../../../../../../../../src/components/List/model/table/TableCell.ts"],"sourcesContent":["import type {\n  TableCellShape,\n  TableCellSupportedComponentProps,\n} from \"@/components/List/model/table/types\";\nimport type { TableRow } from \"@/components/List/model/table/TableRow\";\nimport type { RenderItemFn } from \"@/components/List\";\nimport type { ReactElement } from \"react\";\n\nexport class TableCell<T> {\n  public readonly row: TableRow<T>;\n  public readonly renderFn?: RenderItemFn<T>;\n  public readonly componentProps: TableCellSupportedComponentProps;\n  loadingView?: ReactElement;\n\n  public constructor(row: TableRow<T>, shape: TableCellShape<T> = {}) {\n    const { renderFn, loadingView, ...rest } = shape;\n    this.row = row;\n    this.renderFn = renderFn;\n    this.componentProps = rest;\n    this.loadingView = loadingView;\n  }\n}\n"],"names":[],"mappings":"AAQO,MAAM,SAAA,CAAa;AAAA,EACR,GAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EAChB,WAAA;AAAA,EAEO,WAAA,CAAY,GAAA,EAAkB,KAAA,GAA2B,EAAC,EAAG;AAClE,IAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAa,GAAG,MAAK,GAAI,KAAA;AAC3C,IAAA,IAAA,CAAK,GAAA,GAAM,GAAA;AACX,IAAA,IAAA,CAAK,QAAA,GAAW,QAAA;AAChB,IAAA,IAAA,CAAK,cAAA,GAAiB,IAAA;AACtB,IAAA,IAAA,CAAK,WAAA,GAAc,WAAA;AAAA,EACrB;AACF;;;;"}

package/dist/js/components/src/components/List/model/table/TableColumn.mjs

@@ -0,0 +1,13 @@
+"use client"
+/* */
+class TableColumn {
+  tableHeader;
+  componentProps;
+  constructor(tableHeader, shape = {}) {
+    this.tableHeader = tableHeader;
+    this.componentProps = shape;
+  }
+}
+
+export { TableColumn };
+//# sourceMappingURL=TableColumn.mjs.map

package/dist/js/components/src/components/List/model/table/TableColumn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableColumn.mjs","sources":["../../../../../../../../src/components/List/model/table/TableColumn.ts"],"sourcesContent":["import type {\n  TableColumnShape,\n  TableColumnSupportedComponentProps,\n} from \"@/components/List/model/table/types\";\nimport type { TableHeader } from \"@/components/List/model/table/TableHeader\";\n\nexport class TableColumn<T> {\n  public readonly tableHeader: TableHeader<T>;\n  public readonly componentProps: TableColumnSupportedComponentProps;\n\n  public constructor(\n    tableHeader: TableHeader<T>,\n    shape: TableColumnShape = {},\n  ) {\n    this.tableHeader = tableHeader;\n    this.componentProps = shape;\n  }\n}\n"],"names":[],"mappings":"AAMO,MAAM,WAAA,CAAe;AAAA,EACV,WAAA;AAAA,EACA,cAAA;AAAA,EAET,WAAA,CACL,WAAA,EACA,KAAA,GAA0B,EAAC,EAC3B;AACA,IAAA,IAAA,CAAK,WAAA,GAAc,WAAA;AACnB,IAAA,IAAA,CAAK,cAAA,GAAiB,KAAA;AAAA,EACxB;AACF;;;;"}

package/dist/js/components/src/components/List/model/table/TableHeader.mjs

@@ -0,0 +1,18 @@
+"use client"
+/* */
+import { TableColumn } from './TableColumn.mjs';
+
+class TableHeader {
+  table;
+  componentProps;
+  columns;
+  constructor(table, shape = {}) {
+    const { columns = [], ...rest } = shape;
+    this.table = table;
+    this.columns = columns.map((colShape) => new TableColumn(this, colShape));
+    this.componentProps = rest;
+  }
+}
+
+export { TableHeader };
+//# sourceMappingURL=TableHeader.mjs.map