@doist/reactist 10.0.0 → 11.2.0

package/es/_virtual/_rollupPluginBabelHelpers.js

@@ -1,26 +1,15 @@
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-    if (enumerableOnly) symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    });
+
+    if (enumerableOnly) {
+      symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+    }
+
     keys.push.apply(keys, symbols);
   }
 
@@ -47,10 +36,35 @@ function _objectSpread2(target) {
   return target;
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
-  subClass.__proto__ = superClass;
+
+  _setPrototypeOf(subClass, superClass);
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
 }
 
 function _objectWithoutPropertiesLoose(source, excluded) {
@@ -76,5 +90,5 @@ function _assertThisInitialized(self) {
   return self;
 }
 
-export { _assertThisInitialized as assertThisInitialized, _defineProperty as defineProperty, _inheritsLoose as inheritsLoose, _objectSpread2 as objectSpread2, _objectWithoutPropertiesLoose as objectWithoutPropertiesLoose };
+export { _assertThisInitialized as assertThisInitialized, _defineProperty as defineProperty, _inheritsLoose as inheritsLoose, _objectSpread2 as objectSpread2, _objectWithoutPropertiesLoose as objectWithoutPropertiesLoose, _setPrototypeOf as setPrototypeOf };
 //# sourceMappingURL=_rollupPluginBabelHelpers.js.map

package/es/_virtual/_rollupPluginBabelHelpers.js.map

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

package/es/components/{button/button.js → deprecated-button/deprecated-button.js}

@@ -1,8 +1,13 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import classNames from 'classnames';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { Tooltip } from '../tooltip/tooltip.js';
 
+var _excluded = ["type", "variant", "size", "loading", "disabled", "tooltip", "onClick", "children"];
+/**
+ * @deprecated
+ */
+
 var Button = /*#__PURE__*/React__default.forwardRef(function Button(_ref, ref) {
   var _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'button' : _ref$type,
@@ -16,7 +21,7 @@ var Button = /*#__PURE__*/React__default.forwardRef(function Button(_ref, ref) {
       tooltip = _ref.tooltip,
       onClick = _ref.onClick,
       children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, ["type", "variant", "size", "loading", "disabled", "tooltip", "onClick", "children"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var className = classNames('reactist_button', variant ? "reactist_button--" + variant : null, size !== 'default' ? "reactist_button--" + size : null, {
     'reactist_button--loading': loading
@@ -40,4 +45,4 @@ Button.defaultProps = {
 };
 
 export { Button };
-//# sourceMappingURL=button.js.map
+//# sourceMappingURL=deprecated-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"deprecated-button.js","sources":["../../../src/components/deprecated-button/deprecated-button.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport { Tooltip } from '../tooltip'\n\nimport './deprecated-button.less'\n\ntype NativeButtonProps = React.DetailedHTMLProps<\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    HTMLButtonElement\n>\n\n/** @deprecated */\nexport type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'link'\n\n/** @deprecated */\nexport type ButtonSize = 'default' | 'small' | 'large'\n\n/** @deprecated */\nexport type ButtonProps = Omit<NativeButtonProps, 'title' | 'ref'> & {\n    /**\n     * Loading style. When true it disables the button, but it also adds a visual indication of\n     * some in-progress operation going on.\n     */\n    loading?: boolean\n    /**\n     * Controls visually how the button shows up from a predefined set of kinds of buttons.\n     */\n    variant?: ButtonVariant\n    /**\n     * The size of the button. If not provided it shows up in a normal size.\n     */\n    size?: ButtonSize\n    /**\n     * Tooltip that is displayed on hover.\n     *\n     * This replaces `title` which is not supported for these buttons to avoid confusion.\n     */\n    tooltip?: React.ReactNode\n}\n\n/**\n * @deprecated\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n    {\n        type = 'button',\n        variant,\n        size = 'default',\n        loading = false,\n        disabled = false,\n        tooltip,\n        onClick,\n        children,\n        ...props\n    },\n    ref,\n) {\n    const className = classNames(\n        'reactist_button',\n        variant ? `reactist_button--${variant}` : null,\n        size !== 'default' ? `reactist_button--${size}` : null,\n        { 'reactist_button--loading': loading },\n        props.className,\n    )\n\n    const button = (\n        <button\n            {...props}\n            ref={ref}\n            type={type}\n            className={className}\n            aria-disabled={disabled || loading}\n            onClick={disabled || loading ? undefined : onClick}\n        >\n            {children}\n        </button>\n    )\n\n    return tooltip ? <Tooltip content={tooltip}>{button}</Tooltip> : button\n})\n\nButton.displayName = 'Button'\n\nButton.defaultProps = {\n    size: 'default',\n    loading: false,\n    disabled: false,\n}\n\nexport { Button }\n"],"names":["Button","React","forwardRef","ref","type","variant","size","loading","disabled","tooltip","onClick","children","props","className","classNames","button","undefined","Tooltip","content","displayName","defaultProps"],"mappings":";;;;;;AAyCA;;;;IAGMA,MAAM,gBAAGC,cAAK,CAACC,UAAN,CAAiD,SAASF,MAAT,OAY5DG,GAZ4D;uBAExDC;MAAAA,8BAAO;MACPC,eAAAA;uBACAC;MAAAA,8BAAO;0BACPC;MAAAA,oCAAU;2BACVC;MAAAA,sCAAW;MACXC,eAAAA;MACAC,eAAAA;MACAC,gBAAAA;MACGC;;AAIP,MAAMC,SAAS,GAAGC,UAAU,CACxB,iBADwB,EAExBT,OAAO,yBAAuBA,OAAvB,GAAmC,IAFlB,EAGxBC,IAAI,KAAK,SAAT,yBAAyCA,IAAzC,GAAkD,IAH1B,EAIxB;AAAE,gCAA4BC;AAA9B,GAJwB,EAKxBK,KAAK,CAACC,SALkB,CAA5B;AAQA,MAAME,MAAM,gBACRd,4BAAA,SAAA,oBACQW;AACJT,IAAAA,GAAG,EAAEA;AACLC,IAAAA,IAAI,EAAEA;AACNS,IAAAA,SAAS,EAAEA;qBACIL,QAAQ,IAAID;AAC3BG,IAAAA,OAAO,EAAEF,QAAQ,IAAID,OAAZ,GAAsBS,SAAtB,GAAkCN;IAN/C,EAQKC,QARL,CADJ;AAaA,SAAOF,OAAO,gBAAGR,4BAAA,CAACgB,OAAD;AAASC,IAAAA,OAAO,EAAET;GAAlB,EAA4BM,MAA5B,CAAH,GAAmDA,MAAjE;AACH,CApCc;AAsCff,MAAM,CAACmB,WAAP,GAAqB,QAArB;AAEAnB,MAAM,CAACoB,YAAP,GAAsB;AAClBd,EAAAA,IAAI,EAAE,SADY;AAElBC,EAAAA,OAAO,EAAE,KAFS;AAGlBC,EAAAA,QAAQ,EAAE;AAHQ,CAAtB;;;;"}

package/es/components/{button → deprecated-button}/index.js

@@ -1,4 +1,4 @@
-import { Button } from './button.js';
+import { Button } from './deprecated-button.js';
 
 
 

package/es/components/{loading/loading.js → deprecated-loading/deprecated-loading.js}

@@ -1,6 +1,8 @@
 import React__default from 'react';
 import classNames from 'classnames';
 
+/** @deprecated */
+
 function Loading(_ref) {
   var className = _ref.className,
       _ref$spinnerColor = _ref.spinnerColor,
@@ -37,4 +39,4 @@ function Loading(_ref) {
 Loading.displayName = 'Loading';
 
 export { Loading };
-//# sourceMappingURL=loading.js.map
+//# sourceMappingURL=deprecated-loading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"deprecated-loading.js","sources":["../../../src/components/deprecated-loading/deprecated-loading.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport './deprecated-loading.less'\n\ntype Props = {\n    /** Additional css class that is applied to Loading. */\n    className?: string\n    /** Hex code of the spinner color. */\n    spinnerColor?: string\n    /** Hex code of the background color. */\n    bgColor?: string\n    /** Circle diameter in pixels. */\n    size?: string | number\n\n    'aria-label'?: string\n}\n\n/** @deprecated */\nfunction Loading({\n    className,\n    spinnerColor = '#3F82EF',\n    bgColor = '#D9E6FB',\n    size = 24,\n    'aria-label': ariaLabel = 'Loading',\n}: Props) {\n    return (\n        <div\n            className={classNames('reactist_loading', className)}\n            aria-label={ariaLabel}\n            aria-live=\"assertive\"\n            role=\"alert\"\n        >\n            <span className=\"reactist_loading--spinner\">\n                <svg width={size} height={size} viewBox={'0 0 24 24'}>\n                    <g fill=\"none\" fillRule=\"nonzero\">\n                        <path\n                            fill={spinnerColor}\n                            d=\"M17.945 3.958A9.955 9.955 0 0 0 12 2c-2.19 0-4.217.705-5.865 1.9L5.131 2.16A11.945 11.945 0 0 1 12 0c2.59 0 4.99.82 6.95 2.217l-1.005 1.741z\"\n                        />\n                        <path\n                            fill={bgColor}\n                            d=\"M5.13 2.16L6.136 3.9A9.987 9.987 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.986 9.986 0 0 0-4.055-8.042l1.006-1.741A11.985 11.985 0 0 1 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12c0-4.073 2.029-7.671 5.13-9.84z\"\n                        />\n                    </g>\n                </svg>\n            </span>\n        </div>\n    )\n}\n\nLoading.displayName = 'Loading'\n\nexport { Loading }\n"],"names":["Loading","className","spinnerColor","bgColor","size","ariaLabel","React","classNames","role","width","height","viewBox","fill","fillRule","d","displayName"],"mappings":";;;AAkBA;;AACA,SAASA,OAAT;MACIC,iBAAAA;+BACAC;MAAAA,8CAAe;0BACfC;MAAAA,oCAAU;uBACVC;MAAAA,8BAAO;4BACP;MAAcC,wCAAY;AAE1B,sBACIC,4BAAA,MAAA;AACIL,IAAAA,SAAS,EAAEM,UAAU,CAAC,kBAAD,EAAqBN,SAArB;kBACTI;iBACF;AACVG,IAAAA,IAAI,EAAC;GAJT,eAMIF,4BAAA,OAAA;AAAML,IAAAA,SAAS,EAAC;GAAhB,eACIK,4BAAA,MAAA;AAAKG,IAAAA,KAAK,EAAEL;AAAMM,IAAAA,MAAM,EAAEN;AAAMO,IAAAA,OAAO,EAAE;GAAzC,eACIL,4BAAA,IAAA;AAAGM,IAAAA,IAAI,EAAC;AAAOC,IAAAA,QAAQ,EAAC;GAAxB,eACIP,4BAAA,OAAA;AACIM,IAAAA,IAAI,EAAEV;AACNY,IAAAA,CAAC,EAAC;GAFN,CADJ,eAKIR,4BAAA,OAAA;AACIM,IAAAA,IAAI,EAAET;AACNW,IAAAA,CAAC,EAAC;GAFN,CALJ,CADJ,CADJ,CANJ,CADJ;AAuBH;;AAEDd,OAAO,CAACe,WAAR,GAAsB,SAAtB;;;;"}

package/es/components/{modal/modal.js → deprecated-modal/deprecated-modal.js}

@@ -1,16 +1,18 @@
+import { inheritsLoose as _inheritsLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import classNames from 'classnames';
-import { inheritsLoose as _inheritsLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import ReactDOM from 'react-dom';
 import CloseIcon from '../icons/CloseIcon.svg.js';
 
+/** @deprecated */
+
 var Box = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Box, _React$Component);
 
-  function Box(props, context) {
+  function Box() {
     var _this;
 
-    _this = _React$Component.call(this, props, context) || this;
+    _this = _React$Component.apply(this, arguments) || this;
 
     _this._closeModal = function () {
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
@@ -33,12 +35,15 @@ var Box = /*#__PURE__*/function (_React$Component) {
       }
     };
 
-    window.addEventListener('keydown', _this._handleKeyDown);
     return _this;
   }
 
   var _proto = Box.prototype;
 
+  _proto.componentDidMount = function componentDidMount() {
+    window.addEventListener('keydown', this._handleKeyDown);
+  };
+
   _proto.componentWillUnmount = function componentWillUnmount() {
     window.removeEventListener('keydown', this._handleKeyDown);
   };
@@ -75,6 +80,7 @@ Box.defaultProps = {
   large: false,
   closeOnOverlayClick: false
 };
+/** @deprecated */
 
 var Header = /*#__PURE__*/function (_React$Component2) {
   _inheritsLoose(Header, _React$Component2);
@@ -122,6 +128,7 @@ var Header = /*#__PURE__*/function (_React$Component2) {
 }(React__default.Component);
 
 Header.displayName = 'Modal.Header';
+/** @deprecated */
 
 var Body = /*#__PURE__*/function (_React$Component3) {
   _inheritsLoose(Body, _React$Component3);
@@ -179,6 +186,7 @@ Body.displayName = 'Modal.Body';
 Body.defaultProps = {
   showCloseIcon: false
 };
+/** @deprecated */
 
 var Actions = /*#__PURE__*/function (_React$Component4) {
   _inheritsLoose(Actions, _React$Component4);
@@ -207,7 +215,7 @@ var Actions = /*#__PURE__*/function (_React$Component4) {
     this.props.children, function (child) {
       var _child$props;
 
-      if (child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.close) {
+      if (child !== null && child !== void 0 && (_child$props = child.props) !== null && _child$props !== void 0 && _child$props.close) {
         return /*#__PURE__*/React__default.cloneElement(child, {
           onClick: function onClick() {
             return _this2._onClick(child.props.onClick);
@@ -228,4 +236,4 @@ var Actions = /*#__PURE__*/function (_React$Component4) {
 Actions.displayName = 'Modal.Actions';
 
 export { Actions, Body, Box, Header };
-//# sourceMappingURL=modal.js.map
+//# sourceMappingURL=deprecated-modal.js.map

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

@@ -0,0 +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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"}

package/es/components/{modal → deprecated-modal}/index.js

@@ -1,4 +1,4 @@
-import { Box, Header, Body, Actions } from './modal.js';
+import { Box, Header, Body, Actions } from './deprecated-modal.js';
 
 var index = {
   Box: Box,

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

@@ -0,0 +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;;;;"}

package/es/components/dropdown/dropdown.js

@@ -1,8 +1,10 @@
+import { inheritsLoose as _inheritsLoose, assertThisInitialized as _assertThisInitialized, objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import classNames from 'classnames';
-import { inheritsLoose as _inheritsLoose, assertThisInitialized as _assertThisInitialized, objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import Button from '../button/index.js';
 import ReactDOM from 'react-dom';
+import Button from '../deprecated-button/index.js';
+
+var _excluded = ["children", "onClick", "tooltip", "className"];
 
 var Box = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Box, _React$Component);
@@ -154,7 +156,7 @@ var Trigger = /*#__PURE__*/React__default.forwardRef(function Trigger(_ref, ref)
       onClick = _ref.onClick,
       tooltip = _ref.tooltip,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["children", "onClick", "tooltip", "className"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   function handleClick(event) {
     event.preventDefault();

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 '../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","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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"}

package/es/components/key-capturer/key-capturer.js

@@ -1,5 +1,5 @@
-import React__default, { useRef } from 'react';
 import { objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { useRef } from 'react';
 
 var SUPPORTED_KEYS = {
   ARROW_UP: 'ArrowUp',

package/es/components/key-capturer/key-capturer.js.map

@@ -1 +1 @@
-{"version":3,"file":"key-capturer.js","sources":["../../../src/components/key-capturer/key-capturer.tsx"],"sourcesContent":["import React, { useRef } from 'react'\n\ntype Key = 'ArrowUp' | 'ArrowRight' | 'ArrowDown' | 'ArrowLeft' | 'Enter' | 'Backspace' | 'Escape'\n\nconst SUPPORTED_KEYS: Record<string, Key> = {\n    ARROW_UP: 'ArrowUp',\n    ARROW_RIGHT: 'ArrowRight',\n    ARROW_DOWN: 'ArrowDown',\n    ARROW_LEFT: 'ArrowLeft',\n    ENTER: 'Enter',\n    BACKSPACE: 'Backspace',\n    ESCAPE: 'Escape',\n}\n\nconst KeyCapturerResolver = {\n    resolveByKey(eventKey: string): Key | null {\n        switch (eventKey) {\n            case 'Left': // IE specific\n            case 'ArrowLeft': {\n                return 'ArrowLeft'\n            }\n            case 'Up': // IE specific\n            case 'ArrowUp': {\n                return 'ArrowUp'\n            }\n            case 'Right': // IE specific\n            case 'ArrowRight': {\n                return 'ArrowRight'\n            }\n            case 'Down': // IE specific\n            case 'ArrowDown': {\n                return 'ArrowDown'\n            }\n            case 'Enter': {\n                return 'Enter'\n            }\n            case 'Backspace': {\n                return 'Backspace'\n            }\n            case 'Esc': // IE specific\n            case 'Escape': {\n                return 'Escape'\n            }\n            default: {\n                return null\n            }\n        }\n    },\n\n    resolveByKeyCode(keyCode: number): Key | null {\n        switch (keyCode) {\n            case 37: {\n                return 'ArrowLeft'\n            }\n            case 38: {\n                return 'ArrowUp'\n            }\n            case 39: {\n                return 'ArrowRight'\n            }\n            case 40: {\n                return 'ArrowDown'\n            }\n            case 13: {\n                return 'Enter'\n            }\n            case 8: {\n                return 'Backspace'\n            }\n            case 27: {\n                return 'Escape'\n            }\n            default: {\n                return null\n            }\n        }\n    },\n}\n\ntype EventHandler = (event: React.SyntheticEvent) => void\n\ntype EventHandlerProps = {\n    onArrowUp?: EventHandler\n    onArrowDown?: EventHandler\n    onArrowLeft?: EventHandler\n    onArrowRight?: EventHandler\n    onEnter?: EventHandler\n    onBackspace?: EventHandler\n    onEscape?: EventHandler\n}\n\ntype PropagateProps = {\n    propagateArrowUp?: boolean\n    propagateArrowDown?: boolean\n    propagateArrowLeft?: boolean\n    propagateArrowRight?: boolean\n    propagateEnter?: boolean\n    propagateBackspace?: boolean\n    propagateEscape?: boolean\n}\n\nconst keyEventHandlerMapping: Record<Key, keyof EventHandlerProps> = {\n    ArrowUp: 'onArrowUp',\n    ArrowDown: 'onArrowDown',\n    ArrowLeft: 'onArrowLeft',\n    ArrowRight: 'onArrowRight',\n    Enter: 'onEnter',\n    Backspace: 'onBackspace',\n    Escape: 'onEscape',\n}\n\nconst keyPropagatePropMapping: Record<Key, keyof PropagateProps> = {\n    ArrowUp: 'propagateArrowUp',\n    ArrowDown: 'propagateArrowDown',\n    ArrowLeft: 'propagateArrowLeft',\n    ArrowRight: 'propagateArrowRight',\n    Enter: 'propagateEnter',\n    Backspace: 'propagateBackspace',\n    Escape: 'propagateEscape',\n}\n\ntype KeyCapturerProps = EventHandlerProps &\n    PropagateProps & {\n        eventName?: 'onKeyDown' | 'onKeyDownCapture' | 'onKeyUp' | 'onKeyUpCapture'\n        children: React.ReactElement<unknown>\n    }\n\n/**\n * Use this component to wrap anything you want to handle key events for (e.g. an input).\n * You can specify the `eventName` to capture (defaults to `onKeyDown`).\n * Check the SUPPORTED_KEYS map to see which keys are supported and supply the respective\n * `on${Key}` prop (i.e. `onEnter` or `onArrowDown`).\n * If you want the default behaviour to be preserved (i.e. only want to hook into the event\n * instead of replacing it) set the `propagate${Key}` prop (e.g. propagateBackspace).\n */\nfunction KeyCapturer(props: KeyCapturerProps) {\n    const { children, eventName = 'onKeyDown' } = props\n    const composingRef = useRef(false)\n    const composingEventHandlers = props.onEnter\n        ? {\n              onCompositionStart: () => {\n                  composingRef.current = true\n              },\n              onCompositionEnd: () => {\n                  composingRef.current = false\n              },\n          }\n        : undefined\n\n    function handleKeyEvent(event: React.KeyboardEvent<HTMLInputElement>) {\n        // https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode\n        const key =\n            event.key !== undefined\n                ? KeyCapturerResolver.resolveByKey(event.key)\n                : KeyCapturerResolver.resolveByKeyCode(event.keyCode)\n\n        if (!key) return\n        const propagateEvent = props[keyPropagatePropMapping[key]] || false\n        const eventHandler = props[keyEventHandlerMapping[key]]\n\n        if (key === 'Enter' && eventHandler) {\n            if (\n                composingRef.current ||\n                // Safari fires the onCompositionEnd event before the keydown event, so we\n                // have to rely on the 229 keycode, which is Enter when fired from an IME\n                // https://www.w3.org/TR/uievents/#determine-keydown-keyup-keyCode\n                (event.keyCode || event.which) === 229\n            ) {\n                return\n            }\n        }\n\n        if (eventHandler) {\n            eventHandler(event)\n            if (!propagateEvent) {\n                event.preventDefault()\n                event.stopPropagation()\n            }\n        }\n    }\n\n    return React.cloneElement(children, {\n        [eventName]: handleKeyEvent,\n        ...composingEventHandlers,\n    })\n}\n\nexport { KeyCapturer, KeyCapturerResolver, SUPPORTED_KEYS }\n"],"names":["SUPPORTED_KEYS","ARROW_UP","ARROW_RIGHT","ARROW_DOWN","ARROW_LEFT","ENTER","BACKSPACE","ESCAPE","KeyCapturerResolver","resolveByKey","eventKey","resolveByKeyCode","keyCode","keyEventHandlerMapping","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Enter","Backspace","Escape","keyPropagatePropMapping","KeyCapturer","props","children","eventName","composingRef","useRef","composingEventHandlers","onEnter","onCompositionStart","current","onCompositionEnd","undefined","handleKeyEvent","event","key","propagateEvent","eventHandler","which","preventDefault","stopPropagation","React","cloneElement"],"mappings":"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"}
+{"version":3,"file":"key-capturer.js","sources":["../../../src/components/key-capturer/key-capturer.tsx"],"sourcesContent":["import React, { useRef } from 'react'\n\ntype Key = 'ArrowUp' | 'ArrowRight' | 'ArrowDown' | 'ArrowLeft' | 'Enter' | 'Backspace' | 'Escape'\n\nconst SUPPORTED_KEYS: Record<string, Key> = {\n    ARROW_UP: 'ArrowUp',\n    ARROW_RIGHT: 'ArrowRight',\n    ARROW_DOWN: 'ArrowDown',\n    ARROW_LEFT: 'ArrowLeft',\n    ENTER: 'Enter',\n    BACKSPACE: 'Backspace',\n    ESCAPE: 'Escape',\n}\n\nconst KeyCapturerResolver = {\n    resolveByKey(eventKey: string): Key | null {\n        switch (eventKey) {\n            case 'Left': // IE specific\n            case 'ArrowLeft': {\n                return 'ArrowLeft'\n            }\n            case 'Up': // IE specific\n            case 'ArrowUp': {\n                return 'ArrowUp'\n            }\n            case 'Right': // IE specific\n            case 'ArrowRight': {\n                return 'ArrowRight'\n            }\n            case 'Down': // IE specific\n            case 'ArrowDown': {\n                return 'ArrowDown'\n            }\n            case 'Enter': {\n                return 'Enter'\n            }\n            case 'Backspace': {\n                return 'Backspace'\n            }\n            case 'Esc': // IE specific\n            case 'Escape': {\n                return 'Escape'\n            }\n            default: {\n                return null\n            }\n        }\n    },\n\n    resolveByKeyCode(keyCode: number): Key | null {\n        switch (keyCode) {\n            case 37: {\n                return 'ArrowLeft'\n            }\n            case 38: {\n                return 'ArrowUp'\n            }\n            case 39: {\n                return 'ArrowRight'\n            }\n            case 40: {\n                return 'ArrowDown'\n            }\n            case 13: {\n                return 'Enter'\n            }\n            case 8: {\n                return 'Backspace'\n            }\n            case 27: {\n                return 'Escape'\n            }\n            default: {\n                return null\n            }\n        }\n    },\n}\n\ntype EventHandler = (event: React.SyntheticEvent) => void\n\ntype EventHandlerProps = {\n    onArrowUp?: EventHandler\n    onArrowDown?: EventHandler\n    onArrowLeft?: EventHandler\n    onArrowRight?: EventHandler\n    onEnter?: EventHandler\n    onBackspace?: EventHandler\n    onEscape?: EventHandler\n}\n\ntype PropagateProps = {\n    propagateArrowUp?: boolean\n    propagateArrowDown?: boolean\n    propagateArrowLeft?: boolean\n    propagateArrowRight?: boolean\n    propagateEnter?: boolean\n    propagateBackspace?: boolean\n    propagateEscape?: boolean\n}\n\nconst keyEventHandlerMapping: Record<Key, keyof EventHandlerProps> = {\n    ArrowUp: 'onArrowUp',\n    ArrowDown: 'onArrowDown',\n    ArrowLeft: 'onArrowLeft',\n    ArrowRight: 'onArrowRight',\n    Enter: 'onEnter',\n    Backspace: 'onBackspace',\n    Escape: 'onEscape',\n}\n\nconst keyPropagatePropMapping: Record<Key, keyof PropagateProps> = {\n    ArrowUp: 'propagateArrowUp',\n    ArrowDown: 'propagateArrowDown',\n    ArrowLeft: 'propagateArrowLeft',\n    ArrowRight: 'propagateArrowRight',\n    Enter: 'propagateEnter',\n    Backspace: 'propagateBackspace',\n    Escape: 'propagateEscape',\n}\n\ntype KeyCapturerProps = EventHandlerProps &\n    PropagateProps & {\n        eventName?: 'onKeyDown' | 'onKeyDownCapture' | 'onKeyUp' | 'onKeyUpCapture'\n        children: React.ReactElement<unknown>\n    }\n\n/**\n * Use this component to wrap anything you want to handle key events for (e.g. an input).\n * You can specify the `eventName` to capture (defaults to `onKeyDown`).\n * Check the SUPPORTED_KEYS map to see which keys are supported and supply the respective\n * `on${Key}` prop (i.e. `onEnter` or `onArrowDown`).\n * If you want the default behaviour to be preserved (i.e. only want to hook into the event\n * instead of replacing it) set the `propagate${Key}` prop (e.g. propagateBackspace).\n */\nfunction KeyCapturer(props: KeyCapturerProps) {\n    const { children, eventName = 'onKeyDown' } = props\n    const composingRef = useRef(false)\n    const composingEventHandlers = props.onEnter\n        ? {\n              onCompositionStart: () => {\n                  composingRef.current = true\n              },\n              onCompositionEnd: () => {\n                  composingRef.current = false\n              },\n          }\n        : undefined\n\n    function handleKeyEvent(event: React.KeyboardEvent<HTMLInputElement>) {\n        // https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode\n        const key =\n            event.key !== undefined\n                ? KeyCapturerResolver.resolveByKey(event.key)\n                : KeyCapturerResolver.resolveByKeyCode(event.keyCode)\n\n        if (!key) return\n        const propagateEvent = props[keyPropagatePropMapping[key]] || false\n        const eventHandler = props[keyEventHandlerMapping[key]]\n\n        if (key === 'Enter' && eventHandler) {\n            if (\n                composingRef.current ||\n                // Safari fires the onCompositionEnd event before the keydown event, so we\n                // have to rely on the 229 keycode, which is Enter when fired from an IME\n                // https://www.w3.org/TR/uievents/#determine-keydown-keyup-keyCode\n                (event.keyCode || event.which) === 229\n            ) {\n                return\n            }\n        }\n\n        if (eventHandler) {\n            eventHandler(event)\n            if (!propagateEvent) {\n                event.preventDefault()\n                event.stopPropagation()\n            }\n        }\n    }\n\n    return React.cloneElement(children, {\n        [eventName]: handleKeyEvent,\n        ...composingEventHandlers,\n    })\n}\n\nexport { KeyCapturer, KeyCapturerResolver, SUPPORTED_KEYS }\n"],"names":["SUPPORTED_KEYS","ARROW_UP","ARROW_RIGHT","ARROW_DOWN","ARROW_LEFT","ENTER","BACKSPACE","ESCAPE","KeyCapturerResolver","resolveByKey","eventKey","resolveByKeyCode","keyCode","keyEventHandlerMapping","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Enter","Backspace","Escape","keyPropagatePropMapping","KeyCapturer","props","children","eventName","composingRef","useRef","composingEventHandlers","onEnter","onCompositionStart","current","onCompositionEnd","undefined","handleKeyEvent","event","key","propagateEvent","eventHandler","which","preventDefault","stopPropagation","React","cloneElement"],"mappings":"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"}

package/es/components/keyboard-shortcut/keyboard-shortcut.js

@@ -1,7 +1,8 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { createElement, Fragment } from 'react';
 import classNames from 'classnames';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 
+var _excluded = ["children", "className", "translateKey", "isMac"];
 // Support for setting up how to translate modifiers globally.
 //
 
@@ -85,7 +86,7 @@ function KeyboardShortcut(_ref) {
       translateKey = _ref$translateKey === void 0 ? globalTranslateKey : _ref$translateKey,
       _ref$isMac = _ref.isMac,
       isMac = _ref$isMac === void 0 ? (_navigator$platform$t = (_navigator$platform = navigator.platform) === null || _navigator$platform === void 0 ? void 0 : _navigator$platform.toUpperCase().includes('MAC')) !== null && _navigator$platform$t !== void 0 ? _navigator$platform$t : false : _ref$isMac,
-      props = _objectWithoutPropertiesLoose(_ref, ["children", "className", "translateKey", "isMac"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var shortcuts = typeof children === 'string' ? [children] : children;
   return /*#__PURE__*/createElement("span", Object.assign({

package/es/components/keyboard-shortcut/keyboard-shortcut.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard-shortcut.js","sources":["../../../src/components/keyboard-shortcut/keyboard-shortcut.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\n\n//\n// Support for setting up how to translate modifiers globally.\n//\n\nlet globalTranslateKey = (key: string) => key\n\ntype TranslateKey = typeof globalTranslateKey\n\nKeyboardShortcut.setTranslateKey = (tr: TranslateKey) => {\n    globalTranslateKey = tr\n}\n\nfunction translateKeyMac(key: string) {\n    switch (key.toLowerCase()) {\n        case 'cmd':\n        case 'mod':\n            return '⌘'\n        case 'control':\n        case 'ctrl':\n            return '⌃'\n        case 'alt':\n            return '⌥'\n        case 'shift':\n            return '⇧'\n        case 'space':\n            return '␣'\n        default:\n            return key\n    }\n}\n\n//\n// Some helpers\n//\n\nfunction capitalize(str: string) {\n    return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase()\n}\n\nfunction hasModifiers(str: string) {\n    return /\\b(mod|cmd|ctrl|control|alt|shift)\\b/i.test(str)\n}\n\nfunction isSpecialKey(str: string) {\n    return /^(mod|cmd|ctrl|control|alt|shift|space|super)$/i.test(str)\n}\n\nfunction parseKeys(shortcut: string, isMac: boolean, translateKey: TranslateKey) {\n    const t = isMac ? translateKeyMac : translateKey\n    const _hasModifiers = hasModifiers(shortcut)\n\n    function mapIndividualKey(str: string) {\n        if (isSpecialKey(str)) {\n            return capitalize(t(str))\n        }\n        if (_hasModifiers && str.length === 1) {\n            return str.toUpperCase()\n        }\n        return str\n    }\n\n    if (!isMac) {\n        shortcut = shortcut.replace(/\\b(mod|cmd)\\b/i, 'ctrl')\n    }\n\n    return shortcut.split(/\\s*\\+\\s*/).map(mapIndividualKey)\n}\n\n//\n// The KeyboardShortcut component\n//\n\ntype NativeSpanProps = React.DetailedHTMLProps<\n    React.HTMLAttributes<HTMLSpanElement>,\n    HTMLSpanElement\n>\n\ntype Props = Omit<NativeSpanProps, 'children'> & {\n    /**\n     * The shortcut to be represented as markup. It supports an intuitive syntax where you can\n     * combine modifiers (cmd, ctrl, shift, alt) with single keys all concatenated with plus signs.\n     * You can also pass various shortcuts as an array, which will be depicted separated by commas.\n     */\n    children: string | string[]\n    /**\n     * A function that allows you to change how some key names are represented. This may be useful,\n     * for instance, to translate modifier names that are expressed differently in other languages\n     * (e.g. `Ctrl` is named `Strg` in German).\n     *\n     * It defaults to a global version that leaves the key as is. You can pass your version as a\n     * prop, or you can also set your own version of this global default one, so you don't need to\n     * pass your own on each invocation of this component.\n     *\n     * ```js\n     * import { KeyboardShortcut } from '@doist/reactist'\n     * KeyboardShortcut.setTranslateKey = key => { ... }\n     * ```\n     *\n     * Note: When the component detects the macOS operating system it bypasses key translation for\n     * most modifiers and uses macOS-specific symbols. See the `isMac` prop for details.\n     */\n    translateKey?: TranslateKey\n    /**\n     * This prop is not meant to be passed. The component will automatically initialize it to `true`\n     * if it detects that the current browser / operating system is on macOS, in which case modifier\n     * keys are represented using macOS' notation (e.g. ⌘ ⌃ ⌥ ⇧).\n     *\n     * Though it is discouraged, if you don't want this special treatment in macOS, you can pass\n     * `isMac={false}` in all invocations of this component.\n     */\n    isMac?: boolean\n}\n\nfunction KeyboardShortcut({\n    children,\n    className,\n    translateKey = globalTranslateKey,\n    isMac = navigator.platform?.toUpperCase().includes('MAC') ?? false,\n    ...props\n}: Props) {\n    const shortcuts = typeof children === 'string' ? [children] : children\n    return (\n        <span\n            className={classNames('reactist_keyboard_shortcut', className, {\n                'reactist_keyboard_shortcut--macos': isMac,\n            })}\n            {...props}\n        >\n            {shortcuts.map((shortcut, i) => (\n                <React.Fragment key={i}>\n                    {i === 0 ? null : ', '}\n                    <kbd>\n                        {parseKeys(shortcut, isMac, translateKey).map((key, j) => (\n                            <kbd key={j}>{key}</kbd>\n                        ))}\n                    </kbd>\n                </React.Fragment>\n            ))}\n        </span>\n    )\n}\n\nexport { KeyboardShortcut }\n"],"names":["globalTranslateKey","key","KeyboardShortcut","setTranslateKey","tr","translateKeyMac","toLowerCase","capitalize","str","charAt","toUpperCase","slice","hasModifiers","test","isSpecialKey","parseKeys","shortcut","isMac","translateKey","t","_hasModifiers","mapIndividualKey","length","replace","split","map","children","className","navigator","platform","includes","props","shortcuts","React","classNames","i","j"],"mappings":"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"}
+{"version":3,"file":"keyboard-shortcut.js","sources":["../../../src/components/keyboard-shortcut/keyboard-shortcut.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\n\n//\n// Support for setting up how to translate modifiers globally.\n//\n\nlet globalTranslateKey = (key: string) => key\n\ntype TranslateKey = typeof globalTranslateKey\n\nKeyboardShortcut.setTranslateKey = (tr: TranslateKey) => {\n    globalTranslateKey = tr\n}\n\nfunction translateKeyMac(key: string) {\n    switch (key.toLowerCase()) {\n        case 'cmd':\n        case 'mod':\n            return '⌘'\n        case 'control':\n        case 'ctrl':\n            return '⌃'\n        case 'alt':\n            return '⌥'\n        case 'shift':\n            return '⇧'\n        case 'space':\n            return '␣'\n        default:\n            return key\n    }\n}\n\n//\n// Some helpers\n//\n\nfunction capitalize(str: string) {\n    return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase()\n}\n\nfunction hasModifiers(str: string) {\n    return /\\b(mod|cmd|ctrl|control|alt|shift)\\b/i.test(str)\n}\n\nfunction isSpecialKey(str: string) {\n    return /^(mod|cmd|ctrl|control|alt|shift|space|super)$/i.test(str)\n}\n\nfunction parseKeys(shortcut: string, isMac: boolean, translateKey: TranslateKey) {\n    const t = isMac ? translateKeyMac : translateKey\n    const _hasModifiers = hasModifiers(shortcut)\n\n    function mapIndividualKey(str: string) {\n        if (isSpecialKey(str)) {\n            return capitalize(t(str))\n        }\n        if (_hasModifiers && str.length === 1) {\n            return str.toUpperCase()\n        }\n        return str\n    }\n\n    if (!isMac) {\n        shortcut = shortcut.replace(/\\b(mod|cmd)\\b/i, 'ctrl')\n    }\n\n    return shortcut.split(/\\s*\\+\\s*/).map(mapIndividualKey)\n}\n\n//\n// The KeyboardShortcut component\n//\n\ntype NativeSpanProps = React.DetailedHTMLProps<\n    React.HTMLAttributes<HTMLSpanElement>,\n    HTMLSpanElement\n>\n\ntype Props = Omit<NativeSpanProps, 'children'> & {\n    /**\n     * The shortcut to be represented as markup. It supports an intuitive syntax where you can\n     * combine modifiers (cmd, ctrl, shift, alt) with single keys all concatenated with plus signs.\n     * You can also pass various shortcuts as an array, which will be depicted separated by commas.\n     */\n    children: string | string[]\n    /**\n     * A function that allows you to change how some key names are represented. This may be useful,\n     * for instance, to translate modifier names that are expressed differently in other languages\n     * (e.g. `Ctrl` is named `Strg` in German).\n     *\n     * It defaults to a global version that leaves the key as is. You can pass your version as a\n     * prop, or you can also set your own version of this global default one, so you don't need to\n     * pass your own on each invocation of this component.\n     *\n     * ```js\n     * import { KeyboardShortcut } from '@doist/reactist'\n     * KeyboardShortcut.setTranslateKey = key => { ... }\n     * ```\n     *\n     * Note: When the component detects the macOS operating system it bypasses key translation for\n     * most modifiers and uses macOS-specific symbols. See the `isMac` prop for details.\n     */\n    translateKey?: TranslateKey\n    /**\n     * This prop is not meant to be passed. The component will automatically initialize it to `true`\n     * if it detects that the current browser / operating system is on macOS, in which case modifier\n     * keys are represented using macOS' notation (e.g. ⌘ ⌃ ⌥ ⇧).\n     *\n     * Though it is discouraged, if you don't want this special treatment in macOS, you can pass\n     * `isMac={false}` in all invocations of this component.\n     */\n    isMac?: boolean\n}\n\nfunction KeyboardShortcut({\n    children,\n    className,\n    translateKey = globalTranslateKey,\n    isMac = navigator.platform?.toUpperCase().includes('MAC') ?? false,\n    ...props\n}: Props) {\n    const shortcuts = typeof children === 'string' ? [children] : children\n    return (\n        <span\n            className={classNames('reactist_keyboard_shortcut', className, {\n                'reactist_keyboard_shortcut--macos': isMac,\n            })}\n            {...props}\n        >\n            {shortcuts.map((shortcut, i) => (\n                <React.Fragment key={i}>\n                    {i === 0 ? null : ', '}\n                    <kbd>\n                        {parseKeys(shortcut, isMac, translateKey).map((key, j) => (\n                            <kbd key={j}>{key}</kbd>\n                        ))}\n                    </kbd>\n                </React.Fragment>\n            ))}\n        </span>\n    )\n}\n\nexport { KeyboardShortcut }\n"],"names":["globalTranslateKey","key","KeyboardShortcut","setTranslateKey","tr","translateKeyMac","toLowerCase","capitalize","str","charAt","toUpperCase","slice","hasModifiers","test","isSpecialKey","parseKeys","shortcut","isMac","translateKey","t","_hasModifiers","mapIndividualKey","length","replace","split","map","children","className","navigator","platform","includes","props","shortcuts","React","classNames","i","j"],"mappings":";;;;;AAIA;AACA;;AAEA,IAAIA,kBAAkB,GAAG,4BAACC,GAAD;AAAA,SAAiBA,GAAjB;AAAA,CAAzB;;AAIAC,gBAAgB,CAACC,eAAjB,GAAmC,UAACC,EAAD;AAC/BJ,EAAAA,kBAAkB,GAAGI,EAArB;AACH,CAFD;;AAIA,SAASC,eAAT,CAAyBJ,GAAzB;AACI,UAAQA,GAAG,CAACK,WAAJ,EAAR;AACI,SAAK,KAAL;AACA,SAAK,KAAL;AACI,aAAO,GAAP;;AACJ,SAAK,SAAL;AACA,SAAK,MAAL;AACI,aAAO,GAAP;;AACJ,SAAK,KAAL;AACI,aAAO,GAAP;;AACJ,SAAK,OAAL;AACI,aAAO,GAAP;;AACJ,SAAK,OAAL;AACI,aAAO,GAAP;;AACJ;AACI,aAAOL,GAAP;AAdR;AAgBH;AAGD;AACA;;;AAEA,SAASM,UAAT,CAAoBC,GAApB;AACI,SAAOA,GAAG,CAACC,MAAJ,CAAW,CAAX,EAAcC,WAAd,KAA8BF,GAAG,CAACG,KAAJ,CAAU,CAAV,EAAaL,WAAb,EAArC;AACH;;AAED,SAASM,YAAT,CAAsBJ,GAAtB;AACI,SAAO,wCAAwCK,IAAxC,CAA6CL,GAA7C,CAAP;AACH;;AAED,SAASM,YAAT,CAAsBN,GAAtB;AACI,SAAO,kDAAkDK,IAAlD,CAAuDL,GAAvD,CAAP;AACH;;AAED,SAASO,SAAT,CAAmBC,QAAnB,EAAqCC,KAArC,EAAqDC,YAArD;AACI,MAAMC,CAAC,GAAGF,KAAK,GAAGZ,eAAH,GAAqBa,YAApC;;AACA,MAAME,aAAa,GAAGR,YAAY,CAACI,QAAD,CAAlC;;AAEA,WAASK,gBAAT,CAA0Bb,GAA1B;AACI,QAAIM,YAAY,CAACN,GAAD,CAAhB,EAAuB;AACnB,aAAOD,UAAU,CAACY,CAAC,CAACX,GAAD,CAAF,CAAjB;AACH;;AACD,QAAIY,aAAa,IAAIZ,GAAG,CAACc,MAAJ,KAAe,CAApC,EAAuC;AACnC,aAAOd,GAAG,CAACE,WAAJ,EAAP;AACH;;AACD,WAAOF,GAAP;AACH;;AAED,MAAI,CAACS,KAAL,EAAY;AACRD,IAAAA,QAAQ,GAAGA,QAAQ,CAACO,OAAT,CAAiB,gBAAjB,EAAmC,MAAnC,CAAX;AACH;;AAED,SAAOP,QAAQ,CAACQ,KAAT,CAAe,UAAf,EAA2BC,GAA3B,CAA+BJ,gBAA/B,CAAP;AACH;;AA+CD,SAASnB,gBAAT;;;MACIwB,gBAAAA;MACAC,iBAAAA;+BACAT;MAAAA,8CAAelB;wBACfiB;MAAAA,gFAAQW,SAAS,CAACC,gEAAV,oBAAoBnB,WAApB,GAAkCoB,QAAlC,CAA2C,KAA3C,0EAAqD;MAC1DC;;AAEH,MAAMC,SAAS,GAAG,OAAON,QAAP,KAAoB,QAApB,GAA+B,CAACA,QAAD,CAA/B,GAA4CA,QAA9D;AACA,sBACIO,aAAA,OAAA;AACIN,IAAAA,SAAS,EAAEO,UAAU,CAAC,4BAAD,EAA+BP,SAA/B,EAA0C;AAC3D,2CAAqCV;AADsB,KAA1C;KAGjBc,MAJR,EAMKC,SAAS,CAACP,GAAV,CAAc,UAACT,QAAD,EAAWmB,CAAX;AAAA,wBACXF,aAAA,CAACA,QAAD;AAAgBhC,MAAAA,GAAG,EAAEkC;KAArB,EACKA,CAAC,KAAK,CAAN,GAAU,IAAV,GAAiB,IADtB,eAEIF,aAAA,MAAA,MAAA,EACKlB,SAAS,CAACC,QAAD,EAAWC,KAAX,EAAkBC,YAAlB,CAAT,CAAyCO,GAAzC,CAA6C,UAACxB,GAAD,EAAMmC,CAAN;AAAA,0BAC1CH,aAAA,MAAA;AAAKhC,QAAAA,GAAG,EAAEmC;OAAV,EAAcnC,GAAd,CAD0C;AAAA,KAA7C,CADL,CAFJ,CADW;AAAA,GAAd,CANL,CADJ;AAmBH;;;;"}