@mittwald/flow-react-components 0.2.0-experimental.752 → 0.2.0-experimental.773

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

@@ -0,0 +1,65 @@
+"use client"
+/* */
+class Search {
+  list;
+  render;
+  textFieldProps;
+  onUpdateCallbacks = /* @__PURE__ */ new Set();
+  initialValue;
+  defaultValue;
+  autosave;
+  constructor(list, searchShape) {
+    const {
+      autosave = list.settingsStorageDefaults?.search?.autosave ?? false,
+      render,
+      textFieldProps,
+      defaultValue
+    } = searchShape;
+    this.autosave = autosave;
+    this.list = list;
+    this.render = render;
+    this.textFieldProps = textFieldProps;
+    this.defaultValue = defaultValue;
+    this.initialValue = this.getInitialValue();
+  }
+  get value() {
+    return this.list.reactTable.searchString;
+  }
+  get isSet() {
+    return this.value !== void 0;
+  }
+  callOnUpdateCallbacks() {
+    this.onUpdateCallbacks.forEach((cb) => cb());
+  }
+  getInitialValue() {
+    return this.list.settingsStorage?.get("search", { autosave: this.autosave })?.value ?? this.defaultValue;
+  }
+  updateInitialState(initialState) {
+    initialState.globalFilter = this.initialValue;
+  }
+  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();
+    }
+    this.list.settingsStorage?.store(
+      "search",
+      { value },
+      { autosave: this.autosave }
+    );
+  }
+  clear() {
+    this.setValue(void 0);
+  }
+  onUpdated(cb) {
+    this.onUpdateCallbacks.add(cb);
+  }
+}
+
+export { Search };
+//# sourceMappingURL=Search.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Search.mjs","sources":["../../../../../../../../../src/components/List/model/search/Search.ts"],"sourcesContent":["import type List from \"@/components/List/model/List\";\nimport type {\n  SearchFieldRenderComponent,\n  SearchShape,\n  SearchValue,\n} from \"@/components/List/model/search/types\";\nimport type { InitialTableState } from \"@tanstack/react-table\";\n\nexport class Search<T> {\n  public readonly list: List<T>;\n  public readonly render?: SearchFieldRenderComponent;\n  public readonly textFieldProps: SearchShape<T>[\"textFieldProps\"];\n  private onUpdateCallbacks = new Set<() => unknown>();\n  private readonly initialValue?: string;\n  private readonly defaultValue?: string;\n  private readonly autosave: boolean;\n\n  public constructor(list: List<T>, searchShape: SearchShape<T>) {\n    const {\n      autosave = list.settingsStorageDefaults?.search?.autosave ?? false,\n      render,\n      textFieldProps,\n      defaultValue,\n    } = searchShape;\n\n    this.autosave = autosave;\n    this.list = list;\n    this.render = render;\n    this.textFieldProps = textFieldProps;\n    this.defaultValue = defaultValue;\n\n    this.initialValue = this.getInitialValue();\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  private getInitialValue() {\n    return (\n      this.list.settingsStorage?.get(\"search\", { autosave: this.autosave })\n        ?.value ?? this.defaultValue\n    );\n  }\n\n  public updateInitialState(initialState: InitialTableState) {\n    initialState.globalFilter = this.initialValue;\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    this.list.settingsStorage?.store(\n      \"search\",\n      { value },\n      { autosave: this.autosave },\n    );\n  }\n\n  public clear(): void {\n    this.setValue(undefined);\n  }\n\n  public onUpdated(cb: () => unknown): void {\n    this.onUpdateCallbacks.add(cb);\n  }\n}\n"],"names":[],"mappings":"AAQO,MAAM,MAAA,CAAU;AAAA,EACL,IAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AAAA,EACR,iBAAA,uBAAwB,GAAA,EAAmB;AAAA,EAClC,YAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EAEV,WAAA,CAAY,MAAe,WAAA,EAA6B;AAC7D,IAAA,MAAM;AAAA,MACJ,QAAA,GAAW,IAAA,CAAK,uBAAA,EAAyB,MAAA,EAAQ,QAAA,IAAY,KAAA;AAAA,MAC7D,MAAA;AAAA,MACA,cAAA;AAAA,MACA;AAAA,KACF,GAAI,WAAA;AAEJ,IAAA,IAAA,CAAK,QAAA,GAAW,QAAA;AAChB,IAAA,IAAA,CAAK,IAAA,GAAO,IAAA;AACZ,IAAA,IAAA,CAAK,MAAA,GAAS,MAAA;AACd,IAAA,IAAA,CAAK,cAAA,GAAiB,cAAA;AACtB,IAAA,IAAA,CAAK,YAAA,GAAe,YAAA;AAEpB,IAAA,IAAA,CAAK,YAAA,GAAe,KAAK,eAAA,EAAgB;AAAA,EAC3C;AAAA,EAEA,IAAW,KAAA,GAAqB;AAC9B,IAAA,OAAO,IAAA,CAAK,KAAK,UAAA,CAAW,YAAA;AAAA,EAC9B;AAAA,EAEA,IAAW,KAAA,GAAQ;AACjB,IAAA,OAAO,KAAK,KAAA,KAAU,MAAA;AAAA,EACxB;AAAA,EAEQ,qBAAA,GAA8B;AACpC,IAAA,IAAA,CAAK,iBAAA,CAAkB,OAAA,CAAQ,CAAC,EAAA,KAAO,IAAI,CAAA;AAAA,EAC7C;AAAA,EAEQ,eAAA,GAAkB;AACxB,IAAA,OACE,IAAA,CAAK,IAAA,CAAK,eAAA,EAAiB,GAAA,CAAI,QAAA,EAAU,EAAE,QAAA,EAAU,IAAA,CAAK,QAAA,EAAU,CAAA,EAChE,KAAA,IAAS,IAAA,CAAK,YAAA;AAAA,EAEtB;AAAA,EAEO,mBAAmB,YAAA,EAAiC;AACzD,IAAA,YAAA,CAAa,eAAe,IAAA,CAAK,YAAA;AAAA,EACnC;AAAA,EAEO,SAAS,KAAA,EAA0B;AACxC,IAAA,IAAI,KAAA,KAAU,MAAA,IAAa,KAAA,CAAM,IAAA,OAAW,EAAA,EAAI;AAC9C,MAAA,IAAI,KAAK,IAAA,CAAK,UAAA,CAAW,KAAA,CAAM,QAAA,GAAW,YAAA,EAAc;AACtD,QAAA,IAAA,CAAK,IAAA,CAAK,UAAA,CAAW,KAAA,CAAM,eAAA,CAAgB,MAAS,CAAA;AACpD,QAAA,IAAA,CAAK,qBAAA,EAAsB;AAAA,MAC7B;AAAA,IACF,CAAA,MAAO;AACL,MAAA,IAAA,CAAK,IAAA,CAAK,UAAA,CAAW,KAAA,CAAM,eAAA,CAAgB,KAAK,CAAA;AAChD,MAAA,IAAA,CAAK,qBAAA,EAAsB;AAAA,IAC7B;AAEA,IAAA,IAAA,CAAK,KAAK,eAAA,EAAiB,KAAA;AAAA,MACzB,QAAA;AAAA,MACA,EAAE,KAAA,EAAM;AAAA,MACR,EAAE,QAAA,EAAU,IAAA,CAAK,QAAA;AAAS,KAC5B;AAAA,EACF;AAAA,EAEO,KAAA,GAAc;AACnB,IAAA,IAAA,CAAK,SAAS,MAAS,CAAA;AAAA,EACzB;AAAA,EAEO,UAAU,EAAA,EAAyB;AACxC,IAAA,IAAA,CAAK,iBAAA,CAAkB,IAAI,EAAE,CAAA;AAAA,EAC/B;AACF;;;;"}

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

@@ -0,0 +1,81 @@
+"use client"
+/* */
+class Sorting {
+  list;
+  property;
+  name;
+  directionName;
+  direction;
+  initialEnabled;
+  customSortingFn;
+  autosave;
+  constructor(list, shape) {
+    const {
+      property,
+      name,
+      directionName,
+      direction = "asc",
+      customSortingFn,
+      autosave = list.settingsStorageDefaults?.sorting?.autosave ?? true
+    } = shape;
+    this.autosave = autosave;
+    this.list = list;
+    this.property = property;
+    this.name = name;
+    this.directionName = directionName;
+    this.direction = direction;
+    this.customSortingFn = customSortingFn;
+    this.initialEnabled = this.getInitialEnabled(shape);
+  }
+  getInitialEnabled(shape) {
+    if (shape.defaultEnabled === "hidden") {
+      return "hidden";
+    }
+    const storedSorting = this.list.settingsStorage?.get("sorting", {
+      autosave: this.autosave
+    });
+    const storedEnabled = storedSorting ? storedSorting.property === this.property && storedSorting.direction === this.direction : void 0;
+    return storedEnabled ?? shape.defaultEnabled ?? false;
+  }
+  updateTableColumnDef(def) {
+    def.enableSorting = true;
+    if (this.customSortingFn) {
+      def.sortingFn = this.customSortingFn;
+    }
+  }
+  getReactTableColumnSort() {
+    return {
+      id: this.property,
+      desc: this.direction === "desc"
+    };
+  }
+  isSorted() {
+    const col = this.getTableColumn();
+    return col.getIsSorted() == this.direction;
+  }
+  getTableColumn() {
+    return this.list.reactTable.getTableColumn(this.property);
+  }
+  enable() {
+    this.list.reactTable.getTableColumn(this.property).toggleSorting(this.direction === "desc", false);
+    this.list.settingsStorage?.store(
+      "sorting",
+      {
+        property: this.property,
+        direction: this.direction
+      },
+      {
+        autosave: this.autosave
+      }
+    );
+  }
+  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/packages/components/src/components/List/model/sorting/Sorting.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sorting.mjs","sources":["../../../../../../../../../src/components/List/model/sorting/Sorting.ts"],"sourcesContent":["import type List from \"@/components/List/model/List\";\nimport type {\n  SortingDefaultMode,\n  SortingShape,\n} from \"@/components/List/model/sorting/types\";\nimport type { PropertyName } from \"@/components/List/model/types\";\nimport type {\n  Column,\n  ColumnDef,\n  ColumnSort,\n  SortDirection,\n  SortingFn,\n} from \"@tanstack/react-table\";\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 directionName?: string;\n  public readonly direction: SortDirection;\n  public readonly initialEnabled: SortingDefaultMode;\n  public readonly customSortingFn?: SortingFn<T>;\n  public readonly autosave: boolean;\n\n  public constructor(list: List<T>, shape: SortingShape<T>) {\n    const {\n      property,\n      name,\n      directionName,\n      direction = \"asc\",\n      customSortingFn,\n      autosave = list.settingsStorageDefaults?.sorting?.autosave ?? true,\n    } = shape;\n\n    this.autosave = autosave;\n    this.list = list;\n    this.property = property;\n    this.name = name;\n    this.directionName = directionName;\n    this.direction = direction;\n    this.customSortingFn = customSortingFn;\n    this.initialEnabled = this.getInitialEnabled(shape);\n  }\n\n  private getInitialEnabled(shape: SortingShape<T>): SortingDefaultMode {\n    if (shape.defaultEnabled === \"hidden\") {\n      return \"hidden\";\n    }\n\n    const storedSorting = this.list.settingsStorage?.get(\"sorting\", {\n      autosave: this.autosave,\n    });\n\n    const storedEnabled = storedSorting\n      ? storedSorting.property === this.property &&\n        storedSorting.direction === this.direction\n      : undefined;\n\n    return storedEnabled ?? shape.defaultEnabled ?? false;\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    this.list.settingsStorage?.store(\n      \"sorting\",\n      {\n        property: this.property,\n        direction: this.direction,\n      },\n      {\n        autosave: this.autosave,\n      },\n    );\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":"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"}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.mjs","sources":["../../../../../../../../../src/components/List/model/table/TableHeader.ts"],"sourcesContent":["import type { Table } from \"@/components/List/model/table/Table\";\nimport type {\n  TableHeaderShape,\n  TableHeaderSupportedComponentProps,\n} from \"@/components/List/model/table/types\";\nimport { TableColumn } from \"@/components/List/model/table/TableColumn\";\n\nexport class TableHeader<T> {\n  public readonly table: Table<T>;\n  public readonly componentProps: TableHeaderSupportedComponentProps;\n  public readonly columns: TableColumn<T>[];\n\n  public constructor(table: Table<T>, shape: TableHeaderShape = {}) {\n    const { columns = [], ...rest } = shape;\n    this.table = table;\n    this.columns = columns.map((colShape) => new TableColumn(this, colShape));\n    this.componentProps = rest;\n  }\n}\n"],"names":[],"mappings":";;AAOO,MAAM,WAAA,CAAe;AAAA,EACV,KAAA;AAAA,EACA,cAAA;AAAA,EACA,OAAA;AAAA,EAET,WAAA,CAAY,KAAA,EAAiB,KAAA,GAA0B,EAAC,EAAG;AAChE,IAAA,MAAM,EAAE,OAAA,GAAU,EAAC,EAAG,GAAG,MAAK,GAAI,KAAA;AAClC,IAAA,IAAA,CAAK,KAAA,GAAQ,KAAA;AACb,IAAA,IAAA,CAAK,OAAA,GAAU,QAAQ,GAAA,CAAI,CAAC,aAAa,IAAI,WAAA,CAAY,IAAA,EAAM,QAAQ,CAAC,CAAA;AACxE,IAAA,IAAA,CAAK,cAAA,GAAiB,IAAA;AAAA,EACxB;AACF;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.mjs","sources":["../../../../../../../../../src/components/List/model/table/TableRow.ts"],"sourcesContent":["import type {\n  TableRowShape,\n  TableRowSupportedComponentProps,\n} from \"@/components/List/model/table/types\";\nimport { TableCell } from \"@/components/List/model/table/TableCell\";\nimport type { TableBody } from \"@/components/List/model/table/TableBody\";\n\nexport class TableRow<T> {\n  public readonly tableBody: TableBody<T>;\n  public readonly cells: TableCell<T>[];\n  public readonly componentProps: TableRowSupportedComponentProps;\n\n  public constructor(tableBody: TableBody<T>, shape: TableRowShape<T> = {}) {\n    const { cells = [], ...rest } = shape;\n    this.tableBody = tableBody;\n    this.cells = cells.map((cellShape) => new TableCell(this, cellShape));\n    this.componentProps = rest;\n  }\n}\n"],"names":[],"mappings":";;AAOO,MAAM,QAAA,CAAY;AAAA,EACP,SAAA;AAAA,EACA,KAAA;AAAA,EACA,cAAA;AAAA,EAET,WAAA,CAAY,SAAA,EAAyB,KAAA,GAA0B,EAAC,EAAG;AACxE,IAAA,MAAM,EAAE,KAAA,GAAQ,EAAC,EAAG,GAAG,MAAK,GAAI,KAAA;AAChC,IAAA,IAAA,CAAK,SAAA,GAAY,SAAA;AACjB,IAAA,IAAA,CAAK,KAAA,GAAQ,MAAM,GAAA,CAAI,CAAC,cAAc,IAAI,SAAA,CAAU,IAAA,EAAM,SAAS,CAAC,CAAA;AACpE,IAAA,IAAA,CAAK,cAAA,GAAiB,IAAA;AAAA,EACxB;AACF;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":["../../../../../../../../src/components/List/model/types.ts"],"sourcesContent":["import type { FilterShape } from \"@/components/List/model/filter/types\";\nimport type { ItemViewShape } from \"@/components/List/model/item/ItemView\";\nimport type List from \"@/components/List/model/List\";\nimport type { IncrementalLoaderShape } from \"@/components/List/model/loading/types\";\nimport type { BatchesControllerShape } from \"@/components/List/model/pagination/types\";\nimport type { SearchShape } from \"@/components/List/model/search/types\";\nimport type { SortingShape } from \"@/components/List/model/sorting/types\";\nimport type { TableShape } from \"@/components/List/model/table/types\";\nimport type { ItemType } from \"@/lib/types/array\";\nimport type { MultipleSelection, SelectionBehavior } from \"@react-types/shared\";\nimport type { DeepKeys, DeepValue } from \"@tanstack/react-table\";\nimport type { ReactNode } from \"react\";\n\nexport const customPropertyPrefix = \"$\" as const;\nexport type CustomPropertyName = `${typeof customPropertyPrefix}${string}`;\n\nexport type PropertyName<T> = DeepKeys<T> | CustomPropertyName;\nexport type PropertyValue<T, TProp> = TProp extends CustomPropertyName\n  ? T\n  : DeepValue<T, TProp>;\nexport type PropertyValueRenderMethod<TMatcherValue> = (\n  prop: NonNullable<ItemType<TMatcherValue>>,\n) => ReactNode;\n\nexport type OnListChanged<T, TMeta = unknown> = (list: List<T, TMeta>) => void;\n\nexport interface ListSupportedComponentProps extends MultipleSelection {\n  \"aria-labelledby\"?: string;\n  \"aria-label\"?: string;\n  selectionBehavior?: SelectionBehavior;\n}\n\nexport interface ListSettingsStorageDefaults {\n  filters?: {\n    autosave?: boolean;\n    manualSave?: boolean;\n  };\n\n  sorting?: {\n    autosave?: boolean;\n  };\n\n  viewMode?: {\n    autosave?: boolean;\n  };\n\n  search?: {\n    autosave?: boolean;\n  };\n}\n\nexport interface ListShape<\n  T,\n  TMeta = unknown,\n> extends ListSupportedComponentProps {\n  settingStorageKey?: string;\n\n  loader?: IncrementalLoaderShape<T>;\n  filters?: FilterShape<T, never, never>[];\n  itemView?: ItemViewShape<T>;\n  search?: SearchShape<T>;\n  sorting?: SortingShape<T>[];\n  batchesController?: BatchesControllerShape;\n  table?: TableShape<T>;\n\n  onAction?: ItemActionFn<T>;\n  accordion?: boolean;\n  loadingItemsCount?: number;\n  getItemId?: GetItemId<T>;\n  onChange?: OnListChanged<T, TMeta>;\n  defaultViewMode?: ListViewMode;\n  settingsStorageDefaults?: ListSettingsStorageDefaults;\n}\n\nexport type PropertyRecord<T, TValue> = Partial<\n  Record<PropertyName<T>, TValue>\n>;\n\nexport interface ListSettingsStorageShape {\n  storageKey: string;\n}\n\nexport type ListViewMode = \"table\" | \"list\" | \"tiles\";\nexport type ItemActionFn<T> = (data: T) => void;\nexport type GetItemId<T> = (data: T) => string;\n"],"names":[],"mappings":"AAaO,MAAM,oBAAA,GAAuB;;;;"}

package/dist/js/packages/components/src/components/List/setupComponents/ListFilter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListFilter.mjs","sources":["../../../../../../../../src/components/List/setupComponents/ListFilter.ts"],"sourcesContent":["import type { FilterShape } from \"@/components/List/model/filter/types\";\nimport type { ReactNode } from \"react\";\nimport type {\n  PropertyName,\n  PropertyValue,\n  PropertyValueRenderMethod,\n} from \"@/components/List/model/types\";\n\ntype Props<T, TProp extends PropertyName<T>, TMatcherValue> = Omit<\n  FilterShape<T, TProp, TMatcherValue>,\n  \"type\" | \"renderItem\"\n> & {\n  children?: PropertyValueRenderMethod<TMatcherValue>;\n};\n\nexport const ListFilter = <\n  T,\n  const TProp extends PropertyName<T> = PropertyName<T>,\n  TMatcherValue = PropertyValue<T, TProp>,\n>(\n  ignoredProps: Props<T, TProp, TMatcherValue>,\n) => null;\n\nexport const TypedListFilter = <T>() =>\n  ListFilter as <\n    const TProp extends PropertyName<T>,\n    TMatcherValue = PropertyValue<T, TProp>,\n  >(\n    props: Props<T, TProp, TMatcherValue>,\n  ) => ReactNode;\n"],"names":[],"mappings":"AAeO,MAAM,UAAA,GAAa,CAKxB,YAAA,KACG;AAEE,MAAM,kBAAkB,MAC7B;;;;"}

package/dist/js/packages/components/src/components/List/setupComponents/ListItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.mjs","sources":["../../../../../../../../src/components/List/setupComponents/ListItem.ts"],"sourcesContent":["import type { ComponentType } from \"react\";\nimport type { RenderItemFn } from \"@/components/List/model/item/types\";\nimport type { ItemViewShape } from \"@/components/List/model/item/ItemView\";\n\ntype Props<T> = Omit<ItemViewShape<T>, \"renderFn\"> & {\n  children: RenderItemFn<T>;\n};\n\nexport const ListItem = <T>(ignoredProps: Props<T>) => null;\n\nexport const TypedListItem = <T>() => ListItem as ComponentType<Props<T>>;\n"],"names":[],"mappings":"AAQO,MAAM,QAAA,GAAW,CAAI,YAAA,KAA2B;AAEhD,MAAM,gBAAgB,MAAS;;;;"}

package/dist/js/packages/components/src/components/List/setupComponents/ListLoaderAsync.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListLoaderAsync.mjs","sources":["../../../../../../../../src/components/List/setupComponents/ListLoaderAsync.ts"],"sourcesContent":["import type { AsyncDataLoaderShape } from \"@/components/List/model/loading/types\";\nimport type { ComponentType } from \"react\";\n\ntype Props<T> = Omit<AsyncDataLoaderShape<T>, \"asyncLoader\"> & {\n  children: AsyncDataLoaderShape<T>[\"asyncLoader\"];\n};\n\nexport const ListLoaderAsync = <T>(ignoredProps: Props<T>) => null;\n\nexport const TypedListLoaderAsync = <T>() =>\n  ListLoaderAsync as ComponentType<Props<T>>;\n"],"names":[],"mappings":"AAOO,MAAM,eAAA,GAAkB,CAAI,YAAA,KAA2B;AAEvD,MAAM,uBAAuB,MAClC;;;;"}

package/dist/js/packages/components/src/components/List/setupComponents/ListLoaderAsyncResource.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListLoaderAsyncResource.mjs","sources":["../../../../../../../../src/components/List/setupComponents/ListLoaderAsyncResource.ts"],"sourcesContent":["import type { AsyncResourceFactoryDataLoaderShape } from \"@/components/List/model/loading/types\";\nimport type { ComponentType } from \"react\";\n\ntype Props<T> = Omit<\n  AsyncResourceFactoryDataLoaderShape<T>,\n  \"asyncResourceFactory\"\n> & {\n  children: AsyncResourceFactoryDataLoaderShape<T>[\"asyncResourceFactory\"];\n};\n\n/** @deprecated Use ListLoaderHooks instead */\nexport const ListLoaderAsyncResource = <T>(ignoredProps: Props<T>) => null;\n\nexport const TypedListLoaderAsyncResource = <T>() =>\n  ListLoaderAsyncResource as ComponentType<Props<T>>;\n"],"names":[],"mappings":"AAWO,MAAM,uBAAA,GAA0B,CAAI,YAAA,KAA2B;AAE/D,MAAM,+BAA+B,MAC1C;;;;"}

package/dist/js/packages/components/src/components/List/setupComponents/ListLoaderHooks.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListLoaderHooks.mjs","sources":["../../../../../../../../src/components/List/setupComponents/ListLoaderHooks.ts"],"sourcesContent":["import type { HooksDataLoaderShape } from \"@/components/List/model/loading/types\";\nimport type { ComponentType } from \"react\";\n\ntype Props<T> = Omit<HooksDataLoaderShape<T>, \"useData\"> & {\n  children: HooksDataLoaderShape<T>[\"useData\"];\n};\n\nexport const ListLoaderHooks = <T>(ignoredProps: Props<T>) => null;\n\nexport const TypedListLoaderHooks = <T>() =>\n  ListLoaderHooks as ComponentType<Props<T>>;\n"],"names":[],"mappings":"AAOO,MAAM,eAAA,GAAkB,CAAI,YAAA,KAA2B;AAEvD,MAAM,uBAAuB,MAClC;;;;"}

package/dist/js/packages/components/src/components/List/setupComponents/ListSearch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListSearch.mjs","sources":["../../../../../../../../src/components/List/setupComponents/ListSearch.ts"],"sourcesContent":["import type {\n  SearchFieldRenderComponent,\n  SearchShape,\n} from \"@/components/List/model/search/types\";\nimport type { ComponentType } from \"react\";\n\ntype Props<T> = Omit<SearchShape<T>, \"render\" | \"textFieldProps\"> & {\n  children?: SearchFieldRenderComponent;\n  autoSubmit?: boolean;\n} & SearchShape<T>[\"textFieldProps\"];\n\nexport function ListSearch<T = never>(ignoredProps: Props<T>) {\n  return null;\n}\n\nexport const TypedListSearch = <T>() => ListSearch as ComponentType<Props<T>>;\n"],"names":[],"mappings":"AAWO,SAAS,WAAsB,YAAA,EAAwB;AAC5D,EAAA,OAAO,IAAA;AACT;AAEO,MAAM,kBAAkB,MAAS;;;;"}

package/dist/js/packages/components/src/components/List/setupComponents/ListSorting.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListSorting.mjs","sources":["../../../../../../../../src/components/List/setupComponents/ListSorting.ts"],"sourcesContent":["import type { SortingShape } from \"@/components/List/model/sorting/types\";\nimport type { ComponentType } from \"react\";\n\ntype Props<T> = SortingShape<T>;\n\nexport const ListSorting = <T>(ignoredProps: Props<T>) => null;\n\nexport const TypedListSorting = <T>() => ListSorting as ComponentType<Props<T>>;\n"],"names":[],"mappings":"AAKO,MAAM,WAAA,GAAc,CAAI,YAAA,KAA2B;AAEnD,MAAM,mBAAmB,MAAS;;;;"}

package/dist/js/packages/components/src/components/List/setupComponents/ListStaticData.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListStaticData.mjs","sources":["../../../../../../../../src/components/List/setupComponents/ListStaticData.ts"],"sourcesContent":["import type { ComponentType } from \"react\";\n\ntype Props<T> = {} & {\n  data: readonly T[];\n};\n\nexport const ListStaticData = <T>(ignoredProps: Props<T>) => null;\n\nexport const TypedListStaticData = <T>() =>\n  ListStaticData as ComponentType<Props<T>>;\n"],"names":[],"mappings":"AAMO,MAAM,cAAA,GAAiB,CAAI,YAAA,KAA2B;AAEtD,MAAM,sBAAsB,MACjC;;;;"}

package/dist/js/packages/components/src/components/List/setupComponents/Table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.mjs","sources":["../../../../../../../../src/components/List/setupComponents/Table.ts"],"sourcesContent":["import type { ComponentType } from \"react\";\nimport type { TableShape } from \"@/components/List/model/table/types\";\n\ntype Props<T> = Omit<TableShape<T>, \"header\" | \"body\">;\n\nexport const Table = <T>(ignoredProps: Props<T>) => null;\n\nexport const TypedTable = <T>() => Table as ComponentType<Props<T>>;\n"],"names":[],"mappings":"AAKO,MAAM,KAAA,GAAQ,CAAI,YAAA,KAA2B;;;;"}

package/dist/js/packages/components/src/components/List/setupComponents/TableBody.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.mjs","sources":["../../../../../../../../src/components/List/setupComponents/TableBody.ts"],"sourcesContent":["import type { ComponentType } from \"react\";\nimport type { TableBodyShape } from \"@/components/List/model/table/types\";\n\ntype Props<IgnoredT> = TableBodyShape<IgnoredT>;\n\nexport const TableBody = <T>(ignoredProps: Props<T>) => null;\n\nexport const TypedTableBody = <T>() => TableBody as ComponentType<Props<T>>;\n"],"names":[],"mappings":"AAKO,MAAM,SAAA,GAAY,CAAI,YAAA,KAA2B;;;;"}

package/dist/js/packages/components/src/components/List/setupComponents/TableCell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.mjs","sources":["../../../../../../../../src/components/List/setupComponents/TableCell.ts"],"sourcesContent":["import type { ComponentType } from \"react\";\nimport type { TableCellShape } from \"@/components/List/model/table/types\";\nimport type { RenderItemFn } from \"@/components/List\";\n\ntype Props<T> = Omit<TableCellShape<T>, \"renderFn\"> & {\n  children: RenderItemFn<T>;\n};\n\nexport const TableCell = <T>(ignoredProps: Props<T>) => null;\n\nexport const TypedTableCell = <T>() => TableCell as ComponentType<Props<T>>;\n"],"names":[],"mappings":"AAQO,MAAM,SAAA,GAAY,CAAI,YAAA,KAA2B;;;;"}

package/dist/js/packages/components/src/components/List/setupComponents/TableColumn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableColumn.mjs","sources":["../../../../../../../../src/components/List/setupComponents/TableColumn.ts"],"sourcesContent":["import type { ComponentType } from \"react\";\nimport type { TableColumnShape } from \"@/components/List/model/table/types\";\n\ntype Props<IgnoredT> = TableColumnShape;\n\nexport const TableColumn = <T>(ignoredProps: Props<T>) => null;\n\nexport const TypedTableColumn = <T>() => TableColumn as ComponentType<Props<T>>;\n"],"names":[],"mappings":"AAKO,MAAM,WAAA,GAAc,CAAI,YAAA,KAA2B;;;;"}

package/dist/js/packages/components/src/components/List/setupComponents/TableHeader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.mjs","sources":["../../../../../../../../src/components/List/setupComponents/TableHeader.ts"],"sourcesContent":["import type { ComponentType } from \"react\";\nimport type { TableHeaderShape } from \"@/components/List/model/table/types\";\n\ntype Props<IgnoredT> = TableHeaderShape;\n\nexport const TableHeader = <T>(ignoredProps: Props<T>) => null;\n\nexport const TypedTableHeader = <T>() => TableHeader as ComponentType<Props<T>>;\n"],"names":[],"mappings":"AAKO,MAAM,WAAA,GAAc,CAAI,YAAA,KAA2B;;;;"}

package/dist/js/packages/components/src/components/List/setupComponents/TableRow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.mjs","sources":["../../../../../../../../src/components/List/setupComponents/TableRow.ts"],"sourcesContent":["import type { ComponentType } from \"react\";\nimport type { TableRowShape } from \"@/components/List/model/table/types\";\n\ntype Props<T> = Omit<TableRowShape<T>, \"cells\">;\n\nexport const TableRow = <T>(ignoredProps: Props<T>) => null;\n\nexport const TypedTableRow = <T>() => TableRow as ComponentType<Props<T>>;\n"],"names":[],"mappings":"AAKO,MAAM,QAAA,GAAW,CAAI,YAAA,KAA2B;;;;"}

package/dist/js/packages/components/src/components/List/typedList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"typedList.mjs","sources":["../../../../../../../src/components/List/typedList.ts"],"sourcesContent":["import type { ListProps } from \"@/components/List/List\";\nimport List from \"@/components/List/List\";\nimport { TypedListFilter } from \"@/components/List/setupComponents/ListFilter\";\nimport { TypedListSorting } from \"@/components/List/setupComponents/ListSorting\";\nimport { TypedListItem } from \"@/components/List/setupComponents/ListItem\";\nimport { TypedListLoaderAsync } from \"@/components/List/setupComponents/ListLoaderAsync\";\nimport { TypedListLoaderAsyncResource } from \"@/components/List/setupComponents/ListLoaderAsyncResource\";\nimport { TypedListStaticData } from \"@/components/List/setupComponents/ListStaticData\";\nimport { TypedListSearch } from \"@/components/List/setupComponents/ListSearch\";\nimport { ListItemView } from \"@/components/List/components/ListItemView/ListItemView\";\nimport type { ComponentType } from \"react\";\nimport { TableColumn } from \"@/components/List/setupComponents/TableColumn\";\nimport { TableCell } from \"@/components/List/setupComponents/TableCell\";\nimport { TableHeader } from \"@/components/List/setupComponents/TableHeader\";\nimport { TableRow } from \"@/components/List/setupComponents/TableRow\";\nimport { TableBody } from \"@/components/List/setupComponents/TableBody\";\nimport { Table } from \"@/components/List/setupComponents/Table\";\nimport { TypedListLoaderHooks } from \"@/components/List/setupComponents/ListLoaderHooks\";\nimport { useListMetadata } from \"@/components/List/hooks/useListMetadata\";\n\nexport const TypedList = <T, TMeta = unknown>() =>\n  List as unknown as ComponentType<ListProps<T, TMeta>>;\n\nexport const typedList = <T, TMeta = unknown>() => ({\n  List: TypedList<T, TMeta>(),\n  Filter: TypedListFilter<T>(),\n  Search: TypedListSearch<T>(),\n  Sorting: TypedListSorting<T>(),\n  Item: TypedListItem<T>(),\n  ItemView: ListItemView,\n  TableHeader: TableHeader<T>,\n  TableColumn: TableColumn<T>,\n  TableBody: TableBody<T>,\n  TableRow: TableRow<T>,\n  TableCell: TableCell<T>,\n  Table: Table<T>,\n  StaticData: TypedListStaticData<T>(),\n  LoaderAsync: TypedListLoaderAsync<T>(),\n  LoaderHooks: TypedListLoaderHooks<T>(),\n  LoaderAsyncResource: TypedListLoaderAsyncResource<T>(),\n  useMetadata: () => useListMetadata<TMeta>(),\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAoBO,MAAM,YAAY,MACvB;AAEK,MAAM,YAAY,OAA2B;AAAA,EAClD,MAAM,SAAA,EAAoB;AAAA,EAC1B,QAAQ,eAAA,EAAmB;AAAA,EAC3B,QAAQ,eAAA,EAAmB;AAAA,EAC3B,SAAS,gBAAA,EAAoB;AAAA,EAC7B,MAAM,aAAA,EAAiB;AAAA,EACvB,QAAA,EAAU,YAAA;AAAA,EACV,WAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAY,mBAAA,EAAuB;AAAA,EACnC,aAAa,oBAAA,EAAwB;AAAA,EACrC,aAAa,oBAAA,EAAwB;AAAA,EACrC,qBAAqB,4BAAA,EAAgC;AAAA,EACrD,WAAA,EAAa,MAAM,eAAA;AACrB,CAAA;;;;"}

package/dist/js/packages/components/src/components/List/views/EmptyView/EmptyView.mjs

@@ -0,0 +1,27 @@
+"use client"
+/* */
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import { IllustratedMessage } from '../../../IllustratedMessage/IllustratedMessage.mjs';
+import '@mittwald/flow-icons';
+import '../../../Icon/components/IconSetProvider.mjs';
+import '../../../Icon/Icon.mjs';
+import '../../../../views/IconView.mjs';
+import { IconSearch } from '../../../Icon/components/icons/IconSearch.mjs';
+import { Heading } from '../../../Heading/Heading.mjs';
+import { Text } from '../../../Text/Text.mjs';
+import locales from '../../../../../../../_virtual/_.locale.json@c396072149abf62e23786da27abb7eee.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
+import styles from '../../components/Items/Items.module.scss.mjs';
+
+const EmptyView = () => {
+  const stringFormatter = useLocalizedStringFormatter(locales);
+  return /* @__PURE__ */ jsxs(IllustratedMessage, { className: styles.emptyView, children: [
+    /* @__PURE__ */ jsx(IconSearch, {}),
+    /* @__PURE__ */ jsx(Heading, { children: stringFormatter.format("list.noResult.heading") }),
+    /* @__PURE__ */ jsx(Text, { children: stringFormatter.format("list.noResult.text") })
+  ] });
+};
+
+export { EmptyView };
+//# sourceMappingURL=EmptyView.mjs.map

package/dist/js/packages/components/src/components/List/views/EmptyView/EmptyView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyView.mjs","sources":["../../../../../../../../../src/components/List/views/EmptyView/EmptyView.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { IllustratedMessage } from \"@/components/IllustratedMessage\";\nimport { IconSearch } from \"@/components/Icon/components/icons\";\nimport { Heading } from \"@/components/Heading\";\nimport { Text } from \"@/components/Text\";\nimport locales from \"../../locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport styles from \"../../components/Items/Items.module.scss\";\n\nexport type EmptyViewProps = Record<string, never>;\n\n/** @flr-generate all */\nexport const EmptyView: FC<EmptyViewProps> = () => {\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  return (\n    <IllustratedMessage className={styles.emptyView}>\n      <IconSearch />\n      <Heading>{stringFormatter.format(\"list.noResult.heading\")}</Heading>\n      <Text>{stringFormatter.format(\"list.noResult.text\")}</Text>\n    </IllustratedMessage>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAaO,MAAM,YAAgC,MAAM;AACjD,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,uBACE,IAAA,CAAC,kBAAA,EAAA,EAAmB,SAAA,EAAW,MAAA,CAAO,SAAA,EACpC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,CAAA;AAAA,oBACZ,GAAA,CAAC,OAAA,EAAA,EAAS,QAAA,EAAA,eAAA,CAAgB,MAAA,CAAO,uBAAuB,CAAA,EAAE,CAAA;AAAA,oBAC1D,GAAA,CAAC,IAAA,EAAA,EAAM,QAAA,EAAA,eAAA,CAAgB,MAAA,CAAO,oBAAoB,CAAA,EAAE;AAAA,GAAA,EACtD,CAAA;AAEJ;;;;"}

package/dist/js/packages/components/src/components/LoadingSpinner/LoadingSpinner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.mjs","sources":["../../../../../../../src/components/LoadingSpinner/LoadingSpinner.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { IconPending } from \"@/components/Icon/components/icons\";\nimport styles from \"./LoadingSpinner.module.scss\";\nimport type { IconProps } from \"@/components/Icon\";\nimport clsx from \"clsx\";\nimport type { AlphaColor } from \"@/lib/types/props\";\n\nexport interface LoadingSpinnerProps extends IconProps {\n  /** The color of the loading spinner. @default \"default\" */\n  color?: \"default\" | AlphaColor;\n}\n\n/** @flr-generate all */\nexport const LoadingSpinner: FC<LoadingSpinnerProps> = (props) => {\n  const { className, color = \"default\", ...rest } = props;\n\n  const rootClassName = clsx(\n    styles.loadingSpinner,\n    color !== \"default\" && styles[color],\n    className,\n  );\n\n  return <IconPending className={rootClassName} {...rest} />;\n};\n\nexport default LoadingSpinner;\n"],"names":[],"mappings":";;;;;;;;;;AAcO,MAAM,cAAA,GAA0C,CAAC,KAAA,KAAU;AAChE,EAAA,MAAM,EAAE,SAAA,EAAW,KAAA,GAAQ,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AAElD,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,cAAA;AAAA,IACP,KAAA,KAAU,SAAA,IAAa,MAAA,CAAO,KAAK,CAAA;AAAA,IACnC;AAAA,GACF;AAEA,EAAA,uBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,SAAA,EAAW,aAAA,EAAgB,GAAG,IAAA,EAAM,CAAA;AAC1D;;;;"}

package/dist/js/packages/components/src/components/LoadingSpinner/LoadingSpinner.module.scss.mjs

@@ -0,0 +1,17 @@
+"use client"
+/* */
+const loadingSpinner = "flow--loading-spinner";
+const spin = "flow--loading-spinner--spin";
+const light = "flow--loading-spinner--light";
+const dark = "flow--loading-spinner--dark";
+const styles = {
+	loadingSpinner: loadingSpinner,
+	spin: spin,
+	light: light,
+	dark: dark,
+	"dark-static": "flow--loading-spinner--dark-static",
+	"light-static": "flow--loading-spinner--light-static"
+};
+
+export { dark, styles as default, light, loadingSpinner, spin };
+//# sourceMappingURL=LoadingSpinner.module.scss.mjs.map

package/dist/js/packages/components/src/components/LoadingSpinner/LoadingSpinner.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/js/packages/components/src/components/Markdown/Markdown.mjs

@@ -0,0 +1,106 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { CodeBlock } from '../CodeBlock/CodeBlock.mjs';
+import { Heading } from '../Heading/Heading.mjs';
+import { InlineCode } from '../InlineCode/InlineCode.mjs';
+import { Link } from '../Link/Link.mjs';
+import { Separator } from '../Separator/Separator.mjs';
+import { Text } from '../Text/Text.mjs';
+import { Children, isValidElement } from 'react';
+import ReactMarkdown from 'react-markdown';
+import styles from './Markdown.module.scss.mjs';
+import { extractTextFromFirstChild } from '../../lib/react/remote.mjs';
+import clsx from 'clsx';
+import remarkGfm from 'remark-gfm';
+import { getHeadingLevelWithOffset } from './lib/getHeadingLevelWithOffset.mjs';
+
+const Markdown = (props) => {
+  const {
+    children,
+    color = "default",
+    className,
+    headingOffset = 0,
+    ref,
+    ...rest
+  } = props;
+  const headingAndLinkColor = color === "default" ? "primary" : color;
+  const components = {
+    a: (props2) => /* @__PURE__ */ jsx(Link, { target: "_blank", color: headingAndLinkColor, href: props2.href, children: props2.children }),
+    p: (props2) => /* @__PURE__ */ jsx(Text, { elementType: "p", color, children: props2.children }),
+    code: (props2) => /* @__PURE__ */ jsx(InlineCode, { color, children: props2.children }),
+    h1: (props2) => /* @__PURE__ */ jsx(
+      Heading,
+      {
+        level: getHeadingLevelWithOffset(1, headingOffset),
+        color: headingAndLinkColor,
+        children: props2.children
+      }
+    ),
+    h2: (props2) => /* @__PURE__ */ jsx(
+      Heading,
+      {
+        level: getHeadingLevelWithOffset(2, headingOffset),
+        color: headingAndLinkColor,
+        children: props2.children
+      }
+    ),
+    h3: (props2) => /* @__PURE__ */ jsx(
+      Heading,
+      {
+        level: getHeadingLevelWithOffset(3, headingOffset),
+        color: headingAndLinkColor,
+        children: props2.children
+      }
+    ),
+    h4: (props2) => /* @__PURE__ */ jsx(
+      Heading,
+      {
+        level: getHeadingLevelWithOffset(4, headingOffset),
+        color: headingAndLinkColor,
+        children: props2.children
+      }
+    ),
+    h5: (props2) => /* @__PURE__ */ jsx(
+      Heading,
+      {
+        level: getHeadingLevelWithOffset(5, headingOffset),
+        color: headingAndLinkColor,
+        children: props2.children
+      }
+    ),
+    h6: (props2) => /* @__PURE__ */ jsx(
+      Heading,
+      {
+        level: getHeadingLevelWithOffset(6, headingOffset),
+        color: headingAndLinkColor,
+        children: props2.children
+      }
+    ),
+    hr: () => /* @__PURE__ */ jsx(Separator, {}),
+    pre: (props2) => {
+      const preElementContent = Children.toArray(props2.children)[0];
+      return /* @__PURE__ */ jsx(
+        CodeBlock,
+        {
+          copyable: false,
+          language: isValidElement(preElementContent) && preElementContent.props.className ? preElementContent.props.className.replace(
+            "language-",
+            ""
+          ) : void 0,
+          code: String(
+            isValidElement(preElementContent) ? preElementContent.props.children : preElementContent
+          ).trim()
+        }
+      );
+    },
+    ul: (props2) => /* @__PURE__ */ jsx(Text, { color, children: /* @__PURE__ */ jsx("ul", { children: props2.children }) }),
+    ol: (props2) => /* @__PURE__ */ jsx(Text, { color, children: /* @__PURE__ */ jsx("ol", { children: props2.children }) }),
+    blockquote: (props2) => /* @__PURE__ */ jsx(Text, { color, children: /* @__PURE__ */ jsx("blockquote", { children: props2.children }) })
+  };
+  const textContent = extractTextFromFirstChild(children);
+  return /* @__PURE__ */ jsx("div", { className: clsx(styles.markdown, className), ...rest, ref, children: /* @__PURE__ */ jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], components, children: textContent }) });
+};
+
+export { Markdown };
+//# sourceMappingURL=Markdown.mjs.map

package/dist/js/packages/components/src/components/Markdown/Markdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.mjs","sources":["../../../../../../../src/components/Markdown/Markdown.tsx"],"sourcesContent":["import { CodeBlock } from \"@/components/CodeBlock\";\nimport { Heading } from \"@/components/Heading\";\nimport { InlineCode } from \"@/components/InlineCode\";\nimport { Link } from \"@/components/Link\";\nimport { Separator } from \"@/components/Separator\";\nimport { Text } from \"@/components/Text\";\nimport type { CSSProperties, FC, ReactNode, Ref } from \"react\";\nimport { Children, isValidElement } from \"react\";\nimport type { Components, Options } from \"react-markdown\";\nimport ReactMarkdown from \"react-markdown\";\nimport styles from \"./Markdown.module.scss\";\nimport { extractTextFromFirstChild } from \"@/lib/react/remote\";\nimport type { AlphaColor, PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport remarkGfm from \"remark-gfm\";\nimport { getHeadingLevelWithOffset } from \"@/components/Markdown/lib/getHeadingLevelWithOffset\";\nimport type { CodeEditorLanguage } from \"@/components/CodeEditor/languages\";\n\nexport interface MarkdownProps\n  extends PropsWithClassName, Omit<Options, \"components\"> {\n  /** The color schema of the markdown component. @default \"default\" */\n  color?: \"default\" | AlphaColor;\n  /** Shifts all heading levels by the given offset. @default 0 */\n  headingOffset?: number;\n  /** @internal */\n  style?: CSSProperties;\n  ref?: Ref<HTMLDivElement>;\n}\n\n/** @flr-generate all */\nexport const Markdown: FC<MarkdownProps> = (props) => {\n  const {\n    children,\n    color = \"default\",\n    className,\n    headingOffset = 0,\n    ref,\n    ...rest\n  } = props;\n\n  const headingAndLinkColor = color === \"default\" ? \"primary\" : color;\n\n  const components: Components = {\n    a: (props) => (\n      <Link target=\"_blank\" color={headingAndLinkColor} href={props.href}>\n        {props.children}\n      </Link>\n    ),\n    p: (props) => (\n      <Text elementType=\"p\" color={color}>\n        {props.children}\n      </Text>\n    ),\n    code: (props) => <InlineCode color={color}>{props.children}</InlineCode>,\n    h1: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(1, headingOffset)}\n        color={headingAndLinkColor}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h2: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(2, headingOffset)}\n        color={headingAndLinkColor}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h3: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(3, headingOffset)}\n        color={headingAndLinkColor}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h4: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(4, headingOffset)}\n        color={headingAndLinkColor}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h5: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(5, headingOffset)}\n        color={headingAndLinkColor}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h6: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(6, headingOffset)}\n        color={headingAndLinkColor}\n      >\n        {props.children}\n      </Heading>\n    ),\n    hr: () => <Separator />,\n    pre: (props) => {\n      const preElementContent = Children.toArray(props.children)[0];\n\n      return (\n        <CodeBlock\n          copyable={false}\n          language={\n            isValidElement<{ className?: string }>(preElementContent) &&\n            preElementContent.props.className\n              ? (preElementContent.props.className.replace(\n                  \"language-\",\n                  \"\",\n                ) as CodeEditorLanguage)\n              : undefined\n          }\n          code={String(\n            isValidElement<{ children: string }>(preElementContent)\n              ? preElementContent.props.children\n              : preElementContent,\n          ).trim()}\n        />\n      );\n    },\n    ul: (props) => (\n      <Text color={color}>\n        <ul>{props.children as ReactNode}</ul>\n      </Text>\n    ),\n    ol: (props) => (\n      <Text color={color}>\n        <ol>{props.children as ReactNode}</ol>\n      </Text>\n    ),\n    blockquote: (props) => (\n      <Text color={color}>\n        <blockquote>{props.children}</blockquote>\n      </Text>\n    ),\n  };\n\n  const textContent = extractTextFromFirstChild(children);\n\n  return (\n    <div className={clsx(styles.markdown, className)} {...rest} ref={ref}>\n      <ReactMarkdown remarkPlugins={[remarkGfm]} components={components}>\n        {textContent}\n      </ReactMarkdown>\n    </div>\n  );\n};\n\nexport default Markdown;\n"],"names":["props"],"mappings":"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"}

package/dist/js/packages/components/src/components/Markdown/lib/getHeadingLevelWithOffset.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getHeadingLevelWithOffset.mjs","sources":["../../../../../../../../src/components/Markdown/lib/getHeadingLevelWithOffset.ts"],"sourcesContent":["export const getHeadingLevelWithOffset = (level: number, offset: number) => {\n  const levelWithOffset = level + offset;\n  return levelWithOffset > 6 ? 6 : levelWithOffset < 1 ? 1 : levelWithOffset;\n};\n"],"names":[],"mappings":"AAAO,MAAM,yBAAA,GAA4B,CAAC,KAAA,EAAe,MAAA,KAAmB;AAC1E,EAAA,MAAM,kBAAkB,KAAA,GAAQ,MAAA;AAChC,EAAA,OAAO,eAAA,GAAkB,CAAA,GAAI,CAAA,GAAI,eAAA,GAAkB,IAAI,CAAA,GAAI,eAAA;AAC7D;;;;"}

package/dist/js/packages/components/src/components/MarkdownEditor/MarkdownEditor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditor.mjs","sources":["../../../../../../../src/components/MarkdownEditor/MarkdownEditor.tsx"],"sourcesContent":["import { type KeyboardEventHandler, useState } from \"react\";\nimport styles from \"./MarkdownEditor.module.scss\";\nimport { Markdown, type MarkdownProps } from \"@/components/Markdown\";\nimport { TextArea, type TextAreaProps } from \"@/components/TextArea\";\nimport { Toolbar } from \"@/components/MarkdownEditor/components/Toolbar\";\nimport clsx from \"clsx\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { TunnelProvider } from \"@mittwald/react-tunnel\";\nimport {\n  modifyValueByMarkdownSyntax,\n  scrollToCursor,\n} from \"@/components/MarkdownEditor/lib/modifyValueByMarkdownSyntax\";\nimport {\n  type InsertType,\n  modifyValueByType,\n} from \"@/components/MarkdownEditor/lib/modifyValueByType\";\nimport { useControlledHostValueProps } from \"@/lib/remote/useControlledHostValueProps\";\n\nexport type MarkdownEditorMode = \"editor\" | \"preview\";\n\nexport interface MarkdownEditorProps\n  extends TextAreaProps, Pick<MarkdownProps, \"headingOffset\"> {}\n\n/** @flr-generate all */\nexport const MarkdownEditor = flowComponent(\"MarkdownEditor\", (props) => {\n  const {\n    isDisabled,\n    isReadOnly,\n    children,\n    className,\n    rows = 5,\n    autoResizeMaxRows,\n    headingOffset,\n    value,\n    onChange,\n    ref,\n    ...rest\n  } = useControlledHostValueProps(props);\n\n  const inputRef = useObjectRef(ref);\n  const [mode, setMode] = useState<MarkdownEditorMode>(\"editor\");\n\n  const rootClassName = clsx(\n    styles.markdownEditor,\n    className,\n    styles[`mode-${mode}`],\n  );\n\n  const handleKeyDown: KeyboardEventHandler = (event) => {\n    if (event.key !== \"Enter\") {\n      return;\n    }\n\n    const modifyParams = modifyValueByMarkdownSyntax(value, inputRef);\n    if (!modifyParams) {\n      return;\n    }\n\n    const { newValue, newSelectionStart, newSelectionEnd } = modifyParams;\n\n    requestAnimationFrame(() => {\n      if (inputRef.current) {\n        inputRef.current.value = newValue;\n        inputRef.current?.setSelectionRange(newSelectionStart, newSelectionEnd);\n        scrollToCursor(newValue, inputRef.current);\n      }\n    });\n\n    event.preventDefault();\n    onChange(newValue);\n  };\n\n  const handleToolButtonPressed = (type: InsertType) => {\n    const { newValue, newSelectionStart, newSelectionEnd } = modifyValueByType(\n      value,\n      type,\n      inputRef,\n    );\n\n    requestAnimationFrame(() => {\n      if (inputRef.current) {\n        inputRef.current.value = newValue;\n        inputRef.current.setSelectionRange(newSelectionStart, newSelectionEnd);\n        inputRef.current.focus();\n      }\n    });\n\n    onChange(newValue);\n  };\n\n  return (\n    <div className={rootClassName}>\n      <TunnelProvider>\n        <TextArea\n          {...rest}\n          aria-hidden={mode === \"preview\"}\n          isReadOnly={isReadOnly || mode === \"preview\"}\n          isDisabled={isDisabled}\n          ref={inputRef}\n          value={value}\n          rows={rows}\n          autoResizeMaxRows={autoResizeMaxRows}\n          onChange={onChange}\n          onKeyDown={handleKeyDown}\n        >\n          {mode === \"preview\" && (\n            <Markdown\n              headingOffset={headingOffset}\n              className={styles.markdown}\n              style={{\n                height: inputRef.current?.offsetHeight,\n              }}\n            >\n              {value}\n            </Markdown>\n          )}\n          {children}\n          <Toolbar\n            currentMode={mode}\n            isDisabled={isDisabled}\n            onModeChange={setMode}\n            onToolPressed={handleToolButtonPressed}\n          />\n        </TextArea>\n      </TunnelProvider>\n    </div>\n  );\n});\n\nexport default MarkdownEditor;\n"],"names":[],"mappings":"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"}

package/dist/js/packages/components/src/components/MarkdownEditor/components/ModeButton.mjs

@@ -0,0 +1,31 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import { Button } from '../../Button/Button.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
+import locales from '../../../../../../_virtual/_.locale.json@6bff66f97a5f51584c435dff5ed7e9d5.mjs';
+import styles from '../MarkdownEditor.module.scss.mjs';
+
+const ModeButton = (props) => {
+  const { currentMode, onChange, ...rest } = props;
+  const stringFormatter = useLocalizedStringFormatter(locales);
+  const otherMode = currentMode === "editor" ? "preview" : "editor";
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      className: styles.modeButton,
+      size: "s",
+      variant: "plain",
+      color: "dark",
+      onPress: () => {
+        onChange?.(otherMode);
+      },
+      ...rest,
+      children: stringFormatter.format(`mode.${otherMode}`)
+    }
+  );
+};
+
+export { ModeButton };
+//# sourceMappingURL=ModeButton.mjs.map

package/dist/js/packages/components/src/components/MarkdownEditor/components/ModeButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModeButton.mjs","sources":["../../../../../../../../src/components/MarkdownEditor/components/ModeButton.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { Button, type ButtonProps } from \"@/components/Button\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../locales/*.locale.json\";\nimport type { MarkdownEditorMode } from \"@/components/MarkdownEditor/MarkdownEditor\";\nimport styles from \"../MarkdownEditor.module.scss\";\n\nexport interface ModeButtonProps extends Pick<ButtonProps, \"isDisabled\"> {\n  currentMode: MarkdownEditorMode;\n  onChange?: (newMode: MarkdownEditorMode) => void;\n}\n\nexport const ModeButton: FC<ModeButtonProps> = (props) => {\n  const { currentMode, onChange, ...rest } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n  const otherMode = currentMode === \"editor\" ? \"preview\" : \"editor\";\n\n  return (\n    <Button\n      className={styles.modeButton}\n      size=\"s\"\n      variant=\"plain\"\n      color=\"dark\"\n      onPress={() => {\n        onChange?.(otherMode);\n      }}\n      {...rest}\n    >\n      {stringFormatter.format(`mode.${otherMode}`)}\n    </Button>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAYO,MAAM,UAAA,GAAkC,CAAC,KAAA,KAAU;AACxD,EAAA,MAAM,EAAE,WAAA,EAAa,QAAA,EAAU,GAAG,MAAK,GAAI,KAAA;AAE3C,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAC3D,EAAA,MAAM,SAAA,GAAY,WAAA,KAAgB,QAAA,GAAW,SAAA,GAAY,QAAA;AAEzD,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAA,CAAO,UAAA;AAAA,MAClB,IAAA,EAAK,GAAA;AAAA,MACL,OAAA,EAAQ,OAAA;AAAA,MACR,KAAA,EAAM,MAAA;AAAA,MACN,SAAS,MAAM;AACb,QAAA,QAAA,GAAW,SAAS,CAAA;AAAA,MACtB,CAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA,eAAA,CAAgB,MAAA,CAAO,CAAA,KAAA,EAAQ,SAAS,CAAA,CAAE;AAAA;AAAA,GAC7C;AAEJ;;;;"}

package/dist/js/packages/components/src/components/MarkdownEditor/components/Toolbar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.mjs","sources":["../../../../../../../../src/components/MarkdownEditor/components/Toolbar.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport styles from \"@/components/MarkdownEditor/MarkdownEditor.module.scss\";\nimport {\n  IconBold,\n  IconCode,\n  IconItalic,\n  IconLink,\n  IconOrderedList,\n  IconQuote,\n  IconStrikeThrough,\n  IconUnorderedList,\n} from \"@/components/Icon/components/icons\";\nimport {\n  ToolbarButton,\n  type ToolBarButtonProps,\n} from \"@/components/MarkdownEditor/components/ToolbarButton\";\nimport {\n  ModeButton,\n  type ModeButtonProps,\n} from \"@/components/MarkdownEditor/components/ModeButton\";\nimport type { ButtonProps } from \"@/components/Button\";\n\ninterface ToolbarProps extends Pick<ButtonProps, \"isDisabled\"> {\n  currentMode: ModeButtonProps[\"currentMode\"];\n  onModeChange: ModeButtonProps[\"onChange\"];\n  onToolPressed: ToolBarButtonProps[\"onPress\"];\n}\n\nexport const Toolbar: FC<ToolbarProps> = (props) => {\n  const sharedToolButtonProps: Partial<ToolBarButtonProps> = {\n    onPress: props.onToolPressed,\n    isDisabled: props.isDisabled || props.currentMode === \"preview\",\n  };\n\n  return (\n    <header className={styles.toolbar} role=\"toolbar\">\n      <div className={styles.toolbarButtons}>\n        <ToolbarButton {...sharedToolButtonProps} type=\"bold\">\n          <IconBold />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"italic\">\n          <IconItalic />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"strikeThrough\">\n          <IconStrikeThrough />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"quote\">\n          <IconQuote />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"code\">\n          <IconCode />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"link\">\n          <IconLink />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"unorderedList\">\n          <IconUnorderedList />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"orderedList\">\n          <IconOrderedList />\n        </ToolbarButton>\n      </div>\n\n      <ModeButton\n        onChange={props.onModeChange}\n        currentMode={props.currentMode}\n        isDisabled={props.isDisabled}\n      />\n    </header>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AA4BO,MAAM,OAAA,GAA4B,CAAC,KAAA,KAAU;AAClD,EAAA,MAAM,qBAAA,GAAqD;AAAA,IACzD,SAAS,KAAA,CAAM,aAAA;AAAA,IACf,UAAA,EAAY,KAAA,CAAM,UAAA,IAAc,KAAA,CAAM,WAAA,KAAgB;AAAA,GACxD;AAEA,EAAA,4BACG,QAAA,EAAA,EAAO,SAAA,EAAW,MAAA,CAAO,OAAA,EAAS,MAAK,SAAA,EACtC,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,cAAA,EACrB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,iBAAe,GAAG,qBAAA,EAAuB,MAAK,MAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,YAAS,CAAA,EACZ,CAAA;AAAA,sBAEA,GAAA,CAAC,iBAAe,GAAG,qBAAA,EAAuB,MAAK,QAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,cAAW,CAAA,EACd,CAAA;AAAA,sBAEA,GAAA,CAAC,iBAAe,GAAG,qBAAA,EAAuB,MAAK,eAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,qBAAkB,CAAA,EACrB,CAAA;AAAA,sBAEA,GAAA,CAAC,iBAAe,GAAG,qBAAA,EAAuB,MAAK,OAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,aAAU,CAAA,EACb,CAAA;AAAA,sBAEA,GAAA,CAAC,iBAAe,GAAG,qBAAA,EAAuB,MAAK,MAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,YAAS,CAAA,EACZ,CAAA;AAAA,sBAEA,GAAA,CAAC,iBAAe,GAAG,qBAAA,EAAuB,MAAK,MAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,YAAS,CAAA,EACZ,CAAA;AAAA,sBAEA,GAAA,CAAC,iBAAe,GAAG,qBAAA,EAAuB,MAAK,eAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,qBAAkB,CAAA,EACrB,CAAA;AAAA,sBAEA,GAAA,CAAC,iBAAe,GAAG,qBAAA,EAAuB,MAAK,aAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,mBAAgB,CAAA,EACnB;AAAA,KAAA,EACF,CAAA;AAAA,oBAEA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,UAAU,KAAA,CAAM,YAAA;AAAA,QAChB,aAAa,KAAA,CAAM,WAAA;AAAA,QACnB,YAAY,KAAA,CAAM;AAAA;AAAA;AACpB,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/js/packages/components/src/components/MarkdownEditor/components/ToolbarButton.mjs

@@ -0,0 +1,28 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import { Button } from '../../Button/Button.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
+import locales from '../../../../../../_virtual/_.locale.json@6bff66f97a5f51584c435dff5ed7e9d5.mjs';
+
+const ToolbarButton = (props) => {
+  const { children, type, onPress, ...rest } = props;
+  const stringFormatter = useLocalizedStringFormatter(locales);
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ...rest,
+      "data-button-type": type,
+      "aria-label": stringFormatter.format(`toolbar.${type}`),
+      size: "s",
+      variant: "plain",
+      color: "dark",
+      onPress: () => onPress?.(type),
+      children
+    }
+  );
+};
+
+export { ToolbarButton };
+//# sourceMappingURL=ToolbarButton.mjs.map

package/dist/js/packages/components/src/components/MarkdownEditor/components/ToolbarButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarButton.mjs","sources":["../../../../../../../../src/components/MarkdownEditor/components/ToolbarButton.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { type InsertType } from \"@/components/MarkdownEditor/lib/modifyValueByType\";\nimport { Button, type ButtonProps } from \"@/components/Button\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../locales/*.locale.json\";\n\nexport interface ToolBarButtonProps extends Pick<\n  ButtonProps,\n  \"isDisabled\" | \"children\"\n> {\n  type: InsertType;\n  onPress?: (type: InsertType) => void;\n}\n\nexport const ToolbarButton: FC<ToolBarButtonProps> = (props) => {\n  const { children, type, onPress, ...rest } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  return (\n    <Button\n      {...rest}\n      data-button-type={type}\n      aria-label={stringFormatter.format(`toolbar.${type}`)}\n      size=\"s\"\n      variant=\"plain\"\n      color=\"dark\"\n      onPress={() => onPress?.(type)}\n    >\n      {children}\n    </Button>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAcO,MAAM,aAAA,GAAwC,CAAC,KAAA,KAAU;AAC9D,EAAA,MAAM,EAAE,QAAA,EAAU,IAAA,EAAM,OAAA,EAAS,GAAG,MAAK,GAAI,KAAA;AAE7C,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,kBAAA,EAAkB,IAAA;AAAA,MAClB,YAAA,EAAY,eAAA,CAAgB,MAAA,CAAO,CAAA,QAAA,EAAW,IAAI,CAAA,CAAE,CAAA;AAAA,MACpD,IAAA,EAAK,GAAA;AAAA,MACL,OAAA,EAAQ,OAAA;AAAA,MACR,KAAA,EAAM,MAAA;AAAA,MACN,OAAA,EAAS,MAAM,OAAA,GAAU,IAAI,CAAA;AAAA,MAE5B;AAAA;AAAA,GACH;AAEJ;;;;"}