@airtable/blocks 0.0.0-experimental-f52bc4e5e-20250709 → 0.0.0-experimental-75d011284-20250904

package/dist/cjs/base/ui/confirmation_dialog.js

@@ -1,40 +1,19 @@
 "use strict";
 
-require("core-js/modules/es.symbol.js");
-require("core-js/modules/es.array.filter.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");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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.iterator.js");
-require("core-js/modules/web.dom-collections.iterator.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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
-var _dialog = _interopRequireWildcard(require("./dialog"));
+var _dialog = _interopRequireDefault(require("./dialog"));
 var _heading = _interopRequireDefault(require("./heading"));
 var _text = _interopRequireDefault(require("./text"));
 var _button = _interopRequireDefault(require("./button"));
 var _box = _interopRequireDefault(require("./box"));
-var _excluded = ["title", "body", "cancelButtonText", "confirmButtonText", "isConfirmActionDangerous", "className", "style", "backgroundClassName", "backgroundStyle", "onCancel", "onConfirm", "isCancelButtonDisabled", "isConfirmButtonDisabled"];
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-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; })(); } /** @module @airtable/blocks/ui: Dialog */ /** */
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /** @module @airtable/blocks/ui: Dialog */ /** */
 /**
  * Props for the {@link ConfirmationDialog} component. Also accepts:
  * * {@link DialogStyleProps}
@@ -42,6 +21,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @noInheritDoc
  * @docsPath UI/components/ConfirmationDialog
  */
+
 /**
  * A styled modal dialog component that prompts the user to confirm or cancel an action.
  *
@@ -53,101 +33,71 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @component
  * @docsPath UI/components/ConfirmationDialog
  */
-var ConfirmationDialog = /*#__PURE__*/function (_React$Component) {
-  function ConfirmationDialog() {
-    var _this;
-    (0, _classCallCheck2.default)(this, ConfirmationDialog);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+class ConfirmationDialog extends React.Component {
+  /** @hidden */
+  static defaultProps = {
+    cancelButtonText: 'Cancel',
+    confirmButtonText: 'Confirm',
+    isConfirmActionDangerous: false,
+    isCancelButtonDisabled: false,
+    isConfirmButtonDisabled: false,
+    width: '400px'
+  };
+  /** @internal */
+  _confirmButtonRef = /*#__PURE__*/React.createRef();
+  /** @hidden */
+  componentDidMount() {
+    if (this._confirmButtonRef.current !== null) {
+      this._confirmButtonRef.current.focus();
     }
-    _this = _callSuper(this, ConfirmationDialog, [...args]);
-    /** @internal */
-    (0, _defineProperty2.default)(_this, "_confirmButtonRef", /*#__PURE__*/React.createRef());
-    return _this;
   }
-  (0, _inherits2.default)(ConfirmationDialog, _React$Component);
-  return (0, _createClass2.default)(ConfirmationDialog, [{
-    key: "componentDidMount",
-    value: /** @hidden */
-    function componentDidMount() {
-      if (this._confirmButtonRef.current !== null) {
-        this._confirmButtonRef.current.focus();
-      }
-    }
-    /** @hidden */
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        title = _this$props.title,
-        body = _this$props.body,
-        cancelButtonText = _this$props.cancelButtonText,
-        confirmButtonText = _this$props.confirmButtonText,
-        isConfirmActionDangerous = _this$props.isConfirmActionDangerous,
-        className = _this$props.className,
-        style = _this$props.style,
-        backgroundClassName = _this$props.backgroundClassName,
-        backgroundStyle = _this$props.backgroundStyle,
-        onCancel = _this$props.onCancel,
-        onConfirm = _this$props.onConfirm,
-        isCancelButtonDisabled = _this$props.isCancelButtonDisabled,
-        isConfirmButtonDisabled = _this$props.isConfirmButtonDisabled,
-        restOfProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-      return /*#__PURE__*/React.createElement(_dialog.default, (0, _extends2.default)({
-        onClose: onCancel,
-        className: className,
-        style: style,
-        backgroundClassName: backgroundClassName,
-        backgroundStyle: backgroundStyle
-      }, restOfProps), /*#__PURE__*/React.createElement(_dialog.default.CloseButton, null), /*#__PURE__*/React.createElement(_heading.default, {
-        size: "small"
-      }, title), typeof body === 'string' ? /*#__PURE__*/React.createElement(_text.default, {
-        variant: "paragraph"
-      }, body) : body, /*#__PURE__*/React.createElement(_box.default, {
-        display: "flex",
-        flexDirection: "row-reverse",
-        alignItems: "center",
-        justifyContent: "start",
-        width: "100%",
-        marginTop: 3
-      }, /*#__PURE__*/React.createElement(_button.default, {
-        ref: this._confirmButtonRef,
-        onClick: onConfirm,
-        variant: isConfirmActionDangerous ? 'danger' : 'primary',
-        disabled: isConfirmButtonDisabled
-      }, confirmButtonText), /*#__PURE__*/React.createElement(_button.default, {
-        onClick: onCancel,
-        variant: "secondary",
-        alignSelf: "end",
-        marginRight: 2,
-        disabled: isCancelButtonDisabled
-      }, cancelButtonText)));
-    }
-  }]);
-}(React.Component);
-/** @hidden */
-(0, _defineProperty2.default)(ConfirmationDialog, "propTypes", _objectSpread({
-  title: _propTypes.default.string.isRequired,
-  body: _propTypes.default.node,
-  cancelButtonText: _propTypes.default.string,
-  confirmButtonText: _propTypes.default.string,
-  isConfirmActionDangerous: _propTypes.default.bool,
-  className: _propTypes.default.string,
-  style: _propTypes.default.object,
-  backgroundClassName: _propTypes.default.string,
-  backgroundStyle: _propTypes.default.object,
-  onCancel: _propTypes.default.func.isRequired,
-  onConfirm: _propTypes.default.func.isRequired,
-  isCancelButtonDisabled: _propTypes.default.bool,
-  isConfirmButtonDisabled: _propTypes.default.bool
-}, _dialog.dialogStylePropTypes));
-/** @hidden */
-(0, _defineProperty2.default)(ConfirmationDialog, "defaultProps", {
-  cancelButtonText: 'Cancel',
-  confirmButtonText: 'Confirm',
-  isConfirmActionDangerous: false,
-  isCancelButtonDisabled: false,
-  isConfirmButtonDisabled: false,
-  width: '400px'
-});
+  /** @hidden */
+  render() {
+    const {
+      title,
+      body,
+      cancelButtonText,
+      confirmButtonText,
+      isConfirmActionDangerous,
+      className,
+      style,
+      backgroundClassName,
+      backgroundStyle,
+      onCancel,
+      onConfirm,
+      isCancelButtonDisabled,
+      isConfirmButtonDisabled,
+      ...restOfProps
+    } = this.props;
+    return /*#__PURE__*/React.createElement(_dialog.default, _extends({
+      onClose: onCancel,
+      className: className,
+      style: style,
+      backgroundClassName: backgroundClassName,
+      backgroundStyle: backgroundStyle
+    }, restOfProps), /*#__PURE__*/React.createElement(_dialog.default.CloseButton, null), /*#__PURE__*/React.createElement(_heading.default, {
+      size: "small"
+    }, title), typeof body === 'string' ? /*#__PURE__*/React.createElement(_text.default, {
+      variant: "paragraph"
+    }, body) : body, /*#__PURE__*/React.createElement(_box.default, {
+      display: "flex",
+      flexDirection: "row-reverse",
+      alignItems: "center",
+      justifyContent: "start",
+      width: "100%",
+      marginTop: 3
+    }, /*#__PURE__*/React.createElement(_button.default, {
+      ref: this._confirmButtonRef,
+      onClick: onConfirm,
+      variant: isConfirmActionDangerous ? 'danger' : 'primary',
+      disabled: isConfirmButtonDisabled
+    }, confirmButtonText), /*#__PURE__*/React.createElement(_button.default, {
+      onClick: onCancel,
+      variant: "secondary",
+      alignSelf: "end",
+      marginRight: 2,
+      disabled: isCancelButtonDisabled
+    }, cancelButtonText)));
+  }
+}
 var _default = exports.default = ConfirmationDialog;

package/dist/cjs/base/ui/control_sizes.js

@@ -1,10 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.controlSizePropType = exports.ControlSize = void 0;
+exports.ControlSize = void 0;
 exports.useButtonSize = useButtonSize;
 exports.useInputSize = useInputSize;
 exports.useSelectButtonsSize = useSelectButtonsSize;
@@ -16,26 +15,25 @@ var _use_theme = _interopRequireDefault(require("./theme/use_theme"));
 var _get_style_props_for_responsive_prop = _interopRequireDefault(require("./system/utils/get_style_props_for_responsive_prop"));
 var _use_styled_system = _interopRequireDefault(require("./use_styled_system"));
 var _system = require("./system");
-var _enum_prop_type_utils = require("./system/utils/enum_prop_type_utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /** @module @airtable/blocks/ui/system: Control sizes */ /** */
 
 /**
  * Sizes for the {@link Button}, {@link Input}, {@link Select}, {@link SelectButtons}, and {@link Switch} components.
  */
 
-var ControlSize = exports.ControlSize = (0, _private_utils.createEnum)('small', 'default', 'large');
+const ControlSize = exports.ControlSize = (0, _private_utils.createEnum)('small', 'default', 'large');
 
 /**
  * Size prop for the {@link Button}, {@link Input}, {@link Select}, {@link SelectButtons}, and {@link Switch} components.
  */
 
-var controlSizePropType = exports.controlSizePropType = (0, _enum_prop_type_utils.createResponsivePropTypeFromEnum)(ControlSize);
-
 /** @internal */
 function useButtonSize(controlSizeProp) {
-  var _useTheme = (0, _use_theme.default)(),
-    buttonSizes = _useTheme.buttonSizes;
-  var styleProps;
+  const {
+    buttonSizes
+  } = (0, _use_theme.default)();
+  let styleProps;
   if (typeof controlSizeProp === 'string') {
     styleProps = buttonSizes[controlSizeProp];
   } else {
@@ -45,15 +43,16 @@ function useButtonSize(controlSizeProp) {
 }
 
 // For selects we create a custom style parser that includes `backgroundPosition`.
-var selectSizeStyleParser = (0, _core.compose)(_system.allStylesParser, (0, _core.system)({
+const selectSizeStyleParser = (0, _core.compose)(_system.allStylesParser, (0, _core.system)({
   backgroundPosition: true
 }));
 
 /** @internal */
 function useSelectSize(controlSizeProp) {
-  var _useTheme2 = (0, _use_theme.default)(),
-    selectSizes = _useTheme2.selectSizes;
-  var styleProps;
+  const {
+    selectSizes
+  } = (0, _use_theme.default)();
+  let styleProps;
   if (typeof controlSizeProp === 'string') {
     styleProps = selectSizes[controlSizeProp];
   } else {
@@ -64,9 +63,10 @@ function useSelectSize(controlSizeProp) {
 
 /** @internal */
 function useInputSize(controlSizeProp) {
-  var _useTheme3 = (0, _use_theme.default)(),
-    inputSizes = _useTheme3.inputSizes;
-  var styleProps;
+  const {
+    inputSizes
+  } = (0, _use_theme.default)();
+  let styleProps;
   if (typeof controlSizeProp === 'string') {
     styleProps = inputSizes[controlSizeProp];
   } else {
@@ -77,9 +77,10 @@ function useInputSize(controlSizeProp) {
 
 /** @internal */
 function useSelectButtonsSize(controlSizeProp) {
-  var _useTheme4 = (0, _use_theme.default)(),
-    selectButtonsSizes = _useTheme4.selectButtonsSizes;
-  var styleProps;
+  const {
+    selectButtonsSizes
+  } = (0, _use_theme.default)();
+  let styleProps;
   if (typeof controlSizeProp === 'string') {
     styleProps = selectButtonsSizes[controlSizeProp];
   } else {
@@ -90,9 +91,10 @@ function useSelectButtonsSize(controlSizeProp) {
 
 /** @internal */
 function useSwitchSize(controlSizeProp) {
-  var _useTheme5 = (0, _use_theme.default)(),
-    switchSizes = _useTheme5.switchSizes;
-  var styleProps;
+  const {
+    switchSizes
+  } = (0, _use_theme.default)();
+  let styleProps;
   if (typeof controlSizeProp === 'string') {
     styleProps = switchSizes[controlSizeProp];
   } else {

package/dist/cjs/base/ui/create_detect_element_resize.js

@@ -4,10 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createDetectElementResize;
-require("core-js/modules/es.array.index-of.js");
-require("core-js/modules/es.array.splice.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/web.dom-collections.for-each.js");
 // @ts-nocheck
 
 // Detect Element Resize.
@@ -65,7 +61,7 @@ function createDetectElementResize(nonce) {
         return cancel(id);
       };
     }();
-    resetTriggers = function resetTriggers(element) {
+    resetTriggers = function (element) {
       var triggers = element.__resizeTriggers__,
         expand = triggers.firstElementChild,
         contract = triggers.lastElementChild,
@@ -77,10 +73,10 @@ function createDetectElementResize(nonce) {
       expand.scrollLeft = expand.scrollWidth;
       expand.scrollTop = expand.scrollHeight;
     };
-    checkTriggers = function checkTriggers(element) {
+    checkTriggers = function (element) {
       return element.offsetWidth !== element.__resizeLast__.width || element.offsetHeight !== element.__resizeLast__.height;
     };
-    scrollListener = function scrollListener(e) {
+    scrollListener = function (e) {
       // Don't measure (which forces) reflow for scrolls that happen inside of children!
       if (e.target.className.indexOf('contract-trigger') < 0 && e.target.className.indexOf('expand-trigger') < 0) {
         return;
@@ -131,7 +127,7 @@ function createDetectElementResize(nonce) {
     animationKeyframes = '@' + keyframeprefix + 'keyframes ' + animationName + ' { from { opacity: 0; } to { opacity: 0; } } ';
     animationStyle = keyframeprefix + 'animation: 1ms ' + animationName + '; ';
   }
-  var createStyles = function createStyles() {
+  var createStyles = function () {
     if (!document.getElementById('detectElementResize')) {
       // opacity:0 works around a chrome bug https://code.google.com/p/chromium/issues/detail?id=286360
       var css = (animationKeyframes ? animationKeyframes : '') + '.resize-triggers { ' + (animationStyle ? animationStyle : '') + 'visibility: hidden; opacity: 0; } ' + '.resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }',
@@ -150,7 +146,7 @@ function createDetectElementResize(nonce) {
       head.appendChild(style);
     }
   };
-  var addResizeListener = function addResizeListener(element, fn) {
+  var addResizeListener = function (element, fn) {
     if (attachEvent) {
       element.attachEvent('onresize', fn);
     } else {
@@ -181,7 +177,7 @@ function createDetectElementResize(nonce) {
       element.__resizeListeners__.push(fn);
     }
   };
-  var removeResizeListener = function removeResizeListener(element, fn) {
+  var removeResizeListener = function (element, fn) {
     if (attachEvent) {
       element.detachEvent('onresize', fn);
     } else {

package/dist/cjs/base/ui/css_helpers.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _emotion = require("emotion");
-var cssHelpers = {
+const cssHelpers = {
   TRUNCATE: (0, _emotion.css)({
     overflow: 'hidden',
     textOverflow: 'ellipsis',

package/dist/cjs/base/ui/dialog.js

@@ -1,40 +1,19 @@
 "use strict";
 
-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");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.dialogStylePropTypes = exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+exports.default = void 0;
+exports.useDialogContext = useDialogContext;
 var _emotion = require("emotion");
 var React = _interopRequireWildcard(require("react"));
 var _baymax_utils = require("./baymax_utils");
 var _modal = _interopRequireDefault(require("./modal"));
 var _dialog_close_button = _interopRequireDefault(require("./dialog_close_button"));
-var _system = require("./system");
-var _excluded = ["onClose", "className", "style", "backgroundClassName", "backgroundStyle", "children"];
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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: Dialog */ /** */
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /** @module @airtable/blocks/ui: Dialog */ /** */
 /**
  * Style props shared between the {@link Dialog} and {@link ConfirmationDialog} components. Also accepts:
  * * {@link DimensionsSetProps}
@@ -45,7 +24,14 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  */
 // This is equivalent to ModalStyleProps, but we include it separately since Modal is private.
 
-var dialogStylePropTypes = exports.dialogStylePropTypes = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _system.dimensionsSetPropTypes), _system.displayPropTypes), _system.flexContainerSetPropTypes), _system.spacingSetPropTypes);
+/** @internal */
+const DialogContext = /*#__PURE__*/React.createContext({
+  onDialogClose: null
+});
+/** @internal */
+function useDialogContext() {
+  return React.useContext(DialogContext);
+}
 
 /**
  * Props for the {@link Dialog} component. Also accepts:
@@ -54,6 +40,7 @@ var dialogStylePropTypes = exports.dialogStylePropTypes = _objectSpread(_objectS
  * @noInheritDoc
  * @docsPath UI/components/Dialog
  */
+
 /**
  * A styled modal dialog component.
  *
@@ -63,80 +50,52 @@ var dialogStylePropTypes = exports.dialogStylePropTypes = _objectSpread(_objectS
  * @component
  */
 // TODO (stephen): focus trapping
-var Dialog = /*#__PURE__*/function (_React$Component) {
+class Dialog extends React.Component {
+  /** @hidden */
+  static CloseButton = _dialog_close_button.default;
+
   /** @hidden */
-  function Dialog(props) {
-    var _this;
-    (0, _classCallCheck2.default)(this, Dialog);
-    _this = _callSuper(this, Dialog, [props]);
-    _this._onKeyDown = _this._onKeyDown.bind(_this);
-    return _this;
+  constructor(props) {
+    super(props);
+    this._onKeyDown = this._onKeyDown.bind(this);
   }
   /** @hidden */
-  (0, _inherits2.default)(Dialog, _React$Component);
-  return (0, _createClass2.default)(Dialog, [{
-    key: "getChildContext",
-    value: function getChildContext() {
-      return {
-        onDialogClose: this.props.onClose
-      };
-    }
-    /** @hidden */
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      window.addEventListener('keydown', this._onKeyDown, false);
-    }
-    /** @hidden */
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      window.removeEventListener('keydown', this._onKeyDown, false);
+  componentDidMount() {
+    window.addEventListener('keydown', this._onKeyDown, false);
+  }
+  /** @hidden */
+  componentWillUnmount() {
+    window.removeEventListener('keydown', this._onKeyDown, false);
+  }
+  /** @internal */
+  _onKeyDown(e) {
+    if (e.key === 'Escape') {
+      this.props.onClose();
     }
-    /** @internal */
-  }, {
-    key: "_onKeyDown",
-    value: function _onKeyDown(e) {
-      if (e.key === 'Escape') {
-        this.props.onClose();
+  }
+  /** @hidden */
+  render() {
+    const {
+      onClose,
+      className,
+      style,
+      backgroundClassName,
+      backgroundStyle,
+      children,
+      ...restOfProps
+    } = this.props;
+    return /*#__PURE__*/React.createElement(_modal.default, _extends({
+      onClose: onClose,
+      className: (0, _emotion.cx)((0, _baymax_utils.baymax)('big line-height-4'), className),
+      style: style,
+      backgroundClassName: backgroundClassName,
+      backgroundStyle: backgroundStyle
+    }, restOfProps), /*#__PURE__*/React.createElement(DialogContext.Provider, {
+      value: {
+        // automatically pass onClose to any descendants that are Dialog.CloseButton
+        onDialogClose: onClose
       }
-    }
-    /** @hidden */
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        onClose = _this$props.onClose,
-        className = _this$props.className,
-        style = _this$props.style,
-        backgroundClassName = _this$props.backgroundClassName,
-        backgroundStyle = _this$props.backgroundStyle,
-        children = _this$props.children,
-        restOfProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-      return /*#__PURE__*/React.createElement(_modal.default, (0, _extends2.default)({
-        onClose: onClose,
-        className: (0, _emotion.cx)((0, _baymax_utils.baymax)('big line-height-4'), className),
-        style: style,
-        backgroundClassName: backgroundClassName,
-        backgroundStyle: backgroundStyle
-      }, restOfProps), children);
-    }
-  }]);
-}(React.Component);
-/** @hidden */
-(0, _defineProperty2.default)(Dialog, "CloseButton", _dialog_close_button.default);
-/** @hidden */
-(0, _defineProperty2.default)(Dialog, "propTypes", _objectSpread({
-  onClose: _propTypes.default.func.isRequired,
-  className: _propTypes.default.string,
-  style: _propTypes.default.object,
-  backgroundClassName: _propTypes.default.string,
-  backgroundStyle: _propTypes.default.object,
-  children: _propTypes.default.node.isRequired
-}, dialogStylePropTypes));
-// automatically pass onClose to any descendants that are Dialog.CloseButton
-/** @hidden */
-(0, _defineProperty2.default)(Dialog, "childContextTypes", {
-  onDialogClose: _propTypes.default.func
-});
+    }, children));
+  }
+}
 var _default = exports.default = Dialog;