@brilo/base-blocks 0.1.12 → 0.1.13

package/build/blocks/column/column-item/constants.d.ts

@@ -12,4 +12,21 @@ export declare const ALIGN: ({
     label: import("@wordpress/i18n").TransformedText<"Dolu">;
     icon: import("react").JSX.Element;
 })[];
+export declare const JUSTIFY: ({
+    value: string;
+    label: import("@wordpress/i18n").TransformedText<"Roztáhnout">;
+    icon: import("react").JSX.Element;
+} | {
+    value: string;
+    label: import("@wordpress/i18n").TransformedText<"Vlevo">;
+    icon: import("react").JSX.Element;
+} | {
+    value: string;
+    label: import("@wordpress/i18n").TransformedText<"Uprostřed">;
+    icon: import("react").JSX.Element;
+} | {
+    value: string;
+    label: import("@wordpress/i18n").TransformedText<"Vpravo">;
+    icon: import("react").JSX.Element;
+})[];
 //# sourceMappingURL=constants.d.ts.map

package/build/blocks/column/column-item/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/column/column-item/constants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,UAAoD,CAAA;AACtE,eAAO,MAAM,KAAK;;;;;;;;;;;;IAgBjB,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/column/column-item/constants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,UAAoD,CAAA;AACtE,eAAO,MAAM,KAAK;;;;;;;;;;;;IAgBjB,CAAA;AAED,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;IAqBnB,CAAA"}

package/build/blocks/column/column-item/constants.js

@@ -1,5 +1,5 @@
 import { __ } from '@wordpress/i18n';
-import { justifyTop, justifyCenterVertical, justifyBottom } from '@wordpress/icons';
+import { justifyTop, justifyCenterVertical, justifyBottom, justifyStretch, justifyLeft, justifyRight, justifyCenter } from '@wordpress/icons';
 export const SIZES = ['1/6', '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'];
 export const ALIGN = [
     {
@@ -18,3 +18,25 @@ export const ALIGN = [
         icon: justifyBottom,
     },
 ];
+export const JUSTIFY = [
+    {
+        value: 'stretch',
+        label: __('Roztáhnout', 'brilo-blocks'),
+        icon: justifyStretch,
+    },
+    {
+        value: 'start',
+        label: __('Vlevo', 'brilo-blocks'),
+        icon: justifyLeft,
+    },
+    {
+        value: 'center',
+        label: __('Uprostřed', 'brilo-blocks'),
+        icon: justifyCenter,
+    },
+    {
+        value: 'end',
+        label: __('Vpravo', 'brilo-blocks'),
+        icon: justifyRight,
+    },
+];

package/build/blocks/column/column-item/edit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/column/column-item/edit.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAC,oBAAoB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAIpE,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,iBAAiB,IACxC,gCAGlB;IACD,UAAU,EAAE,oBAAoB,CAAA;IAChC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAA;CAC1D,iCA0CF"}
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/column/column-item/edit.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAC,oBAAoB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAIpE,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,iBAAiB,IACxC,gCAGlB;IACD,UAAU,EAAE,oBAAoB,CAAA;IAChC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAA;CAC1D,iCAqDF"}

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

@@ -4,11 +4,11 @@ import { PanelBody, RangeControl, __experimentalToggleGroupControl as ToggleGrou
 import { __ } from '@wordpress/i18n';
 import clsx from 'clsx';
 import { useGroupBlock } from '../../../hooks/useGroupBlock';
-import { ALIGN, SIZES } from './constants';
+import { ALIGN, JUSTIFY, SIZES } from './constants';
 export function createColumnItemEdit(options) {
     return function Edit({ attributes, setAttributes, }) {
         var _a, _b;
-        const { size, align } = attributes;
+        const { size, align, justify } = attributes;
         const { blockProps, innerBlocksProps } = useGroupBlock({
             blockClassName: clsx((_a = options.blockClassName) !== null && _a !== void 0 ? _a : 'i-column', `--size-${size}`, align && `--align-${align}`),
             containerClassName: (_b = options.containerClassName) !== null && _b !== void 0 ? _b : 'i-column__inner',
@@ -16,6 +16,6 @@ export function createColumnItemEdit(options) {
             template: options.template,
         });
         const sizeIndex = SIZES.indexOf(size);
-        return (_jsxs(_Fragment, { children: [_jsx(InspectorControls, { children: _jsxs(PanelBody, { title: __('Nastavení položky sloupce', 'brilo-blocks'), children: [_jsx(RangeControl, { label: __('Šířka sloupce', 'brilo-blocks'), value: sizeIndex, onChange: (v) => setAttributes({ size: SIZES[v] }), min: 0, max: SIZES.length - 1, withInputField: false, marks: SIZES.map((s, i) => ({ label: s, value: i })) }), _jsx(ToggleGroupControl, { label: __('Zarovnání', 'brilo-blocks'), value: align, onChange: (v) => setAttributes({ align: v }), isBlock: true, children: ALIGN.map((item) => (_jsx(ToggleGroupControlOptionIcon, { value: item.value, label: item.label, icon: item.icon }, item.value))) })] }) }), _jsx("div", { ...blockProps, children: _jsx("div", { ...innerBlocksProps }) })] }));
+        return (_jsxs(_Fragment, { children: [_jsx(InspectorControls, { children: _jsxs(PanelBody, { title: __('Nastavení položky sloupce', 'brilo-blocks'), children: [_jsx(RangeControl, { label: __('Šířka sloupce', 'brilo-blocks'), value: sizeIndex, onChange: (v) => setAttributes({ size: SIZES[v] }), min: 0, max: SIZES.length - 1, withInputField: false, marks: SIZES.map((s, i) => ({ label: s, value: i })) }), _jsx(ToggleGroupControl, { label: __('Vertikální zarovnání', 'brilo-blocks'), value: align, onChange: (v) => setAttributes({ align: v }), isBlock: true, children: ALIGN.map((item) => (_jsx(ToggleGroupControlOptionIcon, { value: item.value, label: item.label, icon: item.icon }, item.value))) }), _jsx(ToggleGroupControl, { label: __('Horizontální zarovnání', 'brilo-blocks'), value: justify, onChange: (v) => setAttributes({ justify: v }), isBlock: true, children: JUSTIFY.map((item) => (_jsx(ToggleGroupControlOptionIcon, { value: item.value, label: item.label, icon: item.icon }, item.value))) })] }) }), _jsx("div", { ...blockProps, children: _jsx("div", { ...innerBlocksProps }) })] }));
     };
 }

package/build/blocks/column/column-item/factory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/column/column-item/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAGzD,OAAO,KAAK,EAAC,oBAAoB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAGpE,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,iBAAiB,GAAG,kBAAkB,CAAC,oBAAoB,CAAC,CAsB1G"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/column/column-item/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAGzD,OAAO,KAAK,EAAC,oBAAoB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAGpE,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,iBAAiB,GAAG,kBAAkB,CAAC,oBAAoB,CAAC,CA0B1G"}

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

@@ -22,6 +22,10 @@ export function createColumnItemBlock(options) {
                 type: 'string',
                 default: ALIGN[0],
             },
+            justify: {
+                type: 'string',
+                default: 'stretch',
+            }
         },
         edit: createColumnItemEdit(options),
         save: () => _jsx(InnerBlocks.Content, {}),

package/build/blocks/column/column-item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/column/column-item/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,oBAAoB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;AACpE,OAAO,EAAC,qBAAqB,EAAC,MAAM,WAAW,CAAA;AAE/C,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAE9C,eAAO,MAAM,kBAAkB,EAAE,iBAchC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/column/column-item/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,oBAAoB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;AACpE,OAAO,EAAC,qBAAqB,EAAC,MAAM,WAAW,CAAA;AAE/C,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAE9C,eAAO,MAAM,kBAAkB,EAAE,iBAgBhC,CAAA"}

package/build/blocks/column/column-item/index.js

@@ -8,9 +8,11 @@ export const columnItemDefaults = {
         'core/image',
         'core/heading',
         'core/embed',
+        'core/html',
         'core/quote',
         'core/table',
         'core/gallery',
         'brilo/link-item',
+        'brilo/button-group',
     ],
 };

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

@@ -2,6 +2,7 @@ import type { BriloBlockType } from '../../../types';
 export interface ColumnItemAttributes extends Record<string, unknown> {
     size: string;
     align: string;
+    justify: string;
 }
 export interface ColumnItemOptions extends BriloBlockType {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/column/column-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,WAAW,oBAAqB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACnE,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc;CAAG"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/column/column-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,WAAW,oBAAqB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACnE,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc;CAAG"}

package/build/blocks/contact/contact-item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/contact/contact-item/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,eAAe,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAC/G,OAAO,EAAC,sBAAsB,EAAC,MAAM,WAAW,CAAA;AAChD,OAAO,EAAC,uBAAuB,EAAE,kBAAkB,EAAE,kBAAkB,EAAC,MAAM,aAAa,CAAA;AAE3F,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAE/C,eAAO,MAAM,mBAAmB,EAAE,kBAgBjC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/contact/contact-item/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,eAAe,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAC/G,OAAO,EAAC,sBAAsB,EAAC,MAAM,WAAW,CAAA;AAChD,OAAO,EAAC,uBAAuB,EAAE,kBAAkB,EAAE,kBAAkB,EAAC,MAAM,aAAa,CAAA;AAE3F,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAE/C,eAAO,MAAM,mBAAmB,EAAE,kBAiBjC,CAAA"}

package/build/blocks/contact/contact-item/index.js

@@ -11,6 +11,7 @@ export const contactItemDefaults = {
         'core/table',
         'brilo/column-group',
         'brilo/responsive-grid-group',
+        'brilo/link-item',
     ],
     template: [
         ['core/heading', { level: 3 }],

package/build/blocks/form/form-field/constants.d.ts

@@ -12,6 +12,26 @@ export declare const FIELD_TYPES: readonly [{
     readonly value: "hidden";
     readonly label: import("@wordpress/i18n").TransformedText<"Hidden">;
 }];
+export declare const FIELD_TEXT_TYPE_VALUES: readonly ["text", "tel", "email", "number", "date", "time"];
+export declare const FIELD_TEXT_TYPES: ({
+    value: "text";
+    label: import("@wordpress/i18n").TransformedText<"Text">;
+} | {
+    value: "tel";
+    label: import("@wordpress/i18n").TransformedText<"Telefon">;
+} | {
+    value: "email";
+    label: import("@wordpress/i18n").TransformedText<"Email">;
+} | {
+    value: "number";
+    label: import("@wordpress/i18n").TransformedText<"Číslo">;
+} | {
+    value: "date";
+    label: import("@wordpress/i18n").TransformedText<"Datum">;
+} | {
+    value: "time";
+    label: import("@wordpress/i18n").TransformedText<"Čas">;
+})[];
 export declare const FIELD_COLUMNS_RANGE: {
     readonly min: 1;
     readonly max: 12;

package/build/blocks/form/form-field/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-field/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,mDAAoD,CAAA;AAElF,eAAO,MAAM,WAAW;;;;;;;;;;;;EAKd,CAAA;AAEV,eAAO,MAAM,mBAAmB;;;CAA6B,CAAA;AAE7D,eAAO,MAAM,qBAAqB,IAAI,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-field/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,mDAAoD,CAAA;AAElF,eAAO,MAAM,WAAW;;;;;;;;;;;;EAKd,CAAA;AAEV,eAAO,MAAM,sBAAsB,6DAA8D,CAAA;AACjG,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;IAO5B,CAAA;AAED,eAAO,MAAM,mBAAmB;;;CAA6B,CAAA;AAE7D,eAAO,MAAM,qBAAqB,IAAI,CAAA"}

package/build/blocks/form/form-field/constants.js

@@ -6,5 +6,14 @@ export const FIELD_TYPES = [
     { value: FIELD_TYPE_VALUES[2], label: __('Select', 'brilo-blocks') },
     { value: FIELD_TYPE_VALUES[3], label: __('Hidden', 'brilo-blocks') },
 ];
+export const FIELD_TEXT_TYPE_VALUES = ['text', 'tel', 'email', 'number', 'date', 'time'];
+export const FIELD_TEXT_TYPES = [
+    { value: FIELD_TEXT_TYPE_VALUES[0], label: __('Text', 'brilo-blocks') },
+    { value: FIELD_TEXT_TYPE_VALUES[1], label: __('Telefon', 'brilo-blocks') },
+    { value: FIELD_TEXT_TYPE_VALUES[2], label: __('Email', 'brilo-blocks') },
+    { value: FIELD_TEXT_TYPE_VALUES[3], label: __('Číslo', 'brilo-blocks') },
+    { value: FIELD_TEXT_TYPE_VALUES[4], label: __('Datum', 'brilo-blocks') },
+    { value: FIELD_TEXT_TYPE_VALUES[5], label: __('Čas', 'brilo-blocks') },
+];
 export const FIELD_COLUMNS_RANGE = { min: 1, max: 12 };
 export const FIELD_COLUMNS_DEFAULT = 6;

package/build/blocks/form/form-field/edit.d.ts

@@ -1,4 +1,4 @@
-import type { FormFieldAttributes, FormFieldOptions } from './types';
+import { FormFieldAttributes, FormFieldOptions } from './types';
 export declare function createFormFieldEdit(_options: FormFieldOptions): ({ attributes, setAttributes, }: {
     attributes: FormFieldAttributes;
     setAttributes: (a: Partial<FormFieldAttributes>) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-field/edit.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,mBAAmB,EAAE,gBAAgB,EAAgB,MAAM,SAAS,CAAA;AAejF,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,gBAAgB,IACvC,gCAGlB;IACD,UAAU,EAAE,mBAAmB,CAAA;IAC/B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;CACzD,iCAsJF"}
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-field/edit.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAC,mBAAmB,EAAE,gBAAgB,EAAmC,MAAM,SAAS,CAAA;AAe/F,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,gBAAgB,IACvC,gCAGlB;IACD,UAAU,EAAE,mBAAmB,CAAA;IAC/B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;CACzD,iCAiKF"}

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

@@ -3,7 +3,7 @@ import { InspectorControls, useBlockProps } from '@wordpress/block-editor';
 import { Button, FormTokenField, PanelBody, RangeControl, SelectControl, TextControl, ToggleControl } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import clsx from 'clsx';
-import { FIELD_COLUMNS_DEFAULT, FIELD_COLUMNS_RANGE, FIELD_TYPES } from './constants';
+import { FIELD_COLUMNS_DEFAULT, FIELD_COLUMNS_RANGE, FIELD_TEXT_TYPES, FIELD_TYPES } from './constants';
 const { min: MIN_COLUMNS, max: MAX_COLUMNS } = FIELD_COLUMNS_RANGE;
 function sanitizeHtmlName(raw) {
     return (raw !== null && raw !== void 0 ? raw : '')
@@ -24,7 +24,7 @@ export function createFormFieldEdit(_options) {
         });
         const options = Array.isArray(attributes.options) ? attributes.options.filter((opt) => typeof opt === 'string') : [];
         const selectOptions = [{ label: __('Žádná', 'brilo-blocks'), value: '' }, ...options.map((opt) => ({ label: opt, value: opt }))];
-        return (_jsxs(_Fragment, { children: [_jsx(InspectorControls, { children: _jsxs(PanelBody, { title: __('Pole formuláře', 'brilo-blocks'), children: [_jsx(SelectControl, { label: __('Typ inputu', 'brilo-blocks'), value: attributes.type, options: FIELD_TYPES.map((t) => ({ label: t.label, value: t.value })), onChange: (type) => setAttributes({ type: type }) }), attributes.type !== 'hidden' && (_jsxs(_Fragment, { children: [_jsx(TextControl, { label: __('Popisek', 'brilo-blocks'), value: attributes.label, onChange: (label) => setAttributes({ label }) }), _jsx(ToggleControl, { label: __('Povinné', 'brilo-blocks'), checked: attributes.required, onChange: (required) => setAttributes({ required }) }), _jsx(TextControl, { label: __('Název html atributu', 'brilo-blocks'), value: attributes.name, help: __('Použijte pouze bezpečné znaky: a-z, 0-9, pomlčka a podtržítko. Např. city-born-to. Mezery a diakritika se automaticky odstraní.', 'brilo-blocks'), onChange: (name) => setAttributes({ name: sanitizeHtmlName(name) }) }), _jsx(TextControl, { label: __('Placeholder', 'brilo-blocks'), value: attributes.placeholder, onChange: (placeholder) => setAttributes({ placeholder }) })] })), attributes.type === 'select' && (_jsxs(_Fragment, { children: [_jsx(FormTokenField, { label: __('Možnosti', 'brilo-blocks'), value: options, onChange: (nextOptions) => setAttributes({
+        return (_jsxs(_Fragment, { children: [_jsx(InspectorControls, { children: _jsxs(PanelBody, { title: __('Pole formuláře', 'brilo-blocks'), children: [_jsx(SelectControl, { label: __('Typ inputu', 'brilo-blocks'), value: attributes.type, options: FIELD_TYPES.map((t) => ({ label: t.label, value: t.value })), onChange: (type) => setAttributes({ type: type }) }), attributes.type === 'text' && (_jsx(_Fragment, { children: _jsx(SelectControl, { label: __('Typ textovho inputu', 'brilo-blocks'), value: attributes.textType, options: FIELD_TEXT_TYPES.map((t) => ({ label: t.label, value: t.value })), onChange: (fieldType) => setAttributes({ textType: fieldType }) }) })), attributes.type !== 'hidden' && (_jsxs(_Fragment, { children: [_jsx(TextControl, { label: __('Popisek', 'brilo-blocks'), value: attributes.label, onChange: (label) => setAttributes({ label }) }), _jsx(ToggleControl, { label: __('Povinné', 'brilo-blocks'), checked: attributes.required, onChange: (required) => setAttributes({ required }) }), _jsx(TextControl, { label: __('Název html atributu', 'brilo-blocks'), value: attributes.name, help: __('Použijte pouze bezpečné znaky: a-z, 0-9, pomlčka a podtržítko. Např. city-born-to. Mezery a diakritika se automaticky odstraní.', 'brilo-blocks'), onChange: (name) => setAttributes({ name: sanitizeHtmlName(name) }) }), _jsx(TextControl, { label: __('Placeholder', 'brilo-blocks'), value: attributes.placeholder, onChange: (placeholder) => setAttributes({ placeholder }) })] })), attributes.type === 'select' && (_jsxs(_Fragment, { children: [_jsx(FormTokenField, { label: __('Možnosti', 'brilo-blocks'), value: options, onChange: (nextOptions) => setAttributes({
                                             options: (nextOptions !== null && nextOptions !== void 0 ? nextOptions : [])
                                                 .map((opt) => (typeof opt === 'string' ? opt : opt.value))
                                                 .filter((opt) => typeof opt === 'string' && opt.length > 0),

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

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-field/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAIzD,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,CAuBvG"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-field/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAIzD,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,CAwBvG"}

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

@@ -13,6 +13,7 @@ export function createFormFieldBlock(options) {
         supports: { html: false, customClassName: false, reusable: false },
         attributes: {
             type: { type: 'string', default: 'text' },
+            textType: { type: 'string', default: 'text' },
             columns: { type: 'number', default: FIELD_COLUMNS_DEFAULT },
             label: { type: 'string', default: '' },
             name: { type: 'string', default: '' },

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

@@ -1,8 +1,10 @@
-import { FIELD_TYPE_VALUES } from './constants';
+import { FIELD_TEXT_TYPE_VALUES, FIELD_TYPE_VALUES } from './constants';
 import type { BriloBlockType } from '../../../types';
 export type FormFieldType = (typeof FIELD_TYPE_VALUES)[number];
+export type FormFieldTextType = (typeof FIELD_TEXT_TYPE_VALUES)[number];
 export interface FormFieldAttributes extends Record<string, unknown> {
     type: FormFieldType;
+    textType: FormFieldTextType;
     columns: number;
     label: string;
     name: string;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-field/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,aAAa,CAAA;AAC7C,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE9D,MAAM,WAAW,mBAAoB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAClE,IAAI,EAAE,aAAa,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc;CAAG"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/form/form-field/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,sBAAsB,EAAE,iBAAiB,EAAC,MAAM,aAAa,CAAA;AACvF,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;AAC9D,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAA;AAEvE,MAAM,WAAW,mBAAoB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAClE,IAAI,EAAE,aAAa,CAAA;IACnB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc;CAAG"}

package/build/blocks/groups/button-group/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/groups/button-group/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AACtE,OAAO,EAAC,sBAAsB,EAAC,MAAM,WAAW,CAAA;AAEhD,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAE/C,eAAO,MAAM,mBAAmB,EAAE,kBAKjC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/groups/button-group/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA;AACtE,OAAO,EAAC,sBAAsB,EAAC,MAAM,WAAW,CAAA;AAEhD,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAE/C,eAAO,MAAM,mBAAmB,EAAE,kBAIjC,CAAA"}

package/build/blocks/groups/button-group/index.js

@@ -1,7 +1,6 @@
 export { createButtonGroupBlock } from './factory';
 export const buttonGroupDefaults = {
     name: 'brilo/button-group',
-    parent: ['brilo/base-section'],
     allowedBlocks: ['brilo/basic-button'],
     template: [['brilo/basic-button', {}]],
 };

package/package.json

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

package/src/blocks/column/column-item/constants.ts

@@ -1,5 +1,5 @@
 import {__} from '@wordpress/i18n'
-import {justifyTop, justifyCenterVertical, justifyBottom} from '@wordpress/icons'
+import {justifyTop, justifyCenterVertical, justifyBottom, justifyStretch, justifyLeft, justifyRight, justifyCenter} from '@wordpress/icons'
 
 export const SIZES = ['1/6', '1/4', '1/3', '1/2', '2/3', '3/4', '1/1']
 export const ALIGN = [
@@ -19,3 +19,26 @@ export const ALIGN = [
     icon: justifyBottom,
   },
 ]
+
+export const JUSTIFY = [
+  {
+    value: 'stretch',
+    label: __('Roztáhnout', 'brilo-blocks'),
+    icon: justifyStretch,
+  },
+  {
+    value: 'start',
+    label: __('Vlevo', 'brilo-blocks'),
+    icon: justifyLeft,
+  },
+  {
+    value: 'center',
+    label: __('Uprostřed', 'brilo-blocks'),
+    icon: justifyCenter,
+  },
+  {
+    value: 'end',
+    label: __('Vpravo', 'brilo-blocks'),
+    icon: justifyRight,
+  },
+]

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

@@ -9,7 +9,7 @@ import {__} from '@wordpress/i18n'
 import clsx from 'clsx'
 import {useGroupBlock} from '~/hooks/useGroupBlock'
 import type {ColumnItemAttributes, ColumnItemOptions} from './types'
-import {ALIGN, SIZES} from './constants'
+import {ALIGN, JUSTIFY, SIZES} from './constants'
 import {Icon} from '@wordpress/icons'
 
 export function createColumnItemEdit(options: ColumnItemOptions) {
@@ -20,7 +20,7 @@ export function createColumnItemEdit(options: ColumnItemOptions) {
     attributes: ColumnItemAttributes
     setAttributes: (a: Partial<ColumnItemAttributes>) => void
   }) {
-    const {size, align} = attributes
+    const {size, align, justify} = attributes
     const {blockProps, innerBlocksProps} = useGroupBlock({
       blockClassName: clsx(options.blockClassName ?? 'i-column', `--size-${size}`, align && `--align-${align}`),
       containerClassName: options.containerClassName ?? 'i-column__inner',
@@ -44,7 +44,7 @@ export function createColumnItemEdit(options: ColumnItemOptions) {
               marks={SIZES.map((s, i) => ({label: s, value: i}))}
             />
             <ToggleGroupControl
-              label={__('Zarovnání', 'brilo-blocks')}
+              label={__('Vertikální zarovnání', 'brilo-blocks')}
               value={align}
               onChange={(v) => setAttributes({align: v as string})}
               isBlock
@@ -53,6 +53,17 @@ export function createColumnItemEdit(options: ColumnItemOptions) {
                 <ToggleGroupControlOptionIcon key={item.value} value={item.value} label={item.label} icon={item.icon} />
               ))}
             </ToggleGroupControl>
+
+            <ToggleGroupControl
+              label={__('Horizontální zarovnání', 'brilo-blocks')}
+              value={justify}
+              onChange={(v) => setAttributes({justify: v as string})}
+              isBlock
+            >
+              {JUSTIFY.map((item) => (
+                <ToggleGroupControlOptionIcon key={item.value} value={item.value} label={item.label} icon={item.icon} />
+              ))}
+            </ToggleGroupControl>
           </PanelBody>
         </InspectorControls>
         <div {...blockProps}>

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

@@ -23,6 +23,10 @@ export function createColumnItemBlock(options: ColumnItemOptions): BlockConfigur
         type: 'string',
         default: ALIGN[0],
       },
+      justify: {
+        type: 'string',
+        default: 'stretch',
+      }
     },
     edit: createColumnItemEdit(options),
     save: () => <InnerBlocks.Content />,

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

@@ -12,9 +12,11 @@ export const columnItemDefaults: ColumnItemOptions = {
     'core/image',
     'core/heading',
     'core/embed',
+    'core/html',
     'core/quote',
     'core/table',
     'core/gallery',
     'brilo/link-item',
+    'brilo/button-group',
   ],
 }

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

@@ -3,6 +3,7 @@ import type {BriloBlockType} from '~/types'
 export interface ColumnItemAttributes extends Record<string, unknown> {
   size: string
   align: string
+  justify: string
 }
 
 export interface ColumnItemOptions extends BriloBlockType {}

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

@@ -15,6 +15,7 @@ export const contactItemDefaults: ContactItemOptions = {
     'core/table',
     'brilo/column-group',
     'brilo/responsive-grid-group',
+    'brilo/link-item',
   ],
   template: [
     ['core/heading', {level: 3}],

package/src/blocks/form/form-field/constants.ts

@@ -9,6 +9,16 @@ export const FIELD_TYPES = [
   {value: FIELD_TYPE_VALUES[3], label: __('Hidden', 'brilo-blocks')},
 ] as const
 
+export const FIELD_TEXT_TYPE_VALUES = ['text', 'tel', 'email', 'number', 'date', 'time'] as const
+export const FIELD_TEXT_TYPES = [
+  {value: FIELD_TEXT_TYPE_VALUES[0], label: __('Text', 'brilo-blocks')},
+  {value: FIELD_TEXT_TYPE_VALUES[1], label: __('Telefon', 'brilo-blocks')},
+  {value: FIELD_TEXT_TYPE_VALUES[2], label: __('Email', 'brilo-blocks')},
+  {value: FIELD_TEXT_TYPE_VALUES[3], label: __('Číslo', 'brilo-blocks')},
+  {value: FIELD_TEXT_TYPE_VALUES[4], label: __('Datum', 'brilo-blocks')},
+  {value: FIELD_TEXT_TYPE_VALUES[5], label: __('Čas', 'brilo-blocks')},
+]
+
 export const FIELD_COLUMNS_RANGE = {min: 1, max: 12} as const
 
 export const FIELD_COLUMNS_DEFAULT = 6

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

@@ -2,8 +2,8 @@ import {InspectorControls, useBlockProps} from '@wordpress/block-editor'
 import {Button, FormTokenField, PanelBody, RangeControl, SelectControl, TextControl, ToggleControl} from '@wordpress/components'
 import {__} from '@wordpress/i18n'
 import clsx from 'clsx'
-import {FIELD_COLUMNS_DEFAULT, FIELD_COLUMNS_RANGE, FIELD_TYPES} from './constants'
-import type {FormFieldAttributes, FormFieldOptions, FormFieldType} from './types'
+import {FIELD_COLUMNS_DEFAULT, FIELD_COLUMNS_RANGE, FIELD_TEXT_TYPES, FIELD_TYPES} from './constants'
+import {FormFieldAttributes, FormFieldOptions, FormFieldTextType, FormFieldType} from './types'
 
 const {min: MIN_COLUMNS, max: MAX_COLUMNS} = FIELD_COLUMNS_RANGE
 
@@ -47,6 +47,17 @@ export function createFormFieldEdit(_options: FormFieldOptions) {
               onChange={(type) => setAttributes({type: type as FormFieldType})}
             />
 
+            {attributes.type === 'text' && (
+              <>
+                <SelectControl
+                  label={__('Typ textovho inputu', 'brilo-blocks')}
+                  value={attributes.textType}
+                  options={FIELD_TEXT_TYPES.map((t) => ({label: t.label, value: t.value}))}
+                  onChange={(fieldType) => setAttributes({textType: fieldType as FormFieldTextType})}
+                />
+              </>
+            )}
+
             {attributes.type !== 'hidden' && (
               <>
                 <TextControl label={__('Popisek', 'brilo-blocks')} value={attributes.label} onChange={(label) => setAttributes({label})} />

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

@@ -17,6 +17,7 @@ export function createFormFieldBlock(options: FormFieldOptions): BlockConfigurat
     supports: {html: false, customClassName: false, reusable: false},
     attributes: {
       type: {type: 'string', default: 'text'},
+      textType: {type: 'string', default: 'text'},
       columns: {type: 'number', default: FIELD_COLUMNS_DEFAULT},
       label: {type: 'string', default: ''},
       name: {type: 'string', default: ''},

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

@@ -1,10 +1,12 @@
-import {FIELD_TYPE_VALUES} from './constants'
+import {FIELD_TEXT_TYPES, FIELD_TEXT_TYPE_VALUES, FIELD_TYPE_VALUES} from './constants'
 import type {BriloBlockType} from '~/types'
 
 export type FormFieldType = (typeof FIELD_TYPE_VALUES)[number]
+export type FormFieldTextType = (typeof FIELD_TEXT_TYPE_VALUES)[number]
 
 export interface FormFieldAttributes extends Record<string, unknown> {
   type: FormFieldType
+  textType: FormFieldTextType
   columns: number
   label: string
   name: string

package/src/blocks/groups/button-group/index.ts

@@ -5,7 +5,6 @@ import type {ButtonGroupOptions} from './types'
 
 export const buttonGroupDefaults: ButtonGroupOptions = {
   name: 'brilo/button-group',
-  parent: ['brilo/base-section'],
   allowedBlocks: ['brilo/basic-button'],
   template: [['brilo/basic-button', {}]],
 }