@airtable/blocks 1.18.1 → 1.19.0

package/dist/cjs/ui/collaborator_token.js

@@ -1,55 +1,39 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/web.dom-collections.iterator.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-require("core-js/modules/es.symbol");
-
-require("core-js/modules/es.array.filter");
-
-require("core-js/modules/es.object.get-own-property-descriptors");
-
-require("core-js/modules/web.dom-collections.for-each");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.collaboratorTokenStylePropTypes = void 0;
-
+require("core-js/modules/es.object.to-string.js");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _emotion = require("emotion");
-
 var React = _interopRequireWildcard(require("react"));
-
 var _core = require("@styled-system/core");
-
 var _box = _interopRequireDefault(require("./box"));
-
 var _text = _interopRequireDefault(require("./text"));
-
 var _baymax_utils = require("./baymax_utils");
-
 var _use_styled_system = _interopRequireDefault(require("./use_styled_system"));
-
 var _system = require("./system");
-
 var _tooltip_anchor_props = require("./types/tooltip_anchor_props");
-
 var _use_base = _interopRequireDefault(require("./use_base"));
-
-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; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+var _excluded = ["collaborator", "isActive", "onMouseEnter", "onMouseLeave", "onClick", "hasOnClick", "className", "style"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @module @airtable/blocks/ui: CollaboratorToken */ /** */
 var UNKNOWN_PROFILE_PIC_URL = 'https://static.airtable.com/images/userIcons/user_icon_unknown.png';
+
 /**
  * Style props for the {@link CollaboratorToken} component. Accepts:
  * * {@link FlexItemSetProps}
@@ -60,8 +44,8 @@ var UNKNOWN_PROFILE_PIC_URL = 'https://static.airtable.com/images/userIcons/user
  */
 
 var styleParser = (0, _core.compose)(_system.flexItemSet, _system.positionSet, _system.margin);
+var collaboratorTokenStylePropTypes = exports.collaboratorTokenStylePropTypes = _objectSpread(_objectSpread(_objectSpread({}, _system.flexItemSetPropTypes), _system.positionSetPropTypes), _system.marginPropTypes);
 
-var collaboratorTokenStylePropTypes = _objectSpread({}, _system.flexItemSetPropTypes, {}, _system.positionSetPropTypes, {}, _system.marginPropTypes);
 /**
  * Props for the {@link CollaboratorToken} component. Also accepts:
  * * {@link CollaboratorTokenStyleProps}
@@ -70,9 +54,6 @@ var collaboratorTokenStylePropTypes = _objectSpread({}, _system.flexItemSetPropT
  * @docsPath UI/components/CollaboratorToken
  */
 
-
-exports.collaboratorTokenStylePropTypes = collaboratorTokenStylePropTypes;
-
 /**
  * A version of `Collaborator` that doesn't connect to base. Not part of the public API.
  *
@@ -80,19 +61,20 @@ exports.collaboratorTokenStylePropTypes = collaboratorTokenStylePropTypes;
  */
 var StaticCollaboratorToken = props => {
   var collaborator = props.collaborator,
-      _props$isActive = props.isActive,
-      isActive = _props$isActive === void 0 ? true : _props$isActive,
-      onMouseEnter = props.onMouseEnter,
-      onMouseLeave = props.onMouseLeave,
-      onClick = props.onClick,
-      hasOnClick = props.hasOnClick,
-      className = props.className,
-      style = props.style,
-      styleProps = (0, _objectWithoutProperties2.default)(props, ["collaborator", "isActive", "onMouseEnter", "onMouseLeave", "onClick", "hasOnClick", "className", "style"]);
+    _props$isActive = props.isActive,
+    isActive = _props$isActive === void 0 ? true : _props$isActive,
+    onMouseEnter = props.onMouseEnter,
+    onMouseLeave = props.onMouseLeave,
+    onClick = props.onClick,
+    hasOnClick = props.hasOnClick,
+    className = props.className,
+    style = props.style,
+    styleProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var classNameForStyledProps = (0, _use_styled_system.default)(styleProps, styleParser);
   var userName = collaborator.name || collaborator.email || 'Unknown';
   var profilePicUrl = collaborator.profilePicUrl || UNKNOWN_PROFILE_PIC_URL;
-  return React.createElement(_box.default // TODO (stephen): remove tooltip anchor props
+  return /*#__PURE__*/React.createElement(_box.default
+  // TODO (stephen): remove tooltip anchor props
   , {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
@@ -102,7 +84,7 @@ var StaticCollaboratorToken = props => {
     alignItems: "center",
     display: "inline-flex",
     opacity: isActive ? 1 : 0.5
-  }, profilePicUrl && React.createElement(_box.default, {
+  }, profilePicUrl && /*#__PURE__*/React.createElement(_box.default, {
     className: (0, _baymax_utils.baymax)('background-cover background-center'),
     style: {
       backgroundImage: "url(\"".concat(profilePicUrl, "\")")
@@ -114,7 +96,7 @@ var StaticCollaboratorToken = props => {
     zIndex: 1,
     flex: "none",
     backgroundColor: "grayLight2"
-  }), React.createElement(_text.default, {
+  }), /*#__PURE__*/React.createElement(_text.default, {
     className: (0, _baymax_utils.baymax)('truncate'),
     paddingRight: 2,
     paddingLeft: 3,
@@ -128,6 +110,7 @@ var StaticCollaboratorToken = props => {
     lineHeight: 1.4
   }, userName));
 };
+
 /**
  * A component that shows a single collaborator in a small token, to be displayed inline or in a list of choices.
  *
@@ -136,8 +119,6 @@ var StaticCollaboratorToken = props => {
  * @component
  * @docsPath UI/components/CollaboratorToken
  */
-
-
 var CollaboratorToken = props => {
   // Re-render when collaborator info updates. This is to ensure isActive is accurate.
   var base = (0, _use_base.default)();
@@ -145,12 +126,11 @@ var CollaboratorToken = props => {
   var isActive = activeCollaborators.some(activeCollaborator => {
     return activeCollaborator.id === props.collaborator.id;
   });
-  return React.createElement(StaticCollaboratorToken, (0, _extends2.default)({}, props, {
+  return /*#__PURE__*/React.createElement(StaticCollaboratorToken, (0, _extends2.default)({}, props, {
     isActive: isActive
   }));
 };
-
-CollaboratorToken.propTypes = _objectSpread({
+CollaboratorToken.propTypes = _objectSpread(_objectSpread({
   collaborator: _propTypes.default.shape({
     id: _propTypes.default.string,
     email: _propTypes.default.string,
@@ -160,7 +140,6 @@ CollaboratorToken.propTypes = _objectSpread({
   }).isRequired,
   className: _propTypes.default.string,
   style: _propTypes.default.object
-}, _tooltip_anchor_props.tooltipAnchorPropTypes, {}, collaboratorTokenStylePropTypes);
+}, _tooltip_anchor_props.tooltipAnchorPropTypes), collaboratorTokenStylePropTypes);
 CollaboratorToken.Static = StaticCollaboratorToken;
-var _default = CollaboratorToken;
-exports.default = _default;
+var _default = exports.default = CollaboratorToken;

package/dist/cjs/ui/color_palette.js

@@ -1,71 +1,49 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/web.dom-collections.iterator.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-require("core-js/modules/es.symbol");
-
-require("core-js/modules/es.array.filter");
-
-require("core-js/modules/es.array.map");
-
-require("core-js/modules/es.object.get-own-property-descriptors");
-
-require("core-js/modules/web.dom-collections.for-each");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ColorPalette = exports.sharedColorPalettePropTypes = exports.colorPaletteStylePropTypes = void 0;
-
+exports.sharedColorPalettePropTypes = exports.default = exports.colorPaletteStylePropTypes = exports.ColorPalette = void 0;
+require("core-js/modules/es.array.map.js");
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _emotion = require("emotion");
-
 var React = _interopRequireWildcard(require("react"));
-
 var _core = require("@styled-system/core");
-
 var _color_utils = _interopRequireDefault(require("../color_utils"));
-
 var _error_utils = require("../error_utils");
-
 var _baymax_utils = require("./baymax_utils");
-
 var _box = _interopRequireDefault(require("./box"));
-
 var _icon = _interopRequireDefault(require("./icon"));
-
 var _create_detect_element_resize = _interopRequireDefault(require("./create_detect_element_resize"));
-
 var _with_styled_system = _interopRequireDefault(require("./with_styled_system"));
-
 var _system = require("./system");
-
 var _tooltip_anchor_props = require("./types/tooltip_anchor_props");
-
-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; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @module @airtable/blocks/ui: ColorPalette */ /** */
 var MIN_COLOR_SQUARE_SIZE = 16;
 var DEFAULT_COLOR_SQUARE_SIZE = 24;
-var MAX_COLOR_SQUARE_SIZE = 32; // TODO: it's confusing that this expects color names, but other components
+var MAX_COLOR_SQUARE_SIZE = 32;
+
+// TODO: it's confusing that this expects color names, but other components
 // expect a CSS color string.
 
 /**
@@ -81,16 +59,13 @@ var MAX_COLOR_SQUARE_SIZE = 32; // TODO: it's confusing that this expects color
  */
 
 var styleParser = (0, _core.compose)(_system.maxWidth, _system.minWidth, _system.width, _system.flexItemSet, _system.positionSet, _system.margin);
+var colorPaletteStylePropTypes = exports.colorPaletteStylePropTypes = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _system.maxWidthPropTypes), _system.minWidthPropTypes), _system.widthPropTypes), _system.flexItemSetPropTypes), _system.positionSetPropTypes), _system.marginPropTypes);
 
-var colorPaletteStylePropTypes = _objectSpread({}, _system.maxWidthPropTypes, {}, _system.minWidthPropTypes, {}, _system.widthPropTypes, {}, _system.flexItemSetPropTypes, {}, _system.positionSetPropTypes, {}, _system.marginPropTypes);
 /**
  * Props shared between the {@link ColorPalette} and {@link ColorPaletteSynced} components.
  */
 
-
-exports.colorPaletteStylePropTypes = colorPaletteStylePropTypes;
-
-var sharedColorPalettePropTypes = _objectSpread({
+var sharedColorPalettePropTypes = exports.sharedColorPalettePropTypes = _objectSpread({
   allowedColors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
   onChange: _propTypes.default.func,
   squareMargin: _propTypes.default.number,
@@ -98,6 +73,7 @@ var sharedColorPalettePropTypes = _objectSpread({
   style: _propTypes.default.object,
   disabled: _propTypes.default.bool
 }, _tooltip_anchor_props.tooltipAnchorPropTypes);
+
 /**
  * Props for the {@link ColorPalette} component. Also accepts:
  * * {@link ColorPaletteStyleProps}
@@ -105,9 +81,7 @@ var sharedColorPalettePropTypes = _objectSpread({
  * @docsPath UI/components/ColorPalette
  */
 
-
-exports.sharedColorPalettePropTypes = sharedColorPalettePropTypes;
-
+/** @hidden */
 /**
  * A color selection component. Accepts a list of `allowedColors` to be displayed
  * as selectable color squares.
@@ -117,49 +91,35 @@ exports.sharedColorPalettePropTypes = sharedColorPalettePropTypes;
  * @component
  * @docsPath UI/components/ColorPalette
  */
-var ColorPalette =
-/*#__PURE__*/
-function (_React$Component) {
-  (0, _inherits2.default)(ColorPalette, _React$Component);
-
-  /** @hidden */
-
-  /** @hidden */
-
-  /** @internal */
-
-  /** @internal */
-
+var ColorPalette = exports.ColorPalette = /*#__PURE__*/function (_React$Component) {
   /** @hidden */
   function ColorPalette(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, ColorPalette);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(ColorPalette).call(this, props));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_detectElementResize", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_colorPaletteContainerRef", void 0);
+    _this = _callSuper(this, ColorPalette, [props]);
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_detectElementResize", void 0);
+    /** @internal */
+    (0, _defineProperty2.default)(_this, "_colorPaletteContainerRef", void 0);
     _this._detectElementResize = (0, _create_detect_element_resize.default)();
-    _this._colorPaletteContainerRef = React.createRef();
-    _this._setColorSquareSize = _this._setColorSquareSize.bind((0, _assertThisInitialized2.default)(_this));
+    _this._colorPaletteContainerRef = /*#__PURE__*/React.createRef();
+    _this._setColorSquareSize = _this._setColorSquareSize.bind(_this);
     _this.state = {
       squareSize: DEFAULT_COLOR_SQUARE_SIZE
     };
     return _this;
   }
   /** @hidden */
-
-
-  (0, _createClass2.default)(ColorPalette, [{
+  (0, _inherits2.default)(ColorPalette, _React$Component);
+  return (0, _createClass2.default)(ColorPalette, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this._colorPaletteContainerRef.current) {
         this._detectElementResize.addResizeListener(this._colorPaletteContainerRef.current, this._setColorSquareSize);
       }
-
       this._setColorSquareSize();
     }
     /** @hidden */
-
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
@@ -168,48 +128,43 @@ function (_React$Component) {
       }
     }
     /** @hidden */
-
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       if (this.props.allowedColors.length !== prevProps.allowedColors.length) {
         this._setColorSquareSize();
       }
-    } // Attempts to fit all `allowedColors` onto one line by adjusting color square size.
-
+    }
+    // Attempts to fit all `allowedColors` onto one line by adjusting color square size.
     /** @internal */
-
   }, {
     key: "_setColorSquareSize",
     value: function _setColorSquareSize() {
       var squareMargin = this.props.squareMargin;
       (0, _error_utils.invariant)(squareMargin !== null && squareMargin !== undefined, 'colorPalette.squareMargin must be a number');
-      (0, _error_utils.invariant)(this._colorPaletteContainerRef.current, 'No container to set color square size'); // Calculates the size of each square required to fit `numSquares` squares on one line.
+      (0, _error_utils.invariant)(this._colorPaletteContainerRef.current, 'No container to set color square size');
 
+      // Calculates the size of each square required to fit `numSquares` squares on one line.
       var calculateSquareSize = numSquares => {
         return (containerWidth - squareMargin * 2 * numSquares) / numSquares;
       };
-
       var containerWidth = this._colorPaletteContainerRef.current.getBoundingClientRect().width;
-
       var numColors = this.props.allowedColors.length;
       var calculatedSquareSize = calculateSquareSize(numColors);
-      var squareSize; // If we can't fit them all in one line, find the closest square size to the default that
+      var squareSize;
+      // If we can't fit them all in one line, find the closest square size to the default that
       // fills the row and let flexbox wrap the remainder
-
       if (calculatedSquareSize < MIN_COLOR_SQUARE_SIZE) {
         var numColorsThatWillFitAsDefaultSize = Math.round((containerWidth + 2 * squareMargin) / (DEFAULT_COLOR_SQUARE_SIZE + 2 * squareMargin));
         squareSize = squareSize = numColorsThatWillFitAsDefaultSize === 0 ? DEFAULT_COLOR_SQUARE_SIZE : calculateSquareSize(numColorsThatWillFitAsDefaultSize);
       } else {
         squareSize = Math.min(MAX_COLOR_SQUARE_SIZE, calculatedSquareSize);
       }
-
       this.setState({
         squareSize
       });
     }
     /** @internal */
-
   }, {
     key: "_onChange",
     value: function _onChange(color) {
@@ -218,23 +173,23 @@ function (_React$Component) {
       }
     }
     /** @hidden */
-
   }, {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          color = _this$props.color,
-          allowedColors = _this$props.allowedColors,
-          squareMargin = _this$props.squareMargin,
-          onMouseEnter = _this$props.onMouseEnter,
-          onMouseLeave = _this$props.onMouseLeave,
-          onClick = _this$props.onClick,
-          className = _this$props.className,
-          style = _this$props.style,
-          disabled = _this$props.disabled;
+        color = _this$props.color,
+        allowedColors = _this$props.allowedColors,
+        squareMargin = _this$props.squareMargin,
+        onMouseEnter = _this$props.onMouseEnter,
+        onMouseLeave = _this$props.onMouseLeave,
+        onClick = _this$props.onClick,
+        className = _this$props.className,
+        style = _this$props.style,
+        disabled = _this$props.disabled;
       var squareSize = this.state.squareSize;
       (0, _error_utils.invariant)(squareMargin !== null && squareMargin !== undefined, 'colorPalette.squareMargin must be a number');
-      return React.createElement(_box.default // TODO (stephen): remove tooltip anchor props
+      return /*#__PURE__*/React.createElement(_box.default
+      // TODO (stephen): remove tooltip anchor props
       , {
         onMouseEnter: onMouseEnter,
         onMouseLeave: onMouseLeave,
@@ -242,14 +197,15 @@ function (_React$Component) {
         className: className,
         style: style,
         overflow: "hidden"
-      }, React.createElement(_box.default, {
+      }, /*#__PURE__*/React.createElement(_box.default, {
         ref: this._colorPaletteContainerRef,
         display: "flex",
-        flexWrap: "wrap" // Add a negative margin to offset the margin of each swatch,
+        flexWrap: "wrap"
+        // Add a negative margin to offset the margin of each swatch,
         // so the color swatches are flush with the outer container.
         ,
         margin: "".concat(-squareMargin, "px")
-      }, allowedColors.map(allowedColor => React.createElement("label", {
+      }, allowedColors.map(allowedColor => /*#__PURE__*/React.createElement("label", {
         key: allowedColor,
         onClick: disabled ? undefined : () => this._onChange(allowedColor),
         style: {
@@ -262,26 +218,22 @@ function (_React$Component) {
           [(0, _baymax_utils.baymax)('pointer link-quiet')]: !disabled,
           [(0, _baymax_utils.baymax)('quieter')]: !!disabled
         })
-      }, allowedColor === color && React.createElement(_icon.default, {
+      }, allowedColor === color && /*#__PURE__*/React.createElement(_icon.default, {
         name: "check",
         size: squareSize,
         className: (0, _baymax_utils.baymax)(_color_utils.default.shouldUseLightTextOnColor(allowedColor) ? 'text-white' : 'text-dark')
       })))));
     }
   }]);
-  return ColorPalette;
 }(React.Component);
-
-exports.ColorPalette = ColorPalette;
+/** @hidden */
 (0, _defineProperty2.default)(ColorPalette, "propTypes", _objectSpread({
   color: _propTypes.default.string
 }, sharedColorPalettePropTypes));
+/** @hidden */
 (0, _defineProperty2.default)(ColorPalette, "defaultProps", {
   squareMargin: 4,
   className: '',
   style: {}
 });
-
-var _default = (0, _with_styled_system.default)(ColorPalette, styleParser, colorPaletteStylePropTypes);
-
-exports.default = _default;
+var _default = exports.default = (0, _with_styled_system.default)(ColorPalette, styleParser, colorPaletteStylePropTypes);