@manta-eu/react 0.1.0

package/dist/components/combobox/index.js

@@ -0,0 +1,153 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { Command as CommandPrimitive } from "cmdk";
+import { Check, Check as CheckIcon, Plus, Search, X } from "lucide-react";
+import { createContext, useContext, useEffect, useRef, useState, } from "react";
+import { tv } from "tailwind-variants";
+import { cn } from "#style";
+const ComboboxContext = createContext(null);
+function useComboboxContext() {
+    const context = useContext(ComboboxContext);
+    if (!context) {
+        throw new Error("Combobox components must be used within a Combobox");
+    }
+    return context;
+}
+const comboboxContent = tv({
+    base: [
+        "z-50 w-[320px] overflow-hidden p-1.5 flex flex-col max-h-[var(--radix-popover-content-available-height)]",
+        "bg-card border border-default-border rounded-md-v4 shadow-md",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out",
+        // See the modal overlay. Important flag for the same reason as the select's.
+        "data-[state=closed]:hidden!",
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+        "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
+        "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        "origin-(--radix-popover-content-transform-origin)",
+    ],
+});
+const comboboxInput = tv({
+    base: [
+        "flex h-10 w-full items-center gap-2 px-3",
+        "bg-input border border-input-border rounded-sm-v4",
+        "focus-within:border-active-border focus-within:outline focus-within:outline-1 focus-within:outline-active-border focus-within:outline-offset-0",
+    ],
+});
+const comboboxItem = tv({
+    base: [
+        "relative flex w-full cursor-pointer select-none items-center gap-1.5",
+        "rounded-sm-v4 px-1.5 py-2 h-10",
+        "typography-caption-medium text-default-foreground",
+        "outline-none transition-colors",
+        "data-[selected=true]:bg-faint",
+        "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
+    ],
+});
+const comboboxAddButton = tv({
+    base: [
+        "flex w-full items-center justify-center gap-1.5",
+        "h-8 px-3 rounded-sm-v4",
+        "bg-input border border-default-border",
+        "typography-small-medium text-default-foreground",
+        "hover:bg-faint transition-colors cursor-pointer",
+    ],
+});
+const comboboxAddInput = tv({
+    base: [
+        "flex w-full items-center gap-1.5",
+        "h-8 px-3 rounded-sm-v4",
+        "bg-input border border-input-border",
+        "focus-within:border-active-border focus-within:outline focus-within:outline-1 focus-within:outline-active-border focus-within:outline-offset-0",
+    ],
+});
+export function Combobox(props) {
+    const { open: controlledOpen, onOpenChange, defaultOpen, children, ...otherProps } = props;
+    const [internalOpen, setInternalOpen] = useState(defaultOpen ?? false);
+    const isControlled = controlledOpen !== undefined;
+    const open = isControlled ? controlledOpen : internalOpen;
+    const handleOpenChange = (newOpen) => {
+        if (!isControlled) {
+            setInternalOpen(newOpen);
+        }
+        onOpenChange?.(newOpen);
+    };
+    const close = () => {
+        handleOpenChange(false);
+    };
+    return (_jsx(ComboboxContext.Provider, { value: { close }, children: _jsx(PopoverPrimitive.Root, { open: open, onOpenChange: handleOpenChange, ...otherProps, children: children }) }));
+}
+export const ComboboxTrigger = PopoverPrimitive.Trigger;
+export const ComboboxAnchor = PopoverPrimitive.Anchor;
+export function ComboboxContent(props) {
+    const { className, children, sideOffset = 4, side = "bottom", align = "start", filter, ref, ...otherProps } = props;
+    return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { ref: ref, side: side, align: align, sideOffset: sideOffset, className: cn(comboboxContent(), className), ...otherProps, onWheelCapture: (e) => e.stopPropagation(), children: _jsx(CommandPrimitive, { filter: filter, className: "flex flex-col gap-1", children: children }) }) }));
+}
+export function ComboboxInput(props) {
+    const { className, containerClassName, placeholder = "Search...", ref, ...otherProps } = props;
+    return (_jsxs("div", { className: cn(comboboxInput(), containerClassName), children: [_jsx(Search, { className: "size-4 shrink-0 text-muted-foreground" }), _jsx(CommandPrimitive.Input, { ref: ref, placeholder: placeholder, className: cn("flex-1 bg-transparent typography-caption-medium placeholder:text-placeholder-foreground text-default-foreground outline-none", className), ...otherProps })] }));
+}
+export function ComboboxList(props) {
+    const { className, ref, ...otherProps } = props;
+    return (_jsx(CommandPrimitive.List, { ref: ref, className: cn("overflow-y-auto overflow-x-hidden max-h-[260px] flex-1 min-h-0", className), ...otherProps }));
+}
+export function ComboboxGroup(props) {
+    const { className, label, children, ref, ...otherProps } = props;
+    return (_jsxs(CommandPrimitive.Group, { ref: ref, className: cn("flex flex-col", className), ...otherProps, children: [label && _jsx("div", { className: "px-2 py-1.5 typography-caption-small text-muted-foreground", children: label }), children] }));
+}
+export function ComboboxEmpty(props) {
+    const { className, ref, ...otherProps } = props;
+    return (_jsx(CommandPrimitive.Empty, { ref: ref, className: cn("py-6 text-center typography-caption text-muted-foreground", className), ...otherProps }));
+}
+export function ComboboxItem(props) {
+    const { className, children, icon, selected, closeOnSelect = true, onSelect, ref, ...otherProps } = props;
+    const { close } = useComboboxContext();
+    const handleSelect = (value) => {
+        onSelect?.(value);
+        if (closeOnSelect) {
+            close();
+        }
+    };
+    return (_jsxs(CommandPrimitive.Item, { ref: ref, className: cn(comboboxItem(), className), onSelect: handleSelect, ...otherProps, children: [icon && _jsx("span", { className: "size-4 shrink-0 flex items-center justify-center", children: icon }), _jsx("span", { className: "flex-1 truncate", children: children }), selected && _jsx(Check, { className: "size-4 shrink-0" })] }));
+}
+export function ComboboxAddButton(props) {
+    const { className, label = "Add new", onAdd, ref, ...otherProps } = props;
+    const [isEditing, setIsEditing] = useState(false);
+    const [inputValue, setInputValue] = useState("");
+    const inputRef = useRef(null);
+    useEffect(() => {
+        if (isEditing && inputRef.current) {
+            inputRef.current.focus();
+        }
+    }, [isEditing]);
+    const handleSubmit = () => {
+        if (inputValue.trim()) {
+            onAdd?.(inputValue.trim());
+            setInputValue("");
+            setIsEditing(false);
+        }
+    };
+    const handleCancel = () => {
+        setInputValue("");
+        setIsEditing(false);
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === "Enter") {
+            e.preventDefault();
+            handleSubmit();
+        }
+        else if (e.key === "Escape") {
+            e.preventDefault();
+            handleCancel();
+        }
+    };
+    if (isEditing) {
+        return (_jsxs("div", { className: cn(comboboxAddInput(), className), children: [_jsx("input", { ref: inputRef, type: "text", value: inputValue, onChange: (e) => setInputValue(e.target.value), onKeyDown: handleKeyDown, placeholder: "Enter name...", className: "flex-1 bg-transparent typography-small text-default-foreground placeholder:text-placeholder-foreground outline-none" }), _jsx("button", { type: "button", onClick: handleSubmit, disabled: !inputValue.trim(), className: "size-4 flex items-center justify-center text-default-foreground hover:text-accent-foreground disabled:opacity-50 disabled:cursor-not-allowed", children: _jsx(CheckIcon, { className: "size-3.5" }) }), _jsx("button", { type: "button", onClick: handleCancel, className: "size-4 flex items-center justify-center text-muted-foreground hover:text-default-foreground", children: _jsx(X, { className: "size-3.5" }) })] }));
+    }
+    return (_jsxs("button", { ref: ref, type: "button", className: cn(comboboxAddButton(), className), onClick: () => setIsEditing(true), ...otherProps, children: [_jsx(Plus, { className: "size-4" }), _jsx("span", { children: label })] }));
+}
+export function ComboboxSeparator(props) {
+    const { className, ref, ...rest } = props;
+    return _jsx("div", { ref: ref, className: cn("h-px my-1 bg-muted-border", className), ...rest });
+}

package/dist/components/command/command-image.d.ts

@@ -0,0 +1,16 @@
+import type { ComponentType } from "react";
+export type CommandIconProps = {
+    className?: string;
+    icon: ComponentType<{
+        className?: string;
+        strokeWidth?: number;
+        size?: number;
+    }>;
+};
+export declare function CommandIcon(props: CommandIconProps): import("react/jsx-runtime").JSX.Element;
+export type CommandImageProps = {
+    title: string;
+    image?: string;
+};
+export declare function CommandImage(props: CommandImageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=command-image.d.ts.map

package/dist/components/command/command-image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-image.d.ts","sourceRoot":"","sources":["../../../src/components/command/command-image.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAClF,CAAC;AAEF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAQlD;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAYpD"}

package/dist/components/command/command-image.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ImageIcon } from "lucide-react";
+import { cn } from "#style";
+export function CommandIcon(props) {
+    const { className } = props;
+    return (_jsx("span", { className: "flex items-center justify-center text-default-foreground", children: _jsx(props.icon, { strokeWidth: 1.5, className: cn("size-5! m-auto", className) }) }));
+}
+export function CommandImage(props) {
+    const { title, image } = props;
+    return image ? (_jsx("img", { src: image, alt: title, className: "size-6 rounded-sm object-cover bg-background border border-default-border" })) : (_jsx(CommandIcon, { icon: ImageIcon, className: "text-muted-foreground" }));
+}

package/dist/components/command/index.d.ts

@@ -0,0 +1,107 @@
+import { type ComponentProps, type ComponentPropsWithoutRef, type ComponentType, type ReactNode } from "react";
+import { Dialog } from "#components/modal/index";
+declare const Command: import("react").ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const CommandDialog: {
+    ({ children, ...props }: ComponentProps<typeof Dialog>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const CommandInput: import("react").ForwardRefExoticComponent<Omit<Omit<Pick<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>> & {
+    ref?: React.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "value" | "type" | "onChange"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
+    showEscHint?: boolean;
+} & import("react").RefAttributes<HTMLInputElement>>;
+declare const CommandList: import("react").ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+} & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const CommandEmpty: import("react").ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const CommandGroup: import("react").ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
+    heading?: React.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const CommandSeparator: import("react").ForwardRefExoticComponent<Omit<Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    alwaysRender?: boolean;
+} & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const CommandItem: import("react").ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "value" | "onSelect" | "disabled"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const CommandShortcut: {
+    ({ className, ...props }: ComponentPropsWithoutRef<"span">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type CommandResultItem = {
+    id: string;
+    title: string;
+    href?: string;
+    onSelect?: () => void;
+    icon?: ComponentType<{
+        className?: string;
+        strokeWidth?: number;
+        size?: number;
+    }>;
+    children?: ReactNode;
+    disabled?: boolean;
+};
+export type CommandResultsProps = {
+    heading: string;
+    items: CommandResultItem[];
+    onSelect: (_item: CommandResultItem) => void;
+};
+export declare function CommandResults(props: CommandResultsProps): import("react/jsx-runtime").JSX.Element | null;
+export { CommandIcon, CommandImage } from "./command-image.js";
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, };
+export type { CommandIconProps, CommandImageProps } from "./command-image.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/command/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/command/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,wBAAwB,EAC7B,KAAK,aAAa,EAElB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,MAAM,EAA4C,MAAM,yBAAyB,CAAC;AAI3F,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;0GAWZ,CAAC;AAGF,QAAA,MAAM,aAAa;6BAA4B,cAAc,CAAC,OAAO,MAAM,CAAC;;CAc3E,CAAC;AAOF,QAAA,MAAM,YAAY;;;;;;;;kBAHF,OAAO;oDAyBtB,CAAC;AAGF,QAAA,MAAM,WAAW;;;;;;;;0GAaf,CAAC;AAGH,QAAA,MAAM,YAAY;;;;;;qLAShB,CAAC;AAGH,QAAA,MAAM,YAAY;;;;;;;;;;0GAgBhB,CAAC;AAGH,QAAA,MAAM,gBAAgB;;;;;;0GASpB,CAAC;AAGH,QAAA,MAAM,WAAW;;;;;;;;;;;;0GAsBf,CAAC;AAGH,QAAA,MAAM,eAAe;8BAA6B,wBAAwB,CAAC,MAAM,CAAC;;CAOjF,CAAC;AAGF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,kDAoDxD;AAED,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,eAAe,GAChB,CAAC;AAGF,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/command/index.js

@@ -0,0 +1,65 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Command as CommandPrimitive } from "cmdk";
+import { SearchIcon } from "lucide-react";
+import { forwardRef, } from "react";
+import { CommandIcon } from "./command-image.js";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "#components/modal/index";
+import { Pill } from "#components/pill/index";
+import { cn } from "#style";
+const Command = forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive, { ref: ref, className: cn("flex h-full w-full flex-col overflow-hidden rounded-lg-v4 bg-card text-default-foreground", className), ...props })));
+Command.displayName = CommandPrimitive.displayName;
+const CommandDialog = ({ children, ...props }) => {
+    return (_jsxs(Dialog, { ...props, children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { text: "Command Menu", hidden: true }) }), _jsx(DialogContent, { className: "flex flex-col overflow-hidden p-0 max-w-2xl! max-h-[70vh] top-40 translate-y-0", showCloseButton: false, children: children })] }));
+};
+CommandDialog.displayName = "CommandDialog";
+const CommandInput = forwardRef(({ className, showEscHint = true, ...props }, ref) => (_jsxs("div", { className: "flex shrink-0 items-center px-3 gap-2 relative", "cmdk-input-wrapper": "", children: [_jsx(SearchIcon, { className: "mr-2 size-5 shrink-0 text-muted-foreground" }), _jsx(CommandPrimitive.Input, { ref: ref, className: cn("flex h-12 w-full rounded-md bg-transparent py-3 typography-caption outline-hidden placeholder:text-placeholder-foreground disabled:cursor-not-allowed disabled:opacity-50", className), ...props }), showEscHint ? (_jsx("div", { className: "absolute right-0 h-full flex pr-3", children: _jsx(Pill, { label: "ESC", className: "opacity-70 bg-muted cursor-default text-muted-foreground border-muted typography-tiny h-fit py-1 my-auto" }) })) : null] })));
+CommandInput.displayName = CommandPrimitive.Input.displayName;
+const CommandList = forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.List, { ref: ref, className: cn("max-h-[60vh] min-h-0 overflow-y-auto overflow-x-hidden", "**:[[cmdk-group]]:animate-in **:[[cmdk-group]]:fade-in-0 **:[[cmdk-group]]:slide-in-from-bottom-2 **:[[cmdk-group]]:duration-200 **:[[cmdk-group]]:ease-out motion-reduce:**:[[cmdk-group]]:animate-none", className), ...props })));
+CommandList.displayName = CommandPrimitive.List.displayName;
+const CommandEmpty = forwardRef((props, ref) => (_jsx(CommandPrimitive.Empty, { ref: ref, className: "py-6 text-center typography-small animate-in fade-in-0 slide-in-from-bottom-2 duration-200 ease-out motion-reduce:animate-none", ...props })));
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
+const CommandGroup = forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Group, { ref: ref, className: cn([
+        "overflow-hidden p-1 text-default-foreground",
+        "**:[[cmdk-group-heading]]:px-2.5 **:[[cmdk-group-heading]]:py-1.5",
+        "**:[[cmdk-group-heading]]:typography-tiny **:[[cmdk-group-heading]]:text-muted-foreground",
+    ], className), ...props })));
+CommandGroup.displayName = CommandPrimitive.Group.displayName;
+const CommandSeparator = forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Separator, { ref: ref, className: cn("-mx-1 h-px border-b border-muted-border", className), ...props })));
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
+const CommandItem = forwardRef(({ className, children, ...props }, ref) => (_jsx(CommandPrimitive.Item, { ref: ref, className: cn([
+        "bg-card text-default-foreground typography-small-medium",
+        "data-[selected=true]:bg-background",
+        "relative flex cursor-default gap-2 select-none items-center rounded-xs px-2 py-1.5 outline-hidden",
+        "animate-in fade-in-0 slide-in-from-bottom-2 duration-200 ease-out motion-reduce:animate-none",
+        "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
+        "data-[selected=true]:[&_.enter-pill]:opacity-100",
+        "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+    ], className), ...props, children: children })));
+CommandItem.displayName = CommandPrimitive.Item.displayName;
+const CommandShortcut = ({ className, ...props }) => {
+    return (_jsx("span", { className: cn("ml-auto typography-small tracking-widest text-placeholder-foreground ", className), ...props }));
+};
+CommandShortcut.displayName = "CommandShortcut";
+export function CommandResults(props) {
+    const { heading, items, onSelect } = props;
+    if (items.length === 0) {
+        return null;
+    }
+    const isRecentSection = heading === "Recent";
+    return (_jsx(CommandGroup, { heading: heading, children: items.map((item) => (_jsx(CommandItem, { value: isRecentSection ? `recent-${item.id}` : item.id, asChild: true, className: cn([
+                "typography-small-medium",
+                "px-2.5 py-[9px] rounded-xl",
+                "data-[selected=true]:[&_.enter-symbol]:opacity-100",
+            ]), onSelect: () => {
+                item.onSelect?.();
+                onSelect(item);
+            }, disabled: item.disabled, children: _jsxs("div", { className: "flex items-center gap-2", children: [item.icon ? (_jsxs(_Fragment, { children: [" ", _jsx(CommandIcon, { icon: item.icon }), " ", _jsxs("span", { children: [item.title, " "] })] })) : (item.children), _jsx("span", { className: cn([
+                            "enter-symbol ml-auto flex items-center justify-center typography-small",
+                            "py-[2px] px-1 rounded-[6px] border border-muted-border bg-card",
+                            "leading-[normal] text-placeholder-foreground",
+                            "opacity-0 transition-opacity",
+                        ]), children: "\u21B5" })] }) }, item.id))) }));
+}
+export { CommandIcon, CommandImage } from "./command-image.js";
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, };

package/dist/components/context-menu.d.ts

@@ -0,0 +1,29 @@
+import { Root, Trigger, Group, Portal, Sub, RadioGroup, SubTrigger, Item, CheckboxItem, Label, Separator, RadioItem } from "@radix-ui/react-context-menu";
+import type { ComponentProps } from "react";
+export declare function ContextMenu(props: ComponentProps<typeof Root>): import("react/jsx-runtime").JSX.Element;
+export declare function ContextMenuTrigger(props: ComponentProps<typeof Trigger>): import("react/jsx-runtime").JSX.Element;
+export declare function ContextMenuGroup(props: ComponentProps<typeof Group>): import("react/jsx-runtime").JSX.Element;
+export declare function ContextMenuPortal(props: ComponentProps<typeof Portal>): import("react/jsx-runtime").JSX.Element;
+export declare function ContextMenuSub(props: ComponentProps<typeof Sub>): import("react/jsx-runtime").JSX.Element;
+export declare function ContextMenuRadioGroup(props: ComponentProps<typeof RadioGroup>): import("react/jsx-runtime").JSX.Element;
+type ContextMenuSubTriggerProps = ComponentProps<typeof SubTrigger> & {
+    inset?: boolean;
+};
+export declare function ContextMenuSubTrigger(props: ContextMenuSubTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare const ContextMenuSubContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuSubContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ContextMenuItemProps = ComponentProps<typeof Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+};
+export declare function ContextMenuItem(props: ContextMenuItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContextMenuCheckboxItem(props: ComponentProps<typeof CheckboxItem>): import("react/jsx-runtime").JSX.Element;
+export declare function ContextMenuRadioItem(props: ComponentProps<typeof RadioItem>): import("react/jsx-runtime").JSX.Element;
+type ContextMenuLabelProps = ComponentProps<typeof Label> & {
+    inset?: boolean;
+};
+export declare function ContextMenuLabel(props: ContextMenuLabelProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContextMenuSeparator(props: ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
+export declare function ContextMenuShortcut(props: ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=context-menu.d.ts.map

package/dist/components/context-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../src/components/context-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,IAAI,EACJ,OAAO,EACP,KAAK,EACL,MAAM,EACN,GAAG,EACH,UAAU,EACV,UAAU,EAGV,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,SAAS,EAET,SAAS,EACV,MAAM,8BAA8B,CAAC;AAEtC,OAAO,KAAK,EAAE,cAAc,EAAgB,MAAM,OAAO,CAAC;AAI1D,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,2CAkB7D;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,2CAGvE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,2CAEnE;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,2CAErE;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,2CAE/D;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,2CAE7E;AAED,KAAK,0BAA0B,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,GAAG;IACpE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CAuBtE;AAED,eAAO,MAAM,qBAAqB,2NAqBjC,CAAC;AAEF,eAAO,MAAM,kBAAkB,wNAwB9B,CAAC;AAEF,KAAK,oBAAoB,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IACxD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CACrC,CAAC;AAEF,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAwB1D;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,2CAyBjF;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,2CAwB3E;AAED,KAAK,qBAAqB,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IAC1D,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAW5D;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,2CAS3E;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,2CAShE"}

package/dist/components/context-menu.js

@@ -0,0 +1,67 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Root, Trigger, Group, Portal, Sub, RadioGroup, SubTrigger, Content, SubContent, Item, CheckboxItem, Label, Separator, ItemIndicator, RadioItem, } from "@radix-ui/react-context-menu";
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
+import { forwardRef, useState } from "react";
+import { cn } from "../lib/utils.js";
+export function ContextMenu(props) {
+    const [menuKey, setMenuKey] = useState(0);
+    return (_jsx(Root, { "data-slot": "context-menu", onOpenChange: (open) => {
+            // Call original onOpenChange if provided
+            props.onOpenChange?.(open);
+            // When menu closes, prepare for next repositioning
+            if (!open) {
+                setMenuKey((prev) => prev + 1);
+            }
+        }, ...props }, menuKey));
+}
+export function ContextMenuTrigger(props) {
+    const { className, ...rest } = props;
+    return _jsx(Trigger, { className: cn("touch-manipulation", className), "data-slot": "context-menu-trigger", ...rest });
+}
+export function ContextMenuGroup(props) {
+    return _jsx(Group, { "data-slot": "context-menu-group", ...props });
+}
+export function ContextMenuPortal(props) {
+    return _jsx(Portal, { "data-slot": "context-menu-portal", ...props });
+}
+export function ContextMenuSub(props) {
+    return _jsx(Sub, { "data-slot": "context-menu-sub", ...props });
+}
+export function ContextMenuRadioGroup(props) {
+    return _jsx(RadioGroup, { "data-slot": "context-menu-radio-group", ...props });
+}
+export function ContextMenuSubTrigger(props) {
+    const { className, inset, children, ...otherProps } = props;
+    return (_jsxs(SubTrigger, { className: cn("flex cursor-default touch-manipulation select-none items-center", "rounded-radius px-2 py-1.5 typography-small outline-hidden", "focus:bg-accent focus:text-accent-foreground", "data-[state=open]:bg-accent data-inset:pl-8 data-[state=open]:text-accent-foreground", "[&_svg:not([class*='size-'])]:size-4", "[&_svg:not([class*='text-'])]:text-muted-foreground", "[&_svg]:pointer-events-none [&_svg]:shrink-0", className), "data-inset": inset, "data-slot": "context-menu-sub-trigger", ...otherProps, children: [children, _jsx(ChevronRightIcon, { "aria-hidden": "true", className: "ml-auto" })] }));
+}
+export const ContextMenuSubContent = forwardRef(function ContextMenuSubContent({ className, ...props }, ref) {
+    return (_jsx(SubContent, { className: cn("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", "z-50 min-w-32 touch-manipulation overflow-hidden", "origin-(--radix-context-menu-content-transform-origin)", "rounded-radius border bg-card p-1 text-default-foreground shadow-lg", "data-[state=closed]:animate-out data-[state=open]:animate-in motion-reduce:animate-none", className), "data-slot": "context-menu-sub-content", ref: ref, ...props }));
+});
+export const ContextMenuContent = forwardRef(function ContextMenuContent({ className, ...props }, ref) {
+    return (_jsx(Portal, { children: _jsx(Content, { className: cn("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", "z-50 min-w-32 touch-manipulation overflow-y-auto overflow-x-hidden", "max-h-(--radix-context-menu-content-available-height)", "origin-(--radix-context-menu-content-transform-origin)", "overscroll-contain rounded-radius border bg-card p-1 text-default-foreground shadow-md", "data-[state=closed]:animate-out data-[state=open]:animate-in motion-reduce:animate-none", className), "data-slot": "context-menu-content", ref: ref, ...props }) }));
+});
+export function ContextMenuItem(props) {
+    const { className, inset, variant = "default", ...otherProps } = props;
+    return (_jsx(Item, { "aria-disabled": otherProps.disabled ? true : undefined, className: cn("relative flex cursor-default touch-manipulation select-none items-center gap-2", "rounded-radius px-2 py-1.5 typography-small outline-hidden", "focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-inset:pl-8", "data-[variant=destructive]:text-error-foreground data-disabled:opacity-50", "data-[variant=destructive]:focus:bg-error data-[variant=destructive]:focus:text-error-foreground", "[&_svg:not([class*='size-'])]:size-4", "[&_svg:not([class*='text-'])]:text-muted-foreground", "[&_svg]:pointer-events-none [&_svg]:shrink-0", "data-[variant=destructive]:*:[svg]:text-error-foreground!", className), "data-inset": inset, "data-slot": "context-menu-item", "data-variant": variant, ...otherProps }));
+}
+export function ContextMenuCheckboxItem(props) {
+    const { className, children, checked, ...otherProps } = props;
+    return (_jsxs(CheckboxItem, { "aria-disabled": otherProps.disabled ? true : undefined, checked: checked, className: cn("relative flex cursor-default touch-manipulation select-none items-center gap-2", "rounded-radius py-1.5 pr-2 pl-8 typography-small outline-hidden focus:bg-accent focus:text-accent-foreground", "data-disabled:pointer-events-none data-disabled:opacity-50", "[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className), "data-slot": "context-menu-checkbox-item", ...otherProps, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(ItemIndicator, { children: _jsx(CheckIcon, { "aria-hidden": "true", className: "size-4" }) }) }), children] }));
+}
+export function ContextMenuRadioItem(props) {
+    const { className, children, ...otherProps } = props;
+    return (_jsxs(RadioItem, { "aria-disabled": otherProps.disabled ? true : undefined, className: cn("relative flex cursor-default touch-manipulation select-none items-center gap-2", "rounded-radius py-1.5 pr-2 pl-8 typography-small outline-hidden focus:bg-accent focus:text-accent-foreground", "data-disabled:pointer-events-none data-disabled:opacity-50", "[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className), "data-slot": "context-menu-radio-item", ...otherProps, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(ItemIndicator, { children: _jsx(CircleIcon, { "aria-hidden": "true", className: "size-2 fill-current" }) }) }), children] }));
+}
+export function ContextMenuLabel(props) {
+    const { className, inset, ...otherProps } = props;
+    return (_jsx(Label, { className: cn("px-2 py-1.5 typography-small-medium text-default-foreground data-inset:pl-8", className), "data-inset": inset, "data-slot": "context-menu-label", ...otherProps }));
+}
+export function ContextMenuSeparator(props) {
+    const { className, ...otherProps } = props;
+    return (_jsx(Separator, { className: cn("-mx-1 my-1 h-px bg-muted-border", className), "data-slot": "context-menu-separator", ...otherProps }));
+}
+export function ContextMenuShortcut(props) {
+    const { className, ...otherProps } = props;
+    return (_jsx("span", { className: cn("ml-auto typography-tiny text-muted-foreground tracking-widest", className), "data-slot": "context-menu-shortcut", ...otherProps }));
+}

package/dist/components/datastore-management/ManageDatastoresMenuItem.d.ts

@@ -0,0 +1,6 @@
+type ManageDatastoresMenuItemProps = {
+    onSelect: () => void;
+};
+export declare function ManageDatastoresMenuItem(props: ManageDatastoresMenuItemProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ManageDatastoresMenuItem.d.ts.map

package/dist/components/datastore-management/ManageDatastoresMenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManageDatastoresMenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/datastore-management/ManageDatastoresMenuItem.tsx"],"names":[],"mappings":"AAGA,KAAK,6BAA6B,GAAG;IACnC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,2CAe5E"}

package/dist/components/datastore-management/ManageDatastoresMenuItem.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Database } from "lucide-react";
+import { DropdownItem, preventPointerFocus } from "#components/dropdown/index";
+export function ManageDatastoresMenuItem(props) {
+    const { onSelect } = props;
+    return (_jsxs(DropdownItem, { "data-testid": "manage-datastores-menu-item", className: "flex flex-row items-center gap-1.5 typography-caption h-11", onSelect: onSelect, onPointerMove: preventPointerFocus, onPointerLeave: preventPointerFocus, children: [_jsx(Database, { className: "size-5" }), _jsx("span", { className: "typography-caption", children: "Datastores" })] }));
+}

package/dist/components/datastore-management/tree.d.ts

@@ -0,0 +1,13 @@
+import type { GQLDatastoreProvisioningStatus } from "@manta-eu/client";
+export type DatastoreNodeLike = {
+    datastoreId?: string;
+    removed: boolean;
+};
+export type DatastoreStatus = Omit<GQLDatastoreProvisioningStatus, "__typename" | "datastoreId">;
+export declare function collectDatastoreIds(nodes: DatastoreNodeLike[]): string[];
+export declare function hasRdfoxShell(status?: DatastoreStatus): boolean;
+export declare function isAwaitingDatastore(status?: DatastoreStatus): boolean;
+export declare function isMaterializing(status?: DatastoreStatus): boolean;
+export type DatastoreStatusCategory = "removed" | "unavailable" | "offline" | "ready" | "notRegistered" | "materializing";
+export declare function datastoreStatusCategory(node: DatastoreNodeLike, status?: DatastoreStatus): DatastoreStatusCategory | undefined;
+//# sourceMappingURL=tree.d.ts.map

package/dist/components/datastore-management/tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../../src/components/datastore-management/tree.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,kBAAkB,CAAC;AAIvE,MAAM,MAAM,iBAAiB,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC;AAG3E,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,8BAA8B,EAAE,YAAY,GAAG,aAAa,CAAC,CAAC;AAEjG,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,iBAAiB,EAAE,GAAG,MAAM,EAAE,CAExE;AAED,wBAAgB,aAAa,CAAC,MAAM,CAAC,EAAE,eAAe,GAAG,OAAO,CAE/D;AAGD,wBAAgB,mBAAmB,CAAC,MAAM,CAAC,EAAE,eAAe,GAAG,OAAO,CAErE;AAED,wBAAgB,eAAe,CAAC,MAAM,CAAC,EAAE,eAAe,GAAG,OAAO,CAEjE;AAED,MAAM,MAAM,uBAAuB,GAC/B,SAAS,GACT,aAAa,GACb,SAAS,GACT,OAAO,GACP,eAAe,GACf,eAAe,CAAC;AAEpB,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,iBAAiB,EACvB,MAAM,CAAC,EAAE,eAAe,GACvB,uBAAuB,GAAG,SAAS,CAmCrC"}

package/dist/components/datastore-management/tree.js

@@ -0,0 +1,28 @@
+import { isPresent } from "@manta-eu/lib/present";
+import { match } from "ts-pattern";
+export function collectDatastoreIds(nodes) {
+    return nodes.flatMap((node) => (isPresent(node.datastoreId) && !node.removed ? [node.datastoreId] : []));
+}
+export function hasRdfoxShell(status) {
+    return isPresent(status) && status.known && !status.offline && status.exists && !status.materialized;
+}
+// KGC's sensor creates the RDFox datastore once registered (wiki/kgc.md).
+export function isAwaitingDatastore(status) {
+    return isPresent(status) && status.known && !status.offline && !status.exists;
+}
+export function isMaterializing(status) {
+    return hasRdfoxShell(status) || isAwaitingDatastore(status);
+}
+export function datastoreStatusCategory(node, status) {
+    return (match({ node, status })
+        .when(({ node }) => !isPresent(node.datastoreId), () => undefined)
+        .when(({ node }) => node.removed, () => "removed")
+        .when(({ status }) => !status, () => undefined)
+        .when(({ status }) => !status?.known, () => "unavailable")
+        .when(({ status }) => !!status?.offline, () => "offline")
+        .when(({ status }) => !!status?.ready, () => "ready")
+        // A pre-existing RDFox shell means this was registered before, so it's still `materializing`,
+        // not `notRegistered`.
+        .when(({ status }) => status?.registered === false && !hasRdfoxShell(status), () => "notRegistered")
+        .otherwise(() => "materializing"));
+}

package/dist/components/datastore-management/use-datastore-status.d.ts

@@ -0,0 +1,3 @@
+import type { DatastoreStatus } from "./tree.js";
+export declare function useDatastoreStatusByDatastoreId(datastoreIds: string[], enabled: boolean): Record<string, DatastoreStatus>;
+//# sourceMappingURL=use-datastore-status.d.ts.map

package/dist/components/datastore-management/use-datastore-status.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-datastore-status.d.ts","sourceRoot":"","sources":["../../../src/components/datastore-management/use-datastore-status.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAK9C,wBAAgB,+BAA+B,CAC7C,YAAY,EAAE,MAAM,EAAE,EACtB,OAAO,EAAE,OAAO,GACf,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAmBjC"}

package/dist/components/datastore-management/use-datastore-status.js

@@ -0,0 +1,13 @@
+import { useDatastoreProvisioningStatusesQuery } from "@manta-eu/client";
+import { isPresent } from "@manta-eu/lib/present";
+import { useMemo } from "react";
+import { useMantaClient } from "#providers/index";
+const provisioningStatusPollMs = 10_000;
+export function useDatastoreStatusByDatastoreId(datastoreIds, enabled) {
+    const { mantaClient } = useMantaClient();
+    const { data } = useDatastoreProvisioningStatusesQuery(mantaClient, { datastoreIds }, {
+        enabled: enabled && isPresent(datastoreIds),
+        refetchInterval: provisioningStatusPollMs,
+    });
+    return useMemo(() => Object.fromEntries((data?.datastoreProvisioningStatuses ?? []).map(({ datastoreId, ...rest }) => [datastoreId, rest])), [data]);
+}

package/dist/components/disabled-action-tooltip/index.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+export type DisabledActionTooltipProps = {
+    reason?: string;
+    children: ReactNode;
+};
+export declare function DisabledActionTooltip(props: DisabledActionTooltipProps): ReactNode;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/disabled-action-tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/disabled-action-tooltip/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,0BAA0B,GAAG;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,GAAG,SAAS,CAYlF"}

package/dist/components/disabled-action-tooltip/index.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../tooltip/index.js";
+export function DisabledActionTooltip(props) {
+    const { reason, children } = props;
+    if (!isPresent(reason))
+        return children;
+    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "block", children: children }) }), _jsx(TooltipContent, { children: reason })] }));
+}