@mittwald/flow-react-components 0.2.0-alpha.9 → 0.2.0-alpha.91

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

@@ -0,0 +1,44 @@
+"use client"
+/* */
+import { createElement } from 'react';
+
+class ItemView {
+  list;
+  textValue;
+  href;
+  defaultExpanded;
+  fallback;
+  showTiles;
+  showList;
+  tileMaxWidth;
+  renderFn;
+  constructor(list, shape = {}) {
+    const {
+      fallback,
+      textValue,
+      href,
+      defaultExpanded,
+      renderFn,
+      showTiles,
+      showList = true,
+      tileMaxWidth = 230
+    } = shape;
+    this.list = list;
+    this.textValue = textValue;
+    this.renderFn = renderFn;
+    this.href = href;
+    this.defaultExpanded = defaultExpanded;
+    this.fallback = fallback;
+    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);
+  }
+}
+
+export { ItemView };
+//# sourceMappingURL=ItemView.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ItemView.mjs","sources":["../../../../../../src/components/List/model/item/ItemView.ts"],"sourcesContent":["import type { 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  defaultExpanded?: (data: T) => boolean;\n  renderFn?: RenderItemFn<T>;\n  fallback?: 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 defaultExpanded?: (data: T) => boolean;\n  public readonly fallback?: 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      textValue,\n      href,\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.defaultExpanded = defaultExpanded;\n    this.fallback = fallback;\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":";;AAgBO,MAAM,QAAY,CAAA;AAAA,EACP,IAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA,eAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA;AAAA,EACC,QAAA;AAAA,EAEV,WAAY,CAAA,IAAA,EAAe,KAA0B,GAAA,EAAI,EAAA;AAC9D,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,IAAA;AAAA,MACA,eAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAW,GAAA,IAAA;AAAA,MACX,YAAe,GAAA;AAAA,KACb,GAAA,KAAA;AACJ,IAAA,IAAA,CAAK,IAAO,GAAA,IAAA;AACZ,IAAA,IAAA,CAAK,SAAY,GAAA,SAAA;AACjB,IAAA,IAAA,CAAK,QAAW,GAAA,QAAA;AAChB,IAAA,IAAA,CAAK,IAAO,GAAA,IAAA;AACZ,IAAA,IAAA,CAAK,eAAkB,GAAA,eAAA;AACvB,IAAA,IAAA,CAAK,QAAW,GAAA,QAAA;AAChB,IAAA,IAAA,CAAK,SAAY,GAAA,SAAA;AACjB,IAAA,IAAA,CAAK,QAAW,GAAA,QAAA;AAChB,IAAA,IAAA,CAAK,YAAe,GAAA,YAAA;AAAA;AACtB,EAEA,OAAe,oBAA4C,GAAA,CAAC,IAC1D,KAAA,aAAA,CAAc,OAAO,MAAW,EAAA,IAAA,CAAK,SAAU,CAAA,IAAI,CAAC,CAAA;AAAA,EAE/C,OAAO,IAAoB,EAAA;AAChC,IAAM,MAAA,QAAA,GAAY,IAAK,CAAA,QAAA,IACrB,QAAS,CAAA,oBAAA;AACX,IAAO,OAAA,QAAA,CAAS,IAAe,EAAA,IAAA,CAAK,IAAI,CAAA;AAAA;AAE5C;;;;"}

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

@@ -0,0 +1,156 @@
+"use client"
+/* */
+import { getAsyncResource } from '@mittwald/react-use-promise';
+import { 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();
+    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();
+  }
+  getLoaderInvocationHooks() {
+    const batchesCount = times(this.list.batches.getBatchIndex() + 1, (i) => i);
+    return batchesCount.map((i) => () => {
+      this.useLoadBatch(i);
+    });
+  }
+  useLoadBatch(batchIndex) {
+    const asyncResource = this.getBatchDataAsyncResource(batchIndex);
+    asyncResource.use({
+      useSuspense: false
+    });
+    this.useObserveBatchData(asyncResource, batchIndex);
+    this.useObserveBatchLoadingState(asyncResource, batchIndex);
+  }
+  useObserveBatchLoadingState(asyncResource, batchIndex) {
+    const setNewState = (newState) => {
+      this.loaderState.setBatchLoadingState(
+        batchIndex,
+        this.loaderState.isBatchLoaded(batchIndex) ? "loaded" : newState
+      );
+    };
+    useEffect(() => {
+      setNewState(asyncResource.state.value);
+      return asyncResource.state.observe(setNewState);
+    }, [asyncResource, batchIndex]);
+  }
+  useObserveBatchData(asyncResource, batchIndex) {
+    const setData = (loaderResult) => {
+      const { data, itemTotalCount } = loaderResult;
+      this.loaderState.setDataBatch(batchIndex, data);
+      if (itemTotalCount !== void 0) {
+        this.list.batches.updateItemTotalCount(itemTotalCount);
+      }
+    };
+    useEffect(() => {
+      if (asyncResource.value.value.isSet) {
+        setData(asyncResource.value.value.value);
+      }
+      return asyncResource.value.observe((asyncData) => {
+        if (asyncData.isSet) {
+          setData(asyncData.value);
+        }
+      });
+    }, [asyncResource, 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/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} from \"@/components/List/model/loading/types\";\nimport type { AsyncResource } from \"@mittwald/react-use-promise\";\nimport { getAsyncResource } 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\";\n\ntype AsyncResourceLoadingState = AsyncResource[\"state\"][\"value\"];\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>();\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  public getLoaderInvocationHooks(): (() => void)[] {\n    const batchesCount = times(this.list.batches.getBatchIndex() + 1, (i) => i);\n    return batchesCount.map((i) => () => {\n      this.useLoadBatch(i);\n    });\n  }\n\n  private useLoadBatch(batchIndex: number): void {\n    const asyncResource = this.getBatchDataAsyncResource(batchIndex);\n\n    asyncResource.use({\n      useSuspense: false,\n    });\n\n    this.useObserveBatchData(asyncResource, batchIndex);\n    this.useObserveBatchLoadingState(asyncResource, batchIndex);\n  }\n\n  private useObserveBatchLoadingState(\n    asyncResource: AsyncResource<DataLoaderResult<T>>,\n    batchIndex: number,\n  ): void {\n    const setNewState = (newState: AsyncResourceLoadingState) => {\n      this.loaderState.setBatchLoadingState(\n        batchIndex,\n        this.loaderState.isBatchLoaded(batchIndex) ? \"loaded\" : newState,\n      );\n    };\n\n    useEffect(() => {\n      setNewState(asyncResource.state.value);\n      return asyncResource.state.observe(setNewState);\n    }, [asyncResource, batchIndex]);\n  }\n\n  private useObserveBatchData(\n    asyncResource: AsyncResource<DataLoaderResult<T>>,\n    batchIndex: number,\n  ): void {\n    const setData = (loaderResult: DataLoaderResult<T>): void => {\n      const { data, itemTotalCount } = loaderResult;\n      this.loaderState.setDataBatch(batchIndex, data);\n\n      if (itemTotalCount !== undefined) {\n        this.list.batches.updateItemTotalCount(itemTotalCount);\n      }\n    };\n\n    useEffect(() => {\n      if (asyncResource.value.value.isSet) {\n        setData(asyncResource.value.value.value);\n      }\n\n      return asyncResource.value.observe((asyncData) => {\n        if (asyncData.isSet) {\n          setData(asyncData.value);\n        }\n      });\n    }, [asyncResource, batchIndex]);\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":"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"}

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

@@ -0,0 +1,65 @@
+"use client"
+/* */
+import { useSelector } from '../../../../lib/mobx/useSelector.mjs';
+import { makeObservable, action, computed, observable } from 'mobx';
+import { useStatic } from '../../../../lib/hooks/useStatic.mjs';
+
+class IncrementalLoaderState {
+  dataBatches = [];
+  prevDataBatches = [];
+  batchLoadingStates = ["void"];
+  constructor() {
+    makeObservable(this, {
+      prevDataBatches: false,
+      useMergedData: false,
+      useIsLoading: false,
+      dataBatches: observable.shallow,
+      batchLoadingStates: observable.shallow,
+      mergedData: computed,
+      isLoading: computed,
+      reset: action.bound,
+      setDataBatch: action.bound,
+      setBatchLoadingState: action.bound
+    });
+  }
+  static useNew() {
+    return useStatic(() => new IncrementalLoaderState());
+  }
+  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;
+    }
+  }
+  get mergedData() {
+    const dataBatches = this.dataBatches.length === 0 ? this.prevDataBatches : this.dataBatches;
+    return dataBatches.flatMap((d) => d);
+  }
+  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/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\";\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\n  private constructor() {\n    makeObservable(this, {\n      prevDataBatches: false,\n      useMergedData: false,\n      useIsLoading: false,\n      dataBatches: observable.shallow,\n      batchLoadingStates: observable.shallow,\n      mergedData: computed,\n      isLoading: computed,\n      reset: action.bound,\n      setDataBatch: action.bound,\n      setBatchLoadingState: action.bound,\n    });\n  }\n\n  public static useNew<T>(): IncrementalLoaderState<T> {\n    return useStatic(() => new IncrementalLoaderState<T>());\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 get mergedData(): T[] {\n    const dataBatches =\n      this.dataBatches.length === 0 ? this.prevDataBatches : this.dataBatches;\n\n    return dataBatches.flatMap((d) => d);\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":";;;;AAUO,MAAM,sBAA0B,CAAA;AAAA,EAC9B,cAA8B,EAAC;AAAA,EAC/B,kBAAkC,EAAC;AAAA,EACnC,kBAAA,GAA0C,CAAC,MAAM,CAAA;AAAA,EAEhD,WAAc,GAAA;AACpB,IAAA,cAAA,CAAe,IAAM,EAAA;AAAA,MACnB,eAAiB,EAAA,KAAA;AAAA,MACjB,aAAe,EAAA,KAAA;AAAA,MACf,YAAc,EAAA,KAAA;AAAA,MACd,aAAa,UAAW,CAAA,OAAA;AAAA,MACxB,oBAAoB,UAAW,CAAA,OAAA;AAAA,MAC/B,UAAY,EAAA,QAAA;AAAA,MACZ,SAAW,EAAA,QAAA;AAAA,MACX,OAAO,MAAO,CAAA,KAAA;AAAA,MACd,cAAc,MAAO,CAAA,KAAA;AAAA,MACrB,sBAAsB,MAAO,CAAA;AAAA,KAC9B,CAAA;AAAA;AACH,EAEA,OAAc,MAAuC,GAAA;AACnD,IAAA,OAAO,SAAU,CAAA,MAAM,IAAI,sBAAA,EAA2B,CAAA;AAAA;AACxD,EAEO,KAAc,GAAA;AACnB,IAAA,IAAA,CAAK,qBAAqB,EAAC;AAC3B,IAAA,IAAA,CAAK,cAAc,EAAC;AAAA;AACtB,EAEO,YAAA,CAAa,OAAe,IAAyB,EAAA;AAC1D,IAAI,IAAA,IAAA,CAAK,WAAY,CAAA,MAAA,KAAW,CAAG,EAAA;AACjC,MAAA,IAAA,CAAK,kBAAkB,EAAC;AAAA;AAG1B,IAAA,IAAI,IAAK,CAAA,WAAA,CAAY,KAAK,CAAA,KAAM,IAAM,EAAA;AACpC,MAAK,IAAA,CAAA,WAAA,CAAY,KAAK,CAAI,GAAA,IAAA;AAC1B,MAAK,IAAA,CAAA,eAAA,CAAgB,KAAK,CAAI,GAAA,IAAA;AAAA;AAChC;AACF,EAEO,oBAAA,CACL,OACA,KACM,EAAA;AACN,IAAA,IAAI,IAAK,CAAA,kBAAA,CAAmB,KAAK,CAAA,KAAM,KAAO,EAAA;AAC5C,MAAK,IAAA,CAAA,kBAAA,CAAmB,KAAK,CAAI,GAAA,KAAA;AAAA;AACnC;AACF,EAEA,IAAW,UAAkB,GAAA;AAC3B,IAAA,MAAM,cACJ,IAAK,CAAA,WAAA,CAAY,WAAW,CAAI,GAAA,IAAA,CAAK,kBAAkB,IAAK,CAAA,WAAA;AAE9D,IAAA,OAAO,WAAY,CAAA,OAAA,CAAQ,CAAC,CAAA,KAAM,CAAC,CAAA;AAAA;AACrC,EAEO,aAAqB,GAAA;AAC1B,IAAA,OAAO,YAAY,MAAM,IAAA,CAAK,YAAY,CAAC,IAAA,CAAK,eAAe,CAAC,CAAA;AAAA;AAClE,EAEA,IAAW,SAAqB,GAAA;AAC9B,IAAO,OAAA,IAAA,CAAK,mBAAmB,IAAK,CAAA,CAAC,MAAM,CAAM,KAAA,SAAA,IAAa,MAAM,MAAM,CAAA;AAAA;AAC5E,EAEO,YAAwB,GAAA;AAC7B,IAAO,OAAA,WAAA,CAAY,MAAM,IAAA,CAAK,SAAS,CAAA;AAAA;AACzC,EAEO,cAAc,UAAoB,EAAA;AACvC,IAAA,OAAO,cAAc,IAAK,CAAA,WAAA;AAAA;AAE9B;;;;"}

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

@@ -0,0 +1,57 @@
+"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() {
+    return this.reactTable.getCanNextPage();
+  }
+  getTotalItemsCount() {
+    return this.reactTable.getRowCount() ?? 0;
+  }
+  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/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    return this.reactTable.getCanNextPage();\n  }\n\n  public getTotalItemsCount(): number {\n    return this.reactTable.getRowCount() ?? 0;\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,iBAAqB,CAAA;AAAA,EAChB,SAAA;AAAA,EACC,IAAA;AAAA,EAEV,WAAY,CAAA,IAAA,EAAe,KAAgC,GAAA,EAAI,EAAA;AACpE,IAAM,MAAA,EAAE,SAAY,GAAA,EAAA,EAAO,GAAA,KAAA;AAE3B,IAAA,IAAA,CAAK,IAAO,GAAA,IAAA;AACZ,IAAA,IAAA,CAAK,SAAY,GAAA,SAAA;AACjB,IAAK,IAAA,CAAA,OAAA,CAAQ,OAAQ,CAAA,CAAC,CAAM,KAAA,CAAA,CAAE,gBAAgB,MAAM,IAAA,CAAK,KAAM,EAAC,CAAC,CAAA;AACjE,IAAA,IAAA,CAAK,MAAQ,EAAA,SAAA,CAAU,MAAM,IAAA,CAAK,OAAO,CAAA;AAAA;AAC3C,EAEA,IAAY,UAAuB,GAAA;AACjC,IAAO,OAAA,IAAA,CAAK,KAAK,UAAW,CAAA,KAAA;AAAA;AAC9B,EAEO,aAAwB,GAAA;AAC7B,IAAA,OAAO,IAAK,CAAA,UAAA,CAAW,QAAS,EAAA,CAAE,UAAW,CAAA,SAAA;AAAA;AAC/C,EAEO,YAAwB,GAAA;AAC7B,IAAO,OAAA,IAAA,CAAK,WAAW,cAAe,EAAA;AAAA;AACxC,EAEO,kBAA6B,GAAA;AAClC,IAAO,OAAA,IAAA,CAAK,UAAW,CAAA,WAAA,EAAiB,IAAA,CAAA;AAAA;AAC1C,EAEO,oBAA+B,GAAA;AACpC,IAAA,OAAO,IAAK,CAAA,UAAA,CAAW,WAAY,EAAA,CAAE,KAAK,MAAU,IAAA,CAAA;AAAA;AACtD,EAEO,qBAAqB,KAAqB,EAAA;AAC/C,IAAK,IAAA,CAAA,UAAA,CAAW,UAAW,CAAA,CAAC,CAAO,MAAA;AAAA,MACjC,GAAG,CAAA;AAAA,MACH,QAAU,EAAA;AAAA,KACV,CAAA,CAAA;AAAA;AACJ,EAEO,KAAc,GAAA;AACnB,IAAI,IAAA,IAAA,CAAK,IAAK,CAAA,MAAA,CAAO,eAAiB,EAAA;AACpC,MAAA,IAAA,CAAK,qBAAqB,CAAC,CAAA;AAAA;AAE7B,IAAK,IAAA,CAAA,UAAA,CAAW,cAAc,OAAO;AAAA,MACnC,SAAW,EAAA,CAAA;AAAA,MACX,UAAU,IAAK,CAAA;AAAA,KACf,CAAA,CAAA;AAAA;AACJ,EAEO,SAAkB,GAAA;AACvB,IAAI,IAAA,IAAA,CAAK,IAAK,CAAA,MAAA,CAAO,gBAAkB,EAAA;AACrC,MAAA,IAAA,CAAK,WAAW,QAAS,EAAA;AAAA,KACpB,MAAA;AACL,MAAA,MAAM,UACJ,IAAK,CAAA,UAAA,CAAW,UAAW,CAAA,UAAA,CAAW,WAAW,IAAK,CAAA,SAAA;AAExD,MAAK,IAAA,CAAA,UAAA,CAAW,aAAc,CAAA,CAAC,IAAU,MAAA;AAAA,QACvC,GAAG,IAAA;AAAA,QACH,QAAU,EAAA;AAAA,OACV,CAAA,CAAA;AAAA;AACJ;AAEJ;;;;"}

package/dist/js/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/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,MAAU,CAAA;AAAA,EACL,IAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AAAA,EACR,iBAAA,uBAAwB,GAAmB,EAAA;AAAA,EAClC,YAAA;AAAA,EAEV,WAAA,CAAY,MAAe,WAA6B,EAAA;AAC7D,IAAA,IAAA,CAAK,IAAO,GAAA,IAAA;AACZ,IAAA,IAAA,CAAK,SAAS,WAAY,CAAA,MAAA;AAC1B,IAAA,IAAA,CAAK,iBAAiB,WAAY,CAAA,cAAA;AAClC,IAAA,IAAA,CAAK,eAAe,WAAY,CAAA,YAAA;AAAA;AAClC,EAEA,IAAW,KAAqB,GAAA;AAC9B,IAAO,OAAA,IAAA,CAAK,KAAK,UAAW,CAAA,YAAA;AAAA;AAC9B,EAEA,IAAW,KAAQ,GAAA;AACjB,IAAA,OAAO,KAAK,KAAU,KAAA,MAAA;AAAA;AACxB,EAEQ,qBAA8B,GAAA;AACpC,IAAA,IAAA,CAAK,iBAAkB,CAAA,OAAA,CAAQ,CAAC,EAAA,KAAO,IAAI,CAAA;AAAA;AAC7C,EAEO,mBAAmB,YAAiC,EAAA;AACzD,IAAA,YAAA,CAAa,eAAe,IAAK,CAAA,YAAA;AAAA;AACnC,EAEO,SAAS,KAA0B,EAAA;AACxC,IAAA,IAAI,KAAU,KAAA,MAAA,IAAa,KAAM,CAAA,IAAA,OAAW,EAAI,EAAA;AAC9C,MAAA,IAAI,KAAK,IAAK,CAAA,UAAA,CAAW,KAAM,CAAA,QAAA,GAAW,YAAc,EAAA;AACtD,QAAA,IAAA,CAAK,IAAK,CAAA,UAAA,CAAW,KAAM,CAAA,eAAA,CAAgB,MAAS,CAAA;AACpD,QAAA,IAAA,CAAK,qBAAsB,EAAA;AAAA;AAC7B,KACK,MAAA;AACL,MAAA,IAAA,CAAK,IAAK,CAAA,UAAA,CAAW,KAAM,CAAA,eAAA,CAAgB,KAAK,CAAA;AAChD,MAAA,IAAA,CAAK,qBAAsB,EAAA;AAAA;AAC7B;AACF,EAEO,KAAc,GAAA;AACnB,IAAA,IAAA,CAAK,SAAS,MAAS,CAAA;AAAA;AACzB,EAEO,UAAU,EAAyB,EAAA;AACxC,IAAK,IAAA,CAAA,iBAAA,CAAkB,IAAI,EAAE,CAAA;AAAA;AAEjC;;;;"}

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

@@ -0,0 +1,49 @@
+"use client"
+/* */
+class Sorting {
+  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";
+    this.defaultEnabled = shape.defaultEnabled ?? false;
+    this.customSortingFn = shape.customSortingFn;
+  }
+  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);
+  }
+  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/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\";\n\nexport class Sorting<T> {\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    this.defaultEnabled = shape.defaultEnabled ?? false;\n    this.customSortingFn = shape.customSortingFn;\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  }\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":"AAcO,MAAM,OAAW,CAAA;AAAA,EACN,IAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EAET,WAAA,CAAY,MAAe,KAAwB,EAAA;AACxD,IAAA,IAAA,CAAK,IAAO,GAAA,IAAA;AACZ,IAAA,IAAA,CAAK,WAAW,KAAM,CAAA,QAAA;AACtB,IAAA,IAAA,CAAK,OAAO,KAAM,CAAA,IAAA;AAClB,IAAK,IAAA,CAAA,SAAA,GAAY,MAAM,SAAa,IAAA,KAAA;AACpC,IAAK,IAAA,CAAA,cAAA,GAAiB,MAAM,cAAkB,IAAA,KAAA;AAC9C,IAAA,IAAA,CAAK,kBAAkB,KAAM,CAAA,eAAA;AAAA;AAC/B,EAEO,qBAAqB,GAAyB,EAAA;AACnD,IAAA,GAAA,CAAI,aAAgB,GAAA,IAAA;AACpB,IAAA,IAAI,KAAK,eAAiB,EAAA;AACxB,MAAA,GAAA,CAAI,YAAY,IAAK,CAAA,eAAA;AAAA;AACvB;AACF,EAEO,uBAAsC,GAAA;AAC3C,IAAO,OAAA;AAAA,MACL,IAAI,IAAK,CAAA,QAAA;AAAA,MACT,IAAA,EAAM,KAAK,SAAc,KAAA;AAAA,KAC3B;AAAA;AACF,EAEO,QAAoB,GAAA;AACzB,IAAM,MAAA,GAAA,GAAM,KAAK,cAAe,EAAA;AAChC,IAAO,OAAA,GAAA,CAAI,WAAY,EAAA,IAAK,IAAK,CAAA,SAAA;AAAA;AACnC,EAEO,cAA4B,GAAA;AACjC,IAAA,OAAO,IAAK,CAAA,IAAA,CAAK,UAAW,CAAA,cAAA,CAAe,KAAK,QAAQ,CAAA;AAAA;AAC1D,EAEO,MAAe,GAAA;AACpB,IAAK,IAAA,CAAA,IAAA,CAAK,UACP,CAAA,cAAA,CAAe,IAAK,CAAA,QAAQ,EAC5B,aAAc,CAAA,IAAA,CAAK,SAAc,KAAA,MAAA,EAAQ,KAAK,CAAA;AAAA;AACnD,EAEO,KAAc,GAAA;AACnB,IAAA,IAAA,CAAK,KAAK,UAAW,CAAA,cAAA,CAAe,IAAK,CAAA,QAAQ,EAAE,YAAa,EAAA;AAAA;AAClE,EAEA,IAAW,EAAa,GAAA;AACtB,IAAA,OAAO,GAAG,IAAK,CAAA,cAAA,GAAiB,EAAE,CAAA,CAAA,EAAI,KAAK,SAAS,CAAA,CAAA;AAAA;AAExD;;;;"}

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

@@ -0,0 +1,54 @@
+"use client"
+/* */
+import invariant from 'invariant';
+import { DateTime } from 'luxon';
+
+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",
+  dateTime: (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;
+    let dtA = null;
+    let dtB = null;
+    if (valueA instanceof DateTime) {
+      dtA = valueA;
+    } else if (typeof valueA === "string") {
+      dtA = DateTime.fromISO(valueA);
+    }
+    if (valueB instanceof DateTime) {
+      dtB = valueB;
+    } else if (typeof valueB === "string") {
+      dtB = DateTime.fromISO(valueB);
+    }
+    if (dtA?.isValid && dtB?.isValid) {
+      return dtA.toMillis() - dtB.toMillis();
+    } else if (dtA?.isValid) {
+      return -1;
+    } else if (dtB?.isValid) {
+      return 1;
+    } else {
+      console.warn("Invalid DateTime values for sorting.");
+      return 0;
+    }
+  }
+};
+
+export { SortingFunctions };
+//# sourceMappingURL=SortingFunctions.mjs.map

package/dist/js/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\";\nimport { DateTime } from \"luxon\";\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  dateTime: ((rowA: Row<unknown>, rowB: Row<unknown>, 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    let dtA: DateTime | null = null;\n    let dtB: DateTime | null = null;\n\n    if (valueA instanceof DateTime) {\n      dtA = valueA;\n    } else if (typeof valueA === \"string\") {\n      dtA = DateTime.fromISO(valueA);\n    }\n\n    if (valueB instanceof DateTime) {\n      dtB = valueB;\n    } else if (typeof valueB === \"string\") {\n      dtB = DateTime.fromISO(valueB);\n    }\n\n    if (dtA?.isValid && dtB?.isValid) {\n      return dtA.toMillis() - dtB.toMillis();\n    } else if (dtA?.isValid) {\n      return -1;\n    } else if (dtB?.isValid) {\n      return 1;\n    } else {\n      console.warn(\"Invalid DateTime values for sorting.\");\n      return 0;\n    }\n  }) as SortingFn<unknown>,\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,MAAS,EAAA,CAAC,IAAmB,EAAA,IAAA,EAAmB,QAAa,KAAA;AAC3D,IAAM,MAAA,MAAA,GAAS,IAAK,CAAA,QAAA,CAAS,QAAQ,CAAA;AACrC,IAAM,MAAA,MAAA,GAAS,IAAK,CAAA,QAAA,CAAS,QAAQ,CAAA;AAErC,IAAA,IAAI,MAAU,IAAA,IAAA,EAAa,OAAA,MAAA,IAAU,OAAO,CAAI,GAAA,EAAA;AAChD,IAAI,IAAA,MAAA,IAAU,MAAa,OAAA,CAAA;AAE3B,IAAI,IAAA;AACF,MAAA,SAAA;AAAA,QACE,OAAO,MAAA,KAAW,QAAY,IAAA,OAAO,MAAW,KAAA,QAAA;AAAA,QAChD,CAA+B,4BAAA,EAAA,OAAO,MAAM,CAAA,KAAA,EAAQ,OAAO,MAAM,CAAA;AAAA,OACnE;AAEA,MAAA,OAAO,MAAS,GAAA,MAAA,GAAS,CAAK,CAAA,GAAA,MAAA,GAAS,SAAS,CAAI,GAAA,CAAA;AAAA,aAC7C,KAAO,EAAA;AACd,MAAQ,OAAA,CAAA,KAAA,CAAM,CAA+B,4BAAA,EAAA,KAAK,CAAE,CAAA,CAAA;AAAA;AACtD,GACF;AAAA,EAEA,YAAc,EAAA,cAAA;AAAA,EAEd,QAAW,EAAA,CAAC,IAAoB,EAAA,IAAA,EAAoB,QAAa,KAAA;AAC/D,IAAM,MAAA,MAAA,GAAS,IAAK,CAAA,QAAA,CAAS,QAAQ,CAAA;AACrC,IAAM,MAAA,MAAA,GAAS,IAAK,CAAA,QAAA,CAAS,QAAQ,CAAA;AAErC,IAAA,IAAI,MAAU,IAAA,IAAA,EAAa,OAAA,MAAA,IAAU,OAAO,CAAI,GAAA,EAAA;AAChD,IAAI,IAAA,MAAA,IAAU,MAAa,OAAA,CAAA;AAE3B,IAAA,IAAI,GAAuB,GAAA,IAAA;AAC3B,IAAA,IAAI,GAAuB,GAAA,IAAA;AAE3B,IAAA,IAAI,kBAAkB,QAAU,EAAA;AAC9B,MAAM,GAAA,GAAA,MAAA;AAAA,KACR,MAAA,IAAW,OAAO,MAAA,KAAW,QAAU,EAAA;AACrC,MAAM,GAAA,GAAA,QAAA,CAAS,QAAQ,MAAM,CAAA;AAAA;AAG/B,IAAA,IAAI,kBAAkB,QAAU,EAAA;AAC9B,MAAM,GAAA,GAAA,MAAA;AAAA,KACR,MAAA,IAAW,OAAO,MAAA,KAAW,QAAU,EAAA;AACrC,MAAM,GAAA,GAAA,QAAA,CAAS,QAAQ,MAAM,CAAA;AAAA;AAG/B,IAAI,IAAA,GAAA,EAAK,OAAW,IAAA,GAAA,EAAK,OAAS,EAAA;AAChC,MAAA,OAAO,GAAI,CAAA,QAAA,EAAa,GAAA,GAAA,CAAI,QAAS,EAAA;AAAA,KACvC,MAAA,IAAW,KAAK,OAAS,EAAA;AACvB,MAAO,OAAA,EAAA;AAAA,KACT,MAAA,IAAW,KAAK,OAAS,EAAA;AACvB,MAAO,OAAA,CAAA;AAAA,KACF,MAAA;AACL,MAAA,OAAA,CAAQ,KAAK,sCAAsC,CAAA;AACnD,MAAO,OAAA,CAAA;AAAA;AACT;AAEJ;;;;"}

package/dist/js/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/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,KAAS,CAAA;AAAA,EACJ,IAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,EACA,cAAA;AAAA,EAET,WAAY,CAAA,IAAA,EAAe,KAAuB,GAAA,EAAI,EAAA;AAC3D,IAAA,MAAM,EAAE,MAAA,EAAQ,IAAM,EAAA,GAAG,WAAc,GAAA,KAAA;AACvC,IAAA,IAAA,CAAK,IAAO,GAAA,IAAA;AACZ,IAAA,IAAA,CAAK,MAAS,GAAA,IAAI,WAAY,CAAA,IAAA,EAAM,MAAM,CAAA;AAC1C,IAAA,IAAA,CAAK,IAAO,GAAA,IAAI,SAAU,CAAA,IAAA,EAAM,IAAI,CAAA;AACpC,IAAA,IAAA,CAAK,cAAiB,GAAA,SAAA;AAAA;AAE1B;;;;"}

package/dist/js/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/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,WAAY,CAAA,KAAA,EAAiB,KAA2B,GAAA,EAAI,EAAA;AACjE,IAAA,MAAM,EAAE,GAAA,EAAK,GAAG,IAAA,EAAS,GAAA,KAAA;AACzB,IAAA,IAAA,CAAK,KAAQ,GAAA,KAAA;AACb,IAAA,IAAA,CAAK,GAAM,GAAA,IAAI,QAAS,CAAA,IAAA,EAAM,GAAG,CAAA;AACjC,IAAA,IAAA,CAAK,cAAiB,GAAA,IAAA;AAAA;AAE1B;;;;"}

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

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

package/dist/js/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\";\n\nexport class TableCell<T> {\n  public readonly row: TableRow<T>;\n  public readonly renderFn?: RenderItemFn<T>;\n  public readonly componentProps: TableCellSupportedComponentProps;\n\n  public constructor(row: TableRow<T>, shape: TableCellShape<T> = {}) {\n    const { renderFn, ...rest } = shape;\n    this.row = row;\n    this.renderFn = renderFn;\n    this.componentProps = rest;\n  }\n}\n"],"names":[],"mappings":"AAOO,MAAM,SAAa,CAAA;AAAA,EACR,GAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EAET,WAAY,CAAA,GAAA,EAAkB,KAA2B,GAAA,EAAI,EAAA;AAClE,IAAA,MAAM,EAAE,QAAA,EAAU,GAAG,IAAA,EAAS,GAAA,KAAA;AAC9B,IAAA,IAAA,CAAK,GAAM,GAAA,GAAA;AACX,IAAA,IAAA,CAAK,QAAW,GAAA,QAAA;AAChB,IAAA,IAAA,CAAK,cAAiB,GAAA,IAAA;AAAA;AAE1B;;;;"}

package/dist/js/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