Function timeoutPromise

Parameters

• duration: number = 0

  Delay in milliseconds.

• timerSource: {
      _clearInterval: (id: number | undefined) => void & (
          id: number | undefined,
      ) => void;
      _clearTimeout: (id: number | undefined) => void & (
          id: number | undefined,
      ) => void;
      _setInterval: (
          handler: TimerHandler,
          timeout?: number,
          ...arguments: any[],
      ) => number & (
          handler: TimerHandler,
          timeout?: number,
          ...arguments: any[],
      ) => number;
      _setTimeout: (
          handler: TimerHandler,
          timeout?: number,
          ...arguments: any[],
      ) => number & (
          handler: TimerHandler,
          timeout?: number,
          ...arguments: any[],
      ) => number;
      ARGS: symbol;
      blocks_info: { counter: number; labels: {} };
      CALLBACK: symbol;
      CHILD_CLASS_ADDENDUM: symbol;
      Children: {
          _flattenInto(out: any[], input: any): void;
          _isNil(x: any): boolean;
          count(children: Iterable<any, any, any>): number;
          find(
              children: Iterable<any, any, any>,
              predicate: (child: any, index: number) => boolean,
          ): any;
          first(children: Iterable<any, any, any>): any;
          forEach(
              children: Iterable<any, any, any>,
              fn: (child: any, index: number) => void,
          ): void;
          last(children: Iterable<any, any, any>): any;
          map(
              children: Iterable<any, any, any>,
              fn: (child: any, index: number) => any,
          ): any[];
          only(children: Iterable<any, any, any>): any;
          pickOne(
              children: Iterable<any, any, any>,
              predicate: (child: any, index: number) => boolean,
          ): any;
          toArray(children: Iterable<any, any, any>): any[];
      };
      CLEARED: symbol;
      cloneElement: (
          component: Component,
          propsPatch?: object,
          ...children: any[],
      ) => Component;
      COMPONENT: symbol;
      CORE: symbol;
      defaultIsEqual: (value1: any, value2: any) => boolean;
      defaultTransitionTimeout: number;
      DUE: symbol;
      emotion: __module;
      findDOMNode: (component: any) => any;
      forwardRef: (render: any) => any;
      IDX: symbol;
      INTERVAL: symbol;
      IS_ZOMBIE: symbol;
      isValidComponent: (value: any) => boolean;
      isValidElement: (value: any) => boolean;
      LAZY: symbol;
      MEMOIZED: symbol;
      PropTypes: {
          any: {
              isRequired(): null;
              (
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
              ): null;
          };
          array: {
              isRequired(
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
              ): Error | null;
              (
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
                  secret: any,
              ): Error | null;
          };
          bool: {
              isRequired(
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
              ): Error | null;
              (
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
                  secret: any,
              ): Error | null;
          };
          component: {
              isRequired(
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
              ): Error | null;
              (
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
                  secret: any,
              ): Error | null;
          };
          element: {
              isRequired(
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
              ): Error | null;
              (
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
                  secret: any,
              ): Error | null;
          };
          elementType: {
              isRequired(
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
              ): Error | null;
              (
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
                  secret: any,
              ): Error | null;
          };
          func: {
              isRequired(
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
              ): Error | null;
              (
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
                  secret: any,
              ): Error | null;
          };
          node: {
              isRequired(
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
              ): Error | null;
              (
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
                  secret: any,
              ): Error | null;
          };
          number: {
              isRequired(
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
              ): Error | null;
              (
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
                  secret: any,
              ): Error | null;
          };
          object: {
              isRequired(
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
              ): Error | null;
              (
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
                  secret: any,
              ): Error | null;
          };
          string: {
              isRequired(
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
              ): Error | null;
              (
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
                  secret: any,
              ): Error | null;
          };
          symbol: {
              isRequired(
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
              ): Error | null;
              (
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
                  secret: any,
              ): Error | null;
          };
          arrayOf(
              innerValidator: any,
          ): {
              isRequired(
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
              ): any;
              (
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
              ): any;
          };
          checkPropTypes(
              typeSpecs: any,
              values: any,
              location: any,
              componentName: any,
          ): void;
          exact(
              spec: any,
          ): {
              isRequired(
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
              ): any;
              (
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
              ): any;
          };
          instanceOf(
              ClassOrConstructor: any,
          ): {
              isRequired(
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
              ): Error | null;
              (
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
              ): Error | null;
          };
          objectOf(
              innerValidator: any,
          ): {
              isRequired(
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
              ): any;
              (
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
              ): any;
          };
          oneOf(
              values: any,
          ): {
              isRequired(
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
              ): Error | null;
              (
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
              ): Error | null;
          };
          oneOfType(
              validators: any,
          ): {
              isRequired(
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
              ): Error | null;
              (
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
              ): Error | null;
          };
          shape(
              spec: any,
          ): {
              isRequired(
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
              ): any;
              (
                  props: any,
                  propName: any,
                  componentName: any,
                  location: any,
                  propFullName: any,
              ): any;
          };
      };
      redux: __module;
      REPEAT: symbol;
      required_scripts: {};
      shallowEqual: (source: any, target: any, ignore: any) => any;
      SplitPane: any;
      TEXT: symbol;
      transpileJSX: {};
      VERSION: string;
      addWrappedEventListener(
          target: any,
          type: any,
          fn: any,
          options?: {},
      ): () => any;
      animationFramePromise(): Promise<any>;
      createSyntheticEvent(nativeEvent: any, currentTarget: any): any;
      CSSTransition(
          props: {
              appear?: boolean;
              children: any;
              classNames?: string;
              in: any;
              mountOnEnter?: boolean;
              onEnter: any;
              onEntered: any;
              onEntering: any;
              onExit: any;
              onExited: any;
              onExiting: any;
              timeout?: number;
              unmountOnExit?: boolean;
          },
      ): HTMLComponent;
      releaseSyntheticEvent(e: any): void;
      SwitchTransition(
          props: {
              activeKey: any;
              appear?: boolean;
              children: any[];
              classNames?: string;
              csstProps?: object;
              mode?: "out-in" | "in-out";
              mountOnEnter?: boolean;
              onEnter?: (isAppearing: boolean) => void;
              onEntered?: (isAppearing: boolean) => void;
              onExited?: (isAppearing: boolean) => void;
              onExiting?: (isAppearing: boolean) => void;
              timeout?: number;
              unmountOnExit?: boolean;
          },
      ): HTMLComponent;
      Transition(
          props: {
              _classNames: any;
              appear?: boolean;
              children: any;
              in: any;
              mountOnEnter?: boolean;
              onEnter: any;
              onEntered: any;
              onEntering: any;
              onExit: any;
              onExited: any;
              onExiting: any;
              timeout?: number;
              unmountOnExit?: boolean;
          },
      ): any;
      TransitionGroup(__namedParameters: { children: any }): any;
      wrapListener(fn: any, opts?: {}): (nativeEvent: any) => void;
      clearInterval: any;
      clearTimeout: any;
      cloneComponent: any;
      combineReducers: any;
      Component: any;
      connect: any;
      createComponent: any;
      createContext: any;
      createPortal: any;
      createRoot: any;
      deepEqual: any;
      DragHandle: any;
      error: any;
      ErrorBoundary: any;
      Fragment: any;
      getComponentByPointer: any;
      globalErrorHandler: any;
      grabTimers: any;
      HashRouter: any;
      HTMLComponent: any;
      isAsync: any;
      isClass: any;
      isEmpty: any;
      isError: any;
      isThenable: any;
      lazy: any;
      Link: any;
      memo: any;
      NavLink: any;
      pauseTimers: any;
      Portal: any;
      Provider: any;
      releaseTimers: any;
      render: any;
      require: any;
      resetTimers: any;
      resumeTimers: any;
      RootComponent: any;
      Route: any;
      Routes: any;
      run: any;
      runScripts: any;
      scanBlockLabels: any;
      setInterval: any;
      setTimeout: any;
      Spinner: any;
      startTransition: any;
      Suspense: any;
      timeoutPromise: any;
      toBool: any;
      traceError: any;
      useActionState: any;
      useCallback: any;
      useContext: any;
      useDebugValue: any;
      useDeferredValue: any;
      useDispatch: any;
      useEffect: any;
      useHook: any;
      useId: any;
      useImperativeHandle: any;
      useInsertionEffect: any;
      useLayoutEffect: any;
      useLocalStorage: any;
      useLocation: any;
      useMemo: any;
      useNavigate: any;
      useReducer: any;
      useRef: any;
      useSelector: any;
      useState: any;
      useStore: any;
      useTransition: any;
  } = Lilact

  • _clearInterval: (id: number | undefined) => void & (id: number | undefined) => void

  • _clearTimeout: (id: number | undefined) => void & (id: number | undefined) => void

  • _setInterval: (handler: TimerHandler, timeout?: number, ...arguments: any[]) => number & (
        handler: TimerHandler,
        timeout?: number,
        ...arguments: any[],
    ) => number

  • _setTimeout: (handler: TimerHandler, timeout?: number, ...arguments: any[]) => number & (
        handler: TimerHandler,
        timeout?: number,
        ...arguments: any[],
    ) => number

  • ARGS: symbol

  • blocks_info: { counter: number; labels: {} }

  • CALLBACK: symbol

  • CHILD_CLASS_ADDENDUM: symbol

  • Children: {
        _flattenInto(out: any[], input: any): void;
        _isNil(x: any): boolean;
        count(children: Iterable<any, any, any>): number;
        find(
            children: Iterable<any, any, any>,
            predicate: (child: any, index: number) => boolean,
        ): any;
        first(children: Iterable<any, any, any>): any;
        forEach(
            children: Iterable<any, any, any>,
            fn: (child: any, index: number) => void,
        ): void;
        last(children: Iterable<any, any, any>): any;
        map(
            children: Iterable<any, any, any>,
            fn: (child: any, index: number) => any,
        ): any[];
        only(children: Iterable<any, any, any>): any;
        pickOne(
            children: Iterable<any, any, any>,
            predicate: (child: any, index: number) => boolean,
        ): any;
        toArray(children: Iterable<any, any, any>): any[];
    }

    Children namespace for utilities that operate on props.children.

    • Flattens nested arrays recursively.
    • Omits null and undefined items (common React-like behavior).

    • _flattenInto: function

      • _flattenInto(out: any[], input: any): void

        Recursively flattens nested arrays into out, omitting null/undefined.

        Parameters

        • out: any[]
        • input: any

        Returns void

    • _isNil: function

      • _isNil(x: any): boolean

        Parameters

        • x: any

        Returns boolean

    • count: function

      • count(children: Iterable<any, any, any>): number

        Returns the number of non-null/undefined children (after flattening).

        Parameters

        • children: Iterable<any, any, any>

        Returns number

    • find: function

      • find(
            children: Iterable<any, any, any>,
            predicate: (child: any, index: number) => boolean,
        ): any

        Finds the first child for which predicate returns true.

        Parameters

        • children: Iterable<any, any, any>
        • predicate: (child: any, index: number) => boolean

        Returns any

    • first: function

      • first(children: Iterable<any, any, any>): any

        Returns the first non-nil child (after flattening), or undefined.

        Parameters

        • children: Iterable<any, any, any>

        Returns any

    • forEach: function

      • forEach(
            children: Iterable<any, any, any>,
            fn: (child: any, index: number) => void,
        ): void

        Iterates over children (after flattening & omitting nil).

        Parameters

        • children: Iterable<any, any, any>
        • fn: (child: any, index: number) => void

        Returns void

    • last: function

      • last(children: Iterable<any, any, any>): any

        Returns the last non-nil child (after flattening), or undefined.

        Parameters

        • children: Iterable<any, any, any>

        Returns any

    • map: function

      • map(
            children: Iterable<any, any, any>,
            fn: (child: any, index: number) => any,
        ): any[]

        Maps over children (after flattening & omitting nil).

        Parameters

        • children: Iterable<any, any, any>
        • fn: (child: any, index: number) => any

        Returns any[]

    • only: function

      • only(children: Iterable<any, any, any>): any

        Returns the single child from a children collection (after flattening & omitting nil), or throws if the remaining count is not exactly 1.

        Parameters

        • children: Iterable<any, any, any>

        Returns any

    • pickOne: function

      • pickOne(
            children: Iterable<any, any, any>,
            predicate: (child: any, index: number) => boolean,
        ): any

        Finds exactly one matching child. Throws if matched count is not exactly 1.

        Parameters

        • children: Iterable<any, any, any>
        • predicate: (child: any, index: number) => boolean

        Returns any

    • toArray: function

      • toArray(children: Iterable<any, any, any>): any[]

        Converts an iterable children collection into a flat array, omitting null/undefined.

        Parameters

        • children: Iterable<any, any, any>

        Returns any[]

  • CLEARED: symbol

  • cloneElement: (component: Component, propsPatch?: object, ...children: any[]) => Component

  • COMPONENT: symbol

  • CORE: symbol

  • defaultIsEqual: (value1: any, value2: any) => boolean

  • defaultTransitionTimeout: number

  • DUE: symbol

  • emotion: __module

  • findDOMNode: (component: any) => any

    Utility to find the underlying DOM node for a mounted Lilact component.

  • forwardRef: (render: any) => any

    Wraps a render function so that a parent can pass a ref into it. The forwarded ref is provided as the second argument to the render function: (props, ref).

  • IDX: symbol

  • INTERVAL: symbol

  • IS_ZOMBIE: symbol

  • isValidComponent: (value: any) => boolean

    Checks whether a value is a Lilact component.

  • isValidElement: (value: any) => boolean

    Checks whether a value is a Lilact component. It is the same as isValidComponent.

    Param: value

    Value to inspect.

    Returns

    True if the value is a class component; otherwise false.

  • LAZY: symbol

  • MEMOIZED: symbol

  • PropTypes: {
        any: {
            isRequired(): null;
            (
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
            ): null;
        };
        array: {
            isRequired(
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
            ): Error | null;
            (
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
                secret: any,
            ): Error | null;
        };
        bool: {
            isRequired(
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
            ): Error | null;
            (
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
                secret: any,
            ): Error | null;
        };
        component: {
            isRequired(
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
            ): Error | null;
            (
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
                secret: any,
            ): Error | null;
        };
        element: {
            isRequired(
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
            ): Error | null;
            (
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
                secret: any,
            ): Error | null;
        };
        elementType: {
            isRequired(
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
            ): Error | null;
            (
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
                secret: any,
            ): Error | null;
        };
        func: {
            isRequired(
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
            ): Error | null;
            (
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
                secret: any,
            ): Error | null;
        };
        node: {
            isRequired(
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
            ): Error | null;
            (
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
                secret: any,
            ): Error | null;
        };
        number: {
            isRequired(
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
            ): Error | null;
            (
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
                secret: any,
            ): Error | null;
        };
        object: {
            isRequired(
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
            ): Error | null;
            (
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
                secret: any,
            ): Error | null;
        };
        string: {
            isRequired(
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
            ): Error | null;
            (
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
                secret: any,
            ): Error | null;
        };
        symbol: {
            isRequired(
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
            ): Error | null;
            (
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
                secret: any,
            ): Error | null;
        };
        arrayOf(
            innerValidator: any,
        ): {
            isRequired(
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
            ): any;
            (
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
            ): any;
        };
        checkPropTypes(
            typeSpecs: any,
            values: any,
            location: any,
            componentName: any,
        ): void;
        exact(
            spec: any,
        ): {
            isRequired(
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
            ): any;
            (
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
            ): any;
        };
        instanceOf(
            ClassOrConstructor: any,
        ): {
            isRequired(
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
            ): Error | null;
            (
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
            ): Error | null;
        };
        objectOf(
            innerValidator: any,
        ): {
            isRequired(
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
            ): any;
            (
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
            ): any;
        };
        oneOf(
            values: any,
        ): {
            isRequired(
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
            ): Error | null;
            (
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
            ): Error | null;
        };
        oneOfType(
            validators: any,
        ): {
            isRequired(
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
            ): Error | null;
            (
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
            ): Error | null;
        };
        shape(
            spec: any,
        ): {
            isRequired(
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
            ): any;
            (
                props: any,
                propName: any,
                componentName: any,
                location: any,
                propFullName: any,
            ): any;
        };
    }

  • redux: __module

    An action is a plain object that represents an intention to change the state. Actions are the only way to get data into the store. Any data, whether from UI events, network callbacks, or other sources such as WebSockets needs to eventually be dispatched as actions.

    Actions must have a type field that indicates the type of action being performed. Types can be defined as constants and imported from another module. These must be strings, as strings are serializable.

    Other than type, the structure of an action object is really up to you. If you're interested, check out Flux Standard Action for recommendations on how actions should be constructed.

    Template: T

    the type of the action's type tag.

  • REPEAT: symbol

  • required_scripts: {}

  • shallowEqual: (source: any, target: any, ignore: any) => any

    Determines whether two values are shallowly equal.

  • SplitPane: any

    A split-pane container with a draggable splitter, supporting both horizontal and vertical layouts.

    The pane can be either:

    • Controlled via the position prop (number between min and max), or
    • Uncontrolled via defaultPosition (used as the initial position).

    Layout behavior:

    • mode="horizontal": the position controls the width of the left pane.
    • mode="vertical": the position controls the height of the top pane.

    Ref API:

    • Exposes imperative methods on ref.current:
      • getMode() to get the current mode
      • setMode(mode) to switch between "horizontal" and "vertical"
      • getPosition() to get the current splitter position
      • setPosition(position) to update the splitter position

    Events:

    • Calls onSizeChange(position) whenever the pane size/position changes (e.g., via dragging).

    Rendering:

    • Renders children into two separate containers (no portals).

    Param: mode

    Split direction: "horizontal" or "vertical". Defaults to "horizontal".

    Param: position

    Controlled splitter position. Normalized value within [min, max]. If provided, the component uses this value instead of internal state.

    Param: defaultPosition

    Initial splitter position for uncontrolled usage. Defaults to 0.5.

    Param: min

    Minimum allowed position. Defaults to 0.1. Can also be a function that will be called with (containerWidth|containerHeight,splitterSize) as arguments

    Param: max

    Maximum allowed position. Defaults to 0.9. Can also be a function that will be called with (containerWidth|containerHeight,splitterSize) as arguments

    Param: splitterSize

    Thickness of the draggable splitter in pixels. Defaults to 8.

    Param: resizePolicy

    The behavior on container resize. Its value can be proportional, fixFirst or fixSecond. Default is proportional.

    Param: onSizeChange

    Callback invoked when the position changes. Receives the new normalized position.

    Param: style

    Optional root container styles.

    Param: className

    Optional root container CSS class.

    Param: leftPaneStyle

    Optional styles applied to the left pane (or top pane in vertical mode).

    Param: rightPaneStyle

    Optional styles applied to the right pane (or bottom pane in vertical mode).

    Param: splitterStyle

    Optional styles applied to the splitter element.

    Param: splitterChild

    Child to be rendered into the splitter itself.

    Param: children

    Children to be rendered into the two pane containers.

    Example

    const ref = useRef<SplitPaneHandle>(null);
    
    <SplitPane
      ref={ref}
      mode="horizontal"
      defaultPosition={0.5}
      min={0.1}
      max={0.9}
      onSizeChange={(pos) => console.log(pos)}
    >
      <div /> <div />
    </SplitPane>
    Copy

  • TEXT: symbol

  • transpileJSX: {}

  • VERSION: string

  • addWrappedEventListener: function

    • addWrappedEventListener(
          target: any,
          type: any,
          fn: any,
          options?: {},
      ): () => any

      Parameters

      • target: any
      • type: any
      • fn: any
      • options: {} = {}

      Returns () => any

  • animationFramePromise: function

    • animationFramePromise(): Promise<any>

      Schedules a callback on the next animation frame and returns a Promise that resolves on that frame.

      Returns Promise<any>

      Promise that resolves when the animation frame runs.

  • createSyntheticEvent: function

    • createSyntheticEvent(nativeEvent: any, currentTarget: any): any

      Parameters

      • nativeEvent: any
      • currentTarget: any

      Returns any

  • CSSTransition: function

    • CSSTransition(
          props: {
              appear?: boolean;
              children: any;
              classNames?: string;
              in: any;
              mountOnEnter?: boolean;
              onEnter: any;
              onEntered: any;
              onEntering: any;
              onExit: any;
              onExited: any;
              onExiting: any;
              timeout?: number;
              unmountOnExit?: boolean;
          },
      ): HTMLComponent

      CSSTransition component that extends Transition by applying CSS class names during enter/exit phases.

      Lilact accepts multiple children for CSSTransition. This has the benefit of receiving single events on multiple animated components.

      Parameters

      • props: {
            appear?: boolean;
            children: any;
            classNames?: string;
            in: any;
            mountOnEnter?: boolean;
            onEnter: any;
            onEntered: any;
            onEntering: any;
            onExit: any;
            onExited: any;
            onExiting: any;
            timeout?: number;
            unmountOnExit?: boolean;
        }

        Component props.

        • Optionalappear?: boolean

          If true, run the enter transition on initial mount.

        • children: any

          Render prop receiving transition state/props.

        • OptionalclassNames?: string

          Base CSS class name(s) used for the transition states.

        • in: any

          Boolean/flag indicating whether the component should be entered/shown.

        • OptionalmountOnEnter?: boolean

          If true, mount the child only when entering.

        • onEnter: any

          Called when entering begins.

        • onEntered: any

          Called when entering completes.

        • onEntering: any

          Called while the component is entering.

        • onExit: any

          Called when exiting begins.

        • onExited: any

          Called when exiting completes.

        • onExiting: any

          Called while the component is exiting.

        • Optionaltimeout?: number

          Duration (or durations) for the transition.

        • OptionalunmountOnExit?: boolean

          If true, unmount the child after exiting.

      Returns HTMLComponent

  • releaseSyntheticEvent: function

    • releaseSyntheticEvent(e: any): void

      Parameters

      • e: any

      Returns void

  • SwitchTransition: function

    • SwitchTransition(
          props: {
              activeKey: any;
              appear?: boolean;
              children: any[];
              classNames?: string;
              csstProps?: object;
              mode?: "out-in" | "in-out";
              mountOnEnter?: boolean;
              onEnter?: (isAppearing: boolean) => void;
              onEntered?: (isAppearing: boolean) => void;
              onExited?: (isAppearing: boolean) => void;
              onExiting?: (isAppearing: boolean) => void;
              timeout?: number;
              unmountOnExit?: boolean;
          },
      ): HTMLComponent

      Switches between keyed children with CSSTransition. Ensures each child key gets its own CSSTransition instance to avoid state loss.

      Parameters

      • props: {
            activeKey: any;
            appear?: boolean;
            children: any[];
            classNames?: string;
            csstProps?: object;
            mode?: "out-in" | "in-out";
            mountOnEnter?: boolean;
            onEnter?: (isAppearing: boolean) => void;
            onEntered?: (isAppearing: boolean) => void;
            onExited?: (isAppearing: boolean) => void;
            onExiting?: (isAppearing: boolean) => void;
            timeout?: number;
            unmountOnExit?: boolean;
        }

        • activeKey: any

          The key of the currently active child.

        • Optionalappear?: boolean

          Whether to run the initial transition on first mount.

        • children: any[]

          The set of children to switch between. Each child should have a stable key (or your key will fall back to its index).

        • OptionalclassNames?: string

          Base className(s) used by CSSTransition to apply enter/exit classes.

        • OptionalcsstProps?: object

          Any additional props are forwarded to each CSSTransition instance.

        • Optionalmode?: "out-in" | "in-out"

          Controls sequencing when activeKey changes:

          • "out-in": outgoing transitions out first, incoming transitions in after exit completes.
          • "in-out": incoming transitions in first, outgoing transitions out after the incoming finishes entering (relies on onEntered).

        • OptionalmountOnEnter?: boolean

          Whether to mount the transitioning child only when it begins entering.

        • OptionalonEnter?: (isAppearing: boolean) => void

          Called when a child begins entering.

        • OptionalonEntered?: (isAppearing: boolean) => void

          Called when a child finishes entering. Used to implement "in-out" sequencing.

        • OptionalonExited?: (isAppearing: boolean) => void

          Called when the outgoing child finishes exiting.

        • OptionalonExiting?: (isAppearing: boolean) => void

          Called when a child begins exiting.

        • Optionaltimeout?: number

          Transition timeout passed to each CSSTransition.

        • OptionalunmountOnExit?: boolean

          Whether to unmount the child after it finishes exiting.

      Returns HTMLComponent

  • Transition: function

    • Transition(
          props: {
              _classNames: any;
              appear?: boolean;
              children: any;
              in: any;
              mountOnEnter?: boolean;
              onEnter: any;
              onEntered: any;
              onEntering: any;
              onExit: any;
              onExited: any;
              onExiting: any;
              timeout?: number;
              unmountOnExit?: boolean;
          },
      ): any

      Transition component that manages enter/exit lifecycle and calls callbacks based on state changes.

      Parameters

      • props: {
            _classNames: any;
            appear?: boolean;
            children: any;
            in: any;
            mountOnEnter?: boolean;
            onEnter: any;
            onEntered: any;
            onEntering: any;
            onExit: any;
            onExited: any;
            onExiting: any;
            timeout?: number;
            unmountOnExit?: boolean;
        }

        Component props.

        • _classNames: any

        • Optionalappear?: boolean

          If true, run the enter transition on initial mount.

        • children: any

          Render prop receiving transition state/props.

        • in: any

          Boolean/flag indicating whether the component should be entered/shown.

        • OptionalmountOnEnter?: boolean

          If true, mount the child only when entering.

        • onEnter: any

          Called when entering begins.

        • onEntered: any

          Called when entering completes.

        • onEntering: any

          Called while the component is entering.

        • onExit: any

          Called when exiting begins.

        • onExited: any

          Called when exiting completes.

        • onExiting: any

          Called while the component is exiting.

        • Optionaltimeout?: number

          Duration (or durations) for the transition.

        • OptionalunmountOnExit?: boolean

          If true, unmount the child after exiting.

      Returns any

  • TransitionGroup: function

    • TransitionGroup(__namedParameters: { children: any }): any

      Lilact doesn't need TransitionGroup, so it is the same as a fragment. In Lilact all the transitions and timeouts are automatically grouped.

      The only missing feature here is the childFactory. I may add it in the future, but there are simple workarounds for that.

      Parameters

      • __namedParameters: { children: any }

      Returns any

  • wrapListener: function

    • wrapListener(fn: any, opts?: {}): (nativeEvent: any) => void

      Parameters

      • fn: any
      • opts: {} = {}

      Returns (nativeEvent: any) => void