@brilo/base-blocks 0.1.14 → 0.1.16

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 (205) hide show
  1. package/build/.tsbuildinfo +1 -0
  2. package/build/blocks/column/column-group/edit.d.ts.map +1 -1
  3. package/build/blocks/column/column-group/edit.js +1 -1
  4. package/build/blocks/column/column-item/edit.d.ts.map +1 -1
  5. package/build/blocks/column/column-item/edit.js +1 -1
  6. package/build/blocks/column/column-item/factory.js +1 -1
  7. package/build/blocks/compare/compare-group/constants.d.ts.map +1 -1
  8. package/build/blocks/compare/compare-group/edit.d.ts.map +1 -1
  9. package/build/blocks/compare/compare-group/edit.js +1 -1
  10. package/build/blocks/compare/compare-item/edit.d.ts.map +1 -1
  11. package/build/blocks/compare/compare-option/constants.d.ts +3 -3
  12. package/build/blocks/compare/compare-option/constants.d.ts.map +1 -1
  13. package/build/blocks/compare/compare-option/edit.d.ts.map +1 -1
  14. package/build/blocks/compare/compare-option/edit.js +1 -1
  15. package/build/blocks/contact/contact-group/constants.d.ts +17 -0
  16. package/build/blocks/contact/contact-group/constants.d.ts.map +1 -1
  17. package/build/blocks/contact/contact-group/constants.js +10 -0
  18. package/build/blocks/contact/contact-group/edit.d.ts.map +1 -1
  19. package/build/blocks/contact/contact-group/edit.js +7 -5
  20. package/build/blocks/contact/contact-group/factory.d.ts.map +1 -1
  21. package/build/blocks/contact/contact-group/factory.js +5 -1
  22. package/build/blocks/contact/contact-group/types.d.ts +10 -1
  23. package/build/blocks/contact/contact-group/types.d.ts.map +1 -1
  24. package/build/blocks/contact/contact-item/constants.d.ts +6 -6
  25. package/build/blocks/contact/contact-item/constants.d.ts.map +1 -1
  26. package/build/blocks/contact/contact-item/edit.d.ts.map +1 -1
  27. package/build/blocks/contact/contact-item/edit.js +1 -1
  28. package/build/blocks/contact/contact-item/index.d.ts.map +1 -1
  29. package/build/blocks/contact/contact-item/index.js +1 -0
  30. package/build/blocks/core/basic-button/constants.d.ts +7 -7
  31. package/build/blocks/core/basic-button/constants.d.ts.map +1 -1
  32. package/build/blocks/core/basic-button/edit.d.ts.map +1 -1
  33. package/build/blocks/core/basic-button/edit.js +3 -2
  34. package/build/blocks/core/basic-heading/edit.d.ts.map +1 -1
  35. package/build/blocks/core/basic-heading/edit.js +1 -1
  36. package/build/blocks/core/basic-overline/edit.d.ts.map +1 -1
  37. package/build/blocks/faq/faq-group/constants.d.ts +6 -6
  38. package/build/blocks/faq/faq-group/constants.d.ts.map +1 -1
  39. package/build/blocks/faq/faq-group/edit.d.ts.map +1 -1
  40. package/build/blocks/faq/faq-group/edit.js +1 -1
  41. package/build/blocks/faq/faq-group/factory.js +7 -6
  42. package/build/blocks/faq/faq-item/edit.d.ts.map +1 -1
  43. package/build/blocks/faq/faq-item/edit.js +1 -1
  44. package/build/blocks/form/form-field/constants.d.ts +2 -2
  45. package/build/blocks/form/form-field/constants.d.ts.map +1 -1
  46. package/build/blocks/form/form-field/edit.d.ts.map +1 -1
  47. package/build/blocks/form/form-field/edit.js +1 -1
  48. package/build/blocks/form/form-group/constants.d.ts +8 -8
  49. package/build/blocks/form/form-group/constants.d.ts.map +1 -1
  50. package/build/blocks/form/form-group/edit.d.ts.map +1 -1
  51. package/build/blocks/form/form-group/edit.js +10 -9
  52. package/build/blocks/gallery/gallery-group/constants.d.ts +12 -12
  53. package/build/blocks/gallery/gallery-group/constants.d.ts.map +1 -1
  54. package/build/blocks/gallery/gallery-group/edit.d.ts.map +1 -1
  55. package/build/blocks/gallery/gallery-group/edit.js +1 -1
  56. package/build/blocks/gallery/gallery-item/edit.d.ts.map +1 -1
  57. package/build/blocks/gallery/gallery-item/edit.js +1 -1
  58. package/build/blocks/groups/banner-group/constants.d.ts +2 -2
  59. package/build/blocks/groups/banner-group/constants.d.ts.map +1 -1
  60. package/build/blocks/groups/banner-group/edit.d.ts.map +1 -1
  61. package/build/blocks/groups/banner-group/edit.js +1 -1
  62. package/build/blocks/groups/banner-group/icon.d.ts.map +1 -1
  63. package/build/blocks/groups/basic-header-group/constants.d.ts +3 -3
  64. package/build/blocks/groups/basic-header-group/constants.d.ts.map +1 -1
  65. package/build/blocks/groups/basic-header-group/edit.d.ts.map +1 -1
  66. package/build/blocks/groups/basic-header-group/edit.js +1 -1
  67. package/build/blocks/groups/basic-header-group/factory.js +10 -9
  68. package/build/blocks/groups/button-group/constants.d.ts +6 -6
  69. package/build/blocks/groups/button-group/constants.d.ts.map +1 -1
  70. package/build/blocks/groups/button-group/edit.d.ts.map +1 -1
  71. package/build/blocks/groups/button-group/edit.js +1 -1
  72. package/build/blocks/groups/button-group/factory.js +7 -6
  73. package/build/blocks/groups/content-group/constants.d.ts +1 -1
  74. package/build/blocks/groups/content-group/constants.d.ts.map +1 -1
  75. package/build/blocks/groups/content-group/edit.d.ts.map +1 -1
  76. package/build/blocks/groups/content-group/edit.js +1 -1
  77. package/build/blocks/groups/text-and-media-group/constants.d.ts +33 -33
  78. package/build/blocks/groups/text-and-media-group/constants.d.ts.map +1 -1
  79. package/build/blocks/groups/text-and-media-group/edit.d.ts.map +1 -1
  80. package/build/blocks/groups/text-and-media-group/edit.js +1 -1
  81. package/build/blocks/groups/text-and-media-group/factory.js +15 -14
  82. package/build/blocks/hero/hero-group/constants.d.ts +4 -4
  83. package/build/blocks/hero/hero-group/constants.d.ts.map +1 -1
  84. package/build/blocks/hero/hero-group/edit.d.ts.map +1 -1
  85. package/build/blocks/hero/hero-group/edit.js +6 -5
  86. package/build/blocks/hero/hero-group/icon.d.ts.map +1 -1
  87. package/build/blocks/hero/hero-item/constants.d.ts +9 -9
  88. package/build/blocks/hero/hero-item/constants.d.ts.map +1 -1
  89. package/build/blocks/hero/hero-item/edit.d.ts.map +1 -1
  90. package/build/blocks/hero/hero-item/edit.js +6 -5
  91. package/build/blocks/link/link-item/constants.d.ts +3 -3
  92. package/build/blocks/link/link-item/constants.d.ts.map +1 -1
  93. package/build/blocks/link/link-item/edit.d.ts.map +1 -1
  94. package/build/blocks/link/link-item/edit.js +1 -1
  95. package/build/blocks/map/map-group/constants.d.ts +4 -4
  96. package/build/blocks/map/map-group/constants.d.ts.map +1 -1
  97. package/build/blocks/map/map-group/edit.d.ts.map +1 -1
  98. package/build/blocks/map/map-group/edit.js +1 -1
  99. package/build/blocks/newsletter/newsletter-form/constants.d.ts.map +1 -1
  100. package/build/blocks/newsletter/newsletter-form/edit.d.ts.map +1 -1
  101. package/build/blocks/newsletter/newsletter-form/edit.js +1 -1
  102. package/build/blocks/person/person-group/constants.d.ts.map +1 -1
  103. package/build/blocks/person/person-group/edit.d.ts.map +1 -1
  104. package/build/blocks/person/person-group/edit.js +1 -1
  105. package/build/blocks/person/person-group/icon.d.ts.map +1 -1
  106. package/build/blocks/person/person-item/edit.d.ts.map +1 -1
  107. package/build/blocks/person/person-item/edit.js +1 -1
  108. package/build/blocks/post/post-slider-group/edit.d.ts.map +1 -1
  109. package/build/blocks/post/post-slider-group/edit.js +1 -1
  110. package/build/blocks/responsive-grid/responsive-grid-group/edit.d.ts.map +1 -1
  111. package/build/blocks/responsive-grid/responsive-grid-group/edit.js +1 -1
  112. package/build/blocks/responsive-grid/responsive-grid-item/edit.d.ts.map +1 -1
  113. package/build/blocks/sections/base-section/attributes.d.ts +9 -9
  114. package/build/blocks/sections/base-section/attributes.d.ts.map +1 -1
  115. package/build/blocks/sections/base-section/constants.d.ts +5 -5
  116. package/build/blocks/sections/base-section/constants.d.ts.map +1 -1
  117. package/build/blocks/sections/base-section/controls.js +1 -1
  118. package/build/blocks/sections/base-section/edit.d.ts.map +1 -1
  119. package/build/blocks/sections/base-section/edit.js +1 -1
  120. package/build/blocks/signpost/signpost-group/constants.d.ts +27 -1
  121. package/build/blocks/signpost/signpost-group/constants.d.ts.map +1 -1
  122. package/build/blocks/signpost/signpost-group/constants.js +13 -0
  123. package/build/blocks/signpost/signpost-group/edit.d.ts.map +1 -1
  124. package/build/blocks/signpost/signpost-group/edit.js +9 -5
  125. package/build/blocks/signpost/signpost-group/factory.d.ts.map +1 -1
  126. package/build/blocks/signpost/signpost-group/factory.js +36 -22
  127. package/build/blocks/signpost/signpost-group/index.d.ts +1 -1
  128. package/build/blocks/signpost/signpost-group/index.d.ts.map +1 -1
  129. package/build/blocks/signpost/signpost-group/types.d.ts +14 -1
  130. package/build/blocks/signpost/signpost-group/types.d.ts.map +1 -1
  131. package/build/blocks/signpost/signpost-item/constants.d.ts +2 -1
  132. package/build/blocks/signpost/signpost-item/constants.d.ts.map +1 -1
  133. package/build/blocks/signpost/signpost-item/constants.js +2 -1
  134. package/build/blocks/signpost/signpost-item/edit.d.ts.map +1 -1
  135. package/build/blocks/signpost/signpost-item/edit.js +16 -8
  136. package/build/blocks/signpost/signpost-item/factory.d.ts.map +1 -1
  137. package/build/blocks/signpost/signpost-item/factory.js +2 -1
  138. package/build/blocks/signpost/signpost-item/types.d.ts +9 -2
  139. package/build/blocks/signpost/signpost-item/types.d.ts.map +1 -1
  140. package/build/blocks/step/step-group/constants.d.ts +2 -2
  141. package/build/blocks/step/step-group/constants.d.ts.map +1 -1
  142. package/build/blocks/step/step-group/edit.d.ts.map +1 -1
  143. package/build/blocks/step/step-group/edit.js +1 -1
  144. package/build/blocks/step/step-item/constants.d.ts +2 -2
  145. package/build/blocks/step/step-item/constants.d.ts.map +1 -1
  146. package/build/blocks/step/step-item/edit.d.ts.map +1 -1
  147. package/build/blocks/step/step-item/edit.js +1 -1
  148. package/build/blocks/testimonial/testimonial-group/constants.d.ts +5 -5
  149. package/build/blocks/testimonial/testimonial-group/constants.d.ts.map +1 -1
  150. package/build/blocks/testimonial/testimonial-group/edit.d.ts.map +1 -1
  151. package/build/blocks/testimonial/testimonial-group/edit.js +1 -1
  152. package/build/blocks/testimonial/testimonial-item/edit.d.ts.map +1 -1
  153. package/build/blocks/testimonial/testimonial-item/edit.js +1 -1
  154. package/build/blocks/text-and-form/text-and-form-group/constants.d.ts +2 -2
  155. package/build/blocks/text-and-form/text-and-form-group/constants.d.ts.map +1 -1
  156. package/build/blocks/text-and-form/text-and-form-group/edit.d.ts.map +1 -1
  157. package/build/blocks/text-and-form/text-and-form-group/edit.js +3 -2
  158. package/build/blocks/text-and-form/text-and-form-text-column/constants.d.ts +4 -4
  159. package/build/blocks/text-and-form/text-and-form-text-column/constants.d.ts.map +1 -1
  160. package/build/blocks/text-and-form/text-and-form-text-column/edit.d.ts.map +1 -1
  161. package/build/blocks/text-and-form/text-and-form-text-column/edit.js +1 -1
  162. package/build/blocks/text-and-form/text-and-form-text-column/factory.js +9 -8
  163. package/build/blocks/usp/usp-group/constants.d.ts +31 -31
  164. package/build/blocks/usp/usp-group/constants.d.ts.map +1 -1
  165. package/build/blocks/usp/usp-group/edit.d.ts.map +1 -1
  166. package/build/blocks/usp/usp-group/edit.js +5 -3
  167. package/build/blocks/usp/usp-group/factory.d.ts.map +1 -1
  168. package/build/blocks/usp/usp-group/factory.js +21 -17
  169. package/build/blocks/usp/usp-group/types.d.ts +3 -0
  170. package/build/blocks/usp/usp-group/types.d.ts.map +1 -1
  171. package/build/blocks/usp/usp-item/constants.d.ts +3 -3
  172. package/build/blocks/usp/usp-item/constants.d.ts.map +1 -1
  173. package/build/blocks/usp/usp-item/edit.d.ts.map +1 -1
  174. package/build/blocks/usp/usp-item/edit.js +1 -1
  175. package/build/components/ItemIconControl/ItemIconControl.js +3 -2
  176. package/build/components/ItemIconControl/ItemIconPreview.js +6 -3
  177. package/build/constants.d.ts +12 -12
  178. package/build/constants.d.ts.map +1 -1
  179. package/build/hooks/useTenantColorPalette.d.ts +1 -1
  180. package/build/hooks/useTenantColorPalette.d.ts.map +1 -1
  181. package/package.json +15 -15
  182. package/src/blocks/column/column-item/factory.tsx +1 -1
  183. package/src/blocks/contact/contact-group/constants.ts +13 -0
  184. package/src/blocks/contact/contact-group/edit.tsx +54 -3
  185. package/src/blocks/contact/contact-group/factory.tsx +5 -1
  186. package/src/blocks/contact/contact-group/types.ts +12 -1
  187. package/src/blocks/contact/contact-item/index.ts +1 -0
  188. package/src/blocks/core/basic-button/edit.tsx +4 -4
  189. package/src/blocks/groups/banner-group/icon.tsx +1 -1
  190. package/src/blocks/hero/hero-group/icon.tsx +1 -1
  191. package/src/blocks/person/person-group/icon.tsx +1 -1
  192. package/src/blocks/signpost/signpost-group/constants.ts +16 -0
  193. package/src/blocks/signpost/signpost-group/edit.tsx +62 -3
  194. package/src/blocks/signpost/signpost-group/factory.tsx +36 -18
  195. package/src/blocks/signpost/signpost-group/index.ts +1 -1
  196. package/src/blocks/signpost/signpost-group/types.ts +16 -2
  197. package/src/blocks/signpost/signpost-item/constants.ts +2 -4
  198. package/src/blocks/signpost/signpost-item/edit.tsx +57 -4
  199. package/src/blocks/signpost/signpost-item/factory.tsx +2 -1
  200. package/src/blocks/signpost/signpost-item/types.ts +13 -3
  201. package/src/blocks/usp/usp-group/edit.tsx +40 -17
  202. package/src/blocks/usp/usp-group/factory.tsx +3 -0
  203. package/src/blocks/usp/usp-group/types.ts +3 -0
  204. package/src/components/ItemIconControl/ItemIconControl.tsx +1 -1
  205. package/src/components/ItemIconControl/ItemIconPreview.tsx +2 -2
@@ -1,9 +1,22 @@
1
- import { BriloBlockType } from '../../../types';
1
+ import type { BriloBlockType } from '../../../types';
2
+ import type { DEFAULT_SHADOWS } from './constants';
3
+ export type SignpostShadow = (typeof DEFAULT_SHADOWS)[number]['value'];
4
+ export type ExcludableSignpostAttr = 'colors' | 'padding';
2
5
  export interface SignpostGroupAttributes extends Record<string, unknown> {
3
6
  columns: number;
4
7
  headingLevel: number;
5
8
  ratio: string;
9
+ style: {
10
+ shadow: SignpostShadow;
11
+ borderColor: string;
12
+ backgroundColor: string;
13
+ textColor: string;
14
+ };
15
+ padding: {
16
+ value: number;
17
+ };
6
18
  }
7
19
  export interface SignpostGroupOptions extends BriloBlockType {
20
+ exclude?: ExcludableSignpostAttr[];
8
21
  }
9
22
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/signpost/signpost-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAEtC,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;CACd;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc;CAAG"}
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,2 +1,3 @@
1
- export {};
1
+ export declare const BUTTON_TYPES: readonly ['button', 'link'];
2
+ export declare const BUTTON_VARIANTS: readonly ['primary', 'secondary'];
2
3
  //# sourceMappingURL=constants.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/signpost/signpost-item/constants.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,CAAA"}
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/signpost/signpost-item/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,YAAI,QAAQ,EAAE,MAAM,CAAU,CAAA;AACvD,eAAO,MAAM,eAAe,YAAI,SAAS,EAAE,WAAW,CAAU,CAAA"}
@@ -1 +1,2 @@
1
- export {};
1
+ export const BUTTON_TYPES = ['button', 'link'];
2
+ export const BUTTON_VARIANTS = ['primary', 'secondary'];
@@ -1 +1 @@
1
- {"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/signpost/signpost-item/edit.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,sBAAsB,EAAE,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAIxE,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,mBAAmB,IAC5C,gCAGlB;IACD,UAAU,EAAE,sBAAsB,CAAA;IAClC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,KAAK,IAAI,CAAA;CAC5D,iCA0EF"}
1
+ {"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/signpost/signpost-item/edit.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAC,sBAAsB,EAAE,mBAAmB,EAA4B,MAAM,SAAS,CAAA;AAMnG,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,mBAAmB,oCAI9D;IACD,UAAU,EAAE,sBAAsB,CAAA;IAClC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,KAAK,IAAI,CAAA;CAC5D,iCAsHF"}
@@ -1,22 +1,30 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import { InspectorControls, RichText } from '@wordpress/block-editor';
3
- import { Button, PanelBody, TextControl, ToggleControl } from '@wordpress/components';
1
+ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { ColorPalette, InspectorControls, RichText } from '@wordpress/block-editor';
3
+ import { Button, PanelBody, TextControl, ToggleControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, } from '@wordpress/components';
4
4
  import { __ } from '@wordpress/i18n';
5
5
  import { ImagePickerControl } from '../../../components/ImagePicker';
6
+ import { BUTTON_TYPES, BUTTON_VARIANTS } from './constants';
6
7
  import { useGroupBlock } from '../../../hooks/useGroupBlock';
8
+ import { useTenantColorPalette } from '../../../hooks/useTenantColorPalette';
7
9
  import clsx from 'clsx';
8
10
  export function createSignpostItemEdit(options) {
9
11
  return function Edit({ attributes, setAttributes, }) {
10
- var _a, _b;
11
- const { title, img, button, url } = attributes;
12
+ var _a, _b, _c, _d;
13
+ const { title, img, url } = attributes;
14
+ const button = {
15
+ ...attributes.button,
16
+ type: (_a = attributes.button.type) !== null && _a !== void 0 ? _a : BUTTON_TYPES[0],
17
+ variant: (_b = attributes.button.variant) !== null && _b !== void 0 ? _b : BUTTON_VARIANTS[0],
18
+ };
19
+ const { paletteColors } = useTenantColorPalette();
12
20
  const { blockProps, innerBlocksProps } = useGroupBlock({
13
- blockClassName: clsx((_a = options.blockClassName) !== null && _a !== void 0 ? _a : 'i-signpost'),
14
- containerClassName: [(_b = options.containerClassName) !== null && _b !== void 0 ? _b : 'i-signpost__content wp-block-inner-content'],
21
+ blockClassName: clsx((_c = options.blockClassName) !== null && _c !== void 0 ? _c : 'i-signpost'),
22
+ containerClassName: [(_d = options.containerClassName) !== null && _d !== void 0 ? _d : 'i-signpost__content wp-block-inner-content'],
15
23
  allowedBlocks: options.allowedBlocks,
16
24
  orientation: 'vertical',
17
25
  template: options.template,
18
26
  layout: { type: 'default' },
19
27
  });
20
- 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') }) })] })] }) })] }));
28
+ return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsx(PanelBody, { title: __('Obrázek', 'brilo-blocks'), children: _jsx(ImagePickerControl, { value: img, onChange: (val) => setAttributes({ img: val }) }) }), _jsxs(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 } }) }), _jsx(ToggleGroupControl, { label: __('Typ tlačítka', 'brilo-blocks'), value: button.type, onChange: (v) => setAttributes({ button: { ...button, type: v } }), isBlock: true, children: BUTTON_TYPES.map((type) => (_jsx(ToggleGroupControlOption, { value: type, label: type }, type))) }), button.type === 'button' ? (_jsxs(_Fragment, { children: [_jsx(ToggleGroupControl, { label: __('Varianta', 'brilo-blocks'), value: button.variant, onChange: (v) => setAttributes({ button: { ...button, variant: v } }), isBlock: true, children: BUTTON_VARIANTS.map((variant) => (_jsx(ToggleGroupControlOption, { value: variant, label: variant }, variant))) }), _jsx(ToggleControl, { label: __('Outline', 'brilo-blocks'), checked: button.outline, onChange: (v) => setAttributes({ button: { ...button, outline: v } }) })] })) : (_jsxs(_Fragment, { children: [_jsx("p", { children: __('Barva textu', 'brilo-blocks') }), _jsx(ColorPalette, { colors: paletteColors, value: button.color || undefined, onChange: (v) => setAttributes({ button: { ...button, color: v !== null && v !== void 0 ? 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') }) })] })] }) })] }));
21
29
  };
22
30
  }
@@ -1 +1 @@
1
- {"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/signpost/signpost-item/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAIzD,OAAO,KAAK,EAAC,sBAAsB,EAAE,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAGxE,YAAY,EAAC,sBAAsB,EAAE,mBAAmB,EAAC,CAAA;AAEzD,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,mBAAmB,GAAG,kBAAkB,CAAC,sBAAsB,CAAC,CAkBhH"}
1
+ {"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/signpost/signpost-item/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAIzD,OAAO,KAAK,EAAC,sBAAsB,EAAE,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAIxE,YAAY,EAAC,sBAAsB,EAAE,mBAAmB,EAAC,CAAA;AAEzD,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,mBAAmB,GAAG,kBAAkB,CAAC,sBAAsB,CAAC,CAkBhH"}
@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { __ } from '@wordpress/i18n';
3
3
  import { createSignpostItemEdit } from './edit';
4
4
  import { icon as defaultIcon } from './icon';
5
+ import { BUTTON_TYPES } from './constants';
5
6
  import { InnerBlocks } from '@wordpress/block-editor';
6
7
  export function createSignpostItemBlock(options) {
7
8
  var _a, _b, _c;
@@ -16,7 +17,7 @@ export function createSignpostItemBlock(options) {
16
17
  attributes: {
17
18
  title: { type: 'string', default: '' },
18
19
  img: { type: 'object', default: { id: 0, alt: '' } },
19
- button: { type: 'object', default: { title: '' } },
20
+ button: { type: 'object', default: { title: '', type: BUTTON_TYPES[0], variant: 'primary', outline: false, color: '' } },
20
21
  url: { type: 'object', default: { src: '', blank: false } },
21
22
  },
22
23
  edit: createSignpostItemEdit(options),
@@ -1,10 +1,17 @@
1
- import { BriloBlockType } from '../../../types';
2
- import { ImageValue } from '../../../components/ImagePicker/ImagePicker';
1
+ import type { ImageValue } from '../../../components/ImagePicker/ImagePicker';
2
+ import type { BriloBlockType } from '../../../types';
3
+ import type { BUTTON_TYPES, BUTTON_VARIANTS } from './constants';
4
+ export type ButtonType = (typeof BUTTON_TYPES)[number];
5
+ export type ButtonVariant = (typeof BUTTON_VARIANTS)[number];
3
6
  export interface SignpostItemAttributes extends Record<string, unknown> {
4
7
  title: string;
5
8
  img: ImageValue;
6
9
  button: {
7
10
  title: string;
11
+ type: ButtonType;
12
+ variant: ButtonVariant;
13
+ outline: boolean;
14
+ color: string;
8
15
  };
9
16
  url: {
10
17
  src: string;
@@ -1 +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,KAAK,EAAE,MAAM,CAAA;KAAC,CAAA;IACvB,GAAG,EAAE;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAC,CAAA;CACnC;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc;CAAG"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/signpost/signpost-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sCAAsC,CAAA;AACpE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAC,YAAY,EAAE,eAAe,EAAC,MAAM,aAAa,CAAA;AAE9D,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAA;AACtD,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAA;AAE5D,MAAM,WAAW,sBAAuB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACrE,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,UAAU,CAAA;IACf,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,UAAU,CAAA;QAChB,OAAO,EAAE,aAAa,CAAA;QACtB,OAAO,EAAE,OAAO,CAAA;QAChB,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,GAAG,EAAE;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAC,CAAA;CACnC;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc;CAAG"}
@@ -1,8 +1,8 @@
1
1
  export declare const DEFAULT_VARIANTS: readonly [{
2
- readonly value: "horizontal";
2
+ readonly value: 'horizontal';
3
3
  readonly label: import("@wordpress/i18n").TransformedText<"Horizontální">;
4
4
  }, {
5
- readonly value: "vertical";
5
+ readonly value: 'vertical';
6
6
  readonly label: import("@wordpress/i18n").TransformedText<"Vertikální">;
7
7
  }];
8
8
  //# sourceMappingURL=constants.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/step/step-group/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;;;;;EAGnB,CAAA"}
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/step/step-group/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;aAC1B,KAAK,EAAE,YAAY;aAAE,KAAK;;aAC1B,KAAK,EAAE,UAAU;aAAE,KAAK;EACjB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/step/step-group/edit.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AACnC,OAAO,KAAK,EAAC,mBAAmB,EAAE,gBAAgB,EAAc,MAAM,SAAS,CAAA;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,aAAa,CAAA;AAE5C,wBAAgB,mBAAmB,CAAC,SAAS,SAAS,WAAW,GAAG,OAAO,gBAAgB,EAAE,OAAO,EAAE,gBAAgB,CAAC,SAAS,CAAC,IAG1G,gCAGlB;IACD,UAAU,EAAE,mBAAmB,CAAA;IAC/B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;CACzD,iCAwCF"}
1
+ {"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/step/step-group/edit.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AACnC,OAAO,KAAK,EAAC,mBAAmB,EAAE,gBAAgB,EAAc,MAAM,SAAS,CAAA;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,aAAa,CAAA;AAE5C,wBAAgB,mBAAmB,CAAC,SAAS,SAAS,WAAW,GAAG,OAAO,gBAAgB,EAAE,OAAO,EAAE,gBAAgB,CAAC,SAAS,CAAC,oCAM5H;IACD,UAAU,EAAE,mBAAmB,CAAA;IAC/B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;CACzD,iCAwCF"}
@@ -1,4 +1,4 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
1
+ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { InspectorControls } from '@wordpress/block-editor';
3
3
  import { PanelBody, ToggleControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, } from '@wordpress/components';
4
4
  import { __ } from '@wordpress/i18n';
@@ -1,8 +1,8 @@
1
1
  export declare const ICON_TYPES: readonly [{
2
- readonly value: "preselected";
2
+ readonly value: 'preselected';
3
3
  readonly label: import("@wordpress/i18n").TransformedText<"Předdefinovaná">;
4
4
  }, {
5
- readonly value: "media";
5
+ readonly value: 'media';
6
6
  readonly label: import("@wordpress/i18n").TransformedText<"Z médií">;
7
7
  }];
8
8
  //# sourceMappingURL=constants.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/step/step-item/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;EAGb,CAAA"}
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/step/step-item/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;aACpB,KAAK,EAAE,aAAa;aAAE,KAAK;;aAC3B,KAAK,EAAE,OAAO;aAAE,KAAK;EACd,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/step/step-item/edit.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAC,kBAAkB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAGhE,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,eAAe,IACpC,gCAGlB;IACD,UAAU,EAAE,kBAAkB,CAAA;IAC9B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAA;CACxD,iCA2CF"}
1
+ {"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/step/step-item/edit.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAC,kBAAkB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAGhE,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,iCA2CF"}
@@ -1,4 +1,4 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
1
+ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { InspectorControls, RichText } from '@wordpress/block-editor';
3
3
  import { PanelBody } from '@wordpress/components';
4
4
  import { __ } from '@wordpress/i18n';
@@ -1,18 +1,18 @@
1
1
  export declare const VARIANTS: readonly [{
2
- readonly value: "default";
2
+ readonly value: 'default';
3
3
  readonly label: import("@wordpress/i18n").TransformedText<"Výchozí">;
4
4
  }, {
5
- readonly value: "slider";
5
+ readonly value: 'slider';
6
6
  readonly label: import("@wordpress/i18n").TransformedText<"Slider">;
7
7
  }];
8
8
  export declare const SIZES: readonly [{
9
- readonly value: "sm";
9
+ readonly value: 'sm';
10
10
  readonly label: import("@wordpress/i18n").TransformedText<"Malé">;
11
11
  }, {
12
- readonly value: "md";
12
+ readonly value: 'md';
13
13
  readonly label: import("@wordpress/i18n").TransformedText<"Střední">;
14
14
  }, {
15
- readonly value: "lg";
15
+ readonly value: 'lg';
16
16
  readonly label: import("@wordpress/i18n").TransformedText<"Velká">;
17
17
  }];
18
18
  //# sourceMappingURL=constants.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/testimonial/testimonial-group/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;;;;;;EASX,CAAA;AAEV,eAAO,MAAM,KAAK;;;;;;;;;EAaR,CAAA"}
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/testimonial/testimonial-group/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;aAEjB,KAAK,EAAE,SAAS;aAChB,KAAK;;aAGL,KAAK,EAAE,QAAQ;aACf,KAAK;EAEC,CAAA;AAEV,eAAO,MAAM,KAAK;aAEd,KAAK,EAAE,IAAI;aACX,KAAK;;aAGL,KAAK,EAAE,IAAI;aACX,KAAK;;aAGL,KAAK,EAAE,IAAI;aACX,KAAK;EAEC,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/testimonial/testimonial-group/edit.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAgB,0BAA0B,EAAE,uBAAuB,EAAC,MAAM,SAAS,CAAA;AAE/F,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,uBAAuB,IACpD,gCAGlB;IACD,UAAU,EAAE,0BAA0B,CAAA;IACtC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,0BAA0B,CAAC,KAAK,IAAI,CAAA;CAChE,iCAqDF"}
1
+ {"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/testimonial/testimonial-group/edit.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAgB,0BAA0B,EAAE,uBAAuB,EAAC,MAAM,SAAS,CAAA;AAE/F,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,uBAAuB,oCAItE;IACD,UAAU,EAAE,0BAA0B,CAAA;IACtC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,0BAA0B,CAAC,KAAK,IAAI,CAAA;CAChE,iCAqDF"}
@@ -1,4 +1,4 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
1
+ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { InspectorControls } from '@wordpress/block-editor';
3
3
  import { PanelBody, ToggleControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, } from '@wordpress/components';
4
4
  import { __ } from '@wordpress/i18n';
@@ -1 +1 @@
1
- {"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/testimonial/testimonial-item/edit.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,yBAAyB,EAAE,sBAAsB,EAAC,MAAM,SAAS,CAAA;AAE9E,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,sBAAsB,IAClD,gCAGlB;IACD,UAAU,EAAE,yBAAyB,CAAA;IACrC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,yBAAyB,CAAC,KAAK,IAAI,CAAA;CAC/D,iCAkCF"}
1
+ {"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/testimonial/testimonial-item/edit.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,yBAAyB,EAAE,sBAAsB,EAAC,MAAM,SAAS,CAAA;AAE9E,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,sBAAsB,oCAIpE;IACD,UAAU,EAAE,yBAAyB,CAAA;IACrC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,yBAAyB,CAAC,KAAK,IAAI,CAAA;CAC/D,iCAkCF"}
@@ -1,4 +1,4 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
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, TextControl } from '@wordpress/components';
4
4
  import { __ } from '@wordpress/i18n';
@@ -1,8 +1,8 @@
1
1
  export declare const FORM_POSITIONS: readonly [{
2
- readonly value: "left";
2
+ readonly value: 'left';
3
3
  readonly label: import("@wordpress/i18n").TransformedText<"Formulář vlevo">;
4
4
  }, {
5
- readonly value: "right";
5
+ readonly value: 'right';
6
6
  readonly label: import("@wordpress/i18n").TransformedText<"Formulář vpravo">;
7
7
  }];
8
8
  //# sourceMappingURL=constants.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/text-and-form/text-and-form-group/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;;;EAGjB,CAAA"}
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/text-and-form/text-and-form-group/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;aACxB,KAAK,EAAE,MAAM;aAAE,KAAK;;aACpB,KAAK,EAAE,OAAO;aAAE,KAAK;EACd,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/text-and-form/text-and-form-group/edit.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAA;AAKrD,OAAO,KAAK,EAAC,0BAA0B,EAAE,uBAAuB,EAAC,MAAM,SAAS,CAAA;AAIhF,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,uBAAuB,IAIpD,OAAO,cAAc,CAAC,0BAA0B,CAAC,iCA4CvE"}
1
+ {"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/text-and-form/text-and-form-group/edit.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAA;AAKrD,OAAO,KAAK,EAAC,0BAA0B,EAAE,uBAAuB,EAAC,MAAM,SAAS,CAAA;AAIhF,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,uBAAuB,WAI7C,cAAc,CAAC,0BAA0B,CAAC,iCA4CvE"}
@@ -1,4 +1,4 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
1
+ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { BlockControls, InspectorControls } from '@wordpress/block-editor';
3
3
  import { ToolbarButton, ToolbarGroup } from '@wordpress/components';
4
4
  import clsx from 'clsx';
@@ -10,7 +10,8 @@ export function createTextAndFormGroupEdit(options) {
10
10
  const textColumnBlock = (_a = options.textColumnBlock) !== null && _a !== void 0 ? _a : 'brilo/text-and-form-text-column';
11
11
  const formColumnBlock = (_b = options.formColumnBlock) !== null && _b !== void 0 ? _b : 'brilo/form-group';
12
12
  return function Edit(props) {
13
- var _a, _b, _c, _d;
13
+ var _a;
14
+ var _b, _c, _d;
14
15
  const { attributes, setAttributes } = props;
15
16
  const { formPosition } = attributes;
16
17
  const isFormLeft = formPosition === POSITION_LEFT.value;
@@ -1,15 +1,15 @@
1
1
  export { CONTENT_SIZES as DEFAULT_CONTENT_SIZES, HEADING_LEVELS } from '../../../constants';
2
2
  export declare const DEFAULT_HEADING_STYLES: readonly [{
3
- readonly value: "h1";
3
+ readonly value: 'h1';
4
4
  readonly label: import("@wordpress/i18n").TransformedText<"H1 styl">;
5
5
  }, {
6
- readonly value: "h2";
6
+ readonly value: 'h2';
7
7
  readonly label: import("@wordpress/i18n").TransformedText<"H2 styl">;
8
8
  }, {
9
- readonly value: "h3";
9
+ readonly value: 'h3';
10
10
  readonly label: import("@wordpress/i18n").TransformedText<"H3 styl">;
11
11
  }, {
12
- readonly value: "h4";
12
+ readonly value: 'h4';
13
13
  readonly label: import("@wordpress/i18n").TransformedText<"H4 styl">;
14
14
  }];
15
15
  //# sourceMappingURL=constants.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/text-and-form/text-and-form-text-column/constants.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,aAAa,IAAI,qBAAqB,EAAE,cAAc,EAAC,MAAM,aAAa,CAAA;AAElF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;EAKzB,CAAA"}
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/text-and-form/text-and-form-text-column/constants.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,aAAa,IAAI,qBAAqB,EAAE,cAAc,EAAC,MAAM,aAAa,CAAA;AAElF,eAAO,MAAM,sBAAsB;aAChC,KAAK,EAAE,IAAI;aAAE,KAAK;;aAClB,KAAK,EAAE,IAAI;aAAE,KAAK;;aAClB,KAAK,EAAE,IAAI;aAAE,KAAK;;aAClB,KAAK,EAAE,IAAI;aAAE,KAAK;EACX,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/text-and-form/text-and-form-text-column/edit.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAA6C,+BAA+B,EAAE,4BAA4B,EAAC,MAAM,SAAS,CAAA;AAEtI,wBAAgB,+BAA+B,CAAC,OAAO,EAAE,4BAA4B,IAI9D,gCAGlB;IACD,UAAU,EAAE,+BAA+B,CAAA;IAC3C,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,+BAA+B,CAAC,KAAK,IAAI,CAAA;CACrE,iCAwEF"}
1
+ {"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/text-and-form/text-and-form-text-column/edit.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAA6C,+BAA+B,EAAE,4BAA4B,EAAC,MAAM,SAAS,CAAA;AAEtI,wBAAgB,+BAA+B,CAAC,OAAO,EAAE,4BAA4B,oCAOhF;IACD,UAAU,EAAE,+BAA+B,CAAA;IAC3C,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,+BAA+B,CAAC,KAAK,IAAI,CAAA;CACrE,iCAwEF"}
@@ -1,4 +1,4 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
1
+ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { InspectorControls, RichText } from '@wordpress/block-editor';
3
3
  import { PanelBody, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, } from '@wordpress/components';
4
4
  import { __ } from '@wordpress/i18n';
@@ -4,26 +4,27 @@ import { __ } from '@wordpress/i18n';
4
4
  import { DEFAULT_CONTENT_SIZES, DEFAULT_HEADING_STYLES, HEADING_LEVELS } from './constants';
5
5
  import { createTextAndFormTextColumnEdit } from './edit';
6
6
  export function createTextAndFormTextColumnBlock(options) {
7
- var _a, _b, _c, _d, _e, _f, _g, _h, _j;
8
- const headingStyles = (_a = options.headingStyles) !== null && _a !== void 0 ? _a : DEFAULT_HEADING_STYLES;
9
- const contentSizes = (_b = options.contentSizes) !== null && _b !== void 0 ? _b : DEFAULT_CONTENT_SIZES;
7
+ var _a, _b;
8
+ var _c, _d, _e, _f, _g, _h, _j;
9
+ const headingStyles = (_c = options.headingStyles) !== null && _c !== void 0 ? _c : DEFAULT_HEADING_STYLES;
10
+ const contentSizes = (_d = options.contentSizes) !== null && _d !== void 0 ? _d : DEFAULT_CONTENT_SIZES;
10
11
  return {
11
12
  name: options.name,
12
- title: (_c = options.title) !== null && _c !== void 0 ? _c : __('Textový sloupec', 'brilo-blocks'),
13
+ title: (_e = options.title) !== null && _e !== void 0 ? _e : __('Textový sloupec', 'brilo-blocks'),
13
14
  description: options.description,
14
- category: (_d = options.category) !== null && _d !== void 0 ? _d : 'layout',
15
+ category: (_f = options.category) !== null && _f !== void 0 ? _f : 'layout',
15
16
  ...(options.parent && { parent: options.parent }),
16
- icon: (_e = options.icon) !== null && _e !== void 0 ? _e : 'text',
17
+ icon: (_g = options.icon) !== null && _g !== void 0 ? _g : 'text',
17
18
  supports: { html: false, customClassName: false },
18
19
  attributes: {
19
20
  header: {
20
21
  type: 'object',
21
22
  default: {
22
- heading: { title: '', level: HEADING_LEVELS[1], style: (_g = (_f = headingStyles[1]) === null || _f === void 0 ? void 0 : _f.value) !== null && _g !== void 0 ? _g : headingStyles[0].value },
23
+ heading: { title: '', level: HEADING_LEVELS[1], style: (_h = (_a = headingStyles[1]) === null || _a === void 0 ? void 0 : _a.value) !== null && _h !== void 0 ? _h : headingStyles[0].value },
23
24
  overline: { title: '' },
24
25
  },
25
26
  },
26
- content: { type: 'object', default: { size: (_j = (_h = contentSizes[1]) === null || _h === void 0 ? void 0 : _h.value) !== null && _j !== void 0 ? _j : contentSizes[0].value } },
27
+ content: { type: 'object', default: { size: (_j = (_b = contentSizes[1]) === null || _b === void 0 ? void 0 : _b.value) !== null && _j !== void 0 ? _j : contentSizes[0].value } },
27
28
  },
28
29
  edit: createTextAndFormTextColumnEdit(options),
29
30
  save: () => _jsx(InnerBlocks.Content, {}),
@@ -1,99 +1,99 @@
1
1
  export { CONTENT_SIZES as DEFAULT_CONTENT_SIZES } from '../../../constants';
2
2
  export declare const DEFAULT_COLUMNS: readonly [2, 3, 4, 5, 6];
3
3
  export declare const DEFAULT_DIRECTIONS: readonly [{
4
- readonly value: "vertical";
4
+ readonly value: 'vertical';
5
5
  readonly label: import("@wordpress/i18n").TransformedText<"Vertikální">;
6
6
  }, {
7
- readonly value: "horizontal";
7
+ readonly value: 'horizontal';
8
8
  readonly label: import("@wordpress/i18n").TransformedText<"Horizontální">;
9
9
  }];
10
10
  export declare const HEADING_LEVELS: readonly [2, 3];
11
11
  export declare const DEFAULT_HEADING_STYLES: readonly [{
12
- readonly value: "h1";
13
- readonly label: "L";
12
+ readonly value: 'h1';
13
+ readonly label: 'L';
14
14
  readonly description: import("@wordpress/i18n").TransformedText<"48px">;
15
15
  }, {
16
- readonly value: "h2";
17
- readonly label: "M";
16
+ readonly value: 'h2';
17
+ readonly label: 'M';
18
18
  readonly description: import("@wordpress/i18n").TransformedText<"32px">;
19
19
  }, {
20
- readonly value: "h3";
21
- readonly label: "S";
20
+ readonly value: 'h3';
21
+ readonly label: 'S';
22
22
  readonly description: import("@wordpress/i18n").TransformedText<"24px">;
23
23
  }, {
24
- readonly value: "h4";
25
- readonly label: "XS";
24
+ readonly value: 'h4';
25
+ readonly label: 'XS';
26
26
  readonly description: import("@wordpress/i18n").TransformedText<"20px">;
27
27
  }, {
28
- readonly value: "h5";
29
- readonly label: "XXS";
28
+ readonly value: 'h5';
29
+ readonly label: 'XXS';
30
30
  readonly description: import("@wordpress/i18n").TransformedText<"16px">;
31
31
  }];
32
32
  export declare const DEFAULT_SHADOWS: readonly [{
33
- readonly value: "none";
33
+ readonly value: 'none';
34
34
  readonly label: import("@wordpress/i18n").TransformedText<"Žádný">;
35
35
  }, {
36
- readonly value: "sm";
36
+ readonly value: 'sm';
37
37
  readonly label: import("@wordpress/i18n").TransformedText<"Malý">;
38
38
  }, {
39
- readonly value: "md";
39
+ readonly value: 'md';
40
40
  readonly label: import("@wordpress/i18n").TransformedText<"Střední">;
41
41
  }];
42
42
  export declare const DEFAULT_ICON_SIZES: readonly [{
43
- readonly value: "xs";
43
+ readonly value: 'xs';
44
44
  readonly label: import("@wordpress/i18n").TransformedText<"Extra Malá">;
45
45
  readonly description: import("@wordpress/i18n").TransformedText<"48px">;
46
46
  }, {
47
- readonly value: "sm";
47
+ readonly value: 'sm';
48
48
  readonly label: import("@wordpress/i18n").TransformedText<"Malá">;
49
49
  readonly description: import("@wordpress/i18n").TransformedText<"64px">;
50
50
  }, {
51
- readonly value: "default";
51
+ readonly value: 'default';
52
52
  readonly label: import("@wordpress/i18n").TransformedText<"Výchozí">;
53
53
  readonly description: import("@wordpress/i18n").TransformedText<"88px">;
54
54
  }, {
55
- readonly value: "lg";
55
+ readonly value: 'lg';
56
56
  readonly label: import("@wordpress/i18n").TransformedText<"Velká">;
57
57
  readonly description: import("@wordpress/i18n").TransformedText<"104px">;
58
58
  }, {
59
- readonly value: "xl";
59
+ readonly value: 'xl';
60
60
  readonly label: import("@wordpress/i18n").TransformedText<"Extra Velká">;
61
61
  readonly description: import("@wordpress/i18n").TransformedText<"128px">;
62
62
  }];
63
63
  export declare const DEFAULT_ICON_COLORS: readonly [{
64
- readonly value: "none";
64
+ readonly value: 'none';
65
65
  readonly label: import("@wordpress/i18n").TransformedText<"Žádná">;
66
66
  }, {
67
- readonly value: "primary";
67
+ readonly value: 'primary';
68
68
  readonly label: import("@wordpress/i18n").TransformedText<"Primární">;
69
69
  }, {
70
- readonly value: "secondary";
70
+ readonly value: 'secondary';
71
71
  readonly label: import("@wordpress/i18n").TransformedText<"Sekundární">;
72
72
  }, {
73
- readonly value: "neutral";
73
+ readonly value: 'neutral';
74
74
  readonly label: import("@wordpress/i18n").TransformedText<"Neutrální">;
75
75
  }, {
76
- readonly value: "conversion";
76
+ readonly value: 'conversion';
77
77
  readonly label: import("@wordpress/i18n").TransformedText<"Konverzní">;
78
78
  }];
79
79
  export declare const DEFAULT_ICON_BACKGROUNDS: readonly [{
80
- readonly value: "none";
80
+ readonly value: 'none';
81
81
  readonly label: import("@wordpress/i18n").TransformedText<"Žádné">;
82
82
  }, {
83
- readonly value: "primary";
83
+ readonly value: 'primary';
84
84
  readonly label: import("@wordpress/i18n").TransformedText<"Primární">;
85
85
  }, {
86
- readonly value: "secondary";
86
+ readonly value: 'secondary';
87
87
  readonly label: import("@wordpress/i18n").TransformedText<"Sekundární">;
88
88
  }, {
89
- readonly value: "neutral";
89
+ readonly value: 'neutral';
90
90
  readonly label: import("@wordpress/i18n").TransformedText<"Neutrální">;
91
91
  }];
92
92
  export declare const DEFAULT_ALIGNMENTS: readonly [{
93
- readonly value: "left";
93
+ readonly value: 'left';
94
94
  readonly label: import("@wordpress/i18n").TransformedText<"Vlevo">;
95
95
  }, {
96
- readonly value: "center";
96
+ readonly value: 'center';
97
97
  readonly label: import("@wordpress/i18n").TransformedText<"Na střed">;
98
98
  }];
99
99
  //# sourceMappingURL=constants.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/usp/usp-group/constants.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,aAAa,IAAI,qBAAqB,EAAC,MAAM,aAAa,CAAA;AAElE,eAAO,MAAM,eAAe,0BAA2B,CAAA;AAEvD,eAAO,MAAM,kBAAkB;;;;;;EAGrB,CAAA;AAEV,eAAO,MAAM,cAAc,iBAAkB,CAAA;AAE7C,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;EAMzB,CAAA;AAEV,eAAO,MAAM,eAAe;;;;;;;;;EAIlB,CAAA;AAEV,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;EAMrB,CAAA;AAEV,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;EAMtB,CAAA;AAEV,eAAO,MAAM,wBAAwB;;;;;;;;;;;;EAK3B,CAAA;AAEV,eAAO,MAAM,kBAAkB;;;;;;EAGrB,CAAA"}
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/usp/usp-group/constants.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,aAAa,IAAI,qBAAqB,EAAC,MAAM,aAAa,CAAA;AAElE,eAAO,MAAM,eAAe,YAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAU,CAAA;AAEvD,eAAO,MAAM,kBAAkB;aAC5B,KAAK,EAAE,UAAU;aAAE,KAAK;;aACxB,KAAK,EAAE,YAAY;aAAE,KAAK;EACnB,CAAA;AAEV,eAAO,MAAM,cAAc,YAAI,CAAC,EAAE,CAAC,CAAU,CAAA;AAE7C,eAAO,MAAM,sBAAsB;aAChC,KAAK,EAAE,IAAI;aAAE,KAAK,EAAE,GAAG;aAAE,WAAW;;aACpC,KAAK,EAAE,IAAI;aAAE,KAAK,EAAE,GAAG;aAAE,WAAW;;aACpC,KAAK,EAAE,IAAI;aAAE,KAAK,EAAE,GAAG;aAAE,WAAW;;aACpC,KAAK,EAAE,IAAI;aAAE,KAAK,EAAE,IAAI;aAAE,WAAW;;aACrC,KAAK,EAAE,IAAI;aAAE,KAAK,EAAE,KAAK;aAAE,WAAW;EAC/B,CAAA;AAEV,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,kBAAkB;aAC5B,KAAK,EAAE,IAAI;aAAE,KAAK;aAAoC,WAAW;;aACjE,KAAK,EAAE,IAAI;aAAE,KAAK;aAA8B,WAAW;;aAC3D,KAAK,EAAE,SAAS;aAAE,KAAK;aAAiC,WAAW;;aACnE,KAAK,EAAE,IAAI;aAAE,KAAK;aAA+B,WAAW;;aAC5D,KAAK,EAAE,IAAI;aAAE,KAAK;aAAqC,WAAW;EAC3D,CAAA;AAEV,eAAO,MAAM,mBAAmB;aAC7B,KAAK,EAAE,MAAM;aAAE,KAAK;;aACpB,KAAK,EAAE,SAAS;aAAE,KAAK;;aACvB,KAAK,EAAE,WAAW;aAAE,KAAK;;aACzB,KAAK,EAAE,SAAS;aAAE,KAAK;;aACvB,KAAK,EAAE,YAAY;aAAE,KAAK;EACnB,CAAA;AAEV,eAAO,MAAM,wBAAwB;aAClC,KAAK,EAAE,MAAM;aAAE,KAAK;;aACpB,KAAK,EAAE,SAAS;aAAE,KAAK;;aACvB,KAAK,EAAE,WAAW;aAAE,KAAK;;aACzB,KAAK,EAAE,SAAS;aAAE,KAAK;EAChB,CAAA;AAEV,eAAO,MAAM,kBAAkB;aAC5B,KAAK,EAAE,MAAM;aAAE,KAAK;;aACpB,KAAK,EAAE,QAAQ;aAAE,KAAK;EACf,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/usp/usp-group/edit.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAIV,kBAAkB,EAClB,eAAe,EAOhB,MAAM,SAAS,CAAA;AAEhB,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,eAAe,IAWpC,gCAGlB;IACD,UAAU,EAAE,kBAAkB,CAAA;IAC9B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAA;CACxD,iCA8IF"}
1
+ {"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/usp/usp-group/edit.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAIV,kBAAkB,EAClB,eAAe,EAOhB,MAAM,SAAS,CAAA;AAEhB,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,eAAe,oCActD;IACD,UAAU,EAAE,kBAAkB,CAAA;IAC9B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAA;CACxD,iCAkKF"}
@@ -1,9 +1,10 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
1
+ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { InspectorControls } from '@wordpress/block-editor';
3
- import { PanelBody, SelectControl, ToggleControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, } from '@wordpress/components';
3
+ import { PanelBody, SelectControl, ToggleControl, BaseControl, ColorPalette, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, } from '@wordpress/components';
4
4
  import { __ } from '@wordpress/i18n';
5
5
  import clsx from 'clsx';
6
6
  import { useGroupBlock } from '../../../hooks/useGroupBlock';
7
+ import { useTenantColorPalette } from '../../../hooks/useTenantColorPalette';
7
8
  import { DEFAULT_ALIGNMENTS, DEFAULT_COLUMNS, DEFAULT_CONTENT_SIZES, DEFAULT_DIRECTIONS, DEFAULT_HEADING_STYLES, DEFAULT_ICON_BACKGROUNDS, DEFAULT_ICON_COLORS, DEFAULT_ICON_SIZES, DEFAULT_SHADOWS, HEADING_LEVELS, } from './constants';
8
9
  export function createUspGroupEdit(options) {
9
10
  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
@@ -19,6 +20,7 @@ export function createUspGroupEdit(options) {
19
20
  return function Edit({ attributes, setAttributes, }) {
20
21
  var _a, _b, _c;
21
22
  const { columns, headingSettings, content, style } = attributes;
23
+ const { paletteColors } = useTenantColorPalette();
22
24
  const { blockProps, innerBlocksProps } = useGroupBlock({
23
25
  blockClassName: clsx((_a = options.blockClassName) !== null && _a !== void 0 ? _a : 'g-usp wp-block-section', `--direction-${style.direction}`, style.card && '--card', style.shadow !== 'none' && `--shadow-${style.shadow}`),
24
26
  containerClassName: [(_b = options.containerClassName) !== null && _b !== void 0 ? _b : 'u-grid-responsive', `--cols-${columns}`],
@@ -28,6 +30,6 @@ export function createUspGroupEdit(options) {
28
30
  template: options.template,
29
31
  layout: { type: 'default' },
30
32
  });
31
- 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: __('Směr', 'brilo-blocks'), value: style.direction, onChange: (v) => setAttributes({ style: { ...style, direction: v } }), children: DIRECTIONS.map((d) => (_jsx(ToggleGroupControlOption, { value: d.value, label: d.label }, d.value))) }), style.direction === 'vertical' && (_jsx(ToggleGroupControl, { isBlock: true, label: __('Zarovnání', 'brilo-blocks'), value: style.align, onChange: (v) => setAttributes({ style: { ...style, align: v } }), children: ALIGNMENTS.map((a) => (_jsx(ToggleGroupControlOption, { value: a.value, label: a.label }, a.value))) })), _jsx(ToggleGroupControl, { isBlock: true, label: __('Úroveň nadpisu položek', 'brilo-blocks'), value: String(headingSettings.level), onChange: (v) => setAttributes({ headingSettings: { ...headingSettings, level: Number(v) } }), children: HEADING_LEVELS.map((l) => (_jsx(ToggleGroupControlOption, { value: String(l), label: `H${l}` }, l))) }), _jsx(ToggleGroupControl, { isBlock: true, label: __('Styl nadpisu položek', 'brilo-blocks'), value: headingSettings.style, onChange: (v) => setAttributes({ headingSettings: { ...headingSettings, style: v } }), children: HEADING_STYLES.map((s) => (_jsx(ToggleGroupControlOption, { value: s.value, label: s.label, "aria-label": s.description, showTooltip: true }, s.value))) }), _jsx(ToggleGroupControl, { isBlock: true, label: __('Velikost textu', 'brilo-blocks'), value: content.size, onChange: (v) => setAttributes({ content: { size: v } }), children: CONTENT_SIZES.map((s) => (_jsx(ToggleGroupControlOption, { value: s.value, label: s.label }, s.value))) })] }), _jsxs(PanelBody, { title: __('Styl', 'brilo-blocks'), children: [_jsx(ToggleControl, { label: __('Karta', 'brilo-blocks'), checked: style.card, onChange: (v) => setAttributes({ style: { ...style, card: v } }) }), style.card && (_jsx(ToggleGroupControl, { isBlock: true, label: __('Stín', 'brilo-blocks'), value: style.shadow, onChange: (v) => setAttributes({ style: { ...style, shadow: v } }), children: SHADOWS.map((s) => (_jsx(ToggleGroupControlOption, { value: s.value, label: s.label }, s.value))) }))] }), _jsxs(PanelBody, { title: __('Ikona', 'brilo-blocks'), initialOpen: false, children: [_jsx(ToggleGroupControl, { isBlock: true, label: __('Velikost', 'brilo-blocks'), value: style.icon.size, onChange: (v) => setAttributes({ style: { ...style, icon: { ...style.icon, size: v } } }), children: ICON_SIZES.map((s) => (_jsx(ToggleGroupControlOption, { value: s.value, label: s.label, "aria-label": s.description, showTooltip: true }, s.value))) }), _jsx(SelectControl, { label: __('Barva', 'brilo-blocks'), value: style.icon.color, options: [...ICON_COLORS], onChange: (v) => setAttributes({ style: { ...style, icon: { ...style.icon, color: v } } }) }), _jsx(SelectControl, { label: __('Pozadí', 'brilo-blocks'), value: style.icon.background, options: [...ICON_BACKGROUND], onChange: (v) => setAttributes({ style: { ...style, icon: { ...style.icon, background: v } } }) }), style.icon.background !== 'none' && (_jsx(ToggleControl, { label: __('Ohraničení ikony', 'brilo-blocks'), checked: (_c = style.icon.bordered) !== null && _c !== void 0 ? _c : false, onChange: (v) => setAttributes({ style: { ...style, icon: { ...style.icon, bordered: v } } }) }))] })] }), _jsx("div", { ...blockProps, children: _jsx("div", { ...innerBlocksProps }) })] }));
33
+ 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: __('Směr', 'brilo-blocks'), value: style.direction, onChange: (v) => setAttributes({ style: { ...style, direction: v } }), children: DIRECTIONS.map((d) => (_jsx(ToggleGroupControlOption, { value: d.value, label: d.label }, d.value))) }), style.direction === 'vertical' && (_jsx(ToggleGroupControl, { isBlock: true, label: __('Zarovnání', 'brilo-blocks'), value: style.align, onChange: (v) => setAttributes({ style: { ...style, align: v } }), children: ALIGNMENTS.map((a) => (_jsx(ToggleGroupControlOption, { value: a.value, label: a.label }, a.value))) })), _jsx(ToggleGroupControl, { isBlock: true, label: __('Úroveň nadpisu položek', 'brilo-blocks'), value: String(headingSettings.level), onChange: (v) => setAttributes({ headingSettings: { ...headingSettings, level: Number(v) } }), children: HEADING_LEVELS.map((l) => (_jsx(ToggleGroupControlOption, { value: String(l), label: `H${l}` }, l))) }), _jsx(ToggleGroupControl, { isBlock: true, label: __('Styl nadpisu položek', 'brilo-blocks'), value: headingSettings.style, onChange: (v) => setAttributes({ headingSettings: { ...headingSettings, style: v } }), children: HEADING_STYLES.map((s) => (_jsx(ToggleGroupControlOption, { value: s.value, label: s.label, "aria-label": s.description, showTooltip: true }, s.value))) }), _jsx(ToggleGroupControl, { isBlock: true, label: __('Velikost textu', 'brilo-blocks'), value: content.size, onChange: (v) => setAttributes({ content: { size: v } }), children: CONTENT_SIZES.map((s) => (_jsx(ToggleGroupControlOption, { value: s.value, label: s.label }, s.value))) })] }), _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: 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: "usp-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: "usp-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: "usp-group-text-color", children: _jsx(ColorPalette, { colors: paletteColors, value: style.textColor || undefined, onChange: (value) => setAttributes({ style: { ...style, textColor: value !== null && value !== void 0 ? value : '' } }) }) })] }), _jsxs(PanelBody, { title: __('Ikona', 'brilo-blocks'), initialOpen: false, children: [_jsx(ToggleGroupControl, { isBlock: true, label: __('Velikost', 'brilo-blocks'), value: style.icon.size, onChange: (v) => setAttributes({ style: { ...style, icon: { ...style.icon, size: v } } }), children: ICON_SIZES.map((s) => (_jsx(ToggleGroupControlOption, { value: s.value, label: s.label, "aria-label": s.description, showTooltip: true }, s.value))) }), _jsx(SelectControl, { label: __('Barva', 'brilo-blocks'), value: style.icon.color, options: [...ICON_COLORS], onChange: (v) => setAttributes({ style: { ...style, icon: { ...style.icon, color: v } } }) }), _jsx(SelectControl, { label: __('Pozadí', 'brilo-blocks'), value: style.icon.background, options: [...ICON_BACKGROUND], onChange: (v) => setAttributes({ style: { ...style, icon: { ...style.icon, background: v } } }) }), style.icon.background !== 'none' && (_jsx(ToggleControl, { label: __('Ohraničení ikony', 'brilo-blocks'), checked: (_c = style.icon.bordered) !== null && _c !== void 0 ? _c : false, onChange: (v) => setAttributes({ style: { ...style, icon: { ...style.icon, bordered: v } } }) }))] })] }), _jsx("div", { ...blockProps, children: _jsx("div", { ...innerBlocksProps }) })] }));
32
34
  };
33
35
  }