create-attio 0.0.1-experimental.20251103

package/lib/client/hooks/use-form.d.ts

@@ -0,0 +1,442 @@
+import type { JSX } from "react";
+import type { AttioRecord } from "../attio-record";
+import type { DecoratedComboboxOption, DecoratedComboboxOptionsProvider, PlainComboboxOption, PlainComboboxOptionsProvider } from "../components/combobox";
+import type { InputGroup } from "../components/input-group";
+import type { PathTo, ValueOf } from "../forms/path";
+import type { FormValue } from "../forms/value";
+import type { ObjectSlug } from "../object-slug";
+export type FormSchema = Record<string, FormValue>;
+/**
+ * Recursive type for validation errors that can be nested.
+ * Each field can either be a string error message or a nested object of errors.
+ */
+export type ValidationErrors<T> = Partial<{
+    [K in keyof T]: T[K] extends AttioRecord ? string : T[K] extends object ? ValidationErrors<T[K]> : string;
+}>;
+/**
+ * A <Form> component that must wrap all the fields and provide a submit handler.
+ *
+ * @example
+ * ```tsx
+ * <Form onSubmit={(values) => {
+ *   console.log(values)
+ * }}>
+ *   <TextInput name="name" label="Name" />
+ *   <NumberInput name="age" label="Age" />
+ *   <Checkbox name="isActive" label="Is Active" />
+ *   <Toggle name="isExpress" label="Is Express" />
+ *   <SubmitButton label="Submit" />
+ * </Form>
+ * ```
+ */
+type Form<TSchema extends FormSchema> = (props: {
+    /** The contents of the form, including layout and input components */
+    children: React.ReactNode;
+    /**
+     * The function to call when the form is submitted.
+     *
+     * `onSubmit` will NOT be called if there are validation errors.
+     */
+    onSubmit: (values: ValueOf<TSchema>) => void | Promise<void>;
+}) => JSX.Element;
+/**
+ * A text input field.
+ */
+type TextInput<TSchema extends FormSchema> = (props: {
+    /** The type of the input field. Defaults to "text". */
+    type?: "text" | "email" | "password" | "tel" | "url";
+    /** The label of the input field */
+    label: string;
+    /**
+     * The path to the value of the input field, e.g. `"name"` or `"address.street"`
+     * @deprecated Use `name` instead
+     **/
+    data?: PathTo<TSchema, "string">;
+    /** The path to the value of the input field, e.g. `"name"` or `"address.street"` */
+    name: PathTo<TSchema, "string">;
+    /** The optional placeholder text of the input field */
+    placeholder?: string;
+    /** Whether the input field is disabled */
+    disabled?: boolean;
+}) => JSX.Element;
+/**
+ * A number input field.
+ */
+type NumberInput<TSchema extends FormSchema> = (props: {
+    /** The label of the input field */
+    label: string;
+    /**
+     * The path to the value of the input field, e.g. `"age"` or `"shipping.cost"`
+     * @deprecated Use `name` instead
+     **/
+    data?: PathTo<TSchema, "number">;
+    /** The path to the value of the input field, e.g. `"age"` or `"shipping.cost"` */
+    name: PathTo<TSchema, "number">;
+    /** The optional placeholder text of the input field */
+    placeholder?: string;
+    /** Whether the input field is disabled */
+    disabled?: boolean;
+}) => JSX.Element;
+/**
+ * A rich text input field.
+ */
+type RichTextInput<TSchema extends FormSchema> = (props: {
+    /** The label of the input field */
+    label: string;
+    /** The path to the value of the input field, e.g. `"name"` or `"address.street"` */
+    name: PathTo<TSchema, "string">;
+    /** The optional placeholder text of the input field */
+    placeholder?: string;
+    /** Whether the input field is disabled */
+    disabled?: boolean;
+}) => JSX.Element;
+/**
+ * A checkbox input field.
+ */
+type Checkbox<TSchema extends FormSchema> = (props: {
+    /** The label of the input field */
+    label: string;
+    /**
+     * The path to the value of the input field, e.g. `"is_active"` or `"shipping.is_express"`
+     * @deprecated Use `name` instead
+     **/
+    data?: PathTo<TSchema, "boolean">;
+    /** The path to the value of the input field, e.g. `"is_active"` or `"shipping.is_express"` */
+    name: PathTo<TSchema, "boolean">;
+    /** Whether the input field is disabled */
+    disabled?: boolean;
+}) => JSX.Element;
+/**
+ * A toggle input field.
+ */
+type Toggle<TSchema extends FormSchema> = (props: {
+    /** The label of the input field */
+    label: string;
+    /**
+     * The path to the value of the input field, e.g. `"is_active"` or `"shipping.is_express"`
+     * @deprecated Use `name` instead
+     **/
+    data?: PathTo<TSchema, "boolean">;
+    /** The path to the value of the input field, e.g. `"is_active"` or `"shipping.is_express"` */
+    name: PathTo<TSchema, "boolean">;
+    /** Whether the input field is disabled */
+    disabled?: boolean;
+}) => JSX.Element;
+/**
+ * A date time input field.
+ */
+type DateTimeInput<TSchema extends FormSchema> = (props: {
+    /** The label of the input field */
+    label: string;
+    /** The path to the value of the input field, e.g. `"check_in_time"` or `"shipping.drop_off_time"` */
+    name: PathTo<TSchema, "date-time">;
+    /** Whether the input field is disabled */
+    disabled?: boolean;
+    /** The optional placeholder text of the input field */
+    placeholder?: string;
+}) => JSX.Element;
+/**
+ * A date (YYYY-MM-DD) input field.
+ */
+type PlainDateInput<TSchema extends FormSchema> = (props: {
+    /** The label of the input field */
+    label: string;
+    /** The path to the value of the input field, e.g. `"dob"` or `"shipping.date"` */
+    name: PathTo<TSchema, "plain-date">;
+    /** Whether the input field is disabled */
+    disabled?: boolean;
+    /** The optional placeholder text of the input field */
+    placeholder?: string;
+}) => JSX.Element;
+/**
+ * Base props common to all combobox variants.
+ */
+export interface BaseComboboxProps<TSchema extends FormSchema> {
+    /** The label of the combobox field */
+    label: string;
+    /**
+     * The path to the value of the combobox field, e.g. `"mode"` or `"shipping.method"`
+     * @deprecated Use `name` instead
+     **/
+    data?: PathTo<TSchema, "string">;
+    /** The path to the value of the combobox field, e.g. `"mode"` or `"shipping.method"` */
+    name: PathTo<TSchema, "string">;
+    /**
+     * The optional placeholder text for the search input
+     *
+     * @default "Search..."
+     */
+    searchPlaceholder?: string;
+    /** Whether the combobox field is disabled */
+    disabled?: boolean;
+}
+/**
+ * Props for decorated combobox variant.
+ */
+export interface DecoratedComboboxProps {
+    /**
+     * If decorated, the combobox will be require decorated options. Defaults to true.
+     *
+     * @deprecated This may change in the future.
+     */
+    __experimental_decorated: true;
+    /**
+     * The options of the combobox field
+     *
+     * Either an array of options, or a provider that asynchronously fetches options.
+     */
+    options: Array<DecoratedComboboxOption> | DecoratedComboboxOptionsProvider;
+    /**
+     * The optional placeholder text or option of the combobox field
+     **/
+    placeholder?: string | Omit<DecoratedComboboxOption, "value">;
+}
+/**
+ * Props for plain combobox variant.
+ */
+export interface PlainComboboxProps {
+    /**
+     * If not decorated, the combobox will be plain. Defaults to false.
+     *
+     * @deprecated This may change in the future.
+     */
+    __experimental_decorated?: false;
+    /**
+     * The options of the combobox field
+     *
+     * Either an array of options, or a provider that asynchronously fetches options.
+     */
+    options: Array<PlainComboboxOption> | PlainComboboxOptionsProvider;
+    /**
+     * The optional placeholder text or option of the combobox field
+     **/
+    placeholder?: string;
+}
+/**
+ * A combobox input field.
+ */
+type Combobox<TSchema extends FormSchema> = (props: BaseComboboxProps<TSchema> & (DecoratedComboboxProps | PlainComboboxProps)) => JSX.Element;
+type RecordCombobox<TSchema extends FormSchema> = (props: {
+    /** The label of the record combobox field */
+    label: string;
+    /** The path to the value of the record combobox field, e.g. `"company"` or `"team.staffManager"` */
+    name: PathTo<TSchema, "attio-record">;
+    /** The optional placeholder text for the record combobox field */
+    placeholder?: string;
+    /**
+     * The optional placeholder text for the search input
+     *
+     * @default "Search..."
+     */
+    searchPlaceholder?: string;
+    /**
+     * The slugs of objects that can be selected.
+     *
+     * @default ["people", "companies", "deals", "workspaces", "users"]
+     */
+    objectSlug?: ObjectSlug | Array<ObjectSlug>;
+    /** Whether the record combobox field is disabled */
+    disabled?: boolean;
+}) => JSX.Element;
+type UserCombobox<TSchema extends FormSchema> = (props: {
+    /** The path to the value of the user combobox field, e.g. `"assignedTo"` or `"team.manager"` */
+    name: PathTo<TSchema, "string">;
+    /** The label of the user combobox field */
+    label: string;
+    /** The optional placeholder text for the user combobox field */
+    placeholder?: string;
+    /**
+     * The optional placeholder text for the search input
+     *
+     * @default "Search..."
+     */
+    searchPlaceholder?: string;
+    /** Whether the user combobox field is disabled */
+    disabled?: boolean;
+}) => JSX.Element;
+/**
+ * A component used to render a collection of inputs.
+ */
+type Collection<TSchema extends FormSchema, TPath extends PathTo<TSchema, "array">> = (props: {
+    /** The label of the collection field */
+    label: string;
+    /**
+     * The path to the value of the collection field, e.g. `"items"` or `"shipping.items"`
+     * @deprecated Use `name` instead
+     **/
+    data?: TPath;
+    /** The path to the value of the collection field, e.g. `"items"` or `"shipping.items"` */
+    name: TPath;
+    /**
+     * A render prop that receives the path and index of one of the items and renders
+     * the inputs for that item
+     */
+    children: (args: {
+        path: `${TPath}.${number}`;
+        index: number;
+    }) => React.ReactNode;
+}) => JSX.Element;
+/**
+ * A component used to group inputs in a collection together
+ */
+type CollectionItem = (props: {
+    /** The label of the collection item */
+    label: string;
+    /** The inputs of the collection item */
+    children: React.ReactNode;
+}) => JSX.Element;
+/**
+ * A submit button for the form.
+ *
+ * If the form is rendered inside a dialog, the submit button will be placed at the bottom of the dialog.
+ */
+type SubmitButton = (props: {
+    /** The label of the submit button */
+    label: string;
+}) => JSX.Element;
+export interface WithStateProps<TSchema extends FormSchema, TValues extends boolean = false, TSubmitting extends boolean = false, TErrors extends boolean = false> {
+    values?: TValues;
+    submitting?: TSubmitting;
+    errors?: TErrors;
+    children: (state: {
+        values: TValues extends true ? ValueOf<TSchema> : never;
+        submitting: TSubmitting extends true ? boolean : never;
+        errors: TErrors extends true ? Record<string, string> : never;
+    }) => JSX.Element;
+}
+/**
+ * A component that provides the form state via a render prop.
+ *
+ * You may specifically request various parts of form state, such as
+ * `values`, `submitting`, and `errors`. This component will rerender
+ * whenever any of the values requested change.
+ */
+type WithState<TSchema extends FormSchema> = {
+    (props: WithStateProps<TSchema, false, false, false>): JSX.Element;
+    (props: WithStateProps<TSchema, true, false, false>): JSX.Element;
+    (props: WithStateProps<TSchema, false, true, false>): JSX.Element;
+    (props: WithStateProps<TSchema, true, true, false>): JSX.Element;
+    (props: WithStateProps<TSchema, false, false, true>): JSX.Element;
+    (props: WithStateProps<TSchema, true, false, true>): JSX.Element;
+    (props: WithStateProps<TSchema, false, true, true>): JSX.Element;
+    (props: WithStateProps<TSchema, true, true, true>): JSX.Element;
+};
+export interface FormApi<TSchema extends FormSchema> {
+    /**
+     * Submits the form.
+     *
+     * This will validate the form and call the `onSubmit` handler.
+     */
+    submit: () => void;
+    /**
+     * Changes the value of a field.
+     */
+    change: <TPath extends PathTo<TSchema, "string" | "number">>(path: TPath, value: ValueOf<TSchema>[TPath]) => void;
+    /**
+     * The <Form> component to wrap the fields of this form and provide a submit handler.
+     */
+    Form: Form<TSchema>;
+    /**
+     * A text input field.
+     */
+    TextInput: TextInput<TSchema>;
+    /**
+     * A number input field.
+     */
+    NumberInput: NumberInput<TSchema>;
+    /**
+     * A rich text input field.
+     */
+    Experimental_RichTextInput: RichTextInput<TSchema>;
+    /**
+     * A checkbox input field.
+     */
+    Checkbox: Checkbox<TSchema>;
+    /**
+     * A component for grouping input fields.
+     *
+     * It will automatically wrap after the third child.
+     */
+    InputGroup: typeof InputGroup;
+    /**
+     * A toggle input field.
+     */
+    Toggle: Toggle<TSchema>;
+    /**
+     * A date time input field.
+     */
+    Experimental_DateTimeInput: DateTimeInput<TSchema>;
+    /**
+     * A date (YYYY-MM-DD) input field.
+     */
+    Experimental_PlainDateInput: PlainDateInput<TSchema>;
+    /**
+     * A combobox input field.
+     */
+    Combobox: Combobox<TSchema>;
+    /**
+     * A Attio user combobox input field.
+     */
+    Experimental_AttioUserCombobox: UserCombobox<TSchema>;
+    /**
+     * A Attio record combobox input field.
+     */
+    Experimental_AttioRecordCombobox: RecordCombobox<TSchema>;
+    /**
+     * A component used to render a collection of inputs.
+     * @deprecated This is not fully built yet.
+     */
+    Collection: Collection<TSchema, any>;
+    /**
+     * A component used to group inputs in a collection together.
+     * @deprecated This is not fully built yet.
+     */
+    CollectionItem: CollectionItem;
+    /**
+     * A submit button for the form.
+     */
+    SubmitButton: SubmitButton;
+    /**
+     * A component that provides the form state via a render prop.
+     */
+    WithState: WithState<TSchema>;
+}
+/**
+ * Creates a form API for a given schema and initial values.
+ *
+ * @example
+ * ```tsx
+ * const api = useForm({
+ *   name: Forms.string(),
+ *   age: Forms.number(),
+ *   isActive: Forms.boolean(),
+ *   isExpress: Forms.boolean(),
+ * }, {
+ *   name: "John",
+ *   age: 30,
+ *   isActive: true,
+ *   isExpress: false,
+ * });
+ * ```
+ */
+export declare function useForm<TSchema extends FormSchema>(schema: TSchema, initialValues: Partial<ValueOf<TSchema>>, 
+/**
+ * Optional function to validate the form.
+ *
+ * Errors should be returned as a record of field names to error messages.
+ * The keys must match the keys of the form schema.
+ *
+ * Errors can be nested for complex objects. e.g.
+ * ```ts
+ * {
+ *   shipping: {
+ *     street: "Street is required"
+ *   }
+ * }
+ * ```
+ *
+ * Errors given here will be overridden by errors generated by the form schema.
+ */
+validate?: (values: ValueOf<TSchema>) => ValidationErrors<ValueOf<TSchema>>): FormApi<TSchema>;
+export {};
+//# sourceMappingURL=use-form.d.ts.map

package/lib/client/hooks/use-form.d.ts.map

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

package/lib/client/hooks/use-form.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=use-form.js.map

package/lib/client/hooks/use-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form.js","sourceRoot":"","sources":["../../../src/client/hooks/use-form.ts"],"names":[],"mappings":""}

package/lib/client/hooks/use-query.d.ts

@@ -0,0 +1,46 @@
+import type { Query } from "../run-query";
+/**
+ * A hook that runs a GraphQL query and returns the result.
+ *
+ * Your component will suspend until the query completes.
+ *
+ * If you import the query from a `.graphql` file and run `attio dev`, your query variables and
+ * your query result will be strongly typed.
+ *
+ * @param query The GraphQL query to run.
+ * @param variableValues The variables to pass to the query.
+ * @returns The result of the query.
+ *
+ * @example
+ *
+ * ```graphql
+ * # get-person.graphql
+ * query getPerson($id: String!) {
+ *   workspace {
+ *     person(id: $id) {
+ *       name {
+ *         first
+ *         last
+ *       }
+ *     }
+ *   }
+ * }
+ * ```
+
+ * ```tsx
+ * // Component.tsx
+ * import {useQuery, useRecord} from "attio/client"
+ * import getPersonQuery from "./get-person.graphql"
+ *
+ * // ...
+ *
+ * // In component:
+ * const {recordId} = useRecord()
+ * const result = useQuery(getPersonQuery, {id: recordId})
+ *
+ * const firstName: string | null = result.workspace?.person?.name?.first
+ * const lastName: string | null = result.workspace?.person?.name?.last
+ * ```
+ */
+export declare function useQuery<Variables extends Record<string, any> | never, Result>(query: Query<Variables, Result>, variableValues?: Variables extends never ? never : Variables): Result;
+//# sourceMappingURL=use-query.d.ts.map

package/lib/client/hooks/use-query.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-query.d.ts","sourceRoot":"","sources":["../../../src/client/hooks/use-query.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,cAAc,CAAA;AAEvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,KAAK,EAAE,MAAM,EAClF,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,EAC/B,cAAc,CAAC,EAAE,SAAS,SAAS,KAAK,GAAG,KAAK,GAAG,SAAS,GAC7D,MAAM,CAAA"}

package/lib/client/hooks/use-query.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=use-query.js.map

package/lib/client/hooks/use-query.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-query.js","sourceRoot":"","sources":["../../../src/client/hooks/use-query.ts"],"names":[],"mappings":""}

package/lib/client/hooks/use-record.d.ts

@@ -0,0 +1,15 @@
+import type { ObjectSlug } from "../object-slug.js";
+/**
+ * Get information about the current record.
+ */
+export declare function useRecord(): {
+    /**
+     * The ID of the current record.
+     */
+    recordId: string;
+    /**
+     * The object type of the current record.
+     */
+    object: ObjectSlug;
+};
+//# sourceMappingURL=use-record.d.ts.map

package/lib/client/hooks/use-record.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-record.d.ts","sourceRoot":"","sources":["../../../src/client/hooks/use-record.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAA;AAEjD;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,IAAI;IACjC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,MAAM,EAAE,UAAU,CAAA;CACrB,CAAA"}

package/lib/client/hooks/use-record.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=use-record.js.map

package/lib/client/hooks/use-record.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-record.js","sourceRoot":"","sources":["../../../src/client/hooks/use-record.ts"],"names":[],"mappings":""}

package/lib/client/hooks/use-records.d.ts

@@ -0,0 +1,15 @@
+import type { ObjectSlug } from "../object-slug.js";
+/**
+ * Get information about the currently selected records.
+ */
+export declare function useRecords(): {
+    /**
+     * The IDs of the selected records.
+     */
+    recordIds: Array<string>;
+    /**
+     * The object type of the selected records.
+     */
+    object: ObjectSlug;
+};
+//# sourceMappingURL=use-records.d.ts.map

package/lib/client/hooks/use-records.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-records.d.ts","sourceRoot":"","sources":["../../../src/client/hooks/use-records.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAA;AAEjD;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,IAAI;IAClC;;OAEG;IACH,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IACxB;;OAEG;IACH,MAAM,EAAE,UAAU,CAAA;CACrB,CAAA"}

package/lib/client/hooks/use-records.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=use-records.js.map

package/lib/client/hooks/use-records.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-records.js","sourceRoot":"","sources":["../../../src/client/hooks/use-records.ts"],"names":[],"mappings":""}