@brilo/base-blocks 0.1.10 → 0.1.12

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/column/column-item/constants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,UAA6C,CAAA;AAC/D,eAAO,MAAM,KAAK;;;;;;;;;;;;IAgBjB,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/column/column-item/constants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,UAAoD,CAAA;AACtE,eAAO,MAAM,KAAK;;;;;;;;;;;;IAgBjB,CAAA"}

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

@@ -1,6 +1,6 @@
 import { __ } from '@wordpress/i18n';
 import { justifyTop, justifyCenterVertical, justifyBottom } from '@wordpress/icons';
-export const SIZES = ['1/4', '1/3', '1/2', '2/3', '3/4', '1/1'];
+export const SIZES = ['1/6', '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'];
 export const ALIGN = [
     {
         value: 'top',

package/build/blocks/core/basic-button/edit.js

@@ -22,6 +22,6 @@ export function createBasicButtonEdit(options) {
             className: clsx((_b = options.blockClassName) !== null && _b !== void 0 ? _b : 'i-button', `--variant-${variant}`, `--size-${size}`, outline && '--outline', fullWidth !== 'false' && `--full-width-${fullWidth}`),
         });
         const iconPreviewStyle = { maxWidth: icon.size, flex: `0 0 ${icon.size}px` };
-        return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsxs(PanelBody, { title: __('Tlačítko', 'brilo-blocks'), children: [_jsx(TextControl, { label: __('Text tlačítka', 'brilo-blocks'), value: title, onChange: (value) => setAttributes({ title: value }), placeholder: __('Text tlačítka...', 'brilo-blocks') }), _jsx(ToggleGroupControl, { label: __('Varianta', 'brilo-blocks'), value: variant, onChange: (value) => setAttributes({ variant: value }), isBlock: true, children: VARIANTS.map((v) => (_jsx(ToggleGroupControlOption, { value: v.value, label: v.label }, v.value))) }), _jsx(ToggleControl, { label: __('Outline', 'brilo-blocks'), checked: outline, onChange: (value) => setAttributes({ outline: value }) }), _jsx(ToggleGroupControl, { label: __('Velikost', 'brilo-blocks'), value: size, onChange: (value) => setAttributes({ size: value }), isBlock: true, children: SIZES.map((s) => (_jsx(ToggleGroupControlOption, { value: s.value, label: s.label }, s.value))) }), _jsx(ToggleGroupControl, { label: __('Celá šířka', 'brilo-blocks'), value: fullWidth, onChange: (value) => setAttributes({ fullWidth: value }), isBlock: true, children: FULL_WIDTH_OPTIONS.map((o) => (_jsx(ToggleGroupControlOption, { value: o.value, label: o.label }, o.value))) })] }), _jsxs(PanelBody, { title: __('Odkaz', 'brilo-blocks'), children: [_jsx(TextControl, { label: __('URL', 'brilo-blocks'), value: url.src, onChange: (value) => setAttributes({ url: { ...url, src: value } }) }), _jsx(ToggleControl, { label: __('Otevřít v nové záložce', 'brilo-blocks'), checked: url.blank, onChange: (value) => setAttributes({ url: { ...url, blank: value } }) })] }), _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("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("div", { className: "i-button__inner", children: _jsx(RichText, { tagName: "span", className: "i-button__label", value: title, onChange: (value) => setAttributes({ title: value }), placeholder: __('Text tlačítka...', 'brilo-blocks'), allowedFormats: [] }) }), hasIcon && icon.position === 'after' && (_jsx("span", { className: "link-item__icon", style: iconPreviewStyle, children: _jsx(ItemIconPreview, { icon: icon, setAttributes: setIconBase, options: options }) }))] })] }));
+        return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsxs(PanelBody, { title: __('Tlačítko', 'brilo-blocks'), children: [_jsx(TextControl, { label: __('Text tlačítka', 'brilo-blocks'), value: title, onChange: (value) => setAttributes({ title: value }), placeholder: __('Text tlačítka...', 'brilo-blocks') }), _jsx(ToggleGroupControl, { label: __('Varianta', 'brilo-blocks'), value: variant, onChange: (value) => setAttributes({ variant: value }), isBlock: true, children: VARIANTS.map((v) => (_jsx(ToggleGroupControlOption, { value: v.value, label: v.label }, v.value))) }), _jsx(ToggleControl, { label: __('Outline', 'brilo-blocks'), checked: outline, onChange: (value) => setAttributes({ outline: value }) }), _jsx(ToggleGroupControl, { label: __('Velikost', 'brilo-blocks'), value: size, onChange: (value) => setAttributes({ size: value }), isBlock: true, children: SIZES.map((s) => (_jsx(ToggleGroupControlOption, { value: s.value, label: s.label }, s.value))) }), _jsx(ToggleGroupControl, { label: __('Celá šířka', 'brilo-blocks'), value: fullWidth, onChange: (value) => setAttributes({ fullWidth: value }), isBlock: true, children: FULL_WIDTH_OPTIONS.map((o) => (_jsx(ToggleGroupControlOption, { value: o.value, label: o.label }, o.value))) })] }), _jsxs(PanelBody, { title: __('Odkaz', 'brilo-blocks'), children: [_jsx(TextControl, { label: __('URL', 'brilo-blocks'), value: url.src, onChange: (value) => setAttributes({ url: { ...url, src: value } }) }), _jsx(ToggleControl, { label: __('Otevřít v nové záložce', 'brilo-blocks'), checked: url.blank, onChange: (value) => setAttributes({ url: { ...url, blank: value } }) })] }), _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 })] }))] })] }), _jsx("div", { ...blockProps, children: _jsxs("div", { className: "i-button__inner", children: [hasIcon && icon.position === 'before' && (_jsx("span", { className: "i-button__icon", style: iconPreviewStyle, children: _jsx(ItemIconPreview, { icon: icon, setAttributes: setIconBase, options: options }) })), _jsx(RichText, { tagName: "span", className: "i-button__label", value: title, onChange: (value) => setAttributes({ title: value }), placeholder: __('Text tlačítka...', 'brilo-blocks'), allowedFormats: [] }), hasIcon && icon.position === 'after' && (_jsx("span", { className: "i-button__icon", style: iconPreviewStyle, children: _jsx(ItemIconPreview, { icon: icon, setAttributes: setIconBase, options: options }) }))] }) })] }));
     };
 }

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/hero/hero-group/edit.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAS,mBAAmB,EAAE,gBAAgB,EAAU,MAAM,SAAS,CAAA;AAEnF,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,IAItC,gCAGlB;IACD,UAAU,EAAE,mBAAmB,CAAA;IAC/B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;CACzD,iCA2DF"}
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/hero/hero-group/edit.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAA;AAarD,OAAO,KAAK,EAAS,mBAAmB,EAAE,gBAAgB,EAAU,MAAM,SAAS,CAAA;AAEnF,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,IAItC,OAAO,cAAc,CAAC,mBAAmB,CAAC,iCA6DhE"}

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

@@ -9,8 +9,9 @@ export function createHeroGroupEdit(options) {
     var _a, _b;
     const VARIANTS_OPTIONS = (_a = options.variants) !== null && _a !== void 0 ? _a : VARIANTS;
     const EFFECTS_OPTIONS = (_b = options.effects) !== null && _b !== void 0 ? _b : EFFECTS;
-    return function Edit({ attributes, setAttributes, }) {
-        var _a, _b;
+    return function Edit(props) {
+        var _a, _b, _c;
+        const { attributes, setAttributes } = props;
         const { variant, effect, autoplay, autoplaySpeed, pauseOnHover } = attributes;
         const { blockProps, innerBlocksProps } = useGroupBlock({
             blockClassName: clsx((_a = options.blockClassName) !== null && _a !== void 0 ? _a : 'g-hero wp-block-section', `--variant-${variant}`, `--effect-${effect}`),
@@ -20,6 +21,6 @@ export function createHeroGroupEdit(options) {
             template: options.template,
             layout: { type: 'default' },
         });
-        return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsxs(PanelBody, { title: __('Rozložení a efekty', 'brilo-blocks'), children: [_jsx(ToggleGroupControl, { isBlock: true, label: __('Varianta', 'brilo-blocks'), value: variant, onChange: (v) => setAttributes({ variant: v }), children: VARIANTS_OPTIONS.map((v) => (_jsx(ToggleGroupControlOption, { value: v.value, label: v.label }, v.value))) }), _jsx(SelectControl, { label: __('Efekt přechodu', 'brilo-blocks'), value: effect, options: EFFECTS_OPTIONS, onChange: (v) => setAttributes({ effect: v }) })] }), _jsxs(PanelBody, { title: __('Nastavení slideru', 'brilo-blocks'), children: [_jsx(ToggleControl, { label: __('Automatické přehrávání', 'brilo-blocks'), checked: autoplay, onChange: (v) => setAttributes({ autoplay: v }) }), autoplay && (_jsx(NumberControl, { label: __('Rychlost přehrávání (ms)', 'brilo-blocks'), value: autoplaySpeed, onChange: (v) => setAttributes({ autoplaySpeed: parseInt(v !== null && v !== void 0 ? v : '3000') }) })), _jsx(ToggleControl, { label: __('Pozastavit při najetí myší', 'brilo-blocks'), checked: pauseOnHover, onChange: (v) => setAttributes({ pauseOnHover: v }) })] })] }), _jsx("div", { ...blockProps, children: _jsx("div", { ...innerBlocksProps }) })] }));
+        return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsxs(PanelBody, { title: __('Rozložení a efekty', 'brilo-blocks'), children: [_jsx(ToggleGroupControl, { isBlock: true, label: __('Varianta', 'brilo-blocks'), value: variant, onChange: (v) => setAttributes({ variant: v }), children: VARIANTS_OPTIONS.map((v) => (_jsx(ToggleGroupControlOption, { value: v.value, label: v.label }, v.value))) }), _jsx(SelectControl, { label: __('Efekt přechodu', 'brilo-blocks'), value: effect, options: EFFECTS_OPTIONS, onChange: (v) => setAttributes({ effect: v }) })] }), _jsxs(PanelBody, { title: __('Nastavení slideru', 'brilo-blocks'), children: [_jsx(ToggleControl, { label: __('Automatické přehrávání', 'brilo-blocks'), checked: autoplay, onChange: (v) => setAttributes({ autoplay: v }) }), autoplay && (_jsx(NumberControl, { label: __('Rychlost přehrávání (ms)', 'brilo-blocks'), value: autoplaySpeed, onChange: (v) => setAttributes({ autoplaySpeed: parseInt(v !== null && v !== void 0 ? v : '3000') }) })), _jsx(ToggleControl, { label: __('Pozastavit při najetí myší', 'brilo-blocks'), checked: pauseOnHover, onChange: (v) => setAttributes({ pauseOnHover: v }) })] }), (_c = options.extraControls) === null || _c === void 0 ? void 0 : _c.call(options, props)] }), _jsx("div", { ...blockProps, children: _jsx("div", { ...innerBlocksProps }) })] }));
     };
 }

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

@@ -3,5 +3,5 @@ import type { OptionArray } from '../../../types';
 import { EFFECTS, VARIANTS } from './constants';
 import type { HeroGroupAttributes, HeroGroupOptions } from './types';
 export type { HeroGroupAttributes, HeroGroupOptions };
-export declare function createHeroGroupBlock<TVariants extends OptionArray = typeof VARIANTS, TEffects extends OptionArray = typeof EFFECTS>(options: HeroGroupOptions<TVariants, TEffects>): BlockConfiguration<HeroGroupAttributes<TVariants[number]['value'], TEffects[number]['value']>>;
+export declare function createHeroGroupBlock<TVariants extends OptionArray = typeof VARIANTS, TEffects extends OptionArray = typeof EFFECTS, TExtra extends Record<string, unknown> = Record<string, never>>(options: HeroGroupOptions<TVariants, TEffects, TExtra>): BlockConfiguration<HeroGroupAttributes<TVariants[number]['value'], TEffects[number]['value']> & TExtra>;
 //# sourceMappingURL=factory.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/hero/hero-group/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAEzD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AACxC,OAAO,EAAC,OAAO,EAAE,QAAQ,EAAC,MAAM,aAAa,CAAA;AAE7C,OAAO,KAAK,EAAC,mBAAmB,EAAE,gBAAgB,EAAC,MAAM,SAAS,CAAA;AAGlE,YAAY,EAAC,mBAAmB,EAAE,gBAAgB,EAAC,CAAA;AAEnD,wBAAgB,oBAAoB,CAAC,SAAS,SAAS,WAAW,GAAG,OAAO,QAAQ,EAAE,QAAQ,SAAS,WAAW,GAAG,OAAO,OAAO,EACjI,OAAO,EAAE,gBAAgB,CAAC,SAAS,EAAE,QAAQ,CAAC,GAC7C,kBAAkB,CAAC,mBAAmB,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CA+BhG"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/hero/hero-group/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAEzD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AACxC,OAAO,EAAC,OAAO,EAAE,QAAQ,EAAC,MAAM,aAAa,CAAA;AAE7C,OAAO,KAAK,EAAC,mBAAmB,EAAE,gBAAgB,EAAC,MAAM,SAAS,CAAA;AAGlE,YAAY,EAAC,mBAAmB,EAAE,gBAAgB,EAAC,CAAA;AAEnD,wBAAgB,oBAAoB,CAClC,SAAS,SAAS,WAAW,GAAG,OAAO,QAAQ,EAC/C,QAAQ,SAAS,WAAW,GAAG,OAAO,OAAO,EAC7C,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAE9D,OAAO,EAAE,gBAAgB,CAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,GACrD,kBAAkB,CAAC,mBAAmB,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,MAAM,CAAC,CAgCzG"}

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

@@ -31,6 +31,7 @@ export function createHeroGroupBlock(options) {
                 default: effects[0].value,
                 enum: effects.map((e) => e.value),
             },
+            ...options.extraAttributes,
         },
         edit: createHeroGroupEdit(options),
         save: () => _jsx(InnerBlocks.Content, {}),

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

@@ -1,3 +1,5 @@
+import type { BlockEditProps } from '@wordpress/blocks';
+import type { ReactNode } from 'react';
 import type { BriloBlockType, OptionArray } from '../../../types';
 import type { HeroSliderItem } from '../hero-item/types';
 import type { EFFECTS, VARIANTS } from './constants';
@@ -11,9 +13,16 @@ export interface HeroGroupAttributes<TVariant extends string = Variant, TEffect
     pauseOnHover: boolean;
     effect: TEffect;
 }
-export interface HeroGroupOptions<TVariants extends OptionArray = typeof VARIANTS, TEffects extends OptionArray = typeof EFFECTS> extends BriloBlockType {
+export interface HeroGroupOptions<TVariants extends OptionArray = typeof VARIANTS, TEffects extends OptionArray = typeof EFFECTS, TExtra extends Record<string, unknown> = Record<string, never>> extends BriloBlockType {
     allowedBlocks: string[];
     variants?: TVariants;
     effects?: TEffects;
+    extraAttributes?: {
+        [K in keyof TExtra]: {
+            type: string;
+            default: TExtra[K];
+        };
+    };
+    extraControls?: (props: BlockEditProps<HeroGroupAttributes<TVariants[number]['value'], TEffects[number]['value']> & TExtra>) => ReactNode;
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/hero/hero-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AACxD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,oBAAoB,CAAA;AACtD,OAAO,KAAK,EAAC,OAAO,EAAE,QAAQ,EAAC,MAAM,aAAa,CAAA;AAElD,MAAM,MAAM,OAAO,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AACxD,MAAM,MAAM,MAAM,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAEtD,MAAM,WAAW,mBAAmB,CAAC,QAAQ,SAAS,MAAM,GAAG,OAAO,EAAE,OAAO,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACtI,KAAK,EAAE,cAAc,EAAE,CAAA;IACvB,OAAO,EAAE,QAAQ,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;IACrB,YAAY,EAAE,OAAO,CAAA;IACrB,MAAM,EAAE,OAAO,CAAA;CAChB;AAED,MAAM,WAAW,gBAAgB,CAAC,SAAS,SAAS,WAAW,GAAG,OAAO,QAAQ,EAAE,QAAQ,SAAS,WAAW,GAAG,OAAO,OAAO,CAC9H,SAAQ,cAAc;IACtB,aAAa,EAAE,MAAM,EAAE,CAAA;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,QAAQ,CAAA;CACnB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/hero/hero-group/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,WAAW,EAAC,MAAM,SAAS,CAAA;AACxD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,oBAAoB,CAAA;AACtD,OAAO,KAAK,EAAC,OAAO,EAAE,QAAQ,EAAC,MAAM,aAAa,CAAA;AAElD,MAAM,MAAM,OAAO,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AACxD,MAAM,MAAM,MAAM,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAEtD,MAAM,WAAW,mBAAmB,CAAC,QAAQ,SAAS,MAAM,GAAG,OAAO,EAAE,OAAO,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACtI,KAAK,EAAE,cAAc,EAAE,CAAA;IACvB,OAAO,EAAE,QAAQ,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;IACrB,YAAY,EAAE,OAAO,CAAA;IACrB,MAAM,EAAE,OAAO,CAAA;CAChB;AAED,MAAM,WAAW,gBAAgB,CAC/B,SAAS,SAAS,WAAW,GAAG,OAAO,QAAQ,EAC/C,QAAQ,SAAS,WAAW,GAAG,OAAO,OAAO,EAC7C,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAC9D,SAAQ,cAAc;IACtB,aAAa,EAAE,MAAM,EAAE,CAAA;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,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,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK,SAAS,CAAA;CAC1I"}

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,iCAgCzE"}
+{"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,iCAiCzE"}

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

@@ -7,11 +7,12 @@ export function createBaseSectionEdit(options) {
     return function Edit(props) {
         var _a;
         const { attributes, setAttributes } = props;
-        const { background, textColor } = attributes;
+        const { background, textColor, gradient } = attributes;
         const blockProps = useBlockProps({
             className: options.blockClassName,
             style: {
                 ...(background ? { backgroundColor: background, padding: '16px' } : {}),
+                ...(gradient ? { background: gradient, padding: '16px' } : {}),
                 ...(textColor ? { color: textColor } : {}),
             },
         });

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

@@ -1,4 +1,4 @@
-export declare const COLUMNS: readonly [4, 3, 2];
+export declare const COLUMNS: readonly [5, 4, 3, 2];
 export declare const RATIOS: readonly ["4:3", "3:2", "16:9", "1:1", "2:1", "3:4"];
 export declare const HEADING_LEVELS: readonly [2, 3, 4];
 //# sourceMappingURL=constants.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/signpost/signpost-group/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,oBAAqB,CAAA;AACzC,eAAO,MAAM,MAAM,sDAAuD,CAAA;AAC1E,eAAO,MAAM,cAAc,oBAAqB,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/signpost/signpost-group/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,uBAAwB,CAAA;AAC5C,eAAO,MAAM,MAAM,sDAAuD,CAAA;AAC1E,eAAO,MAAM,cAAc,oBAAqB,CAAA"}

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

@@ -1,3 +1,3 @@
-export const COLUMNS = [4, 3, 2];
+export const COLUMNS = [5, 4, 3, 2];
 export const RATIOS = ['4:3', '3:2', '16:9', '1:1', '2:1', '3:4'];
 export const HEADING_LEVELS = [2, 3, 4];

package/package.json

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

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

@@ -1,7 +1,7 @@
 import {__} from '@wordpress/i18n'
 import {justifyTop, justifyCenterVertical, justifyBottom} from '@wordpress/icons'
 
-export const SIZES = ['1/4', '1/3', '1/2', '2/3', '3/4', '1/1']
+export const SIZES = ['1/6', '1/4', '1/3', '1/2', '2/3', '3/4', '1/1']
 export const ALIGN = [
   {
     value: 'top',

package/src/blocks/column/column-item/editor.scss

@@ -7,6 +7,10 @@
     min-height: 64px;
     margin: 0 !important;
 
+    &.--size-1\/6 {
+      grid-column: span 2;
+    }
+
     &.--size-1\/4 {
       grid-column: span 3;
     }

package/src/blocks/core/basic-button/edit.tsx

@@ -129,12 +129,12 @@ export function createBasicButtonEdit(options: BasicButtonOptions) {
           </PanelBody>
         </InspectorControls>
         <div {...blockProps}>
-          {hasIcon && icon.position === 'before' && (
-            <span className="link-item__icon" style={iconPreviewStyle}>
+          <div className="i-button__inner">
+            {hasIcon && icon.position === 'before' && (
+              <span className="i-button__icon" style={iconPreviewStyle}>
               <ItemIconPreview icon={icon as unknown as import('~/types').Icon} setAttributes={setIconBase} options={options} />
             </span>
-          )}
-          <div className="i-button__inner">
+            )}
             <RichText
               tagName="span"
               className="i-button__label"
@@ -143,12 +143,12 @@ export function createBasicButtonEdit(options: BasicButtonOptions) {
               placeholder={__('Text tlačítka...', 'brilo-blocks')}
               allowedFormats={[]}
             />
-          </div>
-          {hasIcon && icon.position === 'after' && (
-            <span className="link-item__icon" style={iconPreviewStyle}>
+            {hasIcon && icon.position === 'after' && (
+              <span className="i-button__icon" style={iconPreviewStyle}>
               <ItemIconPreview icon={icon as unknown as import('~/types').Icon} setAttributes={setIconBase} options={options} />
             </span>
-          )}
+            )}
+          </div>
         </div>
       </>
     )

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

@@ -1,4 +1,5 @@
 import {InspectorControls} from '@wordpress/block-editor'
+import type {BlockEditProps} from '@wordpress/blocks'
 import {
   PanelBody,
   SelectControl,
@@ -17,13 +18,8 @@ export function createHeroGroupEdit(options: HeroGroupOptions) {
   const VARIANTS_OPTIONS = options.variants ?? VARIANTS
   const EFFECTS_OPTIONS = options.effects ?? EFFECTS
 
-  return function Edit({
-    attributes,
-    setAttributes,
-  }: {
-    attributes: HeroGroupAttributes
-    setAttributes: (a: Partial<HeroGroupAttributes>) => void
-  }) {
+  return function Edit(props: BlockEditProps<HeroGroupAttributes>) {
+    const {attributes, setAttributes} = props
     const {variant, effect, autoplay, autoplaySpeed, pauseOnHover} = attributes
 
     const {blockProps, innerBlocksProps} = useGroupBlock({
@@ -75,6 +71,7 @@ export function createHeroGroupEdit(options: HeroGroupOptions) {
               onChange={(v) => setAttributes({pauseOnHover: v})}
             />
           </PanelBody>
+          {options.extraControls?.(props as unknown as Parameters<NonNullable<typeof options.extraControls>>[0])}
         </InspectorControls>
         <div {...blockProps}>
           <div {...innerBlocksProps} />

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

@@ -9,9 +9,13 @@ import {icon} from './icon'
 
 export type {HeroGroupAttributes, HeroGroupOptions}
 
-export function createHeroGroupBlock<TVariants extends OptionArray = typeof VARIANTS, TEffects extends OptionArray = typeof EFFECTS>(
-  options: HeroGroupOptions<TVariants, TEffects>,
-): BlockConfiguration<HeroGroupAttributes<TVariants[number]['value'], TEffects[number]['value']>> {
+export function createHeroGroupBlock<
+  TVariants extends OptionArray = typeof VARIANTS,
+  TEffects extends OptionArray = typeof EFFECTS,
+  TExtra extends Record<string, unknown> = Record<string, never>,
+>(
+  options: HeroGroupOptions<TVariants, TEffects, TExtra>,
+): BlockConfiguration<HeroGroupAttributes<TVariants[number]['value'], TEffects[number]['value']> & TExtra> {
   const variants = options.variants ?? VARIANTS
   const effects = options.effects ?? EFFECTS
 
@@ -38,8 +42,9 @@ export function createHeroGroupBlock<TVariants extends OptionArray = typeof VARI
         default: effects[0].value,
         enum: effects.map((e) => e.value),
       },
+      ...options.extraAttributes,
     },
     edit: createHeroGroupEdit(options as unknown as HeroGroupOptions),
     save: () => <InnerBlocks.Content />,
-  } as unknown as BlockConfiguration<HeroGroupAttributes<TVariants[number]['value'], TEffects[number]['value']>>
+  } as unknown as BlockConfiguration<HeroGroupAttributes<TVariants[number]['value'], TEffects[number]['value']> & TExtra>
 }

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

@@ -1,3 +1,5 @@
+import type {BlockEditProps} from '@wordpress/blocks'
+import type {ReactNode} from 'react'
 import type {BriloBlockType, OptionArray} from '~/types'
 import type {HeroSliderItem} from '../hero-item/types'
 import type {EFFECTS, VARIANTS} from './constants'
@@ -14,9 +16,19 @@ export interface HeroGroupAttributes<TVariant extends string = Variant, TEffect
   effect: TEffect
 }
 
-export interface HeroGroupOptions<TVariants extends OptionArray = typeof VARIANTS, TEffects extends OptionArray = typeof EFFECTS>
-  extends BriloBlockType {
+export interface HeroGroupOptions<
+  TVariants extends OptionArray = typeof VARIANTS,
+  TEffects extends OptionArray = typeof EFFECTS,
+  TExtra extends Record<string, unknown> = Record<string, never>,
+> extends BriloBlockType {
   allowedBlocks: string[]
   variants?: TVariants
   effects?: TEffects
+  extraAttributes?: {
+    [K in keyof TExtra]: {
+      type: string
+      default: TExtra[K]
+    }
+  }
+  extraControls?: (props: BlockEditProps<HeroGroupAttributes<TVariants[number]['value'], TEffects[number]['value']> & TExtra>) => ReactNode
 }

package/src/blocks/sections/base-section/edit.tsx

@@ -8,11 +8,12 @@ export function createBaseSectionEdit<TExtra extends Record<string, unknown> = R
 
   return function Edit(props: BlockEditProps<BaseBlockAttributes & TExtra>) {
     const {attributes, setAttributes} = props
-    const {background, textColor} = attributes as BaseBlockAttributes
+    const {background, textColor, gradient} = attributes as BaseBlockAttributes & {gradient?: string}
     const blockProps = useBlockProps({
       className: options.blockClassName,
       style: {
         ...(background ? {backgroundColor: background, padding: '16px'} : {}),
+        ...(gradient ? {background: gradient, padding: '16px'} : {}),
         ...(textColor ? {color: textColor} : {}),
       },
     })

package/src/blocks/signpost/signpost-group/constants.ts

@@ -1,3 +1,3 @@
-export const COLUMNS = [4, 3, 2] as const
+export const COLUMNS = [5, 4, 3, 2] as const
 export const RATIOS = ['4:3', '3:2', '16:9', '1:1', '2:1', '3:4'] as const
 export const HEADING_LEVELS = [2, 3, 4] as const