@wordpress/block-editor 12.0.0 → 12.1.0

package/build-module/components/block-list/block-outline.native.js

@@ -0,0 +1,44 @@
+import { createElement, Fragment } from "@wordpress/element";
+
+/**
+ * External dependencies
+ */
+import { View } from 'react-native';
+/**
+ * WordPress dependencies
+ */
+
+import { usePreferredColorSchemeStyle } from '@wordpress/compose';
+import { alignmentHelpers } from '@wordpress/components';
+/**
+ * Internal dependencies
+ */
+
+import styles from './block.scss';
+
+function BlockOutline(_ref) {
+  let {
+    align,
+    blockWidth,
+    isParentSelected,
+    isSelected,
+    name,
+    screenWidth
+  } = _ref;
+  const {
+    isFullWidth,
+    isContainerRelated
+  } = alignmentHelpers;
+  const isScreenWidthWider = blockWidth < screenWidth;
+  const styleSolidBorder = [styles.solidBorder, isFullWidth(align) && isScreenWidthWider && styles.borderFullWidth, isFullWidth(align) && isContainerRelated(name) && isScreenWidthWider && styles.containerBorderFullWidth, usePreferredColorSchemeStyle(styles.solidBorderColor, styles.solidBorderColorDark)];
+  const styleDashedBorder = [styles.dashedBorder, usePreferredColorSchemeStyle(styles.dashedBorderColor, styles.dashedBorderColorDark)];
+  return createElement(Fragment, null, isSelected && createElement(View, {
+    pointerEvents: "box-none",
+    style: styleSolidBorder
+  }), isParentSelected && createElement(View, {
+    style: styleDashedBorder
+  }));
+}
+
+export default BlockOutline;
+//# sourceMappingURL=block-outline.native.js.map

package/build-module/components/block-list/block-outline.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-list/block-outline.native.js"],"names":["View","usePreferredColorSchemeStyle","alignmentHelpers","styles","BlockOutline","align","blockWidth","isParentSelected","isSelected","name","screenWidth","isFullWidth","isContainerRelated","isScreenWidthWider","styleSolidBorder","solidBorder","borderFullWidth","containerBorderFullWidth","solidBorderColor","solidBorderColorDark","styleDashedBorder","dashedBorder","dashedBorderColor","dashedBorderColorDark"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,cAArB;AAEA;AACA;AACA;;AACA,SAASC,4BAAT,QAA6C,oBAA7C;AACA,SAASC,gBAAT,QAAiC,uBAAjC;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,cAAnB;;AAEA,SAASC,YAAT,OAOI;AAAA,MAPmB;AACtBC,IAAAA,KADsB;AAEtBC,IAAAA,UAFsB;AAGtBC,IAAAA,gBAHsB;AAItBC,IAAAA,UAJsB;AAKtBC,IAAAA,IALsB;AAMtBC,IAAAA;AANsB,GAOnB;AACH,QAAM;AAAEC,IAAAA,WAAF;AAAeC,IAAAA;AAAf,MAAsCV,gBAA5C;AACA,QAAMW,kBAAkB,GAAGP,UAAU,GAAGI,WAAxC;AAEA,QAAMI,gBAAgB,GAAG,CACxBX,MAAM,CAACY,WADiB,EAExBJ,WAAW,CAAEN,KAAF,CAAX,IAAwBQ,kBAAxB,IAA8CV,MAAM,CAACa,eAF7B,EAGxBL,WAAW,CAAEN,KAAF,CAAX,IACCO,kBAAkB,CAAEH,IAAF,CADnB,IAECI,kBAFD,IAGCV,MAAM,CAACc,wBANgB,EAOxBhB,4BAA4B,CAC3BE,MAAM,CAACe,gBADoB,EAE3Bf,MAAM,CAACgB,oBAFoB,CAPJ,CAAzB;AAYA,QAAMC,iBAAiB,GAAG,CACzBjB,MAAM,CAACkB,YADkB,EAEzBpB,4BAA4B,CAC3BE,MAAM,CAACmB,iBADoB,EAE3BnB,MAAM,CAACoB,qBAFoB,CAFH,CAA1B;AAQA,SACC,8BACGf,UAAU,IACX,cAAC,IAAD;AAAM,IAAA,aAAa,EAAC,UAApB;AAA+B,IAAA,KAAK,EAAGM;AAAvC,IAFF,EAIGP,gBAAgB,IAAI,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGa;AAAd,IAJvB,CADD;AAQA;;AAED,eAAehB,YAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { alignmentHelpers } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport styles from './block.scss';\n\nfunction BlockOutline( {\n\talign,\n\tblockWidth,\n\tisParentSelected,\n\tisSelected,\n\tname,\n\tscreenWidth,\n} ) {\n\tconst { isFullWidth, isContainerRelated } = alignmentHelpers;\n\tconst isScreenWidthWider = blockWidth < screenWidth;\n\n\tconst styleSolidBorder = [\n\t\tstyles.solidBorder,\n\t\tisFullWidth( align ) && isScreenWidthWider && styles.borderFullWidth,\n\t\tisFullWidth( align ) &&\n\t\t\tisContainerRelated( name ) &&\n\t\t\tisScreenWidthWider &&\n\t\t\tstyles.containerBorderFullWidth,\n\t\tusePreferredColorSchemeStyle(\n\t\t\tstyles.solidBorderColor,\n\t\t\tstyles.solidBorderColorDark\n\t\t),\n\t];\n\tconst styleDashedBorder = [\n\t\tstyles.dashedBorder,\n\t\tusePreferredColorSchemeStyle(\n\t\t\tstyles.dashedBorderColor,\n\t\t\tstyles.dashedBorderColorDark\n\t\t),\n\t];\n\n\treturn (\n\t\t<>\n\t\t\t{ isSelected && (\n\t\t\t\t<View pointerEvents=\"box-none\" style={ styleSolidBorder } />\n\t\t\t) }\n\t\t\t{ isParentSelected && <View style={ styleDashedBorder } /> }\n\t\t</>\n\t);\n}\n\nexport default BlockOutline;\n"]}