@adecore/ui 0.31.12 → 0.32.0

package/dist/format/number.js

@@ -1,24 +1,33 @@
 import { numberFormatter } from './locale.js';
-const WHOLE = { maximumFractionDigits: 0 };
-const ONE_DECIMAL = { maximumFractionDigits: 1 };
+const WHOLE = {
+  maximumFractionDigits: 0
+};
+const ONE_DECIMAL = {
+  maximumFractionDigits: 1
+};
 /* A count as a region groups one: `1,234,567` there, `1.234.567` here. */
-export const formatNumber = (value) => numberFormatter(WHOLE).format(Math.round(value));
+export const formatNumber = value => numberFormatter(WHOLE).format(Math.round(value));
 /* The same, to one decimal, where the fraction is the part that means something. */
-export const formatDecimal = (value) => numberFormatter(ONE_DECIMAL).format(value);
+export const formatDecimal = value => numberFormatter(ONE_DECIMAL).format(value);
 /* One options object per key, so the formatter cached on it is built once (`numberFormatter`). */
-const specCache = (build) => {
-    const specs = new Map();
-    return (key) => {
-        let spec = specs.get(key);
-        if (spec === undefined) {
-            spec = build(key);
-            specs.set(key, spec);
-        }
-        return spec;
-    };
+const specCache = build => {
+  const specs = new Map();
+  return key => {
+    let spec = specs.get(key);
+    if (spec === undefined) {
+      spec = build(key);
+      specs.set(key, spec);
+    }
+    return spec;
+  };
 };
-const fixedSpec = specCache((decimals) => ({ minimumFractionDigits: decimals, maximumFractionDigits: decimals }));
-const roundedSpec = specCache((decimals) => ({ maximumFractionDigits: decimals }));
+const fixedSpec = specCache(decimals => ({
+  minimumFractionDigits: decimals,
+  maximumFractionDigits: decimals
+}));
+const roundedSpec = specCache(decimals => ({
+  maximumFractionDigits: decimals
+}));
 /* Always `decimals` places, so values that follow each other keep one width: `1,0` and `1,5`, never `1` and `1,5`. */
 export const formatFixed = (value, decimals) => numberFormatter(fixedSpec(decimals)).format(value);
 /* At most `decimals` places, trailing zeros dropped, for a figure whose fraction may or may not be there: `39`, `1,95`. */
@@ -31,55 +40,62 @@ const NUMERAL = /^[+-]?\d+(?:\.(\d+))?$/;
  * with every digit kept: a decimal or a big integer arrives as text, and a float would round it.
  * Text that is no plain numeral, such as `NaN` or `1e999`, comes back as it is.
  */
-export const formatNumeral = (numeral) => {
-    const text = typeof numeral === 'number' ? String(numeral) : numeral.trim();
-    const match = NUMERAL.exec(text);
-    if (match === null) {
-        return text;
-    }
-    const decimals = Math.min(match[1]?.length ?? 0, MAX_FRACTION_DIGITS);
-    // A string goes to Intl as it is, so it formats the exact decimal and not the nearest double.
-    return numberFormatter(fixedSpec(decimals)).format(text);
+export const formatNumeral = numeral => {
+  const text = typeof numeral === 'number' ? String(numeral) : numeral.trim();
+  const match = NUMERAL.exec(text);
+  if (match === null) {
+    return text;
+  }
+  const decimals = Math.min(match[1]?.length ?? 0, MAX_FRACTION_DIGITS);
+  // A string goes to Intl as it is, so it formats the exact decimal and not the nearest double.
+  return numberFormatter(fixedSpec(decimals)).format(text);
 };
 /* Percent as Activity Monitor writes it: a decimal under ten, where the difference still shows. */
-export const formatPercent = (value) => `${value < 10 ? formatDecimal(value) : formatNumber(value)}%`;
+export const formatPercent = value => `${value < 10 ? formatDecimal(value) : formatNumber(value)}%`;
 /*
  * The option objects a money formatter is cached on, one per currency and precision. The cache is
  * keyed on the object itself, so building a fresh one per call would build a fresh formatter too.
  */
 const moneySpecs = new Map();
 const moneySpec = (currency, maximumFractionDigits) => {
-    const key = `${currency}|${maximumFractionDigits ?? ''}`;
-    const known = moneySpecs.get(key);
-    if (known !== undefined) {
-        return known;
-    }
-    // Narrow, or a Dutch region writes a dollar amount as `US$ 5.480,96`, which is a currency lesson
-    // nobody asked for in a table of prices.
-    const spec = {
-        style: 'currency',
-        currency,
-        currencyDisplay: 'narrowSymbol',
-        ...(maximumFractionDigits ? { maximumFractionDigits } : {})
-    };
-    moneySpecs.set(key, spec);
-    return spec;
+  const key = `${currency}|${maximumFractionDigits ?? ''}`;
+  const known = moneySpecs.get(key);
+  if (known !== undefined) {
+    return known;
+  }
+  // Narrow, or a Dutch region writes a dollar amount as `US$ 5.480,96`, which is a currency lesson
+  // nobody asked for in a table of prices.
+  const spec = {
+    style: 'currency',
+    currency,
+    currencyDisplay: 'narrowSymbol',
+    ...(maximumFractionDigits ? {
+      maximumFractionDigits
+    } : {})
+  };
+  moneySpecs.set(key, spec);
+  return spec;
 };
 /* An amount in the currency it is already in, as a bank statement would print it. */
 export const formatMoney = (value, currency, maximumFractionDigits) => numberFormatter(moneySpec(currency, maximumFractionDigits)).format(value);
-const SIGNIFICANT_MONEY = { style: 'currency', currency: 'USD', currencyDisplay: 'narrowSymbol', maximumSignificantDigits: 3 };
+const SIGNIFICANT_MONEY = {
+  style: 'currency',
+  currency: 'USD',
+  currencyDisplay: 'narrowSymbol',
+  maximumSignificantDigits: 3
+};
 /* Dollars to three significant digits, for amounts that run from a fraction of a cent to tens of dollars in one list. */
-export const formatUsdSignificant = (value) => numberFormatter(SIGNIFICANT_MONEY).format(value);
+export const formatUsdSignificant = value => numberFormatter(SIGNIFICANT_MONEY).format(value);
 /* `1.2M`, `412K`, `640`: a token count is read as a size, not counted. */
-export const formatTokens = (value) => {
-    const rounded = Math.round(value);
-    if (rounded >= 1_000_000) {
-        return `${formatDecimal(rounded >= 10_000_000 ? Math.round(rounded / 1_000_000) : rounded / 1_000_000)}M`;
-    }
-    if (rounded >= 1_000) {
-        return `${formatDecimal(rounded >= 10_000 ? Math.round(rounded / 1_000) : rounded / 1_000)}K`;
-    }
-    return formatNumber(rounded);
+export const formatTokens = value => {
+  const rounded = Math.round(value);
+  if (rounded >= 1_000_000) {
+    return `${formatDecimal(rounded >= 10_000_000 ? Math.round(rounded / 1_000_000) : rounded / 1_000_000)}M`;
+  }
+  if (rounded >= 1_000) {
+    return `${formatDecimal(rounded >= 10_000 ? Math.round(rounded / 1_000) : rounded / 1_000)}K`;
+  }
+  return formatNumber(rounded);
 };
 const UNITS = ['B', 'KB', 'MB', 'GB', 'TB'];
 /*
@@ -87,12 +103,12 @@ const UNITS = ['B', 'KB', 'MB', 'GB', 'TB'];
  * a kilobyte, one decimal above that. `whole` is for a column that only has room for a round number.
  */
 export const formatBytes = (bytes, whole = false) => {
-    let value = Math.max(0, bytes);
-    let unit = 0;
-    while (value >= 1024 && unit < UNITS.length - 1) {
-        value /= 1024;
-        unit++;
-    }
-    const decimals = unit > 0 && !whole && value < 10;
-    return `${decimals ? formatDecimal(value) : formatNumber(value)} ${UNITS[unit]}`;
-};
+  let value = Math.max(0, bytes);
+  let unit = 0;
+  while (value >= 1024 && unit < UNITS.length - 1) {
+    value /= 1024;
+    unit++;
+  }
+  const decimals = unit > 0 && !whole && value < 10;
+  return `${decimals ? formatDecimal(value) : formatNumber(value)} ${UNITS[unit]}`;
+};

package/dist/format/regions.js

@@ -10,6 +10,8 @@ export const FORMAT_SYSTEM = 'system';
 export const FORMAT_REGIONS = ['nl-NL', 'en-US', 'en-GB', 'de-DE', 'fr-FR', 'es-ES', 'sv-SE', 'ja-JP'];
 export const FORMAT_REGION_CHOICES = [FORMAT_LANGUAGE, FORMAT_SYSTEM, ...FORMAT_REGIONS];
 /* The country of a region tag, named in `language`: `nl-NL` in English is "Netherlands". */
-export const regionName = (region, language) => new Intl.DisplayNames([language], { type: 'region' }).of(region.slice(region.indexOf('-') + 1)) ?? region;
+export const regionName = (region, language) => new Intl.DisplayNames([language], {
+  type: 'region'
+}).of(region.slice(region.indexOf('-') + 1)) ?? region;
 /* A stored region, or the language's own for anything this version does not offer. */
-export const formatRegionFrom = (stored) => FORMAT_REGION_CHOICES.find((region) => region === stored) ?? FORMAT_LANGUAGE;
+export const formatRegionFrom = stored => FORMAT_REGION_CHOICES.find(region => region === stored) ?? FORMAT_LANGUAGE;

package/dist/format/time-zone.js

@@ -1,2 +1,2 @@
 /* The IANA time zone this machine is set to, or null when the runtime does not say. */
-export const localTimeZone = () => Intl.DateTimeFormat().resolvedOptions().timeZone || null;
+export const localTimeZone = () => Intl.DateTimeFormat().resolvedOptions().timeZone || null;

package/dist/icon-button-size.js

@@ -1,3 +1,13 @@
 /* The size decides the square and the radius (`.icon-btn` in `theme.css`) and the icon inside: 16 in 32, 14 in 28, 12 below. */
-export const ICON_BUTTON_CLASS = { md: undefined, sm: 'icon-btn-sm', xs: 'icon-btn-xs', '2xs': 'icon-btn-2xs' };
-export const ICON_BUTTON_ICON_SIZE = { md: 16, sm: 14, xs: 12, '2xs': 12 };
+export const ICON_BUTTON_CLASS = {
+  md: undefined,
+  sm: 'icon-btn-sm',
+  xs: 'icon-btn-xs',
+  '2xs': 'icon-btn-2xs'
+};
+export const ICON_BUTTON_ICON_SIZE = {
+  md: 16,
+  sm: 14,
+  xs: 12,
+  '2xs': 12
+};

package/dist/icon-picker.js

@@ -1,31 +1,40 @@
-export const isGrouped = (icons) => Array.isArray(icons);
-export const sectionsOf = (icons) => isGrouped(icons)
-    ? icons.map((group) => ({ id: group.id, label: group.label, icons: Object.entries(group.icons) }))
-    : [{ id: '', label: null, icons: Object.entries(icons) }];
+export const isGrouped = icons => Array.isArray(icons);
+export const sectionsOf = icons => isGrouped(icons) ? icons.map(group => ({
+  id: group.id,
+  label: group.label,
+  icons: Object.entries(group.icons)
+})) : [{
+  id: '',
+  label: null,
+  icons: Object.entries(icons)
+}];
 /* The icons whose name, keywords or group label hold the query, case-insensitive. A group without one is left out. */
 export const filterSections = (sections, query, keywords = {}) => {
-    const needle = query.trim().toLowerCase();
-    if (needle === '') {
-        return [...sections];
+  const needle = query.trim().toLowerCase();
+  if (needle === '') {
+    return [...sections];
+  }
+  const holds = text => text.toLowerCase().includes(needle);
+  return sections.flatMap(section => {
+    if (section.label !== null && holds(section.label)) {
+      return [section];
     }
-    const holds = (text) => text.toLowerCase().includes(needle);
-    return sections.flatMap((section) => {
-        if (section.label !== null && holds(section.label)) {
-            return [section];
-        }
-        const icons = section.icons.filter(([name]) => holds(name) || (keywords[name] ?? []).some(holds));
-        return icons.length > 0 ? [{ ...section, icons }] : [];
-    });
+    const icons = section.icons.filter(([name]) => holds(name) || (keywords[name] ?? []).some(holds));
+    return icons.length > 0 ? [{
+      ...section,
+      icons
+    }] : [];
+  });
 };
 /* The one icon the grid's tab stop sits on: the one last focused, else the chosen one, else the first, as long as the search shows it. */
 export const tabStopOf = (visible, focused, value) => {
-    if (focused !== null && visible.includes(focused)) {
-        return focused;
-    }
-    if (value !== null && visible.includes(value)) {
-        return value;
-    }
-    return visible[0] ?? null;
+  if (focused !== null && visible.includes(focused)) {
+    return focused;
+  }
+  if (value !== null && visible.includes(value)) {
+    return value;
+  }
+  return visible[0] ?? null;
 };
 /* Rows lie a few pixels apart at least, so a rounding difference between two cells of one row is no new row. */
 const SAME_ROW = 2;
@@ -35,46 +44,46 @@ const SAME_ROW = 2;
  * the focus stays, so the key never scrolls the grid instead.
  */
 export const cellForKey = (key, boxes, from) => {
-    const last = boxes.length - 1;
-    switch (key) {
-        case 'ArrowRight':
-            return Math.min(from + 1, last);
-        case 'ArrowLeft':
-            return Math.max(from - 1, 0);
-        case 'Home':
-            return 0;
-        case 'End':
-            return last;
-        case 'ArrowDown':
-        case 'ArrowUp':
-            break;
-        default:
-            return null;
-    }
-    const current = boxes[from];
-    if (current === undefined) {
-        return null;
+  const last = boxes.length - 1;
+  switch (key) {
+    case 'ArrowRight':
+      return Math.min(from + 1, last);
+    case 'ArrowLeft':
+      return Math.max(from - 1, 0);
+    case 'Home':
+      return 0;
+    case 'End':
+      return last;
+    case 'ArrowDown':
+    case 'ArrowUp':
+      break;
+    default:
+      return null;
+  }
+  const current = boxes[from];
+  if (current === undefined) {
+    return null;
+  }
+  const down = key === 'ArrowDown';
+  const tops = boxes.map(box => box.top).filter(top => down ? top > current.top + SAME_ROW : top < current.top - SAME_ROW);
+  if (tops.length === 0) {
+    return from;
+  }
+  const row = down ? Math.min(...tops) : Math.max(...tops);
+  const center = current.left + current.width / 2;
+  let nearest = from;
+  let distance = Number.POSITIVE_INFINITY;
+  boxes.forEach((box, index) => {
+    if (Math.abs(box.top - row) > SAME_ROW) {
+      return;
     }
-    const down = key === 'ArrowDown';
-    const tops = boxes.map((box) => box.top).filter((top) => (down ? top > current.top + SAME_ROW : top < current.top - SAME_ROW));
-    if (tops.length === 0) {
-        return from;
+    const gap = Math.abs(box.left + box.width / 2 - center);
+    if (gap < distance) {
+      nearest = index;
+      distance = gap;
     }
-    const row = down ? Math.min(...tops) : Math.max(...tops);
-    const center = current.left + current.width / 2;
-    let nearest = from;
-    let distance = Number.POSITIVE_INFINITY;
-    boxes.forEach((box, index) => {
-        if (Math.abs(box.top - row) > SAME_ROW) {
-            return;
-        }
-        const gap = Math.abs(box.left + box.width / 2 - center);
-        if (gap < distance) {
-            nearest = index;
-            distance = gap;
-        }
-    });
-    return nearest;
+  });
+  return nearest;
 };
 /* Escape empties a search that holds text and goes no further; on an empty one it is left to whatever else hears it, such as a dialog. */
-export const escapeClearsSearch = (key, query) => key === 'Escape' && query !== '';
+export const escapeClearsSearch = (key, query) => key === 'Escape' && query !== '';

package/dist/index.js

@@ -11,62 +11,62 @@ export * as Menu from './menu/index.parts.js';
 export * as Popover from './popover/index.parts.js';
 export * as PreviewCard from './preview-card/index.parts.js';
 export * as Tabs from './tabs/index.parts.js';
-export { AccentSwatches } from './AccentSwatches.js';
-export { Banner } from './Banner.js';
-export { Button } from './Button.js';
-export { ButtonGroup } from './ButtonGroup.js';
-export { Checkbox } from './Checkbox.js';
-export { ChoiceCards } from './ChoiceCards.js';
-export { CloseButton } from './CloseButton.js';
-export { ColorSwatch } from './ColorSwatch.js';
-export { ColorWheelPicker } from './ColorWheelPicker.js';
-export { ColumnResizeHandle } from './ColumnResizeHandle.js';
-export { DisabledReason } from './DisabledReason.js';
-export { DockShell } from './DockShell.js';
-export { EmptyState } from './EmptyState.js';
-export { ErrorBoundary } from './ErrorBoundary.js';
-export { Field, FieldHint, FormError } from './Field.js';
-export { FileIcon } from './FileIcon.js';
-export { Icon } from './Icon.js';
-export { IconButton } from './IconButton.js';
-export { IconPicker } from './IconPicker.js';
-export { Input, TextArea } from './Input.js';
-export { Kbd, KeyCap, Keys } from './Kbd.js';
-export { ListRow } from './ListRow.js';
-export { Meter } from './Meter.js';
-export { MiddleTruncate } from './MiddleTruncate.js';
-export { PanelEmpty } from './PanelEmpty.js';
-export { PanelHeader } from './PanelHeader.js';
-export { Pill } from './Pill.js';
-export { PromptDialog } from './PromptDialog.js';
-export { ProjectSwitcher, ProjectSwitcherGroups } from './ProjectSwitcher.js';
-export { SectionLabel } from './SectionLabel.js';
-export { SegmentBar } from './SegmentBar.js';
-export { Segmented } from './Segmented.js';
-export { Select } from './Select.js';
-export { Separator } from './Separator.js';
-export { ShortcutHints } from './ShortcutHints.js';
-export { Skeleton } from './Skeleton.js';
-export { Slider } from './Slider.js';
-export { SlidingColumn } from './SlidingColumn.js';
-export { Spinner } from './Spinner.js';
-export { Stepper } from './Stepper.js';
-export { Surface } from './Surface.js';
-export { Switch } from './Switch.js';
-export { TextMenu } from './TextMenu.js';
-export { Tile } from './Tile.js';
-export { Toasts } from './Toasts.js';
-export { Tooltip } from './Tooltip.js';
-export { UIProvider } from './UIProvider.js';
-export { Waveform } from './Waveform.js';
-export { Wipe } from './Wipe.js';
-export { ZoomControls } from './ZoomControls.js';
+export { AccentSwatches } from "./AccentSwatches.js";
+export { Banner } from "./Banner.js";
+export { Button } from "./Button.js";
+export { ButtonGroup } from "./ButtonGroup.js";
+export { Checkbox } from "./Checkbox.js";
+export { ChoiceCards } from "./ChoiceCards.js";
+export { CloseButton } from "./CloseButton.js";
+export { ColorSwatch } from "./ColorSwatch.js";
+export { ColorWheelPicker } from "./ColorWheelPicker.js";
+export { ColumnResizeHandle } from "./ColumnResizeHandle.js";
+export { DisabledReason } from "./DisabledReason.js";
+export { DockShell } from "./DockShell.js";
+export { EmptyState } from "./EmptyState.js";
+export { ErrorBoundary } from "./ErrorBoundary.js";
+export { Field, FieldHint, FormError } from "./Field.js";
+export { FileIcon } from "./FileIcon.js";
+export { Icon } from "./Icon.js";
+export { IconButton } from "./IconButton.js";
+export { IconPicker } from "./IconPicker.js";
+export { Input, TextArea } from "./Input.js";
+export { Kbd, KeyCap, Keys } from "./Kbd.js";
+export { ListRow } from "./ListRow.js";
+export { Meter } from "./Meter.js";
+export { MiddleTruncate } from "./MiddleTruncate.js";
+export { PanelEmpty } from "./PanelEmpty.js";
+export { PanelHeader } from "./PanelHeader.js";
+export { Pill } from "./Pill.js";
+export { PromptDialog } from "./PromptDialog.js";
+export { ProjectSwitcher, ProjectSwitcherGroups } from "./ProjectSwitcher.js";
+export { SectionLabel } from "./SectionLabel.js";
+export { SegmentBar } from "./SegmentBar.js";
+export { Segmented } from "./Segmented.js";
+export { Select } from "./Select.js";
+export { Separator } from "./Separator.js";
+export { ShortcutHints } from "./ShortcutHints.js";
+export { Skeleton } from "./Skeleton.js";
+export { Slider } from "./Slider.js";
+export { SlidingColumn } from "./SlidingColumn.js";
+export { Spinner } from "./Spinner.js";
+export { Stepper } from "./Stepper.js";
+export { Surface } from "./Surface.js";
+export { Switch } from "./Switch.js";
+export { TextMenu } from "./TextMenu.js";
+export { Tile } from "./Tile.js";
+export { Toasts } from "./Toasts.js";
+export { Tooltip } from "./Tooltip.js";
+export { UIProvider } from "./UIProvider.js";
+export { Waveform } from "./Waveform.js";
+export { Wipe } from "./Wipe.js";
+export { ZoomControls } from "./ZoomControls.js";
 export { copyText, readClipboardText } from './clipboard.js';
 export { messageOf } from './error-message.js';
 export { FILE_TREE_ICONS } from './file-icon.js';
 export { cameThroughPortal, isInFloatingLayer } from './floating.js';
-export { LoadedComponent, lazyDialog, lazyNamed, onLazyOpenError } from './lazy.js';
-export { LazyBoundary } from './LazyBoundary.js';
+export { LoadedComponent, lazyDialog, lazyNamed, onLazyOpenError } from "./lazy.js";
+export { LazyBoundary } from "./LazyBoundary.js";
 export { UI_NAMESPACE, UI_RESOURCES } from './locales.js';
 export { isApplePlatform } from './platform.js';
 export { prefetcher } from './prefetch.js';
@@ -79,10 +79,10 @@ export { useContentSize } from './useContentSize.js';
 export { useMeasuredWidth } from './useMeasuredWidth.js';
 export { useNow, useTickingText } from './useNow.js';
 export { useFileTree } from './file-tree/use-file-tree.js';
-export { Workspace } from './workspace/Workspace.js';
-export { DocumentTab, TabStrip } from './workspace/TabStrip.js';
-export { SplitView } from './workspace/SplitView.js';
-export { DropPreview } from './workspace/DropPreview.js';
+export { Workspace } from "./workspace/Workspace.js";
+export { DocumentTab, TabStrip } from "./workspace/TabStrip.js";
+export { SplitView } from "./workspace/SplitView.js";
+export { DropPreview } from "./workspace/DropPreview.js";
 export { rectDropPreview, sameDropPreview, tabDropPreview } from './workspace/preview.js';
 export { createSplitLayout, updateSplitLayout, splitPanes } from './workspace/model.js';
-export { tabGapAt } from './workspace/geometry.js';
+export { tabGapAt } from './workspace/geometry.js';

package/dist/key-value-list/index.parts.js

@@ -1 +1 @@
-export { KeyValueListItem as Item, KeyValueListName as Name, KeyValueListRoot as Root, KeyValueListValue as Value } from './parts.js';
+export { KeyValueListItem as Item, KeyValueListName as Name, KeyValueListRoot as Root, KeyValueListValue as Value } from "./parts.js";