@cdx-ui/components 0.2.2 → 0.2.3

package/lib/module/components/ReorderableList/index.js

@@ -0,0 +1,130 @@
+"use strict";
+
+import { createContext, forwardRef, useCallback, useContext, useMemo, useState } from 'react';
+import { AccessibilityInfo } from 'react-native';
+import Animated, { useAnimatedReaction, useAnimatedRef } from 'react-native-reanimated';
+import Sortable, { useItemContext } from 'react-native-sortables';
+import { scheduleOnRN } from 'react-native-worklets';
+import { mergeRefs } from '@cdx-ui/utils';
+import { ReorderableListShared } from './ReorderableListShared';
+import { ReorderableRowProvider } from './rowContext';
+import { useReorderableRowValue, useReorderController } from './useReorder';
+import { jsx as _jsx } from "react/jsx-runtime";
+const nativeHandle = {
+  props: {},
+  ref: undefined,
+  wrap: (host, style) => /*#__PURE__*/_jsx(Sortable.Handle, {
+    style: style,
+    children: host
+  })
+};
+const AnimatedScrollView = Animated.ScrollView;
+const NativeListContext = /*#__PURE__*/createContext(null);
+
+/**
+ * sortables keeps rendered rows mounted and only re-renders a row when its item, index, or the
+ * grid's `renderItem` identity changes. The grid gets a stable `renderItem`; the consumer's
+ * (usually inline) `renderItem` reaches rows through context instead.
+ */
+function NativeRow({
+  item,
+  index
+}) {
+  const list = useContext(NativeListContext);
+  const {
+    isActive
+  } = useItemContext();
+  const [isDragging, setIsDragging] = useState(false);
+  useAnimatedReaction(() => isActive.get(), (active, previous) => {
+    if (active !== (previous ?? false)) scheduleOnRN(setIsDragging, active);
+  });
+  const rowValue = useReorderableRowValue({
+    index,
+    count: list.controller.data.length,
+    isDragging,
+    handle: nativeHandle,
+    labels: list.controller.labels,
+    moveItem: list.controller.moveItem
+  });
+  return /*#__PURE__*/_jsx(ReorderableRowProvider, {
+    value: rowValue,
+    children: list.renderItem({
+      item,
+      index,
+      isDragging
+    })
+  });
+}
+const renderGridItem = info => /*#__PURE__*/_jsx(NativeRow, {
+  ...info
+});
+function ReorderableListInner({
+  data,
+  keyExtractor,
+  onReorder,
+  onReorderIndices,
+  renderItem,
+  getItemLabel,
+  labels,
+  scrollEventThrottle = 16,
+  ...rest
+}, ref) {
+  const scrollableRef = useAnimatedRef();
+  const mergedRef = useMemo(() => mergeRefs(ref, scrollableRef), [ref, scrollableRef]);
+  const controller = useReorderController({
+    data,
+    onReorder,
+    onReorderIndices,
+    getItemLabel,
+    labels,
+    announce: AccessibilityInfo.announceForAccessibility
+  });
+  const listValue = useMemo(() => ({
+    renderItem,
+    controller
+  }), [controller, renderItem]);
+  const gridKeyExtractor = useMemo(() => {
+    const keys = new Map();
+    data.forEach((item, index) => keys.set(item, keyExtractor(item, index)));
+    return item => keys.get(item) ?? keyExtractor(item, data.indexOf(item));
+  }, [data, keyExtractor]);
+  const handleDragEnd = useCallback(({
+    fromIndex,
+    toIndex,
+    data: reordered
+  }) => {
+    if (fromIndex === toIndex) return;
+    const message = controller.describe('dropped', fromIndex, toIndex);
+    onReorder(reordered);
+    onReorderIndices?.(fromIndex, toIndex);
+    if (message) AccessibilityInfo.announceForAccessibility(message);
+  }, [controller, onReorder, onReorderIndices]);
+  return /*#__PURE__*/_jsx(NativeListContext.Provider, {
+    value: listValue,
+    children: /*#__PURE__*/_jsx(ReorderableListShared, {
+      ref: mergedRef,
+      ScrollComponent: AnimatedScrollView,
+      data: data,
+      keyExtractor: keyExtractor,
+      scrollEventThrottle: scrollEventThrottle,
+      ...rest,
+      children: /*#__PURE__*/_jsx(Sortable.Grid, {
+        columns: 1,
+        data: data,
+        keyExtractor: gridKeyExtractor,
+        renderItem: renderGridItem,
+        scrollableRef: scrollableRef,
+        customHandle: true,
+        dragActivationDelay: 0,
+        overDrag: "vertical",
+        activeItemScale: 1,
+        inactiveItemOpacity: 1,
+        activeItemShadowOpacity: 0,
+        onDragEnd: handleDragEnd
+      })
+    })
+  });
+}
+export const ReorderableList = /*#__PURE__*/forwardRef(ReorderableListInner);
+ReorderableList.displayName = 'ReorderableList';
+//# sourceMappingURL=index.js.map

package/lib/module/components/ReorderableList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","forwardRef","useCallback","useContext","useMemo","useState","AccessibilityInfo","Animated","useAnimatedReaction","useAnimatedRef","Sortable","useItemContext","scheduleOnRN","mergeRefs","ReorderableListShared","ReorderableRowProvider","useReorderableRowValue","useReorderController","jsx","_jsx","nativeHandle","props","ref","undefined","wrap","host","style","Handle","children","AnimatedScrollView","ScrollView","NativeListContext","NativeRow","item","index","list","isActive","isDragging","setIsDragging","get","active","previous","rowValue","count","controller","data","length","handle","labels","moveItem","value","renderItem","renderGridItem","info","ReorderableListInner","keyExtractor","onReorder","onReorderIndices","getItemLabel","scrollEventThrottle","rest","scrollableRef","mergedRef","announce","announceForAccessibility","listValue","gridKeyExtractor","keys","Map","forEach","set","indexOf","handleDragEnd","fromIndex","toIndex","reordered","message","describe","Provider","ScrollComponent","Grid","columns","customHandle","dragActivationDelay","overDrag","activeItemScale","inactiveItemOpacity","activeItemShadowOpacity","onDragEnd","ReorderableList","displayName"],"sourceRoot":"../../../../src","sources":["components/ReorderableList/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ReorderableList/index.web.js

@@ -0,0 +1,229 @@
+"use strict";
+
+import { forwardRef, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { Text, View } from 'react-native';
+import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useDndContext, useSensor, useSensors } from '@dnd-kit/core';
+import { SortableContext, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import { cn } from '@cdx-ui/utils';
+import { ReorderableListShared } from './ReorderableListShared';
+import { reorderItems } from './reorderItems';
+import { ReorderableRowProvider } from './rowContext';
+import { useReorderableRowValue, useReorderController } from './useReorder';
+import { createReorderAnnouncements, resolveDragEnd } from './webDnd';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const handleTouchStyle = {
+  touchAction: 'none'
+};
+const passThrough = host => host;
+
+/**
+ * react-native-web's `Pressable` stops Enter/Space `keydown` from bubbling, so when the handle is a
+ * pressable control (`asChild` with an `IconButton`) the drop key never reaches dnd-kit's document
+ * listener. While dragging, take the key at the handle and hand it to the document directly.
+ */
+function forwardDropKeyToDocument(event) {
+  const {
+    key,
+    code
+  } = event.nativeEvent;
+  if (key !== 'Enter' && key !== ' ' && code !== 'Enter' && code !== 'Space') return;
+  event.preventDefault();
+  event.stopPropagation();
+  const {
+    ownerDocument
+  } = event.currentTarget;
+  ownerDocument?.dispatchEvent(new KeyboardEvent('keydown', {
+    key,
+    code,
+    cancelable: true
+  }));
+}
+function SortableRow({
+  info,
+  renderItem,
+  controller
+}) {
+  const {
+    item,
+    index,
+    count,
+    key
+  } = info;
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    setActivatorNodeRef,
+    transform,
+    transition,
+    isDragging
+  } = useSortable({
+    id: key
+  });
+  const {
+    activatorEvent
+  } = useDndContext();
+  const nodeRef = useRef(null);
+  const swallowNextClickRef = useRef(false);
+  const setRowRef = useCallback(node => {
+    const element = node;
+    nodeRef.current = element;
+    setNodeRef(element);
+  }, [setNodeRef]);
+
+  // dnd-kit's shift/drop animation is written to the row's DOM node; React never owns these keys.
+  useLayoutEffect(() => {
+    const node = nodeRef.current;
+    if (!node) return;
+    node.style.transform = transform ? CSS.Translate.toString({
+      ...transform,
+      x: 0
+    }) ?? '' : '';
+    node.style.transition = transition ?? '';
+  }, [transform, transition]);
+
+  // A pointer drag ends with a click on the row; swallow that one click so a pressable row does
+  // not fire after a drop or cancel. Scoped to this row, and reset by the next pointerdown.
+  useEffect(() => {
+    if (isDragging && activatorEvent?.type.startsWith('pointer')) {
+      swallowNextClickRef.current = true;
+    }
+  }, [activatorEvent, isDragging]);
+  useEffect(() => {
+    const node = nodeRef.current;
+    if (!node) return undefined;
+    const onClick = event => {
+      if (!swallowNextClickRef.current) return;
+      swallowNextClickRef.current = false;
+      event.stopPropagation();
+      event.preventDefault();
+    };
+    const onPointerDown = () => {
+      swallowNextClickRef.current = false;
+    };
+    node.addEventListener('click', onClick, true);
+    node.addEventListener('pointerdown', onPointerDown, true);
+    return () => {
+      node.removeEventListener('click', onClick, true);
+      node.removeEventListener('pointerdown', onPointerDown, true);
+    };
+  }, []);
+  const handle = useMemo(() => {
+    const {
+      tabIndex,
+      role,
+      ...aria
+    } = attributes;
+    return {
+      props: {
+        ...aria,
+        role: role,
+        tabIndex: tabIndex === 0 || tabIndex === -1 ? tabIndex : undefined,
+        style: handleTouchStyle,
+        ...listeners,
+        onKeyDownCapture: isDragging ? forwardDropKeyToDocument : undefined
+      },
+      ref: node => setActivatorNodeRef(node),
+      wrap: passThrough
+    };
+  }, [attributes, isDragging, listeners, setActivatorNodeRef]);
+  const rowValue = useReorderableRowValue({
+    index,
+    count,
+    isDragging,
+    handle,
+    labels: controller.labels,
+    moveItem: controller.moveItem
+  });
+  return /*#__PURE__*/_jsx(ReorderableRowProvider, {
+    value: rowValue,
+    children: /*#__PURE__*/_jsx(View, {
+      ref: setRowRef,
+      className: cn(isDragging && 'relative z-20'),
+      children: renderItem({
+        item,
+        index,
+        isDragging
+      })
+    })
+  });
+}
+function ReorderableListInner({
+  data,
+  keyExtractor,
+  renderItem,
+  onReorder,
+  onReorderIndices,
+  getItemLabel,
+  labels,
+  ...rest
+}, ref) {
+  const [announcement, setAnnouncement] = useState('');
+  const controller = useReorderController({
+    data,
+    onReorder,
+    onReorderIndices,
+    getItemLabel,
+    labels,
+    announce: setAnnouncement
+  });
+  const sortableIds = useMemo(() => data.map((item, index) => keyExtractor(item, index)), [data, keyExtractor]);
+  const sensors = useSensors(useSensor(PointerSensor, {
+    activationConstraint: {
+      distance: 4
+    }
+  }), useSensor(KeyboardSensor, {
+    coordinateGetter: sortableKeyboardCoordinates
+  }));
+  const {
+    describe,
+    labels: resolvedLabels
+  } = controller;
+  const accessibility = useMemo(() => ({
+    announcements: createReorderAnnouncements(sortableIds, describe),
+    screenReaderInstructions: {
+      draggable: resolvedLabels.screenReaderInstructions
+    }
+  }), [describe, resolvedLabels, sortableIds]);
+  const handleDragEnd = useCallback(({
+    active,
+    over
+  }) => {
+    const move = resolveDragEnd(sortableIds, active.id, over?.id);
+    if (!move) return;
+    onReorder(reorderItems(data, move.from, move.to));
+    onReorderIndices?.(move.from, move.to);
+  }, [data, onReorder, onReorderIndices, sortableIds]);
+  const renderRow = useCallback(info => /*#__PURE__*/_jsx(SortableRow, {
+    info: info,
+    renderItem: renderItem,
+    controller: controller
+  }), [controller, renderItem]);
+  return /*#__PURE__*/_jsxs(DndContext, {
+    accessibility: accessibility,
+    collisionDetection: closestCenter,
+    onDragEnd: handleDragEnd,
+    sensors: sensors,
+    children: [/*#__PURE__*/_jsx(SortableContext, {
+      items: sortableIds,
+      strategy: verticalListSortingStrategy,
+      children: /*#__PURE__*/_jsx(ReorderableListShared, {
+        ref: ref,
+        data: data,
+        keyExtractor: keyExtractor,
+        renderRow: renderRow,
+        ...rest
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      "aria-live": "polite",
+      className: "sr-only",
+      children: /*#__PURE__*/_jsx(Text, {
+        children: announcement
+      })
+    })]
+  });
+}
+export const ReorderableList = /*#__PURE__*/forwardRef(ReorderableListInner);
+ReorderableList.displayName = 'ReorderableList';
+//# sourceMappingURL=index.web.js.map

package/lib/module/components/ReorderableList/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useEffect","useLayoutEffect","useMemo","useRef","useState","Text","View","DndContext","KeyboardSensor","PointerSensor","closestCenter","useDndContext","useSensor","useSensors","SortableContext","sortableKeyboardCoordinates","useSortable","verticalListSortingStrategy","CSS","cn","ReorderableListShared","reorderItems","ReorderableRowProvider","useReorderableRowValue","useReorderController","createReorderAnnouncements","resolveDragEnd","jsx","_jsx","jsxs","_jsxs","handleTouchStyle","touchAction","passThrough","host","forwardDropKeyToDocument","event","key","code","nativeEvent","preventDefault","stopPropagation","ownerDocument","currentTarget","dispatchEvent","KeyboardEvent","cancelable","SortableRow","info","renderItem","controller","item","index","count","attributes","listeners","setNodeRef","setActivatorNodeRef","transform","transition","isDragging","id","activatorEvent","nodeRef","swallowNextClickRef","setRowRef","node","element","current","style","Translate","toString","x","type","startsWith","undefined","onClick","onPointerDown","addEventListener","removeEventListener","handle","tabIndex","role","aria","props","onKeyDownCapture","ref","wrap","rowValue","labels","moveItem","value","children","className","ReorderableListInner","data","keyExtractor","onReorder","onReorderIndices","getItemLabel","rest","announcement","setAnnouncement","announce","sortableIds","map","sensors","activationConstraint","distance","coordinateGetter","describe","resolvedLabels","accessibility","announcements","screenReaderInstructions","draggable","handleDragEnd","active","over","move","from","to","renderRow","collisionDetection","onDragEnd","items","strategy","ReorderableList","displayName"],"sourceRoot":"../../../../src","sources":["components/ReorderableList/index.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ReorderableList/labels.js

@@ -0,0 +1,41 @@
+"use strict";
+
+export const DEFAULT_REORDERABLE_LIST_LABELS = {
+  item: 'item {position}',
+  pickedUp: 'Picked up {item}. Position {position} of {count}.',
+  movedTo: 'Moved {item} to position {position} of {count}.',
+  dropped: 'Dropped {item} at position {position} of {count}.',
+  cancelled: 'Reorder cancelled. {item} returned to position {position} of {count}.',
+  screenReaderInstructions: 'To pick up an item, press Space or Enter. Use the arrow keys to move it, then press Space or Enter to drop it, or Escape to cancel.',
+  moveUp: 'Move up',
+  moveDown: 'Move down',
+  moveToTop: 'Move to top',
+  moveToBottom: 'Move to bottom'
+};
+export function resolveReorderableListLabels(partial) {
+  return {
+    ...DEFAULT_REORDERABLE_LIST_LABELS,
+    ...partial
+  };
+}
+function fill(template, values) {
+  return template.replace(/\{(\w+)\}/g, (match, name) => values[name] ?? match);
+}
+export function formatReorderMessage(key, {
+  labels,
+  getItemLabel,
+  item,
+  fromIndex,
+  position,
+  count
+}) {
+  const itemName = getItemLabel ? getItemLabel(item, fromIndex) : fill(labels.item, {
+    position: String(fromIndex + 1)
+  });
+  return fill(labels[key], {
+    item: itemName,
+    position: String(position + 1),
+    count: String(count)
+  });
+}
+//# sourceMappingURL=labels.js.map

package/lib/module/components/ReorderableList/labels.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_REORDERABLE_LIST_LABELS","item","pickedUp","movedTo","dropped","cancelled","screenReaderInstructions","moveUp","moveDown","moveToTop","moveToBottom","resolveReorderableListLabels","partial","fill","template","values","replace","match","name","formatReorderMessage","key","labels","getItemLabel","fromIndex","position","count","itemName","String"],"sourceRoot":"../../../../src","sources":["components/ReorderableList/labels.ts"],"mappings":";;AAEA,OAAO,MAAMA,+BAAsD,GAAG;EACpEC,IAAI,EAAE,iBAAiB;EACvBC,QAAQ,EAAE,mDAAmD;EAC7DC,OAAO,EAAE,iDAAiD;EAC1DC,OAAO,EAAE,mDAAmD;EAC5DC,SAAS,EAAE,uEAAuE;EAClFC,wBAAwB,EACtB,qIAAqI;EACvIC,MAAM,EAAE,SAAS;EACjBC,QAAQ,EAAE,WAAW;EACrBC,SAAS,EAAE,aAAa;EACxBC,YAAY,EAAE;AAChB,CAAC;AAED,OAAO,SAASC,4BAA4BA,CAC1CC,OAAwC,EACjB;EACvB,OAAO;IAAE,GAAGZ,+BAA+B;IAAE,GAAGY;EAAQ,CAAC;AAC3D;AAeA,SAASC,IAAIA,CAACC,QAAgB,EAAEC,MAA8B,EAAU;EACtE,OAAOD,QAAQ,CAACE,OAAO,CAAC,YAAY,EAAE,CAACC,KAAK,EAAEC,IAAY,KAAKH,MAAM,CAACG,IAAI,CAAC,IAAID,KAAK,CAAC;AACvF;AAEA,OAAO,SAASE,oBAAoBA,CAClCC,GAAsB,EACtB;EAAEC,MAAM;EAAEC,YAAY;EAAErB,IAAI;EAAEsB,SAAS;EAAEC,QAAQ;EAAEC;AAA8B,CAAC,EAC1E;EACR,MAAMC,QAAQ,GAAGJ,YAAY,GACzBA,YAAY,CAACrB,IAAI,EAAEsB,SAAS,CAAC,GAC7BV,IAAI,CAACQ,MAAM,CAACpB,IAAI,EAAE;IAAEuB,QAAQ,EAAEG,MAAM,CAACJ,SAAS,GAAG,CAAC;EAAE,CAAC,CAAC;EAC1D,OAAOV,IAAI,CAACQ,MAAM,CAACD,GAAG,CAAC,EAAE;IACvBnB,IAAI,EAAEyB,QAAQ;IACdF,QAAQ,EAAEG,MAAM,CAACH,QAAQ,GAAG,CAAC,CAAC;IAC9BC,KAAK,EAAEE,MAAM,CAACF,KAAK;EACrB,CAAC,CAAC;AACJ","ignoreList":[]}

package/lib/module/components/ReorderableList/reorderItems.js

@@ -0,0 +1,12 @@
+"use strict";
+
+/** Immutable insert-strategy move. No-ops when indices are equal or out of range. */
+export function reorderItems(data, fromIndex, toIndex) {
+  if (fromIndex === toIndex || fromIndex < 0 || toIndex < 0 || fromIndex >= data.length || toIndex >= data.length) {
+    return data;
+  }
+  const next = data.slice();
+  next.splice(toIndex, 0, ...next.splice(fromIndex, 1));
+  return next;
+}
+//# sourceMappingURL=reorderItems.js.map

package/lib/module/components/ReorderableList/reorderItems.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["reorderItems","data","fromIndex","toIndex","length","next","slice","splice"],"sourceRoot":"../../../../src","sources":["components/ReorderableList/reorderItems.ts"],"mappings":";;AAAA;AACA,OAAO,SAASA,YAAYA,CAAIC,IAAS,EAAEC,SAAiB,EAAEC,OAAe,EAAO;EAClF,IACED,SAAS,KAAKC,OAAO,IACrBD,SAAS,GAAG,CAAC,IACbC,OAAO,GAAG,CAAC,IACXD,SAAS,IAAID,IAAI,CAACG,MAAM,IACxBD,OAAO,IAAIF,IAAI,CAACG,MAAM,EACtB;IACA,OAAOH,IAAI;EACb;EAEA,MAAMI,IAAI,GAAGJ,IAAI,CAACK,KAAK,CAAC,CAAC;EACzBD,IAAI,CAACE,MAAM,CAACJ,OAAO,EAAE,CAAC,EAAE,GAAGE,IAAI,CAACE,MAAM,CAACL,SAAS,EAAE,CAAC,CAAC,CAAC;EACrD,OAAOG,IAAI;AACb","ignoreList":[]}

package/lib/module/components/ReorderableList/rowContext.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import { createContext, useContext } from 'react';
+
+/**
+ * Props that make a host element the row's drag activator.
+ *
+ * - **Web:** dnd-kit `attributes` (`role`, `tabIndex`, `aria-*`), `listeners` (`onPointerDown`,
+ *   `onKeyDown`), and `style: { touchAction: 'none' }`. Some keys (`aria-roledescription`,
+ *   `aria-describedby`) are outside `ViewProps`, hence the index signature.
+ * - **Native:** empty — the gesture is attached by `wrap`.
+ */
+
+/**
+ * Binds a handle element to the row's drag gesture without adding a focusable wrapper.
+ *
+ * Render one host (a `View`, or the consumer child under `asChild` via `Slot`), then:
+ * 1. spread `props` onto it before consumer props (handlers compose through `Slot`),
+ * 2. compose `ref` with the host's own ref,
+ * 3. return `wrap(host)`.
+ *
+ * Web: `ref` is dnd-kit's `setActivatorNodeRef` and `wrap` returns the host unchanged.
+ * Native: `ref` is `undefined` and `wrap` places the host inside `Sortable.Handle`, which must
+ * wrap because react-native-sortables only attaches its handle gesture through that component. It
+ * renders a non-accessible `View`, so the host stays the single focusable element; pass layout
+ * styles that must sit on the outer box (flex, alignSelf, margin) as `wrap`'s second argument.
+ */
+
+/** Per-row reorder state and actions, provided to every row rendered by `ReorderableList`. */
+
+const ReorderableRowContext = /*#__PURE__*/createContext(null);
+export const ReorderableRowProvider = ReorderableRowContext.Provider;
+
+/** Reorder state for the enclosing `ReorderableList` row, or `null` outside a list. */
+export function useReorderableRow() {
+  return useContext(ReorderableRowContext);
+}
+//# sourceMappingURL=rowContext.js.map

package/lib/module/components/ReorderableList/rowContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","ReorderableRowContext","ReorderableRowProvider","Provider","useReorderableRow"],"sourceRoot":"../../../../src","sources":["components/ReorderableList/rowContext.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAA6C,OAAO;;AAUtF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAOA;;AAwBA,MAAMC,qBAAqB,gBAAGF,aAAa,CAAoC,IAAI,CAAC;AAEpF,OAAO,MAAMG,sBAAsB,GAAGD,qBAAqB,CAACE,QAAQ;;AAEpE;AACA,OAAO,SAASC,iBAAiBA,CAAA,EAAsC;EACrE,OAAOJ,UAAU,CAACC,qBAAqB,CAAC;AAC1C","ignoreList":[]}

package/lib/module/components/ReorderableList/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/components/ReorderableList/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/ReorderableList/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/ReorderableList/useReorder.js

@@ -0,0 +1,123 @@
+"use strict";
+
+import { useCallback, useMemo } from 'react';
+import { formatReorderMessage, resolveReorderableListLabels } from './labels';
+import { reorderItems } from './reorderItems';
+export function buildReorderAccessibilityActions(index, count, labels) {
+  const actions = [];
+  if (index > 0) {
+    actions.push({
+      name: 'moveUp',
+      label: labels.moveUp
+    });
+    if (index > 1) actions.push({
+      name: 'moveToTop',
+      label: labels.moveToTop
+    });
+  }
+  if (index < count - 1) {
+    actions.push({
+      name: 'moveDown',
+      label: labels.moveDown
+    });
+    if (index < count - 2) actions.push({
+      name: 'moveToBottom',
+      label: labels.moveToBottom
+    });
+  }
+  return actions;
+}
+
+/** Target index for a reorder accessibility action, or `undefined` for other actions. */
+export function getReorderActionTarget(actionName, index, count) {
+  switch (actionName) {
+    case 'moveUp':
+      return index - 1;
+    case 'moveDown':
+      return index + 1;
+    case 'moveToTop':
+      return 0;
+    case 'moveToBottom':
+      return count - 1;
+    default:
+      return undefined;
+  }
+}
+
+/** Duplicate keys in `data`, for the development warning. */
+export function findDuplicateKeys(data, keyExtractor) {
+  const seen = new Set();
+  const duplicates = new Set();
+  data.forEach((item, index) => {
+    const key = keyExtractor(item, index);
+    if (seen.has(key)) duplicates.add(key);
+    seen.add(key);
+  });
+  return [...duplicates];
+}
+export function useReorderController({
+  data,
+  onReorder,
+  onReorderIndices,
+  getItemLabel,
+  labels: labelsProp,
+  announce
+}) {
+  const labels = useMemo(() => resolveReorderableListLabels(labelsProp), [labelsProp]);
+  const describe = useCallback((key, fromIndex, position) => {
+    const item = data[fromIndex];
+    if (item === undefined) return undefined;
+    return formatReorderMessage(key, {
+      labels,
+      getItemLabel,
+      item,
+      fromIndex,
+      position,
+      count: data.length
+    });
+  }, [data, getItemLabel, labels]);
+  const moveItem = useCallback((fromIndex, toIndex) => {
+    if (fromIndex < 0 || fromIndex >= data.length) return;
+    const target = Math.min(Math.max(toIndex, 0), data.length - 1);
+    if (target === fromIndex) return;
+    const message = describe('movedTo', fromIndex, target);
+    onReorder(reorderItems(data, fromIndex, target));
+    onReorderIndices?.(fromIndex, target);
+    if (message) announce(message);
+  }, [announce, data, describe, onReorder, onReorderIndices]);
+
+  // Stable identity: web's accessibility memo keys off this object. A fresh return every render
+  // rebuilds createReorderAnnouncements and clears lastAnnouncedIndex, so pick-up is replaced by
+  // "moved to" the current position.
+  return useMemo(() => ({
+    labels,
+    moveItem,
+    describe,
+    data
+  }), [labels, moveItem, describe, data]);
+}
+export function useReorderableRowValue({
+  index,
+  count,
+  isDragging,
+  handle,
+  labels,
+  moveItem
+}) {
+  return useMemo(() => {
+    const move = toIndex => moveItem(index, toIndex);
+    return {
+      isDragging,
+      index,
+      count,
+      move,
+      accessibilityActions: buildReorderAccessibilityActions(index, count, labels),
+      onAccessibilityAction: event => {
+        const target = getReorderActionTarget(event.nativeEvent.actionName, index, count);
+        if (target !== undefined) move(target);
+      },
+      handle
+    };
+  }, [count, handle, index, isDragging, labels, moveItem]);
+}
+//# sourceMappingURL=useReorder.js.map

package/lib/module/components/ReorderableList/useReorder.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useMemo","formatReorderMessage","resolveReorderableListLabels","reorderItems","buildReorderAccessibilityActions","index","count","labels","actions","push","name","label","moveUp","moveToTop","moveDown","moveToBottom","getReorderActionTarget","actionName","undefined","findDuplicateKeys","data","keyExtractor","seen","Set","duplicates","forEach","item","key","has","add","useReorderController","onReorder","onReorderIndices","getItemLabel","labelsProp","announce","describe","fromIndex","position","length","moveItem","toIndex","target","Math","min","max","message","useReorderableRowValue","isDragging","handle","move","accessibilityActions","onAccessibilityAction","event","nativeEvent"],"sourceRoot":"../../../../src","sources":["components/ReorderableList/useReorder.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAE5C,SAASC,oBAAoB,EAAEC,4BAA4B,QAAQ,UAAU;AAC7E,SAASC,YAAY,QAAQ,gBAAgB;AAM7C,OAAO,SAASC,gCAAgCA,CAC9CC,KAAa,EACbC,KAAa,EACbC,MAA6B,EACF;EAC3B,MAAMC,OAAkC,GAAG,EAAE;EAC7C,IAAIH,KAAK,GAAG,CAAC,EAAE;IACbG,OAAO,CAACC,IAAI,CAAC;MAAEC,IAAI,EAAE,QAAQ;MAAEC,KAAK,EAAEJ,MAAM,CAACK;IAAO,CAAC,CAAC;IACtD,IAAIP,KAAK,GAAG,CAAC,EAAEG,OAAO,CAACC,IAAI,CAAC;MAAEC,IAAI,EAAE,WAAW;MAAEC,KAAK,EAAEJ,MAAM,CAACM;IAAU,CAAC,CAAC;EAC7E;EACA,IAAIR,KAAK,GAAGC,KAAK,GAAG,CAAC,EAAE;IACrBE,OAAO,CAACC,IAAI,CAAC;MAAEC,IAAI,EAAE,UAAU;MAAEC,KAAK,EAAEJ,MAAM,CAACO;IAAS,CAAC,CAAC;IAC1D,IAAIT,KAAK,GAAGC,KAAK,GAAG,CAAC,EAAEE,OAAO,CAACC,IAAI,CAAC;MAAEC,IAAI,EAAE,cAAc;MAAEC,KAAK,EAAEJ,MAAM,CAACQ;IAAa,CAAC,CAAC;EAC3F;EACA,OAAOP,OAAO;AAChB;;AAEA;AACA,OAAO,SAASQ,sBAAsBA,CACpCC,UAAkB,EAClBZ,KAAa,EACbC,KAAa,EACO;EACpB,QAAQW,UAAU;IAChB,KAAK,QAAQ;MACX,OAAOZ,KAAK,GAAG,CAAC;IAClB,KAAK,UAAU;MACb,OAAOA,KAAK,GAAG,CAAC;IAClB,KAAK,WAAW;MACd,OAAO,CAAC;IACV,KAAK,cAAc;MACjB,OAAOC,KAAK,GAAG,CAAC;IAClB;MACE,OAAOY,SAAS;EACpB;AACF;;AAEA;AACA,OAAO,SAASC,iBAAiBA,CAC/BC,IAAkB,EAClBC,YAAgD,EACtC;EACV,MAAMC,IAAI,GAAG,IAAIC,GAAG,CAAS,CAAC;EAC9B,MAAMC,UAAU,GAAG,IAAID,GAAG,CAAS,CAAC;EACpCH,IAAI,CAACK,OAAO,CAAC,CAACC,IAAI,EAAErB,KAAK,KAAK;IAC5B,MAAMsB,GAAG,GAAGN,YAAY,CAACK,IAAI,EAAErB,KAAK,CAAC;IACrC,IAAIiB,IAAI,CAACM,GAAG,CAACD,GAAG,CAAC,EAAEH,UAAU,CAACK,GAAG,CAACF,GAAG,CAAC;IACtCL,IAAI,CAACO,GAAG,CAACF,GAAG,CAAC;EACf,CAAC,CAAC;EACF,OAAO,CAAC,GAAGH,UAAU,CAAC;AACxB;AAsBA,OAAO,SAASM,oBAAoBA,CAAI;EACtCV,IAAI;EACJW,SAAS;EACTC,gBAAgB;EAChBC,YAAY;EACZ1B,MAAM,EAAE2B,UAAU;EAClBC;AAC2B,CAAC,EAAwB;EACpD,MAAM5B,MAAM,GAAGP,OAAO,CAAC,MAAME,4BAA4B,CAACgC,UAAU,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEpF,MAAME,QAAQ,GAAGrC,WAAW,CAC1B,CAAC4B,GAAG,EAAEU,SAAS,EAAEC,QAAQ,KAAK;IAC5B,MAAMZ,IAAI,GAAGN,IAAI,CAACiB,SAAS,CAAC;IAC5B,IAAIX,IAAI,KAAKR,SAAS,EAAE,OAAOA,SAAS;IACxC,OAAOjB,oBAAoB,CAAC0B,GAAG,EAAE;MAC/BpB,MAAM;MACN0B,YAAY;MACZP,IAAI;MACJW,SAAS;MACTC,QAAQ;MACRhC,KAAK,EAAEc,IAAI,CAACmB;IACd,CAAC,CAAC;EACJ,CAAC,EACD,CAACnB,IAAI,EAAEa,YAAY,EAAE1B,MAAM,CAC7B,CAAC;EAED,MAAMiC,QAAQ,GAAGzC,WAAW,CAC1B,CAACsC,SAAiB,EAAEI,OAAe,KAAK;IACtC,IAAIJ,SAAS,GAAG,CAAC,IAAIA,SAAS,IAAIjB,IAAI,CAACmB,MAAM,EAAE;IAC/C,MAAMG,MAAM,GAAGC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACJ,OAAO,EAAE,CAAC,CAAC,EAAErB,IAAI,CAACmB,MAAM,GAAG,CAAC,CAAC;IAC9D,IAAIG,MAAM,KAAKL,SAAS,EAAE;IAC1B,MAAMS,OAAO,GAAGV,QAAQ,CAAC,SAAS,EAAEC,SAAS,EAAEK,MAAM,CAAC;IACtDX,SAAS,CAAC5B,YAAY,CAACiB,IAAI,EAAEiB,SAAS,EAAEK,MAAM,CAAC,CAAC;IAChDV,gBAAgB,GAAGK,SAAS,EAAEK,MAAM,CAAC;IACrC,IAAII,OAAO,EAAEX,QAAQ,CAACW,OAAO,CAAC;EAChC,CAAC,EACD,CAACX,QAAQ,EAAEf,IAAI,EAAEgB,QAAQ,EAAEL,SAAS,EAAEC,gBAAgB,CACxD,CAAC;;EAED;EACA;EACA;EACA,OAAOhC,OAAO,CAAC,OAAO;IAAEO,MAAM;IAAEiC,QAAQ;IAAEJ,QAAQ;IAAEhB;EAAK,CAAC,CAAC,EAAE,CAACb,MAAM,EAAEiC,QAAQ,EAAEJ,QAAQ,EAAEhB,IAAI,CAAC,CAAC;AAClG;AAWA,OAAO,SAAS2B,sBAAsBA,CAAC;EACrC1C,KAAK;EACLC,KAAK;EACL0C,UAAU;EACVC,MAAM;EACN1C,MAAM;EACNiC;AACe,CAAC,EAA8B;EAC9C,OAAOxC,OAAO,CAAC,MAAM;IACnB,MAAMkD,IAAI,GAAIT,OAAe,IAAKD,QAAQ,CAACnC,KAAK,EAAEoC,OAAO,CAAC;IAC1D,OAAO;MACLO,UAAU;MACV3C,KAAK;MACLC,KAAK;MACL4C,IAAI;MACJC,oBAAoB,EAAE/C,gCAAgC,CAACC,KAAK,EAAEC,KAAK,EAAEC,MAAM,CAAC;MAC5E6C,qBAAqB,EAAGC,KAA+B,IAAK;QAC1D,MAAMX,MAAM,GAAG1B,sBAAsB,CAACqC,KAAK,CAACC,WAAW,CAACrC,UAAU,EAAEZ,KAAK,EAAEC,KAAK,CAAC;QACjF,IAAIoC,MAAM,KAAKxB,SAAS,EAAEgC,IAAI,CAACR,MAAM,CAAC;MACxC,CAAC;MACDO;IACF,CAAC;EACH,CAAC,EAAE,CAAC3C,KAAK,EAAE2C,MAAM,EAAE5C,KAAK,EAAE2C,UAAU,EAAEzC,MAAM,EAAEiC,QAAQ,CAAC,CAAC;AAC1D","ignoreList":[]}