@parallelworks/ui 0.59.0 → 0.61.0

package/dist/file-explorer/FileExplorer.js

@@ -1,6 +1,6 @@
 import { cx } from "../cx.js";
 import { buttonClasses } from "../components/buttonClasses.js";
-import { AccessIcon, ChevronDownIcon, ChevronRightIcon, CollapseIcon, DownloadIcon, FileIcon, FileTextIcon, FolderIcon, FolderTreeIcon, LinkIcon, PreviewIcon, ShareIcon, TrashIcon, UploadIcon } from "../icons.js";
+import { AccessIcon, ChevronDownIcon, CollapseIcon, DownloadIcon, FileIcon, FileTextIcon, FolderIcon, FolderTreeIcon, LinkIcon, PreviewIcon, ShareIcon, TrashIcon, UploadIcon } from "../icons.js";
 import { MenuItem, MenuPopup, MenuSeparator } from "../components/Menu.js";
 import { safeUrl } from "../safeUrl.js";
 import { Loader } from "../components/Loader.js";
@@ -8,8 +8,8 @@ import { toast } from "../components/Toast.js";
 import { keyedByContent } from "../components/keys.js";
 import { Tooltip } from "../components/Tooltip.js";
 import { useNavigation, usePersistedState, useSlots, useStrings } from "../components/Provider.js";
-import { AppLink } from "../components/AppLink.js";
 import { useCopy } from "../components/useCopy.js";
+import { Breadcrumbs } from "../components/Breadcrumbs.js";
 import { Button } from "../components/Button.js";
 import { Callout } from "../components/Callout.js";
 import { InfoTip } from "../components/InfoTip.js";
@@ -68,7 +68,6 @@ function UriCard({ value }) {
 		]
 	});
 }
-var breadcrumbClass = "max-w-[16rem] cursor-pointer truncate text-(--theme-muted-text-color) transition-colors hover:text-(--theme-app)";
 /** `href` resolved against the page, as the browser's "Copy link" gives it. */
 function absoluteUrl(href) {
 	const url = safeUrl(href);
@@ -720,36 +719,17 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 			cur = treeMap[getParentPath(cur.path)];
 		}
 		if (chain.length === 0) return null;
-		return /* @__PURE__ */ jsx("nav", {
-			"aria-label": t.chrome.location,
-			className: "flex min-w-0 flex-1 overflow-hidden text-[13px]",
-			children: /* @__PURE__ */ jsx("ol", {
-				className: "flex min-w-0 items-center gap-1",
-				children: chain.map((node, i) => {
-					const isLast = i === chain.length - 1;
-					const label = node.displayName || node.name;
-					return /* @__PURE__ */ jsxs("li", {
-						className: "flex min-w-0 items-center gap-1",
-						children: [i > 0 && /* @__PURE__ */ jsx(ChevronRightIcon, {
-							"aria-hidden": "true",
-							className: "h-3 w-3 shrink-0 text-(--theme-muted-text-color) rtl:rotate-180"
-						}), isLast ? /* @__PURE__ */ jsx("span", {
-							"aria-current": "location",
-							className: "truncate font-semibold text-(--theme-app)",
-							children: label
-						}) : pathHref ? /* @__PURE__ */ jsx(AppLink, {
-							href: pathHref(node.path),
-							className: breadcrumbClass,
-							children: label
-						}) : /* @__PURE__ */ jsx("button", {
-							type: "button",
-							onClick: () => handleSelectTreeItem(node.path, node),
-							className: breadcrumbClass,
-							children: label
-						})]
-					}, node.path);
-				})
-			})
+		return /* @__PURE__ */ jsx(Breadcrumbs, {
+			label: t.chrome.location,
+			current: "location",
+			crumbs: chain.map((node) => ({
+				label: node.displayName || node.name,
+				href: pathHref?.(node.path)
+			})),
+			onSelect: (_, i) => {
+				const node = chain[i];
+				if (node) handleSelectTreeItem(node.path, node);
+			}
 		});
 	};
 	const generateDownloadCommand = () => {

package/dist/file-explorer/helpers.js

@@ -2,10 +2,10 @@ import { cx } from "../cx.js";
 import { CustomizeIcon, DiskIcon, FileIcon, FileTextIcon, FolderIcon, ImageIcon, PdfIcon, RefreshIcon, RetryIcon, ShareIcon, SpreadsheetIcon, UserIcon, VideoIcon, WarningIcon, ZipIcon } from "../icons.js";
 import { toast } from "../components/Toast.js";
 import { usePersistedState, useProvisionCorsRules, useSlots, useStrings } from "../components/Provider.js";
+import { Skeleton } from "../components/Skeleton.js";
 import { Button } from "../components/Button.js";
 import { Callout } from "../components/Callout.js";
 import { ProgressBar } from "../components/Meter.js";
-import { Skeleton } from "../components/Skeleton.js";
 import { formatBytes } from "../format.js";
 import { useElapsed } from "../components/relativeTime.js";
 import { ListSkeleton } from "../list/ListTable.js";

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export { ActionMenu } from './components/ActionMenu.js';
 export { AppLink, type AppLinkProps, isPlainClick, type LinkTarget, } from './components/AppLink.js';
 export { Avatar, type AvatarProps, type AvatarSize, type AvatarStatus, avatarInitials, } from './components/Avatar.js';
+export { type Breadcrumb, Breadcrumbs, type BreadcrumbsProps } from './components/Breadcrumbs.js';
 export { Button, type ButtonProps, MethodButton } from './components/Button.js';
 export { type ButtonSize, type ButtonStyle, type ButtonVariant, buttonClasses, } from './components/buttonClasses.js';
 export { Callout, type CalloutProps, type CalloutTone } from './components/Callout.js';
@@ -37,7 +38,7 @@ export { Modal, ModalDescription, type ModalProps, type ModalSize, ModalTitle, m
 export { NumberInput, type NumberInputProps } from './components/NumberInput.js';
 export { OneTimeCodeInput, type OneTimeCodeInputProps } from './components/OneTimeCodeInput.js';
 export { Overview, type OverviewProps } from './components/Overview.js';
-export { type Breadcrumb, PageHeader, PageHeaderBar, type PageHeaderBarProps, type PageHeaderProps, PageHeaderProvider, } from './components/PageHeader.js';
+export { PageHeader, PageHeaderBar, type PageHeaderBarProps, type PageHeaderProps, PageHeaderProvider, } from './components/PageHeader.js';
 export { PageHeaderAction, type PageHeaderActionProps, PageHeaderAddButton, type PageHeaderAddButtonProps, PageHeaderMenu, } from './components/PageHeaderAction.js';
 export { PAGE_SIZES, Pagination, type PaginationProps } from './components/Pagination.js';
 export { Popover, PopoverClose, type PopoverProps, useClosePopover, } from './components/Popover.js';

package/dist/index.js

@@ -12,6 +12,8 @@ import { MenuEntries, MenuFilter, menuDivider } from "./components/MenuEntries.j
 import { ActionMenu } from "./components/ActionMenu.js";
 import { categoryClasses, categoryOf } from "./components/category.js";
 import { Avatar, avatarInitials } from "./components/Avatar.js";
+import { LoadingRegion, Skeleton } from "./components/Skeleton.js";
+import { Breadcrumbs } from "./components/Breadcrumbs.js";
 import { Button, MethodButton } from "./components/Button.js";
 import { isTextEntryContext, useShortcutKey } from "./components/shortcutKey.js";
 import { IconButton } from "./components/IconButton.js";
@@ -49,7 +51,6 @@ import Markdown from "./components/Markdown.js";
 import { Meter, ProgressBar, levelTone } from "./components/Meter.js";
 import { NumberInput } from "./components/NumberInput.js";
 import { OneTimeCodeInput } from "./components/OneTimeCodeInput.js";
-import { LoadingRegion, Skeleton } from "./components/Skeleton.js";
 import { Overview } from "./components/Overview.js";
 import { PageHeader, PageHeaderBar, PageHeaderProvider } from "./components/PageHeader.js";
 import { PageHeaderAction, PageHeaderAddButton, PageHeaderMenu } from "./components/PageHeaderAction.js";
@@ -74,4 +75,4 @@ import { ThemeEditor, ThemePreview } from "./components/ThemeEditor.js";
 import { ToggleGroup } from "./components/ToggleGroup.js";
 import { useCssIsDark } from "./components/useCssIsDark.js";
 import { useApplyTheme, useColorMode } from "./components/useTheme.js";
-export { ActionMenu, AppLink, Autocomplete, Avatar, Button, CODE_STYLES, Callout, Card, CardHeader, Checkbox, CheckboxGroup, ColorInput, Combobox, ConfirmModal, CopyButton, CopyCodeBlock, CreateModal, CreateModalSelect, CreateModalSwitch, DEFAULT_CONTRAST, DEFAULT_PRESET, DEFAULT_THEME, DatePicker, DescriptionList, DescriptionListGroup, DescriptionListItem, Disclosure, DisclosurePanel, Drawer, Elapsed, EmptyState, ErrorText, ExternalLink, Field, FieldOption, FieldValue, HoverCard, IconButton, InfoTip, Input, JND, LetterBadge, Loader, LoadingRegion, Markdown, MenuCheckboxItem, MenuEntries, MenuFilter, MenuGroupLabel, MenuItem, MenuLinkItem, MenuPopup, MenuRadioItem, MenuSeparator, MenuSubmenuTrigger, Meter, MethodButton, Modal, ModalDescription, ModalTitle, NumberInput, OneTimeCodeInput, Overview, PAGE_SIZES, PageHeader, PageHeaderAction, PageHeaderAddButton, PageHeaderBar, PageHeaderMenu, PageHeaderProvider, Pagination, Popover, PopoverClose, ProgressBar, Radio, RadioGroup, RefreshButton, RelativeTime, RequiredMark, RevealToggle, RunStatusIcon, SIDEBAR_TOKENS, SearchInput, Section, SegmentedControl, Select, SettingModeOption, SettingRow, SettingsCard, SettingsHeading, Skeleton, Slider, StatusBadge, StatusDot, StickyBar, Switch, THEME_PRESETS, THEME_TOKENS, TabPanel, Table, Tabs, Textarea, ThemeEditor, ThemePreview, ToggleGroup, Tooltip, TooltipProvider, UIProvider, apcaContrast, applyTheme, avatarInitials, buttonClasses, categoryClasses, categoryOf, composite, contrastRatio, cx, deltaE, deriveTheme, fieldBox, fitSeed, formatBytes, formatCount, formatDateTime, formatDuration, formatInfoTipContent, formatTimeLeft, generateTheme, isDarkColor, isPlainClick, isTextEntryContext, levelTone, menuDivider, modalPanelClassName, modeOf, parseColor, parseTheme, prefersWideGamut, resolveMode, runStatusTone, schemeFor, serializeTheme, statusTextClass, themeStylesheet, toHex, toP3, toast, useApplyTheme, useClock, useClosePopover, useColorMode, useContextMenu, useCopy, useCssIsDark, useElapsed, useFieldControl, useFieldLabelledControl, useNavigation, useOptionalWorkflowEngine, usePersistedState, useProvisionCorsRules, useRelativeTime, useRunFile, useShortcutKey, useSlots, useStrings, useWorkflowActions, useWorkflowEditing, useWorkflowEngine, useWorkflowEngineLoader };
+export { ActionMenu, AppLink, Autocomplete, Avatar, Breadcrumbs, Button, CODE_STYLES, Callout, Card, CardHeader, Checkbox, CheckboxGroup, ColorInput, Combobox, ConfirmModal, CopyButton, CopyCodeBlock, CreateModal, CreateModalSelect, CreateModalSwitch, DEFAULT_CONTRAST, DEFAULT_PRESET, DEFAULT_THEME, DatePicker, DescriptionList, DescriptionListGroup, DescriptionListItem, Disclosure, DisclosurePanel, Drawer, Elapsed, EmptyState, ErrorText, ExternalLink, Field, FieldOption, FieldValue, HoverCard, IconButton, InfoTip, Input, JND, LetterBadge, Loader, LoadingRegion, Markdown, MenuCheckboxItem, MenuEntries, MenuFilter, MenuGroupLabel, MenuItem, MenuLinkItem, MenuPopup, MenuRadioItem, MenuSeparator, MenuSubmenuTrigger, Meter, MethodButton, Modal, ModalDescription, ModalTitle, NumberInput, OneTimeCodeInput, Overview, PAGE_SIZES, PageHeader, PageHeaderAction, PageHeaderAddButton, PageHeaderBar, PageHeaderMenu, PageHeaderProvider, Pagination, Popover, PopoverClose, ProgressBar, Radio, RadioGroup, RefreshButton, RelativeTime, RequiredMark, RevealToggle, RunStatusIcon, SIDEBAR_TOKENS, SearchInput, Section, SegmentedControl, Select, SettingModeOption, SettingRow, SettingsCard, SettingsHeading, Skeleton, Slider, StatusBadge, StatusDot, StickyBar, Switch, THEME_PRESETS, THEME_TOKENS, TabPanel, Table, Tabs, Textarea, ThemeEditor, ThemePreview, ToggleGroup, Tooltip, TooltipProvider, UIProvider, apcaContrast, applyTheme, avatarInitials, buttonClasses, categoryClasses, categoryOf, composite, contrastRatio, cx, deltaE, deriveTheme, fieldBox, fitSeed, formatBytes, formatCount, formatDateTime, formatDuration, formatInfoTipContent, formatTimeLeft, generateTheme, isDarkColor, isPlainClick, isTextEntryContext, levelTone, menuDivider, modalPanelClassName, modeOf, parseColor, parseTheme, prefersWideGamut, resolveMode, runStatusTone, schemeFor, serializeTheme, statusTextClass, themeStylesheet, toHex, toP3, toast, useApplyTheme, useClock, useClosePopover, useColorMode, useContextMenu, useCopy, useCssIsDark, useElapsed, useFieldControl, useFieldLabelledControl, useNavigation, useOptionalWorkflowEngine, usePersistedState, useProvisionCorsRules, useRelativeTime, useRunFile, useShortcutKey, useSlots, useStrings, useWorkflowActions, useWorkflowEditing, useWorkflowEngine, useWorkflowEngineLoader };

package/dist/list/ListTable.js

@@ -3,8 +3,8 @@ import { ErrorIcon } from "../icons.js";
 import { positionKeys } from "../components/keys.js";
 import { useStrings } from "../components/Provider.js";
 import { AppLink } from "../components/AppLink.js";
-import { Checkbox } from "../components/Checkbox.js";
 import { LoadingRegion, Skeleton } from "../components/Skeleton.js";
+import { Checkbox } from "../components/Checkbox.js";
 import { Table } from "../components/Table.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useContext } from "react";

package/dist/list/UserHoverCard.js

@@ -1,8 +1,8 @@
 import { cx } from "../cx.js";
 import { useLink, useStrings } from "../components/Provider.js";
 import { Avatar } from "../components/Avatar.js";
-import { CopyButton } from "../components/CopyButton.js";
 import { LoadingRegion, Skeleton } from "../components/Skeleton.js";
+import { CopyButton } from "../components/CopyButton.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/list/UserHoverCard.tsx
 function UserHoverCard({ username, name, avatarSrc, badge, href, linkComponent, loading = false, children }) {