@airtable/blocks 1.18.1 → 1.19.0

package/CHANGELOG.md

@@ -9,10 +9,24 @@ Not every commit needs to result in a change to this file (e.g. docs and chore c
 commit that affects the code in a way that consumers might care about should include edits to the
 'Unreleased' section though. Breaking changes should be prefixed with `**BREAKING:**`.
 
-## [Unreleased](https://github.com/airtable/blocks/compare/@airtable/blocks@1.18.1...HEAD)
+## [Unreleased](https://github.com/airtable/blocks/compare/@airtable/blocks@1.19.0...HEAD)
 
 No changes.
 
+## [1.19.0](https://github.com/airtable/blocks/compare/@airtable/blocks@1.18.2...@airtable/blocks@1.19.0) - 2025-06-06
+
+-   Add `useColorScheme` React hook, making a user's light/dark mode preference available in
+    JavaScript. Airtable will also set
+    [`color-scheme`](https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme) on extension
+    iframes, so
+    [`prefers-color-scheme`](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme)
+    media queries will match the user's Airtable preferences before browser-wide settings.
+
+## [1.18.2](https://github.com/airtable/blocks/compare/@airtable/blocks@1.18.1...@airtable/blocks@1.18.2) - 2024-09-25
+
+-   Upgrade Typescript version to 5.4.5
+-   Perform routine version upgrade to various packages, including `react` and `eslint`
+
 ## [1.18.1](https://github.com/airtable/blocks/compare/@airtable/blocks@1.18.0...@airtable/blocks@1.18.1) - 2023-11-29
 
 -   Support React 17 as a peer dependency.

package/dist/cjs/color_utils.js

@@ -1,46 +1,45 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-require("core-js/modules/es.object.to-string");
-
-require("core-js/modules/es.regexp.to-string");
-
-require("core-js/modules/es.string.ends-with");
-
-require("core-js/modules/es.string.pad-start");
-
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.regexp.to-string.js");
+require("core-js/modules/es.string.ends-with.js");
+require("core-js/modules/es.string.pad-start.js");
 var _private_utils = require("./private_utils");
-
 var _colors = _interopRequireWildcard(require("./colors"));
+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; }
+/** @module @airtable/blocks/ui: colorUtils */ /** */
+
+/** A red/green/blue color object. Each property is a number from 0 to 255. */
 
-/** @module @airtable/blocks/ui: colorUtils */
+/**
+ * Utilities for working with {@link Color} names from the {@link colors} enum.
+ *
+ * @docsPath UI/utils/colorUtils
+ */
 
-/** */
 var colorUtils = {
   getHexForColor: colorString => {
     var color = (0, _private_utils.getEnumValueIfExists)(_colors.default, colorString);
-
     if (!color) {
       return null;
     }
-
     var rgbTuple = _colors.rgbTuplesByColor[color];
     var hexNumber = rgbTuple[0] << 16 | rgbTuple[1] << 8 | rgbTuple[2];
     return "#".concat(hexNumber.toString(16).padStart(6, '0'));
   },
   getRgbForColor: colorString => {
     var color = (0, _private_utils.getEnumValueIfExists)(_colors.default, colorString);
-
     if (!color) {
       return null;
     }
-
     var rgbTuple = _colors.rgbTuplesByColor[color];
     return {
       r: rgbTuple[0],
@@ -53,15 +52,14 @@ var colorUtils = {
       // Don't have a color for this. Let's just return false as a default
       // instead of throwing.
       return false;
-    } // Light1 and Light2 colors use dark text.
+    }
+
+    // Light1 and Light2 colors use dark text.
     // Bright, Dark1 and no suffix colors use light text.
     // NOTE: use shouldUseDarkText instead of shouldUseLightText just to make
     // checking the suffix easier, since no suffix uses light text.
-
-
     var shouldUseDarkText = colorString.endsWith('Light1') || colorString.endsWith('Light2');
     return !shouldUseDarkText;
   }
 };
-var _default = colorUtils;
-exports.default = _default;
+var _default = exports.default = colorUtils;

package/dist/cjs/colors.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.rgbTuplesByColor = exports.default = void 0;
-
-/** @module @airtable/blocks/ui: colors */
-
-/** */
+/** @module @airtable/blocks/ui: colors */ /** */
 
 /**
  * Airtable color names.
@@ -29,163 +26,111 @@ exports.rgbTuplesByColor = exports.default = void 0;
 var Colors = {
   /** @docsPath UI/utils/Colors */
   BLUE_BRIGHT: 'blueBright',
-
   /** @docsPath UI/utils/Colors */
   BLUE_DARK_1: 'blueDark1',
-
   /** @docsPath UI/utils/Colors */
   BLUE_LIGHT_1: 'blueLight1',
-
   /** @docsPath UI/utils/Colors */
   BLUE_LIGHT_2: 'blueLight2',
-
   /** @docsPath UI/utils/Colors */
   BLUE: 'blue',
-
   /** @docsPath UI/utils/Colors */
   CYAN_BRIGHT: 'cyanBright',
-
   /** @docsPath UI/utils/Colors */
   CYAN_DARK_1: 'cyanDark1',
-
   /** @docsPath UI/utils/Colors */
   CYAN_LIGHT_1: 'cyanLight1',
-
   /** @docsPath UI/utils/Colors */
   CYAN_LIGHT_2: 'cyanLight2',
-
   /** @docsPath UI/utils/Colors */
   CYAN: 'cyan',
-
   /** @docsPath UI/utils/Colors */
   GRAY_BRIGHT: 'grayBright',
-
   /** @docsPath UI/utils/Colors */
   GRAY_DARK_1: 'grayDark1',
-
   /** @docsPath UI/utils/Colors */
   GRAY_LIGHT_1: 'grayLight1',
-
   /** @docsPath UI/utils/Colors */
   GRAY_LIGHT_2: 'grayLight2',
-
   /** @docsPath UI/utils/Colors */
   GRAY: 'gray',
-
   /** @docsPath UI/utils/Colors */
   GREEN_BRIGHT: 'greenBright',
-
   /** @docsPath UI/utils/Colors */
   GREEN_DARK_1: 'greenDark1',
-
   /** @docsPath UI/utils/Colors */
   GREEN_LIGHT_1: 'greenLight1',
-
   /** @docsPath UI/utils/Colors */
   GREEN_LIGHT_2: 'greenLight2',
-
   /** @docsPath UI/utils/Colors */
   GREEN: 'green',
-
   /** @docsPath UI/utils/Colors */
   ORANGE_BRIGHT: 'orangeBright',
-
   /** @docsPath UI/utils/Colors */
   ORANGE_DARK_1: 'orangeDark1',
-
   /** @docsPath UI/utils/Colors */
   ORANGE_LIGHT_1: 'orangeLight1',
-
   /** @docsPath UI/utils/Colors */
   ORANGE_LIGHT_2: 'orangeLight2',
-
   /** @docsPath UI/utils/Colors */
   ORANGE: 'orange',
-
   /** @docsPath UI/utils/Colors */
   PINK_BRIGHT: 'pinkBright',
-
   /** @docsPath UI/utils/Colors */
   PINK_DARK_1: 'pinkDark1',
-
   /** @docsPath UI/utils/Colors */
   PINK_LIGHT_1: 'pinkLight1',
-
   /** @docsPath UI/utils/Colors */
   PINK_LIGHT_2: 'pinkLight2',
-
   /** @docsPath UI/utils/Colors */
   PINK: 'pink',
-
   /** @docsPath UI/utils/Colors */
   PURPLE_BRIGHT: 'purpleBright',
-
   /** @docsPath UI/utils/Colors */
   PURPLE_DARK_1: 'purpleDark1',
-
   /** @docsPath UI/utils/Colors */
   PURPLE_LIGHT_1: 'purpleLight1',
-
   /** @docsPath UI/utils/Colors */
   PURPLE_LIGHT_2: 'purpleLight2',
-
   /** @docsPath UI/utils/Colors */
   PURPLE: 'purple',
-
   /** @docsPath UI/utils/Colors */
   RED_BRIGHT: 'redBright',
-
   /** @docsPath UI/utils/Colors */
   RED_DARK_1: 'redDark1',
-
   /** @docsPath UI/utils/Colors */
   RED_LIGHT_1: 'redLight1',
-
   /** @docsPath UI/utils/Colors */
   RED_LIGHT_2: 'redLight2',
-
   /** @docsPath UI/utils/Colors */
   RED: 'red',
-
   /** @docsPath UI/utils/Colors */
   TEAL_BRIGHT: 'tealBright',
-
   /** @docsPath UI/utils/Colors */
   TEAL_DARK_1: 'tealDark1',
-
   /** @docsPath UI/utils/Colors */
   TEAL_LIGHT_1: 'tealLight1',
-
   /** @docsPath UI/utils/Colors */
   TEAL_LIGHT_2: 'tealLight2',
-
   /** @docsPath UI/utils/Colors */
   TEAL: 'teal',
-
   /** @docsPath UI/utils/Colors */
   YELLOW_BRIGHT: 'yellowBright',
-
   /** @docsPath UI/utils/Colors */
   YELLOW_DARK_1: 'yellowDark1',
-
   /** @docsPath UI/utils/Colors */
   YELLOW_LIGHT_1: 'yellowLight1',
-
   /** @docsPath UI/utils/Colors */
   YELLOW_LIGHT_2: 'yellowLight2',
-
   /** @docsPath UI/utils/Colors */
   YELLOW: 'yellow'
 };
-var _default = Colors;
+var _default = exports.default = Colors;
 /**
  * A color name from the list of {@link Colors}.
  */
-
-exports.default = _default;
-
 /** @hidden */
-var rgbTuplesByColor = {
+var rgbTuplesByColor = exports.rgbTuplesByColor = {
   [Colors.BLUE_BRIGHT]: [45, 127, 249],
   [Colors.BLUE_DARK_1]: [39, 80, 174],
   [Colors.BLUE_LIGHT_1]: [156, 199, 255],
@@ -236,5 +181,4 @@ var rgbTuplesByColor = {
   [Colors.YELLOW_LIGHT_1]: [255, 214, 110],
   [Colors.YELLOW_LIGHT_2]: [255, 234, 182],
   [Colors.YELLOW]: [224, 141, 0]
-};
-exports.rgbTuplesByColor = rgbTuplesByColor;
+};

package/dist/cjs/error_utils.js

@@ -1,19 +1,17 @@
 "use strict";
 
-require("core-js/modules/es.string.replace");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.spawnError = spawnError;
-exports.logErrorToSentry = logErrorToSentry;
 exports.invariant = invariant;
-exports.spawnUnknownSwitchCaseError = spawnUnknownSwitchCaseError;
+exports.logErrorToSentry = logErrorToSentry;
 exports.spawnAbstractMethodError = spawnAbstractMethodError;
-
+exports.spawnError = spawnError;
+exports.spawnUnknownSwitchCaseError = spawnUnknownSwitchCaseError;
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.replace.js");
 // If errorOriginFn is specified, all frames above and including the call to errorOriginFn
 // will be omitted from the stack trace.
-
 /**
  * @internal
  */
@@ -25,15 +23,15 @@ function spawnErrorWithOriginOmittedFromStackTrace(errorMessageFormat, errorMess
     argIndex++;
     return String(arg);
   });
-  var err = new Error(formattedMessage); // captureStackTrace is only available on v8. It captures the current stack trace
+  var err = new Error(formattedMessage);
+
+  // captureStackTrace is only available on v8. It captures the current stack trace
   // and sets the .stack property of the first argument. It will omit all frames above
   // and including "errorOriginFn", which is useful for hiding implementation details of our
   // error throwing helpers (e.g. assert and spawn variants).
-
   if (Error.captureStackTrace && errorOriginFn) {
     Error.captureStackTrace(err, errorOriginFn);
   }
-
   Object.defineProperty(err, '__safeMessage', {
     configurable: false,
     enumerable: false,
@@ -42,65 +40,57 @@ function spawnErrorWithOriginOmittedFromStackTrace(errorMessageFormat, errorMess
   });
   return err;
 }
+
 /**
  * @hidden
  */
-
-
 function spawnError(errorMessageFormat) {
   for (var _len = arguments.length, errorMessageArgs = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
     errorMessageArgs[_key - 1] = arguments[_key];
   }
-
   return spawnErrorWithOriginOmittedFromStackTrace(errorMessageFormat, errorMessageArgs, spawnError);
-} // istanbul ignore next
+}
 
+// istanbul ignore next
 /**
  * Logs an error to Sentry
  *
  * @hidden
  */
-
-
 function logErrorToSentry(errorMessage, metadata) {
   // See this comment for how to log via Sentry: https://github.com/Hyperbase/hyperbase/blob/2c5438ecaddcb9fa196e027e40df5e0c68c90989/client/run_block_frame.tsx#L333
   var blocksErrorReporter = window.blocksErrorReporter;
-
-  if (blocksErrorReporter === null || blocksErrorReporter === void 0 ? void 0 : blocksErrorReporter.reportWarning) {
+  if (blocksErrorReporter !== null && blocksErrorReporter !== void 0 && blocksErrorReporter.reportWarning) {
     blocksErrorReporter.reportWarning(errorMessage, metadata);
   }
 }
+
 /**
  * An alternative to facebook's invariant that's safe to use with base data
  *
  * @hidden
  */
-
-
 function invariant(condition, errorMessageFormat) {
   if (!condition) {
     for (var _len2 = arguments.length, errorMessageArgs = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
       errorMessageArgs[_key2 - 2] = arguments[_key2];
     }
-
     throw spawnErrorWithOriginOmittedFromStackTrace(errorMessageFormat, errorMessageArgs, invariant);
   }
 }
+
 /**
  * @internal
  */
-
-
 function spawnUnknownSwitchCaseError(valueDescription, providedValue, key) {
   var providedValueKey = providedValue[key];
   var providedValueKeyString = providedValueKey !== null && providedValueKey !== undefined ? providedValueKey : 'null';
   return spawnErrorWithOriginOmittedFromStackTrace('Unknown value %s for %s', [providedValueKeyString, valueDescription], spawnUnknownSwitchCaseError);
 }
+
 /**
  * @internal
  */
-
-
 function spawnAbstractMethodError() {
   return spawnErrorWithOriginOmittedFromStackTrace('Abstract method', undefined, spawnAbstractMethodError);
 }

package/dist/cjs/event_tracker.js

@@ -1,34 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.trackEvent = trackEvent;
 exports.RecordActionStatus = void 0;
-
+exports.trackEvent = trackEvent;
 var _airtable_interface = _interopRequireDefault(require("./injected/airtable_interface"));
-
 /** @hidden */
 function trackEvent(eventSchemaName) {
   var eventData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   (0, _airtable_interface.default)().trackEvent(eventSchemaName, eventData);
 }
+
 /**
  * Used for logging blockInstallation.performRecordAction event
  * Mirrored from hyperbase block_installation_record_action_status.tsx
  *
  * @hidden
  * */
-
-
-var RecordActionStatus;
-exports.RecordActionStatus = RecordActionStatus;
-
-(function (RecordActionStatus) {
+var RecordActionStatus = exports.RecordActionStatus = /*#__PURE__*/function (RecordActionStatus) {
   RecordActionStatus["SUCCESS"] = "SUCCESS";
   RecordActionStatus["IGNORED"] = "IGNORED";
   RecordActionStatus["SETTINGS_INVALID"] = "SETTINGS_INVALID";
   RecordActionStatus["TABLE_MISMATCH"] = "TABLE_MISMATCH";
-})(RecordActionStatus || (exports.RecordActionStatus = RecordActionStatus = {}));
+  return RecordActionStatus;
+}({});