@wordpress/block-library 9.31.0 → 9.31.1-next.233ccab9b.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/build/accordion/edit.js +6 -5
- package/build/accordion/edit.js.map +1 -1
- package/build/accordion/index.js +39 -4
- package/build/accordion/index.js.map +1 -1
- package/build/accordion/save.js +2 -19
- package/build/accordion/save.js.map +1 -1
- package/build/accordion/view.js +50 -16
- package/build/accordion/view.js.map +1 -1
- package/build/accordion-content/index.js +17 -3
- package/build/accordion-content/index.js.map +1 -1
- package/build/accordion-content/save.js +5 -7
- package/build/accordion-content/save.js.map +1 -1
- package/build/accordion-header/edit.js +13 -47
- package/build/accordion-header/edit.js.map +1 -1
- package/build/accordion-header/index.js +6 -11
- package/build/accordion-header/index.js.map +1 -1
- package/build/accordion-header/save.js +11 -44
- package/build/accordion-header/save.js.map +1 -1
- package/build/accordion-panel/edit.js +2 -1
- package/build/accordion-panel/edit.js.map +1 -1
- package/build/accordion-panel/index.js +3 -3
- package/build/accordion-panel/index.js.map +1 -1
- package/build/accordion-panel/save.js +3 -1
- package/build/accordion-panel/save.js.map +1 -1
- package/build/avatar/hooks.js +7 -17
- package/build/avatar/hooks.js.map +1 -1
- package/build/group/variations.js +3 -4
- package/build/group/variations.js.map +1 -1
- package/build/navigation/edit/leaf-more-menu.js +6 -1
- package/build/navigation/edit/leaf-more-menu.js.map +1 -1
- package/build/navigation/index.js +2 -1
- package/build/navigation/index.js.map +1 -1
- package/build/navigation-link/index.js +2 -1
- package/build/navigation-link/index.js.map +1 -1
- package/build/navigation-submenu/edit.js +2 -4
- package/build/navigation-submenu/edit.js.map +1 -1
- package/build/navigation-submenu/index.js +2 -1
- package/build/navigation-submenu/index.js.map +1 -1
- package/build/page-list/index.js +2 -1
- package/build/page-list/index.js.map +1 -1
- package/build/post-author/edit.js +7 -6
- package/build/post-author/edit.js.map +1 -1
- package/build/post-date/edit.js +16 -3
- package/build/post-date/edit.js.map +1 -1
- package/build/post-time-to-read/edit.js +111 -11
- package/build/post-time-to-read/edit.js.map +1 -1
- package/build/post-time-to-read/index.js +17 -1
- package/build/post-time-to-read/index.js.map +1 -1
- package/build/table-of-contents/index.js +1 -0
- package/build/table-of-contents/index.js.map +1 -1
- package/build/term-description/edit.js +18 -2
- package/build/term-description/edit.js.map +1 -1
- package/build/term-description/index.js +1 -0
- package/build/term-description/index.js.map +1 -1
- package/build/term-description/use-term-description.js +85 -0
- package/build/term-description/use-term-description.js.map +1 -0
- package/build/term-template/edit.js +11 -7
- package/build/term-template/edit.js.map +1 -1
- package/build/term-template/index.js +1 -1
- package/build/terms-query/index.js +8 -2
- package/build/terms-query/index.js.map +1 -1
- package/build/terms-query/inspector-controls/advanced-controls.js +51 -0
- package/build/terms-query/inspector-controls/advanced-controls.js.map +1 -0
- package/build/terms-query/inspector-controls/display-options.js +87 -0
- package/build/terms-query/inspector-controls/display-options.js.map +1 -0
- package/build/terms-query/inspector-controls/empty-terms-control.js +38 -0
- package/build/terms-query/inspector-controls/empty-terms-control.js.map +1 -0
- package/build/terms-query/inspector-controls/hierarchy-control.js +40 -0
- package/build/terms-query/inspector-controls/hierarchy-control.js.map +1 -0
- package/build/terms-query/inspector-controls/index.js +127 -0
- package/build/terms-query/inspector-controls/index.js.map +1 -0
- package/build/terms-query/inspector-controls/max-terms-control.js +50 -0
- package/build/terms-query/inspector-controls/max-terms-control.js.map +1 -0
- package/build/terms-query/inspector-controls/ordering-controls.js +57 -0
- package/build/terms-query/inspector-controls/ordering-controls.js.map +1 -0
- package/build/terms-query/inspector-controls/taxonomy-control.js +52 -0
- package/build/terms-query/inspector-controls/taxonomy-control.js.map +1 -0
- package/build/utils/hooks.js +15 -0
- package/build/utils/hooks.js.map +1 -1
- package/build-module/accordion/edit.js +6 -5
- package/build-module/accordion/edit.js.map +1 -1
- package/build-module/accordion/index.js +40 -4
- package/build-module/accordion/index.js.map +1 -1
- package/build-module/accordion/save.js +2 -17
- package/build-module/accordion/save.js.map +1 -1
- package/build-module/accordion/view.js +51 -17
- package/build-module/accordion/view.js.map +1 -1
- package/build-module/accordion-content/index.js +17 -3
- package/build-module/accordion-content/index.js.map +1 -1
- package/build-module/accordion-content/save.js +5 -7
- package/build-module/accordion-content/save.js.map +1 -1
- package/build-module/accordion-header/edit.js +14 -45
- package/build-module/accordion-header/edit.js.map +1 -1
- package/build-module/accordion-header/index.js +6 -11
- package/build-module/accordion-header/index.js.map +1 -1
- package/build-module/accordion-header/save.js +12 -42
- package/build-module/accordion-header/save.js.map +1 -1
- package/build-module/accordion-panel/edit.js +2 -1
- package/build-module/accordion-panel/edit.js.map +1 -1
- package/build-module/accordion-panel/index.js +3 -3
- package/build-module/accordion-panel/index.js.map +1 -1
- package/build-module/accordion-panel/save.js +3 -1
- package/build-module/accordion-panel/save.js.map +1 -1
- package/build-module/avatar/hooks.js +5 -15
- package/build-module/avatar/hooks.js.map +1 -1
- package/build-module/group/variations.js +3 -4
- package/build-module/group/variations.js.map +1 -1
- package/build-module/navigation/edit/leaf-more-menu.js +6 -1
- package/build-module/navigation/edit/leaf-more-menu.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-link/index.js +2 -1
- package/build-module/navigation-link/index.js.map +1 -1
- package/build-module/navigation-submenu/edit.js +1 -3
- package/build-module/navigation-submenu/edit.js.map +1 -1
- package/build-module/navigation-submenu/index.js +2 -1
- package/build-module/navigation-submenu/index.js.map +1 -1
- package/build-module/page-list/index.js +2 -1
- package/build-module/page-list/index.js.map +1 -1
- package/build-module/post-author/edit.js +8 -7
- package/build-module/post-author/edit.js.map +1 -1
- package/build-module/post-date/edit.js +17 -4
- package/build-module/post-date/edit.js.map +1 -1
- package/build-module/post-time-to-read/edit.js +112 -14
- package/build-module/post-time-to-read/edit.js.map +1 -1
- package/build-module/post-time-to-read/index.js +17 -1
- package/build-module/post-time-to-read/index.js.map +1 -1
- package/build-module/table-of-contents/index.js +1 -0
- package/build-module/table-of-contents/index.js.map +1 -1
- package/build-module/term-description/edit.js +18 -2
- package/build-module/term-description/edit.js.map +1 -1
- package/build-module/term-description/index.js +1 -0
- package/build-module/term-description/index.js.map +1 -1
- package/build-module/term-description/use-term-description.js +79 -0
- package/build-module/term-description/use-term-description.js.map +1 -0
- package/build-module/term-template/edit.js +11 -7
- package/build-module/term-template/edit.js.map +1 -1
- package/build-module/term-template/index.js +1 -1
- package/build-module/terms-query/index.js +8 -2
- package/build-module/terms-query/index.js.map +1 -1
- package/build-module/terms-query/inspector-controls/advanced-controls.js +44 -0
- package/build-module/terms-query/inspector-controls/advanced-controls.js.map +1 -0
- package/build-module/terms-query/inspector-controls/display-options.js +80 -0
- package/build-module/terms-query/inspector-controls/display-options.js.map +1 -0
- package/build-module/terms-query/inspector-controls/empty-terms-control.js +31 -0
- package/build-module/terms-query/inspector-controls/empty-terms-control.js.map +1 -0
- package/build-module/terms-query/inspector-controls/hierarchy-control.js +33 -0
- package/build-module/terms-query/inspector-controls/hierarchy-control.js.map +1 -0
- package/build-module/terms-query/inspector-controls/index.js +119 -0
- package/build-module/terms-query/inspector-controls/index.js.map +1 -0
- package/build-module/terms-query/inspector-controls/max-terms-control.js +43 -0
- package/build-module/terms-query/inspector-controls/max-terms-control.js.map +1 -0
- package/build-module/terms-query/inspector-controls/ordering-controls.js +50 -0
- package/build-module/terms-query/inspector-controls/ordering-controls.js.map +1 -0
- package/build-module/terms-query/inspector-controls/taxonomy-control.js +45 -0
- package/build-module/terms-query/inspector-controls/taxonomy-control.js.map +1 -0
- package/build-module/utils/hooks.js +14 -0
- package/build-module/utils/hooks.js.map +1 -1
- package/build-style/accordion-content/style-rtl.css +155 -0
- package/build-style/accordion-content/style.css +155 -0
- package/build-style/{accordion → accordion-header}/style-rtl.css +12 -51
- package/build-style/{accordion → accordion-header}/style.css +12 -51
- package/build-style/accordion-panel/style-rtl.css +140 -0
- package/build-style/accordion-panel/style.css +140 -0
- package/build-style/style-rtl.css +25 -38
- package/build-style/style.css +25 -38
- package/package.json +35 -35
- package/src/accordion/block.json +16 -3
- package/src/accordion/edit.js +39 -34
- package/src/accordion/index.js +35 -1
- package/src/accordion/index.php +3 -19
- package/src/accordion/save.js +2 -16
- package/src/accordion/view.js +64 -15
- package/src/accordion-content/block.json +17 -3
- package/src/accordion-content/index.php +3 -2
- package/src/accordion-content/save.js +4 -10
- package/src/accordion-content/style.scss +21 -0
- package/src/accordion-header/block.json +6 -11
- package/src/accordion-header/edit.js +17 -61
- package/src/accordion-header/save.js +24 -54
- package/src/accordion-header/style.scss +39 -0
- package/src/accordion-panel/block.json +3 -3
- package/src/accordion-panel/edit.js +1 -0
- package/src/accordion-panel/save.js +3 -1
- package/src/accordion-panel/style.scss +8 -0
- package/src/avatar/hooks.js +5 -10
- package/src/comments/index.php +2 -2
- package/src/group/variations.js +3 -14
- package/src/navigation/block.json +2 -1
- package/src/navigation/edit/leaf-more-menu.js +9 -1
- package/src/navigation/index.php +2 -2
- package/src/navigation-link/block.json +2 -1
- package/src/navigation-submenu/block.json +2 -1
- package/src/navigation-submenu/edit.js +1 -4
- package/src/page-list/block.json +2 -1
- package/src/post-author/edit.js +16 -7
- package/src/post-date/edit.js +16 -16
- package/src/post-time-to-read/block.json +17 -1
- package/src/post-time-to-read/edit.js +167 -20
- package/src/post-time-to-read/index.php +47 -15
- package/src/social-link/index.php +2 -2
- package/src/style.scss +3 -1
- package/src/table-of-contents/block.json +1 -0
- package/src/table-of-contents/index.php +44 -0
- package/src/term-description/block.json +1 -0
- package/src/term-description/edit.js +18 -3
- package/src/term-description/use-term-description.js +109 -0
- package/src/term-template/block.json +1 -1
- package/src/term-template/edit.js +11 -6
- package/src/term-template/index.php +13 -7
- package/src/terms-query/block.json +8 -2
- package/src/terms-query/inspector-controls/advanced-controls.js +37 -0
- package/src/terms-query/inspector-controls/display-options.js +87 -0
- package/src/terms-query/inspector-controls/empty-terms-control.js +30 -0
- package/src/terms-query/inspector-controls/hierarchy-control.js +30 -0
- package/src/terms-query/inspector-controls/index.js +137 -0
- package/src/terms-query/inspector-controls/max-terms-control.js +44 -0
- package/src/terms-query/inspector-controls/ordering-controls.js +55 -0
- package/src/terms-query/inspector-controls/taxonomy-control.js +41 -0
- package/src/utils/hooks.js +9 -0
- package/build/accordion-content/icons.js +0 -30
- package/build/accordion-content/icons.js.map +0 -1
- package/build/terms-query/inspector-controls.js +0 -231
- package/build/terms-query/inspector-controls.js.map +0 -1
- package/build-module/accordion-content/icons.js +0 -22
- package/build-module/accordion-content/icons.js.map +0 -1
- package/build-module/terms-query/inspector-controls.js +0 -224
- package/build-module/terms-query/inspector-controls.js.map +0 -1
- package/src/accordion/style.scss +0 -82
- package/src/accordion-content/icons.js +0 -23
- package/src/terms-query/inspector-controls.js +0 -239
package/build/accordion/edit.js
CHANGED
|
@@ -30,7 +30,8 @@ function Edit({
|
|
|
30
30
|
showIcon
|
|
31
31
|
},
|
|
32
32
|
clientId,
|
|
33
|
-
setAttributes
|
|
33
|
+
setAttributes,
|
|
34
|
+
isSelected: isSingleSelected
|
|
34
35
|
}) {
|
|
35
36
|
const blockProps = (0, _blockEditor.useBlockProps)();
|
|
36
37
|
const dropdownMenuProps = (0, _hooks.useToolsPanelDropdownMenuProps)();
|
|
@@ -48,10 +49,9 @@ function Edit({
|
|
|
48
49
|
insertBlock(newAccordionContent, undefined, clientId);
|
|
49
50
|
};
|
|
50
51
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
51
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockControls, {
|
|
52
|
+
children: [isSingleSelected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockControls, {
|
|
52
53
|
group: "other",
|
|
53
54
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
|
|
54
|
-
label: (0, _i18n.__)('Add accordion content block'),
|
|
55
55
|
onClick: addAccordionContentBlock,
|
|
56
56
|
children: (0, _i18n.__)('Add')
|
|
57
57
|
})
|
|
@@ -98,13 +98,14 @@ function Edit({
|
|
|
98
98
|
label: (0, _i18n.__)('Show icon'),
|
|
99
99
|
onChange: value => {
|
|
100
100
|
setAttributes({
|
|
101
|
-
showIcon: value
|
|
101
|
+
showIcon: value,
|
|
102
|
+
iconPosition: value ? iconPosition : 'right'
|
|
102
103
|
});
|
|
103
104
|
},
|
|
104
105
|
checked: showIcon,
|
|
105
106
|
help: (0, _i18n.__)('Display a plus icon next to the accordion header.')
|
|
106
107
|
})
|
|
107
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
|
|
108
|
+
}), showIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
|
|
108
109
|
label: (0, _i18n.__)('Icon Position'),
|
|
109
110
|
isShownByDefault: true,
|
|
110
111
|
hasValue: () => iconPosition !== 'right',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_blockEditor","require","_i18n","_components","_data","_blocks","_hooks","_jsxRuntime","ACCORDION_BLOCK_NAME","ACCORDION_BLOCK","name","Edit","attributes","autoclose","iconPosition","showIcon","clientId","setAttributes","blockProps","useBlockProps","dropdownMenuProps","useToolsPanelDropdownMenuProps","insertBlock","useDispatch","blockEditorStore","innerBlocksProps","useInnerBlocksProps","template","defaultBlock","directInsert","templateInsertUpdatesSelection","addAccordionContentBlock","newAccordionContent","createBlock","undefined","jsxs","Fragment","children","jsx","BlockControls","group","ToolbarButton","
|
|
1
|
+
{"version":3,"names":["_blockEditor","require","_i18n","_components","_data","_blocks","_hooks","_jsxRuntime","ACCORDION_BLOCK_NAME","ACCORDION_BLOCK","name","Edit","attributes","autoclose","iconPosition","showIcon","clientId","setAttributes","isSelected","isSingleSelected","blockProps","useBlockProps","dropdownMenuProps","useToolsPanelDropdownMenuProps","insertBlock","useDispatch","blockEditorStore","innerBlocksProps","useInnerBlocksProps","template","defaultBlock","directInsert","templateInsertUpdatesSelection","addAccordionContentBlock","newAccordionContent","createBlock","undefined","jsxs","Fragment","children","jsx","BlockControls","group","ToolbarButton","onClick","__","InspectorControls","__experimentalToolsPanel","label","resetAll","__experimentalToolsPanelItem","isShownByDefault","hasValue","onDeselect","ToggleControl","isBlock","__nextHasNoMarginBottom","onChange","value","checked","help","__experimentalToggleGroupControl","__next40pxDefaultSize","__experimentalToggleGroupControlOption"],"sources":["@wordpress/block-library/src/accordion/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tInspectorControls,\n\tBlockControls,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tToggleControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\tToolbarButton,\n} from '@wordpress/components';\nimport { useDispatch } from '@wordpress/data';\nimport { createBlock } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\nconst ACCORDION_BLOCK_NAME = 'core/accordion-content';\nconst ACCORDION_BLOCK = {\n\tname: ACCORDION_BLOCK_NAME,\n};\n\nexport default function Edit( {\n\tattributes: { autoclose, iconPosition, showIcon },\n\tclientId,\n\tsetAttributes,\n\tisSelected: isSingleSelected,\n} ) {\n\tconst blockProps = useBlockProps();\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\tconst { insertBlock } = useDispatch( blockEditorStore );\n\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: [ [ ACCORDION_BLOCK_NAME ], [ ACCORDION_BLOCK_NAME ] ],\n\t\tdefaultBlock: ACCORDION_BLOCK,\n\t\tdirectInsert: true,\n\t\ttemplateInsertUpdatesSelection: true,\n\t} );\n\n\tconst addAccordionContentBlock = () => {\n\t\tconst newAccordionContent = createBlock( ACCORDION_BLOCK_NAME );\n\t\tinsertBlock( newAccordionContent, undefined, clientId );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{ isSingleSelected && (\n\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t<ToolbarButton onClick={ addAccordionContentBlock }>\n\t\t\t\t\t\t{ __( 'Add' ) }\n\t\t\t\t\t</ToolbarButton>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t<InspectorControls key=\"setting\">\n\t\t\t\t<ToolsPanel\n\t\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\t\tresetAll={ () => {\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tautoclose: false,\n\t\t\t\t\t\t\tshowIcon: true,\n\t\t\t\t\t\t\ticonPosition: 'right',\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t\t>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Auto-close' ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\thasValue={ () => !! autoclose }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { autoclose: false } )\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tisBlock\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Auto-close' ) }\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tautoclose: value,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tchecked={ autoclose }\n\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t'Automatically close accordions when a new one is opened.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Show icon' ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\thasValue={ () => ! showIcon }\n\t\t\t\t\t\tonDeselect={ () => setAttributes( { showIcon: true } ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tisBlock\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Show icon' ) }\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tshowIcon: value,\n\t\t\t\t\t\t\t\t\ticonPosition: value\n\t\t\t\t\t\t\t\t\t\t? iconPosition\n\t\t\t\t\t\t\t\t\t\t: 'right',\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tchecked={ showIcon }\n\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t'Display a plus icon next to the accordion header.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t{ showIcon && (\n\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\tlabel={ __( 'Icon Position' ) }\n\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t\thasValue={ () => iconPosition !== 'right' }\n\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { iconPosition: 'right' } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tisBlock\n\t\t\t\t\t\t\t\tlabel={ __( 'Icon Position' ) }\n\t\t\t\t\t\t\t\tvalue={ iconPosition }\n\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\tsetAttributes( { iconPosition: value } );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Left' ) }\n\t\t\t\t\t\t\t\t\tvalue=\"left\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Right' ) }\n\t\t\t\t\t\t\t\t\tvalue=\"right\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ToggleGroupControl>\n\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t) }\n\t\t\t\t</ToolsPanel>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
|
package/build/accordion/index.js
CHANGED
|
@@ -5,10 +5,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.settings = exports.name = exports.metadata = exports.init = void 0;
|
|
8
|
+
var _i18n = require("@wordpress/i18n");
|
|
8
9
|
var _edit = _interopRequireDefault(require("./edit"));
|
|
9
10
|
var _save = _interopRequireDefault(require("./save"));
|
|
10
11
|
var _initBlock = _interopRequireDefault(require("../utils/init-block"));
|
|
11
12
|
var _icon = _interopRequireDefault(require("./icon"));
|
|
13
|
+
/**
|
|
14
|
+
* WordPress dependencies
|
|
15
|
+
*/
|
|
12
16
|
/**
|
|
13
17
|
* Internal dependencies
|
|
14
18
|
*/
|
|
@@ -33,7 +37,7 @@ const metadata = exports.metadata = {
|
|
|
33
37
|
},
|
|
34
38
|
color: {
|
|
35
39
|
background: true,
|
|
36
|
-
|
|
40
|
+
gradients: true
|
|
37
41
|
},
|
|
38
42
|
__experimentalBorder: {
|
|
39
43
|
color: true,
|
|
@@ -54,7 +58,20 @@ const metadata = exports.metadata = {
|
|
|
54
58
|
},
|
|
55
59
|
shadow: true,
|
|
56
60
|
layout: true,
|
|
57
|
-
interactivity: true
|
|
61
|
+
interactivity: true,
|
|
62
|
+
typography: {
|
|
63
|
+
fontSize: true,
|
|
64
|
+
lineHeight: true,
|
|
65
|
+
__experimentalFontFamily: true,
|
|
66
|
+
__experimentalFontWeight: true,
|
|
67
|
+
__experimentalFontStyle: true,
|
|
68
|
+
__experimentalTextTransform: true,
|
|
69
|
+
__experimentalTextDecoration: true,
|
|
70
|
+
__experimentalLetterSpacing: true,
|
|
71
|
+
__experimentalDefaultControls: {
|
|
72
|
+
fontSize: true
|
|
73
|
+
}
|
|
74
|
+
}
|
|
58
75
|
},
|
|
59
76
|
attributes: {
|
|
60
77
|
iconPosition: {
|
|
@@ -76,7 +93,7 @@ const metadata = exports.metadata = {
|
|
|
76
93
|
},
|
|
77
94
|
allowedBlocks: ["core/accordion-content"],
|
|
78
95
|
textdomain: "default",
|
|
79
|
-
|
|
96
|
+
viewScriptModule: "@wordpress/block-library/accordion/view"
|
|
80
97
|
};
|
|
81
98
|
const {
|
|
82
99
|
name
|
|
@@ -84,7 +101,25 @@ const {
|
|
|
84
101
|
exports.name = name;
|
|
85
102
|
const settings = exports.settings = {
|
|
86
103
|
icon: _icon.default,
|
|
87
|
-
example: {
|
|
104
|
+
example: {
|
|
105
|
+
innerBlocks: [{
|
|
106
|
+
name: 'core/accordion-content',
|
|
107
|
+
innerBlocks: [{
|
|
108
|
+
name: 'core/accordion-header',
|
|
109
|
+
attributes: {
|
|
110
|
+
title: (0, _i18n.__)('Lorem ipsum dolor sit amet, consectetur.')
|
|
111
|
+
}
|
|
112
|
+
}]
|
|
113
|
+
}, {
|
|
114
|
+
name: 'core/accordion-content',
|
|
115
|
+
innerBlocks: [{
|
|
116
|
+
name: 'core/accordion-header',
|
|
117
|
+
attributes: {
|
|
118
|
+
title: (0, _i18n.__)('Suspendisse commodo lacus, interdum et.')
|
|
119
|
+
}
|
|
120
|
+
}]
|
|
121
|
+
}]
|
|
122
|
+
},
|
|
88
123
|
edit: _edit.default,
|
|
89
124
|
save: _save.default
|
|
90
125
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_i18n","require","_edit","_interopRequireDefault","_save","_initBlock","_icon","metadata","exports","$schema","apiVersion","name","title","category","description","example","__experimental","supports","html","align","background","backgroundImage","backgroundSize","__experimentalDefaultControls","color","gradients","__experimentalBorder","radius","style","width","spacing","padding","margin","blockGap","shadow","layout","interactivity","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalTextDecoration","__experimentalLetterSpacing","attributes","iconPosition","type","showIcon","autoclose","providesContext","allowedBlocks","textdomain","viewScriptModule","settings","icon","innerBlocks","__","edit","save","init","initBlock"],"sources":["@wordpress/block-library/src/accordion/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport edit from './edit';\nimport save from './save';\nimport metadata from './block.json';\nimport initBlock from '../utils/init-block';\nimport icon from './icon';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tinnerBlocks: [\n\t\t\t{\n\t\t\t\tname: 'core/accordion-content',\n\t\t\t\tinnerBlocks: [\n\t\t\t\t\t{\n\t\t\t\t\t\tname: 'core/accordion-header',\n\t\t\t\t\t\tattributes: {\n\t\t\t\t\t\t\ttitle: __(\n\t\t\t\t\t\t\t\t'Lorem ipsum dolor sit amet, consectetur.'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/accordion-content',\n\t\t\t\tinnerBlocks: [\n\t\t\t\t\t{\n\t\t\t\t\t\tname: 'core/accordion-header',\n\t\t\t\t\t\tattributes: {\n\t\t\t\t\t\t\ttitle: __(\n\t\t\t\t\t\t\t\t'Suspendisse commodo lacus, interdum et.'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t},\n\tedit,\n\tsave,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,KAAA,GAAAD,sBAAA,CAAAF,OAAA;AAEA,IAAAI,UAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,KAAA,GAAAH,sBAAA,CAAAF,OAAA;AAZA;AACA;AACA;AAGA;AACA;AACA;AAFA,MAAAM,QAAA,GAAAC,OAAA,CAAAD,QAAA;EAAAE,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,OAAA;EAAAC,cAAA;EAAAC,QAAA;IAAAC,IAAA;IAAAC,KAAA;IAAAC,UAAA;MAAAC,eAAA;MAAAC,cAAA;MAAAC,6BAAA;QAAAF,eAAA;MAAA;IAAA;IAAAG,KAAA;MAAAJ,UAAA;MAAAK,SAAA;IAAA;IAAAC,oBAAA;MAAAF,KAAA;MAAAG,MAAA;MAAAC,KAAA;MAAAC,KAAA;MAAAN,6BAAA;QAAAC,KAAA;QAAAG,MAAA;QAAAC,KAAA;QAAAC,KAAA;MAAA;IAAA;IAAAC,OAAA;MAAAC,OAAA;MAAAC,MAAA;MAAAC,QAAA;IAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,aAAA;IAAAC,UAAA;MAAAC,QAAA;MAAAC,UAAA;MAAAC,wBAAA;MAAAC,wBAAA;MAAAC,uBAAA;MAAAC,2BAAA;MAAAC,4BAAA;MAAAC,2BAAA;MAAAtB,6BAAA;QAAAe,QAAA;MAAA;IAAA;EAAA;EAAAQ,UAAA;IAAAC,YAAA;MAAAC,IAAA;MAAA;IAAA;IAAAC,QAAA;MAAAD,IAAA;MAAA;IAAA;IAAAE,SAAA;MAAAF,IAAA;MAAA;IAAA;EAAA;EAAAG,eAAA;IAAA;IAAA;EAAA;EAAAC,aAAA;EAAAC,UAAA;EAAAC,gBAAA;AAAA;AASA,MAAM;EAAE3C;AAAK,CAAC,GAAGJ,QAAQ;AAACC,OAAA,CAAAG,IAAA,GAAAA,IAAA;AAInB,MAAM4C,QAAQ,GAAA/C,OAAA,CAAA+C,QAAA,GAAG;EACvBC,IAAI,EAAJA,aAAI;EACJzC,OAAO,EAAE;IACR0C,WAAW,EAAE,CACZ;MACC9C,IAAI,EAAE,wBAAwB;MAC9B8C,WAAW,EAAE,CACZ;QACC9C,IAAI,EAAE,uBAAuB;QAC7BmC,UAAU,EAAE;UACXlC,KAAK,EAAE,IAAA8C,QAAE,EACR,0CACD;QACD;MACD,CAAC;IAEH,CAAC,EACD;MACC/C,IAAI,EAAE,wBAAwB;MAC9B8C,WAAW,EAAE,CACZ;QACC9C,IAAI,EAAE,uBAAuB;QAC7BmC,UAAU,EAAE;UACXlC,KAAK,EAAE,IAAA8C,QAAE,EACR,yCACD;QACD;MACD,CAAC;IAEH,CAAC;EAEH,CAAC;EACDC,IAAI,EAAJA,aAAI;EACJC,IAAI,EAAJA;AACD,CAAC;AAEM,MAAMC,IAAI,GAAGA,CAAA,KAAM,IAAAC,kBAAS,EAAE;EAAEnD,IAAI;EAAEJ,QAAQ;EAAEgD;AAAS,CAAE,CAAC;AAAC/C,OAAA,CAAAqD,IAAA,GAAAA,IAAA","ignoreList":[]}
|
package/build/accordion/save.js
CHANGED
|
@@ -1,36 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
6
|
exports.default = save;
|
|
8
|
-
var _clsx = _interopRequireDefault(require("clsx"));
|
|
9
7
|
var _blockEditor = require("@wordpress/block-editor");
|
|
10
8
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
/**
|
|
12
|
-
* External dependencies
|
|
13
|
-
*/
|
|
14
|
-
|
|
15
9
|
/**
|
|
16
10
|
* WordPress dependencies
|
|
17
11
|
*/
|
|
18
12
|
|
|
19
|
-
function save({
|
|
20
|
-
attributes
|
|
21
|
-
}) {
|
|
22
|
-
const {
|
|
23
|
-
iconPosition
|
|
24
|
-
} = attributes;
|
|
13
|
+
function save() {
|
|
25
14
|
const blockProps = _blockEditor.useBlockProps.save();
|
|
26
|
-
const className = (0, _clsx.default)({
|
|
27
|
-
'icon-position-left': iconPosition === 'left'
|
|
28
|
-
}, blockProps.className);
|
|
29
15
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
30
|
-
..._blockEditor.useInnerBlocksProps.save(
|
|
31
|
-
...blockProps,
|
|
32
|
-
className
|
|
33
|
-
})
|
|
16
|
+
..._blockEditor.useInnerBlocksProps.save(blockProps)
|
|
34
17
|
});
|
|
35
18
|
}
|
|
36
19
|
//# sourceMappingURL=save.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_blockEditor","require","_jsxRuntime","save","blockProps","useBlockProps","jsx","useInnerBlocksProps"],"sources":["@wordpress/block-library/src/accordion/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';\n\nexport default function save() {\n\tconst blockProps = useBlockProps.save();\n\treturn <div { ...useInnerBlocksProps.save( blockProps ) } />;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAA6E,IAAAC,WAAA,GAAAD,OAAA;AAH7E;AACA;AACA;;AAGe,SAASE,IAAIA,CAAA,EAAG;EAC9B,MAAMC,UAAU,GAAGC,0BAAa,CAACF,IAAI,CAAC,CAAC;EACvC,oBAAO,IAAAD,WAAA,CAAAI,GAAA;IAAA,GAAUC,gCAAmB,CAACJ,IAAI,CAAEC,UAAW;EAAC,CAAI,CAAC;AAC7D","ignoreList":[]}
|
package/build/accordion/view.js
CHANGED
|
@@ -5,16 +5,15 @@ var _interactivity = require("@wordpress/interactivity");
|
|
|
5
5
|
* WordPress dependencies
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
state
|
|
10
|
-
} = (0, _interactivity.store)('core/accordion', {
|
|
8
|
+
(0, _interactivity.store)('core/accordion', {
|
|
11
9
|
state: {
|
|
12
10
|
get isOpen() {
|
|
13
11
|
const {
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
id,
|
|
13
|
+
accordionContents
|
|
16
14
|
} = (0, _interactivity.getContext)();
|
|
17
|
-
|
|
15
|
+
const accordionContent = accordionContents.find(item => item.id === id);
|
|
16
|
+
return accordionContent ? accordionContent.isOpen : false;
|
|
18
17
|
}
|
|
19
18
|
},
|
|
20
19
|
actions: {
|
|
@@ -22,27 +21,62 @@ const {
|
|
|
22
21
|
const context = (0, _interactivity.getContext)();
|
|
23
22
|
const {
|
|
24
23
|
id,
|
|
25
|
-
autoclose
|
|
24
|
+
autoclose,
|
|
25
|
+
accordionContents
|
|
26
26
|
} = context;
|
|
27
|
+
const accordionContent = accordionContents.find(item => item.id === id);
|
|
27
28
|
if (autoclose) {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
accordionContents.forEach(item => {
|
|
30
|
+
item.isOpen = item.id === id ? !accordionContent.isOpen : false;
|
|
31
|
+
});
|
|
31
32
|
} else {
|
|
32
|
-
|
|
33
|
+
accordionContent.isOpen = !accordionContent.isOpen;
|
|
33
34
|
}
|
|
34
|
-
}
|
|
35
|
+
},
|
|
36
|
+
handleKeyDown: (0, _interactivity.withSyncEvent)(event => {
|
|
37
|
+
if (event.key !== 'ArrowUp' && event.key !== 'ArrowDown' && event.key !== 'Home' && event.key !== 'End') {
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
event.preventDefault();
|
|
41
|
+
const context = (0, _interactivity.getContext)();
|
|
42
|
+
const {
|
|
43
|
+
id,
|
|
44
|
+
accordionContents
|
|
45
|
+
} = context;
|
|
46
|
+
const currentIndex = accordionContents.findIndex(item => item.id === id);
|
|
47
|
+
let nextIndex;
|
|
48
|
+
switch (event.key) {
|
|
49
|
+
case 'ArrowUp':
|
|
50
|
+
nextIndex = Math.max(0, currentIndex - 1);
|
|
51
|
+
break;
|
|
52
|
+
case 'ArrowDown':
|
|
53
|
+
nextIndex = Math.min(currentIndex + 1, accordionContents.length - 1);
|
|
54
|
+
break;
|
|
55
|
+
case 'Home':
|
|
56
|
+
nextIndex = 0;
|
|
57
|
+
break;
|
|
58
|
+
case 'End':
|
|
59
|
+
nextIndex = accordionContents.length - 1;
|
|
60
|
+
break;
|
|
61
|
+
}
|
|
62
|
+
const nextId = accordionContents[nextIndex].id;
|
|
63
|
+
const nextButton = document.getElementById(nextId);
|
|
64
|
+
if (nextButton) {
|
|
65
|
+
nextButton.focus();
|
|
66
|
+
}
|
|
67
|
+
})
|
|
35
68
|
},
|
|
36
69
|
callbacks: {
|
|
37
|
-
|
|
70
|
+
initAccordionContents: () => {
|
|
38
71
|
const context = (0, _interactivity.getContext)();
|
|
39
72
|
const {
|
|
40
73
|
id,
|
|
41
74
|
openByDefault
|
|
42
75
|
} = context;
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
76
|
+
context.accordionContents.push({
|
|
77
|
+
id,
|
|
78
|
+
isOpen: openByDefault
|
|
79
|
+
});
|
|
46
80
|
}
|
|
47
81
|
}
|
|
48
82
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_interactivity","require","
|
|
1
|
+
{"version":3,"names":["_interactivity","require","store","state","isOpen","id","accordionContents","getContext","accordionContent","find","item","actions","toggle","context","autoclose","forEach","handleKeyDown","withSyncEvent","event","key","preventDefault","currentIndex","findIndex","nextIndex","Math","max","min","length","nextId","nextButton","document","getElementById","focus","callbacks","initAccordionContents","openByDefault","push"],"sources":["@wordpress/block-library/src/accordion/view.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store, getContext, withSyncEvent } from '@wordpress/interactivity';\n\nstore( 'core/accordion', {\n\tstate: {\n\t\tget isOpen() {\n\t\t\tconst { id, accordionContents } = getContext();\n\t\t\tconst accordionContent = accordionContents.find(\n\t\t\t\t( item ) => item.id === id\n\t\t\t);\n\t\t\treturn accordionContent ? accordionContent.isOpen : false;\n\t\t},\n\t},\n\tactions: {\n\t\ttoggle: () => {\n\t\t\tconst context = getContext();\n\t\t\tconst { id, autoclose, accordionContents } = context;\n\t\t\tconst accordionContent = accordionContents.find(\n\t\t\t\t( item ) => item.id === id\n\t\t\t);\n\n\t\t\tif ( autoclose ) {\n\t\t\t\taccordionContents.forEach( ( item ) => {\n\t\t\t\t\titem.isOpen =\n\t\t\t\t\t\titem.id === id ? ! accordionContent.isOpen : false;\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\taccordionContent.isOpen = ! accordionContent.isOpen;\n\t\t\t}\n\t\t},\n\t\thandleKeyDown: withSyncEvent( ( event ) => {\n\t\t\tif (\n\t\t\t\tevent.key !== 'ArrowUp' &&\n\t\t\t\tevent.key !== 'ArrowDown' &&\n\t\t\t\tevent.key !== 'Home' &&\n\t\t\t\tevent.key !== 'End'\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tevent.preventDefault();\n\t\t\tconst context = getContext();\n\t\t\tconst { id, accordionContents } = context;\n\t\t\tconst currentIndex = accordionContents.findIndex(\n\t\t\t\t( item ) => item.id === id\n\t\t\t);\n\n\t\t\tlet nextIndex;\n\n\t\t\tswitch ( event.key ) {\n\t\t\t\tcase 'ArrowUp':\n\t\t\t\t\tnextIndex = Math.max( 0, currentIndex - 1 );\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'ArrowDown':\n\t\t\t\t\tnextIndex = Math.min(\n\t\t\t\t\t\tcurrentIndex + 1,\n\t\t\t\t\t\taccordionContents.length - 1\n\t\t\t\t\t);\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'Home':\n\t\t\t\t\tnextIndex = 0;\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'End':\n\t\t\t\t\tnextIndex = accordionContents.length - 1;\n\t\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tconst nextId = accordionContents[ nextIndex ].id;\n\t\t\tconst nextButton = document.getElementById( nextId );\n\t\t\tif ( nextButton ) {\n\t\t\t\tnextButton.focus();\n\t\t\t}\n\t\t} ),\n\t},\n\tcallbacks: {\n\t\tinitAccordionContents: () => {\n\t\t\tconst context = getContext();\n\t\t\tconst { id, openByDefault } = context;\n\t\t\tcontext.accordionContents.push( {\n\t\t\t\tid,\n\t\t\t\tisOpen: openByDefault,\n\t\t\t} );\n\t\t},\n\t},\n} );\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -25,7 +25,7 @@ const metadata = exports.metadata = {
|
|
|
25
25
|
supports: {
|
|
26
26
|
color: {
|
|
27
27
|
background: true,
|
|
28
|
-
|
|
28
|
+
gradients: true
|
|
29
29
|
},
|
|
30
30
|
interactivity: true,
|
|
31
31
|
spacing: {
|
|
@@ -45,7 +45,20 @@ const metadata = exports.metadata = {
|
|
|
45
45
|
}
|
|
46
46
|
},
|
|
47
47
|
shadow: true,
|
|
48
|
-
layout: true
|
|
48
|
+
layout: true,
|
|
49
|
+
typography: {
|
|
50
|
+
fontSize: true,
|
|
51
|
+
lineHeight: true,
|
|
52
|
+
__experimentalFontFamily: true,
|
|
53
|
+
__experimentalFontWeight: true,
|
|
54
|
+
__experimentalFontStyle: true,
|
|
55
|
+
__experimentalTextTransform: true,
|
|
56
|
+
__experimentalTextDecoration: true,
|
|
57
|
+
__experimentalLetterSpacing: true,
|
|
58
|
+
__experimentalDefaultControls: {
|
|
59
|
+
fontSize: true
|
|
60
|
+
}
|
|
61
|
+
}
|
|
49
62
|
},
|
|
50
63
|
attributes: {
|
|
51
64
|
openByDefault: {
|
|
@@ -53,7 +66,8 @@ const metadata = exports.metadata = {
|
|
|
53
66
|
"default": false
|
|
54
67
|
}
|
|
55
68
|
},
|
|
56
|
-
textdomain: "default"
|
|
69
|
+
textdomain: "default",
|
|
70
|
+
style: "wp-block-accordion-content"
|
|
57
71
|
};
|
|
58
72
|
const {
|
|
59
73
|
name
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_edit","_interopRequireDefault","require","_save","_initBlock","_icon","metadata","exports","$schema","apiVersion","name","title","category","description","__experimental","parent","allowedBlocks","supports","color","background","
|
|
1
|
+
{"version":3,"names":["_edit","_interopRequireDefault","require","_save","_initBlock","_icon","metadata","exports","$schema","apiVersion","name","title","category","description","__experimental","parent","allowedBlocks","supports","color","background","gradients","interactivity","spacing","margin","blockGap","__experimentalBorder","radius","style","width","__experimentalDefaultControls","shadow","layout","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalTextDecoration","__experimentalLetterSpacing","attributes","openByDefault","type","textdomain","settings","icon","edit","save","init","initBlock"],"sources":["@wordpress/block-library/src/accordion-content/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport edit from './edit';\nimport save from './save';\nimport metadata from './block.json';\nimport initBlock from '../utils/init-block';\nimport icon from './icon';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n\tsave,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAPA;AACA;AACA;AAFA,MAAAI,QAAA,GAAAC,OAAA,CAAAD,QAAA;EAAAE,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,cAAA;EAAAC,MAAA;EAAAC,aAAA;EAAAC,QAAA;IAAAC,KAAA;MAAAC,UAAA;MAAAC,SAAA;IAAA;IAAAC,aAAA;IAAAC,OAAA;MAAAC,MAAA;MAAAC,QAAA;IAAA;IAAAC,oBAAA;MAAAP,KAAA;MAAAQ,MAAA;MAAAC,KAAA;MAAAC,KAAA;MAAAC,6BAAA;QAAAX,KAAA;QAAAQ,MAAA;QAAAC,KAAA;QAAAC,KAAA;MAAA;IAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,UAAA;MAAAC,QAAA;MAAAC,UAAA;MAAAC,wBAAA;MAAAC,wBAAA;MAAAC,uBAAA;MAAAC,2BAAA;MAAAC,4BAAA;MAAAC,2BAAA;MAAAX,6BAAA;QAAAI,QAAA;MAAA;IAAA;EAAA;EAAAQ,UAAA;IAAAC,aAAA;MAAAC,IAAA;MAAA;IAAA;EAAA;EAAAC,UAAA;EAAAjB,KAAA;AAAA;AASA,MAAM;EAAEjB;AAAK,CAAC,GAAGJ,QAAQ;AAACC,OAAA,CAAAG,IAAA,GAAAA,IAAA;AAInB,MAAMmC,QAAQ,GAAAtC,OAAA,CAAAsC,QAAA,GAAG;EACvBC,IAAI,EAAJA,aAAI;EACJC,IAAI,EAAJA,aAAI;EACJC,IAAI,EAAJA;AACD,CAAC;AAEM,MAAMC,IAAI,GAAGA,CAAA,KAAM,IAAAC,kBAAS,EAAE;EAAExC,IAAI;EAAEJ,QAAQ;EAAEuC;AAAS,CAAE,CAAC;AAACtC,OAAA,CAAA0C,IAAA,GAAAA,IAAA","ignoreList":[]}
|
|
@@ -22,14 +22,12 @@ function save({
|
|
|
22
22
|
const {
|
|
23
23
|
openByDefault
|
|
24
24
|
} = attributes;
|
|
25
|
-
const blockProps = _blockEditor.useBlockProps.save(
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
const innerBlocksProps = _blockEditor.useInnerBlocksProps.save({
|
|
30
|
-
...blockProps,
|
|
31
|
-
className
|
|
25
|
+
const blockProps = _blockEditor.useBlockProps.save({
|
|
26
|
+
className: (0, _clsx.default)({
|
|
27
|
+
'is-open': openByDefault
|
|
28
|
+
})
|
|
32
29
|
});
|
|
30
|
+
const innerBlocksProps = _blockEditor.useInnerBlocksProps.save(blockProps);
|
|
33
31
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
34
32
|
...innerBlocksProps
|
|
35
33
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_blockEditor","require","_clsx","_interopRequireDefault","_jsxRuntime","save","attributes","openByDefault","blockProps","useBlockProps","className","clsx","innerBlocksProps","useInnerBlocksProps","jsx"],"sources":["@wordpress/block-library/src/accordion-content/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';\n/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\nexport default function save( { attributes } ) {\n\tconst { openByDefault } = attributes;\n\tconst blockProps = useBlockProps.save(
|
|
1
|
+
{"version":3,"names":["_blockEditor","require","_clsx","_interopRequireDefault","_jsxRuntime","save","attributes","openByDefault","blockProps","useBlockProps","className","clsx","innerBlocksProps","useInnerBlocksProps","jsx"],"sources":["@wordpress/block-library/src/accordion-content/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';\n/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\nexport default function save( { attributes } ) {\n\tconst { openByDefault } = attributes;\n\tconst blockProps = useBlockProps.save( {\n\t\tclassName: clsx( {\n\t\t\t'is-open': openByDefault,\n\t\t} ),\n\t} );\n\tconst innerBlocksProps = useInnerBlocksProps.save( blockProps );\n\treturn <div { ...innerBlocksProps } />;\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAIA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAwB,IAAAG,WAAA,GAAAH,OAAA;AAPxB;AACA;AACA;;AAEA;AACA;AACA;;AAGe,SAASI,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,MAAM;IAAEC;EAAc,CAAC,GAAGD,UAAU;EACpC,MAAME,UAAU,GAAGC,0BAAa,CAACJ,IAAI,CAAE;IACtCK,SAAS,EAAE,IAAAC,aAAI,EAAE;MAChB,SAAS,EAAEJ;IACZ,CAAE;EACH,CAAE,CAAC;EACH,MAAMK,gBAAgB,GAAGC,gCAAmB,CAACR,IAAI,CAAEG,UAAW,CAAC;EAC/D,oBAAO,IAAAJ,WAAA,CAAAU,GAAA;IAAA,GAAUF;EAAgB,CAAI,CAAC;AACvC","ignoreList":[]}
|
|
@@ -1,32 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
6
|
exports.default = Edit;
|
|
8
|
-
var _clsx = _interopRequireDefault(require("clsx"));
|
|
9
7
|
var _i18n = require("@wordpress/i18n");
|
|
10
8
|
var _element = require("@wordpress/element");
|
|
11
9
|
var _blockEditor = require("@wordpress/block-editor");
|
|
12
10
|
var _components = require("@wordpress/components");
|
|
13
|
-
var _icons = require("../accordion-content/icons");
|
|
14
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
-
/**
|
|
16
|
-
* External dependencies
|
|
17
|
-
*/
|
|
18
|
-
|
|
19
12
|
/**
|
|
20
13
|
* WordPress dependencies
|
|
21
14
|
*/
|
|
22
15
|
|
|
23
|
-
/**
|
|
24
|
-
* Internal dependencies
|
|
25
|
-
*/
|
|
26
|
-
|
|
27
|
-
const ICONS = {
|
|
28
|
-
plus: _icons.plus
|
|
29
|
-
};
|
|
30
16
|
function Edit({
|
|
31
17
|
attributes,
|
|
32
18
|
setAttributes,
|
|
@@ -35,7 +21,6 @@ function Edit({
|
|
|
35
21
|
const {
|
|
36
22
|
level,
|
|
37
23
|
title,
|
|
38
|
-
textAlign,
|
|
39
24
|
levelOptions
|
|
40
25
|
} = attributes;
|
|
41
26
|
const {
|
|
@@ -54,12 +39,7 @@ function Edit({
|
|
|
54
39
|
}
|
|
55
40
|
}, [iconPosition, showIcon, setAttributes]);
|
|
56
41
|
const blockProps = (0, _blockEditor.useBlockProps)();
|
|
57
|
-
const borderProps = (0, _blockEditor.__experimentalUseBorderProps)(attributes);
|
|
58
|
-
const colorProps = (0, _blockEditor.__experimentalUseColorProps)(attributes);
|
|
59
42
|
const spacingProps = (0, _blockEditor.__experimentalGetSpacingClassesAndStyles)(attributes);
|
|
60
|
-
const shadowProps = (0, _blockEditor.__experimentalGetShadowClassesAndStyles)(attributes);
|
|
61
|
-
const Icon = ICONS.plus;
|
|
62
|
-
const shouldShowIcon = showIcon && Icon;
|
|
63
43
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
64
44
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockControls, {
|
|
65
45
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarGroup, {
|
|
@@ -73,43 +53,29 @@ function Edit({
|
|
|
73
53
|
})
|
|
74
54
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(TagName, {
|
|
75
55
|
...blockProps,
|
|
76
|
-
className: (0, _clsx.default)(blockProps.className, colorProps.className, borderProps.className, 'accordion-content__heading', {
|
|
77
|
-
[`has-custom-font-size`]: blockProps.style.fontSize,
|
|
78
|
-
[`icon-position-left`]: iconPosition === 'left',
|
|
79
|
-
[`has-text-align-${textAlign}`]: textAlign
|
|
80
|
-
}),
|
|
81
|
-
style: {
|
|
82
|
-
...borderProps.style,
|
|
83
|
-
...colorProps.style,
|
|
84
|
-
...shadowProps.style
|
|
85
|
-
},
|
|
86
56
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
|
|
87
|
-
className:
|
|
57
|
+
className: "wp-block-accordion-header__toggle",
|
|
88
58
|
style: {
|
|
89
59
|
...spacingProps.style
|
|
90
60
|
},
|
|
91
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
92
|
-
|
|
61
|
+
children: [showIcon && iconPosition === 'left' && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
62
|
+
className: "wp-block-accordion-header__toggle-icon",
|
|
63
|
+
"aria-hidden": "true",
|
|
64
|
+
children: "+"
|
|
65
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText, {
|
|
66
|
+
withoutInteractiveFormatting: true,
|
|
93
67
|
disableLineBreaks: true,
|
|
94
68
|
tagName: "span",
|
|
95
69
|
value: title,
|
|
96
70
|
onChange: newTitle => setAttributes({
|
|
97
71
|
title: newTitle
|
|
98
72
|
}),
|
|
99
|
-
placeholder: (0, _i18n.__)('Accordion title')
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
// TO-DO: make this configurable
|
|
106
|
-
width: `1.2em`,
|
|
107
|
-
height: `1.2em`
|
|
108
|
-
},
|
|
109
|
-
children: Icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
|
|
110
|
-
width: "1.2em",
|
|
111
|
-
height: "1.2em"
|
|
112
|
-
})
|
|
73
|
+
placeholder: (0, _i18n.__)('Accordion title'),
|
|
74
|
+
className: "wp-block-accordion-header__toggle-title"
|
|
75
|
+
}), showIcon && iconPosition === 'right' && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
76
|
+
className: "wp-block-accordion-header__toggle-icon",
|
|
77
|
+
"aria-hidden": "true",
|
|
78
|
+
children: "+"
|
|
113
79
|
})]
|
|
114
80
|
})
|
|
115
81
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_i18n","require","_element","_blockEditor","_components","_jsxRuntime","Edit","attributes","setAttributes","context","level","title","levelOptions","iconPosition","showIcon","TagName","useEffect","undefined","blockProps","useBlockProps","spacingProps","useSpacingProps","jsxs","Fragment","children","jsx","BlockControls","ToolbarGroup","HeadingLevelDropdown","value","options","onChange","newLevel","className","style","RichText","withoutInteractiveFormatting","disableLineBreaks","tagName","newTitle","placeholder","__"],"sources":["@wordpress/block-library/src/accordion-header/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useEffect } from '@wordpress/element';\nimport {\n\tuseBlockProps,\n\t__experimentalGetSpacingClassesAndStyles as useSpacingProps,\n\tBlockControls,\n\tHeadingLevelDropdown,\n\tRichText,\n} from '@wordpress/block-editor';\nimport { ToolbarGroup } from '@wordpress/components';\n\nexport default function Edit( { attributes, setAttributes, context } ) {\n\tconst { level, title, levelOptions } = attributes;\n\tconst {\n\t\t'core/accordion-icon-position': iconPosition,\n\t\t'core/accordion-show-icon': showIcon,\n\t} = context;\n\tconst TagName = 'h' + level;\n\n\t// Set icon attributes.\n\tuseEffect( () => {\n\t\tif ( iconPosition !== undefined && showIcon !== undefined ) {\n\t\t\tsetAttributes( {\n\t\t\t\ticonPosition,\n\t\t\t\tshowIcon,\n\t\t\t} );\n\t\t}\n\t}, [ iconPosition, showIcon, setAttributes ] );\n\n\tconst blockProps = useBlockProps();\n\tconst spacingProps = useSpacingProps( attributes );\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t<HeadingLevelDropdown\n\t\t\t\t\t\tvalue={ level }\n\t\t\t\t\t\toptions={ levelOptions }\n\t\t\t\t\t\tonChange={ ( newLevel ) =>\n\t\t\t\t\t\t\tsetAttributes( { level: newLevel } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</ToolbarGroup>\n\t\t\t</BlockControls>\n\t\t\t<TagName { ...blockProps }>\n\t\t\t\t<button\n\t\t\t\t\tclassName=\"wp-block-accordion-header__toggle\"\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t...spacingProps.style,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ showIcon && iconPosition === 'left' && (\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclassName=\"wp-block-accordion-header__toggle-icon\"\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t+\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) }\n\t\t\t\t\t<RichText\n\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\tdisableLineBreaks\n\t\t\t\t\t\ttagName=\"span\"\n\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\tonChange={ ( newTitle ) =>\n\t\t\t\t\t\t\tsetAttributes( { title: newTitle } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tplaceholder={ __( 'Accordion title' ) }\n\t\t\t\t\t\tclassName=\"wp-block-accordion-header__toggle-title\"\n\t\t\t\t\t/>\n\t\t\t\t\t{ showIcon && iconPosition === 'right' && (\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclassName=\"wp-block-accordion-header__toggle-icon\"\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t+\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) }\n\t\t\t\t</button>\n\t\t\t</TagName>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAOA,IAAAG,WAAA,GAAAH,OAAA;AAAqD,IAAAI,WAAA,GAAAJ,OAAA;AAZrD;AACA;AACA;;AAYe,SAASK,IAAIA,CAAE;EAAEC,UAAU;EAAEC,aAAa;EAAEC;AAAQ,CAAC,EAAG;EACtE,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC;EAAa,CAAC,GAAGL,UAAU;EACjD,MAAM;IACL,8BAA8B,EAAEM,YAAY;IAC5C,0BAA0B,EAAEC;EAC7B,CAAC,GAAGL,OAAO;EACX,MAAMM,OAAO,GAAG,GAAG,GAAGL,KAAK;;EAE3B;EACA,IAAAM,kBAAS,EAAE,MAAM;IAChB,IAAKH,YAAY,KAAKI,SAAS,IAAIH,QAAQ,KAAKG,SAAS,EAAG;MAC3DT,aAAa,CAAE;QACdK,YAAY;QACZC;MACD,CAAE,CAAC;IACJ;EACD,CAAC,EAAE,CAAED,YAAY,EAAEC,QAAQ,EAAEN,aAAa,CAAG,CAAC;EAE9C,MAAMU,UAAU,GAAG,IAAAC,0BAAa,EAAC,CAAC;EAClC,MAAMC,YAAY,GAAG,IAAAC,qDAAe,EAAEd,UAAW,CAAC;EAElD,oBACC,IAAAF,WAAA,CAAAiB,IAAA,EAAAjB,WAAA,CAAAkB,QAAA;IAAAC,QAAA,gBACC,IAAAnB,WAAA,CAAAoB,GAAA,EAACtB,YAAA,CAAAuB,aAAa;MAAAF,QAAA,eACb,IAAAnB,WAAA,CAAAoB,GAAA,EAACrB,WAAA,CAAAuB,YAAY;QAAAH,QAAA,eACZ,IAAAnB,WAAA,CAAAoB,GAAA,EAACtB,YAAA,CAAAyB,oBAAoB;UACpBC,KAAK,EAAGnB,KAAO;UACfoB,OAAO,EAAGlB,YAAc;UACxBmB,QAAQ,EAAKC,QAAQ,IACpBxB,aAAa,CAAE;YAAEE,KAAK,EAAEsB;UAAS,CAAE;QACnC,CACD;MAAC,CACW;IAAC,CACD,CAAC,eAChB,IAAA3B,WAAA,CAAAoB,GAAA,EAACV,OAAO;MAAA,GAAMG,UAAU;MAAAM,QAAA,eACvB,IAAAnB,WAAA,CAAAiB,IAAA;QACCW,SAAS,EAAC,mCAAmC;QAC7CC,KAAK,EAAG;UACP,GAAGd,YAAY,CAACc;QACjB,CAAG;QAAAV,QAAA,GAEDV,QAAQ,IAAID,YAAY,KAAK,MAAM,iBACpC,IAAAR,WAAA,CAAAoB,GAAA;UACCQ,SAAS,EAAC,wCAAwC;UAClD,eAAY,MAAM;UAAAT,QAAA,EAClB;QAED,CAAM,CACN,eACD,IAAAnB,WAAA,CAAAoB,GAAA,EAACtB,YAAA,CAAAgC,QAAQ;UACRC,4BAA4B;UAC5BC,iBAAiB;UACjBC,OAAO,EAAC,MAAM;UACdT,KAAK,EAAGlB,KAAO;UACfoB,QAAQ,EAAKQ,QAAQ,IACpB/B,aAAa,CAAE;YAAEG,KAAK,EAAE4B;UAAS,CAAE,CACnC;UACDC,WAAW,EAAG,IAAAC,QAAE,EAAE,iBAAkB,CAAG;UACvCR,SAAS,EAAC;QAAyC,CACnD,CAAC,EACAnB,QAAQ,IAAID,YAAY,KAAK,OAAO,iBACrC,IAAAR,WAAA,CAAAoB,GAAA;UACCQ,SAAS,EAAC,wCAAwC;UAClD,eAAY,MAAM;UAAAT,QAAA,EAClB;QAED,CAAM,CACN;MAAA,CACM;IAAC,CACD,CAAC;EAAA,CACT,CAAC;AAEL","ignoreList":[]}
|