@dxos/react-list 0.1.5

package/LICENSE

@@ -0,0 +1,8 @@
+MIT License 
+Copyright (c) 2022 DXOS
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/dist/src/components/List/List.d.ts

@@ -0,0 +1,8 @@
+import { Item, PublicKey } from '@dxos/client';
+import { ObjectModel } from '@dxos/object-model';
+export interface ListProps {
+    spaceKey: PublicKey;
+    itemId: Item<ObjectModel>['id'];
+}
+export declare const List: ({ spaceKey, itemId }: ListProps) => JSX.Element;
+//# sourceMappingURL=List.d.ts.map

package/dist/src/components/List/List.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/List/List.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAS,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAuBjD,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC;CACjC;AAgED,eAAO,MAAM,IAAI,yBAA0B,SAAS,gBAanD,CAAC"}

package/dist/src/components/List/List.js

@@ -0,0 +1,98 @@
+"use strict";
+//
+// Copyright 2022 DXOS.org
+//
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.List = void 0;
+const react_1 = __importStar(require("react"));
+const object_model_1 = require("@dxos/object-model");
+const react_client_1 = require("@dxos/react-client");
+const react_ui_1 = require("@dxos/react-ui");
+const react_uikit_1 = require("@dxos/react-uikit");
+const model_1 = require("../../model");
+const ListPrimitive_1 = require("../ListPrimitive");
+const ListLoaded = ({ space, list, listItems: propsListItems }) => {
+    var _a, _b, _c;
+    const listItems = (_a = (0, react_client_1.useSelection)(list === null || list === void 0 ? void 0 : list.select().children().filter({ type: model_1.LIST_ITEM_TYPE }))) !== null && _a !== void 0 ? _a : propsListItems;
+    const onAction = (0, react_1.useCallback)(async (action) => {
+        if ((0, ListPrimitive_1.isListItemDeletedAction)(action)) {
+            const subject = space.database.getItem(action.deleted.id);
+            // TODO(thure): use Echo’s native deletion
+            return subject === null || subject === void 0 ? void 0 : subject.model.set('annotations.deleted', true);
+        }
+        else if ((0, ListPrimitive_1.isListItemCreatedAction)(action)) {
+            // do nothing?
+        }
+        else if ((0, ListPrimitive_1.isListItemChangedAction)(action)) {
+            const subject = space.database.getItem(action.listItemId);
+            return Promise.all(Object.keys(action.next).map((prop) => {
+                return subject === null || subject === void 0 ? void 0 : subject.model.set(prop, action.next[prop]);
+            }));
+        }
+        else {
+            return Promise.all(Object.keys(action.next).map((prop) => {
+                return list === null || list === void 0 ? void 0 : list.model.set(prop, action.next[prop]);
+            }));
+        }
+    }, [list, listItems]);
+    const createListItemId = (0, react_1.useCallback)(async () => {
+        const listItem = await (space === null || space === void 0 ? void 0 : space.database.createItem({
+            model: object_model_1.ObjectModel,
+            type: model_1.LIST_ITEM_TYPE,
+            parent: list.id
+        }));
+        return listItem.id;
+    }, [space]);
+    return (react_1.default.createElement(ListPrimitive_1.ListPrimitive, { ...{
+            id: list.id,
+            title: (_b = list.model.get('title')) !== null && _b !== void 0 ? _b : '',
+            description: (_c = list.model.get('description')) !== null && _c !== void 0 ? _c : '',
+            items: (listItems !== null && listItems !== void 0 ? listItems : [])
+                // TODO(thure): use Echo’s native deletion
+                .filter((item) => !item.model.get('annotations.deleted'))
+                .reduce((acc, item) => {
+                acc[item.id] = {
+                    title: item.model.get('title'),
+                    description: item.model.get('description'),
+                    annotations: item.model.get('annotations')
+                };
+                return acc;
+            }, {}),
+            onAction,
+            createListItemId
+        } }));
+};
+const List = ({ spaceKey, itemId }) => {
+    var _a;
+    const { t } = (0, react_uikit_1.useTranslation)('uikit');
+    const space = (0, react_client_1.useSpace)(spaceKey);
+    const list = ((_a = (0, react_client_1.useSelection)(space === null || space === void 0 ? void 0 : space.database.select({ id: itemId }))) !== null && _a !== void 0 ? _a : [])[0];
+    const listItems = (0, react_client_1.useSelection)(list === null || list === void 0 ? void 0 : list.select().children().filter({ type: model_1.LIST_ITEM_TYPE }));
+    // TODO(thure): this should become `Suspense` when the above hooks support it
+    return space && list && listItems ? (react_1.default.createElement(ListLoaded, { ...{ space, list, listItems } })) : (react_1.default.createElement(react_ui_1.Loading, { label: t('generic loading label') }));
+};
+exports.List = List;
+//# sourceMappingURL=List.js.map

package/dist/src/components/List/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../src/components/List/List.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/List/List.stories.d.ts

@@ -0,0 +1,14 @@
+import '@dxosTheme';
+import { PublicKey } from '@dxos/client';
+import { ListProps } from './List';
+declare const _default: {
+    title: string;
+    component: ({ spaceKey, itemId }: ListProps) => JSX.Element;
+    argTypes: {};
+};
+export default _default;
+export declare const Default: import("@storybook/react").Story<Omit<ListProps, "spaceKey" | "itemId"> & {
+    spaceKey?: PublicKey | undefined;
+    id?: number | undefined;
+}>;
+//# sourceMappingURL=List.stories.d.ts.map

package/dist/src/components/List/List.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/List/List.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAIpB,OAAO,EAAsB,SAAS,EAAqB,MAAM,cAAc,CAAC;AAShF,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAC;;;;;;AAKzC,wBAIE;AAsBF,eAAO,MAAM,OAAO;;;EAAqC,CAAC"}

package/dist/src/components/List/List.stories.js

@@ -0,0 +1,116 @@
+"use strict";
+//
+// Copyright 2022 DXOS.org
+//
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+require("@dxosTheme");
+const react_1 = __importStar(require("react"));
+const async_1 = require("@dxos/async");
+const client_1 = require("@dxos/client");
+const debug_1 = require("@dxos/debug");
+const object_model_1 = require("@dxos/object-model");
+const react_async_1 = require("@dxos/react-async");
+const react_client_1 = require("@dxos/react-client");
+const react_uikit_1 = require("@dxos/react-uikit");
+const model_1 = require("../../model");
+const testing_1 = require("../../testing");
+const List_1 = require("./List");
+// TODO(wittjosiah): @dxos/log.
+const log = console.log;
+exports.default = {
+    title: 'react-list/List',
+    component: List_1.List,
+    argTypes: {}
+};
+const Template = (args) => {
+    var _a;
+    const space = (0, react_client_1.useSpace)(args.spaceKey);
+    const [item] = (_a = (0, react_client_1.useSelection)(space === null || space === void 0 ? void 0 : space.database.select({ type: model_1.LIST_TYPE }))) !== null && _a !== void 0 ? _a : [];
+    (0, react_async_1.useAsyncEffect)(async () => {
+        if (args.id === 0) {
+            await (space === null || space === void 0 ? void 0 : space.database.createItem({
+                model: object_model_1.ObjectModel,
+                type: model_1.LIST_TYPE
+            }));
+        }
+    }, [space]);
+    return (react_1.default.createElement("main", { className: 'max-is-lg mli-auto pli-7 mbs-7' }, item && space ? react_1.default.createElement(List_1.List, { ...args, itemId: item.id, spaceKey: space === null || space === void 0 ? void 0 : space.key }) : react_1.default.createElement(react_uikit_1.Loading, { label: 'Loading\u2026' })));
+};
+exports.Default = (0, testing_1.templateForComponent)(Template)({});
+exports.Default.args = {};
+exports.Default.decorators = [
+    // TODO(wittjosiah): Factor out.
+    (Story) => {
+        const n = 2;
+        const clients = (0, react_1.useMemo)(() => {
+            const testBuilder = new client_1.TestClientBuilder();
+            return [...Array(n)].map(() => new client_1.Client({ services: testBuilder.createClientServicesHost() }));
+        }, []);
+        const [spaceKey, setSpaceKey] = (0, react_1.useState)();
+        (0, react_async_1.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');
+            await Promise.all(clients.slice(1).map(async (client) => {
+                const success1 = new async_1.Trigger();
+                const success2 = new async_1.Trigger();
+                const observable1 = await space.createInvitation({ type: client_1.Invitation.Type.INTERACTIVE_TESTING });
+                log('invitation created');
+                const observable2 = await client.echo.acceptInvitation(observable1.invitation);
+                log('invitation accepted');
+                observable1.subscribe({
+                    onSuccess: (invitation) => {
+                        success1.wake(invitation);
+                        log('invitation success1');
+                    },
+                    onError: (err) => (0, debug_1.raise)(err)
+                });
+                observable2.subscribe({
+                    onSuccess: (invitation) => {
+                        success2.wake(invitation);
+                        log('invitation success2');
+                    },
+                    onError: (err) => (0, debug_1.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 react_1.default.createElement(react_uikit_1.Loading, { label: 'Loading\u2026' });
+        }
+        return (react_1.default.createElement("div", { className: 'flex' }, clients.map((client, index) => (react_1.default.createElement(react_client_1.ClientProvider, { key: index, client: client, fallback: react_1.default.createElement(react_uikit_1.Loading, { label: 'Loading\u2026' }) },
+            react_1.default.createElement(Story, { args: { spaceKey, id: index } }))))));
+    }
+];
+//# sourceMappingURL=List.stories.js.map

package/dist/src/components/List/List.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.stories.js","sourceRoot":"","sources":["../../../../src/components/List/List.stories.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/List/index.d.ts

@@ -0,0 +1,2 @@
+export * from './List';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/List/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/List/index.ts"],"names":[],"mappings":"AAIA,cAAc,QAAQ,CAAC"}

package/dist/src/components/List/index.js

@@ -0,0 +1,21 @@
+"use strict";
+//
+// Copyright 2022 DXOS.org
+//
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./List"), exports);
+//# sourceMappingURL=index.js.map

package/dist/src/components/List/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/List/index.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;AAEF,yCAAuB"}

package/dist/src/components/ListPrimitive/ListPrimitive.d.ts

@@ -0,0 +1,52 @@
+import { ComponentProps } from 'react';
+declare type ListId = string;
+declare type ListItemId = string;
+export interface ListItemProps {
+    id: ListItemId;
+    title?: string;
+    description?: string;
+    annotations?: Record<string, string | boolean>;
+}
+export declare type ListItems = Record<ListItemId, Omit<ListItemProps, 'id'>>;
+interface SharedListActionProps {
+    listId: ListId;
+}
+interface SharedListItemActionProps extends SharedListActionProps {
+    listItemId: ListItemId;
+}
+export interface ListItemChangedAction extends SharedListItemActionProps {
+    next: Partial<ListItemProps>;
+}
+export interface ListChangedAction extends SharedListActionProps {
+    next: Partial<ListPrimitiveProps>;
+}
+export interface ListItemCreatedAction extends SharedListActionProps {
+    created: Pick<ListItemProps, 'id'> & Partial<Omit<ListItemProps, 'id'>>;
+}
+export interface ListItemDeletedAction extends SharedListActionProps {
+    deleted: Pick<ListItemProps, 'id'> & Partial<Omit<ListItemProps, 'id'>>;
+}
+export declare type ListAction = ListItemChangedAction | ListChangedAction | ListItemCreatedAction | ListItemDeletedAction;
+export declare const isListItemChangedAction: (o: any) => o is ListItemChangedAction;
+export declare const isListItemCreatedAction: (o: any) => o is ListItemCreatedAction;
+export declare const isListItemDeletedAction: (o: any) => o is ListItemDeletedAction;
+export interface ListPrimitiveProps {
+    id: ListId;
+    title?: string;
+    description?: string;
+}
+export interface ListPrimitiveComponentProps extends ListPrimitiveProps, Omit<ComponentProps<'div'>, 'id'> {
+    items: ListItems;
+    onAction?: (action: ListAction) => void;
+    createListItemId?: () => Promise<ListItemId>;
+}
+export interface ListItemPrimitiveComponentProps extends ListItemProps, Omit<ComponentProps<'li'>, 'id' | 'title'> {
+    updateItem: (item: ListItemProps) => void;
+    updateOrder: (id: ListItemId, delta: number) => void;
+    deleteItem: (id: ListItemId) => void;
+    isFirst?: boolean;
+    isLast?: boolean;
+}
+export declare const ListPrimitive: ({ id: listId, title: propsTitle, description: propsDescription, items: propsItems, onAction, createListItemId, ...divProps }: ListPrimitiveComponentProps) => JSX.Element;
+export {};
+//# sourceMappingURL=ListPrimitive.d.ts.map

package/dist/src/components/ListPrimitive/ListPrimitive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPrimitive.d.ts","sourceRoot":"","sources":["../../../../src/components/ListPrimitive/ListPrimitive.tsx"],"names":[],"mappings":"AAMA,OAAc,EAAE,cAAc,EAAyB,MAAM,OAAO,CAAC;AAOrE,aAAK,MAAM,GAAG,MAAM,CAAC;AACrB,aAAK,UAAU,GAAG,MAAM,CAAC;AAEzB,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,UAAU,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC;CAChD;AAED,oBAAY,SAAS,GAAG,MAAM,CAAC,UAAU,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC;AAEtE,UAAU,qBAAqB;IAC7B,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,yBAA0B,SAAQ,qBAAqB;IAC/D,UAAU,EAAE,UAAU,CAAC;CACxB;AAED,MAAM,WAAW,qBAAsB,SAAQ,yBAAyB;IACtE,IAAI,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB;IAC9D,IAAI,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,qBAAsB,SAAQ,qBAAqB;IAClE,OAAO,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC;CACzE;AAED,MAAM,WAAW,qBAAsB,SAAQ,qBAAqB;IAClE,OAAO,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC;CACzE;AAED,oBAAY,UAAU,GAAG,qBAAqB,GAAG,iBAAiB,GAAG,qBAAqB,GAAG,qBAAqB,CAAC;AAEnH,eAAO,MAAM,uBAAuB,MAAO,GAAG,+BAAkD,CAAC;AACjG,eAAO,MAAM,uBAAuB,MAAO,GAAG,+BAA+C,CAAC;AAC9F,eAAO,MAAM,uBAAuB,MAAO,GAAG,+BAA+C,CAAC;AAE9F,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,2BAA4B,SAAQ,kBAAkB,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;IACxG,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC,UAAU,CAAC,CAAC;CAC9C;AAED,MAAM,WAAW,+BAAgC,SAAQ,aAAa,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC;IAChH,UAAU,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,WAAW,EAAE,CAAC,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,UAAU,EAAE,CAAC,EAAE,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAmJD,eAAO,MAAM,aAAa,iIAQvB,2BAA2B,gBAmJ7B,CAAC"}

package/dist/src/components/ListPrimitive/ListPrimitive.js

@@ -0,0 +1,184 @@
+"use strict";
+//
+// Copyright 2022 DXOS.org
+//
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListPrimitive = exports.isListItemDeletedAction = exports.isListItemCreatedAction = exports.isListItemChangedAction = void 0;
+const classnames_1 = __importDefault(require("classnames"));
+const phosphor_react_1 = require("phosphor-react");
+const react_1 = __importStar(require("react"));
+const react_ui_1 = require("@dxos/react-ui");
+const react_uikit_1 = require("@dxos/react-uikit");
+const hooks_1 = require("../../hooks");
+const isListItemChangedAction = (o) => 'listItemId' in o;
+exports.isListItemChangedAction = isListItemChangedAction;
+const isListItemCreatedAction = (o) => 'created' in o;
+exports.isListItemCreatedAction = isListItemCreatedAction;
+const isListItemDeletedAction = (o) => 'deleted' in o;
+exports.isListItemDeletedAction = isListItemDeletedAction;
+const defaultCreateListItemId = async () => (0, react_uikit_1.randomString)(8);
+const ListItemPrimitive = ({ id, title: propsTitle, description: propsDescription, annotations: propsAnnotations, updateItem, deleteItem, updateOrder, isFirst, isLast }) => {
+    const checkId = `${id}__checkbox`;
+    const labelId = `${id}__title`;
+    const descriptionId = `${id}__description`;
+    const { t } = (0, react_uikit_1.useTranslation)('appkit');
+    const rejectTextUpdatesWhenFocused = (0, react_1.useCallback)((a, b) => {
+        var _a;
+        return ((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.getAttribute('data-itemid')) === id ? true : a === b;
+    }, [id]);
+    const [title, setTitle, titleSession] = (0, hooks_1.usePropStatefully)(propsTitle !== null && propsTitle !== void 0 ? propsTitle : '', rejectTextUpdatesWhenFocused);
+    const [description, _setDescription, _descriptionSession] = (0, hooks_1.usePropStatefully)(propsDescription !== null && propsDescription !== void 0 ? propsDescription : '', rejectTextUpdatesWhenFocused);
+    const [annotations, setAnnotations] = (0, react_1.useState)(propsAnnotations !== null && propsAnnotations !== void 0 ? propsAnnotations : {});
+    const isDone = (annotations === null || annotations === void 0 ? void 0 : annotations.state) === 'done';
+    const onChangeTitle = (0, react_1.useCallback)((nextValue) => {
+        setTitle(nextValue);
+        updateItem({ id, title: nextValue });
+    }, []);
+    const _onChangeDescription = (0, react_1.useCallback)((nextValue) => {
+        _setDescription(nextValue);
+        updateItem({ id, description: nextValue });
+    }, []);
+    const _onClickMoveUp = (0, react_1.useCallback)(() => {
+        updateOrder(id, -1);
+    }, [updateOrder, id]);
+    const _onClickMoveDown = (0, react_1.useCallback)(() => {
+        updateOrder(id, 1);
+    }, [updateOrder, id]);
+    const onChangeCheckbox = (0, react_1.useCallback)(() => {
+        const nextAnnotations = { ...annotations, state: isDone ? 'init' : 'done' };
+        setAnnotations(nextAnnotations);
+        updateItem({ id, annotations: nextAnnotations });
+    }, [annotations, isDone]);
+    const onClickDelete = (0, react_1.useCallback)(() => {
+        deleteItem(id);
+    }, [deleteItem, id]);
+    return (react_1.default.createElement("li", { key: id, className: 'flex items-center gap-2 pli-4', "aria-labelledby": labelId, ...(description && { 'aria-describedby': descriptionId }) },
+        react_1.default.createElement("input", { key: titleSession, ...{
+                type: 'checkbox',
+                id: checkId,
+                ...(description && {
+                    'aria-describedby': descriptionId
+                }),
+                className: (0, classnames_1.default)((0, react_uikit_1.getSize)(4), 'text-primary-600 bg-neutral-50 rounded border-neutral-300 dark:bg-neutral-800 dark:border-neutral-600 cursor-pointer', react_uikit_1.defaultFocus, (0, react_ui_1.defaultHover)({})),
+                onChange: onChangeCheckbox,
+                checked: isDone
+            } }),
+        react_1.default.createElement("label", { htmlFor: checkId, id: labelId, className: 'sr-only' }, title),
+        react_1.default.createElement("span", { id: descriptionId, className: 'sr-only' }, description),
+        react_1.default.createElement("div", { role: 'none', className: 'grow' },
+            react_1.default.createElement(react_uikit_1.Input, { label: t('list item title label'), placeholder: t('list item title placeholder'), labelVisuallyHidden: true, initialValue: title, onChange: onChangeTitle, "data-itemid": id })),
+        react_1.default.createElement(react_uikit_1.Button, { compact: true, onClick: onClickDelete },
+            react_1.default.createElement(phosphor_react_1.Minus, null),
+            react_1.default.createElement("span", { className: 'sr-only' }, t('delete list item label')))));
+};
+const itemsEquivalent = (a, b) => {
+    var _a, _b;
+    const aKeys = Object.keys(a);
+    const bKeys = Object.keys(b);
+    for (let i = 0; i < aKeys.length; i++) {
+        const key = aKeys[i];
+        if (key !== bKeys[i] || a[key].title !== b[key].title || ((_a = a[key].annotations) === null || _a === void 0 ? void 0 : _a.state) !== ((_b = b[key].annotations) === null || _b === void 0 ? void 0 : _b.state)) {
+            return false;
+        }
+    }
+    return true;
+};
+const ListPrimitive = ({ id: listId, title: propsTitle, description: propsDescription, items: propsItems, onAction, createListItemId = defaultCreateListItemId, ...divProps }) => {
+    const { t } = (0, react_uikit_1.useTranslation)('appkit');
+    const [creating, setCreating] = (0, react_1.useState)(false);
+    const rejectTextUpdatesWhenFocused = (0, react_1.useCallback)((a, b) => {
+        var _a;
+        return ((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.getAttribute('data-itemid')) === listId ? true : a === b;
+    }, [listId]);
+    const titleId = `${listId}__title`;
+    const [title, setTitle, titleSession] = (0, hooks_1.usePropStatefully)(propsTitle !== null && propsTitle !== void 0 ? propsTitle : '', rejectTextUpdatesWhenFocused);
+    const onChangeTitle = (0, react_1.useCallback)((nextValue) => {
+        setTitle(nextValue);
+        onAction === null || onAction === void 0 ? void 0 : onAction({ listId, next: { title: nextValue } });
+    }, [onAction, listId]);
+    const descriptionId = `${listId}__description`;
+    const [description, setDescription, _descriptionSession] = (0, hooks_1.usePropStatefully)(propsDescription !== null && propsDescription !== void 0 ? propsDescription : '', rejectTextUpdatesWhenFocused);
+    const _onChangeDescription = (0, react_1.useCallback)((nextValue) => {
+        setDescription(nextValue);
+        onAction === null || onAction === void 0 ? void 0 : onAction({ listId, next: { description: nextValue } });
+    }, [onAction, listId]);
+    const [items, setItems, itemsSession] = (0, hooks_1.usePropStatefully)(propsItems !== null && propsItems !== void 0 ? propsItems : {}, itemsEquivalent);
+    const order = Object.keys(items);
+    const updateItem = (0, react_1.useCallback)(({ id, ...next }) => {
+        setItems(Object.assign(items, { [id]: { ...items[id], ...next } }));
+        onAction === null || onAction === void 0 ? void 0 : onAction({ listId, listItemId: id, next });
+    }, [items, onAction]);
+    const updateOrder = (0, react_1.useCallback)((id, delta) => {
+        const order = Object.keys(items);
+        const fromIndex = order.indexOf(id);
+        const toIndex = fromIndex + delta;
+        const nextOrder = Array.from(order);
+        nextOrder.splice(fromIndex, 1);
+        nextOrder.splice(toIndex, 0, id);
+        const nextItems = nextOrder.reduce((acc, listItemId) => {
+            acc[listItemId] = items[listItemId];
+            return acc;
+        }, {});
+        setItems(nextItems);
+        onAction === null || onAction === void 0 ? void 0 : onAction({ listId, next: {} });
+    }, [items, onAction]);
+    const deleteItem = (0, react_1.useCallback)((id) => {
+        if (items[id]) {
+            const { [id]: deletedItem, ...nextItems } = items;
+            setItems(nextItems);
+            onAction === null || onAction === void 0 ? void 0 : onAction({ listId, next: {}, deleted: { id, ...deletedItem } });
+        }
+    }, [items, onAction]);
+    const createItem = (0, react_1.useCallback)(() => {
+        setCreating(true);
+        return createListItemId()
+            .then((id) => {
+            const next = {
+                items: { ...items, [id]: {} }
+            };
+            const created = { id };
+            setItems(next.items);
+            onAction === null || onAction === void 0 ? void 0 : onAction({ listId, next: {}, created });
+        })
+            .finally(() => setCreating(false));
+    }, [items, createListItemId, onAction]);
+    return (react_1.default.createElement("div", { role: 'group', ...divProps, className: (0, classnames_1.default)((0, react_ui_1.defaultGroup)({ elevation: 3, spacing: '' }), 'plb-2', divProps.className), "aria-labelledby": titleId, ...(description && { 'aria-describedby': descriptionId }) },
+        react_1.default.createElement("span", { id: titleId, className: 'sr-only' }, title),
+        description && (react_1.default.createElement("span", { id: descriptionId, className: 'sr-only' }, description)),
+        react_1.default.createElement(react_uikit_1.Input, { key: titleSession, label: t('list title label'), placeholder: t('list title placeholder'), labelVisuallyHidden: true, initialValue: title, onChange: onChangeTitle, className: 'mli-4', "data-itemid": listId }),
+        react_1.default.createElement("ol", { className: 'contents' }, order.map((listItemId, index) => {
+            return (react_1.default.createElement(ListItemPrimitive, { key: `${itemsSession}__${listItemId}`, isFirst: index === 0, isLast: index === order.length - 1, ...{ id: listItemId, updateItem, updateOrder, deleteItem }, ...items[listItemId] }));
+        })),
+        react_1.default.createElement("div", { role: 'none', className: 'mli-4 mlb-4' },
+            react_1.default.createElement(react_uikit_1.Button, { className: 'is-full', onClick: createItem, disabled: creating },
+                react_1.default.createElement(phosphor_react_1.Plus, null),
+                react_1.default.createElement("span", { className: 'sr-only' }, t('add list item label'))))));
+};
+exports.ListPrimitive = ListPrimitive;
+//# sourceMappingURL=ListPrimitive.js.map

package/dist/src/components/ListPrimitive/ListPrimitive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPrimitive.js","sourceRoot":"","sources":["../../../../src/components/ListPrimitive/ListPrimitive.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/ListPrimitive/ListPrimitive.stories.d.ts

@@ -0,0 +1,10 @@
+import '@dxosTheme';
+import { ListPrimitiveComponentProps } from './ListPrimitive';
+declare const _default: {
+    title: string;
+    component: ({ id: listId, title: propsTitle, description: propsDescription, items: propsItems, onAction, createListItemId, ...divProps }: ListPrimitiveComponentProps) => JSX.Element;
+    argTypes: {};
+};
+export default _default;
+export declare const Default: import("@storybook/react").Story<Omit<ListPrimitiveComponentProps, "item">>;
+//# sourceMappingURL=ListPrimitive.stories.d.ts.map

package/dist/src/components/ListPrimitive/ListPrimitive.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPrimitive.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ListPrimitive/ListPrimitive.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAIpB,OAAO,EAAiB,2BAA2B,EAAE,MAAM,iBAAiB,CAAC;;;;;;AAE7E,wBAIE;AAUF,eAAO,MAAM,OAAO,6EAAwD,CAAC"}

package/dist/src/components/ListPrimitive/ListPrimitive.stories.js

@@ -0,0 +1,42 @@
+"use strict";
+//
+// Copyright 2022 DXOS.org
+//
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+require("@dxosTheme");
+const react_1 = __importDefault(require("react"));
+const testing_1 = require("../../testing");
+const ListPrimitive_1 = require("./ListPrimitive");
+exports.default = {
+    title: 'react-list/ListPrimitive',
+    component: ListPrimitive_1.ListPrimitive,
+    argTypes: {}
+};
+const Template = (args) => {
+    return (react_1.default.createElement("main", { className: 'max-is-lg mli-auto pli-7 mbs-7' },
+        react_1.default.createElement(ListPrimitive_1.ListPrimitive, { ...args })));
+};
+exports.Default = (0, testing_1.templateForComponent)(Template)({ id: '', items: {} });
+exports.Default.args = {
+    id: 'x123456',
+    items: {
+        x234567: {
+            title: 'Apple'
+        },
+        x345678: {
+            title: 'Grapes',
+            annotations: { state: 'done' }
+        },
+        x456789: {
+            title: 'Banana'
+        },
+        x567890: {
+            title: 'Courgette'
+        }
+    }
+};
+//# sourceMappingURL=ListPrimitive.stories.js.map