@airtable/blocks 0.0.0-experimental-3e47d4d04-20250909 → 0.0.0-experimental-e625869e5-20251002

package/dist/esm/base/ui/viewport_constraint.js

@@ -1,120 +0,0 @@
-/**
- * @module @airtable/blocks/ui: ViewportConstraint
- * @docsPath UI/components/ViewportConstraint
- */ /** */
-import * as React from 'react';
-import withHooks from '../../shared/ui/with_hooks';
-import { useSdk } from '../../shared/ui/sdk_context';
-
-/** An object specifying a width and/or height for the block's viewport. */
-
-/**
- * Props for the {@link ViewportConstraint} component.
- *
- * @docsPath UI/components/ViewportConstraint
- */
-
-const didSizeChange = (prev, next) => (prev && prev.width) !== (next && next.width) || (prev && prev.height) !== (next && next.height);
-
-/**
- * When mounted, this wrapper component applies size constraints to the {@link Viewport}.
- * Like {@link addMinSize}, this will fullscreen the extension if necessary and possible when
- * `minSize` is updated.
- *
- * @example
- * ```js
- * import {ViewportConstraint} from '@airtable/blocks/base/ui';
- * <ViewportConstraint minSize={{width: 400}} />
- * ```
- *
- * @example
- * ```js
- * import {ViewportConstraint} from '@airtable/blocks/base/ui';
- * <ViewportConstraint maxFullScreenSize={{width: 600, height: 400}}>
- *      <div>I need a max fullscreen size!</div>
- * </ViewportConstraint>
- * ```
- * @docsPath UI/components/ViewportConstraint
- * @component
- */
-class ViewportConstraint extends React.Component {
-  /** @internal */
-  _removeMinSizeConstraintFn = null;
-  /** @internal */
-  _removeMaxFullscreenSizeConstrainFn = null;
-
-  /** @hidden */
-  componentDidMount() {
-    this._setMinSizeConstraint();
-    this._setMaxFullscreenSizeConstraint();
-  }
-
-  /** @hidden */
-  shouldComponentUpdate(nextProps) {
-    return this.props.children !== nextProps.children || didSizeChange(this.props.minSize, nextProps.minSize) || didSizeChange(this.props.maxFullscreenSize, nextProps.maxFullscreenSize);
-  }
-
-  /** @hidden */
-  componentDidUpdate(prevProps) {
-    if (didSizeChange(prevProps.minSize, this.props.minSize)) {
-      this._setMinSizeConstraint();
-    }
-    if (didSizeChange(prevProps.maxFullscreenSize, this.props.maxFullscreenSize)) {
-      this._setMaxFullscreenSizeConstraint();
-    }
-  }
-
-  /** @hidden */
-  componentWillUnmount() {
-    this._removeMinSizeConstraint();
-    this._removeMaxFullscreenSizeConstraint();
-  }
-
-  /** @internal */
-  _removeMinSizeConstraint() {
-    if (this._removeMinSizeConstraintFn) {
-      this._removeMinSizeConstraintFn();
-      this._removeMinSizeConstraintFn = null;
-    }
-  }
-
-  /** @internal */
-  _removeMaxFullscreenSizeConstraint() {
-    if (this._removeMaxFullscreenSizeConstrainFn) {
-      this._removeMaxFullscreenSizeConstrainFn();
-      this._removeMaxFullscreenSizeConstrainFn = null;
-    }
-  }
-
-  /** @internal */
-  _setMinSizeConstraint() {
-    this._removeMinSizeConstraint();
-    const {
-      minSize
-    } = this.props;
-    if (minSize) {
-      this._removeMinSizeConstraintFn = this.props.sdk.viewport.addMinSize(minSize);
-    }
-  }
-
-  /** @internal */
-  _setMaxFullscreenSizeConstraint() {
-    this._removeMaxFullscreenSizeConstraint();
-    const {
-      maxFullscreenSize
-    } = this.props;
-    if (maxFullscreenSize) {
-      this._removeMaxFullscreenSizeConstrainFn = this.props.sdk.viewport.addMaxFullscreenSize(maxFullscreenSize);
-    }
-  }
-
-  /** @hidden */
-  render() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, this.props.children);
-  }
-}
-export default withHooks(ViewportConstraint, props => {
-  return {
-    sdk: useSdk()
-  };
-});

package/dist/esm/base/ui/with_styled_system.js

@@ -1,120 +0,0 @@
-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); }
-import * as React from 'react';
-import { cx } from 'emotion';
-import hoistNonReactStatics from 'hoist-non-react-statics';
-import { cast, keys } from '../../shared/private_utils';
-import useStyledSystem from './use_styled_system';
-
-/**
- * @internal
- * A higher-order component for working with the `useStyledSystem` hook in class-based components.
- * It takes a React component and converts style props into a single className prop.
- *
- * Generate boilerplate for using this hook with our scaffolding tool: https://o80pm.csb.app/
- *
- * Returns The transformed React component.
- *
- * @param Component The React component you want to use with styled system.
- * @param styleParser The style parser, constructed with `compose`.
- * @example
- * ```js
- * import * as React from 'react';
- * import {compose} from '@styled-system/core';
- * import withStyledSystem from './with_styled_system';
- * import {
- *     flexContainerSet,
- *     FlexContainerSetProps,
- *     flexItemSet,
- *     FlexItemSetProps,
- *     margin,
- *     MarginProps,
- * } from './system';
- *
- * interface Props {
- *     className?: string;
- *     onClick: () => void;
- *     children: React.ReactNode;
- * };
- *
- * interface MyComponentStyleProps extends FlexContainerSetProps, FlexItemSetProps, MarginProps {}
- *
- * const styleParser = compose(
- *     flexContainerSet,
- *     flexItemSet,
- *     margin,
- * );
- *
- *
- * class MyComponent extends React.Component<Props, void> {
- *     static staticProp = 'STATIC';
- *     render() {
- *         const {className, onClick, children} = this.props;
- *         return (
- *             <div className={className} onClick={onClick}>
- *                 {children}
- *             </div>
- *         );
- *     }
- * }
- *
- * export default withStyledSystem<Props, MyComponentStyleProps, MyComponent, { staticProp: string }>(
- *     MyComponent,
- *     styleParser,
- *     {
- *         // Optional default style props.
- *         margin: 3
- *     }
- * );
- * ```
- */
-export default function withStyledSystem(Component, styleParser, defaultStyleProps) {
-  const WithStyledSystem = /*#__PURE__*/React.forwardRef((props, ref) => {
-    const {
-      styleProps,
-      nonStyleProps
-    } = splitStyleProps(props, styleParser.propNames, defaultStyleProps);
-    const classNameForStyleProps = useStyledSystem(cast(styleProps), styleParser);
-    return /*#__PURE__*/React.createElement(Component, _extends({
-      ref: ref
-    }, nonStyleProps, {
-      className: cx(classNameForStyleProps, nonStyleProps.className)
-    }));
-  });
-  const componentName = Component.displayName || Component.name || 'Component';
-  WithStyledSystem.displayName = `WithStyledSystem(${componentName})`;
-  hoistNonReactStatics(WithStyledSystem, Component);
-  return WithStyledSystem;
-}
-
-/**
- * @internal
- * A helper method to split props into style props (for use with styled system) and
- * non-style props (to be passed into the wrapped component).
- *
- * Returns A result object with two keys: `styleProps` and `nonStyleProps`, which contain the
- * respective split props.
- *
- * @param props Props to be split into style and non-style props.
- * @param stylePropNames The list of allowed style prop names.
- * @param defaultStyleProps Default values for style props.
- */
-export function splitStyleProps(props) {
-  let stylePropNames = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  let defaultStyleProps = arguments.length > 2 ? arguments[2] : undefined;
-  const stylePropNamesSet = new Set(stylePropNames);
-  const styleProps = {
-    ...defaultStyleProps
-  };
-  const nonStyleProps = {};
-  for (const propName of keys(props)) {
-    if (stylePropNamesSet.has(propName)) {
-      styleProps[propName] = props[propName];
-    } else {
-      nonStyleProps[propName] = props[propName];
-    }
-  }
-  return {
-    styleProps,
-    nonStyleProps
-  };
-}

package/dist/types/src/base/ui/baymax_utils.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=baymax_utils.d.ts.map

package/dist/types/src/base/ui/baymax_utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"baymax_utils.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/baymax_utils.ts"],"names":[],"mappings":""}

package/dist/types/src/base/ui/box.d.ts

@@ -1,35 +0,0 @@
-/** @module @airtable/blocks/ui: Box */ /** */
-import * as React from 'react';
-import { type AllStylesProps } from './system/index';
-import { type AriaProps } from './types/aria_props';
-import { type TooltipAnchorProps } from './types/tooltip_anchor_props';
-import { type DataAttributesProp } from './types/data_attributes_prop';
-/**
- * Props for the Box component. Also accepts:
- * * {@link AllStylesProps}
- * * {@link AriaProps}
- *
- * @docsPath UI/components/Box
- * @noInheritDoc
- */
-export interface BoxProps extends AllStylesProps, AriaProps, TooltipAnchorProps {
-    /** The element that is rendered. Defaults to `div`. */
-    as?: 'div' | 'span' | 'section' | 'main' | 'nav' | 'header' | 'footer' | 'aside' | 'article' | 'address' | 'hgroup' | 'blockquote' | 'figure' | 'figcaption' | 'ol' | 'ul' | 'li' | 'pre';
-    /** The contents of the box. */
-    children?: React.ReactNode | string;
-    /** The `tabIndex` attribute. */
-    tabIndex?: number;
-    /** The `role` attribute. */
-    role?: string;
-    /** The `id` attribute. */
-    id?: string;
-    /** Additional class names to apply, separated by spaces. */
-    className?: string;
-    /** Additional styles. */
-    style?: React.CSSProperties;
-    /** Data attributes that are spread onto the element, e.g. `dataAttributes={{'data-*': '...'}}`. */
-    dataAttributes?: DataAttributesProp;
-}
-declare const ForwardedRefBox: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLElement>>;
-export default ForwardedRefBox;
-//# sourceMappingURL=box.d.ts.map

package/dist/types/src/base/ui/box.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/box.tsx"],"names":[],"mappings":"AAAA,uCAAuC,CAAC,MAAM;AAC9C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,KAAK,cAAc,EAAC,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAC,KAAK,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAC,KAAK,kBAAkB,EAAC,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAC,KAAK,kBAAkB,EAAC,MAAM,8BAA8B,CAAC;AAErE;;;;;;;GAOG;AACH,MAAM,WAAW,QAAS,SAAQ,cAAc,EAAE,SAAS,EAAE,kBAAkB;IAC3E,uDAAuD;IACvD,EAAE,CAAC,EACG,KAAK,GACL,MAAM,GACN,SAAS,GACT,MAAM,GACN,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,SAAS,GACT,SAAS,GACT,QAAQ,GACR,YAAY,GACZ,QAAQ,GACR,YAAY,GACZ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,CAAC;IACZ,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACpC,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mGAAmG;IACnG,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACvC;AAmED,QAAA,MAAM,eAAe,8EAA+C,CAAC;AAIrE,eAAe,eAAe,CAAC"}

package/dist/types/src/base/ui/button.d.ts

@@ -1,86 +0,0 @@
-import * as React from 'react';
-import { type EnumType } from '../../shared/private_utils';
-import { type OptionalResponsiveProp } from './system/utils/types';
-import { type MaxWidthProps, type MinWidthProps, type WidthProps, type FlexItemSetProps, type PositionSetProps, type MarginProps } from './system';
-import { type ControlSizeProp } from './control_sizes';
-import { type AriaProps } from './types/aria_props';
-import { type TooltipAnchorProps } from './types/tooltip_anchor_props';
-import { type IconName } from './icon_config';
-/**
- * Style props for the {@link Button} component. Also accepts:
- * * {@link FlexItemSetProps}
- * * {@link MarginProps}
- * * {@link MaxWidthProps}
- * * {@link MinWidthProps}
- * * {@link PositionSetProps}
- * * {@link WidthProps}
- *
- * @noInheritDoc
- */
-interface ButtonStyleProps extends MaxWidthProps, MinWidthProps, WidthProps, FlexItemSetProps, PositionSetProps, MarginProps {
-    /** Defines the display type of an element, which consists of the two basic qualities of how an element generates boxes — the outer display type defining how the box participates in flow layout, and the inner display type defining how the children of the box are laid out. */
-    display?: OptionalResponsiveProp<'inline-flex' | 'flex' | 'none'>;
-}
-/**
- * Variants for the {@link Button} component:
- *
- * • **default**
- *
- * Gray button for toolbars and other generic actions.
- *
- * • **primary**
- *
- * Blue button used for primary actions and CTAs. There should only be one primary button present at a time. Often used in {@link Dialog} and bottom bars.
- *
- * • **secondary**
- *
- * Transparent button that pairs with the primary button. This is typically used for cancel or back buttons.
- *
- * • **danger**
- *
- * Red button that replaces primary buttons for dangerous or otherwise difficult-to-reverse actions like record deletion.
- */
-type ButtonVariant = EnumType<typeof ButtonVariant>;
-declare const ButtonVariant: {
-    default: "default";
-    danger: "danger";
-    primary: "primary";
-    secondary: "secondary";
-};
-/**
- * Props for the {@link Button} component. Also accepts:
- * * {@link AriaProps}
- * * {@link ButtonStyleProps}
- *
- * @noInheritDoc
- * @docsPath UI/components/Button
- */
-export interface ButtonProps extends AriaProps, ButtonStyleProps, TooltipAnchorProps<HTMLButtonElement> {
-    /** The size of the button. Defaults to `default`. Can be a responsive prop object. */
-    size?: ControlSizeProp;
-    /** The variant of the button. Defaults to `default`. */
-    variant?: ButtonVariant;
-    /** The name of the icon or a React node. For more details, see the {@link IconName|list of supported icons}. */
-    icon?: IconName | React.ReactElement;
-    /** The type of the button. Defaults to `button`. */
-    type?: 'button' | 'submit' | 'reset';
-    /** The `id` attribute. */
-    id?: string;
-    /** Indicates whether or not the user can interact with the button. */
-    disabled?: boolean;
-    /** Indicates if the button can be focused and if/where it participates in sequential keyboard navigation. */
-    tabIndex?: number;
-    /** The contents of the button. */
-    children?: React.ReactNode | string;
-    /** Click event handler. Also handles Space and Enter keypress events. */
-    onClick?: (e?: React.MouseEvent<HTMLButtonElement>) => unknown;
-    /** Extra `className`s to apply to the button, separated by spaces. */
-    className?: string;
-    /** Extra styles to apply to the button. */
-    style?: React.CSSProperties;
-    /** The `aria-selected` attribute. */
-    'aria-selected'?: boolean;
-}
-declare const ForwardedRefButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export default ForwardedRefButton;
-//# sourceMappingURL=button.d.ts.map

package/dist/types/src/base/ui/button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAa,KAAK,QAAQ,EAAC,MAAM,4BAA4B,CAAC;AAErE,OAAO,EAAC,KAAK,sBAAsB,EAAC,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAEH,KAAK,aAAa,EAElB,KAAK,aAAa,EAElB,KAAK,UAAU,EAEf,KAAK,gBAAgB,EAErB,KAAK,gBAAgB,EAErB,KAAK,WAAW,EAEnB,MAAM,UAAU,CAAC;AAElB,OAAO,EAAc,KAAK,eAAe,EAAgB,MAAM,iBAAiB,CAAC;AACjF,OAAO,EAAC,KAAK,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAC,KAAK,kBAAkB,EAAC,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAC,KAAK,QAAQ,EAAC,MAAM,eAAe,CAAC;AAK5C;;;;;;;;;;GAUG;AACH,UAAU,gBACN,SAAQ,aAAa,EACjB,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,WAAW;IACf,mRAAmR;IACnR,OAAO,CAAC,EAAE,sBAAsB,CAAC,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC;CACrE;AAID;;;;;;;;;;;;;;;;;;GAkBG;AACH,KAAK,aAAa,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AACpD,QAAA,MAAM,aAAa;;;;;CAA0D,CAAC;AAQ9E;;;;;;;GAOG;AACH,MAAM,WAAW,WACb,SAAQ,SAAS,EACb,gBAAgB,EAChB,kBAAkB,CAAC,iBAAiB,CAAC;IACzC,sFAAsF;IACtF,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,wDAAwD;IACxD,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,gHAAgH;IAChH,IAAI,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,YAAY,CAAC;IACrC,oDAAoD;IACpD,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,0BAA0B;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6GAA6G;IAC7G,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAGlC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IAGpC,yEAAyE;IACzE,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,OAAO,CAAC;IAC/D,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,qCAAqC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AA2FD,QAAA,MAAM,kBAAkB,uFAA2D,CAAC;AAIpF,eAAe,kBAAkB,CAAC"}

package/dist/types/src/base/ui/choice_token.d.ts

@@ -1,49 +0,0 @@
-import * as React from 'react';
-import { type Color } from '../../shared/colors';
-import { type FlexItemSetProps, type PositionSetProps, type MarginProps } from './system';
-import { type TooltipAnchorProps } from './types/tooltip_anchor_props';
-/**
- * Style props for the {@link ChoiceToken} component. Accepts:
- * * {@link FlexItemSetProps}
- * * {@link MarginProps}
- * * {@link PositionSetProps}
- *
- * @noInheritDoc
- */
-interface ChoiceTokenStyleProps extends FlexItemSetProps, PositionSetProps, MarginProps {
-}
-/** An option from a select field. You should not create these objects from scratch, but should instead grab them from base data. */
-interface ChoiceOption {
-    /** The ID of the select option. */
-    id?: string;
-    /** The name of the select option. */
-    name: string;
-    /** The color of the select option. */
-    color?: Color;
-}
-/**
- * Props for the {@link ChoiceToken} component. Also accepts:
- * * {@link ChoiceTokenStyleProps}
- *
- * @docsPath UI/components/ChoiceToken
- * @noInheritDoc
- */
-export interface ChoiceTokenProps extends ChoiceTokenStyleProps, TooltipAnchorProps {
-    /** An object representing a select option. You should not create these objects from scratch, but should instead grab them from base data. */
-    choice: ChoiceOption;
-    /** Additional styles to apply to the choice token. */
-    style?: React.CSSProperties;
-    /** Additional class names to apply to the choice token. */
-    className?: string;
-}
-/**
- * A component that shows a single choice in a small token, to be displayed inline or in a list of choices.
- *
- * [[ Story id="choicetoken--example" title="Choice token example" ]]
- *
- * @component
- * @docsPath UI/components/ChoiceToken
- */
-declare const ChoiceToken: (props: ChoiceTokenProps) => React.JSX.Element;
-export default ChoiceToken;
-//# sourceMappingURL=choice_token.d.ts.map

package/dist/types/src/base/ui/choice_token.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"choice_token.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/choice_token.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,KAAK,KAAK,EAAC,MAAM,qBAAqB,CAAC;AAM/C,OAAO,EAEH,KAAK,gBAAgB,EAErB,KAAK,gBAAgB,EAErB,KAAK,WAAW,EACnB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAC,KAAK,kBAAkB,EAAC,MAAM,8BAA8B,CAAC;AAErE;;;;;;;GAOG;AACH,UAAU,qBAAsB,SAAQ,gBAAgB,EAAE,gBAAgB,EAAE,WAAW;CAAG;AAM1F,oIAAoI;AACpI,UAAU,YAAY;IAClB,mCAAmC;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,qCAAqC;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,sCAAsC;IACtC,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,gBAAiB,SAAQ,qBAAqB,EAAE,kBAAkB;IAC/E,6IAA6I;IAC7I,MAAM,EAAE,YAAY,CAAC;IACrB,sDAAsD;IACtD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;GAOG;AACH,QAAA,MAAM,WAAW,UAAW,gBAAgB,sBA6C3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/types/src/base/ui/collaborator_token.d.ts

@@ -1,45 +0,0 @@
-import * as React from 'react';
-import { type CollaboratorData } from '../../shared/types/collaborator';
-import { type FlexItemSetProps, type PositionSetProps, type MarginProps } from './system';
-import { type TooltipAnchorProps } from './types/tooltip_anchor_props';
-/**
- * Style props for the {@link CollaboratorToken} component. Accepts:
- * * {@link FlexItemSetProps}
- * * {@link MarginProps}
- * * {@link PositionSetProps}
- *
- * @noInheritDoc
- */
-interface CollaboratorTokenStyleProps extends FlexItemSetProps, PositionSetProps, MarginProps {
-}
-/**
- * Props for the {@link CollaboratorToken} component. Also accepts:
- * * {@link CollaboratorTokenStyleProps}
- *
- * @noInheritDoc
- * @docsPath UI/components/CollaboratorToken
- */
-export interface CollaboratorTokenProps extends CollaboratorTokenStyleProps, TooltipAnchorProps {
-    /** An object representing a collaborator. You should not create these objects from scratch, but should instead grab them from base data. */
-    collaborator: Partial<CollaboratorData>;
-    /** Additional class names to apply to the collaborator token. */
-    className?: string;
-    /** Additional styles to apply to the collaborator token. */
-    style?: React.CSSProperties;
-}
-/**
- * A component that shows a single collaborator in a small token, to be displayed inline or in a list of choices.
- *
- * [[ Story id="collaboratortoken--example" title="Collaborator token example" ]]
- *
- * @component
- * @docsPath UI/components/CollaboratorToken
- */
-declare const CollaboratorToken: {
-    (props: CollaboratorTokenProps): React.JSX.Element;
-    Static: (props: CollaboratorTokenProps & {
-        isActive?: boolean;
-    }) => React.JSX.Element;
-};
-export default CollaboratorToken;
-//# sourceMappingURL=collaborator_token.d.ts.map

package/dist/types/src/base/ui/collaborator_token.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"collaborator_token.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/collaborator_token.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,KAAK,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAMtE,OAAO,EAEH,KAAK,gBAAgB,EAErB,KAAK,gBAAgB,EAErB,KAAK,WAAW,EACnB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAC,KAAK,kBAAkB,EAAC,MAAM,8BAA8B,CAAC;AAKrE;;;;;;;GAOG;AACH,UAAU,2BAA4B,SAAQ,gBAAgB,EAAE,gBAAgB,EAAE,WAAW;CAAG;AAIhG;;;;;;GAMG;AACH,MAAM,WAAW,sBAAuB,SAAQ,2BAA2B,EAAE,kBAAkB;IAC3F,4IAA4I;IAC5I,YAAY,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACxC,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AA2ED;;;;;;;GAOG;AACH,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;oBA5EhB,sBAAsB,GAAG;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAC;CAsFpF,CAAC;AAIF,eAAe,iBAAiB,CAAC"}

package/dist/types/src/base/ui/color_palette.d.ts

@@ -1,77 +0,0 @@
-import * as React from 'react';
-import { type MaxWidthProps, type MinWidthProps, type WidthProps, type FlexItemSetProps, type PositionSetProps, type MarginProps } from './system';
-import { type TooltipAnchorProps } from './types/tooltip_anchor_props';
-/**
- * Style props shared between the {@link ColorPalette} and {@link ColorPaletteSynced} components. Accepts:
- * * {@link FlexItemSetProps}
- * * {@link MarginProps}
- * * {@link MaxWidthProps}
- * * {@link MinWidthProps}
- * * {@link PositionSetProps}
- * * {@link WidthProps}
- *
- * @noInheritDoc
- */
-export interface ColorPaletteStyleProps extends MaxWidthProps, MinWidthProps, WidthProps, FlexItemSetProps, PositionSetProps, MarginProps {
-}
-/**
- * Props shared between the {@link ColorPalette} and {@link ColorPaletteSynced} components.
- */
-export interface SharedColorPaletteProps extends ColorPaletteStyleProps, TooltipAnchorProps {
-    /** The list of {@link Color|colors} to display in the color palette. */
-    allowedColors: Array<string>;
-    /** A function to be called when the selected color changes. */
-    onChange?: (arg1: string) => unknown;
-    /** The margin between color squares in the color palette. */
-    squareMargin?: number;
-    /** Additional class names to apply to the color palette, separated by spaces. */
-    className?: string;
-    /** Additional styles to apply to the color palette. */
-    style?: React.CSSProperties;
-    /** If set to `true`, the color palette will not allow color selection. */
-    disabled?: boolean;
-}
-/**
- * Props for the {@link ColorPalette} component. Also accepts:
- * * {@link ColorPaletteStyleProps}
- *
- * @docsPath UI/components/ColorPalette
- */
-export interface ColorPaletteProps extends SharedColorPaletteProps {
-    /** The current selected {@link Color} option. */
-    color?: string | null;
-}
-/** @hidden */
-interface ColorPaletteState {
-    squareSize: number;
-}
-/**
- * A color selection component. Accepts a list of `allowedColors` to be displayed
- * as selectable color squares.
- *
- * [[ Story id="colorpalette--example" title="Color palette example" ]]
- *
- * @component
- * @docsPath UI/components/ColorPalette
- */
-export declare class ColorPalette extends React.Component<ColorPaletteProps, ColorPaletteState> {
-    /** @hidden */
-    static defaultProps: {
-        squareMargin: number;
-        className: string;
-        style: {};
-    };
-    /** @hidden */
-    constructor(props: ColorPaletteProps);
-    /** @hidden */
-    componentDidMount(): void;
-    /** @hidden */
-    componentWillUnmount(): void;
-    /** @hidden */
-    componentDidUpdate(prevProps: ColorPaletteProps): void;
-    /** @hidden */
-    render(): React.JSX.Element;
-}
-declare const _default: React.ForwardRefExoticComponent<Omit<ColorPaletteProps, keyof ColorPaletteStyleProps> & ColorPaletteStyleProps & React.RefAttributes<ColorPalette>>;
-export default _default;
-//# sourceMappingURL=color_palette.d.ts.map

package/dist/types/src/base/ui/color_palette.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"color_palette.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/color_palette.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAEH,KAAK,aAAa,EAElB,KAAK,aAAa,EAElB,KAAK,UAAU,EAEf,KAAK,gBAAgB,EAErB,KAAK,gBAAgB,EAErB,KAAK,WAAW,EACnB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAC,KAAK,kBAAkB,EAAC,MAAM,8BAA8B,CAAC;AASrE;;;;;;;;;;GAUG;AACH,MAAM,WAAW,sBACb,SAAQ,aAAa,EACjB,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,WAAW;CAAG;AAItB;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,sBAAsB,EAAE,kBAAkB;IACvF,wEAAwE;IACxE,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACrC,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;GAKG;AACH,MAAM,WAAW,iBAAkB,SAAQ,uBAAuB;IAC9D,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED,cAAc;AACd,UAAU,iBAAiB;IACvB,UAAU,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;GAQG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IACnF,cAAc;IACd,MAAM,CAAC,YAAY;;;;MAIjB;IAQF,cAAc;gBACF,KAAK,EAAE,iBAAiB;IAUpC,cAAc;IACd,iBAAiB;IASjB,cAAc;IACd,oBAAoB;IAQpB,cAAc;IACd,kBAAkB,CAAC,SAAS,EAAE,iBAAiB;IA+C/C,cAAc;IACd,MAAM;CAsET;;AAED,wBAKiC"}

package/dist/types/src/base/ui/color_palette_synced.d.ts

@@ -1,30 +0,0 @@
-/** @module @airtable/blocks/ui: ColorPalette */ /** */
-import * as React from 'react';
-import { type GlobalConfigKey } from '../../shared/types/global_config';
-import { type SharedColorPaletteProps } from './color_palette';
-/**
- * Props for the {@link ColorPaletteSynced} component. Also accepts:
- * * {@link ColorPaletteStyleProps}
- *
- * @docsPath UI/components/ColorPaletteSynced
- * @groupPath UI/components/ColorPalette
- */
-interface ColorPaletteSyncedProps extends SharedColorPaletteProps {
-    /** A string key or array key path in {@link GlobalConfig}. The selected color will always reflect the value stored in {@link GlobalConfig} for this key. Selecting a new color will update {@link GlobalConfig}. */
-    globalConfigKey: GlobalConfigKey;
-}
-/**
- * A wrapper around the {@link ColorPalette} component that syncs with {@link GlobalConfig}.
- *
- * [[ Story id="colorpalette--synced-example" title="Synced color palette example" ]]
- *
- * @component
- * @docsPath UI/components/ColorPaletteSynced
- * @groupPath UI/components/ColorPalette
- */
-declare class ColorPaletteSynced extends React.Component<ColorPaletteSyncedProps> {
-    /** @hidden */
-    render(): React.JSX.Element;
-}
-export default ColorPaletteSynced;
-//# sourceMappingURL=color_palette_synced.d.ts.map

package/dist/types/src/base/ui/color_palette_synced.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"color_palette_synced.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/color_palette_synced.tsx"],"names":[],"mappings":"AAAA,gDAAgD,CAAC,MAAM;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,KAAK,eAAe,EAAC,MAAM,kCAAkC,CAAC;AAEtE,OAAqB,EAAC,KAAK,uBAAuB,EAAC,MAAM,iBAAiB,CAAC;AAE3E;;;;;;GAMG;AACH,UAAU,uBAAwB,SAAQ,uBAAuB;IAC7D,oNAAoN;IACpN,eAAe,EAAE,eAAe,CAAC;CACpC;AAED;;;;;;;;GAQG;AACH,cAAM,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,uBAAuB,CAAC;IACrE,cAAc;IACd,MAAM;CA+BT;AAED,eAAe,kBAAkB,CAAC"}

package/dist/types/src/base/ui/confirmation_dialog.d.ts

@@ -1,66 +0,0 @@
-/** @module @airtable/blocks/ui: Dialog */ /** */
-import * as React from 'react';
-import { type DialogStyleProps } from './dialog';
-/**
- * Props for the {@link ConfirmationDialog} component. Also accepts:
- * * {@link DialogStyleProps}
- *
- * @noInheritDoc
- * @docsPath UI/components/ConfirmationDialog
- */
-interface ConfirmationDialogProps extends DialogStyleProps {
-    /** Extra styles to apply to the dialog element. */
-    style?: React.CSSProperties;
-    /** The title of the dialog. */
-    title: string;
-    /** The label for the cancel button. Defaults to 'Cancel'. */
-    cancelButtonText?: string;
-    /** The label for the confirm button. Defaults to 'Confirm'. */
-    confirmButtonText?: string;
-    /** Whether the action is dangerous (potentially destructive or not easily reversible). Defaults to `false`. */
-    isConfirmActionDangerous: boolean;
-    /** Extra `className`s to apply to the dialog element, separated by spaces. */
-    className?: string;
-    /** The body of the dialog. When it’s a string it will automatically be wrapped in a Text component. */
-    body?: React.ReactNode | string;
-    /** Extra `className`s to apply to the background element, separated by spaces. */
-    backgroundClassName?: string;
-    /** Extra styles to apply to the background element. */
-    backgroundStyle?: React.CSSProperties;
-    /** Cancel button event handler. Handles click events and Space/Enter keypress events. */
-    onCancel: () => unknown;
-    /** Confirm button event handler. Handles click events and Space/Enter keypress events. */
-    onConfirm: () => unknown;
-    /** Whether the cancel button can be interacted with. Defaults to `false`. */
-    isCancelButtonDisabled?: boolean;
-    /** Whether the confirm button can be interacted with. Defaults to `false`. */
-    isConfirmButtonDisabled?: boolean;
-}
-/**
- * A styled modal dialog component that prompts the user to confirm or cancel an action.
- *
- * [[ Story id="confirmationdialog--example" title="Confirmation dialog example" ]]
- *
- * By default, this component will focus the "Confirm" button on mount, so that pressing
- * the Enter key will confirm the action.
- *
- * @component
- * @docsPath UI/components/ConfirmationDialog
- */
-declare class ConfirmationDialog extends React.Component<ConfirmationDialogProps> {
-    /** @hidden */
-    static defaultProps: {
-        cancelButtonText: string;
-        confirmButtonText: string;
-        isConfirmActionDangerous: boolean;
-        isCancelButtonDisabled: boolean;
-        isConfirmButtonDisabled: boolean;
-        width: string;
-    };
-    /** @hidden */
-    componentDidMount(): void;
-    /** @hidden */
-    render(): React.JSX.Element;
-}
-export default ConfirmationDialog;
-//# sourceMappingURL=confirmation_dialog.d.ts.map