@brilo/base-blocks 0.1.58 → 0.1.61

package/src/blocks/gallery/gallery-strip-group/edit.tsx

@@ -0,0 +1,112 @@
+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 {GalleryImagesAppender} from '~/components/GalleryImagesAppender'
+import {ItemSpacingPanel, itemSpacingStyle} from '~/components/ItemSpacingControl'
+import {useGroupBlock} from '~/hooks/useGroupBlock'
+import {DEFAULT_RATIOS, DIRECTIONS, HEIGHTS, HEIGHT_PIXELS, SPEEDS} from './constants'
+import type {
+  GalleryStripDirection,
+  GalleryStripGroupAttributes,
+  GalleryStripGroupOptions,
+  GalleryStripHeight,
+  GalleryStripRatio,
+  GalleryStripSpeed,
+} from './types'
+
+export function createGalleryStripGroupEdit(options: GalleryStripGroupOptions) {
+  const RATIOS = options.ratios ?? DEFAULT_RATIOS
+
+  return function Edit({
+    attributes,
+    setAttributes,
+    clientId,
+  }: {
+    attributes: GalleryStripGroupAttributes
+    setAttributes: (a: Partial<GalleryStripGroupAttributes>) => void
+    clientId: string
+  }) {
+    const {height, ratio, speed, direction, spacing} = attributes
+    const heightPx = HEIGHT_PIXELS[height] ?? HEIGHT_PIXELS.md
+    const [ratioWidth, ratioHeight] = ratio.split(':').map(Number)
+
+    const {blockProps, innerBlocksProps} = useGroupBlock({
+      blockClassName: clsx(
+        options.blockClassName ?? 'g-gallery g-gallery-strip wp-block-section',
+        `--speed-${speed}`,
+        `--direction-${direction}`,
+      ),
+      containerClassName: options.containerClassName ?? 'g-gallery-strip__track',
+      containerStyle: {
+        '--gallery-strip-height': `${heightPx}px`,
+        '--gallery-strip-item-width': `${Math.round((heightPx * ratioWidth) / ratioHeight)}px`,
+        ...itemSpacingStyle(spacing),
+      },
+      allowedBlocks: options.allowedBlocks,
+      orientation: 'horizontal',
+      renderAppender: () => <GalleryImagesAppender clientId={clientId} itemBlock={options.allowedBlocks[0]} />,
+      template: options.template,
+      layout: {type: 'default'},
+    })
+
+    return (
+      <>
+        <InspectorControls>
+          <PanelBody title={__('Rozložení', 'brilo-blocks')}>
+            <ToggleGroupControl
+              isBlock
+              label={__('Výška', 'brilo-blocks')}
+              value={height}
+              onChange={(v) => setAttributes({height: v as GalleryStripHeight})}
+            >
+              {HEIGHTS.map((h) => (
+                <ToggleGroupControlOption key={h.value} value={h.value} label={h.label} />
+              ))}
+            </ToggleGroupControl>
+            <ToggleGroupControl
+              isBlock
+              label={__('Poměr stran', 'brilo-blocks')}
+              value={ratio}
+              onChange={(v) => setAttributes({ratio: v as GalleryStripRatio})}
+            >
+              {RATIOS.map((r) => (
+                <ToggleGroupControlOption key={r.value} value={r.value} label={r.label} />
+              ))}
+            </ToggleGroupControl>
+          </PanelBody>
+          <PanelBody title={__('Animace', 'brilo-blocks')}>
+            <ToggleGroupControl
+              isBlock
+              label={__('Rychlost', 'brilo-blocks')}
+              value={speed}
+              onChange={(v) => setAttributes({speed: v as GalleryStripSpeed})}
+            >
+              {SPEEDS.map((s) => (
+                <ToggleGroupControlOption key={s.value} value={s.value} label={s.label} />
+              ))}
+            </ToggleGroupControl>
+            <ToggleGroupControl
+              isBlock
+              label={__('Směr', 'brilo-blocks')}
+              value={direction}
+              onChange={(v) => setAttributes({direction: v as GalleryStripDirection})}
+            >
+              {DIRECTIONS.map((d) => (
+                <ToggleGroupControlOption key={d.value} value={d.value} label={d.label} />
+              ))}
+            </ToggleGroupControl>
+          </PanelBody>
+          <ItemSpacingPanel spacing={spacing} onChange={(v) => setAttributes({spacing: v})} />
+        </InspectorControls>
+        <div {...blockProps}>
+          <div {...innerBlocksProps} />
+        </div>
+      </>
+    )
+  }
+}

package/src/blocks/gallery/gallery-strip-group/editor.scss

@@ -0,0 +1,36 @@
+.g-gallery-strip {
+  // Horizontal scroll only: items get a fixed width (height × ratio) and grow
+  // vertically to fit the gallery-item controls instead of overflowing.
+  .g-gallery-strip__track {
+    display: flex;
+    flex-wrap: nowrap;
+    align-items: stretch;
+    gap: 16px;
+    overflow-x: auto;
+    overflow-y: hidden;
+  }
+
+  .g-gallery-strip__track > .wp-block,
+  .g-gallery-strip__track > .block-list-appender {
+    flex: 0 0 var(--gallery-strip-item-width);
+    width: var(--gallery-strip-item-width);
+    display: flex;
+    flex-direction: column;
+    min-height: var(--gallery-strip-height);
+    margin: 0;
+  }
+
+  .i-gallery {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+  }
+
+  .i-gallery__image-wrapper {
+    flex: 1;
+  }
+
+  .g-gallery__appender {
+    min-height: var(--gallery-strip-height);
+  }
+}

package/src/blocks/gallery/gallery-strip-group/factory.tsx

@@ -0,0 +1,32 @@
+import {InnerBlocks} from '@wordpress/block-editor'
+import type {BlockConfiguration} from '@wordpress/blocks'
+import {__} from '@wordpress/i18n'
+import {ITEM_SPACING_ATTRIBUTE} from '~/components/ItemSpacingControl'
+import {DEFAULT_RATIOS, DIRECTIONS, HEIGHTS, SPEEDS} from './constants'
+import {createGalleryStripGroupEdit} from './edit'
+import type {GalleryStripGroupAttributes, GalleryStripGroupOptions} from './types'
+
+export type {GalleryStripGroupAttributes, GalleryStripGroupOptions}
+
+export function createGalleryStripGroupBlock(options: GalleryStripGroupOptions): BlockConfiguration<GalleryStripGroupAttributes> {
+  const ratios = options.ratios ?? DEFAULT_RATIOS
+
+  return {
+    name: options.name,
+    title: options.title ?? __('Pás obrázků', 'brilo-blocks'),
+    description: options.description ?? __('Nekonečně se posouvající pás obrázků', 'brilo-blocks'),
+    category: options.category ?? 'layout',
+    ...(options.parent && {parent: options.parent}),
+    icon: options.icon ?? 'images-alt2',
+    supports: {html: false, customClassName: false},
+    attributes: {
+      height: {type: 'string', default: HEIGHTS[1].value, enum: HEIGHTS.map((h) => h.value)},
+      ratio: {type: 'string', default: ratios[0].value, enum: ratios.map((r) => r.value)},
+      speed: {type: 'string', default: SPEEDS[1].value, enum: SPEEDS.map((s) => s.value)},
+      direction: {type: 'string', default: DIRECTIONS[0].value, enum: DIRECTIONS.map((d) => d.value)},
+      ...ITEM_SPACING_ATTRIBUTE,
+    },
+    edit: createGalleryStripGroupEdit(options),
+    save: () => <InnerBlocks.Content />,
+  } as unknown as BlockConfiguration<GalleryStripGroupAttributes>
+}

package/src/blocks/gallery/gallery-strip-group/index.ts

@@ -0,0 +1,11 @@
+export type {GalleryStripGroupAttributes, GalleryStripGroupOptions} from './types'
+export {createGalleryStripGroupBlock} from './factory'
+
+import type {GalleryStripGroupOptions} from './types'
+
+export const galleryStripGroupDefaults: GalleryStripGroupOptions = {
+  name: 'brilo/gallery-strip-group',
+  parent: ['brilo/base-section'],
+  allowedBlocks: ['brilo/gallery-item'],
+  template: [],
+}

package/src/blocks/gallery/gallery-strip-group/types.ts

@@ -0,0 +1,20 @@
+import type {BriloBlockType, OptionArray} from '~/types'
+import type {DEFAULT_RATIOS, DIRECTIONS, HEIGHTS, SPEEDS} from './constants'
+
+export type GalleryStripHeight = (typeof HEIGHTS)[number]['value']
+export type GalleryStripSpeed = (typeof SPEEDS)[number]['value']
+export type GalleryStripRatio = (typeof DEFAULT_RATIOS)[number]['value']
+export type GalleryStripDirection = (typeof DIRECTIONS)[number]['value']
+
+export interface GalleryStripGroupAttributes extends Record<string, unknown> {
+  height: GalleryStripHeight
+  ratio: GalleryStripRatio
+  speed: GalleryStripSpeed
+  direction: GalleryStripDirection
+  spacing?: number
+}
+
+export interface GalleryStripGroupOptions extends BriloBlockType {
+  allowedBlocks: string[]
+  ratios?: OptionArray
+}

package/src/blocks/groups/banner-group/edit.tsx

@@ -8,7 +8,7 @@ import {
   BaseControl,
 } from '@wordpress/components'
 import {__} from '@wordpress/i18n'
-import {ImagePickerBody, ImagePickerControl} from '~/components/ImagePicker'
+import {ImagePickerControl} from '~/components/ImagePicker'
 import {useGroupBlock} from '~/hooks/useGroupBlock'
 import {useTenantColorPalette} from '~/hooks/useTenantColorPalette'
 import {DEFAULT_HEADING_STYLES, DEFAULT_VARIANTS} from './constants'

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

@@ -1,5 +1,5 @@
 export const icon = (
-  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <svg aria-hidden="true" focusable="false" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
     <rect x="0.5" y="5.5" width="19" height="8" stroke="black" fill="none" />
     <path d="M2 8H8V9H2V8Z" fill="black" />
     <path d="M2 10H9V11H2V10Z" fill="black" />

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

@@ -1,5 +1,5 @@
 export const icon = (
-  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <svg aria-hidden="true" focusable="false" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
     <rect x="1.5" y="12.5" width="17" height="7" stroke="black" fill="none" />
     <path fillRule="evenodd" clipRule="evenodd" d="M8.5 15L6 18L11 18L8.5 15Z" fill="black" />
     <path

package/src/blocks/groups/text-and-media-group/index.ts

@@ -15,5 +15,7 @@ export const textAndMediaGroupDefaults: TextAndMediaGroupOptions = {
     'core/heading',
     'core/list',
     'core/paragraph',
+    'brilo/review-summary-item',
+    'brilo/urgency-item',
   ],
 }

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

@@ -54,13 +54,13 @@ export function createHeroGroupEdit(options: HeroGroupOptions) {
             <SelectControl
               label={__('Efekt přechodu', 'brilo-blocks')}
               value={effect}
-              options={EFFECTS_OPTIONS as any}
+              options={EFFECTS_OPTIONS}
               onChange={(v) => setAttributes({effect: v as Effect})}
             />
             <SelectControl
               label={__('Poměr stran', 'brilo-blocks')}
               value={aspectRatio}
-              options={ASPECT_RATIOS_OPTIONS as any}
+              options={ASPECT_RATIOS_OPTIONS}
               onChange={(v) => setAttributes({aspectRatio: v as AspectRatio})}
             />
           </PanelBody>
@@ -74,7 +74,7 @@ export function createHeroGroupEdit(options: HeroGroupOptions) {
               <NumberControl
                 label={__('Rychlost přehrávání (ms)', 'brilo-blocks')}
                 value={autoplaySpeed}
-                onChange={(v) => setAttributes({autoplaySpeed: parseInt(v ?? '3000')})}
+                onChange={(v) => setAttributes({autoplaySpeed: parseInt(v ?? '3000', 10)})}
               />
             )}
             <ToggleControl

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

@@ -1,5 +1,5 @@
 export const icon = (
-  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <svg aria-hidden="true" focusable="false" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M4 4H8V5H4V4Z" fill="black" />
     <path d="M7 19H9V20H7V19Z" fill="black" />
     <path d="M10 19H11V20H10V19Z" fill="black" />

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

@@ -2,7 +2,7 @@ import type {BlockEditProps} from '@wordpress/blocks'
 import type {ReactNode} from 'react'
 import type {BriloBlockType, OptionArray} from '~/types'
 import type {HeroSliderItem} from '../hero-item/types'
-import {DEFAULT_ASPECT_RATIOS, EFFECTS, VARIANTS} from './constants'
+import type {DEFAULT_ASPECT_RATIOS, EFFECTS, VARIANTS} from './constants'
 
 export type Variant = (typeof VARIANTS)[number]['value']
 export type Effect = (typeof EFFECTS)[number]['value']

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

@@ -1,4 +1,4 @@
-import {InspectorControls, RichText, useBlockProps, useInnerBlocksProps} from '@wordpress/block-editor'
+import {InspectorControls, RichText} from '@wordpress/block-editor'
 import type {BlockEditProps} from '@wordpress/blocks'
 import {
   PanelBody,
@@ -12,7 +12,7 @@ import {
 } from '@wordpress/components'
 import {__} from '@wordpress/i18n'
 import {ImagePickerBody, ImagePickerControl} from '~/components/ImagePicker'
-import {CONTENT_POSITIONS, HEADING_LEVELS} from './constants'
+import {HEADING_LEVELS} from './constants'
 import type {ContentPosition, HeroItemAttributes, HeroItemOptions} from './types'
 import {useGroupBlock} from '~/hooks/useGroupBlock'
 import {useTenantColorPalette} from '~/hooks/useTenantColorPalette'
@@ -41,14 +41,14 @@ export function createHeroItemEdit(options: HeroItemOptions) {
 
             <BaseControl label={__('Focal point (desktop)', 'brilo-blocks')}>
               <AlignmentMatrixControl
-                value={focalPoint.point as any}
+                value={focalPoint.point}
                 onChange={(v) => setAttributes({focalPoint: {...focalPoint, point: (v ?? 'center center') as ContentPosition}})}
               />
             </BaseControl>
 
             <BaseControl label={__('Focal point (mobil)', 'brilo-blocks')}>
               <AlignmentMatrixControl
-                value={(focalPoint.sm?.point ?? 'center center') as any}
+                value={focalPoint.sm?.point ?? 'center center'}
                 onChange={(v) => setAttributes({focalPoint: {...focalPoint, sm: {point: (v ?? 'center center') as ContentPosition}}})}
               />
             </BaseControl>
@@ -136,7 +136,7 @@ export function createHeroItemEdit(options: HeroItemOptions) {
             />
 
             <RichText
-              tagName={`h${headingLevel}` as any}
+              tagName={`h${headingLevel}` as 'h1' | 'h2' | 'h3' | 'h4'}
               className="i-hero__title u-text-editable"
               style={titleColor ? {color: titleColor} : undefined}
               value={title}

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

@@ -6,5 +6,5 @@ import type {HeroItemOptions} from './types'
 export const heroItemDefaults: HeroItemOptions = {
   name: 'brilo/hero-item',
   parent: ['brilo/hero-group'],
-  allowedBlocks: ['core/list', 'core/paragraph', 'brilo/button-group'],
+  allowedBlocks: ['core/list', 'core/paragraph', 'brilo/button-group', 'brilo/review-summary-item'],
 }

package/src/blocks/layout/box/icon.tsx

@@ -1,5 +1,5 @@
 export const icon = (
-  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <svg aria-hidden="true" focusable="false" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
     <rect x="1.5" y="1.5" width="17" height="17" rx="2" stroke="black" fill="none" />
   </svg>
 )

package/src/blocks/layout/layout-aside/edit.tsx

@@ -1,8 +1,7 @@
-import React from 'react'
 import {useGroupBlock} from '~/hooks/useGroupBlock'
-import type {AsideAttributes, AsideOptions} from './types'
+import type {AsideOptions} from './types'
 
-export function createAsideEdit(options: AsideOptions) {
+export function createAsideEdit(_options: AsideOptions) {
   return function Edit() {
     const {blockProps, innerBlocksProps} = useGroupBlock({
       blockClassName: 'l-content-w-aside__aside',

package/src/blocks/layout/layout-aside/factory.tsx

@@ -1,7 +1,6 @@
 import {InnerBlocks} from '@wordpress/block-editor'
 import type {BlockConfiguration} from '@wordpress/blocks'
 import {__} from '@wordpress/i18n'
-import React from 'react'
 import {createAsideEdit} from './edit'
 import {icon as defaultIcon} from './icon'
 import type {AsideAttributes, AsideOptions} from './types'

package/src/blocks/layout/layout-aside/icon.tsx

@@ -1,7 +1,5 @@
-import React from 'react'
-
 export const icon = (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <svg aria-hidden="true" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fillRule="evenodd" clipRule="evenodd" d="M8 4H20V20H8V4ZM10 6H18V18H10V6Z" fill="currentColor" />
   </svg>
 )

package/src/blocks/layout/layout-content/edit.tsx

@@ -1,8 +1,7 @@
-import React from 'react'
 import {useGroupBlock} from '~/hooks/useGroupBlock'
-import type {ContentAttributes, ContentOptions} from './types'
+import type {ContentOptions} from './types'
 
-export function createContentEdit(options: ContentOptions) {
+export function createContentEdit(_options: ContentOptions) {
   return function Edit() {
     const {blockProps, innerBlocksProps} = useGroupBlock({
       blockClassName: 'l-content-w-aside__content',

package/src/blocks/layout/layout-content/factory.tsx

@@ -1,7 +1,6 @@
 import {InnerBlocks} from '@wordpress/block-editor'
 import type {BlockConfiguration} from '@wordpress/blocks'
 import {__} from '@wordpress/i18n'
-import React from 'react'
 import {createContentEdit} from './edit'
 import {icon as defaultIcon} from './icon'
 import type {ContentAttributes, ContentOptions} from './types'

package/src/blocks/layout/layout-content/icon.tsx

@@ -1,7 +1,5 @@
-import React from 'react'
-
 export const icon = (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <svg aria-hidden="true" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fillRule="evenodd" clipRule="evenodd" d="M4 4H16V20H4V4ZM6 6H14V18H6V6Z" fill="currentColor" />
   </svg>
 )

package/src/blocks/layout/layout-content-w-aside/edit.tsx

@@ -5,7 +5,6 @@ import {
   __experimentalToggleGroupControlOption as ToggleGroupControlOption,
 } from '@wordpress/components'
 import {__} from '@wordpress/i18n'
-import React from 'react'
 import {useGroupBlock} from '~/hooks/useGroupBlock'
 import {ASIDE_SIZES} from './constants'
 import type {AsideSize, ContentWithAsideAttributes, ContentWithAsideOptions} from './types'

package/src/blocks/layout/layout-content-w-aside/factory.tsx

@@ -1,7 +1,6 @@
 import {InnerBlocks} from '@wordpress/block-editor'
 import type {BlockConfiguration} from '@wordpress/blocks'
 import {__} from '@wordpress/i18n'
-import React from 'react'
 import type {OptionArray} from '~/types'
 import {ASIDE_SIZES} from './constants'
 import {createContentWithAsideEdit} from './edit'

package/src/blocks/layout/layout-content-w-aside/icon.tsx

@@ -1,7 +1,5 @@
-import React from 'react'
-
 export const icon = (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <svg aria-hidden="true" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fillRule="evenodd" clipRule="evenodd" d="M4 4H20V20H4V4ZM6 6H13V18H6V6ZM15 6H18V18H15V6Z" fill="currentColor" />
   </svg>
 )

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

@@ -1,5 +1,5 @@
 export const icon = (
-  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <svg aria-hidden="true" focusable="false" 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/map/map-group/edit.tsx

@@ -1,4 +1,4 @@
-import {InspectorControls, RichText, useBlockProps} from '@wordpress/block-editor'
+import {InspectorControls, RichText} from '@wordpress/block-editor'
 import {
   PanelBody,
   BaseControl,
@@ -157,8 +157,13 @@ export function createMapGroupEdit(options: MapGroupOptions) {
                 <p>{[lat, long].filter(Boolean).join(', ')}</p>
               </div>
             )}
-            {mapType === 'url' && iframeSrc && <iframe src={iframeSrc} width={640} height={320}></iframe>}
-            {mapType === 'element' && iframeElement && <div dangerouslySetInnerHTML={{__html: iframeElement}} />}
+            {mapType === 'url' && iframeSrc && (
+              <iframe src={iframeSrc} title={__('Náhled mapy', 'brilo-blocks')} width={640} height={320}></iframe>
+            )}
+            {mapType === 'element' && iframeElement && (
+              // biome-ignore lint/security/noDangerouslySetInnerHtml: the editor's own embed code (an iframe from the map provider), previewed as the page will show it
+              <div dangerouslySetInnerHTML={{__html: iframeElement}} />
+            )}
             {mapType === 'image' && img && <ImagePickerControl value={img} onChange={(v) => setAttributes({img: v})} size={[640, 320]} />}
             {(!mapType ||
               (mapType === 'gps' && !lat && !long) ||

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

@@ -5,7 +5,7 @@ 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 {DEFAULT_HEADING_STYLES} from '~/blocks/groups/banner-group/constants'
 import {InnerBlocks} from '@wordpress/block-editor'
 import {HEADING_LEVELS} from '~/constants'
 

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

@@ -1,4 +1,4 @@
-import type {BriloBlockType, Media, OptionArray, StringArray} from '~/types'
+import type {BriloBlockType, Media, StringArray} from '~/types'
 import type {DEFAULT_HEADING_STYLES, MAP_TYPES} from './constants'
 import type {HEADING_LEVELS} from '~/constants'
 

package/src/blocks/newsletter/newsletter-form/edit.tsx

@@ -26,6 +26,7 @@ export function createNewsletterFormEdit(options: NewsletterFormOptions) {
   }) {
     const {heading, description, form} = attributes
     const {email, submit, terms} = form.fields
+    const TermsTag = terms.isCheckbox ? 'label' : 'div'
 
     const setForm = (patch: Partial<NewsletterFormAttributes['form']>) => setAttributes({form: {...form, ...patch}})
     const setFields = (patch: Partial<NewsletterFormAttributes['form']['fields']>) => setForm({fields: {...form.fields, ...patch}})
@@ -77,6 +78,7 @@ export function createNewsletterFormEdit(options: NewsletterFormOptions) {
 
           <PanelBody title={__('Skrytá pole', 'brilo-blocks')} initialOpen={false}>
             {form.hiddenFields.map((field, i) => (
+              // biome-ignore lint/suspicious/noArrayIndexKey: hidden fields carry no id; the list is edited by position
               <div key={i} className="f-newsletter__hidden-field">
                 <TextControl
                   label={__('Název', 'brilo-blocks')}
@@ -176,7 +178,8 @@ export function createNewsletterFormEdit(options: NewsletterFormOptions) {
             </button>
           </div>
 
-          <label className="f-newsletter__terms">
+          {/* A label only around a checkbox; without one the terms are plain text. */}
+          <TermsTag className="f-newsletter__terms">
             {terms.isCheckbox && <input type="checkbox" disabled />}
             <RichText
               tagName="span"
@@ -186,7 +189,7 @@ export function createNewsletterFormEdit(options: NewsletterFormOptions) {
               placeholder={__('Souhlas se zpracováním...', 'brilo-blocks')}
               allowedFormats={['core/bold', 'core/italic', 'core/link']}
             />
-          </label>
+          </TermsTag>
         </div>
       </>
     )

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

@@ -1,5 +1,5 @@
 export const icon = (
-  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <svg aria-hidden="true" focusable="false" 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" />

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

@@ -1 +1 @@
-import {__} from '@wordpress/i18n'
+export {}

package/src/blocks/post/post-content/icon.tsx

@@ -1,5 +1,5 @@
 export const icon = (
-  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <svg aria-hidden="true" focusable="false" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
     <rect x="3" y="2" width="14" height="16" rx="1" stroke="black" fill="none" />
     <line x1="6" y1="6" x2="14" y2="6" stroke="black" />
     <line x1="6" y1="9" x2="14" y2="9" stroke="black" />

package/src/blocks/post/post-content/types.ts

@@ -1,6 +1,5 @@
 import type {BriloBlockType} from '~/types'
 
-// biome-ignore lint/complexity/noBannedTypes: no block-specific attributes, matches BriloBlockType's generic constraint shape
 export interface PostContentAttributes extends Record<string, unknown> {}
 
 export type PostContentOptions = BriloBlockType

package/src/blocks/post/post-slider-group/icon.tsx

@@ -1,5 +1,5 @@
 export const icon = (
-  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <svg aria-hidden="true" focusable="false" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
     <rect x="1" y="4" width="18" height="12" rx="1" stroke="black" fill="none" />
     <rect x="3" y="6" width="6" height="5" stroke="black" fill="none" />
     <path d="M3 13H7V14H3V13Z" fill="black" />

package/src/blocks/post/posts-grid/icon.tsx

@@ -1,5 +1,5 @@
 export const icon = (
-  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <svg aria-hidden="true" focusable="false" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
     <rect x="1" y="1" width="8" height="8" stroke="black" fill="none" />
     <rect x="11" y="1" width="8" height="8" stroke="black" fill="none" />
     <rect x="1" y="11" width="8" height="8" stroke="black" fill="none" />

package/src/blocks/review/review-summary-item/constants.ts

@@ -0,0 +1,2 @@
+export const RATING_MAX = 5
+export const RATING_STEP = 0.1