@brilo/base-blocks 0.1.2 → 0.1.4

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

@@ -1 +1 @@
-{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-group/edit.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAiB,mBAAmB,EAAE,gBAAgB,EAAyC,MAAM,SAAS,CAAA;AAI1H,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,IACtC,0CAIlB;IACD,UAAU,EAAE,mBAAmB,CAAA;IAC/B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IACxD,QAAQ,EAAE,MAAM,CAAA;CACjB,iCAwKF"}
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-group/edit.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAiB,mBAAmB,EAAE,gBAAgB,EAAyC,MAAM,SAAS,CAAA;AAW1H,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,IACtC,0CAIlB;IACD,UAAU,EAAE,mBAAmB,CAAA;IAC/B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IACxD,QAAQ,EAAE,MAAM,CAAA;CACjB,iCAwLF"}

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

@@ -3,14 +3,20 @@ import { InspectorControls, RichText } from '@wordpress/block-editor';
 import { FormTokenField, Notice, PanelBody, SelectControl, TextControl, ToggleControl } from '@wordpress/components';
 import { useDispatch } from '@wordpress/data';
 import { __ } from '@wordpress/i18n';
+import { cleanForSlug } from '@wordpress/url';
 import clsx from 'clsx';
 import { useEffect } from 'react';
 import { useGroupBlock } from '../../../hooks/useGroupBlock';
 import { EXTERNAL_METHODS, INTERNAL_SUBMIT_BEHAVIORS, PROCESSING_MODES } from './constants';
 const ALLOWED_BLOCKS = ['brilo/form-field'];
+function generateFormId(formName) {
+    const slug = cleanForSlug(formName) || 'form';
+    const hash = Math.random().toString(36).slice(2, 8);
+    return `form-${slug}-${hash}`;
+}
 export function createFormGroupEdit(options) {
     return function Edit({ attributes, setAttributes, clientId, }) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
         const { lockPostSaving, unlockPostSaving } = useDispatch('core/editor');
         const processingMode = (_a = attributes.processingMode) !== null && _a !== void 0 ? _a : 'internal';
         const isInternal = processingMode === 'internal';
@@ -28,6 +34,14 @@ export function createFormGroupEdit(options) {
             }
             return () => unlockPostSaving(lockName);
         }, [clientId, isRecipientsMissing, isExternalUrlMissing, lockPostSaving, unlockPostSaving]);
+        // Generated once and persisted into the block's attributes so it stays stable across edits.
+        // biome-ignore lint/correctness/useExhaustiveDependencies: must run once on mount only
+        useEffect(() => {
+            var _a;
+            if (!attributes.formId) {
+                setAttributes({ formId: generateFormId((_a = attributes.formName) !== null && _a !== void 0 ? _a : '') });
+            }
+        }, []);
         const { blockProps, innerBlocksProps } = useGroupBlock({
             blockClassName: clsx((_c = options.blockClassName) !== null && _c !== void 0 ? _c : 'g-form wp-block-section'),
             containerClassName: [(_d = options.containerClassName) !== null && _d !== void 0 ? _d : 'g-form__fields'],
@@ -36,10 +50,10 @@ export function createFormGroupEdit(options) {
             orientation: 'horizontal',
             layout: { type: 'default' },
         });
-        return (_jsxs(_Fragment, { children: [_jsx(InspectorControls, { children: _jsxs(PanelBody, { title: __('Formulář', 'brilo-blocks'), children: [_jsx(TextControl, { label: __('Název formuláře (volitelné)', 'brilo-blocks'), value: (_f = attributes.formName) !== null && _f !== void 0 ? _f : '', placeholder: __('Např. Kontaktní formulář', 'brilo-blocks'), onChange: (formName) => setAttributes({ formName }) }), _jsx(SelectControl, { label: __('Zpracování', 'brilo-blocks'), value: processingMode, options: PROCESSING_MODES.map((m) => ({ label: m.label, value: m.value })), onChange: (mode) => setAttributes({ processingMode: mode }) }), isExternal && (_jsxs(_Fragment, { children: [_jsx(SelectControl, { label: __('Metoda odeslání', 'brilo-blocks'), value: (_g = attributes.externalMethod) !== null && _g !== void 0 ? _g : 'POST', options: EXTERNAL_METHODS.map((m) => ({ label: m.label, value: m.value })), onChange: (externalMethod) => setAttributes({ externalMethod: externalMethod }) }), _jsx(TextControl, { label: __('Externí URL', 'brilo-blocks'), value: (_h = attributes.externalUrl) !== null && _h !== void 0 ? _h : '', onChange: (externalUrl) => setAttributes({ externalUrl }) }), isExternalUrlMissing && (_jsx(Notice, { status: "warning", isDismissible: false, children: __('Pole „Externí URL“ je povinné pro externí zpracování.', 'brilo-blocks') }))] })), isInternal && (_jsxs(_Fragment, { children: [_jsx(FormTokenField, { label: __('Komu (příjemci)', 'brilo-blocks'), value: recipients, __next40pxDefaultSize: true, onChange: (senders) => setAttributes({
+        return (_jsxs(_Fragment, { children: [_jsx(InspectorControls, { children: _jsxs(PanelBody, { title: __('Formulář', 'brilo-blocks'), children: [_jsx(TextControl, { label: __('ID formuláře', 'brilo-blocks'), value: (_f = attributes.formId) !== null && _f !== void 0 ? _f : '', readOnly: true, onChange: () => { }, help: __('Generuje se automaticky, slouží k jednoznačné identifikaci formuláře.', 'brilo-blocks') }), _jsx(TextControl, { label: __('Název formuláře (volitelné)', 'brilo-blocks'), value: (_g = attributes.formName) !== null && _g !== void 0 ? _g : '', placeholder: __('Např. Kontaktní formulář', 'brilo-blocks'), onChange: (formName) => setAttributes({ formName }) }), _jsx(SelectControl, { label: __('Zpracování', 'brilo-blocks'), value: processingMode, options: PROCESSING_MODES.map((m) => ({ label: m.label, value: m.value })), onChange: (mode) => setAttributes({ processingMode: mode }) }), isExternal && (_jsxs(_Fragment, { children: [_jsx(SelectControl, { label: __('Metoda odeslání', 'brilo-blocks'), value: (_h = attributes.externalMethod) !== null && _h !== void 0 ? _h : 'POST', options: EXTERNAL_METHODS.map((m) => ({ label: m.label, value: m.value })), onChange: (externalMethod) => setAttributes({ externalMethod: externalMethod }) }), _jsx(TextControl, { label: __('Externí URL', 'brilo-blocks'), value: (_j = attributes.externalUrl) !== null && _j !== void 0 ? _j : '', onChange: (externalUrl) => setAttributes({ externalUrl }) }), isExternalUrlMissing && (_jsx(Notice, { status: "warning", isDismissible: false, children: __('Pole „Externí URL“ je povinné pro externí zpracování.', 'brilo-blocks') }))] })), isInternal && (_jsxs(_Fragment, { children: [_jsx(FormTokenField, { label: __('Komu (příjemci)', 'brilo-blocks'), value: recipients, __next40pxDefaultSize: true, onChange: (senders) => setAttributes({
                                             senders: (senders !== null && senders !== void 0 ? senders : [])
                                                 .map((item) => (typeof item === 'string' ? item.trim() : ''))
                                                 .filter((item) => item.length > 0),
-                                        }) }), isRecipientsMissing && (_jsx(Notice, { status: "warning", isDismissible: false, children: __('Pole „Komu (příjemci)“ je povinné. Vyplňte alespoň jeden e-mail příjemce.', 'brilo-blocks') })), _jsx(TextControl, { label: __('Od koho (From email)', 'brilo-blocks'), value: (_j = attributes.fromEmail) !== null && _j !== void 0 ? _j : '', onChange: (fromEmail) => setAttributes({ fromEmail }) }), _jsx(TextControl, { label: __('Předmět emailu', 'brilo-blocks'), value: (_k = attributes.subject) !== null && _k !== void 0 ? _k : '', placeholder: __('Potvrzení odeslaného formuláře', 'brilo-blocks'), onChange: (subject) => setAttributes({ subject }) }), _jsx(SelectControl, { label: __('Po odeslání', 'brilo-blocks'), value: (_l = attributes.internalSubmitBehavior) !== null && _l !== void 0 ? _l : 'stay', options: INTERNAL_SUBMIT_BEHAVIORS.map((b) => ({ label: b.label, value: b.value })), onChange: (internalSubmitBehavior) => setAttributes({ internalSubmitBehavior: internalSubmitBehavior }) }), ((_m = attributes.internalSubmitBehavior) !== null && _m !== void 0 ? _m : 'stay') === 'redirect' && (_jsx(TextControl, { label: __('URL děkovné stránky', 'brilo-blocks'), value: (_o = attributes.internalRedirectUrl) !== null && _o !== void 0 ? _o : '', onChange: (internalRedirectUrl) => setAttributes({ internalRedirectUrl }) })), _jsx(TextControl, { label: __('Úspěšná zpráva', 'brilo-blocks'), value: (_p = attributes.successMessage) !== null && _p !== void 0 ? _p : '', onChange: (successMessage) => setAttributes({ successMessage }) })] })), _jsx(TextControl, { label: __('Titulek tlačítka odeslání', 'brilo-blocks'), value: (_r = (_q = attributes.submit) === null || _q === void 0 ? void 0 : _q.label) !== null && _r !== void 0 ? _r : 'Odeslat', onChange: (label) => setAttributes({ submit: { label } }) })] }) }), _jsxs("div", { ...blockProps, children: [_jsx("div", { ...innerBlocksProps }), _jsxs("div", { className: "g-form__gdpr", children: [_jsxs("div", { className: "g-form__gdpr-header", children: [_jsx("strong", { children: __('GDPR obsah', 'brilo-blocks') }), _jsx(ToggleControl, { label: __('S checkboxem?', 'brilo-blocks'), checked: (_t = (_s = attributes.gdpr) === null || _s === void 0 ? void 0 : _s.checkbox) !== null && _t !== void 0 ? _t : true, onChange: (checkbox) => { var _a, _b; return setAttributes({ gdpr: { content: (_b = (_a = attributes.gdpr) === null || _a === void 0 ? void 0 : _a.content) !== null && _b !== void 0 ? _b : '', checkbox } }); } })] }), _jsx(RichText, { className: "g-form__gdpr-content", tagName: "div", value: (_v = (_u = attributes.gdpr) === null || _u === void 0 ? void 0 : _u.content) !== null && _v !== void 0 ? _v : '', allowedFormats: ['core/bold', 'core/link'], onChange: (content) => { var _a, _b; return setAttributes({ gdpr: { content, checkbox: (_b = (_a = attributes.gdpr) === null || _a === void 0 ? void 0 : _a.checkbox) !== null && _b !== void 0 ? _b : true } }); }, placeholder: __('Text GDPR souhlasu…', 'brilo-blocks') })] })] })] }));
+                                        }) }), isRecipientsMissing && (_jsx(Notice, { status: "warning", isDismissible: false, children: __('Pole „Komu (příjemci)“ je povinné. Vyplňte alespoň jeden e-mail příjemce.', 'brilo-blocks') })), _jsx(TextControl, { label: __('Od koho (From email)', 'brilo-blocks'), value: (_k = attributes.fromEmail) !== null && _k !== void 0 ? _k : '', onChange: (fromEmail) => setAttributes({ fromEmail }) }), _jsx(TextControl, { label: __('Předmět emailu', 'brilo-blocks'), value: (_l = attributes.subject) !== null && _l !== void 0 ? _l : '', placeholder: __('Potvrzení odeslaného formuláře', 'brilo-blocks'), onChange: (subject) => setAttributes({ subject }) }), _jsx(SelectControl, { label: __('Po odeslání', 'brilo-blocks'), value: (_m = attributes.internalSubmitBehavior) !== null && _m !== void 0 ? _m : 'stay', options: INTERNAL_SUBMIT_BEHAVIORS.map((b) => ({ label: b.label, value: b.value })), onChange: (internalSubmitBehavior) => setAttributes({ internalSubmitBehavior: internalSubmitBehavior }) }), ((_o = attributes.internalSubmitBehavior) !== null && _o !== void 0 ? _o : 'stay') === 'redirect' && (_jsx(TextControl, { label: __('URL děkovné stránky', 'brilo-blocks'), value: (_p = attributes.internalRedirectUrl) !== null && _p !== void 0 ? _p : '', onChange: (internalRedirectUrl) => setAttributes({ internalRedirectUrl }) })), _jsx(TextControl, { label: __('Úspěšná zpráva', 'brilo-blocks'), value: (_q = attributes.successMessage) !== null && _q !== void 0 ? _q : '', onChange: (successMessage) => setAttributes({ successMessage }) })] })), _jsx(TextControl, { label: __('Titulek tlačítka odeslání', 'brilo-blocks'), value: (_s = (_r = attributes.submit) === null || _r === void 0 ? void 0 : _r.label) !== null && _s !== void 0 ? _s : 'Odeslat', onChange: (label) => setAttributes({ submit: { label } }) })] }) }), _jsxs("div", { ...blockProps, children: [_jsx("div", { ...innerBlocksProps }), _jsxs("div", { className: "g-form__gdpr", children: [_jsxs("div", { className: "g-form__gdpr-header", children: [_jsx("strong", { children: __('GDPR obsah', 'brilo-blocks') }), _jsx(ToggleControl, { label: __('S checkboxem?', 'brilo-blocks'), checked: (_u = (_t = attributes.gdpr) === null || _t === void 0 ? void 0 : _t.checkbox) !== null && _u !== void 0 ? _u : true, onChange: (checkbox) => { var _a, _b; return setAttributes({ gdpr: { content: (_b = (_a = attributes.gdpr) === null || _a === void 0 ? void 0 : _a.content) !== null && _b !== void 0 ? _b : '', checkbox } }); } })] }), _jsx(RichText, { className: "g-form__gdpr-content", tagName: "div", value: (_w = (_v = attributes.gdpr) === null || _v === void 0 ? void 0 : _v.content) !== null && _w !== void 0 ? _w : '', allowedFormats: ['core/bold', 'core/link'], onChange: (content) => { var _a, _b; return setAttributes({ gdpr: { content, checkbox: (_b = (_a = attributes.gdpr) === null || _a === void 0 ? void 0 : _a.checkbox) !== null && _b !== void 0 ? _b : true } }); }, placeholder: __('Text GDPR souhlasu…', 'brilo-blocks') })] })] })] }));
     };
 }

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

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-group/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAGzD,OAAO,KAAK,EAAC,mBAAmB,EAAE,gBAAgB,EAAC,MAAM,SAAS,CAAA;AAElE,YAAY,EAAC,mBAAmB,EAAE,gBAAgB,EAAC,CAAA;AAEnD,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,GAAG,kBAAkB,CAAC,mBAAmB,CAAC,CA0BvG"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-group/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAGzD,OAAO,KAAK,EAAC,mBAAmB,EAAE,gBAAgB,EAAC,MAAM,SAAS,CAAA;AAElE,YAAY,EAAC,mBAAmB,EAAE,gBAAgB,EAAC,CAAA;AAEnD,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,GAAG,kBAAkB,CAAC,mBAAmB,CAAC,CA2BvG"}

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

@@ -13,6 +13,7 @@ export function createFormGroupBlock(options) {
         icon: (_c = options.icon) !== null && _c !== void 0 ? _c : 'feedback',
         supports: { html: false, customClassName: false },
         attributes: {
+            formId: { type: 'string', default: '' },
             formName: { type: 'string', default: '' },
             processingMode: { type: 'string', default: 'internal' },
             externalMethod: { type: 'string', default: 'POST' },

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

@@ -3,6 +3,7 @@ export type ProcessingMode = 'internal' | 'external';
 export type ExternalMethod = 'POST' | 'GET';
 export type InternalSubmitBehavior = 'stay' | 'redirect';
 export interface FormGroupAttributes extends Record<string, unknown> {
+    formId: string;
     formName: string;
     processingMode: ProcessingMode;
     externalMethod: ExternalMethod;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,UAAU,CAAA;AACpD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,KAAK,CAAA;AAC3C,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,UAAU,CAAA;AAExD,MAAM,WAAW,mBAAoB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAClE,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,cAAc,CAAA;IAC9B,cAAc,EAAE,cAAc,CAAA;IAC9B,WAAW,EAAE,MAAM,CAAA;IACnB,sBAAsB,EAAE,sBAAsB,CAAA;IAC9C,mBAAmB,EAAE,MAAM,CAAA;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,CAAA;IACvB,IAAI,EAAE;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAC,CAAA;IAC1C,cAAc,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc;CAAG"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,UAAU,CAAA;AACpD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,KAAK,CAAA;AAC3C,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,UAAU,CAAA;AAExD,MAAM,WAAW,mBAAoB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAClE,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,cAAc,CAAA;IAC9B,cAAc,EAAE,cAAc,CAAA;IAC9B,WAAW,EAAE,MAAM,CAAA;IACnB,sBAAsB,EAAE,sBAAsB,CAAA;IAC9C,mBAAmB,EAAE,MAAM,CAAA;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,CAAA;IACvB,IAAI,EAAE;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAC,CAAA;IAC1C,cAAc,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc;CAAG"}

package/build/blocks/signpost/signpost-item/edit.js

@@ -17,6 +17,6 @@ export function createSignpostItemEdit(options) {
             template: options.template,
             layout: { type: 'default' },
         });
-        return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsx(PanelBody, { title: __('Obrázek', 'brilo-blocks'), children: _jsx(ImagePickerControl, { value: img, onChange: (val) => setAttributes({ img: val }) }) }), _jsx(PanelBody, { title: __('Tlačítko', 'brilo-blocks'), children: _jsx(TextControl, { label: __('Text tlačítka', 'brilo-blocks'), value: button.text, onChange: (v) => setAttributes({ button: { ...button, text: v } }) }) }), _jsxs(PanelBody, { title: __('Odkaz', 'brilo-blocks'), initialOpen: false, children: [_jsx(TextControl, { label: __('URL', 'brilo-blocks'), value: url.src, onChange: (v) => setAttributes({ url: { ...url, src: v } }) }), _jsx(ToggleControl, { label: __('Otevřít v nové záložce', 'brilo-blocks'), checked: url.blank, onChange: (v) => setAttributes({ url: { ...url, blank: v } }) })] })] }), _jsx("div", { ...blockProps, children: _jsxs("div", { className: "i-signpost__inner", children: [_jsx("div", { className: "i-signpost__image-wrapper", children: img.id ? (_jsx(ImagePickerControl, { value: img, onChange: (val) => setAttributes({ img: val }), size: [128, 128] })) : (_jsx("div", { className: "i-signpost__image-placeholder", children: _jsx(ImagePickerControl, { value: img, onChange: (val) => setAttributes({ img: val }) }) })) }), _jsxs("div", { className: "i-signpost__body", children: [_jsx(RichText, { tagName: "h3", className: "i-signpost__title u-text-editable", value: title, onChange: (v) => setAttributes({ title: v }), placeholder: __('Nadpis...', 'brilo-blocks'), allowedFormats: ['core/bold', 'core/italic'] }), _jsx("div", { ...innerBlocksProps }), _jsx(Button, { variant: 'primary', className: "i-signpost__button", children: _jsx(RichText, { tagName: "span", className: "i-signpost__button-text", value: button.text, onChange: (v) => setAttributes({ button: { ...button, text: v } }), placeholder: __('Text tlačítka...', 'brilo-blocks') }) })] })] }) })] }));
+        return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsx(PanelBody, { title: __('Obrázek', 'brilo-blocks'), children: _jsx(ImagePickerControl, { value: img, onChange: (val) => setAttributes({ img: val }) }) }), _jsx(PanelBody, { title: __('Tlačítko', 'brilo-blocks'), children: _jsx(TextControl, { label: __('Text tlačítka', 'brilo-blocks'), value: button.title, onChange: (v) => setAttributes({ button: { ...button, title: v } }) }) }), _jsxs(PanelBody, { title: __('Odkaz', 'brilo-blocks'), initialOpen: false, children: [_jsx(TextControl, { label: __('URL', 'brilo-blocks'), value: url.src, onChange: (v) => setAttributes({ url: { ...url, src: v } }) }), _jsx(ToggleControl, { label: __('Otevřít v nové záložce', 'brilo-blocks'), checked: url.blank, onChange: (v) => setAttributes({ url: { ...url, blank: v } }) })] })] }), _jsx("div", { ...blockProps, children: _jsxs("div", { className: "i-signpost__inner", children: [_jsx("div", { className: "i-signpost__image-wrapper", children: img.id ? (_jsx(ImagePickerControl, { value: img, onChange: (val) => setAttributes({ img: val }), size: [128, 128] })) : (_jsx("div", { className: "i-signpost__image-placeholder", children: _jsx(ImagePickerControl, { value: img, onChange: (val) => setAttributes({ img: val }) }) })) }), _jsxs("div", { className: "i-signpost__body", children: [_jsx(RichText, { tagName: "h3", className: "i-signpost__title u-text-editable", value: title, onChange: (v) => setAttributes({ title: v }), placeholder: __('Nadpis...', 'brilo-blocks'), allowedFormats: ['core/bold', 'core/italic'] }), _jsx("div", { ...innerBlocksProps }), _jsx(Button, { variant: 'primary', className: "i-signpost__button", children: _jsx(RichText, { tagName: "span", className: "i-signpost__button-text", value: button.title, onChange: (v) => setAttributes({ button: { ...button, title: v } }), placeholder: __('Text tlačítka...', 'brilo-blocks') }) })] })] }) })] }));
     };
 }

package/build/blocks/signpost/signpost-item/factory.js

@@ -16,7 +16,7 @@ export function createSignpostItemBlock(options) {
         attributes: {
             title: { type: 'string', default: '' },
             img: { type: 'object', default: { id: 0, alt: '' } },
-            button: { type: 'object', default: { text: '' } },
+            button: { type: 'object', default: { title: '' } },
             url: { type: 'string', default: '' },
             blank: { type: 'boolean', default: false },
         },

package/build/blocks/signpost/signpost-item/types.d.ts

@@ -4,7 +4,7 @@ export interface SignpostItemAttributes extends Record<string, unknown> {
     title: string;
     img: ImageValue;
     button: {
-        text: string;
+        title: string;
     };
     url: {
         src: string;

package/build/blocks/signpost/signpost-item/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/signpost/signpost-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AACtC,OAAO,EAAC,UAAU,EAAC,MAAM,sCAAsC,CAAA;AAE/D,MAAM,WAAW,sBAAuB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACrE,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,UAAU,CAAA;IACf,MAAM,EAAE;QAAC,IAAI,EAAE,MAAM,CAAA;KAAC,CAAA;IACtB,GAAG,EAAE;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAC,CAAA;IAClC,KAAK,EAAE,OAAO,CAAA;CACf;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc;CAAG"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/signpost/signpost-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AACtC,OAAO,EAAC,UAAU,EAAC,MAAM,sCAAsC,CAAA;AAE/D,MAAM,WAAW,sBAAuB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACrE,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,UAAU,CAAA;IACf,MAAM,EAAE;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,CAAA;IACvB,GAAG,EAAE;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAC,CAAA;IAClC,KAAK,EAAE,OAAO,CAAA;CACf;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc;CAAG"}

package/package.json

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

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

@@ -2,6 +2,7 @@ import {InspectorControls, RichText} from '@wordpress/block-editor'
 import {FormTokenField, Notice, PanelBody, SelectControl, TextControl, ToggleControl} from '@wordpress/components'
 import {useDispatch} from '@wordpress/data'
 import {__} from '@wordpress/i18n'
+import {cleanForSlug} from '@wordpress/url'
 import clsx from 'clsx'
 import {useEffect} from 'react'
 import {useGroupBlock} from '~/hooks/useGroupBlock'
@@ -10,6 +11,13 @@ import type {ExternalMethod, FormGroupAttributes, FormGroupOptions, InternalSubm
 
 const ALLOWED_BLOCKS = ['brilo/form-field']
 
+function generateFormId(formName: string): string {
+  const slug = cleanForSlug(formName) || 'form'
+  const hash = Math.random().toString(36).slice(2, 8)
+
+  return `form-${slug}-${hash}`
+}
+
 export function createFormGroupEdit(options: FormGroupOptions) {
   return function Edit({
     attributes,
@@ -44,6 +52,14 @@ export function createFormGroupEdit(options: FormGroupOptions) {
       return () => unlockPostSaving(lockName)
     }, [clientId, isRecipientsMissing, isExternalUrlMissing, lockPostSaving, unlockPostSaving])
 
+    // Generated once and persisted into the block's attributes so it stays stable across edits.
+    // biome-ignore lint/correctness/useExhaustiveDependencies: must run once on mount only
+    useEffect(() => {
+      if (!attributes.formId) {
+        setAttributes({formId: generateFormId(attributes.formName ?? '')})
+      }
+    }, [])
+
     const {blockProps, innerBlocksProps} = useGroupBlock({
       blockClassName: clsx(options.blockClassName ?? 'g-form wp-block-section'),
       containerClassName: [options.containerClassName ?? 'g-form__fields'],
@@ -57,6 +73,14 @@ export function createFormGroupEdit(options: FormGroupOptions) {
       <>
         <InspectorControls>
           <PanelBody title={__('Formulář', 'brilo-blocks')}>
+            <TextControl
+              label={__('ID formuláře', 'brilo-blocks')}
+              value={attributes.formId ?? ''}
+              readOnly
+              onChange={() => {}}
+              help={__('Generuje se automaticky, slouží k jednoznačné identifikaci formuláře.', 'brilo-blocks')}
+            />
+
             <TextControl
               label={__('Název formuláře (volitelné)', 'brilo-blocks')}
               value={attributes.formName ?? ''}

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

@@ -16,6 +16,7 @@ export function createFormGroupBlock(options: FormGroupOptions): BlockConfigurat
     icon: options.icon ?? 'feedback',
     supports: {html: false, customClassName: false},
     attributes: {
+      formId: {type: 'string', default: ''},
       formName: {type: 'string', default: ''},
       processingMode: {type: 'string', default: 'internal'},
       externalMethod: {type: 'string', default: 'POST'},

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

@@ -5,6 +5,7 @@ export type ExternalMethod = 'POST' | 'GET'
 export type InternalSubmitBehavior = 'stay' | 'redirect'
 
 export interface FormGroupAttributes extends Record<string, unknown> {
+  formId: string
   formName: string
   processingMode: ProcessingMode
   externalMethod: ExternalMethod

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

@@ -34,8 +34,8 @@ export function createSignpostItemEdit(options: SignpostItemOptions) {
           <PanelBody title={__('Tlačítko', 'brilo-blocks')}>
             <TextControl
               label={__('Text tlačítka', 'brilo-blocks')}
-              value={button.text}
-              onChange={(v) => setAttributes({button: {...button, text: v}})}
+              value={button.title}
+              onChange={(v) => setAttributes({button: {...button, title: v}})}
             />
           </PanelBody>
           <PanelBody title={__('Odkaz', 'brilo-blocks')} initialOpen={false}>
@@ -76,8 +76,8 @@ export function createSignpostItemEdit(options: SignpostItemOptions) {
                 <RichText
                   tagName="span"
                   className="i-signpost__button-text"
-                  value={button.text}
-                  onChange={(v) => setAttributes({button: {...button, text: v}})}
+                  value={button.title}
+                  onChange={(v) => setAttributes({button: {...button, title: v}})}
                   placeholder={__('Text tlačítka...', 'brilo-blocks')}
                 />
               </Button>

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

@@ -19,7 +19,7 @@ export function createSignpostItemBlock(options: SignpostItemOptions): BlockConf
     attributes: {
       title: {type: 'string', default: ''},
       img: {type: 'object', default: {id: 0, alt: ''}},
-      button: {type: 'object', default: {text: ''}},
+      button: {type: 'object', default: {title: ''}},
       url: {type: 'string', default: ''},
       blank: {type: 'boolean', default: false},
     },

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

@@ -4,7 +4,7 @@ import {ImageValue} from '~/components/ImagePicker/ImagePicker'
 export interface SignpostItemAttributes extends Record<string, unknown> {
   title: string
   img: ImageValue
-  button: {text: string}
+  button: {title: string}
   url: {src: string; blank: boolean}
   blank: boolean
 }