@parallelworks/ui 0.12.1 → 0.14.0

package/dist/components/CreateModal.d.ts

@@ -6,18 +6,18 @@ interface CreateModalProps {
     typeIcon?: ReactNode;
     typeLabel: string;
     /** Makes the type chip a dropdown to switch between sibling form types. */
-    typeMenu?: HeaderAddMenuItem[];
+    typeMenu?: HeaderAddMenuItem[] | undefined;
     namePlaceholder: string;
     hideName?: boolean;
-    initialName?: string;
+    initialName?: string | undefined;
     showDescription?: boolean;
     descriptionPlaceholder?: string;
     submitLabel?: string;
     submittingLabel?: string;
-    validateName?: (name: string) => string | null;
+    validateName?: ((name: string) => string | null) | undefined;
     /** Normalize the name as the user types (e.g. strip disallowed characters). */
     sanitizeName?: (name: string) => string;
-    nameHint?: (name: string) => ReactNode;
+    nameHint?: ((name: string) => ReactNode) | undefined;
     children?: ReactNode;
     properties?: ReactNode;
     advanced?: ReactNode;
@@ -40,13 +40,13 @@ export declare function CreateModal({ open, onClose, typeIcon, typeLabel, typeMe
 export declare function CreateModalField({ label, tooltip, ...props }: InputHTMLAttributes<HTMLInputElement> & {
     label: string;
     /** Help text surfaced via an info icon next to the label. */
-    tooltip?: string;
+    tooltip?: string | undefined;
 }): import("react").JSX.Element;
 /** Labeled multi-line field for credential blobs (JSON keys, PEM keys). */
 export declare function CreateModalTextarea({ label, tooltip, rows, ...props }: TextareaHTMLAttributes<HTMLTextAreaElement> & {
     label: string;
     /** Help text surfaced via an info icon next to the label. */
-    tooltip?: string;
+    tooltip?: string | undefined;
 }): import("react").JSX.Element;
 /** Labeled input row with typeahead suggestions; free-form values allowed. */
 export declare function CreateModalAutocompleteField({ label, tooltip, value, onChange, options, placeholder, }: {
@@ -84,13 +84,13 @@ export declare const CREATE_MODAL_SELECT_FILTER_THRESHOLD = 8;
 export declare function CreateModalSelect({ label, icon, value, options, onChange, disabled, disabledHint, tooltip, collapsedLabel, }: {
     label: string;
     icon?: ReactNode;
-    value?: string;
+    value?: string | undefined;
     options: CreateModalSelectOption[];
     onChange: (value: string) => void;
     /** Gray the pill out (e.g. while a prerequisite pill is unset). */
     disabled?: boolean;
     /** Shown as the pill's tooltip while disabled (e.g. the prerequisite). */
-    disabledHint?: string;
+    disabledHint?: string | undefined;
     /** Help text surfaced on hover (explains what the pill selects). */
     tooltip?: string;
     /** Label for the toggle row hiding a group's collapsible options. */

package/dist/components/Dropdown.d.ts

@@ -9,13 +9,15 @@ export interface IProps {
         max: number;
     }) => void;
     value: IOptions | string | Record<string, unknown>;
-    id?: string;
-    ariaLabel?: string;
+    id?: string | undefined;
+    ariaLabel?: string | undefined;
+    'aria-describedby'?: string | undefined;
+    required?: boolean | undefined;
     className?: string;
     wrapperClassName?: string;
     textBoxClassName?: string;
     disabled?: boolean;
-    placeholder?: string;
+    placeholder?: string | undefined;
     loading?: boolean;
     allowCustomValue?: boolean;
     customValueLabel?: string | undefined;

package/dist/components/Input.d.ts

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

package/dist/components/Listbox.d.ts

@@ -1,18 +1,21 @@
-interface ICustomListboxProps {
+interface ICustomListboxProps<T> {
     /** Only used visually to inform what you're selecting */
     type: string;
     options: {
         label: string;
         secondaryLabel?: string;
         icon?: React.ReactNode;
-        value: any;
+        value: T;
         selected: boolean;
     }[];
     closeOnSelect?: boolean;
     allowSearch?: boolean;
-    handleOptionSelected: (value: any) => void;
+    handleOptionSelected: (value: T) => void;
     className?: string;
     invalid?: boolean;
+    required?: boolean;
+    id?: string | undefined;
+    'aria-describedby'?: string | undefined;
 }
-export default function CustomListbox({ options, handleOptionSelected, type, allowSearch, closeOnSelect, className, invalid, }: ICustomListboxProps): import("react").JSX.Element;
+export default function CustomListbox<T>({ options, handleOptionSelected, type, allowSearch, closeOnSelect, className, invalid, required, id, 'aria-describedby': describedBy, }: ICustomListboxProps<T>): import("react").JSX.Element;
 export {};

package/dist/components/Loader.d.ts

@@ -1,6 +1,6 @@
 interface LoaderProps {
     size?: number | string;
-    text?: string;
+    text?: string | undefined;
     textSize?: number;
     color?: string;
     full?: boolean;

package/dist/components/MultiSelect.d.ts

@@ -3,17 +3,20 @@ type MultiSelectDropdownProps<T = string> = {
     options: (ICategory<T> | IOptions<T> | string)[];
     value: T[];
     onChange: (next: T[]) => void;
-    id?: string;
+    id?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-describedby'?: string | undefined;
+    required?: boolean;
     className?: string;
     wrapperClassName?: string;
-    textBoxClassName?: string;
+    textBoxClassName?: string | undefined;
     disabled?: boolean;
-    placeholder?: string;
+    placeholder?: string | undefined;
     loading?: boolean;
     searchable?: boolean;
     maxTagCount?: number;
     /** Custom comparator for object values. Defaults to strict equality. */
-    compareBy?: (a: T, b: T) => boolean;
+    compareBy?: ((a: T, b: T) => boolean) | undefined;
 };
-export default function MultiSelectDropdown<T = string>({ options, value, onChange, id, className, wrapperClassName, textBoxClassName, disabled, placeholder, loading, searchable, maxTagCount, compareBy, }: MultiSelectDropdownProps<T>): import("react").JSX.Element;
+export default function MultiSelectDropdown<T = string>({ options, value, onChange, id, 'aria-labelledby': labelledBy, 'aria-describedby': describedBy, required, className, wrapperClassName, textBoxClassName, disabled, placeholder, loading, searchable, maxTagCount, compareBy, }: MultiSelectDropdownProps<T>): import("react").JSX.Element;
 export {};

package/dist/components/PageHeader.d.ts

@@ -10,6 +10,7 @@ export interface PageHeaderCrumb {
     label: ReactNode;
     href?: string;
 }
+export declare const headerActionButtonClasses = "flex items-center justify-center w-6 h-6 rounded-md shrink-0 cursor-pointer text-(--theme-muted-text-color) hover:text-(--theme-app) hover:bg-(--theme-muted-panel-bg) transition-colors";
 /** With menu, the plus opens a chooser; otherwise navigates to or calls the
  * single action. `word` is the visible verb; `label` stays the full action for
  * the tooltip and screen readers. */
@@ -35,7 +36,7 @@ export declare function HeaderEditButton({ to, onClick, label, disabled, tooltip
     onClick?: () => void;
     label?: string;
     disabled?: boolean;
-    tooltip?: string;
+    tooltip?: string | undefined;
 }): import("react").JSX.Element;
 /** Renders nothing when the modern breadcrumb strip isn't mounted (classic chrome or self-headered pages). */
 export declare function BreadcrumbsTitleAction({ children }: {
@@ -51,9 +52,9 @@ export declare function BreadcrumbsActionButton({ icon: Icon, label, ariaLabel,
     label: string;
     ariaLabel?: string;
     to?: string;
-    onClick?: () => void;
+    onClick?: (() => void) | undefined;
     disabled?: boolean;
-    tooltip?: string;
+    tooltip?: string | undefined;
 }): import("react").JSX.Element;
 interface PageHeaderProps {
     breadcrumbs?: PageHeaderBreadcrumb[] | undefined;

package/dist/components/Pagination.d.ts

@@ -3,8 +3,8 @@ interface IPaginationProps {
     prevCallback: () => void;
     startingNumber?: string | number;
     endingNumber?: string | number;
-    startingTime?: string;
-    endingTime?: string;
+    startingTime?: string | undefined;
+    endingTime?: string | undefined;
     nextDisabled: boolean;
     prevDisabled: boolean;
     name?: string;

package/dist/components/Provider.d.ts

@@ -52,10 +52,13 @@ export interface UIStrings {
         jsonHasErrors: string;
         add: string;
         create: string;
+        remove: string;
+        sort: string;
     };
     dropdown: {
         select: (type: string) => string;
         noOptionsFound: string;
+        showOptions: string;
     };
     logviewer: {
         error: string;
@@ -94,6 +97,9 @@ export interface UIStrings {
         submitted: string;
         expandAll: string;
         collapseAll: string;
+        loadingLogs: string;
+        noLogFound: string;
+        logLoadFailed: string;
         statusLabel: (status: string) => string;
         statusReason: (reason: string | undefined | null) => string | undefined;
     };
@@ -394,7 +400,7 @@ export interface UIData {
      */
     provisionCorsRules?: (args: {
         csp: string;
-        type?: string;
+        type?: string | undefined;
         username: string;
         storageName: string;
     }) => Promise<{
@@ -440,8 +446,8 @@ export interface UISlots {
     }) => ReactNode;
     /** Icon for a subworkflow step; absent hides icon-bound affordances. */
     workflowIcon?: (args: {
-        image?: string;
-        type?: string;
+        image?: string | undefined;
+        type?: string | undefined;
         className?: string;
     }) => ReactNode;
     /** Icon URL for a storage type; absent falls back to a generic disk icon.

package/dist/components/RequiredMark.d.ts

@@ -0,0 +1 @@
+export declare function RequiredMark(): import("react").JSX.Element;

package/dist/components/SettingRow.d.ts

@@ -4,7 +4,7 @@ export declare function SettingRow({ label, htmlFor, helpText, children, isFirst
     htmlFor?: string;
     helpText?: ReactNode;
     children: ReactNode;
-    isFirst?: boolean;
+    isFirst?: boolean | undefined;
     /** 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

package/dist/components/SwitchToggle.d.ts

@@ -1,7 +1,8 @@
 interface IToggleProps {
     onChange: (value: boolean) => void;
     /** Lets a `<label htmlFor>` point at the toggle. */
-    id?: string;
+    id?: string | undefined;
+    'aria-describedby'?: string | undefined;
     value?: boolean;
     /** Display label for the on/off positions; defaults to Yes/No. */
     yesLabel?: string;
@@ -10,5 +11,5 @@ interface IToggleProps {
     datatip?: string | undefined;
     invalid?: boolean;
 }
-declare function SwitchToggle({ onChange, id, value, yesLabel, noLabel, disabled, datatip, invalid, }: IToggleProps): import("react").JSX.Element;
+declare function SwitchToggle({ onChange, id, 'aria-describedby': describedBy, value, yesLabel, noLabel, disabled, datatip, invalid, }: IToggleProps): import("react").JSX.Element;
 export default SwitchToggle;

package/dist/components/Table.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { TDirection } from './Sort.js';
 interface IItemProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
     wrap?: boolean;
     colspan?: number;
@@ -10,18 +11,19 @@ interface ITableHeaderProps {
     className?: string;
     style?: React.CSSProperties | undefined;
     colspan?: number;
-    onClick?: () => void;
+    onClick?: (() => void) | undefined;
+    sort?: TDirection | 'none';
     /** When false, drops uppercase + tracking-wider for a sentence-case header. */
     caps?: boolean;
 }
-declare function Header({ children, className, style, colspan, onClick, caps, }: ITableHeaderProps): React.JSX.Element;
+declare function Header({ children, className, style, colspan, onClick, sort, caps, }: ITableHeaderProps): React.JSX.Element;
 interface ITableProps {
     children?: React.ReactNode;
     borderless?: boolean;
     /** When false, drops the theme-panel background. */
     panel?: boolean;
     className?: string;
-    tbodyClassName?: string;
+    tbodyClassName?: string | undefined;
     theadClassName?: string;
     wrapperClassName?: string;
     roundedTop?: boolean;

package/dist/components/Tooltip.d.ts

@@ -1,12 +1,18 @@
 import { type PlacesType } from 'react-tooltip';
 export declare const TOOLTIP_ID = "global-tooltip";
+/** Anchor props that reveal `content` only while the text is ellipsized; `measure` picks the clipped descendant when it isn't the anchor. */
+export declare function truncationTooltipProps(content: string, measure?: (anchor: HTMLElement) => HTMLElement | null): {
+    role: 'none';
+    'data-tooltip-id': string;
+    onMouseEnter: (event: React.MouseEvent<HTMLElement>) => void;
+};
 /** Tooltip text can come from untrusted sources (workflow YAML), so all markup is literal text — only `[text](url)` links and newlines are parsed. */
 export declare function formatTooltipContent(content: React.ReactNode): number | bigint | true | import("react").JSX.Element[] | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | Iterable<import("react").ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
 /** Singleton rendered at layout root; anchors opt in via data-tooltip-id={TOOLTIP_ID}, data-tooltip-content, and data-tooltip-shortcut. */
 export declare function GlobalTooltip(): import("react").JSX.Element;
 interface ITooltipInfo {
     text: string;
-    className?: string;
+    className?: string | undefined;
     place?: PlacesType;
     children?: React.ReactNode;
     tabIndex?: number;

package/dist/components/dropdownUtils.d.ts

@@ -2,15 +2,15 @@ import type React from 'react';
 export interface IOptions<T = unknown> {
     label: string;
     value: T;
-    secondaryValue?: unknown;
-    disabled?: boolean;
-    icon?: React.ReactNode;
-    description?: string;
+    secondaryValue?: unknown | undefined;
+    disabled?: boolean | undefined;
+    icon?: React.ReactNode | undefined;
+    description?: string | undefined;
     /** Hidden behind the category's toggle row until the category is expanded. */
-    collapsible?: boolean;
+    collapsible?: boolean | undefined;
 }
 export interface ICategory<T = unknown> {
-    category?: string;
+    category?: string | undefined;
     options: IOptions<T>[];
 }
 export declare function isCategory<T>(option: ICategory<T> | IOptions<T> | string): option is ICategory<T>;

package/dist/editor/FormCodePanel.d.ts

@@ -1,7 +1,7 @@
 declare function FormCodePanel({ formJSON, data, mutate, height, disabled, }: {
-    formJSON: Record<string, any>;
-    data: Record<string, any>;
-    mutate: any;
+    formJSON: Record<string, unknown>;
+    data: Record<string, unknown>;
+    mutate: (values: Record<string, unknown>) => void;
     height?: string;
     disabled?: boolean;
 }): import("react").JSX.Element;

package/dist/editor/Monaco.d.ts

@@ -18,9 +18,9 @@ type WorkflowItem = EditorWorkflowItem;
 export type ISchemaError = monaco.editor.IMarker;
 export interface IEditorProps extends monaco.editor.IStandaloneEditorConstructionOptions {
     className?: string;
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     onChange?: (value: string) => void;
-    onValidate?: (errors: any[]) => void;
+    onValidate?: (errors: ISchemaError[]) => void;
     width?: string | number;
     height?: string | number;
     path?: 'file:///workflow.yaml' | string;

package/dist/editor/index.js

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

package/dist/file-explorer/FileExplorer.d.ts

@@ -11,8 +11,8 @@ interface IFileExplorerProps {
     showUserHierarchy?: boolean;
     groups?: {
         name: string;
-        id?: string;
-    }[];
+        id?: string | undefined;
+    }[] | undefined;
     groupsLoading?: boolean;
     selectedPath: string;
     onPathChange: (path: string) => void;

package/dist/file-explorer/helpers.d.ts

@@ -20,13 +20,13 @@ export type CorsAwareRefresh = (opts?: {
 } | void>;
 declare function CorsIssuePreview({ selectedStorage, onRefresh, }: {
     selectedStorage: TStorage | null;
-    onRefresh?: CorsAwareRefresh;
+    onRefresh?: CorsAwareRefresh | undefined;
 }): JSX.Element;
 declare function NoDataAvailablePreview({ selectedStorage, error, onRefresh, connectionIssueMessage, className, canWrite, }: {
     selectedStorage: TStorage | null;
     error?: Error | null;
     onRefresh?: CorsAwareRefresh;
-    connectionIssueMessage?: string | null;
+    connectionIssueMessage?: string | null | undefined;
     className?: string;
     canWrite?: boolean;
 }): JSX.Element;