@destyler/splitter 0.0.7-beta.5 → 0.0.7-beta.9

package/dist/index.d.ts

@@ -1,151 +1,155 @@
-import * as _zag_js_anatomy from '@zag-js/anatomy';
-import { DirectionProperty, CommonProperties, Required, PropTypes, RequiredBy, NormalizeProps } from '@zag-js/types';
-import * as _zag_js_core from '@zag-js/core';
-import { StateMachine, Machine } from '@zag-js/core';
-
-declare const anatomy: _zag_js_anatomy.AnatomyInstance<"root" | "panel" | "resizeTrigger">;
+import * as _destyler_anatomy0 from "@destyler/anatomy";
+import * as _destyler_xstate0 from "@destyler/xstate";
+import { AnyEventObject, Machine, XSend, XState } from "@destyler/xstate";
+import { CommonProperties, DirectionProperty, NormalizeProps, PropTypes, Required, RequiredBy } from "@destyler/types";
 
+//#region src/anatomy.d.ts
+declare const anatomy: _destyler_anatomy0.AnatomyInstance<"root" | "panel" | "resizeTrigger">;
+//#endregion
+//#region src/types.d.ts
 type PanelId = string | number;
 interface PanelSizeData {
-    id: PanelId;
-    size?: number | undefined;
-    minSize?: number | undefined;
-    maxSize?: number | undefined;
+  id: PanelId;
+  size?: number | undefined;
+  minSize?: number | undefined;
+  maxSize?: number | undefined;
 }
 interface SizeChangeDetails {
-    size: PanelSizeData[];
-    activeHandleId: string | null;
+  size: PanelSizeData[];
+  activeHandleId: string | null;
 }
 type ElementIds = Partial<{
-    root: string;
-    resizeTrigger: (id: string) => string;
-    label: (id: string) => string;
-    panel: (id: string | number) => string;
+  root: string;
+  resizeTrigger: (id: string) => string;
+  label: (id: string) => string;
+  panel: (id: string | number) => string;
 }>;
 interface PublicContext extends DirectionProperty, CommonProperties {
-    /**
-     * The orientation of the splitter. Can be `horizontal` or `vertical`
-     */
-    orientation: 'horizontal' | 'vertical';
-    /**
-     * The size data of the panels
-     */
-    size: PanelSizeData[];
-    /**
-     * Function called when the splitter is resized.
-     */
-    onSizeChange?: ((details: SizeChangeDetails) => void) | undefined;
-    /**
-     * Function called when the splitter resize ends.
-     */
-    onSizeChangeEnd?: ((details: SizeChangeDetails) => void) | undefined;
-    /**
-     * The ids of the elements in the splitter. Useful for composition.
-     */
-    ids?: ElementIds | undefined;
+  /**
+   * The orientation of the splitter. Can be `horizontal` or `vertical`
+   */
+  orientation: 'horizontal' | 'vertical';
+  /**
+   * The size data of the panels
+   */
+  size: PanelSizeData[];
+  /**
+   * Function called when the splitter is resized.
+   */
+  onSizeChange?: ((details: SizeChangeDetails) => void) | undefined;
+  /**
+   * Function called when the splitter resize ends.
+   */
+  onSizeChangeEnd?: ((details: SizeChangeDetails) => void) | undefined;
+  /**
+   * The ids of the elements in the splitter. Useful for composition.
+   */
+  ids?: ElementIds | undefined;
 }
 type UserDefinedContext = RequiredBy<PublicContext, 'id'>;
 type NormalizedPanelData = Array<Required<PanelSizeData> & {
-    remainingSize: number;
-    minSize: number;
-    maxSize: number;
-    start: number;
-    end: number;
+  remainingSize: number;
+  minSize: number;
+  maxSize: number;
+  start: number;
+  end: number;
 }>;
 type ComputedContext = Readonly<{
-    isHorizontal: boolean;
-    panels: NormalizedPanelData;
-    activeResizeBounds?: {
-        min: number;
-        max: number;
-    } | undefined;
-    activeResizePanels?: {
-        before: PanelSizeData;
-        after: PanelSizeData;
-    } | undefined;
+  isHorizontal: boolean;
+  panels: NormalizedPanelData;
+  activeResizeBounds?: {
+    min: number;
+    max: number;
+  } | undefined;
+  activeResizePanels?: {
+    before: PanelSizeData;
+    after: PanelSizeData;
+  } | undefined;
 }>;
 interface PrivateContext {
-    activeResizeId: string | null;
-    previousPanels: NormalizedPanelData;
-    activeResizeState: {
-        isAtMin: boolean;
-        isAtMax: boolean;
-    };
-    initialSize: Array<Required<Pick<PanelSizeData, 'id' | 'size'>>>;
-}
-interface MachineContext extends PublicContext, ComputedContext, PrivateContext {
+  activeResizeId: string | null;
+  previousPanels: NormalizedPanelData;
+  activeResizeState: {
+    isAtMin: boolean;
+    isAtMax: boolean;
+  };
+  initialSize: Array<Required<Pick<PanelSizeData, 'id' | 'size'>>>;
 }
+interface MachineContext extends PublicContext, ComputedContext, PrivateContext {}
 interface MachineState {
-    value: 'idle' | 'hover:temp' | 'hover' | 'dragging' | 'focused';
-    tags: 'focus';
+  value: 'idle' | 'hover:temp' | 'hover' | 'dragging' | 'focused';
+  tags: 'focus';
 }
-type State = StateMachine.State<MachineContext, MachineState>;
-type Send = StateMachine.Send<StateMachine.AnyEventObject>;
-type Service = Machine<MachineContext, MachineState, StateMachine.AnyEventObject>;
+type State = XState<MachineContext, MachineState>;
+type Send = XSend<AnyEventObject>;
+type Service = Machine<MachineContext, MachineState, AnyEventObject>;
 interface PanelProps {
-    id: PanelId;
-    snapSize?: number | undefined;
+  id: PanelId;
+  snapSize?: number | undefined;
 }
 interface ResizeTriggerProps {
-    id: `${PanelId}:${PanelId}`;
-    step?: number | undefined;
-    disabled?: boolean | undefined;
+  id: `${PanelId}:${PanelId}`;
+  step?: number | undefined;
+  disabled?: boolean | undefined;
 }
 interface ResizeTriggerState {
-    disabled: boolean;
-    focused: boolean;
-    panelIds: string[];
-    min: number | undefined;
-    max: number | undefined;
-    value: number;
+  disabled: boolean;
+  focused: boolean;
+  panelIds: string[];
+  min: number | undefined;
+  max: number | undefined;
+  value: number;
 }
 interface PanelBounds {
-    min: number;
-    max: number;
+  min: number;
+  max: number;
 }
 interface MachineApi<T extends PropTypes = PropTypes> {
-    /**
-     * Whether the splitter is focused.
-     */
-    focused: boolean;
-    /**
-     * Whether the splitter is being dragged.
-     */
-    dragging: boolean;
-    /**
-     *  The bounds of the currently dragged splitter handle.
-     */
-    bounds: PanelBounds | undefined;
-    /**
-     * Function to set a panel to its minimum size.
-     */
-    setToMinSize: (id: PanelId) => void;
-    /**
-     * Function to set a panel to its maximum size.
-     */
-    setToMaxSize: (id: PanelId) => void;
-    /**
-     * Function to set the size of a panel.
-     */
-    setSize: (id: PanelId, size: number) => void;
-    /**
-     * Returns the state details for a resize trigger.
-     */
-    getResizeTriggerState: (props: ResizeTriggerProps) => ResizeTriggerState;
-    getRootProps: () => T['element'];
-    getPanelProps: (props: PanelProps) => T['element'];
-    getResizeTriggerProps: (props: ResizeTriggerProps) => T['element'];
+  /**
+   * Whether the splitter is focused.
+   */
+  focused: boolean;
+  /**
+   * Whether the splitter is being dragged.
+   */
+  dragging: boolean;
+  /**
+   *  The bounds of the currently dragged splitter handle.
+   */
+  bounds: PanelBounds | undefined;
+  /**
+   * Function to set a panel to its minimum size.
+   */
+  setToMinSize: (id: PanelId) => void;
+  /**
+   * Function to set a panel to its maximum size.
+   */
+  setToMaxSize: (id: PanelId) => void;
+  /**
+   * Function to set the size of a panel.
+   */
+  setSize: (id: PanelId, size: number) => void;
+  /**
+   * Returns the state details for a resize trigger.
+   */
+  getResizeTriggerState: (props: ResizeTriggerProps) => ResizeTriggerState;
+  getRootProps: () => T['element'];
+  getPanelProps: (props: PanelProps) => T['element'];
+  getResizeTriggerProps: (props: ResizeTriggerProps) => T['element'];
 }
-
+//#endregion
+//#region src/connect.d.ts
 declare function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T>;
-
-declare function machine(userContext: UserDefinedContext): _zag_js_core.Machine<MachineContext, MachineState, _zag_js_core.StateMachine.AnyEventObject>;
-
-declare const props: ("orientation" | "size" | "onSizeChange" | "onSizeChangeEnd" | "ids" | "id" | "dir" | "getRootNode")[];
-declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "orientation" | "size" | "onSizeChange" | "onSizeChangeEnd" | "ids" | "id" | "dir" | "getRootNode">];
+//#endregion
+//#region src/machine.d.ts
+declare function machine(userContext: UserDefinedContext): _destyler_xstate0.Machine<MachineContext, MachineState, _destyler_xstate0.AnyEventObject>;
+//#endregion
+//#region src/props.d.ts
+declare const props: ("orientation" | "size" | "onSizeChange" | "onSizeChangeEnd" | "ids" | "dir" | "id" | "getRootNode")[];
+declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "orientation" | "size" | "onSizeChange" | "onSizeChangeEnd" | "ids" | "dir" | "id" | "getRootNode">];
 declare const panelProps: (keyof PanelProps)[];
 declare const splitPanelProps: <Props extends PanelProps>(props: Props) => [PanelProps, Omit<Props, keyof PanelProps>];
 declare const resizeTriggerProps: (keyof ResizeTriggerProps)[];
 declare const splitResizeTriggerProps: <Props extends ResizeTriggerProps>(props: Props) => [ResizeTriggerProps, Omit<Props, keyof ResizeTriggerProps>];
-
-export { type MachineApi as Api, type UserDefinedContext as Context, type MachineState, type PanelProps, type PanelSizeData, type ResizeTriggerProps, type Service, type SizeChangeDetails, anatomy, connect, machine, panelProps, props, resizeTriggerProps, splitPanelProps, splitProps, splitResizeTriggerProps };
+//#endregion
+export { type MachineApi as Api, type UserDefinedContext as Context, type MachineState, type PanelProps, type PanelSizeData, type ResizeTriggerProps, type Service, type SizeChangeDetails, anatomy, connect, machine, panelProps, props, resizeTriggerProps, splitPanelProps, splitProps, splitResizeTriggerProps };