@bioturing/components 0.13.3 → 0.14.0

package/dist/components/PopupPanel/component.d.ts

@@ -0,0 +1,61 @@
+import { Popover } from "@base-ui-components/react/popover";
+import { type PopoverProps } from "antd/es/popover";
+import { PopupPanelSize } from "./constants";
+import "./style.css";
+export interface PopupPanelProps extends Omit<React.ComponentPropsWithRef<"div">, "title" | "content" | "children"> {
+    /** The trigger element that opens the popup panel */
+    children?: React.ComponentProps<typeof Popover.Trigger>["render"];
+    /** Placement of the popup panel relative to its trigger */
+    placement?: PopoverProps["placement"];
+    /** Whether to open the popup panel on hover */
+    openOnHover?: boolean;
+    /** Controls the open state of the popup panel */
+    open?: boolean;
+    /** Callback fired when the open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Content to display inside the popup panel */
+    content?: React.ReactNode;
+    /** Title text or element to display in the panel header */
+    title?: React.ReactNode;
+    /** The event that triggers the popup panel */
+    /**
+     * @default "click"
+     */
+    trigger?: "click" | "hover";
+    /** Custom anchor element for positioning the panel */
+    anchor?: Popover.Positioner.Props["anchor"];
+    /** Content to display before the close button */
+    beforeCloseButton?: React.ReactNode;
+    /** Content to display after the close button */
+    afterCloseButton?: React.ReactNode;
+    /** Content to display after the title */
+    afterTitle?: React.ReactNode;
+    /**
+     * Predefined sizes for the popup panel
+     * - xsmall: 320px
+     * - small: 400px
+     * - medium: 480px (default)
+     * - large: 640px
+     * - xlarge: 840px
+     * @default "medium" for default type, "xsmall" for other types
+     */
+    size?: keyof typeof PopupPanelSize;
+    /**
+     * Footer content for the popup panel
+     * Can be a React node or a function that returns a React node
+     */
+    footer?: React.ReactNode | ((props: {
+        close: () => void;
+    }) => React.ReactNode);
+    /**
+     * Whether the panel should be open by default when uncontrolled
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Whether the panel should be resizable
+     * @default false
+     */
+    resizable?: boolean;
+}
+export declare const PopupPanel: ({ children, placement, openOnHover, open: outsideOpen, onOpenChange: outsideOnOpenChange, content, title, trigger, className, anchor, beforeCloseButton, afterCloseButton, afterTitle, size, footer, defaultOpen, resizable, }: PopupPanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/PopupPanel/constants.d.ts

@@ -0,0 +1,7 @@
+export declare enum PopupPanelSize {
+    xsmall = "320px",
+    small = "400px",
+    medium = "480px",
+    large = "640px",
+    xlarge = "840px"
+}

package/dist/components/{src/components/Select → Select}/component.d.ts

@@ -1,8 +1,20 @@
 import { default as AntSelect, type BaseOptionType, type DefaultOptionType, type SelectProps as AntSelectProps } from "antd/es/select";
+import React from "react";
+import { PopupPanelSize } from "../PopupPanel/constants";
 export interface SelectProps<ValueType = unknown, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends AntSelectProps<ValueType, OptionType> {
+    /**
+     * Whether to enhance the positioner using floating-ui
+     * @default false
+     */
+    enhancePositioner?: boolean;
+    /**
+     * Size of the popup panel
+     * Will be ignored if enhancePositioner is false
+     */
+    popupSize?: string | number | PopupPanelSize;
 }
 export type { BaseOptionType as SelectBaseOptionType, DefaultOptionType as SelectDefaultOptionType, };
-declare const MainSelectInner: <ValueType = unknown, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>({ mode, className, popupClassName, ...rest }: SelectProps<ValueType, OptionType>, ref: React.Ref<React.ComponentRef<typeof AntSelect>>) => import("react/jsx-runtime").JSX.Element;
+declare const MainSelectInner: <ValueType = unknown, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>({ mode, className, open: openProp, defaultOpen, onOpenChange, popupClassName, onDropdownVisibleChange, enhancePositioner, getPopupContainer, popupSize, popupRender, classNames, styles, ...rest }: SelectProps<ValueType, OptionType>, ref: React.Ref<React.ComponentRef<typeof AntSelect>>) => import("react/jsx-runtime").JSX.Element;
 export declare const Select: (<ValueType = unknown, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>(props: SelectProps<ValueType, OptionType> & {
     ref?: React.ForwardedRef<React.ComponentRef<typeof AntSelect>>;
 }) => ReturnType<typeof MainSelectInner>) & {

package/dist/components/{src/components/Table → Table}/component.d.ts

@@ -5,7 +5,7 @@ export interface TableProps<RecordType extends object = object> extends AntTable
      */
     emptyDescription?: React.ReactNode;
 }
-declare const InternalTable: <RecordType extends object = object>({ columns, locale, emptyDescription, loading, ...rest }: TableProps<RecordType>) => import("react/jsx-runtime").JSX.Element;
+declare const InternalTable: <RecordType extends object = object>({ columns, locale, emptyDescription, loading, scroll, ...rest }: TableProps<RecordType>) => import("react/jsx-runtime").JSX.Element;
 export declare const Table: typeof InternalTable & {
     Column: typeof AntTable.Column;
     ColumnGroup: typeof AntTable.ColumnGroup;

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

@@ -0,0 +1 @@
+export * from "./component";

package/dist/components/{src/components/hooks → hooks}/base-ui.d.ts

@@ -1,6 +1,6 @@
-import { useEffect } from "react";
+import { useLayoutEffect } from "react";
 type AnyFunction = (...args: any[]) => any;
-export declare const useEnhancedEffect: typeof useEffect;
+export declare const useEnhancedEffect: typeof useLayoutEffect;
 export declare function useEventCallback<Fn extends AnyFunction>(fn?: Fn): Fn;
 export declare function useLatestRef<T>(value: T): import("react").RefObject<T>;
 export declare function useAnimationsFinished(ref: React.RefObject<HTMLElement | null>, waitForNextTick?: boolean): (fnToExecute: () => void) => void;

package/dist/components/{src/components/hooks → hooks}/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./antd";
 export * from "./base-ui";
 export * from "./useControlledState";
+export * from "./useCharts";

package/dist/components/hooks/useCharts.d.ts

@@ -0,0 +1,22 @@
+export declare const useCharts: () => {
+    axisLineColor: string;
+    splitLineColor: string;
+    axisLabelColor: string;
+    categoricalColors: string[];
+    echartsAxisConfig: {
+        axisLine: {
+            lineStyle: {
+                color: string;
+            };
+        };
+        splitLine: {
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisLabel: {
+            color: string;
+            fontFamily: string;
+        };
+    };
+};

package/dist/components/{src/components/index.d.ts → index.d.ts}

@@ -27,6 +27,7 @@ export * from "./Field/component";
 export * from "./Tour/component";
 export * from "./Toast/index";
 export * from "./VerticalCollapsiblePanel/index";
+export * from "./PopupPanel/index";
 export * from "./CodeBlock/index";
 export * from "./Collapse/index";
 export * from "./Empty/index";

package/dist/components/{src/components/utils → utils}/antdUtils.d.ts

@@ -1,4 +1,5 @@
 import type { ClassValue } from "./types";
+import { PopoverProps } from "antd/es/popover";
 export declare const useGetPrefixCls: () => {
     getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string;
 };
@@ -8,3 +9,7 @@ export declare const useGetPrefixCls: () => {
  */
 export declare const useAntdCssVarClassname: () => string;
 export declare const useCls: () => (...args: ClassValue[]) => string;
+export declare const parseAntdPlacement: (placement?: PopoverProps["placement"]) => {
+    placement: "top" | "bottom" | "left" | "right";
+    align: "start" | "end" | "center";
+};