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

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

@@ -1,196 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _emotion = require("emotion");
-var _core = require("@styled-system/core");
-var _private_utils = require("../../shared/private_utils");
-var _use_styled_system = _interopRequireDefault(require("./use_styled_system"));
-var _use_theme = _interopRequireDefault(require("./theme/use_theme"));
-var _system = require("./system");
-var _text = require("./text");
-var _icon = _interopRequireDefault(require("./icon"));
-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: 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
- */
-
-const styleParser = (0, _core.compose)(_system.display, _system.maxWidth, _system.minWidth, _system.width, _system.flexItemSet, _system.positionSet, _system.fontWeight, _system.spacingSet);
-
-/**
- * Variants for the {@link Link} component:
- *
- * • **default**
- *
- * Blue text.
- *
- * • **dark**
- *
- * Dark gray text.
- *
- * • **light**
- *
- * Light gray text.
- */
-
-const LinkVariant = (0, _private_utils.createEnum)('default', 'dark', 'light');
-
-/** @internal */
-function useLinkVariant() {
-  let variant = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : LinkVariant.default;
-  const {
-    linkVariants
-  } = (0, _use_theme.default)();
-  return linkVariants[variant];
-}
-
-/**
- * Props for the {@link Link} component. Also supports:
- * * {@link AriaProps}
- * * {@link LinkStyleProps}
- *
- * @docsPath UI/components/Link
- * @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
-const reasonableUrlSchemeRegex = /^[a-z0-9]+:\/\//i;
-
-/** @internal */
-function _getSanitizedHref(href) {
-  if (!href) {
-    return undefined;
-  }
-  const hasScheme = href.indexOf('://') !== -1;
-  if (!hasScheme) {
-    // If it's a relative URL (like '/foo'), leave it alone.
-    return href;
-  } else if (reasonableUrlSchemeRegex.test(href) && !/^javascript:/i.test(href) && !/^data:/i.test(href)) {
-    // If it has a scheme and we can be 100% sure the scheme is
-    // not javascript or data, then leave it alone.
-    return href;
-  } else {
-    // We can't be confident that the scheme isn't javascript or data,
-    // (possibly with escaped characters), so prepend http:// to avoid
-    // XSS.
-    return 'http://' + href;
-  }
-}
-
-/**
- * A styled link component with security benefits.
- *
- * [[ Story id="link--example" title="Link example" ]]
- *
- * ## Security benefits
- *
- * This component is a styled wrapper around the `<a>` tag that offers a few security benefits:
- *
- * - Limited XSS protection. If the `href` starts with `javascript:` or `data:`, `http://` will be prepended.
- * - There is [reverse tabnabbing prevention](https://www.owasp.org/index.php/Reverse_Tabnabbing). If `target` is set, the `rel` attribute will be set to `noopener noreferrer`.
- *
- * Developers should use `Link` instead of `a` when possible.
- *
- * @docsPath UI/components/Link
- * @component
- */
-const Link = (props, ref) => {
-  const {
-    size = _text.TextSize.default,
-    variant = LinkVariant.default,
-    underline = false,
-    icon,
-    href,
-    id,
-    target,
-    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,
-    tabIndex,
-    className,
-    style,
-    children,
-    dataAttributes,
-    '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 classNameForTextStyle = (0, _text.useTextStyle)(size);
-  const classNameForLinkVariant = useLinkVariant(variant);
-  const classNameForUnderline = (0, _use_styled_system.default)({
-    textDecoration: underline ? 'underline' : 'none'
-  });
-  const classNameForStyleProps = (0, _use_styled_system.default)({
-    display: 'inline-flex',
-    // Use a negative margin to undo the padding.
-    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
-  const rel = target ? 'noopener noreferrer' : undefined;
-  return /*#__PURE__*/React.createElement("a", _extends({
-    ref: ref,
-    href: _getSanitizedHref(href),
-    target: target,
-    id: id,
-    rel: rel
-    // TODO (stephen): remove tooltip anchor props
-    ,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    onClick: onClick,
-    tabIndex: tabIndex,
-    className: (0, _emotion.cx)(classNameForTextStyle, classNameForLinkVariant, classNameForUnderline, classNameForStyleProps, className),
-    style: 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
-  }, dataAttributes), typeof icon === 'string' ? /*#__PURE__*/React.createElement(_icon.default, {
-    name: icon,
-    size: "1em",
-    flex: "none",
-    marginRight: "0.5em"
-  }) : icon, children);
-};
-const ForwardedRefLink = /*#__PURE__*/React.forwardRef(Link);
-ForwardedRefLink.displayName = 'Link';
-var _default = exports.default = ForwardedRefLink;

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

@@ -1,61 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _emotion = require("emotion");
-var React = _interopRequireWildcard(require("react"));
-var _core = require("@styled-system/core");
-var _loader = _interopRequireDefault(require("../../shared/ui/loader"));
-var _baymax_utils = require("./baymax_utils");
-var _use_styled_system = _interopRequireDefault(require("./use_styled_system"));
-var _system = require("./system");
-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; }
-/** @module @airtable/blocks/ui: Loader */ /** */
-
-/**
- * Style props for the {@link Loader} component. Accepts:
- * * {@link FlexItemSetProps}
- * * {@link MarginProps}
- * * {@link PositionSetProps}
- */
-
-const styleParser = (0, _core.compose)(_system.flexItemSet, _system.positionSet, _system.margin);
-
-/**
- * Props for the {@link Loader} component. Also accepts:
- * * {@link LoaderStyleProps}
- *
- * @docsPath UI/components/Loader
- * @noInheritDoc
- */
-
-// Override the default props and then just proxy through to our loader.
-/**
- * A loading spinner component.
- *
- * [[ Story id="loader--example" title="Loader example" ]]
- *
- * @docsPath UI/components/Loader
- * @component
- */
-const Loader = _ref => {
-  let {
-    fillColor = '#888',
-    scale = 0.3,
-    className,
-    style,
-    ...styleProps
-  } = _ref;
-  const classNameForStyleProps = (0, _use_styled_system.default)(styleProps, styleParser);
-  return /*#__PURE__*/React.createElement(_loader.default, {
-    fillColor: fillColor,
-    scale: scale,
-    className: (0, _emotion.cx)((0, _baymax_utils.baymax)('animate-spin-scale animate-infinite'), classNameForStyleProps, className),
-    style: style
-  });
-};
-var _default = exports.default = Loader;

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

@@ -1,145 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Modal = void 0;
-var _emotion = require("emotion");
-var React = _interopRequireWildcard(require("react"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var _core = require("@styled-system/core");
-var _error_utils = require("../../shared/error_utils");
-var _baymax_utils = require("./baymax_utils");
-var _with_styled_system = _interopRequireDefault(require("./with_styled_system"));
-var _system = require("./system");
-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 */ /** */
-
-/**
- * Props for the {@link Modal} component. Also accepts:
- * * {@link ModalStyleProps}
- *
- * @hidden
- */
-// This doesn't actually extend ModalStyleProps since withStyledSystem
-// expects non-style props and style props as separate generic type variables.
-
-/**
- * Style props shared between the {@link Modal}, {@link Dialog}, and {@link ConfirmationDialog} components. Also accepts:
- * * {@link DimensionsSetProps}
- * * {@link FlexContainerSetProps}
- * * {@link SpacingSetProps}
- *
- * @hidden
- * @noInheritDoc
- */
-
-const styleParser = (0, _core.compose)(_system.dimensionsSet, _system.display, _system.flexContainerSet, _system.spacingSet);
-
-/**
- * Generic modal component with minimal styling.
- *
- * @hidden
- */
-// TODO (stephen): refactor so Modal only includes the background element and renders the dialog via children
-class Modal extends React.Component {
-  /** @internal */
-
-  /** @internal */
-
-  /** @internal */
-
-  /** @internal */
-
-  /** @hidden */
-  constructor(props) {
-    super(props);
-    this._background = null;
-    this._container = document.createElement('div');
-    this._originalActiveElement = null;
-    this._mouseDownOutsideModal = false;
-    this._onMouseDown = this._onMouseDown.bind(this);
-    this._onMouseUp = this._onMouseUp.bind(this);
-  }
-  /** @hidden */
-  componentDidMount() {
-    const container = this._container;
-    container.setAttribute('tabIndex', '0');
-    container.style.zIndex = '99999';
-    // If we don't set `position: fixed`, the outline and box-shadow
-    // of elements that are in theory underneath this element will cover
-    // up the modal.
-    container.style.position = 'fixed';
-    (0, _error_utils.invariant)(document.body, 'no document body');
-    document.body.appendChild(container);
-
-    // If the frame is focused, move focus to the modal's container.
-    // Next time the user presses tab, it will focus the first focusable element in the modal.
-    // We only do this if the document is focused to avoid the frame becoming
-    // programmatically focused if a modal is displayed without user interaction.
-    if (document.hasFocus()) {
-      this._originalActiveElement = document.activeElement;
-      container.focus();
-    }
-  }
-  /** @hidden */
-  componentWillUnmount() {
-    (0, _error_utils.invariant)(document.body, 'no document body');
-    document.body.removeChild(this._container);
-    if (this._originalActiveElement !== null) {
-      this._originalActiveElement.focus();
-    }
-  }
-  /** @internal */
-  _onMouseDown(e) {
-    if (this._shouldClickingOnElementCloseModal(e.target)) {
-      this._mouseDownOutsideModal = true;
-    }
-  }
-  /** @internal */
-  _onMouseUp(e) {
-    if (this._mouseDownOutsideModal && this.props.onClose && this._shouldClickingOnElementCloseModal(e.target)) {
-      this.props.onClose();
-    }
-    this._mouseDownOutsideModal = false;
-  }
-  /** @internal */
-  _shouldClickingOnElementCloseModal(el) {
-    return el === this._background;
-  }
-  /** @hidden */
-  render() {
-    const {
-      className,
-      style,
-      backgroundClassName,
-      backgroundStyle,
-      children
-    } = this.props;
-    return /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/React.createElement("div", {
-      ref: el => {
-        this._background = el;
-      },
-      className: (0, _emotion.cx)((0, _baymax_utils.baymax)('fixed all-0 darken3 flex items-center justify-center'), backgroundClassName),
-      style: backgroundStyle,
-      onMouseDown: this._onMouseDown,
-      onMouseUp: this._onMouseUp
-    }, /*#__PURE__*/React.createElement("div", {
-      className: (0, _emotion.cx)((0, _baymax_utils.baymax)('relative overflow-auto light-scrollbar white stroked1 rounded-big animate-bounce-in'), className),
-      style: style
-    }, children)), this._container);
-  }
-}
-exports.Modal = Modal;
-var _default = exports.default = (0, _with_styled_system.default)(Modal, styleParser,
-// TODO (stephen): move these to Dialog
-{
-  display: 'block',
-  width: '100%',
-  maxWidth: '100vw',
-  maxHeight: '100vh',
-  margin: 3,
-  padding: 3
-});

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

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _error_utils = require("../../shared/error_utils");
-var _use_watchable = _interopRequireDefault(require("../../shared/ui/use_watchable"));
-var _select = _interopRequireDefault(require("./select"));
-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); } /** @hidden */ /** */
-// Private component used by TablePicker, ViewPicker, FieldPicker.
-
-function ModelPickerSelect(props, ref) {
-  const {
-    models,
-    modelKeysToWatch,
-    selectedModelId,
-    shouldAllowPickingNone,
-    shouldAllowPickingModelFn,
-    placeholder,
-    // Destructure `onChange` to prevent it from being passed to `Select`.
-    onChange,
-    ...restOfProps
-  } = props;
-
-  // useWatchable has stricter typing than createDataContainer which it replaced, so we can't
-  // know that model and modelKeysToWatch are exactly compatible here:
-  (0, _use_watchable.default)(models, modelKeysToWatch);
-  function _onChange(value) {
-    (0, _error_utils.invariant)(value === null || typeof value === 'string', 'value must be null or model id');
-    onChange(value);
-  }
-  const options = [{
-    value: null,
-    label: placeholder,
-    disabled: !shouldAllowPickingNone
-  }, ...models.map(model => {
-    return {
-      value: model.id,
-      label: model.name,
-      disabled: shouldAllowPickingModelFn && !shouldAllowPickingModelFn(model)
-    };
-  })];
-  return /*#__PURE__*/React.createElement(_select.default, _extends({}, restOfProps, {
-    ref: ref,
-    value: selectedModelId,
-    onChange: _onChange,
-    options: options
-  }));
-}
-const ForwardedRefModelPickerSelect = /*#__PURE__*/React.forwardRef(ModelPickerSelect);
-ForwardedRefModelPickerSelect.displayName = 'ModelPickerSelect';
-var _default = exports.default = ForwardedRefModelPickerSelect;