@cobaltcore-dev/aurora 0.3.0 → 0.4.0

package/dist/client/ListToolbar-C5lzTrit.mjs

@@ -1,223 +0,0 @@
-import { P as e, _ as t, a as n, d as r, f as i, m as a, ot as o, r as s, tt as c, x as l, y as u } from "./build-CZRvXrAL.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(c, {
-		gap: "2",
-		wrap: !0,
-		alignment: "start",
-		distribution: "start",
-		children: [e.map((e) => /* @__PURE__ */ f(u, {
-			closeable: !0,
-			pillKey: e.name,
-			pillValue: e.value,
-			onClose: () => t(e)
-		}, `${e.name}:${e.value}`)), e.length > 1 && /* @__PURE__ */ f(u, {
-			pillValue: r._({ id: "yYxB17" }),
-			className: "ml-2",
-			onClick: n
-		})]
-	});
-};
-//#endregion
-//#region src/client/components/ListToolbar/FiltersInput.tsx
-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: e, onChange: t }) => {
-	let { i18n: i, _: 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(() => {
-			h("");
-		}, 0);
-	}, [
-		l,
-		h,
-		t
-	]), b = () => ({
-		className: "w-full sm:flex-1 sm:min-w-0",
-		name: "filter",
-		"data-testid": "select-filterValue",
-		label: i._({ id: "0cVgUw" }),
-		value: l,
-		onChange: (e) => {
-			u(String(e));
-		}
-	}), S = () => ({
-		className: "w-full sm:flex-1 sm:min-w-0",
-		name: "filterValue",
-		"data-testid": "combobox-filterValue",
-		value: d,
-		disabled: !l,
-		onChange: v
-	});
-	return /* @__PURE__ */ p(o, {
-		className: "flex w-full flex-col sm:w-auto sm:flex-row sm:items-end",
-		children: [/* @__PURE__ */ f(s, {
-			...b(),
-			children: e?.map(({ displayName: e, filterName: t }) => /* @__PURE__ */ f(r, {
-				value: t,
-				label: e,
-				"data-testid": t
-			}, t))
-		}), /* @__PURE__ */ f(n, {
-			...S(),
-			children: g?.map((e) => /* @__PURE__ */ f(a, {
-				value: e,
-				label: e,
-				"data-testid": e
-			}, e))
-		})]
-	});
-}, C = ({ sortBy: t, onSortByChange: n, sortDirection: i, onSortDirectionChange: a, options: c }) => {
-	let { i18n: l, _: u } = y(), d = () => ({
-		className: "flex-grow",
-		onChange: n,
-		value: t,
-		"data-testid": "sort-select",
-		label: l._({ id: "/HgF9q" })
-	}), m = () => ({
-		"data-testid": "direction-toggle",
-		order: i,
-		onChange: a
-	});
-	return /* @__PURE__ */ p(o, {
-		className: "flex w-full items-end sm:w-auto",
-		children: [/* @__PURE__ */ f(s, {
-			...d(),
-			children: c.map((e) => /* @__PURE__ */ f(r, {
-				value: e.value,
-				children: e.label
-			}, e.value))
-		}), /* @__PURE__ */ f(e, {
-			...m(),
-			className: "shadow-none"
-		})]
-	});
-}, w = ({ filterSettings: e, onFilter: n, sortSettings: r, onSort: a, searchTerm: o, onSearch: s, searchInputProps: u = {}, 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((t) => {
-		!n || !e || n({
-			...e,
-			selectedFilters: e.selectedFilters?.filter((e) => !(e.name === t.name && e.value === t.value))
-		});
-	}, [e, n]), P = (t) => {
-		if (!n || !e || e.selectedFilters?.some((e) => e.name === t.name && e.value === t.value)) return;
-		let r = e.filters.find((e) => t.name === e.filterName)?.supportsMultiValue ? [...e.selectedFilters || [], t] : [...(e.selectedFilters || []).filter((e) => e.name !== t.name), t];
-		n({
-			...e,
-			selectedFilters: r
-		});
-	}, F = m((e) => {
-		let t = typeof e == "string" ? e : "";
-		A.current && clearTimeout(A.current), s?.(t);
-	}, [s]), I = m((e) => {
-		let t = e.currentTarget.value;
-		A.current && clearTimeout(A.current), A.current = window.setTimeout(() => s?.(t), 500);
-	}, [s]), L = m(() => {
-		A.current && clearTimeout(A.current), s?.("");
-	}, [s]), R = e && n ? {
-		filters: e.filters,
-		onChange: P
-	} : null, z = r && a ? {
-		options: r.options,
-		sortBy: r.sortBy,
-		sortDirection: r.sortDirection || "asc",
-		onSortByChange: (e) => a({
-			...r,
-			sortBy: e,
-			sortDirection: r.sortDirection || "asc"
-		}),
-		onSortDirectionChange: (e) => a({
-			...r,
-			sortDirection: e
-		})
-	} : null, B = s ? {
-		placeholder: O._({ id: "YIix5Y" }),
-		"data-testid": "searchbar",
-		value: o,
-		onInput: I,
-		onClear: L,
-		onSearch: F,
-		...u
-	} : null;
-	return /* @__PURE__ */ p(d, { children: [x && /* @__PURE__ */ f("div", {
-		className: "w-full",
-		children: /* @__PURE__ */ f(t, {
-			activeItem: x.activeItem,
-			onActiveItemChange: x.onActiveItemChange,
-			children: x.items.map((e) => /* @__PURE__ */ f(l, {
-				label: e.label,
-				value: e.value
-			}, e.value))
-		})
-	}), /* @__PURE__ */ p(c, {
-		alignment: "center",
-		gap: "6",
-		className: "bg-theme-background-lvl-1 flex w-full flex-col p-4",
-		children: [
-			_ && /* @__PURE__ */ f(c, {
-				direction: "horizontal",
-				className: "w-full justify-end",
-				children: _
-			}),
-			/* @__PURE__ */ p("div", {
-				className: "flex w-full flex-col items-stretch gap-4 md:flex-row md:items-center",
-				children: [
-					R && /* @__PURE__ */ f("div", {
-						className: "w-full md:w-auto md:min-w-37.5",
-						children: /* @__PURE__ */ f(S, { ...R })
-					}),
-					z && /* @__PURE__ */ f("div", {
-						className: "w-full md:w-auto md:min-w-45",
-						children: /* @__PURE__ */ f(C, { ...z })
-					}),
-					B && /* @__PURE__ */ f("div", {
-						className: "w-full md:ml-auto md:w-auto md:min-w-25",
-						children: /* @__PURE__ */ f(i, { ...B })
-					})
-				]
-			}),
-			e?.selectedFilters && e.selectedFilters.length > 0 && n && /* @__PURE__ */ f("div", {
-				className: "w-full",
-				children: /* @__PURE__ */ f(b, {
-					selectedFilters: e.selectedFilters,
-					onDelete: N,
-					onClear: () => n({
-						...e,
-						selectedFilters: []
-					})
-				})
-			}),
-			(M || D) && /* @__PURE__ */ f("div", {
-				className: "text-theme-secondary flex w-full items-center justify-between text-sm",
-				children: /* @__PURE__ */ p("div", {
-					className: "flex items-center gap-2",
-					children: [M && /* @__PURE__ */ f("span", { children: /* @__PURE__ */ f(v, {
-						id: "Vg0k6h",
-						values: {
-							filteredCount: T,
-							totalCount: w,
-							itemName: E
-						}
-					}) }), D && /* @__PURE__ */ f("span", { children: /* @__PURE__ */ f(v, {
-						id: "wlUDbB",
-						values: { formattedDate: j(D) }
-					}) })]
-				})
-			})
-		]
-	})] });
-};
-//#endregion
-export { w as t };
-
-//# sourceMappingURL=ListToolbar-C5lzTrit.mjs.map

package/dist/client/ListToolbar-C5lzTrit.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListToolbar-C5lzTrit.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/_floatingIpId-DdKnjdIV.mjs

@@ -1,228 +0,0 @@
-import { A as e, I as t, M as n, U as r, Z as i, c as a, h as o, tt as s } from "./build-CZRvXrAL.mjs";
-import { r as c } from "./trpcClient-BxguzNYF.mjs";
-import { t as l } from "./_floatingIpId-C8G20nNt.mjs";
-import { t as u } from "./useProjectId-CgOTejka.mjs";
-import "./hooks-D0krAKvo.mjs";
-import { t as d } from "./FloatingIpActionModals-lKMwLuL8.mjs";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { Fragment as h } from "react";
-import { useNavigate as g } from "@tanstack/react-router";
-import { Trans as _, useLingui as v } from "@lingui/react";
-//#region src/client/utils/formatFloatingIpStatus.ts
-var y = (e) => e.charAt(0) + e.slice(1).toLowerCase(), b = ({ items: e }) => {
-	let i = Math.ceil(e.length / 2), a = e.slice(0, i), o = e.slice(i);
-	return /* @__PURE__ */ m(s, {
-		gap: "6",
-		className: "grid grid-cols-2",
-		children: [/* @__PURE__ */ p(r, {
-			alignTerms: "right",
-			children: a.map(({ label: e, value: r }) => /* @__PURE__ */ m(h, { children: [/* @__PURE__ */ p(n, { children: e }), /* @__PURE__ */ p(t, { children: r })] }, e))
-		}), /* @__PURE__ */ p(r, {
-			alignTerms: "right",
-			children: o.map(({ label: e, value: r }) => /* @__PURE__ */ m(h, { children: [/* @__PURE__ */ p(n, { children: e }), /* @__PURE__ */ p(t, { children: r })] }, e))
-		})]
-	});
-}, x = ({ floatingIp: t }) => {
-	let { i18n: n, _: r } = v(), i = [
-		{
-			label: n._({ id: "S0kLOH" }),
-			value: t.id
-		},
-		{
-			label: n._({ id: "Nu4oKW" }),
-			value: t.description || "—"
-		},
-		{
-			label: n._({ id: "mSfwLL" }),
-			value: t.project_id || "—"
-		},
-		{
-			label: n._({ id: "uAQUqI" }),
-			value: y(t.status)
-		},
-		{
-			label: n._({ id: "88kg0+" }),
-			value: t.created_at ? new Date(t.created_at).toLocaleString() : "—"
-		},
-		{
-			label: n._({ id: "Llcakz" }),
-			value: t.updated_at ? new Date(t.updated_at).toLocaleString() : "—"
-		},
-		{
-			label: n._({ id: "OYHzN1" }),
-			value: t.tags?.join(", ") || "—"
-		}
-	], c = [
-		{
-			label: n._({ id: "xNG/3n" }),
-			value: t.floating_ip_address || "—"
-		},
-		{
-			label: n._({ id: "7AfIPZ" }),
-			value: t.floating_network_id || "—"
-		},
-		{
-			label: n._({ id: "Nc7QKU" }),
-			value: t.fixed_ip_address || "—"
-		},
-		{
-			label: n._({ id: "6sxz+g" }),
-			value: t.port_details?.name || "—"
-		},
-		{
-			label: n._({ id: "sNVNmf" }),
-			value: t.port_details?.mac_address || "—"
-		},
-		{
-			label: n._({ id: "hrBow7" }),
-			value: t.port_details?.network_id || "—"
-		},
-		{
-			label: n._({ id: "OaSktR" }),
-			value: t.port_details?.device_owner || "—"
-		},
-		{
-			label: n._({ id: "9rz81C" }),
-			value: t.port_details?.device_id || "—"
-		},
-		{
-			label: n._({ id: "/bUiYk" }),
-			value: t.router_id || "—"
-		},
-		{
-			label: n._({ id: "eks7oA" }),
-			value: t.port_id || "—"
-		},
-		{
-			label: n._({ id: "W9kfjU" }),
-			value: t.qos_policy_id || "—"
-		},
-		{
-			label: n._({ id: "mQSO1Y" }),
-			value: t.port_forwardings?.map((e) => e.id).join(", ") || "—"
-		}
-	], l = [{
-		label: n._({ id: "WlpcJv" }),
-		value: t.dns_domain || "—"
-	}, {
-		label: n._({ id: "eGEHJE" }),
-		value: t.dns_name || "—"
-	}];
-	return /* @__PURE__ */ m(f, { children: [
-		/* @__PURE__ */ p("p", {
-			className: "text-theme-secondary mt-2 text-sm",
-			children: /* @__PURE__ */ p(_, { id: "DNVql8" })
-		}),
-		/* @__PURE__ */ p(d, {
-			floatingIp: t,
-			children: ({ toggleEditModal: e, toggleAttachModal: t, toggleDetachModal: r, toggleReleaseModal: i }) => /* @__PURE__ */ m(o, { children: [
-				/* @__PURE__ */ p(a, {
-					onClick: e,
-					children: n._({ id: "n22YIM" })
-				}),
-				/* @__PURE__ */ p(a, {
-					onClick: t,
-					children: n._({ id: "igVDFt" })
-				}),
-				/* @__PURE__ */ p(a, {
-					onClick: r,
-					children: n._({ id: "FOcBn3" })
-				}),
-				/* @__PURE__ */ p(a, {
-					onClick: i,
-					children: n._({ id: "H+a5j6" })
-				})
-			] })
-		}),
-		/* @__PURE__ */ m(s, {
-			direction: "vertical",
-			gap: "6",
-			className: "my-6",
-			children: [
-				/* @__PURE__ */ m(s, {
-					direction: "vertical",
-					gap: "2",
-					children: [/* @__PURE__ */ p(e, { children: /* @__PURE__ */ p(_, { id: "SuX2Ca" }) }), /* @__PURE__ */ p(b, { items: i })]
-				}),
-				/* @__PURE__ */ m(s, {
-					direction: "vertical",
-					gap: "2",
-					children: [/* @__PURE__ */ p(e, { children: /* @__PURE__ */ p(_, { id: "jKopCP" }) }), /* @__PURE__ */ p(b, { items: c })]
-				}),
-				/* @__PURE__ */ m(s, {
-					direction: "vertical",
-					gap: "2",
-					children: [/* @__PURE__ */ p(e, { children: /* @__PURE__ */ p(_, { id: "5M4Te3" }) }), /* @__PURE__ */ p(b, { items: l })]
-				})
-			]
-		})
-	] });
-};
-//#endregion
-//#region src/client/routes/_auth/projects/$projectId/network/floatingips/$floatingIpId/index.tsx?tsr-split=component
-function S() {
-	let { floatingIpId: t } = l.useParams(), n = u(), r = g(), { data: o, isLoading: d, isError: h, error: v } = c.network.floatingIp.getById.useQuery({
-		project_id: n,
-		floatingip_id: t
-	}), y = () => {
-		r({
-			to: "/projects/$projectId/network/floatingips",
-			params: { projectId: n }
-		});
-	};
-	if (d) return /* @__PURE__ */ m(s, {
-		className: "fixed inset-0",
-		distribution: "center",
-		alignment: "center",
-		direction: "vertical",
-		children: [/* @__PURE__ */ p(i, {
-			variant: "primary",
-			size: "large",
-			className: "mb-2"
-		}), /* @__PURE__ */ p(_, { id: "VLI9eO" })]
-	});
-	if (h) {
-		let e = v?.message || "Unknown error";
-		return /* @__PURE__ */ m(s, {
-			className: "fixed inset-0",
-			distribution: "center",
-			alignment: "center",
-			direction: "vertical",
-			gap: "5",
-			children: [
-				/* @__PURE__ */ p("p", {
-					className: "text-theme-error font-semibold",
-					children: /* @__PURE__ */ p(_, { id: "Smk7M2" })
-				}),
-				/* @__PURE__ */ p("p", {
-					className: "text-theme-highest",
-					children: e
-				}),
-				/* @__PURE__ */ p(a, {
-					onClick: y,
-					variant: "primary",
-					children: /* @__PURE__ */ p(_, { id: "z1JceR" })
-				})
-			]
-		});
-	}
-	return o ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(e, { children: o.floating_ip_address }), /* @__PURE__ */ p(x, { floatingIp: o })] }) : /* @__PURE__ */ m(s, {
-		className: "fixed inset-0",
-		distribution: "center",
-		alignment: "center",
-		direction: "vertical",
-		gap: "5",
-		children: [/* @__PURE__ */ p("p", {
-			className: "text-theme-secondary",
-			children: /* @__PURE__ */ p(_, { id: "ChOuUj" })
-		}), /* @__PURE__ */ p(a, {
-			onClick: y,
-			variant: "primary",
-			children: /* @__PURE__ */ p(_, { id: "z1JceR" })
-		})]
-	});
-}
-//#endregion
-export { S as component };
-
-//# sourceMappingURL=_floatingIpId-DdKnjdIV.mjs.map