@cdx-ui/components 0.2.2 → 0.2.3

package/lib/commonjs/components/ReorderableList/ReorderableListShared.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReorderableListShared = void 0;
+exports.flexLonghands = flexLonghands;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _primitives = require("@cdx-ui/primitives");
+var _useReorder = require("./useReorder");
+var _jsxRuntime = require("react/jsx-runtime");
+let hasWarnedDuplicateKeys = false;
+const styles = _reactNative.StyleSheet.create({
+  root: {
+    flexGrow: 0,
+    minHeight: 0
+  },
+  content: {
+    flexGrow: 0
+  }
+});
+
+/**
+ * Longhands for a consumer `flex`, placed between the `flexGrow: 0` default and the consumer style.
+ * Yoga lets a longhand beat the shorthand, so `flex: 1` alone keeps grow 0 with basis 0 and the
+ * list collapses to zero height.
+ */
+function flexLonghands(flex) {
+  if (flex === undefined) return undefined;
+  if (flex > 0) return {
+    flexGrow: flex,
+    flexShrink: 1,
+    flexBasis: 0
+  };
+  if (flex < 0) return {
+    flexGrow: 0,
+    flexShrink: -flex
+  };
+  return {
+    flexGrow: 0,
+    flexShrink: 0
+  };
+}
+function ReorderableListSharedInner({
+  data,
+  keyExtractor,
+  renderRow,
+  children,
+  ScrollComponent = _reactNative.ScrollView,
+  style,
+  contentContainerStyle,
+  ...props
+}, ref) {
+  const keyToIndex = (0, _react.useMemo)(() => {
+    const map = new Map();
+    data.forEach((item, index) => map.set(keyExtractor(item, index), index));
+    return map;
+  }, [data, keyExtractor]);
+  (0, _react.useEffect)(() => {
+    if (!__DEV__ || hasWarnedDuplicateKeys) return;
+    const duplicates = (0, _useReorder.findDuplicateKeys)(data, keyExtractor);
+    if (duplicates.length > 0) {
+      hasWarnedDuplicateKeys = true;
+      console.warn(`[ReorderableList] keyExtractor returned duplicate keys (${duplicates.join(', ')}). Keys must be stable and unique per item — do not derive them from the index.`);
+    }
+  }, [data, keyExtractor]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ScrollComponent, {
+    ref: ref,
+    style: [styles.root, flexLonghands(_reactNative.StyleSheet.flatten(style)?.flex), style],
+    contentContainerStyle: [styles.content, contentContainerStyle],
+    ...props,
+    role: "list",
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'reorderable-list'
+    })),
+    children: children ?? data.map((item, index) => {
+      const key = keyExtractor(item, index);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
+        children: renderRow?.({
+          item,
+          key,
+          index: keyToIndex.get(key) ?? index,
+          count: data.length
+        })
+      }, key);
+    })
+  });
+}
+const ReorderableListShared = exports.ReorderableListShared = /*#__PURE__*/(0, _react.forwardRef)(ReorderableListSharedInner);
+//# sourceMappingURL=ReorderableListShared.js.map

package/lib/commonjs/components/ReorderableList/ReorderableListShared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_primitives","_useReorder","_jsxRuntime","hasWarnedDuplicateKeys","styles","StyleSheet","create","root","flexGrow","minHeight","content","flexLonghands","flex","undefined","flexShrink","flexBasis","ReorderableListSharedInner","data","keyExtractor","renderRow","children","ScrollComponent","ScrollView","style","contentContainerStyle","props","ref","keyToIndex","useMemo","map","Map","forEach","item","index","set","useEffect","__DEV__","duplicates","findDuplicateKeys","length","console","warn","join","jsx","flatten","role","mergeDataAttributes","dataAttributes","slot","key","Fragment","get","count","ReorderableListShared","exports","forwardRef"],"sourceRoot":"../../../../src","sources":["components/ReorderableList/ReorderableListShared.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,135 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReorderableList = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeSortables = _interopRequireWildcard(require("react-native-sortables"));
+var _reactNativeWorklets = require("react-native-worklets");
+var _utils = require("@cdx-ui/utils");
+var _ReorderableListShared = require("./ReorderableListShared");
+var _rowContext = require("./rowContext");
+var _useReorder = require("./useReorder");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const nativeHandle = {
+  props: {},
+  ref: undefined,
+  wrap: (host, style) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSortables.default.Handle, {
+    style: style,
+    children: host
+  })
+};
+const AnimatedScrollView = _reactNativeReanimated.default.ScrollView;
+const NativeListContext = /*#__PURE__*/(0, _react.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 = (0, _react.useContext)(NativeListContext);
+  const {
+    isActive
+  } = (0, _reactNativeSortables.useItemContext)();
+  const [isDragging, setIsDragging] = (0, _react.useState)(false);
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => isActive.get(), (active, previous) => {
+    if (active !== (previous ?? false)) (0, _reactNativeWorklets.scheduleOnRN)(setIsDragging, active);
+  });
+  const rowValue = (0, _useReorder.useReorderableRowValue)({
+    index,
+    count: list.controller.data.length,
+    isDragging,
+    handle: nativeHandle,
+    labels: list.controller.labels,
+    moveItem: list.controller.moveItem
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rowContext.ReorderableRowProvider, {
+    value: rowValue,
+    children: list.renderItem({
+      item,
+      index,
+      isDragging
+    })
+  });
+}
+const renderGridItem = info => /*#__PURE__*/(0, _jsxRuntime.jsx)(NativeRow, {
+  ...info
+});
+function ReorderableListInner({
+  data,
+  keyExtractor,
+  onReorder,
+  onReorderIndices,
+  renderItem,
+  getItemLabel,
+  labels,
+  scrollEventThrottle = 16,
+  ...rest
+}, ref) {
+  const scrollableRef = (0, _reactNativeReanimated.useAnimatedRef)();
+  const mergedRef = (0, _react.useMemo)(() => (0, _utils.mergeRefs)(ref, scrollableRef), [ref, scrollableRef]);
+  const controller = (0, _useReorder.useReorderController)({
+    data,
+    onReorder,
+    onReorderIndices,
+    getItemLabel,
+    labels,
+    announce: _reactNative.AccessibilityInfo.announceForAccessibility
+  });
+  const listValue = (0, _react.useMemo)(() => ({
+    renderItem,
+    controller
+  }), [controller, renderItem]);
+  const gridKeyExtractor = (0, _react.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 = (0, _react.useCallback)(({
+    fromIndex,
+    toIndex,
+    data: reordered
+  }) => {
+    if (fromIndex === toIndex) return;
+    const message = controller.describe('dropped', fromIndex, toIndex);
+    onReorder(reordered);
+    onReorderIndices?.(fromIndex, toIndex);
+    if (message) _reactNative.AccessibilityInfo.announceForAccessibility(message);
+  }, [controller, onReorder, onReorderIndices]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(NativeListContext.Provider, {
+    value: listValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReorderableListShared.ReorderableListShared, {
+      ref: mergedRef,
+      ScrollComponent: AnimatedScrollView,
+      data: data,
+      keyExtractor: keyExtractor,
+      scrollEventThrottle: scrollEventThrottle,
+      ...rest,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSortables.default.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
+      })
+    })
+  });
+}
+const ReorderableList = exports.ReorderableList = /*#__PURE__*/(0, _react.forwardRef)(ReorderableListInner);
+ReorderableList.displayName = 'ReorderableList';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_reactNativeSortables","_reactNativeWorklets","_utils","_ReorderableListShared","_rowContext","_useReorder","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","nativeHandle","props","ref","undefined","wrap","host","style","jsx","Handle","children","AnimatedScrollView","Animated","ScrollView","NativeListContext","createContext","NativeRow","item","index","list","useContext","isActive","useItemContext","isDragging","setIsDragging","useState","useAnimatedReaction","active","previous","scheduleOnRN","rowValue","useReorderableRowValue","count","controller","data","length","handle","labels","moveItem","ReorderableRowProvider","value","renderItem","renderGridItem","info","ReorderableListInner","keyExtractor","onReorder","onReorderIndices","getItemLabel","scrollEventThrottle","rest","scrollableRef","useAnimatedRef","mergedRef","useMemo","mergeRefs","useReorderController","announce","AccessibilityInfo","announceForAccessibility","listValue","gridKeyExtractor","keys","Map","forEach","indexOf","handleDragEnd","useCallback","fromIndex","toIndex","reordered","message","describe","Provider","ReorderableListShared","ScrollComponent","Grid","columns","customHandle","dragActivationDelay","overDrag","activeItemScale","inactiveItemOpacity","activeItemShadowOpacity","onDragEnd","ReorderableList","exports","forwardRef","displayName"],"sourceRoot":"../../../../src","sources":["components/ReorderableList/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,233 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReorderableList = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _core = require("@dnd-kit/core");
+var _sortable = require("@dnd-kit/sortable");
+var _utilities = require("@dnd-kit/utilities");
+var _utils = require("@cdx-ui/utils");
+var _ReorderableListShared = require("./ReorderableListShared");
+var _reorderItems = require("./reorderItems");
+var _rowContext = require("./rowContext");
+var _useReorder = require("./useReorder");
+var _webDnd = require("./webDnd");
+var _jsxRuntime = require("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
+  } = (0, _sortable.useSortable)({
+    id: key
+  });
+  const {
+    activatorEvent
+  } = (0, _core.useDndContext)();
+  const nodeRef = (0, _react.useRef)(null);
+  const swallowNextClickRef = (0, _react.useRef)(false);
+  const setRowRef = (0, _react.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.
+  (0, _react.useLayoutEffect)(() => {
+    const node = nodeRef.current;
+    if (!node) return;
+    node.style.transform = transform ? _utilities.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.
+  (0, _react.useEffect)(() => {
+    if (isDragging && activatorEvent?.type.startsWith('pointer')) {
+      swallowNextClickRef.current = true;
+    }
+  }, [activatorEvent, isDragging]);
+  (0, _react.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 = (0, _react.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 = (0, _useReorder.useReorderableRowValue)({
+    index,
+    count,
+    isDragging,
+    handle,
+    labels: controller.labels,
+    moveItem: controller.moveItem
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rowContext.ReorderableRowProvider, {
+    value: rowValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      ref: setRowRef,
+      className: (0, _utils.cn)(isDragging && 'relative z-20'),
+      children: renderItem({
+        item,
+        index,
+        isDragging
+      })
+    })
+  });
+}
+function ReorderableListInner({
+  data,
+  keyExtractor,
+  renderItem,
+  onReorder,
+  onReorderIndices,
+  getItemLabel,
+  labels,
+  ...rest
+}, ref) {
+  const [announcement, setAnnouncement] = (0, _react.useState)('');
+  const controller = (0, _useReorder.useReorderController)({
+    data,
+    onReorder,
+    onReorderIndices,
+    getItemLabel,
+    labels,
+    announce: setAnnouncement
+  });
+  const sortableIds = (0, _react.useMemo)(() => data.map((item, index) => keyExtractor(item, index)), [data, keyExtractor]);
+  const sensors = (0, _core.useSensors)((0, _core.useSensor)(_core.PointerSensor, {
+    activationConstraint: {
+      distance: 4
+    }
+  }), (0, _core.useSensor)(_core.KeyboardSensor, {
+    coordinateGetter: _sortable.sortableKeyboardCoordinates
+  }));
+  const {
+    describe,
+    labels: resolvedLabels
+  } = controller;
+  const accessibility = (0, _react.useMemo)(() => ({
+    announcements: (0, _webDnd.createReorderAnnouncements)(sortableIds, describe),
+    screenReaderInstructions: {
+      draggable: resolvedLabels.screenReaderInstructions
+    }
+  }), [describe, resolvedLabels, sortableIds]);
+  const handleDragEnd = (0, _react.useCallback)(({
+    active,
+    over
+  }) => {
+    const move = (0, _webDnd.resolveDragEnd)(sortableIds, active.id, over?.id);
+    if (!move) return;
+    onReorder((0, _reorderItems.reorderItems)(data, move.from, move.to));
+    onReorderIndices?.(move.from, move.to);
+  }, [data, onReorder, onReorderIndices, sortableIds]);
+  const renderRow = (0, _react.useCallback)(info => /*#__PURE__*/(0, _jsxRuntime.jsx)(SortableRow, {
+    info: info,
+    renderItem: renderItem,
+    controller: controller
+  }), [controller, renderItem]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_core.DndContext, {
+    accessibility: accessibility,
+    collisionDetection: _core.closestCenter,
+    onDragEnd: handleDragEnd,
+    sensors: sensors,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sortable.SortableContext, {
+      items: sortableIds,
+      strategy: _sortable.verticalListSortingStrategy,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReorderableListShared.ReorderableListShared, {
+        ref: ref,
+        data: data,
+        keyExtractor: keyExtractor,
+        renderRow: renderRow,
+        ...rest
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      "aria-live": "polite",
+      className: "sr-only",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: announcement
+      })
+    })]
+  });
+}
+const ReorderableList = exports.ReorderableList = /*#__PURE__*/(0, _react.forwardRef)(ReorderableListInner);
+ReorderableList.displayName = 'ReorderableList';
+//# sourceMappingURL=index.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_core","_sortable","_utilities","_utils","_ReorderableListShared","_reorderItems","_rowContext","_useReorder","_webDnd","_jsxRuntime","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","useSortable","id","activatorEvent","useDndContext","nodeRef","useRef","swallowNextClickRef","setRowRef","useCallback","node","element","current","useLayoutEffect","style","CSS","Translate","toString","x","useEffect","type","startsWith","undefined","onClick","onPointerDown","addEventListener","removeEventListener","handle","useMemo","tabIndex","role","aria","props","onKeyDownCapture","ref","wrap","rowValue","useReorderableRowValue","labels","moveItem","jsx","ReorderableRowProvider","value","children","View","className","cn","ReorderableListInner","data","keyExtractor","onReorder","onReorderIndices","getItemLabel","rest","announcement","setAnnouncement","useState","useReorderController","announce","sortableIds","map","sensors","useSensors","useSensor","PointerSensor","activationConstraint","distance","KeyboardSensor","coordinateGetter","sortableKeyboardCoordinates","describe","resolvedLabels","accessibility","announcements","createReorderAnnouncements","screenReaderInstructions","draggable","handleDragEnd","active","over","move","resolveDragEnd","reorderItems","from","to","renderRow","jsxs","DndContext","collisionDetection","closestCenter","onDragEnd","SortableContext","items","strategy","verticalListSortingStrategy","ReorderableListShared","Text","ReorderableList","exports","forwardRef","displayName"],"sourceRoot":"../../../../src","sources":["components/ReorderableList/index.web.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_REORDERABLE_LIST_LABELS = void 0;
+exports.formatReorderMessage = formatReorderMessage;
+exports.resolveReorderableListLabels = resolveReorderableListLabels;
+const DEFAULT_REORDERABLE_LIST_LABELS = exports.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'
+};
+function resolveReorderableListLabels(partial) {
+  return {
+    ...DEFAULT_REORDERABLE_LIST_LABELS,
+    ...partial
+  };
+}
+function fill(template, values) {
+  return template.replace(/\{(\w+)\}/g, (match, name) => values[name] ?? match);
+}
+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/commonjs/components/ReorderableList/labels.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_REORDERABLE_LIST_LABELS","exports","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":";;;;;;;;AAEO,MAAMA,+BAAsD,GAAAC,OAAA,CAAAD,+BAAA,GAAG;EACpEE,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;AAEM,SAASC,4BAA4BA,CAC1CC,OAAwC,EACjB;EACvB,OAAO;IAAE,GAAGb,+BAA+B;IAAE,GAAGa;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;AAEO,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/commonjs/components/ReorderableList/reorderItems.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.reorderItems = reorderItems;
+/** Immutable insert-strategy move. No-ops when indices are equal or out of range. */
+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/commonjs/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;AACO,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/commonjs/components/ReorderableList/rowContext.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReorderableRowProvider = void 0;
+exports.useReorderableRow = useReorderableRow;
+var _react = require("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__*/(0, _react.createContext)(null);
+const ReorderableRowProvider = exports.ReorderableRowProvider = ReorderableRowContext.Provider;
+
+/** Reorder state for the enclosing `ReorderableList` row, or `null` outside a list. */
+function useReorderableRow() {
+  return (0, _react.useContext)(ReorderableRowContext);
+}
+//# sourceMappingURL=rowContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","ReorderableRowContext","createContext","ReorderableRowProvider","exports","Provider","useReorderableRow","useContext"],"sourceRoot":"../../../../src","sources":["components/ReorderableList/rowContext.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAUA;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,gBAAG,IAAAC,oBAAa,EAAoC,IAAI,CAAC;AAE7E,MAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAGF,qBAAqB,CAACI,QAAQ;;AAEpE;AACO,SAASC,iBAAiBA,CAAA,EAAsC;EACrE,OAAO,IAAAC,iBAAU,EAACN,qBAAqB,CAAC;AAC1C","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

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

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