@airtable/blocks 0.0.0-experimental-e5ab33b68-20250905 → 0.0.0-experimental-e625869e5-20251002

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

@@ -1,71 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _private_utils = require("../../shared/private_utils");
-var _watchable = _interopRequireDefault(require("../../shared/watchable"));
-var _sdk_context = require("../../shared/ui/sdk_context");
-var _baymax_utils = require("./baymax_utils");
-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; }
-/** @hidden */ /** */
-
-const WatchableGlobalAlertKeys = Object.freeze({
-  __alertInfo: '__alertInfo'
-});
-/** @hidden */
-
-/** @hidden */
-
-const GlobalAlertInfo = () => {
-  const sdk = (0, _sdk_context.useSdk)();
-  return /*#__PURE__*/React.createElement("span", {
-    className: (0, _baymax_utils.baymax)('center line-height-4 quiet strong')
-  }, /*#__PURE__*/React.createElement("span", {
-    className: (0, _baymax_utils.baymax)('pointer understroke link-unquiet'),
-    onClick: () => {
-      sdk.reload();
-    }
-  }, "Please reload"));
-};
-
-/**
- * @hidden
- * @example
- * ```js
- * import {globalAlert} from '@airtable/blocks/base/ui';
- * globalAlert.showReloadPrompt();
- * ```
- */
-class GlobalAlert extends _watchable.default {
-  /** @internal */
-  static _className = 'GlobalAlert';
-  /** @internal */
-  static _isWatchableKey(key) {
-    return (0, _private_utils.isEnumValue)(WatchableGlobalAlertKeys, key);
-  }
-  /** @internal */
-
-  /** @hidden */
-  constructor() {
-    super();
-    this._alertInfo = null;
-    Object.seal(this);
-  }
-  /** @internal */
-  get __alertInfo() {
-    return this._alertInfo;
-  }
-  /** */
-  showReloadPrompt() {
-    this._alertInfo = {
-      content: /*#__PURE__*/React.createElement(GlobalAlertInfo, null)
-    };
-    this._onChange(WatchableGlobalAlertKeys.__alertInfo);
-  }
-}
-var _default = exports.default = GlobalAlert;

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

@@ -1,132 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _emotion = require("emotion");
-var _error_utils = require("../../shared/error_utils");
-var _private_utils = require("../../shared/private_utils");
-var _use_styled_system = _interopRequireDefault(require("./use_styled_system"));
-var _get_style_props_for_responsive_prop = _interopRequireDefault(require("./system/utils/get_style_props_for_responsive_prop"));
-var _use_theme = _interopRequireDefault(require("./theme/use_theme"));
-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 _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: Heading */ /** */
-/**
- * Sizes for the {@link Heading} component.
- */
-
-const HeadingSize = (0, _private_utils.createEnum)('xsmall', 'small', 'default', 'large', 'xlarge', 'xxlarge');
-
-/**
- * Size prop for the {@link Heading} component.
- */
-
-/**
- * Variant prop for the {@link Heading} component.
- * • **default** - Headings typically used for titles.
- * • **caps** - All-caps headings typically used for field names and smaller section headings.
- */
-
-const HeadingVariant = (0, _private_utils.createEnum)('default', 'caps');
-
-/** @internal */
-function warnIfHeadingSizeOutOfRangeForVariant(size, variant, headingSizesForVariant) {
-  if (process.env.NODE_ENV === 'development' && !(0, _private_utils.has)(headingSizesForVariant, size)) {
-    // eslint-disable-next-line
-    console.warn(`[@airtable/blocks/ui] warning: <Heading variant='${variant}' /> only supports the following values for the size prop: ${Object.keys(headingSizesForVariant).join(', ')}. The component will fall back to the default size.`);
-  }
-}
-
-/** @internal */
-function useHeadingStyle(headingSizeProp, variant) {
-  const {
-    headingStyles
-  } = (0, _use_theme.default)();
-  const headingSizesForVariant = headingStyles[variant];
-  let styleProps;
-  if (typeof headingSizeProp === 'string') {
-    warnIfHeadingSizeOutOfRangeForVariant(headingSizeProp, variant, headingSizesForVariant);
-    styleProps = headingSizesForVariant[headingSizeProp] || headingSizesForVariant[HeadingSize.default];
-  } else {
-    const responsiveSizePropObject = {};
-    for (const sizeKey of (0, _private_utils.keys)(headingSizeProp)) {
-      const sizeProp = headingSizeProp[sizeKey];
-      (0, _error_utils.invariant)(sizeProp, 'sizeProp');
-      warnIfHeadingSizeOutOfRangeForVariant(sizeProp, variant, headingSizesForVariant);
-      responsiveSizePropObject[sizeKey] = sizeProp || HeadingSize.default;
-    }
-    styleProps = (0, _get_style_props_for_responsive_prop.default)(responsiveSizePropObject,
-    // Cast to any to because `caps` don't all have the same sizes as `default`.
-    // This in turn requires each size to be typed as optional.
-    headingSizesForVariant);
-  }
-  return (0, _use_styled_system.default)(styleProps);
-}
-
-/**
- * Props for the {@link Heading} component. Also supports:
- * * {@link AllStylesProps}
- * * {@link AriaProps}
- *
- * @docsPath UI/components/Heading
- * @noInheritDoc
- */
-
-/**
- * A heading component with sizes and variants.
- *
- * [[ Story id="heading--example" title="Heading example" ]]
- *
- * @docsPath UI/components/Heading
- * @component
- */
-const Heading = (props, ref) => {
-  const {
-    as: Component = 'h3',
-    size = HeadingSize.default,
-    variant = HeadingVariant.default,
-    children,
-    id,
-    role,
-    dataAttributes,
-    className,
-    style,
-    'aria-label': ariaLabel,
-    'aria-labelledby': ariaLabelledBy,
-    'aria-describedby': ariaDescribedBy,
-    'aria-controls': ariaControls,
-    'aria-expanded': ariaExpanded,
-    'aria-haspopup': ariaHasPopup,
-    'aria-hidden': ariaHidden,
-    'aria-live': ariaLive,
-    ...styleProps
-  } = props;
-  const classNameForHeadingSize = useHeadingStyle(size, variant);
-  const classNameForStyleProps = (0, _use_styled_system.default)({
-    fontFamily: 'default',
-    textColor: 'default',
-    ...styleProps
-  });
-  return /*#__PURE__*/React.createElement(Component, _extends({
-    ref: ref,
-    id: id,
-    className: (0, _emotion.cx)(classNameForHeadingSize, classNameForStyleProps, className),
-    style: style,
-    role: role,
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy,
-    "aria-describedby": ariaDescribedBy,
-    "aria-controls": ariaControls,
-    "aria-expanded": ariaExpanded,
-    "aria-haspopup": ariaHasPopup,
-    "aria-hidden": ariaHidden,
-    "aria-live": ariaLive
-  }, dataAttributes), children);
-};
-const ForwardedRefHeading = /*#__PURE__*/React.forwardRef(Heading);
-ForwardedRefHeading.displayName = 'Heading';
-var _default = exports.default = ForwardedRefHeading;

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

@@ -1,109 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _core = require("@styled-system/core");
-var _emotion = require("emotion");
-var _warning = _interopRequireDefault(require("../../shared/warning"));
-var _use_styled_system = _interopRequireDefault(require("./use_styled_system"));
-var _system = require("./system");
-var _icon_config = require("./icon_config");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/** @module @airtable/blocks/ui: Icon */ /** */
-
-/**
- * Style props shared between the {@link Icon} and {@link FieldIcon} components. Accepts:
- * * {@link FlexItemSetProps}
- * * {@link PositionSetProps}
- * * {@link MarginProps}
- *
- * @noInheritDoc
- */
-
-const styleParser = (0, _core.compose)(_system.flexItemSet, _system.positionSet, _system.margin, _system.width, _system.height);
-
-/**
- * Props shared between the {@link Icon} and {@link FieldIcon} components.
- *
- * @noInheritDoc
- */
-// TODO (stephen): inherit shared props without inheriting style props
-
-/**
- * Props for the {@link Icon} component. Also accepts:
- * * {@link IconStyleProps}
- */
-
-/**
- * A vector icon from the Airtable icon set.
- *
- * [[ Story id="icon--example" title="Icon example" height="576px"]]
- *
- * @component
- * @docsPath UI/components/Icon
- */
-const Icon = (props, ref) => {
-  const {
-    name,
-    size = 16,
-    fillColor = 'currentColor',
-    onMouseEnter,
-    onMouseLeave,
-    onClick,
-    // This hasOnClick prop is set by the Tooltip wrapper. Destructure it here just to get it out of `props`.
-    // See 7a80fefd0a0bc871c31e0c063662c6100b0ca77d
-    // TODO(stephen): clean this up.
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    hasOnClick,
-    className,
-    style,
-    pathClassName,
-    pathStyle,
-    suppressWarning = false,
-    ...styleProps
-  } = props;
-  const classNameForStyleProps = (0, _use_styled_system.default)({
-    ...styleProps,
-    width: size,
-    height: size
-  }, styleParser);
-  const phosphorIconName = _icon_config.legacyIconNameToPhosphorIconName[name];
-  const pathData = phosphorIconName ? _icon_config.phosphorIconConfig[phosphorIconName] : null;
-  if (!pathData) {
-    return null;
-  }
-  if (_icon_config.deprecatedIconNameToReplacementName.has(name) && !suppressWarning) {
-    const alternative = _icon_config.deprecatedIconNameToReplacementName.get(name);
-    let alternativeText = '';
-    if (alternative) {
-      alternativeText = `Use <Icon name='${alternative}' .../> instead.`;
-    }
-    (0, _warning.default)(`'${name}' as an icon name is deprecated. ${alternativeText}`);
-  }
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    ref: ref,
-    viewBox: "0 0 16 16"
-    // TODO (stephen): remove tooltip anchor props
-    ,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    onClick: onClick,
-    className: (0, _emotion.cx)(classNameForStyleProps, className),
-    style: {
-      shapeRendering: 'geometricPrecision',
-      ...style
-    }
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    className: pathClassName,
-    style: pathStyle,
-    fill: fillColor,
-    d: pathData
-  }));
-};
-const ForwardedRefIcon = /*#__PURE__*/_react.default.forwardRef(Icon);
-ForwardedRefIcon.displayName = 'Icon';
-var _default = exports.default = ForwardedRefIcon;