foldkit 0.42.0 → 0.43.1

package/dist/ui/dragAndDrop/index.js

@@ -0,0 +1,511 @@
+import { Array, Effect, Equal, Equivalence, Function, Match as M, Option, Schema as S, Stream, pipe, } from 'effect';
+import * as Command from '../../command';
+import { html } from '../../html';
+import { m } from '../../message';
+import { makeSubscriptions } from '../../runtime/subscription';
+import { ts } from '../../schema';
+import { evo } from '../../struct';
+import * as Task from '../../task';
+// MODEL
+const Orientation = S.Literal('Horizontal', 'Vertical');
+const ScreenPoint = S.Struct({
+    screenX: S.Number,
+    screenY: S.Number,
+});
+const ClientPoint = S.Struct({
+    clientX: S.Number,
+    clientY: S.Number,
+});
+const DropTarget = S.Struct({
+    containerId: S.String,
+    index: S.Number,
+});
+const Idle = ts('Idle');
+const Pending = ts('Pending', {
+    itemId: S.String,
+    containerId: S.String,
+    index: S.Number,
+    origin: ScreenPoint,
+});
+const Dragging = ts('Dragging', {
+    itemId: S.String,
+    sourceContainerId: S.String,
+    sourceIndex: S.Number,
+    origin: ScreenPoint,
+    current: ClientPoint,
+    maybeDropTarget: S.OptionFromSelf(DropTarget),
+});
+const KeyboardDragging = ts('KeyboardDragging', {
+    itemId: S.String,
+    sourceContainerId: S.String,
+    sourceIndex: S.Number,
+    targetContainerId: S.String,
+    targetIndex: S.Number,
+});
+const DragState = S.Union(Idle, Pending, Dragging, KeyboardDragging);
+/** Schema for the drag-and-drop component's state, tracking its unique ID, orientation, and current drag phase. */
+export const Model = S.Struct({
+    id: S.String,
+    orientation: Orientation,
+    activationThreshold: S.Number,
+    dragState: DragState,
+});
+// MESSAGE
+/** The user pressed a pointer on a draggable item. */
+export const PressedDraggable = m('PressedDraggable', {
+    itemId: S.String,
+    containerId: S.String,
+    index: S.Number,
+    screenX: S.Number,
+    screenY: S.Number,
+});
+/** The pointer moved during a drag, with collision detection results. */
+export const MovedPointer = m('MovedPointer', {
+    screenX: S.Number,
+    screenY: S.Number,
+    clientX: S.Number,
+    clientY: S.Number,
+    maybeDropTarget: S.OptionFromSelf(DropTarget),
+});
+/** The pointer was released. */
+export const ReleasedPointer = m('ReleasedPointer');
+/** Escape was pressed during a drag. */
+export const CancelledDrag = m('CancelledDrag');
+/** The user activated keyboard drag with Space or Enter on a focused draggable. */
+export const ActivatedKeyboardDrag = m('ActivatedKeyboardDrag', {
+    itemId: S.String,
+    containerId: S.String,
+    index: S.Number,
+});
+/** The ResolveKeyboardMove Command resolved the next keyboard drag position. */
+export const ResolvedKeyboardMove = m('ResolvedKeyboardMove', {
+    targetContainerId: S.String,
+    targetIndex: S.Number,
+});
+/** The user confirmed a keyboard drop with Space or Enter. */
+export const ConfirmedKeyboardDrop = m('ConfirmedKeyboardDrop');
+/** The user pressed an arrow key during keyboard drag. */
+export const PressedArrowKey = m('PressedArrowKey', {
+    direction: S.Literal('Up', 'Down', 'Left', 'Right', 'NextContainer', 'PreviousContainer'),
+});
+/** An animation frame fired during auto-scroll. */
+export const CompletedAutoScroll = m('CompletedAutoScroll');
+/** The FocusItem Command completed. */
+export const CompletedFocusItem = m('CompletedFocusItem');
+/** Union of all messages the drag-and-drop component can produce. */
+export const Message = S.Union(PressedDraggable, MovedPointer, ReleasedPointer, CancelledDrag, ActivatedKeyboardDrag, ResolvedKeyboardMove, ConfirmedKeyboardDrop, PressedArrowKey, CompletedAutoScroll, CompletedFocusItem);
+// OUT MESSAGE
+/** Emitted when a drag completes with a valid drop target. The parent uses this to commit the reorder. */
+export const Reordered = ts('Reordered', {
+    itemId: S.String,
+    fromContainerId: S.String,
+    fromIndex: S.Number,
+    toContainerId: S.String,
+    toIndex: S.Number,
+});
+/** Emitted when a drag is cancelled via Escape or pointer release without a drop target. */
+export const Cancelled = ts('Cancelled');
+/** Union of all out-messages the drag-and-drop component can emit to its parent. */
+export const OutMessage = S.Union(Reordered, Cancelled);
+// INIT
+/** Configuration for creating a drag-and-drop model with `init`. */
+const DEFAULT_ACTIVATION_THRESHOLD_PIXELS = 5;
+/** Creates an initial drag-and-drop model. Starts in the Idle state with Vertical orientation and 5px activation threshold by default. */
+export const init = (config) => ({
+    id: config.id,
+    orientation: config.orientation ?? 'Vertical',
+    activationThreshold: config.activationThreshold ?? DEFAULT_ACTIVATION_THRESHOLD_PIXELS,
+    dragState: Idle(),
+});
+/** Resolves the next keyboard drag position by querying the DOM for adjacent sortable items and containers. */
+export const ResolveKeyboardMove = Command.define('ResolveKeyboardMove', ResolvedKeyboardMove);
+/** Focuses a draggable item by ID after keyboard drop or cancel. */
+export const FocusItem = Command.define('FocusItem', CompletedFocusItem);
+const focusItem = (itemId) => FocusItem(Task.focus(`[data-draggable-id="${itemId}"]`).pipe(Effect.ignore, Effect.as(CompletedFocusItem())));
+const resolveWithinContainer = (config) => {
+    const container = document.querySelector(`[data-droppable-id="${config.containerId}"]`);
+    if (!container) {
+        return ResolvedKeyboardMove({
+            targetContainerId: config.containerId,
+            targetIndex: config.currentIndex,
+        });
+    }
+    const itemCount = pipe(container.querySelectorAll('[data-sortable-id]'), Array.fromIterable, Array.filter(({ dataset }) => dataset['sortableId'] !== config.itemId), Array.length);
+    const nextIndex = config.isForward
+        ? Math.min(config.currentIndex + 1, itemCount)
+        : Math.max(config.currentIndex - 1, 0);
+    return ResolvedKeyboardMove({
+        targetContainerId: config.containerId,
+        targetIndex: nextIndex,
+    });
+};
+const resolveBetweenContainers = (config) => {
+    const allContainers = Array.fromIterable(document.querySelectorAll('[data-droppable-id]'));
+    const currentContainerIndex = pipe(allContainers, Array.findFirstIndex(({ dataset }) => dataset['droppableId'] === config.currentContainerId), Option.getOrElse(() => 0));
+    const nextContainerIndex = config.isForward
+        ? Math.min(currentContainerIndex + 1, allContainers.length - 1)
+        : Math.max(currentContainerIndex - 1, 0);
+    const nextContainerId = allContainers[nextContainerIndex]?.dataset['droppableId'] ??
+        config.currentContainerId;
+    return ResolvedKeyboardMove({
+        targetContainerId: nextContainerId,
+        targetIndex: 0,
+    });
+};
+const resolveKeyboardMoveTarget = (config) => Effect.sync(() => M.value(config.direction).pipe(M.withReturnType(), M.whenOr('Down', 'Right', () => resolveWithinContainer({
+    itemId: config.itemId,
+    containerId: config.currentContainerId,
+    currentIndex: config.currentIndex,
+    isForward: true,
+})), M.whenOr('Up', 'Left', () => resolveWithinContainer({
+    itemId: config.itemId,
+    containerId: config.currentContainerId,
+    currentIndex: config.currentIndex,
+    isForward: false,
+})), M.when('NextContainer', () => resolveBetweenContainers({
+    currentContainerId: config.currentContainerId,
+    isForward: true,
+})), M.when('PreviousContainer', () => resolveBetweenContainers({
+    currentContainerId: config.currentContainerId,
+    isForward: false,
+})), M.exhaustive));
+const withUpdateReturn = M.withReturnType();
+/** Processes a drag-and-drop message and returns the next model, commands, and an optional out-message for the parent. */
+export const update = (model, message) => M.value(message).pipe(withUpdateReturn, M.tagsExhaustive({
+    PressedDraggable: ({ itemId, containerId, index, screenX, screenY }) => [
+        evo(model, {
+            dragState: () => Pending({
+                itemId,
+                containerId,
+                index,
+                origin: { screenX, screenY },
+            }),
+        }),
+        [],
+        Option.none(),
+    ],
+    MovedPointer: ({ screenX, screenY, clientX, clientY, maybeDropTarget }) => M.value(model.dragState).pipe(withUpdateReturn, M.tag('Pending', pending => {
+        const deltaX = screenX - pending.origin.screenX;
+        const deltaY = screenY - pending.origin.screenY;
+        const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
+        if (distance < model.activationThreshold) {
+            return [model, [], Option.none()];
+        }
+        return [
+            evo(model, {
+                dragState: () => Dragging({
+                    itemId: pending.itemId,
+                    sourceContainerId: pending.containerId,
+                    sourceIndex: pending.index,
+                    origin: pending.origin,
+                    current: { clientX, clientY },
+                    maybeDropTarget,
+                }),
+            }),
+            [],
+            Option.none(),
+        ];
+    }), M.tag('Dragging', dragging => [
+        evo(model, {
+            dragState: () => Dragging({
+                ...dragging,
+                current: { clientX, clientY },
+                maybeDropTarget,
+            }),
+        }),
+        [],
+        Option.none(),
+    ]), M.orElse(() => [model, [], Option.none()])),
+    ReleasedPointer: () => M.value(model.dragState).pipe(withUpdateReturn, M.tag('Pending', () => [
+        evo(model, { dragState: () => Idle() }),
+        [],
+        Option.none(),
+    ]), M.tag('Dragging', dragging => Option.match(dragging.maybeDropTarget, {
+        onNone: () => [
+            evo(model, { dragState: () => Idle() }),
+            [],
+            Option.some(Cancelled()),
+        ],
+        onSome: dropTarget => [
+            evo(model, { dragState: () => Idle() }),
+            [],
+            Option.some(Reordered({
+                itemId: dragging.itemId,
+                fromContainerId: dragging.sourceContainerId,
+                fromIndex: dragging.sourceIndex,
+                toContainerId: dropTarget.containerId,
+                toIndex: dropTarget.index,
+            })),
+        ],
+    })), M.orElse(() => [model, [], Option.none()])),
+    CancelledDrag: () => {
+        const maybeFocusCommand = Option.liftPredicate(model.dragState, dragState => dragState._tag === 'KeyboardDragging').pipe(Option.map(({ itemId }) => focusItem(itemId)));
+        const maybeOutMessage = Option.liftPredicate(model.dragState._tag, _tag => _tag === 'Dragging' || _tag === 'KeyboardDragging').pipe(Option.map(() => Cancelled()));
+        return [
+            evo(model, { dragState: () => Idle() }),
+            Option.toArray(maybeFocusCommand),
+            maybeOutMessage,
+        ];
+    },
+    ActivatedKeyboardDrag: ({ itemId, containerId, index }) => [
+        evo(model, {
+            dragState: () => KeyboardDragging({
+                itemId,
+                sourceContainerId: containerId,
+                sourceIndex: index,
+                targetContainerId: containerId,
+                targetIndex: index,
+            }),
+        }),
+        [],
+        Option.none(),
+    ],
+    ResolvedKeyboardMove: ({ targetContainerId, targetIndex }) => M.value(model.dragState).pipe(withUpdateReturn, M.tag('KeyboardDragging', keyboardDragging => [
+        evo(model, {
+            dragState: () => KeyboardDragging({
+                ...keyboardDragging,
+                targetContainerId,
+                targetIndex,
+            }),
+        }),
+        [],
+        Option.none(),
+    ]), M.orElse(() => [model, [], Option.none()])),
+    ConfirmedKeyboardDrop: () => M.value(model.dragState).pipe(withUpdateReturn, M.tag('KeyboardDragging', keyboardDragging => [
+        evo(model, { dragState: () => Idle() }),
+        [focusItem(keyboardDragging.itemId)],
+        Option.some(Reordered({
+            itemId: keyboardDragging.itemId,
+            fromContainerId: keyboardDragging.sourceContainerId,
+            fromIndex: keyboardDragging.sourceIndex,
+            toContainerId: keyboardDragging.targetContainerId,
+            toIndex: keyboardDragging.targetIndex,
+        })),
+    ]), M.orElse(() => [model, [], Option.none()])),
+    PressedArrowKey: ({ direction }) => M.value(model.dragState).pipe(withUpdateReturn, M.tag('KeyboardDragging', keyboardDragging => [
+        model,
+        [
+            ResolveKeyboardMove(resolveKeyboardMoveTarget({
+                itemId: keyboardDragging.itemId,
+                currentContainerId: keyboardDragging.targetContainerId,
+                currentIndex: keyboardDragging.targetIndex,
+                direction,
+            })),
+        ],
+        Option.none(),
+    ]), M.orElse(() => [model, [], Option.none()])),
+    CompletedAutoScroll: () => [model, [], Option.none()],
+    CompletedFocusItem: () => [model, [], Option.none()],
+}));
+// SUBSCRIPTION
+const DragActivity = S.Literal('Idle', 'Active');
+const PointerDragActivity = S.Literal('Idle', 'Active');
+const KeyboardDragActivity = S.Literal('Idle', 'Active');
+const resolveDropTarget = (clientX, clientY, orientation) => {
+    const maybeContainer = pipe(document.elementsFromPoint(clientX, clientY), Array.fromIterable, Array.findFirst(element => element.hasAttribute('data-droppable-id')));
+    return Option.flatMap(maybeContainer, container => {
+        const containerId = container.getAttribute('data-droppable-id');
+        if (!containerId) {
+            return Option.none();
+        }
+        const sortableItems = Array.fromIterable(container.querySelectorAll('[data-sortable-id]'));
+        const insertionIndex = pipe(sortableItems, Array.findFirstIndex(item => {
+            const rect = item.getBoundingClientRect();
+            return M.value(orientation).pipe(M.when('Vertical', () => clientY < rect.top + rect.height / 2), M.when('Horizontal', () => clientX < rect.left + rect.width / 2), M.exhaustive);
+        }), Option.getOrElse(() => sortableItems.length));
+        return Option.some({ containerId, index: insertionIndex });
+    });
+};
+const DEFAULT_AUTO_SCROLL_EDGE_PIXELS = 40;
+const DEFAULT_AUTO_SCROLL_MAX_SPEED = 15;
+const autoScroll = (clientY) => {
+    const viewportHeight = window.innerHeight;
+    const distanceFromTop = clientY;
+    const distanceFromBottom = viewportHeight - clientY;
+    if (distanceFromTop < DEFAULT_AUTO_SCROLL_EDGE_PIXELS) {
+        const speed = DEFAULT_AUTO_SCROLL_MAX_SPEED *
+            (1 - distanceFromTop / DEFAULT_AUTO_SCROLL_EDGE_PIXELS);
+        window.scrollBy(0, -speed);
+    }
+    else if (distanceFromBottom < DEFAULT_AUTO_SCROLL_EDGE_PIXELS) {
+        const speed = DEFAULT_AUTO_SCROLL_MAX_SPEED *
+            (1 - distanceFromBottom / DEFAULT_AUTO_SCROLL_EDGE_PIXELS);
+        window.scrollBy(0, speed);
+    }
+};
+const pointerDragActivityFromModel = (model) => M.value(model.dragState).pipe(M.withReturnType(), M.tag('Pending', 'Dragging', () => 'Active'), M.orElse(() => 'Idle'));
+const dragActivityFromModel = (model) => M.value(model.dragState).pipe(M.withReturnType(), M.tag('Idle', () => 'Idle'), M.orElse(() => 'Active'));
+const keyboardDragActivityFromModel = (model) => M.value(model.dragState).pipe(M.withReturnType(), M.tag('KeyboardDragging', () => 'Active'), M.orElse(() => 'Idle'));
+/** Schema describing the subscription dependencies for document-level drag tracking. */
+export const SubscriptionDeps = S.Struct({
+    documentPointer: S.Struct({
+        dragActivity: PointerDragActivity,
+        orientation: Orientation,
+    }),
+    documentEscape: S.Struct({ dragActivity: DragActivity }),
+    documentKeyboard: S.Struct({ dragActivity: KeyboardDragActivity }),
+    autoScroll: S.Struct({
+        isDragging: S.Boolean,
+        clientY: S.Number,
+    }),
+});
+/** Document-level subscriptions for pointer and keyboard events during drag operations. */
+export const subscriptions = makeSubscriptions(SubscriptionDeps)({
+    documentPointer: {
+        modelToDependencies: model => ({
+            dragActivity: pointerDragActivityFromModel(model),
+            orientation: model.orientation,
+        }),
+        dependenciesToStream: ({ dragActivity, orientation }) => {
+            const pointerEvents = Stream.merge(Stream.fromEventListener(document, 'pointermove').pipe(Stream.mapEffect(event => Effect.sync(() => MovedPointer({
+                screenX: event.screenX,
+                screenY: event.screenY,
+                clientX: event.clientX,
+                clientY: event.clientY,
+                maybeDropTarget: resolveDropTarget(event.clientX, event.clientY, orientation),
+            })))), Stream.fromEventListener(document, 'pointerup').pipe(Stream.map(() => ReleasedPointer())));
+            // NOTE: prevents text selection and locks cursor to grabbing during
+            // pointer drag. Uses a <style> element for cursor because inline styles
+            // on <html> don't override descendant elements' cursor values.
+            const documentDragStyles = Stream.async(_emit => {
+                document.documentElement.style.setProperty('user-select', 'none');
+                document.documentElement.style.setProperty('-webkit-user-select', 'none');
+                const cursorStyle = document.createElement('style');
+                cursorStyle.textContent = '* { cursor: grabbing !important; }';
+                document.head.appendChild(cursorStyle);
+                return Effect.sync(() => {
+                    document.documentElement.style.removeProperty('user-select');
+                    document.documentElement.style.removeProperty('-webkit-user-select');
+                    cursorStyle.remove();
+                });
+            });
+            return Stream.when(Stream.merge(pointerEvents, documentDragStyles), () => dragActivity === 'Active');
+        },
+    },
+    documentEscape: {
+        modelToDependencies: model => ({
+            dragActivity: dragActivityFromModel(model),
+        }),
+        dependenciesToStream: ({ dragActivity }) => Stream.when(Stream.fromEventListener(document, 'keydown').pipe(Stream.filter(({ key }) => key === 'Escape'), Stream.map(() => CancelledDrag())), () => dragActivity === 'Active'),
+    },
+    documentKeyboard: {
+        modelToDependencies: model => ({
+            dragActivity: keyboardDragActivityFromModel(model),
+        }),
+        dependenciesToStream: ({ dragActivity }) => Stream.when(Stream.fromEventListener(document, 'keydown').pipe(Stream.mapEffect((event) => Effect.sync(() => {
+            // NOTE: the draggable's OnKeyDownPreventDefault calls preventDefault on
+            // the Space that activates keyboard drag — skip it here so the same
+            // keypress doesn't also confirm the drop in the same tick.
+            if (event.defaultPrevented) {
+                return Option.none();
+            }
+            if (event.key === 'Tab') {
+                event.preventDefault();
+                return Option.some(PressedArrowKey({
+                    direction: event.shiftKey
+                        ? 'PreviousContainer'
+                        : 'NextContainer',
+                }));
+            }
+            if (event.key === ' ' || event.key === 'Enter') {
+                event.preventDefault();
+                return Option.some(ConfirmedKeyboardDrop());
+            }
+            return Option.map(arrowKeyToDirection(event.key), direction => {
+                event.preventDefault();
+                return PressedArrowKey({ direction });
+            });
+        })), Stream.filterMap(Function.identity)), () => dragActivity === 'Active'),
+    },
+    autoScroll: {
+        modelToDependencies: model => ({
+            isDragging: model.dragState._tag === 'Dragging',
+            clientY: model.dragState._tag === 'Dragging'
+                ? model.dragState.current.clientY
+                : 0,
+        }),
+        equivalence: Equivalence.struct({ isDragging: Equivalence.boolean }),
+        dependenciesToStream: ({ isDragging }, readDependencies) => Stream.when(Stream.async(emit => {
+            let animationFrameId = 0;
+            const step = () => {
+                autoScroll(readDependencies().clientY);
+                emit.single(CompletedAutoScroll());
+                animationFrameId = requestAnimationFrame(step);
+            };
+            animationFrameId = requestAnimationFrame(step);
+            return Effect.sync(() => cancelAnimationFrame(animationFrameId));
+        }), () => isDragging),
+    },
+});
+// VIEW
+const LEFT_MOUSE_BUTTON = 0;
+const arrowKeyToDirection = (key) => M.value(key).pipe(M.withReturnType(), M.when('ArrowUp', () => 'Up'), M.when('ArrowDown', () => 'Down'), M.when('ArrowLeft', () => 'Left'), M.when('ArrowRight', () => 'Right'), M.option);
+/** Returns attributes the parent attaches to a draggable element. Handles pointer-down, keyboard activation, and ARIA. */
+export const draggable = (config) => {
+    const { AriaRoleDescription, DataAttribute, OnKeyDownPreventDefault, OnPointerDown, Role, Style, Tabindex, } = html();
+    const isKeyboardDragActivationKey = (key) => key === ' ' || key === 'Enter';
+    const handleKeyDown = (key) => {
+        if (isKeyboardDragActivationKey(key) &&
+            config.model.dragState._tag === 'Idle') {
+            return Option.some(config.toParentMessage(ActivatedKeyboardDrag({
+                itemId: config.itemId,
+                containerId: config.containerId,
+                index: config.index,
+            })));
+        }
+        return Option.none();
+    };
+    return [
+        DataAttribute('draggable-id', config.itemId),
+        DataAttribute('sortable-id', config.itemId),
+        Role('option'),
+        AriaRoleDescription('draggable'),
+        Tabindex(0),
+        OnPointerDown((_pointerType, button, screenX, screenY) => pipe(button, Option.liftPredicate(Equal.equals(LEFT_MOUSE_BUTTON)), Option.map(() => config.toParentMessage(PressedDraggable({
+            itemId: config.itemId,
+            containerId: config.containerId,
+            index: config.index,
+            screenX,
+            screenY,
+        }))))),
+        OnKeyDownPreventDefault(handleKeyDown),
+        Style({
+            'touch-action': 'none',
+            'user-select': 'none',
+            '-webkit-user-select': 'none',
+        }),
+    ];
+};
+/** Returns attributes the parent attaches to a droppable container element. */
+export const droppable = (containerId, label) => {
+    const { AriaLabel, DataAttribute, Role } = html();
+    return [
+        DataAttribute('droppable-id', containerId),
+        Role('listbox'),
+        ...(label ? [AriaLabel(label)] : []),
+    ];
+};
+/** Returns attributes the parent attaches to a sortable item element. Typically combined with `draggable`. */
+export const sortable = (itemId) => {
+    const { DataAttribute } = html();
+    return [DataAttribute('sortable-id', itemId)];
+};
+const ghostTransform = (clientX, clientY) => `translate3d(${String(clientX)}px, ${String(clientY)}px, 0)`;
+/** Returns positioning styles for the ghost element, or None when not dragging with a pointer. */
+export const ghostStyle = (model) => M.value(model.dragState).pipe(M.tag('Dragging', dragging => ({
+    position: 'fixed',
+    top: '0',
+    left: '0',
+    transform: ghostTransform(dragging.current.clientX, dragging.current.clientY),
+    'pointer-events': 'none',
+    'z-index': '9999',
+})), M.option);
+/** Returns true when the component is actively dragging (pointer or keyboard). */
+export const isDragging = ({ dragState: { _tag } }) => _tag === 'Dragging' || _tag === 'KeyboardDragging';
+/** Returns the ID of the item currently being dragged or pending, if any. */
+export const maybeDraggedItemId = (model) => M.value(model.dragState).pipe(M.tag('Pending', pending => pending.itemId), M.tag('Dragging', dragging => dragging.itemId), M.tag('KeyboardDragging', keyboardDragging => keyboardDragging.itemId), M.option);
+/** Returns the current drop target, if any. Populated during pointer drag (from collision detection) and keyboard drag (from resolved position). */
+export const maybeDropTarget = (model) => M.value(model.dragState).pipe(M.tag('Dragging', dragging => dragging.maybeDropTarget), M.tag('KeyboardDragging', keyboardDragging => Option.some({
+    containerId: keyboardDragging.targetContainerId,
+    index: keyboardDragging.targetIndex,
+})), M.orElse(() => Option.none()));

package/dist/ui/dragAndDrop/public.d.ts

@@ -0,0 +1,3 @@
+export { init, update, draggable, droppable, sortable, ghostStyle, isDragging, maybeDraggedItemId, maybeDropTarget, subscriptions, SubscriptionDeps, Model, Message, OutMessage, PressedDraggable, MovedPointer, ReleasedPointer, CancelledDrag, ActivatedKeyboardDrag, ResolvedKeyboardMove, ConfirmedKeyboardDrop, PressedArrowKey, CompletedAutoScroll, CompletedFocusItem, FocusItem, ResolveKeyboardMove, Reordered, Cancelled, } from './index';
+export type { InitConfig, DraggableConfig, DraggableMessage } from './index';
+//# sourceMappingURL=public.d.ts.map

package/dist/ui/dragAndDrop/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/ui/dragAndDrop/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,SAAS,EACT,SAAS,EACT,QAAQ,EACR,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,KAAK,EACL,OAAO,EACP,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,eAAe,EACf,aAAa,EACb,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EAClB,SAAS,EACT,mBAAmB,EACnB,SAAS,EACT,SAAS,GACV,MAAM,SAAS,CAAA;AAEhB,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA"}

package/dist/ui/dragAndDrop/public.js

@@ -0,0 +1 @@
+export { init, update, draggable, droppable, sortable, ghostStyle, isDragging, maybeDraggedItemId, maybeDropTarget, subscriptions, SubscriptionDeps, Model, Message, OutMessage, PressedDraggable, MovedPointer, ReleasedPointer, CancelledDrag, ActivatedKeyboardDrag, ResolvedKeyboardMove, ConfirmedKeyboardDrop, PressedArrowKey, CompletedAutoScroll, CompletedFocusItem, FocusItem, ResolveKeyboardMove, Reordered, Cancelled, } from './index';

package/dist/ui/index.d.ts

@@ -2,6 +2,7 @@ export * as Button from './button/public';
 export * as Checkbox from './checkbox/public';
 export * as Combobox from './combobox/public';
 export * as Dialog from './dialog/public';
+export * as DragAndDrop from './dragAndDrop/public';
 export * as Disclosure from './disclosure/public';
 export * as Fieldset from './fieldset/public';
 export * as Input from './input/public';

package/dist/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAA;AACzC,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAC7C,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAC7C,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAA;AACzC,OAAO,KAAK,UAAU,MAAM,qBAAqB,CAAA;AACjD,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAC7C,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAA;AACvC,OAAO,KAAK,OAAO,MAAM,kBAAkB,CAAA;AAC3C,OAAO,KAAK,IAAI,MAAM,eAAe,CAAA;AACrC,OAAO,KAAK,OAAO,MAAM,kBAAkB,CAAA;AAC3C,OAAO,KAAK,UAAU,MAAM,qBAAqB,CAAA;AACjD,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAA;AACzC,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAA;AACzC,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAC7C,OAAO,KAAK,IAAI,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAA;AACzC,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAC7C,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAC7C,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAA;AACzC,OAAO,KAAK,WAAW,MAAM,sBAAsB,CAAA;AACnD,OAAO,KAAK,UAAU,MAAM,qBAAqB,CAAA;AACjD,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAC7C,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAA;AACvC,OAAO,KAAK,OAAO,MAAM,kBAAkB,CAAA;AAC3C,OAAO,KAAK,IAAI,MAAM,eAAe,CAAA;AACrC,OAAO,KAAK,OAAO,MAAM,kBAAkB,CAAA;AAC3C,OAAO,KAAK,UAAU,MAAM,qBAAqB,CAAA;AACjD,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAA;AACzC,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAA;AACzC,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAC7C,OAAO,KAAK,IAAI,MAAM,eAAe,CAAA"}

package/dist/ui/index.js

@@ -2,6 +2,7 @@ export * as Button from './button/public';
 export * as Checkbox from './checkbox/public';
 export * as Combobox from './combobox/public';
 export * as Dialog from './dialog/public';
+export * as DragAndDrop from './dragAndDrop/public';
 export * as Disclosure from './disclosure/public';
 export * as Fieldset from './fieldset/public';
 export * as Input from './input/public';

package/dist/ui/listbox/shared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../src/ui/listbox/shared.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../src/ui/listbox/shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,MAAM,EAEN,MAAM,EAEN,MAAM,IAAI,CAAC,EAGZ,MAAM,QAAQ,CAAA;AAEf,OAAO,KAAK,OAAO,MAAM,eAAe,CAAA;AAExC,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,IAAI,EAAQ,MAAM,YAAY,CAAA;AAK5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAI7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAEpD,OAAO,EAAE,qBAAqB,EAAE,CAAA;AAIhC,6FAA6F;AAC7F,eAAO,MAAM,iBAAiB,oCAAmC,CAAA;AACjE,MAAM,MAAM,iBAAiB,GAAG,OAAO,iBAAiB,CAAC,IAAI,CAAA;AAE7D,0FAA0F;AAC1F,eAAO,MAAM,WAAW,uCAAsC,CAAA;AAC9D,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC,IAAI,CAAA;AAEjD,mKAAmK;AACnK,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;EAepB,CAAA;AACF,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,IAAI,CAAA;AAE7C,2EAA2E;AAC3E,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC;IACpC,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,WAAW,CAAC,IAAI,CAAA;CACtC,CAAC,CAAA;AAEF,gIAAgI;AAChI,eAAO,MAAM,QAAQ,GAAI,QAAQ,cAAc,KAAG,SAahD,CAAA;AAIF,sJAAsJ;AACtJ,eAAO,MAAM,MAAM;;EAEjB,CAAA;AACF,qEAAqE;AACrE,eAAO,MAAM,MAAM,2DAAc,CAAA;AACjC,8EAA8E;AAC9E,eAAO,MAAM,WAAW,gEAAmB,CAAA;AAC3C,mGAAmG;AACnG,eAAO,MAAM,aAAa;;;EAGxB,CAAA;AACF,kDAAkD;AAClD,eAAO,MAAM,eAAe,oEAAuB,CAAA;AACnD,kGAAkG;AAClG,eAAO,MAAM,YAAY;;EAAwC,CAAA;AACjE,kHAAkH;AAClH,eAAO,MAAM,kBAAkB;;EAE7B,CAAA;AACF,qEAAqE;AACrE,eAAO,MAAM,QAAQ;;;EAGnB,CAAA;AACF,4EAA4E;AAC5E,eAAO,MAAM,aAAa;;EAA4C,CAAA;AACtE,mHAAmH;AACnH,eAAO,MAAM,oBAAoB;;;;EAI/B,CAAA;AACF,mDAAmD;AACnD,eAAO,MAAM,mBAAmB,wEAA2B,CAAA;AAC3D,qDAAqD;AACrD,eAAO,MAAM,qBAAqB,0EAA6B,CAAA;AAC/D,oDAAoD;AACpD,eAAO,MAAM,mBAAmB,wEAA2B,CAAA;AAC3D,qDAAqD;AACrD,eAAO,MAAM,sBAAsB,2EAA8B,CAAA;AACjE,kEAAkE;AAClE,eAAO,MAAM,oBAAoB,yEAA4B,CAAA;AAC7D,iEAAiE;AACjE,eAAO,MAAM,mBAAmB,wEAA2B,CAAA;AAC3D,kFAAkF;AAClF,eAAO,MAAM,uBAAuB,4EAA+B,CAAA;AACnE,+DAA+D;AAC/D,eAAO,MAAM,kBAAkB,uEAA0B,CAAA;AACzD,wGAAwG;AACxG,eAAO,MAAM,iBAAiB,sEAAyB,CAAA;AACvD,sEAAsE;AACtE,eAAO,MAAM,qBAAqB,0EAA6B,CAAA;AAC/D,oGAAoG;AACpG,eAAO,MAAM,uBAAuB,4EAA+B,CAAA;AACnE,8FAA8F;AAC9F,eAAO,MAAM,eAAe,oEAAuB,CAAA;AACnD,yHAAyH;AACzH,eAAO,MAAM,sBAAsB,2EAA8B,CAAA;AACjE,kHAAkH;AAClH,eAAO,MAAM,sBAAsB;;;EAGjC,CAAA;AAEF,+DAA+D;AAC/D,eAAO,MAAM,OAAO,EAAE,CAAC,CAAC,KAAK,CAC3B;IACE,OAAO,MAAM;IACb,OAAO,MAAM;IACb,OAAO,WAAW;IAClB,OAAO,aAAa;IACpB,OAAO,eAAe;IACtB,OAAO,YAAY;IACnB,OAAO,oBAAoB;IAC3B,OAAO,kBAAkB;IACzB,OAAO,QAAQ;IACf,OAAO,aAAa;IACpB,OAAO,mBAAmB;IAC1B,OAAO,qBAAqB;IAC5B,OAAO,mBAAmB;IAC1B,OAAO,sBAAsB;IAC7B,OAAO,oBAAoB;IAC3B,OAAO,mBAAmB;IAC1B,OAAO,uBAAuB;IAC9B,OAAO,kBAAkB;IACzB,OAAO,iBAAiB;IACxB,OAAO,qBAAqB;IAC5B,OAAO,uBAAuB;IAC9B,OAAO,eAAe;IACtB,OAAO,sBAAsB;IAC7B,OAAO,sBAAsB;CAC9B,CA0BF,CAAA;AAED,MAAM,MAAM,MAAM,GAAG,OAAO,MAAM,CAAC,IAAI,CAAA;AACvC,MAAM,MAAM,MAAM,GAAG,OAAO,MAAM,CAAC,IAAI,CAAA;AACvC,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC,IAAI,CAAA;AACjD,MAAM,MAAM,aAAa,GAAG,OAAO,aAAa,CAAC,IAAI,CAAA;AACrD,MAAM,MAAM,eAAe,GAAG,OAAO,eAAe,CAAC,IAAI,CAAA;AACzD,MAAM,MAAM,YAAY,GAAG,OAAO,YAAY,CAAC,IAAI,CAAA;AACnD,MAAM,MAAM,oBAAoB,GAAG,OAAO,oBAAoB,CAAC,IAAI,CAAA;AACnE,MAAM,MAAM,kBAAkB,GAAG,OAAO,kBAAkB,CAAC,IAAI,CAAA;AAC/D,MAAM,MAAM,QAAQ,GAAG,OAAO,QAAQ,CAAC,IAAI,CAAA;AAC3C,MAAM,MAAM,aAAa,GAAG,OAAO,aAAa,CAAC,IAAI,CAAA;AACrD,MAAM,MAAM,iBAAiB,GAAG,OAAO,iBAAiB,CAAC,IAAI,CAAA;AAC7D,MAAM,MAAM,qBAAqB,GAAG,OAAO,qBAAqB,CAAC,IAAI,CAAA;AACrE,MAAM,MAAM,uBAAuB,GAAG,OAAO,uBAAuB,CAAC,IAAI,CAAA;AACzE,MAAM,MAAM,eAAe,GAAG,OAAO,eAAe,CAAC,IAAI,CAAA;AACzD,MAAM,MAAM,sBAAsB,GAAG,OAAO,sBAAsB,CAAC,IAAI,CAAA;AACvE,MAAM,MAAM,sBAAsB,GAAG,OAAO,sBAAsB,CAAC,IAAI,CAAA;AAEvE,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,eAAO,MAAM,4BAA4B,MAAM,CAAA;AAC/C,eAAO,MAAM,iBAAiB,IAAI,CAAA;AAIlC,eAAO,MAAM,cAAc,GAAI,IAAI,MAAM,KAAG,MAAyB,CAAA;AACrE,eAAO,MAAM,aAAa,GAAI,IAAI,MAAM,KAAG,MAAwB,CAAA;AACnE,eAAO,MAAM,YAAY,GAAI,IAAI,MAAM,EAAE,OAAO,MAAM,KAAG,MACjC,CAAA;AACxB,eAAO,MAAM,MAAM,GAAI,IAAI,MAAM,EAAE,OAAO,MAAM,KAAG,MAC5B,CAAA;AAMvB,eAAO,MAAM,WAAW,GAAI,KAAK,SAAS,SAAS,EAAE,OAAO,KAAK,KAAG,KAUhE,CAAA;AAIJ,KAAK,mBAAmB,GAAG,QAAQ,CAAC;IAClC,WAAW,EAAE,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;IACrC,cAAc,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAA;IACvD,iBAAiB,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAA;IAC1D,iBAAiB,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAA;CAC3D,CAAC,CAAA;AAEF,6EAA6E;AAC7E,eAAO,MAAM,YAAY;;EAGxB,CAAA;AACD,uEAAuE;AACvE,eAAO,MAAM,UAAU;;EAAoD,CAAA;AAC3E,0DAA0D;AAC1D,eAAO,MAAM,YAAY;;EAGxB,CAAA;AACD,0EAA0E;AAC1E,eAAO,MAAM,WAAW;;EAAqD,CAAA;AAC7E,qEAAqE;AACrE,eAAO,MAAM,YAAY;;EAGxB,CAAA;AACD,4DAA4D;AAC5D,eAAO,MAAM,WAAW;;EAAsD,CAAA;AAC9E,gEAAgE;AAChE,eAAO,MAAM,UAAU;;EAAoD,CAAA;AAC3E,2EAA2E;AAC3E,eAAO,MAAM,cAAc;;EAG1B,CAAA;AACD,qEAAqE;AACrE,eAAO,MAAM,SAAS;;EAAkD,CAAA;AACxE,gFAAgF;AAChF,eAAO,MAAM,gBAAgB;;;EAG5B,CAAA;AACD,gFAAgF;AAChF,eAAO,MAAM,kBAAkB;;EAG9B,CAAA;AACD,sGAAsG;AACtG,eAAO,MAAM,6BAA6B;;;;EAIzC,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,KAAK,SAAS,SAAS,EAChD,oBAAoB,CAClB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,mBAAmB,KACzB,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,MAK7C,OAAO,KAAK,EAAE,SAAS,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkUvC,CAAA;AAID,iEAAiE;AACjE,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,IAAI,CAAA;CACd,CAAC,CAAA;AAEF,yEAAyE;AACzE,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC;IAClC,OAAO,EAAE,IAAI,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;AAEF,yDAAyD;AACzD,MAAM,MAAM,cAAc,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,SAAS,IAAI,QAAQ,CAAC;IAC5E,KAAK,EAAE,KAAK,CAAA;IACZ,eAAe,EAAE,CACf,OAAO,EACH,MAAM,GACN,MAAM,GACN,WAAW,GACX,aAAa,GACb,eAAe,GACf,YAAY,GACZ,oBAAoB,GACpB,kBAAkB,GAClB,QAAQ,GACR,sBAAsB,GACtB,iBAAiB,GACjB,qBAAqB,KACtB,OAAO,CAAA;IACZ,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAA;IAC3C,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,CAAA;IAC1B,YAAY,EAAE,CACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,QAAQ,CAAC;QAChB,QAAQ,EAAE,OAAO,CAAA;QACjB,UAAU,EAAE,OAAO,CAAA;QACnB,UAAU,EAAE,OAAO,CAAA;KACpB,CAAC,KACC,UAAU,CAAA;IACf,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAA;IACvD,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACxD,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAA;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,aAAa,EAAE,IAAI,CAAA;IACnB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IACpD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IACnD,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,qBAAqB,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IACzD,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,kBAAkB,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IACtD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IAC9C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACpD,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,YAAY,GAAG,SAAS,CAAA;IAC/D,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IACnD,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,mBAAmB,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IACvD,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC,CAAA;AAIF,KAAK,YAAY,CAAC,KAAK,SAAS,SAAS,IAAI,QAAQ,CAAC;IACpD,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,CAAA;IAC5D,iBAAiB,EAAE,CAAC,IAAI,EACtB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,EAC1B,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,KAChC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;IAC1B,mBAAmB,EAAE,OAAO,CAAA;CAC7B,CAAC,CAAA;AAEF,eAAO,MAAM,QAAQ,GAClB,KAAK,SAAS,SAAS,EAAE,UAAU,YAAY,CAAC,KAAK,CAAC,MACtD,OAAO,EAAE,IAAI,EAAE,QAAQ,cAAc,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,KAAG,IAkiB9D,CAAA"}

package/dist/ui/listbox/shared.js

@@ -128,7 +128,6 @@ export const closedModel = (model) => constrainedEvo(model, {
     isOpen: () => false,
     transitionState: () => model.isAnimated ? 'LeaveStart' : 'Idle',
     maybeActiveItemIndex: () => Option.none(),
-    activationTrigger: () => 'Keyboard',
     searchQuery: () => '',
     searchVersion: () => 0,
     maybeLastPointerPosition: () => Option.none(),
@@ -387,11 +386,16 @@ export const makeView = (behavior) => (config) => {
     const firstEnabledIndex = findFirstEnabledIndex(items.length, 0, isItemDisabledByIndex)(0, 1);
     const lastEnabledIndex = findFirstEnabledIndex(items.length, 0, isItemDisabledByIndex)(items.length - 1, -1);
     const selectedItemIndex = behavior.selectedItemIndex(config.model, items, itemToValue);
-    const handleButtonKeyDown = (key) => M.value(key).pipe(M.whenOr('Enter', ' ', 'ArrowDown', () => Option.some(toParentMessage(Opened({
-        maybeActiveItemIndex: Option.orElse(selectedItemIndex, () => Option.some(firstEnabledIndex)),
-    })))), M.when('ArrowUp', () => Option.some(toParentMessage(Opened({
-        maybeActiveItemIndex: Option.orElse(selectedItemIndex, () => Option.some(lastEnabledIndex)),
-    })))), M.orElse(() => Option.none()));
+    const handleButtonKeyDown = (key) => {
+        if (isOpen) {
+            return handleItemsKeyDown(key);
+        }
+        return M.value(key).pipe(M.whenOr('Enter', ' ', 'ArrowDown', () => Option.some(toParentMessage(Opened({
+            maybeActiveItemIndex: Option.orElse(selectedItemIndex, () => Option.some(firstEnabledIndex)),
+        })))), M.when('ArrowUp', () => Option.some(toParentMessage(Opened({
+            maybeActiveItemIndex: Option.orElse(selectedItemIndex, () => Option.some(lastEnabledIndex)),
+        })))), M.orElse(() => Option.none()));
+    };
     const handleButtonPointerDown = (pointerType, button) => Option.some(toParentMessage(PressedPointerOnButton({
         pointerType,
         button,
@@ -448,15 +452,24 @@ export const makeView = (behavior) => (config) => {
         onSome: index => [AriaActiveDescendant(itemId(id, index))],
     });
     const hooks = anchor
-        ? anchorHooks({ buttonId: `${id}-button`, anchor })
+        ? anchorHooks({
+            buttonId: `${id}-button`,
+            anchor,
+            focusAfterPosition: true,
+        })
         : undefined;
+    const focusOnInsert = (element) => {
+        if (element instanceof HTMLElement) {
+            element.focus();
+        }
+    };
     const anchorAttributes = hooks
         ? [
             Style({ position: 'absolute', margin: '0', visibility: 'hidden' }),
             OnInsert(hooks.onInsert),
             OnDestroy(hooks.onDestroy),
         ]
-        : [];
+        : [OnInsert(focusOnInsert)];
     const itemsContainerAttributes = [
         Id(`${id}-items`),
         Role('listbox'),