@cobaltcore-dev/aurora 0.1.0 → 0.2.1

package/dist/client/{ListToolbar-CHlkZrpl.mjs → ListToolbar-DuazvsAu.mjs}

@@ -1,24 +1,24 @@
-import { C as e, H as t, S as n, X as r, at as i, f as a, h as o, l as s, m as c, q as l, r as u } from "./build-eu9eg0zF.mjs";
+import { $ as e, _ as t, at as n, f as r, i, m as a, o, p as s, v as c, x as l, y as u } from "./build-Cf7iWbpH.mjs";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 import { useCallback as m, useEffect as h, useRef as g, useState as _ } from "react";
 import { Trans as v, useLingui as y } from "@lingui/react";
 //#region src/client/components/ListToolbar/SelectedFilters.tsx
-var b = ({ selectedFilters: e, onDelete: t, onClear: n }) => {
-	let { i18n: r, _: i } = y();
-	return /* @__PURE__ */ p(l, {
+var b = ({ selectedFilters: n, onDelete: r, onClear: i }) => {
+	let { i18n: a, _: o } = y();
+	return /* @__PURE__ */ p(e, {
 		gap: "2",
 		wrap: !0,
 		alignment: "start",
 		distribution: "start",
-		children: [e.map((e) => /* @__PURE__ */ f(o, {
+		children: [n.map((e) => /* @__PURE__ */ f(t, {
 			closeable: !0,
 			pillKey: e.name,
 			pillValue: e.value,
-			onClose: () => t(e)
-		}, `${e.name}:${e.value}`)), e.length > 1 && /* @__PURE__ */ f(o, {
-			pillValue: r._({ id: "yYxB17" }),
+			onClose: () => r(e)
+		}, `${e.name}:${e.value}`)), n.length > 1 && /* @__PURE__ */ f(t, {
+			pillValue: a._({ id: "yYxB17" }),
 			className: "ml-2",
-			onClick: n
+			onClick: i
 		})]
 	});
 };
@@ -27,9 +27,9 @@ var b = ({ selectedFilters: e, onDelete: t, onClear: n }) => {
 function x(e) {
 	return e == null ? !0 : typeof e == "string" || Array.isArray(e) ? e.length === 0 : e instanceof Map || e instanceof Set ? e.size === 0 : typeof e == "object" ? Object.keys(e).length === 0 : !1;
 }
-var S = ({ filters: r, onChange: i }) => {
-	let { i18n: o, _: c } = y(), [l, u] = _(""), [d, h] = _(""), g = r.find((e) => e.filterName === l)?.values?.filter((e) => e), v = m((e) => {
-		h(e), !x(l) && !x(e) && i({
+var S = ({ filters: e, onChange: t }) => {
+	let { i18n: s, _: c } = y(), [l, u] = _(""), [d, h] = _(""), g = e.find((e) => e.filterName === l)?.values?.filter((e) => e), v = m((e) => {
+		h(e), !x(l) && !x(e) && t({
 			name: l,
 			value: e
 		}), setTimeout(() => {
@@ -38,12 +38,12 @@ var S = ({ filters: r, onChange: i }) => {
 	}, [
 		l,
 		h,
-		i
+		t
 	]), b = () => ({
 		className: "w-full sm:flex-1 sm:min-w-0",
 		name: "filter",
 		"data-testid": "select-filterValue",
-		label: o._({ id: "0cVgUw" }),
+		label: s._({ id: "0cVgUw" }),
 		value: l,
 		onChange: (e) => {
 			u(String(e));
@@ -56,16 +56,16 @@ var S = ({ filters: r, onChange: i }) => {
 		disabled: !l,
 		onChange: v
 	});
-	return /* @__PURE__ */ p(s, {
+	return /* @__PURE__ */ p(n, {
 		className: "flex w-full flex-col sm:w-auto sm:flex-row sm:items-end",
-		children: [/* @__PURE__ */ f(n, {
+		children: [/* @__PURE__ */ f(i, {
 			...b(),
-			children: r?.map(({ displayName: e, filterName: n }) => /* @__PURE__ */ f(t, {
-				value: n,
+			children: e?.map(({ displayName: e, filterName: t }) => /* @__PURE__ */ f(r, {
+				value: t,
 				label: e,
-				"data-testid": n
-			}, n))
-		}), /* @__PURE__ */ f(e, {
+				"data-testid": t
+			}, t))
+		}), /* @__PURE__ */ f(o, {
 			...S(),
 			children: g?.map((e) => /* @__PURE__ */ f(a, {
 				value: e,
@@ -74,46 +74,46 @@ var S = ({ filters: r, onChange: i }) => {
 			}, e))
 		})]
 	});
-}, C = ({ sortBy: e, onSortByChange: i, sortDirection: a, onSortDirectionChange: o, options: c }) => {
-	let { i18n: l, _: u } = y(), d = () => ({
+}, C = ({ sortBy: e, onSortByChange: t, sortDirection: a, onSortDirectionChange: o, options: s }) => {
+	let { i18n: c, _: u } = y(), d = () => ({
 		className: "flex-grow",
-		onChange: i,
+		onChange: t,
 		value: e,
 		"data-testid": "sort-select",
-		label: l._({ id: "/HgF9q" })
+		label: c._({ id: "/HgF9q" })
 	}), m = () => ({
 		"data-testid": "direction-toggle",
 		order: a,
 		onChange: o
 	});
-	return /* @__PURE__ */ p(s, {
+	return /* @__PURE__ */ p(n, {
 		className: "flex w-full items-end sm:w-auto",
-		children: [/* @__PURE__ */ f(n, {
+		children: [/* @__PURE__ */ f(i, {
 			...d(),
-			children: c.map((e) => /* @__PURE__ */ f(t, {
+			children: s.map((e) => /* @__PURE__ */ f(r, {
 				value: e.value,
 				children: e.label
 			}, e.value))
-		}), /* @__PURE__ */ f(r, {
+		}), /* @__PURE__ */ f(l, {
 			...m(),
 			className: "shadow-none"
 		})]
 	});
-}, w = ({ filterSettings: e, onFilter: t, sortSettings: n, onSort: r, searchTerm: a, onSearch: o, searchInputProps: s = {}, actions: _, tabs: x, totalCount: w, filteredCount: T, itemName: E = "items", lastUpdated: D }) => {
+}, w = ({ filterSettings: t, onFilter: n, sortSettings: r, onSort: i, searchTerm: a, onSearch: o, searchInputProps: l = {}, actions: _, tabs: x, totalCount: w, filteredCount: T, itemName: E = "items", lastUpdated: D }) => {
 	let { i18n: O, _: k } = y(), A = g(void 0);
 	h(() => () => {
 		A.current && clearTimeout(A.current);
 	}, []);
-	let j = (e) => e ? (typeof e == "string" ? new Date(e) : e).toLocaleString() : "", M = w !== void 0 && T !== void 0, N = m((n) => {
-		!t || !e || t({
-			...e,
-			selectedFilters: e.selectedFilters?.filter((e) => !(e.name === n.name && e.value === n.value))
+	let j = (e) => e ? (typeof e == "string" ? new Date(e) : e).toLocaleString() : "", M = w !== void 0 && T !== void 0, N = m((e) => {
+		!n || !t || n({
+			...t,
+			selectedFilters: t.selectedFilters?.filter((t) => !(t.name === e.name && t.value === e.value))
 		});
-	}, [e, t]), P = (n) => {
-		if (!t || !e || e.selectedFilters?.some((e) => e.name === n.name && e.value === n.value)) return;
-		let r = e.filters.find((e) => n.name === e.filterName)?.supportsMultiValue ? [...e.selectedFilters || [], n] : [...(e.selectedFilters || []).filter((e) => e.name !== n.name), n];
-		t({
-			...e,
+	}, [t, n]), P = (e) => {
+		if (!n || !t || t.selectedFilters?.some((t) => t.name === e.name && t.value === e.value)) return;
+		let r = t.filters.find((t) => e.name === t.filterName)?.supportsMultiValue ? [...t.selectedFilters || [], e] : [...(t.selectedFilters || []).filter((t) => t.name !== e.name), e];
+		n({
+			...t,
 			selectedFilters: r
 		});
 	}, F = m((e) => {
@@ -124,20 +124,20 @@ var S = ({ filters: r, onChange: i }) => {
 		A.current && clearTimeout(A.current), A.current = window.setTimeout(() => o?.(t), 500);
 	}, [o]), L = m(() => {
 		A.current && clearTimeout(A.current), o?.("");
-	}, [o]), R = e && t ? {
-		filters: e.filters,
+	}, [o]), R = t && n ? {
+		filters: t.filters,
 		onChange: P
-	} : null, z = n && r ? {
-		options: n.options,
-		sortBy: n.sortBy,
-		sortDirection: n.sortDirection || "asc",
-		onSortByChange: (e) => r({
-			...n,
+	} : null, z = r && i ? {
+		options: r.options,
+		sortBy: r.sortBy,
+		sortDirection: r.sortDirection || "asc",
+		onSortByChange: (e) => i({
+			...r,
 			sortBy: e,
-			sortDirection: n.sortDirection || "asc"
+			sortDirection: r.sortDirection || "asc"
 		}),
-		onSortDirectionChange: (e) => r({
-			...n,
+		onSortDirectionChange: (e) => i({
+			...r,
 			sortDirection: e
 		})
 	} : null, B = o ? {
@@ -147,24 +147,24 @@ var S = ({ filters: r, onChange: i }) => {
 		onInput: I,
 		onClear: L,
 		onSearch: F,
-		...s
+		...l
 	} : null;
 	return /* @__PURE__ */ p(d, { children: [x && /* @__PURE__ */ f("div", {
 		className: "w-full",
-		children: /* @__PURE__ */ f(u, {
+		children: /* @__PURE__ */ f(c, {
 			activeItem: x.activeItem,
 			onActiveItemChange: x.onActiveItemChange,
-			children: x.items.map((e) => /* @__PURE__ */ f(c, {
+			children: x.items.map((e) => /* @__PURE__ */ f(u, {
 				label: e.label,
 				value: e.value
 			}, e.value))
 		})
-	}), /* @__PURE__ */ p(l, {
+	}), /* @__PURE__ */ p(e, {
 		alignment: "center",
 		gap: "6",
 		className: "bg-theme-background-lvl-1 flex w-full flex-col p-4",
 		children: [
-			_ && /* @__PURE__ */ f(l, {
+			_ && /* @__PURE__ */ f(e, {
 				direction: "horizontal",
 				className: "w-full justify-end",
 				children: _
@@ -182,17 +182,17 @@ var S = ({ filters: r, onChange: i }) => {
 					}),
 					B && /* @__PURE__ */ f("div", {
 						className: "w-full md:ml-auto md:w-auto md:min-w-25",
-						children: /* @__PURE__ */ f(i, { ...B })
+						children: /* @__PURE__ */ f(s, { ...B })
 					})
 				]
 			}),
-			e?.selectedFilters && e.selectedFilters.length > 0 && t && /* @__PURE__ */ f("div", {
+			t?.selectedFilters && t.selectedFilters.length > 0 && n && /* @__PURE__ */ f("div", {
 				className: "w-full",
 				children: /* @__PURE__ */ f(b, {
-					selectedFilters: e.selectedFilters,
+					selectedFilters: t.selectedFilters,
 					onDelete: N,
-					onClear: () => t({
-						...e,
+					onClear: () => n({
+						...t,
 						selectedFilters: []
 					})
 				})
@@ -220,4 +220,4 @@ var S = ({ filters: r, onChange: i }) => {
 //#endregion
 export { w as t };
 
-//# sourceMappingURL=ListToolbar-CHlkZrpl.mjs.map
+//# sourceMappingURL=ListToolbar-DuazvsAu.mjs.map

package/dist/client/{ListToolbar-CHlkZrpl.mjs.map → ListToolbar-DuazvsAu.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ListToolbar-CHlkZrpl.mjs","names":["Pill","Stack","SelectedFilters","selectedFilters","onDelete","onClear","useLingui","gap","wrap","alignment","distribution","map","filter","closeable","pillKey","name","pillValue","value","onClose","length","t","className","onClick","useCallback","useState","InputGroup","ComboBox","ComboBoxOption","SelectOption","Select","isEmpty","value","Array","isArray","length","Map","Set","size","Object","keys","FiltersInput","filters","onChange","useLingui","selectedFilterName","setSelectedFilterName","selectedFilterValue","setSelectedFilterValue","filterValues","find","filter","filterName","values","handleValueChange","name","setTimeout","getSelectProps","className","label","t","String","getComboBoxProps","disabled","map","displayName","data-testid","React","Select","SelectOption","SortButton","InputGroup","SortInput","sortBy","onSortByChange","sortDirection","onSortDirectionChange","options","useLingui","getSelectProps","className","onChange","value","label","t","getSortButtonProps","order","map","option","useCallback","useRef","useEffect","SearchInput","Stack","TabNavigation","TabNavigationItem","SelectedFilters","FiltersInput","SortInput","ListToolbar","filterSettings","onFilter","sortSettings","onSort","searchTerm","onSearch","searchInputProps","actions","tabs","totalCount","filteredCount","itemName","lastUpdated","useLingui","debounceTimerRef","undefined","current","clearTimeout","formatLastUpdated","date","dateObj","Date","toLocaleString","showCountInfo","handleFilterDelete","filterToRemove","selectedFilters","filter","name","value","handleSelect","selectedFilter","filterExists","some","supportsMultiValue","filters","find","filterName","newSelected","handleSearch","searchValue","handleSearchInput","event","currentTarget","window","setTimeout","handleSearchClear","filtersProps","onChange","sortProps","options","sortBy","sortDirection","onSortByChange","param","onSortDirectionChange","direction","searchProps","placeholder","t","onInput","onClear","div","className","activeItem","onActiveItemChange","items","map","item","label","alignment","gap","length","onDelete","span","formattedDate"],"sources":["../../src/client/components/ListToolbar/SelectedFilters.tsx","../../src/client/components/ListToolbar/FiltersInput.tsx","../../src/client/components/ListToolbar/SortInput.tsx","../../src/client/components/ListToolbar/index.tsx"],"sourcesContent":["import { useLingui } from \"@lingui/react/macro\"\nimport { Pill, Stack } from \"@cloudoperators/juno-ui-components\"\nimport { SelectedFilter } from \"./types\"\n\nexport type SelectedFiltersProps = {\n  /**\n   * Array of currently active filters to be displayed as closeable pills.\n   */\n  selectedFilters: SelectedFilter[]\n\n  /**\n   * Callback function invoked when a user removes an individual filter pill.\n   */\n  onDelete: (filter: SelectedFilter) => void\n\n  /**\n   * Callback function invoked when the \"Clear all\" button is clicked.\n   */\n  onClear: () => void\n}\n\n/**\n * SelectedFilters Component\n *\n * Displays currently active filters as closeable pill components with individual\n * remove buttons and an optional \"Clear all\" button (shown when 2+ filters are active).\n *\n * The pills are arranged in a flexible, wrapping layout that adapts to available space.\n */\nexport const SelectedFilters = ({ selectedFilters, onDelete, onClear }: SelectedFiltersProps) => {\n  const { t } = useLingui()\n\n  return (\n    <Stack gap=\"2\" wrap={true} alignment=\"start\" distribution=\"start\">\n      {/* Render a closeable pill for each selected filter */}\n      {selectedFilters.map((filter) => (\n        <Pill\n          key={`${filter.name}:${filter.value}`}\n          closeable\n          pillKey={filter.name}\n          pillValue={filter.value}\n          onClose={() => onDelete(filter)}\n        />\n      ))}\n      {selectedFilters.length > 1 && <Pill pillValue={t`Clear all`} className=\"ml-2\" onClick={onClear} />}\n    </Stack>\n  )\n}\n","import { useCallback, useState } from \"react\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport {\n  InputGroup,\n  ComboBox,\n  ComboBoxProps,\n  ComboBoxOption,\n  SelectOption,\n  Select,\n  SelectProps,\n} from \"@cloudoperators/juno-ui-components\"\nimport { Filter, SelectedFilter } from \"./types\"\n\nexport type FiltersInputProps = {\n  filters: Filter[]\n  onChange: (filter: SelectedFilter) => void\n}\n\nfunction isEmpty(value: unknown) {\n  if (value == null) return true\n  if (typeof value === \"string\" || Array.isArray(value)) return value.length === 0\n  if (value instanceof Map || value instanceof Set) return value.size === 0\n  if (typeof value === \"object\") return Object.keys(value).length === 0\n  return false\n}\n\nexport const FiltersInput = ({ filters, onChange }: FiltersInputProps) => {\n  const { t } = useLingui()\n\n  const [selectedFilterName, setSelectedFilterName] = useState<string>(\"\")\n  const [selectedFilterValue, setSelectedFilterValue] = useState<string>(\"\")\n\n  const filterValues: string[] | undefined = filters\n    .find((filter) => filter.filterName === selectedFilterName)\n    ?.values?.filter((value) => value)\n\n  const handleValueChange = useCallback(\n    (value: string) => {\n      setSelectedFilterValue(value)\n      if (!isEmpty(selectedFilterName) && !isEmpty(value)) {\n        onChange({\n          name: selectedFilterName,\n          value: value,\n        })\n      }\n      setTimeout(() => {\n        setSelectedFilterValue(\"\")\n      }, 0)\n    },\n    [selectedFilterName, setSelectedFilterValue, onChange]\n  )\n\n  const getSelectProps = (): SelectProps & { \"data-testid\"?: string } => ({\n    className: \"w-full sm:flex-1 sm:min-w-0\",\n    name: \"filter\",\n    \"data-testid\": \"select-filterValue\",\n    label: t`Filter by`,\n    value: selectedFilterName,\n    onChange: (value: string | number | string[] | undefined) => {\n      setSelectedFilterName(String(value))\n    },\n  })\n\n  const getComboBoxProps = (): ComboBoxProps & { \"data-testid\"?: string } => ({\n    className: \"w-full sm:flex-1 sm:min-w-0\",\n    name: \"filterValue\",\n    \"data-testid\": \"combobox-filterValue\",\n    value: selectedFilterValue,\n    disabled: !selectedFilterName,\n    onChange: handleValueChange,\n  })\n\n  return (\n    <InputGroup className=\"flex w-full flex-col sm:w-auto sm:flex-row sm:items-end\">\n      <Select {...getSelectProps()}>\n        {filters?.map(({ displayName, filterName }) => (\n          <SelectOption value={filterName} label={displayName} key={filterName} data-testid={filterName} />\n        ))}\n      </Select>\n      <ComboBox {...getComboBoxProps()}>\n        {filterValues?.map((value) => (\n          <ComboBoxOption value={value} key={value} label={value} data-testid={value} />\n        ))}\n      </ComboBox>\n    </InputGroup>\n  )\n}\n","import React from \"react\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport {\n  Select,\n  SelectOption,\n  SortButton,\n  InputGroup,\n  SelectProps,\n  ButtonProps,\n} from \"@cloudoperators/juno-ui-components\"\nimport { SortOption } from \"./types\"\n\nexport interface SortInputProps {\n  sortBy?: string | number | string[]\n  onSortByChange: (param?: string | number | string[]) => void\n  sortDirection: \"asc\" | \"desc\"\n  onSortDirectionChange: (direction: \"asc\" | \"desc\") => void\n  options: SortOption[]\n}\n\nexport const SortInput: React.FC<SortInputProps> = ({\n  sortBy,\n  onSortByChange,\n  sortDirection,\n  onSortDirectionChange,\n  options,\n}) => {\n  const { t } = useLingui()\n\n  const getSelectProps = (): SelectProps & { \"data-testid\"?: string } => ({\n    className: \"flex-grow\",\n    onChange: onSortByChange,\n    value: sortBy,\n    \"data-testid\": \"sort-select\",\n    label: t`Sort by`,\n  })\n\n  const getSortButtonProps = (): Omit<ButtonProps, \"onChange\"> & {\n    \"data-testid\"?: string\n    order: \"asc\" | \"desc\"\n    onChange: (order: \"asc\" | \"desc\") => void\n  } => ({\n    \"data-testid\": \"direction-toggle\",\n    order: sortDirection,\n    onChange: onSortDirectionChange,\n  })\n\n  return (\n    <InputGroup className=\"flex w-full items-end sm:w-auto\">\n      <Select {...getSelectProps()}>\n        {options.map((option) => (\n          <SelectOption key={option.value} value={option.value}>\n            {option.label}\n          </SelectOption>\n        ))}\n      </Select>\n      <SortButton {...getSortButtonProps()} className=\"shadow-none\" />\n    </InputGroup>\n  )\n}\n","import { ReactNode, useCallback, useRef, useEffect } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport {\n  SearchInput,\n  SearchInputProps,\n  Stack,\n  TabNavigation,\n  TabNavigationItem,\n} from \"@cloudoperators/juno-ui-components\"\nimport { SelectedFilters } from \"./SelectedFilters\"\nimport { FiltersInput } from \"./FiltersInput\"\nimport { SortInput } from \"./SortInput\"\nimport { FilterSettings, SelectedFilter, SortSettings } from \"./types\"\n\nexport type ListToolbarProps = {\n  filterSettings?: FilterSettings\n  onFilter?: (filterSettings: FilterSettings) => void\n  sortSettings?: SortSettings\n  onSort?: (sortSettings: SortSettings) => void\n  searchTerm?: string\n  onSearch?: (searchTerm: string) => void\n  searchInputProps?: Omit<SearchInputProps, \"value\" | \"onSearch\" | \"onClear\" | \"onInput\">\n  actions?: ReactNode\n  tabs?: {\n    items: Array<{ label: string; value: string }>\n    activeItem: string\n    onActiveItemChange: (value: ReactNode) => void\n  }\n  // Count information\n  totalCount?: number\n  itemName?: string // e.g. \"items\", \"users\", \"projects\" - used in count display\n  filteredCount?: number\n  // Last updated timestamp\n  lastUpdated?: Date | string\n}\n\nexport const ListToolbar = ({\n  filterSettings,\n  onFilter,\n  sortSettings,\n  onSort,\n  searchTerm,\n  onSearch,\n  searchInputProps = {},\n  actions,\n  tabs,\n  totalCount,\n  filteredCount,\n  itemName = \"items\",\n  lastUpdated,\n}: ListToolbarProps) => {\n  const { t } = useLingui()\n\n  const debounceTimerRef = useRef<number | undefined>(undefined)\n\n  useEffect(() => {\n    return () => {\n      if (debounceTimerRef.current) {\n        clearTimeout(debounceTimerRef.current)\n      }\n    }\n  }, [])\n\n  // Format last updated time\n  const formatLastUpdated = (date: Date | string | undefined): string => {\n    if (!date) return \"\"\n    const dateObj = typeof date === \"string\" ? new Date(date) : date\n    return dateObj.toLocaleString()\n  }\n\n  const showCountInfo = totalCount !== undefined && filteredCount !== undefined\n\n  const handleFilterDelete = useCallback(\n    (filterToRemove: SelectedFilter) => {\n      if (!onFilter || !filterSettings) return\n      onFilter({\n        ...filterSettings,\n        selectedFilters: filterSettings.selectedFilters?.filter(\n          (filter) => !(filter.name === filterToRemove.name && filter.value === filterToRemove.value)\n        ),\n      })\n    },\n    [filterSettings, onFilter]\n  )\n\n  const handleSelect = (selectedFilter: SelectedFilter) => {\n    if (!onFilter || !filterSettings) return\n    const filterExists = filterSettings.selectedFilters?.some(\n      (filter) => filter.name === selectedFilter.name && filter.value === selectedFilter.value\n    )\n    if (filterExists) return\n\n    const supportsMultiValue = filterSettings.filters.find(\n      (filter) => selectedFilter.name === filter.filterName\n    )?.supportsMultiValue\n\n    const newSelected = supportsMultiValue\n      ? [...(filterSettings.selectedFilters || []), selectedFilter]\n      : [\n          ...(filterSettings.selectedFilters || []).filter((filter) => filter.name !== selectedFilter.name),\n          selectedFilter,\n        ]\n\n    onFilter({ ...filterSettings, selectedFilters: newSelected })\n  }\n\n  const handleSearch = useCallback(\n    (value: string | number | string[] | undefined) => {\n      const searchValue = typeof value === \"string\" ? value : \"\"\n\n      if (debounceTimerRef.current) {\n        clearTimeout(debounceTimerRef.current)\n      }\n\n      onSearch?.(searchValue)\n    },\n    [onSearch]\n  )\n\n  const handleSearchInput = useCallback(\n    (event: React.FormEvent<HTMLInputElement>) => {\n      const searchValue = event.currentTarget.value\n      if (debounceTimerRef.current) clearTimeout(debounceTimerRef.current)\n      debounceTimerRef.current = window.setTimeout(() => onSearch?.(searchValue), 500)\n    },\n    [onSearch]\n  )\n\n  const handleSearchClear = useCallback(() => {\n    if (debounceTimerRef.current) clearTimeout(debounceTimerRef.current)\n    onSearch?.(\"\")\n  }, [onSearch])\n\n  const filtersProps = filterSettings && onFilter ? { filters: filterSettings.filters, onChange: handleSelect } : null\n  const sortProps =\n    sortSettings && onSort\n      ? {\n          options: sortSettings.options,\n          sortBy: sortSettings.sortBy,\n          sortDirection: sortSettings.sortDirection || \"asc\",\n          onSortByChange: (param: string | number | string[] | undefined) =>\n            onSort({ ...sortSettings, sortBy: param, sortDirection: sortSettings.sortDirection || \"asc\" }),\n          onSortDirectionChange: (direction: \"asc\" | \"desc\") => onSort({ ...sortSettings, sortDirection: direction }),\n        }\n      : null\n\n  const searchProps: (SearchInputProps & { \"data-testid\"?: string }) | null = onSearch\n    ? {\n        placeholder: t`Search...`,\n        \"data-testid\": \"searchbar\",\n        value: searchTerm,\n        onInput: handleSearchInput,\n        onClear: handleSearchClear,\n        onSearch: handleSearch,\n        ...searchInputProps,\n      }\n    : null\n\n  return (\n    <>\n      {tabs && (\n        <div className=\"w-full\">\n          <TabNavigation activeItem={tabs.activeItem} onActiveItemChange={tabs.onActiveItemChange}>\n            {tabs.items.map((item) => (\n              <TabNavigationItem key={item.value} label={item.label} value={item.value} />\n            ))}\n          </TabNavigation>\n        </div>\n      )}\n      <Stack alignment=\"center\" gap=\"6\" className=\"bg-theme-background-lvl-1 flex w-full flex-col p-4\">\n        {actions && (\n          <Stack direction=\"horizontal\" className=\"w-full justify-end\">\n            {actions}\n          </Stack>\n        )}\n\n        <div className=\"flex w-full flex-col items-stretch gap-4 md:flex-row md:items-center\">\n          {filtersProps && (\n            <div className=\"w-full md:w-auto md:min-w-37.5\">\n              <FiltersInput {...filtersProps} />\n            </div>\n          )}\n          {sortProps && (\n            <div className=\"w-full md:w-auto md:min-w-45\">\n              <SortInput {...sortProps} />\n            </div>\n          )}\n          {searchProps && (\n            <div className=\"w-full md:ml-auto md:w-auto md:min-w-25\">\n              <SearchInput {...searchProps} />\n            </div>\n          )}\n        </div>\n\n        {filterSettings?.selectedFilters && filterSettings.selectedFilters.length > 0 && onFilter && (\n          <div className=\"w-full\">\n            <SelectedFilters\n              selectedFilters={filterSettings.selectedFilters}\n              onDelete={handleFilterDelete}\n              onClear={() => onFilter({ ...filterSettings, selectedFilters: [] })}\n            />\n          </div>\n        )}\n        {/* Count and Last Updated Info */}\n        {(showCountInfo || lastUpdated) && (\n          <div className=\"text-theme-secondary flex w-full items-center justify-between text-sm\">\n            <div className=\"flex items-center gap-2\">\n              {showCountInfo && (\n                <span>\n                  <Trans>\n                    Showing {filteredCount} of {totalCount} {itemName}\n                  </Trans>\n                </span>\n              )}\n              {lastUpdated &&\n                (() => {\n                  const formattedDate = formatLastUpdated(lastUpdated)\n                  return (\n                    <span>\n                      <Trans>Last updated: {formattedDate}</Trans>\n                    </span>\n                  )\n                })()}\n            </div>\n          </div>\n        )}\n      </Stack>\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"ListToolbar-DuazvsAu.mjs","names":["Pill","Stack","SelectedFilters","selectedFilters","onDelete","onClear","useLingui","gap","wrap","alignment","distribution","map","filter","closeable","pillKey","name","pillValue","value","onClose","length","t","className","onClick","useCallback","useState","InputGroup","ComboBox","ComboBoxOption","SelectOption","Select","isEmpty","value","Array","isArray","length","Map","Set","size","Object","keys","FiltersInput","filters","onChange","useLingui","selectedFilterName","setSelectedFilterName","selectedFilterValue","setSelectedFilterValue","filterValues","find","filter","filterName","values","handleValueChange","name","setTimeout","getSelectProps","className","label","t","String","getComboBoxProps","disabled","map","displayName","data-testid","React","Select","SelectOption","SortButton","InputGroup","SortInput","sortBy","onSortByChange","sortDirection","onSortDirectionChange","options","useLingui","getSelectProps","className","onChange","value","label","t","getSortButtonProps","order","map","option","useCallback","useRef","useEffect","SearchInput","Stack","TabNavigation","TabNavigationItem","SelectedFilters","FiltersInput","SortInput","ListToolbar","filterSettings","onFilter","sortSettings","onSort","searchTerm","onSearch","searchInputProps","actions","tabs","totalCount","filteredCount","itemName","lastUpdated","useLingui","debounceTimerRef","undefined","current","clearTimeout","formatLastUpdated","date","dateObj","Date","toLocaleString","showCountInfo","handleFilterDelete","filterToRemove","selectedFilters","filter","name","value","handleSelect","selectedFilter","filterExists","some","supportsMultiValue","filters","find","filterName","newSelected","handleSearch","searchValue","handleSearchInput","event","currentTarget","window","setTimeout","handleSearchClear","filtersProps","onChange","sortProps","options","sortBy","sortDirection","onSortByChange","param","onSortDirectionChange","direction","searchProps","placeholder","t","onInput","onClear","div","className","activeItem","onActiveItemChange","items","map","item","label","alignment","gap","length","onDelete","span","formattedDate"],"sources":["../../src/client/components/ListToolbar/SelectedFilters.tsx","../../src/client/components/ListToolbar/FiltersInput.tsx","../../src/client/components/ListToolbar/SortInput.tsx","../../src/client/components/ListToolbar/index.tsx"],"sourcesContent":["import { useLingui } from \"@lingui/react/macro\"\nimport { Pill, Stack } from \"@cloudoperators/juno-ui-components\"\nimport { SelectedFilter } from \"./types\"\n\nexport type SelectedFiltersProps = {\n  /**\n   * Array of currently active filters to be displayed as closeable pills.\n   */\n  selectedFilters: SelectedFilter[]\n\n  /**\n   * Callback function invoked when a user removes an individual filter pill.\n   */\n  onDelete: (filter: SelectedFilter) => void\n\n  /**\n   * Callback function invoked when the \"Clear all\" button is clicked.\n   */\n  onClear: () => void\n}\n\n/**\n * SelectedFilters Component\n *\n * Displays currently active filters as closeable pill components with individual\n * remove buttons and an optional \"Clear all\" button (shown when 2+ filters are active).\n *\n * The pills are arranged in a flexible, wrapping layout that adapts to available space.\n */\nexport const SelectedFilters = ({ selectedFilters, onDelete, onClear }: SelectedFiltersProps) => {\n  const { t } = useLingui()\n\n  return (\n    <Stack gap=\"2\" wrap={true} alignment=\"start\" distribution=\"start\">\n      {/* Render a closeable pill for each selected filter */}\n      {selectedFilters.map((filter) => (\n        <Pill\n          key={`${filter.name}:${filter.value}`}\n          closeable\n          pillKey={filter.name}\n          pillValue={filter.value}\n          onClose={() => onDelete(filter)}\n        />\n      ))}\n      {selectedFilters.length > 1 && <Pill pillValue={t`Clear all`} className=\"ml-2\" onClick={onClear} />}\n    </Stack>\n  )\n}\n","import { useCallback, useState } from \"react\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport {\n  InputGroup,\n  ComboBox,\n  ComboBoxProps,\n  ComboBoxOption,\n  SelectOption,\n  Select,\n  SelectProps,\n} from \"@cloudoperators/juno-ui-components\"\nimport { Filter, SelectedFilter } from \"./types\"\n\nexport type FiltersInputProps = {\n  filters: Filter[]\n  onChange: (filter: SelectedFilter) => void\n}\n\nfunction isEmpty(value: unknown) {\n  if (value == null) return true\n  if (typeof value === \"string\" || Array.isArray(value)) return value.length === 0\n  if (value instanceof Map || value instanceof Set) return value.size === 0\n  if (typeof value === \"object\") return Object.keys(value).length === 0\n  return false\n}\n\nexport const FiltersInput = ({ filters, onChange }: FiltersInputProps) => {\n  const { t } = useLingui()\n\n  const [selectedFilterName, setSelectedFilterName] = useState<string>(\"\")\n  const [selectedFilterValue, setSelectedFilterValue] = useState<string>(\"\")\n\n  const filterValues: string[] | undefined = filters\n    .find((filter) => filter.filterName === selectedFilterName)\n    ?.values?.filter((value) => value)\n\n  const handleValueChange = useCallback(\n    (value: string) => {\n      setSelectedFilterValue(value)\n      if (!isEmpty(selectedFilterName) && !isEmpty(value)) {\n        onChange({\n          name: selectedFilterName,\n          value: value,\n        })\n      }\n      setTimeout(() => {\n        setSelectedFilterValue(\"\")\n      }, 0)\n    },\n    [selectedFilterName, setSelectedFilterValue, onChange]\n  )\n\n  const getSelectProps = (): SelectProps & { \"data-testid\"?: string } => ({\n    className: \"w-full sm:flex-1 sm:min-w-0\",\n    name: \"filter\",\n    \"data-testid\": \"select-filterValue\",\n    label: t`Filter by`,\n    value: selectedFilterName,\n    onChange: (value: string | number | string[] | undefined) => {\n      setSelectedFilterName(String(value))\n    },\n  })\n\n  const getComboBoxProps = (): ComboBoxProps & { \"data-testid\"?: string } => ({\n    className: \"w-full sm:flex-1 sm:min-w-0\",\n    name: \"filterValue\",\n    \"data-testid\": \"combobox-filterValue\",\n    value: selectedFilterValue,\n    disabled: !selectedFilterName,\n    onChange: handleValueChange,\n  })\n\n  return (\n    <InputGroup className=\"flex w-full flex-col sm:w-auto sm:flex-row sm:items-end\">\n      <Select {...getSelectProps()}>\n        {filters?.map(({ displayName, filterName }) => (\n          <SelectOption value={filterName} label={displayName} key={filterName} data-testid={filterName} />\n        ))}\n      </Select>\n      <ComboBox {...getComboBoxProps()}>\n        {filterValues?.map((value) => (\n          <ComboBoxOption value={value} key={value} label={value} data-testid={value} />\n        ))}\n      </ComboBox>\n    </InputGroup>\n  )\n}\n","import React from \"react\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport {\n  Select,\n  SelectOption,\n  SortButton,\n  InputGroup,\n  SelectProps,\n  ButtonProps,\n} from \"@cloudoperators/juno-ui-components\"\nimport { SortOption } from \"./types\"\n\nexport interface SortInputProps {\n  sortBy?: string | number | string[]\n  onSortByChange: (param?: string | number | string[]) => void\n  sortDirection: \"asc\" | \"desc\"\n  onSortDirectionChange: (direction: \"asc\" | \"desc\") => void\n  options: SortOption[]\n}\n\nexport const SortInput: React.FC<SortInputProps> = ({\n  sortBy,\n  onSortByChange,\n  sortDirection,\n  onSortDirectionChange,\n  options,\n}) => {\n  const { t } = useLingui()\n\n  const getSelectProps = (): SelectProps & { \"data-testid\"?: string } => ({\n    className: \"flex-grow\",\n    onChange: onSortByChange,\n    value: sortBy,\n    \"data-testid\": \"sort-select\",\n    label: t`Sort by`,\n  })\n\n  const getSortButtonProps = (): Omit<ButtonProps, \"onChange\"> & {\n    \"data-testid\"?: string\n    order: \"asc\" | \"desc\"\n    onChange: (order: \"asc\" | \"desc\") => void\n  } => ({\n    \"data-testid\": \"direction-toggle\",\n    order: sortDirection,\n    onChange: onSortDirectionChange,\n  })\n\n  return (\n    <InputGroup className=\"flex w-full items-end sm:w-auto\">\n      <Select {...getSelectProps()}>\n        {options.map((option) => (\n          <SelectOption key={option.value} value={option.value}>\n            {option.label}\n          </SelectOption>\n        ))}\n      </Select>\n      <SortButton {...getSortButtonProps()} className=\"shadow-none\" />\n    </InputGroup>\n  )\n}\n","import { ReactNode, useCallback, useRef, useEffect } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport {\n  SearchInput,\n  SearchInputProps,\n  Stack,\n  TabNavigation,\n  TabNavigationItem,\n} from \"@cloudoperators/juno-ui-components\"\nimport { SelectedFilters } from \"./SelectedFilters\"\nimport { FiltersInput } from \"./FiltersInput\"\nimport { SortInput } from \"./SortInput\"\nimport { FilterSettings, SelectedFilter, SortSettings } from \"./types\"\n\nexport type ListToolbarProps = {\n  filterSettings?: FilterSettings\n  onFilter?: (filterSettings: FilterSettings) => void\n  sortSettings?: SortSettings\n  onSort?: (sortSettings: SortSettings) => void\n  searchTerm?: string\n  onSearch?: (searchTerm: string) => void\n  searchInputProps?: Omit<SearchInputProps, \"value\" | \"onSearch\" | \"onClear\" | \"onInput\">\n  actions?: ReactNode\n  tabs?: {\n    items: Array<{ label: string; value: string }>\n    activeItem: string\n    onActiveItemChange: (value: ReactNode) => void\n  }\n  // Count information\n  totalCount?: number\n  itemName?: string // e.g. \"items\", \"users\", \"projects\" - used in count display\n  filteredCount?: number\n  // Last updated timestamp\n  lastUpdated?: Date | string\n}\n\nexport const ListToolbar = ({\n  filterSettings,\n  onFilter,\n  sortSettings,\n  onSort,\n  searchTerm,\n  onSearch,\n  searchInputProps = {},\n  actions,\n  tabs,\n  totalCount,\n  filteredCount,\n  itemName = \"items\",\n  lastUpdated,\n}: ListToolbarProps) => {\n  const { t } = useLingui()\n\n  const debounceTimerRef = useRef<number | undefined>(undefined)\n\n  useEffect(() => {\n    return () => {\n      if (debounceTimerRef.current) {\n        clearTimeout(debounceTimerRef.current)\n      }\n    }\n  }, [])\n\n  // Format last updated time\n  const formatLastUpdated = (date: Date | string | undefined): string => {\n    if (!date) return \"\"\n    const dateObj = typeof date === \"string\" ? new Date(date) : date\n    return dateObj.toLocaleString()\n  }\n\n  const showCountInfo = totalCount !== undefined && filteredCount !== undefined\n\n  const handleFilterDelete = useCallback(\n    (filterToRemove: SelectedFilter) => {\n      if (!onFilter || !filterSettings) return\n      onFilter({\n        ...filterSettings,\n        selectedFilters: filterSettings.selectedFilters?.filter(\n          (filter) => !(filter.name === filterToRemove.name && filter.value === filterToRemove.value)\n        ),\n      })\n    },\n    [filterSettings, onFilter]\n  )\n\n  const handleSelect = (selectedFilter: SelectedFilter) => {\n    if (!onFilter || !filterSettings) return\n    const filterExists = filterSettings.selectedFilters?.some(\n      (filter) => filter.name === selectedFilter.name && filter.value === selectedFilter.value\n    )\n    if (filterExists) return\n\n    const supportsMultiValue = filterSettings.filters.find(\n      (filter) => selectedFilter.name === filter.filterName\n    )?.supportsMultiValue\n\n    const newSelected = supportsMultiValue\n      ? [...(filterSettings.selectedFilters || []), selectedFilter]\n      : [\n          ...(filterSettings.selectedFilters || []).filter((filter) => filter.name !== selectedFilter.name),\n          selectedFilter,\n        ]\n\n    onFilter({ ...filterSettings, selectedFilters: newSelected })\n  }\n\n  const handleSearch = useCallback(\n    (value: string | number | string[] | undefined) => {\n      const searchValue = typeof value === \"string\" ? value : \"\"\n\n      if (debounceTimerRef.current) {\n        clearTimeout(debounceTimerRef.current)\n      }\n\n      onSearch?.(searchValue)\n    },\n    [onSearch]\n  )\n\n  const handleSearchInput = useCallback(\n    (event: React.FormEvent<HTMLInputElement>) => {\n      const searchValue = event.currentTarget.value\n      if (debounceTimerRef.current) clearTimeout(debounceTimerRef.current)\n      debounceTimerRef.current = window.setTimeout(() => onSearch?.(searchValue), 500)\n    },\n    [onSearch]\n  )\n\n  const handleSearchClear = useCallback(() => {\n    if (debounceTimerRef.current) clearTimeout(debounceTimerRef.current)\n    onSearch?.(\"\")\n  }, [onSearch])\n\n  const filtersProps = filterSettings && onFilter ? { filters: filterSettings.filters, onChange: handleSelect } : null\n  const sortProps =\n    sortSettings && onSort\n      ? {\n          options: sortSettings.options,\n          sortBy: sortSettings.sortBy,\n          sortDirection: sortSettings.sortDirection || \"asc\",\n          onSortByChange: (param: string | number | string[] | undefined) =>\n            onSort({ ...sortSettings, sortBy: param, sortDirection: sortSettings.sortDirection || \"asc\" }),\n          onSortDirectionChange: (direction: \"asc\" | \"desc\") => onSort({ ...sortSettings, sortDirection: direction }),\n        }\n      : null\n\n  const searchProps: (SearchInputProps & { \"data-testid\"?: string }) | null = onSearch\n    ? {\n        placeholder: t`Search...`,\n        \"data-testid\": \"searchbar\",\n        value: searchTerm,\n        onInput: handleSearchInput,\n        onClear: handleSearchClear,\n        onSearch: handleSearch,\n        ...searchInputProps,\n      }\n    : null\n\n  return (\n    <>\n      {tabs && (\n        <div className=\"w-full\">\n          <TabNavigation activeItem={tabs.activeItem} onActiveItemChange={tabs.onActiveItemChange}>\n            {tabs.items.map((item) => (\n              <TabNavigationItem key={item.value} label={item.label} value={item.value} />\n            ))}\n          </TabNavigation>\n        </div>\n      )}\n      <Stack alignment=\"center\" gap=\"6\" className=\"bg-theme-background-lvl-1 flex w-full flex-col p-4\">\n        {actions && (\n          <Stack direction=\"horizontal\" className=\"w-full justify-end\">\n            {actions}\n          </Stack>\n        )}\n\n        <div className=\"flex w-full flex-col items-stretch gap-4 md:flex-row md:items-center\">\n          {filtersProps && (\n            <div className=\"w-full md:w-auto md:min-w-37.5\">\n              <FiltersInput {...filtersProps} />\n            </div>\n          )}\n          {sortProps && (\n            <div className=\"w-full md:w-auto md:min-w-45\">\n              <SortInput {...sortProps} />\n            </div>\n          )}\n          {searchProps && (\n            <div className=\"w-full md:ml-auto md:w-auto md:min-w-25\">\n              <SearchInput {...searchProps} />\n            </div>\n          )}\n        </div>\n\n        {filterSettings?.selectedFilters && filterSettings.selectedFilters.length > 0 && onFilter && (\n          <div className=\"w-full\">\n            <SelectedFilters\n              selectedFilters={filterSettings.selectedFilters}\n              onDelete={handleFilterDelete}\n              onClear={() => onFilter({ ...filterSettings, selectedFilters: [] })}\n            />\n          </div>\n        )}\n        {/* Count and Last Updated Info */}\n        {(showCountInfo || lastUpdated) && (\n          <div className=\"text-theme-secondary flex w-full items-center justify-between text-sm\">\n            <div className=\"flex items-center gap-2\">\n              {showCountInfo && (\n                <span>\n                  <Trans>\n                    Showing {filteredCount} of {totalCount} {itemName}\n                  </Trans>\n                </span>\n              )}\n              {lastUpdated &&\n                (() => {\n                  const formattedDate = formatLastUpdated(lastUpdated)\n                  return (\n                    <span>\n                      <Trans>Last updated: {formattedDate}</Trans>\n                    </span>\n                  )\n                })()}\n            </div>\n          </div>\n        )}\n      </Stack>\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/client/{RouteError-BwgDIwJE.mjs → RouteError-Cyto623-.mjs}

@@ -1,4 +1,4 @@
-import { w as e } from "./build-eu9eg0zF.mjs";
+import { O as e } from "./build-Cf7iWbpH.mjs";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { useLingui as r } from "@lingui/react";
 //#region src/client/components/Error/RouteError.tsx
@@ -22,4 +22,4 @@ function i({ error: i, title: a, helpText: o, safeErrorMessage: s }) {
 //#endregion
 export { i as t };
 
-//# sourceMappingURL=RouteError-BwgDIwJE.mjs.map
+//# sourceMappingURL=RouteError-Cyto623-.mjs.map

package/dist/client/{RouteError-BwgDIwJE.mjs.map → RouteError-Cyto623-.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"RouteError-BwgDIwJE.mjs","names":["ContentHeading","RouteError","error","title","helpText","safeErrorMessage","useLingui","defaultTitle","t","defaultHelpText","defaultErrorMessage","errorMessage","safeMessage","div","className","p"],"sources":["../../src/client/components/Error/RouteError.tsx"],"sourcesContent":["import { ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { useLingui } from \"@lingui/react/macro\"\n\ninterface RouteErrorProps {\n  error: unknown\n  title?: string\n  helpText?: string\n  /** Explicitly pass a safe error message to display. Use this when you want to show specific error details. */\n  safeErrorMessage?: string\n}\n\nexport function RouteError({ error, title, helpText, safeErrorMessage }: RouteErrorProps) {\n  const { t } = useLingui()\n\n  const defaultTitle = t`Unable to Load Content`\n  const defaultHelpText = t`This could be due to insufficient permissions or a temporary service issue. Please check your access rights or try refreshing the page.`\n  const defaultErrorMessage = t`An unexpected error occurred`\n\n  // Security: Do not expose raw Error.message by default as it may contain sensitive information.\n  // Only display:\n  // 1. Explicitly passed safeErrorMessage\n  // 2. String errors (when caller explicitly passes a safe string)\n  // 3. error.safeMessage if present (for controlled error exposure)\n  // 4. Default translated message for all other cases\n  const errorMessage =\n    safeErrorMessage ||\n    (typeof error === \"string\" ? error : null) ||\n    (error && typeof error === \"object\" && \"safeMessage\" in error && typeof error.safeMessage === \"string\"\n      ? error.safeMessage\n      : null) ||\n    defaultErrorMessage\n\n  return (\n    <div className=\"flex min-h-100 flex-col space-y-2 p-8\">\n      <ContentHeading className=\"text-theme-info\">{title || defaultTitle}</ContentHeading>\n      <p>{errorMessage}</p>\n      <p className=\"text-theme-light text-sm\">{helpText || defaultHelpText}</p>\n    </div>\n  )\n}\n"],"mappings":";;;;AAWA,SAAgBC,EAAW,EAAEC,UAAOC,UAAOC,aAAUC,uBAAmC;CACtF,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQC,GAAAA,EAERC,IAAeC,EAAAA,EAAC,EAAA,IAAA,UAAuB,CAAA,EACvCC,IAAkBD,EAAAA,EAAC,EAAA,IAAA,UAAwI,CAAA,EAC3JE,IAAsBF,EAAAA,EAAC,EAAA,IAAA,UAA6B,CAAA,EAQpDG,IACJN,MACC,OAAOH,KAAU,WAAWA,IAAQ,UACpCA,KAAS,OAAOA,KAAU,YAAY,iBAAiBA,KAAS,OAAOA,EAAMU,eAAgB,WAC1FV,EAAMU,cACN,SACJF;AAEF,QACE,kBAACG,OAAAA;EAAIC,WAAU;;GACb,kBAACd,GAAAA;IAAec,WAAU;cAAmBX,KAASI;;GACtD,kBAACQ,KAAAA,EAAAA,UAAGJ,GAAAA,CAAAA;GACJ,kBAACI,KAAAA;IAAED,WAAU;cAA4BV,KAAYK"}
+{"version":3,"file":"RouteError-Cyto623-.mjs","names":["ContentHeading","RouteError","error","title","helpText","safeErrorMessage","useLingui","defaultTitle","t","defaultHelpText","defaultErrorMessage","errorMessage","safeMessage","div","className","p"],"sources":["../../src/client/components/Error/RouteError.tsx"],"sourcesContent":["import { ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { useLingui } from \"@lingui/react/macro\"\n\ninterface RouteErrorProps {\n  error: unknown\n  title?: string\n  helpText?: string\n  /** Explicitly pass a safe error message to display. Use this when you want to show specific error details. */\n  safeErrorMessage?: string\n}\n\nexport function RouteError({ error, title, helpText, safeErrorMessage }: RouteErrorProps) {\n  const { t } = useLingui()\n\n  const defaultTitle = t`Unable to Load Content`\n  const defaultHelpText = t`This could be due to insufficient permissions or a temporary service issue. Please check your access rights or try refreshing the page.`\n  const defaultErrorMessage = t`An unexpected error occurred`\n\n  // Security: Do not expose raw Error.message by default as it may contain sensitive information.\n  // Only display:\n  // 1. Explicitly passed safeErrorMessage\n  // 2. String errors (when caller explicitly passes a safe string)\n  // 3. error.safeMessage if present (for controlled error exposure)\n  // 4. Default translated message for all other cases\n  const errorMessage =\n    safeErrorMessage ||\n    (typeof error === \"string\" ? error : null) ||\n    (error && typeof error === \"object\" && \"safeMessage\" in error && typeof error.safeMessage === \"string\"\n      ? error.safeMessage\n      : null) ||\n    defaultErrorMessage\n\n  return (\n    <div className=\"flex min-h-100 flex-col space-y-2 p-8\">\n      <ContentHeading className=\"text-theme-info\">{title || defaultTitle}</ContentHeading>\n      <p>{errorMessage}</p>\n      <p className=\"text-theme-light text-sm\">{helpText || defaultHelpText}</p>\n    </div>\n  )\n}\n"],"mappings":";;;;AAWA,SAAgBC,EAAW,EAAEC,UAAOC,UAAOC,aAAUC,uBAAmC;CACtF,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQC,GAAAA,EAERC,IAAeC,EAAAA,EAAC,EAAA,IAAA,UAAuB,CAAA,EACvCC,IAAkBD,EAAAA,EAAC,EAAA,IAAA,UAAwI,CAAA,EAC3JE,IAAsBF,EAAAA,EAAC,EAAA,IAAA,UAA6B,CAAA,EAQpDG,IACJN,MACC,OAAOH,KAAU,WAAWA,IAAQ,UACpCA,KAAS,OAAOA,KAAU,YAAY,iBAAiBA,KAAS,OAAOA,EAAMU,eAAgB,WAC1FV,EAAMU,cACN,SACJF;AAEF,QACE,kBAACG,OAAAA;EAAIC,WAAU;;GACb,kBAACd,GAAAA;IAAec,WAAU;cAAmBX,KAASI;;GACtD,kBAACQ,KAAAA,EAAAA,UAAGJ,GAAAA,CAAAA;GACJ,kBAACI,KAAAA;IAAED,WAAU;cAA4BV,KAAYK"}

package/dist/client/{_auth-CsliQdkJ.mjs → _auth-CJj1Cnbm.mjs}

@@ -8,4 +8,4 @@ function r() {
 //#endregion
 export { r as component };
 
-//# sourceMappingURL=_auth-CsliQdkJ.mjs.map
+//# sourceMappingURL=_auth-CJj1Cnbm.mjs.map

package/dist/client/{_auth-CsliQdkJ.mjs.map → _auth-CJj1Cnbm.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"_auth-CsliQdkJ.mjs","names":["Outlet","useAuth","RouteComponent","component"],"sources":["../../src/client/routes/_auth.tsx?tsr-split=component"],"sourcesContent":["import { createFileRoute, Outlet, redirect } from \"@tanstack/react-router\"\nimport { useAuth } from \"../store/AuthProvider\"\n\nexport const Route = createFileRoute(\"/_auth\")({\n  component: RouteComponent,\n  beforeLoad: async ({ context, location }) => {\n    if (!context.auth?.isAuthenticated) {\n      const token = await context.trpcClient?.auth.getCurrentUserSession.query()\n      if (!token) {\n        const redirectPath = location.pathname ? location.pathname : \"\"\n\n        throw redirect({\n          to: \"/\",\n          search: { redirect: redirectPath },\n        })\n      }\n      context.auth?.login(token.user, token.expires_at)\n    }\n  },\n})\n\nfunction RouteComponent() {\n  useAuth()\n\n  return <Outlet />\n}\n"],"mappings":";;;;AAqBA,SAASE,IAAAA;AAGP,QAFAD,GAAAA,EAEO,kBAAC,GAAA,EAAA,CAAA"}
+{"version":3,"file":"_auth-CJj1Cnbm.mjs","names":["Outlet","useAuth","RouteComponent","component"],"sources":["../../src/client/routes/_auth.tsx?tsr-split=component"],"sourcesContent":["import { createFileRoute, Outlet, redirect } from \"@tanstack/react-router\"\nimport { useAuth } from \"../store/AuthProvider\"\n\nexport const Route = createFileRoute(\"/_auth\")({\n  component: RouteComponent,\n  beforeLoad: async ({ context, location }) => {\n    if (!context.auth?.isAuthenticated) {\n      const token = await context.trpcClient?.auth.getCurrentUserSession.query()\n      if (!token) {\n        const redirectPath = location.pathname ? location.pathname : \"\"\n\n        throw redirect({\n          to: \"/\",\n          search: { redirect: redirectPath },\n        })\n      }\n      context.auth?.login(token.user, token.expires_at)\n    }\n  },\n})\n\nfunction RouteComponent() {\n  useAuth()\n\n  return <Outlet />\n}\n"],"mappings":";;;;AAqBA,SAASE,IAAAA;AAGP,QAFAD,GAAAA,EAEO,kBAAC,GAAA,EAAA,CAAA"}

package/dist/client/_flavorId-B-1fYadl.mjs

@@ -0,0 +1,188 @@
+import { $ as e, B as t, F as n, K as r, O as i, P as a, T as o, W as s, Y as c, h as l, j as u, l as d } from "./build-Cf7iWbpH.mjs";
+import { r as f } from "./trpcClient-BxguzNYF.mjs";
+import { n as p, t as m } from "./_flavorId-BYfIHIV_.mjs";
+import { t as h } from "./useErrorTranslation-TZVwIAzq.mjs";
+import { n as g, r as _, t as v } from "./DeleteFlavorModal-rmuYIafD.mjs";
+import { t as y } from "./useModal-DxxlilRm.mjs";
+import { t as b } from "./ContentHeader-DtBiIwRY.mjs";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import w from "react";
+import { useNavigate as T, useParams as E } from "@tanstack/react-router";
+import { Trans as D, useLingui as O } from "@lingui/react";
+//#region src/client/routes/_auth/projects/$projectId/compute/flavors/-components/FlavorDetailsView.tsx
+function k({ flavor: n }) {
+	let r = (e, t = "MB") => e === 0 ? `0 ${t}` : `${e} ${t}`;
+	return /* @__PURE__ */ C(e, {
+		direction: "vertical",
+		gap: "6",
+		className: "mt-6",
+		children: [
+			/* @__PURE__ */ C(e, {
+				direction: "vertical",
+				gap: "2",
+				children: [/* @__PURE__ */ S(i, { children: /* @__PURE__ */ S(D, { id: "jIPNJG" }) }), /* @__PURE__ */ C(t, {
+					alignTerms: "right",
+					children: [
+						/* @__PURE__ */ S(u, { children: /* @__PURE__ */ S(D, { id: "S0kLOH" }) }),
+						/* @__PURE__ */ S(a, { children: n.id }),
+						/* @__PURE__ */ S(u, { children: /* @__PURE__ */ S(D, { id: "6YtxFj" }) }),
+						/* @__PURE__ */ S(a, { children: n.name }),
+						/* @__PURE__ */ S(u, { children: /* @__PURE__ */ S(D, { id: "Nu4oKW" }) }),
+						/* @__PURE__ */ S(a, { children: n?.description }),
+						/* @__PURE__ */ S(u, { children: /* @__PURE__ */ S(D, { id: "7d1a0d" }) }),
+						/* @__PURE__ */ S(a, { children: n["os-flavor-access:is_public"] ? /* @__PURE__ */ S(D, { id: "l75CjT" }) : /* @__PURE__ */ S(D, { id: "1UzENP" }) }),
+						/* @__PURE__ */ S(u, { children: /* @__PURE__ */ S(D, { id: "E/QGRL" }) }),
+						/* @__PURE__ */ S(a, { children: n["OS-FLV-DISABLED:disabled"] ? /* @__PURE__ */ S(D, { id: "l75CjT" }) : /* @__PURE__ */ S(D, { id: "1UzENP" }) })
+					]
+				})]
+			}),
+			/* @__PURE__ */ C(e, {
+				direction: "vertical",
+				gap: "2",
+				children: [/* @__PURE__ */ S(i, { children: /* @__PURE__ */ S(D, { id: "qQ1QBh" }) }), /* @__PURE__ */ C(t, {
+					alignTerms: "right",
+					children: [
+						/* @__PURE__ */ S(u, { children: /* @__PURE__ */ S(D, { id: "MZGbkp" }) }),
+						/* @__PURE__ */ S(a, { children: n.vcpus }),
+						/* @__PURE__ */ S(u, { children: /* @__PURE__ */ S(D, { id: "RGhYAo" }) }),
+						/* @__PURE__ */ S(a, { children: r(n.ram, "MiB") }),
+						/* @__PURE__ */ S(u, { children: /* @__PURE__ */ S(D, { id: "sPFHpI" }) }),
+						/* @__PURE__ */ S(a, { children: r(n.disk, "GiB") }),
+						/* @__PURE__ */ S(u, { children: /* @__PURE__ */ S(D, { id: "r9Aac8" }) }),
+						/* @__PURE__ */ S(a, { children: r(n["OS-FLV-EXT-DATA:ephemeral"] || 0, "GiB") }),
+						/* @__PURE__ */ S(u, { children: /* @__PURE__ */ S(D, { id: "vH2C/2" }) }),
+						/* @__PURE__ */ S(a, { children: n.swap === 0 || n.swap === "" ? /* @__PURE__ */ S(D, { id: "EdQY6l" }) : r(Number(n.swap), "MiB") }),
+						/* @__PURE__ */ S(u, { children: /* @__PURE__ */ S(D, { id: "u5HztT" }) }),
+						/* @__PURE__ */ S(a, { children: n.rxtx_factor })
+					]
+				})]
+			}),
+			n.extra_specs && Object.keys(n.extra_specs).length > 0 && /* @__PURE__ */ C(e, {
+				direction: "vertical",
+				gap: "2",
+				children: [/* @__PURE__ */ S(i, { children: /* @__PURE__ */ S(D, { id: "DKkOPx" }) }), /* @__PURE__ */ S(t, {
+					alignTerms: "right",
+					children: Object.entries(n.extra_specs).map(([e, t]) => /* @__PURE__ */ C(w.Fragment, { children: [/* @__PURE__ */ S(u, { children: e }), /* @__PURE__ */ S(a, { children: t })] }, e))
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/client/routes/_auth/projects/$projectId/compute/flavors/$flavorId.tsx?tsr-split=component
+function A() {
+	let { projectId: t, flavorId: i } = E({ from: "/_auth/projects/$projectId/compute/flavors/$flavorId" }), { trpcClient: a } = m.useRouteContext(), u = T(), { i18n: w, _: A } = O(), { translateError: j, isRetryableError: M } = h(), { data: N, status: P, error: F, refetch: I } = f.compute.getFlavorById.useQuery({
+		project_id: t,
+		flavorId: i
+	}), { data: L } = f.compute.canUser.useQuery({
+		project_id: t,
+		permission: [
+			"flavors:delete",
+			"flavors:list_projects",
+			"flavor_specs:create",
+			"flavor_specs:delete"
+		]
+	}), R = L?.[0] ?? !1, z = L?.[1] ?? !1, B = (L?.[2] ?? !1) || (L?.[3] ?? !1), [V, H] = y(), [U, W] = y(), [G, K] = y(), q = () => {
+		u({
+			to: "/projects/$projectId/compute/flavors",
+			params: { projectId: t }
+		});
+	}, J = () => {
+		u({
+			to: "/projects/$projectId/compute/overview",
+			params: { projectId: t }
+		});
+	}, Y = () => {
+		I();
+	};
+	if (P === "pending") return /* @__PURE__ */ C(e, {
+		className: "fixed inset-0",
+		distribution: "center",
+		alignment: "center",
+		direction: "vertical",
+		children: [/* @__PURE__ */ S(r, {
+			variant: "primary",
+			size: "large",
+			className: "mb-2"
+		}), /* @__PURE__ */ S(D, { id: "YNgcgc" })]
+	});
+	if (P === "error") {
+		let e = F?.message || "UNKNOWN_ERROR", t = j(e), n = M(e);
+		return /* @__PURE__ */ S(p, {
+			message: t,
+			statusCode: ((e) => {
+				if (e.includes("UNAUTHORIZED")) return 401;
+				if (e.includes("FORBIDDEN")) return 403;
+				if (e.includes("NOT_FOUND")) return 404;
+				if (e.includes("SERVER_ERROR")) return 500;
+			})(e),
+			title: w._({ id: "FjONW3" }),
+			onBackClick: q,
+			onHomeClick: J,
+			reset: n ? Y : void 0
+		});
+	}
+	if (!N) return /* @__PURE__ */ S(p, {
+		message: w._({ id: "y0u86k" }),
+		statusCode: 404,
+		title: w._({ id: "bpme7e" }),
+		onBackClick: q,
+		onHomeClick: J
+	});
+	let X = z || R, Z = X || B ? /* @__PURE__ */ C(l, { children: [X && /* @__PURE__ */ C(c, { children: [/* @__PURE__ */ S(n, {
+		as: "div",
+		children: /* @__PURE__ */ S(d, {
+			icon: "moreVert",
+			children: /* @__PURE__ */ S(D, { id: "PgNNGl" })
+		})
+	}), /* @__PURE__ */ C(o, { children: [z && /* @__PURE__ */ S(s, {
+		label: w._({ id: "cWbW6w" }),
+		onClick: W
+	}), R && /* @__PURE__ */ S(s, {
+		label: w._({ id: "JT3I1g" }),
+		onClick: K
+	})] })] }), B && /* @__PURE__ */ S(d, {
+		onClick: H,
+		variant: "primary",
+		children: /* @__PURE__ */ S(D, { id: "6GBt0m" })
+	})] }) : void 0;
+	return /* @__PURE__ */ C(x, { children: [
+		/* @__PURE__ */ S(b, {
+			title: N.name,
+			projectId: t,
+			actions: Z
+		}),
+		/* @__PURE__ */ S(e, {
+			direction: "vertical",
+			children: /* @__PURE__ */ S(k, { flavor: N })
+		}),
+		a && /* @__PURE__ */ C(x, { children: [
+			V && /* @__PURE__ */ S(_, {
+				client: a,
+				isOpen: V,
+				onClose: H,
+				project: t,
+				flavor: N
+			}),
+			U && /* @__PURE__ */ S(g, {
+				client: a,
+				isOpen: U,
+				onClose: W,
+				project: t,
+				flavor: N
+			}),
+			G && /* @__PURE__ */ S(v, {
+				client: a,
+				isOpen: G,
+				onClose: K,
+				project: t,
+				flavor: N,
+				onSuccess: q
+			})
+		] })
+	] });
+}
+//#endregion
+export { A as component };
+
+//# sourceMappingURL=_flavorId-B-1fYadl.mjs.map