@brilo/base-blocks 0.1.24 → 0.1.26

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.
Files changed (22) hide show
  1. package/build/.tsbuildinfo +1 -1
  2. package/build/blocks/link/link-item/edit.d.ts.map +1 -1
  3. package/build/blocks/link/link-item/edit.js +1 -1
  4. package/build/blocks/link/link-item/factory.js +1 -1
  5. package/build/blocks/link/link-item/types.d.ts +1 -0
  6. package/build/blocks/link/link-item/types.d.ts.map +1 -1
  7. package/build/blocks/signpost/signpost-group/constants.d.ts +7 -0
  8. package/build/blocks/signpost/signpost-group/constants.d.ts.map +1 -1
  9. package/build/blocks/signpost/signpost-group/constants.js +4 -0
  10. package/build/blocks/signpost/signpost-group/edit.d.ts.map +1 -1
  11. package/build/blocks/signpost/signpost-group/edit.js +2 -2
  12. package/build/blocks/signpost/signpost-group/factory.js +2 -2
  13. package/build/blocks/signpost/signpost-group/types.d.ts +3 -1
  14. package/build/blocks/signpost/signpost-group/types.d.ts.map +1 -1
  15. package/package.json +1 -1
  16. package/src/blocks/link/link-item/edit.tsx +6 -0
  17. package/src/blocks/link/link-item/factory.tsx +1 -1
  18. package/src/blocks/link/link-item/types.ts +1 -0
  19. package/src/blocks/signpost/signpost-group/constants.ts +5 -0
  20. package/src/blocks/signpost/signpost-group/edit.tsx +12 -2
  21. package/src/blocks/signpost/signpost-group/factory.tsx +2 -2
  22. package/src/blocks/signpost/signpost-group/types.ts +4 -1
package/build/blocks/link/link-item/edit.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/link/link-item/edit.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAC,kBAAkB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAEhE,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,eAAe,oCAItD;IACD,UAAU,EAAE,kBAAkB,CAAA;IAC9B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAA;CACxD,iCAoGF"}
1
+ {"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/link/link-item/edit.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAC,kBAAkB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAEhE,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,eAAe,oCAItD;IACD,UAAU,EAAE,kBAAkB,CAAA;IAC9B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAA;CACxD,iCA0GF"}
package/build/blocks/link/link-item/edit.js CHANGED
@@ -20,6 +20,6 @@ export function createLinkItemEdit(options) {
20
20
  style: color ? { color } : undefined,
21
21
  });
22
22
  const iconPreviewStyle = { maxWidth: icon.size, flex: `0 0 ${icon.size}px` };
23
- return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsxs(PanelBody, { title: __('Odkaz', 'brilo-blocks'), 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 } }) })] }), _jsxs(PanelBody, { title: __('Ikona', 'brilo-blocks'), initialOpen: false, children: [_jsx(ItemIconControl, { icon: icon, setAttributes: setIconBase, iconTypes: ICON_TYPES, options: options }), hasIcon && (_jsxs(_Fragment, { children: [_jsxs(ToggleGroupControl, { isBlock: true, label: __('Pozice', 'brilo-blocks'), value: icon.position, onChange: (v) => setAttributes({ icon: { ...icon, position: String(v) } }), children: [_jsx(ToggleGroupControlOption, { value: "before", label: __('Před', 'brilo-blocks') }), _jsx(ToggleGroupControlOption, { value: "after", label: __('Za', 'brilo-blocks') })] }), _jsx(RangeControl, { label: __('Velikost (px)', 'brilo-blocks'), value: icon.size, onChange: (v) => setAttributes({ icon: { ...icon, size: v !== null && v !== void 0 ? v : 24 } }), min: 8, max: 80, step: 1 })] }))] }), _jsxs(PanelBody, { title: __('Styl', 'brilo-blocks'), initialOpen: false, children: [_jsx("p", { children: __('Barva', 'brilo-blocks') }), _jsx(ColorPalette, { colors: paletteColors, value: color || undefined, onChange: (v) => setAttributes({ color: v !== null && v !== void 0 ? v : '' }) }), _jsx(ToggleControl, { label: __('Podtržení výchozí', 'brilo-blocks'), checked: underline_initial, onChange: (v) => setAttributes({ underline_initial: v }) }), _jsx(RangeControl, { label: __('Velikost textu (px)', 'brilo-blocks'), value: size, onChange: (v) => setAttributes({ size: v !== null && v !== void 0 ? v : 16 }), min: 8, max: 80, step: 1 })] })] }), _jsxs("div", { ...blockProps, children: [hasIcon && icon.position === 'before' && (_jsx("span", { className: "link-item__icon", style: iconPreviewStyle, children: _jsx(ItemIconPreview, { icon: icon, setAttributes: setIconBase, options: options }) })), _jsx(RichText, { tagName: "span", className: "link-item__title", value: title, onChange: (v) => setAttributes({ title: v }), placeholder: __('Text odkazu...', 'brilo-blocks'), allowedFormats: ['core/bold', 'core/italic'] }), hasIcon && icon.position === 'after' && (_jsx("span", { className: "link-item__icon", style: iconPreviewStyle, children: _jsx(ItemIconPreview, { icon: icon, setAttributes: setIconBase, options: options }) }))] })] }));
23
+ return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsxs(PanelBody, { title: __('Odkaz', 'brilo-blocks'), 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 } }) })] }), _jsxs(PanelBody, { title: __('Ikona', 'brilo-blocks'), initialOpen: false, children: [_jsx(ItemIconControl, { icon: icon, setAttributes: setIconBase, iconTypes: ICON_TYPES, options: options }), hasIcon && (_jsxs(_Fragment, { children: [_jsxs(ToggleGroupControl, { isBlock: true, label: __('Pozice', 'brilo-blocks'), value: icon.position, onChange: (v) => setAttributes({ icon: { ...icon, position: String(v) } }), children: [_jsx(ToggleGroupControlOption, { value: "before", label: __('Před', 'brilo-blocks') }), _jsx(ToggleGroupControlOption, { value: "after", label: __('Za', 'brilo-blocks') })] }), _jsx(RangeControl, { label: __('Velikost (px)', 'brilo-blocks'), value: icon.size, onChange: (v) => setAttributes({ icon: { ...icon, size: v !== null && v !== void 0 ? v : 24 } }), min: 8, max: 80, step: 1 }), _jsx("p", { children: __('Barva ikony', 'brilo-blocks') }), _jsx(ColorPalette, { colors: paletteColors, value: icon.color || undefined, onChange: (v) => setAttributes({ icon: { ...icon, color: v !== null && v !== void 0 ? v : '' } }) })] }))] }), _jsxs(PanelBody, { title: __('Styl', 'brilo-blocks'), initialOpen: false, children: [_jsx("p", { children: __('Barva', 'brilo-blocks') }), _jsx(ColorPalette, { colors: paletteColors, value: color || undefined, onChange: (v) => setAttributes({ color: v !== null && v !== void 0 ? v : '' }) }), _jsx(ToggleControl, { label: __('Podtržení výchozí', 'brilo-blocks'), checked: underline_initial, onChange: (v) => setAttributes({ underline_initial: v }) }), _jsx(RangeControl, { label: __('Velikost textu (px)', 'brilo-blocks'), value: size, onChange: (v) => setAttributes({ size: v !== null && v !== void 0 ? v : 16 }), min: 8, max: 80, step: 1 })] })] }), _jsxs("div", { ...blockProps, children: [hasIcon && icon.position === 'before' && (_jsx("span", { className: "link-item__icon", style: iconPreviewStyle, children: _jsx(ItemIconPreview, { icon: icon, setAttributes: setIconBase, options: options }) })), _jsx(RichText, { tagName: "span", className: "link-item__title", value: title, onChange: (v) => setAttributes({ title: v }), placeholder: __('Text odkazu...', 'brilo-blocks'), allowedFormats: ['core/bold', 'core/italic'] }), hasIcon && icon.position === 'after' && (_jsx("span", { className: "link-item__icon", style: iconPreviewStyle, children: _jsx(ItemIconPreview, { icon: icon, setAttributes: setIconBase, options: options }) }))] })] }));
24
24
  };
25
25
  }
package/build/blocks/link/link-item/factory.js CHANGED
@@ -16,7 +16,7 @@ export function createLinkItemBlock(options) {
16
16
  url: { type: 'object', default: { src: '', blank: false } },
17
17
  icon: {
18
18
  type: 'object',
19
- default: { type: 'none', src: '', media: {}, position: 'after', size: 24 },
19
+ default: { type: 'none', src: '', media: {}, position: 'after', size: 24, color: '' },
20
20
  },
21
21
  color: { type: 'string', default: '' },
22
22
  size: { type: 'number', default: 16 },
package/build/blocks/link/link-item/types.d.ts CHANGED
@@ -7,6 +7,7 @@ export interface LinkItemIcon {
7
7
  media: Media;
8
8
  position: 'before' | 'after';
9
9
  size: number;
10
+ color: string;
10
11
  }
11
12
  export interface LinkItemAttributes extends Record<string, unknown> {
12
13
  title: string;
package/build/blocks/link/link-item/types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/link/link-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAClC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAA;AAEtD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,aAAa,GAAG,OAAO,GAAG,MAAM,CAAA;IACtC,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,KAAK,CAAA;IACZ,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,kBAAmB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAC,CAAA;IAClC,IAAI,EAAE,YAAY,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,iBAAiB,EAAE,OAAO,CAAA;CAC3B;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;CACjB"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/link/link-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAClC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAA;AAEtD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,aAAa,GAAG,OAAO,GAAG,MAAM,CAAA;IACtC,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,KAAK,CAAA;IACZ,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,kBAAmB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAC,CAAA;IAClC,IAAI,EAAE,YAAY,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,iBAAiB,EAAE,OAAO,CAAA;CAC3B;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;CACjB"}
package/build/blocks/signpost/signpost-group/constants.d.ts CHANGED
@@ -11,6 +11,13 @@ export declare const DEFAULT_SHADOWS: readonly [{
11
11
  readonly value: 'md';
12
12
  readonly label: import("@wordpress/i18n").TransformedText<"Střední">;
13
13
  }];
14
+ export declare const TEXT_ALIGNS: readonly [{
15
+ readonly value: 'left';
16
+ readonly label: import("@wordpress/i18n").TransformedText<"Vlevo">;
17
+ }, {
18
+ readonly value: 'center';
19
+ readonly label: import("@wordpress/i18n").TransformedText<"Na střed">;
20
+ }];
14
21
  export declare const PADDING_MARKS: readonly [{
15
22
  readonly value: 0;
16
23
  readonly label: '0';
package/build/blocks/signpost/signpost-group/constants.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/signpost/signpost-group/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,YAAI,CAAC,EAAE,CAAC,EAAE,CAAC,CAAU,CAAA;AACzC,eAAO,MAAM,MAAM,YAAI,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAU,CAAA;AAC1E,eAAO,MAAM,cAAc,YAAI,CAAC,EAAE,CAAC,EAAE,CAAC,CAAU,CAAA;AAEhD,eAAO,MAAM,eAAe;aACzB,KAAK,EAAE,MAAM;aAAE,KAAK;;aACpB,KAAK,EAAE,IAAI;aAAE,KAAK;;aAClB,KAAK,EAAE,IAAI;aAAE,KAAK;EACX,CAAA;AAEV,eAAO,MAAM,aAAa;aACvB,KAAK,EAAE,CAAC;aAAE,KAAK,EAAE,GAAG;;aACpB,KAAK,EAAE,GAAG;aAAE,KAAK,EAAE,KAAK;;aACxB,KAAK,EAAE,CAAC;aAAE,KAAK,EAAE,GAAG;;aACpB,KAAK,EAAE,GAAG;aAAE,KAAK,EAAE,KAAK;;aACxB,KAAK,EAAE,CAAC;aAAE,KAAK,EAAE,GAAG;EACb,CAAA"}
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/signpost/signpost-group/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,YAAI,CAAC,EAAE,CAAC,EAAE,CAAC,CAAU,CAAA;AACzC,eAAO,MAAM,MAAM,YAAI,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAU,CAAA;AAC1E,eAAO,MAAM,cAAc,YAAI,CAAC,EAAE,CAAC,EAAE,CAAC,CAAU,CAAA;AAEhD,eAAO,MAAM,eAAe;aACzB,KAAK,EAAE,MAAM;aAAE,KAAK;;aACpB,KAAK,EAAE,IAAI;aAAE,KAAK;;aAClB,KAAK,EAAE,IAAI;aAAE,KAAK;EACX,CAAA;AAEV,eAAO,MAAM,WAAW;aACrB,KAAK,EAAE,MAAM;aAAE,KAAK;;aACpB,KAAK,EAAE,QAAQ;aAAE,KAAK;EACf,CAAA;AAEV,eAAO,MAAM,aAAa;aACvB,KAAK,EAAE,CAAC;aAAE,KAAK,EAAE,GAAG;;aACpB,KAAK,EAAE,GAAG;aAAE,KAAK,EAAE,KAAK;;aACxB,KAAK,EAAE,CAAC;aAAE,KAAK,EAAE,GAAG;;aACpB,KAAK,EAAE,GAAG;aAAE,KAAK,EAAE,KAAK;;aACxB,KAAK,EAAE,CAAC;aAAE,KAAK,EAAE,GAAG;EACb,CAAA"}
package/build/blocks/signpost/signpost-group/constants.js CHANGED
@@ -7,6 +7,10 @@ export const DEFAULT_SHADOWS = [
7
7
  { value: 'sm', label: __('Malý', 'brilo-blocks') },
8
8
  { value: 'md', label: __('Střední', 'brilo-blocks') },
9
9
  ];
10
+ export const TEXT_ALIGNS = [
11
+ { value: 'left', label: __('Vlevo', 'brilo-blocks') },
12
+ { value: 'center', label: __('Na střed', 'brilo-blocks') },
13
+ ];
10
14
  export const PADDING_MARKS = [
11
15
  { value: 0, label: '0' },
12
16
  { value: 0.5, label: '0.5' },
package/build/blocks/signpost/signpost-group/edit.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/signpost/signpost-group/edit.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAC,uBAAuB,EAAE,oBAAoB,EAAiB,MAAM,SAAS,CAAA;AAE1F,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,oBAAoB,oCAMhE;IACD,UAAU,EAAE,uBAAuB,CAAA;IACnC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAA;CAC7D,iCA4GF"}
1
+ {"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/signpost/signpost-group/edit.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAC,uBAAuB,EAAE,oBAAoB,EAAoC,MAAM,SAAS,CAAA;AAE7G,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,oBAAoB,oCAMhE;IACD,UAAU,EAAE,uBAAuB,CAAA;IACnC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAA;CAC7D,iCAsHF"}
package/build/blocks/signpost/signpost-group/edit.js CHANGED
@@ -5,7 +5,7 @@ import { __ } from '@wordpress/i18n';
5
5
  import clsx from 'clsx';
6
6
  import { useGroupBlock } from '../../../hooks/useGroupBlock';
7
7
  import { useTenantColorPalette } from '../../../hooks/useTenantColorPalette';
8
- import { COLUMNS, DEFAULT_SHADOWS, HEADING_LEVELS, PADDING_MARKS, RATIOS } from './constants';
8
+ import { COLUMNS, DEFAULT_SHADOWS, HEADING_LEVELS, PADDING_MARKS, RATIOS, TEXT_ALIGNS } from './constants';
9
9
  export function createSignpostGroupEdit(options) {
10
10
  var _a;
11
11
  const exclude = (_a = options.exclude) !== null && _a !== void 0 ? _a : [];
@@ -22,6 +22,6 @@ export function createSignpostGroupEdit(options) {
22
22
  template: options.template,
23
23
  layout: { type: 'default' },
24
24
  });
25
- return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsxs(PanelBody, { title: __('Rozložení', 'brilo-blocks'), children: [_jsx(ToggleGroupControl, { isBlock: true, label: __('Počet sloupců', 'brilo-blocks'), value: String(columns), onChange: (v) => setAttributes({ columns: Number(v) }), children: COLUMNS.map((c) => (_jsx(ToggleGroupControlOption, { value: String(c), label: String(c) }, c))) }), _jsx(ToggleGroupControl, { isBlock: true, label: __('Poměr stran', 'brilo-blocks'), value: ratio, onChange: (v) => setAttributes({ ratio: v }), children: RATIOS.map((r) => (_jsx(ToggleGroupControlOption, { value: r, label: r }, r))) }), _jsx(ToggleGroupControl, { isBlock: true, label: __('Úroveň nadpisu položek', 'brilo-blocks'), value: String(headingLevel), onChange: (v) => setAttributes({ headingLevel: Number(v) }), children: HEADING_LEVELS.map((l) => (_jsx(ToggleGroupControlOption, { value: String(l), label: `H${l}` }, l))) })] }), !exclude.includes('colors') && style && (_jsxs(PanelBody, { title: __('Styl', 'brilo-blocks'), children: [_jsx(ToggleGroupControl, { isBlock: true, label: __('Stín', 'brilo-blocks'), value: style.shadow, onChange: (v) => setAttributes({ style: { ...style, shadow: v } }), children: DEFAULT_SHADOWS.map((s) => (_jsx(ToggleGroupControlOption, { value: s.value, label: s.label }, s.value))) }), _jsx(BaseControl, { label: __('Barva okraje', 'brilo-blocks'), help: __('Bez vybrané barvy se okraj nevykreslí.', 'brilo-blocks'), id: "signpost-group-border-color", children: _jsx(ColorPalette, { colors: paletteColors, value: style.borderColor || undefined, onChange: (value) => setAttributes({ style: { ...style, borderColor: value !== null && value !== void 0 ? value : '' } }) }) }), _jsx(BaseControl, { label: __('Barva pozadí', 'brilo-blocks'), id: "signpost-group-background-color", children: _jsx(ColorPalette, { colors: paletteColors, value: style.backgroundColor || undefined, onChange: (value) => setAttributes({ style: { ...style, backgroundColor: value !== null && value !== void 0 ? value : '' } }) }) }), _jsx(BaseControl, { label: __('Barva textu', 'brilo-blocks'), id: "signpost-group-text-color", children: _jsx(ColorPalette, { colors: paletteColors, value: style.textColor || undefined, onChange: (value) => setAttributes({ style: { ...style, textColor: value !== null && value !== void 0 ? value : '' } }) }) })] })), !exclude.includes('padding') && padding && (_jsx(PanelBody, { title: __('Padding', 'brilo-blocks'), children: _jsx(RangeControl, { label: __('Vnitřní odsazení (rem)', 'brilo-blocks'), value: padding.value, onChange: (v) => setAttributes({ padding: { value: v !== null && v !== void 0 ? v : 0 } }), min: 0, max: 2, step: 0.5, marks: [...PADDING_MARKS] }) }))] }), _jsx("div", { ...blockProps, children: _jsx("div", { ...innerBlocksProps }) })] }));
25
+ return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsxs(PanelBody, { title: __('Rozložení', 'brilo-blocks'), children: [_jsx(ToggleGroupControl, { isBlock: true, label: __('Počet sloupců', 'brilo-blocks'), value: String(columns), onChange: (v) => setAttributes({ columns: Number(v) }), children: COLUMNS.map((c) => (_jsx(ToggleGroupControlOption, { value: String(c), label: String(c) }, c))) }), _jsx(ToggleGroupControl, { isBlock: true, label: __('Poměr stran', 'brilo-blocks'), value: ratio, onChange: (v) => setAttributes({ ratio: v }), children: RATIOS.map((r) => (_jsx(ToggleGroupControlOption, { value: r, label: r }, r))) }), _jsx(ToggleGroupControl, { isBlock: true, label: __('Úroveň nadpisu položek', 'brilo-blocks'), value: String(headingLevel), onChange: (v) => setAttributes({ headingLevel: Number(v) }), children: HEADING_LEVELS.map((l) => (_jsx(ToggleGroupControlOption, { value: String(l), label: `H${l}` }, l))) })] }), !exclude.includes('colors') && style && (_jsxs(PanelBody, { title: __('Styl', 'brilo-blocks'), children: [_jsx(ToggleGroupControl, { isBlock: true, label: __('Stín', 'brilo-blocks'), value: style.shadow, onChange: (v) => setAttributes({ style: { ...style, shadow: v } }), children: DEFAULT_SHADOWS.map((s) => (_jsx(ToggleGroupControlOption, { value: s.value, label: s.label }, s.value))) }), _jsx(BaseControl, { label: __('Barva okraje', 'brilo-blocks'), help: __('Bez vybrané barvy se okraj nevykreslí.', 'brilo-blocks'), id: "signpost-group-border-color", children: _jsx(ColorPalette, { colors: paletteColors, value: style.borderColor || undefined, onChange: (value) => setAttributes({ style: { ...style, borderColor: value !== null && value !== void 0 ? value : '' } }) }) }), _jsx(BaseControl, { label: __('Barva pozadí', 'brilo-blocks'), id: "signpost-group-background-color", children: _jsx(ColorPalette, { colors: paletteColors, value: style.backgroundColor || undefined, onChange: (value) => setAttributes({ style: { ...style, backgroundColor: value !== null && value !== void 0 ? value : '' } }) }) }), _jsx(BaseControl, { label: __('Barva textu', 'brilo-blocks'), id: "signpost-group-text-color", children: _jsx(ColorPalette, { colors: paletteColors, value: style.textColor || undefined, onChange: (value) => setAttributes({ style: { ...style, textColor: value !== null && value !== void 0 ? value : '' } }) }) }), _jsx(ToggleGroupControl, { isBlock: true, label: __('Zarovnání textu', 'brilo-blocks'), value: style.textAlign, onChange: (v) => setAttributes({ style: { ...style, textAlign: v } }), children: TEXT_ALIGNS.map((a) => (_jsx(ToggleGroupControlOption, { value: a.value, label: a.label }, a.value))) })] })), !exclude.includes('padding') && padding && (_jsx(PanelBody, { title: __('Padding', 'brilo-blocks'), children: _jsx(RangeControl, { label: __('Vnitřní odsazení (rem)', 'brilo-blocks'), value: padding.value, onChange: (v) => setAttributes({ padding: { value: v !== null && v !== void 0 ? v : 0 } }), min: 0, max: 2, step: 0.5, marks: [...PADDING_MARKS] }) }))] }), _jsx("div", { ...blockProps, children: _jsx("div", { ...innerBlocksProps }) })] }));
26
26
  };
27
27
  }
package/build/blocks/signpost/signpost-group/factory.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { InnerBlocks } from '@wordpress/block-editor';
3
3
  import { __ } from '@wordpress/i18n';
4
- import { COLUMNS, DEFAULT_SHADOWS, HEADING_LEVELS, RATIOS } from './constants';
4
+ import { COLUMNS, DEFAULT_SHADOWS, HEADING_LEVELS, RATIOS, TEXT_ALIGNS } from './constants';
5
5
  import { createSignpostGroupEdit } from './edit';
6
6
  import { icon as defaultIcon } from './icon';
7
7
  export function createSignpostGroupBlock(options) {
@@ -27,7 +27,7 @@ export function createSignpostGroupBlock(options) {
27
27
  if (!exclude.includes('colors')) {
28
28
  attributes.style = {
29
29
  type: 'object',
30
- default: { shadow: DEFAULT_SHADOWS[0].value, borderColor: '', backgroundColor: '', textColor: '' },
30
+ default: { shadow: DEFAULT_SHADOWS[0].value, borderColor: '', backgroundColor: '', textColor: '', textAlign: TEXT_ALIGNS[0].value },
31
31
  };
32
32
  }
33
33
  if (!exclude.includes('padding')) {
package/build/blocks/signpost/signpost-group/types.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import type { BriloBlockType } from '../../../types';
2
- import type { DEFAULT_SHADOWS } from './constants';
2
+ import type { DEFAULT_SHADOWS, TEXT_ALIGNS } from './constants';
3
3
  export type SignpostShadow = (typeof DEFAULT_SHADOWS)[number]['value'];
4
+ export type SignpostTextAlign = (typeof TEXT_ALIGNS)[number]['value'];
4
5
  export type ExcludableSignpostAttr = 'colors' | 'padding';
5
6
  export interface SignpostGroupAttributes extends Record<string, unknown> {
6
7
  columns: number;
@@ -11,6 +12,7 @@ export interface SignpostGroupAttributes extends Record<string, unknown> {
11
12
  borderColor: string;
12
13
  backgroundColor: string;
13
14
  textColor: string;
15
+ textAlign: SignpostTextAlign;
14
16
  };
15
17
  padding: {
16
18
  value: number;
package/build/blocks/signpost/signpost-group/types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/signpost/signpost-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,aAAa,CAAA;AAEhD,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAEtE,MAAM,MAAM,sBAAsB,GAAG,QAAQ,GAAG,SAAS,CAAA;AAEzD,MAAM,WAAW,uBAAwB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACtE,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE;QACL,MAAM,EAAE,cAAc,CAAA;QACtB,WAAW,EAAE,MAAM,CAAA;QACnB,eAAe,EAAE,MAAM,CAAA;QACvB,SAAS,EAAE,MAAM,CAAA;KAClB,CAAA;IACD,OAAO,EAAE;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,CAAA;CACzB;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,OAAO,CAAC,EAAE,sBAAsB,EAAE,CAAA;CACnC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/signpost/signpost-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAC,eAAe,EAAE,WAAW,EAAC,MAAM,aAAa,CAAA;AAE7D,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAEtE,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAErE,MAAM,MAAM,sBAAsB,GAAG,QAAQ,GAAG,SAAS,CAAA;AAEzD,MAAM,WAAW,uBAAwB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACtE,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE;QACL,MAAM,EAAE,cAAc,CAAA;QACtB,WAAW,EAAE,MAAM,CAAA;QACnB,eAAe,EAAE,MAAM,CAAA;QACvB,SAAS,EAAE,MAAM,CAAA;QACjB,SAAS,EAAE,iBAAiB,CAAA;KAC7B,CAAA;IACD,OAAO,EAAE;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,CAAA;CACzB;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,OAAO,CAAC,EAAE,sBAAsB,EAAE,CAAA;CACnC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@brilo/base-blocks",
3
- "version": "0.1.24",
3
+ "version": "0.1.26",
4
4
  "author": "Brilo",
5
5
  "main": "./build/index.js",
6
6
  "types": "./build/index.d.ts",
package/src/blocks/link/link-item/edit.tsx CHANGED
@@ -75,6 +75,12 @@ export function createLinkItemEdit(options: LinkItemOptions) {
75
75
  max={80}
76
76
  step={1}
77
77
  />
78
+ <p>{__('Barva ikony', 'brilo-blocks')}</p>
79
+ <ColorPalette
80
+ colors={paletteColors}
81
+ value={icon.color || undefined}
82
+ onChange={(v) => setAttributes({icon: {...icon, color: v ?? ''}})}
83
+ />
78
84
  </>
79
85
  )}
80
86
  </PanelBody>
package/src/blocks/link/link-item/factory.tsx CHANGED
@@ -18,7 +18,7 @@ export function createLinkItemBlock(options: LinkItemOptions): BlockConfiguratio
18
18
  url: {type: 'object', default: {src: '', blank: false}},
19
19
  icon: {
20
20
  type: 'object',
21
- default: {type: 'none', src: '', media: {}, position: 'after', size: 24},
21
+ default: {type: 'none', src: '', media: {}, position: 'after', size: 24, color: ''},
22
22
  },
23
23
  color: {type: 'string', default: ''},
24
24
  size: {type: 'number', default: 16},
package/src/blocks/link/link-item/types.ts CHANGED
@@ -8,6 +8,7 @@ export interface LinkItemIcon {
8
8
  media: Media
9
9
  position: 'before' | 'after'
10
10
  size: number
11
+ color: string
11
12
  }
12
13
 
13
14
  export interface LinkItemAttributes extends Record<string, unknown> {
package/src/blocks/signpost/signpost-group/constants.ts CHANGED
@@ -10,6 +10,11 @@ export const DEFAULT_SHADOWS = [
10
10
  {value: 'md', label: __('Střední', 'brilo-blocks')},
11
11
  ] as const
12
12
 
13
+ export const TEXT_ALIGNS = [
14
+ {value: 'left', label: __('Vlevo', 'brilo-blocks')},
15
+ {value: 'center', label: __('Na střed', 'brilo-blocks')},
16
+ ] as const
17
+
13
18
  export const PADDING_MARKS = [
14
19
  {value: 0, label: '0'},
15
20
  {value: 0.5, label: '0.5'},
package/src/blocks/signpost/signpost-group/edit.tsx CHANGED
@@ -11,8 +11,8 @@ import {__} from '@wordpress/i18n'
11
11
  import clsx from 'clsx'
12
12
  import {useGroupBlock} from '~/hooks/useGroupBlock'
13
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'
14
+ import {COLUMNS, DEFAULT_SHADOWS, HEADING_LEVELS, PADDING_MARKS, RATIOS, TEXT_ALIGNS} from './constants'
15
+ import type {SignpostGroupAttributes, SignpostGroupOptions, SignpostShadow, SignpostTextAlign} from './types'
16
16
 
17
17
  export function createSignpostGroupEdit(options: SignpostGroupOptions) {
18
18
  const exclude = options.exclude ?? []
@@ -109,6 +109,16 @@ export function createSignpostGroupEdit(options: SignpostGroupOptions) {
109
109
  onChange={(value) => setAttributes({style: {...style, textColor: value ?? ''}})}
110
110
  />
111
111
  </BaseControl>
112
+ <ToggleGroupControl
113
+ isBlock
114
+ label={__('Zarovnání textu', 'brilo-blocks')}
115
+ value={style.textAlign}
116
+ onChange={(v) => setAttributes({style: {...style, textAlign: v as SignpostTextAlign}})}
117
+ >
118
+ {TEXT_ALIGNS.map((a) => (
119
+ <ToggleGroupControlOption key={a.value} value={a.value} label={a.label} />
120
+ ))}
121
+ </ToggleGroupControl>
112
122
  </PanelBody>
113
123
  )}
114
124
  {!exclude.includes('padding') && padding && (
package/src/blocks/signpost/signpost-group/factory.tsx CHANGED
@@ -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, DEFAULT_SHADOWS, HEADING_LEVELS, RATIOS} from './constants'
4
+ import {COLUMNS, DEFAULT_SHADOWS, HEADING_LEVELS, RATIOS, TEXT_ALIGNS} from './constants'
5
5
  import {createSignpostGroupEdit} from './edit'
6
6
  import {icon as defaultIcon} from './icon'
7
7
  import type {SignpostGroupAttributes, SignpostGroupOptions} from './types'
@@ -32,7 +32,7 @@ export function createSignpostGroupBlock(options: SignpostGroupOptions): BlockCo
32
32
  if (!exclude.includes('colors')) {
33
33
  attributes.style = {
34
34
  type: 'object',
35
- default: {shadow: DEFAULT_SHADOWS[0].value, borderColor: '', backgroundColor: '', textColor: ''},
35
+ default: {shadow: DEFAULT_SHADOWS[0].value, borderColor: '', backgroundColor: '', textColor: '', textAlign: TEXT_ALIGNS[0].value},
36
36
  }
37
37
  }
38
38
 
package/src/blocks/signpost/signpost-group/types.ts CHANGED
@@ -1,8 +1,10 @@
1
1
  import type {BriloBlockType} from '~/types'
2
- import type {DEFAULT_SHADOWS} from './constants'
2
+ import type {DEFAULT_SHADOWS, TEXT_ALIGNS} from './constants'
3
3
 
4
4
  export type SignpostShadow = (typeof DEFAULT_SHADOWS)[number]['value']
5
5
 
6
+ export type SignpostTextAlign = (typeof TEXT_ALIGNS)[number]['value']
7
+
6
8
  export type ExcludableSignpostAttr = 'colors' | 'padding'
7
9
 
8
10
  export interface SignpostGroupAttributes extends Record<string, unknown> {
@@ -14,6 +16,7 @@ export interface SignpostGroupAttributes extends Record<string, unknown> {
14
16
  borderColor: string
15
17
  backgroundColor: string
16
18
  textColor: string
19
+ textAlign: SignpostTextAlign
17
20
  }
18
21
  padding: {value: number}
19
22
  }