@wordpress/block-editor 12.6.0 → 12.8.0

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

@@ -1,19 +1,18 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import { View } from 'react-native';
+
 /**
  * WordPress dependencies
  */
-
 import { dragHandle } from '@wordpress/icons';
 import { usePreferredColorSchemeStyle } from '@wordpress/compose';
+
 /**
  * Internal dependencies
  */
-
 import BlockIcon from '../block-icon';
 import styles from './style.scss';
 const shadowStyle = {
@@ -26,6 +25,7 @@ const shadowStyle = {
   shadowRadius: 3.84,
   elevation: 5
 };
+
 /**
  * Block draggable chip component
  *
@@ -33,7 +33,6 @@ const shadowStyle = {
  * @param {Object} [props.icon] Block icon.
  * @return {JSX.Element} Chip component.
  */
-
 export default function BlockDraggableChip({
   icon
 }) {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-draggable/draggable-chip.native.js"],"names":["View","dragHandle","usePreferredColorSchemeStyle","BlockIcon","styles","shadowStyle","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","BlockDraggableChip","icon","containerStyle"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,cAArB;AAEA;AACA;AACA;;AACA,SAASC,UAAT,QAA2B,kBAA3B;AACA,SAASC,4BAAT,QAA6C,oBAA7C;AAEA;AACA;AACA;;AACA,OAAOC,SAAP,MAAsB,eAAtB;AACA,OAAOC,MAAP,MAAmB,cAAnB;AAEA,MAAMC,WAAW,GAAG;AACnBC,EAAAA,WAAW,EAAE,MADM;AAEnBC,EAAAA,YAAY,EAAE;AACbC,IAAAA,KAAK,EAAE,CADM;AAEbC,IAAAA,MAAM,EAAE;AAFK,GAFK;AAMnBC,EAAAA,aAAa,EAAE,IANI;AAOnBC,EAAAA,YAAY,EAAE,IAPK;AASnBC,EAAAA,SAAS,EAAE;AATQ,CAApB;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,eAAe,SAASC,kBAAT,CAA6B;AAAEC,EAAAA;AAAF,CAA7B,EAAwC;AACtD,QAAMC,cAAc,GAAGb,4BAA4B,CAClDE,MAAM,CAAE,2BAAF,CAD4C,EAElDA,MAAM,CAAE,iCAAF,CAF4C,CAAnD;AAKA,SACC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAG,CAAEW,cAAF,EAAkBV,WAAlB,CAAd;AAAgD,IAAA,MAAM,EAAC;AAAvD,KACC,cAAC,SAAD;AAAW,IAAA,IAAI,EAAGJ;AAAlB,IADD,EAEGa,IAAI,IAAI,cAAC,SAAD;AAAW,IAAA,IAAI,EAAGA;AAAlB,IAFX,CADD;AAMA","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"]}
+{"version":3,"names":["View","dragHandle","usePreferredColorSchemeStyle","BlockIcon","styles","shadowStyle","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","BlockDraggableChip","icon","containerStyle","createElement","style","testID"],"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":";AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA;AACA;AACA,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,4BAA4B,QAAQ,oBAAoB;;AAEjE;AACA;AACA;AACA,OAAOC,SAAS,MAAM,eAAe;AACrC,OAAOC,MAAM,MAAM,cAAc;AAEjC,MAAMC,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;AACA,eAAe,SAASC,kBAAkBA,CAAE;EAAEC;AAAK,CAAC,EAAG;EACtD,MAAMC,cAAc,GAAGb,4BAA4B,CAClDE,MAAM,CAAE,2BAA2B,CAAE,EACrCA,MAAM,CAAE,iCAAiC,CAC1C,CAAC;EAED,OACCY,aAAA,CAAChB,IAAI;IAACiB,KAAK,EAAG,CAAEF,cAAc,EAAEV,WAAW,CAAI;IAACa,MAAM,EAAC;EAAgB,GACtEF,aAAA,CAACb,SAAS;IAACW,IAAI,EAAGb;EAAY,CAAE,CAAC,EAC/Ba,IAAI,IAAIE,aAAA,CAACb,SAAS;IAACW,IAAI,EAAGA;EAAM,CAAE,CAC/B,CAAC;AAET"}

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

@@ -1,23 +1,23 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import Animated, { useSharedValue, useAnimatedStyle, withTiming, useAnimatedReaction, runOnJS } from 'react-native-reanimated';
 import { useSafeAreaInsets, useSafeAreaFrame } from 'react-native-safe-area-context';
+
 /**
  * WordPress dependencies
  */
-
 import { useSelect } from '@wordpress/data';
 import { generateHapticFeedback } from '@wordpress/react-native-bridge';
+
 /**
  * Internal dependencies
  */
-
 import { store as blockEditorStore } from '../../store';
 import { useBlockListContext } from '../block-list/block-list-context';
 import styles from './dropping-insertion-point.scss';
+
 /**
  * Dropping zone indicator component.
  *
@@ -31,7 +31,6 @@ import styles from './dropping-insertion-point.scss';
  *
  * @return {JSX.Element} The component to be rendered.
  */
-
 export default function DroppingInsertionPoint({
   scroll,
   currentYPosition,
@@ -66,33 +65,26 @@ export default function DroppingInsertionPoint({
       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;
@@ -102,7 +94,6 @@ export default function DroppingInsertionPoint({
       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;
@@ -110,15 +101,14 @@ export default function DroppingInsertionPoint({
       generateHapticFeedback();
     }
   }
-
   useAnimatedReaction(() => targetBlockIndex.value, (value, previous) => {
     if (value !== previous) {
       runOnJS(setIndicatorPosition)(value);
     }
   });
   const animatedStyles = useAnimatedStyle(() => {
-    const translationY = blockYPosition.value - scroll.offsetY.value; // Prevents overflowing behind the header/footer
-
+    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,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-draggable/dropping-insertion-point.native.js"],"names":["Animated","useSharedValue","useAnimatedStyle","withTiming","useAnimatedReaction","runOnJS","useSafeAreaInsets","useSafeAreaFrame","useSelect","generateHapticFeedback","store","blockEditorStore","useBlockListContext","styles","DroppingInsertionPoint","scroll","currentYPosition","isDragging","targetBlockIndex","getBlockOrder","isBlockBeingDragged","isDraggingBlocks","getPreviousBlockClientId","getNextBlockClientId","blocksLayouts","findBlockLayoutByClientId","top","bottom","height","safeAreaOffset","maxHeight","blockYPosition","opacity","value","getSelectedBlockIndicatorPosition","positions","currentYPositionWithScroll","offsetY","midpoint","setIndicatorPosition","index","insertionPointIndex","order","isDraggingAnyBlocks","length","previousClientId","nextClientId","previousElement","current","nextElement","previousElementPosition","y","nextElementPosition","elementsPositions","Math","floor","nextPosition","previous","animatedStyles","translationY","shouldHideIndicator","transform","translateY","insertionPointStyles"],"mappings":"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","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"]}
+{"version":3,"names":["Animated","useSharedValue","useAnimatedStyle","withTiming","useAnimatedReaction","runOnJS","useSafeAreaInsets","useSafeAreaFrame","useSelect","generateHapticFeedback","store","blockEditorStore","useBlockListContext","styles","DroppingInsertionPoint","scroll","currentYPosition","isDragging","targetBlockIndex","getBlockOrder","isBlockBeingDragged","isDraggingBlocks","getPreviousBlockClientId","getNextBlockClientId","blocksLayouts","findBlockLayoutByClientId","top","bottom","height","safeAreaOffset","maxHeight","blockYPosition","opacity","value","getSelectedBlockIndicatorPosition","positions","currentYPositionWithScroll","offsetY","midpoint","setIndicatorPosition","index","insertionPointIndex","order","isDraggingAnyBlocks","length","previousClientId","nextClientId","previousElement","current","nextElement","previousElementPosition","y","nextElementPosition","elementsPositions","Math","floor","nextPosition","previous","animatedStyles","translationY","shouldHideIndicator","transform","translateY","insertionPointStyles","createElement","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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"}

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

@@ -1,5 +1,4 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */
@@ -7,14 +6,13 @@ import { store as blocksStore } from '@wordpress/blocks';
 import { Draggable } from '@wordpress/components';
 import { useSelect, useDispatch } from '@wordpress/data';
 import { useEffect, useRef } from '@wordpress/element';
+
 /**
  * Internal dependencies
  */
-
 import BlockDraggableChip from './draggable-chip';
 import useScrollWhenDragging from './use-scroll-when-dragging';
 import { store as blockEditorStore } from '../../store';
-
 const BlockDraggable = ({
   children,
   clientIds,
@@ -51,8 +49,9 @@ const BlockDraggable = ({
   const {
     startDraggingBlocks,
     stopDraggingBlocks
-  } = useDispatch(blockEditorStore); // Stop dragging blocks if the block draggable is unmounted.
+  } = useDispatch(blockEditorStore);
 
+  // Stop dragging blocks if the block draggable is unmounted.
   useEffect(() => {
     return () => {
       if (isDragging.current) {
@@ -60,13 +59,11 @@ const BlockDraggable = ({
       }
     };
   }, []);
-
   if (!isDraggable) {
     return children({
       draggable: false
     });
   }
-
   const transferData = {
     type: 'block',
     srcClientIds: clientIds,
@@ -83,7 +80,6 @@ const BlockDraggable = ({
         startDraggingBlocks(clientIds);
         isDragging.current = true;
         startScrolling(event);
-
         if (onDragStart) {
           onDragStart();
         }
@@ -94,7 +90,6 @@ const BlockDraggable = ({
       stopDraggingBlocks();
       isDragging.current = false;
       stopScrolling();
-
       if (onDragEnd) {
         onDragEnd();
       }
@@ -114,6 +109,5 @@ const BlockDraggable = ({
     });
   });
 };
-
 export default BlockDraggable;
 //# sourceMappingURL=index.js.map

package/build-module/components/block-draggable/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-draggable/index.js"],"names":["store","blocksStore","Draggable","useSelect","useDispatch","useEffect","useRef","BlockDraggableChip","useScrollWhenDragging","blockEditorStore","BlockDraggable","children","clientIds","cloneClassname","onDragStart","onDragEnd","srcRootClientId","isDraggable","icon","select","canMoveBlocks","getBlockRootClientId","getBlockName","getBlockAttributes","getBlockType","getActiveBlockVariation","rootClientId","blockName","variation","isDragging","startScrolling","scrollOnDragOver","stopScrolling","startDraggingBlocks","stopDraggingBlocks","current","draggable","transferData","type","srcClientIds","event","window","requestAnimationFrame","length","onDraggableStart","onDraggableEnd"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { Draggable } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BlockDraggableChip from './draggable-chip';\nimport useScrollWhenDragging from './use-scroll-when-dragging';\nimport { store as blockEditorStore } from '../../store';\n\nconst BlockDraggable = ( {\n\tchildren,\n\tclientIds,\n\tcloneClassname,\n\tonDragStart,\n\tonDragEnd,\n} ) => {\n\tconst { srcRootClientId, isDraggable, icon } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tcanMoveBlocks,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\tgetBlockName,\n\t\t\t\tgetBlockAttributes,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst { getBlockType, getActiveBlockVariation } =\n\t\t\t\tselect( blocksStore );\n\t\t\tconst rootClientId = getBlockRootClientId( clientIds[ 0 ] );\n\t\t\tconst blockName = getBlockName( clientIds[ 0 ] );\n\t\t\tconst variation = getActiveBlockVariation(\n\t\t\t\tblockName,\n\t\t\t\tgetBlockAttributes( clientIds[ 0 ] )\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\tsrcRootClientId: rootClientId,\n\t\t\t\tisDraggable: canMoveBlocks( clientIds, rootClientId ),\n\t\t\t\ticon: variation?.icon || getBlockType( blockName )?.icon,\n\t\t\t};\n\t\t},\n\t\t[ clientIds ]\n\t);\n\tconst isDragging = useRef( false );\n\tconst [ startScrolling, scrollOnDragOver, stopScrolling ] =\n\t\tuseScrollWhenDragging();\n\n\tconst { startDraggingBlocks, stopDraggingBlocks } =\n\t\tuseDispatch( blockEditorStore );\n\n\t// Stop dragging blocks if the block draggable is unmounted.\n\tuseEffect( () => {\n\t\treturn () => {\n\t\t\tif ( isDragging.current ) {\n\t\t\t\tstopDraggingBlocks();\n\t\t\t}\n\t\t};\n\t}, [] );\n\n\tif ( ! isDraggable ) {\n\t\treturn children( { draggable: false } );\n\t}\n\n\tconst transferData = {\n\t\ttype: 'block',\n\t\tsrcClientIds: clientIds,\n\t\tsrcRootClientId,\n\t};\n\n\treturn (\n\t\t<Draggable\n\t\t\tcloneClassname={ cloneClassname }\n\t\t\t__experimentalTransferDataType=\"wp-blocks\"\n\t\t\ttransferData={ transferData }\n\t\t\tonDragStart={ ( event ) => {\n\t\t\t\t// Defer hiding the dragged source element to the next\n\t\t\t\t// frame to enable dragging.\n\t\t\t\twindow.requestAnimationFrame( () => {\n\t\t\t\t\tstartDraggingBlocks( clientIds );\n\t\t\t\t\tisDragging.current = true;\n\n\t\t\t\t\tstartScrolling( event );\n\n\t\t\t\t\tif ( onDragStart ) {\n\t\t\t\t\t\tonDragStart();\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tonDragOver={ scrollOnDragOver }\n\t\t\tonDragEnd={ () => {\n\t\t\t\tstopDraggingBlocks();\n\t\t\t\tisDragging.current = false;\n\n\t\t\t\tstopScrolling();\n\n\t\t\t\tif ( onDragEnd ) {\n\t\t\t\t\tonDragEnd();\n\t\t\t\t}\n\t\t\t} }\n\t\t\t__experimentalDragComponent={\n\t\t\t\t<BlockDraggableChip count={ clientIds.length } icon={ icon } />\n\t\t\t}\n\t\t>\n\t\t\t{ ( { onDraggableStart, onDraggableEnd } ) => {\n\t\t\t\treturn children( {\n\t\t\t\t\tdraggable: true,\n\t\t\t\t\tonDragStart: onDraggableStart,\n\t\t\t\t\tonDragEnd: onDraggableEnd,\n\t\t\t\t} );\n\t\t\t} }\n\t\t</Draggable>\n\t);\n};\n\nexport default BlockDraggable;\n"]}
+{"version":3,"names":["store","blocksStore","Draggable","useSelect","useDispatch","useEffect","useRef","BlockDraggableChip","useScrollWhenDragging","blockEditorStore","BlockDraggable","children","clientIds","cloneClassname","onDragStart","onDragEnd","srcRootClientId","isDraggable","icon","select","canMoveBlocks","getBlockRootClientId","getBlockName","getBlockAttributes","getBlockType","getActiveBlockVariation","rootClientId","blockName","variation","isDragging","startScrolling","scrollOnDragOver","stopScrolling","startDraggingBlocks","stopDraggingBlocks","current","draggable","transferData","type","srcClientIds","createElement","__experimentalTransferDataType","event","window","requestAnimationFrame","onDragOver","__experimentalDragComponent","count","length","onDraggableStart","onDraggableEnd"],"sources":["@wordpress/block-editor/src/components/block-draggable/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { Draggable } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BlockDraggableChip from './draggable-chip';\nimport useScrollWhenDragging from './use-scroll-when-dragging';\nimport { store as blockEditorStore } from '../../store';\n\nconst BlockDraggable = ( {\n\tchildren,\n\tclientIds,\n\tcloneClassname,\n\tonDragStart,\n\tonDragEnd,\n} ) => {\n\tconst { srcRootClientId, isDraggable, icon } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tcanMoveBlocks,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\tgetBlockName,\n\t\t\t\tgetBlockAttributes,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst { getBlockType, getActiveBlockVariation } =\n\t\t\t\tselect( blocksStore );\n\t\t\tconst rootClientId = getBlockRootClientId( clientIds[ 0 ] );\n\t\t\tconst blockName = getBlockName( clientIds[ 0 ] );\n\t\t\tconst variation = getActiveBlockVariation(\n\t\t\t\tblockName,\n\t\t\t\tgetBlockAttributes( clientIds[ 0 ] )\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\tsrcRootClientId: rootClientId,\n\t\t\t\tisDraggable: canMoveBlocks( clientIds, rootClientId ),\n\t\t\t\ticon: variation?.icon || getBlockType( blockName )?.icon,\n\t\t\t};\n\t\t},\n\t\t[ clientIds ]\n\t);\n\tconst isDragging = useRef( false );\n\tconst [ startScrolling, scrollOnDragOver, stopScrolling ] =\n\t\tuseScrollWhenDragging();\n\n\tconst { startDraggingBlocks, stopDraggingBlocks } =\n\t\tuseDispatch( blockEditorStore );\n\n\t// Stop dragging blocks if the block draggable is unmounted.\n\tuseEffect( () => {\n\t\treturn () => {\n\t\t\tif ( isDragging.current ) {\n\t\t\t\tstopDraggingBlocks();\n\t\t\t}\n\t\t};\n\t}, [] );\n\n\tif ( ! isDraggable ) {\n\t\treturn children( { draggable: false } );\n\t}\n\n\tconst transferData = {\n\t\ttype: 'block',\n\t\tsrcClientIds: clientIds,\n\t\tsrcRootClientId,\n\t};\n\n\treturn (\n\t\t<Draggable\n\t\t\tcloneClassname={ cloneClassname }\n\t\t\t__experimentalTransferDataType=\"wp-blocks\"\n\t\t\ttransferData={ transferData }\n\t\t\tonDragStart={ ( event ) => {\n\t\t\t\t// Defer hiding the dragged source element to the next\n\t\t\t\t// frame to enable dragging.\n\t\t\t\twindow.requestAnimationFrame( () => {\n\t\t\t\t\tstartDraggingBlocks( clientIds );\n\t\t\t\t\tisDragging.current = true;\n\n\t\t\t\t\tstartScrolling( event );\n\n\t\t\t\t\tif ( onDragStart ) {\n\t\t\t\t\t\tonDragStart();\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tonDragOver={ scrollOnDragOver }\n\t\t\tonDragEnd={ () => {\n\t\t\t\tstopDraggingBlocks();\n\t\t\t\tisDragging.current = false;\n\n\t\t\t\tstopScrolling();\n\n\t\t\t\tif ( onDragEnd ) {\n\t\t\t\t\tonDragEnd();\n\t\t\t\t}\n\t\t\t} }\n\t\t\t__experimentalDragComponent={\n\t\t\t\t<BlockDraggableChip count={ clientIds.length } icon={ icon } />\n\t\t\t}\n\t\t>\n\t\t\t{ ( { onDraggableStart, onDraggableEnd } ) => {\n\t\t\t\treturn children( {\n\t\t\t\t\tdraggable: true,\n\t\t\t\t\tonDragStart: onDraggableStart,\n\t\t\t\t\tonDragEnd: onDraggableEnd,\n\t\t\t\t} );\n\t\t\t} }\n\t\t</Draggable>\n\t);\n};\n\nexport default BlockDraggable;\n"],"mappings":"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"}

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

@@ -1,25 +1,24 @@
 import { createElement, Fragment } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import { AccessibilityInfo } from 'react-native';
 import { useSafeAreaInsets, useSafeAreaFrame } from 'react-native-safe-area-context';
 import Animated, { runOnJS, runOnUI, useAnimatedRef, useAnimatedStyle, useSharedValue, withDelay, withTiming, ZoomInEasyDown } from 'react-native-reanimated';
+
 /**
  * WordPress dependencies
  */
-
 import { Draggable, DraggableTrigger } from '@wordpress/components';
 import { select, useSelect, useDispatch } from '@wordpress/data';
 import { useCallback, useEffect, useRef, useState, Platform } from '@wordpress/element';
 import { getBlockType } from '@wordpress/blocks';
 import { generateHapticFeedback } from '@wordpress/react-native-bridge';
 import RCTAztecView from '@wordpress/react-native-aztec';
+
 /**
  * Internal dependencies
  */
-
 import useScrollWhenDragging from './use-scroll-when-dragging';
 import DraggableChip from './draggable-chip';
 import { store as blockEditorStore } from '../../store';
@@ -34,6 +33,7 @@ const BLOCK_OPACITY_ANIMATION_CONFIG = {
 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
  *
@@ -51,7 +51,6 @@ const DEFAULT_IOS_LONG_PRESS_MIN_DURATION = DEFAULT_LONG_PRESS_MIN_DURATION - 50
  *
  * @return {Function} Render function that passes `onScroll` event handler.
  */
-
 const BlockDraggableWrapper = ({
   children,
   isRTL
@@ -88,7 +87,6 @@ const BlockDraggableWrapper = ({
   const currentYPosition = useSharedValue(0);
   const isDragging = useSharedValue(false);
   const [startScrolling, scrollOnDragOver, stopScrolling, draggingScrollHandler] = useScrollWhenDragging();
-
   const scrollHandler = event => {
     'worklet';
 
@@ -98,14 +96,14 @@ const BlockDraggableWrapper = ({
     scroll.offsetY.value = contentOffset.y;
     draggingScrollHandler(event);
   };
-
   const {
     onBlockDragOverWorklet,
     onBlockDragEnd,
     onBlockDrop,
     targetBlockIndex
-  } = useBlockDropZone(); // Stop dragging blocks if the block draggable is unmounted.
+  } = useBlockDropZone();
 
+  // Stop dragging blocks if the block draggable is unmounted.
   useEffect(() => {
     return () => {
       if (isDragging.value) {
@@ -113,16 +111,13 @@ const BlockDraggableWrapper = ({
       }
     };
   }, []);
-
   const setDraggedBlockIconByClientId = clientId => {
     const blockName = select(blockEditorStore).getBlockName(clientId);
     const blockIcon = getBlockType(blockName)?.icon;
-
     if (blockIcon) {
       setDraggedBlockIcon(blockIcon);
     }
   };
-
   const onStartDragging = ({
     clientId,
     position
@@ -137,7 +132,6 @@ const BlockDraggableWrapper = ({
       runOnUI(stopDragging)();
     }
   };
-
   const onStopDragging = ({
     clientId
   }) => {
@@ -151,11 +145,9 @@ const BlockDraggableWrapper = ({
       selectBlock(clientId);
       setDraggedBlockIcon(undefined);
     }
-
     onBlockDragEnd();
     stopDraggingBlocks();
   };
-
   const onChipLayout = ({
     nativeEvent: {
       layout
@@ -164,12 +156,10 @@ const BlockDraggableWrapper = ({
     if (layout.width > 0) {
       chip.width.value = layout.width;
     }
-
     if (layout.height > 0) {
       chip.height.value = layout.height;
     }
   };
-
   const startDragging = ({
     x,
     y,
@@ -190,7 +180,6 @@ const BlockDraggableWrapper = ({
       position: dragPosition
     });
   };
-
   const updateDragging = ({
     x,
     y
@@ -207,11 +196,11 @@ const BlockDraggableWrapper = ({
     onBlockDragOverWorklet({
       x,
       y: y + scroll.offsetY.value
-    }); // Update scrolling velocity
+    });
 
+    // Update scrolling velocity
     scrollOnDragOver(dragPosition.y);
   };
-
   const stopDragging = ({
     id
   }) => {
@@ -223,7 +212,6 @@ const BlockDraggableWrapper = ({
       clientId: id
     });
   };
-
   const chipDynamicStyles = useAnimatedStyle(() => {
     const chipOffset = chip.width.value / 2;
     const translateX = !isRTL ? chip.x.value - chipOffset : -(contentWidth - (chip.x.value + chipOffset));
@@ -236,7 +224,6 @@ const BlockDraggableWrapper = ({
     };
   });
   const chipStyles = [chipDynamicStyles, styles['draggable-chip__wrapper']];
-
   const exitingAnimation = ({
     currentHeight,
     currentWidth
@@ -274,7 +261,6 @@ const BlockDraggableWrapper = ({
       animations
     };
   };
-
   return createElement(Fragment, null, createElement(DroppingInsertionPoint, {
     scroll: scroll,
     currentYPosition: currentYPosition,
@@ -298,7 +284,6 @@ const BlockDraggableWrapper = ({
     icon: draggedBlockIcon
   }))));
 };
-
 function useIsScreenReaderEnabled() {
   const [isScreenReaderEnabled, setIsScreenReaderEnabled] = useState(false);
   useEffect(() => {
@@ -316,7 +301,6 @@ function useIsScreenReaderEnabled() {
   }, []);
   return isScreenReaderEnabled;
 }
-
 function useIsEditingText() {
   const [isEditingText, setIsEditingText] = useState(() => RCTAztecView.InputState.isFocused());
   useEffect(() => {
@@ -325,7 +309,6 @@ function useIsEditingText() {
     }) => {
       setIsEditingText(isFocused);
     };
-
     RCTAztecView.InputState.addFocusChangeListener(onFocusChangeAztec);
     return () => {
       RCTAztecView.InputState.removeFocusChangeListener(onFocusChangeAztec);
@@ -333,6 +316,7 @@ function useIsEditingText() {
   }, []);
   return isEditingText;
 }
+
 /**
  * Block draggable component
  *
@@ -348,8 +332,6 @@ function useIsEditingText() {
  *
  * @return {Function} Render function which includes the parameter `isDraggable` to determine if the block can be dragged.
  */
-
-
 const BlockDraggable = ({
   clientId,
   children,
@@ -363,15 +345,12 @@ const BlockDraggable = ({
   const draggingAnimation = {
     opacity: useSharedValue(1)
   };
-
   const startDraggingBlock = () => {
     draggingAnimation.opacity.value = withTiming(0.4, BLOCK_OPACITY_ANIMATION_CONFIG);
   };
-
   const stopDraggingBlock = () => {
     draggingAnimation.opacity.value = withDelay(BLOCK_OPACITY_ANIMATION_DELAY, withTiming(1, BLOCK_OPACITY_ANIMATION_CONFIG));
   };
-
   const {
     isDraggable,
     isBeingDragged,
@@ -383,7 +362,6 @@ const BlockDraggable = ({
       isBlockBeingDragged,
       getSelectedBlockClientId
     } = _select(blockEditorStore);
-
     const rootClientId = getBlockRootClientId(clientId);
     const templateLock = rootClientId ? getTemplateLock(rootClientId) : null;
     const selectedBlockClientId = getSelectedBlockClientId();
@@ -401,7 +379,6 @@ const BlockDraggable = ({
         stopDraggingBlock();
       }
     }
-
     wasBeingDragged.current = isBeingDragged;
   }, [isBeingDragged]);
   const onLongPressDraggable = useCallback(() => {
@@ -415,13 +392,11 @@ const BlockDraggable = ({
   });
   const wrapperStyles = [animatedWrapperStyles, styles['draggable-wrapper__container']];
   const canDragBlock = enabled && !isScreenReaderEnabled && (!isBlockSelected || !isEditingText);
-
   if (!isDraggable) {
     return children({
       isDraggable: false
     });
   }
-
   return createElement(DraggableTrigger, {
     id: draggingClientId || clientId,
     enabled: enabled && canDragBlock,
@@ -441,7 +416,6 @@ const BlockDraggable = ({
     isDraggable: true
   })));
 };
-
 export { BlockDraggableWrapper };
 export default BlockDraggable;
 //# sourceMappingURL=index.native.js.map