@dxos/react-list 0.1.23 → 0.1.45-next.45667d4

package/dist/types/src/hooks/usePropStatefully.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePropStatefully.d.ts","sourceRoot":"","sources":["../../../../src/hooks/usePropStatefully.ts"],"names":[],"mappings":"AAIA,OAAO,EAA+B,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM9E;;GAEG;AACH,eAAO,MAAM,iBAAiB,4DAEU,OAAO,0DAiB9C,CAAC"}

package/dist/types/src/model.d.ts

@@ -1,3 +0,0 @@
-export declare const LIST_TYPE = "dxos:type/list";
-export declare const LIST_ITEM_TYPE = "dxos:type/list-item";
-//# sourceMappingURL=model.d.ts.map

package/dist/types/src/model.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/model.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,mBAAmB,CAAC;AAC1C,eAAO,MAAM,cAAc,wBAAwB,CAAC"}

package/src/components/List/List.stories.tsx

@@ -1,123 +0,0 @@
-//
-// Copyright 2022 DXOS.org
-//
-
-import '@dxosTheme';
-import type { StoryFn } from '@storybook/react';
-import React, { useMemo, useState } from 'react';
-
-import { Trigger } from '@dxos/async';
-import { Client, Invitation, PublicKey } from '@dxos/client';
-import { TestBuilder } from '@dxos/client/testing';
-import { raise } from '@dxos/debug';
-import { ObjectModel } from '@dxos/object-model';
-import { useAsyncEffect } from '@dxos/react-async';
-import { ClientProvider, useSelection, useSpace } from '@dxos/react-client';
-import { Loading } from '@dxos/react-components';
-
-import { LIST_TYPE } from '../../model';
-import { List, ListProps } from './List';
-
-// TODO(wittjosiah): @dxos/log.
-const log = console.log;
-
-export default {
-  component: List,
-  argTypes: {}
-};
-
-export const Default = {
-  render: (args: Omit<ListProps, 'itemId' | 'spaceKey'> & { spaceKey?: PublicKey; id?: number }) => {
-    const space = useSpace(args.spaceKey);
-    const [item] = useSelection(space?.database.select({ type: LIST_TYPE })) ?? [];
-
-    useAsyncEffect(async () => {
-      if (args.id === 0) {
-        await space?.database.createItem({
-          model: ObjectModel,
-          type: LIST_TYPE
-        });
-      }
-    }, [space]);
-
-    return (
-      <main className='max-is-lg mli-auto pli-7 mbs-7'>
-        {item && space ? <List {...args} itemId={item.id} spaceKey={space?.key} /> : <Loading label='Loading…' />}
-      </main>
-    );
-  },
-  decorators: [
-    // TODO(wittjosiah): Factor out.
-    (Story: StoryFn) => {
-      const n = 2;
-      const clients = useMemo(() => {
-        const testBuilder = new TestBuilder();
-        return [...Array(n)].map(() => new Client({ services: testBuilder.createClientServicesHost() }));
-      }, []);
-
-      const [spaceKey, setSpaceKey] = useState<PublicKey>();
-
-      useAsyncEffect(async () => {
-        await Promise.all(clients.map((client) => client.initialize()));
-        log('initialized');
-
-        await Promise.all(clients.map((client) => client.halo.createProfile()));
-        log('identity created');
-
-        const space = await clients[0].echo.createSpace();
-        log('space created', { space: space.key });
-
-        await Promise.all(
-          clients.slice(1).map(async (client) => {
-            const success1 = new Trigger<Invitation>();
-            const success2 = new Trigger<Invitation>();
-
-            const observable1 = space.createInvitation({ type: Invitation.Type.INTERACTIVE_TESTING });
-            log('invitation created');
-            observable1.subscribe({
-              onConnecting: (invitation) => {
-                const observable2 = client.echo.acceptInvitation(invitation);
-                log('invitation accepted');
-
-                observable2.subscribe({
-                  onSuccess: (invitation: Invitation) => {
-                    success2.wake(invitation);
-                    log('invitation success2');
-                  },
-                  onError: (err: Error) => raise(err)
-                });
-              },
-              onSuccess: (invitation) => {
-                success1.wake(invitation);
-                log('invitation success1');
-              },
-              onError: (err) => raise(err)
-            });
-
-            await Promise.all([success1.wait(), success2.wait()]);
-          })
-        );
-
-        setSpaceKey(space.key);
-
-        return () => {
-          void Promise.all(clients.map((client) => client.destroy()));
-        };
-      }, clients);
-
-      if (!spaceKey) {
-        return <Loading label='Loading…' />;
-      }
-
-      return (
-        <div className='flex'>
-          {clients.map((client, index) => (
-            <ClientProvider key={index} client={client} fallback={<Loading label='Loading…' />}>
-              <Story args={{ spaceKey, id: index }} />
-            </ClientProvider>
-          ))}
-        </div>
-      );
-    }
-  ]
-};

package/src/components/List/List.tsx

@@ -1,111 +0,0 @@
-//
-// Copyright 2022 DXOS.org
-//
-
-import React, { useCallback } from 'react';
-
-import { Item, PublicKey, Space } from '@dxos/client';
-import { ObjectModel } from '@dxos/object-model';
-import { useSelection, useSpace } from '@dxos/react-client';
-import { Loading, useTranslation } from '@dxos/react-components';
-
-import { LIST_ITEM_TYPE } from '../../model';
-import {
-  ListPrimitive,
-  ListAction,
-  ListItems,
-  isListItemChangedAction,
-  isListItemDeletedAction,
-  isListItemCreatedAction,
-  ListItemProps,
-  ListPrimitiveProps
-} from '../ListPrimitive';
-
-interface ListLoadedProps {
-  space: Space;
-  list: Item<ObjectModel>;
-  listItems: Item<ObjectModel>[];
-}
-
-export interface ListProps {
-  spaceKey: PublicKey;
-  itemId: Item<ObjectModel>['id'];
-}
-
-const ListLoaded = ({ space, list, listItems: propsListItems }: ListLoadedProps) => {
-  const listItems = useSelection(list?.select().children().filter({ type: LIST_ITEM_TYPE })) ?? propsListItems;
-
-  const onAction = useCallback(
-    async (action: ListAction) => {
-      if (isListItemDeletedAction(action)) {
-        const subject = space.database.getItem(action.deleted.id);
-        // TODO(thure): use Echo’s native deletion
-        return subject?.model.set('annotations.deleted', true);
-      } else if (isListItemCreatedAction(action)) {
-        // do nothing?
-      } else if (isListItemChangedAction(action)) {
-        const subject = space.database.getItem(action.listItemId);
-        return Promise.all(
-          (Object.keys(action.next) as (keyof ListItemProps)[]).map((prop) => {
-            return subject?.model.set(prop, action.next[prop]);
-          })
-        );
-      } else {
-        return Promise.all(
-          (Object.keys(action.next) as (keyof ListPrimitiveProps)[]).map((prop) => {
-            return list?.model.set(prop, action.next[prop]);
-          })
-        );
-      }
-    },
-    [list, listItems]
-  );
-
-  const createListItemId = useCallback(async () => {
-    const listItem = await space?.database.createItem({
-      model: ObjectModel,
-      type: LIST_ITEM_TYPE,
-      parent: list.id
-    });
-    return listItem.id;
-  }, [space]);
-
-  return (
-    <ListPrimitive
-      {...{
-        id: list.id,
-        title: list.model.get('title') ?? '',
-        description: list.model.get('description') ?? '',
-        items: (listItems ?? [])
-          // TODO(thure): use Echo’s native deletion
-          .filter((item) => !item.model.get('annotations.deleted'))
-          .reduce((acc: ListItems, item) => {
-            acc[item.id] = {
-              title: item.model.get('title'),
-              description: item.model.get('description'),
-              annotations: item.model.get('annotations')
-            };
-            return acc;
-          }, {}),
-        onChangePeriod: 640,
-        onAction,
-        createListItemId
-      }}
-    />
-  );
-};
-
-export const List = ({ spaceKey, itemId }: ListProps) => {
-  const { t } = useTranslation('appkit');
-
-  const space = useSpace(spaceKey);
-  const list = (useSelection(space?.database.select({ id: itemId })) ?? [])[0];
-  const listItems = useSelection(list?.select().children().filter({ type: LIST_ITEM_TYPE }));
-
-  // TODO(thure): this should become `Suspense` when the above hooks support it
-  return space && list && listItems ? (
-    <ListLoaded {...{ space, list, listItems }} />
-  ) : (
-    <Loading label={t('generic loading label')} />
-  );
-};

package/src/components/List/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2022 DXOS.org
-//
-
-export * from './List';

package/src/components/ListPrimitive/ListPrimitive.stories.tsx

@@ -1,41 +0,0 @@
-//
-// Copyright 2022 DXOS.org
-//
-
-import '@dxosTheme';
-import React from 'react';
-
-import { ListPrimitive, ListPrimitiveComponentProps } from './ListPrimitive';
-
-export default {
-  component: ListPrimitive,
-  argTypes: {}
-};
-
-export const Default = {
-  render: (args: Omit<ListPrimitiveComponentProps, 'item'>) => {
-    return (
-      <main className='max-is-lg mli-auto pli-7 mbs-7'>
-        <ListPrimitive {...args} />
-      </main>
-    );
-  },
-  args: {
-    id: 'x123456',
-    items: {
-      x234567: {
-        title: 'Apple'
-      },
-      x345678: {
-        title: 'Grapes',
-        annotations: { state: 'done' }
-      },
-      x456789: {
-        title: 'Banana'
-      },
-      x567890: {
-        title: 'Courgette'
-      }
-    }
-  }
-};