@brilo/base-blocks 0.1.60 → 0.1.62

package/src/blocks/food-menu/food-reservation/edit.tsx

@@ -0,0 +1,179 @@
+import apiFetch from '@wordpress/api-fetch'
+import {InspectorControls, useBlockProps} from '@wordpress/block-editor'
+import {Button, ExternalLink, Notice, PanelBody, Spinner, TextareaControl} from '@wordpress/components'
+import {__, sprintf} from '@wordpress/i18n'
+import clsx from 'clsx'
+import type React from 'react'
+import {useEffect, useState} from 'react'
+import {icon as reservationIcon} from './icon'
+import type {FoodReservationAttributes, FoodReservationOptions} from './types'
+
+type PreviewDay = {
+  menuId: number
+  date: string
+  label: string
+  deadline: string
+}
+
+type PreviewResponse = {
+  enabled: boolean
+  settingsUrl: string
+  anchor: string
+  days: PreviewDay[]
+  emptyMessage: string
+}
+
+// Shares the menu block's preview card styles (food-menu-group/editor.scss).
+const BASE = 'brilo-food-menu-preview'
+
+/**
+ * Which days the form would offer is decided on the server (deadlines,
+ * sold-out dishes, the site's time zone), so the preview asks the block's
+ * own endpoint. It describes the form instead of drawing it.
+ */
+function useReservationPreview() {
+  const [data, setData] = useState<PreviewResponse | null>(null)
+  const [hasError, setHasError] = useState(false)
+  const [attempt, setAttempt] = useState(0)
+
+  // biome-ignore lint/correctness/useExhaustiveDependencies: attempt re-runs the effect on retry
+  useEffect(() => {
+    let cancelled = false
+    setHasError(false)
+
+    apiFetch<PreviewResponse>({path: '/brilo/v1/food-reservation/preview'})
+      .then((result) => {
+        if (!cancelled) {
+          setData(result)
+        }
+      })
+      .catch(() => {
+        if (!cancelled) {
+          setHasError(true)
+        }
+      })
+
+    return () => {
+      cancelled = true
+    }
+  }, [attempt])
+
+  return {data, hasError, retry: () => setAttempt((value) => value + 1)}
+}
+
+function DisabledNotice({settingsUrl}: {settingsUrl: string}) {
+  return (
+    <Notice status="warning" isDismissible={false}>
+      {__('Rezervace obědů jsou v nastavení modulu vypnuté, blok se na webu nezobrazí.', 'brilo-blocks')}{' '}
+      {settingsUrl && <ExternalLink href={settingsUrl}>{__('Nastavení jídelního lístku', 'brilo-blocks')}</ExternalLink>}
+    </Notice>
+  )
+}
+
+function PreviewCard({data, emptyText}: {data: PreviewResponse; emptyText: string}) {
+  const [first] = data.days
+
+  return (
+    <div className={`${BASE}__card`}>
+      <div className={`${BASE}__head`}>
+        <div className={`${BASE}__title`}>
+          {reservationIcon}
+          <span>{__('Rezervace obědu', 'brilo-blocks')}</span>
+        </div>
+
+        <div className={`${BASE}__meta`}>
+          <span className={clsx(`${BASE}__pill`, `${BASE}__pill--muted`)}>{`#${data.anchor}`}</span>
+          {first && <span className={clsx(`${BASE}__pill`, `${BASE}__pill--ok`)}>{__('Rezervace otevřené', 'brilo-blocks')}</span>}
+        </div>
+      </div>
+
+      <div className={`${BASE}__body`}>
+        {first ? (
+          <div className={`${BASE}__section`}>
+            <div className={`${BASE}__section-title`}>{__('Formulář nabídne dny', 'brilo-blocks')}</div>
+
+            {data.days.map((day, index) => (
+              <div className={clsx(`${BASE}__row`, `${BASE}__row--no-price`)} key={day.menuId}>
+                <span className={`${BASE}__unit`}>{0 === index ? __('výchozí', 'brilo-blocks') : ''}</span>
+                <span className={`${BASE}__name`}>
+                  {day.label}
+                  {day.deadline && <small className={`${BASE}__note`}>{sprintf(__('Uzávěrka: %s', 'brilo-blocks'), day.deadline)}</small>}
+                </span>
+              </div>
+            ))}
+          </div>
+        ) : (
+          <div className={`${BASE}__empty`}>
+            <div>
+              <b>{__('Teď není na který den rezervovat', 'brilo-blocks')}</b>
+              {sprintf(__('Na webu se ukáže věta „%s“', 'brilo-blocks'), emptyText.trim() || data.emptyMessage)}
+            </div>
+          </div>
+        )}
+
+        <div className={`${BASE}__foot`}>
+          <span>{sprintf(__('Odkaz se stránkou?menu=ID#%s předvybere den daného lístku.', 'brilo-blocks'), data.anchor)}</span>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export function createFoodReservationEdit(options: FoodReservationOptions) {
+  return function Edit({
+    attributes,
+    setAttributes,
+  }: {
+    attributes: FoodReservationAttributes
+    setAttributes: (a: Partial<FoodReservationAttributes>) => void
+  }) {
+    const {emptyText} = attributes
+    const blockProps = useBlockProps({className: clsx(options.blockClassName ?? 'g-food-reservation')})
+    const {data, hasError, retry} = useReservationPreview()
+
+    let content: React.ReactNode
+
+    if (hasError) {
+      content = (
+        <div className={`${BASE}__empty`}>
+          <div>
+            <b>{__('Náhled se nepodařilo načíst.', 'brilo-blocks')}</b>
+            <Button variant="secondary" size="small" className={`${BASE}__retry`} onClick={retry}>
+              {__('Zkusit znovu', 'brilo-blocks')}
+            </Button>
+          </div>
+        </div>
+      )
+    } else if (!data) {
+      content = <Spinner />
+    } else if (!data.enabled) {
+      content = <DisabledNotice settingsUrl={data.settingsUrl} />
+    } else {
+      content = <PreviewCard data={data} emptyText={emptyText} />
+    }
+
+    return (
+      <>
+        <InspectorControls>
+          <PanelBody title={__('Když není co rezervovat', 'brilo-blocks')}>
+            <TextareaControl
+              __nextHasNoMarginBottom
+              label={__('Vlastní text zprávy', 'brilo-blocks')}
+              help={__('Když zůstane prázdné, použije se výchozí věta.', 'brilo-blocks')}
+              rows={2}
+              value={emptyText}
+              onChange={(value) => setAttributes({emptyText: value})}
+            />
+          </PanelBody>
+        </InspectorControls>
+
+        <div {...blockProps}>
+          {/* Left-aligned headings: the menu block's centre default is about the menu, not this list. */}
+          <div className={BASE} style={{'--food-menu-preview-align': 'left'} as React.CSSProperties}>
+            {content}
+          </div>
+        </div>
+      </>
+    )
+  }
+}

package/src/blocks/food-menu/food-reservation/factory.tsx

@@ -0,0 +1,28 @@
+import type {BlockConfiguration} from '@wordpress/blocks'
+import {__} from '@wordpress/i18n'
+import {createFoodReservationEdit} from './edit'
+import {icon as defaultIcon} from './icon'
+import type {FoodReservationAttributes, FoodReservationOptions} from './types'
+
+export function createFoodReservationBlock(options: FoodReservationOptions): BlockConfiguration<FoodReservationAttributes> {
+  return {
+    name: options.name,
+    title: options.title ?? __('Rezervace obědu', 'brilo-blocks'),
+    description:
+      options.description ??
+      __('Rezervační formulář přímo na stránce. Tlačítka „Rezervovat oběd“ na něj vedou přes kotvu #rezervace.', 'brilo-blocks'),
+    category: options.category ?? 'widgets',
+    ...(options.parent && {parent: options.parent}),
+    icon: options.icon ?? {src: defaultIcon},
+    // The anchor is fixed (`rezervace`), so the block takes no own HTML anchor.
+    supports: {html: false, customClassName: false, multiple: false},
+    attributes: {
+      emptyText: {
+        type: 'string',
+        default: '',
+      },
+    },
+    edit: createFoodReservationEdit(options),
+    save: () => null,
+  } as unknown as BlockConfiguration<FoodReservationAttributes>
+}

package/src/blocks/food-menu/food-reservation/icon.tsx

@@ -0,0 +1,9 @@
+export const icon = (
+  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Rezervace obědu">
+    <rect x="3" y="4" width="14" height="13" stroke="currentColor" fill="none" />
+    <line x1="3" y1="8" x2="17" y2="8" stroke="currentColor" />
+    <line x1="7" y1="2" x2="7" y2="6" stroke="currentColor" />
+    <line x1="13" y1="2" x2="13" y2="6" stroke="currentColor" />
+    <polyline points="7,12.5 9,14.5 13,10.5" stroke="currentColor" fill="none" />
+  </svg>
+)

package/src/blocks/food-menu/food-reservation/index.ts

@@ -0,0 +1,10 @@
+export type {FoodReservationAttributes, FoodReservationOptions} from './types'
+export {createFoodReservationBlock} from './factory'
+
+import type {FoodReservationOptions} from './types'
+
+export const foodReservationDefaults: FoodReservationOptions = {
+  name: 'brilo/food-reservation',
+  // A section of its own, or a column next to the day's menu.
+  parent: ['brilo/base-section', 'brilo/column-item'],
+}

package/src/blocks/food-menu/food-reservation/types.ts

@@ -0,0 +1,8 @@
+import type {BriloBlockType} from '~/types'
+
+export interface FoodReservationAttributes extends Record<string, unknown> {
+  /** Empty means "use the server's sentence". */
+  emptyText: string
+}
+
+export type FoodReservationOptions = BriloBlockType

package/src/blocks/form/form-field/types.ts

@@ -1,10 +1,4 @@
-import {
-  type FIELD_SELECT_MODE_VALUES,
-  FIELD_TEXT_TYPES,
-  type FIELD_TEXT_TYPE_VALUES,
-  type FIELD_TYPE_VALUES,
-  type FILE_BUTTON_VARIANT_VALUES,
-} from './constants'
+import type {FIELD_SELECT_MODE_VALUES, FIELD_TEXT_TYPE_VALUES, FIELD_TYPE_VALUES, FILE_BUTTON_VARIANT_VALUES} from './constants'
 import type {BriloBlockType} from '~/types'
 
 export type FormFieldType = (typeof FIELD_TYPE_VALUES)[number]

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/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/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/share/share/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">
     <circle cx="5" cy="10" r="2" stroke="black" fill="none" />
     <circle cx="15" cy="4" r="2" stroke="black" fill="none" />
     <circle cx="15" cy="16" r="2" stroke="black" fill="none" />

package/src/blocks/signpost/signpost-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="7.5" width="8" height="11" stroke="black" fill="none" />
     <rect x="2.5" y="9.5" width="4" height="3" stroke="black" fill="none" />
     <path d="M2 14H6V15H2V14Z" fill="black" />

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

@@ -1,7 +1,7 @@
 import {InnerBlocks} from '@wordpress/block-editor'
 import type {BlockConfiguration} from '@wordpress/blocks'
 import {__} from '@wordpress/i18n'
-import {DEFAULT_ICON_BACKGROUND_SIZE, DEFAULT_ICON_SIZE, DEFAULT_SHADOWS, DEFAULT_VARIANTS, TEXT_ALIGNS} from './constants'
+import {DEFAULT_ICON_BACKGROUND_SIZE, DEFAULT_SHADOWS, DEFAULT_VARIANTS, TEXT_ALIGNS} from './constants'
 import {createStepGroupEdit} from './edit'
 import type {StepGroupAttributes, StepGroupOptions} from './types'
 import {icon} from '~/blocks/step/step-group/icon'