@brilo/base-blocks 0.1.7 → 0.1.8

package/build/blocks/groups/content-group/factory.d.ts

@@ -1,4 +1,4 @@
-import type { BlockConfiguration } from "@wordpress/blocks";
-import type { ContentGroupAttributes, ContentGroupOptions } from "./types";
+import type { BlockConfiguration } from '@wordpress/blocks';
+import type { ContentGroupAttributes, ContentGroupOptions } from './types';
 export declare function createContentGroupBlock(options: ContentGroupOptions): BlockConfiguration<ContentGroupAttributes>;
 //# sourceMappingURL=factory.d.ts.map

package/build/blocks/groups/content-group/factory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/groups/content-group/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AAG1D,OAAO,KAAK,EAAC,sBAAsB,EAAE,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAGzE,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,mBAAmB,GAAG,kBAAkB,CAAC,sBAAsB,CAAC,CAkBhH"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/groups/content-group/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAGzD,OAAO,KAAK,EAAC,sBAAsB,EAAE,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAGxE,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,mBAAmB,GAAG,kBAAkB,CAAC,sBAAsB,CAAC,CAkBhH"}

package/build/blocks/groups/content-group/factory.js

@@ -1,22 +1,22 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { InnerBlocks } from "@wordpress/block-editor";
-import { __ } from "@wordpress/i18n";
-import { createContentGroupEdit } from "./edit";
-import { icon as defaultIcon } from "./icon";
+import { InnerBlocks } from '@wordpress/block-editor';
+import { __ } from '@wordpress/i18n';
+import { createContentGroupEdit } from './edit';
+import { icon as defaultIcon } from './icon';
 export function createContentGroupBlock(options) {
     var _a, _b, _c;
     return {
         name: options.name,
-        title: (_a = options.title) !== null && _a !== void 0 ? _a : __("Obsahová skupina", "brilo-blocks"),
+        title: (_a = options.title) !== null && _a !== void 0 ? _a : __('Obsahová skupina', 'brilo-blocks'),
         description: options.description,
-        category: (_b = options.category) !== null && _b !== void 0 ? _b : "layout",
+        category: (_b = options.category) !== null && _b !== void 0 ? _b : 'layout',
         icon: (_c = options.icon) !== null && _c !== void 0 ? _c : { 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),

package/build/blocks/groups/content-group/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../src/blocks/groups/content-group/icon.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI,6BAsBhB,CAAC"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../src/blocks/groups/content-group/icon.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI,6BAsBhB,CAAA"}

package/build/blocks/link/link-item/constants.d.ts

@@ -0,0 +1,11 @@
+export declare const ICON_TYPES: readonly [{
+    readonly value: "none";
+    readonly label: import("@wordpress/i18n").TransformedText<"Žádná">;
+}, {
+    readonly value: "preselected";
+    readonly label: import("@wordpress/i18n").TransformedText<"Předdefinovaná">;
+}, {
+    readonly value: "media";
+    readonly label: import("@wordpress/i18n").TransformedText<"Médium">;
+}];
+//# sourceMappingURL=constants.d.ts.map

package/build/blocks/link/link-item/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/link/link-item/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;;;;EAIb,CAAA"}

package/build/blocks/link/link-item/constants.js

@@ -0,0 +1,6 @@
+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') },
+];

package/build/blocks/link/link-item/edit.d.ts

@@ -0,0 +1,6 @@
+import type { LinkItemAttributes, LinkItemOptions } from './types';
+export declare function createLinkItemEdit(options: LinkItemOptions): ({ attributes, setAttributes, }: {
+    attributes: LinkItemAttributes;
+    setAttributes: (a: Partial<LinkItemAttributes>) => void;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=edit.d.ts.map

package/build/blocks/link/link-item/edit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/link/link-item/edit.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAC,kBAAkB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAEhE,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,eAAe,IACpC,gCAGlB;IACD,UAAU,EAAE,kBAAkB,CAAA;IAC9B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAA;CACxD,iCA4FF"}

package/build/blocks/link/link-item/edit.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+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';
+export function createLinkItemEdit(options) {
+    return function Edit({ attributes, setAttributes, }) {
+        var _a;
+        const { title, url, icon, color, underline_initial } = attributes;
+        const { paletteColors } = useTenantColorPalette();
+        const hasIcon = icon.type !== 'none' && (icon.src || ((_a = icon.media) === null || _a === void 0 ? void 0 : _a.id));
+        const setIconBase = (attrs) => {
+            setAttributes({ icon: { ...icon, ...attrs.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` };
+        return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsxs(PanelBody, { title: __('Odkaz', 'brilo-blocks'), children: [_jsx(TextControl, { label: __('URL', 'brilo-blocks'), value: url.src, onChange: (v) => setAttributes({ url: { ...url, src: v } }) }), _jsx(ToggleControl, { label: __('Otevřít v nové záložce', 'brilo-blocks'), checked: url.blank, onChange: (v) => setAttributes({ url: { ...url, blank: v } }) })] }), _jsxs(PanelBody, { title: __('Ikona', 'brilo-blocks'), initialOpen: false, children: [_jsx(ItemIconControl, { icon: icon, setAttributes: setIconBase, iconTypes: ICON_TYPES, options: options }), hasIcon && (_jsxs(_Fragment, { children: [_jsxs(ToggleGroupControl, { isBlock: true, label: __('Pozice', 'brilo-blocks'), value: icon.position, onChange: (v) => setAttributes({ icon: { ...icon, position: String(v) } }), children: [_jsx(ToggleGroupControlOption, { value: "before", label: __('Před', 'brilo-blocks') }), _jsx(ToggleGroupControlOption, { value: "after", label: __('Za', 'brilo-blocks') })] }), _jsx(RangeControl, { label: __('Velikost (px)', 'brilo-blocks'), value: icon.size, onChange: (v) => setAttributes({ icon: { ...icon, size: v !== null && v !== void 0 ? v : 24 } }), min: 8, max: 80, step: 1 })] }))] }), _jsxs(PanelBody, { title: __('Styl', 'brilo-blocks'), initialOpen: false, children: [_jsx("p", { children: __('Barva', 'brilo-blocks') }), _jsx(ColorPalette, { colors: paletteColors, value: color || undefined, onChange: (v) => setAttributes({ color: v !== null && v !== void 0 ? v : '' }) }), _jsx(ToggleControl, { label: __('Podtržení výchozí', 'brilo-blocks'), checked: underline_initial, onChange: (v) => setAttributes({ underline_initial: v }) })] })] }), _jsxs("div", { ...blockProps, children: [hasIcon && icon.position === 'before' && (_jsx("span", { className: "link-item__icon", style: iconPreviewStyle, children: _jsx(ItemIconPreview, { icon: icon, setAttributes: setIconBase, options: options }) })), _jsx(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' && (_jsx("span", { className: "link-item__icon", style: iconPreviewStyle, children: _jsx(ItemIconPreview, { icon: icon, setAttributes: setIconBase, options: options }) }))] })] }));
+    };
+}

package/build/blocks/link/link-item/factory.d.ts

@@ -0,0 +1,4 @@
+import { type BlockConfiguration } from '@wordpress/blocks';
+import type { LinkItemAttributes, LinkItemOptions } from './types';
+export declare function createLinkItemBlock(options: LinkItemOptions): BlockConfiguration<LinkItemAttributes>;
+//# sourceMappingURL=factory.d.ts.map

package/build/blocks/link/link-item/factory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/link/link-item/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAIzD,OAAO,KAAK,EAAC,kBAAkB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAEhE,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,eAAe,GAAG,kBAAkB,CAAC,kBAAkB,CAAC,CAsBpG"}

package/build/blocks/link/link-item/factory.js

@@ -0,0 +1,27 @@
+import { __ } from '@wordpress/i18n';
+import { createLinkItemEdit } from './edit';
+import { icon as defaultIcon } from './icon';
+export function createLinkItemBlock(options) {
+    var _a, _b, _c;
+    return {
+        name: options.name,
+        title: (_a = options.title) !== null && _a !== void 0 ? _a : __('Odkaz', 'brilo-blocks'),
+        description: options.description,
+        category: (_b = options.category) !== null && _b !== void 0 ? _b : 'text',
+        ...(options.parent && { parent: options.parent }),
+        icon: (_c = options.icon) !== null && _c !== void 0 ? _c : { 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,
+    };
+}

package/build/blocks/link/link-item/icon.d.ts

@@ -0,0 +1,2 @@
+export declare const icon: import("react").JSX.Element;
+//# sourceMappingURL=icon.d.ts.map

package/build/blocks/link/link-item/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../src/blocks/link/link-item/icon.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI,6BAKhB,CAAA"}

package/build/blocks/link/link-item/icon.js

@@ -0,0 +1,2 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const icon = (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("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" }), _jsx("path", { d: "M12 2h6v6M18 2L10 10", stroke: "black", strokeWidth: "1.5", strokeLinecap: "round" })] }));

package/build/blocks/link/link-item/index.d.ts

@@ -0,0 +1,5 @@
+export type { LinkItemAttributes, LinkItemIcon, LinkItemOptions } from './types';
+export { createLinkItemBlock } from './factory';
+import type { LinkItemOptions } from './types';
+export declare const linkItemDefaults: LinkItemOptions;
+//# sourceMappingURL=index.d.ts.map

package/build/blocks/link/link-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/link/link-item/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,kBAAkB,EAAE,YAAY,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAC9E,OAAO,EAAC,mBAAmB,EAAC,MAAM,WAAW,CAAA;AAE7C,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,SAAS,CAAA;AAE5C,eAAO,MAAM,gBAAgB,EAAE,eAI9B,CAAA"}

package/build/blocks/link/link-item/index.js

@@ -0,0 +1,6 @@
+export { createLinkItemBlock } from './factory';
+export const linkItemDefaults = {
+    name: 'brilo/link-item',
+    icons: [],
+    iconsSrc: '',
+};

package/build/blocks/link/link-item/types.d.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;
+    underline_initial: boolean;
+}
+export interface LinkItemOptions extends BriloBlockType {
+    icons: IconType[];
+    iconsSrc: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/build/blocks/link/link-item/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/link/link-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAClC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAA;AAEtD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,aAAa,GAAG,OAAO,GAAG,MAAM,CAAA;IACtC,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,KAAK,CAAA;IACZ,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,kBAAmB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAC,CAAA;IAClC,IAAI,EAAE,YAAY,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,iBAAiB,EAAE,OAAO,CAAA;CAC3B;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;CACjB"}

package/build/blocks/link/link-item/types.js

@@ -0,0 +1 @@
+export {};

package/build/blocks/map/map-group/constants.d.ts

@@ -1,3 +1,4 @@
+export declare const DEFAULT_HEADING_STYLES: readonly ["h1", "h2", "h3", "h4"];
 export declare const MAP_TYPES: readonly [{
     readonly value: "gps";
     readonly label: import("@wordpress/i18n").TransformedText<"GPS">;

package/build/blocks/map/map-group/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/map/map-group/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;EAiBZ,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/map/map-group/constants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,mCAAiB,CAAA;AAEpD,eAAO,MAAM,SAAS;;;;;;;;;;;;EAiBZ,CAAA"}

package/build/blocks/map/map-group/constants.js

@@ -1,4 +1,6 @@
 import { __ } from '@wordpress/i18n';
+import { HEADING_STYLES } from "../../../constants";
+export const DEFAULT_HEADING_STYLES = HEADING_STYLES;
 export const MAP_TYPES = [
     {
         value: 'gps',

package/build/blocks/map/map-group/edit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/map/map-group/edit.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,kBAAkB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAGhE,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,eAAe,IACpC,gCAGlB;IACD,UAAU,EAAE,kBAAkB,CAAA;IAC9B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAA;CACxD,iCA4FF"}
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/map/map-group/edit.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAC,kBAAkB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAOhE,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,eAAe,IACpC,gCAGG;IACtB,UAAU,EAAE,kBAAkB,CAAA;IAC9B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAA;CACxD,iCAsJF"}

package/build/blocks/map/map-group/edit.js

@@ -1,21 +1,29 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { InspectorControls, useBlockProps } from '@wordpress/block-editor';
-import { PanelBody, BaseControl, TextControl, SelectControl, TextareaControl } from '@wordpress/components';
+import { InspectorControls, RichText } 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 { Icon, mapMarker } from '@wordpress/icons';
+import { useGroupBlock } from "../../../hooks/useGroupBlock";
+import clsx from "clsx";
+import { HEADING_LEVELS, HEADING_STYLES } from "../../../constants";
 export function createMapGroupEdit(options) {
     return function Edit({ attributes, setAttributes, }) {
-        var _a;
-        const { mapType, iframeSrc, iframeElement, img, url, lat, long } = attributes;
-        const blockProps = useBlockProps({
-            className: (_a = options.blockClassName) !== null && _a !== void 0 ? _a : 'g-map wp-block-section',
+        var _a, _b;
+        const { mapType, iframeSrc, iframeElement, img, url, address, lat, long, description, header } = attributes;
+        const { blockProps, innerBlocksProps } = useGroupBlock({
+            blockClassName: clsx((_a = options.blockClassName) !== null && _a !== void 0 ? _a : 'g-map wp-block-section'),
+            containerClassName: [(_b = options.containerClassName) !== null && _b !== void 0 ? _b : 'g-map__button-wraper wp-block-inner-content'],
+            allowedBlocks: options.allowedBlocks,
+            orientation: 'vertical',
+            template: options.template,
+            layout: { type: 'default' },
         });
-        return (_jsxs(_Fragment, { children: [_jsx(InspectorControls, { children: _jsxs(PanelBody, { title: __('Nastavení mapy', 'brilo-blocks'), children: [_jsx(SelectControl, { label: __('Typ mapy', 'brilo-blocks'), value: mapType, options: [...MAP_TYPES], onChange: (v) => setAttributes({ mapType: v }) }), mapType === 'gps' && (_jsxs(BaseControl, { label: __('GPS', 'brilo-blocks'), children: [_jsx(TextControl, { label: __('Zeměpisná šířka:', 'brilo-blocks'), value: lat || '', onChange: (value) => setAttributes({ lat: value }) }), _jsx(TextControl, { label: __('Zeměpisná délka:', 'brilo-blocks'), value: long || '', onChange: (value) => setAttributes({ long: value }) })] })), mapType === 'url' && (_jsx(BaseControl, { label: __('Iframe', 'brilo-blocks'), children: _jsx(TextControl, { label: __('URL:', 'brilo-blocks'), value: iframeSrc || '', onChange: (value) => setAttributes({ iframeSrc: value }) }) })), mapType === 'element' && (_jsx(BaseControl, { label: __('Iframe', 'brilo-blocks'), children: _jsx(TextareaControl, { label: __('Zdrojový kód:', 'brilo-blocks'), value: iframeElement || '', onChange: (value) => setAttributes({ iframeElement: value }) }) })), mapType === 'image' && (_jsxs(_Fragment, { children: [_jsx(ImagePickerControl, { value: img, onChange: (v) => setAttributes({ img: v }) }), _jsx(TextControl, { label: __('URL:', 'brilo-blocks'), value: url || '', onChange: (value) => setAttributes({ url: value }) })] }))] }) }), _jsx("div", { ...blockProps, children: _jsxs("div", { className: "g-map__map", children: [mapType === 'gps' && (lat || long) && (_jsxs("div", { children: [_jsx(Icon, { icon: mapMarker }), _jsx("p", { children: [lat, long].filter(Boolean).join(', ') })] })), mapType === 'url' && iframeSrc && _jsx("iframe", { src: iframeSrc, width: 640, height: 320 }), mapType === 'element' && iframeElement && _jsx("div", { dangerouslySetInnerHTML: { __html: iframeElement } }), mapType === 'image' && img && _jsx(ImagePickerControl, { value: img, onChange: (v) => setAttributes({ img: v }), size: [640, 320] }), (!mapType ||
-                                (mapType === 'gps' && !lat && !long) ||
-                                (mapType === 'url' && !iframeSrc) ||
-                                (mapType === 'element' && !iframeElement) ||
-                                (mapType === 'image' && !img)) && (_jsxs(_Fragment, { children: [_jsx(Icon, { icon: mapMarker }), __('Zde je prostor pro vaši mapu.', 'brilo-blocks')] }))] }) })] }));
+        return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsxs(PanelBody, { title: __('Nadpis', 'brilo-blocks'), initialOpen: false, children: [_jsx(ToggleGroupControl, { label: __('Úroveň nadpisu', 'brilo-blocks'), value: String(header.heading.level), onChange: (value) => setAttributes({ header: { ...header, heading: { ...header.heading, level: Number(value) } } }), isBlock: true, children: HEADING_LEVELS.map((l) => (_jsx(ToggleGroupControlOption, { value: String(l), label: `H${l}` }, l))) }), _jsx(ToggleGroupControl, { label: __('Styl nadpisu', 'brilo-blocks'), value: header.heading.style, onChange: (value) => setAttributes({ header: { ...header, heading: { ...header.heading, style: value } } }), isBlock: true, children: HEADING_STYLES.map((s) => (_jsx(ToggleGroupControlOption, { value: s, label: s }, s))) })] }), _jsxs(PanelBody, { title: __('Nastavení mapy', 'brilo-blocks'), children: [_jsx(SelectControl, { label: __('Typ mapy', 'brilo-blocks'), value: mapType, options: [...MAP_TYPES], onChange: (v) => setAttributes({ mapType: v }) }), mapType === 'gps' && (_jsxs(BaseControl, { label: __('GPS', 'brilo-blocks'), children: [_jsx(TextControl, { label: __('Zeměpisná šířka:', 'brilo-blocks'), value: lat || '', onChange: (value) => setAttributes({ lat: value }) }), _jsx(TextControl, { label: __('Zeměpisná délka:', 'brilo-blocks'), value: long || '', onChange: (value) => setAttributes({ long: value }) })] })), mapType === 'url' && (_jsx(BaseControl, { label: __('Iframe', 'brilo-blocks'), children: _jsx(TextControl, { label: __('URL:', 'brilo-blocks'), value: iframeSrc || '', onChange: (value) => setAttributes({ iframeSrc: value }) }) })), mapType === 'element' && (_jsx(BaseControl, { label: __('Iframe', 'brilo-blocks'), children: _jsx(TextareaControl, { label: __('Zdrojový kód:', 'brilo-blocks'), value: iframeElement || '', onChange: (value) => setAttributes({ iframeElement: value }) }) })), mapType === 'image' && (_jsxs(_Fragment, { children: [_jsx(ImagePickerControl, { value: img, onChange: (v) => setAttributes({ img: v }) }), _jsx(TextControl, { label: __('URL:', 'brilo-blocks'), value: url || '', onChange: (value) => setAttributes({ url: value }) }), _jsx(TextControl, { label: __('Adresa:', 'brilo-blocks'), value: address || '', onChange: (value) => setAttributes({ address: value }) })] }))] })] }), _jsxs("div", { ...blockProps, children: [_jsxs("div", { className: "g-map__banner", children: [_jsxs("div", { className: "g-map__content", children: [_jsx(RichText, { tagName: `h${header.heading.level}`, className: clsx('g-map__heading', `--heading-style-${header.heading.style}`, 'u-text-editable'), value: header.heading.title, onChange: (value) => setAttributes({ header: { ...header, heading: { ...header.heading, title: value } } }), placeholder: __('Nadpis...', 'brilo-blocks'), allowedFormats: ['core/bold', 'core/italic'] }), _jsx(RichText, { tagName: "div", className: "g-map__description u-text-editable", value: description, onChange: (value) => setAttributes({ description: value }), placeholder: __('Popis...', 'brilo-blocks') })] }), _jsx("div", { ...innerBlocksProps })] }), _jsxs("div", { className: "g-map__map", children: [mapType === 'gps' && (lat || long) && (_jsxs("div", { children: [_jsx(Icon, { icon: mapMarker }), _jsx("p", { children: [lat, long].filter(Boolean).join(', ') })] })), mapType === 'url' && iframeSrc && _jsx("iframe", { src: iframeSrc, width: 640, height: 320 }), mapType === 'element' && iframeElement && _jsx("div", { dangerouslySetInnerHTML: { __html: iframeElement } }), mapType === 'image' && img && _jsx(ImagePickerControl, { value: img, onChange: (v) => setAttributes({ img: v }), size: [640, 320] }), (!mapType ||
+                                    (mapType === 'gps' && !lat && !long) ||
+                                    (mapType === 'url' && !iframeSrc) ||
+                                    (mapType === 'element' && !iframeElement) ||
+                                    (mapType === 'image' && !img)) && (_jsxs(_Fragment, { children: [_jsx(Icon, { icon: mapMarker }), __('Zde je prostor pro vaši mapu.', 'brilo-blocks')] }))] })] })] }));
     };
 }

package/build/blocks/map/map-group/factory.d.ts

@@ -1,5 +1,7 @@
 import type { BlockConfiguration } from '@wordpress/blocks';
 import type { MapGroupAttributes, MapGroupOptions } from './types';
+import type { StringArray } from "../../../types";
+import { DEFAULT_HEADING_STYLES } from "../../../blocks/groups/banner-group/constants";
 export type { MapGroupAttributes, MapGroupOptions };
-export declare function createMapGroupBlock(options: MapGroupOptions): BlockConfiguration<MapGroupAttributes>;
+export declare function createMapGroupBlock<THeadingStyles extends StringArray = typeof DEFAULT_HEADING_STYLES>(options: MapGroupOptions<THeadingStyles>): BlockConfiguration<MapGroupAttributes<THeadingStyles[number]>>;
 //# sourceMappingURL=factory.d.ts.map

package/build/blocks/map/map-group/factory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/map/map-group/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAGzD,OAAO,KAAK,EAAC,kBAAkB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAGhE,YAAY,EAAC,kBAAkB,EAAE,eAAe,EAAC,CAAA;AAEjD,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,eAAe,GAAG,kBAAkB,CAAC,kBAAkB,CAAC,CA0CpG"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/map/map-group/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAGzD,OAAO,KAAK,EAAC,kBAAkB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAEhE,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AACzC,OAAO,EAAC,sBAAsB,EAAmB,MAAM,wCAAwC,CAAC;AAIhG,YAAY,EAAC,kBAAkB,EAAE,eAAe,EAAC,CAAA;AAEjD,wBAAgB,mBAAmB,CAAC,cAAc,SAAS,WAAW,GAAG,OAAO,sBAAsB,EACpG,OAAO,EAAE,eAAe,CAAC,cAAc,CAAC,GACvC,kBAAkB,CAAC,kBAAkB,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CA0DhE"}

package/build/blocks/map/map-group/factory.js

@@ -1,17 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { __ } from '@wordpress/i18n';
 import { createMapGroupEdit } from './edit';
 import { MAP_TYPES } from './constants';
+import { DEFAULT_HEADING_STYLES } from "../../../blocks/groups/banner-group/constants";
+import { InnerBlocks } from "@wordpress/block-editor";
+import { HEADING_LEVELS } from "../../../constants";
 export function createMapGroupBlock(options) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
+    const headingStyles = (_a = options.headingStyles) !== null && _a !== void 0 ? _a : DEFAULT_HEADING_STYLES;
     return {
         name: options.name,
-        title: (_a = options.title) !== null && _a !== void 0 ? _a : __('Mapa', 'brilo-blocks'),
+        title: (_b = options.title) !== null && _b !== void 0 ? _b : __('Mapa', 'brilo-blocks'),
         description: options.description,
-        category: (_b = options.category) !== null && _b !== void 0 ? _b : 'layout',
+        category: (_c = options.category) !== null && _c !== void 0 ? _c : 'layout',
         ...(options.parent && { parent: options.parent }),
-        icon: (_c = options.icon) !== null && _c !== void 0 ? _c : 'location-alt',
+        icon: (_d = options.icon) !== null && _d !== void 0 ? _d : 'location-alt',
         supports: { html: false, customClassName: false },
         attributes: {
+            header: {
+                type: 'object',
+                default: {
+                    heading: { title: '', level: HEADING_LEVELS[1], style: (_e = headingStyles[1]) !== null && _e !== void 0 ? _e : headingStyles[0] },
+                },
+            },
+            description: {
+                type: 'string',
+                default: '',
+            },
             mapType: {
                 type: 'string',
                 default: MAP_TYPES[0].value,
@@ -28,6 +43,10 @@ export function createMapGroupBlock(options) {
                 type: 'object',
                 default: { id: 0, url: '', alt: '' },
             },
+            address: {
+                type: 'string',
+                default: '',
+            },
             url: {
                 type: 'string',
                 default: '',
@@ -42,6 +61,6 @@ export function createMapGroupBlock(options) {
             },
         },
         edit: createMapGroupEdit(options),
-        save: () => null,
+        save: () => _jsx(InnerBlocks.Content, {}),
     };
 }

package/build/blocks/map/map-group/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/map/map-group/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,kBAAkB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAChE,OAAO,EAAC,mBAAmB,EAAC,MAAM,WAAW,CAAA;AAE7C,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,SAAS,CAAA;AAE5C,eAAO,MAAM,gBAAgB,EAAE,eAG9B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/map/map-group/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,kBAAkB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAChE,OAAO,EAAC,mBAAmB,EAAC,MAAM,WAAW,CAAA;AAE7C,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,SAAS,CAAA;AAE5C,eAAO,MAAM,gBAAgB,EAAE,eAI9B,CAAA"}

package/build/blocks/map/map-group/index.js

@@ -2,4 +2,5 @@ export { createMapGroupBlock } from './factory';
 export const mapGroupDefaults = {
     name: 'brilo/map-group',
     parent: ['brilo/base-section'],
+    allowedBlocks: ['brilo/button-group', 'brilo/basic-button']
 };

package/build/blocks/map/map-group/types.d.ts

@@ -1,15 +1,29 @@
-import { BriloBlockType, Media } from '../../../types';
-import { MAP_TYPES } from './constants';
+import { BriloBlockType, Media, 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;
 }
 //# sourceMappingURL=types.d.ts.map

package/build/blocks/map/map-group/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/map/map-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAE,KAAK,EAAC,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAA;AAErC,MAAM,MAAM,OAAO,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAEzD,MAAM,WAAW,kBAAmB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACjE,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;IACrB,GAAG,EAAE,KAAK,CAAA;IACV,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc;CAAG"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/map/map-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAE,KAAK,EAAoB,KAAK,WAAW,EAAC,MAAM,SAAS,CAAA;AACjF,OAAO,EAAC,sBAAsB,EAAE,SAAS,EAAC,MAAM,aAAa,CAAA;AAC7D,OAAO,EAAC,cAAc,EAAC,MAAM,aAAa,CAAC;AAE3C,MAAM,MAAM,OAAO,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAEzD,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;AAC3D,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAA;AAEnE,MAAM,WAAW,kBAAkB,CAAC,aAAa,SAAS,MAAM,GAAG,aAAa,CAAE,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC/G,MAAM,EAAE;QACN,OAAO,EAAE;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,aAAa,CAAC;YAAC,KAAK,EAAE,aAAa,CAAA;SAAC,CAAA;KACrE,CAAA;IACD,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;IACrB,GAAG,EAAE,KAAK,CAAA;IACV,OAAO,EAAE,MAAM,CAAA;IACf,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,eAAe,CAC9B,cAAc,SAAS,WAAW,GAAG,OAAO,sBAAsB,CAClE,SAAQ,cAAc;IACtB,aAAa,CAAC,EAAE,cAAc,CAAA;IAC9B,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B"}

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

@@ -12,7 +12,11 @@ export declare const baseAttributes: {
     };
     readonly background: {
         readonly type: "string";
-        readonly default: "none";
+        readonly default: "";
+    };
+    readonly textColor: {
+        readonly type: "string";
+        readonly default: "";
     };
 };
 //# sourceMappingURL=attributes.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"attributes.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/base-section/attributes.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;CAgBjB,CAAA"}
+{"version":3,"file":"attributes.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/base-section/attributes.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;CAoBjB,CAAA"}

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

@@ -12,6 +12,10 @@ export const baseAttributes = {
     },
     background: {
         type: 'string',
-        default: 'none',
+        default: '',
+    },
+    textColor: {
+        type: 'string',
+        default: '',
     },
 };

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

@@ -12,20 +12,4 @@ export declare const SPACING_POSITIONS: readonly [{
     readonly label: import("@wordpress/i18n").TransformedText<"Pouze dole">;
 }];
 export declare const SPACING_SIZES: readonly ["default", "sm", "xs"];
-export declare const BACKGROUNDS: readonly [{
-    readonly value: "none";
-    readonly label: import("@wordpress/i18n").TransformedText<"Žádné">;
-}, {
-    readonly value: "primary";
-    readonly label: import("@wordpress/i18n").TransformedText<"Primární">;
-}, {
-    readonly value: "secondary";
-    readonly label: import("@wordpress/i18n").TransformedText<"Sekundární">;
-}, {
-    readonly value: "conversion";
-    readonly label: import("@wordpress/i18n").TransformedText<"Konverzní">;
-}, {
-    readonly value: "neutral";
-    readonly label: import("@wordpress/i18n").TransformedText<"Neutrální">;
-}];
 //# sourceMappingURL=constants.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/base-section/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;EAKpB,CAAA;AAEV,eAAO,MAAM,aAAa,kCAAmC,CAAA;AAE7D,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;EAMd,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/base-section/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;EAKpB,CAAA;AAEV,eAAO,MAAM,aAAa,kCAAmC,CAAA"}

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

@@ -6,10 +6,3 @@ export const SPACING_POSITIONS = [
     { value: 'top-0', label: __('Pouze dole', 'brilo-blocks') },
 ];
 export const SPACING_SIZES = ['default', 'sm', 'xs'];
-export const BACKGROUNDS = [
-    { value: 'none', label: __('Žádné', 'brilo-blocks') },
-    { value: 'primary', label: __('Primární', 'brilo-blocks') },
-    { value: 'secondary', label: __('Sekundární', 'brilo-blocks') },
-    { value: 'conversion', label: __('Konverzní', 'brilo-blocks') },
-    { value: 'neutral', label: __('Neutrální', 'brilo-blocks') },
-];

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

@@ -1 +1 @@
-{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/base-section/controls.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAC,mBAAmB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAMpE,UAAU,iBAAiB;IACzB,UAAU,EAAE,mBAAmB,CAAA;IAC/B,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IAC5D,OAAO,EAAE,kBAAkB,EAAE,CAAA;CAC9B;AAED,wBAAgB,YAAY,CAAC,EAAC,UAAU,EAAE,aAAa,EAAE,OAAO,EAAC,EAAE,iBAAiB,+BAiDnF"}
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/base-section/controls.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAC,mBAAmB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAMpE,UAAU,iBAAiB;IACzB,UAAU,EAAE,mBAAmB,CAAA;IAC/B,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IAC5D,OAAO,EAAE,kBAAkB,EAAE,CAAA;CAC9B;AAED,wBAAgB,YAAY,CAAC,EAAC,UAAU,EAAE,aAAa,EAAE,OAAO,EAAC,EAAE,iBAAiB,+BAyDnF"}

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

@@ -1,8 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ColorPalette, ContrastChecker } from '@wordpress/block-editor';
 import { PanelBody, SelectControl, TextControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
-import { BACKGROUNDS, SPACING_POSITIONS, SPACING_SIZES } from './constants';
+import { useTenantColorPalette } from '../../../hooks/useTenantColorPalette';
+import { SPACING_POSITIONS, SPACING_SIZES } from './constants';
 export function BaseControls({ attributes, setAttributes, exclude }) {
-    const { id, spacing, background } = attributes;
-    return (_jsxs(_Fragment, { children: [!exclude.includes('spacing') && (_jsxs(PanelBody, { title: __('Rozestupy', 'brilo-blocks'), children: [_jsx(SelectControl, { label: __('Pozice', 'brilo-blocks'), value: spacing.position, options: [...SPACING_POSITIONS], onChange: (value) => setAttributes({ spacing: { ...spacing, position: value } }) }), _jsx(ToggleGroupControl, { label: __('Velikost', 'brilo-blocks'), value: spacing.size, onChange: (value) => setAttributes({ spacing: { ...spacing, size: value } }), isBlock: true, children: SPACING_SIZES.map((s) => (_jsx(ToggleGroupControlOption, { value: s, label: s === 'default' ? __('Výchozí', 'brilo-blocks') : s.toUpperCase() }, s))) })] })), !exclude.includes('background') && (_jsx(PanelBody, { title: __('Pozadí', 'brilo-blocks'), children: _jsx(SelectControl, { label: __('Pozadí', 'brilo-blocks'), value: background, options: [...BACKGROUNDS], onChange: (value) => setAttributes({ background: value }) }) })), !exclude.includes('id') && (_jsx(PanelBody, { title: __('Kotva', 'brilo-blocks'), initialOpen: false, children: _jsx(TextControl, { label: __('ID sekce', 'brilo-blocks'), value: id !== null && id !== void 0 ? id : '', onChange: (value) => setAttributes({ id: value }), help: __('Použije se jako HTML atribut id pro kotevní odkaz.', 'brilo-blocks') }) }))] }));
+    const { id, spacing, background, textColor } = attributes;
+    const { paletteColors, resolveHex } = useTenantColorPalette();
+    return (_jsxs(_Fragment, { children: [!exclude.includes('spacing') && (_jsxs(PanelBody, { title: __('Rozestupy', 'brilo-blocks'), children: [_jsx(SelectControl, { label: __('Pozice', 'brilo-blocks'), value: spacing.position, options: [...SPACING_POSITIONS], onChange: (value) => setAttributes({ spacing: { ...spacing, position: value } }) }), _jsx(ToggleGroupControl, { label: __('Velikost', 'brilo-blocks'), value: spacing.size, onChange: (value) => setAttributes({ spacing: { ...spacing, size: value } }), isBlock: true, children: SPACING_SIZES.map((s) => (_jsx(ToggleGroupControlOption, { value: s, label: s === 'default' ? __('Výchozí', 'brilo-blocks') : s.toUpperCase() }, s))) })] })), !exclude.includes('background') && (_jsxs(PanelBody, { title: __('Barvy', 'brilo-blocks'), children: [_jsx("p", { children: __('Pozadí', 'brilo-blocks') }), _jsx(ColorPalette, { colors: paletteColors, value: background || undefined, onChange: (value) => setAttributes({ background: value !== null && value !== void 0 ? value : '' }) }), _jsx("p", { children: __('Barva textu', 'brilo-blocks') }), _jsx(ColorPalette, { colors: paletteColors, value: textColor || undefined, onChange: (value) => setAttributes({ textColor: value !== null && value !== void 0 ? value : '' }) }), !!background && !!textColor && _jsx(ContrastChecker, { backgroundColor: resolveHex(background), textColor: resolveHex(textColor) })] })), !exclude.includes('id') && (_jsx(PanelBody, { title: __('Kotva', 'brilo-blocks'), initialOpen: false, children: _jsx(TextControl, { label: __('ID sekce', 'brilo-blocks'), value: id !== null && id !== void 0 ? id : '', onChange: (value) => setAttributes({ id: value }), help: __('Použije se jako HTML atribut id pro kotevní odkaz.', 'brilo-blocks') }) }))] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/base-section/edit.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAA;AACrD,OAAO,KAAK,EAAC,mBAAmB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAGpE,wBAAgB,qBAAqB,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,kBAAkB,CAAC,MAAM,CAAC,IAGlH,OAAO,cAAc,CAAC,mBAAmB,GAAG,MAAM,CAAC,iCAyBzE"}
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/base-section/edit.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAA;AACrD,OAAO,KAAK,EAAC,mBAAmB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAGpE,wBAAgB,qBAAqB,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,kBAAkB,CAAC,MAAM,CAAC,IAGlH,OAAO,cAAc,CAAC,mBAAmB,GAAG,MAAM,CAAC,iCAgCzE"}

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

@@ -7,7 +7,14 @@ export function createBaseSectionEdit(options) {
     return function Edit(props) {
         var _a;
         const { attributes, setAttributes } = props;
-        const blockProps = useBlockProps({ className: options.blockClassName });
+        const { background, textColor } = attributes;
+        const blockProps = useBlockProps({
+            className: options.blockClassName,
+            style: {
+                ...(background ? { backgroundColor: background, padding: '16px' } : {}),
+                ...(textColor ? { color: textColor } : {}),
+            },
+        });
         const innerBlocksProps = useInnerBlocksProps({ className: options.containerClassName }, {
             allowedBlocks: options.allowedBlocks,
             orientation: 'vertical',

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

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/base-section/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAMzD,OAAO,KAAK,EAAC,mBAAmB,EAAE,kBAAkB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAExF,YAAY,EAAC,mBAAmB,EAAE,kBAAkB,EAAE,kBAAkB,EAAC,CAAA;AAEzE,wBAAgB,sBAAsB,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACnG,OAAO,EAAE,kBAAkB,CAAC,MAAM,CAAC,GAClC,kBAAkB,CAAC,mBAAmB,GAAG,MAAM,CAAC,CAiClD"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/base-section/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAKzD,OAAO,KAAK,EAAC,mBAAmB,EAAE,kBAAkB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAExF,YAAY,EAAC,mBAAmB,EAAE,kBAAkB,EAAE,kBAAkB,EAAC,CAAA;AAEzE,wBAAgB,sBAAsB,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACnG,OAAO,EAAE,kBAAkB,CAAC,MAAM,CAAC,GAClC,kBAAkB,CAAC,mBAAmB,GAAG,MAAM,CAAC,CA8BlD"}

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

@@ -2,7 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { InnerBlocks } from '@wordpress/block-editor';
 import { __ } from '@wordpress/i18n';
 import { baseAttributes } from './attributes';
-import { BACKGROUNDS } from './constants';
 import { createBaseSectionEdit } from './edit';
 import { icon as defaultIcon } from './icon';
 export function createBaseSectionBlock(options) {
@@ -10,13 +9,9 @@ export function createBaseSectionBlock(options) {
     const exclude = (_a = options.exclude) !== null && _a !== void 0 ? _a : [];
     const attributes = {};
     for (const [key, value] of Object.entries(baseAttributes)) {
-        if (!exclude.includes(key)) {
-            if (key === 'background') {
-                attributes[key] = { ...value, enum: BACKGROUNDS.map((b) => b.value) };
-            }
-            else {
-                attributes[key] = value;
-            }
+        const excludeKey = key === 'textColor' ? 'background' : key;
+        if (!exclude.includes(excludeKey)) {
+            attributes[key] = value;
         }
     }
     if (options.extraAttributes) {

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

@@ -1,6 +1,6 @@
 export type { BaseBlockAttributes, BaseSectionOptions, ExcludableBaseAttr } from './types';
 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';
 import type { BaseSectionOptions } from './types';