@mittwald/flow-react-components 0.2.0-alpha.781 → 0.2.0-alpha.782

package/dist/js/packages/components/src/components/List/model/ListSettingsStore.mjs

@@ -1,90 +1,71 @@
 "use client"
 /* */
-import z from 'zod';
-
-const supportedSettings = {
-  activeFilters: {
-    supports: {
-      autosave: true,
-      manualSave: true
-    },
-    schema: z.record(z.string().or(z.symbol()), z.array(z.string())).optional()
-  },
-  viewMode: {
-    supports: {
-      autosave: true,
-      manualSave: false
-    },
-    schema: z.enum(["list", "table", "tiles"]).optional()
-  },
-  sorting: {
-    supports: {
-      autosave: true,
-      manualSave: false
-    },
-    schema: z.object({
-      direction: z.enum(["asc", "desc"]),
-      property: z.string().or(z.number())
-    }).optional()
-  },
-  search: {
-    supports: {
-      autosave: true,
-      manualSave: false
-    },
-    schema: z.object({
-      value: z.string().optional()
-    }).optional()
-  }
+import z from "zod";
+//#region src/components/List/model/ListSettingsStore.ts
+var supportedSettings = {
+	activeFilters: {
+		supports: {
+			autosave: true,
+			manualSave: true
+		},
+		schema: z.record(z.string().or(z.symbol()), z.array(z.string())).optional()
+	},
+	viewMode: {
+		supports: {
+			autosave: true,
+			manualSave: false
+		},
+		schema: z.enum([
+			"list",
+			"table",
+			"tiles"
+		]).optional()
+	},
+	sorting: {
+		supports: {
+			autosave: true,
+			manualSave: false
+		},
+		schema: z.object({
+			direction: z.enum(["asc", "desc"]),
+			property: z.string().or(z.number())
+		}).optional()
+	},
+	search: {
+		supports: {
+			autosave: true,
+			manualSave: false
+		},
+		schema: z.object({ value: z.string().optional() }).optional()
+	}
 };
-class ListSettingsStore {
-  list;
-  storageKey;
-  settingsStore;
-  constructor(list, store, shape) {
-    this.list = list;
-    this.settingsStore = store;
-    this.storageKey = shape.storageKey;
-  }
-  getStorageKey(key, autosave = false) {
-    const autosaveSuffix = autosave ? ".autosave" : "";
-    return `${this.storageKey}.${key}${autosaveSuffix}`;
-  }
-  store(key, value, options) {
-    const settings = supportedSettings[key];
-    if (settings.supports.manualSave && options.manualSave) {
-      this.settingsStore.set(
-        "List",
-        this.getStorageKey(key, false),
-        settings.schema,
-        value
-      );
-    }
-    if (settings.supports.autosave && options.autosave) {
-      this.settingsStore.set(
-        "List",
-        this.getStorageKey(key, true),
-        settings.schema,
-        value
-      );
-    }
-  }
-  get(key, options) {
-    const settings = supportedSettings[key];
-    const { autosave, manualSave = !autosave } = options;
-    const getAutosavedValue = () => this.settingsStore.get(
-      "List",
-      this.getStorageKey(key, options.autosave),
-      settings.schema
-    );
-    const getManuallySavedValue = () => this.settingsStore.get(
-      "List",
-      this.getStorageKey(key, false),
-      settings.schema
-    );
-    return (settings.supports.autosave && autosave ? getAutosavedValue() : void 0) ?? (settings.supports.manualSave && manualSave ? getManuallySavedValue() : void 0);
-  }
-}
-
+var ListSettingsStore = class {
+	list;
+	storageKey;
+	settingsStore;
+	constructor(list, store, shape) {
+		this.list = list;
+		this.settingsStore = store;
+		this.storageKey = shape.storageKey;
+	}
+	getStorageKey(key, autosave = false) {
+		const autosaveSuffix = autosave ? ".autosave" : "";
+		return `${this.storageKey}.${key}${autosaveSuffix}`;
+	}
+	store(key, value, options) {
+		const settings = supportedSettings[key];
+		if (settings.supports.manualSave && options.manualSave) this.settingsStore.set("List", this.getStorageKey(key, false), settings.schema, value);
+		if (settings.supports.autosave && options.autosave) this.settingsStore.set("List", this.getStorageKey(key, true), settings.schema, value);
+	}
+	get(key, options) {
+		const settings = supportedSettings[key];
+		const { autosave, manualSave = !autosave } = options;
+		const getAutosavedValue = () => this.settingsStore.get("List", this.getStorageKey(key, options.autosave), settings.schema);
+		const getManuallySavedValue = () => this.settingsStore.get("List", this.getStorageKey(key, false), settings.schema);
+		return (settings.supports.autosave && autosave ? getAutosavedValue() : void 0) ?? (settings.supports.manualSave && manualSave ? getManuallySavedValue() : void 0);
+	}
+};
+//#endregion
 export { ListSettingsStore };
-//# sourceMappingURL=ListSettingsStore.mjs.map
+
+//# sourceMappingURL=ListSettingsStore.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListSettingsStore.mjs","sources":["../../../../../../../../src/components/List/model/ListSettingsStore.ts"],"sourcesContent":["import type { SettingsStore } from \"@/components/SettingsProvider/models/SettingsStore\";\nimport type { ListSettingsStorageShape } from \"./types\";\nimport type List from \"./List\";\nimport z from \"zod\";\n\nexport interface ListSettingsStoreOperationOptions {\n  autosave?: boolean;\n  manualSave?: boolean;\n}\n\nconst supportedSettings = {\n  activeFilters: {\n    supports: {\n      autosave: true,\n      manualSave: true,\n    },\n    schema: z.record(z.string().or(z.symbol()), z.array(z.string())).optional(),\n  },\n  viewMode: {\n    supports: {\n      autosave: true,\n      manualSave: false,\n    },\n    schema: z.enum([\"list\", \"table\", \"tiles\"]).optional(),\n  },\n  sorting: {\n    supports: {\n      autosave: true,\n      manualSave: false,\n    },\n    schema: z\n      .object({\n        direction: z.enum([\"asc\", \"desc\"]),\n        property: z.string().or(z.number()),\n      })\n      .optional(),\n  },\n  search: {\n    supports: {\n      autosave: true,\n      manualSave: false,\n    },\n    schema: z\n      .object({\n        value: z.string().optional(),\n      })\n      .optional(),\n  },\n} as const;\n\ntype SupportedSettings = keyof typeof supportedSettings;\n\ntype SchemaOf<T extends SupportedSettings> =\n  (typeof supportedSettings)[T][\"schema\"];\n\nexport class ListSettingsStore<T> {\n  public readonly list: List<T>;\n  public readonly storageKey: string;\n  private readonly settingsStore: SettingsStore;\n\n  public constructor(\n    list: List<T>,\n    store: SettingsStore,\n    shape: ListSettingsStorageShape,\n  ) {\n    this.list = list;\n    this.settingsStore = store;\n    this.storageKey = shape.storageKey;\n  }\n\n  private getStorageKey(key: string, autosave = false) {\n    const autosaveSuffix = autosave ? \".autosave\" : \"\";\n    return `${this.storageKey}.${key}${autosaveSuffix}`;\n  }\n\n  public store<T extends SupportedSettings>(\n    key: T,\n    value: z.infer<(typeof supportedSettings)[T][\"schema\"]>,\n    options: ListSettingsStoreOperationOptions,\n  ) {\n    const settings = supportedSettings[key];\n\n    if (settings.supports.manualSave && options.manualSave) {\n      this.settingsStore.set(\n        \"List\",\n        this.getStorageKey(key, false),\n        settings.schema,\n        value as never,\n      );\n    }\n    if (settings.supports.autosave && options.autosave) {\n      this.settingsStore.set(\n        \"List\",\n        this.getStorageKey(key, true),\n        settings.schema,\n        value as never,\n      );\n    }\n  }\n\n  public get<T extends SupportedSettings>(\n    key: T,\n    options: ListSettingsStoreOperationOptions,\n  ): z.infer<SchemaOf<T>> | undefined {\n    const settings = supportedSettings[key];\n    const { autosave, manualSave = !autosave } = options; // to ensure settings is used and avoid unused variable error\n\n    const getAutosavedValue = () =>\n      this.settingsStore.get(\n        \"List\",\n        this.getStorageKey(key, options.autosave),\n        settings.schema,\n      ) as z.infer<SchemaOf<T>> | undefined;\n\n    const getManuallySavedValue = () =>\n      this.settingsStore.get(\n        \"List\",\n        this.getStorageKey(key, false),\n        settings.schema,\n      ) as z.infer<SchemaOf<T>> | undefined;\n\n    return (\n      (settings.supports.autosave && autosave\n        ? getAutosavedValue()\n        : undefined) ??\n      (settings.supports.manualSave && manualSave\n        ? getManuallySavedValue()\n        : undefined)\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ListSettingsStore.mjs","names":[],"sources":["../../../../../../../../src/components/List/model/ListSettingsStore.ts"],"sourcesContent":["import type { SettingsStore } from \"@/components/SettingsProvider/models/SettingsStore\";\nimport type { ListSettingsStorageShape } from \"./types\";\nimport type List from \"./List\";\nimport z from \"zod\";\n\nexport interface ListSettingsStoreOperationOptions {\n  autosave?: boolean;\n  manualSave?: boolean;\n}\n\nconst supportedSettings = {\n  activeFilters: {\n    supports: {\n      autosave: true,\n      manualSave: true,\n    },\n    schema: z.record(z.string().or(z.symbol()), z.array(z.string())).optional(),\n  },\n  viewMode: {\n    supports: {\n      autosave: true,\n      manualSave: false,\n    },\n    schema: z.enum([\"list\", \"table\", \"tiles\"]).optional(),\n  },\n  sorting: {\n    supports: {\n      autosave: true,\n      manualSave: false,\n    },\n    schema: z\n      .object({\n        direction: z.enum([\"asc\", \"desc\"]),\n        property: z.string().or(z.number()),\n      })\n      .optional(),\n  },\n  search: {\n    supports: {\n      autosave: true,\n      manualSave: false,\n    },\n    schema: z\n      .object({\n        value: z.string().optional(),\n      })\n      .optional(),\n  },\n} as const;\n\ntype SupportedSettings = keyof typeof supportedSettings;\n\ntype SchemaOf<T extends SupportedSettings> =\n  (typeof supportedSettings)[T][\"schema\"];\n\nexport class ListSettingsStore<T> {\n  public readonly list: List<T>;\n  public readonly storageKey: string;\n  private readonly settingsStore: SettingsStore;\n\n  public constructor(\n    list: List<T>,\n    store: SettingsStore,\n    shape: ListSettingsStorageShape,\n  ) {\n    this.list = list;\n    this.settingsStore = store;\n    this.storageKey = shape.storageKey;\n  }\n\n  private getStorageKey(key: string, autosave = false) {\n    const autosaveSuffix = autosave ? \".autosave\" : \"\";\n    return `${this.storageKey}.${key}${autosaveSuffix}`;\n  }\n\n  public store<T extends SupportedSettings>(\n    key: T,\n    value: z.infer<(typeof supportedSettings)[T][\"schema\"]>,\n    options: ListSettingsStoreOperationOptions,\n  ) {\n    const settings = supportedSettings[key];\n\n    if (settings.supports.manualSave && options.manualSave) {\n      this.settingsStore.set(\n        \"List\",\n        this.getStorageKey(key, false),\n        settings.schema,\n        value as never,\n      );\n    }\n    if (settings.supports.autosave && options.autosave) {\n      this.settingsStore.set(\n        \"List\",\n        this.getStorageKey(key, true),\n        settings.schema,\n        value as never,\n      );\n    }\n  }\n\n  public get<T extends SupportedSettings>(\n    key: T,\n    options: ListSettingsStoreOperationOptions,\n  ): z.infer<SchemaOf<T>> | undefined {\n    const settings = supportedSettings[key];\n    const { autosave, manualSave = !autosave } = options; // to ensure settings is used and avoid unused variable error\n\n    const getAutosavedValue = () =>\n      this.settingsStore.get(\n        \"List\",\n        this.getStorageKey(key, options.autosave),\n        settings.schema,\n      ) as z.infer<SchemaOf<T>> | undefined;\n\n    const getManuallySavedValue = () =>\n      this.settingsStore.get(\n        \"List\",\n        this.getStorageKey(key, false),\n        settings.schema,\n      ) as z.infer<SchemaOf<T>> | undefined;\n\n    return (\n      (settings.supports.autosave && autosave\n        ? getAutosavedValue()\n        : undefined) ??\n      (settings.supports.manualSave && manualSave\n        ? getManuallySavedValue()\n        : undefined)\n    );\n  }\n}\n"],"mappings":";;AAUA,IAAM,oBAAoB;CACxB,eAAe;EACb,UAAU;GACR,UAAU;GACV,YAAY;GACb;EACD,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU;EAC5E;CACD,UAAU;EACR,UAAU;GACR,UAAU;GACV,YAAY;GACb;EACD,QAAQ,EAAE,KAAK;GAAC;GAAQ;GAAS;GAAQ,CAAC,CAAC,UAAU;EACtD;CACD,SAAS;EACP,UAAU;GACR,UAAU;GACV,YAAY;GACb;EACD,QAAQ,EACL,OAAO;GACN,WAAW,EAAE,KAAK,CAAC,OAAO,OAAO,CAAC;GAClC,UAAU,EAAE,QAAQ,CAAC,GAAG,EAAE,QAAQ,CAAC;GACpC,CAAC,CACD,UAAU;EACd;CACD,QAAQ;EACN,UAAU;GACR,UAAU;GACV,YAAY;GACb;EACD,QAAQ,EACL,OAAO,EACN,OAAO,EAAE,QAAQ,CAAC,UAAU,EAC7B,CAAC,CACD,UAAU;EACd;CACF;AAOD,IAAa,oBAAb,MAAkC;CAChC;CACA;CACA;CAEA,YACE,MACA,OACA,OACA;AACA,OAAK,OAAO;AACZ,OAAK,gBAAgB;AACrB,OAAK,aAAa,MAAM;;CAG1B,cAAsB,KAAa,WAAW,OAAO;EACnD,MAAM,iBAAiB,WAAW,cAAc;AAChD,SAAO,GAAG,KAAK,WAAW,GAAG,MAAM;;CAGrC,MACE,KACA,OACA,SACA;EACA,MAAM,WAAW,kBAAkB;AAEnC,MAAI,SAAS,SAAS,cAAc,QAAQ,WAC1C,MAAK,cAAc,IACjB,QACA,KAAK,cAAc,KAAK,MAAM,EAC9B,SAAS,QACT,MACD;AAEH,MAAI,SAAS,SAAS,YAAY,QAAQ,SACxC,MAAK,cAAc,IACjB,QACA,KAAK,cAAc,KAAK,KAAK,EAC7B,SAAS,QACT,MACD;;CAIL,IACE,KACA,SACkC;EAClC,MAAM,WAAW,kBAAkB;EACnC,MAAM,EAAE,UAAU,aAAa,CAAC,aAAa;EAE7C,MAAM,0BACJ,KAAK,cAAc,IACjB,QACA,KAAK,cAAc,KAAK,QAAQ,SAAS,EACzC,SAAS,OACV;EAEH,MAAM,8BACJ,KAAK,cAAc,IACjB,QACA,KAAK,cAAc,KAAK,MAAM,EAC9B,SAAS,OACV;AAEH,UACG,SAAS,SAAS,YAAY,WAC3B,mBAAmB,GACnB,KAAA,OACH,SAAS,SAAS,cAAc,aAC7B,uBAAuB,GACvB,KAAA"}

package/dist/js/packages/components/src/components/List/model/ListViewMode.mjs

@@ -1,41 +1,35 @@
 "use client"
 /* */
-import { useState } from 'react';
-
-class ListViewMode {
-  list;
-  autosave;
-  state;
-  constructor(list, options = {}) {
-    const {
-      defaultViewMode,
-      autosave = list.settingsStorageDefaults?.viewMode?.autosave ?? true
-    } = options;
-    this.list = list;
-    this.autosave = autosave;
-    this.state = useState(
-      this.list.settingsStorage?.get("viewMode", { autosave: this.autosave }) ?? defaultViewMode ?? "list"
-    );
-  }
-  get value() {
-    return this.state[0];
-  }
-  get isTiles() {
-    return this.value === "tiles";
-  }
-  get isTable() {
-    return this.value === "table";
-  }
-  get isList() {
-    return this.value === "list";
-  }
-  set(viewMode) {
-    this.state[1](viewMode);
-    this.list.settingsStorage?.store("viewMode", viewMode, {
-      autosave: this.autosave
-    });
-  }
-}
-
+import { useState } from "react";
+//#region src/components/List/model/ListViewMode.ts
+var ListViewMode = class {
+	list;
+	autosave;
+	state;
+	constructor(list, options = {}) {
+		const { defaultViewMode, autosave = list.settingsStorageDefaults?.viewMode?.autosave ?? true } = options;
+		this.list = list;
+		this.autosave = autosave;
+		this.state = useState(this.list.settingsStorage?.get("viewMode", { autosave: this.autosave }) ?? defaultViewMode ?? "list");
+	}
+	get value() {
+		return this.state[0];
+	}
+	get isTiles() {
+		return this.value === "tiles";
+	}
+	get isTable() {
+		return this.value === "table";
+	}
+	get isList() {
+		return this.value === "list";
+	}
+	set(viewMode) {
+		this.state[1](viewMode);
+		this.list.settingsStorage?.store("viewMode", viewMode, { autosave: this.autosave });
+	}
+};
+//#endregion
 export { ListViewMode };
-//# sourceMappingURL=ListViewMode.mjs.map
+
+//# sourceMappingURL=ListViewMode.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListViewMode.mjs","sources":["../../../../../../../../src/components/List/model/ListViewMode.ts"],"sourcesContent":["import { useState } from \"react\";\nimport type { ListViewMode as RawListViewMode } from \"./types\";\nimport type { List } from \"./List\";\n\ninterface Options {\n  defaultViewMode?: RawListViewMode;\n  autosave?: boolean;\n}\n\nexport class ListViewMode<T = unknown> {\n  public readonly list: List<T>;\n  public readonly autosave: boolean;\n  private readonly state: [\n    RawListViewMode,\n    React.Dispatch<React.SetStateAction<RawListViewMode>>,\n  ];\n\n  public constructor(list: List<T>, options: Options = {}) {\n    const {\n      defaultViewMode,\n      autosave = list.settingsStorageDefaults?.viewMode?.autosave ?? true,\n    } = options;\n\n    this.list = list;\n    this.autosave = autosave;\n    this.state = useState(\n      this.list.settingsStorage?.get(\"viewMode\", { autosave: this.autosave }) ??\n        defaultViewMode ??\n        \"list\",\n    );\n  }\n\n  public get value() {\n    return this.state[0];\n  }\n\n  public get isTiles() {\n    return this.value === \"tiles\";\n  }\n\n  public get isTable() {\n    return this.value === \"table\";\n  }\n\n  public get isList() {\n    return this.value === \"list\";\n  }\n\n  public set(viewMode: RawListViewMode): void {\n    this.state[1](viewMode);\n    this.list.settingsStorage?.store(\"viewMode\", viewMode, {\n      autosave: this.autosave,\n    });\n  }\n}\n"],"names":[],"mappings":";;AASO,MAAM,YAAA,CAA0B;AAAA,EACrB,IAAA;AAAA,EACA,QAAA;AAAA,EACC,KAAA;AAAA,EAKV,WAAA,CAAY,IAAA,EAAe,OAAA,GAAmB,EAAC,EAAG;AACvD,IAAA,MAAM;AAAA,MACJ,eAAA;AAAA,MACA,QAAA,GAAW,IAAA,CAAK,uBAAA,EAAyB,QAAA,EAAU,QAAA,IAAY;AAAA,KACjE,GAAI,OAAA;AAEJ,IAAA,IAAA,CAAK,IAAA,GAAO,IAAA;AACZ,IAAA,IAAA,CAAK,QAAA,GAAW,QAAA;AAChB,IAAA,IAAA,CAAK,KAAA,GAAQ,QAAA;AAAA,MACX,IAAA,CAAK,IAAA,CAAK,eAAA,EAAiB,GAAA,CAAI,UAAA,EAAY,EAAE,QAAA,EAAU,IAAA,CAAK,QAAA,EAAU,CAAA,IACpE,eAAA,IACA;AAAA,KACJ;AAAA,EACF;AAAA,EAEA,IAAW,KAAA,GAAQ;AACjB,IAAA,OAAO,IAAA,CAAK,MAAM,CAAC,CAAA;AAAA,EACrB;AAAA,EAEA,IAAW,OAAA,GAAU;AACnB,IAAA,OAAO,KAAK,KAAA,KAAU,OAAA;AAAA,EACxB;AAAA,EAEA,IAAW,OAAA,GAAU;AACnB,IAAA,OAAO,KAAK,KAAA,KAAU,OAAA;AAAA,EACxB;AAAA,EAEA,IAAW,MAAA,GAAS;AAClB,IAAA,OAAO,KAAK,KAAA,KAAU,MAAA;AAAA,EACxB;AAAA,EAEO,IAAI,QAAA,EAAiC;AAC1C,IAAA,IAAA,CAAK,KAAA,CAAM,CAAC,CAAA,CAAE,QAAQ,CAAA;AACtB,IAAA,IAAA,CAAK,IAAA,CAAK,eAAA,EAAiB,KAAA,CAAM,UAAA,EAAY,QAAA,EAAU;AAAA,MACrD,UAAU,IAAA,CAAK;AAAA,KAChB,CAAA;AAAA,EACH;AACF;;;;"}
+{"version":3,"file":"ListViewMode.mjs","names":[],"sources":["../../../../../../../../src/components/List/model/ListViewMode.ts"],"sourcesContent":["import { useState } from \"react\";\nimport type { ListViewMode as RawListViewMode } from \"./types\";\nimport type { List } from \"./List\";\n\ninterface Options {\n  defaultViewMode?: RawListViewMode;\n  autosave?: boolean;\n}\n\nexport class ListViewMode<T = unknown> {\n  public readonly list: List<T>;\n  public readonly autosave: boolean;\n  private readonly state: [\n    RawListViewMode,\n    React.Dispatch<React.SetStateAction<RawListViewMode>>,\n  ];\n\n  public constructor(list: List<T>, options: Options = {}) {\n    const {\n      defaultViewMode,\n      autosave = list.settingsStorageDefaults?.viewMode?.autosave ?? true,\n    } = options;\n\n    this.list = list;\n    this.autosave = autosave;\n    this.state = useState(\n      this.list.settingsStorage?.get(\"viewMode\", { autosave: this.autosave }) ??\n        defaultViewMode ??\n        \"list\",\n    );\n  }\n\n  public get value() {\n    return this.state[0];\n  }\n\n  public get isTiles() {\n    return this.value === \"tiles\";\n  }\n\n  public get isTable() {\n    return this.value === \"table\";\n  }\n\n  public get isList() {\n    return this.value === \"list\";\n  }\n\n  public set(viewMode: RawListViewMode): void {\n    this.state[1](viewMode);\n    this.list.settingsStorage?.store(\"viewMode\", viewMode, {\n      autosave: this.autosave,\n    });\n  }\n}\n"],"mappings":";;AASA,IAAa,eAAb,MAAuC;CACrC;CACA;CACA;CAKA,YAAmB,MAAe,UAAmB,EAAE,EAAE;EACvD,MAAM,EACJ,iBACA,WAAW,KAAK,yBAAyB,UAAU,YAAY,SAC7D;AAEJ,OAAK,OAAO;AACZ,OAAK,WAAW;AAChB,OAAK,QAAQ,SACX,KAAK,KAAK,iBAAiB,IAAI,YAAY,EAAE,UAAU,KAAK,UAAU,CAAC,IACrE,mBACA,OACH;;CAGH,IAAW,QAAQ;AACjB,SAAO,KAAK,MAAM;;CAGpB,IAAW,UAAU;AACnB,SAAO,KAAK,UAAU;;CAGxB,IAAW,UAAU;AACnB,SAAO,KAAK,UAAU;;CAGxB,IAAW,SAAS;AAClB,SAAO,KAAK,UAAU;;CAGxB,IAAW,UAAiC;AAC1C,OAAK,MAAM,GAAG,SAAS;AACvB,OAAK,KAAK,iBAAiB,MAAM,YAAY,UAAU,EACrD,UAAU,KAAK,UAChB,CAAC"}

package/dist/js/packages/components/src/components/List/model/ReactTable.mjs

@@ -1,122 +1,102 @@
 "use client"
 /* */
-import { useReactTable, getFacetedUniqueValues, getPaginationRowModel, getFilteredRowModel, getSortedRowModel, getCoreRowModel } from '@tanstack/react-table';
-import invariant from 'invariant';
-import { useState, useEffectEvent, useEffect } from 'react';
-import { Filter } from './filter/Filter.mjs';
+import { Filter } from "./filter/Filter.mjs";
+import { useEffect, useEffectEvent, useState } from "react";
+import invariant from "invariant";
+import { getCoreRowModel, getFacetedUniqueValues, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
+//#region src/components/List/model/ReactTable.ts
+var ReactTable = class ReactTable {
+	list;
+	table;
+	sortingState;
+	updateSortingState;
+	constructor(list, onChange, tableOptions = {}) {
+		this.list = list;
+		const [sortingState, updateSortingState] = useState(this.list.sorting.filter((s) => s.initialEnabled !== false).map((s) => s.getReactTableColumnSort()));
+		this.sortingState = sortingState;
+		this.updateSortingState = updateSortingState;
+		this.table = this.useReactTable(onChange, tableOptions);
+	}
+	get searchString() {
+		return this.table.getState().globalFilter;
+	}
+	static useNew(list, onChange, tableOptions = {}) {
+		return new ReactTable(list, onChange, tableOptions);
+	}
+	getTableColumn(property) {
+		const column = this.table.getColumn(property);
+		invariant(!!column, `Column #${property} is not defined`);
+		return column;
+	}
+	useReactTable(onChange, tableOptions = {}) {
+		const data = this.list.loader.useData();
+		const initialState = {
+			pagination: { pageSize: this.list.batches.batchSize },
+			columnFilters: []
+		};
+		for (const filter of this.list.filters) filter.updateInitialState(initialState);
+		this.list.search?.updateInitialState(initialState);
+		const table = useReactTable({
+			data,
+			state: { sorting: this.sortingState },
+			getRowId: this.list.getItemId,
+			initialState,
+			columns: this.getTableColumnDefs(),
+			getCoreRowModel: getCoreRowModel(),
+			getSortedRowModel: getSortedRowModel(),
+			getFilteredRowModel: getFilteredRowModel(),
+			getPaginationRowModel: getPaginationRowModel(),
+			getFacetedUniqueValues: getFacetedUniqueValues(),
+			onSortingChange: (updater) => {
+				this.handleSortingStateUpdate(updater);
+			},
+			globalFilterFn: "auto",
+			...tableOptions
+		});
+		const reactTableState = table.getState();
+		const onFiltersChanged = useEffectEvent(() => {
+			Filter.storeFilters(this.list, { autosave: true });
+		});
+		const onStateChanged = useEffectEvent(() => {
+			if (onChange) onChange(this.list);
+		});
+		useEffect(() => {
+			onStateChanged();
+		}, [reactTableState]);
+		useEffect(() => {
+			onFiltersChanged();
+		}, [reactTableState.columnFilters]);
+		return table;
+	}
+	handleSortingStateUpdate(updater) {
+		const newSortingState = typeof updater === "function" ? updater(this.sortingState) : updater;
+		const additionalHiddenSorting = this.list.sorting.filter((s) => s.initialEnabled === "hidden" && !newSortingState.some((existing) => existing.id === s.property)).map((s) => s.getReactTableColumnSort());
+		this.updateSortingState([...additionalHiddenSorting, ...newSortingState]);
+	}
+	getTableColumnDefs() {
+		const columnDefsMap = /* @__PURE__ */ new Map();
+		const getOrCreateColumnDef = (p) => {
+			const existing = columnDefsMap.get(p);
+			if (existing) return existing;
+			const newDef = {
+				id: p,
+				accessorKey: p,
+				enableSorting: false,
+				enableColumnFilter: false,
+				sortingFn: "alphanumeric"
+			};
+			columnDefsMap.set(p, newDef);
+			return newDef;
+		};
+		this.list.filters.forEach((f) => f.updateTableColumnDef(getOrCreateColumnDef(f.property)));
+		this.list.sorting.forEach((s) => s.updateTableColumnDef(getOrCreateColumnDef(s.property)));
+		this.list.loader.staticDataProperties.forEach((property) => {
+			getOrCreateColumnDef(property);
+		});
+		return Array.from(columnDefsMap.values());
+	}
+};
+//#endregion
+export { ReactTable as default };
 
-class ReactTable {
-  list;
-  table;
-  sortingState;
-  updateSortingState;
-  constructor(list, onChange, tableOptions = {}) {
-    this.list = list;
-    const defaultSorting = this.list.sorting.filter(
-      (s) => s.initialEnabled !== false
-    );
-    const [sortingState, updateSortingState] = useState(
-      defaultSorting.map((s) => s.getReactTableColumnSort())
-    );
-    this.sortingState = sortingState;
-    this.updateSortingState = updateSortingState;
-    this.table = this.useReactTable(onChange, tableOptions);
-  }
-  get searchString() {
-    return this.table.getState().globalFilter;
-  }
-  static useNew(list, onChange, tableOptions = {}) {
-    return new ReactTable(list, onChange, tableOptions);
-  }
-  getTableColumn(property) {
-    const column = this.table.getColumn(property);
-    invariant(!!column, `Column #${property} is not defined`);
-    return column;
-  }
-  useReactTable(onChange, tableOptions = {}) {
-    const data = this.list.loader.useData();
-    const initialState = {
-      pagination: {
-        pageSize: this.list.batches.batchSize
-      },
-      columnFilters: []
-    };
-    for (const filter of this.list.filters) {
-      filter.updateInitialState(initialState);
-    }
-    this.list.search?.updateInitialState(initialState);
-    const table = useReactTable({
-      data,
-      state: {
-        sorting: this.sortingState
-      },
-      getRowId: this.list.getItemId,
-      initialState,
-      columns: this.getTableColumnDefs(),
-      getCoreRowModel: getCoreRowModel(),
-      getSortedRowModel: getSortedRowModel(),
-      getFilteredRowModel: getFilteredRowModel(),
-      getPaginationRowModel: getPaginationRowModel(),
-      getFacetedUniqueValues: getFacetedUniqueValues(),
-      onSortingChange: (updater) => {
-        this.handleSortingStateUpdate(updater);
-      },
-      globalFilterFn: "auto",
-      ...tableOptions
-    });
-    const reactTableState = table.getState();
-    const onFiltersChanged = useEffectEvent(() => {
-      Filter.storeFilters(this.list, { autosave: true });
-    });
-    const onStateChanged = useEffectEvent(() => {
-      if (onChange) {
-        onChange(this.list);
-      }
-    });
-    useEffect(() => {
-      onStateChanged();
-    }, [reactTableState]);
-    useEffect(() => {
-      onFiltersChanged();
-    }, [reactTableState.columnFilters]);
-    return table;
-  }
-  handleSortingStateUpdate(updater) {
-    const newSortingState = typeof updater === "function" ? updater(this.sortingState) : updater;
-    const additionalHiddenSorting = this.list.sorting.filter(
-      (s) => s.initialEnabled === "hidden" && !newSortingState.some((existing) => existing.id === s.property)
-    ).map((s) => s.getReactTableColumnSort());
-    this.updateSortingState([...additionalHiddenSorting, ...newSortingState]);
-  }
-  getTableColumnDefs() {
-    const columnDefsMap = /* @__PURE__ */ new Map();
-    const getOrCreateColumnDef = (p) => {
-      const existing = columnDefsMap.get(p);
-      if (existing) {
-        return existing;
-      }
-      const newDef = {
-        id: p,
-        accessorKey: p,
-        enableSorting: false,
-        enableColumnFilter: false,
-        sortingFn: "alphanumeric"
-      };
-      columnDefsMap.set(p, newDef);
-      return newDef;
-    };
-    this.list.filters.forEach(
-      (f) => f.updateTableColumnDef(getOrCreateColumnDef(f.property))
-    );
-    this.list.sorting.forEach(
-      (s) => s.updateTableColumnDef(getOrCreateColumnDef(s.property))
-    );
-    this.list.loader.staticDataProperties.forEach((property) => {
-      getOrCreateColumnDef(property);
-    });
-    return Array.from(columnDefsMap.values());
-  }
-}
-
-export { ReactTable, ReactTable as default };
-//# sourceMappingURL=ReactTable.mjs.map
+//# sourceMappingURL=ReactTable.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ReactTable.mjs","sources":["../../../../../../../../src/components/List/model/ReactTable.ts"],"sourcesContent":["import type {\n  Column,\n  ColumnDef,\n  ColumnSort,\n  InitialTableState,\n  Table,\n  TableOptions,\n  Updater,\n} from \"@tanstack/react-table\";\nimport {\n  getCoreRowModel,\n  getFacetedUniqueValues,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from \"@tanstack/react-table\";\nimport type List from \"@/components/List/model/List\";\nimport invariant from \"invariant\";\nimport type {\n  OnListChanged,\n  PropertyName,\n} from \"@/components/List/model/types\";\nimport type { SearchValue } from \"@/components/List/model/search/types\";\nimport type { Dispatch, SetStateAction } from \"react\";\nimport { useEffect, useEffectEvent, useState } from \"react\";\nimport { Filter } from \"./filter/Filter\";\n\nexport class ReactTable<T, TMeta = unknown> {\n  public readonly list: List<T, TMeta>;\n  public readonly table: Table<T>;\n  public readonly sortingState: ColumnSort[];\n  public readonly updateSortingState: Dispatch<SetStateAction<ColumnSort[]>>;\n\n  private constructor(\n    list: List<T, TMeta>,\n    onChange?: OnListChanged<T, TMeta>,\n    tableOptions: Partial<TableOptions<T>> = {},\n  ) {\n    this.list = list;\n\n    const defaultSorting = this.list.sorting.filter(\n      (s) => s.initialEnabled !== false,\n    );\n\n    const [sortingState, updateSortingState] = useState<ColumnSort[]>(\n      defaultSorting.map((s) => s.getReactTableColumnSort()),\n    );\n    this.sortingState = sortingState;\n    this.updateSortingState = updateSortingState;\n    this.table = this.useReactTable(onChange, tableOptions);\n  }\n\n  public get searchString(): SearchValue {\n    return this.table.getState().globalFilter;\n  }\n\n  public static useNew<T, TMeta = unknown>(\n    list: List<T, TMeta>,\n    onChange?: OnListChanged<T, TMeta>,\n    tableOptions: Partial<TableOptions<T>> = {},\n  ): ReactTable<T, TMeta> {\n    return new ReactTable<T, TMeta>(list, onChange, tableOptions);\n  }\n\n  public getTableColumn(property: PropertyName<T>): Column<T> {\n    const column = this.table.getColumn(property as string);\n    invariant(!!column, `Column #${property} is not defined`);\n    return column;\n  }\n\n  private useReactTable(\n    onChange?: OnListChanged<T, TMeta>,\n    tableOptions: Partial<TableOptions<T>> = {},\n  ): Table<T> {\n    const data = this.list.loader.useData();\n\n    const initialState: InitialTableState = {\n      pagination: {\n        pageSize: this.list.batches.batchSize,\n      },\n      columnFilters: [],\n    };\n\n    for (const filter of this.list.filters) {\n      filter.updateInitialState(initialState);\n    }\n\n    this.list.search?.updateInitialState(initialState);\n\n    const table = useReactTable({\n      data,\n      state: {\n        sorting: this.sortingState,\n      },\n      getRowId: this.list.getItemId,\n      initialState,\n      columns: this.getTableColumnDefs(),\n      getCoreRowModel: getCoreRowModel(),\n      getSortedRowModel: getSortedRowModel(),\n      getFilteredRowModel: getFilteredRowModel(),\n      getPaginationRowModel: getPaginationRowModel(),\n      getFacetedUniqueValues: getFacetedUniqueValues(),\n      onSortingChange: (updater) => {\n        this.handleSortingStateUpdate(updater);\n      },\n      globalFilterFn: \"auto\",\n      ...tableOptions,\n    });\n\n    const reactTableState = table.getState();\n\n    const onFiltersChanged = useEffectEvent(() => {\n      Filter.storeFilters(this.list, { autosave: true });\n    });\n\n    const onStateChanged = useEffectEvent(() => {\n      if (onChange) {\n        onChange(this.list);\n      }\n    });\n\n    useEffect(() => {\n      onStateChanged();\n    }, [reactTableState]);\n\n    useEffect(() => {\n      onFiltersChanged();\n    }, [reactTableState.columnFilters]);\n\n    return table;\n  }\n\n  private handleSortingStateUpdate(updater: Updater<ColumnSort[]>) {\n    const newSortingState =\n      typeof updater === \"function\" ? updater(this.sortingState) : updater;\n\n    const additionalHiddenSorting = this.list.sorting\n      .filter(\n        (s) =>\n          s.initialEnabled === \"hidden\" &&\n          !newSortingState.some((existing) => existing.id === s.property),\n      )\n      .map((s) => s.getReactTableColumnSort());\n\n    this.updateSortingState([...additionalHiddenSorting, ...newSortingState]);\n  }\n\n  private getTableColumnDefs(): ColumnDef<T>[] {\n    const columnDefsMap = new Map<PropertyName<T>, ColumnDef<T>>();\n\n    const getOrCreateColumnDef = (p: PropertyName<T>): ColumnDef<T> => {\n      const existing = columnDefsMap.get(p);\n      if (existing) {\n        return existing;\n      }\n      const newDef: ColumnDef<T> = {\n        id: p as string,\n        accessorKey: p as string,\n        enableSorting: false,\n        enableColumnFilter: false,\n        sortingFn: \"alphanumeric\",\n      };\n\n      columnDefsMap.set(p, newDef);\n      return newDef;\n    };\n\n    this.list.filters.forEach((f) =>\n      f.updateTableColumnDef(getOrCreateColumnDef(f.property)),\n    );\n\n    this.list.sorting.forEach((s) =>\n      s.updateTableColumnDef(getOrCreateColumnDef(s.property)),\n    );\n\n    this.list.loader.staticDataProperties.forEach((property) => {\n      getOrCreateColumnDef(property);\n    });\n\n    return Array.from(columnDefsMap.values());\n  }\n}\n\nexport default ReactTable;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ReactTable.mjs","names":[],"sources":["../../../../../../../../src/components/List/model/ReactTable.ts"],"sourcesContent":["import type {\n  Column,\n  ColumnDef,\n  ColumnSort,\n  InitialTableState,\n  Table,\n  TableOptions,\n  Updater,\n} from \"@tanstack/react-table\";\nimport {\n  getCoreRowModel,\n  getFacetedUniqueValues,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from \"@tanstack/react-table\";\nimport type List from \"@/components/List/model/List\";\nimport invariant from \"invariant\";\nimport type {\n  OnListChanged,\n  PropertyName,\n} from \"@/components/List/model/types\";\nimport type { SearchValue } from \"@/components/List/model/search/types\";\nimport type { Dispatch, SetStateAction } from \"react\";\nimport { useEffect, useEffectEvent, useState } from \"react\";\nimport { Filter } from \"./filter/Filter\";\n\nexport class ReactTable<T, TMeta = unknown> {\n  public readonly list: List<T, TMeta>;\n  public readonly table: Table<T>;\n  public readonly sortingState: ColumnSort[];\n  public readonly updateSortingState: Dispatch<SetStateAction<ColumnSort[]>>;\n\n  private constructor(\n    list: List<T, TMeta>,\n    onChange?: OnListChanged<T, TMeta>,\n    tableOptions: Partial<TableOptions<T>> = {},\n  ) {\n    this.list = list;\n\n    const defaultSorting = this.list.sorting.filter(\n      (s) => s.initialEnabled !== false,\n    );\n\n    const [sortingState, updateSortingState] = useState<ColumnSort[]>(\n      defaultSorting.map((s) => s.getReactTableColumnSort()),\n    );\n    this.sortingState = sortingState;\n    this.updateSortingState = updateSortingState;\n    this.table = this.useReactTable(onChange, tableOptions);\n  }\n\n  public get searchString(): SearchValue {\n    return this.table.getState().globalFilter;\n  }\n\n  public static useNew<T, TMeta = unknown>(\n    list: List<T, TMeta>,\n    onChange?: OnListChanged<T, TMeta>,\n    tableOptions: Partial<TableOptions<T>> = {},\n  ): ReactTable<T, TMeta> {\n    return new ReactTable<T, TMeta>(list, onChange, tableOptions);\n  }\n\n  public getTableColumn(property: PropertyName<T>): Column<T> {\n    const column = this.table.getColumn(property as string);\n    invariant(!!column, `Column #${property} is not defined`);\n    return column;\n  }\n\n  private useReactTable(\n    onChange?: OnListChanged<T, TMeta>,\n    tableOptions: Partial<TableOptions<T>> = {},\n  ): Table<T> {\n    const data = this.list.loader.useData();\n\n    const initialState: InitialTableState = {\n      pagination: {\n        pageSize: this.list.batches.batchSize,\n      },\n      columnFilters: [],\n    };\n\n    for (const filter of this.list.filters) {\n      filter.updateInitialState(initialState);\n    }\n\n    this.list.search?.updateInitialState(initialState);\n\n    const table = useReactTable({\n      data,\n      state: {\n        sorting: this.sortingState,\n      },\n      getRowId: this.list.getItemId,\n      initialState,\n      columns: this.getTableColumnDefs(),\n      getCoreRowModel: getCoreRowModel(),\n      getSortedRowModel: getSortedRowModel(),\n      getFilteredRowModel: getFilteredRowModel(),\n      getPaginationRowModel: getPaginationRowModel(),\n      getFacetedUniqueValues: getFacetedUniqueValues(),\n      onSortingChange: (updater) => {\n        this.handleSortingStateUpdate(updater);\n      },\n      globalFilterFn: \"auto\",\n      ...tableOptions,\n    });\n\n    const reactTableState = table.getState();\n\n    const onFiltersChanged = useEffectEvent(() => {\n      Filter.storeFilters(this.list, { autosave: true });\n    });\n\n    const onStateChanged = useEffectEvent(() => {\n      if (onChange) {\n        onChange(this.list);\n      }\n    });\n\n    useEffect(() => {\n      onStateChanged();\n    }, [reactTableState]);\n\n    useEffect(() => {\n      onFiltersChanged();\n    }, [reactTableState.columnFilters]);\n\n    return table;\n  }\n\n  private handleSortingStateUpdate(updater: Updater<ColumnSort[]>) {\n    const newSortingState =\n      typeof updater === \"function\" ? updater(this.sortingState) : updater;\n\n    const additionalHiddenSorting = this.list.sorting\n      .filter(\n        (s) =>\n          s.initialEnabled === \"hidden\" &&\n          !newSortingState.some((existing) => existing.id === s.property),\n      )\n      .map((s) => s.getReactTableColumnSort());\n\n    this.updateSortingState([...additionalHiddenSorting, ...newSortingState]);\n  }\n\n  private getTableColumnDefs(): ColumnDef<T>[] {\n    const columnDefsMap = new Map<PropertyName<T>, ColumnDef<T>>();\n\n    const getOrCreateColumnDef = (p: PropertyName<T>): ColumnDef<T> => {\n      const existing = columnDefsMap.get(p);\n      if (existing) {\n        return existing;\n      }\n      const newDef: ColumnDef<T> = {\n        id: p as string,\n        accessorKey: p as string,\n        enableSorting: false,\n        enableColumnFilter: false,\n        sortingFn: \"alphanumeric\",\n      };\n\n      columnDefsMap.set(p, newDef);\n      return newDef;\n    };\n\n    this.list.filters.forEach((f) =>\n      f.updateTableColumnDef(getOrCreateColumnDef(f.property)),\n    );\n\n    this.list.sorting.forEach((s) =>\n      s.updateTableColumnDef(getOrCreateColumnDef(s.property)),\n    );\n\n    this.list.loader.staticDataProperties.forEach((property) => {\n      getOrCreateColumnDef(property);\n    });\n\n    return Array.from(columnDefsMap.values());\n  }\n}\n\nexport default ReactTable;\n"],"mappings":";;;;;AA4BA,IAAa,aAAb,MAAa,WAA+B;CAC1C;CACA;CACA;CACA;CAEA,YACE,MACA,UACA,eAAyC,EAAE,EAC3C;AACA,OAAK,OAAO;EAMZ,MAAM,CAAC,cAAc,sBAAsB,SAJpB,KAAK,KAAK,QAAQ,QACtC,MAAM,EAAE,mBAAmB,MAC7B,CAGgB,KAAK,MAAM,EAAE,yBAAyB,CAAC,CACvD;AACD,OAAK,eAAe;AACpB,OAAK,qBAAqB;AAC1B,OAAK,QAAQ,KAAK,cAAc,UAAU,aAAa;;CAGzD,IAAW,eAA4B;AACrC,SAAO,KAAK,MAAM,UAAU,CAAC;;CAG/B,OAAc,OACZ,MACA,UACA,eAAyC,EAAE,EACrB;AACtB,SAAO,IAAI,WAAqB,MAAM,UAAU,aAAa;;CAG/D,eAAsB,UAAsC;EAC1D,MAAM,SAAS,KAAK,MAAM,UAAU,SAAmB;AACvD,YAAU,CAAC,CAAC,QAAQ,WAAW,SAAS,iBAAiB;AACzD,SAAO;;CAGT,cACE,UACA,eAAyC,EAAE,EACjC;EACV,MAAM,OAAO,KAAK,KAAK,OAAO,SAAS;EAEvC,MAAM,eAAkC;GACtC,YAAY,EACV,UAAU,KAAK,KAAK,QAAQ,WAC7B;GACD,eAAe,EAAE;GAClB;AAED,OAAK,MAAM,UAAU,KAAK,KAAK,QAC7B,QAAO,mBAAmB,aAAa;AAGzC,OAAK,KAAK,QAAQ,mBAAmB,aAAa;EAElD,MAAM,QAAQ,cAAc;GAC1B;GACA,OAAO,EACL,SAAS,KAAK,cACf;GACD,UAAU,KAAK,KAAK;GACpB;GACA,SAAS,KAAK,oBAAoB;GAClC,iBAAiB,iBAAiB;GAClC,mBAAmB,mBAAmB;GACtC,qBAAqB,qBAAqB;GAC1C,uBAAuB,uBAAuB;GAC9C,wBAAwB,wBAAwB;GAChD,kBAAkB,YAAY;AAC5B,SAAK,yBAAyB,QAAQ;;GAExC,gBAAgB;GAChB,GAAG;GACJ,CAAC;EAEF,MAAM,kBAAkB,MAAM,UAAU;EAExC,MAAM,mBAAmB,qBAAqB;AAC5C,UAAO,aAAa,KAAK,MAAM,EAAE,UAAU,MAAM,CAAC;IAClD;EAEF,MAAM,iBAAiB,qBAAqB;AAC1C,OAAI,SACF,UAAS,KAAK,KAAK;IAErB;AAEF,kBAAgB;AACd,mBAAgB;KACf,CAAC,gBAAgB,CAAC;AAErB,kBAAgB;AACd,qBAAkB;KACjB,CAAC,gBAAgB,cAAc,CAAC;AAEnC,SAAO;;CAGT,yBAAiC,SAAgC;EAC/D,MAAM,kBACJ,OAAO,YAAY,aAAa,QAAQ,KAAK,aAAa,GAAG;EAE/D,MAAM,0BAA0B,KAAK,KAAK,QACvC,QACE,MACC,EAAE,mBAAmB,YACrB,CAAC,gBAAgB,MAAM,aAAa,SAAS,OAAO,EAAE,SAAS,CAClE,CACA,KAAK,MAAM,EAAE,yBAAyB,CAAC;AAE1C,OAAK,mBAAmB,CAAC,GAAG,yBAAyB,GAAG,gBAAgB,CAAC;;CAG3E,qBAA6C;EAC3C,MAAM,gCAAgB,IAAI,KAAoC;EAE9D,MAAM,wBAAwB,MAAqC;GACjE,MAAM,WAAW,cAAc,IAAI,EAAE;AACrC,OAAI,SACF,QAAO;GAET,MAAM,SAAuB;IAC3B,IAAI;IACJ,aAAa;IACb,eAAe;IACf,oBAAoB;IACpB,WAAW;IACZ;AAED,iBAAc,IAAI,GAAG,OAAO;AAC5B,UAAO;;AAGT,OAAK,KAAK,QAAQ,SAAS,MACzB,EAAE,qBAAqB,qBAAqB,EAAE,SAAS,CAAC,CACzD;AAED,OAAK,KAAK,QAAQ,SAAS,MACzB,EAAE,qBAAqB,qBAAqB,EAAE,SAAS,CAAC,CACzD;AAED,OAAK,KAAK,OAAO,qBAAqB,SAAS,aAAa;AAC1D,wBAAqB,SAAS;IAC9B;AAEF,SAAO,MAAM,KAAK,cAAc,QAAQ,CAAC"}

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

@@ -1,36 +1,29 @@
 "use client"
 /* */
-import { Filter } from './Filter.mjs';
-import 'react/jsx-runtime';
-import 'react';
-import 'react-aria-components';
-import '../../../Button/Button.mjs';
-import '@mittwald/flow-icons';
-import '../../../Icon/components/IconSetProvider.mjs';
-import '../../../Icon/Icon.mjs';
-import '../../../../views/IconView.mjs';
-import 'clsx';
-import { isDateRangeValue } from '../../../Calendar/components/RangeCalendar/types.mjs';
-import { dateRangeFilterFn } from './dateRangeFilterFn.mjs';
-
-class DateRangeFilter extends Filter {
-  dateRangeOptions;
-  constructor(list, shape) {
-    super(list, shape);
-    this.dateRangeOptions = shape.dateRangeOptions;
-  }
-  updateTableColumnDef(def) {
-    def.enableColumnFilter = true;
-    def.filterFn = dateRangeFilterFn;
-  }
-  getValue() {
-    const value = this.getTableColumnFilter()?.value;
-    return isDateRangeValue(value) ? value : null;
-  }
-  setValue(range) {
-    this.list.reactTable.getTableColumn(this.property).setFilterValue(range);
-  }
-}
-
+import { isDateRangeValue } from "../../../Calendar/components/RangeCalendar/types.mjs";
+import "../../../Calendar/index.mjs";
+import { Filter } from "./Filter.mjs";
+import { dateRangeFilterFn } from "./dateRangeFilterFn.mjs";
+//#region src/components/List/model/filter/DateRangeFilter.tsx
+var DateRangeFilter = class extends Filter {
+	dateRangeOptions;
+	constructor(list, shape) {
+		super(list, shape);
+		this.dateRangeOptions = shape.dateRangeOptions;
+	}
+	updateTableColumnDef(def) {
+		def.enableColumnFilter = true;
+		def.filterFn = dateRangeFilterFn;
+	}
+	getValue() {
+		const value = this.getTableColumnFilter()?.value;
+		return isDateRangeValue(value) ? value : null;
+	}
+	setValue(range) {
+		this.list.reactTable.getTableColumn(this.property).setFilterValue(range);
+	}
+};
+//#endregion
 export { DateRangeFilter };
-//# sourceMappingURL=DateRangeFilter.mjs.map
+
+//# sourceMappingURL=DateRangeFilter.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateRangeFilter.mjs","sources":["../../../../../../../../../src/components/List/model/filter/DateRangeFilter.tsx"],"sourcesContent":["import type { ColumnDef } from \"@tanstack/react-table\";\nimport type List from \"@/components/List/model/List\";\nimport { Filter } from \"./Filter\";\nimport type { FilterShape } from \"@/components/List/model/filter/types\";\nimport type { PropertyName } from \"@/components/List/model/types\";\n\nimport type { DateRange, RangeValue } from \"react-aria-components\";\nimport type { DateValue } from \"@internationalized/date\";\nimport {\n  isDateRangeValue,\n  type RangeCalendarProps,\n} from \"@/components/Calendar\";\nimport { dateRangeFilterFn } from \"@/components/List/model/filter/dateRangeFilterFn\";\n\nexport class DateRangeFilter<\n  T = never,\n  TProp extends PropertyName<T> = never,\n> extends Filter<T, TProp> {\n  public readonly dateRangeOptions?: RangeCalendarProps;\n\n  public constructor(list: List<T>, shape: FilterShape<T, TProp, never>) {\n    super(list, shape);\n    this.dateRangeOptions = shape.dateRangeOptions;\n  }\n\n  public override updateTableColumnDef(def: ColumnDef<T>): void {\n    def.enableColumnFilter = true;\n    def.filterFn = dateRangeFilterFn;\n  }\n\n  public override getValue(): DateRange | null {\n    const value = this.getTableColumnFilter()?.value;\n    return isDateRangeValue(value) ? value : null;\n  }\n\n  public setValue(range: RangeValue<DateValue>) {\n    this.list.reactTable.getTableColumn(this.property).setFilterValue(range);\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAcO,MAAM,wBAGH,MAAA,CAAiB;AAAA,EACT,gBAAA;AAAA,EAET,WAAA,CAAY,MAAe,KAAA,EAAqC;AACrE,IAAA,KAAA,CAAM,MAAM,KAAK,CAAA;AACjB,IAAA,IAAA,CAAK,mBAAmB,KAAA,CAAM,gBAAA;AAAA,EAChC;AAAA,EAEgB,qBAAqB,GAAA,EAAyB;AAC5D,IAAA,GAAA,CAAI,kBAAA,GAAqB,IAAA;AACzB,IAAA,GAAA,CAAI,QAAA,GAAW,iBAAA;AAAA,EACjB;AAAA,EAEgB,QAAA,GAA6B;AAC3C,IAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,oBAAA,EAAqB,EAAG,KAAA;AAC3C,IAAA,OAAO,gBAAA,CAAiB,KAAK,CAAA,GAAI,KAAA,GAAQ,IAAA;AAAA,EAC3C;AAAA,EAEO,SAAS,KAAA,EAA8B;AAC5C,IAAA,IAAA,CAAK,KAAK,UAAA,CAAW,cAAA,CAAe,KAAK,QAAQ,CAAA,CAAE,eAAe,KAAK,CAAA;AAAA,EACzE;AACF;;;;"}
+{"version":3,"file":"DateRangeFilter.mjs","names":[],"sources":["../../../../../../../../../src/components/List/model/filter/DateRangeFilter.tsx"],"sourcesContent":["import type { ColumnDef } from \"@tanstack/react-table\";\nimport type List from \"@/components/List/model/List\";\nimport { Filter } from \"./Filter\";\nimport type { FilterShape } from \"@/components/List/model/filter/types\";\nimport type { PropertyName } from \"@/components/List/model/types\";\n\nimport type { DateRange, RangeValue } from \"react-aria-components\";\nimport type { DateValue } from \"@internationalized/date\";\nimport {\n  isDateRangeValue,\n  type RangeCalendarProps,\n} from \"@/components/Calendar\";\nimport { dateRangeFilterFn } from \"@/components/List/model/filter/dateRangeFilterFn\";\n\nexport class DateRangeFilter<\n  T = never,\n  TProp extends PropertyName<T> = never,\n> extends Filter<T, TProp> {\n  public readonly dateRangeOptions?: RangeCalendarProps;\n\n  public constructor(list: List<T>, shape: FilterShape<T, TProp, never>) {\n    super(list, shape);\n    this.dateRangeOptions = shape.dateRangeOptions;\n  }\n\n  public override updateTableColumnDef(def: ColumnDef<T>): void {\n    def.enableColumnFilter = true;\n    def.filterFn = dateRangeFilterFn;\n  }\n\n  public override getValue(): DateRange | null {\n    const value = this.getTableColumnFilter()?.value;\n    return isDateRangeValue(value) ? value : null;\n  }\n\n  public setValue(range: RangeValue<DateValue>) {\n    this.list.reactTable.getTableColumn(this.property).setFilterValue(range);\n  }\n}\n"],"mappings":";;;;;AAcA,IAAa,kBAAb,cAGU,OAAiB;CACzB;CAEA,YAAmB,MAAe,OAAqC;AACrE,QAAM,MAAM,MAAM;AAClB,OAAK,mBAAmB,MAAM;;CAGhC,qBAAqC,KAAyB;AAC5D,MAAI,qBAAqB;AACzB,MAAI,WAAW;;CAGjB,WAA6C;EAC3C,MAAM,QAAQ,KAAK,sBAAsB,EAAE;AAC3C,SAAO,iBAAiB,MAAM,GAAG,QAAQ;;CAG3C,SAAgB,OAA8B;AAC5C,OAAK,KAAK,WAAW,eAAe,KAAK,SAAS,CAAC,eAAe,MAAM"}