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

package/build/hooks/use-editor-wrapper-styles.native.js

@@ -1,227 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useEditorWrapperStyles = useEditorWrapperStyles;
-var _reactNative = require("react-native");
-var _element = require("@wordpress/element");
-var _components = require("@wordpress/components");
-var _useEditorWrapperStyles = _interopRequireDefault(require("./use-editor-wrapper-styles.scss"));
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const ALIGNMENT_MAX_WIDTH = {
-  full: '100%',
-  wide: 1054,
-  wideMedium: 770,
-  wideLandscape: 662
-};
-const BLOCK_DEFAULT_MARGIN = 16;
-
-/**
- * Get the styles for the wide width alignment.
- *
- * @param {Object}  [options]           The options for the helper.
- * @param {string}  options.align       The alignment value.
- * @param {boolean} options.isLandscape Whether the screen is in landscape mode.
- * @param {number}  options.width       The width of the screen.
- * @return {Object} An object containing the styles for the wide width alignment.
- */
-function getWideWidthStyles({
-  align,
-  isLandscape,
-  width
-} = {}) {
-  if (align !== _components.WIDE_ALIGNMENTS.alignments.wide) {
-    return {};
-  }
-  if (isLandscape && width < _components.ALIGNMENT_BREAKPOINTS.large) {
-    return {
-      maxWidth: ALIGNMENT_MAX_WIDTH.wideLandscape
-    };
-  }
-  if (width <= _components.ALIGNMENT_BREAKPOINTS.small) {
-    return {
-      maxWidth: width
-    };
-  }
-  if (width >= _components.ALIGNMENT_BREAKPOINTS.medium && width < _components.ALIGNMENT_BREAKPOINTS.wide) {
-    return {
-      maxWidth: ALIGNMENT_MAX_WIDTH.wideMedium
-    };
-  }
-  return {
-    maxWidth: ALIGNMENT_MAX_WIDTH.wide
-  };
-}
-
-/**
- * Get the styles for the full width alignment.
- *
- * @param {Object}  [options]               The options for the helper.
- * @param {string}  options.align           The alignment value.
- * @param {string}  options.blockName       The name of the block.
- * @param {boolean} options.hasParents      Whether the block has parents.
- * @param {string}  options.parentBlockName The name of the parent block.
- * @return {Object} An object containing the styles for the full width alignment.
- */
-function getFullWidthStyles({
-  align,
-  blockName,
-  hasParents,
-  parentBlockName
-} = {}) {
-  const {
-    isContainerRelated,
-    isFullWidth
-  } = _components.alignmentHelpers;
-  const fullWidthStyles = isFullWidth(align) ? {
-    maxWidth: ALIGNMENT_MAX_WIDTH.full
-  } : {};
-  if (!align && hasParents && !isContainerRelated(parentBlockName) && isContainerRelated(blockName)) {
-    fullWidthStyles.paddingHorizontal = BLOCK_DEFAULT_MARGIN;
-  }
-  return fullWidthStyles;
-}
-
-/**
- * Get the block margin based on various conditions.
- *
- * @param {Object}  [options]                    The options for the helper.
- * @param {string}  options.align                The alignment value.
- * @param {string}  options.blockName            The name of the block.
- * @param {number}  options.blockWidth           The width of the block.
- * @param {boolean} options.hasParents           Whether the block has parents.
- * @param {number}  options.marginHorizontal     Default horizontal margin.
- * @param {string}  options.parentBlockAlignment The alignment of the parent block.
- * @param {string}  options.parentBlockName      The name of the parent block.
- * @param {number}  options.parentWidth          The width of the parent block.
- * @param {number}  options.width                The width of the screen.
- * @return {number} The calculated block margin.
- */
-function getBlockMargin({
-  align,
-  blockName,
-  blockWidth,
-  hasParents,
-  marginHorizontal,
-  parentBlockAlignment,
-  parentBlockName,
-  parentWidth,
-  width
-} = {}) {
-  const {
-    isContainerRelated,
-    isWider,
-    isWideWidth,
-    isFullWidth
-  } = _components.alignmentHelpers;
-  if (isFullWidth(align)) {
-    if (!hasParents) {
-      return 0;
-    }
-    return marginHorizontal;
-  }
-  if (isWideWidth(align)) {
-    return marginHorizontal;
-  }
-  if (isFullWidth(parentBlockAlignment) && !isWider(blockWidth, 'medium')) {
-    if (isContainerRelated(blockName) || isWider(width, 'mobile')) {
-      return marginHorizontal;
-    }
-    return marginHorizontal * 2;
-  }
-  if (isContainerRelated(parentBlockName) && !isContainerRelated(blockName)) {
-    const isScreenWidthEqual = parentWidth === width;
-    if (isScreenWidthEqual || isWider(width, 'mobile')) {
-      return marginHorizontal;
-    }
-  }
-  return marginHorizontal;
-}
-
-/**
- * Custom hook to get the styles and margin for the editor wrapper.
- *
- * @param {Object}  [props]                    The props for the hook.
- * @param {string}  props.align                The alignment value.
- * @param {string}  props.blockName            The name of the block.
- * @param {number}  props.blockWidth           The width of the block.
- * @param {string}  props.contentResizeMode    The content resize mode.
- * @param {boolean} props.hasParents           Whether the block has parents.
- * @param {number}  props.marginHorizontal     Default horizontal margin.
- * @param {string}  props.parentBlockAlignment The alignment of the parent block.
- * @param {string}  props.parentBlockName      The name of the parent block.
- * @param {number}  props.parentWidth          The width of the parent block.
- * @param {boolean} [props.reversed=false]     Whether the flex direction should be reversed.
- * @return {[Array, number]} An array containing the wrapper styles and block margin.
- */
-function useEditorWrapperStyles({
-  align,
-  blockName,
-  blockWidth,
-  contentResizeMode,
-  hasParents,
-  marginHorizontal,
-  parentBlockAlignment,
-  parentBlockName,
-  parentWidth,
-  reversed = false
-} = {}) {
-  const {
-    width,
-    height
-  } = (0, _reactNative.useWindowDimensions)();
-  const isLandscape = width >= height;
-  const blockMargin = (0, _element.useMemo)(() => getBlockMargin({
-    align,
-    blockName,
-    blockWidth,
-    hasParents,
-    marginHorizontal,
-    parentBlockAlignment,
-    parentBlockName,
-    parentWidth,
-    width
-  }), [align, blockName, blockWidth, hasParents, marginHorizontal, parentBlockAlignment, parentBlockName, parentWidth, width]);
-  const wrapperStyles = (0, _element.useMemo)(() => {
-    let canvasStyles;
-    if (contentResizeMode === 'stretch') {
-      // For these cases, no width constraints should be added.
-      canvasStyles = {
-        flex: 1
-      };
-    } else if (reversed) {
-      canvasStyles = _useEditorWrapperStyles.default['use-editor-wrapper-styles--reversed'];
-    } else {
-      canvasStyles = _useEditorWrapperStyles.default['use-editor-wrapper-styles'];
-    }
-    const alignmentStyles = {
-      ...getWideWidthStyles({
-        align,
-        isLandscape,
-        width
-      }),
-      ...getFullWidthStyles({
-        align,
-        blockName,
-        hasParents,
-        parentBlockName
-      })
-    };
-    return [canvasStyles, alignmentStyles];
-  }, [align, blockName, hasParents, parentBlockName, isLandscape, width, contentResizeMode, reversed]);
-  return [wrapperStyles, blockMargin];
-}
-//# sourceMappingURL=use-editor-wrapper-styles.native.js.map

package/build/hooks/use-editor-wrapper-styles.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_element","_components","_useEditorWrapperStyles","_interopRequireDefault","ALIGNMENT_MAX_WIDTH","full","wide","wideMedium","wideLandscape","BLOCK_DEFAULT_MARGIN","getWideWidthStyles","align","isLandscape","width","WIDE_ALIGNMENTS","alignments","ALIGNMENT_BREAKPOINTS","large","maxWidth","small","medium","getFullWidthStyles","blockName","hasParents","parentBlockName","isContainerRelated","isFullWidth","alignmentHelpers","fullWidthStyles","paddingHorizontal","getBlockMargin","blockWidth","marginHorizontal","parentBlockAlignment","parentWidth","isWider","isWideWidth","isScreenWidthEqual","useEditorWrapperStyles","contentResizeMode","reversed","height","useWindowDimensions","blockMargin","useMemo","wrapperStyles","canvasStyles","flex","styles","alignmentStyles"],"sources":["@wordpress/block-editor/src/hooks/use-editor-wrapper-styles.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useWindowDimensions } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport {\n\tALIGNMENT_BREAKPOINTS,\n\tWIDE_ALIGNMENTS,\n\talignmentHelpers,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport styles from './use-editor-wrapper-styles.scss';\n\nconst ALIGNMENT_MAX_WIDTH = {\n\tfull: '100%',\n\twide: 1054,\n\twideMedium: 770,\n\twideLandscape: 662,\n};\n\nconst BLOCK_DEFAULT_MARGIN = 16;\n\n/**\n * Get the styles for the wide width alignment.\n *\n * @param {Object}  [options]           The options for the helper.\n * @param {string}  options.align       The alignment value.\n * @param {boolean} options.isLandscape Whether the screen is in landscape mode.\n * @param {number}  options.width       The width of the screen.\n * @return {Object} An object containing the styles for the wide width alignment.\n */\nfunction getWideWidthStyles( { align, isLandscape, width } = {} ) {\n\tif ( align !== WIDE_ALIGNMENTS.alignments.wide ) {\n\t\treturn {};\n\t}\n\n\tif ( isLandscape && width < ALIGNMENT_BREAKPOINTS.large ) {\n\t\treturn { maxWidth: ALIGNMENT_MAX_WIDTH.wideLandscape };\n\t}\n\n\tif ( width <= ALIGNMENT_BREAKPOINTS.small ) {\n\t\treturn { maxWidth: width };\n\t}\n\n\tif (\n\t\twidth >= ALIGNMENT_BREAKPOINTS.medium &&\n\t\twidth < ALIGNMENT_BREAKPOINTS.wide\n\t) {\n\t\treturn { maxWidth: ALIGNMENT_MAX_WIDTH.wideMedium };\n\t}\n\n\treturn { maxWidth: ALIGNMENT_MAX_WIDTH.wide };\n}\n\n/**\n * Get the styles for the full width alignment.\n *\n * @param {Object}  [options]               The options for the helper.\n * @param {string}  options.align           The alignment value.\n * @param {string}  options.blockName       The name of the block.\n * @param {boolean} options.hasParents      Whether the block has parents.\n * @param {string}  options.parentBlockName The name of the parent block.\n * @return {Object} An object containing the styles for the full width alignment.\n */\nfunction getFullWidthStyles( {\n\talign,\n\tblockName,\n\thasParents,\n\tparentBlockName,\n} = {} ) {\n\tconst { isContainerRelated, isFullWidth } = alignmentHelpers;\n\tconst fullWidthStyles = isFullWidth( align )\n\t\t? { maxWidth: ALIGNMENT_MAX_WIDTH.full }\n\t\t: {};\n\n\tif (\n\t\t! align &&\n\t\thasParents &&\n\t\t! isContainerRelated( parentBlockName ) &&\n\t\tisContainerRelated( blockName )\n\t) {\n\t\tfullWidthStyles.paddingHorizontal = BLOCK_DEFAULT_MARGIN;\n\t}\n\n\treturn fullWidthStyles;\n}\n\n/**\n * Get the block margin based on various conditions.\n *\n * @param {Object}  [options]                    The options for the helper.\n * @param {string}  options.align                The alignment value.\n * @param {string}  options.blockName            The name of the block.\n * @param {number}  options.blockWidth           The width of the block.\n * @param {boolean} options.hasParents           Whether the block has parents.\n * @param {number}  options.marginHorizontal     Default horizontal margin.\n * @param {string}  options.parentBlockAlignment The alignment of the parent block.\n * @param {string}  options.parentBlockName      The name of the parent block.\n * @param {number}  options.parentWidth          The width of the parent block.\n * @param {number}  options.width                The width of the screen.\n * @return {number} The calculated block margin.\n */\nfunction getBlockMargin( {\n\talign,\n\tblockName,\n\tblockWidth,\n\thasParents,\n\tmarginHorizontal,\n\tparentBlockAlignment,\n\tparentBlockName,\n\tparentWidth,\n\twidth,\n} = {} ) {\n\tconst { isContainerRelated, isWider, isWideWidth, isFullWidth } =\n\t\talignmentHelpers;\n\n\tif ( isFullWidth( align ) ) {\n\t\tif ( ! hasParents ) {\n\t\t\treturn 0;\n\t\t}\n\t\treturn marginHorizontal;\n\t}\n\n\tif ( isWideWidth( align ) ) {\n\t\treturn marginHorizontal;\n\t}\n\n\tif (\n\t\tisFullWidth( parentBlockAlignment ) &&\n\t\t! isWider( blockWidth, 'medium' )\n\t) {\n\t\tif ( isContainerRelated( blockName ) || isWider( width, 'mobile' ) ) {\n\t\t\treturn marginHorizontal;\n\t\t}\n\t\treturn marginHorizontal * 2;\n\t}\n\n\tif (\n\t\tisContainerRelated( parentBlockName ) &&\n\t\t! isContainerRelated( blockName )\n\t) {\n\t\tconst isScreenWidthEqual = parentWidth === width;\n\t\tif ( isScreenWidthEqual || isWider( width, 'mobile' ) ) {\n\t\t\treturn marginHorizontal;\n\t\t}\n\t}\n\n\treturn marginHorizontal;\n}\n\n/**\n * Custom hook to get the styles and margin for the editor wrapper.\n *\n * @param {Object}  [props]                    The props for the hook.\n * @param {string}  props.align                The alignment value.\n * @param {string}  props.blockName            The name of the block.\n * @param {number}  props.blockWidth           The width of the block.\n * @param {string}  props.contentResizeMode    The content resize mode.\n * @param {boolean} props.hasParents           Whether the block has parents.\n * @param {number}  props.marginHorizontal     Default horizontal margin.\n * @param {string}  props.parentBlockAlignment The alignment of the parent block.\n * @param {string}  props.parentBlockName      The name of the parent block.\n * @param {number}  props.parentWidth          The width of the parent block.\n * @param {boolean} [props.reversed=false]     Whether the flex direction should be reversed.\n * @return {[Array, number]} An array containing the wrapper styles and block margin.\n */\nexport function useEditorWrapperStyles( {\n\talign,\n\tblockName,\n\tblockWidth,\n\tcontentResizeMode,\n\thasParents,\n\tmarginHorizontal,\n\tparentBlockAlignment,\n\tparentBlockName,\n\tparentWidth,\n\treversed = false,\n} = {} ) {\n\tconst { width, height } = useWindowDimensions();\n\tconst isLandscape = width >= height;\n\n\tconst blockMargin = useMemo(\n\t\t() =>\n\t\t\tgetBlockMargin( {\n\t\t\t\talign,\n\t\t\t\tblockName,\n\t\t\t\tblockWidth,\n\t\t\t\thasParents,\n\t\t\t\tmarginHorizontal,\n\t\t\t\tparentBlockAlignment,\n\t\t\t\tparentBlockName,\n\t\t\t\tparentWidth,\n\t\t\t\twidth,\n\t\t\t} ),\n\t\t[\n\t\t\talign,\n\t\t\tblockName,\n\t\t\tblockWidth,\n\t\t\thasParents,\n\t\t\tmarginHorizontal,\n\t\t\tparentBlockAlignment,\n\t\t\tparentBlockName,\n\t\t\tparentWidth,\n\t\t\twidth,\n\t\t]\n\t);\n\n\tconst wrapperStyles = useMemo( () => {\n\t\tlet canvasStyles;\n\n\t\tif ( contentResizeMode === 'stretch' ) {\n\t\t\t// For these cases, no width constraints should be added.\n\t\t\tcanvasStyles = { flex: 1 };\n\t\t} else if ( reversed ) {\n\t\t\tcanvasStyles = styles[ 'use-editor-wrapper-styles--reversed' ];\n\t\t} else {\n\t\t\tcanvasStyles = styles[ 'use-editor-wrapper-styles' ];\n\t\t}\n\n\t\tconst alignmentStyles = {\n\t\t\t...getWideWidthStyles( { align, isLandscape, width } ),\n\t\t\t...getFullWidthStyles( {\n\t\t\t\talign,\n\t\t\t\tblockName,\n\t\t\t\thasParents,\n\t\t\t\tparentBlockName,\n\t\t\t} ),\n\t\t};\n\n\t\treturn [ canvasStyles, alignmentStyles ];\n\t}, [\n\t\talign,\n\t\tblockName,\n\t\thasParents,\n\t\tparentBlockName,\n\t\tisLandscape,\n\t\twidth,\n\t\tcontentResizeMode,\n\t\treversed,\n\t] );\n\n\treturn [ wrapperStyles, blockMargin ];\n}\n"],"mappings":"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","ignoreList":[]}

package/build/index.native.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  useEditorWrapperStyles: true
-};
-Object.defineProperty(exports, "useEditorWrapperStyles", {
-  enumerable: true,
-  get: function () {
-    return _hooks.useEditorWrapperStyles;
-  }
-});
-var _index = require("./index.js");
-Object.keys(_index).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _index[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _index[key];
-    }
-  });
-});
-var _hooks = require("./hooks");
-//# sourceMappingURL=index.native.js.map

package/build/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_index","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_hooks"],"sources":["@wordpress/block-editor/src/index.native.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nexport * from './index.js';\n\nexport { useEditorWrapperStyles } from './hooks';\n"],"mappings":";;;;;;;;;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,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,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAb,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAS,MAAA,GAAAb,OAAA","ignoreList":[]}

package/build/private-apis.native.js

@@ -1,31 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.privateApis = void 0;
-var globalStyles = _interopRequireWildcard(require("./components/global-styles"));
-var _provider = require("./components/provider");
-var _getRichTextValues = require("./components/rich-text/get-rich-text-values");
-var _lockUnlock = require("./lock-unlock");
-var _richText = require("./components/rich-text/");
-var _htmlElementControl = _interopRequireDefault(require("./components/html-element-control"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * Internal dependencies
- */
-
-/**
- * Private @wordpress/block-editor APIs.
- */
-const privateApis = exports.privateApis = {};
-(0, _lockUnlock.lock)(privateApis, {
-  ...globalStyles,
-  ExperimentalBlockEditorProvider: _provider.ExperimentalBlockEditorProvider,
-  getRichTextValues: _getRichTextValues.getRichTextValues,
-  PrivateRichText: _richText.PrivateRichText,
-  HTMLElementControl: _htmlElementControl.default
-});
-//# sourceMappingURL=private-apis.native.js.map

package/build/private-apis.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["globalStyles","_interopRequireWildcard","require","_provider","_getRichTextValues","_lockUnlock","_richText","_htmlElementControl","_interopRequireDefault","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","privateApis","exports","lock","ExperimentalBlockEditorProvider","getRichTextValues","PrivateRichText","HTMLElementControl"],"sources":["@wordpress/block-editor/src/private-apis.native.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport * as globalStyles from './components/global-styles';\nimport { ExperimentalBlockEditorProvider } from './components/provider';\nimport { getRichTextValues } from './components/rich-text/get-rich-text-values';\nimport { lock } from './lock-unlock';\nimport { PrivateRichText } from './components/rich-text/';\nimport HTMLElementControl from './components/html-element-control';\n\n/**\n * Private @wordpress/block-editor APIs.\n */\nexport const privateApis = {};\nlock( privateApis, {\n\t...globalStyles,\n\tExperimentalBlockEditorProvider,\n\tgetRichTextValues,\n\tPrivateRichText,\n\tHTMLElementControl,\n} );\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAC,sBAAA,CAAAN,OAAA;AAAmE,SAAAO,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AARnE;AACA;AACA;;AAQA;AACA;AACA;AACO,MAAMW,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,CAAC,CAAC;AAC7B,IAAAE,gBAAI,EAAEF,WAAW,EAAE;EAClB,GAAG7B,YAAY;EACfgC,+BAA+B,EAA/BA,yCAA+B;EAC/BC,iBAAiB,EAAjBA,oCAAiB;EACjBC,eAAe,EAAfA,yBAAe;EACfC,kBAAkB,EAAlBA;AACD,CAAE,CAAC","ignoreList":[]}

package/build/store/defaults.native.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "PREFERENCES_DEFAULTS", {
-  enumerable: true,
-  get: function () {
-    return _defaults.PREFERENCES_DEFAULTS;
-  }
-});
-exports.SETTINGS_DEFAULTS = void 0;
-var _defaults = require("./defaults.js");
-/**
- * Internal dependencies
- */
-
-const SETTINGS_DEFAULTS = exports.SETTINGS_DEFAULTS = {
-  ..._defaults.SETTINGS_DEFAULTS,
-  // Don't add the default font sizes for standard themes
-  fontSizes: undefined,
-  alignWide: true,
-  supportsLayout: false,
-  __experimentalFeatures: {
-    color: {
-      text: true,
-      background: true
-    }
-  }
-};
-//# sourceMappingURL=defaults.native.js.map

package/build/store/defaults.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_defaults","require","SETTINGS_DEFAULTS","exports","SETTINGS","fontSizes","undefined","alignWide","supportsLayout","__experimentalFeatures","color","text","background"],"sources":["@wordpress/block-editor/src/store/defaults.native.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport {\n\tPREFERENCES_DEFAULTS,\n\tSETTINGS_DEFAULTS as SETTINGS,\n} from './defaults.js';\n\nconst SETTINGS_DEFAULTS = {\n\t...SETTINGS,\n\t// Don't add the default font sizes for standard themes\n\tfontSizes: undefined,\n\talignWide: true,\n\tsupportsLayout: false,\n\t__experimentalFeatures: {\n\t\tcolor: {\n\t\t\ttext: true,\n\t\t\tbackground: true,\n\t\t},\n\t},\n};\n\nexport { PREFERENCES_DEFAULTS, SETTINGS_DEFAULTS };\n"],"mappings":";;;;;;;;;;;;AAGA,IAAAA,SAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAMA,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EACzB,GAAGE,2BAAQ;EACX;EACAC,SAAS,EAAEC,SAAS;EACpBC,SAAS,EAAE,IAAI;EACfC,cAAc,EAAE,KAAK;EACrBC,sBAAsB,EAAE;IACvBC,KAAK,EAAE;MACNC,IAAI,EAAE,IAAI;MACVC,UAAU,EAAE;IACb;EACD;AACD,CAAC","ignoreList":[]}

package/build-module/components/audio-player/audio-url-parser.native.js

@@ -1,16 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { safeDecodeURI } from '@wordpress/url';
-export const parseAudioUrl = src => {
-  const decodedURI = safeDecodeURI(src);
-  const fileName = decodedURI.split('#').shift().split('?').shift().split('/').pop();
-  const parts = fileName.split('.');
-  const extension = parts.length === 2 ? parts.pop().toUpperCase() + ' ' : '';
-  const title = parts.join('.');
-  return {
-    title,
-    extension
-  };
-};
-//# sourceMappingURL=audio-url-parser.native.js.map

package/build-module/components/audio-player/audio-url-parser.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["safeDecodeURI","parseAudioUrl","src","decodedURI","fileName","split","shift","pop","parts","extension","length","toUpperCase","title","join"],"sources":["@wordpress/block-editor/src/components/audio-player/audio-url-parser.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { safeDecodeURI } from '@wordpress/url';\n\nexport const parseAudioUrl = ( src ) => {\n\tconst decodedURI = safeDecodeURI( src );\n\tconst fileName = decodedURI\n\t\t.split( '#' )\n\t\t.shift()\n\t\t.split( '?' )\n\t\t.shift()\n\t\t.split( '/' )\n\t\t.pop();\n\n\tconst parts = fileName.split( '.' );\n\tconst extension = parts.length === 2 ? parts.pop().toUpperCase() + ' ' : '';\n\tconst title = parts.join( '.' );\n\treturn { title, extension };\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,gBAAgB;AAE9C,OAAO,MAAMC,aAAa,GAAKC,GAAG,IAAM;EACvC,MAAMC,UAAU,GAAGH,aAAa,CAAEE,GAAI,CAAC;EACvC,MAAME,QAAQ,GAAGD,UAAU,CACzBE,KAAK,CAAE,GAAI,CAAC,CACZC,KAAK,CAAC,CAAC,CACPD,KAAK,CAAE,GAAI,CAAC,CACZC,KAAK,CAAC,CAAC,CACPD,KAAK,CAAE,GAAI,CAAC,CACZE,GAAG,CAAC,CAAC;EAEP,MAAMC,KAAK,GAAGJ,QAAQ,CAACC,KAAK,CAAE,GAAI,CAAC;EACnC,MAAMI,SAAS,GAAGD,KAAK,CAACE,MAAM,KAAK,CAAC,GAAGF,KAAK,CAACD,GAAG,CAAC,CAAC,CAACI,WAAW,CAAC,CAAC,GAAG,GAAG,GAAG,EAAE;EAC3E,MAAMC,KAAK,GAAGJ,KAAK,CAACK,IAAI,CAAE,GAAI,CAAC;EAC/B,OAAO;IAAED,KAAK;IAAEH;EAAU,CAAC;AAC5B,CAAC","ignoreList":[]}

package/build-module/components/audio-player/index.native.js

@@ -1,166 +0,0 @@
-/**
- * External dependencies
- */
-import { Text, TouchableWithoutFeedback, Linking, Alert, Platform } from 'react-native';
-import { default as VideoPlayer } from 'react-native-video';
-
-/**
- * WordPress dependencies
- */
-import { View } from '@wordpress/primitives';
-import { Icon } from '@wordpress/components';
-import { withPreferredColorScheme } from '@wordpress/compose';
-import { __ } from '@wordpress/i18n';
-import { audio, cautionFilled } from '@wordpress/icons';
-import { requestImageFailedRetryDialog, requestImageUploadCancelDialog } from '@wordpress/react-native-bridge';
-import { getProtocol } from '@wordpress/url';
-import { useState } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import styles from './styles.scss';
-import { parseAudioUrl } from './audio-url-parser.native';
-import { useEditorColorScheme } from '../global-styles/use-global-styles-context';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const isIOS = Platform.OS === 'ios';
-function Player({
-  isUploadInProgress,
-  isUploadFailed,
-  attributes,
-  isSelected
-}) {
-  const {
-    id,
-    src
-  } = attributes;
-  const [paused, setPaused] = useState(true);
-  const onPressListen = () => {
-    if (src) {
-      if (isIOS && this.player) {
-        this.player.presentFullscreenPlayer();
-        return;
-      }
-      Linking.canOpenURL(src).then(supported => {
-        if (!supported) {
-          Alert.alert(__('Problem opening the audio'), __('No application can handle this request.'));
-        } else {
-          return Linking.openURL(src);
-        }
-      }).catch(() => {
-        Alert.alert(__('Problem opening the audio'), __('An unknown error occurred. Please try again.'));
-      });
-    }
-  };
-  const containerStyle = useEditorColorScheme(styles.container, styles.containerDark);
-  const iconStyle = useEditorColorScheme(styles.icon, styles.iconDark);
-  const iconDisabledStyle = useEditorColorScheme(styles.iconDisabled, styles.iconDisabledDark);
-  const isDisabled = isUploadFailed || isUploadInProgress;
-  const finalIconStyle = {
-    ...iconStyle,
-    ...(isDisabled && iconDisabledStyle)
-  };
-  const iconContainerStyle = useEditorColorScheme(styles.iconContainer, styles.iconContainerDark);
-  const titleContainerStyle = {
-    ...styles.titleContainer,
-    ...(isIOS ? styles.titleContainerIOS : styles.titleContainerAndroid)
-  };
-  const titleStyle = useEditorColorScheme(styles.title, styles.titleDark);
-  const uploadFailedStyle = useEditorColorScheme(styles.uploadFailed, styles.uploadFailedDark);
-  const subtitleStyle = useEditorColorScheme(styles.subtitle, styles.subtitleDark);
-  const finalSubtitleStyle = {
-    ...subtitleStyle,
-    ...(isUploadFailed && uploadFailedStyle)
-  };
-  const buttonBackgroundStyle = useEditorColorScheme(styles.buttonBackground, styles.buttonBackgroundDark);
-  let title = '';
-  let extension = '';
-  if (src) {
-    const result = parseAudioUrl(src);
-    extension = result.extension;
-    title = result.title;
-  }
-  const getSubtitleValue = () => {
-    if (isUploadInProgress) {
-      return __('Uploading…');
-    }
-    if (isUploadFailed) {
-      return __('Failed to insert audio file. Please tap for options.');
-    }
-    return extension +
-    // translators: displays audio file extension. e.g. MP3 audio file
-    __('audio file');
-  };
-  function onAudioUploadCancelDialog() {
-    if (isUploadInProgress) {
-      requestImageUploadCancelDialog(id);
-    } else if (id && getProtocol(src) === 'file:') {
-      requestImageFailedRetryDialog(id);
-    }
-  }
-  return /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
-    accessible: !isSelected,
-    disabled: !isSelected,
-    onPress: onAudioUploadCancelDialog,
-    children: /*#__PURE__*/_jsxs(View, {
-      style: containerStyle,
-      children: [/*#__PURE__*/_jsx(View, {
-        style: iconContainerStyle,
-        children: /*#__PURE__*/_jsx(Icon, {
-          icon: audio,
-          style: finalIconStyle,
-          size: 24
-        })
-      }), /*#__PURE__*/_jsxs(View, {
-        style: titleContainerStyle,
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: titleStyle,
-          children: title
-        }), /*#__PURE__*/_jsxs(View, {
-          style: styles.subtitleContainer,
-          children: [isUploadFailed && /*#__PURE__*/_jsx(Icon, {
-            icon: cautionFilled,
-            style: {
-              ...styles.errorIcon,
-              ...uploadFailedStyle
-            },
-            size: 16
-          }), /*#__PURE__*/_jsx(Text, {
-            style: finalSubtitleStyle,
-            children: getSubtitleValue()
-          })]
-        })]
-      }), !isDisabled && /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
-        accessibilityLabel: __('Audio Player'),
-        accessibilityRole: "button",
-        accessibilityHint: __('Double tap to listen the audio file'),
-        onPress: onPressListen,
-        children: /*#__PURE__*/_jsx(View, {
-          style: buttonBackgroundStyle,
-          children: /*#__PURE__*/_jsx(Text, {
-            style: styles.buttonText,
-            children: __('OPEN')
-          })
-        })
-      }), isIOS && /*#__PURE__*/_jsx(VideoPlayer, {
-        source: {
-          uri: src
-        },
-        paused: paused,
-        ref: ref => {
-          this.player = ref;
-        },
-        controls: false,
-        ignoreSilentSwitch: "ignore",
-        onFullscreenPlayerWillPresent: () => {
-          setPaused(false);
-        },
-        onFullscreenPlayerDidDismiss: () => {
-          setPaused(true);
-        }
-      })]
-    })
-  });
-}
-export default withPreferredColorScheme(Player);
-//# sourceMappingURL=index.native.js.map

package/build-module/components/audio-player/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Text","TouchableWithoutFeedback","Linking","Alert","Platform","default","VideoPlayer","View","Icon","withPreferredColorScheme","__","audio","cautionFilled","requestImageFailedRetryDialog","requestImageUploadCancelDialog","getProtocol","useState","styles","parseAudioUrl","useEditorColorScheme","jsx","_jsx","jsxs","_jsxs","isIOS","OS","Player","isUploadInProgress","isUploadFailed","attributes","isSelected","id","src","paused","setPaused","onPressListen","player","presentFullscreenPlayer","canOpenURL","then","supported","alert","openURL","catch","containerStyle","container","containerDark","iconStyle","icon","iconDark","iconDisabledStyle","iconDisabled","iconDisabledDark","isDisabled","finalIconStyle","iconContainerStyle","iconContainer","iconContainerDark","titleContainerStyle","titleContainer","titleContainerIOS","titleContainerAndroid","titleStyle","title","titleDark","uploadFailedStyle","uploadFailed","uploadFailedDark","subtitleStyle","subtitle","subtitleDark","finalSubtitleStyle","buttonBackgroundStyle","buttonBackground","buttonBackgroundDark","extension","result","getSubtitleValue","onAudioUploadCancelDialog","accessible","disabled","onPress","children","style","size","subtitleContainer","errorIcon","accessibilityLabel","accessibilityRole","accessibilityHint","buttonText","source","uri","ref","controls","ignoreSilentSwitch","onFullscreenPlayerWillPresent","onFullscreenPlayerDidDismiss"],"sources":["@wordpress/block-editor/src/components/audio-player/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tText,\n\tTouchableWithoutFeedback,\n\tLinking,\n\tAlert,\n\tPlatform,\n} from 'react-native';\nimport { default as VideoPlayer } from 'react-native-video';\n\n/**\n * WordPress dependencies\n */\nimport { View } from '@wordpress/primitives';\nimport { Icon } from '@wordpress/components';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { audio, cautionFilled } from '@wordpress/icons';\nimport {\n\trequestImageFailedRetryDialog,\n\trequestImageUploadCancelDialog,\n} from '@wordpress/react-native-bridge';\nimport { getProtocol } from '@wordpress/url';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport { parseAudioUrl } from './audio-url-parser.native';\nimport { useEditorColorScheme } from '../global-styles/use-global-styles-context';\n\nconst isIOS = Platform.OS === 'ios';\n\nfunction Player( {\n\tisUploadInProgress,\n\tisUploadFailed,\n\tattributes,\n\tisSelected,\n} ) {\n\tconst { id, src } = attributes;\n\tconst [ paused, setPaused ] = useState( true );\n\n\tconst onPressListen = () => {\n\t\tif ( src ) {\n\t\t\tif ( isIOS && this.player ) {\n\t\t\t\tthis.player.presentFullscreenPlayer();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tLinking.canOpenURL( src )\n\t\t\t\t.then( ( supported ) => {\n\t\t\t\t\tif ( ! supported ) {\n\t\t\t\t\t\tAlert.alert(\n\t\t\t\t\t\t\t__( 'Problem opening the audio' ),\n\t\t\t\t\t\t\t__( 'No application can handle this request.' )\n\t\t\t\t\t\t);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn Linking.openURL( src );\n\t\t\t\t\t}\n\t\t\t\t} )\n\t\t\t\t.catch( () => {\n\t\t\t\t\tAlert.alert(\n\t\t\t\t\t\t__( 'Problem opening the audio' ),\n\t\t\t\t\t\t__( 'An unknown error occurred. Please try again.' )\n\t\t\t\t\t);\n\t\t\t\t} );\n\t\t}\n\t};\n\n\tconst containerStyle = useEditorColorScheme(\n\t\tstyles.container,\n\t\tstyles.containerDark\n\t);\n\n\tconst iconStyle = useEditorColorScheme( styles.icon, styles.iconDark );\n\n\tconst iconDisabledStyle = useEditorColorScheme(\n\t\tstyles.iconDisabled,\n\t\tstyles.iconDisabledDark\n\t);\n\n\tconst isDisabled = isUploadFailed || isUploadInProgress;\n\n\tconst finalIconStyle = {\n\t\t...iconStyle,\n\t\t...( isDisabled && iconDisabledStyle ),\n\t};\n\n\tconst iconContainerStyle = useEditorColorScheme(\n\t\tstyles.iconContainer,\n\t\tstyles.iconContainerDark\n\t);\n\n\tconst titleContainerStyle = {\n\t\t...styles.titleContainer,\n\t\t...( isIOS ? styles.titleContainerIOS : styles.titleContainerAndroid ),\n\t};\n\n\tconst titleStyle = useEditorColorScheme( styles.title, styles.titleDark );\n\n\tconst uploadFailedStyle = useEditorColorScheme(\n\t\tstyles.uploadFailed,\n\t\tstyles.uploadFailedDark\n\t);\n\n\tconst subtitleStyle = useEditorColorScheme(\n\t\tstyles.subtitle,\n\t\tstyles.subtitleDark\n\t);\n\n\tconst finalSubtitleStyle = {\n\t\t...subtitleStyle,\n\t\t...( isUploadFailed && uploadFailedStyle ),\n\t};\n\n\tconst buttonBackgroundStyle = useEditorColorScheme(\n\t\tstyles.buttonBackground,\n\t\tstyles.buttonBackgroundDark\n\t);\n\n\tlet title = '';\n\tlet extension = '';\n\n\tif ( src ) {\n\t\tconst result = parseAudioUrl( src );\n\t\textension = result.extension;\n\t\ttitle = result.title;\n\t}\n\n\tconst getSubtitleValue = () => {\n\t\tif ( isUploadInProgress ) {\n\t\t\treturn __( 'Uploading…' );\n\t\t}\n\t\tif ( isUploadFailed ) {\n\t\t\treturn __( 'Failed to insert audio file. Please tap for options.' );\n\t\t}\n\t\treturn (\n\t\t\textension +\n\t\t\t// translators: displays audio file extension. e.g. MP3 audio file\n\t\t\t__( 'audio file' )\n\t\t);\n\t};\n\n\tfunction onAudioUploadCancelDialog() {\n\t\tif ( isUploadInProgress ) {\n\t\t\trequestImageUploadCancelDialog( id );\n\t\t} else if ( id && getProtocol( src ) === 'file:' ) {\n\t\t\trequestImageFailedRetryDialog( id );\n\t\t}\n\t}\n\n\treturn (\n\t\t<TouchableWithoutFeedback\n\t\t\taccessible={ ! isSelected }\n\t\t\tdisabled={ ! isSelected }\n\t\t\tonPress={ onAudioUploadCancelDialog }\n\t\t>\n\t\t\t<View style={ containerStyle }>\n\t\t\t\t<View style={ iconContainerStyle }>\n\t\t\t\t\t<Icon icon={ audio } style={ finalIconStyle } size={ 24 } />\n\t\t\t\t</View>\n\t\t\t\t<View style={ titleContainerStyle }>\n\t\t\t\t\t<Text style={ titleStyle }>{ title }</Text>\n\t\t\t\t\t<View style={ styles.subtitleContainer }>\n\t\t\t\t\t\t{ isUploadFailed && (\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ cautionFilled }\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t...styles.errorIcon,\n\t\t\t\t\t\t\t\t\t...uploadFailedStyle,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tsize={ 16 }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<Text style={ finalSubtitleStyle }>\n\t\t\t\t\t\t\t{ getSubtitleValue() }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t\t{ ! isDisabled && (\n\t\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\t\taccessibilityLabel={ __( 'Audio Player' ) }\n\t\t\t\t\t\taccessibilityRole=\"button\"\n\t\t\t\t\t\taccessibilityHint={ __(\n\t\t\t\t\t\t\t'Double tap to listen the audio file'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonPress={ onPressListen }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ buttonBackgroundStyle }>\n\t\t\t\t\t\t\t<Text style={ styles.buttonText }>\n\t\t\t\t\t\t\t\t{ __( 'OPEN' ) }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t\t) }\n\t\t\t\t{ isIOS && (\n\t\t\t\t\t<VideoPlayer\n\t\t\t\t\t\tsource={ { uri: src } }\n\t\t\t\t\t\tpaused={ paused }\n\t\t\t\t\t\tref={ ( ref ) => {\n\t\t\t\t\t\t\tthis.player = ref;\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tcontrols={ false }\n\t\t\t\t\t\tignoreSilentSwitch=\"ignore\"\n\t\t\t\t\t\tonFullscreenPlayerWillPresent={ () => {\n\t\t\t\t\t\t\tsetPaused( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonFullscreenPlayerDidDismiss={ () => {\n\t\t\t\t\t\t\tsetPaused( true );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n}\n\nexport default withPreferredColorScheme( Player );\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/block-alignment-control/ui.native.js

@@ -1,72 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { ToolbarDropdownMenu, ToolbarGroup, BottomSheetSelectControl } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import useAvailableAlignments from './use-available-alignments';
-import { BLOCK_ALIGNMENTS_CONTROLS, DEFAULT_CONTROL, POPOVER_PROPS } from './constants';
-import { jsx as _jsx } from "react/jsx-runtime";
-function BlockAlignmentUI({
-  value,
-  onChange,
-  controls,
-  isToolbar,
-  isCollapsed = true,
-  isBottomSheetControl = false
-}) {
-  const enabledControls = useAvailableAlignments(controls);
-  const hasEnabledControls = !!enabledControls.length;
-  if (!hasEnabledControls) {
-    return null;
-  }
-  function onChangeAlignment(align) {
-    onChange([value, 'none'].includes(align) ? undefined : align);
-  }
-  const activeAlignmentControl = BLOCK_ALIGNMENTS_CONTROLS[value];
-  const defaultAlignmentControl = BLOCK_ALIGNMENTS_CONTROLS[DEFAULT_CONTROL];
-  const toolbarUIComponent = isToolbar ? ToolbarGroup : ToolbarDropdownMenu;
-  const UIComponent = isBottomSheetControl ? BottomSheetSelectControl : toolbarUIComponent;
-  const commonProps = {
-    label: __('Align')
-  };
-  const extraProps = isBottomSheetControl ? {
-    options: enabledControls.map(({
-      name: controlName
-    }) => {
-      const control = BLOCK_ALIGNMENTS_CONTROLS[controlName];
-      return {
-        value: controlName,
-        label: control.title,
-        icon: control.icon
-      };
-    }),
-    value: activeAlignmentControl ? value : 'none',
-    onChange: align => onChangeAlignment(align)
-  } : {
-    icon: activeAlignmentControl ? activeAlignmentControl.icon : defaultAlignmentControl.icon,
-    isCollapsed: isToolbar ? isCollapsed : undefined,
-    controls: enabledControls.map(({
-      name: controlName
-    }) => {
-      return {
-        ...BLOCK_ALIGNMENTS_CONTROLS[controlName],
-        isActive: value === controlName || !value && controlName === 'none',
-        onClick: () => onChangeAlignment(controlName)
-      };
-    }),
-    popoverProps: POPOVER_PROPS,
-    toggleProps: {
-      description: __('Change alignment')
-    }
-  };
-  return /*#__PURE__*/_jsx(UIComponent, {
-    ...commonProps,
-    ...extraProps
-  });
-}
-export default BlockAlignmentUI;
-//# sourceMappingURL=ui.native.js.map