@overmap-ai/blocks 1.0.25-export-error-fixes.0 → 1.0.25-table-row-loading.0

package/README.md

@@ -1,3 +1,3 @@
-# overmap-ai blocks
-
-Contains basic components used by overmap-ai libraries.
+# overmap-ai blocks
+
+Contains basic components used by overmap-ai libraries.

package/dist/Badge/Badge.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { BadgeProps } from "./typings";
+import { BadgeProps } from "./typings.ts";
 /** The Badge Component is a user interface element that provides visual feedback, typically displaying a small amount
  * of information. It is commonly used to indicate counts, statuses, or labels in a concise and visually appealing
  * manner. This Badge components wraps the Badge component from Radix-ui found here https://www.radix-ui.com/themes/docs/components/badge */

package/dist/Badge/typings.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps } from "react";
 import { Badge as RadixBadge, MarginProps } from "@radix-ui/themes";
-import { Severity } from "../typings";
+import { Severity } from "../typings.ts";
 export interface BadgeProps extends Omit<ComponentProps<typeof RadixBadge>, keyof MarginProps> {
     /** The severity of the Badge, supports all global severities. Note that specifying a severity will overwrite any
      * color passed into the Badge component. */

package/dist/BaseMenuGroups/utils.d.ts

@@ -1,5 +1,5 @@
 import { MenuItemProps } from "@radix-ui/react-menu";
 import { ChangeEvent } from "react";
-import { TextFilterProps } from "./typings";
+import { TextFilterProps } from "./typings.ts";
 export declare const useCloseOnSelectHandler: (closeOnSelect: boolean) => (onSelect: MenuItemProps["onSelect"]) => (event: Event) => void;
 export declare const useTextFilterChangeHandler: () => (onTextFilterChange: TextFilterProps["onFilterValueChange"]) => (event: ChangeEvent<HTMLInputElement>) => void;

package/dist/Breadcrumb/Breadcrumb.d.ts

@@ -1,7 +1,7 @@
 import { Link } from "@radix-ui/themes";
 import { FlexProps } from "../Flex";
 import { ComponentProps, HTMLProps, ReactNode } from "react";
-import { Severity } from "../typings";
+import { Severity } from "../typings.ts";
 export interface BreadcrumbItemProps extends Omit<HTMLProps<HTMLAnchorElement>, "size" | "ref" | "color"> {
 }
 export declare const Item: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<BreadcrumbItemProps & import("react").RefAttributes<HTMLAnchorElement>>>;

package/dist/ButtonGroup/ButtonGroup.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { ButtonGroupProps } from "./typings";
+import { ButtonGroupProps } from "./typings.ts";
 /** The ButtonGroup Component is a user interface element that groups multiple buttons together for improved user
  * interaction and visual clarity. It is commonly used to present related actions or options in a compact and organized
  * manner. The ButtonGroup supports all props of the RadixUI Flex layout component besides MarginProps,

package/dist/ButtonGroup/typings.d.ts

@@ -1,6 +1,6 @@
 import { Flex, MarginProps, Responsive } from "@radix-ui/themes";
 import { ComponentProps } from "react";
-import { Severity, Size, Variant } from "../typings";
+import { Severity, Size, Variant } from "../typings.ts";
 import { ButtonHoverEffect } from "../Buttons";
 export interface ButtonGroupProps extends Omit<ComponentProps<typeof Flex>, keyof MarginProps | "size" | "direction" | "asChild"> {
     /** The direction in which the Buttons within the ButtonGroup are stacked

package/dist/Buttons/Button.d.ts

@@ -1,4 +1,4 @@
 import { FC } from "react";
-import { ButtonProps } from "./typings";
+import { ButtonProps } from "./typings.ts";
 declare const Button: FC<ButtonProps>;
 export default Button;

package/dist/Buttons/IconButton.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { ButtonProps } from "./typings";
+import { ButtonProps } from "./typings.ts";
 interface IconButtonProps extends ButtonProps {
     "aria-label": string;
 }

package/dist/Buttons/constants.d.ts

@@ -1,4 +1,4 @@
-import { ButtonHoverEffect } from "./typings";
+import { ButtonHoverEffect } from "./typings.ts";
 import { KeyboardEvent } from "react";
 export declare const hoverEffectClassNameMapping: Record<ButtonHoverEffect, string | undefined>;
 /** Passing this to a `div` will make it behave like a `button`. However, it will **NOT** support the disabled state. */

package/dist/Buttons/typings.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { Button as RadixButton, MarginProps, Responsive } from "@radix-ui/themes";
-import { Severity, Size, Variant } from "../typings";
+import { Severity, Size, Variant } from "../typings.ts";
 export interface Shortcut {
     keys: string[];
     action: () => void;

package/dist/ContextMenu/index.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 export type { ContextMenuRootProps } from "./Root";
 export declare const ContextMenu: {
-    Root: import("react").MemoExoticComponent<(props: import("./Root").ContextMenuRootProps) => import("react/jsx-runtime").JSX.Element>;
-    ActionItemGroup: import("react").MemoExoticComponent<(props: import("..").BaseItemGroupProps) => import("react/jsx-runtime").JSX.Element>;
-    SelectItemGroup: import("react").MemoExoticComponent<(props: import("..").BaseSelectGroupProps) => import("react/jsx-runtime").JSX.Element>;
-    MultiSelectItemGroup: import("react").MemoExoticComponent<(props: import("..").BaseMultiSelectGroupProps) => import("react/jsx-runtime").JSX.Element>;
-    SubItemGroup: import("react").MemoExoticComponent<(props: import("..").BaseSubMenuGroupProps) => import("react/jsx-runtime").JSX.Element>;
+    Root: import("react").MemoExoticComponent<(props: import("./Root.tsx").ContextMenuRootProps) => import("react/jsx-runtime").JSX.Element>;
+    ActionItemGroup: import("react").MemoExoticComponent<(props: import("../index.ts").BaseItemGroupProps) => import("react/jsx-runtime").JSX.Element>;
+    SelectItemGroup: import("react").MemoExoticComponent<(props: import("../index.ts").BaseSelectGroupProps) => import("react/jsx-runtime").JSX.Element>;
+    MultiSelectItemGroup: import("react").MemoExoticComponent<(props: import("../index.ts").BaseMultiSelectGroupProps) => import("react/jsx-runtime").JSX.Element>;
+    SubItemGroup: import("react").MemoExoticComponent<(props: import("../index.ts").BaseSubMenuGroupProps) => import("react/jsx-runtime").JSX.Element>;
 };

package/dist/DropdownItemMenu/DropdownItemMenu.d.ts

@@ -1,7 +1,7 @@
 import { FC } from "react";
-import { DropdownMenuContentProps } from "@radix-ui/react-dropdown-menu";
 import { DropdownMenuItemGroupItemProps, DropdownMenuItemGroupProps } from "../DropdownMenu";
 import { BaseMenuProps } from "../BaseMenuGroups";
+import { DropdownMenuContentProps } from "@radix-ui/react-dropdown-menu";
 export type DropdownItemMenuItemProps = DropdownMenuItemGroupItemProps;
 export type DropdownItemMenuProps = DropdownMenuItemGroupProps & BaseMenuProps & DropdownMenuContentProps;
 /** The DropdownItemMenu component is a user interface element that provides a list of options for the user to choose from.

package/dist/DropdownMenu/DropdownMenu.d.ts

@@ -1,7 +1,7 @@
 import { FC, PropsWithChildren } from "react";
-import { DropdownMenuContentProps } from "@radix-ui/react-dropdown-menu";
-import { DropdownMenuItemGroupItemProps } from "./DropdownMenuGroups";
+import { DropdownMenuItemGroupItemProps } from "./DropdownMenuGroups.tsx";
 import { BaseMenuProps } from "../BaseMenuGroups";
+import { DropdownMenuContentProps } from "@radix-ui/react-dropdown-menu";
 export type DropdownMenuItemProps = DropdownMenuItemGroupItemProps;
 export type DropdownMenuProps = PropsWithChildren & BaseMenuProps & DropdownMenuContentProps;
 /** The DropdownMenu component is a user interface element that provides a list of options for the user to choose from.

package/dist/DropdownMultiSelect/DropdownMultiSelect.d.ts

@@ -1,7 +1,7 @@
 import { FC } from "react";
-import { DropdownMenuContentProps } from "@radix-ui/react-dropdown-menu";
 import { DropdownMenuMultiSelectGroupItemProps, DropdownMenuMultiSelectGroupProps } from "../DropdownMenu";
 import { BaseMenuProps } from "../BaseMenuGroups";
+import { DropdownMenuContentProps } from "@radix-ui/react-dropdown-menu";
 export type DropdownMultiSelectItemProps = DropdownMenuMultiSelectGroupItemProps;
 export type DropdownMultiSelectProps = DropdownMenuMultiSelectGroupProps & BaseMenuProps & DropdownMenuContentProps;
 export declare const DropdownMultiSelect: FC<DropdownMultiSelectProps>;

package/dist/DropdownSelect/DropdownSelect.d.ts

@@ -1,7 +1,7 @@
 import { FC } from "react";
-import { DropdownMenuContentProps } from "@radix-ui/react-dropdown-menu";
 import { DropdownMenuItemGroupItemProps, DropdownMenuSelectGroupProps } from "../DropdownMenu";
 import { BaseMenuProps } from "../BaseMenuGroups";
+import { DropdownMenuContentProps } from "@radix-ui/react-dropdown-menu";
 export type DropdownSelectItemProps = DropdownMenuItemGroupItemProps;
 export type DropdownSelectProps = DropdownMenuSelectGroupProps & BaseMenuProps & DropdownMenuContentProps;
 export declare const DropdownSelect: FC<DropdownSelectProps>;

package/dist/IconColorUtility/IconColorUtility.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, ReactElement } from "react";
 import { Theme } from "@radix-ui/themes";
-import { Severity } from "../typings";
+import { Severity } from "../typings.ts";
 interface IconColorUtilityProps {
     children: ReactElement;
 }

package/dist/Input/Input.d.ts

@@ -1,3 +1,3 @@
 import { FC } from "react";
-import { InputProps } from "./typings";
+import { InputProps } from "./typings.ts";
 export declare const Input: FC<InputProps>;

package/dist/Input/typings.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { Responsive, TextField as RadixTextField } from "@radix-ui/themes";
-import { Severity, Size } from "../typings";
+import { Severity, Size } from "../typings.ts";
 import { MarginProps } from "@radix-ui/themes";
 type TextFieldInputProps = React.ComponentProps<typeof RadixTextField.Input>;
 export interface InputProps extends Omit<TextFieldInputProps, "size" | "color" | "radius" | "variant" | keyof MarginProps> {

package/dist/Layout/SlideOutOverlay.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { PropsWithClassNameAndStyle } from "../typings";
+import { PropsWithClassNameAndStyle } from "../typings.ts";
 import { SlideOutV3Props } from "../SlideOutV3";
 export interface OverlayProps extends PropsWithClassNameAndStyle {
     active?: boolean;

package/dist/Popover/Popover.d.ts

@@ -1,3 +1,3 @@
 import { FC } from "react";
-import { PopoverProps } from "./typings";
+import { PopoverProps } from "./typings.ts";
 export declare const Popover: FC<PopoverProps>;

package/dist/Separator/Separator.d.ts

@@ -1,3 +1,3 @@
 import { FC } from "react";
-import { SeparatorProps } from "./typings";
+import { SeparatorProps } from "./typings.ts";
 export declare const Separator: FC<SeparatorProps>;

package/dist/Separator/typings.d.ts

@@ -1,6 +1,6 @@
 import { Flex, Text, Separator as RadixSeparator, MarginProps } from "@radix-ui/themes";
 import { ComponentProps } from "react";
-import { Severity } from "../typings";
+import { Severity } from "../typings.ts";
 export interface SeparatorProps extends Omit<ComponentProps<typeof RadixSeparator>, "color" | "asChild" | keyof MarginProps> {
     /** text to be displayed in the middle of the separator */
     text?: string;

package/dist/SlideOut/SlideOutV2.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from "react";
 import { FocusOutsideEvent, PointerDownOutsideEvent } from "@radix-ui/react-dismissable-layer";
-import { PropsWithClassNameAndStyle } from "../typings";
+import { PropsWithClassNameAndStyle } from "../typings.ts";
 export type DismissibleEventTypes = PointerDownOutsideEvent | FocusOutsideEvent | KeyboardEvent;
 export interface SlideOutV2Props extends PropsWithChildren, PropsWithClassNameAndStyle {
     /** The controlled open state of the SlideOut */

package/dist/Switch/Switch.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { SwitchProps } from "./typings";
+import { SwitchProps } from "./typings.ts";
 /** The Switch Component is a user interface element that allows users to toggle between two states, typically
  * representing "on" and "off" or "enabled" and "disabled". It is commonly used for settings, preferences, or any
  * binary options. This Switch component is a wrapper around the Radix-ui Switch component found here https://www.radix-ui.com/themes/docs/components/switch

package/dist/Switch/typings.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, ReactElement, ReactNode } from "react";
 import { MarginProps, Switch as RadixSwitch } from "@radix-ui/themes";
-import { Severity } from "../typings";
+import { Severity } from "../typings.ts";
 interface SwitchIconProps {
     checked: ReactNode;
     unchecked: ReactNode;

package/dist/Table/typings.d.ts

@@ -34,6 +34,7 @@ export interface TableRow {
     onClick?: (row: TableRow) => void;
     className?: string;
     disabled?: boolean;
+    loading?: boolean;
     columns: {
         [columnId: string]: TableCell;
     };

package/dist/TextArea/TextArea.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { TextAreaProps } from "./typings";
+import { TextAreaProps } from "./typings.ts";
 /** The TextArea Component is a user interface element that allows users to input and edit multi-line text.
  It is commonly used in forms, chat applications, and other scenarios where longer text inputs are required.
  This TextArea is a wrapper of the RadixUI TextArea component found here https://www.radix-ui.com/themes/docs/components/text-area.

package/dist/TextArea/typings.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps } from "react";
 import { TextArea as RadixTextArea, MarginProps } from "@radix-ui/themes";
-import { Severity } from "../typings";
+import { Severity } from "../typings.ts";
 export interface TextAreaProps extends Omit<ComponentProps<typeof RadixTextArea>, keyof MarginProps | "color" | "variant"> {
     /** used to set the severity of the TextArea, supports all 5 global severities
      * @default "primary"

package/dist/Toast/typings.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps, ReactElement, ReactNode } from "react";
 import { ToastActionProps, ToastProps as RadixToastProps, ToastProviderProps, ToastViewportProps } from "@radix-ui/react-toast";
 import { Callout } from "@radix-ui/themes";
-import { Severity } from "../typings";
+import { Severity } from "../typings.ts";
 export interface ToastProps {
     size?: ComponentProps<typeof Callout.Root>["size"];
     /**

package/dist/ToggleGroup/ToggleGroup.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { ToggleGroupSingleProps } from "./typings";
+import { ToggleGroupSingleProps } from "./typings.ts";
 /** The Toggle Group Component is a user interface element that allows users to select a single option from a set of
  * mutually exclusive choices. It is commonly used in situations where users need to make a single selection from a
  * predefined list of options. This component is built using the ButtonGroup and IconButton components in combination

package/dist/blocks.js

@@ -3978,15 +3978,24 @@ const _Table = forwardRef(function Table2(props, ref) {
           ] }) }),
           /* @__PURE__ */ jsxs(Body, { children: [
             tableList.length === 0 && /* @__PURE__ */ jsx(TableRow, { className: styles$1.noDataTextContainer, children: /* @__PURE__ */ jsx(Cell, { children: emptyMessage }) }),
-            tableList.map((row) => /* @__PURE__ */ jsxs(
+            tableList.map((row) => /* @__PURE__ */ jsx(
               Row,
               {
                 item: row,
                 className: classNames(styles$1.tableRow, rowClassName, row.className, {
                   [styles$1.disabled]: row.disabled
                 }),
-                onClick: !row.disabled && row.onClick,
-                children: [
+                onClick: !row.loading && !row.disabled && row.onClick,
+                children: row.loading ? /* @__PURE__ */ jsx(
+                  Cell,
+                  {
+                    style: {
+                      gridColumn: `1 / span ${columns.length}`
+                    },
+                    children: /* @__PURE__ */ jsx(Flex$1, { justify: "center", pb: "4", pt: "4", children: /* @__PURE__ */ jsx(Spinner, {}) })
+                  },
+                  `loading-${row.id}`
+                ) : /* @__PURE__ */ jsxs(Fragment, { children: [
                   showSelect && /* @__PURE__ */ jsx(CellSelect, { item: row }, row.id),
                   columns.map((column, i) => {
                     const cell = row[column.id];
@@ -3997,7 +4006,9 @@ const _Table = forwardRef(function Table2(props, ref) {
                           styles$1.tableCell,
                           cellClassName,
                           cell.className,
-                          { [styles$1.disabled]: cell.disabled || column.disabled }
+                          {
+                            [styles$1.disabled]: cell.disabled || column.disabled
+                          }
                         ),
                         onClick: cell.disabled || column.disabled ? void 0 : row[column.id].onClick,
                         children: cell.label
@@ -4005,7 +4016,7 @@ const _Table = forwardRef(function Table2(props, ref) {
                       i
                     );
                   })
-                ]
+                ] })
               },
               row.id
             ))