@wordpress/block-library 8.20.1 → 8.21.1-next.f8d8eceb.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/README.md +12 -0
- package/build/avatar/index.js +5 -1
- package/build/avatar/index.js.map +1 -1
- package/build/block/edit-title.native.js +11 -3
- package/build/block/edit-title.native.js.map +1 -1
- package/build/block/index.js +2 -1
- package/build/block/index.js.map +1 -1
- package/build/code/edit.native.js +8 -2
- package/build/code/edit.native.js.map +1 -1
- package/build/column/edit.js +2 -1
- package/build/column/edit.js.map +1 -1
- package/build/column/edit.native.js +2 -1
- package/build/column/edit.native.js.map +1 -1
- package/build/columns/edit.native.js +2 -1
- package/build/columns/edit.native.js.map +1 -1
- package/build/cover/controls.native.js +2 -1
- package/build/cover/controls.native.js.map +1 -1
- package/build/cover/deprecated.js +110 -1
- package/build/cover/deprecated.js.map +1 -1
- package/build/cover/edit/index.js +11 -4
- package/build/cover/edit/index.js.map +1 -1
- package/build/cover/edit/inspector-controls.js +3 -3
- package/build/cover/edit/inspector-controls.js.map +1 -1
- package/build/cover/index.js +0 -3
- package/build/cover/index.js.map +1 -1
- package/build/cover/save.js +2 -1
- package/build/cover/save.js.map +1 -1
- package/build/cover/shared.js +1 -1
- package/build/cover/shared.js.map +1 -1
- package/build/file/view.js +1 -1
- package/build/file/view.js.map +1 -1
- package/build/footnotes/index.js +1 -0
- package/build/footnotes/index.js.map +1 -1
- package/build/form/edit.js +138 -0
- package/build/form/edit.js.map +1 -0
- package/build/form/index.js +92 -0
- package/build/form/index.js.map +1 -0
- package/build/form/init.js +13 -0
- package/build/form/init.js.map +1 -0
- package/build/form/save.js +28 -0
- package/build/form/save.js.map +1 -0
- package/build/form/utils.js +24 -0
- package/build/form/utils.js.map +1 -0
- package/build/form/variations.js +95 -0
- package/build/form/variations.js.map +1 -0
- package/build/form/view.js +42 -0
- package/build/form/view.js.map +1 -0
- package/build/form-input/edit.js +124 -0
- package/build/form-input/edit.js.map +1 -0
- package/build/form-input/index.js +105 -0
- package/build/form-input/index.js.map +1 -0
- package/build/form-input/init.js +13 -0
- package/build/form-input/init.js.map +1 -0
- package/build/form-input/save.js +87 -0
- package/build/form-input/save.js.map +1 -0
- package/build/form-input/variations.js +93 -0
- package/build/form-input/variations.js.map +1 -0
- package/build/form-submission-notification/edit.js +59 -0
- package/build/form-submission-notification/edit.js.map +1 -0
- package/build/form-submission-notification/index.js +56 -0
- package/build/form-submission-notification/index.js.map +1 -0
- package/build/form-submission-notification/init.js +13 -0
- package/build/form-submission-notification/init.js.map +1 -0
- package/build/form-submission-notification/save.js +33 -0
- package/build/form-submission-notification/save.js.map +1 -0
- package/build/form-submission-notification/variations.js +63 -0
- package/build/form-submission-notification/variations.js.map +1 -0
- package/build/form-submit-button/edit.js +32 -0
- package/build/form-submit-button/edit.js.map +1 -0
- package/build/form-submit-button/index.js +44 -0
- package/build/form-submit-button/index.js.map +1 -0
- package/build/form-submit-button/init.js +13 -0
- package/build/form-submit-button/init.js.map +1 -0
- package/build/form-submit-button/save.js +22 -0
- package/build/form-submit-button/save.js.map +1 -0
- package/build/group/edit.js +2 -11
- package/build/group/edit.js.map +1 -1
- package/build/group/index.js +0 -1
- package/build/group/index.js.map +1 -1
- package/build/heading/index.js +3 -2
- package/build/heading/index.js.map +1 -1
- package/build/html/preview.js +2 -4
- package/build/html/preview.js.map +1 -1
- package/build/image/image.js +15 -6
- package/build/image/image.js.map +1 -1
- package/build/image/view.js +71 -39
- package/build/image/view.js.map +1 -1
- package/build/index.js +10 -0
- package/build/index.js.map +1 -1
- package/build/latest-posts/edit.js +6 -2
- package/build/latest-posts/edit.js.map +1 -1
- package/build/list-item/hooks/use-merge.js +15 -15
- package/build/list-item/hooks/use-merge.js.map +1 -1
- package/build/lock-unlock.js +1 -1
- package/build/lock-unlock.js.map +1 -1
- package/build/missing/edit.native.js +54 -64
- package/build/missing/edit.native.js.map +1 -1
- package/build/navigation/edit/index.js +0 -1
- package/build/navigation/edit/index.js.map +1 -1
- package/build/navigation/index.js +2 -1
- package/build/navigation/index.js.map +1 -1
- package/build/navigation/view.js +27 -5
- package/build/navigation/view.js.map +1 -1
- package/build/page-list-item/edit.js +3 -1
- package/build/page-list-item/edit.js.map +1 -1
- package/build/paragraph/edit.js +1 -1
- package/build/paragraph/edit.js.map +1 -1
- package/build/paragraph/index.js +7 -0
- package/build/paragraph/index.js.map +1 -1
- package/build/pattern/index.js +2 -1
- package/build/pattern/index.js.map +1 -1
- package/build/post-featured-image/dimension-controls.js +2 -2
- package/build/post-featured-image/dimension-controls.js.map +1 -1
- package/build/query/edit/enhanced-pagination-modal.js +27 -13
- package/build/query/edit/enhanced-pagination-modal.js.map +1 -1
- package/build/query/edit/inspector-controls/enhanced-pagination-control.js +15 -12
- package/build/query/edit/inspector-controls/enhanced-pagination-control.js.map +1 -1
- package/build/query/utils.js +29 -8
- package/build/query/utils.js.map +1 -1
- package/build/query/view.js +4 -2
- package/build/query/view.js.map +1 -1
- package/build/search/edit.js +1 -2
- package/build/search/edit.js.map +1 -1
- package/build/social-link/edit.native.js +7 -19
- package/build/social-link/edit.native.js.map +1 -1
- package/build/spacer/controls.js +3 -3
- package/build/spacer/controls.js.map +1 -1
- package/build/spacer/controls.native.js +2 -1
- package/build/spacer/controls.native.js.map +1 -1
- package/build/spacer/edit.js +1 -1
- package/build/spacer/edit.js.map +1 -1
- package/build/spacer/edit.native.js +5 -1
- package/build/spacer/edit.native.js.map +1 -1
- package/build/tag-cloud/edit.js +2 -1
- package/build/tag-cloud/edit.js.map +1 -1
- package/build/template-part/edit/inner-blocks.js +2 -2
- package/build/template-part/edit/inner-blocks.js.map +1 -1
- package/build/template-part/index.js +2 -1
- package/build/template-part/index.js.map +1 -1
- package/build/term-description/index.js +0 -1
- package/build/term-description/index.js.map +1 -1
- package/build-module/avatar/index.js +5 -1
- package/build-module/avatar/index.js.map +1 -1
- package/build-module/block/edit-title.native.js +12 -4
- package/build-module/block/edit-title.native.js.map +1 -1
- package/build-module/block/index.js +2 -1
- package/build-module/block/index.js.map +1 -1
- package/build-module/code/edit.native.js +8 -2
- package/build-module/code/edit.native.js.map +1 -1
- package/build-module/column/edit.js +3 -2
- package/build-module/column/edit.js.map +1 -1
- package/build-module/column/edit.native.js +3 -2
- package/build-module/column/edit.native.js.map +1 -1
- package/build-module/columns/edit.native.js +3 -2
- package/build-module/columns/edit.native.js.map +1 -1
- package/build-module/cover/controls.native.js +3 -2
- package/build-module/cover/controls.native.js.map +1 -1
- package/build-module/cover/deprecated.js +110 -1
- package/build-module/cover/deprecated.js.map +1 -1
- package/build-module/cover/edit/index.js +12 -5
- package/build-module/cover/edit/index.js.map +1 -1
- package/build-module/cover/edit/inspector-controls.js +4 -4
- package/build-module/cover/edit/inspector-controls.js.map +1 -1
- package/build-module/cover/index.js +0 -3
- package/build-module/cover/index.js.map +1 -1
- package/build-module/cover/save.js +2 -1
- package/build-module/cover/save.js.map +1 -1
- package/build-module/cover/shared.js +1 -1
- package/build-module/cover/shared.js.map +1 -1
- package/build-module/file/view.js +2 -2
- package/build-module/file/view.js.map +1 -1
- package/build-module/footnotes/index.js +1 -0
- package/build-module/footnotes/index.js.map +1 -1
- package/build-module/form/edit.js +130 -0
- package/build-module/form/edit.js.map +1 -0
- package/build-module/form/index.js +82 -0
- package/build-module/form/index.js.map +1 -0
- package/build-module/form/init.js +6 -0
- package/build-module/form/init.js.map +1 -0
- package/build-module/form/save.js +20 -0
- package/build-module/form/save.js.map +1 -0
- package/build-module/form/utils.js +15 -0
- package/build-module/form/utils.js.map +1 -0
- package/build-module/form/variations.js +86 -0
- package/build-module/form/variations.js.map +1 -0
- package/build-module/form/view.js +40 -0
- package/build-module/form/view.js.map +1 -0
- package/build-module/form-input/edit.js +115 -0
- package/build-module/form-input/edit.js.map +1 -0
- package/build-module/form-input/index.js +95 -0
- package/build-module/form-input/index.js.map +1 -0
- package/build-module/form-input/init.js +6 -0
- package/build-module/form-input/init.js.map +1 -0
- package/build-module/form-input/save.js +80 -0
- package/build-module/form-input/save.js.map +1 -0
- package/build-module/form-input/variations.js +85 -0
- package/build-module/form-input/variations.js.map +1 -0
- package/build-module/form-submission-notification/edit.js +50 -0
- package/build-module/form-submission-notification/edit.js.map +1 -0
- package/build-module/form-submission-notification/index.js +47 -0
- package/build-module/form-submission-notification/index.js.map +1 -0
- package/build-module/form-submission-notification/init.js +6 -0
- package/build-module/form-submission-notification/init.js.map +1 -0
- package/build-module/form-submission-notification/save.js +25 -0
- package/build-module/form-submission-notification/save.js.map +1 -0
- package/build-module/form-submission-notification/variations.js +55 -0
- package/build-module/form-submission-notification/variations.js.map +1 -0
- package/build-module/form-submit-button/edit.js +24 -0
- package/build-module/form-submit-button/edit.js.map +1 -0
- package/build-module/form-submit-button/index.js +34 -0
- package/build-module/form-submit-button/index.js.map +1 -0
- package/build-module/form-submit-button/init.js +6 -0
- package/build-module/form-submit-button/init.js.map +1 -0
- package/build-module/form-submit-button/save.js +14 -0
- package/build-module/form-submit-button/save.js.map +1 -0
- package/build-module/group/edit.js +3 -12
- package/build-module/group/edit.js.map +1 -1
- package/build-module/group/index.js +0 -1
- package/build-module/group/index.js.map +1 -1
- package/build-module/heading/index.js +3 -2
- package/build-module/heading/index.js.map +1 -1
- package/build-module/html/preview.js +2 -4
- package/build-module/html/preview.js.map +1 -1
- package/build-module/image/image.js +16 -7
- package/build-module/image/image.js.map +1 -1
- package/build-module/image/view.js +71 -39
- package/build-module/image/view.js.map +1 -1
- package/build-module/index.js +10 -0
- package/build-module/index.js.map +1 -1
- package/build-module/latest-posts/edit.js +6 -2
- package/build-module/latest-posts/edit.js.map +1 -1
- package/build-module/list-item/hooks/use-merge.js +15 -15
- package/build-module/list-item/hooks/use-merge.js.map +1 -1
- package/build-module/lock-unlock.js +1 -1
- package/build-module/lock-unlock.js.map +1 -1
- package/build-module/missing/edit.native.js +58 -68
- package/build-module/missing/edit.native.js.map +1 -1
- package/build-module/navigation/edit/index.js +0 -1
- package/build-module/navigation/edit/index.js.map +1 -1
- package/build-module/navigation/index.js +2 -1
- package/build-module/navigation/index.js.map +1 -1
- package/build-module/navigation/view.js +27 -5
- package/build-module/navigation/view.js.map +1 -1
- package/build-module/page-list-item/edit.js +3 -1
- package/build-module/page-list-item/edit.js.map +1 -1
- package/build-module/paragraph/edit.js +2 -2
- package/build-module/paragraph/edit.js.map +1 -1
- package/build-module/paragraph/index.js +7 -0
- package/build-module/paragraph/index.js.map +1 -1
- package/build-module/pattern/index.js +2 -1
- package/build-module/pattern/index.js.map +1 -1
- package/build-module/post-featured-image/dimension-controls.js +3 -3
- package/build-module/post-featured-image/dimension-controls.js.map +1 -1
- package/build-module/query/edit/enhanced-pagination-modal.js +28 -14
- package/build-module/query/edit/enhanced-pagination-modal.js.map +1 -1
- package/build-module/query/edit/inspector-controls/enhanced-pagination-control.js +17 -14
- package/build-module/query/edit/inspector-controls/enhanced-pagination-control.js.map +1 -1
- package/build-module/query/utils.js +27 -5
- package/build-module/query/utils.js.map +1 -1
- package/build-module/query/view.js +4 -2
- package/build-module/query/view.js.map +1 -1
- package/build-module/search/edit.js +2 -3
- package/build-module/search/edit.js.map +1 -1
- package/build-module/social-link/edit.native.js +8 -20
- package/build-module/social-link/edit.native.js.map +1 -1
- package/build-module/spacer/controls.js +4 -4
- package/build-module/spacer/controls.js.map +1 -1
- package/build-module/spacer/controls.native.js +3 -2
- package/build-module/spacer/controls.native.js.map +1 -1
- package/build-module/spacer/edit.js +2 -2
- package/build-module/spacer/edit.js.map +1 -1
- package/build-module/spacer/edit.native.js +6 -2
- package/build-module/spacer/edit.native.js.map +1 -1
- package/build-module/tag-cloud/edit.js +3 -2
- package/build-module/tag-cloud/edit.js.map +1 -1
- package/build-module/template-part/edit/inner-blocks.js +3 -3
- package/build-module/template-part/edit/inner-blocks.js.map +1 -1
- package/build-module/template-part/index.js +2 -1
- package/build-module/template-part/index.js.map +1 -1
- package/build-module/term-description/index.js +0 -1
- package/build-module/term-description/index.js.map +1 -1
- package/build-style/editor-rtl.css +50 -0
- package/build-style/editor.css +50 -0
- package/build-style/file/style-rtl.css +0 -5
- package/build-style/file/style.css +0 -5
- package/build-style/form-input/editor-rtl.css +106 -0
- package/build-style/form-input/editor.css +106 -0
- package/build-style/form-input/style-rtl.css +135 -0
- package/build-style/form-input/style.css +135 -0
- package/build-style/form-submission-notification/editor-rtl.css +118 -0
- package/build-style/form-submission-notification/editor.css +118 -0
- package/build-style/form-submit-button/style-rtl.css +91 -0
- package/build-style/form-submit-button/style.css +91 -0
- package/build-style/image/style-rtl.css +39 -5
- package/build-style/image/style.css +39 -5
- package/build-style/navigation/style-rtl.css +5 -0
- package/build-style/navigation/style.css +5 -0
- package/build-style/query/style-rtl.css +0 -10
- package/build-style/query/style.css +0 -10
- package/build-style/style-rtl.css +92 -10
- package/build-style/style.css +92 -10
- package/package.json +32 -32
- package/src/avatar/block.json +5 -1
- package/src/block/block.json +2 -1
- package/src/block/edit-title.native.js +16 -13
- package/src/calendar/index.php +2 -6
- package/src/code/edit.native.js +15 -1
- package/src/column/edit.js +3 -8
- package/src/column/edit.native.js +3 -8
- package/src/columns/edit.native.js +3 -8
- package/src/comment-author-avatar/index.php +1 -1
- package/src/cover/block.json +0 -3
- package/src/cover/controls.native.js +3 -8
- package/src/cover/deprecated.js +151 -1
- package/src/cover/edit/index.js +15 -5
- package/src/cover/edit/inspector-controls.js +22 -33
- package/src/cover/save.js +2 -1
- package/src/cover/shared.js +1 -1
- package/src/editor.scss +2 -0
- package/src/file/index.php +2 -1
- package/src/file/style.scss +0 -6
- package/src/file/view.js +2 -2
- package/src/footnotes/block.json +1 -0
- package/src/form/block.json +60 -0
- package/src/form/edit.js +179 -0
- package/src/form/index.js +20 -0
- package/src/form/index.php +214 -0
- package/src/form/init.js +6 -0
- package/src/form/save.js +20 -0
- package/src/form/utils.js +39 -0
- package/src/form/variations.js +139 -0
- package/src/form/view.js +41 -0
- package/src/form-input/block.json +73 -0
- package/src/form-input/edit.js +151 -0
- package/src/form-input/editor.scss +24 -0
- package/src/form-input/index.js +20 -0
- package/src/form-input/index.php +45 -0
- package/src/form-input/init.js +6 -0
- package/src/form-input/save.js +83 -0
- package/src/form-input/style.scss +61 -0
- package/src/form-input/variations.js +82 -0
- package/src/form-submission-notification/block.json +19 -0
- package/src/form-submission-notification/edit.js +63 -0
- package/src/form-submission-notification/editor.scss +45 -0
- package/src/form-submission-notification/index.js +26 -0
- package/src/form-submission-notification/index.php +48 -0
- package/src/form-submission-notification/init.js +6 -0
- package/src/form-submission-notification/save.js +28 -0
- package/src/form-submission-notification/variations.js +59 -0
- package/src/form-submit-button/block.json +14 -0
- package/src/form-submit-button/edit.js +33 -0
- package/src/form-submit-button/index.js +18 -0
- package/src/form-submit-button/init.js +6 -0
- package/src/form-submit-button/save.js +14 -0
- package/src/form-submit-button/style.scss +3 -0
- package/src/freeform/test/__snapshots__/index.native.js.snap +7 -0
- package/src/freeform/test/index.native.js +57 -0
- package/src/group/block.json +0 -1
- package/src/group/edit.js +2 -7
- package/src/heading/index.js +4 -2
- package/src/html/preview.js +9 -4
- package/src/image/image.js +27 -6
- package/src/image/index.php +128 -83
- package/src/image/style.scss +49 -5
- package/src/image/view.js +93 -51
- package/src/index.js +10 -0
- package/src/latest-posts/edit.js +11 -2
- package/src/latest-posts/index.php +17 -8
- package/src/list-item/hooks/use-merge.js +20 -23
- package/src/lock-unlock.js +1 -1
- package/src/missing/edit.native.js +56 -117
- package/src/missing/style.native.scss +0 -67
- package/src/missing/test/edit-integration.native.js +135 -49
- package/src/missing/test/edit.native.js +0 -41
- package/src/navigation/block.json +2 -1
- package/src/navigation/edit/index.js +0 -1
- package/src/navigation/index.php +28 -8
- package/src/navigation/style.scss +6 -1
- package/src/navigation/view.js +25 -6
- package/src/page-list-item/edit.js +2 -0
- package/src/paragraph/edit.js +2 -2
- package/src/paragraph/index.js +10 -0
- package/src/pattern/block.json +2 -1
- package/src/pattern/index.php +0 -3
- package/src/post-featured-image/dimension-controls.js +3 -3
- package/src/post-navigation-link/index.php +2 -1
- package/src/preformatted/test/edit.native.js +38 -0
- package/src/query/edit/enhanced-pagination-modal.js +37 -21
- package/src/query/edit/inspector-controls/enhanced-pagination-control.js +18 -22
- package/src/query/index.php +100 -10
- package/src/query/style.scss +0 -11
- package/src/query/utils.js +29 -8
- package/src/query/view.js +11 -2
- package/src/query-pagination-next/index.php +1 -1
- package/src/query-pagination-previous/index.php +1 -1
- package/src/search/edit.js +5 -3
- package/src/search/index.php +0 -4
- package/src/social-link/edit.native.js +12 -26
- package/src/social-link/editor.native.scss +0 -9
- package/src/social-link/index.php +2 -2
- package/src/spacer/controls.js +9 -12
- package/src/spacer/controls.native.js +3 -8
- package/src/spacer/edit.js +2 -2
- package/src/spacer/edit.native.js +6 -5
- package/src/style.scss +1 -0
- package/src/tag-cloud/edit.js +3 -7
- package/src/template-part/block.json +2 -1
- package/src/template-part/edit/inner-blocks.js +3 -3
- package/src/template-part/index.php +4 -7
- package/src/term-description/block.json +0 -1
- package/src/verse/test/edit.native.js +37 -0
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Internal dependencies
|
|
3
|
+
*/
|
|
4
|
+
import initBlock from '../utils/init-block';
|
|
5
|
+
import edit from './edit';
|
|
6
|
+
const metadata = {
|
|
7
|
+
$schema: "https://schemas.wp.org/trunk/block.json",
|
|
8
|
+
apiVersion: 3,
|
|
9
|
+
__experimental: true,
|
|
10
|
+
name: "core/form-input",
|
|
11
|
+
title: "Input Field",
|
|
12
|
+
category: "common",
|
|
13
|
+
parent: ["core/form"],
|
|
14
|
+
description: "The basic building block for forms.",
|
|
15
|
+
keywords: ["input", "form"],
|
|
16
|
+
textdomain: "default",
|
|
17
|
+
icon: "forms",
|
|
18
|
+
attributes: {
|
|
19
|
+
type: {
|
|
20
|
+
type: "string",
|
|
21
|
+
"default": "text"
|
|
22
|
+
},
|
|
23
|
+
name: {
|
|
24
|
+
type: "string"
|
|
25
|
+
},
|
|
26
|
+
label: {
|
|
27
|
+
type: "string",
|
|
28
|
+
"default": "Label",
|
|
29
|
+
selector: ".wp-block-form-input__label-content",
|
|
30
|
+
source: "html",
|
|
31
|
+
__experimentalRole: "content"
|
|
32
|
+
},
|
|
33
|
+
inlineLabel: {
|
|
34
|
+
type: "boolean",
|
|
35
|
+
"default": false
|
|
36
|
+
},
|
|
37
|
+
required: {
|
|
38
|
+
type: "boolean",
|
|
39
|
+
"default": false,
|
|
40
|
+
selector: ".wp-block-form-input__input",
|
|
41
|
+
source: "attribute",
|
|
42
|
+
attribute: "required"
|
|
43
|
+
},
|
|
44
|
+
placeholder: {
|
|
45
|
+
type: "string",
|
|
46
|
+
selector: ".wp-block-form-input__input",
|
|
47
|
+
source: "attribute",
|
|
48
|
+
attribute: "placeholder",
|
|
49
|
+
__experimentalRole: "content"
|
|
50
|
+
},
|
|
51
|
+
value: {
|
|
52
|
+
type: "string",
|
|
53
|
+
"default": "",
|
|
54
|
+
selector: "input",
|
|
55
|
+
source: "attribute",
|
|
56
|
+
attribute: "value"
|
|
57
|
+
},
|
|
58
|
+
visibilityPermissions: {
|
|
59
|
+
type: "string",
|
|
60
|
+
"default": "all"
|
|
61
|
+
}
|
|
62
|
+
},
|
|
63
|
+
supports: {
|
|
64
|
+
anchor: true,
|
|
65
|
+
reusable: false,
|
|
66
|
+
spacing: {
|
|
67
|
+
margin: ["top", "bottom"]
|
|
68
|
+
},
|
|
69
|
+
__experimentalBorder: {
|
|
70
|
+
radius: true,
|
|
71
|
+
__experimentalSkipSerialization: true,
|
|
72
|
+
__experimentalDefaultControls: {
|
|
73
|
+
radius: true
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
},
|
|
77
|
+
style: ["wp-block-form-input"]
|
|
78
|
+
};
|
|
79
|
+
import save from './save';
|
|
80
|
+
import variations from './variations';
|
|
81
|
+
const {
|
|
82
|
+
name
|
|
83
|
+
} = metadata;
|
|
84
|
+
export { metadata, name };
|
|
85
|
+
export const settings = {
|
|
86
|
+
edit,
|
|
87
|
+
save,
|
|
88
|
+
variations
|
|
89
|
+
};
|
|
90
|
+
export const init = () => initBlock({
|
|
91
|
+
name,
|
|
92
|
+
metadata,
|
|
93
|
+
settings
|
|
94
|
+
});
|
|
95
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["initBlock","edit","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","save","variations","settings","init"],"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":"AAAA;AACA;AACA;AACA,OAAOA,SAAS,MAAM,qBAAqB;AAC3C,OAAOC,IAAI,MAAM,QAAQ;AAAC,MAAAC,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;AAE1B,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,UAAU,MAAM,cAAc;AAErC,MAAM;EAAE/B;AAAK,CAAC,GAAGJ,QAAQ;AAEzB,SAASA,QAAQ,EAAEI,IAAI;AAEvB,OAAO,MAAMgC,QAAQ,GAAG;EACvBrC,IAAI;EACJmC,IAAI;EACJC;AACD,CAAC;AAED,OAAO,MAAME,IAAI,GAAGA,CAAA,KAAMvC,SAAS,CAAE;EAAEM,IAAI;EAAEJ,QAAQ;EAAEoC;AAAS,CAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["init"],"sources":["@wordpress/block-library/src/form-input/init.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { init } from './';\n\nexport default init();\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,IAAI;AAEzB,eAAeA,IAAI,CAAC,CAAC"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { createElement } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* External dependencies
|
|
4
|
+
*/
|
|
5
|
+
import classNames from 'classnames';
|
|
6
|
+
import removeAccents from 'remove-accents';
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* WordPress dependencies
|
|
10
|
+
*/
|
|
11
|
+
import { RichText, __experimentalGetBorderClassesAndStyles as getBorderClassesAndStyles, __experimentalGetColorClassesAndStyles as getColorClassesAndStyles } from '@wordpress/block-editor';
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* Get the name attribute from a content string.
|
|
15
|
+
*
|
|
16
|
+
* @param {string} content The block content.
|
|
17
|
+
*
|
|
18
|
+
* @return {string} Returns the slug.
|
|
19
|
+
*/
|
|
20
|
+
const getNameFromLabel = content => {
|
|
21
|
+
const dummyElement = document.createElement('div');
|
|
22
|
+
dummyElement.innerHTML = content;
|
|
23
|
+
// Get the slug.
|
|
24
|
+
return removeAccents(dummyElement.innerText)
|
|
25
|
+
// Convert anything that's not a letter or number to a hyphen.
|
|
26
|
+
.replace(/[^\p{L}\p{N}]+/gu, '-')
|
|
27
|
+
// Convert to lowercase
|
|
28
|
+
.toLowerCase()
|
|
29
|
+
// Remove any remaining leading or trailing hyphens.
|
|
30
|
+
.replace(/(^-+)|(-+$)/g, '');
|
|
31
|
+
};
|
|
32
|
+
export default function save({
|
|
33
|
+
attributes
|
|
34
|
+
}) {
|
|
35
|
+
const {
|
|
36
|
+
type,
|
|
37
|
+
name,
|
|
38
|
+
label,
|
|
39
|
+
inlineLabel,
|
|
40
|
+
required,
|
|
41
|
+
placeholder,
|
|
42
|
+
value
|
|
43
|
+
} = attributes;
|
|
44
|
+
const borderProps = getBorderClassesAndStyles(attributes);
|
|
45
|
+
const colorProps = getColorClassesAndStyles(attributes);
|
|
46
|
+
const inputStyle = {
|
|
47
|
+
...borderProps.style,
|
|
48
|
+
...colorProps.style
|
|
49
|
+
};
|
|
50
|
+
const inputClasses = classNames('wp-block-form-input__input', colorProps.className, borderProps.className);
|
|
51
|
+
const TagName = type === 'textarea' ? 'textarea' : 'input';
|
|
52
|
+
if ('hidden' === type) {
|
|
53
|
+
return createElement("input", {
|
|
54
|
+
type: type,
|
|
55
|
+
name: name,
|
|
56
|
+
value: value
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
/* eslint-disable jsx-a11y/label-has-associated-control */
|
|
61
|
+
return createElement("label", {
|
|
62
|
+
className: classNames('wp-block-form-input__label', {
|
|
63
|
+
'is-label-inline': inlineLabel
|
|
64
|
+
})
|
|
65
|
+
}, createElement("span", {
|
|
66
|
+
className: "wp-block-form-input__label-content"
|
|
67
|
+
}, createElement(RichText.Content, {
|
|
68
|
+
value: label
|
|
69
|
+
})), createElement(TagName, {
|
|
70
|
+
className: inputClasses,
|
|
71
|
+
type: 'textarea' === type ? undefined : type,
|
|
72
|
+
name: name || getNameFromLabel(label),
|
|
73
|
+
required: required,
|
|
74
|
+
"aria-required": required,
|
|
75
|
+
placeholder: placeholder || undefined,
|
|
76
|
+
style: inputStyle
|
|
77
|
+
}));
|
|
78
|
+
/* eslint-enable jsx-a11y/label-has-associated-control */
|
|
79
|
+
}
|
|
80
|
+
//# sourceMappingURL=save.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["classNames","removeAccents","RichText","__experimentalGetBorderClassesAndStyles","getBorderClassesAndStyles","__experimentalGetColorClassesAndStyles","getColorClassesAndStyles","getNameFromLabel","content","dummyElement","document","createElement","innerHTML","innerText","replace","toLowerCase","save","attributes","type","name","label","inlineLabel","required","placeholder","value","borderProps","colorProps","inputStyle","style","inputClasses","className","TagName","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":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,aAAa,MAAM,gBAAgB;;AAE1C;AACA;AACA;AACA,SACCC,QAAQ,EACRC,uCAAuC,IAAIC,yBAAyB,EACpEC,sCAAsC,IAAIC,wBAAwB,QAC5D,yBAAyB;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,gBAAgB,GAAKC,OAAO,IAAM;EACvC,MAAMC,YAAY,GAAGC,QAAQ,CAACC,aAAa,CAAE,KAAM,CAAC;EACpDF,YAAY,CAACG,SAAS,GAAGJ,OAAO;EAChC;EACA,OACCP,aAAa,CAAEQ,YAAY,CAACI,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;AAED,eAAe,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,GAAGrB,yBAAyB,CAAEa,UAAW,CAAC;EAC3D,MAAMS,UAAU,GAAGpB,wBAAwB,CAAEW,UAAW,CAAC;EAEzD,MAAMU,UAAU,GAAG;IAClB,GAAGF,WAAW,CAACG,KAAK;IACpB,GAAGF,UAAU,CAACE;EACf,CAAC;EAED,MAAMC,YAAY,GAAG7B,UAAU,CAC9B,4BAA4B,EAC5B0B,UAAU,CAACI,SAAS,EACpBL,WAAW,CAACK,SACb,CAAC;EACD,MAAMC,OAAO,GAAGb,IAAI,KAAK,UAAU,GAAG,UAAU,GAAG,OAAO;EAE1D,IAAK,QAAQ,KAAKA,IAAI,EAAG;IACxB,OAAOP,aAAA;MAAOO,IAAI,EAAGA,IAAM;MAACC,IAAI,EAAGA,IAAM;MAACK,KAAK,EAAGA;IAAO,CAAE,CAAC;EAC7D;;EAEA;EACA,OACCb,aAAA;IACCmB,SAAS,EAAG9B,UAAU,CAAE,4BAA4B,EAAE;MACrD,iBAAiB,EAAEqB;IACpB,CAAE;EAAG,GAELV,aAAA;IAAMmB,SAAS,EAAC;EAAoC,GACnDnB,aAAA,CAACT,QAAQ,CAAC8B,OAAO;IAACR,KAAK,EAAGJ;EAAO,CAAE,CAC9B,CAAC,EACPT,aAAA,CAACoB,OAAO;IACPD,SAAS,EAAGD,YAAc;IAC1BX,IAAI,EAAG,UAAU,KAAKA,IAAI,GAAGe,SAAS,GAAGf,IAAM;IAC/CC,IAAI,EAAGA,IAAI,IAAIZ,gBAAgB,CAAEa,KAAM,CAAG;IAC1CE,QAAQ,EAAGA,QAAU;IACrB,iBAAgBA,QAAU;IAC1BC,WAAW,EAAGA,WAAW,IAAIU,SAAW;IACxCL,KAAK,EAAGD;EAAY,CACpB,CACK,CAAC;EAET;AACD"}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* WordPress dependencies
|
|
3
|
+
*/
|
|
4
|
+
import { __ } from '@wordpress/i18n';
|
|
5
|
+
const variations = [{
|
|
6
|
+
name: 'text',
|
|
7
|
+
title: __('Text Input'),
|
|
8
|
+
icon: 'edit-page',
|
|
9
|
+
description: __('A generic text input.'),
|
|
10
|
+
attributes: {
|
|
11
|
+
type: 'text'
|
|
12
|
+
},
|
|
13
|
+
isDefault: true,
|
|
14
|
+
scope: ['inserter', 'transform'],
|
|
15
|
+
isActive: blockAttributes => !blockAttributes?.type || blockAttributes?.type === 'text'
|
|
16
|
+
}, {
|
|
17
|
+
name: 'textarea',
|
|
18
|
+
title: __('Textarea Input'),
|
|
19
|
+
icon: 'testimonial',
|
|
20
|
+
description: __('A textarea input to allow entering multiple lines of text.'),
|
|
21
|
+
attributes: {
|
|
22
|
+
type: 'textarea'
|
|
23
|
+
},
|
|
24
|
+
isDefault: true,
|
|
25
|
+
scope: ['inserter', 'transform'],
|
|
26
|
+
isActive: blockAttributes => blockAttributes?.type === 'textarea'
|
|
27
|
+
}, {
|
|
28
|
+
name: 'checkbox',
|
|
29
|
+
title: __('Checkbox Input'),
|
|
30
|
+
description: __('A simple checkbox input.'),
|
|
31
|
+
icon: 'forms',
|
|
32
|
+
attributes: {
|
|
33
|
+
type: 'checkbox',
|
|
34
|
+
inlineLabel: true
|
|
35
|
+
},
|
|
36
|
+
isDefault: true,
|
|
37
|
+
scope: ['inserter', 'transform'],
|
|
38
|
+
isActive: blockAttributes => blockAttributes?.type === 'checkbox'
|
|
39
|
+
}, {
|
|
40
|
+
name: 'email',
|
|
41
|
+
title: __('Email Input'),
|
|
42
|
+
icon: 'email',
|
|
43
|
+
description: __('Used for email addresses.'),
|
|
44
|
+
attributes: {
|
|
45
|
+
type: 'email'
|
|
46
|
+
},
|
|
47
|
+
isDefault: true,
|
|
48
|
+
scope: ['inserter', 'transform'],
|
|
49
|
+
isActive: blockAttributes => blockAttributes?.type === 'email'
|
|
50
|
+
}, {
|
|
51
|
+
name: 'url',
|
|
52
|
+
title: __('URL Input'),
|
|
53
|
+
icon: 'admin-site',
|
|
54
|
+
description: __('Used for URLs.'),
|
|
55
|
+
attributes: {
|
|
56
|
+
type: 'url'
|
|
57
|
+
},
|
|
58
|
+
isDefault: true,
|
|
59
|
+
scope: ['inserter', 'transform'],
|
|
60
|
+
isActive: blockAttributes => blockAttributes?.type === 'url'
|
|
61
|
+
}, {
|
|
62
|
+
name: 'tel',
|
|
63
|
+
title: __('Telephone Input'),
|
|
64
|
+
icon: 'phone',
|
|
65
|
+
description: __('Used for phone numbers.'),
|
|
66
|
+
attributes: {
|
|
67
|
+
type: 'tel'
|
|
68
|
+
},
|
|
69
|
+
isDefault: true,
|
|
70
|
+
scope: ['inserter', 'transform'],
|
|
71
|
+
isActive: blockAttributes => blockAttributes?.type === 'tel'
|
|
72
|
+
}, {
|
|
73
|
+
name: 'number',
|
|
74
|
+
title: __('Number Input'),
|
|
75
|
+
icon: 'edit-page',
|
|
76
|
+
description: __('A numeric input.'),
|
|
77
|
+
attributes: {
|
|
78
|
+
type: 'number'
|
|
79
|
+
},
|
|
80
|
+
isDefault: true,
|
|
81
|
+
scope: ['inserter', 'transform'],
|
|
82
|
+
isActive: blockAttributes => blockAttributes?.type === 'number'
|
|
83
|
+
}];
|
|
84
|
+
export default variations;
|
|
85
|
+
//# sourceMappingURL=variations.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__","variations","name","title","icon","description","attributes","type","isDefault","scope","isActive","blockAttributes","inlineLabel"],"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":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AAEpC,MAAMC,UAAU,GAAG,CAClB;EACCC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAEH,EAAE,CAAE,YAAa,CAAC;EACzBI,IAAI,EAAE,WAAW;EACjBC,WAAW,EAAEL,EAAE,CAAE,uBAAwB,CAAC;EAC1CM,UAAU,EAAE;IAAEC,IAAI,EAAE;EAAO,CAAC;EAC5BC,SAAS,EAAE,IAAI;EACfC,KAAK,EAAE,CAAE,UAAU,EAAE,WAAW,CAAE;EAClCC,QAAQ,EAAIC,eAAe,IAC1B,CAAEA,eAAe,EAAEJ,IAAI,IAAII,eAAe,EAAEJ,IAAI,KAAK;AACvD,CAAC,EACD;EACCL,IAAI,EAAE,UAAU;EAChBC,KAAK,EAAEH,EAAE,CAAE,gBAAiB,CAAC;EAC7BI,IAAI,EAAE,aAAa;EACnBC,WAAW,EAAEL,EAAE,CACd,4DACD,CAAC;EACDM,UAAU,EAAE;IAAEC,IAAI,EAAE;EAAW,CAAC;EAChCC,SAAS,EAAE,IAAI;EACfC,KAAK,EAAE,CAAE,UAAU,EAAE,WAAW,CAAE;EAClCC,QAAQ,EAAIC,eAAe,IAAMA,eAAe,EAAEJ,IAAI,KAAK;AAC5D,CAAC,EACD;EACCL,IAAI,EAAE,UAAU;EAChBC,KAAK,EAAEH,EAAE,CAAE,gBAAiB,CAAC;EAC7BK,WAAW,EAAEL,EAAE,CAAE,0BAA2B,CAAC;EAC7CI,IAAI,EAAE,OAAO;EACbE,UAAU,EAAE;IAAEC,IAAI,EAAE,UAAU;IAAEK,WAAW,EAAE;EAAK,CAAC;EACnDJ,SAAS,EAAE,IAAI;EACfC,KAAK,EAAE,CAAE,UAAU,EAAE,WAAW,CAAE;EAClCC,QAAQ,EAAIC,eAAe,IAAMA,eAAe,EAAEJ,IAAI,KAAK;AAC5D,CAAC,EACD;EACCL,IAAI,EAAE,OAAO;EACbC,KAAK,EAAEH,EAAE,CAAE,aAAc,CAAC;EAC1BI,IAAI,EAAE,OAAO;EACbC,WAAW,EAAEL,EAAE,CAAE,2BAA4B,CAAC;EAC9CM,UAAU,EAAE;IAAEC,IAAI,EAAE;EAAQ,CAAC;EAC7BC,SAAS,EAAE,IAAI;EACfC,KAAK,EAAE,CAAE,UAAU,EAAE,WAAW,CAAE;EAClCC,QAAQ,EAAIC,eAAe,IAAMA,eAAe,EAAEJ,IAAI,KAAK;AAC5D,CAAC,EACD;EACCL,IAAI,EAAE,KAAK;EACXC,KAAK,EAAEH,EAAE,CAAE,WAAY,CAAC;EACxBI,IAAI,EAAE,YAAY;EAClBC,WAAW,EAAEL,EAAE,CAAE,gBAAiB,CAAC;EACnCM,UAAU,EAAE;IAAEC,IAAI,EAAE;EAAM,CAAC;EAC3BC,SAAS,EAAE,IAAI;EACfC,KAAK,EAAE,CAAE,UAAU,EAAE,WAAW,CAAE;EAClCC,QAAQ,EAAIC,eAAe,IAAMA,eAAe,EAAEJ,IAAI,KAAK;AAC5D,CAAC,EACD;EACCL,IAAI,EAAE,KAAK;EACXC,KAAK,EAAEH,EAAE,CAAE,iBAAkB,CAAC;EAC9BI,IAAI,EAAE,OAAO;EACbC,WAAW,EAAEL,EAAE,CAAE,yBAA0B,CAAC;EAC5CM,UAAU,EAAE;IAAEC,IAAI,EAAE;EAAM,CAAC;EAC3BC,SAAS,EAAE,IAAI;EACfC,KAAK,EAAE,CAAE,UAAU,EAAE,WAAW,CAAE;EAClCC,QAAQ,EAAIC,eAAe,IAAMA,eAAe,EAAEJ,IAAI,KAAK;AAC5D,CAAC,EACD;EACCL,IAAI,EAAE,QAAQ;EACdC,KAAK,EAAEH,EAAE,CAAE,cAAe,CAAC;EAC3BI,IAAI,EAAE,WAAW;EACjBC,WAAW,EAAEL,EAAE,CAAE,kBAAmB,CAAC;EACrCM,UAAU,EAAE;IAAEC,IAAI,EAAE;EAAS,CAAC;EAC9BC,SAAS,EAAE,IAAI;EACfC,KAAK,EAAE,CAAE,UAAU,EAAE,WAAW,CAAE;EAClCC,QAAQ,EAAIC,eAAe,IAAMA,eAAe,EAAEJ,IAAI,KAAK;AAC5D,CAAC,CACD;AAED,eAAeN,UAAU"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { createElement } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* WordPress dependencies
|
|
4
|
+
*/
|
|
5
|
+
import { __ } from '@wordpress/i18n';
|
|
6
|
+
import { InnerBlocks, useBlockProps, useInnerBlocksProps, store as blockEditorStore } from '@wordpress/block-editor';
|
|
7
|
+
import { useSelect } from '@wordpress/data';
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* External dependencies
|
|
11
|
+
*/
|
|
12
|
+
import classnames from 'classnames';
|
|
13
|
+
const TEMPLATE = [['core/paragraph', {
|
|
14
|
+
content: __("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.")
|
|
15
|
+
}]];
|
|
16
|
+
const Edit = ({
|
|
17
|
+
attributes,
|
|
18
|
+
clientId
|
|
19
|
+
}) => {
|
|
20
|
+
const {
|
|
21
|
+
type
|
|
22
|
+
} = attributes;
|
|
23
|
+
const blockProps = useBlockProps({
|
|
24
|
+
className: classnames('wp-block-form-submission-notification', {
|
|
25
|
+
[`form-notification-type-${type}`]: type
|
|
26
|
+
})
|
|
27
|
+
});
|
|
28
|
+
const {
|
|
29
|
+
hasInnerBlocks
|
|
30
|
+
} = useSelect(select => {
|
|
31
|
+
const {
|
|
32
|
+
getBlock
|
|
33
|
+
} = select(blockEditorStore);
|
|
34
|
+
const block = getBlock(clientId);
|
|
35
|
+
return {
|
|
36
|
+
hasInnerBlocks: !!(block && block.innerBlocks.length)
|
|
37
|
+
};
|
|
38
|
+
}, [clientId]);
|
|
39
|
+
const innerBlocksProps = useInnerBlocksProps(blockProps, {
|
|
40
|
+
template: TEMPLATE,
|
|
41
|
+
renderAppender: hasInnerBlocks ? undefined : InnerBlocks.ButtonBlockAppender
|
|
42
|
+
});
|
|
43
|
+
return createElement("div", {
|
|
44
|
+
...innerBlocksProps,
|
|
45
|
+
"data-message-success": __('Submission success notification'),
|
|
46
|
+
"data-message-error": __('Submission error notification')
|
|
47
|
+
});
|
|
48
|
+
};
|
|
49
|
+
export default Edit;
|
|
50
|
+
//# sourceMappingURL=edit.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__","InnerBlocks","useBlockProps","useInnerBlocksProps","store","blockEditorStore","useSelect","classnames","TEMPLATE","content","Edit","attributes","clientId","type","blockProps","className","hasInnerBlocks","select","getBlock","block","innerBlocks","length","innerBlocksProps","template","renderAppender","undefined","ButtonBlockAppender","createElement"],"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":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SACCC,WAAW,EACXC,aAAa,EACbC,mBAAmB,EACnBC,KAAK,IAAIC,gBAAgB,QACnB,yBAAyB;AAChC,SAASC,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,OAAOC,UAAU,MAAM,YAAY;AAEnC,MAAMC,QAAQ,GAAG,CAChB,CACC,gBAAgB,EAChB;EACCC,OAAO,EAAET,EAAE,CACV,sJACD;AACD,CAAC,CACD,CACD;AAED,MAAMU,IAAI,GAAGA,CAAE;EAAEC,UAAU;EAAEC;AAAS,CAAC,KAAM;EAC5C,MAAM;IAAEC;EAAK,CAAC,GAAGF,UAAU;EAC3B,MAAMG,UAAU,GAAGZ,aAAa,CAAE;IACjCa,SAAS,EAAER,UAAU,CAAE,uCAAuC,EAAE;MAC/D,CAAG,0BAA0BM,IAAM,EAAC,GAAIA;IACzC,CAAE;EACH,CAAE,CAAC;EAEH,MAAM;IAAEG;EAAe,CAAC,GAAGV,SAAS,CACjCW,MAAM,IAAM;IACb,MAAM;MAAEC;IAAS,CAAC,GAAGD,MAAM,CAAEZ,gBAAiB,CAAC;IAC/C,MAAMc,KAAK,GAAGD,QAAQ,CAAEN,QAAS,CAAC;IAClC,OAAO;MACNI,cAAc,EAAE,CAAC,EAAIG,KAAK,IAAIA,KAAK,CAACC,WAAW,CAACC,MAAM;IACvD,CAAC;EACF,CAAC,EACD,CAAET,QAAQ,CACX,CAAC;EAED,MAAMU,gBAAgB,GAAGnB,mBAAmB,CAAEW,UAAU,EAAE;IACzDS,QAAQ,EAAEf,QAAQ;IAClBgB,cAAc,EAAER,cAAc,GAC3BS,SAAS,GACTxB,WAAW,CAACyB;EAChB,CAAE,CAAC;EAEH,OACCC,aAAA;IAAA,GACML,gBAAgB;IACrB,wBAAuBtB,EAAE,CAAE,iCAAkC,CAAG;IAChE,sBAAqBA,EAAE,CAAE,+BAAgC;EAAG,CAC5D,CAAC;AAEJ,CAAC;AACD,eAAeU,IAAI"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* WordPress dependencies
|
|
3
|
+
*/
|
|
4
|
+
import { group as icon } from '@wordpress/icons';
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* Internal dependencies
|
|
8
|
+
*/
|
|
9
|
+
import initBlock from '../utils/init-block';
|
|
10
|
+
import edit from './edit';
|
|
11
|
+
const metadata = {
|
|
12
|
+
$schema: "https://schemas.wp.org/trunk/block.json",
|
|
13
|
+
apiVersion: 3,
|
|
14
|
+
__experimental: true,
|
|
15
|
+
name: "core/form-submission-notification",
|
|
16
|
+
title: "Form Submission Notification",
|
|
17
|
+
category: "common",
|
|
18
|
+
parent: ["core/form"],
|
|
19
|
+
description: "Provide a notification message after the form has been submitted.",
|
|
20
|
+
keywords: ["form", "feedback", "notification", "message"],
|
|
21
|
+
textdomain: "default",
|
|
22
|
+
icon: "feedback",
|
|
23
|
+
attributes: {
|
|
24
|
+
type: {
|
|
25
|
+
type: "string",
|
|
26
|
+
"default": "success"
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
import save from './save';
|
|
31
|
+
import variations from './variations';
|
|
32
|
+
const {
|
|
33
|
+
name
|
|
34
|
+
} = metadata;
|
|
35
|
+
export { metadata, name };
|
|
36
|
+
export const settings = {
|
|
37
|
+
icon,
|
|
38
|
+
edit,
|
|
39
|
+
save,
|
|
40
|
+
variations
|
|
41
|
+
};
|
|
42
|
+
export const init = () => initBlock({
|
|
43
|
+
name,
|
|
44
|
+
metadata,
|
|
45
|
+
settings
|
|
46
|
+
});
|
|
47
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["group","icon","initBlock","edit","metadata","$schema","apiVersion","__experimental","name","title","category","parent","description","keywords","textdomain","attributes","type","save","variations","settings","init"],"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":"AAAA;AACA;AACA;AACA,SAASA,KAAK,IAAIC,IAAI,QAAQ,kBAAkB;;AAEhD;AACA;AACA;AACA,OAAOC,SAAS,MAAM,qBAAqB;AAC3C,OAAOC,IAAI,MAAM,QAAQ;AAAC,MAAAC,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,cAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,MAAA;EAAAC,WAAA;EAAAC,QAAA;EAAAC,UAAA;EAAAb,IAAA;EAAAc,UAAA;IAAAC,IAAA;MAAAA,IAAA;MAAA;IAAA;EAAA;AAAA;AAE1B,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,UAAU,MAAM,cAAc;AAErC,MAAM;EAAEV;AAAK,CAAC,GAAGJ,QAAQ;AAEzB,SAASA,QAAQ,EAAEI,IAAI;AAEvB,OAAO,MAAMW,QAAQ,GAAG;EACvBlB,IAAI;EACJE,IAAI;EACJc,IAAI;EACJC;AACD,CAAC;AAED,OAAO,MAAME,IAAI,GAAGA,CAAA,KAAMlB,SAAS,CAAE;EAAEM,IAAI;EAAEJ,QAAQ;EAAEe;AAAS,CAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["init"],"sources":["@wordpress/block-library/src/form-submission-notification/init.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { init } from '.';\n\nexport default init();\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,GAAG;AAExB,eAAeA,IAAI,CAAC,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { createElement } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* WordPress dependencies
|
|
4
|
+
*/
|
|
5
|
+
import { useInnerBlocksProps, useBlockProps } from '@wordpress/block-editor';
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* External dependencies
|
|
9
|
+
*/
|
|
10
|
+
import classnames from 'classnames';
|
|
11
|
+
export default function save({
|
|
12
|
+
attributes
|
|
13
|
+
}) {
|
|
14
|
+
const {
|
|
15
|
+
type
|
|
16
|
+
} = attributes;
|
|
17
|
+
return createElement("div", {
|
|
18
|
+
...useInnerBlocksProps.save(useBlockProps.save({
|
|
19
|
+
className: classnames('wp-block-form-submission-notification', {
|
|
20
|
+
[`form-notification-type-${type}`]: type
|
|
21
|
+
})
|
|
22
|
+
}))
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=save.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useInnerBlocksProps","useBlockProps","classnames","save","attributes","type","createElement","className"],"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":";AAAA;AACA;AACA;AACA,SAASA,mBAAmB,EAAEC,aAAa,QAAQ,yBAAyB;;AAE5E;AACA;AACA;AACA,OAAOC,UAAU,MAAM,YAAY;AAEnC,eAAe,SAASC,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,MAAM;IAAEC;EAAK,CAAC,GAAGD,UAAU;EAE3B,OACCE,aAAA;IAAA,GACMN,mBAAmB,CAACG,IAAI,CAC5BF,aAAa,CAACE,IAAI,CAAE;MACnBI,SAAS,EAAEL,UAAU,CACpB,uCAAuC,EACvC;QACC,CAAG,0BAA0BG,IAAM,EAAC,GAAIA;MACzC,CACD;IACD,CAAE,CACH;EAAC,CACD,CAAC;AAEJ"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* WordPress dependencies
|
|
3
|
+
*/
|
|
4
|
+
import { __ } from '@wordpress/i18n';
|
|
5
|
+
const variations = [{
|
|
6
|
+
name: 'form-submission-success',
|
|
7
|
+
title: __('Form Submission Success'),
|
|
8
|
+
description: __('Success message for form submissions.'),
|
|
9
|
+
attributes: {
|
|
10
|
+
type: 'success'
|
|
11
|
+
},
|
|
12
|
+
isDefault: true,
|
|
13
|
+
innerBlocks: [['core/paragraph', {
|
|
14
|
+
content: __('Your form has been submitted successfully.'),
|
|
15
|
+
backgroundColor: '#00D084',
|
|
16
|
+
textColor: '#000000',
|
|
17
|
+
style: {
|
|
18
|
+
elements: {
|
|
19
|
+
link: {
|
|
20
|
+
color: {
|
|
21
|
+
text: '#000000'
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}]],
|
|
27
|
+
scope: ['inserter', 'transform'],
|
|
28
|
+
isActive: blockAttributes => !blockAttributes?.type || blockAttributes?.type === 'success'
|
|
29
|
+
}, {
|
|
30
|
+
name: 'form-submission-error',
|
|
31
|
+
title: __('Form Submission Error'),
|
|
32
|
+
description: __('Error/failure message for form submissions.'),
|
|
33
|
+
attributes: {
|
|
34
|
+
type: 'error'
|
|
35
|
+
},
|
|
36
|
+
isDefault: false,
|
|
37
|
+
innerBlocks: [['core/paragraph', {
|
|
38
|
+
content: __('There was an error submitting your form.'),
|
|
39
|
+
backgroundColor: '#CF2E2E',
|
|
40
|
+
textColor: '#FFFFFF',
|
|
41
|
+
style: {
|
|
42
|
+
elements: {
|
|
43
|
+
link: {
|
|
44
|
+
color: {
|
|
45
|
+
text: '#FFFFFF'
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}]],
|
|
51
|
+
scope: ['inserter', 'transform'],
|
|
52
|
+
isActive: blockAttributes => !blockAttributes?.type || blockAttributes?.type === 'error'
|
|
53
|
+
}];
|
|
54
|
+
export default variations;
|
|
55
|
+
//# sourceMappingURL=variations.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__","variations","name","title","description","attributes","type","isDefault","innerBlocks","content","backgroundColor","textColor","style","elements","link","color","text","scope","isActive","blockAttributes"],"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":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AAEpC,MAAMC,UAAU,GAAG,CAClB;EACCC,IAAI,EAAE,yBAAyB;EAC/BC,KAAK,EAAEH,EAAE,CAAE,yBAA0B,CAAC;EACtCI,WAAW,EAAEJ,EAAE,CAAE,uCAAwC,CAAC;EAC1DK,UAAU,EAAE;IACXC,IAAI,EAAE;EACP,CAAC;EACDC,SAAS,EAAE,IAAI;EACfC,WAAW,EAAE,CACZ,CACC,gBAAgB,EAChB;IACCC,OAAO,EAAET,EAAE,CAAE,4CAA6C,CAAC;IAC3DU,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;EACCJ,IAAI,EAAE,uBAAuB;EAC7BC,KAAK,EAAEH,EAAE,CAAE,uBAAwB,CAAC;EACpCI,WAAW,EAAEJ,EAAE,CAAE,6CAA8C,CAAC;EAChEK,UAAU,EAAE;IACXC,IAAI,EAAE;EACP,CAAC;EACDC,SAAS,EAAE,KAAK;EAChBC,WAAW,EAAE,CACZ,CACC,gBAAgB,EAChB;IACCC,OAAO,EAAET,EAAE,CAAE,0CAA2C,CAAC;IACzDU,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;AAED,eAAeL,UAAU"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { createElement } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* WordPress dependencies
|
|
4
|
+
*/
|
|
5
|
+
import { __ } from '@wordpress/i18n';
|
|
6
|
+
import { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
|
|
7
|
+
const TEMPLATE = [['core/buttons', {}, [['core/button', {
|
|
8
|
+
text: __('Submit'),
|
|
9
|
+
tagName: 'button'
|
|
10
|
+
}]]]];
|
|
11
|
+
const Edit = () => {
|
|
12
|
+
const blockProps = useBlockProps();
|
|
13
|
+
const innerBlocksProps = useInnerBlocksProps(blockProps, {
|
|
14
|
+
allowedBlocks: TEMPLATE,
|
|
15
|
+
template: TEMPLATE,
|
|
16
|
+
templateLock: 'all'
|
|
17
|
+
});
|
|
18
|
+
return createElement("div", {
|
|
19
|
+
className: "wp-block-form-submit-wrapper",
|
|
20
|
+
...innerBlocksProps
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
export default Edit;
|
|
24
|
+
//# sourceMappingURL=edit.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__","useBlockProps","useInnerBlocksProps","TEMPLATE","text","tagName","Edit","blockProps","innerBlocksProps","allowedBlocks","template","templateLock","createElement","className"],"sources":["@wordpress/block-library/src/form-submit-button/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';\n\nconst TEMPLATE = [\n\t[\n\t\t'core/buttons',\n\t\t{},\n\t\t[\n\t\t\t[\n\t\t\t\t'core/button',\n\t\t\t\t{\n\t\t\t\t\ttext: __( 'Submit' ),\n\t\t\t\t\ttagName: 'button',\n\t\t\t\t},\n\t\t\t],\n\t\t],\n\t],\n];\nconst Edit = () => {\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tallowedBlocks: TEMPLATE,\n\t\ttemplate: TEMPLATE,\n\t\ttemplateLock: 'all',\n\t} );\n\treturn (\n\t\t<div className=\"wp-block-form-submit-wrapper\" { ...innerBlocksProps } />\n\t);\n};\nexport default Edit;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,aAAa,EAAEC,mBAAmB,QAAQ,yBAAyB;AAE5E,MAAMC,QAAQ,GAAG,CAChB,CACC,cAAc,EACd,CAAC,CAAC,EACF,CACC,CACC,aAAa,EACb;EACCC,IAAI,EAAEJ,EAAE,CAAE,QAAS,CAAC;EACpBK,OAAO,EAAE;AACV,CAAC,CACD,CACD,CACD,CACD;AACD,MAAMC,IAAI,GAAGA,CAAA,KAAM;EAClB,MAAMC,UAAU,GAAGN,aAAa,CAAC,CAAC;EAClC,MAAMO,gBAAgB,GAAGN,mBAAmB,CAAEK,UAAU,EAAE;IACzDE,aAAa,EAAEN,QAAQ;IACvBO,QAAQ,EAAEP,QAAQ;IAClBQ,YAAY,EAAE;EACf,CAAE,CAAC;EACH,OACCC,aAAA;IAAKC,SAAS,EAAC,8BAA8B;IAAA,GAAML;EAAgB,CAAI,CAAC;AAE1E,CAAC;AACD,eAAeF,IAAI"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Internal dependencies
|
|
3
|
+
*/
|
|
4
|
+
import initBlock from '../utils/init-block';
|
|
5
|
+
import edit from './edit';
|
|
6
|
+
const metadata = {
|
|
7
|
+
$schema: "https://schemas.wp.org/trunk/block.json",
|
|
8
|
+
apiVersion: 3,
|
|
9
|
+
__experimental: true,
|
|
10
|
+
name: "core/form-submit-button",
|
|
11
|
+
title: "Form Submit Button",
|
|
12
|
+
category: "common",
|
|
13
|
+
icon: "button",
|
|
14
|
+
parent: ["core/form"],
|
|
15
|
+
description: "A submission button for forms.",
|
|
16
|
+
keywords: ["submit", "button", "form"],
|
|
17
|
+
textdomain: "default",
|
|
18
|
+
style: ["wp-block-form-submit-button"]
|
|
19
|
+
};
|
|
20
|
+
import save from './save';
|
|
21
|
+
const {
|
|
22
|
+
name
|
|
23
|
+
} = metadata;
|
|
24
|
+
export { metadata, name };
|
|
25
|
+
export const settings = {
|
|
26
|
+
edit,
|
|
27
|
+
save
|
|
28
|
+
};
|
|
29
|
+
export const init = () => initBlock({
|
|
30
|
+
name,
|
|
31
|
+
metadata,
|
|
32
|
+
settings
|
|
33
|
+
});
|
|
34
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["initBlock","edit","metadata","$schema","apiVersion","__experimental","name","title","category","icon","parent","description","keywords","textdomain","style","save","settings","init"],"sources":["@wordpress/block-library/src/form-submit-button/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';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\tedit,\n\tsave,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,SAAS,MAAM,qBAAqB;AAC3C,OAAOC,IAAI,MAAM,QAAQ;AAAC,MAAAC,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,cAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;EAAAC,WAAA;EAAAC,QAAA;EAAAC,UAAA;EAAAC,KAAA;AAAA;AAE1B,OAAOC,IAAI,MAAM,QAAQ;AAEzB,MAAM;EAAET;AAAK,CAAC,GAAGJ,QAAQ;AAEzB,SAASA,QAAQ,EAAEI,IAAI;AAEvB,OAAO,MAAMU,QAAQ,GAAG;EACvBf,IAAI;EACJc;AACD,CAAC;AAED,OAAO,MAAME,IAAI,GAAGA,CAAA,KAAMjB,SAAS,CAAE;EAAEM,IAAI;EAAEJ,QAAQ;EAAEc;AAAS,CAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["init"],"sources":["@wordpress/block-library/src/form-submit-button/init.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { init } from './';\n\nexport default init();\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,IAAI;AAEzB,eAAeA,IAAI,CAAC,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { createElement } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* WordPress dependencies
|
|
4
|
+
*/
|
|
5
|
+
import { useBlockProps, InnerBlocks } from '@wordpress/block-editor';
|
|
6
|
+
const Save = () => {
|
|
7
|
+
const blockProps = useBlockProps.save();
|
|
8
|
+
return createElement("div", {
|
|
9
|
+
className: "wp-block-form-submit-wrapper",
|
|
10
|
+
...blockProps
|
|
11
|
+
}, createElement(InnerBlocks.Content, null));
|
|
12
|
+
};
|
|
13
|
+
export default Save;
|
|
14
|
+
//# sourceMappingURL=save.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useBlockProps","InnerBlocks","Save","blockProps","save","createElement","className","Content"],"sources":["@wordpress/block-library/src/form-submit-button/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps, InnerBlocks } from '@wordpress/block-editor';\n\nconst Save = () => {\n\tconst blockProps = useBlockProps.save();\n\treturn (\n\t\t<div className=\"wp-block-form-submit-wrapper\" { ...blockProps }>\n\t\t\t<InnerBlocks.Content />\n\t\t</div>\n\t);\n};\nexport default Save;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,aAAa,EAAEC,WAAW,QAAQ,yBAAyB;AAEpE,MAAMC,IAAI,GAAGA,CAAA,KAAM;EAClB,MAAMC,UAAU,GAAGH,aAAa,CAACI,IAAI,CAAC,CAAC;EACvC,OACCC,aAAA;IAAKC,SAAS,EAAC,8BAA8B;IAAA,GAAMH;EAAU,GAC5DE,aAAA,CAACJ,WAAW,CAACM,OAAO,MAAE,CAClB,CAAC;AAER,CAAC;AACD,eAAeL,IAAI"}
|