@storybook/components 6.5.0-alpha.3 → 6.5.0-alpha.30

package/dist/modern/controls/react-editable-json-tree/index.js

@@ -1,14 +1,12 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import JsonNode from './components/JsonNode';
+import { JsonNode } from './JsonNodes';
 import { value, object, array } from './utils/styles';
 import { ADD_DELTA_TYPE, REMOVE_DELTA_TYPE, UPDATE_DELTA_TYPE } from './types/deltaTypes';
 import { getObjectType } from './utils/objectTypes';
-import DATA_TYPES from './types/dataTypes';
-import INPUT_USAGE_TYPES from './types/inputUsageTypes';
-import parse from './utils/parse';
-
-class JsonTree extends Component {
+import * as DATA_TYPES from './types/dataTypes';
+import * as INPUT_USAGE_TYPES from './types/inputUsageTypes';
+import { parse } from './utils/parse';
+export class JsonTree extends Component {
   constructor(props) {
     super(props);
     this.state = {
@@ -64,7 +62,7 @@ class JsonTree extends Component {
       beforeUpdateAction,
       logger,
       onSubmitValueParser,
-      fallback
+      fallback = null
     } = this.props; // Node type
 
     const dataType = getObjectType(data);
@@ -77,12 +75,14 @@ class JsonTree extends Component {
     let inputElementFunction = inputElement;
 
     if (inputElement && getObjectType(inputElement) !== 'Function') {
+      // @ts-ignore
       inputElementFunction = () => inputElement;
     }
 
     let textareaElementFunction = textareaElement;
 
     if (textareaElement && getObjectType(textareaElement) !== 'Function') {
+      // @ts-ignore
       textareaElementFunction = () => textareaElement;
     }
 
@@ -92,7 +92,6 @@ class JsonTree extends Component {
       }, /*#__PURE__*/React.createElement(JsonNode, {
         data: data,
         name: rootName,
-        collapsed: false,
         deep: -1,
         isCollapsed: isCollapsed,
         onUpdate: this.onUpdate,
@@ -119,29 +118,8 @@ class JsonTree extends Component {
   }
 
 }
-
 JsonTree.displayName = "JsonTree";
-JsonTree.propTypes = {
-  data: PropTypes.any.isRequired,
-  rootName: PropTypes.string,
-  isCollapsed: PropTypes.func,
-  onFullyUpdate: PropTypes.func,
-  onDeltaUpdate: PropTypes.func,
-  readOnly: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),
-  getStyle: PropTypes.func,
-  addButtonElement: PropTypes.element,
-  cancelButtonElement: PropTypes.element,
-  editButtonElement: PropTypes.element,
-  inputElement: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
-  textareaElement: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
-  minusMenuElement: PropTypes.element,
-  plusMenuElement: PropTypes.element,
-  beforeRemoveAction: PropTypes.func,
-  beforeAddAction: PropTypes.func,
-  beforeUpdateAction: PropTypes.func,
-  logger: PropTypes.object,
-  onSubmitValueParser: PropTypes.func
-};
+// @ts-ignore
 JsonTree.defaultProps = {
   rootName: 'root',
   isCollapsed: (keyPath, deep) => deep !== -1,
@@ -158,35 +136,18 @@ JsonTree.defaultProps = {
         return value;
     }
   },
-
-  /* eslint-disable no-unused-vars */
-  readOnly: (keyName, data, keyPath, deep, dataType) => false,
-  onFullyUpdate: data => {},
-  onDeltaUpdate: ({
-    type,
-    keyPath,
-    deep,
-    key,
-    newValue,
-    oldValue
-  }) => {},
-  beforeRemoveAction: (key, keyPath, deep, oldValue) => new Promise(resolve => resolve()),
-  beforeAddAction: (key, keyPath, deep, newValue) => new Promise(resolve => resolve()),
-  beforeUpdateAction: (key, keyPath, deep, oldValue, newValue) => new Promise(resolve => resolve()),
+  readOnly: () => false,
+  onFullyUpdate: () => {},
+  onDeltaUpdate: () => {},
+  beforeRemoveAction: () => Promise.resolve(),
+  beforeAddAction: () => Promise.resolve(),
+  beforeUpdateAction: () => Promise.resolve(),
   logger: {
     error: () => {}
   },
   onSubmitValueParser: (isEditMode, keyPath, deep, name, rawValue) => parse(rawValue),
-  inputElement: (usage, keyPath, deep, keyName, data, dataType) => /*#__PURE__*/React.createElement("input", null),
-  textareaElement: (usage, keyPath, deep, keyName, data, dataType) => /*#__PURE__*/React.createElement("textarea", null),
-
-  /* eslint-enable */
+  inputElement: () => /*#__PURE__*/React.createElement("input", null),
+  textareaElement: () => /*#__PURE__*/React.createElement("textarea", null),
   fallback: null
 };
-export { JsonTree };
-export { getObjectType };
-export { ADD_DELTA_TYPE };
-export { REMOVE_DELTA_TYPE };
-export { UPDATE_DELTA_TYPE };
-export { DATA_TYPES };
-export { INPUT_USAGE_TYPES };
+export { getObjectType, ADD_DELTA_TYPE, REMOVE_DELTA_TYPE, UPDATE_DELTA_TYPE, DATA_TYPES, INPUT_USAGE_TYPES };

package/dist/modern/controls/react-editable-json-tree/types/dataTypes.js

@@ -9,16 +9,4 @@ const NULL = 'Null';
 const UNDEFINED = 'Undefined';
 const FUNCTION = 'Function';
 const SYMBOL = 'Symbol';
-export default {
-  ERROR,
-  OBJECT,
-  ARRAY,
-  STRING,
-  NUMBER,
-  BOOLEAN,
-  DATE,
-  NULL,
-  UNDEFINED,
-  FUNCTION,
-  SYMBOL
-};
+export { ERROR, OBJECT, ARRAY, STRING, NUMBER, BOOLEAN, DATE, NULL, UNDEFINED, FUNCTION, SYMBOL };

package/dist/modern/controls/react-editable-json-tree/types/deltaTypes.js

@@ -1,6 +1,4 @@
 const ADD_DELTA_TYPE = 'ADD_DELTA_TYPE';
 const REMOVE_DELTA_TYPE = 'REMOVE_DELTA_TYPE';
 const UPDATE_DELTA_TYPE = 'UPDATE_DELTA_TYPE';
-export { ADD_DELTA_TYPE };
-export { REMOVE_DELTA_TYPE };
-export { UPDATE_DELTA_TYPE };
+export { ADD_DELTA_TYPE, REMOVE_DELTA_TYPE, UPDATE_DELTA_TYPE };

package/dist/modern/controls/react-editable-json-tree/types/inputUsageTypes.js

@@ -1,6 +1,3 @@
 const VALUE = 'value';
 const KEY = 'key';
-export default {
-  KEY,
-  VALUE
-};
+export { KEY, VALUE };

package/dist/modern/controls/react-editable-json-tree/utils/objectTypes.js

@@ -3,7 +3,7 @@
  * @param obj {*} object to get type
  * @returns {*}
  */
-function getObjectType(obj) {
+export function getObjectType(obj) {
   if (obj !== null && typeof obj === 'object' && !Array.isArray(obj) && typeof obj[Symbol.iterator] === 'function') {
     return 'Iterable';
   }
@@ -17,12 +17,8 @@ function getObjectType(obj) {
  * @returns {boolean} result
  */
 
-
-function isComponentWillChange(oldValue, newValue) {
+export function isComponentWillChange(oldValue, newValue) {
   const oldType = getObjectType(oldValue);
   const newType = getObjectType(newValue);
   return (oldType === 'Function' || newType === 'Function') && newType !== oldType;
-}
-
-export { getObjectType };
-export { isComponentWillChange };
+}

package/dist/modern/controls/react-editable-json-tree/utils/parse.js

@@ -3,7 +3,7 @@
  * @param string {String} string to parse
  * @returns {*}
  */
-function parse(string) {
+export function parse(string) {
   let result = string; // Check if string contains 'function' and start with it to eval it
 
   if (result.indexOf('function') === 0) {
@@ -16,6 +16,4 @@ function parse(string) {
   }
 
   return result;
-}
-
-export default parse;
+}

package/dist/modern/controls/react-editable-json-tree/utils/styles.js

@@ -1,4 +1,4 @@
-const object = {
+export const object = {
   minus: {
     color: 'red'
   },
@@ -19,7 +19,7 @@ const object = {
   },
   addForm: {}
 };
-const array = {
+export const array = {
   minus: {
     color: 'red'
   },
@@ -40,7 +40,7 @@ const array = {
   },
   addForm: {}
 };
-const value = {
+export const value = {
   minus: {
     color: 'red'
   },
@@ -56,7 +56,4 @@ const value = {
   name: {
     color: '#2287CD'
   }
-};
-export { object };
-export { array };
-export { value };
+};

package/dist/modern/controls/types.js

@@ -0,0 +1 @@
+export {};

package/dist/modern/form/field/field.js

@@ -1,3 +1,5 @@
+const _excluded = ["label", "children"];
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import React from 'react';
@@ -24,12 +26,12 @@ const Label = styled.span(({
   alignItems: 'center',
   lineHeight: '16px'
 }));
-export const Field = (_ref) => {
+export const Field = _ref => {
   let {
     label,
     children
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, ["label", "children"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Wrapper, props, label ? /*#__PURE__*/React.createElement(Label, null, /*#__PURE__*/React.createElement("span", null, label)) : null, children);
 };

package/dist/modern/form/input/input.js

@@ -1,3 +1,8 @@
+const _excluded = ["size", "valid", "align"],
+      _excluded2 = ["size", "valid", "align"],
+      _excluded3 = ["size", "valid", "align"],
+      _excluded4 = ["size", "valid", "align"];
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -139,7 +144,7 @@ const validation = ({
 };
 
 export const Input = Object.assign(styled( /*#__PURE__*/forwardRef((_ref, ref) => {
-  let props = _objectWithoutPropertiesLoose(_ref, ["size", "valid", "align"]);
+  let props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement("input", _extends({}, props, {
     ref: ref
@@ -150,7 +155,7 @@ export const Input = Object.assign(styled( /*#__PURE__*/forwardRef((_ref, ref) =
   displayName: 'Input'
 });
 export const Select = Object.assign(styled( /*#__PURE__*/forwardRef((_ref2, ref) => {
-  let props = _objectWithoutPropertiesLoose(_ref2, ["size", "valid", "align"]);
+  let props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
 
   return /*#__PURE__*/React.createElement("select", _extends({}, props, {
     ref: ref
@@ -164,7 +169,7 @@ export const Select = Object.assign(styled( /*#__PURE__*/forwardRef((_ref2, ref)
   displayName: 'Select'
 });
 export const Textarea = Object.assign(styled( /*#__PURE__*/forwardRef((_ref3, ref) => {
-  let props = _objectWithoutPropertiesLoose(_ref3, ["size", "valid", "align"]);
+  let props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
 
   return /*#__PURE__*/React.createElement(TextareaAutoResize, _extends({}, props, {
     ref: ref
@@ -178,7 +183,7 @@ export const Textarea = Object.assign(styled( /*#__PURE__*/forwardRef((_ref3, re
   displayName: 'Textarea'
 });
 const ButtonStyled = styled( /*#__PURE__*/forwardRef((_ref4, ref) => {
-  let props = _objectWithoutPropertiesLoose(_ref4, ["size", "valid", "align"]);
+  let props = _objectWithoutPropertiesLoose(_ref4, _excluded4);
 
   return /*#__PURE__*/React.createElement(StyledButton, _extends({}, props, {
     ref: ref

package/dist/modern/icon/icon.js

@@ -1,8 +1,10 @@
+const _excluded = ["icon", "symbol"];
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-import React from 'react';
+import React, { memo } from 'react';
 import { styled } from '@storybook/theming';
 import icons from './icons';
 import Svg from './svg';
@@ -10,12 +12,12 @@ const Path = styled.path({
   fill: 'currentColor'
 });
 // TODO: if we can resize the 1024 to 20, we can remove the size attributes
-export const Icons = /*#__PURE__*/React.memo((_ref) => {
+export const Icons = /*#__PURE__*/memo(_ref => {
   let {
     icon,
     symbol
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, ["icon", "symbol"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Svg, _extends({
     viewBox: "0 0 1024 1024"
@@ -25,7 +27,7 @@ export const Icons = /*#__PURE__*/React.memo((_ref) => {
     d: icons[icon]
   }));
 });
-export const Symbols = /*#__PURE__*/React.memo(({
+export const Symbols = /*#__PURE__*/memo(({
   icons: keys = Object.keys(icons)
 }) => /*#__PURE__*/React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",

package/dist/modern/index.js

@@ -1,5 +1,26 @@
 import { createElement, forwardRef } from 'react';
-import { components as rawComponents } from './typography/DocumentFormatting';
+import * as typography from './typography/components';
+export { A } from './typography/elements/A';
+export { Blockquote } from './typography/elements/Blockquote';
+export { Code } from './typography/elements/Code';
+export { Div } from './typography/elements/Div';
+export { DL } from './typography/elements/DL';
+export { H1 } from './typography/elements/H1';
+export { H2 } from './typography/elements/H2';
+export { H3 } from './typography/elements/H3';
+export { H4 } from './typography/elements/H4';
+export { H5 } from './typography/elements/H5';
+export { H6 } from './typography/elements/H6';
+export { HR } from './typography/elements/HR';
+export { Img } from './typography/elements/Img';
+export { LI } from './typography/elements/LI';
+export { OL } from './typography/elements/OL';
+export { P } from './typography/elements/P';
+export { Pre } from './typography/elements/Pre';
+export { Span } from './typography/elements/Span';
+export { Table } from './typography/elements/Table';
+export { TT } from './typography/elements/TT';
+export { UL } from './typography/elements/UL';
 export { Badge } from './Badge/Badge'; // Typography
 
 export { Link } from './typography/link/link';
@@ -33,11 +54,14 @@ export { StorybookIcon } from './brand/StorybookIcon'; // Doc blocks
 export * from './blocks';
 export * from './controls'; // Loader
 
-export { Loader } from './Loader/Loader';
-export * from './typography/DocumentFormatting';
-export { rawComponents as components };
+export { Loader } from './Loader/Loader'; // Utils
+
+export { getStoryHref } from './utils/getStoryHref';
+export * from './typography/DocumentFormatting'; // eslint-disable-next-line prefer-destructuring
+
+export const components = typography.components;
 const resetComponents = {};
-Object.keys(rawComponents).forEach(key => {
+Object.keys(typography.components).forEach(key => {
   resetComponents[key] = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/createElement(key, Object.assign({}, props, {
     ref
   })));

package/dist/modern/placeholder/placeholder.js

@@ -1,3 +1,5 @@
+const _excluded = ["children"];
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import React, { Children } from 'react';
@@ -16,11 +18,11 @@ const Message = styled.div(({
   color: theme.color.defaultText,
   fontSize: theme.typography.size.s2 - 1
 }));
-export const Placeholder = (_ref) => {
+export const Placeholder = _ref => {
   let {
     children
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, ["children"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   const [title, desc] = Children.toArray(children);
   return /*#__PURE__*/React.createElement(Message, props, /*#__PURE__*/React.createElement(Title, null, title), desc && /*#__PURE__*/React.createElement(Desc, null, desc));

package/dist/modern/spaced/Spaced.js

@@ -1,3 +1,5 @@
+const _excluded = ["col", "row", "outer", "children"];
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -57,14 +59,14 @@ const Container = styled.div(({
       }
   }
 });
-export const Spaced = (_ref) => {
+export const Spaced = _ref => {
   let {
     col,
     row,
     outer,
     children
   } = _ref,
-      rest = _objectWithoutPropertiesLoose(_ref, ["col", "row", "outer", "children"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   const outerAmount = toNumber(typeof outer === 'number' || !outer ? outer : col || row);
   return /*#__PURE__*/React.createElement(Container, _extends({

package/dist/modern/syntaxhighlighter/lazy-syntaxhighlighter.js

@@ -1,5 +1,5 @@
-import React, { Suspense } from 'react';
-const LazySyntaxHighlighter = /*#__PURE__*/React.lazy(() => import('./syntaxhighlighter'));
+import React, { Suspense, lazy } from 'react';
+const LazySyntaxHighlighter = /*#__PURE__*/lazy(() => import('./syntaxhighlighter'));
 export const SyntaxHighlighter = props => /*#__PURE__*/React.createElement(Suspense, {
   fallback: /*#__PURE__*/React.createElement("div", null)
 }, /*#__PURE__*/React.createElement(LazySyntaxHighlighter, props));

package/dist/modern/syntaxhighlighter/syntaxhighlighter-types.js

@@ -0,0 +1 @@
+export {};

package/dist/modern/syntaxhighlighter/syntaxhighlighter.js

@@ -1,3 +1,5 @@
+const _excluded = ["children", "language", "copyable", "bordered", "padded", "format", "className", "showLineNumbers"];
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -117,7 +119,7 @@ const Code = styled.code({
   paddingRight: 0,
   opacity: 1
 });
-export const SyntaxHighlighter = (_ref) => {
+export const SyntaxHighlighter = _ref => {
   let {
     children,
     language = 'jsx',
@@ -128,7 +130,7 @@ export const SyntaxHighlighter = (_ref) => {
     className = null,
     showLineNumbers = false
   } = _ref,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "language", "copyable", "bordered", "padded", "format", "className", "showLineNumbers"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   if (typeof children !== 'string' || !children.trim()) {
     return null;

package/dist/modern/tooltip/ListItem.js

@@ -1,3 +1,6 @@
+const _excluded = ["active", "loading", "disabled"],
+      _excluded2 = ["loading", "left", "title", "center", "right", "active", "disabled", "href", "onClick", "LinkWrapper"];
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -6,8 +9,8 @@ import React from 'react';
 import { styled } from '@storybook/theming';
 import memoize from 'memoizerific';
 import { transparentize } from 'polished';
-const Title = styled((_ref) => {
-  let rest = _objectWithoutPropertiesLoose(_ref, ["active", "loading", "disabled"]);
+const Title = styled(_ref => {
+  let rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement("span", rest);
 })(({
@@ -142,7 +145,7 @@ const getItemProps = memoize(100)((onClick, href, LinkWrapper) => {
   return result;
 });
 
-const ListItem = (_ref2) => {
+const ListItem = _ref2 => {
   let {
     loading,
     left,
@@ -155,7 +158,7 @@ const ListItem = (_ref2) => {
     onClick,
     LinkWrapper
   } = _ref2,
-      rest = _objectWithoutPropertiesLoose(_ref2, ["loading", "left", "title", "center", "right", "active", "disabled", "href", "onClick", "LinkWrapper"]);
+      rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
 
   const itemProps = getItemProps(onClick, href, LinkWrapper);
   const commonProps = {

package/dist/modern/tooltip/Tooltip.js

@@ -1,3 +1,5 @@
+const _excluded = ["placement", "hasChrome", "children", "arrowProps", "tooltipRef", "arrowRef", "color"];
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -74,7 +76,7 @@ const Wrapper = styled.div(({
   borderRadius: theme.appBorderRadius * 2,
   fontSize: theme.typography.size.s1
 } : {});
-export const Tooltip = (_ref) => {
+export const Tooltip = _ref => {
   let {
     placement,
     hasChrome,
@@ -84,7 +86,7 @@ export const Tooltip = (_ref) => {
     arrowRef,
     color
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, ["placement", "hasChrome", "children", "arrowProps", "tooltipRef", "arrowRef", "color"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Wrapper, _extends({
     hasChrome: hasChrome,

package/dist/modern/tooltip/TooltipLinkList.js

@@ -1,3 +1,6 @@
+const _excluded = ["LinkWrapper", "onClick"],
+      _excluded2 = ["isGatsby"];
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -22,7 +25,7 @@ const Item = props => {
     LinkWrapper,
     onClick: onClickFromProps
   } = props,
-        rest = _objectWithoutPropertiesLoose(props, ["LinkWrapper", "onClick"]);
+        rest = _objectWithoutPropertiesLoose(props, _excluded);
 
   const {
     title,
@@ -47,11 +50,11 @@ Item.displayName = "Item";
 export const TooltipLinkList = ({
   links,
   LinkWrapper
-}) => /*#__PURE__*/React.createElement(List, null, links.map((_ref) => {
+}) => /*#__PURE__*/React.createElement(List, null, links.map(_ref => {
   let {
     isGatsby
   } = _ref,
-      p = _objectWithoutPropertiesLoose(_ref, ["isGatsby"]);
+      p = _objectWithoutPropertiesLoose(_ref, _excluded2);
 
   return /*#__PURE__*/React.createElement(Item, _extends({
     key: p.id,

package/dist/modern/tooltip/TooltipMessage.js

@@ -1,3 +1,5 @@
+const _excluded = ["title"];
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -37,11 +39,11 @@ export const TooltipMessage = ({
   desc,
   links
 }) => {
-  return /*#__PURE__*/React.createElement(MessageWrapper, null, /*#__PURE__*/React.createElement(Message, null, title && /*#__PURE__*/React.createElement(Title, null, title), desc && /*#__PURE__*/React.createElement(Desc, null, desc)), links && /*#__PURE__*/React.createElement(Links, null, links.map((_ref) => {
+  return /*#__PURE__*/React.createElement(MessageWrapper, null, /*#__PURE__*/React.createElement(Message, null, title && /*#__PURE__*/React.createElement(Title, null, title), desc && /*#__PURE__*/React.createElement(Desc, null, desc)), links && /*#__PURE__*/React.createElement(Links, null, links.map(_ref => {
     let {
       title: linkTitle
     } = _ref,
-        other = _objectWithoutPropertiesLoose(_ref, ["title"]);
+        other = _objectWithoutPropertiesLoose(_ref, _excluded);
 
     return /*#__PURE__*/React.createElement(Link, _extends({}, other, {
       key: linkTitle

package/dist/modern/tooltip/TooltipNote.js

@@ -1,3 +1,5 @@
+const _excluded = ["note"];
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import React from 'react';
@@ -18,11 +20,11 @@ const Note = styled.div(({
   background: theme.base === 'light' ? 'rgba(60, 60, 60, 0.9)' : 'rgba(20, 20, 20, 0.85)',
   margin: 6
 }));
-export const TooltipNote = (_ref) => {
+export const TooltipNote = _ref => {
   let {
     note
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, ["note"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Note, props, note);
 };

package/dist/modern/tooltip/WithTooltip.js

@@ -1,3 +1,6 @@
+const _excluded = ["svg", "trigger", "closeOnClick", "placement", "modifiers", "hasChrome", "tooltip", "children", "tooltipShown", "onVisibilityChange"],
+      _excluded2 = ["startOpen", "onVisibilityChange"];
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -20,7 +23,7 @@ const TargetSvgContainer = styled.g`
 `;
 
 // Pure, does not bind to the body
-const WithTooltipPure = (_ref) => {
+const WithTooltipPure = _ref => {
   let {
     svg,
     trigger,
@@ -32,7 +35,7 @@ const WithTooltipPure = (_ref) => {
     tooltipShown,
     onVisibilityChange
   } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, ["svg", "trigger", "closeOnClick", "placement", "modifiers", "hasChrome", "tooltip", "children", "tooltipShown", "onVisibilityChange"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   const Container = svg ? TargetSvgContainer : TargetContainer;
   return /*#__PURE__*/React.createElement(TooltipTrigger, {
@@ -93,12 +96,12 @@ WithTooltipPure.defaultProps = {
   tooltipShown: false
 };
 
-const WithToolTipState = (_ref2) => {
+const WithToolTipState = _ref2 => {
   let {
     startOpen,
     onVisibilityChange: onChange
   } = _ref2,
-      rest = _objectWithoutPropertiesLoose(_ref2, ["startOpen", "onVisibilityChange"]);
+      rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
 
   const [tooltipShown, setTooltipShown] = useState(startOpen || false);
   const onVisibilityChange = useCallback(visibility => {