@plumile/backoffice-react 0.2.10 → 0.2.12

package/lib/esm/hooks/useBackofficeSidebarPins.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBackofficeSidebarPins.js","names":[],"sources":["../../../src/hooks/useBackofficeSidebarPins.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\n\nconst DEFAULT_STORAGE_KEY = 'backoffice.sidebar.pins.v1';\n\ntype PinsPayload = unknown;\n\nconst readPinsFromStorage = (storageKey: string): string[] => {\n  if (typeof window === 'undefined') {\n    return [];\n  }\n  try {\n    const raw = window.localStorage.getItem(storageKey);\n    if (raw == null) {\n      return [];\n    }\n    const parsed = JSON.parse(raw) as PinsPayload;\n    if (!Array.isArray(parsed)) {\n      return [];\n    }\n    return parsed.filter((entry): entry is string => {\n      return typeof entry === 'string';\n    });\n  } catch {\n    return [];\n  }\n};\n\nconst normalizePins = (\n  pins: readonly string[],\n  validIds: Set<string>,\n): string[] => {\n  const output: string[] = [];\n  const seen = new Set<string>();\n  pins.forEach((entry) => {\n    if (!validIds.has(entry)) {\n      return;\n    }\n    if (seen.has(entry)) {\n      return;\n    }\n    seen.add(entry);\n    output.push(entry);\n  });\n  return output;\n};\n\nconst reorderPins = (\n  pins: readonly string[],\n  fromId: string,\n  toId: string,\n): readonly string[] => {\n  if (fromId === toId) {\n    return pins;\n  }\n  const fromIndex = pins.indexOf(fromId);\n  const toIndex = pins.indexOf(toId);\n  if (fromIndex === -1 || toIndex === -1 || fromIndex === toIndex) {\n    return pins;\n  }\n  const next = [...pins];\n  next.splice(fromIndex, 1);\n  next.splice(toIndex, 0, fromId);\n  return next;\n};\n\nexport type SidebarPinsState = {\n  pins: readonly string[];\n  isPinned: (id: string) => boolean;\n  pin: (id: string) => void;\n  unpin: (id: string) => void;\n  toggle: (id: string) => void;\n  reorder: (fromId: string, toId: string) => void;\n};\n\nexport type UseBackofficeSidebarPinsInput = {\n  enabled?: boolean;\n  storageKey?: string;\n  visibleEntityIds: readonly string[];\n};\n\nexport const useBackofficeSidebarPins = (\n  input: UseBackofficeSidebarPinsInput,\n): SidebarPinsState => {\n  const {\n    enabled = true,\n    storageKey = DEFAULT_STORAGE_KEY,\n    visibleEntityIds,\n  } = input;\n  const validIds = useMemo(() => {\n    return new Set(visibleEntityIds);\n  }, [visibleEntityIds]);\n\n  const [pins, setPins] = useState<string[]>(() => {\n    if (!enabled) {\n      return [];\n    }\n    const stored = readPinsFromStorage(storageKey);\n    return normalizePins(stored, validIds);\n  });\n\n  useEffect(() => {\n    if (!enabled) {\n      setPins([]);\n      return;\n    }\n    setPins((prev) => {\n      const normalized = normalizePins(prev, validIds);\n      if (normalized.length === prev.length) {\n        let unchanged = true;\n        for (let index = 0; index < normalized.length; index += 1) {\n          if (normalized[index] !== prev[index]) {\n            unchanged = false;\n            break;\n          }\n        }\n        if (unchanged) {\n          return prev;\n        }\n      }\n      return normalized;\n    });\n  }, [enabled, validIds]);\n\n  useEffect(() => {\n    if (!enabled) {\n      setPins([]);\n      return;\n    }\n    const stored = readPinsFromStorage(storageKey);\n    setPins(normalizePins(stored, validIds));\n  }, [enabled, storageKey, validIds]);\n\n  useEffect(() => {\n    if (!enabled || typeof window === 'undefined') {\n      return;\n    }\n    try {\n      window.localStorage.setItem(storageKey, JSON.stringify(pins));\n    } catch {\n      // Ignore storage errors in non-browser or restricted environments.\n    }\n  }, [enabled, pins, storageKey]);\n\n  const pinsSet = useMemo(() => {\n    return new Set(pins);\n  }, [pins]);\n\n  const pin = useCallback(\n    (id: string) => {\n      if (!enabled) {\n        return;\n      }\n      if (!validIds.has(id)) {\n        return;\n      }\n      setPins((prev) => {\n        if (prev.includes(id)) {\n          return prev;\n        }\n        return [...prev, id];\n      });\n    },\n    [enabled, validIds],\n  );\n\n  const unpin = useCallback(\n    (id: string) => {\n      if (!enabled) {\n        return;\n      }\n      setPins((prev) => {\n        return prev.filter((entry) => {\n          return entry !== id;\n        });\n      });\n    },\n    [enabled],\n  );\n\n  const toggle = useCallback(\n    (id: string) => {\n      if (pinsSet.has(id)) {\n        unpin(id);\n      } else {\n        pin(id);\n      }\n    },\n    [pin, pinsSet, unpin],\n  );\n\n  const reorder = useCallback(\n    (fromId: string, toId: string) => {\n      if (!enabled) {\n        return;\n      }\n      setPins((prev) => {\n        return reorderPins(prev, fromId, toId) as string[];\n      });\n    },\n    [enabled],\n  );\n\n  const isPinned = useCallback(\n    (id: string) => {\n      return pinsSet.has(id);\n    },\n    [pinsSet],\n  );\n\n  return {\n    pins,\n    isPinned,\n    pin,\n    unpin,\n    toggle,\n    reorder,\n  };\n};\n\nexport const __test = {\n  normalizePins,\n  readPinsFromStorage,\n  reorderPins,\n};\n\nexport default useBackofficeSidebarPins;\n"],"mappings":"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"}
+{"version":3,"file":"useBackofficeSidebarPins.js","names":[],"sources":["../../../src/hooks/useBackofficeSidebarPins.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\n\nconst DEFAULT_STORAGE_KEY = 'backoffice.sidebar.pins.v1';\n\ntype PinsPayload = unknown;\n\nconst readPinsFromStorage = (storageKey: string): string[] => {\n  if (typeof window === 'undefined') {\n    return [];\n  }\n  try {\n    const raw = window.localStorage.getItem(storageKey);\n    if (raw == null) {\n      return [];\n    }\n    const parsed = JSON.parse(raw) as PinsPayload;\n    if (!Array.isArray(parsed)) {\n      return [];\n    }\n    return parsed.filter((entry): entry is string => {\n      return typeof entry === 'string';\n    });\n  } catch {\n    return [];\n  }\n};\n\nconst normalizePins = (\n  pins: readonly string[],\n  validIds: Set<string>,\n): string[] => {\n  const output: string[] = [];\n  const seen = new Set<string>();\n  pins.forEach((entry) => {\n    if (!validIds.has(entry)) {\n      return;\n    }\n    if (seen.has(entry)) {\n      return;\n    }\n    seen.add(entry);\n    output.push(entry);\n  });\n  return output;\n};\n\nconst reorderPins = (\n  pins: readonly string[],\n  fromId: string,\n  toId: string,\n): readonly string[] => {\n  if (fromId === toId) {\n    return pins;\n  }\n  const fromIndex = pins.indexOf(fromId);\n  const toIndex = pins.indexOf(toId);\n  if (fromIndex === -1 || toIndex === -1 || fromIndex === toIndex) {\n    return pins;\n  }\n  const next = [...pins];\n  next.splice(fromIndex, 1);\n  next.splice(toIndex, 0, fromId);\n  return next;\n};\n\nexport type SidebarPinsState = {\n  pins: readonly string[];\n  isPinned: (id: string) => boolean;\n  pin: (id: string) => void;\n  unpin: (id: string) => void;\n  toggle: (id: string) => void;\n  reorder: (fromId: string, toId: string) => void;\n};\n\nexport type UseBackofficeSidebarPinsInput = {\n  enabled?: boolean;\n  storageKey?: string;\n  visibleEntityIds: readonly string[];\n};\n\nexport const useBackofficeSidebarPins = (\n  input: UseBackofficeSidebarPinsInput,\n): SidebarPinsState => {\n  const {\n    enabled = true,\n    storageKey = DEFAULT_STORAGE_KEY,\n    visibleEntityIds,\n  } = input;\n  const validIds = useMemo(() => {\n    return new Set(visibleEntityIds);\n  }, [visibleEntityIds]);\n\n  const [pins, setPins] = useState<string[]>(() => {\n    if (!enabled) {\n      return [];\n    }\n    const stored = readPinsFromStorage(storageKey);\n    return normalizePins(stored, validIds);\n  });\n\n  useEffect(() => {\n    if (!enabled) {\n      setPins([]);\n      return;\n    }\n    setPins((prev) => {\n      const normalized = normalizePins(prev, validIds);\n      if (normalized.length === prev.length) {\n        let unchanged = true;\n        for (let index = 0; index < normalized.length; index += 1) {\n          if (normalized[index] !== prev[index]) {\n            unchanged = false;\n            break;\n          }\n        }\n        if (unchanged) {\n          return prev;\n        }\n      }\n      return normalized;\n    });\n  }, [enabled, validIds]);\n\n  useEffect(() => {\n    if (!enabled) {\n      setPins([]);\n      return;\n    }\n    const stored = readPinsFromStorage(storageKey);\n    setPins(normalizePins(stored, validIds));\n  }, [enabled, storageKey, validIds]);\n\n  useEffect(() => {\n    if (!enabled || typeof window === 'undefined') {\n      return;\n    }\n    try {\n      window.localStorage.setItem(storageKey, JSON.stringify(pins));\n    } catch {\n      // Ignore storage errors in non-browser or restricted environments.\n    }\n  }, [enabled, pins, storageKey]);\n\n  const pinsSet = useMemo(() => {\n    return new Set(pins);\n  }, [pins]);\n\n  const pin = useCallback(\n    (id: string) => {\n      if (!enabled) {\n        return;\n      }\n      if (!validIds.has(id)) {\n        return;\n      }\n      setPins((prev) => {\n        if (prev.includes(id)) {\n          return prev;\n        }\n        return [...prev, id];\n      });\n    },\n    [enabled, validIds],\n  );\n\n  const unpin = useCallback(\n    (id: string) => {\n      if (!enabled) {\n        return;\n      }\n      setPins((prev) => {\n        return prev.filter((entry) => {\n          return entry !== id;\n        });\n      });\n    },\n    [enabled],\n  );\n\n  const toggle = useCallback(\n    (id: string) => {\n      if (pinsSet.has(id)) {\n        unpin(id);\n      } else {\n        pin(id);\n      }\n    },\n    [pin, pinsSet, unpin],\n  );\n\n  const reorder = useCallback(\n    (fromId: string, toId: string) => {\n      if (!enabled) {\n        return;\n      }\n      setPins((prev) => {\n        return reorderPins(prev, fromId, toId) as string[];\n      });\n    },\n    [enabled],\n  );\n\n  const isPinned = useCallback(\n    (id: string) => {\n      return pinsSet.has(id);\n    },\n    [pinsSet],\n  );\n\n  return {\n    pins,\n    isPinned,\n    pin,\n    unpin,\n    toggle,\n    reorder,\n  };\n};\n\nexport const __test = {\n  normalizePins,\n  readPinsFromStorage,\n  reorderPins,\n};\n\nexport default useBackofficeSidebarPins;\n"],"mappings":"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"}

package/lib/esm/hooks/useSidebarGroupCollapse.js

@@ -43,7 +43,7 @@ var i = (e) => {
 		c,
 		f
 	]), t(() => {
-		if (!(!u || d == null || typeof window > "u")) try {
+		if (u && d != null && typeof window < "u") try {
 			window.localStorage.setItem(d, JSON.stringify(p));
 		} catch {}
 	}, [

package/lib/esm/hooks/useSidebarGroupCollapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSidebarGroupCollapse.js","names":[],"sources":["../../../src/hooks/useSidebarGroupCollapse.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\n\nexport type SidebarGroupCollapseState = Record<string, boolean | undefined>;\n\nexport type UseSidebarGroupCollapseInput = {\n  groupIds: readonly string[];\n  activeGroupId?: string | null;\n  defaultCollapsedByGroupId?: Record<string, boolean | undefined>;\n  storageKey?: string;\n  persist?: boolean;\n};\n\nconst readStoredState = (\n  storageKey: string | undefined,\n): SidebarGroupCollapseState | null => {\n  if (storageKey == null || typeof window === 'undefined') {\n    return null;\n  }\n  try {\n    const raw = window.localStorage.getItem(storageKey);\n    if (raw == null) {\n      return null;\n    }\n    const parsed = JSON.parse(raw) as unknown;\n    if (parsed == null || typeof parsed !== 'object') {\n      return null;\n    }\n    const output: SidebarGroupCollapseState = {};\n    Object.entries(parsed as Record<string, unknown>).forEach(\n      ([key, value]) => {\n        if (typeof value === 'boolean') {\n          output[key] = value;\n        }\n      },\n    );\n    return output;\n  } catch {\n    return null;\n  }\n};\n\nconst buildInitialState = (\n  groupIds: readonly string[],\n  activeGroupId?: string | null,\n  defaultCollapsedByGroupId?: Record<string, boolean | undefined>,\n): SidebarGroupCollapseState => {\n  const state: SidebarGroupCollapseState = {};\n  groupIds.forEach((groupId) => {\n    state[groupId] = defaultCollapsedByGroupId?.[groupId] ?? true;\n  });\n  if (activeGroupId != null && groupIds.includes(activeGroupId)) {\n    state[activeGroupId] = false;\n  }\n  return state;\n};\n\nexport const useSidebarGroupCollapse = (\n  input: UseSidebarGroupCollapseInput,\n): {\n  collapsedByGroupId: SidebarGroupCollapseState;\n  setCollapsed: (groupId: string, collapsed: boolean) => void;\n} => {\n  const {\n    activeGroupId,\n    defaultCollapsedByGroupId,\n    groupIds,\n    persist = false,\n    storageKey,\n  } = input;\n\n  const groupIdList = useMemo(() => {\n    return [...groupIds];\n  }, [groupIds]);\n\n  const [collapsedByGroupId, setCollapsedByGroupId] =\n    useState<SidebarGroupCollapseState>(() => {\n      if (persist) {\n        const stored = readStoredState(storageKey);\n        if (stored != null) {\n          return {\n            ...buildInitialState(\n              groupIdList,\n              activeGroupId,\n              defaultCollapsedByGroupId,\n            ),\n            ...stored,\n          };\n        }\n      }\n      return buildInitialState(\n        groupIdList,\n        activeGroupId,\n        defaultCollapsedByGroupId,\n      );\n    });\n\n  useEffect(() => {\n    setCollapsedByGroupId((prev) => {\n      const next: SidebarGroupCollapseState = {};\n\n      groupIdList.forEach((groupId) => {\n        const existing = prev[groupId];\n        next[groupId] =\n          existing ?? defaultCollapsedByGroupId?.[groupId] ?? true;\n      });\n\n      if (activeGroupId != null && groupIdList.includes(activeGroupId)) {\n        next[activeGroupId] = false;\n      }\n\n      return next;\n    });\n  }, [activeGroupId, defaultCollapsedByGroupId, groupIdList]);\n\n  useEffect(() => {\n    if (!persist || storageKey == null || typeof window === 'undefined') {\n      return;\n    }\n    try {\n      window.localStorage.setItem(\n        storageKey,\n        JSON.stringify(collapsedByGroupId),\n      );\n    } catch {\n      // Ignore storage quota / privacy mode failures.\n    }\n  }, [collapsedByGroupId, persist, storageKey]);\n\n  useEffect(() => {\n    if (activeGroupId == null) {\n      return;\n    }\n    setCollapsedByGroupId((prev) => {\n      if (prev[activeGroupId] === false) {\n        return prev;\n      }\n      return {\n        ...prev,\n        [activeGroupId]: false,\n      };\n    });\n  }, [activeGroupId]);\n\n  const setCollapsed = useCallback((groupId: string, collapsed: boolean) => {\n    setCollapsedByGroupId((prev) => {\n      if (prev[groupId] === collapsed) {\n        return prev;\n      }\n      return {\n        ...prev,\n        [groupId]: collapsed,\n      };\n    });\n  }, []);\n\n  return {\n    collapsedByGroupId,\n    setCollapsed,\n  };\n};\n\nexport default useSidebarGroupCollapse;\n"],"mappings":";;AAYA,IAAM,KACJ,MACqC;CACrC,IAAI,KAAc,QAAQ,OAAO,SAAW,KAC1C,OAAO;CAET,IAAI;EACF,IAAM,IAAM,OAAO,aAAa,QAAQ,CAAU;EAClD,IAAI,KAAO,MACT,OAAO;EAET,IAAM,IAAS,KAAK,MAAM,CAAG;EAC7B,IAAsB,OAAO,KAAW,aAApC,GACF,OAAO;EAET,IAAM,IAAoC,CAAC;EAQ3C,OAPA,OAAO,QAAQ,CAAiC,CAAC,CAAC,SAC/C,CAAC,GAAK,OAAW;GAChB,AAAI,OAAO,KAAU,cACnB,EAAO,KAAO;EAElB,CACF,GACO;CACT,QAAQ;EACN,OAAO;CACT;AACF,GAEM,KACJ,GACA,GACA,MAC8B;CAC9B,IAAM,IAAmC,CAAC;CAO1C,OANA,EAAS,SAAS,MAAY;EAC5B,EAAM,KAAW,IAA4B,MAAY;CAC3D,CAAC,GACG,KAAiB,QAAQ,EAAS,SAAS,CAAa,MAC1D,EAAM,KAAiB,KAElB;AACT,GAEa,KACX,MAIG;CACH,IAAM,EACJ,kBACA,8BACA,aACA,aAAU,IACV,kBACE,GAEE,IAAc,QACX,CAAC,GAAG,CAAQ,GAClB,CAAC,CAAQ,CAAC,GAEP,CAAC,GAAoB,KACzB,QAA0C;EACxC,IAAI,GAAS;GACX,IAAM,IAAS,EAAgB,CAAU;GACzC,IAAI,KAAU,MACZ,OAAO;IACL,GAAG,EACD,GACA,GACA,CACF;IACA,GAAG;GACL;EAEJ;EACA,OAAO,EACL,GACA,GACA,CACF;CACF,CAAC;CA6DH,OA3DA,QAAgB;EACd,GAAuB,MAAS;GAC9B,IAAM,IAAkC,CAAC;GAYzC,OAVA,EAAY,SAAS,MAAY;IAC/B,IAAM,IAAW,EAAK;IACtB,EAAK,KACH,KAAY,IAA4B,MAAY;GACxD,CAAC,GAEG,KAAiB,QAAQ,EAAY,SAAS,CAAa,MAC7D,EAAK,KAAiB,KAGjB;EACT,CAAC;CACH,GAAG;EAAC;EAAe;EAA2B;CAAW,CAAC,GAE1D,QAAgB;EACV,OAAC,KAAW,KAAc,QAAQ,OAAO,SAAW,MAGxD,IAAI;GACF,OAAO,aAAa,QAClB,GACA,KAAK,UAAU,CAAkB,CACnC;EACF,QAAQ,CAER;CACF,GAAG;EAAC;EAAoB;EAAS;CAAU,CAAC,GAE5C,QAAgB;EACV,KAAiB,QAGrB,GAAuB,MACjB,EAAK,OAAmB,KACnB,IAEF;GACL,GAAG;IACF,IAAgB;EACnB,CACD;CACH,GAAG,CAAC,CAAa,CAAC,GAcX;EACL;EACA,cAdmB,GAAa,GAAiB,MAAuB;GACxE,GAAuB,MACjB,EAAK,OAAa,IACb,IAEF;IACL,GAAG;KACF,IAAU;GACb,CACD;EACH,GAAG,CAAC,CAIF;CACF;AACF"}
+{"version":3,"file":"useSidebarGroupCollapse.js","names":[],"sources":["../../../src/hooks/useSidebarGroupCollapse.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\n\nexport type SidebarGroupCollapseState = Record<string, boolean | undefined>;\n\nexport type UseSidebarGroupCollapseInput = {\n  groupIds: readonly string[];\n  activeGroupId?: string | null;\n  defaultCollapsedByGroupId?: Record<string, boolean | undefined>;\n  storageKey?: string;\n  persist?: boolean;\n};\n\nconst readStoredState = (\n  storageKey: string | undefined,\n): SidebarGroupCollapseState | null => {\n  if (storageKey == null || typeof window === 'undefined') {\n    return null;\n  }\n  try {\n    const raw = window.localStorage.getItem(storageKey);\n    if (raw == null) {\n      return null;\n    }\n    const parsed = JSON.parse(raw) as unknown;\n    if (parsed == null || typeof parsed !== 'object') {\n      return null;\n    }\n    const output: SidebarGroupCollapseState = {};\n    Object.entries(parsed as Record<string, unknown>).forEach(\n      ([key, value]) => {\n        if (typeof value === 'boolean') {\n          output[key] = value;\n        }\n      },\n    );\n    return output;\n  } catch {\n    return null;\n  }\n};\n\nconst buildInitialState = (\n  groupIds: readonly string[],\n  activeGroupId?: string | null,\n  defaultCollapsedByGroupId?: Record<string, boolean | undefined>,\n): SidebarGroupCollapseState => {\n  const state: SidebarGroupCollapseState = {};\n  groupIds.forEach((groupId) => {\n    state[groupId] = defaultCollapsedByGroupId?.[groupId] ?? true;\n  });\n  if (activeGroupId != null && groupIds.includes(activeGroupId)) {\n    state[activeGroupId] = false;\n  }\n  return state;\n};\n\nexport const useSidebarGroupCollapse = (\n  input: UseSidebarGroupCollapseInput,\n): {\n  collapsedByGroupId: SidebarGroupCollapseState;\n  setCollapsed: (groupId: string, collapsed: boolean) => void;\n} => {\n  const {\n    activeGroupId,\n    defaultCollapsedByGroupId,\n    groupIds,\n    persist = false,\n    storageKey,\n  } = input;\n\n  const groupIdList = useMemo(() => {\n    return [...groupIds];\n  }, [groupIds]);\n\n  const [collapsedByGroupId, setCollapsedByGroupId] =\n    useState<SidebarGroupCollapseState>(() => {\n      if (persist) {\n        const stored = readStoredState(storageKey);\n        if (stored != null) {\n          return {\n            ...buildInitialState(\n              groupIdList,\n              activeGroupId,\n              defaultCollapsedByGroupId,\n            ),\n            ...stored,\n          };\n        }\n      }\n      return buildInitialState(\n        groupIdList,\n        activeGroupId,\n        defaultCollapsedByGroupId,\n      );\n    });\n\n  useEffect(() => {\n    setCollapsedByGroupId((prev) => {\n      const next: SidebarGroupCollapseState = {};\n\n      groupIdList.forEach((groupId) => {\n        const existing = prev[groupId];\n        next[groupId] =\n          existing ?? defaultCollapsedByGroupId?.[groupId] ?? true;\n      });\n\n      if (activeGroupId != null && groupIdList.includes(activeGroupId)) {\n        next[activeGroupId] = false;\n      }\n\n      return next;\n    });\n  }, [activeGroupId, defaultCollapsedByGroupId, groupIdList]);\n\n  useEffect(() => {\n    if (!persist || storageKey == null || typeof window === 'undefined') {\n      return;\n    }\n    try {\n      window.localStorage.setItem(\n        storageKey,\n        JSON.stringify(collapsedByGroupId),\n      );\n    } catch {\n      // Ignore storage quota / privacy mode failures.\n    }\n  }, [collapsedByGroupId, persist, storageKey]);\n\n  useEffect(() => {\n    if (activeGroupId == null) {\n      return;\n    }\n    setCollapsedByGroupId((prev) => {\n      if (prev[activeGroupId] === false) {\n        return prev;\n      }\n      return {\n        ...prev,\n        [activeGroupId]: false,\n      };\n    });\n  }, [activeGroupId]);\n\n  const setCollapsed = useCallback((groupId: string, collapsed: boolean) => {\n    setCollapsedByGroupId((prev) => {\n      if (prev[groupId] === collapsed) {\n        return prev;\n      }\n      return {\n        ...prev,\n        [groupId]: collapsed,\n      };\n    });\n  }, []);\n\n  return {\n    collapsedByGroupId,\n    setCollapsed,\n  };\n};\n\nexport default useSidebarGroupCollapse;\n"],"mappings":";;AAYA,IAAM,KACJ,MACqC;CACrC,IAAI,KAAc,QAAQ,OAAO,SAAW,KAC1C,OAAO;CAET,IAAI;EACF,IAAM,IAAM,OAAO,aAAa,QAAQ,CAAU;EAClD,IAAI,KAAO,MACT,OAAO;EAET,IAAM,IAAS,KAAK,MAAM,CAAG;EAC7B,IAAsB,OAAO,KAAW,aAApC,GACF,OAAO;EAET,IAAM,IAAoC,CAAC;EAQ3C,OAPA,OAAO,QAAQ,CAAiC,CAAC,CAAC,SAC/C,CAAC,GAAK,OAAW;GAChB,AAAI,OAAO,KAAU,cACnB,EAAO,KAAO;EAElB,CACF,GACO;CACT,QAAQ;EACN,OAAO;CACT;AACF,GAEM,KACJ,GACA,GACA,MAC8B;CAC9B,IAAM,IAAmC,CAAC;CAO1C,OANA,EAAS,SAAS,MAAY;EAC5B,EAAM,KAAW,IAA4B,MAAY;CAC3D,CAAC,GACG,KAAiB,QAAQ,EAAS,SAAS,CAAa,MAC1D,EAAM,KAAiB,KAElB;AACT,GAEa,KACX,MAIG;CACH,IAAM,EACJ,kBACA,8BACA,aACA,aAAU,IACV,kBACE,GAEE,IAAc,QACX,CAAC,GAAG,CAAQ,GAClB,CAAC,CAAQ,CAAC,GAEP,CAAC,GAAoB,KACzB,QAA0C;EACxC,IAAI,GAAS;GACX,IAAM,IAAS,EAAgB,CAAU;GACzC,IAAI,KAAU,MACZ,OAAO;IACL,GAAG,EACD,GACA,GACA,CACF;IACA,GAAG;GACL;EAEJ;EACA,OAAO,EACL,GACA,GACA,CACF;CACF,CAAC;CA6DH,OA3DA,QAAgB;EACd,GAAuB,MAAS;GAC9B,IAAM,IAAkC,CAAC;GAYzC,OAVA,EAAY,SAAS,MAAY;IAC/B,IAAM,IAAW,EAAK;IACtB,EAAK,KACH,KAAY,IAA4B,MAAY;GACxD,CAAC,GAEG,KAAiB,QAAQ,EAAY,SAAS,CAAa,MAC7D,EAAK,KAAiB,KAGjB;EACT,CAAC;CACH,GAAG;EAAC;EAAe;EAA2B;CAAW,CAAC,GAE1D,QAAgB;EACV,IAAC,KAAW,KAAc,QAAQ,OAAO,SAAW,KAGxD,IAAI;GACF,OAAO,aAAa,QAClB,GACA,KAAK,UAAU,CAAkB,CACnC;EACF,QAAQ,CAER;CACF,GAAG;EAAC;EAAoB;EAAS;CAAU,CAAC,GAE5C,QAAgB;EACV,KAAiB,QAGrB,GAAuB,MACjB,EAAK,OAAmB,KACnB,IAEF;GACL,GAAG;IACF,IAAgB;EACnB,CACD;CACH,GAAG,CAAC,CAAa,CAAC,GAcX;EACL;EACA,cAdmB,GAAa,GAAiB,MAAuB;GACxE,GAAuB,MACjB,EAAK,OAAa,IACb,IAEF;IACL,GAAG;KACF,IAAU;GACb,CACD;EACH,GAAG,CAAC,CAIF;CACF;AACF"}

package/lib/esm/pages/BackofficeDashboardPage.js

@@ -7,24 +7,24 @@ import { useBackofficeDashboardConfig as a } from "../provider/useBackofficeLazy
 import { getWidgetLabel as o, resolveLabel as s } from "./BackofficeDashboardPage.helpers.js";
 import { loadingBody as c, tileBody as l, tileCount as u } from "./backofficeDashboardPage.css.js";
 import { Suspense as d, lazy as f, useMemo as p, useState as m } from "react";
-import { DashboardGrid as h, DashboardGridItem as g, DashboardPanel as _, DashboardQuickActions as v } from "@plumile/ui";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { useTranslation as x } from "react-i18next";
-import { Spinner as S } from "@plumile/ui/backoffice/atoms/spinner/Spinner.js";
-import { BackofficeEmptyState as C } from "@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js";
-import { DetailPageTemplate as w } from "@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js";
+import { DashboardGrid as h, DashboardPanel as g, DashboardQuickActions as _ } from "@plumile/ui";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { useTranslation as b } from "react-i18next";
+import { Spinner as x } from "@plumile/ui/backoffice/atoms/spinner/Spinner.js";
+import { BackofficeEmptyState as S } from "@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js";
+import { DetailPageTemplate as C } from "@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js";
 //#region src/pages/BackofficeDashboardPage.tsx
-var T = f(async () => ({ default: (await import("./BackofficeDashboardWidgetContent.js")).BackofficeDashboardWidgetContent })), E = {
+var w = f(async () => ({ default: (await import("./BackofficeDashboardWidgetContent.js")).BackofficeDashboardWidgetContent })), T = {
 	id: "24h",
 	label: (e) => e("common.time.lastDay", "24 h"),
 	durationMs: 864e5
-}, D = [
+}, E = [
 	{
 		id: "1h",
 		label: (e) => e("common.time.lastHour", "1 h"),
 		durationMs: 36e5
 	},
-	E,
+	T,
 	{
 		id: "7d",
 		label: (e) => e("common.time.lastSevenDays", "7 j"),
@@ -35,20 +35,20 @@ var T = f(async () => ({ default: (await import("./BackofficeDashboardWidgetCont
 		label: (e) => e("common.time.lastThirtyDays", "30 j"),
 		durationMs: 2592e6
 	}
-], O = () => {
+], D = () => {
 	let { t } = e();
-	return /* @__PURE__ */ y(C, { title: t("common.notAvailable") });
-}, k = () => {
+	return /* @__PURE__ */ v(S, { title: t("common.notAvailable") });
+}, O = () => {
 	let { t } = e();
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ y("div", {
 		className: c,
-		children: [/* @__PURE__ */ y(S, { ariaLabel: t("common.loading") }), /* @__PURE__ */ y("span", { children: t("common.loading") })]
+		children: [/* @__PURE__ */ v(x, { ariaLabel: t("common.loading") }), /* @__PURE__ */ v("span", { children: t("common.loading") })]
 	});
-}, A = (e) => e ?? "m", j = (e) => {
+}, k = (e) => e ?? "m", A = (e) => {
 	if (e.layout?.span != null) return e.layout.span;
-	let t = A(e.size);
+	let t = k(e.size);
 	return t === "s" ? 3 : t === "m" ? 4 : t === "l" ? 6 : t === "xl" ? 8 : 12;
-}, M = (e) => e.layout?.tabletSpan, N = (e) => e.windowPresets != null && e.windowPresets.length > 0 ? e.windowPresets : D, P = (e, t) => e.defaultWindowPresetId != null && t.some((t) => t.id === e.defaultWindowPresetId) ? e.defaultWindowPresetId : t[1]?.id ?? t[0]?.id ?? "24h", F = (e, t) => {
+}, j = (e) => e.layout?.tabletSpan, M = (e) => e.windowPresets != null && e.windowPresets.length > 0 ? e.windowPresets : E, N = (e, t) => e.defaultWindowPresetId != null && t.some((t) => t.id === e.defaultWindowPresetId) ? e.defaultWindowPresetId : t[1]?.id ?? t[0]?.id ?? "24h", P = (e, t) => {
 	let n = new Date(t), r = new Date(t - e.durationMs);
 	return {
 		id: e.id,
@@ -56,73 +56,75 @@ var T = f(async () => ({ default: (await import("./BackofficeDashboardWidgetCont
 		from: r.toISOString(),
 		to: n.toISOString()
 	};
-}, I = ({ config: t }) => {
-	let { t: r } = x(), { t: i } = e(), a = p(() => N(t), [t]), [c, l] = m(() => P(t, a)), [u, f] = m(() => Date.now()), v = s(t.title, r), b = t.subtitle == null ? void 0 : s(t.subtitle, r), S = { window: F(a.find((e) => e.id === c) ?? a[0] ?? E, u) }, C = (e) => {
+}, F = ({ config: t }) => {
+	let { t: r } = b(), { t: i } = e(), a = p(() => M(t), [t]), [c, l] = m(() => N(t, a)), [u, f] = m(() => Date.now()), _ = s(t.title, r), y = t.subtitle == null ? void 0 : s(t.subtitle, r), x = { window: P(a.find((e) => e.id === c) ?? a[0] ?? T, u) }, S = (e) => {
 		l(e), f(Date.now());
 	};
-	return /* @__PURE__ */ y(w, {
+	return /* @__PURE__ */ v(C, {
 		header: {
-			title: v,
-			subtitle: b ?? i("dashboard.subtitle")
+			title: _,
+			subtitle: y ?? i("dashboard.subtitle")
 		},
-		children: /* @__PURE__ */ y(h, {
+		children: /* @__PURE__ */ v(h, {
 			columns: 12,
-			children: t.widgets.map((e) => {
+			items: t.widgets.map((e) => {
 				let i = s(o(e, t), r);
-				return /* @__PURE__ */ y(g, {
+				return {
+					key: e.id,
 					minHeight: e.minHeight ?? "auto",
-					span: j(e),
-					tabletSpan: M(e),
-					children: /* @__PURE__ */ y(n, {
-						fallback: () => /* @__PURE__ */ y(_, {
+					span: A(e),
+					tabletSpan: j(e),
+					content: /* @__PURE__ */ v(n, {
+						fallback: () => /* @__PURE__ */ v(g, {
 							title: i,
-							children: /* @__PURE__ */ y(O, {})
+							children: /* @__PURE__ */ v(D, {})
 						}),
-						children: /* @__PURE__ */ y(d, {
-							fallback: /* @__PURE__ */ y(_, {
+						children: /* @__PURE__ */ v(d, {
+							fallback: /* @__PURE__ */ v(g, {
 								title: i,
-								children: /* @__PURE__ */ y(k, {})
+								children: /* @__PURE__ */ v(O, {})
 							}),
-							children: /* @__PURE__ */ y(T, {
+							children: /* @__PURE__ */ v(w, {
 								widget: e,
-								context: S,
+								context: x,
 								windowPresets: a,
 								activeWindowPresetId: c,
-								onWindowPresetChange: C
+								onWindowPresetChange: S
 							})
 						})
 					})
-				}, e.id);
+				};
 			})
 		})
 	});
-}, L = ({ prepared: n }) => {
-	let { t: o } = x(), { t: c } = e(), { entities: d } = t(), f = a(), p = n?.config ?? f, m = i(c);
+}, I = ({ prepared: n }) => {
+	let { t: o } = b(), { t: c } = e(), { entities: d } = t(), f = a(), p = n?.config ?? f, m = i(c);
 	if (p == null) {
 		let e = Object.values(d).filter((e) => e.kind === "list-detail" && e.hasList).map((e) => ({
 			config: e,
 			label: s(e.label, o)
 		})).sort((e, t) => e.label.localeCompare(t.label));
-		return /* @__PURE__ */ y(r, {
+		return /* @__PURE__ */ v(r, {
 			breadcrumb: m,
-			children: /* @__PURE__ */ y(w, {
+			children: /* @__PURE__ */ v(C, {
 				header: {
 					title: c("dashboard.title"),
 					subtitle: c("dashboard.subtitle")
 				},
-				children: /* @__PURE__ */ y(h, {
+				children: /* @__PURE__ */ v(h, {
 					columns: 12,
-					children: e.map(({ config: e, label: t }) => /* @__PURE__ */ y(g, {
+					items: e.map(({ config: e, label: t }) => ({
+						key: e.id,
 						span: 4,
-						children: /* @__PURE__ */ y(_, {
+						content: /* @__PURE__ */ v(g, {
 							title: t,
-							children: /* @__PURE__ */ b("div", {
+							children: /* @__PURE__ */ y("div", {
 								className: l,
-								children: [/* @__PURE__ */ y("div", {
+								children: [/* @__PURE__ */ v("div", {
 									className: u,
 									children: c("common.notAvailable")
-								}), /* @__PURE__ */ y(v, {
-									emptyState: /* @__PURE__ */ y(O, {}),
+								}), /* @__PURE__ */ v(_, {
+									emptyState: /* @__PURE__ */ v(D, {}),
 									actions: [{
 										id: e.id,
 										href: e.routes.list,
@@ -131,17 +133,17 @@ var T = f(async () => ({ default: (await import("./BackofficeDashboardWidgetCont
 								})]
 							})
 						})
-					}, e.id))
+					}))
 				})
 			})
 		});
 	}
-	return /* @__PURE__ */ y(r, {
+	return /* @__PURE__ */ v(r, {
 		breadcrumb: m,
-		children: /* @__PURE__ */ y(I, { config: p })
+		children: /* @__PURE__ */ v(F, { config: p })
 	});
 };
 //#endregion
-export { L as BackofficeDashboardPage, L as default };
+export { I as BackofficeDashboardPage, I as default };
 
 //# sourceMappingURL=BackofficeDashboardPage.js.map

package/lib/esm/pages/BackofficeDashboardPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeDashboardPage.js","names":[],"sources":["../../../src/pages/BackofficeDashboardPage.tsx"],"sourcesContent":["import { lazy, type JSX, Suspense, useMemo, useState } from 'react';\nimport type {\n  BackofficeDashboardConfig,\n  BackofficeDashboardContext,\n  BackofficeDashboardWindowPreset,\n  BackofficeDashboardWindowState,\n  BackofficeDashboardWidget,\n  BackofficeDashboardWidgetSpan,\n  BackofficeDashboardWidgetTabletSpan,\n  BackofficeDashboardWidgetSize,\n} from '@plumile/backoffice-core/types.js';\nimport { Spinner } from '@plumile/ui/backoffice/atoms/spinner/Spinner.js';\nimport { BackofficeEmptyState } from '@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js';\nimport { DetailPageTemplate } from '@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js';\nimport {\n  DashboardPanel,\n  DashboardQuickActions,\n  DashboardGrid,\n  DashboardGridItem,\n} from '@plumile/ui';\nimport { useTranslation } from 'react-i18next';\n\nimport { BackofficeErrorBoundary } from '../components/backoffice/errors/BackofficeErrorBoundary.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useBackofficeDashboardConfig } from '../provider/useBackofficeLazyValue.js';\nimport type { BackofficePreparedDashboardRoute } from '../router/createBackofficeRoutes.js';\nimport { BackofficeRightPageLayout } from '../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js';\nimport { buildDashboardBreadcrumb } from '../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js';\nimport {\n  getWidgetLabel,\n  resolveLabel,\n} from './BackofficeDashboardPage.helpers.js';\n\nimport * as styles from './backofficeDashboardPage.css.js';\n\nconst LazyBackofficeDashboardWidgetContent = lazy(async () => {\n  const module = await import('./BackofficeDashboardWidgetContent.js');\n  return {\n    default: module.BackofficeDashboardWidgetContent,\n  };\n});\n\nconst fallbackDashboardWindowPreset: BackofficeDashboardWindowPreset = {\n  id: '24h',\n  label: (t) => {\n    return t('common.time.lastDay', '24 h');\n  },\n  durationMs: 24 * 60 * 60 * 1000,\n};\n\nconst defaultDashboardWindowPresets: readonly BackofficeDashboardWindowPreset[] =\n  [\n    {\n      id: '1h',\n      label: (t) => {\n        return t('common.time.lastHour', '1 h');\n      },\n      durationMs: 60 * 60 * 1000,\n    },\n    fallbackDashboardWindowPreset,\n    {\n      id: '7d',\n      label: (t) => {\n        return t('common.time.lastSevenDays', '7 j');\n      },\n      durationMs: 7 * 24 * 60 * 60 * 1000,\n    },\n    {\n      id: '30d',\n      label: (t) => {\n        return t('common.time.lastThirtyDays', '30 j');\n      },\n      durationMs: 30 * 24 * 60 * 60 * 1000,\n    },\n  ];\n\nconst DashboardUnavailableState = (): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n\n  return <BackofficeEmptyState title={t('common.notAvailable')} />;\n};\n\nconst DashboardLoadingState = (): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n\n  return (\n    <div className={styles.loadingBody}>\n      <Spinner ariaLabel={t('common.loading')} />\n      <span>{t('common.loading')}</span>\n    </div>\n  );\n};\n\nconst resolveWidgetSize = (\n  size: BackofficeDashboardWidgetSize | undefined,\n): BackofficeDashboardWidgetSize => {\n  return size ?? 'm';\n};\n\nconst resolveWidgetSpan = (\n  widget: BackofficeDashboardWidget,\n): BackofficeDashboardWidgetSpan => {\n  if (widget.layout?.span != null) {\n    return widget.layout.span;\n  }\n\n  const size = resolveWidgetSize(widget.size);\n  if (size === 's') {\n    return 3;\n  }\n  if (size === 'm') {\n    return 4;\n  }\n  if (size === 'l') {\n    return 6;\n  }\n  if (size === 'xl') {\n    return 8;\n  }\n  return 12;\n};\n\nconst resolveWidgetTabletSpan = (\n  widget: BackofficeDashboardWidget,\n): BackofficeDashboardWidgetTabletSpan | undefined => {\n  return widget.layout?.tabletSpan;\n};\n\ntype DashboardContentProps = {\n  config: BackofficeDashboardConfig;\n};\n\nconst resolveDashboardWindowPresets = (\n  config: BackofficeDashboardConfig,\n): readonly BackofficeDashboardWindowPreset[] => {\n  if (config.windowPresets != null && config.windowPresets.length > 0) {\n    return config.windowPresets;\n  }\n  return defaultDashboardWindowPresets;\n};\n\nconst resolveDefaultDashboardWindowPresetId = (\n  config: BackofficeDashboardConfig,\n  presets: readonly BackofficeDashboardWindowPreset[],\n): string => {\n  if (\n    config.defaultWindowPresetId != null &&\n    presets.some((preset) => {\n      return preset.id === config.defaultWindowPresetId;\n    })\n  ) {\n    return config.defaultWindowPresetId;\n  }\n  return presets[1]?.id ?? presets[0]?.id ?? '24h';\n};\n\nconst buildDashboardWindowState = (\n  preset: BackofficeDashboardWindowPreset,\n  nowMs: number,\n): BackofficeDashboardWindowState => {\n  const to = new Date(nowMs);\n  const from = new Date(nowMs - preset.durationMs);\n  return {\n    id: preset.id,\n    label: preset.label,\n    from: from.toISOString(),\n    to: to.toISOString(),\n  };\n};\n\nconst DashboardContent = ({ config }: DashboardContentProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const presets = useMemo(() => {\n    return resolveDashboardWindowPresets(config);\n  }, [config]);\n  const [activeWindowPresetId, setActiveWindowPresetId] = useState(() => {\n    return resolveDefaultDashboardWindowPresetId(config, presets);\n  });\n  const [windowNowMs, setWindowNowMs] = useState(() => {\n    return Date.now();\n  });\n\n  const title = resolveLabel(config.title, tApp);\n  const subtitle =\n    config.subtitle != null ? resolveLabel(config.subtitle, tApp) : undefined;\n  const activePreset =\n    presets.find((preset) => {\n      return preset.id === activeWindowPresetId;\n    }) ??\n    presets[0] ??\n    fallbackDashboardWindowPreset;\n  const dashboardContext: BackofficeDashboardContext = {\n    window: buildDashboardWindowState(activePreset, windowNowMs),\n  };\n  const handleWindowPresetChange = (presetId: string): void => {\n    setActiveWindowPresetId(presetId);\n    setWindowNowMs(Date.now());\n  };\n\n  return (\n    <DetailPageTemplate\n      header={{\n        title,\n        subtitle: subtitle ?? t('dashboard.subtitle'),\n      }}\n    >\n      <DashboardGrid columns={12}>\n        {config.widgets.map((widget) => {\n          const widgetTitle = resolveLabel(\n            getWidgetLabel(widget, config),\n            tApp,\n          );\n          return (\n            <DashboardGridItem\n              key={widget.id}\n              minHeight={widget.minHeight ?? 'auto'}\n              span={resolveWidgetSpan(widget)}\n              tabletSpan={resolveWidgetTabletSpan(widget)}\n            >\n              <BackofficeErrorBoundary\n                fallback={() => {\n                  return (\n                    <DashboardPanel title={widgetTitle}>\n                      <DashboardUnavailableState />\n                    </DashboardPanel>\n                  );\n                }}\n              >\n                <Suspense\n                  fallback={\n                    <DashboardPanel title={widgetTitle}>\n                      <DashboardLoadingState />\n                    </DashboardPanel>\n                  }\n                >\n                  <LazyBackofficeDashboardWidgetContent\n                    widget={widget}\n                    context={dashboardContext}\n                    windowPresets={presets}\n                    activeWindowPresetId={activeWindowPresetId}\n                    onWindowPresetChange={handleWindowPresetChange}\n                  />\n                </Suspense>\n              </BackofficeErrorBoundary>\n            </DashboardGridItem>\n          );\n        })}\n      </DashboardGrid>\n    </DetailPageTemplate>\n  );\n};\n\nexport type BackofficeDashboardPageProps = {\n  prepared?: BackofficePreparedDashboardRoute | null;\n};\n\nexport const BackofficeDashboardPage = ({\n  prepared,\n}: BackofficeDashboardPageProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities } = useBackofficeConfig();\n  const rootDashboard = useBackofficeDashboardConfig();\n  const dashboard = prepared?.config ?? rootDashboard;\n  const breadcrumb = buildDashboardBreadcrumb(t);\n\n  if (dashboard == null) {\n    const items = Object.values(entities)\n      .filter((config) => {\n        return config.kind === 'list-detail' && config.hasList;\n      })\n      .map((config) => {\n        return {\n          config,\n          label: resolveLabel(config.label, tApp),\n        };\n      })\n      .sort((left, right) => {\n        return left.label.localeCompare(right.label);\n      });\n\n    return (\n      <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n        <DetailPageTemplate\n          header={{\n            title: t('dashboard.title'),\n            subtitle: t('dashboard.subtitle'),\n          }}\n        >\n          <DashboardGrid columns={12}>\n            {items.map(({ config, label }) => {\n              return (\n                <DashboardGridItem key={config.id} span={4}>\n                  <DashboardPanel title={label}>\n                    <div className={styles.tileBody}>\n                      <div className={styles.tileCount}>\n                        {t('common.notAvailable')}\n                      </div>\n                      <DashboardQuickActions\n                        emptyState={<DashboardUnavailableState />}\n                        actions={[\n                          {\n                            id: config.id,\n                            href: config.routes.list,\n                            label: t('dashboard.actions.openList'),\n                          },\n                        ]}\n                      />\n                    </div>\n                  </DashboardPanel>\n                </DashboardGridItem>\n              );\n            })}\n          </DashboardGrid>\n        </DetailPageTemplate>\n      </BackofficeRightPageLayout>\n    );\n  }\n\n  return (\n    <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n      <DashboardContent config={dashboard} />\n    </BackofficeRightPageLayout>\n  );\n};\n\nexport default BackofficeDashboardPage;\n"],"mappings":"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"}
+{"version":3,"file":"BackofficeDashboardPage.js","names":[],"sources":["../../../src/pages/BackofficeDashboardPage.tsx"],"sourcesContent":["import { lazy, type JSX, Suspense, useMemo, useState } from 'react';\nimport type {\n  BackofficeDashboardConfig,\n  BackofficeDashboardContext,\n  BackofficeDashboardWindowPreset,\n  BackofficeDashboardWindowState,\n  BackofficeDashboardWidget,\n  BackofficeDashboardWidgetSpan,\n  BackofficeDashboardWidgetTabletSpan,\n  BackofficeDashboardWidgetSize,\n} from '@plumile/backoffice-core/types.js';\nimport { Spinner } from '@plumile/ui/backoffice/atoms/spinner/Spinner.js';\nimport { BackofficeEmptyState } from '@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js';\nimport { DetailPageTemplate } from '@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js';\nimport {\n  DashboardPanel,\n  DashboardQuickActions,\n  DashboardGrid,\n} from '@plumile/ui';\nimport { useTranslation } from 'react-i18next';\n\nimport { BackofficeErrorBoundary } from '../components/backoffice/errors/BackofficeErrorBoundary.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useBackofficeDashboardConfig } from '../provider/useBackofficeLazyValue.js';\nimport type { BackofficePreparedDashboardRoute } from '../router/createBackofficeRoutes.js';\nimport { BackofficeRightPageLayout } from '../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js';\nimport { buildDashboardBreadcrumb } from '../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js';\nimport {\n  getWidgetLabel,\n  resolveLabel,\n} from './BackofficeDashboardPage.helpers.js';\n\nimport * as styles from './backofficeDashboardPage.css.js';\n\nconst LazyBackofficeDashboardWidgetContent = lazy(async () => {\n  const module = await import('./BackofficeDashboardWidgetContent.js');\n  return {\n    default: module.BackofficeDashboardWidgetContent,\n  };\n});\n\nconst fallbackDashboardWindowPreset: BackofficeDashboardWindowPreset = {\n  id: '24h',\n  label: (t) => {\n    return t('common.time.lastDay', '24 h');\n  },\n  durationMs: 24 * 60 * 60 * 1000,\n};\n\nconst defaultDashboardWindowPresets: readonly BackofficeDashboardWindowPreset[] =\n  [\n    {\n      id: '1h',\n      label: (t) => {\n        return t('common.time.lastHour', '1 h');\n      },\n      durationMs: 60 * 60 * 1000,\n    },\n    fallbackDashboardWindowPreset,\n    {\n      id: '7d',\n      label: (t) => {\n        return t('common.time.lastSevenDays', '7 j');\n      },\n      durationMs: 7 * 24 * 60 * 60 * 1000,\n    },\n    {\n      id: '30d',\n      label: (t) => {\n        return t('common.time.lastThirtyDays', '30 j');\n      },\n      durationMs: 30 * 24 * 60 * 60 * 1000,\n    },\n  ];\n\nconst DashboardUnavailableState = (): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n\n  return <BackofficeEmptyState title={t('common.notAvailable')} />;\n};\n\nconst DashboardLoadingState = (): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n\n  return (\n    <div className={styles.loadingBody}>\n      <Spinner ariaLabel={t('common.loading')} />\n      <span>{t('common.loading')}</span>\n    </div>\n  );\n};\n\nconst resolveWidgetSize = (\n  size: BackofficeDashboardWidgetSize | undefined,\n): BackofficeDashboardWidgetSize => {\n  return size ?? 'm';\n};\n\nconst resolveWidgetSpan = (\n  widget: BackofficeDashboardWidget,\n): BackofficeDashboardWidgetSpan => {\n  if (widget.layout?.span != null) {\n    return widget.layout.span;\n  }\n\n  const size = resolveWidgetSize(widget.size);\n  if (size === 's') {\n    return 3;\n  }\n  if (size === 'm') {\n    return 4;\n  }\n  if (size === 'l') {\n    return 6;\n  }\n  if (size === 'xl') {\n    return 8;\n  }\n  return 12;\n};\n\nconst resolveWidgetTabletSpan = (\n  widget: BackofficeDashboardWidget,\n): BackofficeDashboardWidgetTabletSpan | undefined => {\n  return widget.layout?.tabletSpan;\n};\n\ntype DashboardContentProps = {\n  config: BackofficeDashboardConfig;\n};\n\nconst resolveDashboardWindowPresets = (\n  config: BackofficeDashboardConfig,\n): readonly BackofficeDashboardWindowPreset[] => {\n  if (config.windowPresets != null && config.windowPresets.length > 0) {\n    return config.windowPresets;\n  }\n  return defaultDashboardWindowPresets;\n};\n\nconst resolveDefaultDashboardWindowPresetId = (\n  config: BackofficeDashboardConfig,\n  presets: readonly BackofficeDashboardWindowPreset[],\n): string => {\n  if (\n    config.defaultWindowPresetId != null &&\n    presets.some((preset) => {\n      return preset.id === config.defaultWindowPresetId;\n    })\n  ) {\n    return config.defaultWindowPresetId;\n  }\n  return presets[1]?.id ?? presets[0]?.id ?? '24h';\n};\n\nconst buildDashboardWindowState = (\n  preset: BackofficeDashboardWindowPreset,\n  nowMs: number,\n): BackofficeDashboardWindowState => {\n  const to = new Date(nowMs);\n  const from = new Date(nowMs - preset.durationMs);\n  return {\n    id: preset.id,\n    label: preset.label,\n    from: from.toISOString(),\n    to: to.toISOString(),\n  };\n};\n\nconst DashboardContent = ({ config }: DashboardContentProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const presets = useMemo(() => {\n    return resolveDashboardWindowPresets(config);\n  }, [config]);\n  const [activeWindowPresetId, setActiveWindowPresetId] = useState(() => {\n    return resolveDefaultDashboardWindowPresetId(config, presets);\n  });\n  const [windowNowMs, setWindowNowMs] = useState(() => {\n    return Date.now();\n  });\n\n  const title = resolveLabel(config.title, tApp);\n  const subtitle =\n    config.subtitle != null ? resolveLabel(config.subtitle, tApp) : undefined;\n  const activePreset =\n    presets.find((preset) => {\n      return preset.id === activeWindowPresetId;\n    }) ??\n    presets[0] ??\n    fallbackDashboardWindowPreset;\n  const dashboardContext: BackofficeDashboardContext = {\n    window: buildDashboardWindowState(activePreset, windowNowMs),\n  };\n  const handleWindowPresetChange = (presetId: string): void => {\n    setActiveWindowPresetId(presetId);\n    setWindowNowMs(Date.now());\n  };\n\n  return (\n    <DetailPageTemplate\n      header={{\n        title,\n        subtitle: subtitle ?? t('dashboard.subtitle'),\n      }}\n    >\n      <DashboardGrid\n        columns={12}\n        items={config.widgets.map((widget) => {\n          const widgetTitle = resolveLabel(\n            getWidgetLabel(widget, config),\n            tApp,\n          );\n          return {\n            key: widget.id,\n            minHeight: widget.minHeight ?? 'auto',\n            span: resolveWidgetSpan(widget),\n            tabletSpan: resolveWidgetTabletSpan(widget),\n            content: (\n              <BackofficeErrorBoundary\n                fallback={() => {\n                  return (\n                    <DashboardPanel title={widgetTitle}>\n                      <DashboardUnavailableState />\n                    </DashboardPanel>\n                  );\n                }}\n              >\n                <Suspense\n                  fallback={\n                    <DashboardPanel title={widgetTitle}>\n                      <DashboardLoadingState />\n                    </DashboardPanel>\n                  }\n                >\n                  <LazyBackofficeDashboardWidgetContent\n                    widget={widget}\n                    context={dashboardContext}\n                    windowPresets={presets}\n                    activeWindowPresetId={activeWindowPresetId}\n                    onWindowPresetChange={handleWindowPresetChange}\n                  />\n                </Suspense>\n              </BackofficeErrorBoundary>\n            ),\n          };\n        })}\n      />\n    </DetailPageTemplate>\n  );\n};\n\nexport type BackofficeDashboardPageProps = {\n  prepared?: BackofficePreparedDashboardRoute | null;\n};\n\nexport const BackofficeDashboardPage = ({\n  prepared,\n}: BackofficeDashboardPageProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities } = useBackofficeConfig();\n  const rootDashboard = useBackofficeDashboardConfig();\n  const dashboard = prepared?.config ?? rootDashboard;\n  const breadcrumb = buildDashboardBreadcrumb(t);\n\n  if (dashboard == null) {\n    const items = Object.values(entities)\n      .filter((config) => {\n        return config.kind === 'list-detail' && config.hasList;\n      })\n      .map((config) => {\n        return {\n          config,\n          label: resolveLabel(config.label, tApp),\n        };\n      })\n      .sort((left, right) => {\n        return left.label.localeCompare(right.label);\n      });\n\n    return (\n      <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n        <DetailPageTemplate\n          header={{\n            title: t('dashboard.title'),\n            subtitle: t('dashboard.subtitle'),\n          }}\n        >\n          <DashboardGrid\n            columns={12}\n            items={items.map(({ config, label }) => {\n              return {\n                key: config.id,\n                span: 4,\n                content: (\n                  <DashboardPanel title={label}>\n                    <div className={styles.tileBody}>\n                      <div className={styles.tileCount}>\n                        {t('common.notAvailable')}\n                      </div>\n                      <DashboardQuickActions\n                        emptyState={<DashboardUnavailableState />}\n                        actions={[\n                          {\n                            id: config.id,\n                            href: config.routes.list,\n                            label: t('dashboard.actions.openList'),\n                          },\n                        ]}\n                      />\n                    </div>\n                  </DashboardPanel>\n                ),\n              };\n            })}\n          />\n        </DetailPageTemplate>\n      </BackofficeRightPageLayout>\n    );\n  }\n\n  return (\n    <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n      <DashboardContent config={dashboard} />\n    </BackofficeRightPageLayout>\n  );\n};\n\nexport default BackofficeDashboardPage;\n"],"mappings":";;;;;;;;;;;;;;;;AAmCA,IAAM,IAAuC,EAAK,aAEzC,EACL,UAAS,MAFU,OAAO,yCAAA,CAEV,iCAClB,EACD,GAEK,IAAiE;CACrE,IAAI;CACJ,QAAQ,MACC,EAAE,uBAAuB,MAAM;CAExC,YAAY;AACd,GAEM,IACJ;CACE;EACE,IAAI;EACJ,QAAQ,MACC,EAAE,wBAAwB,KAAK;EAExC,YAAY;CACd;CACA;CACA;EACE,IAAI;EACJ,QAAQ,MACC,EAAE,6BAA6B,KAAK;EAE7C,YAAY;CACd;CACA;EACE,IAAI;EACJ,QAAQ,MACC,EAAE,8BAA8B,MAAM;EAE/C,YAAY;CACd;AACF,GAEI,UAA+C;CACnD,IAAM,EAAE,MAAM,EAA8B;CAE5C,OAAO,kBAAC,GAAD,EAAsB,OAAO,EAAE,qBAAqB,EAAI,CAAA;AACjE,GAEM,UAA2C;CAC/C,IAAM,EAAE,MAAM,EAA8B;CAE5C,OACE,kBAAC,OAAD;EAAK,WAAW;EAAhB,UAAA,CACE,kBAAC,GAAD,EAAS,WAAW,EAAE,gBAAgB,EAAI,CAAA,GAC1C,kBAAC,QAAD,EAAA,UAAO,EAAE,gBAAgB,EAAQ,CAAA,CAC9B;;AAET,GAEM,KACJ,MAEO,KAAQ,KAGX,KACJ,MACkC;CAClC,IAAI,EAAO,QAAQ,QAAQ,MACzB,OAAO,EAAO,OAAO;CAGvB,IAAM,IAAO,EAAkB,EAAO,IAAI;CAa1C,OAZI,MAAS,MACJ,IAEL,MAAS,MACJ,IAEL,MAAS,MACJ,IAEL,MAAS,OACJ,IAEF;AACT,GAEM,KACJ,MAEO,EAAO,QAAQ,YAOlB,KACJ,MAEI,EAAO,iBAAiB,QAAQ,EAAO,cAAc,SAAS,IACzD,EAAO,gBAET,GAGH,KACJ,GACA,MAGE,EAAO,yBAAyB,QAChC,EAAQ,MAAM,MACL,EAAO,OAAO,EAAO,qBAC7B,IAEM,EAAO,wBAET,EAAQ,EAAE,EAAE,MAAM,EAAQ,EAAE,EAAE,MAAM,OAGvC,KACJ,GACA,MACmC;CACnC,IAAM,IAAK,IAAI,KAAK,CAAK,GACnB,IAAO,IAAI,KAAK,IAAQ,EAAO,UAAU;CAC/C,OAAO;EACL,IAAI,EAAO;EACX,OAAO,EAAO;EACd,MAAM,EAAK,YAAY;EACvB,IAAI,EAAG,YAAY;CACrB;AACF,GAEM,KAAoB,EAAE,gBAAiD;CAC3E,IAAM,EAAE,GAAG,MAAS,EAAe,GAC7B,EAAE,SAAM,EAA8B,GACtC,IAAU,QACP,EAA8B,CAAM,GAC1C,CAAC,CAAM,CAAC,GACL,CAAC,GAAsB,KAA2B,QAC/C,EAAsC,GAAQ,CAAO,CAC7D,GACK,CAAC,GAAa,KAAkB,QAC7B,KAAK,IAAI,CACjB,GAEK,IAAQ,EAAa,EAAO,OAAO,CAAI,GACvC,IACJ,EAAO,YAAY,OAA6C,KAAA,IAAtC,EAAa,EAAO,UAAU,CAAI,GAOxD,IAA+C,EACnD,QAAQ,EANR,EAAQ,MAAM,MACL,EAAO,OAAO,CACtB,KACD,EAAQ,MACR,GAEgD,CAAW,EAC7D,GACM,KAA4B,MAA2B;EAE3D,AADA,EAAwB,CAAQ,GAChC,EAAe,KAAK,IAAI,CAAC;CAC3B;CAEA,OACE,kBAAC,GAAD;EACE,QAAQ;GACN;GACA,UAAU,KAAY,EAAE,oBAAoB;EAC9C;EAEA,UAAA,kBAAC,GAAD;GACE,SAAS;GACT,OAAO,EAAO,QAAQ,KAAK,MAAW;IACpC,IAAM,IAAc,EAClB,EAAe,GAAQ,CAAM,GAC7B,CACF;IACA,OAAO;KACL,KAAK,EAAO;KACZ,WAAW,EAAO,aAAa;KAC/B,MAAM,EAAkB,CAAM;KAC9B,YAAY,EAAwB,CAAM;KAC1C,SACE,kBAAC,GAAD;MACE,gBAEI,kBAAC,GAAD;OAAgB,OAAO;OACrB,UAAA,kBAAC,GAAD,CAA4B,CAAA;MACd,CAAA;MAIpB,UAAA,kBAAC,GAAD;OACE,UACE,kBAAC,GAAD;QAAgB,OAAO;QACrB,UAAA,kBAAC,GAAD,CAAwB,CAAA;OACV,CAAA;OAGlB,UAAA,kBAAC,GAAD;QACU;QACR,SAAS;QACT,eAAe;QACO;QACtB,sBAAsB;OACvB,CAAA;MACO,CAAA;KACa,CAAA;IAE7B;GACF,CAAC;EACF,CAAA;CACiB,CAAA;AAExB,GAMa,KAA2B,EACtC,kBAC+C;CAC/C,IAAM,EAAE,GAAG,MAAS,EAAe,GAC7B,EAAE,SAAM,EAA8B,GACtC,EAAE,gBAAa,EAAoB,GACnC,IAAgB,EAA6B,GAC7C,IAAY,GAAU,UAAU,GAChC,IAAa,EAAyB,CAAC;CAE7C,IAAI,KAAa,MAAM;EACrB,IAAM,IAAQ,OAAO,OAAO,CAAQ,CAAC,CAClC,QAAQ,MACA,EAAO,SAAS,iBAAiB,EAAO,OAChD,CAAC,CACD,KAAK,OACG;GACL;GACA,OAAO,EAAa,EAAO,OAAO,CAAI;EACxC,EACD,CAAC,CACD,MAAM,GAAM,MACJ,EAAK,MAAM,cAAc,EAAM,KAAK,CAC5C;EAEH,OACE,kBAAC,GAAD;GAAuC;GACrC,UAAA,kBAAC,GAAD;IACE,QAAQ;KACN,OAAO,EAAE,iBAAiB;KAC1B,UAAU,EAAE,oBAAoB;IAClC;IAEA,UAAA,kBAAC,GAAD;KACE,SAAS;KACT,OAAO,EAAM,KAAK,EAAE,WAAQ,gBACnB;MACL,KAAK,EAAO;MACZ,MAAM;MACN,SACE,kBAAC,GAAD;OAAgB,OAAO;OACrB,UAAA,kBAAC,OAAD;QAAK,WAAW;QAAhB,UAAA,CACE,kBAAC,OAAD;SAAK,WAAW;SACb,UAAA,EAAE,qBAAqB;QACrB,CAAA,GACL,kBAAC,GAAD;SACE,YAAY,kBAAC,GAAD,CAA4B,CAAA;SACxC,SAAS,CACP;UACE,IAAI,EAAO;UACX,MAAM,EAAO,OAAO;UACpB,OAAO,EAAE,4BAA4B;SACvC,CACF;QACD,CAAA,CACE;;MACS,CAAA;KAEpB,EACD;IACF,CAAA;GACiB,CAAA;EACK,CAAA;CAE/B;CAEA,OACE,kBAAC,GAAD;EAAuC;EACrC,UAAA,kBAAC,GAAD,EAAkB,QAAQ,EAAY,CAAA;CACb,CAAA;AAE/B"}

package/lib/esm/pages/BackofficeEntityDetailLayoutPage.js

@@ -7,92 +7,92 @@ import { buildEntityDetailBreadcrumb as a } from "../components/backoffice/layou
 import { BackofficeLazyEntityCount as o } from "../components/backoffice/refs/BackofficeLazyEntityCount.js";
 import { BackofficeEntityDetailNotFound as s } from "../components/backoffice/scaffolds/BackofficeEntityDetailNotFound.js";
 import { resolveVisibleDetailPages as c } from "./detail/pageResolution.js";
-import { headerBlock as l, headerMeta as u, headerMetaList as d, headerRelationGroup as f, relationCountLoading as p } from "./backofficeEntityDetailPage.css.js";
-import { resolveLabel as m, resolveRelationValue as h } from "./BackofficeEntityDetailPage.helpers.js";
-import { resolveHeaderItems as g } from "./BackofficeEntityDetailPage.view-helpers.js";
-import { BackofficeEntityDetailLayoutContextProvider as _ } from "./detail/BackofficeEntityDetailLayoutContext.js";
-import { buildTabsItems as v } from "./detail/buildTabsItems.js";
-import { BackofficeRedirect as y } from "./BackofficeRedirect.js";
-import { Suspense as b } from "react";
-import { FormattedDate as x, PageHeader as S, PropertyList as C } from "@plumile/ui";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import { useTranslation as E } from "react-i18next";
-import * as D from "react-relay";
-import { Spinner as O } from "@plumile/ui/backoffice/atoms/spinner/Spinner.js";
-import { BACKOFFICE_DATE_TIME_OPTIONS as k } from "@plumile/backoffice-core/constants.js";
-import ee from "@plumile/router/routing/Link.js";
-import { Tag as te } from "@plumile/ui/backoffice/atoms/tag/Tag.js";
-import { setWhereValue as ne } from "@plumile/backoffice-core/filters/where.js";
-import re from "@plumile/router/routing/useLocation.js";
-import { NavigationTabs as A } from "@plumile/ui/tabs";
+import { headerBlock as l, headerMetaList as u, headerRelationGroup as d, relationCountLoading as f } from "./backofficeEntityDetailPage.css.js";
+import { resolveLabel as p, resolveRelationValue as m } from "./BackofficeEntityDetailPage.helpers.js";
+import { resolveHeaderItems as h } from "./BackofficeEntityDetailPage.view-helpers.js";
+import { BackofficeEntityDetailLayoutContextProvider as g } from "./detail/BackofficeEntityDetailLayoutContext.js";
+import { buildTabsItems as _ } from "./detail/buildTabsItems.js";
+import { BackofficeRedirect as v } from "./BackofficeRedirect.js";
+import { Suspense as y } from "react";
+import { FormattedDate as b, PageHeader as x, PropertyList as S } from "@plumile/ui";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { useTranslation as T } from "react-i18next";
+import * as E from "react-relay";
+import { Spinner as D } from "@plumile/ui/backoffice/atoms/spinner/Spinner.js";
+import { BACKOFFICE_DATE_TIME_OPTIONS as O } from "@plumile/backoffice-core/constants.js";
+import k from "@plumile/router/routing/Link.js";
+import { Tag as A } from "@plumile/ui/backoffice/atoms/tag/Tag.js";
+import { setWhereValue as ee } from "@plumile/backoffice-core/filters/where.js";
+import te from "@plumile/router/routing/useLocation.js";
+import { NavigationTabs as ne } from "@plumile/ui/tabs";
 import { DetailPageTemplate as j } from "@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js";
 import { BackofficeRelationsMenu as M } from "@plumile/ui/backoffice/molecules/backoffice_relations_menu/BackofficeRelationsMenu.js";
 //#region src/pages/BackofficeEntityDetailLayoutPage.tsx
-var { usePreloadedQuery: N } = D, P = (e) => e.trim().replace(/^\/+|\/+$/g, ""), F = (e, t, n) => [n.pages.mainPage, ...n.pages.subPages ?? []].find((r) => e === n.routes.detailPage(t, r.id))?.path ?? "", I = () => /* @__PURE__ */ w("span", {
-	className: p,
-	children: /* @__PURE__ */ w(O, { size: 12 })
+var { usePreloadedQuery: N } = E, P = (e) => e.trim().replace(/^\/+|\/+$/g, ""), F = (e, t, n) => [n.pages.mainPage, ...n.pages.subPages ?? []].find((r) => e === n.routes.detailPage(t, r.id))?.path ?? "", I = () => /* @__PURE__ */ C("span", {
+	className: f,
+	children: /* @__PURE__ */ C(D, { size: 12 })
 }), L = () => {
 	let { t } = e();
-	return /* @__PURE__ */ w("div", {
+	return /* @__PURE__ */ C("div", {
 		role: "status",
 		"aria-live": "polite",
 		"aria-busy": "true",
-		children: /* @__PURE__ */ w(O, {
+		children: /* @__PURE__ */ C(D, {
 			size: 20,
 			ariaLabel: t("common.loading")
 		})
 	});
-}, R = ({ config: s, prepared: p, layoutNodeRef: D, children: O }) => {
-	let { t: N } = E(), { t: R } = e(), { entities: z } = t(), { pathname: B } = re(), V = n(s.layoutPage.fragment, D), H = s.layoutPage.toView(V), U = F(B, p.id, s), W = c({
+}, R = ({ config: s, prepared: f, layoutNodeRef: E, children: D }) => {
+	let { t: N } = T(), { t: R } = e(), { entities: z } = t(), { pathname: B } = te(), V = n(s.layoutPage.fragment, E), H = s.layoutPage.toView(V), U = F(B, f.id, s), W = c({
 		mainPage: s.pages.mainPage,
 		subPages: s.pages.subPages,
 		activePagePath: U,
 		node: H
 	});
-	if (!W.hasVisiblePages || W.activePage == null) return /* @__PURE__ */ w(y, { to: s.routes.list });
+	if (!W.hasVisiblePages || W.activePage == null) return /* @__PURE__ */ C(v, { to: s.routes.list });
 	let { activePage: G } = W;
-	if (U !== "" && P(G.path) !== P(U)) return /* @__PURE__ */ w(y, { to: s.routes.detailPage(p.id, G.id) });
-	let K = v({
+	if (U !== "" && P(G.path) !== P(U)) return /* @__PURE__ */ C(v, { to: s.routes.detailPage(f.id, G.id) });
+	let K = _({
 		pages: W.pages,
-		id: p.id,
+		id: f.id,
 		tApp: N,
 		detailPageHref: s.routes.detailPage
-	}), q = g(s.header, H, {
+	}), q = h(s.header, H, {
 		tApp: N,
 		t: R,
 		resolveEntityHref: (e, t) => {
 			let n = z[e];
 			return n == null ? null : n.routes.detail(t);
 		},
-		renderLink: (e, t) => /* @__PURE__ */ w(ee, {
+		renderLink: (e, t) => /* @__PURE__ */ C(k, {
 			to: e,
 			preloadOnHover: "code-and-data",
 			children: t
 		}),
-		renderDate: (e, t) => /* @__PURE__ */ w(x, {
+		renderDate: (e, t) => /* @__PURE__ */ C(b, {
 			value: e,
-			options: k,
+			options: O,
 			fallback: t
 		}),
-		renderTag: (e, t) => /* @__PURE__ */ w(te, {
+		renderTag: (e, t) => /* @__PURE__ */ C(A, {
 			tone: e,
 			children: t
 		}),
-		renderBadgeRow: (e) => /* @__PURE__ */ w(r, { items: e })
+		renderBadgeRow: (e) => /* @__PURE__ */ C(r, { items: e })
 	}), J = (s.relations ?? []).flatMap((e) => {
-		let { path: t, target: n, whereKey: r } = e, i = h(e.value(H));
+		let { path: t, target: n, whereKey: r } = e, i = m(e.value(H));
 		if (i == null) return [];
 		let a = z[n];
 		if (a?.hasList !== !0) return [];
-		let s = ne(null, r, i, t);
+		let s = ee(null, r, i, t);
 		if (s == null) return [];
 		let c = a.listNavigation.encode({ where: s });
 		return [{
 			id: e.id,
-			label: m(e.label, N),
-			count: /* @__PURE__ */ w(o, {
+			label: p(e.label, N),
+			count: /* @__PURE__ */ C(o, {
 				entity: n,
-				loadingFallback: /* @__PURE__ */ w(I, {}),
+				loadingFallback: /* @__PURE__ */ C(I, {}),
 				where: s
 			}),
 			destination: {
@@ -104,66 +104,69 @@ var { usePreloadedQuery: N } = D, P = (e) => e.trim().replace(/^\/+|\/+$/g, ""),
 	}), Y = a({
 		config: s,
 		tApp: N,
-		entityId: p.id,
+		entityId: f.id,
 		layoutView: H,
 		pageLabel: G.label(N),
 		pageId: G.id
 	}), X;
-	(q.status != null || q.badges != null) && (X = /* @__PURE__ */ T("div", {
+	(q.subtitleItems != null || q.status != null || q.badges != null) && (X = /* @__PURE__ */ w("div", {
 		className: u,
-		children: [q.status, q.badges]
+		children: [q.subtitleItems, (q.status != null || q.badges != null) && /* @__PURE__ */ w("div", {
+			className: "txvbqb5m2 txvbqb2ny txvbqb6sa txvbqb1d5",
+			children: [q.status, q.badges]
+		})]
 	}));
 	let Z = null;
-	q.items != null && q.items.length > 0 && (Z = /* @__PURE__ */ w("div", {
-		className: d,
-		children: /* @__PURE__ */ w(C, { items: q.items })
+	q.items != null && q.items.length > 0 && (Z = /* @__PURE__ */ C("div", {
+		className: u,
+		children: /* @__PURE__ */ C(S, { items: q.items })
 	}));
 	let Q;
-	J.length > 0 && (Q = /* @__PURE__ */ w("div", {
-		className: f,
-		children: /* @__PURE__ */ w(M, {
+	J.length > 0 && (Q = /* @__PURE__ */ C("div", {
+		className: d,
+		children: /* @__PURE__ */ C(M, {
 			label: R("relations.menu.label"),
 			items: J
 		})
 	}));
-	let ie = /* @__PURE__ */ T("div", {
+	let re = /* @__PURE__ */ w("div", {
 		className: l,
-		children: [/* @__PURE__ */ w(S, {
+		children: [/* @__PURE__ */ C(x, {
 			title: q.title,
 			description: q.subtitle,
 			meta: X,
 			actions: Q
 		}), Z]
 	}), $ = null;
-	return W.pages.length > 1 && ($ = /* @__PURE__ */ w(A, {
+	return W.pages.length > 1 && ($ = /* @__PURE__ */ C(ne, {
 		items: K,
 		activeId: G.id,
 		variant: "underline"
-	})), /* @__PURE__ */ w(_, {
+	})), /* @__PURE__ */ C(g, {
 		value: {
 			activePage: G,
 			config: s,
-			entityId: p.id,
+			entityId: f.id,
 			layoutView: H,
 			tabsItems: K,
 			visiblePages: W.pages
 		},
-		children: /* @__PURE__ */ w(i, {
+		children: /* @__PURE__ */ C(i, {
 			breadcrumb: Y,
-			children: /* @__PURE__ */ w(j, {
-				headerNode: ie,
+			children: /* @__PURE__ */ C(j, {
+				headerNode: re,
 				tabsNode: $,
 				headerDensity: "compact",
-				children: /* @__PURE__ */ w(b, {
-					fallback: /* @__PURE__ */ w(L, {}),
-					children: O
+				children: /* @__PURE__ */ C(y, {
+					fallback: /* @__PURE__ */ C(L, {}),
+					children: D
 				})
 			})
 		})
 	});
 }, z = ({ config: t, prepared: n, children: r }) => {
-	let { t: a } = E(), { t: o } = e(), c = N(t.layoutPage.query, n.layoutQuery), l = t.layoutPage.resolveNode(c, { id: n.id });
-	return l == null ? /* @__PURE__ */ w(i, {
+	let { t: a } = T(), { t: o } = e(), c = N(t.layoutPage.query, n.layoutQuery), l = t.layoutPage.resolveNode(c, { id: n.id });
+	return l == null ? /* @__PURE__ */ C(i, {
 		breadcrumb: [{
 			kind: "link",
 			target: {
@@ -180,8 +183,8 @@ var { usePreloadedQuery: N } = D, P = (e) => e.trim().replace(/^\/+|\/+$/g, ""),
 			},
 			label: o("detail.notFound")
 		}],
-		children: /* @__PURE__ */ w(s, { listHref: t.routes.list })
-	}) : /* @__PURE__ */ w(R, {
+		children: /* @__PURE__ */ C(s, { listHref: t.routes.list })
+	}) : /* @__PURE__ */ C(R, {
 		config: t,
 		prepared: n,
 		layoutNodeRef: l,