attio 0.0.1-experimental.20241112 → 0.0.1-experimental.20241209

package/schema.graphql

@@ -13,6 +13,8 @@ interface IObject {
 
 """A record in the workspace."""
 interface Record {
+  """The id of the record."""
+  id: ID!
   attribute(
     """Slug of the attribute"""
     slug: String!
@@ -192,6 +194,8 @@ type Object implements IObject {
 
 """A record for a custom object."""
 type CustomRecord implements Record {
+  """The id of the record."""
+  id: ID!
   attribute(
     """Slug of the attribute"""
     slug: String!
@@ -260,6 +264,8 @@ type people implements IObject {
 
 """A person record."""
 type Person implements Record {
+  """The id of the record."""
+  id: ID!
   attribute(
     """Slug of the attribute"""
     slug: String!
@@ -300,6 +306,8 @@ type Person implements Record {
 
 """A company record."""
 type Company implements Record {
+  """The id of the record."""
+  id: ID!
   attribute(
     """Slug of the attribute"""
     slug: String!
@@ -343,6 +351,8 @@ type Company implements Record {
 
 """A deal record."""
 type Deal implements Record {
+  """The id of the record."""
+  id: ID!
   attribute(
     """Slug of the attribute"""
     slug: String!
@@ -366,6 +376,8 @@ type Deal implements Record {
 
 """A workspace record."""
 type WorkspaceRecord implements Record {
+  """The id of the record."""
+  id: ID!
   attribute(
     """Slug of the attribute"""
     slug: String!
@@ -388,6 +400,8 @@ type WorkspaceRecord implements Record {
 
 """A user record."""
 type UserRecord implements Record {
+  """The id of the record."""
+  id: ID!
   attribute(
     """Slug of the attribute"""
     slug: String!

package/lib/client/components/action.d.ts

@@ -1,31 +0,0 @@
-import React from "react";
-import { Icon } from "../icon";
-/**
- * An “action button” is a button that can appear in the Attio UI,
- * typically on a record page.
- *
- * You must “register” the component that renders this component
- * using `registerRecordAction()`.
- */
-export declare function Action(props: {
-    /**
-     * A function to execute when the button is clicked (or tapped)
-     */
-    onTrigger: () => void;
-    /**
-     * An icon to display in the button, either an `AttioIcon` or
-     * a string `.png` referencing a file in your app’s `assets`
-     * directory.
-     *
-     * If no `icon` prop is provided, it will default to your app’s icon.
-     */
-    icon?: Icon;
-    /**
-     * Whether or not the button is disabled. Defaults to `false`.
-     */
-    disabled?: boolean;
-    /**
-     * The text content of the button.
-     */
-    children: React.ReactNode;
-}): React.JSX.Element;

package/lib/client/components/multistep.d.ts

@@ -1,24 +0,0 @@
-import React from "react";
-/**
- * A step in a multi-step component.
- *
- * @deprecated This is not ready for use yet.
- */
-export interface Step {
-    title: string;
-    content: React.ReactNode;
-    isValid?: boolean;
-}
-/**
- * A multi-step component
- *
- * @deprecated This is not ready for use yet.
- */
-export declare function Multistep(props: {
-    initialStep?: number;
-    steps: ReadonlyArray<Step>;
-    onDone: () => void;
-    nextLabel?: string;
-    previousLabel?: string;
-    doneLabel?: string;
-}): React.JSX.Element;

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

@@ -1,71 +0,0 @@
-import React from "react";
-/**
- * Dialog component
- *
- * IMPORTANT: The <Dialog/> component should _always_ be rendered in your app.
- * Do not render it conditionally.
- */
-interface Dialog extends React.FC<{
-    /**
-     * A required title for the dialog.
-     */
-    title: string;
-    /**
-     * An optional callback that will be called when the dialog is closed.
-     */
-    onClose?: () => void;
-    /**
-     * The content of the dialog.
-     */
-    children: React.ReactNode;
-}> {
-}
-/**
- * This hook allows you to create a modal dialog.
- *
- * ## EXAMPLE USAGE
- *
- * ----
- * ```tsx
- * import { useDialog } from "attio/client"
- *
- * ...
- *
- * // inside component:
- * const dialog = useDialog()
- *
- * return (
- *   <>
- *     <Action onTrigger={() => dialog.open()}>Do Stuff</Action>
- *     <dialog.Dialog>
- *       Here is my useful UI
- *     </dialog.Dialog>
- *   </>
- * )
- * ```
- * ----
- *
- * @returns An object with the following properties:
- * - `Dialog`: A React component that you should render with the dialog contents as its children.
- * - `open`: Opens the rendered dialog.
- * - `close`: Closes the rendered dialog.
- */
-export declare function useDialog(): {
-    /**
-     * The dialog component to render.
-     *
-     * IMPORTANT: The <Dialog/> component should _always_ be rendered in your app.
-     * Do not render it conditionally.
-     */
-    Dialog: Dialog;
-    /**
-     * A function to imperatively open the dialog. Often called via an
-     * `onTrigger` prop on an `<Action/>` button.
-     */
-    open: () => void;
-    /**
-     * A function to imperatively close the dialog.
-     */
-    close: () => void;
-};
-export {};

package/lib/client/register-bulk-record-action.d.ts

@@ -1,36 +0,0 @@
-import { ObjectSlug } from "./object-slug";
-/**
- * Registers a component that renders an <Action/> button for a set of records in Attio.
- *
- * You should use this in your `app.tsx` file to register where you want your
- * app to surface inside the Attio UI.
- *
- * ## EXAMPLE USAGE
- *
- * ----
- * ```tsx
- * // app.tsx
- * import { registerBulkRecordAction } from "attio/client";
- * import { SendBulkInvoiceButton } from "./send-invoice-button";
- * import React from "react";
- *
- * registerBulkRecordAction("send-bulk-invoice", <SendBulkInvoiceButton />);
- * ```
- * ----
- */
-export declare function registerBulkRecordAction(
-/**
- * The unique identifier for the action.
- *
- * It is only used internally; never shown to the user.
- */
-id: string, 
-/**
- * The React element to render for the action.
- */
-action: React.ReactElement, options?: {
-    /**
-     * If provided then the action will only be shown on records of the specified object(s).
-     */
-    objects: ObjectSlug | Array<ObjectSlug>;
-}): void;

package/lib/client/register-record-action.d.ts

@@ -1,36 +0,0 @@
-import { ObjectSlug } from "./object-slug";
-/**
- * Registers a component that renders an <Action/> button for a record in Attio.
- *
- * You should use this in your `app.tsx` file to register where you want your
- * app to surface inside the Attio UI.
- *
- * ## EXAMPLE USAGE
- *
- * ----
- * ```tsx
- * // app.tsx
- * import { registerRecordAction } from "attio/client";
- * import { SendInvoiceButton } from "./send-invoice-button";
- * import React from "react";
- *
- * registerRecordAction("send-invoice", <SendInvoiceButton />);
- * ```
- * ----
- */
-export declare function registerRecordAction(
-/**
- * The unique identifier for the action.
- *
- * It is only used internally; never shown to the user.
- */
-id: string, 
-/**
- * The React element to render for the action.
- */
-action: React.ReactElement, options?: {
-    /**
-     * If provided then the action will only be shown on records of the specified object(s).
-     */
-    objects: ObjectSlug | Array<ObjectSlug>;
-}): void;

package/lib/templates/javascript/src/app.jsx

@@ -1,6 +0,0 @@
-import {registerRecordAction} from "attio/client"
-import {CounterAction} from "./counter-action"
-import React from "react"
-
-registerRecordAction("counter", <CounterAction />)
-// Add more here...

package/lib/templates/typescript/src/app.tsx

@@ -1,6 +0,0 @@
-import {registerRecordAction} from "attio/client"
-import {CounterAction} from "./counter-action"
-import React from "react"
-
-registerRecordAction("counter", <CounterAction />)
-// Add more here...