@adecore/ui 0.31.11 → 0.32.0

package/dist/project-switcher-row.js

@@ -1,16 +1,157 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import clsx from 'clsx';
 import { useTranslation } from 'react-i18next';
 import { MoreHorizontal } from 'lucide-react';
 import * as Menu from './menu/index.parts.js';
-import { Tooltip } from './Tooltip.js';
-export function ProjectSwitcherRow({ project, onSelect }) {
-    const { t } = useTranslation('ui');
-    const hasActions = Boolean(project.actions);
-    const item = (_jsxs(Menu.Item, { className: clsx('min-w-0', project.muted && 'opacity-50'), disabled: project.disabled, label: project.name, onClick: (event) => onSelect(project, event), children: [project.icon, _jsx("span", { className: "min-w-0 truncate", children: project.name }), project.hint && _jsx("span", { className: "ml-auto truncate pl-3 text-xs text-text-faint", children: project.hint })] }));
-    const row = project.description ? (_jsx(Tooltip, { label: project.description, side: "right", sideOffset: hasActions ? 41 : undefined, children: item })) : (item);
-    if (!hasActions) {
-        return row;
-    }
-    return (_jsxs(Menu.Row, { "aria-label": project.name, children: [row, _jsxs(Menu.SubmenuRoot, { children: [_jsx(Menu.RowSubmenuTrigger, { icon: MoreHorizontal, label: t('projectSwitcher.actionsFor', { name: project.name }) }), _jsx(Menu.Popup, { className: "min-w-52", children: project.actions })] })] }));
-}
+import { Tooltip } from "./Tooltip.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ProjectSwitcherRow(t0) {
+  const $ = _c(35);
+  const {
+    project,
+    onSelect
+  } = t0;
+  const {
+    t
+  } = useTranslation("ui");
+  const hasActions = Boolean(project.actions);
+  const t1 = project.muted && "opacity-50";
+  let t2;
+  if ($[0] !== t1) {
+    t2 = clsx("min-w-0", t1);
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== onSelect || $[3] !== project) {
+    t3 = event => onSelect(project, event);
+    $[2] = onSelect;
+    $[3] = project;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== project.name) {
+    t4 = /*#__PURE__*/_jsx("span", {
+      className: "min-w-0 truncate",
+      children: project.name
+    });
+    $[5] = project.name;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== project.hint) {
+    t5 = project.hint && /*#__PURE__*/_jsx("span", {
+      className: "ml-auto truncate pl-3 text-xs text-text-faint",
+      children: project.hint
+    });
+    $[7] = project.hint;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  let t6;
+  if ($[9] !== project.disabled || $[10] !== project.icon || $[11] !== project.name || $[12] !== t2 || $[13] !== t3 || $[14] !== t4 || $[15] !== t5) {
+    t6 = /*#__PURE__*/_jsxs(Menu.Item, {
+      className: t2,
+      disabled: project.disabled,
+      label: project.name,
+      onClick: t3,
+      children: [project.icon, t4, t5]
+    });
+    $[9] = project.disabled;
+    $[10] = project.icon;
+    $[11] = project.name;
+    $[12] = t2;
+    $[13] = t3;
+    $[14] = t4;
+    $[15] = t5;
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  const item = t6;
+  let t7;
+  if ($[17] !== hasActions || $[18] !== item || $[19] !== project.description) {
+    t7 = project.description ? /*#__PURE__*/_jsx(Tooltip, {
+      label: project.description,
+      side: "right",
+      sideOffset: hasActions ? 41 : undefined,
+      children: item
+    }) : item;
+    $[17] = hasActions;
+    $[18] = item;
+    $[19] = project.description;
+    $[20] = t7;
+  } else {
+    t7 = $[20];
+  }
+  const row = t7;
+  if (!hasActions) {
+    return row;
+  }
+  const t8 = project.name;
+  let t9;
+  if ($[21] !== project.name || $[22] !== t) {
+    t9 = t("projectSwitcher.actionsFor", {
+      name: project.name
+    });
+    $[21] = project.name;
+    $[22] = t;
+    $[23] = t9;
+  } else {
+    t9 = $[23];
+  }
+  let t10;
+  if ($[24] !== t9) {
+    t10 = /*#__PURE__*/_jsx(Menu.RowSubmenuTrigger, {
+      icon: MoreHorizontal,
+      label: t9
+    });
+    $[24] = t9;
+    $[25] = t10;
+  } else {
+    t10 = $[25];
+  }
+  let t11;
+  if ($[26] !== project.actions) {
+    t11 = /*#__PURE__*/_jsx(Menu.Popup, {
+      className: "min-w-52",
+      children: project.actions
+    });
+    $[26] = project.actions;
+    $[27] = t11;
+  } else {
+    t11 = $[27];
+  }
+  let t12;
+  if ($[28] !== t10 || $[29] !== t11) {
+    t12 = /*#__PURE__*/_jsxs(Menu.SubmenuRoot, {
+      children: [t10, t11]
+    });
+    $[28] = t10;
+    $[29] = t11;
+    $[30] = t12;
+  } else {
+    t12 = $[30];
+  }
+  let t13;
+  if ($[31] !== project.name || $[32] !== row || $[33] !== t12) {
+    t13 = /*#__PURE__*/_jsxs(Menu.Row, {
+      "aria-label": t8,
+      children: [row, t12]
+    });
+    $[31] = project.name;
+    $[32] = row;
+    $[33] = t12;
+    $[34] = t13;
+  } else {
+    t13 = $[34];
+  }
+  return t13;
+}

package/dist/select-row.js

@@ -1,6 +1,70 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MenuCheck } from './menu/parts.js';
+import { c as _c } from "react/compiler-runtime";
+import { MenuCheck } from "./menu/parts.js";
 /* The check, icon and text of a row; `text` is the element that carries the label, which Base UI wants to know. */
-export function RowContent({ item, picked, text }) {
-    return (_jsxs(_Fragment, { children: [_jsx(MenuCheck, { kind: "radio", checked: picked }), item.icon && _jsx("span", { className: "flex h-lh shrink-0 items-center", children: item.icon }), _jsxs("span", { className: "flex min-w-0 flex-col", children: [text, item.description && _jsx("span", { className: "text-xs text-text-faint", children: item.description })] })] }));
-}
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export function RowContent(t0) {
+  const $ = _c(13);
+  const {
+    item,
+    picked,
+    text
+  } = t0;
+  let t1;
+  if ($[0] !== picked) {
+    t1 = /*#__PURE__*/_jsx(MenuCheck, {
+      kind: "radio",
+      checked: picked
+    });
+    $[0] = picked;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== item.icon) {
+    t2 = item.icon && /*#__PURE__*/_jsx("span", {
+      className: "flex h-lh shrink-0 items-center",
+      children: item.icon
+    });
+    $[2] = item.icon;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== item.description) {
+    t3 = item.description && /*#__PURE__*/_jsx("span", {
+      className: "text-xs text-text-faint",
+      children: item.description
+    });
+    $[4] = item.description;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== t3 || $[7] !== text) {
+    t4 = /*#__PURE__*/_jsxs("span", {
+      className: "flex min-w-0 flex-col",
+      children: [text, t3]
+    });
+    $[6] = t3;
+    $[7] = text;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== t1 || $[10] !== t2 || $[11] !== t4) {
+    t5 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t1, t2, t4]
+    });
+    $[9] = t1;
+    $[10] = t2;
+    $[11] = t4;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  return t5;
+}

package/dist/select-shared.js

@@ -1,16 +1,16 @@
 import clsx from 'clsx';
-export const isGroup = (entry) => Array.isArray(entry.items);
+export const isGroup = entry => Array.isArray(entry.items);
 export const TRIGGER_SIZE = {
-    sm: 'h-7 gap-1 px-2',
-    md: 'h-8 gap-1.5 px-2'
+  sm: 'h-7 gap-1 px-2',
+  md: 'h-8 gap-1.5 px-2'
 };
 export const TRIGGER_VARIANT = {
-    outlined: 'max-w-56 rounded-lg border border-border bg-surface-raised text-text',
-    ghost: 'rounded-md text-text-muted hover:bg-surface-hover hover:text-text data-[popup-open]:bg-surface-active data-[popup-open]:text-text data-disabled:hover:bg-transparent data-disabled:hover:text-text-muted'
+  outlined: 'max-w-56 rounded-lg border border-border bg-surface-raised text-text',
+  ghost: 'rounded-md text-text-muted hover:bg-surface-hover hover:text-text data-[popup-open]:bg-surface-active data-[popup-open]:text-text data-disabled:hover:bg-transparent data-disabled:hover:text-text-muted'
 };
 /* The dimmed look `Switch` and `Button` wear when disabled, so a select that cannot open reads as such. */
 export const TRIGGER_DISABLED = 'data-disabled:cursor-default data-disabled:opacity-50';
 /* The trigger of every select, and of any other picker that stands in a row of selects and has to line up with them. */
 export const triggerClassName = (size, variant, className) => clsx('flex shrink-0 items-center whitespace-nowrap text-xs', TRIGGER_SIZE[size], TRIGGER_VARIANT[variant], TRIGGER_DISABLED, className);
 /* A description makes the row two lines high; the box keeps the icon on the label's line. */
-export const rowClassName = (item) => clsx('menu-item', item.description && 'items-start');
+export const rowClassName = item => clsx('menu-item', item.description && 'items-start');

package/dist/selection.js

@@ -3,20 +3,20 @@
  * menu belongs to the surface the click landed on, so both of these are scoped to an element.
  * A selection somewhere else is no selection this menu can copy.
  */
-export const selectionWithin = (element) => {
-    const selection = window.getSelection();
-    if (!element || !selection || selection.isCollapsed || selection.rangeCount === 0) {
-        return '';
-    }
-    return element.contains(selection.getRangeAt(0).commonAncestorContainer) ? selection.toString() : '';
-};
-export const selectAllWithin = (element) => {
-    const selection = window.getSelection();
-    if (!element || !selection) {
-        return;
-    }
-    const range = document.createRange();
-    range.selectNodeContents(element);
-    selection.removeAllRanges();
-    selection.addRange(range);
+export const selectionWithin = element => {
+  const selection = window.getSelection();
+  if (!element || !selection || selection.isCollapsed || selection.rangeCount === 0) {
+    return '';
+  }
+  return element.contains(selection.getRangeAt(0).commonAncestorContainer) ? selection.toString() : '';
 };
+export const selectAllWithin = element => {
+  const selection = window.getSelection();
+  if (!element || !selection) {
+    return;
+  }
+  const range = document.createRange();
+  range.selectNodeContents(element);
+  selection.removeAllRanges();
+  selection.addRange(range);
+};