@brilo/base-blocks 0.1.54 → 0.1.55

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

@@ -1 +1 @@
-{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/accordion/accordion-item/edit.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,uBAAuB,EAAE,oBAAoB,EAAC,MAAM,SAAS,CAAA;AAE1E,wBAAgB,uBAAuB,CAAC,QAAQ,EAAE,oBAAoB,oCAIjE;IACD,UAAU,EAAE,uBAAuB,CAAA;IACnC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAA;CAC7D,iCAgCF"}
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/accordion/accordion-item/edit.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,uBAAuB,EAAE,oBAAoB,EAAC,MAAM,SAAS,CAAA;AAE1E,wBAAgB,uBAAuB,CAAC,QAAQ,EAAE,oBAAoB,oCAIjE;IACD,UAAU,EAAE,uBAAuB,CAAA;IACnC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAA;CAC7D,iCAyCF"}

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

@@ -1,14 +1,14 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { RichText, useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
-import { BaseControl } from '@wordpress/components';
+import { InspectorControls, RichText, useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
+import { BaseControl, PanelBody, ToggleControl } from '@wordpress/components';
 import { Icon, chevronDown } from '@wordpress/icons';
 import { __ } from '@wordpress/i18n';
 import clsx from 'clsx';
 export function createAccordionItemEdit(_options) {
     return function Edit({ attributes, setAttributes, }) {
-        const { title } = attributes;
+        const { title, open } = attributes;
         const blockProps = useBlockProps({ className: clsx('accordion-item') });
         const innerBlocksProps = useInnerBlocksProps({});
-        return (_jsx(_Fragment, { children: _jsxs("div", { ...blockProps, children: [_jsxs("header", { className: "accordion-item__header flex gap-2", children: [_jsx(RichText, { identifier: "title", className: "title u-text-editable grow", tagName: "h3", value: title, allowedFormats: [], onChange: (value) => setAttributes({ title: value }), placeholder: __('Nadpis prvku', 'brilo-blocks'), "data-custom-placeholder": true }), _jsxs("label", { className: "accordion-item__dropdown flex items-center justify-center cursor-pointer", children: [_jsx(Icon, { icon: chevronDown, size: 32, className: "accordion-item__dropdown-icon", color: "white" }), _jsx("input", { type: "checkbox", defaultChecked: true })] })] }), _jsx(BaseControl, { label: __('Obsah:', 'brilo-blocks'), className: "accordion-item__content", children: _jsx("div", { ...innerBlocksProps }) })] }) }));
+        return (_jsxs(_Fragment, { children: [_jsx(InspectorControls, { children: _jsx(PanelBody, { title: __('Nastavení', 'brilo-blocks'), children: _jsx(ToggleControl, { label: __('Otevřeno ve výchozím stavu', 'brilo-blocks'), checked: open, onChange: (v) => setAttributes({ open: v }) }) }) }), _jsxs("div", { ...blockProps, children: [_jsxs("header", { className: "accordion-item__header flex gap-2", children: [_jsx(RichText, { identifier: "title", className: "title u-text-editable grow", tagName: "h3", value: title, allowedFormats: [], onChange: (value) => setAttributes({ title: value }), placeholder: __('Nadpis prvku', 'brilo-blocks'), "data-custom-placeholder": true }), _jsxs("label", { className: "accordion-item__dropdown flex items-center justify-center cursor-pointer", children: [_jsx(Icon, { icon: chevronDown, size: 32, className: "accordion-item__dropdown-icon", color: "white" }), _jsx("input", { type: "checkbox", defaultChecked: true })] })] }), _jsx(BaseControl, { label: __('Obsah:', 'brilo-blocks'), className: "accordion-item__content", children: _jsx("div", { ...innerBlocksProps }) })] })] }));
     };
 }

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

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/accordion/accordion-item/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAGzD,OAAO,KAAK,EAAC,uBAAuB,EAAE,oBAAoB,EAAC,MAAM,SAAS,CAAA;AAE1E,YAAY,EAAC,uBAAuB,EAAE,oBAAoB,EAAC,CAAA;AAE3D,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,oBAAoB,GAAG,kBAAkB,CAAC,uBAAuB,CAAC,CAenH"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/accordion/accordion-item/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAGzD,OAAO,KAAK,EAAC,uBAAuB,EAAE,oBAAoB,EAAC,MAAM,SAAS,CAAA;AAE1E,YAAY,EAAC,uBAAuB,EAAE,oBAAoB,EAAC,CAAA;AAE3D,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,oBAAoB,GAAG,kBAAkB,CAAC,uBAAuB,CAAC,CAgBnH"}

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

@@ -14,6 +14,7 @@ export function createAccordionItemBlock(options) {
         supports: { html: false, customClassName: false },
         attributes: {
             title: { type: 'string', default: '' },
+            open: { type: 'boolean', default: false },
         },
         edit: createAccordionItemEdit(options),
         save: () => _jsx(InnerBlocks.Content, {}),

package/build/blocks/accordion/accordion-item/types.d.ts

@@ -1,6 +1,7 @@
 import type { BriloBlockType } from '../../../types';
 export interface AccordionItemAttributes extends Record<string, unknown> {
     title: string;
+    open: boolean;
 }
 export interface AccordionItemOptions extends BriloBlockType {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/accordion/accordion-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,WAAW,uBAAwB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACtE,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc;CAAG"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/accordion/accordion-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,WAAW,uBAAwB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACtE,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,CAAA;CACd;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc;CAAG"}

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

@@ -16,6 +16,6 @@ export const contentGroupDefaults = {
         'core/embed',
         'core/video',
         'core/file',
-        'brilo/link',
+        'brilo/link-item',
     ],
 };

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

@@ -1,6 +1,4 @@
+import type { BlockEditProps } from '@wordpress/blocks';
 import type { HeroItemAttributes, HeroItemOptions } from './types';
-export declare function createHeroItemEdit(options: HeroItemOptions): ({ attributes, setAttributes, }: {
-    attributes: HeroItemAttributes;
-    setAttributes: (a: Partial<HeroItemAttributes>) => void;
-}) => import("react").JSX.Element;
+export declare function createHeroItemEdit(options: HeroItemOptions): (props: BlockEditProps<HeroItemAttributes>) => import("react").JSX.Element;
 //# sourceMappingURL=edit.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/hero/hero-item/edit.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAkB,kBAAkB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAKjF,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,eAAe,oCAItD;IACD,UAAU,EAAE,kBAAkB,CAAA;IAC9B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAA;CACxD,iCAgIF"}
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/hero/hero-item/edit.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAA;AAcrD,OAAO,KAAK,EAAkB,kBAAkB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAKjF,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,eAAe,WAC7B,cAAc,CAAC,kBAAkB,CAAC,iCAkI/D"}

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

@@ -8,20 +8,21 @@ import { useGroupBlock } from '../../../hooks/useGroupBlock';
 import { useTenantColorPalette } from '../../../hooks/useTenantColorPalette';
 import clsx from 'clsx';
 export function createHeroItemEdit(options) {
-    return function Edit({ attributes, setAttributes, }) {
-        var _a;
-        var _b, _c, _d;
+    return function Edit(props) {
+        var _a, _b;
+        var _c, _d, _e;
+        const { attributes, setAttributes } = props;
         const { title, titleColor, img, headingLevel, contentPosition, url, focalPoint, overline } = attributes;
         const { paletteColors } = useTenantColorPalette();
         const { blockProps, innerBlocksProps } = useGroupBlock({
-            blockClassName: clsx((_b = options.blockClassName) !== null && _b !== void 0 ? _b : 'i-hero'),
-            containerClassName: [(_c = options.containerClassName) !== null && _c !== void 0 ? _c : 'i-hero__content wp-block-inner-content'],
+            blockClassName: clsx((_c = options.blockClassName) !== null && _c !== void 0 ? _c : 'i-hero'),
+            containerClassName: [(_d = options.containerClassName) !== null && _d !== void 0 ? _d : 'i-hero__content wp-block-inner-content'],
             allowedBlocks: options.allowedBlocks,
             orientation: 'vertical',
             template: options.template,
             layout: { type: 'default' },
         });
-        return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsxs(PanelBody, { title: __('Obrázek', 'brilo-blocks'), children: [_jsx(ImagePickerControl, { value: { id: img.id, alt: img.alt }, onChange: (v) => setAttributes({ img: { ...img, ...v } }) }), _jsx(BaseControl, { label: __('Focal point (desktop)', 'brilo-blocks'), children: _jsx(AlignmentMatrixControl, { value: focalPoint.point, onChange: (v) => setAttributes({ focalPoint: { ...focalPoint, point: (v !== null && v !== void 0 ? v : 'center center') } }) }) }), _jsx(BaseControl, { label: __('Focal point (mobil)', 'brilo-blocks'), children: _jsx(AlignmentMatrixControl, { value: ((_d = (_a = focalPoint.sm) === null || _a === void 0 ? void 0 : _a.point) !== null && _d !== void 0 ? _d : 'center center'), onChange: (v) => setAttributes({ focalPoint: { ...focalPoint, sm: { point: (v !== null && v !== void 0 ? v : 'center center') } } }) }) })] }), _jsxs(PanelBody, { title: __('Overline', 'brilo-blocks'), children: [_jsx(BaseControl, { label: __('Barva overline pozadí', 'brilo-blocks'), children: _jsx(ColorPalette, { colors: paletteColors, value: overline.background || undefined, onChange: (value) => setAttributes({ overline: { ...overline, background: value !== null && value !== void 0 ? value : '' } }) }) }), _jsx(BaseControl, { label: __('Barva overline textu', 'brilo-blocks'), children: _jsx(ColorPalette, { colors: paletteColors, value: overline.color || undefined, onChange: (value) => setAttributes({ overline: { ...overline, color: value !== null && value !== void 0 ? value : '' } }) }) })] }), _jsxs(PanelBody, { title: __('Nadpis', 'brilo-blocks'), children: [_jsx(BaseControl, { label: __('Barva nadpisu', 'brilo-blocks'), children: _jsx(ColorPalette, { colors: paletteColors, value: titleColor || undefined, onChange: (v) => setAttributes({ titleColor: v !== null && v !== void 0 ? v : '' }) }) }), _jsx(ToggleGroupControl, { isBlock: true, label: __('Úroveň nadpisu položek', 'brilo-blocks'), value: String(headingLevel), onChange: (v) => setAttributes({ headingLevel: Number(v !== null && v !== void 0 ? v : HEADING_LEVELS[1]) }), children: HEADING_LEVELS.map((l) => (_jsx(ToggleGroupControlOption, { value: String(l), label: `H${l}` }, l))) })] }), _jsx(PanelBody, { title: __('Rozložení', 'brilo-blocks'), children: _jsx(BaseControl, { label: __('Pozice obsahu', 'brilo-blocks'), children: _jsx(AlignmentMatrixControl, { value: contentPosition, onChange: (v) => setAttributes({ contentPosition: v }) }) }) }), _jsxs(PanelBody, { title: __('Odkaz', 'brilo-blocks'), children: [_jsx(TextControl, { label: __('URL odkazu', 'brilo-blocks'), value: url.src, onChange: (v) => setAttributes({ url: { ...url, src: v } }) }), _jsx(ToggleControl, { label: __('Otevřít v novém okně', 'brilo-blocks'), checked: url.blank, onChange: (v) => setAttributes({ url: { ...url, blank: v } }) })] })] }), _jsxs("div", { ...blockProps, children: [_jsx("div", { className: "i-hero__image-wrap", children: _jsx(ImagePickerBody, { value: { id: img.id, alt: img.alt }, onChange: (v) => setAttributes({ img: { ...img, ...v } }), placeholder: __('Vyberte obrázek', 'brilo-blocks') }) }), _jsxs("div", { className: `i-hero__overlay --${contentPosition.replace(' ', '-')}`, children: [_jsx(RichText, { tagName: "span", className: "i-hero__overline u-text-editable", style: overline.color || overline.background
+        return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsxs(PanelBody, { title: __('Obrázek', 'brilo-blocks'), children: [_jsx(ImagePickerControl, { value: { id: img.id, alt: img.alt }, onChange: (v) => setAttributes({ img: { ...img, ...v } }) }), _jsx(BaseControl, { label: __('Focal point (desktop)', 'brilo-blocks'), children: _jsx(AlignmentMatrixControl, { value: focalPoint.point, onChange: (v) => setAttributes({ focalPoint: { ...focalPoint, point: (v !== null && v !== void 0 ? v : 'center center') } }) }) }), _jsx(BaseControl, { label: __('Focal point (mobil)', 'brilo-blocks'), children: _jsx(AlignmentMatrixControl, { value: ((_e = (_a = focalPoint.sm) === null || _a === void 0 ? void 0 : _a.point) !== null && _e !== void 0 ? _e : 'center center'), onChange: (v) => setAttributes({ focalPoint: { ...focalPoint, sm: { point: (v !== null && v !== void 0 ? v : 'center center') } } }) }) })] }), _jsxs(PanelBody, { title: __('Overline', 'brilo-blocks'), children: [_jsx(BaseControl, { label: __('Barva overline pozadí', 'brilo-blocks'), children: _jsx(ColorPalette, { colors: paletteColors, value: overline.background || undefined, onChange: (value) => setAttributes({ overline: { ...overline, background: value !== null && value !== void 0 ? value : '' } }) }) }), _jsx(BaseControl, { label: __('Barva overline textu', 'brilo-blocks'), children: _jsx(ColorPalette, { colors: paletteColors, value: overline.color || undefined, onChange: (value) => setAttributes({ overline: { ...overline, color: value !== null && value !== void 0 ? value : '' } }) }) })] }), _jsxs(PanelBody, { title: __('Nadpis', 'brilo-blocks'), children: [_jsx(BaseControl, { label: __('Barva nadpisu', 'brilo-blocks'), children: _jsx(ColorPalette, { colors: paletteColors, value: titleColor || undefined, onChange: (v) => setAttributes({ titleColor: v !== null && v !== void 0 ? v : '' }) }) }), _jsx(ToggleGroupControl, { isBlock: true, label: __('Úroveň nadpisu položek', 'brilo-blocks'), value: String(headingLevel), onChange: (v) => setAttributes({ headingLevel: Number(v !== null && v !== void 0 ? v : HEADING_LEVELS[1]) }), children: HEADING_LEVELS.map((l) => (_jsx(ToggleGroupControlOption, { value: String(l), label: `H${l}` }, l))) })] }), _jsx(PanelBody, { title: __('Rozložení', 'brilo-blocks'), children: _jsx(BaseControl, { label: __('Pozice obsahu', 'brilo-blocks'), children: _jsx(AlignmentMatrixControl, { value: contentPosition, onChange: (v) => setAttributes({ contentPosition: v }) }) }) }), _jsxs(PanelBody, { title: __('Odkaz', 'brilo-blocks'), children: [_jsx(TextControl, { label: __('URL odkazu', 'brilo-blocks'), value: url.src, onChange: (v) => setAttributes({ url: { ...url, src: v } }) }), _jsx(ToggleControl, { label: __('Otevřít v novém okně', 'brilo-blocks'), checked: url.blank, onChange: (v) => setAttributes({ url: { ...url, blank: v } }) })] }), (_b = options.extraControls) === null || _b === void 0 ? void 0 : _b.call(options, props)] }), _jsxs("div", { ...blockProps, children: [_jsx("div", { className: "i-hero__image-wrap", children: _jsx(ImagePickerBody, { value: { id: img.id, alt: img.alt }, onChange: (v) => setAttributes({ img: { ...img, ...v } }), placeholder: __('Vyberte obrázek', 'brilo-blocks') }) }), _jsxs("div", { className: `i-hero__overlay --${contentPosition.replace(' ', '-')}`, children: [_jsx(RichText, { tagName: "span", className: "i-hero__overline u-text-editable", style: overline.color || overline.background
                                         ? {
                                             ...(overline.color ? { color: overline.color } : {}),
                                             ...(overline.background ? { backgroundColor: overline.background } : {}),

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

@@ -1,5 +1,5 @@
 import type { BlockConfiguration } from '@wordpress/blocks';
 import type { HeroItemAttributes, HeroItemOptions } from './types';
 export type { HeroItemAttributes, HeroItemOptions };
-export declare function createHeroItemBlock(options: HeroItemOptions): BlockConfiguration<HeroItemAttributes>;
+export declare function createHeroItemBlock<TExtra extends Record<string, unknown> = Record<string, never>>(options: HeroItemOptions<TExtra>): BlockConfiguration<HeroItemAttributes & TExtra>;
 //# sourceMappingURL=factory.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/hero/hero-item/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAIzD,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,CAyCpG"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/hero/hero-item/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAIzD,OAAO,KAAK,EAAC,kBAAkB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAGhE,YAAY,EAAC,kBAAkB,EAAE,eAAe,EAAC,CAAA;AAEjD,wBAAgB,mBAAmB,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAChG,OAAO,EAAE,eAAe,CAAC,MAAM,CAAC,GAC/B,kBAAkB,CAAC,kBAAkB,GAAG,MAAM,CAAC,CA0CjD"}

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

@@ -40,6 +40,7 @@ export function createHeroItemBlock(options) {
                 type: 'object',
                 default: { point: 'center center', sm: { point: 'center center' } },
             },
+            ...options.extraAttributes,
         },
         edit: createHeroItemEdit(options),
         save: () => _jsx(InnerBlocks.Content, {}),

package/build/blocks/hero/hero-item/types.d.ts

@@ -1,3 +1,5 @@
+import type { BlockEditProps } from '@wordpress/blocks';
+import type { ReactNode } from 'react';
 import type { BriloBlockType, Media, OptionArray } from '../../../types';
 import type { CONTENT_POSITIONS, HEADING_LEVELS } from './constants';
 export type ContentPosition = (typeof CONTENT_POSITIONS)[number]['value'];
@@ -38,7 +40,14 @@ export interface HeroItemAttributes extends Record<string, unknown> {
     url: HeroItemUrl;
     focalPoint: HeroItemFocalPoint;
 }
-export interface HeroItemOptions extends BriloBlockType {
+export interface HeroItemOptions<TExtra extends Record<string, unknown> = Record<string, never>> extends BriloBlockType {
     contentPositions?: OptionArray;
+    extraAttributes?: {
+        [K in keyof TExtra]: {
+            type: string;
+            default: TExtra[K];
+        };
+    };
+    extraControls?: (props: BlockEditProps<HeroItemAttributes & TExtra>) => ReactNode;
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/hero/hero-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAE,KAAK,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AAC/D,OAAO,KAAK,EAAC,iBAAiB,EAAE,cAAc,EAAC,MAAM,aAAa,CAAA;AAElE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AACzE,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;AAE1D,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,OAAO,CAAA;CACf,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAC,CAAA;IAC9D,GAAG,EAAE,KAAK,CAAA;IACV,YAAY,EAAE,MAAM,CAAA;IACpB,eAAe,EAAE,eAAe,CAAA;IAChC,GAAG,EAAE,WAAW,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,eAAe,CAAA;IACtB,EAAE,CAAC,EAAE;QACH,KAAK,EAAE,eAAe,CAAA;KACvB,CAAA;CACF,CAAA;AAED,MAAM,WAAW,kBAAmB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAC,CAAA;IAC9D,GAAG,EAAE,KAAK,CAAA;IACV,YAAY,EAAE,MAAM,CAAA;IACpB,eAAe,EAAE,eAAe,CAAA;IAChC,GAAG,EAAE,WAAW,CAAA;IAChB,UAAU,EAAE,kBAAkB,CAAA;CAC/B;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,gBAAgB,CAAC,EAAE,WAAW,CAAA;CAC/B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/hero/hero-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAA;AACrD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AACpC,OAAO,KAAK,EAAC,cAAc,EAAE,KAAK,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AAC/D,OAAO,KAAK,EAAC,iBAAiB,EAAE,cAAc,EAAC,MAAM,aAAa,CAAA;AAElE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AACzE,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;AAE1D,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,OAAO,CAAA;CACf,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAC,CAAA;IAC9D,GAAG,EAAE,KAAK,CAAA;IACV,YAAY,EAAE,MAAM,CAAA;IACpB,eAAe,EAAE,eAAe,CAAA;IAChC,GAAG,EAAE,WAAW,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,eAAe,CAAA;IACtB,EAAE,CAAC,EAAE;QACH,KAAK,EAAE,eAAe,CAAA;KACvB,CAAA;CACF,CAAA;AAED,MAAM,WAAW,kBAAmB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAC,CAAA;IAC9D,GAAG,EAAE,KAAK,CAAA;IACV,YAAY,EAAE,MAAM,CAAA;IACpB,eAAe,EAAE,eAAe,CAAA;IAChC,GAAG,EAAE,WAAW,CAAA;IAChB,UAAU,EAAE,kBAAkB,CAAA;CAC/B;AAED,MAAM,WAAW,eAAe,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAE,SAAQ,cAAc;IACrH,gBAAgB,CAAC,EAAE,WAAW,CAAA;IAC9B,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,kBAAkB,GAAG,MAAM,CAAC,KAAK,SAAS,CAAA;CAClF"}

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

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/testimonial/testimonial-item/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAGzD,OAAO,KAAK,EAAC,yBAAyB,EAAE,sBAAsB,EAAC,MAAM,SAAS,CAAA;AAE9E,wBAAgB,0BAA0B,CACxC,OAAO,EAAE,sBAAsB,GAAG;IAAC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;CAAC,GACpD,kBAAkB,CAAC,yBAAyB,CAAC,CA2B/C"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/testimonial/testimonial-item/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAGzD,OAAO,KAAK,EAAC,yBAAyB,EAAE,sBAAsB,EAAC,MAAM,SAAS,CAAA;AAE9E,wBAAgB,0BAA0B,CACxC,OAAO,EAAE,sBAAsB,GAAG;IAAC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;CAAC,GACpD,kBAAkB,CAAC,yBAAyB,CAAC,CA4B/C"}

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

@@ -5,7 +5,8 @@ export function createTestimonialItemBlock(options) {
     return {
         name: options.name,
         title: (_a = options.title) !== null && _a !== void 0 ? _a : __('Reference - položka', 'brilo-blocks'),
-        category: (_b = options.category) !== null && _b !== void 0 ? _b : 'brilo',
+        category: (_b = options.category) !== null && _b !== void 0 ? _b : 'layout',
+        ...(options.parent && { parent: options.parent }),
         supports: { html: false, customClassName: false },
         attributes: {
             title: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brilo/base-blocks",
-  "version": "0.1.54",
+  "version": "0.1.55",
   "author": "Brilo",
   "main": "./build/index.js",
   "types": "./build/index.d.ts",

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

@@ -1,5 +1,5 @@
-import {RichText, useBlockProps, useInnerBlocksProps} from '@wordpress/block-editor'
-import {BaseControl} from '@wordpress/components'
+import {InspectorControls, RichText, useBlockProps, useInnerBlocksProps} from '@wordpress/block-editor'
+import {BaseControl, PanelBody, ToggleControl} from '@wordpress/components'
 import {Icon, chevronDown} from '@wordpress/icons'
 import {__} from '@wordpress/i18n'
 import clsx from 'clsx'
@@ -13,13 +13,22 @@ export function createAccordionItemEdit(_options: AccordionItemOptions) {
     attributes: AccordionItemAttributes
     setAttributes: (a: Partial<AccordionItemAttributes>) => void
   }) {
-    const {title} = attributes
+    const {title, open} = attributes
 
     const blockProps = useBlockProps({className: clsx('accordion-item')})
     const innerBlocksProps = useInnerBlocksProps({})
 
     return (
       <>
+        <InspectorControls>
+          <PanelBody title={__('Nastavení', 'brilo-blocks')}>
+            <ToggleControl
+              label={__('Otevřeno ve výchozím stavu', 'brilo-blocks')}
+              checked={open}
+              onChange={(v) => setAttributes({open: v})}
+            />
+          </PanelBody>
+        </InspectorControls>
         <div {...blockProps}>
           <header className="accordion-item__header flex gap-2">
             <RichText

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

@@ -17,6 +17,7 @@ export function createAccordionItemBlock(options: AccordionItemOptions): BlockCo
     supports: {html: false, customClassName: false},
     attributes: {
       title: {type: 'string', default: ''},
+      open: {type: 'boolean', default: false},
     },
     edit: createAccordionItemEdit(options),
     save: () => <InnerBlocks.Content />,

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

@@ -2,6 +2,7 @@ import type {BriloBlockType} from '~/types'
 
 export interface AccordionItemAttributes extends Record<string, unknown> {
   title: string
+  open: boolean
 }
 
 export interface AccordionItemOptions extends BriloBlockType {}

package/src/blocks/core/basic-button/editor.scss

@@ -77,4 +77,15 @@
   .i-button__label {
     pointer-events: auto;
   }
+
+  .i-button__icon .i-item-icon {
+    width: 100%;
+    height: auto;
+    background: none;
+
+    img {
+      width: 100%;
+      height: auto;
+    }
+  }
 }

package/src/blocks/groups/content-group/index.ts

@@ -20,6 +20,6 @@ export const contentGroupDefaults: ContentGroupOptions = {
     'core/embed',
     'core/video',
     'core/file',
-    'brilo/link',
+    'brilo/link-item',
   ],
 }

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

@@ -1,4 +1,5 @@
 import {InspectorControls, RichText, useBlockProps, useInnerBlocksProps} from '@wordpress/block-editor'
+import type {BlockEditProps} from '@wordpress/blocks'
 import {
   PanelBody,
   __experimentalToggleGroupControlOption as ToggleGroupControlOption,
@@ -18,13 +19,8 @@ import {useTenantColorPalette} from '~/hooks/useTenantColorPalette'
 import clsx from 'clsx'
 
 export function createHeroItemEdit(options: HeroItemOptions) {
-  return function Edit({
-    attributes,
-    setAttributes,
-  }: {
-    attributes: HeroItemAttributes
-    setAttributes: (a: Partial<HeroItemAttributes>) => void
-  }) {
+  return function Edit(props: BlockEditProps<HeroItemAttributes>) {
+    const {attributes, setAttributes} = props
     const {title, titleColor, img, headingLevel, contentPosition, url, focalPoint, overline} = attributes
     const {paletteColors} = useTenantColorPalette()
 
@@ -110,6 +106,7 @@ export function createHeroItemEdit(options: HeroItemOptions) {
               onChange={(v) => setAttributes({url: {...url, blank: v}})}
             />
           </PanelBody>
+          {options.extraControls?.(props as unknown as Parameters<NonNullable<typeof options.extraControls>>[0])}
         </InspectorControls>
 
         <div {...blockProps}>

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

@@ -7,7 +7,9 @@ import {InnerBlocks} from '@wordpress/block-editor'
 
 export type {HeroItemAttributes, HeroItemOptions}
 
-export function createHeroItemBlock(options: HeroItemOptions): BlockConfiguration<HeroItemAttributes> {
+export function createHeroItemBlock<TExtra extends Record<string, unknown> = Record<string, never>>(
+  options: HeroItemOptions<TExtra>,
+): BlockConfiguration<HeroItemAttributes & TExtra> {
   const contentPositions = options.contentPositions ?? CONTENT_POSITIONS
 
   return {
@@ -44,8 +46,9 @@ export function createHeroItemBlock(options: HeroItemOptions): BlockConfiguratio
         type: 'object',
         default: {point: 'center center', sm: {point: 'center center'}},
       },
+      ...options.extraAttributes,
     },
-    edit: createHeroItemEdit(options),
+    edit: createHeroItemEdit(options as unknown as HeroItemOptions),
     save: () => <InnerBlocks.Content />,
-  } as unknown as BlockConfiguration<HeroItemAttributes>
+  } as unknown as BlockConfiguration<HeroItemAttributes & TExtra>
 }

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

@@ -1,3 +1,5 @@
+import type {BlockEditProps} from '@wordpress/blocks'
+import type {ReactNode} from 'react'
 import type {BriloBlockType, Media, OptionArray} from '~/types'
 import type {CONTENT_POSITIONS, HEADING_LEVELS} from './constants'
 
@@ -36,6 +38,13 @@ export interface HeroItemAttributes extends Record<string, unknown> {
   focalPoint: HeroItemFocalPoint
 }
 
-export interface HeroItemOptions extends BriloBlockType {
+export interface HeroItemOptions<TExtra extends Record<string, unknown> = Record<string, never>> extends BriloBlockType {
   contentPositions?: OptionArray
+  extraAttributes?: {
+    [K in keyof TExtra]: {
+      type: string
+      default: TExtra[K]
+    }
+  }
+  extraControls?: (props: BlockEditProps<HeroItemAttributes & TExtra>) => ReactNode
 }

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

@@ -9,7 +9,8 @@ export function createTestimonialItemBlock(
   return {
     name: options.name,
     title: options.title ?? __('Reference - položka', 'brilo-blocks'),
-    category: options.category ?? 'brilo',
+    category: options.category ?? 'layout',
+    ...(options.parent && {parent: options.parent}),
     supports: {html: false, customClassName: false},
     attributes: {
       title: {