@mittwald/flow-react-components 0.2.0-alpha.783 → 0.2.0-alpha.784

package/dist/js/packages/components/src/components/List/components/Header/components/FilterContextMenu/FilterContextMenus.mjs

@@ -1,17 +1,40 @@
 "use client"
 /* */
-import { useList } from "../../../../hooks/useList.mjs";
-import { DateRangeFilter } from "../../../../model/filter/DateRangeFilter.mjs";
-import { FilterContextMenu } from "./FilterContextMenu.mjs";
-import { DateRangeFilterPopover } from "./DateRangeFilterPopover.mjs";
-import "../../../../index.mjs";
-import "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/List/components/Header/components/FilterContextMenu/FilterContextMenus.tsx
-var FilterContextMenus = () => {
-	return useList().filters.filter((f) => f.priority === "primary").map((filter) => filter instanceof DateRangeFilter ? /* @__PURE__ */ jsx(DateRangeFilterPopover, { filter }, filter.property) : /* @__PURE__ */ jsx(FilterContextMenu, { filter }, filter.property));
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import 'invariant';
+import 'react-aria-components';
+import '../../../../../IllustratedMessage/IllustratedMessage.mjs';
+import '@mittwald/flow-icons';
+import '../../../../../Icon/components/IconSetProvider.mjs';
+import '../../../../../Icon/Icon.mjs';
+import '../../../../../../views/IconView.mjs';
+import '../../../../../Heading/Heading.mjs';
+import '../../../../../Text/Text.mjs';
+import 'react-aria';
+import 'clsx';
+import '@mittwald/react-tunnel';
+import '../../../../../../views/ListItemViewContentView.mjs';
+import '../../../../../../lib/propsContext/propsContext.mjs';
+import '../../../../../../lib/propsContext/components/PropsContextProvider.mjs';
+import '../../../../../../views/ButtonView.mjs';
+import '../../../../../../views/ContextMenuTriggerView.mjs';
+import '../../../../../ColumnLayout/ColumnLayout.mjs';
+import '../../../ListSummary/ListSummary.mjs';
+import { useList } from '../../../../hooks/useList.mjs';
+import '../../../../listContext.mjs';
+import 'mobx';
+import '../../../../List.mjs';
+import { FilterContextMenu } from './FilterContextMenu.mjs';
+import { DateRangeFilterPopover } from './DateRangeFilterPopover.mjs';
+import { DateRangeFilter } from '../../../../model/filter/DateRangeFilter.mjs';
+
+const FilterContextMenus = () => {
+  const list = useList();
+  return list.filters.filter((f) => f.priority === "primary").map(
+    (filter) => filter instanceof DateRangeFilter ? /* @__PURE__ */ jsx(DateRangeFilterPopover, { filter }, filter.property) : /* @__PURE__ */ jsx(FilterContextMenu, { filter }, filter.property)
+  );
 };
-//#endregion
-export { FilterContextMenus };
 
-//# sourceMappingURL=FilterContextMenus.mjs.map
+export { FilterContextMenus };
+//# sourceMappingURL=FilterContextMenus.mjs.map

package/dist/js/packages/components/src/components/List/components/Header/components/FilterContextMenu/FilterContextMenus.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterContextMenus.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/FilterContextMenu/FilterContextMenus.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { useList } from \"@/components/List\";\nimport { FilterContextMenu } from \"@/components/List/components/Header/components/FilterContextMenu/FilterContextMenu\";\nimport { DateRangeFilterPopover } from \"@/components/List/components/Header/components/FilterContextMenu/DateRangeFilterPopover\";\nimport { DateRangeFilter } from \"@/components/List/model/filter/DateRangeFilter\";\n\nexport const FilterContextMenus: FC = () => {\n  const list = useList();\n\n  return list.filters\n    .filter((f) => f.priority === \"primary\")\n    .map((filter) =>\n      filter instanceof DateRangeFilter ? (\n        <DateRangeFilterPopover key={filter.property} filter={filter} />\n      ) : (\n        <FilterContextMenu key={filter.property} filter={filter} />\n      ),\n    );\n};\n"],"mappings":";;;;;;;;AAOA,IAAa,2BAA+B;AAG1C,QAFa,SAAS,CAEV,QACT,QAAQ,MAAM,EAAE,aAAa,UAAU,CACvC,KAAK,WACJ,kBAAkB,kBAChB,oBAAC,wBAAD,EAAsD,QAAU,EAAnC,OAAO,SAA4B,GAEhE,oBAAC,mBAAD,EAAiD,QAAU,EAAnC,OAAO,SAA4B,CAE9D"}
+{"version":3,"file":"FilterContextMenus.mjs","sources":["../../../../../../../../../../../src/components/List/components/Header/components/FilterContextMenu/FilterContextMenus.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { useList } from \"@/components/List\";\nimport { FilterContextMenu } from \"@/components/List/components/Header/components/FilterContextMenu/FilterContextMenu\";\nimport { DateRangeFilterPopover } from \"@/components/List/components/Header/components/FilterContextMenu/DateRangeFilterPopover\";\nimport { DateRangeFilter } from \"@/components/List/model/filter/DateRangeFilter\";\n\nexport const FilterContextMenus: FC = () => {\n  const list = useList();\n\n  return list.filters\n    .filter((f) => f.priority === \"primary\")\n    .map((filter) =>\n      filter instanceof DateRangeFilter ? (\n        <DateRangeFilterPopover key={filter.property} filter={filter} />\n      ) : (\n        <FilterContextMenu key={filter.property} filter={filter} />\n      ),\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,qBAAyB,MAAM;AAC1C,EAAA,MAAM,OAAO,OAAA,EAAQ;AAErB,EAAA,OAAO,IAAA,CAAK,QACT,MAAA,CAAO,CAAC,MAAM,CAAA,CAAE,QAAA,KAAa,SAAS,CAAA,CACtC,GAAA;AAAA,IAAI,CAAC,MAAA,KACJ,MAAA,YAAkB,eAAA,uBACf,sBAAA,EAAA,EAA6C,MAAA,EAAA,EAAjB,MAAA,CAAO,QAA0B,CAAA,mBAE9D,GAAA,CAAC,iBAAA,EAAA,EAAwC,MAAA,EAAA,EAAjB,OAAO,QAA0B;AAAA,GAE7D;AACJ;;;;"}

package/dist/js/packages/components/src/components/List/components/Header/components/FilterContextMenu/FilterContextMenus.module.scss.mjs

@@ -0,0 +1,9 @@
+"use client"
+/* */
+const calendar = "flow--list--header--filter-context-menu--calendar";
+const styles = {
+	calendar: calendar
+};
+
+export { calendar, styles as default };
+//# sourceMappingURL=FilterContextMenus.module.scss.mjs.map

package/dist/js/packages/components/src/components/List/components/Header/components/FilterContextMenu/FilterContextMenus.module.scss.mjs.map

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

package/dist/js/packages/components/src/components/List/components/Header/components/FilterContextMenu/FilterMenuItem.mjs

@@ -1,20 +1,24 @@
 "use client"
 /* */
-import MenuItemView from "../../../../../../views/MenuItemView.mjs";
-import "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/List/components/Header/components/FilterContextMenu/FilterMenuItem.tsx
-var FilterMenuItem = (props) => {
-	const { filterValue, selectionMode } = props;
-	return /* @__PURE__ */ jsx(MenuItemView, {
-		id: filterValue.id,
-		onAction: () => {
-			if (selectionMode === "multiple" || !filterValue.isActive) filterValue.toggle();
-		},
-		children: filterValue.render()
-	});
+import { jsx } from 'react/jsx-runtime';
+import MenuItemView from '../../../../../../views/MenuItemView.mjs';
+import 'react';
+
+const FilterMenuItem = (props) => {
+  const { filterValue, selectionMode } = props;
+  return /* @__PURE__ */ jsx(
+    MenuItemView,
+    {
+      id: filterValue.id,
+      onAction: () => {
+        if (selectionMode === "multiple" || !filterValue.isActive) {
+          filterValue.toggle();
+        }
+      },
+      children: filterValue.render()
+    }
+  );
 };
-//#endregion
-export { FilterMenuItem };
 
-//# sourceMappingURL=FilterMenuItem.mjs.map
+export { FilterMenuItem };
+//# sourceMappingURL=FilterMenuItem.mjs.map

package/dist/js/packages/components/src/components/List/components/Header/components/FilterContextMenu/FilterMenuItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterMenuItem.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/FilterContextMenu/FilterMenuItem.tsx"],"sourcesContent":["import MenuItemView from \"@/views/MenuItemView\";\nimport { type FC } from \"react\";\nimport type { FilterValue } from \"@/components/List/model/filter/FilterValue\";\nimport type { ContextMenuSelectionMode } from \"@/components/ContextMenu/lib\";\n\ninterface Props {\n  filterValue: FilterValue;\n  selectionMode?: ContextMenuSelectionMode;\n}\n\nexport const FilterMenuItem: FC<Props> = (props) => {\n  const { filterValue, selectionMode } = props;\n\n  return (\n    <MenuItemView\n      id={filterValue.id}\n      onAction={() => {\n        if (selectionMode === \"multiple\" || !filterValue.isActive) {\n          filterValue.toggle();\n        }\n      }}\n    >\n      {filterValue.render()}\n    </MenuItemView>\n  );\n};\n"],"mappings":";;;;AAUA,IAAa,kBAA6B,UAAU;CAClD,MAAM,EAAE,aAAa,kBAAkB;AAEvC,QACE,oBAAC,cAAD;EACE,IAAI,YAAY;EAChB,gBAAgB;AACd,OAAI,kBAAkB,cAAc,CAAC,YAAY,SAC/C,aAAY,QAAQ;;YAIvB,YAAY,QAAQ;EACR,CAAA"}
+{"version":3,"file":"FilterMenuItem.mjs","sources":["../../../../../../../../../../../src/components/List/components/Header/components/FilterContextMenu/FilterMenuItem.tsx"],"sourcesContent":["import MenuItemView from \"@/views/MenuItemView\";\nimport { type FC } from \"react\";\nimport type { FilterValue } from \"@/components/List/model/filter/FilterValue\";\nimport type { ContextMenuSelectionMode } from \"@/components/ContextMenu/lib\";\n\ninterface Props {\n  filterValue: FilterValue;\n  selectionMode?: ContextMenuSelectionMode;\n}\n\nexport const FilterMenuItem: FC<Props> = (props) => {\n  const { filterValue, selectionMode } = props;\n\n  return (\n    <MenuItemView\n      id={filterValue.id}\n      onAction={() => {\n        if (selectionMode === \"multiple\" || !filterValue.isActive) {\n          filterValue.toggle();\n        }\n      }}\n    >\n      {filterValue.render()}\n    </MenuItemView>\n  );\n};\n"],"names":[],"mappings":";;;;AAUO,MAAM,cAAA,GAA4B,CAAC,KAAA,KAAU;AAClD,EAAA,MAAM,EAAE,WAAA,EAAa,aAAA,EAAc,GAAI,KAAA;AAEvC,EAAA,uBACE,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,IAAI,WAAA,CAAY,EAAA;AAAA,MAChB,UAAU,MAAM;AACd,QAAA,IAAI,aAAA,KAAkB,UAAA,IAAc,CAAC,WAAA,CAAY,QAAA,EAAU;AACzD,UAAA,WAAA,CAAY,MAAA,EAAO;AAAA,QACrB;AAAA,MACF,CAAA;AAAA,MAEC,sBAAY,MAAA;AAAO;AAAA,GACtB;AAEJ;;;;"}

package/dist/js/packages/components/src/components/List/components/Header/components/SearchField/SearchField.mjs

@@ -1,61 +1,73 @@
 "use client"
 /* */
-import { useOnChange } from "../../../../../../lib/hooks/useOnChange.mjs";
-import "../../../../../../lib/hooks/index.mjs";
-import SearchFieldView from "../../../../../../views/SearchFieldView.mjs";
-import SearchField_module_default from "./SearchField.module.mjs";
-import { useAriaAnnounceSearchState } from "../../../../hooks/useAriaAnnounceSearchState.mjs";
-import { createElement, useEffect, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/List/components/Header/components/SearchField/SearchField.tsx
-var autoSubmitTimeout = 500;
-var DefaultSearchFieldRender = (props) => {
-	const { onChange, value, autoSubmit = true, ...searchFieldProps } = props;
-	const [searchString, setSearchString] = useState(value ?? "");
-	const [previousSearchString, setPreviousSearchString] = useState("");
-	const submitSearch = () => {
-		if (searchString.trim() === "") onChange(void 0);
-		else if (previousSearchString !== searchString) {
-			setPreviousSearchString(searchString);
-			onChange(searchString);
-		}
-	};
-	useEffect(() => {
-		if (autoSubmit) {
-			const timeout = setTimeout(() => submitSearch(), autoSubmitTimeout);
-			return () => clearTimeout(timeout);
-		}
-	}, [searchString, autoSubmit]);
-	useAriaAnnounceSearchState();
-	useOnChange(value, () => {
-		setSearchString(value ?? "");
-	}, [searchString]);
-	const clearSearch = () => {
-		onChange(void 0);
-		setSearchString("");
-	};
-	const handleKeyPress = (e) => {
-		if (e.key === "Enter" && !autoSubmit) submitSearch();
-		else if (e.key === "Escape") clearSearch();
-	};
-	return /* @__PURE__ */ jsx(SearchFieldView, {
-		className: SearchField_module_default.searchField,
-		value: searchString,
-		onKeyUp: handleKeyPress,
-		onChange: (value) => setSearchString(value),
-		onClear: clearSearch,
-		...searchFieldProps
-	});
+import { jsx } from 'react/jsx-runtime';
+import { createElement, useState, useEffect } from 'react';
+import 'mobx';
+import '../../../../../../lib/controller/overlay/context.mjs';
+import { useOnChange } from '../../../../../../lib/hooks/useOnChange.mjs';
+import '../../../../../../lib/propsContext/propsContext.mjs';
+import 'remeda';
+import '@react-aria/utils';
+import 'dot-prop';
+import SearchFieldView from '../../../../../../views/SearchFieldView.mjs';
+import styles from './SearchField.module.scss.mjs';
+import { useAriaAnnounceSearchState } from '../../../../hooks/useAriaAnnounceSearchState.mjs';
+
+const autoSubmitTimeout = 500;
+const DefaultSearchFieldRender = (props) => {
+  const { onChange, value, autoSubmit = true, ...searchFieldProps } = props;
+  const [searchString, setSearchString] = useState(value ?? "");
+  const [previousSearchString, setPreviousSearchString] = useState("");
+  const submitSearch = () => {
+    if (searchString.trim() === "") {
+      onChange(void 0);
+    } else if (previousSearchString !== searchString) {
+      setPreviousSearchString(searchString);
+      onChange(searchString);
+    }
+  };
+  useEffect(() => {
+    if (autoSubmit) {
+      const timeout = setTimeout(() => submitSearch(), autoSubmitTimeout);
+      return () => clearTimeout(timeout);
+    }
+  }, [searchString, autoSubmit]);
+  useAriaAnnounceSearchState();
+  useOnChange(value, () => {
+    setSearchString(value ?? "");
+  }, [searchString]);
+  const clearSearch = () => {
+    onChange(void 0);
+    setSearchString("");
+  };
+  const handleKeyPress = (e) => {
+    if (e.key === "Enter" && !autoSubmit) {
+      submitSearch();
+    } else if (e.key === "Escape") {
+      clearSearch();
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    SearchFieldView,
+    {
+      className: styles.searchField,
+      value: searchString,
+      onKeyUp: handleKeyPress,
+      onChange: (value2) => setSearchString(value2),
+      onClear: clearSearch,
+      ...searchFieldProps
+    }
+  );
 };
-var SearchField = (props) => {
-	const { search } = props;
-	return createElement(search.render ?? DefaultSearchFieldRender, {
-		value: search.value,
-		onChange: search.setValue.bind(search),
-		...search.textFieldProps
-	});
+const SearchField = (props) => {
+  const { search } = props;
+  const render = search.render ?? DefaultSearchFieldRender;
+  return createElement(render, {
+    value: search.value,
+    onChange: search.setValue.bind(search),
+    ...search.textFieldProps
+  });
 };
-//#endregion
-export { SearchField as default };
 
-//# sourceMappingURL=SearchField.mjs.map
+export { SearchField };
+//# sourceMappingURL=SearchField.mjs.map

package/dist/js/packages/components/src/components/List/components/Header/components/SearchField/SearchField.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SearchField.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/SearchField/SearchField.tsx"],"sourcesContent":["import type { FC, KeyboardEvent } from \"react\";\nimport { createElement, useEffect, useState } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport type { Search } from \"@/components/List/model/search/Search\";\nimport type { SearchFieldRenderComponent } from \"@/components/List/model/search/types\";\nimport { useOnChange } from \"@/lib/hooks\";\nimport SearchFieldView from \"@/views/SearchFieldView\";\nimport styles from \"./SearchField.module.scss\";\nimport { useAriaAnnounceSearchState } from \"@/components/List/hooks/useAriaAnnounceSearchState\";\n\ninterface Props extends PropsWithClassName {\n  search: Search<never>;\n}\n\nconst autoSubmitTimeout = 500;\n\nconst DefaultSearchFieldRender: SearchFieldRenderComponent = (props) => {\n  const { onChange, value, autoSubmit = true, ...searchFieldProps } = props;\n\n  const [searchString, setSearchString] = useState(value ?? \"\");\n  const [previousSearchString, setPreviousSearchString] = useState(\"\");\n\n  const submitSearch = () => {\n    if (searchString.trim() === \"\") {\n      onChange(undefined);\n    } else if (previousSearchString !== searchString) {\n      setPreviousSearchString(searchString);\n      onChange(searchString);\n    }\n  };\n\n  useEffect(() => {\n    if (autoSubmit) {\n      const timeout = setTimeout(() => submitSearch(), autoSubmitTimeout);\n      return () => clearTimeout(timeout);\n    }\n  }, [searchString, autoSubmit]);\n\n  useAriaAnnounceSearchState();\n\n  useOnChange(value, () => {\n    setSearchString(value ?? \"\");\n  }, [searchString]);\n\n  const clearSearch = () => {\n    onChange(undefined);\n    setSearchString(\"\");\n  };\n\n  const handleKeyPress = (e: KeyboardEvent) => {\n    if (e.key === \"Enter\" && !autoSubmit) {\n      submitSearch();\n    } else if (e.key === \"Escape\") {\n      clearSearch();\n    }\n  };\n\n  return (\n    <SearchFieldView\n      className={styles.searchField}\n      value={searchString}\n      onKeyUp={handleKeyPress}\n      onChange={(value) => setSearchString(value)}\n      onClear={clearSearch}\n      {...searchFieldProps}\n    />\n  );\n};\n\nexport const SearchField: FC<Props> = (props) => {\n  const { search } = props;\n  const render = search.render ?? DefaultSearchFieldRender;\n\n  return createElement(render, {\n    value: search.value,\n    onChange: search.setValue.bind(search),\n    ...search.textFieldProps,\n  });\n};\n\nexport default SearchField;\n"],"mappings":";;;;;;;;AAcA,IAAM,oBAAoB;AAE1B,IAAM,4BAAwD,UAAU;CACtE,MAAM,EAAE,UAAU,OAAO,aAAa,MAAM,GAAG,qBAAqB;CAEpE,MAAM,CAAC,cAAc,mBAAmB,SAAS,SAAS,GAAG;CAC7D,MAAM,CAAC,sBAAsB,2BAA2B,SAAS,GAAG;CAEpE,MAAM,qBAAqB;AACzB,MAAI,aAAa,MAAM,KAAK,GAC1B,UAAS,KAAA,EAAU;WACV,yBAAyB,cAAc;AAChD,2BAAwB,aAAa;AACrC,YAAS,aAAa;;;AAI1B,iBAAgB;AACd,MAAI,YAAY;GACd,MAAM,UAAU,iBAAiB,cAAc,EAAE,kBAAkB;AACnE,gBAAa,aAAa,QAAQ;;IAEnC,CAAC,cAAc,WAAW,CAAC;AAE9B,6BAA4B;AAE5B,aAAY,aAAa;AACvB,kBAAgB,SAAS,GAAG;IAC3B,CAAC,aAAa,CAAC;CAElB,MAAM,oBAAoB;AACxB,WAAS,KAAA,EAAU;AACnB,kBAAgB,GAAG;;CAGrB,MAAM,kBAAkB,MAAqB;AAC3C,MAAI,EAAE,QAAQ,WAAW,CAAC,WACxB,eAAc;WACL,EAAE,QAAQ,SACnB,cAAa;;AAIjB,QACE,oBAAC,iBAAD;EACE,WAAW,2BAAO;EAClB,OAAO;EACP,SAAS;EACT,WAAW,UAAU,gBAAgB,MAAM;EAC3C,SAAS;EACT,GAAI;EACJ,CAAA;;AAIN,IAAa,eAA0B,UAAU;CAC/C,MAAM,EAAE,WAAW;AAGnB,QAAO,cAFQ,OAAO,UAAU,0BAEH;EAC3B,OAAO,OAAO;EACd,UAAU,OAAO,SAAS,KAAK,OAAO;EACtC,GAAG,OAAO;EACX,CAAC"}
+{"version":3,"file":"SearchField.mjs","sources":["../../../../../../../../../../../src/components/List/components/Header/components/SearchField/SearchField.tsx"],"sourcesContent":["import type { FC, KeyboardEvent } from \"react\";\nimport { createElement, useEffect, useState } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport type { Search } from \"@/components/List/model/search/Search\";\nimport type { SearchFieldRenderComponent } from \"@/components/List/model/search/types\";\nimport { useOnChange } from \"@/lib/hooks\";\nimport SearchFieldView from \"@/views/SearchFieldView\";\nimport styles from \"./SearchField.module.scss\";\nimport { useAriaAnnounceSearchState } from \"@/components/List/hooks/useAriaAnnounceSearchState\";\n\ninterface Props extends PropsWithClassName {\n  search: Search<never>;\n}\n\nconst autoSubmitTimeout = 500;\n\nconst DefaultSearchFieldRender: SearchFieldRenderComponent = (props) => {\n  const { onChange, value, autoSubmit = true, ...searchFieldProps } = props;\n\n  const [searchString, setSearchString] = useState(value ?? \"\");\n  const [previousSearchString, setPreviousSearchString] = useState(\"\");\n\n  const submitSearch = () => {\n    if (searchString.trim() === \"\") {\n      onChange(undefined);\n    } else if (previousSearchString !== searchString) {\n      setPreviousSearchString(searchString);\n      onChange(searchString);\n    }\n  };\n\n  useEffect(() => {\n    if (autoSubmit) {\n      const timeout = setTimeout(() => submitSearch(), autoSubmitTimeout);\n      return () => clearTimeout(timeout);\n    }\n  }, [searchString, autoSubmit]);\n\n  useAriaAnnounceSearchState();\n\n  useOnChange(value, () => {\n    setSearchString(value ?? \"\");\n  }, [searchString]);\n\n  const clearSearch = () => {\n    onChange(undefined);\n    setSearchString(\"\");\n  };\n\n  const handleKeyPress = (e: KeyboardEvent) => {\n    if (e.key === \"Enter\" && !autoSubmit) {\n      submitSearch();\n    } else if (e.key === \"Escape\") {\n      clearSearch();\n    }\n  };\n\n  return (\n    <SearchFieldView\n      className={styles.searchField}\n      value={searchString}\n      onKeyUp={handleKeyPress}\n      onChange={(value) => setSearchString(value)}\n      onClear={clearSearch}\n      {...searchFieldProps}\n    />\n  );\n};\n\nexport const SearchField: FC<Props> = (props) => {\n  const { search } = props;\n  const render = search.render ?? DefaultSearchFieldRender;\n\n  return createElement(render, {\n    value: search.value,\n    onChange: search.setValue.bind(search),\n    ...search.textFieldProps,\n  });\n};\n\nexport default SearchField;\n"],"names":["value"],"mappings":";;;;;;;;;;;;;AAcA,MAAM,iBAAA,GAAoB,GAAA;AAE1B,MAAM,wBAAA,GAAuD,CAAC,KAAA,KAAU;AACtE,EAAA,MAAM,EAAE,QAAA,EAAU,KAAA,EAAO,aAAa,IAAA,EAAM,GAAG,kBAAiB,GAAI,KAAA;AAEpE,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,QAAA,CAAS,SAAS,EAAE,CAAA;AAC5D,EAAA,MAAM,CAAC,oBAAA,EAAsB,uBAAuB,CAAA,GAAI,SAAS,EAAE,CAAA;AAEnE,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,IAAI,YAAA,CAAa,IAAA,EAAK,KAAM,EAAA,EAAI;AAC9B,MAAA,QAAA,CAAS,MAAS,CAAA;AAAA,IACpB,CAAA,MAAA,IAAW,yBAAyB,YAAA,EAAc;AAChD,MAAA,uBAAA,CAAwB,YAAY,CAAA;AACpC,MAAA,QAAA,CAAS,YAAY,CAAA;AAAA,IACvB;AAAA,EACF,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,MAAM,OAAA,GAAU,UAAA,CAAW,MAAM,YAAA,IAAgB,iBAAiB,CAAA;AAClE,MAAA,OAAO,MAAM,aAAa,OAAO,CAAA;AAAA,IACnC;AAAA,EACF,CAAA,EAAG,CAAC,YAAA,EAAc,UAAU,CAAC,CAAA;AAE7B,EAAA,0BAAA,EAA2B;AAE3B,EAAA,WAAA,CAAY,OAAO,MAAM;AACvB,IAAA,eAAA,CAAgB,SAAS,EAAE,CAAA;AAAA,EAC7B,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,QAAA,CAAS,MAAS,CAAA;AAClB,IAAA,eAAA,CAAgB,EAAE,CAAA;AAAA,EACpB,CAAA;AAEA,EAAA,MAAM,cAAA,GAAiB,CAAC,CAAA,KAAqB;AAC3C,IAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,OAAA,IAAW,CAAC,UAAA,EAAY;AACpC,MAAA,YAAA,EAAa;AAAA,IACf,CAAA,MAAA,IAAW,CAAA,CAAE,GAAA,KAAQ,QAAA,EAAU;AAC7B,MAAA,WAAA,EAAY;AAAA,IACd;AAAA,EACF,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAA,CAAO,WAAA;AAAA,MAClB,KAAA,EAAO,YAAA;AAAA,MACP,OAAA,EAAS,cAAA;AAAA,MACT,QAAA,EAAU,CAACA,MAAAA,KAAU,eAAA,CAAgBA,MAAK,CAAA;AAAA,MAC1C,OAAA,EAAS,WAAA;AAAA,MACR,GAAG;AAAA;AAAA,GACN;AAEJ,CAAA;AAEO,MAAM,WAAA,GAAyB,CAAC,KAAA,KAAU;AAC/C,EAAA,MAAM,EAAE,QAAO,GAAI,KAAA;AACnB,EAAA,MAAM,MAAA,GAAS,OAAO,MAAA,IAAU,wBAAA;AAEhC,EAAA,OAAO,cAAc,MAAA,EAAQ;AAAA,IAC3B,OAAO,MAAA,CAAO,KAAA;AAAA,IACd,QAAA,EAAU,MAAA,CAAO,QAAA,CAAS,IAAA,CAAK,MAAM,CAAA;AAAA,IACrC,GAAG,MAAA,CAAO;AAAA,GACX,CAAA;AACH;;;;"}

package/dist/js/packages/components/src/components/List/components/Header/components/SearchField/SearchField.module.scss.mjs

@@ -0,0 +1,9 @@
+"use client"
+/* */
+const searchField = "flow--list--header--search-field";
+const styles = {
+	searchField: searchField
+};
+
+export { styles as default, searchField };
+//# sourceMappingURL=SearchField.module.scss.mjs.map

package/dist/js/packages/components/src/components/List/components/Header/components/SearchField/SearchField.module.scss.mjs.map

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

package/dist/js/packages/components/src/components/List/components/Header/components/SortingContextMenu/SortingContextMenu.mjs

@@ -1,43 +1,56 @@
 "use client"
 /* */
-import IconAscending from "../../../../../Icon/components/icons/IconAscending.mjs";
-import IconDescending from "../../../../../Icon/components/icons/IconDescending.mjs";
-import IconSorting from "../../../../../Icon/components/icons/IconSorting.mjs";
-import "../../../../../Icon/components/icons/index.mjs";
-import __locale_default from "../../../../../../../../../_virtual/_14.locale.mjs";
-import ButtonView from "../../../../../../views/ButtonView.mjs";
-import ContextMenuTriggerView from "../../../../../../views/ContextMenuTriggerView.mjs";
-import { useList } from "../../../../hooks/useList.mjs";
-import Header_module_default from "../../Header.module.mjs";
-import Translate from "../../../../../../lib/react/components/Translate/Translate.mjs";
-import "../../../../../../lib/react/components/Translate/index.mjs";
-import TextView from "../../../../../../views/TextView.mjs";
-import ContextMenuView from "../../../../../../views/ContextMenuView.mjs";
-import { SortingMenuItem } from "./SortingMenuItem.mjs";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/List/components/Header/components/SortingContextMenu/SortingContextMenu.tsx
-var SortingContextMenu = () => {
-	const list = useList();
-	const sortingItems = list.visibleSorting.map((s) => /* @__PURE__ */ jsx(SortingMenuItem, { sorting: s }, s.id));
-	if (sortingItems.length === 0) return null;
-	const labelSorting = list.visibleSorting.find((s) => s.isSorted());
-	const text = /* @__PURE__ */ jsx(TextView, { children: labelSorting ? /* @__PURE__ */ jsx(Fragment, { children: labelSorting.name ?? labelSorting.property }) : /* @__PURE__ */ jsx(Translate, {
-		locales: __locale_default,
-		children: "list.sorting"
-	}) });
-	const icon = !labelSorting ? /* @__PURE__ */ jsx(IconSorting, {}) : labelSorting?.direction === "asc" ? /* @__PURE__ */ jsx(IconAscending, {}) : /* @__PURE__ */ jsx(IconDescending, {});
-	return /* @__PURE__ */ jsxs(ContextMenuTriggerView, { children: [/* @__PURE__ */ jsxs(ButtonView, {
-		variant: "outline",
-		color: "secondary",
-		className: Header_module_default.hideOnMobile,
-		children: [text, icon]
-	}), /* @__PURE__ */ jsx(ContextMenuView, {
-		selectionMode: "single",
-		selectedKeys: labelSorting ? [labelSorting.id] : [],
-		children: sortingItems
-	})] });
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { useList } from '../../../../hooks/useList.mjs';
+import locales from '../../../../../../../../../_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs';
+import { Translate } from '../../../../../../lib/react/components/Translate/Translate.mjs';
+import TextView from '../../../../../../views/TextView.mjs';
+import ButtonView from '../../../../../../views/ButtonView.mjs';
+import { IconAscending } from '../../../../../Icon/components/icons/IconAscending.mjs';
+import 'react';
+import '@mittwald/flow-icons';
+import '../../../../../Icon/components/IconSetProvider.mjs';
+import '../../../../../Icon/Icon.mjs';
+import '../../../../../../views/IconView.mjs';
+import { IconDescending } from '../../../../../Icon/components/icons/IconDescending.mjs';
+import { IconSorting } from '../../../../../Icon/components/icons/IconSorting.mjs';
+import headerStyles from '../../Header.module.css.mjs';
+import { SortingMenuItem } from './SortingMenuItem.mjs';
+import ContextMenuTriggerView from '../../../../../../views/ContextMenuTriggerView.mjs';
+import ContextMenuView from '../../../../../../views/ContextMenuView.mjs';
+
+const SortingContextMenu = () => {
+  const list = useList();
+  const sortingItems = list.visibleSorting.map((s) => /* @__PURE__ */ jsx(SortingMenuItem, { sorting: s }, s.id));
+  if (sortingItems.length === 0) {
+    return null;
+  }
+  const labelSorting = list.visibleSorting.find((s) => s.isSorted());
+  const text = /* @__PURE__ */ jsx(TextView, { children: labelSorting ? /* @__PURE__ */ jsx(Fragment, { children: labelSorting.name ?? labelSorting.property }) : /* @__PURE__ */ jsx(Translate, { locales, children: "list.sorting" }) });
+  const icon = !labelSorting ? /* @__PURE__ */ jsx(IconSorting, {}) : labelSorting?.direction === "asc" ? /* @__PURE__ */ jsx(IconAscending, {}) : /* @__PURE__ */ jsx(IconDescending, {});
+  return /* @__PURE__ */ jsxs(ContextMenuTriggerView, { children: [
+    /* @__PURE__ */ jsxs(
+      ButtonView,
+      {
+        variant: "outline",
+        color: "secondary",
+        className: headerStyles.hideOnMobile,
+        children: [
+          text,
+          icon
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ContextMenuView,
+      {
+        selectionMode: "single",
+        selectedKeys: labelSorting ? [labelSorting.id] : [],
+        children: sortingItems
+      }
+    )
+  ] });
 };
-//#endregion
-export { SortingContextMenu };
 
-//# sourceMappingURL=SortingContextMenu.mjs.map
+export { SortingContextMenu };
+//# sourceMappingURL=SortingContextMenu.mjs.map

package/dist/js/packages/components/src/components/List/components/Header/components/SortingContextMenu/SortingContextMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SortingContextMenu.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/SortingContextMenu/SortingContextMenu.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport { Translate } from \"@/lib/react/components/Translate\";\nimport TextView from \"@/views/TextView\";\nimport ButtonView from \"@/views/ButtonView\";\nimport {\n  IconAscending,\n  IconDescending,\n  IconSorting,\n} from \"@/components/Icon/components/icons\";\nimport styles from \"@/components/List/components/Header/Header.module.css\";\nimport { SortingMenuItem } from \"@/components/List/components/Header/components/SortingContextMenu/SortingMenuItem\";\nimport ContextMenuTriggerView from \"@/views/ContextMenuTriggerView\";\nimport ContextMenuView from \"@/views/ContextMenuView\";\n\nexport const SortingContextMenu: FC = () => {\n  const list = useList();\n\n  const sortingItems = list.visibleSorting.map((s) => (\n    <SortingMenuItem sorting={s} key={s.id} />\n  ));\n\n  if (sortingItems.length === 0) {\n    return null;\n  }\n\n  const labelSorting = list.visibleSorting.find((s) => s.isSorted());\n\n  const text = (\n    <TextView>\n      {labelSorting ? (\n        <>{labelSorting.name ?? labelSorting.property}</>\n      ) : (\n        <Translate locales={locales}>list.sorting</Translate>\n      )}\n    </TextView>\n  );\n\n  const icon = !labelSorting ? (\n    <IconSorting />\n  ) : labelSorting?.direction === \"asc\" ? (\n    <IconAscending />\n  ) : (\n    <IconDescending />\n  );\n\n  return (\n    <ContextMenuTriggerView>\n      <ButtonView\n        variant=\"outline\"\n        color=\"secondary\"\n        className={styles.hideOnMobile}\n      >\n        {text}\n        {icon}\n      </ButtonView>\n      <ContextMenuView\n        selectionMode=\"single\"\n        selectedKeys={labelSorting ? [labelSorting.id] : []}\n      >\n        {sortingItems}\n      </ContextMenuView>\n    </ContextMenuTriggerView>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAgBA,IAAa,2BAA+B;CAC1C,MAAM,OAAO,SAAS;CAEtB,MAAM,eAAe,KAAK,eAAe,KAAK,MAC5C,oBAAC,iBAAD,EAAiB,SAAS,GAAgB,EAAR,EAAE,GAAM,CAC1C;AAEF,KAAI,aAAa,WAAW,EAC1B,QAAO;CAGT,MAAM,eAAe,KAAK,eAAe,MAAM,MAAM,EAAE,UAAU,CAAC;CAElE,MAAM,OACJ,oBAAC,UAAD,EAAA,UACG,eACC,oBAAA,UAAA,EAAA,UAAG,aAAa,QAAQ,aAAa,UAAY,CAAA,GAEjD,oBAAC,WAAD;EAAoB,SAAA;YAAS;EAAwB,CAAA,EAE9C,CAAA;CAGb,MAAM,OAAO,CAAC,eACZ,oBAAC,aAAD,EAAe,CAAA,GACb,cAAc,cAAc,QAC9B,oBAAC,eAAD,EAAiB,CAAA,GAEjB,oBAAC,gBAAD,EAAkB,CAAA;AAGpB,QACE,qBAAC,wBAAD,EAAA,UAAA,CACE,qBAAC,YAAD;EACE,SAAQ;EACR,OAAM;EACN,WAAW,sBAAO;YAHpB,CAKG,MACA,KACU;KACb,oBAAC,iBAAD;EACE,eAAc;EACd,cAAc,eAAe,CAAC,aAAa,GAAG,GAAG,EAAE;YAElD;EACe,CAAA,CACK,EAAA,CAAA"}
+{"version":3,"file":"SortingContextMenu.mjs","sources":["../../../../../../../../../../../src/components/List/components/Header/components/SortingContextMenu/SortingContextMenu.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport { Translate } from \"@/lib/react/components/Translate\";\nimport TextView from \"@/views/TextView\";\nimport ButtonView from \"@/views/ButtonView\";\nimport {\n  IconAscending,\n  IconDescending,\n  IconSorting,\n} from \"@/components/Icon/components/icons\";\nimport styles from \"@/components/List/components/Header/Header.module.css\";\nimport { SortingMenuItem } from \"@/components/List/components/Header/components/SortingContextMenu/SortingMenuItem\";\nimport ContextMenuTriggerView from \"@/views/ContextMenuTriggerView\";\nimport ContextMenuView from \"@/views/ContextMenuView\";\n\nexport const SortingContextMenu: FC = () => {\n  const list = useList();\n\n  const sortingItems = list.visibleSorting.map((s) => (\n    <SortingMenuItem sorting={s} key={s.id} />\n  ));\n\n  if (sortingItems.length === 0) {\n    return null;\n  }\n\n  const labelSorting = list.visibleSorting.find((s) => s.isSorted());\n\n  const text = (\n    <TextView>\n      {labelSorting ? (\n        <>{labelSorting.name ?? labelSorting.property}</>\n      ) : (\n        <Translate locales={locales}>list.sorting</Translate>\n      )}\n    </TextView>\n  );\n\n  const icon = !labelSorting ? (\n    <IconSorting />\n  ) : labelSorting?.direction === \"asc\" ? (\n    <IconAscending />\n  ) : (\n    <IconDescending />\n  );\n\n  return (\n    <ContextMenuTriggerView>\n      <ButtonView\n        variant=\"outline\"\n        color=\"secondary\"\n        className={styles.hideOnMobile}\n      >\n        {text}\n        {icon}\n      </ButtonView>\n      <ContextMenuView\n        selectionMode=\"single\"\n        selectedKeys={labelSorting ? [labelSorting.id] : []}\n      >\n        {sortingItems}\n      </ContextMenuView>\n    </ContextMenuTriggerView>\n  );\n};\n"],"names":["styles"],"mappings":";;;;;;;;;;;;;;;;;;;AAgBO,MAAM,qBAAyB,MAAM;AAC1C,EAAA,MAAM,OAAO,OAAA,EAAQ;AAErB,EAAA,MAAM,YAAA,GAAe,IAAA,CAAK,cAAA,CAAe,GAAA,CAAI,CAAC,CAAA,qBAC5C,GAAA,CAAC,eAAA,EAAA,EAAgB,OAAA,EAAS,CAAA,EAAA,EAAQ,CAAA,CAAE,EAAI,CACzC,CAAA;AAED,EAAA,IAAI,YAAA,CAAa,WAAW,CAAA,EAAG;AAC7B,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,YAAA,GAAe,KAAK,cAAA,CAAe,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,UAAU,CAAA;AAEjE,EAAA,MAAM,IAAA,mBACJ,GAAA,CAAC,QAAA,EAAA,EACE,QAAA,EAAA,YAAA,mCACI,QAAA,EAAA,YAAA,CAAa,IAAA,IAAQ,YAAA,CAAa,QAAA,EAAS,CAAA,mBAE9C,GAAA,CAAC,SAAA,EAAA,EAAU,OAAA,EAAkB,0BAAY,CAAA,EAE7C,CAAA;AAGF,EAAA,MAAM,IAAA,GAAO,CAAC,YAAA,mBACZ,GAAA,CAAC,WAAA,EAAA,EAAY,CAAA,GACX,YAAA,EAAc,SAAA,KAAc,KAAA,mBAC9B,GAAA,CAAC,aAAA,EAAA,EAAc,CAAA,uBAEd,cAAA,EAAA,EAAe,CAAA;AAGlB,EAAA,4BACG,sBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,SAAA;AAAA,QACR,KAAA,EAAM,WAAA;AAAA,QACN,WAAWA,YAAA,CAAO,YAAA;AAAA,QAEjB,QAAA,EAAA;AAAA,UAAA,IAAA;AAAA,UACA;AAAA;AAAA;AAAA,KACH;AAAA,oBACA,GAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,aAAA,EAAc,QAAA;AAAA,QACd,cAAc,YAAA,GAAe,CAAC,YAAA,CAAa,EAAE,IAAI,EAAC;AAAA,QAEjD,QAAA,EAAA;AAAA;AAAA;AACH,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/js/packages/components/src/components/List/components/Header/components/SortingContextMenu/SortingMenuItem.mjs

@@ -1,23 +1,46 @@
 "use client"
 /* */
-import { useList } from "../../../../hooks/useList.mjs";
-import MenuItemView from "../../../../../../views/MenuItemView.mjs";
-import "../../../../index.mjs";
-import "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/List/components/Header/components/SortingContextMenu/SortingMenuItem.tsx
-var SortingMenuItem = (props) => {
-	const { sorting } = props;
-	const list = useList();
-	return /* @__PURE__ */ jsx(MenuItemView, {
-		id: sorting.id,
-		onAction: () => {
-			list.getSorting(sorting.id).enable();
-		},
-		children: `${sorting.name ?? sorting.property} ${sorting.directionName ?? ""}`.trim()
-	});
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import MenuItemView from '../../../../../../views/MenuItemView.mjs';
+import 'invariant';
+import 'react-aria-components';
+import '../../../../../IllustratedMessage/IllustratedMessage.mjs';
+import '@mittwald/flow-icons';
+import '../../../../../Icon/components/IconSetProvider.mjs';
+import '../../../../../Icon/Icon.mjs';
+import '../../../../../../views/IconView.mjs';
+import '../../../../../Heading/Heading.mjs';
+import '../../../../../Text/Text.mjs';
+import 'react-aria';
+import 'clsx';
+import '@mittwald/react-tunnel';
+import '../../../../../../views/ListItemViewContentView.mjs';
+import '../../../../../../lib/propsContext/propsContext.mjs';
+import '../../../../../../lib/propsContext/components/PropsContextProvider.mjs';
+import '../../../../../../views/ButtonView.mjs';
+import '../../../../../../views/ContextMenuTriggerView.mjs';
+import '../../../../../ColumnLayout/ColumnLayout.mjs';
+import '../../../ListSummary/ListSummary.mjs';
+import { useList } from '../../../../hooks/useList.mjs';
+import '../../../../listContext.mjs';
+import 'mobx';
+import '../../../../List.mjs';
+
+const SortingMenuItem = (props) => {
+  const { sorting } = props;
+  const list = useList();
+  return /* @__PURE__ */ jsx(
+    MenuItemView,
+    {
+      id: sorting.id,
+      onAction: () => {
+        list.getSorting(sorting.id).enable();
+      },
+      children: `${sorting.name ?? sorting.property} ${sorting.directionName ?? ""}`.trim()
+    }
+  );
 };
-//#endregion
-export { SortingMenuItem };
 
-//# sourceMappingURL=SortingMenuItem.mjs.map
+export { SortingMenuItem };
+//# sourceMappingURL=SortingMenuItem.mjs.map

package/dist/js/packages/components/src/components/List/components/Header/components/SortingContextMenu/SortingMenuItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SortingMenuItem.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/SortingContextMenu/SortingMenuItem.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport type { Sorting } from \"@/components/List/model/sorting/Sorting\";\nimport MenuItemView from \"@/views/MenuItemView\";\nimport { useList } from \"@/components/List\";\n\ninterface Props {\n  sorting: Sorting<never>;\n}\n\nexport const SortingMenuItem: FC<Props> = (props) => {\n  const { sorting } = props;\n\n  const list = useList();\n\n  return (\n    <MenuItemView\n      id={sorting.id}\n      onAction={() => {\n        list.getSorting(sorting.id).enable();\n      }}\n    >\n      {`${sorting.name ?? sorting.property} ${sorting.directionName ?? \"\"}`.trim()}\n    </MenuItemView>\n  );\n};\n"],"mappings":";;;;;;AAUA,IAAa,mBAA8B,UAAU;CACnD,MAAM,EAAE,YAAY;CAEpB,MAAM,OAAO,SAAS;AAEtB,QACE,oBAAC,cAAD;EACE,IAAI,QAAQ;EACZ,gBAAgB;AACd,QAAK,WAAW,QAAQ,GAAG,CAAC,QAAQ;;YAGrC,GAAG,QAAQ,QAAQ,QAAQ,SAAS,GAAG,QAAQ,iBAAiB,KAAK,MAAM;EAC/D,CAAA"}
+{"version":3,"file":"SortingMenuItem.mjs","sources":["../../../../../../../../../../../src/components/List/components/Header/components/SortingContextMenu/SortingMenuItem.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport type { Sorting } from \"@/components/List/model/sorting/Sorting\";\nimport MenuItemView from \"@/views/MenuItemView\";\nimport { useList } from \"@/components/List\";\n\ninterface Props {\n  sorting: Sorting<never>;\n}\n\nexport const SortingMenuItem: FC<Props> = (props) => {\n  const { sorting } = props;\n\n  const list = useList();\n\n  return (\n    <MenuItemView\n      id={sorting.id}\n      onAction={() => {\n        list.getSorting(sorting.id).enable();\n      }}\n    >\n      {`${sorting.name ?? sorting.property} ${sorting.directionName ?? \"\"}`.trim()}\n    </MenuItemView>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAM,eAAA,GAA6B,CAAC,KAAA,KAAU;AACnD,EAAA,MAAM,EAAE,SAAQ,GAAI,KAAA;AAEpB,EAAA,MAAM,OAAO,OAAA,EAAQ;AAErB,EAAA,uBACE,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,IAAI,OAAA,CAAQ,EAAA;AAAA,MACZ,UAAU,MAAM;AACd,QAAA,IAAA,CAAK,UAAA,CAAW,OAAA,CAAQ,EAAE,CAAA,CAAE,MAAA,EAAO;AAAA,MACrC,CAAA;AAAA,MAEC,QAAA,EAAA,CAAA,EAAG,OAAA,CAAQ,IAAA,IAAQ,OAAA,CAAQ,QAAQ,IAAI,OAAA,CAAQ,aAAA,IAAiB,EAAE,CAAA,CAAA,CAAG,IAAA;AAAK;AAAA,GAC7E;AAEJ;;;;"}