@wordpress/block-library 8.20.1 → 8.21.1-next.f8d8eceb.0

package/build/form/edit.js

@@ -0,0 +1,138 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _i18n = require("@wordpress/i18n");
+var _blockEditor = require("@wordpress/block-editor");
+var _components = require("@wordpress/components");
+var _data = require("@wordpress/data");
+var _utils = require("./utils.js");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const ALLOWED_BLOCKS = ['core/paragraph', 'core/heading', 'core/form-input', 'core/form-submit-button', 'core/form-submission-notification'];
+const TEMPLATE = [_utils.formSubmissionNotificationSuccess, _utils.formSubmissionNotificationError, ['core/form-input', {
+  type: 'text',
+  label: (0, _i18n.__)('Name'),
+  required: true
+}], ['core/form-input', {
+  type: 'email',
+  label: (0, _i18n.__)('Email'),
+  required: true
+}], ['core/form-input', {
+  type: 'textarea',
+  label: (0, _i18n.__)('Comment'),
+  required: true
+}], ['core/form-submit-button', {}]];
+const Edit = ({
+  attributes,
+  setAttributes,
+  clientId
+}) => {
+  const {
+    action,
+    method,
+    email,
+    submissionMethod
+  } = attributes;
+  const blockProps = (0, _blockEditor.useBlockProps)();
+  const {
+    hasInnerBlocks
+  } = (0, _data.useSelect)(select => {
+    const {
+      getBlock
+    } = select(_blockEditor.store);
+    const block = getBlock(clientId);
+    return {
+      hasInnerBlocks: !!(block && block.innerBlocks.length)
+    };
+  }, [clientId]);
+  const innerBlocksProps = (0, _blockEditor.useInnerBlocksProps)(blockProps, {
+    allowedBlocks: ALLOWED_BLOCKS,
+    template: TEMPLATE,
+    renderAppender: hasInnerBlocks ? undefined : _blockEditor.InnerBlocks.ButtonBlockAppender
+  });
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
+    title: (0, _i18n.__)('Settings')
+  }, (0, _react.createElement)(_components.SelectControl
+  // __nextHasNoMarginBottom
+  // size={ '__unstable-large' }
+  , {
+    label: (0, _i18n.__)('Submissions method'),
+    options: [
+    // TODO: Allow plugins to add their own submission methods.
+    {
+      label: (0, _i18n.__)('Send email'),
+      value: 'email'
+    }, {
+      label: (0, _i18n.__)('- Custom -'),
+      value: 'custom'
+    }],
+    value: submissionMethod,
+    onChange: value => setAttributes({
+      submissionMethod: value
+    }),
+    help: submissionMethod === 'custom' ? (0, _i18n.__)('Select the method to use for form submissions. Additional options for the "custom" mode can be found in the "Advanced" section.') : (0, _i18n.__)('Select the method to use for form submissions.')
+  }), submissionMethod === 'email' && (0, _react.createElement)(_components.TextControl, {
+    __nextHasNoMarginBottom: true,
+    autoComplete: "off",
+    label: (0, _i18n.__)('Email for form submissions'),
+    value: email,
+    required: true,
+    onChange: value => {
+      setAttributes({
+        email: value
+      });
+      setAttributes({
+        action: `mailto:${value}`
+      });
+      setAttributes({
+        method: 'post'
+      });
+    },
+    help: (0, _i18n.__)('The email address where form submissions will be sent. Separate multiple email addresses with a comma.')
+  }))), submissionMethod !== 'email' && (0, _react.createElement)(_blockEditor.InspectorControls, {
+    group: "advanced"
+  }, (0, _react.createElement)(_components.SelectControl, {
+    __nextHasNoMarginBottom: true,
+    label: (0, _i18n.__)('Method'),
+    options: [{
+      label: 'Get',
+      value: 'get'
+    }, {
+      label: 'Post',
+      value: 'post'
+    }],
+    value: method,
+    onChange: value => setAttributes({
+      method: value
+    }),
+    help: (0, _i18n.__)('Select the method to use for form submissions.')
+  }), (0, _react.createElement)(_components.TextControl, {
+    __nextHasNoMarginBottom: true,
+    autoComplete: "off",
+    label: (0, _i18n.__)('Form action'),
+    value: action,
+    onChange: newVal => {
+      setAttributes({
+        action: newVal
+      });
+    },
+    help: (0, _i18n.__)('The URL where the form should be submitted.')
+  })), (0, _react.createElement)("form", {
+    ...innerBlocksProps,
+    className: "wp-block-form",
+    encType: submissionMethod === 'email' ? 'text/plain' : null
+  }));
+};
+var _default = Edit;
+exports.default = _default;
+//# sourceMappingURL=edit.js.map

package/build/form/edit.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","_blockEditor","_components","_data","_utils","ALLOWED_BLOCKS","TEMPLATE","formSubmissionNotificationSuccess","formSubmissionNotificationError","type","label","__","required","Edit","attributes","setAttributes","clientId","action","method","email","submissionMethod","blockProps","useBlockProps","hasInnerBlocks","useSelect","select","getBlock","blockEditorStore","block","innerBlocks","length","innerBlocksProps","useInnerBlocksProps","allowedBlocks","template","renderAppender","undefined","InnerBlocks","ButtonBlockAppender","_react","createElement","Fragment","InspectorControls","PanelBody","title","SelectControl","options","value","onChange","help","TextControl","__nextHasNoMarginBottom","autoComplete","group","newVal","className","encType","_default","exports","default"],"sources":["@wordpress/block-library/src/form/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tInnerBlocks,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tInspectorControls,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { TextControl, SelectControl, PanelBody } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport {\n\tformSubmissionNotificationSuccess,\n\tformSubmissionNotificationError,\n} from './utils.js';\n\nconst ALLOWED_BLOCKS = [\n\t'core/paragraph',\n\t'core/heading',\n\t'core/form-input',\n\t'core/form-submit-button',\n\t'core/form-submission-notification',\n];\n\nconst TEMPLATE = [\n\tformSubmissionNotificationSuccess,\n\tformSubmissionNotificationError,\n\t[\n\t\t'core/form-input',\n\t\t{\n\t\t\ttype: 'text',\n\t\t\tlabel: __( 'Name' ),\n\t\t\trequired: true,\n\t\t},\n\t],\n\t[\n\t\t'core/form-input',\n\t\t{\n\t\t\ttype: 'email',\n\t\t\tlabel: __( 'Email' ),\n\t\t\trequired: true,\n\t\t},\n\t],\n\t[\n\t\t'core/form-input',\n\t\t{\n\t\t\ttype: 'textarea',\n\t\t\tlabel: __( 'Comment' ),\n\t\t\trequired: true,\n\t\t},\n\t],\n\t[ 'core/form-submit-button', {} ],\n];\n\nconst Edit = ( { attributes, setAttributes, clientId } ) => {\n\tconst { action, method, email, submissionMethod } = attributes;\n\tconst blockProps = useBlockProps();\n\n\tconst { hasInnerBlocks } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlock } = select( blockEditorStore );\n\t\t\tconst block = getBlock( clientId );\n\t\t\treturn {\n\t\t\t\thasInnerBlocks: !! ( block && block.innerBlocks.length ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tallowedBlocks: ALLOWED_BLOCKS,\n\t\ttemplate: TEMPLATE,\n\t\trenderAppender: hasInnerBlocks\n\t\t\t? undefined\n\t\t\t: InnerBlocks.ButtonBlockAppender,\n\t} );\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t// __nextHasNoMarginBottom\n\t\t\t\t\t\t// size={ '__unstable-large' }\n\t\t\t\t\t\tlabel={ __( 'Submissions method' ) }\n\t\t\t\t\t\toptions={ [\n\t\t\t\t\t\t\t// TODO: Allow plugins to add their own submission methods.\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlabel: __( 'Send email' ),\n\t\t\t\t\t\t\t\tvalue: 'email',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlabel: __( '- Custom -' ),\n\t\t\t\t\t\t\t\tvalue: 'custom',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tvalue={ submissionMethod }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { submissionMethod: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\tsubmissionMethod === 'custom'\n\t\t\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t\t\t'Select the method to use for form submissions. Additional options for the \"custom\" mode can be found in the \"Advanced\" section.'\n\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t\t'Select the method to use for form submissions.'\n\t\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{ submissionMethod === 'email' && (\n\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\t\tlabel={ __( 'Email for form submissions' ) }\n\t\t\t\t\t\t\tvalue={ email }\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tsetAttributes( { email: value } );\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\taction: `mailto:${ value }`,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\tsetAttributes( { method: 'post' } );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t'The email address where form submissions will be sent. Separate multiple email addresses with a comma.'\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</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t{ submissionMethod !== 'email' && (\n\t\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Method' ) }\n\t\t\t\t\t\toptions={ [\n\t\t\t\t\t\t\t{ label: 'Get', value: 'get' },\n\t\t\t\t\t\t\t{ label: 'Post', value: 'post' },\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tvalue={ method }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { method: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Select the method to use for form submissions.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\tlabel={ __( 'Form action' ) }\n\t\t\t\t\t\tvalue={ action }\n\t\t\t\t\t\tonChange={ ( newVal ) => {\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\taction: newVal,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'The URL where the form should be submitted.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\t\t\t<form\n\t\t\t\t{ ...innerBlocksProps }\n\t\t\t\tclassName=\"wp-block-form\"\n\t\t\t\tencType={ submissionMethod === 'email' ? 'text/plain' : null }\n\t\t\t/>\n\t\t</>\n\t);\n};\nexport default Edit;\n"],"mappings":"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"}

package/build/form/index.js

@@ -0,0 +1,92 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.settings = exports.name = exports.metadata = exports.init = void 0;
+var _initBlock = _interopRequireDefault(require("../utils/init-block"));
+var _edit = _interopRequireDefault(require("./edit"));
+var _save = _interopRequireDefault(require("./save"));
+var _variations = _interopRequireDefault(require("./variations"));
+/**
+ * Internal dependencies
+ */
+const metadata = {
+  $schema: "https://schemas.wp.org/trunk/block.json",
+  apiVersion: 3,
+  __experimental: true,
+  name: "core/form",
+  title: "Form",
+  category: "common",
+  description: "A form.",
+  keywords: ["container", "wrapper", "row", "section"],
+  textdomain: "default",
+  icon: "feedback",
+  attributes: {
+    submissionMethod: {
+      type: "string",
+      "default": "email"
+    },
+    method: {
+      type: "string",
+      "default": "post"
+    },
+    action: {
+      type: "string"
+    },
+    email: {
+      type: "string"
+    }
+  },
+  supports: {
+    anchor: true,
+    className: false,
+    color: {
+      gradients: true,
+      link: true,
+      __experimentalDefaultControls: {
+        background: true,
+        text: true,
+        link: true
+      }
+    },
+    spacing: {
+      margin: true,
+      padding: true
+    },
+    typography: {
+      fontSize: true,
+      lineHeight: true,
+      __experimentalFontFamily: true,
+      __experimentalTextDecoration: true,
+      __experimentalFontStyle: true,
+      __experimentalFontWeight: true,
+      __experimentalLetterSpacing: true,
+      __experimentalTextTransform: true,
+      __experimentalDefaultControls: {
+        fontSize: true
+      }
+    },
+    __experimentalSelector: "form"
+  },
+  viewScript: "file:./view.min.js"
+};
+exports.metadata = metadata;
+const {
+  name
+} = metadata;
+exports.name = name;
+const settings = {
+  edit: _edit.default,
+  save: _save.default,
+  variations: _variations.default
+};
+exports.settings = settings;
+const init = () => (0, _initBlock.default)({
+  name,
+  metadata,
+  settings
+});
+exports.init = init;
+//# sourceMappingURL=index.js.map

package/build/form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_initBlock","_interopRequireDefault","require","_edit","_save","_variations","metadata","$schema","apiVersion","__experimental","name","title","category","description","keywords","textdomain","icon","attributes","submissionMethod","type","method","action","email","supports","anchor","className","color","gradients","link","__experimentalDefaultControls","background","text","spacing","margin","padding","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalTextDecoration","__experimentalFontStyle","__experimentalFontWeight","__experimentalLetterSpacing","__experimentalTextTransform","__experimentalSelector","viewScript","exports","settings","edit","save","variations","init","initBlock"],"sources":["@wordpress/block-library/src/form/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport variations from './variations';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\tedit,\n\tsave,\n\tvariations,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":";;;;;;;AAGA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAPA;AACA;AACA;AAFA,MAAAI,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,cAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,QAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,UAAA;IAAAC,gBAAA;MAAAC,IAAA;MAAA;IAAA;IAAAC,MAAA;MAAAD,IAAA;MAAA;IAAA;IAAAE,MAAA;MAAAF,IAAA;IAAA;IAAAG,KAAA;MAAAH,IAAA;IAAA;EAAA;EAAAI,QAAA;IAAAC,MAAA;IAAAC,SAAA;IAAAC,KAAA;MAAAC,SAAA;MAAAC,IAAA;MAAAC,6BAAA;QAAAC,UAAA;QAAAC,IAAA;QAAAH,IAAA;MAAA;IAAA;IAAAI,OAAA;MAAAC,MAAA;MAAAC,OAAA;IAAA;IAAAC,UAAA;MAAAC,QAAA;MAAAC,UAAA;MAAAC,wBAAA;MAAAC,4BAAA;MAAAC,uBAAA;MAAAC,wBAAA;MAAAC,2BAAA;MAAAC,2BAAA;MAAAd,6BAAA;QAAAO,QAAA;MAAA;IAAA;IAAAQ,sBAAA;EAAA;EAAAC,UAAA;AAAA;AAAAC,OAAA,CAAAxC,QAAA,GAAAA,QAAA;AASA,MAAM;EAAEI;AAAK,CAAC,GAAGJ,QAAQ;AAACwC,OAAA,CAAApC,IAAA,GAAAA,IAAA;AAInB,MAAMqC,QAAQ,GAAG;EACvBC,IAAI,EAAJA,aAAI;EACJC,IAAI,EAAJA,aAAI;EACJC,UAAU,EAAVA;AACD,CAAC;AAACJ,OAAA,CAAAC,QAAA,GAAAA,QAAA;AAEK,MAAMI,IAAI,GAAGA,CAAA,KAAM,IAAAC,kBAAS,EAAE;EAAE1C,IAAI;EAAEJ,QAAQ;EAAEyC;AAAS,CAAE,CAAC;AAACD,OAAA,CAAAK,IAAA,GAAAA,IAAA"}

package/build/form/init.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ = require("./");
+/**
+ * Internal dependencies
+ */
+var _default = (0, _.init)();
+exports.default = _default;
+//# sourceMappingURL=init.js.map

package/build/form/init.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_","require","_default","init","exports","default"],"sources":["@wordpress/block-library/src/form/init.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { init } from './';\n\nexport default init();\n"],"mappings":";;;;;;AAGA,IAAAA,CAAA,GAAAC,OAAA;AAHA;AACA;AACA;AAFA,IAAAC,QAAA,GAKe,IAAAC,MAAI,EAAC,CAAC;AAAAC,OAAA,CAAAC,OAAA,GAAAH,QAAA"}

package/build/form/save.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _blockEditor = require("@wordpress/block-editor");
+/**
+ * WordPress dependencies
+ */
+
+const Save = ({
+  attributes
+}) => {
+  const blockProps = _blockEditor.useBlockProps.save();
+  const {
+    submissionMethod
+  } = attributes;
+  return (0, _react.createElement)("form", {
+    ...blockProps,
+    className: "wp-block-form",
+    encType: submissionMethod === 'email' ? 'text/plain' : null
+  }, (0, _react.createElement)(_blockEditor.InnerBlocks.Content, null));
+};
+var _default = Save;
+exports.default = _default;
+//# sourceMappingURL=save.js.map

package/build/form/save.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_blockEditor","require","Save","attributes","blockProps","useBlockProps","save","submissionMethod","_react","createElement","className","encType","InnerBlocks","Content","_default","exports","default"],"sources":["@wordpress/block-library/src/form/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { InnerBlocks, useBlockProps } from '@wordpress/block-editor';\n\nconst Save = ( { attributes } ) => {\n\tconst blockProps = useBlockProps.save();\n\tconst { submissionMethod } = attributes;\n\n\treturn (\n\t\t<form\n\t\t\t{ ...blockProps }\n\t\t\tclassName=\"wp-block-form\"\n\t\t\tencType={ submissionMethod === 'email' ? 'text/plain' : null }\n\t\t>\n\t\t\t<InnerBlocks.Content />\n\t\t</form>\n\t);\n};\nexport default Save;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,IAAI,GAAGA,CAAE;EAAEC;AAAW,CAAC,KAAM;EAClC,MAAMC,UAAU,GAAGC,0BAAa,CAACC,IAAI,CAAC,CAAC;EACvC,MAAM;IAAEC;EAAiB,CAAC,GAAGJ,UAAU;EAEvC,OACC,IAAAK,MAAA,CAAAC,aAAA;IAAA,GACML,UAAU;IACfM,SAAS,EAAC,eAAe;IACzBC,OAAO,EAAGJ,gBAAgB,KAAK,OAAO,GAAG,YAAY,GAAG;EAAM,GAE9D,IAAAC,MAAA,CAAAC,aAAA,EAACT,YAAA,CAAAY,WAAW,CAACC,OAAO,MAAE,CACjB,CAAC;AAET,CAAC;AAAC,IAAAC,QAAA,GACaZ,IAAI;AAAAa,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/form/utils.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formSubmissionNotificationSuccess = exports.formSubmissionNotificationError = void 0;
+var _i18n = require("@wordpress/i18n");
+/**
+ * WordPress dependencies
+ */
+
+const formSubmissionNotificationSuccess = ['core/form-submission-notification', {
+  type: 'success'
+}, [['core/paragraph', {
+  content: '<mark style="background-color:rgba(0, 0, 0, 0);color:#345C00" class="has-inline-color">' + (0, _i18n.__)('Your form has been submitted successfully') + '</mark>'
+}]]];
+exports.formSubmissionNotificationSuccess = formSubmissionNotificationSuccess;
+const formSubmissionNotificationError = ['core/form-submission-notification', {
+  type: 'error'
+}, [['core/paragraph', {
+  content: '<mark style="background-color:rgba(0, 0, 0, 0);color:#CF2E2E" class="has-inline-color">' + (0, _i18n.__)('There was an error submitting your form.') + '</mark>'
+}]]];
+exports.formSubmissionNotificationError = formSubmissionNotificationError;
+//# sourceMappingURL=utils.js.map

package/build/form/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","formSubmissionNotificationSuccess","type","content","__","exports","formSubmissionNotificationError"],"sources":["@wordpress/block-library/src/form/utils.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nexport const formSubmissionNotificationSuccess = [\n\t'core/form-submission-notification',\n\t{\n\t\ttype: 'success',\n\t},\n\t[\n\t\t[\n\t\t\t'core/paragraph',\n\t\t\t{\n\t\t\t\tcontent:\n\t\t\t\t\t'<mark style=\"background-color:rgba(0, 0, 0, 0);color:#345C00\" class=\"has-inline-color\">' +\n\t\t\t\t\t__( 'Your form has been submitted successfully' ) +\n\t\t\t\t\t'</mark>',\n\t\t\t},\n\t\t],\n\t],\n];\nexport const formSubmissionNotificationError = [\n\t'core/form-submission-notification',\n\t{\n\t\ttype: 'error',\n\t},\n\t[\n\t\t[\n\t\t\t'core/paragraph',\n\t\t\t{\n\t\t\t\tcontent:\n\t\t\t\t\t'<mark style=\"background-color:rgba(0, 0, 0, 0);color:#CF2E2E\" class=\"has-inline-color\">' +\n\t\t\t\t\t__( 'There was an error submitting your form.' ) +\n\t\t\t\t\t'</mark>',\n\t\t\t},\n\t\t],\n\t],\n];\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGO,MAAMC,iCAAiC,GAAG,CAChD,mCAAmC,EACnC;EACCC,IAAI,EAAE;AACP,CAAC,EACD,CACC,CACC,gBAAgB,EAChB;EACCC,OAAO,EACN,yFAAyF,GACzF,IAAAC,QAAE,EAAE,2CAA4C,CAAC,GACjD;AACF,CAAC,CACD,CACD,CACD;AAACC,OAAA,CAAAJ,iCAAA,GAAAA,iCAAA;AACK,MAAMK,+BAA+B,GAAG,CAC9C,mCAAmC,EACnC;EACCJ,IAAI,EAAE;AACP,CAAC,EACD,CACC,CACC,gBAAgB,EAChB;EACCC,OAAO,EACN,yFAAyF,GACzF,IAAAC,QAAE,EAAE,0CAA2C,CAAC,GAChD;AACF,CAAC,CACD,CACD,CACD;AAACC,OAAA,CAAAC,+BAAA,GAAAA,+BAAA"}

package/build/form/variations.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _i18n = require("@wordpress/i18n");
+var _utils = require("./utils.js");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const variations = [{
+  name: 'comment-form',
+  title: (0, _i18n.__)('Experimental Comment form'),
+  description: (0, _i18n.__)('A comment form for posts and pages.'),
+  attributes: {
+    submissionMethod: 'custom',
+    action: '{SITE_URL}/wp-comments-post.php',
+    method: 'post',
+    anchor: 'comment-form'
+  },
+  isDefault: false,
+  innerBlocks: [['core/form-input', {
+    type: 'text',
+    name: 'author',
+    label: (0, _i18n.__)('Name'),
+    required: true,
+    visibilityPermissions: 'logged-out'
+  }], ['core/form-input', {
+    type: 'email',
+    name: 'email',
+    label: (0, _i18n.__)('Email'),
+    required: true,
+    visibilityPermissions: 'logged-out'
+  }], ['core/form-input', {
+    type: 'textarea',
+    name: 'comment',
+    label: (0, _i18n.__)('Comment'),
+    required: true,
+    visibilityPermissions: 'all'
+  }], ['core/form-submit-button', {}]],
+  scope: ['inserter', 'transform'],
+  isActive: blockAttributes => !blockAttributes?.type || blockAttributes?.type === 'text'
+}, {
+  name: 'wp-privacy-form',
+  title: (0, _i18n.__)('Experimental privacy request form'),
+  keywords: ['GDPR'],
+  description: (0, _i18n.__)('A form to request data exports and/or deletion.'),
+  attributes: {
+    submissionMethod: 'custom',
+    action: '',
+    method: 'post',
+    anchor: 'gdpr-form'
+  },
+  isDefault: false,
+  innerBlocks: [_utils.formSubmissionNotificationSuccess, _utils.formSubmissionNotificationError, ['core/paragraph', {
+    content: (0, _i18n.__)('To request an export or deletion of your personal data on this site, please fill-in the form below. You can define the type of request you wish to perform, and your email address. Once the form is submitted, you will receive a confirmation email with instructions on the next steps.')
+  }], ['core/form-input', {
+    type: 'email',
+    name: 'email',
+    label: (0, _i18n.__)('Enter your email address.'),
+    required: true,
+    visibilityPermissions: 'all'
+  }], ['core/form-input', {
+    type: 'checkbox',
+    name: 'export_personal_data',
+    label: (0, _i18n.__)('Request data export'),
+    required: false,
+    visibilityPermissions: 'all'
+  }], ['core/form-input', {
+    type: 'checkbox',
+    name: 'remove_personal_data',
+    label: (0, _i18n.__)('Request data deletion'),
+    required: false,
+    visibilityPermissions: 'all'
+  }], ['core/form-submit-button', {}], ['core/form-input', {
+    type: 'hidden',
+    name: 'wp-action',
+    value: 'wp_privacy_send_request'
+  }], ['core/form-input', {
+    type: 'hidden',
+    name: 'wp-privacy-request',
+    value: '1'
+  }]],
+  scope: ['inserter', 'transform'],
+  isActive: blockAttributes => !blockAttributes?.type || blockAttributes?.type === 'text'
+}];
+var _default = variations;
+exports.default = _default;
+//# sourceMappingURL=variations.js.map

package/build/form/variations.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","_utils","variations","name","title","__","description","attributes","submissionMethod","action","method","anchor","isDefault","innerBlocks","type","label","required","visibilityPermissions","scope","isActive","blockAttributes","keywords","formSubmissionNotificationSuccess","formSubmissionNotificationError","content","value","_default","exports","default"],"sources":["@wordpress/block-library/src/form/variations.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n/**\n * Internal dependencies\n */\nimport {\n\tformSubmissionNotificationSuccess,\n\tformSubmissionNotificationError,\n} from './utils.js';\n\nconst variations = [\n\t{\n\t\tname: 'comment-form',\n\t\ttitle: __( 'Experimental Comment form' ),\n\t\tdescription: __( 'A comment form for posts and pages.' ),\n\t\tattributes: {\n\t\t\tsubmissionMethod: 'custom',\n\t\t\taction: '{SITE_URL}/wp-comments-post.php',\n\t\t\tmethod: 'post',\n\t\t\tanchor: 'comment-form',\n\t\t},\n\t\tisDefault: false,\n\t\tinnerBlocks: [\n\t\t\t[\n\t\t\t\t'core/form-input',\n\t\t\t\t{\n\t\t\t\t\ttype: 'text',\n\t\t\t\t\tname: 'author',\n\t\t\t\t\tlabel: __( 'Name' ),\n\t\t\t\t\trequired: true,\n\t\t\t\t\tvisibilityPermissions: 'logged-out',\n\t\t\t\t},\n\t\t\t],\n\t\t\t[\n\t\t\t\t'core/form-input',\n\t\t\t\t{\n\t\t\t\t\ttype: 'email',\n\t\t\t\t\tname: 'email',\n\t\t\t\t\tlabel: __( 'Email' ),\n\t\t\t\t\trequired: true,\n\t\t\t\t\tvisibilityPermissions: 'logged-out',\n\t\t\t\t},\n\t\t\t],\n\t\t\t[\n\t\t\t\t'core/form-input',\n\t\t\t\t{\n\t\t\t\t\ttype: 'textarea',\n\t\t\t\t\tname: 'comment',\n\t\t\t\t\tlabel: __( 'Comment' ),\n\t\t\t\t\trequired: true,\n\t\t\t\t\tvisibilityPermissions: 'all',\n\t\t\t\t},\n\t\t\t],\n\t\t\t[ 'core/form-submit-button', {} ],\n\t\t],\n\t\tscope: [ 'inserter', 'transform' ],\n\t\tisActive: ( blockAttributes ) =>\n\t\t\t! blockAttributes?.type || blockAttributes?.type === 'text',\n\t},\n\t{\n\t\tname: 'wp-privacy-form',\n\t\ttitle: __( 'Experimental privacy request form' ),\n\t\tkeywords: [ 'GDPR' ],\n\t\tdescription: __( 'A form to request data exports and/or deletion.' ),\n\t\tattributes: {\n\t\t\tsubmissionMethod: 'custom',\n\t\t\taction: '',\n\t\t\tmethod: 'post',\n\t\t\tanchor: 'gdpr-form',\n\t\t},\n\t\tisDefault: false,\n\t\tinnerBlocks: [\n\t\t\tformSubmissionNotificationSuccess,\n\t\t\tformSubmissionNotificationError,\n\t\t\t[\n\t\t\t\t'core/paragraph',\n\t\t\t\t{\n\t\t\t\t\tcontent: __(\n\t\t\t\t\t\t'To request an export or deletion of your personal data on this site, please fill-in the form below. You can define the type of request you wish to perform, and your email address. Once the form is submitted, you will receive a confirmation email with instructions on the next steps.'\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t],\n\t\t\t[\n\t\t\t\t'core/form-input',\n\t\t\t\t{\n\t\t\t\t\ttype: 'email',\n\t\t\t\t\tname: 'email',\n\t\t\t\t\tlabel: __( 'Enter your email address.' ),\n\t\t\t\t\trequired: true,\n\t\t\t\t\tvisibilityPermissions: 'all',\n\t\t\t\t},\n\t\t\t],\n\t\t\t[\n\t\t\t\t'core/form-input',\n\t\t\t\t{\n\t\t\t\t\ttype: 'checkbox',\n\t\t\t\t\tname: 'export_personal_data',\n\t\t\t\t\tlabel: __( 'Request data export' ),\n\t\t\t\t\trequired: false,\n\t\t\t\t\tvisibilityPermissions: 'all',\n\t\t\t\t},\n\t\t\t],\n\t\t\t[\n\t\t\t\t'core/form-input',\n\t\t\t\t{\n\t\t\t\t\ttype: 'checkbox',\n\t\t\t\t\tname: 'remove_personal_data',\n\t\t\t\t\tlabel: __( 'Request data deletion' ),\n\t\t\t\t\trequired: false,\n\t\t\t\t\tvisibilityPermissions: 'all',\n\t\t\t\t},\n\t\t\t],\n\t\t\t[ 'core/form-submit-button', {} ],\n\t\t\t[\n\t\t\t\t'core/form-input',\n\t\t\t\t{\n\t\t\t\t\ttype: 'hidden',\n\t\t\t\t\tname: 'wp-action',\n\t\t\t\t\tvalue: 'wp_privacy_send_request',\n\t\t\t\t},\n\t\t\t],\n\t\t\t[\n\t\t\t\t'core/form-input',\n\t\t\t\t{\n\t\t\t\t\ttype: 'hidden',\n\t\t\t\t\tname: 'wp-privacy-request',\n\t\t\t\t\tvalue: '1',\n\t\t\t\t},\n\t\t\t],\n\t\t],\n\t\tscope: [ 'inserter', 'transform' ],\n\t\tisActive: ( blockAttributes ) =>\n\t\t\t! blockAttributes?.type || blockAttributes?.type === 'text',\n\t},\n];\n\nexport default variations;\n"],"mappings":"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"}

package/build/form/view.js

@@ -0,0 +1,42 @@
+"use strict";
+
+// eslint-disable-next-line eslint-comments/disable-enable-pair
+/* eslint-disable no-undef */
+document.querySelectorAll('form.wp-block-form').forEach(function (form) {
+  // Bail If the form is not using the mailto: action.
+  if (!form.action || !form.action.startsWith('mailto:')) {
+    return;
+  }
+  const redirectNotification = status => {
+    const urlParams = new URLSearchParams(window.location.search);
+    urlParams.append('wp-form-result', status);
+    window.location.search = urlParams.toString();
+  };
+
+  // Add an event listener for the form submission.
+  form.addEventListener('submit', async function (event) {
+    event.preventDefault();
+    // Get the form data and merge it with the form action and nonce.
+    const formData = Object.fromEntries(new FormData(form).entries());
+    formData.formAction = form.action;
+    formData._ajax_nonce = wpBlockFormSettings.nonce;
+    formData.action = wpBlockFormSettings.action;
+    try {
+      const response = await fetch(wpBlockFormSettings.ajaxUrl, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/x-www-form-urlencoded'
+        },
+        body: new URLSearchParams(formData).toString()
+      });
+      if (response.ok) {
+        redirectNotification('success');
+      } else {
+        redirectNotification('error');
+      }
+    } catch (error) {
+      redirectNotification('error');
+    }
+  });
+});
+//# sourceMappingURL=view.js.map

package/build/form/view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["document","querySelectorAll","forEach","form","action","startsWith","redirectNotification","status","urlParams","URLSearchParams","window","location","search","append","toString","addEventListener","event","preventDefault","formData","Object","fromEntries","FormData","entries","formAction","_ajax_nonce","wpBlockFormSettings","nonce","response","fetch","ajaxUrl","method","headers","body","ok","error"],"sources":["@wordpress/block-library/src/form/view.js"],"sourcesContent":["// eslint-disable-next-line eslint-comments/disable-enable-pair\n/* eslint-disable no-undef */\ndocument.querySelectorAll( 'form.wp-block-form' ).forEach( function ( form ) {\n\t// Bail If the form is not using the mailto: action.\n\tif ( ! form.action || ! form.action.startsWith( 'mailto:' ) ) {\n\t\treturn;\n\t}\n\n\tconst redirectNotification = ( status ) => {\n\t\tconst urlParams = new URLSearchParams( window.location.search );\n\t\turlParams.append( 'wp-form-result', status );\n\t\twindow.location.search = urlParams.toString();\n\t};\n\n\t// Add an event listener for the form submission.\n\tform.addEventListener( 'submit', async function ( event ) {\n\t\tevent.preventDefault();\n\t\t// Get the form data and merge it with the form action and nonce.\n\t\tconst formData = Object.fromEntries( new FormData( form ).entries() );\n\t\tformData.formAction = form.action;\n\t\tformData._ajax_nonce = wpBlockFormSettings.nonce;\n\t\tformData.action = wpBlockFormSettings.action;\n\n\t\ttry {\n\t\t\tconst response = await fetch( wpBlockFormSettings.ajaxUrl, {\n\t\t\t\tmethod: 'POST',\n\t\t\t\theaders: {\n\t\t\t\t\t'Content-Type': 'application/x-www-form-urlencoded',\n\t\t\t\t},\n\t\t\t\tbody: new URLSearchParams( formData ).toString(),\n\t\t\t} );\n\t\t\tif ( response.ok ) {\n\t\t\t\tredirectNotification( 'success' );\n\t\t\t} else {\n\t\t\t\tredirectNotification( 'error' );\n\t\t\t}\n\t\t} catch ( error ) {\n\t\t\tredirectNotification( 'error' );\n\t\t}\n\t} );\n} );\n"],"mappings":";;AAAA;AACA;AACAA,QAAQ,CAACC,gBAAgB,CAAE,oBAAqB,CAAC,CAACC,OAAO,CAAE,UAAWC,IAAI,EAAG;EAC5E;EACA,IAAK,CAAEA,IAAI,CAACC,MAAM,IAAI,CAAED,IAAI,CAACC,MAAM,CAACC,UAAU,CAAE,SAAU,CAAC,EAAG;IAC7D;EACD;EAEA,MAAMC,oBAAoB,GAAKC,MAAM,IAAM;IAC1C,MAAMC,SAAS,GAAG,IAAIC,eAAe,CAAEC,MAAM,CAACC,QAAQ,CAACC,MAAO,CAAC;IAC/DJ,SAAS,CAACK,MAAM,CAAE,gBAAgB,EAAEN,MAAO,CAAC;IAC5CG,MAAM,CAACC,QAAQ,CAACC,MAAM,GAAGJ,SAAS,CAACM,QAAQ,CAAC,CAAC;EAC9C,CAAC;;EAED;EACAX,IAAI,CAACY,gBAAgB,CAAE,QAAQ,EAAE,gBAAiBC,KAAK,EAAG;IACzDA,KAAK,CAACC,cAAc,CAAC,CAAC;IACtB;IACA,MAAMC,QAAQ,GAAGC,MAAM,CAACC,WAAW,CAAE,IAAIC,QAAQ,CAAElB,IAAK,CAAC,CAACmB,OAAO,CAAC,CAAE,CAAC;IACrEJ,QAAQ,CAACK,UAAU,GAAGpB,IAAI,CAACC,MAAM;IACjCc,QAAQ,CAACM,WAAW,GAAGC,mBAAmB,CAACC,KAAK;IAChDR,QAAQ,CAACd,MAAM,GAAGqB,mBAAmB,CAACrB,MAAM;IAE5C,IAAI;MACH,MAAMuB,QAAQ,GAAG,MAAMC,KAAK,CAAEH,mBAAmB,CAACI,OAAO,EAAE;QAC1DC,MAAM,EAAE,MAAM;QACdC,OAAO,EAAE;UACR,cAAc,EAAE;QACjB,CAAC;QACDC,IAAI,EAAE,IAAIvB,eAAe,CAAES,QAAS,CAAC,CAACJ,QAAQ,CAAC;MAChD,CAAE,CAAC;MACH,IAAKa,QAAQ,CAACM,EAAE,EAAG;QAClB3B,oBAAoB,CAAE,SAAU,CAAC;MAClC,CAAC,MAAM;QACNA,oBAAoB,CAAE,OAAQ,CAAC;MAChC;IACD,CAAC,CAAC,OAAQ4B,KAAK,EAAG;MACjB5B,oBAAoB,CAAE,OAAQ,CAAC;IAChC;EACD,CAAE,CAAC;AACJ,CAAE,CAAC"}

package/build/form-input/edit.js

@@ -0,0 +1,124 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _i18n = require("@wordpress/i18n");
+var _blockEditor = require("@wordpress/block-editor");
+var _components = require("@wordpress/components");
+var _element = require("@wordpress/element");
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+function InputFieldBlock({
+  attributes,
+  setAttributes,
+  className
+}) {
+  const {
+    type,
+    name,
+    label,
+    inlineLabel,
+    required,
+    placeholder,
+    value
+  } = attributes;
+  const blockProps = (0, _blockEditor.useBlockProps)();
+  const ref = (0, _element.useRef)();
+  const TagName = type === 'textarea' ? 'textarea' : 'input';
+  const borderProps = (0, _blockEditor.__experimentalUseBorderProps)(attributes);
+  const colorProps = (0, _blockEditor.__experimentalUseColorProps)(attributes);
+  if (ref.current) {
+    ref.current.focus();
+  }
+  const controls = (0, _react.createElement)(_react.Fragment, null, 'hidden' !== type && (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
+    title: (0, _i18n.__)('Input settings')
+  }, 'checkbox' !== type && (0, _react.createElement)(_components.CheckboxControl, {
+    label: (0, _i18n.__)('Inline label'),
+    checked: inlineLabel,
+    onChange: newVal => {
+      setAttributes({
+        inlineLabel: newVal
+      });
+    }
+  }), (0, _react.createElement)(_components.CheckboxControl, {
+    label: (0, _i18n.__)('Required'),
+    checked: required,
+    onChange: newVal => {
+      setAttributes({
+        required: newVal
+      });
+    }
+  }))), (0, _react.createElement)(_blockEditor.InspectorControls, {
+    __experimentalGroup: "advanced"
+  }, (0, _react.createElement)(_components.TextControl, {
+    autoComplete: "off",
+    label: (0, _i18n.__)('Name'),
+    value: name,
+    onChange: newVal => {
+      setAttributes({
+        name: newVal
+      });
+    },
+    help: (0, _i18n.__)('Affects the "name" atribute of the input element, and is used as a name for the form submission results.')
+  })));
+  if ('hidden' === type) {
+    return (0, _react.createElement)(_react.Fragment, null, controls, (0, _react.createElement)("input", {
+      type: "hidden",
+      className: (0, _classnames.default)(className, 'wp-block-form-input__input', colorProps.className, borderProps.className),
+      "aria-label": (0, _i18n.__)('Value'),
+      value: value,
+      onChange: event => setAttributes({
+        value: event.target.value
+      })
+    }));
+  }
+  return (0, _react.createElement)("div", {
+    ...blockProps
+  }, controls, (0, _react.createElement)("span", {
+    className: (0, _classnames.default)('wp-block-form-input__label', {
+      'is-label-inline': inlineLabel || 'checkbox' === type
+    })
+  }, (0, _react.createElement)(_blockEditor.RichText, {
+    tagName: "span",
+    className: "wp-block-form-input__label-content",
+    value: label,
+    onChange: newLabel => setAttributes({
+      label: newLabel
+    }),
+    "aria-label": label ? (0, _i18n.__)('Label') : (0, _i18n.__)('Empty label'),
+    "data-empty": label ? false : true,
+    placeholder: (0, _i18n.__)('Type the label for this input')
+  }), (0, _react.createElement)(TagName, {
+    type: 'textarea' === type ? undefined : type,
+    className: (0, _classnames.default)(className, 'wp-block-form-input__input', colorProps.className, borderProps.className),
+    "aria-label": (0, _i18n.__)('Optional placeholder text')
+    // We hide the placeholder field's placeholder when there is a value. This
+    // stops screen readers from reading the placeholder field's placeholder
+    // which is confusing.
+    ,
+    placeholder: placeholder ? undefined : (0, _i18n.__)('Optional placeholder…'),
+    value: placeholder,
+    onChange: event => setAttributes({
+      placeholder: event.target.value
+    }),
+    "aria-required": required,
+    style: {
+      ...borderProps.style,
+      ...colorProps.style
+    }
+  })));
+}
+var _default = InputFieldBlock;
+exports.default = _default;
+//# sourceMappingURL=edit.js.map