@brilo/base-blocks 0.1.13 → 0.1.15
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 -0
- package/build/blocks/column/column-group/edit.d.ts.map +1 -1
- package/build/blocks/column/column-group/edit.js +1 -1
- package/build/blocks/column/column-item/edit.d.ts.map +1 -1
- package/build/blocks/column/column-item/edit.js +1 -1
- package/build/blocks/column/column-item/factory.js +1 -1
- package/build/blocks/compare/compare-group/constants.d.ts.map +1 -1
- package/build/blocks/compare/compare-group/edit.d.ts.map +1 -1
- package/build/blocks/compare/compare-group/edit.js +1 -1
- package/build/blocks/compare/compare-item/edit.d.ts.map +1 -1
- package/build/blocks/compare/compare-option/constants.d.ts +3 -3
- package/build/blocks/compare/compare-option/constants.d.ts.map +1 -1
- package/build/blocks/compare/compare-option/edit.d.ts.map +1 -1
- package/build/blocks/compare/compare-option/edit.js +1 -1
- package/build/blocks/contact/contact-group/constants.d.ts.map +1 -1
- package/build/blocks/contact/contact-group/edit.d.ts.map +1 -1
- package/build/blocks/contact/contact-group/edit.js +1 -1
- package/build/blocks/contact/contact-item/constants.d.ts +6 -6
- package/build/blocks/contact/contact-item/constants.d.ts.map +1 -1
- package/build/blocks/contact/contact-item/edit.d.ts.map +1 -1
- package/build/blocks/contact/contact-item/edit.js +1 -1
- package/build/blocks/contact/contact-item/index.d.ts +1 -0
- package/build/blocks/contact/contact-item/index.d.ts.map +1 -1
- package/build/blocks/contact/contact-item/index.js +1 -0
- package/build/blocks/core/basic-button/constants.d.ts +7 -7
- package/build/blocks/core/basic-button/constants.d.ts.map +1 -1
- package/build/blocks/core/basic-button/edit.d.ts.map +1 -1
- package/build/blocks/core/basic-button/edit.js +3 -2
- package/build/blocks/core/basic-heading/edit.d.ts.map +1 -1
- package/build/blocks/core/basic-heading/edit.js +1 -1
- package/build/blocks/core/basic-overline/edit.d.ts.map +1 -1
- package/build/blocks/faq/faq-group/constants.d.ts +6 -6
- package/build/blocks/faq/faq-group/constants.d.ts.map +1 -1
- package/build/blocks/faq/faq-group/edit.d.ts.map +1 -1
- package/build/blocks/faq/faq-group/edit.js +1 -1
- package/build/blocks/faq/faq-group/factory.js +7 -6
- package/build/blocks/faq/faq-item/edit.d.ts.map +1 -1
- package/build/blocks/faq/faq-item/edit.js +1 -1
- package/build/blocks/form/form-field/constants.d.ts +2 -2
- package/build/blocks/form/form-field/constants.d.ts.map +1 -1
- package/build/blocks/form/form-field/edit.d.ts.map +1 -1
- package/build/blocks/form/form-field/edit.js +1 -1
- package/build/blocks/form/form-group/constants.d.ts +8 -8
- package/build/blocks/form/form-group/constants.d.ts.map +1 -1
- package/build/blocks/form/form-group/edit.d.ts.map +1 -1
- package/build/blocks/form/form-group/edit.js +10 -9
- package/build/blocks/gallery/gallery-group/constants.d.ts +12 -12
- package/build/blocks/gallery/gallery-group/constants.d.ts.map +1 -1
- package/build/blocks/gallery/gallery-group/edit.d.ts.map +1 -1
- package/build/blocks/gallery/gallery-group/edit.js +1 -1
- package/build/blocks/gallery/gallery-item/edit.d.ts.map +1 -1
- package/build/blocks/gallery/gallery-item/edit.js +1 -1
- package/build/blocks/groups/banner-group/constants.d.ts +2 -2
- package/build/blocks/groups/banner-group/constants.d.ts.map +1 -1
- package/build/blocks/groups/banner-group/edit.d.ts.map +1 -1
- package/build/blocks/groups/banner-group/edit.js +1 -1
- package/build/blocks/groups/banner-group/icon.js +1 -1
- package/build/blocks/groups/basic-header-group/constants.d.ts +3 -3
- package/build/blocks/groups/basic-header-group/constants.d.ts.map +1 -1
- package/build/blocks/groups/basic-header-group/edit.d.ts.map +1 -1
- package/build/blocks/groups/basic-header-group/edit.js +1 -1
- package/build/blocks/groups/basic-header-group/factory.js +10 -9
- package/build/blocks/groups/button-group/constants.d.ts +6 -6
- package/build/blocks/groups/button-group/constants.d.ts.map +1 -1
- package/build/blocks/groups/button-group/edit.d.ts.map +1 -1
- package/build/blocks/groups/button-group/edit.js +1 -1
- package/build/blocks/groups/button-group/factory.js +7 -6
- package/build/blocks/groups/content-group/constants.d.ts +1 -1
- package/build/blocks/groups/content-group/constants.d.ts.map +1 -1
- package/build/blocks/groups/content-group/edit.d.ts.map +1 -1
- package/build/blocks/groups/content-group/edit.js +1 -1
- package/build/blocks/groups/text-and-media-group/constants.d.ts +33 -33
- package/build/blocks/groups/text-and-media-group/constants.d.ts.map +1 -1
- package/build/blocks/groups/text-and-media-group/edit.d.ts.map +1 -1
- package/build/blocks/groups/text-and-media-group/edit.js +1 -1
- package/build/blocks/groups/text-and-media-group/factory.js +15 -14
- package/build/blocks/hero/hero-group/constants.d.ts +4 -4
- package/build/blocks/hero/hero-group/constants.d.ts.map +1 -1
- package/build/blocks/hero/hero-group/edit.d.ts.map +1 -1
- package/build/blocks/hero/hero-group/edit.js +6 -5
- package/build/blocks/hero/hero-group/icon.js +1 -1
- package/build/blocks/hero/hero-item/constants.d.ts +9 -9
- package/build/blocks/hero/hero-item/constants.d.ts.map +1 -1
- package/build/blocks/hero/hero-item/edit.d.ts.map +1 -1
- package/build/blocks/hero/hero-item/edit.js +6 -5
- package/build/blocks/link/link-item/constants.d.ts +3 -3
- package/build/blocks/link/link-item/constants.d.ts.map +1 -1
- package/build/blocks/link/link-item/edit.d.ts.map +1 -1
- package/build/blocks/link/link-item/edit.js +1 -1
- package/build/blocks/map/map-group/constants.d.ts +4 -4
- package/build/blocks/map/map-group/constants.d.ts.map +1 -1
- package/build/blocks/map/map-group/edit.d.ts.map +1 -1
- package/build/blocks/map/map-group/edit.js +1 -1
- package/build/blocks/newsletter/newsletter-form/constants.d.ts.map +1 -1
- package/build/blocks/newsletter/newsletter-form/edit.d.ts.map +1 -1
- package/build/blocks/newsletter/newsletter-form/edit.js +1 -1
- package/build/blocks/person/person-group/constants.d.ts.map +1 -1
- package/build/blocks/person/person-group/edit.d.ts.map +1 -1
- package/build/blocks/person/person-group/edit.js +1 -1
- package/build/blocks/person/person-group/icon.js +1 -1
- package/build/blocks/person/person-item/edit.d.ts.map +1 -1
- package/build/blocks/person/person-item/edit.js +1 -1
- package/build/blocks/post/post-slider-group/edit.d.ts.map +1 -1
- package/build/blocks/post/post-slider-group/edit.js +1 -1
- package/build/blocks/responsive-grid/responsive-grid-group/edit.d.ts.map +1 -1
- package/build/blocks/responsive-grid/responsive-grid-group/edit.js +1 -1
- package/build/blocks/responsive-grid/responsive-grid-item/edit.d.ts.map +1 -1
- package/build/blocks/sections/base-section/attributes.d.ts +9 -9
- package/build/blocks/sections/base-section/attributes.d.ts.map +1 -1
- package/build/blocks/sections/base-section/constants.d.ts +5 -5
- package/build/blocks/sections/base-section/constants.d.ts.map +1 -1
- package/build/blocks/sections/base-section/controls.js +1 -1
- package/build/blocks/sections/base-section/edit.d.ts.map +1 -1
- package/build/blocks/sections/base-section/edit.js +1 -1
- package/build/blocks/signpost/signpost-group/constants.d.ts +27 -1
- package/build/blocks/signpost/signpost-group/constants.d.ts.map +1 -1
- package/build/blocks/signpost/signpost-group/constants.js +13 -0
- package/build/blocks/signpost/signpost-group/edit.d.ts.map +1 -1
- package/build/blocks/signpost/signpost-group/edit.js +9 -5
- package/build/blocks/signpost/signpost-group/factory.d.ts.map +1 -1
- package/build/blocks/signpost/signpost-group/factory.js +36 -22
- package/build/blocks/signpost/signpost-group/index.d.ts +1 -1
- package/build/blocks/signpost/signpost-group/index.d.ts.map +1 -1
- package/build/blocks/signpost/signpost-group/types.d.ts +14 -1
- package/build/blocks/signpost/signpost-group/types.d.ts.map +1 -1
- package/build/blocks/signpost/signpost-item/constants.d.ts +2 -1
- package/build/blocks/signpost/signpost-item/constants.d.ts.map +1 -1
- package/build/blocks/signpost/signpost-item/constants.js +2 -1
- package/build/blocks/signpost/signpost-item/edit.d.ts.map +1 -1
- package/build/blocks/signpost/signpost-item/edit.js +16 -8
- package/build/blocks/signpost/signpost-item/factory.d.ts.map +1 -1
- package/build/blocks/signpost/signpost-item/factory.js +2 -1
- package/build/blocks/signpost/signpost-item/types.d.ts +9 -2
- package/build/blocks/signpost/signpost-item/types.d.ts.map +1 -1
- package/build/blocks/step/step-group/constants.d.ts +2 -2
- package/build/blocks/step/step-group/constants.d.ts.map +1 -1
- package/build/blocks/step/step-group/edit.d.ts.map +1 -1
- package/build/blocks/step/step-group/edit.js +1 -1
- package/build/blocks/step/step-item/constants.d.ts +2 -2
- package/build/blocks/step/step-item/constants.d.ts.map +1 -1
- package/build/blocks/step/step-item/edit.d.ts.map +1 -1
- package/build/blocks/step/step-item/edit.js +1 -1
- package/build/blocks/testimonial/testimonial-group/constants.d.ts +5 -5
- package/build/blocks/testimonial/testimonial-group/constants.d.ts.map +1 -1
- package/build/blocks/testimonial/testimonial-group/edit.d.ts.map +1 -1
- package/build/blocks/testimonial/testimonial-group/edit.js +1 -1
- package/build/blocks/testimonial/testimonial-item/edit.d.ts.map +1 -1
- package/build/blocks/testimonial/testimonial-item/edit.js +1 -1
- package/build/blocks/text-and-form/text-and-form-group/constants.d.ts +2 -2
- package/build/blocks/text-and-form/text-and-form-group/constants.d.ts.map +1 -1
- package/build/blocks/text-and-form/text-and-form-group/edit.d.ts.map +1 -1
- package/build/blocks/text-and-form/text-and-form-group/edit.js +3 -2
- package/build/blocks/text-and-form/text-and-form-text-column/constants.d.ts +4 -4
- package/build/blocks/text-and-form/text-and-form-text-column/constants.d.ts.map +1 -1
- package/build/blocks/text-and-form/text-and-form-text-column/edit.d.ts.map +1 -1
- package/build/blocks/text-and-form/text-and-form-text-column/edit.js +1 -1
- package/build/blocks/text-and-form/text-and-form-text-column/factory.js +9 -8
- package/build/blocks/usp/usp-group/constants.d.ts +31 -31
- package/build/blocks/usp/usp-group/constants.d.ts.map +1 -1
- package/build/blocks/usp/usp-group/edit.d.ts.map +1 -1
- package/build/blocks/usp/usp-group/edit.js +5 -3
- package/build/blocks/usp/usp-group/factory.d.ts.map +1 -1
- package/build/blocks/usp/usp-group/factory.js +21 -17
- package/build/blocks/usp/usp-group/types.d.ts +3 -0
- package/build/blocks/usp/usp-group/types.d.ts.map +1 -1
- package/build/blocks/usp/usp-item/constants.d.ts +3 -3
- package/build/blocks/usp/usp-item/constants.d.ts.map +1 -1
- package/build/blocks/usp/usp-item/edit.d.ts.map +1 -1
- package/build/blocks/usp/usp-item/edit.js +1 -1
- package/build/components/ImagePicker/ImagePicker.js +1 -1
- package/build/components/ItemIconControl/ItemIconControl.js +3 -2
- package/build/components/ItemIconControl/ItemIconPreview.js +6 -3
- package/build/constants.d.ts +12 -12
- package/build/constants.d.ts.map +1 -1
- package/build/hooks/useTenantColorPalette.d.ts +1 -1
- package/build/hooks/useTenantColorPalette.d.ts.map +1 -1
- package/build/index.d.ts +1 -1
- package/build/index.d.ts.map +1 -1
- package/build/index.js +1 -1
- package/package.json +15 -15
- package/src/blocks/column/column-item/factory.tsx +1 -1
- package/src/blocks/contact/contact-item/index.ts +1 -0
- package/src/blocks/core/basic-button/edit.tsx +4 -4
- package/src/blocks/groups/banner-group/icon.tsx +2 -2
- package/src/blocks/hero/hero-group/icon.tsx +2 -2
- package/src/blocks/person/person-group/icon.tsx +2 -2
- package/src/blocks/signpost/signpost-group/constants.ts +16 -0
- package/src/blocks/signpost/signpost-group/edit.tsx +62 -3
- package/src/blocks/signpost/signpost-group/factory.tsx +36 -18
- package/src/blocks/signpost/signpost-group/index.ts +1 -1
- package/src/blocks/signpost/signpost-group/types.ts +16 -2
- package/src/blocks/signpost/signpost-item/constants.ts +2 -4
- package/src/blocks/signpost/signpost-item/edit.tsx +57 -4
- package/src/blocks/signpost/signpost-item/factory.tsx +2 -1
- package/src/blocks/signpost/signpost-item/types.ts +13 -3
- package/src/blocks/usp/usp-group/edit.tsx +40 -17
- package/src/blocks/usp/usp-group/factory.tsx +3 -0
- package/src/blocks/usp/usp-group/types.ts +3 -0
- package/src/components/ImagePicker/ImagePicker.tsx +1 -1
- package/src/components/ItemIconControl/ItemIconControl.tsx +1 -1
- package/src/components/ItemIconControl/ItemIconPreview.tsx +2 -2
- package/src/index.ts +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/usp/usp-item/edit.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAC,iBAAiB,EAAE,cAAc,EAAC,MAAM,SAAS,CAAA;AAE9D,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/usp/usp-item/edit.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAC,iBAAiB,EAAE,cAAc,EAAC,MAAM,SAAS,CAAA;AAE9D,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,cAAc,oCAIpD;IACD,UAAU,EAAE,iBAAiB,CAAA;IAC7B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;CACvD,iCA+CF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { InspectorControls, RichText, useBlockProps } from '@wordpress/block-editor';
|
|
3
3
|
import { PanelBody, ToggleControl, TextControl } from '@wordpress/components';
|
|
4
4
|
import { __ } from '@wordpress/i18n';
|
|
@@ -8,7 +8,7 @@ export function useMediaData(id) {
|
|
|
8
8
|
if (!id)
|
|
9
9
|
return {};
|
|
10
10
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
11
|
-
const media = select('core').
|
|
11
|
+
const media = select('core').getEntityRecord('postType', 'attachment', id);
|
|
12
12
|
return {
|
|
13
13
|
url: media === null || media === void 0 ? void 0 : media.source_url,
|
|
14
14
|
mimeType: media === null || media === void 0 ? void 0 : media.mime_type,
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Button, TextControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, } from '@wordpress/components';
|
|
3
3
|
import { useState } from '@wordpress/element';
|
|
4
4
|
import { __ } from '@wordpress/i18n';
|
|
5
5
|
import { ImagePickerControl } from '../../components/ImagePicker';
|
|
6
6
|
import { ItemIconModal } from './ItemIconModal';
|
|
7
7
|
export function ItemIconControl({ icon, setAttributes, options, iconTypes }) {
|
|
8
|
+
var _a;
|
|
8
9
|
const [isModalOpen, setModalOpen] = useState(false);
|
|
9
10
|
const preselectedIconUrl = icon.type === 'preselected' && icon.src ? `${options.iconsSrc}${icon.src}.svg` : '';
|
|
10
|
-
return (_jsxs(_Fragment, { children: [_jsx(ToggleGroupControl, { label: __('Typ ikony', 'brilo-blocks'), value: icon.type, onChange: (v) => setAttributes({ icon: { ...icon, type: v } }), isBlock: true, children: iconTypes.map((t) => (_jsx(ToggleGroupControlOption, { value: t.value, label: t.label }, t.value))) }), icon.type === 'preselected' && (_jsxs("div", { className: "i-item-icon__control-preselected", children: [preselectedIconUrl && (_jsx("div", { className: "i-item-icon__preview", children: _jsx("img", { src: preselectedIconUrl, alt: "", width: 32, height: 32 }) })), _jsx(Button, { variant: "secondary", onClick: () => setModalOpen(true), children: icon.src ? __('Změnit ikonu', 'brilo-blocks') : __('Vybrat ikonu', 'brilo-blocks') })] })), icon.type === 'media' && (_jsx(ImagePickerControl, { value: icon.media, onChange: (val) => setAttributes({ icon: { ...icon, media: val } }), labels: {
|
|
11
|
+
return (_jsxs(_Fragment, { children: [_jsx(ToggleGroupControl, { label: __('Typ ikony', 'brilo-blocks'), value: icon.type, onChange: (v) => setAttributes({ icon: { ...icon, type: v } }), isBlock: true, children: iconTypes.map((t) => (_jsx(ToggleGroupControlOption, { value: t.value, label: t.label }, t.value))) }), icon.type === 'preselected' && (_jsxs("div", { className: "i-item-icon__control-preselected", children: [preselectedIconUrl && (_jsx("div", { className: "i-item-icon__preview", children: _jsx("img", { src: preselectedIconUrl, alt: "", width: 32, height: 32 }) })), _jsx(Button, { variant: "secondary", onClick: () => setModalOpen(true), children: icon.src ? __('Změnit ikonu', 'brilo-blocks') : __('Vybrat ikonu', 'brilo-blocks') })] })), icon.type === 'media' && (_jsx(ImagePickerControl, { value: (_a = icon.media) !== null && _a !== void 0 ? _a : { id: 0, alt: '' }, onChange: (val) => setAttributes({ icon: { ...icon, media: val } }), labels: {
|
|
11
12
|
select: __('Vybrat ikonu', 'brilo-blocks'),
|
|
12
13
|
change: __('Změnit ikonu', 'brilo-blocks'),
|
|
13
14
|
remove: __('Odebrat ikonu', 'brilo-blocks'),
|
|
@@ -1,13 +1,16 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import clsx from 'clsx';
|
|
3
3
|
import { useState } from '@wordpress/element';
|
|
4
4
|
import { useMediaUrl } from '../../components/ImagePicker';
|
|
5
5
|
import { ItemIconModal } from './ItemIconModal';
|
|
6
6
|
export function ItemIconPreview({ icon, className, options, setAttributes }) {
|
|
7
|
+
var _a;
|
|
8
|
+
var _b;
|
|
7
9
|
const [isModalOpen, setModalOpen] = useState(false);
|
|
8
|
-
const mediaIconUrl = useMediaUrl(icon.media.id);
|
|
10
|
+
const mediaIconUrl = useMediaUrl((_b = (_a = icon.media) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : 0);
|
|
9
11
|
const preselectedIconUrl = icon.type === 'preselected' && icon.src ? `${options.iconsSrc}${icon.src}.svg` : '';
|
|
10
12
|
const renderContent = () => {
|
|
13
|
+
var _a;
|
|
11
14
|
if (icon.type === 'preselected') {
|
|
12
15
|
if (preselectedIconUrl) {
|
|
13
16
|
return (_jsx("div", { className: clsx('i-item-icon', className), children: _jsx("img", { src: preselectedIconUrl, alt: "", className: clsx(className ? `${className}-img` : 'i-item-icon__img'), width: 40, height: 40 }) }));
|
|
@@ -15,7 +18,7 @@ export function ItemIconPreview({ icon, className, options, setAttributes }) {
|
|
|
15
18
|
return (_jsx("button", { type: "button", className: clsx('i-item-icon', className ? `${className}-placeholder` : null, 'i-item-icon__placeholder', !isModalOpen && '--clickable'), onClick: () => setModalOpen(true), children: _jsx("span", { children: "\u2606" }) }));
|
|
16
19
|
}
|
|
17
20
|
if (icon.type === 'media') {
|
|
18
|
-
if (icon.media.id && mediaIconUrl) {
|
|
21
|
+
if (((_a = icon.media) === null || _a === void 0 ? void 0 : _a.id) && mediaIconUrl) {
|
|
19
22
|
return (_jsx("div", { className: clsx('i-item-icon', className), children: _jsx("img", { src: mediaIconUrl, alt: icon.media.alt, className: clsx(className ? `${className}-img` : null, 'i-item-icon__img') }) }));
|
|
20
23
|
}
|
|
21
24
|
return (_jsx("div", { className: clsx('i-item-icon', className ? `${className}-placeholder` : 'i-item-icon__placeholder'), children: _jsx("span", { children: "\u2606" }) }));
|
package/build/constants.d.ts
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
export declare const HEADING_LEVELS: readonly [1, 2, 3, 4];
|
|
2
|
-
export declare const HEADING_STYLES: readonly [
|
|
2
|
+
export declare const HEADING_STYLES: readonly ['h1', 'h2', 'h3', 'h4'];
|
|
3
3
|
export declare const HEADING_STYLE_OPTIONS: readonly [{
|
|
4
|
-
readonly value:
|
|
5
|
-
readonly label:
|
|
4
|
+
readonly value: 'h1';
|
|
5
|
+
readonly label: 'H1 styl';
|
|
6
6
|
}, {
|
|
7
|
-
readonly value:
|
|
8
|
-
readonly label:
|
|
7
|
+
readonly value: 'h2';
|
|
8
|
+
readonly label: 'H2 styl';
|
|
9
9
|
}, {
|
|
10
|
-
readonly value:
|
|
11
|
-
readonly label:
|
|
10
|
+
readonly value: 'h3';
|
|
11
|
+
readonly label: 'H3 styl';
|
|
12
12
|
}, {
|
|
13
|
-
readonly value:
|
|
14
|
-
readonly label:
|
|
13
|
+
readonly value: 'h4';
|
|
14
|
+
readonly label: 'H4 styl';
|
|
15
15
|
}];
|
|
16
16
|
export type HeadingStyleOption = (typeof HEADING_STYLE_OPTIONS)[number]['value'];
|
|
17
17
|
export declare const CONTENT_SIZES: readonly [{
|
|
18
|
-
readonly value:
|
|
18
|
+
readonly value: 'sm';
|
|
19
19
|
readonly label: import("@wordpress/i18n").TransformedText<"Malá">;
|
|
20
20
|
}, {
|
|
21
|
-
readonly value:
|
|
21
|
+
readonly value: 'default';
|
|
22
22
|
readonly label: import("@wordpress/i18n").TransformedText<"Výchozí">;
|
|
23
23
|
}, {
|
|
24
|
-
readonly value:
|
|
24
|
+
readonly value: 'lg';
|
|
25
25
|
readonly label: import("@wordpress/i18n").TransformedText<"Velká">;
|
|
26
26
|
}];
|
|
27
27
|
//# sourceMappingURL=constants.d.ts.map
|
package/build/constants.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,YAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAU,CAAA;AAEnD,eAAO,MAAM,cAAc,YAAI,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAA;AAE/D,eAAO,MAAM,qBAAqB;aAC/B,KAAK,EAAE,IAAI;aAAE,KAAK,EAAE,SAAS;;aAC7B,KAAK,EAAE,IAAI;aAAE,KAAK,EAAE,SAAS;;aAC7B,KAAK,EAAE,IAAI;aAAE,KAAK,EAAE,SAAS;;aAC7B,KAAK,EAAE,IAAI;aAAE,KAAK,EAAE,SAAS;EACtB,CAAA;AAEV,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAEhF,eAAO,MAAM,aAAa;aACvB,KAAK,EAAE,IAAI;aAAE,KAAK;;aAClB,KAAK,EAAE,SAAS;aAAE,KAAK;;aACvB,KAAK,EAAE,IAAI;aAAE,KAAK;EACX,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTenantColorPalette.d.ts","sourceRoot":"","sources":["../../src/hooks/useTenantColorPalette.ts"],"names":[],"mappings":"AASA,wBAAgB,qBAAqB
|
|
1
|
+
{"version":3,"file":"useTenantColorPalette.d.ts","sourceRoot":"","sources":["../../src/hooks/useTenantColorPalette.ts"],"names":[],"mappings":"AASA,wBAAgB,qBAAqB;;cAL7B,MAAM;cACN,MAAM;;;wBAWiB,MAAM;EAIpC"}
|
package/build/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export type { ContactColumns, ContactGroupAttributes, ContactGroupOptions, } from './blocks/contact/contact-group';
|
|
2
2
|
export { CONTACT_COLUMNS, CONTACT_COLUMNS_CONTEXT, contactGroupDefaults, createContactGroupBlock, } from './blocks/contact/contact-group';
|
|
3
3
|
export type { ContactIconSize, ContactIconSizeVariant, ContactItemAttributes, ContactItemOptions, } from './blocks/contact/contact-item';
|
|
4
|
-
export { CONTACT_ICON_SIZE_RANGE, CONTACT_ICON_SIZES, CONTACT_ICON_TYPES, contactItemDefaults, createContactItemBlock, } from './blocks/contact/contact-item';
|
|
4
|
+
export { CONTACT_ICON_SIZE_RANGE, CONTACT_ICON_SIZES, CONTACT_ICON_TYPES, contactItemDefaults, createContactItemBlock, createContactItemEdit, } from './blocks/contact/contact-item';
|
|
5
5
|
export type { FaqItemAttributes, FaqItemOptions } from './blocks/faq/faq-item';
|
|
6
6
|
export { createFaqItemBlock, faqItemDefaults } from './blocks/faq/faq-item';
|
|
7
7
|
export type { FaqGroupAttributes, FaqGroupOptions } from './blocks/faq/faq-group';
|
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,EACV,cAAc,EACd,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,gCAAgC,CAAA;AACvC,OAAO,EACL,eAAe,EACf,uBAAuB,EACvB,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,gCAAgC,CAAA;AACvC,YAAY,EACV,eAAe,EACf,sBAAsB,EACtB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,+BAA+B,CAAA;AACtC,OAAO,EACL,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,sBAAsB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/build/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { CONTACT_COLUMNS, CONTACT_COLUMNS_CONTEXT, contactGroupDefaults, createContactGroupBlock, } from './blocks/contact/contact-group';
|
|
2
|
-
export { CONTACT_ICON_SIZE_RANGE, CONTACT_ICON_SIZES, CONTACT_ICON_TYPES, contactItemDefaults, createContactItemBlock, } from './blocks/contact/contact-item';
|
|
2
|
+
export { CONTACT_ICON_SIZE_RANGE, CONTACT_ICON_SIZES, CONTACT_ICON_TYPES, contactItemDefaults, createContactItemBlock, createContactItemEdit, } from './blocks/contact/contact-item';
|
|
3
3
|
export { createFaqItemBlock, faqItemDefaults } from './blocks/faq/faq-item';
|
|
4
4
|
export { createFaqGroupBlock, faqGroupDefaults } from './blocks/faq/faq-group';
|
|
5
5
|
export { basicButtonDefaults, createBasicButtonBlock } from './blocks/core/basic-button';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brilo/base-blocks",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.15",
|
|
4
4
|
"author": "Brilo",
|
|
5
5
|
"main": "./build/index.js",
|
|
6
6
|
"types": "./build/index.d.ts",
|
|
@@ -13,25 +13,25 @@
|
|
|
13
13
|
"check": "biome check --write ./src"
|
|
14
14
|
},
|
|
15
15
|
"peerDependencies": {
|
|
16
|
-
"@wordpress/block-editor": "
|
|
17
|
-
"@wordpress/blocks": "15.
|
|
18
|
-
"@wordpress/components": "
|
|
19
|
-
"@wordpress/i18n": "6.
|
|
16
|
+
"@wordpress/block-editor": "16.1.0",
|
|
17
|
+
"@wordpress/blocks": "15.25.0",
|
|
18
|
+
"@wordpress/components": "38.0.0",
|
|
19
|
+
"@wordpress/i18n": "6.25.0",
|
|
20
20
|
"react": "*"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
|
-
"@biomejs/biome": "2.
|
|
23
|
+
"@biomejs/biome": "2.5.6",
|
|
24
24
|
"@types/react": "^18.3.12",
|
|
25
25
|
"@types/wordpress__block-editor": "^15.0.6",
|
|
26
|
-
"@wordpress/block-editor": "^
|
|
27
|
-
"@wordpress/blocks": "^15.
|
|
28
|
-
"@wordpress/components": "^
|
|
29
|
-
"@wordpress/data": "^10.
|
|
30
|
-
"@wordpress/element": "^8.
|
|
31
|
-
"@wordpress/i18n": "^6.
|
|
32
|
-
"prettier": "^3.
|
|
33
|
-
"tsc-alias": "^1.
|
|
34
|
-
"typescript": "^
|
|
26
|
+
"@wordpress/block-editor": "^16.1.0",
|
|
27
|
+
"@wordpress/blocks": "^15.25.0",
|
|
28
|
+
"@wordpress/components": "^38.0.0",
|
|
29
|
+
"@wordpress/data": "^10.52.0",
|
|
30
|
+
"@wordpress/element": "^8.4.0",
|
|
31
|
+
"@wordpress/i18n": "^6.25.0",
|
|
32
|
+
"prettier": "^3.9.6",
|
|
33
|
+
"tsc-alias": "^1.9.1",
|
|
34
|
+
"typescript": "^7.0.2"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"clsx": "^2.1.1"
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export type {ContactIconSize, ContactIconSizeVariant, ContactItemAttributes, ContactItemOptions} from './types'
|
|
2
2
|
export {createContactItemBlock} from './factory'
|
|
3
|
+
export {createContactItemEdit} from './edit'
|
|
3
4
|
export {CONTACT_ICON_SIZE_RANGE, CONTACT_ICON_SIZES, CONTACT_ICON_TYPES} from './constants'
|
|
4
5
|
|
|
5
6
|
import type {ContactItemOptions} from './types'
|
|
@@ -132,8 +132,8 @@ export function createBasicButtonEdit(options: BasicButtonOptions) {
|
|
|
132
132
|
<div className="i-button__inner">
|
|
133
133
|
{hasIcon && icon.position === 'before' && (
|
|
134
134
|
<span className="i-button__icon" style={iconPreviewStyle}>
|
|
135
|
-
|
|
136
|
-
|
|
135
|
+
<ItemIconPreview icon={icon as unknown as import('~/types').Icon} setAttributes={setIconBase} options={options} />
|
|
136
|
+
</span>
|
|
137
137
|
)}
|
|
138
138
|
<RichText
|
|
139
139
|
tagName="span"
|
|
@@ -145,8 +145,8 @@ export function createBasicButtonEdit(options: BasicButtonOptions) {
|
|
|
145
145
|
/>
|
|
146
146
|
{hasIcon && icon.position === 'after' && (
|
|
147
147
|
<span className="i-button__icon" style={iconPreviewStyle}>
|
|
148
|
-
|
|
149
|
-
|
|
148
|
+
<ItemIconPreview icon={icon as unknown as import('~/types').Icon} setAttributes={setIconBase} options={options} />
|
|
149
|
+
</span>
|
|
150
150
|
)}
|
|
151
151
|
</div>
|
|
152
152
|
</div>
|
|
@@ -4,8 +4,8 @@ export const icon = (
|
|
|
4
4
|
<path d="M2 8H8V9H2V8Z" fill="black" />
|
|
5
5
|
<path d="M2 10H9V11H2V10Z" fill="black" />
|
|
6
6
|
<path
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
fillRule="evenodd"
|
|
8
|
+
clipRule="evenodd"
|
|
9
9
|
d="M11.5 8C10.6716 8 10 8.67157 10 9.5C10 10.3284 10.6716 11 11.5 11H16.5C17.3284 11 18 10.3284 18 9.5C18 8.67157 17.3284 8 16.5 8H11.5ZM16 9H12V10H16V9Z"
|
|
10
10
|
fill="#357AB5"
|
|
11
11
|
/>
|
|
@@ -10,8 +10,8 @@ export const icon = (
|
|
|
10
10
|
fill="black"
|
|
11
11
|
/>
|
|
12
12
|
<path d="M5 2C5 1.44772 5.44772 1 6 1H10C10.5523 1 11 1.44772 11 2C11 2.55228 10.5523 3 10 3H6C5.44772 3 5 2.55228 5 2Z" fill="black" />
|
|
13
|
-
<path
|
|
14
|
-
<path
|
|
13
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M9.5 11L6 15L13 15L9.5 11Z" fill="black" />
|
|
14
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M1 10L1 7H19V10H18V8H2V10H1ZM19 15V18H1L1 15H2V17H18V15H19Z" fill="black" />
|
|
15
15
|
<path
|
|
16
16
|
d="M14 11C14 11.5523 13.5523 12 13 12C12.4477 12 12 11.5523 12 11C12 10.4477 12.4477 10 13 10C13.5523 10 14 10.4477 14 11Z"
|
|
17
17
|
fill="black"
|
|
@@ -5,8 +5,8 @@ export const icon = (
|
|
|
5
5
|
<path d="M6 15H14V16H6V15Z" fill="black" />
|
|
6
6
|
<path d="M8 6C8 4.89543 8.89543 4 10 4C11.1046 4 12 4.89543 12 6C12 7.10457 11.1046 8 10 8C8.89543 8 8 7.10457 8 6Z" fill="#357AB5" />
|
|
7
7
|
<path
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
fillRule="evenodd"
|
|
9
|
+
clipRule="evenodd"
|
|
10
10
|
d="M6.99664 11H13.0009C12.9997 9.34295 11.6561 8 9.99875 8C8.34144 8 6.99778 9.34295 6.99664 11Z"
|
|
11
11
|
fill="#357AB5"
|
|
12
12
|
/>
|
|
@@ -1,3 +1,19 @@
|
|
|
1
|
+
import {__} from '@wordpress/i18n'
|
|
2
|
+
|
|
1
3
|
export const COLUMNS = [5, 4, 3, 2] as const
|
|
2
4
|
export const RATIOS = ['4:3', '3:2', '16:9', '1:1', '2:1', '3:4'] as const
|
|
3
5
|
export const HEADING_LEVELS = [2, 3, 4] as const
|
|
6
|
+
|
|
7
|
+
export const DEFAULT_SHADOWS = [
|
|
8
|
+
{value: 'none', label: __('Žádný', 'brilo-blocks')},
|
|
9
|
+
{value: 'sm', label: __('Malý', 'brilo-blocks')},
|
|
10
|
+
{value: 'md', label: __('Střední', 'brilo-blocks')},
|
|
11
|
+
] as const
|
|
12
|
+
|
|
13
|
+
export const PADDING_MARKS = [
|
|
14
|
+
{value: 0, label: '0'},
|
|
15
|
+
{value: 0.5, label: '0.5'},
|
|
16
|
+
{value: 1, label: '1'},
|
|
17
|
+
{value: 1.5, label: '1.5'},
|
|
18
|
+
{value: 2, label: '2'},
|
|
19
|
+
] as const
|
|
@@ -1,16 +1,22 @@
|
|
|
1
1
|
import {InspectorControls} from '@wordpress/block-editor'
|
|
2
2
|
import {
|
|
3
|
+
BaseControl,
|
|
4
|
+
ColorPalette,
|
|
3
5
|
PanelBody,
|
|
6
|
+
RangeControl,
|
|
4
7
|
__experimentalToggleGroupControl as ToggleGroupControl,
|
|
5
8
|
__experimentalToggleGroupControlOption as ToggleGroupControlOption,
|
|
6
9
|
} from '@wordpress/components'
|
|
7
10
|
import {__} from '@wordpress/i18n'
|
|
8
11
|
import clsx from 'clsx'
|
|
9
12
|
import {useGroupBlock} from '~/hooks/useGroupBlock'
|
|
10
|
-
import {
|
|
11
|
-
import
|
|
13
|
+
import {useTenantColorPalette} from '~/hooks/useTenantColorPalette'
|
|
14
|
+
import {COLUMNS, DEFAULT_SHADOWS, HEADING_LEVELS, PADDING_MARKS, RATIOS} from './constants'
|
|
15
|
+
import type {SignpostGroupAttributes, SignpostGroupOptions, SignpostShadow} from './types'
|
|
12
16
|
|
|
13
17
|
export function createSignpostGroupEdit(options: SignpostGroupOptions) {
|
|
18
|
+
const exclude = options.exclude ?? []
|
|
19
|
+
|
|
14
20
|
return function Edit({
|
|
15
21
|
attributes,
|
|
16
22
|
setAttributes,
|
|
@@ -18,7 +24,8 @@ export function createSignpostGroupEdit(options: SignpostGroupOptions) {
|
|
|
18
24
|
attributes: SignpostGroupAttributes
|
|
19
25
|
setAttributes: (a: Partial<SignpostGroupAttributes>) => void
|
|
20
26
|
}) {
|
|
21
|
-
const {columns, headingLevel, ratio} = attributes
|
|
27
|
+
const {columns, headingLevel, ratio, style, padding} = attributes
|
|
28
|
+
const {paletteColors} = useTenantColorPalette()
|
|
22
29
|
|
|
23
30
|
const {blockProps, innerBlocksProps} = useGroupBlock({
|
|
24
31
|
blockClassName: clsx(options.blockClassName ?? 'g-signpost wp-block-section'),
|
|
@@ -65,6 +72,58 @@ export function createSignpostGroupEdit(options: SignpostGroupOptions) {
|
|
|
65
72
|
))}
|
|
66
73
|
</ToggleGroupControl>
|
|
67
74
|
</PanelBody>
|
|
75
|
+
{!exclude.includes('colors') && style && (
|
|
76
|
+
<PanelBody title={__('Styl', 'brilo-blocks')}>
|
|
77
|
+
<ToggleGroupControl
|
|
78
|
+
isBlock
|
|
79
|
+
label={__('Stín', 'brilo-blocks')}
|
|
80
|
+
value={style.shadow}
|
|
81
|
+
onChange={(v) => setAttributes({style: {...style, shadow: v as SignpostShadow}})}
|
|
82
|
+
>
|
|
83
|
+
{DEFAULT_SHADOWS.map((s) => (
|
|
84
|
+
<ToggleGroupControlOption key={s.value} value={s.value} label={s.label} />
|
|
85
|
+
))}
|
|
86
|
+
</ToggleGroupControl>
|
|
87
|
+
<BaseControl
|
|
88
|
+
label={__('Barva okraje', 'brilo-blocks')}
|
|
89
|
+
help={__('Bez vybrané barvy se okraj nevykreslí.', 'brilo-blocks')}
|
|
90
|
+
id="signpost-group-border-color"
|
|
91
|
+
>
|
|
92
|
+
<ColorPalette
|
|
93
|
+
colors={paletteColors}
|
|
94
|
+
value={style.borderColor || undefined}
|
|
95
|
+
onChange={(value) => setAttributes({style: {...style, borderColor: value ?? ''}})}
|
|
96
|
+
/>
|
|
97
|
+
</BaseControl>
|
|
98
|
+
<BaseControl label={__('Barva pozadí', 'brilo-blocks')} id="signpost-group-background-color">
|
|
99
|
+
<ColorPalette
|
|
100
|
+
colors={paletteColors}
|
|
101
|
+
value={style.backgroundColor || undefined}
|
|
102
|
+
onChange={(value) => setAttributes({style: {...style, backgroundColor: value ?? ''}})}
|
|
103
|
+
/>
|
|
104
|
+
</BaseControl>
|
|
105
|
+
<BaseControl label={__('Barva textu', 'brilo-blocks')} id="signpost-group-text-color">
|
|
106
|
+
<ColorPalette
|
|
107
|
+
colors={paletteColors}
|
|
108
|
+
value={style.textColor || undefined}
|
|
109
|
+
onChange={(value) => setAttributes({style: {...style, textColor: value ?? ''}})}
|
|
110
|
+
/>
|
|
111
|
+
</BaseControl>
|
|
112
|
+
</PanelBody>
|
|
113
|
+
)}
|
|
114
|
+
{!exclude.includes('padding') && padding && (
|
|
115
|
+
<PanelBody title={__('Padding', 'brilo-blocks')}>
|
|
116
|
+
<RangeControl
|
|
117
|
+
label={__('Vnitřní odsazení (rem)', 'brilo-blocks')}
|
|
118
|
+
value={padding.value}
|
|
119
|
+
onChange={(v) => setAttributes({padding: {value: v ?? 0}})}
|
|
120
|
+
min={0}
|
|
121
|
+
max={2}
|
|
122
|
+
step={0.5}
|
|
123
|
+
marks={[...PADDING_MARKS]}
|
|
124
|
+
/>
|
|
125
|
+
</PanelBody>
|
|
126
|
+
)}
|
|
68
127
|
</InspectorControls>
|
|
69
128
|
<div {...blockProps}>
|
|
70
129
|
<div {...innerBlocksProps} />
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import {InnerBlocks} from '@wordpress/block-editor'
|
|
2
2
|
import type {BlockConfiguration} from '@wordpress/blocks'
|
|
3
3
|
import {__} from '@wordpress/i18n'
|
|
4
|
-
import {COLUMNS, HEADING_LEVELS, RATIOS} from './constants'
|
|
4
|
+
import {COLUMNS, DEFAULT_SHADOWS, HEADING_LEVELS, RATIOS} from './constants'
|
|
5
5
|
import {createSignpostGroupEdit} from './edit'
|
|
6
6
|
import {icon as defaultIcon} from './icon'
|
|
7
7
|
import type {SignpostGroupAttributes, SignpostGroupOptions} from './types'
|
|
@@ -9,6 +9,40 @@ import type {SignpostGroupAttributes, SignpostGroupOptions} from './types'
|
|
|
9
9
|
export type {SignpostGroupAttributes, SignpostGroupOptions}
|
|
10
10
|
|
|
11
11
|
export function createSignpostGroupBlock(options: SignpostGroupOptions): BlockConfiguration<SignpostGroupAttributes> {
|
|
12
|
+
const exclude = options.exclude ?? []
|
|
13
|
+
|
|
14
|
+
const attributes: Record<string, unknown> = {
|
|
15
|
+
columns: {
|
|
16
|
+
type: 'number',
|
|
17
|
+
default: COLUMNS[1],
|
|
18
|
+
enum: [...COLUMNS],
|
|
19
|
+
},
|
|
20
|
+
ratio: {
|
|
21
|
+
type: 'string',
|
|
22
|
+
default: RATIOS[0],
|
|
23
|
+
enum: [...RATIOS],
|
|
24
|
+
},
|
|
25
|
+
headingLevel: {
|
|
26
|
+
type: 'number',
|
|
27
|
+
default: HEADING_LEVELS[0],
|
|
28
|
+
enum: [...HEADING_LEVELS],
|
|
29
|
+
},
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
if (!exclude.includes('colors')) {
|
|
33
|
+
attributes.style = {
|
|
34
|
+
type: 'object',
|
|
35
|
+
default: {shadow: DEFAULT_SHADOWS[0].value, borderColor: '', backgroundColor: '', textColor: ''},
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
if (!exclude.includes('padding')) {
|
|
40
|
+
attributes.padding = {
|
|
41
|
+
type: 'object',
|
|
42
|
+
default: {value: 1},
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
|
|
12
46
|
return {
|
|
13
47
|
name: options.name,
|
|
14
48
|
title: options.title ?? __('Rozcestník', 'brilo-blocks'),
|
|
@@ -17,23 +51,7 @@ export function createSignpostGroupBlock(options: SignpostGroupOptions): BlockCo
|
|
|
17
51
|
...(options.parent && {parent: options.parent}),
|
|
18
52
|
icon: options.icon ?? {src: defaultIcon},
|
|
19
53
|
supports: {html: false, customClassName: false},
|
|
20
|
-
attributes
|
|
21
|
-
columns: {
|
|
22
|
-
type: 'number',
|
|
23
|
-
default: COLUMNS[1],
|
|
24
|
-
enum: [...COLUMNS],
|
|
25
|
-
},
|
|
26
|
-
ratio: {
|
|
27
|
-
type: 'string',
|
|
28
|
-
default: RATIOS[0],
|
|
29
|
-
enum: [...RATIOS],
|
|
30
|
-
},
|
|
31
|
-
headingLevel: {
|
|
32
|
-
type: 'number',
|
|
33
|
-
default: HEADING_LEVELS[0],
|
|
34
|
-
enum: [...HEADING_LEVELS],
|
|
35
|
-
},
|
|
36
|
-
},
|
|
54
|
+
attributes,
|
|
37
55
|
edit: createSignpostGroupEdit(options),
|
|
38
56
|
save: () => <InnerBlocks.Content />,
|
|
39
57
|
} as unknown as BlockConfiguration<SignpostGroupAttributes>
|
|
@@ -1,9 +1,23 @@
|
|
|
1
|
-
import {BriloBlockType} from '~/types'
|
|
1
|
+
import type {BriloBlockType} from '~/types'
|
|
2
|
+
import type {DEFAULT_SHADOWS} from './constants'
|
|
3
|
+
|
|
4
|
+
export type SignpostShadow = (typeof DEFAULT_SHADOWS)[number]['value']
|
|
5
|
+
|
|
6
|
+
export type ExcludableSignpostAttr = 'colors' | 'padding'
|
|
2
7
|
|
|
3
8
|
export interface SignpostGroupAttributes extends Record<string, unknown> {
|
|
4
9
|
columns: number
|
|
5
10
|
headingLevel: number
|
|
6
11
|
ratio: string
|
|
12
|
+
style: {
|
|
13
|
+
shadow: SignpostShadow
|
|
14
|
+
borderColor: string
|
|
15
|
+
backgroundColor: string
|
|
16
|
+
textColor: string
|
|
17
|
+
}
|
|
18
|
+
padding: {value: number}
|
|
7
19
|
}
|
|
8
20
|
|
|
9
|
-
export interface SignpostGroupOptions extends BriloBlockType {
|
|
21
|
+
export interface SignpostGroupOptions extends BriloBlockType {
|
|
22
|
+
exclude?: ExcludableSignpostAttr[]
|
|
23
|
+
}
|
|
@@ -1,9 +1,18 @@
|
|
|
1
|
-
import {InspectorControls, RichText
|
|
2
|
-
import {
|
|
1
|
+
import {ColorPalette, InspectorControls, RichText} from '@wordpress/block-editor'
|
|
2
|
+
import {
|
|
3
|
+
Button,
|
|
4
|
+
PanelBody,
|
|
5
|
+
TextControl,
|
|
6
|
+
ToggleControl,
|
|
7
|
+
__experimentalToggleGroupControl as ToggleGroupControl,
|
|
8
|
+
__experimentalToggleGroupControlOption as ToggleGroupControlOption,
|
|
9
|
+
} from '@wordpress/components'
|
|
3
10
|
import {__} from '@wordpress/i18n'
|
|
4
11
|
import {ImagePickerControl} from '~/components/ImagePicker'
|
|
5
|
-
import type {SignpostItemAttributes, SignpostItemOptions} from './types'
|
|
12
|
+
import type {SignpostItemAttributes, SignpostItemOptions, ButtonType, ButtonVariant} from './types'
|
|
13
|
+
import {BUTTON_TYPES, BUTTON_VARIANTS} from './constants'
|
|
6
14
|
import {useGroupBlock} from '~/hooks/useGroupBlock'
|
|
15
|
+
import {useTenantColorPalette} from '~/hooks/useTenantColorPalette'
|
|
7
16
|
import clsx from 'clsx'
|
|
8
17
|
|
|
9
18
|
export function createSignpostItemEdit(options: SignpostItemOptions) {
|
|
@@ -14,7 +23,13 @@ export function createSignpostItemEdit(options: SignpostItemOptions) {
|
|
|
14
23
|
attributes: SignpostItemAttributes
|
|
15
24
|
setAttributes: (a: Partial<SignpostItemAttributes>) => void
|
|
16
25
|
}) {
|
|
17
|
-
const {title, img,
|
|
26
|
+
const {title, img, url} = attributes
|
|
27
|
+
const button = {
|
|
28
|
+
...attributes.button,
|
|
29
|
+
type: attributes.button.type ?? BUTTON_TYPES[0],
|
|
30
|
+
variant: attributes.button.variant ?? BUTTON_VARIANTS[0],
|
|
31
|
+
}
|
|
32
|
+
const {paletteColors} = useTenantColorPalette()
|
|
18
33
|
|
|
19
34
|
const {blockProps, innerBlocksProps} = useGroupBlock({
|
|
20
35
|
blockClassName: clsx(options.blockClassName ?? 'i-signpost'),
|
|
@@ -37,6 +52,44 @@ export function createSignpostItemEdit(options: SignpostItemOptions) {
|
|
|
37
52
|
value={button.title}
|
|
38
53
|
onChange={(v) => setAttributes({button: {...button, title: v}})}
|
|
39
54
|
/>
|
|
55
|
+
<ToggleGroupControl
|
|
56
|
+
label={__('Typ tlačítka', 'brilo-blocks')}
|
|
57
|
+
value={button.type}
|
|
58
|
+
onChange={(v) => setAttributes({button: {...button, type: v as ButtonType}})}
|
|
59
|
+
isBlock
|
|
60
|
+
>
|
|
61
|
+
{BUTTON_TYPES.map((type) => (
|
|
62
|
+
<ToggleGroupControlOption key={type} value={type} label={type} />
|
|
63
|
+
))}
|
|
64
|
+
</ToggleGroupControl>
|
|
65
|
+
{button.type === 'button' ? (
|
|
66
|
+
<>
|
|
67
|
+
<ToggleGroupControl
|
|
68
|
+
label={__('Varianta', 'brilo-blocks')}
|
|
69
|
+
value={button.variant}
|
|
70
|
+
onChange={(v) => setAttributes({button: {...button, variant: v as ButtonVariant}})}
|
|
71
|
+
isBlock
|
|
72
|
+
>
|
|
73
|
+
{BUTTON_VARIANTS.map((variant) => (
|
|
74
|
+
<ToggleGroupControlOption key={variant} value={variant} label={variant} />
|
|
75
|
+
))}
|
|
76
|
+
</ToggleGroupControl>
|
|
77
|
+
<ToggleControl
|
|
78
|
+
label={__('Outline', 'brilo-blocks')}
|
|
79
|
+
checked={button.outline}
|
|
80
|
+
onChange={(v) => setAttributes({button: {...button, outline: v}})}
|
|
81
|
+
/>
|
|
82
|
+
</>
|
|
83
|
+
) : (
|
|
84
|
+
<>
|
|
85
|
+
<p>{__('Barva textu', 'brilo-blocks')}</p>
|
|
86
|
+
<ColorPalette
|
|
87
|
+
colors={paletteColors}
|
|
88
|
+
value={button.color || undefined}
|
|
89
|
+
onChange={(v) => setAttributes({button: {...button, color: v ?? ''}})}
|
|
90
|
+
/>
|
|
91
|
+
</>
|
|
92
|
+
)}
|
|
40
93
|
</PanelBody>
|
|
41
94
|
<PanelBody title={__('Odkaz', 'brilo-blocks')} initialOpen={false}>
|
|
42
95
|
<TextControl label={__('URL', 'brilo-blocks')} value={url.src} onChange={(v) => setAttributes({url: {...url, src: v}})} />
|