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

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

@@ -0,0 +1,83 @@
+/** @module @airtable/blocks/ui: ProgressBar */ /** */
+import PropTypes from 'prop-types';
+import * as React from 'react';
+import { BackgroundColorProps, MaxWidthProps, MinWidthProps, WidthProps, HeightProps, FlexItemSetProps, PositionSetProps, MarginProps } from './system';
+import { OptionalResponsiveProp } from './system/utils/types';
+import { TooltipAnchorProps } from './types/tooltip_anchor_props';
+/**
+ * Style props for the {@link ProgressBar} component. Also accepts:
+ * * {@link BackgroundColorProps}
+ * * {@link FlexItemSetProps}
+ * * {@link HeightProps}
+ * * {@link MarginProps}
+ * * {@link MaxWidthProps}
+ * * {@link MinWidthProps}
+ * * {@link PositionSetProps}
+ * * {@link WidthProps}
+ *
+ * @noInheritDoc
+ */
+interface ProgressBarStyleProps extends BackgroundColorProps, MaxWidthProps, MinWidthProps, WidthProps, HeightProps, 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<'block' | 'inline' | 'inline-block'>;
+}
+export declare const progressBarStylePropTypes: {
+    [x: string]: PropTypes.Validator<any>;
+};
+/**
+ * Props for the {@link ProgressBar} component. Also accepts:
+ * * {@link ProgressBarStyleProps}
+ *
+ * @docsPath UI/components/ProgressBar
+ * @noInheritDoc
+ */
+export interface ProgressBarProps extends ProgressBarStyleProps, TooltipAnchorProps {
+    /** A CSS color, such as `#ff9900`. Defaults to a blue color. */
+    barColor?: string;
+    /** A number between 0 and 1. 0 is 0% complete, 0.5 is 50% complete, 1 is 100% complete. If you include a number outside of the range, the value will be clamped to be inside of the range. */
+    progress: number;
+    /** Extra `className`s to apply to the element, separated by spaces. */
+    className?: string;
+    /** Extra styles to apply to the progress bar. */
+    style?: React.CSSProperties;
+}
+/**
+ * A progress bar.
+ *
+ * @example
+ * ```js
+ * import {ProgressBar} from '@airtable/blocks/ui';
+ *
+ * function MyComponent() {
+ *     return (
+ *         <ProgressBar
+ *             progress={0.6}
+ *             barColor='#ff9900'
+ *         />
+ *     );
+ * }
+ * ```
+ * @docsPath UI/components/ProgressBar
+ * @component
+ */
+declare const ProgressBar: {
+    (props: ProgressBarProps): React.JSX.Element;
+    propTypes: {
+        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        hasOnClick: PropTypes.Requireable<boolean>;
+        progress: PropTypes.Validator<number>;
+        barColor: PropTypes.Requireable<string>;
+        className: PropTypes.Requireable<string>;
+        style: PropTypes.Requireable<object>;
+    };
+    defaultProps: {
+        barColor: "blueBright";
+        backgroundColor: "grayLight1";
+        width: string;
+        height: number;
+    };
+};
+export default ProgressBar;
+//# sourceMappingURL=progress_bar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress_bar.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/progress_bar.tsx"],"names":[],"mappings":"AAAA,+CAA+C,CAAC,MAAM;AACtD,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAGH,oBAAoB,EAGpB,aAAa,EAGb,aAAa,EAGb,UAAU,EAGV,WAAW,EAGX,gBAAgB,EAGhB,gBAAgB,EAGhB,WAAW,EAGd,MAAM,UAAU,CAAC;AAClB,OAAO,EAAC,sBAAsB,EAAC,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAyB,kBAAkB,EAAC,MAAM,8BAA8B,CAAC;AAIxF;;;;;;;;;;;;GAYG;AACH,UAAU,qBACN,SAAQ,oBAAoB,EACxB,aAAa,EACb,aAAa,EACb,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,WAAW;IACf,mRAAmR;IACnR,OAAO,CAAC,EAAE,sBAAsB,CAAC,OAAO,GAAG,QAAQ,GAAG,cAAc,CAAC,CAAC;CACzE;AAcD,eAAO,MAAM,yBAAyB;;CAWrC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,WAAW,gBAAiB,SAAQ,qBAAqB,EAAE,kBAAkB;IAC/E,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8LAA8L;IAC9L,QAAQ,EAAE,MAAM,CAAC;IACjB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AASD;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,WAAW;YAAW,gBAAgB;;;;;;;;;;;;;;;;;CAoC3C,CAAC;AAkBF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,102 @@
+/** @module @airtable/blocks/ui: RecordCard */ /** */
+import PropTypes from 'prop-types';
+import * as React from 'react';
+import { RecordDef } from '../../shared/types/record';
+import Field from '../models/field';
+import Record from '../models/record';
+import View from '../models/view';
+import { FlexItemSetProps, PositionSetProps, MarginProps } from './system';
+import { ExpandRecordOpts } from './expand_record';
+/**
+ * Style props for the {@link RecordCard} component. Accepts:
+ * * {@link FlexItemSetProps}
+ * * {@link MarginProps}
+ * * {@link PositionSetProps}
+ *
+ * @noInheritDoc
+ */
+interface RecordCardStyleProps extends FlexItemSetProps, PositionSetProps, MarginProps {
+}
+export declare const recordCardStylePropTypes: {
+    [x: string]: PropTypes.Validator<any>;
+};
+/**
+ * Props for the {@link RecordCard} component. Also accepts:
+ * * {@link RecordCardStyleProps}
+ *
+ * @noInheritDoc
+ * @docsPath UI/components/RecordCard
+ */
+export interface RecordCardProps extends RecordCardStyleProps {
+    /** Record to display in the card. */
+    record: Record | RecordDef;
+    /** The view model to use for field order and record coloring. */
+    view?: View;
+    /** Attachment field to display as an image in the square preview for the card. If omitted or not an attachment field, it uses for the first attachment field in `fields`. If `fields` is not defined, it uses the first attachment field in the view. */
+    attachmentCoverField?: Field;
+    /** Width of the record card. */
+    width?: number;
+    /** Height of the record card. */
+    height?: number;
+    /** Options object for expanding a record. */
+    expandRecordOptions?: ExpandRecordOpts | null;
+    /** Fields to display in the card. The primary field is always displayed. */
+    fields?: Array<Field>;
+    /** Mouse enter event handler for the record card. */
+    onMouseEnter?: ((e: React.MouseEvent<HTMLAnchorElement>) => unknown) | null;
+    /** Mouse leave event handler for the record card. */
+    onMouseLeave?: ((e: React.MouseEvent<HTMLAnchorElement>) => unknown) | null;
+    /** Click event handler for the record card. If undefined, uses default behavior to expand record. If null, no operation is performed. */
+    onClick?: ((e: React.MouseEvent<HTMLAnchorElement>) => unknown) | null;
+    /** @hidden */
+    hasOnClick?: boolean;
+    /** Additional class names to apply to the record card. */
+    className?: string;
+    /** Additional styles to apply to the record card. */
+    style?: React.CSSProperties;
+    /** Render function if provided and validation fails. */
+    renderInvalidCellValue?: (cellValue: unknown, field: Field) => React.ReactElement;
+}
+/**
+ * A card component that displays an Airtable record.
+ *
+ * [[ Story id="recordcard--example" title="RecordCard example" ]]
+ *
+ * @docsPath UI/components/RecordCard
+ * @component
+ */
+export declare class RecordCard extends React.Component<RecordCardProps> {
+    /** @hidden */
+    static propTypes: {
+        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        hasOnClick: PropTypes.Requireable<boolean>;
+        record: PropTypes.Requireable<object>;
+        fields: PropTypes.Requireable<Field[]>;
+        view: PropTypes.Requireable<View>;
+        attachmentCoverField: PropTypes.Requireable<Field>;
+        width: PropTypes.Requireable<number>;
+        height: PropTypes.Requireable<number>;
+        className: PropTypes.Requireable<string>;
+        style: PropTypes.Requireable<object>;
+        expandRecordOptions: PropTypes.Requireable<object>;
+        renderInvalidCellValue: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    /** @hidden */
+    static defaultProps: {
+        width: number;
+        height: number;
+        className: string;
+        style: {};
+    };
+    /** @hidden */
+    constructor(props: RecordCardProps);
+    /** @hidden */
+    UNSAFE_componentWillReceiveProps(nextProps: RecordCardProps): void;
+    /** @hidden */
+    render(): React.JSX.Element | null;
+}
+declare const _default: React.RefForwardingComponent<RecordCard, Omit<RecordCardProps, "sdk" | "viewMetadata"> & React.RefAttributes<RecordCard>>;
+export default _default;
+//# sourceMappingURL=record_card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"record_card.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/record_card.tsx"],"names":[],"mappings":"AAAA,8CAA8C,CAAC,MAAM;AACrD,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AACpD,OAAO,KAAK,MAAM,iBAAiB,CAAC;AACpC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAalC,OAAO,EAGH,gBAAgB,EAGhB,gBAAgB,EAGhB,WAAW,EACd,MAAM,UAAU,CAAC;AAKlB,OAAqB,EAAC,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAK/D;;;;;;;GAOG;AACH,UAAU,oBAAqB,SAAQ,gBAAgB,EAAE,gBAAgB,EAAE,WAAW;CAAG;AAIzF,eAAO,MAAM,wBAAwB;;CAIpC,CAAC;AAiEF;;;;;;GAMG;AACH,MAAM,WAAW,eAAgB,SAAQ,oBAAoB;IACzD,qCAAqC;IACrC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,iEAAiE;IACjE,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,yPAAyP;IACzP,oBAAoB,CAAC,EAAE,KAAK,CAAC;IAC7B,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6CAA6C;IAC7C,mBAAmB,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC9C,4EAA4E;IAC5E,MAAM,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAEtB,qDAAqD;IACrD,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,OAAO,CAAC,GAAG,IAAI,CAAC;IAC5E,qDAAqD;IACrD,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,OAAO,CAAC,GAAG,IAAI,CAAC;IAC5E,yIAAyI;IAEzI,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,OAAO,CAAC,GAAG,IAAI,CAAC;IACvE,cAAc;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAG5B,wDAAwD;IACxD,sBAAsB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,YAAY,CAAC;CAGrF;AA0DD;;;;;;;GAOG;AACH,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IAC5D,cAAc;IACd,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;MAsBd;IACF,cAAc;IACd,MAAM,CAAC,YAAY;;;;;MAKjB;IAEF,cAAc;gBACF,KAAK,EAAE,eAAe;IAMlC,cAAc;IACd,gCAAgC,CAAC,SAAS,EAAE,eAAe;IA8P3D,cAAc;IACd,MAAM;CAqJT;;AAED,wBAoCG"}

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

@@ -0,0 +1,105 @@
+/** @module @airtable/blocks/ui: RecordCardList */ /** */
+import PropTypes from 'prop-types';
+import * as React from 'react';
+import { RecordDef } from '../../shared/types/record';
+import Record from '../models/record';
+import Field from '../models/field';
+import View from '../models/view';
+import { DimensionsSetProps, FlexItemSetProps, PositionSetProps, MarginProps } from './system';
+/**
+ * Scroll event for {@link RecordCardList}.
+ */
+interface RecordCardListScrollEvent {
+    /** The direction of the scroll event. */
+    scrollDirection: 'forward' | 'backward';
+    /** The vertical offset of the scrollable area. */
+    scrollOffset: number;
+    /** `true` for programmatic scrolling and `false` if the scroll was the result of a user interaction in the browser. */
+    scrollUpdateWasRequested: boolean;
+}
+/**
+ * Props for the {@link RecordCardList} component. Also accepts:
+ * * {@link RecordCardListStyleProps}
+ *
+ * @docsPath UI/components/RecordCardList
+ */
+export interface RecordCardListProps {
+    /** Records to display in card list. */
+    records: Array<Record> | Array<RecordDef>;
+    /** Scroll event handler for the list window. */
+    onScroll?: (scrollEvent: RecordCardListScrollEvent) => void;
+    /** Click event handler for an individual record card. If undefined, uses default behavior to expand record. If null, no operation is performed. */
+    onRecordClick?: null | ((record: Record | RecordDef, index: number) => void);
+    /** Mouse enter event handler for an individual record card. */
+    onRecordMouseEnter?: (record: Record | RecordDef, index: number) => void;
+    /** Mouse leave event handler for an individual record card. */
+    onRecordMouseLeave?: (record: Record | RecordDef, index: number) => void;
+    /** Fields to display in each record card. The primary field is always displayed. */
+    fields?: Array<Field>;
+    /** The view model to use for field order and record coloring. */
+    view?: View;
+    /** Attachment field to display as an image in the square preview for each record card. If omitted or not an attachment field, it uses for the first attachment field in `fields`. If `fields` is not defined, it uses the first attachment field in the view. */
+    attachmentCoverField?: Field;
+    /** Additional class names to apply to the record card list. */
+    className?: string;
+    /** Additional styles to apply to the record card list. */
+    style?: React.CSSProperties;
+}
+/**
+ * Style props for the {@link RecordCardList} component. Accepts:
+ * * {@link DimensionsSetProps}
+ * * {@link FlexItemSetProps}
+ * * {@link MarginProps}
+ * * {@link PositionSetProps}
+ *
+ * @noInheritDoc
+ */
+export interface RecordCardListStyleProps extends DimensionsSetProps, FlexItemSetProps, PositionSetProps, MarginProps {
+}
+export declare const recordCardListStylePropTypes: {
+    [x: string]: PropTypes.Validator<any>;
+};
+/** @hidden */
+interface RecordCardListState {
+    cardListWidth: number;
+    cardListHeight: number;
+    isScrollbarVisible: boolean;
+}
+/**
+ * Scrollable list of record cards.
+ *
+ * [[ Story id="recordcardlist--example" title="RecordCardList example" height="560px" ]]
+ *
+ * @docsPath UI/components/RecordCardList
+ * @component
+ */
+export declare class RecordCardList extends React.Component<RecordCardListProps, RecordCardListState> {
+    /** @hidden */
+    static propTypes: {
+        records: PropTypes.Validator<(object | null | undefined)[]>;
+        onScroll: PropTypes.Requireable<(...args: any[]) => any>;
+        onRecordClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onRecordMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
+        onRecordMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+        fields: PropTypes.Requireable<Field[]>;
+        view: PropTypes.Requireable<View>;
+        attachmentCoverField: PropTypes.Requireable<Field>;
+        className: PropTypes.Requireable<string>;
+        style: PropTypes.Requireable<object>;
+    };
+    /** @hidden */
+    constructor(props: RecordCardListProps);
+    /** @hidden */
+    componentDidMount(): void;
+    /** @hidden */
+    componentWillUnmount(): void;
+    /** @hidden */
+    componentDidUpdate(prevProps: RecordCardListProps): void;
+    /** @hidden */
+    scrollToRecordAtIndex(recordIndex: number): void;
+    /** @hidden */
+    render(): React.JSX.Element;
+}
+declare const _default: React.RefForwardingComponent<RecordCardList, RecordCardListProps & RecordCardListStyleProps & React.RefAttributes<RecordCardList>>;
+export default _default;
+//# sourceMappingURL=record_card_list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"record_card_list.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/record_card_list.tsx"],"names":[],"mappings":"AAAA,kDAAkD,CAAC,MAAM;AACzD,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AACpD,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,KAAK,MAAM,iBAAiB,CAAC;AACpC,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAIlC,OAAO,EAGH,kBAAkB,EAGlB,gBAAgB,EAGhB,gBAAgB,EAGhB,WAAW,EACd,MAAM,UAAU,CAAC;AAoLlB;;GAEG;AACH,UAAU,yBAAyB;IAC/B,yCAAyC;IACzC,eAAe,EAAE,SAAS,GAAG,UAAU,CAAC;IACxC,kDAAkD;IAClD,YAAY,EAAE,MAAM,CAAC;IACrB,uHAAuH;IACvH,wBAAwB,EAAE,OAAO,CAAC;CACrC;AAED;;;;;GAKG;AAGH,MAAM,WAAW,mBAAmB;IAChC,uCAAuC;IACvC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1C,gDAAgD;IAChD,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAC5D,mJAAmJ;IACnJ,aAAa,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC;IAC7E,+DAA+D;IAC/D,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzE,+DAA+D;IAC/D,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzE,oFAAoF;IACpF,MAAM,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACtB,iEAAiE;IACjE,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,iQAAiQ;IACjQ,oBAAoB,CAAC,EAAE,KAAK,CAAC;IAC7B,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,wBACb,SAAQ,kBAAkB,EACtB,gBAAgB,EAChB,gBAAgB,EAChB,WAAW;CAAG;AAItB,eAAO,MAAM,4BAA4B;;CAKxC,CAAC;AAEF,cAAc;AACd,UAAU,mBAAmB;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,OAAO,CAAC;CAC/B;AAED;;;;;;;GAOG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;IACzF,cAAc;IACd,MAAM,CAAC,SAAS;;;;;;;;;;;MAiBd;IAcF,cAAc;gBACF,KAAK,EAAE,mBAAmB;IAatC,cAAc;IACd,iBAAiB;IAQjB,cAAc;IACd,oBAAoB;IAQpB,cAAc;IACd,kBAAkB,CAAC,SAAS,EAAE,mBAAmB;IAUjD,cAAc;IACd,qBAAqB,CAAC,WAAW,EAAE,MAAM;IA4BzC,cAAc;IACd,MAAM;CA6CT;;AAED,wBAIE"}

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

@@ -0,0 +1,126 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { MaxWidthProps, MinWidthProps, WidthProps, FlexItemSetProps, PositionSetProps, MarginProps } from './system';
+import { OptionalResponsiveProp } from './system/utils/types';
+import { TooltipAnchorProps } from './types/tooltip_anchor_props';
+import { SelectOptionValue, SelectOption } from './select_and_select_buttons_helpers';
+import { ControlSizeProp } from './control_sizes';
+/**
+ * Style props shared between the following components.
+ * * {@link Select}, {@link SelectSynced}
+ * * {@link TablePicker}, {@link TablePickerSynced}
+ * * {@link ViewPicker}, {@link ViewPickerSynced}
+ * * {@link FieldPicker}, {@link FieldPickerSynced}
+ *
+ * Also accepts:
+ * * {@link FlexItemSetProps}
+ * * {@link MarginProps}
+ * * {@link MaxWidthProps}
+ * * {@link MinWidthProps}
+ * * {@link PositionSetProps}
+ * * {@link MaxWidthProps}
+ *
+ * @noInheritDoc
+ */
+interface SelectStyleProps 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'>;
+}
+/**
+ * Props shared between the following components:
+ * * {@link Select}, {@link SelectSynced}
+ * * {@link TablePicker}, {@link TablePickerSynced}
+ * * {@link ViewPicker}, {@link ViewPickerSynced}
+ * * {@link FieldPicker}, {@link FieldPickerSynced}
+ *
+ * @noInheritDoc
+ */
+export interface SharedSelectBaseProps extends TooltipAnchorProps<HTMLSelectElement>, SelectStyleProps {
+    /** The size of the select. */
+    size?: ControlSizeProp;
+    /** Additional class names to apply to the select. */
+    className?: string;
+    /** The `autoFocus` attribute. */
+    autoFocus?: boolean;
+    /** The `id` attribute. */
+    id?: string;
+    /** The `name` attribute. */
+    name?: string;
+    /** The `tabindex` attribute. */
+    tabIndex?: number;
+    /** If set to `true`, the user cannot interact with the select. */
+    disabled?: boolean;
+    /** Additional styles to apply to the select. */
+    style?: React.CSSProperties;
+    /** The `aria-label` attribute. Use this if the select is not referenced by a label element. */
+    ['aria-label']?: string;
+    /** A space separated list of label element IDs. */
+    ['aria-labelledby']?: string;
+    /** A space separated list of description element IDs. */
+    ['aria-describedby']?: string;
+}
+export declare const selectStylePropTypes: {
+    [x: string]: PropTypes.Validator<any>;
+};
+export declare const sharedSelectBasePropTypes: {
+    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>;
+};
+/**
+ * Props shared between the {@link Select} and {@link SelectSynced} components.
+ */
+export interface SharedSelectProps extends SharedSelectBaseProps {
+    /** The list of select options. */
+    options: Array<SelectOption>;
+    /** A function to be called when the selected option changes. */
+    onChange?: (value: SelectOptionValue) => unknown;
+}
+export declare const sharedSelectPropTypes: {
+    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>;
+    options: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+        value: PropTypes.Validator<NonNullable<SelectOptionValue>>;
+        label: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        disabled: PropTypes.Requireable<boolean>;
+    }>>[]>;
+    onChange: PropTypes.Requireable<(...args: any[]) => any>;
+};
+/**
+ * Props for the {@link Select} component. Also accepts:
+ * * {@link SelectStyleProps}
+ *
+ * @docsPath UI/components/Select
+ */
+export interface SelectProps extends SharedSelectProps {
+    /** The value of the selected option. */
+    value: SelectOptionValue;
+}
+declare const ForwardedRefSelect: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
+export default ForwardedRefSelect;
+//# sourceMappingURL=select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,OAAO,EAGH,aAAa,EAGb,aAAa,EAGb,UAAU,EAGV,gBAAgB,EAGhB,gBAAgB,EAGhB,WAAW,EACd,MAAM,UAAU,CAAC;AAClB,OAAO,EAAC,sBAAsB,EAAC,MAAM,sBAAsB,CAAC;AAE5D,OAAO,EAAyB,kBAAkB,EAAC,MAAM,8BAA8B,CAAC;AACxF,OAAO,EAKH,iBAAiB,EACjB,YAAY,EACf,MAAM,qCAAqC,CAAC;AAE7C,OAAO,EAA6B,eAAe,EAAsB,MAAM,iBAAiB,CAAC;AAkBjG;;;;;;;;;;;;;;;;GAgBG;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;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,qBACb,SAAQ,kBAAkB,CAAC,iBAAiB,CAAC,EACzC,gBAAgB;IACpB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0BAA0B;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,+FAA+F;IAC/F,CAAC,YAAY,CAAC,CAAC,EAAE,MAAM,CAAC;IACxB,mDAAmD;IACnD,CAAC,iBAAiB,CAAC,CAAC,EAAE,MAAM,CAAC;IAC7B,yDAAyD;IACzD,CAAC,kBAAkB,CAAC,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,eAAO,MAAM,oBAAoB;;CAOhC,CAAC;AAGF,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;CAcrC,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB;IAC5D,kCAAkC;IAClC,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC7B,gEAAgE;IAChE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,OAAO,CAAC;CACpD;AAGD,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;CAWjC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,WAAW,WAAY,SAAQ,iBAAiB;IAClD,wCAAwC;IACxC,KAAK,EAAE,iBAAiB,CAAC;CAC5B;AAgID,QAAA,MAAM,kBAAkB,uFAA2D,CAAC;AASpF,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,27 @@
+/** @module @airtable/blocks/ui: Select */ /** */
+import PropTypes from 'prop-types';
+import * as React from 'react';
+/**
+ * Supported value types for {@link SelectOption}.
+ */
+export type SelectOptionValue = string | number | boolean | null | undefined;
+/**
+ * A select option for {@link Select}, {@link TablePicker}, {@link ViewPicker}, {@link FieldPicker}, and their `Synced` counterparts.
+ */
+export interface SelectOption {
+    /** The value for the select option. */
+    value: SelectOptionValue;
+    /** The label for the select option. */
+    label: React.ReactNode;
+    /** If set to `true`, this option will not be selectable. */
+    disabled?: boolean | null;
+}
+export declare const selectOptionValuePropType: PropTypes.Validator<NonNullable<SelectOptionValue>>;
+export declare const validateOptions: (options: Array<SelectOption>) => {
+    isValid: boolean;
+    reason: string;
+} | {
+    isValid: boolean;
+    reason?: undefined;
+};
+//# sourceMappingURL=select_and_select_buttons_helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select_and_select_buttons_helpers.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/select_and_select_buttons_helpers.ts"],"names":[],"mappings":"AAAA,0CAA0C,CAAC,MAAM;AACjD,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;AAa7E;;GAEG;AACH,MAAM,WAAW,YAAY;IACzB,uCAAuC;IACvC,KAAK,EAAE,iBAAiB,CAAC;IACzB,uCAAuC;IACvC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAC7B;AAGD,eAAO,MAAM,yBAAyB,EAIhC,SAAS,CAAC,SAAS,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAE1D,eAAO,MAAM,eAAe,YAAa,KAAK,CAAC,YAAY,CAAC;;;;;;CAgB3D,CAAC"}

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

@@ -0,0 +1,78 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { SelectOption, SelectOptionValue } from './select_and_select_buttons_helpers';
+import { MaxWidthProps, MinWidthProps, WidthProps, FlexItemSetProps, PositionSetProps, MarginProps } from './system';
+import { TooltipAnchorProps } from './types/tooltip_anchor_props';
+import { ControlSizeProp } from './control_sizes';
+/**
+ * Style props shared between the {@link SelectButtons} and {@link SelectButtonsSynced} components. Accepts:
+ * * {@link FlexItemSetProps}
+ * * {@link MarginProps}
+ * * {@link MaxWidthProps}
+ * * {@link MinWidthProps}
+ * * {@link PositionSetProps}
+ * * {@link WidthProps}
+ *
+ * @noInheritDoc
+ */
+export interface SelectButtonsStyleProps extends MaxWidthProps, MinWidthProps, WidthProps, FlexItemSetProps, PositionSetProps, MarginProps {
+}
+export declare const selectButtonsStylePropTypes: {
+    [x: string]: PropTypes.Validator<any>;
+};
+/**
+ * Props shared between the {@link SelectButtons} and {@link SelectButtonsSynced} components.
+ *
+ * @noInheritDoc
+ */
+export interface SharedSelectButtonsProps extends SelectButtonsStyleProps, TooltipAnchorProps {
+    /** The list of select options. */
+    options: Array<SelectOption>;
+    /** A function to be called when the selected option changes. */
+    onChange?: (value: SelectOptionValue) => void;
+    /** If set to `true`, the user cannot interact with the select. */
+    disabled?: boolean;
+    /** Additional class names to apply to the select. */
+    className?: string;
+    /** The size of the select buttons. */
+    size?: ControlSizeProp;
+    /** Additional styles to apply to the select. */
+    style?: React.CSSProperties;
+    /** The `aria-label` attribute. Use this if the select is not referenced by a label element. */
+    ['aria-label']?: string;
+    /** A space separated list of label element IDs. */
+    ['aria-labelledby']?: string;
+    /** A space separated list of description element IDs. */
+    ['aria-describedby']?: string;
+}
+export declare const sharedSelectButtonsPropTypes: {
+    onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
+    onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    hasOnClick: PropTypes.Requireable<boolean>;
+    options: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+        value: PropTypes.Validator<NonNullable<SelectOptionValue>>;
+        label: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        disabled: PropTypes.Requireable<boolean>;
+    }>>[]>;
+    onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    disabled: PropTypes.Requireable<boolean>;
+    size: PropTypes.Validator<any>;
+    className: PropTypes.Requireable<string>;
+    style: PropTypes.Requireable<object>;
+    'aria-labelledby': PropTypes.Requireable<string>;
+    'aria-describedby': PropTypes.Requireable<string>;
+};
+/**
+ * Props for the {@link SelectButtons} component. Also accepts:
+ * * {@link SelectButtonsStyleProps}
+ *
+ * @docsPath UI/components/SelectButtons
+ */
+export interface SelectButtonsProps extends SharedSelectButtonsProps {
+    /** The value of the selected option. */
+    value: SelectOptionValue;
+}
+declare const ForwardedRefSelectButtons: React.ForwardRefExoticComponent<SelectButtonsProps & React.RefAttributes<HTMLDivElement>>;
+export default ForwardedRefSelectButtons;
+//# sourceMappingURL=select_buttons.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select_buttons.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/select_buttons.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,OAAO,EAIH,YAAY,EACZ,iBAAiB,EACpB,MAAM,qCAAqC,CAAC;AAI7C,OAAO,EAGH,aAAa,EAGb,aAAa,EAGb,UAAU,EAGV,gBAAgB,EAGhB,gBAAgB,EAGhB,WAAW,EACd,MAAM,UAAU,CAAC;AAClB,OAAO,EAAyB,kBAAkB,EAAC,MAAM,8BAA8B,CAAC;AACxF,OAAO,EACH,eAAe,EAIlB,MAAM,iBAAiB,CAAC;AAYzB;;;;;;;;;;GAUG;AACH,MAAM,WAAW,uBACb,SAAQ,aAAa,EACjB,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,WAAW;CAAG;AAItB,eAAO,MAAM,2BAA2B;;CAOvC,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,wBAAyB,SAAQ,uBAAuB,EAAE,kBAAkB;IACzF,kCAAkC;IAClC,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC7B,gEAAgE;IAChE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,gDAAgD;IAChD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,+FAA+F;IAC/F,CAAC,YAAY,CAAC,CAAC,EAAE,MAAM,CAAC;IACxB,mDAAmD;IACnD,CAAC,iBAAiB,CAAC,CAAC,EAAE,MAAM,CAAC;IAC7B,yDAAyD;IACzD,CAAC,kBAAkB,CAAC,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;CAmBxC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,WAAW,kBAAmB,SAAQ,wBAAwB;IAChE,wCAAwC;IACxC,KAAK,EAAE,iBAAiB,CAAC;CAC5B;AAuGD,QAAA,MAAM,yBAAyB,2FAE9B,CAAC;AASF,eAAe,yBAAyB,CAAC"}

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

@@ -0,0 +1,18 @@
+/** @module @airtable/blocks/ui: SelectButtons */ /** */
+import * as React from 'react';
+import { GlobalConfigKey } from '../../shared/types/global_config';
+import { SharedSelectButtonsProps } from './select_buttons';
+/**
+ * Props for the {@link SelectButtonsSynced} component. Also accepts:
+ * * {@link SelectButtonsStyleProps}
+ *
+ * @docsPath UI/components/SelectButtonsSynced
+ * @groupPath UI/components/SelectButtons
+ */
+interface SelectButtonsSyncedProps extends SharedSelectButtonsProps {
+    /** A string key or array key path in {@link GlobalConfig}. The selected option will always reflect the value stored in {@link GlobalConfig} for this key. Selecting a new option will update {@link GlobalConfig}. */
+    globalConfigKey: GlobalConfigKey;
+}
+declare const ForwardedRefSelectButtonsSynced: React.ForwardRefExoticComponent<SelectButtonsSyncedProps & React.RefAttributes<HTMLDivElement>>;
+export default ForwardedRefSelectButtonsSynced;
+//# sourceMappingURL=select_buttons_synced.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select_buttons_synced.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/select_buttons_synced.tsx"],"names":[],"mappings":"AAAA,iDAAiD,CAAC,MAAM;AACxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,eAAe,EAAC,MAAM,kCAAkC,CAAC;AAGjE,OAAsB,EAElB,wBAAwB,EAC3B,MAAM,kBAAkB,CAAC;AAE1B;;;;;;GAMG;AACH,UAAU,wBAAyB,SAAQ,wBAAwB;IAC/D,sNAAsN;IACtN,eAAe,EAAE,eAAe,CAAC;CACpC;AA8CD,QAAA,MAAM,+BAA+B,iGAEpC,CAAC;AASF,eAAe,+BAA+B,CAAC"}

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

@@ -0,0 +1,18 @@
+/** @module @airtable/blocks/ui: Select */ /** */
+import * as React from 'react';
+import { GlobalConfigKey } from '../../shared/types/global_config';
+import { SharedSelectProps } from './select';
+/**
+ * Props for the {@link SelectSynced} component. Also accepts:
+ * * {@link SelectStyleProps}
+ *
+ * @docsPath UI/components/SelectSynced
+ * @groupPath UI/components/Select
+ */
+interface SelectSyncedProps extends SharedSelectProps {
+    /** A string key or array key path in {@link GlobalConfig}. The selected option will always reflect the value stored in {@link GlobalConfig} for this key. Selecting a new option will update {@link GlobalConfig}. */
+    globalConfigKey: GlobalConfigKey;
+}
+declare const ForwardedRefSelectSynced: React.ForwardRefExoticComponent<SelectSyncedProps & React.RefAttributes<HTMLSelectElement>>;
+export default ForwardedRefSelectSynced;
+//# sourceMappingURL=select_synced.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select_synced.d.ts","sourceRoot":"","sources":["../../../../../src/base/ui/select_synced.tsx"],"names":[],"mappings":"AAAA,0CAA0C,CAAC,MAAM;AACjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,eAAe,EAAC,MAAM,kCAAkC,CAAC;AAGjE,OAAe,EAAwB,iBAAiB,EAAC,MAAM,UAAU,CAAC;AAE1E;;;;;;GAMG;AACH,UAAU,iBAAkB,SAAQ,iBAAiB;IACjD,sNAAsN;IACtN,eAAe,EAAE,eAAe,CAAC;CACpC;AAiDD,QAAA,MAAM,wBAAwB,6FAE7B,CAAC;AASF,eAAe,wBAAwB,CAAC"}