first commit

2024-07-02 11:00:03 -04:00
commit 7464e10f35
119 changed files with 12935 additions and 0 deletions
--- a/blocks/sidebar-heading/sidebar-heading.js
+++ b/blocks/sidebar-heading/sidebar-heading.js
@@ -0,0 +1,83 @@
+
+( function ( blocks, element, blockEditor ) {
+    const el = element.createElement,
+        registerBlockType = blocks.registerBlockType,
+        ServerSideRender = PgServerSideRender2,
+        InspectorControls = blockEditor.InspectorControls,
+        useBlockProps = blockEditor.useBlockProps;
+        
+    const {__} = wp.i18n;
+    const {ColorPicker, TextControl, ToggleControl, SelectControl, Panel, PanelBody, Disabled, TextareaControl, BaseControl} = wp.components;
+    const {useSelect} = wp.data;
+    const {RawHTML, Fragment} = element;
+   
+    const {InnerBlocks, URLInputButton, RichText} = wp.blockEditor;
+    const useInnerBlocksProps = blockEditor.useInnerBlocksProps || blockEditor.__experimentalUseInnerBlocksProps;
+    
+    const propOrDefault = function(val, prop, field) {
+        if(block.attributes[prop] && (val === null || val === '')) {
+            return field ? block.attributes[prop].default[field] : block.attributes[prop].default;
+        }
+        return val;
+    }
+    
+    const block = registerBlockType( 'leonpharmacy/sidebar-heading', {
+        apiVersion: 2,
+        title: 'Sidebar Heading',
+        description: '',
+        icon: 'block-default',
+        category: 'archive',
+        keywords: [],
+        supports: {color: {background: false,text: false,gradients: false,link: false,},typography: {fontSize: false,},anchor: false,align: false,},
+        attributes: {
+            heading: {
+                type: 'string',
+                default: `Heading`,
+            }
+        },
+        example: { attributes: { heading: `Heading` } },
+        edit: function ( props ) {
+            const blockProps = useBlockProps({ className: 'mb-4' });
+            const setAttributes = props.setAttributes; 
+            
+            
+            const innerBlocksProps = null;
+            
+            
+            return el(Fragment, {}, [
+                el('div', { ...blockProps }, [' ', el(RichText, { tagName: 'h2', className: 'font-bold mb-4 text-2xl', value: propOrDefault( props.attributes.heading, 'heading' ), onChange: function(val) { setAttributes( {heading: val }) }, withoutInteractiveFormatting: true, allowedFormats: [] }), ' ', el('hr', { className: 'mb-4' }), ' ']),                        
+                
+                    el( InspectorControls, {},
+                        [
+                            
+                            el(Panel, {},
+                                el(PanelBody, {
+                                    title: __('Block properties')
+                                }, [
+                                    
+                                    el(TextControl, {
+                                        value: props.attributes.heading,
+                                        help: __( '' ),
+                                        label: __( 'Heading' ),
+                                        onChange: function(val) { setAttributes({heading: val}) },
+                                        type: 'text'
+                                    }),    
+                                ])
+                            )
+                        ]
+                    )                            
+
+            ]);
+        },
+
+        save: function(props) {
+            const blockProps = useBlockProps.save({ className: 'mb-4' });
+            return el('div', { ...blockProps }, [' ', el(RichText.Content, { tagName: 'h2', className: 'font-bold mb-4 text-2xl', value: propOrDefault( props.attributes.heading, 'heading' ) }), ' ', el('hr', { className: 'mb-4' }), ' ']);
+        }                        
+
+    } );
+} )(
+    window.wp.blocks,
+    window.wp.element,
+    window.wp.blockEditor
+);