@brilo/base-blocks 0.1.7 → 0.1.9

package/src/blocks/groups/content-group/icon.tsx

@@ -20,4 +20,4 @@ export const icon = (
     />
     <path d="M1 1C1 0.447715 1.44772 0 2 0H6C6.55228 0 7 0.447715 7 1C7 1.55228 6.55228 2 6 2H2C1.44772 2 1 1.55228 1 1Z" fill="black" />
   </svg>
-);
+)

package/src/blocks/link/link-item/constants.ts

@@ -0,0 +1,7 @@
+import {__} from '@wordpress/i18n'
+
+export const ICON_TYPES = [
+  {value: 'none', label: __('Žádná', 'brilo-blocks')},
+  {value: 'preselected', label: __('Předdefinovaná', 'brilo-blocks')},
+  {value: 'media', label: __('Médium', 'brilo-blocks')},
+] as const

package/src/blocks/link/link-item/edit.tsx

@@ -0,0 +1,124 @@
+import {ColorPalette, InspectorControls, RichText, useBlockProps} from '@wordpress/block-editor'
+import {
+  PanelBody,
+  RangeControl,
+  TextControl,
+  ToggleControl,
+  __experimentalToggleGroupControl as ToggleGroupControl,
+  __experimentalToggleGroupControlOption as ToggleGroupControlOption,
+} from '@wordpress/components'
+import {__} from '@wordpress/i18n'
+import clsx from 'clsx'
+import {ItemIconControl, ItemIconPreview} from '~/components/ItemIconControl'
+import {useTenantColorPalette} from '~/hooks/useTenantColorPalette'
+import {ICON_TYPES} from './constants'
+import type {LinkItemAttributes, LinkItemOptions} from './types'
+
+export function createLinkItemEdit(options: LinkItemOptions) {
+  return function Edit({
+    attributes,
+    setAttributes,
+  }: {
+    attributes: LinkItemAttributes
+    setAttributes: (a: Partial<LinkItemAttributes>) => void
+  }) {
+    const {title, url, icon, color, underline_initial, size} = attributes
+    const {paletteColors} = useTenantColorPalette()
+    const hasIcon = icon.type !== 'none' && (icon.src || icon.media?.id)
+
+    const setIconBase = (attrs: {icon: import('~/types').Icon}) => {
+      setAttributes({icon: {...icon, ...attrs.icon} as typeof icon})
+    }
+
+    const blockProps = useBlockProps({
+      className: clsx('link-item', underline_initial && '--underline-initial'),
+      style: color ? {color} : undefined,
+    })
+
+    const iconPreviewStyle = {maxWidth: icon.size, flex: `0 0 ${icon.size}px`} as React.CSSProperties
+
+    return (
+      <>
+        <InspectorControls>
+          <PanelBody title={__('Odkaz', 'brilo-blocks')}>
+            <TextControl label={__('URL', 'brilo-blocks')} value={url.src} onChange={(v) => setAttributes({url: {...url, src: v}})} />
+            <ToggleControl
+              label={__('Otevřít v nové záložce', 'brilo-blocks')}
+              checked={url.blank}
+              onChange={(v) => setAttributes({url: {...url, blank: v}})}
+            />
+          </PanelBody>
+
+          <PanelBody title={__('Ikona', 'brilo-blocks')} initialOpen={false}>
+            <ItemIconControl
+              icon={icon as unknown as import('~/types').Icon}
+              setAttributes={setIconBase}
+              iconTypes={ICON_TYPES}
+              options={options}
+            />
+            {hasIcon && (
+              <>
+                <ToggleGroupControl
+                  isBlock
+                  label={__('Pozice', 'brilo-blocks')}
+                  value={icon.position}
+                  onChange={(v) => setAttributes({icon: {...icon, position: String(v) as 'before' | 'after'}})}
+                >
+                  <ToggleGroupControlOption value="before" label={__('Před', 'brilo-blocks')} />
+                  <ToggleGroupControlOption value="after" label={__('Za', 'brilo-blocks')} />
+                </ToggleGroupControl>
+                <RangeControl
+                  label={__('Velikost (px)', 'brilo-blocks')}
+                  value={icon.size}
+                  onChange={(v) => setAttributes({icon: {...icon, size: v ?? 24}})}
+                  min={8}
+                  max={80}
+                  step={1}
+                />
+              </>
+            )}
+          </PanelBody>
+
+          <PanelBody title={__('Styl', 'brilo-blocks')} initialOpen={false}>
+            <p>{__('Barva', 'brilo-blocks')}</p>
+            <ColorPalette colors={paletteColors} value={color || undefined} onChange={(v) => setAttributes({color: v ?? ''})} />
+            <ToggleControl
+              label={__('Podtržení výchozí', 'brilo-blocks')}
+              checked={underline_initial}
+              onChange={(v) => setAttributes({underline_initial: v})}
+            />
+            <RangeControl
+              label={__('Velikost textu (px)', 'brilo-blocks')}
+              value={size}
+              onChange={(v) => setAttributes({size: v ?? 16})}
+              min={8}
+              max={80}
+              step={1}
+            />
+          </PanelBody>
+        </InspectorControls>
+
+        <div {...blockProps}>
+          {hasIcon && icon.position === 'before' && (
+            <span className="link-item__icon" style={iconPreviewStyle}>
+              <ItemIconPreview icon={icon as unknown as import('~/types').Icon} setAttributes={setIconBase} options={options} />
+            </span>
+          )}
+          <RichText
+            tagName="span"
+            className="link-item__title"
+            value={title}
+            onChange={(v) => setAttributes({title: v})}
+            placeholder={__('Text odkazu...', 'brilo-blocks')}
+            allowedFormats={['core/bold', 'core/italic']}
+          />
+          {hasIcon && icon.position === 'after' && (
+            <span className="link-item__icon" style={iconPreviewStyle}>
+              <ItemIconPreview icon={icon as unknown as import('~/types').Icon} setAttributes={setIconBase} options={options} />
+            </span>
+          )}
+        </div>
+      </>
+    )
+  }
+}

package/src/blocks/link/link-item/editor.scss

@@ -0,0 +1,11 @@
+.link-item {
+  display: flex;
+  gap: 4px;
+}
+
+.link-item__icon {
+  .i-item-icon {
+    height: auto;
+    width: auto;
+  }
+}

package/src/blocks/link/link-item/factory.tsx

@@ -0,0 +1,30 @@
+import {type BlockConfiguration} from '@wordpress/blocks'
+import {__} from '@wordpress/i18n'
+import {createLinkItemEdit} from './edit'
+import {icon as defaultIcon} from './icon'
+import type {LinkItemAttributes, LinkItemOptions} from './types'
+
+export function createLinkItemBlock(options: LinkItemOptions): BlockConfiguration<LinkItemAttributes> {
+  return {
+    name: options.name,
+    title: options.title ?? __('Odkaz', 'brilo-blocks'),
+    description: options.description,
+    category: options.category ?? 'text',
+    ...(options.parent && {parent: options.parent}),
+    icon: options.icon ?? {src: defaultIcon},
+    supports: {html: false, customClassName: false},
+    attributes: {
+      title: {type: 'string', default: ''},
+      url: {type: 'object', default: {src: '', blank: false}},
+      icon: {
+        type: 'object',
+        default: {type: 'none', src: '', media: {}, position: 'after', size: 24},
+      },
+      color: {type: 'string', default: ''},
+      size: {type: 'number', default: 16},
+      underline_initial: {type: 'boolean', default: false},
+    },
+    edit: createLinkItemEdit(options),
+    save: () => null,
+  } as BlockConfiguration<LinkItemAttributes>
+}

package/src/blocks/link/link-item/icon.tsx

@@ -0,0 +1,6 @@
+export const icon = (
+  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M8 4H4C2.895 4 2 4.895 2 6v10c0 1.105.895 2 2 2h10c1.105 0 2-.895 2-2v-4" stroke="black" strokeWidth="1.5" fill="none" />
+    <path d="M12 2h6v6M18 2L10 10" stroke="black" strokeWidth="1.5" strokeLinecap="round" />
+  </svg>
+)

package/src/blocks/link/link-item/index.ts

@@ -0,0 +1,10 @@
+export type {LinkItemAttributes, LinkItemIcon, LinkItemOptions} from './types'
+export {createLinkItemBlock} from './factory'
+
+import type {LinkItemOptions} from './types'
+
+export const linkItemDefaults: LinkItemOptions = {
+  name: 'brilo/link-item',
+  icons: [],
+  iconsSrc: '',
+}

package/src/blocks/link/link-item/types.ts

@@ -0,0 +1,25 @@
+import type {Media} from '~/types'
+import type {BriloBlockType} from '~/types'
+import type {IconType} from '~/components/IconControl'
+
+export interface LinkItemIcon {
+  type: 'preselected' | 'media' | 'none'
+  src: string
+  media: Media
+  position: 'before' | 'after'
+  size: number
+}
+
+export interface LinkItemAttributes extends Record<string, unknown> {
+  title: string
+  url: {src: string; blank: boolean}
+  icon: LinkItemIcon
+  color: string
+  size: number
+  underline_initial: boolean
+}
+
+export interface LinkItemOptions extends BriloBlockType {
+  icons: IconType[]
+  iconsSrc: string
+}

package/src/blocks/map/map-group/constants.ts

@@ -1,4 +1,7 @@
 import {__} from '@wordpress/i18n'
+import {HEADING_STYLES} from '~/constants'
+
+export const DEFAULT_HEADING_STYLES = HEADING_STYLES
 
 export const MAP_TYPES = [
   {

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

@@ -1,10 +1,22 @@
-import {InspectorControls, useBlockProps} from '@wordpress/block-editor'
-import {PanelBody, BaseControl, TextControl, SelectControl, TextareaControl} from '@wordpress/components'
+import {InspectorControls, RichText, useBlockProps} from '@wordpress/block-editor'
+import {
+  PanelBody,
+  BaseControl,
+  TextControl,
+  SelectControl,
+  TextareaControl,
+  __experimentalToggleGroupControl as ToggleGroupControl,
+  __experimentalToggleGroupControlOption as ToggleGroupControlOption,
+} from '@wordpress/components'
 import {__} from '@wordpress/i18n'
 import {ImagePickerControl} from '~/components/ImagePicker'
 import {MAP_TYPES} from './constants'
 import type {MapGroupAttributes, MapGroupOptions} from './types'
 import {Icon, mapMarker} from '@wordpress/icons'
+import {useGroupBlock} from '~/hooks/useGroupBlock'
+import clsx from 'clsx'
+import type {HeadingLevels, HeadingStyles} from '~/blocks/groups/banner-group/types'
+import {HEADING_LEVELS, HEADING_STYLES} from '~/constants'
 
 export function createMapGroupEdit(options: MapGroupOptions) {
   return function Edit({
@@ -14,15 +26,45 @@ export function createMapGroupEdit(options: MapGroupOptions) {
     attributes: MapGroupAttributes
     setAttributes: (a: Partial<MapGroupAttributes>) => void
   }) {
-    const {mapType, iframeSrc, iframeElement, img, url, lat, long} = attributes
+    const {mapType, iframeSrc, iframeElement, img, url, address, lat, long, description, header} = attributes
 
-    const blockProps = useBlockProps({
-      className: options.blockClassName ?? 'g-map wp-block-section',
+    const {blockProps, innerBlocksProps} = useGroupBlock({
+      blockClassName: clsx(options.blockClassName ?? 'g-map wp-block-section'),
+      containerClassName: [options.containerClassName ?? 'g-map__button-wraper wp-block-inner-content'],
+      allowedBlocks: options.allowedBlocks,
+      orientation: 'vertical',
+      template: options.template,
+      layout: {type: 'default'},
     })
 
     return (
       <>
         <InspectorControls>
+          <PanelBody title={__('Nadpis', 'brilo-blocks')} initialOpen={false}>
+            <ToggleGroupControl
+              label={__('Úroveň nadpisu', 'brilo-blocks')}
+              value={String(header.heading.level)}
+              onChange={(value) =>
+                setAttributes({header: {...header, heading: {...header.heading, level: Number(value) as HeadingLevels}}})
+              }
+              isBlock
+            >
+              {HEADING_LEVELS.map((l) => (
+                <ToggleGroupControlOption key={l} value={String(l)} label={`H${l}`} />
+              ))}
+            </ToggleGroupControl>
+            <ToggleGroupControl
+              label={__('Styl nadpisu', 'brilo-blocks')}
+              value={header.heading.style}
+              onChange={(value) => setAttributes({header: {...header, heading: {...header.heading, style: value as HeadingStyles}}})}
+              isBlock
+            >
+              {HEADING_STYLES.map((s) => (
+                <ToggleGroupControlOption key={s} value={s} label={s} />
+              ))}
+            </ToggleGroupControl>
+          </PanelBody>
+
           <PanelBody title={__('Nastavení mapy', 'brilo-blocks')}>
             <SelectControl
               label={__('Typ mapy', 'brilo-blocks')}
@@ -74,12 +116,40 @@ export function createMapGroupEdit(options: MapGroupOptions) {
                   value={url || ''}
                   onChange={(value: string) => setAttributes({url: value})}
                 />
+
+                <TextControl
+                  label={__('Adresa:', 'brilo-blocks')}
+                  value={address || ''}
+                  onChange={(value: string) => setAttributes({address: value})}
+                />
               </>
             )}
           </PanelBody>
         </InspectorControls>
 
         <div {...blockProps}>
+          <div className="g-map__banner">
+            <div className="g-map__content">
+              <RichText
+                tagName={`h${header.heading.level}` as HeadingStyles}
+                className={clsx('g-map__heading', `--heading-style-${header.heading.style}`, 'u-text-editable')}
+                value={header.heading.title}
+                onChange={(value: string) => setAttributes({header: {...header, heading: {...header.heading, title: value}}})}
+                placeholder={__('Nadpis...', 'brilo-blocks')}
+                allowedFormats={['core/bold', 'core/italic']}
+              />
+              <RichText
+                tagName="div"
+                className="g-map__description u-text-editable"
+                value={description}
+                onChange={(value: string) => setAttributes({description: value})}
+                placeholder={__('Popis...', 'brilo-blocks')}
+              />
+            </div>
+
+            <div {...innerBlocksProps} />
+          </div>
+
           <div className="g-map__map">
             {mapType === 'gps' && (lat || long) && (
               <div>

package/src/blocks/map/map-group/editor.scss

@@ -1,4 +1,11 @@
 @layer base {
+  .g-map__banner {
+    display: grid;
+    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
+    gap: 16px;
+    margin-bottom: 16px;
+  }
+
   .g-map__map {
     min-height: 200px;
     padding: 16px;

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

@@ -3,10 +3,18 @@ import {__} from '@wordpress/i18n'
 import {createMapGroupEdit} from './edit'
 import type {MapGroupAttributes, MapGroupOptions} from './types'
 import {MAP_TYPES} from './constants'
+import type {StringArray} from '~/types'
+import {DEFAULT_HEADING_STYLES, DEFAULT_VARIANTS} from '~/blocks/groups/banner-group/constants'
+import {InnerBlocks} from '@wordpress/block-editor'
+import {HEADING_LEVELS} from '~/constants'
 
 export type {MapGroupAttributes, MapGroupOptions}
 
-export function createMapGroupBlock(options: MapGroupOptions): BlockConfiguration<MapGroupAttributes> {
+export function createMapGroupBlock<THeadingStyles extends StringArray = typeof DEFAULT_HEADING_STYLES>(
+  options: MapGroupOptions<THeadingStyles>,
+): BlockConfiguration<MapGroupAttributes<THeadingStyles[number]>> {
+  const headingStyles = options.headingStyles ?? DEFAULT_HEADING_STYLES
+
   return {
     name: options.name,
     title: options.title ?? __('Mapa', 'brilo-blocks'),
@@ -16,6 +24,16 @@ export function createMapGroupBlock(options: MapGroupOptions): BlockConfiguratio
     icon: options.icon ?? 'location-alt',
     supports: {html: false, customClassName: false},
     attributes: {
+      header: {
+        type: 'object',
+        default: {
+          heading: {title: '', level: HEADING_LEVELS[1], style: headingStyles[1] ?? headingStyles[0]},
+        },
+      },
+      description: {
+        type: 'string',
+        default: '',
+      },
       mapType: {
         type: 'string',
         default: MAP_TYPES[0].value,
@@ -32,6 +50,10 @@ export function createMapGroupBlock(options: MapGroupOptions): BlockConfiguratio
         type: 'object',
         default: {id: 0, url: '', alt: ''},
       },
+      address: {
+        type: 'string',
+        default: '',
+      },
       url: {
         type: 'string',
         default: '',
@@ -45,7 +67,7 @@ export function createMapGroupBlock(options: MapGroupOptions): BlockConfiguratio
         default: '',
       },
     },
-    edit: createMapGroupEdit(options),
-    save: () => null,
-  } as unknown as BlockConfiguration<MapGroupAttributes>
+    edit: createMapGroupEdit(options as unknown as MapGroupOptions),
+    save: () => <InnerBlocks.Content />,
+  } as unknown as BlockConfiguration<MapGroupAttributes<THeadingStyles[number]>>
 }

package/src/blocks/map/map-group/index.ts

@@ -6,4 +6,5 @@ import type {MapGroupOptions} from './types'
 export const mapGroupDefaults: MapGroupOptions = {
   name: 'brilo/map-group',
   parent: ['brilo/base-section'],
+  allowedBlocks: ['brilo/button-group', 'brilo/basic-button'],
 }

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

@@ -1,16 +1,28 @@
-import {BriloBlockType, Media} from '~/types'
-import {MAP_TYPES} from './constants'
+import {BriloBlockType, Media, type OptionArray, type StringArray} from '~/types'
+import {DEFAULT_HEADING_STYLES, MAP_TYPES} from './constants'
+import {HEADING_LEVELS} from '~/constants'
 
 export type MapType = (typeof MAP_TYPES)[number]['value']
 
-export interface MapGroupAttributes extends Record<string, unknown> {
+export type HeadingLevels = (typeof HEADING_LEVELS)[number]
+export type HeadingStyles = (typeof DEFAULT_HEADING_STYLES)[number]
+
+export interface MapGroupAttributes<THeadingStyle extends string = HeadingStyles> extends Record<string, unknown> {
+  header: {
+    heading: {title: string; level: HeadingLevels; style: THeadingStyle}
+  }
+  description: string
   mapType: MapType
   iframeSrc: string
   iframeElement: string
   img: Media
+  address: string
   url: string
   lat: string
   long: string
 }
 
-export interface MapGroupOptions extends BriloBlockType {}
+export interface MapGroupOptions<THeadingStyles extends StringArray = typeof DEFAULT_HEADING_STYLES> extends BriloBlockType {
+  headingStyles?: THeadingStyles
+  headingLevels?: HeadingLevels
+}

package/src/blocks/person/person-group/constants.ts

@@ -0,0 +1,2 @@
+export const COLUMNS = [4, 3, 2] as const
+export const HEADING_LEVELS = [2, 3, 4] as const

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

@@ -0,0 +1,65 @@
+import {InspectorControls} from '@wordpress/block-editor'
+import {
+  PanelBody,
+  __experimentalToggleGroupControl as ToggleGroupControl,
+  __experimentalToggleGroupControlOption as ToggleGroupControlOption,
+} from '@wordpress/components'
+import {__} from '@wordpress/i18n'
+import clsx from 'clsx'
+import {useGroupBlock} from '~/hooks/useGroupBlock'
+import {COLUMNS, HEADING_LEVELS} from './constants'
+import type {PersonGroupAttributes, PersonGroupOptions} from './types'
+
+export function createPersonGroupEdit(options: PersonGroupOptions) {
+  return function Edit({
+    attributes,
+    setAttributes,
+  }: {
+    attributes: PersonGroupAttributes
+    setAttributes: (a: Partial<PersonGroupAttributes>) => void
+  }) {
+    const {columns, headingLevel} = attributes
+
+    const {blockProps, innerBlocksProps} = useGroupBlock({
+      blockClassName: clsx(options.blockClassName ?? 'g-person wp-block-section'),
+      containerClassName: [options.containerClassName ?? 'u-grid-responsive', `--cols-${columns}`],
+      containerStyle: {'--grid-max-col-count': columns},
+      allowedBlocks: options.allowedBlocks,
+      orientation: 'horizontal',
+      template: options.template,
+      layout: {type: 'default'},
+    })
+
+    return (
+      <>
+        <InspectorControls>
+          <PanelBody title={__('Rozložení', 'brilo-blocks')}>
+            <ToggleGroupControl
+              isBlock
+              label={__('Počet sloupců', 'brilo-blocks')}
+              value={String(columns)}
+              onChange={(v) => setAttributes({columns: Number(v) as PersonGroupAttributes['columns']})}
+            >
+              {COLUMNS.map((c) => (
+                <ToggleGroupControlOption key={c} value={String(c)} label={String(c)} />
+              ))}
+            </ToggleGroupControl>
+            <ToggleGroupControl
+              isBlock
+              label={__('Úroveň nadpisu položek', 'brilo-blocks')}
+              value={String(headingLevel)}
+              onChange={(v) => setAttributes({headingLevel: Number(v)})}
+            >
+              {HEADING_LEVELS.map((l) => (
+                <ToggleGroupControlOption key={l} value={String(l)} label={`H${l}`} />
+              ))}
+            </ToggleGroupControl>
+          </PanelBody>
+        </InspectorControls>
+        <div {...blockProps}>
+          <div {...innerBlocksProps} />
+        </div>
+      </>
+    )
+  }
+}

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

@@ -0,0 +1,35 @@
+import {InnerBlocks} from '@wordpress/block-editor'
+import type {BlockConfiguration} from '@wordpress/blocks'
+import {__} from '@wordpress/i18n'
+import {COLUMNS, HEADING_LEVELS} from './constants'
+import {createPersonGroupEdit} from './edit'
+import {icon as defaultIcon} from './icon'
+import type {PersonGroupAttributes, PersonGroupOptions} from './types'
+
+export type {PersonGroupAttributes, PersonGroupOptions}
+
+export function createPersonGroupBlock(options: PersonGroupOptions): BlockConfiguration<PersonGroupAttributes> {
+  return {
+    name: options.name,
+    title: options.title ?? __('Osoby', 'brilo-blocks'),
+    description: options.description,
+    category: options.category ?? 'layout',
+    ...(options.parent && {parent: options.parent}),
+    icon: options.icon ?? {src: defaultIcon},
+    supports: {html: false, customClassName: false},
+    attributes: {
+      columns: {
+        type: 'number',
+        default: COLUMNS[1],
+        enum: [...COLUMNS],
+      },
+      headingLevel: {
+        type: 'number',
+        default: HEADING_LEVELS[0],
+        enum: [...HEADING_LEVELS],
+      },
+    },
+    edit: createPersonGroupEdit(options),
+    save: () => <InnerBlocks.Content />,
+  } as unknown as BlockConfiguration<PersonGroupAttributes>
+}

package/src/blocks/person/person-group/icon.tsx

@@ -0,0 +1,14 @@
+export const icon = (
+  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect x="2.5" y="1.5" width="15" height="17" stroke="black" fill="none" />
+    <path d="M7 13H13V14H7V13Z" fill="black" />
+    <path d="M6 15H14V16H6V15Z" fill="black" />
+    <path d="M8 6C8 4.89543 8.89543 4 10 4C11.1046 4 12 4.89543 12 6C12 7.10457 11.1046 8 10 8C8.89543 8 8 7.10457 8 6Z" fill="#357AB5" />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M6.99664 11H13.0009C12.9997 9.34295 11.6561 8 9.99875 8C8.34144 8 6.99778 9.34295 6.99664 11Z"
+      fill="#357AB5"
+    />
+  </svg>
+)

package/src/blocks/person/person-group/index.ts

@@ -0,0 +1,15 @@
+export type {PersonGroupAttributes, PersonGroupOptions} from './types'
+export {createPersonGroupBlock} from './factory'
+
+import type {PersonGroupOptions} from './types'
+
+export const personGroupDefaults: PersonGroupOptions = {
+  name: 'brilo/person-group',
+  parent: ['brilo/base-section'],
+  allowedBlocks: ['brilo/person-item'],
+  template: [
+    ['brilo/person-item', {}],
+    ['brilo/person-item', {}],
+    ['brilo/person-item', {}],
+  ],
+}

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

@@ -0,0 +1,8 @@
+import {BriloBlockType} from '~/types'
+
+export interface PersonGroupAttributes extends Record<string, unknown> {
+  columns: number
+  headingLevel: number
+}
+
+export interface PersonGroupOptions extends BriloBlockType {}

package/src/blocks/person/person-item/constants.ts

@@ -0,0 +1,4 @@
+import {__} from '@wordpress/i18n'
+
+// No item-specific constants yet, but file is required by anatomy
+export {}