@depup/react-aria-components 1.19.0-depup.27 → 1.21.0-depup.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/NavigationTree/package.json +5 -0
- package/PreviewTrigger/package.json +5 -0
- package/README.md +2 -2
- package/TokenField/package.json +5 -0
- package/changes.json +1 -1
- package/dist/exports/GridList.cjs.map +1 -1
- package/dist/exports/GridList.js.map +1 -1
- package/dist/exports/GridList.mjs.map +1 -1
- package/dist/exports/Menu.cjs +1 -0
- package/dist/exports/Menu.cjs.map +1 -1
- package/dist/exports/Menu.js +2 -2
- package/dist/exports/Menu.js.map +1 -1
- package/dist/exports/Menu.mjs +2 -2
- package/dist/exports/Menu.mjs.map +1 -1
- package/dist/exports/NavigationTree.cjs +37 -0
- package/dist/exports/NavigationTree.cjs.map +1 -0
- package/dist/exports/NavigationTree.js +25 -0
- package/dist/exports/NavigationTree.js.map +1 -0
- package/dist/exports/NavigationTree.mjs +25 -0
- package/dist/exports/NavigationTree.mjs.map +1 -0
- package/dist/exports/PreviewTrigger.cjs +26 -0
- package/dist/exports/PreviewTrigger.cjs.map +1 -0
- package/dist/exports/PreviewTrigger.js +21 -0
- package/dist/exports/PreviewTrigger.js.map +1 -0
- package/dist/exports/PreviewTrigger.mjs +21 -0
- package/dist/exports/PreviewTrigger.mjs.map +1 -0
- package/dist/exports/TokenField.cjs +31 -0
- package/dist/exports/TokenField.cjs.map +1 -0
- package/dist/exports/TokenField.js +21 -0
- package/dist/exports/TokenField.js.map +1 -0
- package/dist/exports/TokenField.mjs +21 -0
- package/dist/exports/TokenField.mjs.map +1 -0
- package/dist/exports/Tree.cjs.map +1 -1
- package/dist/exports/Tree.js.map +1 -1
- package/dist/exports/Tree.mjs.map +1 -1
- package/dist/exports/index.cjs +25 -0
- package/dist/exports/index.cjs.map +1 -1
- package/dist/exports/index.js +12 -2
- package/dist/exports/index.js.map +1 -1
- package/dist/exports/index.mjs +12 -2
- package/dist/exports/index.mjs.map +1 -1
- package/dist/private/Checkbox.cjs.map +1 -1
- package/dist/private/Checkbox.js.map +1 -1
- package/dist/private/Checkbox.mjs.map +1 -1
- package/dist/private/ComboBox.cjs +21 -2
- package/dist/private/ComboBox.cjs.map +1 -1
- package/dist/private/ComboBox.js +21 -2
- package/dist/private/ComboBox.js.map +1 -1
- package/dist/private/ComboBox.mjs +21 -2
- package/dist/private/ComboBox.mjs.map +1 -1
- package/dist/private/Dialog.cjs +21 -1
- package/dist/private/Dialog.cjs.map +1 -1
- package/dist/private/Dialog.js +21 -1
- package/dist/private/Dialog.js.map +1 -1
- package/dist/private/Dialog.mjs +21 -1
- package/dist/private/Dialog.mjs.map +1 -1
- package/dist/private/DragAndDrop.cjs +1 -0
- package/dist/private/DragAndDrop.cjs.map +1 -1
- package/dist/private/DragAndDrop.js +1 -0
- package/dist/private/DragAndDrop.js.map +1 -1
- package/dist/private/DragAndDrop.mjs +1 -0
- package/dist/private/DragAndDrop.mjs.map +1 -1
- package/dist/private/DropZone.cjs +5 -2
- package/dist/private/DropZone.cjs.map +1 -1
- package/dist/private/DropZone.js +5 -3
- package/dist/private/DropZone.js.map +1 -1
- package/dist/private/DropZone.mjs +5 -2
- package/dist/private/DropZone.mjs.map +1 -1
- package/dist/private/FileTrigger.cjs +1 -0
- package/dist/private/FileTrigger.cjs.map +1 -1
- package/dist/private/FileTrigger.js +1 -0
- package/dist/private/FileTrigger.js.map +1 -1
- package/dist/private/FileTrigger.mjs +1 -0
- package/dist/private/FileTrigger.mjs.map +1 -1
- package/dist/private/GridLayout.cjs +3 -1
- package/dist/private/GridLayout.cjs.map +1 -1
- package/dist/private/GridLayout.js +3 -1
- package/dist/private/GridLayout.js.map +1 -1
- package/dist/private/GridLayout.mjs +3 -1
- package/dist/private/GridLayout.mjs.map +1 -1
- package/dist/private/GridList.cjs +12 -1
- package/dist/private/GridList.cjs.map +1 -1
- package/dist/private/GridList.js +12 -1
- package/dist/private/GridList.js.map +1 -1
- package/dist/private/GridList.mjs +12 -1
- package/dist/private/GridList.mjs.map +1 -1
- package/dist/private/ListBox.cjs +9 -1
- package/dist/private/ListBox.cjs.map +1 -1
- package/dist/private/ListBox.js +9 -1
- package/dist/private/ListBox.js.map +1 -1
- package/dist/private/ListBox.mjs +9 -1
- package/dist/private/ListBox.mjs.map +1 -1
- package/dist/private/Menu.cjs +59 -2
- package/dist/private/Menu.cjs.map +1 -1
- package/dist/private/Menu.js +60 -4
- package/dist/private/Menu.js.map +1 -1
- package/dist/private/Menu.mjs +60 -4
- package/dist/private/Menu.mjs.map +1 -1
- package/dist/private/Meter.cjs +2 -1
- package/dist/private/Meter.cjs.map +1 -1
- package/dist/private/Meter.js +2 -1
- package/dist/private/Meter.js.map +1 -1
- package/dist/private/Meter.mjs +2 -1
- package/dist/private/Meter.mjs.map +1 -1
- package/dist/private/Modal.cjs +2 -0
- package/dist/private/Modal.cjs.map +1 -1
- package/dist/private/Modal.js +2 -0
- package/dist/private/Modal.js.map +1 -1
- package/dist/private/Modal.mjs +2 -0
- package/dist/private/Modal.mjs.map +1 -1
- package/dist/private/NavigationTree.cjs +272 -0
- package/dist/private/NavigationTree.cjs.map +1 -0
- package/dist/private/NavigationTree.js +258 -0
- package/dist/private/NavigationTree.js.map +1 -0
- package/dist/private/NavigationTree.mjs +257 -0
- package/dist/private/NavigationTree.mjs.map +1 -0
- package/dist/private/Popover.cjs +34 -9
- package/dist/private/Popover.cjs.map +1 -1
- package/dist/private/Popover.js +34 -9
- package/dist/private/Popover.js.map +1 -1
- package/dist/private/Popover.mjs +34 -9
- package/dist/private/Popover.mjs.map +1 -1
- package/dist/private/PreviewTrigger.cjs +88 -0
- package/dist/private/PreviewTrigger.cjs.map +1 -0
- package/dist/private/PreviewTrigger.js +80 -0
- package/dist/private/PreviewTrigger.js.map +1 -0
- package/dist/private/PreviewTrigger.mjs +79 -0
- package/dist/private/PreviewTrigger.mjs.map +1 -0
- package/dist/private/ProgressBar.cjs +6 -1
- package/dist/private/ProgressBar.cjs.map +1 -1
- package/dist/private/ProgressBar.js +6 -1
- package/dist/private/ProgressBar.js.map +1 -1
- package/dist/private/ProgressBar.mjs +6 -1
- package/dist/private/ProgressBar.mjs.map +1 -1
- package/dist/private/RadioGroup.cjs.map +1 -1
- package/dist/private/RadioGroup.js.map +1 -1
- package/dist/private/RadioGroup.mjs.map +1 -1
- package/dist/private/Select.cjs.map +1 -1
- package/dist/private/Select.js.map +1 -1
- package/dist/private/Select.mjs.map +1 -1
- package/dist/private/Switch.cjs +8 -2
- package/dist/private/Switch.cjs.map +1 -1
- package/dist/private/Switch.js +9 -3
- package/dist/private/Switch.js.map +1 -1
- package/dist/private/Switch.mjs +9 -3
- package/dist/private/Switch.mjs.map +1 -1
- package/dist/private/Table.cjs +26 -14
- package/dist/private/Table.cjs.map +1 -1
- package/dist/private/Table.js +26 -14
- package/dist/private/Table.js.map +1 -1
- package/dist/private/Table.mjs +26 -14
- package/dist/private/Table.mjs.map +1 -1
- package/dist/private/TableLayout.cjs +3 -1
- package/dist/private/TableLayout.cjs.map +1 -1
- package/dist/private/TableLayout.js +3 -1
- package/dist/private/TableLayout.js.map +1 -1
- package/dist/private/TableLayout.mjs +3 -1
- package/dist/private/TableLayout.mjs.map +1 -1
- package/dist/private/TagGroup.cjs +1 -0
- package/dist/private/TagGroup.cjs.map +1 -1
- package/dist/private/TagGroup.js +1 -0
- package/dist/private/TagGroup.js.map +1 -1
- package/dist/private/TagGroup.mjs +1 -0
- package/dist/private/TagGroup.mjs.map +1 -1
- package/dist/private/Text.cjs +3 -1
- package/dist/private/Text.cjs.map +1 -1
- package/dist/private/Text.js +4 -2
- package/dist/private/Text.js.map +1 -1
- package/dist/private/Text.mjs +4 -2
- package/dist/private/Text.mjs.map +1 -1
- package/dist/private/ToggleButton.cjs.map +1 -1
- package/dist/private/ToggleButton.js.map +1 -1
- package/dist/private/ToggleButton.mjs.map +1 -1
- package/dist/private/TokenField.cjs +235 -0
- package/dist/private/TokenField.cjs.map +1 -0
- package/dist/private/TokenField.js +225 -0
- package/dist/private/TokenField.js.map +1 -0
- package/dist/private/TokenField.mjs +223 -0
- package/dist/private/TokenField.mjs.map +1 -0
- package/dist/private/Tooltip.cjs +10 -2
- package/dist/private/Tooltip.cjs.map +1 -1
- package/dist/private/Tooltip.js +10 -2
- package/dist/private/Tooltip.js.map +1 -1
- package/dist/private/Tooltip.mjs +10 -2
- package/dist/private/Tooltip.mjs.map +1 -1
- package/dist/private/Tree.cjs +11 -1
- package/dist/private/Tree.cjs.map +1 -1
- package/dist/private/Tree.js +11 -1
- package/dist/private/Tree.js.map +1 -1
- package/dist/private/Tree.mjs +11 -1
- package/dist/private/Tree.mjs.map +1 -1
- package/dist/private/TreeDropTargetDelegate.cjs +11 -6
- package/dist/private/TreeDropTargetDelegate.cjs.map +1 -1
- package/dist/private/TreeDropTargetDelegate.js +11 -6
- package/dist/private/TreeDropTargetDelegate.js.map +1 -1
- package/dist/private/TreeDropTargetDelegate.mjs +11 -6
- package/dist/private/TreeDropTargetDelegate.mjs.map +1 -1
- package/dist/private/Virtualizer.cjs +18 -16
- package/dist/private/Virtualizer.cjs.map +1 -1
- package/dist/private/Virtualizer.js +18 -16
- package/dist/private/Virtualizer.js.map +1 -1
- package/dist/private/Virtualizer.mjs +18 -16
- package/dist/private/Virtualizer.mjs.map +1 -1
- package/dist/private/useDragAndDrop.cjs +7 -0
- package/dist/private/useDragAndDrop.cjs.map +1 -1
- package/dist/private/useDragAndDrop.js +7 -0
- package/dist/private/useDragAndDrop.js.map +1 -1
- package/dist/private/useDragAndDrop.mjs +7 -0
- package/dist/private/useDragAndDrop.mjs.map +1 -1
- package/dist/private/utils.cjs.map +1 -1
- package/dist/private/utils.js.map +1 -1
- package/dist/private/utils.mjs.map +1 -1
- package/dist/types/exports/GridList.d.ts +1 -1
- package/dist/types/exports/Menu.d.ts +2 -2
- package/dist/types/exports/NavigationTree.d.ts +8 -0
- package/dist/types/exports/PreviewTrigger.d.ts +3 -0
- package/dist/types/exports/TokenField.d.ts +5 -0
- package/dist/types/exports/Tree.d.ts +1 -1
- package/dist/types/exports/index.d.ts +14 -5
- package/dist/types/src/Breadcrumbs.d.ts +2 -2
- package/dist/types/src/Button.d.ts +1 -1
- package/dist/types/src/Calendar.d.ts +6 -6
- package/dist/types/src/Checkbox.d.ts +8 -8
- package/dist/types/src/Collection.d.ts +1 -1
- package/dist/types/src/ComboBox.d.ts +6 -3
- package/dist/types/src/DateField.d.ts +4 -4
- package/dist/types/src/DatePicker.d.ts +2 -2
- package/dist/types/src/Dialog.d.ts +2 -2
- package/dist/types/src/Disclosure.d.ts +2 -2
- package/dist/types/src/GridList.d.ts +18 -7
- package/dist/types/src/Group.d.ts +1 -1
- package/dist/types/src/Header.d.ts +1 -1
- package/dist/types/src/Input.d.ts +1 -1
- package/dist/types/src/Label.d.ts +1 -1
- package/dist/types/src/Link.d.ts +1 -1
- package/dist/types/src/ListBox.d.ts +6 -6
- package/dist/types/src/Menu.d.ts +25 -6
- package/dist/types/src/Meter.d.ts +1 -1
- package/dist/types/src/Modal.d.ts +2 -2
- package/dist/types/src/NavigationTree.d.ts +80 -0
- package/dist/types/src/NumberField.d.ts +1 -1
- package/dist/types/src/OverlayArrow.d.ts +1 -1
- package/dist/types/src/Popover.d.ts +8 -1
- package/dist/types/src/PreviewTrigger.d.ts +23 -0
- package/dist/types/src/RadioGroup.d.ts +8 -8
- package/dist/types/src/SearchField.d.ts +1 -1
- package/dist/types/src/Select.d.ts +3 -3
- package/dist/types/src/Separator.d.ts +1 -1
- package/dist/types/src/Slider.d.ts +5 -5
- package/dist/types/src/Switch.d.ts +7 -7
- package/dist/types/src/Table.d.ts +32 -8
- package/dist/types/src/Tabs.d.ts +5 -5
- package/dist/types/src/TagGroup.d.ts +3 -3
- package/dist/types/src/Text.d.ts +1 -1
- package/dist/types/src/TextField.d.ts +1 -1
- package/dist/types/src/Toast.d.ts +3 -3
- package/dist/types/src/ToggleButton.d.ts +1 -1
- package/dist/types/src/ToggleButtonGroup.d.ts +1 -1
- package/dist/types/src/TokenField.d.ts +111 -0
- package/dist/types/src/Toolbar.d.ts +1 -1
- package/dist/types/src/Tooltip.d.ts +1 -1
- package/dist/types/src/Tree.d.ts +12 -10
- package/dist/types/src/Virtualizer.d.ts +4 -0
- package/dist/types/src/utils.d.ts +19 -5
- package/i18n/ar-AE.js +1 -1
- package/i18n/ar-AE.mjs +1 -1
- package/i18n/bg-BG.js +1 -1
- package/i18n/bg-BG.mjs +1 -1
- package/i18n/cs-CZ.js +1 -1
- package/i18n/cs-CZ.mjs +1 -1
- package/i18n/da-DK.js +1 -1
- package/i18n/da-DK.mjs +1 -1
- package/i18n/de-DE.js +1 -1
- package/i18n/de-DE.mjs +1 -1
- package/i18n/el-GR.js +1 -1
- package/i18n/el-GR.mjs +1 -1
- package/i18n/en-US.js +1 -1
- package/i18n/en-US.mjs +1 -1
- package/i18n/es-ES.js +1 -1
- package/i18n/es-ES.mjs +1 -1
- package/i18n/et-EE.js +1 -1
- package/i18n/et-EE.mjs +1 -1
- package/i18n/fi-FI.js +1 -1
- package/i18n/fi-FI.mjs +1 -1
- package/i18n/fr-FR.js +1 -1
- package/i18n/fr-FR.mjs +1 -1
- package/i18n/he-IL.js +1 -1
- package/i18n/he-IL.mjs +1 -1
- package/i18n/hr-HR.js +1 -1
- package/i18n/hr-HR.mjs +1 -1
- package/i18n/hu-HU.js +1 -1
- package/i18n/hu-HU.mjs +1 -1
- package/i18n/it-IT.js +1 -1
- package/i18n/it-IT.mjs +1 -1
- package/i18n/ja-JP.js +1 -1
- package/i18n/ja-JP.mjs +1 -1
- package/i18n/ko-KR.js +1 -1
- package/i18n/ko-KR.mjs +1 -1
- package/i18n/lt-LT.js +1 -1
- package/i18n/lt-LT.mjs +1 -1
- package/i18n/lv-LV.js +1 -1
- package/i18n/lv-LV.mjs +1 -1
- package/i18n/nb-NO.js +1 -1
- package/i18n/nb-NO.mjs +1 -1
- package/i18n/nl-NL.js +1 -1
- package/i18n/nl-NL.mjs +1 -1
- package/i18n/pl-PL.js +1 -1
- package/i18n/pl-PL.mjs +1 -1
- package/i18n/pt-BR.js +1 -1
- package/i18n/pt-BR.mjs +1 -1
- package/i18n/pt-PT.js +1 -1
- package/i18n/pt-PT.mjs +1 -1
- package/i18n/ro-RO.js +1 -1
- package/i18n/ro-RO.mjs +1 -1
- package/i18n/ru-RU.js +1 -1
- package/i18n/ru-RU.mjs +1 -1
- package/i18n/sk-SK.js +1 -1
- package/i18n/sk-SK.mjs +1 -1
- package/i18n/sl-SI.js +1 -1
- package/i18n/sl-SI.mjs +1 -1
- package/i18n/sr-SP.js +1 -1
- package/i18n/sr-SP.mjs +1 -1
- package/i18n/sv-SE.js +1 -1
- package/i18n/sv-SE.mjs +1 -1
- package/i18n/tr-TR.js +1 -1
- package/i18n/tr-TR.mjs +1 -1
- package/i18n/uk-UA.js +1 -1
- package/i18n/uk-UA.mjs +1 -1
- package/i18n/zh-CN.js +1 -1
- package/i18n/zh-CN.mjs +1 -1
- package/i18n/zh-TW.js +1 -1
- package/i18n/zh-TW.mjs +1 -1
- package/package.json +33 -31
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"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","sources":["packages/react-aria-components/src/TreeDropTargetDelegate.ts"],"sourcesContent":["import {\n Direction,\n DropTarget,\n DropTargetDelegate,\n ItemDropTarget,\n Key,\n Node,\n RootDropTarget\n} from '@react-types/shared';\n\ninterface TreeCollection<T> extends Iterable<Node<T>> {\n getItem(key: Key): Node<T> | null;\n getChildren?(key: Key): Iterable<Node<T>>;\n getKeyAfter(key: Key): Key | null;\n getKeyBefore(key: Key): Key | null;\n}\n\ninterface TreeState<T> {\n collection: TreeCollection<T>;\n expandedKeys: Set<Key>;\n}\n\ninterface PointerTracking {\n lastY: number;\n lastX: number;\n yDirection: 'up' | 'down' | null;\n xDirection: 'left' | 'right' | null;\n boundaryContext: {\n parentKey: Key;\n lastSwitchY: number;\n lastSwitchX: number;\n preferredTargetIndex?: number;\n } | null;\n}\n\nconst X_SWITCH_THRESHOLD = 10;\nconst Y_SWITCH_THRESHOLD = 5;\nexport class TreeDropTargetDelegate<T> {\n private delegate: DropTargetDelegate | null = null;\n private state: TreeState<T> | null = null;\n private direction: Direction = 'ltr';\n private pointerTracking: PointerTracking = {\n lastY: 0,\n lastX: 0,\n yDirection: null,\n xDirection: null,\n boundaryContext: null\n };\n\n setup(delegate: DropTargetDelegate, state: TreeState<T>, direction: Direction): void {\n this.delegate = delegate;\n this.state = state;\n this.direction = direction;\n }\n\n getDropTargetFromPoint(\n x: number,\n y: number,\n isValidDropTarget: (target: DropTarget) => boolean\n ): DropTarget | null {\n let baseTarget = this.delegate!.getDropTargetFromPoint(x, y, isValidDropTarget);\n if (!baseTarget || baseTarget.type === 'root') {\n return baseTarget;\n }\n\n return this.resolveDropTarget(baseTarget, x, y, isValidDropTarget);\n }\n\n private resolveDropTarget(\n target: ItemDropTarget,\n x: number,\n y: number,\n isValidDropTarget: (target: DropTarget) => boolean\n ): RootDropTarget | ItemDropTarget | null {\n let tracking = this.pointerTracking;\n\n // Calculate movement directions\n let deltaY = y - tracking.lastY;\n let deltaX = x - tracking.lastX;\n let currentYMovement: 'up' | 'down' | null = tracking.yDirection;\n let currentXMovement: 'left' | 'right' | null = tracking.xDirection;\n\n if (Math.abs(deltaY) > Y_SWITCH_THRESHOLD) {\n currentYMovement = deltaY > 0 ? 'down' : 'up';\n tracking.yDirection = currentYMovement;\n tracking.lastY = y;\n }\n\n if (Math.abs(deltaX) > X_SWITCH_THRESHOLD) {\n currentXMovement = deltaX > 0 ? 'right' : 'left';\n tracking.xDirection = currentXMovement;\n tracking.lastX = x;\n }\n\n // Normalize to 'after'\n if (target.dropPosition === 'before') {\n let keyBefore = this.state!.collection.getKeyBefore(target.key);\n\n while (keyBefore != null) {\n let node = this.state!.collection.getItem(keyBefore);\n if (node?.type === 'item') {\n break;\n }\n keyBefore = node?.parentKey ?? null;\n }\n if (keyBefore != null) {\n let convertedTarget = {\n type: 'item',\n key: keyBefore,\n dropPosition: 'after'\n } as const;\n\n if (isValidDropTarget(convertedTarget)) {\n target = convertedTarget;\n }\n }\n }\n\n let potentialTargets = this.getPotentialTargets(target, isValidDropTarget);\n\n if (potentialTargets.length === 0) {\n return {type: 'root'};\n }\n\n let resolvedItemTarget: ItemDropTarget;\n if (potentialTargets.length > 1) {\n resolvedItemTarget = this.selectTarget(\n potentialTargets,\n target,\n x,\n y,\n currentYMovement,\n currentXMovement\n );\n } else {\n resolvedItemTarget = potentialTargets[0];\n // Reset boundary context since we're not in a boundary case\n tracking.boundaryContext = null;\n }\n\n return resolvedItemTarget;\n }\n\n // Returns potential targets for an ambiguous drop position (e.g. after the last child of a parent, or after the parent itself)\n // Ordered by level, from innermost to outermost.\n private getPotentialTargets(\n originalTarget: ItemDropTarget,\n isValidDropTarget: (target: DropTarget) => boolean\n ): ItemDropTarget[] {\n if (originalTarget.dropPosition === 'on') {\n return [originalTarget];\n }\n\n let target = originalTarget;\n let collection = this.state!.collection;\n\n let currentItem = collection.getItem(target.key);\n while (currentItem && currentItem?.type !== 'item' && currentItem.nextKey != null) {\n target.key = currentItem.nextKey;\n currentItem = collection.getItem(currentItem.nextKey);\n }\n\n let potentialTargets = [target];\n\n // If target has children and is expanded, use \"before first child\"\n if (\n currentItem &&\n currentItem.hasChildNodes &&\n this.state!.expandedKeys.has(currentItem.key) &&\n collection.getChildren &&\n target.dropPosition === 'after'\n ) {\n // Find the first item child (traverse keys directly instead of using collection.getChildren, which may only include cells).\n let firstChildItemNode =\n currentItem.firstChildKey != null ? collection.getItem(currentItem.firstChildKey) : null;\n while (firstChildItemNode && firstChildItemNode.type !== 'item') {\n firstChildItemNode =\n firstChildItemNode.nextKey != null\n ? collection.getItem(firstChildItemNode.nextKey)\n : null;\n }\n\n if (firstChildItemNode?.type === 'item') {\n const beforeFirstChildTarget = {\n type: 'item',\n key: firstChildItemNode.key,\n dropPosition: 'before'\n } as const;\n\n if (isValidDropTarget(beforeFirstChildTarget)) {\n return [beforeFirstChildTarget];\n } else {\n return [];\n }\n }\n }\n\n if (currentItem?.nextKey != null) {\n return [originalTarget];\n }\n\n // Walk up the parent chain to find ancestors that are the last child at their level\n let parentKey = currentItem?.parentKey;\n let ancestorTargets: ItemDropTarget[] = [];\n\n while (parentKey != null) {\n let parentItem = collection.getItem(parentKey);\n let nextItem = parentItem?.nextKey != null ? collection.getItem(parentItem.nextKey) : null;\n let isLastChildAtLevel = !nextItem || nextItem.parentKey !== parentKey;\n\n if (isLastChildAtLevel) {\n let afterParentTarget = {\n type: 'item',\n key: parentKey,\n dropPosition: 'after'\n } as const;\n\n if (isValidDropTarget(afterParentTarget)) {\n ancestorTargets.push(afterParentTarget);\n }\n if (nextItem) {\n break;\n }\n }\n\n parentKey = parentItem?.parentKey;\n }\n\n if (ancestorTargets.length > 0) {\n potentialTargets.push(...ancestorTargets);\n }\n\n // Handle converting \"after\" to \"before next\" for non-ambiguous cases\n if (potentialTargets.length === 1) {\n let nextKey = collection.getKeyAfter(target.key);\n let nextNode = nextKey != null ? collection.getItem(nextKey) : null;\n if (\n nextKey != null &&\n nextNode &&\n currentItem &&\n nextNode.level != null &&\n currentItem.level != null &&\n nextNode.level > currentItem.level\n ) {\n let beforeTarget = {\n type: 'item',\n key: nextKey,\n dropPosition: 'before'\n } as const;\n if (isValidDropTarget(beforeTarget)) {\n return [beforeTarget];\n }\n }\n }\n\n return potentialTargets.filter(isValidDropTarget);\n }\n\n private selectTarget(\n potentialTargets: ItemDropTarget[],\n originalTarget: ItemDropTarget,\n x: number,\n y: number,\n currentYMovement: 'up' | 'down' | null,\n currentXMovement: 'left' | 'right' | null\n ): ItemDropTarget {\n if (potentialTargets.length < 2) {\n return potentialTargets[0];\n }\n\n let tracking = this.pointerTracking;\n let currentItem = this.state!.collection.getItem(originalTarget.key);\n let parentKey = currentItem?.parentKey;\n\n if (parentKey == null) {\n return potentialTargets[0];\n }\n\n // More than 1 potential target - use Y for initial target, then X for switching levels\n // Initialize boundary context if needed\n if (!tracking.boundaryContext || tracking.boundaryContext.parentKey !== parentKey) {\n // If entering from below, start with outer-most\n let initialTargetIndex = tracking.yDirection === 'up' ? potentialTargets.length - 1 : 0;\n tracking.boundaryContext = {\n parentKey,\n preferredTargetIndex: initialTargetIndex,\n lastSwitchY: y,\n lastSwitchX: x\n };\n }\n\n let boundaryContext = tracking.boundaryContext;\n let distanceFromLastXSwitch = Math.abs(x - boundaryContext.lastSwitchX);\n let distanceFromLastYSwitch = Math.abs(y - boundaryContext.lastSwitchY);\n\n // Switch between targets based on Y movement\n if (distanceFromLastYSwitch > Y_SWITCH_THRESHOLD && currentYMovement) {\n let currentIndex = boundaryContext.preferredTargetIndex || 0;\n\n if (currentYMovement === 'down' && currentIndex === 0) {\n // Moving down from inner-most, switch to outer-most\n boundaryContext.preferredTargetIndex = potentialTargets.length - 1;\n } else if (currentYMovement === 'up' && currentIndex === potentialTargets.length - 1) {\n // Moving up from outer-most, switch to inner-most\n boundaryContext.preferredTargetIndex = 0;\n }\n\n // Reset x tracking so that moving diagonally doesn't cause flickering.\n tracking.xDirection = null;\n }\n\n // X movement controls level selection\n if (distanceFromLastXSwitch > X_SWITCH_THRESHOLD && currentXMovement) {\n let currentTargetIndex = boundaryContext.preferredTargetIndex || 0;\n\n if (currentXMovement === 'left') {\n if (this.direction === 'ltr') {\n // LTR: left = move to higher level in tree (increase index)\n if (currentTargetIndex < potentialTargets.length - 1) {\n boundaryContext.preferredTargetIndex = currentTargetIndex + 1;\n boundaryContext.lastSwitchX = x;\n }\n } else {\n // RTL: left = move to lower level in tree (decrease index)\n if (currentTargetIndex > 0) {\n boundaryContext.preferredTargetIndex = currentTargetIndex - 1;\n boundaryContext.lastSwitchX = x;\n }\n }\n } else if (currentXMovement === 'right') {\n if (this.direction === 'ltr') {\n // LTR: right = move to lower level in tree (decrease index)\n if (currentTargetIndex > 0) {\n boundaryContext.preferredTargetIndex = currentTargetIndex - 1;\n boundaryContext.lastSwitchX = x;\n }\n } else {\n // RTL: right = move to higher level in tree (increase index)\n if (currentTargetIndex < potentialTargets.length - 1) {\n boundaryContext.preferredTargetIndex = currentTargetIndex + 1;\n boundaryContext.lastSwitchX = x;\n }\n }\n }\n\n // Reset y tracking so that moving diagonally doesn't cause flickering.\n tracking.yDirection = null;\n }\n\n let targetIndex = Math.max(\n 0,\n Math.min(boundaryContext.preferredTargetIndex || 0, potentialTargets.length - 1)\n );\n return potentialTargets[targetIndex];\n }\n}\n"],"names":[],"version":3,"file":"TreeDropTargetDelegate.mjs.map"}
|
|
1
|
+
{"mappings":"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","sources":["packages/react-aria-components/src/TreeDropTargetDelegate.ts"],"sourcesContent":["import {\n Direction,\n DropTarget,\n DropTargetDelegate,\n ItemDropTarget,\n Key,\n Node,\n RootDropTarget\n} from '@react-types/shared';\n\ninterface TreeCollection<T> extends Iterable<Node<T>> {\n getItem(key: Key): Node<T> | null;\n getChildren?(key: Key): Iterable<Node<T>>;\n getKeyAfter(key: Key): Key | null;\n getKeyBefore(key: Key): Key | null;\n}\n\ninterface TreeState<T> {\n collection: TreeCollection<T>;\n expandedKeys: Set<Key>;\n}\n\ninterface PointerTracking {\n lastY: number;\n lastX: number;\n yDirection: 'up' | 'down' | null;\n xDirection: 'left' | 'right' | null;\n boundaryContext: {\n parentKey: Key;\n lastSwitchY: number;\n lastSwitchX: number;\n preferredTargetIndex?: number;\n } | null;\n}\n\nconst X_SWITCH_THRESHOLD = 10;\nconst Y_SWITCH_THRESHOLD = 5;\nexport class TreeDropTargetDelegate<T> {\n private delegate: DropTargetDelegate | null = null;\n private state: TreeState<T> | null = null;\n private direction: Direction = 'ltr';\n private pointerTracking: PointerTracking = {\n lastY: 0,\n lastX: 0,\n yDirection: null,\n xDirection: null,\n boundaryContext: null\n };\n\n setup(delegate: DropTargetDelegate, state: TreeState<T>, direction: Direction): void {\n this.delegate = delegate;\n this.state = state;\n this.direction = direction;\n }\n\n getDropTargetFromPoint(\n x: number,\n y: number,\n isValidDropTarget: (target: DropTarget) => boolean\n ): DropTarget | null {\n let baseTarget = this.delegate!.getDropTargetFromPoint(x, y, isValidDropTarget);\n if (!baseTarget || baseTarget.type === 'root') {\n return baseTarget;\n }\n\n return this.resolveDropTarget(baseTarget, x, y, isValidDropTarget);\n }\n\n private resolveDropTarget(\n target: ItemDropTarget,\n x: number,\n y: number,\n isValidDropTarget: (target: DropTarget) => boolean\n ): RootDropTarget | ItemDropTarget | null {\n let tracking = this.pointerTracking;\n\n // Calculate movement directions\n let deltaY = y - tracking.lastY;\n let deltaX = x - tracking.lastX;\n let currentYMovement: 'up' | 'down' | null = tracking.yDirection;\n let currentXMovement: 'left' | 'right' | null = tracking.xDirection;\n\n if (Math.abs(deltaY) > Y_SWITCH_THRESHOLD) {\n currentYMovement = deltaY > 0 ? 'down' : 'up';\n tracking.yDirection = currentYMovement;\n tracking.lastY = y;\n }\n\n if (Math.abs(deltaX) > X_SWITCH_THRESHOLD) {\n currentXMovement = deltaX > 0 ? 'right' : 'left';\n tracking.xDirection = currentXMovement;\n tracking.lastX = x;\n }\n\n // Normalize to 'after'\n if (target.dropPosition === 'before') {\n let keyBefore = this.state!.collection.getKeyBefore(target.key);\n\n while (keyBefore != null) {\n let node = this.state!.collection.getItem(keyBefore);\n if (node?.type === 'item') {\n break;\n }\n keyBefore = node?.parentKey ?? null;\n }\n if (keyBefore != null) {\n let convertedTarget = {\n type: 'item',\n key: keyBefore,\n dropPosition: 'after'\n } as const;\n\n if (isValidDropTarget(convertedTarget)) {\n target = convertedTarget;\n }\n }\n }\n\n let potentialTargets = this.getPotentialTargets(target, isValidDropTarget);\n\n if (potentialTargets.length === 0) {\n return {type: 'root'};\n }\n\n let resolvedItemTarget: ItemDropTarget;\n if (potentialTargets.length > 1) {\n resolvedItemTarget = this.selectTarget(\n potentialTargets,\n target,\n x,\n y,\n currentYMovement,\n currentXMovement\n );\n } else {\n resolvedItemTarget = potentialTargets[0];\n // Reset boundary context since we're not in a boundary case\n tracking.boundaryContext = null;\n }\n\n return resolvedItemTarget;\n }\n\n // Returns potential targets for an ambiguous drop position (e.g. after the last child of a parent, or after the parent itself)\n // Ordered by level, from innermost to outermost.\n private getPotentialTargets(\n originalTarget: ItemDropTarget,\n isValidDropTarget: (target: DropTarget) => boolean\n ): ItemDropTarget[] {\n if (originalTarget.dropPosition === 'on') {\n return [originalTarget];\n }\n\n let target = originalTarget;\n let collection = this.state!.collection;\n\n let currentItem = collection.getItem(target.key);\n while (currentItem && currentItem?.type !== 'item' && currentItem.nextKey != null) {\n target.key = currentItem.nextKey;\n currentItem = collection.getItem(currentItem.nextKey);\n }\n\n let potentialTargets = [target];\n\n // If target has children and is expanded, use \"before first child\"\n if (\n currentItem &&\n currentItem.hasChildNodes &&\n this.state!.expandedKeys.has(currentItem.key) &&\n collection.getChildren &&\n target.dropPosition === 'after'\n ) {\n // Find the first item child (traverse keys directly instead of using collection.getChildren, which may only include cells).\n let firstChildItemNode =\n currentItem.firstChildKey != null ? collection.getItem(currentItem.firstChildKey) : null;\n while (firstChildItemNode && firstChildItemNode.type !== 'item') {\n firstChildItemNode =\n firstChildItemNode.nextKey != null\n ? collection.getItem(firstChildItemNode.nextKey)\n : null;\n }\n\n if (firstChildItemNode?.type === 'item') {\n const beforeFirstChildTarget = {\n type: 'item',\n key: firstChildItemNode.key,\n dropPosition: 'before'\n } as const;\n\n if (isValidDropTarget(beforeFirstChildTarget)) {\n return [beforeFirstChildTarget];\n } else {\n return [];\n }\n }\n }\n\n if (currentItem?.nextKey != null) {\n return [originalTarget];\n }\n\n // Walk up the parent chain to find ancestors that are the last child at their level\n let parentKey = currentItem?.parentKey;\n let ancestorTargets: ItemDropTarget[] = [];\n\n while (parentKey != null) {\n let parentItem = collection.getItem(parentKey);\n let nextItem = parentItem?.nextKey != null ? collection.getItem(parentItem.nextKey) : null;\n let isLastChildAtLevel = !nextItem || nextItem.parentKey !== parentKey;\n\n if (isLastChildAtLevel) {\n // Only items can be drop targets. Ancestors such as a Table's <TableBody> or a\n // <TreeSection> are part of the collection, but their keys are generated rather than\n // provided by the user, so dropping \"after\" them is not something the user can handle.\n if (parentItem?.type === 'item') {\n let afterParentTarget = {\n type: 'item',\n key: parentKey,\n dropPosition: 'after'\n } as const;\n\n if (isValidDropTarget(afterParentTarget)) {\n ancestorTargets.push(afterParentTarget);\n }\n }\n if (nextItem) {\n break;\n }\n }\n\n parentKey = parentItem?.parentKey;\n }\n\n if (ancestorTargets.length > 0) {\n potentialTargets.push(...ancestorTargets);\n }\n\n // Handle converting \"after\" to \"before next\" for non-ambiguous cases\n if (potentialTargets.length === 1) {\n let nextKey = collection.getKeyAfter(target.key);\n let nextNode = nextKey != null ? collection.getItem(nextKey) : null;\n if (\n nextKey != null &&\n nextNode &&\n currentItem &&\n nextNode.level != null &&\n currentItem.level != null &&\n nextNode.level > currentItem.level\n ) {\n let beforeTarget = {\n type: 'item',\n key: nextKey,\n dropPosition: 'before'\n } as const;\n if (isValidDropTarget(beforeTarget)) {\n return [beforeTarget];\n }\n }\n }\n\n return potentialTargets.filter(isValidDropTarget);\n }\n\n private selectTarget(\n potentialTargets: ItemDropTarget[],\n originalTarget: ItemDropTarget,\n x: number,\n y: number,\n currentYMovement: 'up' | 'down' | null,\n currentXMovement: 'left' | 'right' | null\n ): ItemDropTarget {\n if (potentialTargets.length < 2) {\n return potentialTargets[0];\n }\n\n let tracking = this.pointerTracking;\n let currentItem = this.state!.collection.getItem(originalTarget.key);\n let parentKey = currentItem?.parentKey;\n\n if (parentKey == null) {\n return potentialTargets[0];\n }\n\n // More than 1 potential target - use Y for initial target, then X for switching levels\n // Initialize boundary context if needed\n if (!tracking.boundaryContext || tracking.boundaryContext.parentKey !== parentKey) {\n // If entering from below, start with outer-most\n let initialTargetIndex = tracking.yDirection === 'up' ? potentialTargets.length - 1 : 0;\n tracking.boundaryContext = {\n parentKey,\n preferredTargetIndex: initialTargetIndex,\n lastSwitchY: y,\n lastSwitchX: x\n };\n }\n\n let boundaryContext = tracking.boundaryContext;\n let distanceFromLastXSwitch = Math.abs(x - boundaryContext.lastSwitchX);\n let distanceFromLastYSwitch = Math.abs(y - boundaryContext.lastSwitchY);\n\n // Switch between targets based on Y movement\n if (distanceFromLastYSwitch > Y_SWITCH_THRESHOLD && currentYMovement) {\n let currentIndex = boundaryContext.preferredTargetIndex || 0;\n\n if (currentYMovement === 'down' && currentIndex === 0) {\n // Moving down from inner-most, switch to outer-most\n boundaryContext.preferredTargetIndex = potentialTargets.length - 1;\n } else if (currentYMovement === 'up' && currentIndex === potentialTargets.length - 1) {\n // Moving up from outer-most, switch to inner-most\n boundaryContext.preferredTargetIndex = 0;\n }\n\n // Reset x tracking so that moving diagonally doesn't cause flickering.\n tracking.xDirection = null;\n }\n\n // X movement controls level selection\n if (distanceFromLastXSwitch > X_SWITCH_THRESHOLD && currentXMovement) {\n let currentTargetIndex = boundaryContext.preferredTargetIndex || 0;\n\n if (currentXMovement === 'left') {\n if (this.direction === 'ltr') {\n // LTR: left = move to higher level in tree (increase index)\n if (currentTargetIndex < potentialTargets.length - 1) {\n boundaryContext.preferredTargetIndex = currentTargetIndex + 1;\n boundaryContext.lastSwitchX = x;\n }\n } else {\n // RTL: left = move to lower level in tree (decrease index)\n if (currentTargetIndex > 0) {\n boundaryContext.preferredTargetIndex = currentTargetIndex - 1;\n boundaryContext.lastSwitchX = x;\n }\n }\n } else if (currentXMovement === 'right') {\n if (this.direction === 'ltr') {\n // LTR: right = move to lower level in tree (decrease index)\n if (currentTargetIndex > 0) {\n boundaryContext.preferredTargetIndex = currentTargetIndex - 1;\n boundaryContext.lastSwitchX = x;\n }\n } else {\n // RTL: right = move to higher level in tree (increase index)\n if (currentTargetIndex < potentialTargets.length - 1) {\n boundaryContext.preferredTargetIndex = currentTargetIndex + 1;\n boundaryContext.lastSwitchX = x;\n }\n }\n }\n\n // Reset y tracking so that moving diagonally doesn't cause flickering.\n tracking.yDirection = null;\n }\n\n let targetIndex = Math.max(\n 0,\n Math.min(boundaryContext.preferredTargetIndex || 0, potentialTargets.length - 1)\n );\n return potentialTargets[targetIndex];\n }\n}\n"],"names":[],"version":3,"file":"TreeDropTargetDelegate.mjs.map"}
|
|
@@ -30,9 +30,9 @@ $parcel$export(module.exports, "Virtualizer", function () { return $fd02a37bc042
|
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
const $fd02a37bc042f4f4$var$VirtualizerContext = /*#__PURE__*/ (0, $68boB$react.createContext)(null);
|
|
33
|
-
const $fd02a37bc042f4f4$var$
|
|
33
|
+
const $fd02a37bc042f4f4$var$VirtualizerOptionsContext = /*#__PURE__*/ (0, $68boB$react.createContext)(null);
|
|
34
34
|
function $fd02a37bc042f4f4$export$89be5a243e59c4b2(props) {
|
|
35
|
-
let { children: children, layout: layoutProp, layoutOptions: layoutOptions } = props;
|
|
35
|
+
let { children: children, layout: layoutProp, layoutOptions: layoutOptions, shouldObserveItemSize: shouldObserveItemSize } = props;
|
|
36
36
|
let layout = (0, $68boB$react.useMemo)(()=>typeof layoutProp === 'function' ? new layoutProp() : layoutProp, [
|
|
37
37
|
layoutProp
|
|
38
38
|
]);
|
|
@@ -47,15 +47,17 @@ function $fd02a37bc042f4f4$export$89be5a243e59c4b2(props) {
|
|
|
47
47
|
]);
|
|
48
48
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($68boB$react))).createElement((0, $f7b82bedbb70abac$exports.CollectionRendererContext).Provider, {
|
|
49
49
|
value: renderer
|
|
50
|
-
}, /*#__PURE__*/ (0, ($parcel$interopDefault($68boB$react))).createElement($fd02a37bc042f4f4$var$
|
|
50
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($68boB$react))).createElement($fd02a37bc042f4f4$var$VirtualizerOptionsContext.Provider, {
|
|
51
51
|
value: {
|
|
52
52
|
layout: layout,
|
|
53
|
-
layoutOptions: layoutOptions
|
|
53
|
+
layoutOptions: layoutOptions,
|
|
54
|
+
shouldObserveItemSize: shouldObserveItemSize
|
|
54
55
|
}
|
|
55
56
|
}, children));
|
|
56
57
|
}
|
|
57
58
|
function $fd02a37bc042f4f4$var$CollectionRoot({ collection: collection, persistedKeys: persistedKeys, scrollRef: scrollRef, renderDropIndicator: renderDropIndicator }) {
|
|
58
|
-
let { layout: layout, layoutOptions: layoutOptions } = (0, $68boB$react.useContext)($fd02a37bc042f4f4$var$
|
|
59
|
+
let { layout: layout, layoutOptions: layoutOptions, shouldObserveItemSize: shouldObserveItemSize } = (0, $68boB$react.useContext)($fd02a37bc042f4f4$var$VirtualizerOptionsContext);
|
|
60
|
+
// oxlint-disable-next-line react/react-compiler
|
|
59
61
|
let layoutOptions2 = layout.useLayoutOptions?.();
|
|
60
62
|
let state = (0, $68boB$reactstatelyuseVirtualizerState.useVirtualizerState)({
|
|
61
63
|
allowsWindowScrolling: true,
|
|
@@ -67,18 +69,16 @@ function $fd02a37bc042f4f4$var$CollectionRoot({ collection: collection, persiste
|
|
|
67
69
|
onVisibleRectChange (rect) {
|
|
68
70
|
let element = scrollRef?.current;
|
|
69
71
|
if (element) {
|
|
72
|
+
// oxlint-disable-next-line react/react-compiler
|
|
70
73
|
element.scrollLeft = rect.x;
|
|
71
74
|
element.scrollTop = rect.y;
|
|
72
75
|
}
|
|
73
76
|
},
|
|
74
77
|
persistedKeys: persistedKeys,
|
|
75
|
-
layoutOptions: (0, $68boB$react.useMemo)(()=>{
|
|
76
|
-
if (layoutOptions && layoutOptions2) return {
|
|
78
|
+
layoutOptions: (0, $68boB$react.useMemo)(()=>layoutOptions && layoutOptions2 ? {
|
|
77
79
|
...layoutOptions,
|
|
78
80
|
...layoutOptions2
|
|
79
|
-
}
|
|
80
|
-
return layoutOptions || layoutOptions2;
|
|
81
|
-
}, [
|
|
81
|
+
} : layoutOptions || layoutOptions2, [
|
|
82
82
|
layoutOptions,
|
|
83
83
|
layoutOptions2
|
|
84
84
|
])
|
|
@@ -93,22 +93,24 @@ function $fd02a37bc042f4f4$var$CollectionRoot({ collection: collection, persiste
|
|
|
93
93
|
}, scrollRef);
|
|
94
94
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($68boB$react))).createElement("div", contentProps, /*#__PURE__*/ (0, ($parcel$interopDefault($68boB$react))).createElement($fd02a37bc042f4f4$var$VirtualizerContext.Provider, {
|
|
95
95
|
value: state
|
|
96
|
-
}, $fd02a37bc042f4f4$var$renderChildren(null, state.visibleViews, renderDropIndicator)));
|
|
96
|
+
}, $fd02a37bc042f4f4$var$renderChildren(null, state.visibleViews, renderDropIndicator, shouldObserveItemSize)));
|
|
97
97
|
}
|
|
98
98
|
function $fd02a37bc042f4f4$var$CollectionBranch({ parent: parent, renderDropIndicator: renderDropIndicator }) {
|
|
99
99
|
let virtualizer = (0, $68boB$react.useContext)($fd02a37bc042f4f4$var$VirtualizerContext);
|
|
100
100
|
let parentView = virtualizer.virtualizer.getVisibleView(parent.key);
|
|
101
|
-
|
|
101
|
+
let { shouldObserveItemSize: shouldObserveItemSize } = (0, $68boB$react.useContext)($fd02a37bc042f4f4$var$VirtualizerOptionsContext);
|
|
102
|
+
return $fd02a37bc042f4f4$var$renderChildren(parentView, Array.from(parentView.children), renderDropIndicator, shouldObserveItemSize);
|
|
102
103
|
}
|
|
103
|
-
function $fd02a37bc042f4f4$var$renderChildren(parent, children, renderDropIndicator) {
|
|
104
|
-
return children.map((view)=>$fd02a37bc042f4f4$var$renderWrapper(parent, view, renderDropIndicator));
|
|
104
|
+
function $fd02a37bc042f4f4$var$renderChildren(parent, children, renderDropIndicator, shouldObserveItemSize) {
|
|
105
|
+
return children.map((view)=>$fd02a37bc042f4f4$var$renderWrapper(parent, view, renderDropIndicator, shouldObserveItemSize));
|
|
105
106
|
}
|
|
106
|
-
function $fd02a37bc042f4f4$var$renderWrapper(parent, reusableView, renderDropIndicator) {
|
|
107
|
+
function $fd02a37bc042f4f4$var$renderWrapper(parent, reusableView, renderDropIndicator, shouldObserveItemSize) {
|
|
107
108
|
let rendered = /*#__PURE__*/ (0, ($parcel$interopDefault($68boB$react))).createElement((0, $68boB$reactariaprivatevirtualizerVirtualizerItem.VirtualizerItem), {
|
|
108
109
|
key: reusableView.key,
|
|
109
110
|
layoutInfo: reusableView.layoutInfo,
|
|
110
111
|
virtualizer: reusableView.virtualizer,
|
|
111
|
-
parent: parent?.layoutInfo
|
|
112
|
+
parent: parent?.layoutInfo,
|
|
113
|
+
shouldObserveItemSize: shouldObserveItemSize
|
|
112
114
|
}, reusableView.rendered);
|
|
113
115
|
let { collection: collection, layout: layout } = reusableView.virtualizer;
|
|
114
116
|
let node = reusableView.content;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"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","sources":["packages/react-aria-components/src/Virtualizer.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n CollectionBranchProps,\n CollectionRenderer,\n CollectionRendererContext,\n CollectionRootProps,\n renderAfterDropIndicators\n} from './Collection';\nimport {DropTargetDelegate, ItemDropTarget, Node} from '@react-types/shared';\nimport {\n Layout,\n ReusableView,\n useVirtualizerState,\n VirtualizerState\n} from 'react-stately/useVirtualizerState';\nimport React, {createContext, JSX, ReactNode, useContext, useMemo} from 'react';\nimport {useScrollView} from 'react-aria/private/virtualizer/ScrollView';\nimport {VirtualizerItem} from 'react-aria/private/virtualizer/VirtualizerItem';\n\ntype View = ReusableView<Node<unknown>, ReactNode>;\n\nexport interface LayoutOptionsDelegate<O> {\n useLayoutOptions?(): O;\n}\n\ninterface ILayout<O>\n extends Layout<Node<unknown>, O>, Partial<DropTargetDelegate>, LayoutOptionsDelegate<O> {}\n\ninterface LayoutClass<O> {\n new (): ILayout<O>;\n}\n\nexport interface VirtualizerProps<O> {\n /** The child collection to virtualize (e.g. ListBox, GridList, or Table). */\n children: ReactNode;\n /** The layout object that determines the position and size of the visible elements. */\n layout: LayoutClass<O> | ILayout<O>;\n /** Options for the layout. */\n layoutOptions?: O;\n}\n\ninterface LayoutContextValue {\n layout: ILayout<any>;\n layoutOptions?: any;\n}\n\nconst VirtualizerContext = createContext<VirtualizerState<any, any> | null>(null);\nconst LayoutContext = createContext<LayoutContextValue | null>(null);\n\n/**\n * A Virtualizer renders a scrollable collection of data using customizable layouts.\n * It supports very large collections by only rendering visible items to the DOM, reusing\n * them as the user scrolls.\n */\nexport function Virtualizer<O>(props: VirtualizerProps<O>): JSX.Element {\n let {children, layout: layoutProp, layoutOptions} = props;\n let layout = useMemo(\n () => (typeof layoutProp === 'function' ? new layoutProp() : layoutProp),\n [layoutProp]\n );\n let renderer: CollectionRenderer = useMemo(\n () => ({\n isVirtualized: true,\n layoutDelegate: layout,\n dropTargetDelegate: layout.getDropTargetFromPoint\n ? (layout as DropTargetDelegate)\n : undefined,\n CollectionRoot,\n CollectionBranch\n }),\n [layout]\n );\n\n return (\n <CollectionRendererContext.Provider value={renderer}>\n <LayoutContext.Provider value={{layout, layoutOptions}}>{children}</LayoutContext.Provider>\n </CollectionRendererContext.Provider>\n );\n}\n\nfunction CollectionRoot({\n collection,\n persistedKeys,\n scrollRef,\n renderDropIndicator\n}: CollectionRootProps) {\n let {layout, layoutOptions} = useContext(LayoutContext)!;\n let layoutOptions2 = layout.useLayoutOptions?.();\n let state = useVirtualizerState({\n allowsWindowScrolling: true,\n layout,\n collection,\n renderView: (type, item) => {\n return item?.render?.(item);\n },\n onVisibleRectChange(rect) {\n let element = scrollRef?.current;\n if (element) {\n element.scrollLeft = rect.x;\n element.scrollTop = rect.y;\n }\n },\n persistedKeys,\n layoutOptions: useMemo(() => {\n if (layoutOptions && layoutOptions2) {\n return {...layoutOptions, ...layoutOptions2};\n }\n return layoutOptions || layoutOptions2;\n }, [layoutOptions, layoutOptions2])\n });\n\n let {contentProps} = useScrollView(\n {\n onVisibleRectChange: state.setVisibleRect,\n onSizeChange: state.setSize,\n contentSize: state.contentSize,\n onScrollStart: state.startScrolling,\n onScrollEnd: state.endScrolling,\n allowsWindowScrolling: true\n },\n scrollRef!\n );\n\n return (\n <div {...contentProps}>\n <VirtualizerContext.Provider value={state}>\n {renderChildren(null, state.visibleViews, renderDropIndicator)}\n </VirtualizerContext.Provider>\n </div>\n );\n}\n\nfunction CollectionBranch({parent, renderDropIndicator}: CollectionBranchProps) {\n let virtualizer = useContext(VirtualizerContext);\n let parentView = virtualizer!.virtualizer.getVisibleView(parent.key)!;\n return renderChildren(parentView, Array.from(parentView.children), renderDropIndicator);\n}\n\nfunction renderChildren(\n parent: View | null,\n children: View[],\n renderDropIndicator?: (target: ItemDropTarget) => ReactNode\n) {\n return children.map(view => renderWrapper(parent, view, renderDropIndicator));\n}\n\nfunction renderWrapper(\n parent: View | null,\n reusableView: View,\n renderDropIndicator?: (target: ItemDropTarget) => ReactNode\n): ReactNode {\n let rendered = (\n <VirtualizerItem\n key={reusableView.key}\n layoutInfo={reusableView.layoutInfo!}\n virtualizer={reusableView.virtualizer}\n parent={parent?.layoutInfo}>\n {reusableView.rendered}\n </VirtualizerItem>\n );\n\n let {collection, layout} = reusableView.virtualizer;\n let node = reusableView.content;\n if (node?.type === 'item' && renderDropIndicator && layout.getDropTargetLayoutInfo) {\n rendered = (\n <React.Fragment key={reusableView.key}>\n {renderDropIndicatorWrapper(\n parent,\n reusableView,\n {type: 'item', key: reusableView.content!.key, dropPosition: 'before'},\n renderDropIndicator\n )}\n {rendered}\n {renderAfterDropIndicators(collection, node, target =>\n renderDropIndicatorWrapper(parent, reusableView, target, renderDropIndicator)\n )}\n </React.Fragment>\n );\n }\n\n return rendered;\n}\n\nfunction renderDropIndicatorWrapper(\n parent: View | null,\n reusableView: View,\n target: ItemDropTarget,\n renderDropIndicator: (target: ItemDropTarget) => ReactNode\n) {\n let indicator = renderDropIndicator(target);\n if (indicator) {\n let layoutInfo = reusableView.virtualizer.layout.getDropTargetLayoutInfo!(target);\n indicator = (\n <VirtualizerItem\n layoutInfo={layoutInfo}\n virtualizer={reusableView.virtualizer}\n parent={parent?.layoutInfo}>\n {indicator}\n </VirtualizerItem>\n );\n }\n\n return indicator;\n}\n"],"names":[],"version":3,"file":"Virtualizer.cjs.map"}
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAoDD,MAAM,yDAAqB,CAAA,GAAA,0BAAY,EAAqC;AAC5E,MAAM,gEAA4B,CAAA,GAAA,0BAAY,EAAyC;AAOhF,SAAS,0CAAe,KAA0B;IACvD,IAAI,YAAC,QAAQ,EAAE,QAAQ,UAAU,iBAAE,aAAa,yBAAE,qBAAqB,EAAC,GAAG;IAC3E,IAAI,SAAS,CAAA,GAAA,oBAAM,EACjB,IAAO,OAAO,eAAe,aAAa,IAAI,eAAe,YAC7D;QAAC;KAAW;IAEd,IAAI,WAA+B,CAAA,GAAA,oBAAM,EACvC,IAAO,CAAA;YACL,eAAe;YACf,gBAAgB;YAChB,oBAAoB,OAAO,sBAAsB,GAC5C,SACD;4BACJ;8BACA;QACF,CAAA,GACA;QAAC;KAAO;IAGV,qBACE,0DAAC,CAAA,GAAA,mDAAwB,EAAE,QAAQ;QAAC,OAAO;qBACzC,0DAAC,gDAA0B,QAAQ;QAAC,OAAO;oBAAC;2BAAQ;mCAAe;QAAqB;OACrF;AAIT;AAEA,SAAS,qCAAe,cACtB,UAAU,iBACV,aAAa,aACb,SAAS,uBACT,mBAAmB,EACC;IACpB,IAAI,UAAC,MAAM,iBAAE,aAAa,yBAAE,qBAAqB,EAAC,GAAG,CAAA,GAAA,uBAAS,EAAE;IAChE,gDAAgD;IAChD,IAAI,iBAAiB,OAAO,gBAAgB;IAC5C,IAAI,QAAQ,CAAA,GAAA,0DAAkB,EAAE;QAC9B,uBAAuB;gBACvB;oBACA;QACA,YAAY,CAAC,MAAM;YACjB,OAAO,MAAM,SAAS;QACxB;QACA,qBAAoB,IAAI;YACtB,IAAI,UAAU,WAAW;YACzB,IAAI,SAAS;gBACX,gDAAgD;gBAChD,QAAQ,UAAU,GAAG,KAAK,CAAC;gBAC3B,QAAQ,SAAS,GAAG,KAAK,CAAC;YAC5B;QACF;uBACA;QACA,eAAe,CAAA,GAAA,oBAAM,EACnB,IACE,iBAAiB,iBACb;gBAAC,GAAG,aAAa;gBAAE,GAAG,cAAc;YAAA,IACpC,iBAAiB,gBACvB;YAAC;YAAe;SAAe;IAEnC;IAEA,IAAI,gBAAC,YAAY,EAAC,GAAG,CAAA,GAAA,0DAAY,EAC/B;QACE,qBAAqB,MAAM,cAAc;QACzC,cAAc,MAAM,OAAO;QAC3B,aAAa,MAAM,WAAW;QAC9B,eAAe,MAAM,cAAc;QACnC,aAAa,MAAM,YAAY;QAC/B,uBAAuB;IACzB,GACA;IAGF,qBACE,0DAAC,OAAQ,4BACP,0DAAC,yCAAmB,QAAQ;QAAC,OAAO;OACjC,qCAAe,MAAM,MAAM,YAAY,EAAE,qBAAqB;AAIvE;AAEA,SAAS,uCAAiB,UAAC,MAAM,uBAAE,mBAAmB,EAAwB;IAC5E,IAAI,cAAc,CAAA,GAAA,uBAAS,EAAE;IAC7B,IAAI,aAAa,YAAa,WAAW,CAAC,cAAc,CAAC,OAAO,GAAG;IACnE,IAAI,yBAAC,qBAAqB,EAAC,GAAG,CAAA,GAAA,uBAAS,EAAE;IACzC,OAAO,qCACL,YACA,MAAM,IAAI,CAAC,WAAW,QAAQ,GAC9B,qBACA;AAEJ;AAEA,SAAS,qCACP,MAAmB,EACnB,QAAgB,EAChB,mBAA2D,EAC3D,qBAA+B;IAE/B,OAAO,SAAS,GAAG,CAAC,CAAA,OAClB,oCAAc,QAAQ,MAAM,qBAAqB;AAErD;AAEA,SAAS,oCACP,MAAmB,EACnB,YAAkB,EAClB,mBAA2D,EAC3D,qBAA+B;IAE/B,IAAI,yBACF,0DAAC,CAAA,GAAA,iEAAc;QACb,KAAK,aAAa,GAAG;QACrB,YAAY,aAAa,UAAU;QACnC,aAAa,aAAa,WAAW;QACrC,QAAQ,QAAQ;QAChB,uBAAuB;OACtB,aAAa,QAAQ;IAI1B,IAAI,cAAC,UAAU,UAAE,MAAM,EAAC,GAAG,aAAa,WAAW;IACnD,IAAI,OAAO,aAAa,OAAO;IAC/B,IAAI,MAAM,SAAS,UAAU,uBAAuB,OAAO,uBAAuB,EAChF,yBACE,0DAAC,CAAA,GAAA,sCAAI,EAAE,QAAQ;QAAC,KAAK,aAAa,GAAG;OAClC,iDACC,QACA,cACA;QAAC,MAAM;QAAQ,KAAK,aAAa,OAAO,CAAE,GAAG;QAAE,cAAc;IAAQ,GACrE,sBAED,UACA,CAAA,GAAA,mDAAwB,EAAE,YAAY,MAAM,CAAA,SAC3C,iDAA2B,QAAQ,cAAc,QAAQ;IAMjE,OAAO;AACT;AAEA,SAAS,iDACP,MAAmB,EACnB,YAAkB,EAClB,MAAsB,EACtB,mBAA0D;IAE1D,IAAI,YAAY,oBAAoB;IACpC,IAAI,WAAW;QACb,IAAI,aAAa,aAAa,WAAW,CAAC,MAAM,CAAC,uBAAuB,CAAE;QAC1E,0BACE,0DAAC,CAAA,GAAA,iEAAc;YACb,YAAY;YACZ,aAAa,aAAa,WAAW;YACrC,QAAQ,QAAQ;WACf;IAGP;IAEA,OAAO;AACT","sources":["packages/react-aria-components/src/Virtualizer.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n CollectionBranchProps,\n CollectionRenderer,\n CollectionRendererContext,\n CollectionRootProps,\n renderAfterDropIndicators\n} from './Collection';\nimport {DropTargetDelegate, ItemDropTarget, Node} from '@react-types/shared';\nimport {\n Layout,\n ReusableView,\n useVirtualizerState,\n VirtualizerState\n} from 'react-stately/useVirtualizerState';\nimport React, {createContext, JSX, ReactNode, useContext, useMemo} from 'react';\nimport {useScrollView} from 'react-aria/private/virtualizer/ScrollView';\nimport {VirtualizerItem} from 'react-aria/private/virtualizer/VirtualizerItem';\n\ntype View = ReusableView<Node<unknown>, ReactNode>;\n\nexport interface LayoutOptionsDelegate<O> {\n useLayoutOptions?(): O;\n}\n\ninterface ILayout<O>\n extends Layout<Node<unknown>, O>, Partial<DropTargetDelegate>, LayoutOptionsDelegate<O> {}\n\ninterface LayoutClass<O> {\n new (): ILayout<O>;\n}\n\nexport interface VirtualizerProps<O> {\n /** The child collection to virtualize (e.g. ListBox, GridList, or Table). */\n children: ReactNode;\n /** The layout object that determines the position and size of the visible elements. */\n layout: LayoutClass<O> | ILayout<O>;\n /** Options for the layout. */\n layoutOptions?: O;\n /**\n * Whether to observe each item's size with a ResizeObserver and re-measure when it changes.\n */\n shouldObserveItemSize?: boolean;\n}\n\ninterface VirtualizerOptionsContextValue {\n layout: ILayout<any>;\n layoutOptions?: any;\n shouldObserveItemSize?: boolean;\n}\n\nconst VirtualizerContext = createContext<VirtualizerState<any, any> | null>(null);\nconst VirtualizerOptionsContext = createContext<VirtualizerOptionsContextValue | null>(null);\n\n/**\n * A Virtualizer renders a scrollable collection of data using customizable layouts.\n * It supports very large collections by only rendering visible items to the DOM, reusing\n * them as the user scrolls.\n */\nexport function Virtualizer<O>(props: VirtualizerProps<O>): JSX.Element {\n let {children, layout: layoutProp, layoutOptions, shouldObserveItemSize} = props;\n let layout = useMemo(\n () => (typeof layoutProp === 'function' ? new layoutProp() : layoutProp),\n [layoutProp]\n );\n let renderer: CollectionRenderer = useMemo(\n () => ({\n isVirtualized: true,\n layoutDelegate: layout,\n dropTargetDelegate: layout.getDropTargetFromPoint\n ? (layout as DropTargetDelegate)\n : undefined,\n CollectionRoot,\n CollectionBranch\n }),\n [layout]\n );\n\n return (\n <CollectionRendererContext.Provider value={renderer}>\n <VirtualizerOptionsContext.Provider value={{layout, layoutOptions, shouldObserveItemSize}}>\n {children}\n </VirtualizerOptionsContext.Provider>\n </CollectionRendererContext.Provider>\n );\n}\n\nfunction CollectionRoot({\n collection,\n persistedKeys,\n scrollRef,\n renderDropIndicator\n}: CollectionRootProps) {\n let {layout, layoutOptions, shouldObserveItemSize} = useContext(VirtualizerOptionsContext)!;\n // oxlint-disable-next-line react/react-compiler\n let layoutOptions2 = layout.useLayoutOptions?.();\n let state = useVirtualizerState({\n allowsWindowScrolling: true,\n layout,\n collection,\n renderView: (type, item) => {\n return item?.render?.(item);\n },\n onVisibleRectChange(rect) {\n let element = scrollRef?.current;\n if (element) {\n // oxlint-disable-next-line react/react-compiler\n element.scrollLeft = rect.x;\n element.scrollTop = rect.y;\n }\n },\n persistedKeys,\n layoutOptions: useMemo(\n () =>\n layoutOptions && layoutOptions2\n ? {...layoutOptions, ...layoutOptions2}\n : layoutOptions || layoutOptions2,\n [layoutOptions, layoutOptions2]\n )\n });\n\n let {contentProps} = useScrollView(\n {\n onVisibleRectChange: state.setVisibleRect,\n onSizeChange: state.setSize,\n contentSize: state.contentSize,\n onScrollStart: state.startScrolling,\n onScrollEnd: state.endScrolling,\n allowsWindowScrolling: true\n },\n scrollRef!\n );\n\n return (\n <div {...contentProps}>\n <VirtualizerContext.Provider value={state}>\n {renderChildren(null, state.visibleViews, renderDropIndicator, shouldObserveItemSize)}\n </VirtualizerContext.Provider>\n </div>\n );\n}\n\nfunction CollectionBranch({parent, renderDropIndicator}: CollectionBranchProps) {\n let virtualizer = useContext(VirtualizerContext);\n let parentView = virtualizer!.virtualizer.getVisibleView(parent.key)!;\n let {shouldObserveItemSize} = useContext(VirtualizerOptionsContext)!;\n return renderChildren(\n parentView,\n Array.from(parentView.children),\n renderDropIndicator,\n shouldObserveItemSize\n );\n}\n\nfunction renderChildren(\n parent: View | null,\n children: View[],\n renderDropIndicator?: (target: ItemDropTarget) => ReactNode,\n shouldObserveItemSize?: boolean\n) {\n return children.map(view =>\n renderWrapper(parent, view, renderDropIndicator, shouldObserveItemSize)\n );\n}\n\nfunction renderWrapper(\n parent: View | null,\n reusableView: View,\n renderDropIndicator?: (target: ItemDropTarget) => ReactNode,\n shouldObserveItemSize?: boolean\n): ReactNode {\n let rendered = (\n <VirtualizerItem\n key={reusableView.key}\n layoutInfo={reusableView.layoutInfo!}\n virtualizer={reusableView.virtualizer}\n parent={parent?.layoutInfo}\n shouldObserveItemSize={shouldObserveItemSize}>\n {reusableView.rendered}\n </VirtualizerItem>\n );\n\n let {collection, layout} = reusableView.virtualizer;\n let node = reusableView.content;\n if (node?.type === 'item' && renderDropIndicator && layout.getDropTargetLayoutInfo) {\n rendered = (\n <React.Fragment key={reusableView.key}>\n {renderDropIndicatorWrapper(\n parent,\n reusableView,\n {type: 'item', key: reusableView.content!.key, dropPosition: 'before'},\n renderDropIndicator\n )}\n {rendered}\n {renderAfterDropIndicators(collection, node, target =>\n renderDropIndicatorWrapper(parent, reusableView, target, renderDropIndicator)\n )}\n </React.Fragment>\n );\n }\n\n return rendered;\n}\n\nfunction renderDropIndicatorWrapper(\n parent: View | null,\n reusableView: View,\n target: ItemDropTarget,\n renderDropIndicator: (target: ItemDropTarget) => ReactNode\n) {\n let indicator = renderDropIndicator(target);\n if (indicator) {\n let layoutInfo = reusableView.virtualizer.layout.getDropTargetLayoutInfo!(target);\n indicator = (\n <VirtualizerItem\n layoutInfo={layoutInfo}\n virtualizer={reusableView.virtualizer}\n parent={parent?.layoutInfo}>\n {indicator}\n </VirtualizerItem>\n );\n }\n\n return indicator;\n}\n"],"names":[],"version":3,"file":"Virtualizer.cjs.map"}
|
|
@@ -20,9 +20,9 @@ import {VirtualizerItem as $83oAu$VirtualizerItem} from "react-aria/private/virt
|
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
const $b75a14d79419a916$var$VirtualizerContext = /*#__PURE__*/ (0, $83oAu$createContext)(null);
|
|
23
|
-
const $b75a14d79419a916$var$
|
|
23
|
+
const $b75a14d79419a916$var$VirtualizerOptionsContext = /*#__PURE__*/ (0, $83oAu$createContext)(null);
|
|
24
24
|
function $b75a14d79419a916$export$89be5a243e59c4b2(props) {
|
|
25
|
-
let { children: children, layout: layoutProp, layoutOptions: layoutOptions } = props;
|
|
25
|
+
let { children: children, layout: layoutProp, layoutOptions: layoutOptions, shouldObserveItemSize: shouldObserveItemSize } = props;
|
|
26
26
|
let layout = (0, $83oAu$useMemo)(()=>typeof layoutProp === 'function' ? new layoutProp() : layoutProp, [
|
|
27
27
|
layoutProp
|
|
28
28
|
]);
|
|
@@ -37,16 +37,18 @@ function $b75a14d79419a916$export$89be5a243e59c4b2(props) {
|
|
|
37
37
|
]);
|
|
38
38
|
return /*#__PURE__*/ (0, $83oAu$react).createElement((0, $a53f0f6636929daa$export$4feb769f8ddf26c5).Provider, {
|
|
39
39
|
value: renderer
|
|
40
|
-
}, /*#__PURE__*/ (0, $83oAu$react).createElement($b75a14d79419a916$var$
|
|
40
|
+
}, /*#__PURE__*/ (0, $83oAu$react).createElement($b75a14d79419a916$var$VirtualizerOptionsContext.Provider, {
|
|
41
41
|
value: {
|
|
42
42
|
layout: layout,
|
|
43
|
-
layoutOptions: layoutOptions
|
|
43
|
+
layoutOptions: layoutOptions,
|
|
44
|
+
shouldObserveItemSize: shouldObserveItemSize
|
|
44
45
|
}
|
|
45
46
|
}, children));
|
|
46
47
|
}
|
|
47
48
|
function $b75a14d79419a916$var$CollectionRoot({ collection: collection, persistedKeys: persistedKeys, scrollRef: scrollRef, renderDropIndicator: renderDropIndicator }) {
|
|
48
49
|
var _layout_useLayoutOptions;
|
|
49
|
-
let { layout: layout, layoutOptions: layoutOptions } = (0, $83oAu$useContext)($b75a14d79419a916$var$
|
|
50
|
+
let { layout: layout, layoutOptions: layoutOptions, shouldObserveItemSize: shouldObserveItemSize } = (0, $83oAu$useContext)($b75a14d79419a916$var$VirtualizerOptionsContext);
|
|
51
|
+
// oxlint-disable-next-line react/react-compiler
|
|
50
52
|
let layoutOptions2 = (_layout_useLayoutOptions = layout.useLayoutOptions) === null || _layout_useLayoutOptions === void 0 ? void 0 : _layout_useLayoutOptions.call(layout);
|
|
51
53
|
let state = (0, $83oAu$useVirtualizerState)({
|
|
52
54
|
allowsWindowScrolling: true,
|
|
@@ -59,18 +61,16 @@ function $b75a14d79419a916$var$CollectionRoot({ collection: collection, persiste
|
|
|
59
61
|
onVisibleRectChange (rect) {
|
|
60
62
|
let element = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
|
|
61
63
|
if (element) {
|
|
64
|
+
// oxlint-disable-next-line react/react-compiler
|
|
62
65
|
element.scrollLeft = rect.x;
|
|
63
66
|
element.scrollTop = rect.y;
|
|
64
67
|
}
|
|
65
68
|
},
|
|
66
69
|
persistedKeys: persistedKeys,
|
|
67
|
-
layoutOptions: (0, $83oAu$useMemo)(()=>{
|
|
68
|
-
if (layoutOptions && layoutOptions2) return {
|
|
70
|
+
layoutOptions: (0, $83oAu$useMemo)(()=>layoutOptions && layoutOptions2 ? {
|
|
69
71
|
...layoutOptions,
|
|
70
72
|
...layoutOptions2
|
|
71
|
-
}
|
|
72
|
-
return layoutOptions || layoutOptions2;
|
|
73
|
-
}, [
|
|
73
|
+
} : layoutOptions || layoutOptions2, [
|
|
74
74
|
layoutOptions,
|
|
75
75
|
layoutOptions2
|
|
76
76
|
])
|
|
@@ -85,22 +85,24 @@ function $b75a14d79419a916$var$CollectionRoot({ collection: collection, persiste
|
|
|
85
85
|
}, scrollRef);
|
|
86
86
|
return /*#__PURE__*/ (0, $83oAu$react).createElement("div", contentProps, /*#__PURE__*/ (0, $83oAu$react).createElement($b75a14d79419a916$var$VirtualizerContext.Provider, {
|
|
87
87
|
value: state
|
|
88
|
-
}, $b75a14d79419a916$var$renderChildren(null, state.visibleViews, renderDropIndicator)));
|
|
88
|
+
}, $b75a14d79419a916$var$renderChildren(null, state.visibleViews, renderDropIndicator, shouldObserveItemSize)));
|
|
89
89
|
}
|
|
90
90
|
function $b75a14d79419a916$var$CollectionBranch({ parent: parent, renderDropIndicator: renderDropIndicator }) {
|
|
91
91
|
let virtualizer = (0, $83oAu$useContext)($b75a14d79419a916$var$VirtualizerContext);
|
|
92
92
|
let parentView = virtualizer.virtualizer.getVisibleView(parent.key);
|
|
93
|
-
|
|
93
|
+
let { shouldObserveItemSize: shouldObserveItemSize } = (0, $83oAu$useContext)($b75a14d79419a916$var$VirtualizerOptionsContext);
|
|
94
|
+
return $b75a14d79419a916$var$renderChildren(parentView, Array.from(parentView.children), renderDropIndicator, shouldObserveItemSize);
|
|
94
95
|
}
|
|
95
|
-
function $b75a14d79419a916$var$renderChildren(parent, children, renderDropIndicator) {
|
|
96
|
-
return children.map((view)=>$b75a14d79419a916$var$renderWrapper(parent, view, renderDropIndicator));
|
|
96
|
+
function $b75a14d79419a916$var$renderChildren(parent, children, renderDropIndicator, shouldObserveItemSize) {
|
|
97
|
+
return children.map((view)=>$b75a14d79419a916$var$renderWrapper(parent, view, renderDropIndicator, shouldObserveItemSize));
|
|
97
98
|
}
|
|
98
|
-
function $b75a14d79419a916$var$renderWrapper(parent, reusableView, renderDropIndicator) {
|
|
99
|
+
function $b75a14d79419a916$var$renderWrapper(parent, reusableView, renderDropIndicator, shouldObserveItemSize) {
|
|
99
100
|
let rendered = /*#__PURE__*/ (0, $83oAu$react).createElement((0, $83oAu$VirtualizerItem), {
|
|
100
101
|
key: reusableView.key,
|
|
101
102
|
layoutInfo: reusableView.layoutInfo,
|
|
102
103
|
virtualizer: reusableView.virtualizer,
|
|
103
|
-
parent: parent === null || parent === void 0 ? void 0 : parent.layoutInfo
|
|
104
|
+
parent: parent === null || parent === void 0 ? void 0 : parent.layoutInfo,
|
|
105
|
+
shouldObserveItemSize: shouldObserveItemSize
|
|
104
106
|
}, reusableView.rendered);
|
|
105
107
|
let { collection: collection, layout: layout } = reusableView.virtualizer;
|
|
106
108
|
let node = reusableView.content;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"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","sources":["packages/react-aria-components/src/Virtualizer.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n CollectionBranchProps,\n CollectionRenderer,\n CollectionRendererContext,\n CollectionRootProps,\n renderAfterDropIndicators\n} from './Collection';\nimport {DropTargetDelegate, ItemDropTarget, Node} from '@react-types/shared';\nimport {\n Layout,\n ReusableView,\n useVirtualizerState,\n VirtualizerState\n} from 'react-stately/useVirtualizerState';\nimport React, {createContext, JSX, ReactNode, useContext, useMemo} from 'react';\nimport {useScrollView} from 'react-aria/private/virtualizer/ScrollView';\nimport {VirtualizerItem} from 'react-aria/private/virtualizer/VirtualizerItem';\n\ntype View = ReusableView<Node<unknown>, ReactNode>;\n\nexport interface LayoutOptionsDelegate<O> {\n useLayoutOptions?(): O;\n}\n\ninterface ILayout<O>\n extends Layout<Node<unknown>, O>, Partial<DropTargetDelegate>, LayoutOptionsDelegate<O> {}\n\ninterface LayoutClass<O> {\n new (): ILayout<O>;\n}\n\nexport interface VirtualizerProps<O> {\n /** The child collection to virtualize (e.g. ListBox, GridList, or Table). */\n children: ReactNode;\n /** The layout object that determines the position and size of the visible elements. */\n layout: LayoutClass<O> | ILayout<O>;\n /** Options for the layout. */\n layoutOptions?: O;\n}\n\ninterface LayoutContextValue {\n layout: ILayout<any>;\n layoutOptions?: any;\n}\n\nconst VirtualizerContext = createContext<VirtualizerState<any, any> | null>(null);\nconst LayoutContext = createContext<LayoutContextValue | null>(null);\n\n/**\n * A Virtualizer renders a scrollable collection of data using customizable layouts.\n * It supports very large collections by only rendering visible items to the DOM, reusing\n * them as the user scrolls.\n */\nexport function Virtualizer<O>(props: VirtualizerProps<O>): JSX.Element {\n let {children, layout: layoutProp, layoutOptions} = props;\n let layout = useMemo(\n () => (typeof layoutProp === 'function' ? new layoutProp() : layoutProp),\n [layoutProp]\n );\n let renderer: CollectionRenderer = useMemo(\n () => ({\n isVirtualized: true,\n layoutDelegate: layout,\n dropTargetDelegate: layout.getDropTargetFromPoint\n ? (layout as DropTargetDelegate)\n : undefined,\n CollectionRoot,\n CollectionBranch\n }),\n [layout]\n );\n\n return (\n <CollectionRendererContext.Provider value={renderer}>\n <LayoutContext.Provider value={{layout, layoutOptions}}>{children}</LayoutContext.Provider>\n </CollectionRendererContext.Provider>\n );\n}\n\nfunction CollectionRoot({\n collection,\n persistedKeys,\n scrollRef,\n renderDropIndicator\n}: CollectionRootProps) {\n let {layout, layoutOptions} = useContext(LayoutContext)!;\n let layoutOptions2 = layout.useLayoutOptions?.();\n let state = useVirtualizerState({\n allowsWindowScrolling: true,\n layout,\n collection,\n renderView: (type, item) => {\n return item?.render?.(item);\n },\n onVisibleRectChange(rect) {\n let element = scrollRef?.current;\n if (element) {\n element.scrollLeft = rect.x;\n element.scrollTop = rect.y;\n }\n },\n persistedKeys,\n layoutOptions: useMemo(() => {\n if (layoutOptions && layoutOptions2) {\n return {...layoutOptions, ...layoutOptions2};\n }\n return layoutOptions || layoutOptions2;\n }, [layoutOptions, layoutOptions2])\n });\n\n let {contentProps} = useScrollView(\n {\n onVisibleRectChange: state.setVisibleRect,\n onSizeChange: state.setSize,\n contentSize: state.contentSize,\n onScrollStart: state.startScrolling,\n onScrollEnd: state.endScrolling,\n allowsWindowScrolling: true\n },\n scrollRef!\n );\n\n return (\n <div {...contentProps}>\n <VirtualizerContext.Provider value={state}>\n {renderChildren(null, state.visibleViews, renderDropIndicator)}\n </VirtualizerContext.Provider>\n </div>\n );\n}\n\nfunction CollectionBranch({parent, renderDropIndicator}: CollectionBranchProps) {\n let virtualizer = useContext(VirtualizerContext);\n let parentView = virtualizer!.virtualizer.getVisibleView(parent.key)!;\n return renderChildren(parentView, Array.from(parentView.children), renderDropIndicator);\n}\n\nfunction renderChildren(\n parent: View | null,\n children: View[],\n renderDropIndicator?: (target: ItemDropTarget) => ReactNode\n) {\n return children.map(view => renderWrapper(parent, view, renderDropIndicator));\n}\n\nfunction renderWrapper(\n parent: View | null,\n reusableView: View,\n renderDropIndicator?: (target: ItemDropTarget) => ReactNode\n): ReactNode {\n let rendered = (\n <VirtualizerItem\n key={reusableView.key}\n layoutInfo={reusableView.layoutInfo!}\n virtualizer={reusableView.virtualizer}\n parent={parent?.layoutInfo}>\n {reusableView.rendered}\n </VirtualizerItem>\n );\n\n let {collection, layout} = reusableView.virtualizer;\n let node = reusableView.content;\n if (node?.type === 'item' && renderDropIndicator && layout.getDropTargetLayoutInfo) {\n rendered = (\n <React.Fragment key={reusableView.key}>\n {renderDropIndicatorWrapper(\n parent,\n reusableView,\n {type: 'item', key: reusableView.content!.key, dropPosition: 'before'},\n renderDropIndicator\n )}\n {rendered}\n {renderAfterDropIndicators(collection, node, target =>\n renderDropIndicatorWrapper(parent, reusableView, target, renderDropIndicator)\n )}\n </React.Fragment>\n );\n }\n\n return rendered;\n}\n\nfunction renderDropIndicatorWrapper(\n parent: View | null,\n reusableView: View,\n target: ItemDropTarget,\n renderDropIndicator: (target: ItemDropTarget) => ReactNode\n) {\n let indicator = renderDropIndicator(target);\n if (indicator) {\n let layoutInfo = reusableView.virtualizer.layout.getDropTargetLayoutInfo!(target);\n indicator = (\n <VirtualizerItem\n layoutInfo={layoutInfo}\n virtualizer={reusableView.virtualizer}\n parent={parent?.layoutInfo}>\n {indicator}\n </VirtualizerItem>\n );\n }\n\n return indicator;\n}\n"],"names":[],"version":3,"file":"Virtualizer.js.map"}
|
|
1
|
+
{"mappings":"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","sources":["packages/react-aria-components/src/Virtualizer.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n CollectionBranchProps,\n CollectionRenderer,\n CollectionRendererContext,\n CollectionRootProps,\n renderAfterDropIndicators\n} from './Collection';\nimport {DropTargetDelegate, ItemDropTarget, Node} from '@react-types/shared';\nimport {\n Layout,\n ReusableView,\n useVirtualizerState,\n VirtualizerState\n} from 'react-stately/useVirtualizerState';\nimport React, {createContext, JSX, ReactNode, useContext, useMemo} from 'react';\nimport {useScrollView} from 'react-aria/private/virtualizer/ScrollView';\nimport {VirtualizerItem} from 'react-aria/private/virtualizer/VirtualizerItem';\n\ntype View = ReusableView<Node<unknown>, ReactNode>;\n\nexport interface LayoutOptionsDelegate<O> {\n useLayoutOptions?(): O;\n}\n\ninterface ILayout<O>\n extends Layout<Node<unknown>, O>, Partial<DropTargetDelegate>, LayoutOptionsDelegate<O> {}\n\ninterface LayoutClass<O> {\n new (): ILayout<O>;\n}\n\nexport interface VirtualizerProps<O> {\n /** The child collection to virtualize (e.g. ListBox, GridList, or Table). */\n children: ReactNode;\n /** The layout object that determines the position and size of the visible elements. */\n layout: LayoutClass<O> | ILayout<O>;\n /** Options for the layout. */\n layoutOptions?: O;\n /**\n * Whether to observe each item's size with a ResizeObserver and re-measure when it changes.\n */\n shouldObserveItemSize?: boolean;\n}\n\ninterface VirtualizerOptionsContextValue {\n layout: ILayout<any>;\n layoutOptions?: any;\n shouldObserveItemSize?: boolean;\n}\n\nconst VirtualizerContext = createContext<VirtualizerState<any, any> | null>(null);\nconst VirtualizerOptionsContext = createContext<VirtualizerOptionsContextValue | null>(null);\n\n/**\n * A Virtualizer renders a scrollable collection of data using customizable layouts.\n * It supports very large collections by only rendering visible items to the DOM, reusing\n * them as the user scrolls.\n */\nexport function Virtualizer<O>(props: VirtualizerProps<O>): JSX.Element {\n let {children, layout: layoutProp, layoutOptions, shouldObserveItemSize} = props;\n let layout = useMemo(\n () => (typeof layoutProp === 'function' ? new layoutProp() : layoutProp),\n [layoutProp]\n );\n let renderer: CollectionRenderer = useMemo(\n () => ({\n isVirtualized: true,\n layoutDelegate: layout,\n dropTargetDelegate: layout.getDropTargetFromPoint\n ? (layout as DropTargetDelegate)\n : undefined,\n CollectionRoot,\n CollectionBranch\n }),\n [layout]\n );\n\n return (\n <CollectionRendererContext.Provider value={renderer}>\n <VirtualizerOptionsContext.Provider value={{layout, layoutOptions, shouldObserveItemSize}}>\n {children}\n </VirtualizerOptionsContext.Provider>\n </CollectionRendererContext.Provider>\n );\n}\n\nfunction CollectionRoot({\n collection,\n persistedKeys,\n scrollRef,\n renderDropIndicator\n}: CollectionRootProps) {\n let {layout, layoutOptions, shouldObserveItemSize} = useContext(VirtualizerOptionsContext)!;\n // oxlint-disable-next-line react/react-compiler\n let layoutOptions2 = layout.useLayoutOptions?.();\n let state = useVirtualizerState({\n allowsWindowScrolling: true,\n layout,\n collection,\n renderView: (type, item) => {\n return item?.render?.(item);\n },\n onVisibleRectChange(rect) {\n let element = scrollRef?.current;\n if (element) {\n // oxlint-disable-next-line react/react-compiler\n element.scrollLeft = rect.x;\n element.scrollTop = rect.y;\n }\n },\n persistedKeys,\n layoutOptions: useMemo(\n () =>\n layoutOptions && layoutOptions2\n ? {...layoutOptions, ...layoutOptions2}\n : layoutOptions || layoutOptions2,\n [layoutOptions, layoutOptions2]\n )\n });\n\n let {contentProps} = useScrollView(\n {\n onVisibleRectChange: state.setVisibleRect,\n onSizeChange: state.setSize,\n contentSize: state.contentSize,\n onScrollStart: state.startScrolling,\n onScrollEnd: state.endScrolling,\n allowsWindowScrolling: true\n },\n scrollRef!\n );\n\n return (\n <div {...contentProps}>\n <VirtualizerContext.Provider value={state}>\n {renderChildren(null, state.visibleViews, renderDropIndicator, shouldObserveItemSize)}\n </VirtualizerContext.Provider>\n </div>\n );\n}\n\nfunction CollectionBranch({parent, renderDropIndicator}: CollectionBranchProps) {\n let virtualizer = useContext(VirtualizerContext);\n let parentView = virtualizer!.virtualizer.getVisibleView(parent.key)!;\n let {shouldObserveItemSize} = useContext(VirtualizerOptionsContext)!;\n return renderChildren(\n parentView,\n Array.from(parentView.children),\n renderDropIndicator,\n shouldObserveItemSize\n );\n}\n\nfunction renderChildren(\n parent: View | null,\n children: View[],\n renderDropIndicator?: (target: ItemDropTarget) => ReactNode,\n shouldObserveItemSize?: boolean\n) {\n return children.map(view =>\n renderWrapper(parent, view, renderDropIndicator, shouldObserveItemSize)\n );\n}\n\nfunction renderWrapper(\n parent: View | null,\n reusableView: View,\n renderDropIndicator?: (target: ItemDropTarget) => ReactNode,\n shouldObserveItemSize?: boolean\n): ReactNode {\n let rendered = (\n <VirtualizerItem\n key={reusableView.key}\n layoutInfo={reusableView.layoutInfo!}\n virtualizer={reusableView.virtualizer}\n parent={parent?.layoutInfo}\n shouldObserveItemSize={shouldObserveItemSize}>\n {reusableView.rendered}\n </VirtualizerItem>\n );\n\n let {collection, layout} = reusableView.virtualizer;\n let node = reusableView.content;\n if (node?.type === 'item' && renderDropIndicator && layout.getDropTargetLayoutInfo) {\n rendered = (\n <React.Fragment key={reusableView.key}>\n {renderDropIndicatorWrapper(\n parent,\n reusableView,\n {type: 'item', key: reusableView.content!.key, dropPosition: 'before'},\n renderDropIndicator\n )}\n {rendered}\n {renderAfterDropIndicators(collection, node, target =>\n renderDropIndicatorWrapper(parent, reusableView, target, renderDropIndicator)\n )}\n </React.Fragment>\n );\n }\n\n return rendered;\n}\n\nfunction renderDropIndicatorWrapper(\n parent: View | null,\n reusableView: View,\n target: ItemDropTarget,\n renderDropIndicator: (target: ItemDropTarget) => ReactNode\n) {\n let indicator = renderDropIndicator(target);\n if (indicator) {\n let layoutInfo = reusableView.virtualizer.layout.getDropTargetLayoutInfo!(target);\n indicator = (\n <VirtualizerItem\n layoutInfo={layoutInfo}\n virtualizer={reusableView.virtualizer}\n parent={parent?.layoutInfo}>\n {indicator}\n </VirtualizerItem>\n );\n }\n\n return indicator;\n}\n"],"names":[],"version":3,"file":"Virtualizer.js.map"}
|
|
@@ -20,9 +20,9 @@ import {VirtualizerItem as $2DTaS$VirtualizerItem} from "react-aria/private/virt
|
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
const $143fb904d86051ce$var$VirtualizerContext = /*#__PURE__*/ (0, $2DTaS$createContext)(null);
|
|
23
|
-
const $143fb904d86051ce$var$
|
|
23
|
+
const $143fb904d86051ce$var$VirtualizerOptionsContext = /*#__PURE__*/ (0, $2DTaS$createContext)(null);
|
|
24
24
|
function $143fb904d86051ce$export$89be5a243e59c4b2(props) {
|
|
25
|
-
let { children: children, layout: layoutProp, layoutOptions: layoutOptions } = props;
|
|
25
|
+
let { children: children, layout: layoutProp, layoutOptions: layoutOptions, shouldObserveItemSize: shouldObserveItemSize } = props;
|
|
26
26
|
let layout = (0, $2DTaS$useMemo)(()=>typeof layoutProp === 'function' ? new layoutProp() : layoutProp, [
|
|
27
27
|
layoutProp
|
|
28
28
|
]);
|
|
@@ -37,15 +37,17 @@ function $143fb904d86051ce$export$89be5a243e59c4b2(props) {
|
|
|
37
37
|
]);
|
|
38
38
|
return /*#__PURE__*/ (0, $2DTaS$react).createElement((0, $263ab7fc0f95ccdb$export$4feb769f8ddf26c5).Provider, {
|
|
39
39
|
value: renderer
|
|
40
|
-
}, /*#__PURE__*/ (0, $2DTaS$react).createElement($143fb904d86051ce$var$
|
|
40
|
+
}, /*#__PURE__*/ (0, $2DTaS$react).createElement($143fb904d86051ce$var$VirtualizerOptionsContext.Provider, {
|
|
41
41
|
value: {
|
|
42
42
|
layout: layout,
|
|
43
|
-
layoutOptions: layoutOptions
|
|
43
|
+
layoutOptions: layoutOptions,
|
|
44
|
+
shouldObserveItemSize: shouldObserveItemSize
|
|
44
45
|
}
|
|
45
46
|
}, children));
|
|
46
47
|
}
|
|
47
48
|
function $143fb904d86051ce$var$CollectionRoot({ collection: collection, persistedKeys: persistedKeys, scrollRef: scrollRef, renderDropIndicator: renderDropIndicator }) {
|
|
48
|
-
let { layout: layout, layoutOptions: layoutOptions } = (0, $2DTaS$useContext)($143fb904d86051ce$var$
|
|
49
|
+
let { layout: layout, layoutOptions: layoutOptions, shouldObserveItemSize: shouldObserveItemSize } = (0, $2DTaS$useContext)($143fb904d86051ce$var$VirtualizerOptionsContext);
|
|
50
|
+
// oxlint-disable-next-line react/react-compiler
|
|
49
51
|
let layoutOptions2 = layout.useLayoutOptions?.();
|
|
50
52
|
let state = (0, $2DTaS$useVirtualizerState)({
|
|
51
53
|
allowsWindowScrolling: true,
|
|
@@ -57,18 +59,16 @@ function $143fb904d86051ce$var$CollectionRoot({ collection: collection, persiste
|
|
|
57
59
|
onVisibleRectChange (rect) {
|
|
58
60
|
let element = scrollRef?.current;
|
|
59
61
|
if (element) {
|
|
62
|
+
// oxlint-disable-next-line react/react-compiler
|
|
60
63
|
element.scrollLeft = rect.x;
|
|
61
64
|
element.scrollTop = rect.y;
|
|
62
65
|
}
|
|
63
66
|
},
|
|
64
67
|
persistedKeys: persistedKeys,
|
|
65
|
-
layoutOptions: (0, $2DTaS$useMemo)(()=>{
|
|
66
|
-
if (layoutOptions && layoutOptions2) return {
|
|
68
|
+
layoutOptions: (0, $2DTaS$useMemo)(()=>layoutOptions && layoutOptions2 ? {
|
|
67
69
|
...layoutOptions,
|
|
68
70
|
...layoutOptions2
|
|
69
|
-
}
|
|
70
|
-
return layoutOptions || layoutOptions2;
|
|
71
|
-
}, [
|
|
71
|
+
} : layoutOptions || layoutOptions2, [
|
|
72
72
|
layoutOptions,
|
|
73
73
|
layoutOptions2
|
|
74
74
|
])
|
|
@@ -83,22 +83,24 @@ function $143fb904d86051ce$var$CollectionRoot({ collection: collection, persiste
|
|
|
83
83
|
}, scrollRef);
|
|
84
84
|
return /*#__PURE__*/ (0, $2DTaS$react).createElement("div", contentProps, /*#__PURE__*/ (0, $2DTaS$react).createElement($143fb904d86051ce$var$VirtualizerContext.Provider, {
|
|
85
85
|
value: state
|
|
86
|
-
}, $143fb904d86051ce$var$renderChildren(null, state.visibleViews, renderDropIndicator)));
|
|
86
|
+
}, $143fb904d86051ce$var$renderChildren(null, state.visibleViews, renderDropIndicator, shouldObserveItemSize)));
|
|
87
87
|
}
|
|
88
88
|
function $143fb904d86051ce$var$CollectionBranch({ parent: parent, renderDropIndicator: renderDropIndicator }) {
|
|
89
89
|
let virtualizer = (0, $2DTaS$useContext)($143fb904d86051ce$var$VirtualizerContext);
|
|
90
90
|
let parentView = virtualizer.virtualizer.getVisibleView(parent.key);
|
|
91
|
-
|
|
91
|
+
let { shouldObserveItemSize: shouldObserveItemSize } = (0, $2DTaS$useContext)($143fb904d86051ce$var$VirtualizerOptionsContext);
|
|
92
|
+
return $143fb904d86051ce$var$renderChildren(parentView, Array.from(parentView.children), renderDropIndicator, shouldObserveItemSize);
|
|
92
93
|
}
|
|
93
|
-
function $143fb904d86051ce$var$renderChildren(parent, children, renderDropIndicator) {
|
|
94
|
-
return children.map((view)=>$143fb904d86051ce$var$renderWrapper(parent, view, renderDropIndicator));
|
|
94
|
+
function $143fb904d86051ce$var$renderChildren(parent, children, renderDropIndicator, shouldObserveItemSize) {
|
|
95
|
+
return children.map((view)=>$143fb904d86051ce$var$renderWrapper(parent, view, renderDropIndicator, shouldObserveItemSize));
|
|
95
96
|
}
|
|
96
|
-
function $143fb904d86051ce$var$renderWrapper(parent, reusableView, renderDropIndicator) {
|
|
97
|
+
function $143fb904d86051ce$var$renderWrapper(parent, reusableView, renderDropIndicator, shouldObserveItemSize) {
|
|
97
98
|
let rendered = /*#__PURE__*/ (0, $2DTaS$react).createElement((0, $2DTaS$VirtualizerItem), {
|
|
98
99
|
key: reusableView.key,
|
|
99
100
|
layoutInfo: reusableView.layoutInfo,
|
|
100
101
|
virtualizer: reusableView.virtualizer,
|
|
101
|
-
parent: parent?.layoutInfo
|
|
102
|
+
parent: parent?.layoutInfo,
|
|
103
|
+
shouldObserveItemSize: shouldObserveItemSize
|
|
102
104
|
}, reusableView.rendered);
|
|
103
105
|
let { collection: collection, layout: layout } = reusableView.virtualizer;
|
|
104
106
|
let node = reusableView.content;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;;AA+CD,MAAM,yDAAqB,CAAA,GAAA,oBAAY,EAAqC;AAC5E,MAAM,oDAAgB,CAAA,GAAA,oBAAY,EAA6B;AAOxD,SAAS,0CAAe,KAA0B;IACvD,IAAI,YAAC,QAAQ,EAAE,QAAQ,UAAU,iBAAE,aAAa,EAAC,GAAG;IACpD,IAAI,SAAS,CAAA,GAAA,cAAM,EACjB,IAAO,OAAO,eAAe,aAAa,IAAI,eAAe,YAC7D;QAAC;KAAW;IAEd,IAAI,WAA+B,CAAA,GAAA,cAAM,EACvC,IAAO,CAAA;YACL,eAAe;YACf,gBAAgB;YAChB,oBAAoB,OAAO,sBAAsB,GAC5C,SACD;4BACJ;8BACA;QACF,CAAA,GACA;QAAC;KAAO;IAGV,qBACE,gCAAC,CAAA,GAAA,yCAAwB,EAAE,QAAQ;QAAC,OAAO;qBACzC,gCAAC,oCAAc,QAAQ;QAAC,OAAO;oBAAC;2BAAQ;QAAa;OAAI;AAG/D;AAEA,SAAS,qCAAe,cACtB,UAAU,iBACV,aAAa,aACb,SAAS,uBACT,mBAAmB,EACC;IACpB,IAAI,UAAC,MAAM,iBAAE,aAAa,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE;IACzC,IAAI,iBAAiB,OAAO,gBAAgB;IAC5C,IAAI,QAAQ,CAAA,GAAA,0BAAkB,EAAE;QAC9B,uBAAuB;gBACvB;oBACA;QACA,YAAY,CAAC,MAAM;YACjB,OAAO,MAAM,SAAS;QACxB;QACA,qBAAoB,IAAI;YACtB,IAAI,UAAU,WAAW;YACzB,IAAI,SAAS;gBACX,QAAQ,UAAU,GAAG,KAAK,CAAC;gBAC3B,QAAQ,SAAS,GAAG,KAAK,CAAC;YAC5B;QACF;uBACA;QACA,eAAe,CAAA,GAAA,cAAM,EAAE;YACrB,IAAI,iBAAiB,gBACnB,OAAO;gBAAC,GAAG,aAAa;gBAAE,GAAG,cAAc;YAAA;YAE7C,OAAO,iBAAiB;QAC1B,GAAG;YAAC;YAAe;SAAe;IACpC;IAEA,IAAI,gBAAC,YAAY,EAAC,GAAG,CAAA,GAAA,oBAAY,EAC/B;QACE,qBAAqB,MAAM,cAAc;QACzC,cAAc,MAAM,OAAO;QAC3B,aAAa,MAAM,WAAW;QAC9B,eAAe,MAAM,cAAc;QACnC,aAAa,MAAM,YAAY;QAC/B,uBAAuB;IACzB,GACA;IAGF,qBACE,gCAAC,OAAQ,4BACP,gCAAC,yCAAmB,QAAQ;QAAC,OAAO;OACjC,qCAAe,MAAM,MAAM,YAAY,EAAE;AAIlD;AAEA,SAAS,uCAAiB,UAAC,MAAM,uBAAE,mBAAmB,EAAwB;IAC5E,IAAI,cAAc,CAAA,GAAA,iBAAS,EAAE;IAC7B,IAAI,aAAa,YAAa,WAAW,CAAC,cAAc,CAAC,OAAO,GAAG;IACnE,OAAO,qCAAe,YAAY,MAAM,IAAI,CAAC,WAAW,QAAQ,GAAG;AACrE;AAEA,SAAS,qCACP,MAAmB,EACnB,QAAgB,EAChB,mBAA2D;IAE3D,OAAO,SAAS,GAAG,CAAC,CAAA,OAAQ,oCAAc,QAAQ,MAAM;AAC1D;AAEA,SAAS,oCACP,MAAmB,EACnB,YAAkB,EAClB,mBAA2D;IAE3D,IAAI,yBACF,gCAAC,CAAA,GAAA,sBAAc;QACb,KAAK,aAAa,GAAG;QACrB,YAAY,aAAa,UAAU;QACnC,aAAa,aAAa,WAAW;QACrC,QAAQ,QAAQ;OACf,aAAa,QAAQ;IAI1B,IAAI,cAAC,UAAU,UAAE,MAAM,EAAC,GAAG,aAAa,WAAW;IACnD,IAAI,OAAO,aAAa,OAAO;IAC/B,IAAI,MAAM,SAAS,UAAU,uBAAuB,OAAO,uBAAuB,EAChF,yBACE,gCAAC,CAAA,GAAA,YAAI,EAAE,QAAQ;QAAC,KAAK,aAAa,GAAG;OAClC,iDACC,QACA,cACA;QAAC,MAAM;QAAQ,KAAK,aAAa,OAAO,CAAE,GAAG;QAAE,cAAc;IAAQ,GACrE,sBAED,UACA,CAAA,GAAA,yCAAwB,EAAE,YAAY,MAAM,CAAA,SAC3C,iDAA2B,QAAQ,cAAc,QAAQ;IAMjE,OAAO;AACT;AAEA,SAAS,iDACP,MAAmB,EACnB,YAAkB,EAClB,MAAsB,EACtB,mBAA0D;IAE1D,IAAI,YAAY,oBAAoB;IACpC,IAAI,WAAW;QACb,IAAI,aAAa,aAAa,WAAW,CAAC,MAAM,CAAC,uBAAuB,CAAE;QAC1E,0BACE,gCAAC,CAAA,GAAA,sBAAc;YACb,YAAY;YACZ,aAAa,aAAa,WAAW;YACrC,QAAQ,QAAQ;WACf;IAGP;IAEA,OAAO;AACT","sources":["packages/react-aria-components/src/Virtualizer.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n CollectionBranchProps,\n CollectionRenderer,\n CollectionRendererContext,\n CollectionRootProps,\n renderAfterDropIndicators\n} from './Collection';\nimport {DropTargetDelegate, ItemDropTarget, Node} from '@react-types/shared';\nimport {\n Layout,\n ReusableView,\n useVirtualizerState,\n VirtualizerState\n} from 'react-stately/useVirtualizerState';\nimport React, {createContext, JSX, ReactNode, useContext, useMemo} from 'react';\nimport {useScrollView} from 'react-aria/private/virtualizer/ScrollView';\nimport {VirtualizerItem} from 'react-aria/private/virtualizer/VirtualizerItem';\n\ntype View = ReusableView<Node<unknown>, ReactNode>;\n\nexport interface LayoutOptionsDelegate<O> {\n useLayoutOptions?(): O;\n}\n\ninterface ILayout<O>\n extends Layout<Node<unknown>, O>, Partial<DropTargetDelegate>, LayoutOptionsDelegate<O> {}\n\ninterface LayoutClass<O> {\n new (): ILayout<O>;\n}\n\nexport interface VirtualizerProps<O> {\n /** The child collection to virtualize (e.g. ListBox, GridList, or Table). */\n children: ReactNode;\n /** The layout object that determines the position and size of the visible elements. */\n layout: LayoutClass<O> | ILayout<O>;\n /** Options for the layout. */\n layoutOptions?: O;\n}\n\ninterface LayoutContextValue {\n layout: ILayout<any>;\n layoutOptions?: any;\n}\n\nconst VirtualizerContext = createContext<VirtualizerState<any, any> | null>(null);\nconst LayoutContext = createContext<LayoutContextValue | null>(null);\n\n/**\n * A Virtualizer renders a scrollable collection of data using customizable layouts.\n * It supports very large collections by only rendering visible items to the DOM, reusing\n * them as the user scrolls.\n */\nexport function Virtualizer<O>(props: VirtualizerProps<O>): JSX.Element {\n let {children, layout: layoutProp, layoutOptions} = props;\n let layout = useMemo(\n () => (typeof layoutProp === 'function' ? new layoutProp() : layoutProp),\n [layoutProp]\n );\n let renderer: CollectionRenderer = useMemo(\n () => ({\n isVirtualized: true,\n layoutDelegate: layout,\n dropTargetDelegate: layout.getDropTargetFromPoint\n ? (layout as DropTargetDelegate)\n : undefined,\n CollectionRoot,\n CollectionBranch\n }),\n [layout]\n );\n\n return (\n <CollectionRendererContext.Provider value={renderer}>\n <LayoutContext.Provider value={{layout, layoutOptions}}>{children}</LayoutContext.Provider>\n </CollectionRendererContext.Provider>\n );\n}\n\nfunction CollectionRoot({\n collection,\n persistedKeys,\n scrollRef,\n renderDropIndicator\n}: CollectionRootProps) {\n let {layout, layoutOptions} = useContext(LayoutContext)!;\n let layoutOptions2 = layout.useLayoutOptions?.();\n let state = useVirtualizerState({\n allowsWindowScrolling: true,\n layout,\n collection,\n renderView: (type, item) => {\n return item?.render?.(item);\n },\n onVisibleRectChange(rect) {\n let element = scrollRef?.current;\n if (element) {\n element.scrollLeft = rect.x;\n element.scrollTop = rect.y;\n }\n },\n persistedKeys,\n layoutOptions: useMemo(() => {\n if (layoutOptions && layoutOptions2) {\n return {...layoutOptions, ...layoutOptions2};\n }\n return layoutOptions || layoutOptions2;\n }, [layoutOptions, layoutOptions2])\n });\n\n let {contentProps} = useScrollView(\n {\n onVisibleRectChange: state.setVisibleRect,\n onSizeChange: state.setSize,\n contentSize: state.contentSize,\n onScrollStart: state.startScrolling,\n onScrollEnd: state.endScrolling,\n allowsWindowScrolling: true\n },\n scrollRef!\n );\n\n return (\n <div {...contentProps}>\n <VirtualizerContext.Provider value={state}>\n {renderChildren(null, state.visibleViews, renderDropIndicator)}\n </VirtualizerContext.Provider>\n </div>\n );\n}\n\nfunction CollectionBranch({parent, renderDropIndicator}: CollectionBranchProps) {\n let virtualizer = useContext(VirtualizerContext);\n let parentView = virtualizer!.virtualizer.getVisibleView(parent.key)!;\n return renderChildren(parentView, Array.from(parentView.children), renderDropIndicator);\n}\n\nfunction renderChildren(\n parent: View | null,\n children: View[],\n renderDropIndicator?: (target: ItemDropTarget) => ReactNode\n) {\n return children.map(view => renderWrapper(parent, view, renderDropIndicator));\n}\n\nfunction renderWrapper(\n parent: View | null,\n reusableView: View,\n renderDropIndicator?: (target: ItemDropTarget) => ReactNode\n): ReactNode {\n let rendered = (\n <VirtualizerItem\n key={reusableView.key}\n layoutInfo={reusableView.layoutInfo!}\n virtualizer={reusableView.virtualizer}\n parent={parent?.layoutInfo}>\n {reusableView.rendered}\n </VirtualizerItem>\n );\n\n let {collection, layout} = reusableView.virtualizer;\n let node = reusableView.content;\n if (node?.type === 'item' && renderDropIndicator && layout.getDropTargetLayoutInfo) {\n rendered = (\n <React.Fragment key={reusableView.key}>\n {renderDropIndicatorWrapper(\n parent,\n reusableView,\n {type: 'item', key: reusableView.content!.key, dropPosition: 'before'},\n renderDropIndicator\n )}\n {rendered}\n {renderAfterDropIndicators(collection, node, target =>\n renderDropIndicatorWrapper(parent, reusableView, target, renderDropIndicator)\n )}\n </React.Fragment>\n );\n }\n\n return rendered;\n}\n\nfunction renderDropIndicatorWrapper(\n parent: View | null,\n reusableView: View,\n target: ItemDropTarget,\n renderDropIndicator: (target: ItemDropTarget) => ReactNode\n) {\n let indicator = renderDropIndicator(target);\n if (indicator) {\n let layoutInfo = reusableView.virtualizer.layout.getDropTargetLayoutInfo!(target);\n indicator = (\n <VirtualizerItem\n layoutInfo={layoutInfo}\n virtualizer={reusableView.virtualizer}\n parent={parent?.layoutInfo}>\n {indicator}\n </VirtualizerItem>\n );\n }\n\n return indicator;\n}\n"],"names":[],"version":3,"file":"Virtualizer.mjs.map"}
|
|
1
|
+
{"mappings":"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","sources":["packages/react-aria-components/src/Virtualizer.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n CollectionBranchProps,\n CollectionRenderer,\n CollectionRendererContext,\n CollectionRootProps,\n renderAfterDropIndicators\n} from './Collection';\nimport {DropTargetDelegate, ItemDropTarget, Node} from '@react-types/shared';\nimport {\n Layout,\n ReusableView,\n useVirtualizerState,\n VirtualizerState\n} from 'react-stately/useVirtualizerState';\nimport React, {createContext, JSX, ReactNode, useContext, useMemo} from 'react';\nimport {useScrollView} from 'react-aria/private/virtualizer/ScrollView';\nimport {VirtualizerItem} from 'react-aria/private/virtualizer/VirtualizerItem';\n\ntype View = ReusableView<Node<unknown>, ReactNode>;\n\nexport interface LayoutOptionsDelegate<O> {\n useLayoutOptions?(): O;\n}\n\ninterface ILayout<O>\n extends Layout<Node<unknown>, O>, Partial<DropTargetDelegate>, LayoutOptionsDelegate<O> {}\n\ninterface LayoutClass<O> {\n new (): ILayout<O>;\n}\n\nexport interface VirtualizerProps<O> {\n /** The child collection to virtualize (e.g. ListBox, GridList, or Table). */\n children: ReactNode;\n /** The layout object that determines the position and size of the visible elements. */\n layout: LayoutClass<O> | ILayout<O>;\n /** Options for the layout. */\n layoutOptions?: O;\n /**\n * Whether to observe each item's size with a ResizeObserver and re-measure when it changes.\n */\n shouldObserveItemSize?: boolean;\n}\n\ninterface VirtualizerOptionsContextValue {\n layout: ILayout<any>;\n layoutOptions?: any;\n shouldObserveItemSize?: boolean;\n}\n\nconst VirtualizerContext = createContext<VirtualizerState<any, any> | null>(null);\nconst VirtualizerOptionsContext = createContext<VirtualizerOptionsContextValue | null>(null);\n\n/**\n * A Virtualizer renders a scrollable collection of data using customizable layouts.\n * It supports very large collections by only rendering visible items to the DOM, reusing\n * them as the user scrolls.\n */\nexport function Virtualizer<O>(props: VirtualizerProps<O>): JSX.Element {\n let {children, layout: layoutProp, layoutOptions, shouldObserveItemSize} = props;\n let layout = useMemo(\n () => (typeof layoutProp === 'function' ? new layoutProp() : layoutProp),\n [layoutProp]\n );\n let renderer: CollectionRenderer = useMemo(\n () => ({\n isVirtualized: true,\n layoutDelegate: layout,\n dropTargetDelegate: layout.getDropTargetFromPoint\n ? (layout as DropTargetDelegate)\n : undefined,\n CollectionRoot,\n CollectionBranch\n }),\n [layout]\n );\n\n return (\n <CollectionRendererContext.Provider value={renderer}>\n <VirtualizerOptionsContext.Provider value={{layout, layoutOptions, shouldObserveItemSize}}>\n {children}\n </VirtualizerOptionsContext.Provider>\n </CollectionRendererContext.Provider>\n );\n}\n\nfunction CollectionRoot({\n collection,\n persistedKeys,\n scrollRef,\n renderDropIndicator\n}: CollectionRootProps) {\n let {layout, layoutOptions, shouldObserveItemSize} = useContext(VirtualizerOptionsContext)!;\n // oxlint-disable-next-line react/react-compiler\n let layoutOptions2 = layout.useLayoutOptions?.();\n let state = useVirtualizerState({\n allowsWindowScrolling: true,\n layout,\n collection,\n renderView: (type, item) => {\n return item?.render?.(item);\n },\n onVisibleRectChange(rect) {\n let element = scrollRef?.current;\n if (element) {\n // oxlint-disable-next-line react/react-compiler\n element.scrollLeft = rect.x;\n element.scrollTop = rect.y;\n }\n },\n persistedKeys,\n layoutOptions: useMemo(\n () =>\n layoutOptions && layoutOptions2\n ? {...layoutOptions, ...layoutOptions2}\n : layoutOptions || layoutOptions2,\n [layoutOptions, layoutOptions2]\n )\n });\n\n let {contentProps} = useScrollView(\n {\n onVisibleRectChange: state.setVisibleRect,\n onSizeChange: state.setSize,\n contentSize: state.contentSize,\n onScrollStart: state.startScrolling,\n onScrollEnd: state.endScrolling,\n allowsWindowScrolling: true\n },\n scrollRef!\n );\n\n return (\n <div {...contentProps}>\n <VirtualizerContext.Provider value={state}>\n {renderChildren(null, state.visibleViews, renderDropIndicator, shouldObserveItemSize)}\n </VirtualizerContext.Provider>\n </div>\n );\n}\n\nfunction CollectionBranch({parent, renderDropIndicator}: CollectionBranchProps) {\n let virtualizer = useContext(VirtualizerContext);\n let parentView = virtualizer!.virtualizer.getVisibleView(parent.key)!;\n let {shouldObserveItemSize} = useContext(VirtualizerOptionsContext)!;\n return renderChildren(\n parentView,\n Array.from(parentView.children),\n renderDropIndicator,\n shouldObserveItemSize\n );\n}\n\nfunction renderChildren(\n parent: View | null,\n children: View[],\n renderDropIndicator?: (target: ItemDropTarget) => ReactNode,\n shouldObserveItemSize?: boolean\n) {\n return children.map(view =>\n renderWrapper(parent, view, renderDropIndicator, shouldObserveItemSize)\n );\n}\n\nfunction renderWrapper(\n parent: View | null,\n reusableView: View,\n renderDropIndicator?: (target: ItemDropTarget) => ReactNode,\n shouldObserveItemSize?: boolean\n): ReactNode {\n let rendered = (\n <VirtualizerItem\n key={reusableView.key}\n layoutInfo={reusableView.layoutInfo!}\n virtualizer={reusableView.virtualizer}\n parent={parent?.layoutInfo}\n shouldObserveItemSize={shouldObserveItemSize}>\n {reusableView.rendered}\n </VirtualizerItem>\n );\n\n let {collection, layout} = reusableView.virtualizer;\n let node = reusableView.content;\n if (node?.type === 'item' && renderDropIndicator && layout.getDropTargetLayoutInfo) {\n rendered = (\n <React.Fragment key={reusableView.key}>\n {renderDropIndicatorWrapper(\n parent,\n reusableView,\n {type: 'item', key: reusableView.content!.key, dropPosition: 'before'},\n renderDropIndicator\n )}\n {rendered}\n {renderAfterDropIndicators(collection, node, target =>\n renderDropIndicatorWrapper(parent, reusableView, target, renderDropIndicator)\n )}\n </React.Fragment>\n );\n }\n\n return rendered;\n}\n\nfunction renderDropIndicatorWrapper(\n parent: View | null,\n reusableView: View,\n target: ItemDropTarget,\n renderDropIndicator: (target: ItemDropTarget) => ReactNode\n) {\n let indicator = renderDropIndicator(target);\n if (indicator) {\n let layoutInfo = reusableView.virtualizer.layout.getDropTargetLayoutInfo!(target);\n indicator = (\n <VirtualizerItem\n layoutInfo={layoutInfo}\n virtualizer={reusableView.virtualizer}\n parent={parent?.layoutInfo}>\n {indicator}\n </VirtualizerItem>\n );\n }\n\n return indicator;\n}\n"],"names":[],"version":3,"file":"Virtualizer.mjs.map"}
|
|
@@ -39,12 +39,15 @@ function $e8875f03f2800be7$export$2cfc5be7a55829f6(options) {
|
|
|
39
39
|
let hooks = {};
|
|
40
40
|
if (isDraggable) {
|
|
41
41
|
hooks.useDraggableCollectionState = function useDraggableCollectionStateOverride(props) {
|
|
42
|
+
// oxlint-disable-next-line react/react-compiler
|
|
42
43
|
return (0, $jXExB$reactstatelyuseDraggableCollectionState.useDraggableCollectionState)({
|
|
43
44
|
...props,
|
|
44
45
|
...options
|
|
45
46
|
});
|
|
46
47
|
};
|
|
48
|
+
// oxlint-disable-next-line react/react-compiler
|
|
47
49
|
hooks.useDraggableCollection = (0, $jXExB$reactariauseDraggableCollection.useDraggableCollection);
|
|
50
|
+
// oxlint-disable-next-line react/react-compiler
|
|
48
51
|
hooks.useDraggableItem = (0, $jXExB$reactariauseDraggableCollection.useDraggableItem);
|
|
49
52
|
hooks.DragPreview = (0, $jXExB$reactariauseDraggableCollection.DragPreview);
|
|
50
53
|
hooks.renderDragPreview = renderDragPreview;
|
|
@@ -52,18 +55,22 @@ function $e8875f03f2800be7$export$2cfc5be7a55829f6(options) {
|
|
|
52
55
|
}
|
|
53
56
|
if (isDroppable) {
|
|
54
57
|
hooks.useDroppableCollectionState = function useDroppableCollectionStateOverride(props) {
|
|
58
|
+
// oxlint-disable-next-line react/react-compiler
|
|
55
59
|
return (0, $jXExB$reactstatelyuseDroppableCollectionState.useDroppableCollectionState)({
|
|
56
60
|
...props,
|
|
57
61
|
...options
|
|
58
62
|
});
|
|
59
63
|
};
|
|
64
|
+
// oxlint-disable-next-line react/react-compiler
|
|
60
65
|
hooks.useDroppableItem = (0, $jXExB$reactariauseDroppableCollection.useDroppableItem);
|
|
61
66
|
hooks.useDroppableCollection = function useDroppableCollectionOverride(props, state, ref) {
|
|
67
|
+
// oxlint-disable-next-line react/react-compiler
|
|
62
68
|
return (0, $jXExB$reactariauseDroppableCollection.useDroppableCollection)({
|
|
63
69
|
...props,
|
|
64
70
|
...options
|
|
65
71
|
}, state, ref);
|
|
66
72
|
};
|
|
73
|
+
// oxlint-disable-next-line react/react-compiler
|
|
67
74
|
hooks.useDropIndicator = (0, $jXExB$reactariauseDroppableCollection.useDropIndicator);
|
|
68
75
|
hooks.renderDropIndicator = renderDropIndicator;
|
|
69
76
|
hooks.dropTargetDelegate = dropTargetDelegate;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAwIM,SAAS,0CAA2B,OAA8B;IACvE,IAAI,mBAAmB,CAAA,GAAA,oBAAM,EAAE;QAC7B,IAAI,UACF,MAAM,YACN,QAAQ,cACR,UAAU,aACV,SAAS,UACT,MAAM,cACN,UAAU,YACV,QAAQ,qBACR,iBAAiB,uBACjB,mBAAmB,sBACnB,kBAAkB,EACnB,GAAG;QAEJ,IAAI,cAAc,CAAC,CAAC;QACpB,IAAI,cAAc,CAAC,CAAE,CAAA,UAAU,YAAY,cAAc,aAAa,UAAU,UAAS;QAEzF,IAAI,QAAQ,CAAC;QACb,IAAI,aAAa;YACf,MAAM,2BAA2B,GAAG,SAAS,oCAC3C,KAAmC;gBAEnC,OAAO,CAAA,GAAA,0EAA0B,EAAE;oBACjC,GAAG,KAAK;oBACR,GAAG,OAAO;gBACZ;YACF;YACA,MAAM,sBAAsB,GAAG,CAAA,GAAA,6DAAqB;YACpD,MAAM,gBAAgB,GAAG,CAAA,GAAA,uDAAe;YACxC,MAAM,WAAW,GAAG,CAAA,GAAA,kDAAU;YAC9B,MAAM,iBAAiB,GAAG;YAC1B,MAAM,iBAAiB,GAAG,CAAA,GAAA,uDAAgB;QAC5C;QAEA,IAAI,aAAa;YACf,MAAM,2BAA2B,GAAG,SAAS,oCAC3C,KAAsC;gBAEtC,OAAO,CAAA,GAAA,0EAA0B,EAAE;oBAAC,GAAG,KAAK;oBAAE,GAAG,OAAO;gBAAA;YAC1D;YACA,MAAM,gBAAgB,GAAG,CAAA,GAAA,uDAAe;YACxC,MAAM,sBAAsB,GAAG,SAAS,+BACtC,KAAiC,EACjC,KAA+B,EAC/B,GAAkC;gBAElC,OAAO,CAAA,GAAA,6DAAqB,EAAE;oBAAC,GAAG,KAAK;oBAAE,GAAG,OAAO;gBAAA,GAAG,OAAO;YAC/D;YACA,MAAM,gBAAgB,GAAG,CAAA,GAAA,uDAAe;YACxC,MAAM,mBAAmB,GAAG;YAC5B,MAAM,kBAAkB,GAAG;YAC3B,MAAM,sBAAsB,GAAG,CAAA,GAAA,6DAAqB;QACtD;QAEA,OAAO;IACT,GAAG;QAAC;KAAQ;IAEZ,OAAO;0BACL;IACF;AACF","sources":["packages/react-aria-components/src/useDragAndDrop.tsx"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n DropIndicatorProps as AriaDropIndicatorProps,\n DropIndicatorAria,\n DroppableCollectionOptions,\n DroppableCollectionResult,\n DroppableItemOptions,\n DroppableItemResult,\n useDropIndicator,\n useDroppableCollection,\n useDroppableItem\n} from 'react-aria/useDroppableCollection';\nimport {\n DraggableCollectionOptions,\n DraggableItemProps,\n DraggableItemResult,\n DragPreview,\n useDraggableCollection,\n useDraggableItem\n} from 'react-aria/useDraggableCollection';\nimport {\n DraggableCollectionProps,\n DroppableCollectionProps,\n Key,\n RefObject\n} from '@react-types/shared';\nimport {\n DraggableCollectionState,\n DraggableCollectionStateOptions,\n useDraggableCollectionState\n} from 'react-stately/useDraggableCollectionState';\nimport {DragItem, DropTarget, DropTargetDelegate} from '@react-types/shared';\nimport {\n DroppableCollectionState,\n DroppableCollectionStateOptions,\n useDroppableCollectionState\n} from 'react-stately/useDroppableCollectionState';\nimport {isVirtualDragging} from 'react-aria/private/dnd/DragManager';\nimport {JSX, useMemo} from 'react';\nimport {ListDropTargetDelegate} from 'react-aria/ListDropTargetDelegate';\n\nexport {DropIndicator, DropIndicatorContext, DragAndDropContext} from './DragAndDrop';\nexport type {DropIndicatorProps, DropIndicatorRenderProps} from './DragAndDrop';\n\ninterface DraggableCollectionStateOpts<T = object> extends Omit<\n DraggableCollectionStateOptions<T>,\n 'getItems'\n> {}\n\ninterface DragHooks<T = object> {\n useDraggableCollectionState?: (\n props: DraggableCollectionStateOpts<T>\n ) => DraggableCollectionState;\n useDraggableCollection?: (\n props: DraggableCollectionOptions,\n state: DraggableCollectionState,\n ref: RefObject<HTMLElement | null>\n ) => void;\n useDraggableItem?: (\n props: DraggableItemProps,\n state: DraggableCollectionState\n ) => DraggableItemResult;\n DragPreview?: typeof DragPreview;\n renderDragPreview?: (\n items: DragItem[]\n ) => JSX.Element | {element: JSX.Element; x: number; y: number};\n isVirtualDragging?: () => boolean;\n}\n\ninterface DropHooks {\n useDroppableCollectionState?: (\n props: DroppableCollectionStateOptions\n ) => DroppableCollectionState;\n useDroppableCollection?: (\n props: DroppableCollectionOptions,\n state: DroppableCollectionState,\n ref: RefObject<HTMLElement | null>\n ) => DroppableCollectionResult;\n useDroppableItem?: (\n options: DroppableItemOptions,\n state: DroppableCollectionState,\n ref: RefObject<HTMLElement | null>\n ) => DroppableItemResult;\n useDropIndicator?: (\n props: AriaDropIndicatorProps,\n state: DroppableCollectionState,\n ref: RefObject<HTMLElement | null>\n ) => DropIndicatorAria;\n renderDropIndicator?: (target: DropTarget) => JSX.Element;\n dropTargetDelegate?: DropTargetDelegate;\n ListDropTargetDelegate: typeof ListDropTargetDelegate;\n}\n\nexport type DragAndDropHooks<T = object> = DragHooks<T> & DropHooks;\n\nexport interface DragAndDrop<T = object> {\n /** Drag and drop hooks for the collection element. */\n dragAndDropHooks: DragAndDropHooks<T>;\n}\n\nexport interface DragAndDropOptions<T = object>\n extends Omit<DraggableCollectionProps, 'preview' | 'getItems'>, DroppableCollectionProps {\n /**\n * A function that returns the items being dragged. If not specified, we assume that the\n * collection is not draggable.\n *\n * @default () => []\n */\n getItems?: (keys: Set<Key>, items: T[]) => DragItem[];\n /**\n * A function that renders a drag preview, which is shown under the user's cursor while dragging.\n * By default, a copy of the dragged element is rendered.\n */\n renderDragPreview?: (\n items: DragItem[]\n ) => JSX.Element | {element: JSX.Element; x: number; y: number};\n /**\n * A function that renders a drop indicator element between two items in a collection.\n * This should render a `<DropIndicator>` element. If this function is not provided, a\n * default DropIndicator is provided.\n */\n renderDropIndicator?: (target: DropTarget) => JSX.Element;\n /**\n * A custom delegate object that provides drop targets for pointer coordinates within the\n * collection.\n */\n dropTargetDelegate?: DropTargetDelegate;\n /** Whether the drag and drop events should be disabled. */\n isDisabled?: boolean;\n}\n\n/**\n * Provides the hooks required to enable drag and drop behavior for a drag and drop compatible\n * collection component.\n */\nexport function useDragAndDrop<T = object>(options: DragAndDropOptions<T>): DragAndDrop<T> {\n let dragAndDropHooks = useMemo(() => {\n let {\n onDrop,\n onInsert,\n onItemDrop,\n onReorder,\n onMove,\n onRootDrop,\n getItems,\n renderDragPreview,\n renderDropIndicator,\n dropTargetDelegate\n } = options;\n\n let isDraggable = !!getItems;\n let isDroppable = !!(onDrop || onInsert || onItemDrop || onReorder || onMove || onRootDrop);\n\n let hooks = {} as DragAndDropHooks;\n if (isDraggable) {\n hooks.useDraggableCollectionState = function useDraggableCollectionStateOverride(\n props: DraggableCollectionStateOpts\n ) {\n return useDraggableCollectionState({\n ...props,\n ...options\n } as DraggableCollectionStateOptions);\n };\n hooks.useDraggableCollection = useDraggableCollection;\n hooks.useDraggableItem = useDraggableItem;\n hooks.DragPreview = DragPreview;\n hooks.renderDragPreview = renderDragPreview;\n hooks.isVirtualDragging = isVirtualDragging;\n }\n\n if (isDroppable) {\n hooks.useDroppableCollectionState = function useDroppableCollectionStateOverride(\n props: DroppableCollectionStateOptions\n ) {\n return useDroppableCollectionState({...props, ...options});\n };\n hooks.useDroppableItem = useDroppableItem;\n hooks.useDroppableCollection = function useDroppableCollectionOverride(\n props: DroppableCollectionOptions,\n state: DroppableCollectionState,\n ref: RefObject<HTMLElement | null>\n ) {\n return useDroppableCollection({...props, ...options}, state, ref);\n };\n hooks.useDropIndicator = useDropIndicator;\n hooks.renderDropIndicator = renderDropIndicator;\n hooks.dropTargetDelegate = dropTargetDelegate;\n hooks.ListDropTargetDelegate = ListDropTargetDelegate;\n }\n\n return hooks;\n }, [options]);\n\n return {\n dragAndDropHooks\n };\n}\n"],"names":[],"version":3,"file":"useDragAndDrop.cjs.map"}
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAwIM,SAAS,0CAA2B,OAA8B;IACvE,IAAI,mBAAmB,CAAA,GAAA,oBAAM,EAAE;QAC7B,IAAI,UACF,MAAM,YACN,QAAQ,cACR,UAAU,aACV,SAAS,UACT,MAAM,cACN,UAAU,YACV,QAAQ,qBACR,iBAAiB,uBACjB,mBAAmB,sBACnB,kBAAkB,EACnB,GAAG;QAEJ,IAAI,cAAc,CAAC,CAAC;QACpB,IAAI,cAAc,CAAC,CAAE,CAAA,UAAU,YAAY,cAAc,aAAa,UAAU,UAAS;QAEzF,IAAI,QAAQ,CAAC;QACb,IAAI,aAAa;YACf,MAAM,2BAA2B,GAAG,SAAS,oCAC3C,KAAmC;gBAEnC,gDAAgD;gBAChD,OAAO,CAAA,GAAA,0EAA0B,EAAE;oBACjC,GAAG,KAAK;oBACR,GAAG,OAAO;gBACZ;YACF;YACA,gDAAgD;YAChD,MAAM,sBAAsB,GAAG,CAAA,GAAA,6DAAqB;YACpD,gDAAgD;YAChD,MAAM,gBAAgB,GAAG,CAAA,GAAA,uDAAe;YACxC,MAAM,WAAW,GAAG,CAAA,GAAA,kDAAU;YAC9B,MAAM,iBAAiB,GAAG;YAC1B,MAAM,iBAAiB,GAAG,CAAA,GAAA,uDAAgB;QAC5C;QAEA,IAAI,aAAa;YACf,MAAM,2BAA2B,GAAG,SAAS,oCAC3C,KAAsC;gBAEtC,gDAAgD;gBAChD,OAAO,CAAA,GAAA,0EAA0B,EAAE;oBAAC,GAAG,KAAK;oBAAE,GAAG,OAAO;gBAAA;YAC1D;YACA,gDAAgD;YAChD,MAAM,gBAAgB,GAAG,CAAA,GAAA,uDAAe;YACxC,MAAM,sBAAsB,GAAG,SAAS,+BACtC,KAAiC,EACjC,KAA+B,EAC/B,GAAkC;gBAElC,gDAAgD;gBAChD,OAAO,CAAA,GAAA,6DAAqB,EAAE;oBAAC,GAAG,KAAK;oBAAE,GAAG,OAAO;gBAAA,GAAG,OAAO;YAC/D;YACA,gDAAgD;YAChD,MAAM,gBAAgB,GAAG,CAAA,GAAA,uDAAe;YACxC,MAAM,mBAAmB,GAAG;YAC5B,MAAM,kBAAkB,GAAG;YAC3B,MAAM,sBAAsB,GAAG,CAAA,GAAA,6DAAqB;QACtD;QAEA,OAAO;IACT,GAAG;QAAC;KAAQ;IAEZ,OAAO;0BACL;IACF;AACF","sources":["packages/react-aria-components/src/useDragAndDrop.tsx"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n DropIndicatorProps as AriaDropIndicatorProps,\n DropIndicatorAria,\n DroppableCollectionOptions,\n DroppableCollectionResult,\n DroppableItemOptions,\n DroppableItemResult,\n useDropIndicator,\n useDroppableCollection,\n useDroppableItem\n} from 'react-aria/useDroppableCollection';\nimport {\n DraggableCollectionOptions,\n DraggableItemProps,\n DraggableItemResult,\n DragPreview,\n useDraggableCollection,\n useDraggableItem\n} from 'react-aria/useDraggableCollection';\nimport {\n DraggableCollectionProps,\n DroppableCollectionProps,\n Key,\n RefObject\n} from '@react-types/shared';\nimport {\n DraggableCollectionState,\n DraggableCollectionStateOptions,\n useDraggableCollectionState\n} from 'react-stately/useDraggableCollectionState';\nimport {DragItem, DropTarget, DropTargetDelegate} from '@react-types/shared';\nimport {\n DroppableCollectionState,\n DroppableCollectionStateOptions,\n useDroppableCollectionState\n} from 'react-stately/useDroppableCollectionState';\nimport {isVirtualDragging} from 'react-aria/private/dnd/DragManager';\nimport {JSX, useMemo} from 'react';\nimport {ListDropTargetDelegate} from 'react-aria/ListDropTargetDelegate';\n\nexport {DropIndicator, DropIndicatorContext, DragAndDropContext} from './DragAndDrop';\nexport type {DropIndicatorProps, DropIndicatorRenderProps} from './DragAndDrop';\n\ninterface DraggableCollectionStateOpts<T = object> extends Omit<\n DraggableCollectionStateOptions<T>,\n 'getItems'\n> {}\n\ninterface DragHooks<T = object> {\n useDraggableCollectionState?: (\n props: DraggableCollectionStateOpts<T>\n ) => DraggableCollectionState;\n useDraggableCollection?: (\n props: DraggableCollectionOptions,\n state: DraggableCollectionState,\n ref: RefObject<HTMLElement | null>\n ) => void;\n useDraggableItem?: (\n props: DraggableItemProps,\n state: DraggableCollectionState\n ) => DraggableItemResult;\n DragPreview?: typeof DragPreview;\n renderDragPreview?: (\n items: DragItem[]\n ) => JSX.Element | {element: JSX.Element; x: number; y: number};\n isVirtualDragging?: () => boolean;\n}\n\ninterface DropHooks {\n useDroppableCollectionState?: (\n props: DroppableCollectionStateOptions\n ) => DroppableCollectionState;\n useDroppableCollection?: (\n props: DroppableCollectionOptions,\n state: DroppableCollectionState,\n ref: RefObject<HTMLElement | null>\n ) => DroppableCollectionResult;\n useDroppableItem?: (\n options: DroppableItemOptions,\n state: DroppableCollectionState,\n ref: RefObject<HTMLElement | null>\n ) => DroppableItemResult;\n useDropIndicator?: (\n props: AriaDropIndicatorProps,\n state: DroppableCollectionState,\n ref: RefObject<HTMLElement | null>\n ) => DropIndicatorAria;\n renderDropIndicator?: (target: DropTarget) => JSX.Element;\n dropTargetDelegate?: DropTargetDelegate;\n ListDropTargetDelegate: typeof ListDropTargetDelegate;\n}\n\nexport type DragAndDropHooks<T = object> = DragHooks<T> & DropHooks;\n\nexport interface DragAndDrop<T = object> {\n /** Drag and drop hooks for the collection element. */\n dragAndDropHooks: DragAndDropHooks<T>;\n}\n\nexport interface DragAndDropOptions<T = object>\n extends Omit<DraggableCollectionProps, 'preview' | 'getItems'>, DroppableCollectionProps {\n /**\n * A function that returns the items being dragged. If not specified, we assume that the\n * collection is not draggable.\n *\n * @default () => []\n */\n getItems?: (keys: Set<Key>, items: T[]) => DragItem[];\n /**\n * A function that renders a drag preview, which is shown under the user's cursor while dragging.\n * By default, a copy of the dragged element is rendered.\n */\n renderDragPreview?: (\n items: DragItem[]\n ) => JSX.Element | {element: JSX.Element; x: number; y: number};\n /**\n * A function that renders a drop indicator element between two items in a collection.\n * This should render a `<DropIndicator>` element. If this function is not provided, a\n * default DropIndicator is provided.\n */\n renderDropIndicator?: (target: DropTarget) => JSX.Element;\n /**\n * A custom delegate object that provides drop targets for pointer coordinates within the\n * collection.\n */\n dropTargetDelegate?: DropTargetDelegate;\n /** Whether the drag and drop events should be disabled. */\n isDisabled?: boolean;\n}\n\n/**\n * Provides the hooks required to enable drag and drop behavior for a drag and drop compatible\n * collection component.\n */\nexport function useDragAndDrop<T = object>(options: DragAndDropOptions<T>): DragAndDrop<T> {\n let dragAndDropHooks = useMemo(() => {\n let {\n onDrop,\n onInsert,\n onItemDrop,\n onReorder,\n onMove,\n onRootDrop,\n getItems,\n renderDragPreview,\n renderDropIndicator,\n dropTargetDelegate\n } = options;\n\n let isDraggable = !!getItems;\n let isDroppable = !!(onDrop || onInsert || onItemDrop || onReorder || onMove || onRootDrop);\n\n let hooks = {} as DragAndDropHooks;\n if (isDraggable) {\n hooks.useDraggableCollectionState = function useDraggableCollectionStateOverride(\n props: DraggableCollectionStateOpts\n ) {\n // oxlint-disable-next-line react/react-compiler\n return useDraggableCollectionState({\n ...props,\n ...options\n } as DraggableCollectionStateOptions);\n };\n // oxlint-disable-next-line react/react-compiler\n hooks.useDraggableCollection = useDraggableCollection;\n // oxlint-disable-next-line react/react-compiler\n hooks.useDraggableItem = useDraggableItem;\n hooks.DragPreview = DragPreview;\n hooks.renderDragPreview = renderDragPreview;\n hooks.isVirtualDragging = isVirtualDragging;\n }\n\n if (isDroppable) {\n hooks.useDroppableCollectionState = function useDroppableCollectionStateOverride(\n props: DroppableCollectionStateOptions\n ) {\n // oxlint-disable-next-line react/react-compiler\n return useDroppableCollectionState({...props, ...options});\n };\n // oxlint-disable-next-line react/react-compiler\n hooks.useDroppableItem = useDroppableItem;\n hooks.useDroppableCollection = function useDroppableCollectionOverride(\n props: DroppableCollectionOptions,\n state: DroppableCollectionState,\n ref: RefObject<HTMLElement | null>\n ) {\n // oxlint-disable-next-line react/react-compiler\n return useDroppableCollection({...props, ...options}, state, ref);\n };\n // oxlint-disable-next-line react/react-compiler\n hooks.useDropIndicator = useDropIndicator;\n hooks.renderDropIndicator = renderDropIndicator;\n hooks.dropTargetDelegate = dropTargetDelegate;\n hooks.ListDropTargetDelegate = ListDropTargetDelegate;\n }\n\n return hooks;\n }, [options]);\n\n return {\n dragAndDropHooks\n };\n}\n"],"names":[],"version":3,"file":"useDragAndDrop.cjs.map"}
|