@brilo/base-blocks 0.1.7 → 0.1.8

package/build/blocks/sections/base-section/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/base-section/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,mBAAmB,EAAE,kBAAkB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AACxF,OAAO,EAAC,cAAc,EAAC,MAAM,cAAc,CAAA;AAC3C,OAAO,EAAC,WAAW,EAAE,iBAAiB,EAAE,aAAa,EAAC,MAAM,aAAa,CAAA;AACzE,OAAO,EAAC,qBAAqB,EAAC,MAAM,QAAQ,CAAA;AAC5C,OAAO,EAAC,sBAAsB,EAAC,MAAM,WAAW,CAAA;AAEhD,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAE/C,eAAO,MAAM,mBAAmB,EAAE,kBAKjC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/base-section/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,mBAAmB,EAAE,kBAAkB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AACxF,OAAO,EAAC,cAAc,EAAC,MAAM,cAAc,CAAA;AAC3C,OAAO,EAAC,iBAAiB,EAAE,aAAa,EAAC,MAAM,aAAa,CAAA;AAC5D,OAAO,EAAC,qBAAqB,EAAC,MAAM,QAAQ,CAAA;AAC5C,OAAO,EAAC,sBAAsB,EAAC,MAAM,WAAW,CAAA;AAEhD,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAE/C,eAAO,MAAM,mBAAmB,EAAE,kBAKjC,CAAA"}

package/build/blocks/sections/base-section/index.js

@@ -1,5 +1,5 @@
 export { baseAttributes } from './attributes';
-export { BACKGROUNDS, SPACING_POSITIONS, SPACING_SIZES } from './constants';
+export { SPACING_POSITIONS, SPACING_SIZES } from './constants';
 export { createBaseSectionEdit } from './edit';
 export { createBaseSectionBlock } from './factory';
 export const baseSectionDefaults = {

package/build/blocks/sections/base-section/types.d.ts

@@ -8,6 +8,7 @@ export interface BaseBlockAttributes extends Record<string, unknown> {
         size: string;
     };
     background: string;
+    textColor: string;
 }
 export type ExcludableBaseAttr = 'spacing' | 'background' | 'id';
 export interface BaseSectionOptions<TExtra extends Record<string, unknown> = Record<string, never>> extends BriloBlockType {

package/build/blocks/sections/base-section/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/base-section/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAA;AACzE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AACpC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,WAAW,mBAAoB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAClE,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,EAAE;QACP,QAAQ,EAAE,MAAM,CAAA;QAChB,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;IACD,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,YAAY,GAAG,IAAI,CAAA;AAEhE,MAAM,WAAW,kBAAkB,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAE,SAAQ,cAAc;IACxH,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAA;IACzC,eAAe,CAAC,EAAE;SACf,CAAC,IAAI,MAAM,MAAM,GAAG;YACnB,IAAI,EAAE,MAAM,CAAA;YACZ,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAA;SACnB;KACF,CAAA;IACD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,mBAAmB,GAAG,MAAM,CAAC,KAAK,SAAS,CAAA;IAClF,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAA;CAC/B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/base-section/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAA;AACzE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AACpC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,WAAW,mBAAoB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAClE,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,EAAE;QACP,QAAQ,EAAE,MAAM,CAAA;QAChB,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;IACD,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,YAAY,GAAG,IAAI,CAAA;AAEhE,MAAM,WAAW,kBAAkB,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAE,SAAQ,cAAc;IACxH,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAA;IACzC,eAAe,CAAC,EAAE;SACf,CAAC,IAAI,MAAM,MAAM,GAAG;YACnB,IAAI,EAAE,MAAM,CAAA;YACZ,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAA;SACnB;KACF,CAAA;IACD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,mBAAmB,GAAG,MAAM,CAAC,KAAK,SAAS,CAAA;IAClF,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAA;CAC/B"}

package/build/hooks/useTenantColorPalette.d.ts

@@ -0,0 +1,9 @@
+export declare function useTenantColorPalette(): {
+    paletteColors: {
+        color: string;
+        name: string;
+        slug: string;
+    }[];
+    resolveHex: (value: string) => string;
+};
+//# sourceMappingURL=useTenantColorPalette.d.ts.map

package/build/hooks/useTenantColorPalette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTenantColorPalette.d.ts","sourceRoot":"","sources":["../../src/hooks/useTenantColorPalette.ts"],"names":[],"mappings":"AASA,wBAAgB,qBAAqB;;;cAL7B,MAAM;cACN,MAAM;;wBAWiB,MAAM;EAIpC"}

package/build/hooks/useTenantColorPalette.js

@@ -0,0 +1,12 @@
+import { useSettings } from '@wordpress/block-editor';
+import { useMemo } from '@wordpress/element';
+export function useTenantColorPalette() {
+    const [rawColors] = useSettings('color.palette');
+    const colors = (rawColors !== null && rawColors !== void 0 ? rawColors : []);
+    return useMemo(() => {
+        const paletteColors = colors.map((c) => ({ ...c, color: `var(--${c.slug})` }));
+        const hexByValue = new Map(colors.map((c) => [`var(--${c.slug})`, c.color]));
+        const resolveHex = (value) => { var _a; return (_a = hexByValue.get(value)) !== null && _a !== void 0 ? _a : value; };
+        return { paletteColors, resolveHex };
+    }, [colors]);
+}

package/build/index.d.ts

@@ -61,7 +61,7 @@ export { createColumnGroupBlock, columnGroupDefaults } from './blocks/column/col
 export type { ColumnItemAttributes, ColumnItemOptions } from './blocks/column/column-item';
 export { createColumnItemBlock, columnItemDefaults } from './blocks/column/column-item';
 export type { BaseBlockAttributes, BaseSectionOptions, ExcludableBaseAttr } from './blocks/sections/base-section';
-export { BACKGROUNDS, baseAttributes, baseSectionDefaults, createBaseSectionBlock, createBaseSectionEdit, SPACING_POSITIONS, SPACING_SIZES, } from './blocks/sections/base-section';
+export { baseAttributes, baseSectionDefaults, createBaseSectionBlock, createBaseSectionEdit, SPACING_POSITIONS, SPACING_SIZES, } from './blocks/sections/base-section';
 export type { IconType } from './components/IconControl';
 export { IconControl } from './components/IconControl';
 export type { ImageLabels, ImageValue } from './components/ImagePicker';
@@ -82,4 +82,6 @@ export type { ResponsiveGridItemAttributes, ResponsiveGridItemOptions } from './
 export { createResponsiveGridItemBlock, responsiveGridItemDefaults } from './blocks/responsive-grid/responsive-grid-item';
 export type { PostSliderGroupAttributes, PostSliderGroupOptions } from './blocks/post/post-slider-group';
 export { createPostSliderGroupBlock, postSliderGroupDefaults } from './blocks/post/post-slider-group';
+export type { LinkItemAttributes, LinkItemIcon, LinkItemOptions } from './blocks/link/link-item';
+export { createLinkItemBlock, linkItemDefaults } from './blocks/link/link-item';
 //# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/build/index.js

@@ -29,7 +29,7 @@ export { createStepGroupBlock, stepGroupDefaults } from './blocks/step/step-grou
 export { createNewsletterFormBlock, newsletterFormDefaults } from './blocks/newsletter/newsletter-form';
 export { createColumnGroupBlock, columnGroupDefaults } from './blocks/column/column-group';
 export { createColumnItemBlock, columnItemDefaults } from './blocks/column/column-item';
-export { BACKGROUNDS, baseAttributes, baseSectionDefaults, createBaseSectionBlock, createBaseSectionEdit, SPACING_POSITIONS, SPACING_SIZES, } from './blocks/sections/base-section';
+export { baseAttributes, baseSectionDefaults, createBaseSectionBlock, createBaseSectionEdit, SPACING_POSITIONS, SPACING_SIZES, } from './blocks/sections/base-section';
 export { IconControl } from './components/IconControl';
 export { ImagePickerBody, ImagePickerControl, useMediaUrl } from './components/ImagePicker';
 export { useGroupBlock } from './hooks/useGroupBlock';
@@ -40,3 +40,4 @@ export { createFormFieldBlock, formFieldDefaults, FIELD_TYPES, FIELD_COLUMNS_RAN
 export { createResponsiveGridGroupBlock, responsiveGridGroupDefaults } from './blocks/responsive-grid/responsive-grid-group';
 export { createResponsiveGridItemBlock, responsiveGridItemDefaults } from './blocks/responsive-grid/responsive-grid-item';
 export { createPostSliderGroupBlock, postSliderGroupDefaults } from './blocks/post/post-slider-group';
+export { createLinkItemBlock, linkItemDefaults } from './blocks/link/link-item';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brilo/base-blocks",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "author": "Brilo",
   "main": "./build/index.js",
   "types": "./build/index.d.ts",
@@ -9,6 +9,7 @@
     "watch": "tsc --watch",
     "lint": "biome lint ./src",
     "format": "biome format --write ./src && prettier --write \"./src/**/*.scss\"",
+    "lint:fix": "biome format --write ./src && prettier --write \"./src/**/*.scss\"",
     "check": "biome check --write ./src"
   },
   "peerDependencies": {

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

@@ -1,26 +1,26 @@
-import {InnerBlocks} from "@wordpress/block-editor";
-import type {BlockConfiguration} from "@wordpress/blocks";
-import {__} from "@wordpress/i18n";
-import {createContentGroupEdit} from "./edit";
-import type {ContentGroupAttributes, ContentGroupOptions} from "./types";
-import {icon as defaultIcon} from "./icon";
+import {InnerBlocks} from '@wordpress/block-editor'
+import type {BlockConfiguration} from '@wordpress/blocks'
+import {__} from '@wordpress/i18n'
+import {createContentGroupEdit} from './edit'
+import type {ContentGroupAttributes, ContentGroupOptions} from './types'
+import {icon as defaultIcon} from './icon'
 
 export function createContentGroupBlock(options: ContentGroupOptions): BlockConfiguration<ContentGroupAttributes> {
   return {
     name: options.name,
-    title: options.title ?? __("Obsahová skupina", "brilo-blocks"),
+    title: options.title ?? __('Obsahová skupina', 'brilo-blocks'),
     description: options.description,
-    category: options.category ?? "layout",
+    category: options.category ?? 'layout',
     icon: options.icon ?? {src: defaultIcon},
     ...(options.parent && {parent: options.parent}),
     supports: {html: false, customClassName: false},
     attributes: {
       size: {
-        type: "string",
-        default: "8",
+        type: 'string',
+        default: '8',
       },
     },
     edit: createContentGroupEdit(options),
     save: () => <InnerBlocks.Content />,
-  } as BlockConfiguration<ContentGroupAttributes>;
+  } as BlockConfiguration<ContentGroupAttributes>
 }

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,116 @@
+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} = 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})}
+            />
+          </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,29 @@
+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: ''},
+      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,24 @@
+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
+  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,28 +1,66 @@
-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({
-    attributes,
-    setAttributes,
-  }: {
+                         attributes,
+                         setAttributes,
+                       }: {
     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 +112,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,30 @@
-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/responsive-grid/responsive-grid-item/editor.scss

@@ -0,0 +1,9 @@
+.wp-block-brilo-responsive-grid-item {
+  width: 100%;
+  margin-block: 0;
+}
+
+.u-grid-responsive__item-inner {
+  padding: 8px;
+  outline: 1px solid var(--border-color);
+}