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

package/dist/lib/browser/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/List/List.tsx", "../../../src/model.ts", "../../../src/components/ListPrimitive/ListPrimitive.tsx", "../../../src/hooks/usePropStatefully.ts"],
-  "sourcesContent": ["//\n// Copyright 2022 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { Item, PublicKey, Space } from '@dxos/client';\nimport { ObjectModel } from '@dxos/object-model';\nimport { useSelection, useSpace } from '@dxos/react-client';\nimport { Loading, useTranslation } from '@dxos/react-components';\n\nimport { LIST_ITEM_TYPE } from '../../model';\nimport {\n  ListPrimitive,\n  ListAction,\n  ListItems,\n  isListItemChangedAction,\n  isListItemDeletedAction,\n  isListItemCreatedAction,\n  ListItemProps,\n  ListPrimitiveProps\n} from '../ListPrimitive';\n\ninterface ListLoadedProps {\n  space: Space;\n  list: Item<ObjectModel>;\n  listItems: Item<ObjectModel>[];\n}\n\nexport interface ListProps {\n  spaceKey: PublicKey;\n  itemId: Item<ObjectModel>['id'];\n}\n\nconst ListLoaded = ({ space, list, listItems: propsListItems }: ListLoadedProps) => {\n  const listItems = useSelection(list?.select().children().filter({ type: LIST_ITEM_TYPE })) ?? propsListItems;\n\n  const onAction = useCallback(\n    async (action: ListAction) => {\n      if (isListItemDeletedAction(action)) {\n        const subject = space.database.getItem(action.deleted.id);\n        // TODO(thure): use Echo’s native deletion\n        return subject?.model.set('annotations.deleted', true);\n      } else if (isListItemCreatedAction(action)) {\n        // do nothing?\n      } else if (isListItemChangedAction(action)) {\n        const subject = space.database.getItem(action.listItemId);\n        return Promise.all(\n          (Object.keys(action.next) as (keyof ListItemProps)[]).map((prop) => {\n            return subject?.model.set(prop, action.next[prop]);\n          })\n        );\n      } else {\n        return Promise.all(\n          (Object.keys(action.next) as (keyof ListPrimitiveProps)[]).map((prop) => {\n            return list?.model.set(prop, action.next[prop]);\n          })\n        );\n      }\n    },\n    [list, listItems]\n  );\n\n  const createListItemId = useCallback(async () => {\n    const listItem = await space?.database.createItem({\n      model: ObjectModel,\n      type: LIST_ITEM_TYPE,\n      parent: list.id\n    });\n    return listItem.id;\n  }, [space]);\n\n  return (\n    <ListPrimitive\n      {...{\n        id: list.id,\n        title: list.model.get('title') ?? '',\n        description: list.model.get('description') ?? '',\n        items: (listItems ?? [])\n          // TODO(thure): use Echo’s native deletion\n          .filter((item) => !item.model.get('annotations.deleted'))\n          .reduce((acc: ListItems, item) => {\n            acc[item.id] = {\n              title: item.model.get('title'),\n              description: item.model.get('description'),\n              annotations: item.model.get('annotations')\n            };\n            return acc;\n          }, {}),\n        onChangePeriod: 640,\n        onAction,\n        createListItemId\n      }}\n    />\n  );\n};\n\nexport const List = ({ spaceKey, itemId }: ListProps) => {\n  const { t } = useTranslation('appkit');\n\n  const space = useSpace(spaceKey);\n  const list = (useSelection(space?.database.select({ id: itemId })) ?? [])[0];\n  const listItems = useSelection(list?.select().children().filter({ type: LIST_ITEM_TYPE }));\n\n  // TODO(thure): this should become `Suspense` when the above hooks support it\n  return space && list && listItems ? (\n    <ListLoaded {...{ space, list, listItems }} />\n  ) : (\n    <Loading label={t('generic loading label')} />\n  );\n};\n", "//\n// Copyright 2022 DXOS.org\n//\n\nexport const LIST_TYPE = 'dxos:type/list';\nexport const LIST_ITEM_TYPE = 'dxos:type/list-item';\n", "//\n// Copyright 2022 DXOS.org\n//\n\nimport debounce from 'lodash.debounce';\nimport { Minus, Plus } from 'phosphor-react';\nimport React, { ComponentProps, useCallback, useMemo, useState, KeyboardEvent } from 'react';\n\nimport {\n  defaultFocus,\n  Input,\n  useTranslation,\n  getSize,\n  Button,\n  randomString,\n  defaultGroup,\n  defaultHover,\n  mx\n} from '@dxos/react-components';\n\nimport { usePropStatefully } from '../../hooks';\n\ntype ListId = string;\ntype ListItemId = string;\n\nexport interface ListItemProps {\n  id: ListItemId;\n  title?: string;\n  description?: string;\n  annotations?: Record<string, string | boolean>;\n}\n\nexport type ListItems = Record<ListItemId, Omit<ListItemProps, 'id'>>;\n\ninterface SharedListActionProps {\n  listId: ListId;\n}\n\ninterface SharedListItemActionProps extends SharedListActionProps {\n  listItemId: ListItemId;\n}\n\nexport interface ListItemChangedAction extends SharedListItemActionProps {\n  next: Partial<ListItemProps>;\n}\n\nexport interface ListChangedAction extends SharedListActionProps {\n  next: Partial<ListPrimitiveProps>;\n}\n\nexport interface ListItemCreatedAction extends SharedListActionProps {\n  created: Pick<ListItemProps, 'id'> & Partial<Omit<ListItemProps, 'id'>>;\n}\n\nexport interface ListItemDeletedAction extends SharedListActionProps {\n  deleted: Pick<ListItemProps, 'id'> & Partial<Omit<ListItemProps, 'id'>>;\n}\n\nexport type ListAction = ListItemChangedAction | ListChangedAction | ListItemCreatedAction | ListItemDeletedAction;\n\nexport const isListItemChangedAction = (o: any): o is ListItemChangedAction => 'listItemId' in o;\nexport const isListItemCreatedAction = (o: any): o is ListItemCreatedAction => 'created' in o;\nexport const isListItemDeletedAction = (o: any): o is ListItemDeletedAction => 'deleted' in o;\n\nexport interface ListPrimitiveProps {\n  id: ListId;\n  title?: string;\n  description?: string;\n}\n\nexport interface ListPrimitiveComponentProps extends ListPrimitiveProps, Omit<ComponentProps<'div'>, 'id'> {\n  items: ListItems;\n  onAction?: (action: ListAction) => void;\n  createListItemId?: () => Promise<ListItemId>;\n  onChangePeriod?: number;\n}\n\nexport interface ListItemPrimitiveComponentProps extends ListItemProps, Omit<ComponentProps<'li'>, 'id' | 'title'> {\n  updateItem: (item: ListItemProps) => void;\n  updateOrder: (id: ListItemId, delta: number) => void;\n  deleteItem: (id: ListItemId) => void;\n  createItem: () => void;\n  orderIndex: number;\n  isLast?: boolean;\n  autoFocus?: boolean;\n}\n\nconst defaultCreateListItemId = async () => randomString(8);\n\nconst ListItemPrimitive = ({\n  id,\n  title: propsTitle,\n  description: propsDescription,\n  annotations: propsAnnotations,\n  updateItem,\n  deleteItem,\n  createItem,\n  updateOrder,\n  orderIndex,\n  isLast,\n  autoFocus\n}: ListItemPrimitiveComponentProps) => {\n  const checkId = `${id}__checkbox`;\n  const labelId = `${id}__title`;\n  const descriptionId = `${id}__description`;\n\n  const { t } = useTranslation('appkit');\n\n  const rejectTextUpdatesWhenFocused = useCallback(\n    (a: string, b: string) => {\n      return document.activeElement?.getAttribute('data-itemid') === id ? true : a === b;\n    },\n    [id]\n  );\n\n  const [title, setTitle, titleSession] = usePropStatefully<string>(propsTitle ?? '', rejectTextUpdatesWhenFocused);\n\n  const [description, _setDescription, _descriptionSession] = usePropStatefully<string>(\n    propsDescription ?? '',\n    rejectTextUpdatesWhenFocused\n  );\n\n  const [annotations, setAnnotations] = useState(propsAnnotations ?? {});\n  const isDone = annotations?.state === 'done';\n\n  const onChangeTitle = useCallback((nextValue: string) => {\n    setTitle(nextValue);\n    updateItem({ id, title: nextValue });\n  }, []);\n\n  const _onChangeDescription = useCallback((nextValue: string) => {\n    _setDescription(nextValue);\n    updateItem({ id, description: nextValue });\n  }, []);\n\n  const _onClickMoveUp = useCallback(() => {\n    updateOrder(id, -1);\n  }, [updateOrder, id]);\n  const _onClickMoveDown = useCallback(() => {\n    updateOrder(id, 1);\n  }, [updateOrder, id]);\n\n  const onChangeCheckbox = useCallback(() => {\n    const nextAnnotations = { ...annotations, state: isDone ? 'init' : 'done' };\n    setAnnotations(nextAnnotations);\n    updateItem({ id, annotations: nextAnnotations });\n  }, [annotations, isDone]);\n\n  const onClickDelete = useCallback(() => {\n    deleteItem(id);\n  }, [deleteItem, id]);\n\n  const onKeyUp = useCallback(\n    (e: KeyboardEvent<HTMLInputElement>) => {\n      switch (e.key) {\n        case 'Enter':\n          if (!e.shiftKey) {\n            if (isLast) {\n              createItem();\n            } else {\n              (\n                document.querySelector(`input[data-orderindex=\"${orderIndex + 1}\"]`) as HTMLElement | undefined\n              )?.focus();\n            }\n          }\n          break;\n        case 'PageDown':\n          (document.querySelector(`input[data-orderindex=\"${orderIndex + 1}\"]`) as HTMLElement | undefined)?.focus();\n          break;\n        case 'PageUp':\n          (document.querySelector(`input[data-orderindex=\"${orderIndex - 1}\"]`) as HTMLElement | undefined)?.focus();\n          break;\n      }\n    },\n    [orderIndex, isLast]\n  );\n\n  const inputSlots = useMemo(\n    () => ({\n      root: { className: 'm-0' },\n      input: {\n        className: 'border-0 rounded',\n        autoFocus: true,\n        'data-orderindex': orderIndex,\n        'data-itemid': id,\n        onKeyUp\n      }\n    }),\n    [orderIndex, id, onKeyUp]\n  );\n\n  return (\n    <li\n      key={id}\n      className='flex items-center gap-2 pli-4 mbe-2'\n      aria-labelledby={labelId}\n      {...(description && { 'aria-describedby': descriptionId })}\n    >\n      <input\n        {...{\n          type: 'checkbox',\n          id: checkId,\n          ...(description && {\n            'aria-describedby': descriptionId\n          }),\n          className: mx(\n            getSize(5),\n            'text-primary-600 bg-neutral-50 rounded-full border-neutral-300 dark:bg-neutral-800 dark:border-neutral-600 cursor-pointer',\n            defaultFocus,\n            defaultHover({})\n          ),\n          onChange: onChangeCheckbox,\n          checked: isDone\n        }}\n      />\n      <label htmlFor={checkId} id={labelId} className='sr-only'>\n        {title}\n      </label>\n      <span id={descriptionId} className='sr-only'>\n        {description}\n      </span>\n      <div role='none' className='grow'>\n        <Input\n          key={titleSession}\n          label={t('list item title label')}\n          placeholder={t('list item title placeholder')}\n          labelVisuallyHidden\n          initialValue={title}\n          onChange={onChangeTitle}\n          slots={inputSlots}\n        />\n        {/* TODO(thure): Re-enable this when descriptions become relevant */}\n        {/* <Input */}\n        {/*  key={descriptionSession} */}\n        {/*  label={t('list item description label')} */}\n        {/*  placeholder={t('list item description placeholder')} */}\n        {/*  labelVisuallyHidden */}\n        {/*  initialValue={description} */}\n        {/*  onChange={onChangeDescription} */}\n        {/*  data-itemid={id} */}\n        {/* /> */}\n      </div>\n      {/* TODO(thure): Restore these, or implement drag & drop, when how best to change order in Echo is clarified. */}\n      {/* <ButtonGroup className='flex flex-col items-stretch'> */}\n      {/*  <Button compact rounding='rounded-bs-md border-be-0' disabled={isFirst} onClick={onClickMoveUp}> */}\n      {/*    <CaretUp /> */}\n      {/*    <span className='sr-only'>{t('move list item up label')}</span> */}\n      {/*  </Button> */}\n      {/*  <Button compact rounding='rounded-be-md' disabled={isLast} onClick={onClickMoveDown}> */}\n      {/*    <CaretDown /> */}\n      {/*    <span className='sr-only'>{t('move list item down label')}</span> */}\n      {/*  </Button> */}\n      {/* </ButtonGroup> */}\n      <Button onClick={onClickDelete} variant='ghost' className='p-1 self-stretch'>\n        <Minus className={getSize(4)} />\n        <span className='sr-only'>{t('delete list item label')}</span>\n      </Button>\n    </li>\n  );\n};\n\nconst itemsEquivalent = (a: ListItems, b: ListItems) => {\n  const aKeys = Object.keys(a);\n  const bKeys = Object.keys(b);\n  for (let i = 0; i < aKeys.length; i++) {\n    const key = aKeys[i];\n    if (key !== bKeys[i] || a[key].title !== b[key].title || a[key].annotations?.state !== b[key].annotations?.state) {\n      return false;\n    }\n  }\n  return true;\n};\n\nexport const ListPrimitive = ({\n  id: listId,\n  title: propsTitle,\n  description: propsDescription,\n  items: propsItems,\n  onAction,\n  createListItemId = defaultCreateListItemId,\n  onChangePeriod = 0,\n  ...divProps\n}: ListPrimitiveComponentProps) => {\n  const { t } = useTranslation('appkit');\n\n  const [creating, setCreating] = useState(false);\n  const [autoFocus, setAutofocus] = useState<string | null>(null);\n\n  const rejectTextUpdatesWhenFocused = useCallback(\n    (a: string, b: string) => {\n      return document.activeElement?.getAttribute('data-itemid') === listId ? true : a === b;\n    },\n    [listId]\n  );\n\n  // Title\n\n  const titleId = `${listId}__title`;\n  const [title, setTitle, titleSession] = usePropStatefully(propsTitle ?? '', rejectTextUpdatesWhenFocused);\n  const propagateTitle = useCallback(\n    (nextValue: string) => {\n      return onAction?.({ listId, next: { title: nextValue } });\n    },\n    [onAction]\n  );\n  const debouncedPropagateTitle = useMemo(() => debounce(propagateTitle, onChangePeriod), [propagateTitle]);\n  const onChangeTitle = useCallback(\n    (nextValue: string) => {\n      setTitle(nextValue);\n      debouncedPropagateTitle(nextValue);\n    },\n    [onAction, listId]\n  );\n\n  // Description\n\n  const descriptionId = `${listId}__description`;\n  const [description, setDescription, _descriptionSession] = usePropStatefully(\n    propsDescription ?? '',\n    rejectTextUpdatesWhenFocused\n  );\n  const propagateDescription = useCallback(\n    (nextValue: string) => onAction?.({ listId, next: { description: nextValue } }),\n    [onAction]\n  );\n  const debouncedPropagateDescription = useMemo(\n    () => debounce(propagateDescription, onChangePeriod),\n    [propagateDescription]\n  );\n  const _onChangeDescription = useCallback(\n    (nextValue: string) => {\n      setDescription(nextValue);\n      debouncedPropagateDescription(nextValue);\n    },\n    [onAction, listId]\n  );\n\n  // Items & order\n\n  const [items, setItems, itemsSession] = usePropStatefully(propsItems ?? {}, itemsEquivalent);\n  const order = Object.keys(items);\n\n  const propagateItem = useCallback(\n    ({ id, ...next }: Pick<ListItemProps, 'id'> & Partial<Omit<ListItemProps, 'id'>>) => {\n      return onAction?.({ listId, listItemId: id, next });\n    },\n    [listId, onAction]\n  );\n  const debouncedPropagateItem = useMemo(() => debounce(propagateItem, onChangePeriod), [propagateItem]);\n  const updateItem = useCallback(\n    ({ id, ...next }: Pick<ListItemProps, 'id'> & Partial<Omit<ListItemProps, 'id'>>) => {\n      setItems(Object.assign(items, { [id]: { ...items[id], ...next } }));\n      'title' in next && debouncedPropagateItem({ id, title: next.title });\n      'description' in next && debouncedPropagateItem({ id, description: next.description });\n      'annotations' in next && onAction?.({ listId, listItemId: id, next: { annotations: next.annotations } });\n    },\n    [items, listId, onAction]\n  );\n\n  const updateOrder = useCallback(\n    (id: ListItemId, delta: number) => {\n      const fromIndex = order.indexOf(id);\n      const toIndex = fromIndex + delta;\n      const nextOrder = Array.from(order);\n      nextOrder.splice(fromIndex, 1);\n      nextOrder.splice(toIndex, 0, id);\n      const nextItems = nextOrder.reduce((acc: ListItems, listItemId) => {\n        acc[listItemId] = items[listItemId];\n        return acc;\n      }, {});\n      setItems(nextItems);\n      onAction?.({ listId, next: {} });\n    },\n    [items, onAction]\n  );\n\n  const deleteItem = useCallback(\n    (id: ListItemId) => {\n      if (items[id]) {\n        const { [id]: deletedItem, ...nextItems } = items;\n        setItems(nextItems);\n        onAction?.({ listId, next: {}, deleted: { id, ...deletedItem } });\n      }\n    },\n    [items, onAction]\n  );\n\n  const createItem = useCallback(() => {\n    setCreating(true);\n    return createListItemId()\n      .then((id) => {\n        const next = {\n          items: { ...items, [id]: {} }\n        };\n        const created = { id };\n        setItems(next.items);\n        setAutofocus(id);\n        onAction?.({ listId, next: {}, created });\n      })\n      .finally(() => setCreating(false));\n  }, [items, createListItemId, onAction]);\n\n  // Render\n\n  const inputSlots = useMemo(\n    () => ({\n      root: { className: 'mli-2 mbs-0 mbe-2' },\n      input: {\n        className: 'border-0 rounded text-xl font-display font-semibold',\n        'data-itemid': listId\n      }\n    }),\n    [listId]\n  );\n\n  return (\n    <div\n      role='group'\n      {...divProps}\n      className={mx(defaultGroup({ elevation: 3, spacing: 'pbs-2 pbe-1' }), divProps.className)}\n      aria-labelledby={titleId}\n      {...(description && { 'aria-describedby': descriptionId })}\n    >\n      <span id={titleId} className='sr-only'>\n        {title}\n      </span>\n      {description && (\n        <span id={descriptionId} className='sr-only'>\n          {description}\n        </span>\n      )}\n      <Input\n        key={titleSession}\n        label={t('list title label')}\n        placeholder={t('list title placeholder')}\n        labelVisuallyHidden\n        initialValue={title}\n        onChange={onChangeTitle}\n        slots={inputSlots}\n      />\n      {/* TODO(thure): Re-enable this when relevant */}\n      {/* <Input */}\n      {/*  key={descriptionSession} */}\n      {/*  label={t('list description label')} */}\n      {/*  placeholder={t('list description placeholder')} */}\n      {/*  labelVisuallyHidden */}\n      {/*  initialValue={description} */}\n      {/*  onChange={onChangeDescription} */}\n      {/*  className='mli-4' */}\n      {/*  data-itemid={listId} */}\n      {/* /> */}\n      <ol className='contents'>\n        {order.map((listItemId, index) => {\n          return (\n            <ListItemPrimitive\n              key={`${itemsSession}__${listItemId}`}\n              orderIndex={index}\n              isLast={index === order.length - 1}\n              {...{ id: listItemId, updateItem, updateOrder, deleteItem, createItem }}\n              {...items[listItemId]}\n              autoFocus={listItemId === autoFocus}\n            />\n          );\n        })}\n      </ol>\n      <div role='none' className='mli-4 mlb-4'>\n        <Button className='is-full' onClick={createItem} disabled={creating}>\n          <Plus className={getSize(5)} />\n          <span className='sr-only'>{t('add list item label')}</span>\n        </Button>\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2022 DXOS.org\n//\n\nimport { useEffect, useRef, useState, Dispatch, SetStateAction } from 'react';\n\nimport { randomString } from '@dxos/react-components';\n\nconst isEqual = <T>(a: T, b: T) => a === b;\n\n/**\n * @deprecated\n */\nexport const usePropStatefully = <T>(\n  propsValue: T,\n  equivalentPredicate?: (a: T, b: T) => boolean\n): [T, Dispatch<SetStateAction<T>>, string] => {\n  const [value, setValue] = useState<T>(propsValue);\n  const [valueSession, setValueSession] = useState(randomString());\n  const mounted = useRef(false);\n  const predicate = equivalentPredicate ?? isEqual<T>;\n\n  useEffect(() => {\n    if (mounted.current && !predicate(propsValue, value)) {\n      setValue(propsValue);\n      setValueSession(randomString());\n    } else {\n      mounted.current = true;\n    }\n  }, [propsValue]);\n\n  return [value, setValue, valueSession];\n};\n"],
-  "mappings": "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",
-  "names": ["React", "useCallback", "ObjectModel", "useSelection", "useSpace", "Loading", "useTranslation", "LIST_TYPE", "LIST_ITEM_TYPE", "debounce", "Minus", "Plus", "React", "useCallback", "useMemo", "useState", "defaultFocus", "Input", "useTranslation", "getSize", "Button", "randomString", "defaultGroup", "defaultHover", "mx", "useEffect", "useRef", "useState", "randomString", "isEqual", "a", "b", "usePropStatefully", "propsValue", "equivalentPredicate", "value", "setValue", "valueSession", "setValueSession", "mounted", "predicate", "current", "isListItemChangedAction", "o", "isListItemCreatedAction", "isListItemDeletedAction", "defaultCreateListItemId", "randomString", "ListItemPrimitive", "id", "title", "propsTitle", "description", "propsDescription", "annotations", "propsAnnotations", "updateItem", "deleteItem", "createItem", "updateOrder", "orderIndex", "isLast", "autoFocus", "checkId", "labelId", "descriptionId", "t", "useTranslation", "rejectTextUpdatesWhenFocused", "useCallback", "a", "b", "document", "activeElement", "getAttribute", "setTitle", "titleSession", "usePropStatefully", "_setDescription", "_descriptionSession", "setAnnotations", "useState", "isDone", "state", "onChangeTitle", "nextValue", "_onChangeDescription", "_onClickMoveUp", "_onClickMoveDown", "onChangeCheckbox", "nextAnnotations", "onClickDelete", "onKeyUp", "e", "key", "shiftKey", "querySelector", "focus", "inputSlots", "useMemo", "root", "className", "input", "li", "aria-labelledby", "type", "mx", "getSize", "defaultFocus", "defaultHover", "onChange", "checked", "label", "htmlFor", "span", "div", "role", "Input", "placeholder", "labelVisuallyHidden", "initialValue", "slots", "Button", "onClick", "variant", "Minus", "itemsEquivalent", "aKeys", "Object", "keys", "bKeys", "i", "length", "ListPrimitive", "listId", "items", "propsItems", "onAction", "createListItemId", "onChangePeriod", "divProps", "creating", "setCreating", "setAutofocus", "titleId", "propagateTitle", "next", "debouncedPropagateTitle", "debounce", "setDescription", "propagateDescription", "debouncedPropagateDescription", "setItems", "itemsSession", "order", "propagateItem", "listItemId", "debouncedPropagateItem", "assign", "delta", "fromIndex", "indexOf", "toIndex", "nextOrder", "Array", "from", "splice", "nextItems", "reduce", "acc", "deletedItem", "deleted", "then", "created", "finally", "defaultGroup", "elevation", "spacing", "ol", "map", "index", "disabled", "Plus", "_extends", "ListLoaded", "space", "list", "listItems", "propsListItems", "useSelection", "select", "children", "filter", "type", "LIST_ITEM_TYPE", "onAction", "useCallback", "action", "isListItemDeletedAction", "subject", "database", "getItem", "deleted", "id", "model", "set", "isListItemCreatedAction", "isListItemChangedAction", "listItemId", "Promise", "all", "Object", "keys", "next", "map", "prop", "createListItemId", "listItem", "createItem", "ObjectModel", "parent", "React", "ListPrimitive", "title", "get", "description", "items", "item", "reduce", "acc", "annotations", "onChangePeriod", "List", "spaceKey", "itemId", "t", "useTranslation", "useSpace", "Loading", "label"]
+  "sources": ["../../../src/List.tsx", "../../../src/ListItem.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { DndContext, DragEndEvent } from '@dnd-kit/core';\nimport { restrictToVerticalAxis } from '@dnd-kit/modifiers';\nimport { SortableContext, arrayMove } from '@dnd-kit/sortable';\nimport { createContextScope, Scope } from '@radix-ui/react-context';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport omit from 'lodash.omit';\nimport React, { ComponentPropsWithRef, forwardRef, ReactHTMLElement } from 'react';\n\n// TODO(thure): A lot of the accessible affordances for this kind of thing need to be implemented per https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/listbox_role\n\nconst LIST_NAME = 'List';\n\ntype ListScopedProps<P> = P & { __listScope?: Scope };\n\ntype ListVariant = 'ordered' | 'unordered' | 'ordered-draggable';\n\ntype SharedListProps = {\n  selectable?: boolean;\n  variant?: ListVariant;\n  onDragEnd?: (event: DragEndEvent) => void;\n  listItemIds?: string[];\n  toggleOpenLabel?: string | Omit<ReactHTMLElement<HTMLElement>, 'ref'>;\n};\n\ntype DraggableListProps = Omit<SharedListProps, 'slots'> & {\n  onDragEnd: Exclude<SharedListProps['onDragEnd'], undefined>;\n  listItemIds: Exclude<SharedListProps['listItemIds'], undefined>;\n  variant: 'ordered-draggable';\n};\n\ntype ListProps =\n  | (Omit<ComponentPropsWithRef<typeof Primitive.ol>, 'onDragEnd'> & SharedListProps)\n  | (Omit<ComponentPropsWithRef<typeof Primitive.ol>, 'onDragEnd'> & DraggableListProps);\n\n// LIST\n\nconst [createListContext, createListScope] = createContextScope(LIST_NAME, []);\n\ntype ListContextValue = Pick<ListProps, 'selectable' | 'variant' | 'toggleOpenLabel'>;\n\nconst [ListProvider, useListContext] = createListContext<ListContextValue>(LIST_NAME);\n\nconst List = forwardRef<HTMLOListElement, ListProps>((props: ListScopedProps<ListProps>, forwardedRef) => {\n  const {\n    __listScope,\n    variant = 'ordered',\n    selectable = false,\n    toggleOpenLabel = 'Expand/collapse item',\n    children,\n    ...rootProps\n  } = props;\n  const ListRoot = variant === 'ordered' || variant === 'ordered-draggable' ? Primitive.ol : Primitive.ul;\n  return (\n    <ListRoot\n      {...(selectable && { role: 'listbox', 'aria-multiselectable': true })}\n      {...omit(rootProps, 'onDragEnd', 'listItemIds')}\n      ref={forwardedRef}\n    >\n      <ListProvider\n        {...{\n          scope: __listScope,\n          variant,\n          selectable,\n          toggleOpenLabel,\n        }}\n      >\n        {variant === 'ordered-draggable' ? (\n          <DndContext onDragEnd={(props as DraggableListProps).onDragEnd} modifiers={[restrictToVerticalAxis]}>\n            <SortableContext items={(props as DraggableListProps).listItemIds}>{children}</SortableContext>\n          </DndContext>\n        ) : (\n          <>{children}</>\n        )}\n      </ListProvider>\n    </ListRoot>\n  );\n});\n\nList.displayName = LIST_NAME;\n\nexport { List, createListScope, useListContext, LIST_NAME, arrayMove };\n\nexport type { ListProps, ListVariant, ListScopedProps, DragEndEvent };\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { DraggableAttributes } from '@dnd-kit/core';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport type { CheckboxProps } from '@radix-ui/react-checkbox';\nimport { CollapsibleTriggerProps } from '@radix-ui/react-collapsible';\nimport * as Collapsible from '@radix-ui/react-collapsible';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContextScope, Scope } from '@radix-ui/react-context';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { Slot } from '@radix-ui/react-slot';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport React, { ComponentProps, ComponentPropsWithRef, Dispatch, forwardRef, SetStateAction } from 'react';\n\nimport { useId } from '@dxos/react-hooks';\n\nimport { LIST_NAME, ListScopedProps, useListContext } from './List';\n\nconst LIST_ITEM_NAME = 'ListItem';\n\ntype ListItemScopedProps<P> = P & { __listItemScope?: Scope };\n\ninterface ListItemData {\n  id: string;\n  selected?: CheckboxProps['checked'];\n  open?: boolean;\n}\n\ntype ListItemProps = Omit<ListItemData, 'id'> & { collapsible?: boolean } & ComponentPropsWithRef<\n    typeof Primitive.li\n  > & {\n    defaultOpen?: boolean;\n    onOpenChange?: (nextOpen: boolean) => void;\n  } & {\n    onSelectedChange?: CheckboxProps['onCheckedChange'];\n    defaultSelected?: CheckboxProps['defaultChecked'];\n  };\n\ntype ListItemElement = React.ElementRef<typeof Primitive.li>;\n\nconst [createListItemContext, createListItemScope] = createContextScope(LIST_ITEM_NAME, []);\n\ntype DraggableListItemContextValue = {\n  draggableAttributes: DraggableAttributes;\n  draggableListeners: ReturnType<typeof useSortable>['listeners'];\n};\n\ntype ListItemContextValue = {\n  headingId: string;\n  open: boolean;\n  selected: CheckboxProps['checked'];\n  setSelected: Dispatch<SetStateAction<CheckboxProps['checked']>>;\n} & Partial<DraggableListItemContextValue>;\n\nconst [ListItemProvider, useListItemContext] = createListItemContext<ListItemContextValue>(LIST_ITEM_NAME);\n\ntype ListItemHeadingProps = ListItemScopedProps<Omit<ComponentPropsWithRef<typeof Primitive.p>, 'id'>> & {\n  asChild?: boolean;\n};\n\nconst ListItemHeading = forwardRef<HTMLParagraphElement, ListItemHeadingProps>(\n  ({ children, asChild, __listItemScope, ...props }, forwardedRef) => {\n    const { headingId } = useListItemContext(LIST_ITEM_NAME, __listItemScope);\n    const Root = asChild ? Slot : Primitive.p;\n    return (\n      <Root {...props} id={headingId} ref={forwardedRef}>\n        {children}\n      </Root>\n    );\n  },\n);\n\ntype ListItemDragHandleProps = ComponentPropsWithRef<typeof Primitive.div>;\n\nconst ListItemDragHandle = forwardRef<HTMLDivElement, ListItemScopedProps<ListItemDragHandleProps>>(\n  ({ __listItemScope, children, ...props }, forwardedRef) => {\n    const { draggableAttributes, draggableListeners } = useListItemContext(LIST_ITEM_NAME, __listItemScope);\n    return (\n      <div role='button' ref={forwardedRef} {...props} {...draggableAttributes} {...draggableListeners}>\n        {children}\n      </div>\n    );\n  },\n);\n\ntype ListItemOpenTriggerProps = ListItemScopedProps<CollapsibleTriggerProps>;\n\nconst ListItemOpenTrigger = Collapsible.Trigger;\n\ntype ListItemCollapsibleContentProps = ComponentProps<typeof Collapsible.Content>;\n\nconst ListItemCollapsibleContent = Collapsible.Content;\n\nconst PureListItem = forwardRef<\n  ListItemElement,\n  ListItemProps & { id: string } & Partial<DraggableListItemContextValue>\n>(\n  (\n    props: ListItemScopedProps<\n      ListScopedProps<ListItemProps & { id: string } & Partial<DraggableListItemContextValue>>\n    >,\n    forwardedRef,\n  ) => {\n    const {\n      __listScope,\n      __listItemScope,\n      children,\n      selected: propsSelected,\n      defaultSelected,\n      onSelectedChange,\n      open: propsOpen,\n      defaultOpen,\n      onOpenChange,\n      collapsible,\n      id,\n      draggableAttributes,\n      draggableListeners,\n      ...listItemProps\n    } = props;\n    const { selectable } = useListContext(LIST_NAME, __listScope);\n\n    const [selected = false, setSelected] = useControllableState({\n      prop: propsSelected,\n      defaultProp: defaultSelected,\n      onChange: onSelectedChange,\n    });\n\n    const [open = false, setOpen] = useControllableState({\n      prop: propsOpen,\n      defaultProp: defaultOpen,\n      onChange: onOpenChange,\n    });\n\n    const headingId = useId('listItem__heading');\n\n    const listItem = (\n      <Primitive.li\n        {...listItemProps}\n        id={id}\n        ref={forwardedRef}\n        aria-labelledby={headingId}\n        {...(selectable && { role: 'option', 'aria-selected': !!selected })}\n      >\n        {children}\n      </Primitive.li>\n    );\n\n    return (\n      <ListItemProvider\n        scope={__listItemScope}\n        headingId={headingId}\n        open={open}\n        selected={selected}\n        setSelected={setSelected}\n        {...{ draggableAttributes, draggableListeners }}\n      >\n        {collapsible ? (\n          <Collapsible.Root asChild open={open} onOpenChange={setOpen}>\n            {listItem}\n          </Collapsible.Root>\n        ) : (\n          listItem\n        )}\n      </ListItemProvider>\n    );\n  },\n);\n\nconst DraggableListItem = forwardRef<ListItemElement, ListItemProps & { id: string }>(\n  (props: ListItemScopedProps<ListItemProps & { id: string }>, forwardedRef) => {\n    const { attributes, listeners, setNodeRef, transform, transition } = useSortable({\n      id: props.id,\n    });\n    const ref = useComposedRefs(forwardedRef, setNodeRef) as ComponentPropsWithRef<typeof Primitive.li>['ref'];\n\n    return (\n      <PureListItem\n        {...props}\n        style={{\n          ...props.style,\n          transform: CSS.Transform.toString(transform),\n          transition,\n        }}\n        ref={ref}\n        {...{\n          draggableAttributes: attributes,\n          draggableListeners: listeners,\n        }}\n      />\n    );\n  },\n);\n\nconst ListItem = forwardRef<ListItemElement, ListItemProps>((props: ListScopedProps<ListItemProps>, forwardedRef) => {\n  const { variant } = useListContext(LIST_NAME, props.__listScope);\n  const listItemId = useId('listItem', props.id);\n\n  if (variant === 'ordered-draggable') {\n    return <DraggableListItem {...props} ref={forwardedRef} id={listItemId} />;\n  } else {\n    return <PureListItem {...props} ref={forwardedRef} id={listItemId} />;\n  }\n});\n\nListItem.displayName = LIST_ITEM_NAME;\n\nexport {\n  ListItem,\n  ListItemHeading,\n  ListItemCollapsibleContent,\n  ListItemDragHandle,\n  ListItemOpenTrigger,\n  createListItemScope,\n  useListItemContext,\n  LIST_ITEM_NAME,\n};\n\nexport type {\n  ListItemProps,\n  ListItemHeadingProps,\n  ListItemCollapsibleContentProps,\n  ListItemDragHandleProps,\n  ListItemOpenTriggerProps,\n  ListItemScopedProps,\n};\n"],
+  "mappings": "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",
+  "names": ["DndContext", "restrictToVerticalAxis", "SortableContext", "arrayMove", "createContextScope", "Primitive", "omit", "React", "forwardRef", "LIST_NAME", "createListContext", "createListScope", "ListProvider", "useListContext", "List", "props", "forwardedRef", "__listScope", "variant", "selectable", "toggleOpenLabel", "children", "rootProps", "ListRoot", "ol", "ul", "role", "ref", "scope", "onDragEnd", "modifiers", "items", "listItemIds", "displayName", "useSortable", "CSS", "Collapsible", "useComposedRefs", "createContextScope", "Primitive", "Slot", "useControllableState", "React", "forwardRef", "useId", "_extends", "LIST_ITEM_NAME", "createListItemContext", "createListItemScope", "createContextScope", "ListItemProvider", "useListItemContext", "ListItemHeading", "forwardRef", "children", "asChild", "__listItemScope", "props", "forwardedRef", "headingId", "Root", "Slot", "Primitive", "p", "React", "id", "ref", "ListItemDragHandle", "draggableAttributes", "draggableListeners", "div", "role", "ListItemOpenTrigger", "Trigger", "ListItemCollapsibleContent", "Content", "PureListItem", "__listScope", "selected", "propsSelected", "defaultSelected", "onSelectedChange", "open", "propsOpen", "defaultOpen", "onOpenChange", "collapsible", "listItemProps", "selectable", "useListContext", "LIST_NAME", "setSelected", "useControllableState", "prop", "defaultProp", "onChange", "setOpen", "useId", "listItem", "li", "aria-labelledby", "scope", "DraggableListItem", "attributes", "listeners", "setNodeRef", "transform", "transition", "useSortable", "useComposedRefs", "style", "CSS", "Transform", "toString", "ListItem", "variant", "listItemId", "displayName"]
 }

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/apps/patterns/react-list/src/model.ts":{"bytes":632,"imports":[]},"packages/apps/patterns/react-list/src/hooks/usePropStatefully.ts":{"bytes":3192,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-components","kind":"import-statement","external":true}]},"packages/apps/patterns/react-list/src/hooks/index.ts":{"bytes":401,"imports":[{"path":"packages/apps/patterns/react-list/src/hooks/usePropStatefully.ts","kind":"import-statement","original":"./usePropStatefully"}]},"packages/apps/patterns/react-list/src/components/ListPrimitive/ListPrimitive.tsx":{"bytes":46326,"imports":[{"path":"lodash.debounce","kind":"import-statement","external":true},{"path":"phosphor-react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-components","kind":"import-statement","external":true},{"path":"packages/apps/patterns/react-list/src/hooks/index.ts","kind":"import-statement","original":"../../hooks"}]},"packages/apps/patterns/react-list/src/components/ListPrimitive/index.ts":{"bytes":389,"imports":[{"path":"packages/apps/patterns/react-list/src/components/ListPrimitive/ListPrimitive.tsx","kind":"import-statement","original":"./ListPrimitive"}]},"packages/apps/patterns/react-list/src/components/List/List.tsx":{"bytes":12273,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/object-model","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-components","kind":"import-statement","external":true},{"path":"packages/apps/patterns/react-list/src/model.ts","kind":"import-statement","original":"../../model"},{"path":"packages/apps/patterns/react-list/src/components/ListPrimitive/index.ts","kind":"import-statement","original":"../ListPrimitive"}]},"packages/apps/patterns/react-list/src/components/List/index.ts":{"bytes":368,"imports":[{"path":"packages/apps/patterns/react-list/src/components/List/List.tsx","kind":"import-statement","original":"./List"}]},"packages/apps/patterns/react-list/src/components/index.ts":{"bytes":368,"imports":[{"path":"packages/apps/patterns/react-list/src/components/List/index.ts","kind":"import-statement","original":"./List"}]},"packages/apps/patterns/react-list/src/index.ts":{"bytes":463,"imports":[{"path":"packages/apps/patterns/react-list/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/apps/patterns/react-list/src/model.ts","kind":"import-statement","original":"./model"}]}},"outputs":{"packages/apps/patterns/react-list/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":33286},"packages/apps/patterns/react-list/dist/lib/browser/index.mjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/object-model","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-components","kind":"import-statement","external":true},{"path":"lodash.debounce","kind":"import-statement","external":true},{"path":"phosphor-react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-components","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-components","kind":"import-statement","external":true}],"exports":["LIST_ITEM_TYPE","LIST_TYPE","List"],"entryPoint":"packages/apps/patterns/react-list/src/index.ts","inputs":{"packages/apps/patterns/react-list/src/components/List/List.tsx":{"bytesInOutput":3196},"packages/apps/patterns/react-list/src/model.ts":{"bytesInOutput":78},"packages/apps/patterns/react-list/src/components/ListPrimitive/ListPrimitive.tsx":{"bytesInOutput":12107},"packages/apps/patterns/react-list/src/hooks/usePropStatefully.ts":{"bytesInOutput":721},"packages/apps/patterns/react-list/src/hooks/index.ts":{"bytesInOutput":0},"packages/apps/patterns/react-list/src/components/ListPrimitive/index.ts":{"bytesInOutput":0},"packages/apps/patterns/react-list/src/components/List/index.ts":{"bytesInOutput":0},"packages/apps/patterns/react-list/src/components/index.ts":{"bytesInOutput":0},"packages/apps/patterns/react-list/src/index.ts":{"bytesInOutput":0}},"bytes":16610}}}
+{"inputs":{"packages/ui/primitives/react-list/src/List.tsx":{"bytes":8588,"imports":[{"path":"@dnd-kit/core","kind":"import-statement","external":true},{"path":"@dnd-kit/modifiers","kind":"import-statement","external":true},{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"lodash.omit","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}]},"packages/ui/primitives/react-list/src/ListItem.tsx":{"bytes":19554,"imports":[{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"@dnd-kit/utilities","kind":"import-statement","external":true},{"path":"@radix-ui/react-collapsible","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-hooks","kind":"import-statement","external":true},{"path":"packages/ui/primitives/react-list/src/List.tsx","kind":"import-statement","original":"./List"}]},"packages/ui/primitives/react-list/src/index.ts":{"bytes":456,"imports":[{"path":"packages/ui/primitives/react-list/src/List.tsx","kind":"import-statement","original":"./List"},{"path":"packages/ui/primitives/react-list/src/ListItem.tsx","kind":"import-statement","original":"./ListItem"}]}},"outputs":{"packages/ui/primitives/react-list/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":15425},"packages/ui/primitives/react-list/dist/lib/browser/index.mjs":{"imports":[{"path":"@dnd-kit/core","kind":"import-statement","external":true},{"path":"@dnd-kit/modifiers","kind":"import-statement","external":true},{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"lodash.omit","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"@dnd-kit/utilities","kind":"import-statement","external":true},{"path":"@radix-ui/react-collapsible","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-hooks","kind":"import-statement","external":true}],"exports":["LIST_ITEM_NAME","LIST_NAME","List","ListItem","ListItemCollapsibleContent","ListItemDragHandle","ListItemHeading","ListItemOpenTrigger","arrayMove","createListItemScope","createListScope","useListContext","useListItemContext"],"entryPoint":"packages/ui/primitives/react-list/src/index.ts","inputs":{"packages/ui/primitives/react-list/src/List.tsx":{"bytesInOutput":1963},"packages/ui/primitives/react-list/src/index.ts":{"bytesInOutput":0},"packages/ui/primitives/react-list/src/ListItem.tsx":{"bytesInOutput":4536}},"bytes":6890}}}

package/dist/lib/node/index.cjs

@@ -0,0 +1,229 @@
+"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);
+
+// packages/ui/primitives/react-list/src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  LIST_ITEM_NAME: () => LIST_ITEM_NAME,
+  LIST_NAME: () => LIST_NAME,
+  List: () => List,
+  ListItem: () => ListItem,
+  ListItemCollapsibleContent: () => ListItemCollapsibleContent,
+  ListItemDragHandle: () => ListItemDragHandle,
+  ListItemHeading: () => ListItemHeading,
+  ListItemOpenTrigger: () => ListItemOpenTrigger,
+  arrayMove: () => import_sortable.arrayMove,
+  createListItemScope: () => createListItemScope,
+  createListScope: () => createListScope,
+  useListContext: () => useListContext,
+  useListItemContext: () => useListItemContext
+});
+module.exports = __toCommonJS(src_exports);
+
+// packages/ui/primitives/react-list/src/List.tsx
+var import_core = require("@dnd-kit/core");
+var import_modifiers = require("@dnd-kit/modifiers");
+var import_sortable = require("@dnd-kit/sortable");
+var import_react_context = require("@radix-ui/react-context");
+var import_react_primitive = require("@radix-ui/react-primitive");
+var import_lodash = __toESM(require("lodash.omit"));
+var import_react = __toESM(require("react"));
+function _extends() {
+  _extends = Object.assign || function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+var LIST_NAME = "List";
+var [createListContext, createListScope] = (0, import_react_context.createContextScope)(LIST_NAME, []);
+var [ListProvider, useListContext] = createListContext(LIST_NAME);
+var List = /* @__PURE__ */ (0, import_react.forwardRef)((props, forwardedRef) => {
+  const { __listScope, variant = "ordered", selectable = false, toggleOpenLabel = "Expand/collapse item", children, ...rootProps } = props;
+  const ListRoot = variant === "ordered" || variant === "ordered-draggable" ? import_react_primitive.Primitive.ol : import_react_primitive.Primitive.ul;
+  return /* @__PURE__ */ import_react.default.createElement(ListRoot, _extends({}, selectable && {
+    role: "listbox",
+    "aria-multiselectable": true
+  }, (0, import_lodash.default)(rootProps, "onDragEnd", "listItemIds"), {
+    ref: forwardedRef
+  }), /* @__PURE__ */ import_react.default.createElement(ListProvider, _extends({}, {
+    scope: __listScope,
+    variant,
+    selectable,
+    toggleOpenLabel
+  }), variant === "ordered-draggable" ? /* @__PURE__ */ import_react.default.createElement(import_core.DndContext, {
+    onDragEnd: props.onDragEnd,
+    modifiers: [
+      import_modifiers.restrictToVerticalAxis
+    ]
+  }, /* @__PURE__ */ import_react.default.createElement(import_sortable.SortableContext, {
+    items: props.listItemIds
+  }, children)) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, children)));
+});
+List.displayName = LIST_NAME;
+
+// packages/ui/primitives/react-list/src/ListItem.tsx
+var import_sortable2 = require("@dnd-kit/sortable");
+var import_utilities = require("@dnd-kit/utilities");
+var Collapsible = __toESM(require("@radix-ui/react-collapsible"));
+var import_react_compose_refs = require("@radix-ui/react-compose-refs");
+var import_react_context2 = require("@radix-ui/react-context");
+var import_react_primitive2 = require("@radix-ui/react-primitive");
+var import_react_slot = require("@radix-ui/react-slot");
+var import_react_use_controllable_state = require("@radix-ui/react-use-controllable-state");
+var import_react2 = __toESM(require("react"));
+var import_react_hooks = require("@dxos/react-hooks");
+function _extends2() {
+  _extends2 = Object.assign || function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends2.apply(this, arguments);
+}
+var LIST_ITEM_NAME = "ListItem";
+var [createListItemContext, createListItemScope] = (0, import_react_context2.createContextScope)(LIST_ITEM_NAME, []);
+var [ListItemProvider, useListItemContext] = createListItemContext(LIST_ITEM_NAME);
+var ListItemHeading = /* @__PURE__ */ (0, import_react2.forwardRef)(({ children, asChild, __listItemScope, ...props }, forwardedRef) => {
+  const { headingId } = useListItemContext(LIST_ITEM_NAME, __listItemScope);
+  const Root2 = asChild ? import_react_slot.Slot : import_react_primitive2.Primitive.p;
+  return /* @__PURE__ */ import_react2.default.createElement(Root2, _extends2({}, props, {
+    id: headingId,
+    ref: forwardedRef
+  }), children);
+});
+var ListItemDragHandle = /* @__PURE__ */ (0, import_react2.forwardRef)(({ __listItemScope, children, ...props }, forwardedRef) => {
+  const { draggableAttributes, draggableListeners } = useListItemContext(LIST_ITEM_NAME, __listItemScope);
+  return /* @__PURE__ */ import_react2.default.createElement("div", _extends2({
+    role: "button",
+    ref: forwardedRef
+  }, props, draggableAttributes, draggableListeners), children);
+});
+var ListItemOpenTrigger = Collapsible.Trigger;
+var ListItemCollapsibleContent = Collapsible.Content;
+var PureListItem = /* @__PURE__ */ (0, import_react2.forwardRef)((props, forwardedRef) => {
+  const { __listScope, __listItemScope, children, selected: propsSelected, defaultSelected, onSelectedChange, open: propsOpen, defaultOpen, onOpenChange, collapsible, id, draggableAttributes, draggableListeners, ...listItemProps } = props;
+  const { selectable } = useListContext(LIST_NAME, __listScope);
+  const [selected = false, setSelected] = (0, import_react_use_controllable_state.useControllableState)({
+    prop: propsSelected,
+    defaultProp: defaultSelected,
+    onChange: onSelectedChange
+  });
+  const [open = false, setOpen] = (0, import_react_use_controllable_state.useControllableState)({
+    prop: propsOpen,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  const headingId = (0, import_react_hooks.useId)("listItem__heading");
+  const listItem = /* @__PURE__ */ import_react2.default.createElement(import_react_primitive2.Primitive.li, _extends2({}, listItemProps, {
+    id,
+    ref: forwardedRef,
+    "aria-labelledby": headingId
+  }, selectable && {
+    role: "option",
+    "aria-selected": !!selected
+  }), children);
+  return /* @__PURE__ */ import_react2.default.createElement(ListItemProvider, _extends2({
+    scope: __listItemScope,
+    headingId,
+    open,
+    selected,
+    setSelected
+  }, {
+    draggableAttributes,
+    draggableListeners
+  }), collapsible ? /* @__PURE__ */ import_react2.default.createElement(Collapsible.Root, {
+    asChild: true,
+    open,
+    onOpenChange: setOpen
+  }, listItem) : listItem);
+});
+var DraggableListItem = /* @__PURE__ */ (0, import_react2.forwardRef)((props, forwardedRef) => {
+  const { attributes, listeners, setNodeRef, transform, transition } = (0, import_sortable2.useSortable)({
+    id: props.id
+  });
+  const ref = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, setNodeRef);
+  return /* @__PURE__ */ import_react2.default.createElement(PureListItem, _extends2({}, props, {
+    style: {
+      ...props.style,
+      transform: import_utilities.CSS.Transform.toString(transform),
+      transition
+    },
+    ref
+  }, {
+    draggableAttributes: attributes,
+    draggableListeners: listeners
+  }));
+});
+var ListItem = /* @__PURE__ */ (0, import_react2.forwardRef)((props, forwardedRef) => {
+  const { variant } = useListContext(LIST_NAME, props.__listScope);
+  const listItemId = (0, import_react_hooks.useId)("listItem", props.id);
+  if (variant === "ordered-draggable") {
+    return /* @__PURE__ */ import_react2.default.createElement(DraggableListItem, _extends2({}, props, {
+      ref: forwardedRef,
+      id: listItemId
+    }));
+  } else {
+    return /* @__PURE__ */ import_react2.default.createElement(PureListItem, _extends2({}, props, {
+      ref: forwardedRef,
+      id: listItemId
+    }));
+  }
+});
+ListItem.displayName = LIST_ITEM_NAME;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LIST_ITEM_NAME,
+  LIST_NAME,
+  List,
+  ListItem,
+  ListItemCollapsibleContent,
+  ListItemDragHandle,
+  ListItemHeading,
+  ListItemOpenTrigger,
+  arrayMove,
+  createListItemScope,
+  createListScope,
+  useListContext,
+  useListItemContext
+});
+//# sourceMappingURL=index.cjs.map

package/dist/lib/node/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/index.ts", "../../../src/List.tsx", "../../../src/ListItem.tsx"],
+  "sourcesContent": ["//\n// Copyright 2022 DXOS.org\n//\n\nexport * from './List';\nexport * from './ListItem';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { DndContext, DragEndEvent } from '@dnd-kit/core';\nimport { restrictToVerticalAxis } from '@dnd-kit/modifiers';\nimport { SortableContext, arrayMove } from '@dnd-kit/sortable';\nimport { createContextScope, Scope } from '@radix-ui/react-context';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport omit from 'lodash.omit';\nimport React, { ComponentPropsWithRef, forwardRef, ReactHTMLElement } from 'react';\n\n// TODO(thure): A lot of the accessible affordances for this kind of thing need to be implemented per https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/listbox_role\n\nconst LIST_NAME = 'List';\n\ntype ListScopedProps<P> = P & { __listScope?: Scope };\n\ntype ListVariant = 'ordered' | 'unordered' | 'ordered-draggable';\n\ntype SharedListProps = {\n  selectable?: boolean;\n  variant?: ListVariant;\n  onDragEnd?: (event: DragEndEvent) => void;\n  listItemIds?: string[];\n  toggleOpenLabel?: string | Omit<ReactHTMLElement<HTMLElement>, 'ref'>;\n};\n\ntype DraggableListProps = Omit<SharedListProps, 'slots'> & {\n  onDragEnd: Exclude<SharedListProps['onDragEnd'], undefined>;\n  listItemIds: Exclude<SharedListProps['listItemIds'], undefined>;\n  variant: 'ordered-draggable';\n};\n\ntype ListProps =\n  | (Omit<ComponentPropsWithRef<typeof Primitive.ol>, 'onDragEnd'> & SharedListProps)\n  | (Omit<ComponentPropsWithRef<typeof Primitive.ol>, 'onDragEnd'> & DraggableListProps);\n\n// LIST\n\nconst [createListContext, createListScope] = createContextScope(LIST_NAME, []);\n\ntype ListContextValue = Pick<ListProps, 'selectable' | 'variant' | 'toggleOpenLabel'>;\n\nconst [ListProvider, useListContext] = createListContext<ListContextValue>(LIST_NAME);\n\nconst List = forwardRef<HTMLOListElement, ListProps>((props: ListScopedProps<ListProps>, forwardedRef) => {\n  const {\n    __listScope,\n    variant = 'ordered',\n    selectable = false,\n    toggleOpenLabel = 'Expand/collapse item',\n    children,\n    ...rootProps\n  } = props;\n  const ListRoot = variant === 'ordered' || variant === 'ordered-draggable' ? Primitive.ol : Primitive.ul;\n  return (\n    <ListRoot\n      {...(selectable && { role: 'listbox', 'aria-multiselectable': true })}\n      {...omit(rootProps, 'onDragEnd', 'listItemIds')}\n      ref={forwardedRef}\n    >\n      <ListProvider\n        {...{\n          scope: __listScope,\n          variant,\n          selectable,\n          toggleOpenLabel,\n        }}\n      >\n        {variant === 'ordered-draggable' ? (\n          <DndContext onDragEnd={(props as DraggableListProps).onDragEnd} modifiers={[restrictToVerticalAxis]}>\n            <SortableContext items={(props as DraggableListProps).listItemIds}>{children}</SortableContext>\n          </DndContext>\n        ) : (\n          <>{children}</>\n        )}\n      </ListProvider>\n    </ListRoot>\n  );\n});\n\nList.displayName = LIST_NAME;\n\nexport { List, createListScope, useListContext, LIST_NAME, arrayMove };\n\nexport type { ListProps, ListVariant, ListScopedProps, DragEndEvent };\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { DraggableAttributes } from '@dnd-kit/core';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport type { CheckboxProps } from '@radix-ui/react-checkbox';\nimport { CollapsibleTriggerProps } from '@radix-ui/react-collapsible';\nimport * as Collapsible from '@radix-ui/react-collapsible';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContextScope, Scope } from '@radix-ui/react-context';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { Slot } from '@radix-ui/react-slot';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport React, { ComponentProps, ComponentPropsWithRef, Dispatch, forwardRef, SetStateAction } from 'react';\n\nimport { useId } from '@dxos/react-hooks';\n\nimport { LIST_NAME, ListScopedProps, useListContext } from './List';\n\nconst LIST_ITEM_NAME = 'ListItem';\n\ntype ListItemScopedProps<P> = P & { __listItemScope?: Scope };\n\ninterface ListItemData {\n  id: string;\n  selected?: CheckboxProps['checked'];\n  open?: boolean;\n}\n\ntype ListItemProps = Omit<ListItemData, 'id'> & { collapsible?: boolean } & ComponentPropsWithRef<\n    typeof Primitive.li\n  > & {\n    defaultOpen?: boolean;\n    onOpenChange?: (nextOpen: boolean) => void;\n  } & {\n    onSelectedChange?: CheckboxProps['onCheckedChange'];\n    defaultSelected?: CheckboxProps['defaultChecked'];\n  };\n\ntype ListItemElement = React.ElementRef<typeof Primitive.li>;\n\nconst [createListItemContext, createListItemScope] = createContextScope(LIST_ITEM_NAME, []);\n\ntype DraggableListItemContextValue = {\n  draggableAttributes: DraggableAttributes;\n  draggableListeners: ReturnType<typeof useSortable>['listeners'];\n};\n\ntype ListItemContextValue = {\n  headingId: string;\n  open: boolean;\n  selected: CheckboxProps['checked'];\n  setSelected: Dispatch<SetStateAction<CheckboxProps['checked']>>;\n} & Partial<DraggableListItemContextValue>;\n\nconst [ListItemProvider, useListItemContext] = createListItemContext<ListItemContextValue>(LIST_ITEM_NAME);\n\ntype ListItemHeadingProps = ListItemScopedProps<Omit<ComponentPropsWithRef<typeof Primitive.p>, 'id'>> & {\n  asChild?: boolean;\n};\n\nconst ListItemHeading = forwardRef<HTMLParagraphElement, ListItemHeadingProps>(\n  ({ children, asChild, __listItemScope, ...props }, forwardedRef) => {\n    const { headingId } = useListItemContext(LIST_ITEM_NAME, __listItemScope);\n    const Root = asChild ? Slot : Primitive.p;\n    return (\n      <Root {...props} id={headingId} ref={forwardedRef}>\n        {children}\n      </Root>\n    );\n  },\n);\n\ntype ListItemDragHandleProps = ComponentPropsWithRef<typeof Primitive.div>;\n\nconst ListItemDragHandle = forwardRef<HTMLDivElement, ListItemScopedProps<ListItemDragHandleProps>>(\n  ({ __listItemScope, children, ...props }, forwardedRef) => {\n    const { draggableAttributes, draggableListeners } = useListItemContext(LIST_ITEM_NAME, __listItemScope);\n    return (\n      <div role='button' ref={forwardedRef} {...props} {...draggableAttributes} {...draggableListeners}>\n        {children}\n      </div>\n    );\n  },\n);\n\ntype ListItemOpenTriggerProps = ListItemScopedProps<CollapsibleTriggerProps>;\n\nconst ListItemOpenTrigger = Collapsible.Trigger;\n\ntype ListItemCollapsibleContentProps = ComponentProps<typeof Collapsible.Content>;\n\nconst ListItemCollapsibleContent = Collapsible.Content;\n\nconst PureListItem = forwardRef<\n  ListItemElement,\n  ListItemProps & { id: string } & Partial<DraggableListItemContextValue>\n>(\n  (\n    props: ListItemScopedProps<\n      ListScopedProps<ListItemProps & { id: string } & Partial<DraggableListItemContextValue>>\n    >,\n    forwardedRef,\n  ) => {\n    const {\n      __listScope,\n      __listItemScope,\n      children,\n      selected: propsSelected,\n      defaultSelected,\n      onSelectedChange,\n      open: propsOpen,\n      defaultOpen,\n      onOpenChange,\n      collapsible,\n      id,\n      draggableAttributes,\n      draggableListeners,\n      ...listItemProps\n    } = props;\n    const { selectable } = useListContext(LIST_NAME, __listScope);\n\n    const [selected = false, setSelected] = useControllableState({\n      prop: propsSelected,\n      defaultProp: defaultSelected,\n      onChange: onSelectedChange,\n    });\n\n    const [open = false, setOpen] = useControllableState({\n      prop: propsOpen,\n      defaultProp: defaultOpen,\n      onChange: onOpenChange,\n    });\n\n    const headingId = useId('listItem__heading');\n\n    const listItem = (\n      <Primitive.li\n        {...listItemProps}\n        id={id}\n        ref={forwardedRef}\n        aria-labelledby={headingId}\n        {...(selectable && { role: 'option', 'aria-selected': !!selected })}\n      >\n        {children}\n      </Primitive.li>\n    );\n\n    return (\n      <ListItemProvider\n        scope={__listItemScope}\n        headingId={headingId}\n        open={open}\n        selected={selected}\n        setSelected={setSelected}\n        {...{ draggableAttributes, draggableListeners }}\n      >\n        {collapsible ? (\n          <Collapsible.Root asChild open={open} onOpenChange={setOpen}>\n            {listItem}\n          </Collapsible.Root>\n        ) : (\n          listItem\n        )}\n      </ListItemProvider>\n    );\n  },\n);\n\nconst DraggableListItem = forwardRef<ListItemElement, ListItemProps & { id: string }>(\n  (props: ListItemScopedProps<ListItemProps & { id: string }>, forwardedRef) => {\n    const { attributes, listeners, setNodeRef, transform, transition } = useSortable({\n      id: props.id,\n    });\n    const ref = useComposedRefs(forwardedRef, setNodeRef) as ComponentPropsWithRef<typeof Primitive.li>['ref'];\n\n    return (\n      <PureListItem\n        {...props}\n        style={{\n          ...props.style,\n          transform: CSS.Transform.toString(transform),\n          transition,\n        }}\n        ref={ref}\n        {...{\n          draggableAttributes: attributes,\n          draggableListeners: listeners,\n        }}\n      />\n    );\n  },\n);\n\nconst ListItem = forwardRef<ListItemElement, ListItemProps>((props: ListScopedProps<ListItemProps>, forwardedRef) => {\n  const { variant } = useListContext(LIST_NAME, props.__listScope);\n  const listItemId = useId('listItem', props.id);\n\n  if (variant === 'ordered-draggable') {\n    return <DraggableListItem {...props} ref={forwardedRef} id={listItemId} />;\n  } else {\n    return <PureListItem {...props} ref={forwardedRef} id={listItemId} />;\n  }\n});\n\nListItem.displayName = LIST_ITEM_NAME;\n\nexport {\n  ListItem,\n  ListItemHeading,\n  ListItemCollapsibleContent,\n  ListItemDragHandle,\n  ListItemOpenTrigger,\n  createListItemScope,\n  useListItemContext,\n  LIST_ITEM_NAME,\n};\n\nexport type {\n  ListItemProps,\n  ListItemHeadingProps,\n  ListItemCollapsibleContentProps,\n  ListItemDragHandleProps,\n  ListItemOpenTriggerProps,\n  ListItemScopedProps,\n};\n"],
+  "mappings": "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",
+  "names": ["LIST_NAME", "createListContext", "createListScope", "createContextScope", "ListProvider", "useListContext", "List", "forwardRef", "props", "forwardedRef", "__listScope", "variant", "selectable", "toggleOpenLabel", "children", "rootProps", "ListRoot", "Primitive", "ol", "ul", "React", "role", "omit", "ref", "scope", "DndContext", "onDragEnd", "modifiers", "restrictToVerticalAxis", "SortableContext", "items", "listItemIds", "displayName", "import_sortable", "import_react_context", "import_react_primitive", "import_react", "_extends", "LIST_ITEM_NAME", "createListItemContext", "createListItemScope", "createContextScope", "ListItemProvider", "useListItemContext", "ListItemHeading", "forwardRef", "children", "asChild", "__listItemScope", "props", "forwardedRef", "headingId", "Root", "Slot", "Primitive", "p", "React", "id", "ref", "ListItemDragHandle", "draggableAttributes", "draggableListeners", "div", "role", "ListItemOpenTrigger", "Trigger", "ListItemCollapsibleContent", "Content", "PureListItem", "__listScope", "selected", "propsSelected", "defaultSelected", "onSelectedChange", "open", "propsOpen", "defaultOpen", "onOpenChange", "collapsible", "listItemProps", "selectable", "useListContext", "LIST_NAME", "setSelected", "useControllableState", "prop", "defaultProp", "onChange", "setOpen", "useId", "listItem", "li", "aria-labelledby", "scope", "DraggableListItem", "attributes", "listeners", "setNodeRef", "transform", "transition", "useSortable", "useComposedRefs", "style", "CSS", "Transform", "toString", "ListItem", "variant", "listItemId", "displayName"]
+}

package/dist/lib/node/meta.json

@@ -0,0 +1 @@
+{"inputs":{"packages/ui/primitives/react-list/src/List.tsx":{"bytes":8588,"imports":[{"path":"@dnd-kit/core","kind":"import-statement","external":true},{"path":"@dnd-kit/modifiers","kind":"import-statement","external":true},{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"lodash.omit","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}]},"packages/ui/primitives/react-list/src/ListItem.tsx":{"bytes":19554,"imports":[{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"@dnd-kit/utilities","kind":"import-statement","external":true},{"path":"@radix-ui/react-collapsible","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-hooks","kind":"import-statement","external":true},{"path":"packages/ui/primitives/react-list/src/List.tsx","kind":"import-statement","original":"./List"}]},"packages/ui/primitives/react-list/src/index.ts":{"bytes":456,"imports":[{"path":"packages/ui/primitives/react-list/src/List.tsx","kind":"import-statement","original":"./List"},{"path":"packages/ui/primitives/react-list/src/ListItem.tsx","kind":"import-statement","original":"./ListItem"}]}},"outputs":{"packages/ui/primitives/react-list/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":15423},"packages/ui/primitives/react-list/dist/lib/node/index.cjs":{"imports":[{"path":"@dnd-kit/core","kind":"require-call","external":true},{"path":"@dnd-kit/modifiers","kind":"require-call","external":true},{"path":"@dnd-kit/sortable","kind":"require-call","external":true},{"path":"@radix-ui/react-context","kind":"require-call","external":true},{"path":"@radix-ui/react-primitive","kind":"require-call","external":true},{"path":"lodash.omit","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"@dnd-kit/sortable","kind":"require-call","external":true},{"path":"@dnd-kit/utilities","kind":"require-call","external":true},{"path":"@radix-ui/react-collapsible","kind":"require-call","external":true},{"path":"@radix-ui/react-compose-refs","kind":"require-call","external":true},{"path":"@radix-ui/react-context","kind":"require-call","external":true},{"path":"@radix-ui/react-primitive","kind":"require-call","external":true},{"path":"@radix-ui/react-slot","kind":"require-call","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"@dxos/react-hooks","kind":"require-call","external":true}],"exports":[],"entryPoint":"packages/ui/primitives/react-list/src/index.ts","inputs":{"packages/ui/primitives/react-list/src/index.ts":{"bytesInOutput":641},"packages/ui/primitives/react-list/src/List.tsx":{"bytesInOutput":2228},"packages/ui/primitives/react-list/src/ListItem.tsx":{"bytesInOutput":5072}},"bytes":9859}}}

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

@@ -0,0 +1,42 @@
+import { DragEndEvent } from '@dnd-kit/core';
+import { arrayMove } from '@dnd-kit/sortable';
+import { Scope } from '@radix-ui/react-context';
+import { Primitive } from '@radix-ui/react-primitive';
+import React, { ComponentPropsWithRef, ReactHTMLElement } from 'react';
+declare const LIST_NAME = "List";
+type ListScopedProps<P> = P & {
+    __listScope?: Scope;
+};
+type ListVariant = 'ordered' | 'unordered' | 'ordered-draggable';
+type SharedListProps = {
+    selectable?: boolean;
+    variant?: ListVariant;
+    onDragEnd?: (event: DragEndEvent) => void;
+    listItemIds?: string[];
+    toggleOpenLabel?: string | Omit<ReactHTMLElement<HTMLElement>, 'ref'>;
+};
+type DraggableListProps = Omit<SharedListProps, 'slots'> & {
+    onDragEnd: Exclude<SharedListProps['onDragEnd'], undefined>;
+    listItemIds: Exclude<SharedListProps['listItemIds'], undefined>;
+    variant: 'ordered-draggable';
+};
+type ListProps = (Omit<ComponentPropsWithRef<typeof Primitive.ol>, 'onDragEnd'> & SharedListProps) | (Omit<ComponentPropsWithRef<typeof Primitive.ol>, 'onDragEnd'> & DraggableListProps);
+declare const createListScope: import("@radix-ui/react-context").CreateScope;
+type ListContextValue = Pick<ListProps, 'selectable' | 'variant' | 'toggleOpenLabel'>;
+declare const useListContext: (consumerName: string, scope: Scope<ListContextValue | undefined>) => ListContextValue;
+declare const List: React.ForwardRefExoticComponent<(Pick<Omit<Pick<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "key" | keyof React.OlHTMLAttributes<HTMLOListElement>> & {
+    ref?: ((instance: HTMLOListElement | null) => void) | React.RefObject<HTMLOListElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "onDragEnd"> & SharedListProps, "type" | "key" | keyof SharedListProps | "slot" | "style" | "title" | "reversed" | "start" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "asChild"> | Pick<Omit<Pick<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "key" | keyof React.OlHTMLAttributes<HTMLOListElement>> & {
+    ref?: ((instance: HTMLOListElement | null) => void) | React.RefObject<HTMLOListElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "onDragEnd"> & Omit<SharedListProps, "slots"> & {
+    onDragEnd: Exclude<SharedListProps['onDragEnd'], undefined>;
+    listItemIds: Exclude<SharedListProps['listItemIds'], undefined>;
+    variant: 'ordered-draggable';
+}, "type" | "key" | keyof SharedListProps | "slot" | "style" | "title" | "reversed" | "start" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "asChild">) & React.RefAttributes<HTMLOListElement>>;
+export { List, createListScope, useListContext, LIST_NAME, arrayMove };
+export type { ListProps, ListVariant, ListScopedProps, DragEndEvent };
+//# sourceMappingURL=List.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/List.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAc,YAAY,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAmB,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAsB,KAAK,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,qBAAqB,EAAc,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAInF,QAAA,MAAM,SAAS,SAAS,CAAC;AAEzB,KAAK,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAEtD,KAAK,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,mBAAmB,CAAC;AAEjE,KAAK,eAAe,GAAG;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC;CACvE,CAAC;AAEF,KAAK,kBAAkB,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,GAAG;IACzD,SAAS,EAAE,OAAO,CAAC,eAAe,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,CAAC;IAC5D,WAAW,EAAE,OAAO,CAAC,eAAe,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC,CAAC;IAChE,OAAO,EAAE,mBAAmB,CAAC;CAC9B,CAAC;AAEF,KAAK,SAAS,GACV,CAAC,IAAI,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,GAAG,eAAe,CAAC,GACjF,CAAC,IAAI,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,GAAG,kBAAkB,CAAC,CAAC;AAIzF,QAAA,MAA0B,eAAe,+CAAqC,CAAC;AAE/E,KAAK,gBAAgB,GAAG,IAAI,CAAC,SAAS,EAAE,YAAY,GAAG,SAAS,GAAG,iBAAiB,CAAC,CAAC;AAEtF,QAAA,MAAqB,cAAc,wFAAkD,CAAC;AAEtF,QAAA,MAAM,IAAI;;;;;;;;;eAjBG,QAAQ,eAAe,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;iBAC9C,QAAQ,eAAe,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC;aACtD,mBAAmB;wlJAiD5B,CAAC;AAIH,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;AAEvE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,YAAY,EAAE,CAAC"}