@parallelworks/ui 0.3.0 → 0.4.0

package/dist/components/Button.d.ts

@@ -0,0 +1,18 @@
+import type { ButtonHTMLAttributes, ReactNode } from 'react';
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'primary' | 'secondary' | 'outline' | 'ghost';
+    size?: 'default' | 'sm' | 'lg';
+    loading?: boolean;
+    icon?: ReactNode;
+    iconPosition?: 'left' | 'right';
+    fullWidth?: boolean;
+}
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+interface MethodButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    icon?: ReactNode;
+    label: string;
+    description?: string;
+    href?: string;
+}
+export declare function MethodButton({ icon, label, description, href, className, ...props }: MethodButtonProps): import("react").JSX.Element;
+export {};

package/dist/components/Card.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+interface CardProps {
+    children: ReactNode;
+    className?: string;
+    wide?: boolean;
+    compact?: boolean;
+    interactive?: boolean;
+    authShadow?: boolean;
+}
+export declare function Card({ children, className, wide, compact, interactive, authShadow, }: CardProps): import("react").JSX.Element;
+interface CardHeaderProps {
+    badge?: ReactNode;
+    title: string;
+    description?: ReactNode;
+    className?: string;
+    align?: 'center' | 'left';
+}
+export declare function CardHeader({ badge, title, description, className, align, }: CardHeaderProps): import("react").JSX.Element;
+export {};

package/dist/components/Filter.d.ts

@@ -0,0 +1,15 @@
+interface FilterPill {
+    label: string;
+    value: string;
+}
+interface FilterProps {
+    filter: string;
+    setFilter: (value: string) => void;
+    placeholder?: string;
+    /** Optional filter pills rendered before the search input */
+    pills?: FilterPill[];
+    activePill?: string;
+    onPillChange?: (value: string) => void;
+}
+export default function Filter({ filter, setFilter, placeholder, pills, activePill, onPillChange, }: FilterProps): import("react").JSX.Element;
+export {};

package/dist/components/FilterPill.d.ts

@@ -0,0 +1,7 @@
+interface FilterPillProps {
+    active: boolean;
+    onClick: () => void;
+    children: React.ReactNode;
+}
+export declare function FilterPill({ active, onClick, children }: FilterPillProps): import("react").JSX.Element;
+export {};

package/dist/components/IconButton.d.ts

@@ -0,0 +1,17 @@
+import type { ButtonHTMLAttributes, ReactNode } from 'react';
+interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Icon to display */
+    icon: ReactNode;
+    /** Accessible label (used for aria-label and tooltip) */
+    label: string;
+    /** Button variant */
+    variant?: 'default' | 'ghost' | 'primary' | 'success';
+    /** Size of the button */
+    size?: 'sm' | 'md' | 'lg';
+    /** Whether button is in active/selected state */
+    active?: boolean;
+    /** Whether to show tooltip on hover */
+    showTooltip?: boolean;
+}
+export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/Input.d.ts

@@ -0,0 +1,14 @@
+import type { InputHTMLAttributes, TextareaHTMLAttributes, ReactNode } from 'react';
+interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    label?: ReactNode;
+    error?: string;
+    mono?: boolean;
+}
+export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
+interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    label?: string;
+    error?: string;
+    mono?: boolean;
+}
+export declare const Textarea: import("react").ForwardRefExoticComponent<TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+export {};

package/dist/components/LetterBadge.d.ts

@@ -0,0 +1,6 @@
+/** A compact letter badge ("AI", "PUB", "SSH") used as a type mark in place of
+ * an icon. Size the box and text via className (e.g. "h-5 w-5 text-[8px]"). */
+export declare function LetterBadge({ text, className, }: {
+    text: string;
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/Pagination.d.ts

@@ -0,0 +1,15 @@
+interface IPaginationProps {
+    nextCallback: () => void;
+    prevCallback: () => void;
+    startingNumber?: string | number;
+    endingNumber?: string | number;
+    startingTime?: string;
+    endingTime?: string;
+    nextDisabled: boolean;
+    prevDisabled: boolean;
+    name?: string;
+    roundedBottom?: boolean;
+    useTimeRange?: boolean;
+}
+declare function Pagination({ endingNumber, endingTime, nextCallback, prevCallback, roundedBottom, startingNumber, startingTime, nextDisabled, prevDisabled, name, useTimeRange, }: IPaginationProps): import("react").JSX.Element;
+export { Pagination };

package/dist/components/Provider.d.ts

@@ -295,6 +295,31 @@ export interface UIStrings {
         labelId: string;
         labelUrl: string;
         couldNotLoad: (noun: string) => string;
+        displayOptions: string;
+        grouping: string;
+        ordering: string;
+        orderDefault: string;
+        orderFavorites: string;
+        ascending: string;
+        descending: string;
+        columnHeaders: string;
+        showColumnHeaders: string;
+        showActions: string;
+        showRowActions: string;
+        alwaysShowActions: string;
+        alwaysShowRowActions: string;
+        displayProperties: string;
+        pinnedActions: string;
+        pinnedActionsHelp: string;
+        reset: string;
+        none: string;
+        filter: string;
+        clear: string;
+        pager: (start: number, end: number, total: number) => string;
+        paginationPrevious: string;
+        paginationNext: string;
+        paginationShowing: (name: string, start: number | string, end: number | string) => ReactNode;
+        paginationShowingTimeRange: (name: string, startTime: string, endTime: string) => ReactNode;
     };
 }
 export interface UINavigation {

package/dist/components/SettingModeOption.d.ts

@@ -0,0 +1,13 @@
+/** A labeled + described radio option row, used inside a SettingsCard to pick
+ * between modes (e.g. default vs custom). Stacked rows share the card's
+ * dividers via `isFirst`. */
+export declare function SettingModeOption({ name, checked, onSelect, label, description, isFirst, disabled, }: {
+    /** Radio group name; shared across the options of one picker. */
+    name: string;
+    checked: boolean;
+    onSelect: () => void;
+    label: string;
+    description: string;
+    isFirst?: boolean;
+    disabled?: boolean;
+}): import("react").JSX.Element;

package/dist/components/SettingRow.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from 'react';
+export declare function SettingRow({ label, htmlFor, helpText, children, isFirst, fill, onClick, }: {
+    label: string;
+    htmlFor?: string;
+    helpText?: ReactNode;
+    children: ReactNode;
+    isFirst?: boolean;
+    /** When set, the control column fills and left-aligns for full-width inputs; default is the compact right-aligned control. */
+    fill?: boolean;
+    /** Makes the whole row a click target for its control (e.g. a toggle). The
+     * control still handles its own click; stop propagation there to avoid a
+     * double toggle. */
+    onClick?: () => void;
+}): import("react").JSX.Element;
+export declare function SettingSection({ title, isFirst, }: {
+    title: string;
+    isFirst?: boolean;
+}): import("react").JSX.Element;

package/dist/components/SettingsCard.d.ts

@@ -0,0 +1,24 @@
+import type { ReactNode } from 'react';
+interface SettingsCardProps {
+    /** Sentence-case section label above the card. Omit on the first card of a
+     * page, where the page title already names the section. */
+    title?: string;
+    description?: ReactNode;
+    /** Control rendered on the right of the section label (e.g. a small action). */
+    action?: ReactNode;
+    /** 'adjacent' (default) sits the action next to the title (e.g. a `+`);
+     * 'right' pushes it to the far edge of the header (e.g. a Save button). */
+    actionAlign?: 'adjacent' | 'right';
+    /** Let inner content (e.g. a dropdown menu) overflow the panel instead of
+     * being clipped to its rounded corners. */
+    overflowVisible?: boolean;
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * A settings card: an optional sentence-case section label sits above a
+ * bordered panel of rows. The label carries the breathing-room rhythm between
+ * cards; the rows inside provide their own dividers via SettingRow's `isFirst`.
+ */
+export default function SettingsCard({ title, description, action, actionAlign, overflowVisible, children, className, }: SettingsCardProps): import("react").JSX.Element;
+export {};

package/dist/components/SettingsGroup.d.ts

@@ -0,0 +1,8 @@
+import type React from 'react';
+interface SettingsGroupProps {
+    title?: string;
+    children: React.ReactNode;
+    className?: string;
+}
+export default function SettingsGroup({ title, children, className, }: SettingsGroupProps): React.JSX.Element;
+export {};

package/dist/components/Sort.d.ts

@@ -0,0 +1,9 @@
+export type TDirection = 'ascending' | 'descending' | 'unsorted';
+declare function Sort<T extends string>({ currentlySorted, name, setCurrentDirection, setCurrentlySorted, currentDirection, }: {
+    currentlySorted: T | null;
+    name: NoInfer<T>;
+    setCurrentDirection: (direction: TDirection) => void;
+    setCurrentlySorted: (value: NoInfer<T> | '') => void;
+    currentDirection: TDirection;
+}): import("react").JSX.Element;
+export default Sort;

package/dist/components/Toggle.d.ts

@@ -0,0 +1,6 @@
+export declare function Toggle({ checked, onChange, disabled, label, }: {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    disabled?: boolean;
+    label?: string;
+}): import("react").JSX.Element;

package/dist/components/dropdownUtils.d.ts

@@ -15,4 +15,14 @@ export declare function isCategory<T>(option: ICategory<T> | IOptions<T> | strin
 export declare function isOption<T>(option: ICategory<T> | IOptions<T> | string): option is IOptions<T>;
 export declare function flattenOptions<T>(options: (ICategory<T> | IOptions<T> | string)[]): (IOptions<T> | ICategory<T>)[];
 export declare function filterOption<T>(option: IOptions<T>, query: string): boolean;
+export type FlatOption = IOptions & {
+    category?: boolean;
+};
+export declare function flattenFilteredOptions({ options, query, selectedValue, allowCustomValue, customValueLabel, }: {
+    options: (ICategory | IOptions)[];
+    query: string;
+    selectedValue?: unknown;
+    allowCustomValue?: boolean;
+    customValueLabel?: string;
+}): FlatOption[];
 export declare function DropdownCaret(): React.JSX.Element;

package/dist/components/inputClasses.d.ts

@@ -0,0 +1 @@
+export declare const inputClasses = "w-full rounded-md border theme-border bg-(--theme-input-bg) px-3 py-2 text-sm text-(--theme-panel) outline-none focus:ring-2 focus:ring-(--theme-element)";

package/dist/editor/index.js

@@ -1,2 +1,2 @@
-import { a as FormCodePanel, i as getThemeName, n as setupMonacoWorkers, o as EditorField, r as defineEditorThemes, s as Editor, t as useCssIsDark } from "../chunks/editor-D55tumuZ.js";
+import { a as FormCodePanel, i as getThemeName, n as setupMonacoWorkers, o as EditorField, r as defineEditorThemes, s as Editor, t as useCssIsDark } from "../chunks/editor-CdQbKtYO.js";
 export { Editor, EditorField, FormCodePanel, defineEditorThemes, getThemeName, setupMonacoWorkers, useCssIsDark };

package/dist/file-explorer/index.js

@@ -1,12 +1,12 @@
 import { AccessIcon, AlertIcon, AngleDownIcon, AngleRightIcon, AngleUpIcon, ChevronLeftIcon, ChevronRightIcon, ClipboardIcon, CloseIcon, CloudUploadIcon, CollapseIcon, CustomizeIcon, DiskIcon, DocumentIcon, DownloadFileIcon, ExpandIcon, ExpandVerticalIcon, EyeIcon, FileIcon, FileTextIcon, FolderIcon, FolderOpenIcon, ImageIcon, LinkIcon, LockIcon, MinimizeIcon, MusicIcon, PdfIcon, RefreshIcon, ShareIcon, SpreadsheetIcon, SuccessIcon, TrashIcon, UploadIcon, UserIcon, VideoIcon, ZipIcon, ZoomInIcon, ZoomOutIcon } from "../icons.js";
-import { i as Callout, n as CopyCodeBlock, r as CopyToClipboard, t as Markdown } from "../chunks/Markdown-C5Re2ezs.js";
-import { a as useProvisionCorsRules, c as useStrings, i as useNotify, s as useSlots } from "../chunks/Provider-DvVvScTQ.js";
+import { i as Callout, n as CopyCodeBlock, r as CopyToClipboard, t as Markdown } from "../chunks/Markdown-iFhq8Gb0.js";
+import { a as useProvisionCorsRules, c as useStrings, i as useNotify, s as useSlots } from "../chunks/Provider-uUHgWOWc.js";
 import { n as TOOLTIP_ID, r as TooltipInfo } from "../chunks/Tooltip-WgbiC_nd.js";
 import { t as Loader } from "../chunks/Loader-DQiZ75fa.js";
 import { t as Modal } from "../chunks/Modal-sOUEwebV.js";
 import { t as StatusBadge } from "../chunks/StatusBadge-DXp4zkSd.js";
 import { n as Table } from "../chunks/Table-C5z6qWjM.js";
-import { _ as useRowMenu, d as MoreButton, f as assembleRowMenu, i as ListSkeleton, l as listTableFixedProps, n as ListActionsHeader, p as copySubmenu, s as RowSelectCheckbox, u as listTableProps, v as useRowMenuActive } from "../chunks/list-7PyDF1tz.js";
+import { A as useRowMenu, C as listTableProps, E as copySubmenu, S as listTableFixedProps, T as assembleRowMenu, _ as ListSkeleton, b as RowSelectCheckbox, h as ListActionsHeader, j as useRowMenuActive, w as MoreButton } from "../chunks/list-D5f5Fq-O.js";
 import cx from "classnames";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Suspense, createContext, lazy, memo, use, useCallback, useEffect, useEffectEvent, useId, useLayoutEffect, useMemo, useRef, useState, useTransition } from "react";
@@ -39,10 +39,11 @@ function getNodeName(node) {
 	return parts[parts.length - 1];
 }
 function buildTreeFromStorage(storage, unsortedParents) {
-	if (!storage || !storage.objects) return {
+	if (!storage) return {
 		treeMap: {},
 		parentToChildrenMap: {}
 	};
+	const objects = storage.objects ?? [];
 	const cspBucketName = storage.bucketName || storage.name;
 	const storagePath = storage.user ? ensureTrailingSlash(`${storage.user}/${storage.name}`) : ensureTrailingSlash(storage.name);
 	const treeMap = { [storagePath]: {
@@ -60,8 +61,8 @@ function buildTreeFromStorage(storage, unsortedParents) {
 		storageType: storage.type,
 		root: true
 	} };
-	const directories = storage.objects.filter((obj) => obj.type === "directory");
-	const files = storage.objects.filter((obj) => obj.type === "file");
+	const directories = objects.filter((obj) => obj.type === "directory");
+	const files = objects.filter((obj) => obj.type === "file");
 	directories.forEach((dir) => {
 		const fullPath = ensureTrailingSlash(`${storagePath}${removeLeadingSlash(removeTrailingSlash(dir.path))}`);
 		treeMap[fullPath] = {
@@ -2518,7 +2519,7 @@ function useObjectText(url, { enabled, maxBytes, maxLines, knownSize, cacheKey,
 }
 //#endregion
 //#region src/file-explorer/FilePreview/Viewer.tsx
-var CodePreviewEditor = lazy(() => import("../chunks/CodePreviewEditor-CSPRILMp.js"));
+var CodePreviewEditor = lazy(() => import("../chunks/CodePreviewEditor-B3688Fx4.js"));
 var PREVIEW_MARKDOWN_CONTROLS = {
 	table: { fullscreen: false },
 	mermaid: { fullscreen: false }

package/dist/form/index.js

@@ -1,7 +1,7 @@
 import { AngleRightIcon, EyeIcon, EyeOffIcon, SuccessCheckmark, TrashIcon } from "../icons.js";
-import { c as useStrings, s as useSlots } from "../chunks/Provider-DvVvScTQ.js";
+import { c as useStrings, s as useSlots } from "../chunks/Provider-uUHgWOWc.js";
 import { n as TOOLTIP_ID, r as TooltipInfo } from "../chunks/Tooltip-WgbiC_nd.js";
-import { a as UncontrolledCollapsiblePanel, c as Dropdown, f as isCategory, n as SectionHeader, o as MultiSelectDropdown, r as ControlledCollapsiblePanel, s as CustomListbox, t as SwitchToggle } from "../chunks/SwitchToggle-2uRw8ZeJ.js";
+import { a as UncontrolledCollapsiblePanel, c as Dropdown, f as isCategory, n as SectionHeader, o as MultiSelectDropdown, r as ControlledCollapsiblePanel, s as CustomListbox, t as SwitchToggle } from "../chunks/SwitchToggle-BqD0dE-L.js";
 import { t as Loader } from "../chunks/Loader-DQiZ75fa.js";
 import { n as StatusDot } from "../chunks/StatusBadge-DXp4zkSd.js";
 import { n as Table } from "../chunks/Table-C5z6qWjM.js";

package/dist/index.d.ts

@@ -25,3 +25,18 @@ export { StatusBadge, StatusDot } from './components/StatusBadge.js';
 export { default as SwitchToggle } from './components/SwitchToggle.js';
 export { CompactTable, Table } from './components/Table.js';
 export { formatTooltipContent, GlobalTooltip, TOOLTIP_ID, TooltipInfo, } from './components/Tooltip.js';
+export { Button, MethodButton } from './components/Button.js';
+export { Card, CardHeader } from './components/Card.js';
+export { Input, Textarea } from './components/Input.js';
+export { inputClasses } from './components/inputClasses.js';
+export { IconButton } from './components/IconButton.js';
+export { Toggle } from './components/Toggle.js';
+export { LetterBadge } from './components/LetterBadge.js';
+export { FilterPill } from './components/FilterPill.js';
+export { default as Filter } from './components/Filter.js';
+export { default as Sort, type TDirection } from './components/Sort.js';
+export { Pagination } from './components/Pagination.js';
+export { default as SettingsCard } from './components/SettingsCard.js';
+export { default as SettingsGroup } from './components/SettingsGroup.js';
+export { SettingRow, SettingSection } from './components/SettingRow.js';
+export { SettingModeOption } from './components/SettingModeOption.js';