@parallelworks/ui 0.41.0 → 0.42.0

package/dist/form/SpecialTypes/FormikMultiSelectDropdown.js

@@ -1,31 +0,0 @@
-import MultiSelectDropdown from "../../components/MultiSelect.js";
-import { useFieldLabelledByProps, useFieldRequired } from "../fieldContext.js";
-import { jsx } from "react/jsx-runtime";
-import { useField, useFormikContext } from "formik";
-//#region src/form/SpecialTypes/FormikMultiSelectDropdown.tsx
-function FormikMultiSelectDropdown({ name, options, setFormDirty, onChange, disabled = false, loading = false, invalid = false, placeholder, compareBy }) {
-	const [field] = useField(name);
-	const required = useFieldRequired();
-	const labelledByProps = useFieldLabelledByProps();
-	const { setFieldValue, setFieldTouched } = useFormikContext();
-	const handleChange = (next) => {
-		setFieldValue(name, next);
-		setFieldTouched(name, true);
-		setFormDirty(true);
-		onChange?.(next);
-	};
-	return /* @__PURE__ */ jsx(MultiSelectDropdown, {
-		...labelledByProps,
-		textBoxClassName: invalid ? "invalid" : void 0,
-		options,
-		required,
-		value: Array.isArray(field.value) ? field.value : [],
-		onChange: handleChange,
-		disabled,
-		loading,
-		placeholder,
-		compareBy
-	});
-}
-//#endregion
-export { FormikMultiSelectDropdown as default };

package/dist/form/SpecialTypes/FormikNumericInput.d.ts

@@ -1,9 +0,0 @@
-export default function FormikNumericInput({ name, placeholder, onChange, disabled, min, max, invalid, }: {
-    name: string;
-    placeholder?: string;
-    onChange?: (val: number | undefined) => void;
-    disabled?: boolean;
-    min?: number | undefined;
-    max?: number | undefined;
-    invalid?: boolean;
-}): import("react").JSX.Element;

package/dist/form/SpecialTypes/FormikNumericInput.js

@@ -1,60 +0,0 @@
-import { useFieldControlProps, useFieldRequired } from "../fieldContext.js";
-import cx from "classnames";
-import { useEffect, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-import { useField, useFormikContext } from "formik";
-import { NumericFormat } from "react-number-format";
-//#region src/form/SpecialTypes/FormikNumericInput.tsx
-var DEBOUNCE_MS = 500;
-function FormikNumericInput({ name, placeholder, onChange, disabled, min, max, invalid = false }) {
-	const [field] = useField(name);
-	const required = useFieldRequired();
-	const controlProps = useFieldControlProps();
-	const { setFieldValue, setFieldTouched } = useFormikContext();
-	const [localValue, setLocalValue] = useState(field.value);
-	const isFocused = useRef(false);
-	const debounceRef = useRef(null);
-	useEffect(() => {
-		if (!isFocused.current) setLocalValue(field.value);
-	}, [field.value]);
-	const flush = (val) => {
-		onChange?.(val);
-		setFieldTouched(name, true);
-		setFieldValue(name, val);
-	};
-	const handleBlur = () => {
-		isFocused.current = false;
-		clearTimeout(debounceRef.current ?? void 0);
-		let val = localValue;
-		if (val !== void 0) {
-			if (min !== void 0 && val < min) val = min;
-			if (max !== void 0 && val > max) val = max;
-		}
-		setLocalValue(val);
-		flush(val);
-	};
-	return /* @__PURE__ */ jsx(NumericFormat, {
-		...controlProps,
-		"data-1p-ignore": true,
-		className: cx("w-full", disabled && "disabled", invalid && "invalid"),
-		name,
-		...localValue === void 0 ? {} : { value: localValue },
-		"aria-required": required || void 0,
-		thousandSeparator: ",",
-		decimalScale: 20,
-		allowNegative: true,
-		disabled,
-		placeholder,
-		onValueChange: (v) => {
-			setLocalValue(v.floatValue);
-			clearTimeout(debounceRef.current ?? void 0);
-			debounceRef.current = setTimeout(() => flush(v.floatValue), DEBOUNCE_MS);
-		},
-		onFocus: () => {
-			isFocused.current = true;
-		},
-		onBlur: handleBlur
-	});
-}
-//#endregion
-export { FormikNumericInput as default };

package/dist/form/SpecialTypes/index.d.ts

@@ -1,3 +0,0 @@
-export { default as FormikCustomDropdown } from './FormikCustomDropdown.js';
-export { default as FormikCustomInput } from './FormikCustomInput.js';
-export { default as FormikNumericInput } from './FormikNumericInput.js';

package/dist/list/HoverCard.d.ts

@@ -1,24 +0,0 @@
-import type { ReactNode } from 'react';
-type HoverCoords = {
-    x: number;
-    y: number;
-};
-export declare function useHoverCard<T extends HTMLElement>(): {
-    triggerRef: import("react").RefObject<T | null>;
-    coords: HoverCoords | null;
-    scheduleOpen: () => void;
-    scheduleClose: () => void;
-    keepOpen: () => void;
-};
-export declare function HoverCardSurface({ x, y, widthClassName, padded, relayoutKey, onKeepOpen, onLeave, children, }: {
-    x: number;
-    y: number;
-    widthClassName: string;
-    /** Pass false when the card paints its own edge-to-edge header. */
-    padded?: boolean;
-    relayoutKey?: unknown;
-    onKeepOpen: () => void;
-    onLeave: () => void;
-    children: ReactNode;
-}): import("react").ReactPortal;
-export {};

package/dist/list/HoverCard.js

@@ -1,73 +0,0 @@
-import cx from "classnames";
-import { useEffect, useLayoutEffect, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-import { createPortal } from "react-dom";
-//#region src/list/HoverCard.tsx
-function useHoverCard() {
-	const triggerRef = useRef(null);
-	const [coords, setCoords] = useState(null);
-	const openTimer = useRef(void 0);
-	const closeTimer = useRef(void 0);
-	useEffect(() => () => {
-		clearTimeout(openTimer.current);
-		clearTimeout(closeTimer.current);
-	}, []);
-	const scheduleOpen = () => {
-		clearTimeout(closeTimer.current);
-		openTimer.current = setTimeout(() => {
-			const rect = triggerRef.current?.getBoundingClientRect();
-			if (rect) setCoords({
-				x: rect.left,
-				y: rect.bottom
-			});
-		}, 350);
-	};
-	const scheduleClose = () => {
-		clearTimeout(openTimer.current);
-		closeTimer.current = setTimeout(() => setCoords(null), 150);
-	};
-	const keepOpen = () => clearTimeout(closeTimer.current);
-	return {
-		triggerRef,
-		coords,
-		scheduleOpen,
-		scheduleClose,
-		keepOpen
-	};
-}
-function HoverCardSurface({ x, y, widthClassName, padded = true, relayoutKey, onKeepOpen, onLeave, children }) {
-	const ref = useRef(null);
-	const [pos, setPos] = useState(null);
-	useLayoutEffect(() => {
-		if (!ref.current) return;
-		const { width, height } = ref.current.getBoundingClientRect();
-		const pad = 8;
-		const left = Math.max(pad, Math.min(x, window.innerWidth - width - pad));
-		const top = y + 8 + height + pad > window.innerHeight ? Math.max(pad, y - 8 - height) : y + 8;
-		setPos({
-			left,
-			top
-		});
-	}, [
-		x,
-		y,
-		relayoutKey
-	]);
-	return createPortal(/* @__PURE__ */ jsx("div", {
-		ref,
-		role: "none",
-		onMouseEnter: onKeepOpen,
-		onMouseLeave: onLeave,
-		onFocus: onKeepOpen,
-		onBlur: onLeave,
-		className: cx("fixed z-[9999] overflow-hidden rounded-xl border border-(--theme-border) bg-(--theme-panel-bg) shadow-xl backdrop-blur-xl", padded && "p-3", widthClassName),
-		style: {
-			left: pos?.left ?? x,
-			top: pos?.top ?? y + 8,
-			visibility: pos ? "visible" : "hidden"
-		},
-		children
-	}), document.querySelector(".ds-root") ?? document.body);
-}
-//#endregion
-export { HoverCardSurface, useHoverCard };

package/dist/list/RowContextMenu.d.ts

@@ -1,127 +0,0 @@
-import type { ComponentType, MouseEvent as ReactMouseEvent, ReactNode } from 'react';
-export type RowMenuItem = {
-    kind: 'link';
-    label: string;
-    to: string;
-    icon?: ReactNode;
-    destructive?: boolean | undefined;
-    /** Load the page instead of routing, for paths this app doesn't serve. */
-    reloadDocument?: boolean | undefined;
-} | {
-    kind: 'action';
-    label: string;
-    onSelect?: (() => void) | undefined;
-    icon?: ReactNode;
-    destructive?: boolean | undefined;
-    disabled?: boolean | undefined;
-    /** Shown on hover when the item is disabled, explaining why. */
-    tooltip?: string | undefined;
-    /** Trailing checkmark, e.g. the active option in a radio-style submenu. */
-    selected?: boolean;
-    /** Declarative clipboard copy: the menu performs it and notifies, so
-     * builders like useCopySubmenu need no toast or clipboard access. */
-    copy?: {
-        text: string;
-        label: string;
-    };
-    /** More text a menu's search matches, beside the label. */
-    keywords?: string;
-} | {
-    kind: 'submenu';
-    label: string;
-    icon?: ReactNode;
-    items: RowMenuItem[];
-    search?: MenuSearch | undefined;
-} | {
-    kind: 'divider';
-};
-/** A field atop a menu that narrows it, submenus included, to the items it matches. */
-export interface MenuSearch {
-    placeholder: string;
-    /** Shown when nothing matches. */
-    empty: string;
-}
-export type OpenMenu = (x: number, y: number, items: RowMenuItem[], onClose?: () => void, search?: MenuSearch) => void;
-/** The shared shape every entity action hook's per-row actions boil down to.
- * Each hook's bespoke `*RowAction` type is structurally assignable to this. */
-export interface RowAction {
-    key: string;
-    label: string;
-    icon: ReactNode;
-    onSelect?: (() => void) | undefined;
-    to?: string | undefined;
-    disabled?: boolean | undefined;
-    destructive?: boolean | undefined;
-    /** Shown on hover when the action is disabled, explaining why. */
-    tooltip?: string | undefined;
-}
-/** Converts a single row action to a menu item: a `to` makes it a link, otherwise an action. */
-export declare function toRowMenuItem(action: RowAction): RowMenuItem;
-/** Bridges a toolbar action (icon component, `onClick`/`href`) onto the shared
- * `RowAction` shape. Typed structurally so any toolbar action shape matching
- * these fields is assignable. */
-export declare function toolbarActionToRowAction(action: {
-    key: string;
-    label: string;
-    icon: ComponentType<{
-        className?: string;
-    }>;
-    onClick?: (() => void) | undefined;
-    href?: string | undefined;
-    disabled?: boolean | undefined;
-    disabledTooltip?: string | undefined;
-}): RowAction;
-/** Assembles a row's context menu in the shared order: leading link(s) → middle
- * actions → extra items → Copy submenu → trailing (destructive) actions last. */
-export declare function assembleRowMenu({ lead, actions, exclude, order, trailing, extra, copy, }: {
-    /** Pre-built leading link(s), e.g. "View details". */
-    lead?: RowMenuItem[];
-    /** The row's full action list. */
-    actions: RowAction[];
-    /** Keys already rendered in `lead`/`extra`; dropped from the middle. */
-    exclude?: string[];
-    /** Explicit middle order; keys absent from `actions` are skipped, keys absent from `order` are dropped. */
-    order?: string[];
-    /** Keys rendered last, in this order (default `['delete']`). */
-    trailing?: string[];
-    /** Items inserted after the middle actions and before Copy, e.g. a marketplace link. */
-    extra?: RowMenuItem[];
-    /** The Copy submenu from `useCopySubmenu()`. */
-    copy?: RowMenuItem | undefined;
-}): RowMenuItem[];
-export declare function useRowMenu(zClassName?: string): {
-    openMenu: OpenMenu;
-    contextMenu: import("react").JSX.Element;
-};
-/** The full-screen menu overlay drops CSS :hover on the triggering row; wrap openMenu here to substitute a JS-driven `active` highlight. */
-export declare function useRowMenuActive(openMenu: OpenMenu): {
-    active: boolean;
-    openMenu: OpenMenu;
-};
-export declare function rowContextMenuProps(openMenu: OpenMenu, items: RowMenuItem[]): {
-    onContextMenu: (e: ReactMouseEvent) => void;
-};
-export interface CopyFields {
-    name?: string | null | undefined;
-    /** Overrides the "name" label (raw, pre-translated) for entities whose primary field isn't a name, e.g. "domain". */
-    nameLabel?: string;
-    email?: string | null | undefined;
-    username?: string | null | undefined;
-    uid?: string | number | null | undefined;
-    id?: string | null | undefined;
-    url?: string | null | undefined;
-    extra?: {
-        label: string;
-        value?: string | null | undefined;
-        icon?: ReactNode;
-    }[] | undefined;
-}
-export type CopySubmenu = (fields: CopyFields) => RowMenuItem;
-/** Returns a builder for the Copy submenu, labeled from the provider's strings. */
-export declare function useCopySubmenu(): CopySubmenu;
-/** Stays visible while active (menu open) so it doesn't vanish behind the overlay. */
-export declare function MoreButton({ onOpen, active, className, }: {
-    onOpen: (x: number, y: number) => void;
-    active?: boolean;
-    className?: string | undefined;
-}): import("react").JSX.Element;