@brilo/base-blocks 0.1.62 → 0.1.64
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/.tsbuildinfo +1 -1
- package/build/blocks/hero/hero-item/edit.d.ts.map +1 -1
- package/build/blocks/hero/hero-item/edit.js +3 -3
- package/build/blocks/hero/hero-item/factory.d.ts.map +1 -1
- package/build/blocks/hero/hero-item/factory.js +1 -0
- package/build/blocks/hero/hero-item/types.d.ts +1 -0
- package/build/blocks/hero/hero-item/types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/blocks/hero/hero-item/edit.tsx +7 -2
- package/src/blocks/hero/hero-item/factory.tsx +1 -0
- package/src/blocks/hero/hero-item/types.ts +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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;
|
|
1
|
+
{"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;AAerD,OAAO,KAAK,EAAkB,kBAAkB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAKjF,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,eAAe,WAC7B,cAAc,CAAC,kBAAkB,CAAC,iCAsI/D"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { InspectorControls, RichText } from '@wordpress/block-editor';
|
|
3
|
-
import { PanelBody, __experimentalToggleGroupControlOption as ToggleGroupControlOption, AlignmentMatrixControl, __experimentalToggleGroupControl as ToggleGroupControl, BaseControl, ColorPalette, TextControl, ToggleControl, } from '@wordpress/components';
|
|
3
|
+
import { PanelBody, __experimentalToggleGroupControlOption as ToggleGroupControlOption, AlignmentMatrixControl, __experimentalToggleGroupControl as ToggleGroupControl, BaseControl, ColorPalette, GradientPicker, TextControl, ToggleControl, } from '@wordpress/components';
|
|
4
4
|
import { __ } from '@wordpress/i18n';
|
|
5
5
|
import { ImagePickerBody, ImagePickerControl } from '../../../components/ImagePicker';
|
|
6
6
|
import { HEADING_LEVELS } from './constants';
|
|
@@ -12,7 +12,7 @@ export function createHeroItemEdit(options) {
|
|
|
12
12
|
var _a, _b;
|
|
13
13
|
var _c, _d, _e;
|
|
14
14
|
const { attributes, setAttributes } = props;
|
|
15
|
-
const { title, titleColor, img, headingLevel, contentPosition, url, focalPoint, overline } = attributes;
|
|
15
|
+
const { title, titleColor, img, headingLevel, contentPosition, url, focalPoint, overline, overlayGradient } = attributes;
|
|
16
16
|
const { paletteColors } = useTenantColorPalette();
|
|
17
17
|
const { blockProps, innerBlocksProps } = useGroupBlock({
|
|
18
18
|
blockClassName: clsx((_c = options.blockClassName) !== null && _c !== void 0 ? _c : 'i-hero'),
|
|
@@ -22,7 +22,7 @@ export function createHeroItemEdit(options) {
|
|
|
22
22
|
template: options.template,
|
|
23
23
|
layout: { type: 'default' },
|
|
24
24
|
});
|
|
25
|
-
return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsxs(PanelBody, { title: __('
|
|
25
|
+
return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsxs(PanelBody, { title: __('Pozadí', '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') } } }) }) })] }), _jsx(PanelBody, { title: __('Překryv', 'brilo-blocks'), children: _jsx(GradientPicker, { value: overlayGradient || null, onChange: (v) => setAttributes({ overlayGradient: v !== null && v !== void 0 ? v : '' }) }) }), _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
|
|
26
26
|
? {
|
|
27
27
|
...(overline.color ? { color: overline.color } : {}),
|
|
28
28
|
...(overline.background ? { backgroundColor: overline.background } : {}),
|
|
@@ -1 +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,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,
|
|
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,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,CA2CjD"}
|
|
@@ -40,6 +40,7 @@ export function createHeroItemBlock(options) {
|
|
|
40
40
|
type: 'object',
|
|
41
41
|
default: { point: 'center center', sm: { point: 'center center' } },
|
|
42
42
|
},
|
|
43
|
+
overlayGradient: { type: 'string', default: '' },
|
|
43
44
|
...options.extraAttributes,
|
|
44
45
|
},
|
|
45
46
|
edit: createHeroItemEdit(options),
|
|
@@ -39,6 +39,7 @@ export interface HeroItemAttributes extends Record<string, unknown> {
|
|
|
39
39
|
contentPosition: ContentPosition;
|
|
40
40
|
url: HeroItemUrl;
|
|
41
41
|
focalPoint: HeroItemFocalPoint;
|
|
42
|
+
overlayGradient: string;
|
|
42
43
|
}
|
|
43
44
|
export interface HeroItemOptions<TExtra extends Record<string, unknown> = Record<string, never>> extends BriloBlockType {
|
|
44
45
|
contentPositions?: OptionArray;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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;
|
|
1
|
+
{"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;IAC9B,eAAe,EAAE,MAAM,CAAA;CACxB;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/package.json
CHANGED
|
@@ -7,6 +7,7 @@ import {
|
|
|
7
7
|
__experimentalToggleGroupControl as ToggleGroupControl,
|
|
8
8
|
BaseControl,
|
|
9
9
|
ColorPalette,
|
|
10
|
+
GradientPicker,
|
|
10
11
|
TextControl,
|
|
11
12
|
ToggleControl,
|
|
12
13
|
} from '@wordpress/components'
|
|
@@ -21,7 +22,7 @@ import clsx from 'clsx'
|
|
|
21
22
|
export function createHeroItemEdit(options: HeroItemOptions) {
|
|
22
23
|
return function Edit(props: BlockEditProps<HeroItemAttributes>) {
|
|
23
24
|
const {attributes, setAttributes} = props
|
|
24
|
-
const {title, titleColor, img, headingLevel, contentPosition, url, focalPoint, overline} = attributes
|
|
25
|
+
const {title, titleColor, img, headingLevel, contentPosition, url, focalPoint, overline, overlayGradient} = attributes
|
|
25
26
|
const {paletteColors} = useTenantColorPalette()
|
|
26
27
|
|
|
27
28
|
const {blockProps, innerBlocksProps} = useGroupBlock({
|
|
@@ -36,7 +37,7 @@ export function createHeroItemEdit(options: HeroItemOptions) {
|
|
|
36
37
|
return (
|
|
37
38
|
<>
|
|
38
39
|
<InspectorControls>
|
|
39
|
-
<PanelBody title={__('
|
|
40
|
+
<PanelBody title={__('Pozadí', 'brilo-blocks')}>
|
|
40
41
|
<ImagePickerControl value={{id: img.id, alt: img.alt}} onChange={(v) => setAttributes({img: {...img, ...v}})} />
|
|
41
42
|
|
|
42
43
|
<BaseControl label={__('Focal point (desktop)', 'brilo-blocks')}>
|
|
@@ -54,6 +55,10 @@ export function createHeroItemEdit(options: HeroItemOptions) {
|
|
|
54
55
|
</BaseControl>
|
|
55
56
|
</PanelBody>
|
|
56
57
|
|
|
58
|
+
<PanelBody title={__('Překryv', 'brilo-blocks')}>
|
|
59
|
+
<GradientPicker value={overlayGradient || null} onChange={(v) => setAttributes({overlayGradient: v ?? ''})} />
|
|
60
|
+
</PanelBody>
|
|
61
|
+
|
|
57
62
|
<PanelBody title={__('Overline', 'brilo-blocks')}>
|
|
58
63
|
<BaseControl label={__('Barva overline pozadí', 'brilo-blocks')}>
|
|
59
64
|
<ColorPalette
|
|
@@ -46,6 +46,7 @@ export function createHeroItemBlock<TExtra extends Record<string, unknown> = Rec
|
|
|
46
46
|
type: 'object',
|
|
47
47
|
default: {point: 'center center', sm: {point: 'center center'}},
|
|
48
48
|
},
|
|
49
|
+
overlayGradient: {type: 'string', default: ''},
|
|
49
50
|
...options.extraAttributes,
|
|
50
51
|
},
|
|
51
52
|
edit: createHeroItemEdit(options as unknown as HeroItemOptions),
|
|
@@ -36,6 +36,7 @@ export interface HeroItemAttributes extends Record<string, unknown> {
|
|
|
36
36
|
contentPosition: ContentPosition
|
|
37
37
|
url: HeroItemUrl
|
|
38
38
|
focalPoint: HeroItemFocalPoint
|
|
39
|
+
overlayGradient: string
|
|
39
40
|
}
|
|
40
41
|
|
|
41
42
|
export interface HeroItemOptions<TExtra extends Record<string, unknown> = Record<string, never>> extends BriloBlockType {
|