@brilo/base-blocks 0.1.46 → 0.1.48
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/contact/contact-group/constants.d.ts +71 -0
- package/build/blocks/contact/contact-group/constants.d.ts.map +1 -1
- package/build/blocks/contact/contact-group/constants.js +35 -0
- package/build/blocks/contact/contact-group/edit.d.ts.map +1 -1
- package/build/blocks/contact/contact-group/edit.js +20 -8
- package/build/blocks/contact/contact-group/factory.d.ts +3 -3
- package/build/blocks/contact/contact-group/factory.d.ts.map +1 -1
- package/build/blocks/contact/contact-group/factory.js +33 -8
- package/build/blocks/contact/contact-group/index.d.ts +2 -2
- package/build/blocks/contact/contact-group/index.d.ts.map +1 -1
- package/build/blocks/contact/contact-group/index.js +1 -1
- package/build/blocks/contact/contact-group/types.d.ts +29 -6
- package/build/blocks/contact/contact-group/types.d.ts.map +1 -1
- package/build/blocks/contact/contact-item/buildPreviewStyle.d.ts +24 -0
- package/build/blocks/contact/contact-item/buildPreviewStyle.d.ts.map +1 -0
- package/build/blocks/contact/contact-item/buildPreviewStyle.js +31 -0
- package/build/blocks/contact/contact-item/edit.d.ts.map +1 -1
- package/build/blocks/contact/contact-item/edit.js +10 -8
- package/build/blocks/contact/contact-item/factory.js +2 -2
- package/build/blocks/sections/base-section/constants.d.ts +1 -0
- package/build/blocks/sections/base-section/constants.d.ts.map +1 -1
- package/build/blocks/sections/base-section/constants.js +1 -0
- package/build/blocks/sections/base-section/controls.d.ts.map +1 -1
- package/build/blocks/sections/base-section/controls.js +4 -3
- package/build/blocks/sections/base-section/edit.d.ts.map +1 -1
- package/build/blocks/sections/base-section/edit.js +23 -24
- package/build/blocks/sections/base-section/types.d.ts +1 -0
- package/build/blocks/sections/base-section/types.d.ts.map +1 -1
- package/build/index.d.ts +2 -2
- package/build/index.d.ts.map +1 -1
- package/build/index.js +1 -1
- package/package.json +1 -1
- package/src/blocks/contact/contact-group/constants.ts +42 -0
- package/src/blocks/contact/contact-group/edit.tsx +177 -20
- package/src/blocks/contact/contact-group/editor.scss +19 -0
- package/src/blocks/contact/contact-group/factory.tsx +61 -8
- package/src/blocks/contact/contact-group/index.ts +10 -2
- package/src/blocks/contact/contact-group/types.ts +48 -6
- package/src/blocks/contact/contact-item/buildPreviewStyle.ts +69 -0
- package/src/blocks/contact/contact-item/edit.tsx +17 -30
- package/src/blocks/contact/contact-item/editor.scss +136 -7
- package/src/blocks/contact/contact-item/factory.tsx +2 -2
- package/src/blocks/sections/base-section/constants.ts +2 -0
- package/src/blocks/sections/base-section/controls.tsx +10 -0
- package/src/blocks/sections/base-section/edit.tsx +24 -22
- package/src/blocks/sections/base-section/types.ts +1 -0
- package/src/index.ts +5 -0
|
@@ -1 +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;AAErD,OAAO,KAAK,EAAC,mBAAmB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAIpE,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,WAG3G,cAAc,CAAC,mBAAmB,GAAG,MAAM,CAAC,
|
|
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;AAErD,OAAO,KAAK,EAAC,mBAAmB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAIpE,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,WAG3G,cAAc,CAAC,mBAAmB,GAAG,MAAM,CAAC,iCA2DzE"}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { InspectorControls, useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
|
|
3
3
|
import { BaseControls } from './controls';
|
|
4
|
-
import { BACKGROUND_IMAGE_SIZE_VALUE_DEFAULT } from './constants';
|
|
4
|
+
import { BACKGROUND_IMAGE_OPACITY_DEFAULT, BACKGROUND_IMAGE_SIZE_VALUE_DEFAULT } from './constants';
|
|
5
5
|
export function createBaseSectionEdit(options) {
|
|
6
6
|
var _a;
|
|
7
7
|
const EXCLUDE = (_a = options.exclude) !== null && _a !== void 0 ? _a : [];
|
|
8
8
|
return function Edit(props) {
|
|
9
9
|
var _a, _b;
|
|
10
|
-
var _c, _d, _e, _f;
|
|
10
|
+
var _c, _d, _e, _f, _g;
|
|
11
11
|
const { attributes, setAttributes } = props;
|
|
12
12
|
const { background, textColor, gradient, backgroundImage } = attributes;
|
|
13
13
|
const bgImageSrc = (_a = backgroundImage === null || backgroundImage === void 0 ? void 0 : backgroundImage.img) === null || _a === void 0 ? void 0 : _a.src;
|
|
14
|
-
// A plain background-color/gradient always paints behind an image, so it can never tint it.
|
|
15
|
-
//
|
|
16
|
-
//
|
|
14
|
+
// A plain background-color/gradient always paints behind an image, so it can never tint it.
|
|
15
|
+
// To preview it sitting on top of the image (matching frontend), it renders as its own
|
|
16
|
+
// absolutely-positioned layer, separate from the image layer below it and the content above.
|
|
17
17
|
const tintLayer = background ? `linear-gradient(${background}, ${background})` : gradient;
|
|
18
18
|
const blockProps = useBlockProps({
|
|
19
19
|
className: options.blockClassName,
|
|
@@ -22,31 +22,30 @@ export function createBaseSectionEdit(options) {
|
|
|
22
22
|
...(background && !bgImageSrc ? { backgroundColor: background, padding: '16px' } : {}),
|
|
23
23
|
...(gradient && !bgImageSrc ? { background: gradient, padding: '16px' } : {}),
|
|
24
24
|
...(textColor ? { color: textColor } : {}),
|
|
25
|
-
...(bgImageSrc
|
|
26
|
-
? {
|
|
27
|
-
backgroundImage: [tintLayer, `url(${bgImageSrc})`].filter(Boolean).join(', '),
|
|
28
|
-
backgroundSize: [
|
|
29
|
-
tintLayer ? '100% 100%' : null,
|
|
30
|
-
(backgroundImage === null || backgroundImage === void 0 ? void 0 : backgroundImage.fit) === 'custom'
|
|
31
|
-
? ((_c = backgroundImage === null || backgroundImage === void 0 ? void 0 : backgroundImage.sizeValue) !== null && _c !== void 0 ? _c : BACKGROUND_IMAGE_SIZE_VALUE_DEFAULT)
|
|
32
|
-
: ((_d = backgroundImage === null || backgroundImage === void 0 ? void 0 : backgroundImage.fit) !== null && _d !== void 0 ? _d : 'cover'),
|
|
33
|
-
]
|
|
34
|
-
.filter(Boolean)
|
|
35
|
-
.join(', '),
|
|
36
|
-
backgroundPosition: [tintLayer ? 'center center' : null, (_e = backgroundImage === null || backgroundImage === void 0 ? void 0 : backgroundImage.position) !== null && _e !== void 0 ? _e : 'center center']
|
|
37
|
-
.filter(Boolean)
|
|
38
|
-
.join(', '),
|
|
39
|
-
backgroundRepeat: [tintLayer ? 'no-repeat' : null, (_f = backgroundImage === null || backgroundImage === void 0 ? void 0 : backgroundImage.repeat) !== null && _f !== void 0 ? _f : 'no-repeat'].filter(Boolean).join(', '),
|
|
40
|
-
padding: '16px',
|
|
41
|
-
}
|
|
42
|
-
: {}),
|
|
25
|
+
...(bgImageSrc ? { padding: '16px' } : {}),
|
|
43
26
|
},
|
|
44
27
|
});
|
|
28
|
+
// Opacity applies to the image alone — it must live on its own layer, not on blockProps,
|
|
29
|
+
// or it would fade the section's inner content (headings, buttons, ...) along with it.
|
|
30
|
+
const bgImageLayerStyle = bgImageSrc
|
|
31
|
+
? {
|
|
32
|
+
position: 'absolute',
|
|
33
|
+
inset: 0,
|
|
34
|
+
backgroundImage: `url(${bgImageSrc})`,
|
|
35
|
+
backgroundSize: (backgroundImage === null || backgroundImage === void 0 ? void 0 : backgroundImage.fit) === 'custom'
|
|
36
|
+
? ((_c = backgroundImage === null || backgroundImage === void 0 ? void 0 : backgroundImage.sizeValue) !== null && _c !== void 0 ? _c : BACKGROUND_IMAGE_SIZE_VALUE_DEFAULT)
|
|
37
|
+
: ((_d = backgroundImage === null || backgroundImage === void 0 ? void 0 : backgroundImage.fit) !== null && _d !== void 0 ? _d : 'cover'),
|
|
38
|
+
backgroundPosition: (_e = backgroundImage === null || backgroundImage === void 0 ? void 0 : backgroundImage.position) !== null && _e !== void 0 ? _e : 'center center',
|
|
39
|
+
backgroundRepeat: (_f = backgroundImage === null || backgroundImage === void 0 ? void 0 : backgroundImage.repeat) !== null && _f !== void 0 ? _f : 'no-repeat',
|
|
40
|
+
opacity: ((_g = backgroundImage === null || backgroundImage === void 0 ? void 0 : backgroundImage.opacity) !== null && _g !== void 0 ? _g : BACKGROUND_IMAGE_OPACITY_DEFAULT) / 100,
|
|
41
|
+
}
|
|
42
|
+
: {};
|
|
43
|
+
const tintLayerStyle = tintLayer ? { position: 'absolute', inset: 0, background: tintLayer } : {};
|
|
45
44
|
const innerBlocksProps = useInnerBlocksProps({ className: options.containerClassName }, {
|
|
46
45
|
allowedBlocks: options.allowedBlocks,
|
|
47
46
|
orientation: 'vertical',
|
|
48
47
|
layout: { type: 'default' },
|
|
49
48
|
});
|
|
50
|
-
return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsx(BaseControls, { attributes: attributes, setAttributes: setAttributes, exclude: EXCLUDE }), (_b = options.extraControls) === null || _b === void 0 ? void 0 : _b.call(options, props)] }),
|
|
49
|
+
return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsx(BaseControls, { attributes: attributes, setAttributes: setAttributes, exclude: EXCLUDE }), (_b = options.extraControls) === null || _b === void 0 ? void 0 : _b.call(options, props)] }), _jsxs("div", { ...blockProps, children: [!!bgImageSrc && _jsx("div", { style: bgImageLayerStyle }), !!bgImageSrc && !!tintLayer && _jsx("div", { style: tintLayerStyle }), _jsx("div", { ...innerBlocksProps })] })] }));
|
|
51
50
|
};
|
|
52
51
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/base-section/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAA;AACzE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AACpC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAA;IACV,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,oBAAoB,CAAA;IAC1B,MAAM,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,kBAAkB,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAGlB,UAAU,CAAC,EAAE,uBAAuB,CAAA;IACpC,MAAM,CAAC,EAAE,qBAAqB,CAAA;CAC/B;AAED,MAAM,MAAM,eAAe,GAAG,oBAAoB,CAAA;AAElD,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,GAAG,aAAa,GAAG,cAAc,CAAA;AAC3H,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,OAAO,CAAA;AAC/C,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,QAAQ,GAAG,KAAK,CAAA;AAEzD,MAAM,WAAW,UAAU;IACzB,GAAG,CAAC,EAAE,eAAe,CAAA;IACrB,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,KAAK,CAAC,EAAE,eAAe,CAAA;IACvB,SAAS,CAAC,EAAE,mBAAmB,CAAA;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAA;AAG/D,MAAM,MAAM,kBAAkB,GAAG,kBAAkB,GAAG,MAAM,CAAA;AAE5D,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAA;AAEpF,MAAM,MAAM,uBAAuB,GAC/B,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,GACd,aAAa,GACb,eAAe,GACf,cAAc,CAAA;AAElB,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,oBAAoB,CAAA;IAC1B,GAAG,CAAC,EAAE,kBAAkB,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,uBAAuB,CAAA;IAClC,MAAM,CAAC,EAAE,qBAAqB,CAAA;IAC9B,OAAO,CAAC,EAAE,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/base-section/types.ts"],"names":[],"mappings":"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"}
|
package/build/index.d.ts
CHANGED
|
@@ -2,8 +2,8 @@ export type { AnchorAlignment, AnchorColumns, AnchorGroupAttributes, AnchorGroup
|
|
|
2
2
|
export { ANCHOR_ALIGNMENTS, ANCHOR_COLUMNS, anchorGroupDefaults, createAnchorGroupBlock } from './blocks/anchor/anchor-group';
|
|
3
3
|
export type { AnchorItemAttributes, AnchorItemOptions } from './blocks/anchor/anchor-item';
|
|
4
4
|
export { ANCHOR_ICON_SIZE_DEFAULT, ANCHOR_ICON_SIZE_RANGE, ANCHOR_ICON_TYPES, anchorItemDefaults, createAnchorItemBlock, createAnchorItemEdit, } from './blocks/anchor/anchor-item';
|
|
5
|
-
export type { ContactColumns, ContactGroupAttributes, ContactGroupOptions, } from './blocks/contact/contact-group';
|
|
6
|
-
export { CONTACT_COLUMNS, CONTACT_COLUMNS_CONTEXT, contactGroupDefaults, createContactGroupBlock, } from './blocks/contact/contact-group';
|
|
5
|
+
export type { ContactColumns, ContactDirection, ContactGroupAttributes, ContactGroupOptions, ContactIconBackgroundShape, ContactShadow, ContactTextAlign, } from './blocks/contact/contact-group';
|
|
6
|
+
export { CONTACT_COLUMNS, CONTACT_COLUMNS_CONTEXT, CONTACT_STYLE_CONTEXT, contactGroupDefaults, createContactGroupBlock, } from './blocks/contact/contact-group';
|
|
7
7
|
export type { ContactIconSize, ContactIconSizeVariant, ContactItemAttributes, ContactItemOptions, } from './blocks/contact/contact-item';
|
|
8
8
|
export { CONTACT_ICON_SIZE_RANGE, CONTACT_ICON_SIZES, CONTACT_ICON_TYPES, contactItemDefaults, createContactItemBlock, createContactItemEdit, } from './blocks/contact/contact-item';
|
|
9
9
|
export type { AccordionItemAttributes, AccordionItemOptions } from './blocks/accordion/accordion-item';
|
package/build/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,eAAe,EAAE,aAAa,EAAE,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,8BAA8B,CAAA;AAC3H,OAAO,EAAC,iBAAiB,EAAE,cAAc,EAAE,mBAAmB,EAAE,sBAAsB,EAAC,MAAM,8BAA8B,CAAA;AAC3H,YAAY,EAAC,oBAAoB,EAAE,iBAAiB,EAAC,MAAM,6BAA6B,CAAA;AACxF,OAAO,EACL,wBAAwB,EACxB,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,6BAA6B,CAAA;AACpC,YAAY,EACV,cAAc,EACd,sBAAsB,EACtB,mBAAmB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/build/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { ANCHOR_ALIGNMENTS, ANCHOR_COLUMNS, anchorGroupDefaults, createAnchorGroupBlock } from './blocks/anchor/anchor-group';
|
|
2
2
|
export { ANCHOR_ICON_SIZE_DEFAULT, ANCHOR_ICON_SIZE_RANGE, ANCHOR_ICON_TYPES, anchorItemDefaults, createAnchorItemBlock, createAnchorItemEdit, } from './blocks/anchor/anchor-item';
|
|
3
|
-
export { CONTACT_COLUMNS, CONTACT_COLUMNS_CONTEXT, contactGroupDefaults, createContactGroupBlock, } from './blocks/contact/contact-group';
|
|
3
|
+
export { CONTACT_COLUMNS, CONTACT_COLUMNS_CONTEXT, CONTACT_STYLE_CONTEXT, contactGroupDefaults, createContactGroupBlock, } from './blocks/contact/contact-group';
|
|
4
4
|
export { CONTACT_ICON_SIZE_RANGE, CONTACT_ICON_SIZES, CONTACT_ICON_TYPES, contactItemDefaults, createContactItemBlock, createContactItemEdit, } from './blocks/contact/contact-item';
|
|
5
5
|
export { accordionItemDefaults, createAccordionItemBlock } from './blocks/accordion/accordion-item';
|
|
6
6
|
export { accordionGroupDefaults, createAccordionGroupBlock } from './blocks/accordion/accordion-group';
|
package/package.json
CHANGED
|
@@ -4,13 +4,55 @@ export const CONTACT_COLUMNS = [2, 3] as const
|
|
|
4
4
|
|
|
5
5
|
export const CONTACT_COLUMNS_CONTEXT = 'brilo/contact-columns'
|
|
6
6
|
|
|
7
|
+
export const CONTACT_STYLE_CONTEXT = 'brilo/contact-style'
|
|
8
|
+
|
|
7
9
|
export const DEFAULT_SHADOWS = [
|
|
8
10
|
{value: 'none', label: __('Žádný', 'brilo-blocks')},
|
|
9
11
|
{value: 'sm', label: __('Malý', 'brilo-blocks')},
|
|
10
12
|
{value: 'md', label: __('Střední', 'brilo-blocks')},
|
|
11
13
|
] as const
|
|
12
14
|
|
|
15
|
+
export const DEFAULT_DIRECTIONS = [
|
|
16
|
+
{value: 'vertical', label: __('Vertikální', 'brilo-blocks')},
|
|
17
|
+
{value: 'horizontal', label: __('Horizontální', 'brilo-blocks')},
|
|
18
|
+
] as const
|
|
19
|
+
|
|
13
20
|
export const TEXT_ALIGNS = [
|
|
14
21
|
{value: 'left', label: __('Vlevo', 'brilo-blocks')},
|
|
15
22
|
{value: 'center', label: __('Na střed', 'brilo-blocks')},
|
|
16
23
|
] as const
|
|
24
|
+
|
|
25
|
+
export const DEFAULT_ICON_SIZE = 88
|
|
26
|
+
export const ICON_SIZE_MIN = 4
|
|
27
|
+
export const ICON_SIZE_MAX = 128
|
|
28
|
+
|
|
29
|
+
export const DEFAULT_ICON_SIZE_PRESETS = [
|
|
30
|
+
{value: 8, label: __('XS', 'brilo-blocks')},
|
|
31
|
+
{value: 16, label: __('SM', 'brilo-blocks')},
|
|
32
|
+
{value: 24, label: __('MD', 'brilo-blocks')},
|
|
33
|
+
{value: 32, label: __('LG', 'brilo-blocks')},
|
|
34
|
+
{value: 48, label: __('XL', 'brilo-blocks')},
|
|
35
|
+
] as const
|
|
36
|
+
|
|
37
|
+
export const DEFAULT_ICON_BACKGROUND_SIZE = 88
|
|
38
|
+
export const ICON_BACKGROUND_SIZE_MIN = 16
|
|
39
|
+
export const ICON_BACKGROUND_SIZE_MAX = 240
|
|
40
|
+
|
|
41
|
+
export const DEFAULT_ICON_BACKGROUND_SIZE_PRESETS = [
|
|
42
|
+
{value: 48, label: __('XS', 'brilo-blocks')},
|
|
43
|
+
{value: 64, label: __('SM', 'brilo-blocks')},
|
|
44
|
+
{value: 88, label: __('Výchozí', 'brilo-blocks')},
|
|
45
|
+
{value: 104, label: __('LG', 'brilo-blocks')},
|
|
46
|
+
{value: 128, label: __('XL', 'brilo-blocks')},
|
|
47
|
+
] as const
|
|
48
|
+
|
|
49
|
+
export const DEFAULT_ICON_BACKGROUND_SHAPES = [
|
|
50
|
+
{value: 'none', label: __('Žádný', 'brilo-blocks')},
|
|
51
|
+
{value: 'circle', label: __('Kruh', 'brilo-blocks')},
|
|
52
|
+
{value: 'triangle', label: __('Trojúhelník', 'brilo-blocks')},
|
|
53
|
+
{value: 'rhombus', label: __('Kosočtverec', 'brilo-blocks')},
|
|
54
|
+
{value: 'octagon', label: __('Osmiúhelník', 'brilo-blocks')},
|
|
55
|
+
{value: 'bevel', label: __('Zkosený', 'brilo-blocks')},
|
|
56
|
+
{value: 'rabbet', label: __('Drážkovaný', 'brilo-blocks')},
|
|
57
|
+
{value: 'parallelogram', label: __('Rovnoběžník', 'brilo-blocks')},
|
|
58
|
+
] as const
|
|
@@ -1,20 +1,80 @@
|
|
|
1
1
|
import {InspectorControls} from '@wordpress/block-editor'
|
|
2
2
|
import {
|
|
3
3
|
BaseControl,
|
|
4
|
+
Button,
|
|
4
5
|
ColorPalette,
|
|
5
6
|
PanelBody,
|
|
7
|
+
RangeControl,
|
|
8
|
+
SelectControl,
|
|
6
9
|
__experimentalToggleGroupControl as ToggleGroupControl,
|
|
7
10
|
__experimentalToggleGroupControlOption as ToggleGroupControlOption,
|
|
8
11
|
} from '@wordpress/components'
|
|
9
12
|
import {__} from '@wordpress/i18n'
|
|
10
13
|
import clsx from 'clsx'
|
|
14
|
+
import type {CSSProperties} from 'react'
|
|
15
|
+
import {ItemSpacingPanel, itemSpacingStyle} from '~/components/ItemSpacingControl'
|
|
11
16
|
import {useGroupBlock} from '~/hooks/useGroupBlock'
|
|
12
17
|
import {useTenantColorPalette} from '~/hooks/useTenantColorPalette'
|
|
13
|
-
import {
|
|
14
|
-
|
|
18
|
+
import {
|
|
19
|
+
CONTACT_COLUMNS,
|
|
20
|
+
DEFAULT_DIRECTIONS,
|
|
21
|
+
DEFAULT_ICON_BACKGROUND_SHAPES,
|
|
22
|
+
DEFAULT_ICON_BACKGROUND_SIZE_PRESETS,
|
|
23
|
+
DEFAULT_ICON_SIZE_PRESETS,
|
|
24
|
+
DEFAULT_SHADOWS,
|
|
25
|
+
ICON_BACKGROUND_SIZE_MAX,
|
|
26
|
+
ICON_BACKGROUND_SIZE_MIN,
|
|
27
|
+
ICON_SIZE_MAX,
|
|
28
|
+
ICON_SIZE_MIN,
|
|
29
|
+
TEXT_ALIGNS,
|
|
30
|
+
} from './constants'
|
|
31
|
+
import type {
|
|
32
|
+
ContactColumns,
|
|
33
|
+
ContactDirection,
|
|
34
|
+
ContactGroupAttributes,
|
|
35
|
+
ContactGroupOptions,
|
|
36
|
+
ContactIconBackgroundShape,
|
|
37
|
+
ContactShadow,
|
|
38
|
+
ContactSizePreset,
|
|
39
|
+
ContactTextAlign,
|
|
40
|
+
} from './types'
|
|
41
|
+
|
|
42
|
+
function PresetSizeControl({
|
|
43
|
+
label,
|
|
44
|
+
value,
|
|
45
|
+
presets,
|
|
46
|
+
min,
|
|
47
|
+
max,
|
|
48
|
+
onChange,
|
|
49
|
+
}: {
|
|
50
|
+
label: string
|
|
51
|
+
value: number
|
|
52
|
+
presets: readonly ContactSizePreset[]
|
|
53
|
+
min: number
|
|
54
|
+
max: number
|
|
55
|
+
onChange: (v: number) => void
|
|
56
|
+
}) {
|
|
57
|
+
return (
|
|
58
|
+
<BaseControl label={label} id={`contact-group-size-${label}`}>
|
|
59
|
+
<div style={{display: 'flex', gap: 4, marginBottom: 8, flexWrap: 'wrap'}}>
|
|
60
|
+
{presets.map((p) => (
|
|
61
|
+
<Button key={p.label} variant={value === p.value ? 'primary' : 'secondary'} size="small" onClick={() => onChange(p.value)}>
|
|
62
|
+
{p.label}
|
|
63
|
+
</Button>
|
|
64
|
+
))}
|
|
65
|
+
</div>
|
|
66
|
+
<RangeControl value={value} onChange={(v) => onChange(v ?? min)} min={min} max={max} step={1} withInputField />
|
|
67
|
+
</BaseControl>
|
|
68
|
+
)
|
|
69
|
+
}
|
|
15
70
|
|
|
16
71
|
export function createContactGroupEdit(options: ContactGroupOptions) {
|
|
17
72
|
const COLUMNS = options.columns ?? CONTACT_COLUMNS
|
|
73
|
+
const DIRECTIONS = options.directions ?? DEFAULT_DIRECTIONS
|
|
74
|
+
const SHADOWS = options.shadows ?? DEFAULT_SHADOWS
|
|
75
|
+
const ICON_SIZE_PRESETS = options.iconSizePresets ?? DEFAULT_ICON_SIZE_PRESETS
|
|
76
|
+
const ICON_BACKGROUND_SIZE_PRESETS = options.iconBackgroundSizePresets ?? DEFAULT_ICON_BACKGROUND_SIZE_PRESETS
|
|
77
|
+
const ICON_BACKGROUND_SHAPES = options.iconBackgroundShapes ?? DEFAULT_ICON_BACKGROUND_SHAPES
|
|
18
78
|
|
|
19
79
|
return function Edit({
|
|
20
80
|
attributes,
|
|
@@ -23,19 +83,30 @@ export function createContactGroupEdit(options: ContactGroupOptions) {
|
|
|
23
83
|
attributes: ContactGroupAttributes
|
|
24
84
|
setAttributes: (a: Partial<ContactGroupAttributes>) => void
|
|
25
85
|
}) {
|
|
26
|
-
const {columns, style} = attributes
|
|
27
|
-
const {paletteColors} = useTenantColorPalette()
|
|
86
|
+
const {columns, groupBackgroundColor, style, spacing} = attributes
|
|
87
|
+
const {paletteColors, resolveHex} = useTenantColorPalette()
|
|
28
88
|
|
|
29
89
|
const {blockProps, innerBlocksProps} = useGroupBlock({
|
|
30
|
-
blockClassName: clsx(
|
|
90
|
+
blockClassName: clsx(
|
|
91
|
+
options.blockClassName ?? 'g-contact wp-block-section',
|
|
92
|
+
`--direction-${style.direction}`,
|
|
93
|
+
groupBackgroundColor && '--group-background',
|
|
94
|
+
spacing === 0 && '--connected',
|
|
95
|
+
),
|
|
31
96
|
containerClassName: [options.containerClassName ?? 'g-contact__items', `--cols-${columns}`],
|
|
32
|
-
containerStyle: {'--grid-max-col-count': columns},
|
|
97
|
+
containerStyle: {'--grid-max-col-count': columns, ...itemSpacingStyle(spacing)},
|
|
33
98
|
allowedBlocks: options.allowedBlocks,
|
|
34
99
|
orientation: 'horizontal',
|
|
35
100
|
template: options.template,
|
|
36
101
|
layout: {type: 'default'},
|
|
37
102
|
})
|
|
38
103
|
|
|
104
|
+
const groupStyle = (
|
|
105
|
+
groupBackgroundColor
|
|
106
|
+
? {...(blockProps.style as CSSProperties), '--group-background-color': resolveHex(groupBackgroundColor)}
|
|
107
|
+
: (blockProps.style as CSSProperties)
|
|
108
|
+
) as CSSProperties
|
|
109
|
+
|
|
39
110
|
return (
|
|
40
111
|
<>
|
|
41
112
|
<InspectorControls>
|
|
@@ -50,20 +121,52 @@ export function createContactGroupEdit(options: ContactGroupOptions) {
|
|
|
50
121
|
<ToggleGroupControlOption key={c} value={String(c)} label={String(c)} />
|
|
51
122
|
))}
|
|
52
123
|
</ToggleGroupControl>
|
|
124
|
+
<ToggleGroupControl
|
|
125
|
+
isBlock
|
|
126
|
+
label={__('Směr', 'brilo-blocks')}
|
|
127
|
+
value={style.direction}
|
|
128
|
+
onChange={(v) => setAttributes({style: {...style, direction: v as ContactDirection}})}
|
|
129
|
+
>
|
|
130
|
+
{DIRECTIONS.map((d) => (
|
|
131
|
+
<ToggleGroupControlOption key={d.value} value={d.value} label={d.label} />
|
|
132
|
+
))}
|
|
133
|
+
</ToggleGroupControl>
|
|
134
|
+
<ToggleGroupControl
|
|
135
|
+
isBlock
|
|
136
|
+
label={__('Zarovnání', 'brilo-blocks')}
|
|
137
|
+
help={__('Zarovná text i ikonu položky.', 'brilo-blocks')}
|
|
138
|
+
value={style.textAlign}
|
|
139
|
+
onChange={(v) => setAttributes({style: {...style, textAlign: v as ContactTextAlign}})}
|
|
140
|
+
>
|
|
141
|
+
{TEXT_ALIGNS.map((a) => (
|
|
142
|
+
<ToggleGroupControlOption key={a.value} value={a.value} label={a.label} />
|
|
143
|
+
))}
|
|
144
|
+
</ToggleGroupControl>
|
|
53
145
|
</PanelBody>
|
|
54
146
|
<PanelBody title={__('Styl', 'brilo-blocks')}>
|
|
147
|
+
<BaseControl
|
|
148
|
+
label={__('Barva pozadí skupiny', 'brilo-blocks')}
|
|
149
|
+
help={__('Souvislé pozadí za všemi položkami. Vhodné s nulovou mezerou.', 'brilo-blocks')}
|
|
150
|
+
id="contact-group-group-background-color"
|
|
151
|
+
>
|
|
152
|
+
<ColorPalette
|
|
153
|
+
colors={paletteColors}
|
|
154
|
+
value={groupBackgroundColor || undefined}
|
|
155
|
+
onChange={(value) => setAttributes({groupBackgroundColor: value ?? ''})}
|
|
156
|
+
/>
|
|
157
|
+
</BaseControl>
|
|
55
158
|
<ToggleGroupControl
|
|
56
159
|
isBlock
|
|
57
|
-
label={__('Stín', 'brilo-blocks')}
|
|
160
|
+
label={__('Stín položek', 'brilo-blocks')}
|
|
58
161
|
value={style.shadow}
|
|
59
162
|
onChange={(v) => setAttributes({style: {...style, shadow: v as ContactShadow}})}
|
|
60
163
|
>
|
|
61
|
-
{
|
|
164
|
+
{SHADOWS.map((s) => (
|
|
62
165
|
<ToggleGroupControlOption key={s.value} value={s.value} label={s.label} />
|
|
63
166
|
))}
|
|
64
167
|
</ToggleGroupControl>
|
|
65
168
|
<BaseControl
|
|
66
|
-
label={__('Barva okraje', 'brilo-blocks')}
|
|
169
|
+
label={__('Barva okraje položek', 'brilo-blocks')}
|
|
67
170
|
help={__('Bez vybrané barvy se okraj nevykreslí.', 'brilo-blocks')}
|
|
68
171
|
id="contact-group-border-color"
|
|
69
172
|
>
|
|
@@ -73,7 +176,7 @@ export function createContactGroupEdit(options: ContactGroupOptions) {
|
|
|
73
176
|
onChange={(value) => setAttributes({style: {...style, borderColor: value ?? ''}})}
|
|
74
177
|
/>
|
|
75
178
|
</BaseControl>
|
|
76
|
-
<BaseControl label={__('Barva pozadí', 'brilo-blocks')} id="contact-group-background-color">
|
|
179
|
+
<BaseControl label={__('Barva pozadí položek', 'brilo-blocks')} id="contact-group-background-color">
|
|
77
180
|
<ColorPalette
|
|
78
181
|
colors={paletteColors}
|
|
79
182
|
value={style.backgroundColor || undefined}
|
|
@@ -87,19 +190,73 @@ export function createContactGroupEdit(options: ContactGroupOptions) {
|
|
|
87
190
|
onChange={(value) => setAttributes({style: {...style, textColor: value ?? ''}})}
|
|
88
191
|
/>
|
|
89
192
|
</BaseControl>
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
193
|
+
</PanelBody>
|
|
194
|
+
<PanelBody title={__('Ikona', 'brilo-blocks')} initialOpen={false}>
|
|
195
|
+
<PresetSizeControl
|
|
196
|
+
label={__('Velikost', 'brilo-blocks')}
|
|
197
|
+
value={style.icon.size}
|
|
198
|
+
presets={ICON_SIZE_PRESETS}
|
|
199
|
+
min={ICON_SIZE_MIN}
|
|
200
|
+
max={ICON_SIZE_MAX}
|
|
201
|
+
onChange={(v) => setAttributes({style: {...style, icon: {...style.icon, size: v}}})}
|
|
202
|
+
/>
|
|
203
|
+
<BaseControl label={__('Barva', 'brilo-blocks')} id="contact-group-icon-color">
|
|
204
|
+
<ColorPalette
|
|
205
|
+
colors={paletteColors}
|
|
206
|
+
value={style.icon.color || undefined}
|
|
207
|
+
onChange={(value) => setAttributes({style: {...style, icon: {...style.icon, color: value ?? ''}}})}
|
|
208
|
+
/>
|
|
209
|
+
</BaseControl>
|
|
210
|
+
<BaseControl label={__('Pozadí', 'brilo-blocks')} id="contact-group-icon-background-color">
|
|
211
|
+
<ColorPalette
|
|
212
|
+
colors={paletteColors}
|
|
213
|
+
value={style.icon.background || undefined}
|
|
214
|
+
onChange={(value) => setAttributes({style: {...style, icon: {...style.icon, background: value ?? ''}}})}
|
|
215
|
+
/>
|
|
216
|
+
</BaseControl>
|
|
217
|
+
<PresetSizeControl
|
|
218
|
+
label={__('Velikost pozadí', 'brilo-blocks')}
|
|
219
|
+
value={style.icon.backgroundSize}
|
|
220
|
+
presets={ICON_BACKGROUND_SIZE_PRESETS}
|
|
221
|
+
min={ICON_BACKGROUND_SIZE_MIN}
|
|
222
|
+
max={ICON_BACKGROUND_SIZE_MAX}
|
|
223
|
+
onChange={(v) => setAttributes({style: {...style, icon: {...style.icon, backgroundSize: v}}})}
|
|
224
|
+
/>
|
|
225
|
+
{style.icon.background && (
|
|
226
|
+
<SelectControl<string>
|
|
227
|
+
label={__('Tvar pozadí', 'brilo-blocks')}
|
|
228
|
+
value={style.icon.backgroundShape}
|
|
229
|
+
options={[...ICON_BACKGROUND_SHAPES]}
|
|
230
|
+
onChange={(v) =>
|
|
231
|
+
setAttributes({style: {...style, icon: {...style.icon, backgroundShape: v as ContactIconBackgroundShape}}})
|
|
232
|
+
}
|
|
233
|
+
/>
|
|
234
|
+
)}
|
|
235
|
+
<BaseControl
|
|
236
|
+
label={__('Barva ohraničení', 'brilo-blocks')}
|
|
237
|
+
help={__('Bez vybrané barvy se okraj nevykreslí.', 'brilo-blocks')}
|
|
238
|
+
id="contact-group-icon-border-color"
|
|
95
239
|
>
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
240
|
+
<ColorPalette
|
|
241
|
+
colors={paletteColors}
|
|
242
|
+
value={style.icon.borderColor || undefined}
|
|
243
|
+
onChange={(value) => setAttributes({style: {...style, icon: {...style.icon, borderColor: value ?? ''}}})}
|
|
244
|
+
/>
|
|
245
|
+
</BaseControl>
|
|
246
|
+
{style.icon.borderColor && (
|
|
247
|
+
<RangeControl
|
|
248
|
+
label={__('Šířka ohraničení (px)', 'brilo-blocks')}
|
|
249
|
+
value={style.icon.borderWidth}
|
|
250
|
+
onChange={(v) => setAttributes({style: {...style, icon: {...style.icon, borderWidth: v ?? 0}}})}
|
|
251
|
+
min={0}
|
|
252
|
+
max={10}
|
|
253
|
+
step={1}
|
|
254
|
+
/>
|
|
255
|
+
)}
|
|
100
256
|
</PanelBody>
|
|
257
|
+
<ItemSpacingPanel spacing={spacing} onChange={(v) => setAttributes({spacing: v})} />
|
|
101
258
|
</InspectorControls>
|
|
102
|
-
<div {...blockProps}>
|
|
259
|
+
<div {...blockProps} style={groupStyle}>
|
|
103
260
|
<div {...innerBlocksProps} />
|
|
104
261
|
</div>
|
|
105
262
|
</>
|
|
@@ -6,6 +6,25 @@
|
|
|
6
6
|
gap: 16px;
|
|
7
7
|
align-items: start;
|
|
8
8
|
}
|
|
9
|
+
|
|
10
|
+
&.--group-background {
|
|
11
|
+
background-color: var(--group-background-color, transparent);
|
|
12
|
+
border-radius: 4px;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
// With zero spacing the items sit flush; drop their individual rounding and
|
|
16
|
+
// clip to the group so the background reads as one connected surface.
|
|
17
|
+
&.--connected {
|
|
18
|
+
overflow: hidden;
|
|
19
|
+
|
|
20
|
+
.g-contact__items {
|
|
21
|
+
gap: 0;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.i-contact {
|
|
25
|
+
border-radius: 0;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
9
28
|
}
|
|
10
29
|
}
|
|
11
30
|
|
|
@@ -1,17 +1,42 @@
|
|
|
1
1
|
import {InnerBlocks} from '@wordpress/block-editor'
|
|
2
2
|
import type {BlockConfiguration} from '@wordpress/blocks'
|
|
3
3
|
import {__} from '@wordpress/i18n'
|
|
4
|
-
import
|
|
5
|
-
import {
|
|
4
|
+
import {ITEM_SPACING_ATTRIBUTE} from '~/components/ItemSpacingControl'
|
|
5
|
+
import type {NumberArray, OptionArray} from '~/types'
|
|
6
|
+
import {
|
|
7
|
+
CONTACT_COLUMNS,
|
|
8
|
+
CONTACT_COLUMNS_CONTEXT,
|
|
9
|
+
CONTACT_STYLE_CONTEXT,
|
|
10
|
+
DEFAULT_DIRECTIONS,
|
|
11
|
+
DEFAULT_ICON_BACKGROUND_SHAPES,
|
|
12
|
+
DEFAULT_ICON_BACKGROUND_SIZE,
|
|
13
|
+
DEFAULT_ICON_SIZE,
|
|
14
|
+
DEFAULT_SHADOWS,
|
|
15
|
+
} from './constants'
|
|
6
16
|
import {createContactGroupEdit} from './edit'
|
|
7
17
|
import type {ContactGroupAttributes, ContactGroupOptions} from './types'
|
|
8
18
|
|
|
9
19
|
export type {ContactGroupAttributes, ContactGroupOptions}
|
|
10
20
|
|
|
11
|
-
export function createContactGroupBlock<
|
|
12
|
-
|
|
13
|
-
|
|
21
|
+
export function createContactGroupBlock<
|
|
22
|
+
TColumns extends NumberArray = typeof CONTACT_COLUMNS,
|
|
23
|
+
TDirections extends OptionArray = typeof DEFAULT_DIRECTIONS,
|
|
24
|
+
TShadows extends OptionArray = typeof DEFAULT_SHADOWS,
|
|
25
|
+
TIconBackgroundShapes extends OptionArray = typeof DEFAULT_ICON_BACKGROUND_SHAPES,
|
|
26
|
+
>(
|
|
27
|
+
options: ContactGroupOptions<TColumns, TDirections, TShadows, TIconBackgroundShapes>,
|
|
28
|
+
): BlockConfiguration<
|
|
29
|
+
ContactGroupAttributes<
|
|
30
|
+
TColumns[number],
|
|
31
|
+
TDirections[number]['value'],
|
|
32
|
+
TShadows[number]['value'],
|
|
33
|
+
TIconBackgroundShapes[number]['value']
|
|
34
|
+
>
|
|
35
|
+
> {
|
|
14
36
|
const columns = options.columns ?? CONTACT_COLUMNS
|
|
37
|
+
const directions = options.directions ?? DEFAULT_DIRECTIONS
|
|
38
|
+
const shadows = options.shadows ?? DEFAULT_SHADOWS
|
|
39
|
+
const iconBackgroundShapes = options.iconBackgroundShapes ?? DEFAULT_ICON_BACKGROUND_SHAPES
|
|
15
40
|
|
|
16
41
|
return {
|
|
17
42
|
name: options.name,
|
|
@@ -21,19 +46,47 @@ export function createContactGroupBlock<TColumns extends NumberArray = typeof CO
|
|
|
21
46
|
...(options.parent && {parent: options.parent}),
|
|
22
47
|
icon: options.icon ?? 'id-alt',
|
|
23
48
|
supports: {html: false, customClassName: false},
|
|
24
|
-
providesContext: {
|
|
49
|
+
providesContext: {
|
|
50
|
+
[CONTACT_COLUMNS_CONTEXT]: 'columns',
|
|
51
|
+
[CONTACT_STYLE_CONTEXT]: 'style',
|
|
52
|
+
},
|
|
25
53
|
attributes: {
|
|
26
54
|
columns: {
|
|
27
55
|
type: 'number',
|
|
28
56
|
default: columns[1] ?? columns[0],
|
|
29
57
|
enum: [...columns],
|
|
30
58
|
},
|
|
59
|
+
groupBackgroundColor: {type: 'string', default: ''},
|
|
31
60
|
style: {
|
|
32
61
|
type: 'object',
|
|
33
|
-
default: {
|
|
62
|
+
default: {
|
|
63
|
+
shadow: shadows[0].value,
|
|
64
|
+
direction: directions[0].value,
|
|
65
|
+
textAlign: 'left',
|
|
66
|
+
borderColor: '',
|
|
67
|
+
backgroundColor: '',
|
|
68
|
+
textColor: '',
|
|
69
|
+
icon: {
|
|
70
|
+
size: DEFAULT_ICON_SIZE,
|
|
71
|
+
color: '',
|
|
72
|
+
background: '',
|
|
73
|
+
backgroundSize: DEFAULT_ICON_BACKGROUND_SIZE,
|
|
74
|
+
backgroundShape: iconBackgroundShapes[0].value,
|
|
75
|
+
borderColor: '',
|
|
76
|
+
borderWidth: 1,
|
|
77
|
+
},
|
|
78
|
+
},
|
|
34
79
|
},
|
|
80
|
+
...ITEM_SPACING_ATTRIBUTE,
|
|
35
81
|
},
|
|
36
82
|
edit: createContactGroupEdit(options as unknown as ContactGroupOptions),
|
|
37
83
|
save: () => <InnerBlocks.Content />,
|
|
38
|
-
} as unknown as BlockConfiguration<
|
|
84
|
+
} as unknown as BlockConfiguration<
|
|
85
|
+
ContactGroupAttributes<
|
|
86
|
+
TColumns[number],
|
|
87
|
+
TDirections[number]['value'],
|
|
88
|
+
TShadows[number]['value'],
|
|
89
|
+
TIconBackgroundShapes[number]['value']
|
|
90
|
+
>
|
|
91
|
+
>
|
|
39
92
|
}
|