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

package/build/form-input/edit.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_i18n","_blockEditor","_components","_element","InputFieldBlock","attributes","setAttributes","className","type","name","label","inlineLabel","required","placeholder","value","blockProps","useBlockProps","ref","useRef","TagName","borderProps","useBorderProps","colorProps","useColorProps","current","focus","controls","_react","createElement","Fragment","InspectorControls","PanelBody","title","__","CheckboxControl","checked","onChange","newVal","__experimentalGroup","TextControl","autoComplete","help","classNames","event","target","RichText","tagName","newLabel","undefined","style","_default","exports","default"],"sources":["@wordpress/block-library/src/form-input/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tInspectorControls,\n\tRichText,\n\tuseBlockProps,\n\t__experimentalUseBorderProps as useBorderProps,\n\t__experimentalUseColorProps as useColorProps,\n} from '@wordpress/block-editor';\nimport { PanelBody, TextControl, CheckboxControl } from '@wordpress/components';\n\nimport { useRef } from '@wordpress/element';\n\nfunction InputFieldBlock( { attributes, setAttributes, className } ) {\n\tconst { type, name, label, inlineLabel, required, placeholder, value } =\n\t\tattributes;\n\tconst blockProps = useBlockProps();\n\tconst ref = useRef();\n\tconst TagName = type === 'textarea' ? 'textarea' : 'input';\n\n\tconst borderProps = useBorderProps( attributes );\n\tconst colorProps = useColorProps( attributes );\n\tif ( ref.current ) {\n\t\tref.current.focus();\n\t}\n\n\tconst controls = (\n\t\t<>\n\t\t\t{ 'hidden' !== type && (\n\t\t\t\t<InspectorControls>\n\t\t\t\t\t<PanelBody title={ __( 'Input settings' ) }>\n\t\t\t\t\t\t{ 'checkbox' !== type && (\n\t\t\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Inline label' ) }\n\t\t\t\t\t\t\t\tchecked={ inlineLabel }\n\t\t\t\t\t\t\t\tonChange={ ( newVal ) => {\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tinlineLabel: newVal,\n\t\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/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\t\tlabel={ __( 'Required' ) }\n\t\t\t\t\t\t\tchecked={ required }\n\t\t\t\t\t\t\tonChange={ ( newVal ) => {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\trequired: newVal,\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</PanelBody>\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\t\t\t<InspectorControls __experimentalGroup=\"advanced\">\n\t\t\t\t<TextControl\n\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\tvalue={ name }\n\t\t\t\t\tonChange={ ( newVal ) => {\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tname: newVal,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t'Affects the \"name\" atribute of the input element, and is used as a name for the form submission results.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n\n\tif ( 'hidden' === type ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ controls }\n\t\t\t\t<input\n\t\t\t\t\ttype=\"hidden\"\n\t\t\t\t\tclassName={ classNames(\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t'wp-block-form-input__input',\n\t\t\t\t\t\tcolorProps.className,\n\t\t\t\t\t\tborderProps.className\n\t\t\t\t\t) }\n\t\t\t\t\taria-label={ __( 'Value' ) }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ ( event ) =>\n\t\t\t\t\t\tsetAttributes( { value: event.target.value } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t{ controls }\n\t\t\t<span\n\t\t\t\tclassName={ classNames( 'wp-block-form-input__label', {\n\t\t\t\t\t'is-label-inline': inlineLabel || 'checkbox' === type,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<RichText\n\t\t\t\t\ttagName=\"span\"\n\t\t\t\t\tclassName=\"wp-block-form-input__label-content\"\n\t\t\t\t\tvalue={ label }\n\t\t\t\t\tonChange={ ( newLabel ) =>\n\t\t\t\t\t\tsetAttributes( { label: newLabel } )\n\t\t\t\t\t}\n\t\t\t\t\taria-label={ label ? __( 'Label' ) : __( 'Empty label' ) }\n\t\t\t\t\tdata-empty={ label ? false : true }\n\t\t\t\t\tplaceholder={ __( 'Type the label for this input' ) }\n\t\t\t\t/>\n\t\t\t\t<TagName\n\t\t\t\t\ttype={ 'textarea' === type ? undefined : type }\n\t\t\t\t\tclassName={ classNames(\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t'wp-block-form-input__input',\n\t\t\t\t\t\tcolorProps.className,\n\t\t\t\t\t\tborderProps.className\n\t\t\t\t\t) }\n\t\t\t\t\taria-label={ __( 'Optional placeholder text' ) }\n\t\t\t\t\t// We hide the placeholder field's placeholder when there is a value. This\n\t\t\t\t\t// stops screen readers from reading the placeholder field's placeholder\n\t\t\t\t\t// which is confusing.\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tplaceholder ? undefined : __( 'Optional placeholder…' )\n\t\t\t\t\t}\n\t\t\t\t\tvalue={ placeholder }\n\t\t\t\t\tonChange={ ( event ) =>\n\t\t\t\t\t\tsetAttributes( { placeholder: event.target.value } )\n\t\t\t\t\t}\n\t\t\t\t\taria-required={ required }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t...borderProps.style,\n\t\t\t\t\t\t...colorProps.style,\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</span>\n\t\t</div>\n\t);\n}\n\nexport default InputFieldBlock;\n"],"mappings":"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"}

package/build/form-input/index.js

@@ -0,0 +1,105 @@
+"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-input",
+  title: "Input Field",
+  category: "common",
+  parent: ["core/form"],
+  description: "The basic building block for forms.",
+  keywords: ["input", "form"],
+  textdomain: "default",
+  icon: "forms",
+  attributes: {
+    type: {
+      type: "string",
+      "default": "text"
+    },
+    name: {
+      type: "string"
+    },
+    label: {
+      type: "string",
+      "default": "Label",
+      selector: ".wp-block-form-input__label-content",
+      source: "html",
+      __experimentalRole: "content"
+    },
+    inlineLabel: {
+      type: "boolean",
+      "default": false
+    },
+    required: {
+      type: "boolean",
+      "default": false,
+      selector: ".wp-block-form-input__input",
+      source: "attribute",
+      attribute: "required"
+    },
+    placeholder: {
+      type: "string",
+      selector: ".wp-block-form-input__input",
+      source: "attribute",
+      attribute: "placeholder",
+      __experimentalRole: "content"
+    },
+    value: {
+      type: "string",
+      "default": "",
+      selector: "input",
+      source: "attribute",
+      attribute: "value"
+    },
+    visibilityPermissions: {
+      type: "string",
+      "default": "all"
+    }
+  },
+  supports: {
+    anchor: true,
+    reusable: false,
+    spacing: {
+      margin: ["top", "bottom"]
+    },
+    __experimentalBorder: {
+      radius: true,
+      __experimentalSkipSerialization: true,
+      __experimentalDefaultControls: {
+        radius: true
+      }
+    }
+  },
+  style: ["wp-block-form-input"]
+};
+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-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_initBlock","_interopRequireDefault","require","_edit","_save","_variations","metadata","$schema","apiVersion","__experimental","name","title","category","parent","description","keywords","textdomain","icon","attributes","type","label","selector","source","__experimentalRole","inlineLabel","required","attribute","placeholder","value","visibilityPermissions","supports","anchor","reusable","spacing","margin","__experimentalBorder","radius","__experimentalSkipSerialization","__experimentalDefaultControls","style","exports","settings","edit","save","variations","init","initBlock"],"sources":["@wordpress/block-library/src/form-input/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,MAAA;EAAAC,WAAA;EAAAC,QAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,UAAA;IAAAC,IAAA;MAAAA,IAAA;MAAA;IAAA;IAAAT,IAAA;MAAAS,IAAA;IAAA;IAAAC,KAAA;MAAAD,IAAA;MAAA;MAAAE,QAAA;MAAAC,MAAA;MAAAC,kBAAA;IAAA;IAAAC,WAAA;MAAAL,IAAA;MAAA;IAAA;IAAAM,QAAA;MAAAN,IAAA;MAAA;MAAAE,QAAA;MAAAC,MAAA;MAAAI,SAAA;IAAA;IAAAC,WAAA;MAAAR,IAAA;MAAAE,QAAA;MAAAC,MAAA;MAAAI,SAAA;MAAAH,kBAAA;IAAA;IAAAK,KAAA;MAAAT,IAAA;MAAA;MAAAE,QAAA;MAAAC,MAAA;MAAAI,SAAA;IAAA;IAAAG,qBAAA;MAAAV,IAAA;MAAA;IAAA;EAAA;EAAAW,QAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,OAAA;MAAAC,MAAA;IAAA;IAAAC,oBAAA;MAAAC,MAAA;MAAAC,+BAAA;MAAAC,6BAAA;QAAAF,MAAA;MAAA;IAAA;EAAA;EAAAG,KAAA;AAAA;AAAAC,OAAA,CAAAlC,QAAA,GAAAA,QAAA;AASA,MAAM;EAAEI;AAAK,CAAC,GAAGJ,QAAQ;AAACkC,OAAA,CAAA9B,IAAA,GAAAA,IAAA;AAInB,MAAM+B,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;EAAEpC,IAAI;EAAEJ,QAAQ;EAAEmC;AAAS,CAAE,CAAC;AAACD,OAAA,CAAAK,IAAA,GAAAA,IAAA"}

package/build/form-input/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-input/init.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_","require","_default","init","exports","default"],"sources":["@wordpress/block-library/src/form-input/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-input/save.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = save;
+var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _removeAccents = _interopRequireDefault(require("remove-accents"));
+var _blockEditor = require("@wordpress/block-editor");
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Get the name attribute from a content string.
+ *
+ * @param {string} content The block content.
+ *
+ * @return {string} Returns the slug.
+ */
+const getNameFromLabel = content => {
+  const dummyElement = document.createElement('div');
+  dummyElement.innerHTML = content;
+  // Get the slug.
+  return (0, _removeAccents.default)(dummyElement.innerText)
+  // Convert anything that's not a letter or number to a hyphen.
+  .replace(/[^\p{L}\p{N}]+/gu, '-')
+  // Convert to lowercase
+  .toLowerCase()
+  // Remove any remaining leading or trailing hyphens.
+  .replace(/(^-+)|(-+$)/g, '');
+};
+function save({
+  attributes
+}) {
+  const {
+    type,
+    name,
+    label,
+    inlineLabel,
+    required,
+    placeholder,
+    value
+  } = attributes;
+  const borderProps = (0, _blockEditor.__experimentalGetBorderClassesAndStyles)(attributes);
+  const colorProps = (0, _blockEditor.__experimentalGetColorClassesAndStyles)(attributes);
+  const inputStyle = {
+    ...borderProps.style,
+    ...colorProps.style
+  };
+  const inputClasses = (0, _classnames.default)('wp-block-form-input__input', colorProps.className, borderProps.className);
+  const TagName = type === 'textarea' ? 'textarea' : 'input';
+  if ('hidden' === type) {
+    return (0, _react.createElement)("input", {
+      type: type,
+      name: name,
+      value: value
+    });
+  }
+
+  /* eslint-disable jsx-a11y/label-has-associated-control */
+  return (0, _react.createElement)("label", {
+    className: (0, _classnames.default)('wp-block-form-input__label', {
+      'is-label-inline': inlineLabel
+    })
+  }, (0, _react.createElement)("span", {
+    className: "wp-block-form-input__label-content"
+  }, (0, _react.createElement)(_blockEditor.RichText.Content, {
+    value: label
+  })), (0, _react.createElement)(TagName, {
+    className: inputClasses,
+    type: 'textarea' === type ? undefined : type,
+    name: name || getNameFromLabel(label),
+    required: required,
+    "aria-required": required,
+    placeholder: placeholder || undefined,
+    style: inputStyle
+  }));
+  /* eslint-enable jsx-a11y/label-has-associated-control */
+}
+//# sourceMappingURL=save.js.map

package/build/form-input/save.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_removeAccents","_blockEditor","getNameFromLabel","content","dummyElement","document","createElement","innerHTML","removeAccents","innerText","replace","toLowerCase","save","attributes","type","name","label","inlineLabel","required","placeholder","value","borderProps","getBorderClassesAndStyles","colorProps","getColorClassesAndStyles","inputStyle","style","inputClasses","classNames","className","TagName","_react","RichText","Content","undefined"],"sources":["@wordpress/block-library/src/form-input/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\nimport removeAccents from 'remove-accents';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\t__experimentalGetBorderClassesAndStyles as getBorderClassesAndStyles,\n\t__experimentalGetColorClassesAndStyles as getColorClassesAndStyles,\n} from '@wordpress/block-editor';\n\n/**\n * Get the name attribute from a content string.\n *\n * @param {string} content The block content.\n *\n * @return {string} Returns the slug.\n */\nconst getNameFromLabel = ( content ) => {\n\tconst dummyElement = document.createElement( 'div' );\n\tdummyElement.innerHTML = content;\n\t// Get the slug.\n\treturn (\n\t\tremoveAccents( dummyElement.innerText )\n\t\t\t// Convert anything that's not a letter or number to a hyphen.\n\t\t\t.replace( /[^\\p{L}\\p{N}]+/gu, '-' )\n\t\t\t// Convert to lowercase\n\t\t\t.toLowerCase()\n\t\t\t// Remove any remaining leading or trailing hyphens.\n\t\t\t.replace( /(^-+)|(-+$)/g, '' )\n\t);\n};\n\nexport default function save( { attributes } ) {\n\tconst { type, name, label, inlineLabel, required, placeholder, value } =\n\t\tattributes;\n\n\tconst borderProps = getBorderClassesAndStyles( attributes );\n\tconst colorProps = getColorClassesAndStyles( attributes );\n\n\tconst inputStyle = {\n\t\t...borderProps.style,\n\t\t...colorProps.style,\n\t};\n\n\tconst inputClasses = classNames(\n\t\t'wp-block-form-input__input',\n\t\tcolorProps.className,\n\t\tborderProps.className\n\t);\n\tconst TagName = type === 'textarea' ? 'textarea' : 'input';\n\n\tif ( 'hidden' === type ) {\n\t\treturn <input type={ type } name={ name } value={ value } />;\n\t}\n\n\t/* eslint-disable jsx-a11y/label-has-associated-control */\n\treturn (\n\t\t<label\n\t\t\tclassName={ classNames( 'wp-block-form-input__label', {\n\t\t\t\t'is-label-inline': inlineLabel,\n\t\t\t} ) }\n\t\t>\n\t\t\t<span className=\"wp-block-form-input__label-content\">\n\t\t\t\t<RichText.Content value={ label } />\n\t\t\t</span>\n\t\t\t<TagName\n\t\t\t\tclassName={ inputClasses }\n\t\t\t\ttype={ 'textarea' === type ? undefined : type }\n\t\t\t\tname={ name || getNameFromLabel( label ) }\n\t\t\t\trequired={ required }\n\t\t\t\taria-required={ required }\n\t\t\t\tplaceholder={ placeholder || undefined }\n\t\t\t\tstyle={ inputStyle }\n\t\t\t/>\n\t\t</label>\n\t);\n\t/* eslint-enable jsx-a11y/label-has-associated-control */\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA;AAKA,IAAAE,YAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMG,gBAAgB,GAAKC,OAAO,IAAM;EACvC,MAAMC,YAAY,GAAGC,QAAQ,CAACC,aAAa,CAAE,KAAM,CAAC;EACpDF,YAAY,CAACG,SAAS,GAAGJ,OAAO;EAChC;EACA,OACC,IAAAK,sBAAa,EAAEJ,YAAY,CAACK,SAAU;EACrC;EAAA,CACCC,OAAO,CAAE,kBAAkB,EAAE,GAAI;EAClC;EAAA,CACCC,WAAW,CAAC;EACb;EAAA,CACCD,OAAO,CAAE,cAAc,EAAE,EAAG,CAAC;AAEjC,CAAC;AAEc,SAASE,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,MAAM;IAAEC,IAAI;IAAEC,IAAI;IAAEC,KAAK;IAAEC,WAAW;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAM,CAAC,GACrEP,UAAU;EAEX,MAAMQ,WAAW,GAAG,IAAAC,oDAAyB,EAAET,UAAW,CAAC;EAC3D,MAAMU,UAAU,GAAG,IAAAC,mDAAwB,EAAEX,UAAW,CAAC;EAEzD,MAAMY,UAAU,GAAG;IAClB,GAAGJ,WAAW,CAACK,KAAK;IACpB,GAAGH,UAAU,CAACG;EACf,CAAC;EAED,MAAMC,YAAY,GAAG,IAAAC,mBAAU,EAC9B,4BAA4B,EAC5BL,UAAU,CAACM,SAAS,EACpBR,WAAW,CAACQ,SACb,CAAC;EACD,MAAMC,OAAO,GAAGhB,IAAI,KAAK,UAAU,GAAG,UAAU,GAAG,OAAO;EAE1D,IAAK,QAAQ,KAAKA,IAAI,EAAG;IACxB,OAAO,IAAAiB,MAAA,CAAAzB,aAAA;MAAOQ,IAAI,EAAGA,IAAM;MAACC,IAAI,EAAGA,IAAM;MAACK,KAAK,EAAGA;IAAO,CAAE,CAAC;EAC7D;;EAEA;EACA,OACC,IAAAW,MAAA,CAAAzB,aAAA;IACCuB,SAAS,EAAG,IAAAD,mBAAU,EAAE,4BAA4B,EAAE;MACrD,iBAAiB,EAAEX;IACpB,CAAE;EAAG,GAEL,IAAAc,MAAA,CAAAzB,aAAA;IAAMuB,SAAS,EAAC;EAAoC,GACnD,IAAAE,MAAA,CAAAzB,aAAA,EAACL,YAAA,CAAA+B,QAAQ,CAACC,OAAO;IAACb,KAAK,EAAGJ;EAAO,CAAE,CAC9B,CAAC,EACP,IAAAe,MAAA,CAAAzB,aAAA,EAACwB,OAAO;IACPD,SAAS,EAAGF,YAAc;IAC1Bb,IAAI,EAAG,UAAU,KAAKA,IAAI,GAAGoB,SAAS,GAAGpB,IAAM;IAC/CC,IAAI,EAAGA,IAAI,IAAIb,gBAAgB,CAAEc,KAAM,CAAG;IAC1CE,QAAQ,EAAGA,QAAU;IACrB,iBAAgBA,QAAU;IAC1BC,WAAW,EAAGA,WAAW,IAAIe,SAAW;IACxCR,KAAK,EAAGD;EAAY,CACpB,CACK,CAAC;EAET;AACD"}

package/build/form-input/variations.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _i18n = require("@wordpress/i18n");
+/**
+ * WordPress dependencies
+ */
+
+const variations = [{
+  name: 'text',
+  title: (0, _i18n.__)('Text Input'),
+  icon: 'edit-page',
+  description: (0, _i18n.__)('A generic text input.'),
+  attributes: {
+    type: 'text'
+  },
+  isDefault: true,
+  scope: ['inserter', 'transform'],
+  isActive: blockAttributes => !blockAttributes?.type || blockAttributes?.type === 'text'
+}, {
+  name: 'textarea',
+  title: (0, _i18n.__)('Textarea Input'),
+  icon: 'testimonial',
+  description: (0, _i18n.__)('A textarea input to allow entering multiple lines of text.'),
+  attributes: {
+    type: 'textarea'
+  },
+  isDefault: true,
+  scope: ['inserter', 'transform'],
+  isActive: blockAttributes => blockAttributes?.type === 'textarea'
+}, {
+  name: 'checkbox',
+  title: (0, _i18n.__)('Checkbox Input'),
+  description: (0, _i18n.__)('A simple checkbox input.'),
+  icon: 'forms',
+  attributes: {
+    type: 'checkbox',
+    inlineLabel: true
+  },
+  isDefault: true,
+  scope: ['inserter', 'transform'],
+  isActive: blockAttributes => blockAttributes?.type === 'checkbox'
+}, {
+  name: 'email',
+  title: (0, _i18n.__)('Email Input'),
+  icon: 'email',
+  description: (0, _i18n.__)('Used for email addresses.'),
+  attributes: {
+    type: 'email'
+  },
+  isDefault: true,
+  scope: ['inserter', 'transform'],
+  isActive: blockAttributes => blockAttributes?.type === 'email'
+}, {
+  name: 'url',
+  title: (0, _i18n.__)('URL Input'),
+  icon: 'admin-site',
+  description: (0, _i18n.__)('Used for URLs.'),
+  attributes: {
+    type: 'url'
+  },
+  isDefault: true,
+  scope: ['inserter', 'transform'],
+  isActive: blockAttributes => blockAttributes?.type === 'url'
+}, {
+  name: 'tel',
+  title: (0, _i18n.__)('Telephone Input'),
+  icon: 'phone',
+  description: (0, _i18n.__)('Used for phone numbers.'),
+  attributes: {
+    type: 'tel'
+  },
+  isDefault: true,
+  scope: ['inserter', 'transform'],
+  isActive: blockAttributes => blockAttributes?.type === 'tel'
+}, {
+  name: 'number',
+  title: (0, _i18n.__)('Number Input'),
+  icon: 'edit-page',
+  description: (0, _i18n.__)('A numeric input.'),
+  attributes: {
+    type: 'number'
+  },
+  isDefault: true,
+  scope: ['inserter', 'transform'],
+  isActive: blockAttributes => blockAttributes?.type === 'number'
+}];
+var _default = variations;
+exports.default = _default;
+//# sourceMappingURL=variations.js.map

package/build/form-input/variations.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","variations","name","title","__","icon","description","attributes","type","isDefault","scope","isActive","blockAttributes","inlineLabel","_default","exports","default"],"sources":["@wordpress/block-library/src/form-input/variations.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nconst variations = [\n\t{\n\t\tname: 'text',\n\t\ttitle: __( 'Text Input' ),\n\t\ticon: 'edit-page',\n\t\tdescription: __( 'A generic text input.' ),\n\t\tattributes: { type: 'text' },\n\t\tisDefault: true,\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: 'textarea',\n\t\ttitle: __( 'Textarea Input' ),\n\t\ticon: 'testimonial',\n\t\tdescription: __(\n\t\t\t'A textarea input to allow entering multiple lines of text.'\n\t\t),\n\t\tattributes: { type: 'textarea' },\n\t\tisDefault: true,\n\t\tscope: [ 'inserter', 'transform' ],\n\t\tisActive: ( blockAttributes ) => blockAttributes?.type === 'textarea',\n\t},\n\t{\n\t\tname: 'checkbox',\n\t\ttitle: __( 'Checkbox Input' ),\n\t\tdescription: __( 'A simple checkbox input.' ),\n\t\ticon: 'forms',\n\t\tattributes: { type: 'checkbox', inlineLabel: true },\n\t\tisDefault: true,\n\t\tscope: [ 'inserter', 'transform' ],\n\t\tisActive: ( blockAttributes ) => blockAttributes?.type === 'checkbox',\n\t},\n\t{\n\t\tname: 'email',\n\t\ttitle: __( 'Email Input' ),\n\t\ticon: 'email',\n\t\tdescription: __( 'Used for email addresses.' ),\n\t\tattributes: { type: 'email' },\n\t\tisDefault: true,\n\t\tscope: [ 'inserter', 'transform' ],\n\t\tisActive: ( blockAttributes ) => blockAttributes?.type === 'email',\n\t},\n\t{\n\t\tname: 'url',\n\t\ttitle: __( 'URL Input' ),\n\t\ticon: 'admin-site',\n\t\tdescription: __( 'Used for URLs.' ),\n\t\tattributes: { type: 'url' },\n\t\tisDefault: true,\n\t\tscope: [ 'inserter', 'transform' ],\n\t\tisActive: ( blockAttributes ) => blockAttributes?.type === 'url',\n\t},\n\t{\n\t\tname: 'tel',\n\t\ttitle: __( 'Telephone Input' ),\n\t\ticon: 'phone',\n\t\tdescription: __( 'Used for phone numbers.' ),\n\t\tattributes: { type: 'tel' },\n\t\tisDefault: true,\n\t\tscope: [ 'inserter', 'transform' ],\n\t\tisActive: ( blockAttributes ) => blockAttributes?.type === 'tel',\n\t},\n\t{\n\t\tname: 'number',\n\t\ttitle: __( 'Number Input' ),\n\t\ticon: 'edit-page',\n\t\tdescription: __( 'A numeric input.' ),\n\t\tattributes: { type: 'number' },\n\t\tisDefault: true,\n\t\tscope: [ 'inserter', 'transform' ],\n\t\tisActive: ( blockAttributes ) => blockAttributes?.type === 'number',\n\t},\n];\n\nexport default variations;\n"],"mappings":"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"}

package/build/form-submission-notification/edit.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+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 _data = require("@wordpress/data");
+var _classnames = _interopRequireDefault(require("classnames"));
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * External dependencies
+ */
+
+const TEMPLATE = [['core/paragraph', {
+  content: (0, _i18n.__)("Enter the message you wish displayed for form submission error/success, and select the type of the message (success/error) from the block's options.")
+}]];
+const Edit = ({
+  attributes,
+  clientId
+}) => {
+  const {
+    type
+  } = attributes;
+  const blockProps = (0, _blockEditor.useBlockProps)({
+    className: (0, _classnames.default)('wp-block-form-submission-notification', {
+      [`form-notification-type-${type}`]: type
+    })
+  });
+  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, {
+    template: TEMPLATE,
+    renderAppender: hasInnerBlocks ? undefined : _blockEditor.InnerBlocks.ButtonBlockAppender
+  });
+  return (0, _react.createElement)("div", {
+    ...innerBlocksProps,
+    "data-message-success": (0, _i18n.__)('Submission success notification'),
+    "data-message-error": (0, _i18n.__)('Submission error notification')
+  });
+};
+var _default = Edit;
+exports.default = _default;
+//# sourceMappingURL=edit.js.map

package/build/form-submission-notification/edit.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","_blockEditor","_data","_classnames","_interopRequireDefault","TEMPLATE","content","__","Edit","attributes","clientId","type","blockProps","useBlockProps","className","classnames","hasInnerBlocks","useSelect","select","getBlock","blockEditorStore","block","innerBlocks","length","innerBlocksProps","useInnerBlocksProps","template","renderAppender","undefined","InnerBlocks","ButtonBlockAppender","_react","createElement","_default","exports","default"],"sources":["@wordpress/block-library/src/form-submission-notification/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tInnerBlocks,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\nconst TEMPLATE = [\n\t[\n\t\t'core/paragraph',\n\t\t{\n\t\t\tcontent: __(\n\t\t\t\t\"Enter the message you wish displayed for form submission error/success, and select the type of the message (success/error) from the block's options.\"\n\t\t\t),\n\t\t},\n\t],\n];\n\nconst Edit = ( { attributes, clientId } ) => {\n\tconst { type } = attributes;\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( 'wp-block-form-submission-notification', {\n\t\t\t[ `form-notification-type-${ type }` ]: type,\n\t\t} ),\n\t} );\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\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<div\n\t\t\t{ ...innerBlocksProps }\n\t\t\tdata-message-success={ __( 'Submission success notification' ) }\n\t\t\tdata-message-error={ __( 'Submission error notification' ) }\n\t\t/>\n\t);\n};\nexport default Edit;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,WAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAfA;AACA;AACA;;AAUA;AACA;AACA;;AAGA,MAAMK,QAAQ,GAAG,CAChB,CACC,gBAAgB,EAChB;EACCC,OAAO,EAAE,IAAAC,QAAE,EACV,sJACD;AACD,CAAC,CACD,CACD;AAED,MAAMC,IAAI,GAAGA,CAAE;EAAEC,UAAU;EAAEC;AAAS,CAAC,KAAM;EAC5C,MAAM;IAAEC;EAAK,CAAC,GAAGF,UAAU;EAC3B,MAAMG,UAAU,GAAG,IAAAC,0BAAa,EAAE;IACjCC,SAAS,EAAE,IAAAC,mBAAU,EAAE,uCAAuC,EAAE;MAC/D,CAAG,0BAA0BJ,IAAM,EAAC,GAAIA;IACzC,CAAE;EACH,CAAE,CAAC;EAEH,MAAM;IAAEK;EAAe,CAAC,GAAG,IAAAC,eAAS,EACjCC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAS,CAAC,GAAGD,MAAM,CAAEE,kBAAiB,CAAC;IAC/C,MAAMC,KAAK,GAAGF,QAAQ,CAAET,QAAS,CAAC;IAClC,OAAO;MACNM,cAAc,EAAE,CAAC,EAAIK,KAAK,IAAIA,KAAK,CAACC,WAAW,CAACC,MAAM;IACvD,CAAC;EACF,CAAC,EACD,CAAEb,QAAQ,CACX,CAAC;EAED,MAAMc,gBAAgB,GAAG,IAAAC,gCAAmB,EAAEb,UAAU,EAAE;IACzDc,QAAQ,EAAErB,QAAQ;IAClBsB,cAAc,EAAEX,cAAc,GAC3BY,SAAS,GACTC,wBAAW,CAACC;EAChB,CAAE,CAAC;EAEH,OACC,IAAAC,MAAA,CAAAC,aAAA;IAAA,GACMR,gBAAgB;IACrB,wBAAuB,IAAAjB,QAAE,EAAE,iCAAkC,CAAG;IAChE,sBAAqB,IAAAA,QAAE,EAAE,+BAAgC;EAAG,CAC5D,CAAC;AAEJ,CAAC;AAAC,IAAA0B,QAAA,GACazB,IAAI;AAAA0B,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/form-submission-notification/index.js

@@ -0,0 +1,56 @@
+"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 _icons = require("@wordpress/icons");
+var _initBlock = _interopRequireDefault(require("../utils/init-block"));
+var _edit = _interopRequireDefault(require("./edit"));
+var _save = _interopRequireDefault(require("./save"));
+var _variations = _interopRequireDefault(require("./variations"));
+/**
+ * WordPress dependencies
+ */
+/**
+ * Internal dependencies
+ */
+const metadata = {
+  $schema: "https://schemas.wp.org/trunk/block.json",
+  apiVersion: 3,
+  __experimental: true,
+  name: "core/form-submission-notification",
+  title: "Form Submission Notification",
+  category: "common",
+  parent: ["core/form"],
+  description: "Provide a notification message after the form has been submitted.",
+  keywords: ["form", "feedback", "notification", "message"],
+  textdomain: "default",
+  icon: "feedback",
+  attributes: {
+    type: {
+      type: "string",
+      "default": "success"
+    }
+  }
+};
+exports.metadata = metadata;
+const {
+  name
+} = metadata;
+exports.name = name;
+const settings = {
+  icon: _icons.group,
+  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-submission-notification/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_icons","require","_initBlock","_interopRequireDefault","_edit","_save","_variations","metadata","$schema","apiVersion","__experimental","name","title","category","parent","description","keywords","textdomain","icon","attributes","type","exports","settings","edit","save","variations","init","initBlock"],"sources":["@wordpress/block-library/src/form-submission-notification/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { group as icon } from '@wordpress/icons';\n\n/**\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\ticon,\n\tedit,\n\tsave,\n\tvariations,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":";;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAKA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,KAAA,GAAAD,sBAAA,CAAAF,OAAA;AAEA,IAAAI,KAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,WAAA,GAAAH,sBAAA,CAAAF,OAAA;AAZA;AACA;AACA;AAGA;AACA;AACA;AAFA,MAAAM,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,cAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,MAAA;EAAAC,WAAA;EAAAC,QAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,UAAA;IAAAC,IAAA;MAAAA,IAAA;MAAA;IAAA;EAAA;AAAA;AAAAC,OAAA,CAAAd,QAAA,GAAAA,QAAA;AASA,MAAM;EAAEI;AAAK,CAAC,GAAGJ,QAAQ;AAACc,OAAA,CAAAV,IAAA,GAAAA,IAAA;AAInB,MAAMW,QAAQ,GAAG;EACvBJ,IAAI,EAAJA,YAAI;EACJK,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;EAAEhB,IAAI;EAAEJ,QAAQ;EAAEe;AAAS,CAAE,CAAC;AAACD,OAAA,CAAAK,IAAA,GAAAA,IAAA"}

package/build/form-submission-notification/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-submission-notification/init.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_","require","_default","init","exports","default"],"sources":["@wordpress/block-library/src/form-submission-notification/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-submission-notification/save.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = save;
+var _react = require("react");
+var _blockEditor = require("@wordpress/block-editor");
+var _classnames = _interopRequireDefault(require("classnames"));
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * External dependencies
+ */
+
+function save({
+  attributes
+}) {
+  const {
+    type
+  } = attributes;
+  return (0, _react.createElement)("div", {
+    ..._blockEditor.useInnerBlocksProps.save(_blockEditor.useBlockProps.save({
+      className: (0, _classnames.default)('wp-block-form-submission-notification', {
+        [`form-notification-type-${type}`]: type
+      })
+    }))
+  });
+}
+//# sourceMappingURL=save.js.map

package/build/form-submission-notification/save.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_blockEditor","require","_classnames","_interopRequireDefault","save","attributes","type","_react","createElement","useInnerBlocksProps","useBlockProps","className","classnames"],"sources":["@wordpress/block-library/src/form-submission-notification/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useInnerBlocksProps, useBlockProps } from '@wordpress/block-editor';\n\n/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\nexport default function save( { attributes } ) {\n\tconst { type } = attributes;\n\n\treturn (\n\t\t<div\n\t\t\t{ ...useInnerBlocksProps.save(\n\t\t\t\tuseBlockProps.save( {\n\t\t\t\t\tclassName: classnames(\n\t\t\t\t\t\t'wp-block-form-submission-notification',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t[ `form-notification-type-${ type }` ]: type,\n\t\t\t\t\t\t}\n\t\t\t\t\t),\n\t\t\t\t} )\n\t\t\t) }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGe,SAASG,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,MAAM;IAAEC;EAAK,CAAC,GAAGD,UAAU;EAE3B,OACC,IAAAE,MAAA,CAAAC,aAAA;IAAA,GACMC,gCAAmB,CAACL,IAAI,CAC5BM,0BAAa,CAACN,IAAI,CAAE;MACnBO,SAAS,EAAE,IAAAC,mBAAU,EACpB,uCAAuC,EACvC;QACC,CAAG,0BAA0BN,IAAM,EAAC,GAAIA;MACzC,CACD;IACD,CAAE,CACH;EAAC,CACD,CAAC;AAEJ"}

package/build/form-submission-notification/variations.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _i18n = require("@wordpress/i18n");
+/**
+ * WordPress dependencies
+ */
+
+const variations = [{
+  name: 'form-submission-success',
+  title: (0, _i18n.__)('Form Submission Success'),
+  description: (0, _i18n.__)('Success message for form submissions.'),
+  attributes: {
+    type: 'success'
+  },
+  isDefault: true,
+  innerBlocks: [['core/paragraph', {
+    content: (0, _i18n.__)('Your form has been submitted successfully.'),
+    backgroundColor: '#00D084',
+    textColor: '#000000',
+    style: {
+      elements: {
+        link: {
+          color: {
+            text: '#000000'
+          }
+        }
+      }
+    }
+  }]],
+  scope: ['inserter', 'transform'],
+  isActive: blockAttributes => !blockAttributes?.type || blockAttributes?.type === 'success'
+}, {
+  name: 'form-submission-error',
+  title: (0, _i18n.__)('Form Submission Error'),
+  description: (0, _i18n.__)('Error/failure message for form submissions.'),
+  attributes: {
+    type: 'error'
+  },
+  isDefault: false,
+  innerBlocks: [['core/paragraph', {
+    content: (0, _i18n.__)('There was an error submitting your form.'),
+    backgroundColor: '#CF2E2E',
+    textColor: '#FFFFFF',
+    style: {
+      elements: {
+        link: {
+          color: {
+            text: '#FFFFFF'
+          }
+        }
+      }
+    }
+  }]],
+  scope: ['inserter', 'transform'],
+  isActive: blockAttributes => !blockAttributes?.type || blockAttributes?.type === 'error'
+}];
+var _default = variations;
+exports.default = _default;
+//# sourceMappingURL=variations.js.map

package/build/form-submission-notification/variations.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","variations","name","title","__","description","attributes","type","isDefault","innerBlocks","content","backgroundColor","textColor","style","elements","link","color","text","scope","isActive","blockAttributes","_default","exports","default"],"sources":["@wordpress/block-library/src/form-submission-notification/variations.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nconst variations = [\n\t{\n\t\tname: 'form-submission-success',\n\t\ttitle: __( 'Form Submission Success' ),\n\t\tdescription: __( 'Success message for form submissions.' ),\n\t\tattributes: {\n\t\t\ttype: 'success',\n\t\t},\n\t\tisDefault: true,\n\t\tinnerBlocks: [\n\t\t\t[\n\t\t\t\t'core/paragraph',\n\t\t\t\t{\n\t\t\t\t\tcontent: __( 'Your form has been submitted successfully.' ),\n\t\t\t\t\tbackgroundColor: '#00D084',\n\t\t\t\t\ttextColor: '#000000',\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\telements: { link: { color: { text: '#000000' } } },\n\t\t\t\t\t},\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 === 'success',\n\t},\n\t{\n\t\tname: 'form-submission-error',\n\t\ttitle: __( 'Form Submission Error' ),\n\t\tdescription: __( 'Error/failure message for form submissions.' ),\n\t\tattributes: {\n\t\t\ttype: 'error',\n\t\t},\n\t\tisDefault: false,\n\t\tinnerBlocks: [\n\t\t\t[\n\t\t\t\t'core/paragraph',\n\t\t\t\t{\n\t\t\t\t\tcontent: __( 'There was an error submitting your form.' ),\n\t\t\t\t\tbackgroundColor: '#CF2E2E',\n\t\t\t\t\ttextColor: '#FFFFFF',\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\telements: { link: { color: { text: '#FFFFFF' } } },\n\t\t\t\t\t},\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 === 'error',\n\t},\n];\n\nexport default variations;\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,UAAU,GAAG,CAClB;EACCC,IAAI,EAAE,yBAAyB;EAC/BC,KAAK,EAAE,IAAAC,QAAE,EAAE,yBAA0B,CAAC;EACtCC,WAAW,EAAE,IAAAD,QAAE,EAAE,uCAAwC,CAAC;EAC1DE,UAAU,EAAE;IACXC,IAAI,EAAE;EACP,CAAC;EACDC,SAAS,EAAE,IAAI;EACfC,WAAW,EAAE,CACZ,CACC,gBAAgB,EAChB;IACCC,OAAO,EAAE,IAAAN,QAAE,EAAE,4CAA6C,CAAC;IAC3DO,eAAe,EAAE,SAAS;IAC1BC,SAAS,EAAE,SAAS;IACpBC,KAAK,EAAE;MACNC,QAAQ,EAAE;QAAEC,IAAI,EAAE;UAAEC,KAAK,EAAE;YAAEC,IAAI,EAAE;UAAU;QAAE;MAAE;IAClD;EACD,CAAC,CACD,CACD;EACDC,KAAK,EAAE,CAAE,UAAU,EAAE,WAAW,CAAE;EAClCC,QAAQ,EAAIC,eAAe,IAC1B,CAAEA,eAAe,EAAEb,IAAI,IAAIa,eAAe,EAAEb,IAAI,KAAK;AACvD,CAAC,EACD;EACCL,IAAI,EAAE,uBAAuB;EAC7BC,KAAK,EAAE,IAAAC,QAAE,EAAE,uBAAwB,CAAC;EACpCC,WAAW,EAAE,IAAAD,QAAE,EAAE,6CAA8C,CAAC;EAChEE,UAAU,EAAE;IACXC,IAAI,EAAE;EACP,CAAC;EACDC,SAAS,EAAE,KAAK;EAChBC,WAAW,EAAE,CACZ,CACC,gBAAgB,EAChB;IACCC,OAAO,EAAE,IAAAN,QAAE,EAAE,0CAA2C,CAAC;IACzDO,eAAe,EAAE,SAAS;IAC1BC,SAAS,EAAE,SAAS;IACpBC,KAAK,EAAE;MACNC,QAAQ,EAAE;QAAEC,IAAI,EAAE;UAAEC,KAAK,EAAE;YAAEC,IAAI,EAAE;UAAU;QAAE;MAAE;IAClD;EACD,CAAC,CACD,CACD;EACDC,KAAK,EAAE,CAAE,UAAU,EAAE,WAAW,CAAE;EAClCC,QAAQ,EAAIC,eAAe,IAC1B,CAAEA,eAAe,EAAEb,IAAI,IAAIa,eAAe,EAAEb,IAAI,KAAK;AACvD,CAAC,CACD;AAAC,IAAAc,QAAA,GAEapB,UAAU;AAAAqB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/form-submit-button/edit.js

@@ -0,0 +1,32 @@
+"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");
+/**
+ * WordPress dependencies
+ */
+
+const TEMPLATE = [['core/buttons', {}, [['core/button', {
+  text: (0, _i18n.__)('Submit'),
+  tagName: 'button'
+}]]]];
+const Edit = () => {
+  const blockProps = (0, _blockEditor.useBlockProps)();
+  const innerBlocksProps = (0, _blockEditor.useInnerBlocksProps)(blockProps, {
+    allowedBlocks: TEMPLATE,
+    template: TEMPLATE,
+    templateLock: 'all'
+  });
+  return (0, _react.createElement)("div", {
+    className: "wp-block-form-submit-wrapper",
+    ...innerBlocksProps
+  });
+};
+var _default = Edit;
+exports.default = _default;
+//# sourceMappingURL=edit.js.map