@doist/reactist 12.1.0 → 14.0.0

package/es/components/deprecated-modal/deprecated-modal.js

@@ -1,207 +0,0 @@
-import React__default from 'react';
-import classNames from 'classnames';
-import ReactDOM from 'react-dom';
-import CloseIcon from '../icons/CloseIcon.svg.js';
-
-/** @deprecated */
-
-class Box extends React__default.Component {
-  constructor(...args) {
-    super(...args);
-
-    this._closeModal = () => {
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      const modalElement = document.getElementById('modal_box');
-      ReactDOM.unmountComponentAtNode(modalElement);
-    };
-
-    this._handleKeyDown = event => {
-      if (event.keyCode === 27) {
-        // ESC
-        this._closeModal();
-
-        if (event.preventDefault) event.preventDefault();
-      }
-    };
-
-    this._handleOverlayClick = event => {
-      if (event.target instanceof Element && (event.target.id === 'reactist-overlay' || event.target.id === 'reactist-overlay-inner')) {
-        this._closeModal();
-      }
-    };
-  }
-
-  componentDidMount() {
-    window.addEventListener('keydown', this._handleKeyDown);
-  }
-
-  componentWillUnmount() {
-    window.removeEventListener('keydown', this._handleKeyDown);
-  }
-
-  render() {
-    const {
-      large,
-      medium,
-      style,
-      children,
-      closeOnOverlayClick
-    } = this.props;
-    const className = classNames('reactist_modal_box', {
-      large,
-      medium
-    }, this.props.className);
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "reactist_overlay",
-      id: "reactist-overlay",
-      onClick: closeOnOverlayClick ? this._handleOverlayClick : undefined
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "reactist_overlay_inner",
-      id: "reactist-overlay-inner"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      style: style,
-      className: className
-    }, children)));
-  }
-
-}
-
-Box.displayName = void 0;
-Box.defaultProps = void 0;
-Box.displayName = 'Modal.Box';
-Box.defaultProps = {
-  large: false,
-  closeOnOverlayClick: false
-};
-/** @deprecated */
-
-class Header extends React__default.Component {
-  _closeModal(event) {
-    event.preventDefault();
-
-    if (typeof this.props.beforeClose === 'function') {
-      this.props.beforeClose();
-    } // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-
-
-    const modalElement = document.getElementById('modal_box');
-    ReactDOM.unmountComponentAtNode(modalElement);
-  }
-
-  render() {
-    return (
-      /*#__PURE__*/
-
-      /* eslint-disable jsx-a11y/anchor-is-valid */
-      React__default.createElement("div", {
-        className: "reactist_modal_box__header"
-      }, /*#__PURE__*/React__default.createElement("p", null, this.props.title && /*#__PURE__*/React__default.createElement("span", {
-        className: "title"
-      }, this.props.title), this.props.subtitle && /*#__PURE__*/React__default.createElement("span", {
-        className: "subtitle"
-      }, this.props.subtitle), this.props.children), /*#__PURE__*/React__default.createElement("a", {
-        className: "close",
-        onClick: this._closeModal.bind(this),
-        href: "#"
-      }, /*#__PURE__*/React__default.createElement(CloseIcon, null)))
-      /* eslint-enable jsx-a11y/anchor-is-valid */
-
-    );
-  }
-
-}
-
-Header.displayName = void 0;
-Header.defaultProps = void 0;
-Header.displayName = 'Modal.Header';
-/** @deprecated */
-
-class Body extends React__default.Component {
-  _closeModal(event) {
-    event.preventDefault(); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-
-    const modalElement = document.getElementById('modal_box');
-    ReactDOM.unmountComponentAtNode(modalElement);
-  }
-
-  render() {
-    const {
-      icon,
-      plain,
-      children,
-      style,
-      showCloseIcon
-    } = this.props;
-    const className = classNames('reactist_modal_box__body', {
-      plain
-    }, this.props.className);
-    return (
-      /*#__PURE__*/
-
-      /* eslint-disable jsx-a11y/anchor-is-valid */
-      React__default.createElement("div", {
-        className: className,
-        style: style
-      }, showCloseIcon && /*#__PURE__*/React__default.createElement("a", {
-        className: "close",
-        onClick: this._closeModal.bind(this),
-        href: "#"
-      }, /*#__PURE__*/React__default.createElement(CloseIcon, null)), icon ? /*#__PURE__*/React__default.createElement("div", {
-        className: "dialog"
-      }, /*#__PURE__*/React__default.createElement("div", {
-        className: "reactist_icon"
-      }, icon), /*#__PURE__*/React__default.createElement("div", {
-        className: "content"
-      }, children)) : children)
-      /* eslint-enable jsx-a11y/anchor-is-valid */
-
-    );
-  }
-
-}
-
-Body.displayName = void 0;
-Body.defaultProps = void 0;
-Body.displayName = 'Modal.Body';
-Body.defaultProps = {
-  showCloseIcon: false
-};
-/** @deprecated */
-
-class Actions extends React__default.Component {
-  _onClick(onClick) {
-    if (onClick) {
-      onClick();
-    } // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-
-
-    const modalElement = document.getElementById('modal_box');
-    ReactDOM.unmountComponentAtNode(modalElement);
-  }
-
-  render() {
-    const children = React__default.Children.map( // see: https://github.com/microsoft/TypeScript/issues/21699
-    // @ts-expect-error Children cannot be typed properly yet in React
-    this.props.children, child => {
-      var _child$props;
-
-      if (child != null && (_child$props = child.props) != null && _child$props.close) {
-        return /*#__PURE__*/React__default.cloneElement(child, {
-          onClick: () => this._onClick(child.props.onClick)
-        });
-      } else {
-        return child ? /*#__PURE__*/React__default.cloneElement(child) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
-      }
-    });
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "reactist_modal_box__actions"
-    }, children);
-  }
-
-}
-
-Actions.displayName = void 0;
-Actions.displayName = 'Modal.Actions';
-
-export { Actions, Body, Box, Header };
-//# sourceMappingURL=deprecated-modal.js.map

package/es/components/deprecated-modal/deprecated-modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"deprecated-modal.js","sources":["../../../src/components/deprecated-modal/deprecated-modal.tsx"],"sourcesContent":["import React from 'react'\nimport ReactDOM from 'react-dom'\nimport classnames from 'classnames'\n\nimport CloseIcon from '../icons/CloseIcon.svg'\n\nimport './deprecated-modal.less'\n\ntype Props = {\n    /** Additional css class applied to the Modal.Box. */\n    className?: string\n    /** Sometimes a class name is not enough so you can use this to set the style directly. */\n    style?: React.CSSProperties\n    /** Large style. */\n    large: boolean\n    /** Medium size syle. */\n    medium?: boolean\n    /** Close the Modal when clicking on the overlay. */\n    closeOnOverlayClick: boolean\n}\n\n/** @deprecated */\nclass Box extends React.Component<React.PropsWithChildren<Props>> {\n    public static displayName: string\n    public static defaultProps: Props\n\n    componentDidMount() {\n        window.addEventListener('keydown', this._handleKeyDown)\n    }\n\n    componentWillUnmount() {\n        window.removeEventListener('keydown', this._handleKeyDown)\n    }\n\n    _closeModal = () => {\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        const modalElement = document.getElementById('modal_box')!\n        ReactDOM.unmountComponentAtNode(modalElement)\n    }\n\n    _handleKeyDown = (event: Partial<KeyboardEvent>) => {\n        if (event.keyCode === 27) {\n            // ESC\n            this._closeModal()\n            if (event.preventDefault) event.preventDefault()\n        }\n    }\n\n    _handleOverlayClick = (event: React.MouseEvent<Element>) => {\n        if (\n            event.target instanceof Element &&\n            (event.target.id === 'reactist-overlay' || event.target.id === 'reactist-overlay-inner')\n        ) {\n            this._closeModal()\n        }\n    }\n\n    render() {\n        const { large, medium, style, children, closeOnOverlayClick } = this.props\n\n        const className = classnames('reactist_modal_box', { large, medium }, this.props.className)\n\n        return (\n            <div\n                className=\"reactist_overlay\"\n                id=\"reactist-overlay\"\n                onClick={closeOnOverlayClick ? this._handleOverlayClick : undefined}\n            >\n                <div className=\"reactist_overlay_inner\" id=\"reactist-overlay-inner\">\n                    <div style={style} className={className}>\n                        {children}\n                    </div>\n                </div>\n            </div>\n        )\n    }\n}\nBox.displayName = 'Modal.Box'\nBox.defaultProps = {\n    large: false,\n    closeOnOverlayClick: false,\n}\n\ntype HeaderProps = {\n    /** Title of the Modal.Header. */\n    title?: string | React.ReactNode\n    /** Subtitle of the Modal.Header. */\n    subtitle?: string | React.ReactNode\n    /** Function that is called right before the Modal unmounts itself. */\n    beforeClose?: () => void\n}\n\n/** @deprecated */\nclass Header extends React.Component<React.PropsWithChildren<HeaderProps>> {\n    public static displayName: string\n    public static defaultProps: HeaderProps\n\n    _closeModal(event: React.MouseEvent) {\n        event.preventDefault()\n        if (typeof this.props.beforeClose === 'function') {\n            this.props.beforeClose()\n        }\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        const modalElement = document.getElementById('modal_box')!\n        ReactDOM.unmountComponentAtNode(modalElement)\n    }\n\n    render() {\n        return (\n            /* eslint-disable jsx-a11y/anchor-is-valid */\n            <div className=\"reactist_modal_box__header\">\n                <p>\n                    {this.props.title && <span className=\"title\">{this.props.title}</span>}\n                    {this.props.subtitle && <span className=\"subtitle\">{this.props.subtitle}</span>}\n                    {this.props.children}\n                </p>\n                <a className=\"close\" onClick={this._closeModal.bind(this)} href=\"#\">\n                    <CloseIcon />\n                </a>\n            </div>\n            /* eslint-enable jsx-a11y/anchor-is-valid */\n        )\n    }\n}\nHeader.displayName = 'Modal.Header'\n\ntype BodyProps = {\n    /** Display an icon (or basically any component) on the right hand side of the Modal.Body. */\n    icon?: React.ReactNode\n    /** Applies less styles on the body (e.g. no padding) */\n    plain?: boolean\n    /** Sometimes a class name is not enough so you can use this to set the style directly. */\n    style?: React.CSSProperties\n    /** Additionall css class applied to the Modal.Body. */\n    className?: string\n    /**\n     * Render a close icon in the top right corner of the Modal.Body.\n     * Recommended to use when no Modal.Header is used.\n     */\n    showCloseIcon?: boolean\n}\n\n/** @deprecated */\nclass Body extends React.Component<React.PropsWithChildren<BodyProps>> {\n    public static displayName: string\n    public static defaultProps: BodyProps\n\n    _closeModal(event: React.MouseEvent) {\n        event.preventDefault()\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        const modalElement = document.getElementById('modal_box')!\n        ReactDOM.unmountComponentAtNode(modalElement)\n    }\n\n    render() {\n        const { icon, plain, children, style, showCloseIcon } = this.props\n        const className = classnames('reactist_modal_box__body', { plain }, this.props.className)\n\n        return (\n            /* eslint-disable jsx-a11y/anchor-is-valid */\n            <div className={className} style={style}>\n                {showCloseIcon && (\n                    <a className=\"close\" onClick={this._closeModal.bind(this)} href=\"#\">\n                        <CloseIcon />\n                    </a>\n                )}\n                {icon ? (\n                    <div className=\"dialog\">\n                        <div className=\"reactist_icon\">{icon}</div>\n                        <div className=\"content\">{children}</div>\n                    </div>\n                ) : (\n                    children\n                )}\n            </div>\n            /* eslint-enable jsx-a11y/anchor-is-valid */\n        )\n    }\n}\nBody.displayName = 'Modal.Body'\nBody.defaultProps = {\n    showCloseIcon: false,\n}\n\ntype ActionProps = {\n    /**\n     * Children to render inside the Modal.Actions. They can have an optional `close` property (boolean).\n     * When that is supplied and set to true it will close the modal after the onClick function\n     */\n    children?: React.ReactNode\n}\n\ntype ActionChildrenProps = {\n    close?: boolean\n    onClick?: () => void\n}\n\n/** @deprecated */\nclass Actions extends React.Component<ActionProps> {\n    public static displayName: string\n\n    _onClick(onClick: ActionChildrenProps['onClick']) {\n        if (onClick) {\n            onClick()\n        }\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        const modalElement = document.getElementById('modal_box')!\n        ReactDOM.unmountComponentAtNode(modalElement)\n    }\n\n    render() {\n        const children = React.Children.map(\n            // see: https://github.com/microsoft/TypeScript/issues/21699\n            // @ts-expect-error Children cannot be typed properly yet in React\n            this.props.children,\n            (child: React.ReactElement<ActionChildrenProps>) => {\n                if (child?.props?.close) {\n                    return React.cloneElement(child, {\n                        onClick: () => this._onClick(child.props.onClick),\n                    })\n                } else {\n                    return child ? React.cloneElement(child) : <></>\n                }\n            },\n        )\n\n        return <div className=\"reactist_modal_box__actions\">{children}</div>\n    }\n}\n\nActions.displayName = 'Modal.Actions'\n\n/** @deprecated */\ntype Modal = {\n    Box: Box\n    Header: Header\n    Body: Body\n    Actions: Actions\n}\n\nexport type { Modal }\n\nexport { Box, Header, Body, Actions }\n"],"names":["Box","React","Component","_closeModal","modalElement","document","getElementById","ReactDOM","unmountComponentAtNode","_handleKeyDown","event","keyCode","preventDefault","_handleOverlayClick","target","Element","id","componentDidMount","window","addEventListener","componentWillUnmount","removeEventListener","render","large","medium","style","children","closeOnOverlayClick","props","className","classnames","onClick","undefined","displayName","defaultProps","Header","beforeClose","title","subtitle","bind","href","CloseIcon","Body","icon","plain","showCloseIcon","Actions","_onClick","Children","map","child","close","cloneElement"],"mappings":"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"}

package/es/components/deprecated-modal/index.js

@@ -1,11 +0,0 @@
-import { Box, Header, Body, Actions } from './deprecated-modal.js';
-
-var index = {
-  Box,
-  Header,
-  Body,
-  Actions
-};
-
-export default index;
-//# sourceMappingURL=index.js.map

package/es/components/deprecated-modal/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/deprecated-modal/index.ts"],"sourcesContent":["import { Box, Header, Body, Actions } from './deprecated-modal'\nimport type { Modal } from './deprecated-modal'\n\nexport default { Box, Header, Body, Actions }\nexport type { Modal }\n"],"names":["Box","Header","Body","Actions"],"mappings":";;AAGA,YAAe;EAAEA,GAAF;EAAOC,MAAP;EAAeC,IAAf;EAAqBC;AAArB,CAAf;;;;"}

package/es/components/dropdown/dropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown.js","sources":["../../../src/components/dropdown/dropdown.tsx"],"sourcesContent":["import React from 'react'\nimport ReactDOM from 'react-dom'\nimport classNames from 'classnames'\n\nimport Button from '../deprecated-button'\n\nimport './dropdown.less'\n\ntype BoxProps = {\n    onShowBody?: () => void\n    onHideBody?: () => void\n    allowBodyInteractions?: boolean\n    top?: boolean\n    right?: boolean\n    scrolling_parent?: string\n    children?: [\n        React.ReactElement<TriggerProps>,\n        React.ReactElement<BodyProps> | ((props: BodyProps) => JSX.Element),\n    ]\n    className?: string\n}\n\ntype BoxState = {\n    top: boolean\n    showBody: boolean\n}\n\nclass Box extends React.Component<React.PropsWithChildren<BoxProps>, BoxState> {\n    public static displayName: string\n\n    constructor(props: BoxProps, context: React.Context<unknown>) {\n        super(props, context)\n        this.state = {\n            showBody: false,\n            top: props.top || false,\n        }\n\n        this._timeout = undefined\n    }\n\n    componentWillUnmount() {\n        document.removeEventListener('click', this._handleClickOutside, true)\n        if (this._timeout) {\n            clearTimeout(this._timeout)\n        }\n    }\n    _timeout?: ReturnType<typeof setTimeout>\n\n    _handleClickOutside = (event: MouseEvent) => {\n        const dropdownDOMNode = ReactDOM.findDOMNode(this)\n\n        if (dropdownDOMNode && !dropdownDOMNode.contains(event.target as Node))\n            this._toggleShowBody()\n        else if (!this.props.allowBodyInteractions) {\n            // won't close when body interactions are allowed\n            this._timeout = setTimeout(() => {\n                if (this.state.showBody) {\n                    this._toggleShowBody()\n                }\n            }, 100)\n        }\n    }\n\n    _toggleShowBody = () => {\n        if (!this.state.showBody) {\n            // will show\n            if (this.props.onShowBody) this.props.onShowBody()\n            document.addEventListener('click', this._handleClickOutside, true)\n        } else {\n            // will hide\n            if (this.props.onHideBody) this.props.onHideBody()\n            document.removeEventListener('click', this._handleClickOutside, true)\n        }\n\n        this.setState({\n            showBody: !this.state.showBody,\n        })\n    }\n\n    _getTriggerComponent() {\n        const _trigger = this.props.children?.[0]\n        return _trigger\n            ? React.cloneElement(_trigger, { onClick: this._toggleShowBody })\n            : undefined\n    }\n\n    // https://facebook.github.io/react/docs/refs-and-the-dom.html#exposing-dom-refs-to-parent-components\n    _setPosition = (body: HTMLElement | null) => {\n        if (body) {\n            const scrollingParent = document.getElementById(\n                this.props.scrolling_parent ? this.props.scrolling_parent : '',\n            )\n\n            if (scrollingParent) {\n                const dropdown = ReactDOM.findDOMNode(this)\n                if (!dropdown) {\n                    return\n                }\n                const dropdownVerticalPosition = (ReactDOM.findDOMNode(this) as HTMLElement)\n                    .offsetTop\n                const dropdownTrigger = (dropdown as Element).querySelector('.trigger')\n                if (!dropdownTrigger) {\n                    return\n                }\n                const dropdownTriggerHeight = dropdownTrigger.clientHeight\n                const dropdownBodyHeight = body.clientHeight\n\n                const scrollingParentHeight = scrollingParent.clientHeight\n                const scrollingParentOffset = scrollingParent.scrollTop\n\n                const bottomOffset =\n                    scrollingParentHeight +\n                    scrollingParentOffset -\n                    dropdownVerticalPosition -\n                    dropdownTriggerHeight\n\n                const top = bottomOffset < dropdownBodyHeight\n\n                if (top !== this.state.top) {\n                    this.setState({ top })\n                }\n            }\n        }\n    }\n\n    _getBodyComponent() {\n        if (!this.state.showBody) {\n            return null\n        }\n        const { top } = this.state\n        const { right = false, children } = this.props\n        const props = { top, right, setPosition: this._setPosition }\n\n        const className = classNames({\n            body_wrapper: true,\n            with_arrow: true,\n            top: top,\n            bottom: !top,\n        })\n\n        const body = children?.[1]\n\n        const contentMarkup =\n            typeof body === 'function'\n                ? body(props)\n                : body\n                ? React.cloneElement(body, props)\n                : undefined\n        return (\n            <div className={className} style={{ position: 'relative' }}>\n                {contentMarkup}\n            </div>\n        )\n    }\n\n    render() {\n        const className = classNames('reactist_dropdown', this.props.className)\n        const { top } = this.state\n\n        return (\n            <div style={{ display: 'inline-block' }} className={className}>\n                {top && this._getBodyComponent()}\n                {this._getTriggerComponent()}\n                {!top && this._getBodyComponent()}\n            </div>\n        )\n    }\n}\n\nBox.displayName = 'Dropdown.Box'\n\ntype NativeButtonProps = React.DetailedHTMLProps<\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    HTMLButtonElement\n>\n\ntype TriggerProps = Omit<NativeButtonProps, 'title'> & {\n    tooltip?: React.ReactNode\n}\n\nconst Trigger = React.forwardRef<HTMLButtonElement, TriggerProps>(function Trigger(\n    { children, onClick, tooltip, className, ...props },\n    ref,\n) {\n    function handleClick(event: React.MouseEvent<HTMLButtonElement, MouseEvent>) {\n        event.preventDefault()\n        event.stopPropagation()\n        if (onClick) onClick(event)\n    }\n\n    return (\n        <Button\n            {...props}\n            className={classNames('trigger', className)}\n            onClick={handleClick}\n            tooltip={tooltip}\n            ref={ref}\n        >\n            {children}\n        </Button>\n    )\n})\n\nTrigger.displayName = 'Dropdown.Trigger'\n\ntype BodyProps = {\n    setPosition?: React.Ref<HTMLDivElement>\n    children?: React.ReactNode\n    top?: boolean\n    right?: boolean\n}\n\nfunction Body({ top, right, children, setPosition }: BodyProps) {\n    const style: React.CSSProperties = { position: 'absolute', right: 0, top: 0 }\n\n    if (top) {\n        style.top = 'auto'\n        style.bottom = 0\n    }\n\n    if (right) {\n        style.right = 'auto'\n        style.left = 0\n    }\n\n    return (\n        <div ref={setPosition} style={style} className=\"body\" id=\"reactist-dropdown-body\">\n            {children}\n        </div>\n    )\n}\n\nBody.displayName = 'Dropdown.Body'\n\nconst Dropdown = {\n    Box,\n    Trigger,\n    Body,\n}\n\nexport { Dropdown }\n"],"names":["Box","React","Component","constructor","props","context","_timeout","_handleClickOutside","event","dropdownDOMNode","ReactDOM","findDOMNode","contains","target","_toggleShowBody","allowBodyInteractions","setTimeout","state","showBody","onShowBody","document","addEventListener","onHideBody","removeEventListener","setState","_setPosition","body","scrollingParent","getElementById","scrolling_parent","dropdown","dropdownVerticalPosition","offsetTop","dropdownTrigger","querySelector","dropdownTriggerHeight","clientHeight","dropdownBodyHeight","scrollingParentHeight","scrollingParentOffset","scrollTop","bottomOffset","top","undefined","componentWillUnmount","clearTimeout","_getTriggerComponent","_trigger","children","cloneElement","onClick","_getBodyComponent","right","setPosition","className","classNames","body_wrapper","with_arrow","bottom","contentMarkup","style","position","render","display","displayName","Trigger","forwardRef","ref","tooltip","handleClick","preventDefault","stopPropagation","Button","Body","left","id","Dropdown"],"mappings":"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"}

package/es/components/input/input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.js","sources":["../../../src/components/input/input.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport './input.less'\n\ntype InputProps = {\n    /** Additional css class applied to the input. */\n    className?: string\n    ref?: React.Ref<HTMLInputElement>\n}\n\ntype Props = InputProps & React.InputHTMLAttributes<HTMLInputElement>\n\nconst Input: React.FC<React.PropsWithRef<Props>> = React.forwardRef(\n    (props: Props, ref: React.Ref<HTMLInputElement>) => {\n        const className = classNames('reactist_input', props.className)\n        return <input {...props} className={className} ref={ref} />\n    },\n)\nInput.displayName = 'Input'\n\nexport { Input }\n"],"names":["Input","React","forwardRef","props","ref","className","classNames","displayName"],"mappings":";;;;MAaMA,KAAK,gBAAwCC,cAAK,CAACC,UAAN,CAC/C,CAACC,KAAD,EAAeC,GAAf;EACI,MAAMC,SAAS,GAAGC,UAAU,CAAC,gBAAD,EAAmBH,KAAK,CAACE,SAAzB,CAA5B;EACA,oBAAOJ,4BAAA,QAAA,oCAAWE,KAAX;IAAkBE,SAAS,EAAEA,SAA7B;IAAwCD,GAAG,EAAEA;KAApD;AACH,CAJ8C;AAMnDJ,KAAK,CAACO,WAAN,GAAoB,OAApB;;;;"}

package/es/components/popover/index.js

@@ -1,6 +0,0 @@
-import { Popover } from './popover.js';
-
-
-
-export default Popover;
-//# sourceMappingURL=index.js.map

package/es/components/popover/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/es/components/popover/popover.js

@@ -1,206 +0,0 @@
-import React__default from 'react';
-import classNames from 'classnames';
-import { hasEnoughSpace, calculatePosition } from './positioning-utils.js';
-
-class Popover extends React__default.Component {
-  constructor(...args) {
-    super(...args);
-    this.popover = void 0;
-    this.wrapper = void 0;
-
-    this._updatePopoverPosition = () => {
-      const {
-        position,
-        allowVaguePositioning,
-        gapSize
-      } = this.props;
-      const wrapperRect = this.wrapper.getBoundingClientRect();
-      const popoverRect = this.popover.getBoundingClientRect(); // Instead of using the documentElement find the nearest absolutely positioned element
-
-      const documentEl = document.documentElement;
-      let node = this.wrapper;
-      let foundParent = false;
-
-      while (!foundParent) {
-        const styles = getComputedStyle(node);
-        const position = styles.getPropertyValue('position');
-
-        if (position === 'absolute' || node === documentEl || !node.parentElement) {
-          foundParent = true;
-        } else {
-          node = node.parentElement;
-        }
-      }
-
-      const nodeRect = node.getBoundingClientRect();
-      const windowDimensions = {
-        height: nodeRect.height,
-        width: nodeRect.width
-      };
-      const popoverDimensions = {
-        height: popoverRect.height,
-        width: popoverRect.width
-      };
-      const wrapperDimensions = {
-        height: wrapperRect.height,
-        width: wrapperRect.width
-      };
-      const wrapperPositionRelative = {
-        x: wrapperRect.left - nodeRect.left,
-        y: wrapperRect.top - nodeRect.top
-      };
-      const wrapperPositionAbsolute = {
-        x: wrapperRect.left,
-        y: wrapperRect.top
-      };
-      const positionsToTry = position === 'auto' ? ['top', 'right', 'bottom', 'left', 'top'] : position === 'vertical' ? ['top', 'bottom'] : position === 'horizontal' ? ['left', 'right'] : [position];
-
-      for (let index = 0; index < positionsToTry.length; index++) {
-        const currentPosition = positionsToTry[index];
-        const enoughSpaceAtPosition = currentPosition != null ? hasEnoughSpace(windowDimensions, popoverDimensions, wrapperDimensions, wrapperPositionRelative, currentPosition, gapSize) : false;
-
-        if (enoughSpaceAtPosition || index === positionsToTry.length - 1) {
-          const popoverPosition = currentPosition != null ? calculatePosition(currentPosition, wrapperDimensions, wrapperPositionAbsolute, popoverDimensions, gapSize) : wrapperPositionAbsolute;
-          this.popover.style.top = popoverPosition.y + "px";
-          this.popover.style.left = popoverPosition.x + "px";
-          /**
-           * Correct placement if vague positioning is allowed.
-           * When it's not allowed we "cut off" popovers and display them
-           * out of the viewport to maintain their centered position.
-           */
-
-          if (allowVaguePositioning) {
-            // correct horizontally
-            if (popoverPosition.x < 0) {
-              this.popover.style.left = 2 * gapSize + "px";
-            } // correct vertically
-
-
-            if (popoverPosition.y + popoverDimensions.height > windowDimensions.height) {
-              this.popover.style.top = windowDimensions.height - popoverDimensions.height - 2 * gapSize + "px";
-            }
-          }
-
-          if (currentPosition !== position) {
-            this.popover.className = this._getClassNameForPosition(currentPosition);
-          }
-
-          break;
-        }
-      }
-    };
-
-    this._getClassNameForPosition = position => {
-      const {
-        visible,
-        withArrow,
-        arrowClassName
-      } = this.props;
-      const className = classNames('reactist_popover', {
-        visible
-      });
-
-      if (visible && withArrow) {
-        return classNames(className, arrowClassName, {
-          arrow_top: position === 'bottom',
-          arrow_right: position === 'left',
-          arrow_bottom: position === 'auto' || position === 'top',
-          arrow_left: position === 'right'
-        });
-      }
-
-      return className;
-    };
-
-    this._updatePopoverRef = popover => {
-      this.popover = popover;
-
-      if (typeof this.props.popoverRef === 'function') {
-        this.props.popoverRef(popover);
-      }
-    };
-
-    this._updateWrapperRef = wrapper => {
-      this.wrapper = wrapper;
-
-      if (typeof this.props.wrapperRef === 'function') {
-        this.props.wrapperRef(wrapper);
-      }
-    };
-  }
-
-  componentDidMount() {
-    if (this.props.visible) {
-      this._updatePopoverPosition();
-    }
-  }
-
-  componentDidUpdate(prevProps) {
-    if (this.wrapper && this.props.visible) {
-      const positionChanged = prevProps.position !== this.props.position;
-      const vaguePositioningChanged = prevProps.allowVaguePositioning !== this.props.allowVaguePositioning;
-      const visibilityChanged = prevProps.visible !== this.props.visible;
-      const arrowChanged = prevProps.withArrow !== this.props.withArrow;
-      const gapSizeChanged = prevProps.gapSize !== this.props.gapSize;
-      const contentChanged = prevProps.content !== this.props.content;
-
-      if (positionChanged || vaguePositioningChanged || visibilityChanged || arrowChanged || gapSizeChanged || contentChanged) {
-        this._updatePopoverPosition();
-      }
-    }
-  }
-
-  render() {
-    const {
-      position,
-      wrapperClassName,
-      popoverClassName,
-      onMouseEnter,
-      onMouseLeave,
-      onClick,
-      trigger,
-      content
-    } = this.props;
-    const popoverClass = position ? this._getClassNameForPosition(position) : '';
-    const popoverContentClass = classNames('reactist_popover__content', popoverClassName);
-    const wrapperClass = classNames('reactist_popover__wrapper', wrapperClassName);
-    const triggerElement = React__default.Children.only(trigger);
-
-    function handleTriggerClick(event) {
-      // @ts-expect-error This is temporary while we revisit the Popover interface
-      if (onClick) onClick(event); // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-
-      if (typeof triggerElement.props.onClick === 'function') {
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-unsafe-call
-        triggerElement.props.onClick(event);
-      }
-    }
-
-    return /*#__PURE__*/React__default.createElement("span", {
-      className: wrapperClass,
-      onMouseEnter: onMouseEnter,
-      onMouseLeave: onMouseLeave,
-      ref: this._updateWrapperRef
-    }, /*#__PURE__*/React__default.cloneElement(triggerElement, {
-      onClick: handleTriggerClick
-    }), /*#__PURE__*/React__default.createElement("span", {
-      className: popoverClass,
-      ref: this._updatePopoverRef
-    }, this.props.visible ? /*#__PURE__*/React__default.createElement("span", {
-      className: popoverContentClass
-    }, typeof content === 'function' ? content() : content) : null));
-  }
-
-}
-
-Popover.displayName = void 0;
-Popover.defaultProps = void 0;
-Popover.displayName = 'Popover';
-Popover.defaultProps = {
-  position: 'auto',
-  gapSize: 5 // default size of the arrow (see `tooltip.less`)
-
-};
-
-export { Popover };
-//# sourceMappingURL=popover.js.map

package/es/components/popover/popover.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover.js","sources":["../../../src/components/popover/popover.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport { hasEnoughSpace, calculatePosition, RelativePosition } from './positioning-utils'\n\nimport './popover.less'\n\n/**\n * Position of the popover. Defaults to `auto`.\n * `auto` tries to position the tooltip to the top,\n * if there's not enough space it tries to position the tooltip clockwise (right, bottom, left).\n * Setting a distinct value like `right` will always position the popover right, regardless of available space.\n * Specifying `horizontal` will only try to position the tooltip left and right in that order.\n * Specifying `vertical` will only try to position the tooltip top and bottom in that order.\n */\ntype Position = 'left' | 'right' | 'top' | 'bottom' | 'vertical' | 'horizontal' | 'auto'\n\ntype Props = {\n    visible?: boolean\n    /** ref of the popover in case you need to manipulate it. */\n    popoverRef?: React.Ref<HTMLElement>\n    /** ref of the wrapper in case you need to manipulate it. */\n    wrapperRef?: React.Ref<HTMLElement>\n    /** Function to be called when the mouse enters the trigger. */\n    onMouseEnter?: React.MouseEventHandler\n    /** Function to be called when the mouse leaves the trigger. */\n    onMouseLeave?: React.MouseEventHandler\n    onClick?: React.MouseEventHandler\n    /** Additional css class that is applied to the wrapper element. */\n    wrapperClassName?: string\n    /** Additional css class that is applied to the popover element. */\n    popoverClassName?: string\n    /** Additional css class that is applied to style the arrow. Not applied when `withArrow` is false. */\n    arrowClassName?: string\n    /** Content prop of the popover. */\n    content?: (() => React.ReactNode) | React.ReactNode\n    trigger?: React.ReactNode\n    position: Position\n    withArrow?: boolean\n    /**\n     * Whether vague positioning is allowed. When set to true the popover prefers to be fully visible over being correctly centered.\n     */\n    allowVaguePositioning?: boolean\n    /** Gap between the popover wrapper and the arrow. */\n    gapSize: number\n}\n\nclass Popover extends React.Component<Props> {\n    public static displayName: string\n    public static defaultProps: Props\n\n    componentDidMount() {\n        if (this.props.visible) {\n            this._updatePopoverPosition()\n        }\n    }\n\n    componentDidUpdate(prevProps: Props) {\n        if (this.wrapper && this.props.visible) {\n            const positionChanged = prevProps.position !== this.props.position\n            const vaguePositioningChanged =\n                prevProps.allowVaguePositioning !== this.props.allowVaguePositioning\n            const visibilityChanged = prevProps.visible !== this.props.visible\n            const arrowChanged = prevProps.withArrow !== this.props.withArrow\n            const gapSizeChanged = prevProps.gapSize !== this.props.gapSize\n            const contentChanged = prevProps.content !== this.props.content\n            if (\n                positionChanged ||\n                vaguePositioningChanged ||\n                visibilityChanged ||\n                arrowChanged ||\n                gapSizeChanged ||\n                contentChanged\n            ) {\n                this._updatePopoverPosition()\n            }\n        }\n    }\n\n    popover!: HTMLElement\n    wrapper!: HTMLElement\n\n    _updatePopoverPosition = () => {\n        const { position, allowVaguePositioning, gapSize } = this.props\n        const wrapperRect = this.wrapper.getBoundingClientRect()\n        const popoverRect = this.popover.getBoundingClientRect()\n\n        // Instead of using the documentElement find the nearest absolutely positioned element\n        const documentEl = document.documentElement\n        let node = this.wrapper\n        let foundParent = false\n        while (!foundParent) {\n            const styles = getComputedStyle(node)\n            const position = styles.getPropertyValue('position')\n            if (position === 'absolute' || node === documentEl || !node.parentElement) {\n                foundParent = true\n            } else {\n                node = node.parentElement\n            }\n        }\n        const nodeRect = node.getBoundingClientRect()\n        const windowDimensions = {\n            height: nodeRect.height,\n            width: nodeRect.width,\n        }\n\n        const popoverDimensions = {\n            height: popoverRect.height,\n            width: popoverRect.width,\n        }\n        const wrapperDimensions = {\n            height: wrapperRect.height,\n            width: wrapperRect.width,\n        }\n        const wrapperPositionRelative = {\n            x: wrapperRect.left - nodeRect.left,\n            y: wrapperRect.top - nodeRect.top,\n        }\n        const wrapperPositionAbsolute = {\n            x: wrapperRect.left,\n            y: wrapperRect.top,\n        }\n\n        const positionsToTry: RelativePosition[] =\n            position === 'auto'\n                ? ['top', 'right', 'bottom', 'left', 'top']\n                : position === 'vertical'\n                ? ['top', 'bottom']\n                : position === 'horizontal'\n                ? ['left', 'right']\n                : [position]\n\n        for (let index = 0; index < positionsToTry.length; index++) {\n            const currentPosition = positionsToTry[index]\n            const enoughSpaceAtPosition =\n                currentPosition != null\n                    ? hasEnoughSpace(\n                          windowDimensions,\n                          popoverDimensions,\n                          wrapperDimensions,\n                          wrapperPositionRelative,\n                          currentPosition,\n                          gapSize,\n                      )\n                    : false\n\n            if (enoughSpaceAtPosition || index === positionsToTry.length - 1) {\n                const popoverPosition =\n                    currentPosition != null\n                        ? calculatePosition(\n                              currentPosition,\n                              wrapperDimensions,\n                              wrapperPositionAbsolute,\n                              popoverDimensions,\n                              gapSize,\n                          )\n                        : wrapperPositionAbsolute\n                this.popover.style.top = `${popoverPosition.y}px`\n                this.popover.style.left = `${popoverPosition.x}px`\n\n                /**\n                 * Correct placement if vague positioning is allowed.\n                 * When it's not allowed we \"cut off\" popovers and display them\n                 * out of the viewport to maintain their centered position.\n                 */\n                if (allowVaguePositioning) {\n                    // correct horizontally\n                    if (popoverPosition.x < 0) {\n                        this.popover.style.left = `${2 * gapSize}px`\n                    }\n                    // correct vertically\n                    if (popoverPosition.y + popoverDimensions.height > windowDimensions.height) {\n                        this.popover.style.top = `${\n                            windowDimensions.height - popoverDimensions.height - 2 * gapSize\n                        }px`\n                    }\n                }\n\n                if (currentPosition !== position) {\n                    this.popover.className = this._getClassNameForPosition(currentPosition)\n                }\n                break\n            }\n        }\n    }\n\n    _getClassNameForPosition = (position: Position | undefined) => {\n        const { visible, withArrow, arrowClassName } = this.props\n        const className = classNames('reactist_popover', { visible })\n\n        if (visible && withArrow) {\n            return classNames(className, arrowClassName, {\n                arrow_top: position === 'bottom',\n                arrow_right: position === 'left',\n                arrow_bottom: position === 'auto' || position === 'top',\n                arrow_left: position === 'right',\n            })\n        }\n        return className\n    }\n\n    _updatePopoverRef = (popover: HTMLElement) => {\n        this.popover = popover\n        if (typeof this.props.popoverRef === 'function') {\n            this.props.popoverRef(popover)\n        }\n    }\n\n    _updateWrapperRef = (wrapper: HTMLElement) => {\n        this.wrapper = wrapper\n        if (typeof this.props.wrapperRef === 'function') {\n            this.props.wrapperRef(wrapper)\n        }\n    }\n\n    render() {\n        const {\n            position,\n            wrapperClassName,\n            popoverClassName,\n            onMouseEnter,\n            onMouseLeave,\n            onClick,\n            trigger,\n            content,\n        } = this.props\n        const popoverClass = position ? this._getClassNameForPosition(position) : ''\n        const popoverContentClass = classNames('reactist_popover__content', popoverClassName)\n        const wrapperClass = classNames('reactist_popover__wrapper', wrapperClassName)\n        const triggerElement = React.Children.only<React.ReactElement>(\n            trigger as React.ReactElement,\n        )\n\n        function handleTriggerClick(event: React.SyntheticEvent) {\n            // @ts-expect-error This is temporary while we revisit the Popover interface\n            if (onClick) onClick(event)\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            if (typeof triggerElement.props.onClick === 'function') {\n                // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-unsafe-call\n                triggerElement.props.onClick(event)\n            }\n        }\n\n        return (\n            <span\n                className={wrapperClass}\n                onMouseEnter={onMouseEnter}\n                onMouseLeave={onMouseLeave}\n                ref={this._updateWrapperRef}\n            >\n                {React.cloneElement(triggerElement, { onClick: handleTriggerClick })}\n                <span className={popoverClass} ref={this._updatePopoverRef}>\n                    {this.props.visible ? (\n                        <span className={popoverContentClass}>\n                            {typeof content === 'function' ? content() : content}\n                        </span>\n                    ) : null}\n                </span>\n            </span>\n        )\n    }\n}\nPopover.displayName = 'Popover'\nPopover.defaultProps = {\n    position: 'auto',\n    gapSize: 5, // default size of the arrow (see `tooltip.less`)\n}\n\nexport { Popover }\n"],"names":["Popover","React","Component","popover","wrapper","_updatePopoverPosition","position","allowVaguePositioning","gapSize","props","wrapperRect","getBoundingClientRect","popoverRect","documentEl","document","documentElement","node","foundParent","styles","getComputedStyle","getPropertyValue","parentElement","nodeRect","windowDimensions","height","width","popoverDimensions","wrapperDimensions","wrapperPositionRelative","x","left","y","top","wrapperPositionAbsolute","positionsToTry","index","length","currentPosition","enoughSpaceAtPosition","hasEnoughSpace","popoverPosition","calculatePosition","style","className","_getClassNameForPosition","visible","withArrow","arrowClassName","classNames","arrow_top","arrow_right","arrow_bottom","arrow_left","_updatePopoverRef","popoverRef","_updateWrapperRef","wrapperRef","componentDidMount","componentDidUpdate","prevProps","positionChanged","vaguePositioningChanged","visibilityChanged","arrowChanged","gapSizeChanged","contentChanged","content","render","wrapperClassName","popoverClassName","onMouseEnter","onMouseLeave","onClick","trigger","popoverClass","popoverContentClass","wrapperClass","triggerElement","Children","only","handleTriggerClick","event","ref","cloneElement","displayName","defaultProps"],"mappings":"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"}

package/es/components/popover/positioning-utils.js

@@ -1,104 +0,0 @@
-const hasEnoughSpace = (windowDimensions, elementDimensions, wrapperDimensions, wrapperPosition, position, gap = 0) => {
-  const {
-    height: windowHeight,
-    width: windowWidth
-  } = windowDimensions;
-  const {
-    height: elementHeight,
-    width: elementWidth
-  } = elementDimensions;
-  const {
-    height: wrapperHeight,
-    width: wrapperWidth
-  } = wrapperDimensions;
-  const {
-    x: wrapperX,
-    y: wrapperY
-  } = wrapperPosition;
-
-  const verticalPosition = _calculateVerticalPosition(wrapperPosition, wrapperDimensions, elementDimensions);
-
-  const horizontalPosition = _calculateHorizontalPosition(wrapperPosition, wrapperDimensions, elementDimensions);
-
-  const canPlaceVertically = verticalPosition >= 0 && verticalPosition + elementWidth <= windowWidth;
-  const canPlaceHorizontally = horizontalPosition >= 0 && horizontalPosition + elementHeight <= windowHeight;
-
-  if (position === 'top') {
-    return canPlaceVertically && wrapperY - elementHeight - gap >= 0;
-  } else if (position === 'right') {
-    return canPlaceHorizontally && wrapperX + wrapperWidth + elementWidth + gap <= windowWidth;
-  } else if (position === 'left') {
-    return canPlaceHorizontally && wrapperX - elementWidth - gap >= 0;
-  } else if (position === 'bottom') {
-    return canPlaceVertically && wrapperY + wrapperHeight + elementHeight + gap <= windowHeight;
-  }
-
-  return false;
-};
-
-function _calculateVerticalPosition(wrapperPosition, wrapperDimensions, elementDimensions) {
-  return wrapperPosition.x + (wrapperDimensions.width - elementDimensions.width) / 2;
-}
-
-function _calculateHorizontalPosition(wrapperPosition, wrapperDimensions, elementDimensions) {
-  return wrapperPosition.y + (wrapperDimensions.height - elementDimensions.height) / 2;
-}
-
-const calculateTopCenterPosition = (wrapperDimensions, wrapperPosition, elementDimensions, gap = 0) => {
-  const x = _calculateVerticalPosition(wrapperPosition, wrapperDimensions, elementDimensions);
-
-  const y = wrapperPosition.y - elementDimensions.height - gap;
-  return {
-    x,
-    y
-  };
-};
-
-const calculateBottomCenterPosition = (wrapperDimensions, wrapperPosition, elementDimensions, gap = 0) => {
-  const x = _calculateVerticalPosition(wrapperPosition, wrapperDimensions, elementDimensions);
-
-  const y = wrapperPosition.y + wrapperDimensions.height + gap;
-  return {
-    x,
-    y
-  };
-};
-
-const calculateRightCenterPosition = (wrapperDimensions, wrapperPosition, elementDimensions, gap = 0) => {
-  const x = wrapperPosition.x + wrapperDimensions.width + gap;
-
-  const y = _calculateHorizontalPosition(wrapperPosition, wrapperDimensions, elementDimensions);
-
-  return {
-    x,
-    y
-  };
-};
-
-const calculateLeftCenterPosition = (wrapperDimensions, wrapperPosition, elementDimensions, gap = 0) => {
-  const x = wrapperPosition.x - elementDimensions.width - gap;
-
-  const y = _calculateHorizontalPosition(wrapperPosition, wrapperDimensions, elementDimensions);
-
-  return {
-    x,
-    y
-  };
-};
-
-const calculatePosition = (position, wrapperDimensions, wrapperPosition, elementDimensions, gap = 0) => {
-  if (position === 'top') {
-    return calculateTopCenterPosition(wrapperDimensions, wrapperPosition, elementDimensions, gap);
-  } else if (position === 'right') {
-    return calculateRightCenterPosition(wrapperDimensions, wrapperPosition, elementDimensions, gap);
-  } else if (position === 'bottom') {
-    return calculateBottomCenterPosition(wrapperDimensions, wrapperPosition, elementDimensions, gap);
-  } else if (position === 'left') {
-    return calculateLeftCenterPosition(wrapperDimensions, wrapperPosition, elementDimensions, gap);
-  }
-
-  return wrapperPosition;
-};
-
-export { calculateBottomCenterPosition, calculateLeftCenterPosition, calculatePosition, calculateRightCenterPosition, calculateTopCenterPosition, hasEnoughSpace };
-//# sourceMappingURL=positioning-utils.js.map