@brilo/base-blocks 0.1.25 → 0.1.27

package/src/blocks/signpost/signpost-group/edit.tsx

@@ -11,8 +11,8 @@ import {__} from '@wordpress/i18n'
 import clsx from 'clsx'
 import {useGroupBlock} from '~/hooks/useGroupBlock'
 import {useTenantColorPalette} from '~/hooks/useTenantColorPalette'
-import {COLUMNS, DEFAULT_SHADOWS, HEADING_LEVELS, PADDING_MARKS, RATIOS} from './constants'
-import type {SignpostGroupAttributes, SignpostGroupOptions, SignpostShadow} from './types'
+import {COLUMNS, DEFAULT_SHADOWS, HEADING_LEVELS, PADDING_MARKS, RATIOS, TEXT_ALIGNS} from './constants'
+import type {SignpostGroupAttributes, SignpostGroupOptions, SignpostShadow, SignpostTextAlign} from './types'
 
 export function createSignpostGroupEdit(options: SignpostGroupOptions) {
   const exclude = options.exclude ?? []
@@ -109,6 +109,16 @@ export function createSignpostGroupEdit(options: SignpostGroupOptions) {
                   onChange={(value) => setAttributes({style: {...style, textColor: value ?? ''}})}
                 />
               </BaseControl>
+              <ToggleGroupControl
+                isBlock
+                label={__('Zarovnání textu', 'brilo-blocks')}
+                value={style.textAlign}
+                onChange={(v) => setAttributes({style: {...style, textAlign: v as SignpostTextAlign}})}
+              >
+                {TEXT_ALIGNS.map((a) => (
+                  <ToggleGroupControlOption key={a.value} value={a.value} label={a.label} />
+                ))}
+              </ToggleGroupControl>
             </PanelBody>
           )}
           {!exclude.includes('padding') && padding && (

package/src/blocks/signpost/signpost-group/factory.tsx

@@ -1,7 +1,7 @@
 import {InnerBlocks} from '@wordpress/block-editor'
 import type {BlockConfiguration} from '@wordpress/blocks'
 import {__} from '@wordpress/i18n'
-import {COLUMNS, DEFAULT_SHADOWS, HEADING_LEVELS, RATIOS} from './constants'
+import {COLUMNS, DEFAULT_SHADOWS, HEADING_LEVELS, RATIOS, TEXT_ALIGNS} from './constants'
 import {createSignpostGroupEdit} from './edit'
 import {icon as defaultIcon} from './icon'
 import type {SignpostGroupAttributes, SignpostGroupOptions} from './types'
@@ -32,7 +32,7 @@ export function createSignpostGroupBlock(options: SignpostGroupOptions): BlockCo
   if (!exclude.includes('colors')) {
     attributes.style = {
       type: 'object',
-      default: {shadow: DEFAULT_SHADOWS[0].value, borderColor: '', backgroundColor: '', textColor: ''},
+      default: {shadow: DEFAULT_SHADOWS[0].value, borderColor: '', backgroundColor: '', textColor: '', textAlign: TEXT_ALIGNS[0].value},
     }
   }
 

package/src/blocks/signpost/signpost-group/types.ts

@@ -1,8 +1,10 @@
 import type {BriloBlockType} from '~/types'
-import type {DEFAULT_SHADOWS} from './constants'
+import type {DEFAULT_SHADOWS, TEXT_ALIGNS} from './constants'
 
 export type SignpostShadow = (typeof DEFAULT_SHADOWS)[number]['value']
 
+export type SignpostTextAlign = (typeof TEXT_ALIGNS)[number]['value']
+
 export type ExcludableSignpostAttr = 'colors' | 'padding'
 
 export interface SignpostGroupAttributes extends Record<string, unknown> {
@@ -14,6 +16,7 @@ export interface SignpostGroupAttributes extends Record<string, unknown> {
     borderColor: string
     backgroundColor: string
     textColor: string
+    textAlign: SignpostTextAlign
   }
   padding: {value: number}
 }

package/src/index.ts

@@ -34,6 +34,10 @@ export {
   createContactItemBlock,
   createContactItemEdit,
 } from './blocks/contact/contact-item'
+export type {AccordionItemAttributes, AccordionItemOptions} from './blocks/accordion/accordion-item'
+export {accordionItemDefaults, createAccordionItemBlock} from './blocks/accordion/accordion-item'
+export type {AccordionGroupAttributes, AccordionGroupOptions, AccordionHeadingLevel} from './blocks/accordion/accordion-group'
+export {accordionGroupDefaults, createAccordionGroupBlock} from './blocks/accordion/accordion-group'
 export type {FaqItemAttributes, FaqItemOptions} from './blocks/faq/faq-item'
 export {createFaqItemBlock, faqItemDefaults} from './blocks/faq/faq-item'
 export type {FaqGroupAttributes, FaqGroupOptions} from './blocks/faq/faq-group'