npm - @doist/reactist - Versions diffs - 10.0.0-beta.10 → 10.0.0-beta.12 - Mend

@doist/reactist 10.0.0-beta.10 → 10.0.0-beta.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (157) hide show

package/es/_virtual/_rollupPluginBabelHelpers.js CHANGED Viewed

@@ -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 CHANGED Viewed

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

package/es/components/deprecated-button/deprecated-button.js CHANGED Viewed

@@ -3,6 +3,7 @@ import React__default from 'react';
 import classNames from 'classnames';
 import { Tooltip } from '../tooltip/tooltip.js';
+var _excluded = ["type", "variant", "size", "loading", "disabled", "tooltip", "onClick", "children"];
 /**
  * @deprecated
  */
@@ -20,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

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

	@@ -1 +1 @@
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;;;;"}
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/deprecated-modal/deprecated-modal.js CHANGED Viewed

@@ -215,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);

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

	@@ -1 +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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"}
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/dropdown/dropdown.js CHANGED Viewed

@@ -4,6 +4,8 @@ import classNames from 'classnames';
 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 CHANGED Viewed

	@@ -1 +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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"}
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":";;;;;;;;IA2BMA;;;AAGF,eAAYC,KAAZ,EAA6BC,OAA7B;;;AACI,wCAAMD,KAAN,EAAaC,OAAb;;AAiBJ,6BAAA,GAAsB,UAACC,KAAD;AAClB,UAAMC,eAAe,GAAGC,QAAQ,CAACC,WAAT,+BAAxB;AAEA,UAAIF,eAAe,IAAI,CAACA,eAAe,CAACG,QAAhB,CAAyBJ,KAAK,CAACK,MAA/B,CAAxB,EACI,MAAKC,eAAL,GADJ,KAEK,IAAI,CAAC,MAAKR,KAAL,CAAWS,qBAAhB,EAAuC;AACxC;AACA,cAAKC,QAAL,GAAgBC,UAAU,CAAC;AACvB,cAAI,MAAKC,KAAL,CAAWC,QAAf,EAAyB;AACrB,kBAAKL,eAAL;AACH;AACJ,SAJyB,EAIvB,GAJuB,CAA1B;AAKH;AACJ,KAbD;;AAeA,yBAAA,GAAkB;AACd,UAAI,CAAC,MAAKI,KAAL,CAAWC,QAAhB,EAA0B;AACtB;AACA,YAAI,MAAKb,KAAL,CAAWc,UAAf,EAA2B,MAAKd,KAAL,CAAWc,UAAX;AAC3BC,QAAAA,QAAQ,CAACC,gBAAT,CAA0B,OAA1B,EAAmC,MAAKC,mBAAxC,EAA6D,IAA7D;AACH,OAJD,MAIO;AACH;AACA,YAAI,MAAKjB,KAAL,CAAWkB,UAAf,EAA2B,MAAKlB,KAAL,CAAWkB,UAAX;AAC3BH,QAAAA,QAAQ,CAACI,mBAAT,CAA6B,OAA7B,EAAsC,MAAKF,mBAA3C,EAAgE,IAAhE;AACH;;AAED,YAAKG,QAAL,CAAc;AACVP,QAAAA,QAAQ,EAAE,CAAC,MAAKD,KAAL,CAAWC;AADZ,OAAd;AAGH,KAdD;;;AAwBA,sBAAA,GAAe,UAACQ,IAAD;AACX,UAAIA,IAAJ,EAAU;AACN,YAAMC,eAAe,GAAGP,QAAQ,CAACQ,cAAT,CACpB,MAAKvB,KAAL,CAAWwB,gBAAX,GAA8B,MAAKxB,KAAL,CAAWwB,gBAAzC,GAA4D,EADxC,CAAxB;;AAIA,YAAIF,eAAJ,EAAqB;AACjB,cAAMG,QAAQ,GAAGrB,QAAQ,CAACC,WAAT,+BAAjB;;AACA,cAAI,CAACoB,QAAL,EAAe;AACX;AACH;;AACD,cAAMC,wBAAwB,GAAItB,QAAQ,CAACC,WAAT,gCAC7BsB,SADL;AAEA,cAAMC,eAAe,GAAIH,QAAoB,CAACI,aAArB,CAAmC,UAAnC,CAAzB;;AACA,cAAI,CAACD,eAAL,EAAsB;AAClB;AACH;;AACD,cAAME,qBAAqB,GAAGF,eAAe,CAACG,YAA9C;AACA,cAAMC,kBAAkB,GAAGX,IAAI,CAACU,YAAhC;AAEA,cAAME,qBAAqB,GAAGX,eAAe,CAACS,YAA9C;AACA,cAAMG,qBAAqB,GAAGZ,eAAe,CAACa,SAA9C;AAEA,cAAMC,YAAY,GACdH,qBAAqB,GACrBC,qBADA,GAEAR,wBAFA,GAGAI,qBAJJ;AAMA,cAAMO,GAAG,GAAGD,YAAY,GAAGJ,kBAA3B;;AAEA,cAAIK,GAAG,KAAK,MAAKzB,KAAL,CAAWyB,GAAvB,EAA4B;AACxB,kBAAKjB,QAAL,CAAc;AAAEiB,cAAAA,GAAG,EAAHA;AAAF,aAAd;AACH;AACJ;AACJ;AACJ,KApCD;;AAvDI,UAAKzB,KAAL,GAAa;AACTC,MAAAA,QAAQ,EAAE,KADD;AAETwB,MAAAA,GAAG,EAAErC,KAAK,CAACqC,GAAN,IAAa;AAFT,KAAb;AAKA,UAAK3B,QAAL,GAAgB4B,SAAhB;;AACH;;;;SAEDC,uBAAA;AACIxB,IAAAA,QAAQ,CAACI,mBAAT,CAA6B,OAA7B,EAAsC,KAAKF,mBAA3C,EAAgE,IAAhE;;AACA,QAAI,KAAKP,QAAT,EAAmB;AACf8B,MAAAA,YAAY,CAAC,KAAK9B,QAAN,CAAZ;AACH;AACJ;;SAkCD+B,uBAAA;;;AACI,QAAMC,QAAQ,2BAAG,KAAK1C,KAAL,CAAW2C,QAAd,yDAAG,qBAAsB,CAAtB,CAAjB;;AACA,WAAOD,QAAQ,gBACTE,cAAK,CAACC,YAAN,CAAmBH,QAAnB,EAA6B;AAAEI,MAAAA,OAAO,EAAE,KAAKtC;AAAhB,KAA7B,CADS,GAET8B,SAFN;AAGH;;SAyCDS,oBAAA;AACI,QAAI,CAAC,KAAKnC,KAAL,CAAWC,QAAhB,EAA0B;AACtB,aAAO,IAAP;AACH;;AACD,QAAQwB,GAAR,GAAgB,KAAKzB,KAArB,CAAQyB,GAAR;AACA,sBAAoC,KAAKrC,KAAzC;AAAA,wCAAQgD,KAAR;AAAA,QAAQA,KAAR,kCAAgB,KAAhB;AAAA,QAAuBL,QAAvB,eAAuBA,QAAvB;AACA,QAAM3C,KAAK,GAAG;AAAEqC,MAAAA,GAAG,EAAHA,GAAF;AAAOW,MAAAA,KAAK,EAALA,KAAP;AAAcC,MAAAA,WAAW,EAAE,KAAKC;AAAhC,KAAd;AAEA,QAAMC,SAAS,GAAGC,UAAU,CAAC;AACzBC,MAAAA,YAAY,EAAE,IADW;AAEzBC,MAAAA,UAAU,EAAE,IAFa;AAGzBjB,MAAAA,GAAG,EAAEA,GAHoB;AAIzBkB,MAAAA,MAAM,EAAE,CAAClB;AAJgB,KAAD,CAA5B;AAOA,QAAMhB,IAAI,GAAGsB,QAAH,aAAGA,QAAH,uBAAGA,QAAQ,CAAG,CAAH,CAArB;AAEA,QAAMa,aAAa,GACf,OAAOnC,IAAP,KAAgB,UAAhB,GACMA,IAAI,CAACrB,KAAD,CADV,GAEMqB,IAAI,gBACJuB,cAAK,CAACC,YAAN,CAAmBxB,IAAnB,EAAyBrB,KAAzB,CADI,GAEJsC,SALV;AAMA,wBACIM,4BAAA,MAAA;AAAKO,MAAAA,SAAS,EAAEA;AAAWM,MAAAA,KAAK,EAAE;AAAEC,QAAAA,QAAQ,EAAE;AAAZ;KAAlC,EACKF,aADL,CADJ;AAKH;;SAEDG,SAAA;AACI,QAAMR,SAAS,GAAGC,UAAU,CAAC,mBAAD,EAAsB,KAAKpD,KAAL,CAAWmD,SAAjC,CAA5B;AACA,QAAQd,GAAR,GAAgB,KAAKzB,KAArB,CAAQyB,GAAR;AAEA,wBACIO,4BAAA,MAAA;AAAKa,MAAAA,KAAK,EAAE;AAAEG,QAAAA,OAAO,EAAE;AAAX;AAA6BT,MAAAA,SAAS,EAAEA;KAApD,EACKd,GAAG,IAAI,KAAKU,iBAAL,EADZ,EAEK,KAAKN,oBAAL,EAFL,EAGK,CAACJ,GAAD,IAAQ,KAAKU,iBAAL,EAHb,CADJ;AAOH;;;EA3IaH,cAAK,CAACiB;;AA8IxB9D,GAAG,CAAC+D,WAAJ,GAAkB,cAAlB;AAWA,IAAMC,OAAO,gBAAGnB,cAAK,CAACoB,UAAN,CAAkD,SAASD,OAAT,OAE9DE,GAF8D;MAC5DtB,gBAAAA;MAAUG,eAAAA;MAASoB,eAAAA;MAASf,iBAAAA;MAAcnD;;AAG5C,WAASmE,WAAT,CAAqBjE,KAArB;AACIA,IAAAA,KAAK,CAACkE,cAAN;AACAlE,IAAAA,KAAK,CAACmE,eAAN;AACA,QAAIvB,OAAJ,EAAaA,OAAO,CAAC5C,KAAD,CAAP;AAChB;;AAED,sBACI0C,4BAAA,CAAC0B,MAAD,oBACQtE;AACJmD,IAAAA,SAAS,EAAEC,UAAU,CAAC,SAAD,EAAYD,SAAZ;AACrBL,IAAAA,OAAO,EAAEqB;AACTD,IAAAA,OAAO,EAAEA;AACTD,IAAAA,GAAG,EAAEA;IALT,EAOKtB,QAPL,CADJ;AAWH,CArBe,CAAhB;AAuBAoB,OAAO,CAACD,WAAR,GAAsB,kBAAtB;;AASA,SAASS,IAAT;MAAgBlC,YAAAA;MAAKW,cAAAA;MAAOL,iBAAAA;MAAUM,oBAAAA;AAClC,MAAMQ,KAAK,GAAwB;AAAEC,IAAAA,QAAQ,EAAE,UAAZ;AAAwBV,IAAAA,KAAK,EAAE,CAA/B;AAAkCX,IAAAA,GAAG,EAAE;AAAvC,GAAnC;;AAEA,MAAIA,GAAJ,EAAS;AACLoB,IAAAA,KAAK,CAACpB,GAAN,GAAY,MAAZ;AACAoB,IAAAA,KAAK,CAACF,MAAN,GAAe,CAAf;AACH;;AAED,MAAIP,KAAJ,EAAW;AACPS,IAAAA,KAAK,CAACT,KAAN,GAAc,MAAd;AACAS,IAAAA,KAAK,CAACe,IAAN,GAAa,CAAb;AACH;;AAED,sBACI5B,4BAAA,MAAA;AAAKqB,IAAAA,GAAG,EAAEhB;AAAaQ,IAAAA,KAAK,EAAEA;AAAON,IAAAA,SAAS,EAAC;AAAOsB,IAAAA,EAAE,EAAC;GAAzD,EACK9B,QADL,CADJ;AAKH;;AAED4B,IAAI,CAACT,WAAL,GAAmB,eAAnB;IAEMY,QAAQ,GAAG;AACb3E,EAAAA,GAAG,EAAHA,GADa;AAEbgE,EAAAA,OAAO,EAAPA,OAFa;AAGbQ,EAAAA,IAAI,EAAJA;AAHa;;;;"}

package/es/components/error-message/error-message.js CHANGED Viewed

@@ -16,7 +16,7 @@ var ErrorMessage = /*#__PURE__*/function (_React$Component) {
     _this._triggerDelayedHide = function () {
       _this._clearTimeout();
-      _this.timeout = setTimeout(_this._hide, _this.props.timeout);
+      setTimeout(_this._hide, _this.props.timeout);
     };
     _this._hide = function () {

package/es/components/error-message/error-message.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"error-message.js","sources":["../../../src/components/error-message/error-message.tsx"],"sourcesContent":["import React from 'react'\n\nimport './error-message.less'\n\ntype Props = {\n timeout?: number\n onHide?: () => void\n message?: string\n}\n\ntype State = {\n visible: boolean\n}\n\nclass ErrorMessage extends React.Component<Props, State> {\n public static displayName: string\n public static defaultProps: Props\n\n constructor(props: Props, context: unknown) {\n super(props, context)\n\n const isValidMessage = this._isValidMessage(props.message)\n if (isValidMessage) {\n this._triggerDelayedHide()\n }\n this.state = { visible: isValidMessage }\n }\n\n UNSAFE_componentWillReceiveProps(nextProps: Props) {\n if (this._isValidMessage(nextProps.message)) {\n this.setState(() => ({ visible: true }))\n this._triggerDelayedHide()\n }\n }\n\n timeout?: number\n\n _isValidMessage(message?: string) {\n return typeof message === 'string' && message.length > 0\n }\n\n _clearTimeout = () => {\n this.timeout && clearTimeout(this.timeout)\n }\n\n _triggerDelayedHide = () => {\n this._clearTimeout()\n ~~this.timeout =~~ setTimeout(this._hide, this.props.timeout)\n }\n\n _hide = () => {\n this._clearTimeout()\n this.setState(() => ({ visible: false }))\n this.props.onHide?.()\n }\n\n render() {\n const { message } = this.props\n if (!this.state.visible \|\| !this._isValidMessage(message)) {\n return false\n }\n\n return (\n <div className=\"reactist_error_message\">\n <p>{message}</p>\n <div onClick={this._hide} className=\"dismiss_icon\" />\n </div>\n )\n }\n}\nErrorMessage.displayName = 'ErrorMessage'\nErrorMessage.defaultProps = {\n timeout: 2500,\n}\n\nexport { ErrorMessage }\n"],"names":["ErrorMessage","props","context","timeout","clearTimeout","_clearTimeout","setTimeout","_hide","setState","visible","onHide","isValidMessage","_isValidMessage","message","_triggerDelayedHide","state","UNSAFE_componentWillReceiveProps","nextProps","length","render","React","className","onClick","Component","displayName","defaultProps"],"mappings":";;;IAcMA;;;AAIF,wBAAYC,KAAZ,EAA0BC,OAA1B;;;AACI,wCAAMD,KAAN,EAAaC,OAAb;;AAsBJ,uBAAA,GAAgB;AACZ,YAAKC,OAAL,IAAgBC,YAAY,CAAC,MAAKD,OAAN,CAA5B;AACH,KAFD;;AAIA,6BAAA,GAAsB;AAClB,YAAKE,aAAL;;~~AACA~~,~~YAAKF~~,~~OAAL,GAAeG,~~UAAU,CAAC,MAAKC,KAAN,EAAa,MAAKN,KAAL,CAAWE,OAAxB,~~CAAzB~~;AACH,KAHD;;AAKA,eAAA,GAAQ;;;AACJ,YAAKE,aAAL;;AACA,YAAKG,QAAL,CAAc;AAAA,eAAO;AAAEC,UAAAA,OAAO,EAAE;AAAX,SAAP;AAAA,OAAd;;AACA,iDAAKR,KAAL,EAAWS,MAAX;AACH,KAJD;;AA7BI,QAAMC,cAAc,GAAG,MAAKC,eAAL,CAAqBX,KAAK,CAACY,OAA3B,CAAvB;;AACA,QAAIF,cAAJ,EAAoB;AAChB,YAAKG,mBAAL;AACH;;AACD,UAAKC,KAAL,GAAa;AAAEN,MAAAA,OAAO,EAAEE;AAAX,KAAb;;AACH;;;;SAEDK,mCAAA,0CAAiCC,SAAjC;AACI,QAAI,KAAKL,eAAL,CAAqBK,SAAS,CAACJ,OAA/B,CAAJ,EAA6C;AACzC,WAAKL,QAAL,CAAc;AAAA,eAAO;AAAEC,UAAAA,OAAO,EAAE;AAAX,SAAP;AAAA,OAAd;;AACA,WAAKK,mBAAL;AACH;AACJ;;SAIDF,kBAAA,yBAAgBC,OAAhB;AACI,WAAO,OAAOA,OAAP,KAAmB,QAAnB,IAA+BA,OAAO,CAACK,MAAR,GAAiB,CAAvD;AACH;;SAiBDC,SAAA;~~QACYN~~,~~UAAY~~,KAAKZ,~~MAAjBY~~;;~~AACR~~,QAAI,CAAC,KAAKE,KAAL,CAAWN,OAAZ,IAAuB,CAAC,KAAKG,eAAL,CAAqBC,OAArB,CAA5B,EAA2D;AACvD,aAAO,KAAP;AACH;;AAED,wBACIO,4BAAA,MAAA;AAAKC,MAAAA,SAAS,EAAC;KAAf,eACID,4BAAA,IAAA,MAAA,EAAIP,OAAJ,CADJ,eAEIO,4BAAA,MAAA;AAAKE,MAAAA,OAAO,EAAE,KAAKf;AAAOc,MAAAA,SAAS,EAAC;KAApC,CAFJ,CADJ;AAMH;;;EAtDsBD,cAAK,CAACG;;AAwDjCvB,YAAY,CAACwB,WAAb,GAA2B,cAA3B;AACAxB,YAAY,CAACyB,YAAb,GAA4B;AACxBtB,EAAAA,OAAO,EAAE;AADe,CAA5B;;;;"}
1	+ {"version":3,"file":"error-message.js","sources":["../../../src/components/error-message/error-message.tsx"],"sourcesContent":["import React from 'react'\n\nimport './error-message.less'\n\ntype Props = {\n timeout?: number\n onHide?: () => void\n message?: string\n}\n\ntype State = {\n visible: boolean\n}\n\nclass ErrorMessage extends React.Component<Props, State> {\n public static displayName: string\n public static defaultProps: Props\n\n constructor(props: Props, context: unknown) {\n super(props, context)\n\n const isValidMessage = this._isValidMessage(props.message)\n if (isValidMessage) {\n this._triggerDelayedHide()\n }\n this.state = { visible: isValidMessage }\n }\n\n UNSAFE_componentWillReceiveProps(nextProps: Props) {\n if (this._isValidMessage(nextProps.message)) {\n this.setState(() => ({ visible: true }))\n this._triggerDelayedHide()\n }\n }\n\n timeout?: number\n\n _isValidMessage(message?: string) {\n return typeof message === 'string' && message.length > 0\n }\n\n _clearTimeout = () => {\n this.timeout && clearTimeout(this.timeout)\n }\n\n _triggerDelayedHide = () => {\n this._clearTimeout()\n setTimeout(this._hide, this.props.timeout)\n }\n\n _hide = () => {\n this._clearTimeout()\n this.setState(() => ({ visible: false }))\n this.props.onHide?.()\n }\n\n render() {\n const { message } = this.props\n if (!this.state.visible \|\| !this._isValidMessage(message)) {\n return false\n }\n\n return (\n <div className=\"reactist_error_message\">\n <p>{message}</p>\n <div onClick={this._hide} className=\"dismiss_icon\" />\n </div>\n )\n }\n}\nErrorMessage.displayName = 'ErrorMessage'\nErrorMessage.defaultProps = {\n timeout: 2500,\n}\n\nexport { ErrorMessage }\n"],"names":["ErrorMessage","props","context","timeout","clearTimeout","_clearTimeout","setTimeout","_hide","setState","visible","onHide","isValidMessage","_isValidMessage","message","_triggerDelayedHide","state","UNSAFE_componentWillReceiveProps","nextProps","length","render","React","className","onClick","Component","displayName","defaultProps"],"mappings":";;;IAcMA;;;AAIF,wBAAYC,KAAZ,EAA0BC,OAA1B;;;AACI,wCAAMD,KAAN,EAAaC,OAAb;;AAsBJ,uBAAA,GAAgB;AACZ,YAAKC,OAAL,IAAgBC,YAAY,CAAC,MAAKD,OAAN,CAA5B;AACH,KAFD;;AAIA,6BAAA,GAAsB;AAClB,YAAKE,aAAL;;AACAC,MAAAA,UAAU,CAAC,MAAKC,KAAN,EAAa,MAAKN,KAAL,CAAWE,OAAxB,CAAV;AACH,KAHD;;AAKA,eAAA,GAAQ;;;AACJ,YAAKE,aAAL;;AACA,YAAKG,QAAL,CAAc;AAAA,eAAO;AAAEC,UAAAA,OAAO,EAAE;AAAX,SAAP;AAAA,OAAd;;AACA,iDAAKR,KAAL,EAAWS,MAAX;AACH,KAJD;;AA7BI,QAAMC,cAAc,GAAG,MAAKC,eAAL,CAAqBX,KAAK,CAACY,OAA3B,CAAvB;;AACA,QAAIF,cAAJ,EAAoB;AAChB,YAAKG,mBAAL;AACH;;AACD,UAAKC,KAAL,GAAa;AAAEN,MAAAA,OAAO,EAAEE;AAAX,KAAb;;AACH;;;;SAEDK,mCAAA,0CAAiCC,SAAjC;AACI,QAAI,KAAKL,eAAL,CAAqBK,SAAS,CAACJ,OAA/B,CAAJ,EAA6C;AACzC,WAAKL,QAAL,CAAc;AAAA,eAAO;AAAEC,UAAAA,OAAO,EAAE;AAAX,SAAP;AAAA,OAAd;;AACA,WAAKK,mBAAL;AACH;AACJ;;SAIDF,kBAAA,yBAAgBC,OAAhB;AACI,WAAO,OAAOA,OAAP,KAAmB,QAAnB,IAA+BA,OAAO,CAACK,MAAR,GAAiB,CAAvD;AACH;;SAiBDC,SAAA;AACI,QAAQN,OAAR,GAAoB,KAAKZ,KAAzB,CAAQY,OAAR;;AACA,QAAI,CAAC,KAAKE,KAAL,CAAWN,OAAZ,IAAuB,CAAC,KAAKG,eAAL,CAAqBC,OAArB,CAA5B,EAA2D;AACvD,aAAO,KAAP;AACH;;AAED,wBACIO,4BAAA,MAAA;AAAKC,MAAAA,SAAS,EAAC;KAAf,eACID,4BAAA,IAAA,MAAA,EAAIP,OAAJ,CADJ,eAEIO,4BAAA,MAAA;AAAKE,MAAAA,OAAO,EAAE,KAAKf;AAAOc,MAAAA,SAAS,EAAC;KAApC,CAFJ,CADJ;AAMH;;;EAtDsBD,cAAK,CAACG;;AAwDjCvB,YAAY,CAACwB,WAAb,GAA2B,cAA3B;AACAxB,YAAY,CAACyB,YAAb,GAA4B;AACxBtB,EAAAA,OAAO,EAAE;AADe,CAA5B;;;;"}

package/es/components/icon/icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon.js","sources":["../../../src/components/icon/icon.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport { Tooltip } from '../tooltip'\nimport ThreeDotsIcon from '../icons/ThreeDotsIcon.svg'\n\nimport './icon.less'\n\ntype Props = {\n /** Callback that is called when icon is clicked. /\n onClick?: () => void\n /* Whether hte icon is disabled. Disabled icons can't be clicked and displayed with less opacity. /\n disabled?: boolean\n /* Additional css class that is applied to the icon /\n className?: string\n /* URL to the image that should be displayed as icon. /\n image?: string\n /* Optional URL to the image that should be displayed when the icon is hovered. /\n hoveredImage?: string\n /* Icon component to render, defaults to three dots. /\n icon?: React.ReactNode\n /* Text of the tooltip of the icon. /\n tooltip?: React.ReactNode\n}\n\ntype State = {\n hovered: boolean\n}\n\nclass Icon extends React.Component<Props, State> {\n public static displayName: string\n public static defaultProps: Props\n\n constructor(props: Props, context: unknown) {\n super(props, context)\n\n this.state = { hovered: false }\n }\n\n _onClick = (event: React.MouseEvent) => {\n event.preventDefault()\n\n if (this.props.onClick && !this.props.disabled) {\n this.props.onClick()\n }\n }\n\n _hover = () => {\n this.setState(() => ({ hovered: true }))\n }\n _unhover = () => {\n this.setState(() => ({ hovered: false }))\n }\n\n render() {\n const { image, hoveredImage, icon, tooltip, disabled } = this.props\n const className = classNames(\n 'reactist_icon',\n {\n 'reactist_icon--component': !image,\n disabled,\n },\n this.props.className,\n )\n\n const style: React.CSSProperties \| undefined =\n typeof image === 'string'\n ? this.state.hovered && hoveredImage\n ? { backgroundImage: `url(${hoveredImage})` }\n : { backgroundImage: `url(${image})` }\n : undefined // only apply style for image components\n const iconComponent =\n !image &&\n (icon ? icon : <ThreeDotsIcon color={this.state.hovered ? '#474747' : undefined} />) // only set icon component for non-image components\n\n const component = (\n / eslint-disable jsx-a11y/anchor-is-valid /\n <a\n href=\"#\"\n style={style}\n onClick={this._onClick}\n className={className}\n onMouseEnter={this._hover}\n onMouseLeave={this._unhover}\n >\n {iconComponent && iconComponent}\n </a>\n / eslint-enable jsx-a11y/anchor-is-valid */\n )\n return tooltip ? <Tooltip content={tooltip}>{component}</Tooltip> : component\n }\n}\nIcon.displayName = 'Icon'\nIcon.defaultProps = {\n disabled: false,\n}\n\nexport { Icon }\n"],"names":["Icon","props","context","event","preventDefault","onClick","disabled","setState","hovered","state","render","image","hoveredImage","icon","tooltip","className","classNames","style","backgroundImage","undefined","iconComponent","React","ThreeDotsIcon","color","component","href","_onClick","onMouseEnter","_hover","onMouseLeave","_unhover","Tooltip","content","Component","displayName","defaultProps"],"mappings":";;;;;;IA6BMA;;;AAIF,gBAAYC,KAAZ,EAA0BC,OAA1B;;;AACI,wCAAMD,KAAN,EAAaC,OAAb;;AAKJ,kBAAA,GAAW,UAACC,KAAD;AACPA,MAAAA,KAAK,CAACC,cAAN;;AAEA,UAAI,MAAKH,KAAL,CAAWI,OAAX,IAAsB,CAAC,MAAKJ,KAAL,CAAWK,QAAtC,EAAgD;AAC5C,cAAKL,KAAL,CAAWI,OAAX;AACH;AACJ,KAND;;AAQA,gBAAA,GAAS;AACL,YAAKE,QAAL,CAAc;AAAA,eAAO;AAAEC,UAAAA,OAAO,EAAE;AAAX,SAAP;AAAA,OAAd;AACH,KAFD;;AAGA,kBAAA,GAAW;AACP,YAAKD,QAAL,CAAc;AAAA,eAAO;AAAEC,UAAAA,OAAO,EAAE;AAAX,SAAP;AAAA,OAAd;AACH,KAFD;;AAdI,UAAKC,KAAL,GAAa;AAAED,MAAAA,OAAO,EAAE;AAAX,KAAb;;AACH;;;;SAiBDE,SAAA;~~sBAC6D~~,KAAKT;~~QAAtDU~~,~~oBAAAA~~;~~QAAOC~~,~~2BAAAA~~;~~QAAcC~~,~~mBAAAA~~;~~QAAMC~~,~~sBAAAA~~;~~QAASR~~,~~uBAAAA~~;~~AAC5C~~,QAAMS,SAAS,GAAGC,UAAU,CACxB,eADwB,EAExB;AACI,kCAA4B,CAACL,KADjC;AAEIL,MAAAA,QAAQ,EAARA;AAFJ,KAFwB,EAMxB,KAAKL,KAAL,CAAWc,SANa,CAA5B;AASA,QAAME,KAAK,GACP,OAAON,KAAP,KAAiB,QAAjB,GACM,KAAKF,KAAL,CAAWD,OAAX,IAAsBI,YAAtB,GACI;AAAEM,MAAAA,eAAe,WAASN,YAAT;AAAjB,KADJ,GAEI;AAAEM,MAAAA,eAAe,WAASP,KAAT;AAAjB,KAHV,GAIMQ,SALV;;AAMA,QAAMC,aAAa,GACf,CAACT,KAAD,KACCE,IAAI,GAAGA,IAAH,gBAAUQ,4BAAA,CAACC,aAAD;AAAeC,MAAAA,KAAK,EAAE,KAAKd,KAAL,CAAWD,OAAX,GAAqB,SAArB,GAAiCW;KAAvD,CADf,CADJ;;AAIA,QAAMK,SAAS;AAAA;;AACX;AACAH,IAAAA,4BAAA,IAAA;AACII,MAAAA,IAAI,EAAC;AACLR,MAAAA,KAAK,EAAEA;AACPZ,MAAAA,OAAO,EAAE,KAAKqB;AACdX,MAAAA,SAAS,EAAEA;AACXY,MAAAA,YAAY,EAAE,KAAKC;AACnBC,MAAAA,YAAY,EAAE,KAAKC;KANvB,EAQKV,aAAa,IAAIA,aARtB;AAUA;AAZJ;AAcA,WAAON,OAAO,gBAAGO,4BAAA,CAACU,OAAD;AAASC,MAAAA,OAAO,EAAElB;KAAlB,EAA4BU,SAA5B,CAAH,GAAsDA,SAApE;AACH;;;EA7DcH,cAAK,CAACY;;AA+DzBjC,IAAI,CAACkC,WAAL,GAAmB,MAAnB;AACAlC,IAAI,CAACmC,YAAL,GAAoB;AAChB7B,EAAAA,QAAQ,EAAE;AADM,CAApB;;;;"}
1	+ {"version":3,"file":"icon.js","sources":["../../../src/components/icon/icon.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport { Tooltip } from '../tooltip'\nimport ThreeDotsIcon from '../icons/ThreeDotsIcon.svg'\n\nimport './icon.less'\n\ntype Props = {\n /** Callback that is called when icon is clicked. /\n onClick?: () => void\n /* Whether hte icon is disabled. Disabled icons can't be clicked and displayed with less opacity. /\n disabled?: boolean\n /* Additional css class that is applied to the icon /\n className?: string\n /* URL to the image that should be displayed as icon. /\n image?: string\n /* Optional URL to the image that should be displayed when the icon is hovered. /\n hoveredImage?: string\n /* Icon component to render, defaults to three dots. /\n icon?: React.ReactNode\n /* Text of the tooltip of the icon. /\n tooltip?: React.ReactNode\n}\n\ntype State = {\n hovered: boolean\n}\n\nclass Icon extends React.Component<Props, State> {\n public static displayName: string\n public static defaultProps: Props\n\n constructor(props: Props, context: unknown) {\n super(props, context)\n\n this.state = { hovered: false }\n }\n\n _onClick = (event: React.MouseEvent) => {\n event.preventDefault()\n\n if (this.props.onClick && !this.props.disabled) {\n this.props.onClick()\n }\n }\n\n _hover = () => {\n this.setState(() => ({ hovered: true }))\n }\n _unhover = () => {\n this.setState(() => ({ hovered: false }))\n }\n\n render() {\n const { image, hoveredImage, icon, tooltip, disabled } = this.props\n const className = classNames(\n 'reactist_icon',\n {\n 'reactist_icon--component': !image,\n disabled,\n },\n this.props.className,\n )\n\n const style: React.CSSProperties \| undefined =\n typeof image === 'string'\n ? this.state.hovered && hoveredImage\n ? { backgroundImage: `url(${hoveredImage})` }\n : { backgroundImage: `url(${image})` }\n : undefined // only apply style for image components\n const iconComponent =\n !image &&\n (icon ? icon : <ThreeDotsIcon color={this.state.hovered ? '#474747' : undefined} />) // only set icon component for non-image components\n\n const component = (\n / eslint-disable jsx-a11y/anchor-is-valid /\n <a\n href=\"#\"\n style={style}\n onClick={this._onClick}\n className={className}\n onMouseEnter={this._hover}\n onMouseLeave={this._unhover}\n >\n {iconComponent && iconComponent}\n </a>\n / eslint-enable jsx-a11y/anchor-is-valid */\n )\n return tooltip ? <Tooltip content={tooltip}>{component}</Tooltip> : component\n }\n}\nIcon.displayName = 'Icon'\nIcon.defaultProps = {\n disabled: false,\n}\n\nexport { Icon }\n"],"names":["Icon","props","context","event","preventDefault","onClick","disabled","setState","hovered","state","render","image","hoveredImage","icon","tooltip","className","classNames","style","backgroundImage","undefined","iconComponent","React","ThreeDotsIcon","color","component","href","_onClick","onMouseEnter","_hover","onMouseLeave","_unhover","Tooltip","content","Component","displayName","defaultProps"],"mappings":";;;;;;IA6BMA;;;AAIF,gBAAYC,KAAZ,EAA0BC,OAA1B;;;AACI,wCAAMD,KAAN,EAAaC,OAAb;;AAKJ,kBAAA,GAAW,UAACC,KAAD;AACPA,MAAAA,KAAK,CAACC,cAAN;;AAEA,UAAI,MAAKH,KAAL,CAAWI,OAAX,IAAsB,CAAC,MAAKJ,KAAL,CAAWK,QAAtC,EAAgD;AAC5C,cAAKL,KAAL,CAAWI,OAAX;AACH;AACJ,KAND;;AAQA,gBAAA,GAAS;AACL,YAAKE,QAAL,CAAc;AAAA,eAAO;AAAEC,UAAAA,OAAO,EAAE;AAAX,SAAP;AAAA,OAAd;AACH,KAFD;;AAGA,kBAAA,GAAW;AACP,YAAKD,QAAL,CAAc;AAAA,eAAO;AAAEC,UAAAA,OAAO,EAAE;AAAX,SAAP;AAAA,OAAd;AACH,KAFD;;AAdI,UAAKC,KAAL,GAAa;AAAED,MAAAA,OAAO,EAAE;AAAX,KAAb;;AACH;;;;SAiBDE,SAAA;AACI,sBAAyD,KAAKT,KAA9D;AAAA,QAAQU,KAAR,eAAQA,KAAR;AAAA,QAAeC,YAAf,eAAeA,YAAf;AAAA,QAA6BC,IAA7B,eAA6BA,IAA7B;AAAA,QAAmCC,OAAnC,eAAmCA,OAAnC;AAAA,QAA4CR,QAA5C,eAA4CA,QAA5C;AACA,QAAMS,SAAS,GAAGC,UAAU,CACxB,eADwB,EAExB;AACI,kCAA4B,CAACL,KADjC;AAEIL,MAAAA,QAAQ,EAARA;AAFJ,KAFwB,EAMxB,KAAKL,KAAL,CAAWc,SANa,CAA5B;AASA,QAAME,KAAK,GACP,OAAON,KAAP,KAAiB,QAAjB,GACM,KAAKF,KAAL,CAAWD,OAAX,IAAsBI,YAAtB,GACI;AAAEM,MAAAA,eAAe,WAASN,YAAT;AAAjB,KADJ,GAEI;AAAEM,MAAAA,eAAe,WAASP,KAAT;AAAjB,KAHV,GAIMQ,SALV;;AAMA,QAAMC,aAAa,GACf,CAACT,KAAD,KACCE,IAAI,GAAGA,IAAH,gBAAUQ,4BAAA,CAACC,aAAD;AAAeC,MAAAA,KAAK,EAAE,KAAKd,KAAL,CAAWD,OAAX,GAAqB,SAArB,GAAiCW;KAAvD,CADf,CADJ;;AAIA,QAAMK,SAAS;AAAA;;AACX;AACAH,IAAAA,4BAAA,IAAA;AACII,MAAAA,IAAI,EAAC;AACLR,MAAAA,KAAK,EAAEA;AACPZ,MAAAA,OAAO,EAAE,KAAKqB;AACdX,MAAAA,SAAS,EAAEA;AACXY,MAAAA,YAAY,EAAE,KAAKC;AACnBC,MAAAA,YAAY,EAAE,KAAKC;KANvB,EAQKV,aAAa,IAAIA,aARtB;AAUA;AAZJ;AAcA,WAAON,OAAO,gBAAGO,4BAAA,CAACU,OAAD;AAASC,MAAAA,OAAO,EAAElB;KAAlB,EAA4BU,SAA5B,CAAH,GAAsDA,SAApE;AACH;;;EA7DcH,cAAK,CAACY;;AA+DzBjC,IAAI,CAACkC,WAAL,GAAmB,MAAnB;AACAlC,IAAI,CAACmC,YAAL,GAAoB;AAChB7B,EAAAA,QAAQ,EAAE;AADM,CAApB;;;;"}

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

	@@ -1 +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":";;;IAIMA,cAAc,GAAwB;AACxCC,EAAAA,QAAQ,EAAE,SAD8B;AAExCC,EAAAA,WAAW,EAAE,YAF2B;AAGxCC,EAAAA,UAAU,EAAE,WAH4B;AAIxCC,EAAAA,UAAU,EAAE,WAJ4B;AAKxCC,EAAAA,KAAK,EAAE,OALiC;AAMxCC,EAAAA,SAAS,EAAE,WAN6B;AAOxCC,EAAAA,MAAM,EAAE;AAPgC;IAUtCC,mBAAmB,GAAG;AACxBC,EAAAA,YADwB,wBACXC,QADW;AAEpB,YAAQA,QAAR;AACI,WAAK,MAAL,CADJ;;AAEI,WAAK,WAAL;AAAkB;AACd,iBAAO,WAAP;AACH;;AACD,WAAK,IAAL,CALJ;;AAMI,WAAK,SAAL;AAAgB;AACZ,iBAAO,SAAP;AACH;;AACD,WAAK,OAAL,CATJ;;AAUI,WAAK,YAAL;AAAmB;AACf,iBAAO,YAAP;AACH;;AACD,WAAK,MAAL,CAbJ;;AAcI,WAAK,WAAL;AAAkB;AACd,iBAAO,WAAP;AACH;;AACD,WAAK,OAAL;AAAc;AACV,iBAAO,OAAP;AACH;;AACD,WAAK,WAAL;AAAkB;AACd,iBAAO,WAAP;AACH;;AACD,WAAK,KAAL,CAvBJ;;AAwBI,WAAK,QAAL;AAAe;AACX,iBAAO,QAAP;AACH;;AACD;AAAS;AACL,iBAAO,IAAP;AACH;AA7BL;AA+BH,GAjCuB;AAmCxBC,EAAAA,gBAnCwB,4BAmCPC,OAnCO;AAoCpB,YAAQA,OAAR;AACI,WAAK,EAAL;AAAS;AACL,iBAAO,WAAP;AACH;;AACD,WAAK,EAAL;AAAS;AACL,iBAAO,SAAP;AACH;;AACD,WAAK,EAAL;AAAS;AACL,iBAAO,YAAP;AACH;;AACD,WAAK,EAAL;AAAS;AACL,iBAAO,WAAP;AACH;;AACD,WAAK,EAAL;AAAS;AACL,iBAAO,OAAP;AACH;;AACD,WAAK,CAAL;AAAQ;AACJ,iBAAO,WAAP;AACH;;AACD,WAAK,EAAL;AAAS;AACL,iBAAO,QAAP;AACH;;AACD;AAAS;AACL,iBAAO,IAAP;AACH;AAxBL;AA0BH;AA9DuB;AAuF5B,IAAMC,sBAAsB,GAAyC;AACjEC,EAAAA,OAAO,EAAE,WADwD;AAEjEC,EAAAA,SAAS,EAAE,aAFsD;AAGjEC,EAAAA,SAAS,EAAE,aAHsD;AAIjEC,EAAAA,UAAU,EAAE,cAJqD;AAKjEC,EAAAA,KAAK,EAAE,SAL0D;AAMjEC,EAAAA,SAAS,EAAE,aANsD;AAOjEC,EAAAA,MAAM,EAAE;AAPyD,CAArE;AAUA,IAAMC,uBAAuB,GAAsC;AAC/DP,EAAAA,OAAO,EAAE,kBADsD;AAE/DC,EAAAA,SAAS,EAAE,oBAFoD;AAG/DC,EAAAA,SAAS,EAAE,oBAHoD;AAI/DC,EAAAA,UAAU,EAAE,qBAJmD;AAK/DC,EAAAA,KAAK,EAAE,gBALwD;AAM/DC,EAAAA,SAAS,EAAE,oBANoD;AAO/DC,EAAAA,MAAM,EAAE;AAPuD,CAAnE;AAgBA;;;;;;;;;AAQA,SAASE,WAAT,CAAqBC,KAArB;;;~~MACYC~~,~~WAAsCD~~,~~MAAtCC~~;~~yBAAsCD~~,~~MAA5BE~~;~~MAAAA~~,~~0CAAY~~;~~AAC9B~~,MAAMC,YAAY,GAAGC,MAAM,CAAC,KAAD,CAA3B;AACA,MAAMC,sBAAsB,GAAGL,KAAK,CAACM,OAAN,GACzB;AACIC,IAAAA,kBAAkB,EAAE;AAChBJ,MAAAA,YAAY,CAACK,OAAb,GAAuB,IAAvB;AACH,KAHL;AAIIC,IAAAA,gBAAgB,EAAE;AACdN,MAAAA,YAAY,CAACK,OAAb,GAAuB,KAAvB;AACH;AANL,GADyB,GASzBE,SATN;;AAWA,WAASC,cAAT,CAAwBC,KAAxB;AACI;AACA,QAAMC,GAAG,GACLD,KAAK,CAACC,GAAN,KAAcH,SAAd,GACMzB,mBAAmB,CAACC,YAApB,CAAiC0B,KAAK,CAACC,GAAvC,CADN,GAEM5B,mBAAmB,CAACG,gBAApB,CAAqCwB,KAAK,CAACvB,OAA3C,CAHV;AAKA,QAAI,CAACwB,GAAL,EAAU;AACV,QAAMC,cAAc,GAAGd,KAAK,CAACF,uBAAuB,CAACe,GAAD,CAAxB,CAAL,IAAuC,KAA9D;AACA,QAAME,YAAY,GAAGf,KAAK,CAACV,sBAAsB,CAACuB,GAAD,CAAvB,CAA1B;;AAEA,QAAIA,GAAG,KAAK,OAAR,IAAmBE,YAAvB,EAAqC;AACjC,UACIZ,YAAY,CAACK,OAAb;AAEA;AACA;AACA,OAACI,KAAK,CAACvB,OAAN,IAAiBuB,KAAK,CAACI,KAAxB,MAAmC,GALvC,EAME;AACE;AACH;AACJ;;AAED,QAAID,YAAJ,EAAkB;AACdA,MAAAA,YAAY,CAACH,KAAD,CAAZ;;AACA,UAAI,CAACE,cAAL,EAAqB;AACjBF,QAAAA,KAAK,CAACK,cAAN;AACAL,QAAAA,KAAK,CAACM,eAAN;AACH;AACJ;AACJ;;AAED,sBAAOC,cAAK,CAACC,YAAN,CAAmBnB,QAAnB,0DACFC,SADE,IACUS,cADV,qBAEAN,sBAFA,EAAP;AAIH;;;;"}
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":";;;IAIMA,cAAc,GAAwB;AACxCC,EAAAA,QAAQ,EAAE,SAD8B;AAExCC,EAAAA,WAAW,EAAE,YAF2B;AAGxCC,EAAAA,UAAU,EAAE,WAH4B;AAIxCC,EAAAA,UAAU,EAAE,WAJ4B;AAKxCC,EAAAA,KAAK,EAAE,OALiC;AAMxCC,EAAAA,SAAS,EAAE,WAN6B;AAOxCC,EAAAA,MAAM,EAAE;AAPgC;IAUtCC,mBAAmB,GAAG;AACxBC,EAAAA,YADwB,wBACXC,QADW;AAEpB,YAAQA,QAAR;AACI,WAAK,MAAL,CADJ;;AAEI,WAAK,WAAL;AAAkB;AACd,iBAAO,WAAP;AACH;;AACD,WAAK,IAAL,CALJ;;AAMI,WAAK,SAAL;AAAgB;AACZ,iBAAO,SAAP;AACH;;AACD,WAAK,OAAL,CATJ;;AAUI,WAAK,YAAL;AAAmB;AACf,iBAAO,YAAP;AACH;;AACD,WAAK,MAAL,CAbJ;;AAcI,WAAK,WAAL;AAAkB;AACd,iBAAO,WAAP;AACH;;AACD,WAAK,OAAL;AAAc;AACV,iBAAO,OAAP;AACH;;AACD,WAAK,WAAL;AAAkB;AACd,iBAAO,WAAP;AACH;;AACD,WAAK,KAAL,CAvBJ;;AAwBI,WAAK,QAAL;AAAe;AACX,iBAAO,QAAP;AACH;;AACD;AAAS;AACL,iBAAO,IAAP;AACH;AA7BL;AA+BH,GAjCuB;AAmCxBC,EAAAA,gBAnCwB,4BAmCPC,OAnCO;AAoCpB,YAAQA,OAAR;AACI,WAAK,EAAL;AAAS;AACL,iBAAO,WAAP;AACH;;AACD,WAAK,EAAL;AAAS;AACL,iBAAO,SAAP;AACH;;AACD,WAAK,EAAL;AAAS;AACL,iBAAO,YAAP;AACH;;AACD,WAAK,EAAL;AAAS;AACL,iBAAO,WAAP;AACH;;AACD,WAAK,EAAL;AAAS;AACL,iBAAO,OAAP;AACH;;AACD,WAAK,CAAL;AAAQ;AACJ,iBAAO,WAAP;AACH;;AACD,WAAK,EAAL;AAAS;AACL,iBAAO,QAAP;AACH;;AACD;AAAS;AACL,iBAAO,IAAP;AACH;AAxBL;AA0BH;AA9DuB;AAuF5B,IAAMC,sBAAsB,GAAyC;AACjEC,EAAAA,OAAO,EAAE,WADwD;AAEjEC,EAAAA,SAAS,EAAE,aAFsD;AAGjEC,EAAAA,SAAS,EAAE,aAHsD;AAIjEC,EAAAA,UAAU,EAAE,cAJqD;AAKjEC,EAAAA,KAAK,EAAE,SAL0D;AAMjEC,EAAAA,SAAS,EAAE,aANsD;AAOjEC,EAAAA,MAAM,EAAE;AAPyD,CAArE;AAUA,IAAMC,uBAAuB,GAAsC;AAC/DP,EAAAA,OAAO,EAAE,kBADsD;AAE/DC,EAAAA,SAAS,EAAE,oBAFoD;AAG/DC,EAAAA,SAAS,EAAE,oBAHoD;AAI/DC,EAAAA,UAAU,EAAE,qBAJmD;AAK/DC,EAAAA,KAAK,EAAE,gBALwD;AAM/DC,EAAAA,SAAS,EAAE,oBANoD;AAO/DC,EAAAA,MAAM,EAAE;AAPuD,CAAnE;AAgBA;;;;;;;;;AAQA,SAASE,WAAT,CAAqBC,KAArB;;;AACI,MAAQC,QAAR,GAA8CD,KAA9C,CAAQC,QAAR;AAAA,yBAA8CD,KAA9C,CAAkBE,SAAlB;AAAA,MAAkBA,SAAlB,iCAA8B,WAA9B;AACA,MAAMC,YAAY,GAAGC,MAAM,CAAC,KAAD,CAA3B;AACA,MAAMC,sBAAsB,GAAGL,KAAK,CAACM,OAAN,GACzB;AACIC,IAAAA,kBAAkB,EAAE;AAChBJ,MAAAA,YAAY,CAACK,OAAb,GAAuB,IAAvB;AACH,KAHL;AAIIC,IAAAA,gBAAgB,EAAE;AACdN,MAAAA,YAAY,CAACK,OAAb,GAAuB,KAAvB;AACH;AANL,GADyB,GASzBE,SATN;;AAWA,WAASC,cAAT,CAAwBC,KAAxB;AACI;AACA,QAAMC,GAAG,GACLD,KAAK,CAACC,GAAN,KAAcH,SAAd,GACMzB,mBAAmB,CAACC,YAApB,CAAiC0B,KAAK,CAACC,GAAvC,CADN,GAEM5B,mBAAmB,CAACG,gBAApB,CAAqCwB,KAAK,CAACvB,OAA3C,CAHV;AAKA,QAAI,CAACwB,GAAL,EAAU;AACV,QAAMC,cAAc,GAAGd,KAAK,CAACF,uBAAuB,CAACe,GAAD,CAAxB,CAAL,IAAuC,KAA9D;AACA,QAAME,YAAY,GAAGf,KAAK,CAACV,sBAAsB,CAACuB,GAAD,CAAvB,CAA1B;;AAEA,QAAIA,GAAG,KAAK,OAAR,IAAmBE,YAAvB,EAAqC;AACjC,UACIZ,YAAY,CAACK,OAAb;AAEA;AACA;AACA,OAACI,KAAK,CAACvB,OAAN,IAAiBuB,KAAK,CAACI,KAAxB,MAAmC,GALvC,EAME;AACE;AACH;AACJ;;AAED,QAAID,YAAJ,EAAkB;AACdA,MAAAA,YAAY,CAACH,KAAD,CAAZ;;AACA,UAAI,CAACE,cAAL,EAAqB;AACjBF,QAAAA,KAAK,CAACK,cAAN;AACAL,QAAAA,KAAK,CAACM,eAAN;AACH;AACJ;AACJ;;AAED,sBAAOC,cAAK,CAACC,YAAN,CAAmBnB,QAAnB,0DACFC,SADE,IACUS,cADV,qBAEAN,sBAFA,EAAP;AAIH;;;;"}

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

@@ -2,6 +2,7 @@ import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '.
 import { createElement, Fragment } from 'react';
 import classNames from 'classnames';
+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 CHANGED Viewed

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

package/es/components/menu/menu.js CHANGED Viewed

@@ -5,6 +5,17 @@ import { polymorphicComponent } from '../../utils/polymorphism.js';
 import { useMenuState, MenuButton as MenuButton$1, Menu as Menu$1, MenuItem as MenuItem$1, MenuGroup as MenuGroup$1 } from 'reakit/Menu';
 import { PopoverBackdrop } from 'reakit/Popover';
+var _excluded = ["children", "onItemSelect"],
+    _excluded2 = ["exceptionallySetClassName"],
+    _excluded3 = ["handleItemSelect"],
+    _excluded4 = ["exceptionallySetClassName"],
+    _excluded5 = ["handleItemSelect"],
+    _excluded6 = ["value", "children", "onSelect", "hideOnSelect", "onClick", "exceptionallySetClassName"],
+    _excluded7 = ["handleItemSelect"],
+    _excluded8 = ["children", "onItemSelect"],
+    _excluded9 = ["handleItemSelect"],
+    _excluded10 = ["label", "children", "exceptionallySetClassName"],
+    _excluded11 = ["handleItemSelect"];
 var MenuContext = /*#__PURE__*/createContext( // Reakit gives us no means to obtain a valid initial/default value of type MenuStateReturn
 // (it is normally obtained by calling useMenuState but we can't call hooks outside components).
 // This is however of little consequence since this value is only used if some of the components
@@ -19,7 +30,7 @@ var MenuContext = /*#__PURE__*/createContext( // Reakit gives us no means to obt
 function Menu(_ref) {
   var children = _ref.children,
       onItemSelect = _ref.onItemSelect,
-      props = _objectWithoutPropertiesLoose(_ref, ["children", "onItemSelect"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
   var state = useMenuState(_objectSpread2({
     loop: true
@@ -43,10 +54,10 @@ function Menu(_ref) {
 var MenuButton = /*#__PURE__*/polymorphicComponent(function MenuButton(_ref2, ref) {
   var exceptionallySetClassName = _ref2.exceptionallySetClassName,
-      props = _objectWithoutPropertiesLoose(_ref2, ["exceptionallySetClassName"]);
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
   var _React$useContext = useContext(MenuContext),
-      state = _objectWithoutPropertiesLoose(_React$useContext, ["handleItemSelect"]);
+      state = _objectWithoutPropertiesLoose(_React$useContext, _excluded3);
   return /*#__PURE__*/createElement(MenuButton$1, Object.assign({}, props, state, {
     ref: ref,
@@ -90,10 +101,10 @@ function MenuBackdrop(_ref3) {
 var MenuList = /*#__PURE__*/polymorphicComponent(function MenuList(_ref4, ref) {
   var exceptionallySetClassName = _ref4.exceptionallySetClassName,
-      props = _objectWithoutPropertiesLoose(_ref4, ["exceptionallySetClassName"]);
+      props = _objectWithoutPropertiesLoose(_ref4, _excluded4);
   var _React$useContext2 = useContext(MenuContext),
-      state = _objectWithoutPropertiesLoose(_React$useContext2, ["handleItemSelect"]);
+      state = _objectWithoutPropertiesLoose(_React$useContext2, _excluded5);
   return state.visible ? /*#__PURE__*/createElement(MenuBackdrop, Object.assign({}, state), /*#__PURE__*/createElement(Menu$1, Object.assign({}, props, state, {
     ref: ref,
@@ -113,11 +124,11 @@ var MenuItem = /*#__PURE__*/polymorphicComponent(function MenuItem(_ref5, ref) {
       hideOnSelect = _ref5$hideOnSelect === void 0 ? true : _ref5$hideOnSelect,
       onClick = _ref5.onClick,
       exceptionallySetClassName = _ref5.exceptionallySetClassName,
-      props = _objectWithoutPropertiesLoose(_ref5, ["value", "children", "onSelect", "hideOnSelect", "onClick", "exceptionallySetClassName"]);
+      props = _objectWithoutPropertiesLoose(_ref5, _excluded6);
   var _React$useContext3 = useContext(MenuContext),
       handleItemSelect = _React$useContext3.handleItemSelect,
-      state = _objectWithoutPropertiesLoose(_React$useContext3, ["handleItemSelect"]);
+      state = _objectWithoutPropertiesLoose(_React$useContext3, _excluded7);
   var hide = state.hide;
   var handleClick = useCallback(function handleClick(event) {
@@ -158,11 +169,11 @@ var MenuItem = /*#__PURE__*/polymorphicComponent(function MenuItem(_ref5, ref) {
 var SubMenu = /*#__PURE__*/forwardRef(function SubMenu(_ref6, ref) {
   var children = _ref6.children,
       onItemSelect = _ref6.onItemSelect,
-      props = _objectWithoutPropertiesLoose(_ref6, ["children", "onItemSelect"]);
+      props = _objectWithoutPropertiesLoose(_ref6, _excluded8);
   var _React$useContext4 = useContext(MenuContext),
       parentMenuItemSelect = _React$useContext4.handleItemSelect,
-      state = _objectWithoutPropertiesLoose(_React$useContext4, ["handleItemSelect"]);
+      state = _objectWithoutPropertiesLoose(_React$useContext4, _excluded9);
   var parentMenuHide = state.hide;
   var handleSubItemSelect = useCallback(function handleSubItemSelect(value) {
@@ -196,10 +207,10 @@ var MenuGroup = /*#__PURE__*/polymorphicComponent(function MenuGroud(_ref7, ref)
   var label = _ref7.label,
       children = _ref7.children,
       exceptionallySetClassName = _ref7.exceptionallySetClassName,
-      props = _objectWithoutPropertiesLoose(_ref7, ["label", "children", "exceptionallySetClassName"]);
+      props = _objectWithoutPropertiesLoose(_ref7, _excluded10);
   var _React$useContext5 = useContext(MenuContext),
-      state = _objectWithoutPropertiesLoose(_React$useContext5, ["handleItemSelect"]);
+      state = _objectWithoutPropertiesLoose(_React$useContext5, _excluded11);
   return /*#__PURE__*/createElement(MenuGroup$1, Object.assign({
     ref: ref