@dxos/plugin-kanban 0.6.8-main.046e6cf

package/dist/lib/node/KanbanMain-RSRZLAM5.cjs

@@ -0,0 +1,453 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var KanbanMain_RSRZLAM5_exports = {};
+__export(KanbanMain_RSRZLAM5_exports, {
+  default: () => KanbanMain_default
+});
+module.exports = __toCommonJS(KanbanMain_RSRZLAM5_exports);
+var import_chunk_RYK4NJNG = require("./chunk-RYK4NJNG.cjs");
+var import_chunk_CJTEPA5Z = require("./chunk-CJTEPA5Z.cjs");
+var import_react = __toESM(require("react"));
+var import_echo_schema = require("@dxos/echo-schema");
+var import_echo = require("@dxos/react-client/echo");
+var import_react_ui = require("@dxos/react-ui");
+var import_react_ui_theme = require("@dxos/react-ui-theme");
+var import_core = require("@dnd-kit/core");
+var import_sortable = require("@dnd-kit/sortable");
+var import_react2 = __toESM(require("react"));
+var import_echo2 = require("@dxos/react-client/echo");
+var import_util = require("@dxos/util");
+var import_sortable2 = require("@dnd-kit/sortable");
+var import_utilities = require("@dnd-kit/utilities");
+var import_react3 = require("@phosphor-icons/react");
+var import_react4 = __toESM(require("react"));
+var import_echo3 = require("@dxos/react-client/echo");
+var import_react_ui2 = require("@dxos/react-ui");
+var import_react_ui_editor = require("@dxos/react-ui-editor");
+var import_react_ui_theme2 = require("@dxos/react-ui-theme");
+var import_core2 = require("@dnd-kit/core");
+var import_sortable3 = require("@dnd-kit/sortable");
+var import_utilities2 = require("@dnd-kit/utilities");
+var import_react5 = require("@phosphor-icons/react");
+var import_react6 = __toESM(require("react"));
+var import_react_ui3 = require("@dxos/react-ui");
+var import_react_ui_theme3 = require("@dxos/react-ui-theme");
+var import_util2 = require("@dxos/util");
+var import_react7 = require("react");
+var import_echo4 = require("@dxos/react-client/echo");
+var import_util3 = require("@dxos/util");
+var DeleteItem = ({ onClick }) => {
+  const { t } = (0, import_react_ui2.useTranslation)(import_chunk_CJTEPA5Z.KANBAN_PLUGIN);
+  return /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Button, {
+    variant: "ghost",
+    onClick,
+    classNames: "plb-0 pli-0.5 -mlb-1"
+  }, /* @__PURE__ */ import_react4.default.createElement("span", {
+    className: "sr-only"
+  }, t("delete item label")), /* @__PURE__ */ import_react4.default.createElement(import_react3.X, {
+    className: (0, import_react_ui_theme2.getSize)(4)
+  }));
+};
+var KanbanCardComponent = ({ column, item, debug = false, onDelete }) => {
+  const { themeMode } = (0, import_react_ui2.useThemeContext)();
+  const { t } = (0, import_react_ui2.useTranslation)(import_chunk_CJTEPA5Z.KANBAN_PLUGIN);
+  const { isDragging, attributes, listeners, transform, transition, setNodeRef } = (0, import_sortable2.useSortable)({
+    id: item.id,
+    data: {
+      type: "item",
+      column
+    }
+  });
+  const tx = transform ? Object.assign(transform, {
+    scaleY: 1
+  }) : null;
+  const { parentRef, focusAttributes } = (0, import_react_ui_editor.useTextEditor)(() => ({
+    initialValue: item.name,
+    extensions: [
+      (0, import_react_ui_editor.createDataExtensions)({
+        id: item.id,
+        text: (0, import_echo3.createDocAccessor)(item, [
+          "name"
+        ])
+      }),
+      (0, import_react_ui_editor.createBasicExtensions)({
+        placeholder: t("item title placeholder")
+      }),
+      (0, import_react_ui_editor.createThemeExtensions)({
+        themeMode
+      })
+    ]
+  }), [
+    item,
+    themeMode
+  ]);
+  return /* @__PURE__ */ import_react4.default.createElement("div", {
+    ref: setNodeRef,
+    style: {
+      transform: import_utilities.CSS.Transform.toString(tx),
+      transition
+    },
+    className: (0, import_react_ui_theme2.mx)("flex grow", isDragging && "border border-neutral-400 dark:border-neutral-800")
+  }, /* @__PURE__ */ import_react4.default.createElement("div", {
+    className: (0, import_react_ui_theme2.mx)("flex items-start grow p-1", import_react_ui_theme2.attentionSurface, isDragging && "opacity-10")
+  }, /* @__PURE__ */ import_react4.default.createElement("button", {
+    className: "flex h-[40px] items-center",
+    ...attributes,
+    ...listeners
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react3.DotsSixVertical, {
+    className: (0, import_react_ui_theme2.getSize)(5)
+  })), /* @__PURE__ */ import_react4.default.createElement("div", {
+    className: "flex flex-col grow pt-1"
+  }, /* @__PURE__ */ import_react4.default.createElement("div", {
+    ...focusAttributes,
+    className: (0, import_react_ui_theme2.mx)(import_react_ui_theme2.focusRing, "rounded-sm p-1"),
+    ref: parentRef
+  }), debug && /* @__PURE__ */ import_react4.default.createElement("div", {
+    className: "text-xs text-red-800"
+  }, item.id.slice(0, 9))), onDelete && /* @__PURE__ */ import_react4.default.createElement("div", {
+    className: "flex h-[40px] items-center"
+  }, /* @__PURE__ */ import_react4.default.createElement(DeleteItem, {
+    onClick: onDelete
+  }))));
+};
+var useSubscription = (data) => {
+  const [_, setIter] = (0, import_react7.useState)([]);
+  (0, import_react7.useEffect)(() => {
+    const handle = (0, import_echo4.createSubscription)(() => setIter([]));
+    handle.update(data);
+    return () => handle.unsubscribe();
+  }, []);
+};
+var findLocation = (columns, id) => {
+  for (const column of columns) {
+    if (column.id === id) {
+      return {
+        column
+      };
+    } else {
+      const idx = column.items.filter(import_util3.nonNullable).findIndex((item) => item.id === id);
+      if (idx !== -1) {
+        return {
+          column,
+          item: column.items[idx],
+          idx
+        };
+      }
+    }
+  }
+};
+var DeleteColumn = ({ onClick }) => {
+  const { t } = (0, import_react_ui3.useTranslation)(import_chunk_CJTEPA5Z.KANBAN_PLUGIN);
+  return /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Button, {
+    variant: "ghost",
+    onClick,
+    classNames: "plb-0 pli-0.5 -mlb-1"
+  }, /* @__PURE__ */ import_react6.default.createElement("span", {
+    className: "sr-only"
+  }, t("delete column label")), /* @__PURE__ */ import_react6.default.createElement(import_react5.X, {
+    className: (0, import_react_ui_theme3.getSize)(4)
+  }));
+};
+var AddItem = ({ onClick }) => {
+  const { t } = (0, import_react_ui3.useTranslation)(import_chunk_CJTEPA5Z.KANBAN_PLUGIN);
+  return /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Button, {
+    variant: "ghost",
+    onClick,
+    classNames: "plb-0 pli-0.5 -mlb-1"
+  }, /* @__PURE__ */ import_react6.default.createElement("span", {
+    className: "sr-only"
+  }, t("add item label")), /* @__PURE__ */ import_react6.default.createElement(import_react5.Plus, {
+    className: (0, import_react_ui_theme3.getSize)(4)
+  }));
+};
+var KanbanColumnComponentPlaceholder = ({ onAdd }) => {
+  const { t } = (0, import_react_ui3.useTranslation)(import_chunk_CJTEPA5Z.KANBAN_PLUGIN);
+  return /* @__PURE__ */ import_react6.default.createElement("div", {
+    className: (0, import_react_ui_theme3.mx)("flex flex-col justify-center shadow rounded w-[300px] h-[300px]", import_react_ui_theme3.groupSurface)
+  }, /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Button, {
+    variant: "ghost",
+    onClick: onAdd,
+    classNames: "plb-0 pli-0.5 -mlb-1"
+  }, /* @__PURE__ */ import_react6.default.createElement("span", {
+    className: "sr-only"
+  }, t("add column label")), /* @__PURE__ */ import_react6.default.createElement(import_react5.Plus, {
+    className: (0, import_react_ui_theme3.getSize)(6)
+  })));
+};
+var KanbanColumnComponent = ({ column, itemMapper, debug = false, onCreate, onDelete }) => {
+  const { t } = (0, import_react_ui3.useTranslation)(import_chunk_CJTEPA5Z.KANBAN_PLUGIN);
+  useSubscription([
+    column.items
+  ]);
+  const items = itemMapper?.(column.id, column.items.filter(import_util2.nonNullable)) ?? column.items;
+  const { setNodeRef: setDroppableNodeRef } = (0, import_core2.useDroppable)({
+    id: column.id
+  });
+  const { isDragging, attributes, listeners, transform, transition, setNodeRef } = (0, import_sortable3.useSortable)({
+    id: column.id,
+    data: {
+      type: "column"
+    }
+  });
+  const tx = transform ? Object.assign(transform, {
+    scaleY: 1
+  }) : null;
+  const handleAddItem = onCreate ? () => {
+    const item = onCreate(column);
+    column.items.splice(column.items.length, 0, item);
+  } : void 0;
+  const handleDeleteItem = (id) => {
+    const index = column.items.filter(import_util2.nonNullable).findIndex((column2) => column2.id === id);
+    if (index >= 0) {
+      column.items.splice(index, 1);
+    }
+  };
+  return /* @__PURE__ */ import_react6.default.createElement("div", {
+    ref: setNodeRef,
+    style: {
+      transform: import_utilities2.CSS.Transform.toString(tx),
+      transition
+    },
+    className: (0, import_react_ui_theme3.mx)("flex flex-col snap-center overflow-y-hidden", isDragging && "relative z-10")
+  }, /* @__PURE__ */ import_react6.default.createElement("div", {
+    className: (0, import_react_ui_theme3.mx)("flex flex-col py-2 overflow-hidden shadow rounded w-[300px] min-h-[300px]", isDragging ? import_react_ui_theme3.modalSurface : import_react_ui_theme3.groupSurface)
+  }, /* @__PURE__ */ import_react6.default.createElement("div", {
+    className: "flex items-center mb-2 px-2"
+  }, /* @__PURE__ */ import_react6.default.createElement("button", {
+    ...attributes,
+    ...listeners
+  }, /* @__PURE__ */ import_react6.default.createElement(import_react5.DotsSixVertical, {
+    className: (0, import_react_ui_theme3.getSize)(5)
+  })), /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Input.Root, null, /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Input.Label, {
+    srOnly: true
+  }, t("column title label")), /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Input.TextInput, {
+    variant: "subdued",
+    classNames: "px-2",
+    placeholder: t("column title placeholder"),
+    defaultValue: column.name,
+    onChange: ({ target: { value } }) => column.name = value
+  })), onDelete && /* @__PURE__ */ import_react6.default.createElement(DeleteColumn, {
+    onClick: onDelete
+  })), /* @__PURE__ */ import_react6.default.createElement(import_sortable3.SortableContext, {
+    strategy: import_sortable3.verticalListSortingStrategy,
+    items: items.filter(import_util2.nonNullable).map(({ id }) => id)
+  }, /* @__PURE__ */ import_react6.default.createElement("div", {
+    ref: setDroppableNodeRef,
+    className: "flex flex-col grow overflow-y-scroll space-y-2 pr-4"
+  }, items.filter(import_util2.nonNullable).map((item) => /* @__PURE__ */ import_react6.default.createElement("div", {
+    key: item.id,
+    id: item.id,
+    className: "flex pl-2"
+  }, /* @__PURE__ */ import_react6.default.createElement(KanbanCardComponent, {
+    column,
+    item,
+    onDelete: () => handleDeleteItem(item.id)
+  }))))), handleAddItem && /* @__PURE__ */ import_react6.default.createElement("div", {
+    className: "flex justify-center mt-2"
+  }, /* @__PURE__ */ import_react6.default.createElement(AddItem, {
+    onClick: handleAddItem
+  })), debug && /* @__PURE__ */ import_react6.default.createElement("div", {
+    className: "px-2 text-xs text-red-800"
+  }, column.id.slice(0, 9))));
+};
+var KanbanBoard = ({ model }) => {
+  const kanban = model.root;
+  useSubscription(kanban.columns);
+  const [_, setIter] = (0, import_react2.useState)([]);
+  (0, import_react2.useEffect)(() => {
+    const handle = (0, import_echo2.createSubscription)(() => setIter([]));
+    handle.update([
+      kanban.columns
+    ]);
+    return () => handle.unsubscribe();
+  }, []);
+  const mouseSensor = (0, import_core.useSensor)(import_core.MouseSensor, {
+    activationConstraint: {
+      distance: 8
+    }
+  });
+  const [draggingColumn, setDraggingColumn] = (0, import_react2.useState)();
+  const [draggingItem, setDraggingItem] = (0, import_react2.useState)();
+  const itemMapper = (column, items) => {
+    const { source, target } = draggingItem ?? {};
+    if (source && target) {
+      if (source?.column.id !== target?.column.id && (column === source?.column.id || column === target?.column.id)) {
+        const modified = [
+          ...items
+        ];
+        if (column === source.column.id) {
+          modified.splice(source.idx, 1);
+        } else if (column === target.column.id) {
+          modified.splice(target.idx ?? modified.length, 0, source.item);
+        }
+        return modified;
+      }
+    }
+    return items;
+  };
+  const handleDragStart = ({ active }) => {
+    kanban.columns.filter(import_util.nonNullable).forEach((column) => {
+      if (column.id === active.id) {
+        setDraggingColumn(column);
+      } else {
+        const idx = column.items.filter(import_util.nonNullable).findIndex((item) => item.id === active.id);
+        if (idx !== -1) {
+          setDraggingItem({
+            source: {
+              column,
+              item: column.items[idx],
+              idx
+            }
+          });
+        }
+      }
+    });
+  };
+  const handleDragMove = (event) => {
+  };
+  const handleDragOver = ({ active, over }) => {
+    if (draggingItem) {
+      const { source } = draggingItem;
+      const target = findLocation(kanban.columns.filter(import_util.nonNullable), over?.id);
+      if (active.id !== over?.id) {
+        setDraggingItem({
+          source,
+          target
+        });
+      }
+    }
+  };
+  const handleDragEnd = (event) => {
+    if (draggingColumn) {
+      const { active, over } = event;
+      const oldIndex = kanban.columns.filter(import_util.nonNullable).findIndex((column) => column.id === active.id);
+      const newIndex = kanban.columns.filter(import_util.nonNullable).findIndex((column) => column.id === over?.id);
+      (0, import_util.arrayMove)(kanban.columns, oldIndex, newIndex);
+    } else if (draggingItem) {
+      const { source, target } = draggingItem;
+      if (source.column.id === target.column.id) {
+        if (target.idx !== void 0) {
+          (0, import_util.arrayMove)(source.column.items, source.idx, target.idx);
+        }
+      } else {
+        source.column.items.splice(source.idx, 1);
+        target.column.items.splice(target.idx ?? target.column.items.length, 0, source.item);
+      }
+    }
+    setDraggingColumn(void 0);
+    setDraggingItem(void 0);
+  };
+  const handleDragCancel = () => {
+    setDraggingColumn(void 0);
+    setDraggingItem(void 0);
+  };
+  const handleCreateColumn = () => {
+    const column = model.createColumn();
+    kanban.columns.splice(kanban.columns.length, 0, column);
+  };
+  const handleDeleteColumn = (id) => {
+    const index = kanban.columns.filter(import_util.nonNullable).findIndex((column) => column.id === id);
+    if (index >= 0) {
+      kanban.columns.splice(index, 1);
+    }
+  };
+  const customModifier = ({ transform }) => {
+    if (draggingColumn) {
+      return {
+        ...transform,
+        y: 0
+      };
+    } else {
+      return transform;
+    }
+  };
+  return /* @__PURE__ */ import_react2.default.createElement("div", {
+    className: "flex overflow-x-scroll"
+  }, /* @__PURE__ */ import_react2.default.createElement("div", {
+    className: "flex m-4 space-x-4 snap-x"
+  }, /* @__PURE__ */ import_react2.default.createElement(import_core.DndContext, {
+    sensors: [
+      mouseSensor
+    ],
+    modifiers: [
+      customModifier
+    ],
+    onDragStart: handleDragStart,
+    onDragMove: handleDragMove,
+    onDragOver: handleDragOver,
+    onDragEnd: handleDragEnd,
+    onDragCancel: handleDragCancel
+  }, /* @__PURE__ */ import_react2.default.createElement(import_sortable.SortableContext, {
+    strategy: import_sortable.horizontalListSortingStrategy,
+    items: kanban.columns.filter(import_util.nonNullable).map(({ id }) => id)
+  }, kanban.columns.filter(import_util.nonNullable).map((column) => /* @__PURE__ */ import_react2.default.createElement(KanbanColumnComponent, {
+    key: column.id,
+    column,
+    itemMapper,
+    onCreate: (column2) => model.createItem(column2),
+    onDelete: () => handleDeleteColumn(column.id)
+  }))), draggingItem && /* @__PURE__ */ import_react2.default.createElement(import_core.DragOverlay, {
+    style: {
+      margin: 0
+    }
+  }, /* @__PURE__ */ import_react2.default.createElement(KanbanCardComponent, {
+    item: draggingItem.source.item,
+    onDelete: () => {
+    }
+  })), handleCreateColumn && /* @__PURE__ */ import_react2.default.createElement(KanbanColumnComponentPlaceholder, {
+    onAdd: handleCreateColumn
+  }))));
+};
+var KanbanMain = ({ kanban }) => {
+  const space = (0, import_echo.getSpace)(kanban);
+  if (!space) {
+    return null;
+  }
+  const model = {
+    root: kanban,
+    createColumn: () => space.db.add((0, import_echo_schema.create)(import_chunk_RYK4NJNG.KanbanColumnType, {
+      items: []
+    })),
+    // TODO(burdon): Add metadata from column in the case of projections.
+    createItem: (column) => space.db.add((0, import_echo_schema.create)(import_chunk_RYK4NJNG.KanbanItemType, {
+      name: ""
+    }))
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react_ui.Main.Content, {
+    classNames: [
+      import_react_ui_theme.fixedInsetFlexLayout,
+      import_react_ui_theme.topbarBlockPaddingStart,
+      import_react_ui_theme.bottombarBlockPaddingEnd
+    ]
+  }, /* @__PURE__ */ import_react.default.createElement(KanbanBoard, {
+    model
+  }));
+};
+var KanbanMain_default = KanbanMain;
+//# sourceMappingURL=KanbanMain-RSRZLAM5.cjs.map

package/dist/lib/node/KanbanMain-RSRZLAM5.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/KanbanMain.tsx", "../../../src/components/KanbanBoard.tsx", "../../../src/components/KanbanCard.tsx", "../../../src/components/KanbanColumn.tsx", "../../../src/components/util.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC } from 'react';\n\nimport { create } from '@dxos/echo-schema';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { Main } from '@dxos/react-ui';\nimport { topbarBlockPaddingStart, fixedInsetFlexLayout, bottombarBlockPaddingEnd } from '@dxos/react-ui-theme';\n\nimport { KanbanBoard } from './KanbanBoard';\nimport { type KanbanType, KanbanColumnType, KanbanItemType, type KanbanModel } from '../types';\n\nconst KanbanMain: FC<{ kanban: KanbanType }> = ({ kanban }) => {\n  // const { t } = useTranslation(KANBAN_PLUGIN);\n  const space = getSpace(kanban);\n  if (!space) {\n    return null;\n  }\n\n  // TODO(burdon): Should plugin create and pass in model?\n  const model: KanbanModel = {\n    root: kanban, // TODO(burdon): How to keep pure?\n    createColumn: () => space.db.add(create(KanbanColumnType, { items: [] })),\n    // TODO(burdon): Add metadata from column in the case of projections.\n    createItem: (column) => space.db.add(create(KanbanItemType, { name: '' })),\n  };\n\n  return (\n    <Main.Content classNames={[fixedInsetFlexLayout, topbarBlockPaddingStart, bottombarBlockPaddingEnd]}>\n      <KanbanBoard model={model} />\n    </Main.Content>\n  );\n};\n\nexport default KanbanMain;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport {\n  DndContext,\n  type DragEndEvent,\n  type DragMoveEvent,\n  type DragOverEvent,\n  DragOverlay,\n  type DragStartEvent,\n  type Modifier,\n  MouseSensor,\n  useSensor,\n} from '@dnd-kit/core';\nimport { horizontalListSortingStrategy, SortableContext } from '@dnd-kit/sortable';\nimport React, { type FC, useEffect, useState } from 'react';\n\nimport { createSubscription } from '@dxos/react-client/echo';\nimport { arrayMove, nonNullable } from '@dxos/util';\n\nimport { KanbanCardComponent } from './KanbanCard';\nimport { type ItemsMapper, KanbanColumnComponent, KanbanColumnComponentPlaceholder } from './KanbanColumn';\nimport { findLocation, useSubscription } from './util';\nimport type { KanbanColumnType, KanbanItemType, Location, KanbanModel } from '../types';\n\n// TODO(burdon): Touch sensors.\n// TODO(burdon): Prevent browser nav back when swiping left/right.\n// TODO(burdon): Consistently use FC?\nexport const KanbanBoard: FC<{ model: KanbanModel }> = ({ model }) => {\n  const kanban = model.root;\n  // TODO(wittjosiah): Remove?\n  useSubscription(kanban.columns);\n\n  // TODO(burdon): Remove since now uses ECHO.\n  const [_, setIter] = useState([]);\n\n  useEffect(() => {\n    const handle = createSubscription(() => setIter([]));\n    handle.update([kanban.columns]);\n    return () => handle.unsubscribe();\n  }, []);\n\n  const mouseSensor = useSensor(MouseSensor, {\n    activationConstraint: {\n      distance: 8,\n    },\n  });\n\n  // Dragging column.\n  // TODO(burdon): Dragging column causes flickering when dragging left to first column.\n  const [draggingColumn, setDraggingColumn] = useState<KanbanColumnType | undefined>();\n\n  // Dragging item.\n  const [draggingItem, setDraggingItem] = useState<{ source: Location; target?: Location }>();\n  // While dragging, temporarily remap which items should be visible inside each column.\n  const itemMapper: ItemsMapper = (column: string, items: KanbanItemType[]) => {\n    const { source, target } = draggingItem ?? {};\n    if (source && target) {\n      if (source?.column.id !== target?.column.id && (column === source?.column.id || column === target?.column.id)) {\n        const modified = [...items];\n        if (column === source.column.id) {\n          // Temporarily remove from old column.\n          modified.splice(source.idx!, 1);\n        } else if (column === target.column.id) {\n          // Temporarily insert into new column.\n          // TODO(burdon): Use ref to track item being temporarily moved.\n          modified.splice(target.idx ?? modified.length, 0, source.item!);\n        }\n\n        return modified;\n      }\n    }\n\n    return items;\n  };\n\n  const handleDragStart = ({ active }: DragStartEvent) => {\n    kanban.columns.filter(nonNullable).forEach((column) => {\n      if (column.id === active.id) {\n        setDraggingColumn(column);\n      } else {\n        const idx = column.items.filter(nonNullable).findIndex((item) => item.id === active.id);\n        if (idx !== -1) {\n          setDraggingItem({ source: { column, item: column.items![idx], idx } });\n        }\n      }\n    });\n  };\n\n  const handleDragMove = (event: DragMoveEvent) => {};\n\n  const handleDragOver = ({ active, over }: DragOverEvent) => {\n    if (draggingItem) {\n      const { source } = draggingItem;\n      const target = findLocation(kanban.columns.filter(nonNullable), over?.id as string);\n      if (active.id !== over?.id) {\n        setDraggingItem({ source, target });\n      }\n    }\n  };\n\n  // TODO(burdon): Call model to update.\n  const handleDragEnd = (event: DragEndEvent) => {\n    if (draggingColumn) {\n      const { active, over } = event;\n      const oldIndex = kanban.columns.filter(nonNullable).findIndex((column) => column.id === active.id);\n      const newIndex = kanban.columns.filter(nonNullable).findIndex((column) => column.id === over?.id);\n      arrayMove(kanban.columns, oldIndex, newIndex);\n    } else if (draggingItem) {\n      const { source, target } = draggingItem;\n      if (source.column.id === target!.column.id) {\n        if (target!.idx !== undefined) {\n          arrayMove(source.column.items!, source.idx!, target!.idx);\n        }\n      } else {\n        source.column.items!.splice(source.idx!, 1);\n        // TODO(burdon): Incorrect position when moving to new column.\n        target!.column.items!.splice(target!.idx ?? target!.column.items!.length, 0, source.item!);\n      }\n    }\n\n    setDraggingColumn(undefined);\n    setDraggingItem(undefined);\n  };\n\n  const handleDragCancel = () => {\n    setDraggingColumn(undefined);\n    setDraggingItem(undefined);\n  };\n\n  const handleCreateColumn = () => {\n    const column = model.createColumn();\n    kanban.columns.splice(kanban.columns.length, 0, column);\n  };\n\n  // TODO(burdon): Move to model.\n  const handleDeleteColumn = (id: string) => {\n    const index = kanban.columns.filter(nonNullable).findIndex((column) => column.id === id);\n    if (index >= 0) {\n      kanban.columns.splice(index, 1);\n    }\n  };\n\n  const customModifier: Modifier = ({ transform }) => {\n    if (draggingColumn) {\n      return {\n        ...transform,\n        y: 0,\n      };\n    } else {\n      return transform;\n    }\n  };\n\n  return (\n    <div className='flex overflow-x-scroll'>\n      <div className='flex m-4 space-x-4 snap-x'>\n        <DndContext\n          sensors={[mouseSensor]}\n          modifiers={[customModifier]}\n          onDragStart={handleDragStart}\n          onDragMove={handleDragMove}\n          onDragOver={handleDragOver}\n          onDragEnd={handleDragEnd}\n          onDragCancel={handleDragCancel}\n        >\n          <SortableContext\n            strategy={horizontalListSortingStrategy}\n            items={kanban.columns.filter(nonNullable).map(({ id }) => id!)}\n          >\n            {kanban.columns.filter(nonNullable).map((column) => (\n              <KanbanColumnComponent\n                key={column.id}\n                column={column}\n                itemMapper={itemMapper}\n                onCreate={(column: KanbanColumnType) => model.createItem(column)}\n                onDelete={() => handleDeleteColumn(column.id!)}\n              />\n            ))}\n          </SortableContext>\n\n          {/* Overlay required to drag across columns. */}\n          {draggingItem && (\n            <DragOverlay style={{ margin: 0 }}>\n              <KanbanCardComponent item={draggingItem.source.item!} onDelete={() => {}} />\n            </DragOverlay>\n          )}\n\n          {handleCreateColumn && <KanbanColumnComponentPlaceholder onAdd={handleCreateColumn} />}\n        </DndContext>\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { DotsSixVertical, X } from '@phosphor-icons/react';\nimport React, { type FC } from 'react';\n\nimport { createDocAccessor } from '@dxos/react-client/echo';\nimport { Button, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport {\n  createBasicExtensions,\n  createDataExtensions,\n  createThemeExtensions,\n  useTextEditor,\n} from '@dxos/react-ui-editor';\nimport { getSize, mx, attentionSurface, focusRing } from '@dxos/react-ui-theme';\n\nimport { KANBAN_PLUGIN } from '../meta';\nimport { type KanbanColumnType, type KanbanItemType } from '../types';\n\nconst DeleteItem = ({ onClick }: { onClick: () => void }) => {\n  const { t } = useTranslation(KANBAN_PLUGIN);\n  return (\n    <Button variant='ghost' onClick={onClick} classNames='plb-0 pli-0.5 -mlb-1'>\n      <span className='sr-only'>{t('delete item label')}</span>\n      <X className={getSize(4)} />\n    </Button>\n  );\n};\n\nexport const KanbanCardComponent: FC<{\n  column?: KanbanColumnType;\n  item: KanbanItemType;\n  debug?: boolean;\n  onDelete?: () => void;\n}> = ({ column, item, debug = false, onDelete }) => {\n  const { themeMode } = useThemeContext();\n  const { t } = useTranslation(KANBAN_PLUGIN);\n  const { isDragging, attributes, listeners, transform, transition, setNodeRef } = useSortable({\n    id: item.id,\n    data: { type: 'item', column },\n  });\n  const tx = transform ? Object.assign(transform, { scaleY: 1 }) : null;\n\n  const { parentRef, focusAttributes } = useTextEditor(\n    () => ({\n      initialValue: item.name,\n      extensions: [\n        createDataExtensions({ id: item.id, text: createDocAccessor(item, ['name']) }),\n        createBasicExtensions({ placeholder: t('item title placeholder') }),\n        createThemeExtensions({ themeMode }),\n      ],\n    }),\n    [item, themeMode],\n  );\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={{ transform: CSS.Transform.toString(tx), transition }}\n      className={mx('flex grow', isDragging && 'border border-neutral-400 dark:border-neutral-800')}\n    >\n      <div className={mx('flex items-start grow p-1', attentionSurface, isDragging && 'opacity-10')}>\n        {/* TODO(burdon): Standardize height (and below); e.g., via toolbar. */}\n        <button className='flex h-[40px] items-center' {...attributes} {...listeners}>\n          <DotsSixVertical className={getSize(5)} />\n        </button>\n        <div className='flex flex-col grow pt-1'>\n          <div {...focusAttributes} className={mx(focusRing, 'rounded-sm p-1')} ref={parentRef} />\n          {debug && <div className='text-xs text-red-800'>{item.id.slice(0, 9)}</div>}\n        </div>\n        {onDelete && (\n          <div className='flex h-[40px] items-center'>\n            <DeleteItem onClick={onDelete} />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useDroppable } from '@dnd-kit/core';\nimport { SortableContext, useSortable, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { DotsSixVertical, X, Plus } from '@phosphor-icons/react';\nimport React, { type FC } from 'react';\n\nimport { Button, Input, useTranslation } from '@dxos/react-ui';\nimport { modalSurface, getSize, groupSurface, mx } from '@dxos/react-ui-theme';\nimport { nonNullable } from '@dxos/util';\n\nimport { KanbanCardComponent } from './KanbanCard';\nimport { useSubscription } from './util';\nimport { KANBAN_PLUGIN } from '../meta';\nimport { type KanbanColumnType, type KanbanItemType } from '../types';\n\nexport type ItemsMapper = (column: string, items: KanbanItemType[]) => KanbanItemType[];\n\nconst DeleteColumn = ({ onClick }: { onClick: () => void }) => {\n  const { t } = useTranslation(KANBAN_PLUGIN);\n  return (\n    <Button variant='ghost' onClick={onClick} classNames='plb-0 pli-0.5 -mlb-1'>\n      <span className='sr-only'>{t('delete column label')}</span>\n      <X className={getSize(4)} />\n    </Button>\n  );\n};\n\nconst AddItem = ({ onClick }: { onClick: () => void }) => {\n  const { t } = useTranslation(KANBAN_PLUGIN);\n  return (\n    <Button variant='ghost' onClick={onClick} classNames='plb-0 pli-0.5 -mlb-1'>\n      <span className='sr-only'>{t('add item label')}</span>\n      <Plus className={getSize(4)} />\n    </Button>\n  );\n};\n\n// TODO(burdon): Factor out container.\nexport const KanbanColumnComponentPlaceholder: FC<{ onAdd: () => void }> = ({ onAdd }) => {\n  const { t } = useTranslation(KANBAN_PLUGIN);\n  return (\n    <div className={mx('flex flex-col justify-center shadow rounded w-[300px] h-[300px]', groupSurface)}>\n      <Button variant='ghost' onClick={onAdd} classNames='plb-0 pli-0.5 -mlb-1'>\n        <span className='sr-only'>{t('add column label')}</span>\n        <Plus className={getSize(6)} />\n      </Button>\n    </div>\n  );\n};\n\nexport const KanbanColumnComponent: FC<{\n  column: KanbanColumnType;\n  itemMapper?: ItemsMapper;\n  debug?: boolean; // TODO(burdon): Context.\n  onCreate?: (column: KanbanColumnType) => KanbanItemType;\n  onDelete?: () => void;\n}> = ({ column, itemMapper, debug = false, onCreate, onDelete }) => {\n  const { t } = useTranslation(KANBAN_PLUGIN);\n\n  // TODO(wittjosiah): Remove?\n  useSubscription([column.items]);\n  const items = itemMapper?.(column.id!, column.items.filter(nonNullable)) ?? column.items!;\n\n  const { setNodeRef: setDroppableNodeRef } = useDroppable({ id: column.id! });\n  const { isDragging, attributes, listeners, transform, transition, setNodeRef } = useSortable({\n    id: column.id!,\n    data: { type: 'column' },\n  });\n  const tx = transform ? Object.assign(transform, { scaleY: 1 }) : null;\n\n  const handleAddItem = onCreate\n    ? () => {\n        const item = onCreate(column);\n        column.items!.splice(column.items!.length, 0, item);\n      }\n    : undefined;\n\n  const handleDeleteItem = (id: string) => {\n    const index = column.items.filter(nonNullable).findIndex((column) => column.id === id);\n    if (index >= 0) {\n      column.items!.splice(index, 1);\n    }\n  };\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={{ transform: CSS.Transform.toString(tx), transition }}\n      className={mx('flex flex-col snap-center overflow-y-hidden', isDragging && 'relative z-10')}\n    >\n      {/* TODO(burdon): Width approx mobile phone width. */}\n      <div\n        className={mx(\n          'flex flex-col py-2 overflow-hidden shadow rounded w-[300px] min-h-[300px]',\n          isDragging ? modalSurface : groupSurface,\n        )}\n      >\n        <div className='flex items-center mb-2 px-2'>\n          <button {...attributes} {...listeners}>\n            <DotsSixVertical className={getSize(5)} />\n          </button>\n\n          <Input.Root>\n            <Input.Label srOnly>{t('column title label')}</Input.Label>\n            <Input.TextInput\n              variant='subdued'\n              classNames='px-2'\n              placeholder={t('column title placeholder')}\n              defaultValue={column.name}\n              onChange={({ target: { value } }) => (column.name = value)}\n            />\n          </Input.Root>\n\n          {/* TODO(burdon): Menu. */}\n          {onDelete && <DeleteColumn onClick={onDelete} />}\n        </div>\n\n        {/* TODO(burdon): Scrolling (radix; see kai/mosaic). */}\n        <SortableContext strategy={verticalListSortingStrategy} items={items.filter(nonNullable).map(({ id }) => id)}>\n          <div ref={setDroppableNodeRef} className='flex flex-col grow overflow-y-scroll space-y-2 pr-4'>\n            {items.filter(nonNullable).map((item) => (\n              <div key={item.id} id={item.id} className='flex pl-2'>\n                <KanbanCardComponent column={column} item={item} onDelete={() => handleDeleteItem(item.id)} />\n              </div>\n            ))}\n          </div>\n        </SortableContext>\n\n        {handleAddItem && (\n          <div className='flex justify-center mt-2'>\n            <AddItem onClick={handleAddItem} />\n          </div>\n        )}\n\n        {debug && <div className='px-2 text-xs text-red-800'>{column.id!.slice(0, 9)}</div>}\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useEffect, useState } from 'react';\n\nimport { createSubscription } from '@dxos/react-client/echo';\nimport { nonNullable } from '@dxos/util';\n\nimport { type KanbanColumnType, type Location } from '../types';\n\n// TODO(burdon): Factor out.\nexport const useSubscription = (data: any) => {\n  const [_, setIter] = useState([]);\n  useEffect(() => {\n    const handle = createSubscription(() => setIter([]));\n    handle.update(data);\n    return () => handle.unsubscribe();\n  }, []);\n};\n\n/**\n * Find the column or item within the model.\n */\n// TODO(burdon): Move to model.\nexport const findLocation = (columns: KanbanColumnType[], id: string): Location | undefined => {\n  for (const column of columns) {\n    // TODO(burdon): Need transient ID for UX.\n    if (column.id === id) {\n      return { column };\n    } else {\n      const idx = column.items.filter(nonNullable).findIndex((item) => item.id === id);\n      if (idx !== -1) {\n        return { column, item: column.items![idx], idx };\n      }\n    }\n  }\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,mBAA+B;AAE/B,yBAAuB;AACvB,kBAAyB;AACzB,sBAAqB;AACrB,4BAAwF;ACLxF,kBAUO;AACP,sBAA+D;AAC/D,IAAAA,gBAAoD;AAEpD,IAAAC,eAAmC;AACnC,kBAAuC;ACfvC,IAAAC,mBAA4B;AAC5B,uBAAoB;AACpB,IAAAF,gBAAmC;AACnC,IAAAA,gBAA+B;AAE/B,IAAAC,eAAkC;AAClC,IAAAE,mBAAwD;AACxD,6BAKO;AACP,IAAAC,yBAAyD;ACbzD,IAAAC,eAA6B;AAC7B,IAAAH,mBAA0E;AAC1E,IAAAI,oBAAoB;AACpB,IAAAN,gBAAyC;AACzC,IAAAA,gBAA+B;AAE/B,IAAAG,mBAA8C;AAC9C,IAAAC,yBAAwD;AACxD,IAAAG,eAA4B;ACR5B,IAAAP,gBAAoC;AAEpC,IAAAC,eAAmC;AACnC,IAAAM,eAA4B;AFe5B,IAAMC,aAAa,CAAC,EAAEC,QAAO,MAA2B;AACtD,QAAM,EAAEC,EAAC,QAAKC,iCAAeC,mCAAAA;AAC7B,SACE,8BAAAC,QAAA,cAACC,yBAAAA;IAAOC,SAAQ;IAAQN;IAAkBO,YAAW;KACnD,8BAAAH,QAAA,cAACI,QAAAA;IAAKC,WAAU;KAAWR,EAAE,mBAAA,CAAA,GAC7B,8BAAAG,QAAA,cAACM,iBAAAA;IAAED,eAAWE,gCAAQ,CAAA;;AAG5B;AAEO,IAAMC,sBAKR,CAAC,EAAEC,QAAQC,MAAMC,QAAQ,OAAOC,SAAQ,MAAE;AAC7C,QAAM,EAAEC,UAAS,QAAKC,kCAAAA;AACtB,QAAM,EAAEjB,EAAC,QAAKC,iCAAeC,mCAAAA;AAC7B,QAAM,EAAEgB,YAAYC,YAAYC,WAAWC,WAAWC,YAAYC,WAAU,QAAKC,8BAAY;IAC3FC,IAAIZ,KAAKY;IACTC,MAAM;MAAEC,MAAM;MAAQf;IAAO;EAC/B,CAAA;AACA,QAAMgB,KAAKP,YAAYQ,OAAOC,OAAOT,WAAW;IAAEU,QAAQ;EAAE,CAAA,IAAK;AAEjE,QAAM,EAAEC,WAAWC,gBAAe,QAAKC,sCACrC,OAAO;IACLC,cAActB,KAAKuB;IACnBC,YAAY;UACVC,6CAAqB;QAAEb,IAAIZ,KAAKY;QAAIc,UAAMC,gCAAkB3B,MAAM;UAAC;SAAO;MAAE,CAAA;UAC5E4B,8CAAsB;QAAEC,aAAa1C,EAAE,wBAAA;MAA0B,CAAA;UACjE2C,8CAAsB;QAAE3B;MAAU,CAAA;;EAEtC,IACA;IAACH;IAAMG;GAAU;AAGnB,SACE,8BAAAb,QAAA,cAACyC,OAAAA;IACCC,KAAKtB;IACLuB,OAAO;MAAEzB,WAAW0B,qBAAIC,UAAUC,SAASrB,EAAAA;MAAKN;IAAW;IAC3Dd,eAAW0C,2BAAG,aAAahC,cAAc,mDAAA;KAEzC,8BAAAf,QAAA,cAACyC,OAAAA;IAAIpC,eAAW0C,2BAAG,6BAA6BC,yCAAkBjC,cAAc,YAAA;KAE9E,8BAAAf,QAAA,cAACiD,UAAAA;IAAO5C,WAAU;IAA8B,GAAGW;IAAa,GAAGC;KACjE,8BAAAjB,QAAA,cAACkD,+BAAAA;IAAgB7C,eAAWE,gCAAQ,CAAA;OAEtC,8BAAAP,QAAA,cAACyC,OAAAA;IAAIpC,WAAU;KACb,8BAAAL,QAAA,cAACyC,OAAAA;IAAK,GAAGX;IAAiBzB,eAAW0C,2BAAGI,kCAAW,gBAAA;IAAmBT,KAAKb;MAC1ElB,SAAS,8BAAAX,QAAA,cAACyC,OAAAA;IAAIpC,WAAU;KAAwBK,KAAKY,GAAG8B,MAAM,GAAG,CAAA,CAAA,CAAA,GAEnExC,YACC,8BAAAZ,QAAA,cAACyC,OAAAA;IAAIpC,WAAU;KACb,8BAAAL,QAAA,cAACL,YAAAA;IAAWC,SAASgB;;AAMjC;AErEO,IAAMyC,kBAAkB,CAAC9B,SAAAA;AAC9B,QAAM,CAAC+B,GAAGC,OAAAA,QAAWC,wBAAS,CAAA,CAAE;AAChCC,+BAAU,MAAA;AACR,UAAMC,aAASC,iCAAmB,MAAMJ,QAAQ,CAAA,CAAE,CAAA;AAClDG,WAAOE,OAAOrC,IAAAA;AACd,WAAO,MAAMmC,OAAOG,YAAW;EACjC,GAAG,CAAA,CAAE;AACP;AAMO,IAAMC,eAAe,CAACC,SAA6BzC,OAAAA;AACxD,aAAWb,UAAUsD,SAAS;AAE5B,QAAItD,OAAOa,OAAOA,IAAI;AACpB,aAAO;QAAEb;MAAO;IAClB,OAAO;AACL,YAAMuD,MAAMvD,OAAOwD,MAAMC,OAAOC,wBAAAA,EAAaC,UAAU,CAAC1D,SAASA,KAAKY,OAAOA,EAAAA;AAC7E,UAAI0C,QAAQ,IAAI;AACd,eAAO;UAAEvD;UAAQC,MAAMD,OAAOwD,MAAOD,GAAAA;UAAMA;QAAI;MACjD;IACF;EACF;AACF;ADhBA,IAAMK,eAAe,CAAC,EAAEzE,QAAO,MAA2B;AACxD,QAAM,EAAEC,EAAC,QAAKC,iBAAAA,gBAAeC,mCAAAA;AAC7B,SACEC,8BAAAA,QAAA,cAACC,iBAAAA,QAAAA;IAAOC,SAAQ;IAAQN;IAAkBO,YAAW;KACnDH,8BAAAA,QAAA,cAACI,QAAAA;IAAKC,WAAU;KAAWR,EAAE,qBAAA,CAAA,GAC7BG,8BAAAA,QAAA,cAACM,cAAAA,GAAAA;IAAED,eAAWE,uBAAAA,SAAQ,CAAA;;AAG5B;AAEA,IAAM+D,UAAU,CAAC,EAAE1E,QAAO,MAA2B;AACnD,QAAM,EAAEC,EAAC,QAAKC,iBAAAA,gBAAeC,mCAAAA;AAC7B,SACEC,8BAAAA,QAAA,cAACC,iBAAAA,QAAAA;IAAOC,SAAQ;IAAQN;IAAkBO,YAAW;KACnDH,8BAAAA,QAAA,cAACI,QAAAA;IAAKC,WAAU;KAAWR,EAAE,gBAAA,CAAA,GAC7BG,8BAAAA,QAAA,cAACuE,oBAAAA;IAAKlE,eAAWE,uBAAAA,SAAQ,CAAA;;AAG/B;AAGO,IAAMiE,mCAA8D,CAAC,EAAEC,MAAK,MAAE;AACnF,QAAM,EAAE5E,EAAC,QAAKC,iBAAAA,gBAAeC,mCAAAA;AAC7B,SACEC,8BAAAA,QAAA,cAACyC,OAAAA;IAAIpC,eAAW0C,uBAAAA,IAAG,mEAAmE2B,mCAAAA;KACpF1E,8BAAAA,QAAA,cAACC,iBAAAA,QAAAA;IAAOC,SAAQ;IAAQN,SAAS6E;IAAOtE,YAAW;KACjDH,8BAAAA,QAAA,cAACI,QAAAA;IAAKC,WAAU;KAAWR,EAAE,kBAAA,CAAA,GAC7BG,8BAAAA,QAAA,cAACuE,oBAAAA;IAAKlE,eAAWE,uBAAAA,SAAQ,CAAA;;AAIjC;AAEO,IAAMoE,wBAMR,CAAC,EAAElE,QAAQmE,YAAYjE,QAAQ,OAAOkE,UAAUjE,SAAQ,MAAE;AAC7D,QAAM,EAAEf,EAAC,QAAKC,iBAAAA,gBAAeC,mCAAAA;AAG7BsD,kBAAgB;IAAC5C,OAAOwD;GAAM;AAC9B,QAAMA,QAAQW,aAAanE,OAAOa,IAAKb,OAAOwD,MAAMC,OAAOC,aAAAA,WAAAA,CAAAA,KAAiB1D,OAAOwD;AAEnF,QAAM,EAAE7C,YAAY0D,oBAAmB,QAAKC,2BAAa;IAAEzD,IAAIb,OAAOa;EAAI,CAAA;AAC1E,QAAM,EAAEP,YAAYC,YAAYC,WAAWC,WAAWC,YAAYC,WAAU,QAAKC,iBAAAA,aAAY;IAC3FC,IAAIb,OAAOa;IACXC,MAAM;MAAEC,MAAM;IAAS;EACzB,CAAA;AACA,QAAMC,KAAKP,YAAYQ,OAAOC,OAAOT,WAAW;IAAEU,QAAQ;EAAE,CAAA,IAAK;AAEjE,QAAMoD,gBAAgBH,WAClB,MAAA;AACE,UAAMnE,OAAOmE,SAASpE,MAAAA;AACtBA,WAAOwD,MAAOgB,OAAOxE,OAAOwD,MAAOiB,QAAQ,GAAGxE,IAAAA;EAChD,IACAyE;AAEJ,QAAMC,mBAAmB,CAAC9D,OAAAA;AACxB,UAAM+D,QAAQ5E,OAAOwD,MAAMC,OAAOC,aAAAA,WAAAA,EAAaC,UAAU,CAAC3D,YAAWA,QAAOa,OAAOA,EAAAA;AACnF,QAAI+D,SAAS,GAAG;AACd5E,aAAOwD,MAAOgB,OAAOI,OAAO,CAAA;IAC9B;EACF;AAEA,SACErF,8BAAAA,QAAA,cAACyC,OAAAA;IACCC,KAAKtB;IACLuB,OAAO;MAAEzB,WAAW0B,kBAAAA,IAAIC,UAAUC,SAASrB,EAAAA;MAAKN;IAAW;IAC3Dd,eAAW0C,uBAAAA,IAAG,+CAA+ChC,cAAc,eAAA;KAG3Ef,8BAAAA,QAAA,cAACyC,OAAAA;IACCpC,eAAW0C,uBAAAA,IACT,6EACAhC,aAAauE,sCAAeZ,mCAAAA;KAG9B1E,8BAAAA,QAAA,cAACyC,OAAAA;IAAIpC,WAAU;KACbL,8BAAAA,QAAA,cAACiD,UAAAA;IAAQ,GAAGjC;IAAa,GAAGC;KAC1BjB,8BAAAA,QAAA,cAACkD,cAAAA,iBAAAA;IAAgB7C,eAAWE,uBAAAA,SAAQ,CAAA;OAGtCP,8BAAAA,QAAA,cAACuF,uBAAMC,MAAI,MACTxF,8BAAAA,QAAA,cAACuF,uBAAME,OAAK;IAACC,QAAAA;KAAQ7F,EAAE,oBAAA,CAAA,GACvBG,8BAAAA,QAAA,cAACuF,uBAAMI,WAAS;IACdzF,SAAQ;IACRC,YAAW;IACXoC,aAAa1C,EAAE,0BAAA;IACf+F,cAAcnF,OAAOwB;IACrB4D,UAAU,CAAC,EAAEC,QAAQ,EAAEC,MAAK,EAAE,MAAQtF,OAAOwB,OAAO8D;OAKvDnF,YAAYZ,8BAAAA,QAAA,cAACqE,cAAAA;IAAazE,SAASgB;OAItCZ,8BAAAA,QAAA,cAACgG,kCAAAA;IAAgBC,UAAUC;IAA6BjC,OAAOA,MAAMC,OAAOC,aAAAA,WAAAA,EAAagC,IAAI,CAAC,EAAE7E,GAAE,MAAOA,EAAAA;KACvGtB,8BAAAA,QAAA,cAACyC,OAAAA;IAAIC,KAAKoC;IAAqBzE,WAAU;KACtC4D,MAAMC,OAAOC,aAAAA,WAAAA,EAAagC,IAAI,CAACzF,SAC9BV,8BAAAA,QAAA,cAACyC,OAAAA;IAAI2D,KAAK1F,KAAKY;IAAIA,IAAIZ,KAAKY;IAAIjB,WAAU;KACxCL,8BAAAA,QAAA,cAACQ,qBAAAA;IAAoBC;IAAgBC;IAAYE,UAAU,MAAMwE,iBAAiB1E,KAAKY,EAAE;UAMhG0D,iBACChF,8BAAAA,QAAA,cAACyC,OAAAA;IAAIpC,WAAU;KACbL,8BAAAA,QAAA,cAACsE,SAAAA;IAAQ1E,SAASoF;OAIrBrE,SAASX,8BAAAA,QAAA,cAACyC,OAAAA;IAAIpC,WAAU;KAA6BI,OAAOa,GAAI8B,MAAM,GAAG,CAAA,CAAA,CAAA,CAAA;AAIlF;AFjHO,IAAMiD,cAA0C,CAAC,EAAEC,MAAK,MAAE;AAC/D,QAAMC,SAASD,MAAME;AAErBnD,kBAAgBkD,OAAOxC,OAAO;AAG9B,QAAM,CAACT,GAAGC,OAAAA,QAAWC,cAAAA,UAAS,CAAA,CAAE;AAEhCC,oBAAAA,WAAU,MAAA;AACR,UAAMC,aAASC,aAAAA,oBAAmB,MAAMJ,QAAQ,CAAA,CAAE,CAAA;AAClDG,WAAOE,OAAO;MAAC2C,OAAOxC;KAAQ;AAC9B,WAAO,MAAML,OAAOG,YAAW;EACjC,GAAG,CAAA,CAAE;AAEL,QAAM4C,kBAAcC,uBAAUC,yBAAa;IACzCC,sBAAsB;MACpBC,UAAU;IACZ;EACF,CAAA;AAIA,QAAM,CAACC,gBAAgBC,iBAAAA,QAAqBvD,cAAAA,UAAAA;AAG5C,QAAM,CAACwD,cAAcC,eAAAA,QAAmBzD,cAAAA,UAAAA;AAExC,QAAMoB,aAA0B,CAACnE,QAAgBwD,UAAAA;AAC/C,UAAM,EAAEiD,QAAQpB,OAAM,IAAKkB,gBAAgB,CAAC;AAC5C,QAAIE,UAAUpB,QAAQ;AACpB,UAAIoB,QAAQzG,OAAOa,OAAOwE,QAAQrF,OAAOa,OAAOb,WAAWyG,QAAQzG,OAAOa,MAAMb,WAAWqF,QAAQrF,OAAOa,KAAK;AAC7G,cAAM6F,WAAW;aAAIlD;;AACrB,YAAIxD,WAAWyG,OAAOzG,OAAOa,IAAI;AAE/B6F,mBAASlC,OAAOiC,OAAOlD,KAAM,CAAA;QAC/B,WAAWvD,WAAWqF,OAAOrF,OAAOa,IAAI;AAGtC6F,mBAASlC,OAAOa,OAAO9B,OAAOmD,SAASjC,QAAQ,GAAGgC,OAAOxG,IAAI;QAC/D;AAEA,eAAOyG;MACT;IACF;AAEA,WAAOlD;EACT;AAEA,QAAMmD,kBAAkB,CAAC,EAAEC,OAAM,MAAkB;AACjDd,WAAOxC,QAAQG,OAAOC,YAAAA,WAAAA,EAAamD,QAAQ,CAAC7G,WAAAA;AAC1C,UAAIA,OAAOa,OAAO+F,OAAO/F,IAAI;AAC3ByF,0BAAkBtG,MAAAA;MACpB,OAAO;AACL,cAAMuD,MAAMvD,OAAOwD,MAAMC,OAAOC,YAAAA,WAAAA,EAAaC,UAAU,CAAC1D,SAASA,KAAKY,OAAO+F,OAAO/F,EAAE;AACtF,YAAI0C,QAAQ,IAAI;AACdiD,0BAAgB;YAAEC,QAAQ;cAAEzG;cAAQC,MAAMD,OAAOwD,MAAOD,GAAAA;cAAMA;YAAI;UAAE,CAAA;QACtE;MACF;IACF,CAAA;EACF;AAEA,QAAMuD,iBAAiB,CAACC,UAAAA;EAA0B;AAElD,QAAMC,iBAAiB,CAAC,EAAEJ,QAAQK,KAAI,MAAiB;AACrD,QAAIV,cAAc;AAChB,YAAM,EAAEE,OAAM,IAAKF;AACnB,YAAMlB,SAAShC,aAAayC,OAAOxC,QAAQG,OAAOC,YAAAA,WAAAA,GAAcuD,MAAMpG,EAAAA;AACtE,UAAI+F,OAAO/F,OAAOoG,MAAMpG,IAAI;AAC1B2F,wBAAgB;UAAEC;UAAQpB;QAAO,CAAA;MACnC;IACF;EACF;AAGA,QAAM6B,gBAAgB,CAACH,UAAAA;AACrB,QAAIV,gBAAgB;AAClB,YAAM,EAAEO,QAAQK,KAAI,IAAKF;AACzB,YAAMI,WAAWrB,OAAOxC,QAAQG,OAAOC,YAAAA,WAAAA,EAAaC,UAAU,CAAC3D,WAAWA,OAAOa,OAAO+F,OAAO/F,EAAE;AACjG,YAAMuG,WAAWtB,OAAOxC,QAAQG,OAAOC,YAAAA,WAAAA,EAAaC,UAAU,CAAC3D,WAAWA,OAAOa,OAAOoG,MAAMpG,EAAAA;AAC9FwG,iCAAUvB,OAAOxC,SAAS6D,UAAUC,QAAAA;IACtC,WAAWb,cAAc;AACvB,YAAM,EAAEE,QAAQpB,OAAM,IAAKkB;AAC3B,UAAIE,OAAOzG,OAAOa,OAAOwE,OAAQrF,OAAOa,IAAI;AAC1C,YAAIwE,OAAQ9B,QAAQmB,QAAW;AAC7B2C,qCAAUZ,OAAOzG,OAAOwD,OAAQiD,OAAOlD,KAAM8B,OAAQ9B,GAAG;QAC1D;MACF,OAAO;AACLkD,eAAOzG,OAAOwD,MAAOgB,OAAOiC,OAAOlD,KAAM,CAAA;AAEzC8B,eAAQrF,OAAOwD,MAAOgB,OAAOa,OAAQ9B,OAAO8B,OAAQrF,OAAOwD,MAAOiB,QAAQ,GAAGgC,OAAOxG,IAAI;MAC1F;IACF;AAEAqG,sBAAkB5B,MAAAA;AAClB8B,oBAAgB9B,MAAAA;EAClB;AAEA,QAAM4C,mBAAmB,MAAA;AACvBhB,sBAAkB5B,MAAAA;AAClB8B,oBAAgB9B,MAAAA;EAClB;AAEA,QAAM6C,qBAAqB,MAAA;AACzB,UAAMvH,SAAS6F,MAAM2B,aAAY;AACjC1B,WAAOxC,QAAQkB,OAAOsB,OAAOxC,QAAQmB,QAAQ,GAAGzE,MAAAA;EAClD;AAGA,QAAMyH,qBAAqB,CAAC5G,OAAAA;AAC1B,UAAM+D,QAAQkB,OAAOxC,QAAQG,OAAOC,YAAAA,WAAAA,EAAaC,UAAU,CAAC3D,WAAWA,OAAOa,OAAOA,EAAAA;AACrF,QAAI+D,SAAS,GAAG;AACdkB,aAAOxC,QAAQkB,OAAOI,OAAO,CAAA;IAC/B;EACF;AAEA,QAAM8C,iBAA2B,CAAC,EAAEjH,UAAS,MAAE;AAC7C,QAAI4F,gBAAgB;AAClB,aAAO;QACL,GAAG5F;QACHkH,GAAG;MACL;IACF,OAAO;AACL,aAAOlH;IACT;EACF;AAEA,SACElB,8BAAAA,QAAA,cAACyC,OAAAA;IAAIpC,WAAU;KACbL,8BAAAA,QAAA,cAACyC,OAAAA;IAAIpC,WAAU;KACbL,8BAAAA,QAAA,cAACqI,wBAAAA;IACCC,SAAS;MAAC7B;;IACV8B,WAAW;MAACJ;;IACZK,aAAapB;IACbqB,YAAYlB;IACZmB,YAAYjB;IACZkB,WAAWhB;IACXiB,cAAcb;KAEd/H,8BAAAA,QAAA,cAACgG,gBAAAA,iBAAAA;IACCC,UAAU4C;IACV5E,OAAOsC,OAAOxC,QAAQG,OAAOC,YAAAA,WAAAA,EAAagC,IAAI,CAAC,EAAE7E,GAAE,MAAOA,EAAAA;KAEzDiF,OAAOxC,QAAQG,OAAOC,YAAAA,WAAAA,EAAagC,IAAI,CAAC1F,WACvCT,8BAAAA,QAAA,cAAC2E,uBAAAA;IACCyB,KAAK3F,OAAOa;IACZb;IACAmE;IACAC,UAAU,CAACpE,YAA6B6F,MAAMwC,WAAWrI,OAAAA;IACzDG,UAAU,MAAMsH,mBAAmBzH,OAAOa,EAAE;QAMjD0F,gBACChH,8BAAAA,QAAA,cAAC+I,yBAAAA;IAAYpG,OAAO;MAAEqG,QAAQ;IAAE;KAC9BhJ,8BAAAA,QAAA,cAACQ,qBAAAA;IAAoBE,MAAMsG,aAAaE,OAAOxG;IAAOE,UAAU,MAAA;IAAO;OAI1EoH,sBAAsBhI,8BAAAA,QAAA,cAACwE,kCAAAA;IAAiCC,OAAOuD;;AAK1E;ADpLA,IAAMiB,aAAyC,CAAC,EAAE1C,OAAM,MAAE;AAExD,QAAM2C,YAAQC,sBAAS5C,MAAAA;AACvB,MAAI,CAAC2C,OAAO;AACV,WAAO;EACT;AAGA,QAAM5C,QAAqB;IACzBE,MAAMD;IACN0B,cAAc,MAAMiB,MAAME,GAAGC,QAAIC,2BAAOC,wCAAkB;MAAEtF,OAAO,CAAA;IAAG,CAAA,CAAA;;IAEtE6E,YAAY,CAACrI,WAAWyI,MAAME,GAAGC,QAAIC,2BAAOE,sCAAgB;MAAEvH,MAAM;IAAG,CAAA,CAAA;EACzE;AAEA,SACEjC,6BAAAA,QAAA,cAACyJ,qBAAKC,SAAO;IAACvJ,YAAY;MAACwJ;MAAsBC;MAAyBC;;KACxE7J,6BAAAA,QAAA,cAACqG,aAAAA;IAAYC;;AAGnB;AAEA,IAAA,qBAAe2C;",
+  "names": ["import_react", "import_echo", "import_sortable", "import_react_ui", "import_react_ui_theme", "import_core", "import_utilities", "import_util", "DeleteItem", "onClick", "t", "useTranslation", "KANBAN_PLUGIN", "React", "Button", "variant", "classNames", "span", "className", "X", "getSize", "KanbanCardComponent", "column", "item", "debug", "onDelete", "themeMode", "useThemeContext", "isDragging", "attributes", "listeners", "transform", "transition", "setNodeRef", "useSortable", "id", "data", "type", "tx", "Object", "assign", "scaleY", "parentRef", "focusAttributes", "useTextEditor", "initialValue", "name", "extensions", "createDataExtensions", "text", "createDocAccessor", "createBasicExtensions", "placeholder", "createThemeExtensions", "div", "ref", "style", "CSS", "Transform", "toString", "mx", "attentionSurface", "button", "DotsSixVertical", "focusRing", "slice", "useSubscription", "_", "setIter", "useState", "useEffect", "handle", "createSubscription", "update", "unsubscribe", "findLocation", "columns", "idx", "items", "filter", "nonNullable", "findIndex", "DeleteColumn", "AddItem", "Plus", "KanbanColumnComponentPlaceholder", "onAdd", "groupSurface", "KanbanColumnComponent", "itemMapper", "onCreate", "setDroppableNodeRef", "useDroppable", "handleAddItem", "splice", "length", "undefined", "handleDeleteItem", "index", "modalSurface", "Input", "Root", "Label", "srOnly", "TextInput", "defaultValue", "onChange", "target", "value", "SortableContext", "strategy", "verticalListSortingStrategy", "map", "key", "KanbanBoard", "model", "kanban", "root", "mouseSensor", "useSensor", "MouseSensor", "activationConstraint", "distance", "draggingColumn", "setDraggingColumn", "draggingItem", "setDraggingItem", "source", "modified", "handleDragStart", "active", "forEach", "handleDragMove", "event", "handleDragOver", "over", "handleDragEnd", "oldIndex", "newIndex", "arrayMove", "handleDragCancel", "handleCreateColumn", "createColumn", "handleDeleteColumn", "customModifier", "y", "DndContext", "sensors", "modifiers", "onDragStart", "onDragMove", "onDragOver", "onDragEnd", "onDragCancel", "horizontalListSortingStrategy", "createItem", "DragOverlay", "margin", "KanbanMain", "space", "getSpace", "db", "add", "create", "KanbanColumnType", "KanbanItemType", "Main", "Content", "fixedInsetFlexLayout", "topbarBlockPaddingStart", "bottombarBlockPaddingEnd"]
+}

package/dist/lib/node/chunk-CJTEPA5Z.cjs

@@ -0,0 +1,54 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var chunk_CJTEPA5Z_exports = {};
+__export(chunk_CJTEPA5Z_exports, {
+  KANBAN_PLUGIN: () => KANBAN_PLUGIN,
+  meta_default: () => meta_default
+});
+module.exports = __toCommonJS(chunk_CJTEPA5Z_exports);
+var import_react = require("@phosphor-icons/react");
+var import_react2 = __toESM(require("react"));
+var import_app_framework = require("@dxos/app-framework");
+var KANBAN_PLUGIN = "dxos.org/plugin/kanban";
+var meta_default = (0, import_app_framework.pluginMeta)({
+  id: KANBAN_PLUGIN,
+  name: "Kanban",
+  description: "Kanban board for managing tasks.",
+  tags: [
+    "experimental"
+  ],
+  iconComponent: (props) => /* @__PURE__ */ import_react2.default.createElement(import_react.Kanban, props),
+  iconSymbol: "ph--kanban--regular"
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  KANBAN_PLUGIN,
+  meta_default
+});
+//# sourceMappingURL=chunk-CJTEPA5Z.cjs.map

package/dist/lib/node/chunk-CJTEPA5Z.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Kanban, type IconProps } from '@phosphor-icons/react';\nimport React from 'react';\n\nimport { pluginMeta } from '@dxos/app-framework';\n\nexport const KANBAN_PLUGIN = 'dxos.org/plugin/kanban';\n\nexport default pluginMeta({\n  id: KANBAN_PLUGIN,\n  name: 'Kanban',\n  description: 'Kanban board for managing tasks.',\n  tags: ['experimental'],\n  iconComponent: (props: IconProps) => <Kanban {...props} />,\n  iconSymbol: 'ph--kanban--regular',\n});\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,mBAAuC;AACvC,IAAAA,gBAAkB;AAElB,2BAA2B;AAEpB,IAAMC,gBAAgB;AAE7B,IAAA,mBAAeC,iCAAW;EACxBC,IAAIF;EACJG,MAAM;EACNC,aAAa;EACbC,MAAM;IAAC;;EACPC,eAAe,CAACC,UAAqB,8BAAAC,QAAA,cAACC,qBAAWF,KAAAA;EACjDG,YAAY;AACd,CAAA;",
+  "names": ["import_react", "KANBAN_PLUGIN", "pluginMeta", "id", "name", "description", "tags", "iconComponent", "props", "React", "Kanban", "iconSymbol"]
+}

package/dist/lib/node/chunk-RYK4NJNG.cjs

@@ -0,0 +1,67 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var chunk_RYK4NJNG_exports = {};
+__export(chunk_RYK4NJNG_exports, {
+  KanbanAction: () => KanbanAction,
+  KanbanColumnType: () => KanbanColumnType,
+  KanbanItemType: () => KanbanItemType,
+  KanbanType: () => KanbanType
+});
+module.exports = __toCommonJS(chunk_RYK4NJNG_exports);
+var import_chunk_CJTEPA5Z = require("./chunk-CJTEPA5Z.cjs");
+var import_echo_schema = require("@dxos/echo-schema");
+var KanbanItemType = class extends (0, import_echo_schema.TypedObject)({
+  typename: "dxos.org/type/KanbanItem",
+  version: "0.1.0"
+})({
+  object: import_echo_schema.S.optional((0, import_echo_schema.ref)(import_echo_schema.Expando)),
+  name: import_echo_schema.S.optional(import_echo_schema.S.String),
+  index: import_echo_schema.S.optional(import_echo_schema.S.String)
+}) {
+};
+var KanbanColumnType = class extends (0, import_echo_schema.TypedObject)({
+  typename: "dxos.org/type/KanbanColumn",
+  version: "0.1.0"
+})({
+  name: import_echo_schema.S.optional(import_echo_schema.S.String),
+  index: import_echo_schema.S.optional(import_echo_schema.S.String),
+  items: import_echo_schema.S.mutable(import_echo_schema.S.Array((0, import_echo_schema.ref)(KanbanItemType)))
+}) {
+};
+var KanbanType = class extends (0, import_echo_schema.TypedObject)({
+  typename: "dxos.org/type/Kanban",
+  version: "0.1.0"
+})({
+  name: import_echo_schema.S.optional(import_echo_schema.S.String),
+  columns: import_echo_schema.S.mutable(import_echo_schema.S.Array((0, import_echo_schema.ref)(KanbanColumnType)))
+}) {
+};
+var KANBAN_ACTION = `${import_chunk_CJTEPA5Z.KANBAN_PLUGIN}/action`;
+var KanbanAction;
+(function(KanbanAction2) {
+  KanbanAction2[KanbanAction2["CREATE"] = `${KANBAN_ACTION}/create`] = "CREATE";
+})(KanbanAction || (KanbanAction = {}));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  KanbanAction,
+  KanbanColumnType,
+  KanbanItemType,
+  KanbanType
+});
+//# sourceMappingURL=chunk-RYK4NJNG.cjs.map