@wordpress/block-editor 15.4.1-next.f56bd8138.0 → 15.5.1-next.47f435fc9.0

package/build/components/block-draggable/draggable-chip.native.js

@@ -1,58 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = BlockDraggableChip;
-var _reactNative = require("react-native");
-var _icons = require("@wordpress/icons");
-var _compose = require("@wordpress/compose");
-var _blockIcon = _interopRequireDefault(require("../block-icon"));
-var _style = _interopRequireDefault(require("./style.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const shadowStyle = {
-  shadowColor: '#000',
-  shadowOffset: {
-    width: 0,
-    height: 2
-  },
-  shadowOpacity: 0.25,
-  shadowRadius: 3.84,
-  elevation: 5
-};
-
-/**
- * Block draggable chip component
- *
- * @param {Object} props        Component props.
- * @param {Object} [props.icon] Block icon.
- * @return {JSX.Element} Chip component.
- */
-function BlockDraggableChip({
-  icon
-}) {
-  const containerStyle = (0, _compose.usePreferredColorSchemeStyle)(_style.default['draggable-chip__container'], _style.default['draggable-chip__container--dark']);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [containerStyle, shadowStyle],
-    testID: "draggable-chip",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockIcon.default, {
-      icon: _icons.dragHandle
-    }), icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockIcon.default, {
-      icon: icon
-    })]
-  });
-}
-//# sourceMappingURL=draggable-chip.native.js.map

package/build/components/block-draggable/draggable-chip.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_icons","_compose","_blockIcon","_interopRequireDefault","_style","_jsxRuntime","shadowStyle","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","BlockDraggableChip","icon","containerStyle","usePreferredColorSchemeStyle","styles","jsxs","View","style","testID","children","jsx","default","dragHandle"],"sources":["@wordpress/block-editor/src/components/block-draggable/draggable-chip.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { dragHandle } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\nimport styles from './style.scss';\n\nconst shadowStyle = {\n\tshadowColor: '#000',\n\tshadowOffset: {\n\t\twidth: 0,\n\t\theight: 2,\n\t},\n\tshadowOpacity: 0.25,\n\tshadowRadius: 3.84,\n\n\televation: 5,\n};\n\n/**\n * Block draggable chip component\n *\n * @param {Object} props        Component props.\n * @param {Object} [props.icon] Block icon.\n * @return {JSX.Element} Chip component.\n */\nexport default function BlockDraggableChip( { icon } ) {\n\tconst containerStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'draggable-chip__container' ],\n\t\tstyles[ 'draggable-chip__container--dark' ]\n\t);\n\n\treturn (\n\t\t<View style={ [ containerStyle, shadowStyle ] } testID=\"draggable-chip\">\n\t\t\t<BlockIcon icon={ dragHandle } />\n\t\t\t{ icon && <BlockIcon icon={ icon } /> }\n\t\t</View>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,UAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAAkC,IAAAM,WAAA,GAAAN,OAAA;AAflC;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAIA,MAAMO,WAAW,GAAG;EACnBC,WAAW,EAAE,MAAM;EACnBC,YAAY,EAAE;IACbC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACT,CAAC;EACDC,aAAa,EAAE,IAAI;EACnBC,YAAY,EAAE,IAAI;EAElBC,SAAS,EAAE;AACZ,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASC,kBAAkBA,CAAE;EAAEC;AAAK,CAAC,EAAG;EACtD,MAAMC,cAAc,GAAG,IAAAC,qCAA4B,EAClDC,cAAM,CAAE,2BAA2B,CAAE,EACrCA,cAAM,CAAE,iCAAiC,CAC1C,CAAC;EAED,oBACC,IAAAb,WAAA,CAAAc,IAAA,EAACrB,YAAA,CAAAsB,IAAI;IAACC,KAAK,EAAG,CAAEL,cAAc,EAAEV,WAAW,CAAI;IAACgB,MAAM,EAAC,gBAAgB;IAAAC,QAAA,gBACtE,IAAAlB,WAAA,CAAAmB,GAAA,EAACtB,UAAA,CAAAuB,OAAS;MAACV,IAAI,EAAGW;IAAY,CAAE,CAAC,EAC/BX,IAAI,iBAAI,IAAAV,WAAA,CAAAmB,GAAA,EAACtB,UAAA,CAAAuB,OAAS;MAACV,IAAI,EAAGA;IAAM,CAAE,CAAC;EAAA,CAChC,CAAC;AAET","ignoreList":[]}

package/build/components/block-draggable/dropping-insertion-point.native.js

@@ -1,134 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = DroppingInsertionPoint;
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-var _data = require("@wordpress/data");
-var _reactNativeBridge = require("@wordpress/react-native-bridge");
-var _store = require("../../store");
-var _blockListContext = require("../block-list/block-list-context");
-var _droppingInsertionPoint = _interopRequireDefault(require("./dropping-insertion-point.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-/**
- * Dropping zone indicator component.
- *
- * This component shows where a block can be dropped when it's being dragged.
- *
- * @param {Object}                                        props                  Component props.
- * @param {Object}                                        props.scroll           Scroll offset object.
- * @param {Object}                                        props.currentYPosition Current Y coordinate position when dragging.
- * @param {import('react-native-reanimated').SharedValue} props.isDragging       Whether or not dragging has started.
- * @param {import('react-native-reanimated').SharedValue} props.targetBlockIndex Current block target index.
- *
- * @return {JSX.Element} The component to be rendered.
- */function DroppingInsertionPoint({
-  scroll,
-  currentYPosition,
-  isDragging,
-  targetBlockIndex
-}) {
-  const {
-    getBlockOrder,
-    isBlockBeingDragged,
-    isDraggingBlocks,
-    getPreviousBlockClientId,
-    getNextBlockClientId
-  } = (0, _data.useSelect)(_store.store);
-  const {
-    blocksLayouts,
-    findBlockLayoutByClientId
-  } = (0, _blockListContext.useBlockListContext)();
-  const {
-    top,
-    bottom
-  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
-  const {
-    height
-  } = (0, _reactNativeSafeAreaContext.useSafeAreaFrame)();
-  const safeAreaOffset = top + bottom;
-  const maxHeight = height - (safeAreaOffset + _droppingInsertionPoint.default['dropping-insertion-point'].height);
-  const blockYPosition = (0, _reactNativeReanimated.useSharedValue)(0);
-  const opacity = (0, _reactNativeReanimated.useSharedValue)(0);
-  (0, _reactNativeReanimated.useAnimatedReaction)(() => isDragging.value, value => {
-    if (!value) {
-      opacity.value = 0;
-      blockYPosition.value = 0;
-    }
-  });
-  function getSelectedBlockIndicatorPosition(positions) {
-    const currentYPositionWithScroll = currentYPosition.value + scroll.offsetY.value;
-    const midpoint = (positions.top + positions.bottom) / 2;
-    return midpoint < currentYPositionWithScroll ? positions.bottom : positions.top;
-  }
-  function setIndicatorPosition(index) {
-    const insertionPointIndex = index;
-    const order = getBlockOrder();
-    const isDraggingAnyBlocks = isDraggingBlocks();
-    if (!isDraggingAnyBlocks || insertionPointIndex === null || !order.length) {
-      return;
-    }
-    let previousClientId = order[insertionPointIndex - 1];
-    let nextClientId = order[insertionPointIndex];
-    while (isBlockBeingDragged(previousClientId)) {
-      previousClientId = getPreviousBlockClientId(previousClientId);
-    }
-    while (isBlockBeingDragged(nextClientId)) {
-      nextClientId = getNextBlockClientId(nextClientId);
-    }
-    const previousElement = previousClientId ? findBlockLayoutByClientId(blocksLayouts.current, previousClientId) : null;
-    const nextElement = nextClientId ? findBlockLayoutByClientId(blocksLayouts.current, nextClientId) : null;
-    const previousElementPosition = previousElement ? previousElement.y + previousElement.height : 0;
-    const nextElementPosition = nextElement ? nextElement.y : 0;
-    const elementsPositions = {
-      top: Math.floor(previousElement ? previousElementPosition : nextElementPosition),
-      bottom: Math.floor(nextElement ? nextElementPosition : previousElementPosition)
-    };
-    const nextPosition = elementsPositions.top !== elementsPositions.bottom ? getSelectedBlockIndicatorPosition(elementsPositions) : elementsPositions.top;
-    if (nextPosition && blockYPosition.value !== nextPosition) {
-      opacity.value = 0;
-      blockYPosition.value = nextPosition;
-      opacity.value = (0, _reactNativeReanimated.withTiming)(1);
-      (0, _reactNativeBridge.generateHapticFeedback)();
-    }
-  }
-  (0, _reactNativeReanimated.useAnimatedReaction)(() => targetBlockIndex.value, (value, previous) => {
-    if (value !== previous) {
-      (0, _reactNativeReanimated.runOnJS)(setIndicatorPosition)(value);
-    }
-  });
-  const animatedStyles = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    const translationY = blockYPosition.value - scroll.offsetY.value;
-    // Prevents overflowing behind the header/footer
-    const shouldHideIndicator = translationY < 0 || translationY > maxHeight;
-    return {
-      opacity: shouldHideIndicator ? 0 : opacity.value,
-      transform: [{
-        translateY: translationY
-      }]
-    };
-  });
-  const insertionPointStyles = [_droppingInsertionPoint.default['dropping-insertion-point'], animatedStyles];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-    pointerEvents: "none",
-    style: insertionPointStyles
-  });
-}
-//# sourceMappingURL=dropping-insertion-point.native.js.map

package/build/components/block-draggable/dropping-insertion-point.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNativeReanimated","_interopRequireWildcard","require","_reactNativeSafeAreaContext","_data","_reactNativeBridge","_store","_blockListContext","_droppingInsertionPoint","_interopRequireDefault","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DroppingInsertionPoint","scroll","currentYPosition","isDragging","targetBlockIndex","getBlockOrder","isBlockBeingDragged","isDraggingBlocks","getPreviousBlockClientId","getNextBlockClientId","useSelect","blockEditorStore","blocksLayouts","findBlockLayoutByClientId","useBlockListContext","top","bottom","useSafeAreaInsets","height","useSafeAreaFrame","safeAreaOffset","maxHeight","styles","blockYPosition","useSharedValue","opacity","useAnimatedReaction","value","getSelectedBlockIndicatorPosition","positions","currentYPositionWithScroll","offsetY","midpoint","setIndicatorPosition","index","insertionPointIndex","order","isDraggingAnyBlocks","length","previousClientId","nextClientId","previousElement","current","nextElement","previousElementPosition","y","nextElementPosition","elementsPositions","Math","floor","nextPosition","withTiming","generateHapticFeedback","previous","runOnJS","animatedStyles","useAnimatedStyle","translationY","shouldHideIndicator","transform","translateY","insertionPointStyles","jsx","View","pointerEvents","style"],"sources":["@wordpress/block-editor/src/components/block-draggable/dropping-insertion-point.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport Animated, {\n\tuseSharedValue,\n\tuseAnimatedStyle,\n\twithTiming,\n\tuseAnimatedReaction,\n\trunOnJS,\n} from 'react-native-reanimated';\nimport {\n\tuseSafeAreaInsets,\n\tuseSafeAreaFrame,\n} from 'react-native-safe-area-context';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { generateHapticFeedback } from '@wordpress/react-native-bridge';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { useBlockListContext } from '../block-list/block-list-context';\nimport styles from './dropping-insertion-point.scss';\n\n/**\n * Dropping zone indicator component.\n *\n * This component shows where a block can be dropped when it's being dragged.\n *\n * @param {Object}                                        props                  Component props.\n * @param {Object}                                        props.scroll           Scroll offset object.\n * @param {Object}                                        props.currentYPosition Current Y coordinate position when dragging.\n * @param {import('react-native-reanimated').SharedValue} props.isDragging       Whether or not dragging has started.\n * @param {import('react-native-reanimated').SharedValue} props.targetBlockIndex Current block target index.\n *\n * @return {JSX.Element} The component to be rendered.\n */\nexport default function DroppingInsertionPoint( {\n\tscroll,\n\tcurrentYPosition,\n\tisDragging,\n\ttargetBlockIndex,\n} ) {\n\tconst {\n\t\tgetBlockOrder,\n\t\tisBlockBeingDragged,\n\t\tisDraggingBlocks,\n\t\tgetPreviousBlockClientId,\n\t\tgetNextBlockClientId,\n\t} = useSelect( blockEditorStore );\n\n\tconst { blocksLayouts, findBlockLayoutByClientId } = useBlockListContext();\n\tconst { top, bottom } = useSafeAreaInsets();\n\tconst { height } = useSafeAreaFrame();\n\tconst safeAreaOffset = top + bottom;\n\tconst maxHeight =\n\t\theight -\n\t\t( safeAreaOffset + styles[ 'dropping-insertion-point' ].height );\n\n\tconst blockYPosition = useSharedValue( 0 );\n\tconst opacity = useSharedValue( 0 );\n\n\tuseAnimatedReaction(\n\t\t() => isDragging.value,\n\t\t( value ) => {\n\t\t\tif ( ! value ) {\n\t\t\t\topacity.value = 0;\n\t\t\t\tblockYPosition.value = 0;\n\t\t\t}\n\t\t}\n\t);\n\n\tfunction getSelectedBlockIndicatorPosition( positions ) {\n\t\tconst currentYPositionWithScroll =\n\t\t\tcurrentYPosition.value + scroll.offsetY.value;\n\t\tconst midpoint = ( positions.top + positions.bottom ) / 2;\n\n\t\treturn midpoint < currentYPositionWithScroll\n\t\t\t? positions.bottom\n\t\t\t: positions.top;\n\t}\n\n\tfunction setIndicatorPosition( index ) {\n\t\tconst insertionPointIndex = index;\n\t\tconst order = getBlockOrder();\n\t\tconst isDraggingAnyBlocks = isDraggingBlocks();\n\n\t\tif (\n\t\t\t! isDraggingAnyBlocks ||\n\t\t\tinsertionPointIndex === null ||\n\t\t\t! order.length\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet previousClientId = order[ insertionPointIndex - 1 ];\n\t\tlet nextClientId = order[ insertionPointIndex ];\n\n\t\twhile ( isBlockBeingDragged( previousClientId ) ) {\n\t\t\tpreviousClientId = getPreviousBlockClientId( previousClientId );\n\t\t}\n\n\t\twhile ( isBlockBeingDragged( nextClientId ) ) {\n\t\t\tnextClientId = getNextBlockClientId( nextClientId );\n\t\t}\n\n\t\tconst previousElement = previousClientId\n\t\t\t? findBlockLayoutByClientId(\n\t\t\t\t\tblocksLayouts.current,\n\t\t\t\t\tpreviousClientId\n\t\t\t  )\n\t\t\t: null;\n\t\tconst nextElement = nextClientId\n\t\t\t? findBlockLayoutByClientId( blocksLayouts.current, nextClientId )\n\t\t\t: null;\n\n\t\tconst previousElementPosition = previousElement\n\t\t\t? previousElement.y + previousElement.height\n\t\t\t: 0;\n\t\tconst nextElementPosition = nextElement ? nextElement.y : 0;\n\n\t\tconst elementsPositions = {\n\t\t\ttop: Math.floor(\n\t\t\t\tpreviousElement ? previousElementPosition : nextElementPosition\n\t\t\t),\n\t\t\tbottom: Math.floor(\n\t\t\t\tnextElement ? nextElementPosition : previousElementPosition\n\t\t\t),\n\t\t};\n\n\t\tconst nextPosition =\n\t\t\telementsPositions.top !== elementsPositions.bottom\n\t\t\t\t? getSelectedBlockIndicatorPosition( elementsPositions )\n\t\t\t\t: elementsPositions.top;\n\n\t\tif ( nextPosition && blockYPosition.value !== nextPosition ) {\n\t\t\topacity.value = 0;\n\t\t\tblockYPosition.value = nextPosition;\n\t\t\topacity.value = withTiming( 1 );\n\t\t\tgenerateHapticFeedback();\n\t\t}\n\t}\n\n\tuseAnimatedReaction(\n\t\t() => targetBlockIndex.value,\n\t\t( value, previous ) => {\n\t\t\tif ( value !== previous ) {\n\t\t\t\trunOnJS( setIndicatorPosition )( value );\n\t\t\t}\n\t\t}\n\t);\n\n\tconst animatedStyles = useAnimatedStyle( () => {\n\t\tconst translationY = blockYPosition.value - scroll.offsetY.value;\n\t\t// Prevents overflowing behind the header/footer\n\t\tconst shouldHideIndicator =\n\t\t\ttranslationY < 0 || translationY > maxHeight;\n\n\t\treturn {\n\t\t\topacity: shouldHideIndicator ? 0 : opacity.value,\n\t\t\ttransform: [\n\t\t\t\t{\n\t\t\t\t\ttranslateY: translationY,\n\t\t\t\t},\n\t\t\t],\n\t\t};\n\t} );\n\n\tconst insertionPointStyles = [\n\t\tstyles[ 'dropping-insertion-point' ],\n\t\tanimatedStyles,\n\t];\n\n\treturn (\n\t\t<Animated.View pointerEvents=\"none\" style={ insertionPointStyles } />\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/block-draggable/index.native.js

@@ -1,432 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.BlockDraggableWrapper = void 0;
-var _reactNative = require("react-native");
-var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-var _components = require("@wordpress/components");
-var _data = require("@wordpress/data");
-var _element = require("@wordpress/element");
-var _blocks = require("@wordpress/blocks");
-var _reactNativeBridge = require("@wordpress/react-native-bridge");
-var _reactNativeAztec = _interopRequireDefault(require("@wordpress/react-native-aztec"));
-var _useScrollWhenDragging = _interopRequireDefault(require("./use-scroll-when-dragging"));
-var _draggableChip = _interopRequireDefault(require("./draggable-chip"));
-var _store = require("../../store");
-var _droppingInsertionPoint = _interopRequireDefault(require("./dropping-insertion-point"));
-var _useBlockDropZone = _interopRequireDefault(require("../use-block-drop-zone"));
-var _style = _interopRequireDefault(require("./style.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const CHIP_OFFSET_TO_TOUCH_POSITION = 32;
-const BLOCK_OPACITY_ANIMATION_CONFIG = {
-  duration: 350
-};
-const BLOCK_OPACITY_ANIMATION_DELAY = 250;
-const DEFAULT_LONG_PRESS_MIN_DURATION = 500;
-const DEFAULT_IOS_LONG_PRESS_MIN_DURATION = DEFAULT_LONG_PRESS_MIN_DURATION - 50;
-
-/**
- * Block draggable wrapper component
- *
- * This component handles all the interactions for dragging blocks.
- * It relies on the block list and its context for dragging, hence it
- * should be rendered between the `BlockListProvider` component and the
- * block list rendering. It also requires listening to scroll events,
- * therefore for this purpose, it returns the `onScroll` event handler
- * that should be attached to the list that renders the blocks.
- *
- *
- * @param {Object}      props          Component props.
- * @param {JSX.Element} props.children Children to be rendered.
- * @param {boolean}     props.isRTL    Check if current locale is RTL.
- *
- * @return {Function} Render function that passes `onScroll` event handler.
- */
-const BlockDraggableWrapper = ({
-  children,
-  isRTL
-}) => {
-  const [draggedBlockIcon, setDraggedBlockIcon] = (0, _element.useState)();
-  const {
-    selectBlock,
-    startDraggingBlocks,
-    stopDraggingBlocks
-  } = (0, _data.useDispatch)(_store.store);
-  const {
-    left,
-    right
-  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
-  const {
-    width
-  } = (0, _reactNativeSafeAreaContext.useSafeAreaFrame)();
-  const safeAreaOffset = left + right;
-  const contentWidth = width - safeAreaOffset;
-  const scroll = {
-    offsetY: (0, _reactNativeReanimated.useSharedValue)(0)
-  };
-  const chip = {
-    x: (0, _reactNativeReanimated.useSharedValue)(0),
-    y: (0, _reactNativeReanimated.useSharedValue)(0),
-    width: (0, _reactNativeReanimated.useSharedValue)(0),
-    height: (0, _reactNativeReanimated.useSharedValue)(0)
-  };
-  const currentYPosition = (0, _reactNativeReanimated.useSharedValue)(0);
-  const isDragging = (0, _reactNativeReanimated.useSharedValue)(false);
-  const [startScrolling, scrollOnDragOver, stopScrolling, draggingScrollHandler] = (0, _useScrollWhenDragging.default)();
-  const scrollHandler = event => {
-    'worklet';
-
-    const {
-      contentOffset
-    } = event;
-    scroll.offsetY.value = contentOffset.y;
-    draggingScrollHandler(event);
-  };
-  const {
-    onBlockDragOverWorklet,
-    onBlockDragEnd,
-    onBlockDrop,
-    targetBlockIndex
-  } = (0, _useBlockDropZone.default)();
-
-  // Stop dragging blocks if the block draggable is unmounted.
-  (0, _element.useEffect)(() => {
-    return () => {
-      if (isDragging.value) {
-        stopDraggingBlocks();
-      }
-    };
-  }, []);
-  const setDraggedBlockIconByClientId = clientId => {
-    const blockName = (0, _data.select)(_store.store).getBlockName(clientId);
-    const blockIcon = (0, _blocks.getBlockType)(blockName)?.icon;
-    if (blockIcon) {
-      setDraggedBlockIcon(blockIcon);
-    }
-  };
-  const onStartDragging = ({
-    clientId,
-    position
-  }) => {
-    if (clientId) {
-      startDraggingBlocks([clientId]);
-      setDraggedBlockIconByClientId(clientId);
-      (0, _reactNativeReanimated.runOnUI)(startScrolling)(position.y);
-      (0, _reactNativeBridge.generateHapticFeedback)();
-    } else {
-      // We stop dragging if no block is found.
-      (0, _reactNativeReanimated.runOnUI)(stopDragging)();
-    }
-  };
-  const onStopDragging = ({
-    clientId
-  }) => {
-    if (clientId) {
-      onBlockDrop({
-        // Dropping is only allowed at root level
-        srcRootClientId: '',
-        srcClientIds: [clientId],
-        type: 'block'
-      });
-      selectBlock(clientId);
-      setDraggedBlockIcon(undefined);
-    }
-    onBlockDragEnd();
-    stopDraggingBlocks();
-  };
-  const onChipLayout = ({
-    nativeEvent: {
-      layout
-    }
-  }) => {
-    if (layout.width > 0) {
-      chip.width.value = layout.width;
-    }
-    if (layout.height > 0) {
-      chip.height.value = layout.height;
-    }
-  };
-  const startDragging = ({
-    x,
-    y,
-    id
-  }) => {
-    'worklet';
-
-    const dragPosition = {
-      x,
-      y
-    };
-    chip.x.value = dragPosition.x;
-    chip.y.value = dragPosition.y;
-    currentYPosition.value = dragPosition.y;
-    isDragging.value = true;
-    (0, _reactNativeReanimated.runOnJS)(onStartDragging)({
-      clientId: id,
-      position: dragPosition
-    });
-  };
-  const updateDragging = ({
-    x,
-    y
-  }) => {
-    'worklet';
-
-    const dragPosition = {
-      x,
-      y
-    };
-    chip.x.value = dragPosition.x;
-    chip.y.value = dragPosition.y;
-    currentYPosition.value = dragPosition.y;
-    onBlockDragOverWorklet({
-      x,
-      y: y + scroll.offsetY.value
-    });
-
-    // Update scrolling velocity
-    scrollOnDragOver(dragPosition.y);
-  };
-  const stopDragging = ({
-    id
-  }) => {
-    'worklet';
-
-    isDragging.value = false;
-    stopScrolling();
-    (0, _reactNativeReanimated.runOnJS)(onStopDragging)({
-      clientId: id
-    });
-  };
-  const chipDynamicStyles = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    const chipOffset = chip.width.value / 2;
-    const translateX = !isRTL ? chip.x.value - chipOffset : -(contentWidth - (chip.x.value + chipOffset));
-    return {
-      transform: [{
-        translateX
-      }, {
-        translateY: chip.y.value - chip.height.value - CHIP_OFFSET_TO_TOUCH_POSITION
-      }]
-    };
-  });
-  const chipStyles = [chipDynamicStyles, _style.default['draggable-chip__wrapper']];
-  const exitingAnimation = ({
-    currentHeight,
-    currentWidth
-  }) => {
-    'worklet';
-
-    const translateX = !isRTL ? 0 : currentWidth * -1;
-    const duration = 150;
-    const animations = {
-      transform: [{
-        translateY: (0, _reactNativeReanimated.withTiming)(currentHeight, {
-          duration
-        })
-      }, {
-        translateX: (0, _reactNativeReanimated.withTiming)(translateX, {
-          duration
-        })
-      }, {
-        scale: (0, _reactNativeReanimated.withTiming)(0, {
-          duration
-        })
-      }]
-    };
-    const initialValues = {
-      transform: [{
-        translateY: 0
-      }, {
-        translateX
-      }, {
-        scale: 1
-      }]
-    };
-    return {
-      initialValues,
-      animations
-    };
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_droppingInsertionPoint.default, {
-      scroll: scroll,
-      currentYPosition: currentYPosition,
-      isDragging: isDragging,
-      targetBlockIndex: targetBlockIndex
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Draggable, {
-      onDragStart: startDragging,
-      onDragOver: updateDragging,
-      onDragEnd: stopDragging,
-      testID: "block-draggable-wrapper",
-      children: children({
-        onScroll: scrollHandler
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-      onLayout: onChipLayout,
-      style: chipStyles,
-      pointerEvents: "none",
-      children: draggedBlockIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-        entering: _reactNativeReanimated.ZoomInEasyDown.duration(200),
-        exiting: exitingAnimation,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_draggableChip.default, {
-          icon: draggedBlockIcon
-        })
-      })
-    })]
-  });
-};
-exports.BlockDraggableWrapper = BlockDraggableWrapper;
-function useIsScreenReaderEnabled() {
-  const [isScreenReaderEnabled, setIsScreenReaderEnabled] = (0, _element.useState)(false);
-  (0, _element.useEffect)(() => {
-    let mounted = true;
-    const changeListener = _reactNative.AccessibilityInfo.addEventListener('screenReaderChanged', enabled => setIsScreenReaderEnabled(enabled));
-    _reactNative.AccessibilityInfo.isScreenReaderEnabled().then(screenReaderEnabled => {
-      if (mounted && screenReaderEnabled) {
-        setIsScreenReaderEnabled(screenReaderEnabled);
-      }
-    });
-    return () => {
-      mounted = false;
-      changeListener.remove();
-    };
-  }, []);
-  return isScreenReaderEnabled;
-}
-function useIsEditingText() {
-  const [isEditingText, setIsEditingText] = (0, _element.useState)(() => _reactNativeAztec.default.InputState.isFocused());
-  (0, _element.useEffect)(() => {
-    const onFocusChangeAztec = ({
-      isFocused
-    }) => {
-      setIsEditingText(isFocused);
-    };
-    _reactNativeAztec.default.InputState.addFocusChangeListener(onFocusChangeAztec);
-    return () => {
-      _reactNativeAztec.default.InputState.removeFocusChangeListener(onFocusChangeAztec);
-    };
-  }, []);
-  return isEditingText;
-}
-
-/**
- * Block draggable component
- *
- * This component serves for animating the block when it is being dragged.
- * Hence, it should be wrapped around the rendering of a block.
- *
- * @param {Object}      props                    Component props.
- * @param {JSX.Element} props.children           Children to be rendered.
- * @param {string}      props.clientId           Client id of the block.
- * @param {string}      [props.draggingClientId] Client id to use for dragging. If not defined, the value from `clientId` will be used.
- * @param {boolean}     [props.enabled]          Enables the draggable trigger.
- * @param {string}      [props.testID]           Id used for querying the long-press gesture handler in tests.
- *
- * @return {Function} Render function which includes the parameter `isDraggable` to determine if the block can be dragged.
- */
-const BlockDraggable = ({
-  clientId,
-  children,
-  draggingClientId,
-  enabled = true,
-  testID
-}) => {
-  const wasBeingDragged = (0, _element.useRef)(false);
-  const isEditingText = useIsEditingText();
-  const isScreenReaderEnabled = useIsScreenReaderEnabled();
-  const draggingAnimation = {
-    opacity: (0, _reactNativeReanimated.useSharedValue)(1)
-  };
-  const startDraggingBlock = () => {
-    draggingAnimation.opacity.value = (0, _reactNativeReanimated.withTiming)(0.4, BLOCK_OPACITY_ANIMATION_CONFIG);
-  };
-  const stopDraggingBlock = () => {
-    draggingAnimation.opacity.value = (0, _reactNativeReanimated.withDelay)(BLOCK_OPACITY_ANIMATION_DELAY, (0, _reactNativeReanimated.withTiming)(1, BLOCK_OPACITY_ANIMATION_CONFIG));
-  };
-  const {
-    isDraggable,
-    isBeingDragged,
-    isBlockSelected
-  } = (0, _data.useSelect)(_select => {
-    const {
-      getBlockRootClientId,
-      getTemplateLock,
-      isBlockBeingDragged,
-      getSelectedBlockClientId
-    } = _select(_store.store);
-    const rootClientId = getBlockRootClientId(clientId);
-    const templateLock = rootClientId ? getTemplateLock(rootClientId) : null;
-    const selectedBlockClientId = getSelectedBlockClientId();
-    return {
-      isBeingDragged: isBlockBeingDragged(clientId),
-      isDraggable: 'all' !== templateLock,
-      isBlockSelected: selectedBlockClientId && selectedBlockClientId === clientId
-    };
-  }, [clientId]);
-  (0, _element.useEffect)(() => {
-    if (isBeingDragged !== wasBeingDragged.current) {
-      if (isBeingDragged) {
-        startDraggingBlock();
-      } else {
-        stopDraggingBlock();
-      }
-    }
-    wasBeingDragged.current = isBeingDragged;
-  }, [isBeingDragged]);
-  const onLongPressDraggable = (0, _element.useCallback)(() => {
-    // Ensure that no text input is focused when starting the dragging gesture in order to prevent conflicts with text editing.
-    _reactNativeAztec.default.InputState.blurCurrentFocusedElement();
-  }, []);
-  const animatedWrapperStyles = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    return {
-      opacity: draggingAnimation.opacity.value
-    };
-  });
-  const wrapperStyles = [animatedWrapperStyles, _style.default['draggable-wrapper__container']];
-  const canDragBlock = enabled && !isScreenReaderEnabled && (!isBlockSelected || !isEditingText);
-  if (!isDraggable) {
-    return children({
-      isDraggable: false
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DraggableTrigger, {
-    id: draggingClientId || clientId,
-    enabled: enabled && canDragBlock,
-    minDuration: _element.Platform.select({
-      // On iOS, using a lower min duration than the default
-      // value prevents the long-press gesture from being
-      // triggered in underneath elements. This is required to
-      // prevent enabling text editing when dragging is available.
-      ios: canDragBlock ? DEFAULT_IOS_LONG_PRESS_MIN_DURATION : DEFAULT_LONG_PRESS_MIN_DURATION,
-      android: DEFAULT_LONG_PRESS_MIN_DURATION
-    }),
-    onLongPress: onLongPressDraggable,
-    testID: testID,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-      style: wrapperStyles,
-      children: children({
-        isDraggable: true
-      })
-    })
-  });
-};
-var _default = exports.default = BlockDraggable;
-//# sourceMappingURL=index.native.js.map