@plumile/ui 0.1.68 → 0.1.70

package/lib/esm/backoffice/molecules/sidebar_nav_item/SidebarNavItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarNavItem.js","names":[],"sources":["../../../../../src/backoffice/molecules/sidebar_nav_item/SidebarNavItem.tsx"],"sourcesContent":["import { Link } from '@plumile/router';\nimport {\n  type AnchorHTMLAttributes,\n  type ComponentPropsWithoutRef,\n  type DragEvent,\n  type FocusEvent,\n  type JSX,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport * as styles from './sidebarNavItem.css.js';\nimport { cx } from '@plumile/ui';\n\ntype RouterLinkProps = ComponentPropsWithoutRef<typeof Link> &\n  AnchorHTMLAttributes<HTMLAnchorElement>;\nconst RouterLink = Link as unknown as (props: RouterLinkProps) => JSX.Element;\n\nexport type SidebarNavItemProps = {\n  label: ReactNode;\n  href?: string;\n  icon?: ReactNode;\n  badge?: ReactNode;\n  isActive?: boolean;\n  disabled?: boolean;\n  onClick?: () => void;\n  onDragStart?: (event: DragEvent) => void;\n  onDragOver?: (event: DragEvent) => void;\n  onDrop?: (event: DragEvent) => void;\n  onDragEnd?: (event: DragEvent) => void;\n  collapsed?: boolean;\n  ariaLabel?: string;\n  className?: string;\n  actionSlot?: ReactNode;\n  dragHandleSlot?: ReactNode;\n  dragHandleLabel?: string;\n  draggable?: boolean;\n};\n\nexport const SidebarNavItem = ({\n  label,\n  href,\n  icon,\n  badge,\n  isActive = false,\n  disabled = false,\n  onClick,\n  onDragStart,\n  onDragOver,\n  onDrop,\n  onDragEnd,\n  collapsed = false,\n  ariaLabel,\n  className,\n  actionSlot,\n  dragHandleSlot,\n  dragHandleLabel,\n  draggable = false,\n}: SidebarNavItemProps): JSX.Element => {\n  const itemRef = useRef<HTMLDivElement | null>(null);\n  const hoverTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const [isHoverIntent, setIsHoverIntent] = useState(false);\n  const [isFocusWithin, setIsFocusWithin] = useState(false);\n\n  const itemClassNames: (string | null | undefined)[] = [styles.item];\n  if (collapsed) {\n    itemClassNames.push(styles.itemCollapsed);\n  }\n  if (isActive) {\n    itemClassNames.push(styles.itemActive);\n  }\n  if (disabled) {\n    itemClassNames.push(styles.itemDisabled);\n  }\n  if (className != null) {\n    itemClassNames.push(className);\n  }\n  const itemClassName = cx(...itemClassNames);\n\n  let resolvedAriaLabel: string | undefined = ariaLabel;\n  if (resolvedAriaLabel == null && typeof label === 'string') {\n    resolvedAriaLabel = label;\n  }\n\n  let collapsedAriaLabel: string | undefined;\n  let collapsedTitle: string | undefined;\n  if (collapsed) {\n    collapsedAriaLabel = resolvedAriaLabel;\n    collapsedTitle = resolvedAriaLabel;\n  }\n\n  let ariaCurrent: 'page' | undefined;\n  if (isActive) {\n    ariaCurrent = 'page';\n  }\n\n  let iconNode: JSX.Element | null = null;\n  if (icon != null) {\n    iconNode = <span className={styles.icon}>{icon}</span>;\n  }\n\n  let labelExtraClass: string | null = null;\n  if (collapsed) {\n    labelExtraClass = styles.labelCollapsed;\n  }\n  const labelClassName = cx(styles.label, labelExtraClass);\n\n  let badgeNode: JSX.Element | null = null;\n  if (badge != null) {\n    let badgeExtraClass: string | null = null;\n    if (collapsed) {\n      badgeExtraClass = styles.badgeCollapsed;\n    }\n    badgeNode = (\n      <span className={cx(styles.badge, badgeExtraClass)}>{badge}</span>\n    );\n  }\n\n  const content = (\n    <>\n      {iconNode}\n      <span className={labelClassName}>{label}</span>\n      {badgeNode}\n    </>\n  );\n\n  const handleClick = (): void => {\n    if (onClick != null) {\n      onClick();\n    }\n  };\n\n  const shouldRenderActions =\n    !collapsed && !disabled && (actionSlot != null || dragHandleSlot != null);\n\n  const clearHoverTimeout = useCallback((): void => {\n    if (hoverTimeoutRef.current != null) {\n      clearTimeout(hoverTimeoutRef.current);\n      hoverTimeoutRef.current = null;\n    }\n  }, []);\n\n  useEffect(() => {\n    if (!shouldRenderActions) {\n      setIsHoverIntent(false);\n      setIsFocusWithin(false);\n      clearHoverTimeout();\n    }\n\n    return () => {\n      clearHoverTimeout();\n    };\n  }, [clearHoverTimeout, shouldRenderActions]);\n\n  const handleMouseEnter = (): void => {\n    if (!shouldRenderActions) {\n      return;\n    }\n    clearHoverTimeout();\n    hoverTimeoutRef.current = setTimeout(() => {\n      setIsHoverIntent(true);\n    }, 150);\n  };\n\n  const handleMouseLeave = (): void => {\n    clearHoverTimeout();\n    setIsHoverIntent(false);\n  };\n\n  const handleFocusCapture = (): void => {\n    if (!shouldRenderActions) {\n      return;\n    }\n    setIsFocusWithin(true);\n  };\n\n  const handleBlurCapture = (event: FocusEvent<HTMLDivElement>): void => {\n    if (!shouldRenderActions) {\n      setIsFocusWithin(false);\n      return;\n    }\n    const nextTarget = event.relatedTarget as Node | null;\n    if (nextTarget != null && itemRef.current?.contains(nextTarget)) {\n      return;\n    }\n    setIsFocusWithin(false);\n  };\n\n  let mainNode: JSX.Element;\n  if (disabled) {\n    mainNode = (\n      <span\n        className={styles.link}\n        aria-disabled=\"true\"\n        aria-label={collapsedAriaLabel}\n        title={collapsedTitle}\n      >\n        {content}\n      </span>\n    );\n  } else if (href != null) {\n    mainNode = (\n      <RouterLink\n        to={href}\n        className={styles.link}\n        aria-current={ariaCurrent}\n        aria-label={collapsedAriaLabel}\n        title={collapsedTitle}\n        onClick={handleClick}\n      >\n        {content}\n      </RouterLink>\n    );\n  } else {\n    mainNode = (\n      <button\n        type=\"button\"\n        className={styles.link}\n        onClick={handleClick}\n        aria-current={ariaCurrent}\n        aria-label={collapsedAriaLabel}\n        title={collapsedTitle}\n      >\n        {content}\n      </button>\n    );\n  }\n\n  const isActionsVisible =\n    shouldRenderActions && (isHoverIntent || isFocusWithin);\n  let actionsVisibilityClass: string | undefined;\n  if (isActionsVisible) {\n    actionsVisibilityClass = styles.actionsVisible;\n  }\n  const actionsClassName = cx(styles.actions, actionsVisibilityClass);\n\n  let dragHandleNode: JSX.Element | null = null;\n  if (dragHandleSlot != null && !collapsed) {\n    dragHandleNode = (\n      <button\n        type=\"button\"\n        className={styles.dragHandle}\n        draggable={draggable}\n        onDragStart={onDragStart}\n        onDragEnd={onDragEnd}\n        aria-label={dragHandleLabel}\n        title={dragHandleLabel}\n      >\n        {dragHandleSlot}\n      </button>\n    );\n  }\n\n  let actionNode: JSX.Element | null = null;\n  if (actionSlot != null && !collapsed) {\n    actionNode = <span className={styles.actionSlot}>{actionSlot}</span>;\n  }\n\n  let actionsNode: JSX.Element | null = null;\n  if (shouldRenderActions) {\n    actionsNode = (\n      <span className={actionsClassName}>\n        {dragHandleNode}\n        {actionNode}\n      </span>\n    );\n  }\n\n  return (\n    <div\n      className={itemClassName}\n      onDragOver={onDragOver}\n      onDrop={onDrop}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onFocusCapture={handleFocusCapture}\n      onBlurCapture={handleBlurCapture}\n      ref={itemRef}\n    >\n      {mainNode}\n      {actionsNode}\n    </div>\n  );\n};\n\nexport default SidebarNavItem;\n"],"mappings":"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"}
+{"version":3,"file":"SidebarNavItem.js","names":[],"sources":["../../../../../src/backoffice/molecules/sidebar_nav_item/SidebarNavItem.tsx"],"sourcesContent":["import { Link } from '@plumile/router';\nimport {\n  type AnchorHTMLAttributes,\n  type ComponentPropsWithoutRef,\n  type DragEvent,\n  type FocusEvent,\n  type JSX,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport * as styles from './sidebarNavItem.css.js';\nimport { cx } from '@plumile/ui';\n\ntype RouterLinkProps = ComponentPropsWithoutRef<typeof Link> &\n  AnchorHTMLAttributes<HTMLAnchorElement>;\nconst RouterLink = Link as unknown as (props: RouterLinkProps) => JSX.Element;\n\nexport type SidebarNavItemProps = {\n  label: ReactNode;\n  href?: string;\n  icon?: ReactNode;\n  badge?: ReactNode;\n  isActive?: boolean;\n  disabled?: boolean;\n  onClick?: () => void;\n  onDragStart?: (event: DragEvent) => void;\n  onDragOver?: (event: DragEvent) => void;\n  onDrop?: (event: DragEvent) => void;\n  onDragEnd?: (event: DragEvent) => void;\n  collapsed?: boolean;\n  ariaLabel?: string;\n  className?: string;\n  actionSlot?: ReactNode;\n  dragHandleSlot?: ReactNode;\n  dragHandleLabel?: string;\n  draggable?: boolean;\n};\n\nexport const SidebarNavItem = ({\n  label,\n  href,\n  icon,\n  badge,\n  isActive = false,\n  disabled = false,\n  onClick,\n  onDragStart,\n  onDragOver,\n  onDrop,\n  onDragEnd,\n  collapsed = false,\n  ariaLabel,\n  className,\n  actionSlot,\n  dragHandleSlot,\n  dragHandleLabel,\n  draggable = false,\n}: SidebarNavItemProps): JSX.Element => {\n  const itemRef = useRef<HTMLDivElement | null>(null);\n  const hoverTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const [isHoverIntent, setIsHoverIntent] = useState(false);\n  const [isFocusWithin, setIsFocusWithin] = useState(false);\n\n  const itemClassNames: (string | null | undefined)[] = [styles.item];\n  if (collapsed) {\n    itemClassNames.push(styles.itemCollapsed);\n  }\n  if (isActive) {\n    itemClassNames.push(styles.itemActive);\n  }\n  if (disabled) {\n    itemClassNames.push(styles.itemDisabled);\n  }\n  if (className != null) {\n    itemClassNames.push(className);\n  }\n  const itemClassName = cx(...itemClassNames);\n\n  let resolvedAriaLabel: string | undefined = ariaLabel;\n  if (resolvedAriaLabel == null && typeof label === 'string') {\n    resolvedAriaLabel = label;\n  }\n\n  let collapsedAriaLabel: string | undefined;\n  let collapsedTitle: string | undefined;\n  if (collapsed) {\n    collapsedAriaLabel = resolvedAriaLabel;\n    collapsedTitle = resolvedAriaLabel;\n  }\n\n  let ariaCurrent: 'page' | undefined;\n  if (isActive) {\n    ariaCurrent = 'page';\n  }\n\n  let iconNode: JSX.Element | null = null;\n  if (icon != null) {\n    iconNode = <span className={styles.icon}>{icon}</span>;\n  }\n\n  let labelExtraClass: string | null = null;\n  if (collapsed) {\n    labelExtraClass = styles.labelCollapsed;\n  }\n  const labelClassName = cx(styles.label, labelExtraClass);\n\n  let badgeNode: JSX.Element | null = null;\n  if (badge != null) {\n    let badgeExtraClass: string | null = null;\n    if (collapsed) {\n      badgeExtraClass = styles.badgeCollapsed;\n    }\n    badgeNode = (\n      <span className={cx(styles.badge, badgeExtraClass)}>{badge}</span>\n    );\n  }\n\n  const content = (\n    <>\n      {iconNode}\n      <span className={labelClassName}>{label}</span>\n      {badgeNode}\n    </>\n  );\n\n  const handleClick = (): void => {\n    if (onClick != null) {\n      onClick();\n    }\n  };\n\n  const shouldRenderActions =\n    !collapsed && !disabled && (actionSlot != null || dragHandleSlot != null);\n\n  const clearHoverTimeout = useCallback((): void => {\n    if (hoverTimeoutRef.current != null) {\n      clearTimeout(hoverTimeoutRef.current);\n      hoverTimeoutRef.current = null;\n    }\n  }, []);\n\n  useEffect(() => {\n    if (!shouldRenderActions) {\n      setIsHoverIntent(false);\n      setIsFocusWithin(false);\n      clearHoverTimeout();\n    }\n\n    return () => {\n      clearHoverTimeout();\n    };\n  }, [clearHoverTimeout, shouldRenderActions]);\n\n  const handleMouseEnter = (): void => {\n    if (!shouldRenderActions) {\n      return;\n    }\n    clearHoverTimeout();\n    hoverTimeoutRef.current = setTimeout(() => {\n      setIsHoverIntent(true);\n    }, 150);\n  };\n\n  const handleMouseLeave = (): void => {\n    clearHoverTimeout();\n    setIsHoverIntent(false);\n  };\n\n  const handleFocusCapture = (): void => {\n    if (!shouldRenderActions) {\n      return;\n    }\n    setIsFocusWithin(true);\n  };\n\n  const handleBlurCapture = (event: FocusEvent<HTMLDivElement>): void => {\n    if (!shouldRenderActions) {\n      setIsFocusWithin(false);\n      return;\n    }\n    const nextTarget = event.relatedTarget as Node | null;\n    if (nextTarget != null && itemRef.current?.contains(nextTarget)) {\n      return;\n    }\n    setIsFocusWithin(false);\n  };\n\n  let mainNode: JSX.Element;\n  if (disabled) {\n    mainNode = (\n      <span\n        className={styles.link}\n        aria-disabled=\"true\"\n        aria-label={collapsedAriaLabel}\n        title={collapsedTitle}\n      >\n        {content}\n      </span>\n    );\n  } else if (href != null) {\n    mainNode = (\n      <RouterLink\n        to={href}\n        className={styles.link}\n        aria-current={ariaCurrent}\n        aria-label={collapsedAriaLabel}\n        title={collapsedTitle}\n        onClick={handleClick}\n      >\n        {content}\n      </RouterLink>\n    );\n  } else {\n    mainNode = (\n      <button\n        type=\"button\"\n        className={styles.link}\n        onClick={handleClick}\n        aria-current={ariaCurrent}\n        aria-label={collapsedAriaLabel}\n        title={collapsedTitle}\n      >\n        {content}\n      </button>\n    );\n  }\n\n  const isActionsVisible =\n    shouldRenderActions && (isHoverIntent || isFocusWithin);\n  let actionsVisibilityClass: string | undefined;\n  if (isActionsVisible) {\n    actionsVisibilityClass = styles.actionsVisible;\n  }\n  const actionsClassName = cx(styles.actions, actionsVisibilityClass);\n\n  let dragHandleNode: JSX.Element | null = null;\n  if (dragHandleSlot != null && !collapsed) {\n    dragHandleNode = (\n      <button\n        type=\"button\"\n        className={styles.dragHandle}\n        draggable={draggable}\n        onDragStart={onDragStart}\n        onDragEnd={onDragEnd}\n        aria-label={dragHandleLabel}\n        title={dragHandleLabel}\n      >\n        {dragHandleSlot}\n      </button>\n    );\n  }\n\n  let actionNode: JSX.Element | null = null;\n  if (actionSlot != null && !collapsed) {\n    actionNode = <span className={styles.actionSlot}>{actionSlot}</span>;\n  }\n\n  let actionsNode: JSX.Element | null = null;\n  if (shouldRenderActions) {\n    actionsNode = (\n      <span className={actionsClassName}>\n        {dragHandleNode}\n        {actionNode}\n      </span>\n    );\n  }\n\n  return (\n    <div\n      className={itemClassName}\n      onDragOver={onDragOver}\n      onDrop={onDrop}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onFocusCapture={handleFocusCapture}\n      onBlurCapture={handleBlurCapture}\n      ref={itemRef}\n    >\n      {mainNode}\n      {actionsNode}\n    </div>\n  );\n};\n\nexport default SidebarNavItem;\n"],"mappings":"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"}

package/lib/esm/backoffice/molecules/sidebar_nav_section/SidebarNavSection.js

@@ -3,11 +3,11 @@ import { ChevronDownSvg as t } from "../../../icons/ChevronDownSvg.js";
 import { SidebarNavItem as n } from "../sidebar_nav_item/SidebarNavItem.js";
 import { header as r, items as i, section as a, title as o, toggle as s } from "./sidebarNavSection.css.js";
 import "../../../index.js";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { useCallback as u, useMemo as d, useState as f } from "react";
+import { useCallback as c, useMemo as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/backoffice/molecules/sidebar_nav_section/SidebarNavSection.tsx
 var p = ({ title: p, items: m, collapsible: h = !1, isCollapsed: g, defaultCollapsed: _ = !1, onCollapsedChange: v, collapsed: y = !1, className: b }) => {
-	let [x, S] = f(_), C = g ?? x, w = h, T = u(() => {
+	let [x, S] = u(_), C = g ?? x, w = h, T = c(() => {
 		if (!w) return;
 		let e = !C;
 		g ?? S(e), v?.(e);
@@ -16,7 +16,7 @@ var p = ({ title: p, items: m, collapsible: h = !1, isCollapsed: g, defaultColla
 		C,
 		g,
 		v
-	]), E = d(() => {
+	]), E = l(() => {
 		let e = "rotate(0deg)";
 		return C && (e = "rotate(-90deg)"), {
 			transform: e,
@@ -25,35 +25,35 @@ var p = ({ title: p, items: m, collapsible: h = !1, isCollapsed: g, defaultColla
 	}, [C]), D = null;
 	if (p != null) {
 		let e = null;
-		w && (e = /* @__PURE__ */ c("button", {
+		w && (e = /* @__PURE__ */ d("button", {
 			type: "button",
 			className: s,
 			onClick: T,
 			"aria-expanded": !C,
-			children: /* @__PURE__ */ c(t, {
+			children: /* @__PURE__ */ d(t, {
 				width: 18,
 				height: 18,
 				style: E
 			})
-		})), D = /* @__PURE__ */ l("div", {
+		})), D = /* @__PURE__ */ f("div", {
 			className: r,
-			children: [/* @__PURE__ */ c("div", {
+			children: [/* @__PURE__ */ d("div", {
 				className: o,
 				children: p
 			}), e]
 		});
 	}
 	let O = null;
-	return C || (O = /* @__PURE__ */ c("div", {
+	return C || (O = /* @__PURE__ */ d("div", {
 		className: i,
 		children: m.map((e) => {
 			let { id: t, data: r, ...i } = e;
-			return /* @__PURE__ */ c(n, {
+			return /* @__PURE__ */ d(n, {
 				...i,
 				collapsed: y
 			}, t);
 		})
-	})), /* @__PURE__ */ l("section", {
+	})), /* @__PURE__ */ f("section", {
 		className: e(a, b),
 		children: [D, O]
 	});

package/lib/esm/backoffice/organisms/backoffice_data_table/BackofficeDataTable.js

@@ -5,15 +5,15 @@ import { BulkActionsBar as r } from "../../molecules/bulk_actions_bar/BulkAction
 import { TableToolbar as i } from "../../molecules/table_toolbar/TableToolbar.js";
 import { selectionCell as a, wrapper as o } from "./backofficeDataTable.css.js";
 import "../../../index.js";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { useCallback as l, useMemo as u } from "react";
+import { useCallback as s, useMemo as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/backoffice/organisms/backoffice_data_table/BackofficeDataTable.tsx
 var d = (e) => {
 	let { rows: n, selection: r } = e, i = [];
 	for (let e of n) e.selectable && i.push(e.id);
-	let o = i.filter((e) => r.selectedRowIds.has(e)).length, c = i.length > 0 && o === i.length, l = () => {
+	let o = i.filter((e) => r.selectedRowIds.has(e)).length, s = i.length > 0 && o === i.length, c = () => {
 		if (i.length !== 0) {
-			if (c) {
+			if (s) {
 				r.onSelectionChange(/* @__PURE__ */ new Set());
 				return;
 			}
@@ -22,21 +22,21 @@ var d = (e) => {
 	};
 	return {
 		id: "__select",
-		header: /* @__PURE__ */ s("div", {
+		header: /* @__PURE__ */ l("div", {
 			className: a,
-			children: /* @__PURE__ */ s(t, {
-				checked: c,
+			children: /* @__PURE__ */ l(t, {
+				checked: s,
 				onChange: () => {
-					l();
+					c();
 				},
 				"aria-label": "Select all"
 			})
 		}),
 		cell: (e) => {
 			let { id: n, selectable: i } = e;
-			return /* @__PURE__ */ s("div", {
+			return /* @__PURE__ */ l("div", {
 				className: a,
-				children: /* @__PURE__ */ s(t, {
+				children: /* @__PURE__ */ l(t, {
 					checked: r.selectedRowIds.has(n),
 					disabled: !i,
 					onChange: () => {
@@ -50,7 +50,7 @@ var d = (e) => {
 		className: a
 	};
 }, f = ({ columns: t, rows: a, getRowId: f, toolbar: p, selection: m, bulkActions: h, emptyState: g, className: _ }) => {
-	let v = u(() => a.map((e, t) => ({
+	let v = c(() => a.map((e, t) => ({
 		row: e,
 		index: t,
 		id: f(e, t),
@@ -59,41 +59,41 @@ var d = (e) => {
 		f,
 		a,
 		m
-	]), y = u(() => m == null ? null : d({
+	]), y = c(() => m == null ? null : d({
 		rows: v,
 		selection: m
-	}), [m, v]), b = u(() => {
+	}), [m, v]), b = c(() => {
 		let e = t.map((e) => ({
 			...e,
 			cell: (t) => e.cell(t.row)
 		}));
 		return y == null ? e : [y, ...e];
-	}, [t, y]), x = u(() => {
+	}, [t, y]), x = c(() => {
 		if (b.some((e) => e.isPrimary === !0) || b.length === 0) return b;
 		let e = 0;
 		return y != null && b.length > 1 && (e = 1), b.map((t, n) => n === e ? {
 			...t,
 			isPrimary: !0
 		} : t);
-	}, [b, y]), S = u(() => {
+	}, [b, y]), S = c(() => {
 		if (y != null) return `2.75rem repeat(${Math.max(0, b.length - 1)}, minmax(0, 1fr))`;
 	}, [b.length, y]), C = 0;
 	m != null && (C = m.selectedRowIds.size);
-	let w = l(() => {
+	let w = s(() => {
 		m?.onSelectionChange(/* @__PURE__ */ new Set());
 	}, [m]), T = null;
-	p != null && (T = /* @__PURE__ */ s(i, { ...p }));
+	p != null && (T = /* @__PURE__ */ l(i, { ...p }));
 	let E = null;
-	return m != null && (E = /* @__PURE__ */ s(r, {
+	return m != null && (E = /* @__PURE__ */ l(r, {
 		selectedCount: C,
 		actions: h,
 		onClearSelection: w
-	})), /* @__PURE__ */ c("div", {
+	})), /* @__PURE__ */ u("div", {
 		className: e(o, _),
 		children: [
 			T,
 			E,
-			/* @__PURE__ */ s(n, {
+			/* @__PURE__ */ l(n, {
 				columns: x,
 				rows: v,
 				getRowId: (e) => e.id,

package/lib/esm/components/data-table/TableCell.js

@@ -3,8 +3,8 @@ import { Badge as t } from "../../atomic/atoms/badge/Badge.js";
 import { FormattedDate as n } from "../../atomic/atoms/formatted-date/FormattedDate.js";
 import { date as r, muted as i, number as a, text as o } from "./TableCell.css.js";
 import { TableCellBase as s } from "./TableCellBase.js";
-import { jsx as c } from "react/jsx-runtime";
-import { useMemo as l } from "react";
+import { useMemo as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
 //#region src/components/data-table/TableCell.tsx
 var u = "—", d = u, f = { maximumFractionDigits: 2 }, p = {
 	dateStyle: "medium",
@@ -12,22 +12,22 @@ var u = "—", d = u, f = { maximumFractionDigits: 2 }, p = {
 }, m = {
 	Base: s,
 	Text: ({ value: t, fallback: n = d, children: r, ellipsis: i = !1, className: a }) => {
-		let l = r ?? t;
-		if (l == null) l = n;
-		else if (typeof l == "string") {
-			let e = l.trim();
-			l = e.length === 0 ? n : e;
+		let c = r ?? t;
+		if (c == null) c = n;
+		else if (typeof c == "string") {
+			let e = c.trim();
+			c = e.length === 0 ? n : e;
 		}
-		return /* @__PURE__ */ c(s, {
+		return /* @__PURE__ */ l(s, {
 			ellipsis: i,
 			className: e(o, a),
-			children: l
+			children: c
 		});
 	},
-	Number: ({ value: e, fallback: t = d, locale: n, formatOptions: r = f }) => /* @__PURE__ */ c(s, {
+	Number: ({ value: e, fallback: t = d, locale: n, formatOptions: r = f }) => /* @__PURE__ */ l(s, {
 		align: "end",
 		className: a,
-		children: l(() => {
+		children: c(() => {
 			if (e == null || Number.isNaN(Number(e))) return t;
 			try {
 				return new Intl.NumberFormat(n, r).format(e);
@@ -41,30 +41,30 @@ var u = "—", d = u, f = { maximumFractionDigits: 2 }, p = {
 			r
 		])
 	}),
-	Status: ({ label: e, tone: n, isLoading: r = !1 }) => /* @__PURE__ */ c(s, { children: /* @__PURE__ */ c(t, {
+	Status: ({ label: e, tone: n, isLoading: r = !1 }) => /* @__PURE__ */ l(s, { children: /* @__PURE__ */ l(t, {
 		tone: n,
 		loading: r,
 		children: e
 	}) }),
-	Date: ({ value: e, fallback: t = u, locale: i, options: a = p }) => /* @__PURE__ */ c(s, {
+	Date: ({ value: e, fallback: t = u, locale: i, options: a = p }) => /* @__PURE__ */ l(s, {
 		className: r,
-		children: /* @__PURE__ */ c(n, {
+		children: /* @__PURE__ */ l(n, {
 			value: e,
 			fallback: t,
 			locale: i,
 			options: a
 		})
 	}),
-	Badge: ({ label: e, tone: n }) => /* @__PURE__ */ c(s, { children: /* @__PURE__ */ c(t, {
+	Badge: ({ label: e, tone: n }) => /* @__PURE__ */ l(s, { children: /* @__PURE__ */ l(t, {
 		tone: n,
 		children: e
 	}) }),
-	Actions: ({ children: e, className: t }) => /* @__PURE__ */ c(s, {
+	Actions: ({ children: e, className: t }) => /* @__PURE__ */ l(s, {
 		align: "end",
 		className: t,
 		children: e
 	}),
-	Muted: ({ children: e }) => /* @__PURE__ */ c("span", {
+	Muted: ({ children: e }) => /* @__PURE__ */ l("span", {
 		className: i,
 		children: e
 	})

package/lib/esm/components/data-table/VirtualizedConnectionTable.js

@@ -2,8 +2,8 @@ import { cx as e } from "../../theme/tools.js";
 import { useUiTranslation as t } from "../../i18n/useUiTranslation.js";
 import { body as n, cell as r, container as i, emptyRow as a, header as o, headerCell as s, headerRow as c, hideBelowRecipe as l, primaryCell as u, primaryHeaderCell as d, row as f, rowEven as p, rowOdd as m } from "./DataTable.css.js";
 import { bodyViewport as ee, sentinel as te, singleLineCell as ne, spacer as h } from "./VirtualizedConnectionTable.css.js";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { useCallback as v, useEffect as y, useLayoutEffect as b, useMemo as x, useRef as S, useState as re } from "react";
+import { useCallback as g, useEffect as _, useLayoutEffect as v, useMemo as y, useRef as b, useState as re } from "react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/components/data-table/VirtualizedConnectionTable.tsx
 var C = "minmax(0, 1fr)", ie = (e, t) => typeof t == "string" && t !== "" ? { gridTemplateColumns: t } : { gridTemplateColumns: `repeat(${e}, ${C})` }, w = (e) => e == null ? null : l({ minVisibleAt: e }), T = (e) => {
 	let t = e;
@@ -14,24 +14,24 @@ var C = "minmax(0, 1fr)", ie = (e, t) => typeof t == "string" && t !== "" ? { gr
 	}
 	return null;
 }, E = (e, t, n) => Math.min(n, Math.max(t, e)), D = ({ columns: l, rows: C, getRowId: D, emptyState: ae, className: oe, gridTemplateColumns: O, kind: se, classes: k, virtualization: A, infiniteScroll: j, hasNextPage: ce = !1, isLoadingMore: le = !1, onLoadMore: M }) => {
-	let { t: ue } = t(), N = se ?? "default", P = S(null), F = S(null), I = S(null), L = S(null), R = S(null), z = S(!1), B = A?.enabled === !0, V = x(() => {
+	let { t: ue } = t(), N = se ?? "default", P = b(null), F = b(null), I = b(null), L = b(null), R = b(null), z = b(!1), B = A?.enabled === !0, V = y(() => {
 		if (!B) return null;
 		let e = A.rowHeightPx;
 		return typeof e == "number" && Number.isFinite(e) && e > 0 ? e : 56;
-	}, [B, A]), H = x(() => {
+	}, [B, A]), H = y(() => {
 		if (!B) return 0;
 		let e = 10, t = A.overscan;
 		return typeof t == "number" && Number.isFinite(t) && (e = t), Math.max(0, e);
-	}, [B, A]), U = j?.thresholdPx ?? 800, W = j?.autoLoad ?? !0, G = j?.enabled === !0, K = G && ce && !le && M != null, q = v(() => {
+	}, [B, A]), U = j?.thresholdPx ?? 800, W = j?.autoLoad ?? !0, G = j?.enabled === !0, K = G && ce && !le && M != null, q = g(() => {
 		M?.();
 	}, [M]), [de, fe] = re(() => ({
 		startIndex: 0,
 		endIndex: Math.min(C.length, 50)
-	})), J = x(() => ie(l.length, O), [l.length, O]), Y = v((t, n, i) => {
+	})), J = y(() => ie(l.length, O), [l.length, O]), Y = g((t, n, i) => {
 		let a = D(t, n), o = [f({ kind: N }), k?.row];
 		n % 2 == 0 ? o.push(p({ kind: N }), k?.rowEven) : o.push(m({ kind: N }), k?.rowOdd);
 		let s = { ...J };
-		return typeof i == "number" && (s.height = i), /* @__PURE__ */ g("div", {
+		return typeof i == "number" && (s.height = i), /* @__PURE__ */ x("div", {
 			role: "row",
 			className: e(...o),
 			style: s,
@@ -41,7 +41,7 @@ var C = "minmax(0, 1fr)", ie = (e, t) => typeof t == "string" && t !== "" ? { gr
 					ne,
 					k?.cell
 				], a = w(n.minVisibleAt);
-				return a != null && i.push(a), n.className != null && i.push(n.className), n.isPrimary && i.push(u, k?.primaryCell), /* @__PURE__ */ g("div", {
+				return a != null && i.push(a), n.className != null && i.push(n.className), n.isPrimary && i.push(u, k?.primaryCell), /* @__PURE__ */ x("div", {
 					role: "cell",
 					className: e(...i),
 					children: n.cell(t)
@@ -54,7 +54,7 @@ var C = "minmax(0, 1fr)", ie = (e, t) => typeof t == "string" && t !== "" ? { gr
 		D,
 		J,
 		N
-	]), X = v(() => {
+	]), X = g(() => {
 		if (!B) return;
 		let e = V;
 		if (e == null) return;
@@ -76,16 +76,16 @@ var C = "minmax(0, 1fr)", ie = (e, t) => typeof t == "string" && t !== "" ? { gr
 		C.length,
 		U,
 		q
-	]), Z = v(() => {
+	]), Z = g(() => {
 		R.current ??= window.requestAnimationFrame(() => {
 			R.current = null, X();
 		});
 	}, [X]);
-	b(() => {
+	v(() => {
 		if (!B) return;
 		let e = P.current;
 		e != null && (L.current = T(e), Z());
-	}, [B, Z]), y(() => {
+	}, [B, Z]), _(() => {
 		if (!B) return;
 		let e = L.current ?? window, t = () => {
 			Z();
@@ -93,7 +93,7 @@ var C = "minmax(0, 1fr)", ie = (e, t) => typeof t == "string" && t !== "" ? { gr
 		return e.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), () => {
 			e.removeEventListener("scroll", t), window.removeEventListener("resize", t);
 		};
-	}, [B, Z]), y(() => {
+	}, [B, Z]), _(() => {
 		if (B || !G || !W || !K) return;
 		let e = I.current;
 		if (e == null) return;
@@ -116,21 +116,21 @@ var C = "minmax(0, 1fr)", ie = (e, t) => typeof t == "string" && t !== "" ? { gr
 		B,
 		U,
 		q
-	]), b(() => {
+	]), v(() => {
 		if (B) return;
 		let e = P.current;
 		e != null && (L.current = T(e));
 	}, [B]);
-	let pe = /* @__PURE__ */ g("div", {
+	let pe = /* @__PURE__ */ x("div", {
 		className: e(o({ kind: N }), k?.header),
 		role: "rowgroup",
-		children: /* @__PURE__ */ g("div", {
+		children: /* @__PURE__ */ x("div", {
 			className: e(c, k?.headerRow),
 			role: "row",
 			style: J,
 			children: l.map((t) => {
 				let n = [s({ kind: N }), k?.headerCell], r = w(t.minVisibleAt);
-				return r != null && n.push(r), t.className != null && n.push(t.className), t.isPrimary && n.push(d, k?.primaryHeaderCell), /* @__PURE__ */ g("div", {
+				return r != null && n.push(r), t.className != null && n.push(t.className), t.isPrimary && n.push(d, k?.primaryHeaderCell), /* @__PURE__ */ x("div", {
 					role: "columnheader",
 					className: e(...n),
 					children: t.header
@@ -138,12 +138,12 @@ var C = "minmax(0, 1fr)", ie = (e, t) => typeof t == "string" && t !== "" ? { gr
 			})
 		})
 	}), Q;
-	if (C.length === 0) Q = /* @__PURE__ */ g("div", {
+	if (C.length === 0) Q = /* @__PURE__ */ x("div", {
 		className: e(a, k?.emptyRow),
 		role: "row",
-		children: /* @__PURE__ */ g("div", {
+		children: /* @__PURE__ */ x("div", {
 			role: "cell",
-			children: ae ?? /* @__PURE__ */ g("div", {
+			children: ae ?? /* @__PURE__ */ x("div", {
 				className: e("ysn8461j txvbqb96 txvbqbv8r txvbqbt5x", k?.emptyCell),
 				children: ue("common.table.empty")
 			})
@@ -151,34 +151,34 @@ var C = "minmax(0, 1fr)", ie = (e, t) => typeof t == "string" && t !== "" ? { gr
 	});
 	else if (B && V != null) {
 		let { startIndex: e, endIndex: t } = de, n = e * V, r = (C.length - t) * V, i = C.slice(e, t);
-		Q = /* @__PURE__ */ _("div", {
+		Q = /* @__PURE__ */ S("div", {
 			className: ee,
 			ref: F,
 			children: [
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ x("div", {
 					className: h,
 					style: { height: n }
 				}),
 				i.map((t, n) => Y(t, e + n, V)),
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ x("div", {
 					className: h,
 					style: { height: r }
 				})
 			]
 		});
-	} else Q = /* @__PURE__ */ g("div", {
+	} else Q = /* @__PURE__ */ x("div", {
 		ref: F,
 		children: C.map((e, t) => Y(e, t, null))
 	});
 	let $ = null;
-	return !B && G && W && ($ = /* @__PURE__ */ g("div", {
+	return !B && G && W && ($ = /* @__PURE__ */ x("div", {
 		ref: I,
 		className: te
-	})), /* @__PURE__ */ _("div", {
+	})), /* @__PURE__ */ S("div", {
 		ref: P,
 		className: e(i({ kind: N }), k?.container, oe),
 		role: "table",
-		children: [pe, /* @__PURE__ */ _("div", {
+		children: [pe, /* @__PURE__ */ S("div", {
 			className: e(n({ kind: N }), k?.body),
 			role: "rowgroup",
 			children: [Q, $]

package/lib/esm/components/layout/AppShell.js

@@ -0,0 +1,14 @@
+import { PageShell as e } from "./PageShell.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/layout/AppShell.tsx
+var n = ({ sidebar: n, children: r, breadcrumbSlot: i, actions: a, tabs: o }) => /* @__PURE__ */ t(e, {
+	sidebar: n,
+	breadcrumbSlot: i,
+	actions: a,
+	tabs: o,
+	children: r
+});
+//#endregion
+export { n as AppShell, n as default };
+
+//# sourceMappingURL=AppShell.js.map

package/lib/esm/components/layout/AppShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.js","names":[],"sources":["../../../../src/components/layout/AppShell.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport {\n  PageShell,\n  type PageShellActions,\n  type PageShellTab,\n} from './PageShell.js';\n\nexport type AppShellProps = {\n  sidebar: ReactNode;\n  children: ReactNode;\n  breadcrumbSlot?: ReactNode;\n  actions?: PageShellActions;\n  tabs?: PageShellTab[];\n};\n\nexport const AppShell = ({\n  sidebar,\n  children,\n  breadcrumbSlot,\n  actions,\n  tabs,\n}: AppShellProps): JSX.Element => {\n  return (\n    <PageShell\n      sidebar={sidebar}\n      breadcrumbSlot={breadcrumbSlot}\n      actions={actions}\n      tabs={tabs}\n    >\n      {children}\n    </PageShell>\n  );\n};\n\nexport default AppShell;\n"],"mappings":";;;AAgBA,IAAa,KAAY,EACvB,YACA,aACA,mBACA,YACA,cAGE,kBAAC,GAAD;CACW;CACO;CACP;CACH;CAEL;CACS,CAAA"}