@airtable/blocks 0.0.0-experimental-20e3506bd-20250428

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

@@ -0,0 +1,80 @@
+/** @module @airtable/blocks/ui: Tooltip */ /** */
+import PropTypes from 'prop-types';
+import * as React from 'react';
+import { PopoverPlacementX, PopoverPlacementY, FitInWindowMode } from './popover';
+import { TooltipAnchorProps } from './types/tooltip_anchor_props';
+/**
+ * Props for the {@link Tooltip} component.
+ *
+ * @docsPath UI/components/Tooltip
+ */
+interface TooltipProps {
+    /** Child components to render. */
+    children: React.ReactElement<TooltipAnchorProps>;
+    /** The horizontal placement of the tooltip. Defaults to {@link PopoverPlacements.RIGHT}. */
+    placementX?: PopoverPlacementX;
+    /** The vertical placement of the tooltip. Defaults to {@link PopoverPlacements.CENTER}. */
+    placementY?: PopoverPlacementY;
+    /** The horizontal offset, in pixels, of the tooltip. If `placementX` is set to {@link PopoverPlacements.LEFT}, a higher number will move the tooltip to the left. If `placementX` is set to {@link PopoverPlacements.RIGHT}, a higher number moves the tooltip to the right. If `placementX` is set to {@link PopoverPlacements.CENTER}, this value has no effect. Defaults to 12. */
+    placementOffsetX?: number;
+    /** The vertical offset, in pixels, of the tooltip. If `placementY` is set to {@link PopoverPlacements.TOP}, a higher number will move the tooltip upward. If `placementY` is set to {@link PopoverPlacements.BOTTOM}, a higher number moves the tooltip downard. If `placementY` is set to {@link PopoverPlacements.CENTER}, this value has no effect. Defaults to 0. */
+    placementOffsetY?: number;
+    /** A string representing the contents. Alternatively, you can include a function that returns a React node to place into the tooltip, which is useful for things like italicization in the tooltip. */
+    content?: string | (() => React.ReactElement<any>);
+    /** Dictates the behavior when the "normal" placement of the tooltip would be outside of the viewport. Defaults to {@link FitInWindowModes.FLIP}. */
+    fitInWindowMode?: FitInWindowMode;
+    /** Should the tooltip be hidden when clicked? Defaults to `false`. */
+    shouldHideTooltipOnClick?: boolean;
+    /** If set to `true`, this tooltip will not be shown. Useful when trying to disable the tooltip dynamically. */
+    disabled?: boolean;
+    /** Additional class names to attach to the tooltip, separated by spaces. */
+    className?: string;
+    /** Additional styles names to attach to the tooltip. */
+    style?: React.CSSProperties;
+}
+/** @hidden */
+interface TooltipState {
+    isShowingTooltip: boolean;
+}
+/**
+ * A component that renders a tooltip on hover. Wraps its children.
+ *
+ * [[ Story id="tooltip--example" title="Tooltip example" ]]
+ *
+ * @docsPath UI/components/Tooltip
+ * @component
+ */
+declare class Tooltip extends React.Component<TooltipProps, TooltipState> {
+    /** @hidden */
+    static placements: typeof import("./popover").PopoverPlacements;
+    /** @hidden */
+    static fitInWindowModes: typeof import("./popover").FitInWindowModes;
+    /** @hidden */
+    static propTypes: {
+        children: PropTypes.Validator<PropTypes.ReactElementLike>;
+        content: PropTypes.Requireable<NonNullable<string | ((...args: any[]) => any) | null | undefined>>;
+        placementX: PropTypes.Requireable<import("./popover").PopoverPlacements>;
+        placementY: PropTypes.Requireable<import("./popover").PopoverPlacements>;
+        placementOffsetX: PropTypes.Requireable<number>;
+        placementOffsetY: PropTypes.Requireable<number>;
+        fitInWindowMode: PropTypes.Requireable<import("../../shared/private_utils").ObjectValues<typeof import("./popover").FitInWindowModes>>;
+        shouldHideTooltipOnClick: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+        style: PropTypes.Requireable<object>;
+    };
+    /** @hidden */
+    static defaultProps: {
+        placementX: import("./popover").PopoverPlacements;
+        placementY: import("./popover").PopoverPlacements;
+        placementOffsetX: number;
+        placementOffsetY: number;
+        fitInWindowMode: import("./popover").FitInWindowModes;
+    };
+    /** @hidden */
+    constructor(props: TooltipProps);
+    /** @hidden */
+    render(): React.JSX.Element;
+}
+export default Tooltip;
+//# sourceMappingURL=tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/tooltip.tsx"],"names":[],"mappings":"AAAA,2CAA2C,CAAC,MAAM;AAClD,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAgB,EAAC,iBAAiB,EAAE,iBAAiB,EAAE,eAAe,EAAC,MAAM,WAAW,CAAC;AAEzF,OAAO,EAAC,kBAAkB,EAAC,MAAM,8BAA8B,CAAC;AAIhE;;;;GAIG;AACH,UAAU,YAAY;IAClB,kCAAkC;IAClC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC;IACjD,4FAA4F;IAC5F,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,2FAA2F;IAC3F,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,sXAAsX;IACtX,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yWAAyW;IACzW,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uMAAuM;IACvM,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;IACnD,oJAAoJ;IACpJ,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,sEAAsE;IACtE,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,+GAA+G;IAC/G,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED,cAAc;AACd,UAAU,YAAY;IAClB,gBAAgB,EAAE,OAAO,CAAC;CAC7B;AAED;;;;;;;GAOG;AACH,cAAM,OAAQ,SAAQ,KAAK,CAAC,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC;IAC7D,cAAc;IACd,MAAM,CAAC,UAAU,+CAAsB;IACvC,cAAc;IACd,MAAM,CAAC,gBAAgB,8CAA4B;IAEnD,cAAc;IACd,MAAM,CAAC,SAAS;;;;;;;;;;;;MAoBd;IACF,cAAc;IACd,MAAM,CAAC,YAAY;;;;;;MAMjB;IACF,cAAc;gBACF,KAAK,EAAE,YAAY;IA6E/B,cAAc;IACd,MAAM;CA2CT;AAED,eAAe,OAAO,CAAC"}

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

@@ -0,0 +1,22 @@
+/** @module @airtable/blocks/ui/types: Aria props */ /** */
+import { AriaAttributes } from 'react';
+/** */
+export interface AriaProps {
+    /** Defines a string value that labels the current element. */
+    ['aria-label']?: AriaAttributes['aria-label'];
+    /** Identifies the element (or elements) that labels the current object. */
+    ['aria-labelledby']?: AriaAttributes['aria-labelledby'];
+    /** Identifies the element (or elements) that describes the current object. */
+    ['aria-describedby']?: AriaAttributes['aria-describedby'];
+    /** Identifies the element (or elements) whose contents or presence are controlled by the current element. */
+    ['aria-controls']?: AriaAttributes['aria-controls'];
+    /** Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. */
+    ['aria-expanded']?: AriaAttributes['aria-expanded'];
+    /** Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element. */
+    ['aria-haspopup']?: AriaAttributes['aria-haspopup'];
+    /** Indicates whether the element is exposed to an accessibility API. */
+    ['aria-hidden']?: AriaAttributes['aria-hidden'];
+    /** Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region. */
+    ['aria-live']?: AriaAttributes['aria-live'];
+}
+//# sourceMappingURL=aria_props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aria_props.d.ts","sourceRoot":"","sources":["../../../../../../src/base/ui/types/aria_props.ts"],"names":[],"mappings":"AAAA,oDAAoD,CAAC,MAAM;AAC3D,OAAO,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAGrC,MAAM;AACN,MAAM,WAAW,SAAS;IACtB,8DAA8D;IAC9D,CAAC,YAAY,CAAC,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;IAC9C,2EAA2E;IAC3E,CAAC,iBAAiB,CAAC,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAC;IACxD,8EAA8E;IAC9E,CAAC,kBAAkB,CAAC,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAC;IAC1D,6GAA6G;IAC7G,CAAC,eAAe,CAAC,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IACpD,kHAAkH;IAClH,CAAC,eAAe,CAAC,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IACpD,qIAAqI;IACrI,CAAC,eAAe,CAAC,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IACpD,wEAAwE;IACxE,CAAC,aAAa,CAAC,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IAChD,uKAAuK;IACvK,CAAC,WAAW,CAAC,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;CAC/C"}

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

@@ -0,0 +1,14 @@
+/** @hidden */ /** */
+import PropTypes from 'prop-types';
+/**
+ * Data attributes that are spread onto the element, e.g. `dataAttributes={{'data-*': '...'}}`.
+ *
+ * @hidden
+ */
+export interface DataAttributesProp {
+    readonly [key: string]: unknown;
+}
+export declare const dataAttributesPropType: PropTypes.Requireable<{
+    readonly [key: string]: unknown;
+}>;
+//# sourceMappingURL=data_attributes_prop.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data_attributes_prop.d.ts","sourceRoot":"","sources":["../../../../../../src/base/ui/types/data_attributes_prop.ts"],"names":[],"mappings":"AAAA,cAAc,CAAC,MAAM;AACrB,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC;;;;GAIG;AAEH,MAAM,WAAW,kBAAkB;IAC/B,QAAQ,EAAE,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACnC;AAED,eAAO,MAAM,sBAAsB,EAAuB,SAAS,CAAC,WAAW,CAAC;IAC5E,QAAQ,EAAE,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACnC,CAAC,CAAC"}

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

@@ -0,0 +1,19 @@
+import PropTypes from 'prop-types';
+/** @hidden */
+export interface TooltipAnchorProps<T = HTMLElement> {
+    /** @hidden */
+    onMouseEnter?: (e: React.MouseEvent<T>) => unknown;
+    /** @hidden */
+    onMouseLeave?: (e: React.MouseEvent<T>) => unknown;
+    /** @hidden */
+    onClick?: (e: React.MouseEvent<T>) => unknown;
+    /** @hidden */
+    hasOnClick?: boolean;
+}
+export declare const tooltipAnchorPropTypes: {
+    onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
+    onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    hasOnClick: PropTypes.Requireable<boolean>;
+};
+//# sourceMappingURL=tooltip_anchor_props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip_anchor_props.d.ts","sourceRoot":"","sources":["../../../../../../src/base/ui/types/tooltip_anchor_props.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,cAAc;AACd,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,WAAW;IAC/C,cAAc;IACd,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC;IACnD,cAAc;IACd,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC;IAKnD,cAAc;IACd,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC;IAC9C,cAAc;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,sBAAsB;;;;;CAKlC,CAAC"}

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

@@ -0,0 +1,46 @@
+/** @ignore */
+import GlobalAlert from './global_alert';
+import '..';
+export { default as BaseProvider } from './base_provider';
+export { default as colors } from '../../shared/colors';
+export { default as colorUtils } from '../../shared/color_utils';
+export { default as Synced } from './synced';
+export { default as TablePicker } from './table_picker';
+export { default as TablePickerSynced } from './table_picker_synced';
+export { default as FieldPicker } from './field_picker';
+export { default as FieldPickerSynced } from './field_picker_synced';
+export { default as ViewPicker } from './view_picker';
+export { default as ViewPickerSynced } from './view_picker_synced';
+export { default as InputSynced } from './input_synced';
+export { default as CellRenderer } from './cell_renderer';
+export { default as expandRecord } from './expand_record';
+export { default as expandRecordList } from './expand_record_list';
+export { default as expandRecordPickerAsync } from './expand_record_picker_async';
+export { default as GlobalAlert } from './global_alert';
+export { default as FieldIcon } from './field_icon';
+export { default as ColorPaletteSynced } from './color_palette_synced';
+export { default as ProgressBar } from './progress_bar';
+export { default as RecordCard } from './record_card';
+export { default as RecordCardList } from './record_card_list';
+export { default as SelectSynced } from './select_synced';
+export { default as SelectButtonsSynced } from './select_buttons_synced';
+export { default as SwitchSynced } from './switch_synced';
+export { default as ViewportConstraint } from './viewport_constraint';
+export { initializeBlock } from './initialize_block';
+export { default as withHooks } from '../../shared/ui/with_hooks';
+export { default as useLoadable } from '../../shared/ui/use_loadable';
+export { useRecordIds, useRecords, useRecordById, useRecordQueryResult } from './use_records';
+export { default as useBase } from './use_base';
+export { default as useCursor } from './use_cursor';
+export { default as useSession } from './use_session';
+export { default as useSettingsButton } from './use_settings_button';
+export { default as useSynced } from '../../shared/ui/use_synced';
+export { default as useWatchable } from '../../shared/ui/use_watchable';
+export { default as useViewport } from './use_viewport';
+export { default as useGlobalConfig } from '../../shared/ui/use_global_config';
+export { default as useViewMetadata } from './use_view_metadata';
+export { default as useRecordActionData } from './use_record_action_data';
+export { registerRecordActionDataCallback } from '../perform_record_action';
+export * from './unstable_standalone_ui';
+export declare const globalAlert: GlobalAlert;
+//# sourceMappingURL=ui.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/ui.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,24 @@
+export { default as Box } from './box';
+export { default as Button } from './button';
+export { default as ChoiceToken } from './choice_token';
+export { default as CollaboratorToken } from './collaborator_token';
+export { default as ColorPalette } from './color_palette';
+export { default as ConfirmationDialog } from './confirmation_dialog';
+export { default as Dialog } from './dialog';
+export { default as FormField } from './form_field';
+export { default as Heading } from './heading';
+export { default as Icon } from './icon';
+export { default as Input } from './input';
+export { default as Label } from './label';
+export { default as Link } from './link';
+export { default as Loader } from './loader';
+export { default as Modal } from './modal';
+export { default as Popover } from './popover';
+export { loadCSSFromString, loadCSSFromURLAsync, loadScriptFromURLAsync, } from '../../shared/ui/remote_utils';
+export { default as Select } from './select';
+export { default as SelectButtons } from './select_buttons';
+export { default as Switch } from './switch';
+export { default as Text } from './text';
+export { default as TextButton } from './text_button';
+export { default as Tooltip } from './tooltip';
+//# sourceMappingURL=unstable_standalone_ui.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"unstable_standalone_ui.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/unstable_standalone_ui.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,OAAO,IAAI,GAAG,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAC,OAAO,IAAI,iBAAiB,EAAC,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,cAAc,CAAC;AAClD,OAAO,EAAC,OAAO,IAAI,OAAO,EAAC,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,SAAS,CAAC;AACzC,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,SAAS,CAAC;AACzC,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,SAAS,CAAC;AACzC,OAAO,EAAC,OAAO,IAAI,OAAO,EAAC,MAAM,WAAW,CAAC;AAC7C,OAAO,EACH,iBAAiB,EACjB,mBAAmB,EACnB,sBAAsB,GACzB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,eAAe,CAAC;AACpD,OAAO,EAAC,OAAO,IAAI,OAAO,EAAC,MAAM,WAAW,CAAC"}

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

@@ -0,0 +1,33 @@
+/**
+ * A hook for connecting a React component to your base's schema. This returns a {@link Base}
+ * instance and will re-render your component whenever the base's schema changes. That means any
+ * change to your base like tables being added or removed, fields getting renamed, etc. It excludes
+ * any change to the actual records in the base.
+ *
+ * `useBase` should meet most of your needs for working with base schema. If you need more granular
+ * control of when your component updates or want to do anything other than re-render, the lower
+ * level {@link useWatchable} hook might help.
+ *
+ * Returns the current base.
+ *
+ * @example
+ * ```js
+ * import {useBase} from '@airtable/blocks/ui';
+ *
+ * // renders a list of tables and automatically updates
+ * function TableList() {
+ *      const base = useBase();
+ *
+ *      const tables = base.tables.map(table => {
+ *          return <li key={table.id}>{table.name}</li>;
+ *      });
+ *
+ *      return <ul>{tables}</ul>;
+ * }
+ * ```
+ * @docsPath UI/hooks/useBase
+ * @hook
+ */
+declare function useBase(): import("../models/base").default;
+export default useBase;
+//# sourceMappingURL=use_base.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_base.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/use_base.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,iBAAS,OAAO,qCAEf;AAED,eAAe,OAAO,CAAC"}

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

@@ -0,0 +1,33 @@
+/** @module @airtable/blocks/ui: useCursor */ /** */
+import Cursor from '../models/cursor';
+/**
+ * A hook for connecting a React component to your base's cursor. This returns a {@link Cursor}
+ * instance and will re-render your component whenever the active Table or active View changes.
+ * It excludes any change to the selected Records or selected Fields.
+ *
+ * `useCursor` should meet most of your needs for working with base cursors. If you need more granular
+ * control of when your component updates or want to do anything other than re-render, the lower
+ * level {@link useWatchable} hook might help.
+ *
+ * Returns the current cursor.
+ *
+ * @example
+ * ```js
+ * import {useBase, useCursor} from '@airtable/blocks/ui';
+ *
+ * // renders a list of tables and automatically updates
+ * function TableList() {
+ *      const base = useBase();
+ *      const cursor = useCursor();
+ *
+ *      const table = base.getTableById(cursor.activeTableId);
+ *
+ *      return <p>The table named "{table.name}" is active!</p>;
+ * }
+ * ```
+ * @docsPath UI/hooks/useCursor
+ * @hook
+ */
+declare const useCursor: () => Cursor;
+export default useCursor;
+//# sourceMappingURL=use_cursor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_cursor.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/use_cursor.ts"],"names":[],"mappings":"AAAA,6CAA6C,CAAC,MAAM;AACpD,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAKtC;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,QAAA,MAAM,SAAS,QAAO,MAMrB,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,2 @@
+export declare const FormFieldContext: import("react").Context<FormFieldContextValue | null>;
+//# sourceMappingURL=use_form_field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_form_field.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/use_form_field.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,gBAAgB,uDAAoD,CAAC"}

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

@@ -0,0 +1,54 @@
+/** @module @airtable/blocks/ui: useRecordActionData */ /** */
+import { RecordActionData } from '../types/record_action_data';
+/**
+ * A hook to watch "open extension" / "perform record action" events (from button field). Returns
+ * the data corresponding to the latest action, or `null` if no actions have occurred yet. If there
+ * was a pending event for the extension (for example, because a button that opens this extension was
+ * clicked while the extensions dashboard was closed) it will be returned as the initial value.
+ *
+ * Like {@link useLoadable}, this hook puts the extension in suspense while subscribing to events and
+ * fetching the initial data.
+ *
+ * Also see {@link registerRecordActionDataCallback}, which subscribes to the same events in an
+ * asynchronous (callback based) way. An advantage of using this hook over the callback is that you
+ * immediately can handle any pending events when your extension opens - with a callback, your extension
+ * will finish it's initial render before handling the event.
+ *
+ * Like {@link registerRecordActionDataCallback}, your extension won't receive events until this hook is
+ * used for the first time. Because of that, we recommend only using this hook once, in the top
+ * level component of your extension. Similarly, using both `registerRecordActionDataCallback` and
+ * `useRecordActionData` is not supported.
+ *
+ * You can test your extension in development by sending "perform record action" events to your extension
+ * in the "Advanced" panel of the extension developer tools.
+ *
+ * After releasing your extension, you can use it with a button field by choosing the "Open custom
+ * extension" action and selecting your extension.
+ *
+ * @example
+ * ```js
+ * import React from 'react';
+ * import {useRecordActionData} from '@airtable/blocks/ui';
+ *
+ * function LatestRecordAction() {
+ *     const recordActionData = useRecordActionData();
+ *
+ *     if (recordActionData === null) {
+ *         return <span>No events yet</span>;
+ *     }
+ *
+ *     return (
+ *         <ul>
+ *             <li>Record id: {recordActionData.recordId}</li>
+ *             <li>View id: {recordActionData.viewId}</li>
+ *             <li>Table id: {recordActionData.tableId}</li>
+ *         </ul>
+ *     );
+ * }
+ * ```
+ *
+ * @docsPath UI/hooks/useRecordActionData
+ * @hook
+ */
+export default function useRecordActionData(): RecordActionData | null;
+//# sourceMappingURL=use_record_action_data.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_record_action_data.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/use_record_action_data.ts"],"names":[],"mappings":"AAAA,uDAAuD,CAAC,MAAM;AAC9D,OAAO,EAAC,gBAAgB,EAAC,MAAM,6BAA6B,CAAC;AAO7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AAEH,MAAM,CAAC,OAAO,UAAU,mBAAmB,IAAI,gBAAgB,GAAG,IAAI,CAerE"}

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

@@ -0,0 +1,37 @@
+import { RecordId } from '../../shared/types/hyper_ids';
+import Table from '../models/table';
+import TableOrViewQueryResult from '../models/table_or_view_query_result';
+import LinkedRecordsQueryResult from '../models/linked_records_query_result';
+import RecordQueryResult, { RecordQueryResultOpts, RecordIdQueryResultOpts, SingleRecordQueryResultOpts } from '../models/record_query_result';
+import Record from '../models/record';
+import View from '../models/view';
+/** */
+type AnyQueryResult = TableOrViewQueryResult | LinkedRecordsQueryResult;
+/** */
+type TableOrViewOrQueryResult = Table | View | AnyQueryResult;
+/** */
+export declare function useRecordIds(tableOrView: Table | View, opts?: RecordIdQueryResultOpts): Array<RecordId>;
+/** */
+export declare function useRecordIds(queryResult: AnyQueryResult): Array<RecordId>;
+/** */
+export declare function useRecordIds(tableOrViewOrQueryResult: null): null;
+/** */
+export declare function useRecords(tableOrView: Table | View, opts?: RecordQueryResultOpts): Array<Record>;
+/** */
+export declare function useRecords(queryResult: AnyQueryResult): Array<Record>;
+/** */
+export declare function useRecords(tableOrViewOrQueryResult: null): null;
+/** */
+export declare function useRecordById(tableOrView: Table | View, recordId: RecordId, opts?: SingleRecordQueryResultOpts): Record | null;
+/** */
+export declare function useRecordById(queryResult: AnyQueryResult, recordId: RecordId): Record | null;
+/**
+ * Docs: TODO(SeanKeenan)
+ *
+ * @docsPath UI/hooks/useRecordQueryResult
+ * @hidden
+ * @hook
+ */
+export declare function useRecordQueryResult(tableOrViewOrQueryResult: TableOrViewOrQueryResult | null, opts?: RecordQueryResultOpts): RecordQueryResult | null;
+export {};
+//# sourceMappingURL=use_records.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_records.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/use_records.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,QAAQ,EAAC,MAAM,8BAA8B,CAAC;AACtD,OAAO,KAAK,MAAM,iBAAiB,CAAC;AACpC,OAAO,sBAAsB,MAAM,sCAAsC,CAAC;AAC1E,OAAO,wBAAwB,MAAM,uCAAuC,CAAC;AAC7E,OAAO,iBAAiB,EAAE,EACtB,qBAAqB,EACrB,uBAAuB,EACvB,2BAA2B,EAC9B,MAAM,+BAA+B,CAAC;AACvC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAIlC,MAAM;AACN,KAAK,cAAc,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;AACxE,MAAM;AACN,KAAK,wBAAwB,GAAG,KAAK,GAAG,IAAI,GAAG,cAAc,CAAC;AAiC9D,MAAM;AACN,wBAAgB,YAAY,CACxB,WAAW,EAAE,KAAK,GAAG,IAAI,EACzB,IAAI,CAAC,EAAE,uBAAuB,GAC/B,KAAK,CAAC,QAAQ,CAAC,CAAC;AACnB,MAAM;AACN,wBAAgB,YAAY,CAAC,WAAW,EAAE,cAAc,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;AAC3E,MAAM;AACN,wBAAgB,YAAY,CAAC,wBAAwB,EAAE,IAAI,GAAG,IAAI,CAAC;AA4DnE,MAAM;AACN,wBAAgB,UAAU,CAAC,WAAW,EAAE,KAAK,GAAG,IAAI,EAAE,IAAI,CAAC,EAAE,qBAAqB,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;AACnG,MAAM;AACN,wBAAgB,UAAU,CAAC,WAAW,EAAE,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;AACvE,MAAM;AACN,wBAAgB,UAAU,CAAC,wBAAwB,EAAE,IAAI,GAAG,IAAI,CAAC;AA2FjE,MAAM;AACN,wBAAgB,aAAa,CACzB,WAAW,EAAE,KAAK,GAAG,IAAI,EACzB,QAAQ,EAAE,QAAQ,EAClB,IAAI,CAAC,EAAE,2BAA2B,GACnC,MAAM,GAAG,IAAI,CAAC;AAEjB,MAAM;AACN,wBAAgB,aAAa,CAAC,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI,CAAC;AAkE9F;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAChC,wBAAwB,EAAE,wBAAwB,GAAG,IAAI,EACzD,IAAI,CAAC,EAAE,qBAAqB,GAC7B,iBAAiB,GAAG,IAAI,CAQ1B"}

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

@@ -0,0 +1,31 @@
+/**
+ * A hook for connecting a React component to the current session. This returns a {@link Session}
+ * instance and will re-render your component whenever the session changes (e.g. when the current user's
+ * permissions change or when the current user's name changes).
+ *
+ * `useSession` should meet most of your needs for working with {@link Session}. If you need more granular
+ * control of when your component updates or want to do anything other than re-render, the lower
+ * level {@link useWatchable} hook might help.
+ *
+ * @example
+ * ```js
+ * import {CollaboratorToken, useSession} from '@airtable/blocks/ui';
+ *
+ * // Says hello to the current user and updates in realtime if the current user's
+ * // name or profile pic changes.
+ * function CurrentUserGreeter() {
+ *     const session = useSession();
+ *     return (
+ *         <React.Fragment>
+ *             Hello,
+ *             <CollaboratorToken collaborator={session.currentUser} />!
+ *         </React.Fragment>
+ *     );
+ * }
+ * ```
+ * @docsPath UI/hooks/useSession
+ * @hook
+ */
+declare function useSession(): import("../models/session").default;
+export default useSession;
+//# sourceMappingURL=use_session.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_session.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/use_session.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,iBAAS,UAAU,wCAElB;AAED,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,30 @@
+import { FlowAnyFunction } from '../../shared/private_utils';
+/**
+ * A hook for using the settings button that lives outside the extension's viewport. It will show
+ * the settings button (hidden by default) and call the provided callback whenever the settings
+ * button is clicked. It will also re-render your component when the settings button is clicked.
+ *
+ * @param onClickCallback A callback to call when the button is clicked.
+ *
+ * @example
+ * ```js
+ * import {useSettingsButton} from '@airtable/blocks/ui';
+ * import {useState} from 'react';
+ *
+ * function ComponentWithSettings() {
+ *      const [isShowingSettings, setIsShowingSettings] = useState(false);
+ *      useSettingsButton(function() {
+ *          setIsShowingSettings(!isShowingSettings);
+ *      });
+ *
+ *      if (isShowingSettings) {
+ *          return <SettingsComponent />
+ *      }
+ *      return <MainComponent />
+ * }
+ * ```
+ * @docsPath UI/hooks/useSettingsButton
+ * @hook
+ */
+export default function useSettingsButton(onClickCallback: FlowAnyFunction): void;
+//# sourceMappingURL=use_settings_button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_settings_button.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/use_settings_button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,eAAe,EAAC,MAAM,4BAA4B,CAAC;AAK3D;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,eAAe,EAAE,eAAe,QAazE"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+/** @module @airtable/blocks/ui: useViewMetadata */ /** */
+import ViewMetadataQueryResult from '../models/view_metadata_query_result';
+import View from '../models/view';
+/** */
+declare function useViewMetadata(viewOrViewMetadataQueryResult: View | ViewMetadataQueryResult): ViewMetadataQueryResult;
+/** */
+declare function useViewMetadata(viewOrViewMetadataQueryResult?: null | undefined): null;
+/** */
+declare function useViewMetadata(viewOrViewMetadataQueryResult?: View | ViewMetadataQueryResult | null | undefined): ViewMetadataQueryResult | null;
+export default useViewMetadata;
+//# sourceMappingURL=use_view_metadata.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_view_metadata.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/use_view_metadata.ts"],"names":[],"mappings":"AAAA,mDAAmD,CAAC,MAAM;AAC1D,OAAO,uBAAuB,MAAM,sCAAsC,CAAC;AAC3E,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAIlC,MAAM;AACN,iBAAS,eAAe,CACpB,6BAA6B,EAAE,IAAI,GAAG,uBAAuB,GAC9D,uBAAuB,CAAC;AAC3B,MAAM;AACN,iBAAS,eAAe,CAAC,6BAA6B,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;AACjF,MAAM;AACN,iBAAS,eAAe,CACpB,6BAA6B,CAAC,EAAE,IAAI,GAAG,uBAAuB,GAAG,IAAI,GAAG,SAAS,GAClF,uBAAuB,GAAG,IAAI,CAAC;AAwClC,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,35 @@
+/** @module @airtable/blocks/ui: useViewport */ /** */
+import Viewport from '../viewport';
+/**
+ * Returns the current {@link Viewport} object and updates whenever the viewport size, constraints,
+ * or fullscreen status changes.
+ *
+ * @example
+ * ```js
+ * import {useViewport} from '@airtable/blocks/ui';
+ *
+ * function ViewportSize() {
+ *      const viewport = useViewport();
+ *
+ *      const toggleFullscreen = () => {
+ *          if (viewport.isFullscreen) {
+ *              viewport.exitFullscreen();
+ *          } else {
+ *              viewport.enterFullscreenIfPossible();
+ *          }
+ *      };
+ *
+ *      return (
+ *          <Fragment>
+ *              <button onClick={toggleFullscreen}>Toggle fullscreen</button>
+ *
+ *              viewport size: {viewport.size.width}x{viewport.size.height}
+ *          </Fragment>
+ *      );
+ * }
+ * ```
+ * @docsPath UI/hooks/useViewport
+ * @hook
+ */
+export default function useViewport(): Viewport;
+//# sourceMappingURL=use_viewport.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_viewport.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/use_viewport.ts"],"names":[],"mappings":"AAAA,+CAA+C,CAAC,MAAM;AACtD,OAAO,QAAQ,MAAM,aAAa,CAAC;AAKnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,IAAI,QAAQ,CAI9C"}

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

@@ -0,0 +1,57 @@
+/** @module @airtable/blocks/ui: ViewPicker */ /** */
+import PropTypes from 'prop-types';
+import * as React from 'react';
+import View from '../models/view';
+import Table from '../models/table';
+import { ViewType } from '../types/view';
+import { SharedSelectBaseProps } from './select';
+/**
+ * Props shared between the {@link ViewPicker} and {@link ViewPickerSynced} components.
+ */
+export interface SharedViewPickerProps extends SharedSelectBaseProps {
+    /** The parent table model to select views from. If `null` or `undefined`, the picker won't render. */
+    table?: Table | null;
+    /** An array indicating which view types can be selected. */
+    allowedTypes?: Array<ViewType>;
+    /** If set to `true`, the user can unset the selected view. */
+    shouldAllowPickingNone?: boolean;
+    /** The placeholder text when no view is selected. Defaults to `'Pick a view...'` */
+    placeholder?: string;
+    /** A function to be called when the selected view changes. */
+    onChange?: (viewModel: View | null) => void;
+}
+export declare const sharedViewPickerPropTypes: {
+    onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
+    onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    hasOnClick: PropTypes.Requireable<boolean>;
+    size: PropTypes.Validator<any>;
+    autoFocus: PropTypes.Requireable<boolean>;
+    disabled: PropTypes.Requireable<boolean>;
+    id: PropTypes.Requireable<string>;
+    name: PropTypes.Requireable<string>;
+    tabIndex: PropTypes.Requireable<number>;
+    className: PropTypes.Requireable<string>;
+    style: PropTypes.Requireable<object>;
+    'aria-label': PropTypes.Requireable<string>;
+    'aria-labelledby': PropTypes.Requireable<string>;
+    'aria-describedby': PropTypes.Requireable<string>;
+    table: PropTypes.Requireable<Table>;
+    allowedTypes: PropTypes.Requireable<NonNullable<import("../../shared/private_utils").ObjectValues<typeof ViewType>>[]>;
+    shouldAllowPickingNone: PropTypes.Requireable<boolean>;
+    placeholder: PropTypes.Requireable<string>;
+    onChange: PropTypes.Requireable<(...args: any[]) => any>;
+};
+/**
+ * Props for the {@link ViewPicker} component. Also accepts:
+ * * {@link SelectStyleProps}
+ *
+ * @docsPath UI/components/ViewPicker
+ */
+export interface ViewPickerProps extends SharedViewPickerProps {
+    /** The selected view model. */
+    view?: View | null;
+}
+declare const ForwardedRefViewPicker: React.ForwardRefExoticComponent<ViewPickerProps & React.RefAttributes<HTMLSelectElement>>;
+export default ForwardedRefViewPicker;
+//# sourceMappingURL=view_picker.d.ts.map