@brilo/base-blocks 0.1.43 → 0.1.45

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

@@ -1,23 +1,25 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { InspectorControls, MediaUpload, MediaUploadCheck, RichText, useBlockProps } from '@wordpress/block-editor';
-import { Button, PanelBody, TextControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, } from '@wordpress/components';
+import { BaseControl, Button, ColorPalette, PanelBody, TextControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import clsx from 'clsx';
-import { SIZES, VIDEO_TYPES } from './constants';
+import { useTenantColorPalette } from '../../../hooks/useTenantColorPalette';
+import { DEFAULT_OVERLAY_COLOR, SIZES, VIDEO_TYPES } from './constants';
 function extractYoutubeId(url) {
     const match = url.match(/(?:youtube\.com\/(?:watch\?v=|embed\/)|youtu\.be\/)([a-zA-Z0-9_-]{11})/);
     return match ? match[1] : null;
 }
 export function createVideoGroupEdit(_options) {
     return function VideoGroupEdit({ attributes, setAttributes }) {
-        const { type, url, mediaId, caption, size, poster } = attributes;
+        const { type, url, mediaId, caption, size, poster, playButtonTitle, overlayColor } = attributes;
+        const { paletteColors } = useTenantColorPalette();
         const youtubeId = type === 'youtube' ? extractYoutubeId(url) : null;
         const youtubeThumbnail = youtubeId ? `https://img.youtube.com/vi/${youtubeId}/maxresdefault.jpg` : null;
         const blockProps = useBlockProps({
             className: clsx('g-video wp-block-section', `--size-${size}`, `--type-${type}`),
         });
-        return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsx(PanelBody, { title: __('Typ videa', 'brilo-blocks'), children: _jsx(ToggleGroupControl, { label: __('Zdroj', 'brilo-blocks'), value: type, onChange: (value) => setAttributes({ type: value, url: '', mediaId: 0 }), isBlock: true, children: VIDEO_TYPES.map((t) => (_jsx(ToggleGroupControlOption, { value: t.value, label: t.label }, t.value))) }) }), type === 'youtube' && (_jsx(PanelBody, { title: __('YouTube', 'brilo-blocks'), children: _jsx(TextControl, { label: __('URL videa', 'brilo-blocks'), value: url, onChange: (value) => setAttributes({ url: value }), placeholder: "https://www.youtube.com/watch?v=...", help: youtubeId ? __('✓ Platné YouTube video', 'brilo-blocks') : url ? __('⚠ Neplatná YouTube URL', 'brilo-blocks') : '' }) })), _jsx(PanelBody, { title: __('Náhledový obrázek', 'brilo-blocks'), initialOpen: false, children: _jsx(MediaUploadCheck, { children: _jsx(MediaUpload, { onSelect: (media) => setAttributes({ poster: { src: media.url, id: media.id } }), allowedTypes: ['image'], value: poster === null || poster === void 0 ? void 0 : poster.id, render: ({ open }) => (_jsx("div", { className: "g-video__poster-control", children: (poster === null || poster === void 0 ? void 0 : poster.src) ? (_jsxs(_Fragment, { children: [_jsx("img", { src: poster.src, alt: "", className: "g-video__poster-preview" }), _jsx(Button, { onClick: open, variant: "secondary", size: "small", children: __('Změnit obrázek', 'brilo-blocks') }), _jsx(Button, { onClick: () => setAttributes({ poster: { src: '', id: 0 } }), variant: "tertiary", size: "small", isDestructive: true, children: __('Odebrat', 'brilo-blocks') })] })) : (_jsx(Button, { onClick: open, variant: "secondary", children: __('Vybrat náhledový obrázek', 'brilo-blocks') })) })) }) }) }), _jsx(PanelBody, { title: __('Rozložení', 'brilo-blocks'), initialOpen: false, children: _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))) }) })] }), _jsxs("div", { ...blockProps, children: [_jsx("div", { className: "g-video__media", children: type === 'youtube' ? (youtubeThumbnail ? (_jsxs("div", { className: "g-video__youtube-preview", children: [_jsx("img", { src: youtubeThumbnail, alt: "" }), _jsx("div", { className: "g-video__play-icon" })] })) : (_jsx("div", { className: clsx('g-video__empty', url && '--invalid'), children: _jsx("span", { className: "g-video__empty-label", children: url
+        return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsxs(PanelBody, { title: __('Typ videa', 'brilo-blocks'), children: [_jsx(ToggleGroupControl, { label: __('Zdroj', 'brilo-blocks'), value: type, onChange: (value) => setAttributes({ type: value, url: '', mediaId: 0 }), isBlock: true, children: VIDEO_TYPES.map((t) => (_jsx(ToggleGroupControlOption, { value: t.value, label: t.label }, t.value))) }), _jsx(TextControl, { label: __('Text tlačítka přehrát', 'brilo-blocks'), value: playButtonTitle, onChange: (value) => setAttributes({ playButtonTitle: value }), placeholder: __('Přehrát video', 'brilo-blocks') })] }), type === 'youtube' && (_jsx(PanelBody, { title: __('YouTube', 'brilo-blocks'), children: _jsx(TextControl, { label: __('URL videa', 'brilo-blocks'), value: url, onChange: (value) => setAttributes({ url: value }), placeholder: "https://www.youtube.com/watch?v=...", help: youtubeId ? __('✓ Platné YouTube video', 'brilo-blocks') : url ? __('⚠ Neplatná YouTube URL', 'brilo-blocks') : '' }) })), _jsx(PanelBody, { title: __('Náhledový obrázek', 'brilo-blocks'), initialOpen: false, children: _jsx(MediaUploadCheck, { children: _jsx(MediaUpload, { onSelect: (media) => setAttributes({ poster: { src: media.url, id: media.id } }), allowedTypes: ['image'], value: poster === null || poster === void 0 ? void 0 : poster.id, render: ({ open }) => (_jsx("div", { className: "g-video__poster-control", children: (poster === null || poster === void 0 ? void 0 : poster.src) ? (_jsxs(_Fragment, { children: [_jsx("img", { src: poster.src, alt: "", className: "g-video__poster-preview" }), _jsx(Button, { onClick: open, variant: "secondary", size: "small", children: __('Změnit obrázek', 'brilo-blocks') }), _jsx(Button, { onClick: () => setAttributes({ poster: { src: '', id: 0 } }), variant: "tertiary", size: "small", isDestructive: true, children: __('Odebrat', 'brilo-blocks') })] })) : (_jsx(Button, { onClick: open, variant: "secondary", children: __('Vybrat náhledový obrázek', 'brilo-blocks') })) })) }) }) }), _jsxs(PanelBody, { title: __('Barevná vrstva', 'brilo-blocks'), initialOpen: false, children: [_jsx(BaseControl, { label: __('Barva překrytí náhledu', 'brilo-blocks'), help: __('Ztmaví náhled videa, aby tlačítko přehrát více vyniklo. Výchozí je černá s 25% průhledností.', 'brilo-blocks'), children: _jsx(ColorPalette, { colors: paletteColors, value: overlayColor || undefined, onChange: (value) => setAttributes({ overlayColor: value !== null && value !== void 0 ? value : '' }), enableAlpha: true, clearable: true }) }), _jsx(Button, { onClick: () => setAttributes({ overlayColor: DEFAULT_OVERLAY_COLOR }), variant: "tertiary", size: "small", children: __('Obnovit výchozí barvu', 'brilo-blocks') })] }), _jsx(PanelBody, { title: __('Rozložení', 'brilo-blocks'), initialOpen: false, children: _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))) }) })] }), _jsxs("div", { ...blockProps, children: [_jsx("div", { className: "g-video__media", children: type === 'youtube' ? (youtubeThumbnail ? (_jsxs("div", { className: "g-video__youtube-preview", children: [_jsx("img", { src: youtubeThumbnail, alt: "" }), _jsx("div", { className: "g-video__overlay", style: overlayColor ? { backgroundColor: overlayColor } : undefined }), _jsx("div", { className: "g-video__play-icon" })] })) : (_jsx("div", { className: clsx('g-video__empty', url && '--invalid'), children: _jsx("span", { className: "g-video__empty-label", children: url
                                         ? __('⚠ Neplatná YouTube URL — zkontroluj odkaz', 'brilo-blocks')
-                                        : __('Zadej YouTube URL v postranním panelu →', 'brilo-blocks') }) }))) : (_jsx(MediaUploadCheck, { children: _jsx(MediaUpload, { onSelect: (media) => setAttributes({ url: media.url, mediaId: media.id }), allowedTypes: ['video'], value: mediaId, render: ({ open }) => mediaId ? (_jsxs("div", { className: "g-video__media-inner", children: [_jsx("video", { src: url, poster: (poster === null || poster === void 0 ? void 0 : poster.src) || undefined, children: _jsx("track", { kind: "captions" }) }), _jsx(Button, { onClick: open, variant: "primary", className: "g-video__change-btn", children: __('Změnit video', 'brilo-blocks') })] })) : (_jsx("button", { type: "button", className: "g-video__empty", onClick: open, children: _jsx("span", { className: "g-video__empty-label", children: __('Klikni pro výběr videa z médií', 'brilo-blocks') }) })) }) })) }), _jsx(RichText, { tagName: "p", className: "g-video__caption u-text-editable", value: caption, onChange: (value) => setAttributes({ caption: value }), placeholder: __('Popisek videa...', 'brilo-blocks'), allowedFormats: ['core/bold', 'core/italic', 'brilo-blocks/text-color'] })] })] }));
+                                        : __('Zadej YouTube URL v postranním panelu →', 'brilo-blocks') }) }))) : (_jsx(MediaUploadCheck, { children: _jsx(MediaUpload, { onSelect: (media) => setAttributes({ url: media.url, mediaId: media.id }), allowedTypes: ['video'], value: mediaId, render: ({ open }) => mediaId ? (_jsxs("div", { className: "g-video__media-inner", children: [_jsx("video", { src: url, poster: (poster === null || poster === void 0 ? void 0 : poster.src) || undefined, children: _jsx("track", { kind: "captions" }) }), _jsx("div", { className: "g-video__overlay", style: overlayColor ? { backgroundColor: overlayColor } : undefined }), _jsx(Button, { onClick: open, variant: "primary", className: "g-video__change-btn", children: __('Změnit video', 'brilo-blocks') })] })) : (_jsx("button", { type: "button", className: "g-video__empty", onClick: open, children: _jsx("span", { className: "g-video__empty-label", children: __('Klikni pro výběr videa z médií', 'brilo-blocks') }) })) }) })) }), _jsx(RichText, { tagName: "p", className: "g-video__caption u-text-editable", value: caption, onChange: (value) => setAttributes({ caption: value }), placeholder: __('Popisek videa...', 'brilo-blocks'), allowedFormats: ['core/bold', 'core/italic', 'brilo-blocks/text-color'] })] })] }));
     };
 }

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

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/video/video-group/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAKzD,OAAO,KAAK,EAAC,oBAAoB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAEpE,YAAY,EAAC,oBAAoB,EAAE,iBAAiB,EAAC,CAAA;AAErD,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,iBAAiB,GAAG,kBAAkB,CAAC,oBAAoB,CAAC,CAyC1G"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/video/video-group/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAKzD,OAAO,KAAK,EAAC,oBAAoB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAEpE,YAAY,EAAC,oBAAoB,EAAE,iBAAiB,EAAC,CAAA;AAErD,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,iBAAiB,GAAG,kBAAkB,CAAC,oBAAoB,CAAC,CAiD1G"}

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

@@ -1,5 +1,5 @@
 import { __ } from '@wordpress/i18n';
-import { SIZES, VIDEO_TYPES } from './constants';
+import { DEFAULT_OVERLAY_COLOR, SIZES, VIDEO_TYPES } from './constants';
 import { createVideoGroupEdit } from './edit';
 import { icon as defaultIcon } from './icon';
 export function createVideoGroupBlock(options) {
@@ -40,6 +40,14 @@ export function createVideoGroupBlock(options) {
                     id: 0,
                 },
             },
+            playButtonTitle: {
+                type: 'string',
+                default: __('Přehrát video', 'brilo-blocks'),
+            },
+            overlayColor: {
+                type: 'string',
+                default: DEFAULT_OVERLAY_COLOR,
+            },
         },
         edit: createVideoGroupEdit(options),
         save: () => null,

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

@@ -13,6 +13,8 @@ export interface VideoGroupAttributes extends Record<string, unknown> {
     caption: string;
     size: VideoSize;
     poster: VideoPoster;
+    playButtonTitle: string;
+    overlayColor: string;
 }
 export interface VideoGroupOptions extends BriloBlockType {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/video/video-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAC,KAAK,EAAE,WAAW,EAAC,MAAM,aAAa,CAAA;AAEnD,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAC7D,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAEvD,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAA;IACX,EAAE,EAAE,MAAM,CAAA;CACX;AAED,MAAM,WAAW,oBAAqB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACnE,IAAI,EAAE,SAAS,CAAA;IACf,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,SAAS,CAAA;IACf,MAAM,EAAE,WAAW,CAAA;CACpB;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc;CAAG"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/video/video-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAC,KAAK,EAAE,WAAW,EAAC,MAAM,aAAa,CAAA;AAEnD,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAC7D,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAEvD,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAA;IACX,EAAE,EAAE,MAAM,CAAA;CACX;AAED,MAAM,WAAW,oBAAqB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACnE,IAAI,EAAE,SAAS,CAAA;IACf,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,SAAS,CAAA;IACf,MAAM,EAAE,WAAW,CAAA;IACnB,eAAe,EAAE,MAAM,CAAA;IACvB,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc;CAAG"}

package/build/components/ItemSpacingControl/index.d.ts

@@ -0,0 +1,23 @@
+export declare const ITEM_SPACING_MIN = 0;
+export declare const ITEM_SPACING_MAX = 48;
+export declare const ITEM_SPACING_STEP = 4;
+/**
+ * Shared `spacing` attribute for group blocks. Intentionally has no `default`,
+ * so an unset value means "keep the block's default gap-* class".
+ */
+export declare const ITEM_SPACING_ATTRIBUTE: {
+    readonly spacing: {
+        readonly type: 'number';
+    };
+};
+/**
+ * Editor container style fragment. Returns `undefined` when spacing is unset so
+ * the block keeps its default gap. Spread into an existing `containerStyle`.
+ */
+export declare function itemSpacingStyle(spacing: number | undefined): Record<string, string> | undefined;
+export declare function ItemSpacingPanel({ spacing, onChange, initialOpen, }: {
+    spacing: number | undefined;
+    onChange: (spacing: number | undefined) => void;
+    initialOpen?: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/build/components/ItemSpacingControl/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ItemSpacingControl/index.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,IAAI,CAAA;AACjC,eAAO,MAAM,gBAAgB,KAAK,CAAA;AAClC,eAAO,MAAM,iBAAiB,IAAI,CAAA;AAYlC;;;GAGG;AACH,eAAO,MAAM,sBAAsB;aACjC,OAAO;iBAAG,IAAI,EAAE,QAAQ;;CAChB,CAAA;AAEV;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAEhG;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,QAAQ,EACR,WAAmB,GACpB,EAAE;IACD,OAAO,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,+BAiBA"}

package/build/components/ItemSpacingControl/index.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PanelBody, RangeControl } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+export const ITEM_SPACING_MIN = 0;
+export const ITEM_SPACING_MAX = 48;
+export const ITEM_SPACING_STEP = 4;
+const ITEM_SPACING_MARKS = [
+    { value: 0, label: '0' },
+    { value: 8, label: '8' },
+    { value: 16, label: '16' },
+    { value: 24, label: '24' },
+    { value: 32, label: '32' },
+    { value: 40, label: '40' },
+    { value: 48, label: '48' },
+];
+/**
+ * Shared `spacing` attribute for group blocks. Intentionally has no `default`,
+ * so an unset value means "keep the block's default gap-* class".
+ */
+export const ITEM_SPACING_ATTRIBUTE = {
+    spacing: { type: 'number' },
+};
+/**
+ * Editor container style fragment. Returns `undefined` when spacing is unset so
+ * the block keeps its default gap. Spread into an existing `containerStyle`.
+ */
+export function itemSpacingStyle(spacing) {
+    return typeof spacing === 'number' ? { gap: `${spacing}px` } : undefined;
+}
+export function ItemSpacingPanel({ spacing, onChange, initialOpen = false, }) {
+    return (_jsx(PanelBody, { title: __('Mezery', 'brilo-blocks'), initialOpen: initialOpen, children: _jsx(RangeControl, { label: __('Mezera mezi položkami (px)', 'brilo-blocks'), help: __('Není-li nastaveno, použije se výchozí mezera bloku.', 'brilo-blocks'), value: spacing, onChange: onChange, min: ITEM_SPACING_MIN, max: ITEM_SPACING_MAX, step: ITEM_SPACING_STEP, marks: ITEM_SPACING_MARKS, allowReset: true, withInputField: true }) }));
+}

package/build/index.d.ts

@@ -20,6 +20,8 @@ export type { BasicHeadingAttributes, BasicHeadingOptions } from './blocks/core/
 export { basicHeadingDefaults, createBasicHeadingBlock } from './blocks/core/basic-heading';
 export type { BasicOverlineAttributes, BasicOverlineOptions } from './blocks/core/basic-overline';
 export { basicOverlineDefaults, createBasicOverlineBlock } from './blocks/core/basic-overline';
+export type { BasicIconAlignment, BasicIconAttributes, BasicIconBackgroundShape, BasicIconOptions, } from './blocks/core/basic-icon';
+export { basicIconDefaults, createBasicIconBlock } from './blocks/core/basic-icon';
 export type { HeroItemAttributes, HeroItemOptions } from './blocks/hero/hero-item';
 export { createHeroItemBlock, heroItemDefaults } from './blocks/hero/hero-item';
 export type { HeroGroupAttributes, HeroGroupOptions } from './blocks/hero/hero-group';
@@ -44,6 +46,10 @@ export type { UspGroupAttributes, UspGroupOptions } from './blocks/usp/usp-group
 export { createUspGroupBlock, uspGroupDefaults } from './blocks/usp/usp-group';
 export type { UspItemAttributes, UspItemOptions } from './blocks/usp/usp-item';
 export { createUspItemBlock, uspItemDefaults } from './blocks/usp/usp-item';
+export type { ListContentSize, ListGroupAttributes, ListGroupOptions } from './blocks/list/list-group';
+export { createListGroupBlock, listGroupDefaults } from './blocks/list/list-group';
+export type { ListBulletShape, ListItemAttributes, ListItemOptions } from './blocks/list/list-item';
+export { createListItemBlock, listItemDefaults } from './blocks/list/list-item';
 export type { GalleryGroupAttributes, GalleryGroupOptions } from './blocks/gallery/gallery-group';
 export { createGalleryGroupBlock, galleryGroupDefaults } from './blocks/gallery/gallery-group';
 export type { GalleryItemAttributes, GalleryItemOptions } from './blocks/gallery/gallery-item';

package/build/index.d.ts.map

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

package/build/index.js

@@ -9,6 +9,7 @@ export { createFaqGroupBlock, faqGroupDefaults } from './blocks/faq/faq-group';
 export { basicButtonDefaults, createBasicButtonBlock } from './blocks/core/basic-button';
 export { basicHeadingDefaults, createBasicHeadingBlock } from './blocks/core/basic-heading';
 export { basicOverlineDefaults, createBasicOverlineBlock } from './blocks/core/basic-overline';
+export { basicIconDefaults, createBasicIconBlock } from './blocks/core/basic-icon';
 export { createHeroItemBlock, heroItemDefaults } from './blocks/hero/hero-item';
 export { createHeroGroupBlock, heroGroupDefaults } from './blocks/hero/hero-group';
 export { createMapGroupBlock, mapGroupDefaults } from './blocks/map/map-group';
@@ -21,6 +22,8 @@ export { createTextAndFormGroupBlock, textAndFormGroupDefaults } from './blocks/
 export { createTextAndFormTextColumnBlock, textAndFormTextColumnDefaults } from './blocks/text-and-form/text-and-form-text-column';
 export { createUspGroupBlock, uspGroupDefaults } from './blocks/usp/usp-group';
 export { createUspItemBlock, uspItemDefaults } from './blocks/usp/usp-item';
+export { createListGroupBlock, listGroupDefaults } from './blocks/list/list-group';
+export { createListItemBlock, listItemDefaults } from './blocks/list/list-item';
 export { createGalleryGroupBlock, galleryGroupDefaults } from './blocks/gallery/gallery-group';
 export { createGalleryItemBlock, galleryItemDefaults } from './blocks/gallery/gallery-item';
 export { createPersonGroupBlock, personGroupDefaults } from './blocks/person/person-group';

package/package.json

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

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

@@ -1 +1,28 @@
+import {__} from '@wordpress/i18n'
+
 export const HEADING_LEVELS = [2, 3, 4] as const
+
+export const RATIOS = ['4:3', '3:2', '16:9', '1:1', '2:1', '3:4'] as const
+
+export const DEFAULT_IMAGE_CLIP_PATHS = [
+  {value: 'none', label: __('Žádný', 'brilo-blocks')},
+  {value: 'circle', label: __('Kruh', 'brilo-blocks')},
+  {value: 'triangle', label: __('Trojúhelník', 'brilo-blocks')},
+  {value: 'rhombus', label: __('Kosočtverec', 'brilo-blocks')},
+  {value: 'octagon', label: __('Osmiúhelník', 'brilo-blocks')},
+  {value: 'bevel', label: __('Zkosený', 'brilo-blocks')},
+  {value: 'rabbet', label: __('Drážkovaný', 'brilo-blocks')},
+  {value: 'parallelogram', label: __('Rovnoběžník', 'brilo-blocks')},
+] as const
+
+// Frontend reads the shapes from the theme's --shape-* tokens; the editor has no
+// access to them, so the same geometry is inlined here for the preview CSS var.
+export const IMAGE_CLIP_PATH_VALUES: Record<string, string> = {
+  circle: 'circle(50% at 50% 50%)',
+  triangle: 'polygon(50% 0%, 0% 100%, 100% 100%)',
+  rhombus: 'polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)',
+  octagon: 'polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%)',
+  bevel: 'polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%)',
+  rabbet: 'polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%)',
+  parallelogram: 'polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%)',
+}

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

@@ -1,13 +1,14 @@
 import {InspectorControls} from '@wordpress/block-editor'
 import {
   PanelBody,
+  SelectControl,
   __experimentalToggleGroupControl as ToggleGroupControl,
   __experimentalToggleGroupControlOption as ToggleGroupControlOption,
 } from '@wordpress/components'
 import {__} from '@wordpress/i18n'
 import {useGroupBlock} from '~/hooks/useGroupBlock'
-import {HEADING_LEVELS} from './constants'
-import type {CompareGroupAttributes, CompareGroupOptions} from './types'
+import {DEFAULT_IMAGE_CLIP_PATHS, HEADING_LEVELS, IMAGE_CLIP_PATH_VALUES, RATIOS} from './constants'
+import type {CompareGroupAttributes, CompareGroupOptions, CompareImageClipPath} from './types'
 
 export function createCompareGroupEdit(options: CompareGroupOptions) {
   return function Edit({
@@ -17,10 +18,16 @@ export function createCompareGroupEdit(options: CompareGroupOptions) {
     attributes: CompareGroupAttributes
     setAttributes: (a: Partial<CompareGroupAttributes>) => void
   }) {
-    const {headingLevel} = attributes
+    const {headingLevel, ratio, img} = attributes
+    const clipPath = img?.clipPath ?? 'none'
+
     const {blockProps, innerBlocksProps} = useGroupBlock({
       blockClassName: options.blockClassName ?? 'g-compare wp-block-section',
-      containerClassName: [options.containerClassName ?? 'u-grid-responsive'],
+      containerClassName: [options.containerClassName ?? 'u-grid-responsive', `--ratio-${ratio.replace(':', '-')}`],
+      containerStyle: {
+        // Inherited by every compare item inside the container.
+        ...(IMAGE_CLIP_PATH_VALUES[clipPath] && {'--compare-image-clip-path': IMAGE_CLIP_PATH_VALUES[clipPath]}),
+      },
       allowedBlocks: options.allowedBlocks,
       orientation: 'horizontal',
       template: options.template,
@@ -41,6 +48,22 @@ export function createCompareGroupEdit(options: CompareGroupOptions) {
                 <ToggleGroupControlOption key={l} value={String(l)} label={`H${l}`} />
               ))}
             </ToggleGroupControl>
+            <ToggleGroupControl
+              isBlock
+              label={__('Poměr stran obrázku', 'brilo-blocks')}
+              value={ratio}
+              onChange={(v) => setAttributes({ratio: v as CompareGroupAttributes['ratio']})}
+            >
+              {RATIOS.map((r) => (
+                <ToggleGroupControlOption key={r} value={r} label={r} />
+              ))}
+            </ToggleGroupControl>
+            <SelectControl<string>
+              label={__('Tvar výřezu obrázku', 'brilo-blocks')}
+              value={clipPath}
+              options={[...DEFAULT_IMAGE_CLIP_PATHS]}
+              onChange={(v) => setAttributes({img: {...img, clipPath: v as CompareImageClipPath}})}
+            />
           </PanelBody>
         </InspectorControls>
         <div {...blockProps}>

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

@@ -3,7 +3,7 @@ import type {BlockConfiguration} from '@wordpress/blocks'
 import {__} from '@wordpress/i18n'
 import {createCompareGroupEdit} from './edit'
 import {icon as defaultIcon} from './icon'
-import {HEADING_LEVELS} from './constants'
+import {DEFAULT_IMAGE_CLIP_PATHS, HEADING_LEVELS, RATIOS} from './constants'
 import type {CompareGroupAttributes, CompareGroupOptions} from './types'
 
 export type {CompareGroupAttributes, CompareGroupOptions}
@@ -22,6 +22,15 @@ export function createCompareGroupBlock(options: CompareGroupOptions): BlockConf
         type: 'number',
         default: HEADING_LEVELS[1],
       },
+      ratio: {
+        type: 'string',
+        default: RATIOS[0],
+        enum: [...RATIOS],
+      },
+      img: {
+        type: 'object',
+        default: {clipPath: DEFAULT_IMAGE_CLIP_PATHS[0].value},
+      },
     },
     edit: createCompareGroupEdit(options),
     save: () => <InnerBlocks.Content />,

package/src/blocks/compare/compare-group/index.ts

@@ -1,4 +1,10 @@
-export type {CompareGroupAttributes, CompareGroupOptions} from './types'
+export type {
+  CompareGroupAttributes,
+  CompareGroupOptions,
+  CompareHeadingLevel,
+  CompareImageClipPath,
+  CompareRatio,
+} from './types'
 export {createCompareGroupBlock} from './factory'
 import type {CompareGroupOptions} from './types'
 

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

@@ -1,10 +1,14 @@
-import type {HEADING_LEVELS} from './constants'
 import type {BriloBlockType} from '~/types'
+import type {DEFAULT_IMAGE_CLIP_PATHS, HEADING_LEVELS, RATIOS} from './constants'
 
 export type CompareHeadingLevel = (typeof HEADING_LEVELS)[number]
+export type CompareRatio = (typeof RATIOS)[number]
+export type CompareImageClipPath = (typeof DEFAULT_IMAGE_CLIP_PATHS)[number]['value']
 
 export interface CompareGroupAttributes extends Record<string, unknown> {
   headingLevel: CompareHeadingLevel
+  ratio: CompareRatio
+  img: {clipPath: CompareImageClipPath}
 }
 
 export interface CompareGroupOptions extends BriloBlockType {

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

@@ -1,5 +1,7 @@
-import {RichText, useBlockProps, useInnerBlocksProps} from '@wordpress/block-editor'
+import {InspectorControls, RichText, useBlockProps, useInnerBlocksProps} from '@wordpress/block-editor'
+import {PanelBody} from '@wordpress/components'
 import {__} from '@wordpress/i18n'
+import {ImagePickerControl} from '~/components/ImagePicker'
 import type {CompareItemAttributes, CompareItemOptions} from './types'
 
 export function createCompareItemEdit(options: CompareItemOptions) {
@@ -10,7 +12,7 @@ export function createCompareItemEdit(options: CompareItemOptions) {
     attributes: CompareItemAttributes
     setAttributes: (a: Partial<CompareItemAttributes>) => void
   }) {
-    const {title} = attributes
+    const {title, img} = attributes
     const blockProps = useBlockProps({className: 'i-compare'})
     const innerBlocksProps = useInnerBlocksProps(
       {className: 'i-compare__options wp-block-inner-content'},
@@ -21,18 +23,35 @@ export function createCompareItemEdit(options: CompareItemOptions) {
     )
 
     return (
-      <div {...blockProps}>
-        <div className={'i-compare__inner'}>
-          <RichText
-            tagName={'div'}
-            className="i-compare__title u-text-editable"
-            value={title}
-            onChange={(v) => setAttributes({title: v})}
-            placeholder={__('Nadpis...', 'brilo-blocks')}
-          />
-          <div {...innerBlocksProps} />
+      <>
+        <InspectorControls>
+          <PanelBody title={__('Obrázek', 'brilo-blocks')}>
+            <ImagePickerControl value={img} onChange={(val) => setAttributes({img: val})} />
+          </PanelBody>
+        </InspectorControls>
+
+        <div {...blockProps}>
+          <div className={'i-compare__inner'}>
+            <div className="i-compare__image-wrapper">
+              {img.id ? (
+                <ImagePickerControl value={img} onChange={(val) => setAttributes({img: val})} size={[128, 128]} />
+              ) : (
+                <div className="i-compare__image-placeholder">
+                  <ImagePickerControl value={img} onChange={(val) => setAttributes({img: val})} />
+                </div>
+              )}
+            </div>
+            <RichText
+              tagName={'div'}
+              className="i-compare__title u-text-editable"
+              value={title}
+              onChange={(v) => setAttributes({title: v})}
+              placeholder={__('Nadpis...', 'brilo-blocks')}
+            />
+            <div {...innerBlocksProps} />
+          </div>
         </div>
-      </div>
+      </>
     )
   }
 }

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

@@ -12,4 +12,20 @@
   .i-compare {
     width: 100%;
   }
+
+  .i-compare__image-placeholder {
+    border: 1px dashed #0073aa;
+    padding: 16px 8px 8px;
+  }
+
+  .i-compare__image-wrapper {
+    .c-image-picker-control__row {
+      flex-direction: column;
+    }
+
+    // Set by the parent compare group on the inner blocks container.
+    .c-image-picker-control__thumb {
+      clip-path: var(--compare-image-clip-path, none);
+    }
+  }
 }

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

@@ -21,6 +21,10 @@ export function createCompareItemBlock(options: CompareItemOptions): BlockConfig
         type: 'string',
         default: '',
       },
+      img: {
+        type: 'object',
+        default: {id: 0, alt: ''},
+      },
     },
     edit: createCompareItemEdit(options),
     save: () => <InnerBlocks.Content />,

package/src/blocks/compare/compare-item/index.ts

@@ -5,7 +5,7 @@ import type {CompareItemOptions} from './types'
 export const compareItemDefaults: CompareItemOptions = {
   name: 'brilo/compare-item',
   parent: ['brilo/compare-group'],
-  allowedBlocks: ['brilo/compare-option'],
+  allowedBlocks: ['brilo/compare-option', 'brilo/list-group'],
   template: [
     ['brilo/compare-option', {variant: 'plus'}],
     ['brilo/compare-option', {variant: 'minus'}],

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

@@ -1,7 +1,9 @@
+import type {ImageValue} from '~/components/ImagePicker/ImagePicker'
 import type {BriloBlockType} from '~/types'
 
 export interface CompareItemAttributes extends Record<string, unknown> {
   title: string
+  img: ImageValue
 }
 
 export interface CompareItemOptions extends BriloBlockType {

package/src/blocks/core/basic-icon/buildPreviewStyle.ts

@@ -0,0 +1,40 @@
+import clsx from 'clsx'
+import type {BasicIconStyle} from './types'
+
+export interface BasicIconPreviewStyle {
+  rootClassName: string
+  iconClassName: string
+  cssVars: Record<string, string>
+}
+
+export function buildBasicIconPreviewStyle(
+  style: BasicIconStyle,
+  resolveHex: (value: string) => string = (value) => value,
+): BasicIconPreviewStyle {
+  const icon = style.icon ?? ({} as BasicIconStyle['icon'])
+
+  const rootClassName = clsx(
+    style.align && `--align-${style.align}`,
+    icon.background && icon.background !== 'none' && '--icon-background',
+    icon.color && icon.color !== 'none' && '--icon-color',
+    icon.borderColor && '--icon-bordered',
+  )
+
+  const iconClassName = clsx(
+    icon.backgroundShape && icon.backgroundShape !== 'none' && `--background-shape --background-shape-${icon.backgroundShape}`,
+  )
+
+  const cssVars: Record<string, string> = {}
+  if (icon.background && icon.background !== 'none') cssVars['--icon-background-color'] = resolveHex(icon.background)
+  if (icon.color && icon.color !== 'none') cssVars['--icon-color'] = resolveHex(icon.color)
+  if (icon.size) cssVars['--icon-size'] = `${icon.size}px`
+  if (icon.background && icon.background !== 'none' && icon.backgroundSize) {
+    cssVars['--icon-background-size'] = `${icon.backgroundSize}px`
+  }
+  if (icon.borderColor) {
+    cssVars['--icon-outline-color'] = resolveHex(icon.borderColor)
+    cssVars['--icon-outline-width'] = `${icon.borderWidth || 1}px`
+  }
+
+  return {rootClassName, iconClassName, cssVars}
+}

package/src/blocks/core/basic-icon/constants.ts

@@ -0,0 +1,48 @@
+import {__} from '@wordpress/i18n'
+
+export const ICON_TYPES = [
+  {value: 'preselected', label: __('Předvolená', 'brilo-blocks')},
+  {value: 'media', label: __('Obrázek', 'brilo-blocks')},
+  {value: 'number', label: __('Číslo', 'brilo-blocks')},
+] as const
+
+export const DEFAULT_ALIGNMENTS = [
+  {value: 'left', label: __('Vlevo', 'brilo-blocks')},
+  {value: 'center', label: __('Na střed', 'brilo-blocks')},
+  {value: 'right', label: __('Vpravo', 'brilo-blocks')},
+] as const
+
+export const DEFAULT_ICON_SIZE = 88
+export const ICON_SIZE_MIN = 4
+export const ICON_SIZE_MAX = 128
+
+export const DEFAULT_ICON_SIZE_PRESETS = [
+  {value: 8, label: __('XS', 'brilo-blocks')},
+  {value: 16, label: __('SM', 'brilo-blocks')},
+  {value: 24, label: __('MD', 'brilo-blocks')},
+  {value: 32, label: __('LG', 'brilo-blocks')},
+  {value: 48, label: __('XL', 'brilo-blocks')},
+] as const
+
+export const DEFAULT_ICON_BACKGROUND_SIZE = 88
+export const ICON_BACKGROUND_SIZE_MIN = 16
+export const ICON_BACKGROUND_SIZE_MAX = 240
+
+export const DEFAULT_ICON_BACKGROUND_SIZE_PRESETS = [
+  {value: 48, label: __('XS', 'brilo-blocks')},
+  {value: 64, label: __('SM', 'brilo-blocks')},
+  {value: 88, label: __('Výchozí', 'brilo-blocks')},
+  {value: 104, label: __('LG', 'brilo-blocks')},
+  {value: 128, label: __('XL', 'brilo-blocks')},
+] as const
+
+export const DEFAULT_ICON_BACKGROUND_SHAPES = [
+  {value: 'none', label: __('Žádný', 'brilo-blocks')},
+  {value: 'circle', label: __('Kruh', 'brilo-blocks')},
+  {value: 'triangle', label: __('Trojúhelník', 'brilo-blocks')},
+  {value: 'rhombus', label: __('Kosočtverec', 'brilo-blocks')},
+  {value: 'octagon', label: __('Osmiúhelník', 'brilo-blocks')},
+  {value: 'bevel', label: __('Zkosený', 'brilo-blocks')},
+  {value: 'rabbet', label: __('Drážkovaný', 'brilo-blocks')},
+  {value: 'parallelogram', label: __('Rovnoběžník', 'brilo-blocks')},
+] as const