@wordpress/block-editor 12.17.0 → 12.18.0

package/build/components/index.native.js

@@ -51,7 +51,9 @@ var _exportNames = {
   __experimentalPanelColorGradientSettings: true,
   useSettings: true,
   useSetting: true,
+  RecursionProvider: true,
   __experimentalRecursionProvider: true,
+  useHasRecursion: true,
   __experimentalUseHasRecursion: true,
   Warning: true,
   ContrastChecker: true,
@@ -372,6 +374,12 @@ Object.defineProperty(exports, "PlainText", {
     return _plainText.default;
   }
 });
+Object.defineProperty(exports, "RecursionProvider", {
+  enumerable: true,
+  get: function () {
+    return _recursionProvider.RecursionProvider;
+  }
+});
 Object.defineProperty(exports, "RichText", {
   enumerable: true,
   get: function () {
@@ -429,13 +437,13 @@ Object.defineProperty(exports, "__experimentalPanelColorGradientSettings", {
 Object.defineProperty(exports, "__experimentalRecursionProvider", {
   enumerable: true,
   get: function () {
-    return _recursionProvider.RecursionProvider;
+    return _recursionProvider.DeprecatedExperimentalRecursionProvider;
   }
 });
 Object.defineProperty(exports, "__experimentalUseHasRecursion", {
   enumerable: true,
   get: function () {
-    return _recursionProvider.useHasRecursion;
+    return _recursionProvider.DeprecatedExperimentalUseHasRecursion;
   }
 });
 Object.defineProperty(exports, "__unstableEditorStyles", {
@@ -486,6 +494,12 @@ Object.defineProperty(exports, "useBlockProps", {
     return _useBlockProps.useBlockProps;
   }
 });
+Object.defineProperty(exports, "useHasRecursion", {
+  enumerable: true,
+  get: function () {
+    return _recursionProvider.useHasRecursion;
+  }
+});
 Object.defineProperty(exports, "useInnerBlocksProps", {
   enumerable: true,
   get: function () {

package/build/components/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockAlignmentControl","require","_blockContext","_blockControls","_interopRequireWildcard","_blockEdit","_blockIcon","_interopRequireDefault","_blockVerticalAlignmentControl","_colors","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_gradients","_fontSizes","_alignmentControl","_innerBlocks","_inspectorControls","_justifyContentControl","_lineHeightControl","_blockHeadingLevelDropdown","_plainText","_richText","_mediaReplaceFlow","_mediaPlaceholder","_mediaUpload","_constants","_mediaUploadProgress","_constants2","_blockMediaUpdateProgress","_urlInput","_blockInvalidWarning","_blockCaption","_caption","_panelColorSettings","_panelColorGradientSettings","_useSettings","_recursionProvider","_warning","_contrastChecker","_useMultipleOriginColorsAndGradients","_unsupportedBlockDetails","_blockSettings","_videoPlayer","_utils","_blockList","_blockMover","_blockToolbar","_blockVariationPicker","_blockStyles","_defaultBlockAppender","_editorStyles","_inserter","_inserterButton","_useBlockProps","_floatingToolbar","_provider","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","desc","set"],"sources":["@wordpress/block-editor/src/components/index.native.js"],"sourcesContent":["// Block Creation Components.\nexport {\n\tBlockAlignmentControl,\n\tBlockAlignmentToolbar,\n} from './block-alignment-control';\nexport { BlockContextProvider } from './block-context';\nexport {\n\tdefault as BlockControls,\n\tBlockFormatControls,\n} from './block-controls';\nexport { default as BlockEdit, useBlockEditContext } from './block-edit';\nexport { default as BlockIcon } from './block-icon';\nexport {\n\tBlockVerticalAlignmentToolbar,\n\tBlockVerticalAlignmentControl,\n} from './block-vertical-alignment-control';\nexport * from './colors';\nexport * from './gradients';\nexport * from './font-sizes';\nexport { AlignmentControl, AlignmentToolbar } from './alignment-control';\nexport { default as InnerBlocks, useInnerBlocksProps } from './inner-blocks';\nexport {\n\tdefault as InspectorControls,\n\tInspectorAdvancedControls,\n} from './inspector-controls';\nexport {\n\tJustifyToolbar,\n\tJustifyContentControl,\n} from './justify-content-control';\nexport { default as LineHeightControl } from './line-height-control';\nexport { default as HeadingLevelDropdown } from './block-heading-level-dropdown';\nexport { default as PlainText } from './plain-text';\nexport {\n\tdefault as RichText,\n\tRichTextShortcut,\n\tRichTextToolbarButton,\n\t__unstableRichTextInputEvent,\n} from './rich-text';\nexport { default as MediaReplaceFlow } from './media-replace-flow';\nexport { default as MediaPlaceholder } from './media-placeholder';\nexport { default as MediaUpload } from './media-upload';\nexport {\n\tMEDIA_TYPE_IMAGE,\n\tMEDIA_TYPE_VIDEO,\n\tMEDIA_TYPE_AUDIO,\n\tMEDIA_TYPE_ANY,\n} from './media-upload/constants';\nexport { default as MediaUploadProgress } from './media-upload-progress';\nexport {\n\tMEDIA_UPLOAD_STATE_UPLOADING,\n\tMEDIA_UPLOAD_STATE_SUCCEEDED,\n\tMEDIA_UPLOAD_STATE_FAILED,\n\tMEDIA_UPLOAD_STATE_RESET,\n} from './media-upload-progress/constants';\nexport { default as BlockMediaUpdateProgress } from './block-media-update-progress';\nexport { default as URLInput } from './url-input';\nexport { default as BlockInvalidWarning } from './block-list/block-invalid-warning';\nexport { default as BlockCaption } from './block-caption';\nexport { default as Caption } from './caption';\nexport { default as PanelColorSettings } from './panel-color-settings';\nexport { default as __experimentalPanelColorGradientSettings } from './colors-gradients/panel-color-gradient-settings';\nexport { useSettings, default as useSetting } from './use-settings';\nexport {\n\tRecursionProvider as __experimentalRecursionProvider,\n\tuseHasRecursion as __experimentalUseHasRecursion,\n} from './recursion-provider';\nexport { default as Warning } from './warning';\nexport { default as ContrastChecker } from './contrast-checker';\nexport { default as useMultipleOriginColorsAndGradients } from './colors-gradients/use-multiple-origin-colors-and-gradients';\nexport { default as UnsupportedBlockDetails } from './unsupported-block-details';\n\nexport {\n\tBottomSheetSettings,\n\tBlockSettingsButton,\n\tblockSettingsScreens,\n} from './block-settings';\nexport { default as VideoPlayer, VIDEO_ASPECT_RATIO } from './video-player';\n\nexport {\n\tgetSpacingPresetCssVar,\n\tgetCustomValueFromPreset,\n\tisValueSpacingPreset,\n} from './spacing-sizes-control/utils';\n// Content Related Components.\nexport { default as BlockList } from './block-list';\nexport { default as BlockMover } from './block-mover';\nexport { default as BlockToolbar } from './block-toolbar';\nexport { default as BlockVariationPicker } from './block-variation-picker';\nexport { default as BlockStyles } from './block-styles';\nexport { default as DefaultBlockAppender } from './default-block-appender';\nexport { default as __unstableEditorStyles } from './editor-styles';\nexport { default as Inserter } from './inserter';\nexport { default as InserterButton } from './inserter-button';\nexport { useBlockProps } from './block-list/use-block-props';\nexport { default as FloatingToolbar } from './floating-toolbar';\n\n// State Related Components.\nexport { default as BlockEditorProvider } from './provider';\n"],"mappings":"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"}
+{"version":3,"names":["_blockAlignmentControl","require","_blockContext","_blockControls","_interopRequireWildcard","_blockEdit","_blockIcon","_interopRequireDefault","_blockVerticalAlignmentControl","_colors","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_gradients","_fontSizes","_alignmentControl","_innerBlocks","_inspectorControls","_justifyContentControl","_lineHeightControl","_blockHeadingLevelDropdown","_plainText","_richText","_mediaReplaceFlow","_mediaPlaceholder","_mediaUpload","_constants","_mediaUploadProgress","_constants2","_blockMediaUpdateProgress","_urlInput","_blockInvalidWarning","_blockCaption","_caption","_panelColorSettings","_panelColorGradientSettings","_useSettings","_recursionProvider","_warning","_contrastChecker","_useMultipleOriginColorsAndGradients","_unsupportedBlockDetails","_blockSettings","_videoPlayer","_utils","_blockList","_blockMover","_blockToolbar","_blockVariationPicker","_blockStyles","_defaultBlockAppender","_editorStyles","_inserter","_inserterButton","_useBlockProps","_floatingToolbar","_provider","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","desc","set"],"sources":["@wordpress/block-editor/src/components/index.native.js"],"sourcesContent":["// Block Creation Components.\nexport {\n\tBlockAlignmentControl,\n\tBlockAlignmentToolbar,\n} from './block-alignment-control';\nexport { BlockContextProvider } from './block-context';\nexport {\n\tdefault as BlockControls,\n\tBlockFormatControls,\n} from './block-controls';\nexport { default as BlockEdit, useBlockEditContext } from './block-edit';\nexport { default as BlockIcon } from './block-icon';\nexport {\n\tBlockVerticalAlignmentToolbar,\n\tBlockVerticalAlignmentControl,\n} from './block-vertical-alignment-control';\nexport * from './colors';\nexport * from './gradients';\nexport * from './font-sizes';\nexport { AlignmentControl, AlignmentToolbar } from './alignment-control';\nexport { default as InnerBlocks, useInnerBlocksProps } from './inner-blocks';\nexport {\n\tdefault as InspectorControls,\n\tInspectorAdvancedControls,\n} from './inspector-controls';\nexport {\n\tJustifyToolbar,\n\tJustifyContentControl,\n} from './justify-content-control';\nexport { default as LineHeightControl } from './line-height-control';\nexport { default as HeadingLevelDropdown } from './block-heading-level-dropdown';\nexport { default as PlainText } from './plain-text';\nexport {\n\tdefault as RichText,\n\tRichTextShortcut,\n\tRichTextToolbarButton,\n\t__unstableRichTextInputEvent,\n} from './rich-text';\nexport { default as MediaReplaceFlow } from './media-replace-flow';\nexport { default as MediaPlaceholder } from './media-placeholder';\nexport { default as MediaUpload } from './media-upload';\nexport {\n\tMEDIA_TYPE_IMAGE,\n\tMEDIA_TYPE_VIDEO,\n\tMEDIA_TYPE_AUDIO,\n\tMEDIA_TYPE_ANY,\n} from './media-upload/constants';\nexport { default as MediaUploadProgress } from './media-upload-progress';\nexport {\n\tMEDIA_UPLOAD_STATE_UPLOADING,\n\tMEDIA_UPLOAD_STATE_SUCCEEDED,\n\tMEDIA_UPLOAD_STATE_FAILED,\n\tMEDIA_UPLOAD_STATE_RESET,\n} from './media-upload-progress/constants';\nexport { default as BlockMediaUpdateProgress } from './block-media-update-progress';\nexport { default as URLInput } from './url-input';\nexport { default as BlockInvalidWarning } from './block-list/block-invalid-warning';\nexport { default as BlockCaption } from './block-caption';\nexport { default as Caption } from './caption';\nexport { default as PanelColorSettings } from './panel-color-settings';\nexport { default as __experimentalPanelColorGradientSettings } from './colors-gradients/panel-color-gradient-settings';\nexport { useSettings, default as useSetting } from './use-settings';\nexport {\n\tRecursionProvider,\n\tDeprecatedExperimentalRecursionProvider as __experimentalRecursionProvider,\n\tuseHasRecursion,\n\tDeprecatedExperimentalUseHasRecursion as __experimentalUseHasRecursion,\n} from './recursion-provider';\nexport { default as Warning } from './warning';\nexport { default as ContrastChecker } from './contrast-checker';\nexport { default as useMultipleOriginColorsAndGradients } from './colors-gradients/use-multiple-origin-colors-and-gradients';\nexport { default as UnsupportedBlockDetails } from './unsupported-block-details';\n\nexport {\n\tBottomSheetSettings,\n\tBlockSettingsButton,\n\tblockSettingsScreens,\n} from './block-settings';\nexport { default as VideoPlayer, VIDEO_ASPECT_RATIO } from './video-player';\n\nexport {\n\tgetSpacingPresetCssVar,\n\tgetCustomValueFromPreset,\n\tisValueSpacingPreset,\n} from './spacing-sizes-control/utils';\n// Content Related Components.\nexport { default as BlockList } from './block-list';\nexport { default as BlockMover } from './block-mover';\nexport { default as BlockToolbar } from './block-toolbar';\nexport { default as BlockVariationPicker } from './block-variation-picker';\nexport { default as BlockStyles } from './block-styles';\nexport { default as DefaultBlockAppender } from './default-block-appender';\nexport { default as __unstableEditorStyles } from './editor-styles';\nexport { default as Inserter } from './inserter';\nexport { default as InserterButton } from './inserter-button';\nexport { useBlockProps } from './block-list/use-block-props';\nexport { default as FloatingToolbar } from './floating-toolbar';\n\n// State Related Components.\nexport { default as BlockEditorProvider } from './provider';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAAA,sBAAA,GAAAC,OAAA;AAIA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAC,uBAAA,CAAAH,OAAA;AAIA,IAAAI,UAAA,GAAAD,uBAAA,CAAAH,OAAA;AACA,IAAAK,UAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,8BAAA,GAAAP,OAAA;AAIA,IAAAQ,OAAA,GAAAR,OAAA;AAAAS,MAAA,CAAAC,IAAA,CAAAF,OAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,OAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,OAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,UAAA,GAAArB,OAAA;AAAAS,MAAA,CAAAC,IAAA,CAAAW,UAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,UAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,UAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,UAAA,GAAAtB,OAAA;AAAAS,MAAA,CAAAC,IAAA,CAAAY,UAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,UAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,UAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AACA,IAAAW,iBAAA,GAAAvB,OAAA;AACA,IAAAwB,YAAA,GAAArB,uBAAA,CAAAH,OAAA;AACA,IAAAyB,kBAAA,GAAAtB,uBAAA,CAAAH,OAAA;AAIA,IAAA0B,sBAAA,GAAA1B,OAAA;AAIA,IAAA2B,kBAAA,GAAArB,sBAAA,CAAAN,OAAA;AACA,IAAA4B,0BAAA,GAAAtB,sBAAA,CAAAN,OAAA;AACA,IAAA6B,UAAA,GAAAvB,sBAAA,CAAAN,OAAA;AACA,IAAA8B,SAAA,GAAA3B,uBAAA,CAAAH,OAAA;AAMA,IAAA+B,iBAAA,GAAAzB,sBAAA,CAAAN,OAAA;AACA,IAAAgC,iBAAA,GAAA1B,sBAAA,CAAAN,OAAA;AACA,IAAAiC,YAAA,GAAA3B,sBAAA,CAAAN,OAAA;AACA,IAAAkC,UAAA,GAAAlC,OAAA;AAMA,IAAAmC,oBAAA,GAAA7B,sBAAA,CAAAN,OAAA;AACA,IAAAoC,WAAA,GAAApC,OAAA;AAMA,IAAAqC,yBAAA,GAAA/B,sBAAA,CAAAN,OAAA;AACA,IAAAsC,SAAA,GAAAhC,sBAAA,CAAAN,OAAA;AACA,IAAAuC,oBAAA,GAAAjC,sBAAA,CAAAN,OAAA;AACA,IAAAwC,aAAA,GAAAlC,sBAAA,CAAAN,OAAA;AACA,IAAAyC,QAAA,GAAAnC,sBAAA,CAAAN,OAAA;AACA,IAAA0C,mBAAA,GAAApC,sBAAA,CAAAN,OAAA;AACA,IAAA2C,2BAAA,GAAArC,sBAAA,CAAAN,OAAA;AACA,IAAA4C,YAAA,GAAAzC,uBAAA,CAAAH,OAAA;AACA,IAAA6C,kBAAA,GAAA7C,OAAA;AAMA,IAAA8C,QAAA,GAAAxC,sBAAA,CAAAN,OAAA;AACA,IAAA+C,gBAAA,GAAAzC,sBAAA,CAAAN,OAAA;AACA,IAAAgD,oCAAA,GAAA1C,sBAAA,CAAAN,OAAA;AACA,IAAAiD,wBAAA,GAAA3C,sBAAA,CAAAN,OAAA;AAEA,IAAAkD,cAAA,GAAAlD,OAAA;AAKA,IAAAmD,YAAA,GAAAhD,uBAAA,CAAAH,OAAA;AAEA,IAAAoD,MAAA,GAAApD,OAAA;AAMA,IAAAqD,UAAA,GAAA/C,sBAAA,CAAAN,OAAA;AACA,IAAAsD,WAAA,GAAAhD,sBAAA,CAAAN,OAAA;AACA,IAAAuD,aAAA,GAAAjD,sBAAA,CAAAN,OAAA;AACA,IAAAwD,qBAAA,GAAAlD,sBAAA,CAAAN,OAAA;AACA,IAAAyD,YAAA,GAAAnD,sBAAA,CAAAN,OAAA;AACA,IAAA0D,qBAAA,GAAApD,sBAAA,CAAAN,OAAA;AACA,IAAA2D,aAAA,GAAArD,sBAAA,CAAAN,OAAA;AACA,IAAA4D,SAAA,GAAAtD,sBAAA,CAAAN,OAAA;AACA,IAAA6D,eAAA,GAAAvD,sBAAA,CAAAN,OAAA;AACA,IAAA8D,cAAA,GAAA9D,OAAA;AACA,IAAA+D,gBAAA,GAAAzD,sBAAA,CAAAN,OAAA;AAGA,IAAAgE,SAAA,GAAA1D,sBAAA,CAAAN,OAAA;AAA4D,SAAAiE,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAA/D,wBAAAmE,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAArD,GAAA,CAAAkD,GAAA,SAAAK,MAAA,WAAAC,qBAAA,GAAAnE,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAoE,wBAAA,WAAAjE,GAAA,IAAA0D,GAAA,QAAA1D,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAuD,GAAA,EAAA1D,GAAA,SAAAkE,IAAA,GAAAF,qBAAA,GAAAnE,MAAA,CAAAoE,wBAAA,CAAAP,GAAA,EAAA1D,GAAA,cAAAkE,IAAA,KAAAA,IAAA,CAAA1D,GAAA,IAAA0D,IAAA,CAAAC,GAAA,KAAAtE,MAAA,CAAAS,cAAA,CAAAyD,MAAA,EAAA/D,GAAA,EAAAkE,IAAA,YAAAH,MAAA,CAAA/D,GAAA,IAAA0D,GAAA,CAAA1D,GAAA,SAAA+D,MAAA,CAAAH,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAM,GAAA,CAAAT,GAAA,EAAAK,MAAA,YAAAA,MAAA"}

package/build/components/inspector-controls/groups.js

@@ -20,6 +20,7 @@ const InspectorControlsPosition = (0, _components.createSlotFill)('InspectorCont
 const InspectorControlsTypography = (0, _components.createSlotFill)('InspectorControlsTypography');
 const InspectorControlsListView = (0, _components.createSlotFill)('InspectorControlsListView');
 const InspectorControlsStyles = (0, _components.createSlotFill)('InspectorControlsStyles');
+const InspectorControlsEffects = (0, _components.createSlotFill)('InspectorControlsEffects');
 const groups = {
   default: InspectorControlsDefault,
   advanced: InspectorControlsAdvanced,
@@ -27,6 +28,7 @@ const groups = {
   border: InspectorControlsBorder,
   color: InspectorControlsColor,
   dimensions: InspectorControlsDimensions,
+  effects: InspectorControlsEffects,
   filter: InspectorControlsFilter,
   list: InspectorControlsListView,
   position: InspectorControlsPosition,

package/build/components/inspector-controls/groups.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","InspectorControlsDefault","createSlotFill","InspectorControlsAdvanced","InspectorControlsBackground","InspectorControlsBorder","InspectorControlsColor","InspectorControlsFilter","InspectorControlsDimensions","InspectorControlsPosition","InspectorControlsTypography","InspectorControlsListView","InspectorControlsStyles","groups","default","advanced","background","border","color","dimensions","filter","list","position","settings","styles","typography","_default","exports"],"sources":["@wordpress/block-editor/src/components/inspector-controls/groups.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\n\nconst InspectorControlsDefault = createSlotFill( 'InspectorControls' );\nconst InspectorControlsAdvanced = createSlotFill( 'InspectorAdvancedControls' );\nconst InspectorControlsBackground = createSlotFill(\n\t'InspectorControlsBackground'\n);\nconst InspectorControlsBorder = createSlotFill( 'InspectorControlsBorder' );\nconst InspectorControlsColor = createSlotFill( 'InspectorControlsColor' );\nconst InspectorControlsFilter = createSlotFill( 'InspectorControlsFilter' );\nconst InspectorControlsDimensions = createSlotFill(\n\t'InspectorControlsDimensions'\n);\nconst InspectorControlsPosition = createSlotFill( 'InspectorControlsPosition' );\nconst InspectorControlsTypography = createSlotFill(\n\t'InspectorControlsTypography'\n);\nconst InspectorControlsListView = createSlotFill( 'InspectorControlsListView' );\nconst InspectorControlsStyles = createSlotFill( 'InspectorControlsStyles' );\n\nconst groups = {\n\tdefault: InspectorControlsDefault,\n\tadvanced: InspectorControlsAdvanced,\n\tbackground: InspectorControlsBackground,\n\tborder: InspectorControlsBorder,\n\tcolor: InspectorControlsColor,\n\tdimensions: InspectorControlsDimensions,\n\tfilter: InspectorControlsFilter,\n\tlist: InspectorControlsListView,\n\tposition: InspectorControlsPosition,\n\tsettings: InspectorControlsDefault, // Alias for default.\n\tstyles: InspectorControlsStyles,\n\ttypography: InspectorControlsTypography,\n};\n\nexport default groups;\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,wBAAwB,GAAG,IAAAC,0BAAc,EAAE,mBAAoB,CAAC;AACtE,MAAMC,yBAAyB,GAAG,IAAAD,0BAAc,EAAE,2BAA4B,CAAC;AAC/E,MAAME,2BAA2B,GAAG,IAAAF,0BAAc,EACjD,6BACD,CAAC;AACD,MAAMG,uBAAuB,GAAG,IAAAH,0BAAc,EAAE,yBAA0B,CAAC;AAC3E,MAAMI,sBAAsB,GAAG,IAAAJ,0BAAc,EAAE,wBAAyB,CAAC;AACzE,MAAMK,uBAAuB,GAAG,IAAAL,0BAAc,EAAE,yBAA0B,CAAC;AAC3E,MAAMM,2BAA2B,GAAG,IAAAN,0BAAc,EACjD,6BACD,CAAC;AACD,MAAMO,yBAAyB,GAAG,IAAAP,0BAAc,EAAE,2BAA4B,CAAC;AAC/E,MAAMQ,2BAA2B,GAAG,IAAAR,0BAAc,EACjD,6BACD,CAAC;AACD,MAAMS,yBAAyB,GAAG,IAAAT,0BAAc,EAAE,2BAA4B,CAAC;AAC/E,MAAMU,uBAAuB,GAAG,IAAAV,0BAAc,EAAE,yBAA0B,CAAC;AAE3E,MAAMW,MAAM,GAAG;EACdC,OAAO,EAAEb,wBAAwB;EACjCc,QAAQ,EAAEZ,yBAAyB;EACnCa,UAAU,EAAEZ,2BAA2B;EACvCa,MAAM,EAAEZ,uBAAuB;EAC/Ba,KAAK,EAAEZ,sBAAsB;EAC7Ba,UAAU,EAAEX,2BAA2B;EACvCY,MAAM,EAAEb,uBAAuB;EAC/Bc,IAAI,EAAEV,yBAAyB;EAC/BW,QAAQ,EAAEb,yBAAyB;EACnCc,QAAQ,EAAEtB,wBAAwB;EAAE;EACpCuB,MAAM,EAAEZ,uBAAuB;EAC/Ba,UAAU,EAAEf;AACb,CAAC;AAAC,IAAAgB,QAAA,GAEab,MAAM;AAAAc,OAAA,CAAAb,OAAA,GAAAY,QAAA"}
+{"version":3,"names":["_components","require","InspectorControlsDefault","createSlotFill","InspectorControlsAdvanced","InspectorControlsBackground","InspectorControlsBorder","InspectorControlsColor","InspectorControlsFilter","InspectorControlsDimensions","InspectorControlsPosition","InspectorControlsTypography","InspectorControlsListView","InspectorControlsStyles","InspectorControlsEffects","groups","default","advanced","background","border","color","dimensions","effects","filter","list","position","settings","styles","typography","_default","exports"],"sources":["@wordpress/block-editor/src/components/inspector-controls/groups.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\n\nconst InspectorControlsDefault = createSlotFill( 'InspectorControls' );\nconst InspectorControlsAdvanced = createSlotFill( 'InspectorAdvancedControls' );\nconst InspectorControlsBackground = createSlotFill(\n\t'InspectorControlsBackground'\n);\nconst InspectorControlsBorder = createSlotFill( 'InspectorControlsBorder' );\nconst InspectorControlsColor = createSlotFill( 'InspectorControlsColor' );\nconst InspectorControlsFilter = createSlotFill( 'InspectorControlsFilter' );\nconst InspectorControlsDimensions = createSlotFill(\n\t'InspectorControlsDimensions'\n);\nconst InspectorControlsPosition = createSlotFill( 'InspectorControlsPosition' );\nconst InspectorControlsTypography = createSlotFill(\n\t'InspectorControlsTypography'\n);\nconst InspectorControlsListView = createSlotFill( 'InspectorControlsListView' );\nconst InspectorControlsStyles = createSlotFill( 'InspectorControlsStyles' );\nconst InspectorControlsEffects = createSlotFill( 'InspectorControlsEffects' );\n\nconst groups = {\n\tdefault: InspectorControlsDefault,\n\tadvanced: InspectorControlsAdvanced,\n\tbackground: InspectorControlsBackground,\n\tborder: InspectorControlsBorder,\n\tcolor: InspectorControlsColor,\n\tdimensions: InspectorControlsDimensions,\n\teffects: InspectorControlsEffects,\n\tfilter: InspectorControlsFilter,\n\tlist: InspectorControlsListView,\n\tposition: InspectorControlsPosition,\n\tsettings: InspectorControlsDefault, // Alias for default.\n\tstyles: InspectorControlsStyles,\n\ttypography: InspectorControlsTypography,\n};\n\nexport default groups;\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,wBAAwB,GAAG,IAAAC,0BAAc,EAAE,mBAAoB,CAAC;AACtE,MAAMC,yBAAyB,GAAG,IAAAD,0BAAc,EAAE,2BAA4B,CAAC;AAC/E,MAAME,2BAA2B,GAAG,IAAAF,0BAAc,EACjD,6BACD,CAAC;AACD,MAAMG,uBAAuB,GAAG,IAAAH,0BAAc,EAAE,yBAA0B,CAAC;AAC3E,MAAMI,sBAAsB,GAAG,IAAAJ,0BAAc,EAAE,wBAAyB,CAAC;AACzE,MAAMK,uBAAuB,GAAG,IAAAL,0BAAc,EAAE,yBAA0B,CAAC;AAC3E,MAAMM,2BAA2B,GAAG,IAAAN,0BAAc,EACjD,6BACD,CAAC;AACD,MAAMO,yBAAyB,GAAG,IAAAP,0BAAc,EAAE,2BAA4B,CAAC;AAC/E,MAAMQ,2BAA2B,GAAG,IAAAR,0BAAc,EACjD,6BACD,CAAC;AACD,MAAMS,yBAAyB,GAAG,IAAAT,0BAAc,EAAE,2BAA4B,CAAC;AAC/E,MAAMU,uBAAuB,GAAG,IAAAV,0BAAc,EAAE,yBAA0B,CAAC;AAC3E,MAAMW,wBAAwB,GAAG,IAAAX,0BAAc,EAAE,0BAA2B,CAAC;AAE7E,MAAMY,MAAM,GAAG;EACdC,OAAO,EAAEd,wBAAwB;EACjCe,QAAQ,EAAEb,yBAAyB;EACnCc,UAAU,EAAEb,2BAA2B;EACvCc,MAAM,EAAEb,uBAAuB;EAC/Bc,KAAK,EAAEb,sBAAsB;EAC7Bc,UAAU,EAAEZ,2BAA2B;EACvCa,OAAO,EAAER,wBAAwB;EACjCS,MAAM,EAAEf,uBAAuB;EAC/BgB,IAAI,EAAEZ,yBAAyB;EAC/Ba,QAAQ,EAAEf,yBAAyB;EACnCgB,QAAQ,EAAExB,wBAAwB;EAAE;EACpCyB,MAAM,EAAEd,uBAAuB;EAC/Be,UAAU,EAAEjB;AACb,CAAC;AAAC,IAAAkB,QAAA,GAEad,MAAM;AAAAe,OAAA,CAAAd,OAAA,GAAAa,QAAA"}

package/build/components/inspector-controls-tabs/styles-tab.js

@@ -49,6 +49,9 @@ const StylesTab = ({
   }), (0, _react.createElement)(_inspectorControls.default.Slot, {
     group: "border",
     label: (0, _i18n.__)('Border')
+  }), (0, _react.createElement)(_inspectorControls.default.Slot, {
+    group: "effects",
+    label: (0, _i18n.__)('Effects')
   }), (0, _react.createElement)(_inspectorControls.default.Slot, {
     group: "styles"
   }));

package/build/components/inspector-controls-tabs/styles-tab.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blocks","require","_components","_i18n","_blockStyles","_interopRequireDefault","_defaultStylePicker","_inspectorControls","StylesTab","blockName","clientId","hasBlockStyles","_react","createElement","Fragment","PanelBody","title","__","default","hasBlockSupport","Slot","group","label","className","_default","exports"],"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/styles-tab.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { hasBlockSupport } from '@wordpress/blocks';\nimport { PanelBody } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport BlockStyles from '../block-styles';\nimport DefaultStylePicker from '../default-style-picker';\nimport InspectorControls from '../inspector-controls';\n\nconst StylesTab = ( { blockName, clientId, hasBlockStyles } ) => {\n\treturn (\n\t\t<>\n\t\t\t{ hasBlockStyles && (\n\t\t\t\t<div>\n\t\t\t\t\t<PanelBody title={ __( 'Styles' ) }>\n\t\t\t\t\t\t<BlockStyles clientId={ clientId } />\n\t\t\t\t\t\t{ hasBlockSupport(\n\t\t\t\t\t\t\tblockName,\n\t\t\t\t\t\t\t'defaultStylePicker',\n\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t) && <DefaultStylePicker blockName={ blockName } /> }\n\t\t\t\t\t</PanelBody>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<InspectorControls.Slot\n\t\t\t\tgroup=\"color\"\n\t\t\t\tlabel={ __( 'Color' ) }\n\t\t\t\tclassName=\"color-block-support-panel__inner-wrapper\"\n\t\t\t/>\n\t\t\t<InspectorControls.Slot\n\t\t\t\tgroup=\"background\"\n\t\t\t\tlabel={ __( 'Background' ) }\n\t\t\t/>\n\t\t\t<InspectorControls.Slot group=\"filter\" />\n\t\t\t<InspectorControls.Slot\n\t\t\t\tgroup=\"typography\"\n\t\t\t\tlabel={ __( 'Typography' ) }\n\t\t\t/>\n\t\t\t<InspectorControls.Slot\n\t\t\t\tgroup=\"dimensions\"\n\t\t\t\tlabel={ __( 'Dimensions' ) }\n\t\t\t/>\n\t\t\t<InspectorControls.Slot group=\"border\" label={ __( 'Border' ) } />\n\t\t\t<InspectorControls.Slot group=\"styles\" />\n\t\t</>\n\t);\n};\n\nexport default StylesTab;\n"],"mappings":";;;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,YAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,kBAAA,GAAAF,sBAAA,CAAAJ,OAAA;AAZA;AACA;AACA;;AAKA;AACA;AACA;;AAKA,MAAMO,SAAS,GAAGA,CAAE;EAAEC,SAAS;EAAEC,QAAQ;EAAEC;AAAe,CAAC,KAAM;EAChE,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACGH,cAAc,IACf,IAAAC,MAAA,CAAAC,aAAA,eACC,IAAAD,MAAA,CAAAC,aAAA,EAACX,WAAA,CAAAa,SAAS;IAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS;EAAG,GAClC,IAAAL,MAAA,CAAAC,aAAA,EAACT,YAAA,CAAAc,OAAW;IAACR,QAAQ,EAAGA;EAAU,CAAE,CAAC,EACnC,IAAAS,uBAAe,EAChBV,SAAS,EACT,oBAAoB,EACpB,IACD,CAAC,IAAI,IAAAG,MAAA,CAAAC,aAAA,EAACP,mBAAA,CAAAY,OAAkB;IAACT,SAAS,EAAGA;EAAW,CAAE,CACxC,CACP,CACL,EACD,IAAAG,MAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAW,OAAiB,CAACE,IAAI;IACtBC,KAAK,EAAC,OAAO;IACbC,KAAK,EAAG,IAAAL,QAAE,EAAE,OAAQ,CAAG;IACvBM,SAAS,EAAC;EAA0C,CACpD,CAAC,EACF,IAAAX,MAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAW,OAAiB,CAACE,IAAI;IACtBC,KAAK,EAAC,YAAY;IAClBC,KAAK,EAAG,IAAAL,QAAE,EAAE,YAAa;EAAG,CAC5B,CAAC,EACF,IAAAL,MAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAW,OAAiB,CAACE,IAAI;IAACC,KAAK,EAAC;EAAQ,CAAE,CAAC,EACzC,IAAAT,MAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAW,OAAiB,CAACE,IAAI;IACtBC,KAAK,EAAC,YAAY;IAClBC,KAAK,EAAG,IAAAL,QAAE,EAAE,YAAa;EAAG,CAC5B,CAAC,EACF,IAAAL,MAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAW,OAAiB,CAACE,IAAI;IACtBC,KAAK,EAAC,YAAY;IAClBC,KAAK,EAAG,IAAAL,QAAE,EAAE,YAAa;EAAG,CAC5B,CAAC,EACF,IAAAL,MAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAW,OAAiB,CAACE,IAAI;IAACC,KAAK,EAAC,QAAQ;IAACC,KAAK,EAAG,IAAAL,QAAE,EAAE,QAAS;EAAG,CAAE,CAAC,EAClE,IAAAL,MAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAW,OAAiB,CAACE,IAAI;IAACC,KAAK,EAAC;EAAQ,CAAE,CACvC,CAAC;AAEL,CAAC;AAAC,IAAAG,QAAA,GAEahB,SAAS;AAAAiB,OAAA,CAAAP,OAAA,GAAAM,QAAA"}
+{"version":3,"names":["_blocks","require","_components","_i18n","_blockStyles","_interopRequireDefault","_defaultStylePicker","_inspectorControls","StylesTab","blockName","clientId","hasBlockStyles","_react","createElement","Fragment","PanelBody","title","__","default","hasBlockSupport","Slot","group","label","className","_default","exports"],"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/styles-tab.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { hasBlockSupport } from '@wordpress/blocks';\nimport { PanelBody } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport BlockStyles from '../block-styles';\nimport DefaultStylePicker from '../default-style-picker';\nimport InspectorControls from '../inspector-controls';\n\nconst StylesTab = ( { blockName, clientId, hasBlockStyles } ) => {\n\treturn (\n\t\t<>\n\t\t\t{ hasBlockStyles && (\n\t\t\t\t<div>\n\t\t\t\t\t<PanelBody title={ __( 'Styles' ) }>\n\t\t\t\t\t\t<BlockStyles clientId={ clientId } />\n\t\t\t\t\t\t{ hasBlockSupport(\n\t\t\t\t\t\t\tblockName,\n\t\t\t\t\t\t\t'defaultStylePicker',\n\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t) && <DefaultStylePicker blockName={ blockName } /> }\n\t\t\t\t\t</PanelBody>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<InspectorControls.Slot\n\t\t\t\tgroup=\"color\"\n\t\t\t\tlabel={ __( 'Color' ) }\n\t\t\t\tclassName=\"color-block-support-panel__inner-wrapper\"\n\t\t\t/>\n\t\t\t<InspectorControls.Slot\n\t\t\t\tgroup=\"background\"\n\t\t\t\tlabel={ __( 'Background' ) }\n\t\t\t/>\n\t\t\t<InspectorControls.Slot group=\"filter\" />\n\t\t\t<InspectorControls.Slot\n\t\t\t\tgroup=\"typography\"\n\t\t\t\tlabel={ __( 'Typography' ) }\n\t\t\t/>\n\t\t\t<InspectorControls.Slot\n\t\t\t\tgroup=\"dimensions\"\n\t\t\t\tlabel={ __( 'Dimensions' ) }\n\t\t\t/>\n\t\t\t<InspectorControls.Slot group=\"border\" label={ __( 'Border' ) } />\n\t\t\t<InspectorControls.Slot group=\"effects\" label={ __( 'Effects' ) } />\n\t\t\t<InspectorControls.Slot group=\"styles\" />\n\t\t</>\n\t);\n};\n\nexport default StylesTab;\n"],"mappings":";;;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,YAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,kBAAA,GAAAF,sBAAA,CAAAJ,OAAA;AAZA;AACA;AACA;;AAKA;AACA;AACA;;AAKA,MAAMO,SAAS,GAAGA,CAAE;EAAEC,SAAS;EAAEC,QAAQ;EAAEC;AAAe,CAAC,KAAM;EAChE,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACGH,cAAc,IACf,IAAAC,MAAA,CAAAC,aAAA,eACC,IAAAD,MAAA,CAAAC,aAAA,EAACX,WAAA,CAAAa,SAAS;IAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS;EAAG,GAClC,IAAAL,MAAA,CAAAC,aAAA,EAACT,YAAA,CAAAc,OAAW;IAACR,QAAQ,EAAGA;EAAU,CAAE,CAAC,EACnC,IAAAS,uBAAe,EAChBV,SAAS,EACT,oBAAoB,EACpB,IACD,CAAC,IAAI,IAAAG,MAAA,CAAAC,aAAA,EAACP,mBAAA,CAAAY,OAAkB;IAACT,SAAS,EAAGA;EAAW,CAAE,CACxC,CACP,CACL,EACD,IAAAG,MAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAW,OAAiB,CAACE,IAAI;IACtBC,KAAK,EAAC,OAAO;IACbC,KAAK,EAAG,IAAAL,QAAE,EAAE,OAAQ,CAAG;IACvBM,SAAS,EAAC;EAA0C,CACpD,CAAC,EACF,IAAAX,MAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAW,OAAiB,CAACE,IAAI;IACtBC,KAAK,EAAC,YAAY;IAClBC,KAAK,EAAG,IAAAL,QAAE,EAAE,YAAa;EAAG,CAC5B,CAAC,EACF,IAAAL,MAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAW,OAAiB,CAACE,IAAI;IAACC,KAAK,EAAC;EAAQ,CAAE,CAAC,EACzC,IAAAT,MAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAW,OAAiB,CAACE,IAAI;IACtBC,KAAK,EAAC,YAAY;IAClBC,KAAK,EAAG,IAAAL,QAAE,EAAE,YAAa;EAAG,CAC5B,CAAC,EACF,IAAAL,MAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAW,OAAiB,CAACE,IAAI;IACtBC,KAAK,EAAC,YAAY;IAClBC,KAAK,EAAG,IAAAL,QAAE,EAAE,YAAa;EAAG,CAC5B,CAAC,EACF,IAAAL,MAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAW,OAAiB,CAACE,IAAI;IAACC,KAAK,EAAC,QAAQ;IAACC,KAAK,EAAG,IAAAL,QAAE,EAAE,QAAS;EAAG,CAAE,CAAC,EAClE,IAAAL,MAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAW,OAAiB,CAACE,IAAI;IAACC,KAAK,EAAC,SAAS;IAACC,KAAK,EAAG,IAAAL,QAAE,EAAE,SAAU;EAAG,CAAE,CAAC,EACpE,IAAAL,MAAA,CAAAC,aAAA,EAACN,kBAAA,CAAAW,OAAiB,CAACE,IAAI;IAACC,KAAK,EAAC;EAAQ,CAAE,CACvC,CAAC;AAEL,CAAC;AAAC,IAAAG,QAAA,GAEahB,SAAS;AAAAiB,OAAA,CAAAP,OAAA,GAAAM,QAAA"}

package/build/components/inspector-controls-tabs/use-inspector-controls-tabs.js

@@ -43,7 +43,8 @@ function useInspectorControlsTabs(blockName) {
     list: listGroup,
     position: positionGroup,
     styles: stylesGroup,
-    typography: typographyGroup
+    typography: typographyGroup,
+    effects: effectsGroup
   } = _groups.default;
 
   // List View Tab: If there are any fills for the list group add that tab.
@@ -53,7 +54,7 @@ function useInspectorControlsTabs(blockName) {
 
   // Styles Tab: Add this tab if there are any fills for block supports
   // e.g. border, color, spacing, typography, etc.
-  const styleFills = [...((0, _components.__experimentalUseSlotFills)(borderGroup.Slot.__unstableName) || []), ...((0, _components.__experimentalUseSlotFills)(colorGroup.Slot.__unstableName) || []), ...((0, _components.__experimentalUseSlotFills)(dimensionsGroup.Slot.__unstableName) || []), ...((0, _components.__experimentalUseSlotFills)(stylesGroup.Slot.__unstableName) || []), ...((0, _components.__experimentalUseSlotFills)(typographyGroup.Slot.__unstableName) || [])];
+  const styleFills = [...((0, _components.__experimentalUseSlotFills)(borderGroup.Slot.__unstableName) || []), ...((0, _components.__experimentalUseSlotFills)(colorGroup.Slot.__unstableName) || []), ...((0, _components.__experimentalUseSlotFills)(dimensionsGroup.Slot.__unstableName) || []), ...((0, _components.__experimentalUseSlotFills)(stylesGroup.Slot.__unstableName) || []), ...((0, _components.__experimentalUseSlotFills)(typographyGroup.Slot.__unstableName) || []), ...((0, _components.__experimentalUseSlotFills)(effectsGroup.Slot.__unstableName) || [])];
   const hasStyleFills = styleFills.length;
 
   // Settings Tab: If we don't have multiple tabs to display

package/build/components/inspector-controls-tabs/use-inspector-controls-tabs.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_data","_groups","_interopRequireDefault","_useIsListViewTabDisabled","_inspectorControls","_utils","_store","EMPTY_ARRAY","getShowTabs","blockName","tabSettings","undefined","default","useInspectorControlsTabs","tabs","border","borderGroup","color","colorGroup","defaultGroup","dimensions","dimensionsGroup","list","listGroup","position","positionGroup","styles","stylesGroup","typography","typographyGroup","InspectorControlsGroups","listViewDisabled","useIsListViewTabDisabled","listFills","useSlotFills","Slot","__unstableName","hasListFills","length","styleFills","hasStyleFills","advancedFills","InspectorAdvancedControls","slotName","settingsFills","push","TAB_LIST_VIEW","TAB_SETTINGS","TAB_STYLES","useSelect","select","blockEditorStore","getSettings","blockInspectorTabs","showTabs"],"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/use-inspector-controls-tabs.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalUseSlotFills as useSlotFills } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport InspectorControlsGroups from '../inspector-controls/groups';\nimport useIsListViewTabDisabled from './use-is-list-view-tab-disabled';\nimport { InspectorAdvancedControls } from '../inspector-controls';\nimport { TAB_LIST_VIEW, TAB_SETTINGS, TAB_STYLES } from './utils';\nimport { store as blockEditorStore } from '../../store';\n\nconst EMPTY_ARRAY = [];\n\nfunction getShowTabs( blockName, tabSettings = {} ) {\n\t// Block specific setting takes precedence over generic default.\n\tif ( tabSettings[ blockName ] !== undefined ) {\n\t\treturn tabSettings[ blockName ];\n\t}\n\n\t// Use generic default if set over the Gutenberg experiment option.\n\tif ( tabSettings.default !== undefined ) {\n\t\treturn tabSettings.default;\n\t}\n\n\treturn true;\n}\n\nexport default function useInspectorControlsTabs( blockName ) {\n\tconst tabs = [];\n\tconst {\n\t\tborder: borderGroup,\n\t\tcolor: colorGroup,\n\t\tdefault: defaultGroup,\n\t\tdimensions: dimensionsGroup,\n\t\tlist: listGroup,\n\t\tposition: positionGroup,\n\t\tstyles: stylesGroup,\n\t\ttypography: typographyGroup,\n\t} = InspectorControlsGroups;\n\n\t// List View Tab: If there are any fills for the list group add that tab.\n\tconst listViewDisabled = useIsListViewTabDisabled( blockName );\n\tconst listFills = useSlotFills( listGroup.Slot.__unstableName );\n\tconst hasListFills = ! listViewDisabled && !! listFills && listFills.length;\n\n\t// Styles Tab: Add this tab if there are any fills for block supports\n\t// e.g. border, color, spacing, typography, etc.\n\tconst styleFills = [\n\t\t...( useSlotFills( borderGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( colorGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( dimensionsGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( stylesGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( typographyGroup.Slot.__unstableName ) || [] ),\n\t];\n\tconst hasStyleFills = styleFills.length;\n\n\t// Settings Tab: If we don't have multiple tabs to display\n\t// (i.e. both list view and styles), check only the default and position\n\t// InspectorControls slots. If we have multiple tabs, we'll need to check\n\t// the advanced controls slot as well to ensure they are rendered.\n\tconst advancedFills =\n\t\tuseSlotFills( InspectorAdvancedControls.slotName ) || [];\n\n\tconst settingsFills = [\n\t\t...( useSlotFills( defaultGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( positionGroup.Slot.__unstableName ) || [] ),\n\t\t...( hasListFills && hasStyleFills > 1 ? advancedFills : [] ),\n\t];\n\n\t// Add the tabs in the order that they will default to if available.\n\t// List View > Settings > Styles.\n\tif ( hasListFills ) {\n\t\ttabs.push( TAB_LIST_VIEW );\n\t}\n\n\tif ( settingsFills.length ) {\n\t\ttabs.push( TAB_SETTINGS );\n\t}\n\n\tif ( hasStyleFills ) {\n\t\ttabs.push( TAB_STYLES );\n\t}\n\n\tconst tabSettings = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getSettings().blockInspectorTabs;\n\t}, [] );\n\n\tconst showTabs = getShowTabs( blockName, tabSettings );\n\treturn showTabs ? tabs : EMPTY_ARRAY;\n}\n"],"mappings":"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"}
+{"version":3,"names":["_components","require","_data","_groups","_interopRequireDefault","_useIsListViewTabDisabled","_inspectorControls","_utils","_store","EMPTY_ARRAY","getShowTabs","blockName","tabSettings","undefined","default","useInspectorControlsTabs","tabs","border","borderGroup","color","colorGroup","defaultGroup","dimensions","dimensionsGroup","list","listGroup","position","positionGroup","styles","stylesGroup","typography","typographyGroup","effects","effectsGroup","InspectorControlsGroups","listViewDisabled","useIsListViewTabDisabled","listFills","useSlotFills","Slot","__unstableName","hasListFills","length","styleFills","hasStyleFills","advancedFills","InspectorAdvancedControls","slotName","settingsFills","push","TAB_LIST_VIEW","TAB_SETTINGS","TAB_STYLES","useSelect","select","blockEditorStore","getSettings","blockInspectorTabs","showTabs"],"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/use-inspector-controls-tabs.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalUseSlotFills as useSlotFills } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport InspectorControlsGroups from '../inspector-controls/groups';\nimport useIsListViewTabDisabled from './use-is-list-view-tab-disabled';\nimport { InspectorAdvancedControls } from '../inspector-controls';\nimport { TAB_LIST_VIEW, TAB_SETTINGS, TAB_STYLES } from './utils';\nimport { store as blockEditorStore } from '../../store';\n\nconst EMPTY_ARRAY = [];\n\nfunction getShowTabs( blockName, tabSettings = {} ) {\n\t// Block specific setting takes precedence over generic default.\n\tif ( tabSettings[ blockName ] !== undefined ) {\n\t\treturn tabSettings[ blockName ];\n\t}\n\n\t// Use generic default if set over the Gutenberg experiment option.\n\tif ( tabSettings.default !== undefined ) {\n\t\treturn tabSettings.default;\n\t}\n\n\treturn true;\n}\n\nexport default function useInspectorControlsTabs( blockName ) {\n\tconst tabs = [];\n\tconst {\n\t\tborder: borderGroup,\n\t\tcolor: colorGroup,\n\t\tdefault: defaultGroup,\n\t\tdimensions: dimensionsGroup,\n\t\tlist: listGroup,\n\t\tposition: positionGroup,\n\t\tstyles: stylesGroup,\n\t\ttypography: typographyGroup,\n\t\teffects: effectsGroup,\n\t} = InspectorControlsGroups;\n\n\t// List View Tab: If there are any fills for the list group add that tab.\n\tconst listViewDisabled = useIsListViewTabDisabled( blockName );\n\tconst listFills = useSlotFills( listGroup.Slot.__unstableName );\n\tconst hasListFills = ! listViewDisabled && !! listFills && listFills.length;\n\n\t// Styles Tab: Add this tab if there are any fills for block supports\n\t// e.g. border, color, spacing, typography, etc.\n\tconst styleFills = [\n\t\t...( useSlotFills( borderGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( colorGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( dimensionsGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( stylesGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( typographyGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( effectsGroup.Slot.__unstableName ) || [] ),\n\t];\n\tconst hasStyleFills = styleFills.length;\n\n\t// Settings Tab: If we don't have multiple tabs to display\n\t// (i.e. both list view and styles), check only the default and position\n\t// InspectorControls slots. If we have multiple tabs, we'll need to check\n\t// the advanced controls slot as well to ensure they are rendered.\n\tconst advancedFills =\n\t\tuseSlotFills( InspectorAdvancedControls.slotName ) || [];\n\n\tconst settingsFills = [\n\t\t...( useSlotFills( defaultGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( positionGroup.Slot.__unstableName ) || [] ),\n\t\t...( hasListFills && hasStyleFills > 1 ? advancedFills : [] ),\n\t];\n\n\t// Add the tabs in the order that they will default to if available.\n\t// List View > Settings > Styles.\n\tif ( hasListFills ) {\n\t\ttabs.push( TAB_LIST_VIEW );\n\t}\n\n\tif ( settingsFills.length ) {\n\t\ttabs.push( TAB_SETTINGS );\n\t}\n\n\tif ( hasStyleFills ) {\n\t\ttabs.push( TAB_STYLES );\n\t}\n\n\tconst tabSettings = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getSettings().blockInspectorTabs;\n\t}, [] );\n\n\tconst showTabs = getShowTabs( blockName, tabSettings );\n\treturn showTabs ? tabs : EMPTY_ARRAY;\n}\n"],"mappings":"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"}

package/build/components/link-control/link-preview.js

@@ -9,9 +9,12 @@ var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
+var _compose = require("@wordpress/compose");
 var _url = require("@wordpress/url");
 var _icons = require("@wordpress/icons");
 var _dom = require("@wordpress/dom");
+var _data = require("@wordpress/data");
+var _notices = require("@wordpress/notices");
 var _viewerSlot = require("./viewer-slot");
 var _useRichUrlData = _interopRequireDefault(require("./use-rich-url-data"));
 /**
@@ -43,7 +46,7 @@ function LinkPreview({
 
   // Rich data may be an empty object so test for that.
   const hasRichData = richData && Object.keys(richData).length;
-  const displayURL = value && (0, _url.filterURLForDisplay)((0, _url.safeDecodeURI)(value.url), 16) || '';
+  const displayURL = value && (0, _url.filterURLForDisplay)((0, _url.safeDecodeURI)(value.url), 24) || '';
 
   // url can be undefined if the href attribute is unset
   const isEmptyURL = !value?.url?.length;
@@ -64,6 +67,15 @@ function LinkPreview({
       icon: _icons.globe
     });
   }
+  const {
+    createNotice
+  } = (0, _data.useDispatch)(_notices.store);
+  const ref = (0, _compose.useCopyToClipboard)(value.url, () => {
+    createNotice('info', (0, _i18n.__)('Copied URL to clipboard.'), {
+      isDismissible: true,
+      type: 'snackbar'
+    });
+  });
   return (0, _react.createElement)("div", {
     "aria-label": (0, _i18n.__)('Currently selected'),
     className: (0, _classnames.default)('block-editor-link-control__search-item', {
@@ -85,47 +97,39 @@ function LinkPreview({
   }, icon), (0, _react.createElement)("span", {
     className: "block-editor-link-control__search-item-details"
   }, !isEmptyURL ? (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.Tooltip, {
-    text: value.url,
-    placement: "bottom-start"
+    text: value.url
   }, (0, _react.createElement)(_components.ExternalLink, {
     className: "block-editor-link-control__search-item-title",
     href: value.url
-  }, displayTitle)), value?.url && displayTitle !== displayURL && (0, _react.createElement)("span", {
+  }, (0, _react.createElement)(_components.__experimentalTruncate, {
+    numberOfLines: 1
+  }, displayTitle))), value?.url && displayTitle !== displayURL && (0, _react.createElement)("span", {
     className: "block-editor-link-control__search-item-info"
-  }, displayURL)) : (0, _react.createElement)("span", {
+  }, (0, _react.createElement)(_components.__experimentalTruncate, {
+    numberOfLines: 1
+  }, displayURL))) : (0, _react.createElement)("span", {
     className: "block-editor-link-control__search-item-error-notice"
   }, (0, _i18n.__)('Link is empty')))), (0, _react.createElement)(_components.Button, {
     icon: _icons.edit,
     label: (0, _i18n.__)('Edit'),
     className: "block-editor-link-control__search-item-action",
     onClick: onEditClick,
-    iconSize: 24
+    size: "compact"
   }), hasUnlinkControl && (0, _react.createElement)(_components.Button, {
     icon: _icons.linkOff,
     label: (0, _i18n.__)('Unlink'),
     className: "block-editor-link-control__search-item-action block-editor-link-control__unlink",
     onClick: onRemove,
-    iconSize: 24
+    size: "compact"
+  }), (0, _react.createElement)(_components.Button, {
+    icon: _icons.copy,
+    label: (0, _i18n.__)('Copy URL'),
+    className: "block-editor-link-control__search-item-action block-editor-link-control__copy",
+    ref: ref,
+    disabled: isEmptyURL,
+    size: "compact"
   }), (0, _react.createElement)(_viewerSlot.ViewerSlot, {
     fillProps: value
-  })), !!(hasRichData && (richData?.image || richData?.description) || isFetching) && (0, _react.createElement)("div", {
-    className: "block-editor-link-control__search-item-bottom"
-  }, (richData?.image || isFetching) && (0, _react.createElement)("div", {
-    "aria-hidden": !richData?.image,
-    className: (0, _classnames.default)('block-editor-link-control__search-item-image', {
-      'is-placeholder': !richData?.image
-    })
-  }, richData?.image && (0, _react.createElement)("img", {
-    src: richData?.image,
-    alt: ""
-  })), (richData?.description || isFetching) && (0, _react.createElement)("div", {
-    "aria-hidden": !richData?.description,
-    className: (0, _classnames.default)('block-editor-link-control__search-item-description', {
-      'is-placeholder': !richData?.description
-    })
-  }, richData?.description && (0, _react.createElement)(_components.__experimentalText, {
-    truncate: true,
-    numberOfLines: "2"
-  }, richData.description))), additionalControls && additionalControls());
+  })), additionalControls && additionalControls());
 }
 //# sourceMappingURL=link-preview.js.map

package/build/components/link-control/link-preview.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_i18n","_components","_url","_icons","_dom","_viewerSlot","_useRichUrlData","LinkPreview","value","onEditClick","hasRichPreviews","hasUnlinkControl","onRemove","additionalControls","showRichPreviews","url","richData","isFetching","useRichUrlData","hasRichData","Object","keys","length","displayURL","filterURLForDisplay","safeDecodeURI","isEmptyURL","displayTitle","stripHTML","title","icon","_react","createElement","src","alt","Icon","info","size","globe","__","className","classnames","Fragment","Tooltip","text","placement","ExternalLink","href","Button","edit","label","onClick","iconSize","linkOff","ViewerSlot","fillProps","image","description","__experimentalText","truncate","numberOfLines"],"sources":["@wordpress/block-editor/src/components/link-control/link-preview.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tButton,\n\tExternalLink,\n\t__experimentalText as Text,\n\tTooltip,\n} from '@wordpress/components';\nimport { filterURLForDisplay, safeDecodeURI } from '@wordpress/url';\nimport { Icon, globe, info, linkOff, edit } from '@wordpress/icons';\nimport { __unstableStripHTML as stripHTML } from '@wordpress/dom';\n\n/**\n * Internal dependencies\n */\nimport { ViewerSlot } from './viewer-slot';\n\nimport useRichUrlData from './use-rich-url-data';\n\nexport default function LinkPreview( {\n\tvalue,\n\tonEditClick,\n\thasRichPreviews = false,\n\thasUnlinkControl = false,\n\tonRemove,\n\tadditionalControls,\n} ) {\n\t// Avoid fetching if rich previews are not desired.\n\tconst showRichPreviews = hasRichPreviews ? value?.url : null;\n\n\tconst { richData, isFetching } = useRichUrlData( showRichPreviews );\n\n\t// Rich data may be an empty object so test for that.\n\tconst hasRichData = richData && Object.keys( richData ).length;\n\n\tconst displayURL =\n\t\t( value && filterURLForDisplay( safeDecodeURI( value.url ), 16 ) ) ||\n\t\t'';\n\n\t// url can be undefined if the href attribute is unset\n\tconst isEmptyURL = ! value?.url?.length;\n\n\tconst displayTitle =\n\t\t! isEmptyURL &&\n\t\tstripHTML( richData?.title || value?.title || displayURL );\n\n\tlet icon;\n\n\tif ( richData?.icon ) {\n\t\ticon = <img src={ richData?.icon } alt=\"\" />;\n\t} else if ( isEmptyURL ) {\n\t\ticon = <Icon icon={ info } size={ 32 } />;\n\t} else {\n\t\ticon = <Icon icon={ globe } />;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\taria-label={ __( 'Currently selected' ) }\n\t\t\tclassName={ classnames( 'block-editor-link-control__search-item', {\n\t\t\t\t'is-current': true,\n\t\t\t\t'is-rich': hasRichData,\n\t\t\t\t'is-fetching': !! isFetching,\n\t\t\t\t'is-preview': true,\n\t\t\t\t'is-error': isEmptyURL,\n\t\t\t\t'is-url-title': displayTitle === displayURL,\n\t\t\t} ) }\n\t\t>\n\t\t\t<div className=\"block-editor-link-control__search-item-top\">\n\t\t\t\t<span className=\"block-editor-link-control__search-item-header\">\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'block-editor-link-control__search-item-icon',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'is-image': richData?.icon,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ icon }\n\t\t\t\t\t</span>\n\t\t\t\t\t<span className=\"block-editor-link-control__search-item-details\">\n\t\t\t\t\t\t{ ! isEmptyURL ? (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\t\ttext={ value.url }\n\t\t\t\t\t\t\t\t\tplacement=\"bottom-start\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\t\tclassName=\"block-editor-link-control__search-item-title\"\n\t\t\t\t\t\t\t\t\t\thref={ value.url }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ displayTitle }\n\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t</Tooltip>\n\n\t\t\t\t\t\t\t\t{ value?.url && displayTitle !== displayURL && (\n\t\t\t\t\t\t\t\t\t<span className=\"block-editor-link-control__search-item-info\">\n\t\t\t\t\t\t\t\t\t\t{ displayURL }\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span className=\"block-editor-link-control__search-item-error-notice\">\n\t\t\t\t\t\t\t\t{ __( 'Link is empty' ) }\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</span>\n\t\t\t\t</span>\n\n\t\t\t\t<Button\n\t\t\t\t\ticon={ edit }\n\t\t\t\t\tlabel={ __( 'Edit' ) }\n\t\t\t\t\tclassName=\"block-editor-link-control__search-item-action\"\n\t\t\t\t\tonClick={ onEditClick }\n\t\t\t\t\ticonSize={ 24 }\n\t\t\t\t/>\n\t\t\t\t{ hasUnlinkControl && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\ticon={ linkOff }\n\t\t\t\t\t\tlabel={ __( 'Unlink' ) }\n\t\t\t\t\t\tclassName=\"block-editor-link-control__search-item-action block-editor-link-control__unlink\"\n\t\t\t\t\t\tonClick={ onRemove }\n\t\t\t\t\t\ticonSize={ 24 }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<ViewerSlot fillProps={ value } />\n\t\t\t</div>\n\n\t\t\t{ !! (\n\t\t\t\t( hasRichData &&\n\t\t\t\t\t( richData?.image || richData?.description ) ) ||\n\t\t\t\tisFetching\n\t\t\t) && (\n\t\t\t\t<div className=\"block-editor-link-control__search-item-bottom\">\n\t\t\t\t\t{ ( richData?.image || isFetching ) && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\taria-hidden={ ! richData?.image }\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t'block-editor-link-control__search-item-image',\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t'is-placeholder': ! richData?.image,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ richData?.image && (\n\t\t\t\t\t\t\t\t<img src={ richData?.image } alt=\"\" />\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ( richData?.description || isFetching ) && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\taria-hidden={ ! richData?.description }\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t'block-editor-link-control__search-item-description',\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t'is-placeholder': ! richData?.description,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ richData?.description && (\n\t\t\t\t\t\t\t\t<Text truncate numberOfLines=\"2\">\n\t\t\t\t\t\t\t\t\t{ richData.description }\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t) }\n\n\t\t\t{ additionalControls && additionalControls() }\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_i18n","_components","_compose","_url","_icons","_dom","_data","_notices","_viewerSlot","_useRichUrlData","LinkPreview","value","onEditClick","hasRichPreviews","hasUnlinkControl","onRemove","additionalControls","showRichPreviews","url","richData","isFetching","useRichUrlData","hasRichData","Object","keys","length","displayURL","filterURLForDisplay","safeDecodeURI","isEmptyURL","displayTitle","stripHTML","title","icon","_react","createElement","src","alt","Icon","info","size","globe","createNotice","useDispatch","noticesStore","ref","useCopyToClipboard","__","isDismissible","type","className","classnames","Fragment","Tooltip","text","ExternalLink","href","__experimentalTruncate","numberOfLines","Button","edit","label","onClick","linkOff","copy","disabled","ViewerSlot","fillProps"],"sources":["@wordpress/block-editor/src/components/link-control/link-preview.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tButton,\n\tExternalLink,\n\t__experimentalTruncate as Truncate,\n\tTooltip,\n} from '@wordpress/components';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { filterURLForDisplay, safeDecodeURI } from '@wordpress/url';\nimport { Icon, globe, info, linkOff, edit, copy } from '@wordpress/icons';\nimport { __unstableStripHTML as stripHTML } from '@wordpress/dom';\nimport { useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport { ViewerSlot } from './viewer-slot';\n\nimport useRichUrlData from './use-rich-url-data';\n\nexport default function LinkPreview( {\n\tvalue,\n\tonEditClick,\n\thasRichPreviews = false,\n\thasUnlinkControl = false,\n\tonRemove,\n\tadditionalControls,\n} ) {\n\t// Avoid fetching if rich previews are not desired.\n\tconst showRichPreviews = hasRichPreviews ? value?.url : null;\n\n\tconst { richData, isFetching } = useRichUrlData( showRichPreviews );\n\n\t// Rich data may be an empty object so test for that.\n\tconst hasRichData = richData && Object.keys( richData ).length;\n\n\tconst displayURL =\n\t\t( value && filterURLForDisplay( safeDecodeURI( value.url ), 24 ) ) ||\n\t\t'';\n\n\t// url can be undefined if the href attribute is unset\n\tconst isEmptyURL = ! value?.url?.length;\n\n\tconst displayTitle =\n\t\t! isEmptyURL &&\n\t\tstripHTML( richData?.title || value?.title || displayURL );\n\n\tlet icon;\n\n\tif ( richData?.icon ) {\n\t\ticon = <img src={ richData?.icon } alt=\"\" />;\n\t} else if ( isEmptyURL ) {\n\t\ticon = <Icon icon={ info } size={ 32 } />;\n\t} else {\n\t\ticon = <Icon icon={ globe } />;\n\t}\n\n\tconst { createNotice } = useDispatch( noticesStore );\n\tconst ref = useCopyToClipboard( value.url, () => {\n\t\tcreateNotice( 'info', __( 'Copied URL to clipboard.' ), {\n\t\t\tisDismissible: true,\n\t\t\ttype: 'snackbar',\n\t\t} );\n\t} );\n\n\treturn (\n\t\t<div\n\t\t\taria-label={ __( 'Currently selected' ) }\n\t\t\tclassName={ classnames( 'block-editor-link-control__search-item', {\n\t\t\t\t'is-current': true,\n\t\t\t\t'is-rich': hasRichData,\n\t\t\t\t'is-fetching': !! isFetching,\n\t\t\t\t'is-preview': true,\n\t\t\t\t'is-error': isEmptyURL,\n\t\t\t\t'is-url-title': displayTitle === displayURL,\n\t\t\t} ) }\n\t\t>\n\t\t\t<div className=\"block-editor-link-control__search-item-top\">\n\t\t\t\t<span className=\"block-editor-link-control__search-item-header\">\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'block-editor-link-control__search-item-icon',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'is-image': richData?.icon,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ icon }\n\t\t\t\t\t</span>\n\t\t\t\t\t<span className=\"block-editor-link-control__search-item-details\">\n\t\t\t\t\t\t{ ! isEmptyURL ? (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<Tooltip text={ value.url }>\n\t\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\t\tclassName=\"block-editor-link-control__search-item-title\"\n\t\t\t\t\t\t\t\t\t\thref={ value.url }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Truncate numberOfLines={ 1 }>\n\t\t\t\t\t\t\t\t\t\t\t{ displayTitle }\n\t\t\t\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t{ value?.url && displayTitle !== displayURL && (\n\t\t\t\t\t\t\t\t\t<span className=\"block-editor-link-control__search-item-info\">\n\t\t\t\t\t\t\t\t\t\t<Truncate numberOfLines={ 1 }>\n\t\t\t\t\t\t\t\t\t\t\t{ displayURL }\n\t\t\t\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span className=\"block-editor-link-control__search-item-error-notice\">\n\t\t\t\t\t\t\t\t{ __( 'Link is empty' ) }\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</span>\n\t\t\t\t</span>\n\n\t\t\t\t<Button\n\t\t\t\t\ticon={ edit }\n\t\t\t\t\tlabel={ __( 'Edit' ) }\n\t\t\t\t\tclassName=\"block-editor-link-control__search-item-action\"\n\t\t\t\t\tonClick={ onEditClick }\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t/>\n\t\t\t\t{ hasUnlinkControl && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\ticon={ linkOff }\n\t\t\t\t\t\tlabel={ __( 'Unlink' ) }\n\t\t\t\t\t\tclassName=\"block-editor-link-control__search-item-action block-editor-link-control__unlink\"\n\t\t\t\t\t\tonClick={ onRemove }\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<Button\n\t\t\t\t\ticon={ copy }\n\t\t\t\t\tlabel={ __( 'Copy URL' ) }\n\t\t\t\t\tclassName=\"block-editor-link-control__search-item-action block-editor-link-control__copy\"\n\t\t\t\t\tref={ ref }\n\t\t\t\t\tdisabled={ isEmptyURL }\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t/>\n\t\t\t\t<ViewerSlot fillProps={ value } />\n\t\t\t</div>\n\t\t\t{ additionalControls && additionalControls() }\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/build/components/link-control/search-input.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
 var _compose = require("@wordpress/compose");
 var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
@@ -14,10 +13,6 @@ var _ = require("../");
 var _searchResults = _interopRequireDefault(require("./search-results"));
 var _constants = require("./constants");
 var _useSearchHandler = _interopRequireDefault(require("./use-search-handler"));
-/**
- * External dependencies
- */
-
 /**
  * WordPress dependencies
  */
@@ -108,9 +103,6 @@ const LinkControlSearchInput = (0, _element.forwardRef)(({
       }, suggestion);
     }
   };
-  const inputClasses = (0, _classnames.default)(className, {
-    // 'has-no-label': ! hideLabelFromVision,
-  });
   return (0, _react.createElement)("div", {
     className: "block-editor-link-control__search-input-container"
   }, (0, _react.createElement)(_.URLInput, {
@@ -118,7 +110,7 @@ const LinkControlSearchInput = (0, _element.forwardRef)(({
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Link'),
     hideLabelFromVision: hideLabelFromVision,
-    className: inputClasses,
+    className: className,
     value: value,
     onChange: onInputChange,
     placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : (0, _i18n.__)('Search or type url'),

package/build/components/link-control/search-input.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_compose","_element","_i18n","_","_searchResults","_constants","_useSearchHandler","noopSearchHandler","Promise","resolve","noop","LinkControlSearchInput","forwardRef","value","children","currentLink","className","placeholder","withCreateSuggestion","onCreateSuggestion","onChange","onSelect","showSuggestions","renderSuggestions","props","_react","createElement","default","fetchSuggestions","allowDirectEntry","showInitialSuggestions","suggestionsQuery","withURLSuggestion","createSuggestionButtonText","hideLabelFromVision","ref","genericSearchHandler","useSearchHandler","searchHandler","instanceId","useInstanceId","focusedSuggestion","setFocusedSuggestion","useState","onInputChange","selection","suggestion","handleRenderSuggestions","handleSuggestionClick","onSuggestionSelected","selectedSuggestion","CREATE_TYPE","type","title","url","e","Object","keys","length","id","restLinkProps","inputClasses","classnames","URLInput","disableSuggestions","__nextHasNoMarginBottom","label","__","__experimentalRenderSuggestions","__experimentalFetchLinkSuggestions","__experimentalHandleURLSuggestions","__experimentalShowInitialSuggestions","onSubmit","event","hasSuggestion","trim","preventDefault","_default","exports"],"sources":["@wordpress/block-editor/src/components/link-control/search-input.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { forwardRef, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { URLInput } from '../';\nimport LinkControlSearchResults from './search-results';\nimport { CREATE_TYPE } from './constants';\nimport useSearchHandler from './use-search-handler';\n\n// Must be a function as otherwise URLInput will default\n// to the fetchLinkSuggestions passed in block editor settings\n// which will cause an unintended http request.\nconst noopSearchHandler = () => Promise.resolve( [] );\n\nconst noop = () => {};\n\nconst LinkControlSearchInput = forwardRef(\n\t(\n\t\t{\n\t\t\tvalue,\n\t\t\tchildren,\n\t\t\tcurrentLink = {},\n\t\t\tclassName = null,\n\t\t\tplaceholder = null,\n\t\t\twithCreateSuggestion = false,\n\t\t\tonCreateSuggestion = noop,\n\t\t\tonChange = noop,\n\t\t\tonSelect = noop,\n\t\t\tshowSuggestions = true,\n\t\t\trenderSuggestions = ( props ) => (\n\t\t\t\t<LinkControlSearchResults { ...props } />\n\t\t\t),\n\t\t\tfetchSuggestions = null,\n\t\t\tallowDirectEntry = true,\n\t\t\tshowInitialSuggestions = false,\n\t\t\tsuggestionsQuery = {},\n\t\t\twithURLSuggestion = true,\n\t\t\tcreateSuggestionButtonText,\n\t\t\thideLabelFromVision = false,\n\t\t},\n\t\tref\n\t) => {\n\t\tconst genericSearchHandler = useSearchHandler(\n\t\t\tsuggestionsQuery,\n\t\t\tallowDirectEntry,\n\t\t\twithCreateSuggestion,\n\t\t\twithURLSuggestion\n\t\t);\n\n\t\tconst searchHandler = showSuggestions\n\t\t\t? fetchSuggestions || genericSearchHandler\n\t\t\t: noopSearchHandler;\n\n\t\tconst instanceId = useInstanceId( LinkControlSearchInput );\n\t\tconst [ focusedSuggestion, setFocusedSuggestion ] = useState();\n\n\t\t/**\n\t\t * Handles the user moving between different suggestions. Does not handle\n\t\t * choosing an individual item.\n\t\t *\n\t\t * @param {string} selection  the url of the selected suggestion.\n\t\t * @param {Object} suggestion the suggestion object.\n\t\t */\n\t\tconst onInputChange = ( selection, suggestion ) => {\n\t\t\tonChange( selection );\n\t\t\tsetFocusedSuggestion( suggestion );\n\t\t};\n\n\t\tconst handleRenderSuggestions = ( props ) =>\n\t\t\trenderSuggestions( {\n\t\t\t\t...props,\n\t\t\t\tinstanceId,\n\t\t\t\twithCreateSuggestion,\n\t\t\t\tcreateSuggestionButtonText,\n\t\t\t\tsuggestionsQuery,\n\t\t\t\thandleSuggestionClick: ( suggestion ) => {\n\t\t\t\t\tif ( props.handleSuggestionClick ) {\n\t\t\t\t\t\tprops.handleSuggestionClick( suggestion );\n\t\t\t\t\t}\n\t\t\t\t\tonSuggestionSelected( suggestion );\n\t\t\t\t},\n\t\t\t} );\n\n\t\tconst onSuggestionSelected = async ( selectedSuggestion ) => {\n\t\t\tlet suggestion = selectedSuggestion;\n\t\t\tif ( CREATE_TYPE === selectedSuggestion.type ) {\n\t\t\t\t// Create a new page and call onSelect with the output from the onCreateSuggestion callback.\n\t\t\t\ttry {\n\t\t\t\t\tsuggestion = await onCreateSuggestion(\n\t\t\t\t\t\tselectedSuggestion.title\n\t\t\t\t\t);\n\t\t\t\t\tif ( suggestion?.url ) {\n\t\t\t\t\t\tonSelect( suggestion );\n\t\t\t\t\t}\n\t\t\t\t} catch ( e ) {}\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\tallowDirectEntry ||\n\t\t\t\t( suggestion && Object.keys( suggestion ).length >= 1 )\n\t\t\t) {\n\t\t\t\tconst { id, url, ...restLinkProps } = currentLink ?? {};\n\t\t\t\tonSelect(\n\t\t\t\t\t// Some direct entries don't have types or IDs, and we still need to clear the previous ones.\n\t\t\t\t\t{ ...restLinkProps, ...suggestion },\n\t\t\t\t\tsuggestion\n\t\t\t\t);\n\t\t\t}\n\t\t};\n\n\t\tconst inputClasses = classnames( className, {\n\t\t\t// 'has-no-label': ! hideLabelFromVision,\n\t\t} );\n\n\t\treturn (\n\t\t\t<div className=\"block-editor-link-control__search-input-container\">\n\t\t\t\t<URLInput\n\t\t\t\t\tdisableSuggestions={ currentLink?.url === value }\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Link' ) }\n\t\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\t\tclassName={ inputClasses }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ onInputChange }\n\t\t\t\t\tplaceholder={ placeholder ?? __( 'Search or type url' ) }\n\t\t\t\t\t__experimentalRenderSuggestions={\n\t\t\t\t\t\tshowSuggestions ? handleRenderSuggestions : null\n\t\t\t\t\t}\n\t\t\t\t\t__experimentalFetchLinkSuggestions={ searchHandler }\n\t\t\t\t\t__experimentalHandleURLSuggestions={ true }\n\t\t\t\t\t__experimentalShowInitialSuggestions={\n\t\t\t\t\t\tshowInitialSuggestions\n\t\t\t\t\t}\n\t\t\t\t\tonSubmit={ ( suggestion, event ) => {\n\t\t\t\t\t\tconst hasSuggestion = suggestion || focusedSuggestion;\n\n\t\t\t\t\t\t// If there is no suggestion and the value (ie: any manually entered URL) is empty\n\t\t\t\t\t\t// then don't allow submission otherwise we get empty links.\n\t\t\t\t\t\tif ( ! hasSuggestion && ! value?.trim()?.length ) {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tonSuggestionSelected(\n\t\t\t\t\t\t\t\thasSuggestion || { url: value }\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\tref={ ref }\n\t\t\t\t/>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nexport default LinkControlSearchInput;\n"],"mappings":"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"}
+{"version":3,"names":["_compose","require","_element","_i18n","_","_searchResults","_interopRequireDefault","_constants","_useSearchHandler","noopSearchHandler","Promise","resolve","noop","LinkControlSearchInput","forwardRef","value","children","currentLink","className","placeholder","withCreateSuggestion","onCreateSuggestion","onChange","onSelect","showSuggestions","renderSuggestions","props","_react","createElement","default","fetchSuggestions","allowDirectEntry","showInitialSuggestions","suggestionsQuery","withURLSuggestion","createSuggestionButtonText","hideLabelFromVision","ref","genericSearchHandler","useSearchHandler","searchHandler","instanceId","useInstanceId","focusedSuggestion","setFocusedSuggestion","useState","onInputChange","selection","suggestion","handleRenderSuggestions","handleSuggestionClick","onSuggestionSelected","selectedSuggestion","CREATE_TYPE","type","title","url","e","Object","keys","length","id","restLinkProps","URLInput","disableSuggestions","__nextHasNoMarginBottom","label","__","__experimentalRenderSuggestions","__experimentalFetchLinkSuggestions","__experimentalHandleURLSuggestions","__experimentalShowInitialSuggestions","onSubmit","event","hasSuggestion","trim","preventDefault","_default","exports"],"sources":["@wordpress/block-editor/src/components/link-control/search-input.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { forwardRef, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { URLInput } from '../';\nimport LinkControlSearchResults from './search-results';\nimport { CREATE_TYPE } from './constants';\nimport useSearchHandler from './use-search-handler';\n\n// Must be a function as otherwise URLInput will default\n// to the fetchLinkSuggestions passed in block editor settings\n// which will cause an unintended http request.\nconst noopSearchHandler = () => Promise.resolve( [] );\n\nconst noop = () => {};\n\nconst LinkControlSearchInput = forwardRef(\n\t(\n\t\t{\n\t\t\tvalue,\n\t\t\tchildren,\n\t\t\tcurrentLink = {},\n\t\t\tclassName = null,\n\t\t\tplaceholder = null,\n\t\t\twithCreateSuggestion = false,\n\t\t\tonCreateSuggestion = noop,\n\t\t\tonChange = noop,\n\t\t\tonSelect = noop,\n\t\t\tshowSuggestions = true,\n\t\t\trenderSuggestions = ( props ) => (\n\t\t\t\t<LinkControlSearchResults { ...props } />\n\t\t\t),\n\t\t\tfetchSuggestions = null,\n\t\t\tallowDirectEntry = true,\n\t\t\tshowInitialSuggestions = false,\n\t\t\tsuggestionsQuery = {},\n\t\t\twithURLSuggestion = true,\n\t\t\tcreateSuggestionButtonText,\n\t\t\thideLabelFromVision = false,\n\t\t},\n\t\tref\n\t) => {\n\t\tconst genericSearchHandler = useSearchHandler(\n\t\t\tsuggestionsQuery,\n\t\t\tallowDirectEntry,\n\t\t\twithCreateSuggestion,\n\t\t\twithURLSuggestion\n\t\t);\n\n\t\tconst searchHandler = showSuggestions\n\t\t\t? fetchSuggestions || genericSearchHandler\n\t\t\t: noopSearchHandler;\n\n\t\tconst instanceId = useInstanceId( LinkControlSearchInput );\n\t\tconst [ focusedSuggestion, setFocusedSuggestion ] = useState();\n\n\t\t/**\n\t\t * Handles the user moving between different suggestions. Does not handle\n\t\t * choosing an individual item.\n\t\t *\n\t\t * @param {string} selection  the url of the selected suggestion.\n\t\t * @param {Object} suggestion the suggestion object.\n\t\t */\n\t\tconst onInputChange = ( selection, suggestion ) => {\n\t\t\tonChange( selection );\n\t\t\tsetFocusedSuggestion( suggestion );\n\t\t};\n\n\t\tconst handleRenderSuggestions = ( props ) =>\n\t\t\trenderSuggestions( {\n\t\t\t\t...props,\n\t\t\t\tinstanceId,\n\t\t\t\twithCreateSuggestion,\n\t\t\t\tcreateSuggestionButtonText,\n\t\t\t\tsuggestionsQuery,\n\t\t\t\thandleSuggestionClick: ( suggestion ) => {\n\t\t\t\t\tif ( props.handleSuggestionClick ) {\n\t\t\t\t\t\tprops.handleSuggestionClick( suggestion );\n\t\t\t\t\t}\n\t\t\t\t\tonSuggestionSelected( suggestion );\n\t\t\t\t},\n\t\t\t} );\n\n\t\tconst onSuggestionSelected = async ( selectedSuggestion ) => {\n\t\t\tlet suggestion = selectedSuggestion;\n\t\t\tif ( CREATE_TYPE === selectedSuggestion.type ) {\n\t\t\t\t// Create a new page and call onSelect with the output from the onCreateSuggestion callback.\n\t\t\t\ttry {\n\t\t\t\t\tsuggestion = await onCreateSuggestion(\n\t\t\t\t\t\tselectedSuggestion.title\n\t\t\t\t\t);\n\t\t\t\t\tif ( suggestion?.url ) {\n\t\t\t\t\t\tonSelect( suggestion );\n\t\t\t\t\t}\n\t\t\t\t} catch ( e ) {}\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\tallowDirectEntry ||\n\t\t\t\t( suggestion && Object.keys( suggestion ).length >= 1 )\n\t\t\t) {\n\t\t\t\tconst { id, url, ...restLinkProps } = currentLink ?? {};\n\t\t\t\tonSelect(\n\t\t\t\t\t// Some direct entries don't have types or IDs, and we still need to clear the previous ones.\n\t\t\t\t\t{ ...restLinkProps, ...suggestion },\n\t\t\t\t\tsuggestion\n\t\t\t\t);\n\t\t\t}\n\t\t};\n\n\t\treturn (\n\t\t\t<div className=\"block-editor-link-control__search-input-container\">\n\t\t\t\t<URLInput\n\t\t\t\t\tdisableSuggestions={ currentLink?.url === value }\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Link' ) }\n\t\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\t\tclassName={ className }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ onInputChange }\n\t\t\t\t\tplaceholder={ placeholder ?? __( 'Search or type url' ) }\n\t\t\t\t\t__experimentalRenderSuggestions={\n\t\t\t\t\t\tshowSuggestions ? handleRenderSuggestions : null\n\t\t\t\t\t}\n\t\t\t\t\t__experimentalFetchLinkSuggestions={ searchHandler }\n\t\t\t\t\t__experimentalHandleURLSuggestions={ true }\n\t\t\t\t\t__experimentalShowInitialSuggestions={\n\t\t\t\t\t\tshowInitialSuggestions\n\t\t\t\t\t}\n\t\t\t\t\tonSubmit={ ( suggestion, event ) => {\n\t\t\t\t\t\tconst hasSuggestion = suggestion || focusedSuggestion;\n\n\t\t\t\t\t\t// If there is no suggestion and the value (ie: any manually entered URL) is empty\n\t\t\t\t\t\t// then don't allow submission otherwise we get empty links.\n\t\t\t\t\t\tif ( ! hasSuggestion && ! value?.trim()?.length ) {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tonSuggestionSelected(\n\t\t\t\t\t\t\t\thasSuggestion || { url: value }\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\tref={ ref }\n\t\t\t\t/>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nexport default LinkControlSearchInput;\n"],"mappings":"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"}

package/build/components/list-view/block-contents.js

@@ -73,7 +73,9 @@ const ListViewBlockContents = (0, _element.forwardRef)(({
     insertedBlock: insertedBlock,
     setInsertedBlock: setInsertedBlock
   }), (0, _react.createElement)(_blockDraggable.default, {
-    clientIds: draggableClientIds
+    appendToOwnerDocument: true,
+    clientIds: draggableClientIds,
+    cloneClassname: 'block-editor-list-view-draggable-chip'
   }, ({
     draggable,
     onDragStart,

package/build/components/list-view/block-contents.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_data","_element","_blockSelectButton","_blockDraggable","_store","_context","ListViewBlockContents","forwardRef","onClick","onToggleExpanded","block","isSelected","position","siblingBlockCount","level","isExpanded","selectedClientIds","props","ref","clientId","blockMovingClientId","selectedBlockInBlockEditor","useSelect","select","hasBlockMovingClientId","getSelectedBlockClientId","blockEditorStore","AdditionalBlockContent","insertedBlock","setInsertedBlock","useListViewContext","isBlockMoveTarget","className","classnames","draggableClientIds","includes","_react","createElement","Fragment","default","clientIds","draggable","onDragStart","onDragEnd","_default","exports"],"sources":["@wordpress/block-editor/src/components/list-view/block-contents.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport ListViewBlockSelectButton from './block-select-button';\nimport BlockDraggable from '../block-draggable';\nimport { store as blockEditorStore } from '../../store';\nimport { useListViewContext } from './context';\n\nconst ListViewBlockContents = forwardRef(\n\t(\n\t\t{\n\t\t\tonClick,\n\t\t\tonToggleExpanded,\n\t\t\tblock,\n\t\t\tisSelected,\n\t\t\tposition,\n\t\t\tsiblingBlockCount,\n\t\t\tlevel,\n\t\t\tisExpanded,\n\t\t\tselectedClientIds,\n\t\t\t...props\n\t\t},\n\t\tref\n\t) => {\n\t\tconst { clientId } = block;\n\n\t\tconst { blockMovingClientId, selectedBlockInBlockEditor } = useSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst { hasBlockMovingClientId, getSelectedBlockClientId } =\n\t\t\t\t\tselect( blockEditorStore );\n\t\t\t\treturn {\n\t\t\t\t\tblockMovingClientId: hasBlockMovingClientId(),\n\t\t\t\t\tselectedBlockInBlockEditor: getSelectedBlockClientId(),\n\t\t\t\t};\n\t\t\t},\n\t\t\t[]\n\t\t);\n\n\t\tconst { AdditionalBlockContent, insertedBlock, setInsertedBlock } =\n\t\t\tuseListViewContext();\n\n\t\tconst isBlockMoveTarget =\n\t\t\tblockMovingClientId && selectedBlockInBlockEditor === clientId;\n\n\t\tconst className = classnames( 'block-editor-list-view-block-contents', {\n\t\t\t'is-dropping-before': isBlockMoveTarget,\n\t\t} );\n\n\t\t// Only include all selected blocks if the currently clicked on block\n\t\t// is one of the selected blocks. This ensures that if a user attempts\n\t\t// to drag a block that isn't part of the selection, they're still able\n\t\t// to drag it and rearrange its position.\n\t\tconst draggableClientIds = selectedClientIds.includes( clientId )\n\t\t\t? selectedClientIds\n\t\t\t: [ clientId ];\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ AdditionalBlockContent && (\n\t\t\t\t\t<AdditionalBlockContent\n\t\t\t\t\t\tblock={ block }\n\t\t\t\t\t\tinsertedBlock={ insertedBlock }\n\t\t\t\t\t\tsetInsertedBlock={ setInsertedBlock }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<BlockDraggable clientIds={ draggableClientIds }>\n\t\t\t\t\t{ ( { draggable, onDragStart, onDragEnd } ) => (\n\t\t\t\t\t\t<ListViewBlockSelectButton\n\t\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\t\tclassName={ className }\n\t\t\t\t\t\t\tblock={ block }\n\t\t\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\t\t\tonToggleExpanded={ onToggleExpanded }\n\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\tposition={ position }\n\t\t\t\t\t\t\tsiblingBlockCount={ siblingBlockCount }\n\t\t\t\t\t\t\tlevel={ level }\n\t\t\t\t\t\t\tdraggable={ draggable }\n\t\t\t\t\t\t\tonDragStart={ onDragStart }\n\t\t\t\t\t\t\tonDragEnd={ onDragEnd }\n\t\t\t\t\t\t\tisExpanded={ isExpanded }\n\t\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</BlockDraggable>\n\t\t\t</>\n\t\t);\n\t}\n);\n\nexport default ListViewBlockContents;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,kBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAMA,MAAMO,qBAAqB,GAAG,IAAAC,mBAAU,EACvC,CACC;EACCC,OAAO;EACPC,gBAAgB;EAChBC,KAAK;EACLC,UAAU;EACVC,QAAQ;EACRC,iBAAiB;EACjBC,KAAK;EACLC,UAAU;EACVC,iBAAiB;EACjB,GAAGC;AACJ,CAAC,EACDC,GAAG,KACC;EACJ,MAAM;IAAEC;EAAS,CAAC,GAAGT,KAAK;EAE1B,MAAM;IAAEU,mBAAmB;IAAEC;EAA2B,CAAC,GAAG,IAAAC,eAAS,EAClEC,MAAM,IAAM;IACb,MAAM;MAAEC,sBAAsB;MAAEC;IAAyB,CAAC,GACzDF,MAAM,CAAEG,YAAiB,CAAC;IAC3B,OAAO;MACNN,mBAAmB,EAAEI,sBAAsB,CAAC,CAAC;MAC7CH,0BAA0B,EAAEI,wBAAwB,CAAC;IACtD,CAAC;EACF,CAAC,EACD,EACD,CAAC;EAED,MAAM;IAAEE,sBAAsB;IAAEC,aAAa;IAAEC;EAAiB,CAAC,GAChE,IAAAC,2BAAkB,EAAC,CAAC;EAErB,MAAMC,iBAAiB,GACtBX,mBAAmB,IAAIC,0BAA0B,KAAKF,QAAQ;EAE/D,MAAMa,SAAS,GAAG,IAAAC,mBAAU,EAAE,uCAAuC,EAAE;IACtE,oBAAoB,EAAEF;EACvB,CAAE,CAAC;;EAEH;EACA;EACA;EACA;EACA,MAAMG,kBAAkB,GAAGlB,iBAAiB,CAACmB,QAAQ,CAAEhB,QAAS,CAAC,GAC9DH,iBAAiB,GACjB,CAAEG,QAAQ,CAAE;EAEf,OACC,IAAAiB,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACGX,sBAAsB,IACvB,IAAAS,MAAA,CAAAC,aAAA,EAACV,sBAAsB;IACtBjB,KAAK,EAAGA,KAAO;IACfkB,aAAa,EAAGA,aAAe;IAC/BC,gBAAgB,EAAGA;EAAkB,CACrC,CACD,EACD,IAAAO,MAAA,CAAAC,aAAA,EAAClC,eAAA,CAAAoC,OAAc;IAACC,SAAS,EAAGN;EAAoB,GAC7C,CAAE;IAAEO,SAAS;IAAEC,WAAW;IAAEC;EAAU,CAAC,KACxC,IAAAP,MAAA,CAAAC,aAAA,EAACnC,kBAAA,CAAAqC,OAAyB;IACzBrB,GAAG,EAAGA,GAAK;IACXc,SAAS,EAAGA,SAAW;IACvBtB,KAAK,EAAGA,KAAO;IACfF,OAAO,EAAGA,OAAS;IACnBC,gBAAgB,EAAGA,gBAAkB;IACrCE,UAAU,EAAGA,UAAY;IACzBC,QAAQ,EAAGA,QAAU;IACrBC,iBAAiB,EAAGA,iBAAmB;IACvCC,KAAK,EAAGA,KAAO;IACf2B,SAAS,EAAGA,SAAW;IACvBC,WAAW,EAAGA,WAAa;IAC3BC,SAAS,EAAGA,SAAW;IACvB5B,UAAU,EAAGA,UAAY;IAAA,GACpBE;EAAK,CACV,CAEa,CACf,CAAC;AAEL,CACD,CAAC;AAAC,IAAA2B,QAAA,GAEatC,qBAAqB;AAAAuC,OAAA,CAAAN,OAAA,GAAAK,QAAA"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_data","_element","_blockSelectButton","_blockDraggable","_store","_context","ListViewBlockContents","forwardRef","onClick","onToggleExpanded","block","isSelected","position","siblingBlockCount","level","isExpanded","selectedClientIds","props","ref","clientId","blockMovingClientId","selectedBlockInBlockEditor","useSelect","select","hasBlockMovingClientId","getSelectedBlockClientId","blockEditorStore","AdditionalBlockContent","insertedBlock","setInsertedBlock","useListViewContext","isBlockMoveTarget","className","classnames","draggableClientIds","includes","_react","createElement","Fragment","default","appendToOwnerDocument","clientIds","cloneClassname","draggable","onDragStart","onDragEnd","_default","exports"],"sources":["@wordpress/block-editor/src/components/list-view/block-contents.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport ListViewBlockSelectButton from './block-select-button';\nimport BlockDraggable from '../block-draggable';\nimport { store as blockEditorStore } from '../../store';\nimport { useListViewContext } from './context';\n\nconst ListViewBlockContents = forwardRef(\n\t(\n\t\t{\n\t\t\tonClick,\n\t\t\tonToggleExpanded,\n\t\t\tblock,\n\t\t\tisSelected,\n\t\t\tposition,\n\t\t\tsiblingBlockCount,\n\t\t\tlevel,\n\t\t\tisExpanded,\n\t\t\tselectedClientIds,\n\t\t\t...props\n\t\t},\n\t\tref\n\t) => {\n\t\tconst { clientId } = block;\n\n\t\tconst { blockMovingClientId, selectedBlockInBlockEditor } = useSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst { hasBlockMovingClientId, getSelectedBlockClientId } =\n\t\t\t\t\tselect( blockEditorStore );\n\t\t\t\treturn {\n\t\t\t\t\tblockMovingClientId: hasBlockMovingClientId(),\n\t\t\t\t\tselectedBlockInBlockEditor: getSelectedBlockClientId(),\n\t\t\t\t};\n\t\t\t},\n\t\t\t[]\n\t\t);\n\n\t\tconst { AdditionalBlockContent, insertedBlock, setInsertedBlock } =\n\t\t\tuseListViewContext();\n\n\t\tconst isBlockMoveTarget =\n\t\t\tblockMovingClientId && selectedBlockInBlockEditor === clientId;\n\n\t\tconst className = classnames( 'block-editor-list-view-block-contents', {\n\t\t\t'is-dropping-before': isBlockMoveTarget,\n\t\t} );\n\n\t\t// Only include all selected blocks if the currently clicked on block\n\t\t// is one of the selected blocks. This ensures that if a user attempts\n\t\t// to drag a block that isn't part of the selection, they're still able\n\t\t// to drag it and rearrange its position.\n\t\tconst draggableClientIds = selectedClientIds.includes( clientId )\n\t\t\t? selectedClientIds\n\t\t\t: [ clientId ];\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ AdditionalBlockContent && (\n\t\t\t\t\t<AdditionalBlockContent\n\t\t\t\t\t\tblock={ block }\n\t\t\t\t\t\tinsertedBlock={ insertedBlock }\n\t\t\t\t\t\tsetInsertedBlock={ setInsertedBlock }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<BlockDraggable\n\t\t\t\t\tappendToOwnerDocument\n\t\t\t\t\tclientIds={ draggableClientIds }\n\t\t\t\t\tcloneClassname={ 'block-editor-list-view-draggable-chip' }\n\t\t\t\t>\n\t\t\t\t\t{ ( { draggable, onDragStart, onDragEnd } ) => (\n\t\t\t\t\t\t<ListViewBlockSelectButton\n\t\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\t\tclassName={ className }\n\t\t\t\t\t\t\tblock={ block }\n\t\t\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\t\t\tonToggleExpanded={ onToggleExpanded }\n\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\tposition={ position }\n\t\t\t\t\t\t\tsiblingBlockCount={ siblingBlockCount }\n\t\t\t\t\t\t\tlevel={ level }\n\t\t\t\t\t\t\tdraggable={ draggable }\n\t\t\t\t\t\t\tonDragStart={ onDragStart }\n\t\t\t\t\t\t\tonDragEnd={ onDragEnd }\n\t\t\t\t\t\t\tisExpanded={ isExpanded }\n\t\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</BlockDraggable>\n\t\t\t</>\n\t\t);\n\t}\n);\n\nexport default ListViewBlockContents;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,kBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAMA,MAAMO,qBAAqB,GAAG,IAAAC,mBAAU,EACvC,CACC;EACCC,OAAO;EACPC,gBAAgB;EAChBC,KAAK;EACLC,UAAU;EACVC,QAAQ;EACRC,iBAAiB;EACjBC,KAAK;EACLC,UAAU;EACVC,iBAAiB;EACjB,GAAGC;AACJ,CAAC,EACDC,GAAG,KACC;EACJ,MAAM;IAAEC;EAAS,CAAC,GAAGT,KAAK;EAE1B,MAAM;IAAEU,mBAAmB;IAAEC;EAA2B,CAAC,GAAG,IAAAC,eAAS,EAClEC,MAAM,IAAM;IACb,MAAM;MAAEC,sBAAsB;MAAEC;IAAyB,CAAC,GACzDF,MAAM,CAAEG,YAAiB,CAAC;IAC3B,OAAO;MACNN,mBAAmB,EAAEI,sBAAsB,CAAC,CAAC;MAC7CH,0BAA0B,EAAEI,wBAAwB,CAAC;IACtD,CAAC;EACF,CAAC,EACD,EACD,CAAC;EAED,MAAM;IAAEE,sBAAsB;IAAEC,aAAa;IAAEC;EAAiB,CAAC,GAChE,IAAAC,2BAAkB,EAAC,CAAC;EAErB,MAAMC,iBAAiB,GACtBX,mBAAmB,IAAIC,0BAA0B,KAAKF,QAAQ;EAE/D,MAAMa,SAAS,GAAG,IAAAC,mBAAU,EAAE,uCAAuC,EAAE;IACtE,oBAAoB,EAAEF;EACvB,CAAE,CAAC;;EAEH;EACA;EACA;EACA;EACA,MAAMG,kBAAkB,GAAGlB,iBAAiB,CAACmB,QAAQ,CAAEhB,QAAS,CAAC,GAC9DH,iBAAiB,GACjB,CAAEG,QAAQ,CAAE;EAEf,OACC,IAAAiB,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACGX,sBAAsB,IACvB,IAAAS,MAAA,CAAAC,aAAA,EAACV,sBAAsB;IACtBjB,KAAK,EAAGA,KAAO;IACfkB,aAAa,EAAGA,aAAe;IAC/BC,gBAAgB,EAAGA;EAAkB,CACrC,CACD,EACD,IAAAO,MAAA,CAAAC,aAAA,EAAClC,eAAA,CAAAoC,OAAc;IACdC,qBAAqB;IACrBC,SAAS,EAAGP,kBAAoB;IAChCQ,cAAc,EAAG;EAAyC,GAExD,CAAE;IAAEC,SAAS;IAAEC,WAAW;IAAEC;EAAU,CAAC,KACxC,IAAAT,MAAA,CAAAC,aAAA,EAACnC,kBAAA,CAAAqC,OAAyB;IACzBrB,GAAG,EAAGA,GAAK;IACXc,SAAS,EAAGA,SAAW;IACvBtB,KAAK,EAAGA,KAAO;IACfF,OAAO,EAAGA,OAAS;IACnBC,gBAAgB,EAAGA,gBAAkB;IACrCE,UAAU,EAAGA,UAAY;IACzBC,QAAQ,EAAGA,QAAU;IACrBC,iBAAiB,EAAGA,iBAAmB;IACvCC,KAAK,EAAGA,KAAO;IACf6B,SAAS,EAAGA,SAAW;IACvBC,WAAW,EAAGA,WAAa;IAC3BC,SAAS,EAAGA,SAAW;IACvB9B,UAAU,EAAGA,UAAY;IAAA,GACpBE;EAAK,CACV,CAEa,CACf,CAAC;AAEL,CACD,CAAC;AAAC,IAAA6B,QAAA,GAEaxC,qBAAqB;AAAAyC,OAAA,CAAAR,OAAA,GAAAO,QAAA"}

package/build/components/list-view/block.js

@@ -41,7 +41,10 @@ function ListViewBlock({
   block: {
     clientId
   },
+  displacement,
+  isAfterDraggedBlocks,
   isDragged,
+  isNesting,
   isSelected,
   isBranchSelected,
   selectBlock,
@@ -216,7 +219,12 @@ function ListViewBlock({
     'is-dragging': isDragged,
     'has-single-cell': !showBlockActions,
     'is-synced': blockInformation?.isSynced,
-    'is-draggable': canMove
+    'is-draggable': canMove,
+    'is-displacement-normal': displacement === 'normal',
+    'is-displacement-up': displacement === 'up',
+    'is-displacement-down': displacement === 'down',
+    'is-after-dragged-blocks': isAfterDraggedBlocks,
+    'is-nesting': isNesting
   });
 
   // Only include all selected blocks if the currently clicked on block
@@ -238,6 +246,7 @@ function ListViewBlock({
   const currentlyEditingBlockInCanvas = isSelected && selectedClientIds.length === 1;
   return (0, _react.createElement)(_leaf.default, {
     className: classes,
+    isDragged: isDragged,
     onKeyDown: onKeyDown,
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,