@airtable/blocks 1.18.1 → 1.19.0

package/dist/cjs/ui/link.js

@@ -1,69 +1,61 @@
 "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.index-of");
-
-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.linkStylePropTypes = void 0;
-
+exports.linkStylePropTypes = exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
+require("core-js/modules/es.array.index-of.js");
+require("core-js/modules/es.regexp.exec.js");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _emotion = require("emotion");
-
 var _core = require("@styled-system/core");
-
 var _private_utils = require("../private_utils");
-
 var _use_styled_system = _interopRequireDefault(require("./use_styled_system"));
-
 var _use_theme = _interopRequireDefault(require("./theme/use_theme"));
-
 var _aria_props = require("./types/aria_props");
-
 var _data_attributes_prop = require("./types/data_attributes_prop");
-
 var _create_responsive_prop_type = _interopRequireDefault(require("./system/utils/create_responsive_prop_type"));
-
 var _system = require("./system");
-
 var _tooltip_anchor_props = require("./types/tooltip_anchor_props");
-
 var _text = require("./text");
-
 var _icon_config = require("./icon_config");
-
 var _icon = _interopRequireDefault(require("./icon"));
-
-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 = ["size", "variant", "underline", "icon", "href", "id", "target", "onMouseEnter", "onMouseLeave", "onClick", "hasOnClick", "tabIndex", "className", "style", "children", "dataAttributes", "aria-label", "aria-labelledby", "aria-describedby", "aria-controls", "aria-expanded", "aria-haspopup", "aria-hidden", "aria-live"];
+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: Link */ /** */
+/**
+ * Style props for the {@link Link} component. Also accepts:
+ * * {@link FlexItemSetProps}
+ * * {@link FontWeightProps}
+ * * {@link MaxWidthProps}
+ * * {@link MinWidthProps}
+ * * {@link PositionSetProps}
+ * * {@link SpacingSetProps}
+ * * {@link WidthProps}
+ *
+ * @noInheritDoc
+ */
 
 var styleParser = (0, _core.compose)(_system.display, _system.maxWidth, _system.minWidth, _system.width, _system.flexItemSet, _system.positionSet, _system.fontWeight, _system.spacingSet);
-
-var linkStylePropTypes = _objectSpread({
+var linkStylePropTypes = exports.linkStylePropTypes = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
   display: (0, _create_responsive_prop_type.default)(_propTypes.default.oneOf(['inline-flex', 'flex', 'none']))
-}, _system.maxWidthPropTypes, {}, _system.minWidthPropTypes, {}, _system.widthPropTypes, {}, _system.flexItemSetPropTypes, {}, _system.positionSetPropTypes, {}, _system.fontWeightPropTypes, {}, _system.spacingSetPropTypes);
+}, _system.maxWidthPropTypes), _system.minWidthPropTypes), _system.widthPropTypes), _system.flexItemSetPropTypes), _system.positionSetPropTypes), _system.fontWeightPropTypes), _system.spacingSetPropTypes);
+
 /**
  * Variants for the {@link Link} component:
  *
@@ -80,20 +72,17 @@ var linkStylePropTypes = _objectSpread({
  * Light gray text.
  */
 
-
-exports.linkStylePropTypes = linkStylePropTypes;
 var LinkVariant = (0, _private_utils.createEnum)('default', 'dark', 'light');
 var linkVariantPropType = (0, _private_utils.createPropTypeFromEnum)(LinkVariant);
-/** @internal */
 
+/** @internal */
 function useLinkVariant() {
   var variant = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : LinkVariant.default;
-
   var _useTheme = (0, _use_theme.default)(),
-      linkVariants = _useTheme.linkVariants;
-
+    linkVariants = _useTheme.linkVariants;
   return linkVariants[variant];
 }
+
 /**
  * Props for the {@link Link} component. Also supports:
  * * {@link AriaProps}
@@ -103,22 +92,19 @@ function useLinkVariant() {
  * @noInheritDoc
  */
 
-
 // A "reasonable" scheme is one which does not have any escaped characters.
 // This means if it passes this regex, we can confidently check to make sure the
 // scheme is not "javascript://" to avoid XSS. Otherwise, "javascript" may be encoded
 // as "&#106avascript://" or any other permutation of escaped characters.
 // Ref: https://tools.ietf.org/html/rfc3986#section-3.1
 var reasonableUrlSchemeRegex = /^[a-z0-9]+:\/\//i;
-/** @internal */
 
+/** @internal */
 function _getSanitizedHref(href) {
   if (!href) {
     return undefined;
   }
-
   var hasScheme = href.indexOf('://') !== -1;
-
   if (!hasScheme) {
     // If it's a relative URL (like '/foo'), leave it alone.
     return href;
@@ -133,6 +119,7 @@ function _getSanitizedHref(href) {
     return 'http://' + href;
   }
 }
+
 /**
  * A styled link component with security benefits.
  *
@@ -150,37 +137,35 @@ function _getSanitizedHref(href) {
  * @docsPath UI/components/Link
  * @component
  */
-
-
 var Link = (props, ref) => {
   var _props$size = props.size,
-      size = _props$size === void 0 ? _text.TextSize.default : _props$size,
-      _props$variant = props.variant,
-      variant = _props$variant === void 0 ? LinkVariant.default : _props$variant,
-      _props$underline = props.underline,
-      underline = _props$underline === void 0 ? false : _props$underline,
-      icon = props.icon,
-      href = props.href,
-      id = props.id,
-      target = props.target,
-      onMouseEnter = props.onMouseEnter,
-      onMouseLeave = props.onMouseLeave,
-      onClick = props.onClick,
-      hasOnClick = props.hasOnClick,
-      tabIndex = props.tabIndex,
-      className = props.className,
-      style = props.style,
-      children = props.children,
-      dataAttributes = props.dataAttributes,
-      ariaLabel = props['aria-label'],
-      ariaLabelledBy = props['aria-labelledby'],
-      ariaDescribedBy = props['aria-describedby'],
-      ariaControls = props['aria-controls'],
-      ariaExpanded = props['aria-expanded'],
-      ariaHasPopup = props['aria-haspopup'],
-      ariaHidden = props['aria-hidden'],
-      ariaLive = props['aria-live'],
-      styleProps = (0, _objectWithoutProperties2.default)(props, ["size", "variant", "underline", "icon", "href", "id", "target", "onMouseEnter", "onMouseLeave", "onClick", "hasOnClick", "tabIndex", "className", "style", "children", "dataAttributes", "aria-label", "aria-labelledby", "aria-describedby", "aria-controls", "aria-expanded", "aria-haspopup", "aria-hidden", "aria-live"]);
+    size = _props$size === void 0 ? _text.TextSize.default : _props$size,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? LinkVariant.default : _props$variant,
+    _props$underline = props.underline,
+    underline = _props$underline === void 0 ? false : _props$underline,
+    icon = props.icon,
+    href = props.href,
+    id = props.id,
+    target = props.target,
+    onMouseEnter = props.onMouseEnter,
+    onMouseLeave = props.onMouseLeave,
+    onClick = props.onClick,
+    hasOnClick = props.hasOnClick,
+    tabIndex = props.tabIndex,
+    className = props.className,
+    style = props.style,
+    children = props.children,
+    dataAttributes = props.dataAttributes,
+    ariaLabel = props['aria-label'],
+    ariaLabelledBy = props['aria-labelledby'],
+    ariaDescribedBy = props['aria-describedby'],
+    ariaControls = props['aria-controls'],
+    ariaExpanded = props['aria-expanded'],
+    ariaHasPopup = props['aria-haspopup'],
+    ariaHidden = props['aria-hidden'],
+    ariaLive = props['aria-live'],
+    styleProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var classNameForTextStyle = (0, _text.useTextStyle)(size);
   var classNameForLinkVariant = useLinkVariant(variant);
   var classNameForUnderline = (0, _use_styled_system.default)({
@@ -192,16 +177,18 @@ var Link = (props, ref) => {
     padding: '0 0.1em',
     margin: '0 -0.1em',
     maxWidth: '100%'
-  }, styleProps), styleParser); // Set rel="noopener noreferrer" to avoid reverse tabnabbing.
-  // https://www.owasp.org/index.php/Reverse_Tabnabbing
+  }, styleProps), styleParser);
 
+  // Set rel="noopener noreferrer" to avoid reverse tabnabbing.
+  // https://www.owasp.org/index.php/Reverse_Tabnabbing
   var rel = target ? 'noopener noreferrer' : undefined;
-  return React.createElement("a", (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement("a", (0, _extends2.default)({
     ref: ref,
     href: _getSanitizedHref(href),
     target: target,
     id: id,
-    rel: rel // TODO (stephen): remove tooltip anchor props
+    rel: rel
+    // TODO (stephen): remove tooltip anchor props
     ,
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
@@ -217,16 +204,15 @@ var Link = (props, ref) => {
     "aria-haspopup": ariaHasPopup,
     "aria-hidden": ariaHidden,
     "aria-live": ariaLive
-  }, dataAttributes), typeof icon === 'string' ? React.createElement(_icon.default, {
+  }, dataAttributes), typeof icon === 'string' ? /*#__PURE__*/React.createElement(_icon.default, {
     name: icon,
     size: "1em",
     flex: "none",
     marginRight: "0.5em"
   }) : icon, children);
 };
-
-var ForwardedRefLink = React.forwardRef(Link);
-ForwardedRefLink.propTypes = _objectSpread({
+var ForwardedRefLink = /*#__PURE__*/React.forwardRef(Link);
+ForwardedRefLink.propTypes = _objectSpread(_objectSpread(_objectSpread({
   size: _text.textSizePropType,
   variant: linkVariantPropType,
   icon: _propTypes.default.oneOfType([_icon_config.iconNamePropType, _propTypes.default.element]),
@@ -237,7 +223,6 @@ ForwardedRefLink.propTypes = _objectSpread({
   style: _propTypes.default.object,
   children: _propTypes.default.node,
   dataAttributes: _data_attributes_prop.dataAttributesPropType
-}, _tooltip_anchor_props.tooltipAnchorPropTypes, {}, linkStylePropTypes, {}, _aria_props.ariaPropTypes);
+}, _tooltip_anchor_props.tooltipAnchorPropTypes), linkStylePropTypes), _aria_props.ariaPropTypes);
 ForwardedRefLink.displayName = 'Link';
-var _default = ForwardedRefLink;
-exports.default = _default;
+var _default = exports.default = ForwardedRefLink;

package/dist/cjs/ui/loader.js

@@ -1,45 +1,35 @@
 "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.object.get-own-property-descriptors");
-
-require("core-js/modules/web.dom-collections.for-each");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.loaderStylePropTypes = void 0;
-
+exports.loaderStylePropTypes = exports.default = void 0;
+require("core-js/modules/es.array.concat.js");
 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 _baymax_utils = require("./baymax_utils");
-
 var _use_styled_system = _interopRequireDefault(require("./use_styled_system"));
-
 var _system = require("./system");
-
-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 = ["fillColor", "scale", "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: Loader */ /** */
 var ORIGINAL_SIZE = 54;
+
 /**
  * Style props for the {@link Loader} component. Accepts:
  * * {@link FlexItemSetProps}
@@ -48,8 +38,8 @@ var ORIGINAL_SIZE = 54;
  */
 
 var styleParser = (0, _core.compose)(_system.flexItemSet, _system.positionSet, _system.margin);
+var loaderStylePropTypes = exports.loaderStylePropTypes = _objectSpread(_objectSpread(_objectSpread({}, _system.flexItemSetPropTypes), _system.positionSetPropTypes), _system.marginPropTypes);
 
-var loaderStylePropTypes = _objectSpread({}, _system.flexItemSetPropTypes, {}, _system.positionSetPropTypes, {}, _system.marginPropTypes);
 /**
  * Props for the {@link Loader} component. Also accepts:
  * * {@link LoaderStyleProps}
@@ -58,11 +48,7 @@ var loaderStylePropTypes = _objectSpread({}, _system.flexItemSetPropTypes, {}, _
  * @noInheritDoc
  */
 
-
-exports.loaderStylePropTypes = loaderStylePropTypes;
-
 // Override the default props and then just proxy through to our loader.
-
 /**
  * A loading spinner component.
  *
@@ -73,12 +59,12 @@ exports.loaderStylePropTypes = loaderStylePropTypes;
  */
 var Loader = props => {
   var fillColor = props.fillColor,
-      scale = props.scale,
-      className = props.className,
-      style = props.style,
-      styleProps = (0, _objectWithoutProperties2.default)(props, ["fillColor", "scale", "className", "style"]);
+    scale = props.scale,
+    className = props.className,
+    style = props.style,
+    styleProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var classNameForStyleProps = (0, _use_styled_system.default)(styleProps, styleParser);
-  return React.createElement("svg", {
+  return /*#__PURE__*/React.createElement("svg", {
     width: ORIGINAL_SIZE * scale,
     height: ORIGINAL_SIZE * scale,
     viewBox: "0 0 ".concat(ORIGINAL_SIZE, " ").concat(ORIGINAL_SIZE),
@@ -86,18 +72,17 @@ var Loader = props => {
     style: _objectSpread({
       shapeRendering: 'geometricPrecision'
     }, style)
-  }, React.createElement("g", null, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
     d: "M10.9,48.6c-1.6-1.3-2-3.6-0.7-5.3c1.3-1.6,3.6-2.1,5.3-0.8c0.8,0.5,1.5,1.1,2.4,1.5c7.5,4.1,16.8,2.7,22.8-3.4c1.5-1.5,3.8-1.5,5.3,0c1.4,1.5,1.4,3.9,0,5.3c-8.4,8.5-21.4,10.6-31.8,4.8C13,50.1,11.9,49.3,10.9,48.6z",
     fill: fillColor
-  }), React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M53.6,31.4c-0.3,2.1-2.3,3.5-4.4,3.2c-2.1-0.3-3.4-2.3-3.1-4.4c0.2-1.1,0.2-2.2,0.2-3.3c0-8.7-5.7-16.2-13.7-18.5c-2-0.5-3.2-2.7-2.6-4.7s2.6-3.2,4.7-2.6C46,4.4,53.9,14.9,53.9,27C53.9,28.5,53.8,30,53.6,31.4z",
     fill: fillColor
-  }), React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M16.7,1.9c1.9-0.8,4.1,0.2,4.8,2.2s-0.2,4.2-2.1,5c-7.2,2.9-12,10-12,18.1c0,1.6,0.2,3.2,0.6,4.7c0.5,2-0.7,4.1-2.7,4.6c-2,0.5-4-0.7-4.5-2.8C0.3,31.5,0,29.3,0,27.1C0,15.8,6.7,5.9,16.7,1.9z",
     fill: fillColor
   })));
 };
-
 Loader.propTypes = _objectSpread({
   fillColor: _propTypes.default.string.isRequired,
   scale: _propTypes.default.number.isRequired,
@@ -108,5 +93,4 @@ Loader.defaultProps = {
   fillColor: '#888',
   scale: 0.3
 };
-var _default = Loader;
-exports.default = _default;
+var _default = exports.default = Loader;