react-dock

  • Version 0.5.0
  • Published
  • 60.1 kB
  • 5 dependencies
  • MIT license

Install

npm i react-dock
yarn add react-dock
pnpm add react-dock

Overview

Resizable dockable react component

Index

Classes

class Dock

class Dock extends Component<Props, State> {}

    property debouncedUpdateWindowSizeEnd

    debouncedUpdateWindowSizeEnd: any;

      property defaultProps

      static defaultProps: {
      position: string;
      zIndex: number;
      fluid: boolean;
      defaultSize: number;
      dimMode: string;
      duration: number;
      };

        property handleDimClick

        handleDimClick: () => void;

          property handleMouseDown

          handleMouseDown: () => void;

            property handleMouseMove

            handleMouseMove: (e: MouseEvent | TouchEvent) => void;

              property handleMouseUp

              handleMouseUp: () => void;

                property handleResize

                handleResize: () => void;

                  property handleWrapperLeave

                  handleWrapperLeave: () => void;

                    property hideDim

                    hideDim: () => void;

                      property propTypes

                      static propTypes: {
                      position: PropTypes.Requireable<string>;
                      zIndex: PropTypes.Requireable<number>;
                      fluid: PropTypes.Requireable<boolean>;
                      size: PropTypes.Requireable<number>;
                      defaultSize: PropTypes.Requireable<number>;
                      dimMode: PropTypes.Requireable<string>;
                      isVisible: PropTypes.Requireable<boolean>;
                      onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
                      onSizeChange: PropTypes.Requireable<(...args: any[]) => any>;
                      dimStyle: PropTypes.Requireable<object>;
                      dockStyle: PropTypes.Requireable<object>;
                      duration: PropTypes.Requireable<number>;
                      };

                        property state

                        state: State;

                          property transitionEnd

                          transitionEnd: () => void;

                            property updateWindowSize

                            updateWindowSize: (windowResize?: true | undefined) => void;

                              property updateWindowSizeEnd

                              updateWindowSizeEnd: () => void;

                                method componentDidMount

                                componentDidMount: () => void;

                                  method componentDidUpdate

                                  componentDidUpdate: (prevProps: Props) => void;

                                    method componentWillUnmount

                                    componentWillUnmount: () => void;

                                      method render

                                      render: () => JSX.Element;

                                        method UNSAFE_componentWillReceiveProps

                                        UNSAFE_componentWillReceiveProps: (nextProps: Props) => void;

                                          method updateSize

                                          updateSize: (props: Props) => void;

                                            Package Files (2)

                                            Dependencies (5)

                                            Dev Dependencies (27)

                                            Peer Dependencies (2)

                                            Badge

                                            To add a badge like this onejsDocs.io badgeto your package's README, use the codes available below.

                                            You may also use Shields.io to create a custom badge linking to https://www.jsdocs.io/package/react-dock.

                                            • Markdown
                                              [![jsDocs.io](https://img.shields.io/badge/jsDocs.io-reference-blue)](https://www.jsdocs.io/package/react-dock)
                                            • HTML
                                              <a href="https://www.jsdocs.io/package/react-dock"><img src="https://img.shields.io/badge/jsDocs.io-reference-blue" alt="jsDocs.io"></a>