@doist/reactist 11.5.0 → 12.0.1

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

@@ -1 +1 @@
-{"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<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<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","modalElement","document","getElementById","ReactDOM","unmountComponentAtNode","event","keyCode","_closeModal","preventDefault","target","Element","id","componentDidMount","window","addEventListener","_handleKeyDown","componentWillUnmount","removeEventListener","render","props","large","medium","style","children","closeOnOverlayClick","className","classnames","React","onClick","_handleOverlayClick","undefined","Component","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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"}
+{"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,10 +1,10 @@
 import { Box, Header, Body, Actions } from './deprecated-modal.js';
 
 var index = {
-  Box: Box,
-  Header: Header,
-  Body: Body,
-  Actions: Actions
+  Box,
+  Header,
+  Body,
+  Actions
 };
 
 export default index;

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

@@ -1 +1 @@
-{"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;AAAEA,EAAAA,GAAG,EAAHA,GAAF;AAAOC,EAAAA,MAAM,EAANA,MAAP;AAAeC,EAAAA,IAAI,EAAJA,IAAf;AAAqBC,EAAAA,OAAO,EAAPA;AAArB,CAAf;;;;"}
+{"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

@@ -1,162 +1,162 @@
-import { inheritsLoose as _inheritsLoose, assertThisInitialized as _assertThisInitialized, objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import classNames from 'classnames';
 import ReactDOM from 'react-dom';
 import Button from '../deprecated-button/index.js';
 
-var _excluded = ["children", "onClick", "tooltip", "className"];
+const _excluded = ["children", "onClick", "tooltip", "className"];
 
-var Box = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(Box, _React$Component);
+class Box extends React__default.Component {
+  constructor(props, context) {
+    super(props, context);
+    this._timeout = void 0;
 
-  function Box(props, context) {
-    var _this;
-
-    _this = _React$Component.call(this, props, context) || this;
-
-    _this._handleClickOutside = function (event) {
-      var dropdownDOMNode = ReactDOM.findDOMNode(_assertThisInitialized(_this));
-      if (dropdownDOMNode && !dropdownDOMNode.contains(event.target)) _this._toggleShowBody();else if (!_this.props.allowBodyInteractions) {
+    this._handleClickOutside = event => {
+      const dropdownDOMNode = ReactDOM.findDOMNode(this);
+      if (dropdownDOMNode && !dropdownDOMNode.contains(event.target)) this._toggleShowBody();else if (!this.props.allowBodyInteractions) {
         // won't close when body interactions are allowed
-        _this._timeout = setTimeout(function () {
-          if (_this.state.showBody) {
-            _this._toggleShowBody();
+        this._timeout = setTimeout(() => {
+          if (this.state.showBody) {
+            this._toggleShowBody();
           }
         }, 100);
       }
     };
 
-    _this._toggleShowBody = function () {
-      if (!_this.state.showBody) {
+    this._toggleShowBody = () => {
+      if (!this.state.showBody) {
         // will show
-        if (_this.props.onShowBody) _this.props.onShowBody();
-        document.addEventListener('click', _this._handleClickOutside, true);
+        if (this.props.onShowBody) this.props.onShowBody();
+        document.addEventListener('click', this._handleClickOutside, true);
       } else {
         // will hide
-        if (_this.props.onHideBody) _this.props.onHideBody();
-        document.removeEventListener('click', _this._handleClickOutside, true);
+        if (this.props.onHideBody) this.props.onHideBody();
+        document.removeEventListener('click', this._handleClickOutside, true);
       }
 
-      _this.setState({
-        showBody: !_this.state.showBody
+      this.setState({
+        showBody: !this.state.showBody
       });
-    }; // https://facebook.github.io/react/docs/refs-and-the-dom.html#exposing-dom-refs-to-parent-components
-
+    };
 
-    _this._setPosition = function (body) {
+    this._setPosition = body => {
       if (body) {
-        var scrollingParent = document.getElementById(_this.props.scrolling_parent ? _this.props.scrolling_parent : '');
+        const scrollingParent = document.getElementById(this.props.scrolling_parent ? this.props.scrolling_parent : '');
 
         if (scrollingParent) {
-          var dropdown = ReactDOM.findDOMNode(_assertThisInitialized(_this));
+          const dropdown = ReactDOM.findDOMNode(this);
 
           if (!dropdown) {
             return;
           }
 
-          var dropdownVerticalPosition = ReactDOM.findDOMNode(_assertThisInitialized(_this)).offsetTop;
-          var dropdownTrigger = dropdown.querySelector('.trigger');
+          const dropdownVerticalPosition = ReactDOM.findDOMNode(this).offsetTop;
+          const dropdownTrigger = dropdown.querySelector('.trigger');
 
           if (!dropdownTrigger) {
             return;
           }
 
-          var dropdownTriggerHeight = dropdownTrigger.clientHeight;
-          var dropdownBodyHeight = body.clientHeight;
-          var scrollingParentHeight = scrollingParent.clientHeight;
-          var scrollingParentOffset = scrollingParent.scrollTop;
-          var bottomOffset = scrollingParentHeight + scrollingParentOffset - dropdownVerticalPosition - dropdownTriggerHeight;
-          var top = bottomOffset < dropdownBodyHeight;
+          const dropdownTriggerHeight = dropdownTrigger.clientHeight;
+          const dropdownBodyHeight = body.clientHeight;
+          const scrollingParentHeight = scrollingParent.clientHeight;
+          const scrollingParentOffset = scrollingParent.scrollTop;
+          const bottomOffset = scrollingParentHeight + scrollingParentOffset - dropdownVerticalPosition - dropdownTriggerHeight;
+          const top = bottomOffset < dropdownBodyHeight;
 
-          if (top !== _this.state.top) {
-            _this.setState({
-              top: top
+          if (top !== this.state.top) {
+            this.setState({
+              top
             });
           }
         }
       }
     };
 
-    _this.state = {
+    this.state = {
       showBody: false,
       top: props.top || false
     };
-    _this._timeout = undefined;
-    return _this;
+    this._timeout = undefined;
   }
 
-  var _proto = Box.prototype;
-
-  _proto.componentWillUnmount = function componentWillUnmount() {
+  componentWillUnmount() {
     document.removeEventListener('click', this._handleClickOutside, true);
 
     if (this._timeout) {
       clearTimeout(this._timeout);
     }
-  };
+  }
 
-  _proto._getTriggerComponent = function _getTriggerComponent() {
+  _getTriggerComponent() {
     var _this$props$children;
 
-    var _trigger = (_this$props$children = this.props.children) === null || _this$props$children === void 0 ? void 0 : _this$props$children[0];
+    const _trigger = (_this$props$children = this.props.children) == null ? void 0 : _this$props$children[0];
 
     return _trigger ? /*#__PURE__*/React__default.cloneElement(_trigger, {
       onClick: this._toggleShowBody
     }) : undefined;
-  };
+  } // https://facebook.github.io/react/docs/refs-and-the-dom.html#exposing-dom-refs-to-parent-components
 
-  _proto._getBodyComponent = function _getBodyComponent() {
+
+  _getBodyComponent() {
     if (!this.state.showBody) {
       return null;
     }
 
-    var top = this.state.top;
-    var _this$props = this.props,
-        _this$props$right = _this$props.right,
-        right = _this$props$right === void 0 ? false : _this$props$right,
-        children = _this$props.children;
-    var props = {
-      top: top,
-      right: right,
+    const {
+      top
+    } = this.state;
+    const {
+      right = false,
+      children
+    } = this.props;
+    const props = {
+      top,
+      right,
       setPosition: this._setPosition
     };
-    var className = classNames({
+    const className = classNames({
       body_wrapper: true,
       with_arrow: true,
       top: top,
       bottom: !top
     });
-    var body = children === null || children === void 0 ? void 0 : children[1];
-    var contentMarkup = typeof body === 'function' ? body(props) : body ? /*#__PURE__*/React__default.cloneElement(body, props) : undefined;
+    const body = children == null ? void 0 : children[1];
+    const contentMarkup = typeof body === 'function' ? body(props) : body ? /*#__PURE__*/React__default.cloneElement(body, props) : undefined;
     return /*#__PURE__*/React__default.createElement("div", {
       className: className,
       style: {
         position: 'relative'
       }
     }, contentMarkup);
-  };
+  }
 
-  _proto.render = function render() {
-    var className = classNames('reactist_dropdown', this.props.className);
-    var top = this.state.top;
+  render() {
+    const className = classNames('reactist_dropdown', this.props.className);
+    const {
+      top
+    } = this.state;
     return /*#__PURE__*/React__default.createElement("div", {
       style: {
         display: 'inline-block'
       },
       className: className
     }, top && this._getBodyComponent(), this._getTriggerComponent(), !top && this._getBodyComponent());
-  };
+  }
 
-  return Box;
-}(React__default.Component);
+}
 
+Box.displayName = void 0;
 Box.displayName = 'Dropdown.Box';
-var Trigger = /*#__PURE__*/React__default.forwardRef(function Trigger(_ref, ref) {
-  var children = _ref.children,
-      onClick = _ref.onClick,
-      tooltip = _ref.tooltip,
-      className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+const Trigger = /*#__PURE__*/React__default.forwardRef(function Trigger(_ref, ref) {
+  let {
+    children,
+    onClick,
+    tooltip,
+    className
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded);
 
   function handleClick(event) {
     event.preventDefault();
@@ -164,7 +164,7 @@ var Trigger = /*#__PURE__*/React__default.forwardRef(function Trigger(_ref, ref)
     if (onClick) onClick(event);
   }
 
-  return /*#__PURE__*/React__default.createElement(Button, Object.assign({}, props, {
+  return /*#__PURE__*/React__default.createElement(Button, _objectSpread2(_objectSpread2({}, props), {}, {
     className: classNames('trigger', className),
     onClick: handleClick,
     tooltip: tooltip,
@@ -173,12 +173,13 @@ var Trigger = /*#__PURE__*/React__default.forwardRef(function Trigger(_ref, ref)
 });
 Trigger.displayName = 'Dropdown.Trigger';
 
-function Body(_ref2) {
-  var top = _ref2.top,
-      right = _ref2.right,
-      children = _ref2.children,
-      setPosition = _ref2.setPosition;
-  var style = {
+function Body({
+  top,
+  right,
+  children,
+  setPosition
+}) {
+  const style = {
     position: 'absolute',
     right: 0,
     top: 0
@@ -203,10 +204,10 @@ function Body(_ref2) {
 }
 
 Body.displayName = 'Dropdown.Body';
-var Dropdown = {
-  Box: Box,
-  Trigger: Trigger,
-  Body: Body
+const Dropdown = {
+  Box,
+  Trigger,
+  Body
 };
 
 export { Dropdown };

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

@@ -1 +1 @@
-{"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","props","context","event","dropdownDOMNode","ReactDOM","findDOMNode","contains","target","_toggleShowBody","allowBodyInteractions","_timeout","setTimeout","state","showBody","onShowBody","document","addEventListener","_handleClickOutside","onHideBody","removeEventListener","setState","body","scrollingParent","getElementById","scrolling_parent","dropdown","dropdownVerticalPosition","offsetTop","dropdownTrigger","querySelector","dropdownTriggerHeight","clientHeight","dropdownBodyHeight","scrollingParentHeight","scrollingParentOffset","scrollTop","bottomOffset","top","undefined","componentWillUnmount","clearTimeout","_getTriggerComponent","_trigger","children","React","cloneElement","onClick","_getBodyComponent","right","setPosition","_setPosition","className","classNames","body_wrapper","with_arrow","bottom","contentMarkup","style","position","render","display","Component","displayName","Trigger","forwardRef","ref","tooltip","handleClick","preventDefault","stopPropagation","Button","Body","left","id","Dropdown"],"mappings":"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"}
+{"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/icons/CloseIcon.svg.js

@@ -1,16 +1,14 @@
 import React__default from 'react';
 
-var CloseIcon = function CloseIcon() {
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    fill: "gray",
-    fillRule: "evenodd",
-    d: "M11.293 12L5.146 5.854a.5.5 0 1 1 .708-.708L12 11.293l6.146-6.147a.5.5 0 0 1 .708.708L12.707 12l6.147 6.146a.5.5 0 0 1-.708.708L12 12.707l-6.146 6.147a.5.5 0 0 1-.708-.708L11.293 12z"
-  }));
-};
+const CloseIcon = () => /*#__PURE__*/React__default.createElement("svg", {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24"
+}, /*#__PURE__*/React__default.createElement("path", {
+  fill: "gray",
+  fillRule: "evenodd",
+  d: "M11.293 12L5.146 5.854a.5.5 0 1 1 .708-.708L12 11.293l6.146-6.147a.5.5 0 0 1 .708.708L12.707 12l6.147 6.146a.5.5 0 0 1-.708.708L12 12.707l-6.146 6.147a.5.5 0 0 1-.708-.708L11.293 12z"
+}));
 
 export default CloseIcon;
 //# sourceMappingURL=CloseIcon.svg.js.map

package/es/components/icons/CloseIcon.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"CloseIcon.svg.js","sources":["../../../src/components/icons/CloseIcon.svg.tsx"],"sourcesContent":["import React from 'react'\n\nconst CloseIcon = () => (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n        <path\n            fill=\"gray\"\n            fillRule=\"evenodd\"\n            d=\"M11.293 12L5.146 5.854a.5.5 0 1 1 .708-.708L12 11.293l6.146-6.147a.5.5 0 0 1 .708.708L12.707 12l6.147 6.146a.5.5 0 0 1-.708.708L12 12.707l-6.146 6.147a.5.5 0 0 1-.708-.708L11.293 12z\"\n        />\n    </svg>\n)\n\nexport default CloseIcon\n"],"names":["CloseIcon","React","width","height","viewBox","fill","fillRule","d"],"mappings":";;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY;AAAA,sBACdC,4BAAA,MAAA;AAAKC,IAAAA,KAAK,EAAC;AAAKC,IAAAA,MAAM,EAAC;AAAKC,IAAAA,OAAO,EAAC;GAApC,eACIH,4BAAA,OAAA;AACII,IAAAA,IAAI,EAAC;AACLC,IAAAA,QAAQ,EAAC;AACTC,IAAAA,CAAC,EAAC;GAHN,CADJ,CADc;AAAA,CAAlB;;;;"}
+{"version":3,"file":"CloseIcon.svg.js","sources":["../../../src/components/icons/CloseIcon.svg.tsx"],"sourcesContent":["import React from 'react'\n\nconst CloseIcon = () => (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n        <path\n            fill=\"gray\"\n            fillRule=\"evenodd\"\n            d=\"M11.293 12L5.146 5.854a.5.5 0 1 1 .708-.708L12 11.293l6.146-6.147a.5.5 0 0 1 .708.708L12.707 12l6.147 6.146a.5.5 0 0 1-.708.708L12 12.707l-6.146 6.147a.5.5 0 0 1-.708-.708L11.293 12z\"\n        />\n    </svg>\n)\n\nexport default CloseIcon\n"],"names":["CloseIcon","React","width","height","viewBox","fill","fillRule","d"],"mappings":";;AAEA,MAAMA,SAAS,GAAG,mBACdC,4BAAA,MAAA;EAAKC,KAAK,EAAC;EAAKC,MAAM,EAAC;EAAKC,OAAO,EAAC;CAApC,eACIH,4BAAA,OAAA;EACII,IAAI,EAAC;EACLC,QAAQ,EAAC;EACTC,CAAC,EAAC;CAHN,CADJ,CADJ;;;;"}

package/es/components/input/input.js

@@ -1,9 +1,10 @@
+import { objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import classNames from 'classnames';
 
-var Input = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var className = classNames('reactist_input', props.className);
-  return /*#__PURE__*/React__default.createElement("input", Object.assign({}, props, {
+const Input = /*#__PURE__*/React__default.forwardRef((props, ref) => {
+  const className = classNames('reactist_input', props.className);
+  return /*#__PURE__*/React__default.createElement("input", _objectSpread2(_objectSpread2({}, props), {}, {
     className: className,
     ref: ref
   }));

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

@@ -1 +1 @@
-{"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":";;;IAaMA,KAAK,gBAAwCC,cAAK,CAACC,UAAN,CAC/C,UAACC,KAAD,EAAeC,GAAf;AACI,MAAMC,SAAS,GAAGC,UAAU,CAAC,gBAAD,EAAmBH,KAAK,CAACE,SAAzB,CAA5B;AACA,sBAAOJ,4BAAA,QAAA,oBAAWE;AAAOE,IAAAA,SAAS,EAAEA;AAAWD,IAAAA,GAAG,EAAEA;IAA7C,CAAP;AACH,CAJ8C;AAMnDJ,KAAK,CAACO,WAAN,GAAoB,OAApB;;;;"}
+{"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/key-capturer/key-capturer.js

@@ -1,7 +1,7 @@
 import { objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useRef } from 'react';
 
-var SUPPORTED_KEYS = {
+const SUPPORTED_KEYS = {
   ARROW_UP: 'ArrowUp',
   ARROW_RIGHT: 'ArrowRight',
   ARROW_DOWN: 'ArrowDown',
@@ -10,8 +10,8 @@ var SUPPORTED_KEYS = {
   BACKSPACE: 'Backspace',
   ESCAPE: 'Escape'
 };
-var KeyCapturerResolver = {
-  resolveByKey: function resolveByKey(eventKey) {
+const KeyCapturerResolver = {
+  resolveByKey(eventKey) {
     switch (eventKey) {
       case 'Left': // IE specific
 
@@ -64,7 +64,8 @@ var KeyCapturerResolver = {
         }
     }
   },
-  resolveByKeyCode: function resolveByKeyCode(keyCode) {
+
+  resolveByKeyCode(keyCode) {
     switch (keyCode) {
       case 37:
         {
@@ -107,8 +108,9 @@ var KeyCapturerResolver = {
         }
     }
   }
+
 };
-var keyEventHandlerMapping = {
+const keyEventHandlerMapping = {
   ArrowUp: 'onArrowUp',
   ArrowDown: 'onArrowDown',
   ArrowLeft: 'onArrowLeft',
@@ -117,7 +119,7 @@ var keyEventHandlerMapping = {
   Backspace: 'onBackspace',
   Escape: 'onEscape'
 };
-var keyPropagatePropMapping = {
+const keyPropagatePropMapping = {
   ArrowUp: 'propagateArrowUp',
   ArrowDown: 'propagateArrowDown',
   ArrowLeft: 'propagateArrowLeft',
@@ -136,27 +138,26 @@ var keyPropagatePropMapping = {
  */
 
 function KeyCapturer(props) {
-  var _objectSpread2$1;
-
-  var children = props.children,
-      _props$eventName = props.eventName,
-      eventName = _props$eventName === void 0 ? 'onKeyDown' : _props$eventName;
-  var composingRef = useRef(false);
-  var composingEventHandlers = props.onEnter ? {
-    onCompositionStart: function onCompositionStart() {
+  const {
+    children,
+    eventName = 'onKeyDown'
+  } = props;
+  const composingRef = useRef(false);
+  const composingEventHandlers = props.onEnter ? {
+    onCompositionStart: () => {
       composingRef.current = true;
     },
-    onCompositionEnd: function onCompositionEnd() {
+    onCompositionEnd: () => {
       composingRef.current = false;
     }
   } : undefined;
 
   function handleKeyEvent(event) {
     // https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode
-    var key = event.key !== undefined ? KeyCapturerResolver.resolveByKey(event.key) : KeyCapturerResolver.resolveByKeyCode(event.keyCode);
+    const key = event.key !== undefined ? KeyCapturerResolver.resolveByKey(event.key) : KeyCapturerResolver.resolveByKeyCode(event.keyCode);
     if (!key) return;
-    var propagateEvent = props[keyPropagatePropMapping[key]] || false;
-    var eventHandler = props[keyEventHandlerMapping[key]];
+    const propagateEvent = props[keyPropagatePropMapping[key]] || false;
+    const eventHandler = props[keyEventHandlerMapping[key]];
 
     if (key === 'Enter' && eventHandler) {
       if (composingRef.current || // Safari fires the onCompositionEnd event before the keydown event, so we
@@ -177,7 +178,9 @@ function KeyCapturer(props) {
     }
   }
 
-  return /*#__PURE__*/React__default.cloneElement(children, _objectSpread2((_objectSpread2$1 = {}, _objectSpread2$1[eventName] = handleKeyEvent, _objectSpread2$1), composingEventHandlers));
+  return /*#__PURE__*/React__default.cloneElement(children, _objectSpread2({
+    [eventName]: handleKeyEvent
+  }, composingEventHandlers));
 }
 
 export { KeyCapturer, KeyCapturerResolver, SUPPORTED_KEYS };